.w1280{ max-width: 1380px; padding: 0 50px; margin: 0 auto;}
.activity{ background: #000000;}
.activity-header{ position: fixed; z-index: 9; top:0; left:0; width: 100%;  padding:25px 0; }
.activity-header .w1280{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.activity-header .logo2{ display: none;}
.activity-header .logo{ display: block;}
.activity-header li{ float: left; padding: 0 35px;}
.activity-header li a{ display: block; font-size:16px; color: #FFFFFF; line-height:40px; position: relative;}
.activity-header li.current a{ color: #f54e08;}
.activity-header .mb-nav-ico{ display: none;}
.activity-header.active{ background: #FFFFFF;}
.activity-header.active .logo2{ display: block;}
.activity-header.active .logo{ display: none;}
.activity-header.active li a{ color: #333333;}
.activity-header.active li.current a{ color: #f54e08;}
.activity-header.active .mb-nav-ico .line{ background: #333333;}

.mb-nav-ico.active .line:nth-child(2){ opacity: 0;}
.mb-nav-ico.active .line:nth-child(1){top: 50%; margin-top: -1px; transform: rotate(-45deg);}
.mb-nav-ico.active .line:nth-child(3){ top: 50%; margin-top: -1px; transform: rotate(45deg);}


.banner{ width: 100%; position: relative;}
.banner img{ width: 100%;}
.banner .text{ position: absolute; bottom:20%; left:0; width: 100%; letter-spacing: 2px; text-align: center; color: #FFFFFF; text-shadow:0 0 20px rgba(0,0,0,.6);}
.banner .text span{ display:block; font-size: 22px;}
.banner .text p{ font-size: 30px; margin-top: 10px; font-weight:600;}
 
.mao{ position: absolute; top:-100px; left:0;}
.theme-center{ text-align: center;}
.theme-center span{ display: inline-block; vertical-align: middle; font-size:40px; color: #FFFFFF; font-weight: 600; margin: 0 20px;}
.theme-center i{ display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: #ff5e05;}
.button{  display: block; margin:0 auto; width: 180px; max-width: 80%; padding: 0 20px; background: #ff5e05; color: #FFFFFF; font-size: 18px; border-radius: 12px; text-align: center; line-height:60px;}


.activity-customer{ position: relative; padding: 70px 0 75px; background-image:url(../images/activity2022/bg_01.jpg);}
.activity-customer ul{ display: flex; flex-flow: wrap; align-items: stretch; justify-content: flex-start;}
.activity-customer ul li{ margin-top: 55px; width: 33.3%; padding: 0 1.5%;}
.activity-customer ul .box{ cursor: pointer; text-align: center; position: relative;}
.activity-customer ul .img{ position: relative; border-radius: 100%; max-width: 264px; border: 2px solid #ff5e05; overflow: hidden; margin: 0 auto;}
.activity-customer ul .img2{ display: none;}
.activity-customer ul .img:after{ display: none; content: ""; position: absolute; z-index: 0; top:0; left:0; width: 100%; height: 100%; background:rgba(0,0,0,.5); }
.activity-customer ul .img span{ z-index:1; display: none; position: absolute; top:50%; left:0; width: 100%; text-align: center; line-height: 50px; margin-top: -25px; font-size: 24px; color: #fff; font-weight: bold;  }
.activity-customer ul .box .text{ margin-top: 25px; text-align: center; color:#FFf;}
.activity-customer ul .box .text .tit{ font-size: 24px; display: block; padding-bottom: 15px;  position:relative; font-weight: 600; display: block;}
.activity-customer ul .box .text .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -12px; width: 24px; height: 4px; background: #ff5e05;}
.activity-customer ul .box .text p{ font-size: 18px; margin-top: 15px;}
.activity-customer ul .box .des{ display: none;}
.activity-customer ul .box:hover .img span{ display: block; }
.activity-customer ul .box:hover .img:after{ display: block; }
.activity-customer ul .more{ position: relative; }
.activity-customer ul .more .img{ cursor: pointer; }
.activity-customer ul .more-button{ position: absolute; top:50%; left:0; width: 100%; text-align: center; line-height: 50px; margin-top: -25px; font-size: 24px; color: #fff; font-weight: bold;  }

.activity-meeting{ position: relative; padding: 30px 0 60px;}
.activity-meeting .tab{ margin: 35px auto 0; max-width:480px; border: 1px solid #ff5e05; text-align: center; border-radius: 4px;}
.activity-meeting .tab span{ cursor: pointer; display: inline-block; width: 50%; line-height: 60px; font-size: 20px; color: #FFF; float: left;}
.activity-meeting .tab span.active{ background: #ff5e05;}
.activity-meeting .js-tab-box{ margin-top: 60px;}
.activity-meeting .js-tab-con{ display: none;}
.activity-meeting .js-tab-con.active{ display:block;}
.activity-meeting .js-tab-con .video{ border-radius: 20px; overflow: hidden;}
.activity-meeting .js-tab-con .video video{ display: block; width: 100%;}
.activity-meeting .js-tab-con .img{ margin-top: 75px;}
.activity-meeting ul{ margin: 80px 0 0; display: flex; flex-flow: wrap; align-items: stretch; justify-content: space-between;}
.activity-meeting li{ padding:0 40px; width: 50%; margin-bottom: 50px;}
.activity-meeting li .video{ border-radius: 15px; overflow: hidden; position: relative; cursor: pointer;}
.activity-meeting li .video img{ width: 100%; }
.activity-meeting li .video:after{ content: ""; position: absolute; top:50%; left:50%; width: 60px; height: 60px; background-size:cover; background-image:url(../images/activity2022/play_ico.png); transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); }
.activity-meeting li .video video{ display: block; width: 100%;}
.activity-meeting li p{ color: #fff; font-size: 20px; font-weight: 600; margin-top:10px; padding-left: 12px; margin-left: 10px; position: relative;}
.activity-meeting li p:before{content: ""; position: absolute; top:50%; left:0; width:3px; height: 20px; background: #ff5e05;  margin-top: -10px;}


.activity-media{ position: relative;  padding: 40px 0;}
.activity-media ul{ margin: 40px -20px 0; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.activity-media li{ padding: 20px; width: 20%;}
.activity-media li span{ display: block; border-radius: 15px; overflow: hidden;}

.activity-down{ padding: 50px 0; position: relative;}
.activity-down ul{ margin:40px -20px; display: flex; flex-flow: wrap; align-items: stretch; justify-content: space-between;}
.activity-down li{ width: 25%; padding:20px;}
.activity-down li .box{ cursor: pointer; padding: 64px 0; text-align: center; border-radius:10px; overflow: hidden;}
.activity-down li .box .tit{  margin-top: 20px; padding: 0 25px; min-height: 50px; font-size: 18px; line-height: 22px; color: #FFFFFF;}
.activity-down li .box .line{ margin-bottom: 16%; display: inline-block; width: 24px; height: 4px; background: #ff5e05;}
.activity-down li .box .button{  line-height: 48px;}

.activity-reg { position: relative; padding: 60px 0 120px;}
.activity-reg .from-content { max-width: 950px; margin: 50px auto 0;}
.activity-reg .from-content .row{ color: #FFFFFF !important;}

.activity-pop{ display: none; position: fixed; z-index: 99;  top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.75); text-align: center;  transition-delay:.4s; -moz-transition-delay:.4s; -webkit-transition-delay:.4s; -o-transition-delay: .4s;}
.activity-pop .close{ position: absolute; z-index: 2; top:10px; right:10px; width:50px; height: 50px; background-size: cover; background-image: url(../images/activity2022/customer_close.png); cursor: pointer;}
.activity-pop .content{ max-width:1080px; width:92%; background: #FFFFFF;  display: inline-block; vertical-align: middle; position: relative; text-align: left; border-radius:27px;  overflow: hidden;}
.activity-pop .content+i{ height: 100%; display: inline-block; vertical-align: middle;}
.customer-pop .content{ max-width:840px; padding: 40px 0 40px 40px; }
.customer-pop .content .con{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.customer-pop .content .img{ width: 40%; border-radius:30px;  border: 2px solid #ff5e05; overflow: hidden;}
.customer-pop .content .text{ width: 60%;}
.customer-pop .content .text .tip{ padding-left: 35px; color: #222222; font-size: 20px;} 
.customer-pop .content .text .tit{ margin-top: 25px; padding:20px 0 35px 35px; background-image: url(../images/activity2022/customer_tit_bg.png); background-size: cover; color: #fff;}
.customer-pop .content .text .tit span{ font-size: 24px; display: block; font-weight: 600; display: block;}
.customer-pop .content .text .tit p{ font-size: 18px; margin-top: 12px;}
.customer-pop .content .text .des{ margin-top: 25px; padding:0 35px; font-size: 16px; line-height: 30px; text-align: justify; color: #333333;}

.from-pop .close{ background-image: url(../images/activity2022/close2.png);}
.from-pop .tit{ position: relative; z-index: 1; padding: 40px 50px; background-image: url(../images/activity2022/from__bg.png); color: #FFFFFF; font-size:40px;}
.from-pop .tit span{ display: inline-block; position: relative; padding-left: 15px; font-weight: 600;}
.from-pop .tit span:before{ content: ""; position: absolute; top:50%; left:0; width:6px; height: 36px; background: #fff; border-radius: 3px; margin-top: -18px;}
.from-pop .from-content{ padding: 40px 75px 55px;}
.from-content .row{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;  line-height: 48px; font-size: 18px; color: #333333; }
.from-content .row span{ width: 48%; margin-bottom: 10px;  display: block; position: relative;}
.from-content .row:nth-child(1) span,
.from-content .row:nth-child(2) span{ padding-left: 55px; }
.from-content .row:nth-child(3){ margin-bottom: 30px;}
.from-content .row span i{font-style: normal; position:absolute; top:0; left:0;}
.from-content .row span input{ width: 100%; height: 48px; line-height: 24px; padding:12px; border: 1px solid #eeeeee; border-radius: 4px;}
.from-content .row em{ margin-right: 25px; cursor: pointer; position: relative; padding-left: 30px; display: inline-block;}
.from-content .row em:before{ content: ""; position: absolute; top:50%; margin-top: -7px; left:0; width: 14px; height: 14px; background: #eeeeee; border-radius: 100%; overflow: hidden;}
.from-content .row em.active:after{ content: ""; position: absolute; top:50%; left:3px; margin-top: -4px; width: 8px; height: 8px; border-radius: 100%; background: #ff5e05; border-radius: 100%;}

.from-sucess-pop .content{ border-radius: 10px; max-width: 370px; padding: 40px 20px; text-align: center; color: #333333;}
.from-sucess-pop .p-01{ margin: 10px 0; font-size: 24px;}
.from-sucess-pop .p-02{ margin: 10px 0;  font-size: 18px;}
.from-sucess-pop .close{  color: #ff5e05; background: none; position: relative; right:auto; top:auto; width: 100%;}
.ny-button{ display: inline-block; padding: 0 25px; min-width: 120px; line-height: 40px; background: #ff5e05; border-radius: 4px; color: #FFFFFF; font-size: 16px;}


.activity-footer{ padding: 70px 0; background: linear-gradient(100deg,#ff5f05,#ff6d22,#ff7f38); color: #FFFFFF;}
.activity-footer .w1280{ display: flex; flex-flow: wrap; align-items: flex-start; justify-content: space-between;}
.activity-footer .left .tit{ font-size: 30px; font-weight: 600;}
.activity-footer .left .des{ font-size: 20px; line-height: 40px; margin-top: 25px;}
.activity-footer .left .des p{ position: relative; padding-left: 30px;}
.activity-footer .left .des p:before{ content: ""; position: absolute; top:50%; margin-top: -11px; left:0; width: 22px; height: 22px; background-size: cover;}
.activity-footer .left .des p:nth-child(1):before{ background-image:url(../images/activity2022/ico_user.png); }
.activity-footer .left .des p:nth-child(2):before{ background-image: url(../images/activity2022/ico_mail.png);}
.activity-footer .left .button{ margin: 30px 0 0; width: 300px; background: #fff; color: #222222; cursor: pointer;}
.activity-footer .right{ width: 40%; max-width: 400px; display: flex; flex-flow: wrap; align-items: flex-start; justify-content: space-between;}
.activity-footer .right div{ text-align: center; font-size: 16px;}
.activity-footer .right div img{ margin: 0 auto 12px;}

.video-pop .close{ top:0; right:-50px; }
.video-pop .content{ width: auto; overflow: initial;}
.video-pop video{ max-height: calc(100vh/1.2); display: block; }


.luodi-fixed{ position: fixed; z-index: 10; top:50%; right:2%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center;}
.luodi-fixed span{ margin:20px 0;  cursor: pointer; color: #FFFFFF; display: block; font-size:18px; color: #FFFFFF; font-weight: 600;}
.luodi-fixed img{ margin-bottom: 6px; }

@media (max-width:1200px){ 
	
	.w1280{ padding: 0 0.4rem;}
	.activity{ padding-top: 1.2rem;}
	.activity-header,
	.activity-header.active{ padding:0.37rem 0.4rem;}
	.activity-header .logo2,
	.activity-header .logo{  width: auto;}
	.activity-header .logo2 img,
	.activity-header .logo img{ height: 0.6rem;}
	.activity-header ul{position: fixed; left:100%; top:1.34rem; width: 100%;  background: rgba(0,0,0,.9);}
	.activity-header li{ width: 100%; padding: 0 0.533333rem;}
	.activity-header li a{ font-size:0.4rem; line-height:1.2rem; padding-bottom:0.133333rem;}
	.activity-header.active li a{ color: #FFFFFF;}
	.activity-header .mb-nav-ico{ display: block;}
	
	.banner .text span{  font-size: 0.32rem;}
	.banner .text p{ font-size: 0.24rem; margin-top: 0.133333rem;}
	 
	.mao{  top:-1.5rem;}
	.theme-center span{ font-size: 0.533333rem; margin: 0 0.3rem;}
	.theme-center i{  width: 0.2rem; height: 0.2rem;}
	.button{ width: 3rem; line-height: 1rem; font-size: 0.36rem; border-radius: 0.16rem; }
	
	.activity-customer{ padding: 1.5rem 0 0;}
	.activity-customer ul li{ margin-top:1rem; width: 50%; padding: 0 10%;}
	.activity-customer ul .box .text{ margin-top: 0.4rem;}
	.activity-customer ul .box .text .tit{ font-size:0.4rem; }
	.activity-customer ul .box .text p{ font-size: 0.32rem;}
	.activity-customer ul .img span{ font-size: 0.34rem; }
	.activity-customer ul .more-button{  font-size: 0.34rem; }
	
	.activity-meeting{  padding: 1.5rem 0 0;}
	.activity-meeting .tab{ margin: 0.6rem auto 0; max-width:70%; }
	.activity-meeting .tab span{line-height: 1rem; font-size: 0.4rem;}
	.activity-meeting .js-tab-box{ margin-top: 0.8rem;}
	.activity-meeting .js-tab-con .video{ border-radius: 0.266666rem; }
	.activity-meeting .js-tab-con img{ margin-top: 0.8rem;}
	.activity-meeting ul{ margin: 0.8rem 0 0; display: flex; flex-flow: wrap; align-items: stretch; justify-content: space-between;}
	.activity-meeting li{ padding:0; width: 100%; margin-bottom: 0.8rem;}
	.activity-meeting li p{ font-size: 0.34rem; }
	.activity-meeting li p:before{ height: 0.3rem; margin-top: -0.15rem;}
	.activity-meeting li .video:after{ width: 0.7rem; height: 0.7rem; }

	.activity-media{  padding: 1.5rem 0 0;}
	.activity-media ul{ margin: 0.533333rem -0.12rem 0;}
	.activity-media li{ padding: 0.12rem; width: 25%;}
	.activity-media li span{ border-radius: 0.12rem;}
	
	.activity-down{ padding: 1.5rem 0 0;}
	.activity-down ul{ margin: 0.533333rem -0.266666rem 0.8rem;}
	.activity-down li{ width: 50%; padding: 0.266666rem;}
	.activity-down li .box{ padding: 1rem 0;}
	.activity-down li .box .tit{  margin-top: 0.4rem; padding: 0 0.4rem; min-height: 1.4rem; font-size: 0.32rem; line-height: 0.5rem;}
	.activity-down li .box .button{  line-height: 0.8rem;}
	
	.activity-reg { padding: 1.5rem 0;}
	.activity-reg .from-content { margin:0.666666rem auto 0;}
	
	.activity-pop .close{  top:0; right:0; width:0.8rem; height: 0.8rem;}
	.activity-pop .content{border-radius:0.2rem; }
	.customer-pop .content{ padding:0.266666rem 0 0.266666rem 0.266666rem; }
	.customer-pop .content .img{ border-radius:0.213333rem; }
	.customer-pop .content .text .tip{ padding-left: 0.266666rem; font-size: 0.293333rem;} 
	.customer-pop .content .text .tit{ margin-top: 0.266666rem; padding: 0.12rem 0  0.12rem  0.266666rem; }
	.customer-pop .content .text .tit span{ font-size: 0.3rem;}
	.customer-pop .content .text .tit p{ font-size: 0.24rem; margin-top: 0.1rem;}
	.customer-pop .content .text .des{ margin-top: 0.266666rem; padding:0 0.266666rem; font-size: 0.22rem; line-height: 0.4rem;}
	
	.from-pop .tit{font-size:0.533333rem; padding:0.4rem 0.4rem;}
	.from-pop .tit span:before{ width:0.133333rem; height:0.533333rem; margin-top: -0.266666rem;}
	.from-pop .from-content{ padding: 0.5rem;}
	.from-content .row{ line-height: 0.8rem; font-size: 0.346666rem; }
	.from-content .row span{ width: 100%;}
	.from-content .row:nth-child(1) span,
	.from-content .row:nth-child(2) span{ padding-left:1.2rem; }
	.from-content .row:nth-child(3){ margin-bottom: 0.4rem;}
	.from-content .row span input{ height: 0.8rem; line-height:0.8rem; padding:0 0.2rem; border-radius: 0.066666rem;}
	.from-content .row em{ margin-right: 0.533333rem;  padding-left: 0.533333rem;}
	.from-content .row em:before{ content: ""; position: absolute; top:50%; margin-top: -7px; left:0; width: 14px; height: 14px; background: #eeeeee; border-radius: 100%; overflow: hidden;}
	.from-content .row em.active:after{ content: ""; position: absolute; top:50%; left:3px; margin-top: -4px; width: 8px; height: 8px; border-radius: 100%; background: #ff5e05; border-radius: 100%;}
	
	.from-sucess-pop .content{ border-radius: 0.133333rem; padding: 0.8rem;}
	.from-sucess-pop  img{ width: 1.2rem;}
	.from-sucess-pop .p-01{ font-size: 0.36rem;}
	.from-sucess-pop .p-02{ margin: 0.133333rem; font-size: 0.32rem; }
	
	.activity-footer{ padding: 1rem 0; display: block;}
	.activity-footer .left .tit{ font-size: 0.4rem;}
	.activity-footer .left .des{ font-size: 0.32rem; line-height: 0.7rem; margin-top: 0.266666rem;}
	.activity-footer .left .des p{ padding-left: 30px;}
	.activity-footer .left .des p:before{ margin-top: -0.266666rem; width: 0.4rem; height: 0.4rem;}
	.activity-footer .left .button{ margin: 0.533333rem 0 0; width: 5rem; padding: 0 0.2rem;}
	.activity-footer .right{ width: 100%; max-width: 100%; margin-top: 0.8rem;}
	.activity-footer .right div{ max-width: 40%; font-size: 0.32rem;}
	.activity-footer .right div img{ width: 2rem;}

	.video-pop .content{ width: 80%; }
	.video-pop .close{ top:0; right:-0.8rem; }

	.luodi-fixed span{ font-size: 0.32rem; letter-spacing: 0.026666rem;}
	.luodi-fixed img{ margin-bottom: 0.133333rem; width: 1rem;}
	
}