﻿
/*-----------------[初始化]--------------*/
body{color: #898989;font-size: 12px;line-height: 1.5;font-family:微软雅黑,"Microsoft Yahei","PingFangSC-Regular","PingFang Regular",sans-self;}
a{color: #898989;}
a:hover{color: #2c97e5;}
img{max-width: 100%;}
*{outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
input,textarea,select{font-size: 12px;color: #898989;
    font-family:微软雅黑,"Microsoft Yahei","PingFangSC-Regular","PingFang Regular",sans-self;outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand { display: none; }
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}
.main{padding-bottom: 70px;}
/*布局*/
.wp{width: 96%;max-width: 1140px;margin: 0 auto;*zoom: 1;}

.wp:after,
.wp:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
/*******************************
  -------[=头部]-------
********************************/
.hd-t{height: 44px;background-color: #f2f2f2;}
.hd-t .t-l{float: left;font-size: 12px;color: #999;margin-top: 18px;}
.hd-t .t-r{float: right;margin-top: 16px;}
.hd-t .t-r .items{float: left;padding: 0 20px;border-left: 1px solid #dadada;text-align: center;}
.hd-t .t-r .items i{float: left;width: 25px;height: 100%;}
.hd-t .t-r .items span{display: inline-block;*display: inline;*zoom: 1;line-height: 20px;height: 20px;}
.hd-t .t-r .items .i1{background: url(../images/img-lb1.png) no-repeat left center;background-size: 17px auto;}
.hd-t .t-r .items .i2{background: url(../images/img-lb2.png) no-repeat left center;background-size: 15px auto;}
.hd-t .t-r .lang{float: left;padding: 0 15px;border-left: 1px solid #dadada;}
.hd-t .t-r .lang a{padding-left: 20px;font-size: 12px;color: #999;background: url(../images/china.png) no-repeat left center;}
.hd-t .t-r .lang a.en{padding-left: 20px;font-size: 12px;color: #999;background: url(../images/english.png) no-repeat left center;}
.hd-t .t-r .lang a:hover{opacity: 0.5;
filter: alpha(opacity=50);}
.hd-t .t-r .lang a.cn{margin-right: 20px;}
.logo{float: left;line-height: 90px;height: 90px;}
.logo img{vertical-align: middle;}
.bot-right{float: right;}
.nav{float: left;}
.nav li{float: left;height: 90px;line-height: 90px;position: relative;}
.nav li>a{display: block;font-size: 14px;color: #3e3a39;position: relative;border-bottom: 3px solid transparent;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;margin-top: -3px;}
.nav li .v1::after{content:"";position: absolute;width: 9px;height: 5px;background: url(../images/img-lb4.png) no-repeat center;left: 50%;bottom: 25px;margin-left: -5px;}
.hd-so{float: right;overflow: hidden;background: url(../images/so-bg.png) repeat-x 0 0;}
.nav li:hover >a,.nav li.on >a{color: #2c97e5;border-bottom: 3px solid #2c97e5;position: relative;}
.hd-so{margin: 28px 0 0 22px;}
.hd-so  label{display: block;border:1px solid #828282;padding-left: 34px;background: url(../images/img-lb6.png) no-repeat left 8px center;overflow: hidden;position: relative;}
.hd-so label span{float: left;}
.hd-so label input{height: 37px;border: none;outline: none;font-size: 12px;color: #333;background-color: transparent;}
.hd-so label .so{position: absolute;right: 0;top: 0;width: 73px;height: 39px;text-align: center;font-size: 14px;color: #fff;background-color: #2c97e5;}
.hd-so label .con{width: 170px;margin-right: 78px;}
.nav dl{display: none;background-color: #f9f7f6;position: absolute;left: -18px;top: 83px;z-index: 99;width: 130px;border-bottom-left-radius: 5px;}
.nav dl.other{left: auto;right: 0;border-bottom-right-radius: 5px;border-bottom-left-radius: 0;}
.nav dl.other::before{left: auto;right: 23px;}
.nav dl.other .three-level{right: 228px;}
.nav dl.other .three-level .hd-img-txt{right: 230px;border-bottom-right-radius: 0;border-bottom-left-radius: 5px;}
.nav dl::before{position: absolute;content:"";left: 53px;width: 23px;height: 23px;top: -11px;background: url(../images/img-lb10.png) no-repeat center;background-size: cover;}
.nav dl dd{height: 53px;line-height: 53px;padding-right: 10px;}
.nav dl dd>a{display: block;padding-left: 20px;position: relative;font-size: 14px;color: #575301;}
.nav dl dd>a::before{content:"";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: url(../images/img-lb7.png) repeat-x left center;}
.nav dl dd>a::after{content:"";position: absolute;right: 18px;top: 50%;width: 7px;height: 12px;margin-top: -6px;background: url(../images/img-lb8.png) no-repeat center;background-size: cover;}
.nav dl dd:last-child>a::before{background: none;}
.nav dl dd>a:hover{color: #2c97e5;}
.nav dl dd>a:hover::after{background: url(../images/img-lb9.png) no-repeat center;}
.three-level{display: none;position: absolute;top: 0;width: 230px;right: -230px;background-color: #fff;bottom: 0;}
.three-level .items>a{display: block;height: 53px;line-height: 53px;border-bottom: 1px solid #eceae7;font-size: 14px;color: #575351;padding-left: 25px;}
.three-level .items{padding-left: 10px;}
.three-level .items>a:hover{color: #857408;}
.hd-img-txt{display: none;position: absolute;width: 178px;padding: 10px;top: 0;right: -178px;background-color: #fff;bottom: 0;border-bottom-right-radius: 5px;}
.hd-img-txt .img{overflow: hidden;}
.hd-img-txt .img img{display: block;width: 100%;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.hd-img-txt .img a:hover img{-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);}
.hd-img-txt p{font-size: 14px;color: #898989;line-height: 20px;margin: 13px 0;}
.hd-img-txt .more{font-size: 14px;color: #857408;display: block;line-height: 20px;height: 20px;}
.hd-img-txt .more:hover{text-decoration: underline;}
.hd-img-txt .more i{padding-left: 18px;display: inline-block;
*display: inline;
*zoom: 1;width: 5px;height: 9px;background: url(../images/img-lb11.png) no-repeat center;}
/*.nav li:hover dl{display: block;}
.nav dl dd:hover .three-level{display: block;}
.three-level .items:hover .hd-img-txt{display: block;}*/

/* 内页头部 */
.hd-so2{float: right;margin-top: 20px;margin-left: 75px;}
.hd-so2 .lang2{float: left;font-size: 12px;color: #000;}
.hd-so2 .so2{float: right;}
.hd-so2 .lang2 .at{height: 40px;line-height: 40px;cursor: pointer;position: relative;width: 90px;padding-left: 10px;}
.hd-so2 .lang2 i{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-right: 8px;
	vertical-align: middle;
}
.hd-so2 .lang2 i.cn{
	background-image: url(../images/china.png);
}
.hd-so2 .lang2 i.en{
	background-image: url(../images/2.jpg);
}
.hd-so2 .lang2 span{vertical-align: middle;}
.hd-so2 .lang2 .at em{
	position: absolute;
	right:20px;
	top: 50%;
	width: 9px;
	height: 5px;
	background: url(../images/img-lb4.png) no-repeat center;
	background-size: cover;
}
.hd-so2 .lang2 .country{
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 9;
	background-color: #fff;
	width: 100%;
}
.hd-so2 .country .items{
	display: block;
	border-bottom: 1px solid #ccc;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}
.hd-so2 .so2{margin-top: 15px;position: relative;}
.hd-so2 .so2 em{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 18px;
	height: 18px;
	background: url(../images/img-lb6.png) no-repeat center;
	background-size: cover;
	cursor: pointer;
}
.hd-so2 .so2 .search{
	display: none;
	position: absolute;
	right: 0;
	top:65px;
	z-index: 99;
	padding: 7px;
	background-color: #fff;
}
.hd-so2 .so2 .search::before{
	content:"";
	position: absolute;
	right: 25px;
	top: -11px;
	width: 23px;
	height: 23px;
	background: url(../images/img-lb10-2.png) no-repeat center;
	background-size: cover;
}
.hd-so2 .so2 .search label{
	display: block;
	width: 258px;
	background-color: #e8e8e8;
	position: relative;
	padding-left: 18px;
}
.hd-so2 .so2 .search input{
	border: none;
	outline: none;
	background-color:transparent;
	height: 40px;
	width: 190px;
	overflow: hidden;
}
.hd-so2 .so2 .search .btn{
	float: right;
	width: 50px;
	background: url(../images/img-lb6.png) no-repeat center;
}
/* 内页头部  end */
/*******************************
    -------[=导航]-------
********************************/
.menuBtn{
    display: none;
    position: absolute;right: 10px;top: 0;
    z-index: 9;float: right;
    width: 30px;height: 30px;margin:20px 10px 0 0;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 4px;background-color: #2c97e5;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
.mo-nav{
	display: none;
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #f9f7f6;
	padding-bottom: 10px;
}
.mo-nav li{
	padding: 0 20px;
}
.mo-nav li>a{
	display: block;
	height: 35px;
	line-height: 35px;
	background: url(../images/img-lb7.png) repeat-x left bottom;
	text-align: center;
	font-size: 14px;
	color: #3e3a39;
}
.mo-nav li a:hover{color: #2c97e5;}
.mo-nav dd>a{
	display: block;
	height: 35px;
	font-size: 12px;
	line-height: 35px;
	color: #575351;
	text-align: center;
	border-bottom: 1px solid #eceae7;
}
.mo-nav dl{
	display: none;
}
.mo-nav .lang{
	text-align: center;
}
.mo-nav .lang a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 30px;
	font-size: 14px;
	color: #3e3a39;
	padding: 0 20px;
	color: #2c97e5;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.mo-nav .lang a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.mo-so{
	margin: 0 20px;
	background-color: #fff;
	padding: 0 40px;
	position: relative;
	height: 35px;
	border-radius: 5px;
}
.mo-so em{
	position: absolute;
	width: 18px;
	height: 100%;
	left: 10px;
	top: 0;
	background: url(../images/img-lb6.png) no-repeat center;
	background-size: 18px auto;
}
.mo-so input{
	width: 100%;
	border: none;
	outline: none;
	height: 35px;
}
.mo-nav .three-level{
	position: static;
	width: 100%;
	background: none;
	text-align: center;
}
.mo-nav li {position: relative;}
.mo-nav .have + i{
	position: absolute;
	right: 20px;
	top: 0;
	width: 40px;
	height: 35px;
	background: url(../images/ico-more.png) no-repeat center;
	background-size: 5px auto;
}
.mo-nav .on.have + i{
	background: url(../images/img-lb5.png) no-repeat center;
	background-size: 9px auto;
}
.mo-nav .three-level .items{
	padding: 0;
}
.mo-nav .three-level a{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	padding: 0;
}
/*******************************
  -------[=banner]-------
*******************************/
#banner{overflow: hidden;position: relative;z-index: 1;}
#banner .slick-slider,#banner .slick-list,#banner .slick-track,#banner .slick-slide{height: 100%;}
#banner a{display: block;height: 100%;}
#banner .slick-slide{
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: auto 100%;
    -ms-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

#banner .slick-dots{position: absolute;left: 0;bottom: 30px;width: 100%;text-align: center;z-index: 99;}
#banner .slick-dots li{display: inline-block;margin: 0 5px;}
#banner .slick-dots li button{
    display: block;width: 12px;height: 12px;
    font-size: 0;line-height: 0;text-indent: 999px;
    border: none;outline: none;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0.5;
}
#banner .slick-dots li.slick-active button{opacity: 1;}

/* 内页ban */
/*.ban{height: 400px;background-repeat: no-repeat;background-position:center;background-size: cover;position: relative;}
.ban p{position: absolute;width: 100%;text-align: center;top: 50%;font-size: 36px;color: #fff;line-height: 50px;height: 50px;margin-top: -25px;}*/
/* 内页ban end */
/*******************************
  -------[=底部]-------
********************************/
.fd-top{background-color: #f2f2f2;padding: 38px 0 50px;overflow: hidden;}
.fd-top .items1{float: left;width: 585px;margin-right: 45px;}
.fd-top .items2{float: left;width: 300px;}
.fd-top .items3{float: right;width: 180px;text-align: right;}
.fd-tit{font-size: 18px;color: #333;line-height: 3em;border-bottom: 1px solid #c7c6c5;font-weight: normal;margin-bottom: 20px;}
.fd-map{width: 128px;float: left;}
.fd-map:last-child{width: 72px;}
.fd-map dt{font-size: 18px;color: #333;line-height: 2em;margin-bottom: 5px;}
.fd-map dd{font-size: 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 25px;}
.fd-map dd a{color: #666;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.fd-map dd a:hover{color: #2c97e5;}
.fd-top .items2 .con{font-size: 14px;color: #666;overflow: hidden;margin-bottom: 10px;line-height: 32px;}
.fd-top .items2 .con i{float: left;width: 33px;height: 22px;background-position: left center;background-repeat: no-repeat;margin-top: 5px;}
.fd-top .items2 .con .i1{background-image: url(../images/fd-img1.png);}
.fd-top .items2 .con .i2{background-image: url(../images/fd-img2.png);}
.fd-top .items2 .con .i3{background-image: url(../images/fd-img3.png);}
.fd-top .items2 .con .i4{background-image: url(../images/fd-img4.png);}
.fd-top .items2 .con span{display: block;overflow: hidden;}
.fd-top .items2 .con em{float: right;}
.share{overflow: hidden;}
.share .bdsharebuttonbox{margin: 0 -10px;}
.share .bdsharebuttonbox .items{float: left;width: 20%;}
.share .bdsharebuttonbox a{display: block;width: 42px;height: 42px;background-size: 100% auto;margin: 0 10px;background-repeat: no-repeat;background-position: left center;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.share .bdsharebuttonbox .bds_weixin{background-image: url(../images/share1.png);}
.share .bdsharebuttonbox .bds_tsina{background-image: url(../images/share2.png);}
.share .bdsharebuttonbox .bds_linkedin{background-image: url(../images/share3.png);}
.share .bdsharebuttonbox .bds_twi{background-image: url(../images/share4.png);}
.share .bdsharebuttonbox .bds_fbook{background-image: url(../images/share5.png);}
.share .bdsharebuttonbox .bds_weixin:hover{background-image: url(../images/share1-h.png);}
.share .bdsharebuttonbox .bds_tsina:hover{background-image: url(../images/share2-h.png);}
.share .bdsharebuttonbox .bds_linkedin:hover{background-image: url(../images/share3-h.png);}
.share .bdsharebuttonbox .bds_twi:hover{background-image: url(../images/share4-h.png);}
.share .bdsharebuttonbox .bds_fbook:hover{background-image: url(../images/share5-h.png);}
.fd-top .items3 .img{padding-top: 10px;}
.fd-top .items3 .img img{max-width: 100%;}
.fd-bot{background-color: #f2f2f2; border-top:1px solid #333333;font-size: 13px;color: #fff;line-height: 23px;padding: 30px 0 27px;
    text-align: center;}
.fd-bot img{vertical-align: middle;}
.fd-bot span{vertical-align: middle;padding-left: 10px;}
.fd-bot em{padding-left: 25px;}
.totop{float: right;width: 40px;height: 40px;border-radius: 50%;background-position: center;background-repeat: no-repeat;background-image: url(../images/totop.png);background-size: cover;margin-top: -10px;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.totop:hover{background-image: url(../images/totop-h.png);}
/*******************************
    -------[=正文]-------
********************************/
/* m面包屑 */
.m-cur a{font-size: 14px;color: #2c97e5;vertical-align: middle;}
.m-cur a.other{color: #999;}
.m-cur{background-color: #f2f2f2;border-bottom: 1px solid #e5e5e5;height: 55px;line-height: 55px;}
.m-cur em{width: 25px;background: url(../images/m-cur.png) no-repeat center;display: inline-block;
*display: inline;
*zoom: 1;height: 20px;vertical-align: middle;}
.m-cur a:hover{opacity: 0.7;
filter: alpha(opacity=70);}

/* 公用标题 */
.g-tit h3{display: inline-block;font-size: 30px;color: #fff;padding: 0 30px;height: 55px;background-color: #2c97e5;text-align: center;font-weight: normal;line-height: 55px;margin: 0 auto;position: relative;}
.g-tit{background: url(../images/g-tit-bg.png) repeat-x left center;margin: 90px 0 65px;text-align: center;}
.g-tit h3::before{content:"";position: absolute;left: -27px;top:0;width: 27px;height: 100%;background: #fff url(../images/g-tit.png) no-repeat left center;}
.g-tit h3::after{content:"";position: absolute;right: -27px;top:0;width: 27px;height: 100%;background: #fff url(../images/g-tit.png) no-repeat right center;}
/* 公用标题 end*/
/* 公用按钮 */
.g-btn1{width: 160px;height: 40px;line-height: 38px;border: 1px solid #2c97e5;text-align: center;margin: 0 auto;display: block;font-size: 12px;color: #898989;-o-transition:.3s;
	-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.g-btn1.btn2{color: #2c97e5;}
.g-btn1:hover{background-color: #2c97e5;color: #fff;}
.g-btn1.btn2.btn3{width: 240px;height: 55px;line-height: 53px;font-size: 18px;}
/* 公用按钮 end */


@media only screen and (max-width: 1199px){
	.hd-so{display: none;}
	.hd-so2{display: block;margin-left: 10px;}
	.hd-t .t-r .lang{display: none;}
	.fd-top .items1{
		float: none;
		width:100%;
		overflow: hidden;
		text-align: left;
		margin: 0 auto 20px;}
	.fd-map{width: 22.3%;}
	.fd-top .items2{
		width: 60%;
	}
	.fd-top .items3{
		width: 30%;
		text-align: left;
	}
	.fd-top .items2 .con em{float: none;display: inline-block;*display: inline;*zoom: 1;padding-left: 20px;}

}
@media only screen and (max-width: 959px){
	.hd-t{display: none;}
	.logo{height: 70px;line-height: 67px;}
	.bot-right{display: none;}
	.logo img{max-height:60%;}
	.header{position: relative;}
	.menuBtn{display: block;}
	.g-tit h3{font-size: 24px;height: 50px;line-height: 50px;}
	.g-tit{margin: 40px 0 30px;}
	.main{padding-bottom: 40px;}

    .g-btn1.btn2.btn3{width: 160px;height: 40px;line-height: 40px;font-size: 12px;}

}
@media only screen and (max-width: 767px){
	.wp {width: 96%;}
	.fd-top .items1{display: none;}
	.fd-top .items2{display: block;width: 100%;margin: 0 0 10px;}
	.fd-top .items3{display: block;width: 100%;margin: 0 0 10px;}
	.fd-tit{font-size: 16px;margin-bottom: 10px;line-height: 2.5em;}
	.fd-top{padding: 10px 0;}
	.fd-top .items2 .con{margin-bottom: 0;line-height: 25px;}
	.fd-top .items2 .con i {margin-top: 0;height: 25px;}
	.share{margin-top: 10px;}
	.share .bdsharebuttonbox .items{width: auto;}
	.share .bdsharebuttonbox a{width: 30px;height: 30px;margin: 0 5px;}
	.fd-bot em{display: inline-block;padding-left: 10px;}
	.fd-bot{text-align: center;padding: 10px 0;line-height: 20px;}
	.totop{color: #2c97e5;width: 25px;height: 25px;position: fixed;right: 7px;top: auto;margin: 0;bottom: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.3);z-index: 9;}
	.g-tit h3{font-size: 16px;height: 30px;line-height: 30px;padding: 0 15px;}
	.g-btn1{width: 120px;height: 30px;line-height:28px;}
	.m-cur{height: 30px;line-height: 30px;}
	.m-cur a{font-size: 12px;}
	.share .bdsharebuttonbox{margin: 0 -5px;}
	.fd-top .items3 .img{padding: 0;}
	.g-tit{margin: 20px 0 15px;}
	.main{padding-bottom: 20px;}
	.mo-so{height: 30px;}
	.mo-so input{height: 30px;}
	.logo{height: 50px;line-height: 47px;}
	.menuBtn{margin: 10px 0 0 0;right: 2%;}
	.mo-nav{top: 50px;}


}

.bd_weixin_popup {width: 251px !important;height: 320px !important;}
.nav ul li:hover dl{ display:block;}
.nav dl dt{ line-height:40px;}




