/* 数字字体 */
@font-face {
	font-family: 'BEBAS'; 
	src: url('../fonts/bebas___.ttf');
}

body{background: #000;}
:root{
	--main: #c99f4b;
}
.cw1620{max-width: 1620px;width: 92%;margin: auto;}

.paging[type='default']{justify-content: center;}
.paging[type='default'] .paging_btn{min-width: 38px !important;height: 38px !important; font-size: 18px !important;}
.paging[type='default'] .paging_btn .btn{width: 85px !important; text-align: center; height: 100%; line-height: 38px;}
.paging[type='default'] .paging_btn .btn:hover{background: var(--main); color: #fff;}

#header {position: fixed;z-index: 20;left: 0;width: 100%;top:0;transition: all .5s; box-shadow: 0 0 50px rgb(0 0 0 / 15%); background: rgba(255,255,255,0.2);}
#header.none {transform: translateY(-100%);box-shadow: inherit;}
#header.cur{background: rgba(0,0,0,0.8);}
#header .left{width: 54%;}
#header .point {width: 88.875%;display: flex;position: relative;}
#header .point .dd {/*margin: 0 35px;*/ width: 17%; text-align: center; }
/* #header .point .dd:last-child{margin-right: 5%;} */
#header .point .dd .li{display: block;font-size: 16px; color: #fff; height:70px;line-height: 70px;}
#header .point .dd.on_this .li,
#header .point .dd:hover .li{color: var(--main);}

#header .point .dd .li .txt1{display: none;}
#header .point .dd .li .txt2{display: block;}
/* #header .point .dd.on_this .li .txt1,
#header .point .dd .li.on .txt1{display: block;} */
/* #header .point .dd.on_this .li .txt2,
#header .point .dd .li.on .txt2{display: none;} */

#header .point .dd .menu {position: absolute;top:100%;left:50%;transform: translateX(-50%);width:170px;/*background-color: #fff;*/z-index:21;box-shadow: 0 0 10px rgb(0 0 0 / 15%); height: 0; overflow: hidden; background: rgba(255,255,255,0.2); color: #fff;}
#header .point .dd .menu .mm {display: block;font-size: 18px;line-height: 2;text-align: center;padding:10px 20px;text-transform: capitalize;}
#header .point .dd .menu .mm:hover {color:  var(--main);} 

#header .icon{width: 14.625%; line-height: 70px; }
#header .lang{width: 100%;display: flex; justify-content: center;  color: var(--main);}
#header .lang a{font-size: 14px;}
#header .lang a.cur{color: #fffe;}
#header .lang .li{margin: 0 5px;}

/* 移动端按钮 */
#header .mb-btn,
#m-nav ,
#m-nav .nav .lang{display: none;}

@media screen and (max-width: 1366px){
	#header .left{width: 60%;}
}
@media screen and (max-width: 1024px){
	#header .left{width: 72%;}
}

/* banner */
#banner{}
#i-banner .swiper-pagination{bottom: 42px;}
#i-banner .swiper-pagination .swiper-pagination-bullet{width: 60px; height: 4px; background: rgba(255,255,255,0.3); opacity: 1; border-radius: 3px; margin: 0 20px 0 0; }
#i-banner .swiper-pagination .swiper-pagination-bullet:last-child{margin:0;}
#i-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--main);}

#o-banner{height: 100vh;}
#o-banner .pic-box,
#o-banner .pic-box .slide{height: 100%;}
#o-banner .pic-box::before{content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; z-index: 2;}
#o-banner .pic-box .alt-box{width: max-content;top: 40%; left: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 4;}
#o-banner .pic-box .alt-box .p1{margin-bottom: 15px;font-size: 40px; color: #fff; line-height: 58px; }
#o-banner .pic-box .alt-box .p2{font-size: 20px; color: #fff;}
#o-banner .pic-box .alt-box i{display: block; margin: 25px auto 0; width: 30px; height: 2px; background: #fff;}

#o-banner .bot{top: inherit;bottom: 0;z-index: 5; }
#o-banner .bot .txt-box {justify-content:center;gap: 20px;}
#o-banner .bot .txt-box .slide{width: 24.07%; padding: 33px 0 50px; background: rgba(255,255,255,0.3); color: #fff; border: 2px solid transparent;}
#o-banner.n-ban .bot .txt-box .slide{width: 32.53%; margin-right: 30px;}
#o-banner .bot .txt-box .slide .txt_en{font-size: 24px; font-weight: 500; line-height: 38px;text-transform: capitalize;}
#o-banner.j-banner .bot .txt-box .slide .txt_en{font-size: 18px;}
#o-banner .bot .txt-box .slide .txt_cn{margin-bottom: 20px; font-size: 24px; line-height: 42px;text-transform: capitalize;}
#o-banner .bot .txt-box .slide i{display: block; margin: 0 auto; width: 20px; height: 2px; background: #fff; }
#o-banner .bot .txt-box .slide.cur,
#o-banner .bot .txt-box .slide.swiper-slide-thumb-active{border-color: var(--main); background: rgba(0,0,0,0.4); }
#o-banner .bot .txt-box .slide.cur .txt_en span,
#o-banner .bot .txt-box .slide.cur .txt_cn span,
#o-banner .bot .txt-box .slide.swiper-slide-thumb-active .txt_en span,
#o-banner .bot .txt-box .slide.swiper-slide-thumb-active .txt_cn span{background: linear-gradient(to bottom, #e3ca91, #b19150); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  color: transparent; }
#o-banner .bot .txt-box .slide.cur i,
#o-banner .bot .txt-box .slide.swiper-slide-thumb-active i{background:  var(--main); }

@media screen and (max-width:1024px){
	#o-banner .bot .txt-box .slide .txt_en,
	#o-banner .bot .txt-box .slide .txt_cn{font-size: 20px;}
}

/* 底部 */
#footer{}
#footer .top{padding: 70px 0 54px;background: #262626; color: #fff;}
#footer .top .left{width: 39.64%;}
#footer .top .left .li{width:19.8%;}
#footer .top .left .li .word{margin-bottom: 20px; font-size: 16px; font-weight: bold; }
#footer .top .left .li .two-nav .two .word1{font-size: 14px; color: #cccccc; line-height: 30px;text-transform: capitalize;}
#footer .top .left .li .two-nav .two .word1:hover{color: var(--main);}
#footer .top .cen{width: 26.86%;}
#footer .top .cen .code .tit{font-size: 14px; color: #666666; line-height: 36px;}
#footer .top .right{width: 25.5%;}
#footer .top .right .li{font-size: 14px; color: #cccccc; line-height: 28px;}
#footer .top .right .li .p1{width: 19%;}
#footer .top .right .li .p2{width: 78%;}
#footer .top .right .phone{margin-top: 15px; align-items: end;}
#footer .top .right .phone .p2{font-size: 48px; font-family: 'BEBAS'; line-height: 68px;}
#footer .top .right .phone .p2 span{background: linear-gradient(to bottom, #e3ca91, #b19150); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  color: transparent;}
#footer .bot{padding: 13px 0;background: #000;}
#footer .bot a{font-size: 12px; color: #666666; line-height: 27px; transition: all 0.3s;}
#footer .bot span{color: #666666; margin: 0 4px; line-height: 27px;}
#footer .bot .p2{font-size: 12px; color: #666666; line-height: 27px;}
#footer .bot a:hover{color: var(--main);}

@media screen and (max-width: 1440px){
	#footer .top .left {width: 35.64%;}
	#footer .top .cen {width: 31.86%;}
	#footer .top .right {width: 28.5%;}
	#footer .top .right .phone .p2 {font-size: 44px;line-height: 60px;}
}
@media screen and (max-width: 1240px){
	#footer .top .left {width: 35.64%;}
	#footer .top .cen {width: 29.86%;}
	#footer .top .right {width: 28%;}
	
	#footer .top .cen .code{width: 45%;}

	#footer .top .right .li .p1 {width: 29%;}
	#footer .top .right .li .p2 {width: 71%;}
}
@media screen and (max-width: 1024px){
	#footer .top .left{display: none;}

	#footer .top .box{flex-direction: column;}
	#footer .top .cen{width: 100%;justify-content: center;}
	#footer .top .cen .code{width: auto; }
	#footer .top .cen .code:first-child{margin-right: 30px;}
	#footer .top .right {width: 100%; margin-top: 30px}
	#footer .top .right .li{justify-content: center;}
	#footer .top .right .li .p1,
	#footer .top .right .li .p2{width: max-content;}
	#footer .top .right .phone .p1{display: none;}
}

/* 首页 */
#ind-tit{}
#ind-tit .tit_en{font-size: 120px; color: #666666; font-weight: bold; line-height: 120px; opacity: 0.3;}
#ind-tit .tit_cn{bottom: 0; left: 50%; transform: translateX(-50%); }
#ind-tit .tit_cn .p1{font-size: 36px; line-height: 54px;}
#ind-tit .tit_cn .p2{font-size: 24px; line-height: 43px;}
#ind-tit .tit_cn span{background: linear-gradient(to bottom, #e3ca91, #b19150); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  color: transparent;}

#ind-about{padding: 65px 0 55px; background: url(../images/index-pic8.png) no-repeat center center/ 100% 100%;}
#ind-about .ab-video{width: 53%; margin: 20px auto 0; }
#ind-about .ab-video .back{z-index: 2;}
#ind-about .ab-video .back img{width: 100%; height: 100%;}
#ind-about .ab-video .play{display: block;top: 50%;left: 50%; transform: translate(-50%, -50%); z-index: 5;}
#ind-about .ab-video .play.cur{display: none;}
#ind-about .txt-list{margin-top: 30px;}
#ind-about .txt-list .li{margin-left: 40px; padding: 25px 0;width: 20.07%; background: rgba(255,255,255,0.3); color: #fff;}
#ind-about .txt-list .li:first-child{margin-left: 0;}
#ind-about .txt-list .li:hover{transform: translateY(-30px);}
#ind-about .txt-list .li .p1{font-size: 24px; line-height: 37px; word-break: break-all; }
#ind-about .txt-list .li .p2{font-size: 14px; line-height: 26px; color: #cccccc;word-break: break-all; }

#ind-pro{padding-top: 65px;}
#ind-pro .cate-list{margin: 25px auto 0; justify-content: center;}
#ind-pro .cate-list .item{width: 40%;}
#ind-pro .cate-list .item .top{opacity: 0; z-index: 2; background: rgba(0,0,0,0.4);}
#ind-pro .cate-list .item:hover .top{opacity: 1;}
#ind-pro .cate-list .item .top .name{top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; line-height: 29px; color: #fff;}
#ind-pro .cate-list .item .top .name:before,
#ind-pro .cate-list .item .top .name:after{content: "";display: block; width: 39px; height: 1px; background: #fff; position: absolute; top: 50%; transform: translateY(-50%);}
#ind-pro .cate-list .item .top .name:before{left: -45px;}
#ind-pro .cate-list .item .top .name:after{right: -45px;}

#ind-par{padding: 100px 0 160px;}
#ind-par .list{margin-top: 118px;}
#ind-par .list .item{ margin: 20px 0 0 0; -width: 24.074%; height: 220px; background: #262626;}
/* #ind-par .list .item:nth-child(4n){margin-right: 0;} */
#ind-par .list .item img:last-child{display: none;}
#ind-par .list .item:hover{background: linear-gradient(to bottom, #e3ca91, #b19150);}
#ind-par .list .item:hover img:first-child{display: none;}
#ind-par .list .item:hover img:last-child{display: inline-block;}
#ind-par .list .btn .pn{top: 50%; transform: translateY(-50%) rotate(90deg); z-index: 5;}
#ind-par .list .btn .pn.disabled{opacity: 0.7;}
#ind-par .list .btn .prev{left: 0;}
#ind-par .list .btn .next{right: 0;}

@media screen and (max-width: 1540px){
	#ind-tit .tit_en{font-size: 100px;}

	#ind-par .list{margin-top: 100px;}
}
@media screen and (max-width: 1440px){
	#ind-pro{padding-top: 80px;}

	#ind-par {padding: 100px 0 160px;}
	#ind-par .list{margin-top: 70px;}
}
@media screen and (max-width: 1366px){
	#ind-tit .tit_en{font-size: 85px;}
}
@media screen and (max-width: 1024px){
	#ind-tit .tit_en{font-size: 70px;}
	#ind-tit .tit_cn{bottom: -21px;}

	#ind-pro .cate-list{margin-top: 80px;}

	#ind-par{padding: 100px 0;}
	#ind-par .list .item{margin: 30px 30px 0 0;}
}

/* 关于我们-瓦瑟简介 */
#about{margin: 140px 0 150px;}
.editor,.detail{color: #cccccc;}

@media screen and (max-width: 1440px){
	#about{margin: 140px 0 80px;}
}

#strength .title{margin-bottom: 47px;}
#strength .title .p1{font-size: 24px; color: #fff; line-height: 43px; margin-bottom: 25px;}
#strength .title .p2{font-size: 16px; color: #ccc; line-height: 25px;}
.strength-part1{margin-top: 144px;}
.strength-part1 .swi{background: #1a1a1a; padding: 70px 40px;}
.strength-part1 .swi .container{padding-bottom: 60px;}
.strength-part1 .swi .container .slide{width: 601px; height: 450px; }
/* .strength-part1 .swi .container .swiper-slide-active, */
/* .strength-part1 .swi .container .swiper-slide-duplicate-active{transform:scale(1); -webkit-transform:scale(1);} */
.strength-part1 .swi .container .swiper-pagination{bottom: 0;}
.strength-part1 .swi .container .swiper-pagination .swiper-pagination-bullet{width: 60px; height: 4px; border-radius: 4px; background: #484848; opacity: 1; margin: 0 10px 0;}
.strength-part1 .swi .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d4b97e;}
/* .strength-part1 .container .slide.swiper-slide-prev{ transform: translate3d(0px, 0px, -109.95px) rotateX(0deg) rotateY(35.1841deg) scale(1);}
.strength-part1 .container .slide.swiper-slide-next{transform: translate3d(0px, 0px, -109.95px) rotateX(0deg) rotateY(-35.1841deg) scale(1);transition-duration: 0ms;} */
/* .strength-part1 .swi .container {height: 600px;} */
/* .strength-part1 .frame {display: flex;justify-content: start;align-items: center;position: relative;} */
/* .strength-part1 .frame  .item{ float: none; width: 601px !important;flex-shrink: 0;transform-style: preserve-3d;position: relative;} */
.strength-part1 .btn{}
.strength-part1 .btn .pn{top: 50%; transform: translateY(-50%) rotate(90deg); z-index: 5;}
.strength-part1 .btn .pn.disabled{opacity: 0.7;}
.strength-part1 .btn .prev{left: 3%;}
.strength-part1 .btn .next{right: 3%;}

.strength-part2{margin: 125px 0 103px;}
.strength-part2 .box{background: #1a1a1a; padding: 152px 47px 50px;}
.strength-part2 .box .container{padding-bottom: 137px;}
.strength-part2 .box .container .swiper-pagination{bottom: 0;}
.strength-part2 .box .container .swiper-pagination .swiper-pagination-bullet{width: 60px; height: 4px; border-radius: 4px; background: #484848; opacity: 1; margin: 0 10px 0;}
.strength-part2 .box .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d4b97e;}

@media screen and (max-width: 1440px){
	.strength-part2 .box{padding: 100px 47px 50px;}
	.strength-part2 .box .container{padding-bottom: 70px;}
}

/* 产品 */
#products{margin: 100px 0 285px;}
#products .hot-list{margin-bottom: 100px;}
#products .list .item{margin-top: 100px; background: #1a1a1a;}
#products .list .item:first-child{margin: 0;}
#products .list .item .pic{width: 66.23%;}
#products .list .item .info{width: 33%; padding: 54px 3.8% 0;}
#products .list .item .info .name{font-size: 24px; color: #fff; line-height: 43px; text-align: right;}
#products .list .item .info .brief{margin-top: 23px;font-size: 16px; color: #cccccc; line-height: 29px; height: calc( 29px * 4); text-align: right; overflow: hidden;}
#products .list .item .info i{display: block; margin-top: 56px; width: 40px; height: 4px; background: #999; float: right;}
#products .list .item .info .more{margin-top: 100px; width: 120px; height: 40px; line-height: 40px; border: 1px solid #999; font-size: 14px; float: right;}
#products .list .item .info .more span{ background: linear-gradient(to bottom, #e3ca91, #b19150); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  color: transparent;}
#products .list .item:nth-child(2n){ flex-direction: row-reverse;}
#products .list .item:nth-child(2n) .info .name,
#products .list .item:nth-child(2n) .info .brief{text-align: left;}
#products .list .item:nth-child(2n) .info i{float: inherit}
#products .list .item:nth-child(2n) .info .more{float: left}
#products .list .item:hover .info .name span{background: linear-gradient(to bottom, #e3ca91, #b19150); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  color: transparent;}
.page{margin-top: 112px;}

@media screen and (max-width: 1540px){
	#products .list .item .info .more{margin-top: 85px;}
}
@media screen and (max-width: 1240px){
	#products{margin-bottom: 100px;}
	#products .list .item .pic{width: 60%;}
	#products .list .item .info{width: 40%;}
	#products .list .item .info i{margin-top: 35px;}
	#products .list .item .info .more{margin-top: 25px;}
}
@media screen and (max-width: 1024px){
	#products .list .item .info{padding: 15px 2.8% 0;}
	#products .list .item .info i{display: none;}
}

#products-detail{margin-top: 100px;}
#products-detail .part1 {}
#crumbs{line-height: 54px; color: #999;}
#crumbs a{font-size: 14px;}
#crumbs span{display: inline-block;margin: 0 6px;}
#products-detail .part1 .box{background: #262626; }
#products-detail .part1 .box .left{width: 57.84%;}
#products-detail .part1 .box .left .slide{position: relative;}
#products-detail .part1 .box .left .slide::before{content: ""; display:block; width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; z-indeX: 1;}
#products-detail .part1 .box .left .container .swiper-pagination{bottom: 22px;}
#products-detail .part1 .box .left .container .swiper-pagination .swiper-pagination-bullet{width: 60px; height: 4px; border-radius: 4px; background: rgba(255,255,255,0.4); opacity: 1; margin: 0 10px 0;}
#products-detail .part1 .box .left .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d4b97e;}
#products-detail .part1 .box .right{width: 42.16%; padding: 70px 4.99% 30px;}
#products-detail .part1 .box .right .name{font-size: 24px; color: #fff; line-height: 44px; font-weight: bold; word-break: break-all}
#products-detail .part1 .box .right .point-list{margin-top: 8px; padding-bottom: 40px; border-bottom: 1px solid #b5b5b5;}
#products-detail .part1 .box .right .point-list .li{margin: 10px 10px 0 0; padding: 0 22px; line-height: 24px; font-size: 14px; color: #fff; background: #666;}
#products-detail .part1 .box .right .info{margin-top: 28px; }
#products-detail .part1 .box .right .info .tit{font-size: 18px; color: #fff; line-height: 28px; font-weight: bold;}
#products-detail .part1 .box .right .info .brief{margin-top: 20px; min-height: calc( 23px * 4 ); font-size: 16px; color: #ccc; line-height: 23px;}
#products-detail .part1 .box .right .btn{margin-top: 36px; width: 150px; line-height: 40px; background: linear-gradient(to bottom, #e3c990, #b29251); font-size: 14px; color: #fff;}

#products-detail .detail-box{margin-top: 100px;}
#products-detail .detail-box .cate-list{ position: relative; margin-bottom: 40px;}
#products-detail .detail-box .cate-list::before{content: ""; display: block; width: 100%; height: 1px; background: #333333; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: -1;}
#products-detail .detail-box .cate-list .item{width: 200px; font-size: 16px; color: #666; text-align: center; line-height: 40px; background: #262626;}
#products-detail .detail-box .cate-list .item.cur{color: #333333; background: linear-gradient(to bottom, #e3c990, #b29251);}
#products-detail .detail-box .detail{margin-bottom: 90px;}

img {max-width: 100%;}
.editor.detail{color: #fff;}
#products-detail .detail-box .configure{background: #1a1a1a; padding: 80px 0 100px; margin-bottom: 50px;display: none;}
/* #products-detail .detail-box .configure .item{ padding: 50px 0 120px;} */
#products-detail .detail-box .configure .item{width: 85.99%; margin: 0 auto;}
#products-detail .detail-box .configure .item .title{margin-bottom: 66px; font-size:36px; font-weight: bold; line-height: 55px; color: #ccc;}
#products-detail .detail-box .configure .innovation{margin-bottom: 100px;}
#products-detail .detail-box .configure .parameters{background: #262626; border-radius: 27px; padding: 50px 0 113px;}
#products-detail .detail-box .configure .parameters .info{width: 74.45%; margin: 0 auto;display: block !important;}
#products-detail .detail-box .configure .parameters .info .li{margin-top: 10px; font-size: 28px; color: #cccccc; line-height: 62px; border-bottom: 1px solid #3d3d3d;}

/* 产品详情弹窗 */
#pop-form{ width: 100%; height: 0; overflow: hidden; background: rgba(0,0,0,0.5); position: fixed; top: 0;left: 0; z-index: 25;}
#pop-form.cur{height: 100vh;}
#pop-form .back{width: 100%; height: 100%; top:0;left:0; z-index: 28;}
#pop-form .in-box{padding: 50px 70px; top: 5%; z-index: 30; background: linear-gradient(to bottom, #e3ca91, #b19150); border-radius: 18px; }
#pop-form .in-box .close{top: -18px; right: -18px; width: 46px; height: 46px; border-radius: 50%; background: #fff;}
#pop-form .in-box .top-title{margin-bottom: 32px;}
#pop-form .in-box .top-title .p1{font-size: 34px; color: #000000; font-weight: bold; line-height: 30px; margin-bottom: 10px;}
#pop-form .in-box .top-title .p2{font-size: 16px; color: #000000; line-height: 30px; margin-bottom: 10px;}

#pop-form .in-box label{display: block; width: 100%; height: 100%;margin-top: 20px; }
#pop-form .in-box label input,
#pop-form .in-box label select{padding: 0 25px; width: 100%; height: 50px; line-height: 50px; border-radius: 8px; font-size: 14px; background: #cccccc;}
#pop-form .in-box label input::placeholder,
#pop-form .in-box label select::placeholder{color: #999;}
#pop-form .in-box label input:first-child{margin-top: 0;}
#pop-form .in-box label select{ color: #999;appearance: none; -moz-appearance: none; -webkit-appearance: none;}
#pop-form .in-box label .sel{background:url(../images/pop-pic3.png) no-repeat #ccc right 10px center / auto 18%; }
#pop-form .in-box label .sel1{margin-right: 15px;}
/* #pop-form .in-box .in-code .code{width: 190px; height: 85px; margin: 15px auto 0; z-index: 5;} */
#pop-form .in-box .in-code .code{width: 139px; height: 42px; top: 50%; right: 15px; transform: translateY(-50%); z-index: 5;}

#pop-form .in-box .sub-btn{margin-top: 60px; z-index: 5;}
#pop-form .in-box .sub-btn .submit{border-radius: 30px; background: #000000; }
#pop-form .in-box span{position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50%);font-size: 16px; font-weight: bold; background: linear-gradient(to bottom, #e3ca91, #b19150); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  color: transparent; }

@media screen and (max-width: 1540px){
	#products-detail .part1 .box .right{padding-top: 30px;}
}
@media screen and (max-width: 1024px){
	#products-detail .detail-box .configure .item{width: 90%;}
}

/* 招商加盟 */
#join-deve{padding-top: 70px; height: 1080px;}
#join-deve .back{height: 100%;}
#join-deve .bot{top: inherit; bottom: 118px; left: 0;}
#join-deve .list{ justify-content: space-between;}
#join-deve .list .li{width: 24.07%; /* margin-top: 20px; */ padding: 27px 33px 41px; background: rgba(0,0,0,0.7);}
#join-deve .list .li:hover{transform: translateY(-30px);}
#join-deve .list .li .name{margin-bottom: 27px; font-size: 20px; font-weight: bold; line-height: 52px;}
#join-deve .list .li .name span{background: linear-gradient(to bottom, #e3ca91, #b19150); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  color: transparent; }
#join-deve .list .li .brief{margin-bottom: 40px;min-height: calc(29px * 2); font-size: 16px; color: #fff;line-height: 29px;} 
#join-deve .list .li i{margin: 0 auto; display: block; width: 30px; height: 2px; background: #fff; }

#join-tit{}
#join-tit .tit_en{font-size: 60px; color: rgba(255,255,255,0.2); line-height: 76px; font-weight: bold;}
#join-tit .tit_cn{font-size: 36px; color: #fff; line-height: 56px; font-weight: bold;text-transform: capitalize;}
#join-tit .brief{font-size: 18px; color: #fff; line-height: 30px; margin-top: 7px; opacity: 0.8;}

#join-adv{margin-top: 132px;}
#join-adv .box{height: 693px; margin-top: 54px;}
#join-adv .box .pic-list{height: 100%;}
#join-adv .box .pic-list .pic{display: none; height: 100%;}
#join-adv .box .pic-list .pic.cur,
#join-adv .box .pic-list .pic.swiper-slide-thumb-active{display: inline-block;}
#join-adv .box .tab-list{top: 142px; left: 60px; z-index: 4;}
#join-adv .box .tab-list .li{width: 150px; line-height: 40px; background: rgba(255,255,255,0.2); color: #fff; margin-top: 10px;text-transform: capitalize;}
#join-adv .box .tab-list .li:first-child{margin-top: 0;}
#join-adv .box .tab-list .li.cur,
#join-adv .box .tab-list .li.swiper-slide-thumb-active{background: linear-gradient(to bottom, #e3ca91, #b19150);}

#join-sup{margin-top: 132px;}
#join-sup .box{margin-top: 104px;}
#join-sup .box .item{width: 24.07%; min-height: 390px; margin-right: 1.11%; margin-top: 39px;}
#join-sup .box .item:nth-child(4n){margin-right: 0;}
#join-sup .box .item:nth-child(-n+4){margin-top: 0;}
#join-sup .box .item .front{top: 0; left: 0; width: 100%; height: 100%; background: #333; padding-top: 73px;}
#join-sup .box .item .front .num{margin-bottom: 44px;line-height: 74px; font-family: 'BEBAS'; font-size: 60px;}
#join-sup .box .item .front .txt{font-size: 24px; font-weight: bold; line-height: 44px;}
#join-sup .box .item .front .num span,
#join-sup .box .item .front .txt span{background: linear-gradient(to bottom, #e3ca91, #b19150); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  color: transparent;}
#join-sup .box .item .back{top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, #e3ca91, #b19150); padding: 30px 29px 33px;}
#join-sup .box .item .back .p1{line-height: 49px;}
#join-sup .box .item .back .p1 .num{font-family: 'BEBAS'; font-size: 32px; color: #333; }
#join-sup .box .item .back .p1 .tit{margin-left: 20px;font-size: 24px; color: 33px; font-weight: bold;line-height: 1;}
#join-sup .box .item .back  .brief{margin-top: 38px; height: calc( 30px * 8); line-height: 1.6; font-size: 16px; color: #333; font-weight: bold;}
#join-sup .box .item:hover .front{display: none;}
#join-sup .box .item:hover .back{display: inline-block;}

#join-con{margin-top: 132px;}
#join-con .box{margin-top: 90px;}
#join-con .box .left{width: 49.38%;}
#join-con .box .left .left-in{height: 100%; padding: 70px 18.125% 0 19.125%;}
#join-con .box .left .left-in .list .li{margin-top: 17px; line-height: 34px; font-size: 18px;}
#join-con .box .left .left-in .list .li:first-child{margin-top: 0;}
#join-con .box .left .left-in .list .li span{background: linear-gradient(to bottom, #e3ca91, #b19150); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  color: transparent; }
#join-con .box .left .left-in .list .li span:first-child{font-family: 'BEBAS'; margin-right: 8px;}
#join-con .box .right{width: 49.38%;}

#join-pro{margin-top: 132px;}
#join-pro .box{margin-top: 128px;}

#join-us{margin: 132px 0 200px;}
#join-us .box{margin-top: 114px;}
#join-us .box .left{padding-top: 57px; padding-left: 8.457%;}
#join-us .box .left form{width: 34.012%;}
#join-us .box .left form .phone{margin-bottom: 40px;}
#join-us .box .left form .phone .p1{font-size: 14px; color: #ccc; line-height: 24px;}
#join-us .box .left form .phone .p2{font-size: 48px; line-height: 65px; font-family: 'BEBAS';}
#join-us .box .left form .phone .p2 span{background: linear-gradient(to bottom, #e3ca91, #b19150); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  color: transparent; }

#join-us .box .left form .la1 label{width: 46%;}
#join-us .box .left form .la1 label input{padding: 0 19px; width: 100%; line-height: 40px; border: 1px solid #999999; color: #fff; font-size: 14px;}
#join-us .box .left form .la1 label input::placeholder{color: #999;}
#join-us .box .left form .la2{margin-top: 20px;}
#join-us .box .left form .la2 select{padding: 0 19px; width: 30.9%; height: 40px; line-height: 40px; border: 1px solid #999999; color: #999; font-size: 14px;}

#join-us .box .left form .la1.in-code{margin-top: 20px;}
#join-us .box .left form .la1.in-code label{width: 100%;}
#join-us .box .left form .la1.in-code input{width:100%;}
#join-us .box .left form .la1.in-code .code{width: 100%;}

/*
#join-us .box .left form .la2 select{padding: 0 19px; width: 30.9%; height: 40px; line-height: 40px; border: 1px solid #999999; color: #999; font-size: 14px;  appearance:none;   -moz-appearance:none;   -webkit-appearance:none; -ms-appearance:none; position: relative;}
#join-us .box .left form .la2 select::before{content:""; display: block; width: 17px; height: 10px; background: url(../images/join-pic7.png) no-repeat center; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}*/

#join-us .box .left form .submit{margin-top: 60px; padding: 0 19px; width: 30.9%; line-height: 40px; color: #333; font-size: 14px; background: linear-gradient(to bottom, #e3ca91, #b19150);}

@media screen and (max-width: 1540px){
	#join-deve {height: 935px;}

	#join-con .box .left .left-in{padding: 46px 6.125% 0 12.125%;}
	#join-con .box .left .left-in .list .li{margin-top: 10px;}
}
@media screen and (max-width: 1440px){
	#join-deve {height: 890px;}

	#join-adv .box{height: 650px;}
}
@media screen and (max-width: 1366px){
	#join-deve {height: 820px;}
	#join-deve .bot{bottom: 95px;}

	#join-pro .box{margin-top: 90px;}

	#join-us{margin: 132px 0 150px;}
	#join-us .box .left{ padding-left: 3.457%;}
	#join-us .box .left form{width: 41.012%;}
}
@media screen and (max-width: 1280px){
	#join-adv .box{height: 595px;}
	#join-adv .box .tab-list {top: 61px;left: 60px;}
	
	#join-us{margin-bottom: 100px;}
	#join-us .box{margin-top: 80px;}
	#join-us .box .back{height: 500px;}
}
@media screen and (max-width: 1024px){
	#join-deve {height: 720px;}
	#join-deve .bot{bottom: 60px;}
	#join-deve .list .li{padding: 27px 20px 41px}

	#join-adv .box{height: 535px;}

	#join-sup .box{margin-top: 80px;}
	#join-sup .box .item{width: 48.07%; margin-right: 30px; margin-top: 30px;}
	#join-sup .box .item:nth-child(4n){margin-right: 30px;}
	#join-sup .box .item:nth-child(-n+4){margin-top: 30px;}
	#join-sup .box .item:nth-child(2n){margin-right: 0;}
	#join-sup .box .item:nth-child(-n+2){margin-top: 0;}

	#join-pro .box{margin-top: 80px;}

	#join-us .box .left form{width: 43.012%;}
}

/* 新闻 */
#news{margin: 100px 0 70px;}
#news .hot-list {margin-bottom: 130px;}
#news .list .item{width: 32.45%; margin-right: 1.23%; margin-top: 100px; background: #1a1a1a;}
#news .list .item:nth-child(-n+3){margin-top: 0;}
#news .list .item:nth-child(3n){margin-right: 0;}
#news .list .item .info{padding: 20px 5.58% 40px;}
#news .list .item .info .name{margin-bottom: 13px; font-size: 20px; line-height: 40px; color: #fff;}
#news .list .item .info .brief{margin-bottom: 46px; font-size: 16px; color: #ccc; line-height: 29px; height: calc( 29px * 2);}
#news .list .item .info .bot .time{font-size: 18px; color: #999; line-height: 42px;}
#news .list .item .info .bot .more{width: 150px; height: 40px; line-height: 40px; border: 1px solid var(--main); font-size: 14px;}
#news .list .item .info .bot .more span{background: linear-gradient(to bottom, #e3ca91, #b19150); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  color: transparent; }
#news .list .item:hover .info .name span{background: linear-gradient(to bottom, #e3ca91, #b19150); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  color: transparent; }

#news-detail{margin-top: 100px;}
#news-detail .info{margin-top: 50px; }
#news-detail .info .title{margin-bottom: 15px; font-size: 20px; color: #fff; line-height: 40px;}
#news-detail .info .bot { padding-bottom: 44px; }
#news-detail .info .bot .li{font-size: 14px; color: #999; line-height: 24px; margin-right: 67px;}
/* #news-detail .info .bot .li:first-child{margin-right: 67px;} */
#news-detail .cont{padding: 50px 0; border-top: 1px solid #333; border-bottom: 1px solid #333;}
#news-detail .tag-list .tag{margin: 20px 20px 0 0; padding: 0 24px; line-height: 24px; background: #666666; font-size: 14px; color: #fff; }
#news-detail .page-list{margin: 30px 0 80px;}
#news-detail .page-list .btn{font-size: 16px; color: #999; line-height: 36px;}
#news-detail .page-list .btn .p1{width: 6%;}
#news-detail .page-list .btn .p2{width: 93%;}
#news-detail .back{margin: 0 auto 76px; width: 120px; height: 40px; line-height: 40px; border: 1px solid #999; font-size: 14px; color: #ccc;}

@media screen and (max-width: 1024px){
	#news-detail .page-list .btn .p1{width: 8%;}
}

#video{margin: 100px 0 213px;}
#video .hot-video{margin-bottom: 98px;}
#video .hot-video .play{z-index: 5;}
#video .list .item{width: 32.45%; margin-right: 1.23%; margin-top: 49px;}
#video .list .item:nth-child(-n+3){margin-top: 0;}
#video .list .item:nth-child(3n){margin-right: 0;}
#video .list .item .pic .play{z-index: 5;}
#video .list .item .pic .play img{width: 60px; height: 70px;}
#video .list .item .info{margin-top: 11px;}
#video .list .item .info .name{font-size: 16px; color: #fff; line-height: 35px;}

@media screen and (max-width: 1366px){
	#video{margin: 100px 0 150px;}
}
@media screen and (max-width: 1280px){
	#video{margin: 100px 0 100px;}
}

@media (max-width:767px) {
	#o-banner {height: 60vh;}
	 #o-banner .pic-box .slide img ,#join-con .box .right img {object-fit: cover;}
	 #news .list .item {width: 48%;}
	 #join-sup .box .item {width:45%;}
	 #join-us .box .back img {height: 100%;object-fit:  cover;}
	 .box.relative .fz0.i-pic img {height: 500px;object-fit: cover;}
	 #video .list .item {width: 100%;}
	 #banner ,#i-banner,#i-banner .swiper-container,#i-banner .swiper-container .swiper-slide,#i-banner .swiper-container .swiper-slide .Img, #i-banner .swiper-container .swiper-slide .Img img{height: 100%;object-fit: cover;}


}