@charset "utf-8";
/* CSS Document */
html {
background: #FFF;
}
body {
font-size: 14px;
/*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/
background-color: #fff;
color: #323232;
font-family: 'Microsoft YaHei', "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dl, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
margin: 0px;
padding: 0px;
/*color: #323232;*/
-webkit-font-smoothing: subpixel-antialiased;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
fieldset, img {
border: 0;
}
img, object {
max-width: 100%;
height: auto;
width: auto\9;
/* for ie8 */
-ms-interpolation-mode: bicubic;
}
a {
outline: none;
blr: expression(this.onFocus=this.blur());
text-decoration: none;
color: #323232;
}
a:hover {
color: #e60012;
text-decoration: none;
}
input[type='button'] {
outline: none;
border: 0 none;
background-color: transparent;
cursor: pointer;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: 400;
}
/*定义清除浮动样式 方法一*/
.clearfix:after {
content: '\20';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
/*定义清除浮动样式 方法二*/
.clear {
clear: both;
}
/*font-size */
.f12px {
font-size: 12px;
}
.f14px {
font-size: 14px;
}
.f16px {
font-size: 16px;
}
.f18px {
font-size: 18px;
}
.f20px {
font-size: 20px;
}
.f22px {
font-size: 22px;
}
.f24px {
font-size: 24px;
}
.f48px {
font-size: 48px;
}
/*float */
.fl {
float: left;
}
.fr {
float: right;
}
ul, ol, li {
list-style: none outside none;
}
.tc {
text-align: center !important;
}
.tl {
text-align: left !important;
}
.tr {
text-align: right !important;
}
.fwn {
font-weight: normal;
}
.fwb {
font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
/*font-weight:400;*/
}
q:before, q:after {
content: '';
content: none;
}
input, textarea, select {
font-weight: inherit;
font-size: 100%;
}
input, select, textarea, button {
vertical-align: middle
}
.pa {
position: absolute;
}
.pr {
position: relative;
}
.inblock {
display: inline-block;
*zoom: 1;
*display: inline;
}
.disnone {
display: none;
}
.block {
display: block;
}
.hidden {
overflow: hidden !important;
}
.none {
display: none;
}
.textoverflow {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.underline:hover {
text-decoration: underline;
}
.mtc {
margin: 0 auto;
}
.number {
font-family: Arial;
}
.fw600 {
font-weight: 600;
}
.hand {
cursor: pointer;
}
.distable {
display: table;
}
.distr {
display: table-row;
}
.distd {
display: table-cell;
}
.mr35px {
margin-right: 35px;
}
.ml35px {
margin-left: 35px;
}
.mr10px {
margin-right: 10px;
}
.ml10px {
margin-left: 10px;
}
.mt20px {
margin-top: 20px;
}
.mt5px {
margin-top: 1.57%;
}
.mt4px {
margin-top: 4px;
}
.mr5px {
margin-right: 0.86%;
}
.header {
width: 100%;
min-width: 320px;
height: 192px;
position: relative;
z-index: 5;
background: url(../images/xytopbg.jpg) no-repeat top center;
}
.top {
width: 1090px;
margin: 0px auto;
position: relative;
}
.header .logo {
width: 623px;
left: 10px;
overflow: hidden;
position: absolute;
top: 30px;
}
.header .logo a img {
display: block;
width: 100%;
}
.search {
width: 200px;
height: 24px;
position: absolute;
right: 10px;
top: 0px;
}
.search1 {
top: 50px;
}
.search .fm_search {
height: 24px;
background: url(../images/xysearch.jpg) no-repeat;
position: relative;
}
.search .fm_search input {
position: absolute;
width: 190px;
height: 22px;
line-height: 22px;
color: #3c98cc;
border: none;
background: none;
left: 0px;
top: 0px;
padding-left: 0px;
font-family: 'Microsoft YaHei', "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #888;
z-index: 2;
}
.search .fm_search input.notxt {
padding-left: 10px;
font-family: 'Microsoft YaHei', "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #c3c3c3;
outline: none;
}
.search .fm_search input.notxt1 {
width: 30px;
left: 170px;
top: 0px;
cursor: pointer;
}
.gp-search {
width: 220px;
overflow: hidden;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
transition: all 0.35s ease-in-out;
border: 1px solid #ccc;
}
.gp-ser {
width: 100%;
height: 28px;
z-index: 9999994;
margin: 0 auto;
position: relative;
}
.gp-search input, .gp-search button {
position: absolute;
height: 28px;
line-height: 28px;
border: none;
background: none;
top: 0px;
overflow: hidden;
}
.gp-search input.notxt {
color: #fff;
width: 82%;
left: 0;
padding-left: 2%;
}
.gp-search .notxt1 {
position: absolute;
width: 15%;
right: 0;
cursor: pointer;
color: #fff;
background: url(../images/xysearch20230613.png) no-repeat center top;
}
/*导航*/
.nav {
width: 100%;
height: 48px;
right: 0px;
top: 143px;
z-index: 10;
border-bottom: 1px solid #d3d3d3;
background-color: #fff;
}
.nav ul {
width: 1090px;
margin: 0px auto;
}
.nav ul li {
float: left;
position: relative;
text-align: center;
background: url(../images/xynav_iconli.jpg) no-repeat right center;
}
.nav ul li:last-child {
background: none;
}
.nav ul li div {
padding: 0px;
height: 48px;
line-height: 48px;
}
.nav ul li a {
padding: 0 48px 0 48px;
font-size: 16px;
background: url(../images/xynav_icon02.jpg) no-repeat center bottom;
color: #081b2f;
display: block;
}
.nav ul li.on div, .nav ul li div.on_nav {}
.nav ul li.on div a, .nav ul li div.on_nav a {
color: #081b2f;
font-weight: bolder;
background: url(../images/xynav_icon01.jpg) no-repeat center bottom;
}
.nav ul li.on dl {
display: block;
}
.nav ul li dl {
width: 135px;
position: absolute;
left: -4px;
top: 46px;
overflow: hidden;
display: none;
text-align: left;
background: #8f000b;
padding: 10px 15px;
overflow: hidden;
-moz-box-shadow: 2px 2px 3px #555;
-webkit-box-shadow: 2px 2px 3px #555;
box-shadow: 2px 2px 3px #555;
z-index: 999;
}
.nav ul li:last-child dl {
left: -16px;
}
.nav ul li.on dl dd {
width: 94%;
line-height: 36px;
padding: 0 2%;
text-align: center;
border-bottom: 1px dashed #ccc;
}
.nav ul li.on dl dd:first-child {
border-top: none;
}
.nav ul li.on dl dd a {
color: #fff;
font-size: 14px;
font-weight: normal;
background: none;
padding: 0px;
text-align: center;
}
.nav ul li.on dl dd a:hover {
color: #fff;
font-weight: normal;
background: none;
}
.wraq_footer {
width: 100%;
background: #e0e0e0;
height: 205px;
}
.footer01 {
width: 1090px;
padding: 38px 0px 0px;
margin: 0px auto;
min-width: 320px;
}
.footer02 {
background-color: #8f000b;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 12px;
}
.footer01 ul {
height: 130px;
}
.footer01 ul li {
border-left: 1px solid #bfbfbf;
float: left;
color: #888888;
font-size: 14px;
height: 100px;
}
.footer01 ul li.ft_con1 {
width: 18%;
text-align: center
}
.footer01 ul li.ft_con2 {
width: 18%;
}
.footer01 ul li.ft_con3 {
width: 40%;
}
.footer01 ul li.ft_con4 {
width: 23%;
}
.footer01 ul li a {
color: #555;
font-size: 14px;
}
.footer01 ul li a:hover {
font-weight: bolder;
color: #00356f;
}
.footer01 ul li span {
display: block;
height: 30px;
line-height: 30px;
text-align: center;
}
.ft_con3 img {
width: 220px;
margin: 0px auto;
display: block;
}
.footer02_w font {
display: inline-block;
margin-right: 15px;
}
.ft_name {
display: none;
}
/*手机端导航*/
.snav {
width: 100%;
position: relative;
left: 0;
top: 0;
word-break: break-all;
font-size: 14px;
z-index: 8;
display: none;
background: #8f000b;
}
.mbtn {
width: 20px;
height: 40px;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 40px;
cursor: pointer;
padding: 0px 0px 0px 14px;
}
.navm {
width: 100%;
line-height: 30px;
background: #8f000b;
margin-top: 2px;
overflow: hidden;
text-align: left;
display: none;
border-top: 1px solid #740009;
border-bottom: 1px solid #740009;
}
.navm ul {
padding: 10px 0;
}
.navm li {}
.navm li a {
font-size: 16px;
line-height: 40px;
height: 40px;
color: #fff;
padding-left: 13px;
}
.navm li.has span {
margin-left: 10px;
}
.navm li.on a {
color: #fff;
font-weight: bold;
display: block;
width: 100%;
}
.navm dl {
display: none;
background-color: #f0f0f0;
padding: 5px 0px;
}
.navm dl dd {
padding-left: 30px;
height: 30px;
line-height: 30px;
}
.navm li.on dl dd a {
font-size: 14px;
color: #740009;
padding: 0px;
font-weight: normal;
display: inline;
border: none;
line-height: 30px;
height: 30px;
}
.navm li dl dd a {
font-size: 14px;
color: #004698;
padding: 0px;
font-weight: normal;
display: inline;
border: none;
line-height: 30px;
height: 30px;
}
.navm li dl dd a:hover {
font-weight: bolder
}
.snav_top1 {
overflow: hidden;
}
@media screen and (max-width:1089px) {
.top {
width: 100%;
}
.nav ul {
width: 9990px;
padding-left: 10px;
margin: 0px;
}
.nav ul li a {
padding: 0 31px 0 31px;
}
.nav ul li dl {
left: -20px
}
.nav ul li:last-child dl {
left: -63px;
}
.footer01 {
width: auto;
}
}
@media screen and (max-width:999px) {
.header {
height: 158px;
}
.header .logo {
width: 537px;
top: 22px;
}
.nav {
top: 112px;
}
.nav ul {
width: 900px;
margin: 0px;
}
.nav ul li a {
padding: 0 24px 0 24px;
}
.search1 {
top: 38px;
}
.nav ul li dl {
left: -30px
}
.nav ul li:last-child dl {
left: -70px;
}
}
@media screen and (max-width:900px) {
.nav ul {
width: 790px;
margin: 0px;
}
.nav ul li a {
padding: 0 18px 0 18px;
}
.nav ul li:last-child dl {
left: -76px;
}
}
@media screen and (max-width:799px) {
.header {
height: 134px;
}
.header .logo {
width: 402px;
top: 18px;
}
.nav {
top: 88px;
}
.search1 {
top: 26px;
}
.nav ul {
width: 630px;
margin: 0px;
}
.nav ul li a {
padding: 0 12px 0 12px;
font-size: 14px
}
.nav ul li:last-child dl {
left: -86px;
}
.nav ul li dl {
left: -40px
}
.footer02 {
height: auto;
padding-bottom: 10px;
line-height: 22px;
padding-top: 10px;
}
}
@media screen and (max-width:639px) {
.snav_top2 .snav_logo {
width: 402px;
position: static;
padding: 10px 0px 10px 0px;
margin: 0px auto;
}
.nav {
display: none
}
.search {
display: none;
}
.searchtop {
display: block;
top: 6px;
right: 10px;
}
.snav {
display: block;
}
.header {
display: none
}
.footer01 ul li.ft_con1 {
width: 33%;
text-align: center
}
.footer01 ul li.ft_con2 {
width: 33%;
}
.footer01 ul li.ft_con3 {
display: none
}
.footer01 ul li.ft_con4 {
width: 33%;
}
.footer01 {
padding-top: 10px;
}
.ft_name {
display: block;
padding-left: 20px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
height: 40px;
line-height: 40px;
color: #555;
}
.ft_name a {
font-size: 14px;
color: #444;
}
}
@media screen
/*and (min-width:320px)*/
and (max-width:480px) {
.snav_top2 .snav_logo {
width: 360px;
}
}
@media screen
/*and (min-width:320px)*/
and (max-width:380px) {
.snav_top2 .snav_logo {
width: 300px;
}
}