@charset "utf-8";

/*公共样式*/
* {
	padding: 0;
	margin: 0;
}

ul li,
a,
p {
	border: none;
	text-decoration: none;
	list-style: none;
	font-family: "微软雅黑";
	padding: 0;
	margin: 0px;
}

body {
	font-size: 15px;
	color: #333333;
	font-family: "微软雅黑";
}

img {
	border: none;
}

a {
	color: #333333;
}

.center {
	width: 1200px;
	margin: 0px auto;
}

.clear {
	clear: both;
}
#vsb_content img{display:block;max-width: 100%;margin:0px auto;}
/*index*/

.top {
	width: 100%;
	min-height: 115px;
	/* overflow: hidden; */
	background: #013a65;
	position: relative;
}

.logo {
	overflow: hidden;
	float: left;
}

.logo img {
	max-width: 100%;
	height: auto;
	margin-top: 30px;
}

.logo-r {
	float: right;
	margin-top: 20px;
}

.logo-r .lj {
	color: #FFFFFF;
	font-size: 14px;
	margin-right: 30px;
	text-align: right;
}

.logo-r .lj a {
	color: #FFFFFF;
	margin: 0px 1px;
	font-size: 14px;
}

.ss {
	width: 195px;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	margin-top: 10px;
	background: url(../img/sebox.png) no-repeat 0px 0px;
}

.ss .inp {
	width: 140px;
	border: none;
	height: 37px;
	outline: none;
	color: #888888;
	text-indent: 10px;
	font-size: 14px;
	background: none;
}

.ss .btn {
	border: none;
	position: absolute;
	top: 8px;
	right: 10px;
	width: 21px;
	height: 22px;
	outline: none;
	background: url(../img/search.png) no-repeat 0px 0px;
}

input::-webkit-input-placeholder {
	color: #888888;
}

input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #888888;
}

input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #888888;
}

input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #888888;
}


/*导航*/
#nav {
	width: 100%;
	background: #012c4c;
	height: 55px;
}

#nav ul li {
	float: left;
	width: 12%;
	position: relative;
	text-align: center;
	height: 55px;
}

#nav ul li>a {
	line-height: 55px;
	font-size: 18px;
	display: block;
	color: #FFFFFF;
}

/* #nav ul li.on>a,
#nav ul li:hover>a {
	color: #11618a;
}
 */
.subNav {
	width: 100%;
	font-size: 14px;
	position: absolute;
	top: 55px;
	display: none;
	width: 100%;
	z-index: 999;
}

.subNav a {
	background: #274b67;
	width: 100%;
	display: block;
	line-height: 36px;
	text-align: center;
	white-space: normal;
	font-size: 14px;
	color: #FFFFFF;
}

#nav ul li:hover .subNav {
	display: block;
}

.subNav a:hover {
	background: #e9edf0;
	color: #012c4c;
}

/* banner */
#dt {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.swiper img{width:100%}
#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: 400px; */
	width: 100%;
	border: 0;
}

#dt .dtxt {
	position: absolute;
	left: 48%;
	top: 110px;
	z-index: 999;
	width: 32%;
	text-indent: 30px;
	line-height: 39px;
}

#dt .dtxt a {
	color: #FFFFFF;
	display: block;
}

#dt .dtxt .bt {
	font-size: 18px;
	font-weight: bold;
}

#dt .slide .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	background: #000;
	background: rgba(0, 0, 0, .8);
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 20px;
	file: ///C:/Users/admin/Desktop/20%E7%A7%91%E5%8F%91%E9%99%A2/index.html#
		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: 82px;
	width: 82px;
	margin-top: -30px;
}

#dt .slide_nav:active {
	opacity: 1.0;
}

#dt .slide_nav.prev {
	left: 1%;
	background: url(../img/datu_l.png) no-repeat center center;
}

#dt .slide_nav.next {
	right: 1%;
	background: url(../img/datu_r.png) no-repeat center center;
}

