﻿@import "public.css";

body{ font-size:12px; font-family:"Microsoft YaHei";}
ins{ text-decoration:none;}

.index_bg{ background:url(../images/bg_index.jpg) no-repeat top center; background-color:#62BAE2;}
.welcome_bg{ background:url(../images/bg_welcome.jpg) no-repeat top center; background-color:#eee;}
.welcome_go{
	position:absolute;
	left:890px;
	top:401px;
	width:141px;
	height:36px;
	background:url(../images/welcome_text.png) no-repeat;
	text-indent:-9999px;
	background-image: url(../images/welcome_text.png);
}
.welcome_go1{
	position:absolute;
	left:480px;
	top:401px;
	width:141px;
	height:36px;
	background:url(../images/welcome_text2.png) no-repeat;
	text-indent:-9999px;
	background-image: url(../images/welcome_text2.png);
}
.welcome_go2{
	position:absolute;
	left:690px;
	top:401px;
	width:141px;
	height:36px;
	background:url(../images/welcome_text1.png) no-repeat;
	text-indent:-9999px;
	background-image: url(../images/welcome_text1.png);
}
.header{ margin:0 auto; width:1000px; height:520px; position:relative;}
.header_logo{ float:left;}

.header_nav{ position:absolute; right:0; top:50px; width:760px; height:37px; background:url(../images/nav.png) no-repeat top left;}
.header_nav li{ float:left; width:95px; height:37px; line-height:37px; text-align:center; }
.header_nav li a{ float:left; color:#fff; width:95px; height:37px;}
.header_nav li a:hover{background:url(../images/nav.png) no-repeat top left;background-position: -95px -47px;width:95px; height:37px;}
.header_nav li .header_nav_1:hover{background:url(../images/nav.png) no-repeat top left;background-position:0 -47px;width:95px; height:37px;}

.header_right_div{ position:absolute; right:0; top:10px;}
.header_right_div a{ float:left;color:#fff; height:20px; line-height:20px;}
.header_right_div a:hover{ color:#f0eeee;}
.header_right_div i{ float:left; width:1px; height:10px; background:#fff; margin:5px 8px; display:inline; overflow:hidden;}

.header_right_ul{ position:absolute; right:20px; bottom:20px;}
.header_right_ul li{ float:left; width:138px; height:160px;position:relative;}
.header_right_ul li a{ float:left; width:128px; height:150px; position:absolute; color:#fff; padding:5px; background:url(../images/bg_header_right_ul.png) no-repeat center center; }  /*border:5px solid #071b49;background-color:#003e8c; */
.header_right_ul li a:hover{background:url(../images/bg_header_right_ul_hover.png) no-repeat center center; } /*border:5px solid #60A5E0;*/
.header_right_ul li a span{ float:left; display:block; font-size:16px; font-weight:bold; margin:8px 0 0 15px; display:inline; top:30px; position:absolute; z-index:2; left:5px;}
.header_right_ul li a ins{ float:left; font-size:10px; font-family:Verdana;margin:0 0 0 15px; width:100px; height:150px; position:absolute; left:5px; top:40px;}
.header_right_ul li a img{ position:absolute; left:15px; bottom:15px; width:108px; height:70px;}

.mid{ width:100%; height:160px; background-color:#22395c;}
.mid_cont{ margin:0 auto; width:1000px; height:160px; position:relative; overflow:hidden; padding:10px 0;}

.col310{ width:310px;}
.col255{ width:255px;}
.col350{ width:350px;}

.mid_title{ float:left;height:23px;}
.mid_title_borderbottom{ border-bottom:1px solid #fff;}
.mid_title_bg{ background:url(../images/tb.png) no-repeat left bottom;}
.mid_title h1{ float:left; width:180px; color:#fff; font-size:14px; margin-left:8px; font-weight:bold;}
.mid_title .more{ float:right; width:45px; height:23px; line-height:23px; margin:0 10px 0 0; font-size:10px; color:#fff; background:url(../images/sanjiaoxing.png) no-repeat right center;}

.mid_cont_left{ float:left; width:310px; height:160px;}
.mid_cont_left ul{ float:left; width:310px; margin-top:5px;}
.mid_cont_left ul li{ float:left; width:310px; height:25px; margin-bottom:5px;}
.mid_cont_left ul li a{ float:left;width:310px; height:25px; line-height:25px; color:#fff;}
.mid_cont_left ul li a span{ float:left; width:220px; height:25px; line-height:25px; overflow:hidden;}
.mid_cont_left ul li a ins{ float:right; line-height:25px; height:25px;}

.mid_line{ float:left; width:1px; height:140px; margin:10px 20px 0; background:url(../images/tb2.jpg) no-repeat;}

.mid_cont_mid{ float:left; width:255px; height:160px; }
.mid_cont_mid .contact{ float:left; width:200px; height:90px; background:url(../images/tu5.jpg) no-repeat left bottom; padding-left:50px; padding-top:25px;}
.mid_cont_mid .contact p{ float:left; display:block; font-size:16px; color:#fff; margin-left:10px;}
.mid_cont_mid .contact div{ float:left; margin-top:10px; margin-left:10px;width:182px; height:22px; background:url(../images/tb1.jpg) no-repeat;}
.mid_cont_mid .contact div a{ float:left; width:91px; height:22px; line-height:22px; text-align:center; color:#4684B2;}

.mid_cont_right{ float:left; width:350px; height:160px; position:relative; overflow:hidden;}
.mid_cont_right img{ position:absolute; left:0; top:20px; width:280px; height:123px;}

.footer{ width:100%; height:80px; background-color:#e1e1e1;}
.footer_cont{ margin:0 auto; width:1000px; height:80px; color:#6A6A6A; position:relative;}

.footer_cont div{ position:absolute; left:10px; top:10px;}
.footer_cont div a{  float:left;color:#696969; height:20px; line-height:20px;}
.footer_cont div a:hover{ color:#333;}
.footer_cont div i{  float:left; width:1px; height:10px; background:#696969; margin:5px 8px; overflow:hidden; display:inline;}
.footer_cont p{ position:absolute; right:10px; top:10px;color:#696969; }
.footer_cont p a{ color:#696969;}
.footer_cont p a:hover{ text-decoration:underline;}
