@charset "utf-8";
/**定义整个页面大小 默认为1002px*/
body {
	background:url(../images/bg.gif) repeat-x #fff;
	margin:0 auto;
	padding:0;
	font-size:14px;
	color:#595959;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	}
.clearfloat{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	font-size:0;
	line-height:0;
	}

.uborder_line{ border-bottom:1px gray solid; }
.uborder_dot{ border-bottom:1px gray dotted; }

/**复制你自己的代码到这里*/

/**--------------------------------------LINK-----------------------------------*/
a{color:#595959;outline:0 none}
a:hover{color: #0fafe4;}

.white a:link, .white a:visited{color:#fff;}
.white a:hover, .white a:active{color: #FFCC00}

.blacklink a:link, .blacklink a:visited{ color:#333;}
.blacklink a:hover, .blacklink a:active{ color:#666;}

.greenlink a:link, .greenlink a:visited{ color:#114c51;}
.greenlink a:hover, .greenlink a:active{ color:#339900;}

/**--------------------------------------/LINK/END-----------------------------------*/

#indexbox{
	width:1004px;
	margin:0 auto;
	}
	
#header {
	margin:0 auto;
	background:url(../images/index_05.jpg) right 33px no-repeat;
	height:100%;
	width:1004px;
	_overflow:hidden;
	}
.mainbanner{
	float:left;
	width:725px;
	height:249px;
	overflow:hidden;
	padding:5px 0 0;
	}
.banner_right{
	float:right;
	width:260px;
	padding:5px 0 0;
	}
.main_wechat{
	clear:both;
	border:1px solid #b5e4ff;
	text-align:center;
	padding:8px 0;
	}

#logo{
	float:left;
	padding:33px 0 17px;
	}
#topbar{
	float:right;
	padding:10px 15px 0 0;
	width:300px;
	text-align:right;
	}
#topbar a{
	display:inline-block;
	padding:0 10px;
	}

#menu {
	clear:both;
	height:38px;
	width:1004px;
	background:url(../images/index_14.jpg) repeat-x;
	}
#menu ul{
	width:1010px;
	}
#menu li{
	float:left;
	width:110px;
	background:url(../images/index_12.jpg) right no-repeat;
	padding:0 2px 0 0;
	line-height:38px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	position:relative;
	}
#menu li a{
	float:left;
	color:#fff;
	height:38px;
	width:110px;
	background:url(../images/index_10x.jpg) no-repeat;
	}
#menu li a:hover{
	background:url(../images/index_10.jpg) no-repeat;
	}
#menu li:hover a{
	background:url(../images/index_10.jpg) no-repeat;
	}

#menu li ul{
	position:absolute;
	left:0;
	top:0;
	margin:38px 0 0;
	background:#fff;
	z-index:10;
	display:none;
	width:130px;
	border:1px solid #c7c5c5;
	padding:0;
	font-weight:lighter;
	}
#menu li li{
	clear:both;
	float:left;
	width:130px;
	line-height:26px;
	height:26px;
	position:relative;
	border:0;
	padding:0;
	font-weight:lighter;
	}
#menu li li a{
	float:left;
	width:130px;
	height:26px;
	line-height:26px;
	text-align:center;
	font-size:14px;
	color:#666;
	background:#fff;
	font-weight:lighter;
	}
#menu li:hover li a{
	float:left;
	width:130px;
	height:26px;
	line-height:26px;
	text-align:center;
	font-size:14px;
	color:#666;
	background:#fff;
	font-weight:lighter;
	}
#menu li li a:hover{
	color:#fff;
	background:#055498;
	font-weight:lighter;
	}				
#mainbox{
	clear:both;
	}
.main_notice{
	clear:both;
	}
.main_notice_t{
	float:left;
	background:url(../images/index_21.jpg) no-repeat;
	width:95px;
	height:31px;
	}
.main_notice_list{
	float:left;
	border:1px solid #9da2a5;
	border-left:0;
	width:908px;
	height:29px;
	overflow:hidden;
	}
.main_notice_list li{
	clear:both;
	line-height:29px;
	padding:0 0 0 10px;
	}
.main_notice_list li a{
	padding:0 8px;
	}
.main_pro{
	float:left;
	background-color:#eee;
	width:322px;
	height:180px;
	overflow:hidden;
	}
.main_pro_pic{
	float:left;
	border-left:1px solid #9da2a5;
	width:110px;
	margin:10px 0 0 15px;
	}
