/* banner */
.banner{width:100%;overflow:hidden;position:relative;margin-top: 90px;}
.banner .img img{width: 100%;}
.banner .swiper-pagination{bottom: 5%;}
.banner .swiper-pagination-bullet{background: #000;width: 10px;height: 10px;border-radius: 50%;}
.banner .swiper-pagination-bullet-active{background: #fd8312;width: 60px;border-radius: 24px;}

@media (max-width:1080px){
.banner .swiper-pagination-bullet{}
.banner .swiper-pagination-bullet-active{width: 45px;}
}
@media (max-width:520px){
.banner{margin-top: 60px;}
.banner .swiper-pagination-bullet{width: 7px;height: 7px;}
.banner .swiper-pagination-bullet-active{width: 35px;}
}
 
 
/* index1 */
.index1{padding: 90px 0;}
.index1 .rd{display: flex;}
.index1 .rd a{width: 33.3%;height: 60px;line-height: 60px;text-align: center;color: #242424;box-shadow: -1px 5px 4px -1.13px rgb(0 0 0 / 17%);border-radius: 8px;font-size: 20px;transition: 0.5s;display: flex;align-items: center;justify-content: center;}
.index1 .rd a img{margin-right: 10px;}
.index1 .rd a.active{color: #fff;background-image: linear-gradient(to right, #BA3623 0%, #F3A354 52%, #BA3623 100%);background-size: 200% auto;transition: 0.5s;}
.index1 .rd a.active:hover{background-position: right center;}
.index1 .rd a.active img{filter: invert(1);}
.index1 .hd{margin-top: 60px;}
.index1 .hd .in1{padding: 10px 4px;}
.index1 .hd .item{text-align: center;box-shadow: 7px 5px 10px rgba(0,0,0,.1);padding: 40px 0;transition: all 0.3s;}
.index1 .hd .item:hover{transform: translateY(-10px);}
.index1 .hd .item .img{margin-bottom: 40px;}
.index1 .hd .item .img img{width: 90px;} 
.index1 .hd .item .text{}
.index1 .hd .item .text{}
.index1 .hd .item .text h3{color:#242424;font-size: 22px;}
.index1 .hd .item .text p{font-size: 16px;color:#333;margin-top: 10px;line-height:1.8;}
.index1 .hd .item .btn{margin:0 auto;margin-top:40px}
@media (max-width:1080px){
.index1{padding: 60px 0;}
.index1 .rd a{height: 50px;line-height: 50px;font-size: 18px;}
.index1 .hd{margin-top: 40px;}
.index1 .hd .item .img img{width: 85px;}
}
@media (max-width:768px){
.index1 .rd a{height: 45px;line-height: 45px;font-size: 16px;}
.index1 .hd .item{padding: 30px 0;}
.index1 .hd .item .img{margin-bottom: 30px;}
.index1 .hd .item .img img{width: 80px;}
.index1 .hd .item .text h3{font-size: 20px;}
.index1 .hd .item .btn{margin-top: 30px;}
}
@media (max-width:520px){
.index1{padding: 30px 0;}
.index1 .rd a{height: 35px;line-height: 35px;font-size: 13px;}
.index1 .rd a img{margin-right: 5px;width: 12px;}
.index1 .hd{margin-top: 20px;}
.index1 .hd .item{padding: 20px 0;}
.index1 .hd .item .img{margin-bottom: 20px;}
.index1 .hd .item .img img{width: 60px;}
.index1 .hd .item .text h3{font-size: 16px;}
.index1 .hd .item .text p{font-size: 12px;}
.index1 .hd .item .btn{margin-top: 20px;}
}



/* index2 */
.index2{position: relative;}
.index2 .cont{width: 55%;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to right, #ba362391 0%, #f3a354ba 52%, #ba362391 100%);}
.index2 .cont .info{padding: 80px 80px 60px 15%;}
.index2 .cont .img img{width: 100%;margin-bottom: 35px;}
.index2 .cont .text{font-size: 16px;color: #fff;line-height: 30px;text-indent: 24px;}
.index2 .cont .text a:hover{text-decoration: revert;}
@media (max-width:1550px){
.index2 .cont{width: 50%;}
.index2 .cont .info{padding: 60px 90px 40px 10%;}
}
@media (max-width:1440px){
.index2 .bg_img{height: 700px;}
.index2 .bg_img img{height: 100%;object-fit: cover;}
.index2 .cont{width: 50%;}
.index2 .cont .info{padding: 60px 90px 40px 10%;}
}
@media (max-width:1080px){
.index2 .bg_img{height: 700px;}
.index2 .bg_img img{height: 100%;object-fit: cover;}
.index2 .cont{width: 70%;}
.index2 .cont .img img{margin-bottom: 20px;}
.index2 .cont .info{padding: 40px 80px 40px 8%;}
.index2 .cont .text{font-size: 14px;}
}
@media (max-width:768px){
.index2 .bg_img{height: 650px;}
.index2 .cont{width: 80%;}
}
@media (max-width:520px){
.index2 .bg_img{display: none;}
.index2 .cont{width: 100%;position: initial;background-image: linear-gradient(to right, #ba3623 0%, #f3a354 100%, #ba3623 100%);}
.index2 .cont .img img{margin-bottom: 12px;}
.index2 .cont .info{padding: 25px;}
.index2 .cont .text{line-height:24px;font-size: 12px;}
}
	
 
/* index3 */
.index3{padding: 90px 0;position: relative;background: url(../images/in3_bg.jpg);background-size: cover;}
.index3 .item{display:flex;flex-wrap:wrap;align-items:center;background: #f5f5f5;}
.index3 .item .pic{width: 45%;height:600px;}
.index3 .item .pic img{width:100%;height: 100%;object-fit: cover;}
.index3 .item .info{width: 55%;}
.index3 .item .info .text{padding: 68px;}
.index3 .item .info .t1{font-size: 24px;color:#000;font-weight:700;}
.index3 .item .info .t2 p{text-indent:24px;line-height: 30px;margin-top:30px;font-size:16px;color:#000;}
.index3 .item .info .btn{margin-top:40px}
.index3 .in3{width: 90%;padding-bottom: 60px;}
.index3 .swiper-pagination{bottom: 0;}
.index3 .swiper-pagination-bullet{background: #000;width: 10px;height: 9px;border-radius: 50%;}
.index3 .swiper-pagination-bullet-active{background: #fd8312;width: 40px;border-radius: 24px;}
.index3 .swiper-button-prev{width: 45px;height: 45px;border-radius: 50%;border: 1px solid #AAAAAA;left: 8%;top: 55%;}
.index3 .swiper-button-next{width: 45px;height: 45px;border-radius: 50%;border: 1px solid #AAAAAA;right: 8%;top: 55%;}
.index3 .swiper-button-next:after, .index3 .swiper-button-prev:after{color: #AAAAAA;font-size: 18px;}
.index3 .swiper-button-next:hover, .index3 .swiper-button-prev:hover{border: 1px solid #fd8312;background: #fd8312;}
.index3 .swiper-button-next:hover:after, .index3 .swiper-button-prev:hover:after{color: #fff;}
@media (max-width:1440px){
.index3 .swiper-button-prev{left: 4%;}
.index3 .swiper-button-next{right: 4%;}
.index3 .item .info .text{padding: 40px;}
}
@media (max-width:1280px){
.index3 .item .info .text{padding: 40px;}
.index3 .item .info .t1{margin-bottom: 20px;}
.index3 .item .info .t2 p{margin-top: 10px;font-size: 13px;text-indent: 16px;line-height: 26px;}
}
@media (max-width:1080px){
.index3{padding: 60px 0;}
.index3 .in3{width: 100%;}
.index3 .swiper-button-prev{display: none;}
.index3 .swiper-button-next{display: none;}
}
@media (max-width:768px){
.index3 .item .pic{width: 100%;height: auto;}
.index3 .item .info{width: 100%;}
}
@media (max-width:520px){
.index3{padding:30px 0}
.index3 .in3{padding-bottom: 40px;}
.index3 .swiper-pagination{display: block;}
.index3 .swiper-pagination-bullet{height: 7px;width: 7px;}
.index3 .swiper-pagination-bullet-active{width: 30px;}
.index3 .item .pic{height: 230px;}
.index3 .item .info .text{padding:20px}
.index3 .item .info .t1{font-size:18px;margin-bottom:15px}
.index3 .item .info .t2 p{margin-top: 6px;}
.index3 .item .info .btn{margin-top:20px}
}

/* index4 */
.index4{padding: 90px 0;background: #F5F5F5;overflow: hidden;}
.index4 .in4_tit{justify-content: center;align-items: center;margin-bottom: 60px;}
.index4 .in4_tit .nei_tit{margin-bottom: 0;}
.index4 .img{text-align: center;background: #fff;}
.index4 .img img{transition: all .6s linear;}
.index4 .img:hover img{transform: rotateY(180deg);}
.index4 .in4{padding-bottom: 60px;}
.index4 .swiper-pagination{bottom: 0;display: none;}
.index4 .swiper-pagination-bullet{background: #000;width: 10px;height: 9px;border-radius: 50%;}
.index4 .swiper-pagination-bullet-active{background: #fd8312;width: 40px;border-radius: 24px;}
.index4 .btn{margin: 0 auto;}
@media (max-width:1080px){
.index4{padding: 60px 0;}
.index4 .in4_tit{margin-bottom: 40px;}
}
@media (max-width:768px){
.index4{padding: 40px 0;}
}
@media (max-width:520px){
.index4{padding: 30px 0;}
.index4 .in4_tit{margin-bottom: 20px;}
.index4 .in4{padding-bottom: 40px;}
.index4 .img{text-align: center;width: 88%;}
.index4 .swiper-pagination{display: block;}
.index4 .swiper-pagination-bullet{height: 7px;width: 7px;}
.index4 .swiper-pagination-bullet-active{width: 30px;}
.index4 .btn{margin: 0 auto;margin-top: 20px;}
}

/* index5 */
.index5{padding: 90px 0;background: #F7F8FA;overflow: hidden;}
.index5 .odcontent{background: #fff;padding-top: 15px;}
.index5 .in5{border-top: 1px solid #E5E5E5;padding:4px;}
.index5 .item{border-right: 1px solid #E5E5E5;padding: 35px;transition: all 0.3s;}
.index5 .item:hover{box-shadow: 7px 5px 10px rgba(0,0,0,.1);}
.index5 .item .info .t1{color:#fd8312;font-size:16px;display:flex;align-items:center}
.index5 .item .info .t1 img{margin-right:6px;width:16px}
.index5 .item .info .t2{font-size:20px;color:#000;margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.index5 .item .info .btn{margin-top:68px}
.index5 .item .pic{margin-top:40px;overflow: hidden;padding-bottom: 35px;border-bottom: 1px solid #ddd;position: relative;}
.index5 .item .pic::after{transition:all .5s;content:"";display:inline-block;width:0%;height:1px;background:#fd8312;position:absolute;bottom:0px;right:0}
.index5 .item .pic img{width:100%;transition: all .6s ease;}
.index5 .item:hover .pic img{transform: scale(1.06);}
.index5 .item:hover .pic::after{width:100%;left:0;right:auto}
.index5 .in5{padding-bottom: 60px;}
.index5 .swiper-pagination{bottom: 20px;}
.index5 .swiper-pagination-bullet{background: #000;width: 10px;height: 9px;border-radius: 50%;}
.index5 .swiper-pagination-bullet-active{background: #fd8312;width: 40px;border-radius: 24px;}
@media (max-width:1080px){
.index5{padding: 60px 0;}
.index5 .item .info .btn{margin-top: 40px;}
}
@media (max-width:768px){
.index5 .item{padding: 30px;}
.index5 .item .info .t2{font-size: 18px;}
.index5 .item .info .btn{margin-top: 25px;}
.index5 .item .pic{margin-top: 25px;padding-bottom: 30px;}
}
@media (max-width:520px){
.index5{padding: 30px 0;padding-top: 0;}
.index5 .odcontent{padding-top: 30px;}
.index5 .item{padding: 20px;}
.index5 .item .info .t1{font-size: 14px;}
.index5 .item .info .t1 img{margin-right: 4px;width: 14px;}
.index5 .item .info .t2{font-size: 15px;margin-top: 10px;line-height: 1.7;}
.index5 .item .info .btn{margin-top: 15px;}
.index5 .item .pic{margin-top: 15px;padding-bottom: 20px;}
.index5 .in5{padding-bottom: 40px;}
.index5 .swiper-pagination{display: block;}
.index5 .swiper-pagination-bullet{height: 7px;width: 7px;}
.index5 .swiper-pagination-bullet-active{width: 30px;}
}