@charset "utf-8";
/* ===================首页样式========================== */
.banner{position: relative;}
.banner-lun{position: relative;overflow: hidden;}
.banner-lun>img{width: 100%;}
.banner-lun .content{position: absolute;width: 100%;top: 0px;left: 0px;align-items: center;height: 100%;display: flex;}

.banner-lun .content .contain{display: flex;justify-content: center;align-items: center;margin-bottom: 250px;opacity: 0;transform: translateY(120px);transition: all 1s ease 1s;}
.swiper-slide-active .banner-lun .content .contain{opacity: 1;transform: translateY(0);}
.swiper-slide-active.oneSlide .banner-lun .content .contain{transition-delay: 0s;}
.banner .pages{position: absolute;bottom: 70px;width: 100%;display: flex;justify-content: center;height: 1px;}
.banner .swiper-btn{position: absolute;z-index: 1;bottom: 38px;}
.banner .swiper-btn.prev{left: 40%;}
.banner .swiper-btn.next{right: 40%;}
.indgy-cont{width: 100%;}
.indgy-cont .cont-l .indgy-content{text-align: justify;text-indent: 2em;}
.indgy-cont .cont-l{width: 50%;padding: 75px 100px 0px 320px;}
.indgy-cont .cont-r{width: 50%;}
.indgy-cont .cont-r>img{width: 100%;height: 100%;}
.indgy-cont .cont-r a{position: relative;}
.indgy-cont .cont-r .show{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;top: 0px;left: 0px;opacity: 0;transition: all .4s ease;}
.indgy-cont .cont-r .show>div{width: 75px;height: 75px;border: 1px solid #fff;display: flex;justify-content: center;align-items: center;border-radius: 100px;padding-left: 5px;}
.indgy-cont .cont-r .show i{color: #fff;font-size: 24px;}
.indgy-cont .cont-r:hover .show{opacity: 1;}
.indgy-bg{position: absolute;top: 15px;z-index: -1;animation: citymove 30s linear infinite;width: 100%;height: 280px;background: url('../images/index/indgy-bg.png') center/ contain;background-repeat: repeat-x;}
@keyframes citymove{0%{background-position:1920px 0;}100%{background-position:0px 0px;}}
.CommonBtn{display: flex;color: #f08200;font-size: 16px;font-weight: bold;align-items: center;width: fit-content;}
.CommonBtn .img{position: relative;margin-left: 20px;z-index: 2;display: flex;align-items: center;width: 37px;}
.CommonBtn .img::before{content: "";background-color: #f08200;border-radius: 100px;z-index: -1;position: absolute;transform: translateY(-50%);top: 50%;transition: all .4s ease;width: 27px;height: 27px;right: -5px;}
.CommonBtn:hover .img::before{width: 47px;}
.CommonBtn .img .bt1{position: absolute;z-index: 1;left: 0px;top: 50%;transform: translateY(-50%);}
.CommonBtn .img div img{width: 37px;max-width: 37px;transition: all .4s ease;}
.CommonBtn .img div{overflow: hidden;width: 15px;display: flex;align-items: center;z-index: 1;transition: all .4s ease;}
.CommonBtn .img div{margin-left: 0px;}
.CommonBtn .img div img{margin-left: 0px;}
.CommonBtn:hover .img div{width: 0px;}
.indcp{background: url(../images/index/indcp-bg.png)center no-repeat;background-size: cover;}
.indcp-cont{width: 100%;}
.indcp-cont .cont-l{width: 26%;}
.indcp-cont .cont-r{width: 73%;display: flex;justify-content: center;align-items: center;}
.indcp .CommonTitle .text{color: #9db8d5;}
.indcp-list a{margin-bottom: 8px;display: flex;transition: all .4s ease;position: relative;padding-top: 10px;}
.indcp-list a:last-child{margin-bottom: 0px;}
.indcp-list a.active,.indcp-list a:hover{color: #f08200;}
.indcp-list a::before{content: "";position: absolute;top: 0px;left: 0px;width: 0%;height: 3px;background-color: #f08200;transition: all .4s ease;}
.indcp-list a.active::before,.indcp-list a:hover::before{width: 100%;}
.indcp-lt{width: 540px;}
.indcp-content{display: none;}
.indcp-content.active{display: block;}
.indcp-content .text{text-align: justify;text-indent: 2em;}
/* .indcp-content .img{height: 430px;} */
.indcp-content .img img{max-height: 430px;}
.indcp-content .btn{display: flex;width: 160px;height: 50px;background-color: #f08200;border-radius: 30px;justify-content: center;align-items: center;transition: all .4s ease;}
.indcp-content .btn i{margin-left: 15px;font-weight: bold;}
.indcp-content .btn:hover{box-shadow: 0px 0px 18px 0px rgba(240, 130, 0, 0.52);}
.indxw .CommonTitle{position: relative;}
.indxw .CommonTitle .CommonBtn{position: absolute;right: 0px;bottom: 10px;}
.indxw-list{margin-right: -30px;}
.indxw-list .list-muen{width: calc(100%/4 - 30px);margin-right: 30px;position: relative;}
.indxw-list .list-muen a{display: block;width: 100%;border: 1px solid #dddddd;padding: 48px 30px 20px;background-color: #fff;}
.indxw-list .list-muen .name{color: #f08200;position: relative;z-index: 1;}
.indxw-list .list-muen .title{transition: all .4s ease;position: relative;z-index: 1;}
.indxw-list .list-muen .text{position: relative;z-index: 1;transition: all .4s ease;}
.indxw-list .list-muen .data{position: relative;z-index: 1;transition: all .4s ease;}
.indxw-list .list-muen .data i{display: inline-block;margin-right: 5px;}
.indxw-list .list-muen:hover .title{color: #f08200;}
.indxw-list .list-muen:hover .data{color: #fff;}
.indxw-list .list-muen:hover .text{color: #fff;}
.indxw-list .list-muen:hover .bg{opacity: 1;}
.indxw-list .list-muen .bg{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;opacity: 0;transition: all .4s ease;}
.indxw-list .list-muen .bg>img{width: 100%;height: 100%;}
.indxw-list .list-muen .bg::before{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.indxw-yq{display: flex;align-items: center;}
.indxw-yq .text{margin-right: 50px;white-space: nowrap;}
.indxw-yq a{margin-right: 60px;display: block;}
.indxw-yq a:last-child{margin-right: 0px;}
.indxw-yq img{max-height: 60px;}
.indxw-bg{position: absolute;right: -720px;top: 0px;z-index: -1;width: 1235px;height: 1235px;}
.indxw-bg .bg1{top: 0px;left: 0px;border-radius: 100%;border: 1px dashed #dddddd;width: 100%;height: 100%;}
.indxw-bg .bg2{width: 100%;height: 100%;animation: greeting3-rotate 20s linear infinite; }
.indxw-bg .bg2::after{content: "";position: absolute;width: 11px;height: 11px;background: #f08200;border-radius: 100px;top: 130px;left: 225px;}
@keyframes greeting3-rotate {0% {transform: rotate(-70deg);}50% {transform: rotate(30deg);}100% {transform: rotate(-70deg);}}
.CommonTitle .text{color: #ddd;}
.swiper-btn.lty a i{color: #fff;font-size:30px;}
.swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 100%;border: 1px solid #fff;background: rgba(0, 0, 0, 0);opacity: 1;margin: 0px 20px;}
.swiper-pagination-bullet-active {opacity: 1;background: #fff;}
.indcp-content .img {display: flex;justify-content: center;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indgy-cont .cont-l {padding: 25px 100px 0px 180px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indgy-bg {height: 165px;}
    .indgy-cont .cont-l {padding: 10px 35px 0px 135px;}
}
@media all and (max-width:1140px) {
    /* 1024 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-lun>img{min-height: 500px;}
    .indgy-cont .cont-l{width: 100%;padding: 0px 4%;margin-bottom: 15px;}
    .indgy-cont .cont-r{width: 100%;margin: 0px 4%;}
    .indcp-content .img img {max-height: 200px;}
    .indcp-lt {width: 385px;}
    .indcp-content .btn {width: 145px;height: 40px;}
    .indxw-list{margin-right: -15px;margin-bottom: -15px;}
    .indxw-list .list-muen {width: calc(100%/2 - 15px);margin-right: 15px;margin-bottom: 15px;}
    .banner-lun .content .contain {margin-bottom: 170px;}
    .banner .swiper-btn{display: none;}
    .indgy-bg {height: 115px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-lun .content{align-items: flex-start;padding-top: 140px;}
    .banner-lun>img{min-height: 400px;}
    .indgy{padding-top: 30px;}
    .indgy-bg {height: 50px;top: 20px;}
    .indcp-cont .cont-l{width: 100%;margin-bottom: 15px;}
    .indcp-cont .cont-r{width: 100%;}
    .indcp-lt{width: 100%;}
    .indcp-content .img img {max-height: 150px;}
    .indxw-list .list-muen {width: calc(100%/1 - 15px);}
    .indxw-list .list-muen a{padding: 15px;}
    .indxw-yq {flex-wrap: wrap;}
    .indxw-yq .text{width: 100%;}
    .indxw-yq a{margin-right: 0px;width: calc(100%/3);margin-bottom: 10px;display: flex;justify-content: center;padding: 15px;}
    .banner-lun .content .contain {margin-bottom: 0px;}
    .swiper-pagination-bullet {margin: 0px 5px;}
    .banner .pages {bottom: 30px;}
    .indgy-cont .cont-r .show{opacity: 1;}
    .indgy-cont .cont-r .show i {font-size: 18px;}
    .indgy-cont .cont-r .show>div {width: 60px;height: 60px;}
    .indcp-content{margin-top: 20px;}
}