/* CSS Document */
body{ width:100%px; background:url(../images/head_02.jpg) repeat-x; height:auto; margin:0; padding:0; line-height:24px; font-size:12px; font-family:"宋体","微软雅黑",Arial, Helvetica, sans-serif; color:#444444;}
ul,li,p{margin:0; padding:0;}
ul,li{list-style:none; vertical-align:middle;}
a{color:#444444; text-decoration:none;}
a:hover{text-decoration:underline;}
font{font-size:12px;}

#main{width:1000px; height:auto; margin-left:auto; margin-right:auto;}
#head{ width:1000px; height:auto;overflow:hidden;}
.top{ height:35px; line-height:35px;}
.top span{ width:260px; height:auto; float:left;}
.top font{ width:220px; height:35px; float:right;}

.nav{width:1000px; height:39px; float:left;}
.nav a{float:left;height:39px; width:109px; line-height:39px; text-align:center; color:#ffffff; font-size:14px;font-family: "微软雅黑","宋体",Arial, Helvetica, sans-serif; background:url(../images/head_10.jpg) no-repeat;;}
.nav a:hover{float:left; height:39px;background:url(../images/kai_03.jpg) no-repeat; color:#f6ff00;width:109px; line-height:39px;font-family: "微软雅黑","宋体",Arial, Helvetica, sans-serif;}
.text{ height:30px; width:1000px; float:left; background:url(../images/text_15.jpg) repeat-x;}
.text span{ float:left; line-height:30px; padding-left:15px;}
.text font{ float:right; line-height:30px;}
.text font img{vertical-align:middle;}

#banner{ width:1000px; height:auto; overflow:hidden; margin-top:10px;}
#banner_tp{ width:676px; height:326px; float:left;}
#about_us{ background:url(../images/head_23.jpg) repeat-x; width:314px; height:326px; float:right;}
.about_title{ margin-top:15px;}
.about_title span{ float:left; padding-left:20px;}
.about_title font{ float:right;padding-right:20px;}
.about_content{ width:276px; margin:0px 18px 0 18px;}
.about_content img{ margin-top:10px;}
.about_content p{line-height:18px; padding-top:10px;}

#center{ width:1000px; height:auto; margin-top:10px; overflow:hidden;}
#con1{ width:1000px; height:auto; overflow:hidden;}
#login{ width:214px; height:auto; float:left;}
.login_title{ background:url(../images/login_03.jpg) no-repeat; height:33px; color:#FFFFFF; font-size:14px; line-height:33px;}
.login_title span{ padding-left:15px; font-weight:bold;}
.login_bottom{ background:url(../images/login_bj_03.jpg) bottom repeat-x; border-bottom:1px #d8d8d8 solid; border-left:1px #d8d8d8 solid; border-right:1px #d8d8d8 solid;}

#news{ width:538px; height:auto; float:left; margin-left:10px;}


#con {width:538px; height:auto; overflow:hidden;}
#tags {PADDING: 0px; MARGIN:0; WIDTH: 538px; HEIGHT: 33px;background:url(../images/content_04.jpg) bottom repeat-x;}
#tags LI{FLOAT: left;LIST-STYLE-TYPE: none; text-align:center; width:103px; HEIGHT:33px; line-height:33px;}
#tags LI A {FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #333333; LINE-HEIGHT:33px; PADDING-TOP: 0px; width:103px; HEIGHT:33px; text-align:center; TEXT-DECORATION: none;}
#tags LI.selectTag{width:103px; HEIGHT: 33px; line-height:33px; font-weight:600; background:url(../images/content_03.jpg) bottom no-repeat;  overflow:hidden;}
#tags LI.selectTag A{LINE-HEIGHT:33px; HEIGHT: 33px; color:#FFFFFF; }
#tagContent{ width:536px;BORDER-RIGHT: #DBDBDB 1px solid; BORDER-LEFT: #DBDBDB 1px solid; BORDER-BOTTOM: #DBDBDB 1px solid; overflow:hidden;}
.tagContent{DISPLAY: none; WIDTH:536px; COLOR: #474747; HEIGHT: 190px; margin-top:10px;}
.tagContent ul{width:520px; margin-left:10px; list-style:none;}
.tagContent li{ width:520px; height:26px; line-height:26px; vertical-align:bottom;}
.tagContent li a{float:left;   background:url(../images/content_14.jpg) 0 11px no-repeat;padding-left:10px;}
.tagContent li span{float: right;}
#tagContent DIV.selectTag {DISPLAY: block;}

#tagContent p{display:block; width:520px; height:33px; line-height:33px; margin:0; padding:0; text-align:right;}

.menu {border-bottom:1px solid #d7d7d7; height:auto;width:538px; border-top:3px #6ec4ef solid;}
.menu ul {margin:0px 0 0 10px; padding:0px; list-style:none;}
.menu li { float:left; line-height:30px; height:30px;}
.menu li a {color:#333333; display:block; height:30px; width:76px; text-align:center; }
.menu li a.tabactive { height:30px; width:76px; color:#0c7ed4;font-weight:bold;  position:relative; background:url(../images/xh_32.jpg) no-repeat;}
.table_ap{width:536px; border:1px solid #ececec;}
#tabcontent1,#tabcontent2,#anothercontent1,#anothercontent2 {width:299px; padding:0; font-size:12px; margin-bottom:5px;}
.tab_pic{width:227px; float:right; margin:10px 10px 0 0;}
.tab_con{width:269px; float:left; margin:10px 0 0 10px;}


#tabcontent1 ul{width:269px; list-style:none;}
#tabcontent1 li{ width:269px; }
#tabcontent1 li a{ background:url(../images/content_14.jpg) 0 10px no-repeat;padding-left:10px;float:left; }
#tabcontent1 li a:hover{ color:#FF0000;}
#tabcontent1 li span{ float:right;}
#tabcontent2 ul{width:269px; list-style:none;}
#tabcontent2 li{ width:269px; vertical-align:bottom;}
#tabcontent2 li a{ background:url(../images/content_14.jpg) 0 10px no-repeat;padding-left:10px;float:left; }
#tabcontent2 li a:hover{ color:#FF0000;}
#tabcontent2 li span{ float:right;}
#tabcontent1,#tabcontent2 p{display:block; width:270px; text-align:right; margin:0; padding:0;}

     

.normal{list-style:none; float: left;width: 76px; text-align :center ; vertical-align :middle ; cursor :pointer ;}
.selected{list-style: none; float: left;width: 76px; text-align :center ; vertical-align :middle ; cursor :pointer ;  background:url(../images/xh_32.jpg) no-repeat; font-weight:600;}
#divMainTab{float:left;margin: 0px; padding: 0px;border-top:3px #6ec4ef solid; width:538px;}   
#divMainTab ul{margin:0 0 0 10px;}
.divContent{width: 536px ;height:239px; clear: both; border: solid 1px #d7d7d7;}
#div1 ul{width:506px; margin:10px 15px 0 15px;}    
#div1 ul li{height:25px; line-height:25px;}
#div1 ul li a{float:left;}
#div1 ul li span{float:right;}





#hd{ width:225px; height:auto; float:right;}
#hd_title{ background:url(../images/content_06.jpg) no-repeat; width:225px; height:33px;}
#hd_title span{ height:33px; line-height:33px; font-weight:bold; padding-left:80px; font-size:14px; color:#FFFFFF;}
#hd_title a{line-height:33px; font-weight:bold; font-size:14px; color:#FFFFFF;}
#hd_content{ width:213px; height:auto;border-bottom:1px #CCCCCC solid;border-left:1px #CCCCCC solid;border-right:1px #CCCCCC solid; padding-left:10px;}
#hd_content li{LIST-STYLE-TYPE: none;}
#hd_content li a{ background:url(../images/content_11.jpg) 0 5px no-repeat; color:#666666; padding-left:10px; width:213px;}
#hd_content li a:hover{ color:#FF0000;}
#con2{ margin:10px 0; width:1000px; height:75px; overflow:hidden;}
#con4{ margin-top:10px; width:1000px; height:75px; overflow:hidden;}
#con3{ width:1000px; height:auto; overflow:hidden;}
#con3_left{ width:214px; height:auto; float:left;}
.left_tittle{ background:url(../images/content_25.jpg) no-repeat; height:33px; line-height:33px;}
.left_tittle span{ padding-left:18px; font-size:14px; font-weight:600; color:#FFFFFF;}
.left_tittle a{font-size:14px; font-weight:600; color:#FFFFFF;}
.left_cotent{ width:202px; height:auto; border-left:1px #d8d8d8 solid; border-right:1px #d8d8d8 solid; border-bottom:1px #d8d8d8 solid; padding:10px 0 10px 10px;}
.left_cotent li{LIST-STYLE-TYPE: none;}
.left_cotent li a{ background:url(../images/content_37.jpg) 0 5px no-repeat; color:#666666; line-height:28px; padding-left:10px; width:202px;}
.left_cotent li a:hover{ color:#FF0000;}
#con3_center{ width:538px; float:left; height:auto; margin-left:10px;}
#con3_right{ width:225px; float:right; height:auto;}
.con3_tt{background:url(../images/content_06.jpg) no-repeat; width:225px; height:33px;}
.con3_tt span{ height:33px; line-height:33px; font-weight:bold; padding-left:65px; font-size:14px; color:#FFFFFF;}
.con3_tt a{line-height:33px; font-weight:bold; font-size:14px; color:#FFFFFF;}
.con3_cen{width:225px; height:auto; margin-top:6px;}
.con3_cen span{background:url(../images/cen.jpg) no-repeat; padding-left:20px; height:22px; color:#666666; width:75px; float:left; border:1px #CCCCCC solid; margin:3px 5px 0 10px;}
.con3_cen a:hover{ color:#FF0000;}
.zan{ margin-bottom:8px;}


#con5{ width:998px; height:80px; margin-top:10px; border:1px #CCCCCC solid; overflow:hidden;}
#con5_title{ width:998px; height:32px; background:url(../images/con_bottom_08.jpg) repeat-x;}
.title_left{ width:4px; float:left;}
.title_center{ height:32px; line-height:32px; float:left; padding-left:15px; font-weight:600;}
.title_right{ width:4px; float:right;}
#con5_tp{ float:left; width:998px; height:auto; margin:10px 0;}
#con5_tp a{ padding:0 15px;}



#xh_about{ width:1000px; height:auto; overflow:hidden;}
#about_top{ background-color:#f3f3f3; height:30px; line-height:30px;}
#about_top img{ padding-left:15px;}
#about_bottom{ width:1000px; height:auto;overflow:hidden; margin-top:10px;}
#about_left{ width:238px; height:auto; border:1px #bedcf3 solid; float:left; background:url(../images/about_07.jpg) repeat-x;}
#lf{ width:238px; height:auto;}
.a_title{ background:url(../images/about_10.jpg) center no-repeat; height:26px; padding-top:8px;}
.a_title span{ color:#FFFFFF; padding-left:25px; font-weight:600;}
.a_content{ width:238px; height:auto;}
.a_content li{ list-style-type:none; background:url(../images/about_17.jpg) center no-repeat; margin-top:5px;}
.a_content li a{color:#666666; padding-left:32px; width:206px;}
.a_content li a:hover{ color:#FF0000;}

#lf1{ margin-top:10px; width:238px;height:auto;}
.c_title{ background:url(../images/nn_16.jpg) repeat-x; height:30px; line-height:30px; border:1px #bedcf3 solid; }
.c_title span{ color:#2388db; padding-left:25px; font-weight:600;}
.c_content{ width:218px; height:auto; padding:10px;}
.c_content li{ list-style-type:none;}
.c_content li a{color:#666666; width:206px;background:url(../images/content_14.jpg) 0 5px no-repeat;padding-left:10px;}
.c_content li a:hover{ color:#FF0000;}


#about_right{ width:738px; height:auto; float:right; border:1px #bedcf3 solid; background:url(../images/about_07.jpg) repeat-x;}
.b_title{ width:738px; height:35px; line-height:35px;color:#5d5f60; font-size:18px; border-bottom:1px #d9ecfb solid; font-weight:600;}
.b_title img{ padding-left:15px;}

.b_content{ padding:15px; color:#333333; width:710px; overflow:hidden; margin:0 auto;}









#foodter{ width:1000px;height:auto;overflow:hidden; margin-top:10px;}
.food_title{ width:1000px; height:32px; background-color:#097bd3; text-align:center; color:#FFFFFF; line-height:32px;}
.food_title a{color:#FFFFFF;}
.food_text{ text-align:center; height:160px; padding-top:10px;}

.foot_l{ text-align:center;}



*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_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)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_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))); _margin-bottom:67px;}


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



.row-content{ width:676px; margin:0 auto;}
.showcase .cloud{ position:relative; height:326px;}
.container{ width:676px; height:326px; overflow:hidden; position:relative;}
.slide{ position:absolute; top:0; left:0; z-index:0; width:676px; height:326px;}
.content-main-visual{ width:530px; height:326px; overflow:hidden; position:relative; float:left;}
.content-main-visual a{ display: block; width:530px; height:326px; overflow:hidden; position: absolute; z-index:0; top:0; left:0;}
.content-main-visual span{ width:530px; height:30px;  background:#000000; filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; display:block; position:absolute; z-index:10; top:296px; left:0; text-align:center; line-height:30px;color: #FFFFFF; font-weight:600; font-size:14px;}
.pc img{width:530px; height:326px; border:none;}


.content-main-feature{ height:326px; width:120px; position: relative; top:0; float:right;}
.content-main-feature .feature{ width:120px; height:74px; text-align:center; position:relative; overflow:hidden}
.content-main-feature .feature a{ margin-top:12px; display:block; width:120px; height:74px; position:relative; background-image:none; opacity:0.4; filter:alpha(opacity=40); border:2px solid #B6B6B6;}
.content-main-feature .feature a:hover{ background-image:none}
.content-main-feature .feature a:hover{ opacity:1; filter:alpha(opacity=100)}
.content-main-feature .feature a.current{ opacity:1; filter:alpha(opacity=100)}
.content-main-feature .feature a img{ position:absolute; top:0; left:0; width:120px; height:74px; margin:0 auto;  border:none;}



.index-splash-block{margin:0 auto;
	width:540px;
	height:400px;
	background: url(../images/bg.png) center no-repeat;
	text-align:	left;
}
.index-splash-block .feature-slide-preview {
    margin: 0 auto;
	padding-top: 20px;
    display: none;
    width: 500px;
    height:332px;
    overflow: hidden;
}
.index-splash-block .feature-slide-preview .screenshot {
    display: block;
    margin: auto;
}
.index-splash-block .feature-slide-list {
    width: 500px;
    height: 22px;
    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);
}