body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;

}
.img_vsb_content { height: auto;}
#page-list {font-family: Arial; text-align: center;}
#page-list .p_pages a,#page-list span{font-size: 14px; width: auto; height: auto;}
#page-list .p_pages a, #page-list .p_no_d, #page-list .p_fun_d{padding: 6px 8px; border: 1px solid #aaa; border-radius: 4px; color: #428bca;}
#page-list .p_pages .p_no_d, #page-list a:hover{background: #059b9a; font-weight: bold; color: #fff; border-color: #059b9a;}
#page-list .p_t{ padding: 0 25px 0 0; color: #777;}
#page-list .p_first, #page-list .p_first_d, #page-list .p_last, #page-list .p_last_d{display: inline-block;}
#page-list .p_pages span{color: #aaa;margin: 5px 3px;}
.yj-box .img-hide{height: auto; max-height: none;}
.img-hide{ overflow:hidden; max-height: 290px;}
#vsb_content .vsbcontent_img {  text-indent: 0;  }
#vsb_content .vsbcontent_img img { height: auto !important; } 
.img-hide img{ transition: 0.5s all; transform: scale(1.05,1.05); min-height: 290px; }
.img-hide:hover img{ transform: scale(1,1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
img{ max-width:100%;}
.container{ width: 1230px; }
.header{ height: 30px; background: #059b9a; }
.header .container{ width: 1550px; }
.header-a{ color: #fff; line-height: 30px; }
.header-a a{ display: inline-block; margin:0 20px; color: #fff; }
.search-a{ display: block; float: left; width: 40px; position: absolute; right: 0; z-index: 10; height: 30px; background:#999 url(../images/search.png) center no-repeat; }
.search-box{ position: relative; transition: 0.5s all; width: 40px; height: 30px; overflow:hidden; }
.search-box:hover{ width: 260px; }
.search-box-left{ position: absolute; left: 0; width: 260px; height: 30px; padding-right: 40px;  }

.search-box-left .form-control{ height: 30px; border-radius: 0; border:none; }
.header-top .container{ width: 1550px; }
.header-top{ position: relative; z-index: 100000; }
.logo{ padding:12px 0; }
.nav-list li{ float: left; position: relative; padding:15px; margin-top: 15px; }
.nav-list li a{ font-size: 18px; color: #000; display: block; }
.nav-list li:before{ display: block; content: ""; position: absolute; right: 0; top: 50%; height: 18px; border-right: solid 1px #e5e5e5; margin-top: -9px; }
.nav-list li:last-child:before{ display: none; }
.nav-down{ position: absolute; left: 50%; display: none; right: 0; background: #fff; top: 100%; padding:5px 0; border-top: solid 2px #059b9a; box-shadow: 0px 0px 5px #bbb;width:210px;margin-left:-105px;}
.nav-list li:hover .nav-down{ display: block; }
.nav-down li{ float: none; margin:0!important; padding:0!important; }
.nav-down li:before{ display: none; }
.nav-down li a{ display: block; text-align: center; line-height: 40px; font-size: 16px; color: #000; }
.nav-list li a:hover{ color: #059b9a; }
.nav-list{ margin: 30px -20px 10px 0; }
.header-top{ border-bottom: solid 5px #999; }
.banner{ overflow:hidden; background: url(../images/banner-back.png) center no-repeat; background-size: cover; }
.banner .slick{ margin:0;}
.banner .slick img{ width: 100%; }
.title{ font-size: 26px; margin-bottom: 20px; color: #000; border-bottom: solid 2px #059b9a; padding-bottom: 15px; margin-top: 30px; }
.title a{ float: right; font-size: 14px; color: #666; padding-right: 23px; background: url(../images/more.png) right center no-repeat; margin-top: 15px; }
.news-img a{ display: block; position: relative; padding-top: 47.5%; overflow:hidden; }
.news-img a img{ position: absolute; left: 0; right: 0; top: 0; width: 100%; }
.news-img a span{ position: absolute; left: 0; bottom: 0; color: #fff; padding:0 15px; background: #999; line-height: 27px; }
.news-img-bottom{ background: #f6f6f6; border-bottom: solid 2px #dcdcdc; padding:20px; height: 230px; }
.news-img-tt a{ font-size: 22px; color: #000; }
.news-img-p{ color: #666; text-align: justify; line-height: 25px; max-height: 100px; overflow:hidden; margin:10px 0 30px 0; }
.img-more{ display: inline-block; transition: 0.5s all; width: 45px; height: 7px; background: url(../images/raw.png) center right no-repeat; }
.img-more:hover{background: url(../images/more02.png) center right no-repeat; width: 57px; }
.notice-box{ border:solid 1px #eee; border-bottom: solid 2px #dcdcdc; height: 508px; padding:20px; }
.notice-date span{color: #fff; padding:0 15px; background: #999; line-height: 27px; display: inline-block;}
.notice-title a{ font-size: 22px; color: #000; text-decoration: underline!important; }
.notice-title{ height: 62px; overflow:hidden; margin:10px 0; }
.notice-top .news-img-p{ height: 75px; }
.notice-top{ border-bottom: solid 1px #eee; }
.news-list li{ position: relative; padding-right: 90px; line-height: 40px; }
.news-list li span{ position: absolute; right: 0; top: 0; color: #666; }
.news-list li a{ font-size: 16px; color: #000; }
.news-list{ margin-top: 10px; }
.lind{ height: 10px; background: url(../images/lind.png) center repeat-x; margin:30px 0 40px 0; }
.yj-box-tt{ font-size: 26px; color: #000; }
.yj-box-b{ color: #666; margin-top: 15px; }
.yj-box{ background: url(../images/yj-back.png) right center no-repeat; height: 530px; position: relative; padding-right: 40px; }
.yj-more{ font-size: 14px; position: absolute; color: #666; padding-right: 23px; background: url(../images/more.png) right center no-repeat; right: 40px; top: 28px; }
.yj-slick-box{ position: relative; }
.yj-slick-img img{ width: 712px; height: 390px; }
.yj-slick{ margin-top: 30px; }
.yj-txt{ width: 571px; height: 286px; padding:40px; background: url(../images/yj-txt.png) center no-repeat; position: absolute; right: 0; top: 50%; margin-top: -143px; }
.yj-txt .news-img-p{ height: 75px; }
.yj-txt .notice-date{ margin-bottom: 10px; }
.yj-slick .slick-dots{ left: 50%; bottom: 30px; margin-left: 160px; width: auto; }
.yj-slick .slick-dots li,.yj-slick .slick-dots li button{ width: 10px; height: 10px; background: #bfbfbf; border-radius: 50%; padding:0; }
.yj-slick .slick-dots li.slick-active button{ background: #999; }
.yj-slick .slick-dots li button:before{ display: none; }
.hd-title{ font-size: 28px; color: #000; margin-bottom: 25px; }
.hd-img img{ width: 100%; }
.hd-border{ border:solid 1px #ddd; position: relative; height: 240px; margin-top: 10px; padding:15px 20px; }
.hd-title-b a{ font-size: 20px; color: #000; }
.hd-title-b{ text-align: justify; height: 56px; overflow:hidden; }
.news-img-p-sm{ height: 75px; }
.hd-border-lg{ height: 394px; padding:20px; margin-top: 0; }
.hd-date{ background: url(../images/icon-date.png) left top no-repeat; margin-bottom: 20px; padding-top: 5px; padding-left: 30px; line-height: 30px; margin-left: 30px; font-size: 22px; color: #a30003; }
.hd-date span{ font-size: 50px; }
.hd-border-img{ padding-top: 5px; }
.hd-title-lg{ height: 84px; }
.hd-border:before{ display: block; content: ""; right: 10px; bottom: 10px; position: absolute; width:11px; height: 11px; background: url(../images/icon-hd.png) center no-repeat; }
.hd-right-img img{ width: 100%; }
.hd-border-sm{ height: 104px; }
.footer{ background:#059b9a; padding-top: 35px; }
.footer-tt{ font-size: 22px; color: #fff; line-height: 22px; margin-bottom: 30px; }
.footer-list li{ float: left; margin-right: 20px; margin-bottom: 10px; }
.footer-list li a{ display: block; width: 230px; line-height: 38px; padding-left: 10px; border:solid 1px #fff; color:#fff ; }
.footer-left{ width: 50%; border-right: dashed 1px #048887; }


    .footer-p{width: 24%;
    display: block;
    float: left;
    margin: 0 13%;}
    .footer-p img{width:100%;}

   .pull-right1{width:50%;}

.footer-p p{ font-size: 16px; color: #fff; }

.footer-bottom{ border-top: solid 1px #048887; font-size: 16px; color: #fff; padding:15px; margin-top: 25px; }
.notice-title a:hover,.news-img-tt a:hover,.news-list li a:hover,.hd-title-b a:hover{ text-decoration: underline!important; color: #059b9a; }
.banner .slick-prev{ width: 22px; height: 40px; opacity: 0; left: 40px; text-indent: -96999px; background: url(../images/left.png) center no-repeat; margin-top: -20px; }
.banner .slick-next{ width: 22px; height: 40px; opacity: 0; right: 40px; text-indent: -96999px; background: url(../images/right.png) center no-repeat; margin-top: -20px; }
.banner:hover .slick-prev,.banner:hover .slick-next{ opacity: 1; }
.footer-list li a:hover{ background: #999; border-color: #999; color: #fff;}
.yj-slick-img{ width: 62%; }
.title a:hover,.yj-more:hover{ background: url(../images/add.png) right center no-repeat; color: #059b9a; }
.hd-border .news-img-p{ height: 75px; }
.nav-click{ display: none; }
.menu-button { display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #059b9a; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
/************列表页************/
.list-box{ background: url(../images/bjss.jpg); padding: 0 0 60px; }
.nav-b{ background: rgba(0,0,0,0.1); height: 40px; color: #999; line-height: 40px; margin-bottom: 60px; }
.nav-b a{ color: #999; }
.list-left{ width: 300px; position: relative; background: #fff; box-shadow: 0 0 10px #ddd; }
.left-top{ height: 150px; background: #059b9a; line-height: 30px; background-size: cover; padding-left: 25px; padding-top: 45px; font-size: 28px; color: #fff; }
.left-top span{ font-size: 14px; opacity: 0.5; text-transform:uppercase; }
.left-nav li a{ display: block; padding:0 25px; position: relative; line-height: 65px; font-size: 18px; color: #333; }
.left-nav li a:before{ display: block; content: ""; left: 25px; right: 25px; bottom: 0; border-bottom: solid 1px #f3f3f3; }
.left-nav li a:hover,.left-nav li.active a{ color: #fff; background: #999; }
.left-nav li a:hover:before,.left-nav li.active a:before{ opacity: 0; }
.left-nav li a:hover:after,.left-nav li.active a:after{ display: block; content: ""; position: absolute; right: 25px; top: 0; bottom: 0; width: 9px; background: url(../images/icon-a.png) center no-repeat; }
.right-width{ width: 860px;min-height:400px; }
.right-title{ font-size: 30px; color: #000; line-height: 30px; border-bottom: solid 2px #059b9a; padding-bottom: 40px; margin-bottom: 20px; }
.list-img img{ width: 100%; }
.list-date{ font-size: 18px; color: #595757; }
.list-title a{ font-size: 24px; color: #595757; }
.list-title{ max-height: 68px; overflow:hidden; margin:10px 0; }
.lb-ul li{ border-top: solid 1px #e5e5e5; height: 142px; position: relative; padding-left: 104px; padding-top: 30px;  }
.lb-ul-date{ position: absolute; left: 0; top: 30px; width: 73px; height: 80px; background: #eee; color: #666; text-align: center; padding-top: 3px; }
.lb-ul-date span{ display: block; border-top: solid 1px #fff; font-size: 36px; margin-top: 3px; line-height: 40px; padding-top: 5px; }
.lb-ul{ margin-top: 30px; padding-right: 40px; border-bottom: solid 1px #e5e5e5; }
.lb-ul-tt a{ font-size: 18px; color: #222; }
.lb-ul-tt{ margin-top: -3px; }
.lb-ul-p{ color: #666; line-height: 25px; height: 50px; overflow:hidden; margin-top: 10px; }
.page-box{ margin:75px 0 45px 0; }
.list-row{ padding-right: 40px; }
/**********内页*********/
.article-txt p{ color: #666; text-align: justify; line-height: 32px; margin-bottom: 20px; }
.teacher-p{ font-size: 16px; color: #666; }
.teacher-name a{ font-size: 18px; color: #337ab7; font-weight: bold; }
.teacher-list li{ float: left; width: 25%; padding:0 10px; margin-bottom: 35px; }
.teacher-name{ margin:10px 0 5px 0; }
.teacher-list{ margin:0 -10px -30px -10px; }
.img-list li{ float: left; width: 33.333333%; margin-bottom: 35px; padding:0 10px; }
.img-list{ margin:0 -10px -30px -10px; }

.img-list-tt a{ font-size: 20px; color: #000; }
.img-list-tt{ margin-top: 20px; }
.nav-b a:hover,.img-list-tt a:hover,.teacher-name a:hover,.lb-ul-tt a:hover,.list-title a:hover{ color: #059b9a; }












@media( max-width: 1599px){
	.header .container,.header-top .container{ width:1230px; }
	.nav-list li{ padding:20px 5px; }
	.nav-list{ margin-right: -5px }
}
@media( max-width: 1279px){
.left-nav li a:hover:after, .left-nav li.active a:after { background:transparent; }
	.container{ width: 970px!important; }
	.logo img{ width: 200px; }
	.nav-list li a{ font-size: 14px; }
	.nav-list li{ padding:20px 4px; margin-top: 3px; }
	.nav-list{ margin-right: -10px }
	.news-list li{ line-height: 30px; }
	.notice-box{ height: 446px; }
	.hd-date{ margin-left:10px; font-size: 14px; }
	.hd-date span{ font-size: 28px; }
.hd-border-lg { height:360px; } 
	.hd-border-sm{ height: 132px; }
	.footer-list li a{ width: 194px; }
	.footer-left{ width: 460px; }
	.list-left{ width: 250px; }
	.right-width{ width: 660px; }
	.list-row,.lb-ul{ padding-right: 0; }
	.list-row .news-img-p{ height: 50px; }
	.teacher-list li{ width: 33.333333%; }

}
@media( min-width: 1024px){
.list-box{
min-height:550px;
}
}
@media( max-width: 991px){
.search-box,.search-box-left{ width: 150px !important; }
.img-hide{  max-height: none;}
.img-hide img{min-height: auto;}
	.container{ width: 750px!important; }
	.header .container,.header-top .container{ width:100%!important; }
	.header-top{ height: 52px; border-bottom: solid 2px #999; }
	.news-img-bottom{ height: 282px; }
	.dh-box .col-xs-3{ width: 50%; }
	.col-xs-6,.col-xs-8,.col-xs-4{ width: 100%;}
	.dh-box .col-xs-6{ margin-top: 20px; }
.hd-border-lg { height:394px; }
	.hd-border-sm{ height: 100px; }
	.footer-left{ width: 100%; border:none; margin-bottom:20px;}
       .pull-right{ width: 100%;}
	.nav-list{ position: absolute; display: none; border-top: solid 2px #999; left: 0; top: 100%; right: 0; background:#fff; }
	.nav-list li{ float: none; width: 100%; padding:0; margin:0; position: relative; }
	.nav-list li a{ font-size: 16px; padding:0 15px; line-height: 40px; }
	.menu-button{ display: block; position: absolute; }
	.nav-down{ display: none; position: static; margin:0;background: none; width: 100% !important; }
	.nav-down li a{ color: #333; text-align: left; padding-left: 25px; }
	.nav-list li:hover .nav-down{ display: none; }
	.nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
	.nav-click.active{ transform: rotate(180deg); }
	.logo{ padding:10px 0; }
	.logo img{ width: auto; height: 30px; }
	.news-img-bottom{ height: auto; padding-bottom: 30px; }
	.list-left{ width: 200px; }
	.right-width{ width: 500px; }
	.list-date{ margin-top: 15px; }
	.list-row .news-img-p{ margin:0; }
	.teacher-list li{ width: 50%; }
	}
@media( max-width: 767px){
body { overflow-x: hidden; }
	.container{ width: 100%!important; }
	.banner .container{ padding:0; }
	.banner .slick-prev{ left: 15px; opacity: 1; }
	.banner .slick-next{ right: 15px; opacity: 1; }
	.title{ font-size: 24px; color: #333; margin-top: 20px; padding-bottom: 5px; }
	.title a{ margin-top: 8px; }
	.news-img-tt a,.notice-title a{ font-size: 18px; }
	.notice-title{ height: 50px; }
	.news-img-p{ margin-bottom: 15px; }
	.notice-box{ height: auto; padding-bottom: 20px; }
	.yj-slick-img{ width: 100%; }
	.yj-slick-img img{ width: 100%; height: auto; }
	.yj-txt{ position: static; width: 100%; height: auto; background: #fff; margin:20px 0 0 0; padding:0; }
	.yj-box{ background: none; padding:0 0 20px 0; height: auto; }
	.yj-slick .slick-dots{ left: 0; width: 100%; bottom: -20px; margin:0; }
	.dh-box .col-xs-3{ width: 100%; margin-bottom: 20px; }
	.hd-border-lg{ height: auto; padding-bottom: 30px; }
	.hd-title-b a{ font-size: 18px; }
	.hd-title-b{ height: 50px; }
	.footer-list li a{ font-size: 12px; width: 100%; }
	.footer-list li{ width: 50%; padding:0 5px; margin:0 0 10px 0; }
	.footer-list{ margin:0 -5px 0px -5px; }
	.footer-p p{ font-size: 14px; margin-bottom: 5px; }
	.footer-tt{ font-size: 18px; margin-bottom: 20px; }
	.hd-title{ font-size: 24px; }
	.search-box:hover{ width: 150px; }
	.header-a a{ margin:0 5px; }
	.news-list li a{ font-size: 14px; }
	.lind{ margin:20px 0; }
	.yj-more{ right: 0; top: 12px; }
	.yj-slick{ margin-top: 20px; }
	.footer-right{ width: 100%; text-align: center; padding-top: 20px; }
	.footer-bottom{ font-size: 12px; padding:10px 15px; }
	.footer{ margin-top: 30px; padding-top: 20px; }
	.hd-border{ height: auto; }
	.list-left{ width: 100%; }
	.left-top{ height: 80px; padding-top: 10px; }
	.left-nav li a{ line-height: 50px; }
	.nav-b{ margin-bottom: 30px; }
	.right-width{ width: 100%; min-height:100px;}
	.right-title{ font-size: 18px; padding-bottom: 10px; margin-top: 30px; }
	.list-title a{ font-size: 18px; }
	.list-title{ height: 50px; }
	.page-box{ margin:30px 0 0 0; }
	.teacher-p{ font-size: 12px; }
	.teacher-name a{ font-size: 16px; }
	.teacher-list li{ margin-bottom: 20px; }
	.teacher-list{ margin-bottom: -20px; }
	.img-list li{ width: 50%; margin-bottom: 15px; }
	.img-list{ margin-bottom: 5px; }
	.img-list-tt a{ font-size: 14px; }
	.img-list-tt{ margin-top: 10px; }
}
@media( max-width: 360px) {
.search-box,.search-box-left{ width: 140px !important; }
.footer-p{width: 36%; margin: 0 7%;}

}