@charset "utf-8";
html,body{ width:100%; height:100%; overflow:hidden; background: #000;}
body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

.down_tip,.down_tip2{ position:absolute; width:103px; height:61px; left:50%; margin-left:-51px; bottom:32px; background:url(../images/donw_tip2.png);animation:key_down 1s linear infinite alternate; -webkit-animation:key_down 1s linear infinite alternate; z-index:5;}
.down_tip2{background:url(../images/donw_tip2.png);}
@keyframes key_down{
	0%{ transform:translate3d(0,0,0)}
	100%{ transform:translate3d(0,10px,0)}
}
@-webkit-keyframes key_down{
	0%{ -webkit-transform:translate3d(0,0,0)}
	100%{ -webkit-transform:translate3d(0,10px,0)}
}
.top_bar{ position:absolute; width:230px; height:57px; padding-right:15px; right:0; top:52px; z-index:15;}
.top_bar a{ float:right; width:49px; height:49px; margin-right:10px;}

.link_home{background:url(../images/link_home.png);}
.link_down{background:url(../images/link_down.png);}

.wrap{ width:750px; height:100%; overflow:hidden;}
.wrap .swiper-slide{ position:relative; width:100%; height:100%;}
/* 1 */
.s1_bg{ background:url(../images/s1_bg.jpg) center top no-repeat #1c1714;}
.logo{ position:absolute; left:0; top:790px;}
.slogan{ position:absolute; width:750px; left:0px; top:890px;}
.yun_line{ position:absolute; width:328px; height:49px; left:265px; top:1057px; background:url(https://zx.wanmei.com/hd/1910/newjob/m/images/yun_line.png);}
.s1_v_box{ position:absolute; width:85px; height:85px; right:120px; top:840px;background:url(../images/btn_play.png); cursor:pointer;}
#pop_video{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.7); z-index:100;}
.pop_v_box{ position:absolute; width:750px; height:420px; left:0; top:50%; margin-top:-211px; background-color:#000;}
.pop_v_box video{ width:100%;}

/* 2 */
.s2_bg{ background:url(../images/page2-bg.jpg) center top no-repeat #2b2f3a;}
.s2_t,.s3_t{ position:absolute; width:750px; left:0;top:20px;z-index: 333;}
.s2_cont{ position:absolute;left:0;bottom:0; width:750px; height:1334px;z-index:2;}
.s2_cont_bg{ position:relative;margin-top:360px;padding: 0 20px  0 278px;width:370px;height:575px;overflow-y: auto;}
.s2_cont_bg p{ font:normal 28px/46px "Microsoft Yahei"; color:#0f6190; text-indent:2em;}
.s2_cont_bg::-webkit-scrollbar{width:5px;height:7px;background-color:rgba(0,0,0,0);}
.s2_cont_bg::-webkit-scrollbar-track{background-color: #bbd0da;}
.s2_cont_bg::-webkit-scrollbar-thumb{background-color:#6299b9;} 
/* pop */
.pop_shuangyuan{ display:none; position:absolute; width:688px; height:857px; left:32px; top:277px; background:url(https://zx.wanmei.com/hd/1910/newjob/m/images/pop_shuangyuan.png); z-index:10}
.s2_bg .icon_close{ position:absolute;width:52px; height:52px; right:11px; top:10px; background:url(https://zx.wanmei.com/hd/1910/newjob/m/images/icon_close.png);}
.shuangyuan_img{ position:absolute; width:639px; left:26px; top:241px;}
.shuangyuan_p{ position:absolute; width:610px; height:182px; left:40px; top:620px; font:normal 22px/35px "Microsoft Yahei"; color:#3f9bc6; text-indent:2em;}
.pop_zhushuang{ display:none; position:absolute; width:750px; height:927px; left:0; top:277px; background:url(https://zx.wanmei.com/hd/1910/newjob/m/images/pop_zhushuang.png); z-index:10}
.pop_zhushuang .icon_close{right:41px;}
.zhushuang_p{ position:absolute; width:627px; height:182px; left:68px; top:196px; font:normal 21px/35px "Microsoft Yahei"; color:#3f9bc6; text-indent:2em;}


.s2_txt{ position:absolute; width:696px; height:220px; left:31px; top:975px;z-index: 6;}
.s2_txt p{ position:absolute; width:550px; height:180px;left:69px; top:29px; font:normal 21px/35px "Microsoft Yahei"; color:#fff; text-indent:2em;}
.zhiye-shade{position: absolute;left: 0;top:270px;width:750px;height: 1069px;background: url(../images/zhiye-shade.png) no-repeat center; z-index: 3;}
.zhiye_name{position:absolute; width:250px; right:45px; top:240px; z-index:5;}
.zhiye_ren{position:absolute;  width: 750px;height: 803px; left:0; top: 160px;}
.zhiye_ren img{display:block; width:100%;}

.zhiye_tag{ position:absolute; left:0; top:767px;z-index: 6;}
.zhiye_wuwei{ position:absolute; width:200px; left:487px; top:753px;}
.zhiye_tab{position:absolute; width:246px; height:94px; left:68px; top:867px; z-index:10;}
.zhiye_tab li{display:block; margin-right:6px; width: 86px; height: 86px; cursor: pointer; float: left;}
.zhiye_tab li#tab_nan{background: url(../../images/tab1.png) no-repeat 0 0;}
.zhiye_tab li#tab_nv{background: url(../../images/tab2.png) no-repeat 0 0;}
.zhiye_tab li#tab_nan.on,.zhiye_tab li#tab_nv.on{background-position: 0 -86px;}

.s2_cont,.s3_cont{ position:absolute; width:750px; height:100%; left:0; top:0;}
.btn-video{position: absolute; right: 20px; top: 660px;width: 150px;height: 150px;background: url(../images/btn-video.png) no-repeat center; cursor: pointer;z-index: 333;}
/* 3 */
.s3_bg{ background:url(../images/page2-bg.jpg) center top no-repeat #2b2f3a;}
.skill_bg{ position:absolute; width:750px; height:1334px; left:0; top:0; }
.skill_cont{display:block; position:absolute;width:742px; height:416px; margin-left:-371px; left:50%; top:386px; z-index:10;}
.skill_cont video{position: absolute; width:713px; height:384px;left:15px; top:10px;z-index: 4;}
.skill_intro{position:absolute; width:750px; height:74px;left:0px; top:810px; z-index:5;}
.skill_intro span{display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.skill_intro span.s1{background: url(../../images/video_text1.png) no-repeat 0 0; background-size: 100% auto;}
.skill_intro span.s2{background: url(../../images/video_text2.png) no-repeat 0 0; background-size: 100% auto;}
.skill_intro span.s3{background: url(../../images/video_text3.png) no-repeat 0 0; background-size: 100% auto;}

.skill_intro span.on{display: block;}
.skill_tab{position:absolute; width:750px; height:110px; left:0px; top:914px; z-index:10; text-align: center;}
.skill_tab li{display: inline-block; height:110px; margin-right:42px; width: 85px; cursor: pointer;}
.skill_tab li.skill_tab1{background: url(../../images/a1.png) no-repeat 0 0;}
.skill_tab li.skill_tab2{background: url(../../images/a2.png) no-repeat 0 0;}
.skill_tab li.skill_tab3{background: url(../../images/a3.png) no-repeat 0 0;}

/* 4 */
.s4_bg{ background:url(../images/page2-bg.jpg) center top no-repeat #2b2f3a;}
.up_tip2{background-image: url(../images/up.png);}
#swiper4{width: 580px;height:990px;position: absolute;top:220px;left: 50%;margin-left: -290px;}
#swiper4 .swiper-slide{width: 580px;height: 863px;background: url(../images/page4-cont.png) no-repeat 0 0;}
.swiper-pagination{}
.swiper-pagination-bullet{width: 13px;height: 13px;border:2px solid #ffffff;background: transparent;opacity: 1;margin:0 7px;}
.swiper-pagination-bullet-active{width: 60px;background-color: #46c6eb;border:2px solid #46c6eb;border-radius: 7px; }
.nr-cont{position: absolute;left:46px;top:125px;width:500px;height:680px;padding-right:8px;font-size: 28px;color: #e3ebf8;line-height: 46px;overflow-x: hidden;overflow-y: auto;}
.nr-cont::-webkit-scrollbar{width:8px;height:7px;background-color:rgba(0,0,0,0);}
   .nr-cont::-webkit-scrollbar-track{background:url(../images/scroll-bg.png) repeat-y center;}
   .nr-cont::-webkit-scrollbar-thumb{background-color:#c2c2ad;} 
/* animation */
.scaleGaizhang {
	-webkit-animation-name: scaleGaizhang;
	animation-name: scaleGaizhang
}
@-webkit-keyframes scaleGaizhang {
	0% {
		-webkit-transform: scale(5);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scaleGaizhang {
	0% {
		-webkit-transform: scale(5);
		-ms-transform: scale(5);
		transform: scale(5)
	}

	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}


.video_main{display: block; width: 733px; height: 402px; position: absolute; left: 50%; margin-left: -366px; top:386px; position: relative;}
.video_main span{background: url(../../images/k2.png) no-repeat 0 0; background-size: 100% auto; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.video_main a{background: url(../../images/k3.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
.video_main a strong{display: block; width: 100%; height: 100%; background: url(https://zx.wanmei.com/hd/1910/newjob/images/video_play.png) no-repeat center;}
.video_main video{width: 729px; height: 396px; display: block; position: absolute; left: 3px; top: 3px; z-index: 1; background: #000; border-radius: 60px;}