@charset "utf-8";
/* CSS Document */
html {
background: #FFF;
}
body {
font-size: 63%;
/*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/
background-color: #fff;
color: #444;
font-family: "寰蒋闆呴粦", 'Microsoft YaHei', SimSun, SimHei, "STHeiti Light", STHeiti, "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: #2e2e2e;
}
a:hover {
color: #faa632;
text-decoration: none;
}
input[type='button'] {
outline: none;
border: 0 none;
background-color: transparent;
cursor: pointer;
}
address,
caption,
cite,
code,
dfn,
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: 1.2em;
}
.f14px {
font-size: 1.4em;
}
.f16px {
font-size: 1.6em;
}
.f18px {
font-size: 1.8em;
}
.f20px {
font-size: 2.0em;
}
.f22px {
font-size: 2.2em;
}
.f24px {
font-size: 2.4em;
}
/*float */
.fl {
float: left;
}
.fr {
float: right;
}
.ct {
margin: 0 auto;
}
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%;
}
q:before,
q:after {
content: '';
content: none;
}
input,
textarea,
select {
font-weight: inherit;
}
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;
}
.topicInfo li {
transtion: all 1s ease 0s
}
/*澶撮儴鏍峰紡*/
.wraq_header {
width: 100%;
position: relative;
z-index: 900;
background: #1262a7;
background-size: cover;
}
.header {
max-width: 1300px;
min-width: 280px;
height: 124px;
margin: 0 auto;
z-index: -1;
padding: 0 10px;
}
.logo {
float: left;
padding: 17px 0 0 0;
}
.logo_01 {
width: 650px;
display: inline-block;
margin-left: -51px;
margin-top: -7px;
}
.logo_01 img {
width: 100%;
}
#btn_ser {
display: none;
}
.links {
float: right;
text-align: right;
margin-top: 43px;
/* width: 500px;*/
z-index: 1005;
margin-top: 20px;
}
.links01 ul li {
display: inline;
height: 25px;
}
.links01 a {
color: #fff;
padding: 0 10px;
}
.links01 a:hover {
color: #c81622;
}
.btn_ser {
display: inline-block;
width: 34px;
height: 31px;
cursor: pointer;
*display: inline;
*zoom: 1;
}
.btn_ser img {
vertical-align: middle;
}
.ser {
width: ;
height: 30px;
right: 10px;
top: 32px;
line-height: 30px;
}
.search {
background: #faa632;
width: 200px;
height: 30px;
position: relative;
overflow: hidden;
margin-top: 10px;
}
.search input {
position: absolute;
width: 200px;
height: 30px;
line-height: 30px;
font-size: 1em;
color: #fff;
border: none;
background: none;
left: 0px;
top: 0px;
padding-left: 0px;
}
.search input.notxt {
color: #fff;
padding-left: 7px;
width: 162px;
}
.search input.notxt1 {
position: absolute;
width: 30px;
height: 22px;
top: 5px;
left: 172px;
border: none;
background: url(../images/ser.png) no-repeat;
cursor: pointer;
overflow: hidden;
}
.top_nav {
margin-bottom: 10px;
}
.top_nav a {
font-size: 14px;
margin-right: 32px;
color: #fff;
}
.top_nav a:last-child {
margin-right: 0;
}
.snav {
display: block;
}
.mbtn {
display: block;
}
.logo {
max-width: 755px;
height: 74px;
padding-top: 22px;
float: left;
}
.links li {
float: right;
height: 30px;
margin-right: -50px;
}
.links a.btn_ser {
padding: 0 2px;
height: 30px;
}
.ser {
top: -3px;
right: 15px;
display: block;
}
.search {
margin-top: 0;
}
#btn_ser {
display: block;
}
/*瀵艰埅*/
.nav {
width: 100%;
height: 45px;
line-height: 45px;
z-index: 888;
/* background: #faa632; */
}
.nav ul {
height: 45px;
margin: 0px auto;
max-width: 1200px;
}
.nav ul li {
float: left;
height: 45px;
line-height: 45px;
text-align: center;
position: relative;
width: 14.2%;
}
.nav ul li a {
color: #fff;
font-size: 1.6em;
display: block;
}
.nav ul li .subNav {
position: absolute;
left: 50%;
top: 45px;
display: none;
background: #ffffff;
overflow: hidden;
width: 160px;
margin-left: -80px;
}
.nav ul li .local {
left: -86px;
}
.nav ul li.on {
background-color: #fff;
}
.nav ul li.on a {
color: #005faf;
}
.nav ul li.on .subNav {
display: block;
}
.nav ul li.on .subNav dl {
overflow: hidden;
padding: 5px 0;
}
.nav ul li.on .subNav dl dd {
height: auto;
line-height: 18px;
padding: 8px 5px 8px 10px;
text-align: left;
}
.nav ul li.on .subNav dl dd a {
font-size: 1.5em;
line-height: 22px;
text-align: center;
font-weight: normal;
color: #333;
}
.nav ul li.on .subNav dl dd:hover {
background-color: #faa632;
font-weight: bold;
color: #fff;
}
.nav ul li.on .subNav dl dd:hover a {
color: white
}
.nav ul li .pos_left {
left: -72px;
}
/*鎵嬫満绔鑸?/
.snav {
display: none;
height: 30px;
background-color: #044a84;
left: 0px;
top: 0;
z-index: 9999;
width: 100%;
}
.mbtn {
display: none;
height: 30px;
left: 10px;
top: 0;
z-index: 1002;
width: 40px;
cursor: pointer;
}
.navm {
width: 100%;
line-height: 30px;
background-color: #005faf;
overflow: hidden;
text-align: left;
display: none;
top: 30px;
left: 0;
z-index: 999999;
}
.navm ul {
padding: 0 0 10px;
}
.navm li {
border-bottom: 1px solid #367db9;
position: relative;
}
.navm li a {
font-size: 1.4em;
line-height: 18px;
padding: 10px 0px;
color: #fff;
padding-left: 13px;
font-family: Georgia, Arial, Helvetica, sans-serif;
display: block;
}
.navm li a:hover {
color: #fff;
}
.navm li.sub_has span {
margin-left: 10px;
}
.navm li.on a {
color: #fff;
display: block;
width: 100%;
}
.navm li strong {
display: block;
width: 30px;
height: 38px;
line-height: 38px;
text-align: center;
background: url(../images/white-right-arrow.png) no-repeat center center;
position: absolute;
right: 0;
top: 0;
}
.navm li.on strong {
background: url(../images/white-down-arrow.png) no-repeat center center;
}
.navm dl {
display: none;
background-color: #fff;
color: #004489
}
.navm dl dd {
padding-left: 30px;
line-height: 18px;
padding: 8px 0px 8px 30px;
border-bottom: 1px solid #e5e5e5;
}
.navm li.on dl dd a {
font-size: 14px;
color: #282828;
font-weight: normal;
display: inline;
border: none;
padding: 0px;
}
.navm li dl dd a {
font-size: 14px;
color: #282828;
font-weight: normal;
display: inline;
display: block;
border: none;
padding: 0px;
}
.navm li dl dd a:hover {
color: #005bac;
}
.phoneLink {
text-align: center;
}
.phoneLink a {
color: #fff;
padding: 0 20px;
}
/*鏍囬*/
.title01 {
background: url(../images/title_bg.png) repeat-x;
height: 36px;
margin: 12px 0;
}
.title01 h2 {
font-size: 19px;
width: 97px;
height: 36px;
line-height: 36px;
padding-left: 43px;
color: #444;
font-weight: normal;
background: url(../images/icon.png) no-repeat;
background-position: 0 3px;
background-color: #fff;
}
.fooer_wrap {
width: 100%;
/* background: url(../images/foot_bg.png) top center; */
background-size: cover;
background: #1262a7;
}
.footer {
max-width: 1200px;
margin: 0 auto;
}
.friendLink {
overflow: hidden;
padding: 20px 15px 10px;
float: left;
width: 40%;
}
.friendLink h2 {
margin-bottom: 1%;
color: #fff;
font-size: 1.8em;
font-weight: normal;
}
.friendLink h2 a {
color: #fff;
}
.friendLink ul li {
margin: 0.5% 1.5%;
display: inline-block;
*display: inline;
*zoom: 1;
}
.friendLink ul li a {
font-size: 14px;
color: white;
}
.copyRight {
padding: 15px 0;
position: relative;
text-align: left;
color: white;
font-size: 14px;
line-height: 28px;
margin-left: 52%;
}
.page_nav a {
padding: 0 5px;
}
/*鎮诞鎸夐挳*/
.aslide{
position: fixed;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
z-index: 1234;
right: 70px;
}
.aslide ul li{
width: 47px;
height: 47px;
position: relative;
cursor: pointer;
}
.aslide ul li:after{
content: "";
position: absolute;
top: 50%;
left: -30px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
background: url("../images/trangle.png") no-repeat left center;
background-size: 10px 18px;
display: none;
width: 50px;
height: 70px;
}
.aslide ul li:hover:after{
display: block;
}
.aslide ul li:hover .diolag{
display: block;
}
.aslide ul li.top:after{
display: none;
}
.aslide ul li~li{
margin-top: 5px;
}
.aslide ul li.tel{
background: url("../images/tel.png") 0 -0px;
}
.aslide ul li.email{
background: url("../images/tel.png") 0 -47px;
}
.aslide ul li.email.weibo{
background: #e1e1e1 url("../images/weibo.png") no-repeat center;
border-radius: 4px;
}
.aslide ul li.wx{
background: url("../images/tel.png") 0 -94px;
}
.aslide ul li.top{
background: url("../images/tel.png") 0 46px;
}
.aslide ul li .diolag{
position: absolute;
left: -110px;
width: 100px;
height: auto;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
padding: 10px;
box-sizing: border-box;
background: rgba(0,0,0,.25);
border-radius: 5px;
color: #fff;
font-size: 16px;
line-height: 24px;
word-break: break-all;
display: none;
}
.aslide ul li.wx .diolag{
width: 120px;
/* height: 100px; */
}
.aslide ul li.wx .diolag{
left: -130px;
}
.diolag img{
width: 80px;
height: 80px;
}
@media screen and (max-width:1386px) {
.header,
.nav ul {
width: 1000px;
}
.footer {
height: auto;
width: 1000px;
}
}
@media screen and (max-width:1020px) {
.header,
.nav ul,
.footer {
width: auto;
text-align: center;
}
}
@media screen and (max-width: 992px) {
.logo {
padding: 10px 0 0
}
.logo_01 img {
max-height: 55px;
width: auto;
}
.header {
height: 80px;
}
.nav {
display: none;
}
.snav {
display: block;
}
.mbtn {
display: block;
}
.links {
display: none;
}
.logo {
margin: 0px auto;
float: none;
text-align: center;
}
.phoneSearch {
display: block;
position: static;
margin: 5px auto 15px;
}
.phoneSearch .search {
margin: 0 auto;
}
.friendLink {
float: none;
display: inline-block;
vertical-align: top;
max-width: none;
text-align: left;
width: auto;
*display: inline;
*zoom: 1;
}
.copyRight {
margin: 0;
text-align: center;
}
}
@media screen and (max-width:768px) {
.links li {
float: right;
height: 25px;
}
.links a.btn_ser {
padding: 0 2px;
height: 25px;
}
#btn_ser {
display: block;
}
.friendLink h2 a {
font-size: 1.6em;
}
.friendLink ul li a {
font-size: 1.4em;
}
.footer {
margin: auto 15px;
}
.copyRight {
font-size: 1.4em;
}
.friendLink {
text-align: center;
}
}
@media screen and (max-width:640px) {
.newsLf {
float: none !important;
margin: 0 auto;
}
.newsRt {
float: none !important;
width: auto !important;
}
}
@media screen and (max-width:600px) {
.slide_tabs {
display: none;
}
.erweima {
position: static;
margin: 0 auto;
}
}
@media screen and (max-width:480px) {
.logo {
width: 80%;
height: auto;
text-align: center;
}
.logo_01 {
width: auto;
margin: 0;
}
.aslide{
display: none;
}
.newsLf .item-img04{
margin-bottom: 25px;
}
.fastLink ul{
margin: 0 !important;
}
.fastLink ul li{
padding: 0 5px !important;
}
.list02 li{
width: 50%;
}
.list02 li a .pic{
height: 240px !important;
}
.rightDate{
float: right !important;
padding-top: 10px !important;
}
}