/*CssReset*/



*{box-sizing:border-box;}
body{margin:0;font-family:Helvetica;}
img{border:0;vertical-align:middle;}
html{font-size:100px}
ul,li{margin:0;padding:0;} ul>li{list-style:none;}
ol{    -webkit-padding-start:.15rem;}
a,a:visited{text-decoration:none;}
h1,h2,h3,h4,h5,h6,p,img{margin:0;padding:0;-webkit-margin-before:0;-webkit-margin-after:0;}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:110px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:120px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:150px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:200px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:225px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:235px}}
@media screen and (min-width:800px){html{font-size:250px}}

                                                                                                      
/*Less方法常用Begin*/
.transition (@Name:all,@Time:1s,@Type:ease,@Delay:0s) {
  transition: @Name @Time @Type @Delay;
  -moz-transition: @Name @Time @Type @Delay;
  -webkit-transition: @Name @Time @Type @Delay;
}

.translate(@Hor:0,@Ver:0){
    transform:translate(@Hor,@Ver);
    -moz-transform:translate(@Hor,@Ver);
    -webkit-transform:translate(@Hor,@Ver);
}
.skewtranslate(@Hors:0,@Vers:0,@Hort:0,@Vert:0){
    transform:skew(@Hors,@Vers) translate(@Hort,@Vert);
    -moz-transform:skew(@Hors,@Vers) translate(@Hort,@Vert);
    -webkit-transform:skew(@Hors,@Vers) translate(@Hort,@Vert);
    -ms-transform:skew(@Hors,@Vers) translate(@Hort,@Vert);
}
.rotatetranslate(@Value:0,@Hort:0,@Vert:0){
    transform:rotate(@Value) translate(@Hort,@Vert);
    -moz-transform:rotate(@Value) translate(@Hort,@Vert);
    -webkit-transform:rotate(@Value) translate(@Hort,@Vert);
}

.transform-origin(@Hor:1,@Ver:1){
    transform-origin:@Hor @Ver;
    -moz-transform-origin:@Hor @Ver;
    -webkit-transform-origin:@Hor @Ver;
}
.scale(@Hor:1,@Ver:1){
    transform:scale(@Hor,@Ver);
    -moz-transform:scale(@Hor,@Ver);
    -webkit-transform:scale(@Hor,@Ver);
}
.scaleskew(@Hors:0,@Vers:0,@Hort:0,@Vert:0){
    transform:scale(@Hors,@Vers) skew(@Hort,@Vert);
    -moz-transform:scale(@Hors,@Vers) skew(@Hort,@Vert);
    -webkit-transform:scale(@Hors,@Vers) skew(@Hort,@Vert);
}

.skew(@Hor:0,@Ver:0){
    transform:skew(@Hor,@Ver);
    -moz-transform:skew(@Hor,@Ver);
    -webkit-transform:skew(@Hor,@Ver);
}
.skewX(@Value:1){
    transform:skewX(@Value);
    -moz-transform:skewX(@Value);
    -webkit-transform:skewX(@Value);
}
.skewY(@Value:1){
    transform:skewY(@Value);
    -moz-transform:skewY(@Value);
    -webkit-transform:skewY(@Value);
}
.rotate(@Value:0){
    transform:rotate(@Value);
    -moz-transform:rotate(@Value);
    -webkit-transform:rotate(@Value);
}
.translate3d(@X:0px,@Y:0px,@Z:0px) {
    transform:translate3d(@X,@Y,@Z);
    -moz-transform:translate3d(@X,@Y,@Z);
    -webkit-transform:translate3d(@X,@Y,@Z);
}
.opacity(@opacity:1) {
  opacity: @opacity;
    -moz-opacity:@opacity;
    -webkit-opacity:@opacity;
  // IE8 filter
  @opacity-ie: (@opacity * 100);
  filter: ~"alpha(opacity=@{opacity-ie})";
}
.scaletranslate3d(@Hor:1,@Ver:1,@X:0,@Y:0,@Z:0){
   transform: scale(@Hor,@Ver) translate3d(@X,@Y,@Z);
   -webkit-transform: scale(@Hor,@Ver) translate3d(@X,@Y,@Z);
   -moz-transform: scale(@Hor,@Ver) translate3d(@X,@Y,@Z);
}
.animation(@arg:wujia,@dur:1s,@ease:ease,@delay:0s,@count:1){
    animation:@arg @dur @ease @delay @count;
    -webkit-animation:@arg @dur @ease @delay @count;
    -moz-animation:@arg @dur @ease @delay @count;
    -o-animation:@arg @dur @ease @delay @count;
    -ms-animation:@arg @dur @ease @delay @count;
}

