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: #fefefe}
.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: 640px;
    position: relative;
}
.bannerBox .hd{
    position: relative;
}
.bannerBox .hd ul{
    position: absolute;
    top: 594px;
    left: 472px;
    z-index: 210;
}
.bannerBox .hd ul li{
    display:block; 
    width:8px;
    height:6px;
    border-radius:6px;
    margin-right:5px;
background: #ffffff;
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* 老版Mozilla */
-khtml-opacity:0.5; /* 老版Safari */
opacity: 0.5; /* 支持opacity的浏览器*/
    float: left;
    cursor: pointer;
}
.bannerBox .hd ul li.on{
    width: 30px;
    background: #ffffff;
    filter:alpha(opacity=100); /* IE */
-moz-opacity:1; /* 老版Mozilla */
-khtml-opacity:1; /* 老版Safari */
opacity: 1; /* 支持opacity的浏览器*/
}

.zg_top_content{position: relative;
z-index: 10000;}
.zg_logo{
    float: left;
    margin:21px 0 0 0}



        
.bannerBox{
    position: absolute;
    left: 0;top: 0;
    width: 100%;
    height: 638px;
}
.bannerBox .bd ul li{
    width: 100%;
    vertical-align: middle;
    cursor: pointer;
}
/* 000000000 */

.banner1{
    display: block;
    background: url('../images/banner1.jpg') no-repeat center bottom;
    width: 100%;
    height: 640px;
    overflow: hidden;
    z-index: 100;
}

.banner1_in{
    display: block;
    background: url('../images/banner1_in.jpg') no-repeat center bottom;
    width: 1000px;
    height: 640px;
    z-index: 100;
    position:relative;}

.banner1_pic1{
    position: absolute;
    left:327px;
    top: 190px;

}.banner1_pic2{
    position: absolute;
    left:509px;
    top: 196px;

}
.banner1_btn{
    display: block;
    background: url('../images/banner1_btn.png') no-repeat center bottom;
    width:311px ;
    height: 59px;
    position: absolute;
    left: 503px;
    top: 476px;
    font: 22px/59px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    letter-spacing: 3px;
    cursor: pointer;

}
.banner1_btn:hover{
    background: #ffb422;
    border-radius: 59px;
}
/* .banner1 input::-webkit-input-placeholder {
    color:    #7e9df3;
    font: 18px/46px "Microsoft Yahei";
  }
  .banner1 input:-moz-placeholder {
   color:    #7e9df3;
   font: 18px/46px "Microsoft Yahei";
  }
  .banner1 input::-moz-placeholder { 
   color:    #7e9df3;
   font: 18px/46px "Microsoft Yahei";
  }
  .banner1 input:-ms-input-placeholder { 
   color:    #7e9df3;
   font: 18px/46px "Microsoft Yahei";
  } */

.banner2{
    display: block;
    background: url('../images/banner2.jpg') no-repeat center bottom;
    width: 100%;
    height: 640px;
    overflow: hidden;
    z-index: 100;}
.banner2_in{
    display: block;
    background: url('../images/banner2_in.jpg') no-repeat center bottom;
    width: 1000px;
    height: 640px;
    z-index: 100;
    position: relative;
}
.banner2_in .p1{
    font:bold 36px/40px "Microsoft Yahei";
    color: #ffffff;
    letter-spacing: 2px;
    position: absolute;
    left: 74px;
    top: 164px;
}
.banner2_in .p1 span{
    color: #fef328;
    letter-spacing: 0px;
}
.banner2_pic1{
    position: absolute;
    left: 75px;
    top: 360px;
}
.banner2_in .p2{
    font:bold 73px/78px "Microsoft Yahei";
    color: #ffffff;
width: 850px;
    position: absolute;
    left: 243px;
    top: 164px;
}
.banner2_in .p2 span{
    color: #fef328;
    letter-spacing: 0px;
    display:inline-block
}
.banner2_in .p3{
    font:38px/38px "Microsoft Yahei";
    color: #ffffff;
 
    position: absolute;
    left: 178px;
    top: 281px;
}
.banner2_in>span{
    display: block;
    background: url('../images/banner2_btn.png') no-repeat center bottom;
    width: 310px;
    height: 59px;
    position: absolute;
    top: 496px;
    left: 345px;
    text-align: center;
    font:22px/59px "Microsoft Yahei";
    color: #7e6017;
}
.banner2_in>span:hover{
    background: #ffffff;
    border-radius: 59px
}




.banner3{
    display: block;
    background: url('../images/banner3.jpg') no-repeat center bottom;
    width: 100%;
    height: 640px;
    overflow: hidden;
    z-index: 100;}
.banner3_in{
    display: block;
    background: url('../images/banner3_in.jpg') no-repeat center bottom;
    width: 1000px;
    height: 640px;
    z-index: 100;
    position: relative;
}
.banner3_in .p1{
    font:bold 94px/94px "Microsoft Yahei";
    color: #ffffff;
    position: absolute;
    letter-spacing: 5px;
    left: 116px;
    top: 177px;
}
.banner3_in .p1 span{
    color: #0dffeb;
    margin-left: 40px
}
.banner3_pic1{
    position: absolute;
    left: 37px;
    top: 160px;
}
.banner3_pic2{
    position: absolute;
    left: 158px;
    top: 308px;
}
/* 1111111111111111111111111111111111111 */
.part1{
    width: 100%;
    padding: 60px 0 0px 0;
}

.part1 .tit h3{
    font:bold 46px/46px "Microsoft Yahei";
    color: #333;
    text-align: center;
}
.part1 .tit h3 span{
    font:bold 46px/46px "Microsoft Yahei";
    color: #fa5a27;
    margin: 0 auto
}
.part1 .tit img{
    display: block;
    margin: 17px auto 17px auto;

}
.part1 .tit p{
    font:24px/24px "Microsoft Yahei";
    color: #666666;
    text-align: center;
}
.part1 .cont{
    position: relative;
    margin-top: 70px;
    height: 553px;
}
.part1 .cont li{
    position: absolute;
    width: 333px;
    height: 334px;
    /* transform: rotate(45deg); */

}
.part1 .cont li>p{
    font:24px/24px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    margin-top: 149px
}
.part1 .cont li span{
    display: block;
    width: 393px;
    height: 392px;
    background: url('../images/p1_h.png') no-repeat center bottom;
    position: relative;
    top: -202px;
    left: -30px;
    z-index: 10;
    overflow: hidden;
    display: none;
    transition:.3s linear; 
    cursor: pointer;
  
}
.part1 .cont .on span{
    display: block;
    cursor: pointer;
    }
 
    .part1 .cont .on div{
        top: -520px;
    }

.part1 .cont li span em{
    display: block;
    font:bold 26px/26px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    margin-top: 95px
}
.part1 .cont li span .e2{
    font:18px/30px "Microsoft Yahei";
    color: #ffffff;
    text-align: left;
    margin-top: 19px;
    padding: 0 70px 0 70px
}
.part1 .cont li div{
    width: 234px;
    height: 234px;
  /* background: #000;
  opacity: .5; */
    position: relative;
    top: -124px;
    left: 49px;
    transform: rotate(45deg);
    z-index: 30;
    cursor: pointer;
}
.part1 .cont .l1{
    background: url('../images/p1_1.png') no-repeat center bottom;
    left: 0;
    top: 0;
  
}
.part1 .cont .l2{
    background: url('../images/p1_2.png') no-repeat center bottom;
    left: 166px;
    top: 165px
}
.part1 .cont .l3{
    background: url('../images/p1_3.png') no-repeat center bottom;
    left: 333px;
    top: 0
}
.part1 .cont .l4{
    background: url('../images/p1_4.png') no-repeat center bottom;
    left: 500px;
    top: 165px
}
.part1 .cont .l5{
    background: url('../images/p1_5.png') no-repeat center bottom;
    left: 667px;
    top: 0
}
.p1_btn{
    width: 450px;
    height: 74px;
    background: url('../images/p1_btn.png') no-repeat center bottom;
    text-align: center;
    font: 24px/74px "Microsoft Yahei";
    display: block;
    margin: 0 auto;
    color: #ffffff;
}
.p1_btn:hover{
    border-radius: 74px;
    background: #fa5a27;
}
/* 222222222222 */
.part2{
    width: 100%;
    padding: 60px 0 0px 0;
}

