/*第一个人*/


/* banner图 */

.box1 .banner {
    /* width: 1920px; */
    width: 100%;
    height: 870px;
    margin: 0 auto;
    position: relative;
}

.content {
    width: 1000px;
    margin: 0 auto;
}

.zg_top {
    width: 100%;
    height: 790px;
    position: relative;
    z-index: 10;
}

.zg_logo {
    float: left;
    margin: 21px 0 0 0
}

.zg_toplist {
    width: 300px;
    height: 40px;
    float: left;
    margin-top: 32px;
    z-index: 10;
}

.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  a{
    font: bold 16px/16px "Microsoft Yahei";
    color: #ffffff;
    cursor: pointer;
}

.list1 {
    width: 842px;
    height: 47px;
    background: url('../img/zg_top_class_list.png')no-repeat top center;
    position: absolute;
    top: 30px;
    left: 0;
}

.list2 {
    width: 320px;
    height: 47px;
    background: url('../img/zg_top_class_list2.png')no-repeat top center;
    position: absolute;
    top: 30px;
    left: 0;
    display: none;
}

.list3 {
    width: 202px;
    height: 47px;
    background: url('../img/zg_top_class_list3.png')no-repeat top center;
    position: absolute;
    top: 30px;
    left: 0;
    display: none;
}

.list4 {
    width: 202px;
    height: 47px;
    background: url('../img/zg_top_class_list3.png')no-repeat top center;
    position: absolute;
    top: 30px;
    left: 0;
    display: none;
}

.list5 {
    width: 202px;
    height: 47px;
    background: url('../img/zg_top_class_list3.png')no-repeat top center;
    position: absolute;
    top: 30px;
    left: 0;
    display: none;
}

.list6 {
    width: 202px;
    height: 47px;
    background: url('../img/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;
}

.list1 .up {
    left: 35px;
}

.list2 .up {
    left: 55px;
}

.list6 .up {
    left: 100px;
}

.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;
}

.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_top_class_listul li a:visited {
    color: #fa8c4a;
}

.zg_toplist>p {
    display: block;
    float: left;
}

.zg_toplist li {
    float: left;
    margin-left: 36px;
    color: #ffffff;
    display: block
}

.zg_top_content {
    position: absolute;
    z-index: 10000;
    top: 0px;
    left: 50%;
    margin-left: -500px;
}

.zg_logo {
    float: left;
    margin: 21px 0 0 0
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
}

.banner li {
    width: 100%;
    height: 870px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}

.banner li:nth-child(1) {
    opacity: 1;
    z-index: 10;
}

.box1 .banner .wzfb-1 {
    width: 100%;
    height: 870px;
    background: url(../img/wzf-banner1-1.jpg) no-repeat center top;
    opacity: 1;
    z-index: 10;
}

.wzfb-1 .wbd-1 {
    margin: 0 auto;
    width: 1000px;
    height: 870px;
    background: url(../img/wzf-banner1-2.jpg) no-repeat center top;
    position: relative;
}

.wzfb-1 .wbd-1 .w-1 {
    width: 367px;
    height: 90px;
    background: red;
    position: absolute;
    top: 491px;
    left: 267px;
    background: url(../img/wzf-ann-1.png) no-repeat;
    line-height: 90px;
    padding-left: 93px;
    color: #fffefe;
    letter-spacing: 10px;
    font-size: 36px;
}

.wzfb-1 .wbd-1 .w-1:hover {
    background: url(../img/wzf-ann-2.png) no-repeat;
    cursor: pointer;
}

.box1 .banner .wzfb-2 {
    width: 100%;
    height: 870px;
    background: url(../img/wzf-banner2-1.jpg) no-repeat center top;
}

.wzfb-2 .wbd-2 {
    width: 1000px;
    height: 870px;
    margin: 0 auto;
    position: relative;
    background: url(../img/wzf-banner2-2.jpg) no-repeat center top;
}

.wzfb-2 .wbd-2 .w-2 {
    width: 460px;
    height: 90px;
    background: red;
    position: absolute;
    top: 491px;
    left: 267px;
    background: url(../img/wzf-ann-6.png) no-repeat;
    line-height: 90px;
    padding-left: 38px;
    color: #5bffff;
    letter-spacing: 2px;
    font-size: 36px;
    font-weight: blod;
}

.wzfb-2 .wbd-2 .w-2:hover {
    background: url(../img/wzf-ann-7.png) no-repeat;
    cursor: pointer;
}

.banner .page {
    position: absolute;
    left: 0;
    bottom: 40px;
    z-index: 20;
    width: 100%;
    height: 200px;
    text-align: center;
}

.banner .page b {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ccc;
    margin: 0 8px;
    cursor: pointer;
}

.banner .page b.active {
    background: red;
}


