﻿@charset "utf-8";
.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(../images/ico_09.png) no-repeat;}
.a-f { width: 29px; height: 17px; position: absolute; background: url(../images/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); }








.c-a { width: 1200px; height: 532px; position: absolute; left:50%; margin-left:-600px; top:50%; margin-top:-218px; }

.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(47,107,205,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(../images/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(../images/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(../images/prev1.png) no-repeat center; position: absolute; left:-50px; bottom:130px; }
.c-e a.next { display: block; width: 22px; height: 37px; background: url(../images/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); }



.section7 {
    width: 100%;
    position: relative;
    background: url(../images/p3.jpg) no-repeat center;
}

  