.part2 .tit h3{
    font:bold 46px/46px "Microsoft Yahei";
    color: #333;
    text-align: center;
}
.part2 .tit h3 span{
    font:bold 46px/46px "Microsoft Yahei";
    color: #fa5a27;
    margin: 0 auto
}
.part2 .tit img{
    display: block;
    margin: 17px auto 17px auto;
}
.part2 .tit p{
    font:24px/24px "Microsoft Yahei";
    color: #666666;
    text-align: center;
}
.part2 .cont{
    background: #000000;
    position: relative;
    height: 738px;
    margin-left: -77px;
    width: 1155px;
    margin-top: 55px
}
.part2 .cont .left{
    width: 383px;
    background: #000;
    position: absolute;
    left: -383px;
}
.part2 .cont .right{
    width: 383px;
    background: #000;
    position: absolute;
    right: -383px;
}
.part2 .cont li{
    float: left;
    width: 190px;
    height: 245px;
    margin: 1px 1px 0 0;
    cursor: pointer;
}
.part2 .cont .left li span,.part2 .cont .right li span{
    display: block;
    width: 190px;
    height: 245px;
    background: #000;
    filter:alpha(opacity=50); /* IE */
    -moz-opacity:0.5; /* 老版Mozilla */
    -khtml-opacity:0.5; /* 老版Safari */
    opacity: 0.5; /* 支持opacity的浏览器*/
}
.part2 .cont .center li{
    position: relative;
    background: #292d38;
    width: 230px;
}
.part2 .cont .center li em{
    display: block;
    width: 230px;
    height: 245px;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity:0.5;
    opacity: 0.5; 
}
.part2 .cont .center li img{
    display: block;
    margin: 27px auto 0 auto
}
.part2 .cont .center li p{
    margin: 18px 0 11px 0;
    text-align: center;
    font:bold 20px/20px "Microsoft Yahei";
    color: #ffffff;
}
.part2 .cont .center li span{
    display: block;
    text-align: center;
    font:18px/18px "Microsoft Yahei";
    color: #a4a4a5;
}
.part2 .cont .center li div{
    width: 249px;
    height: 267px;
    background: url('../images/p2_hbg.png') no-repeat center bottom;
    position: absolute;
    left: -10px;
    top: -10px;
    display: none;
    z-index: 10;
}
.part2 .cont .center li div h5{
    text-align: center;
    font:bold 26px/26px "Microsoft Yahei";
    color: #ffffff;
    margin: 30px 0 20px 0;
}
.part2 .cont .center li div p{
    text-align: left;
    font:18px/18px "Microsoft Yahei";
    color: #ffffff;
    margin: 16px 0 0px 18px;
}
.part2 .cont .center li div .p2{
    margin: 16px 0 25px 18px;
}
.part2 .cont .center li div a{
    display: block;
    width: 108px;
    height: 30px;
    border-radius: 30px;
    background: #ffd822;
    text-align: center;
    font:14px/30px "Microsoft Yahei";
    color: #83550c;
    float: left;
    margin:  0 0 15px 12px
}
.part2 .cont .center li div a:hover{
    background: #ffffff;
}
.p2_btn{
    margin: 40px auto 60px auto;
}