/* 文字 */

.box1 .wzf-p {
    width: 1000px;
    height: 170px;
    margin: 0 auto;
    /* background: rebeccapurple; */
    padding-top: 20px;
}

.box1 .wzf-p .wzf-p1 {
    height: 80px;
    /* background: olive; */
    line-height: 80px;
    font-size: 50px;
}

.box1 .wzf-p .wzf-p1 img {
    margin-left: 42px;
    vertical-align: middle;
}

.box1 .wzf-p .wzf-p1 strong {
    color: #fe2481;
    font-weight: bold;
}

.box1 .wzf-p .wzf-p1 b {
    color: #281a70;
    margin-left: 25px;
    font-weight: bold;
}

.box1 .wzf-p .wzf-p1 #img {
    margin-left: 10px;
    vertical-align: bottom;
}

.box1 .wzf-p p {
    height: 85px;
    line-height: 28px;
    font-size: 18px;
    color: #737373;
    text-align: center;
}


/*  插入的图片  */

.box1 .wzf-bd {
    /* width: 1920px; */
    width: 100%;
    height: 694px;
    margin: 0 auto;
    background: url(../img/wzf-pht_02.jpg) no-repeat center;
}

.box1 .wzf-bd .wzf-ph {
    width: 1000px;
    height: 675px;
    margin: 0 auto;
    background: url(../img/wzf-p-3.jpg) no-repeat center;
    padding-top: 35px;
}

.box1 .wzf-bd .wzf-ph .p-1,
.p-2 {
    line-height: 48px;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
}

.box1 .wzf-bd .wzf-ph .p-1 {
    display: inline-block;
    margin-left: 47px;
}

.box1 .wzf-bd .wzf-ph .p-2 {
    display: inline-block;
    margin-left: 100px;
}


/* 动画 */

.rotate {
    margin-top: 92px;
    margin-left: 45px;
    width: 405px;
    height: 405px;
    position: relative;
}

.rotate .big {
    width: 405px;
    height: 405px;
    border-radius: 50%;
    border: 1px dashed wheat;
    position: relative;
    animation: rotate1 30s linear infinite;
    -webkit-animation: rotate1 30s linear infinite;
}

.rotate .big>img {
    animation: reverse1 30s linear infinite;
    -webkit-animation: reverse1 30s linear infinite;
}

@keyframes rotate1 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
@-webkit-keyframes rotate1 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes reverse1 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}
@keyframes reverse1 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}

.rotate .big .r9 {
    position: absolute;
    top: 13px;
    left: 40px;
}

.rotate .big .r10 {
    position: absolute;
    top: -30px;
    left: 225px;
}

.rotate .big .r11 {
    position: absolute;
    right: -35px;
    top: 150px;
}

.rotate .big .r12 {
    position: absolute;
    bottom: 15px;
    right: 28px;
}

.rotate .big .r13 {
    position: absolute;
    bottom: -30px;
    left: 119px;
}

.rotate .big .r14 {
    position: absolute;
    top: 207px;
    left: -30px;
}

.rotate .r1 {
    position: absolute;
    top: 157PX;
    right: 157px;
}

.rotate .r2 {
    position: absolute;
    top: 278px;
    left: 92px;
}

.rotate .r3 {
    position: absolute;
    top: 116px;
    left: 40px;
}

.rotate .r4 {
    position: absolute;
    top: 85px;
    right: 48px;
}

