@charset "utf-8";
.wrap img{display:block;width:100%;}
body{background: url(/mobile/Images/Index/body_bg.jpg) repeat-y center 0;}

.tit{text-align: center;font-weight: normal;padding-bottom: 1rem;position: relative;}
.tit:after{position: absolute;width: 2.6rem;height: 1px;content: "";background: #F6403A;left: 50%;bottom: 0;margin-left: -1.3rem;}
.tit b{display: block;font-size: 2.5rem;color: #000;line-height: 3rem;}
.tit i{display: block;font-size: 1.6rem;color: #000;line-height: 3rem;}


/*banner*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.g-adv .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #fff;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #f6403a;}


/*fact*/
.fact{padding: 3.5rem 1rem 4rem;}
.fact h2{margin-bottom: 2.5rem;}
.fact_con dl{height: 15.7rem;background: #fff;margin-bottom: 0.6rem;}
.fact_con dt{float: left;width: 42%;}
.fact_con dt img{height: 15.7rem;}
.fact_con dd{float: right;width: 58%;height: 15.7rem;padding: 0 3rem;box-sizing: border-box;}
.fact_con dd h3{font-size: 1.6rem;color: #000;line-height: 1.8rem;font-weight: bold;margin: 3rem 0 1.3rem;}
.fact_con dd h3 img{float: left;width: auto;height: 2.5rem;margin: 0.55rem 1.2rem 0 0;}
.fact_con dd h3 em{color: #f6403a;}
.fact_con dd p{font-size: 1.2rem;color: #4c4c4c;line-height: 1.5rem;}
.fact_con dl:nth-child(2) dt{float: right;}


/*spt*/
.spt{height: 55rem;background: url(/mobile/Images/Index/spt_bg.jpg) no-repeat center 0;background-size: 100% 55rem;}
.spt h2{padding: 4.1rem 0 0;margin-bottom: 3.4rem;}
.spt h2:after{display: none;}
.spt h2 b{color: #fff;line-height: 2.5rem;}
.spt h2 i{color: #fff;padding-top: 1rem;line-height: 1.6rem;}
.spt ul{text-align: center;font-size: 0;}
.spt li{display: inline-block;width: 15rem;height: 17.4rem;margin: 0 1.8rem 3.2rem 1.8rem;background: url(/mobile/Images/Index/liu.png) no-repeat;background-size: 100% 17.4rem;}
.spt li img{display: block;width: auto;height: 4rem;margin: 0 auto;padding: 4.2rem 0 1.1rem;}
.spt li p{font-size: 1.6rem;color: #333;line-height: 1.8rem;}


/*jmhz*/
.jmhz{padding: 5rem 1rem 2.5rem;}
.jmhz h3{height: 4.6rem;line-height: 4.6rem;padding: 0 2rem;font-size: 1.6rem;color: #fff;font-weight: bold;background: url(/mobile/Images/Index/jmhz_t.jpg) no-repeat;background-size: cover;}
.jmhz h3 i{float: right;font-size: 1.2rem;}
.jmhz h3 a{color: #fff;}
.jmhz_list{border: 2px solid #F6403A;padding: 1.4rem 3rem;border-top: 0;box-sizing: border-box;background: #fff;}
.jmhz_list p{height: 3.7rem;line-height: 3.7rem;font-size: 1.3rem;color: #202020;padding-left: 1.5rem;position: relative;}
.jmhz_list p:after{position: absolute;width: 0.5rem;height: 0.5rem;content: "";background: #dddcdc;border-radius: 50%;left: 0;top: 50%;margin-top: -0.25rem;}
.jmhz_list p a{color: #202020;white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;}


/*pro*/
.pro{padding: 2rem 1rem 4.5rem;}
.pro h2{padding-bottom: 0.5rem;margin-bottom: 2.2rem;}
.pro h2 i{color: #666;}
.pro li{float: left;width: 48.6%;margin-bottom: 1rem;}
.pro li:nth-child(2n){float: right;}
.pro li span{display: block;height: 5.4rem;line-height: 5.4rem;padding: 0 1.5rem;background: url(/mobile/Images/Index/pro_jt.png) no-repeat 89% center #fff;background-size: 2.4rem 2.4rem;font-size: 1.6rem;color: #000;}


/*why*/
.why{padding: 3.5rem 1rem 5rem;}
.why h2{padding-bottom: 0.6rem;margin-bottom: 2.2rem;}
.why_t{height: 4.7rem;line-height: 4.7rem;font-size: 1.6rem;color: #fff;margin-bottom: 0.4rem;text-align: center;background: #f6403a;}
.why_t span{float: left;width: 50%;}
.why_con h3{height: 4.2rem;line-height: 4.2rem;margin-top: 0.3rem;background: #fff;position: relative;}
.why_con h3 span{float: left;font-size: 1.2rem;color: #707070;width: 50%;font-weight: normal;padding: 0 1.5rem;box-sizing: border-box;}
.why_con h3 i{position: absolute;font-size: 1.8rem;color: #242f41;width: 2.5rem;text-align: center;left: 50%;margin-left: -1.25rem;top: 0;font-weight: bold;}
.why_con h3 span:nth-child(2){text-align: right;}
.why_item{display: none;height: 15.4rem;margin-top: 0.3rem;position: relative;}
.why_item:after{position: absolute;width: 2.9rem;height: 2.9rem;left: 50%;top: 5.2rem;transform: translate(-50%,0);content: "";background: url(/mobile/Images/Index/vs.png) no-repeat;background-size: cover;}
.why_item dl{float: left;width: 50%;position: relative;overflow: hidden;}
.why_item dt img{display: block;width: 100%;height: 15.4rem;transition: all 0.5s;}
.why_item dd{position: absolute;width: 100%;height: 4.5rem;left: 0;bottom: 0;background: rgba(246,64,58,0.84);padding: 0 1.5rem;box-sizing: border-box;}
.why_item dl:nth-child(2) dd{background: rgba(102,102,102,0.84);text-align: right;}
.why_item dd em{display: block;font-size: 1.2rem;color: #fff;line-height: 4.5rem;font-weight: bold;}
.why_con h3.on{display: none;}
.why_item:nth-child(2){display: block;}


/*ys*/
.ys{padding: 0 0 5rem;}
.ys h2{height: 13.25rem;padding-top: 2.8rem;box-sizing: border-box;background: url(/mobile/Images/Index/ys_t.png) no-repeat center 0;background-size: 100% 13.25rem;text-align: center;font-weight: normal;color: #fff;line-height: 3rem;}
.ys h2 i{display: block;font-size: 2rem;}
.ys h2 b{display: block;font-size: 2.5rem;}
.ys h2 em{display: inline-block;font-size: 3rem;vertical-align: top;transform: translateY(-0.4rem);}
.ys_con{margin: 0 1rem;}
.ys_con dd{height: 26.5rem;background: #fff;position: relative;padding: 0 2.5rem;}
.ys_con dd:after{position: absolute;width: 5.2rem;height: 1.3rem;content: "";background: url(/mobile/Images/Index/san1.png) no-repeat;background-size: cover;right: 6.2rem;top: -0.9rem;}
.ys_con h3{height: 6.2rem;font-weight: normal;padding: 3.2rem 0 2.2rem;}
.ys_con h3 i{float: left;width: 4rem;height: 6.2rem;padding-top: 1.4rem;text-align: center;font-size: 2.4rem;line-height: 2rem;color: #fff;background: url(/mobile/Images/Index/num_bg.jpg) no-repeat;margin-right: 1.3rem;box-sizing: border-box;}
.ys_con h3 i em{display: block;font-size: 0.7rem;text-transform: uppercase;opacity: 0.64;line-height: 2rem;}
.ys_con h3 b{display: block;font-size: 1.8rem;color: #f6403a;line-height: 2.1rem;padding-top: 1rem;}
.ys_con h3 span{display: block;font-size: 1.5rem;color: #282828;line-height: 2.1rem;}
.ys_desc p{font-size: 1.2rem;color: #626262;line-height: 1.5rem;padding-left: 1rem;position: relative;margin-bottom: 0.8rem;}
.ys_desc p:after{position: absolute;width: 0.5rem;height: 0.5rem;content: "";border: 2px solid #F6403A;box-sizing: border-box;border-radius: 100%;left: 0;top: 0.5rem;}
.ys_desc p em{color: #f6403a;}
.ys_t{height: 5rem;background: #f6403a;margin: 0.2rem 1rem 0;}
.ys_t li{float: left;width: 25%;height: 5rem;line-height: 5rem;text-align: center;font-size: 1.8rem;color: #fff;font-weight: bold;box-sizing: border-box;}
.ys_t li.on{background: #fff;border-bottom: 0.5rem solid #f6403a;color: #f6403a;}


/*case*/
.case{padding: 4rem 1rem 5rem;background: #e7e5e0;}
.case h2{padding-bottom: 1.5rem;margin-bottom: 2.8rem;}
.case h2 i{font-size: 2.1rem;}
.case_con{padding: 2.4rem 1.6rem 0.5rem;background: url(/mobile/Images/Index/case_bd.jpg) no-repeat;background-size: cover;}
.case_con dl{float: left;width: 47.5%;margin-bottom: 2rem;}
.case_con dl:nth-child(2n){float: right;}
.case_con dd h4{font-size: 1.2rem;color: #333;line-height: 3.5rem;height: 3.5rem;font-weight: bold;}
.case_con dd h4 a{color: #333;display: block;height: 3.5rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case_con dd .xq{display: block;width: 9rem;height: 2.8rem;line-height: 2.6rem;text-align: center;font-size: 1.2rem;color: #F6403A;box-sizing: border-box;border: 2px solid #F6403A;border-radius: 1.4rem;font-weight: bold;}


/*abt*/
.abt{padding: 4.5rem 1rem 5rem;}
.abt h2{padding-bottom: 0.6rem;margin-bottom: 2.8rem;}
.abt h2 i{color: #666;}
.qyfc p{float: left;width: 49%;overflow: hidden;position: relative;}
.qyfc p span{position: absolute;left: 0;bottom: 0;height: 2rem;line-height: 2rem;width: 100%;font-size: 1.2rem;color: #fff;text-align: center;background: rgba(246, 64, 58, 0.84);}
.qyfc p:nth-child(2){float: right;}
.abt_desc{font-size: 1.3rem;color: #4c4c4c;line-height: 2rem;padding: 2rem 1rem;}
.abt .xq{display: block;width: 2rem;margin: 0 auto;}


/*news*/
.news{padding: 4.5rem 4% 6.8rem;background: #e7e5e0;}
.new_t{height: 3.5rem;margin-bottom: 2.2rem;}
.new_t span{float: left;width: 33%;height: 3.5rem;line-height: 3.5rem;text-align: center;font-size: 1.3rem;color: #000;background: #fff;border-radius: 1.75rem;margin-right: 0.5%;}
.new_t span:last-child{margin-right: 0;}
.new_t span.on{font-weight: bold;background: #f6403a;color: #fff;}
.new_con .swiper-slide{padding: 0.5rem 1rem;background: #fff;box-sizing: border-box;}
.new_con dl{height: 6.8rem;padding: 1.2rem 0;border-bottom: 1px solid #e4e4e4;}
.new_con dt{float: left;width: 38%;}
.new_con dt img{height: 6.8rem;}
.new_con dd{float: left;width: 54%;height: 6.8rem;margin-left: 1.4rem;}
.new_con dd h4{font-size: 1.3rem;color: #333;line-height: 2.1rem;margin-bottom: 0.9rem;}
.new_con dd h4 a{color: #333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.new_con dd p{font-size: 1.2rem;color: #999999;line-height: 1.7rem;}
.new_con dl:last-child{border: 0;}