/* CSS Document */
html{-webkit-text-size-adjust:none;}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;padding:0;font-family: '微软雅黑';}
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; color: #05202a;}
.wrap{width: 1100px; 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; }


.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: 47px;
    height:136px;
    background: url("../images/arrow.png") no-repeat center;
    z-index: 999;
    top: 50%;
}
.prev{left:6px;
    -webkit-transform:  translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    -o-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
.next{right:6px;
    -webkit-transform: rotateZ(180deg) translateY(50%);
    -moz-transform: rotateZ(180deg) translateY(50%);
    -ms-transform: rotateZ(180deg) translateY(50%);
    -o-transform: rotateZ(180deg) translateY(50%);
    transform: rotateZ(180deg) translateY(50%);
}
.part3 .arrow{  top: 50%;}
.part3 .prev{left:-50px;}
.part3 .next{right:-50px;}

/*杞挱璁剧疆*/
.colorWhite{color: #fff;}
.colorBlue{color: #003373;}

ul.clearfix li,ol.clearfix li{float: left;}
ul.clearfix li.fr,ol.clearfix li.fr{float: right;}
ul.clearfix li:last-of-type{margin-right: 0;}
.btn{padding: 30px 0;text-align: center;}
.btn a{padding:10px 40px;font-size: 30px;background-color:#00a0e9 ;display: inline-block;min-width: 400px;color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    animation: jump 2s .2s ease both infinite;
    -webkit-animation: jump 2s .2s ease both infinite;
    -moz-animation: jump 2s .2s ease both infinite;
}





.banner{height:830px;background: url("../images/banner.jpg") no-repeat center top; }
.banner .wrap{height: 100%;}
.banner .banT{top: 120px;right: 232px;}

.part{background-color: #91c6eb;}
.partIn{background-color: #fff;margin: -240px auto 0;position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 18px rgba(60, 94, 118, 55);
    -moz-box-shadow: 0 0 18px rgba(60, 94, 118, 55);
    box-shadow: 0 0 18px rgba(60, 94, 118, 55);
}
.partIn h3{width: 740px;padding:60px 0 46px 60px;}
.partIn p{width: 740px;font-size: 28px;line-height: 1.4;padding-left: 60px;}
.partIn p span{color: #188cff;font-weight: bold;}
.partIn ul {padding: 10px 28px 30px 60px;}
.partIn ul li{width: 488px;}
.partIn .shebeiTu{position: absolute;right: -28px;top: -192px; }
.partIn .ico{position: absolute;right: 20px;top: -400px;
    -webkit-animation: swing 2s linear normal both infinite;
    -o-animation: swing 2s linear normal both infinite;
    animation: swing 2s linear normal both infinite;
    transform-origin: 50% 50% ;
}

.part1{background: #91c6eb url("../images/pic5.jpg") no-repeat center bottom;padding-top: 50px;}
.part1 .p1_txt{width:1012px;background-color: rgba(255,255,255,0.8); padding:10px 144px 10px 10px;margin: 628px auto 0;}
.part1 .p1_txt h4{font-size: 30px;color: #2594e2;}
.part1 .p1_txt p{font-size:20px;padding: 0 1px;line-height: 1.6;text-align: justify;text-justify:distribute-all-lines;}
.part1 .p1_txt p span{color: #2594e2;font-weight: bold;}
.part1 .p1_txt a{position: absolute;width: 115px;height: 115px;background-color: #46a7eb;font-size: 30px;font-weight: bold;color: #fff;padding-top: 12px;text-align: center;right: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.part1_ul li{height: 170px;background-color: #f7f7f7;margin-top:20px; }
.part1_ul li .fl{width: 378px;position: relative;height: 100%;color: #e0632b;font-size: 23px;border-right: 2px dashed #aaa;}
.part1_ul li .fl span{display: inline-block;width: 290px;background-color:#e0632b;color: #fff;margin: 19px 0 10px; }
.part1_ul li .fl h5{font-size: 29px;font-weight: bold;}
.part1_ul li .fl p{bottom:10px;font-size: 17px;}
.part1_ul li .fr{width: 162px;background-color: #fe8954;height: 100%;position: relative;}
.part1_ul li .fr a{display:block;height: 100%;padding-top:36px;font-size: 29px;font-weight: bold;color: #fff; }
.part1_ul li .fr a span{ display: inline-block;border-top: 12px solid #fff;border-left: 10px dashed transparent;border-right: 10px dashed transparent;}


.part2{padding:40px 0 10px; }
.part2 h2{margin: 20px 0;}
.part2 ul li{margin:20px 0 0;overflow: hidden;position: relative;padding: 20px 0;}
.part2 ul li .top{background-color: #f5f9f7;width: 803px;float: right;position: relative;z-index: 2;
    -webkit-box-shadow: 0 0 8px #46a7ec;
    -moz-box-shadow: 0 0 8px #46a7ec;
    box-shadow: 0 0 8px #46a7ec;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.part2 ul li dl.top{border:2px solid #9eccee;padding: 10px;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.3);
}
.part2 ul li dl dt{width:395px; }
.part2 ul li dl dd{float: right;width: 226px;height: 55px;background-color: #9eccee;margin-bottom: 10px;line-height: 55px;font-size: 26px;color: #666;margin-right: 36px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.part2 ul li dl dd:last-of-type{margin-bottom: 0;}
.part2 ul li p{width: 265px;padding: 20px;background-color: #cbe9fd;margin: 0 auto 4px;font-size: 18px;line-height: 1.4;position: absolute;left: 0;top: 22px;
    -webkit-box-shadow: 0 0 8px #46a7ec;
    -moz-box-shadow: 0 0 8px #46a7ec;
    box-shadow: 0 0 8px #46a7ec;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
}
.part2 ul li p span{display: block;font-size: 33px; margin: 18px 0 10px;}

.part3{background-color: #74a3ff;padding:40px 0 10px;}
.part3 .text{font-size: 25px;color: #fff;line-height: 1.4;padding: 20px 45px 0;}
.part3 .bd ul>li{float: left;width: 1100px;}
.part3 ol{background-color: #c4e5fc;width: 1040px;margin: -140px auto 0;position: relative;z-index: 2;padding: 10px;}
.part3 ol li{width: 48.4%;border:1px solid #96c8eb;}
.part3 ol li p{font-size: 30px;line-height: 1.4;padding: 20px 30px 0;text-align: justify;min-height: 126px;
    -ms-text-justify: distribute;
    text-justify: distribute;
}
.part3 ol li .btn{padding: 10px 0 30px;}
.part3 ol li .btn a{min-width: auto;}
.part3 .hd ul{padding: 20px 0;}
.part3 .hd ul li{display: inline-block;width:24px;height: 24px;background-color: #fff;line-height: 12;overflow: hidden;margin: 0 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.part3 .hd ul li.on{background-color: #2666e4;}

.part4 {background:#74a3ff;}
.part4 h2 {padding:20px 0 40px;}
.part4 .btn a{background-color: #fff;color: #2666e4;}


.part5{height: 864px;background: url("../images/p5_bg1.jpg") no-repeat center top,url("../images/p5_bg2.jpg") no-repeat center 432px;}
.part5 .p5_bd{position: absolute;left: 50%;top: 50%;background-color: #fe7754;padding: 20px 0;line-height:1.4;font-size: 45px;color: #fff;width: 570px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.part5 .p5_bd span{font-size: 65px;}
.part5 .p5_bd .btn{padding: 20px 0;}
.part5 .p5_bd a{
    display: inline-block;
    font-size: 33px;
    padding: 10px 0;
    width: 358px;
    border-radius: 100px;
    color: #000;
    background-color: #fff100;
}

@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);  }
}

@-webkit-keyframes jump {
    0% {  -webkit-transform: translateY(0);  transform: translateY(0);  }
    50% {  -webkit-transform: translateY(15px);  transform: translateY(15px);  }
    100% {  -webkit-transform: translateY(0);  transform: translateY(0);  }
}

@keyframes jump {
    0% {  -webkit-transform: translateY(0);  transform: translateY(0);  }
    50% {  -webkit-transform: translateY(15px);  transform: translateY(15px);  }
    100% {  -webkit-transform: translateY(0);  transform: translateY(0);  }
}
.jump{
    -webkit-animation: jump 1.5s ease-in-out 0s  infinite;
    -moz-animation: jump 1.5s ease-in-out 0s  infinite;
    -ms-animation: jump 1.5s ease-in-out 0s  infinite;
    animation: jump 1.5s ease-in-out 0s  infinite;
}
@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(215, 610, 355, 1.000);
        animation-timing-function: cubic-bezier(215, 610, 355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(755, 050, 855, 060);
        animation-timing-function: cubic-bezier(755, 050, 855, 060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(755, 050, 855, 060);
        animation-timing-function: cubic-bezier(755, 050, 855, 060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

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

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

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(755, 050, 855, 060);
        animation-timing-function: cubic-bezier(755, 050, 855, 060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(755, 050, 855, 060);
        animation-timing-function: cubic-bezier(755, 050, 855, 060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}
.bounce{
    -webkit-animation: bounce 1.5s ease-in-out 0s 1 alternate forwards;
    -moz-animation: bounce 1.5s ease-in-out 0s 1 alternate forwards;
    -ms-animation: bounce 1.5s ease-in-out 0s 1 alternate forwards;
    animation: bounce 1.5s ease-in-out 0s 1 alternate forwards;
}


.a-bounceinL{
    -webkit-animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
    -moz-animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
    -ms-animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
    animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
}
@-webkit-keyframes bounceinL {
    0% {
        opacity:0;
        -webkit-transform:translateX(-300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@-moz-keyframes bounceinL {
    0% {
        opacity:0;
        -webkit-transform:translateX(-300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@-ms-keyframes bounceinL {
    0% {
        opacity:0;
        -webkit-transform:translateX(-300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@keyframes bounceinL {
    0% {
        opacity:0;
        -webkit-transform:translateX(-300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
.a-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(300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@-moz-keyframes bounceinR {
    0% {
        opacity:0;
        -webkit-transform:translateX(300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@-ms-keyframes bounceinR {
    0% {
        opacity:0;
        -webkit-transform:translateX(300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@keyframes bounceinR {
    0% {
        opacity:0;
        -webkit-transform:translateX(300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@-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}
}
.move{
    -webkit-animation: movement 3s linear normal both infinite;
    -o-animation: movement 3s linear normal both infinite;
    animation: movement 3s linear normal both infinite;
}


@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);  }
}