﻿* { margin: 0px; padding: 0px; }
img { border: none; outline: none; }
a {color: #333333;outline: none; list-style: none; border: none; text-decoration: none; border-style: none; list-style-type: none; }
a:hover { transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; text-decoration: none; }
ul li, ol li { list-style-type: none; }
body { font-family: "microsoft Yahei"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#eeeeee);}
.clearfix { zoom: 1; }
.clearfix:after { content: "020"; height: 0px; display: block; overflow: hidden; clear: both; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }


/* content start */
.content { background: url(bg.png) no-repeat center top;     background-color: #eeeeee;  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://glj.bbs-hw.com/picture/222/2007171611438428871.png', sizingMethod='image'); padding-top: 40px; padding-bottom: 40px;}
.inner { width: 1100px; margin: 0 auto; }

/* nav */
.nav {height:50px;}
.nav li {float:left;width:272px;height:50px;line-height:50px;padding-left:125px;margin-right:4px;cursor: pointer;}
.nav li a {color:#fff;font-size:19px;font-weight:bold;}
.nav li.nav02 {background:#3c78b9 url(nav01.png) no-repeat 80px center;}
.nav li.nav03 {background:#3c78b9 url(nav02.png) no-repeat 80px center;}
.nav li.nav04 {background:#3c78b9 url(nav03.png) no-repeat 80px center;}
.nav li.nav05 {background:#3c78b9 url(nav04.png) no-repeat 66px center;margin-right:0px;}
.nav li.nav02.hover , .nav li.nav03.hover , .nav li.nav04.hover , .nav li.nav05.hover { background-color:#004aa0;}

/* section */
.section {width: 100%; background-color: #ffffff; padding: 0px 20px 20px 20px; position: relative;}
.sec01 { height: 55px; line-height: 55px; font-size: 15px; color: #999999;}
.sec01 a {font-size: 15px; color: #999999;}
.sec04 {width: 900px;margin: 0 auto;}
.sec04 h3 {width: 100%; font-size: 25px;font-weight: normal; text-align: center;border-bottom: 2px solid #717171; color: #000000;padding: 18px 0px;}
.sec04 .msg01 {height: 50px; line-height: 50px; text-align: center; position: relative;}
.sec04 .msg01 span {font-size: 15px; color: #333333;}
.sec04 .msg01 span:first-child {margin-right: 50px;}
.sec04 .text {min-height: 300px; margin-top: 15px;}
.sec04 .text > p {line-height: 30px;font-size: 18px; text-indent: 2em;color: #333333; padding-bottom: 30px;}
.sec04 .text img {max-width: 100%;}
.sec04 .msg02 {text-align: right;}
.sec04 .msg02 h6 {padding-bottom: 10px;}
.sec04 .font {height: 40px; text-align:right; background-color: #f1f1f1;margin-top: 24px;}
.sec04 .font a {line-height: 40px; font-size: 15px;color: #333333;display: inline-block;margin-right: 20px;}
.sec04 .font img {padding-right: 8px;}
/* content end */


/*******自适应*********/
@media (max-width: 700px) {
    body { min-width: 0;}
    .bt-box-1100 {width: 100%;}
    .top {height: auto!important;}
    .top .db {display: none;}
    .top-content-r {display: none;}
    .top-content {height: auto;}
    .top-content-l {width: 100%;height: 90px; margin: 10px auto 0px;}
    .inner {width: 100%;}
    .content {padding: 0px;}
    .nav {height: auto!important;}
    .nav ul {width: 100%!important;margin: 0 auto!important;}
    .nav li {width: 50%!important;padding-left: 80px!important; margin-right: 0px!important;}
    .nav li.nav02 {background:#3c78b9 url(nav01.png) no-repeat 40px center!important;}
    .nav li.nav03 {background:#3c78b9 url(nav02.png) no-repeat 40px center!important;}
    .nav li.nav04 { background: #3c78b9 url(nav03.png) no-repeat 40px center!important;}
    .nav li.nav05 {background:#3c78b9 url(nav04.png) no-repeat 30px center!important;}
    .sec01 {height: 30px;line-height: 30px;}
    .sec04 {width: 100%;}
    .sec04 h3 {padding: 8px 0px;}
    .sec04 .msg01 {line-height: 25px;}
    .sec04 .msg01 span {display: block;}
    .sec04 .msg01 span:first-child {margin-right: 0px;}
    div#share {display: none;}
    .sec04 .font {display: none;}
    .sec04 .text p {text-indent: 0em!important;}
    .sec04 .text img {height: auto;}
    .footerBox {overflow: hidden;}
    .footer {width: 100%!important; padding-top: 0px!important;}
    .footerLeftFg , .footerLeftImg , .footerRightImg {display: none;}
    .footerMidFont {width: 100%!important;margin-left: 0px!important;}
    .footerMidFont p {text-align: center; margin: 0px!important;}
    .footerMidFont span { display: block;}
}