@keyframes change {
    0% {
        transform: scale(1);
        opacity: 1
    }
    50% {
        transform: scale(0.9);
        opacity: 0.9
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

.rotate>img {
    animation: change 3s linear infinite;
}

.rotate .small {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    border: 1px dashed wheat;
    position: relative;
    top: -290px;
    left: 115px;
    animation: rotate2 26s linear infinite;
}

.rotate .small>img {
    animation: reverse2 26s linear infinite;
}

@keyframes rotate2 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}

@keyframes reverse2 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.rotate .small .r5 {
    position: absolute;
    top: 75PX;
    left: -25px;
}

.rotate .small .r6 {
    position: absolute;
    bottom: -25PX;
    left: 80px;
}

.rotate .small .r7 {
    position: absolute;
    right: -30PX;
    top: 50px;
}

.rotate .small .r8 {
    position: absolute;
    top: -25PX;
    left: 38px;
}


/* 了解更多前景  */

.box1 .wzf-3 {
    /* width: 1920px; */
    width: 100%;
    height: 146px;
    margin: 0 auto;
    background: url(../img/wzf-pht_04.jpg) no-repeat center top;
    padding-top: 36px;
}

.box1 .wzf-3 .wzf-b {
    width: 363px;
    height: 80px;
    margin: 0 auto;
    background: url(../img/wzf-ann-5.jpg) no-repeat;
}

.box1 .wzf-3 .wzf-b .ff-b {
    display: block;
    width: 346px;
    height: 76px;
    background: url(../img/wzf-ann-3.png) no-repeat center;
    line-height: 76px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    margin: 0 auto;
}

.box1 .wzf-3 .wzf-b:hover .ff-b {
    background: url(../img/wzf-ann-4.png) no-repeat center;
}


/*第二个人*/

.box2 {
    width: 100%;
    height: 1195px;
    background: url("../img/zxl_bg_03.jpg") no-repeat center top;
}

.box2 .zxl_main {
    width: 1000px;
    height: 1196px;
    margin: 0 auto;
}

.box2 .zxl_main .zxl_top {
    width: 1000px;
    height: 126px;
    background: url("../img/zxl-1.jpg") no-repeat top center;
    text-align: center;
    padding-top: 68px;
}

.box2 .zxl_main .zxl_top img {
    display: block;
    padding-left: 93px;
}

.box2 .zxl_main .zxl_top span {
    font-family: [FZLTHJW];
    color: #fff;
    font-size: 18px;
    line-height: 22px;
}

.box2 .zxl_main .zxl_two {
    width: 1000px;
    height: 320px;
    background: url("../img/zxl-2.jpg") no-repeat top center;
}

.box2 .zxl_main .zxl_two ul li {
    background: url("../img/zxl_li.png");
    width: 230px;
    height: 318px;
    float: left;
    text-align: center;
    margin-right: 20px;
}

.box2 .zxl_main .zxl_two ul .zxl_bottom {
    margin-left: 0;
}

.box2 .zxl_main .zxl_two ul li h2 {
    font-size: 28px;
    color: #a49bff;
    font-weight: bold;
    font-family: [FZLTCHJW];
    line-height: 28px;
    padding-top: 30px;
}

.box2 .zxl_main .zxl_two ul li h3 {
    font-size: 28px;
    color: white;
    font-weight: bold;
    line-height: 44px;
}

.box2 .zxl_main .zxl_two ul li span {
    width: 96px;
    height: 100px;
    display: block;
    background: url("../img/zxl_span.png");
    margin: 10px 70px;
}

.box2 .zxl_main .zxl_two ul li span i {
    width: 96px;
    height: 100px;
    /*border: 1px solid black;*/
    display: inline-block;
    background: url("../img/zxl-_jinglin_07.png") no-repeat 23px 10px;
}

.box2 .zxl_main .zxl_two ul li span .zxl_split2 {
    background-position: -232px 10px;
}

.box2 .zxl_main .zxl_two ul li span .zxl_split3 {
    background-position: -488px 10px;
}

.box2 .zxl_main .zxl_two ul li span .zxl_split4 {
    background-position: -746px 10px;
}

.box2 .zxl_main .zxl_two ul li p {
    width: 200px;
    font-size: 18px;
    color: #cac6fe;
    line-height: 26px;
    margin: 0 auto;
}

.box2 .zxl_main .zxl_two ul li .zxl_font {
    width: 150px;
}

.box2 .zxl_main .zxl_three {
    width: 1000px;
    height: 126px;
    background: url("../img/zxl-3.jpg") no-repeat top center;
    text-align: center;
    padding-top: 80px;
}

.box2 .zxl_main .zxl_three img {
    display: block;
    padding-left: 93px;
}

.box2 .zxl_main .zxl_three span {
    font-family: [FZLTHJW];
    color: #fff;
    font-size: 18px;
    line-height: 22px;
}

.box2 .zxl_main .zxl_four {
    width: 1001px;
    height: 297px;
    background: url("../img/zxl-4.jpg") no-repeat top center;
}

.box2 .zxl_main .zxl_four ul li {
    width: 194px;
    height: 136px;
    background: url("../img/zxl_four_03.png") no-repeat;
    float: left;
    margin: 0 74px 20px 0;
}

.box2 .zxl_main .zxl_four ul .zxl_pic {
    margin-right: 0;
}

.box2 .zxl_main .zxl_four ul li p {
    padding-top: 28px;
    font-family: 宋体;
    font-size: 36px;
    color: white;
    line-height: 64px;
    text-align: center;
    cursor: pointer;
}

.box2 .zxl_main .zxl_four ul li p:hover {
    color: orange;
    font-weight: bold;
}

.box2 .zxl_main .zxl_five {
    width: 1000px;
    height: 148px;
    background: url("../img/zxl-5.jpg") no-repeat top center;
    padding-top: 30px;
}

.box2 .zxl_main .zxl_five a {
    cursor: pointer;
    font-size: 26px;
    margin: 0 auto;
    color: white;
    text-align: center;
    line-height: 76px;
    display: block;
    width: 405px;
    height: 76px;
    background: url("../img/zxl_last_03.png");
}

.box2 .zxl_main .zxl_five a:hover {
    background: url("../img/zxl_last.png");
}


/*第三个人*/

.box3 {
    /*height: 2797px;*/
    width: 100%;
}

.TopBox {
    height: 1774px;
    width: 100%;
    background: url("../img/hs-11.png") no-repeat center;
}

.box3 .Top {
    height: 1774px;
    width: 1000px;
    margin: auto;
    background: url("../img/hs-3.png") no-repeat;
    padding-top: 1px;
    position: relative;
}

.fist-three {
    width: 1920px;
    height: 2797px;
    background: antiquewhite
}

.Top .three-h2 {
    width: 1000px;
    height: 358px;
    border: 1px solid #000;
}

.threeh2 {
    background: url(../img/hs-3.png) no-repeat right;
    background-origin: content-box;
    margin-top: 70px;
    height: 102px;
    line-height: 48px;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
}

.threespan1 {
    color: #fe2481;
}

.threespan2 {
    color: #281a70;
}

.threep1 {
    font-size: 16px;
    font-weight: normal;
}

.threespan3,
.threespan4 {
    width: 454px;
    height: 68px;
    font-size: 31px;
    line-height: 68px;
    text-align: center;
    display: inline-block;
    background: #6250fb;
    color: #ffff;
    font-weight: bold;
    border-radius: 45px;
    margin-top: 49px;
}


/*.threespan3,*/


/*.threespan4:hover{*/


/**/


/*}*/

.threespan3 {
    margin-right: 88px;
    margin-bottom: 50px;
}

.Top .lb {
    height: 602px;
}

.Top .lb li {
    border: 1px solid #a7b9df;
    border-left: none;
    width: 1000px;
    height: 334px;
    background: #f8fbff;
    margin-bottom: 68px;
    position: relative;
    margin-top: 27px;
}

.Top .lb li div {
    height: 363px;
    width: 323px;
    /*font-weight:bold;*/
    color: white;
    font-size: 18px;
}

.Top .lb div.Hong {
    position: absolute;
    left: 0;
    bottom: -58px;
    background: url("../img/hs-5.png") no-repeat;
    padding-left: 24px;
    padding-top: 58px;
    /*float:left;*/
}

.Top .lb div.Hong h2,
.Top .lb div.Lan h2,
.Top .lb div.Zi h2 {
    font-size: 28px;
    font-weight: bold;
}

.Top .lb div.Hong .xian,
.Top .lb div.Lan .xian,
.Top .lb div.Zi .xian {
    height: 4px;
    width: 40px;
    background: white;
    margin-top: 28px;
    margin-bottom: 18px;
}

.Top .lb div.Hong .ds，.Top .lb div.Lan .ds，.Top .lb div.Zi .ds {
    line-height: 32px;
}

.Top .lb div.Lan {
    position: absolute;
    left: 0;
    bottom: -58px;
    background: url("../img/hs-9.png") no-repeat;
    padding-left: 24px;
    padding-top: 58px;
}

.Top .lb div.Zi {
    position: absolute;
    left: 0;
    bottom: -58px;
    background: url("../img/hs-10.png")no-repeat;
    padding-left: 24px;
    padding-top: 58px;
    margin-bottom: 0;
}

.Top .lb div.pic,
.Top .lb div.pic1,
.Top .lb div.pic2 {
    height: 256px;
    width: 538px;
    background: white;
    position: absolute;
    right: 28px;
    bottom: 32px;
    overflow: hidden;
    border: 6px solid #474747;
}

.Top .last {
    height: 80px;
    width: 423px;
    position: absolute;
    bottom: 120px;
    left: 288px;
    text-align: center;
    font-size: 24px;
    color: white;
    line-height: 80px;
    background: url("../img/hs-13.jpg");
}

.Top .last:hover {
    background: url("../img/hs-14.jpg");
}

.BotBox {
    height: 1023px;
    width: 100%;
    background: url("../img/hs-2.png") no-repeat center;
}

.box3 .Bot {
    height: 1023px;
    width: 1000px;
    margin: auto;
    overflow: hidden;
    position: relative;
}

.Bot h2 {
    font-size: 47px;
    line-height: 47px;
    margin-top: 69px;
    font-weight: bold;
    text-align: center;
}

.threespan5 {
    color: #04fbef;
}

.threespan6 {
    color: #ffffff;
}

.threep2 {
    margin-top: 14px;
}

.threep2,
.threep3 {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
}

.Bot .body {
    margin-top: 40px;
    height: 602px;
    width: 1000px;
    background: pink;
}

.Bot .body li {
    height: 278px;
    width: 471px;
    border: 4px solid white;
    float: left;
    position: relative;
}

.Bot .body li.first {
    background: url("../img/hs-15.jpg");
}

.Bot .body li.senond {
    background: url("../img/hs-5.jpg");
    margin-bottom: 30px;
    float: right
}

.Bot .body li.third {
    background: url("../img/hs-6.jpg");
}

.Bot .body li.four {
    background: url("../img/hs-2.jpg");
}

.Bot .body li.first,
.Bot .body li.third {
    margin-bottom: 30px;
    float: left;
}

.Bot .body li.senond,
.Bot .body li.four {
    margin-bottom: 30px;
    float: right;
}

.Bot .body li div {
    height: 60px;
    width: 281px;
    background: url("../img/hs-16.jpg");
    position: absolute;
    left: 0;
    bottom: -4px;
    font-size: 20px;
    padding-left: 10px;
    line-height: 60px;
    color:white;
}

.Bot .body li div span {
    color: yellow;
}

.Bot .foot {
    height: 80px;
    width: 423px;
    background: url("../img/hs.png");
    position: absolute;
    left: 288px;
    bottom: 68px;
    text-align: center;
    font-size: 22px;
    line-height: 80px;
    color: white;
}

.Bot .foot:hover {
    background: url("../img/hs1.png");
    /*background: red;*/
}


/*第四个人*/

.box4 {
    width: 100%;
    height: 1860px;
}

#box {
    width: 100%;
    height: 1860px;
    margin: auto;
    background: url(../img/cyb.1.jpg) no-repeat center top;
}

