* { 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; }

/* header start */
.top{ width: 100%; height: 150px; }
.top .db{ width: 100%; height: 40px; line-height: 40px; background: #004aa0; }
.db-l{ width: 272px; height: 40px; overflow: hidden; font-size: 13px; }
.db-r{ width: 100px; height: 40px; font-size: 13px; }
.db-r a{ color: #ffffff; }
.top-content{ width: 100%; height: 110px; background: url(jsjg_pic_05.png) no-repeat bottom; }
.top-content-l{ width: 410px; height: 56px; margin-top: 20px; }
.top-content-r{ width: 380px; height: 40px; margin-top: 30px; }
.b-serch { width: 100%; height: 40px; position: relative; }
.search-text { width: 305px; border: none; outline: none; height: 40px; line-height: 40px; padding-left: 50px; font-size: 15px; color: #999999; border: 1px solid #88abda; background: url(jsjg_pic_02.png) no-repeat 20px center; }
.search-submit { width: 75px; height: 40px; line-height: 40px; background: #004aa0; font-size: 17px; color: #ffffff; border: none; outline: none; position: absolute; right: 0px; top: 0; text-align: center; }
/* header end */

/* content start */
.content { background-color: #ffffff; 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: 24px;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: 16px;
    color: #333333; 
    /* text-indent: 2em; */
    /* 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 */

/*footer start*/
.block { display: block; }
.footerBox { height: 100px; background: #004aa0; }
.footer { width: 1100px; margin: 0 auto; padding-top: 20px; }
.footerLeftImg { width: 74px; }
.footerLeftImg a { display: block; height: 60px; text-align: center; font-size: 14px; color: #FFFFFF; line-height: 22px; padding-top: 40px; }
.footerLeftImg01 a { background: url(map.png) no-repeat center 8px; }
.footerLeftImg02 a { background: url(chat.png) no-repeat center 8px; }
.footerLeftImg03 a { background: url(help.png) no-repeat center 6px; }
.footerLeftImg04 a { background: url(total.png) no-repeat center 7px; }
.footerLeftFg { background: url(sx.png) no-repeat no-repeat bottom; width: 2px; height: 15px; margin-top: 43px; }
.footerMidFont, .footerMidFont a { font-size: 13px; line-height: 25px; color: #FFFFFF; text-align: left; }
.footerMidFont { width: 580px; margin-left:35px; }
.footerRightImg01 { width: 110px; margin-top: 2px; }
.footerRightImg01 img { display: block; width: 110px; height: 55px; }
.footerRightImg02 { width: 73px; margin-left: 12px; margin-top: 2px; }
.lastImg { display: none; }
.footerRightImg02 a:hover .lastImg { display: block; }
.footerRightImg02 img { display: block; width: 73px; height: 55px; }
.footerRightImg03 { width: 49px; }
.footerRightImg03 img { display: block; width: 49px; height: 61px; }
#zoom td{border: 1px solid #000000;}
/*footer 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;}
    .nav ul {width: 100%;margin: 0 auto;}
    .nav li {width: 50%;padding-left: 80px; margin-right: 0px;}
    .nav li.nav02 {background:#3c78b9 url(nav01.png) no-repeat 40px center;}
    .nav li.nav03 {background:#3c78b9 url(nav02.png) no-repeat 40px center;}
    .nav li.nav04 { background: #3c78b9 url(nav03.png) no-repeat 40px center;}
    .nav li.nav05 {background:#3c78b9 url(nav04.png) no-repeat 30px center;}
    .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;}
}