@charset "utf-8";

/*
html,body{ max-width: 1280px;}
.xiexie{  float:right; display: block;}

.anli{ float: left; margin-top: -5rem; opacity: 0.4; position: absolute; z-index: 9; top: 0; }
.wrap{ float: left; max-width: 750px; position: absolute; z-index: 10;top: 0; width:100%;}
.wrap img{ width:100%;}
*/
html,body{ width: 100%; max-width: initial;}

/*头部*/
body{ padding-top: 5rem;}





/*广告*/
.banner{ position: relative; overflow: hidden;}
.banner img{ display: block; width: 100%; }
.banner .m-cnt{ position:absolute; width: 100%;  font-size: 0; text-align: center; z-index: 99; bottom: 0; display: block; width: 100%; height: 0.3rem; background: #222;}
.banner em{ width:calc(100% / 3); height: 0.3rem; display:inline-block; background: #222222;  z-index: 100;}
.banner em.cur{ background: #e85c21;}


/*公用标题*/
.common_tit{ display:block; text-align: center; }
.common_tit b{ display: inline-block; font-size: 1.8rem; color: #333; font-weight: lighter; position: relative; padding-left: 3.4rem; padding-right: 3.4rem; background: url(../images/tit_left.png) no-repeat left center; background-size: 2.75rem; }
.common_tit b strong{ font-weight: bold;}
.common_tit b::after{  position: absolute; content: ''; width: 3.9rem; right: 0; height: 100%; background: url(../images/tit_right.png) no-repeat right center ; background-size: 2.75rem;}
.common_tit span{ display: block; font-size: 1.2rem; letter-spacing: 0.05rem; font-weight: normal; color: #a3a3a3; margin-top: 0.525rem;}

/*引导板块*/
.guide{ padding-top:4.3rem; padding-bottom: 4rem;}
.guide ul{ margin-top: 2.2rem; display: flex; justify-content:space-around;}
.guide li{ display:inline-block; text-align: center;}
.guide li em{ display: block; }
.guide li em img{ width: 3rem;}
.guide li p{ font-size: 1.1rem; color: #000;}
.guide li p span{ font-size: 1.3rem; color: #e85c21;display: inline-block;vertical-align: middle;}
.guide .guide-bt{ margin-top: 1.9rem;}
.guide .guide-bt img{ display: none;}


/*产品模块*/
.product{ padding-top: 4rem; background: #f2f2f2; text-align: center; padding-bottom: 4.3rem;}
.pro_box ul { display: flex; justify-content:space-around; flex-wrap: wrap; margin-top: 2.55rem; margin-left: 3.4%; margin-right: 3.4%;}
.pro_box ul li{ width: 11.3rem; height: 4.8rem; text-align: center; background: #ffffff; margin-bottom: 0.3rem; margin-right: 0.3rem;}
.pro_box ul li:nth-child(3n){ margin-right: 0;}
.pro_box ul li a{ text-align: center; color: #e85c21; display: block; margin: 0.1rem; border: 1px solid #e85c21; box-sizing: border-box; line-height: 4.5rem; font-size: 1.2rem; font-weight: bold; }
.pro_box ul li.cur{background: #e85c21; }
.pro_box ul li.cur a{color: #fff; border-color: #fff;}

.pro_box .pro_ct{ margin-top: 1.65rem; margin-left: 3.4%; margin-right: 3.4%;}
.pro_box .pro_ct p{ display: flex; justify-content: space-around; flex-wrap: wrap;}
.pro_box .pro_ct p a{ display: inline-block; margin-right: 1rem; margin-bottom: 0.75rem;}
.pro_box .pro_ct p a:nth-child(2n){ margin-right: 0;}
.pro_box .pro_ct p img{ width: 16.9rem; display: block; background:url(/mobile/images/pro_li_bg.jpg) center top; background-size:cover;}
.pro_box .pro_ct p span{ line-height: 4.2rem; display: block; text-align: center; font-size: 1.3rem; color: #333; background: #d5d5d5;}

.product .more{padding:0.5rem; padding-left: 2.9rem;   padding-right: 4.2rem;  border-radius: 2rem; display: inline-block;  text-align: center; margin: 3.5rem auto 0;  font-size: 1.2rem; color: #fff; background: url(../images/pro_more.png) no-repeat 14rem center #e85c21; background-size: 2.7rem 2.9rem;}
.product .more i{ display: block;}


/*应用方案*/
.case{ padding-top: 4.5rem; background: url(../images/case_bg.jpg) no-repeat center top; background-size: 100%;}
.case .common_tit strong{ color: #fff;}

.case_box{ margin: 2.5rem auto 0;}
.case_box dl {width: 23.7rem;  padding: 0.8rem; background: #f5f5f5; box-sizing: border-box; box-shadow: 0 0.2rem 0.2rem #dedede; }
.case_box dl dt img{ width: 23.7rem; display: block;}
.case_box dl dd{ padding-top: 1rem; position: relative; padding-bottom: 4.25rem;}
.case_box dl dd h5{ padding-bottom: 0.75rem; position: relative;}
.case_box dl dd h5::before{ width: 1.6rem; content: ''; height: 0.1rem; background: #e85c21; position: absolute;  bottom: 0; left: 0; }

.case_box dl dd h5 a{ font-size: 1.289rem; color: #333; line-height: 1.546rem; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.case_box dl dd p{font-size: 1.12rem; color: #666; line-height: 1.546rem; margin-top: 1.41rem;}
.case_box dl dd .more{ color: #e85c21; font-size: 1.12rem; position: absolute; right:1.61rem; bottom: 2rem; }

.case_box .dot{ margin-top: 1.25rem; display: block; text-align: center;}
.case_box .dot span{ width: 0.6rem; display: inline-block; height: 0.6rem; background: #C6C6C6; border-radius: 100%; margin-left: 0.25rem; margin-right: 0.25rem; }
.case_box .dot span.cur{ background: #e85c21;}

.case .tips{ margin-top: 1.7rem; display: block;}
.case .tips img{ width: 5.55rem; display: block; margin: 0 auto;}

/*解决方案*/
.case_list{ margin-top: 2.6rem; padding: 0 1.5rem;}
.case_list dl{ clear: both; margin-bottom: 1.75rem; background: #f5f5f5; box-sizing: border-box;}
.case_list dl dt{  float: left; width: 17.25rem;}
.case_list dl dd{ float: left; width: 14.6rem; position: relative; padding: 1.25rem 1.3rem 5.5rem; }

.case_list dl dd h5{ padding-bottom: 0.75rem; position: relative;}
.case_list dl dd h5::before{ width: 1.6rem; content: ''; height: 0.1rem; background: #e85c21; position: absolute;  bottom: 0; left: 0; }

.case_list dl dd h5 a{ font-size: 1.4rem; color: #333; line-height: 1.8rem; font-weight: bold;}
.case_list dl dd p{font-size: 1.2rem; color: #666; line-height: 1.6rem; margin-top: 0.8rem;}
.case_list dl dd .more{ color: #e85c21; font-size: 1.12rem; position: absolute; right:2.5rem; bottom: 1.5rem; }


/*优势*/
.ys{ padding-top: 4.5rem; background: #f5f5f5; padding-bottom:3rem ;}
.ys_con{ margin-top: 2.5rem; padding: 0 1.5rem;}
.ys_con dl{ margin-bottom: 1.7rem; box-shadow: 0 0.25rem 0.5rem #ddd; background:#fff; }
.ys_con dd{ padding:1.6rem 1.35rem 2.85rem; position: relative;}
.ys_con dd em{ position: absolute; display: none;}
.ys_con dd h5{ font-size: 2rem; line-height: 2.25rem; position: relative; padding-bottom: 1.75rem;}
.ys_con dd h5::before{ width: 1.6rem; content: ''; height: 0.1rem; background: #e85c21; position: absolute;  bottom: 0; left: 0; }
.ys_con dd h5 strong{  color: #e85c21; display: inline-block;}
.ys_con dd p{ margin-top: 1.3rem;  font-size: 1.3rem; line-height: 1.8rem;}
.ys_con dd p strong{ color: #e85c21;}

.ys_con dd em{ position: absolute; text-align: center; line-height: 4rem; display: block; right: 1.8rem; top: -1.8rem; width: 3.7rem; height: 6.45rem; background: url(../images/icon.png) no-repeat center top; background-size: 3.7rem;  font-size: 2.4rem; font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold;}




/*新闻资讯*/
.news{  }
.news h2{  padding-top: 4.25rem;}
.news_con{ margin-left: 1.5rem; margin-right: 1.5rem; margin-top: 2.5rem;}
.news_con p{}
.news_con p img{ display: block; width: 100%;}

.news_con .channel{ border-bottom: 1px solid #ccc; height: 5rem; line-height: 5rem;}
.news_con .channel a{ font-size: 1.5rem;   color: #333; line-height: 5rem; display: inline-block; margin-left: 1.8rem; margin-right: 1.8rem; font-weight: bold; position: relative;}
.news_con .channel a::before{  position: absolute; content: ''; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; width: 0; bottom: -0.1rem; height: 0.2rem; background: #e85c21; }
.news_con .channel a.cur{ color: #e85c21;}
.news_con .channel a.cur::before{  position: absolute;  content: ''; width: 100%; bottom: -0.1rem; height: 0.2rem; background: #e85c21; }


.news_con ul{ margin-top: 0.5rem; padding-top: 0.25rem;}
.news_con li{ font-size: 1.3rem; color: #333; display: inline-block; padding-top: 1.15rem; padding-bottom: 1.15rem; padding-left: 1.65rem; display: block; position: relative; }
.news_con li::before{ position: absolute;  content: '';  width: 0.5rem; height: 0.5rem; background: #adadad; left: 0; top: 50%; margin-top: -0.3rem; transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.news_con li a{ color: #333; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:70%; }
.news_con li em{ color: #999999; margin-left: 2rem; display: inline-block; float:right;}
.news_con .more{ width: 18.2rem; height: 3.35rem; line-height: 3.35rem; text-align: center; color: #fff; display: block; margin: 0 auto; margin-top: 3rem;  font-size: 1.3rem; background: #e85c21; border-radius: 2rem;}


/*荣誉证书*/
.cer{ margin-top: 2.25rem; padding-bottom: 3.55rem; background: url(../images/cer_bg.jpg) no-repeat center top; background-size: 100%; padding-top: 3.6rem; background-size: 100% auto;}
.cer .cer_con{ margin-top: 1.5rem;}
.cer .cer_con p{ background: rgba(0, 0, 0, 0.35); color: #f1f1f1; padding: 1.5rem; font-size: 1.25rem; line-height: 150%; display: block;width: 32rem;  margin: 0 auto;}
.cer .cer_con .spark{ background: #e85c21; width: 18.2rem; font-size: 1.36rem; color: #fff; display: block;  margin: 0 auto; margin-top: 4rem;  text-align: center; line-height: 2.75rem;border-radius: 2rem;}


/*宣传栏*/
.show{ }
.show_con{ position: relative;}
.show_con p img{ width: 100%; display: block;}
.show_con .more{ bottom: 1.45rem; width: 18.2rem; left: 50%; margin-left: -9.1rem; z-index: 9; height: 2.9rem; line-height: 2.9rem; text-align: center; display: block; position: absolute; font-size: 1.3rem; color: #fff; font-weight: bold; border-radius: 2rem; background:#e85c21;}


/*快速导航*/
.express{ padding-top: 4.5rem; background: #f5f5f5; padding-bottom: 4.5rem;}
.express h2{ margin-bottom: 2.3rem;}
.express_con{ margin: 0 1.5rem!important;}
.express_con span{ height: 4rem; line-height: 4rem; display:flex; justify-content: space-around; background-color: #999999; overflow: hidden;}
.express_con span a{ text-align: center; width: 100%; color: #fff;position: relative; }
.express_con span a::before{ content: ''; position: absolute; right: 0; top: 0.95rem; width: 0.05rem; height: 2rem; background: #fff;}
.express_con span a::after{ content: ''; position: absolute; left: 0; top: 0.95rem; width: 0.05rem; height: 2rem; background: #fff;}
.express_con span a.cur{ background: #e85c21; color: #fff; font-size: 1.3rem; font-weight: bold;position: relative; z-index: 9; }
.express_con span a:last-child::before{ display: none;}

.express_con span a.cur::before{ background: #999999; z-index: 9; right: -0.06rem;}
.express_con span a.cur::after{background: #999999; z-index: 9; left: -0.06rem;}

.express_con p{ display: flex; justify-content:flex-start; flex-wrap: wrap; background: #fff; margin-top: -1px;}
.express_con p a{ line-height: 5.25rem; display: inline-block; text-align: center; width: 33.33%; font-size: 1.2rem; color: #666; box-sizing: border-box; border-right: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;}
.express_con p a:nth-child(3n){border-right: none;}
.express_con p a:last-child{ }