@charset "utf-8";
/* CSS Document */
body{padding:0;margin:0;font: 12px/1.5 "Microsoft YaHei",'',tahoma,Verdana,arial,sans-serif;}
a{text-decoration:none;outline:none;}
ul,li{ list-style:none;}

.con{ height:0px; width:100%;}
.con li{height:33px; width:auto; background:url() no-repeat 0 10px;} 
.con li a{font-size:16px; color:#333; padding-left:15px;     width: 70%;  overflow: hidden;  float: left; white-space: nowrap; text-overflow: ellipsis;}
.con li a:hover{ color:#0d59a7;}
.con li span{ font-size:16px; float:right; color:#a9a9a9;}
 

.content{width:1038px; height:auto; margin:0 auto; }
.top{width:1038px; height:314px;}
.top img{width:100%;}

.banner{width:100%; height:60px; background:#0d59a7;}
.banner a{width:173px; height:60px; float:left; font-size:18px; color:#FFF; line-height:60px; text-align:center}
.banner a:hover{color:#ffde00;}
.vsbcontent_img img{ max-width: 70% !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;}
.v_news_content p{text-indent: 2em;}
.mid{padding:20px 0px 0px 0px ;}
.mid .box{ width:100%; height:300px;}
.mid .box .imgbox{ width:444px; height:300px;  float:left;}
.mid .box .imgbox .slider-container { width:auto; height: 300px; overflow: hidden; position: relative;}
.mid .box .imgbox .slider-container .slider-wrapper { width: 5000em; /*Fix for prevent display errors*/ overflow: hidden; position: absolute; left: 0; top: 0; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease;}
.mid .box .imgbox .slider-container .slide { width: 444px; height: 300px; float: left; overflow: hidden; position: relative;}
.mid .box .imgbox .slider-container .slide img{ width:100%; height: 300px;}
.mid .box .imgbox .slider-container .slide .title{ width:100%; height: 45px; padding-left: 10px; font-size:15px; color: #fff; line-height: 36px; display: block; background:url() repeat; position: absolute; left:0; bottom:0;}
.mid .box .imgbox .slider-nav { width: 100%; text-align: right; position: absolute; bottom: 0px; right: 0px;}
.mid .box .imgbox .slider-nav li { padding: 3px; display: inline;}
.mid .box .imgbox .slider-nav .bullet { width: 10px; height: 10px; font-size:0px; background: url() no-repeat; background-size: 100%; display: inline-block; text-indent: -9000px; overflow: hidden;}
.mid .box .imgbox .slider-nav .active { background: url() no-repeat; background-size: 100%;}
.mid .box .imgbox .slider-nav .prev, .slider-nav .next {  width: 10px; height: 10px; display: none; /*display: inline-block;*/ overflow: hidden; text-indent: -9000px;}


.mid .box .new_box{ width:574px; height:300px;  float:left; margin-left:20px;}
.mid .box .new_box .title{ height:50px; background:#f1f1f1;}
.mid .box .new_box .title a{font-size:18px; font-weight:bold; color:#0d59a7; line-height:47px; border-bottom:3px solid #0d59a7; display:inline-block; padding:0px 15px 0px 20px;}
.mid .box .new_box .new_content{ height:250px; margin:15px 10px 0 0;}



.mid_box{ height:270px; border:1px solid #e2e2e2; margin-top:20px;}
.mid_box .f_title{height:49px; border-bottom:1px solid #0d59a7; background:#f1f1f1;}
.mid_box .f_title a{font-size:18px; font-weight:bold; color:#0d59a7; line-height:47px; border-bottom:3px solid #0d59a7; display:inline-block; padding:0px 15px 0px 20px;}
.mid_box .f_content{ height:200px;  margin:20px 10px 0 10px;}



.bottom{ height:147px; background:#f1f1f1; border-top:10px solid #0d59a7; margin-top:20px;}

.bottom p{ font-size:14px; color:#787878; line-height:107px; text-align:center;} 



/**/
.list_zt{ height:620px; margin-top:20px; border:1px solid #e2e2e2;}
.list_zt .list_title{height:49px; border-bottom:1px solid #0d59a7; background:#f1f1f1;}
.list_zt .list_title span{ font-size:18px; font-weight:bold; color:#0d59a7; line-height:47px; border-bottom:3px solid #0d59a7; display:inline-block; padding:0px 15px 0px 20px;}
.list_zt .list_content{ height:500px;  padding:20px 10px 0px 20px;}
.list_zt .next{height:50px;}



/**/

.content_zt{ min-height:600px; border:1px solid #e2e2e2; margin-top:20px;}





@media screen and (max-width:1024px){
 .content{ height:100%; margin:0 auto; width:100%; display:inline-block;}
 .content .top{ width:100%; height:auto;}
 .content .top img{width:100%;}
 .banner{width:100%; height:auto; display:inline-block;}
 .banner a{width:33.3%; height:auto; line-height:normal; float:left; font-size:14px; color:#FFF; padding: 10px 0 10px 0; background:#0d59a7;}
 
 .con li a{ width:70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float:left; font-size:14px;}
 .con li span{ font-size:14px;}
 
 .mid{ padding:5px 10px 0px 10px;}
 .mid .box{height:auto; display:inline-block;}
 .mid .box .imgbox{ width:100%; margin-top:10px;}
 .mid .box .new_box{ width:100%; margin:20px 0 0 0;}
 .mid .box .new_box .title a {font-size:16px; padding:0px 15px 0px 10px;}
 .mid .box .new_box .new_content {min-height:120px; height:initial;}
 .mid_box{margin: 10px 10px 0 10px; border: none; height: auto;}
 .mid_box .f_title a { font-size:16px; padding: 0px 15px 0px 10px;}
 .mid_box .f_content { min-height:120px; height:initial;}
 .bottom{ height:110px;}
 .bottom p{ font-size:12px; line-height:30px;  width: 80%; margin: 20px auto;} 
 
 
 /*列表页面*/
 .list_zt{ margin:10px 10px 0 10px; min-height:400px; height:initial;}
 .list_zt .list_content{ min-height:300px;  padding:20px 10px 0px 20px; height:initial;}
 .list_zt .next{display: none;}
 
 /*内容页面*/
 .content_zt{ margin:20px 10px 0 10px;}
 .content_zt img{width:100%;}

}