@charset "utf-8";
.w1200{position: relative;}
.pa{position: absolute;}
/*banner*/
.slider-prev,.slider-next{text-indent:-9999px;width:38px;height:38px;background:url("../image/sprite.png") -263px -122px no-repeat;position:absolute;top:50%;margin-top:-19px;z-index:999;opacity:.5;display:none;-webkit-transition:all 0.3s ease-out;/* Saf3.2+, Chrome */-moz-transition:all 0.3s ease-out;/* FF4+ */-ms-transition:all 0.3s ease-out;/* IE10? */-o-transition:all 0.3s ease-out;/* Opera 10.5+ */transition:all 0.3s ease-out;-moz-border-radius:3px;border-radius:3px;background:-moz-linear-gradient(top, #313131 0%, #222222 100%);/* FF3.6+ */background:-webkit-linear-gradient(top, #313131 0%,#222222 100%);/* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top, #313131 0%,#222222 100%);/* Opera11.10+ */background:-ms-linear-gradient(top, #313131 0%,#222222 100%);/* IE10+ */background:linear-gradient(top, #313131 0%,#222222 100%);/* W3C */-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.button1 a:hover,.button1 input:hover,.button1 button:hover,.button1 a:focus,.button1 input:focus,.button1 button:focus{background:#464646;/* Old browsers */background:-moz-linear-gradient(top, #464646 0%, #393939 100%);/* FF3.6+ */background:-webkit-linear-gradient(top, #464646 0%,#393939 100%);/* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top, #464646 0%,#393939 100%);/* Opera11.10+ */background:-ms-linear-gradient(top, #464646 0%,#393939 100%);/* IE10+ */background:linear-gradient(top, #464646 0%,#393939 100%);}
.swiper-banner{background: #ffffff;width: 100%;position:relative;}
.swiper-banner .swiper-slide{width:100%;height:500px;color: #fff;display: block;position:absolute;}
.swiper-banner .swiper-slide {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
not supported by any browser */
}
.swiper-banner .swiper-slide .wrap{height: 500px;}
.swiper-banner .swiper-slide .sl-left{top: 100px;left: 20px;width: 600px;height: 300px;}
.swiper-banner .swiper-slide .t1{top: 45px;left: 0px;font-size: 40px;color: #ffffff;-webkit-font-smoothing: antialiased;background-image: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF);background-image: -moz-linear-gradient(left, #FFFFFF, #FFFFFF);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;}
.swiper-banner .swiper-slide .t2{top: 125px;left: 0px;font-size: 20px;color: #FFFFFF;}
.swiper-banner .swiper-slide .t3{top: 170px;left: 0px;font-size: 16px;color: #ffffff;}
.swiper-banner .swiper-slide .btn_xh{width: 170px;height: 45px;line-height: 43px;left: 0px;top: 230px;font-size: 16px;text-align: center;color: #ffffff;outline-offset: 0px;text-shadow: none;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);border-radius: 50px;border: 1px solid #fff;}
.swiper-banner .swiper-slide .btn_xh:hover{background:#FFFFFF;/* color:#333333; */border: 1px solid;box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);outline-color: rgba(255, 255, 255, 0);outline-offset: 15px;}
.swiper-banner .swiper-slide .btn_xh:hover span{color:#333333;}

.swiper-banner .swiper-slide .img1{top: 50px;left: 580px;}
.swiper-banner .swiper-slide .img2{top: 50px;left: 540px;width: 610px;}
.swiper-banner .swiper-slide .img3{top: 60px;left: 510px;}
.swiper-banner .swiper-slide .img4{top: 50px;left: 740px;}
.swiper-banner .swiper-slide .img5{top: 65px;left: 610px;}
.swiper-banner .swiper-slide .img1,.swiper-banner .swiper-slide .img2,.swiper-banner .swiper-slide .img3,.swiper-banner .swiper-slide .img4,.swiper-banner .swiper-slide .img5{margin-top: 20px;position:absolute;}

.swiper-banner .swiper-slide{background:#326DE3;width:100%;}

.swiper-banner .swiper-pagination .swiper-pagination-bullet{width: 40px;height: 5px;border-radius: 5px;}
.swiper-banner .swiper-nav{width: 100%;height: 100px;left: 0;bottom: 20px;z-index: 9;}
.swiper-banner .swiper-nav .bd{border:0;width: 1200px;}
.swiper-banner .swiper-nav li{width: 230px;height: 100px;float: left;cursor: pointer;background-image: linear-gradient(0deg,#fff,#f3f5f8);box-shadow: 0px 8px 6px 0 rgba(55,99,170,.1), 0px 3px 7px 0 #f9f9f9;border-radius: 8px;box-sizing: border-box;/* background-color: #f5f6fa; */background-size: 200px;box-shadow: 0 10px 30px 0 rgba(64,74,127,.1);border: 2px solid #fff;margin-right: 12px;}
.swiper-banner .swiper-nav li .icon{width: 57px;height: 57px;float: left;margin-top: 24px;}
.swiper-banner .swiper-nav li .icon i{display:inline-block;margin-left: 15px;width: 42px;height: 42px;/*-webkit-filter: brightness(0) invert(0.5);filter: brightness(0) invert(0.5);*/}
.swiper-banner .swiper-nav li.on .icon i{}
.swiper-banner .swiper-nav li .xh_2{}
.swiper-banner .swiper-nav li .xh_2 i{margin-left: 5px;}
.swiper-banner .swiper-nav li .xh_1 i{background: url(../image/icon1.png) no-repeat;width: 42px;height: 42px;margin-top: 5px;margin-left: 8px;}
.swiper-banner .swiper-nav li .xh_2 i{background: url(../image/swiper-icon2.png) no-repeat;width:42px;height:42px;margin-top: 5px;margin-left: 8px;}
.swiper-banner .swiper-nav li .xh_3 i{background: url(../image/swiper-icon3.png) no-repeat;width:42px;height:42px;margin-top: 5px;margin-left: 8px;}
.swiper-banner .swiper-nav li .xh_4 i{background: url(../image/swiper-icon4.png) no-repeat;width:42px;height:42px;margin-top: 5px;margin-left: 8px;}
.swiper-banner .swiper-nav li .xh_5 i{background: url(../image/swiper-icon5.png) no-repeat;width:42px;height:42px;margin-top: 5px;margin-left: 8px;}
.swiper-banner .swiper-nav li.on .xh_1 i{background: url(../image/icon1-on.png) no-repeat;width: 42px;height: 42px;margin-top: 5px;margin-left: 8px;}
.swiper-banner .swiper-nav li.on .xh_2 i{background: url(../image/swiper-icon2-on.png) no-repeat;width:42px;height:42px;margin-top: 5px;margin-left: 8px;}
.swiper-banner .swiper-nav li.on .xh_3 i{background: url(../image/swiper-icon3-on.png) no-repeat;width:42px;height:42px;margin-top: 5px;margin-left: 8px;}
.swiper-banner .swiper-nav li.on .xh_4 i{background: url(../image/swiper-icon4-on.png) no-repeat;width:42px;height:42px;margin-top: 5px;margin-left: 8px;}
.swiper-banner .swiper-nav li.on .xh_5 i{background: url(../image/swiper-icon5-on.png) no-repeat;width:42px;height:42px;margin-top: 5px;margin-left: 8px;}
.swiper-banner .swiper-nav li.on .xh_1 i{}
.swiper-banner .swiper-nav li.on .xh_2 i{color:#CC0000}
.swiper-banner .swiper-nav li.on .xh_3 i{color:#CC0000}
.swiper-banner .swiper-nav li.on .xh_4 i{color:#CC0000}
.swiper-banner .swiper-nav li.on .xh_5 i{color:#CC0000}
.swiper-banner .swiper-nav li .info_xh{float: left;width: 160px;height: 100px;}
.swiper-banner .swiper-nav li .info_xh div{padding-top: 25px;font-size: 18px;}
.swiper-banner .swiper-nav li.on .info div{}
.swiper-banner .swiper-nav li .info_xh p{color: #777777;font-size: 14px;margin-top: 5px;}
.swiper-banner .swiper-nav li.on .info p{color: #eae5e5;}
.swiper-banner .swiper-nav li.on{margin-top: -2px;background-image: linear-gradient(0deg,#fff,#ffecec);}
.swiper-banner .swiper-nav li.on a{}
.swiper-banner .swiper-nav li.on a .info_xh div{color:#CC0000;font-weight:bold}
.swiper-banner .swiper-nav li:nth-child(5){border-right: none;margin-right:0}
:root .swiper-banner .swiper-nav li.on,:root .swiper-banner .swiper-nav{filter:none;}

.swiper-banner .swiper-nav li.on:nth-child(1){background-image: linear-gradient(0deg,#fff,#ffecec);}
.swiper-banner .swiper-nav li.on:nth-child(2){background-image: linear-gradient(0deg,#fff,#ffe6d6);}
.swiper-banner .swiper-nav li.on:nth-child(3){background-image: linear-gradient(0deg,#fff,#dbf5ff);}
.swiper-banner .swiper-nav li.on:nth-child(4){background-image: linear-gradient(0deg,#fff,#f2d7ff);}
.swiper-banner .swiper-nav li.on:nth-child(5){background-image: linear-gradient(0deg,#fff,#d3fdf5);}
.swiper-banner{position:relative;z-index: 1;-webkit-transition: all 1s ease;transition: all 1s ease;}

.swiper-button {
    opacity: 0;
}
.swiper-banner:hover .swiper-button {
    opacity:1;
}

.img-box {
    position: absolute;
    top: 50px;
    width: 570px;
    height: 400px;
    text-align: center;
    transition: all .9s ease-in-out;
}

.img-box-2{top: 180px;}
.img-box:nth-child(2) {
    transform: translateZ(500px);
    animation: fadeInUp-s .6s cubic-bezier(.4,0,.3,1) 0s normal none 1 running;
}

.img-box img {
    max-width: 570px;
    max-height: 400px;
}