@charset "utf-8";
/*
 通用
*******************************/
.fl{float:left;}
.fr{float:right;}
.rp{position:relative;}
.ap{position:relative;}
.fp{position:fixed;}
.fz0{font-size:0;}
.hide{display:none;}
.iHide{display:none !important;}
.over{overflow:hidden;}
.nowrap{white-space:nowrap;}
.break{white-space:normal;word-break:break-all;}
.v-top{ vertical-align:top; }
.v-middle{ vertical-align:middle; }
.v-bottom{ vertical-align:bottom; }
.border-box{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.trans-5{-webkit-transition:all 500ms ease 0s;-moz-transition:all 500ms ease 0s;-ms-transition:all 500ms ease 0s;-o-transition:all 500ms ease 0s;transition:all 500ms ease 0s;outline:none;}
.oo{opacity:0;filter:alpha(opacity=0);}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.notcopy{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.m-pic{text-align:center;display:block;font-size:0;}
.m-pic b{display:inline-block;height:100%;vertical-align:middle;}
.m-pic img{vertical-align:middle;}
.b-pic{overflow:hidden;}
.b-pic img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.b-pic:hover img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);transform:scale(1.06);}
/*.clean:after{ clear:both; content:''; display:block; }*/
/*.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}*/
.trans{-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-ms-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;transition: all 300ms ease 0s;}
.trans-internal::before,.trans-internal::after{-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-ms-transition: all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.mbds{display:none !important; padding:0 0 1.75rem !important;}
.mbds a{display:inline-block !important; float:none !important;}
.mbds a i{font-size:16px !important;}


.main{ /*overflow:hidden;*/ width:1400px; }
@media only screen and (min-width:1400px){
	.main{ width:auto; }
}
@media only screen and (max-width:1399px){
	.main{ width:auto; }
}

/*.wrap{ padding-left:3% !important; padding-right:3% !important; }*/
.wrap-1{ padding-left:3% !important; padding-right:3% !important; max-width:1600px; margin:auto;}

.contents{ line-height:28px; }
.contents img{ max-width:100%; height:auto !important; }

.detail{ padding-bottom:60px; }
/*.bdsharebuttonbox{margin-left:20px;}
.bdsharebuttonbox .bds_tsina{display:block; width:24px; height:24px; font-size:16px; background-image:none;}
.bdsharebuttonbox .bds_sqq{display:block; width:24px; height:24px; font-size:16px; background-image:none;}
.bdsharebuttonbox .bds_weixin{display:block; width:24px; height:24px; font-size:16px; background-image:none;}*/
.m-share{display:none;}

.fix-header{position: fixed;left: 0;top: 0;z-index: 100;background: #fff;width: 100%;}
.header.vis-hidden{visibility: hidden;}
.header{ background:#fff; position:relative; z-index:11; padding:0 5.33%;}
.header .tbox{ display:table; height:100px; width:100%; font-size:0; }
.header .logo{ display:table-cell; vertical-align:middle; padding-right:10px; width:430px; font-size:0; }
.header .logo img{ max-height:80px; max-width:100%; }

.header .nav{ display:table-cell; padding:0 20px; vertical-align:middle; float:right; }
.header .nav li{ display:table-cell; width:80px; vertical-align:middle; text-align:center; padding:0 10px; position: relative;}
.header .nav li .a-1{ font-size:1.6rem; display:inline-block; position:relative; white-space:nowrap; height:100px; line-height:100px; }
.header .nav li .a-1:after{ content:''; display:block; position:absolute; width:0; height:3px; background:#3e53a0; top:100%; left:50%; margin-top:-3px; }
.header .nav li.cur .a-1,
.header .nav li:hover .a-1{ color:#3e53a0; -webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
.header .nav li.cur .a-1:after,
.header .nav li:hover .a-1:after
{ width:100%; left:0; -webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
.header .nav li .sub{ position:absolute; left:-37px; top:100%; right:0; padding-bottom:30px;  display:none;}
.header .nav li .sub .s-nav{margin:0 auto; text-align:left; background:rgba(255, 255, 255, 0.9);}
.header .nav li .sub .s-nav .img{ width:350px; float:left; line-height:26px; padding:20px 22px;}
.header .nav li .sub .s-nav .t{font-size: 16px;color: #333;margin:10px 0;}
.header .nav li .sub .s-nav .p{font-size: 14px;color: #888;height: 52px;}
.header .nav li .sub .s-nav > dl{ width:175px; float:left;padding:20px 0;background: #ededed;}
.header .nav li .sub .s-nav > dl dd{ font-size:14px; color:#333; border-bottom:1px solid #d8d8d8; line-height:50px; text-align:center; white-space:nowrap; }
.header .nav li .sub .s-nav > dl dd:hover a{color: #3e53a0;}
.header .nav li:hover{}
.header .nav li:hover .sub{display: block;}

.header .search{ display:table-cell; vertical-align:middle; width:1%; position:relative;}
.header .search .i{ /*width:150px;*/ height:28px; /*margin-left:120px;*//*margin-left:60px;*/ line-height:28px; /*border:1px solid #ccc;*/ background:#fff; border-radius:3px; position:relative; font-size:0; padding:0 30px 0 5px; }
.header .search .i i{ position:absolute; cursor:pointer; height:100%; width:30px; margin-left:120px; text-align:center; top:0; right:0; font-size:17px;background: #d9d9d9;color: #fff;border-radius: 100px}
.header .search .i input{ width:100%; border:none; background:none; outline:none; vertical-align:middle; }
.header .search .i:after{ content:''; display:inline-block; height:100%; vertical-align:middle; }
.header .search .hi_wrap{position:absolute;left: -75px; font-size:0; top:100%; padding:5px 6px; background:#3e53a0; display:none; }
.header .search .hi:after{ content:''; display:inline-block; height:100%; vertical-align:middle; }
.header .search .hi{width:150px; height:34px; line-height:34px;font-size:0;/* border:1px solid #ccc; border-radius:3px;*/ background:#fff; padding:0 30px 0 5px; }
.header .search .hi input{ width:100%; border:none; background:none; outline:none; vertical-align:middle; }
.header .search .hi i{position:absolute; cursor:pointer; height:100%; width:30px; line-height:34px; text-align:center; color:#555; top:5px; right:6px; font-size:17px;}
.header .search:hover .hi_wrap{display: block;}
.header .lang{ display:table-cell; vertical-align:middle; padding-left:10px;/* width:1%;*/ font-size:12px; color:#cfcfcf; }
.header .lang a{ color:#666; font-size: 16px;padding: 0 1.5rem;vertical-align: middle;}
.header .lang a:hover{color: #3e53a0;}
.header .phone{font-family: 'din';font-size: 2rem;color: #3e53a0;display:table-cell; vertical-align:middle;/*width: 220px;*/padding-right: 150px;padding-left: 5px;}
.header .phone i{ width:30px;height: 28px;font-size:1.7rem;background: #d9d9d9;color: #fff;border-radius: 100px;display: inline-block;line-height: 28px;margin: 0 0px;}
.header .phone span{right: 0;top: 30px;}

.header .mobile-nav{background: #333;top: 100%;left: 0;width: 100%;visibility: hidden;opacity: 0;}
.header .mobile-nav .li{border-bottom: 1px solid #464646;position: relative;}
.header .mobile-nav .li a{ color:#fff;}
.header .mobile-nav .li:after,
.header .mobile-nav .li:before{content:"-";height: 2px;background: #9e9e9e;width: 15px;position: absolute;z-index: 1;right: 5%;top:48%;font-size: 0;transition: all .4s;-webkit-transition: all .4s;}
.header .mobile-nav .li:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.header .mobile-nav .li.open:before{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.header .mobile-nav .li.open:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.header .mobile-nav .li.no-child:before,
.header .mobile-nav .li.no-child:after{display: none;}
.header .mobile-nav .li{font-size: 2.4rem;color: #fff;padding: 3rem 0;}
.header .mobile-nav .li-chlid{height: 0;background: #3e3e3e;}
/*.header .mobile-nav .li-chlid .main{padding:10px 0;}*/
.header .mobile-nav .li-chlid a{display: block;font-size: 1.8rem;color: #fff;padding: 8px 0;}
.header .mobile-nav .m-lang{padding:3.5% 0;}
.header .mobile-nav .m-lang a{width: 50%;font-size: 1.8rem;color: #fff;}
.header .mobile-nav.show{visibility: visible;opacity: 1;}

@media only screen and (min-width:1301px){
	.header .mobile-nav{display: none!important;}
}
@media only screen and (max-width:1300px){
	.header{ z-index:669; }
	.header .logo{ width:60%; }
	.header .nav{ display:block; position:fixed; right:-101%; padding-top:50px; width:300px; max-width:60%; height:100%; top:0; z-index:112; background:#fff; }
	.header .nav > li{ display:block; line-height:40px; width:auto; }
	.header .nav > li .a-1{ line-height:40px; height:40px; }
	.header .nav > li .a-1:after{ display:none; }
	.header .nav-bg{ position:fixed; display:block; right:-101%; width:100%; top:0; height:100%; background:#333; opacity:0.5; z-index:111; }
	.header .menu{ display:table-cell; vertical-align:middle; padding-left:20px; width:1%; }
	.header .menu > i{ display:block; width:36px; height:2px; background:#3e53a0; position:relative; }
	.header .menu > i:before{ content:''; position:absolute; top:-10px; left:0; height:2px; width:100%; background:#3e53a0; }
	.header .menu > i:after{ content:''; position:absolute; bottom:-10px; left:0; height:2px; width:100%; background:#3e53a0; }
}

@media only screen and (max-width:640px){
	.hide-640{ display:none; }
	.mbShow{ display:block !important; }
	.mbHide{ display:none !important; }

	.header .tbox{ height:64px; line-height:64px; }
	.header .logo img{ max-height:56px; vertical-align:middle; }
	.header .search{ display:none; position:absolute; top:100%; left:0; right:0; width:auto; /*padding:3%;*/ background:#fff; border-top:1px solid #ccc; }
	.header .search.cur{ display:block; }
	.header .search .i{ width:auto; }
	.header .search-icon{ display:table-cell; width:1%; vertical-align:middle; padding-left:20px; }

	.header .search .hi_wrap{ right:0; left:0; font-size:0; top:0; display:block !important; }
	.header .search .hi{width:auto;  }
}

@media only screen and (max-width:480px){

	.header .menu > i{ width:30px; }
	.header .search-icon i{ font-size:1.6rem; }
	.header .lang,
	.header .lang a{ font-size:1.2rem; }

	.header .nav{ width:40%; padding:0 2rem; }
}