@charset "utf-8";
* {
 padding: 0;
 margin: 0;
}
ul li,
a,
p {
 border: none;
 text-decoration: none;
 list-style: none;
 padding: 0;
 margin: 0px;
}
body {
 font-size: 16px;
 color: #333333;
 font-family: "Microsoft YaHei";
}
img {
 border: none;
}
a {
 cursor: pointer;
 color: #333333;
}
.center {
 width: 1400px;
 margin: 0px auto;
}
.clear {
 clear: both;
}
.x3 ul li{}
.top {
 width: 100%;
 min-height: 160px;
 position: relative;
 background: #033771;
}
.logo {
 overflow: hidden;
 float: left;
}
.logo img {
 max-width: 100%;
 height: auto;
 margin: 36px 0px;
}
#vsb_content_4 table tr td{border:1px solid}
.logo-r {
 float: right;
 margin-top: 30px;
}
.logo-r .lj {
 color: #FFFFFF;
 font-size: 14px;
 text-align: right;
}
.logo-r .lj a {
 color: #fff;
 margin: 0px 5px;
}
.ss {
 width: 220px;
 font-size: 16px;
 cursor: pointer;
 position: relative;
 margin-top: 17px;
}
.ss .inp {
 width: 220px;
 border: none;
 height: 40px;
 outline: none;
 color: #FFFFFF;
 text-indent: 10px;
 background: none;
 background: url(../img/sebox.png) no-repeat 0px 0px;
}
.ss .btn {
 border: none;
 position: absolute;
 top: 8px;
 right: 8px;
 width: 23px;
 height: 23px;
 outline: none;
 background: url(../img/serch.png) no-repeat 0px 0px;
}
input::-webkit-input-placeholder {
 color: #FFFFFF;
}
input::-moz-placeholder {
 
 color: #FFFFFF;
}
input:-moz-placeholder {
 
 color: #FFFFFF;
}
input:-ms-input-placeholder {
 
 color: #FFFFFF;
}
.nav {
 width: 100%;
 height: 50px;
 background: url(../img/navbg.png) no-repeat 0px 0px;
}
.nav ul li {
 float: left;
 width: 8.3%;
 position: relative;
}
.nav ul li>a {
 text-align: center;
 line-height: 50px;
 color: #fff;
 display: block;
}
.nav ul li.on>a,
.nav ul li:hover>a {}
.nav ul li:hover .subNav {
 display: block;
}
.subNav {
 
 font-size: 14px;
 position: absolute;
 left: 0;
 top: 50px;
 display: none;
 z-index: 999;
 width: 170px;
 background: #fff;
 background: rgba(3, 55, 113, 0.8);
}
.subNav a {
 color: #fff;
 width: 100%;
 display: block;
 line-height: 40px;
 text-align: center;
 font-weight: bold;
 font-size: 15px;
}
.subNav a:hover {
 background: #033771;
 color: #FFFFFF;
}
#dt .rslides {
 position: relative;
 list-style: none;
 overflow: hidden;
 width: 100%;
 padding: 0;
 margin: 0;
}
#dt .rslides li {
 -webkit-backface-visibility: hidden;
 position: absolute;
 display: none;
 width: 100%;
 left: 0;
 top: 0;
}
#dt .rslides li:first-child {
 position: relative;
 display: block;
 float: left;
}
#dt .rslides img {
 display: block;
 height: auto;
 float: left;
 width: 100%;
 border: 0;
}
#dt .slide_container {
 position: relative;
 float: left;
 width: 100%;
}
#dt .slide {
 position: relative;
 list-style: none;
 overflow: hidden;
 width: 100%;
 padding: 0;
 margin: 0;
}
#dt .slide li {
 position: absolute;
 width: 100%;
 left: 0;
 top: 0;
}
#dt .slide img {
 display: block;
 position: relative;
 z-index: 1;
 height: auto;
 width: 100%;
 border: 0;
}
#dt .slide .caption {
 display: block;
 position: absolute;
 z-index: 2;
 font-size: 20px;
 text-shadow: none;
 color: #fff;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 10px 20px;
 margin: 0;
 max-width: none;
}
#dt .slide_nav {
 position: absolute;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 top: 50%;
 opacity: 0.7;
 z-index: 3;
 text-indent: -9999px;
 overflow: hidden;
 text-decoration: none;
 height: 65px;
 width: 34px;
 margin-top: -30px;
}
#dt .slide_nav:active {
 opacity: 1.0;
}
#dt .slide_nav.prev {
 left: 15%;
 background: url(../img/datu_l.png) no-repeat center center;
}
#dt .slide_nav.next {
 right: 15%;
 background: url(../img/datu_r.png) no-repeat center center;
}
#dt .slide1_tabs {
 z-index: 100;
 left: 50%;
 margin-left: -40px;
 text-align: center;
 bottom: 20px;
 position: absolute;
}
#dt .slide1_tabs li,
.slide2_tabs li {
 display: inline-block;
 width: 12px;
 height: 12px;
 margin-left: 15px;
 border-radius: 10px;
 background: #D3D5D1;
 position: relative;
}
#dt .slide1_tabs li a,
.slide2_tabs li a {
 display: inline-block;
 width: 12px;
 height: 12px;
 border-radius: 10px;
 position: absolute;
 left: 0;
 z-index: 1000;
 color: rgba(100, 200, 300, 0);
 color: transparent;
}
#dt .slide1_tabs li.slide_here a,
.slide2_tabs li.slide_here a {
 background: #033771;
}
.main1{
 padding: 35px 0px;
 box-sizing: border-box;
 overflow: hidden; 
 width: 100%;
 background-color: #f4f4f4;
 min-height: 490px;
}
.tz{
 width: 33.5%;
 float: left;
}
.comtop{
 height: 40px;
 line-height: 30px;
}
.comtop .tit{
 float: left;
}
.comtop .more{
 float: right;
 color: #666666;
 font-size: 14px;
}
.tz  ul li {
 height: 60px;
 margin-top: 15px;
 padding: 12px;
 box-sizing: border-box;
 background: #FFFFFF;
}
.tz  ul li .rq{
 float: left;
 font-size: 14px;
 text-align: right;
 color: #e8a402;
 width: 77px;
 padding-right: 20px;
 box-sizing: border-box;
 border-right: 1px solid #CFD2D7;
}
.tz  ul li .rq span{
 display: block;
}
.tz  ul li a{
 float: right;
 width: 353px;
 font-size: 14px;
 overflow: hidden;
 height: 42px;
}
.more:hover{color: #033771;}
.tz  ul li:hover{background: #033771;}
.tz  ul li:hover a{color: #FFFFFF;}
.new{
 width: 33.5%;
 float: left;
 margin: 0px 2%;
}
.ghbotst{
 overflow: hidden;
 margin-top: 20px;
 margin-bottom: 10px;
 background: #FFFFFF;
}
.ghbotst .pic{
 width: 180px;
 height: 136px;
 overflow: hidden;
 float: left;
}
.btzy{
 float: left;
 width: 288px;
 padding: 20px 20px 15px 20px;
 box-sizing: border-box;
}
.btzy .bt{
 font-size: 16px;
 color: #333333;
 margin-bottom: 10px;
}
.btzy .bt:hover{
 color: #033771;
}
.btzy .zy{
 font-size: 14px;
 color: #666666;
 line-height: 20px;
 height: 42px;
 overflow: hidden;
}
.tylist  li{
 line-height: 37px;
 height: 37px;
 text-indent:15px;
 background: url(../img/newd.png) no-repeat 0px center;
}
.tylist li a{
 font-size: 14px;
 float: left;
 color: #333333;
 overflow:hidden; 
 text-overflow:ellipsis; 
 white-space:nowrap;
 width: 78%;
}
.tylist  li span{
 font-size: 14px;
 color: #757575;
 float: right;
}
.tylist  li:hover a,.tylist li:hover span{color: #033771;}
.kstd{
 float: right;
 width: 29%;
 height: 415px;
 background: url(../img/iconbg2025.png) no-repeat 0px 0px;
}
.kuai li{
 float: left;
 width: 50%;
 height: 132px;
}
.kuai_pic img{
 display: block;
 margin: 32px auto;
 transition: 1s;
 height: 42px;
}
.kuai li p{
 text-align: center;
 color: #FFFFFF;
 font-size: 13px;
}
.kuai li:hover .kuai_pic img{
 transform: rotateY(180deg);
 transition: 1s;
}
.main2{
 padding: 35px 0px;
 box-sizing: border-box;
 overflow: hidden;
}
.zbg,.ybg{
 float: left;
 width: 50%;
}
.zbg .zleft1 .zlm{
 width: 110px;
 height: 130px;
 font-size: 20px;
 color: #FFFFFF;
 font-weight: bold;
 padding: 38px 32px;
 box-sizing: border-box;
 background: url(../images/zbg.png) no-repeat 0px 0px;
 letter-spacing: 3px;
 float: left;
}
.ybg .zleft1 .zlm{
 background: url(../images/ybg.png) no-repeat 0px 0px;
}
.zbg ul{
 float: left;
 width: 84.2%;
 min-height: 101px;
 padding-top: 10px;
 box-sizing: border-box;
 background: #D9E6F4;
 min-height: 131px;
 border-bottom: 1px solid #FFFFFF;
}
.zbg ul li{
 float: left;
 width: 24%;
 margin-bottom: 9px;
 margin-left: 25px;
}
.zbg ul li a{
 font-size: 14px;
}
.zbg ul li:hover a{color: #033771;}
.zbg .wt{}
.roll-wrap ul{overflow: hidden;position: absolute;top: 0px;height: 240px;}
.roll-wrap ul li{
 float: left;
 margin: 0px 5px;
 position: relative;
 height: 240px;
}
.tab {
 position: relative;
 
}
.roll-wrap ul li p{
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 100%;
 background: #EFF0F1;
 height: 50px;
 line-height: 50px;
 text-align: center;
}
.roll-wrap ul li:hover p{
 color: #FFFFFF;
 background: #033771;
}
.tab-hd {
 width: 100%;
 height: 50px;
 box-sizing: border-box;
}
.tab-hd li{
 float: left;
 cursor: pointer;
 width: 190px;
}
.tab-hd h2{
 font-weight: normal;
 font-size: 26px;
}
.tab-hd .active h2{
 color: #033771;
 font-weight: normal;
 background: url(../img/sty.png) no-repeat 2px 15px;
}
.tab-bd .more{
 position: absolute;
 top: -41px;
 right: 0px;
 color: #666666;
 font-size: 14px;
 z-index: 999999;
}
.tab-bd{
 margin-top: 5px;
 height: 240px;
}
.tab-bd>li {
 display: none;
 position: relative;
}
.tab-bd .thisclass {
 display: block;
}
.footer{
 width: 100%;
 height: 160px;
 border-top: 5px solid #093869;
 margin-top: 50px;
 background: url(../img/ywbg.png) no-repeat 0px 0px;
 overflow: hidden;
 color: #FFFFFF;
 font-size: 14px;
}
.ywlogo{
 float: left;
 margin-top: 40px;
}
.ywlogo img{width: 100%;}
.bqxx{
 float: left;
 line-height: 30px;
 margin-top: 20px;
 padding: 0px 23%;
 box-sizing: border-box;
}
.wx{
 float: right;
 text-align: center;
 margin-top: 20px;
}
.wx span{
 display: block;
}
.listcon{
 margin-top: 20px;
}
.conleft{
 width: 17.1%;
 float: left;
}
.conleft .yj{
 height: 90px;
 background: url(../img/yjbg.png) no-repeat 0px 0px;
 font-size: 30px;
 color: #FFFFFF;
 text-indent: 35px;
 line-height: 90px;
}
.conleft ul{
 background: #fefdfd;
 overflow: hidden;
 border: 1px solid #d5d3cb;
 border-left: 8px solid #c9ccd0;
 border-bottom: 8px solid #c9ccd0;
}
.conleft ul li{
 height: 50px;
 line-height: 50px;
 background: #FFFFFF;
 text-indent: 28px;
 border-bottom: 1px solid #d5d3cb; 
}
.conleft ul li a{
 color: #333333;
 font-size: 16px;
}
.conleft .active{
 background: #ece1bc;
}
.conleft .active a{
 color: #033771;
 font-size: 16px;
 font-weight: bold;
}
.conright{
 float: right;
 width: 80%;
 margin: 15px 0px 30px;
 background: #FFFFFF;
 padding: 20px 15px;
 box-sizing: border-box;
 box-shadow: 2px 3px 3px #c4d2e2, -2px -2px 3px #c4d2e2;
 min-height: 400px;
}
.ritop{
 margin-bottom: 10px;
 overflow: hidden;
 height: 40px;
 background: url(../img/dqbot.png) no-repeat 0px bottom;
}
.ritop .ggtop{float: left;border-bottom:none}
.ggtop .lm{
 font-size: 20px;
 color: #033771;
 float: left;
 text-indent: 10px;
 border-left: 5px solid #033771;
 font-weight: bold;
}
.dq{
 float: right;
 color: #666666;
 margin-top: 3px;
}
.dq a{
 font-size: 14px;
 color: #666666;
}
.conright .listul li{
 line-height: 50px;
 height: 50px;
 background: url(../img/listd.png) no-repeat 0px center;
 text-indent: 15px;
 color: #333333;
 border-bottom: 1px dashed #cccccc;
}
.conright .listul{
 padding: 0px 10px;
 box-sizing: border-box;
}
.conright .listul li a{
 float: left;
 color: #333333;
 font-size: 14px;
 overflow:hidden; 
 text-overflow:ellipsis; 
 white-space:nowrap;
 width: 80%;
}
.conright .listul li .sj{
 float: right;
 color: #888888;
 font-size: 14px;
}
.conright .listul li:hover a{color: #033771;}
.conright .listul li:hover .sj{color: #033771;}
.fan{margin: 30px 0px;text-align: center;}
.nt img{width: 100%;}
.article{padding: 0px 30px;}
.article .arti-title {
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    margin-top: 30px;
    color: #333333;
    font-weight: bold;
}
.article .arti_metas {
    padding: 20px 0px 22px 0px;
    text-align: center;
    border-bottom: 1px dashed #cccccc;
}
.article .arti_metas span {
    color: #999999;
    font-size: 14px;
    text-indent: 22px;
    display: inline-block;
}
.article .read{
 padding: 20px 0px 20px 0px;
 line-height: 25px;
}
.nx{color: #333;font-size: 14px;}
.nx a{color: #666666;font-size: 14px;margin-bottom: 20px;display: inline-block;}
.nx .up:hover a ,.nx .down:hover a{color: #033771;}
.tulist{padding: 20px 10px; box-sizing: border-box;}
.tulist li{
 float: left;
 width: 32%;
 max-width: 340px;
 margin-right: 2%;
 overflow: hidden;
 margin-bottom: 30px;
}
.tulist .wt{margin-right: 0%;}
.rqbt{background: #ecf1f7;height: 60px;overflow: hidden;}
.tulist li span{
 display: block;
 font-size: 14px;
}
.tulist .rq{
 float: left;
 background: #033771;
 width: 60px;
 height: 60px;
 color: #FFFFFF;
 font-size: 20px;
 text-align: center;
 padding: 7px 0px;
 box-sizing: border-box;
}
.tulist .bt{
 float: left;
 width: 280px;
 padding: 11px 10px;
 box-sizing: border-box;
 font-size: 14px;
 height: 50px;
 overflow: hidden;
}
.tulist .tu{
 width: 100%;
 height: 210px;
 overflow: hidden;
 transition: all 3s;
}
.tulist .tu img{
 width: 100%;
 height: 210px;
}
.tulist li:hover .rqbt{background: #033771;}
.tulist li:hover .bt{color: #FFFFFF;border-left: 1px solid #FFFFFF;}
.tulist li:hover .tu{
 background: rgb(0,0,0,0.8);
}