.container { position: relative; width: 100%; }

.u-ac { position:absolute; bottom:30px; width:26px; height:60px; left:50%; margin-left:-13px; cursor:pointer; overflow:hidden; zoom:1; clear:both; z-index:4; }
.u-ac a { display:block; width: 100%; height: 100%; font-size:0; background:url(../image/ico_09.png) no-repeat;}
.a-f { width: 29px; height: 17px; position: absolute; background: url(../image/a5.png) no-repeat center; }
.a-b { top:80%;left:15%; }
.a-c { top:30%;left:40%; }
.a-d { top:80%;left:80%; }
.a-e { top:20%;left:90%; }
.a-b, .a-d {
	-webkit-animation: godown 2s infinite;
	animation: godown 2s infinite;
	box-sizing: border-box;
}

.a-g {height: 330px; margin-top:-165px; position: absolute; left:18.75%; top:50%; }
.a-g p { font-size: 26px;color:#fff; }

.u-ac, .a-c, .a-e {
	-webkit-animation: godown 1.5s infinite;
	animation: godown 1.5s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes godown {
	0% {-webkit-transform: translate(0, 0);opacity: 0;}
	50% {opacity: 1;}
	100% {-webkit-transform: translate(0, 20px);opacity: 0;}
}
@keyframes godown {
	0% {transform: translate(0, 0);opacity: 0;}
	50% {opacity: 1;}
	100% {transform: translate(0, 20px);opacity: 0;}
}
.section { position:relative; width: 100%; height: 100px; overflow: hidden; }

.section1.active .banner  { webkit-animation: bounceInLeft 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: bounceInLeft 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }

.banner { position: relative; overflow: hidden; z-index:0;  }
.banner .bd { position: relative; text-align: center; overflow: hidden; }
.bbaner { width: 1200px; height: 62px; position: absolute; z-index: 999; left:50%; margin-left:-600px; top:50%; margin-top:-31px; } 
.banner .prev{ display: block; width: 38px; height: 62px; float: left; background: url(../image/pprev.png); }
.banner .next{ display: block; width: 38px; height: 62px; float:right; background: url(../image/nnext.png); }




/* 首页文字跳动核心代码 */
.bumpy-char { position: relative; }
/* 结束 */

.section2 { width: 100%; position: relative; background: url(../image/bbg2.jpg) no-repeat center; }
.section3 { width: 100%; position: relative; background: url(../image/p3.jpg) no-repeat center; }
.section4 { width: 100%; position: relative; background: url(../image/p4.jpg) no-repeat center; }
.section5 { width: 100%; position: relative; background: url(../image/p5.jpg) no-repeat center; }
.section6 { width: 100%; position: relative; background: url(../image/p6.jpg) no-repeat center; }
.b-a { width: 1200px; height: 518px; position: absolute; left:50%; margin-left:-600px; top:50%; margin-top:-210px; background: rgba(255,255,255,0.8); }
.b-b { box-sizing: border-box; padding:146px 166px 0 124px; width: 100%; height: 100%; position: relative; }
.b-c { width: 1007px; height: 204px; background: url(../image/bbg2.png) no-repeat center; position: absolute; left:-75px; top:-85px; }
.b-d { float: left; width: 423px; height: 313px; overflow: hidden; }
.b-e { float: right; width: 450px; }
.b-e .hd { margin-bottom:25px; }
.b-e .bd { height: 205px; overflow: hidden; }
.b-e .bd p { font-size: 14px;color:#3e3a39;line-height: 26px; }
.b-e .bd p span { color:#007bb7; }
.b-e a.more { display: block; width: 130px; height: 37px; line-height: 37px; text-align: center; background: #007bb7; font-size: 16px;color:#fff; }
.b-e a.more:hover { background: #e98c2f; }
.section2.active .b-c  { webkit-animation: fadeInDown 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInDown 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section2.active .b-d  { webkit-animation: fadeInLeft 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section2.active .b-e  { webkit-animation: fadeInRight 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInRight 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }

.c-a { width: 1200px; height: 532px; position: absolute; left:50%; margin-left:-600px; top:50%; margin-top:-218px; }
.c-c { width: 908px; margin: 0 auto; }
.c-c .tit { float: left; width: 293px; margin-right:15px; }
.c-d {padding-top:6px; float: left; width: 530px; font-size: 16px;color:#4c4948; line-height: 24px; }
.c-e {position: relative; margin-top:30px; }
.c-e .hd { width: 100%; text-align: center; box-sizing: border-box; }
.c-e .hd li { margin:0 8px 8px 0; cursor: pointer; width: 170px; height: 40px; line-height: 40px; text-align: center; background: #f1f1f1; font-size: 16px;color:#595757; display: inline-block; }
.c-e .hd li.on,.c-e .hd li:hover { background: #007bb7; color:#fff; }
.c-e .bd { margin-top:25px; }
.c-e .bd li { float: left; width: 287px; margin-right:18px; overflow: hidden; position: relative; height: 298px; }
.c-e .bd li a.t {transition: all 0.5s; box-sizing: border-box; padding:45px 37px 0; position: absolute; display: block; width: 100%; height: 100%; position: absolute; left:0;top:-300px; background: rgba(0,0,0,0.75); }
.c-e .bd li a.t span { display: block; font-size: 18px;color:#ffffff; text-align: center; border-bottom:1px solid #fff; padding-bottom:5px; margin-bottom:5px; }
.c-e .bd li a.t i { font-size: 14px; color:#fff; line-height: 24px; display: block; margin-top:5px; }
.c-e .bd li:hover:before {z-index: 1000; content:''; width: 62px; height: 29px; background: url(../image/c5.png) no-repeat center; position: absolute; left:50%; margin-left:-31px; top:-15px; }
.c-e .bd li:hover:after { content:''; width: 62px; height: 29px; background: url(../image/c3.png) no-repeat center; position: absolute; left:50%; margin-left:-31px; bottom:-15px; }
.c-e .bd li:hover a.t { top: 0; }
.c-e a.prev { display: block; width: 22px; height: 37px; background: url(../image/prev1.png) no-repeat center; position: absolute; left:-50px; bottom:130px; }
.c-e a.next { display: block; width: 22px; height: 37px; background: url(../image/next1.png) no-repeat center; position: absolute; right:-50px; bottom:130px; }
.section3.active .c-c  { webkit-animation: fadeInDown 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInDown 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section3.active .c-e .hd  { webkit-animation: fadeInLeft 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section3.active .c-e .bd  { webkit-animation: zoomIn 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: zoomIn 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }

.d-a { width: 1200px; height: 460px; position: absolute; left:50%; margin-left:-600px; top:50%; margin-top:-182px; }
.d-c { width: 908px; margin: 0 auto; }
.d-c .tit { float: left; width:347px; margin-right:15px; }
.d-d {padding-top:6px; float: left; width: 530px; font-size: 16px;color:#fff; line-height: 24px; }
.d-e { padding-left:85px; margin-top:85px; }
.d-e ul li {box-sizing: border-box; float: left; margin-right:80px; width: 289px; height: 289px; position: relative; }
.d-e ul li span { display: block; width: 100%; height: 100%; background: url(../image/d2.png) no-repeat center; position: absolute; left:0;top:0;}
.d-f { padding:7px; text-align: center; border-radius: 102px; box-sizing: border-box; overflow: hidden; width: 204px; height: 204px; background: url(../image/d3.png) no-repeat center; position: absolute; left:50%; margin-left:-102px; top:50%; margin-top:-102px; }
.d-f h2 {width: 140px; margin: 0 auto; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #fff; font-size: 18px;color:#fff; font-weight: normal; }
.d-g { box-sizing: border-box; padding-top:30px; width: 100%; height: 100%; border-radius: 50%; background: rgba(4,171,239, 0.8); }
.d-e ul li:hover .d-g { background: #e98c2f; }

.d-g p { font-size: 14px;color:#fff; width: 140px; margin: 0 auto; line-height: 20px; text-align: justify; }
/*.d-g:hover p { color:#e98c2f; } 
.d-g:hover h2 { color:#e98c2f; } */
.d-e ul li.sign1 span{
	-webkit-animation:haha1 5s linear infinite;
}
@-webkit-keyframes haha1{
	0%{-webkit-transform:rotate(0deg);}
	25%{-webkit-transform:rotate(90deg);}
	50%{-webkit-transform:rotate(180deg);}
	75%{-webkit-transform:rotate(270deg);}
 	100%{-webkit-transform:rotate(360deg);}
}.d-e ul li.sign3 span{
	-webkit-animation:haha2 5s linear infinite;
}
@-webkit-keyframes haha2{
	0%{-webkit-transform:rotate(0deg);}
	25%{-webkit-transform:rotate(90deg);}
	50%{-webkit-transform:rotate(180deg);}
	75%{-webkit-transform:rotate(270deg);}
 	100%{-webkit-transform:rotate(360deg);}
}.d-e ul li.sign2 span{
	-webkit-animation:haha3 5s linear infinite;
}
@-webkit-keyframes haha3{
	0%{-webkit-transform:rotate(360deg);}
	25%{-webkit-transform:rotate(270deg);}
	50%{-webkit-transform:rotate(180deg);}
	75%{-webkit-transform:rotate(90deg);}
 	100%{-webkit-transform:rotate(0deg);}
}
.section4.active .d-c  { webkit-animation: fadeInDown 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInDown 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section4.active .d-e  { webkit-animation: fadeInUp 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInUp 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }

.f-a { width: 1200px; height: 566px; position: absolute; left:50%; margin-left:-600px; top:50%; margin-top:-235px; }
.f-c { width: 908px; margin: 0 auto; }
.f-c .tit { float: left; width: 171px; margin-right:15px; }
.f-d {padding-top:6px; float: left; width: 530px; font-size: 16px;color:#4c4948; line-height: 24px; }
.f-e { margin-top:45px; }
.section5.active .f-c  { webkit-animation: fadeInDown 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInDown 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section5.active .f-e  { webkit-animation: zoomIn 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: zoomIn 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }

.b-1{padding-top: 45px;padding-bottom: 45px;}
.b-1_icon {display: block;text-align: center;margin-bottom: 50px;}
.b-1 .more{display: block;width: 148px;height: 40px;border: 1px solid #f9b655;color: #f9b655;font-size: 14px;text-align: center;line-height: 42px;margin: 0 auto;}
.b-1 .more:hover { background: #04abef; color:#fff; border-color:#04abef; }
#certify {position: relative;width: 1200px;margin: 0 auto}
#certify .swiper-container {padding-bottom: 50px;overflow: initial !important;}

#certify  .swiper-slide {width: 520px;height: 300px;background: #fff;box-shadow: 0 8px 30px #567080;position: relative;}
#certify  .swiper-slide img{display:block;width: 100%;}
#certify  .swiper-slide p {position: absolute;bottom: 0;line-height: 70px;padding-top: 0;font-size: 16px;margin: 0;width: 100%;text-align: center;color: #fff;background: rgba(0,123,183,0.75);}
#certify  .mirror_image{-webkit-box-reflect: below 10px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));}
#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev {left:0px;width: 27px;height: 60px;background: url(../image/nnn.png) no-repeat center center !important;}
#certify .swiper-button-next {right: 0px;width: 27px;height: 60px;background: url(../image/ppp.png) no-repeat center center !important;}
#certify .swiper-button-next, .swiper-button-prev{margin-top: -70px !important;}

.g-a { width: 1920px; height: 100%; position: absolute; left:50%; margin-left:-960px; top:0; }
.g-b { float: left; width: 960px; height: 100%; background: url(../image/g1.png) repeat center; position: relative; }
.g-c { width: 650px; padding-top:25px; box-sizing: border-box; height: 454px; position: absolute; right:0;top:50%;margin-top:-180px; }
.g-d { margin-top:55px; }
.g-d-a { float: left; margin-left:50px; width: 128px; }
.g-d-b { float: right; width: 323px; }
.g-d-b h2 { font-size: 24px;color:#fff; font-weight: normal; padding-top:16px; position: relative;}
.g-d-b h2:after { content:''; width: 70px; height: 2px; background: #fff; position: absolute; left:0;top:0; }
.g-d-b p { font-size: 14px;color:#fff; margin-top:20px; }
.g-e { padding:0 0 0 325px; }
.g-e li { float: left; margin-right:26px; padding:20px 0; cursor: pointer; position: relative; }
.g-e li span { display: block; width: 40px; height: 40px; }
.g-e-a {display: none; position: absolute; left:50%; margin-left:-64px; top:70px;}
.g-f {margin-top:10px; text-align: right; padding-right:105px; }
.g-f p,.g-f p a { font-size: 14px;color:#fff; line-height: 26px; }
.g-g { position: relative; width: 960px; float: right; height: 100%; }
.g-g-a { width: 100%; height: 468px; position: absolute; left:0;top:50%; margin-top:-186px; }
.g-g-a ul li { position: relative; padding-top:15px; height: 117px; width: 100%; box-sizing: border-box; padding-left:55px; }
.g-g-a ul li:after { content:''; width: 612px; position: absolute; height: 1px; left:55px; bottom:0; background: #007bb7; }
.g-g-a ul li span { display: block; font-size: 14px;color:#4c4c4c; }
.g-g-a ul li a.t { margin: 10px 0; display: block; font-size: 16px;color:#4c4c4c; }
.g-g-a ul li a.more { font-size: 14px; color:#4c4c4c; text-transform: uppercase; display: block; background: url(../image/more.png) no-repeat 100px center; }
.g-g-a ul li:hover { background: #fff; }
.g-g-a ul li:hover a.t { color:#007bb7; }
.g-g-a ul li:hover a.more { color:#e98c2f; background: url(../image/more1.png) no-repeat 100px center; }
.g-g-a ul li:hover:after { background: #fff; }

.section6.active .g-b  { webkit-animation: fadeInRight 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInRight 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section6.active .g-g  { webkit-animation: fadeInLeft 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }