@charset "utf-8";
/* 说明：1.背景是#202020下的 白色不透明度10% 的颜色是：#373738. (这个颜色代码是都是颜色不透明度写的)。
		 2.交互颜色#ea6011。
*/
.bg_f5f5f7{background-color: #f5f5f7;}
.f-en-tt{font-family: 'Gotham-Blod';}
.transform_img:hover .Ispic,.transform_img:hover .pic img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.transform_img .Ispic,.transform_img .pic img{
  -webkit-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  
}
.onhover,.Bulletins_list li a,.NewInd_section2 .morebtn a,.NewInd_section2 .morebtn a i,.Download_list li a,.Link_list li a,.newlist figure,.hisnewbtn a,.hisnewbtn a i,.Nhislist li,.Nhislist li .pic,.Nhislist li h3 a,.in-menu li a::after,.eventmk li .wrap::after,.eventmk li .hover,.evideolist .li .pic::after,.evideolist .li .pic::before,.ephotolist .li .inner,.ephotolist li .inner .word,.ephotolist li .inner h3,.ephotolist li .inner h3 a{
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.auto_1520{margin:0 auto; max-width: 1520px; width: 96%;}
.bg_202020{ background-color: #202020;}
.bg_fff{ background-color: #fff;}
.fz_18{font-size: 18px;}
.fz_36{font-size: 36px;}
.fz_24{font-size: 24px;}
.fz_52{font-size: 52px;}
.npb{padding-bottom: 0;}
.pb6{padding-bottom: 8%;}
a.href{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: block;}

.newloading{ text-align: center; padding: 0 0 6%;}
.newloading a{display: inline-block; font-size: 16px; color: #999;cursor: pointer;}
.newloading a i{display: inline-block; background: url(../images/loading.gif) no-repeat; background-size: 17px 17px; width: 17px; height: 17px; margin-right: 5px; position: relative; top: 2px;}

.newhasvideo .pic{position: relative;}
.newhasvideo .pic::after,.newhasvideo .pic::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height:100%;}
.newhasvideo .pic::after{background-color: rgba(0,0,0,.6); z-index: 1;}
.newhasvideo .pic::before{ background: url(../images/videoplay_icon.png) no-repeat center;z-index: 2;}

.printbtn{display: block; text-align: center; background-color: #fff; padding: 15px 0;}
.printbtn a{display: inline-block; color: #333; background: url(../images/print_icon.png) no-repeat center 5px; padding-top: 70px; cursor: pointer; background-size:auto 60px;}
.printbtn em{font-style: normal; font-size: 30px; display: block;}
.printbtn span{font-size: 20px;display: block;}

.hisnewbtn{padding: 0 0 5%; text-align: center;}
.hisnewbtn a{display: inline-block; border-radius: 45px; line-height: 45px; color: #ea6011; text-transform: uppercase; border: solid 1px #ea6011; padding:0 30px; font-size: 16px;}
.hisnewbtn a span{position: relative; z-index: 1;}
.hisnewbtn a i{ background: url(../images/arrow_down2.png) no-repeat; display: inline-block; margin-left: 5px; width: 8px; height: 5px; position: relative; top: -3px;}
.hisnewbtn a:hover{color: #fff; /* box-shadow: 0 0 5px 1px rgba(255,255,255,.15); */  padding: 0 40px; background: #ea6011}
.hisnewbtn a:hover a{background-image: url(../images/arrow_down_hover.png)}

@media (max-width:768px){
.hisnewbtn a{line-height:38px;}
}

.photo-box{ position: fixed; top: 0; left: 0; z-index: 999;background:rgba(0, 0, 0, 0.85) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; width: 100%; height: 100%; text-align: center;}
.photo-box .close{ position: absolute;bottom: 0; left: 50%; margin-left: -30px; cursor: pointer; z-index: 999; width: 60px; height: 60px; text-align: center; border-radius: 100%; border: 2px solid #fff;}
.photo-box .close:before{ content: "×"; font-family: "宋体"; font-size: 44px; color: #fff; line-height: 60px; }
.photo-box .photowrap{margin: 0 auto;max-width: 994px; width:90%; position: relative; padding: 0 50px; display:block;}
.photo-box .photowrap li.slick-slide{height:auto;}
.photo-box .photowrap .Ispic{padding-bottom:62.528%;}
.photo-box .photowrap .pages{position:relative; z-index:10; margin-top:-40px; line-height:30px;color:#fff;}
.photo-box .photowrap img{max-height:65vh;  max-width: 100%; width: auto;}
.photo-box .photowrap .word{background: #181818; text-align: center; padding: 2%; color: #fff;}
.photo-box .photowrap .word h3{margin: 0;}
.photo-box .photowrap .word time{display: block; font-size: 18px; padding-top: 1%;}
.photo-box .photowrap .btn .slick-arrow{position: absolute; background: url(../images/photobtn.png) no-repeat; background-size: 57px 52px; width: 28px; height: 52px; display: block; top: 50%; margin-top: -26px; cursor: pointer; z-index: 3;}
.photo-box .photowrap .btn .slick-prev{ background-position: left top; left: 0;}
.photo-box .photowrap .btn .slick-next{ background-position: right top; right: 0;}


.morebtn{display: block;}
.morebtn a{display: inline-block;}
.morebtn a i{display: inline-block;}

.in-banner{position: relative; text-align: center;}
.in-banner img{display: block; width: 100%;}
.in-banner .wapimg{display: none;}
.in-banner .videobox{position: absolute; top: 0; left: 0; width: 100%; height: 100%;display: none; z-index: 5;}
.in-banner .videobox video{ object-fit: fill;position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.hasvideo .imgs{position: relative;}
.hasvideo .imgs::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/videoplay_icon.png) no-repeat center; z-index: 2; cursor: pointer;}
@media (max-width:1200px) {
	.in-banner .pcimg{display: none;}
	.in-banner .wapimg{display: block;}
}

.in-menu{text-align: center; background: #fff;}
.in-menu li{display: inline-block; padding: 30px 2% 0;}
.in-menu li a{display: block; padding-bottom: 30px; color: #333; position: relative; text-transform: uppercase; font-size: 16px;}
.in-menu li a::after{ content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #ea6011;}
.in-menu li.on a,.in-menu li a:hover{color: #ea6011;}
.in-menu li.on a::after,.in-menu li a:hover::after{ width: 100%; left: 0;}

/* newIndex */
.New_tit{padding-top:8%; padding-bottom: 3%;}
.New_tit.npb{padding-bottom: 0;}
.New_tit h2{margin: 0 0 2%; text-transform: uppercase; color: #fff; font-size: 48px;}
.New_tit h3{margin: 0; text-transform: uppercase; color: #fff; font-size: 36px;}
.New_tit figure{color: #aaa; line-height: 2;}
.New_tit time{display: block; color: #999;}

.newIndex .slick-dots{ position: absolute; bottom: 4%; left: 0; width: 100%; text-align: center; z-index: 3;}
.newIndex .slick-dots li{display: inline-block; margin: 0 10px;}
.newIndex .slick-dots li span{ border-radius: 100%; width: 12px; height: 12px;position: relative; display: block;}
.newIndex .slick-dots li span::before{content: ""; position: absolute; top: 3px; left: 3px; width: 100%; height: 100%; overflow: hidden; background: #fff; width: 6px; height: 6px; border-radius: 100%;}
.newIndex .slick-dots li.slick-active span::before{ background: #ea6011; left: 0; top: 0; width: 12px; height: 12px;}

.Bulletins_list{position: relative; padding-right: 51.38157%; }
.Bulletins_list .img{position: absolute; top: 0; right: 0; width: 46.052%; height: 100%;}
.Bulletins_list .Ispic{display: block; padding-bottom: 62.8571%;}
.Bulletins_list li{ position: relative; line-height: 1.65;}
.Bulletins_list li a{display: block; padding: 22px 130px 22px 0; color: #fff;}
.Bulletins_list li time{position: absolute; top: 50%; right: 20px; margin-top: -12px;}
.Download_list .dtop{color: #555; padding: 20px 180px 20px 0; position: relative; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.1);}
.Download_list .dtop span:last-child,.Download_list li time{position: absolute; top: 50%; margin-top: -8px; right: 20px; width: 120px;}
.Download_list li{position: relative;font-size: 16px;}
.Download_list li a{padding: 23px 180px 23px 0; border-bottom: 1px dashed rgba(255,255,255,0.1); display: block; color: #fff;}
.NewInd_section2 .morebtn{padding-top: 3%; text-align: center;}
.NewInd_section2 .morebtn a{ color: #4d4d4d;}
.NewInd_section2 .morebtn a i{ background: url(../images/more_btn.png) no-repeat; width: 18px; height: 18px; margin-left: 6px; position: relative; top: 3px;}
.Link_list{padding-bottom: 7%;}
.Link_list ul{margin: 0 -20px;}
.Link_list .slick-list li{padding: 0 20px;}
.Link_list li a{display: block;border: 2px solid rgba(255,255,255,0.1);}
.Link_list li .Ispic{display: block; padding-bottom:56.8513%;}
.Link_list .slick-dots{position: relative; padding-top: 4%;}
/* newIndex end */

/* newinfo */
.newinfo{color: #666;}
.newinfo .New_tit{border-bottom: 1px solid #dedede; margin-bottom: 4%;}
.newinfo .New_tit h2{text-transform: none;color: #333;}
.newinfo .content{line-height: 2;font-size: 16px; padding-bottom: 7%;}
/* newinfo end */

/* newlist */
.newlist{padding-bottom: 40px; padding-top: 1px;}
@media(min-width:641px){
.newlist ul{margin: 0 -10px;}
}
.newlist .inner{position: relative;overflow: hidden; background: #fff; }
.newlist .pic{overflow: hidden; z-index: 1;}
.newlist .Ispic{ padding-bottom:60.4651%; display: block;}
.newlist .word{ background: #fff; line-height: 1.71428; z-index: 2;color: #666;}
.newlist .stit{color: #ea6011; text-transform: uppercase; display: block;}
.newlist .stit a{color: #ea6011; }
.newlist .tit{font-size: 24px; line-height: 1.5; height: 70px; margin: 20px 0; word-break: normal; font-weight: normal;}
.newlist .tit a{ color: #333;}
.newlist time{display: block; color: #aaa;}
.newlist .other-photo{ position: absolute; width: 100%; height: 100%; z-index: 5}
.newlist .other-photo a:nth-child(1){ z-index: 10}

.same-istop .istop{padding: 0 10px 10px 10px;margin-top:2%;overflow: hidden;}
.same-istop .istop .inner{padding-left: 56.5789%;}
.same-istop .istop .pic{overflow: hidden; z-index: 1;}
.same-istop .istop .pic,.same-istop .istop .Ispic{position: absolute; left: 0; top: 0; width: 56.5789%; height: 100%;}
.same-istop .istop .Ispic{width: 100%;display: block;}
.same-istop .istop figure{height: 72px;}
.same-istop .istop .word{ padding:15% 20% 6%; font-size: 16px; background: #fff;}
.same-istop .istop .word .tit{font-size: 30px;height: 88px;font-weight: normal;}
.same-istop .istop .word figure{line-height: 1.875; height: 90px;}
.same-istop .istop .word .stit{padding-bottom: 3%;color: #ea6011; text-transform: uppercase; display: block;}
.same-istop .istop .word time{padding-top: 30%;display: block; color: #aaa;}

.newlist li{float: left; width: 50%;padding: 10px;}
.newlist li .word{padding:3.75% 6%;color: #aaa;}
@media(max-width:640px){
	.newlist li{float:none;width:100%;}
}
/* newlist end */

/* Nhislist */
.new-filter{padding: 4% 0 2%; position: relative; z-index: 5;}
.new-filter .search-box{padding-left:0;}
.new-filter .sel-box dt{text-align: right;}
.Nhislist{padding: 0 0 4%;}
.catetit{color: #333; margin: 0; padding: 3% 0 1.5%;}
.Nhislist li{padding: 1% 0;}
.Nhislist li .inner{position: relative; padding-left: 23.684%; overflow: hidden;}
.Nhislist li .pic{position: absolute; top: 0; left: 0; width: 23.684%; height: 100%; overflow: hidden;}
.Nhislist li .word{padding: 2.3% 15% 2.4% 8%;color: #666; line-height: 1.75;}
.Nhislist li time{display: block; color: #aaa; }
.Nhislist li h3{font-weight: normal;}
.Nhislist li h3 a{color: #333;}
.Nhislist .newhasvideo .pic::before{ background-size: 60px 60px;}
/* Nhislist end */

/* commvideo */
.wapvideo{display: none;}
.commvideo{padding:5% 0; position: relative;}
.commvideo .sticky-element{position:relative;z-index:0;overflow:hidden;width:880px;height:440px; margin: 0 auto;}
.commvideo .phoneicon{position: absolute; top: 23.318%; left: 27px; width: 3.636363%; height: 51.818181%; background: url(../images/phone_t.png) no-repeat left top; background-size: cover;z-index: 999;}
.commvideo .hardware-image{position:absolute; z-index: 1; left:0; top:0; width:100%;height:100%;background-image:url(../images/iphone.png);background-size:100% 100%;background-repeat:no-repeat; background-position: center;}
.commvideo .videoimg{position: absolute; top:28px;left:27px;width:calc( 100% - 53px);height:calc( 100% - 57px); border-radius: 42px; overflow: hidden; z-index: 2; cursor: pointer;}
.commvideo .videoimg img{ width: 100%; height: 100%;}
.commvideo .videoimg::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/videoplay_icon.png) no-repeat center; z-index: 1;}
.commvideo .video-container{position:absolute;top:28px;left:27px;width:calc( 100% - 53px);height:calc( 100% - 57px); border-radius: 7%; overflow: hidden; z-index: 3; display: none;}
.commvideo video{position:absolute;top:0;width:100%;height:100%; background: #000; object-fit: fill;}
/* commvideo end */

/* eventhome */
.eventmk li{ float: left; width: 50%;}
.eventmk li .wrap{background: url(../images/site-cn.jpg) no-repeat center; background-size: 100% 100%; position: relative; padding-bottom: 61.45%;}
.eventmk li .wrap::after{content: ""; position: absolute; left: 50%; bottom: 0; height: 2px; background: #ea6011; width: 0; z-index: 4;}
.eventmk li:last-child .wrap{background-image: url(../images/site-en.jpg);}
.eventmk .con { position: absolute; width: 100%;  top: 50%;  transform: translateY(-50%);  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; color: #fff; z-index: 3;}
.eventmk .con .icon{display: block; height: 100px; background-repeat: no-repeat; background-position: center; background-size: auto 100%;}
.eventmk .con .en{display: block; margin: 6% 0 1%; text-transform: uppercase; }
.eventmk .con .cn{font-family: 'PuHuiTi-L';display: block; font-weight: lighter;}
.eventmk .hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2; opacity: 0;}
.eventmk .hover .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1;}
.eventmk .hover video{position: absolute; top: -50%; left: -50%; width: 200%; z-index: 2; height: 200%;}
.eventmk li:hover .wrap::after{left: 0; width: 100%;}
.eventmk li:hover .hover{opacity: 1;}
.eventhome .NewInd_section2{padding-bottom: 6%;}
/* eventhome end */

/* evideolist */
.evideolist {padding: 0 0 1%;}
.evideolist ul{margin: 0 -10px;}
.evideolist li{float: left; width: 50%; padding:10px 10px ;}
.evideolist li:nth-of-type(2n+1){clear: left;}
.evideolist li a{cursor: pointer;}
.evideolist .li .inner,
.evideolist .li:not(.istop) .pic{position: relative; }
.evideolist .li .pic{overflow: hidden;cursor: pointer;}
.evideolist .li .Ispic{padding-bottom: 57.1428%; display: block;}
.evideolist li .word{padding: 20px 0;}
.evideolist li h3{ margin: 0;font-weight: normal;}
.evideolist li time{display: block; padding-top: 10px;}
.evideolist .li .Ispic{ position: relative; z-index: 1;}
.evideolist .li .Ispic video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.evideolist .li .pic::after,
.evideolist .li .pic::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height:100%; opacity: 0;}
.evideolist .li .pic::after{background-color: rgba(0,0,0,.6); z-index: 1;}
.evideolist .li .pic::before{ background: url(../images/videoplay_icon.png) no-repeat center;z-index: 2;}
.evideolist .li .inner:hover .pic::after,
.evideolist .li .inner:hover .pic::before{opacity: 1;}
@media(max-width:640px){
	.evideolist li{float:none;width:100%;}
}
/* evideolist end*/

/* evideolist */
.ephotolist {padding: 4% 0 1%;}
.ephotolist ul{margin: 0 -2%;}
.ephotolist li{float: left; width: 33.3334%; padding: 2%;}
.ephotolist li a{cursor: pointer; color: #fff;}
.ephotolist li .inner{position: relative;position: relative;}
.ephotolist li .pic{overflow: hidden;position: relative; cursor: pointer;}
.ephotolist li .Ispic{padding-bottom: 63.043478%; display: block;}
.ephotolist li .word{color: #fff; padding: 5% 0 2%;}
.ephotolist li h3{ margin: 0; font-size: 18px;}
.ephotolist li time{display: block; padding-top: 10px;}
.ephotolist li .photos{display: none;}
/* .ephotolist li .inner:hover{background: #181818;} */
.ephotolist li .inner:hover .word{padding: 5% 2% 2%;}
.ephotolist li .inner:hover h3,.ephotolist li .inner:hover a{color: #ea6011;}
/* evideolist end*/

.video-container>div{height:auto !important;}
.video-container video{position:static !important;transform:translate(0) !important;height:auto !important;}

@media (min-width:1025px) {
	/* newIndex */
	.Download_list li:hover a{color: #e25f26; background: rgba(255,255,255,0.1); padding-left: 20px;}
	.Bulletins_list li.on a{color: #e25f26; background: rgba(255,255,255,0.1); padding-left: 20px;}
	.NewInd_section2 .morebtn a:hover{color: #fff;}
	.NewInd_section2 .morebtn a:hover i{background-image: url(../images/more_btn_hover.png); margin-left: 10px;}
	.Link_list li:hover a{ background-color: rgba(255,255,255,0.1);}
	/* newIndex end */
	
	/* newlist */
	.newlist li .inner{padding-bottom: 210px;}
	.newlist li .word{position: absolute; bottom: 0; left: 0; width: 100%;}
	.newlist li figure{height: 0;}
	.newlist li .inner:hover figure{height: 72px;}
	/* newlist end */
	
	/* Nhislist */
	.Nhislist li:hover{ box-shadow: 0 0 5px 0 rgba(0,0,0,.1); background: #fff;}
	.Nhislist li:hover .inner .pic{left: 1%;}
	.Nhislist li:hover h3 a{color: #e25f26;}
	/* Nhislist end */
	
	
	
}
@media (max-width:1366px) {
	.fz_52{font-size: 44px;}
	.printbtn a{ background-size: 80px 80px; padding-top: 90px;}
	.printbtn em{font-size: 30px;}
	.printbtn span{font-size: 20px;}
	
	/* newIndex */
	.New_tit h2{font-size:50px;}
	.New_tit h3{font-size: 30px;}
	/* newIndex end */
	
	/* newlist */
	.newlist{padding-bottom: 30px;}
	/* newlist end */
	
}
@media (max-width:1024px) {
	.fz_18{font-size: 16px;}
	.fz_24{font-size: 22px;}
	.fz_36{font-size: 30px;}
	.fz_52{font-size: 36px;}
	.hasvideo .imgs::before,.newlist .hasvideo .pic::before,.evideolist .li .pic::before{background-size: 65px 65px;}
	.photo-box .close { width: 40px; height: 40px;}
	.photo-box .close:before{font-size: 28px; line-height: 40px;}
	.printbtn a{ background-size: 60px 60px; padding-top: 70px;}
	.printbtn em{ font-size:26px;}
	.printbtn span{font-size: 16px;}
	
	/* newIndex */
	.new-filter .search-box{border-left: none;}
	.New_tit h2{font-size: 40px;}
	.New_tit h3{font-size: 26px;}
	.Bulletins_list li a,.Download_list li a{ padding: 20px 110px 20px 10px; border-bottom: none;}
	.Download_list .dtop span:last-child, .Download_list li time{right: 10px; width: 90px;}
	.Bulletins_list li:nth-child(2n) a,.Download_list li:nth-child(2n) a{ background: rgba(255,255,255,0.1);}
	.Link_list >ul{ margin: 0 -10px;}
	.Link_list .slick-list li{padding: 0 10px;}
	/* newIndex end */
	
	/* newlist */
	.newlist{padding-bottom: 20px;}
	.newlist .tit{font-size: 20px; height: 60px; margin: 10px 0;}
	.same-istop .istop .word .tit{font-size: 24px; height: 70px;}
	/* newlist end */
	
	/* Nhislist */
	.Nhislist li:nth-child(2n){ background: #fff;}
	.Nhislist li .inner{padding-left: 35%;}
	.Nhislist li .word{padding: 2% 4%;}
	.Nhislist li h3{margin: 2% 0;}
	.Nhislist li .pic{width: 35%; left: 1%;}
	/* Nhislist end */
	
	.eventmk .con .icon{height: 60px;}
	.evideolist li h3{font-size: 20px;}
	.ephotolist li{width: 50%;}
	.ephotolist li h3{font-size: 16px;}
}
@media (max-width:768px) {
	.fz_24{font-size: 20px;}
	.fz_36{font-size: 28px;}
	.fz_52{font-size: 32px;}
	.hasvideo .imgs::before,.newlist .hasvideo .pic::before,.evideolist .li .pic::before{background-size: 45px 45px;}
	
	.photo-box .photowrap{ width: 100%; height: 100%; padding: 0; background: #181818;}
	.photo-box .photowrap .slick-slider{position: absolute; top: 50%; left: 0; transform: translateY(-50%);width: 100%;}
	.photo-box .photowrap .word{position: absolute;left: 0; width: 100%; bottom: 0;}
	.photo-box .close{top: 2%; right: 2%; left: auto;}
	.photo-box .photowrap .btn .slick-arrow{width:19px; height: 35px; margin-top: -17px; background-size: 38px 35px;}
	
	.printbtn em{ font-size:22px;}
	.printbtn span{font-size: 14px;}
	.printbtn a{ background-size: 50px 50px; padding-top: 60px;}
	.hisnewbtn{padding: 5% 0 8%;}
	.in-menu li{padding-top: 15px;}
	.in-menu li a{padding-bottom: 15px;}
	
	/* newIndex */
	.New_tit h2{font-size: 30px;}
	.New_tit h3{font-size: 22px;}
	.Bulletins_list{padding-right: 0;}
	.Bulletins_list .img{display: none;}
	/* newIndex end */
	
	/* newlist */
	.newlist{padding-bottom: 1%;}
	.newlist li figure{display: none;}
	.same-istop .istop .inner{padding-left: 0;}
	.same-istop .istop .pic, .same-istop .istop .Ispic{position: relative; width: 100%;}
	.same-istop .istop .word{padding: 4%;}
	.same-istop .istop .word .stit{padding-bottom: 2%;}
	.same-istop .istop .word time{padding-top: 4%;}
	/* newlist end */
	
	/* commvideo */
	#commvideo{display: none;}
	.wapvideo{padding:5% 0; position: relative; display: block;}
	.wapvideo .sticky-element{position:relative;z-index:0;overflow:hidden;width:90%;/* height:880px; */ padding-bottom: 200%; max-width: 440px; margin: 0 auto;}
	.wapvideo .phoneicon{position: absolute; top: 27px; left: 50%; margin-left: -114px; width: 227px; height: 31px; background: url(../images/phone_t_s.png) no-repeat left top; background-size: cover;z-index: 999;}
	.wapvideo .hardware-image{position:absolute; z-index: 1; left:0; top:0; width:100%;height:100%;background-image:url(../images/iphone_s.png);background-size:100% 100% !important;background-repeat:no-repeat; background-position: center;}
	.wapvideo .videoimg{position: absolute; left:28px;top:27px;height:calc( 100% - 53px);width:calc( 100% - 57px); border-radius: 7%; overflow: hidden; z-index: 2; cursor: pointer;}
	.wapvideo .videoimg img{ width: 100%; height: 100%;}
	.wapvideo .videoimg::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/videoplay_icon.png) no-repeat center; z-index: 1;}
	.wapvideo .video-container{position:absolute;left:28px;top:27px;height:calc( 100% - 53px);width:calc( 100% - 57px); border-radius: 7%; overflow: hidden; z-index: 3; display: none;}
	.wapvideo video{position:absolute;top:0;width:100%;height:100%; background: #000; object-fit: cover;}
	/* commvideo end */
	
	.eventmk li .wrap{padding-bottom: 105%;}
	.eventmk .con .icon{height: 50px;}
	.eventmk .con .en{font-size: 20px;}
	.eventmk .con .cn{font-size: 16px;}
	
	.Nhislist li .inner{padding-left: 47%;}
	.Nhislist li .pic{width: 47%;}
	.Nhislist li .word{line-height: 1.45;}
	.Nhislist .newhasvideo .pic::before { background-size: 30px 30px;}
}