/* CSS Document */
html{ font-size:100px;}
body {font-family:"微软雅黑";font-size:0.01rem;}
.hs{ color:#ff2f2f;}
.hs1{color:#ff6900}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;}
ul,ol,li{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; color:#646060;-webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:top; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}

.fl{ float:left;}
.fr{ float:right;}
.fix:after{ clear:both; content:"."; height:0px; display:block; overflow:hidden; visibility:hidden; }
.fix{*zoom:1;}
.relative{position: relative;}
.absolute{position: absolute;}

.header{ max-width:6.4rem; margin:0 auto; overflow:hidden;}
.hd-til{ padding:0.2rem 0;background:#2c5697;display:-moz-box;display:-webkit-box;display:-ms-flexbox; display:-webkit-flex;display:flex; -webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center; align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.hd-til div{ width:3.15rem; height:0.48rem;}
.nav1{ background:rgba(255, 255, 255, 0.1); }
.nav1 li{float: left;width: 20%; list-style: none;}
.nav1 a{ padding:0.26rem 0;  text-align:center; font-size:0.22rem; color:#333;display:block;}
.nav1 a.active{ color:#fff; background:#3697c8;}
.nav1 a:hover{color:#fff; background:#3697c8;}





.ban{max-width:6.4rem; margin:0 auto; position:relative; overflow:hidden;}
.yuan{ position:absolute; left:50%; top:50%; margin-left:-2.77rem; margin-top:-2.66rem; width:5.53rem; height:5.35rem; background:url(../images/ban1.png) no-repeat; background-size:100% 100%; }
.yuan .list{  position:absolute;left: 60%; top: 3.40rem; color:#fff;-webkit-transform: translateX(-50%);width:3.0rem;list-style: none;
   -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: 0.25rem;}
.yuan li{font-size: .18rem;line-height: .3rem;padding-left:0.22rem;background:url(../images/dot.png) left center no-repeat;background-size:.09rem auto;}
.yuan li img{ width:0.09rem; height:0.09rem; vertical-align: middle; margin-right: 0.04rem; margin-top: -0.03rem;}

.part1,.part2,.part3,.part4,.part5,.part6,.part7{max-width:6.4rem; margin:0 auto; overflow:hidden;padding-top:3%;}
.btn1{ display:block; text-align:center; color:#333; margin:0.3rem auto; width:4.2rem; height:0.62rem; border:2px solid #666; font-size:0.25rem; line-height:0.62rem;}
.part1{ position:relative; margin-bottom: 0.2rem;}
.part1 p{ font-size: 0.24rem; position:absolute; top:25%; left:53%; width:3.0rem; line-height: 0.35rem;}
.part1 h2{ position:absolute; top:9%; left:4%; font-size: 0.38rem; text-align: center; font-weight: bold; }
.part2 h2{ font-size: 0.38rem; text-align: center; font-weight: bold; margin-bottom: 0.2rem;}



.part3 .list{ width:100%; height:2.04rem; margin-bottom:0.1rem; overflow:hidden;}
.part3 .list .ll{ display:inline; font-size:0.2rem; line-height:0.28rem; color:#fff;width:50%;height:2.06rem;}

.part3 .list span{ display: block;padding: 0 0.2rem; line-height: 0.3rem;}
.part3 h2{ font-size: 0.38rem; color:#333;text-align: center; font-weight: bold; margin-bottom: 0.3rem;}
.part7 h2{font-size: 0.38rem; color:#333;text-align: center; font-weight: bold; margin-bottom: 0.3rem;}
.part3 h3{ margin-left: 0.2rem; line-height: 0.5rem; font-size: 0.24rem; font-weight: bold; margin-top: 0.1rem;}
.part5{line-height: 0.24rem;}
.part5 h2{ line-height: 0.5rem; margin-bottom: 0.2rem;}
.part5 p{ text-align: center; font-size: 0.18rem; margin:0 auto; margin-bottom: 0.2rem; line-height: 0.3rem; padding:0 0.2rem;}
.part7 p{text-align: center; font-size: 0.18rem;  margin:0 auto; margin-bottom: 0.2rem; line-height: 0.3rem;padding:0 0.2rem;}
.p5-main{text-align: center;font-size: 0.22rem;line-height: 0.33rem;color: #fff;}
.p5-main img{width: 98%;}
.p5-main p{padding: 0.16rem 0 0.3rem;}

.hh{font-size: 0.38rem; font-weight: bold; text-align: center; line-height: 1rem;}
.hh2{ line-height: 0.4rem;}
.same{ float:left; background-color: #409ec4; height:4.2rem;width:49.2%; margin-bottom: 1.6%;}
.ellipse{ font-size: 0.48rem; background-color: #fff; border-radius: 50%; width:1.82rem; height:1.57rem; text-align: center; padding-top: 0.25rem; color:#06b4cd; margin:0.15rem auto;}
.ellipse span{text-align:center;width:100%;display:block;line-height:0.7rem;}
.level{ margin-top: 0.3rem;}
.level-l{  margin-right: 1.6%;}
.txt{ font-size: 0.2rem;  border-top:1px solid #fff; margin:0.1rem; color:#fff; line-height: 0.3rem; padding-top: 0.1rem;}
.ellipse2{ color:#85cb5b;}
.ellipse3{ color:#e47736;}
.ellipse4{ color:#f24767;}
.last-l{ background-color: #409ec4; float:left; width:50%; height:2.12rem;}
.ellipse5{ color:#2d4295; padding-top: 0.2rem; height:1.62rem;}
.last-r{ background-color: #318ab6; width:50%; height:2.12rem; float:left;}
.txt2{ font-size: 0.2rem; color:#fff; margin:0.15rem auto; padding:0.3rem; line-height: 0.3rem;}
.part7{ margin-top: 0.3rem;}
.spa{ float:left;}
.spa1{ width:2.61rem; height:3.62rem; margin-right: 0.01rem; margin-bottom: 0.01rem;}
.spa2{ width:3.73rem; height:2.13rem; }
.spa3{ width:1.87rem; height:1.48rem;margin-bottom: 0.03rem; margin-right: 0.01rem;}
.gao{ height:3.63rem;}
.spa4{ width:3.39rem; height:2.1rem;}
.spa5{ width:3.0rem;height:2.1rem;}
.ys{ color:#409ec4;}
.tuo{ width:2.24rem; height:2.05rem; margin-right: 0.02rem;}
.tuo2{ width:1.86rem; height:2.05rem;}
.tuo3{ width:1.89rem; height:2.05rem; margin-right: 0.02rem;}
.tuo4{ width:2.24rem; height:2.05rem;}
@media screen and (max-width: 320px) {
    .part3 h3{ margin-top: 0.05rem;}
    .part5 p{ font-size: 0.2rem;}
    .part7 p{ font-size: 0.2rem;}
    
}

.page2 span{ float: left; width:20%; height:0.5rem; border-radius: 0; margin:0;  text-align: center; line-height: 0.5rem; opacity:1;background-color: #409ec4 ; }
.p3-main{ padding-top: 0.5rem;}
.page2{background-color: #409ec4; top:0; left:0; position:absolute; width:100%;height:0.5rem; font-size: 0.2rem; color:#fff; color:#fff;}
.page2 .swiper-pagination-bullet-active{ background-color: #336699;}

.swiper-next,
.swiper-prev{
    width: 0.43rem;
    height: 0.43rem;
    position: absolute;
    left: 1%;
    top: 58%;
    background: url(../images/arrow-l.png) no-repeat center;
    background-size: 0.43rem auto;
    z-index: 10;
    cursor: pointer;
    z-index: 10;
}
.swiper-next{
    background-image: url(../images/arrow-r.png);
    left: auto;
    right: 1%;
}
.p5-main .swiper-next,
.p5-main .swiper-prev{
    margin-top: -0.7rem;
}

.foot .btn1{border:none;}