@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1199px)  {
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:750px; 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-showpage{ text-align:center; padding:1.5rem;}
.page-showpage span,.page-showpage a{display:inline-block; border:1px solid #efefef; padding:.1rem .8rem; border-radius:4px; margin-left:.15rem; margin-right:.15rem; transition:all .3s; margin-bottom:1rem; font-size:1.4rem;}
.page-showpage span{ background:#DC2325; color:#fff; border:1px solid #DC2325; padding:.45rem .8rem;}
.page-showpage a:hover{background:#DC2325; color:#fff; border:1px solid #DC2325; }




/* --- 栏目 --- */
.column{text-align:center; padding-top:3rem; padding-bottom:2rem;}
.column h3{ text-align:center; font-size:1.8rem; margin-bottom:1rem; font-weight:bold;}
.column p{color:#999; font-size:1.2rem;}



/* --- 顶部 --- */
.top{background:#f5f5f5; font-size:1.2rem; color:#999; height:3.5rem;}
.top .language{ position:relative; display:flex; align-items:center;  padding:1rem; background:url(../images/nav-arrow.png) no-repeat 43% center;}
.top .language .text{}
.top .language .choice{}
.top .language .choice a{ float:left; margin-left:.5rem;}

.top .language dl{position:absolute; top:3.5rem; right:0; background:#fff; overflow:hidden; width:100%; z-index:200; text-align:center; border:1px solid #efefef; border-right:none; border-bottom:none; height:0; overflow:hidden; opacity:0; transition:all .3s;}
.top .language dl a{display:block; float:left; width:100%; border-bottom:1px solid #efefef;  height:3.5rem; line-height:3.5rem;}
.top .language dl a:hover{background:#EC1D25; color:#fff;}
.top .language:hover dl{height:auto; opacity:1; top:3.5rem; }


.top .language{ float:left;}
.top .choice a{ float:left; margin-top:12px; margin-left:5px;}
 
/* --- 头部 --- */
.header{ overflow:hidden;}

/* logo */
.header .logo{ display:flex; align-items:center; padding:0 1rem; padding-left:0;} 
.header .logo .pic{ }
.header .logo .text{ font-size:1.25rem; width:40%; text-align:center;}
.header .logo .text em{background:#339900; color:#fff; font-size:1.2rem; border-radius:5px; display:block; text-align:center; padding:.5rem; margin-bottom:1rem}

/* 导航 */
.header .nav{ display:none;}

/* 导航 */
.wap-nav{}
.drawer-nav{z-index:200;}
.drawer-nav li{line-height:3.5rem; text-align:center; border-bottom:1px solid #efefef; font-size:1.4rem;}
.drawer-nav li a{display:block;}
.drawer-nav li dl{display:none;}
.drawer-nav li dl a{display:block; border-bottom:1px solid #efefef;  border-right:1px solid #efefef; background:#fff; font-size:1.2rem;}
.drawer-nav li:hover dl{display:block;}
.drawer-nav li:hover .arrow{background:#efefef;}
.drawer-nav li a.arrow{background:url(../images/arrow2.svg) no-repeat 90% center; background-size:1rem 1rem; }



/* --- 方案 --- */
.home-scheme{  padding:.75rem; border-bottom:1rem solid #efefef; overflow:hidden;}
.home-scheme li{float:left; width:50%; text-align:center; padding:.75rem;}
.home-scheme li .pic{ margin-bottom:1.5rem;}
.home-scheme li .pic img{border-radius:10px;}
.home-scheme li .text{border:1px solid #0066cc; color:#0066cc; height:3.5rem; line-height:3.5rem; border-radius:100px; transition:all .3s; font-size:1.2rem;}
.home-scheme li:hover .text{background:#0066cc; color:#fff; box-shadow: 10px 10px 20px #ddd;}




/* --- 产品 --- */
.home-product{padding:.75rem; padding-top:0;  border-bottom:1rem solid #efefef; }
.home-product li{float:left; background:#fff; transition:all .3s; width:50%;} 
.home-product li a{ padding:.75rem; display:block;}
.home-product li .pic{ overflow:hidden; border-radius:.5rem; margin-bottom:.8rem;}
.home-product li .text{height:8rem;}
.home-product li .text h3{font-size:1.4rem; margin-bottom:1rem; line-height:150%;}
.home-product li .text p{color:#999; font-size:1.2rem;}

.home-product .more{text-align:center; padding:1.5rem;}
.home-product .more a{color:#666; font-size:1.4rem;}
.home-product .more a:hover{ color:#0066cc;}




/* --- 新闻 --- */
.home-news{ border-bottom:1rem solid #efefef; padding-bottom:1.5rem;}
.home-news .wrap{}

/* 内容 */
.home-news .list{ padding:0 1.5rem;}
.home-news .list li{overflow:hidden; border-bottom:1px solid #efefef; display:flex; padding-top:1.5rem; padding-bottom:1.5rem;}
.home-news .list li .date{ text-align:center; overflow:hidden; width:20%;}
.home-news .list li .date b{color:#f60; font-size:2.4rem;  display:block; margin-bottom:1rem; margin-top:1rem;}
.home-news .list li .date p{font-size:1.2rem; color:#666;}
.home-news .list li .text{width:75%; margin-left:auto}
.home-news .list li .text h3{font-size:1.4rem; margin-bottom:.5rem; line-height:150%;}
.home-news .list li .text p{font-size:1.2rem; line-height:150%; color:#999;}
.home-news .list li:last-child{border-bottom:none;}
.home-news .list .more{text-align:center; font-size:1.4rem;}

/* 二维码 */
.home-news .qrcode{}
.home-news .qrcode .box{ margin-top:1.5rem; overflow:hidden; padding:.75rem;}
.home-news .qrcode .box ul{}
.home-news .qrcode .box li{ text-align:center; float:left; width:50%;  padding:.75rem;}
.home-news .qrcode .box li .pic{margin-bottom:1rem;}
.home-news .qrcode .box li .pic img{margin:0 auto;}
.home-news .qrcode .box li .text{font-size:1.4rem; margin-bottom:1.5rem;}
.home-news .qrcode .tel{text-align:center; font-size:1.4rem; }
.home-news .qrcode .tel p{line-height:200%; }
.home-news .qrcode .tel p em{color:#f60;}




/* --- 平台 --- */
.home-platform{overflow:hidden; padding-bottom:2rem;}
.home-platform li{float:left; width:100%; padding:0 1rem; text-align:center;}




/* --- 服务 --- */
.home-service{background:#f5f5f5; overflow:hidden; padding-bottom:2rem;}
.home-service li{float:left; width:100%;padding:0 1rem; }




/* --- 资质 --- */
.home-qualifications{ overflow:hidden;}
.home-qualifications .left{ display:none}
.home-qualifications .right{}
.home-qualifications .right .column{text-align:center;}
.home-qualifications .right .column em{display:block; color:#666; margin-top:15px;}
.home-qualifications .right .content{padding:1.5rem;  border-bottom:1rem solid #efefef; padding-bottom:2.5rem;}




/* --- 客户 --- */
.home-customer{background:#f5f5f5;  padding-bottom:60px;}




/* --- 友情链接 --- */
.page-link{  overflow:hidden; padding:.75rem; border-bottom:1rem solid #efefef;}
.page-link h3{font-size:1.8rem; text-align:center; margin-top:1.5rem; margin-bottom:1.5rem; font-weight:bold;}
.page-link li{float:left; width:50%; padding:.75rem;}




/* --- 底部 --- */
.footer{background:#f5f5f5; overflow:hidden; padding:1.5rem;}

/* 链接 */
.footer .links{}
.footer .links dl{ border-bottom:1px solid #eee; padding-bottom:1rem; margin-bottom:1rem; overflow:hidden;}
.footer .links dl dt{font-weight:bold; font-size:1.4rem; font-weight:bolder;}
.footer .links dl dd a{display:block; font-size:14px; line-height:250%; float:left; width:33.33%;}

/* 二维码 */
.footer .qrcode{ padding-top:1.5rem;}
.footer .qrcode li{float:left; font-size:1.2rem; width:50%; text-align:center;}
.footer .qrcode li .pic{margin-bottom:1.5rem;}
.footer .qrcode li .pic img{margin:0 auto;}




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




/* --- 内页 banner --- */
.product-banner{background:url(../images/banner/products_list.jpg) no-repeat center top; height:15rem; background-size:cover;}
.about-banner{background:url(../images/banner/about.jpg) no-repeat center top; height:15rem; background-size:cover;}




/* --- 内页导航 --- */
.page-nav{ }

/* 标题 */
.page-nav .title{ padding:1.5rem; background:url(../images/arrow.svg) no-repeat 95% center #DC2325; background-size:2.8rem; display:block; overflow:hidden;}
.page-nav .title h2{font-size:1.8rem; color:#fff; margin-bottom:1rem;}
.page-nav .title p{font-size:1.2rem; color:#fff;}

/* 列表 */
.page-nav .list{background:#f5f5f5; display:none;}
.page-nav .list h3{background:#eee; height:4.5rem; border-bottom:1px solid #ddd; line-height:4.5rem; padding-left:1.5rem; font-weight:bold;cursor:pointer; font-size:1.4rem;}
.page-nav .list h3.on{background:#f9f9f9; color:#DC2325;}
.page-nav .list ul{ }
.page-nav .list ul li{height:3.5rem; line-height:3.5rem; font-size:1.4rem; background:#fff; border-bottom:1px solid #efefef;}
.page-nav .list ul li a{display:block; padding-left:1.5rem; }
.page-nav:hover .list{display:block;}




/* --- 内页框架 --- */
.page-right{ position:relative;}

/* 位置 */
.page-right .path{font-size:14px; color:#999; padding:1rem;}
.page-right .path a{}

/* 返回 */
.page-right .back{position:absolute; right:1.5rem; top:1rem; font-size:1.2rem;}

/* 类目 */
.page-right .category{  border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9; padding:1.5rem;}
.page-right .category h3{font-size:1.8rem; font-weight:bolder; position:relative; padding-left:1rem;}
.page-right .category h3:before{content:""; width:5px; height:2.2rem; background:#EF1E24; left:-.3rem; top:-.25rem; position:absolute;}
.page-right .category.category-about{ background:url(../images/category-back.png) no-repeat 95% center #fff;}



/* --- 产品内容 --- */
.product-show{text-align:center;}
.product-other{border-top:1px solid #efefef; padding:1.5rem; font-size:1.2rem; color:#999;}




/* --- 产品列表 --- */
.product-list{ border-bottom:1px solid #efefef; overflow:hidden; padding:.75rem; }
.product-list li{float:left;  padding:.75rem; width:50%;}
.product-list li .pic{margin-bottom:1rem; overflow:hidden; border:1px solid #ddd; transition:all .3s;}
.product-list li .pic:hover{border:1px solid #DC2325; box-shadow: 5px 5px 10px #ececec;}
.product-list li .text{font-size:1.4rem; line-height:150%;}




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

/* 栏目 */
.news-nav{display:none;}
.news-nav li{background:#F6F6F6;}
.news-nav li a{display:block; padding-left:1.5rem; border-bottom:1px solid #ddd; height:4rem; line-height:4rem; position:relative; font-size:1.4rem;}
.news-nav li a:hover{background:#fff;}
.news-nav li a.now{background:#fff; color:#DC2325;}
.news-nav li a.now:before{content:""; position:absolute; left:0; top:0; height:100%; background:#DC2325; width:.3rem;}




/* --- 文章列表 --- */
.about-list li{border-bottom:1px solid #efefef; background:url(../images/arrow-news.png) no-repeat 1rem 1.8rem; position:relative; padding:1rem; }
.about-list li .text{font-size:1.4rem; line-height:150%; padding-left:1.3rem; margin-bottom:.5rem;}
.about-list li .date{ font-size:1.2rem; color:#999; margin-left:1.3rem;}
.about-list li:hover{background:url(../images/arrow-news.png) no-repeat 10px center #f9f9f9; }




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

/* 标题 */
.about-show{padding:1.5rem;}
.about-show .title{border-bottom:1px solid #efefef; padding-bottom:1.5rem;text-align:center; margin-bottom:30px;}
.about-show .title h1{font-size:1.8rem; font-weight:bolder; font-weight:900; margin-bottom:1.5rem; line-height:150%;}
.about-show .title .date{color:#999; font-size:1.2rem;}

/* 内容 */
.about-show .content{ margin-bottom:1.5rem;}
.about-show .content p{line-height:200%; margin-bottom:1.5rem; text-indent:2rem; font-size:1.4rem;}
.about-show .content span{display:inline-block;}




/* --- 产品页 --- */

/* 标题 */
.page-product .pro-title{text-align:center; padding:2.5rem;}
.page-product .pro-title h3{font-size:2.4rem; font-weight:bold; margin-bottom:1rem;}
.page-product .pro-title p{color:#999; font-size:1.2rem;}

/* 列表 */
.page-product .pro-list{  overflow:hidden; padding:0 1.5rem;}
.page-product .pro-list li{position:relative; margin-bottom:1.5rem;}
.page-product .pro-list li .pic img{width:100%;}
.page-product .pro-list li .text{position:absolute; left:0; top:0; width:100%; transition:all .3s; height:100%;}
.page-product .pro-list li .title{background:url(../images/red-arrow.png) no-repeat 92% center rgba(255,255,255,0.8); border-top:5px solid #EC1D25; padding:1.5rem;}
.page-product .pro-list li .title h3{font-size:2.4rem; }
.page-product .pro-list li .list{ padding:.75rem;transition:all .3s;}
.page-product .pro-list li .list em{ float:left; width:50%; padding:.75rem;}
.page-product .pro-list li .list em a{background:#fff; display:block; height:3.5rem; line-height:3.5rem; text-align:center; font-size:1.4rem;} 






}