
.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:20px;left:50%; margin-left: -600px; z-index:10; width:1200px; text-align: center; font-size: 0; line-height: 0; }
.qiuye_i li{  display:inline-block;*display:inline;*zoom:1; background:#b09ea5; width: 12px; height: 12px; margin:0 5px; border-radius:50%;}
.qiuye_i li.on{ background-color: #222; }

.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;}
}

