*{margin: 0;padding: 0;font-family: "微软雅黑";font-size: 14px}
html{width: 100%;}
body{width: 100%;min-width: 1200px;overflow-x: auto;}
li{list-style: none;}
h2,h3{font-weight: normal}
a{text-decoration: none}
i{font-style: normal}
.center{width: 1200px;margin: 0 auto 0;overflow: hidden}
.center_box{width: 1250px;overflow: hidden;}
.rel{  position: relative;  }
.fl{float: left;}
.fr{float: right;}
input,button{outline: none}
img{border:0;}

.z_d1{
    height: 900px;position: relative;
}
.z_bg{
    width: 100%;height: 100%;position: absolute;z-index: -1;
}
.z_min{
    margin: 0 auto 0;width: 1100px;overflow: hidden;
}
.z_d1_i1{
    overflow: hidden;color: #fff;margin-top: 20px;
}
.z_d1_i1 i{
    float: right;margin-right: 22px;line-height: 30px;
}
.z_d1_i1 a{
    display: inline-block;float: right;border: 1px solid #fff;width: 90px;height: 28px;line-height: 28px;text-align: center;
    border-radius: 4px;color: #fff;
}
.z_d1_i2{
    display: block;width: 1000px;margin: 250px auto 0;
}
.z_d1_i3{
    display: block;margin: 40px auto 0;width: 260px;
}
.z_d1_i3 img{
    width: 100%;height: 100%;
}
.z_d1_i4{
    display: block;margin: 150px auto 0;width: 500px;
}
.z_d2{
    height: 660px;position: relative;
}
.z_d2_i1{
    display: block;margin: 0 auto 0;width: 950px;
}
.z_d3{
    height: 700px;position: relative;
}
.z_d3_lef{
    float: left;width: 400px;position: relative;height: 600px;margin-top: 50px;
}
.z_d3_i1{
    width: 100%;height: 100%;
}
.z_d3_rig{
    float: right;width: 520px;margin-top: 120px;
}
.z_min2{
    margin: 0 auto 0;width: 1000px;overflow: hidden;
}
.z_d3_rig h2{
    color: #363636;font-size: 42px;margin-bottom: 30px;
}
.z_d3_rig p{
    color: #363636;font-size: 16px;line-height: 48px;
}
.z_d3_rig a{
    display: block;margin-top: 30px;color: #fff;text-align: center;width: 200px;height: 43px;line-height: 43px;
    font-size: 20px;background: #6770b9;border-radius: 30px;cursor: pointer;
}
.z_d4{
    height: 700px;position: relative;
}
.z_d4 h2{
    color: #fff;text-align: center;padding-top: 35px;font-size: 38px;
}
.z_d5{
    height: 750px;position: relative;
}
.z_d5 h2{
    text-align: center;color: #363636;font-size: 38px;padding-top: 30px;
}
.z_d5_ul li{
    float: left;height: 265px;width: 165px;text-align: center;margin: 0 65px 45px;
}
.z_d5_ul{
    margin: 50px auto 0;overflow: hidden;width: 1200px;
}
.z_d5_ul li div{
    background: url("../images/uhs_03.png") no-repeat;background-size: 100% 100%;width: 100px;height: 100px;
    border-radius: 50%;overflow: hidden;position: relative;margin: 0 auto 0;
}
.z_d5_ul li div img{
    width: 50px;position: absolute;height: 50px;left: 50%;margin-left: -25%;top: 50%;margin-top: -25%;
}
.z_d5_ul li h3{
    color: #363636;font-size: 20px;margin-top: 20px;
}
.z_d5_ul li p{
    color: #363636;font-size: 14px;margin-top: 10px;line-height: 25px;
}
.z_d6{
    height: 1250px;position: relative;
}
.z_d6_lef{
    float: right;
}
.z_d6_lef img{
    width: 400px;margin-top: 100px;
}
.z_d6_lef a{
    display: block;margin-top: 40px;color: #fff;text-align: center;width: 200px;height: 43px;line-height: 43px;
    font-size: 20px;background: #6770b9;border-radius: 30px;cursor: pointer;
}
.z_d6_lef2{
    float: left;
}
.z_d6_lef2 img{
    width: 350px;margin-top: 170px;
}
.z_d6_lef2 a{
    display: block;margin-top: 40px;color: #6770b9;text-align: center;width: 200px;height: 43px;line-height: 43px;
    font-size: 20px;background: #fff;border-radius: 30px;cursor: pointer;
}
.z_d7{
    background: #fff;padding-bottom: 70px;
}
.z_d7 h2{
    color: #363636;font-size: 38px;text-align: center;
}
.z_d7_div{
    overflow: hidden;margin: 0 auto 0;width: 1100px;
}
.z_d7_div img{
    float: left;display: inline-block;width: 150px;margin-left: 60px;margin-top: 50px;
}
.z_d8{
    height: 950px;position: relative;
}
.z_d8_d1{
    display: block;margin: 0 auto 0;width: 600px;padding-top: 50px;
}
.z_d8_div{
    margin-top: 50px;
}
.z_d8_div p{
    margin-bottom: 40px;color: #2c2c2c;font-size: 16px;line-height: 40px;
}
.z_d9{
    height: 620px;position: relative;
}
.z_d9_h2{
    color: #fff;text-align: center;font-size: 24px;padding-top: 45px;
}
.z_d9_s1{
    display: block;background: #fff;margin: 20px auto 0;width: 50px;height: 5px;
}
.z_d9_p{
    text-align: center;color: #c9c9c9;font-size: 14px;margin-top: 15px;
}
.z_d9_d1,.z_d9_d2,.z_d9_d3{
    float: left;width: 200px;height: 45px;display: inline-block;line-height: 45px;margin-left: 20px;
}
.z_d9_div{
    margin-top: 35px;
}
.z_d9_d1{
    overflow: hidden;background: #535353;height: 45px;
}
.z_d9_d1 i{
    float: left;color: #ec5d5d;font-size: 14px;margin-left: 7px;
}
.z_d9_d1 span{
    float: left;color: #bdbdbd;font-size: 14px;margin-left: 7px;
}
.z_d9_d1 input{
    float: left;height: 45px;line-height: 45px;width: 100px;background: none;border: 0;color: #fff;margin-left: 4px;
    overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;
}
.z_d9_d2{
    background: url("../images/zuu_57.png") no-repeat;text-align: center;color: #fff;font-size: 16px;border: 0;background-size: 100% 100%;
    cursor: pointer;
}
.z_d9_d3{
    background: url("../images/zuu_59.png") no-repeat;text-align: center;color: #fff;font-size: 16px;border: 0;background-size: 100% 100%;
    cursor: pointer;
}
.z_d9_h22{
    color: #fff;text-align: center;font-size: 24px;padding-top: 60px;
}
.z_d9_div2{
    margin-top: 20px;
}
.z_d9_lef{
    float: left;
}
.z_d9_lef p{
    color: #c9c9c9;font-size: 16px;margin-top: 23px;
}
.z_d9_rig{
    float: right;overflow: hidden;
}
.z_d9_rig span{
    display: inline-block;float: right;margin-left: 50px;
}
.z_d9_rig span img{
    display: block;width: 120px;height: 120px;
}
.z_d9_rig span i{
    display: block;color: #fff;text-align: center;font-size: 14px;margin-top: 15px;
}
.z_d9_p2{
    text-align: center;color: #a5a5a5;font-size: 14px;margin-top: 55px;
}
.z_d3_i2{
    position: absolute;width: 120px;z-index: 0;top: 50%;border-radius: 50%;margin-top: -60px;margin-left: -60px;left: 50%;
    animation:t10 3s ease-in-out infinite;
    -webkit-animation:t10 3s ease-in-out infinite;
}
@keyframes t10 {
    0%, 100% {  transform: translate(7px, -3px);  }
    50% {  transform: translate(-10px, 10px);  }
}
.z_d4_lef{
    float: left;
}
.z_d4_rig{
    float: right;overflow: hidden;width: 400px;margin-top: 150px;margin-right: 50px;
}
.z_d4_rig li{
    float: left;overflow: hidden;margin-bottom: 20px;margin-left: 10px;
}
.z_d4_rig li span{
    float: left;display: inline-block;width: 12px;height: 12px;margin-left: 8px;margin-top: 4px;
}
.z_d4_rig li i{
    float: left;color: #fff;margin-left: 20px;
}
.z_k1{  background: rgb(255, 227, 0);  }
.z_k2{  background: rgb(173, 213, 50);  }
.z_k3{  background: rgb(143, 130, 188);  }
.z_k4{  background: rgb(1, 175, 230); }
.z_k5{  background: rgb(248, 181, 81);  }
.z_k6{  background: rgb(145, 248, 62); }
.z_k7{  background: rgb(218, 112, 214); }
.z_k8{  background: rgb(135, 206, 250);}
.z_k9{  background: rgb(255, 127, 80);}
.z_k10{  background: rgb(100, 149, 237);}
.z_d4 a{
    display: block;
    margin: 0 auto 0;
    color: #fff;
    text-align: center;
    width: 200px;
    height: 43px;
    line-height: 43px;
    font-size: 20px;
    background: #6770b9;
    border-radius: 30px;
    cursor: pointer;
}
.ukk{
    display: block;;margin: 40px auto 40px;
}