* {
    margin: 0;
    padding: 0;
}

.wrap {
    width: 1000px;
    margin: 0 auto;
}

.cyb1 {
    width: 1000px;
    margin: 0 auto;
}

.box4 .cyb1 img {
    margin-top: 72px;
}

.sysc {
    height: 760px;
}

.cybsc h1,
.pp {
    display: inline-block;
    color: #fe2481;
}

.cybsc {
    display: inline-block;
    padding-top: 100px;
    /* padding-right: 316px; */
    float: left;
}

.cybsc h1 {
    font-size: 32px;
    color: #fe2481;
    padding-bottom: 20px;
}

.cybsc p {
    font-size: 26px;
}

.sc {
    display: inline-block;
    width: 1000px;
    height: 500px;
    float: left;
    overflow: hidden;
    z-index: -1;
}

.sc>div {
    display: none;
}

.sc img {
    float: left;
    height: 500px;
    overflow: hidden;
    position: relative;
    top: -30px;
}

.cybsc2 {
    width: 663px;
    line-height: 30px;
    float: right;
    font-size: 16px;
}

.cybsc2 h2,
.ppp {
    display: inline-block;
    /* color: #000; */
    padding-bottom: 20px;
}

.cybsc2 h2 {
    display: inline-block;
    /* float: left; */
}

