/*css reset*/
* {margin: 0;padding: 0;}
html { font-family:PingFang SC Light Regular,微软雅黑 Light,STHeitiSC-Light,PingFang SC,PingFang HK,"Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;margin: 0;max-width: 1920px;height: 100%; height:auto; position:relative;}
body {  font-size: 1.2rem; line-height: 1; color:#666; text-align:left;margin:0;overflow-x:hidden; max-width: 1920px;height: 100%; }
body.active{ overflow:hidden; min-height:100%; height:auto;}
html,body{margin:0px;height:100%;} 
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
img{border:0;margin: 0; padding: 0; }
.f-left{ float:left}
.f-right{ float:right}
.clear {clear:both;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
.hide{ display:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());}
input, select {vertical-align: middle;}
img, iframe {border: none; text-decoration:none;} 
:focus {outline: 0;}
li{ list-style:none;}
ul {font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;}
li,input {font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align:middle; font-size-adjust: inherit; font-stretch: inherit;}
.wrap{ width:100%;min-height: 100%; height:auto; position:relative;}
.wrap-mask{ display:none;}
.inner{ width:1100px; margin:0 auto;}
strong{ font-weight:bold;}
::-webkit-input-placeholder { /* WebKit browsers */color:#222;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#222;}
::-moz-placeholder { /* Mozilla Firefox 19+ */   color:#222;}
:-ms-input-placeholder { /* Internet Explorer 10+ */   color:#222;}
/* header */
.header{ width:100%; height:100px; position:fixed; top:0; left:0; z-index:999998;}
.header .header_top{ width:100%; height:40px; background:#323232; color:#fff;}
.header .header_top .link_tb{ float:right; padding-right:50px; padding-left:20px;}
.header .header_top .link_tb a{ float:left; display:block;width:27px; height:40px; opacity:1;}
.header .header_top .link_tb a.wb{  background:url(../images/header_wb.png) no-repeat center; margin-right:10px;}
.header .header_top .link_tb a.wx{  background:url(../images/header_wx.png) no-repeat center; position:relative; top:0; left:0;}
.header .header_top .link_tb a.wb:hover{  background:url(../images/header_wb1.png) no-repeat center;}
.header .header_top .link_tb a.wx:hover{  background:url(../images/header_wx1.png) no-repeat center;}
.header .header_top .link_tb a.wx img{ position:absolute; top:40px; right:-40px; width:110px; height:109px;display:none; z-index:999; }
.link_a{ float:right; padding-right:28px; padding-left:20px; display:none;}
.link_a a{ color:#ffffff; font-size:12px; font-weight:lighter; line-height:40px; letter-spacing:0.5px;}
.link_a a:hover{ color:#ccc;}
.header .header_top .link_yy{ float:right; margin-top:7px; width:30px; height:25px; line-height:25px; border:#626262 solid 1px; border-radius:4px;}
.header .header_top .link_yy a{ float:left; color:#ffffff; font-size:12px; font-weight:lighter;width:100%; background:#323232; text-align:center;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.header .header_top .link_yy a.active,.link_yy a:hover{background:#626262;}
.header .header_bottom{ width:100%; height:60px; background:#fff; color:#222; font-weight:lighter; position:relative; top:0; left:0;}
.logo{ float:left;width:180px; height:60px;display:block; background:url(../images/logo.jpg) no-repeat center; padding-left:50px;}
.header_mobile{ display:none;}
.nav{ float:right; width:918px; height:60px; line-height:60px; padding-right:50px;position:relative; }
.nav li{ float:left; width:102px; text-align:center;position:relative;z-index:1}
.nav li.last a{  text-align:center;background:none;}
.nav li a{ display:block; color:#222; font-size:14px;background:url(../images/nav_icon.png) no-repeat right center ; width:100%; height:60px;}
.nav li a:hover{  color:#fff;}
.nav li.cur a{color:#fff;  }
.nav .move-bg{ display:none;position:absolute;left:0;top:0; width:101px; height:60px; background:#7b603d; z-index:0}
.nav li .nav_2{ position:fixed; top:100px; left:0;background:#f0f0f0; width:100%; height:46px; display:none; }
.nav li .nav1_2{ width:550px; margin:0 auto; height:46px; line-height:46px; position:relative;}
.nav li .nav1{  height:46px; line-height:46px; text-align:center;position:relative;}
.nav li .nav1 li{width:110px;float:left;position:relative;z-index:1; height:46px;}
.nav li .nav1 li a {display:block; width:100px; height:44px;	text-align:center;color:#222; font-size:14px; line-height:44px; background:none;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.nav li .nav1 li a:hover{  color:#222; border-bottom:#7b603d solid 2px;}
.nav li .nav1 li.cur a{color:#222; border-bottom:#7b603d solid 2px; }
.nav li .nav3_2{ width:400px; margin:0 auto; height:46px; line-height:46px;position:relative;}
.nav li .nav3_2 .nav1 li{width:200px;float:left;position:relative;z-index:1; height:46px;}
.nav li .nav3_2 .nav1 li a {display:block; width:160px; height:44px;	text-align:center;color:#222; font-size:14px; line-height:44px; background:none;}
.nav li .nav6_2{ width:220px; margin:0 auto; height:46px; line-height:46px;position:relative;}

/* nav */
.nav0{ display:none;}
/*main */
.main{padding-bottom:146px;}
/* footer */
.footer{ width:100%; height:146px; background:url(../images/logo.png) no-repeat top 94px center #323232; letter-spacing:0.5px;color:#bbb;position:absolute;bottom:0px;left:0px;}
.foot{ width:100%;text-align:center; font-size:12px; line-height:14px; padding-top:30px;}
.foot a{padding-right:5px; height:14px;border-right:#666 solid 1px; color:#666; margin:0 ;}
.foot a.last{ border-right:none;}
.foot a:hover{ color:#fff;}
.footer p{ text-align:center;line-height:14px; font-size:12px; color:#666; padding-top:10px;}
.footer p a{ color:#666;}
.footer p.copy{ padding-top:5px;}
.copy a{ color:#666;}
@media screen and (max-width:1440px){
	.nav li .nav_2{ height:auto;}
	.nav li .nav3_2{ width:100%;}
}
@media screen and (max-width:1200px){
	/* header */
	.logo{ background-size:auto 20px;padding-left:0; }
	.header .header_top .link_tb{padding-right:10px;}
	.nav{ padding-right:10px; width:810px; }
	.nav li{ width:90px;}
	.nav .move-bg{width:90px;}
}
@media screen and (max-width:1100px){
	.inner{ width:95%; margin:0 auto;}
}
@media screen and (max-width:1000px){
	.wrap-mask{ width:100%; z-index:999999;height:100%;  top:0; left:0;-webkit-transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); position:fixed; background:url(../images/mobile.png) repeat; }
	/* header */
	.header{height:60px;width:90%; padding:0 5%; background: #fff; }
	.header_mobile{ display:block;  float:right;}
	.header_top{ display:none;}
	.logo{height:18px; margin-top:21px; background-size:auto 100%; background-position:left center;}
	 #menuIcon { position:absolute; top:21px; right:0;height:18px; display:block; vertical-align:middle; z-index:9; width:21px;}
	 #menuIcon img{ height:100%; position:absolute; top:0; left:0;}
	.header_mobile .link_tb{ position:absolute; top:21px; right:40px; width:60px; height:18px;}
	.header_mobile .link_tb a{ float:left; display:block;width:22.5px; height:18px; opacity:1;}
	.header_mobile .link_tb a.wb{  background:url(../images/wb.png) no-repeat center; background-size:auto 100%; margin-right:10px;}
	.header_mobile .link_tb a.wx{  background:url(../images/wx.png) no-repeat center; background-size:auto 100%;position:relative; top:0; left:0;}
	.header_mobile .link_tb a.wx img{ position:absolute; top:20px; right:-40px; width:110px; height:109px;display:none; }
	.nav{ display:none;}
	/* nav ipad端*/
	/*菜单*/
	.nav0{	 width:90%; height:auto; position:absolute;position: fixed;top:0;bottom: -1px;right:-90%; z-index:999999; background:#f2f2f2; -webkit-transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); display:block; -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1); overflow-y:auto; height:100%;}
	.nav0.panel-active{-webkit-transform: translate3d(-90%, 0, 0);transform: translate3d(-90%, 0, 0); }
	.nav0 ul{ width:100%;}
	.nav0 li{ float:left; width:90%;padding:0; }
	.nav0 li a{line-height:48px; height:48px;font-size:1.4rem; font-weight:lighter;display: block;color: #999;padding-left:10%; width:90%;text-align:left; border-bottom:#d9d9d9 solid 1px; }
	.nav0 li a span{ float:right; height:48px; width:24px; text-align:right; display:inline-block; position:relative; background:url(../images/add.png) no-repeat left center; background-size:14px auto;}
	.nav0 li.nav_active a span{ background:url(../images/subtract.png) no-repeat left center;background-size:14px auto;}
	.nav0 li.nav_active a,.nav0 li.cur a{ color:#333; background:#e2e2e2;}
	.nav0 li.nav_active .nav1 li a{background:#fff;color:#333; }
	.nav0 li.nav_active .nav1 li.nav_active1 a{color: #7b603d;}
	.nav0 li.nav_active .nav1{ display:block; background:#fff;}
	.nav0 li.nav_active .nav1 li{ width:100%;}
	.nav1{ display:none;background:#fff;}
	.nav1 li a{ color:#333; font-size:1.4rem; line-height:48px; height:48px;}
	.nav1 li.nav_active1 a{color: #fff;background:#f2f2f2;}
	.nav0 .link_yy{margin:32px auto 15px; width:44px; height:37px; line-height:37px; border:#626262 solid 1px; border-radius:4px; overflow:hidden;}
	.nav0 .link_yy a{ float:left; color:#626262; font-weight:lighter; font-size:1.7rem; font-weight:lighter;width:100%; background:#f2f2f2; text-align:center;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
	.nav0 .link_yy a.active,.link_yy a:hover{ color:#fff;background:#626262;}
	/*main */
	.main{padding-bottom:116px;}
	/* footer */
	.footer{ height:116px; background-image:url(../images/logo.png); background-position:center 80px ; background-repeat:no-repeat; background-color:#323232 ; letter-spacing:0.5px;color:#bbb;}
	.foot{ font-size:1.1rem; line-height:1.2rem; padding-top:20px;}
	.foot a{height:1.2rem;}
	.footer p{line-height:1.2remx; font-size:1.1rem; padding-top:10px; width:100%;}
	}