/* CSS Document */
html{-webkit-text-size-adjust:none;font-family: '微软雅黑';}
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:52px;height:198px;z-index: 4;top: 336px;font-size: 35px; }
.prev{left:-70px;}
.next{right:-70px;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.dot ul li{display: inline-block;width: 22px;height: 22px;border-radius: 50%;background-color: #d1d1d1;line-height: 20;overflow: hidden;margin: 0 5px;}
.dot ul li.on{background-color:#fdd138;}


/*轮播设置*/
.colorWhite{color: #fff;}
.color_333{color: #202020;}
.colorBlue{color: #4466d5;}




ul.clearfix li{float: left;}
.btn{padding: 40px 0;}
.btn a{ display: inline-block;  color: #fff;font-size: 40px;text-align: center;padding:10px 30px;border-radius: 80px;
    background-color:#fe8457;
    background-image:-webkit-linear-gradient(left,#ff5f6f,#fdb537);
    background-image:-o-linear-gradient(left,#ff5f6f,#fdb537);
    background-image:-ms-linear-gradient(left,#ff5f6f,#fdb537);
    background-image:linear-gradient(left,#ff5f6f,#fdb537);
    -webkit-box-shadow: 0 0 30px rgba(284,131,88,0.9);
    box-shadow: 0 0 30px rgba(284,131,88,0.9);
    -webkit-animation: bounce 2s linear normal both infinite;
    -o-animation: bounce 2s linear normal both infinite;
    animation: bounce 2s linear normal both infinite;
}


.til{padding: 40px 0;font-size: 55px;}

.bgBlue{background-color: #4665d3;}
.bg::before{content: '';position: absolute;width: 100%;height:207px ;background: url("../images/p1_bg.png") no-repeat center top;left: 0;}

.banner {height: 980px;background: url("../images/banner.jpg") no-repeat center top;}
.banner .wrap{height: 100%;}
.banner .banT{right: 0;top: 110px;}
.banner .banBtn{position: absolute;right: 204px;top: 670px;}

.part1{padding-bottom: 168px;}
.part1 .p1_bd{width: 1136px;margin: 0 auto;border-radius: 20px;overflow: hidden;box-shadow: 0 0 26px rgba(248,212,100,0.6);}
.part1 .p1_bg{width: 1136px;height: 100%;background-color: #4a6bd7;box-shadow: 0 0 26px rgba(74,107,215,0.6);position: absolute;left: 50%;margin-left: -568px;top: 0;transform: rotate(-6deg);-webkit-transform: rotate(-6deg);border-radius: 20px;}
.part1 .p1_bd p{width: 634px;font-size: 25px;color: #454546;line-height: 1.6;padding: 30px;position: absolute;left: 374px;top: 66px;background-color: #ffe593;border-radius: 20px;}
.part1 .p1_bd p::before{content: '';position: absolute;border-right: 16px solid #ffe593;border-top: 14px dashed transparent;border-bottom: 10px dashed transparent;left: -14px;top: 50px;}
.part1.bg::before{bottom: 0;}


.part2{background: #4665d3 url("../images/p2_bg.jpg") no-repeat center bottom;padding-bottom: 30px;}
.part2 ul li{width: 280px;margin-right: 26.6px;}
.part2 ul li:last-of-type{margin-right: 0;}
.part2 .btn a{font-size: 24px;}
.part2 .btn a span{font-size: 40px;color: #f8de07;}

.part3{background: url("../images/p3_bg.jpg") no-repeat center top, url("../images/p3_bg2.png") no-repeat center bottom;padding:20px 0 124px;}
.part3 .tu{position: absolute;right: 50%;margin-right: -840px;top: -10px;}
.part3 .p3_1{margin-top: 20px;}
.part3 .p3_1 p{position: absolute;font-size: 36px;line-height: 1.6;left: 92px;top: 60px;color: #1c1c1c;}
.part3 ul li{font-size: 26px;position: relative;padding-top: 30px;line-height: 1.6;padding-left: 104px;}
.part3 ul li i{position: absolute;left: 38px;top: 18px;}
.part3 ul li:nth-of-type(2) i{top: 48px;}
.part3 ol{padding: 40px 0;}
.part3 ol li{float: left;width:183px ;height: 167px;background: url(../images/p3_quan1.png) no-repeat;position: relative;font-size: 25px;color: #fff;margin-left: 40px;}
.part3 ol li:nth-of-type(2){background-image: url(../images/p3_quan2.png);}
.part3 ol li:nth-of-type(3){background-image: url(../images/p3_quan3.png);}
.part3 .btn{padding: 60px 0;}

.part4 .p4_bd .bd dl{width: 600px;float: left;color:#fff;overflow: hidden;margin: 20px 0 0 20px;}
.part4 .p4_bd dt h3{font-size: 49px;}
.part4 .p4_bd dt h3 b{font-size: 90px;font-weight: normal;}
.part4 .p4_bd dt span{display: inline-block;font-size: 40px;color: #202020;background-color:#fdcb30;padding: 0 30px;border-radius: 60px;margin: 10px 0;line-height: 1.6;}
.part4 .p4_bd dt p{line-height: 1.8;font-size: 31px;padding-bottom: 20px;}
.part4 .p4_bd  dd{float: left;width: 152px;height: 152px;border-radius: 50%;border:2px solid #fff;position: relative;font-size: 20px;margin-right: 30px;}
.part4 .p4_bd  dd p span{font-size: 35px;}
.part4 .p4_bd .dot{position: absolute;left: 0;bottom: -240px;width: 100%;}
.part4 .p4_bd2{background-color: #fdcb30;}
.part4 .p4_bd2 p{font-size: 31px;color: #202020;line-height: 1.6;padding: 20px 80px;}
.part4 .p4_bd2 p span{color: #e41f1f;}
.part4 .btn{padding: 100px 0 0;}

.part5{background:url(../images/p5_bg.png) repeat;padding-bottom: 140px}
.part5.bg::before{top: 0;transform: rotateZ(180deg);}
.part5 .til {padding:166px 0 60px;}
.part5 .bd ul li{width: 566px;margin: 0 10px;}


.part6{background-color: #f7cd05;padding: 164px 0 80px;}
.part6.bg::before{background-image: url(../images/p6_bg.png);top: -292px;height: 297px;}
.part6 .til{top: -90px;}
.part6 .til p{font-size: 41px;padding-bottom: 10px;}
.part6 ul li{width: 330px;background-color: #ffefd9;border-radius: 20px;position: relative;box-shadow: 27px 16px 0 #f8c963;padding: 10px 0 50px;text-align: center;position: relative;margin-left: 70px;}
.part6 ul li:nth-of-type(1){margin-left: 32px;}
.part6 ul li img{border-radius: 150px;}
.part6 ul li p{text-align: left;padding: 10px 14px;font-size: 31px;color: #212121;}
.part6 ul li span.fr{float: right;font-size: 66px;color: #ff4d3b;}
.part6 ul li span.fr i{font-size: 20px;}
.part6 ul li .btn{padding: 0;left: 0;position: absolute;bottom: -20px;width: 100%;}
.part6 ul li .btn a{font-size: 30px;
    background-image: -webkit-linear-gradient(left,#fc6c32,#fe4e54);
    background-image: -moz-linear-gradient(left,#fc6c32,#fe4e54);
    background-image: linear-gradient(left,#fc6c32,#fe4e54);
}
.part6 .p6_left{left: 50%;margin-left: -840px;top: 108px;}
.part6 .p6_right{right: 50%;margin-right: -840px;top: 176px;}


/*摆钟*/
@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);  }
}

@keyframes  da{
    0%{  transform: scale(1);  }
    50%{  transform: scale(0.8);  }
    100%{  transform: scale(1);  }
}
@-webkit-keyframes  da{
    0%{  -webkit-transform: scale(1);  }
    50%{  -webkit-transform: scale(0.8);  }
    100%{  -webkit-transform: scale(1);  }
}


.a-bounceinT{
    -webkit-animation: bounceinT 1.5s ease-in-out 0s 1 alternate forwards;
    -moz-animation: bounceinT 1.5s ease-in-out 0s 1 alternate forwards;
    -ms-animation: bounceinT 1.5s ease-in-out 0s 1 alternate forwards;
    animation: bounceinT 1.5s ease-in-out 0s 1 alternate forwards;
}
@-webkit-keyframes bounceinT {
    0% {opacity:0;-webkit-transform:translateY(-300%);}
    100% {opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinT {
    0% {opacity:0;-webkit-transform:translateY(-300%);}
    100% {opacity:1;-webkit-transform:translateY(0);}
}
@-ms-keyframes bounceinT {
    0% {opacity:0;-webkit-transform:translateY(-300%);}
    100% {opacity:1;-webkit-transform:translateY(0);}
}
@keyframes bounceinT {
    0% {opacity:0;-webkit-transform:translateY(-300%);}
    100% {opacity:1;-webkit-transform:translateY(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);
    }
}