#dt .slide1_tabs {
	position: absolute;
	bottom: 20px;
	right: 3%;
	z-index: 100;
	text-align: center;
	display: none;
}

#dt .slide2_tabs {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 100;
	text-align: center;
}

#dt .slide1_tabs li,
.slide2_tabs li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 12px;
	position: relative;
	border-radius: 50%;
	background: #FFF;
}

#dt .slide1_tabs li a,
.slide2_tabs li a {
	display: inline-block;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	z-index: 1000;
	color: transparent;
}

#dt .slide1_tabs li.slide_here a,
.slide2_tabs li.slide_here a {
	background: #B83638;
}

.callbacks_tabs {
	text-align: right;
	font-size: 0;
	list-style-type: none;
	position: relative;
	top: -27px;
	z-index: 2;
	right: 6px;
}

.callbacks_tabs li {
	display: inline-block;
	margin: 0px 5px;
}

.callbacks_tabs a {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	line-height: 20px;
	overflow: hidden;
	font-size: 0px;
	background: #FFFFFF;
}

.callbacks1_tabs .callbacks_here a {
	background: #94272a;
}

/* main1 */
.main1 {
	/* margin-top: 25px; */
	overflow: hidden;
}

.tab {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
}

.tab .tabbox {
	border-bottom: 1px solid #c3c2c2;
	overflow: hidden;
}

.tab .tab-hd {
	width: 100%;
}

.tab .tab-hd li {
	float: left;
	cursor: pointer;
	width: 8.33%;
	text-align: center;
	background: #dcdcdc;
	height: 45px;
	line-height: 45px;
	border-radius: 8px 8px 0px 0px;
	margin-right: 10px;
}

.tab .tab-hd .wt {
	margin-right: 0px;
}

.tab .tab-hd h2 {
	font-weight: normal;
	font-size: 18px;
	color: #4f4e4e;
}

.tab .tab-hd .active {
	background: #013a65;
}

.tab .tab-hd .active h2 {
	color: #FFFFFF;
}

.tab .tab-bd>li {
	display: none;
	position: relative;
}

.tab .tab-bd .thisclass {
	display: block;
}

.ku1 li {
	float: left;
	width: 15%;
	margin-right: 1%;
	margin-top: 30px;
	/* margin-bottom: 14px; */
	min-height: 141px;
}

.kuai_pic1 {
	width: 93px;
	height: 93px;
	border-radius: 50%;
	background: #013a65;
	position: relative;
	margin: 0px auto;
}

.kuai_pic1 img {
	display: block;
	margin: auto;
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	top: 0px;
	transition: 1s;
}

.ku1 li p {
	text-align: center;
	color: #000;
	overflow: hidden;
	font-size: 14px;
	margin-top: 10px;
}

.kuai_pic1:hover img {
	transform: rotateY(180deg);
	transition: all 1s;
}

.ku1 li:hover p {
	color: #013a65;
}

/* com */
.comtop {
	height: 40px;
	line-height: 40px;
	margin: 30px 0px;
}

.comtop .title {
	font-size: 30px;
	color: #013a65;
	text-align: center;
}

/* .comtop .more {
	float: right;
	height: 40px;
	padding-top: 3px;
	box-sizing: border-box;
} */



.yc li {
	overflow: hidden;
	border-bottom: 1px dashed #c3c2c2;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.yc li div {
	float: left;
	width: 65px;
	height: 60px;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	background: #f4f4f4;
}

.yc li span {
	display: block;
	background: #013a65;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 35px;
	font-size: 24px;
}

.yc li a {
	float: right;
	width: 86%;
	line-height: 30px;
	font-size: 16px;
}

.yc li:hover a {
	color: #012c4c;
}

.yc li:last-child {
	border-bottom: none;
}

.more {
	width: 160px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border: 1px solid #013a65;
	margin: 0px auto;
	margin-top: 10px;
}

