html,body{width: 100%; height: 100%; overflow: hidden;font-family: '微软雅黑'; line-height: 1.8;min-width: 1200px}
img{display: block; width: 100%}
.pos-r{position: relative}
.pos-a{position: absolute}
#wrapper{
    width: 100%;
    height: 100%;
}
.back-btn{width:30%; right:10%; top:2% }
.bg{ position:absolute; left: 0; width: 100%}
.section { overflow: hidden; position: relative; display: none; background:#3e3590 }
.active{display: block}
.header{position: fixed; top:0;  right: 0; width: 10%; height:100%; z-index: 1000; }
.header .gy-nav{position: relative;  top:10%; left: 0; width: 100% }
.header .gy-nav li{ cursor: pointer; margin-bottom: 10px;}
.header .gy-nav a{display: block; height: 100%; line-height: 50px; font-size: 16px; color:#fefefe; text-align: left}
#menu .active {color:#0f0b62; border-bottom: 1px solid #0f0b62}
.right_bg{width:25%; top:0; right:0 }
.right_bg img{width: 102%}

.logo{left: 2%; width: 21.1%; top:3%}
.slogan{width:43%; left:28%; top:16%}
.ball2{width:2%; left: 9%; top:32% }
.ball1{width:2%; left:70%; top:10% }
.ball3{width:2%; left:23%; top:17% }
.title{width: 15%; top:13%; left:0%;}

.sec2 .des1{width:12%; left:34%; top:27%  }
.sec2 .des2{width:40%; left:18%; top:38%;color: #fff; }
.sec2 .b_con{width:64%; left:12.7%; top:24% }
.sec2 .des2 p{font-size: 16px; line-height: 2.2; text-indent: 2em}
.sec2 .peo{width: 8%; left: 60%; top:14%}
.sec3 .bag1{width:3%;top:30%;  left:64%;}
.sec3 .bag2{width:4%;top:10%;  left:54%;}
.sec3 .des1 h3,.sec3 .des2 h3,.sec3 .des3 h3{ left:16%; top:1%; color:#7de5ff;font-size: 20px;
    font-weight: bold; }
.sec3 .des1 p,.sec3 .des2 p,.sec3 .des3 p{color: #fff; top:25%; left: 5%;font-size: 18px; line-height: 2 }
.sec3 .des1{width:34%; left:30%; top:17%;min-width: 440px}
.sec3 .des2{width:34%; left:30%; top:37%!important;;min-width: 440px }
.sec3 .des3{width:34%; left:30%; top:57%!important;min-width: 440px}
.sec3 .left{ width: 13%; top:25%; left:12%}
.sec3 .des1 p{top:21%}
.sec3 .des1 h3{top:-2%}

.sec4 .con_bg{width:50%; top:18%; left:18% }
.sec4 .d_con{width:38%; top:20%; left:22% }
.sec4 .d_con p{ left:8%; top:10%; color: #fff;
    margin-bottom: 10px;
    font-size: 16px; line-height: 2; text-indent: 2em}
.sec4 .d_con .logos{ left: 8%; top:38%}
.sec4 .bag1,.sec5 .bag1{width:3%;top:40%;  left:6%;}
.sec4 .bag2,.sec5 .bag2{width:4%;top:10%;  left:54%;}
.sec5 .con{width: 56%; left: 14%; top:26%}
.sec5 .des{ left:30%; top:68%; color:#fbcd00; font-size: 16px;}
.sec6 .city1,.sec6 .city2,.sec6 .city3{width:14.5%; top:32%; left: 19% }
.sec6 .city2{left:34%;top:32%;}
.sec6 .city3{left:48%;top:32%;}
.sec6 .city4{left:62%;top:32%;}
.sec6 .con{width:67.5%; left: 12%; top:26% }
.sec7 .con1{width:19.7%; left: 21%; top:20% }
.sec7 .con2{width:19%; left: 30%; top:32% }
.sec7 .con3{width:26%; left: 40%; top:45% }
.sec7 .ball1{left:63%; top:33% }
.sec7 .ball3{left:40%; }
.g_con3 .link{width:40%; bottom: 4%; left: 30%; height: 15%; text-indent: -9999px}

.imgs{
    width: 100%;
    background:url(../img/sy/bgg.png) repeat 0 0;
    padding: 16px 0;
    border-radius: 10px;
}
.swiper-container {
    width: 95%;
    /*height: 250px;*/
    color: #fff;
    text-align: center;
}
 .arrow-left {
    background: url(../img/arrows.png) no-repeat left top;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
}
 .arrow-right {
    background: url(../img/arrows.png) no-repeat left bottom;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
}
.swiper-container .swiper-slide img{
    width: 96%;
    margin: 0 auto;
}
.swiper-slide .tag{position: absolute; width: 100%; bottom: 0px; left: 0;
    text-align: center;}
.swiper-container .swiper-slide{
    position: relative;
    height:156px;
}