/*

 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:#24a89a ;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:; margin:0 auto; overflow-x:hidden; }



.header { position: relative; left: 0; }

.wrap { width: 90%; margin:0 auto; }

.topArea { position: relative; height: 51px; z-index: 666; }

.nav dl dt:hover .subNav{display: block;}

.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; }*/

.article .bd{font-size:14px; line-height: 2; color: #555;}

.article .bd img{padding:5px 0;}

.nav { position: static; float: right; width: 10%; padding: 0; }

.nav i { display: block; width: 27px; height: 51px; margin: 0 auto; background: url(../images/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: #24a89a ;}

.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(../images/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: 15%; 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; }

.page li{display:inline-block; margin:0 3px;}

.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(../images/share_01.jpg); }

.share a.bshare-sinaminiblog { background: url(../images/share_02.jpg); }

.share a.bshare-qqim { background: url(../images/share_03.jpg); }

.share a.bshare-facebook { background: url(../images/share_04.jpg); }

.share a.bshare-twitter { background: url(../images/share_05.jpg); }



.share a.bshare-weixin:hover { background: url(../images/share_01_01.jpg); }

.share a.bshare-sinaminiblog:hover { background: url(../images/share_01_02.jpg); }

.share a.bshare-qqim:hover { background: url(../images/share_01_03.jpg); }

.share a.bshare-facebook:hover { background: url(../images/share_01_04.jpg); }

.share a.bshare-twitter:hover { background: url(../images/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(../images/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(../images/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(../images/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(../images/top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }

.back-to .back-top:hover { background-position:0 0; }

.homeproduct{padding:20px 0 10px; overflow:hidden; margin:0 -8px;}

.homeproduct li{width:20%; float:left; padding:0 8px 15px; box-sizing:border-box;}

.homeproduct li a{display:block; position:relative;}

.homeproduct li img{width:100%; max-width:inline;}

.homeproduct li .txt{position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5);font-size:18px; color#fff; width:100%; padding:0 6%; line-height:60px; color:#fff;}

.homeproduct li .txt i{display: block; width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); position: absolute; right: 8%; top: 50%; margin-top: -7px;}

@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{width:20%;}

	.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 {overflow: inherit; height: 51px; padding: 0 2%; background: #fff; border-radius: 5px; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); }

	.logo { width: 13.66666667%; }



	.nav { display: block; width:70%; text-align: center; }

	.nav i { display: none; }

	.nav dl { position: static; width: auto;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-around;}

	.nav dl dt { position: relative; padding: 0; border: 0;padding: 0 8px }

	.nav dl dt a { display: block; height: 51px; font-size: 14px; 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: #24a89a;}

	.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(../images/ico_01.png) center no-repeat; }



	.ftNav dl { width:10%; }

	.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(../images/ico_01.png) center no-repeat; }

	.homeproduct li{width:33.333%;}

	.homeproduct li .txt{font-size:16px; line-height:45px;}

}

@media only screen and (min-width: 1200px) {

	.lan { font-size: 13px; }



	.lan span .em2 { display: inline-block;}

	.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:1200px;}



}

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



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

.phone img{ display: none;}



}



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

	.homeproduct li{width:20%;}

	.homeproduct li .txt{font-size:16px; line-height:45px;}

}

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

	.homeproduct li{width:50%;}

	.homeproduct li .txt{font-size:14px; line-height:35px;}

}



.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);}