.big_show{width: 100%;}
.big_show .swiper-slide{overflow: hidden;}
.big_show .img img{width: 100%;}
.big_show .img .slide-inner{/* position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center; */}
.big_show .pro_ico{position: relative;margin: 48px auto 56px;max-width: 1020px;background: #fff;z-index: 2;box-sizing: border-box;}
.big_show .text_wrap{position: absolute;left:0;top:50%;width:100%;/*background:rgba(0,0,0,0.8);*/color: #fff;transform: translateY(-50%);}
.big_show .text_wrap .lei{font-size: 60px;line-height: 1.2;letter-spacing:2px}
.big_show .text_wrap .more{color:#fff;font-size:14px;margin-top:40px;display:inline-block;padding:12px 80px 15px 60px;background-color:#000;text-transform:uppercase}
.big_show .text_wrap .des{font-size:16px;}
.big_show  #pro_prev,.big_show  #pro_next{position: absolute;top: 50%;width: 60px;height: 60px;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;background-size: 100%;z-index: 3;cursor: pointer;}
.big_show  #pro_prev{left: 5%;}
.big_show  #pro_next{right: 5%;}
.big_show  #pro_prev img,.big_show  #pro_next img{position: absolute;left:50%;top:50%;width: auto;transform: translate(-50%,-50%);}
.big_show  #pro_prev:hover,.big_show  #pro_next:hover{}
.big_show .swiper-button-disabled{}
@media only screen and (max-width:1660px){
  .big_show .text_wrap .w1400{}
}
@media only screen and (max-width:1440px){
  /* .big_show .text_wrap .lei{font-size: 62px;} */
}
@media only screen and (max-width:1280px){
  .big_show .text_wrap .lei{font-size: 40px;}
  .big_show .text_wrap .more{padding:8px 60px 10px 40px;margin-top:30px}
}
@media only screen and (max-width:1080px){
  .big_show .text_wrap .lei{font-size: 30px;}
  .big_show .text_wrap .more{padding:8px 50px 10px 30px;margin-top:30px}
}
@media only screen and (max-width:850px){
  .big_show .text_wrap .lei{font-size: 20px;}
  .big_show #pro_prev, .big_show #pro_next{width: 44px;height: 44px;}
	.big_show #pro_prev img, .big_show #pro_next img{width: 20px;}
}
@media only screen and (max-width:520px){
  .big_show .text_wrap .lei{font-size: 16px;}
  .big_show .text_wrap .w1400{text-align: center;}
  .big_show #pro_prev{left: 10px;}
	.big_show #pro_next{right: 10px;}
	.big_show #pro_prev, .big_show #pro_next{width: 38px;height: 38px;}
	.big_show #pro_prev img, .big_show #pro_next img{width: 16px;}
  .big_show .text_wrap .more{padding:8px 20px 10px 20px;margin-top:20px}
  .big_show .text_wrap{top: 60%;}
  .big_show .text_wrap .more{font-size: 10px;}
}

.banner{position:relative;width:100%;height:100vh;background-color:#000}
.scene-nav{position:absolute;border:1px solid #fff;border-radius:50%;padding:18px;right:5vw;left:auto;top:auto;bottom:15vh;transform:none}
.scene-nav--next{bottom:22vh}
/* .icon{display:block;width:12px;height:12px;margin:0 auto;fill:currentColor} */
.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}
.home_page{--color-text:#fff;--color-bg:#000;--color-link:#9cf9db;--color-link-hover:#fff;--color-info:#f3a145;--color-nav:#fff}
.js body{opacity:0;transition:opacity .3s}
.js body.render{opacity:1}
.scene{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:1}
.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh);position:relative;justify-content:flex-start;align-items:center;cursor:pointer;position:relative;}
.content .text{color:#fff;position:absolute;right:295px;top:40%;text-align:right}
.content .text *{user-select:none}
.content .text h3,.content .text2 h3{font-size:60px;line-height:72px;font-weight:bold;text-align:left;letter-spacing:2px}
.content .text .more,.content .text2 .more{color:#fff;font-size:14px;margin-top:40px;display:inline-block;padding:12px 80px 15px 60px;background-color:#000;text-transform:uppercase}
.content .roll-tips{width:40px;height:75px;border:1px solid #fff;border-radius:40px;position:absolute;left:50%;bottom:8%}
.content .roll-tips::after{display:block;content:"";width:5px;height:8px;background-color:#fff;border-radius:5px;position:absolute;left:50%;top:19%;transform:translateX(-50%);animation:roll 1.1s linear infinite alternate}
.content .text2{position:absolute;left:0;top:40%;width:100%;z-index:2;text-align:right;color:#fff;box-sizing:border-box}
.content .text_wrap{text-align: left;}
@keyframes roll{from{top:19%}
to{top:50%}
}
@media screen and (min-width:53em){.content{height:100vh;justify-content:center;margin-top: -35px;}
}
#slider{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}
.dg{z-index:100!important}
@media (max-width:1640px){.content .text{right:195px}
}
@media (max-width:1440px){.content .text{right:125px}
.content .text h3,.content .text2 h3{font-size:62px;line-height:62px}
.content .text2 .text_wrap{padding-right:15%;box-sizing:border-box}
}
@media (max-width:1240px){.content .text{right:80px}
.content .text h3,.content .text2 h3{font-size:52px;line-height:52px}
}
@media (max-width:1100px){.content .text{right:60px}
.content .text .more,.content .text2 .more{padding:8px 60px 10px 40px;margin-top:30px}
.content .roll-tips{width:30px;height:50px;bottom:5%}
.content .roll-tips::after{width:4px;height:6px}
}
@media (max-width:980px){.content .text{right:40px}
.content .text h3,.content .text2 h3{font-size:42px;line-height:46px}
.content .text .more,.content .text2 .more{padding:8px 50px 10px 30px;margin-top:30px}
}
@media (max-width:768px){
.content{height: calc(78vh);}
.content .w1400{padding: 0 10%;}
}
@media (max-width:640px){.content .text{right:20px;top:auto;bottom:24%}
.content .text2{top:auto;bottom:24%}
.content .text h3,.content .text2 h3{font-size:22px;line-height:36px}
.content .text .more,.content .text2 .more{padding:8px 20px 10px 20px;margin-top:20px}
.content .text2 .text_wrap{padding-right:0;box-sizing:border-box}
}

/* 标题 */
.idx_title{ text-align: center; }
.idx_title h3{ font-size: 32px; font-weight: bold; color: #323232; margin-bottom: 25px; letter-spacing: 2px;font-family: "Gotham"; }
.idx_title p{font-size: 14px; color: #1e1e1c; line-height: 28px; }
.idx_title .more{ display: inline-block; margin-top: 45px; border: 1px solid #000000; font-size: 14px; color: #000000; padding: 12px 100px 12px 120px; position: relative;}
.idx_title .more::after{ content: ""; display: inline-block; background: url(../images/icon_more.png) no-repeat center; width: 21px; height: 7px; margin-left: 15px; margin-bottom: 2px; position: relative; z-index: 2; }
.idx_title .more::before{ content: ""; display: block; width: 0; height: 100%; background-color: #000000; position: absolute; left: 0; top: 0; z-index: 1; transition: 0.3s; }
.idx_title .more span{ position: relative; z-index: 2; }
@media (min-width: 1199px) {
  .idx_title .more:hover{ color: #FFFFFF; }
  .idx_title .more:hover::before{ width: 100%; }
  .idx_title .more:hover::after{ background-image: url(../images/icon_more1.png); }
}
@media (max-width: 1440px) {
  .idx_title h3{ font-size: 28px; }
  .idx_title .more{margin-top: 35px; }
}
@media (max-width: 1240px) {
  .idx_title h3{ font-size: 26px; margin-bottom: 15px; }
  .idx_title .more{font-size: 12px; margin-top: 25px; padding: 12px 80px 12px 100px;}
}
@media (max-width: 1100px) {}
@media (max-width: 960px) {
  .idx_title h3{ font-size: 24px; margin-bottom: 10px; }
  .idx_title p{ line-height: 26px; }
  .idx_title .more{font-size: 12px; margin-top: 20px; padding: 8px 60px 8px 80px;}
}
@media (max-width: 480px) {
  .idx_title h3{ font-size: 20px; margin-bottom: 10px; letter-spacing: 1px; }
  .idx_title p{ line-height: 24px; }
  .idx_title p br{ display: none; }
  .idx_title .more{ padding: 8px 40px 8px 60px;}
}

/* section01 */
.section01{ background-color: #f7f7f7; padding: 120px 0 100px;  }
.section01 .idx_title{ }
.section01 .list{ padding-top: 75px; margin: 0 -17px; align-items: stretch; justify-content: flex-start; }
.section01 .list .item{ width: 33.333%; padding: 0 17px; }
.section01 .list .item .pic{ padding-bottom: 101%; }
.section01 .list .item .pic img{ width: 100%; }
.section01 .list .item .text{ padding-top: 20px; }
.section01 .list .item .text .small{color: #333333;font-size: 24px;font-weight: 500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.section01 .list .item .text .tit{padding-top: 12px;font-size: 17px;color: #8d8d8d;line-height: 26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.section01 .list .item .text .more{ margin-top: 20px; color: #000000; font-size: 16px; }
.section01 .list .item .text .more::after{ content: ""; display: inline-block; background: url(../images/icon_more.png) no-repeat center; width: 21px; height: 7px; margin-left: 15px; margin-bottom: 2px; }
.section01 .type{  }
.section01 .type .title{ text-transform: uppercase; font-size: 30px; font-weight: 350; letter-spacing: 2px; color: #666666; text-align: center; margin-bottom: 55px; }
.section01 .type ul{ align-items: stretch; justify-content: flex-start; width: 100%; max-width: 850px; margin: 0 auto; }
.section01 .type ul li{ width: 25%; text-align: center; }
.section01 .type ul li a{ display: block;}
.section01 .type ul li .ico{ display: inline-flex; align-items: center; justify-content: center; width: 92px; height: 92px; border: 1px solid #4d4d4d; border-radius: 12px; overflow: hidden; }
.section01 .type ul li .ico img{ max-width: 100%; }
.section01 .type ul li h3{ font-size: 22px; font-weight: normal; color: #666; margin-top: 30px; }
.section01 .type ul li:hover .ico{ background-color: #4d4d4d; }
.section01 .type ul li:hover .ico img{ transform: translateY(-100px); filter: drop-shadow(#fff 0 100px); }
.section01 .type ul li:hover h3{ font-weight: 500;}
@media (max-width: 1440px) {
  .section01{ padding: 90px 0 80px;  }
  .section01 .list{padding-top: 55px; }
  .section01 .list .item .text .tit{ font-size: 20px;}
  .section01 .list .item .text .small{font-size: 14px;}
  .section01 .list .item .text .more{font-size: 14px;}
  .section01 .type .title{font-size: 28px; letter-spacing: 1.2px;}
}
@media (max-width: 1240px) {
  .section01 .list{ margin: 0 -15px; }
  .section01 .list .item{ padding: 0 15px; }
  .section01 .type ul li{  }
  .section01 .type ul li .ico{ width: 84px; height: 84px; }
  .section01 .type ul li h3{ font-size: 20px; }
  .section01 .type .title{font-size: 26px; }
}
@media (max-width: 1100px) {
  .section01{ padding: 70px 0 60px;  }
  .section01 .list{padding-top: 45px; margin: 0 -10px;  }
  .section01 .list .item{padding: 0 10px;  }
  .section01 .type .title{font-size: 24px; }
  .section01 .type ul li .ico{ width: 74px; height: 74px; }
  .section01 .type ul li .ico img{ width: 100%; max-width: 40px; }
  .section01 .type ul li h3{ font-size: 18px; margin-top: 20px; }
}
@media (max-width: 960px) {
  .section01 .list{  }
  .section01 .list .item .text .tit{font-weight: 450; font-size: 18px;}
  .section01 .type .title{ margin-bottom: 45px; font-size: 22px; letter-spacing: 0.7px; }
  .section01 .type ul li h3{ font-size: 16px; }
  .section01 .type ul li .ico{ width: 64px; height: 64px; border-radius: 6px; }
}
@media (max-width: 768px) {}
@media (max-width: 480px) {
  .section01{ padding: 50px 0 10px; }
  .section01 .list{ padding-top: 45px;  }
  .section01 .list .item{ width: 100%; margin-bottom: 50px; }
  .section01 .list .item .text .tit{ font-size: 16px; line-height: 22px;}
  .section01 .list .item .text .more{ margin-top: 10px; font-size: 12px;}
  .section01 .type .title{font-size: 20px;margin-bottom: 25px; letter-spacing: 0; }
  .section01 .type ul li .ico{ width: 55px; height: 55px; }
  .section01 .type ul li .ico img{ width: 100%; max-width: 30px; }
  .section01 .type ul li h3{ font-size: 14px; margin-top: 10px; }
}


/* section02 */
.section02{ background-color: #FFFFFF; padding-top: 130px; padding-bottom: 150px; padding-left: 90px;  }
.section02 .idx_title{ text-align: left; padding-left: 110px;  }
.section02 .idx_title p{ line-height: 28px; font-size: 16px; }
.section02 .pic{ margin-top: 120px; position: relative; }
.section02 .pic::after{ content: ""; display: block; position: absolute; left:25%; top: -100px; width: 1.3px; height:100px; background-color: #000000; opacity: 0.6; z-index: 1; }
.section02 .pic img{ position: relative; z-index: 2; width: 100%; }
.section02 .left{ width: 48%; float: left; overflow: hidden; }
.section02 .right{ width: 48%; float: right; display: flex;flex-wrap: wrap; flex-direction: column-reverse; padding-top: 60px; overflow: hidden; }
.section02 .right .idx_title{width: 100%; max-width: 560px;}
.section02 .right .pic{ margin-top: 0; margin-bottom: 120px; }
.section02 .right .pic::after{ top: auto; bottom: -100px; }
@media (max-width: 1640px) {
  .section02{padding-left: 2%; padding-top: 100px; padding-bottom: 100px; }
}
@media (max-width: 1440px) {
  .section02{padding-top: 90px; padding-bottom: 80px; }
  .section02 .idx_title{ padding-left: 70px;  }
  .section02 .pic{margin-top: 50px;}
  .section02 .pic::after{ left: 30px; }
  .section02 .right .pic{margin-bottom: 50px;}
}
@media (max-width: 1100px) {
  .section02{ padding-top: 70px; padding-bottom: 60px; }
  .section02 .idx_title{ padding-left: 40px;  }
  .section02 .pic{margin-top: 30px;}
  .section02 .pic::after{ left: 15px; }
  .section02 .right{padding-top: 0px; margin-top: 50px;}
  .section02 .right .pic{margin-bottom: 30px;}
}
@media (max-width: 960px) {
  .section02{ padding-top: 60px; padding-bottom: 50px; }
  .section02 .pic{margin-top: 30px;}
  .section02 .pic::after{  }
  .section02 .left{ width: 100%; }
  .section02 .right{ width: 100%; flex-direction: column; }
  .section02 .right .pic{ margin-top: 30px; margin-bottom: 0; }
  .section02 .right .pic::after{ top: -290px; bottom: auto; }
}
@media (max-width: 480px) {
  .section02{ padding-left: 3%; padding-top: 50px; padding-bottom: 40px; }
  .section02 .idx_title{ padding-right: 15px;}
  .section02 .idx_title p{ line-height: 24px;font-size: 14px;}
  .section02 .pic{margin-top: 20px;}
  /* .section02 .left .pic::after{display: none;} */
  .section02 .right .pic{margin-top: 20px;}
}


/* section03 */
.section03{ background-color: #FFFFFF; position: relative;padding-bottom: 120px;}
.section03 .wrap{ margin-right: 295px; position: relative; z-index: 3; }
.section03 .item{ position: relative;  }
.section03 .item img{ width: 100%; }
.section03 .item .idx_title{ position: absolute; left: 280px; top: 170px; text-align: left; }
.section03 .item .idx_title h3{ color: #000; margin-bottom: 20px; padding-bottom: 30px; position: relative; }
.section03 .item .idx_title h3::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 200px; height: 1px; background-color: #FFFFFF;  }
.section03 .item .idx_title p{ color: #3b3535; font-size: 30px; line-height: 50px; }
.section03 .item .idx_title .more{ background-color: #000; border-radius: 3px;color: #fff;}
.section03 .prev,
.section03 .next{ display: block; width: 56px; height: 56px; border: 1px solid #000000; border-radius: 3px; background: url(../images/icon_more.png) no-repeat center; outline: none; position: absolute; bottom: 0; right: -165px; transform: rotateY(0deg); cursor: pointer; }
.section03 .prev{ right: -100px; transform: rotateY(180deg); }
.section03::after{ content: ''; display: block; width: 100%; height: 420px; background-color: #f7f7f7; position: absolute; bottom: 0; left: 0; z-index: 2; }
@media (max-width: 1640px) {
  .section03 .item .idx_title{left: 200px;}
  .section03 .item .idx_title p{font-size: 26px; line-height: 44px;}
}
@media (max-width: 1440px) {
  .section03 .wrap{ margin-right: 235px; }
  .section03 .item .idx_title{ left: 2%;top: 130px; }
}
@media (max-width: 1240px) {
	.section03{padding-bottom: 80px;}
  .section03::after{height: 320px;}
  .section03 .item .idx_title{top: 80px;}
  .section03 .item .idx_title h3::after{width: 160px;}
  .section03 .item .idx_title p{font-size: 20px; line-height: 36px;}
}
@media (max-width: 1100px) {
.section03{padding-bottom: 60px;}
  .section03::after{height: 220px;}
  .section03 .wrap{ margin-right: 135px; }
  .section03 .item .idx_title h3{margin-bottom: 20px; padding-bottom: 20px;}
  .section03 .item .idx_title p{font-size: 18px; line-height: 32px;}
  .section03 .prev, .section03 .next{width: 42px; height: 42px; right: -110px;}
  .section03 .prev{right: -60px;}
}
@media (max-width: 960px) {
  .section03 .wrap{ margin-right: 0px; padding-bottom: 70px; }
  .section03 .prev, .section03 .next{ right: 20px;}
  .section03 .prev{ right: 80px; }
}
@media (max-width: 768px) {
	.section03{padding-bottom: 40px;}
  .section03 .item .idx_title{ left: 3%; top: 40px; }
  .section03 .item .idx_title p{font-size: 16px; line-height: 28px;}
}
@media (max-width: 480px) {
  .section03 {background: #f7f7f7;}
  .section03 .item .idx_title{ top: 25px; width: 93%; position: initial;margin-top:20px;padding:0 3%;width: 100%;}
  .section03 .item .idx_title h3{padding-bottom: 10px; margin-bottom: 10px;font-size: 16px;}
  .section03 .item .idx_title h3::after{width: 100px;background: #000;}
  .section03 .item .idx_title p{font-size: 14px;}
}


/* section04 */
.section04{ background-color: #F7F7F7; padding-top: 140px; padding-bottom: 0px;  }
.section04 .top{ position: relative; z-index: 1; padding-bottom: 1px; }
.section04 .top::after{ content: ""; display: block; position: absolute; left: 50%; bottom: 0px; width: 1px; height: 120px; background-color: #000000; z-index: 1; opacity: 0.3; }
.section04 .top .idx_title{ margin-bottom: 180px; }
.section04 .row{ position: relative; z-index: 2; padding: 270px 0 240px; background: no-repeat center top / cover; }
.section04 .row .idx_title{ text-align: left;  }
.section04 .row .idx_title h3{ color: #FFFFFF; font-weight: 600; }
.section04 .row .idx_title p{ color: #FFFFFF; }
.section04 .row.r2 .idx_title{ text-align: right;  }
@media (max-width: 1440px) {
  .section04{ padding-top: 160px; }
  .section04 .top .idx_title{margin-bottom: 140px;}
  .section04 .top::after{height: 100px;}
  .section04 .row{ padding: 230px 0 200px; }
}
@media (max-width: 1240px) {
  .section04{ padding-top: 120px; }
  .section04 .top::after{height: 80px;}
  .section04 .top .idx_title{margin-bottom: 100px; }
  .section04 .row{ padding: 190px 0 160px; }
}
@media (max-width: 1100px) {
  .section04{ padding-top: 90px; }
  .section04 .top::after{height: 50px;}
  .section04 .top .idx_title{margin-bottom: 70px; }
  .section04 .row{ padding: 150px 0 110px; }
}
@media (max-width: 960px) {
  .section04{ padding-top: 60px; }
  .section04 .top::after{height: 30px;}
  .section04 .top .idx_title{ margin-bottom: 40px; }
  .section04 .row{ padding: 100px 0 80px; }
}
@media (max-width: 640px) {
  .section04{padding-top: 40px;}
  .section04 .row{ padding: 80px 0; }
}