/* 333333333333 */
.part3{
    background: url('../images/part3.jpg') no-repeat center bottom;
    width: 100%;
 
}
.part3_in{
    background: url('../images/part3_in.jpg') no-repeat center bottom;
    width: 1000px;
    padding: 60px 0 70px 0;
}
.part3 .tit h3{
    font:bold 46px/46px "Microsoft Yahei";
    color: #333;
    text-align: center;
}
.part3 .tit h3 span{
    font:bold 46px/46px "Microsoft Yahei";
    color: #fa5a27;
    margin: 0 auto
}
.part3 .tit img{
    display: block;
    margin: 17px auto 17px auto;
}
.part3 .tit p{
    font:24px/24px "Microsoft Yahei";
    color: #666666;
    text-align: center;
}
.part3 .cont{
    height: 945px;
}
.part3 .cont .l1{
    width:299px ;
    height: 185px;
    background: url('../images/p3_1.png') no-repeat center bottom;
    float: left;
    margin: 106px 200px 0 243px;
    position: relative;
}
.part3 .cont .l1 h5{
    font:bold 26px/34px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    width: 108px;
    margin: 73px 0 0 45px;
}
.part3 .cont .l1 span{
    display: block;
    background: #faad16;
    font:16px/25px "Microsoft Yahei";
    color: #666666;padding: 15px 15px 15px 15px;
    color: #ffffff;
}
.part3 .cont .l1 .sp1{
    width: 220px;
    height: 102px;
    position: absolute;
    left: -258px;
    top: -61px
}
.part3 .cont .l1 .sp2{
    width: 220px;
    height: 120px;
    position: absolute;
    left: -258px;
    top: 91px
}
.part3 .cont .l2{
    width:295px ;
    height: 179px;
    background: url('../images/p3_2.png') no-repeat center bottom;
    float: right;
    margin: 0px 245px 0 243px;
    position: relative;
    
}

.part3 .cont .l2 h5{
    font:bold 26px/34px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    width: 108px;
    margin: 70px 0px 0 143px;
}
.part3 .cont .l2 span{
    display: block;
    background: #f6746b;
    font:16px/25px "Microsoft Yahei";
    color: #666666;padding: 15px 15px 15px 15px;
    color: #ffffff;
}
.part3 .cont .l2 .sp1{
    width: 220px;
    height: 102px;
    position: absolute;
    right: -260px;
    top: -61px
}
.part3 .cont .l2 .sp2{
    width: 220px;
    height: 120px;
    position: absolute;
    right: -260px;
    top: 91px
}
.part3 .cont .l3{
    width:299px ;
    height: 185px;
    background: url('../images/p3_3.png') no-repeat center bottom;
    float: left;
    margin: 0px 200px 0 243px;
    position: relative;
}
.part3 .cont .l3 h5{
    font:bold 26px/34px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    width: 108px;
    margin: 73px 0 0 45px;
}
.part3 .cont .l3 span{
    display: block;
    background: #20d0e2;
    font:16px/25px "Microsoft Yahei";
    color: #666666;padding: 15px 15px 15px 15px;
    color: #ffffff;
}
.part3 .cont .l3 .sp1{
    width: 220px;
    height: 102px;
    position: absolute;
    left: -258px;
    top: -61px
}
.part3 .cont .l3 .sp2{
    width: 220px;
    height: 120px;
    position: absolute;
    left: -258px;
    top: 91px
}
.part3 .cont .l4{
    width:295px ;
    height: 179px;
    background: url('../images/p3_4.png') no-repeat center bottom;
    float: right;
    margin: 0px 245px 0 243px;
    position: relative;
}

.part3 .cont .l4 h5{
    font:bold 26px/34px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    width: 108px;
    margin: 70px 0px 0 143px;
}
.part3 .cont .l4 span{
    display: block;
    background: #684ee0;
    font:16px/25px "Microsoft Yahei";
    color: #666666;padding: 15px 15px 15px 15px;
    color: #ffffff;
}
.part3 .cont .l4 .sp1{
    width: 220px;
    height: 102px;
    position: absolute;
    right: -260px;
    top: -61px
}
.part3 .cont .l4 .sp2{
    width: 220px;
    height: 120px;
    position: absolute;
    right: -260px;
    top: 91px
}

