@charset "utf-8";

/* CSS Document */

.nbanner{height: 450px;position:relative;width: 100%;overflow: hidden;}
.nbanner img{position:absolute;left:50%;margin-left:-960px}

.position{margin-bottom:54px;}
.position,.position a{background: #eeefee;color:#666666;font:16px/54px Microsoft Yahei,Arial;}
.position p{padding-left:30px;background:url(../image/icon_home.png) left center no-repeat;float: right;}
.position a:hover{color:#2c66bb}

.ncontent{}
.ncontent .fl{float:left;width:278px;}
.ncontent .fl .ntit{display:block;text-align:center;color:#fff;font-size: 24px;background: #2c66bb;line-height: 76px;}
.ncontent .fl .ntit em{font: 16px/16px Arial;margin-top:10px;display:block;text-transform:uppercase;}


.ncontent .fl .nsort{padding: 10px 18px;background: #1b429a;margin-bottom: 50px;}
.ncontent .fl .nsort li{margin-bottom:20px;}
.ncontent .fl .nsort a{position:relative;display:block;border-bottom: 1px dashed #2c66bb;line-height:42px;padding:0 4px 0 24px;color:#fff;font-size: 16px;}
.ncontent .fl .nsort a i{position:absolute;top:9px;right:4px;width:22px;height:22px; background:url(../image/r.png);}
.ncontent .fl .nsort li:hover a,.ncontent .fl .nsort li.current a{color: #b1d1ff;}
.ncontent .fl .nsort li.current a i{transform:rotate(90deg);}
.ncontent .fl .nsort li .dropdown{/* display:none; */}
.ncontent .fl .nsort li.current .dropdown{display:block;}
.ncontent .fl .nsort li .dropdown a{padding-left:40px;margin-top:4px;}
.ncontent .fl .nsort li .dropdown a,.ncontent .fl .nsort li.current .dropdown a{color:#fff;line-height: 40px;font-size: 14px;}
.ncontent .fl .nsort li:hover .dropdown a:hover,.ncontent .fl .nsort li.current .dropdown a.current2{color: #b1d1ff;}

.nlcontact{text-align: left;margin-top: 36px;}
.nlcontact img{display:block;margin:0 auto;}
.contactinfo{margin-top: 0;background: #2c66bb;padding: 0 6px 6px 6px;}
.contactinfo .nctit{color:#2c66bb;font-size:18px;line-height:30px;}
.contactinfo p{padding: 20px 12px;background:#fff;color:#666;font-size:14px;line-height:36px;}
.contactinfo p a{color:#666;}.contactinfo p a:hover{ text-decoration:underline;}
.ncontent .fr{float:right;width:894px;padding-top:36px;}
.ncontent .fr .ndtitle{font-size:20px;font-weight:bold;color: #333;line-height: 1.5;max-width: 90%;margin: 0 auto 40px auto;}

.aboutlist{display:flex;/* align-items:center; */justify-content:space-between;flex-wrap:wrap;text-align:center;}
.aboutlist a{display:block;max-width:214px;margin-bottom:24px;overflow:hidden;/* white-space: nowrap; *//* text-overflow:ellipsis; *//* word-break: break-all; */line-height: 1.2;}
.aboutlist a img{display:block;max-width:214px;margin-bottom:10px;}

.rimglist{margin-top: 30px;}
.rimglist li{float:left;width:292px;margin-right:8px;margin-bottom:40px;}
.rimglist li .img{display: block;width:272px;height: 192px;overflow:hidden;border:10px solid #f8f8f8;border-top: 8px solid #f8f8f8;position: relative;border-bottom: 0;}
.rimglist li .img img{top50%: 100%;position: absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align: center;}
.rimglist li:nth-child(3n+3){margin-right:0;}
.rimglist li .tit{line-height:60px;height:60px;background:#f8f8f8;color:#666;display:block;text-align:center}
.rimglist li:hover .img{border:10px solid #f7f8f7;border-top: 8px solid #f7f8f7;    border-bottom: 0;}
.rimglist li:hover .tit{background:#f7f8f7;color:#2c66bb}

.newslist li{padding: 30px 36px 36px 44px;border-bottom: 1px dashed #eee;}
.newslist li .date{float:left;width: 72px;margin-right: 46px;padding: 24px 0 26px 0;text-align:right;}
.newslist li span,.newslist li a{display:block;}
.newslist li .date span.md{font-size: 24px;color:#666;margin-bottom: 16px;}
.newslist li .date span.y{font-size: 16px;color:#666;margin-bottom:  10px;}
.newslist li .date span.l{width:26px;height:2px;background:#cdcdcd;float:right;margin-right: 2px;}
.newslist li .txt .tit{font-size: 18px;margin-bottom: 20px;color: #333;line-height: 1.3;}
.newslist li .txt p{font-size:14px;line-height:24px;color:#666;}
.newslist li .txt a.more{margin-top: 20px;font-size:12px;color:#b6b6b6;}
.newslist li:hover{background:#f7f8f7;}
.newslist li:hover .txt .tit{color: #2c66bb;}
.djwh{display:block;margin:0 auto 20px auto}

.rulelist li{padding:20px 10px;padding-left:16px;background:url(../image/icon_dot.png) left center no-repeat;border-bottom:1px dashed #ddd;}
.rulelist li a{font-size:16px;color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;margin-right: 30px;}
.rulelist li:hover a{color:#2c66bb;}
.rulelist li span{font-size:14px;color:#666;}
.rulefile{text-decoration:underline;padding-left:36px;margin-left:40px;background:url(../image/rulefile.png) left center no-repeat;background-size:auto 100%}

.programlist{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;}
.programlist li{width:290px;margin-bottom:20px;margin:0 4px;}
.programlist li .img{display:block;}
.programlist li img{display:block;width:100%;height:206px;}
.programlist li .tit{line-height:3em;display:block;text-align:center;color:#666;}
.programlist li:hover .tit{color:#2c66bb;}

.ndetail{}
.ndtitle{font-size:24px;margin-bottom:30px; text-align:center;color:#666}
.ndetail .xt{border-bottom:1px solid #eee;margin-bottom:40px;line-height: 36px;font-size:14px;color: #888;text-align:center;}
.ndetail .xt span{margin-right:20px;color: #555;}
.ndetail .ndc{font: 16px/2em Microsoft Yahei,Arial;color: #333;margin-bottom: 40px;text-align: justify;}
.ndetail .ndc img{/* display:block; *//* margin:0 auto; *//* max-width: 100%; */}
.ndetail .ndc strong{font-weight:bold;}
.ndetail .ndc table td{border:1px solid #ddd;padding:0 10px;}
.conactinfo{line-height:2;margin-top:18px;}
.conactinfo table th{text-align:center;}
.conactinfo table td{padding: 0 40px;}
.conactinfo table td strong{font-weight:bold;}
.ndetail .about table td{font-size:15px;border:1px solid #eee;padding:10px 14px;text-align: justify;}
.ndetail .about table td font{font-weight:bold}

.npage{margin:20px auto;background:#fafafa;padding: 10px 0;}
.npage li{float:left;width: 410px;font-size: 14px;line-height: 24px;color: #666;margin: 6px 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.npage li a{font-weight: bold;}
.npage li span{border:1px solid #e9e9e9;border-radius:8px;padding: 0px 10px;background:#FFF;color:#565656;font-size: 18px;margin-right:24px;line-height: 66px;height: 66px;display: inline-block;}
.npage li:hover a{color:#2c66bb}

.pagelist{margin-top: 80px;text-align:center;color:#666;font-size:14px;}
.pagelist li{display:inline-block;}
.pagelist a{display:inline-block;padding: 8px 10px;color:#666;background: #f5f5f5;margin: 0 6px;}
.pagelist span.thisclass,.pagelist li.thisclass{display:inline-block;padding: 8px 10px;background: #2c66bb;color:#fff;margin: 0 6px;}



.imgbox{height:660px;}
.imgbox .swiper-container {
			  width: 800px;
			  height: 300px;
			  margin-left: auto;
			  margin-right: auto;
			}
.imgbox .swiper-slide {
			  /* background-size: cover; */
			  background-position: center;
			  background-repeat: no-repeat;
			  /* background-color: #f5f5f5; */
			}
.imgbox .gallery-top {
			  height: 80%;
			  width: 800px;
			}
.imgbox .gallery-thumbs {
			  width: 800px;
			  height: 20%;
			  box-sizing: border-box;
			  padding: 10px 0;
			}
.imgbox .gallery-thumbs .swiper-slide {
			  height: 100%;
			  opacity: 0.4;
			}
.imgbox .gallery-thumbs .swiper-slide-thumb-active {
			  opacity: 1;
			}
			
.imgbox .swiper-button-next{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232bb8ec'%2F%3E%3C%2Fsvg%3E");
	right: 20px;
}
.imgbox .swiper-button-prev{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232bb8ec'%2F%3E%3C%2Fsvg%3E");
	left: 20px;
}


.history{position:relative;overflow: hidden;}
.history .line{position:absolute;top: 115px;width:100%;height:1px;background:#c5c5c5;}
.history .swiper-container{background: url(../image/aboutimg5.png) center 40px no-repeat;background-size:auto auto;}
.historylist{position:relative;width:92%;padding:70px 5px 30px 5px;margin: 0 auto;}
.historylist .date{margin-bottom:40px;font-size:24px;color:#2c66bb;text-align:center;}
.historylist .txt{line-height:20px;font-size:14px;}
.historylist .swiper-button{width:40px;height:40px;margin-top: -19px;}
.historylist .swiper-button-next{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");
	background-color:rgba(0,0,0,.3);
	background-size:14px 14px;
	right:-30px;
	left:auto;
}
.historylist .swiper-button-prev{
	background-image:url("data:image/svg+xml;charset=utf-8 ,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");
	background-color:rgba(0,0,0,.3);
	background-size:14px 14px;
	right:auto;
	left:-30px;
}

.course-info{
	position: relative;
	padding: 40px 40px 50px;
}

#line{
	width: 2px;
	background-color: #BEBEBE;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -1px;
}

#line img{
	width: 10px;
	height: 10px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -5px;
}

.course-time .fll img{
	position: absolute;
	top: 20%;
	right: -10px;
	width: 20px;
	height: 20px;
}
.course-time .frr img{
	position: absolute;
	top: 20%;
	left: -10px;
	width: 20px;
	height: 20px;
}

.course-time li:after{
	content: '';
	display: table;
	clear: both;
	height: 0;
}

.course-time li .time-list{
	width: 50%;
}
.time-list{
	position: relative;
}

.time-list div{
	width: 80%;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px #CCCCCC;
	position: relative;
	padding:20px 10px;
}

.time-list div h3{font-size: 20px;padding: 0 20px;}

.time-list .fll h3{
	text-align: right;
}

.time-list .frr h3{
	text-align: left;
}
.time-list div p{font-size: 15px;line-height: 1.5em;padding: 10px 20px 0 20px;color: #555;}

.time-list .fll p{
/*	text-align: right;*/
}

.time-list .frr p{
	text-align: left;
}

.time-list .fll:before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 20px solid #FFFFFF;
	position: absolute;
	top: 20%;
	right: -30px;
}

.time-list .frr:before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right: 20px solid #FFFFFF;
	position: absolute;
	top: 20%;
	left: -30px;
}