.index_banner .box {position: relative;}
.index_banner .box .banner .item {position: relative;}
.index_banner .box .banner .item .img img {width:100%;}
.index_banner .box .button {position: absolute;top: 50%;margin-top: -20px;z-index:5;width: 60px;height: 60px;border: 1px solid rgba(255, 255, 255, .38);}
.index_banner .box .prev{left: 3%;}
.index_banner .box .next{right: 3%;}
.index_banner .box .button:hover{cursor: pointer;background: #093e96; color: #fff; border-color: #093e96;}
.banner-pagination{ position: absolute; bottom: 5vh !important; z-index: 10;text-align: center}
.banner-pagination .swiper-pagination-bullet{ width: 25px; height: 25px; opacity: 1; background-color: transparent; position: relative; border: 1px solid transparent;}
.banner-pagination .swiper-pagination-bullet::after{ width: 15%; height: 15%; background-color: transparent; border: 1px solid #fff; border-radius: 50%; display: block; content: ''; position: absolute; left: 50%; top: 50% ; transform:translate(-50%,-50%) ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px solid #fff;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ background-color: #fff;}

.dian{ width: 8px; height: 8px;}
.titlebg{ position: absolute; left: 0; height: calc(100% + 20px); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.viewmore:after { display: block; content: ''; width: 18px; margin-left: -9px; height: 18px; display: block; content: ''; background: rgb(9,62,150,.2); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.viewmore:hover img{ transform: translateX(9px); -webkit-transform: translateX(9px); -moz-transform: translateX(9px); -ms-transform: translateX(9px); -o-transform: translateX(9px); }

.common.btn {
    white-space: nowrap;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    perspective: 500;
    -webkit-perspective: 500;
}

.common.btn .w {
    position: relative;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
}

.common.btn .t {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -60px;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.common.btn:hover .w {
    transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);
    -webkit-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);
    -moz-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);
    -ms-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);
    -o-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);
}

