/*** Nokersang 2014-3 ***/

/* CSS Reset */
html,body,iframe,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,a,strong,img,form,fieldset,legend,label{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;}
ul,ol{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
select,input,button{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true);}(this));}
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}

/* Blank */
.bk1,.bk2,.bk3,.bk4,.bk5,.bk6,.bk7,.bk8,.bk9,.bk10,.bk11,.bk12,.bk13,.bk14,.bk15,.bk16,.bk17,.bk18,.bk19,.bk20{clear:both;font:1px/1px Arial;overflow:hidden;}
.bk1{height:1px;}.bk2{height:2px;}.bk3{height:3px;}.bk4{height:4px;}.bk5{height:5px;}.bk6{height:6px;}.bk7{height:7px;}.bk8{height:8px;}.bk9{height:9px;}.bk10{height:10px;}.bk11{height:11px;}.bk12{height:12px;}.bk13{height:13px;}.bk14{height:14px;}.bk15{height:15px;}.bk16{height:16px;}.bk17{height:17px;}.bk18{height:18px;}.bk19{height:19px;}.bk20{height:20px;}

/* Layout */
#wrapper{width:980px;height:auto;margin:0 auto;padding:10px;}
#p_left{float:left;width:230px;height:auto;}
#p_right{float:right;width:735px;height:auto;}