/* 444444444 */
.part4{
    background: url('../images/part4.jpg') no-repeat center bottom;
    width: 100%;
    height: 1217px;

}
.part4_in{
    background: url('../images/part4_in.jpg') no-repeat center bottom;
    width: 1000px;
    height: 1172px;
    padding: 45px 0 0px 0;
}
.part4 .tit h3{
    font:bold 46px/46px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
}
.part4 .tit h3 span{
    font:bold 46px/46px "Microsoft Yahei";
    color: #fa5a27;
    margin: 0 auto
}
.part4 .tit img{
    display: block;
    margin: 17px auto 17px auto;
}
.part4 .tit p{
    font:24px/24px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
}
.part4 .cont{
    position: relative;
    margin-top: 160px;
    height: 1044px;
}
.part4 .cont .center{
    width: 492px;
    height: 514px;
    background: url('../images/p4_center.png') no-repeat center bottom;
    margin-left: 255px;
    position: relative;

}
.part4 .cont .center img{
    position: absolute;
    left: 209px ;
    top: 112px;
    -webkit-transform-origin:  22px 131px;
    -moz-transform-origin:  22px 131px;
    -o-transform-origin:  22px 131px;
    transform-origin: 22px 131px;
    -webkit-animation:circle 5s linear infinite;
    -moz-animation:circle 5s linear infinite;
    -o-animation:circle 5s linear infinite;
}
@-webkit-keyframes circle{

    0%{transform: rotate(0deg);}
    50%{transform: rotate(180deg);}
    100%{transform: rotate(360deg);}

}
@-moz-keyframes circle{
    0%{transform: rotate(0deg);}
    50%{transform: rotate(180deg);}
    100%{transform: rotate(360deg);}
}
@-o-keyframes circle{
    0%{transform: rotate(0deg);}
    50%{transform: rotate(180deg);}
    100%{transform: rotate(360deg);}
    }
.part4 .cont ul{
    float: left;
    position: relative;
}
.part4 .cont ul .lr{
    position: relative;
    padding:15px 0 0 80px;
}
.part4 .cont ul .lr p{
    color: #f9693a;
    font:bold 18px/18px "Microsoft Yahei";

}
.part4 .cont ul .lr span{
    color: #f9693a;
    font: 18px/18px "Microsoft Yahei";
    display: block;
    margin:  11px 0 11px 0
}
.part4 .cont ul .lr em{
    color: #f9693a;
    font: 14px/14px "Microsoft Yahei";
    display: block;
  
}
.part4 .cont ul .short p{
    margin-top:13px; 

}
.part4 .cont ul .ll{
    position: relative;
    padding:15px 80px 0 0px;
}
.part4 .cont ul .ll p{
    color: #f9693a;
    font:bold 18px/18px "Microsoft Yahei";
    float: right;
}
.part4 .cont ul .ll span{
    color: #f9693a;
    font: 18px/18px "Microsoft Yahei";
    display: block;
    margin:  11px 0 11px 0;
    float: right;
}
.part4 .cont ul .l8 span{
    color: #f9693a;
    font: 18px/18px "Microsoft Yahei";
    display: block;
    margin:  15px 0 11px 8px;
    float:right;
}

.part4 .cont ul .ll em{
    color: #f9693a;
    font: 14px/14px "Microsoft Yahei";
    display: block;
    float: right;
}

