/* ---- Public Style ---- */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
margin: 0;
padding: 0;
}
img {
border: 0 none;
vertical-align: middle;
}
ul, li {
list-style-type: none;
}
dl {
display: block;
}
h1, h2, h3, h4, h5, h6 {
font-size: 14px;
}
body, input, select, button, textarea {
font-size: 14px;
font-family: "SimSun","Microsoft YaHei","STHeiti Light",Arial;
}
button {
cursor: pointer;
}
i, em, cite {
font-style: normal;
}
html {
}
body {
color: #333;
background: #fff;
}
a, a:link {
text-decoration: none;
color: #333;
}
a:visited {
}
a:active, a:hover {
color: #cd0102;
text-decoration: none;
}
table {
border-collapse: collapse;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
font-size: 0;
height: 0;
line-height: 0;
}
.clearfix:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
.mr30 {
margin-right:30px;
_margin-right:10px;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb12 {
margin-bottom: 12px;
}
.mb14 {
margin-bottom: 14px;
}
.mb18 {
margin-bottom: 18px;
}
.mb20 {
margin-bottom: 20px;
}
.mb24 {
margin-bottom: 24px;
}
.mb40 {
margin-bottom: 40px;
}
.mr10 {
margin-right: 10px;
}
.mb3 {
margin-bottom: 3px;
}
.w42 {
width: 42px;
}
.w56 {
width: 56px;
}
.w120 {
width: 120px;
}
.w124 {
width: 124px;
}
.w125 {
width: 125px;
}
.w126 {
width: 126px;
}
.w130 {
width: 130px;
}
.w155 {
width: 155px;
}
.w160 {
width: 160px;
}
.w185 {
width: 185px;
}
.w220 {
width: 220px;
}
.w260 {
width: 260px;
}
.w320 {
width: 320px;
}
.w360 {
width: 360px;
}
.w380 {
width: 380px;
}
.w650 {
width: 650px;
}
.w720 {
width: 720px;
}
.w730 {
width: 730px;
}
.w1000 {
width: 1000px;
}
/* ---- 原有头部 Style ---- */
.public_head {
width: 100%;
height: 123px;
background: url(../img/Public_headbg.gif) repeat-x;
}
.public_head img {
display: block;
width: 1000px;
height: 123px;
margin: 0 auto;
}
/* ---- 头部 Style ---- */
.header_coat {
width: 100%;
height: 30px;
background: url(header_bg.gif) repeat-x;
}
.header {
width: 1000px;
height: 30px;
margin: 0 auto;
}
.header .link {
height: 30px;
width: 200px;
line-height: 30px;
font-size: 12px;
color: #323232;
}
.header .link a {
color: #323232;
}
.header .link a:hover {
color: #cd0102;
}
/* ---- 头部搜索 Style ---- */
.search {
height: 18px;
padding: 6px 0 0;
}
.search span {
display: block;
height: 18px;
line-height: 18px;
width: 36px;
text-align: right;
font-size: 12px;
color: #333333;
float: left;
}
.search .text_input {
display: block;
float: left;
width: 90px;
height: 16px;
line-height: 16px;
border: 1px solid #cf0000;
padding: 0 4px;
background: #fff;
font-size: 12px;
color: #333;
margin-right: 6px;
outline: none;
}
.search .submit_input {
display: block;
float: left;
box-sizing: content-box;
background: #cc2000;
border: none;
height: 18px;
width: 35px;
line-height: 18px;
text-align: center;
font-size: 12px;
color: #FFF;
cursor: pointer;
}
/* ---- banner 菜单 Style ---- */
.bannerMenu {
width: 100%;
height: 350px;
margin: 0 0 30px;
}
/* ---- banner Style ---- */
.banner_coat {
width: 100%;
height: 350px;
overflow: hidden;
position: relative;
}
.banner_slider {
width: 100%;
height: 350px;
overflow: hidden;
}
.banner_slider li {
position: absolute;
overflow: hidden;
z-index: 101;
left: 0;
height: 350px;
}
.banner_slider .default {
z-index: 105;
}
.banner_slider img {
width: 100%;
height: 100%
}
.banner {
position: absolute;
top: 0px;
left: 50%;
width: 1000px;
margin: 0 auto;
margin-left: -500px;
height: 355px;
z-index: 200;
}
.banner_logo {
height: 118px;
width: 285px;
position: absolute;
top: 70px;
left: 50%;
margin-left: -500px;
z-index: 200;
animation: logo 3s;
-moz-animation: logo 3s;
-webkit-animation: logo 3s;
-o-animation: logo 3s;
}
.banner_slogan {
height: 61px;
width: 530px;
position: absolute;
top: 100px;
left: 50%;
margin-left: -125px;
z-index: 200;
animation: slogan 3s;
-moz-animation: slogan 3s;
-webkit-animation: slogan 3s;
-o-animation: slogan 3s;
}
@keyframes logo{from{top:-118px;}to{top:70px;}}
@-moz-keyframes logo{from{top:-118px;}to{top:70px;}}
@-webkit-keyframes logo{from{top:-118px;}to{top:70px;}}
@-o-keyframes logo{from{top:-118px;}to{top:70px;}}
@keyframes slogan{from{margin-left:1000px;}to{margin-left:-125px;}}
@-moz-keyframes slogan{from{margin-left:1000px;}to{margin-left:-125px;}}
@-webkit-keyframes slogan{from{margin-left:1000px;}to{margin-left:-125px;}}
@-o-keyframes slogan{from{margin-left:1000px;}to{margin-left:-125px;}}
.menu_coat {
width: 1000px;
height: 0px;
position: relative;
font-size: 0px;
line-height: 0px;
margin: 0 auto;
z-index: 999;
}
/* ---- 横向菜单 Style ---- */
.menu {
width: 1000px;
position: absolute;
top: 270px;
left: 0px;
background: url(menu_bg.gif) left top repeat-x #fff;
border-bottom: 2px solid #ad0101;
border-top: 2px solid #ad0101;
z-index: 999;
padding: 22px 0 10px 0;
height: 54px;
}
.menu .menu_table {
width: 1000px;
border-collapse: collapse;
}
.menu .menu_table td {
height: 27px;
line-height: 27px;
text-align: center;
border-left: 1px solid #cccccc;
}
.menu .menu_table td:first-child {
border: none;
}
.menu .menu_table td a {
font-size: 16px;
color: #333333;
}
.menu .menu_table td a:hover {
color: #ad0101;
}
.menu .menu_table td a.active {
color: #ad0101;
}
.menu_list{
width:1000px;}
.menu_list li {
display:inline-block;
width:95px;
_width:93px;
float:left;
height: 27px;
line-height: 27px;
text-align: center;
border-right: 1px solid #cccccc;
box-sizing:border-box;
}
.menu_list li a{
display:block;
font-size:16px;
color:#333;}
.menu_list li a.active,.menu_list li a:hover{
color:#ad0101;}
/* ---- 大容器 Style ---- */
.container {
width: 1000px;
margin: 0 auto;
overflow: hidden;
}
/* ---- 头部红色上边框 Style ---- */
.redborder_head {
height: 38px;
line-height: 38px;
position: relative;
border-top: 1px solid #ad0101;
font-size: 18px;
color: #ad0101;
font-family:"Microsoft YaHei";
font-weight:bold;
}
.redborder_head a.more {
display: block;
height: 38px;
line-height: 38px;
position: absolute;
right: 0px;
top: 0px;
font-size: 12px;
color: #999999;
}
.redborder_head a.more:hover {
color: #ad0101;
}
/* ---- 发杂的头部 Style ---- */
.complexHead {
height: 30px;
background: url(complexHead_bg.gif) left 6px repeat-x;
position: relative;
clear:both;
float:none;
}
.complexHead h1 {
height: 30px;
line-height: 30px;
padding: 0 30px 0 0;
background: url(complexHead_sp.gif) right 6px no-repeat #FFF;
float: left;
font-size: 22px;
color: #ad0101;
font-weight: normal;
font-family:"Microsoft YaHei";
}
.complexHead h2 {
height: 22px;
line-height: 22px;
padding: 7px 0 0 8px;
float: left;
font-size: 16px;
color: #666666;
font-weight: normal;
}
.complexHead h3 {
height: 16px;
line-height: 16px;
padding: 13px 0 0 8px;
float: left;
font-weight: normal;
}
.complexHead a.more {
height: 22px;
line-height: 22px;
position: absolute;
top: 7px;
right: 0px;
font-size: 12px;
color: #999;
}
.complexHead a.more:hover {
color: #ad0101;
}
/* ---- 倾斜背景的头部 Style ---- */
.slashHead {
height: 18px;
background: url(slashHead_bg.gif) left top repeat;
position: relative;
}
.slashHead h1 {
height: 18px;
line-height: 18px;
padding: 0 8px 0 0;
font-size: 18px;
color: #333;
font-weight: bold;
float: left;
background: #fff;
}
.slashHead h1 span {
color: #004f99;
}
.slashHead a.more {
height: 18px;
line-height: 18px;
position: absolute;
top: 0px;
right: 8px;
font-size: 12px;
color: #999;
}
.slashHead a.more:hover {
color: #ad0101;
}
/* ---- 红色框的头部 Style ---- */
.redHead {
height: 21px;
position: relative;
}
.redHead h1 {
float: left;
padding: 0 8px;
height: 21px;
line-height: 21px;
background: #cc0000;
font-size: 14px;
color: #fff;
font-weight: normal;
}
.redHead h1 span {
font-size: 12px;
}
.redHead i {
position: absolute;
top: 21px;
left: 0px;
width: 11px;
height: 8px;
background: url(redHead_arrow.gif) no-repeat;
}
.redHead a.more {
height: 21px;
line-height: 21px;
position: absolute;
top: 0px;
right: 0px;
font-size: 12px;
color: #999;
}
.redHead a.more:hover {
color: #ad0101;
}
.redHead a.charm_yantai {
width: 71px;
height: 43px;
background: url(charm_yantai.jpg) no-repeat;
position: absolute;
right: 0px;
top: -13px;
overflow: hidden;
text-indent: -9999px;
}
/* ---- 灰点新闻列表 Style ---- */
.newsList {
overflow: hidden;
}
.newsList li {
box-sizing:border-box;
width:100%;
height: 30px;
line-height: 30px;
background: url(point_hui.gif) left center no-repeat;
padding: 0 0 0 14px;
font-size: 14px;
color: #333;
font-family:"宋体",SimSun;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.newsList li.important {
font-size: 14px;
color: #005ea6;
}
.newsList li.important a {
color: #005ea6;
}
.newsList_ads {
width: 100%;
overflow: hidden;
}
/*add by guoqiang*/
.newsListRight {
overflow: hidden;
}
.newsListRight li {
box-sizing:border-box;
width:100%;
height: 30px;
line-height: 30px;
background: url(point_hui.gif) left center no-repeat;
padding: 0 0 0 14px;
font-size: 12px;
color: #333;
font-family:"宋体",SimSun;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
/* ---- 通栏广告 Style ---- */
.adsColumn {
width: 100%;
overflow: hidden;
}
.adsColumn img {
width: 100%;
}
/* ---- footer Style ---- */
.footer_coat {
height: 30px;
width: 100%;
background: #5b5c5c;
}
.footer {
width: 1000px;
margin: 0 auto;
height: 30px;
line-height: 30px;
font-size:12px;
color:#fff;
overflow:hidden;
}
.footer .right{ text-align:right;}
.footer a{
color:#fff;}
.footer a:hover{
color:#FF0;}
/* ---- 边栏 样式 ---- */
.sidebar{
_display:none;
position:fixed;
left:50%;
top:50%;
opacity:0.4;
width:50px;
padding:0px;
margin:-105px 0 0 510px;
box-sizing:content-box;
transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
z-index:999;}
.sidebar *{box-sizing:content-box;}
.sidebar:hover{
opacity:1;}
.sidebar>li{
width:50px;
height:50px;
margin-bottom:2px;
position:relative;}
.sidebar>li:last-child{
border:none;}
.sidebar>li a{
box-sizing: border-box;
display:block;
width:50px;
height:50px;
line-height:50px;
background:#ad0101;
text-align:center;
padding:0px;
transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
cursor:pointer;
color:#fff;
font-size:14px;
}
.sidebar>li a img{
display:inline;}
.sidebar>li a:hover{
text-decoration:none;
background:#cc003d;}
.sidebar>li a span.sidetop{
background: url(sidebar_arrow.png) center 10px no-repeat;
display:block;
padding:24px 0 0;
height:20px;
line-height:20px;
font-size:14px;
color:#FFF;
text-align:center;
}
.sidebar>li .sidecode{
display:none;
position:absolute;
right:50px;
top:-104px;
width:140px;
height:176px;
padding:15px;
background:#cc003d;
transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
}
.sidebar>li .sidecode li{
height:140px;
margin-bottom:10px;}
.sidebar>li .sidecode li img{
width:140px;
display:inline-block;
vertical-align:top;}
.sidebar>li .sidecode li span{
width:140px;
line-height:36px;
font-size:14px;
color:#FFF;
text-align:center;
display:inline-block;}