/*首页内容*/
.s1{padding: 15rem 0 55rem}
.s1con{font-size: 15rem;color: #999999;line-height: 2}
.s2{background-color: #006dfe;padding: 60rem 0 10rem;}
.s2List{font-size: 0;margin-top: 55rem;}
.s2List li{display: inline-block;vertical-align: top;width: 25%;position: relative;overflow: hidden;margin-bottom: 35rem}
.s2info_1{width: 100%;overflow: hidden;position: relative;}
.s2info_1>img{width: 100%}
.s2info_1_txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;box-sizing:border-box;padding: 20rem;color: #fff}
.s2info_1_txt p:first-child{font-weight: bold;font-size: 26rem;}
.s2info_1_txt p:nth-child(2){font-size: 18rem;font-weight: bold;margin: 10rem 0 15rem;text-transform: uppercase;}
.s2info_1_txt p:nth-child(3){font-size: 14rem;line-height: 1.7}
.s2info_2{position: absolute;width: 100%;height: 100%;z-index:0; opacity:1;top:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);-webkit-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.s2info_2>img{width: 100%}
.s2info_2_txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;box-sizing:border-box;padding:10rem 20rem;color: #fff;display: flex;justify-content:flex-start;align-items:center;}
.s2info_2_txt_con{width: 100%}
.s2info_2_txt_con p:first-child{font-size: 16rem;}
.s2info_2_txt_con div:nth-child(2){margin: 5rem 0;border-top: 1rem solid #fff;border-bottom: 1rem solid #fff;padding:8rem 0;font-size: 8rem;color: #fff}
.s2info_2_txt_con div:nth-child(2) p:first-child{margin-bottom: 8rem}
.s2info_2_txt_con p:nth-child(3){font-size: 8rem;line-height: 1.7}
.s2List li:hover .s2info_2{z-index:2;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform: rotateX(0deg) translate3d(0%, 0%, 0) scale(1);transform: rotateX(0deg) translate3d(0%, 0%, 0) scale(1);}
.s3{padding: 75rem 0}
.s3List{margin-top: 45rem;width: 100%;position: relative;}
.s3List .hd{position: absolute;bottom: -20rem;right: 15rem;z-index: 66;font-size: 0;height: 50rem}
.s3List .hd p{display: inline-block;vertical-align: middle;width: 30rem;height: 30rem;border-radius: 5rem;background-color: #006dfe;color: #fff;text-align: center;line-height: 30rem;transition: all 350ms;-moz-transition: all 350ms;-webkit-transition: all 350ms;-o-transition: all 350ms;overflow: hidden;vertical-align: bottom;margin-top: 20rem}
.s3List .hd p:first-child{margin-right: 15rem}
.s3List .hd p i{font-size: 12rem}
.s3List .hd p:hover{width: 50rem;height: 50rem;line-height: 50rem;background-color: #333;margin-top: 0}
.s3List .hd p:hover i{font-size: 15rem}
.s3List-li{ overflow:hidden; zoom:1; }
.s3Li_info{width: 32%;display: block;vertical-align: top;height: 860rem; float:left; _display:inline; overflow:hidden;margin-right: 25rem;border-top-style: solid;border-top-color: #000;border-top-width: 0px;border-left-style: solid;border-left-color: #000;border-left-width: 0px;border-right-style: solid;border-right-color: #000;border-right-width: 0px;border-bottom-style: solid;border-bottom-color: rgb(100, 75, 238);border-bottom-width: 7px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.s3Li_info p{height: 60rem;background: url(../images/bg3.png) no-repeat;background-size: 100% 100%;text-align: center;line-height: 60rem;font-size: 22rem;color: #fff;font-weight: bold;}
.s3Li_info .s3Li_lis{height: 800rem;}
.s3Li_info .s3Li_lis img{height:auto!important}

.s4{padding: 60rem 0 25rem;background: url(../images/bg4.jpg) no-repeat;background-size: 100%;background-position: top;}
.s4List{margin-top: 60rem}
.s4List .hd{font-size: 0;text-align: center;margin-bottom: 35rem;}
.s4List .hd li{display: inline-block;width: 155rem;height: 50rem;text-align: center;line-height: 50rem;border-radius: 5rem;background-color: #fff;font-size: 15rem;color: #666666;margin: 0 12rem}
.s4List .hd li.on{background-color: #bb00fd;color: #fff}


.allis{display: inline-block;vertical-align: top;width: 48%;margin-left: 4%;margin-bottom: 25rem}
.allis:nth-child(odd){margin-left: 0}
.typelis{width: 155rem;height: 45rem;background-color: #bb00fd;color: #fff;font-size: 15rem;text-align: center;line-height: 45rem;display: flex;align-items:center;justify-content:center;margin-bottom: 15rem}
.typelis span:first-child{width: 0;overflow: hidden;height: 1rem;background-color: #fff;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;}
.typelis span:nth-child(2){margin: 0 5rem}
.typelis span:nth-child(3){width: 26rem;height: 1rem;background-color: #fff;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;}
.typelis i:nth-child(4){margin-left: -6rem;margin-top: 2rem}
.typelis:hover span:first-child{width: 26rem}
.typelis:hover span:nth-child(3){width: 0}
.typeImg{margin-bottom: 20rem;overflow: hidden;}
.typeImg img{width: 100%;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.typeImg:hover img{-webkit-transform: scale(1.12);transform: scale(1.12);-webkit-transition-delay: 0;transition-delay: 0;}
.allis li{height: 50rem;line-height: 50rem;padding: 0 20rem;border-bottom: 1rem solid #eee;box-sizing:border-box;}
.allis li a{display: flex;align-items:center;justify-content:space-between;width: 100%;height: 100%;font-size: 13rem;color: #333}
.allis li a span:first-child{width: 70%;display: block;}
.allis li a span:nth-child(2){width: 25%;text-align: right;}
.allis1{display: block;width: 100%}
.allis1 ul{font-size: 0}
.allis1 li{display: inline-block;width: 32%;margin-left: 2%}
.allis1 li:nth-child(3n+1){margin-left: 0}
.s5{padding: 80rem 0 50rem;background: url(../images/bg5.jpg) repeat;background-size: 100%}
.s5types{font-size: 0;text-align: center;margin: 40rem 0}
.s5types a{display: inline-block;width: 155rem;height: 50rem;border:1rem solid #666;text-align: center;line-height: 45rem;font-size: 17rem;color: #666666;margin-left: 7rem}
.s5types a:first-child{margin-left: 0}
.s5types a:hover{background-color: #006dfe;color: #fff}
.s5types a.on{background-color: #006dfe;color: #fff}
.s5List .lis{margin-bottom: 50rem}
.s5lis_title{font-size: 25rem;color: #222222;font-weight: bold;text-align: center;text-transform: uppercase;margin-bottom: 35rem}
.s5lis_con{width: 100%;position: relative;}
.s5lis_con .bd li{width: 19%;background-color: #b1b9d5;margin-right: 17rem;display: inline-block;}
.s5lis_con .bd li img:first-child{display: block;}
.s5lis_con .bd li img:nth-child(2){display: none;}
.s5lis_con .bd li:hover img:first-child{display: none;}
.s5lis_con .bd li:hover img:nth-child(2){display: block;}

.s5lis_con .hd{position: absolute;top: 0;right: 0;font-size: 0;z-index: 9}
.s5lis_con .hd li{width: 6rem;height: 6rem;border-radius: 6rem;background-color: #0d57fd;display: inline-block;vertical-align: middle;margin-right: 8rem}
.s5lis_con .hd li.on{width: 27rem}
.s5btn{position: absolute;bottom: 0rem;right: 10rem;z-index: 66;font-size: 0;}
.s5btn p{display: inline-block;vertical-align: middle;width:55rem;height: 55rem;border-radius: 5rem;background-color: #006dfe;color: #fff;text-align: center;line-height: 55rem;transition: all 350ms;-moz-transition: all 350ms;-webkit-transition: all 350ms;-o-transition: all 350ms;overflow: hidden;vertical-align: bottom;}
.s5btn p:first-child{margin-right: 15rem}
.s5btn p i{font-size: 14rem;font-weight: bold;}
.s6{padding: 100rem 0 60rem}
.s6List .bd{margin-top: 50rem}
.s6List .bd ul{display: flex;flex-wrap:wrap;align-items:flex-start;}
.s6List .bd ul li{width: calc((100% - 30rem) / 4);margin-left: 10rem;margin-bottom: 10rem;position: relative;overflow: hidden;}
.s6List .bd ul li:nth-child(4n+1){margin-left: 0}
.s6List .bd ul li img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.s6List .bd ul li .zz{position: absolute;top: 15%;  left: -100%;  -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; width:auto; height:auto;width: 100%;height: 100%;background-color: rgba(51,51,51,.4);display: flex;justify-content:center;align-items:center;color: #fff}
.s6List .bd ul li .zz i{font-size: 35rem}
.s6List .bd ul li:hover img{ -webkit-transform: scale(1.12);transform: scale(1.12);-webkit-transition-delay: 0;transition-delay: 0;}
.s6List .bd ul li:hover .zz{top: 0%;left: 0;-webkit-transform: rotate(0deg); transform: rotate(0deg); }


.s7{padding: 80rem 0;background-color: #f7f7f7;}
.s7List{margin-top: 60rem}
.s7List li{position: relative;}
.s7List li img{width: 100%}
.s7List li .zz{position:absolute;top:-2em;right:2em;bottom:-2em;left:2em;width:auto;height:auto;border:1px solid #fff;content:'';opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1);display: flex;align-items:center;justify-content:center;}

.s7List li .zzcon{width: 55rem;height: 55rem;background-color: rgba(0,0,0,.4);text-align: center;line-height: 55rem;color: #fff}
.s7List li .zzcon i{font-size: 35rem}
.s7List li:hover .zz{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:scale(1);transform:scale(1);}
.s7List .swiper-button-prev,.s7List .swiper-button-next{width: 45rem;height: 45rem;opacity: 0;background-size: 14rem;background-color: rgba(0, 0, 0, 0.2);border-radius: 50%;transition:all 0.3s ease-out;}
.s7List:hover .swiper-button-prev,.s7List:hover .swiper-button-next{opacity: 1}

.s7List{
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 15rem;/* 设置按钮大小 */
  }
.s7List .swiper-button-prev:hover{background-color: #fba055;}
.s7List .swiper-button-next:hover{background-color: #fba055}


.s8{padding: 60rem 0;}
.s8Title{font-size: 0}
.s8Title span{display: inline-block;vertical-align: text-bottom;font-size: 32rem;color: #333333}
.s8Title span:last-child{font-size: 15rem;color: #cccccc;text-transform: uppercase;margin-left: 10rem}
.s8List{margin-top: 45rem;font-size: 0}
.s8List li{display: inline-block;vertical-align: top;width: calc((100% - 50rem) / 6);margin-left: 10rem;margin-bottom: 10rem;box-sizing:border-box;border:1px solid #ccc;}
.s8List li:nth-child(6n+1){margin-left: 0}
.s8List li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.s8List li img{width: 100%;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.s8List li:hover img{-webkit-transform: scale(1.12);transform: scale(1.12);-webkit-transition-delay: 0;transition-delay: 0;}
@media (min-width: 982px) and (max-width: 1220px){
  	.s2info_2_txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;box-sizing:border-box;padding:5rem 10rem;color: #fff;display: flex;justify-content:center;align-items:center;}
	.s2info_2_txt_con p:first-child{font-size: 14rem;}
	.s2info_2_txt_con div:nth-child(2){margin: 5rem 0;border-top: 1rem solid #fff;border-bottom: 1rem solid #fff;padding:5rem 0;font-size: 8rem;color: #fff}
	.s2info_2_txt_con div:nth-child(2) p:first-child{margin-bottom: 5rem}
	.s2info_2_txt_con p:nth-child(3){font-size: 8rem;}
}
/*手机端*/
@media only screen and (max-width: 982px) {
  	.s1con *{max-width: 100%}
  	.s2List{padding-bottom: 35rem}
  	.s2List li{width: 50%;margin-bottom: 0}
  	.s2List li:hover .s2info_2{display: none;}
  	.s2info_1_txt{padding: 15rem}
  	.s2info_1_txt p:first-child{font-size: 28rem}
  	.s2info_1_txt p:nth-child(2){font-size: 22rem;margin: 8rem 0}
  	.s2info_1_txt p:nth-child(3){font-size: 22rem;line-height: 1.5}
  	.ms3List{margin-top: 40rem}
  	.s3Li_info{width: 100%;margin-bottom: 35rem}
  	.s3Li_info p{height: 80rem;line-height: 80rem;font-size: 28rem}
  	.s4{background-size: 100% 720rem}
  	.s4List .hd{text-align: left;}
  	.s4List .hd li{margin-right: 0;margin-left: 10rem;width: calc((100% - 40rem) / 5);height: 60rem;line-height: 60rem;font-size: 24rem}
  	.s4List .hd li:first-child{margin-left: 0}
  	.allis{width: 100%;display: block;margin-left: 0}
  	.typelis{height: 60rem;line-height: 60rem;margin-bottom: 0;width: 180rem;font-size: 24rem}
  	.typeImg{margin-bottom: 0}
  	.allis ul{background-color: #fff;padding-top: 20rem}
  	.allis li{height:  70rem;line-height: 70rem}
  	.allis li a{font-size: 24rem}
  	.allis1 li{display: block;width: 100%;margin: 0}
  	.s5lis_con{overflow: hidden;}
  	.s5types{text-align: left;}
  	.s5types a{width: 32%;margin-left: 2%;margin-bottom: 2%;box-sizing:border-box;height: 70rem;line-height: 70rem;font-size: 24rem}
  	.s5types a:nth-child(3n+1){margin-left: 0}
  	.s5lis_con .bd li{width: 18%;}
  	.s5lis_con .bd li img:first-child{display: none;}
  	.s5lis_con .bd li img:nth-child(2){display: block;}

  	.s6List .bd ul li{width: calc((100% - 10rem) / 2)}
  	.s6List .bd ul li:nth-child(odd){margin-left: 0}
  	.s8List li{width: calc((100% - 20rem) / 3);}
  	.s8List li:nth-child(3n+1){margin-left: 0}

  	
}