@charset "utf-8";
/* CSS Document */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
body{ font-family:'Microsoft YaHei'}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
table th , table td input{ padding:4px 5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  
a:focus{outline:none;}
a:hover {color:#01847f;transition:all 0.5s ease-in-out}
input,textarea,select{outline:none} 
.content{width:1300px; margin:0px auto; overflow:hidden;}
.contet{ width:1300px; margin:0px auto;}
.top{ width:100% ; min-width:1300px; background:#01847f; height:40px; line-height:40px; color:#fff; font-size:14px;}
.top span{ float:right; color:#fff;}
.top span a{color:#fff;}
.top span a:after{ content:"|"; margin:0 8px;color:#fff;}
.top span a:last-child:after{ content:""; display:none;}
.top span a:hover{color:#12d8d0}

.head{ width:100%; margin:0px auto; height:128px }
.logo{ font-size:24px; color:#333; margin-top:37px; float:left;}
.logo p{ color:#01847f; font-size:18px;}
.logo span{ color:#01847f}
.nav{ float:right; margin-right:30px; position:relative; z-index:100}
.nav ul{}
.nav ul li{ float:left; position:relative; text-align:center; width:150px; padding-top:48px; height:80px; font-size:18px;transition:all 0.5s ease-in-out}

.nav ul li span{ display:block; font-size:12px; color:#999;}
.nav ul li:after{ content:""; background:#349d99;transition:all 0.5s ease-in-out; width:0%; position:absolute; left:50%; height:100%; top:0px; z-index:-1}
.nav ul li:hover:after{ content:""; width:100%; left:0px;}
.nav ul li:hover a{ color:#fff; display:block; font-weight:bold;transition:all 0.5s ease-in-out}
.nav ul li:hover a span{ color:#fff; font-weight:bold;transition:all 0.5s ease-in-out}
.nav ul li.hover:after{ content:""; width:100%; left:0px; transition:all 0.5s ease-in-out}
.nav ul li.hover a{ color:#fff; display:block; font-weight:bold;transition:all 0.5s ease-in-out}
.nav ul li.hover a span{ color:#fff; font-weight:bold;transition:all 0.5s ease-in-out}


.nav ul li ul{ position:absolute; z-index:999; width:100%; left:0px; background:#349d99 ; display:none; top:128px;}



.nav ul li ul li{ height:60px; line-height:60px; border-bottom:1px #49b1ad solid; padding:0px;}
.nav ul li ul li a{ color:#fff; font-size:15px;}
.nav ul li:hover ul li a{ color:#fff; font-size:15px; font-weight:400; }
.nav ul li ul li a:hover{background:#49b1ad}


.sousuo{ float:right; margin-top:45px; cursor:pointer; width:36px; height:36px; overflow:hidden; position:relative;}
.sousuo img{transform:translate(0,0px); -moz-transform:translate(0,0px); -ms-transform:translate(0,0px); -o-transform:translate(0,0px); -webkit-transform:translate(0,0px); transition:all 0.5s ease-in-out}
.sousuo1 img{ position:absolute;transform:translate(0,-36px); -moz-transform:translate(0,-38px); -ms-transform:translate(0,-38px); -o-transform:translate(0,-38px); -webkit-transform:translate(0,-38px); transition:all 0.5s ease-in-out}
.sousuo_box{ overflow:hidden; width:100%; background:rgba(255,255,255,0.9); opacity:0; height:0px;  border-top:1px #ccc solid; position:absolute; left:0px; z-index:99 ;transition:all 0.5s ease-in-out; min-width:1300px;}
.sousuo_box .ss{ width:1100px; margin:0px auto;}
.sousuo_box h3{ font-size:30px; margin:50px auto 20px; color:#333; font-weight:400;}
.sousuo_box .text{ background:#e3e3e3; border:none; height:60px; line-height:60px; width:1000px; float:left; text-indent:1em; font-size:16px;}
.sousuo_box .btn{ background:#349d99 url(../images/sousuo.png) no-repeat center center ; cursor:pointer;height:60px; line-height:60px;  border:none; width:100px; float:right;}
.sousuo_box ul{ margin:20px auto; clear:both; overflow:hidden; display:inline-flex;}
.sousuo_box ul li{ float:left; display:inline-block; margin:0 10px;} 
.sousuo_box ul li a{ color:#999;}
.sousuo_box ul li a:hover{ color:#349d99;}
.sou{ height:300px;transition:all 0.5s ease-in-out; opacity:1}

.ban{ overflow:hidden;min-width:1300px;}
.b_left{ background:#01847f; height:100px; width:50%; float:left;}
.b_right{ background:#fff; height:100px; line-height:100px; float:right; width:50%;}
.b_swi{ float:right; width:650px; text-align:center; position:relative; height:100px;}

.tel{ float:left; width:650px; text-align:center; color:#01847f; font-weight:bold; font-size:24px;}
.tel img{ vertical-align:middle;}
.tel span{ font-size:30px; font-family:Impact; letter-spacing:1px; vertical-align:bottom}.banner{ overflow:hidden; width:100%; margin:0px auto;min-width:1300px;}
.banner img{ width:100%;}

.b_swi .swiper-button-prev,.b_swi .swiper-container-rtl .swiper-button-next{ background-image:url(../images/left.png);}
.b_swi .swiper-button-next,.b_swi.swiper-container-rtl .swiper-button-prev{ background-image:url(../images/right.png)}
.b_swi  .swiper-pagination{ margin:43px;}
.b_swi .swiper-pagination-bullet{ width:15px; height:15px; margin:0 20px; background:#fff; opacity:1;}
.b_swi .swiper-pagination-bullet-active{ background:#7fe326;}
.b_swi  .swiper-button-next, .b_swi .swiper-button-prev { position: absolute;top: 50%; width: 15px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px;-webkit-background-size: 27px 44px; background-size: 15px 25px; background-position: center; background-repeat: no-repeat;
}
.b_swi .swiper-button-next{ margin-right:50%}


.fll{ background:#eeeeee; overflow:hidden; margin:0px auto; padding-bottom:60px;min-width:1300px;}
.zhuanzhu{ overflow:hidden; padding:60px 0;}
.zhuanzhu h3{ float:left; overflow:hidden; font-size:60px; position:relative;}
.zhuanzhu h3 span{     position: relative; z-index: 8; display: block; margin: 20px 0 5px;}
.zhuanzhu h3:before{content:"dedicated"; color:#dfdfdf; font-size:90px; font-weight:bold; text-transform:uppercase; position:absolute; top:0px; left:0px; z-index:1}
.zhuanzhu h3 p{ font-size:24px; color:#666; font-weight:400;}
.zhuanzhu dl{ float: right; display: block; line-height: 32px; padding-top: 5px; width: 57%;}
.zhuanzhu dl:before{content:"————"; color:#666; display:block;}
.ys{ border-top:1px #ccc solid; overflow:hidden; }
.ys .swiper-wrapper{ padding:20px 0 0;}
.ys h3{ color:#01847f; font-size:30px; font-weight:400; margin:40px auto}
.ys .swip{ margin:0 20px;overflow:hidden; cursor:pointer}
.ys .swip h4{ font-size:20px; margin:20px auto; text-align:center;}
.ys .swip p{ font-size:14px; color:#666; text-align:center;}
.ys .swip div{ width:60px; margin:0px auto;}
.ys .swiper-slide{ transition:all 0.5s ease-in-out}
.ys .swiper-slide:hover{ transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px); transition:all 0.5s ease-in-out}
.ys .swiper-slide:hover  .swip h4{ color:#01847f}

.title{ width:1300px; overflow:hidden; margin:50px auto 40px;}
.title b{ float:left; font-size:48px;width:80%}
.title b p{ font-size:20px; display:block;}
.title span{ float:right; font-family:Arial, Helvetica, sans-serif; font-size:40px; border-left:1px #ccc solid; padding-left:20px; margin-top:30px} 
.title span p{ font-size:16px;} 
.title a { color:#333;}
.title a:hover { color:#01847f;}

.shili{ overflow:hidden; margin:0px auto; position:relative;min-width:1300px; }
.shili .bd{ width:100%; overflow:hidden;height:100%}
.shili .bd bd li{   zoom:1; }
.shili .bd li img{ width:100%; overflow:hidden;}
.shili .hd{ overflow:hidden; margin:0px  auto; position:absolute; bottom:0px; width:100%; z-index:10; }
.shili .hd ul { overflow:hidden;} 
.shili .hd ul li{height:300px; background:rgba(0,0,0,0.6); width:25%; float:left; border:1px rgba(255,255,255,0.5) solid; box-sizing:border-box; overflow:hidden; cursor:pointer; color:#fff;} 
.shili .hd ul li p{ display:none;}
.shili .hd ul li div{ width:85px; height:85px; overflow:hidden; margin:50px auto 20px; }
.shili .hd ul li h3{ text-align:center; color:#fff; font-size:36px; font-weight:400;}
.shili .hd ul li i{ text-transform:uppercase; font-size:18px; color:#fff; font-style:normal; text-align:center; display:block;}
.shili .hd ul li.on{ background:rgba(1,132,127,0.8);overflow:hidden;}
.shili .hd ul li.on div{ margin:0px; width:0px; height:0px; opacity:0; }
.shili .hd ul li.on h3{ margin:30px 30px 0 ; text-align:left; font-size:30px; }
.shili .hd ul li.on i{ text-transform:uppercase; font-size:18px; color:#fff; font-style:normal; display:inline-block; margin:10px 30px; }
.shili .hd ul li.on i:before{content:"———"; color:#fff; display:block; font-weight:bold;padding-bottom:7px; }
.shili .bd ul li .shili-txt{ position:absolute; width:100%;  z-index:5; top:10%;}
.shili .bd ul li .shili-txt div{ width:85px; margin:0px auto 30px;;}
.shili .bd ul li .shili-txt p{ padding:0 30%; font-size:20px; color:#fff; line-height:36px; text-align:center;}
.shili .hd ul li.on p{ display:block; margin:10px 20px 0 30px; line-height:25px}

.anli{ overflow:hidden; width:100%;  min-width:1300px;}
.anli .swiper-slide{ position:relative; height:615px;}
.anli img{  width:100%; height:100%}
.anli_txt{ width:100%; height:100px; position:absolute; bottom:0px; line-height:100px; text-indent:2em; font-size:18px; color:#fff; background:rgba(0,0,0,0.6); width:60%; padding-right:40%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}	
.anli .swiper-container-horizontal>.swiper-pagination-bullets, .anli .swiper-pagination-custom, .anli .swiper-pagination-fraction { bottom: 50px;  left:inherit; right:0; width: 150px;}
.anli .swiper-pagination-bullet{ width:10px; height:10px; background:#fff;transition:all 0.5s ease-in-out ; opacity:1;}
.anli .swiper-pagination-bullet-active{ width:30px;border-radius:6px;  background:#01847f;transition:all 0.5s ease-in-out}
.anli_for{ overflow:hidden; margin-top:20px;}
.anli_for ul{ overflow:hidden;}
.anli_for ul li{ width:313px; float:left; margin-right:15px; overflow:hidden;}
.anli_for ul li div{ width:100%; height:200px; overflow:hidden;}
.anli_for ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.anli_for ul li:hover  div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli_for ul li p{ height:40px; line-height:40px; font-size:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align:center; }
.anli_for ul li:nth-child(4){ margin-right:0px;}

.qushi{ background:#01847f; overflow:hidden; min-width:1300px;}
.qs_left{ width:50%; float:left;}
.qs_left img{ width:100%;  }
.qs_right{ width:50%; float:right;}
.qs_right ul{ width:630px; margin:80px 0 50px 40px;}
.qs_right ul li{ color:#fff; font-size:18px; background:url(../images/qs1.png) no-repeat left top 12px; line-height:50px; overflow:hidden; cursor:pointer; position:relative}
.qs_right ul li span{ display: block; float:left; width:5%; margin-right:15px; text-align:center; color:#000;} 
.qs_right ul li p{ float:left; position:relative;  z-index:5; width:80%; margin-top:10px; line-height:30px}
.qs_right ul dd{ font-size:24px; color:#fff; margin-top:30px;} 
.qs_right ul dd span{ font-size:36px; color:#fff; font-family:Impact;    vertical-align: bottom;} 
.qs_right ul dd img{vertical-align: middle; margin-right:10px;}
.qs_right ul dt{ width:460px; height:50px; line-height:50px; text-align:center; color:#fff ; margin-top:20px; font-size:24px; background:#11b5af; box-shadow:0 0 5px #01413f; cursor:pointer; position:relative; overflow:hidden; }

.qs_right ul li:hover p:after{content:""; width:100%;-webkit-transition:all .5s;transition:all .5s;}
.qs_right ul dt:after{content:""; width:100%;  background:rgba(255,255,255,0.2); width:200px; height:200px; position:absolute; left:-100%;}
.qs_right ul dt:hover:after{left:100%;-webkit-transition:all .5s;transition:all .5s;}



.news_box{ width:1300px; overflow:hidden; position:relative; margin:0px auto;}
.newhd{position: absolute;right: 0;top:90px;}
.newhd li{float: left; padding:0 35px;height: 36px;line-height: 36px;text-align: center;font-size: 18px;color: #17120f;font-weight: bold;border: 2px solid #fff;border-radius: 25px;}
.newhd li a{color: #17120f;}
.newhd .on{border: 2px solid #01847f;-webkit-transition:all .5s;transition:all .5s;}
.newhd .on a{color:#01847f;-webkit-transition:all .5s;transition:all .5s;}
.tempWrap{ width:1300px;}
.newcon{ overflow:hidden;}
.newtj{float: left;width: 600px;}
.newtj dt{width: 600px;height: 300px;overflow: hidden;margin-bottom: 15px;}
.newtj dt img{width: 600px;height: 300px;display: block;}
.newtj h3{height: 56px;line-height: 56px;font-size: 16px;color: #17120f;background:url(../images/dtline.jpg) no-repeat 0 bottom;margin-bottom: 15px; overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;-webkit-transition:all .5s;transition:all .5s;}
.newtj h3 a{color: #17120f;}
.newtj h3 span{font-size: 16px;color: #999999; float:right;}
.newtj p{font-size: 14px;line-height: 30px;height: 60px;overflow: hidden;color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.newtj h3 a:hover{color:#01847f}
.newtj h3:hover { padding-left:10px;-webkit-transition:all .5s;transition:all .5s;}
.newr{float: right;width: 620px;}
.newr { overflow:hidden;}
.newr  dl{height: 160px;}
.newr  dl dt{height: 50px;line-height: 50px;padding-left: 216px;position: relative;}
.newr  dl dt a{font-size: 16px;color: #333;display:block;background:url(../images/dtico1.jpg) no-repeat right 3px;padding-right: 40px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; -webkit-transition:all .5s;transition:all .5s;}
.newr  dl dt b{position: absolute;left:0;top:0;padding-left: 148px;width:68px;font-size: 15px;color: #999999;line-height: 50px; }
.newr  dl dt a:hover{color:#01847f; padding-left:10px;-webkit-transition:all .5s;transition:all .5s;}
.newr  dl dd {height: 56px;line-height: 28px;overflow: hidden;font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newr  dl:nth-child(1) dt{background:url(../images/dt01.jpg) no-repeat}
.newr  dl:nth-child(2) dt{background:url(../images/dt02.jpg) no-repeat}
.newr  dl:nth-child(3) dt{background:url(../images/dt03.jpg) no-repeat}
.newr  dl:hover dt a{background:url(../images/dtico2.jpg) no-repeat right 3px;}

.about{position: relative;max-width: 1920px;min-width: 1300px;margin: 40px  auto 110px; overflow: hidden;}
.about dt{width: 100%;overflow: hidden;display: block;}
.about dt img{width: 100%;display: block;}
.about dd{height: 164px;background: #f9f9f9; width:1300px; margin:0px auto;}
.about dd ul{width: 48%;margin: 0 auto;padding-top: 25px;float:right; }
.about dd li{position: relative; display:inline-block;margin-left: 40px;font-size: 18px;color: #282828;padding-left: 52px;height: 47px;line-height: 47px;transition: all 0.3s linear 0s; margin-bottom:20px;}
.about dd li:hover{transform: translateY(-10px);}
.about dd li em{position: absolute;width: 60px;height: 50px;overflow: hidden;left:0;top:0; }
.about dd li a{color: #282828}
.about dd li:hover a{color: #01847f;}
.about .m_ab{position: absolute;left:0;top:5%;background:rgba(1,132,127,0.8);width:37%;padding-left: 15%; overflow: hidden; padding-bottom:150px;}
.about .m_ab h2{padding-top: 60px;height: 122px;font-size: 48px;color: #fff;}
.about .m_ab h2 a{color: #fff;}
.about .m_ab h2 em{display: block;font-size: 20px;font-weight: normal;padding-top: 10px;font-style:normal; font-weight:bold;}
.about .video{width: 86%;display: block;margin-bottom: 2%;}
.about .video img{width: 100%;display: block;}
.about p{font-size: 14px;line-height: 24px;color: #fff;width: 86%; overflow: hidden;text-align: justify;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical; margin-bottom:30px;}
.ab_more{ float:right; color:#fff;margin-right: 15%;}
.ab_more a{color:#fff;-webkit-transition:all .5s;transition:all .5s;}
.ab_more a:hover{color:#fff; margin-right:10px;-webkit-transition:all .5s;transition:all .5s;}

.footer{ overflow:hidden; padding: 55px 0 30px;; background: #e9e9e9; overflow: hidden; min-width:1300px;}
.footer .blogo{float: left;width: 342px;position: relative;}
.footer .blogo p a{color: #282828;}
.footer .blogo{ font-size:24px; color:#333; margin-top:17px; float:left;}
.footer .blogo p{ color:#01847f; font-size:18px;}
.footer .blogo span{ color:#01847f}
.footer .blogo dd{ overflow:hidden; font-size:15px; margin-top:20px;}
.footer .blogo dd a{ margin-right:22px; margin-top:10px;display: inline-block;}
.footer .bnav{float: left;width: 230px;border-left:1px #ccc solid; border-right:1px #ccc solid; padding:0 10px 0 50px;}
.footer .bnav p a{display: block;float: left;width: 90px;padding-left: 14px;background: url(../images/ftico2.jpg) no-repeat 0 23px;height: 46px;line-height: 46px; font-size:16px;}
.footer .f_ftcon{float: left;width: 350px; margin-left:50px; }
.footer h2{height: 26px;background: url(../images/ftico1.jpg) no-repeat 162px 0px;font-weight: normal;font-size: 18px;color: #282828;line-height: 26px;margin-bottom: 30px;}
.footer .f_ftcon h2{padding-left: 0;}
.footer .f_ftcon li{position: relative;font-size: 16px;color: #666;line-height: 42px;}
.footer .f_ftcon li b{position: absolute;left:0;top:0;font-weight: normal;}
.footer .m_code{float: right;width: 242px;}
.footer .m_code h3{height: 66px;font-size: 28px;color: #01847f;}
.footer .m_code h3 em{display: block;font-size: 16px;color: #282828;font-weight: normal; font-style:normal;}
.footer .codelst li{float: left;width: 100px;height: 100px;margin-right: 10px;}
.footer .codelst li img{width: 100px;height: 100px;display: block;margin: 0 auto; }
.footer .codelst li p{ font-size:12px; text-align:center; color:#666;}
.footer .copyr{font-size: 12px;color: #fff;width: 470px;}
.footer .copyr a{color: #fff;display: inline-block;padding: 0 15px;font-size: 14px;}

.copyright{ background:#01847f; height:80px; line-height:80px; color:#9eccca; font-size:16px; text-align:center; padding-bottom:60px; min-width:1300px; }
      



.yb_conct{position:fixed;z-index:9999999;top:200px;right:-147px;cursor:pointer;transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease;}
.yb_bar ul li{width:200px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#349d99 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#349d99 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#349d99 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#349d99 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 37px 25px 37px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.bottom{ overflow:hidden; color:#fff; font-size:28px; font-weight:bold; background:#349d99; padding:8px 0; position:fixed; width:100%; height:43px; bottom:0px; z-index:10;}
.bottom dd{ float:right; font-size:20px;}
.bottom dd img{ margin-right:10px;  vertical-align: middle;}
.bottom dd span{ font-size:28px;}



.n_banner{ width:100%; overflow:hidden; margin:0px auto; height:460px; position:relative; max-width:1920px; min-width:1300px;}
.n_banner img{  position:absolute; left:50%; height:460px; margin-left:-960px;}


.mbx{ height:60px; line-height:60px; background:#e9e8e8;}
.mbx span{ overflow:hidden; background:url(../images/sy.png) no-repeat center left; padding-left:30px; font-size:15px; color:#666;}
.mbx span a:after{content:">"; font-family:"宋体"; margin:0 5px;; color:#666;}
.mbx span a:last-child:after{content:""; display:none;}

.title1{ overflow:hidden;  margin:50px auto;}
.title1 h3{ font-size:40px; color:#01847f; text-align:center; }
.title1 p { color:#666; font-size:20px; text-align:center;}

.oem_ys{ overflow:hidden; margin:0px auto;}
.oem_ys ul{ overflow:hidden; }
.oem_ys ul li{ overflow:hidden; width:25%; border-radius:20px; border:10px #fff solid; background:#f1f1f1; float:left; box-sizing:border-box; padding:50px 0; position:relative; cursor: pointer}
.oem_ys ul li div{ width:81px;   overflow:hidden; margin:0px auto; position:relative; z-index:2;transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease;}
.oem_ys ul li div img:first-child{ display:block;}
.oem_ys ul li div img:last-child{ display:none;}
.oem_ys ul li h3{ text-align:center; font-size:24px; margin:20px auto 10px;overflow:hidden; position:relative; z-index:2;transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease;}
.oem_ys ul li h3:after{content:"一"; font-weight:bold; display:block; color:#01847f;position:relative; z-index:2;transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease;}
.oem_ys ul li p{ font-size:16px; color:#666; padding:0 20px; text-align:center; height:60px; line-height:28px;position:relative; z-index:2;transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease;}
.oem_ys ul li:after{ content:""; width:100%; height:0%; background:#349d99;   background-image: linear-gradient(#08cdc5, #01847f); position:absolute; bottom:0%;}
.oem_ys ul li:hover:after{ content:""; height:100%;transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; }
.oem_ys ul li:hover p,.oem_ys ul li:hover h3{ color:#fff; transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease;}
.oem_ys ul li:hover h3:after{content:"一";  color:#fff;}
.oem_ys ul li:hover div img:first-child{ display:none;}
.oem_ys ul li:hover div img:last-child{ display:block;}

.oemban{ width:100%; height:100%; margin:50px auto; background:url(../images/oemban.png) no-repeat center top; font-size:42px; color:#fff; padding:50px 0; text-align:center; font-weight:bold; min-width:1300px;}

.oem_left{ overflow:hidden; float:left; width:50%;}
.oem_right{ overflow:hidden; width:48%; float:right;}
.oem_right h3{ color:#01847f; font-size:36px; }
.oem_right ul{ overflow:hidden; margin-top:50px;}
.oem_right ul li{ overflow:hidden; margin-bottom:40px; background:url(../images/oemimg02.png) no-repeat  left top; padding-left:70px; font-size:16px; line-height:28px; color:#666; padding-bottom:10px;}
.oem_right ul li:nth-child(2){ background:url(../images/oemimg03.png) no-repeat  left top;}
.oem_right ul li:nth-child(3){ background:url(../images/oemimg04.png) no-repeat  left top;}


.liucheng{ background:url(../images/liucheng.jpg) no-repeat center top; background-size:cover; margin:50px auto 0; padding-bottom:100px; min-width:1300px; background-attachment:fixed;  }
.liucheng .lc_title{ width:1300px; overflow:hidden; margin:50px auto 40px;}
.liucheng .lc_title b{ float:left; font-size:48px; color:#01847f}
.liucheng .lc_title b p{ font-size:20px; display:block;color:#333}
.liucheng .lc_title span{ float:right; font-family:Arial, Helvetica, sans-serif; font-size:40px; border-left:1px #ccc solid; padding-left:20px;} 
.liucheng .lc_title span p{ font-size:16px;} 
.liucheng .lc_title a { color:#333;}
.liucheng .lc_title a:hover { color:#01847f;}
.liucheng .lc_tel{ float:right;margin-top: -14px; }
.liucheng .lc_tel dt{ overflow:hidden; font-size:18px; color:#01847f; font-weight:bold; line-height:88px; padding-right:10px; }
.liucheng .lc_tel span{ display:block; float:right;width:250px; height:50px; line-height:50px; text-align:center; color:#fff ; margin-top:20px; font-size:18px; background:#11b5af; box-shadow:0 0 5px #01413f; font-weight:400;margin-left:20px; border:none; padding:0 15px; position:relative; overflow:hidden; cursor:pointer; } 
.liucheng .lc_tel span:after{content:""; width:100%;  background:rgba(255,255,255,0.2); width:200px; height:200px; position:absolute; left:-100%;}
.liucheng .lc_tel span:hover:after{left:100%;-webkit-transition:all .5s;transition:all .5s;}
.liucheng  .lc_tel dd{ font-size:24px; color:#333; margin-top:10px;text-align:right; margin-right:10px;} 
.liucheng  .lc_tel dd i{font-style:normal; font-size:36px; color:#01847f; font-family:Impact;    vertical-align: bottom; } 
.liucheng  .lc_tel dd img{vertical-align: middle; margin-right:10px;}
.liucheng  ul{ overflow:hidden; clear:both;}
.liucheng  ul li{ width:11.4%; position:relative; text-align:center; padding:30px 0; border-radius:6px; background:#01847f; float:left; margin-right:15px; overflow:hidden; cursor:pointer}
.liucheng  ul li div{ overflow:hidden;transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease;}
.liucheng  ul li p{ color:#fff; font-size:18px; margin:10px auto;}
.liucheng  ul li:last-child{ margin-right:0px;}
.liucheng  ul li:hover div{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; }
.liucheng  ul li:before{ content:""; width:0%; height:100%; background:#36a8a4; position:absolute;left:0px; top:0px; border-radius:6px;transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease;}
.liucheng  ul li:hover p{ color:#fff; position:relative; z-index:2;}
.liucheng  ul li:hover:before{ content:""; width:100%;transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease;}


.title2{ overflow:hidden;  margin:50px auto; background:url(../images/xx.png) no-repeat center bottom; padding-bottom:25px; font-size:48px; color:#333; text-align:center;}

.title3{ overflow:hidden;  margin:50px auto; padding-bottom:25px; text-align:center; }
.title3 h3{font-size:48px; color:#333; text-align:center; font-weight:400;}
.title3 p{ background:#01847f; font-size:18px; display: inline-block; color:#fff; padding:0 20px; height:40px; line-height:40px; border-radius:8px; margin-top:8px;}

.tedian{ overflow:hidden; min-width:1300px;}
.tedian ul{ overflow:hidden;}
.tedian ul li { width:50%; border:10px #fff solid; float:left; box-sizing:border-box; overflow:hidden; cursor:pointer}
.tedian ul li  h3{ font-size:30px; font-weight:normal; color:#01847f; overflow:hidden;}
.tedian ul li  p{ font-size:18px; color:#666; line-height:30px; height:60px; overflow:hidden; margin:10px auto 20px;}
.tedian{ overflow:hidden;}
.tedian ul li  div{ overflow:hidden;}
.tedian ul li  div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.tedian ul li:hover  div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.gongchang{ overflow:hidden;}
.gongchang ul{ overflow:hidden;}
.gongchang ul li{ overflow:hidden; width:33.33%; float:left; border:10px #fff solid; box-sizing:border-box;}
.gongchang ul li div{ overflow:hidden; width:100%; height:270px;}
.gongchang ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.gongchang ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.gongchang ul li p{ background:#e7e7e7; height:45px; line-height:45px; text-align:center; font-size:18px; color:#666; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


.qushifuwu{ background:url(../images/qushi.jpg) no-repeat center top; margin:0px auto; height:747px; min-width:1300px;}
.fuwu{ margin:100px auto; overflow:hidden;}
.fuwu ul{ overflow:hidden;}
.fuwu ul dl{ overflow:hidden; margin-top:77px;}
.fuwu ul li{ overflow:hidden; width:420px; float:left; text-align:right; cursor:pointer;}
.fuwu ul li h3{ color:#01847f; font-size:22px;}
.fuwu ul li p{ font-size:16px; color:#666; line-height:28px;}
.fuwu ul li:nth-child(2n){ float:right; text-align:left;}
.fuwu ul dl:nth-child(2){ margin-top:49px;}
.fuwu ul dl:nth-child(2) li{ width:384px;}
.fuwu ul dl:nth-child(2) li:nth-child(2){ width:400px;}
.fuwu ul dl:nth-child(3){margin-top:20px;}
.fuwu ul dl:nth-child(3) li{ width:406px;}
.fuwu ul dl:nth-child(3) li:nth-child(2){ width:430px;}


.qslc{ overflow:hidden; background:#ededed url(../images/lciosbj.png) no-repeat center top 30px; min-width:1300px; padding-bottom:60px; }

.qsimg{ overflow:hidden;}
.qsimg ul{ overflow:hidden;}
.qsimg ul li{ float:left; overflow:hidden; width:70px; margin: 15px 50px;}
.qsimg ul li div{ width:70px; height:70px; text-align:center; overflow:hidden; background:url(../images/lcios02.png) no-repeat; margin-bottom:20px;}
.qsimg ul li div img{ width:45%; margin:20px auto;}
.qsimg ul li  dl{ overflow:hidden; margin:0px auto; width:36px; }
.qsimg ul li  dl  h3{ width:22px; float:right; font-size:18px; font-weight:400;line-height: 18px; writing-mode: vertical-rl;  }
.qsimg ul li  dl p{ float:left;  }
.qsimg ul li:before{ width:20px; height:20px; margin:25px auto;content:url(../images/lcios01.png); display:block;}
.qsimg ul li:nth-child(1){ margin-top:43px;}
.qsimg ul li:nth-child(2){ margin-top:-4px;}
.qsimg ul li:nth-child(3){ margin-top:-6px;}
.qsimg ul li:nth-child(4){ margin-top:40px;}
.qsimg ul li:nth-child(5){ margin-top:16px;}
.qsimg ul li:nth-child(6){ margin-top:-23px;}
.qsimg ul li:nth-child(7){ margin-top:49px;}
.qsimg ul li:nth-child(8){  margin: 25px 0 0 30px ; }

.qstxt{ text-align:center; font-size:18px; font-weight:bold;}

.qsbtn{overflow:hidden; font-size:18px; color:#01847f; text-align:center; font-weight:bold; line-height:88px; padding-right:10px;}
.qsbtn dd{ font-size:18px; color:#333; margin-top:10px;margin-right:10px;} 
.qsbtn dd i{font-style:normal; font-size:30px; color:#01847f; font-family:Impact;    vertical-align: bottom; } 
.qsbtn dd img{vertical-align: middle; margin-right:10px;}

.qsbtn dd span{ width:250px; height:50px; line-height:50px; text-align:center; color:#fff ; margin-top:20px; font-size:18px; background:#11b5af; box-shadow:0 0 5px #01413f; font-weight:400;margin-left:20px; border:none; padding:0px 15px; position:relative; overflow:hidden; cursor:pointer;     display: inline-flex;} 
.qsbtn dd span:after{content:""; width:100%;  background:rgba(255,255,255,0.2); width:200px; height:200px; position:absolute; left:-100%;}
.qsbtn dd span:hover:after{left:100%;-webkit-transition:all .5s;transition:all .5s;}

.form{ overflow:hidden;}
.form ul{ overflow:hidden; width:50%; float:left; border:10px #fff solid; box-sizing:border-box;}
.form ul li{ overflow:hidden; background:#e6e6e6; margin-bottom:20px;box-sizing:border-box;  line-height:55px; position:relative}
.form ul li span{ display:inline-block; float:left; margin:0 10px; font-size:16px; color:#666; overflow:hidden;}
.form ul li input{ width:80%; overflow:hidden; height:30px; line-height:30px;font-size:16px;background-color:transparent; font-family:"Microsoft YaHei"; border:none;}
.form ul li select{ width:80%; overflow:hidden; height:33px; line-height:33px;border:none; background-color:transparent;font-family:"Microsoft YaHei"; border:none;font-size:16px; color:#666;}

.form ul li p{ position:absolute; top:0; right:10px; color:#f00}
.form dl{ overflow:hidden; width:50%; float:left; border:10px #fff solid; box-sizing:border-box;background:#e6e6e6; height:225px; }
.form dl textarea{ height:100%; width:100%; background-color:transparent; border:none; padding:10px; font-size:16px; font-family:"Microsoft YaHei";}

.from_btn{ width:100%; overflow:hidden; clear:both; text-align:center;}
.from_btn input{ width:200px; height:50px; line-height:50px; margin:0px auto; background:#01847f; border:none; font-size:18px; color:#fff; margin:50px auto} 

.pic_pijiain{ overflow:hidden; line-height:30px; font-size:18px; text-align:center; color:#666; min-height:600px;}


/*********2022-03-16***退换下面class***/

.tese_fl{ overflow:hidden; margin-top:50px; padding:15px;}

.tese_fl .dll{ overflow:hidden; box-shadow:0 0 10px #b1b1b1; overflow:hidden; padding:15px; border-radius:6px; margin-bottom:30px; }
.tese_fl .dll .bd{ float:left; width:430px; height:260px; overflow:hidden; margin-right:20px;}
.tese_fl .dll .bd ul{ padding:0px; overflow:hidden; width:430px; height:266px}
.tese_fl .dll .bd ul li{ overflow:hidden; width:100%; height:100%; box-shadow:0px 0 0 0px; padding:0px; border-radius:0px; margin:0px;}
.tese_fl .dll  .hd{ font-size:16px; color:#666; height:45px; line-height:45px; width:790px; float:right;}
.tese_fl .dll  .hd ul { padding:0px; overflow:hidden;  padding-bottom:10px;}
.tese_fl .dll  .hd ul li{ overflow:hidden; float:left; display:inline-block; margin:5px; padding:0px 10px; cursor:pointer; border-radius:6px;}
.tese_fl .dll  .hd ul li.on{ background:#01847f; color:#fff; border-radius:6px;}
.tese_fl .dll .hd p{ font-size:15px; line-height:24px; margin-top:15px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}






.fenye{overflow:hidden;clear:both;width:100%;text-align:center;margin:50px auto}
.fenye{overflow:hidden;text-align:center}
.fenye ul li{overflow:hidden;width:auto;display:inline-block;min-width:40px;height:40px;line-height:40px;margin:1px 5px;background:#eee;float:none;border:1px #ccc solid}
.fenye ul li.on{background:#01847f;color:#fff; border:1px #01847f solid}
.fenye ul li .disabled{width:70px}
.fenye ul li:first-child{width:70px}
.fenye ul li:last-child{width:70px}
.fenye ul li:hover{background:#01847f;color:#fff;transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);-webkit-transform:translate(0,0);transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s}
.fenye ul li:hover a{color:#fff}
.fenye ul li a{display:block}
.fenye ul li.on a{color:#fff}

.news_left{ width:990px; float:left; overflow:hidden;}
.news_right{ width:270px; float:right; overflow:hidden; margin-top:50px;}
.new_lb{ overflow:hidden; margin-top:50px;}
.new_lb ul{ overflow:hidden;}
.new_lb ul li{ overflow:hidden; padding:15px; border:1px #ccc solid; margin-bottom:20px;}
.new_lb ul li div{ width:300px; overflow:hidden; float:left; overflow:hidden; margin-right:20px;}
.new_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.new_lb ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.new_lb ul li span{ overflow:hidden;}
.new_lb ul li span h3{ overflow:hidden; height:36px; font-size:18px; line-height:36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.new_lb ul li span p{ overflow:hidden; height:55px; margin:10px auto; line-height:26px; color:#666; font-size:15px;}
.new_lb ul li span dd{ font-size:14px; color:#999;}

.new_lb ul li span dd{ overflow:hidden; display:block;}
.new_lb ul li span dd i{ padding:0 25px; font-size:14px; color:#898989; font-style:normal;}
.new_lb ul li span dd i.rili{ background:url(../images/rili.png) no-repeat center left;}
.new_lb ul li span dd i.yulan{ background:url(../images/yulan.png) no-repeat center left;}


.lb_tit{ height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:bold; background:#01847f; color:#fff;}


.wh_nav{ overflow:hidden; background:#f1f1f1;}
.wh_nav ul{ overflow:hidden; margin:20px;}
.wh_nav ul li{ border:1px #ccc solid; height:45px; margin-bottom:10px; font-size:16px; line-height:45px; text-align:center; overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}
.wh_nav ul li a{display:block;}
.wh_nav ul li:hover{ background:#01847f;-webkit-transition:all .5s;transition:all .5s;}
.wh_nav ul li:hover a{ color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.zx_tj{ overflow:hidden; margin-top:20px;}

.zx_tit{ overflow:hidden; border-bottom:1px #ccc solid; height:40px; }
.zx_tit span{ border-bottom:#01847f 2px solid;font-size:24px; font-weight:bold; color:#01847f ;padding-bottom: 6px;}
.zx_tj ul{ overflow:hidden; margin-top:20px; ;}
.zx_tj ul li { overflow:hidden; border-bottom:1px #ccc dotted;margin-bottom:20px;}
.zx_tj ul li div{ overflow:hidden; height:150px;}
.zx_tj ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.zx_tj ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.zx_tj ul li p{ background:#f1f1f1; height:50px; line-height:50px; text-align:center; padding:0 10px; color:#666; font-size:16px; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }



.xqy{ overflow:hidden; margin-top:50px;}
.w50{ margin-bottom:50px;}


.pro-intro{overflow:hidden;padding:0px 0}
.pro-intro .img{float:left;width:405px;height:auto;overflow:hidden}
.pro-intro .img img{display:block;width:450px;height:395px}
.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}
.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}
.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}
.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}
.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}
.pro-intro .data{width:100%;height:auto;overflow:hidden}
.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}
.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}
.pro-intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}
.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}
.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}
.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}
.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}
.pro-intro .info .btn a:last-child::after{content:""}
.pro-intro .info .btn a:hover{background:#25b240}
.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px; }
.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}
.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}
.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px}
/*.txt{width:100%;height:auto;overflow:hidden;margin-top:10px;font-size:20px;text-align:center;height:45px;font-weight:700;background:url(../images/tit02.png) no-repeat center bottom;color:#1c71c8}*/
.pro-intro .textxq img{ max-width:100%; display:block; text-align:center; margin:0px auto;}


.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}
.fy p{width:33.33%;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding:0 10px; box-sizing:border-box;}
.fy p:last-child{border:none}


.w60{ margin:50px auto 0;}

.about_ny{ overflow:hidden; margin-bottom:100px;}
.about_ny .ab_left{ float:left; overflow:hidden; width:50%; }
.about_ny .ab_left  h3{ overflow:hidden; font-size:24px; margin-bottom:20px; color:#01847f; }
.about_ny .ab_left  h3 p{ font-size:18px;  color:#666;}
.about_ny .ab_left dd{ font-size:16px; color:#666; line-height:45px;}
.about_ny .ab_txt{float:right; overflow:hidden; width:45%;}
.about_ny .ab_txt img{width:100%; }
.about_ny:nth-child(2) .ab_left{ float:right;}
.about_ny:nth-child(2) .ab_txt{ float:left;}

.lxwm{ overflow:hidden;}

.lxwm ul{ overflow:hidden;}
.lxwm ul dl{ border:1px #ccc solid; overflow:hidden; padding:50px 0;}
.lxwm ul li{ width:33.33%; border:15px #fff solid; text-align:center; box-sizing:border-box; float:left; overflow:hidden; }
.lxwm ul li div{ width:65px; height:65px; margin:0px auto;}
.lxwm ul li p{ font-size:16px; color:#666; margin:15px auto;}
.lxwm ul li:nth-child(1) dl{ border-top:3px #f07e7e solid; overflow:hidden;}
.lxwm ul li:nth-child(2) dl{ border-top:3px #01847f solid; overflow:hidden;}
.lxwm ul li:nth-child(3) dl{ border-top:3px #5784c7 solid; overflow:hidden;}
.ditu,#ditu1{ width:100%; height:450px;}
div.flickr a {border:1px solid #ccc;padding:10px 15px;border-radius:2px;margin:0 5px;color:#666}
div.flickr a:hover {border-right:#01847f 1px solid;border-top:#01847f 1px solid;background-image:none;border-left:#01847f 1px solid;color:#fff;border-bottom:#01847f 1px solid;background-color:#01847f}
div.meneame a:active {border-right:#01847f 1px solid;border-top:#01847f 1px solid;background-image:none;border-left:#01847f 1px solid;color:#fff;border-bottom:#01847f 1px solid;background-color:#01847f}
div.flickr span.current {margin-right:5px;padding:10px 15px;color:#fff;font-weight:700;background:#01847f;border-radius:2px;border:1px solid #01847f}
div.flickr span.disabled {color:#adaaad;margin-right:10px;border:1px solid #ccc;padding:10px 15px;border-radius:2px}
div.flickr {padding:0;margin:0;text-align:center;font-family:Verdana;font-size:12px;text-align:center;}
.fenye{height:50px; margin-top:50px; padding-top:30px}

@media screen and (max-width: 1600px) {
	.qs_right ul{  margin:60px 0 0 40px;}
	.about p{
-webkit-line-clamp: 5;}
}


@media screen and (max-width: 1440px) {
	.qs_right ul{  margin:30px 0 0 40px;}
	
.qs_right ul li{ color:#fff; font-size:15px;}
.about .m_ab{padding-left: 10%;}
.about dd ul{width: 50%; }
.about dd li{margin-left: 0px;margin-right: 40px; font-size:16px;;}
}

@media screen and (max-width: 1366px) {
	
.qs_right ul dd{ font-size:20px; color:#fff; margin-top:30px;} 
.qs_right ul dd span{ font-size:30px; color:#fff; font-family:Impact;     vertical-align: sub;} 
.qs_right ul dd img{vertical-align: middle; margin-right:10px;}
.qs_right ul dt{ width:460px; height:40px; line-height:40px; text-align:center; color:#fff ; margin-top:20px; font-size:18px; background:#11b5af; box-shadow:0 0 5px #01413f;}
.qs_right ul li{ color:#fff; font-size:14px;}

}

.m-banner{ display:none;}
.n_banner img:nth-child(2){ display:none;}
.wechat,.tool{ display:none;}
@media screen and (max-width:1000px) {
 .top{ display:none;}
 .head{ height:auto}
 .contet{width:100%}
 .logo{ float:inherit; font-size:0.4rem; margin-top:0.3rem; text-align:center}
 .logo p{ font-size:0.35rem}
 .sousuo{ display:none;}
 .nav{ float:inherit;margin-right:inherit; margin-top:0.2rem; position:inherit; overflow:hidden}
 .nav ul li{width:33.333%; padding-top:0; height:1rem; line-height:1rem;background:#01847f;-webkit-box-sizing: border-box-moz-box-sizing: border-box;box-sizing: border-box; border-right:1px solid #fff; border-bottom:1px solid #fff; font-size:0.35rem;}
 .nav ul li a{color:#fff}
 .nav ul li span{ display:none;}
 .banner{ display:none;}
 .m-banner{ display:block;}
 .m-banner img{width:100%}
 .ban{ min-width:inherit; width:100%}
 .b_left{width:100%; height:0.4rem; float:inherit;}
 .b_right{ display:none;}
 .b_swi{ float:inherit; width:100%;padding-top:0.1rem}
 .b_swi .swiper-pagination{ margin:0; position:inherit}
 .b_swi .swiper-pagination-bullet{width:0.2rem; height:0.2rem;margin:0 0.1rem;}
 .b_swi .swiper-button-next, .b_swi .swiper-button-prev{ display:none;}
 .fll{ min-width:inherit; padding-bottom:0.4rem;}
 .content{width:100%}
 .zhuanzhu{ padding:0.4rem 0;width:96%; margin:0 2%}
 .zhuanzhu h3{ font-size:0.45rem; float:inherit; width:100%}
 .zhuanzhu h3:before{ font-size:0.6rem;}
 .zhuanzhu h3 span{ margin:0.2rem 0 0}
 .zhuanzhu h3 p{ font-size:0.3rem; line-height:0.6rem;}
 .zhuanzhu dl{ float:inherit; width:100%; padding-top:0; line-height:0.6rem; font-size:0.35rem;}
 .about{ max-width:inherit; min-width:inherit; height:14rem}
 .about dt{width:100%; margin:0 auto}
 .about dt img{width:330%; margin-left:-165%}
 .about .m_ab{ width:86%; top:2%; margin-left:2%; padding:2% 5%}
 .about dd ul{width:100%; padding-top:0.2rem; float:inherit}
 .about .m_ab h2{ padding:0; height:auto; font-size:0.45rem;}
 .about .m_ab h2 em{ font-size:0.3rem; padding:0.2rem 0}
 .about .video{width:100%}
 .about p{width:100%; margin-bottom:0.2rem}
 .ab_more{ margin-right:0.2rem; font-size:0.35rem;}
 .ab_more img{width:30%; margin-left:0.1rem}
 .about dd{width:96%; margin:0 auto; height:auto; overflow:hidden; padding:0 0.1rem}
 .about dd li{ font-size:0.35rem; margin-right:0; padding-left:0.5rem; height:0.5rem; line-height:0.5rem;margin-bottom:0.2rem;width:3.4rem; float:left}
 .about dd li em{width:0.5rem; height:0.5rem;}
 .about dd li em img{width:100%}
 .about dd li:nth-child(5){ width:100%}
 .title{width:96%; margin:0.4rem 2%}
 .title b{font-size:0.45rem;width:75%}
 .title b p{ font-size:0.3rem;line-height:0.6rem; font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .title span{ font-size:0.3rem; padding-left:0.2rem; margin-top:0.2rem}
 .title span p{ font-size:0.35rem;}
 .shili{ min-width:inherit; height:6rem}
 .shili .bd ul li{height:4rem;}
 .shili .hd ul li{ height:2rem;}
 .shili .hd ul li div{width:0.6rem; height:0.6rem; margin:0.2rem auto}
 .shili .hd ul li div img{width:100%}
 .shili .hd ul li h3{ font-size:0.35rem;}
 .shili .hd ul li i{ font-size:0.3rem}
 .shili .hd ul li.on div{width:0.6rem; height:0.6rem; margin:0.2rem auto;opacity:1}
 .shili .hd ul li.on h3{ font-size:0.35rem;margin:0.2rem auto 0; text-align:center}
 .shili .hd ul li.on i{font-size:0.3rem; margin:0 auto; text-align:center; display:block}
 .shili .hd ul li.on i:before{ display:none}
 .shili .bd ul{ overflow:hidden}
 .shili .bd ul li .shili-txt{ top:0.5rem}
 .shili .bd ul li .shili-txt div{width:1rem; margin:0 auto 0.2rem}
 .shili .bd ul li .shili-txt p{padding:0 5%; font-size:0.35rem; line-height:0.6rem}
 .shili .bd li img{ height:100%}
 .anli{ min-width:inherit;}
 .anli .swiper-slide{ height:5rem}
 .anli_txt{ font-size:0.35rem; height:1rem; line-height:1rem;}
 .anli .swiper-container-horizontal>.swiper-pagination-bullets, .anli .swiper-pagination-custom, .anli .swiper-pagination-fraction{ bottom:0.4rem; width:40%}
 .anli_for{width:96%; margin:0.2rem auto}
 .anli_for ul li{width:49%; margin-right:2%;}
 .anli_for ul li:nth-child(2n){ margin-right:0}
 .anli_for ul li div{ height:3rem;}
 .anli_for ul li p{ height:1rem; line-height:1rem; font-size:0.35rem}
 .qushi{ min-width:inherit;}
 .qs_left{width:96%; margin:2% auto 0; float:inherit;}
 .qs_right{ float:inherit; width:100%}
 .qs_right ul{ margin:2%; width:96%}
 .qs_right ul li{ font-size:0.35rem;line-height:0.6rem; height:1.2rem;background:url(../images/qs1.png) no-repeat left center; background-size:10%}
 .qs_right ul li p{ line-height:0.5rem; width:85%; margin-top:0.1rem}
 .qs_right ul li span{ width:1rem; height:1.2rem; line-height:1.2rem; text-align:center;margin-right:0;}
 .qs_right ul dd{ font-size:0.35rem; margin-top:0.4rem}
 .qs_right ul dd img{width:10%; margin-right:0.2rem}
 .qs_right ul dd span{ font-size:0.5rem}
 .qs_right ul dt{ font-size:0.35rem; margin-top:0.2rem; width:100%; height:1rem; line-height:1rem;}
 .footer{ min-width:inherit; padding:0.4rem 2%;}
 .footer .blogo{ display:none;}
 .footer .bnav{ float:inherit; width:100%; border:none; padding:0; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:0.2rem; margin-bottom:0.2rem}
 .footer h2{ font-size:0.4rem; margin-bottom:0.1rem; line-height:0.6rem; height:0.6rem; background:url(../images/ftico1.jpg) no-repeat right center;}
 .footer .bnav p a{width:33.33%; height:0.6rem; line-height:0.6rem; font-size:0.35rem; text-indent:0.2rem; padding:0;background:url(../images/ftico2.jpg) no-repeat 0 center}
 .footer .f_ftcon{ float:inherit; width:100%; margin-left:0}
 .footer .f_ftcon li{ font-size:0.35rem; line-height:0.6rem;}
 .footer .m_code{ float:inherit; width:100%}
 .footer .m_code h3{ height:auto; font-size:0.5rem;}
 .footer .m_code h3 em{ font-size:0.35rem}
 .footer .codelst li{width:2rem; height:2rem; margin-right:0.2rem}
 .footer .codelst li img{width:100%; height:100%;}
 .footer .codelst li p{ font-size:0.35rem}
 .copyright{width:100%; height:1.2rem; line-height:0.6rem; font-size:0.35rem;min-width:inherit;padding-bottom:0}
 .bottom{ display:none;}
 .sousuo_box{ display:none;}
 .n_banner img:nth-child(1){ display:none;}
 .n_banner img:nth-child(2){ display:block;}
 .n_banner{ height:auto; position:inherit; max-width:inherit; min-width:inherit;}
 .n_banner img{ position:inherit; left:inherit; height:auto; margin-left:0; width:100%}
 .mbx{ height:1rem; line-height:1rem; padding:0 0.2rem;}
 .mbx span{ background-size:5%; font-size:0.35rem; padding-left:0.4rem}
 .title1{ margin:0.4rem auto;}
 .title1 h3{ font-size:0.4rem;}
 .title1 p{ font-size:0.35rem; line-height:0.8rem}
 .oem_ys ul li{width:50%; padding:0.4rem;border-radius:0.2rem; height:6.5rem}
 .oem_ys ul li div{width:30%;}
 .oem_ys ul li div img{width:100%}
 .oem_ys ul li h3{ font-size:0.35rem; margin:0.2rem auto}
 .oem_ys ul li p{ font-size:0.3rem; line-height:0.5rem; height:auto; padding:0 0.1rem}
 .oemban{ margin:0.4rem auto;min-width:inherit; padding:4% 5%; font-size:0.4rem; width:90%}
 .oem_ys ul li:after{left:0}
 .oem_left{width:96%; float:inherit; margin:0 auto}
 .oem_left img{width:100%}
 .oem_right{ float:inherit; width:96%; margin:0 auto;}
 .oem_right h3{ font-size:0.4rem; margin-top:0.3rem}
 .oem_right ul{ margin-top:0.2rem;}
 .oem_right ul li{ margin-bottom:0.2rem; padding-bottom:0.2rem; font-size:0.35rem; line-height:0.6rem;background-size:15%; padding-left:1.5rem;}
 .liucheng{ margin:0.2rem auto 0; min-width:inherit; padding:0.4rem;}
 .liucheng .lc_title{width:100%; margin:0 auto}
 .liucheng .lc_title b{ font-size:0.4rem; float:inherit;}
 .liucheng .lc_title b p{ font-size:0.3rem; line-height:0.6rem}
 .liucheng .lc_tel{ margin-top:0; float:inherit}
 .liucheng .lc_tel dt{ font-size:0.35rem; padding:0; line-height:1rem}
 .liucheng .lc_tel span{width:100%; float:inherit; height:1rem; line-height:1rem; font-size:0.35rem; margin-top:0.4rem; padding:0;margin-left:0}
 .liucheng .lc_tel dd{ display:none;}
 .liucheng ul li{width:39%; margin-right:2%; padding:5%;border-radius:0.2rem; margin-bottom:2%}
 .liucheng ul li:nth-child(2n){ margin-right:0}
 .liucheng ul li div{width:30%; margin:0 auto}
 .liucheng ul li div img{width:100%}
 .liucheng ul li p{ font-size:0.35rem; margin:0.2rem auto}
 .title2{ margin:0.4rem auto; font-size:0.4rem; padding-bottom:0.3rem; background-size:100%; font-weight:bold}
 .gongchang { margin:0 2% 0.4rem;width:96%}
 .gongchang ul li{width:50%; border:0.1rem solid #fff;}
 .gongchang ul li div{height:2.8rem}
 .gongchang ul li p{ height:1rem; line-height:1rem; font-size:0.35rem}
 .w50{ margin-bottom:0.4rem}
 .news_left{width:100%; float:inherit;}
 .xqy{ margin-top:0.2rem}
 .pro-intro h2{ font-size:0.4rem; margin-top:0.2rem; margin-bottom:0.2rem}
 .pro-intro .share{ height:1rem; line-height:1rem;}
 .pro-intro .share p span{ font-size:0.3rem}
 .pro-intro .textxq{ font-size:0.35rem;line-height:0.6rem; width:96%; margin:0.2rem auto}
 .pro-intro .textxq img{width:100%; height:auto}
 .fy{ margin-top:0.2rem; border:none;}
 .fy p{width:96%; height:0.8rem; line-height:0.8rem; float:inherit; padding:0 0.1rem;border:1px solid #d2d2d2; margin:0.1rem auto; font-size:0.35rem}
 .fy p:last-child{border:1px solid #d2d2d2;}
 .news_right{ display:none}
 .qushifuwu{ height:11rem; min-width:inherit;background: url(../images/qushi1.jpg) no-repeat center top;background-size:auto 100%}
 .fuwu{ margin:0.4rem auto;}
 .fuwu ul dl{ margin-top:0}
 .fuwu ul li{width:96%; float:inherit; text-align:left; margin:0.1rem auto}
 .fuwu ul li h3{ font-size:0.35rem;}
 .fuwu ul li p{ font-size:0.3rem; line-height:0.5rem}
 .fuwu ul li:nth-child(2n){ float:inherit}
 .fuwu ul dl:nth-child(2){ margin-top:0}
 .fuwu ul dl:nth-child(2) li{width:96%; margin:0.1rem auto}
 .fuwu ul dl:nth-child(2) li:nth-child(2){width:96%;}
 .fuwu ul dl:nth-child(3){ margin-top:0}
 .fuwu ul dl:nth-child(3) li{width:96%;}
 .fuwu ul dl:nth-child(3) li:nth-child(2){width:96%;}
 .qslc{ min-width:inherit; padding-bottom:0.3rem; background:#ededed}
 .title3{ margin:0.4rem auto; padding-bottom:0.4rem}
 .title3 h3{ font-size:0.4rem;}
 .title3 p{ font-size:0.35rem; padding:0 0.2rem; height:1rem; line-height:1rem; margin-top:0.2rem}
 .qsimg {width:80%; margin:0 auto}
 .qsimg ul li{ float:left; width:49%; margin:0.1rem auto;}
 .qsimg ul li:nth-child(1){ margin:0;}
 .qsimg ul li:before{ display:none;}
 .qsimg ul li div{ width:1rem; height:1rem;background-size:100% 100%; margin-bottom:0.2rem; float:left}
 .qsimg ul li div img{width:50%; margin:0.26rem auto}
 .qsimg ul li dl{width:2rem; margin:0; margin-left:1.2rem; height:1rem;}
 .qsimg ul li dl h3{width:100%; float:inherit; font-size:0.4rem; line-height:1rem;writing-mode:unset}
 .qsimg ul li dl p{ display:none;}
 .qsimg ul li:nth-child(2){ margin:0;}
 .qsimg ul li:nth-child(3){ margin:0;}
 .qsimg ul li:nth-child(4){ margin:0;}
 .qsimg ul li:nth-child(5){ margin:0;}
 .qsimg ul li:nth-child(6){ margin:0;}
 .qsimg ul li:nth-child(7){ margin:0;}
 .qsimg ul li:nth-child(8){ margin:0;}
 .qstxt{ font-size:0.35rem; line-height:1rem;}
 .qsbtn{ font-size:0.35rem; line-height:1rem; padding:0;}
 .qsbtn dd{ font-size:0.35rem; margin-top:0.1rem; margin-right:0}
 .qsbtn dd img{width:7%; margin-right:0.1rem}
 .qsbtn dd i{ font-size:0.5rem;}
 .qsbtn dd span{ font-size:0.35rem; margin-top:0.1rem; height:1rem; line-height:1rem; padding:0 0.4rem;margin-left:0;width:auto; margin-bottom:0.2rem}
 .about_ny{ margin:0.2rem auto;width:96%}
 .about_ny .ab_left{ float:inherit; width:100%}
 .about_ny .ab_txt{width:100%; float:inherit}
 .w60{ margin:0.4rem auto}
 .about_ny .ab_left h3{ font-size:0.4rem; margin-bottom:0.1rem; margin-top:0.1rem}
 .about_ny .ab_left h3 p{ font-size:0.35rem; line-height:0.6rem}
 .about_ny .ab_left dd{ font-size:0.35rem; line-height:0.6rem}
 .lxwm ul li{width:100%; float:inherit;}
 .lxwm ul dl{ padding:0.3rem 0;}
 .lxwm ul li div{width:1rem; height:1rem;}
 .lxwm ul li div img{width:100%}
 .lxwm ul li p{ font-size:0.35rem; margin:0.2rem auto}
 .ditu, #ditu1{width:96%; height:8rem; margin:0 auto 0.2rem; font-size:0.3rem}
 .new_lb{ margin:0.4rem auto; width:96%;}
 .new_lb ul li{ padding:0.1rem; margin-bottom:0.2rem}
 .new_lb ul li div{width:100%; margin-right:0; float:inherit}
 .new_lb ul li span h3{ font-size:0.35REM; line-height:0.8REM; height:0.8rem;}
 .new_lb ul li span p{ height:1.23rem; font-size:0.3rem; line-height:0.6rem;margin:0}
 .new_lb ul li span dd{ font-size:0.3rem;}
 .new_lb ul li span dd i{ padding:0 0.4rem; font-size:0.3rem}
 .new_lb ul li span dd i.rili{ background-size:13%;}
 .new_lb ul li span dd i.yulan{ background-size:30%;}
 div.flickr span.disabled{ padding:0.1rem 0.2rem; font-size:0.3rem}
div.flickr span.current{padding:0.1rem 0.2rem; font-size:0.3rem}
div.flickr a{padding:0.1rem 0.2rem; font-size:0.3rem}
.fenye{ height:auto; margin-top:0.2rem; padding-top:0.2rem; margin:0 auto; height:1rem}
.yb_conct{ display:none;}
.tool{width:100%;height:0.8rem;position: fixed!important;bottom: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; max-width:1000px; min-width:320px; margin:0px auto; display:block;}
.tool_box{width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;background: #01847f; height:1.2rem;}
.tool-relative{position:relative;width:100%;height:0.8rem;}
.tool a{display:block;float:left;width:33.3333%;color:#ffffff; text-align:center}
.tool a img{ width:20%; margin:5%}
.tool a span{display:block;width:100%;text-align:center;font-size:0.4rem;line-height:0.5rem;}
.tool a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}
.wechatBox{display:none;height:100%;position:fixed;top:0;width:100%;z-index:5;}
.wechat{background:#fff none repeat scroll 0 0;border-radius:20px;box-shadow:1px 1px 2px rgba(0,0,0,1);color:#666;display:none;left:10%;padding:30px 0;position:fixed;right:10%;text-align:center;top:20%;width:80%;z-index:5000;font-size:20px;}
.wechat .p1{font-size:20px;}
.wechat .wxid{background-color:#01847f;color:#fff;font-size:20px;margin:10px 0;padding:10px;}
.wxid{font-size:17px;margin:30px 0;padding:10px;}
.wechat .p2{font-size:20px;}
}