.cybsc2 .pppp {
    font-size: 17px;
}

.cybsc2 .pppp,
.ppppp {
    color: #666666;
    line-height: 26px;
    padding-bottom: 12px;
}

.cybsc2 .ppppp {
    display: inline-block;
    font-size: 16px;
}

.cybsc2 strong {
    display: inline-block;
    border-radius: 50px;
    color: white;
    font-size: 18px;
    text-align: center;
    width: 180px;
    height: 46px;
    line-height: 46px;
    background: #fe2481;
}

.js {
    width: 1000px;
    height: 186px;
    background: #281a70;
    margin-top: -30px;
    z-index: 999;
    float: left;
}

.js ul li img {
    cursor: pointer;
}

.js .cybli-1 {
    margin-left: 11px;
}

.js .cybli-1 {
    margin-left: 11px;
}

.js ul li .js-img1 {
    width: 95px;
    height: 145px;
}

.js ul li .js-img2 {
    width: 124px;
    height: 185px;
    margin-left: -10px;
    margin-top: -8px;
}

.js ul li .js-img3 {
    width: 116px;
    height: 175px;
    margin-top: -8px;
    margin-left: -12px;
}

.js ul li .js-img4 {
    width: 117px;
    height: 174px;
    margin-left: -10px;
    margin-top: -3px;
}

.js ul li .js-img5 {
    width: 124px;
    height: 185px;
    margin-left: -20px;
    margin-top: -6px;
}

.js ul li .js-img6 {
    width: 87px;
    height: 157px;
    margin-left: 1px;
    margin-top: -3px;
}

.js ul li .js-img7 {
    width: 100px;
    height: 157px;
    margin-left: 2px;
    margin-top: -4px;
}

.js ul li .js-img8 {
    width: 104px;
    height: 164px;
    margin-left: -9px;
    margin-top: -4px;
}

.js ul li .js-img9 {
    width: 110px;
    height: 167px;
    margin-left: -18px;
    margin-top: -4px;
}

