@charset "utf-8";
.wrap img{display:block;width:100%;}

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,span,table,td,textarea,th,ul{margin:0;padding:0}
body{font-size:14px;font-family:"微软雅黑",Arial,Verdana,Arial,Helvetica,sans-serif;padding-top:1px;background:#fff}
li,ol{list-style:none}
ins{text-decoration:none}
em,i{font-style:normal}
a{text-decoration:none;font-family:"微软雅黑"}
a:hover{cursor:pointer;text-decoration:none}
:focus{outline:0}
.clear{clear:both;line-height:0;overflow:hidden;zoom:1;font-size:0;content:"."}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
img{padding:0;margin:0}
a img{border:none}
input,textarea{border:none;font-family:"微软雅黑";font-size:13px}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:14px;font-family:"微软雅黑"}
.fl{float:left}
.fr{float:right}
.wrap{min-width:320px;max-width:750px;margin:0 auto;overflow:hidden;position:relative;font-family:"微软雅黑";background:#fff}
.wrap img{display:block;width:100%}
html{background:#fff}
@media screen and (min-width:320px){html{font-size:8.533px}
}
@media screen and (min-width:360px){html{font-size:9.6px}
}
@media screen and (min-width:375px){html{font-size:10px}
}
@media screen and (min-width:393px){html{font-size:10.48px}
}
@media screen and (min-width:400px){html{font-size:10.664px}
}
@media screen and (min-width:414px){html{font-size:11.04px}
}
@media screen and (min-width:440px){html{font-size:11.73px}
}
@media screen and (min-width:480px){html{font-size:12.796px}
}
@media screen and (min-width:520px){html{font-size:13.863px}
}
@media screen and (min-width:560px){html{font-size:14.93px}
}
@media screen and (min-width:600px){html{font-size:15.996px}
}
@media screen and (min-width:640px){html{font-size:17.06px}
}
@media screen and (min-width:680px){html{font-size:18.1288px}
}
@media screen and (min-width:700px){html{font-size:18.66px}
}
@media screen and (min-width:720px){html{font-size:19.1952px}
}
@media screen and (min-width:750px){html{font-size:20px}
}
.banner{position:relative;z-index:3;width:100%;overflow:hidden}
.banner .swiper-pagination{bottom:1.5rem!important;}
.banner .swiper-pagination-bullet{opacity:1;width:.8rem;height:.8rem;background:#fff;border-radius:50%;margin:0 .5rem!important}
.banner .swiper-pagination-bullet-active{opacity:1;background:#ca3839}
h2.main_title{display:block;text-align:center;line-height:0}
h2.main_title i{display:inline-block;position:relative;font-size:1.2rem;color:#ca3839;line-height:1;text-transform:uppercase;font-weight:700}
h2.main_title i:after,h2.main_title i:before{position:absolute;content:"";width:.85rem;height:.1rem;background:#ca3839;top:.55rem;left:-1.4rem}
h2.main_title i:after{right:-1.4rem;left:auto}
h2.main_title em{display:block;font-weight:400;font-style:normal;font-size:2rem;color:#48926d;line-height:1;margin-top:.5rem}
h2.main_title span{display:block;font-weight:400;font-size:1rem;color:#666;line-height:100%;margin-top:.7rem;white-space:pre;letter-spacing:.25rem}
.intro{background:#f4f4f4;box-sizing:border-box;padding:2.8rem 2.66% 2.9rem}
.intro h2{margin-bottom:1.6rem}
.intro h2 a{display:block}
.intro h2 span{font-size:1.8rem;color:#666;line-height:100%;display:block;text-transform:uppercase;font-weight:700}
.intro h2 strong{display:block;font-size:2rem;color:#48926d;line-height:100%;margin-top:1.1rem}
.intro p{font-size:1.2rem;color:#888;line-height:2.25rem}
.intro a.more{margin-top:1.4rem;margin-bottom:2.85rem;display:block;width:10.35rem;height:3.25rem;background:#ca3839;-o-transition:all .5s ease;transition:all .5s ease;font-size:0;text-align:center}
.intro a.more span{display:inline-block;font-size:1.2rem;color:#fff;line-height:3.25rem;vertical-align:middle}
.intro a.more img{display:inline-block;width:1.3rem;margin-left:.8rem;vertical-align:middle;-o-transition:all .5s ease;transition:all .5s ease}
.intro a.more:hover{opacity:.9}
.intro a.more:hover img{margin-left:1rem}
/*
.intro .vd{position:relative;overflow:hidden}
.intro .vd:after{width:3.25rem;height:3.25rem;background:#fff url(../images/icon_video.png) no-repeat center;background-size:3.25rem;box-shadow:.25rem .433rem 20px 10px rgba(201,55,57,.4);position:absolute;content:"";border-radius:50%;top:9.55rem;left:50%;margin-left:-1.6rem}
    */
.product{padding:2.7rem 2.66% 2.3rem}
.product .more a{display:block;text-align:center;font-size:1.2rem;color:#48926d;line-height:100%;font-weight:700;margin-top:.9rem}
.pro_nav{text-align:center;margin:1.5rem 0 1.2rem}
.pro_nav h3{display:inline-block;margin:0 1rem}
.pro_nav h3 a{display:block;font-size:1.2rem;color:#666;line-height:2.5rem;font-weight:400;-o-transition:all .5s ease;transition:all .5s ease}
.pro_nav h3 a:hover{font-weight:700;color:#48926d}
.pro_list{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap}
.pro_list dl{width:48.45%;overflow:hidden;background:#e1e1e1;position:relative;margin-bottom:1.25rem}
.pro_list dd a{display:block;padding:0 1rem 1.5rem;box-sizing:border-box;text-align:center}
.pro_list dd h4{font-size:1.4rem;color:#333;line-height:100%;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro_list dd p{font-size:1.2rem;color:#666;line-height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.5rem}
.hot{padding:2.95rem 2.66% 3.7rem;background:#f4f4f4;overflow:hidden}
.hot_nav{text-align:center;font-size:0;margin:2rem 0;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between}
.hot_nav h3{display:inline-block;display:block;font-size:1.2rem;color:#666;line-height:2.3rem;padding:0 1rem;border:.1rem solid #d2d2d2;border-radius:1.25rem;font-weight:400;-o-transition:all .5s ease;transition:all .5s ease}
/* .hot_nav h3 a{} */
.hot_nav h3.on,.hot_nav h3:hover{border-color:#ca3839;font-weight:700;color:#333}
.hot .swiper-slide{height:auto;background:#f4f4f4}
.hot .pic{width:20.75rem;margin:0 auto 1rem;height: 18.75rem;}

.hot ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap}
.hot li{width:47.6%;background:#fff;border-radius:2.5rem;padding:1.25rem 2.1rem;box-sizing:border-box;margin-bottom:1.65rem}
.hot li img{display:block;width:3.3rem}
.hot li strong{display:block;font-size:1.2rem;color:#333;line-height:100%;margin:1.1rem 0 .5rem}
.hot li span{display:block;font-size:1.2rem;color:#666;line-height:1.8rem}
.hot .btn_group{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between}
.hot .btn_group a{display:block;width:47.6%;height:3.75rem;background:#ca3839;border-radius:1.85rem;text-align:center}
.hot .btn_group a span{display:inline-block;font-size:1.2rem;color:#fff;line-height:3.75rem;font-weight:700;vertical-align:middle}
.hot .btn_group a img{width:2.3rem;vertical-align:middle;display:inline-block;margin-left:2.15rem}
.hot .btn_group a.ask{background:#48926d}
.custom{background:url(../images/custom_bg.jpg) no-repeat center top;background-size:100% 100%;height:32.4rem;padding:4.1rem 2.66%;box-sizing:border-box}
.custom h2 strong{display:block;font-size:4rem;color:#48926d;line-height:100%;font-weight:400}
.custom h2 span{display:block;font-size:1.2rem;color:#fff;line-height:100%;font-weight:400;margin:.8rem 0 .95rem}
.custom h2 em{display:block;font-style:normal;font-size:1.3rem;color:#fff;line-height:100%;font-weight:700}
.custom .custom_tel{display:flex;display:-webkit-flex;flex-direction:column;text-align:center;width:54%}
.custom .custom_tel>img{width:2.7rem;display:block;margin:4rem auto 1.85rem}
.custom .custom_tel strong{display:block}
.custom .custom_tel strong a{display:block;font-size:2.5rem;color:#fff;line-height:100%;white-space:nowrap}
.custom .custom_tel>a{display:block;width:9.9rem;height:2.2rem;background:#ca3839;border-radius:1.1rem;-o-transition:all .5s ease;transition:all .5s ease;margin:1.5rem auto 0}
.custom .custom_tel>a span{display:inline-block;font-size:1.2rem;color:#fff;line-height:2.2rem;font-weight:700;vertical-align:middle}
.custom .custom_tel>a img{width:1.35rem;vertical-align:middle;display:inline-block;margin-left:.5rem;-o-transition:all .5s ease;transition:all .5s ease}
.custom .custom_tel>a:hover{opacity:.9}
.custom .custom_tel>a:hover img{margin-left:.7rem}
.industry{padding:3.25rem 2.66% 2.45rem;background:url(../images/industry_bg.jpg) no-repeat center top;background-size:100% 100%;box-sizing:border-box;overflow:hidden}
.industry_recommend{margin-top:1.6rem;padding-bottom:1.7rem;overflow:hidden}
.industry_recommend dl{background:#fff}
.industry_recommend dd{padding:2.3rem 3.1rem 2.4rem}
.industry_recommend dd h4 span,.industry_recommend dd h4 strong{display:block;font-size:1.8rem;color:#333;line-height:2.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.industry_recommend dd p{font-size:1.2rem;line-height:2rem;color:#666;max-height:6rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:1.3rem 0 1.7rem}
.industry_recommend dd i{display:block;width:7.55rem;height:2.6rem;background:#ca3839;border-radius:1.3rem;font-size:1.2rem;color:#fff;line-height:2.6rem;text-align:center;font-weight:700;-o-transition:all .5s ease;transition:all .5s ease}
.industry_recommend dd i:hover{width:8rem}
.industry_recommend .swiper-pagination{bottom:0!important;position:relative;margin-top:1rem}
.industry_recommend .swiper-pagination-bullet{opacity:1;width:.8rem;height:.8rem;background:#fff;border-radius:50%;margin:0 .5rem!important}
.industry_recommend .swiper-pagination-bullet-active{opacity:1;background:#ca3839}
.industry_list{position:relative;overflow:hidden}
.industry_list .industry_list_con{overflow:hidden}
.industry_list li{width:48.59%;line-height:0;overflow:hidden;position:relative}
.industry_list li h4{position:absolute;width:100%;height:100%;left:0;bottom:0;box-sizing:border-box;background:url(../images/industry_mask.png) no-repeat center bottom;font-size:1.2rem;color:#fff;line-height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:10.65rem 1rem 0;font-weight:700}
.industry_list .industry_next,.industry_list .industry_prev{position:absolute;width:2.15rem;height:2.15rem;background:#48926d;cursor:pointer;-o-transition:all .5s ease;transition:all .5s ease;top:5.6rem;left:.75rem;border-radius:50%;z-index:9}
.industry_list .industry_next:hover,.industry_list .industry_prev:hover{opacity:.9}
.industry_list .industry_next{left:auto;right:.75rem;background:#ca3839}
.client{padding-top:2.7rem;overflow:hidden}
.client h3 a{display:block;overflow:hidden;position:relative;margin-bottom:1.3rem}
.client h3 em{display:block;font-size:1.7rem;color:#48926d;line-height:100%;font-weight:400;font-style:normal;float:left;margin-right:1.05rem}
.client h3 strong{font-size:3rem;color:#ca3839;line-height:100%;display:inline-block;vertical-align:-.2rem}
.client h3 i{display:block;font-size:1.2rem;color:#ca3839;line-height:100%;text-transform:uppercase;font-weight:700}
.client h3 span{display:block;font-size:1.2rem;color:#666;line-height:100%;font-weight:400;margin-top:.3rem;letter-spacing:.3rem}
.client li{width:11.05rem;line-height:0;background:#fff;box-shadow:0 0 .5rem 0 rgba(0,0,0,.08);overflow:hidden}
.client .more a{display:block;font-size:1.2rem;color:#48926d;line-height:100%;margin-top:1.5rem;font-weight:700}
.ys{padding-top:3rem;overflow:hidden}
.ys h2{margin-bottom:2.35rem}
.ys h2 em{margin-top:0}
.ys h2 b{font-size:3rem;color:#ca3839;line-height:100%;vertical-align:-.2rem}
.ys h2 span{margin-top:.4rem}
.ys_list{margin-left:2.66%;padding-right:17.2%}
.ys_list dl{position:relative}
.ys_list dl:after{position:absolute;content:"";width:100%;height:100%;background:rgba(0,0,0,.6);left:0;top:0;-o-transition:all .5s ease;transition:all .5s ease}
.ys_list .swiper-slide-active:after{opacity:0}
.ys_list dt{overflow:hidden}
.ys_list dt img{width:140%}
.ys_list dd{position:absolute;width:80%;left:10%;top:5rem}
.ys_list dd i{display:block;position:relative;width:2rem;height:2.05rem;margin-bottom:1.9rem}
.ys_list dd i img{max-width:100%}
.ys_list dd h3 strong{display:block;font-size:1.5rem;color:#fff;line-height:2rem}
.ys_list dd h3 strong+strong{margin-bottom:.9rem}
.ys_list dd h3 span{display:block;font-size:1.5rem;color:rgba(255,255,255,.5);line-height:2rem;text-transform:uppercase;font-weight:700}
.ys_list dd p{font-size:1.1rem;color:#fff;line-height:1.8rem;margin-top:2rem}
.honor{padding:2.9rem 2.66% 1.7rem}
.honor h2 a{display:block}
.honor h2 strong{display:block;font-size:2rem;color:#48926d;line-height:100%}
.honor h2 span{display:block;font-size:1.5rem;color:#666;line-height:100%;margin-top:.75rem;letter-spacing:.4rem;font-weight:400}
.honor .honor_con{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin:1.5rem 0 .7rem}
.honor .honor_con li{width:19%;margin-bottom:.5rem}
.honor_list{overflow:hidden;height:17.5rem}
.honor_list li{height:2.5rem}
.honor_list li a{display:block;font-size:1.2rem;color:#333;line-height:2.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-o-transition:all .5s ease;transition:all .5s ease}
.honor_list li a:before{content:"> "}
.honor_list li a:hover{color:#48926d}
.news{background:url(../images/news_bg.jpg) no-repeat center top;background-size:100% 100%;padding:3.4rem 2.66% 2.6rem}
.news_nav{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;margin:1.5rem 0 1.75rem}
.news_nav h3 a{display:block;font-size:1.5rem;color:#333;line-height:100%;-o-transition:all .5s ease;transition:all .5s ease}
.news_nav h3.on a,.news_nav h3:hover a{color:#48926d;font-weight:700}
.news dl{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;margin-bottom:1.8rem}
.news dt{width:26.9%}
.news dd{width:70.3%}
.news dd h4,.news dd p{padding-left:1rem;position:relative}
.news dd h4{font-size:1.5rem;color:#333;line-height:2.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;margin-bottom:1.1rem;-o-transition:all .5s ease;transition:all .5s ease}
.news dd p{font-size:1.2rem;line-height:1.8rem;color:#666;max-height:3.6rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news .answer dd h4,.news .answer dd p{padding-left:2.5rem;position:relative}
.news .answer dd h4:before,.news .answer dd p:before{position:absolute;content:"";content:"Q";left:0;top:.35rem;width:1.75rem;height:1.6rem;background:#48926d;font-size:.85rem;color:#fff;line-height:1.6rem;text-align:center;font-weight:700;-o-transition:all .5s ease;transition:all .5s ease}
.news .answer dd p:before{content:"A";background:#ca3839;top:.3rem}
.news .more a{display:block;font-size:1.2rem;color:#48926d;line-height:100%;font-weight:700}
.g-ft{margin-top:0!important}