*{padding: 0;margin: 0;list-style: none;text-decoration: none;}
.wrap{width: 1200px;margin: 0 auto;}
.content{overflow: hidden;}
.head{overflow:hidden;margin-top:20px;margin-bottom:15px}
.head .logo{float:left;width:50%}
.head .tel{float:right}
.top{background:#bac3cd52;padding:9px 0;color:#555}
.top a{color:#555}
.head .logo h1 a,.head .logo h2 a{text-indent: -9999px; background: url(../images/logo.jpg) no-repeat; height: 70px; width:250px; display: block; float: left;}
.head .information{margin-top:5px;line-height:26px;color:#555;font-size:15px}
.head .information span{color:#07f;font-size:15px;font-weight:700}
.site_header{overflow:hidden;background:#07f}
.site_header li{float:left;margin-left:10px;width:15.7%;text-align:center}
.site_header li a{display:block;line-height:47px;color:#fff;text-align:center;font-size:15px;}
.site_header li a:hover{background:#e23211;color:#fff;text-decoration:none}
.site_header .icon{background:#e23211}
.banner{overflow: hidden;}
.pro-title {background: #fff;overflow: hidden;}
.pro_hot h2{color:#07f;font-size:24px;text-align:center; }
.pro_hot h2 span{font-weight: normal; color:#444; font-size:22px;}
.pro_hot .pro-subtitle{text-align:center;font-size:16px;margin-bottom:12px; color:#444; margin-top:15px;}
.pro_hot h3{font-size:21px;margin-top:10px;color:#444;border-top:1px solid #f0f0f0; font-weight:normal; padding-top:20px;}
.pro_hot .tit{font-size:20px;margin-top:10px;color:#444;border-top:1px solid #ccc; font-weight:bold; padding-top:10px;}
.pro_hot{ overflow:hidden; background:#f0f2f1;margin-top: 40px;}
.proright{float:right;width:48%; background:#f9f9f9; padding:0px 15px; padding-top:15px;padding-bottom:18px;}
.proleft{float:left;width:48%;}
.proright .price{ font-size:20px; color:#e23211; font-weight:700; margin-bottom:20px;}
.prosketch{background:#fff;border-radius:0 40px 0 0;padding:15px;margin-bottom:10px;border:1px solid #f0f2f1;}
.prosketch span{display:inline-block;border-radius:10px 0;background:#07f;color:#fff;margin-right:10px;padding:2px 5px;line-height:18px;font-size:14px;}
.protrait{overflow:hidden; margin-bottom:10px;}
.protrait p{ margin-top:10px; font-size:15px; line-height:32px; color:#444}
.protrait p span{ padding:5px 10px;border:1px solid #dedede; margin-left:5px; font-size:15px;color:#193984}
.proknow{background:#fff;border-radius:0 0 40px  0;padding:15px;border:1px solid #f0f2f1; overflow:hidden}
.proknow span{ background:#07f; color:#fff; padding:5px 10px; margin-right:10px;}
.prosketch p i{font-style: normal; font-size:16px;font-weight: bold;}
.prosketch p{ margin-bottom:10px;font-size:15px;color:#444;line-height:28px;}
.prosketch p d{color: #E23211;margin-right: 20px;}
.prosketch p u{border:1px solid #ccc; padding:5px 20px;color:#07f;}
.provideo{overflow:hidden; margin-top:40px;}
.provideo ul{overflow:hidden;margin-left:-1.5%;}
.provideo li{float:left;width:23%;margin-left:1.5%; text-align:center;box-shadow: 0 5px 10px #ccc; margin-bottom:20px;border:1px solid #f0f0f0; padding-bottom:8px;}
.provideo li p{color: #444;font-size: 15px;margin-bottom: 5px;line-height: 28px;}
.provideo li p video{width: 100%;height:180px;}
.provideo h3 {font-size: 24px;color: #333;text-align: center;font-weight: normal;}
.provideo .provideo-subtitle{text-align: center;font-size: 16px;margin-bottom:12px;color: #444;margin-top: 15px;}
.proknow .proplan{color: #e23211;}
.proknow p{margin-bottom: 5px;font-size:15px;color:#444;line-height:28px;}
.proknow p i{color: #e23211;font-style: normal;}
.proknow span {background: #e23211;color: #fff;padding: 5px 10px;margin-right: 10px;}
.proshow{overflow:hidden;margin-top:40px}
.hot_products{float:right;width:76%}
.hot_products h3{font-size:24px;margin-bottom:20px;font-weight: normal;color:#333;border-bottom: 1px solid #eee;padding-bottom: 5px;}
.hot_products li{float:left;width:23.5%;margin-left:1.5%;margin-bottom:25px;text-align:center;background: #fff;-webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,.16);box-shadow: 0 4px 6px 0 rgba(0,0,0,.16); padding-bottom:8px; overflow:hidden}
.hot_products li:hover{cursor: pointer;background-color: #fff;}
.hot_products ul{margin-left: -1.5%;overflow: hidden;margin-top:30px;}
.hot_products li a{ color:#444; font-size:15px; line-height:32px}
.hot_products li img{width:90%;height:auto}
.index_pro_sidebar{float:left;width:20%;border:1px solid #e8e8e8;}
.index_pro_sidebar h3{line-height:55px;text-align:center;font-size:24px;color:#07f; font-weight: normal;background:#fff;}
.index_pro_sidebar dl{ overflow:hidden}
.index_pro_sidebar dt{ background:#07f; line-height:42px;margin-top:12px;margin-bottom:10px; font-size:16px; color:#fff; padding-left:15px;}
.index_pro_sidebar dt a{font-size:15px; color:#fff; padding-left:15px;}
.index_pro_sidebar dd{line-height:45px; padding-left:15px;border-bottom:1px dashed #f0f2f1;}
.index_pro_sidebar dd a{ font-size:15px; color:#444;padding-left:9px;}
.index_pro_sidebar dd:hover a{color: #e23211;text-decoration: underline;}
.proparameter{overflow:hidden;margin-top:40px; }
.proparameter h3{font-size: 24px;color: #333;text-align: center;font-weight: normal;}
.parameter-fr{ float:left; width:52%; margin-top:20px;}
.parameter-fr td{line-height:40px;}
.parameter-fl{ float:right; width:45%; margin-top:20px; background:#f6f6f6; padding:10px;}
.parameter-fl p{ font-size:15px; line-height:28px; color:#444; margin-bottom:10px;border-bottom:1px dashed #fff; padding-bottom:8px;}
.parameter-fl p span{ font-size:17px;}
.parameter-fl p i{color:#07f;font-style: normal;}
.parameter h3{font-size: 24px;color: #444;text-align: center;font-weight: normal;}
.parameter-fl .change{ color:#e23211; font-size:14px;}
.profeature{overflow: hidden;margin-top: 40px;}
.profeature h3{font-size: 24px;color: #444;text-align: center;font-weight: normal;}
.profeature .feature-subtitle{text-align: center;font-size: 16px;margin-bottom:12px;color: #444;margin-top: 15px;}
.profeature dl{overflow: hidden;margin-left: -1.5%;}
.profeature dd{float: left;width: 21.8%;margin-left:1.5%;overflow: hidden; padding: 10px;background: #fff;box-shadow: 0 5px 10px #878686;margin-bottom: 18px;margin-top: 10px;}
.profeature dd p {margin-bottom:8px;font-size: 15px;color: #444;line-height: 28px;}
.profeature dd p span{color: #07f;font-size: 16px;}
.profeature dd p img{width: 100%;height: auto;}
.prorange{overflow: hidden;margin-top: 40px;}
.prorange h3{font-size: 24px;color: #333;text-align: center;font-weight: normal;}
.prorange .range-subtitle{text-align: center;font-size: 16px;margin-bottom:12px;color: #444;margin-top: 15px;}
.prorange p span{font-size: 16px;color: #07f;font-weight: normal;}
.prorange p{margin-bottom: 6px;font-size: 15px;color: #444;line-height: 28px;}
.prorange p i{font-style: normal;color: #e23211;}
.prorange dl{overflow: hidden;margin-left: -1.3%;}
.prorange dd{float: left;width: 21.8%;margin-left:1.5%;overflow: hidden; padding: 10px;background: #fff;box-shadow: 0 5px 10px #878686;margin-bottom: 18px;margin-top: 10px;}
.prorange dd p.img img{width: 100%;height: auto;}
.procase{overflow: hidden;margin-top: 40px;}
.procase h3{font-size: 24px;color: #333;text-align: center;font-weight: normal;}
.procase dl.caseshow{margin-bottom: 40px;}
.procase dl{overflow: hidden;margin-left: -1.5%;}
.procase dd{float: left;width: 23.3%;margin-left:1.5%;overflow: hidden;text-align: center;border: 1px solid #eee;margin-bottom: 18px;margin-top: 10px;font-size: 15px;color: #444;line-height: 28px;margin-bottom: 8px;padding-bottom: 5px;}
.procase dd img{width: 100%;height: auto;}
.procase dd p{font-size: 15px;color: #444;line-height: 28px;margin-bottom: 8px;}
.procase dd p span{color: #0077FF;}

.procase .case-subtitle{text-align: center;font-size: 16px;margin-bottom:12px;color: #444;margin-top: 15px;}
.proabout{overflow: hidden;margin-top: 40px;background: #f9f9f9;padding: 20px 0;}
.proabout h3{font-size: 24px;color: #333;text-align: center;font-weight: normal;}
.proabout .aboutfl{float: left;width: 48%;}
.proabout .aboutfr{float: right;width: 46%;padding:20px;background: #fff;border: 1px solid #eee;}
.proabout .about-subtitle{text-align: center;font-size: 16px;margin-bottom:12px;color: #444;margin-top: 15px;}
.proabout .aboutfr p{line-height: 32px;font-size: 15px;color: #444;margin-bottom: 10px;}
.proabout .aboutfr p span{color: #0077FF;}
.proabout .aboutfr p a{float: right;padding:3px 35px;background: #07f;border-radius: 15px;color: #fff;}
.pronews{overflow: hidden;margin-top: 40px;}
.pronews h3{font-size: 24px;color: #333;font-weight: normal;border-bottom: 1px solid #eee;padding-bottom: 5px;margin-bottom: 20px;}
.pronews .newsleft{float: left;width: 46%;padding:15px;border: 1px solid #eee;}
.pronews .newsright{float: right;width: 46%;padding:15px;border: 1px solid #eee;}
.pronews .newsleft ul{overflow: hidden;}
.pronews .newsleft li{line-height: 32px;margin-bottom:19px;font-size: 15px;border-bottom: 1px solid #eee;padding-bottom: 5px;}
.pronews .newsleft li a{color: #444;}
.pronews .newsleft li span{float: right;font-size: 14px;color: #777;}
.pronews .newsleft li:hover a{color: #e23211;text-decoration: underline;}
.pronews .newsright dl{margin-bottom: 15px;border-bottom: 1px solid #eee;padding-bottom: 5px;}  
.pronews .newsright dl dt{font-size: 16px;color: #e23211;margin-bottom: 10px;line-height: 28px;}
.pronews .newsright dl dt span{color: #fff;background: #e23211;padding: 2px 5px;}
.pronews .newsright dl dd{font-size: 15px;color: #07f;margin-bottom: 10px;line-height: 28px;}
.pronews .newsright dl dd span{color: #fff;background: #07f;padding: 2px 5px;}
.footer{overflow: hidden;margin-top: 40px;background: #f0f0f0;padding: 20px 0;}
.footer .footernav{background: #07f;line-height: 40px;text-align: center;color: #fff;}
.footer .footernav a{font-size: 15px;color: #fff;}
.footertheme{margin-top: 10px;}
.footertheme p{font-size: 15px;color: #444;line-height: 28px;text-align: center;}
.footer_bb{font-size: 14px;color: #555;margin-top: 20px;line-height: 30px;}
.footer_bb a,.footertheme p a{color: #555;}
.porductcenter,.caselist,.articlelist,.aboutus{float:right;width:76%}
.porductcenter h1{font-size: 24px;color: #111;border-bottom:1px solid #eee;padding-bottom: 5px;}
.porductcenter p{font-size: 15px;color: #444;line-height: 28px;margin-bottom: 8px;}
.productshow{overflow: hidden;margin-top: 20px;}
.productshow ul{margin-left: -1.5%;overflow: hidden;margin-top:30px;}
.productshow li{float:left;width:23.5%;margin-left:1.5%; line-height:32px;color:#444; font-size:15px;margin-bottom:25px;text-align:center;background: #fff;-webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,.16);box-shadow: 0 4px 6px 0 rgba(0,0,0,.16); padding-bottom:8px; overflow:hidden}
.productshow li a{ color:#444; font-size:15px}
.productshow li:hover a{color: #0077FF;text-decoration: underline;}
.productshow li img{width:100%;height:162px}
.porductcenter h2{font-size: 20px;color: #0077FF;margin-bottom: 20px;}
.porductcenter .showtit{font-size: 18px;color: #0077FF;}
.porductcenter .product_sub{margin-top: 15px;background:#e9f3ff;padding: 12px;}
.porductcenter .product_sub span{color: #e23211;}
.productparament,.productarea,.productway{overflow: hidden;margin-top: 30px;}
.porductlist{float:left;width:20%;border:1px solid #e8e8e8;}
.porductlist .listtitle{line-height:55px;text-align:center;font-size:24px;color:#07f; font-weight: normal;background:#fff;}
.hot_products li:hover a{ color:#e23211;text-decoration: underline;}
.porductlist dl{ overflow:hidden}
.porductlist dt{ background:#07f; line-height:42px;margin-top:12px;margin-bottom:10px; font-size:16px; color:#fff; padding-left:15px;}
.porductlist dd{line-height:45px; padding-left:7px;border-bottom:1px dashed #f0f2f1;}
.porductlist dd a{ font-size:15px; color:#444;padding-left:9px;}
.porductlist dd:hover a{color: #0077FF;text-decoration: underline;}
.position{overflow: hidden;padding: 10px 0;background: #f9f9f9;margin-bottom: 40px;}
.position .path{font-size: 14px;color: #777;}
.position .path a{color: #777;}
.relatednews{overflow: hidden;margin-top: 30px;}
.relatednews .newstit{font-size: 18px;color: #0077FF;border-bottom: 1px solid #eee;padding-bottom: 5px;}
.relatednews ul{margin-left: -3%;margin-top: 20px;overflow: hidden;}
.relatednews ul li{float: left;width: 47%;margin-left:3%;margin-bottom: 15px;border-bottom: 1px solid #eee;line-height: 32px;}
.relatednews ul li a{color: #444;font-size: 15px;}
.relatednews ul li:hover a{color: #0077FF;text-decoration: underline;}

.caselist h1{font-size: 24px;color: #111;border-bottom:1px solid #eee;padding-bottom: 5px;}
.caselist h2{font-size: 20px;color: #0077FF;margin-bottom: 20px;}
.arealist{overflow: hidden;margin-top:15px;}
.caselist .casetitle{font-size: 18px;color: #0077FF;margin-top:25px;margin-bottom: 10px;padding-left: 25px;background: url(../images/ico_5.jpg) no-repeat 0 4px;border-bottom: 1px solid #eee;padding-bottom: 5px;}
.caselist p{font-size: 15px;color: #444;line-height: 28px;margin-bottom: 8px;}
.arealist p span{color: #e23211;font-size: 16px;}
.arealist ul{overflow: hidden;margin-top: 15px;margin-left: -1.5%;margin-bottom: 20px;}
.arealist ul li{float: left;width: 23.2%;margin-left: 1.5%;border: 1px solid #eee;padding-bottom: 5px;text-align: center;line-height: 28px;}
.arealist ul li video{width: 100%;}
.arealist ul li a{color: #444;font-size: 15px;}
.arealist ul li:hover{border: #0077FF 1px solid;}
.arealist ul li:hover a{color: #0077FF;}
.clientcase dl{overflow: hidden;margin-top: 15px;margin-left: -1.5%;}
.clientcase dl dd{float: left;width: 23%;margin-left: 1.5%;border: 1px solid #eee;padding-bottom: 5px;text-align: center;margin-bottom: 20px;}
.clientcase dl img{width: 100%;height: auto;}
.clientcase dl dd i{color: #0077FF;font-style: normal;}
.articlelist h1{font-size: 24px;color: #111;border-bottom:1px solid #eee;padding-bottom: 5px;margin-bottom: 20px;}
.articlelist p{font-size: 15px;color: #444;line-height: 28px;margin-bottom: 8px;}
.articlelist p a{background: #E23211;color: #fff;padding: 5px 15px;margin: 0 5px;}
.articlelist h2{font-size: 20px;color: #0077FF;margin-bottom: 20px;}
.articlelist ul{overflow: hidden;margin-left: -2%;margin-top: 45px;}
.articlelist ul li{float: left;width: 45%;margin-left: 2%;border-bottom: 1px solid #eee;padding-bottom: 5px;margin-bottom: 20px;line-height: 30px;}
.articlelist ul li a{color: #444;font-size: 15px;}
.articlelist ul li:hover a{color: #0077FF;text-decoration: underline;}
.articlelist .showpage{overflow: hidden;margin-top: 15px;text-align: center;width: 100%;}
.articlelist .showpage li{width:auto;margin-right: 10px;}
.articlelist .showpage li:hover a{color: #07f;}
.articlelist li span{float: right;font-size: 14px;color: #666;}
.productrecommend{overflow: hidden;margin-top: 30px;}
.recommendtit{font-size: 18px;color: #0077FF;border-bottom: 1px solid #eee;padding-bottom: 5px;}
.productrecommend dl{overflow: hidden;margin-top: 15px;margin-left: -1.5%;margin-bottom: 20px;}
.productrecommend dl dd{float: left;width: 23.2%;margin-left: 1.5%;border: 1px solid #eee;padding-bottom: 5px;text-align: center;line-height: 28px;margin-bottom: 20px;}
.productrecommend dl dd a{color: #444;font-size: 15px;}
.productrecommend dl dd:hover{border: #0077FF 1px solid;}
.productrecommend dl dd:hover a{color: #0077FF;}
.aboutus h1{font-size: 24px;color: #111;border-bottom:1px solid #eee;padding-bottom: 5px;margin-bottom: 20px;}
.aboutus p{font-size: 15px;color: #444;line-height: 28px;margin-bottom: 8px;}
.aboutus h2{font-size: 20px;color: #0077FF;margin-bottom: 20px;}
.aboutus p span{color: #0077FF;}
.aboutus .abouttitle{font-size: 20px;color: #0077FF;margin-bottom: 15px;border-bottom: 1px solid #eee;padding-bottom: 5px;}
.aboutus dl,.aboutus ul{overflow: hidden;margin-left: -1.5%;margin-top: 20px;}
.aboutus dl dd{float: left;width: 23.2%;margin-left: 1.5%;padding-bottom: 5px;text-align: center;line-height: 28px;margin-bottom: 20px;}
.aboutus dl dd img,.aboutus ul img{width: 100%;height: auto;}
.aboutus ul li{float: left;width: 23.2%;margin-left: 1.5%;padding-bottom: 5px;text-align: center;line-height: 28px;margin-bottom: 20px;border: 1px solid #eee;}
.aboutus ul li a{color: #444;font-size: 15px;}
.aboutus ul li:hover a{text-decoration: underline;color: #07f;}
.contact{overflow: hidden;margin-top: 40px;} 
.contact h2{font-size: 24px;text-align: center;color: #222;margin-bottom: 25px;}
.contact p{font-size: 15px;color: #444;line-height: 28px;margin-bottom: 8px;text-align: center;}
.contact dl{overflow: hidden;margin-left: -5%;margin-top: 20px;}
.contact dl dd{font-size: 15px;float: left;width: 25%;padding:15px;margin-left:5%;}
.contact dl dd p.c-tel {background: #007ef3 url(../images/c-tel.png) no-repeat center;height: 100px;text-indent: -9999px;border-radius: 5px;}
.contact dl dd p.c-phone {background: #007ef3 url(../images/c-phone.png) no-repeat center;height: 100px;text-indent: -9999px;border-radius: 5px;}
.contact dl dd p.c-mail {background: #007ef3 url(../images/202201131552.png) no-repeat center;height: 100px;text-indent: -9999px;border-radius: 5px;}

.articlepro,.articlecontent{float:right;width: 76%;}
.articlepro .protop{overflow: hidden;}
.protop .protopfl{float: left;width: 45%;}
.protop .protopfl img{width: 100%;height: auto;}
.protop .protopfr{float:right;width: 51%;padding:13px;border: 1px solid #eee;}
.protop .protopfr h1{font-size: 26px;color: #0077FF;margin-bottom: 15px;}
.protop .protopfr p{color: #444;line-height: 28px;margin-bottom: 8px;font-size: 15px;}
.protop .protopfr p.protop_sub i{color: #e23211;font-style: normal;margin-left:8px;margin-right:8px;}
.protop .protopfr p.protop_price em{color: #e23211;font-style: normal;margin-right: 5px;font-size: 18px;}
.protop .protopfr p.protop_price{margin-top:15px; padding: 10px; background: #f0f0f0;overflow: hidden;}
.protop .protopfr p.protop_price a{float: right;color: #fff;background: #0077FF;padding:4px 15px;border-radius: 10px;}
.protop .protopfr p.protop_price:hover a{background: #E23211;}
.protop_parament span{color: #e23211;margin-right: 10px;}
.protop .protopfr p d{font-size: 19px;color: #07f;}
.procontent{overflow: hidden;margin-top: 30px}
.procontent h2{font-size: 20px;color: #0077FF;margin-bottom: 10px;margin-top: 15px;}
.procontent p{color: #444;line-height: 28px;margin-bottom: 8px;font-size: 15px;}
.procontent p span{color: #0077FF;}
.procontent p a,.procontent h2 a,.articlecontent p a{color: #e23211;}
.relatedproducts{overflow: hidden;margin-top: 30px;}
.relatedproducts .productstit{font-size: 18px;color: #0077FF;border-bottom: 1px solid #eee;padding-bottom: 5px;}
.relatedproducts ul{overflow: hidden;margin-top: 20px;margin-left: -1.5%;}
.relatedproducts ul li{float: left;width: 23.1%;margin-left: 1.5%;line-height: 28px;text-align: center;border: 1px solid #eee;font-size: 15px;}
.relatedproducts ul li a{color: #444;}
.relatedproducts ul li:hover a{color: #0077FF;text-decoration: underline;}
.articlecontent h1{font-size: 26px;color: #111;margin-bottom: 15px;text-align: center;}
.articlecontent h2{font-size: 20px;color: #0077FF;margin-bottom: 10px;margin-top: 15px;}
.articlecontent h2{font-size: 18px;color: #0077FF;margin-bottom: 10px;margin-top: 15px;}
.articlecontent p{color: #444;line-height: 28px;margin-bottom: 8px;font-size: 15px;}
.articlecontent p.articleinfo{text-align: center;height: 35px;line-height: 35px;font-size: 14px;color: #666;}
.article_ask{overflow: hidden;margin-top: 20px;background: #e9f3ff;padding:20px 10px;margin-bottom: 20px;}
.article_ask .tel{float: left;}
.article_ask .tel d{color: #0077FF;font-size: 20px;}
.article_ask .askbtn{float:right;}
.article_ask .askbtn a{padding:8px 36px;background: #0077FF;color: #fff;font-size: 15px;}
.article_ask .askbtn a:hover{background: #e23211;}


@media (max-width:1200px){
.banner img,.caselist p img,.relatedproducts ul li img{width:100%;height:auto}
.wrap{ width:99%;}
}	
@media screen and (min-width:1000px) and (max-width: 1200px){
.wrap{ width:99%;}
.proleft img,.proabout .aboutfl img{width: 100%;height: auto;}
.hot_products li{width: 31%;}
.index_pro_sidebar dd{overflow: hidden;text-emphasis: none;white-space: nowrap;}
.arealist ul li img{width: 100%;height: auto;}
}
@media screen and (min-width:767px) and (max-width: 999px){
.hot_products li{width: 31%;}
.index_pro_sidebar dd{overflow: hidden;text-emphasis: none;white-space: nowrap;}
.hot_products li img{height: 152px;}
.profeature dd,.prorange dd{width: 20.8%;}
.head .logo{width:65%;}
.procase dd{width: 23%;}
.proabout .aboutfl img{width: 100%;height: auto;}
}
@media (max-width:767px){
.head .tel{display: none;}
.site_header li{width: 22.7%;}
.head .logo{width:100%;}
.proleft img,.proabout .aboutfl img{width: 100%;height: auto;}
.index_pro_sidebar{width: 99%;}
.hot_products{width:99%;}
.hot_products li img{height:auto;}
.proleft{width:99%;margin-bottom: 20px;}
.proright{float: left;width: 96%;}
.proabout .aboutfl{width: 99%;}
.proabout .aboutfr{width:99%;float: left;margin-bottom: 20px;padding: 0;margin-left: 5px;}
.pronews .newsleft,.pronews .newsleft{width:95%;float: left;margin-bottom: 20px;}
.parameter-fr,.parameter-fl{width: 100%;float: left;margin-bottom: 20px;}
.hot_products li{width: 31.5%;}
.profeature dd,.prorange dd{width: 20.8%;}
.procase dd{width: 31.3%;}
.pronews .newsright{width: 95%;}
.porductcenter, .caselist, .articlelist, .aboutus{width: 100%;}
.porductlist{width: 99%;margin-top: 20px;}
.productshow li{width: 31.5%;}
.productshow li img{height: 180px;}
.porductcenter p img{width: 100%;height: auto;}
.arealist ul li img{width: 100%;height: auto;}
.clientcase dl dd{width: 31%;}
.articlepro, .articlecontent{width: 100%;}
.protop .protopfr{width: 100%;padding: 13px 0;}
.protop .protopfl{width: 100%;margin-top: 20px;}
.procontent p img{width:100%!important;height: auto!important;}
.relatedproducts ul li img{width:100%;height:auto}
.articlelist ul li span{display: none;}
}
@media (max-width:680px){.provideo li{width: 48%;}
.profeature dd,.prorange dd{width: 44.8%;}
.procase dd{width: 47.3%;}
.prorange dd{height: 360px;}
.productshow li{width: 48.5%;}
.productshow li img{height: auto;}
.arealist ul li{width: 47.2%;margin-bottom: 20px;}
.clientcase dl dd{width: 31%;}
.hot_products li{width: 47.5%;}
.relatedproducts ul li{width: 48%;margin-bottom: 20px;}
.articlelist ul li{width: 96%;}
.productrecommend dl dd{width: 48%;margin-bottom: 20px;}
.aboutus ul li{width: 47.2%;}
.aboutus dl dd{width: 48.2%;}
}
@media (max-width:550px){
.head .information{display: none;}
.hot_products li{width: 47.5%;}
.prorange dd{height: 360px;}
.clientcase dl dd{width: 48%;}
.relatedproducts ul li{width: 48%;margin-bottom: 20px;}
.relatednews ul li{width: 96%;}

}		
@media (max-width:520px){
.contact dl dd{width: 91%;}
.site_header li{width: 30.7%;}
	.profeature dd, .prorange dd{width: 43.8%;}
.pro_hot h2,.hot_products h3,.index_pro_sidebar h3,.provideo h3,.profeature h3,.proparameter h3,.prorange h3,.procase h3,.proabout h3,.pronews h3{font-size: 22px;}
.pro_hot .pro-subtitle,.index_pro_sidebar dt,.provideo .provideo-subtitle,.profeature .feature-subtitle,.profeature dd p span,.prorange .range-subtitle,.procase .case-subtitle,.proabout .about-subtitle,.pronews .newsright dl dt{font-size: 15px;}
.procontent p,.porductcenter p,.prosketch p,.proknow p,.hot_products li a,.index_pro_sidebar dd a,.provideo li p,.profeature dd p,.parameter-fl p,.prorange p,.procase dd p,.proabout .aboutfr p,.pronews .newsleft li,.pronews .newsright dl dd,.footer .footernav a,.footertheme p{font-size: 14px;}
}
@media (max-width:360px){
	.profeature dd, .prorange dd{width: 42.8%;}
.provideo li{width: 47%;}
.footer_bb {display: none;}
}