.main_pro dl{
	float:left;
	width:178px;
	padding:0 0 0 10px;
	}
.main_m_title{
	font-size:16px;
	font-weight:bold;
	color:#369dca;
	padding:10px 0 0 15px;
	}
.main_pro dd li{
	background:url(../images/index_32.jpg) left 12px no-repeat;
	padding:0 0 0 15px;
	font-size:12px;
	line-height:28px;
	}
.main_support{
	float:left;
	background-color:#eee;
	width:322px;
	display:inline;
	margin:0 0 0 16px;
	height:180px;
	overflow:hidden;
	}
.main_support_pic{
	float:left;
	border-left:1px solid #9da2a5;
	width:110px;
	margin:10px 0 0 15px;
	}
.main_support dl{
	float:left;
	width:178px;
	padding:0 0 0 10px;
	}
.main_support dt{
	font-size:16px;
	font-weight:bold;
	color:#389e47;
	padding:0 0 0 15px;
	}
.main_support dd li{
	background:url(../images/index_32.jpg) left 12px no-repeat;
	padding:0 0 0 15px;
	font-size:12px;
	line-height:28px;
	}
.main_news{
	float:left;
	background-color:#eee;
	width:328px;
	display:inline;
	margin:0 0 0 16px;
	height:180px;
	overflow:hidden;
	}
.main_news_pic{
	float:left;
	border-left:1px solid #9da2a5;
	width:110px;
	margin:10px 0 0 15px;
	}
.main_news dl{
	float:left;
	width:178px;
	padding:0 0 0 10px;
	}
.main_news dt{
	font-size:16px;
	font-weight:bold;
	color:#015197;
	padding:0 0 0 15px;
	}
.main_news dd li{
	background:url(../images/index_32.jpg) left 12px no-repeat;
	padding:0 0 0 15px;
	font-size:12px;
	line-height:28px;
	}
.main_bottom{
	clear:both;
	background:#eee;
	padding:0 0 10px;
	}
.main_pro_list{
	float:left;
	background:url(../images/index_39.jpg) right no-repeat;
	width:225px;
	padding:20px 0 0 25px;
	}
.main_solution{
	float:left;
	background:url(../images/index_39.jpg) right no-repeat;
	width:225px;
	padding:20px 0 0 25px;
	}
.main_service{
	float:left;
	background:url(../images/index_39.jpg) right no-repeat;
	width:225px;
	padding:20px 0 0 25px;
	}
.main_about{
	float:left;
	width:225px;
	padding:20px 0 0 25px;
	}
.bottom_list{
	height:148px;
	overflow:hidden;
	}
.bottom_list dt{
	font-size:16px;
	font-weight:bold;
	padding:0 0 5px 10px;
	}
.bottom_list dd li{
	background:url(../images/index_42.jpg) left no-repeat;
	padding:0 0 0 10px;
	}
.bottom_list_more{
	text-align:right;
	padding:0 20px 0 0;
	}

.main_title{
	background:url(../images/about_06.jpg) no-repeat;
	clear:both;
	line-height:38px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	height:38px;
	padding:0 20px;
	}
.main_title a{
	float:right;
	width:48px;
	height:26px;
	}
.main_title2{
	background:url(../images/index_14x.jpg) repeat-x;
	clear:both;
	line-height:28px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	height:28px;
	padding:0 10px;
	}
.main_title2 a{
	float:right;
	font-size:10px;
	color:#fff;
	}
.main_title3{
	background:#3e8ccb;
	clear:both;
	line-height:28px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	height:28px;
	padding:0 10px;
	}
.main_title3 a{
	float:right;
	font-size:10px;
	color:#fff;
	}
.main_title4{
	background:#3e8ccb;
	clear:both;
	line-height:38px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	height:38px;
	padding:0 10px;
	}
.main_title4 a{
	float:right;
	font-size:10px;
	color:#fff;
	}
.sub_left{
	float:left;
	width:258px;
	}
.leftmenu{
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	height:100%;
	clear:both;
	}
.leftmenu ul{
	line-height:34px;
	height:100%;
	}
.leftmenu li{
	clear:both;
	line-height:42px;
	border-bottom:1px solid #c6c6c6;
	font-weight:bold;
	height:42px;
	width:256px;
	float:left;
	}
.leftmenu li a{
	width:221px;
	background:url(../images/about_13.jpg) 20px no-repeat;
	padding:0 0 0 35px;
	float:left;
	height:42px;
	clear:both;
	}
