/*在线客服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:#a0311e;}
.Online_li a{display:block;width:68px;padding-top:40px;line-height:25px;font-size:12px;text-align:center;/*color:#fff;*/color:#a0311e;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:#a0311e; }
.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 #a0311e;} 
.product-banner{background:url(../images/banner_product.jpg) center 0 no-repeat;}
.application-banner{background:url(../images/banner_application.jpg) center 0 no-repeat;}

.pchannel article{width:100%;margin-top:30px;float:left}
.pchannel-second article{width:220px;float:left;margin:0 11px;left:-10px;position:relative}
.pchannel-second article h1{width:100%;height:48px;line-height:24px;font-size:14px;margin-top:15px;text-overflow:ellipsis;overflow:hidden}
.pchannel-second .more{width:93px;height:22px;margin-top:5px}
.pchannel-second .more a{color:#fff;display:block;padding:5px 10px;font-size:12px;background-color:#ccc}
.pchannel-second article .win img{width:100%;height:auto}
.pchannel-second article .win .des{background:rgba(254,144,0,.8);width:100%;height:128px;padding-top:20px;position:absolute;color:#fff;line-height:24px}
.pchannel-second article .win .des span{display:block;text-indent:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lbleft{float:left;width:72%;margin:0 15px 0 0}

.pchanne2 article{width:100%;margin-top:50px;float:left}
.pchanne2 article h1{font-size:20px;color:#fff;background:#e6e7e7;margin-bottom:30px;float:left;font-weight:400;width:100%}
.pchanne2 article>h1>a{color:#fff;padding:0 20px;display:block;float:left;display:block;height:0;border-width:1px 15px 45px 0;border-style:none solid solid;border-color:transparent transparent #a0311e;line-height:45px}
.pchanne2 article>h1>span>a{color:#000;float:right;width:15px;margin:10px 20px}
.pchanne2 article section{clear:both}
.pchanne2 article .thumb{width:322px;float:left;overflow:hidden;position:relative}
.pchanne2 article .thumb img{width:100%;height:175px}
.pchanne2 article .thumb h2 a{color:#fff;font-size:14px}
.pchanne2 article .thumb h2{right:auto;top:auto;left:0;bottom:0px;line-height:26px}
.pchanne2 article .thumb h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;font-size:12px;font-weight:400;padding:0 15px;color:#fff;background:#a0311e;position:absolute;right:0;}

.pchanne2 article .thumb span{right:auto;top:auto;left:0;bottom:25px}
.pchanne2 article .description{width:320px;height:60px;padding:0 0 0 25px;float:left;border-left:1px solid #a0311e;margin-left:20px}
.pchanne2 article .description span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:14px;line-height:20px}
.pchanne2 article .description span a{ color:#a0311e;}
.pchanne2 article .description span a:hover{ text-decoration:underline;}
.pchanne2 article .scrollwin{width:636px;height:auto;overflow:hidden;float:left;margin-top:10px;margin-left:20px;position:relative}
.pchanne2 article .scrollwin span{width:15px;height:78px;line-height:78px;text-align:center;background-color:#dcdddd;cursor:pointer}
.pchanne2 article ul{width:656px;float:left;overflow:hidden;position:relative;margin-left:-10px;height:auto}
.pchanne2 article li{width:198px;float:left;margin:0 10px;position: relative;}
.pchanne2 article li a img{width:100%;height:auto;float:left;overflow:hidden;height:auto}
.pchanne2 article li a h3{width:100%;height:20px;line-height:20px;font-size:12px;color:#fff;font-weight:400;overflow:hidden;background:#a0311e;text-align:center;bottom:0;position: absolute;}
.pchanne2 article li p{display:none}
.pchanne2-second article{width:220px;float:left;margin-left:10px;margin-top:40px}
.pchanne2-second article h1{width:100%;height:48px;line-height:24px;text-align:center;font-size:18px;margin-top:15px;text-overflow:ellipsis;overflow:hidden}
.pchanne2-second article .win img{width:100%;height:146px}
.pchanne2-second article .win .des{background:rgba(0,160,175,.6);width:100%;height:128px;padding-top:20px;position:absolute;color:#fff;line-height:24px}
.pchanne2-second article .win .des span{display:block;text-indent:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}


.connav{width:100%;float:left;margin:40px 0}
.connav ul{width:100%;float:left}
.connav ul li{width:25%;float:left;height:54px;color:#000;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 #a0311e;border-radius:4px 4px 0 0}
.connav ul li:hover a{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:#a0311e; 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:#a0311e;line-height:34px;margin:15px auto}
main.single article.content .details h2{font-size:24px;color:#a0311e;line-height:34px;margin:15px auto;border-bottom:1px solid #a0311e;}
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%; line-height:none;}
main.single article.content .details .product_d_p span{ color:#505050; 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:#a0311e; 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:15px; 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}
.application_img{ margin-bottom:20px;}


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:#a0311e;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(100,149,237.3);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:#a0311e;text-align:center;color:#fff}
.pagetop{margin-top:-60px;padding-top:70px}
.content .capacity .tab_1,.content .applicatchan .tab_1{display: block;width: 25%;height: 50px;background: #fff;border: 1px solid #ccc;float: left;margin-left: 16%;min-width:110px;}
.applicatchan article p{font-size:15px;line-height:24px}
.content p.steam-intro{font-size:16px;margin-top:30px;margin-bottom:32px;line-height:32px}
.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:222px;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:#a0311e;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}


.productparts{width:100%;margin-top:12px;float:right}
.productparts h2{font-size:26px;color:#a0311e;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:#a0311e;}
.productparts ul li img{width:100%;border:1px solid #d9d7d6;}
.productparts ul li h4{font-size:16px;line-height:24px;font-weight:400}


.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:#a0311e;}
.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:#a0311e; font-size:20px; font-weight:200;}
.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 .top-one-news{width:100%;height:202px;margin-top:30px}
.newschannel .top-one-news>h1{font-size:22px;line-height:24px}
.newschannel .top-one-news>p{font-size:15px;line-height:24px;margin-top:10px}
.newschannel .top-one-news>time{display:block;color:#9fa0a0;margin-top:10px}
.newschannel .top-one-news>a>img{float:left;margin-right:22px;width:40%;margin-bottom: 10px;}

.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:#a0311e; 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}

.list { margin-top:20px;}
.list li{width:100%;float:left;font-size:15px;padding:25px 0;border-top:1px solid #c9cacb}
.list time{float:left;color:#fff;width:15%;height:30px; margin-right:10px;line-height:30px;display:block;font-style:italic;background:#a0311e; text-align:center;}
.list li>div{float:left;width:80%}
.list li>div>h2{font-size:18px;color:#595757;line-height:30px;top:25px}
.list li>div>h2 a:hover{ text-decoration:underline;}
.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 #a0311e;background:#a0311e;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 #a0311e;background:#a0311e;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:#a0311e;border-color:#a0311e;color:#fff;}
.newschannel article.single h1{font-weight:400;font-size:28px;color:#a0311e;width:100%}
.newschannel article.single time{color:#9fa0a0;font-size:14px; width:100%; text-align:center; display:block;}
.newschannel article.single .details{width:100%;clear:both;margin-top:10px;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}

.details ol li,.newschannel article.single .details ol{list-style:outside decimal;line-height:20px;margin-left:16px}
.details ul li,.newschannel article.single .details ul{list-style:outside;margin-left:16px;}
.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}

.about-banner{ background:url(../images/banner_about.jpg) center 0 no-repeat;}
main article.about-list h1,main article.about-list h2{ color:#a0311e; border-bottom:1px solid #a0311e;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:#a0311e;}
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 #a0311e;color:#a0311e;text-align:center;font-size:18px;margin-left: 50%;transform: translate(-50%);}
main article.about-list .lernmore:hover{border:1px solid #a0311e;color:#fff;background:#a0311e}
.about-culture strong{font-size:20px;color:#a0311e;display:block;line-height:38px;margin-top:10px;font-weight:400}
.about-culture span{font-size:14px;display:block}

main article.about-list .team .notetext h3 a{font-size:34px;font-weight:400;color:#fff}
main article.about-list .team .notetext h3 a:hover{text-decoration:underline;color:#fff}
main article.about-list .team ul{float:left;width:52%;text-align:center}
main article.about-list .team li{float:left;width:50%}
main article.about-list .team li img{display:block;margin:0 auto}
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}

.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:30px;}
.contact-left img{width:50%; margin-top:10px;}
.contact-left h1{ border-bottom:1px solid #a0311e;}
.contact-main h1,h2{color: #a0311e;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 #a0311e;}
.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}

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

.application_list{ width:100%; margin-top:50px;}
.application_list h1{ width:auto; height:45px; line-height:45px; background:#e6e7e7; color:#FFF; font-size:20px; width:100%;font-weight:400;}
.application_list h1 span{ color:#fff;padding:0 20px;display:block;float:left;display:block;height:0;border-width:1px 15px 45px 0;border-style:none solid solid;border-color:transparent transparent #a0311e;line-height:45px}
.application_list ul li{float: left;width: 33%;display: block; margin-top:20px;}
.application_list ul li h4{ height:38px; line-height:38px; font-size:14px;}
.application_list ul li p{ width:90%; line-height:20px; font-size:12px; margin-bottom:20px; margin-top:5px; overflow:hidden; }
.application_list ul li img{ width:90%; display:block;}

@media(max-width:980px){
.applicatchan article{width:23%;float:left;margin:1%}
.pchanne2 article{width:100%;margin-top:30px;float:left}
.pchanne2 article h1{font-size:18px;color:#fff;background:#e6e7e7;margin-bottom:30px;float:left;font-weight:400;width:100%}
.pchanne2 article>h1>a{color:#fff;padding:0;display:block;width:auto;float:left;display:block;height:0;border-width:1px 15px 45px 0;border-style:none solid solid;border-color:transparent transparent #a0311e;line-height:45px;white-space:nowrap; padding:0 20px;}
.pchanne2 article>h1>span>a{color:#000;float:right;width:15px;margin:12px 16px; text-align:center;}
.pchanne2 article section{clear:both}
.pchanne2 article .thumb{width:40%;float:left;overflow:hidden;position:relative}
.pchanne2 article .thumb img{width:100%;height:auto}
.pchanne2 article .thumb h2 a{color:#fff;font-size:14px;}
.pchanne2 article .thumb h2{right:auto;top:auto;left:0;bottom:4px;line-height:26px}
.pchanne2 article .thumb span{right:auto;top:auto;left:0;bottom:25px}
.pchanne2 article ul{width:100%;float:left;overflow:hidden;position:relative;margin-left:-10px}
.pchanne2 article ul li{width:30.5%;float:left;margin:0 1% 0 1%;left:3%;position:relative}
.pchanne2 article .description span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:14px;line-height:20px}
.pchanne2 article .scrollwin{width:56%;overflow:hidden;float:left;margin-top:1%;margin-left:2%;position:relative;height:auto}
.pchanne2 article .scrollwin span{width:15px;height:78px;line-height:78px;text-align:center;background-color:#dcdddd;cursor:pointer}
.pchanne2 article li a img{width:100%;height:auto;float:left;overflow:hidden}
.pchannel-second article{width:30%;float:left;position:relative;margin:0 1%;left:2%}
.pchannel-second article .win img{width:100%;height:auto}
.lbleft{float:left;width:96%;margin:0 15px 0 0}

main.single article.content {width: 92%;margin: 0 auto;}
main.pchannel article section .thumb{float:none;margin:0 auto}
main.pchannel article section .description{width:335px;float:none;margin:0 auto}
main.pchannel article .scrollwin{float:none;margin:0 auto;padding:0 7.5px}
main.single article.content .showcase{width:100%;height:auto}
main.single article.content .showcase .media{height:auto}
main.single article.content .showcase .media img{height:auto;max-width:100%}
main.single article.content .brief{width:95%;height:auto;padding-left:5%;padding-bottom:10px}
main.single #case .text{float:none;margin:0 auto;padding:0}
main.single #case .win{width:100%;float:none}
.productparts ul li{width:31%;float:left;margin:0 1%;text-align:center}
.servicechannel article .faq{width:98%;margin:0 1%}
.service-policy{width:98%;margin:10px 1%}
article.special-report .list li{width:98%;margin:0 1%;border:none}
article.special-report .list li img{max-width:25%;height:auto}
article.special-report .list a{margin:0 auto;float:none}
.servicechannel article.faq .list li{height:auto;border:none;width:98%;margin:0 1%;position:static;padding:0}
.servicechannel article.faq .list time{float:left;margin-right:5px}
.servicechannel article.faq .list h1{float:left;position:static}
.servicechannel article.faq .list p{float:left;position:static}
.servicechannel article.faq .introduce{width:98%;margin:10px 1%}
.servicechannel article.download{width:98%;margin:0 1%}
.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:0 1%;border:none; margin-top:20px;}
.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 #case .win span.srocllleft{float:left}
main.single #case .win span.srocllright{float:right;background-position:-96px 5px}
main.single #case .win span:hover{border:1px solid #595757;width:48px}
main.single #related-products{width:100%;float:left; margin-bottom:0;}
main.single #related-products ul{width:100%;position:relative}
main.single #related-products h2{font-size:22px;}
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:50px;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:#a0311e;text-align:center;color:#fff}
main.single #related-products li .des .hover{display:none}
.application_list h1{ font-size:16px;}
.productparts h2{font-size:20px;line-height:24px;}
.contact-main h1,h2{line-height:24px;font-size:20px;}
main.single article.content .details h2{font-size:22px;line-height:34px;}

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

main.single article.content .details .contact{ height:45px;}

.newschannel article .page{ height:auto; margin-bottom:15px;}
.newschannel article.single .details p img{ width:100%; height:auto;}

}
@media(max-width:768px){
.pchannel-second article{width:30%;float:left;position:relative;margin:0 1%;left:2%}
.pchannel-second article .win img{width:100%;height:auto}
.lbleft{float:left;width:100%;margin:0 15px 0 0}
.newschannel article .list li{width:96%;float:left;font-size:15px;padding:20px 10px;border-top:1px solid #c9cacb}
.newschannel article .list time{float:left;color:#fff;width:20%;height:30px; margin-right:10px;line-height:30px;display:block;font-style:italic;text-indent:5px;background:#a0311e; text-align:center;}
.newschannel article .list li>div{float:left;width:100%}
.newschannel article .list li>div>h2{font-size:16px;line-height:18px;top:25px}
.newschannel article .list li>div>p{line-height:22px;margin-top:10px;display:none}
.productparts ul li{width:31%;float:left;margin:0 1%;text-align:center}
main.single article.content .brief{padding-top:0;}
main.single article.content .brief h1 {font-size: 18px;margin-bottom: 10px;}
.applicatchan article{width:31%;float:left;margin:1%}
.none {display: none;}
.newschannel .top-one-news>a>img {float: left;margin-right: 0;width: 100%;}
.contact-p{line-height: 30px; margin-top:20px;}
.applicatchan a .span1{font-size: 18px;}
.capacity  a .span1{font-size: 18px;}
.content .capacity .tab_1,.content .applicatchan .tab_1{display: block;width: 25%;height: 50px;background: #fff;border: 1px solid #ccc;float: left;margin-left: 15%;min-width:110px;}
.application_list ul li{ width:33.3%}
main article .about-history p{ width:43%;}
.innerbanner{ /*width:100%; height:90px; color:#FFF;*/ display:none;}

.news-banner{ background:url(../images/banner_news_1.jpg) center 0 no-repeat;}
.contact-banner{ background:url(../images/banner_contact_1.jpg) center 0 no-repeat;}
.about-banner{ background:url(../images/banner_about_1.jpg) center 0 no-repeat;}
.product-banner{background:url(../images/banner_product_1.jpg) center 0 no-repeat;}
.application-banner{background:url(../images/banner_application_1.jpg) center 0 no-repeat;}

}
@media(max-width:500px){
.application_img{ display:none;}
.application_list{ width:100%; margin:0;}
.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%;}
.lbleft{float:left;width:100%;margin:0 15px 0 0}
.pchanne2 article section:after{content: ".";visibility: hidden;height: 0;display: block;clear: both;}
.pchanne2 article .thumb{width:30%;float:left;overflow:hidden;position:relative}
.pchanne2 article .thumb img{width:100%;height:auto;vertical-align: middle;}
.pchanne2 article .thumb h2{display:none}
.pchanne2 article .description{padding:2px;float:right;border-left:1px solid #a0311e;margin-left:0;width:65%}
.pchanne2 article .scrollwin{width:100%;height:auto;overflow:hidden;float:left;margin-top:25px;margin-left:20px;position:relative}
.pchanne2 article .scrollwin{width:100%;overflow:hidden;float:left;margin-top:6px;position:relative;margin-left:0;}
.pchanne2 article ul{width:100%;float:left;overflow:hidden;position:relative;margin-left: 0;}
.pchanne2 article ul li{width:100%;margin:6px 0;left:0;}
.pchanne2 article li a img{width: 30%;float: left;}
.pchanne2 article li a h3{display: none;}
.pchanne2 article li p{display: block;width: 65%;float: right;padding: 2px;border-left: 1px solid #a0311e;}
.pchanne2 .scrollwin li p span{width:auto;height:auto;background: #fff;text-align: left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:14px;line-height:20px}
.pchannel-second article{width:45%;float:left;position:relative;margin:0 1%;left:2%}
.pchannel-second article .win img{width:100%;height:auto}
.pchannel-second article .win .des{display:none;}
.connav{width:100%;float:left;margin-top:32px}
.connav ul{width:100%;float:left}
.connav ul li{width:33%;float:left;height:54px;color:#000;border-radius:4px 4px 0 0}
.connav ul li:hover{width:33%;float:left;height:54px;color:#000;border-radius:4px 4px 0 0;background:#fff;}
.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 #a0311e;border-radius:4px 4px 0 0}
.connav ul li 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-bottom:2px solid #a0311e;}
.connav ul li:hover a{width:100%;float:left;height:50px; line-height:50px;color:#fff;display:block;text-align:center;font-size:12px}
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.single #related-products li{float:left;margin:0 2%;width: 46%;padding:0}
main.single #case .text{float:left;width:100%;height:auto;padding-bottom: 10px;}
main.single #case .win{float:right;width:100%;height:auto}
main article.about-list .team .notetext h3 a{font-size:34px;font-weight:400;color:#fff}
main article.about-list .team .notetext h3 a:hover{text-decoration:underline;color:#fff}
main article.about-list .team ul{float:left;width:100%;text-align:center}
main article.about-list .team li{float:left;width:50%}
main article.about-list .team li img{display:block;margin:0 auto}
main article .cert li{float:left;width:33%}
article.soso .list>li{width:90%;margin:0 auto;float:none}
article.soso .list>li>div,article.soso .list>li>img{width:100%;float:none;padding:0}
article.soso .list .detail{float:none}
main.single #case .win span.srocllleft,main.single #case .win span.srocllright{display:none}
.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, main article.about-list h2 {border-bottom: 1px solid #a0311e;line-height:30px;text-align: center;font-size: 26px;padding:0;font-weight: 400;}
.projectchannel article.single .brief img {float: left;margin-right: 0;width: 100%;}
.projectchannel article.single ul.applied li img {width: 100%;height: auto;margin-bottom: 10px;}
.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;}
.applicatchan h1 {font-size:24px;}
.newschannel{margin-top:0px;}
.projectchannel article.single {margin-top:10px;}
.newschannel article.single .details {margin-top:0;}
h1{font-size: 22px;margin: 10px 0;}
.servicechannel article.single h1{font-size:26px;margin-bottom:10px}
main.single article.content .details {margin:0;}
.main404{ width:100%; height:auto; margin:0 auto; background:none;}
.main404 h1{ font-size: 10em; text-align: center; display: block; color: #a0311e;}
.application_list ul { margin:0 auto; width:300px;}
.application_list ul li{width: auto !important; float: none !important; padding: 0 !important;}
.pchanne2 article .description span a{ color:#505050;}
}

@media(max-width:470px){
.application_list{ width:100%; margin:0;}
.contact-main h2{color: #a0311e;line-height:30px; font-size:18px;}
main.single article.content .details h1{font-size:20px;color:#a0311e;line-height:24px;margin:15px auto; text-align:center;}
main.single article.content .details .product_d_i{ float:left; width:auto; border:1px solid #ccc;}
main.single article.content .details .product_d_p{ float:left; width:100%;}
.pchannel-second article .win .des{display:none;}
.innerbanner p{display:none}
.pchanne2 article{margin-top:0;}
.connav{width:100%;float:left;margin-top:5px}
.lbleft{float:left;width:100%;margin:0 15px 0 0}
.newschannel article .list li{width:96%;float:left;font-size:15px;padding:15px 10px;border-top:1px solid #c9cacb}
.newschannel article .list time{float:left;color:#fff;width:25%;height:30px;line-height:30px; margin-right:10px;display:block;font-style:italic;text-indent:5px;background:#a0311e; text-align:center;}
.newschannel article .list li>div{float:left;width:100%}
.newschannel article .list li>div>h2{padding-top:5px;}
.newschannel article .list li>div>p{line-height:22px;margin-top:10px;display:none}
.productparts ul li{width:48%;float:left;margin:0 1%;text-align:center}
.contactFixed{position:fixed;margin:0 auto;bottom:0;max-width:469px;width:100%;z-index:99;background-color:#716E6E;display:block;}
.applicatchan article{width:48%;float:left;margin:1%}
.projectchannel article.single .brief img {float: left;margin-right: 0;width: 100%;}
.projectchannel article.single ul.applied li img {width: 100%;height: auto;margin-bottom: 10px;}
.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: #a0311e;line-height:30px; font-size:18px;}
.application_list{ width:100%; margin:0;}
main.single article.content .details .tag span{overflow:hidden}
.pchannel-second article .win .des{display:none;}
.applicatchan article{width:48%;float:left;margin:1%}
.pchanne2 article{margin-top:0;}
.connav{width:100%;float:left;margin-top:5px}
.lbleft{float:left;width:100%;margin:0 15px 0 0}
.newschannel article .list li{width:96%;float:left;font-size:15px;padding:15px 10px;border-top:1px solid #c9cacb}
.newschannel article .list time{float:left;color:#fff;width:25%;height:30px;line-height:30px; margin-right:10px;display:block;font-style:italic;text-indent:5px;background:#a0311e; text-align:center;}
.newschannel article .list li>div{float:left;width:100%}
.newschannel article .list li>div>h2{padding-top:5px;}
.newschannel article .list li>div>p{line-height:22px;margin-top:10px;display:none}
.productparts ul li{width:48%;float:left;margin:0 1%;text-align:center}
.projectchannel article.single .brief img {float: left;margin-right: 0;width: 100%;}
.projectchannel article.single ul.applied li img {width: 100%;height: auto;margin-bottom: 10px;}
.none {display: none;}
.newschannel .top-one-news>a>img {float: left;margin-right: 0;width: 100%;}
.pro_share{ float:left;}

}
@media(max-width:375px){
.pchanne2 article h1{ font-size:16px;}
.read_more ul li{ height:auto; line-height:26px; list-style:inside;}
.contact-main h2{color: #a0311e;line-height:30px; font-size:18px;}
.application_list{ width:100%; margin:0;}
.lbleft{float:left;width:100%;margin:0 15px 0 0}
.innerbanner p{display:none}
.connav{width:100%;float:left;margin-top:5px;margin-bottom: 10px;}
.pchanne2 article{margin-top:0;}
.connav ul{width:100%;float:left}
.connav ul li{width:50%;float:left;height:54px;color:#000;border-radius:4px 4px 0 0}
.connav ul li:hover{width:50%;float:left;height:54px;color:#000;border-radius:4px 4px 0 0;background:#fff;}
.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 #a0311e;border-radius:4px 4px 0 0}
.connav ul li a{width:100%;float:left;height:51px; line-height:51px;color:#000;display:block;text-align:center;font-size:12px;border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:2px solid #a0311e;}
.connav ul li:hover a{width:100%;float:left;height:50px; line-height:50px;color:#fff;display:block;text-align:center;font-size:12px}
.pchannel-second article .win .des{display:none;}
main article .about-history p{padding-top:20px;float:left}
main.single #case .win span.srocllleft,main.single #case .win span.srocllright{display:none}
main.single #related-products li{float:left;margin:0 2%;width: 46%;padding:0}
main article.about-list .team .notetext h3 a{font-size:34px;font-weight:400;color:#fff}
main article.about-list .team .notetext h3 a:hover{text-decoration:underline;color:#fff}
main article.about-list .team ul{float:left;width:100%;text-align:center}
main article.about-list .team li{float:left;width:50%}
main article.about-list .team li img{display:block;margin:0 auto}
.newschannel article .list li{width:96%;float:left;font-size:15px;padding:15px 10px;border-top:1px solid #c9cacb}
.newschannel article .list time{float:left;color:#fff;width:30%;height:30px;line-height:30px; margin-right:10px;display:block;font-style:italic;text-indent:5px;background:#a0311e; text-align:center;}
.newschannel article .list li>div{float:left;width:100%}
.newschannel article .list li>div>h2{padding-top:5px;}
.newschannel article .list li>div>p{line-height:22px;margin-top:10px;display:none}
.productparts ul li{width:48%;float:left;margin:0 1%;text-align:center}
.applicatchan article{width:48%;float:left;margin:1%}
.projectchannel article.single .brief img {float: left;margin-right: 0;width: 100%;}
.projectchannel article.single ul.applied li img {width: 100%;height: auto;margin-bottom: 10px;}
.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;}
main.single article.content .details .product_d_p span{ font-size:14px;}
main.single article.content .details .product_d_p{ font-size:14px;}
main.single article.content .details .product_d_i{ float:left; width:100%; border:1px solid #ccc;}
main.single article.content .details .product_d_p{ float:left; width:100%;}
main.single article.content .details h1{font-size:18px;color:#a0311e;line-height:24px;margin:15px auto; text-align:center;}

.pro_share{ float:left;}
}
@media(max-width:355px){
.contact-main h2{color: #a0311e;line-height:30px; font-size:18px;}
.innerbanner{display:none;}
.application_list{ width:100%; margin:0;}
main article .about-history p{padding-top:20px;float:left}
.lbleft{float:left;width:100%;margin:0 15px 0 0}
.pchanne2 article{margin-top:0;}
.connav{width:100%;float:left;margin-top:5px}
.pchannel article .scrollwin{width:100%;padding:0}
.pchannel article .thumb{width:100%}
main.pchannel article section .description{width:95%;padding:10px 0 10px 5%}
.pchannel article ul{width:204px;margin:0 auto;float:none}
main.single #related-products li{float:left;margin:0 2%;width: 46%;padding:0}
main article.about-list .team .notetext h3 a{font-size:34px;font-weight:400;color:#fff}
main article.about-list .team .notetext h3 a:hover{text-decoration:underline;color:#fff}
main article.about-list .team ul{float:left;width:100%;text-align:center}
main article.about-list .team li{float:left;width:50%}
main article.about-list .team li img{display:block;margin:0 auto}
.newschannel article .list li{width:96%;float:left;font-size:15px;padding:15px 10px;border-top:1px solid #c9cacb}
.newschannel article .list time{float:left;color:#fff;width:30%;height:30px;line-height:30px; margin-right:10px;display:block;font-style:italic;text-indent:5px;background:#a0311e; text-align:center;}
.newschannel article .list li>div{float:left;width:100%}
.newschannel article .list li>div>h2{padding-top:5px;}
.newschannel article .list li>div>p{line-height:22px;margin-top:10px;display:none}
.productparts ul li{width:48%;float:left;margin:0 1%;text-align:center}
.applicatchan article{width:48%;float:left;margin:1%}
.projectchannel article.single .brief img {float: left;margin-right: 0;width: 100%;}
.projectchannel article.single ul.applied li img {width: 100%;height: auto;margin-bottom: 10px;}
.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:460px;}
main.single article.content .details .product_d_p span{ font-size:14px;}
main.single article.content .details .product_d_p{ font-size:14px;}
main.single article.content .details .product_d_i{ float:left; width:100%; border:1px solid #ccc;}
main.single article.content .details .product_d_p{ float:left; width:100%;}
main.single article.content .details h1{font-size:16px;color:#a0311e;line-height:24px;margin:15px auto}
.pro_share{ float:left;}
}
@media(max-width:320px){
.contact-left{margin-top:0}
/*.content {width:96%;margin:0 auto; height:auto; overflow:hidden;}*/

.contact-main h2{color: #a0311e;line-height:30px; font-size:16px;}
.contact-main h1{ margin:0 auto;}
.innerbanner{display:none;}
.service-policy .introduce .arrow{margin-right: 30px;}
.application_list{ width:100%; margin:0;}
.pchanne2 article>h1>a{color:#fff;padding:0;display:block;width:auto;float:left;display:block;height:0;border-width:1px 15px 45px 0;border-style:none solid solid;border-color:transparent transparent #a0311e;line-height:45px;white-space:nowrap; padding:0 5px;}
}