.js ul li .js-img10 {
    width: 126px;
    height: 177px;
    margin-left: -20px;
    margin-top: -7px;
}

.js div {
    width: 84px;
    height: 84px;
    background: white;
    border-radius: 50px;
    margin-left: 5px;
    margin-right: 1px;
    overflow: hidden;
    float: left;
    margin-bottom: 5px;
}

.js li {
    display: inline-block;
    width: 95px;
}

.js p {
    width: 84px;
    color: white;
    text-align: center;
    padding-left: 7px;
    font-size: 16px;
}

.bom1 #xia {
    margin-left: 224px;
}

.bom1 .bom2 div img {
    padding-top: 40px;
}

.bom1 .bom2 strong {
    display: inline-block;
    margin: 0 290px;
    width: 426px;
    color: white;
    font-size: 26px;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
    height: 80px;
    background: url(../img/yjbutton.png)no-repeat;
}

.bom1 .bom2 strong:hover {
    background: url(../img/hs-14.jpg)no-repeat;
}

.sc .active {
    display: block;
}

#js .active {
    padding: 44px 0;
    position: relative;
    top: -4px;
    background: #eb3e88;
}

#st {
    cursor: pointer;
}

#xiaxia {
    margin: auto;
    position: relative;
    bottom: 0;
    left: 44px;
    padding-top: 60px;
}

#st:hover {
    background: blue;
}


/*第五个人*/

.box5 {
    width: 100%;
    height: 1587px;
    position: relative;
}

.box5-t {
    width: 100%;
    height: 624px;
    background: url("../img/jmz-6.jpg") no-repeat center;
}

.box5-t .t-center {
    width: 1000px;
    height: 624px;
    margin: auto;
}

.botx5-b {
    width: 100%;
    height: 963px;
    background: url("../img/jmz-7.jpg") no-repeat center;
}

.botx5-b .b-center {
    width: 1000px;
    height: 963px;
    /*background:pink;*/
    margin: auto;
    position: relative;
}

.botx5-b .b-center .txt {
    display: inline-block;
    height: 227px;
    width: 1000px;
    background: url("../img/jmz-8.jpg") no-repeat center;
    position: relative;
}

.botx5-b .b-center .txt:hover {
    background: url("../img/jmz-9.jpg") no-repeat center;
}

.botx5-b .b-center .txt img {
    position: absolute;
    left: 390px;
    top: 94px;
}

.botx5-b .b-center .bottom {
    height: 560px;
    width: 1000px;
    /*background:skyblue;*/
    position: absolute;
    left: 0;
    bottom: 0;
}

.botx5-b .b-center .bottom .left {
    width: 570px;
    height: 560px;
    /*background:pink ;*/
    float: left;
    position: relative;
}

.botx5-b .b-center .bottom .left .one {
    height: 60px;
    width: 179px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #666;
    background: url("../img/jmz-10.png") no-repeat;
}

.botx5-b .b-center .bottom .left .one:hover {
    background: url("../img/jmz-11.png") no-repeat;
    color: #3d0772;
}

.botx5-b .b-center .bottom .left .two {
    height: 60px;
    width: 211px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #666;
    background: url("../img/jmz-12.png") no-repeat;
}

.botx5-b .b-center .bottom .left .two:hover {
    background: url("../img/jmz-13.png") no-repeat;
    color: #3d0772;
}

.botx5-b .b-center .bottom .left .zx {
    display: inline-block;
    height: 82px;
    width: 424px;
    text-align: center;
    padding-top: 26px;
    /*background:blue;*/
    margin: 340px 0 0 64px;
    background: url("../img/jmz-14.png") no-repeat;
}

.botx5-b .b-center .bottom .left .zx:hover {
    background: url("../img/hs1.png") no-repeat;
}

.botx5-b .b-center .bottom .left .a {
    position: absolute;
    left: 232px;
    top: 140px;
}

.botx5-b .b-center .bottom .left .b {
    position: absolute;
    left: 0;
    top: 156px;
}

.botx5-b .b-center .bottom .left .c {
    position: absolute;
    left: 372px;
    top: 219px;
}

.botx5-b .b-center .bottom .left .d {
    position: absolute;
    left: 110px;
    top: 238px;
}

.botx5-b .b-center .bottom .left .e {
    position: absolute;
    left: 0px;
    top: 328px;
}

.botx5-b .b-center .bottom .left .f {
    position: absolute;
    left: 286px;
    top: 318px;
}

.botx5-b .b-center .bottom .right {
    height: 439px;
    width: 372px;
    float: left;
    margin-top: 86px;
    background: url("../img/jmz-16.png") no-repeat;
    padding-top: 124px;
    text-align: center;
}

