@charset "utf-8";html{cursor:default}
h1,h2,h3,h4,h5,h6,label,li,p,td,th{cursor:text}
a:active,a:hover,a:link,a:visited{cursor:pointer}
body{width:100%;margin:0;padding:0;font-size:12px;font-family:"微软雅黑",Arial,Helvetica,sans-serif;background-color:#FFF;color:#333}
dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,table,td,textarea,ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
area{outline:0}
img{border:0;outline:0}
ol,ul{list-style:none}
a{font-family:"微软雅黑",Arial,Helvetica,sans-serif;text-decoration:none;outline:0}
a:hover{text-decoration:none}
.clearfix:after{content:"";display:block;height:0;clear:both}
.clearfix{zoom:1}

.wrap{width:100%;min-width:1200px;position:relative;overflow:hidden;margin-top:-280px;}
.section01{width:100%;height:857px;padding-top:0px;margin:0 auto;background:url(../images/sect1ion1-bg.jpg) center top no-repeat;position:relative;overflow:hidden}
.container{width:1200px;margin:0 auto;position:relative}
.containerzb{max-width:100%;margin:0 auto;position:relative;margin-top:40px;}
.zx_logo{width:262px;height:135px;position:absolute;top:-405px;left:28px;background:url(../images/zxlogo419.png) no-repeat;display:none}
.zx_logo a{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.top_box{width:100%;height:859px;background:url(../images/top_box.png) center top no-repeat;position:relative;z-index:10}
.dowaload_box{width:448px;height:138px;position:absolute;top:186px;left:30px}
.erwei_box{width:170px;height:138px;float:left;margin-right:6px}
.game_down{width:196px;height:138px;float:left}
.game_down .ios_down{display:block;width:196px;height:66px;margin-bottom:6px;background:url(../images/app_btn.jpg) no-repeat}
.game_down .ios_down:hover{background-position:left bottom;}
.game_down .android_down{display:block;width:196px;height:66px;background:url(../images/android_btn.png) no-repeat}
.game_down .android_down:hover{background-position:left bottom;}
.desk_btn{display:block;width:70px;height:138px;float:right;background:url(../images/desk_btn.jpg) no-repeat}
.news_box{width:507px;height:365px;padding-left:5px;padding-top:40px;position:absolute;top:386px;left:0}
.news_tab{width:458px;height:38px;margin:0 auto;margin-bottom:18px;position:relative}
.news_tab ul li{width:104px;height:38px;cursor:pointer;line-height:38px;color:#488b92;font-size:20px;float:left;text-align:center}
.news_tab ul li.on{color:#fff;background:url(../images/tab_bg.png) no-repeat}
.news_more{display:block;width:36px;height:36px;position:absolute;top:0;right:0;background:url(../images/news_more.png) no-repeat}
.news_more:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:transform .6s linear;transition:transform .6s linear}
.news_show{width:100%;height:68px;margin:0 auto;border-left:5px solid #667ae0}
.news_show p{width:458px;height:68px;line-height:68px;border-bottom:1px solid #e0daec;text-align:center;font-size:20px;color:#e7894c;font-weight:700}
.news_show p a{color:#e7894c;font-size:20px}
.news_list{width:458px;margin:0 auto;margin-top:18px}
.news_list ul{width:100%;display:none}
.news_list ul.on{display:block}
.news_list ul li{width:100%;height:20px;padding:5px 0}
.news_list ul li a{width:370px;height:20px;font-size:16px;display:block;line-height:20px;color:#181a25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news_list ul li a:hover{color:#e7894c}
.news_list ul li span{padding-right:10px;float:right;line-height:20px;color:#565a68}
.slideBox{width:366px;height:644px;position:absolute;top:186px;left:532px}
.slideBox .hd{width:198px;height:30px;margin:0 auto;position:relative;top:584px;z-index:20}
.slideBox .hd ul li{float:left;width:30px;height:30px;margin:0 3px;cursor:pointer}
.slideBox .hd ul li span{display:block;width:30px;height:30px;background:url(../images/dot.png) center center no-repeat}
.slideBox .hd ul li.on span{background:url(../images/doth.png) center no-repeat}
.slideBox .bd{width:366px;height:644px;position:absolute;top:0;left:0}
.slideBox .bd ul{width:366px;height:644px;position:relative}
.slideBox .bd ul li{width:366px;height:644px;position:relative}
.slideBox .lunbo_mask{display:block;width:362px;height:641px;background:url(../images/lunbo_mask.png) no-repeat;z-index:10;position:absolute;top:1px;left:2px}
.hot_link{width:200px;height:460px;position:absolute;top:328px;left:982px}
.hot_link a{display:block;width:103px;height:103px;-webkit-perspective:600px;-moz-perspective:600px}
.hot_link a.hotlink01{position:absolute;top:0;left:37px}
.hot_link a .pic2{position:absolute;top:0;left:0;z-index:-1}
.hot_link a .pic2{-webkit-transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-transform:rotateY(-180deg);-moz-transform-style:preserve-3d;-moz-backface-visibility:hidden;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.hot_link a .pic1{-webkit-transform:rotateX(0) rotateY(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-transform:rotateX(0) rotateY(0);-moz-transform-style:preserve-3d;-moz-backface-visibility:hidden;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.hot_link a:hover .pic1{background:url(../images/hotlink01_h.png) no-repeat;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}
.hot_link a:hover .pic2{-webkit-transform:rotateX(0) rotateY(0);-moz-transform:rotateX(0) rotate(0);z-index:10;position:absolute}
.hot_link a.hotlink02{position:absolute;top:118px;left:96px}
.hot_link a.hotlink04{position:absolute;top:256px;left:92px}
.hot_link a.hotlink05{position:absolute;top:356px;left:2px}
.section02{width:100%;height:auto;margin:0 auto;background:url(../images/section2-bg.jpg) top center no-repeat;position:relative;overflow:hidden}

	#containerbg{width:100%;height:0px;position:relative;margin:0 auto;z-index:1500;margin-top:0px;}
	#container{width:750px;height:136px;position:relative;margin:0 auto;z-index:1500;left:45px;margin-top:20px;}

	#kefulist{width:750px;height:156px;}
	.kefu{float:left;}
	.kefu li{float:left;width:250px;height:136px;}
	.kefu li:hover{box-shadow:0 0 24px rgba(0,0,0,0.2);z-index:1500;font-weight:normal;}
	.kefu li a{font-weight:normal;width:250px;height:93px;text-align:center;line-height:3;font-size:22px;color:#000;padding-top:0px;background:url(../images/3.png) no-repeat left top;display:block;}
	.kefu li i{width:250px;height:63px;text-align:center;padding-top:0px;background:url(../images/kefubg.png) no-repeat left top;display:block;}
	.kefu li strong{font-weight:normal;width:250px;height:63px;line-height:1.82;text-align:center;padding-top:0px;background:url(../images/qun.png) no-repeat left top;display:block;}
	.kefu li a:hover{background-position:right bottom;}
	.kefu li a p{font-size:16px;}
	.kefu li a span{line-height:2.17;font-size:12px;color:#000;display:block;}
	

.sectionzhiye{width: 100%;height: 1034px;margin: 0 auto;position: relative;overflow: hidden;}
.sec02_bt{width: 1920px;height: 300px;background: url(../images/bg02_bt.png) no-repeat;position: absolute;bottom: 0;left: 50%;margin-left: -960px;z-index: 100;}
.yindao{width: 42px;height: 84px;background: url(../img/yindao_icon.png) no-repeat;position: absolute;top: 17px;left: 50%;margin-left: -21px;display: none;}
	
	.job_bing{width: 586px;height: 586px;background: url(../images/job_bing.png) no-repeat;position: absolute;top: 148px;left: -56px;}
.slideBox2{width: 1200px;height: 990px;margin: 0 auto;position: relative;}
.slideBox2 .hd{width: 550px;height: 68px;position: absolute;left: 50%;margin-left: -275px;bottom: 110px;z-index: 120;}
.slideBox2 .hd ul li{float: left;width: 68px;height: 68px;margin: 0 4px;cursor: pointer;}
.slideBox2 .hd ul li span{display: block;width: 68px;height: 68px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.slideBox2 .hd ul li span:hover{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}
.slideBox2 .hd ul li.jobdoth01 span{display: block;width: 68px;height: 68px;background: url(../images/dot2_1.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth02 span{display: block;width: 68px;height: 68px;background: url(../images/dot2_2.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth03 span{display: block;width: 68px;height: 68px;background: url(../images/dot2_3.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth04 span{display: block;width: 68px;height: 68px;background: url(../images/dot2_4.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth05 span{display: block;width: 68px;height: 68px;background: url(../images/dot2_5.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth06 span{display: block;width: 68px;height: 68px;background: url(../images/dot2_6.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth07 span{display: block;width: 68px;height: 68px;background: url(../images/dot2_7.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth01.on span{background: url(../images/doth2_1.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth02.on span{background: url(../images/doth2_2.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth03.on span{background: url(../images/doth2_3.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth04.on span{background: url(../images/doth2_4.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth05.on span{background: url(../images/doth2_5.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth06.on span{background: url(../images/dot2h_6.png) center no-repeat;}
.slideBox2 .hd ul li.jobdoth07.on span{background: url(../images/doth2_7.png) center no-repeat;}
.slideBox2 .bd ul{width: 1200px;height: 990px;position: relative;}
.slideBox2 .bd ul li{width: 1200px;height: 990px;position: relative;}
.slideBox2 .bd ul li .job_tx01{width: 586px;height: 586px;position: absolute;top: 148px;left: -30px;z-index: 50;}
.slideBox2 .bd ul li .job_tx02{width: 220px;height: 96px;position: absolute;top: 546px;left: 88px;z-index: 50;}
.slideBox2 .bd ul li.job01 .job_role{width: 1532px;height: 951px;position: absolute;top: 30px;right: -372px;}
.role_btn{display: block;width: 107px;height: 107px;position: absolute;top: 656px;left: 200px;z-index: 210;background: url(../images/role_more.png) no-repeat;}
.role_btn:hover{background: url(../img/role_more_h.png) no-repeat;}


.nav{height: 75px;background: url(../images/t-r-b.png) repeat-x;padding-top: 5px;position: relative;z-index: 10;}
.nav .t-logo{display: block;margin: 0 0 0 28px;width: 400px;height: 70px;float: left;background: url(../images/t-logo.gif) no-repeat;}
.nav .t-logo2{display: block;margin: 5px 0 0 28px;width: 260px;height: 60px;float: left;background: url(../images/bxsj.gif) no-repeat;}
.r-nav-c{width: 654px;height: 37px;float: right;background: url(../images/t-nav-c.png) no-repeat;margin-right: 28px;position: relative;margin-top: 15px;}
.r-nav-c .al{width: 116px;height: 68px;float: left;margin-left: 12px;position: relative;}
.r-nav-c a{width: 116px;height: 37px;display: block;background: url(../images/t-nav.png) no-repeat;}
.r-nav-c a.a1{background-position: -12px 0px;font-size:16px;color:#242424}
.r-nav-c a.a2{background-position: -140px 0px;}
.r-nav-c a.a3{background-position: -268px 0px;}
.r-nav-c a.a4{background-position: -396px 0px;}
.r-nav-c a.a5{background-position: -524px 0px;}
.r-nav-c a.a1:hover,.r-nav-c a.a1.on{background-position: -12px -37px;}
.r-nav-c a.a2:hover,.r-nav-c a.a2.on{background-position: -140px -37px;}
.r-nav-c a.a3:hover,.r-nav-c a.a3.on{background-position: -268px -37px;}
.r-nav-c a.a4:hover,.r-nav-c a.a4.on{background-position: -396px -37px;}
.r-nav-c a.a5:hover,.r-nav-c a.a5.on{background-position: -524px -37px;}
.r-nav-c .al .aui{display: none;width: 128px;position: absolute;left: -3px;top: 67px;z-index:10}
.r-nav-c .al .aui .b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0.9;filter:alpha(opacity=90);}
.r-nav-c .al ul{position: relative;padding: 10px 0;}
.r-nav-c .al ul li{height: 32px;}
.r-nav-c .al ul li a{color: #404040;width: 110px;height: 32px;display: block;margin: 0 auto;text-align: center;line-height: 32px;background-image: none;border-radius: 5px;}