/* title */
.in_tit{position: relative;padding-bottom: 40px;text-align: center;}
.in_tit .icon{margin-bottom: 10px;}
.in_tit .title{font-size: 30px;color: #666;}
.in_tit .tit{font-size: 16px;color: #666;margin-top: 8px;text-transform: uppercase;}
 
@media screen and (max-width:1080px){
.in_tit{padding-bottom: 25px;}
.in_tit .title{font-size: 24px;}
.in_tit .tit{font-size: 14px;margin-top: 4px;}
}
@media screen and (max-width: 520px){
.in_tit{padding-bottom: 15px;}
.in_tit .icon{margin-bottom: 5px;}
.in_tit .icon img{width: 20px;}
.in_tit .title{font-size: 19px;}
.in_tit .tit{font-size: 12px;margin-top: 0;}
}

/* banner */
.banner{width:100%;overflow:hidden;transition: .3s all;margin-top: 162px;}
.banner.ban{margin-top: 80px;}
.banner.mo{display: none;}
.banner .swiper-slide{width:100%;overflow:hidden}
.banner .swiper-slide .img{width:100%;}
.banner .swiper-slide .img img{width: 100%;}
.banner .swiper-button-next{width: 36px;height: 60px;background: #000000a3;right: 2%;}
.banner .swiper-button-prev{width: 36px;height: 60px;background: #000000a3;left: 2%;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 22px;color: #fff;}
@media only screen and (max-width:1080px){
.banner{margin-top: 82px;}
.banner.ban{margin-top: 82px;}
.banner.pc{display: none;}
.banner.mo{display: block;}
.banner .swiper-button-next{width: 30px;height: 50px;}
.banner .swiper-button-prev{width: 30px;height: 50px;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 20px;}
}
@media only screen and (max-width:520px){
.banner{margin-top: 62.5px;}
.banner.ban{margin-top:62.5px;}
.banner .swiper-button-next{width: 25px;height: 40px;}
.banner .swiper-button-prev{width: 25px;height: 40px;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 15px;}
}

/* in_nav */
.in_nav{margin: 20px 0 0px;display: none;}
.in_nav li{margin-bottom: 10px;width:calc(48% - 2px);border: 1px solid #d0d0d0;border-radius: 2px;text-align: center;line-height: 35px;}
.in_nav li a{color: #3e3e3e;font-size: 15px;}
@media only screen and (max-width:520px){
.in_nav{display: block;}
}

/* index1 */
.index1{padding: 80px 0 0;}
.index1 .in_tit{padding-bottom: 30px;}
.index1 .nav_tit{margin-bottom: 20px;}
.index1 .nav_tit .t1{font-size: 21px;margin-bottom: 6px; color: #707070;font-weight: bold;text-align: center;}
.index1 .nav_tit .ul{justify-content: center;}
.index1 .nav_tit .ul li{font-size: 16px;color: #707070;position: relative;padding: 0 10px;}
.index1 .nav_tit .ul li::after{position: absolute;content: "";right: 0;height: 80%;background: #707070;width: 1px;top: 15%;}
.index1 .nav_tit .ul li:nth-last-child(1)::after{display: none;}
.index1 .cont{background-color: #F1F1F1;padding: 80px 0;}
.index1 .cont li{width: 15%;margin-right: 2%;transition: all .3s;}
.index1 .cont li:nth-child(6){margin-right: 0;}
.index1 .cont li:hover{box-shadow: 0 0px 10px rgba(0,0,0,0.86);transform: translateY(-1vw);}
@media only screen and (max-width:1080px){
.index1{padding: 50px 0 0;}
.index1 .in_tit{padding-bottom: 20px;}
.index1 .nav_tit .t1{font-size: 18px;}
.index1 .nav_tit .ul li{font-size: 14px;}
.index1 .cont{padding: 50px 0 35px;}
}
@media only screen and (max-width:768px){
.index1 .cont li{width: 30.6667%;margin-right: 4%;}
.index1 .cont li:nth-child(3n+3){margin-right: 0;margin-bottom: 4%;}
}
@media only screen and (max-width:520px){
.index1{padding: 25px 0 0;}
.index1 .in_tit{padding-bottom: 15px;}
.index1 .nav_tit{margin-bottom: 10px;}
.index1 .nav_tit .t1{font-size: 16px;}
.index1 .nav_tit .ul li{font-size: 12px;margin-bottom: 5px;}
.index1 .nav_tit .ul li:nth-last-child(4)::after{display: none;}
.index1 .cont{padding: 25px 0 15px;}
}

/* index2 */
.index2{padding: 80px 0;}
.index2 .swiper-slide .img{overflow: hidden;}
.index2 .swiper-slide .img img{transition: all 0.5s;}
.index2 .swiper-slide:hover .img img{transform: scale(1.04);}
.index2 .swiper-slide .text{background-color: #666666;padding: 20px 10px;}
.index2 .swiper-slide .text p{font-size: 18px;color: #fff;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index2 .swiper-button-next{width: 40px;height: 60px;background: #000000a3;right: 30%;}
.index2 .swiper-button-prev{width: 40px;height: 60px;background: #000000a3;left: 30%;}
.index2 .swiper-button-next:after,.index2 .swiper-button-prev:after{font-size: 20px;color: #fff;}
@media only screen and (max-width:1080px){
.index2{padding: 50px 0;}
.index2 .swiper-slide .text{padding: 10px;}
.index2 .swiper-slide .text p{font-size: 16px;}
}
@media only screen and (max-width:520px){
.index2{padding: 25px 0;}
.index2 .swiper-slide .text{padding: 8px;}
.index2 .swiper-slide .text p{font-size: 13px;}
.index2 .swiper-button-next{width: 25px;height: 40px;right: 5%;}
.index2 .swiper-button-prev{width: 25px;height: 40px;left: 5%;}
.index2 .swiper-button-next:after,.index2 .swiper-button-prev:after{font-size: 15px;}
}

/* index3 */
.index3{overflow: hidden;}
.index3 .cont{padding: 80px 0;background: url(../images/in3_bg.jpg);background-size: cover;}
.index3 .cont .flx_w{padding-right: 120px;}
.index3 .cont .left{width: 55%;}
.index3 .cont .left .text p{font-size: 17px;color: #333;text-indent: 2em;margin-bottom: 20px;line-height: 30px;}
.index3 .cont .left .text p:nth-last-child(1){margin-bottom: 0;}
.index3 .cont .left ul{margin-top: 60px;}
.index3 .cont .left li{width: 33.3%;text-align: center;}
.index3 .cont .left li .icon{margin-bottom: 10px;}
.index3 .cont .left li .icon img{width: 50px;}
.index3 .cont .left li:hover .icon img{animation: shake 0.4s ease;}
.index3 .cont .left li h4{font-size: 19px;color: #333;}
@keyframes shake{0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
@media only screen and (max-width:1280px){
.index3 .cont .flx_w{padding-right: 60px;}
}
@media only screen and (max-width:1080px){
.index3 .cont{padding: 50px 0;}
.index3 .cont .flx_w{padding-right: 20px;}
.index3 .cont .left .text p{font-size: 16px;}
.index3 .cont .left ul{margin-top: 40px;}
.index3 .cont .left li .icon img{width: 40px;}
.index3 .cont .left li h4{font-size: 16px;}
}
@media only screen and (max-width:768px){
.index3 .cont .flx_w{padding-right: 0px;}
.index3 .cont .left{width: 100%;}
.index3 .cont .right{width: 100%;text-align: center;margin-top: 40px;}
}
@media only screen and (max-width:520px){
.index3 .cont{padding:25px 0;}
.index3 .cont .left .text p{font-size: 14px;margin-bottom: 8px;line-height: 26px;}
.index3 .cont .left ul{margin-top: 20px;}
.index3 .cont .left li .icon img{width: 34px;}
.index3 .cont .left li h4{font-size: 12px;}
.index3 .cont .right img{width: 60%;}
}

/* index4 */
.index4{padding: 80px 0 0;}
.index4 .w1600{position: relative;}
.index4 .item .info{padding: 40px 30px 130px 30px ;}
.index4 .item .info .t1{margin-bottom: 15px;padding-bottom: 15px;position: relative;}
.index4 .item .info .t1 p{font-size: 20px;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index4 .item .info .t1::after{position: absolute;content: "";left: 0;height: 2px;background: #000;width: 80px;bottom: 0;}
.index4 .item .info .text{font-size: 14px;line-height: 25px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.index4 .item .info .text .date{display: flex;flex-wrap: wrap;float: left;}
.index4 .item .info .text .date em{width: 78%;font-size: 40px;color: #000;background-color: #E2E2E2;text-align: center;padding: 10px 0px;}
.index4 .item .info .text .date span{width: 78%;font-size: 14px;color: #fff;background-color: #DB0508;text-align: center;}
.index4 .item .img{overflow: hidden;padding: 0 30px;transform: translateY(-5vw);}
.index4 .item .img img{transition: all 0.5s;}
.index4 .item:hover .img img{transform: scale(1.04);}
.index4 .item:hover .info{background-color: #808080;}
.index4 .item:hover .info .t1 p{color: #fff;}
.index4 .item:hover .info .t1::after{background: #fff;}
.index4 .item:hover .info .text{color: #fff;}
.index4 .item:hover .info .text .date em{background-color: #fff;}
.index4 .swiper-button-next{right: 38%;}
.index4 .swiper-button-prev{left: 38%;}
.index4 .swiper-button-next:after,.index4 .swiper-button-prev:after{font-size: 36px;color: #666666;font-weight: bold;}
@media only screen and (max-width:1440px){
.index4 .item .info{padding: 40px 30px 110px 30px;}
}
@media only screen and (max-width:1280px){
.index4 .item .info{padding: 40px 30px 90px 30px;}
}
@media only screen and (max-width:1080px){
.index4{padding: 50px 0 0;}
.index4 .item .info{padding: 40px 30px 80px 30px;}
.index4 .item .info .t1 p{font-size: 18px;}
.index4 .item .info .text .date em{font-size: 36px;}
.index4 .swiper-button-next{right: 30%;}
.index4 .swiper-button-prev{left: 30%;}
.index4 .swiper-button-next:after,.index4 .swiper-button-prev:after{font-size: 30px;}
}
@media only screen and (max-width:768px){
.index4 .item .info{padding: 25px 20px 60px 20px;}
.index4 .item .img{padding: 0 20px;transform: translateY(0vw);}
}
@media only screen and (max-width: 520px){
.index4{padding: 25px 0;}
.index4 .in4{width: 90%;}
.index4 .item .info{padding: 18px;background-color: #808080;}
.index4 .item .info .t1::after{background: #fff;width: 60px;}
.index4 .item .info .t1 p{font-size: 16px;color: #fff;}
.index4 .item .info .text{color: #fff;font-size: 13px;line-height: 22px;}
.index4 .item .info .text .date em{font-size: 28px;background-color: #fff;}
.index4 .item .info .text .date span{font-size: 12px;}
.index4 .item .img{padding: 0;}
.index4 .item .img img{transform: scale(1.04);}
.index4 .swiper-button-next{right: 15%;}
.index4 .swiper-button-prev{left: 15%;}
.index4 .swiper-button-next:after,.index4 .swiper-button-prev:after{font-size: 22px;}
}