.botx5-b .b-center .bottom .right input {
    height: 54px;
    width: 200px;
    margin-bottom: 10px;
    padding-left: 68px;
    outline: none;
}

.botx5-b .b-center .bottom .right input:nth-child(1) {
    background: white url("../img/jmz-17.png") no-repeat 30px;
}

.botx5-b .b-center .bottom .right input:nth-child(2) {
    background: white url("../img/jmz-18.png") no-repeat 30px;
}

.botx5-b .b-center .bottom .right input:nth-child(3) {
    background: white url("../img/jmz-19.png") no-repeat 30px;
}

.botx5-b .b-center .bottom .right .sub {
    display: block;
    height: 54px;
    width: 268px;
    background: #3329ed;
    text-align: center;
    margin-top: 20px;
    color: white;
    font: bold 21px/54px 宋体;
    padding-left: 0;
    border: none;
    margin: 0 auto 0;
}
.botx5-b .b-center .bottom .right .sub1{
    width: 1px;
    margin: 0 auto 0;
    height: 1px;
    position: relative;
    top: -25px;
    z-index: -1;
}

.yan{
    position: absolute;
    top: 25px;
    left: -20px;
}


/* footer */

.zg_footer {
    width: 100%;
    padding-bottom: 20px;
    background: #070b0f;
    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: 10px;
    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;
}