.leftmenu li a:hover{
	background:url(../images/about_10.jpg) 20px no-repeat #ededed;
	}
.leftmenua{
	background:url(../images/about_10.jpg) 20px no-repeat #ededed;
	}
.leftmenu .clearfix{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
	border:0;
	}

.right_guide_bg{
	height:30px;
	background:#08569a;
	}
.right_guide{
	height:30px;
	border-bottom:1px solid #ddd;
	}
.guide_left{
	float:left;
	line-height:30px;
	font-weight:bold;
	font-size:16px;
	}
.guide_right{
	line-height:30px;
	color:#fff;
	padding:0 10px 0 20px;
	background:url(../images/about_17.jpg) 10px 50% no-repeat;
	}
.guide_right a{
	padding:0 3px;
	color:#fff;
	}
.sub_content{
	clear:both;
	padding:20px 5px;
	min-height:400px;
	_height:400px;
	_overflow:visible;
	font-size:16px;
	}

.sub_right{
	float:right;
	width:738px;
	padding:0 0 0 8px;
	}
.right_banner{
	padding:0 0 10px;
	}


.main_link{
	clear:both;
	padding:10px 0;
	}
	
.main_link span{
	display:block;
	background:url(../images/index_14x.jpg) repeat-x;
	line-height:28px;
	font-size:16px;
	font-weight:bold;
	padding:0 5px;
	color:#fff;
	}
.main_link a{
	display:inline-block;
	font-size:12px;
	background:url(../images/index_47.jpg) 5px 50% no-repeat;
	padding:5px 5px 0 15px;
	}
.foot_menu{
	background:url(../images/index_14.jpg) repeat-x;
	line-height:38px;
	text-align:center;
	color:#fff;
	}
.foot_menu a{
	display:inline-block;
	font-size:14px;
	color:#fff;
	padding:0 5px;
	}
.foot_menu a:hover{
	text-decoration:underline;
	}
.foot_copy{
	padding:10px;
	text-align:right;
	}


.article_page{
	border-top:1px solid #ddd;
	padding:20px 0 0;
	}


.news_list li{
	background:url(../images/news_07.jpg) bottom repeat-x;
	height:28px;
	line-height:28px;
	font-size:11px;
	text-align:right;
	color:#888;
	}
.news_list li a{
	font-size:14px;
	float:left;
	line-height:28px;
	background:url(../images/news_03.jpg) left no-repeat;
	padding:0 0 0 18px;
	}
.news_list li a:hover{
	}

.down_list li{
	background:url(../images/news_07.jpg) bottom repeat-x;
	height:28px;
	line-height:28px;
	color:#666;
	}
.down_list li strong{
	font-size:14px;
	float:right;
	width:60px;
	height:19px;
	padding:4px 0 0;
	}
.down_list li span{
	background:url(../images/news_03.jpg) left no-repeat;
	padding:0 0 0 18px;
	}
.down_list li a:hover{
	}
.down_detail_button{
	clear:both;
	padding:10px 0;
	text-align:center;
	}

.case_list li{
	float:left;
	width:228px;
	padding:10px 0 0 12px;
	height:150px;
	overflow:hidden;
	}
.case_list span{
	display:block;
	width:226px;
	border:1px solid #ddd;
	margin:0 auto;
	}
.case_list p{
	text-align:center;
	padding:8px 0 0;
	}
.solu_list li{
	float:left;
	width:217px;
	padding:10px 0 0 20px;
	height:230px;
	overflow:hidden;
	}
.solu_list span{
	display:block;
	width:215px;
	border:1px solid #ddd;
	margin:0 auto;
	}
.solu_list p{
	text-align:center;
	padding:12px 0 0;
	}
.honor_list li{
	float:left;
	width:217px;
	padding:10px 0 0 20px;
	height:230px;
	overflow:hidden;
	}
.honor_list span{
	display:block;
	width:195px;
	border:1px solid #ddd;
	margin:0 auto;
	padding:10px;
	text-align:center;
	}
.honor_list p{
	text-align:center;
	padding:12px 0 0;
	}
.solu_tab{
	height:27px;
	}
.solu_tab span{
	display:inline-block;
	line-height:27px;
	width:241px;
	text-align:center;
	border-right:1px solid #fff;
	cursor:pointer;
	background:#eaeaea;
	}
