html,body{width: 100%; height: 100%; overflow: hidden;font-family: '微软雅黑'; line-height: 1.8;}
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:#36b4d2 }
.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:#ffffff; text-align: left}
#menu .active {color:#ffe200; border-bottom: 1px solid #ffe200}
.right_bg{width:25%; top:0; right:0;
    }
.right_bg img{
    width: auto;
    position: fixed; bottom: 0; top: 0; right: 0;
    height: 100%;
}

.logo{left: 2%; width: 14%}
.slogan{width: 27%;
    left: 32%;
    top: 14%;}
.flg{
    width: 69%;
    left: 8%;
    top: 10%;
}
.cloud1{width:6%; left: 25%; top:32% }
.cloud2{width:10%; left:58%; top:10% }
.title{
    width: 7.8%;
    top: 18%;
    left: 23%;
}
/*.sec1 .bg{width:93% }*/
.sec2 .des1{
    width: 49%;
    left: 23%;
    top: 26%;
    color: #ffffff;
    font-size: 18px;
    line-height: 37px;
}
.sec2 .des2{width:15.8%; left:37%; top:50%  }
.sec2 .btn,.sec3 .btn{width:9%; left:41%; top:63%  }
.sec2 .cloud1{left: 20%}
.sec3 .con{width:55%; left: 23%; top:26% }
.sec3 .des1{
    width: 42%;
    left: 24%;
    top: 20%;
}
.sec3 .des2{width:36%; left:27%; top:50% }
.sec4 .title{
    width: 7.8%;
    top: 25%;
    left: 41.5%;
}
.sec4 .d_des1{
    left: 25%;
    top: 37%;
    width: 43%;
}
.sec6 .con{width:67.5%; left: 12%; top:26% }
.sec3_left{ width: 40%; top:10%; left:7%}
.sec3_right{ width: 43%; top:10%; left:61%}
.sec3_l_title{left: 1%; top:-5%; color: #fff; font-size: 20px}
.sec3_r_title{left: 55%; top:-5%;color: #fff; font-size: 20px}
.sec3_left h3,.sec3_right h3{color:#0265c1;font-size: 16px; font-weight: bold; line-height: 26px}
.sec3_left p,.sec3_right p{color:#fff;font-size: 16px; margin-bottom: 22px}
.sec3 .des2 h3,.sec3 .des2 p{ text-align: center;font-size:18px;color: #fff;line-height: 2;  }
.sec3 .des2 h3{ color:#0265c1; font-weight: bold;}
.sec3 .btn{ top:64%}
.sec3 .title{ left:23%}
.sec6 .title{ left: 12%; }
.sec5 .con{
    width: 43%;
    top: 20%;
    left: 23%;
}
.sec5 .peo{width: 11.4%; top:30%; left:18%}
.sec5 .cloud1{ top:30%; left: 10%}
.sec5.cloud2{ top:28%; }
.sec6 .g_con{width:32.6%; left:28%; top:17% }
.sec6 .title{
    left: 22%;
    top: 18%;
}
.sec6 .e_des1{
    left: 24%;
    top: 27%;
    width: 45%;
}

.sec6 .list li h4{

    margin-bottom: 10px;
    background: url(../img/gy/g_site.png) no-repeat 0 5px;
    padding:10px 0 0 30px;
    color: #0058b2;
    font-size: 18px;

}
.sec6 .list li p{
    padding: 3px 30px;
}
.sec7 .title{
    width: 7.8%;
    top: 23%;
    left: 42%;
}
.sec7 .process_1{
    left: 30%;
    top: 32%;
    width: 33%;
}
.sec7 .process_2{
    left: 34%;
    top: 58%;
    width: 24%;
}
#scroller {
    position: relative;
    width: 95%;
    float: left;
    /*border-right:1px solid #7c808f;*/
    padding: 0 40px 40px 40px;
}

.container {
    height: auto;
    margin: 0 auto;
    width:90%;
    left: 8%;
    top:6%;
    position: absolute;
}

.container .div_scroll {
    width: 100%;
    height: 500px;
    overflow: auto;
}

.container .scroll_container {
    overflow: hidden;
    position: relative;
}

.container .scroll_absolute {
    position: absolute;
}

.container .scroll_vertical_bar {
    position: absolute;
    top: 0;
    right: 0px;
    width: 14px;
    height: 100%;
    background: #96d7e7;
    margin: 0;
    padding: 0;
    opacity: 50%;
    filter:alpha(opacity = 50)
}

.container .scroll_track {
    position: relative;
    background-color: transparent;
}

.container .scroll_drag {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: #fff;
    border-radius: 10px;
}

.container .scroll_arrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    background-color: #369DB4;
}
.container .scroll_vertical_bar .scroll_arrow {height: 0px;}