@import url("/web/20181025162526cs_/http://xhaonet.com/img/global.css");
html,body{ color:#262628;}
a {color:#262628;}

header {position:fixed;top:0;left:0;width:100%;height:53px;background:#363435;z-index:7;}
header .dTop {position:relative;width:1000px;height:53px;margin:0 auto;background:#363435;z-index:3;}
header .dTop .aLogo {float:left;width:210px;height:53px;overflow:hidden;background:#363435 url(/web/20181025162526im_/http://xhaonet.com/img/logo.png) no-repeat left center;text-indent:-9999px;-webkit-transition:all .2s ease-in;}
header .dTop .aLogo:hover {background-color:#363435;}

header .dTop .top-fk{ width:225px; float:right; line-height:53px; height:53px; color:#D6D3D3; position:relative; _top:11px;}
header .dTop .top-fk span{ width:100px; height:25px; border:1px solid #5F5F5F; background:#454545; color:#53C2F0; -webkit-border-radius:4px; display:inline-block; position:relative; top:0px; line-height:25px; text-align:center; margin:0 3px;}

header .dTop .ulNav {float:left;height:53px; width:550px;}
header .dTop .ulNav li {float:left;padding:0 6px;}
header .dTop .ulNav li.li_r {background:none}
header .dTop .ulNav li a {display:inline-block;height:47px;overflow:hidden;padding:0 10px;border-bottom:6px solid #363435;line-height:53px;font-size:16px;color:#D6D3D3;
-webkit-transition:all .2s ease-in;
}
header .dTop .ulNav li a:hover,header .dTop .ulNav li.current a{border-color:#b5101b;color:#fff;text-decoration:none;}
@keyframes snav{
0%{top:-132px;opacity:0;}
100%{top:53px;opacity:1;}
}
@-o-keyframes snav{
0%{top:-132px;opacity:0;}
100%{top:53px;opacity:1;}
}
@-moz-keyframes snav{
0%{top:-132px;opacity:0;}
100%{top:53px;opacity:1;}
}
@-webkit-keyframes snav{
0%{top:-132px;opacity:0;}
100%{top:53px;opacity:1;}
}
@keyframes snavo{
0%{top:53px;opacity:1;}
100%{top:-132px;opacity:0;}
}
@-o-keyframes snavo{
0%{top:53px;opacity:1;}
100%{top:-132px;opacity:0;}
}
@-moz-keyframes snavo{
0%{top:53px;opacity:1;}
100%{top:-132px;opacity:0;}
}
@-webkit-keyframes snavo{
0%{top:53px;opacity:1;}
100%{top:-132px;opacity:0;}
}
header .dSnav {position:absolute;top:-132px;left:0;width:100%;min-width:1000px;height:127px;background:#222;pacity:0;
-webkit-box-shadow:0 0 0 #000;
}
header .scurrent {top:53px;opacity:1; animation: snav .3s linear; -o-animation: snav .3s linear; -moz-animation: snav .3s linear; -webkit-animation: snav .3s linear;}
header .scurrento {top:-132px;opacity:0; animation:snavo .3s linear; -o-animation:snavo .3s linear; -moz-animation:snavo .3s linear; -webkit-animation:snavo .3s linear;}
header .dSnav strong {display:block;height:60px;border-bottom:1px solid #2d2d2d;line-height:60px;text-align:center;color:#3e3e3e;font-weight:800;font-size:20px;}
header .pSnav {width:1000px;padding:20px 0 0;margin:0 auto;text-align:center;}
header .pSnav a {position:relative;display:inline-block;height:22px;padding-right:20px;margin:0 14px;color:#fff;line-height:22px;}
header .pSnav a:hover {color:#ccc;text-decoration:none;}
header .pSnav a span {position:absolute;right:0;top:3px;display:block;width:16px;height:16px;overflow:hidden;background:#363636;line-height:16px;font-size:16px;text-align:center;text-indent:1px;-webkit-border-radius:8px;-webkit-transition:all .2s ease-in;}
header .pSnav a:hover span { -webkit-transform:rotate(360deg);}



#wrap{ background-color:#F0F0F0;}

.banner{ position:relative; height:273px; clear:both; overflow:hidden;}

.banner_bg{ width:100%; min-width:1000px; height:220px; margin:53px auto 0; text-align:center; overflow:hidden;}
.banner_bg li{ width:100%; height:220px;}
.banner_bg li.current{ display:block;}
.banner_bg li.currento{ display:none;}
#arrow{ display:none;}
#arrow_left{ width:40px; height:40px; background:url(/web/20181025162526im_/http://xhaonet.com/img/large_left.png) 0 -40px no-repeat; position:absolute; top:45%; left:50px; cursor:pointer;}
#arrow_right{ width:40px; height:40px; background:url(/web/20181025162526im_/http://xhaonet.com/img/large_right.png) 0 -40px no-repeat; position:absolute; top:45%; right:50px; cursor:pointer;}


#jdt{ position:absolute; width:100%; height:5px; font-size:0px; z-index:2; top:53px;}
#jdt .con{ width:0%; height:5px; font-size:0px; background:#FFF; opacity:0.6;}

.container{ width:1000px; margin:38px auto; clear:both; color:#262628;}
.container .aside{ width:170px; float:left; overflow:hidden;}
.container .aside .submenu{ width:100%; border-top:3px solid #000; border-bottom:3px solid #000;}
.container .aside .submenu li{ height:50px; border-bottom:1px solid #C8C8C8;}
.container .aside .submenu li:last-child{ border:none;}
.container .aside .submenu li a{ width:170px; height:50px; display:block; color:#262628; padding:0 0 0 50px; line-height:50px; position:relative; font-size:18px;}
.container .aside .submenu li a.current{ color:#B50F1B;}
.container .aside .submenu li a .em1{ width:26px; height:26px; position:absolute; display:block; background:url(/web/20181025162526im_/http://xhaonet.com/img/sideico.jpg) 0 -26px no-repeat; left:15px; top:13px;}
.container .aside .submenu li a:hover,a.current{ color:#B50F1B;}
.container .aside .submenu li a:hover .em1,.container .aside .submenu li a.current .em1{ background-position:0 0;}

.container .main{ width:760px; float:right;}
.container .main .list_type{ margin-bottom:20px;}
.container .main .list_type .em1{ width:82px; border-top:3px solid #B50F19; font-size:20px; font-weight:900; display:block; padding:15px 0 0 0; height:28px; line-height:20px; color:#26252A;}
.container .main .list_type .em2{ font-size:28px; color:#C8C8C8; border-bottom:1px dashed #D0D0D0; display:block; padding:0 0 20px 0;}

.container .main .tit{ margin:0 auto 20px;}
.container .main .tit .em1{ width:82px; font-size:20px; font-weight:600; padding:15px 0 0 0; height:28px; line-height:20px; color:#26252A;}
.container .main .tit .em2{ font-size:18px; color:#C8C8C8; padding:5px 0 0 0; display:inline-block;}


.container .main .article{ margin-bottom:45px;}

.container .main .article .art_l{ width:190px; float:left;}
.container .main .article .art_l img.ceo{ width:173px; height:236px; border:1px solid #DADADC; padding:5px;}
.container .main .article .art_r{ width:520px; float:right;}
.container .main .article .art_r .em1{ display:block; font-size:18px; text-indent:0; line-height:30px;}
.container .main .article .art_r .em2{ display:block; font-size:18px; text-indent:0; line-height:30px; background:url(/web/20181025162526im_/http://xhaonet.com/img/3line.jpg) 0 bottom no-repeat;}


.container .main .game_article{ margin-bottom:45px; width:670px;}
.container .main .game_article .game_type{ width:615px; height:41px; background:url(/web/20181025162526im_/http://xhaonet.com/img/game_bg.jpg) no-repeat; padding:0 0 0 55px; font-size:22px; line-height:40px; color:#FFF; clear:both; margin-bottom:25px;}
.container .main .game_article .game_l{ width:310px; float:left;}
.container .main .game_article .game_r{ width:330px; float:right;}
.container .main .game_article .game_r .gohome{ margin-bottom:15px; text-align:right;}
.container .main .game_article .game_r .game_table{ width:330px; overflow:hidden; clear:both; border-top:1px dashed #DFDFDF; border-bottom:1px dashed #DFDFDF; padding:5px 0;}
.container .main .game_article .game_r .game_ul{ clear:both; width:330px; font-size:14px; line-height:43px;}
.container .main .game_article .game_r .game_ul .game_l1{ width:110px; height:43px; float:left; background:#DFDFDF; margin:0 1px 1px 0; padding:0 0 0 20px;}
.container .main .game_article .game_r .game_ul .game_l2{ width:179px; height:43px; float:left; background:#DFDFDF; margin:0 0 1px 0; padding:0 0 0 20px;}
.container .main .game_article .game_r .game_ul li a{ color:#F00;}

.container .main .game_article .game_intro{ clear:both; padding:15px 0 0 0;}


.lh3{ width:40px; height:3px; background:#B50F19; font-size:0px; overflow:hidden;}


/*招聘信息*/

.container .main .join_article{ margin-bottom:45px; width:760px; position:relative;}

.join_article  .tab2{ width:760px; height:80px; clear:both; background:url(/web/20181025162526im_/http://xhaonet.com/img/line3.jpg) center 22px no-repeat; position:relative; left:0px; top:0px; z-index:5;}
.join_article  .tab2 li{ width:380px; height:60px; float:left; position:relative; border-bottom:3px solid #4E4D52; cursor:pointer;}
.join_article  .tab2 li.current{ border-bottom:3px solid #B94516;}
.join_article  .tab2 li.currento{ border-bottom:3px solid #4E4D52;}
.join_article  .tab2 li.current span.s_1 em{ width:170px; height:15px; position:absolute; right:0; text-align:center; top:35px; z-index:6;}
.join_article  .tab2 li.current span.s_2 em{ width:170px; height:15px; position:absolute; left:0; text-align:center; top:35px; z-index:6;}
.join_article  .tab2 li span em{ display:none; color:#B94516;}
.join_article  .tab2 li.current span em{ display:block;}
.join_article  .tab2 li.currento span em{ display:none;}

.join_article  .tab2 li span{ width:380px; height:21px; position:absolute; top:20px; background:url(/web/20181025162526im_/http://xhaonet.com/img/w2_bg31.png) no-repeat;}

.join_article  .tab2 li.current span{ width:380px; height:21px; position:absolute; top:20px; background:url(/web/20181025162526im_/http://xhaonet.com/img/w2_bg31_hover.png) no-repeat;}
.join_article  .tab2 li.currento span{ width:380px; height:21px; position:absolute; top:20px; background:url(/web/20181025162526im_/http://xhaonet.com/img/w2_bg31.png) no-repeat;}
.join_article  .dtabcon2{ width:760px; position:relative;}
.join_article  .dtabcon2 .con{ width:760px;}
.join_article  .dtabcon2 .con.current{ display:block;}
.join_article  .dtabcon2 .con.currento{ display:none;}
.join_article  .dtabcon2 .pNav1{ width:690px; height:140px; clear:both; position:relative;}
.join_article  .dtabcon2 .pNav1 a{ width:105px; height:140px; display:inline; position:relative; float:left; margin: 0 17px 0 16px; text-align:center; font-size:16px; font-weight:800; text-shadow:1px 1px 1px #333333; cursor:pointer; _color:#000;}
.join_article  .dtabcon2 .pNav1 a.current{ color:#B84517;}


.join_article  .dtabcon2 .pNav1 a span{ width:100px; height:100px; border:2px solid #893010; border-radius:50px; position:absolute; background:url(/web/20181025162526im_/http://xhaonet.com/img/w2_bg4.png) no-repeat #B84518; left:0px; top:0px;}
.join_article  .dtabcon2 .pNav1 a em{ width:104px; height:114px; position:relative; display:block; top:0; left:0;}
.join_article  .dtabcon2 .pNav1 a.a_1 span{ background-position:0 20px;}
.join_article  .dtabcon2 .pNav1 a.a_2 span{ background-position:-100px 20px;}
.join_article  .dtabcon2 .pNav1 a.a_3 span{ background-position:-200px 20px;}
.join_article  .dtabcon2 .pNav1 a.a_4 span{ background-position:-300px 20px;}
.join_article  .dtabcon2 .pNav1 a.a_5 span{ background-position:-400px 20px;}

.join_article  .dtabcon2 .pNav1 a:hover span,.join_article  .dtabcon2 .pNav1 a.current span{}

.join_article  .dtabcon2 .kNav1 .ulNav1 .tl0{ height:58px; border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; line-height:58px; padding:0 0 0 60px; font-size:16px; color:#F00; margin:25px 0 15px; cursor:pointer;}
.join_article  .dtabcon2 .kNav1 .ulNav1 .tl1{ background:url(/web/20181025162526im_/http://xhaonet.com/img/join_bg_1.png) 5px 5px no-repeat;}
.join_article  .dtabcon2 .kNav1 .ulNav1 .tl2{ background:url(/web/20181025162526im_/http://xhaonet.com/img/join_bg_2.png) 5px 5px no-repeat;}
.join_article  .dtabcon2 .kNav1 .ulNav1 .tl3{ background:url(/web/20181025162526im_/http://xhaonet.com/img/join_bg_3.png) 5px 5px no-repeat;}
.join_article  .dtabcon2 .kNav1 .ulNav1 .tl4{ background:url(/web/20181025162526im_/http://xhaonet.com/img/join_bg_5.png) 5px 5px no-repeat;}
.join_article  .dtabcon2 .kNav1 .ulNav1 .tl5{ background:url(/web/20181025162526im_/http://xhaonet.com/img/join_bg_4.png) 5px 5px no-repeat;}

.join_article  .dtabcon2 .kNav1 .ulNav1{ width:760px;}
.ulNav1_2,.ulNav1_3,.ulNav1_4,.ulNav1_5{ display:none;}
.join_article .dtabcon2 div .kNav1 { color:#262628;}
.join_article .kNav1 .current{ display:block;}
.join_article .kNav1 .currento{ display:none;}

/*新闻中心*/
.container .aside .year{ margin:15px auto; overflow:hidden; color:#262628;}
.container .aside .year a{ color:#000; width:42px; display:inline-block; float:left; text-align:center; line-height:24px; height:24px;}
.container .aside .news_wx{ text-align:center;}
.year select{ width:168px; border:1px solid #333;}




.container .main .news_article{ margin-bottom:45px; width:760px; position:relative; color:#262628;}
.container .main .news_article .news_list{ margin-bottom:15px;}
.container .main .news_article .news_r1{ background:url(/web/20181025162526im_/http://xhaonet.com/img/news_li.jpg) 0 5px no-repeat; padding:0 0 0 48px; font-size:16px; font-weight:700; margin-bottom:10px;}
.container .main .news_article .news_r1 span{ font-size:12px; font-weight:400;}
.container .main .news_article .news_r2{ margin-bottom:10px;}
.container .main .news_article .news_r4{ width:100%; border-bottom:1px dashed #CBCBCB; overflow:hidden; margin:0 auto; padding:8px 0;}
.container .main .news_article .news_r4 .news_r4_1{ width:500px; float:left; padding:5px 0 0 0;}
.container .main .news_article .news_r4 .news_r4_2{ width:60px; float:right; font-size:12px;}
.container .main .news_article a{ color:#B60E1B;}

.container .main .news_article .news_page{ text-align:right; margin:10px 0;}
.container .main .news_article .news_r5{ font-size:16px; font-weight:700; margin-bottom:10px; text-align:center;}
.container .main .news_article .news_r5 span{ font-size:12px; font-weight:400;}

.container .main .news_article .news_share{ clear:both; height:30px; margin-bottom:40px;}
.container .main .news_article .lh3{ clear:both; margin:20px 0 0;}
.container .main .news_article .news_more span{ float:right;}
.container .main .news_article .news_more{ border-bottom:1px dashed #333; border-top:1px dashed #333; overflow:hidden; padding:10px 0;}


/*企业文化*/

@media all and (min-width: 1200px){
	.item_list{padding:0 0 50px 0;position:relative; width:1200px; margin:0 auto;}	
}
@media all and (min-width:960px) and (max-width:1200px){
	.item_list{padding:0 0 50px 0;position:relative; width:960px; margin:0 auto;}	
}
.item{
	width:220px;background:#fff;overflow:hidden;margin:15px 0 0 0;
	border-radius:4px 4px 4px 4px;
	box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);	
}
.item_t{ width:218px; border:1px solid #DFDFDF; position:relative;}
.item_t .img{background-color:#FFFFFF;margin:0 auto;position:relative;width:218px;}
.item_t .img a{display:block;}
.item_t .img a:hover{background:#000;}
.item_t .img a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;}
.item_t .price{
	position:absolute;top:0px;right:10px;background-color:rgba(0, 0, 0, 0.2);color:#FFF;
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000, endcolorstr=#33000000);
}
.item_t .title{ width:218px; margin:8px auto 5px; height:23px; line-height:20px; overflow:hidden; text-align:center;}



footer {display:block;height:133px; background:#363435;font-size:12px;color:#afafaf; clear:both;}
footer a {color:#afafaf}
footer .img{ width:1000px; height:100%; overflow:hidden; margin:0 auto;}

.container .main .article .develop{ width:719px; height:989px; background:url(/web/20181025162526im_/http://xhaonet.com/img/development.jpg) no-repeat; position:relative; left:0px; text-indent:0px;}
.container .main .article .develop .d1{ width:178px; height:63px; position:absolute; left:88px; top:114px;}
.container .main .article .develop .d2{ width:219px; height:97px; position:absolute; left:458px; top:189px;}
.container .main .article .develop .d3{ width:209px; height:112px; position:absolute; left:57px; top:269px;}
.container .main .article .develop .d4{ width:219px; height:69px; position:absolute; left:458px; top:348px;}
.container .main .article .develop .d5{ width:209px; height:91px; position:absolute; left:57px; top:428px;}
.container .main .article .develop .d6{ width:212px; height:98px; position:absolute; left:458px; top:501px;}
.container .main .article .develop .d7{ width:244px; height:118px; position:absolute; left:22px; top:578px;}
.container .main .article .develop .d8{ width:178px; height:100px; position:absolute; left:458px; top:657px;}
.container .main .article .develop .d9{ width:202px; height:103px; position:absolute; left:64px; top:736px;}
.container .main .article .develop .d10{ width:212px; height:105px; position:absolute; left:458px; top:816px;}
.container .main .article .develop .d11{ width:209px; height:82px; position:absolute; left:57px; top:888px;}



/*动画*/
@-webkit-keyframes fadeInLeftBig {
  0%{ opacity:0; -webkit-transform: translateX(-2000px);}
  100% { opacity:1; -webkit-transform: translateX(0); }
}
@-moz-keyframes fadeInLeftBig {
  0%{ opacity:0; -moz-transform: translateX(-2000px);}
  100% { opacity:1; -moz-transform: translateX(0); }
}
@-mz-keyframes fadeInLeftBig {
  0%{ opacity:0; -mz-transform: translateX(-2000px);}
  100% { opacity:1; -mz-transform: translateX(0); }
}
@-o-keyframes fadeInLeftBig {
  0%{ opacity:0; -o-transform: translateX(-2000px);}
  100% { opacity:1; -o-transform: translateX(0); }
}
@keyframes fadeInLeftBig {
  0%{ opacity:0; transform: translateX(-2000px);}
  100% { opacity:1; transform: translateX(0); }
}

.fadeInLeftBig {
  -webkit-animation: fadeInLeftBig;
  -moz-animation: fadeInLeftBig;
  -mz-animation: fadeInLeftBig;
  -o-animation: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
  0%{ opacity: 0; -webkit-transform: translateX(2000px);}
  100%{ opacity: 1; -webkit-transform: translateX(0);}
}
@-moz-keyframes fadeInRightBig {
  0%{ opacity: 0; -moz-transform: translateX(2000px);}
  100%{ opacity: 1; -moz-transform: translateX(0);}
}
@-mz-keyframes fadeInRightBig {
  0%{ opacity: 0; -mz-transform: translateX(2000px);}
  100%{ opacity: 1; -mz-transform: translateX(0);}
}
@-o-keyframes fadeInRightBig {
  0%{ opacity: 0; -o-transform: translateX(2000px);}
  100%{ opacity: 1; -o-transform: translateX(0);}
}
@-webkit-keyframes fadeInRightBig {
  0%{ opacity: 0; -webkit-transform: translateX(2000px);}
  100%{ opacity: 1; -webkit-transform: translateX(0);}
}

.fadeInRightBig {
  -webkit-animation: fadeInRightBig;
  -moz-animation: fadeInRightBig;
  -mz-animation: fadeInRightBig;
  -weobkit-animation: fadeInRightBig;
  animation: fadeInRightBig;
}

.animated { 
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-mz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-mz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.zp_lie{ display:none; margin-left:50px;}


/*联系我们*/
.join_article .contact{ text-align:left; width:720px; height:350px; margin:20px 0 0 14px;}
 .join_article .contact p{ line-height:50px;}
 .join_article .contact img{ float:right; width:294px; height:250px; margin-top:7px;}

/*
     FILE ARCHIVED ON 16:25:26 Oct 25, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:15:28 Jul 30, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.762
  exclusion.robots: 0.04
  exclusion.robots.policy: 0.024
  esindex: 0.013
  cdx.remote: 69.154
  LoadShardBlock: 76.702 (3)
  PetaboxLoader3.datanode: 165.29 (5)
  load_resource: 338.954 (2)
  PetaboxLoader3.resolve: 175.091 (2)
*/