.solu_tab .hover{
	background:#08579a;
	color:#fff;
	}
.solu_tab_content{
	clear:both;
	padding:20px 0 0;
	}
.solu_tab_content h5{
	font-size:16px;
	display:none;
	font-weight:normal;
	}
.solu_tab_content .block{
	display:block;
	}
.pro_list li{
	clear:both;
	border:1px solid #ddd;
	margin:0 0 10px;
	height:170px;
	overflow:hidden;
	position:relative;
    z-index:0; 
	}
.pro_list li .pro_pic{
	float:left;
	width:176px;
	}
.pro_list li .pro_new{
	position:absolute;
	left:0;
	top:0;
	background:url(../images/pro_03.jpg) no-repeat;
	width:57px;
	height:56px;
	margin:-1px 0 0 670px;
	}
.pro_list li .pro_name{
	float:left;
	width:476px;
	padding:20px 0 0 10px;
	font-size:18px;
	font-weight:bold;
	}
.pro_list li .pro_name a{
	color:#289ac5;
	}
.pro_list li .pro_text{
	float:left;
	width:476px;
	padding:5px 0 0 10px;
	height:80px;
	overflow:hidden;
	}
.pro_list li .pro_button{
	float:left;
	width:476px;
	padding:0 0 0 10px;
	}

.pro_d_name{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#333;
	border-bottom:1px solid #ccc;
	height:40px;
	}
.pro_d_pic{
	text-align:center;
	padding:20px 0 30px;
	}

.pro_d_tab{
	height:27px;
	}
.pro_d_tab span{
	display:inline-block;
	line-height:27px;
	width:180px;
	text-align:center;
	border-right:1px solid #fff;
	cursor:pointer;
	background:#eaeaea;
	}
.pro_d_tab .hover{
	background:#08579a;
	color:#fff;
	}
.pro_d_tab_content{
	clear:both;
	padding:20px 0 0;
	}
.pro_d_tab_content h5{
	font-size:16px;
	display:none;
	font-weight:normal;
	}
.pro_d_tab_content .block{
	display:block;
	}


.hr_table{
	background:#aaa;
	}
.hr_table th{
	background:#d9d9d9;
	padding:5px;
	}
.hr_table td{
	padding:5px;
	background:#fff;
	}
.hr_table td a{
	color:#289ac5;
	}
.hr_form td{
	padding:5px;
	background:#fff;
	}
.hr_form td a{
	color:#289ac5;
	}


#footer{
	margin:0 auto;
	clear:both;
	}

.sub_left{
	float:left;
	}
	
.sub_right{
	float:left;
	}

.border_blue { border:solid 1px #7f9db9;}
.height5{
	height:5px;
	line-height:0;
	font-size:0;
	clear:both;
	}
.height10{
	height:10px;
	line-height:0;
	font-size:0;
	clear:both;
	}
	
.border_ccc { border:solid 1px #ccc;}

#mainbox h6{
	font-size:24px;
	background:url(../images/xx.jpg) bottom repeat-x;
	padding:25px 0 10px 0;
	margin:0 0 10px;
	text-align:center;
	}
#mainbox h6 span{
	display:block;
	color:#999;
	font-size:14px;
	font-weight:normal;
	}

.page{
	padding:20px 0;
	text-align:center;
	clear:both;
	}
.page2{
	padding:20px 0;
	text-align:center;
	clear:both;
	border-top:1px solid #e3e3e3;
	}


.main_left{
	float:left;
	width:300px;
	}
.main_center{
	float:left;
	width:364px;
	padding:0 20px;
	}
.main_right{
	float:left;
	width:300px;
	}

.main_pro2{
	clear:both;
	height:315px;
	}
.left_pro{
	clear:both;
	border:1px solid #b5e4ff;
	height:100%;
	font-size:12px;
	}
.left_pro li{
	clear:both;
	border-bottom:1px solid #ddd;
	line-height:28px;
	padding:0 10px;
	}
.left_pro li a{
	display:block;
	clear:both;
	background:url(../images/about_13.jpg) left no-repeat;
	padding:0 0 0 15px;
	}
.main_news2{
	clear:both;
	height:100%;
	border:1px solid #b5e4ff;
	padding:0 10px;
	}
.main_news2 li{
	clear:both;
	text-align:right;
	font-size:12px;
	color:#888;
	line-height:30px;
	}
.main_news2 li a{
	float:left;
	background:url(../images/position_line.gif) left no-repeat;
	padding:0 0 0 15px;
	}