/*Less方法常用End*/


.app{padding:.4rem .15rem 0 .15rem;text-align:center;font-size:.14rem;color:#fff;}
.app span{color:#0B95F0;}
.app1{margin:0 0 .1rem 0;}
.app1 span{font-size:.30rem;font-weight:bold;}

.app2{margin:.2rem 0 .2rem 0;}

.app3{margin:.2rem 0 .3rem 0;}
.app3 p{font-size:.14rem;line-height:.2rem;font-weight:bold;}

.app4{width:3rem;height:auto;overflow:hidden; margin:0 auto;}
.app4 img{width:1.45rem;float:left;margin-right:.1rem;margin-bottom:.15rem;}
.app4 img:nth-child(2n){margin-right:0;}

.app5{text-align:left;width:3rem;height:auto; margin:0 auto;}
.app5 h3{margin:.1rem 0 .1rem 0;color:#0B95F0;font-size:.14rem;}
.app5 p{line-height:.16rem;}

.app6{text-align:left;width:3rem;height:auto; margin:0 auto;margin-top:.2rem;}
.app6 h3{margin:.1rem 0 .1rem 0;color:#0B95F0;font-size:.14rem;}
.app6 p{line-height:.16rem;}
.app6 ol li{margin-bottom:.1rem;}
.app6 ol li p{line-height:.18rem;}

.app7{width:3rem;height:auto;overflow:hidden;margin:.1rem auto 1rem auto;}
.app7 h3{font-size:.14rem;color:#0B95F0;text-align:left;margin:.1rem 0;}
.app7 img{width:100%;}



.fw{height:auto;overflow:hidden;margin-bottom:.5rem;}
.fw img{width:100%;}
.fw1{position:absolute;top:.2rem;left:1.3rem;width:1rem;height:auto;z-index:222;}
.fw2{position:absolute;top:0.9rem;left:.4rem;width:1.3rem;height:auto;z-index:111;}
.fw3{position:absolute;top:2rem;left:.4rem;width:1.7rem;height:auto;z-index:222;}
.fw4{position:absolute;top:2.8rem;left:1.8rem;width:1rem;height:auto;z-index:111;}

.about{background-color:#262D37;}
.about1{background:url(../Images/about.jpg) no-repeat;background-position:0 0;width:100%;height:3.2rem;background-size:cover;}
.about2{background:url(../Images/about.jpg) no-repeat;background-position:0 -3.2rem;width:100%;height:3.2rem;background-size:cover;}
.about3{background:url(../Images/about.jpg) no-repeat;background-position:0 -6.4rem;width:100%;height:3.2rem;background-size:cover;}
.about4{background:url(../Images/about.jpg) no-repeat;background-position:0 -9.6rem;width:100%;height:3.2rem;background-size:cover;}

.advantage{}
.advantage img{width:100%;}


.top{width:100%;position:fixed;height:.4rem;font-size:.14rem;padding:0 .2rem;line-height:.4rem;background-color:#0B9BDC;}
.topIn{width:100%;height:.4rem;}
#nvArrow{float:left;margin-top:.1rem;}
.top img{width:.2rem;}
.top span{float:right;color:#fff;}

.topCon{width:100%;padding:.1rem .2rem;font-size:.12rem;}
.topCon h1{text-align:center;font-size:.2rem;font-weight:bold;margin:.15rem 0;}
.topCon h4{text-align:center;margin:.1rem 0;}
.topConIn{margin-bottom:.5rem;}

.topCon a {
    position: absolute;
    right: 2%;
    width: 95px;
    line-height: 35px;
    background: #0791ee;
    color: #fff;
    font-size: 15px;
    border-radius: 3px;
    text-align: center;
    margin: 0 auto;
    margin-top: -14px;
    margin-bottom: 30px;
}


.p3Img{width:3rem;height:1.2rem;margin:0 auto;margin-top:0.15rem;position:relative;}
.p3Img img{width:2rem;height:1.2rem;}
.p3ImgD{width:0.9rem;color:#fff;height:.8rem;position:absolute;right:0;top:0.2rem;font-size:0.12rem;}
.p3ImgD p{}
.p3ImgD span{position:absolute;bottom:0.1rem;}