﻿@charset "utf-8";
/* CSS Document */
.banner_bg{width:100%; height:400px; background:url(../images/v9/bannerBg.jpg) repeat-x; margin:0 auto}
.banner{margin:auto; width:100%; height:400px; overflow:hidden;}

.pic{margin:auto; width:100%; height:400px;  overflow:hidden; }
.pic ul{height:400px;}
.pic li{width:100%; text-align:center; height:400px; overflow:hidden;}
.pic li img{width:1366px; height:400px;}

.ban{margin:auto; width:980px; height:30px; position:relative; margin-top:-120px; z-index:2; overflow:hidden;}

.xmdenglu{left:0px; position:absolute; bottom:160px;}
.xmDengLu_anNiu{background:url(../images/v9/xmDengLu_anNiu.png) no-repeat; border:1px; width:87px; height:87px; cursor:pointer; overflow:hidden;}
.xmDengLuBg{background:url(../images/v9/xmDengLuBg.png) no-repeat; width:353px; height:67px; display:none; padding:10px; overflow:hidden;}
.xmDengLuBg a{color:#333333; }
.xmDengLuBg a:hover{ color:#10e438; text-decoration:underline; }
.xmDengLuBg p{ margin-bottom:10px; height:25px; margin-top:5px; overflow:hidden;} 
.xmDengLuBg .user{ background:url(../images/v9/ban_user.gif) no-repeat center center; width:113px; height:24px; line-height:24px; padding:0 5px; margin-right:5px; border:0px; float:left; color:#323232; overflow:hidden;} 
.xmDengLuBg .password{ background: url(../images/v9/ban_password.gif) no-repeat center center; width:85px; height:24px; line-height:24px; padding:0 5px; margin-right:5px; border:0px; float:left;  color:#323232; overflow:hidden;} 
.xmDengLuBg .yanzhengma{ margin-bottom:-7px; *margin-bottom:-5px;  float:left; }
.xmDengLuBg .anniu{ background:url(../images/v9/ban_anniu.gif) no-repeat center; width:76px; height:22px; text-align:center; line-height:15px; color:#FFFFFF; margin-right:15px; cursor:pointer; border:0px;  overflow:hidden;}

.ban_num{bottom:0px; right:0px;  position:absolute;}
.ban_num span{background:url(../images/v9/banmun.png) no-repeat; width:18px; height:18px; cursor:pointer; margin-right:5px; display:block; float:left; overflow:hidden;}
.ban_num .ban_span_on{height:18px; line-height:18px; background:url(../images/v9/banmun_hover.png) no-repeat; cursor:pointer; display:block; float:left; width:18px; overflow:hidden;}

.ban_service{margin:auto; height:144px; width:980px;  position:absolute; bottom:10px; overflow:hidden;}
.ban_serone{width:341px; float:left; margin-right:4px; overflow:hidden;} 
.ban_serone .ban_serone_title{ background:url(../images/v9/ban_tith.png) no-repeat center top; width:331px; height:27px; line-height:27px; padding:0 5px; color:#FFFFFF; font-size:15px; font-weight:600; overflow:hidden; }
.ban_serone .ban_serone_content{background:url(../images/v9/ban_conh.png) no-repeat center top; width:321px; height:97px; color:#333333; padding:10px; overflow:hidden;}
.ban_serone .ban_serone_content a{color:#333333;}
.ban_serone .ban_serone_content a:hover{ color:#199641; text-decoration:underline; }
.ban_serone .ban_serone_content dt{ width:321px; height:30px;  line-height:15px; overflow:hidden; }
.ban_serone .ban_serone_content .ban_list{width:321px; line-height:15px;  margin-top:5px; overflow:hidden; }
.ban_serone .ban_serone_content .ban_list li{ background:url(../images/v9/ban_icon.gif) no-repeat center left; width:90px; padding-left:6px; float:left; height:20px; line-height:20px; overflow:hidden;}
.ban_serone .ban_serone_content .ban_list2{width:321px; line-height:15px;  margin-top:5px; overflow:hidden; }
.ban_serone .ban_serone_content .ban_list2 li{ background:url(../images/v9/ban_icon.gif) no-repeat center left; width:150px; padding-left:6px; float:left; height:20px; line-height:20px; overflow:hidden;}

.ban_sertwo{width:290px; float:left; overflow:hidden;} 
.ban_sertwo .ban_sertwo_title{width:290px; background:url(../images/v9/ban_titlan.png) no-repeat center top; width:280px; height:27px; line-height:27px; padding:0 5px; color:#FFFFFF; font-size:15px; font-weight:600; overflow:hidden;} 
.ban_sertwo .ban_sertwo_content{width:290px; background:url(../images/v9/ban_conlan.png) no-repeat center top; width:290px; height:117px; font-family:"微软雅黑"; color:#323232; overflow:hidden;} 


.content_bg{background:#f7f7f7; width:100%;} 
.content_con{background:#f7f7f7; padding:10px 0; width:980px; overflow:hidden;} 
.content{margin:auto;  background:#f7f7f7; width:980px; overflow:hidden;}

.left{width:713px; float:left;  overflow:hidden;}
.l_title{ background:url(../images/v9/l_title_bg.gif) no-repeat center bottom; width:713px; height:31px; position:relative; line-height:25px; font-size:14px; font-weight:600; color:#2d4583; overflow:hidden;}

.tab{height:26px; position:absolute; bottom:5px; _bottom:4px; right:0px; font-size:12px; overflow:hidden;}
.tab li{ background:url(../images/v9/tab_bg.gif) no-repeat center; width:64px; height:26px; float:left; text-align:center; color:#666666; font-size:12px; cursor:pointer; line-height:26px; overflow:hidden;}
.tab .li_hover{ background:url(../images/v9/tab_hover.gif) no-repeat center; width:64px; height:26px; float:left; text-align:center; color:#2d4583; font-size:12px; cursor:pointer; line-height:26px; overflow:hidden;}

.case{width:713px; height:240px; overflow:hidden;}
.case_con{ width:728px;  height:220px; margin:10px 0; display:none; overflow:hidden;}
.case_con .top_case{background:url(../images/v9/case_bg.gif) no-repeat; width:217px; height:200px; float:left; padding:0px; margin-right:15px; overflow:hidden;}
.case_con .right_case{ width:475px; height:200px; float:left; padding:0px; margin-left:5px; overflow:hidden;}
.case_con .top_case_img{width:215px; height:200px; margin-bottom:5px; overflow:hidden;}
.case_con .top_case_img img{width:215px; height:200px;}
.case_con .top_case_title{width:215px; height:25px; line-height:25px; font-size:14px; font-weight:600; color:#006600; overflow:hidden;}
.case_con .top_case_title a{color:#199641;}
.case_con .top_case_con{width:215px; height:60px; line-height:20px;  color:#666666; position:relative;  overflow:hidden;}
.case_con .top_case_more{width:205px; height:20px; padding:0 5px; line-height:20px; text-align:right; color:#2d4583; float:right; overflow:hidden;}
.case_con .top_case_more a{color:#2d4583; }

.project{width:720px; overflow:hidden; margin-bottom:20px}
.project_li{width:352px; float:left; margin-right:8px;  overflow:hidden;}
.project_title{ width:350px; height:30px; line-height:30px; font-size:14px; font-weight:600; color:#3a518b; overflow:hidden;}
.project_con{ background:#FFFFFF; width:350px; border:1px solid #CCCCCC; padding:5px 0; overflow:hidden;}
.project_con .top_pj{width:350px; overflow:hidden;}
.project_con dl{ margin:auto; background:url(../images/v9/xm_bg.gif) no-repeat; width:330px; height:90px; color:#666666; padding:0px; overflow:hidden;}
.project_con a{ color:#666666;}
.project_con a:hover{ color:#199641;}
.project_con dt{ width:330px; height:15px; line-height:15px; font-size:14px; overflow:hidden;}
.project_con dd{ width:330px; height:90px; line-height:18px; margin-top:15px; overflow:hidden;}
.project_con dd img{ float:left; margin-right:10px; width:310px; height:90px; overflow:hidden;}
.project_con .pj_time{ float:right;  color:#999999; overflow:hidden;}
.project_list{width:330px; overflow:hidden;}
.project_list li{ background:url(../images/v9/icon.jpg) no-repeat left center; width:320px; height:25px; line-height:25px; padding-left:10px; list-style:none; overflow:hidden;}

.right{ width:251px; float:right; overflow:hidden; }
.r_title{ background:url(../images/v9/r_title_bg.gif) no-repeat; width:241px; height:26px; line-height:26px; padding:0 5px; color:#107010; font-size:14px; font-weight:600; overflow:hidden; }
.r_more{float:right; font-weight:normal; font-size:12px;  margin-left:20px; color:#979696;}
.r_span{ margin-left:30px; font-size:12px; font-weight:normal; color:#979696;}
.r_content{width:249px; background:#FFFFFF;  border:1px solid #e4e4e4; padding:2px 0px 0px 0px; *padding:2px 0px 5px 0px; overflow:hidden;} 
.r_content dl{ width:101px;  margin:5px 0 5px 15px;  display:inline; float:left; overflow:hidden;}
.r_content dt{ width:99px; height:50px; border:1px solid #CCCCCC;  margin-bottom:3px; overflow:hidden; }
.r_content dt img{ width:99px; height:50px; overflow:hidden; }
.r_content dd{width:100px; height:20px; line-height:20px; color:#000000; text-align:center; overflow:hidden;}
.r_content dd a{color:#000000;}
.r_content dd a:hover{ color:#199641;}

.guild_bg{background:url(../images/v9/guild_bg.gif) repeat-x top #f6f6f6; width:100%;}
.guild_con{background:url(../images/v9/guild_bg.gif) repeat-x top #f6f6f6; padding:10px 0;  width:980px; overflow:hidden;}
.guild{ margin:auto; width:980px; background:url(../images/v9/guild_right_bg.gif) no-repeat left center #f6f6f6; padding-left:10px; overflow:hidden;}
.guild dl{background:url(../images/v9/guild_right_bg.gif) no-repeat right center; float:left; width:310px; color:#666666; margin-right:8px; padding-right:8px; overflow:hidden;}
.guild .guild_icon1{width:270px; height:30px; line-height:30px; border-bottom:1px dashed #CCCCCC; font-size:14px; font-weight:600; background:url(../images/v9/guild_icon1.gif) no-repeat left center; padding-left:20px; overflow:hidden;}
.guild .guild_icon2{width:270px; height:30px; line-height:30px; border-bottom:1px dashed #CCCCCC; font-size:14px; font-weight:600; background:url(../images/v9/guild_icon2.gif) no-repeat left center; padding-left:20px; overflow:hidden;}
.guild .guild_icon3{width:270px; height:30px; line-height:30px; border-bottom:1px dashed #CCCCCC; font-size:14px; font-weight:600; background:url(../images/v9/guild_icon3.gif) no-repeat left center; padding-left:20px; overflow:hidden;}
.guild dd{ width:280px; margin-top:5px; overflow:hidden;}
.guild dd li{ width:280px; height:25px; line-height:25px; overflow:hidden;}
.guild dd li a{color:#666666;}
.guild dd li a:hover{ color:#199641;}

.link_bg{  background-color: #F3F5F2;
    border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; margin:20px auto; width:100%; margin-bottom:0px} 
.link_con{ width:980px; padding:10px 0; overflow:hidden;}
.link{margin:auto; width:1000px; margin-left:8px; color:#666666; overflow:hidden;}
.link li{ width:95px; float:left; margin-right:5px; height:25px; display:inline; line-height:25px; overflow:hidden;}
.link li a{ color:#666666;}
.link li a:hover{color:#199641; text-decoration:underline; }
.link li .link_last{width:95px; float:left; margin-right:5px; height:25px; line-height:25px; color:#2d4585; overflow:hidden;}



.more{ float:right; font-size:12px; margin-left:20px; color:#979696;}
.pj_more{ float:right; font-size:12px; margin-left:20px; margin-right:10px; color:#979696;}

.ml10{margin-left:10px;}
.ml5{margin-left:5px;}




#kinds {
    margin: 10px auto;
    padding-bottom: 14px;
    position: relative;
    width: 1000px;
    z-index: 9;
}
.kinds-k {
    background: url("../images/v9/lanmu_bg.png") no-repeat;
    display: inline;
    float: left;
    font-size: 0;
    height: 254px;
    position: relative;
    width: 313px;
}
.kinds-k:hover{
    background: url("../images/v9/lanmu_bg_h.png") no-repeat;
    display: inline;
    float: left;
    font-size: 0;
    height: 254px;
    position: relative;
    width: 313px;
}
.kinds-blog {
    margin-right: 0;
}
.kinds-title {
    display: block;
    height: 59px;
    width: 293;
	color: #fff;
    font-family: 微软雅黑;
    font-size: 20px;
    font-weight: bold;
	padding-top:20px;
	padding-left:20px;
}
.kinds-content {
    background: url("../images/v9/boxm-.png") repeat-y scroll 0 0 transparent !important;
    font-size: 12px;
    height: 160px;
    line-height: 180%;
    padding-top: 8px;
}
.kinds-news li {
    padding: 0 10px 0 20px;
}
.kinds-news .more {
    padding-top: 10px;
}
.list-point {
    display: inline-block;
    height: 22px;
    line-height: 14px;
    margin-left: -10px;
    width: 10px;
}
.newph {
    position: absolute;
    right: 6px;
    top: 140px;
}
.videos {
    display: inline;
    float: left;
    line-height: 150%;
    margin-right: 17px;
    margin-top: 15px;
    text-align: center;
    width: 118px;
}
.videos img {
    border: 2px solid #F0F0F0;
    box-shadow: -1px 0 5px #EEEEEE;
}
.kinds-blog .kinds-content p{
	line-height: 20px;
    padding: 0px 10px;
	color: #666666;
}
.kinds-blog ul {
    padding-left: 16px;
}
.kinds-blog li {
    float: left;
    height: 24px;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 0px;
	width:120px;
}
.kinds-blog li a{
    float: left;
    height: 24px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px;
	width:120px;
}
.kinds-blog li a:hover{
    float: left;
    height: 24px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px;
	width:120px;
	color:#007500;
	list-style-type:square;
}
.kinds-blog li img {
    height: 50px;
    width: 50px;
}
.webph {
    position: absolute;
    right: 6px;
    top: 86px;
}
.webph img {
    border: 3px solid #FFFFFF;
}
.webph:hover img {
    border-color: #FBFBFB;
}
#kinds-li {
    background-color: #F3F5F2;
    border-top: 1px solid #DDDDDD;
    height: auto;
    min-height: 180px;
    overflow: hidden;
}
#kinds-li .line {
    border-top: 1px solid #FFFFFF;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}
.index-kinds-img-gif {
    display: none !important;
}
.index-kinds-img-png {
    display: block !important;
}
.newsCenter li {
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
}
.newsCenter li a {
    display: inline-block;
    width: 280px;
}
.newsCenter li .list-point {
    float: left;
}
.newsCenter li.w150 a {
    display: inline-block;
    width: 150px;
}
.kinds-li-innner {
    color: #555555;
    line-height: 2;
    padding-bottom: 45px;
    width: 960px;
}
.kinds-li-list {
    padding-left: 10px;
    width: 256px;
}
#kinds-li .last {
    width: 140px;
}
.kinds-li-edu {
    width: 140px;
}
.kinds-li-list h3 {
    margin-left: -10px;
}
.kinds-li-list a {
    color: #555555;
}
.kinds-li-list a:hover {
    text-decoration: underline;
}

#top-search {
    border: 0px solid #DDDDDD;
    border-radius: 1px 1px 1px 1px;
    height: 22px;
	line-height:22px;
	float:right;
	margin-top: 12px;
    width: 206px;
}
#top-search .text {
    border: 0 none;
    color: #333;
    font-size: 12px;
    height: 22px;
	float:right;
    line-height: 22px;
    padding-left: 3px;
    width: 166px;
}
#top-search .focus {
    color: #333333;
}
#top-search .submit {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/v9/search.jpg") no-repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #DDDDDD;
    border-image: none;
    border-style: none none none solid;
    border-width: 0 0 0 0px;
    height: 22px;
	float:right;
    width: 26px;
}
.indexCon{width:980px;overflow:hidden;}
.indexCon .flashBanner{width:980px;height:315px;overflow:hidden;margin-bottom:12px;}
.flashBanner{position:relative;}
.flashBanner .mask{height:45px;line-height:45px;background-color:#none;width:100%;text-align:right;
	position:absolute;left:0;bottom:-32px;filter:alpha(opacity=70);-moz-opacity:0.9;opacity:0.9;overflow:hidden;}
.flashBanner .mask img{vertical-align:middle;margin-right:10px;cursor:pointer;; border:3px solid #EAEAEA}
.flashBanner .mask img.show{margin-bottom:15px;}
img{border:0 none;}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url(nav_home.png) no-repeat;
	width: 78px; 
}
ul#topnav a.products {
	background: url(nav_products.png) no-repeat;
	width: 117px; 
}
ul#topnav a.sale {
	background: url(nav_sale.png) no-repeat;
	width: 124px; 
}
ul#topnav a.community {
	background: url(nav_community.png) no-repeat;
	width: 124px; 
}
ul#topnav a.store {
	background: url(nav_store.png) no-repeat;
	width: 141px; 
}


ul#topnav li .sub {
	position: absolute;	
	top: 44px; left: 0;
	background: #344c00 url(sub_bg.png) repeat-x;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}