@charset "utf-8";
/*首页banner样式*/
#pc-banner{margin-top: 39px;}
.slick-banner{position: relative;}
.slick-banner .slick-arrow{position: absolute;z-index: 99;width: 60px;height: 60px;margin-top: -30px;top: 50%;background-color: rgba(0, 0, 0, 0.3);background-repeat: no-repeat;background-size: auto;background-image: url(../images/xyin-banner-jt.png);border-radius: 90px;cursor: pointer;outline: none;border: none;font-size: 0;opacity: 0;-webkit-transition: all .5s;transition: all .5s;}
.slick-banner .slick-arrow.slick-prev{left: 7.8125%; background-position: 0 0;}
.slick-banner .slick-arrow.slick-next{right: 7.8125%; background-position: -60px 0;}
.slick-banner .slick-arrow:hover{background-color: rgba(0, 0, 0, 0.5);}
.slick-banner .slick-dots{position: absolute;left: 0;right: 0;text-align: center;font-size: 0;z-index: 9;bottom: 20px;}
.slick-banner .slick-dots li{display: inline-block;margin: 0 8px;width: 12px;height: 12px;border-radius: 50%;background: #fff;cursor: pointer;transition: all .5s;}
.slick-banner .slick-dots li button{background: none; outline: none; border: none; font-size: 0;}
.slick-banner .slick-dots li.slick-active{background: #014da1;}
.slick-banner .img img{width: 100%;}
.slick-banner .slick-con{position: relative;}
.slick-banner:hover .slick-arrow{opacity: 1;}
#mob-banner{display: none;}
#mob-banner.slick-banner .slick-dots{bottom: .08rem;}
#mob-banner.slick-banner .slick-dots li{width: .08rem;height: .08rem;margin: 0 .03rem;}
@media (max-width: 990px){#pc-banner{display: none;}
#mob-banner{display: block;}}
/*首页标题*/
.index-tit{position: relative;padding-bottom: 4px;}
.index-tit:after{content: " ";position: absolute;left: 0;width: 105px;height: 4px;background: #e14141;}
.index-tit .en{color: #e7e7e7;font-size: 90px;line-height: 75px;font-family: "Impact";letter-spacing: 8px;}
.index-tit .cn{position: absolute;top: 45px;color: #343434;font-size: 40px;letter-spacing: 3px;}
.index-tit p{color: #4b4b4b;font-size: 24px;padding: 40px 0;opacity: .9;}
@media screen and (max-width: 1400px){.index-tit .en{font-size: 68px;line-height: 58px;letter-spacing: 3px;}
.index-tit:after{width: 75px;}
.index-tit .cn{top: 35px;font-size: 30px;letter-spacing: 1px;}
.index-tit p{font-size: 18px;padding: 30px 0;}}
@media screen and (max-width: 1279px){.index-tit .en{font-size: 60px;line-height: 50px;letter-spacing: 1px;}
.index-tit .cn{top: 30px;font-size: 26px;letter-spacing: 0;}
.index-tit p{font-size: 16px;padding: 20px 0;}}
@media screen and (max-width: 990px){.index-tit .en{font-size: 40px;line-height: 50px;letter-spacing: 1px;}
.index-tit:after{left: 50%;margin-left: -37.5px;}
.index-tit .cn{width: 100%;top: 30px;font-size: 22px;}
.index-tit p{font-size: 15px;padding: 15px 0;}}
@media screen and (max-width: 768px){
.index-tit .en{font-size: 34px;}
.index-tit .cn{font-size: 20px;}
}
/*首页标题*/
.index-head{position: relative;text-align: center;}
.index-head .en{position: relative;color: #f4f4f4;font-size: 90px;line-height: 74px;font-family: "Impact";text-transform: uppercase;letter-spacing: 8px;}
.index-head .en:after{content: " ";position: absolute;left: 0;bottom: 0;width: 100%;height: 55%;background: #fff;}
.index-head .cn{position: absolute;top: 35%;width: 100%;color: #343434;font-size: 40px;letter-spacing: 3px;}
.index-head .cn:before,.index-head .cn:after{content: " ";position: absolute;top: 60%;left: 0;margin-top: -1px;width: 38%;height: 2px;background: #eeeef0;}
.index-head .cn:after{left: auto;right: 0;}
.index-head p{color: #4b4b4b;font-size: 20px;opacity: .9;padding-top: 3%;}
@media screen and (max-width: 1024px){
.index-head{text-align: center;}
.index-head .en{font-size: 70px;line-height: 58px;letter-spacing: 5px;}
.index-head .cn{font-size: 32px;letter-spacing: 2px;}
.index-head p{font-size: 16px;}}
@media screen and (max-width: 768px){
.index-head .en{font-size: 36px;line-height: 30px;letter-spacing: 3px;}
.index-head .en:after{height: 52%;}
.index-head .cn{top: 32%;font-size: 20px;letter-spacing: 0;}
.index-head .cn:before, .index-head .cn:after{width: 30%;}
.index-head p{font-size: 15px;padding-top: 5%;}}
/*推荐产品*/
.index-pro{position: relative;padding: .38rem 0;line-height: 1;}
.index-pro *{transition: all .5s;}
.index-pro ul{margin-top: 0;}
.index-pro ul li{position: relative;float:left;width: 31.33%;margin-top: 3%;margin-right: 3%;}
.index-pro ul li:nth-child(3n){margin-right: 0;}
.index-pro ul li a .img{display: block;width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.index-pro ul li a .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;transition: all .5s;}
.index-pro ul li a p{color: #3d3d4c;font-size: 18px;line-height: 33px;padding: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f1f1f1;}
.index-pro ul li a p span{display: block;color: #b4b4b8;}
.index-pro ul li a:hover .img img{transform: scale(1.1);}
@media screen and (max-width: 1400px){.index-pro ul li a p{font-size: 16px;line-height: 30px;padding: 15px;}}
@media screen and (max-width: 1024px){.index-pro ul li a p{font-size: 15px;line-height: 28px;padding: 13px;}}
@media screen and (max-width: 768px){.index-pro{padding: .3rem 0;}
.index-pro ul{margin-top: .1rem;}
.index-pro ul li{float:left;width: 48%;}
.index-pro ul li:nth-child(3n){margin-right: 3%;}
.index-pro ul li:nth-child(2n){margin-right: 0;}
.index-pro ul li a p{font-size: .12rem;line-height: .3rem;padding: 0 .1rem;text-align: center;}
.index-pro ul li a p span{display: none;}}
/*关于我们*/
.index-about{position: relative;padding-top: .4rem;padding-bottom: .55rem;background: #f1f1f1;line-height: 1;}
.index-about *{transition: all .5s;}
.index-about .bg{position: absolute!important;left: 50%;top: 0;max-width: 1920px;width: 100%;height: 100%;transform: translateX(-50%);-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;pointer-events: none!important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.index-about-contain{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: start;align-content: flex-start;}
.index-about-contain:after{display: none;}
.index-about-contain .intro{width: 740px;max-width: 53.5%;}
.index-about-contain .intro .imax{margin-top: 30px;font-size: 16px;color: #4b4b4b;line-height: 35px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-align: justify;}
.index-about .number{width: 100%;padding-top: 55px;}
.index-about .number li{float:left;width: 33.33%;color: #ffc295;text-align: center;}
.index-about .number li:first-child{padding-right: 13%;}
.index-about .number li:last-child{padding-left: 5%;}
.index-about .number li p{color: #5d5d5d;font-size: 18px;padding-top: 30px;}
.index-about .number li h3{display: inline-block;font-size: 66px;line-height: 50px;font-family: Arial;}
.index-about .number li b{display: inline-block;font-size: 36px;line-height: 30px;}
.index-about-contain .videoBox{position: relative;max-width: 42.5%;width: 770px;}
.index-about-contain .videoBox .pic{position: relative;display: block;width: 100%;height: 0;padding-bottom: 89.83%;}
.index-about-contain .videoBox .pic:after{content: " ";position: absolute;top: 2%;left: 2%;width: 100%;height: 100%;background: #004fa6;box-shadow: -0.05rem 30px 20px -20px rgba(0,0,0,.5);}
.index-about-contain .videoBox .pic > img{position: absolute;left: 0;top: 0;z-index: 1;border-radius: inherit;width: 100%;height: 100%;border: 3px solid #fff;}
@media screen and (max-width: 1400px){.index-about-contain .intro .imax{margin-top: 25px;font-size: 15px;line-height: 33px;}
.index-about .number{padding-top: 45px;}
.index-about .number li h3{font-size: 50px;line-height: 40px;}
.index-about .number li p{font-size: 16px;padding-top: 20px;}}
@media screen and (max-width: 1279px){.index-about-contain .intro .imax{margin-top: 20px;font-size: 13px;line-height: 30px;}
.index-about .number{padding-top: 35px;}
.index-about .number li h3{font-size: 46px;line-height: 35px;}
.index-about .number li p{font-size: 15px;padding-top: 15px;}}
@media screen and (max-width: 990px){.index-about{padding: .3rem 0;}
.index-about-contain{display: block;}
.index-about-contain .intro{margin-left: auto;margin-right: auto;max-width: 100%;width: 710px;text-align: center;}
.index-about-contain .videoBox{max-width: 100%;margin-left: auto;margin-right: auto;margin-bottom: .15rem;padding-right: 2%;}
.index-about-contain .intro .imax{display: block;margin-top: .16rem;font-size: .12rem;line-height: .25rem;}
.index-about .number{max-width: 100%;width: 770px;margin: auto;padding-top: .2rem;}
.index-about .number li:first-child{padding-right: 0;}
.index-about .number li:last-child{padding-left: 0;}
.index-about .number li p{font-size: .1rem;font-weight: normal;padding-top: .1rem;}
.index-about .number li h3{font-size: .2rem;line-height: .3rem;}
.index-about .number li b{font-size: .2rem;line-height: .2rem;}}
/*四大优势*/
.index-ys{position: relative;background: #141617;line-height: 1;}
.index-ys *{transition: all .5s;}
.index-ys .bg{position: absolute!important;left: 50%;top: 0;width: 100%;height: 100%;transform: translateX(-50%);-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;pointer-events: none!important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.index-ys:after{content: " ";position: absolute;left: 0;bottom: 0;width: 100%;height: 155px;background: rgba(0,0,0,.75);}
.index-ys .txt{width: 59%;color: #fff;padding: 100px 0;}
.index-ys .txt h3{position: relative;display: inline-block;font-size: 30px;padding-bottom: 30px;}
.index-ys .txt h3:before,.index-ys .txt h3:after{content: " ";position: absolute;left: 0;bottom: 0;width: 50px;height: 5px;background: #cbcbcb;border-radius: 10px;}
.index-ys .txt h3:after{left: 63px;width: 5px;}
.index-ys .txt p{font-size: 16px;line-height: 35px;text-align: justify;letter-spacing: 1px;opacity: .72;margin-top: 40px;height: 280px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
.index-ys .txt .box{display: none;}
.index-ys .txt .box.on{display: block;animation: hideIndex  .5s;-moz-animation: hideIndex  .5s; /* Firefox */-webkit-animation: hideIndex  .5s; /* Safari and Chrome */-o-animation: hideIndex  .5s; /* Opera */}
.index-ys .tab{position: relative;overflow: hidden;z-index: 1;}
.index-ys .tab li{float: left;width: 25%;height: 155px;text-align: center;padding: 24px 0;border-right: 1px solid rgba(255,255,255,.2);cursor: pointer;transition: all .5s;}
.index-ys .tab li.on{background: #014da1;}
.index-ys .tab li s{display: inline-block;width: 61px;height: 61px;background-position: center;background-repeat: no-repeat;background-size: 100%;}
.index-ys .tab li s.ys1{background-image: url(../images/ys_ico1.png);}
.index-ys .tab li s.ys2{background-image: url(../images/ys_ico2.png);}
.index-ys .tab li s.ys3{background-image: url(../images/ys_ico3.png);}
.index-ys .tab li s.ys4{background-image: url(../images/ys_ico4.png);}
.index-ys .tab li h3{color: #fff;font-size: 20px;padding-top: 20px;}
@media screen and (max-width: 1400px){
.index-ys:after{height: 120px;}
.index-ys .txt{padding: 80px 0;}
.index-ys .txt h3{font-size: 26px;padding-bottom: 26px;}
.index-ys .txt p{font-size: 15px;line-height: 33px;margin-top: 35px;height: 264px;}
.index-ys .tab li{height: 120px;padding: 20px 0;}
.index-ys .tab li s{width: 41px;height: 41px;}
.index-ys .tab li h3{font-size: 16px;padding-top: 15px;}}
@media screen and (max-width: 1279px){.index-ys .txt p{font-size: 14px;line-height: 31px;height: 248px;}}
@media screen and (max-width: 990px){
.index-ys:after{height: .69rem;}
.index-ys .txt{width: 100%;padding: .3rem 0;}
.index-ys .txt h3{font-size: .17rem;padding-bottom: .17rem;}
.index-ys .txt h3:before,.index-ys .txt h3:after{width: .3rem;height: .03rem;}
.index-ys .txt h3:after{left: .35rem;width: .03rem;}
.index-ys .txt p{font-size: .11rem;line-height: .26rem;margin-top: .2rem;letter-spacing: 0;height: 2.34rem;display: block;}
.index-ys .tab{width: 104%;margin-left: -2%;}
.index-ys .tab li{height: .69rem;padding: .08rem 0;}
.index-ys .tab li s{width: .27rem;height: .27rem;}
.index-ys .tab li h3{font-size: .1rem;padding-top: .08rem;}}
@keyframes hideIndex{0%{ opacity: 0; transform: translateY(50px) }100%{opacity: 1; transform: translateY(0) }}
/*解决方案*/
.index-solve{position: relative;padding: .38rem 0;line-height: 1;}
.index-solve *{transition: all .5s;}
.index-solve .bg{position: absolute!important;left: 50%;top: 0;width: 100%;height: 100%;transform: translateX(-50%);-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;pointer-events: none!important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.index-solve .left{position: relative;float: left;width: 27.5%;}
.index-solve .left h3{position: relative;display: inline-block;color: #343434;font-size: 30px;padding-bottom: 30px;}
.index-solve .left h3:before,.index-solve .left h3:after{content: " ";position: absolute;left: 0;bottom: 0;width: 50px;height: 5px;background: #cbcbcb;border-radius: 10px;}
.index-solve .left h3:after{left: 63px;width: 5px;}
.index-solve .left p{color: #686868;font-size: 16px;line-height: 28px;margin-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-solve .left p span{display: inline-block;}
.index-solve .left ul{margin-top: 20px;width: 60%;overflow: hidden;}
.index-solve .left ul li{font-size: 16px;line-height: 42px;padding-left: 20px;border-bottom: 1px dashed #a6a6a6;background: url(../images/you.png) 4px center no-repeat;}
.index-solve .left ul li a{display: block;color: #343434;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-solve .left ul li:last-child{display: none;}
.index-solve .right{position: relative;float: right;width: 68.6%;overflow: hidden;}
.index-solve .right li{position: relative;float: left;width: 32%;margin-right: 2%;}
.index-solve .right li:last-child{margin-right: 0;}
.index-solve .right li .img{width: 100%;padding-top: 131.27%;position: relative;overflow: hidden;}
.index-solve .right li .img:after{content: " ";position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background: linear-gradient(transparent, #050606);opacity: .91;}
.index-solve .right li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;}
.index-solve .right li h3{position: absolute;bottom: 0;width: 100%;color: #fff;font-size: 18px;line-height: 55px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;z-index: 1;}
.index-solve .right li:hover .img img{transform:scale(1.1);}
@media screen and (max-width: 1400px){
.index-solve .left h3{font-size: 26px;padding-bottom: 26px;}
.index-solve .left p{font-size: 15px;line-height: 25px;margin-top: 10px;}
.index-solve .left ul{margin-top: 15px;}
.index-solve .left ul li{font-size: 14px;line-height: 40px;padding-left: 18px;}
.index-solve .right li h3{font-size: 16px;line-height: 50px;}}
@media screen and (max-width: 1279px){
.index-solve .left p{font-size: 13px;line-height: 23px;margin-top: 8px;}
.index-solve .left ul{margin-top: 10px;}
.index-solve .left ul li{font-size: 13px;line-height: 35px;padding-left: 15px;}
.index-solve .right li h3{font-size: 15px;line-height: 48px;}}
@media screen and (max-width: 1080px){
.index-solve .left{width: 25.5%;}
.index-solve .left p{font-size: .11rem;line-height: .2rem;margin-top: .12rem;}
.index-solve .left ul{width: 100%;}
.index-solve .left ul li{float: left;width: 50%;font-size: 12px;line-height: 40px;padding-left: 15px;}
.index-solve .left ul li:last-child{display: block;}
.index-solve .right{width: 70.6%;}}
@media screen and (max-width: 990px){
.index-solve .left,.index-solve .right{width: 100%;float: none;}
.index-solve .left h3{font-size: .17rem;padding-bottom: .17rem;}
.index-solve .left h3:before,.index-solve .left h3:after{width: .3rem;height: .03rem;}
.index-solve .left h3:after{left: .35rem;width: .03rem;}
.index-solve .left p span{display: inline;}
.index-solve .left ul li{width: 33.33%;font-size: .1rem;line-height: .35rem;padding-left: .15rem;}
.index-solve .right{margin-top: .2rem;}
.index-solve .right li h3{font-size: .1rem;line-height: .3rem;}}
/*新闻中心*/
.index-news{padding: .38rem 0;line-height: 1;background: #f1f1f1;}
.index-news *{transition: all .5s;}
.index-news .index-head .en{color: #e7e7e7;}
.index-news .index-head .en:after{background: #f1f1f1;}
.index-news .index-head .cn:before, .index-news .index-head .cn:after{background: #e2e2e3;}
.index-news .news-tab{text-align: center;margin-top: 30px;}
.index-news .news-tab a{display: inline-block;font-size: 16px;line-height: 40px;margin: 0 1%;padding: 0 3%;background: #fff;box-shadow: 2px 4px 8px rgb(0 0 0 / 10%);}
.index-news .news-tab a:hover{color: #fff;background: #014da1;}
.index-news .news-box{position: relative;margin: auto;margin-top: 30px;width: 100%;padding-top: 33%;}
.index-news .left{float: left;width: 58.5%;height: 100%;position: absolute;left: 0;top: 0;}
.index-news .left li{float: left;position: absolute;left: 0;width: 48.5%;height: 100%;background: #fff;box-shadow: 2px 4px 8px rgb(0 0 0 / 10%);}
.index-news .left li:last-child{margin-right: 0;left: auto;right: 0;}
.index-news .left li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.index-news .left li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;}
.index-news .left li .txt{padding: 5%;}
.index-news .left li .txt h3{color: #474747;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-news .left li .txt span{color: #bbb;font-family: Arial;font-size: 18px;display: block;padding: 3.5% 0;}
.index-news .left li .txt p{color: #7d7c7c;font-size: 16px;line-height: 26px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-news .right{float: right;width: 40%;height: 100%;position: absolute;right: 0;top: 0;}
.index-news .right dl{position: absolute;top: 0;width: 100%;height: 30%;overflow: hidden;padding: 3%;background: #fff;box-shadow: 2px 4px 8px rgb(0 0 0 / 10%);}
.index-news .right dl:nth-child(2n){top: 50%;transform: translateY(-50%);}
.index-news .right dl:last-child{top: auto;bottom: 0;margin-bottom: 0}
.index-news .right dl dt{float: left;width: 16.5%;height: 100%;font-family: Arial;color: #7e7e7e;font-size: 18px;font-weight: inherit;text-align: center;line-height: 45px;padding: 2.5%;padding-left: 0;border-right: 2px solid #dfdfdf;}
.index-news .right dl dt b{display: block;font-size: 50px;}
.index-news .right dl dd{padding-top: 1%;margin-left: 20%;}
.index-news .right dl dd h3{display: block;color: #474747;font-size: 18px;line-height: 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-news .right dl dd p{color: #7d7c7c;font-size: 16px;line-height: 26px;text-align: justify;padding-top: 1%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} 
.index-news .left li:hover .img img{transform:scale(1.1);}
@media screen and (max-width: 1400px){
.index-news .left li .txt h3{font-size: 17px;}
.index-news .left li .txt span{font-size: 17px;}
.index-news .left li .txt p{font-size: 15px;line-height: 24px;}
.index-news .right dl dt{font-size: 16px;line-height: 40px;}
.index-news .right dl dt b{font-size: 42px;}
.index-news .right dl dd h3{font-size: 17px;line-height: 28px;}
.index-news .right dl dd p{font-size: 15px;line-height: 24px;}}
@media screen and (max-width: 1270px){
.index-news .left li .txt h3{font-size: 16px;}
.index-news .left li .txt span{font-size: 16px;}
.index-news .left li .txt p{font-size: 14px;line-height: 22px;}
.index-news .right dl dt{font-size: 15px;line-height: 38px;width: 18.5%;}
.index-news .right dl dt b{font-size: 40px;}
.index-news .right dl dd{margin-left: 22%;}
.index-news .right dl dd h3{font-size: 16px;line-height: 26px;}
.index-news .right dl dd p{font-size: 14px;line-height: 22px;}}
@media screen and (max-width: 990px){
.index-news .news-box{padding: 0;margin-top: .2rem;}
.index-news .news-tab{
    margin-top: .2rem;
}
.index-news .news-tab a{
    width: 23%;
    font-size: .11rem;
    line-height: .28rem;
    padding: 0;
}
.index-news .left,.index-news .right{position: relative;width: 100%;}
.index-news .left li{position: relative;}
.index-news .left li:last-child{float: right;}
.index-news .left li .txt h3{font-size: .13rem;}
.index-news .left li .txt span{font-size: .13rem;}
.index-news .left li .txt p{font-size: .11rem;line-height: .17rem;}
.index-news .right dl{position: relative;margin-top: 2.5%;}
.index-news .right dl:nth-child(2n){transform: translateY(0%);}
.index-news .right dl dt{font-size: .11rem;line-height: .25rem;padding-bottom: 0;}
.index-news .right dl dt b{font-size: 38px;}
.index-news .right dl dd{padding-top: 0;}
.index-news .right dl dd h3{font-size: .13rem;line-height: .2rem;}
.index-news .right dl dd p{font-size: .11rem;line-height: .17rem;}}
/*企业文化*/
.index-culture{position: relative;padding: .38rem 0;line-height: 1;}
.index-culture *{transition: all .5s;}
.index-culture .bg{position: absolute!important;left: 50%;top: 0;width: 100%;height: 100%;transform: translateX(-50%);-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;pointer-events: none!important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.index-culture .culture-box{position: relative;}
.index-culture .tit{position: absolute;top: 0;left: 0;}
.index-culture .tit span{display: block;color: #f4f4f4;font-size: 90px;line-height: 74px;height: 46px;font-family: "Impact";text-transform: uppercase;letter-spacing: 8px;opacity: .15;overflow: hidden;}
.index-culture .tit h3{position: relative;display: inline-block;color: #fff;font-size: 30px;padding-bottom: 30px;margin-top: 15px;}
.index-culture .tit h3:before,.index-culture .tit h3:after{content: " ";position: absolute;left: 0;bottom: 0;width: 50px;height: 5px;background: #cbcbcb;border-radius: 10px;}
.index-culture .tit h3:after{left: 63px;width: 5px;}
.index-culture ul{position: relative;margin: 0 7%;overflow: hidden;}
.index-culture ul li{float: left;width: 27.5%;}
.index-culture ul li:nth-child(2),.index-culture ul li:nth-child(5){width: 45%;}
.index-culture ul li .txt{width: 100%;padding-top: 75.9%;position: relative;overflow: hidden;}
.index-culture ul li:nth-child(2) .txt,.index-culture ul li:nth-child(5) .img{padding-top: 46.38%;}
.index-culture ul li .txt p{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;font-size: 18px;line-height: 32px;padding: 35px 20px;z-index: 1;}
.index-culture ul li .txt span{position: absolute;right: 3%;bottom: 4%;font-family: "Impact";color: #fff;font-size: 180px;line-height: 150px;opacity: .1;}
.index-culture ul li .img{width: 100%;padding-top: 75.9%;position: relative;overflow: hidden;}
.index-culture ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;}
.index-culture ul li:first-child{background: transparent;}
.index-culture ul li:nth-child(2){background: #f5b741;}
.index-culture ul li:nth-child(4){background: #152641;}
.index-culture ul li:last-child{background: #a3aab8;}
.index-culture ul li:hover .img img{transform:scale(1.1);}
@media screen and (max-width: 1400px){
.index-culture .tit span{font-size: 70px;line-height: 58px;height: 36px;letter-spacing: 5px;}
.index-culture .tit h3{font-size: 26px;padding-bottom: 26px;margin-top: 13px;}
.index-culture ul li .txt p{font-size: 17px;line-height: 30px;}
.index-culture ul li .txt span{font-size: 150px;line-height: 125px;}}
@media screen and (max-width: 1270px){
.index-culture ul li .txt p{font-size: 14px;line-height: 28px;padding: 25px 15px;}
.index-culture ul li .txt span{font-size: 120px;line-height: 100px;}}
@media screen and (max-width: 990px){
.index-culture .tit{position: relative;}
.index-culture .tit span{font-size: .48rem;line-height: .4rem;height: .26rem;/* letter-spacing: .015rem; */}
.index-culture .tit h3{font-size: .17rem;padding-bottom: .17rem;margin-top: .08rem;}
.index-culture .tit h3:before,.index-culture .tit h3:after{width: .3rem;height: .03rem;}
.index-culture .tit h3:after{left: .35rem;width: .03rem;}
.index-culture ul{margin: auto;margin-top: .2rem;padding-bottom: 46.38%;}
.index-culture ul li{width: 50%;}
.index-culture ul li:first-child{display: none;}
.index-culture ul li:nth-child(2){width: 62%;}

.index-culture ul li:nth-child(3){width: 38%;}
.index-culture ul li:nth-child(5){position: absolute;bottom: 0;width: 100%;}{}
.index-culture ul li .txt p{font-size: .11rem;line-height: .18rem;padding: 4% 5%;text-align: justify;}
.index-culture ul li .txt span{font-size: .52rem;line-height: .44rem;}}