/*.banner .center{top:55%;}*/
.index1{max-width: 1400px;margin: 3vw auto 2vw;}
.index1 li{float: left;width: 25%;height: 46.25rem;position: relative;}
.index1 li .Img{width: 100%;height: 100%;overflow:hidden;position:relative;}
.index1 li img{width: 100%;height: 100%;transition: 0.5s all ease;}
.index1 li img.img1{display:none;}
.index1 li .Img:after{content:'';position:absolute;left:0;top:0;background: rgba(0,0,0,0.2);width:100%;height:100%;}
.index1 li .words{margin: 0px 12.85%;box-sizing: border-box;position: absolute;bottom:6.4rem;color: #fff;padding: 0px 0px 0px 15px;border-left: 2px solid #fff;}
.index1 li .words .p1{font-size: 22px;line-height: 20px;font-weight: bold;}
.index1 li .words .p1 .num{font-size: 22px;font-weight:300;font-style: normal;margin: 0px 12px 0px 0px;position: relative;top: 2px;}
.index1 li .words .p2{margin: 20px 0px 10px 35px;}
.index1 li .words a{font-size: 14px;color: rgba(255,255,255,0.8);margin: 0px 0px 0px 36px;padding: 0px 20px 0px 0px;background: url(../images/icon-right_2.png) right 2px no-repeat;background-size: 16px;}
.index1 li .words a:hover{font-weight: bold;}
.index1 li:hover img{transform:scale(1.2);}
.index .name{font-size: 28px;color: #333333;text-align: center;/* font-weight: bold; */letter-spacing: 2px;}
.index .en{font-size: 16px;color: #333333;/* font-weight: bold; */text-align: center;margin: 6px 0px 2vw 0px;text-transform:uppercase;}
.index .en:before{width: 30px;height: 1px;content:'';display: inline-block;background:#333;margin: 0px 13px 0px 0px;position: relative;top: -5px;}
.index .en:after{width: 30px;height: 1px;content:'';display: inline-block;background:#333;margin: 0px 0px 0px 13px;position: relative;top: -0.5rem;}

.index2{padding: 3vw 0px 2vw 0px;background:url(../images/indexbg.jpg) center center no-repeat;background-size: cover;}
.index2Box{max-width: 1400px;margin: 0 auto;}
.index2L{width: 50%;float: left;}
.index2L video{height: 25.75rem;width: 100%;border-radius:6px;}
.index2L a{font-size: 14px;color:#333333;background: url(../images/icon-right_1.png) right center no-repeat;padding: 0px 20px 0px 0px;margin: 1rem 0px 0px 0px;display: inline-block;background-size: 16px;}
.index2L a:hover{font-weight: bold;}
.index2R{width: 48.21%;float: right;}
.index2R li{width: 48.5%;height: 12.08rem;float: left;margin: 0px 3% 1.5rem 0px;background:#fff;border-radius: 5px;transition:0.5s all ease;position:relative;}
.index2R li:nth-child(2n){margin-right: 0px;}
.index2R li .Img{height: 5.3125rem;line-height: 5.3rem;text-align: center;margin: 2.125rem 0px 0.625rem 0px;}
.index2R li  .Img img{max-height: 100%;max-width: 100%;}
.index2R li .Img img.img2{display:none;}
.index2R li .title{font-size: 16px;color: #333333;text-align: center;}
.index2R li:hover .title{color: #fff;}
.index2R li:hover img.img1{display:none;}
.index2R li:hover img.img2{display:inline-block;}
.index2R li:hover{background: #004c8f;}

.index3{padding: 3vw 0px 3vw 0px;background:url(../images/indexbg1.jpg) center center no-repeat;background-size: cover}
.index3 .name{color: #fff;}
.index3 .en{color: #fff;margin: 0.5vw 0px 2.5vw 0px;}
.index .index3 .en:before{background:#fff;}
.index .index3 .en:after{background:#fff;}
.index3 ul {/* font-size: 0px; */text-align: center;}
.index3SwiperWrap {position: relative; padding: 0 40px; box-sizing: border-box; overflow: hidden;width: 100%;}
.index3Swiper {overflow: hidden;width: 1000px;}
.index3 ul li {--direc: 0deg;animation: rotate 3s linear infinite;display: inline-block;width: 190px;height: 120px;/* background: #fff; */border-radius: 10px;overflow: hidden;line-height: 120px;text-align: center;position: relative;}
.index3-btn-prev, .index3-btn-next {position: absolute;top: 50%;transform: translateY(-50%);width: 32px;height: 32px;border-radius: 50%;background: rgba(255,255,255,0.25);cursor: pointer;z-index: 10;transition: background 0.3s;}
.index3-btn-prev:hover, .index3-btn-next:hover {background: rgba(255,255,255,0.55);}
.index3-btn-prev {left: 2px;}
.index3-btn-next {right: 2px;}
.index3-btn-prev:after, .index3-btn-next:after {content: '';display: block;width: 9px;height: 9px;border-top: 2px solid #fff;border-right: 2px solid #fff;position: absolute;top: 50%;left: 50%;}
.index3-btn-prev:after {transform: translate(-30%, -50%) rotate(-135deg);}
.index3-btn-next:after {transform: translate(-70%, -50%) rotate(45deg);}
.index3 ul li a{background:#fff;display:block;width: 175px;height: 102px;margin: 9px auto;overflow: hidden;border-radius: 6px;line-height: 90px;}
.index3 ul li img {vertical-align: middle;transition: 0.5s all ease;max-width: 87%;max-height: 85%;}
.index3 .summary {font-size: 16px;color: #fff;text-align: center;line-height: 30px;margin: 2vw auto 0px;max-width: 900px;}
.index3 .more{width: 120px;height: 40px;line-height: 40px;background: #004c8f url(../images/icon-arrow.png) 85px center no-repeat;font-size: 14px;display: block;margin: 0 auto;color:#fff;text-indent: 15px;border-radius: 5px;}
.index3 .more:hover{font-weight: bold;}
.index3 ul li:hover img{transform: scale(1.2);}
.index3 ul li:after{content:'';position:absolute;width:100%;height:100%;background:url(../images/bg18.png) center center no-repeat;top: 0px;left: 0px;/* animation: blink 3s infinite; */opacity: 0.7;transition: 0.5s all ease;}
.index3 ul li:hover:after{/* background:url(../images/bg20.png) center center no-repeat; *//* animation: blink 0s infinite; */opacity: 1;}
@keyframes blink {
  0% {opacity: 1; /* 完全不透明 */}
  50% {opacity: 0.1; /* 半透明 */}
  100% {opacity: 1; /* 再次不透明 */}
}

/* .index3 ul li:before {z-index: -1;}
.index3 ul li:after {content: "";position: absolute;inset: 8px;border-radius: inherit;}
@property --direc {syntax: "<angle>";initial-value: 0deg;inherits: false;}
.index3 ul li {--direc: 0deg;background-image: linear-gradient(var(--direc),#fff,#004c8f,75%,#004c8f);animation: rotate 10s linear infinite;}
@keyframes rotate {
    to {
        --direc: 360deg;
    }
} */


.index4 {padding: 3vw 0px;background: url(../images/indexbg2.jpg) center center no-repeat;background-size: cover;}
.index4 .tab{text-align: center;}
.index4 .tab i{width: 180px;height: 45px;line-height: 45px;display: inline-block;border:1px solid #333333;text-align: center;font-style: normal;cursor: pointer;margin: 0px 7px;font-size: 16px;}
.index4 .tab i.on{background:#004c8f;color: #fff;}
.index4 .news{margin: 2vw 0px 0px 0px;}
.index4 .news .swiper-button-prev{display:none;}
.index4 .news .swiper-button-next{display:none;}
.index4 ul li{width: 23.357%;float: left;margin:0px 2.1% 0px 0px;background:#f7f7f5;border-bottom:3px solid transparent;transition: 0.5s all ease;}
.index4 ul li .Img{height:160px;overflow:hidden;}
.index4 ul li img{width:100%;height:100%;transition:0.5s all ease;}
.index4 ul li:nth-child(4n){margin-right: 0px;}
.index4 ul li .words{padding: 20px 15px 15px 15px;}
.index4 ul li .title{font-size: 16px;color: #333333;line-height: 24px;height: 48px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.index4 ul li .summary{font-size: 14px;color: #585858;margin: 15px 0px 20px 0px;line-height: 20px;height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index4 ul li .time{font-size: 14px;color: #333333;padding: 0px 0px 0px 1.5rem;background: url(../images/icon-time2.png) left center no-repeat;}
.index4 ul li .time i{font-style: normal;float: right;}
.index4 ul li .time i:hover{font-weight: bold;}
.index4 .news .more{width: 120px;height: 40px;line-height: 40px;font-size: 14px;text-indent: 20px;display: block;margin: 2vw auto 0px;color: #333;border-radius: 30px;border:1px solid #333;background: url(../images/icon-right_1.png) 83px center no-repeat;background-size: 16px;}
.index4 ul li:hover{border-bottom:3px solid #004c8f;}
.index4 .news .more:hover{background: #004c8f url(../images/icon-right_2.png) 85px center no-repeat;color:#fff;background-size: 16px;}
.index4 .news1{display: none;}
.index4 .news1.on{display: block;}
.index4 .news .more:hover{font-weight: bold;}
.index4 ul li:hover img{transform:scale(1.2);}
.index4 ul li:hover .title{color:#004c8f;}


.backTop{cursor: pointer;width:50px;height:50px;background: url(../images/backTop.png) center center no-repeat;background-size: 100%;box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);position: fixed;border-radius: 5px;right: 10px;bottom: 3vw;}










@media(max-width:1600px){
    .index1 li{height:45rem;}
    /*.index3 ul li{margin:0px 7px;}*/
    .index4 ul li .words{padding: 1.7rem 1.6rem 1.5rem 1.6rem;}

    .banner .swiper-slide{height: 47vw;}
    .banner .slide-video{/*padding:4.6vw 0px 0px 0px;*/box-sizing: border-box;background:linear-gradient(to bottom, #ddd, #fff);height: 50%;}
    .banner video{height: 47vw;/* width: auto; */}
    
    .banner img{height: 47vw;}
    /*.banner video{height: 47vw;}*/







}





@media(max-width:1024px){
    .banner .center{width:94%;}
    .banner .words{text-align: left;}
    .banner .words .p1{font-size: 20px;font-weight:bold;}
    .banner .words .p2{font-size: 12px;margin: 3px 0px 0px 0px;}
    .banner .tab{display:none;}
    .banner .pagination{bottom: 30px;margin-left: 0px;left: 3%;}
    .banner .pagination .swiper-pagination-bullet{width: 9px;height: 9px;}
    .banner .slide-video{padding:0;display: none;}
    .index1{margin: 25px auto 25px;}
    .index .name{font-size: 18px;letter-spacing: 1px;}
    .index .en{font-size: 11px;margin: 0px 0px 15px 0px;}
    .index .en:after{display:none;}
    .index .en:before{display:none;}
    .index1 li{float:none;width: 100%;height: 34vw;}
    .index1 li .Img{height:34vw;position: relative;}
    .index1 li .words{top:50%;bottom:unset;transform:translateY(-50%);padding: 0px 0px 0px 9px;margin: 0px 0px 0px 20px;}
    .index1 li .words .p1{font-size:18px;font-weight:bold;line-height: 20px;margin: 0px 0px 15px 0px;}
    .index1 li .words .p1 .num{font-size: 16px;top: 0px;margin: 0px 10px 0px 0px;}
    .index1 li .words .p2{margin: 0px 0px 0px 27px;}
    .index1 li .words a{margin: 0px 0px 0px 27px;font-size: 12px;background-size: 15px;padding: 0px 20px 0px 0px;}
    .index1 li img.img1{display:block;}
    .index1 li img.img{display:none;}
    .index1 li .Img:after{width:100%;height:100%;background:rgba(0,0,0,0.3);content:'';position:absolute;left:0px;top:0px;}

    .index2{padding: 25px 0px 15px 0px;}
    .index2Box{max-width:100%;}
    .index2L{width:100%;float:none;}
    .index2L video{height:auto;}
    .index2L a{font-size:14px;background-size:16px;padding:0px 22px 0px 0px;margin: 7px 0px 0px 0px;}
    .index2R{width:100%;float: none;margin: 20px 0px 0px 0px;}
    .index2R li{height: 100px;margin: 0px 3% 3% 0px;width: 48.5%;}
    .index2R li .Img{height: 10vw;line-height: 10vw;margin: 18px 0px 10px 0px;}
    .index2R li .title{font-size: 14px;}

    .index3{padding: 30px 0px;}
    .index .index3 .en:after{display:inline-block;width: 20px;margin: 0px 0px 0px 7px;top: -3px;}
    .index .index3 .en:before{display:inline-block;width: 20px;margin: 0px 7px 0px 0px;top: -3px;}
    .index3 ul li{margin: 0px;height: 16vw;line-height: 16vw;border-radius: 3px;}
    .index3 ul li a{width:90%;height: 14vw;line-height: 14vw;margin: 1vw auto;}
    .index3SwiperWrap{padding: 0 30px;}
    .index3 ul{margin: 20px 0px 0px 0px;}
    .index3 .summary{font-size: 14px;line-height:20px;margin: 10px 0px 15px 0px;}
    .index3 .summary p{font-size:12px}
    .index3 .more{width: 100px;height: 32px;line-height: 32px;background-position: 80px center;font-size: 12px;background: #004c8f url(../images/icon-arrow.png) 73px center no-repeat;background-size: 17px;}
    .index3 ul li:after{background-size:100%;}
    .index4{padding: 25px 0px 30px 0px;}
    .index4 .center{width:100%;}
    .index4 ul li{width:48%;padding:0px;}
    .index4 ul li .Img{height: 24vw;}
    .index4 ul li .words{padding: 10px 8px 12px 8px;}
    .index4 ul li .title{font-size: 14px;line-height: 18px;height: 38px;}
    .index4 ul li .summary{font-size: 12px;line-height: 18px;margin: 7px 0px;height: 56px;-webkit-line-clamp: 3;}
    .index4 ul li .time{font-size: 11px;background-size:14px;}
    .index4 ul li .time i{font-size: 11px;}
    .index4 .tab {font-size:0px;width: 94%;margin: 0 auto;}
    .index4 .tab i{width: 48%;height: 40px;line-height: 40px;margin: 0px 4% 0px 0px;box-sizing: border-box;font-size: 14px;}
    .index4 .tab i:nth-child(2n){margin-right:0px;float: right;}
    .index4 .news{margin: 15px 0px 0px 0px;}
    .index4 .news .more{font-size: 12px;height: 32px;line-height: 32px;margin: 25px auto 0px;background: #004c8f url(../images//icon-right_2.png) 73px center no-repeat;width: 100px;background-size: 16px;color: #fff;}
    .index4 .news1{position:relative;overflow:hidden;}
    .index4 .swiper-container{width:94%;margin:0 auto;overflow: hidden;}
    .index4 .swiper-button-next,.index4 .swiper-button-prev{width: 24px;height: 60px;box-shadow: 0px 0px 10px 0px #eeeeee;border-radius: 3px;top:30vw;}
    .index4 .swiper-button-next{background: url(../images/icon-next.png) #fff center center no-repeat;right: 0px;background-size: 8px;}
    .index4 .swiper-button-prev{background: url(../images/icon-prev.png) #fff center center no-repeat;left: 0px;background-size: 8px;}
    .index4 .swiper-button-next:hover{background: url(../images/icon-next1.png) #004c8f center center no-repeat;background-size: 8px;}
    .index4 .swiper-button-prev:hover{background: url(../images/icon-prev1.png) #004c8f center center no-repeat;background-size: 8px;}
    

    



}