body{ font-family:"微软雅黑"; font-size:14px;  color:#212121; position: relative; min-width:1230px; background: url(/images/back.png) center top no-repeat;}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
a:hover{ text-decoration:none !important; color: #272d5a;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover{outline: none !important;}
ul,ol{ margin:0; padding:0; }
img{ max-width:100%;}
input,button {outline:none;}
.img-hide{ overflow:hidden; }

.img-hide img{ transition: 0.5s all; }
.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise*{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.container{ width: 1260px; }
.header{ height: 40px; background: #0067b4; color: #fff; line-height: 40px; }
.student{ display: inline-block; background:url(/images/icon01.png) left center no-repeat; padding-left: 24px; margin-right: 20px; }
.teacher{ display: inline-block; background:url(/images/icon02.png) left center no-repeat; padding-left: 26px; margin-right: 20px; }
.look{ display: inline-block; background:url(/images/icon03.png) left center no-repeat; padding-left: 22px; }
.header a{ color: #fff; }
.header-span span{ padding:0 16px; }
.search-a{ margin-left: 15px; width: 40px; cursor: pointer; height: 40px; background:url(/images/search.png) center no-repeat; }
.logo{ margin:20px 0; width: 340px;  }

.banner{ 
height: 475px;
    width: 100%;
    border-radius: 48px;
overflow: hidden;
    float: left;
 }

.menu-nav {
	margin-top: 28px;
    float: right;
}


.menu {
	margin-bottom: 28px;
float: left;
}
.navigation-up {
	height: 42px;
	
}
.navigation-up .navigation-v3 {
	float: left;
}
.navigation-up .navigation-v3 ul {
	float: left
}
.navigation-up .navigation-v3 li {
	float: left;
	font: normal 16px/59px "microsoft yahei";
	color: #fff
}
.navigation-up .navigation-v3 .nav-up-selected {
	background: #478ac1;
	color: #FFFFFF;
}
.navigation-up .navigation-v3 li h2 {
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size: 16px;
}
.navigation-up .navigation-v3 li h2 a {
	padding: 0 9px;
	color: #333;
	display: inline-block;
	height: 42px;
	line-height: 42px;
	font-family: "microsoft yahei"
}
.navigation-up .navigation-v3 li h2 a:hover {
	background: #478ac1;
	color: #FFFFFF;
}
.navigation-down {
	position: absolute;
	top: 140px;
	left: 0px;
	width: 100%;
	z-index: 999;
}
.navigation-down .nav-down-menu {
	width: 100%;

	margin: 0;
	background: url(/images/nav_xiabg.png);
	position: absolute;
	top: 0px
}
.navigation-down .nav-down-menu .navigation-down-inner {
	margin: auto;
	width: 1200px;
	position: relative
}
.navigation-down .nav-down-menu dl {
	float: left;
}
.navigation-down .menu-1 dl {
	margin: 40px 0px
}
.navigation-down .menu-1 dl.zst {
	width: 300px;
	    margin-right: 30px;
}
.navigation-down .menu-1 dl.nav_2 {
	width: 300px;
}
.navigation-down .menu-1 dl.nav_3 {
	width: 470px;
}
.navigation-down .menu-1 dl.nav_4 {
	width: 500px;
}
.navigation-down .menu-1 dl.zhaiyao {
	width: 400px;
	border-left: 1px solid #bebebe;
	padding-left: 50px;
	color: #00294b;
	min-height: 140px;
	overflow: hidden;
	text-indent: 2em;
	line-height: 180%;
}
.navigation-down .menu-1 dt {
	font: normal 16px "microsoft yahei";
	color: #61789e;
	padding-bottom: 10px;
	border-bottom: 1px solid #61789e;
	margin-bottom: 10px
}
.navigation-down .menu-1 dd {
	float: left;
	width: 50%;
}
.navigation-down .menu-1 .nav_3 dd, .navigation-down .menu-1 .nav_4 dd {
	float: left;
	width: 33.3%;
}
.navigation-down .menu-1 dd a {
	color: #333;
	font: normal 14px/30px "microsoft yahei"
}
.navigation-down .menu-1 dd a:hover {
	color: #555555;
	font-weight: bold;
}
.navigation-down .menu-2 dd a, .navigation-down .menu-3 dd a {
	color: #fff;
	font: normal 16px "microsoft yahei"
}



.slick-box{ max-width: 1400px; overflow:hidden; margin:0 auto; }
.slick .slick-dots{ bottom: 30px; }
.slick{ margin:0; }
.slick .slick-dots li,.slick .slick-dots li button{ width: 30px; height: 6px; padding:0; background:#fff; border-radius: 0; }
.slick .slick-dots li.slick-active button{ background: #55a2db; }
.slick .slick-dots li button:before{ display: none; }
.title{ font-size: 20px; color: #333; padding-left: 45px; margin:40px 0 30px 0; background:url(/images/icon-tt.png) left center no-repeat; }
.title font{ color: #a0a0a0; padding:0 10px; }
.title span{ font-size: 16px; color: #a0a0a0; }
.title a{ font-size: 14px; color: #d2b21c; float: right; }
.left-width{ width: 800px; }
.news-list li{ float: left; margin-right: 25px;  width: 374px; }
.news-list-box{ width: 100%; height: 420px; background: #edf1f4; }
.news-list-img a{ display: block; position: relative; }
.news-list-img a img{ width: 100%; height: 244px; }
.news-list-img a span{ position: absolute; line-height: 22px; padding-top: 8px; background: #bca94d; left: 22px; bottom: -30px; color: #fff; font-size: 18px; width: 60px; height: 60px; text-align: center; }
.news-list-img a span font{ font-size: 24px; }
.news-list-tt{ margin:20px 30px 0 30px; line-height: 25px; max-height: 50px; overflow:hidden; }
.news-list-tt a{ font-size: 16px; color: #333; }
.news-list-p{ color: #7c7c7c; text-align: justify; line-height: 25px; max-height: 75px; overflow:hidden; margin:10px 30px; }
.news-right{ width: 428px; margin-top: -3px; }
.news-right li{ border-bottom: solid 1px #ddd9d1; padding-bottom: 16px; margin-bottom: 16px; position: relative; padding-right: 95px; }
.news-right li a{ font-size: 16px; color: #333; }
.news-right li span{ position: absolute; right: 0; top: 0; font-size: 16px; color: #7e7e7e; }
.xw-box{ background: #edf1f4; margin-top: 33px; padding:10px 0 20px 0; overflow:hidden; }
.xw-list li{ float: left; width: 33.333333%; padding:0 30px; margin-bottom: 33px; }
.xw-list{ margin:0 -30px; }
.xw-list-box{ padding-left: 70px; position: relative;  }
.xw-list-tt a{ font-size: 16px; color: #333; }
.xw-list-tt{ line-height: 25px; height: 50px; overflow:hidden; }
.xw-list-date{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; font-size: 15px; color: #333; line-height: 50px; }
.xw-list-date span{ display: block;  color: #fff; font-size: 24px; background: #0067b4; }
.tabs-ul li{ display: inline-block; margin:50px 23px; }
.tabs-ul li a{ display: inline-block; font-size: 20px; color: #333; line-height: 32px; }
.tabs-ul li a.tabs01{ padding-left: 50px; background: url(/images/icon-tabs01.png) left center no-repeat; }
.tabs-ul li a.tabs02{ padding-left: 43px; background: url(/images/icon-tabs02.png) left center no-repeat; }
.tabs-ul li a.tabs03{ padding-left: 41px; background: url(/images/icon-tabs03.png) left center no-repeat; }
.tabs-ul li a.tabs04{ padding-left: 48px; background: url(/images/icon-tabs04.png) left center no-repeat; }
.tabs-ul li a.tabs05{ padding-left: 43px; background: url(/images/meiti2.png) left center no-repeat; }
.tabs-ul li.active a.tabs01,.tabs-ul li a.tabs01:hover{ padding-left: 50px; background: url(/images/icon-tabs01-1.png) left center no-repeat; }
.tabs-ul li.active a.tabs02,.tabs-ul li a.tabs02:hover{ padding-left: 43px; background: url(/images/icon-tabs02-1.png) left center no-repeat; }
.tabs-ul li.active a.tabs03,.tabs-ul li a.tabs03:hover{ padding-left: 41px; background: url(/images/icon-tabs03-1.png) left center no-repeat; }
.tabs-ul li.active a.tabs04,.tabs-ul li a.tabs04:hover{ padding-left: 48px; background: url(/images/icon-tabs04-1.png) left center no-repeat; }
.tabs-ul li.active a.tabs05,.tabs-ul li a.tabs05:hover{ padding-left: 48px; background: url(/images/meiti1.png) left center no-repeat; }
.tabs-ul li.active a,.tabs-ul li a:hover{ color: #0067b4; }
.over-box{ overflow:hidden; }
.dy-list li{ float: left; width: 25%; padding:0 8px; margin-bottom: 16px; height: 353px; }
.dy-list{ margin:0 -8px; }
.lg-img{     width: 616px;  }
.lg-img a{ width: 638px; height: 353px;  overflow:hidden;    display: block; }
.lg-img a img{ width: 100%;  }
.dy-list li.lg{ width: 75%; }
.lg-right{ width: 302px; height: 353px; background: #edf1f4; padding:30px; position: relative; }
.lg-title a{ font-size: 16px; color: #333; }
.lg-title{ text-align: justify; line-height: 25px; max-height: 75px; overflow:hidden; }
.lg-p{ color: #787878; text-align: justify; line-height: 24px; max-height: 72px; overflow:hidden; margin-top: 20px; }
.lg-date{ border-top: solid 1px #d3d1d3; padding-top: 19px; position: absolute; right: 35px; bottom: 40px; }
.lg-date span{ padding-left: 25px; background: url(/images/icon-date.png) left center no-repeat; }
.dy-list-box{ height: 353px; position: relative; background: #4389bd; }
.dy-list-img img{ width: 100%; height: 200px; }
.dy-list-tt a{ font-size: 16px; color: #fff; line-height: 27px;}
.dy-list-tt{ height: 54px; overflow:hidden; margin:20px 35px; text-align: justify; }
.dy-list-box .lg-date span{ color: #fff; background: url(/images/icon-date02.png) left center no-repeat; }
.dy-list-box .lg-date { border:none; }
.dy-list li:nth-child(3) .dy-list-box{ background: #4389bd; }
.dy-list li:nth-child(4) .dy-list-box{ background: #3ab5ac; }
.dy-list li:nth-child(5) .dy-list-box{ background: #cea44d; }
.dy-list li:nth-child(6) .dy-list-box{ background: #9869b2; }
.zt-title{ background: url(/images/t.png) left center no-repeat; margin-top: 33px; }
.zt-slick-img{ padding:0 18px; }
.zt-slick-box{ margin:0 -18px; }
.zt-slick-img img{ width: 100%; height: 116px; }
.zt-slick-box .slick-dots{ display: none!important; }
.zt-slick-box .slick-prev{ width: 32px; height: 32px; text-indent: -9999px; background: url(/images/left.png) center no-repeat; margin-top: -16px; left: -60px; }
.zt-slick-box .slick-next{ width: 32px; height: 32px; text-indent: -9999px; background: url(/images/right.png) center no-repeat; margin-top: -16px; right: -60px; }
.zt-slick{ margin:0; }
.bottom-list li{ float: left; width: 12.5%; padding:0 32px; }
.bottom-list{ margin:60px -32px; }
.bottom-list-tt{ font-size: 16px; color: #333; margin-top: 15px; }
.link-box{ background: #edf1f4; padding:20px 0; overflow:hidden; }
.link-box .col-xs-3{ padding:0 26px; }
.link-box .row{ margin:0 -26px; }
.link-box .form-control{ border-radius: 0; box-shadow: none; border:none; height: 40px; font-size: 15px; color: #333; padding-left: 30px; }
.footer { background: #0067b4; color: #fff; padding:30px 0; }
.foot-l{     float: left;
    width: 600px;
    text-align: left;  }
.foot-r{     float: right;
    width: 240px;  }
.foot-r span { width:100px; }
.foot-r span img{ width:100px; }
.footer p{ font-size: 15px; margin:5px 0; }
/***********list***********/
.list-banner{  width:1400px;  margin:0 auto;  margin-bottom: 30px; position: relative; } 
.nybanner{  height:300px; width:100%; overflow: hidden;  border-radius: 46px; }
.nybanner img{  height:auto; width:100%;  }
.banner-tt{ font-size: 24px; color: #fff;      position: absolute; bottom: 42px; left: 75px;}
.banner-tt span{ padding:0 10px; }
.nav-b{ margin:0 0 40px 0; color: #727272; }
.nav-b a{ color: #727272; }
.list-left{ width: 260px; background: #e9eef2; margin-bottom: 60px; border-top: solid 10px #78afd9; padding:25px 15px 0 15px; }
.list-left-nav li{ position: relative; }
.list-left-nav li a{ display: block; font-size: 16px;color: #333; line-height: 40px;  padding-left: 12px; }
.list-left-nav li.active a{ background: #caa74b; color: #fff; border-radius: 40px; }
.list-left-nav li.active a.down:hover{ color: #fff!important; }
.left-nav-down li a{ background: none!important; padding-left:74px;  font-size: 15px; color: #333!important; line-height: 30px!important; }
.left-nav-down{ padding:10px 0 5px 0; display: none; }
.left-nav-down li.active a,.left-nav-down li a:hover,.list-left-nav li a:hover{ color: #b0840e!important; }
.list-left-nav li i.down:before{ display: block; content: ""; position: absolute; left: 206px; top: 0; bottom: 0; width: 10px; background: url(/images/icon-down.png) center no-repeat; }
.list-left-nav li.active i.down:before{background: url(/images/icon-down02.png) center 14px no-repeat;}
.left-bottom{ margin-top: 40px; }
.list-left-nav li.active .left-nav-down{ display: block; }
.list-right{ width: 930px; }
.list-news li{ position: relative; padding-right: 136px; margin-bottom: 17px; }
.list-news li a{ font-size: 16px; color: #333; }
.list-news li span{ position: absolute; right: 0; top: 0; font-size: 16px; color: #868686; }
.page-box{ margin:40px 0; }
/*************服务页面*************/
.fw-box{ background: #eff5f9; margin-bottom: 45px; height: 304px; position: relative; padding:30px; }
.fw-box-tt{ line-height: 51px; font-size: 20px; margin-bottom: 10px; color: #333; margin:0 20px; }
.fw-box-tt span{ padding:0 10px; font-size: 14px; }
.fw-box-ul li{ float: left; width: 25%; margin-top: 15px; }
.fw-box-ul{ width: 700px; }
.fw-box-ul li a{ font-size: 16px; color: #333; }
.fw-img{ position: absolute; right: 0; top: 0; bottom: 0; }
.fw-box-b .fw-img{ left: 0; right: auto; }
.fw-box-b .fw-box-ul{ width: 630px; }
/************综合页*************/
.zh-list{ margin:20px 0 50px 0;  }
.zh-list li{ float: left; margin:0px 20px 0px 0; }
.zh-list li a{ font-size: 18px; color: #333; padding-left: 13px; background: url(/images/nav-li.png) left center no-repeat; }
.zh-tt{ height: 50px; margin-bottom: 20px; background: url(/images/zh-tt.png) left center no-repeat; padding-left: 68px; line-height: 50px; font-size: 18px; color: #333; }
.zh-tt span{ font-size: 14px; padding-left: 10px; }
.zh-tt a{ float: right; font-size: 14px; color: #5d7a92; }
.zh-left{ width: 930px;  margin-bottom: 30px;  }
.zh-slick{ width: 392px; overflow:hidden; margin:0; }
.zh-slick a{ display: block; position: relative; }
.zh-slick a span{ position: absolute; right: 25px; left: 130px; color: #fff; bottom: 15px; }
.zh-slick a img{ width: 100%; height: 272px; }
.zh-slick .slick-dots{ bottom: 20px; left: 20px; right: auto; width: auto; }
.zh-slick .slick-dots li,.zh-slick .slick-dots li button{ width: 8px; padding:0; height: 8px; background: #fff; border-radius: 50%; }
.zh-slick .slick-dots li.slick-active button{ background: #1871b1; }
.zh-slick .slick-dots li button:before{ display: none; }
.zh-list-ul li a{ font-size: 16px; color: #333; }
.zh-list-ul li{ position: relative; padding-right: 125px; margin-bottom: 13px; }
.zh-list-ul li span{ position: absolute; right: 0; top: 0; color: #888; font-size: 16px; }
.zh-list-ul{ width: 508px; }
.zh-link a{ display: block; margin-bottom: 14px; transition: 0.5s all; }
.zh-link a img{ width: 285px; height: 76px; }
.zh-back{ background: #f1f2f8; padding:50px 0; overflow:hidden; }
.zh-back .col-xs-4{ padding:0 22px; }
.zh-back .row{ margin:0 -22px; }
.zh-img-a img{ width: 100%; height: 83px; }
.zh-img-a{ margin-bottom: 17px; }
.zh-b-ul li a{ font-size: 16px; color: #333;}
.zh-b-ul li{ line-height: 37px; }
.zh-b-ul-r li{ float: left; width: 50%; }
.zh-b-ul-r li a{ padding-left: 25px; background: url(/images/icon-hz.png) left center no-repeat; }
.hz-bottom li{ float: left; width: 25%; padding:0 15px; }
.hz-bottom{ margin-top: 50px; margin-bottom: 50px; }
.hz-bottom-tt{ text-align: center; margin-top: 10px; }
.hz-bottom-tt a{ font-size: 16px; color: #333; }
.hz-bottom-img img{ width: 100%; height: 195px; }
.zh-list li a:hover,.zh-list-ul li a:hover,.zh-b-ul li a:hover,.hz-bottom-tt a:hover,.nav-list li a:hover,.news-list-tt a:hover,.list-news li a:hover,.nav-b a:hover,.fw-box-ul li a:hover,.news-right li a:hover,.xw-list-tt a:hover,.lg-title a:hover,.bottom-list li a:hover .bottom-list-tt{ color: #0067b4; }
.zh-link a:hover{ transform: translate(0,-10px); }
.hz-bottom-box{ padding:0 15px; }
.zt-slick-box{ margin-left:-75px; margin-right: -75px; padding-left: 65px; padding-right:65px; }
.zt-slick-box .slick-prev,.zt-slick-box .slick-next{ display: none!important; }
.zt-slick-box:hover .slick-prev,.zt-slick-box:hover .slick-next{ display: block!important; }
.search-box{ position: absolute; display: none; left: 0; right: 0; top: 120px; background: rgba(0,0,0,0.6); padding:105px 0; z-index: 10000000; }
.search-width{ max-width: 700px; margin:0 auto; background: #fff; position: relative; padding-right: 100px; }
.search-width .form-control{ border:none; border-radius: 0; box-shadow: none; height: 50px; }
.btn-search,.btn-search:hover,.btn-search:focus{position: absolute;right: 0;top: 0;width: 100px;border-radius: 0;height: 50px;background: #1ba2df url(../images/icon-search.png) center no-repeat;}
.search-close {
    display: block;
    position: absolute;
    top: 34px;
    right: 50%;
    margin-right: -650px;
    width: 40px;
    height: 40px;
    background: url(/images/close.png) center no-repeat;
}

/************简介页,内容页，图片列表页*************/
.nrbox{ margin-bottom:30px;}
.nrbox p{ text-indent:2rem; font-size:16px; line-height:2; font-family: 黑体, SimHei;  }
.nrbox p img.img_vsb_content{ display:block; margin:0 auto; max-width:800px !important;  }
.nrbox p.vsbcontent_img img{ display:block; margin:0 auto;  }

.nrbox_gs p{ text-indent:2rem; font-size:16px; line-height:2; font-family: "宋体";  }

.nrbox h3{ font-size:24px;  text-align:center; font-weight:normal;  }
.nrbox .fabudate{ width:80%; margin:20px auto;   text-align:center;  }
.nrbox .fabudate b{ font-weight:normal; font-size:14px; color:#8a8a8a; margin: 0 10px; }
.sytxyt{ margin-top:30px; overflow:hidden; font-weight:bold; }
.sytxyt span{ margin:0; line-height:2;font-size:16px; display:flex; }
.sytxyt a{  font-size:16px; }
.list-ul li{ float: left; width: 33.333333%; padding:0 15px; margin:0 0 30px 0; }
.list-ul{ margin:0 -15px; }
.list-ul-tt a{ font-size: 16px; color: #333; }
.list-ul-date{ font-size: 16px; color: #333; }
.list-ul-tt{ margin:20px 0 10px 0; }
.list-ul-img { width:100%; height:200px; overflow:hidden; }
.list-ul-img img{ width: 100%; height: 268px; }
.page-box{ margin:30px 0 50px 0; }



/* 视频长幼 */
.splb {
    width: calc(100% - 300px);
    float: right;
    margin-bottom: 60px;
}
.splb ul {
    display: flex;
    flex-wrap: wrap;
}
.splb ul li {
    width: 46%;
    margin: 0 3% 3% 0;
    padding: 5px;
    box-shadow: 1px 1px 3px #D1CFD0, -1px 1px 3px #D1CFD0, 1px -1px 3px #D1CFD0, -1px -1px 3px #D1CFD0;
}
.splb ul li a {
    display: block;
    width: 100%;
    padding-top: 60%;
    position: relative;
    overflow: hidden;
}
.splb ul li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/images/shadow.png) no-repeat;
    background-size: cover;
    z-index: 1;
}
.splb ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/images/spicon.png) center no-repeat;
    opacity: 0.6;
    z-index: 9;
}
.splb ul li img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}
.splb ul li p {
    position: absolute;
    width: 100%;
    bottom: 10px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    z-index: 99;
}
.splb ul li a:hover img {
    transform: scale(1.1);
}