body{margin:0;font-size:12px;line-height:1; /*font-family:"Microsoft YaHei";*/}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;font-size:12px;}
p,dl,dd{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
a{text-decoration:none;color:#333;}
i,em{ font-style:normal;}
strong,b{ font-weight:normal;}
img{border:none;vertical-align:bottom;}.clearfix{*zoom:1;} /*ie7?????????*/
.clearfix:after{content:""; display:block; clear:both; font-size:0; line-height:0;}
table{border-spacing:0;border-collapse:collapse;}
th,td{padding:0;text-align:left; vertical-align:top;}
input{border:none;background:none;outline:none;}
textarea{resize:none;}



body{
    overflow-x: hidden;
    min-width: 1000px;
    background: #f9f9f9}
.content{
    width: 1000px;
    margin: 0 auto;
    min-width: 1000px;}

.zg_top{
    width: 100%;
    height: 790px;
     position: relative;
     z-index: 10;}
.zg_top_content{position: relative;}
 .zg_logo{
     float: left;
     margin:21px 0 0 0}

     .zg_toplist{
        width:300px ;
        height: 40px;
            float: left;
            margin-top: 32px;
            z-index: 10px;}
    .zg_toplist li a{
        font:bold 16px/16px "Microsoft Yahei";
        color: #ffffff;} 
    .zg_number{
        display: block;
        float: right;
        width: 170px;
        height: 70px;
        padding-top: 28px}
    .zg_number img{
        float: left;
        margin-right: 10px}
    .zg_number a{
        display: block;
        font:bold 20px/20px "Microsoft Yahei";
        color: #ffffff }
    .zg_top_class{
        font: 16px/16px "Microsoft Yahei";
        margin: 32px 20px 0 20px;
        position: relative;
        float: left;
        color: #ffffff}
    .zg_top_class p{
        font:bold 16px/16px "Microsoft Yahei";
        color: #ffffff;cursor: pointer;
    }
    .list1{
        width: 842px;
        height:47px ;
        background: url('../images/zg_top_class_list.png')no-repeat top center;
        position: absolute;
        top:30px;left: 0;}
    .list2{
            width: 320px;
            height:47px ;
            background: url('../images/zg_top_class_list2.png')no-repeat top center;
            position: absolute;
            top:30px;left: 0;
            display: none;
        }
    .list3{
        width:202px;
        height:47px ;
        background: url('../images/zg_top_class_list3.png')no-repeat top center;
        position: absolute;
        top:30px;left: 0;
        display: none;
    }
    .zg_top_class_list .up{
        position: absolute;
        top: -25px;
        left: 70px;
    }
    .zg_top_class .down{
        width: 13px;
        height: 8px;
        position: absolute;
        top:5px;right: -18px}
    .zg_top_class_list .down{
        position: absolute;
        top: -8px;
        left: 30px;}
    .special{
        position: absolute;
        top:-8px;left:28px;}
    .zg_top_class_listul li{
    float: left;
    }
    .zg_top_class_listul li a{
        display: inline-block; 
        float: left;
        font: 12px/54px "Microsoft Yahei";
        padding:0 6px 0 6px;
        color:#ffffff}
    .zg_top_class_listul li a:hover{
        color:#fa8c4a;
    }
    .zg_toplist>p{
        display: block;
        float: left;}
    .zg_toplist li{
        float: left;margin-left: 36px;
        color: #ffffff;
        display: block
    }
    
        .zg_banner{
            width: 100%;
            height: 557px;
            position: relative;
        }
        .bannerBox .hd{
            position: relative;
        }
        .bannerBox .hd ul{
            position: absolute;
            top: 507px;
            left: 454px;
            z-index: 10;
        }
        .bannerBox .hd ul li{
            display:block; 
            width:10px;
            height:10px;
            border-radius:10px;
            margin-right:10px;
           background: #2d3fa8;
            float: left;
            cursor: pointer;
        }
        .bannerBox .hd ul li.on{
            width: 50px;
            height: 10px;
            background: #4061f0;
            border: none;
        }
        
        .zg_top_content{position: relative;
        z-index: 1000;}
         .zg_logo{
             float: left;
             margin:21px 0 0 0}
        
        
        
             
        .bannerBox{
            position: absolute;
            left: 0;top: 0;
            width: 100%;
            height: 557px;
        }
        .bannerBox .bd>ul>li{
            width: 100%;
            vertical-align: middle;
        }
        .banner_content{
            position: relative;
        } 






/* 000000000000000000000000000 */

.banner1{
    display: block;
    background: url('../images/banner1.jpg') no-repeat center top;
    width: 100%;
    height: 557px;
    overflow: hidden;
    z-index: 100;}
.b1_in{
    background: url('../images/banner1_in.jpg') no-repeat center top;
    width: 1000px;
    height: 557px;
    overflow: hidden;
}
.b1_in p{
    background: url('../images/banner1_1.png') no-repeat center top;
    width: 900px;
    height: 65px;
    font-size: 32px;
    line-height: 65px;
    color: #fff;
    text-align: center;
    margin: 128px auto 0
}

.b1_in p em{
    font-weight: bold;
    font-size: 34px;
}


.b1_in ul{
width: 1000px;
margin: 152px 0 0 165px
}

.b1_in ul li{
    float: left;
    margin: 25px 108px 0 0;
    width: 331px;
    height: 40px;
    background: url('../images/b1_1.png') no-repeat center top;
}
.b1_in ul li span{
    display: block;
    font-size: 24px;
    line-height: 40px;
 text-align: center;
    color: #fff;
    padding-left: 25px

}

.b1_in ul .l2{
    background: url('../images/b1_2.png') no-repeat center top;
}
.b1_in ul .l3{
    background: url('../images/b1_3.png') no-repeat center top;
}
.b1_in ul .l4{
    background: url('../images/b1_4.png') no-repeat center top;
}






.b1_in .l{
    position: absolute;
    top: 170px;
    left: -514px;
    animation:myfirst 2s infinite linear; 
    -webkit-animation:myfirst 2s infinite linear ; 
    -moz-animation:myfirst 2s infinite linear ; 
    -o-animation:myfirst 2s infinite linear ; 
    -ms-animation:myfirst 2s infinite linear ; 
}
.b1_in .r{
    position: absolute;
    top: 154px;
    right: -508px;
    animation:myfirst 2s infinite linear; 
    -webkit-animation:myfirst 2s infinite linear ; 
    -moz-animation:myfirst 2s infinite linear ; 
    -o-animation:myfirst 2s infinite linear ; 
    -ms-animation:myfirst 2s infinite linear ; 
}

@keyframes myfirst
{
0%{
    transform:rotateX(0deg)
}
100%{
    transform:rotateX(360deg)
}
}

@-moz-keyframes myfirst /* Firefox */
{
    0%{
        transform:rotateX(0deg)
    }
    100%{
        transform:rotateX(360deg)
    }
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    0%{
        transform:rotateX(0deg)
    }
    100%{
        transform:rotateX(360deg)
    }
}

@-o-keyframes myfirst /* Opera */
{
    0%{
        transform:rotateX(0deg)
    }
    100%{
        transform:rotateX(360deg)
    }
}



.banner2{
    display: block;
    background: url('../images/banner2.jpg') no-repeat center top;
    width: 100%;
    height: 557px;
    overflow: hidden;
    z-index: 100;}
.b2_in{
    background: url('../images/banner2_in.jpg') no-repeat center top;
    width: 1000px;
    height: 557px;
    position: relative;
}

.b2_in ul{
    position: absolute;
    top: 303px;
    left: 139px;
}
.b2_in ul li{
    float: left;
    font-size: 30px;
    line-height: 50px;
    color: #fff;
    text-align: center;
}
.b2_in ul .l1{
    background: url('../images/b2_l.png') no-repeat center top;
    width: 360px;
    height: 50px; 
    color: #151156
}
.b2_in ul .l2{
    background: url('../images/b2_r.png') no-repeat center top;
    width: 360px;
    height: 50px; 
}

.b2_in .b2_1{
    position: absolute;
    top:108px;
    left: -100px;

}
.b2_in .b2_2{
    position: absolute;
    top:282px;
    left: -139px;

}
.b2_in .b2_3{
    position: absolute;
    top:340px;
    left: 128px;

}
.b2_in .b2_4{
    position: absolute;
    top:292px;
    right: -43px;

}
.b2_in .b2_5{
    position: absolute;
    top:103px;
    right: -123px;

}
.b2_in div p{
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 15px
}
.b2_in div img{
    display: block;
    margin: 0 auto 0
}


.banner3{
    display: block;
    background: url('../images/banner3.jpg') no-repeat center top;
    width: 100%;
    height: 557px;
    overflow: hidden;
    z-index: 100;}
.b3_in{
    background: url('../images/banner3_in.jpg') no-repeat center top;
    width: 1000px;
    height: 557px;
    position: relative;
    overflow: hidden;
}
.b3_in>span{
    display: block;
    font-size: 66px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-top: 132px;
    text-shadow: 0px 5px 5px #0a48bb;
}
.b3_in>p{
    display: block;
    font-size: 88px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    text-shadow: 0px 5px 5px #0a48bb;
}
.b3_in>p em{
    color: #00fcff;
}
.b3_in a{
    display: block;
    width: 280px;height: 60px;
    background: #00fcff;
    border-radius: 60px;
    margin: 53px auto 0;
    font-size: 36px;
    line-height: 60px;
    font-weight: bold;
    color: #02122b;
    text-align: center;
}
/* 1111111111111 */
.part1{
    padding: 70px  0;
    width: 100%;
  
}
.tit{
    background: url('../images/p1_tit.png') no-repeat center top;
   height: 20px;
   width: 832px;
}
.tit h3{
    font:bold 45px/45px "Microsoft Yahei";
    color: #333;
    text-align: center;
    position: relative;
    top: -20px
}
.part1 .cont{
    margin-top: 50px;
    position: relative;
}
.part1 .cont .l{
 position: absolute;
 top: 0;
 left: 0;
    background: url('../images/p1_l.png') no-repeat center top;
    height: 568px;
    width: 368px;
}
.part1 .cont .l p{
    font-size: 18px;
    line-height: 32px;
    width: 295px;
    margin: 305px auto 0;
    color: #fff;
    color: #fff;
    font-weight: bold
}

.part1 .cont .r{
    background: #fff;
    width: 925px;
    height: 630px;
    float: right;
    margin: 50px 0px 0 0;
    border-radius: 25px;
    overflow-y: scroll;

} 
.part1 .cont .r div{
    width: 586px;
    height: 630px;
    float: right;

}
.part1 .cont .r dl{
    width: 570px;
}


.part1 .cont .r dt{
    font-size: 24px;
    color: #000000;
    font-weight: bold;
    line-height: 29px;
    margin-top: 25px

}
.part1 .cont .r dt img{
    display: inline-block;
    margin: 0 18px 0 0
}
.part1 .cont .r dd{
    font-size: 18px;
    color: #666666;
    margin-top: 13px;
    line-height: 28px;

}
.part1 .cont .r dd span{
    color: #4061f0
}
.part1 .cont .r .d2 dd span{
    color: #f57b19
}
.part1 .cont .r .d3 dd span{
    color: #ee634c
}
.part1 .cont .r .d4{
    margin: 0 0 30px 0;
}
.part1 .cont .r .d4 dd span{
    color: #4dc580
}
.btn{
    display: block;
    background: url('../images/p1_btn.png') no-repeat center top;
    width: 306px;
    height: 78px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 70px;
    color: #000;
    margin: 40px auto  0  
}
.btn:hover{
    text-decoration: underline
}
/* 222 */
.part2{
    background: #000000;
    background: url('../images/part2.jpg') no-repeat center top;
    width: 100%;
padding: 70px 0 66px 0

}
.part2_in{
    background: url('../images/part2_in.jpg') no-repeat center top;
    width: 832px;
    padding: 70px 0;
}
.part2 .tit{
    background: url('../images/p2_tit.png') no-repeat center top;
    width: 970px;
    height: 20px;
    margin: 0 auto 0
}
.part2 .tit h3{
    color: #ffffff;

}
.part2 .cont{
    margin-top: 50px;
    position: relative;
}
.part2 .cont>img{
    position: absolute;
    left: 0;
    top: 165px;
    z-index: 3;
}
.part2 .cont .l{
    float: left;
    margin: 84px 0 0 29px;
    width: 340px;
    height: 390px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #fff;

}
.part2 .cont .l ul{
    width: 278px;
    margin: 35px 0 0 62px
}
.part2 .cont .l ul li{
    font-size: 18px;
    line-height: 18px;
    margin-top: 15px;
    color: #333

}
.part2 .cont .l ul li img{
    display: inline-block;
    margin: 0 15px 0 0
}
.part2 .cont .l ul li:hover{
    color: #4061f0
}

.part2 .cont .r{
    width: 620px;
    height: 555px;
    background: #fff;
    float: right;
    border-radius: 8px;

}
.part2 .cont .r .top{
    height: 60px;
    width: 630px;
    background: #85e4c6;
    margin: 0 0 0 -5px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
   
}
.part2 .cont .r .top ul{

}
.part2 .cont .r .top ul li{
    width: 33.333333%;
    height: 60px;
    float: left;
    font-size: 22px;
    line-height: 60px;
    text-align:center;
    color: #fff;
    position: relative;
}
.part2 .cont .r .top ul li span{
    display: block;
    width:0px;
    height:0px;
    background-color:#fff;
     
    border-top:10px solid #64dbb5;
    border-right:10px solid #fff;
    border-bottom:10px solid #fff;
    border-left:10px solid #fff;
    display: none
}
.part2 .cont .r .top ul .on{
    height: 70px;
    background: #64dbb5;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    line-height: 70px;
    font-weight: bold;

}

.part2 .cont .r .top ul .on span{
    display: block;
    position: absolute;
    bottom: -20px;
    left: 93px;
}
.part2 .cont .r .txt{
    margin-top: 15px
}

.part2 .cont .r .txt p{
    height: 49px;width: 540px;
    border-bottom: 1px dashed #cccccc;
    margin: 0 auto 0
}
.part2 .cont .r .txt p span{
    font-size: 16px;
    line-height: 49px;
    color: #666666;
}
.part2 .cont .r .txt p .sp1{
    width: 220px;
    float: left;
}
.part2 .cont .r .txt p .sp2{
    width: 250px;
    float: left;
}
.part2 .cont .r .txt p .sp3{
    width: 65px;
    float: left;
}
.part2 .btn{
    background: url('../images/p2_btn.png') no-repeat center top;
    width: 266px;
}
/* 333333333333333 */
.part3{
    width: 100%;
    padding: 70px 0 30px 0;
 
}
.part3 .tit{
    background: url('../images/p3_tit.png') no-repeat center bottom;
    width: 891px;
    height: 20px;
    margin: 0px auto 0;
}
.part3 ul{
    width: 1111px;
    margin-top: 50px
}
.part3 ul li{
    background: url('../images/p3_s.png') no-repeat center top;
    width: 300px;
    height: 343px;
    float: left;
    margin: 0 50px 0 0
}
.part3 ul li img{
    display: none;
    height: 35px;
    margin: 19px auto 0
}
.part3 ul li .s{
    display: block;

}
.part3 ul li h5{
    font-size: 24px;
    font-weight: bold;
    color: #4262f0;
    text-align: center;
    margin-top: 35px
}
.part3 ul li p{
    width: 282px;
    font-size: 18px;
    line-height: 30px;
    color: #666666;
    margin: 14px auto 0
}
.part3 ul .l4{
    margin: 33px 60px 0 170px;
    /* margin-top: 70px */
}
.part3 ul .l5{
    margin: 33px 0px 0 0px;
    /* margin-top: 70px */
}
.part3 ul li:hover{
    background: url('../images/p3_h.png') no-repeat center top;
    padding-top: 5px;

    width: 300px;
    height: 338px;
    cursor: pointer;

}
.part3 ul li:hover .s{
    display: none
}
.part3 ul li:hover .h{
    display: block
}
.part3 ul li:hover h5{
    color: #fff
}
.part3 ul li:hover p{
    color: #fff
}
/* 444444444444 */

.part4{
    width: 100%;
   padding: 110px 0 0 0 ;
}
.part4 .tit{
    background: url('../images/p3_tit.png') no-repeat center bottom;
    width: 891px;
    height: 20px;
    margin: 0px auto 0;
}
.part4 .tit h3{

    line-height: 56px;
    position: relative;
    top: -55px;
}

.part4 .cont1{
    width: 1000px;
    margin-top: 76px;
    position: relative;
}
.part4 .cont1>div{
    width: 600px;
    height: 380px;
    background: #4061f0;
    border-radius: 8px;
}
.part4 .cont1>div dl{
    padding: 50px 0 0 50px ;
    width: 432px;
}
.part4 .cont1>div dl dt{
    font-size: 24px;
    line-height: 60px;
    width: 250px;
    border-radius: 10px;
    text-align: center;
    background: #fff;
    color: #4061f0;
    margin: 0 0 30px 0
}
.part4 .cont1>div dl dd img{
    vertical-align: top;
float: left;
    margin: 6px 14px 10px 0
}
.part4 .cont1>div dl dd{
    font-size: 18px;
    line-height: 26px;
    margin: 6px 0 0 8px;
    color: #fff;
    
}
.part4 .cont1>div dl dd span{
    width: 384px;
   float: left;
    font-size: 18px;
    line-height: 26px;

    color: #fff;
}
.part4 .cont1>div:hover{
    background: #0b2ec2;
}
.part4 .cont1>div:hover dl dt{
    background: #f29c57;
    background: -moz-linear-gradient(right,  #f29c57 0%, #f57b19 100%);
    background: -webkit-gradient(linear, left , right , color-stop(0%,#f29c57), color-stop(100%,#f57b19));
    background: -webkit-linear-gradient(right,  #f29c57 0%,#f57b19 100%);
    background: -o-linear-gradient(right,  #f29c57 0%,#f57b19 100%);
    background: -ms-linear-gradient(right,  #f29c57 0%,#f57b19 100%);
    background: linear-gradient(to right,  #f29c57 0%,#f57b19 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29c57', endColorstr='#f57b19',GradientType=0 );
    font-weight: bold;
    color: #fff
}
.part4 .cont1>img{
    position: absolute;
    top: 40px;
    left: 520px;
}
.part4 .cont2>div{
    float: right;
}
.part4 .cont2>div dl{
    padding: 50px 0 0 123px
}
.part4 .cont2>div dl dt,.part4 .cont3>div dl dt{
    width: 180px;
}
.part4 .cont2>img{
    left: 0;
}

.part4 .cont3>div{
    height: 480px;
}
.part4 .cont3>img{
top: 89px
}

.part4 .btn{
    background: url('../images/p4_btn.png') no-repeat center bottom;
    width: 266px;
}

 .btn2{
    background: url('../images/p4_btn.png') no-repeat center bottom;
    width: 266px;
}


/* 555555555555555555555 */

.part5{
    padding: 100px 0 80px 0;
    width: 100%;
    background: url('../images/part5.jpg') repeat-y center top;
}
.part5 .tit{
    background: url('../images/p5_tit.png') no-repeat center bottom;
    width: 983px;
    height: 20px;
    margin: 0px auto 0;
}
.part5 .tit h3{
    color: #fff;
    line-height: 56px;
    position: relative;
    top: -55px;
}
.part5 .cont{
    margin-top: 95px
}
.part5 .cont .box1{
    position: relative;
    margin-top: 55px
}
.part5 .cont .box1 .l{
    float: left;
    width: 572px;
    height: 314px;
    background: url('../images/p5_1.png') no-repeat center top;
}
.part5 .cont .box1 .l h5{
    width: 490px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #00f6ff;
    
}
.part5 .cont .box1 .l span{
    display: block;
    margin: 50px 0 0 95px;
    font-size: 22px;
    font-weight: bold;
    color: #00f6ff;
}

.part5 .cont .box1 .l .u1{
    float: left;
  
}
.part5 .cont .box1 .l ul {
    float: left;
   
width: 178px;
}
.part5 .cont .box1 .l ul li{
    font-size: 18px;
    line-height: 26px;
    color: #fff;
}
.part5 .cont .box1 .r{
    position: absolute;
    top: 55px;
    right: 0;
    width: 475px;
    height: 220px;

}
.part5 .cont .box1 .r .box p{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    margin-top: 15px;
    width: 430px;
}
.part5 .cont .box1 .r .box p span{
    display: block;
    font-size: 20px;
    line-height: 20px;
    color: #00f6ff;
    font-weight: bold;
    margin: 0 0 10px 0;
}



.part5 .cont .box2 .l{
    float: right;
    width: 578px;
    height: 333px;
    background: url('../images/p5_2.png') no-repeat center top;
}
.part5 .cont .box2 .l h5{
    float: right;
}
.part5 .cont .box2 .l span{
    margin: 70px 0 0 190px
}
.part5 .cont .box2 .l .u1{
    width: 340px;
    margin: 10px 0 0 190px
}
.part5 .cont .box2 .r{
    left: 0;
}

.part5 .cont .box1 .r .box dl{
  
}
.part5 .cont .box1 .r .box dl dt{
  font-size: 20px;
  line-height: 20px;
  color: #00f6ff;
  font-weight: bold;
    margin: 0 0 10px 0
}
.part5 .cont .box1 .r .box dl dd{
  font-size: 18px;
  line-height: 28px;
  color: #fff;
 
  
}

.part5 .cont .box00 .l span{
    margin: 70px 0 0 190px
}
.part5 .cont .box00 .l .u1{
    width: 175px;
    margin: 10px 0 0 190px;
    float: left;

}
.part5 .cont .box00 .l .u2{
    width: 140px;
    margin: 10px 0 0 10px;
    float: left;
}

.part5 .cont .box3 .l{
    float: left;
    width: 572px;
    height: 314px;
    background: url('../images/p5_3.png') no-repeat center top;
}


.part5 .cont .box4 .l{
    float: right;
    width: 578px;
    height: 333px;
    background: url('../images/p5_4.png') no-repeat center top;
}
.part5 .cont .box4 .r{
    left: 0;
}
.part5 .cont .box4 .l .u1{
  width: 178px;
    float: left;
    margin: 0 0 0 0
}
.part5 .cont .box4 .l .u2{
    width: 178px;
    float: left;
    margin: 0 0 0 0
}
.part5 .cont .box4 .r dl{
margin-top: 20px
}

.part5 .cont .box8 .l .u1 {
    width: 332px;
    float: left;
    margin: 0 0 0 0;
}
.part5 .cont .box6 .l .u1 {
    width: 288px;
    float: left;
    margin: 0 0 0 0;
}

.part5 .cont .box5 .l{
    float: left;
    width: 572px;
    height: 314px;
    background: url('../images/p5_5.png') no-repeat center top;
}

.part5 .cont .box6 .l{
    float: right;
    width: 578px;
    height: 333px;
    background: url('../images/p5_6.png') no-repeat center top;
}

.part5 .cont .box7 .l{
    float: left;
    width: 572px;
    height: 314px;
    background: url('../images/p5_7.png') no-repeat center top;
}
.part5 .cont .box7 .l .u1{
    width: 310px;
}
.part5 .cont .box8 .l{
    float: right;
    width: 578px;
    height: 333px;
    background: url('../images/p5_8.png') no-repeat center top;
}

.part5 .cont .box9 .l{
    float: left;
    width: 572px;
    height: 314px;
    background: url('../images/p5_9.png') no-repeat center top;
}
.part5 .cont .box7 .l .u1{
    width: 336px;
}


.jspContainer{ overflow: hidden; position: relative;}
.jspPane{ position: absolute;}
.jspVerticalBar{ position: absolute; top: 0; right: 0; width: 10px; height: 100%;}
.jspHorizontalBar{ position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; }
.jspVerticalBar *,.jspHorizontalBar *{ margin: 0; padding: 0;}
.jspCap{ display: none;}
.jspHorizontalBar .jspCap{ float: left;}
.jspTrack{ background: #006fb4; position: relative;width: 2px;}
.jspDrag{ background: #00f6ff; position: relative; top: 0; left: -4px; cursor: pointer;width: 10px;
border-radius: 5px;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{ float: left; height: 100%;}
.jspArrow{ background: #50506d; text-indent: -20000px; display: block; cursor: pointer;}
.jspArrow.jspDisabled{ cursor: default; background: #80808d;}
.jspVerticalBar .jspArrow{ height: 16px;}
.jspHorizontalBar .jspArrow{ width: 16px; float: left; height: 100%;}
.jspVerticalBar .jspArrow:focus{ outline: none;}
.jspCorner{ background: #eeeef4; float: left; height: 100%;}
.scroll-pane, .scroll-pane-arrows { width: 100%; height: 220px; overflow: auto;}
.horizontal-only { height: auto; max-height: 160px;}

.scroll-pane2{ width: 365px; height: 108px; overflow: auto;
margin:20px 0 0 93px}

.scroll-pane2 .jspTrack{ background: none; position: relative;width: 2px;}
.part5 .cont .box4 .scroll-pane2{
    margin:20px 0 0 191px
}

.part5 .more{
    display: block;
    margin: 40px auto 0;
    cursor: pointer;
}
/* 6666666666666 */
.part6{
    width: 100%;
   padding: 90px 0 30px 0
}
.part6 .tit{
    background: url('../images/p6_tit.png') no-repeat center bottom;
    width: 738px;
    height: 20px;
    margin: 0px auto 0;
}

.part6 .tit h3{
font-size: 43px;
    line-height: 56px;
    position: relative;
    top: -55px;
}

.part6>p{
    font-size: 20px;
    text-align: center;
    color: #666;
    margin-top: 50px
} 

.slide6{
    margin-top: 30px
}
.slide6 .hd{
    position: relative;
}
.slide6 .hd .prev{
    position: absolute;
    top: 160px;
    left: -60px;
    cursor: pointer;
}
.slide6 .hd .next{
    position: absolute;
    top: 160px;
    right: -60px;    cursor: pointer;
}
.slide6 .hd .h{
    display: none
}
.slide6 .hd .next:hover .h{
display: block
}
.slide6 .hd .next:hover .s{
    display: none
}
.slide6 .hd .prev:hover .h{
    display: block
}
.slide6 .hd .prev:hover .s{
    display: none
}
.slide6 .bd li .l{
    float: left;
    width: 445px;
    margin: 0 0 0 28px
}
.slide6 .bd li .l img{
}
.slide6 .bd li .l p{
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #4061f0;
    margin-top: 30px
}
.slide6 .bd li .r{
    float: right;
    width: 475px;
    margin: 70px 30px 0 0px
}
.slide6 .bd li .r dt{
    font-size: 22px;
    font-weight: bold;
    color: #4061f0;
    margin-top: 15px
}
.slide6 .bd li .r dd{
    font-size: 18px;
line-height: 30px;
    color: #666666;
    margin-top: 5px
}





.part77{
    width: 100%;
   padding: 90px 0 30px 0;

}
.part77 .tit{
    background: url('../images/p3_tit.png') no-repeat center bottom;
    width: 891px;
    height: 20px;
    margin: 0px auto 0;
}


.part77>p{
    font-size: 20px;
    text-align: center;
    color: #666;
    margin-top: 25px
} 

.part77 .cont{
width: 1000px;
    margin: 105px auto 0;
    position: relative;
}

.part77 .cont .bg{
    display: block;
    margin: 0 auto 0;
}
.part77 .cont .pic{
    position: absolute;
    top: -50px;
    left: 190px;
}

.part77 .btn2{
    margin: 0 auto 0;
}


/* 777777777777777777777 */
.part7{
    width: 100%;
    padding: 40px 0 60px 0;
}
.part7 .tit{
    background: url('../images/p7_tit.png') no-repeat center bottom;
    width: 837px;
    height: 20px;
    margin: 0px auto 0;
}
.part7 .content{
    position: relative;
    margin-top: 50px
}
.part7 .content .l{
    position: absolute;
    top: -12px;
    left: -104px;
}
.part7 .content .r{
    position: absolute;
    top: 355px;
    right: -75px;
}

.teac_box ul{
    width: 1300px;
}
.teac_box ul li{
    background: url('../images/teac_0.png') no-repeat center bottom;
    width: 250px;
    height:320px;
    float: left;
    margin: 0 123px 0 0;
    cursor: pointer;
    position: relative;
}
.teac_box ul li img{
display: block;
margin: 25px auto 0;
}
.teac_box ul li p{
    font-size: 26px;
    color: #4061f0;
/*    font-weight: bold;*/
    line-height: 26px;
    text-align: center;
    margin-top: 15px;
}

.teac_box .txt{
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height:320px ;
    background: #4263f0;
    border-radius: 10px;
    display: none;
    z-index: 300;
}
.teac_box .txt div{
    width: 170px;
    float: left;
    margin: 0px 0 0 40px;
}
.teac_box .txt div span{
    width: 160px;
    display: block;
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}
.teac_box .txt  p{
    width: 705px;
    float: right;
    margin: 70px 35px 0 0;
    font-size: 18px;
    color: #fff;

    line-height: 35px;
}

.teac_box ul li:hover div{
    display: block;
}



/* 888888888888888888888 */
.part8{
    background: url('../images/part8.jpg') no-repeat center top;
    width: 100%;
    padding: 80px 0 65px 0;
}

.part8 .tit{
    background: url('../images/p8_tit.png') no-repeat center bottom;
    width: 731px;
    height: 20px;
    margin: 0px auto 0;
}

.part8 .tit h3{
    color: #fff
}
.part8 ul{
    margin-top: 26px;
    width: 1111px;
}
.part8 ul li{
    float: left;
    width: 220px;
    height: 350px;
    margin: 26px 40px 0 0;
    background: url('../images/p8_1.png') no-repeat center top;
position: relative;
}
.part8 ul li h5{
    font-size: 26px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 103px 0 0 0
}
.part8 ul li p{
    width: 170px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    margin: 24px auto 0
}
.part8 ul li a{
    display: block;
    width: 160px;
    height: 40px;
    background: url('../images/p8_btn.png') no-repeat center top;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    left: 30px;
}

.part8 ul li a:hover{
    text-decoration: underline
}




/* 999999999999999999999999999 */
.part9{
    width: 100%;
    padding: 80px 0 40px 0;
}

.part9 .tit{
    background: url('../images/p9_tit.png') no-repeat center bottom;
    width: 679px;
    height: 20px;
    margin: 0px auto 0;
}

.part9 ul{
    width: 1111px;
}
.part9 ul li{
    background: url('../images/p9_1.png') no-repeat center bottom;
    width: 150px;
    height: 167px;
    float: left;
    margin: 65px 56px 0 0;
    position: relative;
}


.part9 ul li:after {

    content: "";
  
    background: #fff;
  
    position: absolute;
  
    width: 150px;
  
    height: 150px;
  
    left: 0px;
  
    left: 0;
  
    top: 0;
  
    bottom: 0;
  
    opacity: 0;
  
    margin: auto;
  
    border-radius: 50%;
  
    transform: scale(1);
  
    animation: 1s btn ease-in-out infinite;
  
  }


.part9 ul .l2{
    background: url('../images/p9_2.png') no-repeat center bottom;

}
.part9 ul li p{
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding-top: 67px
}
.part9 ul .l0 p{

    padding-top: 48px
}


/* 10 */
.part10{
    padding: 30px 0 65px 0;
}
.part10 .tit{
    background: url('../images/p10_tit.png') no-repeat center bottom;
    width: 925px;
    height: 20px;
    margin: 0px auto 0;
}
/* 10 */
.part10 img{
    margin-top: 52px;
    width: 1920px;
    height: 574px;
    position: relative;
    left: 50%;
    margin-left: -960px
}


/* 15 */
.part15{
    background: url('../images/part15.jpg') no-repeat center bottom;
 padding: 0 0 0 0; 
 height: 600px;
    width: 100%;
   
}

.part15 .left{
    float: left;
    width: 598px;

}
.part15 .left>h3{
    font:bold 40px/40px "Microsoft Yahei";
    color: #ffffff;
    margin-left: 77px;
}
.part15 .left ul{
    margin-top: 25px;
   
}
.part15 .left ul li{
    float: left;
    background: url('../images/p15_l.png') no-repeat center top;
    margin: 54px 70px 0 0; 
    height: 192px;
       width: 200px;
       overflow: hidden;
       position: relative;
}

.part15 .left ul li p{

    text-align:  center;
    font-size: 18px;
    line-height: 30px;
    color: #94363b;
    padding-top: 26px

}
.part15 .left ul li p span{
    display: block;
    font-weight: bold;
    font-size: 26px
}
.part15 .left ul li a{
   position: absolute;
    bottom: 38px;
    left: 40px;
    width: 120px;
    height: 40px;
    background: #f7deac;
    border-radius: 40px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #94363b
}
.part15 .left ul li a:hover{
    text-decoration: underline
}

.zg_part15_right{
    margin: 67px 0 0 0;
float: right;
    width: 398px;
    height: 461px;
    background: url('../images/frombg.png') no-repeat center top;
    padding: 43px 0 0 0;
 
}
.zg_part15_right p{
    font:bold 35px/35px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
}
.zg_part15_right>img{
    display: block;
    margin: 20px auto 0;
}
.zg_part15_right form{

    overflow: hidden;
}
.zg_part15_right form div{
    width: 317px;
    height: 58px;
    background: #ffffff;
    margin: 17px 0 0 51px;
}
.zg_part15_right form input{
    width: 250px;
    height: 58px;
    padding: 0;
    font: 17px/58px "Microsoft Yahei";
    color: #a5a5a5;

}
.zg_part15_right form .part15_right_btn{
    width: 317px;
    height: 58px;
    background: #3a61cc;
    border-radius: 4px;
    margin: 24px 0 0 53px;
    text-align: center;
    color: #333;
    font: 18px/46px "Microsoft Yahei";
    cursor:pointer;
    background: #ffd777;
    background: -moz-linear-gradient(bottom,  #ffd777 0%, #fbbf30 100%);
    background: -webkit-gradient(linear,  top,  bottom, color-stop(0%,#ffd777), color-stop(100%,#fbbf30));
    background: -webkit-linear-gradient(bottom,  #ffd777 0%,#fbbf30 100%);
    background: -o-linear-gradient(bottom,  #ffd777 0%,#fbbf30 100%);
    background: -ms-linear-gradient(bottom,  #ffd777 0%,#fbbf30 100%);
    background: linear-gradient(to bottom,  #ffd777 0%,#fbbf30 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd777', endColorstr='#fbbf30',GradientType=0 );

}
.zg_part15_right form .part15_right_btn:hover{
    text-decoration: underline
}





/* footer */
.zg_footer{
    width: 100%;
    padding: 0 0 30px 0;
    background: #333333;
    overflow: hidden;}
.zf_footer_tele{
    width: 362px;
    height: 67px;
    font:bold 48px/67px "Arial";
    color: #fff;float: left;
    margin-top: 70px}
.zg_footer_ul1{
    float: left;
    margin: 72px 0 55px 53px}
.zg_footer_ul1 li{
    float: left;
    margin-left:20px ;
    text-align: center}
.zg_footer_ul1 li a{
    display: block;
    width: 168px;
    height: 55px;
    border: 2px solid #dedede;
    border-radius:55px ;
    font: 24px/55px "Microsoft Yahei";
    color: #dedede; }

.zg_footer_ul2{
    width: 1200px;
    margin-bottom: 45px} 

.zg_footer_ul2 li{
    position: relative;
    width:331px ;
    float: left;}
.zg_footer_ul2 li p{
    font: 16px/28px "Microsoft Yahei";
    color: #dedede;
    width: 225px;
    float: left;
 
    position: absolute;
    left: 127px;
    top: 33px
}
.zg_footer_ul2 li img{float: left;}
.copy {
    width: 1000px;
    text-align: center;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #9d9e9f;
    padding-top: 20px;
    line-height: 32px;
 }


.copy>p{
    color: #9d9e9f;
    font: 14px/18px "Microsoft Yahei";
    color: #dedede;;
}
.copy a, .copy h1 {
    color: #9d9e9f;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    display: inline;
}
.copy a, .copy h1 {
    color: #9d9e9f;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    display: inline;
}






.flex_left{
    background:url("../images/flex.png") no-repeat center bottom;
    width: 163px;
    height:431px ;
    /*overflow: hidden;*/
    position: fixed;
    left: 10px;
    top: 20%;
    z-index: 1000;
    padding-top: 38px;

}
.flex_left_close{
    position: absolute;
    right: 4px;
    top: 72px;
}
.flex_left>p{
    display: block;
    width: 50px;
    font:bold 20px/25px "Microsoft Yahei";
    color: #ffffff;
    float: left;
    margin-top: 38px;
}
.flex_left>span{
    display: block;
    width: 90px;
    font:bold 24px/50px "Microsoft Yahei";
    color: #4bd7d6;
    float: left;
    margin:38px 0 0 10px;
    
}
.flex_left ul{
margin-top: 107px;
}
.flex_left ul li a,.flex_left ul li{
    display: block;
    margin-top: 11px;
    width: 163px;
    height: 40px;
    text-align: center;
    font:bold 16px/40px "Microsoft Yahei";
    color: #ffffff;
}
.flex_left ul li span{
    font:bold 20px/40px "Microsoft Yahei";
    color: #fcff00;
}
.flex_left ul li p{
    font:bold 16px/40px "Microsoft Yahei";
    color: #ffffff;
}
.flex_left ul .last{
    margin-top: 13px;
}


.fix_right {

  width: 316px;

  background: url(../images/fix_right_13.png) no-repeat center;

  height: 55px;

  padding: 12px 0px;

  position: fixed;

  right: 0px;

  top: 150px;

  text-align: center;

  font-size: 20px;

  line-height: 55px;

  color: #fff;

  overflow: hidden;

  z-index: 1000;

}

.fix_right p {

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

  padding-left:30px;

}

.fix_right p:after {

  content: "";

  background: #fff;

  position: absolute;

  width: 316px;

  height: 316px;

  left: 0px;

  left: 0;

  top: 0;

  bottom: 0;

  opacity: 0;

  margin: auto;

  border-radius: 50%;

  transform: scale(1);

  animation: 1s btn ease-in-out infinite;

}

@keyframes btn {

  0% {

    transform: scale(0);

    opacity: 1;

  }

  100% {

    transform: scale(1);

    opacity: 0;

  }

}

@-webkit-keyframes btn {

  0% {

    transform: scale(0);

    opacity: 1;

  }

  100% {

    transform: scale(1);

    opacity: 0;

  }

}


.fix_right {
	width: 316px;
	background: url(../images/fix_right_14.png) no-repeat center;
	height: 55px;
	padding: 12px 0px;
	position: fixed;
	right: 20px;
	top: 150px;
	text-align: center;
	font-size: 20px;
	line-height: 55px;
	color: #fff;
	overflow: hidden;
	z-index: 1000;
}
.fix_right p {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	padding-left:30px;
}
.fix_right p:after {
	content: "";
	background: #fff;
	position: absolute;
	width: 316px;
	height: 316px;
	left: 0px;
	left: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	margin: auto;
	border-radius: 50%;
	transform: scale(1);
	animation: 1s btn ease-in-out infinite;
	}
@keyframes btn {  0% {    transform: scale(0);    opacity: 1;  }  100% {    transform: scale(1);    opacity: 0;  }}
@-webkit-keyframes btn {  0% {    transform: scale(0);    opacity: 1;  }  100% {    transform: scale(1);    opacity: 0;  }}
.flex_left .right{
    width: 44px;
    height: 160px;  
    background: url(../images/flex_right.jpg) no-repeat center;
    position: absolute;
    top: 146px;
    left: 172px;
    cursor: pointer;
}

.flex_left .right .on{
    display: none
}

.flex_left .right img{
    position: absolute;
    top: 125px;
    left: 15px;
    display: block
}



::-webkit-input-placeholder { /* WebKit, Blink, Edge */

  color:    #a5a5a5;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

 color:    #a5a5a5;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

 color:    #a5a5a5;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

 color:    #a5a5a5;

}



/* 000 */


.zg_footer .top{

    height: ;

}

.zg_footer .top div{

    float: left;

  }

  .zg_footer .top .left{

    margin-top: 46px

  }

  .zg_footer .top .cent{

    width: 280px;

    margin-top: 46px

  }

  .zg_footer .top .cent p{

    color:#fff; font-size:12px;font-family:"Microsoft Yahei"; 

    text-align: center;

    letter-spacing: 15px;

    margin-top: 12px;

    margin-left: 10px

  }

  .zg_footer .top .cent p em{

    letter-spacing: 1px;

    display: inline-block;

    margin-right: 15px;

  

  }

  .zg_footer .top .cent span{

    display: block;

    text-align: center;

    color:#fff; font-size:16px;font-family:"Microsoft Yahei"; 

    margin-top: 5px;

    letter-spacing: 2px;

  

  }

  .zg_footer .top .cent .p2{

    width: 255px;

    text-align: left;

  }

  .zg_footer .top .cent .p2 span{

  float: left;

    width: 40px;

    height: 1px;

    background: #b3b3b3;

  margin:7px 5px 0  8px

  }

  .zg_footer .top .cent .p2 .r{

    float: right;

    margin: 0;

    margin-top: 8px

  }

  .zg_footer .top .cent .p2{

    letter-spacing: 5px;

    margin-top: 8px

  }

  

  

  

  .zg_footer .top .right{

    height: 95px;

    width: 800px;



    margin-top: 54px;

    padding-left: 25px;

    position: relative;

  }

  .zg_footer .top .right span{

    float: left;

    color:#ffffff; font-size:22px;font-family:"Microsoft Yahei";font-weight: bold;

    margin: -4px 5px 0 0

  }

  .zg_footer .top .right img{

  position: absolute;

  top: 3px;

  left: 80px;

  }

  .zg_footer .top .right em{

    display:inline-block;

    margin-top: -17px;

    color:#d0d0d0; font-size:14px;font-family:"Microsoft Yahei";line-height: 25px;text-indent:81px

  }