/*
 Edited by Zenith / 2016.09.13
*/
@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input{margin:0;padding:0}em,i,s{font-style:normal;text-transform:uppercase;}li{list-style:none}a,s,a:hover{text-decoration:none}img{-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;max-width:100%;border:0;vertical-align:middle;}table{border-collapse:collapse;border-spacing:0}body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}input,textarea{resize:none;border:none;}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }

/* 项目主体部分设置 */
body { background: #fff; color:#222323; }
a { color:#0051a2 ;text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { color: #00a6a3; }
dt { font-weight: normal; }

.wrapper { position:relative; width:100%; min-width: 320px; height: 100%; margin:0 auto; overflow:hidden; }

.header { position: relative; left: 0; }
.wrap { width: 90%; margin:0 auto; }
.topArea { position: relative; height: 51px; z-index: 666; }

.logo { float: left; width: 75%; padding: 0; }

.banner{position:relative; width:100%; text-align:center; overflow:hidden;}
.banner .swiper-slide{ text-align:center;}
/*.banner .swiper-pagination-bullet { background: #fff; }
.banner .swiper-pagination-bullet-active { background: #00a6a3; }*/

.nav { position: static; float: right; width: 10%; padding: 0; }
.nav i { display: block; width: 27px; height: 51px; margin: 0 auto; background: url(../style/nav.png) right center no-repeat; cursor: pointer; }
.nav dl { position: absolute; top: 51px; right: -100%; width: 30%; background: #fff; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); }
.nav dl dt { position:relative; border-bottom: 1px solid #eee; text-align: center; font-size: 14px; line-height: 1.5; }
.nav dl dt a{ height:34px; line-height:34px;}
.nav dl dt .subNav{ display:none; width: 100%;   background: #fff; }
.nav dl dt .subNav a{border-top: 1px solid #eee;display:block; overflow:hidden;text-overflow: ellipsis; white-space:nowrap;line-height: 34px; font-size:12px; height: 34px; font-weight: normal;color: #0051a2 ;}
.nav dl dt .subNav a:hover{ color: #fff; background:#00a6a3;}

.lan { position: relative; float: left; width: 15%; padding: 0; z-index: 10; }
.lan s { display: block; width: 22px; height: 51px; margin: 0 auto; background: url(../style/lan.png) right center no-repeat; cursor: pointer; }
.lan span,.lan i { display: none; }
.lan ul { position: absolute; top: 51px; left: 0; display: none; width: 100%; background: #f9f9f9; text-align: center; }
.lan ul li { line-height: 1.5; }
.lan ul li a { display: block; width: 100%; padding: 5px 0; color: #00a6a3; }
.lan ul li a:hover,.lan ul li a:active { background: #00a6a3; color:#fff; }


.footer { padding: 5% 0 1%; background: #f9f9f9; }
.footer a:hover { color: #ff7d01; }
.ftNav dl { float: left; width: 14%; padding: 0 1px; }
.ftNav dl dt { margin-bottom: 5px; color: #3a3a3a; font-weight: bold; }
.ftNav dl dt a { color: #3a3a3a; }
.ftNav dl dd { padding: 3px 0; color: #818181; }
.ftNav dl dd a { color: #818181; }

.ftSite { margin-top: 2%; color: #a0a0a0; text-align: center; }
.ftSite a { color: #a0a0a0; }
.copy { line-height: 2; }
.copy a { margin: 0 5px; }
.copy .p { display: block; }


.share { margin: 10px 0; text-align: center; }
.share a { position: relative; float: none; display: inline-block; width: 33px; height: 33px; margin-left: 6px; z-index:99; }
.share a.bshare-weixin { background: url(../style/share_01.jpg); }
.share a.bshare-sinaminiblog { background: url(../style/share_02.jpg); }
.share a.bshare-qqim { background: url(../style/share_03.jpg); }
.share a.bshare-facebook { background: url(../style/share_04.jpg); }
.share a.bshare-twitter { background: url(../style/share_05.jpg); }

.share a.bshare-weixin:hover { background: url(../style/share_01_01.jpg); }
.share a.bshare-sinaminiblog:hover { background: url(../style/share_01_02.jpg); }
.share a.bshare-qqim:hover { background: url(../style/share_01_03.jpg); }
.share a.bshare-facebook:hover { background: url(../style/share_01_04.jpg); }
.share a.bshare-twitter:hover { background: url(../style/share_01_05.jpg); }
.weixin,.weibo{width: 162px; height: 162px; position: absolute; top: -167px; left: -62px; display: none;}
.weixin img,.weibo img{width: 162px; height: 162px;}
.share a.bshare-weixin:hover .weixin{display: block;}
.share a.bshare-sinaminiblog:hover .weibo{display: block; }

#m-woo-panel { display:block; position:fixed; left:-152px; top:23%; display: block; width:152px; padding:5px; z-index:200; }
#m-woo-panel .g-hd { position:relative; }
#m-woo-panel .g-hd h2 { font-size:18px; font-weight:normal; line-height:50px; text-align:center; }
#m-woo-panel .g-bd { padding:10px 0; }
.m-im { padding:0 10px 2px; }
.m-im li { margin:0 0 8px; border:1px solid #ddd; background:url(../style/k_14.png) no-repeat 20px center #fff; border-radius:4px; line-height:24px; text-align:left; }
.m-im li a { display:block; padding:2px 0 2px 45px; }
.u-close { position:absolute; top:-15px; left:-5px; display:block; width:24px; height:24px; background:url(../style/mod-qq-close.png) no-repeat; line-height:999px; overflow:hidden; }
.m-console { position:absolute; top:-1px; right:-35px; width:35px; height:208px; background:url(../style/mod-qq-console.png) no-repeat; cursor:pointer; }
.g-tel { padding:5px 10px 15px; font-size:14px; }
.g-tel span { display:block; font-size:12px; font-weight: bold; color: #f60; line-height:20px; }
.g-rqcode { line-height:30px; text-align:center; }
.u-woo-white { border:1px solid #ddd; background:#fff; color:#333; }


.back-to { position:fixed; bottom:50px; right:5%;  display:none; z-index:999; }
.back-to .back-top { display:block; width:60px; height:60px; background:url(../style/top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }


@media only screen and (max-width: 414px) {
	.ftNav dl { float: left; width: 16%; padding: 0 1px; }
	.ftNav dl:last-child{ width:100%;}
}
@media only screen and (max-width: 768px) {
	.ftNav dl:last-child{ width:100%; margin-top：20px;}
}

@media only screen and (min-width: 414px) {
	.lan { width: 12%; }
}

@media only screen and (min-width: 870px) {
	.topArea { position: absolute; top: 14px; width: 100%; }

	.topArea .wrap { height: 51px; padding: 0 2%; background: #fff; border-radius: 5px; box-3hadow: 0px 2px 5px rgba(0,0,0,0.2); }
	.logo { width: 11.66666667%; }

	.nav { display: block; width: 52.66666667%; text-align: center; }
	.nav i { display: none; }
	.nav dl { position: static; width: auto; }
	.nav dl dt { position: relative; float: left; width: 13.9888%; padding: 0; border: 0; }
	.nav dl dt a { display: block; height: 51px; font-size: 15px; line-height: 51px; }
	.nav dl dt a:hover{ color:#00a6a3;}
	.nav dl dt .subNav{ position:absolute; left:-25%; display:none; width: 150%;   background: #fff; }
	.nav dl dt .subNav a{ display:block!important; overflow:hidden;text-overflow: ellipsis; white-space:nowrap;line-height: 34px; height: 34px; font-weight: normal; display: inline;color: #0051a2;}
	.nav dl dt .subNav a:hover, .nav dl dt .subNav a.currnt{ color: #fff; background:#00a6a3;}
	.lan { float: right; width: 9.66666667%; color: #00a6a3; font-size: 13px; text-align: center; cursor: pointer; line-height: 51px; }
	.lan s { float: left; margin-left: 2px; background-position: center; }
	.lan span { display: inline-block; }

	.lan i { float: right; display: block; width: 13px; height: 51px; margin-right: 5px; background: url(../style/ico_01.png) center no-repeat; }

	.ftNav dl { width:12%; }
	.ftNav dl dt { font-size: 14px; }
	.ftNav dl.ftct { display: block; width: 26%; text-align:left; }
	.copy {  line-height: 30px; }
	.share { float: right; margin: 0; padding-right: 15%; }
	.copy .p { display: inline-block; margin-left: 10px; }

	.nav dl dt .subNav .subNav_new{ position:relative; }
	.nav dl dt .subNav .subNav_new ul{ position:absolute; top:0; right:-150%; width:150%; z-index:99; border-left: 1px solid #ccc; background:#fff; display:none; }
	.nav dl dt .subNav .subNav_new ul.show{ display:block; }


}

@media only screen and (max-width: 970px) {
	.lan { font-size: 12px;width: 20%;}
	.location{ display:none;}
	.lan .em1{ display:block;position: absolute;left:26px;top: 32%;}
	.lan .em2{display: none;}
	.lan span{display: block;}
	.logo{width: 65%;}
	.lan s{margin:0;}
	.lan i { float: right; display: block; width: 13px; height: 51px; margin-right: -5px; background: url(../style/ico_01.png) center no-repeat; }
}
@media only screen and (min-width: 1200px) {
	.lan { font-size: 13px; }

	.lan span .em2 { display: inline-block; margin-left: 5px; }
	.footer { padding: 50px 0 20px; }
	.ftSite { margin-top: 15px; }
}

@media only screen and (min-width: 1450px){
	.lan { width: 9.66666667%; margin-left: 1%; }
	.wrap{ width:1300px;}

}
.phone img{ height: 50px;width: 150px; float: right;}

@media only screen and (max-width:970px){
.phone img{ display: none;}

}

.btns{display: none;}
.swiper-button-prev{left:10%;}
.swiper-button-next{right:10%;}
.swiper-button-prev,.swiper-button-next{background:rgba(0,0,0,.1);}
.swiper-button-prev:hover,.swiper-button-next:hover{background: rgba(0,0,0,.2);}