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

body{min-width: 1200px; overflow-x: hidden; -ms-overflow-x: hidden; max-width: 1680px; margin-left: auto; margin-right: auto; }
.wrap{width: 1000px; 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: 47px;
    height: 114px;
    background: url("../images/arrow.png") no-repeat;
    background-size: cover;
    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%);
}

/*轮播设置*/
.colorWhite{color: #fff;}
.colorBlue{color: #003373;}

ul.clearfix li{float: left;}
.btn{padding: 30px 0;}
.btn a{padding:10px 40px;font-size: 26px;background-color:#00479d ;display: inline-block;color: #fff;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    -webkit-box-shadow: 0 4px #00367b;
    -moz-box-shadow: 0 4px #00367b;
    box-shadow: 0 4px #00367b;
    animation: jump 2s .2s ease both infinite;
    -webkit-animation: jump 2s .2s ease both infinite;
    -moz-animation: jump 2s .2s ease both infinite;
}

.bg{background: url("../images/bg.png") repeat;}
.til{padding: 30px 0;text-align: center;}


.banner{height:934px;background: url("../images/banner.jpg") no-repeat center top; }
.banner .wrap{height: 100%;}
.banner .banT1{top: 10%;left: 10%;}
.banner .banT2{top: 44%;left: 13%;}
.banner .btn{bottom: 54px;left: 43%;
    -webkit-animation: flipInXt 2s infinite;
    -o-animation:flipInXt 2s infinite ;
    animation: flipInXt 2s infinite;
}


.part1{font-size: 21px;margin-top: -50px;}
.part1 ul li:not(:last-of-type){margin-right: 10px;}
.part1 ul li p{padding: 10px 0;}
.part1 ul li span{background-color: rgba(0,54,123,0.7);font-size: 24px;color: #fff;font-weight:bold;padding: 10px 0;}

.part2{font-size: 24px;}
.part2 .p2_right{width:578px;padding: 20px 30px 20px 80px;background-color: rgba(255,255,255,0.63); margin-top: 30px;}
.part2 .p2_right h3{font-size: 33px;margin-bottom: 20px;}
.part2 .p2_right p{font-size: 24px;line-height: 1.6;margin-top: 10px;}
.part2 .p2_right p span{font-size: 26px;}
.part2 .p2_bd i{position: absolute;left: 0;top: 50%;margin-top: -335px;z-index: 2;}


.part3 .p3_bd{padding: 40px 0;}
.part3 .p3_bd ul{position: absolute;top: 0;}
.part3 .p3_bd ul.left{left: 10px;}
.part3 .p3_bd ul.right{right: 10px;}
.part3 .p3_bd ul li{width: 283px;border: 1px dashed #00367b;padding: 10px;text-align: left;font-size: 20px;margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.part3 .p3_bd ul li span{font-size: 24px;font-weight: bold;}
.part3 .p3_bd ul li i{color: #fd0000;}
.part3 .btn{padding: 50px 0 30px;}

.part4 .p4_bd li{position: absolute;}
.part4 .p4_bd li:nth-of-type(1){left: 38px;top: 14px;}
.part4 .p4_bd li:nth-of-type(2){left: 86px;top: 220px;}
.part4 .p4_bd li:nth-of-type(3){left: 46px;top: 390px;}
.part4 .p4_bd li:nth-of-type(4){right: 38px;top: 14px;}
.part4 .p4_bd li:nth-of-type(5){right: 86px;top: 220px;}
.part4 .p4_bd li:nth-of-type(6){right: 46px;top: 390px;}
.part4 .p4_bd li i{width: 144px;height: 144px;overflow: hidden;display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.part4 .p4_bd li span{position: absolute;width: 58px;height: 58px;text-align: center;line-height: 58px;font-size: 24px;color: #fff;background-color: #00367b;top: 0;left: 0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.part4 .p4_bd li.right span{left: auto;right: 0;}
.part4 .p4_bd .btn{width: 100%;left: 0;bottom:10px;}
.part4 .p4_bd .btn a:last-of-type{width: 270px;margin-left: 30px;}

.part5{  padding:0 0 30px;}
.part5 .p5_bd{padding: 0 40px;}
.part5 .p5_bd .name{font-size: 26px; padding: 40px 0 40px 170px;position: relative;}
.part5 .p5_bd .name span{font-size: 33px;}
.part5 .p5_bd .name i{width: 158px;height: 158px;overflow: hidden;position: absolute;left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.part5 .p5_bd p{font-size: 24px;line-height: 1.8;padding: 10px 0 20px;}


.part6 .p6_bd{border: 2px solid #2266c1;padding: 30px 0;}

.part7 .p7_bd{padding:0 0 20px 20px; }
.part7 .p7_bd .p7_1{margin-right: 10px;margin-left: -10px;}
.part7 .p7_bd p{padding:20px 16px;font-size: 24px;line-height: 1.5;}
.part7 .p7_bd p span{font-size: 26px;color: #003373;font-weight: bold;}
.part7 .p7_bd li.fr{float: right;}



/*.part8 .wrap{padding-top: 100px;}
.part8 .til{position: absolute;width: 100%;left: 0;top: 16px;}
.part8 dl{position: absolute;width: 446px;left: 42%;top: 32%;font-size: 24px;line-height: 1.6;}
.part8 dl dt{margin-bottom: 10px;}
.part8 dl dt b{font-size: 46px;}
.part8 dl dt span{display: inline-block;background-color: #00367b;padding: 1px 10px;border:1px solid #fff;color: #fff;}
.part8 dl dd{position: relative;padding-left: 14px;}
.part8 dl dd:before{content: '•';position: absolute;font-weight: bold;left: 0;top: 0;}
.part8 .btn{width: 100%;left: 0;bottom:10px;}
.part8 .btn a{width: 280px;}
.part8 .btn a:last-of-type{margin-left: 50px;}*/
.part8 .wrap li{padding-top: 100px;}
.part8 .til{position: absolute;width: 100%;left: 0;top: 16px;}
.part8 dl{position: absolute;width: 446px;left: 42%;top: 32%;font-size: 24px;line-height: 1.6;}
.part8 dl dt{margin-bottom: 10px;}
.part8 dl dt b{font-size: 46px;}
.part8 dl dt span{display: inline-block;background-color: #00367b;padding: 1px 10px;border:1px solid #fff;color: #fff;}
.part8 dl dd{position: relative;padding-left: 14px;}
.part8 dl dd:before{content: '•';position: absolute;font-weight: bold;left: 0;top: 0;}
.part8 .btn{width: 100%;left: 0;bottom:10px;}
.part8 .btn a{width: 280px;}
.part8 .btn a:last-of-type{margin-left: 50px;}

.p8slide{ position:relative}



.part9{padding: 20px 0 0;}
.part9 i{position: absolute;left: 50%;margin-left: -840px;top: 0;}
.part9 ul {padding: 20px 0 60px;}
.part9 ul li{width: 301px;height: 300px;overflow: hidden;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.35);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.35);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.part9 ul li.fr{float: right;}
.part9 ul li:last-of-type{bottom: 0;}
.part9 ul li span{bottom: 20px;}
.part9 ul li .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: none;
}
.part9 ul li .txt p{padding: 0 30px;font-size: 20px;color: #fff;}
.part9 ul li.on span{display: none;}
.part9 ul li.on .txt{display: block;}

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

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


.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;
}
.move1{
    -webkit-animation: movement1 3s linear normal both infinite;
    -o-animation: movement1 3s linear normal both infinite;
    animation: movement1 3s linear normal both infinite;
}
.move2{
    -webkit-animation: movement2 3s linear normal both infinite;
    -o-animation: movement2 3s linear normal both infinite;
    animation: movement2 3s linear normal both infinite;
}
.move3{
    -webkit-animation: movement3 3s linear normal both infinite;
    -o-animation: movement3 3s linear normal both infinite;
    animation: movement3 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);  }
}
@keyframes movement1 {
    0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-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(6px,-3px);  transform: translate(6px,-3px);  }
}
@-webkit-keyframes movement1 {
    0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-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(6px,-3px);  transform: translate(6px,-3px);  }
}
@keyframes movement2 {
    0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}
@-webkit-keyframes movement2 {
    0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}

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