/* 新轮播 */
.slideBox{ 
	width:100%; 
	height:100%; 
	overflow:hidden; 
	position:relative; 
	background: rgba(0,0,0,.5);
	/* border:1px solid #ddd;  */
}
.slideBox .hd{ height:72px; overflow:hidden; position:absolute; bottom:15px; z-index:1; right: 0;}

.slideBox .hd ul{ overflow:hidden; zoom:1; margin:0 auto; height: 72px;}
.slideBox .hd ul li{ 
	border: 2px solid #ffffff;
	position: relative; 
	float:left; 
	margin-right:15px;
	width:102px; 
	height:72px; 
	text-align:center; 
	background:#fff;
	box-sizing: border-box;
}
.slideBox .hd ul img{width: 100%;height: 100%;}
.slideBox .hd ul li.on{ border: 2px solid #d90000; background:#f00; color:#fff; }
.slide-li .slide-txt{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	background: rgba(0,0,0,.7);
	padding-left: 30px;
}
.slide-li .slide-txt p{
	font-size: 18px;
	color: #ffffff;
	height: 50px;
	line-height: 50px;
}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }

/* 新轮播 */
	
.nanhai_nav{
	width: 100%;
	height: 58px;
	background-color: #385b93;
}
.nanhai_nav>.nanhai-ul{
	width: 1190px;
	overflow: hidden;
	margin: 0 auto;
}
.nanhai_nav>.nanhai-ul>li{
	float: left;
	width: 12.4%;
	position: relative;
	text-align: center;
	line-height: 58px;
}
.nanhai_nav>.nanhai-ul li:hover {
	background-color: #2e456b;
}
.nanhai_nav>.nanhai-ul li a {
	color: #FFFFFF;
	font-size: 18px;
	display: block;
}
.nanhai_nav>.nanhai-ul li::after {
	content: '';
	height: 16px;
	position: absolute;
	right: 0;
	top: 50%;
	border-right: 1px solid rgb(125, 148, 185);
	transform: translateY(-50%);
}

/* 新 */
#xs_nav{
	display: none;
}
.science-nav{
	width: 100%;
	height: 58px;
	background-color: #385b93;
}
.science-nav .science-ul{
	width: 1190px;
	overflow: hidden;
	margin: 0 auto;
}
.science-nav>.science-ul li {
	float: left;
	width: 16.6667%;
	position: relative;
	text-align: center;
	line-height: 58px;
}
>.nanhai-ul li.active {
	background-color: #2e456b;
}
.science-nav>.science-ul li:hover {
	background-color: #2e456b;
}
.science-nav>.science-ul li a {
	color: #FFFFFF;
	font-size: 18px;
	display: block;
}
.science-nav>.science-ul li::after {
	content: '';
	height: 16px;
	position: absolute;
	right: 0;
	top: 50%;
	border-right: 1px solid rgb(125, 148, 185);
	transform: translateY(-50%);
}
.science-ul>li>a>img{
	width: 19px;
	height: 19px;
	margin-right: 20px;
	vertical-align: middle;
}