/* Header */
#header_area{width:auto;height:auto;}
#header_area .top_box{position:fixed;top:0;left:0;z-index:10;width:100%;height:32px;border-bottom:1px solid #DBDBDB;background:#F9F9F9;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
#header_area .top_box .top{position:relative;z-index:0;width:1000px;height:32px;margin:0 auto;}
#header_area .top_box .top a.index{float:left;margin:4px 12px 0 0;color:#666;font:12px/2 Simsun;}
#header_area .top_box .top a.index:hover{color:#F60;}
#header_area .top_box .top a.client{float:left;margin:4px 12px 0 0;color:#666;font:12px/2 Simsun;}
#header_area .top_box .top a.client:hover{color:#F60;}
#header_area .top_box .top span.d{float:right;padding:6px 0 0;color:#999;font:12px/20px Simsun;}
#header_area .top_box .top a.add_favorite{float:right;width:30px;height:20px;padding:0 0 0 17px;margin:6px 0 0 8px;background:url(https://www.doyo.cn/Tpl/web/Public/images/favorite_bg.png) 0 3px no-repeat;text-decoration:none;color:#666;font:12px/20px Simsun;text-align:center;}
#header_area .top_box .top a.add_favorite:hover{background:url(https://www.doyo.cn/Tpl/web/Public/images/favorite_bg.png) 0 -47px no-repeat;color:#f60;}
#header_area .top_box .top .login{float:right;width:600px;height:20px;padding:6px 0 0;color:#999;font:12px/20px Simsun;text-align:right;}
#header_area .top_box .top .login a{display:inline-block;margin:0 8px;color:#666;}
#header_area .top_box .top .login a:hover{color:#f60;}
#header_area .top .login a.name{margin:0 10px 0 0;color:#2791D0;font-family:Verdana;}
#header_area .top .login a.name:hover{color:#F60;}
#header_area .top_box .top .top_nav{position:absolute;top:1px;left:132px;z-index:1;width:63px;height:29px;}
#header_area .top_box .top .top_nav .nav_box{display:none;position:absolute;top:28px;left:0;z-index:2;width:130px;height:auto;border:1px solid #ccc;background:#fff;overflow:hidden;}
#header_area .top_box .top .top_nav .nav_box div{float:left;width:50px;padding:6px 0 3px 10px;}
#header_area .top_box .top .top_nav .nav_box a{font:12px/2 Simsun;color:#333;}
#header_area .top_box .top .top_nav .nav_box a:hover{color:#F60;}
#header_area .top_box .top .top_nav .t{position:absolute;top:1px;left:1px;z-index:1;z-index:3;width:36px;height:28px;padding:0 0 0 25px;background:url(https://www.doyo.cn/Tpl/web/Public/images/topbar_ico.png) no-repeat 7px 8px;color:#333;font:12px/28px Simsun;cursor:default;}
#header_area .top_box .top .care_doyo{position:absolute;top:1px;left:195px;z-index:1;width:96px;height:29px;}
#header_area .top_box .top .care_doyo .care_box{display:none;position:absolute;top:28px;left:0;z-index:2;width:250px;height:140px;padding:5px 0 0;border:1px solid #ccc;background:#fff;}
#header_area .top_box .top .care_doyo .care_box .wechat{float:left;width:120px;height:140px;color:#666;font:12px/2 Simsun;text-align:center;}
#header_area .top_box .top .care_doyo .care_box .wechat img{display:block;width:110px;height:110px;margin:0 auto;}
#header_area .top_box .top .care_doyo .care_box .weibo{float:right;width:120px;height:140px;}
#header_area .top_box .top .care_doyo .care_box .weibo img{display:block;width:110px;height:110px;margin:0 auto;}
#header_area .top_box .top .care_doyo .care_box .weibo .weibo_link{display:inline-block;width:62px;height:22px;margin:0 0 0 30px;background:url(https://www.doyo.cn/Tpl/web/Public/images/topbar_ico.png) 0 -100px no-repeat;}
#header_area .top_box .top .care_doyo .t{position:absolute;top:1px;left:1px;z-index:1;z-index:3;width:81px;height:28px;padding:0 0 0 13px;background:url(https://www.doyo.cn/Tpl/web/Public/images/topbar_ico.png) no-repeat 74px -38px;color:#666;font:12px/28px Simsun;cursor:default;}
#header_area .top_box .top .top_nav div.active,#header_area .top_box .top .care_doyo div.active{top:0;left:0;border:1px solid #ccc;border-bottom:none;background-color:#fff;}
#header_area .middle_box{width:auto;height:120px;background:url(https://s.doyo.cn/material/images/web/page_2014/header_big_bg.png) center 0 repeat-x;}
#header_area .middle{width:980px;height:120px;margin:0 auto;}
#header_area .middle .logo{float:left;width:280px;height:120px;}
#header_area .middle .logo h2{display:none;}
#header_area .middle .logo .main_logo{display:block;width:130px;height:59px;margin:27px 0 0 14px;background:url(https://s.doyo.cn/material/images/web/logo_png24_bg.png) 0 0 no-repeat;}
#header_area .middle .search{float:left;width:430px;height:93px;padding:27px 0 0 0;}
#header_area .middle .search .bar{position:relative;z-index:3;width:426px;height:42px;padding:4px 0 4px 4px;background:#ECE8E6;}
#header_area .middle .search .bar .key{float:left;width:333px;height:40px;padding:0 0 0 12px;border:solid #DCD8D4;border-width:1px 0 1px 1px;background:#FFF;font:14px/2.8 SimSun;color:#333;}
#header_area .middle .search .bar .button{float:left;width:75px;height:42px;padding:0;border:1px solid #7B736F;background:url(../images/page_2014/header_bg.png) 25px 8px no-repeat #867E79;cursor:pointer;}
#header_area .middle .search .bar .button_hover{border:1px solid #6F665F;background:url(../images/page_2014/header_bg.png) 25px -42px no-repeat #6F665F;}
#header_area .middle .search .bar .auto_box{display:none;position:absolute;z-index:1;left:4px;top:45px;width:344px;height:auto;border:solid #D9D9D9;border-width:0 1px 1px 1px;background:#FFF;overflow:hidden;}
#header_area .middle .search .bar .auto_box a{display:block;width:324px;height:48px;padding:10px;border-top:1px solid #D9D9D9;font:12px/2 SimSun;color:#333;text-decoration:none;overflow:hidden;}
#header_area .middle .search .bar .auto_box a:hover{color:#F60;}
#header_area .middle .search .bar .auto_box a.hover{background:#F6F6F6;}
#header_area .middle .search .bar .auto_box a.active{background:#EEE;}
#header_area .middle .search .bar .auto_box a img{float:left;width:48px;height:48px;margin:0 10px 0 0;}
#header_area .middle .search .bar .auto_box a span{display:inline-block;margin:4px 0 0 0;color:#AAA;}
#header_area .middle .search .word{width:422px;height:24px;padding:2px 8px 0 8px;font:12px/2 SimSun;color:#999;overflow:hidden;}
#header_area .middle .search .word a{display:inline-block;margin:0 8px 0 0;color:#999;}
#header_area .middle .search .word a:hover{color:#F60;}
#header_area .middle .link{float:right;position:relative;z-index:0;width:150px;height:50px;padding:36px 0 0 0;text-align:right;}
#header_area .middle .link a{display:inline-block;margin:0 7px 0 0;padding:7px 10px;background:#F90;font:12px/1.5 SimSun;color:#FFF;}
#header_area .middle .link a:hover{background:#F60;}
#header_area .bottom_box{width:auto;height:49px;background:#0091FF;}
#header_area .bottom{width:980px;height:49px;margin:0 auto;}
#header_area .bottom .nav{float:left;width:810px;height:49px;}
#header_area .bottom .nav a{display:inline-block;height:36px;padding:7px 16px 6px 16px;font:18px/2 "Microsoft YaHei",SimSun;color:#FFF;vertical-align:middle;}
#header_area .bottom .nav a:hover{color:#FF0;text-decoration:none;}
#header_area .bottom .nav a.active{background:#035CC1;}
#header_area .bottom .nav a.active:hover{color:#FF0;}
#header_area .bottom .nav a.index{padding:7px 25px 6px 25px;}
#header_area .bottom .nav a.chinajoy{background:url(../images/new_item.gif) 123px 5px no-repeat;}
#header_area .bottom .nav span{display:inline-block;width:2px;height:49px;background:url(../images/page_2014/header_bg.png) -98px 4px no-repeat;vertical-align:middle;}
#header_area .bottom .other{float:right;width:166px;height:26px;padding:11px 0 0 0;text-align:right;}
#header_area .bottom .other a{display:inline-block;height:24px;margin:0 7px 0 0;padding:1px 10px;background:#D0ECFF;font:12px/2 SimSun;color:#003066;}
#header_area .bottom .other a:hover{color:#F60;}

