@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1023px)  {
* {-webkit-tap-highlight-color:transparent;}
html,body{max-width:750px; margin:0 auto;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.icon{font-family:iconfont;}
span{display:block;}
.wrap{max-width:828px; margin:0 auto;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
img{display:block;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;}

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




/* --- 头部 --- */
.page-header{ background:#fff;}
.page-header.small{position:fixed; left:0; top:0; width:100%; z-index:200; background:#fff;}

/* logo */
.page-header .logo{padding:1.5rem; width:50%;}

/* nav */
.page-header .nav{ display:none;}

/* 定制 */
.page-header .customized{ position:absolute; left:50%; top:2.2rem;}
.page-header .customized a{color:#333; padding:.5rem .8rem; font-size:1.2rem; border-radius:.5rem; border:1px solid #efefef;}



/* --- more --- */
.page-more{width:10rem; height:3.5rem; line-height:3.5rem; color:#fff; text-align:center; border-radius:5px; background:#FF000C; color:#fff; font-size:1.2rem; transition:all .3s; margin:0 auto; margin-top:1.5rem; margin-bottom:1.5rem;}
.page-more:hover{background:#333; }




/* --- 分页 --- */
.page-showpage{ text-align:center; padding:1.5rem;}
.page-showpage a{display:inline-block; border:1px solid #efefef; padding:.3rem 1rem; border-radius:4px; margin-left:2px; margin-right:2px; background:#fff; font-size:1.2rem; margin-bottom:.35rem;}
.page-showpage a.now{ background:#FF000C; color:#fff; border:1px solid #FF000C; }




/* --- 搜索 --- */
.page-search{padding:.3rem; background:#FF000C; }
.page-search .show{display:block; align-items: center; height:105px; display:flex; justify-content:center; cursor:pointer; display:none;}
.page-search .hide{ background:#FF000C; z-index:500; display:flex; align-items:center; width:100%;}
.page-search .hide input{ border:none; font-size:1.2rem; padding-left:1rem; background:#fff; height:3.4rem; width:85%;}
.page-search .hide button{ background:url(../images/search-btn.png) no-repeat center center #fff; height:3.4rem; border:none; cursor:pointer; width:15%;}




/* --- 导航 --- */
.page-header .wap-nav{position: absolute; right: 0; top:0;  width: 3.5rem; height: 6rem; }
.page-header .wap-nav .show{background:url(../images/wap-nav.svg) no-repeat 0 center; background-size:2.5rem 2.5rem; width: 3.5rem; height: 100%; cursor:pointer;}

/* 导航显示 */
.page-header .wap-nav-list{ background: #fff; width: 100%; background:#333; display: none;}
.page-header .wap-nav-list li{font-size: 1.4rem; border-bottom:1px solid #444;}
.page-header .wap-nav-list li a{display: block; padding-left: 1rem; color: #fff; line-height: 3.5rem; }
.page-header .wap-nav-list li .arrow{ background: url(../images/wap-arrow.svg) no-repeat 95% center; background-size:2rem 2rem;}
.page-header .wap-nav-list li .dot{ position:relative;}
.page-header .wap-nav-list li .dot:before{content:""; width:.3rem; height:.3rem; background:#ccc; position:absolute; left:1rem; top:1.5rem;}

/* 导航显示 - 一级 */
.page-header .wap-nav-list li .link {height:3.5rem;}

/* 导航显示 - 二级 */
.page-header .wap-nav-list li .hide{display:none; background:#fff;}
.page-header .wap-nav-list li .hide a{color:#333; position:relative; padding-left:1.5rem;}
.page-header .wap-nav-list li .hide .two{font-weight:bolder; height:3.5rem; background:url(../images/arrow-right.svg) no-repeat 95% center; background-size:1rem 1rem; line-height:3.5rem; padding-left:1.5rem; border-bottom:1px solid #efefef;} 

/* 导航显示 - 三级 */
.page-header .wap-nav-list li .hide .three{display:none;}
.page-header .wap-nav-list li .hide .three a{padding-left:5rem; font-weight:lighter; background:#fff;}
.page-header .wap-nav-list li .hide .three a:before{left:3rem;}

/* 导航显示 - 弹出 */
.page-header .wap-nav-list li:hover .hide{display:block;}
.page-header .wap-nav-list li:hover .box:hover .three{display:block;}
.page-header .wap-nav-list li:hover .box:hover .two{background:url(../images/arrow-right.svg) no-repeat 95% center #f9f9f9; background-size:1rem 1rem; color:#C9A55E;}
	
	


/* --- 底部 --- */
.page-footer{background:url(../images/footer.jpg) no-repeat; background-size:cover;}

/* 栏目 */
.page-footer .footer-column{border-bottom:1px solid #FB604C; padding:1.5rem; overflow:hidden;}
.page-footer .footer-column .wrap{ }
.page-footer .footer-column .wrap .logo{text-align:center;}
.page-footer .footer-column .wrap .logo img{margin:0 auto; margin-bottom:1.5rem; width:10rem;}
.page-footer .footer-column .wrap .link{}
.page-footer .footer-column .wrap .link a{ color:#fff; width:25%; float:left; text-align:center; font-size:1.2rem;}

/* 联系 */
.page-footer .footer-contact{border-bottom:1px solid #FB604C; padding:1.5rem;}
.page-footer .footer-contact .wrap{ text-align:center; font-size:1.2rem;}
.page-footer .footer-contact .wrap .address{color:#fff; margin-bottom:1.5rem;}
.page-footer .footer-contact .wrap .tel{}
.page-footer .footer-contact .wrap .tel .phone{font-size:1.4rem; color:#fff; margin-bottom:1.5rem;}
.page-footer .footer-contact .wrap .tel .contact{width:15rem; height:3.5rem; border:1px solid #fff; border-radius:10px; text-align:center; line-height:3.5rem; color:#fff; background:#EF371F; margin:0 auto; font-size:1.4rem;}
.page-footer .footer-contact .wrap .tel .contact a{ color:#fff; display:block;}

/* 版权 */
.page-footer .copyright{text-align:center; color:#fff; font-size:1.2rem; padding:1.5rem;}




/* --- 类目 --- */
.page-category{ background:#fff;}
.page-category h2{padding:1.5rem; font-size:1.4rem; color:#fff; background:url(../images/wap-arrow.svg) no-repeat 95% center #333; background-size:2.5rem;}
.page-category ul{ display:none;}
.page-category li{ text-align:center; border-right:1px solid #fff; font-size:1.4rem; line-height:3.5rem;}
.page-category li a{display:block; border-bottom:1px solid #efefef;}




/* --- 位置 --- */
.page-path{ font-size:1.2rem; color:#ccc; background:#fff; border-bottom:1px solid #efefef; padding:1rem;}
.page-path a{margin-left:.5rem; margin-right:.5rem;}






/* --- 产品与工艺 --- */
.home-product{ overflow:hidden; border-bottom:1rem solid #efefef;}
.home-product .swiper-container{padding-bottom:2.5rem;}

/* 栏目 */
.home-product .column { padding:1.5rem; text-align:center;}
.home-product .column .title{font-size:1.8rem; font-weight:bold; color:#333; }

/* 简介 */
.home-product .brief{text-align:center;  padding:0 1.5rem; font-size:1.2rem; margin-bottom:1.5rem;}

/* 内容 */
.home-product a{ background:#fff; display:block;  transition:all .3s ease;}
.home-product .pic{display:flex; align-items:center; justify-content:center; margin-bottom:1.5rem;}
.home-product .content{ text-align:center;}
.home-product .content .info{color:#999; font-size:1.2rem; margin-bottom:1rem; line-height:150%;}
.home-product .content .title{font-size:1.4rem;}





/* --- 服务项目 --- */
.home-service{padding-bottom:0rem; border-bottom:1rem solid #efefef;}

/* 栏目 */
.home-service .column { padding:1.5rem; font-size:1.8rem; font-weight:bold; text-align:center;}

/* 内容 */
.home-service .content{ padding:0 1.5rem}
.home-service .content a{display:block; position:relative;}
.home-service .content a .content{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.4rem;}
.home-service .content a .content .text{display:flex; align-items:center;}
.home-service .content a .content .icon{ margin-right:1.5rem;}

.home-service .content a.service-b{margin-bottom:1.5rem; margin-top:1.5rem;}





/* --- 公司介绍 --- */
.home-about{background:#EAEDF2;}
.home-about .wrap{background:url(../images/about-logo.png) no-repeat center center; padding:1.5rem;}

/* 介绍 */
.home-about .about{}
.home-about .about h3{font-size:1.8rem; font-weight:bold; margin-bottom:1.5rem; text-align:center;}
.home-about .about .dep{background:#FF000C; height:3rem; line-height:3rem; color:#fff; font-size:1.2rem;  margin-bottom:1.5rem; text-align:center; border-radius:1rem;}
.home-about .about .text p{line-height:180%; font-size:1.2rem; margin-bottom:1.5rem;}
.home-about .about a{color:#fff;}

/* 图片 */
.home-about .photo{}




/* --- 公司应用 --- */
.home-application{position:relative;}

/* item */
.home-application .item{position:relative;}
.home-application .item .photo{} 
.home-application .item .content{}
.home-application .item .content .wrap{}
.home-application .item .content .box{  padding:1.5rem; background:#EF3720;}
.home-application .item .content .box h3{font-size:2.8rem; color:#fff; font-weight:bolder; margin-bottom:1.5rem;}
.home-application .item .content .box .subtitle{font-size:1.4rem; color:#fff; margin-bottom:1.5rem;}
.home-application .item .content .box .text{ }
.home-application .item .content .box .text p{line-height:200%; color:#fff; font-size:1.2rem;}

/* other */
.home-application .other{ background:#EF3720;}
.home-application .other .wrap{ }
.home-application .other .pageState{ font-size:1.4rem; color:#fff; text-align:center; margin-bottom:-3rem;}
.home-application .other .pageState span{display:inline-block; font-size:3.6rem;}
.home-application .other .nextpage{width:100%; display: flex; align-items:center; justify-content:space-between; height:4rem; padding:0 1.5rem;}
.home-application .other .nextpage a{display:block; color:#fff; cursor:pointer; font-size:1.2rem;}
.home-application .other .nextpage a.prev{background:url(../images/page-prev.png) no-repeat; padding-left:3rem;}
.home-application .other .nextpage a.next{background:url(../images/page-next.png) no-repeat right center; padding-right:3rem;}





/* --- 最新资讯 --- */
.home-news{ border-bottom:1rem solid #efefef;}

/* column */
.home-news .column{padding:1.5rem; text-align:center;}
.home-news .column h3{font-size:1.8rem; font-weight:bold;}
.home-news .column .page-more{ display:none;}

/* column */
.home-news .dep{font-size:1.2rem; padding:0 1.5rem; margin-bottom:1.5rem;}

/* content */
.home-news  .swiper-container{padding-bottom:2rem;}
.home-news a{ background:#fff; display:block; transition:all .3s;}
.home-news .pic{overflow:hidden;}
.home-news .pic img{width:100%;}
.home-news .text{padding:1.5rem;}
.home-news .text h3{margin-bottom:1rem; font-size:1.4rem; font-weight:bold; line-height:150%;}
.home-news .text p{color:#999; font-size:1.2rem; line-height:150%;}





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

/* 标题 */
.about-box .about-title{font-size:1.8rem; color:#ff000c; font-weight:bold; padding:1.5rem;}

/* 简介 */
.about-box .about-brief{ padding:0 1.5rem; margin-bottom:1.5rem;}
.about-box .about-brief .text{}
.about-box .about-brief .text p{margin-bottom:1.5rem; line-height:200%; font-size:1.2rem;}
.about-box .about-brief .pic{ }

/* 成立 */
.about-establish{ padding:0 1.5rem;}
.about-establish h3{margin-bottom:1.5rem; color:#ed6d00; font-size:1.8rem; text-align:center;}
.about-establish h3 i{ display:block; color:#fff;}
.about-establish .text p{margin-bottom:1rem; line-height:200%; font-size:1.2rem;}

/* 愿景 */
.about-vision{}
.about-vision ul{ }
.about-vision ul li {position:relative;}
.about-vision ul li .box{position:absolute; left:0; top:0; width:100%; text-align:center; display:flex; align-items:center; height:100%; justify-content:center;}
.about-vision ul li .box .pic{margin-bottom:1.5rem;}
.about-vision ul li .box .pic img{margin:0 auto;}
.about-vision ul li .box h3{font-size:1.8rem; color:#fff; margin-bottom:1.5rem;}
.about-vision ul li .box p{color:#fff; font-size:1.2rem; padding:0 1.5rem; line-height:180%;}





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

/* 联系方式 */
.contact-way{}
.contact-way .list{background:#fff; overflow:hidden; padding-bottom:2.5rem;}
.contact-way .list li{ padding:1.5rem;}

/* 标题 */
.contact-way .list li .title{display:block; overflow:hidden; border-bottom:1px solid #efefef; display:flex; align-items:center; height:4.5rem;}
.contact-way .list li .title p{ font-size:1.4rem; }
.contact-way .list li .title em{display:block; margin-left:auto;}

/* 内容 */
.contact-way .list li .text h3{margin-top:1.5rem; margin-bottom:1.5rem; color:#ff000c; font-size:1.4rem; font-weight:bold;}
.contact-way .list li .text p{line-height:200%; font-size:1.rem; color:#888;}
.contact-way .list li .text p em{color:#999; margin-right:5px;}

/* 二维码 */
.contact-way .list li .qrcode p{float:left; width:50%; text-align:center; margin-top:1.5rem;}
.contact-way .list li .qrcode p img{margin:0 auto;}
.contact-way .list li .qrcode p em{display:block; margin-top:1.5rem; color:#888; font-size:1.2rem;}



/* 交通指南 */
.contact-traffic{background:url(../images/traffic.jpg) no-repeat center top; height:15rem; text-align:center; line-height:15rem; font-size:2.8rem; font-weight:bold; color:#fff; text-shadow : #333 0px 0px 5px }



/* 地图 */
.contact-map{background:#fff; overflow:hidden;}

/* 路线 */
.contact-map .route{padding:1.5rem;}
.contact-map .route h3{margin-bottom:1.5rem; color:#ff000c; font-size:1.6rem;}
.contact-map .route ul{}
.contact-map .route li{font-size:1.2rem; color:#888;}
.contact-map .route li p{line-height:200%;}

/* 地图 */
.contact-map .map{padding:1.5rem;}
.my-map { margin: 0 auto; width: 100%; height: 30rem; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}


		
		
 
/* --- 新闻 --- */
.page-news{overflow:hidden; padding:1.5rem;}
.page-news li{ background:#fff; margin-bottom:1.5rem; padding:1rem;  transition:all .3s;}
.page-news li .pic{margin-bottom:1.5rem; overflow:hidden;}
.page-news li .pic img{width:100%;}
.page-news li .text h3{margin-bottom:1rem; font-size:1.4rem; line-height:150%; font-weight:bold;}
.page-news li .text p{line-height:150%; color:#999; font-size:1.2rem; }
.page-news li:hover{box-shadow: 0 3px 8px #ccc;}





/* --- 产品介绍 --- */
.product-show{ margin-bottom:1.5rem;}

/* 产品展示 */
.pro-show{ background:#f5f5f5;}

/* 标题 */
.pro-title{font-size:1.4rem; text-transform:uppercase; font-weight:bold;  height:4rem; line-height:4rem; border-bottom:1px solid #efefef; color:#87C440; }
.pro-title .text{width:6rem; border-right:1px solid #efefef; text-align:center; color:#2e358d; line-height:4rem;}

/* 介绍 */
.pro-dep{background:#fff; overflow:hidden; padding:1.5rem;}

/* 产品图 */
.pro-dep-pic{ margin-bottom:1.5rem;}

/* 简介 */
.pro-dep-content{ }
.pro-dep-content h3{margin-bottom:1.5rem; font-size:1.8rem; color:#ff000c; text-transform:uppercase; line-height:150%;}
.pro-dep-content .text{margin-bottom:1.5rem;}
.pro-dep-content .text p{line-height:200%; color:#666; position:relative; font-size:1.2rem;}
.pro-dep-content .btn{width:100%;}
.pro-dep-content .btn .inquiry{}
.pro-dep-content .btn .inquiry a{background:#333; width:100%; height:3.5rem; text-align:center; line-height:3.5rem; color:#333; display:block; border-radius:5px; text-transform:uppercase; color:#fff; transition:all .3s; font-size:1.4rem; margin-bottom:1.5rem;}
.pro-dep-content .btn .inquiry a:hover{ background:#333; color:#fff;}
.pro-dep-content .btn .nextpro{ font-size:12px; display:flex; align-content:center; justify-content:space-between;}
.pro-dep-content .btn .nextpro a{ }


/* 产品 - 介绍 */
.product-dep .wrap{ background:#fff; border-bottom:1rem solid #efefef;}
.product-dep .content{padding:1.5rem;}
.product-dep .content strong{margin-bottom:1.5rem; font-size:1.8rem;}
.product-dep .content p{line-height:200%; font-size:1.2rem;}
.product-dep .content span{display:inline-block;}
.product-dep .content img{margin-top:1.5rem; margin-bottom:1.5rem;}


/* 产品 - 栏目 */
.product-column{border-bottom:1px solid #efefef; }
.product-column h3{ text-align:center; height:4rem; line-height:4rem; font-size:1.6rem; color:#ff000c; font-weight:bolder;}


/* 产品 - 相关产品 */
.product-about .wrap{ background:#fff;}
.product-about .content{padding:1.5rem; position:relative;}
.product-about .content .bd li{float:left; width:404px; margin-right:15px; }
.product-about .content .prev{position:absolute; left:0; top:40%; cursor:pointer; opacity:0; transition:all .3s; }
.product-about .content .next{position:absolute; right:0; top:40%; cursor:pointer; opacity:0;transition:all .3s; }
.product-about .content:hover .prev{opacity:1;}
.product-about .content:hover .next{opacity:1;}





/* --- 产品列表 --- */
.product-list { overflow:hidden; padding:1.5rem;}
.product-list .column{ font-size:1.8rem; font-weight:bold; margin-bottom:1.5rem;} 
.product-list li{ margin-bottom:1.5rem;}
.product-list li a{border:1px solid #efefef; background:#fff; display:block;  transition:all .3s ease;}
.product-list li .pic{display:flex; align-items:center; justify-content:center; border-bottom:1px solid #efefef; padding:1.5rem;}
.product-list li .content{padding:1.5rem; padding-bottom:0;}
.product-list li .content .info{color:#999; font-size:1.2rem; margin-bottom:1rem; }
.product-list li .content .title{margin-bottom:1rem; font-size:1.4rem;}
.product-list li a:hover{border:1px solid #FF000C; box-shadow: 0 3px 8px #efefef;}
.product-list li a:hover .page-more{background:#333;}





/* --- 服务 --- */
.service-box{ padding:1.5rem;}

/* 服务内容 */
.service-content{margin-bottom:1.5rem;}
.service-content h3{margin-bottom:1.5rem; color:#ff000c; font-size:1.6rem;}
.service-content .text p{line-height:150%; font-size:1.2rem;; margin-bottom:1.5rem;}

/* 服务图片 */
.service-pic {margin-bottom:1.5rem;}
.service-pic ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
.service-pic ul li{width:48%; text-align:center; border:1px solid #efefef; padding:1.5rem; margin-bottom:1.5rem;}

/* 服务列表 */
.service-list{ }
.service-list .box{ border-bottom:1px solid #efefef; padding-bottom:1.5rem; margin-bottom:1.5rem; }
.service-list .box p{line-height:200%; font-size:1.2rem;}





/* --- 质量 --- */
.quality-box{padding:1.5rem;}
.quality-box li{margin-bottom:1.5rem; border-bottom:1px solid #efefef; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.quality-box li .number{margin-bottom:1.5rem;}
.quality-box li .number img{margin:0 auto;}
.quality-box li .content{margin-bottom:1.5rem;}
.quality-box li .content h3{font-size:1.6rem; margin-bottom:1.5rem; text-align:center;}
.quality-box li .content p{font-size:1.2rem; line-height:200%;}




}