.wrap img{width: 100%;}

/*广告*/
.g-adv {clear:both;height:auto;overflow:hidden;position: relative;}
.g-adv img{ width:100%;display: block;}

.swiper-slide{overflow: hidden;}

.til01{text-align: center;display: block;font-size: 1.6rem;color: #111;line-height:4.1rem;height:5.7rem;position: relative;background:url(../images/plantbg.gif) no-repeat center 0; -webkit-background-size:13.8rem 4.05rem; -moz-background-size: 13.8rem 4.05rem; -o-background-size: 13.8rem 4.05rem; background-size: 13.8rem 4.05rem;}
.m-probox .til01{background:url(../images/protbg.gif) no-repeat center 0;}
.m-team .til01{background:url(../images/teamtbg.gif) no-repeat center 0;}
.m-about .til01{background:url(../images/aboutbg.gif) no-repeat center 0;}
.til01 b,.til02 b{color: #40b3d8;}
.til01 span{display: block;line-height:1.3rem;font-family: Times New Roman;font-size:1.1rem;text-transform: uppercase;color: #c6c6c6;height:1.3rem;font-family: Arial;}

.til02{text-align: center;line-height:3rem;height:7rem;font-size: 1.8rem;color: #111;position: relative;}
.til02:before{content: "";position: absolute;width: 1.3rem;height: 1px;left: 50%;margin-left: -0.65rem;top: 2.95rem;background: #999;}
.til02 p{display: block;line-height:2.2rem;font-size: 1.2rem;}

/*解决方案服务*/
.m-serv{padding: 3.95rem 3.125% 0;height:27.35rem;font-size: 1.1rem;color: #555;line-height: 1.75rem;background:url(../images/servbg.jpg) no-repeat center 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.serv_c dl{width:45%;float: left;height: 14.5rem;text-align: center;}
.serv_c dl:nth-child(2n){margin-left: 10%;}
.serv_c dt{height: 9.1rem;overflow: hidden;font-size: 1.2rem;color: #333;line-height: 2.9rem;position: relative;}
.serv_c dt:before{content: "";position: absolute;width: 1.05rem;height:0.15rem;left: 50%;margin-left: -0.525rem;top: 2.75rem;background: #999;}
.serv_c dt span{display: block;width: 83.7%;margin:0.8rem auto 0;height: 3rem;}
.serv_c dt em{display: block;font-style: normal;line-height: 1.9rem;color: #999;font-size: 1.1rem;}

/*解决方案*/
.m-plan{background: #f7f7f7;padding:2.85rem 3.125% 0;height:35.7rem;overflow: hidden;}
.plantil{height: 9.8rem;text-align: center;font-size: 1.2rem;}
.plantil li{width: 48.33%;margin-bottom: 1rem;color: #333;}
.plantil li,.protil li{height: 3.3rem;line-height: 3.2rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 0.1rem #e6e6e6;float: left;}
.plantil li.cur,.protil li.cur{color: #fff;border-color: #40b3d8;background: #40b3d8;}
.plantil li:nth-child(2n),.plantil a li{margin-left:3.34%;}
.plan_c,.pro_c{overflow: hidden;}
.plan_c li{width: 48.33%;margin-bottom: 0.75rem;float: left;text-align: center;}
.plan_c li img{width:100%;float: left;display: block;}
.plan_c li span{clear:both;width:100%;display: block;font-size: 1.1rem;color: #666;height: 2.4rem;line-height: 2.4rem;}
.plan_c ul a:nth-child(1) li{width: 100%;position: relative;}
.plan_c ul a:nth-child(1) li span{position: absolute;left: 0;bottom: 0;color: #fff;background: rgba(0 , 0 , 0 , 0.6);}
.plan_c ul a:nth-child(2) li{margin-right:3.34%;}

/*产品中心*/
.m-probox{padding:2rem 3.125% 2rem;clear: both;display: block;overflow: hidden;}
.protil{height:8.8rem;display: block;text-align: center;font-size: 1.2rem;color: #333;}
.protil li{width: 32%;margin-bottom: 0.6rem;}
.protil li:nth-child(3n-1){margin:0 2% 0.6rem;}
.pro_c li{width: 47.5%;float: left;overflow: hidden;}
.pro_c li img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #ccc;}
.pro_c ul a:nth-child(2n-1) li{clear:both;}
.pro_c ul a:nth-child(2n) li{margin-left:5%;}
.pro_c li span{display: block;height: 3.4rem;line-height: 2.6rem;text-align: center;font-size: 1.2rem;color: #666;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_more{display: block;clear: both;width: 46.33%;line-height: 3.15rem;text-align: center;color: #40b3d8;border: solid 1px #40b3d8;margin:0 auto;font-size: 1.1rem;}


/*优势*/
.m-edge{height:55rem;overflow: hidden;position: relative;font-size: 1.2rem;color: #666;line-height: 1.65rem;}
.m-edge .prev1,.m-edge .next1{width:2.9rem;height: 3.25rem;display: block;position: absolute;bottom: 2.7rem;right: 18.44%;z-index: 9;}
.m-edge .prev1{left: 18.44%;transform:rotateY(180deg);-webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);}

.edgetil{height: 4.25rem;position: absolute;z-index: 8;left: 0;top:24.5rem;width: 100%;display: block;left: 3.125%;width:93.75%}
.edgetil li{width: 17.8%;float: left;position: relative; height: 4.25rem;background: #ccc;}
.edgetil li:before{content: "";position: absolute;width: 1px;height: 100%;background: #b3b3b3;right:0;top: 0;}
.edgetil li:nth-child(4):before{width: 0;height: 0;}
.edgetil li span{width: 5.3rem;display: block;float: left;height: 4.25rem;overflow: hidden;position: relative;}
.edgetil li span img{width:2rem;display: block;margin:1rem auto;}
.edgetil li p{line-height:1.4rem;font-size: 1.2rem;float: left;padding: 0.8rem 0 0 0.95rem;width: 41%;display: none;}
.edgetil li p i{line-height:1rem;font-size: 1rem;display: block;font-family: Arial;}
.edgetil li.cur{width: 46.5%;background: #40b3d8;color: #fff;}
.edgetil li.cur p{display: block;}
.edgetil li.cur span:after{content: "";position: absolute;width:1px;height:3.2rem;background: #6fd9fb;right: 0;top:0.525rem;}
.edgetil li.cur:after{content: "";position: absolute;width: 0;height: 0;border-left: solid 0.4rem transparent;border-right: solid 0.4rem transparent;border-top: solid 0.4rem #40b3d8;left:48%;top: 4.25rem;}
.m-edge .til01 img,.m-about .til01 img{width: 100%;}

.edge_c{position: relative;height: 48.3rem;overflow: hidden;margin: 0 3.125%;}
.edge_c dt{height:23.85rem;}
.edge_c dt img{width: 100%;display: block;}
.edge_c dd{position: relative;z-index: 1;}
.edge_c dd:before{content: "";position: absolute;width:4rem;height:5rem;left: 0;top: 0;background:url(../images/edge_ico1.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;z-index:-1;}
.edge_c dd h3{height:4.6rem;font-size: 1.4rem;color: #40b3d8;line-height:2.55rem;padding: 3.05rem 0 0;background:url(../images/line1.gif) no-repeat 0 bottom; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;margin-bottom: 0.75rem;}
.edge_c dd h3 b{display: block;padding-left: 0.9rem;}
.edge_c dd h3 em{display: block;font-family: Arial;text-transform: uppercase;color: #d0d0d0;font-size: 0.6rem;line-height:1.44rem;}
.edge_c dd li{clear: both;position: relative;padding:0 0 1.45rem 1.15rem;}
.edge_c dd li:before{content: "";position: absolute;width:0.45rem;height: 0.45rem;background: #666;left:0;top:0.7rem;border-radius: 0.45rem;}
.edge_c .swiper-slide:nth-child(2) dd:before{background:url(../images/edge_ico2.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edge_c .swiper-slide:nth-child(3) dd:before{background:url(../images/edge_ico3.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edge_c .swiper-slide:nth-child(4) dd:before{background:url(../images/edge_ico4.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.m-edge .swiper-container-horizontal > .swiper-pagination-bullets{width:44.68%;left:27.66%;bottom:2.8rem;height:2rem;}
.m-edge .swiper-pagination-bullet{background:#999;width:0.95rem;height:0.95rem;border-radius: 0.95rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;margin: 0 2rem;}
.m-edge .swiper-pagination-bullet-active{background: #40b3d8;width: 2.75rem;}

/*设计师*/
.m-team{overflow: hidden;font-size:1.1rem;color: #666;line-height:1.8rem;height:32.8rem;position: relative;margin:0 3.125%;}
.m-team .prev2,.m-team .next2{width:1.1rem;height:1.95rem;display: block;position: absolute;z-index: 9;top:13.4rem;right:0.7rem;}
.m-team .prev2{left:0.7rem;}
.team_c dt,.team_c dt img{width: 100%;display: block;}
.team_c dd{display: block;padding:0.75rem 0 0;color: #666;}
.team_c dd h3{display: block;color: #222;height: 2.6rem;line-height: 2.6rem;font-size: 1.2rem;}
.team_c dd p b,.new_c dd p b,.about_w p a{color: #40b3d8;font-weight: normal;display: inline-block;}

/*资讯*/
.m-news{height:25.3rem;overflow: hidden;font-size:1.1rem;color: #666;line-height:1.8rem;background: #f7f7f7;}
.newtil{height:3.6rem;line-height:3.6rem;font-size: 1.4rem;position: relative;background: #f04f3a;margin-bottom: 1.8rem;color: #fff;text-align: center;}
.newtil li{float: left;width: 33.33%;position: relative;}
.newtil li:before{content: "";position: absolute;width:1px;height:3.6rem;left: 0;top:0;background:#eb4a35;}
.newtil li:nth-child(1):before{background:none;width: 0;height: 0;}
.newtil li.cur{background: #40b3d8;}
.newtil li.cur:after{content: "";position: absolute;width: 0;height: 0;top: 3.6rem;left:50%;margin-left: -0.6rem;border-left: solid 0.6rem transparent;border-right: solid 0.6rem transparent;border-top: solid 0.6rem #40b3d8;}
.new_c{overflow: hidden;height: 23.8rem;}
.new_c dl{height: 8.65rem;margin:0 3.125%;overflow: hidden;color: #666;}
.new_c dt{width: 41.67%;float: left;}
.new_c dd{width:55%;float: right;}
.new_c dd h3{display: block;color: #222;height:3.35rem;line-height:3.35rem;font-size: 1.2rem;white-space: nowrap;}
.new_c li{height:2.75rem;line-height:2.75rem;color: #666;padding:0 0 0 1.1rem;margin: 0 3.125%;border-bottom: solid 1px #ddd;position: relative;}
.new_c li span{float: right;}
.new_c li:before{content: "";position: absolute;width:0.45rem;height: 0.45rem;border-radius: 0.45rem;background: #999;left: 0;top: 1.25rem;}
.new_c ul a:nth-child(3) li{border: 0;}

/*关于*/
.m-about{padding: 3.35rem 3.125% 0;height:38.8rem;text-align: center;overflow: hidden;font-size:1.1rem;line-height:1.8rem;color: #666;}
.about_p{background:url(../images/videobg.gif) no-repeat center 0; -webkit-background-size:100% 20.2rem; -moz-background-size: 100% 20.2rem; -o-background-size: 100% 20.2rem; background-size: 100% 20.2rem;padding: 2.4rem 1.5rem;height:15.4rem;overflow:hidden;}
.about_p p{display:block;height:15.4rem;overflow:hidden;}
.about_w{padding: 0 0.6rem;display: block;}
.about_w h3{display: block;height: 3.4rem;line-height: 3.4rem;font-weight: bold;color: #222;font-size: 1.2rem;}
.about_w h3 a{color: #222;}

/*分享图标*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0; background:#40b3d8 url(../images/loading.jpg) no-repeat;background-size:100% auto;z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;}

.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;}
@media screen and (min-width: 320px) {
    html {
        font-size: 10.625px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 11.875px;
    }
}
@media screen and (min-width: 400px) {
    html {
        font-size: 13.125px;
    }
}
@media screen and (min-width: 440px) {
    html {
        font-size: 14.375px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 15.625px;
    }
}
@media screen and (min-width: 520px) {
    html {
        font-size: 16.875px;
    }
}
@media screen and (min-width: 560px) {
    html {
        font-size: 18.125px;
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: 19.375px;
    }
}
@media screen and (min-width: 640px) {
        html {
            font-size: 20px;
        }
    }