.main_case{
	clear:both;
	height:100%;
	border:1px solid #b5e4ff;
	padding:6px 10px;
	}
.slide_pic{
	width:364px;
	height:305px;
	overflow:hidden;
	float:left;
	}
.main_case li{
	clear:both;
	text-align:right;
	font-size:12px;
	color:#888;
	line-height:30px;
	}
.main_case li a{
	float:left;
	background:url(../images/position_line.gif) left no-repeat;
	padding:0 0 0 15px;
	}
.main_pro2{
	position:relative;
	}
.main_pro2 li{
	overflow:hidden;
	width:364px;
	}
.main_pro2 li{
	float:left;
	width:364px;
	}
.main_pro2 li .pro2_pic{
	text-align:center;
	padding:10px 0 0;
	}
.main_pro2 li .pro2_name{
	text-align:center;
	font-size:16px;
	padding:10px 0 0;
	}
.main_pro2 li .pro2_name a{
	color:#3266cc;
	font-weight:bold;
	}
.main_pro2 .pro2_arr_left{
	background:url(../images/arr_left.gif) no-repeat;
	width:19px;
	height:70px;
	position:absolute;
	left:0;
	top:0;
	margin:100px 0 0 10px;
	cursor:pointer;
	}
.main_pro2 .pro2_arr_right{
	background:url(../images/arr_right.gif) no-repeat;
	width:19px;
	height:70px;
	position:absolute;
	left:0;
	top:0;
	margin:100px 0 0 335px;
	cursor:pointer;
	}
.main_honor{
	clear:both;
	position:relative;
	}
.main_honor_t{
	background:url(../images/honor_title.jpg) top no-repeat;
	width:38px;
	float:left;
	height:150px;
	}
.main_honor_list{
	float:left;
	height:150px;
	overflow:hidden;
	}
.main_honor_list a{
	float:left;
	width:196px;
	padding:0px 0 0;
	}
.main_honor_list a img{
	padding:1px;
	border:1px solid #ddd;
	}

.main_honor .pro2_arr_left{
	background:url(../images/arr_left.gif) no-repeat;
	width:19px;
	height:70px;
	position:absolute;
	left:0;
	top:0;
	margin:40px 0 0 50px;
	cursor:pointer;
	}
.main_honor .pro2_arr_right{
	background:url(../images/arr_right.gif) no-repeat;
	width:19px;
	height:70px;
	position:absolute;
	left:0;
	top:0;
	margin:40px 0 0 980px;
	cursor:pointer;
	}



/**--------------------------------------from-----------------------------------*/

.form1{
	padding:2px 8px 0 3px;
	border:1px solid #ee9b00;
	background-color:#fdf5e5;
	color:#ee9b00;
	}

.form2{
	padding:6px 12px 6px 12px;
	border:1px solid #ccc;
	background-color:#fff;
	}

.formfont input,select{font-size:14px; color:#666;}
.formfont textarea{
	font-size:16px;
	color:#666;
	width:545px;
}
/**--------------------------------------/from/END-----------------------------------*/

/**--------------------------------------/margin&padding-----------------------------------*/

.margin_0{ margin:0}
.margin_5{ margin:5px;}
.margin_top_5{ margin-top:5px;}
.margin_left_5{ margin-left:5px;}
.margin_right_5{ margin-right:5px;}
.margin_bottom_5{ margin-bottom:5px;}
.margin_t_b_5{ margin:5px auto 5px auto;}
.margin_l_r_5{ margin:auto 5px auto 5px;}

.padding_0{ padding:0}
.padding_top_5{ padding-top:5px;}
.padding_left_5{ padding-left:5px;}
.padding_right_5{ padding-right:5px;}
.padding_bottom_5{ padding-bottom:5px;}
.padding_5{ padding:5px;}
.padding_t_b_5{ padding:5px 0 5px 0;}
.padding_l_r_5{ padding:0 5px 0 5px;}
.pdtd td{ padding:5px;}
/**--------------------------------------/margin&padding/END-----------------------------------*/
.qq{
	background:#fff;
	border:1px solid #1b6dc4;
	}
.qq ul{
	padding:10px 0 5px;
	}
.qq li{
	text-align:center;
	padding:0 0 5px;
	}
.qq li span{
	display:block;
	text-align:center;
	}
.qq li p{
	display:block;
	text-align:center;
	}