body {
 background-color: #fff!important;
 font: 14px/150% helvetica,"microsoft yahei", Verdana, Lucida, arial, sans-serif;
 display: block;
}
hr {
 margin-top: -5px;
 border: none;
 border-bottom: 1px solid #003366;
}
.mt10 {
 margin-top: 10px;
}
.mt20 {
 margin-top: 20px;
}
.mb10 {
 margin-bottom: 10px;
}
.mb20 {
 margin-bottom: 20px;
}
.more {
 float: right;
 font-size: 14px;
 margin: 5px;
 font-weight: normal
}
.more a {
 color: #484848;
}
.more2 a {
 float: right;
 font-size: 14px;
 margin: 0 5px;
 color: #fff;
 font-weight: normal
}
.fl {
 float: left;
}
.fr {
 float: right;
}
.logo a {
    padding: 20px;
    height: 100px;
}


.head { height:110px;}
.head-r {
 padding-top: 34px;
 font-size: 12px;
}
.head-r a {
 color: #555555;
}
.head-logo {
 position: absolute;
 left: 55%;
 top: 0;
 z-index: 0;
}
.head-hd {
 width: 100%;
 background: #003366;
 position:relative; z-index:1;
}
.head-hd-z {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;position:relative; z-index:3;
}
.fl {
 float: left;
}
.fr {
 float: right;
}
.Top {
 width: 100%;
 height: 34px;
 border-bottom: 1px solid #ddd;
 background: #eeeeef;
 font-size: 12px;
 position: relative;
 z-index: 5;
}
.TopBox {
 max-width: 1200px;
 margin: 0 auto;
 width: 100%;
}
.TopBoxL li {
 float: left;
 margin-right: 10px;
 list-style: none;
}
.TopBoxL li a.icon {
 display: block;
 width: 100%;
 line-height: 34px;
 color: #757575;
 text-indent: 25px;
 background: url(../images/icon.png) no-repeat;
}
.TopBoxL li a.web {
 background-position: left -0px;
}
.TopBoxL li a.gzwx {
 background-position: left -84px;
}
.TopBoxL li a.sjb {
 background-position: left -40px;
}
.TopBoxL li a.icon:hover {
 color: #003366;
}
.TopBoxL li a.web:hover {
 background-position: left -120px;
}
.TopBoxL li a.gzwx:hover {
 background-position: left -204px;
}
.TopBoxL li a.sjb:hover {
 background-position: left -160px;
}
.TopBoxR ul {
 float: right;
 margin-bottom: 0;
}
.TopBoxR li {
 float: left;
 line-height: 34px;
 list-style: none;
}
.TopBoxR li a {
 color: #757575;
}
.TopBoxR li span {
 color: #757575;
 margin: 0 10px
}
.TopBoxR li a:hover {
 color: #003366;
}
.form-control {
 float: left;
 width: 200px;
}
.input-group-addon {
 background-image: url(../images/search.jpg);
}
.navbar-inverse {
 background: #003366; border:none;
}
.navbar-inverse .navbar-nav>li>a {
 font-size: 16px;
}
.navbar-inverse .navbar-brand {
 color: #fff;
 margin: 0 20px;
}
.carousel-inner {
 z-index: 3
}
.kouhao { position:absolute; right:20px;top:20px; z-index:80}
.kouhao img{width:100%; max-width:650px;}
.hiSlider {
 overflow: hidden;
 max-width:1200px;
 background: #eee;
 width:100%;margin:0; padding:0;
}
.hiSlider-item {position:absolute; 
 float: left;z-index:50
}
.hiSlider li {
    list-style: none;
 
}