.ul-list{
	width: 100%;
	background-color: #def0ff;
	display: none;
}
.ul-list>.ul-item{
	overflow: hidden;
	width: 1190px;
	margin: 0 auto;
	/* display: flex;
	justify-content: space-between; */
}
.ul-item li{
	float: left;
	line-height: 46px;
}
.ul-item li>a{
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #1d5787;
	padding: 12px 66px;
}
.ul-item li>a:hover{
	text-decoration: underline;
}
/* 头部css */
.header{
	position: relative;
	background-image: url(/image/header_bg.png)
}
.header .logo{
	position: relative;
	height: 140px;
}
.header .logo .t-img{
	width: 470px;
	position: absolute;
	top: 30px;
	left: 15px;
}
.header .logo .top-r{
	position: absolute;
	top: 20px;
	right: 15px;
}
.top-r .desc{overflow: hidden;}
.top-r .desc .a{
	float: left;
}
.desc .a .date{margin-bottom: 40px;text-align: right;}
.desc .a .date .date-img{
	margin-right: 15px;
}
.desc .a .date .date-txt{
	font-size: 14px;
	color: #7da8ed;
}
.desc .a .set_index{
	padding-left: 30px;
	padding-right: 20px;
	background: url(/image/header_setindex_icon.png) no-repeat left center;
	cursor: pointer;
}
.desc .a .add_favor{
	padding-left: 30px;
	padding-right: 20px;
	background: url(/image/header_addfavor_icon.png) no-repeat left center;
	cursor: pointer;
}
.desc .a .contact_us{
	padding-left: 30px;
	background: url(/image/header_contactus_icon.png) no-repeat left center;
	cursor: pointer;
}
.top-r .desc .b{
	float: right;
	position: relative;
	padding-left: 20px;
	margin-left: 20px;
}
.top-r .desc .b:after {
	content: '';
	height: 66px;
	position: absolute;
	left: 0;
	top: 10px;
	border-right: 1px solid #d7d7d7;
}
.desc .b>img{
	width: 78px;
	height: 78px;
}
.header .h-r{
	background-color: #385b93;
	width: 100%;
	position: relative;
}
.header .h-r .nav{
	overflow: hidden;
	background-color: #385b93;
}
.h-r .nav .nav-li{
	float: left;
	width: 12.5%;
}
.h-r .nav .nav-li a{
	display: block;
	height: 58px;
	line-height: 58px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
}
.h-r .nav .nav-li a:hover{background: #2e456b;color: #ffffff !important;}
.h-r .nav .nav-li .active-li{background: #2e456b;}

.header .h-r .ul-list{
	position: absolute;
	width: 100%;
	background-color: #def0ff;
	z-index: 99;
}
.ul-list .text_box{
	background-color: #def0ff;
	overflow: hidden;
	display: none;
}
.ul-list .text_box.on{
	display: block;
}
.ul-list .text_box .link-li{
	float: left;
	padding: 0 68px;
	text-align: center;
}
.ul-list .text_box .link-li a{
	font-size: 16px;
	color: #1d5787;
	height: 46px;
	line-height: 46px;
	display: block;
	white-space: nowrap;
}
.ul-list .text_box .link-li a:hover{
	text-decoration: underline !important;
}
.header .sidebar-ico{
	position: absolute;
	top: 50px;
	right: 10px;
}
.header .sidebar-ico .side-line{
	background: #369 none repeat scroll 0 0;
	height: 3px;
	margin-bottom: 4px;
	width: 27px;
	display: block;
}
/* 头部css */

.section1{
	overflow: hidden;
	margin-top: 40px;
	width: 1190px;
	margin: 40px auto;
}
.section1>.content-left-top {
	width: 750px;
	height: 410px;
	position: relative;
	float: left;
}
.content-left-top .school-img {
	width: 750px;
	height: 410px;
}

.school-img img {
	width: 100%;
	height: 100%;
}
.content-left-top .school-img-list{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 68px;
	background: rgba(0,0,0,.5);
}
.school-img-list .scoll-addres{
	font-size: 18px;
	color: #ffffff;
	line-height: 68px;
	margin-left: 40px;
}
.imgs-list-item{
	overflow: hidden;
	position: absolute;
	right: 27px;
	top: 0;
	transform: translateY(-50%);
}
.img-list-item {
	padding: 3px;
	width: 108px;
	height: 78px;
	background-color: #FFFFFF;
	float: left;
	margin-left: 18px;
}
.img-list-item:hover{
	background: #D90000;
	cursor: pointer;
}
.img-list-item .showimg{
	width: 100%;
	height: 100%;
}
.school-img img {
	width: 100%;
	height: 100%;
}
.content-right-top {
	float: right;
	width: 400px;
	height: 410px;
	background-color: #eaf5ff;
	font-family: MicrosoftYaHei;
	padding: 0px 44px;
	box-sizing: border-box;
}

.content-right-top .school {
	font-size: 20px;
	color: #385b93;
	padding-top: 40px;
}

.content-right-top .right-line {
	width: 48px;
	height: 5px;
	background-color: #385b93;
	display: block;
	margin: 28px 0;
}

.content-right-top .right-desc {
	font-size: 16px !important;
	line-height: 36px;
	letter-spacing: 0px;
	color: #3f3e3e !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}
.more-txt{background: #eaf5ff;line-height: 36px;}
.more-txt>a{
	font-size: 16px;
	color: #d90000;
}
.school-desc{
	position: relative;
	width: 312px;
	height: 252px;
	overflow: hidden;
}
.school-desc>.content-more{
	position: absolute;
	right: 0;
	bottom: 0;
}
.section2{
	overflow: hidden;
	margin: 0 auto;
	width: 1190px;
}
.section2>.content-left-support{
	width: 751px;
	border-radius: 5px;
	overflow: hidden;
	float: left;
	position: relative;
}
.teaching-resource{
	width: 399px;
	border-radius: 5px;
	float: right;
	margin-left: 40px;
	position: relative;
}
.section2 .bg-img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.content-left-support .study-support{
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 12px;
	text-align: center;
}
.content-left-support .support-list{
	width: 1080px;
	background-image: linear-gradient(180deg,#4397ed 0%,rgba(67, 151, 237, 0.68) 100%),linear-gradient(#3181d3,#3181d3);
	background-blend-mode: normal, normal;
	border: solid 2px rgba(255, 255, 255, 0.18);
	box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.1);
	margin: 0 auto;
	margin-bottom: 20px;
	border: solid 2px #77b2ec \9;
}
.teaching-resource .resource-desc{
	width: 358px;
	background-image: linear-gradient(180deg, #83d055 0%, rgba(129, 208, 83, 0.68) 100%), linear-gradient(#65be32, #65be32);
	background-blend-mode: normal, normal;
	border: solid 2px rgba(129, 208, 83, 0.18);
	box-shadow: 0px 2px 2px rgba(129, 208, 83, 0.1);
	margin: 0 auto;
	margin-bottom: 20px;
	border: solid 2px #65be32 \9
}
.content-left-support>.support-list ul,
.teaching-resource>.resource-desc ul{
	overflow: hidden;
	text-align: center;
}
.content-left-support>.support-list ul li{
	float: left;
	width: 14.2%;
}
.teaching-resource>.resource-desc ul li{
	float: left;
	width: 33.3333%;
}
.content-left-support>.support-list ul li a,
.teaching-resource>.resource-desc ul li a{
	font-size: 16px;
	line-height: 40px;
	color: #FFFFFF;
	display: block;
}
.content-left-support>.support-list ul li a:hover,
.teaching-resource>.resource-desc ul li a:hover{
	text-decoration: underline !important;
	color: #FFFFFF !important;
}
.teaching-resource>p{
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
	color: #ffffff;
	padding-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}


.section3{
	overflow: hidden;
	width: 1190px;
	margin: 40px auto;
}
.content-left-teach{
	width: 750px;
	float: left;
}
.content-left-teach .teaching-title>.title-message{
	font-size: 16px;
	color: #bdbdbd;
	display: inline-block;
	position: relative;
	padding: 0 20px;
	text-align: center;
}
.content-left-teach .teaching-title>.m1{
	display: none;
}
.content-left-teach .teaching-title>.active1{
	font-weight: bold;
	font-size: 22px;
	color: #385b93;
}
.content-left-teach .teaching-title>.active1::after{
	content: none;
}
.content-left-teach .teaching-title>.title-message:hover{
	color: #385b93;
	cursor: pointer;
}
.content-left-teach .teaching-title>.title-message::after{
	content: '';
	height: 15px;
	position: absolute;
	left: 0;
	border-left: 1px solid #bdbdbd;
	top: 50%;
	transform: translateY(-50%);
}
.content-left-teach .teaching-title>.title-message:after{
	content: '';
	height: 15px;
	position: absolute;
	left: 0;
	border-left: 1px solid #bdbdbd;
}
.content-left-teach .teaching-title{
	position: relative;
	border-bottom: 1px solid #bfbfbf;
	/* padding-bottom: 20px; */
	line-height: 45px;
}
.teaching-title>a{
	float: right;
}
.teaching-title .teaching-more{
	width: 19px;
	height: 19px;
}
.content-left-teach .teaching-list{
	display: none;
}
.content-left-teach>.listshow{
	display: block;
}
.teaching-list .list-ul{
	overflow: hidden;
}
.teaching-list .list-ul>li{
	float: left;
	width: 100%;
	font-size: 16px;
	height: 51px;
	line-height: 51px;
	color: #2f2f2f;
	border-bottom: 1px dashed #cdcdcd;
	background: url('/image/kfdx_info_list_icon.png') no-repeat left center;
}
.list-ul>li>a .a-desc{
	margin-left: 30px;
	display: block;
	float: left;
	width: 625px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #2F2F2F;
}
.list-ul>li:hover a .a-desc{
	color: #337ab7;
}
.list-ul>li>a .a-time{
	float: right;
	color: #b1b1b1;
}
.teaching-net{
	width: 400px;
	float: right;
}
.teaching-net>span{
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background-color: #6897e4;
	display: block;
}
.teaching-net .network{
	background-color: #f4f2f0;
	padding-bottom: 24px;
}
.network>ul{
	overflow: hidden;
}
.network>ul>li{
	float: left;
	margin-left: 50px;
}
.network>ul>li>a{
	font-size: 16px;
	line-height: 52px;
	color: #7b787a;
	display: block;
	border-bottom: 1px dashed #7e7e7e;
}
.network>ul>li>a:hover{
	color: #bd1818 !important;
	border-bottom: 1px dashed #bd1818;
}

@media screen and (max-width: 1199px) {
	.section1 {width: 1002px;}
	.section2 {width: 1002px;}
	.section3 {width: 1002px;}
	.section1>.content-left-top {width: 595px;height: auto}
	.content-left-top .school-img {width: 100%;}
	.content-left-top .school-img-list{height: 90px;}
	.school-img-list .scoll-addres{line-height: 123px;}
	.content-right-top{margin-left: 30px;width: 375px;}
	.section2>.content-left-support{width: 595px;}
	.section2>.teaching-resource{width: 375px;float: right;margin-left: 0;}
	.content-left-support .support-list{width: 90%;}
	.teaching-resource .resource-desc{width: 90%;}
	.content-left-support>.support-list ul li{width: 20%;}
	.list-ul>li>a{width: 80%;}
	.resource-desc>p{line-height: 50px;}
	.content-left-teach {width: 595px;}
	.teaching-net {width: 375px;}
	.slideBox .hd{bottom: 35px;}
	.slide-li .slide-txt{
		height: 70px;
	}
	.slide-li .slide-txt p{
		/* display: none; */
		line-height: 100px;
	}
		
	/* 头部 */
	.science-nav .science-ul {width: 1002px;}
	.layout {width: 1002px;}
	.header-top{width: 1002px;}
	
	.section-content {width: 100%;margin: 0 auto;}
	.section-content>.section-top {width: 1002px;}
	.section-content>.section-top img{width: 100%;}
	.section-middle{float: right;margin-left: 0;width: 610px;}
	.section1>.section-right{float: none;clear: both;margin: 0;padding-top: 30px;width: 100%;}
	.section-right>.right-input{width: 32%;margin-bottom: 0;float: left;margin-right: 20px;margin-top: 20px;}
	.section-right>.right-input>input{width: 254px;}
	.section-right>.right-ad{margin-top: 0;float: left;width: 32%;}
	.section-right>.right-ad:last-child{float: right;}
	.mt40{width: 47%;}
	.center-teamwork{width: 100%;}
	.mt40:nth-child(2){
		float: right;
		/* margin-right: 17px; */
	}
	.mt40:last-child{width: 100%;}
	
	/* 头部css */
	.header .logo{width: 1002px;}
	.header .h-r .nav{width: 1002px;}
	.ul-list .text_box{width: 1002px;}
	/* 头部css */
	
}

@media screen and (max-width: 1001px) {
	.section1 {width: 768px;padding: 0 15px;box-sizing: border-box;margin: 0 auto;}
	.section2 {width: 768px;padding: 0 15px;box-sizing: border-box;}
	.section3 {width: 768px;padding: 0 15px;box-sizing: border-box;}
	.section1>.content-left-top{width: 100%;height: auto;}
	.content-right-top {width: 100%;margin-left: 0;margin-top: 30px;margin-bottom: 30px;}
	.section2>.content-left-support {width: 100%;}
	.section2>.teaching-resource {width: 100%;margin-top: 30px;}
	.content-left-teach {width: 100%;float: none;}
	.teaching-net {width: 100%;float: none;margin-top: 30px;}
	.content-right-top{padding: 0 20px;}
	.school-desc{width: 100%;}
	/* 头部 */
	.science-nav .science-ul {width: 768px;}
	.layout {width: 768px;}
	.layout .logo {width: 365px;}
	.header-top{width: 768px;}
	.top-r>.img-r{display: none;}
	.header-top>.logo{width: 310px;}
	.top-r>.r-desc>a{padding-left: 25px;}
	
	.section1 {width: 768px;padding: 0 15px;box-sizing: border-box;}
	.section-content>.section-top {width: 768px;}
	.section-content {width: 768px;}
	.section3{padding: 0 15px;box-sizing: border-box;}
	.section1>.section-left{float: none;}
	.section-middle{float: left;width: 410px;}
	.section1>.section-right{float: right;width: 300px;clear: none;}
	.section-right>.right-input{width: 100%;margin-right: 0;margin-top: 0;float: none;margin-bottom: 13px;}
	.section-right>.right-input>input{width: 235px;box-sizing: border-box;}
	.section-right>.right-ad{width: 300px;margin-top: 20px;}
	.mt40:nth-child(2){margin-right: 0;}
	.mt40{width: 47%;}
	.center-teamwork:last-child{padding: 0;}
	.mt40:nth-child(2){margin-left: 0;}
	.section-center .row{padding: 0 15px;box-sizing: border-box;}
	
	/* 头部css */
	.ul-list .text_box{width: 768px;}
	.header .logo{width: 768px;}
	.header .h-r .nav{width: 100%;}
	.top-r .desc .b{display: none;}
	.header .logo .t-img{width: auto;height: 50px;}
	.header .sidebar-ico{display: block !important;}
	.header .h-r{display: none;}
	.section-content{margin-top: 0;}
	.header .h-r{
		display: block;
		width: 50%;
		height: 100%;
		position: fixed;
		z-index: 100;
		right: -50%;
		top: 0;
		background: #385b93;
		transition: ease .5s all;
	}
	.header .h-r.on{
		right: 0;
	}
	.h-r .nav .nav-li{float: none;width: 100%;}
	.mask{
	    display: none;
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    background: #000;
	    opacity: .6;
	    top: 0;
	    left: 0;
	    z-index: 99;
		background: transparent \9;
	}
	.mask.on{
	    display: block;
	}
	.header .h-r .ul-list{display: none;}
	/* 头部css */
	
}

@media screen and (max-width: 767px) {
	.section1 {width: 100%;}
	.section2 {width: 100%;margin-top: 20px;}
	.section3 {width: 100%;margin-top: 15px;}
	.content-right-top{padding: 0 15px;margin-bottom: 0;}
	.content-left-support>.support-list ul li{width: 33.3333%;}
	.list-ul>li>a{width: 70%;}
	.content-left-teach .teaching-title>.title-message:first-child{display: block;}
	.teaching-net .network{padding-left: 15px;padding-right: 15px;}
	.network>ul>li{width: 46%;margin: 0;text-align: center;}
	.network>ul>li:nth-child(2n+2){float: right;}
	
	.resource-desc>p{line-height: 30px;}
	
	/* 头部 */
	.header-top{width: 100%;}
	.section1 {width: 100%;}
	.section-content>.section-top {width: 100%;}
	.section-content {width: 100%;}
	.section-middle{width: 100%;}
	.mt40{float: none;width: 100%;margin-top: 20px;}
	.section1>.section-right{width: 100%;}
	.section-right>.right-ad{width: 100%;}
	.section-right>.right-input>input{width: 80%;}
	.section-right>.right-input>button{width: 20%;}
	
	/* 头部css */
	.header .logo{width: 100%;}
	.header .h-r .nav{width: 100%;}
	.top-r .desc{display: none;}
	.header .logo{height: 100px;}
	.header .sidebar-ico{top: 35px;}
	.header .logo .t-img{height: 40px;}
	/* 头部css */
	.slideBox .hd ul li{
		width: 22%;
		height: auto;
		margin-right: 0;
		margin-left: 7px;
	}
	.slideBox .hd ul li:last-child{
		margin-right: 6px;
	}
	.slide-li .slide-txt{
		display: none;
	}
	.slideBox .hd{
		bottom: 5px;
		height: auto;
	}
	.slideBox .hd ul{height: auto;}
}
@media screen and (max-width: 500px) {
	.content-left-support>.support-list ul li{width: 50%;}
	.teaching-resource>.resource-desc ul li{width: 50%;}
}