/*
	common.css 1.0.0
	Created by Changgang at June 14th, 2016.
	Email:service@missui.com.
*/
/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, dialog, figure, header, footer, hgroup, menu, nav, section, time, mark, audio, video { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 100%; 
	font-family: 'Microsoft yahei','Arial';
} 
article, aside, nav, section, dialog, figure, header, footer, hgroup { 
	display:block; 
} 
legend { 
	display:none; 
} 
:focus { 
	outline: 0; 
} 
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
} 
a img, iframe { 
	border: none; 
} 
ul { 
	list-style: none; 
} 
input, textarea, select, button { 
	font-size: 100%; 
	font-family: inherit; 
} 
input, select { 
	vertical-align:middle; 
} 
select { 
	margin: inherit; 
} 
strong{font-weight: bold;}
button { 
	border: 0; 
	padding: 0; 
	background: transparent; 
	cursor: pointer; 
} 
input::-webkit-input-placeholder {
	color: #D6D0CA !important; 
	text-indent: 10px;
}
input:-moz-placeholder {
	color: #D6D0CA !important;
	text-indent: 10px;
}
input::-moz-placeholder {
	color: #D6D0CA !important;
	text-indent: 10px;
}
input[type='date']{
	text-indent: 5px;
}
.pointer{cursor: pointer;}
/* ========================================= clearfix == */ 
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
[v-cloak]{
  display: none;
}
a{
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	font-weight: 100;
}
a:hover{color: #f30000;}
.pull-left{float: left;}
.pull-right{float: right;}
.pull-center{margin: 0 auto;}
.hide{display: none;}
.show{display: block;}
.radius-3{border-radius: 3px;}
.radius-5{border-radius: 5px;}
.radius-100{border-radius: 100px;}

.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}

