.index_banner{ margin-top: 100px;}
.index_banner .box{position: relative;}
.index_banner .box .banner .item .img img {max-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: 6%;}
.index_banner .box .next{right: 6%;}
.index_banner .box .button:hover{cursor: pointer;background: #00438c; color: #fff; border-color: #00438c;}
.index_banner .swiper-pagination-bullets{bottom:20px!important;height:10px;font-size:0;-webkit-text-size-adjust:none;}
.index_banner .swiper-pagination-bullet{opacity:1;width:10px;height:10px;margin:0 4px!important;position:relative;background:#FFF;border-radius:5px;}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#00438c;width:28px;}
.index_banner .img img{ animation: swiper_img_move 8s linear 0s infinite normal both ; -webkit-animation: swiper_img_move 8s linear 0s infinite normal both ; }

@-webkit-keyframes swiper_img_move{
    0%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
    50%{
        -webkit-transform:scale(1.1,1.1);
        transform:scale(1.1,1.1);
    }
    100%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
}
@keyframes swiper_img_move{
    0%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
    50%{
        -webkit-transform:scale(1.1,1.1);
        transform:scale(1.1,1.1);
    }
    100%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
}


.index_product{}
.index_product .product_list li{ width: 31.5%; margin-right: 2.75%;  }
.index_product .product_list li:nth-child(3n){ margin-right: 0;}
.index_product .product_list li:nth-last-child(-n+3){margin-bottom:0;}
.index_product .product_list li .img{ width: 100%;  height: 360px; }
.index_product .product_list li .img a{ width: 100%; height: 100%;}
.index_product .product_list li .img img{ max-width: 90%; max-height: 90%; object-fit: cover;}
.index_product .product_list li .txt{ padding-top: 0;}
.index_product .product_list li .btn a{ width:150px ; height: 46px; border-radius: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; -o-border-radius: 23px; }
.index_product .product_list li:hover{ box-shadow: 0 0 0 10px #00438c; color: #00438c; transform: scale(0.95)  ; -webkit-transform: scale(0.95)  ; -moz-transform: scale(0.95)  ; -ms-transform: scale(0.95)  ; -o-transform: scale(0.95)  ; }
.index_product .ljgd{ background-color: #00438c; color: #fff;  border-color: #00438c;}
.index_product .ljgd:hover,.index_product .ljzx:hover{ background-color: #00438c; color: #fff; transform: translateY(-8px);}

.index_application ul{ position: absolute; top: 0; left: 0;  }
.index_application ul li{ width: 25%; padding: 0 3%; border-right: 1px solid rgba(255, 255, 255, 0.2); position: relative;}
.index_application ul li::after{ width: 100% ; z-index: 5; height: 0; position: absolute; bottom: 0; left: 0; display: block; content: ''; background-color: rgba(0, 0, 0, 0.3); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.index_application ul li .line{ width: 20% ; height: 3px; }
.index_application ul li  a{ border: 1px solid #fff; padding: 12px 50px; position: relative;}
.index_application ul li  a em{ position: relative; z-index: 5;}
.index_application ul li  a:hover em{ color: #fff;}
.index_application ul li>div,.index_application ul li>a{ position: relative; z-index: 10; }
.index_application ul li  a::after{ position: absolute; top: 0; left: 0; display: block; content: ''; width: 0; height: 100%; transition: all .36s; background-color: #bd171b; transition:all .36s ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.index_application ul li  a:hover::after{ width: 100%;}
.index_application ul li  .noe{ display: none; animation: righTOP .3s; -webkit-animation: righTOP .3s; }
.index_application ul li:hover .noe{ display: block;}
.index_application ul li:hover::after{ height: 100%;}
.index_application .img img{display: none;width: 100%; object-fit: cover;transition: all .36s;animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93);-webkit-animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93);}
.index_application  .img img.on{ display: block;}
@keyframes scaleIn {
    from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
    to { -webkit-transform: scale(1.05); transform: scale(1.05);}
}

.case_list .swiper-wrapper {padding-bottom: 150px;}
.case_list .swiper-slide {position: relative;width: 32%;cursor: pointer;}
.case_list .swiper-pagination-progressbar {bottom: 50px;right: 0px;top: auto !important;width: 50% !important;left: 22% !important;height: 2px !important;}
.casePic {overflow: hidden;position: relative;height: 300px;}
.casePic::before {content: "";width: 100%;height: 100%;position: absolute;z-index: 1;left: 0px;}
.casePic::after {content: "";position: absolute;top:55%;left:0;right: 0;bottom: 0;background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}
.casePic img {float: left;transition: all 0.6s;width: 100%;height: 100%;object-fit:cover;}
.case_list .caseWord {bottom: 0;margin-top: -53px;position: relative;z-index: 999;}
.case_list .caseWord .c1 {color: rgb(255, 255, 255);width: 85%;margin: auto auto 10px;}
.case_list .swiper-button-next {top: auto;left: 57%;bottom: 78px;}
.case_list .swiper-button-prev {top: auto;left: 41%;bottom: 78px;}
.case_list .swiper-button-next::after {color: rgb(51, 51, 51);font-size: 20px;font-weight: 600;}
.case_list .swiper-button-next:hover::after {color: #00438c;}
.case_list .swiper-button-prev:hover::after {color: #00438c;}
.case_list .swiper-button-prev::after {color: rgb(51, 51, 51);font-size: 20px;font-weight: 600;}
.Mouse {color: rgb(0, 0, 0);font-size: 18px;top: auto;position: absolute;bottom: 86px;text-align: center;width: 120px;left: 50%;margin-left: -60px;}
.case_list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#00438c;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {content: '<';font-family: "DIN"}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {content: '>';font-family: "DIN"}
.case_list .swiper-slide:hover .casePic img{transform: scale(1.1);}
.case_list .swiper-slide:hover .casePic::before {animation: gradient-rectangle 1.4s;animation-delay: 0s;-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);}
.index_about{background: url(../images/aboutbg.jpg) no-repeat;background-size: cover;background-attachment: fixed;}
.index_about .main{margin: 0 auto;width: 60%}
.index_about .box .img {overflow: hidden;}
.index_about .box .img img {width: 100%;transition: 4s;}
.index_about .box .main {position: absolute;top: 5.875rem;left: 0;text-align: center;width: 100%;}
.index_about .box .main .content2 {margin: 1.5625rem auto 0;text-shadow: 0px 8px 1.25rem rgba(0, 0, 0, 0.5);}
.index_about .box .main .content3 {margin: 3.75rem 0 0;text-align: center;}
.index_about .box .main .content3 a {margin: auto;}
.index_about:hover .box .img img {transform: scale(1.1);}
.about_link a {display: block;width: 160px;line-height: 50px;color: #fff;text-align: center;position: relative;border:1px solid #fff;border-radius: 50px;color:#fff;}
.about_link a img {margin-left: 10px;position: relative;transition: 0.4s;right: 0;}
.about_link a:hover img {right: -10px;}
.about_link a:hover {border-color: #00438c;background-color: #00438c;color: #fff;transform: translateY(-10px);}
.index_news .newslist{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 2vw;}
.index_news .img img{  width: 100%; object-fit: cover;}
.index_news .newslist a:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.index_news .newslist 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{border-right: 1px solid rgba(220, 220, 220, .3);display: block;}
.index_partner .pic{height: 130px;line-height: 130px;text-align: center;font-size: 0;background-color: #f5f5f5;border-right:1px solid #e5e1e1;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){
    .index_banner{ margin-top: 80px;}
    .index_about .main{width: 80%;}
}

@media screen and (max-width:1280px) { 
    .index_banner{ margin-top: 70px;}
    .index_banner .box .button{width:50px;height:50px;}
    .index_partner .pic{height:130px;line-height: 130px;}
}

@media screen and (max-width:1040px) {
    .index_product .product_list li{ width: 48.5%; margin-right: 3%;}
    .index_product .product_list li:nth-child(3n){ margin-right: 3%;}
    .index_product .product_list li:nth-child(2n){ margin-right: 0;}
    .index_product .product_list li:nth-last-child(-n+3){margin-bottom:18px;}
    .index_partner .prev{left:-30px;}
    .index_partner .next{right:-30px;}

}

@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;}
    .index_product .product_list li{ width: 100%; margin-right: 0%;}
    .index_product .product_list li:nth-child(3n){ margin-right: 0%;} 
    .index_product .product_list li .img{ height: 220px;}
    .index_product .product_list li .btn a{ width: 120px; height: 36px;}
    .index_application ul{ flex-wrap: wrap;}
    .index_application ul li{ width: 50%; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .index_application ul li .line-height2-4{ display: none !important;}
    .index_application ul li a{ padding: 10px 25px;}
    .index_application .img img{min-height: 500px;}
    .case_list .swiper-wrapper {padding-bottom: 0px;}
    .case_list .swiper-slide {position: relative;width:100%;}
    .case_list .swiper-pagination-progressbar {display: none;}
    .case_list .swiper-button-prev {top: auto;left: 38%;bottom: 0;display:none;}
    .case_list .swiper-button-next {bottom: 0;display:none;}
	.Mouse{display:none;}
    .index_about .main{width: 90%;}
    .about_link a{width: 150px;line-height: 40px;}
    .index_news .newslist{grid-template-columns: 1fr;}
    .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;}
}