.more a {
	color: #666666;
	font-size: 16px;
	display: block;
}

.more:hover a {
	background: #013a65;
	color: #FFFFFF;
}

/* main2 */
.wrap {
	width: 100%;
	height: 1278px;
	background: url(../img/dbg.png) no-repeat 0px bottom;
}

.tz {
	width: 48%;
	float: left;
}

.tz .title {
	float: left;
}

.new {
	width: 48%;
	float: right;
}

.new .title {
	float: left;
}

/* main3 */
.main3 .tab-hd1 {
	display: inline-block;
	overflow: hidden;
}

.main3 .tab-hd1 li {
	float: left;
	cursor: pointer;
	text-align: center;
	position: relative;
	margin: 0px 20px;
}

.main3 .tab-hd1 h2 {
	font-weight: normal;
	font-size: 30px;
	color: #c3c2c2;
}

.main3 .tab-hd1 .active h2 {
	color: #013a65;
}

.main3 .tab-bd1>li {
	display: none;
	position: relative;
}

.main3 .tab-bd1 .thisclass {
	display: block;
}

.main3 .tab-hd1 li i {
	position: absolute;
	right: -28px;
	top: 9px;
	height: 27px;
	width: 14px;
	background: url(../img/sx.png) no-repeat 0px 0px;
}

.main3 {
	margin-top: 60px;
}

.hdbox {
	width: 100%;
	text-align: center;
}

.xiao-list li {
	height: 160px;
	float: left;
	width: 32%;
	margin-right: 2%;
	position: relative;
}
.xiao-list .wt{margin-right: 0px;}
.xiao-list li:nth-child(1) .for_btn{
	background: #013a65;
	color: #FFFFFF;
}
.for_btn {
	float: left;
	width: 65px;
	height: 80px;
	background: #FFFFFF;
	text-align: center;
	color: #013a65;
	top: 17%;
	position: absolute;
}

.for_btn span {
	display: block;
	font-size:12px;
}

.for_btn .datetime-day {
	font-size: 30px;
	line-height: 50px;
}

.students_star {
	margin-left: 65px;
	border-left: 1px solid #c3c2c2;
	padding-left: 10px;
	padding-bottom: 20px;
	box-sizing: border-box;
}

.students_star a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	/* width: 100%; */
}

.students_star h3 {
	font-size: 16px;
	padding: 5px 0px;
	color: #000;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	box-sizing: border-box;
}

.students_star h5 {
	font-size: 16px;
	padding-bottom: 15px;
	color: #2E4FA5;
	
}

.students_star a p{
	font-size: 14px;
	color: #666666;
	text-indent: 20px;
	margin-bottom: 5px;
}
.students_star .tb1{
	background: url(../img/xtb1.png) no-repeat 0px center;
}
.students_star .tb2{
	background: url(../img/xtb2.png) no-repeat 0px center;
}
.students_star .tb3{
	background: url(../img/xtb3.png) no-repeat 0px center;
}
.xiao-list li:hover .for_btn{
	background: #013a65;
	color: #FFFFFF;
}
.xiao-list li:hover h3{
	color: #013a65;
}
.xiao-list{
	margin: 30px 0px;
}
/* main4 */
.main4{
	overflow: hidden;
}
.main4 .link li{
	background: #013a65;
	padding: 20px 0px;
	box-sizing: border-box;
	float: left;
	margin-right: 20px;
	width: 23%;
	text-align: center;
	margin-top: 20px;
	height: 60px;
	overflow: hidden;
}
.main4 .link{
	padding: 20px 100px;
	box-sizing: border-box;
}
.main4 .link .wt{margin-right: 0px;}
.main4 .link li a{
	font-size: 14px;
	color: #FFFFFF;
}
.foot{
	background: #013a65;
	width: 100%;
	min-height: 140px;
	overflow: hidden;
	color: #FFFFFF;
}
.foot .ywlogo{
	float: left;
	margin-top: 40px;
}
.foot .ywlogo img{
	max-width: 100%;
}
.foot .bq{
	float: right;
	line-height: 25px;
	margin-top: 35px;
}
.xx-list li .zy{
	white-space: normal;
	height: 70px;
	overflow: hidden;
	font-size: 13px;
	line-height: 25px;
	text-indent: 10px;
	color: #666;
}

