*{margin:0;padding:0;}
html{color:#fff;background:#fff;}
body{width:100%;margin:0 auto;font-size:14px;font-family:"Microsoft YaHei";line-height:1.7;color:#242424;}
li,ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"Microsoft YaHei";}
img{border:0 none;-ms-interpolation-mode:bicubic;}
a{text-decoration:none;cursor:pointer;}
h2{font-size:38px;color:#000;text-align: center;}
.white{color: #fff;}
body{overflow-x:hidden;}
.transtion{transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.article{max-width: 1920px; min-width: 1024px; margin: 0 auto; font-size: 18px;}
.over{overflow: hidden;}
.w1200{width: 1200px;margin:0 auto;}
.article h2{font-size: 52px;text-align: center;color: #3660c8;padding:52px 0 36px;line-height: 1.2}
.article h2 span{display: block;font-size: 18px; font-weight: normal;}
.article h2 p{font-size: 36px;font-weight: normal; padding: 8px 0; line-height:1.3; }
.fl{float: left}
.fr{float: right}
.pa{position: absolute;}
.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;}
.none{margin-right: 0;}
.btn{display: block; width:485px; height:64px; line-height:64px; font-size: 32px;text-align: center;margin: 0 auto;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;background-color: #f5d544;color: #4a70cd;border-radius: 6px; box-shadow: 5px 5px 0 0 #4a70cd}
.btn:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);}

/*======*/
.banner{width: 100%;height:650px;background: url('../images/banner.jpg') no-repeat top center #4f9ae0;}
.banner .content{height: 650px;position: relative}
.banner a{display: block;width: 171px;height: 171px;position: relative;position: absolute;left: 65%;bottom: 38px;}
.banner a img{display: block;border-radius: 50%;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.banner a i{display: block;width: 0;height: 0;border-top:5px solid transparent;border-right: 35px solid #9137F7;border-bottom: 25px solid transparent;position: absolute;top: 70px;left: -20px}
.banner a:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}

.section1{background:url(../images/box1.jpg) bottom center no-repeat #4f9ae0;padding:1px 0 40px 0; height:1108px;}
.section1 h2{color:#fff;}
.box1{text-align: center; width: 940px; margin:0 auto; padding-top:80px;}
.box1 dl{position:relative; }
.box1 dd{position: absolute;width: 186px;height: 186px;line-height: 1.3;color: #fff;font-size: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0.07rem 0.07rem 0 rgba(28, 27, 58, 0.29);
    -moz-box-shadow: 0.07rem 0.07rem 0 rgba(28, 27, 58, 0.29);
    box-shadow: 0.07rem 0.07rem 0 rgba(28, 27, 58, 0.29);
    -webkit-animation: movement 3s linear normal both infinite;
    -o-animation: movement 3s linear normal both infinite;
    animation: movement 3s linear normal both infinite;
}
.box1 dd b.color_deepBlue{color: #2c55c0;}
.box1 dd b.color_lightBlue{color: #178daa;}
.box1 dd b.color_deepBlue1{color: #a78529;}
.box1 dd b{display: inline-block;border-bottom: 1px solid #fff;font-size: 36px;margin-bottom: 8px;padding-bottom: 6px;min-width: 120px;}
.box1 dd:nth-of-type(1){background-color: #5483f9;left: 86px;top: 56px;}
.box1 dd:nth-of-type(2){background-color: #0fc1f1;left: 20px;top: 276px;animation-delay: 0.7s;}
.box1 dd:nth-of-type(3){background-color: #d7ba6c;left: 166px;top: 492px;animation-delay: 1.7s;}
.box1 dd:nth-of-type(4){background-color: #0fc1f1;right: 140px;top: 56px;animation-delay: 1.1s;}
.box1 dd:nth-of-type(5){background-color: #5483f9;right: 40px;top: 276px;animation-delay: 1.4s;}
.box1 dd:nth-of-type(6){right: 140px;top: 492px;width: 214px;height: auto;animation-delay: 2.3s; box-shadow: none}
.section2{padding:47px 0 10px 0; background:#98cef0;}
.section2 ul{width: 100%;min-width: 1920px;max-width: 1920px;}
.section2 ul li{float: left;margin-right: 3px;overflow: hidden;}
.section2 ul li img{transition:all 300ms ease-out;-moz-transiton:all 300ms ease-out;-webket-transition:all 300ms ease-out;-o-transition:all 300ms ease-out}
.section2 ul.over1{height: 336px;margin-bottom: 3px}
.section2 ul li.li1,.section1 ul li.li2{width: 318px}
.section2 ul li.li3{width: 311px;}
.section2 ul li.li4{width: 266px;}
.section2 ul li.li5{width: 258px;}
.section2 ul li.li6{width: 428px;margin-right: 0}
.section2 ul.over2{height: 399px}
.section2 ul li.li7{width: 480px;}
.section2 ul li.li8{width: 356px;}
.section2 ul li.li8 p.p1{height: 202px;overflow: hidden;margin-bottom: 3px}
.section2 ul li.li8 p.p2{height: 193px;overflow: hidden;}
.section2 ul li.li9{width: 525px; height:285px; background:#3660c8; text-align: center; color:#fff; padding-top:114px;}
.section2 ul li.li9 p{font-size: 42px; color:#fff; line-height:1.3;}
.section2 ul li.li9 p strong{display:block; font-size: 62px; line-height:1.1;}
.section2 ul li.li9 p span{display:block; font-size: 16px; padding-top:12px;}
.section2 ul li.li10{width: 547px;}
.section2 ul li img:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);}
.section3{background: #98cef0;padding:2px 0 38px 0;}
.section3 .w1200 ul li{width:263px; float: left; padding:7px; border-radius:6px; background:#fff; margin-right:30px;}
.section3 .w1200 ul li:nth-child(4){margin-right:0;}
.box3_c{padding:10px 0;}
.box3_c p{font-size: 42px; color:#428ac4; text-align: center; padding:20px 0;}
.box3_c .bd li{width:1076px; margin:0 auto; height:246px; overflow:hidden;}
.box3_c .bd li img{float: left;}
.box3_c .bd li img:nth-child(2){float: right;}
.box3_c .scroll1{width:1076px; margin:0 auto 46px; height:246px; position:relative;}
.box3_c .scroll1 span.prev,.box3_c .scroll1 span.next{display: block;width: 34px;height: 93px;position: absolute;top: 72px;z-index: 1}
.box3_c .scroll1 .prev{left: -60px;}
.box3_c .scroll1 .next{right: -60px;}
.box_line1{background:url(../images/line1.jpg) top center no-repeat; height:65px;}
.section4{background:#4f9ae0; padding:20px 0 220px 0;}
.section4 h2{color:#fff;}
.section5{background:#98cef0; height:320px; padding-bottom:20px;}
.section5 .w1200{position:relative; }
.box5_c{width: 1192px; height:502px; background:#fff; box-shadow: 8px 8px 0 0 #618bb6; position:absolute; top: -180px; left: 0;}
.box5_c img.fl{position:absolute; left: 18px; top: -19px;}
.box5_c ul{width:532px; height:432px; position:absolute; right: 18px; top: 36px;}
.box5_c ul li{width:176px; float: left; text-align: center; height:180px; line-height:1.5; }
.box5_c ul li p{font-size: 16px; color:#666;}
.box5_c ul li p span{display:block; font-size: 24px; color:#333; padding:10px 0 4px 0;}
.box5_c .btn{position:absolute; left: 16px; bottom: 15px; width:480px;}
.section6{background:#90d0f6; padding:1% 0;}
.section7{background:#90d0f6; padding:10px 0 36px 0;}
.section7 ul li{width:384px; height:346px; float: left; background:#fff; margin-right:24px; margin-bottom:28px;}
.section7 ul li:nth-child(3n){margin-right:0;}
.section7 ul li p{font-size: 18px; color:#666666; line-height: 1.5; padding:14px 28px;}
.section7 ul li p span{display:block; text-align: center; font-size: 26px; color:#196eb1; padding:6px 0;}
.box_line2{background:url(../images/line2.jpg) top center no-repeat; height:65px;}
.section8{background:#4f9ae0; padding:10px 0 96px 0;}
.section8 h2{color:#fff;}
.section8 ul{height:367px; padding-top:40px;}
.section8 ul li{width: 353px;height: 353px;background-color: #5483f9;color: #fff;font-size: 18px;line-height: 1.5; border-radius: 50%;
    -webkit-animation: movement 3s linear normal both infinite;
    -o-animation: movement 3s linear normal both infinite;
    animation: movement 3s linear normal both infinite;box-shadow: 6px 3px 0 0 #4c75a4; float: left; margin-right:54px;}
.section8 ul li:nth-child(3){margin-right:0;}
.section8 ul li strong{color: #2c55c0; display:block; font-size: 24px; text-align: center; padding-bottom:6px;}
.section8 ul li strong.col2{color:#a78529;}
.section8 ul li strong.col3{color:#178daa;}
.section8 ul li p.translateY{top: 48%;}
.section8 ul li p span{display: block; padding:0 40px;}
.section8 ul li:nth-child(2){background-color: #d7ba6c;animation-delay: 0.7s; }
.section8 ul li:nth-child(3){background-color: #0fc1f1;animation-delay: 2.2s;}

@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 bounce{
    0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0);-webkit-transform:translateZ(0)}
    40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0);-webkit-transform:translate3d(0,-8px,0)}
    70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0);-webkit-transform:translate3d(0,-4px,0)}
    90%{transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0)}
}
@-webkit-keyframes bounce{
    0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0);-webkit-transform:translateZ(0)}
    40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0);-webkit-transform:translate3d(0,-8px,0)}
    70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0);-webkit-transform:translate3d(0,-4px,0)}
    90%{transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0)}
}