.part4 .cont ul .l1{
    width: 119px;
    height: 86px;
    background: url('../images/p4_1.png') no-repeat center bottom;
    top: -95px;
    left: 624px;
}
.part4 .cont ul .l2{
    width: 194px;
    height: 86px;
    background: url('../images/p4_2.png') no-repeat center bottom;
    top: -48px;
    left: 757px;
}
.part4 .cont ul .l3{
    width: 210px;
    height: 86px;
    background: url('../images/p4_3.png') no-repeat center bottom;
    top: 3px;
    left: 785px;
}
.part4 .cont ul .l4{
    width: 209px;
    height: 86px;
    background: url('../images/p4_4.png') no-repeat center bottom;
    top: 96px;
    left: 708px;
}
.part4 .cont ul .l5{
    width: 193px;
    height: 86px;
    background: url('../images/p4_5.png') no-repeat center bottom;
    top: 137px;
    left: 470px;
}
.part4 .cont ul .l6{
    width: 161px;
    height: 86px;
    background: url('../images/p4_6.png') no-repeat center bottom;
    top: -25px;
    left: 77px;
}
.part4 .cont ul .l7{
    width: 121px;
    height: 86px;
    background: url('../images/p4_7.png') no-repeat center bottom;
    top: -294px;
    left: 20px;
}
.part4 .cont ul .l8{
    width: 198px;
    height: 86px;
    background: url('../images/p4_8.png') no-repeat center bottom;
    top: -577px;
    left: -44px;
}
.part4 .cont ul .l9{
    width: 159px;
    height: 86px;
    background: url('../images/p4_9.png') no-repeat center bottom;
    top: -821px;
    left: 77px;
}
.part4 .cont ul .l10{
    width: 142px;
    height: 86px;
    background: url('../images/p4_10.png') no-repeat center bottom;
    top: -1029px;
    left: 290px;
}

.part4 .cont .bottom{
    width: 1061px;
    height: 393px;
    background: url('../images/p4_bottom_bg.jpg') no-repeat center bottom;
    position: absolute;
    left: -31px;
    bottom: -26px
}
.part4 .cont .bottom ul{
    margin-left: 10px
}
.part4 .cont .bottom li{
    float: left;
    width: 210px;
    height: 333px;
    margin: 30px 0px 0 25px;
    padding-right: 25px;
    border-right: 1px dashed #ffffff;
}
.part4 .cont .bottom .last{
    border: none
}
.part4 .cont .bottom li h5{
    font:bold 24px/24px "Microsoft Yahei";
    color: #ffffff;
    margin-top: 27px;
}
.part4 .cont .bottom li h5 img{
  display: inline-block;
  margin: 0 11px 4px 0;
}
.part4 .cont .bottom li span{
    font:18px/28px "Microsoft Yahei";
    color: #ffffff;
    letter-spacing: 1px;
    display: block;
    margin-top: 11px
}
.p4_btn{
    position: absolute;
    left: 306px;
    bottom: -114px
}
/* 5555555555555555555 */
.part5{
    background: #f6f3f3;
    width: 100%;
    padding:365px 0 60px 0;
}

.part5 .tit h3{
    font:bold 46px/46px "Microsoft Yahei";
    color: #333;
    text-align: center;
}
.part5 .tit h3 span{
    font:bold 46px/46px "Microsoft Yahei";
    color: #fa5a27;
    margin: 0 auto
}
.part5 .tit img{
    display: block;
    margin: 17px auto 17px auto;
}
.part5 .tit p{
    font:24px/24px "Microsoft Yahei";
    color: #666666;
    text-align: center;
}
.part5 .top{
    margin-top: 40px
}
.part5 .top .bd li{
    float: left;
    width: 190px;
    height: 115px;
    background: #ffffff;
    border-radius: 5px;
    margin-right: 13px;
    cursor: pointer;
}
.part5 .top .bd .on{
    background: #7a64f2;
}
.part5 .top .bd .on span{
    color: #ffffff;
}
.part5 .top .bd li img{
    display: block;
    margin: 16px auto 10px auto
    
}
.part5 .top .bd li span{
    display: block;
   text-align: center;
   font:18px/18px "Microsoft Yahei";
   color: #666666;
    
}
.part5 .top .bd li .h{
    display: none
}
.part5 .top .bd li .s{
    display: block
}
.part5 .top .bd .on .s{
    display: none
}
.part5 .top .bd .on .h{
    display: block
}
.part5 .top .hd{
    position: relative;
}
.part5 .top .hd span{
    position:absolute;
    top: 35px;
    font:bold 38px/38px "Microsoft Yahei";
    color: #7b66f3;
    cursor: pointer;
}
.part5 .top .hd .prev{
    left: -40px;
}
.part5 .top .hd .next{
    right: -40px;
}

