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

.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:2rem!important;}
.webox_l .swiper-pagination,.serv_c .swiper-pagination,.chara_c .swiper-pagination,.edge_c .swiper-pagination,.power_c .swiper-pagination{ bottom:0;height:2.8rem;}
.ban .swiper-pagination-bullet,.webox_l .swiper-pagination-bullet,.serv_c .swiper-pagination-bullet,.chara_c .swiper-pagination-bullet,.edge_c .swiper-pagination-bullet,.power_c .swiper-pagination-bullet{background:#333;opacity:1; width:0.9rem; height:0.9rem; border-radius:0.9rem;margin: 0 0.8rem!important;}
.ban .swiper-pagination-bullet{background:#fff;}
.ban .swiper-pagination-bullet-active,.webox_l .swiper-pagination-bullet-active,.serv_c .swiper-pagination-bullet-active,.chara_c .swiper-pagination-bullet-active,.edge_c .swiper-pagination-bullet-active,.power_c .swiper-pagination-bullet-active{background:#3765ea;width:2.9rem;}

.til01{text-align: center;color: #333;font-size:1.2rem;line-height:2.1rem;font-family: "Microsoft Yahei";display: block;white-space: nowrap;padding: 0 0 1.5rem;}
.til01 span{display: block;font-size:2.5rem;line-height:3.3rem;height:3.3rem;font-weight: bold;}
.til01 a{color: #333;}
.til01 b{color: #3765ea;}
.til02,.til02 a{color: #fff;}

/* 引子 */
.m-webox{position: relative;padding:2rem 4%;z-index: 2;font-size: 1.3rem;line-height:2.2rem;color: #666;text-align: center;}
.webox_p,.webox_p img{width: 100%;height: 19rem;display: block;}
.webox_w{padding: 1.6rem 0 1.9rem;}
.webox_l{position: relative;overflow: hidden;padding: 0 0 4.4rem;}
.webox_l li{float: left;width:50%;height: 8.8rem;box-sizing:border-box;border: solid 1px #dedede;color: #333;}
.webox_l li span{display: block;font-size: 2.8rem;line-height:3.2rem;padding: 1.7rem 0 0;font-weight: bold;}
.webox_l li em{display: inline-block;line-height: 1.2rem;font-size: 1.2rem;}

/*产品中心*/
.m-probox{position: relative;padding:2.9rem 4% 4.1rem;z-index: 1;background: #f1f1f1;line-height: 2.1rem;font-size: 1.2rem;}
.pro_t{font-size:1.3rem;line-height: 3.6rem;display: block;overflow: hidden;text-align: center;}
.pro_t li{width:49%;height: 3.6rem;background: #353a3f;margin-bottom: 0.7rem;display: block;float: left;color: #fff;}
.pro_t li.cur{background:#3765ea;}
.pro_t li:nth-child(2n){margin-left: 2%;}

.pro_c{overflow: hidden;clear: both;}
.pro_c dl{background: #fff;}
.pro_c dt,.pro_c dt img,.pro_c li img{width: 100%;display: block;height: 19vh;}
.pro_c dd{padding: 2rem 2.7rem 0;color: #333;height: 6.5rem;}
.pro_c dd h4{font-size: 1.5rem;line-height: 2.5rem;font-weight: bold;}
.pro_c li{width:48.26%;float: left;margin-top: 1.1rem;text-align: center;}
.pro_c li span{background: #fff;height:3.1rem;line-height: 3.1rem;color: #333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 6px;}
.pro_c ul a:nth-child(2n) li{margin-left:3.48%;}
.more01{display: block;width: 12rem;height: 2.9rem;line-height: 2.9rem;text-align: center;background: #3765ea;border-radius: 1.45rem;font-size: 1.2rem;margin: 2rem auto 0;}
.more01 span{display: inline-block;color: #fff;}

/* 服务 */
.m-serv{padding:2.3rem 0 2rem;font-size: 1.3rem;line-height: 1.85rem;position: relative;}
.prev1,.next1,.prev3,.next3,.prev4,.next4{width: 2.65rem;height: 2.45rem;display: block;z-index: 11;cursor: pointer;position: absolute;right:25.4%;bottom: 2.5rem;}
.prev1,.prev3,.prev4{left:25.4%;}

.serv_t{height:4.75rem;font-size:1.3rem;color: #000;line-height:4.5rem;position: relative;z-index: 1;padding: 0 4%;}
.serv_t::before{content: "";position: absolute;width: 100%;height: 1px;background: #ababab;left: 0;top:0;z-index: -1;}
.serv_t li{float: left;margin: 0 5% 0 0;position: relative;}
.serv_t li:last-child{margin: 0;}
.serv_t li em{width:1.6rem;float: left;height:1.6rem;overflow: hidden;margin: 1.5rem 0.2rem 0 0;display: block;}
.serv_t li em img{display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.serv_t li.cur:before{content: "";position: absolute;width:100%;height:2px;background:#3765ea;top:0;left:0;z-index: 2;}
.serv_t li.cur{color: #3765ea;font-weight: bold;}
.serv_t li.cur em img{margin-top:-3rem;}
.serv_c{position: relative;overflow: hidden;padding: 0 0 5.9rem;}
.serv_c dt,.serv_c dt img,.chara_c dt,.chara_c dt img{width: 100%;display: block;}
.serv_c dd{width: 96%;background:#3765ea;color: #fff;margin: -4.8rem 0 0;height: 9.4rem;box-sizing:border-box;padding:0.9rem 1.5rem;position: relative;}
.serv_c dd h4{font-size: 1.8rem;line-height: 3rem;font-weight: bold;}

/* 品质 */
.m-chara{padding:2.5rem 9.6%;font-size: 1.3rem;line-height: 1.65rem;color: #fff;background:url(../images_m/charabg.jpg) no-repeat 0 bottom;background-size:100% auto;position: relative;}
.prev2,.next2{width: 2.85rem;display: block;z-index: 11;cursor: pointer;position: absolute;right:0;top: 9.45rem;}
.prev2{left:0;}
.chara_c{position: relative;overflow: hidden;padding: 0 0 5rem;}
.chara_c dl{background:#3765ea;color: #fff;text-align: center;}
.chara_c dd{padding: 2.9rem 1.9rem 0;height: 14.7rem;position: relative;color: #fff;}
.chara_c dd .chara_ico{position: absolute;top: -2.35rem;left: 50%;margin-left: -1.85rem;width: 3.7rem;height: 3.7rem;background: #3765ea;display: block;border-radius: 100%;padding:0.5rem;}
.chara_c dd .chara_ico img{background: #fff;border-radius: 100%;display: block;width: 100%;}
.chara_c dd h3{font-size: 1.3rem;font-weight: bold;height: 3rem;line-height: 2.6rem;}

/* 优势 */
.m-edge{position:relative;padding: 2.6rem 4% 2rem;font-size:1.2rem;line-height:1.8rem;color: #666;position: relative;}
.edge_t{height: 9.5rem;font-size: 1.2rem;line-height: 2rem;color: #fff;text-align: center;}
.edge_t li{width: 20.5%;float: left;margin:0 6% 0 0;padding: 1.1rem 0;height: 5.2rem;background:url(../images_m/edge_tbg1.gif) no-repeat 0 0;background-size:100% auto;}
.edge_t li em{display: block;width: 2.65rem;margin: 0 auto;height: 2.2rem;}
.edge_t li:last-child{margin: 0;}
.edge_t li.cur{background:url(../images_m/edge_tbg2.gif) no-repeat 0 0;background-size:100% auto;}
.edge_c{overflow: hidden;position: relative;padding: 0 0 3rem;}
.edge_c dt,.edge_c dt img{width: 100%;display: block;}
.edge_c dd{padding:1.1rem 0;}
.edge_c dd h3{font-weight: bold;/*height:3.7rem;*/font-size: 1.9rem;color: #353a3f;line-height: 3.7rem;}

/* 品质 */
.m-power{position:relative;padding: 2.6rem 4% 2rem;font-size:1.2rem;line-height:2rem;color: #333;position: relative;background:url(../images_m/powerbg.jpg) no-repeat 0 bottom;background-size:100% auto;}
.power_t{height: 9.3rem;font-size: 1.5rem;line-height: 2.8rem;color: #fff;text-align: center;}
.power_t li{width: 33.33%;float: left;padding: 1.1rem 0 0;height:7.5rem;background:#353a3f;box-sizing:border-box;border-right: solid 1px rgba(255 , 255 , 255 , 0.05);}
.power_t li em{display: block;width: 3.5rem;margin: 0 auto;height: 2.9rem;}
.power_t li.cur{background:#3765ea;position: relative;}
.power_t li.cur:before{content: "";position: absolute;width:0;height:0;left: 50%;margin-left: -0.85rem;top:7.5rem;border-right:0.85rem solid transparent;border-left:0.85rem solid transparent;border-top:0.85rem solid #3765ea;}
.power_c{overflow: hidden;position: relative;padding: 0 0 3rem;}
.power_c dt,.power_c dt img,.honner_c li p img{width: 100%;display: block;}
.power_c dd{padding:1.1rem 0;}
.power_c dd h3{font-weight: bold;height:3.7rem;font-size: 1.9rem;color: #353a3f;line-height: 3.7rem;}

/* 荣誉 */
.m-honner{position:relative;font-size:1.2rem;line-height:3.3rem;z-index: 1;padding: 2.9rem 5.33% 4rem;text-align: center;background:url(../images_m/honbg.jpg) no-repeat 0 0;background-size:100% auto;}
.prev5,.next5{width: 1.08rem;display: block;z-index: 11;cursor: pointer;position: absolute;right:1.33%;top:19.2rem;}
.prev5{left:1.33%;}
.honner_c{overflow: hidden;}
.honner_c li{width: 48.9%;float: left;background:url(../images_m/hon_lbg1.png) no-repeat 0 bottom;background-size:100% auto;box-sizing:border-box;padding:1rem 0.9rem 0.9rem;}
.honner_c ul a:nth-child(2n) li{background:url(../images_m/hon_lbg2.png) no-repeat 0 bottom;background-size:100% auto;margin-left:2.2%;}
.honner_c li p,.honner_c li span{display: block;color: #fff;font-weight: bold;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/* 案例 */
.m-case{position:relative;font-size:1.4rem;line-height:2.7rem;z-index: 1;padding: 2.4rem 16% 0;}
.prev6,.next6{width: 5.35rem;display: block;z-index: 11;cursor: pointer;position: absolute;right:0;top: 9.4rem;}
.prev6{left:0;}

.case_c{overflow: hidden;position: relative;padding: 0 0 5.4rem;}
.case_c1 p,.case_c1 p img{width:100%;display: block;}
.case_c1 span{color: #333;font-size: 1.4rem;line-height: 5.8rem;text-align: center;display: block;background: #fff;box-shadow: 0 0 0.4rem 0.4rem rgba(0 , 0 , 0 , 0.05);width: 88%;margin: -2.9rem auto 0;position: relative;}

.yzrzinxian{width: 80px;background: #a6a6a6;display: block;height: 1px;margin: 10px auto 0;}

/* 资讯 */
.m-news{padding:2rem 4%;font-size: 1.3rem;line-height:1.9rem;color: #666;}
.news_t{height:3.3rem;font-size: 1.4rem;line-height:3.3rem;overflow: hidden;margin-bottom: 1.45rem;border-bottom: 1px solid #ccc;white-space:nowrap;}
.news_t li{color: #333;display: block;float: left;padding: 0 2.6rem 0 0;position: relative;}
.news_t li:before{content: "/";position: absolute;width:1.6rem;height: 3.3rem;right: 0;top:0;line-height: 3.3rem;font-weight: normal;color: #a2a2a2;font-size: 1rem;}
.news_t li:last-child{padding: 0;}
.news_t li:last-child:before{content: "";}
.news_t li span{display: inline-block;padding-left:1.7rem;background-size:1.4rem 1.4rem!important;}
.news_t li.cur{color: #3765ea;font-weight: bold;}

.news_c{overflow: hidden;}
.news_c dt,.news_c dt img{width: 100%;display: block;}
.news_c dd{color: #787878;padding:1.5rem 0 0;height: 8.05rem;border-bottom: 0.1rem solid #a3a3a3;margin-bottom: 0.7rem;}
.news_c dd h4{display: block;line-height:2.4rem;height:3rem;font-size:1.3rem;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-weight: bold;}
.news_c dd h4 b{display: block;width: 4rem;line-height: 1.4rem;background: #3765ea;color: #fff;text-align: center;margin: 0.5rem 0.7rem 0 0;font-size: 1.1rem;border-radius: 0.7rem;float: left;}
.news_c dd p em{color: #3765ea;}
.news_c li{height:3.45rem;line-height:3.45rem;color: #666;border-bottom: dashed 1px #c6c6c6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 74%;float: left;}
.news_c ul a:last-child li{border: 0;}
.gsgg_span{float: right;
width: 25%;
height: 3.45rem;
line-height: 3.45rem;
color: #666;
border-bottom: dashed 1px #c6c6c6;
text-align: right;}
.cjwtjdspan{float:left; text-align:left;color: #ae1e24;}

.yzrzkszn{text-align: center;
overflow: hidden;
margin: 0 auto;
width: 100%;}
.yzrzkszn a {
  width: 28%;
  float: left;
  height: 28px;
  display: block;
  border: 1px solid #d0d0d0;
  text-align: center;
  line-height: 27px;
  margin: 6px 6px;
  color: black;
}

/* 关于 */
.m-about{font-size:2rem;line-height:3rem;color: #fff;background:url(../images_m/about_pic.jpg) no-repeat 0 0;background-size:100% auto;padding: 4.3rem 0 0;height:30.55rem;text-align: center;}
.m-about h2{width:90%;display: block;margin: 0 auto 2.2rem;padding:0 0 2.3rem;position: relative;font-size: 26px;}
.m-about h2:before{content: "";position: absolute;width:3.6rem;height:1px;left:50%;margin-left: -1.8rem;bottom:0;}
.m-about .til01 em{line-height: 3.5rem;}
.about_w{padding:0 0 2.2rem;font-size: 16px;}

/* 设备 */
.m-show{padding:2.2rem 4%;position: relative;font-size:1.2rem;line-height:3.2rem;color: #666;text-align: center;height:14.1rem;}
.prev7,.next7{width:0.9rem;height:1.5rem;display: block;z-index: 11;cursor: pointer;position: absolute;right:0;top: 8.4rem;overflow: hidden;}
.prev7{left:0;}
.show_t{height:5.4rem;position: relative;font-size: 1.2rem;line-height: 2.1rem;}
.show_t span{width:25%;display: block;box-sizing:border-box;border-left: solid 1px #d2d2d2;color: #333;height: 3.9rem;float: left;}
.show_t span em{display:block;width:2.3rem;height: 2.1rem;margin: 0 auto;overflow: hidden;}
.show_t span:nth-child(1){border: 0;}
.show_t span.cur{color: #3765ea;font-weight: bold;}
.show_t span.cur em img{margin-top: -3.5rem!important;}
.show_c{overflow: hidden;}
.show_c li{width: 48.55%;float: left;}
.show_c ul a:nth-child(2n) li{margin-left: 2.9%;}
.show_c li img,.show_c li span{display: block;color: #333;height: 17vh;}


/*开屏秀*/
/*.wrap{ opacity:0;}*/
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:750px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #3765ea;background: #3765ea; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:8;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
@-webkit-keyframes fade {
  from
  {
   opacity:1;
   display:block;

  }

  to {
    opacity: 0;
    display:none;
    height:0;

  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}

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;}}