.no-bg{background: none;}
.bg-white{background-color: #ffffff;}
.red-star{font-family: 'Simsun';font-size: 18px;vertical-align: middle;color: #f00}

/* Font css */
.font-size-12{font-size: 12px;}
.font-size-14{font-size: 14px;}
.font-size-16{font-size: 16px;}
.font-size-18{font-size: 18px;}
.font-size-20{font-size: 20px;}
.font-size-22{font-size: 22px;}
.font-size-24{font-size: 24px;}
.font-size-26{font-size: 26px;}
.font-size-28{font-size: 28px;}
.font-size-30{font-size: 30px;}
.font-size-32{font-size: 32px;}
.font-size-34{font-size: 34px;}
.font-size-36{font-size: 36px;}
.font-size-38{font-size: 38px;}
.font-size-40{font-size: 40px;}
.font-size-42{font-size: 42px;}
.font-size-48{font-size: 48px;}
.text-color-red{color: #ea5413;}
.text-color-green{color: #00bf99;}
.text-color-blue{color: #0092e6;}
.text-color-gray{color: #999999;}
.text-color-white{color: #ffffff;}
.text-color-orange{color: #ff9900;}

.font-weight-bold{font-weight: bold;}
/* Font Color css */
.width-50{width: 50px;}
.width-80{width: 80px;}
.width-100{width: 100px;}
.width-125{width: 125px;}
.width-150{width: 150px;}
.width-200{width: 200px;}
.width-250{width: 250px;}
.width-300{width: 300px;}
.width-350{width: 350px;}
.width-400{width: 400px;}

/*bg*/
.bg-orange{background-color: #ffaa00;}
.bg-blue{background-color: #37a8ff;}
.bg-green{background-color: #48e4ba;}
.bg-purple{background-color: #cf9fea;}
.bg-gray{background-color: #909090;}
.bg-red{background: #ff4400;}
.bg-bgreen{background: #7cd8de;}
.bg-byellow{background: #d0bc77;}
.bg-cyellow{background: #d0a177;}
.bg-red{background: #ff4400;}

/*padding*/
.padding-15{padding: 15px;}
.vline-1px,
li.vline-1px{
	height: 1px;
	background-color: #eedcbd;
	margin: 20px 0;
	width: 100%;
	display: block;
	float: none;
	clear: both;
}


/*icon*/
.icon{
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
.icon.icon-padding{
	padding: 20px;
	border-radius: 20px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.icon.icon-12{
	width: 12px;
	height: 12px;
	background-size: 12px;
	-ms-behavior: url('/templates/pc/dist/css/backgroundsize.min.htc');
    behavior: url('/templates/pc/dist/css/backgroundsize.min.htc');
}
.icon.icon-18{
	width: 18px;
	height: 18px;
	background-size: 18px;
	-ms-behavior: url('/templates/pc/dist/css/backgroundsize.min.htc');
    behavior: url('/templates/pc/dist/css/backgroundsize.min.htc');
}
.icon.icon-24{
	width: 24px;
	height: 24px;
	background-size: 24px;
	-ms-behavior: url('/templates/pc/dist/css/backgroundsize.min.htc');
    behavior: url('/templates/pc/dist/css/backgroundsize.min.htc');
}
.icon.icon-36{
	width: 36px;
	height: 36px;
	background-size: 36px;
	-ms-behavior: url('/templates/pc/dist/css/backgroundsize.min.htc');
    behavior: url('/templates/pc/dist/css/backgroundsize.min.htc');
}
.icon.icon-48{
	width: 48px;
	height: 48px;
	background-size: 48px;
	-ms-behavior: url('/templates/pc/dist/css/backgroundsize.min.htc');
    behavior: url('/templates/pc/dist/css/backgroundsize.min.htc');
}
.icon.icon-desktop{background-image: url('../img/icon_desktop.png');}
.icon.icon-contract{background-image: url('../img/icon_contract.png');}
.icon.icon-customs{background-image: url('../img/icon_customs.png');}
.icon.icon-sale-start{background-image: url('../img/icon_sale_start.png');}
.icon.icon-docs{background-image: url('../img/icon_docs.png');}
.icon.icon-qa{background-image: url('../img/icon_qa.png');}
.icon.icon-setting{background-image: url('../img/icon_setting.png');}
.icon.icon-more{background-image: url('../img/icon_more.png');}
.icon.icon-upload{background-image: url('../img/icon_upload.png');}
.icon.icon-search{background-image: url('../img/icon_search.png');}
.icon.icon-money{background-image: url('../img/icon_money.png');}
.icon.icon-notice{background-image: url('../img/icon_notice.png');}
.icon.icon-complain{background-image: url('../img/icon_complain.png');}
.icon.icon-yy{background-image: url('../img/icon_yun.png');}
.icon.icon-assembly{background-image: url('../img/assembly.png');}
.icon.icon-form{background-image: url('../img/form.png');}
.icon.icon-logout{background-image: url('../img/icon_logout.png');}
.icon.icon-about{background-image: url('../img/icon_about.png');}
.icon.icon-get-help{background-image: url('../img/icon_kf.png');}
.icon.icon-new-version{background-image: url('../img/icon_nversion.png');}
.icon.icon-sq{background-image: url('../img/icon_sq.png');}
.icon.icon-yw{background-image: url('../img/icon_yw.png');}
.icon.icon-pd{background-image: url('../img/icon_pd.png');}
.icon.icon-staff{background-image: url('../img/icon_staff.png');}
.icon.icon-company{background-image: url('../img/icon_company.png');}
.icon.icon-zyd{background-image: url('../img/zyd.png');background-size: 36px;}
.icon.icon-apps{background-image: url('../img/apps.png');}
.icon.icon-close{background-image: url('../img/close.png');}
.icon.icon-yun{background-image: url('../img/yun.png');}
.icon.icon-home{background-image: url('../img/desktop.png');}
.icon.icon-user{background-image: url('../img/no_avatar.png');}
.icon.icon-tools{background-image: url('../img/tools.png');}
.icon.icon-biao{background-image: url('../img/biao.png');}
.icon.icon-list{background-image: url('../img/list.png');}
.icon.icon-add{background-image: url('../img/add.png');}
.icon.icon-gb{background-image: url('../img/gb.png');}
.icon.icon-jx{background-image: url('../img/jx.png');}
.icon.icon-sms{background-image: url('../img/sms.png');}
.icon.icon-bm{background-image: url('../img/bm.png');}
.icon.icon-day{background-image: url('../img/day.png');}
.icon.icon-month{background-image: url('../img/month.png');}
.icon.icon-year{background-image: url('../img/year.png');}
.icon.icon-ubook{background-image: url('../img/ubook.png');}
.icon.icon-endtime{background-image: url('../img/et.png');}
.icon.icon-subcompany{background-image: url('../img/fz.png');}
.icon.icon-backsql{background-image: url('../img/bf.png');}
.icon.icon-uqx{background-image: url('../img/qx.png');}
.icon.icon-cpwd{background-image: url('../img/cpwd.png');}
.icon.icon-menu{background-image: url('../img/menu.png');}
.icon.icon-links{background-image: url('../img/links.png');}
.icon.icon-comment{background-image: url('../img/comment.png');}
.icon.icon-ads{background-image: url('../img/ads.png');}
.icon.icon-hr{background-image: url('../img/hr.png');}
.icon.icon-statistics{background-image: url('../img/statistics.png');}
.icon.icon-wechat{background-image: url('../img/wechat.png');}
.icon.icon-safe{background-image: url('../img/safe.png');}

.icon.icon-zx{background-image: url('../img/zx.png');vertical-align: top;}
.icon.icon-hd{background-image: url('../img/hd.png');vertical-align: top;}
.icon.icon-3d{background-image: url('../img/3d.png');vertical-align: top;}
.icon.icon-3dw{background-image: url('../img/3dw.png');}
.icon.icon-case{background-image: url('../img/case.png');vertical-align: top;}
.icon.icon-lc{background-image: url('../img/lc.png');vertical-align: top;}
.icon.icon-kt{background-image: url('../img/kt.png');vertical-align: top;}
.icon.icon-more{background-image: url('../img/more.png');}
.icon.icon-eyes{background-image: url('../img/eye.png');}
/*------------*/
/*btn*/
.btn{
	display: inline-block;
	background: #f9f9f9;
	border-radius: 3px;
	padding: 0 10px;
	height: 28px;
	margin: 0;
	vertical-align: middle;
	font-size: 12px;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	text-align: center;
	line-height: 28px;
	cursor: pointer;
}
.btn.btn-default{border: 1px solid #f9f9f9;}
.btn.btn-link{
	line-height: 28px;
	text-decoration: none;
}
.btn.btn-gray{
	background-color: #999;
	color: #fff;
}
.btn.btn-gray:hover{
	background: #666;
}
.btn.btn-red{
	background-color: #f00;
	color: #fff;
}
.btn.btn-red:hover{
	background: #d90000;
}
.btn.btn-green{
	background-color: #009c54;
	color: #fff;
}
.btn.btn-green:hover{
	background: #008045;
}
.btn.btn-oranage{
	background-color: #ff8800;
	color: #fff;
}
.btn.btn-oranage:hover{
	background: #ff5500;
}
.btn.btn-blue{
	background-color: #37a8ff;
	color: #fff;
}
.btn.btn-blue:hover{
	background: #0086ed;
}
.btn.btn-big{
	height: 42px;
	font-size: 16px;
	line-height: 42px;
}
.btn.btn-w100{min-width: 100px;}
.btn.btn-w200{min-width: 200px;}
.btn.btn-w250{min-width: 250px;}
.btn.btn-full{width: 100%;}
.btn.btn-mini{
	height:24px;
	line-height: 24px;
	font-size: 12px;
}
.input{
	border: 1px solid #cccccc;
	background-color: #fcfcfc;
	height: 26px;
	line-height: 26px;
	text-indent: 10px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	box-shadow: 0 0 3px rgba(0,0,0,0.1)
}
.input[type='text']{
	height: 24px;
	line-height: 24px;
	
}
.input.input-default{min-width: 150px;}
.input.input-w200{width:200px;}
.input.input-w250{width:250px;}
.input.input-full{width:100%;}
.textarea{
	border: 1px solid #cccccc;
	background-color: #fcfcfc;
	border-radius: 3px;
	min-height: 40px;
	line-height: 20px;
	margin: 0;
	padding: 5px 1%;
	vertical-align: middle;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	width: 98%;
}
/*table*/
.table{font-size: 12px;}
.table th,
.table td{
	border-bottom: 1px solid #ddd;
	text-align: center;
	line-height: 24px;
	padding: 8px 0;
	vertical-align: middle;
}
.table td img{
	vertical-align: middle;
}
.table td.text-left{text-align: left;}
.table td.text-right{text-align: right;}
.table th{
	background: #ffffff;
	color: #aaa;
}
.table td a{color: #00b2a3;text-decoration: underline;}
.table tr:nth-child(even) td{
	background-color: #fefefe;
}
.table tr:nth-child(even):hover td,
.table tr:hover td{
	background-color: #fffbee;
}
.table tr.disabled td{
	color: #ccc;
}
.table-noborder,
.table-noborder tr th,
.table-noborder tr td{
	border:none;
}
.table-bordered{border-top:1px solid #ddd;border-left:1px solid #ddd;}
.table-bordered,
.table-bordered tr th,
.table-bordered tr td{
	border-right:1px dotted #ddd;
}
td.list-buttons{
	padding-right: 10px;
}
/*list-pagging*/
.list-pagging{
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0;
}
.list-pagging a{
	margin: 0 5px;
}
.list-pagging a.active{
	color: #fff;
	background: #999;
	display: inline-block;
	padding: 0 5px;
	border-radius: 3px;
}
/*-----------*/
body{
	background: #ffffff;
	padding: 0;
	margin: 0;
	min-width: 1200px;
}
header{
	height: 120px;
	width: 100%;
}
.c{width: 1200px;margin: 0 auto;}
.space30{height: 30px;}
.top{
	height: 30px;
	line-height: 30px;
	background: #f5f5f5;
	font-size: 12px;
	color: #434242;
}

.logo{
	width: 304px;
	height: 54px;
	padding: 18px 0;
}
.logo h1 a{
	display: block;
	text-indent: -9999px;
	background: url('../img/logo.png') no-repeat left center;
	width: 304px;
	height: 54px;
}
.ads-01{
	width: 320px;
	height: 80px;
	padding: 5px 0;
}
.ads-01 img{
	width: 320px;
	height: 80px;
}

nav.default{
	background: #9f0000;
	min-height: 42px;
}
.subm{
	background: #fff;
	padding: 0px 15px;
	font-size: 12px;
	text-align: center;
}
.subm a{
	margin: 0 20px;
	display: inline-block;
	line-height: 42px;
}
.subm a.active{
	color: #f00;
	border-bottom:2px solid #f00;
}
.t{
	padding-top:10px;
}
.menu{
	height: 42px;
	position: relative;
	left:-16px;
}
.menu ul li{
	float: left;
	width: 120px;
	text-align: center;
	line-height: 42px;
	position: relative;
}
.menu ul li a{color: #ffffff;}
.menu ul li.active,
.menu ul li:hover{
	background: url('../img/menu_active.png') no-repeat center center;
}
.menu ul.submenu{
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 1000;
	display: none;
	background: #fff;
	width: 120px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.05);
}
.menu ul li ul.submenu li{
	border-top: 1px solid #f4f4f4;
	border-right: none;
	font-size: 14px;
}
.menu ul li ul.submenu li a{
	color: #000000;
	display: inline-block;
	width: 100%;
}
.menu ul li ul.submenu li a:hover{color: #ff6600}
.btn-exhibition-room{
	height: 42px;
	background: #ff9600;
	line-height: 42px;
	padding: 0 30px;
	display: inline-block;
	color: #ffffff;
	z-index: 1001;
	position: relative;
}
.btn-exhibition-room:hover{
	background: #ff6600;
	color: #fff;
}

.page-swipe{
	min-width: 1200px;
	height: 600px;
}
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	height: 600px;
}
.swipe-wrap {
	position: relative;
	height: 600px;
}
.swipe-wrap  div.figure {
	float: left;
	width: 100%;
	position: relative;
	height: 600px;
}


/*index*/

section img{
	box-shadow: 0 0 3px rgba(0,0,0,0.05);
}
.indexbox-head{
	line-height: 24px;
	color: #333333;
	vertical-align: bottom;
}

.hds li{
	padding: 0 0 15px 0;
	margin: 15px 0 0 0;
	border-bottom: 1px dotted #eee;
	height: 106px;
	overflow: hidden;
}
.hds-meta{width: 300px;}
.hds-meta p{padding: 5px 0;color: #666;text-indent: 24px;}
.hds-thumbnail,
.hds-thumbnail img{
	width: 135px;
	height: 100px;
	overflow: hidden;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}


.cases li{
	float: left;
	width: 390px;
	height: 280px;
	overflow: hidden;
	position: relative;
	margin-left: 15px;
	margin-top: 15px;
}
.cases2 li{
	height: 350px;
}
.cases li:first-child{margin-left:0;}
.cases li:first-child+li+li+li{margin-left:0;}
.cases li:nth-child(4),
.cases li:nth-child(7),
.cases li:nth-child(10),
.cases li:nth-child(13){margin-left:0;}
.cases li a{
	position: relative;
	display: block;
	width: 390px;
	height: 280px;
}
.cases li img{
	width: 390px;
	height: 280px;
}
.cases-meta{
	background-color:#cf0000;
	background-color: rgba(207,0,0,0.6);
	color: #fff;
	position: absolute;
	z-index: 1002;
	bottom: 0px;
	height: 0px;
	overflow:hidden;
	text-align: center;
	width: 390px;
	/*display: none;*/
}
.cases-meta-c{
	padding: 25px 40px;
	line-height: 200%;
}

.v3d li{
	float: left;
	width: 350px;
	height: 260px;
	overflow: hidden;
	position: relative;
	margin-left: 15px;
	margin-top: 15px;
}
.v3d li:first-child{margin-left: 0}
.v3d li:first-child+li+li{margin-left: 0}
.v3d li:nth-child(3){margin-left:0;}
.v3d li a{
	display: block;
	width: 350px;
	height: 260px;
}
.v3d li img{
	width: 350px;
	height: 260px;
}
.v3d-meta{
	background-color:#cf0000;
	background-color: rgba(207,0,0,0.6);
	color: #fff;
	position: absolute;
	z-index: 1002;
	bottom: 0;
	height: 0px;
	width: 100%;
	text-align: center;
}
.v3d-meta-c{
	padding: 15px 20px;
	line-height: 200%;
}


@keyframes animatedBackground {
  from { background-color: rgba(0,0,0,0.05); }
  to { background-color: rgba(207,0,0,1); }
}


.indexls{padding-top: 15px;}
.indexls li{
	width: 156px;
	height: 320px;
	border-radius: 5px;
	float: left;
	margin-left: 18px;
	text-align: center;
	background-color: #f9f9f9;
	background-color: rgba(0,0,0,0.05);
	background-repeat: no-repeat;
	background-position: center 240px;
	background-size: 64px;
	padding-top: 10px;
	line-height: 180%;
	-ms-behavior: url('/templates/pc/dist/css/backgroundsize.min.htc');
    behavior: url('/templates/pc/dist/css/backgroundsize.min.htc');
}
.indexls li span.font-size-30{
	line-height: 220%;
}
.indexls li:first-child{
	margin-left: 0;
	background-image:url('../img/s1.png'); 
}
.indexls li:hover{
	background-color: #cf0000;
	background-color: rgba(207,0,0,1);
	color: #ffffff;
	animation: animatedBackground 0.5s linear 1;
}
.indexls>li:first-child + li {background-image:url('../img/s2.png');}
.indexls>li:first-child + li + li {background-image:url('../img/s3.png');}
.indexls>li:first-child + li + li + li{background-image:url('../img/s4.png');}
.indexls>li:first-child + li + li + li + li{background-image:url('../img/s5.png');}
.indexls>li:first-child + li + li + li + li + li{background-image:url('../img/s6.png');}
.indexls>li:first-child + li + li + li + li + li + li{background-image:url('../img/s7.png');}
.indexls li:nth-child(2){background-image:url('../img/s2.png');}
.indexls li:nth-child(3){background-image:url('../img/s3.png');}
.indexls li:nth-child(4){background-image:url('../img/s4.png');}
.indexls li:nth-child(5){background-image:url('../img/s5.png');}
.indexls li:nth-child(6){background-image:url('../img/s6.png');}
.indexls li:nth-child(7){background-image:url('../img/s7.png');}

.indexkt-topic{
	width: 398px;
	padding-top: 15px;
}
.indexkt-topic img{
	width: 398px;
	height: 280px;
}
.indexkt-news{
	width:772px;
}
.indexkt-news-sbox{
	padding-top: 15px;
}
.indexkt-news-pic,
.indexkt-news-pic img{
	width: 180px;
	height: 132px;
}
.indexkt-news-list{
	width: 580px;
}

.indexkt-news-list ul li{
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	padding-left: 15px;
	background: url('../img/dot.png') no-repeat left center;
}

.indexb1{
	position: relative;
	height: 188px;
}
.indexsjq{
	width: 574px;
	height: 188px;
	position: absolute;
	top: 0;
	bottom: 0;
	background: url('../img/indexsjq.png') no-repeat left bottom;
	z-index: 1000;
}
.index-ubox{
	padding: 70px 43px 0 270px;
}
.index-ubox input.input{
	width: 160px;
	margin-bottom: 20px;
	font-size: 14px;
	height: 30px;
	border:none;
	border-radius: 2px;
}
.index-ubox button{
	float: right;
	width: 82px;
	height: 82px;
	background: #fc0;
	color: #ffffff;
	font-size: 22px;
	line-height: 82px;
	border-radius: 2px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	text-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}
.index-ubox button:hover{
	background-color: #fb0;
}
.fourmodel{
	height: 160px;
	width: 640px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 999;
	background-color: #fefefe;
	background-color: rgba(0,0,0,0.02);
}
.fourmodel ul li{
	float: left;
	width: 160px;
	height: 160px;
	display: inline-block;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-image: url('../img/m4.png');
	background-repeat: no-repeat;
}
.fourmodel ul li:after{
	content: ' ';
	width: 1px;
	height: 160px;
	background-color: #fafafa;
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	right: 0;
	top: 0;
}
.fourmodel ul li a{
	display: block;
	height: 50px;
	width: 160px;
	padding-top: 110px;
}
.fourmodel ul li:first-child{
	background-position: 37px 20px;
}
.fourmodel ul li:first-child+li{background-position: -125px 20px;}
.fourmodel ul li:nth-child(2){
	background-position: -125px 20px;
}
.fourmodel ul li:first-child+li+li{background-position: -285px 20px;}
.fourmodel ul li:nth-child(3){
	background-position: -285px 20px;
}
.fourmodel ul li:first-child+li+li+li{background-position: -442px 20px;}
.fourmodel ul li:nth-child(4){
	background-position: -442px 20px;
}

.fourmodel ul li:first-child:hover{
	background-position: 37px -138px;
	color: #ffffff;
}
.fourmodel ul li:first-child+li:hover{background-position: -125px -138px;}
.fourmodel ul li:nth-child(2):hover{
	background-position: -125px -138px;
	color: #ffffff;
}
.fourmodel ul li:first-child+li+li:hover{background-position: -285px -138px;}
.fourmodel ul li:nth-child(3):hover{
	background-position: -285px -138px;
	color: #ffffff;
}
.fourmodel ul li:first-child+li+li+li:hover{background-position: -442px -138px;}
.fourmodel ul li:nth-child(4):hover{
	background-position: -442px -138px;
	color: #ffffff;
}
.fourmodel ul li:hover{background-color: #fb0;}
.fourmodel ul li a:hover{color: #fff;}

.indexbj{
	margin-top: 15px;
}

/*post*/
.post,
.page{
	padding: 20px 0;
}
.postd-meta{
	padding: 15px 0;
}
.postd-body{
	border-top:1px dotted #eeeeee;
	padding: 30px 0;
	line-height: 180%;
}

.posta-box{
	width: 800px;
}
.posta-sider{
	width: 370px;
}

.post-style-a li{
	border-bottom:1px dotted #eee;
	padding: 15px 0;
}

.post-style-a-thumbnail,
.post-style-a-thumbnail img{
	width: 150px;
}
.post-style-a-meta{
	width: 630px;
}
.post-style-a-meta h3{
	line-height: 120%;
}
.post-style-a-meta p{
	line-height: 180%;
	padding: 15px 0;
}
/*paged*/
.pagesider{
	width: 150px;
}
.paged{
	width: 1010px;
	overflow: auto;
}

.pagesider ul li{
	padding: 0 0 10px 0;
}
.pagesider ul li a{
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	background-color: #e8e8e8;
	text-indent: 30px;
}
.pagesider ul li.active a{
	background-color: #cf0000;
	color: #ffffff;
}
.paged-body{
	padding: 30px 0;
	line-height: 180%;
}
.paged-locat{
	line-height: 32px;
	border-bottom: 1px dotted #eeeeee;
}
.postd-body img,
.paged-body img{box-shadow: none;}


.posts_list_a_head{
	border-bottom: 1px dotted #eee;
	padding: 0 0 10px 0;
}
.posts_list_a_searchbox{padding-top: 10px;}
.subcatelist a{
	display: inline-block;
	padding: 15px 20px;
	background-color: #f9f9f9;
	border-radius: 3px;
}
.subcatelist a.active{
	background-color: #9f0000;
	color: #ffffff;
}

.posta-sider-box{
	border:1px solid #eee;
}
.posta-sider-box-head{
	line-height: 42px;
	height: 42px;
	text-indent: 20px;
	background-color: #9f0000;
	color: #fff;
}
.posta-sider-box-body{
	padding: 15px;
}

.posta-sider-ul li{
	font-size: 14px;
	border-bottom: 1px dotted #eee;
	padding: 10px 0;
}
.posta-sider-ul li .itemno{
	display: inline-block;
	width: 20px;
	text-align: center;
	background-color: #eee;
	border-radius: 3px;
	margin-right: 10px;
}
.posta-sider-ul li:hover .itemno{
	background-color: #f00;
	color: #fff;
}
.views{display: inline-block;}

.d3vs{
	border:1px solid #eee;
	padding: 20px;
}

.d3vs-item{
	text-align: center;
	font-size: 14px;
	padding: 5px;
	width: 180px;
	line-height: 180%;
	cursor: pointer;
}
.d3vs-item img{
	width: 180px;
}
.d3vs-item.active{
	background-color: #d70000;
	color: #fff;
	border-radius: 5px;
}

/*footer*/

.flink{
	padding: 30px;
	background: #f9f9f9;
	background: rgba(0,0,0,0.05);
}
.flink h3{
	line-height: 220%;
}
.qrbox{
	width: 128px;
	text-align: center;
}
.copyrihgt{
	padding: 10px 0;
}

/*pages*/
.page-login{
	background:#000 url('../img/loginbg.jpg') no-repeat center center;
	background-size:100%
}
.system-logo{
	padding-bottom: 10px;
}
.system-logo .logo{
	margin:0 auto;
	width: 120px;
	height: 100px;
	background: url('../img/logo.png') no-repeat center center;
	display: inline-block;
}
.login{
	margin: 150px auto 100px auto;
	width: 340px;
}
.loginbox{
	width: 300px;
	padding: 20px;
}

.loginbox input,
.loginbox button{
	margin:10px 0;
	border:none;
	height: 38px;
	border-radius: 5px;
}


/*goods*/
.goods-page{
	padding-left: 200px;
	padding-right: 380px;
}
.goods-aside{
	width: 360px;
	height: 100%;
	background: #f9f9f9;
	position: fixed;
	right: 0;
	top: 0;
	border-left:1px solid #eee;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.goods-category{
	width: 180px;
	height: 100%;
	position: fixed;
	border-right: 1px solid #eee;
}
.categories{
	background: rgba(0,0,0,0.01);
	padding: 5px 15px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.categories ul li{
	padding: 5px 10px;
	font-size: 12px;
}
.categories ul li ul{
	padding-top: 5px;
}
.cartbox dl{
	border-top: 1px solid #eee;
	background: rgba(255,255,255,0.5);
}
.cartbox dd{
	padding: 5px 15px;
	border-bottom: 1px solid #eee;
}
.cartbox dd .thumbnail{
	width: 60px;
}
.cartbox dd .thumbnail img{
	width: 60px;
	height: 60px;
	border-radius: 4px;
}
.cartbox dd .meta{
	width: 260px;
}

.n{
	width: 30px;text-align: center;
	font-size: 14px;
}
.nbox input{
	height: 24px;
	vertical-align: middle;
	border-radius: 3px;
	border: 1px solid #dddddd;
}
.nbox button{
	background: #aaa;
	padding: 0 8px;
	color: #ffffff;
	height: 26px;
	line-height: 22px;
	vertical-align: middle;
	border-radius: 3px;
}
.nbox button[name='del']{
	background: #f00;
}
.amounttotal{
	position: fixed;
	bottom: 0;
	width: 360px;
}
.amounttotal_c{
	padding: 15px 20px;
	background: #f00;
	color: #ffffff;
	font-size: 12px;
	line-height: 180%;
}

.pbox{
	width: 240px;
	border:1px solid #eee;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0,0,0,0.05);
	float: left;
	margin: 0 25px 25px 0
}
.pbox:hover{
	border:1px solid #999;
}
.pbox .thumbnail{padding: 10px 10px 0 10px;}
.pbox .thumbnail img{
	width: 220px;
	height: 220px;
	border-radius: 4px;
}
.pbox .meta{
	padding: 5px 10px;
	font-size: 12px;
}
.pbox .meta button{
	background: #008de6;
	padding: 0 8px;
	color: #ffffff;
	height: 26px;
	line-height: 22px;
	vertical-align: middle;
	border-radius: 3px;
}

/*gallery*/

.mod18Box {
	padding: 10px;
	border: 1px solid #CCC;
	margin: 0px auto;
	width: 480px;
	background: #FFF;
	box-shadow:0px 1px 5px #ccc;
}
.mod18 {
	width: 480px;
	height: 435px;
	margin: 0px auto;
	position: relative;
	background: #f7f7f7;
}
.mod18 .btn {
	position:absolute;
	width:15px;
	height:64px;
	bottom:0;
	cursor:pointer;
	z-index:99;
}
.mod18 .prev {
	left:0;
	background:url(../img/prevBtn.png) no-repeat left center;
}
.mod18 .next {
	right:0;
	background:url(../img/nextBtn.png) no-repeat right center;
}

.mod18 #prevTop,
.mod18 #nextTop {
	top:180px;
	width:46px;
	height:48px;
}
.mod18 #prevTop {
	background:url(../img/prevBtnTop.png) left center no-repeat;
}
.mod18 #nextTop {
	background:url(../img/nextBtnTop.png) right center no-repeat;
}

.mod18 li {
	float:left;
}
.mod18 .cf li {
	position:relative;
	color:#fff;
}
.mod18 .cf li img{
	width: 480px;
	height: 357px;
}
.mod18 .picBox {
	height:480px;
	position:relative;
	overflow:hidden;
}
.mod18 .picBox ul {
	height:480px;
	position:absolute;
}
.mod18 .picBox li {
	width:480px;
	height:480px;
}
.mod18 .listBox {
	width: 440px;
	height: 64px;
	margin: 0 auto;
	position: absolute;
	padding: 6px 0 0px;
	overflow: hidden;
	bottom: 0;
	left: 20px;
}
.mod18 .listBox ul {
	height:100px;
	position:absolute;
}
.mod18 .listBox li {
	width:64px;
	height:64px;
	cursor:pointer;
	position:relative;
	padding: 0 5px;
}
.mod18 .listBox li i {
	display:none;
}
.mod18 .listBox li a {
	display:block;
	width:64px;
	height:64px;
}
.mod18 .listBox li img {
	width:64px;
	height:64px;
}
.mod18 .listBox .on img {
	width:60px;
	height:60px;
	border:2px solid #ff6600;
}
.mod18 .listBox .on i {
	display:block;
}
#bjs,
#kinMaxShow{display:none;}

#bjs .sub_1_1,
#bjs .sub_2_1,
#bjs .sub_3_1{
	display:block;
	position:absolute;
	width:170px;
	height: 170px;
	background-color: rgba(207,0,0,0.7);
	color: #fff;
	font-size: 48px;
	text-align: center;;
	line-height: 160px;
	z-index: 999
}
#bjs .sub_1_2,
#bjs .sub_2_2,
#bjs .sub_3_2{
	display:block;
	position:absolute;
	width:390px;
	height: 110px;
	background-color: rgba(254,174,0,0.9);
	color: #fff;
	padding: 30px;
	z-index: 990
}

#bjs .sub_1_1{left:310px;top:136px;}
#bjs .sub_2_1{left:310px;top:106px;}
#bjs .sub_3_1{left:750px;top:136px;}
#bjs .sub_1_2{left:470px;top:120px;}
#bjs .sub_2_2{left:470px;top:120px;}
#bjs .sub_3_2{left:370px;top:120px;}
.caselist-hbox{
	border:1px solid  #eee;
	margin:0 0 10px 0;
	font-size: 14px;

}
.caselist-hbox label{
	padding: 20px;
	border-right: 1px solid #f0f0f0;
	display: inline-block;
	width: 40px;
	margin-right: 10px;
	padding-left: 70px;
}
.caselist-hbox_1 label{
	background:#fefefe url('../img/c1.png') no-repeat 20px center;
	background-size: 36px;
}
.caselist-hbox_2 label{
	background:#fefefe url('../img/c2.png') no-repeat 20px center;
	background-size: 36px;
}
.caselist-hbox_3 label{
	background:#fefefe url('../img/c3.png') no-repeat 20px center;
	background-size: 36px;
}
.caselist-hbox_4 label{
	background:#fefefe url('../img/c4.png') no-repeat 20px center;
	background-size: 36px;
}
.caselist-hbox a{
	margin:0 10px;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 3px;
}
.caselist-hbox a:hover,
.caselist-hbox a.active{
	background: #f00;
	color: #fff;
}
.postd-body img{
	max-width: 100%;
}

.cusform{

}
.cusform-item{
	border:1px solid #ddd;
	padding: 10px;
	margin:10px 0;
	min-width: 400px;
}
.cusform-item label{
	display: inline-block;
	width: 80px;
	float: left;
	font-size: 14px;
	line-height: 24px;
}
.cusform-item .cusform-body{
	width: 320px;
	float: left;
	font-size: 14px;
}
.cusform-item .cusform-body select,
.cusform-item .cusform-body input{
	background-color: #fff;
	border:none;
	box-shadow: none;
}
.right_floow{
	position: fixed;
	top: 26%;
	right: 10px;
	font-size: 12px;
	width: 60px;
}
.ffbox{
	width: 60px;
	height: 50px;
	display: inline-block;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.1);
	text-align: center;
	font-size: 12px;
	line-height: 150%;
	margin: 4px 0;
	padding: 10px 0;
}