.box{
    width:1000px ;
    height: 700px;
    background: #ffffff;
    border-radius: 5px;
    margin-top: 15px;
    padding-top: 30px
}
.box ul{
    margin: 0 0 0 28px;
    height: 730px;
}
.box li h5{
    margin: 0px 0 20px 18px;
    font:bold 22px/22px "Microsoft Yahei";
    color: #604bf2;
}
.box li .l{
    width: 900px;
    float: left;
}

.box li .bot{
    width: 926px;
    float: right;
}
.box li dl dt span{
    display: inline-block;
    width: 3px;height: 14px;
    background: #666666;
    margin: 2px 16px 0 0;
}
.box li dl dt {
    font:bold 18px/18px "Microsoft Yahei";
    color: #333333; 
    margin-bottom: 7px
}
.box li dl dd {
    font: 18px/28px "Microsoft Yahei";
    color: #666666; 
    margin-left: 18px
}
.box li .bot{
    float: left;
    width: 923px;
    height: 171px;
    background: url('../images/p5_dl_bot.png') no-repeat center bottom;
    margin: 11px 0 30px 0
}
.box li .bot dt{
    margin: 38px 0 0px 20px;
}
.box li .bot dd{
    margin: 5px 0 0px 20px;
    font: 18px/30px "Microsoft Yahei";
    color: #666666; 
    width: 886px;
}
.p5_btn{
    margin: 40px auto 0 auto
}
/* 6666666666666 */
.part6{
    background: #ffffff;
    width: 100%;
    padding:60px 0 60px 0;
}

.part6 .tit h3{
    font:bold 46px/46px "Microsoft Yahei";
    color: #333;
    text-align: center;
}
.part6 .tit h3 span{
    font:bold 46px/46px "Microsoft Yahei";
    color: #fa5a27;
    margin: 0 auto
}
.part6 .tit img{
    display: block;
    margin: 17px auto 63px auto;
}

.part6 .cont{
    position: relative;
    height: 420px;
}
.part6 .slidebox{
    position:absolute;
    top: 0 ;
    left: 0;
    width: 1000px;
}
.slidebox h5{
    margin: 60px 0 0px 25px;
    font:bold 24px/24px "Microsoft Yahei";
    color: #ffffff;   
    float: left;
}
.slidebox .slide6{
    float: right;
    margin-top: -20px
}
.slide6_btn{
    position:absolute;
    right: 0;
    bottom: 0;
}
.slide6_btn li{
    float: left;
    width: 243px;
    height: 70px;
    background: #666666;
    color: #ffffff;
    text-align: center;
    font: 22px/70px "Microsoft Yahei";
    cursor: pointer;
}
.slide6_btn li img{
    vertical-align: middle
}
.slide6_btn .on{
    background: url('../images/p6_slidebtn_h.jpg') no-repeat center bottom;

} 
.p6_btn{
    width:540px ;
    height: 74px;
    background: url('../images/p6_btn.png') no-repeat center bottom;
    display: block;
    text-align: center;
    font: 24px/74px "Microsoft Yahei";
    margin: 40px auto 0 auto;
    color: #ffffff;
}
.p6_btn:hover{
    border-radius: 74px;
    background: #fa5a27;
}
/* 7777777777 */
.part7{
    background: #ffffff;
    width: 100%;
    padding:00px 0 60px 0;
}

