/* title */
.in_tit{position: relative;margin-bottom: 4vw;}
.in_tit .title{font-size: 2.5vw;font-weight: bold;color: #222;text-align: center;}
@media screen and (max-width:768px){
.in_tit .title{font-size: 3.5vw;}
}
@media screen and (max-width:520px){
.in_tit{margin-bottom: 30px;}
.in_tit .title{font-size:20px;}
}
 
/* banner */
.banner{position:relative;overflow:hidden;margin-top: 8.2vw;}
.banner .img img{width: 100%;}
.banner .info{position:absolute;top: 20%;left: 0;width: 100%;transform: translate(0% ,-50%);}
.banner .info .t1{font-size: 2.35vw;color: #333;font-weight: bold;margin-bottom: 15px;opacity: 0;}
.banner .info .t2{color: #333;font-size: .95vw;font-weight: bold;line-height: 1.5;opacity: 0;}
.banner .swiper-pagination{bottom: 5%;}
.banner .swiper-pagination-bullet{background: #333;width: 8px;height: 8px;opacity: 1;transition: all .6s;margin: 0 8px !important;}
.banner .swiper-pagination-bullet-active{background: #fff;width: 12px;height: 12px;}
.banner .swiper-slide-active .t1{animation: indbanDown 1s ease both 0.2s;}
.banner .swiper-slide-active .t2{animation: indbanDown 1s ease both 0.4s;}
@keyframes indbanDown {0%{opacity: 0;transform: translateY(-100px);}100%{opacity: 1;transform: translateY(0);}}
@media screen and (max-width:768px) {
.banner{margin-top: 76px;}
.banner .info{top: 35%;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 73px;}
.banner .info .t1{margin-bottom: 5px;font-size: 18px;}
.banner .info .t2{font-size: 12px;}
}


/* index1 */
.index1{overflow: hidden;padding: 90px 0;}
.index1 .cont{display: flex;align-items: center;justify-content: space-between;}
.index1 .cont .item{position:relative}
.index1 .cont .item::after{position: absolute;content: "";left: 0;top: 0;    width: 100%;height: 100%;background-color: #0000002b;z-index: 1;opacity: 0;transition:all .5s}
.index1 .cont .item .img img{width:100%;border-radius:6px}
.index1 .cont .item .t1{position:absolute;top:50%;left:50%;transform:translate(-50% ,-50%);z-index: 99;text-align: center;width: 100%;}
.index1 .cont .item .t1 p{color:#fff;font-size: 1.5vw;font-weight: bold;}
.index1 .cont .item .t1 img{margin-top: 1.5vw;width: 2.5vw;}
.index1 .cont .item:hover::after{opacity: 1;}
.index1 .cont .item .css3 {position: absolute;z-index: 9;left: 1em;top: 1em;right: 1em;bottom: 1em;}
.index1 .cont .item .border{position: absolute;z-index: 1;background-color: #fff;}
.index1 .cont .item .border.b_t {left: 0;right: 100%;top: 0;height: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .cont .item .border.b_r {top: 0;bottom: 100%;right: 0;width: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .cont .item .border.b_b {left: 0;right: 100%;bottom: 0;height: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .cont .item .border.b_l {top: 0;bottom: 100%;left: 0;width: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .cont .item:hover .b_t {left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .cont .item:hover .b_r {top: 1em;bottom: 1em;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .cont .item:hover .b_b {left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .cont .item:hover .b_l {top: 1em;bottom: 1em;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index1 .cont .left{width: 31.5%;}
.index1 .cont .right{display:flex;flex-wrap:wrap;width: 67%;justify-content:space-between;}
.index1 .cont .right .item{width: 49%;}
.index1 .cont .right .item:nth-child(1){width:100%;margin-bottom: 2%;}
 
@media only screen and (max-width:1080px){
.index1{padding: 60px 0;}
.index1 .cont .item .t1 img{width: 28px;}
.index1 .cont .item .t1 p{font-size: 2vw;}
}
@media only screen and (max-width:768px){
.index1 .cont{flex-wrap: wrap;}
.index1 .cont .item .t1 p{font-size: 2.8vw;}
.index1 .cont .left{width: 100%;margin-bottom: 2%;}
.index1 .cont .left .img{height: 60vw;}
.index1 .cont .left .img img{height: 100%;object-fit: cover;width: 100%;}
.index1 .cont .right{width: 100%;}
}
@media only screen and (max-width:580px){
.index1{padding: 30px 0;}
.index1 .cont .item .t1 img{width: 24px;margin-top: 12px;}
.index1 .cont .item .t1 p{font-size: 16px;}
.index1 .cont .item .img img{border-radius: 3px;}
.index1 .cont .left .img{height: 80vw;}
}


/* index2 */
.index2{padding: 90px 0;background: #E07E26;overflow: hidden;}
.index2 .cont{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.index2 .cont .left{width: 30%;}
.index2 .cont .left .in_tit{margin-bottom: 30px;}
.index2 .cont .left .in_tit .title{text-align: left;color: #fff;}
.index2 .cont .left .btn{border: 1px solid #fff;color: #fff;font-size: 0.8vw;text-align: center;width: 6.5vw;height: 2vw;line-height: 2vw;border-radius: 4px;transition: all .5s linear;}
.index2 .cont .left .btn:hover{color: #E07E26;box-shadow: inset 0 0 0 50px #fff;}
.index2 .cont .right{width:65%}
.index2 .cont .right .text{font-size: .95vw;color:#fff;line-height:2;}
@media only screen and (max-width:1080px){
.index2{padding: 60px 0;}
.index2 .cont .left .btn{width: 12vw;height: 4vw;line-height: 4vw;font-size: 1.5vw;}
.index2 .cont .right .text{font-size: 1.3vw;}
}
@media only screen and (max-width:768px){
.index2 .cont .left .btn{width: 12vw;height: 4vw;line-height: 4vw;}
.index2 .cont .right .text{font-size: 1.8vw;}
}
@media only screen and (max-width:580px){
.index2{padding: 30px 0;}
.index2 .cont .left{width: 100%;margin-bottom: 20px;}
.index2 .cont .left .in_tit{margin-bottom: 20px;}
.index2 .cont .left .btn{width: 95px;height: 30px;line-height: 30px;font-size: 13px;}
.index2 .cont .right{width: 100%;}
.index2 .cont .right .text{line-height: 26px;font-size: 13px;}
}



/* index3 */
.index3{background: #E5EBEF;padding: 90px 0;overflow: hidden;}
.index3 .btn{border:1px solid #e07e26;color:#e07e26;font-size:.8vw;text-align:center;width:6.5vw;height:2vw;line-height:2vw;border-radius:4px;transition:all .5s linear;margin-top: 40px;}
.index3 .btn:hover{color:#fff;box-shadow:inset 0 0 0 50px #e07e26}
.index3 .top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position: relative;}
.index3 .top::after{position: absolute;content: "";background: #fff;height: 100%;width: 20vw;right: -20vw;top: 0;}
.index3 .top .left{width:20%;position: absolute;}
.index3 .top .left .in_tit{margin-bottom: 40px;}
.index3 .top .left .in_tit .title{text-align:left}
.index3 .top .rd{display:grid}
.index3 .top .rd a{background:#fff;padding:1vw;margin-bottom:1vw;position: relative;border-radius: 4px;}
.index3 .top .rd a p{font-size:.86vw;color: #333;z-index: 9;position: relative;transition:all .5s;}
.index3 .top .rd a:before{content:" ";position:absolute;left:0%;top:0;width:0%;height:100%;transition:all .5s;z-index: 1;background: #E07E26;box-shadow: 8px 13px 10px rgb(0 0 0 / 24%);}
.index3 .top .rd a.active:before{width:100%;}
.index3 .top .rd a.active p{color: #fff;}
.index3 .top .rd a:nth-last-child(1){margin-bottom: 0;}
.index3 .top .right{width: 85%;background:#fff;margin: 0 auto;margin-right: 0;}
.index3 .top .right .hd{padding: 5vw 0vw 5vw 10vw;}
.index3 .top .right .hd .item .img{overflow: hidden;}
.index3 .top .right .hd .item .img img{transition: all .3s ease-in-out;}
.index3 .top .right .hd .item:hover .img img{transform:scale(1.03)}
.index3 .top .right .hd .item .info .t1{font-size:.88vw;color:#e07e26;margin: 1.5vw 0 1vw;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.index3 .top .right .hd .item .info .date{font-size:.8vw;display:flex;align-items:center}
.index3 .top .right .hd .item .info .date img{margin-right:6px}
.index3 .bom{margin-top: 90px;}
.index3 .bom ul{margin-bottom: 40px;}
.index3 .bom li{margin-bottom: 1vw;padding-bottom: 1vw;border-bottom:1px solid #c9c9c9;display:flex;justify-content:space-between;align-items:center;position: relative;}
.index3 .bom li:after{content:'';position:absolute;height: 1px;z-index:9;width:0;right: 0;transition: all .8s ease-in-out;bottom: 0;background: #E07E26;}
.index3 .bom li:hover:after{width: 100%;left: 0;right: auto;}
.index3 .bom li .img{border-radius:5px;overflow: hidden;position: relative;padding-bottom: 10%;height: 0;width: 30%;}
.index3 .bom li .img img{transition: all .3s;border-radius: 10px;height: 100%;object-fit: cover;width: 100%;position: absolute;}
.index3 .bom li .info{padding: 0 2vw;margin-right: 2vw;border-right: 1px solid #c9c9c9;}
.index3 .bom li .info .date{font-size:.85vw;font-weight:700}
.index3 .bom li .info .t1{margin-left:2vw;font-size:.88vw;color:#e07e26;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-weight:700}
.index3 .bom li .info .t2{font-size:.85vw;color:#434546;margin-top:10px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.index3 .bom li .bt{color:#e07e26;font-size: 2vw;font-weight: 100;}
.index3 .bom .btn{margin:0 auto}
@media only screen and (max-width:1080px){
.index3{padding: 60px 0;}
.index3 .btn{width: 12vw;height: 4vw;line-height: 4vw;font-size: 1.5vw;}
.index3 .top .rd a{padding: 1.3vw;}
.index3 .top .right .hd .item .info .t1{font-size: 1.5vw;}
.index3 .bom{margin-top: 60px;}
.index3 .bom li .info{width: 68%;}
.index3 .bom li .img{padding-bottom: 14%;}
.index3 .bom li .info .date{font-size: 1.4vw;}
.index3 .bom li .info .t1{font-size: 1.5vw;}
.index3 .bom li .info .t2{font-size: 1.4vw;}
.index3 .bom li .bt{font-size: 3vw;}
}
@media only screen and (max-width:768px){
.index3 .btn{width: 12vw;height: 4vw;line-height: 4vw;}
.index3 .top .rd a{padding: 1.6vw;}
.index3 .top .right .hd{padding: 4vw 0vw 4vw 8vw;}
.index3 .top .right .hd .item .info .t1{font-size: 1.8vw;}
.index3 .bom li .info{width: 68%;}
.index3 .bom li .info .date{font-size: 1.7vw;}
.index3 .bom li .info .t1{font-size: 1.8vw;}
.index3 .bom li .info .t2{font-size: 1.6vw;}
.index3 .bom li .bt{font-size: 4vw;}
}
@media only screen and (max-width:580px){
.index3{padding: 30px 0;}
.index3 .btn{width: 95px;height: 30px;line-height: 30px;font-size: 13px;}
.index3 .btn{margin-top: 20px;}
.index3 .top::after{display: none;}
.index3 .top .rd{display: flex;justify-content: space-between;}
.index3 .top .rd a{padding: 10px 20px;margin-bottom: 0;width: 36%;}
.index3 .top .rd a p{font-size: 13px;}
.index3 .top .left{width: 100%;position: initial;}
.index3 .top .left .in_tit{margin-bottom: 20px;}
.index3 .top .right{width: 100%;margin-left: 0;margin-top: 20px;}
.index3 .top .right .hd{padding: 4vw;}
.index3 .top .right .hd .item .info .t1{font-size: 14px;margin: 15px 0 10px;}
.index3 .top .right .hd .item .info .date{font-size: 12px;}
.index3 .bom{margin-top: 30px;}
.index3 .bom ul{margin-bottom: 30px;}
.index3 .bom li .img{width: 30%;padding-bottom: 20%;}
.index3 .bom li .img img{border-radius: 5px;}
.index3 .bom li .bt{display: none;}
.index3 .bom li .info{padding: 0 3vw;margin-right: 0;}
.index3 .bom li .info .date{font-size: 13px;}
.index3 .bom li .info .t1{font-size: 14px;margin-left: 0;color: #333;margin-top: 20px;}
.index3 .bom li .info .t2{display: none;}
}

/* index4 */
.index4{padding:90px 0;background:url(../images/in4_bg.jpg);background-size:cover}
.index4 .cn{font-size: 1.4vw;text-align:center;font-weight:700;color:#434546;}
.index4 .en{text-align:center;font-size: .95vw;color:#434546;margin-top:10px;}
.index4 .ul{display:flex;justify-content:center;flex-wrap:wrap;margin:40px 0 60px}
.index4 .ul li{margin:0 1.5vw}
.index4 .btn{background:#e07e26;color:#fff;font-size:0.8vw;text-align:center;margin:0 auto;border-radius:4px;transition: all .5s;width: 6.5vw;height: 2.15vw;line-height: 2.15vw;}
.index4 .btn:hover{box-shadow: 0px 13px 10px rgb(0 0 0 / 13%);transform: translateY(-6px);}
@media only screen and (max-width:1080px){
.index4{padding: 60px 0;}
.index4 .cn{font-size: 2.4vw;}
.index4 .en{font-size: 1.5vw;}
.index4 .btn{width: 12vw;height: 4vw;line-height: 4vw;font-size: 1.5vw;}
.index4 .ul li img{width: 16vw;}
}
@media only screen and (max-width:768px){
.index4 .btn{width: 12vw;height: 4vw;line-height: 4vw;}
}
@media only screen and (max-width:580px){
.index4{padding: 30px 0;background-position: bottom;}
.index4 .cn{font-size: 20px;}
.index4 .en{font-size: 12px;margin-top: 5px;}
.index4 .btn{width: 95px;height: 30px;line-height: 30px;}
.index4 .ul{margin: 30px 0;}
.index4 .ul li img{width: 110px;}
}