@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1023px)  {
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{text-align:center; padding:1.5rem;}
.column h2{ color:#7d221f; text-transform:uppercase; font-size:1.8rem;}

/* --- 按钮 --- */
.btn { margin-top:2rem; margin-bottom:2rem;}
.btn a{background:#7D221F; color:#fff; display:block;}
.btn a:hover{background:#333; box-shadow: 0 3px 10px #ccc;}
.btn.more a{width:60%; height:3.5rem; line-height:3.5rem; text-align:center; font-size:1.rem; margin:0 auto; border-radius:5px;} 


/* --- 顶部 --- */
.top{background:#7D221F;  padding:1rem;}

/* 公司名称 */
.name{color:#fff; text-transform:uppercase; text-align:center; font-size:1.2rem; margin-bottom:1rem;}

/* 搜索 */
.search{ position:relative;}
.search input{width:100%; border:none; height:3.5rem; line-height:3.5rem; padding-left:1rem; font-size:1.2rem;}
.search button{position:absolute; right:.3rem; top:.4rem; background:url(../images/search.png) no-repeat; width:41px; height:33px; border:none; cursor:pointer;}



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

/* logo */
.logo{float:left;}

/* 语言 */
.language{float:left; margin-top:1rem;}
.language li{margin-left:2rem; line-height:200%; padding-left:2.5rem; font-size:1.2rem;}
.language li.mg{background:url(../images/qi-usa.png) no-repeat 0 center;}
.language li.els{background:url(../images/qi-els.png) no-repeat 0 center;}


/* 导航 */
.wap-nav{}
.drawer-nav{z-index:200;}
.drawer-nav li{line-height:3.5rem; text-align:center; border-bottom:1px solid #efefef; font-size:1rem;}
.drawer-nav li a{display:block;}
.drawer-nav li dl{display:none;}
.drawer-nav li dl em{display:block; background:#f9f9f9; border-top:1px solid #efefef;}
.drawer-nav li dl dd{display:none;}
.drawer-nav li dl:hover dd{display:block;}
.drawer-nav li dl dd a{display:block; border-top:1px solid #ddd; background:#f1f1f1;}
.drawer-nav li:hover dl{display:block;}

.drawer-nav li .link.now{background:#7D221F; color:#fff;}
.drawer-nav li dl em a.now{background:#7D221F; color:#fff;}


/* --- 关于我们 --- */
.home-about{font-size:1.4rem; color:#6b6b6b; padding:0 1.5rem; text-align:center;}
.home-about p{margin-bottom:1rem;}



/* --- 产品用途 --- */
.wap-home-purpose{background:url(../images/yongtu.jpg) no-repeat center top; background-size:cover; overflow:hidden; position:relative; padding:1.5rem;}
.wap-home-purpose .swiper-container{padding-bottom:4rem;}
.wap-home-purpose .swiper-wrapper .box{  overflow:hidden; position:relative; background:#fff; padding:.5rem;} 
.wap-home-purpose .swiper-wrapper .box .text{position:absolute; background:#000; background-color:rgba(0,0,0,0.3); left:0; top:0; width:100%; height:100%; transition:all .5s ease; text-align:center;}
.wap-home-purpose .swiper-wrapper .box .text h3{margin-top:40%; font-size:1.6rem; color:#fff; transition:all .5s ease; }
.wap-home-purpose .swiper-wrapper .box .text i{background:#F4140C; height:2px; width:20%; margin:0 auto; display:block; margin-top:1rem; margin-bottom:1rem; transition:all .5s ease; }
.wap-home-purpose .swiper-wrapper .box .text p{color:#fff; font-size:1.4rem; width:80%; margin:0 auto;}
.wap-home-purpose .swiper-wrapper .box .text em{background:#F4140C; width:50%; height:3rem; line-height:3rem; text-align:center; display:block; margin:0 auto; color:#fff; margin-top:2rem; transition:all .5s ease; font-size:1.4rem;}


.wap-home-purpose .swiper-wrapper .box .pic img{width:100%;}


/* --- 推荐产品 --- */
.wap-home-product{background:#EDEEF0; overflow:hidden; position:relative; padding:1.5rem;}
.wap-home-product .swiper-container{padding-bottom:4rem;}
.wap-home-product .box{background:#fff; padding:1.5rem; text-align:center}
.wap-home-product .box .text{text-align:center; line-height:150%; margin-top:1rem; margin-bottom:2rem; font-size:1.4rem;}
.wap-home-product .box .view a{width:100%; height:3.5rem; line-height:3.5rem; text-align:center; background:#7D221F; color:#fff;  display:block;  transition:all .5s ease; }
.wap-home-product .box .view a:hover{background:#333;}



/* --- 新闻 --- */
.news{overflow:hidden; padding:1.5rem;}
.news li{ border:1px solid #e2e2e2; padding:10px; transition:all .5s ease; margin-bottom:1.5rem;}
.news li .pic{overflow:hidden;}
.news li .date{display:block; font-size:1.2rem; margin-top:1rem; margin-bottom:1rem; color:#666;}
.news li h3{font-size:1.4rem; font-weight:bold; margin-bottom:1rem;}
.news li p{line-height:150% overflow:hidden; color:#999; font-size:1.2rem;}
.news li a.view{background:#7D221F; height:3.5rem; line-height:3.5rem; text-align:center; display:block; text-align:center; color:#fff; margin-top:2rem; font-size:1.4rem;}
.news li a.view:hover{background:#333;}



/* --- 问题 --- */
.questions{background:#2C3C4C; overflow:hidden; padding:1.5rem;}
.questions h3{font-size:2.4rem; color:#fff; margin-top:1rem; margin-bottom:1rem; text-align:center;}
.questions p{color:#fff; font-size:1.4rem; text-align:center;}
.questions a{width:100%; height:3.5rem; line-height:3.5rem;  background:#7D221F; color:#fff; display:block;  text-align:center; margin-top:2rem; font-size:1.4rem;} 
.questions a:hover{background:#fff; color:#7D221F;}




/* --- 底部 --- */
.footer{ overflow:hidden; border-bottom:6px solid #7D221F; border-top:6px solid #7D221F;}

/* 导航 */
.footer-nav { padding:1rem .5rem; overflow:hidden;}
.footer-nav li{background:#7D221F; font-size:1.2rem;  color:#fff;  line-height:3.5rem; float:left; width:48%; margin:0 1%; margin-bottom:2%; text-align:center;}
.footer-nav li a{color:#fff; display:block;}
.footer-nav li a:hover{ background:#333;}


/* 跟随 */
.follow{background:#E7E7E7; padding:1.5rem; }
.follow ul{overflow:hidden;}
.follow h3{margin-bottom:1rem;}
.follow li{float:left; margin-right:1rem;}
.follow p{display:block; margin-top:1rem; font-size:1.2rem;}

/* 联系 */
.footer-contact{background:#7D221F; color:#fff; overflow:hidden; padding:1.5rem;}
.footer-contact h3{color:#fff; font-size:1.8rem; margin-bottom:1rem;}
.footer-contact p{line-height:150%; font-size:1.2rem;}
.footer-contact p a{color:#fff;}


/* --- 版权 --- */
.copyright{text-align:center; background:#333; color:#ccc; font-size:1.2rem; padding:1.5rem;}




/* --- 内页 BANNER --- */
.page-banner{height:20rem;}
.page-banner h2{line-height:20rem; text-align:center; font-size:2.4rem; color:#fff; text-shadow : #333 20px 0px 20px}

.banner-about{background:url(../images/banner/banner-about.jpg) no-repeat center center; background-size:cover;}
.banner-product{background:url(../images/banner/banner-product.jpg) no-repeat center center; background-size:cover;}
.banner-contact{background:url(../images/banner/banner-about.jpg) no-repeat center center; background-size:cover;}
.banner-services{background:url(../images/banner/banner-services.jpg) no-repeat center center; background-size:cover;}


/* --- 内页 栏目 --- */
.column-type{background:#2C3C4C;}
.column-type h2{color:#fff; font-size:2rem; font-family: 'Conv_BEBAS___'; line-height:4rem; letter-spacing:3px; text-align:center; background:url(../images/arrow-down.png) no-repeat 95% center; background-size:1.4rem;}

.column-type .type{ background:#f9f9f9; text-align:center; display:none;}
.column-type .type li{line-height:4rem;}
.column-type .type li a{color:#333; border-bottom:1px solid #efefef; display:block;}

.column-type .type li dl{z-index:100; background:#F5F5F5; display:none;}
.column-type .type li dl em{display:block; height:3.5rem; border-top:1px solid #e5e5e5; background:#f1f1f1;}
.column-type .type li dl em a{display:block; line-height:3.5rem; color:#333; font-size:1.2rem;}
.column-type .type li dl em a:hover{background:#E5E5E5; color:#7D221F}
.column-type .type li:hover dl{display:block;}
 


/* --- 关于我们 --- */
.about{ padding:1.5rem;}

.about .box{margin-bottom:2rem; border-bottom:1rem solid #efefef;}
.about .box p{margin-bottom:1rem; line-height:180%; font-size:1.2rem;}

.about .history{margin-bottom:2rem; overflow:hidden;}
.about .history h3{font-size:1.6rem; color:#7d221f; margin-bottom:2rem;} 
.about .history ul{ font-size:1.2rem;}
.about .history ul li{background:url(../images/dot.png) no-repeat 0 8px; padding-left:1rem; margin-bottom:2rem;  line-height:180%;}
.about .history .pic{}
.about .history .pic img{width:100%;}



/* --- 产品目录 --- */
.catalogs{ padding:1.5rem;}
.catalogs ul{}
.catalogs li{margin-bottom:2rem; text-align:center;}
.catalogs li .pic{overflow:hidden; margin-bottom:2rem;}
.catalogs li .pic img{width:100%;}
.catalogs li .text h3{font-size:1.4rem; line-height:2rem;}
.catalogs li .text h3 a{color:#7d221f;}
.catalogs li .text p{font-size:1.2rem; color:#999;}



/* --- 分页 --- */
.showpage{text-align:center; padding:1.5rem; margin-bottom:2rem; font-size:1.2rem;}
.showpage span{display:inline-block;}




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

/* 邮箱 */
.email {padding:1.5rem; border-bottom:1rem solid #efefef; }
.email ul{}
.email li{text-align:center;}
.email li .text{padding:2rem;}
.email li .text h3{font-size:1.6rem; color:#707473; margin-bottom:.5rem;}
.email li .text p{line-height:180%; font-size:1.2rem;}
.email li .text p a{color:#7d221f;}

.email img{max-width:100%;}

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

.contact-title{padding:1rem;}
.contact-title h3{text-align:center; font-size:1.8rem; color:#333; margin-bottom:1rem;}
.contact-title h4{font-size:1.6rem; color:#333; margin-bottom:1rem; text-align:center;}
.contact-title p{line-height:160%; font-size:1.2rem; margin-bottom:20px;}

.contactBox .left{ padding:1rem; float:none;}
.contactBox .left .form li{margin-bottom:10px; width:100%;}
.contactBox .left .form li input{width:96%; padding:0 2%; border:1px solid #E4E4E4; height:3.5rem; line-height:3.5rem; color:#535353; font-family:Arial, Helvetica, sans-serif; transition:all .3s ease; font-size:1.2rem; } 
.contactBox .left .form li textarea{width:96%; padding:0 2%; border:1px solid #E4E4E4; height:3.5rem; line-height:3.5rem; height:10rem;color:#535353; font-family:Arial, Helvetica, sans-serif; transition:all .3s ease;  font-size:1.2rem;}
.contactBox .left .form li input::-webkit-input-placeholder { color:#535353;}
.contactBox .left .form li input:focus{border:1px solid #FF0101;}
.contactBox .left .form li textarea::-webkit-input-placeholder { color:#535353;}
.contactBox .left .form li textarea:focus{border:1px solid #FF0101;}
.contactBox .left .form li button{width:100%; height:3.5rem; background:#868686; border:none; color:#fff; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:1.2rem;}
.contactBox .left .form li button:active{background:#FF0101;}

.contactBox .right{padding:1rem; float:none; font-size:1.2rem;}
.contactBox .right .info{margin-bottom:1rem;  }
.contactBox .right .info p{line-height:160%; margin-bottom:1rem; border-bottom:1px solid #efefef; padding-bottom:1rem; font-size:1.2rem;}
.contactBox .right .info p em{display:block; color:#999999; margin-bottom:1rem;}

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



/* --- 我们的产品 --- */
.products{ padding:1.5rem;}
.products ul{}
.products li{position:relative; transition:all .3s ease; border-bottom:1px solid #efefef;}
.products li .pic{overflow:hidden; text-align:center;}
.products li .text{text-align:center; overflow:hidden; font-size:1.2rem; margin-bottom:2rem; margin-top:2rem;}
.products li .view {width:100%;}
.products li .view a{display:block; background:#7d221f; color:#fff; text-align:center; height:3.5rem; line-height:3.5rem;}
.products li .view a:hover{background:#333;}



/* --- 服务 --- */
.services{ padding:1.5rem;}
.services li{ border-bottom:1px solid #efefef; padding-bottom:2rem; margin-bottom:1rem; overflow:hidden;}

.services li .text{}
.services li .text h3{font-size:2.4rem; color:#7d221f; margin-bottom:1rem; margin-top:1rem;}
.services li .text p{margin-bottom:1rem;}
.services li .pic{}
.services li .pic img{border:1px solid #ddd; padding:.5rem;}





/* --- 产品展示 --- */
.product-show{background:#EDEEF0; overflow:hidden; padding:1.5rem;}
.product-show .title{margin-bottom:2rem; text-align:center; font-size:1.6rem;}
.product-show .title h1{font-size:1.6rem;}


/* 图片 */
.product-pic{ border:1px solid #CBCBCB; text-align:center; background:#fff; padding:1.5rem; margin-bottom:3rem;}
.product-pic em{}

/* 提交信息 */
.product-sumbit{}
.product-sumbit h3{margin-bottom:1rem; font-size:1.8rem;}
.product-sumbit p{font-size:1.2rem; color:#999; margin-bottom:2rem;}

.product-sumbit li{margin-bottom:10px; position:relative;}
.product-sumbit li i{position:absolute; left:.5rem; height:3.5rem; line-height:3.5rem; color:#FF0000;}
.product-sumbit li input{width:100%; padding:0 4%; border:1px solid #E4E4E4; height:3.5rem; line-height:3.5rem; color:#535353; font-family:Arial, Helvetica, sans-serif; font-size:1.2rem; background:#fff; border-radius:5px;} 
.product-sumbit li textarea{width:100%; padding:0 2%; border:1px solid #E4E4E4; height:130px;color:#535353; font-family:Arial, Helvetica, sans-serif;font-size:14px;  background:#fff; border-radius:5px;}
.product-sumbit li .share{ text-align:center; margin-bottom:2rem;}
.product-sumbit li button{width:100%; height:3.5rem; background:#7d221f; border:none; color:#fff; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:1.4rem;}
.product-sumbit li button:active{background:#333;}

/* 内容 */
.product-content{ padding:1.5rem;}
.product-content strong{display:block; color:#7d221f; margin-bottom:1rem; font-size:1.4rem;}
.product-content p{margin-bottom:1rem; line-height:150%;}





}