html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
input {
margin: 0;
padding: 0;
}
address,
cite,
dfn,
em,
var,
i {
font-style: normal;
}
body {
font-size: 16px;
line-height: 1.5;
font-family: 'Microsoft Yahei', 'simsun', 'arial', 'tahoma';
color: #222;
background: #eee;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
th {
font-size: 100%;
font-weight: normal;
}
button,
input,
select,
textarea {
font-size: 100%;
}
body{
min-width: 1263px;
}
fieldset,
img {
border: 0;
}
a {
text-decoration: none !important;
color: #666;
background: none;
color:inherit;
}
ul,
ol {
list-style: none;
}
:focus {
outline: none;
}
.clearfix {
clear: both;
content: "";
display: block;
overflow: hidden
}
.clear {
clear: both;
}
.min-with {
min-width: 1000px;
}
#vsb_content>img{
width:100%;
}
.search-bag{
width: 100%;
background-color:rgb(7, 65, 122);
}
.search{
background-color: rgb(7, 65, 122);
width: 1140px;
height: 50px;
line-height: 50px;
margin: 0 auto;
text-align: center;
}
.search span:nth-child(-n+7){
margin-left: 7px;
color: white;
}
.search a{
color: white !important;
}


input[type=text],
input[type=password] {
font-size: 13px;
min-height: 0px;
margin: 0;
padding: 7px 8px;
outline: none;
color: #333;
background-color: #fff;
background-repeat: no-repeat;
background-position: right center;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.15s ease-in;
-webkit-transition: all 0.15s ease-in;
vertical-align: middle;
}
.butt{margin-left: 8px;
width: 50px;
height:32px;
line-height: 32px;
color: white;
border: none;
border-radius: 4px;
background-color: rgb(10,82,174);
}
.content-head {
width: 100%;
background-color: rgb(10, 83, 155);
}
.content-div {
width: 1263px;
height: 175px;
background-size: cover;
background-color: rgb(10, 83, 155);
margin: 0 auto;
}
#div-ul {
display: block;
margin: auto;
}

#div-ul > li:first-child {
display: block;
float: left;
height: 100%;
line-height: 175px;
}
#pic-three {
float: right;
}



#pic-three {
position: relative;
float: right;
width: 514px;
height: 175px;
}
#pic-three > img:first-child {
position: absolute;
bottom: 2px;
left: 3px;
width: 213px;
}
#pic-three > img:nth-child(2) {
position: absolute;
right: 3px;
bottom: 2px;
width: 198px;
}
#pic-three > img:nth-child(3) {
position: absolute;
top: 17px;
left: 103px;
width: 218px;
opacity:0.7;
}

.img-logo {
width: 80px;
height: 80px;
margin-left: 55px;
vertical-align: middle;
}
.img-logo img {
width: 100%;
height: 100%;
}
.div-position {
margin: 52px 0 52px 70px;
width: 100%;
text-align: center;
}
#img-font {
font-size: 0.5em;
line-height: 27px;
font-weight: bolder;
color: rgb(255, 255, 255);
}
#font-div {
margin: 52px auto;
width: 186px;
height: 90px;
}
#font-div>span {
display: block;
color: rgb(255, 255, 255);
font-size: 33px;
width: 135px;
height: 44px;
line-height: 44px
}
.span-left {
float: left;
}
.span-right {
float: right;
}
.right-inform {
width: 364px;
height: 66px;
margin: 87px auto 10px;
}
.header-bg{
width: 100%;
background-color: rgb(10,82,154);
}
#top-ul li {
float: left;
}
#bottom-ul li,
#top-ul li {
height: 33px;
line-height: 33px;
margin-right: 7px;
}
#top-ul,
#bottom-ul {
width: 100%;
height: 33px;
}
#top-ul li:first-child {
color: rgb(255, 255, 255);
font-size: 14px;
font-weight: bolder;
margin-right: 12px;
}
#search input[type=text] {
font-size: 18px;
width: 139px;
height: 21px;
}
#search .button {
width: 50px;
height: 21px;
}
.button:active {
background-color: #dadada;
border-color: #b5b5b5;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .15);
}
.button:hover,
.button:active {
background-position: 0 -15px;
border-color: #ccc #ccc #b5b5b5;
}
.button {
position: relative;
display: inline-block;
margin: 0;
font-size: 13px;
font-weight: bold;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
white-space: nowrap;
background-color: #ffffff;
background-repeat: repeat-x;
border-radius: 3px;
border: 1px solid #ddd;
border-bottom-color: #c5c5c5;
box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
vertical-align: middle;
cursor: pointer;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
}
#bottom-ul li {
float: left;
}
#bottom-ul li a {
color: rgb(255, 255, 255);
font-size: 13px;
}
#position-li {
position: relative;
}
#position-li a {
position: absolute;
width: 35px;
z-index: 20;
}

