/*-----------------------------------------------------------------------------------------------------------------------*/
.wrap img{ width:100%;}

.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:0.6rem;height: 2.2rem;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1; width:0.9rem; height:0.9rem; border-radius:0.9rem;box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0 , 0.2);}
.ban .swiper-pagination-bullet-active{background: #ad000d;}

.til01{text-align: center;color: #111;font-size:2.4rem;line-height:2.9rem;font-family: "Microsoft Yahei";clear: both;display: block;height:6.7rem;white-space: nowrap;}
.til01 p{display: block;font-size:1.2rem;line-height:1.7rem;opacity: 0.5;}
.m-about .til01 p{opacity:1;}
.til01 a{color: #111;}
.til02{color: #fff;}

/* 引子 */
.m-webox{ padding:2.4rem 3.46% 0;font-size: 1.2rem;line-height: 1.5rem;color: #111;text-align: center;height: 21.6rem;background:url(../images/webg.jpg) no-repeat 0 0;background-size:100% 24rem;}
.m-webox h2{height:7.4rem; color:#333;position: relative;}
.m-webox h2 span{width:25.3rem; height:2.25rem; background:#ad000d;color: #fff;font-size: 1.5rem;line-height: 2.25rem;display: block;margin: 0 auto;}
.m-webox h2 p{display: block;font-size:2.4rem;color: #000;line-height:3.3rem;}
.webox_w{padding: 0 0 0.4rem;}
.m-webox span{ display:block; width:2.2rem;margin: 0 auto;}

/* 产品 */
.m-pro{ padding:2.3rem 2.66% 3rem;font-size: 1.1rem;line-height:1.2rem;color: #666;overflow: hidden;}
.prod1 p{margin-bottom: 0.55rem;}
.prod1 p,.prod1 p img{display: block;}
.prod1 li{width:49.3%;float: left;margin-bottom: 0.6rem;position: relative;}
.prod1 ul a:nth-child(2n) li{margin-left: 1.4%;}
.prod1 li p,.prod1 li p img{display: block;width:100%;}
.prod1 li span{position: absolute;width:80%;left:1.5rem;top:1rem;color: #000;font-size: 1.3rem;line-height: 1.4rem;height: 5.5rem;background:url(../images/ico01.png) no-repeat 0 bottom;background-size:1.25rem 1.25rem!important;}
.prod1 li span em{display: block;font-size:0.7rem;line-height:0.8rem;opacity: 0.5;}
.prod1 li:hover span a{background:url(../images/ico02.png) no-repeat 0 bottom;}
.prod2 dl{position: relative;margin-bottom: 0.1rem;}
.prod2 dl,.prod2 dt,.prod2 dt img{width:100%;display: block;overflow: hidden;}
.prod2 dd{width: 71%;position: absolute;left:5.35%;top:1.6rem;color: #5d666f;}
.prod2 dd h4{font-size:1.5rem;font-weight: normal;line-height:2.2rem;color: #000;}
.prod2 dd h4 b{color: #ad000d;font-weight: normal;}

/* 品质 */
.m-chara{position: relative;}
.chara_p,.chara_p img{width: 100%;display: block;}
.chara_l{position: absolute;width:94.9%;left:2.55%;top: 17.3rem;text-align: center;}
.chara_l ul{width:100%;height: 15.1rem;background: #fff;border-radius: 0.8rem 0 0 0;margin-bottom: 1.5rem;}
.chara_l li {width:32.58%;float: left;padding: 0.2rem 0 0 0.7%;}
.chara_l li img{width: 100%;display: block;border-radius:0.45rem 0 0 0;}
.chara_l li span{display: block;padding:1rem 0 0;font-size: 1.2rem;color: #000;line-height: 1.3rem;}
.chara_l li span em{display: block;font-size:0.6rem;line-height:0.9rem;color: #acacac;}

.chara_ico{display: block;text-align: center;font-size: 16px;line-height:2.5rem;height:2.5rem;}
.chara_ico a{background: #fff;color: #191c24;display: block;width:11.6rem;float: left;font-size: 1.1rem;}
.chara_ico a:nth-child(1){background: #ad000d;color: #fff;margin-right:0.35rem;}

/* 案例 */
.m-case{padding:2.4rem 2.66%;font-size: 1.2rem;line-height: 1.5rem;color: #6d6d6d;clear: both;background:url(../images/casebg.jpg) no-repeat 0 bottom;background-size:100% auto #edeeee;border-bottom: 0.55rem solid #ad000d;}
.case_t{text-align: center;height: 2.7rem;font-size: 1.2rem;line-height: 2.2rem;}
.case_t span{display: inline-block;width: 8.7rem;height: 2.2rem;background: #292d36;color: #fff;}
.case_t span a{display: inline-block;color: #fff;}
.case_t span.cur{background: #b11621;}
.case_t span::nth-child(1){margin-right: 0.25rem;}
.case_c{ position:relative;overflow: hidden;}
.case_erji{text-align: center;height: 3.2rem;line-height: 3.2rem;font-size: 1.2rem;color: #9ea0a1;}
.case_erji a{color: #2a2d33;padding: 0 0.5rem;}
.case_c dt,.case_c dt img{ display:block; width:100%;}
.case_c dd{padding: 0.8rem 0 0;}
.case_c dd h3{height:5.5rem;font-size: 1.5rem;font-weight: bold;line-height: 2.4rem;color: #333;}
.case_c dd h3 span{display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd p a{color: #ad000d;}

/* 优势 */
.m-edge{position:relative;padding:2.6rem 0 0;font-size: 1.1rem;line-height:1.1rem;color: #4b4b4b;position: relative;}
.m-edge .til01{height: 8rem;}
.edge_t{position: absolute;width:94.9%;left:2.55%;top:8.1rem;background: #fff;border-radius:2.25rem;overflow: hidden;z-index: 9;box-shadow: 0 0 5px 5px rgba(0, 0, 0 , 0.1);height: 4.5rem;}
.edge_t li{width: 25%;float: left;height:4.5rem;position: relative;text-align: center;font-size:1.2rem;line-height:1.7rem;color: #000;}
.edge_t li:before{content: "";position: absolute;width:1px;height:3.5rem;top:12px;left: 0;background: rgba(0, 0, 0 , 0.2);}
.edge_t li span,.about_l li span{width: 1.9rem;height:2.15rem;display: block;position: relative;overflow: hidden;margin:0.4rem auto 0;}
.edge_t li span i,.about_l li span i{width:1.9rem;height:2.15rem;position: absolute;display: block;top:0;left:0;background-size:1.9rem 5.115rem!important;}
.about_l li span,.about_l li span i{width: 1.8rem;height:2rem;margin: 0;background-size:1.8rem 4.98rem!important;}
.edge_t li span i.default,.about_l li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.edge_t li span i.hover,.about_l li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.edge_t li:hover,.edge_t li.cur,.about_l li:hover,.about_l li.cur{background: #ad000d;color: #fff;}
.about_l li:hover p,.about_l li.cur p{color: #fff;}
.edge_t li:hover span .default,.edge_t li.cur span .default,.about_l li:hover span i.default,.about_l li.cur span i.default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.edge_t li:hover span .hover,.edge_t li.cur span .hover,.about_l li:hover span i.hover,.about_l li.cur span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.edge_c dl{background: #e3e3e3;}
.edge_c dt,.edge_c dt img{ display:block; width:100%;}
.edge_c dd{ padding:1.2rem 2.66rem 0;height: 17.8rem;}
.edge_c dd h3{ font-size:1.5rem; color:#000;height:2.4rem;line-height:2.4rem;}
.edge_c dd li{float: left;height: 4.4rem;border-right: solid 1px #a0a0a0;padding: 0 1.4rem 0 0;margin-right: 1.4rem;color: #191c24;}
.edge_c dd li span{display: block;height: 1.5rem;position: relative;padding-left: 0.75rem;}
.edge_c dd li span:before{content: "";position: absolute;width:0.2rem;height:0.95rem;top:0.2rem;left: 0;background:#ad000d;}
.edge_c dd li p{height: 3rem;padding-left: 0.75rem;}
.edge_c dd li p b{font-size: 3rem;font-weight: normal;line-height: 3rem;}
.edge_l{padding-bottom: 1rem;}
.edge_c dd h4{font-weight: normal;font-size: 1.5rem;line-height:3.1rem;color: #000;white-space: nowrap;}
.edge_c dd p{padding: 0 0 0.6rem;}

/*服务*/
.m-serv{clear: both;line-height:1rem;padding:2.4rem 0 0;font-size:0.9rem;color: #5d5d5d;position: relative;}
.serv_c{background:url(../images/servbg.jpg) no-repeat center 0;height: 25.5rem;background-size:100% auto;}
.serv_r{width:35.8%;overflow: hidden;padding:2.1rem 10% 0 0;float: right;}
.serv_rc h3{height:6.7rem;}
.serv_r h3 em{display: block;width:4.7rem;line-height: 1.4rem;font-size: 1rem;text-align: center;background: #ad000d;color: #fff;font-weight: normal;}
.serv_r h3 span{display: block;height:1.4rem;line-height:1.4rem;font-size:1.2rem;color: #191c24;font-weight: normal;}
.serv_r p{margin-bottom: 12px;}
.serv_r .chara_ico a{width:49%;height:2.15rem;background:#191c24;float: left;margin: 0 0 0 1%;color: #fff;line-height: 2.15rem;}
.serv_r .chara_ico a:first-child{background: #ad000d;}

/*数据*/
.m-record{font-family:"Microsoft Yahei";height:30rem;position: relative;text-align: center;background:url(../images/recordbg.jpg) no-repeat center 0;background-size:100% 34.6rem;padding:2.3rem 0;color: #fff;font-size:1.2rem;line-height:1.4rem;}
.record_c{padding: 1.7rem 0 0;}
.record_c li{width:29%;height:9.55rem;float: left;border-radius:0.4rem;margin: 0 0 1rem 3.73%;background: #ad000d;text-shadow:2px 2px 0 #7b000a;}
.record_c li:nth-child(3n-2){margin-left:2.66%;}
.record_c li span{display: block;height: 5.8rem;}
.record_c li span b{line-height: 5.8rem;text-shadow:2px 5px 0 #7b000a;font-size:4rem;}

/* 资讯 */
.m-news{padding:2.6rem 2.66% 2.9rem;font-size: 1.1rem;line-height:2.4rem;color: #3f3f3f;}
.newt{height:2.5rem;line-height:1.7rem;font-size: 1.2rem;position: relative;z-index: 1;overflow: hidden;text-align: center;}
.newt li{ display:block; float:left;width: 33.33%;color: #000;}
.newt li span{display: inline-block;padding-left: 2.3rem;background-size:1.75rem 1.7rem!important;}
.newt li.active{font-weight: bold;}
.news_c {overflow: hidden;}
.news_c dl{display: block;position: relative;display: block;}
.news_c dt,.news_c dt img{ display:block; width:100%;}
.news_c dd{ width:100%;position: absolute;padding: 0 0 0 3.44%;line-height:2.1rem;height:2.1rem;background: rgba(0, 0, 0 , 0.8);color: #fff;left: 0;bottom: 0;}
.news_c ul{background: #fff;box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0 , 0.1);padding: 0.5rem 1.2rem 1rem;margin: 0 0 1rem;}
.news_c li{ height:2.5rem; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;color:#3f3f3f;line-height: 2.5rem;}
.new_more span{display: block;width: 11.65rem;line-height: 3.1rem;text-align: center;height: 3.1rem;background: #ad000d;color: #fff;margin: 0 auto;}

/* 关于 */
.m-about{font-size: 1.2rem;line-height:1.3rem;color: #000;background:url(../images/aboutbg.jpg) no-repeat center 0;background-size:100% auto;padding: 3.3rem 2.66%;}
.about_l{background: #fff;height:6.55rem;border-radius:0.35rem;margin: 8.85rem 0 0;box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0 , 0.1);}
.about_l li{float: left;width:25%;height:6.55rem;position: relative;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding:1rem 0 0 1.6rem;}
.about_l li:before{content: "";position: absolute;width:1px;height:4rem;top:1.2rem;right: 0;background:#ccc;}
.about_l li:last-child:before{width: 0;height: 0;}
.about_l li p{padding:0.7rem 0 0;color: #000;}
.about_l li p em{display: block;opacity: 0.5;font-size:0.6rem;line-height:0.8rem;}




html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@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:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}