.index_about .jule {height: auto;position: absolute;left: 10%;top: 60%;transform: translateY(-50%);}
.index_about .jule .index_about_logo {height: 200px;}
.jule img {animation: hotBefore2 20s ease infinite;-webkit-animation: hotBefore2 20s ease infinite;}
.lint_cai {position: absolute;left: 0;bottom: 18%;width: 100%;pointer-events: none;}
@keyframes hotBefore2{
    0% {
        transform: translateX(0%);
    }
    50% {
        transform: translateX(10%);
    }
    100% {
        transform: translateX(0%);
    }
}
.videoPlay {
    position: absolute;
    font-size: 60PX !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 50;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.index_about_img {height: 300px;}


.index_product{background: url(../images/product-bg.jpg) repeat-y top center;}
.product-list{display: none;}
.product-list.active{display: block;}
.product_box{overflow: hidden;}
.product-list img{max-width:100%;}

.index_cases ul{width: 100%;}
.index_cases li{float: left; width: 6%; padding: 0 2px; height: 100%; transition: width .3s;}
.index_cases li a{display: block; position: relative;}
.index_cases li.active{width: 46%;}
.index_cases li .pic{padding-top: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; overflow: hidden; opacity: .9;}
.index_cases li .cover{background-color: rgba(0, 0, 0, .5); opacity: 1; transition: all .3s; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.index_cases li.active .cover{opacity: 0;}
.index_cases .content{position: absolute; width: calc(100% - 80px); left: 0; bottom: 0; margin: 0 40px 40px 40px; color: #fff; overflow: hidden;opacity: 0;}
.index_cases .tit{white-space: nowrap;margin-bottom: 10px;}
.index_cases .txt{white-space: nowrap;}
.index_cases li.active .content{opacity: 1;}

.index_news .left li {border-bottom: 1px solid #e5e5e5;}
.index_news .left li:last-child{border-bottom: 0}
.index_news .left li .img{ width: 35%;  }
.index_news .left li .img img{ width: 100%; height: 240px; object-fit: cover;}
.index_news .left li .txt{ width: 60%;}
.index_news .newsmore  span{ display: inline-block; margin-left: 15px; border: 1px dashed #093e96; width: 24px; position: relative; height: 24px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.index_news .newsmore span .iconfont{ position: absolute; left: 80%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.index_news a:hover .newsmore span .iconfont{ left: -8px;}
.index_news .left li:hover{ color: #093e96;}
.index_news .linetit span{background-image: linear-gradient(currentColor 0, currentColor 0);background-image: linear-gradient(currentColor 0 0);background-position: 0 calc(100% - 1px);background-size: 0 1px;
    background-repeat: no-repeat;transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;}
.index_news a:hover .linetit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.index_news .left li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.index_news .right{ width: 42%;}
.index_news .right .img img{ width: 100%; height: 282px; object-fit: cover;}
.index_news .right  a:hover { color: #093e96;}
.index_news .right a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.index_partner .con{margin: 40px 0;border-right: 1px solid rgba(220, 220, 220, .3);display: block;}
.index_partner .pic{height: 166px;line-height: 166px;text-align: center;font-size: 0;background-color: #fff;position: relative;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.index_partner .pic img{display: inline-block;vertical-align: middle;max-width: 80%;max-height: 80%;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.index_partner .con:hover .pic{box-shadow: 0px 0px 25px 0px rgba(58,102,166,0.21);z-index: 2;}
.index_partner .con:hover .pic img{opacity: 1;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}
.index_partner .prev,.index_partner .next{background: #fff;z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,.15); width: 50px; height: 50px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);cursor: pointer;}
.index_partner .layui-icon{font-size: 20px;}
.index_partner .next{ right: -60px;}
.index_partner .prev{ left: -60px;}
.index_partner .next:hover,.index_partner .prev:hover{ background-color: #255393; color: #fff;}
.index_partner .swiper-button-disabled{ cursor: no-drop; opacity: .5;}

@media screen and (max-width:1440px){
    .common.btn {  line-height:50px;   }    
	.common.btn .t {  top: -50px; 	    }
	.common.btn:hover .w { transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); }
    .index_news .left li .img img{ height: 180px;}
    .index_news .right .img img{ height: 226px;}
}

@media screen and (max-width:1280px) { 
    .index_banner .box .button{width:50px;height:50px;}
    .banner-pagination{bottom: 15px !important;}
    .index_partner .pic{height:130px;line-height: 130px;}
}

@media screen and (max-width:1100px) {
    
    .common.btn {  line-height:40px;   }    
	.common.btn .t {  top: -40px; 	    }
	.common.btn:hover .w { transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); }
	.index_about_img{ height: auto;}
	.index_about .jule .index_about_logo{ height: auto;}
	.index_partner .prev{left:-30px;}
    .index_partner .next{right:-30px;}
}

@media screen and (max-width:900px) {
    .numUl{ flex-wrap: wrap;}
	.numUl li{ width: 50%; margin-top: 10px;}
}

@media screen and (max-width:750px) {
    .index_banner{ margin-top: 60px;}
    .index_banner .swiper-pagination-bullet-active {margin-right: 30px;opacity: 1;}
    .index_banner .box .button{width:40px;height:40px;}
    .banner-pagination{bottom: 5px !important;}
    .banner-pagination .swiper-pagination-bullet{ width: 15px; height: 15px;}
    .index_cases li{display: none;}
    .index_cases li:nth-child(-n+3){display: block;width: 20%;}
    .index_cases li.active{width: 60%;}
    .viewmore{display: none;}
    .index_news .left { width: 100%;}
    .index_news .left li:last-child {border-bottom: 1px solid #e5e5e5;margin-bottom: 18px;padding-bottom: 18px;}
    .index_news .left li .img, .index_news .right a .img{ width: 30%;}
    .index_news .left li .txt, .index_news .right a .txt{ width: 66%;}
    .index_news .left li .img img{ height: 120px;}
    .index_news .right a .img img{ width: 100%; height: 120px; object-fit: cover;}
    .index_news .right{ width: 100%;}
    .index_news .right a{ display: flex; justify-content: space-between;}
    .index_news .right a .txt{ padding:8px 0;}
    .index_news .right a .txt .line-clamp{ margin: 0;}
    
    .index_partner .pic{height:80px;line-height: 80px;}
    .index_partner .prev,.index_partner .next{width:30px;height:30px;}
    .index_partner .prev{left:0;}
    .index_partner .next{right:0;}

}