@charset "utf-8";

/*wap*/

@media screen and (min-width:0px)  and  (max-width:1279px)  {

html,body{max-width:750px; margin:0 auto;}

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{ padding:1.5rem; text-align:center;}

.column h2{display:inline-block; background:#fff; font-size:1.8rem; color:#333; text-transform:uppercase;}

.column h2 a{color:#333;}







/* --- 头部 --- */

.header{ background:url(../images/header-back.jpg); overflow:hidden;}



/* logo */

.header .logo{ }

.header .logo .pic{ padding:1.5rem;}

.header .logo .pic img{width:25%;}

.header .logo .text{text-align:center;  padding:1.5rem; background:#12263E; color:#ccc;}

.header .logo .text h1{ font-size:1.6rem; color:#f29100; margin-bottom:10px;}



/* 联系 */

.header .tel-us{ text-align:center;}

.header .tel-us span{background:#f5f5f5; height:3.5rem; line-height:3.5; border-bottom:1px solid #efefef;}







/* --- 导航 --- */

.wap-nav{}



/* 默认 */

.drawer-nav{z-index:200;}

.drawer-nav li{line-height:3.5rem; border-bottom:1px solid #efefef;}

.drawer-nav li a.link{display:block; padding-left:1.5rem; position:relative;}

.drawer-nav li a.arrow:after{content:""; background:url(../images/arrow-down.png) no-repeat 0 center; position:absolute; right:1.5rem; height:3.5rem; background-size:1rem 1rem; width:1rem;}



/* 弹出 一级 */

.drawer-nav li dl{display:none;}

.drawer-nav li dl em{position:relative;}

.drawer-nav li dl em.arrow{ display:block; background:url(../images/arrow-down2.png) no-repeat 90% 1.5rem; background-size:1rem 1rem;  }

.drawer-nav li:hover a.link{background:#F29100; color:#fff;}

.drawer-nav li:hover a.arrow:after{content:""; background:url(../images/arrow-down2.png) no-repeat 0 center; position:absolute; right:1.5rem; height:3.5rem; background-size:1rem 1rem; width:1rem;}

.drawer-nav li:hover dl{display:block; background:#1C3759;}

.drawer-nav li:hover dl em a{display:block; border-bottom:1px solid #264D7B; padding-left:1.5rem; color:#fff;}



/* 弹出 二级 */

.drawer-nav li:hover dl em dd{display:none;}

.drawer-nav li:hover dl em:hover dd{display:block; background:#2BA2DA; }

.drawer-nav li:hover dl em:hover dd a{display:block; border-bottom:1px solid #218CC0;}

.drawer-nav li:hover dl em.arrow:hover{ display:block; background:url(../images/arrow-down2.png) no-repeat 90% 1.5rem #1C3759; background-size:1rem 1rem;  }





/* --- 新上架 --- */

.wap-home-product {padding:1rem; border-bottom:1rem solid #efefef;}

.wap-home-product .swiper-container{padding-bottom:5rem;}

.wap-home-product .box{text-align:center;}

.wap-home-product .box .text{text-align:center; margin-top:1.5rem;} 

.wap-home-product .box .text a{text-align:center; }







/* --- 关于我们 --- */

.home-about{ border-bottom:1rem solid #efefef;}

.home-about .box{ overflow:hidden; transition:all .3s ease; padding:1.5rem;}



/* 介绍 */

.home-about .box .introduce{}

.home-about .box .introduce h3{font-size:1.8rem; margin-bottom:1rem; text-transform:uppercase; text-align:center;}

.home-about .box .introduce p{line-height:150%; margin-bottom:1.5rem; color:#666; }



/* 图片 */

.home-about .box .pic{ }

.home-about .box .pic img{width:100%;}







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

.prodcut{overflow:hidden;  border-bottom:1rem solid #efefef;}



/* 分类 */

.prodcut .type{background:#F5F5F5;}

.prodcut .type .page-column{position:relative; padding:1rem 1.5rem; background:#445268; color:#fff; font-size:1.4rem; font-weight:bold;}

.prodcut .type .page-column:before{content:"";  position:absolute; right:1rem; top:1.5rem; width:1rem; height:1rem; background:url(../images/wap-arrow.png) no-repeat 0 center; background-size:1rem;}

.prodcut .type dl{line-height:3rem; display:none;}

.prodcut .type dl dt{ border-bottom:1px solid #fff; background:url(../images/product-arrow-list.png) no-repeat 2rem center; padding-left:2rem; font-weight:bold;}

.prodcut .type dl dd a{display:block; border-bottom:1px solid #fff; padding-left:3.5rem; background:url(../images/product-arrow-list.png) no-repeat 2rem center;}

.prodcut .type dl dd a:hover{background:url(../images/product-arrow-list.png) no-repeat 2rem center #f9f9f9; }



.prodcut .type:hover dl{display:block;}





/* 列表 */

.prodcut .list{ padding:.5rem; }

.prodcut .list ul{}

.prodcut .list li{ padding:.5rem; float:left; width:50%;}

.prodcut .list li .box{ text-align:center;  }

.prodcut .list li .box .pic { margin-bottom:1rem;} 

.prodcut .list li .box .text{overflo:hidden; height:3rem; line-height:1.5rem;}







/* --- 底部 --- */

.footer{ background:#2D3034; overflow:hidden; }



/* 分类 */

.footer .type{ }

.footer .type dl{padding:1.5rem; border-bottom:1px solid #666;}

.footer .type dl dt{font-size:1.4rem; color:#fff; margin-bottom:1rem;}

.footer .type dl dt a{color:#fff;}

.footer .type dd em{display:block; background:url(../images/dot.png) no-repeat 0 center; padding-left:1.5rem;  }

.footer .type dd em a{color:#959595;  }

.footer .type dd em a:hover{color:#fff;}



/* 关注 */

.footer .follow{ padding:1.5rem;}

.footer .follow h3{font-size:1.4rem; color:#fff; margin-bottom:1rem;}

.footer .follow ul{overflow:hidden; margin-bottom:1rem;}

.footer .follow li{float:left; margin-right:1rem;}

.footer .follow li a{ border-radius:100%; display:block; border:1px solid #464B51; width:3.6rem; height:3.6rem; text-align:center; transition:all .3s ease; }

.footer .follow li a img{margin-top:1rem;}

.footer .follow li a:hover{ border:1px solid #fff; }

.footer .follow p{color:#959595; line-height:200%; }







/* --- 版权 --- */

.copyright{ background:#2D3034; overflow:hidden; border-top:1px solid #484848;  color:#959595;  padding:1.5rem;}

.copyright .text{ margin-bottom:2rem; line-height:180%;}

.copyright .links{line-height:180%;}

.copyright .links a{ color:#959595; margin-left:.5rem; margin-right:.5rem;}

.copyright .links a:hover{color:#fff;}







/* --- 内页 栏目 --- */

.column-type{background:#445268; line-height:3.5rem;}

.column-type h2{color:#fff; font-size:2rem; font-family: 'Conv_BEBAS___'; line-height:3.5rem; letter-spacing:3px; padding-left:1rem; background:url(../images/wap-arrow.png) no-repeat 95%; background-size:1.5rem;}



.column-type .type{ display:none; background:#445268; text-align:center;}

.column-type .type li{  position:relative; transition:all .3s ease; border-bottom:1px solid #364152}

.column-type .type li a{color:#fff; text-transform:uppercase; display:block; }

.column-type .type li.now{background:#F29100;}

.column-type .type li.now:hover{background:#F29100;}

.column-type .type li:hover{background:#F29100;}

.column-type .type li:hover dl{display:block;}







/* --- 关于我们 --- */

.about {padding:1.5rem; border-bottom:1rem solid #efefef;}

.about h3{font-size:1.6rem; color:#009bb4; margin-bottom:1.5rem; font-weight:bold;}

.about p{margin-bottom:1.5rem; line-height:180%;}







/* --- 联系我们 --- */

.contactBox{margin-bottom:2rem; overflow:hidden;}



.contact-title{}

.contact-title h3{text-align:center; font-size:1.6rem; color:#333; margin-bottom:1rem; font-weight:bold;}

.contact-title h4{font-size:1.6rem; color:#333; margin-bottom:1rem; text-align:center; font-weight:bold;}

.contact-title p{line-height:160%;  margin-bottom:20px;}



.contactBox .left{ padding:1.5rem; float:none;}

.contactBox .left .form li{margin-bottom:10px; width:100%;}

.contactBox .left .form li input{border:1px solid #E4E4E4; height:3.5rem; line-height:3.5rem; color:#535353; font-family:Arial, Helvetica, sans-serif; transition:all .3s ease; width:100%; padding-left:1rem;} 

.contactBox .left .form li textarea{width:100%; border:1px solid #E4E4E4;  line-height:3.5rem; height:10rem;color:#535353; font-family:Arial, Helvetica, sans-serif; transition:all .3s ease; padding:1rem;}

.contactBox .left .form li input::-webkit-input-placeholder { color:#535353;}

.contactBox .left .form li input:focus{border:1px solid #F29100; box-shadow: 10px 10px 20px #ececec;}

.contactBox .left .form li textarea::-webkit-input-placeholder { color:#535353;}

.contactBox .left .form li textarea:focus{border:1px solid #F29100; box-shadow: 10px 10px 20px #ececec; }

.contactBox .left .form li button{width:100%; height:3.5rem; background:#F29100; border:none; color:#fff; cursor:pointer; font-family:Arial, Helvetica, sans-serif; }

.contactBox .left .form li button:active{background:#333;}



.contactBox .right{padding:1rem; float:none; }

.contactBox .right .info{margin-bottom:1rem;  }

.contactBox .right .info p{line-height:160%; margin-bottom:1rem; border-bottom:1px solid #efefef; padding-bottom:1rem; }

.contactBox .right .info p em{display:block; color:#999999; margin-bottom:1rem;}



.contactBox .right .map img{max-width:100%;}







/* --- 新闻列表 --- */

.news-list { padding:1.5rem;}

.news-list li{border-bottom:1px solid #e4e4e4; padding-bottom:1.5rem; margin-bottom:1.5rem; overflow:hidden;}

.news-list li h3{font-size:1.4rem; margin-bottom:1.5rem;}

.news-list li h3  a{color:#009bb4;}

.news-list li .pic{overflow:hidden; border:1px solid #e4e4e4; padding:5px; margin-bottom:1.5rem;}

.news-list li img{ width:100%;}

.news-list li .text{ }

.news-list li .text p{margin-bottom:1.5rem;  line-height:150%; color:#999;}

.news-list li .text em a{background:#009bb4; color:#fff; padding:.3rem .8rem;  transition:all .3s ease; }

.news-list li .text em a:hover{background:#007488;}







/* --- 分页 --- */

.showpage{text-align:center; margin-top:2.5rem; margin-bottom:2.5rem;}
.showpage a{background:#efefef; padding:.5rem .8rem; border-radius:5px; font-size:1.2rem; margin-left:.5rem; margin-right:.5rem;}
.showpage a.now{background:#BE88D2; color:#fff;}
.showpage a,.showpage span{background:#efefef; padding:6px 10px; border-radius:5px; font-size:16px; margin-left:5px; margin-right:5px; display:inline-table;}
.showpage a.now,.showpage span.current{background:#445268; color:#fff;}







/* --- 关于我们 --- */

.about {}

.about h3{color:#009bb4; margin-bottom:1.5rem;}

.about p{margin-bottom:1.5rem; line-height:180%;}

.about p img{margin-bottom:1.5rem;}







/* --- 产品内容 --- */



/* 产品简介 */

.product-dep{ overflow:hidden; padding:1.5rem; border-bottom:1rem solid #efefef; }



/* 产品图 */

.product-pic{ overflow:hidden; margin-bottom:2.5rem;}

.product-pic .bd li { margin-bottom:1.5rem;}

.product-pic .bd li img{border:1px solid #e4e4e4;}

.product-pic .hd li{float:left; width:20%;}

.product-pic .hd li img{border:1px solid #e4e4e4;}

.product-pic .hd li.on img{border:1px solid #13A2BA;}





/* 产品介绍 */

.product-text{ overflow:hidden; margin-top:1.5rem;}

.product-text h1{ color:#333; font-size:1.8rem; border-bottom:5px solid #F5F5F5; padding-bottom:1.5rem; margin-bottom:1.5rem;}

.product-text .text {margin-bottom:1.5rem;}

.product-text .text p{line-height:180%; font-size:1.2rem;}

.product-text .send{margin-bottom:1.5rem;}

.product-text .send a{background:#F29100; height:3.5rem; line-height:3.5rem; text-align:center; display:block; color:#fff;}





/* 产品参数 */

.product-parameter{ padding:1.5rem; border-bottom:1rem solid #efefef;}

.product-parameter .column h3{background:#fff;}





/* 产品标题*/

.pro-column{ padding:1.5rem;}

.pro-column h3{background:#fff; display:inline-block; color:#333;  text-transform:uppercase; font-size:1.8rem;}





/* 产品内容 */

.product-content{padding:1.5rem; border-bottom:1rem solid #efefef;}

.product-content p{margin-bottom:1.5rem; color:#666; line-height:150%; font-size:1.2rem;}





/* 产品报价 */

.product-price{background:none;  border-bottom:1rem solid #efefef;}

.product-price .column h3{background:#fff;}





/* 相关产品 */

.product-about .column h3{background:#fff;}

.product-about .swiper-container{padding-bottom:3rem;}

.product-about .box{text-align:center; padding:1.5rem;}

.product-about .box .pic {margin-bottom:1.5rem;}

.product-about .box .text{font-size:1.2rem; line-height:180%;}





/* --- 联系 --- */

.pro-contact{overflow:hidden;}



/* 标题 */

.pro-contact .title{text-align:center; font-size:2.4rem;  color:#01847c;}



/* 内容 */

.pro-contact .box{ padding:0 1.5rem; padding-bottom:1.5rem;}

.pro-contact .box ul{}

.pro-contact .box li{width:100%; height:3rem; line-height:3rem; margin-bottom:1.5rem;}

.pro-contact .box li select{background:#fff; width:100%; height:3.5rem; line-height:3.5rem;  border:1px solid #efefef; padding-left:1rem;  font-size:1.2rem;  transition:all .3s ease;}

.pro-contact .box li select:hover{ box-shadow: 0px 10px 20px #efefef;}

.pro-contact .box li input{background:#fff; width:100%; height:3.5rem; line-height:3.5rem;  border:1px solid #efefef; padding-left:1rem; font-size:1.2rem;   transition:all .3s ease;}

.pro-contact .box li input::-webkit-input-placeholder {color:#333;}

.pro-contact .box li input:focus{border:1px solid #F29100;}

.pro-contact .box li input:hover{ box-shadow: 0px 10px 20px #ececec;}

.pro-contact .box .message textarea{width:100%;   border:1px solid #efefef; background:#fff; height:10rem; padding:1rem; font-size:1.2rem; transition:all .3s ease;}

.pro-contact .box .message textarea::-webkit-input-placeholder {color:#333;}

.pro-contact .box .message textarea:focus{border:1px solid #F29100;}

.pro-contact .box .message textarea:hover{ box-shadow: 0px 10px 20px #ececec;}

.pro-contact .box .btn{ text-align:center; margin-top:1.5rem; }

.pro-contact .box .btn button{background:#F29100; color:#fff; width:100%; height:3.5rem; line-height:3.5rem; border:none;cursor:pointer; font-size:1.4rem; border-radius:5px}

.pro-contact .box .btn button:active{background:#333;}









}