/*左浮窗*/
.zg_navleft{background: url("../img/zg_navleft.png") no-repeat left top;width:163px;height:479px;position:fixed;left: 0;top:50%;margin-top:-240px;z-index:100;}
.zg_close{background:url("../img/zg_close.png") no-repeat left top;width: 11px;height: 11px;position: absolute;right:3px;top:30px;cursor: pointer;}
.zg_navleft h6{font:bold 20px/24px "Microsoft YaHei";color: #fff;padding: 37px 0 0 97px;}
.zg_navoul{margin-top: 21px;}
.zg_navoul li{font:bold 16px/41px "Microsoft YaHei";color:#fff;text-align:center;margin-bottom:9px;padding-right:5px;}
.zg_navoul li a{font:bold 16px/41px "Microsoft YaHei";color:#fff;}
.zg_navoul li a span{color: #fcff00;font-size:20px;}
.zg_tit{text-align: center;font-size:50px;color:#fff;font-family: "Microsoft YaHei"}
.zg_tit span{color:#00e8fe}


.fix_right {
  width: 316px;
  background: url(../img/fix_right_14.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;
  }
}
.part1{
    padding: 71px 0 0 0;
    width: 100%;
    height: 845px;
}
.p1_tit div{
    font:bold 50px/50px "Microsoft Yahei";
    color: #144269;
    text-align: center;
    letter-spacing: -1.5px;
}
.p1_tit div h1{
    display: inline-block;
    font:bold 50px/50px "Microsoft Yahei";
    color: #144269;
    /* margin-left: 315px; */
    letter-spacing: -1.5px;
}
.p1_top{
    margin-top: 26px;
    width: 1020px;
    position: relative;
    height: 142px;
}
.p1_top ul li{
    float: left;
    width: 72px;
    height: 30px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    margin: 10px 10px 0 0;
    text-align: center;
    font:18px/30px "Microsoft Yahei";
    color: #333333;
    position: relative;
    cursor: pointer;
}
.p1_top ul .p1_hot:after{
    content: " ";
    background: url('../img/hot2.png') no-repeat center bottom;
    background-size: 100% 100%;
    width: 13px;
    height: 14px;
    position: absolute;
    top: -1px;
    right: -1px;
}
.p1_top .hide{
    display: none;
}
.p1_top .on{
    background: #37bfea;
}
.p1_top .more{
    position: absolute;
    top: 103px;
    left: 424px;
    font:18px/18px "Microsoft Yahei";
    color: #858585;
    cursor: pointer;
    
}
.p1_top span{
    display: inline;
    margin-left: 5px;
}
.p1_top div img{
    vertical-align: middle;
}
.p1_top .less{
    position: absolute;
    top: 103px;
    right: 360px;
    font:18px/18px "Microsoft Yahei";
    color: #858585;
    cursor: pointer;
    display: none;
   
}



.class{
    position: relative;
}
.class_in{
    overflow: hidden;
   
}
/* .class_in>img{
  margin: 240px 0 0 100px;
 } */
.slide8_8{
position: absolute;
top: 0px;
left: 0;
width: 1000px;
height: 490px;

}
.slide8_8 .bd ul{
     background: url('../img/p1_l.jpg') no-repeat left top;
     width: 1000px;
   
}
.slide8_8 .bd li{
    height: 79px;
    border-bottom: 1px dashed #d5d5d5;
    overflow: hidden;
}
.slide8_8 .bd li .l{
    background: url('../img/p1_l.jpg') no-repeat center top;
    width: 289px;
    height: 59px;
    margin-top: 10px;
    float: left;
  
}
.slide8_8 .bd li .r{
 float: right;
    width: 700px;
    height: 60px;
    margin-top: 10px

}
/* .slide8_8 .bd li .l,.slide8_8 .bd li .r{
    float: left;
} */
.slide8_8 .bd li p{
    float: left;
    height: 61px;
}
.slide8_8 .bd li .date{
    font:18px/59px "Microsoft Yahei";
    color: #ffffff;
    width: 50px;
    margin:  0 28px 0 20px;
}
.slide8_8 .bd li .classname{
    font:18px/59px "Microsoft Yahei";
    color: #ffffff;
    width: 150px;
   
}
.slide8_8 .bd li .time{
    font:16px/60px "Microsoft Yahei";
    color: #666666;
    margin: 0 50px 0 48px;
   
}
.slide8_8 .bd li .time span{
    display: inline;
    width: 30px;
    height: 30px ;
    background: #37bfea;
    color: #fff;
    font:18px/30px "Microsoft Yahei";
    text-align: center;
    margin: 0 8px 0 8px;
    border-radius: 5px;
}
.slide8_8 .bd li .fire{
    font:18px/60px "Microsoft Yahei";
    color: #e60012;
 
}
.slide8_8 .bd li .fire img{
    vertical-align: middle;
    margin-right: 7px;
}
.slide8_8 .bd li a{
    float: right;
    display: block;
    width: 119px;
    height: 40px;
    background: url('../img/p1_a.png') no-repeat center bottom;
    padding-left: 12px;
    font:18px/40px "Microsoft Yahei";
    color: #ffffff;
    margin: 10px 20px 0 0;
    
}


.class .class_left{
    background: url('../img/p1_l.jpg') no-repeat center bottom;
    width: 300px;
    height: 366px;
    position: absolute;
    left: 0;
    top: 0px;
}

.p1_btn{
    display: block;
    background: url('../img/p1_btn.png') no-repeat center bottom;
    width: 257px;
    height: 67px;
    color: #ffffff;
    font:24px/67px "Microsoft Yahei";
    position: absolute;
    top: 515px;
    left: 365px;
padding-left: 20px
}
.p1_btn:hover{
    background: url('../img/p1_btnh.png') no-repeat center bottom;
}

.wenti{
    padding: 60px 0 0px 0
}
.wenti h3{
    font:56px/56px "Microsoft Yahei";
    text-align: center
}
.wenti h3 span{
    font-weight: bold;
    color: #f86b48
}
.wenti .tit p{
    font:22px/22px "Microsoft Yahei";
    text-align: center;
   margin-top: 30px;
}
.wenti .cont{
    margin-top: 40px
}
.wenti .cont ul{
    width: 1111px;
}
.wenti .cont ul li {
    float: left;
    width: 340px;
    margin:  0  0 38px 0
}

.wenti .cont ul li>a{
    float: left;
}
.wenti .cont ul li>a img{
    border-radius: 8px
}
.wenti .cont ul li .right{
    float: left;
    margin: 15px 0 0 10px;
    width: 150px;
}
.wenti .cont ul li .right a{
    display: block;
    font:16px/16px "Microsoft Yahei";
color: #333;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
width: 165px;
}
.wenti .cont ul li .right div{
    margin-top: 28px
}
.wenti .cont ul li .right div span{
    float: left;
    margin-right: 12px;
    font-size: 14px;
    color: #666;

}
.wenti .cont ul li .right div span img{
    float: left;
    margin: 5px 6px 0 0
}
.wenti .cont ul li .right div span em{
    display: inline-block;
    font:12px/12px "Microsoft Yahei";
    color: #333
}

.zhuyi{
    padding: 0 0 50px 0
}
.zhuyi .txtbox{
    width: 1111px;
}
.zhuyi .txt{
    width: 313px;
    float: left;
    margin-right: 30px
}
.zhuyi .txt h5{
    font:18px/18px "Microsoft Yahei";
    color: #333
}
.zhuyi .txt h5 a{
    float: right;
}
.zhuyi .txt img{
    margin-top: 20px
}
.zhuyi .txt ul{
    margin-top: 12px;
    overflow: hidden;
}
.zhuyi .txt ul li{
    height: 14px;
    margin-top: 18px;
}
.zhuyi .txt ul li a{
    float: left;
    width: 195px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font:14px/14px "Microsoft Yahei";
    color: #333;
    margin-left: 10px
}

.zhuyi .txt ul li span{
    float: right;
    font:14px/14px "Microsoft Yahei";
    color: #333;
    margin-right: 10px
}

/* 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

  }