/*在线客服Online*/
.Online_Bg {width:68px;position:fixed;right:10px; top:25%;z-index:10;}
.Online_Box {width:100%;}
.Online_li {width:68px;height:68px;margin-bottom:5px; border-radius:12px; /*background-color:#999;*/background: rgba(255, 255, 255, 0.85);/*#fff;*/ box-shadow: 2px 2px 4px 1px rgba(49, 48, 48, 0.4);}
.Online_li:hover{ background-color:#00a0af;}
.Online_li a{display:block;width:68px;padding-top:40px;line-height:25px;font-size:12px;text-align:center;/*color:#fff;*/color:#00a0af;cursor:pointer;text-decoration:none;}
.Online_Box .online a {background:url(../images/on-r-online.png) center 4px no-repeat;}
.Online_Box .email a{background:url(../images/on-r-email.png) center 4px no-repeat;}
.Online_Box .whatsapp a{background:url(../images/on-r-whatsapp.png) center 4px no-repeat;}
.Online_Box .top a {background:url(../images/on-r-top.png) center 4px no-repeat;}
.Online_Box .online a:hover{background:url(../images/on-online.png) center 4px no-repeat; color:#fff;}
.Online_Box .email a:hover{background:url(../images/on-email.png) center 4px no-repeat; color:#fff;}
.Online_Box .whatsapp a:hover{background:url(../images/on-whatsapp.png) center 4px no-repeat; color:#fff;}
.Online_Box .top a:hover{background:url(../images/on-top.png) center 4px no-repeat; color:#fff;}
/* 第一个 */
.Online_Bg .red {background-color:#00a0af; }
.Online_Bg .red a{background:url(../images/on-online.png) center 4px no-repeat; color:#fff;}


.p_index_bottom{width:100%; overflow:hidden; border-top:1px solid #00a0af;} 
/*product*/
.product-banner{background:url(../images/banner_product.jpg) center 0 no-repeat;}
.smart_text{ width:100%; float:left; margin-top:40px; }
.smart_text p{ line-height:24px;}
.smart_product{width:100%; float:left; margin-top:40px;}
.smart_product h2{font-size: 20px;color: #fff;background: #e6e7e7;float: left;font-weight: 400;width: 100%; line-height:inherit;}
.smart_product>h2>a{color: #fff;padding: 0 20px;float: left;display: block;height: 0;border-width: 1px 15px 45px 0;border-style: none solid solid;border-color: transparent transparent #00a0af;line-height: 45px;}
.smart_product>h2>span>a{color: #000;float: right;width: 15px;margin: 10px 20px;}
.smart_product .row li{ width:220px; float:left; margin-right: 24px; margin-top:30px;}
.smart_product .row li a div{ width:99%; overflow:hidden; border:1px solid #ccc; display:block;}
.smart_product .row li a img{ width:100%; display:block;}
.smart_product .row li a p{display: block;width: 100%;height: 40px;line-height: 40px;background: #00a0af;color: #fff;font-size: 14px;font-family: Arial;
text-align: center;}
.smart_home-banner{background:url(../images/banner_smart.jpg) center 0 no-repeat;}

.connav{width:100%;float:left;margin:40px 0}
.connav ul{width:100%;float:left}
.connav ul li{width:24.9%;float:left;height:54px;color:#000;border-radius:4px 4px 0 0}
.connav ul li:last-child{ border-right: 1px solid #ccc; border-radius:4px 4px 0 0}
.connav ul li:hover{width:25%;float:left;height:54px;color:#000;border-radius:4px 4px 0 0;background:#fff;}
.connav ul li a{width:100%;float:left;height:51px; line-height:51px;color:#000;display:block;text-align:center;font-size:14px;border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:2px solid #00a0af;border-radius:4px 4px 0 0}
.connav ul li a:hover{width:100%;float:left;height:51px; line-height:51px;color:#fff;display:block;text-align:center;font-size:14px;border-left:1px solid #ccc;border-top:1px solid #ccc;background:#00a0af; text-decoration:underline;}

main.single article.content{width:980px;margin:0 auto}
main.single article.content .details{clear:both;float:left;width:100%;margin:20px 0}
main.single article.content .details h1{font-size:26px;color:#00a0af;line-height:34px;margin:15px auto}
main.single article.content .details h2{font-size:24px;color:#00a0af;line-height:34px;margin:15px auto; border-bottom:1px solid #00a0af;}
main.single article.content .details h3{font-size:18px;margin-top:15px;margin-bottom:5px}
main.single article.content .details .product_d{margin:10px 0 10px 0; width:100%; height:auto;}
main.single article.content .details .product_d_i{ float:left; width:44%; border:1px solid #ccc;}
main.single article.content .details .product_d_i img { display:block;}
main.single article.content .details .product_d_p{ float:right; width:52%;}
main.single article.content .details .product_d_p span{ color:#00a0af; line-height:26px;}
main.single article.content .details .contact{ margin:10px 0; height:35px;}
main.single article.content .details .contact .chat, main.single article.content .details .contact .download, main.single article.content .details .contact .buy{ width:135px; height:35px; line-height:35px; display:block; float:left; text-align:center; background:#00a0af; margin-bottom:5px; margin-right:15px;border-radius: 5px}
main.single article.content .details .contact .chat a, main.single article.content .details .contact .download a, main.single article.content .details .contact .buy a{ color:#FFF; text-decoration:none;}
main.single article.content .details ol,main.single article.content .details ol li{list-style:outside decimal;line-height:20px;margin-left:16px}
main.single article.content .details *{max-width:100%;font-size:14px; line-height:24px;}
main.single article.content .details .addthis_button_expanded{ line-height:18px;}
main.single article.content .details .waterpara{display:none}
main.single article.content .details .tag span{display:inline-block;height:28px;border:1px solid #b2b2b2;line-height:28px;padding:0 10px;margin-right:20px;text-align:center;cursor:pointer}
main.single article.content .details table{width:100%;border-collapse:collapse;border:none;overflow-x:auto;margin-top:10px}
main.single article.content .details table td{border:1px solid #b2b2b2;padding:2px 0;text-align:center;font-size:13px;margin-top:10px}
main.single article.content .details table tr:nth-child(even){background:#f1f1f1}
main.single article.content .details a:hover{text-decoration:underline}
main.single #site{width: 100%;float: left;}
main.single #site h2{margin:20px 0;}
main.single #related-products{width:100%;float:left; margin-bottom:35px;}
main.single #related-products ul{width:100%;position:relative;}
main.single #related-products ul:after{content: ".";display: block;height: 0;visibility: hidden;clear: both;}
main.single #related-products h2{font-size:24px;color:#00a0af;line-height:34px;margin:20px auto}
main.single #related-products li{width:24%;position:relative;float:left;padding:0 1% 0 0 }
main.single #related-products li h3{position:absolute;width:96%;height:40px;line-height:23px;text-align:center;background:#fff;font-size:14px;padding-top:10px;}
main.single #related-products li > a{display: block;border:1px solid rgba(171,178,179,.8)}
main.single #related-products li img{display:block;width:100%;}
main.single #related-products li .des{height:100%;background:rgba(0,160,175,.6);width:96%;position:absolute;top:0;color:#fff;line-height:24px;display:none}
main.single #related-products li .des span{display:block;text-indent:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
main.single #related-products li .des a{display:block;margin:15px auto;width:100px;height:27px;line-height:27px;background:#00a0af;text-align:center;color:#fff}
/*product*/

/*download*/
.content ul.steamlist{width:100%;margin-top: 10px;}
.content ul.steamlist li{width:100%;float:left;margin-bottom:30px}
.content ul.steamlist li img{width:287px;height:157px;border:1px solid #dedfdf;display:block;float:left;margin-right:30px}
.content ul.steamlist li h3{width:80%;text-align:left;line-height:30px}
.content ul.steamlist li h3 a{font-size:18px;color:#00a0af;font-weight:600;margin-bottom:15px;}
.content ul.steamlist li h3 a:hover{ text-decoration:underline;}
.content ul.steamlist li p{font-size:14px;line-height:24px;margin:0;display:block}
.content ul.steamlist li p b{font-size:14px;line-height:24px;margin:0 5px}
.content ul.steamlist li span a{display:inline-block;margin-top:5px;margin-right:20px;font-style:italic;padding-left:20px}
.download-banner{ background:url(../images/banner_download.jpg) center 0 no-repeat;}
.productparts{width:100%;margin-top:12px;float:right}
.productparts h2{font-size:26px;color:#00a0af;font-weight:400;line-height:34px;margin:10px 0}
.productparts ul{margin-top:12px}
.productparts ul li{width:31%;float:left;margin:0 1%;text-align:center}
.productparts ul li a:hover{ color:#00a0af;}
.productparts ul li img{width:100%;border:1px solid #d9d7d6;}
.productparts ul li h4{font-size:16px;line-height:24px;font-weight:400}
.servicechannel article.single{margin-top:30px;width:100%;line-height:24px;padding-bottom:60px}
.servicechannel article.single h1{font-size:26px;margin-bottom:20px}
.servicechannel article.single p{font-size:15px;line-height:24px}
.servicechannel article.download h1{font-weight:400;margin:20px 0;color:#00a0af;clear:both}
.servicechannel article.download div h2{font-weight:400;clear:both;padding-left:40px;font-size:22px;height:40px;line-height:34px;background:url(../images/down_bg.png) 0 -254px no-repeat;margin:0;margin:20px 0}
.servicechannel article.download .pdflist a{display:block;width:205px;height:28px;line-height:28px;text-align:center;border:1px solid #c9caca;float:left;margin-right:20px;margin-bottom:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.servicechannel article.download .pdflist a:hover{ color:#00a0af; text-decoration:underline;}
/*download*/

/*news*/
.news-banner{ background:url(../images/banner_news.jpg) center 0 no-repeat;}
.newschannel{margin-top:30px}
.newschannel article div.nav{width:100%;height:40px;line-height:40px;font-size:16px}
.newschannel article div.nav a{padding: 0 30px;height:40px;float:left;text-align:center;border-bottom:1px solid #c9cacb}
.newschannel article div.nav a:hover{ color:#00a0af;}
.newschannel article div.nav a.cnews{border-right:1px solid #c9cacb;}
.newschannel article div.nav_other{width:100%;height:40px;line-height:40px;font-size:16px}
.newschannel article div.nav_other h3{height:40px;color:#00a0af; font-size:18px; font-weight:normal}
.service_nav{width:100%;height:40px;line-height:40px;font-size:16px}
.service_nav a{padding: 0 30px;height:40px;float:left;text-align:center;border-bottom:1px solid #c9cacb}

.newschannel article .list { margin-top:20px;}
.newschannel article .list li{width:100%;float:left;font-size:15px;padding:25px 0;border-top:1px solid #c9cacb}
.newschannel article .list time{float:left;color:#fff;width:15%;height:30px; margin-right:10px;line-height:30px;display:block;font-style:italic;background:#00a0af; text-align:center;}
.newschannel article .list li>div{float:left;width:80%}
.newschannel article .list li>div>h2{font-size:18px;color:#595757;line-height:30px;top:25px}
.newschannel article .list li>div>h2 a:hover{ text-decoration:underline;}
.newschannel article .list li>div>p{line-height:22px;margin-top:10px}
.newschannel article .page{width:100%;height:22px;margin-top:30px; float:left}
.newschannel article .page li{ float:left;}
.newschannel article .page .thisclass{ display:block;padding:2px 8px;float:left;margin-right:10px;border:1px solid #00a0af;background:#00a0af;color:#fff;}
.newschannel article .page a{display:block;padding:2px 7px;float:left;margin-right:10px;border:1px solid #c9caca;color:#6a6c6d;}
.newschannel article .page a b,.newschannel article .page b{display:block;padding:2px 8px;float:left;margin-right:10px;border:1px solid #00a0af;background:#00a0af;color:#fff}
.newschannel article .page span{display:block;padding:2px 8px;float:left;margin-right:10px;border:1px solid #c9caca;color:#6a6c6d}
.newschannel article .page a:hover{background:#00a0af;border-color:#00a0af;color:#fff;}
.newschannel article.single h1{font-weight:400;font-size:28px;color:#00a0af;width:100%}
.newschannel article.single time{color:#9fa0a0;font-size:14px; width:100%; display:block; text-align:center;}
.newschannel article.single .details{width:100%;clear:both;margin-top:20px;float:left}
.newschannel article.single .details h3{font-size:18px;margin-top:15px;margin-bottom:5px}
.newschannel article.single .details p{margin:10px 0 25px 0}
.newschannel article.single .details *{max-width:100%;font-size:15px;line-height:24px}
.newschannel article.single .details p img{ width:100%; height:auto;}
.newschannel article.single .details table{width:100%;border-collapse:collapse;border:none}
.newschannel article.single .details table td{border:1px solid #b2b2b2;padding:2px 5px;text-align:center;font-size:14px}
.newschannel article.single .details table tr:nth-child(even){background:#f1f1f1}
.newschannel article.single .details a:hover{text-decoration:underline}
.newschannel article.single .details img.aligncenter{display:block;margin:0 auto}
.newschannel article.single .context{width:100%;font-size:15px;margin-top:15px;float:left;line-height:30px;border-top:1px solid #c9cacb}
.newschannel article.single .context li{border-bottom:1px solid #c9cacb}
/*news*/

/*about*/
.about-banner{ background:url(../images/banner_about.jpg) center 0 no-repeat;}
main article.about-list h1,main article.about-list h2{ color:#00a0af; border-bottom:1px solid #00a0af;line-height:60px;text-align:center;font-size:26px;padding:25px 0;font-weight:400}
main article.about-list h1 a,main article.about-list h2 a{color:#095085;}
main article.about-list{line-height:26px;font-size:15px;}
main article.about-list img{max-width:100%}
main article .about-culture img,main article .about-history img{float:left;margin-right:15px}
main article .about-culture,main article .about-history,main article .cert{clear:both}
.about-history,.about-list img{padding:20px 0}
main article .team{margin-top:25px;clear:both}
main article .about-culture .lernmore,main article .about-history .lernmore{float:left;margin-top:20px}
main article .about-history p{padding-top:20px;float:left;width:50%}
main article.about-list .lernmore{margin-top:35px;display:block;width:200px;height:28px;line-height:28px;border:1px solid #095085;color:#095085;text-align:center;font-size:18px;margin-left: 50%;transform: translate(-50%);}
main article.about-list .lernmore:hover{border:1px solid #095085;color:#fff;background:#095085}
.about-culture strong{font-size:20px;color:#00a0af;display:block;line-height:38px;margin-top:10px;font-weight:400}
.about-culture span{font-size:14px;display:block}
main article .cert li{float:left;width:33%}
main.about .nav{width:100%;margin-top:20px;border-bottom:2px solid #c9caca}
main.about .nav a{font-size:24px;color:#595753;line-height:20px;padding:10px 20px;display:inline-block}
main.about article{margin-top:20px;line-height:22px;width:98%;margin:1% auto}
main.about article img{max-width:100%;margin-bottom:30px}
main.about>article>p{margin-bottom:15px;font-size:15px;line-height:24px}
main.about .pewp img{width:215px;height:143px;margin-right:10px}
main.about ul.histry li{font-size:15px;margin-top:25px}
main.about .culture p{margin-top:30px;font-size:16px}
main.about .culture ul li{float:left;width:231px;text-align:center}
main.about .culture ul li a img{display:block;margin:0 auto}
main.about .cert img{max-width:25%;margin-left:6%;margin-top:4%}
main.about .aboutzg .pewp{margin-top:50px}
main.about .aboutzg .pewp h2{margin-bottom:26px}
.clear{clear:both}
/*about*/

/*contact*/
.contact-banner{background:url(../images/banner_contact.jpg) center 0 no-repeat;}
.contact-p{height:50px;line-height:50px;font-size:15px}
.contact-main{width:100%;height:330px;}
.contact-left{width:100%;margin-top:20px;}
.contact-left img{width:50%; margin-top:10px;}
.contact-left h1{ border-bottom:1px solid #00a0af;}
.contact-main h1,h2{color: #00a0af;line-height:40px;font-weight:400}
.contact-main p{font-size:15px;line-height:24px}
.contact-main p a:hover{ text-decoration:underline;}
.contact-msg{width:70%;float:left}
.erweima{float:left;margin-top:20%}
.contact-bottom{width:100%; overflow:hidden;border-top:1px solid #00a0af;}
.contactFixed{position:fixed;margin:0 auto;bottom:0;max-width:480px;width:100%;z-index:99;background-color:#716E6E;display:none}
.contactFixed a{float:left;width:25%;height:45px;line-height:70px;display:block;color:#fff;text-decoration:none;text-align:center}
.contactFixed a:first-child{background:url(../images/ico-contact_1.png) center -7px no-repeat}
.contactFixed a:nth-child(2){background:url(../images/ico-contact_1.png) center -51px no-repeat}
.contactFixed a:nth-last-child(2){background:url(../images/ico-contact_1.png) center -97px no-repeat}
.contactFixed a:last-child{background:url(../images/ico-contact_1.png) center -143px no-repeat}
/*contact*/

.about-l{width:100%;display:inline-block;border-bottom:1px solid #c9caca;margin-top:60px;position:relative}
.about-l ul li{width:25%;float:left}
.about-l ul li img{width:49%;margin-left:25.5%;padding:0}
.about-l ul li p{display:block;text-align:center;line-height:70px}
#about-l-ho{width:25%;position:absolute;bottom:-30px;left:5px;text-align:center}

.read_more{ width:100%; height:auto; margin:15px 0 15px 0;}
.read_more ul li{ height:26px; line-height:26px; list-style:inside;}
.read_more ul li a{ text-decoration:none; font-weight:bold;}
.read_more ul li a:hover{ text-decoration:underline;}

.main404{ width:auto; height:600px; margin-top:10px; background:url(../images/404.jpg) 50% 50% no-repeat;}
.main404 h1{ display:none;}

.sitemap-banner{ background:url(../images/sitemap.jpg) center 0 no-repeat;}

@media(max-width:980px){

main.single article.content {width: 92%;margin: 0 auto;}

.about-nav{width:98%;margin:0 1%}
.about-brief{width:75%}
.contact-p{width:98%;margin:0 1%;height:auto}
.contact-main{height:auto;border-bottom:none;padding:0}
.contact-left{width:98%;margin:20px 1% 0 1%;border:none}
.contact-left img{width:auto;max-width:100%;display:block;margin:10px auto}
.contact-right{width:98%;margin:0 1%;border:none;padding:0}
.contact-right img{max-width:100%}

main.single #related-products{width:100%;float:left; margin-bottom:0;}
main.single #related-products h2{font-size:22px; margin:10px auto;}
main.single #related-products li{float:left;margin:0 2%;width: 46%;padding:0}
main.single #related-products li h3{position:static;width:100%;height:56px;line-height:18px;}
main.single #related-products li img{width:100%;border:none}
main.single #related-products li .des{height:145px;background:rgba(0,160,175,.6);width:100%;position:absolute;top:0;color:#fff;line-height:24px;display:none}
main.single #related-products li .des span{display:block;text-indent:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
main.single #related-products li .des a{display:block;margin:15px auto;width:100px;height:27px;line-height:27px;background:#00a0af;text-align:center;color:#fff}
main.single #related-products li .des .hover{display:none}
.productparts h2{font-size:20px;line-height:24px;}
.contact-main h1,h2{line-height:24px; font-size:20px;}
.servicechannel article.download div h2{font-size:18px;height:24px;line-height:24px;}
.servicechannel article.download h1{ font-size:20px;}
main.single article.content .details h2{font-size:22px;line-height:34px;}
.smart_product{margin-top:20px;}
.smart_product h2{font-size: 16px;}
.smart_product>h2>span>a{margin: 13px 16px;}
.innerbanner{display:none;}

.connav ul li:last-child{ border-right:none;}
.connav ul li:nth-of-type(2n){ border-right:1px solid #ccc;}

main.single article.content .details .contact{ height:45px;}
main.single article.content .details .contact .download{ display:none;}
main.single article.content .details .contact .chat, main.single article.content .details .contact .buy{ width:130px; margin-right:0px;}
main.single article.content .details .contact .chat{ margin-right:12px;}

.newschannel article .page{ height:auto; margin-bottom:15px;}
}
@media(max-width:768px){

.newschannel article .list li{width:96%;padding:20px 10px;}
.newschannel article .list time{width:20%;margin-right:0px;}
.newschannel article .list li>div{width:100%}
.newschannel article .list li>div>p{display:none}

.none {display: none;}
.newschannel .top-one-news>a>img {float: left;margin-right: 0;width: 100%;}
.contact-p{line-height: 30px; margin-top:20px;}

main article .about-history p{padding-top:20px;float:left;width:43%;}
.download-banner{ background:url(../images/banner_download-1.jpg) center 0 no-repeat;}
.product-banner{ background:url(../images/banner_product-1.jpg) center 0 no-repeat;}
.about-banner{ background:url(../images/banner_about-1.jpg) center 0 no-repeat;}
.contact-banner{ background:url(../images/banner_contact-1.jpg) center 0 no-repeat;}
.news-banner{ background:url(../images/banner_news-1.jpg) center 0 no-repeat;}
.smart_home-banner{ background:url(../images/banner_smart-1.jpg) center 0 no-repeat;}

}
@media(max-width:500px){

.servicechannel article.download div h2{ font-size:18px;}
.contactFixed{position:fixed;margin:0 auto;bottom:0;max-width:480px;width:100%;z-index:99;background-color:#716E6E;display:block}
.gotop{display:none!important}
.none{display: none}
main.single #related-products li .des{display: none}
main article .about-history p{padding-top:20px;float:left;width: 100%;}

.connav{margin-top:5px; margin-bottom: 10px;}
.connav ul li{width:49%;}
.connav ul li:hover{width:49%;}
.connav ul li:last-child a{width:100%;float:left;height:51px;color:#000;display:block;text-align:center;font-size:12px;border-left:1px solid #ccc;border-top:1px solid #ccc;/*border-right:1px solid #ccc;*/border-bottom:2px solid #00a0af;border-radius:4px 4px 0 0}
.connav ul li a{font-size:12px;}
.connav ul li a:hover{font-size:12px}
.connav ul li:last-child a:hover{ color:#fff;}
main.single #related-products li .des{display: none}
main article .about-history p{padding-top:20px;float:left;width: 100%;}
main.single #related-products li h3{font-size:13px;}

main article .cert li{float:left;width:33%}

.productparts ul li{width:48%;float:left;margin:0 1%;text-align:center}
.content ul.steamlist li h3{width:100%;line-height:20px}
.content ul.steamlist li{width:100%;margin:4px 2%;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.content ul.steamlist li img{width:30%;height:auto;border:1px solid #dedfdf;display:block;margin-right:5%}
.content ul.steamlist li h3 a{font-size:14px;color:#000;font-weight:600;margin-bottom:15px;height:40px;overflow:hidden;}
.content ul.steamlist li p{font-size:14px;line-height:24px;margin:0;display:none}
.content p.steam-intro{display:none}
.about-l ul li{width:50%;float:left}
main article.about-list h1{border-bottom: 1px solid #095085;line-height:30px;font-size: 20px;padding:0;}
main article.about-list h2{border-bottom: 1px solid #095085;line-height:30px;font-size: 20px;padding:20px 0;}

.none {display: none;}
.newschannel .top-one-news>a>img {float: left;margin-right: 0;width: 100%;}
.productparts ul li h4{font-size:14px}
.newschannel article.single h1{font-size:18px;margin-bottom: 0;margin-top: 0; text-align:center;}
.newschannel{margin-top:10px}

.newschannel article.single .details {margin-top:0;}
h1{font-size: 22px;margin: 10px 0;}

main.single article.content .details {margin:0;}
.smart_product .row{ width:260px; margin:0 auto;}
.smart_product .row li{ float:none; margin:30px auto;}
.smart_text{ margin-top:20px; }
}

@media(max-width:470px){

.contact-main h2{color: #00a0af;line-height:30px; font-size:18px;}
main.single article.content .details h1{font-size:18px;line-height:24px; text-align:center;}
main.single article.content .details .product_d_i{ float:left; width:auto;}
main.single article.content .details .product_d_p{ float:left; width:100%; margin-top:10px;}
.innerbanner p{display:none}
.newschannel article .list li{padding:15px 10px;}
.newschannel article .list time{width:25%;}
.newschannel article .list li>div>h2{font-size:16px;}
.contactFixed{position:fixed;margin:0 auto;bottom:0;max-width:469px;width:100%;z-index:99;background-color:#716E6E;display:block}
.none {display: none;}
.newschannel .top-one-news>a>img {float: left;margin-right: 0;width: 100%;}
.pro_share{ float:left;}
}
@media(max-width:400px){
.contact-main h2{color: #00a0af;line-height:30px; font-size:18px;}
main.single article.content .details .tag span{overflow:hidden}
.none {display: none;}
.newschannel .top-one-news>a>img {float: left;margin-right: 0;width: 100%;}
}
@media(max-width:375px){
.read_more ul li{ height:auto;}
.contact-main h2{color: #00a0af;line-height:30px; font-size:18px;}

.innerbanner p{display:none}
.connav ul li:last-child a{width:99%;}
.connav ul li a{width:99%;}
.connav ul li a:hover{width:99%;}
main article .about-history p{padding-top:20px;float:left}
main.single #case .win span.srocllleft,main.single #case .win span.srocllright{display:none}
.newschannel article .list time{width:30%;}
.none {display: none;}
.newschannel .top-one-news>a>img {float: left;margin-right: 0;width: 100%;}
main.single article.content .details .product_d{margin:10px 0 10px 0; width:100%; height:auto;}
}
@media(max-width:355px){
.contact-main h2{color: #00a0af;line-height:30px; font-size:18px;}
main article .about-history p{padding-top:20px;float:left}
main.pchannel article section .description{width:95%;padding:10px 0 10px 5%}
.none {display: none;}
.newschannel .top-one-news>a>img {float: left;margin-right: 0;width: 100%;}
main.single article.content .details .product_d{margin:10px 0 10px 0; width:100%; height:430px;}
main.single article.content .details h1{font-size:16px;}
}
@media(max-width:320px){
.contact-main h2{color: #00a0af;line-height:30px; font-size:16px;}
.service-policy .introduce .arrow{margin-right: 30px;}
.smart_product>h2>a{padding: 0 5px;}

}