/* 列表页 */
.listcon{
	margin-top: 20px;
}
.conleft{
	width: 230px;
	float: left;
    background: #f4f4f4;
}
.conleft .yj{
	/* height: 80px; */
	background: #013a65;
	font-size: 26px;
	color: #FFFFFF;
	text-align: center;
	/* line-height: 40px; */
	letter-spacing: 2px;
	padding: 20px 0px;
}
.conleft ul{
}
.conleft .ptlb li{
	/* height: 50px; */
	/* line-height: 50px; */
	background: #274b67;
	text-align: center;
	padding: 16px 0px;
}
.conleft .ptlb li a{
	color: #FFFFFF;
	font-size: 15px;
}
.conleft .active{
	background: #e9edf0;
}
.conleft .active a{
	color: #012c4c;
	font-size: 16px;
}
.conright{
	float: right;
	width: 940px;
	margin: 0px 0px 30px;
	/* padding: 43px 20px; */
	/* box-sizing: border-box; */
}
.ritop{
	margin-bottom: 10px;
	overflow: hidden;
	height: 50px;
	border-bottom: 1px solid #dfdfdf;
}
.ritop .ggtop{float: left;border-bottom:none}
.ritop .lm{
	font-size: 20px;
	color: #012c4c;
	float: left;
	line-height: 50px;
	/* text-indent: 14px; */
	/* width: 110px; */
	background: url(../img/lmsx.png) no-repeat 0px bottom;
}
.dq{
	float: right;
	color: #999999;
	/* margin-top: 3px; */
	line-height: 45px;
}
.dq a{
	font-size: 14px;
	color: #999999;
}
.dq  a:hover{color: #013a65;}
.conright .listul li{
	height:50px;
	background: url(../img/listd.png) no-repeat 0px center;
	text-indent: 15px;
	color: #333333;
	line-height: 50px;
	border-bottom: 1px dashed #c3c2c2;
}
.conright .listul{
	/* padding: 0px 10px; */
	/* box-sizing: border-box; */
}
.conright .listul li a{
	float: left;
	color: #333333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width: 79%;

}
.conright .listul li .sj{
	float: right;
	color: #c3c2c2;
	font-size: 14px;
}
.conright .listul li .bt{
	font-size: 14px;
}
.conright .listul li:hover a{color: #013a65;}
.conright .listul li:hover .sj{color: #013a65;}
.conright .listul li:hover .zy{color:#013a65;}

.fan{margin: 30px 0px 0px 0px;text-align: center;}
.nt img{width: 100%;}
/* 内容页 */
.article{/* padding: 0px 15px; */}
.article .arti-title {
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    margin-top: 30px;
    color: #333;
    font-weight: bold;
}
.article .arti_metas {
    padding: 20px 0px 22px 0px;
    text-align: center;
    border-bottom: 1px dashed #C3C2C2;
}
.article .arti_metas span {
    color: #999999;
    font-size: 14px;
    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: #013a65;}
.read img{
	max-width:100%;
	display:block;
	height:auto;
	margin:0px auto;
}




.nav {
	height: 100%;
	
	transition: all .3s;
}

.nav a {
	display: block;
	overflow: hidden;
	padding-left: 20px;
	line-height: 45px;
	color: #333;
	transition: all .3s;
	font-size: 16px;
	
}

.nav a span {
	margin-left: 30px;
}

.nav-item {
	position: relative;
	border-bottom: 1px solid #dfdfdf;
}

.nav-item.nav-show {
	border-bottom: none;
}

.nav-item ul {
	display: none;
	background: #e3e3e3;
}

.nav-item.nav-show ul {
	display: block;
}

.nav-item>a:before {
	content: "";
	position: absolute;
	left: 0px;
	width: 2px;
	height: 45px;
	background: #013a65;
	opacity: 0;
	transition: all .3s;
}

.nav .nav-icon {
	font-size: 20px;
	position: absolute;
	margin-left: -1px;
}

/* 此处修改导航图标 可自定义iconfont 替换*/
.icon_1::after {
	content: "\e62b";
}

.icon_2::after {
	content: "\e669";
}

.icon_3::after {
	content: "\e61d";
}

/*---------------------*/
.nav-more {
	float: right;
	margin-right: 15px;
	font-size: 12px;
	transition: transform .3s;
	display: none;
}

/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.nav-more::after {
	content: "\e621";
}

/*---------------------*/
.nav-show .nav-more {
	transform: rotate(90deg);
}

.nav-show,
.nav-item>a:hover {
	color: #013a65 !important;
	/* background: rgba(0, 0, 0, .1); */
}

.nav-show>a:before,
.nav-item>a:hover:before {
	opacity: 1;
}

.nav-item li:hover a {
	color: #013a65 !important;
	/* background: rgba(0, 0, 0, .1); */
}

/* nav-mini */
.nav-mini.nav {
	width: 60px;
}

.nav-mini.nav .nav-icon {
	/* margin-left:-2px; */
}

.nav-mini.nav .nav-item>a span {
	display: none;
}
/*.nav ul .ac {
	background: #eeeeee;
}*/
.nav-item ul .ac a{
	color: #1295d8;
}
.nav-mini.nav .nav-more {
	margin-right: -20px;
}
.nav-item ul li a{
	font-size: 14px;
	height: auto;
	line-height: 35px;
}
.nav-mini.nav .nav-item ul {
	position: absolute;
	top: 0px;
	left: 60px;
	/* width: 180px; */
	z-index: 99;
	/*background: #3C474C;*/
	overflow: hidden;
}

.nav-mini.nav .nav-item:hover {
	/* background: rgba(255, 255, 255, .1); */
}

.nav-mini.nav .nav-item:hover .nav-item a {
	/* color: #FFF; */
}

.nav-mini.nav .nav-item:hover a:before {
	opacity: 1;
}

.nav-mini.nav .nav-item:hover ul {
	display: block;
}




.conright .litb li{
	height: 100px;
	text-indent: 90px;
	color: #333333;
	line-height: 100px;
	border: 1px solid #e2e2e2;
	border-radius: 10px;
	padding: 0px 20px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.conright .litb{
	 padding: 0px 0px;
	 box-sizing: border-box;
}
.conright .litb li a{
	float: left;
	color: #333333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size: 22px;
	width: 80%;
}
.conright .litb li .xq{
	float: right;
	color: #333;
	font-size: 16px;
}



.fullSlide{position:relative;/* background:#000; */margin:0 auto;}
		.fullSlide .bd{ position:relative; z-index:0; }
		.fullSlide .bd li img{width:100%; vertical-align:top;  } 
		.fullSlide .hd{
			 position: relative;
			 z-index:1;
			 margin-top: -40px;
			 height:30px;
			 line-height:30px;
			 text-align:center;
			 /* background:#000; */
			 filter:alpha(opacity=60);
			 /* opacity:0.6; */
		}
		.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
		.fullSlide .hd ul li{
			cursor:pointer;
			display:inline-block; *
			display:inline;
			zoom:1;
			width:8px;
			height:8px;
			margin:5px;
			background:#fff;
			overflow:hidden;
			border-radius: 50%;
			font-size:0;
		}
		.fullSlide .hd ul .on{ background:#a50c22; }
		.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  filter:alpha(opacity=40);opacity:0.4  }
		.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
		.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }