.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; }
.bannerimg { width: 100%; height: 316px; }
.banner_box .bannerimg { height: auto; }
.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: 25px; left: 0; z-index: 10; width: 100%; text-align: center; font-size: 0; line-height: 0; }
.qiuye_i li { display: inline-block; *display:inline;
*zoom:1;
background: #fff; width: 30px; height: 5px; margin: 0 5px; }
.qiuye_i li.on { background-color: #e90119; width: 30px; height: 10px; }
.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; }
.banner_115.active .content { -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_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;;
}
}
 @media (max-width: 1023px) {
.banner_box .content { padding-top: 12%; text-align: center; }
.banner_box .content .small { font-size: 12px; margin-bottom: 5%; }
.banner_box .content .large { font-size: 18px; }
.banner_box .btn-box { text-align: center; }
.banner_box .btn-defaul { line-height: 32px; padding: 0 15px; }
}