#footer_area{width:auto;height:auto;padding:15px 0;border-top:2px solid #F9F9F9;}
#footer{width:980px;height:auto;margin:0 auto;font:12px/2 Arial;color:#999;text-align:center;}
#footer a{color:#666;}
#footer a:hover{color:#F90;}
#footer a.s{color:#666;}
#footer a.s:hover{color:#F90;}

/*Being*/
#being{width:100%;height:auto;padding:10px 0 0;background:#fff;overflow: hidden;}

/*hd*/
.hd{position:relative;z-index:0;width:980px;height:180px;margin:0 auto 18px;background:#F3F3F3;}
.hd img{float:left;width:680px;height:180px;}
.hd .award{position:absolute;top:152px;left:0;z-index:1;width:665px;height:28px;padding:0 15px 0 0;color:#fff;font:12px/28px "Microsoft YaHei";text-align:right;}
.hd .flag{position:absolute;top:-8px;left:560px;z-index:1;width:113px;height:62px;background:url(../images/sprite.png) no-repeat 0 -200px;}
.pass .flag{background:url(../images/sprite.png) no-repeat -240px -200px;}
.will .flag{background:url(../images/sprite.png) no-repeat -120px -200px;}
.hd .flag em{position:absolute;top:28px;left:45px;z-index:2;width:17px;height:26px;overflow:hidden;}
.hd .flag em.n{left:65px;}
.hd .flag em.n_0{background:url(../images/sprite.png) no-repeat 0 -150px;}
.hd .flag em.n_1{background:url(../images/sprite.png) no-repeat -20px -150px;}
.hd .flag em.n_2{background:url(../images/sprite.png) no-repeat -40px -150px;}
.hd .flag em.n_3{background:url(../images/sprite.png) no-repeat -60px -150px;}
.hd .flag em.n_4{background:url(../images/sprite.png) no-repeat -80px -150px;}
.hd .flag em.n_5{background:url(../images/sprite.png) no-repeat -100px -150px;}
.hd .flag em.n_6{background:url(../images/sprite.png) no-repeat -120px -150px;}
.hd .flag em.n_7{background:url(../images/sprite.png) no-repeat -140px -150px;}
.hd .flag em.n_8{background:url(../images/sprite.png) no-repeat -160px -150px;}
.hd .flag em.n_9{background:url(../images/sprite.png) no-repeat -180px -150px;}
.hd .info{float:right;width:245px;height:180px;padding:0 32px 0 0;}
.hd .info h4{width:245px;height:40px;color:#404040;font:bold 16px/40px "Microsoft YaHei";overflow:hidden;}
.hd .info .intro{width:245px;height:54px;color:#575757;font:12px/18px "Microsoft YaHei";overflow:hidden;}
.hd .info .method,.hd .info .time{width:245px;height:18px;color:#0091FF;font:12px/18px "Microsoft YaHei";overflow:hidden;}
.hd .info a{display:block;width:150px;height:32px;margin:0 auto;background:url(../images/sprite.png) no-repeat 0 0;text-decoration:none;overflow:hidden;}
.hd .info a:hover{background:url(../images/sprite.png) no-repeat -160px 0;}
.pass .info a{background:url(../images/sprite.png) no-repeat 0 -50px;}
.pass .info a:hover{background:url(../images/sprite.png) no-repeat -160px -50px;}
.will .info a{background:url(../images/sprite.png) no-repeat 0 -100px;}
.will .info a:hover{background:url(../images/sprite.png) no-repeat 0 -100px;}
.pass{background:#fff;}

/*Done*/
#done{width:100%;height:auto;padding:16px 0 21px;background:#F3F3F3;overflow: hidden;}
#done .more{display:block;width:980px;height:12px;padding:14px 0;margin:0 auto;color:#666;background:#E2E2E2;color:#666;font:12px/1 "Microsoft YaHei";text-align:center;text-decoration:none;}
#done .more:hover{background:#ddd;}
#done .more em{display:inline-block;width:17px;height:12px;background:url(../images/sprite.png) no-repeat -200px -99px;+vertical-align:middle;}

/*Company*/
#company{width:980px;height:auto;margin:0 auto;overflow:hidden;}
#company h3.c{width:980px;height:44px;margin:0 auto;color:#4D4D4D;font:bold 24px/44px "Microsoft YaHei";}
#company .c_box{width:1000px;height:auto;overflow:hidden;}
#company .c_box a{float:left;width:150px;height:60px;margin:0 16px 16px 0;text-decoration:none;overflow:hidden;}
#company .c_box a img{float:left;width:150px;height:60px;overflow:hidden;}




/*quick_bar*/
#quick_bar{display:none;position:fixed;_position:absolute;z-index:1;left:50%;margin-left:500px;bottom:10px;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-10));width:40px;height:auto;}
#quick_bar .go_top{width:40px;height:40px;margin:3px 0 0 0;background:url(../images/page_2014/quick_bar_bg.png) 0 0 no-repeat;cursor:pointer;}
#quick_bar .go_top_hover{background:url(../images/page_2014/quick_bar_bg.png) 0 -50px no-repeat;}