/* CSS Document */
html{-webkit-text-size-adjust:none;}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;padding:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style: normal;}
a{text-decoration: none; color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0); }
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}


.hidden { display:none; }
.block { display:block; }
.inline-block { display:inline-block; }
.fl { float: left; }
.fr {float: right;}
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tj {text-align: justify;text-justify:distribute-all-lines;}
.text-italic{font-style: italic;}
.pr{position: relative;}
.pa{position: absolute;}
.fb{font-weight: bold;}
.l50{left: 50%;}
.r50{right: 50%;}
.overflow-x{overflow-x:hidden;-ms-overflow-x:hidden;}
.overflow-y{overflow-y: hidden;-ms-overflow-y: hidden;}
.overflow{overflow: hidden;}

.zd2{z-index: 2;}
.tid2{text-indent: 2em;}
.fz24{font-size: 24px;}

body{min-width: 1200px; overflow-x: hidden; -ms-overflow-x: hidden; max-width: 1680px; margin-left: auto; margin-right: auto; }
.wrap{width: 1200px; margin-left: auto; margin-right: auto; font-size: 22px;}
.wrap img{vertical-align: middle;}
.border-radius{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.bs{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.border-bottom{border-bottom: 2px solid #f2f2f2;}

.padtb20{padding-top: 20px;padding-bottom: 20px;}
.padb20{padding-bottom: 20px;}
.padlr12{padding-left: 12px;padding-right: 12px;}


.translateY{top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.translateX{left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.paW{width: 100%;left: 0;}
.w50{width: 50%;}
.text-transform{text-transform:uppercase;}

.arrow{position: absolute;width:65px;height:135px;z-index: 4;top: 200px;background:url("../images/arrow.png") no-repeat center; }
.prev{left:-90px;}
.next{right:-90px;-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);-o-transform: rotateZ(180deg);transform: rotateZ(180deg);
}
.hd ul{padding: 10px 0;}
.hd li{display: inline-block;width: 20px;height: 20px;margin: 0 10px;line-height: 10;overflow: hidden;background-color: #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.hd li.on{background-color: #fff;}

/*轮播设置*/
.colorWhite{color: #fff;}
.colorBlue{color: #246bb7;}
.colorBlue1{color: #014db2;}
.colorGray{color: #2f2929;}

.bg_b{background-color: #2c2551;}
.bg_w{background-color: #fff;}

ul.clearfix li{float: left;}
.btn{padding: 40px 0;}
.btn a{ display: inline-block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; background:linear-gradient(90deg,#ffb13d,#ff6776);background:-webkit-gradient(linear, 0 right, 0 0, from(#ffb13d), to(#ff6776));font-size: 30px; padding: 10px 30px;
    -webkit-animation: bounce 2s linear normal both infinite;
    -o-animation: bounce 2s linear normal both infinite;
    animation: bounce 2s linear normal both infinite;
}

.til p{font-size: 30px;padding:10px 0 0;}




.banner {height: 914px;background: url("../images/banner.jpg") no-repeat center top;}
.banner .wrap{height: 100%;}
.banner .banT{position: absolute;right: 12px;top: 157px;}
.banner a{position: absolute;left: 268px;bottom: -70px;}


.part1 {padding-top: 78px;}
.part1 ul{padding: 50px 0 0;}
.part1 ul>li{width: 374px;margin-right: 21px;position: relative;}
.part1 ul>li:last-of-type{margin-right: 0px;}
.part1 ul>li p{position: absolute;width: 100%;background-color: #303030;text-align: center;bottom: 0;left: 0;font-size: 33px;line-height: 64px;}
.part1 ul>li p span{font-size: 50px;}
.part1 .zhuYi{text-decoration: underline;color: #fff600;font-size: 28px;}

.part2{background: url('../images/p2_bg.jpg') no-repeat center top;}

.part2 .p1_bom{padding:126px 0 168px 20px;}
.part2 .p1_bom p{position: absolute;font-size: 35px;width: 218px;height: 218px;padding-top: 64px;text-align: center;}
.part2 .p1_bom p:nth-of-type(1){background-color: #ff733e;right:208px;top: 50px;}
.part2 .p1_bom p:nth-of-type(2){background-color: #ffab42;right:16px;top: 50px;}
.part2 .p1_bom p:nth-of-type(3){background-color: #01b7aa;right:100px;top: 208px;}


.part2 .til{padding:88px 0 20px;}
.part2 .p2_bd1{margin: 10px 35px;padding:24px 20px 38px;}
.part2 .p2_bd1 h3{font-size: 53px;margin-bottom: 10px;}
.part2 .p2_bd1 p{font-size: 22px;line-height: 1.8;}
.part2 .p2_bd2{padding:28px 0 10px;}
.part2 .p2_bd2 span{font-size: 30px;position: absolute;right: 0;top: 0;padding:0 10px;line-height: 1.6;right: 126px;top: 66px;}



.part3{background: url("../images/p3_bg.jpg") no-repeat center top;}

.part3 .p3_slider .arrow{top: 390px;}
.part3 .p3_slider{padding: 40px 0 90px;}
.part3 .p3_slider .bd li{position: relative;height: 1062px;padding:0 16px;overflow: hidden;}
.part3 .p3_slider .bd li .dj{position: absolute;left: 40px;top: 672px;}
.part3 .p3_slider .bd li .dj p{position: absolute;width: 100%;left: 0;bottom: 6px;font-size: 50px;}
.part3 .p3_slider .bd li .text{width:586px;margin-left: 40px;padding-top: 84px;}
.part3 .p3_slider .bd li .text p{font-size: 26px;line-height: 1.6;padding-top: 10px;}
.part3 .p3_slider .bd li .text p span{height: 60px;color:#ffa645;}
.part3 .p3_slider .bd li .text .tu2{padding: 40px 0 0 20px;}
.part3 .p3_slider .bd li .text .tu2 .zhuan1{
    -webkit-transform: rotate(-9.6deg);
   -moz-transform: rotate(-9.6deg);
    -ms-transform: rotate(-9.6deg);
     -o-transform: rotate(-9.6deg);
        transform: rotate(-9.6deg);
    }
    .part3 .p3_slider .bd li .text .tu2 .zhuan2{margin: -54px 0 0 -26px ;
    -webkit-transform: rotate(14.3deg);
   -moz-transform: rotate(14.3deg);
    -ms-transform: rotate(14.3deg);
     -o-transform: rotate(14.3deg);
        transform: rotate(14.3deg);
    }

.part3 .p4_til{padding:20px 0  60px;}


.part4{background: url("../images/p4_bg.jpg") no-repeat center top;}
.part4 ul li{width:359px;background-color: #fff;position: relative;margin: 0 0 60px 30px;}
.part4 ul li .xuHao{padding:20px ;}
.part4 ul li h3{color:#ffa645;font-size: 30px;}
.part4 ul li h3 span{font-size: 40px;}
.part4 ul li h3 sup{font-size: 16px;}
.part4 ul li p{font-size: 18px;line-height: 1.6;padding:20px 0;}
.part4 ul li .btn{width:100%;left: 0;bottom: -24px;position: absolute;padding:0;}
.part4 ul li .btn a{font-size: 23px;}

.part5{height:930px ;background: url("../images/p5_bg.jpg") no-repeat center top;}
.part5 .til{padding:70px 0 ;}
.part5 dl{height: 530px;}
.part5 dd{width: 190px;position: absolute;line-height: 1.6;}
.part5 dd p{padding-top: 10px;}
.part5 dd:nth-of-type(1){right: 138px;top: 70px;}
.part5 dd:nth-of-type(2){right: 268px;top: 312px;}
.part5 dd:nth-of-type(3){left: 482px;top: 326px;}
.part5 dd:nth-of-type(4){left: 222px;top: 166px;}
.part5 dd:nth-of-type(5){left: 98px;top: 368px;}


.part6 {padding-bottom: 30px;}
.part6 .til{padding-top: 52px;}
.part6 .arrow{top: 300px;}
.part6 .bd ul>li{overflow: hidden;width: 100%;position: relative;height: 806px;}
.part6 .bd .tu{margin-left: 80px;}
.part6 .bd .txt{width: 496px;padding-top: 72px;margin-left: 10px;}
.part6 .bd .txt .name{font-size: 31px;margin-bottom: 20px;line-height: 1.2;}
.part6 .bd .txt .name span{font-size: 65px;}
.part6 .bd .txt .zhiCheng{display: inline-block;border:2px solid #fff;background-color: #240435;font-size: 31px;line-height: 1.5;width:276px;text-align: center;}
.part6 .bd .txt p{line-height: 1.8;padding:20px 0;font-size: 20px;}
.part6 .bd .txt ol li{width: 205px;margin-right: 36px;}
.part6 .bd .txt ol li p{padding:10px 0;}
.part6 .bd .txt .btn a{margin-left: 48px;}



.part7{background:url("../images/p7_bg.jpg") no-repeat center top;}
.part7 .til{padding: 52px 0 36px;}
.part7 ul{padding: 0 0 50px;}
.part7 ul li{width: 371px;background-color: #2c2551;color: #fff;padding-bottom: 40px;margin-left: 22px;position: relative;}
.part7 ul li p{padding: 20px 10px;font-size: 22px;line-height: 1.6;}
.part7 ul li p em{font-style: normal;font-size: 18px;}
.part7 ul li p span{font-size: 28px;}
.part7 ul li p b{color: #ffa645;font-weight: normal;}
.part7 ul li .btn{width:100%;left: 0;bottom: -24px;position: absolute;padding:0;}
.part7 ul li .btn a{font-size: 23px;}


.part8{background:url("../images/p8_bg.jpg") no-repeat center top;padding-bottom: 80px;}
.part8 .til{padding: 70px 0 60px;}
.part8 ul li{width: 282px;height:282px;background-color: #075595;color: #fff;margin-right: 24px;border-radius: 50%;position: relative;}
.part8 ul li:nth-of-type(2){background-color: #d61313;}
.part8 ul li:nth-of-type(3){background-color: #00d8cf;}
.part8 ul li:last-of-type{margin-right: 0;background-color: #ff814f;}
.part8 ul li a{display: block;width: 100%;height:100%;color:#fff;}
.part8 ul li p{font-size: 38px;}
.part8 ul li p::before,.part8 ul li p::after { content: '';position: absolute;width:52px;height: 43px;background:url('../images/p8_yinL.png') no-repeat ;}
.part8 ul li p::before{left: 28px;top: -46px;}
.part8 ul li p::after{right: 28px;bottom: -46px;background-image: url('../images/p8_yinR.png');}

.part9{background:url("../images/p9_bg.jpg") no-repeat center top;padding-bottom: 80px;}
.part9 .til{padding: 70px 0 60px;}
.part9 .p9_bd a{display: block;float: left;width:392px;background-color: #2c2547;color:#d3d3d3; font-size: 30px;margin-right: 12px;}
.part9 .p9_bd a:last-of-type{margin-right: 0;}
.part9 .p9_bd a p{line-height: 1.6;padding:10px 0;}
.part9 .p9_bd a p span{font-size: 40px;color: #fff;}


html,body{height: 100%;}
.videoBox{width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);position: fixed;left: 50%;top: 50%;z-index: 999;display: none;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.videoBox.show{display: block;}
.videoBox .videoPlay{width:740px;height: 400px;position: absolute;left: 50%;top: 50%;z-index: 999;background-color: #000;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
.videoBox .close{position: absolute;right: 20px;top: 20px;cursor: pointer;width: 52px;height: 52px;}



/*摆钟*/
@keyframes  swing{
    0%{  transform: rotate(5deg);  }
    50%{  transform: rotate(-5deg);  }
    100%{  transform: rotate(5deg);  }
}
@-webkit-keyframes  swing{
    0%{  -webkit-transform: rotate(5deg);  }
    50%{  -webkit-transform: rotate(-5deg);  }
    100%{  -webkit-transform: rotate(5deg);  }
}


.bounceinR{
    -webkit-animation: bounceinR 1.5s ease-in-out 0s 1 alternate forwards;
    -moz-animation: bounceinR 1.5s ease-in-out 0s 1 alternate forwards;
    -ms-animation: bounceinR 1.5s ease-in-out 0s 1 alternate forwards;
    animation: bounceinR 1.5s ease-in-out 0s 1 alternate forwards;
}
@-webkit-keyframes bounceinR {
    0% {opacity:0;-webkit-transform:translateX(200%);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinR {
    0% {opacity:0;-webkit-transform:translateX(200%);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}
@-ms-keyframes bounceinR {
    0% {opacity:0;-webkit-transform:translateX(200%);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}
@keyframes bounceinR {
    0% {opacity:0;-webkit-transform:translateX(200%);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}

@keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@-webkit-keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0);
    }
}

.flipInXt{
    animation: flipInXt 3s .2s ease both infinite;
    -webkit-animation: flipInXt 3s .2s ease both infinite;
    -moz-animation: flipInXt 3s .2s ease both infinite;
}

@-webkit-keyframes flipInXt{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);
        opacity:1}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0deg);
        opacity:1}
}
@keyframes flipInXt{
    0%{transform:perspective(400px) rotateX(90deg);
        opacity:1}
    40%{transform:perspective(400px) rotateX(-10deg)}
    70%{transform:perspective(400px) rotateX(10deg)}
    100%{transform:perspective(400px) rotateX(0deg);
        opacity:1}
}