.banner_box{width:100%;overflow: hidden; position: relative;}
.banner .wrap{ width: 100%;position: relative; }
.banner{position: relative;overflow: hidden;float: left;width:1423px; width:1920px;}
.banner .bg{width:100%;}
.banner_con{position:absolute;left:0;top:0;width:100%;height:100%;}
.banner_box #img_ul{position: relative;width:20000px;}
.banner .wrap{overflow: inherit}
.slide4 .li_img a:hover img{opacity: 0.6;}
.slide6 .li_img a:hover img{opacity: 0.6;}
.banner_box .banner_1 .left{position: absolute;top:0;left:-86px;}
.banner_box .banner_1 .p1 span{z-index:50000;}
.banner_box .banner_1 .p1 .img3{left:0;}
.banner_box .banner_1 .p1 .img2{left:10px;}
.banner .wrap{ height: 100%;}
.banner_box .left{ max-width: 50% !important; max-height: 100% !important; }
.banner_box .right{ max-width: 50% !important;; max-height: 100% !important;}
.banner_box .left img,
.banner_box .right img{ max-height: 100% !important; max-width: 100% !important;}
.banner_112 .wrap{position: relative;}
.banner_112 .wrap .right{position: absolute;right:0;top:0;}
.banner_113 .wrap{position: relative;}
.banner_113 .ric{width:712px;position:absolute;left:50%;margin-left:-356px;display:block;}
.banner_113 .bg{position: absolute;left:0;top:0;width:100%;}
.banner_113{position: relative;}
.banner_113 .gdsj{position: absolute;width:498px;top:122px;left:378px;z-index:50000;height:320px;}
.banner_113 .wrap{height:100%;}
.banner_113 .gdsj .img1{position: absolute;left:50px;top:0;}
.banner_113 .gdsj .img2{position: absolute;left:5px;top:40px;}
.banner_113 .gdsj .img4{position: absolute;top:136px;left:74px;}
.banner_113 .gdsj .img3{position: absolute;left:16px;top:174px;}
.banner_113 .pho{position: absolute;left:798px;bottom:40px;}
.banner_112 .wrap{position: relative;}
.banner_112 .img1{position: absolute;left:16px;top:170px;z-index:50000;}
.banner_112 .img2{position: absolute;left:0;top:248px;z-index:50000;}
.banner_112 .img3{position: absolute;left:392px;top:254px;z-index:50000;}
.banner_112 .img4{position: absolute;left:400px;top:268px;z-index:50000;}
.banner_112 .wrap{height:448px;}
.banner_114{position: relative;}
.banner_114 .ric{position: absolute;left:4%;bottom:0;}
.banner_114 .bg{position: absolute;left:0;top:0;}
.banner_114 .left{ position: absolute; left: 0; width: 32%; top: 5%; left: 20%; }
.banner_114 .right{ position: absolute; left: 55%; width: 28%; height: 80%; top: 12%;}
.banner_114 .right img{position: absolute; max-width: 100%;}
.banner_114 .right .img1{top:9%;left:0; width: 60%;}
.banner_114 .right .img2{top:33%;left:200px; width: 64%; left: 39%;}
.banner_114 .right .img3{ top: 46%; width: 75%; left: 5%;}
.banner_114 .right .img4{ top: 58%; left:46px; width: 75%; left: 8%;}
.banner_115 .wrap{position: relative;}
.banner_115 .left{ position:absolute; right:63%;top:0; width: 25%; height:100%;overflow:hidden;}
.banner_115 .right{position:absolute; left:63%;top:0; width: 25%; height:100%; overflow:hidden;}
.banner_115 .left img{width:100%;}
.banner_115 .right img{width:100%;}
.banner_115 .banner_con .wrap{overflow:visible;}
.banner_115 .center{ position: absolute;top:0; left: 0; width: 100%; height: 100%;}
.banner_115 .center img{position:absolute;}
.banner_115 .img1{width: 25%; left: 37.5%; top: 12%;}
.banner_115 .img2{ width: 18%; left: 41%; top: 25%;}
.banner_115 .img3{ width: 18%; left: 38%; top: 40%; }
.banner_115 .img4{ width: 18%; left: 40%; top: 55%; }
.banner_116 .img1{position: absolute;left:0;top:0;width:100%;}
.banner_116 .left{padding-left:40px;width:560px;padding-top:117px;padding-bottom:100px;}
.banner_116 .img3{padding-top:16px;padding-bottom:12px;}
.banner_116 .img4{padding-bottom:25px;}
.banner_119 .left{ width:443px; width: 23%; left: 22%; position: absolute; top: 15%;}
.banner_119 .right{ width: 36%; left: 50%; position:absolute; height: 100%;}
.banner_119 .z1{position:absolute;left:200px;top:152px;}
.banner_119 .z2{position:absolute;left:267px;top:190px;}
.banner_119 .z3{position:absolute;left:244px;top:287px;}
.banner_119 .img1{position:absolute; left: 19%; top: 35%; width: 67%;}
.banner_119 .img2{position:absolute; left: 19%; top: 46%; width: 67%;}
.banner_119 .img3{position:absolute; left: 19%; top: 55%; width: 50%;}
.banner_119 .x1{position:absolute; left: 1%; top: 36%; width: 17%;}
.banner_119 .x2{position:absolute;right:0; bottom: 38%; width: 17%;}
.bannerimg{width:100%;height:316px;}
.banner_box .bannerimg{height:auto;}
#qiuye_i{position: absolute;bottom:20px;left:0;z-index:5555;width:100%;text-align: center;}
#qiuye_i li{display:inline-block;*display:inline;*zoom:1;background:#fff;width:14px;height:14px;margin:0 3px;-o-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity: 0.6;}
#qiuye_i li.on{opacity: 1;}
.banner_114.active .img1{-moz-animation:b_114 0.8s ease-out both;-ms-animation:b_114 0.8s ease-out both;-webkit-animation:b_114 0.8s ease-out both;-o-animation:b_114 0.8s ease-out both;animation:b_114 0.8s ease-out both;-ms-animation-delay:0.3s;-webkit-animation-delay:0.3s;-o-animation-delay:0.3s;-moz-animation-delay:0.3s;animation-delay:0.3s;}
.banner_114.active .img2{-ms-animation:b_1142 0.8s ease-out both;-moz-animation:b_1142 0.8s ease-out both;-o-animation:b_1142 0.8s ease-out both;-webkit-animation:b_1142 0.8s ease-out both;animation:b_1142 0.8s ease-out both;-moz-animation-delay:0.8s;-ms-animation-delay:0.8s;-webkit-animation-delay:0.8s;-o-animation-delay:0.8s;animation-delay:0.8s;}
.banner_114.active .img3{-moz-animation:b_1143 0.8s ease-out both;-ms-animation:b_1143 0.8s ease-out both;-o-animation:b_1143 0.8s ease-out both;-webkit-animation:b_1143 0.8s ease-out both;animation:b_1143 0.8s ease-out both;-moz-animation-delay:1.3s;-ms-animation-delay:1.3s;-webkit-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;}
.banner_114.active .img3{-moz-animation:b_1143 0.8s ease-out both;-ms-animation:b_1143 0.8s ease-out both;-webkit-animation:b_1143 0.8s ease-out both;-o-animation:b_1143 0.8s ease-out both;animation:b_1143 0.8s ease-out both;-moz-animation-delay:1.3s;-ms-animation-delay:1.3s;-webkit-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;}
.banner_114.active .img3{-moz-animation:b_1143 0.8s ease-out both;-ms-animation:b_1143 0.8s ease-out both;-webkit-animation:b_1143 0.8s ease-out both;-o-animation:b_1143 0.8s ease-out both;animation:b_1143 0.8s ease-out both;-moz-animation-delay:1.3s;-ms-animation-delay:1.3s;-webkit-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;}
.banner_114.active .img4{-moz-animation:b_1142 0.8s ease-out both;-ms-animation:b_1142 0.8s ease-out both;-webkit-animation:b_1142 0.8s ease-out both;-o-animation:b_1142 0.8s ease-out both;animation:b_1142 0.8s ease-out both;-moz-animation-delay:1.8s;-ms-animation-delay:1.8s;-webkit-animation-delay:1.8s;-o-animation-delay:1.8s;animation-delay:1.8s;}
.banner_114.active .left{-moz-animation:b_1144 0.8s ease-out both;-ms-animation:b_1144 0.8s ease-out both;-webkit-animation:b_1144 0.8s ease-out both;-o-animation:b_1144 0.8s ease-out both;animation:b_1144 0.8s ease-out both;}
@-o-keyframes b_114{
0%{
-o-transform:translateY(-200px);
opacity: 0;
}
100%{
-o-transform:translateY(0);
opacity: 1;
}
}
@-webkit-keyframes b_114{
0%{
-webkit-transform:translateY(-200px);
opacity: 0;
}
100%{
-webkit-transform:translateY(0);
opacity: 1;
}
}
@-ms-keyframes b_114{
0%{
-ms-transform:translateY(-200px);
opacity: 0;
}
100%{
-ms-transform:translateY(0);
opacity: 1;
}
}
@-moz-keyframes b_114{
0%{
-moz-transform:translateY(-200px);
opacity: 0;
}
100%{
-moz-transform:translateY(0);
opacity: 1;
}
}
@-webkit-keyframes b_114{
0%{
-webkit-transform:translateY(-200px);
opacity: 0;
}
100%{
-webkit-transform:translateY(0);
opacity: 1;
}
}
@-ms-keyframes b_114{
0%{
-ms-transform:translateY(-200px);
opacity: 0;
}
100%{
-ms-transform:translateY(0);
opacity: 1;
}
}
@-o-keyframes b_114{
0%{
-o-transform:translateY(-200px);
opacity: 0;
}
100%{
-o-transform:translateY(0);
opacity: 1;
}
}
@keyframes b_114{
0%{
transform:translateY(-200px);
opacity: 0;
}
100%{
transform:translateY(0);
opacity: 1;
}
}
@-moz-keyframes b_1142{
0%{
-moz-transform:translateX(100px);
opacity: 0;
}
100%{
-moz-transform:translateX(0);
opacity: 1;
}
}
@-webkit-keyframes b_1142{
0%{
-webkit-transform:translateX(100px);
opacity: 0;
}
100%{
-webkit-transform:translateX(0);
opacity: 1;
}
}
@-o-keyframes b_1142{
0%{
-o-transform:translateX(100px);
opacity: 0;
}
100%{
-o-transform:translateX(0);
opacity: 1;
}
}
@-ms-keyframes b_1142{
0%{
-ms-transform:translateX(100px);
opacity: 0;
}
100%{
-ms-transform:translateX(0);
opacity: 1;
}
}
@-moz-keyframes b_1143{
0%{
opacity: 0;
-moz-transform:translateX(-50px);
}
100%{
opacity: 1;
-moz-transform:translateX(0);
}
}
@-ms-keyframes b_1143{
0%{
opacity: 0;
-ms-transform:translateX(-50px);
}
100%{
opacity: 1;
-ms-transform:translateX(0);
}
}
@-webkit-keyframes b_1143{
0%{
opacity: 0;
-webkit-transform:translateX(-50px);
}
100%{
opacity: 1;
-webkit-transform:translateX(0);
}
}
@-o-keyframes b_1143{
0%{
opacity: 0;
-o-transform:translateX(-50px);
}
100%{
opacity: 1;
-o-transform:translateX(0);
}
}
@keyframes b_1143{
0%{
opacity: 0;
transform:translateX(-50px);
}
100%{
opacity: 1;
transform:translateX(0);
}
}
@-o-keyframes b_1144{
0%{
opacity: 0;
-o-transform:translateY(100px);
}
100%{
opacity: 1;
-o-transform:translateY(0);
}
}
@-webkit-keyframes b_1144{
0%{
opacity: 0;
-webkit-transform:translateY(100px);
}
100%{
opacity: 1;
-webkit-transform:translateY(0);
}
}
@-ms-keyframes b_1144{
0%{
opacity: 0;
-ms-transform:translateY(100px);
}
100%{
opacity: 1;
-ms-transform:translateY(0);
}
}
@-moz-keyframes b_1144{
0%{
opacity: 0;
-moz-transform:translateY(100px);
}
100%{
opacity: 1;
-moz-transform:translateY(0);
}
}
@keyframes b_1144{
0%{
opacity: 0;
transform:translateY(100px);
}
100%{
opacity: 1;
transform:translateY(0);
}
}
.banner_115.active .center{-moz-animation:b_1151 0.8s ease-out both;-ms-animation:b_1151 0.8s ease-out both;-webkit-animation:b_1151 0.8s ease-out both;-o-animation:b_1151 0.8s ease-out both;animation:b_1151 0.8s ease-out both;}
.banner_115.active .left{-moz-animation:b_115l 0.8s ease-out both;-ms-animation:b_115l 0.8s ease-out both;-webkit-animation:b_115l 0.8s ease-out both;-o-animation:b_115l 0.8s ease-out both;animation:b_115l 0.8s ease-out both;-moz-animation-delay:0.5s;-ms-animation-delay:0.5s;-webkit-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s;}
.banner_115.active .right{-moz-animation:b_1152 0.8s ease-out both;-ms-animation:b_1152 0.8s ease-out both;-webkit-animation:b_1152 0.8s ease-out both;-o-animation:b_1152 0.8s ease-out both;animation:b_1152 0.8s ease-out both;-moz-animation-delay:0.5s;-ms-animation-delay:0.5s;-webkit-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s;}
.banner_115.active .img2{-moz-animation:b_115l 0.8s ease-out both;-ms-animation:b_115l 0.8s ease-out both;-webkit-animation:b_115l 0.8s ease-out both;-o-animation:b_115l 0.8s ease-out both;animation:b_115l 0.8s ease-out both;-moz-animation-delay:1s;-ms-animation-delay:1s;-webkit-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;}
.banner_115.active .img3{-moz-animation:b_1152 0.8s ease-out both;-ms-animation:b_1152 0.8s ease-out both;-webkit-animation:b_1152 0.8s ease-out both;-o-animation:b_1152 0.8s ease-out both;animation:b_1152 0.8s ease-out both;-moz-animation-delay:1.5s;-ms-animation-delay:1.5s;-webkit-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;}
.banner_115.active .img4{-moz-animation:b_1151 0.8s ease-out both;-ms-animation:b_1151 0.8s ease-out both;-webkit-animation:b_1151 0.8s ease-out both;-o-animation:b_1151 0.8s ease-out both;animation:b_1151 0.8s ease-out both;-moz-animation-delay:2s;-ms-animation-delay:2s;-webkit-animation-delay:2s;-o-animation-delay:2s; animation-delay:2s;}
@-moz-keyframes b_1151{
0%{
opacity: 0;
-moz-transform:translateY(200px);
}
100%{
opacity: 1;
-moz-transform:translateY(0);
}
}
@-o-keyframes b_1151{
0%{
opacity: 0;
-o-transform:translateY(200px);
}
100%{
opacity: 1;
-o-transform:translateY(0);
}
}
@-webkit-keyframes b_1151{
0%{
opacity: 0;
-webkit-transform:translateY(200px);
}
100%{
opacity: 1;
-webkit-transform:translateY(0);
}
}
@-ms-keyframes b_1151{
0%{
opacity: 0;
-ms-transform:translateY(200px);
}
100%{
opacity: 1;
-ms-transform:translateY(0);
}
}
@keyframes b_1151{
0%{
opacity: 0;
transform:translateY(200px);
}
100%{
opacity: 1;
transform:translateY(0);
}
}
@-moz-keyframes b_115l{
0%{
opacity: 0;
-moz-transform:translateX(-100px);
}
100%{
opacity: 1;
-moz-transform:translateX(0);
}
}
@-o-keyframes b_115l{
0%{
opacity: 0;
-o-transform:translateX(-100px);
}
100%{
opacity: 1;
-o-transform:translateX(0);
}
}
@-webkit-keyframes b_115l{
0%{
opacity: 0;
-webkit-transform:translateX(-100px);
}
100%{
opacity: 1;
-webkit-transform:translateX(0);
}
}
@-ms-keyframes b_115l{
0%{
opacity: 0;
-ms-transform:translateX(-100px);
}
100%{
opacity: 1;
-ms-transform:translateX(0);
}
}
@keyframes b_115l{
0%{
opacity: 0;
transform:translateX(-100px);
}
100%{
opacity: 1;
transform:translateX(0);
}
}
@-o-keyframes b_1152{
0%{
opacity: 0;
-o-transform:translateX(100px);
}
100%{
opacity: 1;
-o-transform:translateX(0);
}
}
@-webkit-keyframes b_1152{
0%{
opacity: 0;
-webkit-transform:translateX(100px);
}
100%{
opacity: 1;
-webkit-transform:translateX(0);
}
}
@-ms-keyframes b_1152{
0%{
opacity: 0;
-ms-transform:translateX(100px);
}
100%{
opacity: 1;
-ms-transform:translateX(0);
}
}
@-moz-keyframes b_1152{
0%{
opacity: 0;
-moz-transform:translateX(100px);
}
100%{
opacity: 1;
-moz-transform:translateX(0);
}
}
@keyframes b_1152{
0%{
opacity: 0;
transform:translateX(100px);
}
100%{
opacity: 1;
transform:translateX(0);
}
}
.banner_119.active .left{animation:b_119 0.4s ease-out both;animation-delay: 0.2s;}
.banner_119.active .img1{animation: b_1192 0.8s ease-out both;animation-delay:0.7s;}
.banner_119.active .img2{animation: b_1194 0.8s ease-out both;animation-delay: 1.1s;}
.banner_119.active .img3{animation:b_1193 0.8s ease-out both;animation-delay: 1.4s;}
.banner_119.active .z1{animation: b_1195 0.8s ease-out both;animation-delay: 0.5s;}
.banner_119.active .z2{animation: b_1195 0.8s ease-out both;animation-delay: 0.7s;}
.banner_119.active .z3{animation: b_1195 0.8s ease-out both;animation-delay: 0.9s;}
.banner_119.active .x2{animation: b_x2 0.8s ease-out both;animation-delay: 1.6s;}
.banner_119.active .x1{animation: b_x1 0.8s ease-out both;animation-delay: 0.3s;}
@keyframes b_x1{
0%{transform: translate3d(-200px,-200px,0);opacity: 0;}
100%{transform: translate3d(0,0,0);opacity: 1;;}
}
@keyframes b_x2{
0%{transform: translate3d(200px,200px,0);opacity: 0;}
100%{transform: translate3d(0,0,0);opacity: 1;;}
}
@keyframes b_1195{
0%, 100%, 60%, 75%, 90% {
transition-timing-function: cubic-bezier(0.215,.61,.355,1);
}
0% {
opacity: 0;
transform: translate3d(-3000px,0,0);
}
60% {
opacity: 1;
transform: translate3d(25px,0,0);
}
75% {
transform: translate3d(-10px,0,0);
}
90% {
transform: translate3d(5px,0,0);
}
100% {
transform: none;
}
}
@-moz-keyframes b_119{
0%{-moz-transform: scale(0.1);}
100%{-moz-transform: scale(1);}
}
@-ms-keyframes b_119{
0%{-ms-transform: scale(0.1);}
100%{-ms-transform: scale(1);}
}
@-webkit-keyframes b_119{
0%{transform: scale(0.1);}
100%{transform: scale(1);}
}
@keyframes b_119{
0%{transform: scale(0.1);}
100%{transform: scale(1);}
}
@keyframes b_119{
0%{transform: scale(0.1);}
100%{transform: scale(1);}
}
@keyframes b_1192{
0%{transform:translateY(-100px);opacity: 0;}
100%{transform: translateY(0);opacity: 1;;}
}
@keyframes b_1193{
0%{transform: translateY(100px);opacity: 0;}
100%{transform: translateY(0);opacity: 1;}
}
@keyframes b_1194{
0%{transform: translateX(100px);opacity: 0;}
100%{transform: translateX(0);opacity: 1;;}
}