.xyzy div {
 padding: 12px 4px
}
.xyzy img, .kslj img {
 width: 100%;
}
.zhuanye {
 padding: 0 0 0 20px;
}
.zhuanye li {
 padding: 4px 0;
}
.conter {
 max-width: 1200px;
 margin: 0px auto;
}
.con-1-1 {
 border-left: 5px solid #D5BD80;
 border-bottom: 1px solid #eee;
 font-size: 20px;
 color: #333;
 padding-left: 16px;
 height: 36px;
 line-height: 30px;
 font-weight: 700;
}
.con-1-1 p {
 float: right;
 font-size: 14px;
 margin: 0 10px;
 font-weight: normal;
}
.con-1-1 p a {
 color: #666666;
}
.con-2 {
 background: #D5BD80;
 text-align: center;
 font-size: 16px;
 line-height: 200%;
 margin-top: 1px;
 display: block;
}
.con-2 a {
 color: #F8F8F8
}
.con-2 a:hover {
 color: #FFFFFF;
 text-decoration: none;
}
.sitek {
 margin-top: 34px;
 border-left: 1px solid #003366;
}

.sitename {
 color: rgb(0, 51, 102);
 line-height: 36px;
 font-size: 30px;
 padding-left: 10px;
}
.sitename a{
 color: #003366;
 text-decoration: none;
}
 @media (max-width:900px) {
.con-2 {
 font-size: 14px;
}
.sitename {
 line-height: 30px;
 font-size: 24px;
}
.xyzy div {
 padding: 8px 3px
}
}
@media (max-width:480px) {
.con-2 {
 font-size: 12px;
}
.xyzy div {
 padding: 4px 2px
}
.sitename {
 line-height: 24px;
 font-size: 18px;
}
}
.con-3-1 {
 border-left: 5px solid #D5BD80;
 padding-left: 10px;
 color: #003366;
 font-size: 22px;
 padding-bottom: 4px;
}
.con-3-2 {
 border: 1px solid #DDDDDD;
 text-align: center;
 width: 100%;
}
.con-3-3 dt {
 margin-bottom: 10px;
}
.con-3-3 dt a {
 margin: 0 0 0 5%;
}
.con-3-4 {
 width: 18%;
 border-radius: 5px;
 background: #F6F6F6;
 border: 1px solid #E0E0E0;
 margin: 10px 10px;
 text-align: center;
}
.con-3-4 h4 {
 font-size: 20px;
 margin: 3px 0;
 color: rgba(51, 122, 183, 1);
}
.con-3-4 p {
 font-size: 13px;
 margin: 3px 0;
 color: rgba(51, 122, 183, 1);
}
.con-3-5 {
 float: right;
 margin-top: -66px;
 width: 75%;
}
.con-3-5 h5 {
    margin: 0;
    font-size: 15px;
    line-height: 150%;
    overflow: hidden;
    height: 26px;
}
.con-3-5 p {
    margin: 0;
    font-size: 12px;
    color: #888888;
    overflow: hidden;
    height: 32px;
}

.con-4-1 dt {
 margin: 10px 2%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.con-4-1 dt a {
 margin-left: 10%;
}
ul.navkl {
 margin: 0;
 padding: 0;
}
ul.navkl li {
 list-style-type: none;
}
.con-5-1 a {
 font-size: 13px;
}
.kslj div {
 height: 74px;
 padding: 0 5px;
}
#demo {
 background: #FFF;
 overflow: hidden;
 max-width: 1200px;
 margin: 20px auto;
 height: 170px
}
#demo img {
 border: 3px solid #F2F2F2;
 width: 223px;
 height: 170px;
}
#indemo {
 float: left;
 width: 800%;
}
#demo1 {
 float: left;
}
#demo2 {
 float: left;
}
.footer {
 width: 100%;
 margin: 0 auto;
 background: #eee;
 margin-top: 50px;
 padding-bottom: 20px;
}
 @media only screen and (max-width: 1200px) {
.con-6 {
 display: none;
}
}
@media only screen and (max-width:1000px ) {
.con-7 {
}
}
@media only screen and (max-width:860px ) {
.con-8 {
 display: none;
}
}
@media only screen and (max-width:760px ) {
.con-8 {
 display: block;
}
.head-logo {
 display: none;
}
.con-1-1 p {
 display: none;
}
}