body {overflow: hidden;}
#indexDiv {width: 100%}
@keyframes jiazai { from {width: 0}to {width:100%} }
@-moz-keyframes jiazai { from {width: 0}to {width: 100%} }
@-webkit-keyframes jiazai { from {width:0}to {width: 100%} }
@-o-keyframes jiazai { from {width: 0}to {width: 100%} }
@media (min-width:760px) and (max-width:1440px) {
    .page1_center{width:500px;height:350px;position:absolute;left:50%;top:50%;margin-top:-110px;margin-left:-250px;text-align:center;}
    .name_h3{height:80px;line-height:80px;font-size:76px;font-weight: bold;color: #FFFFFF;text-shadow: 0px 8px 21px rgba(0, 0, 0, 0.3);}
    .slogan_h4{height:50px;line-height:50px;font-size:38px;color:#FFFFFF;text-shadow: 0px 8px 21px rgba(0, 0, 0, 0.3);letter-spacing:10px;margin-top:35px;}
    .btn_page1{width:170px;height:50px;line-height:50px;background-color:#0088FF;box-shadow:0px 8px 21px 1px rgba(0, 0, 0, 0.2);border-radius:25px;color:#fff;text-align:center;font-size:16px;margin-top:65px;}
    .page_center{width:500px;height:210px;position:absolute;left:50%;top:28%;margin-top:-70px;margin-left:-250px;text-align:center;}
    .page_center .title_h3{height:60px;line-height:60px;font-size:44px;letter-spacing:12px;}
    .page_center .sub_title{height:50px;line-height:50px;font-size:22px;font-family:Arial;letter-spacing:2px;margin-bottom:20px;}
    .page_center .icon_next i{height:60px;width:60px;background-image:url(/static/images/index/arrow.png);}
    .page_center .icon_next i.bg_white{background-image:url(/static/images/index/arrow_b.png);}
    .page_list{position:absolute;top:30%;left:50%;margin-left:-600px;margin-top:140px;width:1200px;}
    .page_list li{float:left;text-align:center;cursor:pointer;}
    .page_list li p{line-height:30px;font-size:18px;color:#323232;margin-top:50px;}
    .qua_list li{width:276px;height:250px;margin-right:32px;background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgba(0, 63, 164, 0.1);border-radius: 4px;}
    .qua_list li:last-child{margin-right:0;}
    .qua_list li div{padding:18px 0;border-bottom:1px solid #f6f6f6;}
    .qua_list li span{display:block;margin-top:10px;line-height:25px;font-size:16px;}
    .pantner_list{margin-top:120px;}
    .pantner_list li{width:282px;margin-right:24px;}
    .pantner_list li:last-child{margin-right:0;}
    .pantner_list img{width:80%;}
    .mg_t250{margin-top:200px;}
}
@media (min-width: 1440px) and (max-width: 3800px){
    .page1_center{width:600px;height:400px;position:absolute;left:50%;top:50%;margin-top:-110px;margin-left:-300px;text-align:center;}
    .name_h3{height:100px;line-height:100px;font-size:84px;font-weight: bold;color: #FFFFFF;text-shadow: 0px 8px 21px rgba(0, 0, 0, 0.3);}
    .slogan_h4{height:60px;line-height:60px;font-size:44px;color:#FFFFFF;text-shadow: 0px 8px 21px rgba(0, 0, 0, 0.3);letter-spacing:10px;margin-top:40px;}
    .btn_page1{width:190px;height:60px;line-height:60px;background-color:#0088FF;box-shadow:0px 8px 21px 1px rgba(0, 0, 0, 0.2);border-radius:30px;color:#fff;text-align:center;font-size:20px;margin-top:80px;}
    .page_center{width:600px;height:240px;position:absolute;left:50%;top:30%;margin-top:-100px;margin-left:-300px;text-align:center;}
    .page_center .title_h3{height:80px;line-height:80px;font-size:50px;letter-spacing:15px;}
    .page_center .sub_title{height:60px;line-height:60px;font-size:28px;font-family:Arial;letter-spacing:3px;margin-bottom:30px;}
    .page_center .icon_next i{height:60px;width:60px;background-image:url(/static/images/index/arrow.png);}
    .page_center .icon_next i.bg_white{background-image:url(/static/images/index/arrow_b.png);}
    .page_list{position:absolute;top:30%;left:50%;margin-left:-600px;margin-top:180px;width:1200px;}
    .page_list li{float:left;text-align:center;cursor:pointer;}
    .page_list li p{line-height:30px;font-size:18px;color:#323232;margin-top:50px;}
    .qua_list li{width:276px;height:250px;margin-right:32px;background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgba(0, 63, 164, 0.1);border-radius: 4px;}
    .qua_list li:last-child{margin-right:0;}
    .qua_list li div{padding:18px 0;border-bottom:1px solid #f6f6f6;}
    .qua_list li span{display:block;margin-top:10px;line-height:25px;font-size:16px;}
    .pantner_list li{width:282px;margin-right:24px;}
    .pantner_list li:last-child{margin-right:0;}
    .mg_t250{margin-top:250px;}
}
#jiazai {position: relative;z-index: 20;display: block;width: 100%;background: #FFF}
#index_pageChose {position:fixed;top:50%;right:80px;z-index:4;width:20px;height:220px;}
.pageChose {width: 10px;height: 10px;background: #c5e4ff;opacity: 0.4;border-radius:5px;cursor: pointer;margin-bottom:25px;margin-top:25px;}
.pageChose:hover {background: #c5e4ff;opacity: 1;border-radius:50%;}
.pageChose:hover:before {position:relative;top:-2px;right:20px;background:0;color:#FFF;}
#index_pageChose .active {width:10px;height:50px;opacity:1;border-radius:5px;}
#index_pageChose .active:hover {background: #c5e4ff;}
#index_pageChose .active:hover:before {position: relative;top: -2px;right:50px;background: 0;color:#FFF;}
.indexPage {position:relative;z-index:3;overflow:hidden;width:100%;height:auto}
.imgJian div {position:absolute;overflow:hidde}
.imgJian div img {position: relativ}
#page1 {
    background-size: cover;
    -webkit-transition: background-position 2s;
    -moz-transition: background-position 2s;
    -o-transition: background-position 2s;
    transition: background-position 2s;
    background-position-y: 0;
    background-image:url(/static/images/index/index_bg1.png);
}
#page2 {background:#F1F8FE;}
#page3 {
    background-size: cover;
    -webkit-transition: background-position 2s;
    -moz-transition: background-position 2s;
    -o-transition: background-position 2s;
    transition: background-position 2s;
    background-position-y: 0;
    background-image:url(/static/images/index/index_bg2.png);
}
#page4 {background:#F1F8FE;}
#page5 {
    background-size: cover;
    -webkit-transition: background-position 2s;
    -moz-transition: background-position 2s;
    -o-transition: background-position 2s;
    transition: background-position 2s;
    background-position-y: 0;
    background-image:url(/static/images/index/index_bg3.png);
}
.header{position:absolute;top:0;left:0;width:100%;min-width:1200px;height:90px;background-color:#fff;z-index:100;}
.nav_ul{height:90px;line-height:84px;}
.nav_ul li{float:left;height:90px;}
.nav_ul li a{display:block;padding:0 25px;line-height:84px;border-bottom:6px solid #fff;font-weight:400; font-size:16px;color:#323232;margin-right:20px;}
.nav_ul li a:hover{border-bottom-color:#0088FF;color:#0088FF;}
.nav_ul li a.active{border-bottom-color:#0088FF;color:#0088FF;}

.change_fun{position:relative;top:-40px;}
.col_323232{color:#323232;}
.col_fff{color:#fff;}

/*button*/
.btn_com{display:inline-block;height:38px;line-height:38px;text-align:center;border:1px solid #0088FF;border-radius:2px;font-size:16px;}
.btn_bg1{background-color:#0088FF;color:#fff;}
.btn_bg2{background-color:#fff;color:#0088FF;}
.check_contract{margin:260px auto 0 auto;width:550px; }
.check_contract h3{text-align:center;line-height:40px;font-size:16px;}
.check_contract div{height:40px;line-height:40px;background-color:#fff;box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);color:#000;text-align:center;cursor:pointer;}
.check_contract div:hover{border:1px dashed #ccc;}