.part7 .tit h3{
    font:bold 46px/46px "Microsoft Yahei";
    color: #333;
    text-align: center;
}
.part7 .tit h3 span{
    font:bold 46px/46px "Microsoft Yahei";
    color: #fa5a27;
    margin: 0 auto
}
.part7 .tit img{
    display: block;
    margin: 17px auto 40px auto;
}
.p7{
    width: 100%;
    height:624px ;
    background: url('../images/p7.jpg') no-repeat center bottom;

}
.p7_in{
    width: 1000px;
    height:624px ;
    background: url('../images/p7_in.jpg') no-repeat center bottom;

}
/* 8888888888 */
.part8{
    background: url('../images/part8.jpg') no-repeat center bottom;
    width: 100%;
    height: 705px;

}
.part8_in{
    background: url('../images/part8_in.jpg') no-repeat center bottom;
    width: 1000px;
    height: 705px;

}
.new_left{
    float: left;
    width: 520px;
}
.new_left ul{
    margin: 130px 0 0 60px;
    width: 600px;
}
.new_left ul li{
    float: left;
    width: 174px;
    height: 177px;
    margin: 0 70px 50px 0;
    background:url("../images/new_l.png") no-repeat center bottom;
}
.new_left ul li dt{
    margin: 44px 0 0 0;
    text-align: center;
    color: #d10f8a;
    font:bold 24px/24px "Microsoft Yahei";
}
.new_left ul li dd{
    margin: 8px 0 0 0;
    text-align: center;
    color: #d10f8a;
    font:14px/14px "Microsoft Yahei";
}
.new_left ul li a{
    display: block;
    width: 93px;
    height: 31px;
    border-radius: 31px;
    text-align: center;
    color: #d10f8a;
    font:14px/31px "Microsoft Yahei";
    margin: 45px auto 0;
    background: #fff
}
.from{
    float: right;
    width: 431px;
    height: 585px;
    background:url("../images/from.png") no-repeat center bottom;
margin-top: 60px
}
.from h5{
    font:bold 38px/38px "Microsoft Yahei";
    color: #ffffff;
    margin:  50px 0 67px 0;
    text-align: center;
}
.from div{
    width: 337px;
    height: 58px;
    background: #ffffff;
    margin:20px 0 0 47px;
 
}
.from div img{
    float: left;
}
.from div input{
    float: left;
    width: 270px;
    height: 57px;
    border: none;
    padding-left: 13px;
    color:    #a5a5a5;
    font: 18px/57px "Microsoft Yahei";
}
.from div select {
    color:    #a5a5a5;
    font: 18px/57px "Microsoft Yahei";
    width: 280px;
    height: 57px;
    border: none;
    outline: none;
    padding-left: 10px
}
 input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #a5a5a5;
    font: 18px/57px "Microsoft Yahei";
  }
 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #a5a5a5;
   font: 18px/57px "Microsoft Yahei";
  }
 input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #a5a5a5;
   font: 18px/57px "Microsoft Yahei";
  }
 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #a5a5a5;
   font: 18px/57px "Microsoft Yahei";
  }


.frombtn{
    display: block;
    width: 317px;
    height: 60px;
    background:url("../images/frombtn.jpg") no-repeat center bottom;
    border-radius: 5px;
    margin: 30px 0 0 58px;
    font: 24px/60px "Arial";
    color: #333;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 441px;
    left: 0px;
}
.frombtn:hover{
    background: #ffffff;
    color: #6953ec;
}

/* footer */

.zg_footer{
    width: 100%;
    height: 484px;
    background: #323232;
    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_ul1 li a:hover{
    width: 172px;
    height: 59px;
    border: none;
    background: #f56f36;
    color: #ffffff;
}
.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: 39px;
    line-height: 32px;
    border-top: 1px solid #cecfd0;}
.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_l.png") no-repeat center bottom;
    width: 176px;
    height:429px ;
    overflow: hidden;
    position: fixed;
    left: 10px;
    top: 20%;
    z-index: 1000;
    padding-top: 38px;

}
.flex_left_close{
    position: absolute;
    right: 17px;
    top: 70px;
    cursor: pointer;
}
.flex_left>p{
    display: block;
    width: 50px;
    font: 24px/26px "Microsoft Yahei";
    color: #ffffff;
    float: left;
    margin-top: 39px;
}
.flex_left>span{
    display: block;
    width: 78px;
    font:bold 24px/26px "Microsoft Yahei";
    color: #fcff00;
    float: left;
    margin:50px 2px 0 14px;
    
}
.flex_left ul{
margin-top: 104px;
}
.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{
    display: inline-block;
    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;

  }

}