/* CSS Document */
body{width:100%; height:auto; margin:0; padding:0; font-family:"΢ÈíÑźÚ","ËÎÌå",Arial, Helvetica, sans-serif; color:#666666; font-size:12px;}
a{color:#333333; text-decoration:none;}
a:hover{color:#2c55a7;}

ul,li{margin:0; padding:0; list-style-type:none; vertical-align:middle;}
img{vertical-align:bottom; border:0;}


#top{width:100%; height:30px; background:#333333;}
.top{width:1006px; height:30px; margin:0 auto;}

.welcome{float:left; line-height:30px; color:#ababab; font-size:12px;}
.Collect{float:right; line-height:30px; color:#858585; margin-right:30px;}
.Collect a{color:#858585;}


.Language{float:right; height:30px;}
.Language  a{color:#FFFFFF; float:left; width:60px; height:18px; line-height:18px; margin:5px 2px 0 0; text-align:center; border:1px solid #FFFFFF;}
.Language1{background:#cf0707;}
.Language2{background:#003189;}

#head{width:100%; height:92px; background:#faf9f9;}
.head{width:1006px; height:92px; margin:0 auto; }
#logo{background:url(../images/yhd_10.jpg) no-repeat; width:248px; height:61px; float:left; margin:15px 0 0 0;}



#nav{width:736px;height:92px;position:relative;z-index:99; float:right;}
.tab{position:relative;display:block;float:left;cursor:pointer; width:92px; height:92px;}
.tab .tablink{position:relative; width:92px;line-height:92px;display:block;height:92px;color: #333333;font-size:14px;z-index:99;float:left; text-align:center;}
.tab a{line-height:92px;text-decoration:none; text-align:center;}
.tab:hover{background:url(../images/yhd_13.jpg) 41px 70px no-repeat #ff5b00; color:#333333; text-decoration:none;}
.tab:hover .tablink{color:#ffffff;text-decoration:none}
.tab:hover .tablink a{color:#ffffff}

.dropdown ul{display:none}
.dropdown:hover ul{position:absolute;display:block;margin-left:-1px;top:92px;left:1px;z-index:9}
.subnav{width:360px; height:195px;}
.subnav_b{background-color:#C1C1C1 !important; filter:alpha(opacity=80);opacity:0.8; width:360px; height:195px; position:relative;}
.subnav_c{position:absolute; left:10px; top:10px; width:340px; height:auto;}
.subnav_c p{float:left; width:100px;}
.subnav_c img{float:right; width:230px; height:175px;}
.subnav a{padding:0;line-height:25px;display:block;white-space:nowrap;color: #333333;float:left; text-align:left; padding-left:15px; background:url(../images/nav_b.png) 0 12px no-repeat;}
.subnav:hover{text-decoration:underline;color: #333333; background:none;}






#banner{ width:100%; height:445px;}
.slide-main{height:445px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:210px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:410px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:445px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:445px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(../images/banner01.png) center no-repeat;}
#bgstyleb{background:url(../images/banner03.png) center no-repeat;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


#main{width:1006px; height:auto; margin:20px auto 0 auto;}


#main_left{width:360px; height:auto; float:left;}
#con {FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH:360px; position:relative;}

.news_mo{background:url(../images/yhd_20.jpg) no-repeat; width:49px; height:9px; position:absolute; right:0; top:20px; z-index:999;}
.news_mo a{display:block; width:49px; height:9px;}
#tags {WIDTH: 360px; HEIGHT:36px; border-bottom:1px solid #D2D2D2;}
#tags LI {FLOAT: left; LIST-STYLE-TYPE: none; HEIGHT: 36px; width:90px; text-align:center;}
#tags LI A {FLOAT: left; COLOR: #545454; LINE-HEIGHT:34px;HEIGHT:34px; width:90px; text-align:center; TEXT-DECORATION: none; font-size:18px;}
#tags LI.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tags LI.selectTag {POSITION: relative; HEIGHT:28px;}
#tags LI.selectTag A { COLOR: #266fd2; LINE-HEIGHT:34px; HEIGHT:34px; border-bottom:2px solid #266fd2;}
#tagContent { width:360px; height:auto; margin:10px 0 0 0;}
.tagContent {DISPLAY: none; WIDTH: 360px; COLOR: #474747; HEIGHT: auto;}
.tagContent li{width:360px; height:24px; line-height:24px; background:url(../images/yhd_27.png) 0 10px no-repeat;}
.tagContent li a{float:left; line-height:24px; margin:0 0 0 15px;}
.tagContent li span{float:right; color:#9b9b9b;}
#tagContent DIV.selectTag {DISPLAY: block}


#k_nav{width:360px; height:auto;}
#k_nav_t{width:360px; height:36px; border-bottom:1px solid #D2D2D2;}
#k_nav_t span{float:left; width:90px; height:34px; line-height:34px; border-bottom:2px solid #266fd2; font-size:18px; color:#266fd2; text-align:center;}
#k_nav_t img{float:right; margin:20px 0 0 0;}

.k_nav{width:360px; height:auto; margin:20px 0 0 0;}
.k_nav1{width:110px; height:120px; float:left; background:url(../images/yhd_32.jpg) 0 0 no-repeat;}
.k_nav1:hover{width:110px; height:120px; float:left; background:url(../images/yhd_32a.jpg) 0 0 no-repeat;}
.k_nav2{width:110px; height:120px; float:left; background:url(../images/yhd_34.jpg) 0 0 no-repeat; margin:0 0 0 15px;}
.k_nav2:hover{width:110px; height:120px; float:left; background:url(../images/yhd_34a.jpg) 0 0 no-repeat; margin:0 0 0 15px;}
.k_nav3{width:110px; height:120px; float: right; background:url(../images/yhd_36.jpg) 0 0 no-repeat;}
.k_nav3:hover{width:110px; height:120px; float: right; background:url(../images/yhd_36a.jpg) 0 0 no-repeat;}
.k_nav span{display:block; width:110px; height:24px; line-height:24px; margin:100px 0 0 0; text-align:center;}
.k_nav a{font-size:14px; color:#484848;}

#server{width:600px; height:auto; float:right;}
#server_t{width:600px; height:36px; border-bottom:1px solid #D2D2D2; margin-bottom:10px;}
#server_t span{float:left; width:90px; height:34px; line-height:34px; font-size:18px; color:#266fd2; border-bottom:2px solid #266fd2; text-align:center;}
#server_t font{ float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#929292; line-height:12px; margin:14px 0 0 10px;}
#server_t img{float:right; margin:20px 0 0 0;}

.server{width:600px; height:136px; margin:2px 0 0 0; line-height:24px;}





#link{width:100%; height: auto; background:#e5e5e5; margin:20px 0 0 0;}
.link{width:1006px; line-height:36px; margin:0 auto; color:#585858;}
.link strong{color:#5c5b5b;}
.link a{color:#585858; padding:0 4px;}


#bottom{width:100%; height:210px; background:#484848; overflow:hidden;}
.bottom{width:1006px; height:210px; background:url(../images/yhd_42.jpg) right center no-repeat; margin:0 auto; overflow:hidden;}
.bottom ul{margin:30px auto 0 auto;}
.bottom li{float:left; width:130px; line-height:20px;}
.bottom li span{display:block; color:#FFFFFF; font-size:14px; line-height:24px;}
.bottom li a{display:block; color:#929292; font-size:14px;}
.bottom li a:hover{text-decoration:underline;}

#footer{width:100%; height: auto; padding:50px 0 50px 0; background:#262729; color:#c1c1c1; text-align:center; line-height:24px; position:relative}
#footer a{color:#c1c1c1;}
#footer img{position:absolute; margin:-30px 0 0 60px;}

.banner1{background:url(../images/bnt_01.png) center no-repeat; width:100%; height:205px;}
.banner2{background:url(../images/bnt_02.png) center no-repeat; width:100%; height:205px;}
.banner3{background:url(../images/bnt_03.png) center no-repeat; width:100%; height:205px;}
.banner4{background:url(../images/bnt_04.png) center no-repeat; width:100%; height:205px;}
.banner5{background:url(../images/bnt_05.png) center no-repeat; width:100%; height:205px;}
.banner6{background:url(../images/bnt_06.png) center no-repeat; width:100%; height:205px;}
.banner7{background:url(../images/bnt_07.png) center no-repeat; width:100%; height:205px;}

#main_title{width:1006px; height:40px; border-bottom:1px solid #cccccc;}
#main_title span{background:url(../images/neiye_05.png) no-repeat; float:right; height:28px; line-height:28px;display:inline-block !important; display:inline; padding-left:25px;}


#neiye_left{width:240px; height:auto; float:left; margin:20px 0 0 0;}
#neiye_left_t{width:240px; height:70px; background:#00508e; overflow:hidden;}
#neiye_left_t span{font-size:18px; font-weight:600; color:#FFFFFF; text-align:center; display:block; width:240px; height:24px; line-height:24px; margin:30px 0 0 0;}


#neiye_left_c{background:#006bc3; width:240px; height:auto; margin:10px 0 0 0;}
#neiye_left_c ul{width:214px; height:auto; margin:0 auto; padding:0 0 20px 0;}
#neiye_left_c li{width:214px; height:60px; border-bottom:1px solid #aaaaaa;}
#neiye_left_c li a{display:block; width:214px; height:60px; line-height:55px; font-size:14px; text-align:center; color:#FFFFFF;}
#neiye_left_c li a:hover{background:url(../images/neiye_09.jpg) no-repeat;}


#neiye_right{float:right; width:700px; height:auto; margin:20px 0 0 0;}

#neiye_right_t{width:700px; border-bottom:1px solid #cccccc; font-size:20px; font-weight:600; color:#ff5b00; line-height:36px;}
#neiye_right_c{width:700px; height:auto; line-height:24px; margin:15px 0 0 0; font-size:14px; color:#000000;}
#neiye_right_zs{width:700px; height:auto; line-height:24px; margin:15px 0 0 0; font-size:14px; color:#000000;}
#neiye_right_zs table{border-bottom:1px solid #DBDBDB; border-left:1px solid #DBDBDB;}
#neiye_right_zs td{border-top:1px solid #DBDBDB; border-right:1px solid #DBDBDB; padding:0 5px;}


#return{width:560px; height:30px; margin:10px auto 0 auto;}
#return span{float:left; padding:0 10px; line-height:24px;}
#return a{ color:#2c55a7;}
#return  img{float:right;}

.index-splash-block {
	width:600px;
	height:530px; overflow:hidden;
	background: url(../images/bg.png) top center no-repeat; margin:20px auto 0 auto;
}
.index-splash-block .feature-slide-preview {
    margin: 0 auto;
	padding-top:0px;
    display: none;
    width: 560px;
    height:420px;
    overflow: hidden;
}
.index-splash-block .feature-slide-preview .screenshot {
    display: block;
    margin: auto;
}
.index-splash-block .feature-slide-list {
    width: 560px;
    height: auto;
    overflow: hidden;
    margin: 10px auto 0;
}
.index-splash-block .feature-slide-list a {
    float: left;
    display: inline;
    width: 22px;
    height: 22px;
    background: url(../images/feature-point.png) center no-repeat;
    _background: url(../images/feature-point-4ie6.png) center no-repeat;
}
.index-splash-block .feature-slide-list a.current {
    background: url(../images/feature-point-current.png) center no-repeat;
    _background: url(../images/feature-point-current-4ie6.png) center no-repeat;
}
.index-splash-block  .feature-slide-list .feature-slide-list-items {
    display: inline;
}
.index-splash-block  .feature-slide-list a.feature-slide-list-previous {
    background: url(../images/feature-point-previous.png);
    _background: url(../images/feature-point-previous-4ie6.png);
}
.index-splash-block  .feature-slide-list a.feature-slide-list-next {
    background: url(../images/feature-point-next.png);
    _background: url(../images/feature-point-next-4ie6.png);
}


.download li{width:600px; height:24px; background:url(../images/yhd_27.png) 0 10px no-repeat; padding-left:15px;}



.Lang table{text-align:center; border-top:1px solid #DBDBDB; border-right:1px solid #DBDBDB;}
.Lang td{text-align:center; border-bottom:1px solid #DBDBDB; border-left:1px solid #DBDBDB;}

.youyu img{margin:5px 0 5px 0;}


.lxfs table{border-top:1px solid #D8D8D8; border-right:1px solid #D8D8D8; margin-top:10px;}
.lxfs td{padding:5px 10px; border-bottom:1px solid #D8D8D8; border-left:1px solid #D8D8D8; vertical-align:top;}
.lxfs strong{color:#00508e;}

.activity{width:280px; height:auto; background:url(../images/hdbj.jpg) left  top  repeat-x;}
.activity img{margin:10px;}