@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1023px)  {
html,body{max-width:750px; margin:0 auto; font-size:1.4rem;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}


/* --- 栏目 --- */
.column{text-align:center; margin-top:2rem; margin-bottom:2rem;}
.column h2{font-size:1.8rem; font-weight:lighter;}
.column i{width:5rem; background:#ccc; margin:0 auto; display:block; height:1px; margin-top:1rem;} 
.column p{color:#999; max-width:90%; margin:0 auto; margin-top:1rem; font-size:1.4rem;}


/* --- 顶部 --- */
.top{color:#fff; text-align:center; overflow:hidden;}

/* 欢迎词 */
.welcome{text-align:center;background:#1C2E46; font-size:1.4rem; line-height:3.5rem; height:3.5rem;}

/* 电话 */
.top .right .tel{ background:#BF1A20; line-height:3.5rem; height:3.5rem}
.top .right .tel em{}
.top .right .tel em.tel-400{}

/* 搜索 */
.search{position:relative; background:#efefef; }
.search input{ background:#3F526E; border:none; padding-left:1rem; color:#ccc; transition:all .3s ease; width:100%;  line-height:3.5rem; height:3.5rem;}
.search button{background:url(../images/search.png) no-repeat 0 center; height:3.5rem; position:absolute; right:1rem; width:2rem; border:none; top:0; cursor:pointer;}
.search input:focus{background:#fff;}


/* --- 头部 --- */
.wap-header{ padding:1.2rem; overflow:hidden;}

/* logo */
.logo{float:left; width:80%;}

/* 导航 */
.wap-nav{}
.drawer-nav{z-index:200;}
.drawer-nav li{height:3.5rem; line-height:3.5rem; text-align:center; border-bottom:1px solid #efefef; font-size:1.4rem;}
.drawer-nav li.now{background:#f9f9f9;}


/* --- banner --- */
.banner-box{ }

/* 产品搜索 */
.product-search{}

/* 产品搜索 条件 */
.product-search .form{color:#fff; margin-bottom:20px; background:#333; padding:1.5rem 1.5rem 1rem 1.5rem;}
.product-search .form h2{color:#fff; font-weight:lighter; text-align:center; margin-bottom:1.5rem; font-size:1.6rem;}
.product-search .form li{overflow:hidden; margin-bottom:1.5rem; line-height:3rem;}
.product-search .form li .text{float:left;line-height:3rem; width:20%;}
.product-search .form li .select{float:right; overflow:hidden; width:75%;}
.product-search .form li .select select{  line-height:3rem; height:3rem; border:none;border-radius:5px; padding-left:1rem; width:100%;}
.product-search .form button{background:url(../images/search-back.png) repeat-x;  line-height:3rem; height:3rem; text-align:center; width:75%; border:none; font-size:18px; border-radius:5px; cursor:pointer; display:block;}
.product-search .form button:active{background:url(../images/search-back-hover.png) repeat-x;}

/* 产品搜索 广告 */
.product-search .notice{background:url(../images/laba.png) no-repeat 1rem 1.5rem #fff; border-bottom:1rem solid #efefef; padding:0rem 1.5rem 1.5rem 4rem; font-size:1.4rem;}
.product-search .notice a{color:#3C6EDE;}


/* --- 产品用途 --- */
.purpose{border-bottom:1rem solid #efefef; overflow:hidden; padding-bottom:1.5rem;}
.purpose ul{ padding:0 .75rem}
.purpose li{float:left; width:50%; text-align:center;  padding:.75rem;}
.purpose li .pic{overflow:hidden;}
.purpose li .text{padding:0;}
.purpose li .text h3{margin-bottom:.75rem; font-size:1.4rem; margin-top:1rem; }
.purpose li .text p{color:#999; height:3.2rem; line-height:1.6rem; overflow:hidden; font-size:1.2rem;}
.purpose li .text em{background:url(../images/huoyan.png) no-repeat center center; height:1.2rem; display:block; margin-top:.5rem;}
.purpose li a:hover h3{color:#BF1A20;}


/* --- 为什么选择 --- */
.why-choose{background:#f9f9f9; overflow:hidden}
.why-choose .box .pic{ padding:0 1.5rem;}
.why-choose .box .text{ padding:1.5rem;}
.why-choose .box .text p.dep{margin-bottom:30px;}
.why-choose .box .text ul li{overflow:hidden; margin-bottom:1.5rem; border-bottom:1px dashed #ddd; padding-bottom:1.5rem;}
.why-choose .box .text ul li em{display:block; float:left; width:20%; margin-top:1rem;}
.why-choose .box .text ul li span{float:left; width:80%;}
.why-choose .box .text ul li span h3{margin-bottom:.5rem; font-size:1.4rem;} 
.why-choose .box .text ul li span p{color:#999; font-size:1.4rem;}
.why-choose .box .text .more{background:#fff; border:1px solid #00B1E0; width:40%; height:3rem; line-height:3rem; border-radius:6px; display:block; text-align:center; margin:0 auto;}
.why-choose .box .text .more a{background:url(../images/arrow.png) no-repeat right; padding-right:30px;  transition:all .3s ease;}


/* --- 媒体报道 --- */
.media{overflow:hidden; padding:1.5rem ; border-bottom:1rem solid #efefef; }
.media ul{overflow:hidden; }
.media li{text-align:center; border-bottom:1px dashed #efefef; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.media li .pic{width:7.5rem; height:7.5rem; border:1px solid #ddd; border-radius:100%; overflow:hidden; margin:0 auto; margin-bottom:15px;}
.media li h3{margin-bottom:1rem; font-size:1.6rem;}
.media li p{color:#999; font-size:1.4rem;}

.media .more a{border:1px solid #ddd; width:150px; height:40px; line-height:40px; display:block; text-align:center; border-radius:100px; margin:0 auto;  transition:all .3s ease;}
.media .more a:hover{background:#3BC1E6; color:#fff; border:1px solid #3BC1E6;}



/* --- 新闻 --- */
.news{overflow:hidden; border-bottom:1rem solid #efefef;}

/* 标题 */
.news .title{ position:relative; overflow:hidden; margin-bottom:1rem; border-bottom:1px solid #efefef; padding-bottom:1rem;}
.news .title h3{float:left; font-size:1.8rem;  text-align:center;}
.news .title p{float:right; font-size:1.2rem;}
.news .title p a{color:#3BC1E6; }

/* 列表 */
.news-box{}
.news-box .box{ padding:1rem 1.5rem 0 1.5rem;}
.news-box li{margin-bottom:1rem;  margin-bottom:1.5rem; border-bottom:1px dashed #efefef; padding-bottom:1.5rem;}
.news-box li h3{margin-bottom:1rem; font-size:1.6rem;}
.news-box li em{color:#3BC1E6; margin-bottom:1rem; font-size:1.2rem;}
.news-box li p{color:#999; font-size:1.4rem;}

/* 常见问题 */
.problem{background:#3BC1E6;}
.problem .title{}
.problem .title h3{color:#fff; }
.problem .title p{}
.problem .title p a{color:#fff;}

.problem .box{ padding:1rem 1.5rem 0 1.5rem;}
.problem .box li{overflow:hidden; border-bottom:1px solid #7BCCE5;padding:15px;}
.problem .box li em{float:left; width:10%; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff;}
.problem .box li span.text{float:right; width:90%; font-size:14px; color:#fff; line-height:200%;}
.problem .box li span.text h3{font-size:14px; color:#fff; }
.problem .box li span.text h3 a{ color:#fff; }
.problem .box li span.text p{font-size:12px;}



/* --- 客户 --- */
.wap-customer{border-bottom:1rem solid #efefef; padding-bottom:1rem;}
.wap-customer .swiper-container{padding-bottom:5rem;}



/* --- 友情链接 --- */
.friend{background:#30343B; border-top:1px solid #292B31; text-align:center; padding:1.5rem 0 ;}
.friend a{color:#9e9e9f; font-size:1.2rem; line-height:200%; display:inline-block; margin-left:.5rem; margin-right:.5rem;}
.friend a:hover{color:#fff;}



/* --- 底部 --- */
.footer{background:#30343B; overflow:hidden; color:#9e9e9f;}

/* 介绍 */
.footer-about{ padding:1.5rem; border-bottom:1px solid #23262C ; margin-bottom:2rem;}
.footer-about .dep{ margin-bottom:1.5rem;}
.footer-about ul li{line-height:200%; padding-left:2rem;}
.footer-about ul li.tel{background:url(../images/lx01.png) no-repeat 0 center;}
.footer-about ul li.email{background:url(../images/lx02.png) no-repeat 0 center;}
.footer-about ul li.map{background:url(../images/lx03.png) no-repeat 0 center;}

/* 介绍 */
.footer-safe{text-align:center;  border-bottom:1px solid #23262C ; overflow:hidden; padding-bottom:1rem;}
.footer-safe li{float:left; width:50%; text-align:center; margin-bottom:1rem;}

/* 链接 */
.footer-link{ padding:1.5rem; overflow:hidden;}
.footer-link dl{float:left; width:50%;}
.footer-link dl dt{ font-size:1.6rem; margin-bottom:1rem; color:#fff;}
.footer-link dl dd em{display:block; line-height:200%;}
.footer-link dl dd em a{color:#9e9e9f;}
.footer-link dl dd em a:hovre{color:#fff;}


/* --- 版权 --- */
.copyright{text-align:center; color:#9e9e9f;background:#30343B; border-top:1px solid #292B31; padding:1.5rem; line-height:150%; font-size:1.2rem;}
 .copyright a{color:#9e9e9f;}

/* --- 内页--- */
.page{overflow:hidden; margin-bottom:1.5rem;}
.page-left{}
.page-right{}

/* 内页标题 */
.page-right-title h2{ text-align:center; height:5rem; line-height:5rem; font-size:1.8rem;}

.page-left-title{ margin-top:1.5rem;}
.page-left-title h2{font-size:2rem; font-weight:lighter; text-align:center;}
.page-left-title p{background:#efefef; text-align:center; padding:1rem; margin-top:1.5rem; }


/* 优势 */
.advantage{background:#ECF0F3; overflow:hidden; border-bottom:1px solid #ddd; padding:1.5rem 0 0 0}
.advantage li{float:left; width:50%; text-align:center; margin-bottom:2rem;}
.advantage li .pic{ margin-bottom:1rem;}
.advantage li .text{}
.advantage li .text h3{font-size:1.4rem; margin-bottom:.5rem;}
.advantage li .text p{color:#999; font-size:1.2rem; width:80%; margin:0 auto; height:4rem; line-height:2rem;}

/* 当前位置 */
.path{background:#F6F6F6; padding:1rem;}
.path .wrap{background:url(../images/path.png) no-repeat 0 center; padding-left:2rem;}


/* --- 产品详情页 --- */

/* 产品图片 */
.product-pic { display:none;}
.wap-product-pic img{width:100%;}


/* 产品信息 */
.product-info{osition:relative;} 

/* 产品信息 标题 */
.product-info h1{font-size:1.6rem; font-weight:lighter;   padding:1.5rem; line-height:200%; background:#f9f9f9;}
.product-info ul{border-bottom:1px solid #efefef; overflow:hidden; padding:1.5rem;}
.product-info ul li{line-height:200%; color:#999;}
.product-info ul li a{color:#0282DD;}

/* 产品信息 打折*/
.product-info .sale{ overflow:hidden; padding:1.5rem;}
.product-info .sale em{background:#0282DD; color:#fff; padding:.5rem .7em; margin-right:1rem; border-radius:5px; font-family:Arial, Helvetica, sans-serif;}

/* 产品信息 热线*/
.product-info .tel{background:#0282DD; color:#fff; text-align:center; width:100%; padding:.2rem 1rem;}
.product-info .tel em{font-size:3rem; font-family: Georgia;}

/* 产品信息 为什么购买*/
.product-advantage{overflow:hidden;}
.product-advantage h3{text-align:center; font-size:2rem; font-weight:lighter; margin-top:2rem; margin-bottom:2rem;}
.product-advantage ul{ padding:0 1.5rem;}
.product-advantage li{background:url(../images/product-advantage.png) repeat-x; height:5.5rem; border:1px solid #ddd; text-align:center; color:#0282DD; float:left; width:50%; margin-bottom:1.5rem}
.product-advantage li em{display:block; line-height:3.6rem; font-family:Arial, Helvetica, sans-serif; font-size:1.6rem;}
.product-advantage li p{line-height:100%;}

/* 产品信息 介绍分类标题*/
.product-type-title{background:#efefef; padding:1rem; margin-bottom:1.5rem;}
.product-type-title h3{ color:#666; font-size:1.4rem;}

/* 产品信息 产品图片轮播*/


/* 产品信息 产品介绍*/
.product-introduce{text-align:center; margin-bottom:30px;}

/* 产品信息 其他产品*/
.product-other{border-top:1px dashed #efefef; padding:1.5rem; border-bottom:1px dashed #ddd;}
.product-other li{line-height:200%; color:#999;}
.product-other li a{color:#0282DD;}

/* 产品信息 延生阅读*/
.reading{padding:1.5rem; border-bottom:1rem solid #efefef;}
.reading h2{font-weight:lighter; font-size:1.4rem; margin-bottom:1rem;}
.reading li{line-height:200%; background:url(../images/dot.jpg) no-repeat 0 center; padding-left:1.5rem; margin-bottom:1rem;}
.reading li em{color:#999; margin-left:1rem;}



/* --- 内页右侧 --- */

/* 产品分类 */
.product-type{ border-bottom:1rem solid #efefef;}
.product-type dl{}
.product-type dl dt{height:3.5rem; line-height:3.5rem; border-bottom:1px solid #efefef; padding-left:1.5rem; font-size:1.6rem; background:#f9f9f9; color:#BF1A20;}
.product-type dl dd em{display:block; line-height:3.5rem; padding-left:1.5rem; border-bottom:1px solid #efefef; background:url(../images/arrow-right.png) no-repeat 95% center;}
.product-type dl dd em:hover{background:url(../images/arrow-right.png) no-repeat 95% center #f9f9f9;}
.product-type dl dd a.now{color:#0282DD;}

/* 联系我们 */
.page-contact {  border-bottom:1rem solid #efefef;}
.page-contact li{background:#0282DD; text-align:center; color:#fff; font-size:1.8rem; font-family: Georgia; padding:1rem; margin-bottom:1rem;}
.page-contact li:last-child{ margin-bottom:0;}

/* 相关文章 */
.page-about-news{padding:1.5rem;  border-bottom:1rem solid #efefef;}
.page-about-news li{margin-bottom:1rem; border-bottom:1px solid #efefef; padding-bottom:1rem;}
.page-about-news li span{ margin-bottom:1rem;}
.page-about-news li p{color:#0282DD; font-family:Arial, Helvetica, sans-serif;}



/* --- 工程现场--- */
.scene{overflow:hidden;}
.scene h2{margin-bottom:1rem; text-align:center; font-size:2rem; font-weight:lighter;}
.scene p.dep{background:#efefef; text-align:center; height:3.5rem; line-height:3.5rem;}
.scene ul{padding:1.5rem 1.5rem 0 1.5rem;}
.scene li{ overflow:hidden; padding-bottom:1rem; margin-bottom:2rem; border-bottom:1px dashed #ddd;}
.scene li .pic{float:left; width:25%;}
.scene li .text{float:right; width:70%;}
.scene li .text h3{font-size:1.4rem;}
.scene li .text em{background:url(../images/date.png) no-repeat 0 center; padding-left:1.5rem; color:#999; display:block; font-size:1.2rem;}
.scene li .text p{font-size:1.2rem;}


/* --- 商品列表--- */

/* 产品大全 */
.all-product{margin-bottom:1rem;}
.all-product h2{font-size:1.6rem; font-weight:lighter; text-align:center; }
.all-product li{border-bottom:1px solid #efefef; overflow:hidden; padding:1.5rem;}
.all-product li .text{color:#999; margin-bottom:1rem;}
.all-product li .list{}
.all-product li .list a{display:inline-block; padding:.1rem .5rem; margin-bottom:.5rem;}
.all-product li .list a.now{background:#0282DD; color:#fff;}
 
/* 产品列表 */
.all-product-list{overflow:hidden;}
.all-product-list li{text-align:center;  border-bottom:1px solid #efefef; padding:1.5rem;}
.all-product-list li .pic{margin-bottom:1rem; overflow:hidden;}
.all-product-list li h3{font-size:1.4rem; margin-bottom:1rem; overflow:hidden; line-height:150%;}
.all-product-list li p{line-height:180%; color:#999;}
.all-product-list li p a.type{color:#0282DD;}


/* --- 分页--- */
.showpage{text-align:center; padding:1.5rem; border-bottom:1rem solid #efefef; margin-top:1rem;}
.showpage a{display:inline-block; border:1px solid #efefef; padding:.2rem 1rem; border-radius:5px; margin-left:5px; margin-right:5px; font-family:Arial, Helvetica, sans-serif; margin-bottom:1rem;}
.showpage a.now,.showpage a.now:hover{background:#0282DD; color:#fff; border:1px solid #0282DD; }
.showpage a:hover{background:#f9f9f9;}


/* --- 媒体报道--- */
.all-news li{overflow:hidden; position:relative; border-bottom:1px dashed #efefef; padding:0 1.5rem 1.5rem 1.5rem;}
.all-news li .pic{text-align:center; padding-top:3rem; padding-bottom:3rem;}
.all-news li .pic em{}
.all-news li .text{}
.all-news li .text h3{margin-bottom:1rem; font-size:1.6rem;}
.all-news li .text p{color:#999; margin-bottom:1rem;}
.all-news li .text em{ margin-bottom:1rem; display:block;}
.all-news li .text em a{color:#0282DD;;}
.all-news li .text i{ width:30%; display:block;}
.all-news li .text i a{background:#0282DD; color:#fff; font-size:12px; padding:.3rem .5rem; border-radius:5px; display:block;}



/* --- 文章内容--- */

/* 文章标题 */
.article .title {border-bottom:1px solid #efefef; padding:1.5rem;}
.article .title h1{font-size:1.8rem; text-align:center;}
.article .title .date{ margin-top:1.5rem; text-align:center;}
.article .title .date em{border-top:1px solid #EB6665; padding-top:1rem; font-family:Arial, Helvetica, sans-serif; font-size:1.4rem;}

/* 文章内容 */
.article .content{padding:1.5rem; }
.article .content p{font-size:1.6rem; margin-bottom:1rem; text-indent:2rem; line-height:200%;}

/* 关键词 */
.article .tag{font-size:1.4rem; color:#999; margin-top:1rem; border-bottom:1px dashed #efefef; padding:1.5rem;  border-top:1px dashed #efefef;}
.article .tag a{color:#0282DD;}

/* 问答 */
.article .ask{padding:1.5rem;}
.article .ask dl{border-bottom:1px dashed #efefef; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.article .ask dl dt{font-size:2rem; margin-bottom:1rem;}
.article .ask dl dd p{line-height:200%;}


/* --- 文章列表--- */
.all-article li{ overflow:hidden; border-bottom:1px solid #efefef; position:relative; padding:1.5rem;}
.all-article li .text{}
.all-article li .text h3{margin-bottom:1rem; font-size:1.6rem;}
.all-article li .text p{color:#999999; font-size:1.4rem;}
.all-article li .text p em.ask{font-size:1.6rem;}
.all-article li .text em.link{display:block; margin-top:1rem;}
.all-article li .text em.link a{color:#0282DD;}
.all-article li i{ width:30%; display:block; margin-top:1rem;}
.all-article li i a{background:#0282DD; color:#fff; font-size:12px; padding:.3rem .5rem;border-radius:5px; display:block;}
.all-article li .date{font-family:Arial, Helvetica, sans-serif; margin-top:1.5rem; text-align:right;}
.all-article li .date em{font-size:1.6rem; color:#3a9adb; display:inline-block; margin-right:1rem;}
.all-article li .date p{font-size:1.6rem; color:#999; line-height:100%;  display:inline-block;}


}