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

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

.til01{text-align: center;color: #27292f;font-size:2.25rem;line-height:3rem;font-family: "Microsoft Yahei";white-space: nowrap;padding: 0 0 1.7rem;font-weight: bold;}
.til01 p{display: block;font-weight: normal;font-size:1.2rem;line-height:2rem;}
.til01 a{color: #27292f;}
.til02,.til02 p,.til02 a{color: #fff;}

/* 引子 */
.m-webox{position: relative;padding:1.2rem 4%;z-index: 2;font-size: 1.2rem;line-height:2.2rem;color: #666;text-align: center;}
.m-webox h2{font-size: 2rem;line-height: 5.3rem;color: #1d2f27;}
.m-webox h2 b{color: #2f308a;}
.webox_p,.webox_p img{width: 100%;height: 17.9rem;display: block;border-radius: 2.6rem 0 0 0;overflow: hidden;}
.webox_w{padding: 2.1rem 0 2.6rem;}
.webox_n{height: 7.5rem;font-weight: bold;font-size: 1.2rem;color: #000;text-align: center;border-bottom: 1px solid #cbcbcb;}
.webox_n li{width: 20%;float: left;border-right: solid 1px #d5d5d5;box-sizing:border-box;}
.webox_n li:last-child{border: 0;}
.webox_n li span{display: block;margin: 0 auto;width: 2.35rem;}
.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;border-top: 0;}
.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.7rem;font-size: 1.2rem;background: #2f308a;text-align: center;width: 1.7rem;color: #fff;border-radius: 1.7rem;margin-left: 0.25rem;}

/*产品中心*/
.m-probox{position: relative;padding:2.8rem 4%;z-index: 1;background:url(probg.jpg) no-repeat center 0 #f4f4f4;background-size:100% auto;line-height: 2.5rem;font-size: 1.2rem;}
.pro_n{height: 7.1rem;text-align: center;font-size: 1rem;line-height: 2.6rem;color: #fff;}
.pro_n li{width: 23.77%;float: left;height: 4.8rem;border-left: 1px solid rgba(255, 255, 255 , 0.2);}
.pro_n li:first-child{border: 0;margin-left:14.33%;}
.pro_n li em{display: block;margin: 0 auto;width:3.2rem;height: 3rem;}
.pro_t{font-size:1.3rem;line-height: 3.6rem;display: block;overflow: hidden;background: #fff;border: solid 0.25rem #2f308a;padding: 2.1rem;margin-bottom: 1.4rem;}
.pro_t .pro_n1{margin-bottom: 2.1rem;}
.pro_t .pro_n1 h4{height: 3.3rem;font-size: 1.4rem;font-weight: bold;line-height: 2.6rem;background:url(ico04.gif) no-repeat right center;background-size:1.25rem 1.25rem;padding-right: 5rem;border-bottom: 0.1rem solid #d4d4d5;}
.pro_t .pro_n1 h4 em{display: block;float: left;width: 2.2rem;margin: 0 0.55rem 0 0;}
.pro_t .pro_n1 h4 a{display: block;color: #27292f;}
.pro_t .pro_n1 p{display: none;padding: 0.9rem 0 0;line-height: 2.35rem;}
.pro_t .pro_n1 p a{display: inline-block;color: #333;width: 33.33%;box-sizing:border-box;padding:0 0 0 1rem;position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;float: left;}
.pro_t .pro_n1 p a::before{content: "";position: absolute;left: 0;width: 0.35rem;height: 0.35rem;border: solid 0.1rem #bebebe;border-radius: 100%;top: 0.8rem;}
.pro_t .pro_n1.on h4{background:url(ico05.gif) no-repeat right center;background-size:1.25rem 1.25rem;}
.pro_t .pro_n1.on p{display: block;}

.pro_c{overflow: hidden;clear: both;}
.pro_c li{width: 48.12%;float: left;text-align: center;background:url(pro_lbg.jpg) no-repeat center 0;background-size:100% auto;}
.pro_c li p{box-sizing:border-box;padding:0.55rem 0.4rem 0.15rem;}
.pro_c li p,.pro_c li p img{width: 100%;display: block;border-radius: 100%;overflow: hidden;}
.pro_c li span{height:3.9rem;line-height: 3.9rem;color: #000;background:url(ico01.png) no-repeat right center;background-size:0.9rem 0.9rem;padding-right: 1.5rem;}
.pro_c ul a:nth-child(2n) li{margin-left:3.76%;}

.prev1,.next1{width: 2.65rem;height: 2.45rem;display: block;z-index: 11;cursor: pointer;position: absolute;right:25.4%;bottom: 2.5rem;}
.prev1{left:25.4%;}

/* 优势 */
.m-edge{position:relative;padding: 2.8rem 4% 2rem;font-size:1.2rem;line-height:1.7rem;color: #444;position: relative;}
.edge_t{height: 8.75rem;font-size: 1.3rem;line-height: 2.4rem;color: #fff;text-align: center;}
.edge_t li{width: 33%;float: left;padding: 1rem 0 0;height: 6.7rem;background:#343842;box-sizing:border-box;border-right: solid 1px rgba(255, 255 , 255 , 0.2);position: relative;}
.edge_t li em{display: block;width: 2.65rem;margin: 0 auto;height: 2.2rem;}
.edge_t li:last-child{border: 0;border-radius: 0 2.1rem 0 0;}
.edge_t li.cur{background:#2f308a;font-weight: bold;}
.edge_t li.cur:before{content: "";position: absolute;width:0;height:0;left: 50%;margin-left: -0.85rem;top:6.7rem;border-right:0.85rem solid transparent;border-left:0.85rem solid transparent;border-top:0.85rem solid #2f308a;}
.edge_c{overflow: hidden;position: relative;padding: 0 0 3rem;}
.edge_c dt,.edge_c dt img{width: 100%;display: block;border-radius: 2rem 0 0 0;}
.edge_c dd{padding:1.9rem 0;}
.edge_c dd h3{font-weight: bold;height:9rem;font-size: 2.5rem;color: #353a3f;line-height: 3.2rem;font-weight: bold;}
.edge_c dd h3 em{width: 3.7rem;float: left;display: block;position: relative;padding:0 1.5rem 0 0;height: 4.7rem;}
.edge_c dd h3 em:before{content: "";position: absolute;width:0.1rem;height:3rem;left:3.75rem;top:0;background: #e6e6e6;}
.edge_c dd h3 span{display: block;background:#2f308a;text-align: center;font-size: 1.5rem;line-height: 3.05rem;border-radius: 1.05rem 0 1.05rem 0;color: #fff;font-weight: normal;clear: both;}
.edge_c dd p{padding: 0 0 0.8rem;}

/* 案例 */
.m-case{position:relative;font-size:1.2rem;line-height:1.8rem;z-index: 1;padding: 2.7rem 4% 3.3rem;color: #333;background: #f4f4f4;}
.case_t{height: 13.8rem;font-size:1.3rem;line-height:1.3rem;text-align: center;color: #fff;}
.case_t li{width: 31.3%;height: 5.5rem;background: #353f47;border-radius: 0.5rem;margin: 0 3.05% 1.05rem 0;float: left;color: #fff;}
.case_t li a{color: #fff;}
.case_t li:nth-child(3n){margin-right: 0;}
.case_t li em{display: block;width: 2.6rem;height: 2.5rem;margin: 0.3rem auto 0;}
.case_t li.cur,.case_t li.cur a,.case_t li:hover{background:#2f308a;}
.case_c{overflow: hidden;}
.case_c dt,.case_c dt img,.case_l li p,.case_l li p img{width:100%;display: block;border-radius: 1.7rem 0 0 0;overflow: hidden;}
.case_c dd{color: #333;display: block;background: #fff;padding: 1rem 2rem 0;height: 9.1rem;}
.case_c dd h4{display: block;font-size: 1.3rem;line-height: 3.8rem;font-weight: bold;}
.case_l{padding: 1.6rem 0 0;}
.case_l li{width: 48.11%;float: left;}
.case_l li span{display: block;line-height: 3.4rem;height: 5.2rem;color: #333;text-align: center;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_l ul a:nth-child(2n) li{margin-left:3.78%;}
.case_more{display: block;width:72.46%;margin: 0 auto;}

/* 流程 */
.m-tecp{padding:2.5rem 4% 6.7rem;font-size: 1.5rem;line-height:1.8rem;color: #27292f;background:url(tecpbg.jpg) no-repeat center 0;background-size:100% auto;position: relative;}
.m-tecp:before,.m-tecp:after{content: "";position: absolute;width:33.6%;height:0.2rem;background: rgba(255, 255 , 255 , 0.2);bottom:8.25rem;right:0;}
.m-tecp:before{left: 0;}
.prev2,.next2{width: 1.65rem;display: block;z-index: 11;cursor: pointer;position: absolute;right:36.27%;bottom: 7.4rem;}
.prev2{left:36.27%;}
.tecp_c{overflow: hidden;text-align: center;position: relative;height: 33.1rem;padding: 1rem 0 0;}
.tecp_c li{width: 46.81%;height: 27.3rem;background: #fff;border-radius: 0 0 0 1.7rem;overflow: hidden;float: left;position: relative;}
.tecp_c li:nth-child(2n){margin-left:6.38%;}
.tecp_c li p,.tecp_c li p img{display: block;width:100%;overflow: hidden;}
.tecp_c li span{display: block;position: relative;padding:2.1rem 0 0;}
.tecp_c li span i{width: 3rem;height: 3rem;text-align: center;line-height: 3rem;color: #fff;font-size:1.4rem;border: solid 0.5rem #fff;border-radius: 100%;position: absolute;top:-2.05rem;left:50%;margin-left: -1.5rem;z-index: 1;background: #27292f;}
.tecp_c li span em{display: block;font-size: 0.7rem;line-height:0.9rem;opacity: 0.5;}


/* 资讯 */
.m-news{padding:0 4% 2.8rem;font-size: 1.2rem;line-height:3.9rem;color: #27292f;}
.m-news .til01{margin-top: -2.55rem!important;position: relative;}
.news_t{height:2.9rem;font-size: 1.2rem;line-height:2.4rem;overflow: hidden;margin-bottom: 1.35rem;border-bottom: 0.1rem solid #999;padding: 1rem 0 0;}
.news_t li{color: #333;display: block;float: left;padding: 0 1.9rem 0 0;position: relative;}
.news_t li span{display: inline-block;padding-left:1.8rem;background-size:1.4rem 3.4rem!important;height:2rem;}
.news_t li.cur{color: #2f308a;font-weight: bold;}
.news_t li.cur span{background-position: 0 -1.5rem!important;}
.new_more{display: block;float: right;width: 1.05rem;height: 2.9rem;background:url(ico03.gif) no-repeat center;background-size:100% auto;}

.news_c{overflow: hidden;}
.news_c dl{height: 9rem;background: #f6f6f6;border-radius: 1.7rem 0 0 0;box-sizing:border-box;padding: 1rem;margin-bottom: 1rem;}
.news_c dt{width: 37%;float: left;}
.news_c dt img{width: 60%;display: block;}
.news_c dd{color: #787878;width: 57%;float: right;}
.news_c dd h4{display: block;line-height:3.9rem;height:3.9rem;font-size:1.2rem;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_c dd span{color: #666;display: block;text-align: right;position: relative;height:2rem;line-height:2rem;}
.news_c dd span:before{content: "";position: absolute;width:60%;height:1px;left:0;top:1rem;background: #c4c5c6;}

/* 关于 */
.m-about{font-size:1.2rem;line-height:2.1rem;color: #666;background:#f4f4f4;text-align: center;padding: 0 0 3.2rem;}
.about_p,.about_p img{width: 100%;display: block;}
.m-about h2{display: block;font-weight: bold;position: relative;font-size: 2rem;line-height: 3rem;margin-top: -2rem;color: #000;}
.about_w{padding:0 4%;}

/* 设备 */
.m-show{padding:2.1rem 4% 0;position: relative;font-size:1.2rem;line-height:2.8rem;color: #666;text-align: center;height:19.1rem;}
.show_t{height:5.8rem;position: relative;font-size: 1.3rem;line-height: 2.8rem;font-weight: bold;}
.show_t span{width:50%;display: block;box-sizing:border-box;border-left: solid 1px #d2d2d2;color: #333;height:4.2rem;float: left;}
.show_t span em{display:block;width:2rem;height:1.9rem;margin: 0 auto;overflow: hidden;}
.show_t span:nth-child(1){border: 0;}
.show_t span.cur{color: #2f308a;}
.show_t span.cur em img{margin-top: -3.5rem!important;}
.show_c{overflow: hidden;}
.show_c li{width: 48.84%;float: left;}
.show_c ul a:nth-child(2n) li{margin-left: 2.32%;}
.show_c li img,.show_c li span{display: block;color: #333;}


/*开屏秀*/
.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 #2f308a;background: #2f308a; 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;}}