.div-choice {
width: 100%;
height: 50px;
background-color: rgb(7, 65, 122);
}
.font-img {
width: 187px;
height: 45px;
display: block;
margin: auto;
}
#div-ul>li:first-child {
margin-left: 10px;
width: 432px;
}
.m-nav {
background-color: rgb(7, 65, 122);
width: 1460px;
height: 50px;
line-height: 50px;
margin: 0 auto;
}
.m-nav li.itm {
display: inline;
float: left;
width: 121px;
position: relative;
text-align: center;
}
.m-nav a.itm-a {
display: block;
}
.m-nav a.itm-a:hover {
background-color: rgb(47, 105, 172);
}
.m-nav ul.son {
background-color: rgb(37, 83, 155);
width: 109px;
position: absolute;
left: 0;
top: 49px;
display: none;
border: 1px solid rgb(0, 65, 122);
z-index: 888;
}
.m-nav a.son-itm-a {
display: block;
font-size: 12px;
height: 38px;
line-height: 38px;
}
.m-nav a.son-itm-a:hover {
background-color: rgb(7, 65, 122);
}
.m-nav a {
color: #fff !important;
font-size: 17px;
text-decoration: none;
}

.footer {
width: 100%;
height: 164px;
background-color: rgb(10, 83, 155);
text-align: center;
color: white;
font-size: 14px;
font-weight: 400;
font-family: 氓戮庐猫陆炉茅鈥衡�茅禄鈥�
}

.footer-warp{
width: 860px;
height: 164px;
margin: 0 auto;
}
.size{
height: 120px;
width: 957px;
display: inline-block;
vertical-align:middle;
margin-top:2%;
margin-bottom: 2%;
line-height: 2em;
}
.footer-left{
height: 80px;
width: 300px;
margin-top: 2%;
margin-bottom: 2%;
}
.footer-con{
float: left;
}
.img{
width: 80px;
height: 80px;
float: left;
}
.text{
width:200px;
height:80px;
float: right;
font-size: 11px;
margin-left: 10px;
border-left: 2px solid #fff;
overflow: hidden;
}
.footer-center{
height: 120px;
width: 380px;
}
.footer-logo{
float: left;
width: 77px;
height: 120px;
line-height: 120px;
}
.footer-logo img{
width: 77px;
height: 77px;
position: relative;
top: 18%;
}
.footer-logoText{
height: 120px;
width: 300px;
font-size: 12px;
overflow: hidden;
float: right;
}
.footer-logoText img{
width: 210px;
height: 51px;
}
.footer-right{
height: 28px;
width: 200px;
float: left;
margin-bottom: 5%;
margin-top: 5%;
}
.footer-right div{
width: 200px;
margin: 0 auto;
height: 28px;
}
.footer-right div img{
margin-left: 10px;
}

#img-logo {
width: 210px;
height: 51px;
}
.right-float {
float: right;
}
.left-float {
float: left;
}
.shourt-picture {
width: 471px;
height: 200px;
position: relative;
}
.shourt-picture img {
width: 100%;
height: 100%;
}
td, th{
font-family:氓庐鈥姑ぢ解�;
font-size:12px;
}
