
.Banner { position: relative; background:-webkit-linear-gradient(top,rgba(0,24,55,.02),rgba(0,24,55,1));/* Safari 5.1 - 6.0 */
           background:-o-linear-gradient(top,rgba(0,24,55,.02),rgba(0,24,55,1));/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(top,rgba(0,24,55,.02),rgba(0,24,55,1));/* Firefox 3.6 - 15 */
           background:linear-gradient(top,rgba(0,24,55,.02),rgba(0,24,55,1));/* 标准*/max-width: 1920px;margin:0 auto; z-index: 9; }
.Banner .rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.Banner .rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; }
.Banner .rslides li:first-child { position: relative; display: block; float: left; }
.Banner .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.Banner .slide li { position: absolute; width: 100%; }
.Banner .slide li a img{ width: 100%; }
.Banner .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner .slide_container { position: relative;  width: 100%;overflow:hidden; }
.Banner .slide_nav { position: absolute; bottom: 20px;  opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 43px; width: 29px; background:url(../images/lf.png) no-repeat left top;  }
.Banner .slide_nav.prev { width: 40px; height: 40px; background-size: 40px 40px; right: 50%; margin: -15px -550px 0 0px; background:url(../images/arrow_left_03.png) no-repeat left top;  }
.Banner .slide_nav.next {  width: 40px; height: 40px; background-size: 40px 40px; right: 50%; margin: -15px -600px 0 0px; background:url(../images/arrow_right_03.png) no-repeat left top; }
.Banner .slide_nav.prev:active,.Banner .slide_nav.prev:hover {  }
.Banner .slide_nav.next:active,.Banner .slide_nav.next:hover {  }
.Banner .slide_tabs li a{ width: 12px; height: 12px; background:url(../images/a_03.png);   display: inline-block;  text-indent:-999em;}
.Banner .slide_tabs li.slide_here a { background:url(../images/a_hover_03.png);   }
.Banner .slide_tabs li{width:12px;height:12px; display: inline; margin:0 5px 0 5px;  color:#fff;}
.Banner .slide_tabs{ width: 100%; position:absolute; bottom:20px;z-index:999; text-align: center; height: 12px; }


.Banner01 .rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.Banner01 .rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.Banner01 .rslides li:first-child { position: relative; display: block; float: left; }
.Banner01 .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner01 .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.Banner01 .slide li { position: absolute; width: 100%; left: 0; top: 0; }
.Banner01 .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner01 .slide_container img { width: 100%; transform: scale(1); transition: 2s; opacity: 1; } 
.Banner01 .slide_container img:hover { transform: scale(1.2); transition: 2s; opacity: .8; }
.Banner01 .slide_container { position: relative;  }
.Banner01 .slide_nav.prev { left: 50%; margin: -27px 0 0 -600px; }
.Banner01 .slide_nav:active { opacity: 1.0; }
.Banner01 .slide_tabs li a{ width: 6px; height: 6px; background: rgba(255,255,255,.15);   display: inline-block;  text-indent:-999em;}
.Banner01 .slide_tabs li.slide_here a { background:rgba(255,255,255,1);width:6px;height:6px;   }
.Banner01 .slide_tabs li{width:15px;height:15px; display: inline; margin:0 0px 0 10px;  color:#fff;}
.Banner01 .slide_tabs{position:absolute; bottom:20px;z-index:999; width: auto; right: 30px; text-align: center;}
.Banner01 .slider {  width: 94%; padding:5% 3% 3%;overflow:hidden; background:-webkit-linear-gradient(top,rgba(0,24,55,.02),rgba(0,24,55,.5));/* Safari 5.1 - 6.0 */
           background:-o-linear-gradient(top,rgba(0,24,55,.02),rgba(0,24,55,.5));/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(top,rgba(0,24,55,.02),rgba(0,24,55,.5));/* Firefox 3.6 - 15 */
           background:linear-gradient(top,rgba(0,24,55,.02),rgba(0,24,55,.5));/* 标准*/  font-size: 18px; color: #ffffff; position: absolute; left: 0px; bottom: 0px; z-index: 9999; }
.Banner01 { margin: 20px 0 0 0; }
.banner{ width:100%; overflow: hidden; position: relative;}
.close{position:absolute;right:0;bottom:0;width:25px;height:25px;cursor:pointer;display:block;z-index:9999;}
.wrap_content { width:100%; margin: 20px auto 0; overflow: hidden; z-index: 95; position: relative; }
.content{  margin: 0 auto 0; overflow: hidden; }

.mode01 { overflow: hidden; max-width: 1200px; margin: 0 auto;padding-bottom: 30px;}
.news .title{ height: 40px; line-height: 40px; border-bottom: 1px solid #e1e1e1; }
.news .title h2 { width: auto; float: left; font-size: 22px; color: #333333; }
.news .title a { width: auto; float: right; font-size: 14px; color: #999999;}
.news .title a:hover { font-weight: bold; }
.news_top { overflow: hidden; margin: 20px 0 0 0; }
.news_left { width: 551px; float: left; }
/*.news_left img {  width: 551px; height: 310px; display: block; }*/
.news_right { margin: 10px 0 0 585px; }
.news_right h5 a { font-size: 20px; }
.news_con { font-size: 16px; line-height: 32px; margin: 20px 0 0 0; }
.ndate_nmore { overflow: hidden; margin: 40px 0 0 0; }
.ndate_nmore span { float: left; font-size: 16px; height: 48px; line-height: 48px; display: inline-block;}
.ndate_nmore a { width: 148px; height: 48px; border: 1px solid #e1e1e1; display: inline-block; float: right; text-align: center; line-height: 48px;color:#c62421; }


.newu_more { width: 40px; height: 40px; float: right; margin: 34px 0 0 0; }
.news_ul { margin: 0 40px 0 0; }
.news_ul ul { margin: 30px 0 0 -15px; overflow: hidden; }
.news_ul ul li { width: 33.33%; float: left; *width: 30%; }
.news_ul ul li:last-child { display: none; }
.news_ul ul li.last{ display: none; }
.news_ul .liIn { padding: 15px; margin: 0 15px; border: 1px solid #e1e1e1; }
.news_ul .liIn a { font-size: 14px; line-height: 22px; height: 22px; display: block; overflow: hidden; }
.news_ul .liIn p{ font-size: 14px; color: #999999; }
.news_right h5 { height: 67px; overflow: hidden; line-height: 33px; }
.news_right .news_con { height: 96px; overflow: hidden; }

.wrap_mode02{  width: 100%; height: auto; background: #c62421; margin: 28px 0 0 0;background-size: cover; }
.mode02 { max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 40px 0 33px 0; }
.student { width: 46.7%; float: left; }
.teacher { width: 46.7%; float: right; }
.student .title { overflow: hidden; border-bottom: 1px solid #e1e1e1; height: 42px; line-height: 42px; }
.student .title h2 { width: auto; float: left; padding: 0 0 0 30px; background: url(../images/student_03.png) no-repeat left center; font-size: 22px; color: #ffffff; }
.student .title a { width: auto; float: right; font-size: 14px; color: #fff; }
.student .title a:hover { font-weight: bold; }
.student ul li { height: 48px; line-height: 48px; overflow: hidden; }
.student ul li a { font-size: 16px; color: #ffffff; }
.student ul li a:hover { font-weight: bold; }
.student ul li span { float: right; font-size: 14px; color: #ffffff; margin-left: 6px;}

.teacher .title { overflow: hidden; border-bottom: 1px solid #e1e1e1; height: 42px; line-height: 42px; }
.teacher .title h2 { width: auto; float: left; padding: 0 0 0 30px; background: url(../images/teacher_03.png) no-repeat left center; font-size: 22px; color: #ffffff; }
.teacher .title a { width: auto; float: right; font-size: 14px; color: #fff; }
.teacher .title a:hover { font-weight: bold; }
.teacher ul li { height: 48px; line-height: 48px; overflow: hidden; }
.teacher ul li a { font-size: 16px; color: #ffffff; overflow: hidden; }
.teacher ul li a:hover { font-weight: bold; }
.teacher ul li span { float: right; font-size: 14px; color: #ffffff; margin: 0 0 0 10px; }




.mode03 { max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0 33px 0; }
.school .title{ height: 40px; line-height: 40px; border-bottom: 1px solid #e1e1e1; }
.school .title h2 { width: auto; float: left; font-size: 22px; color: #333333; }
.school .title a { width: auto; float: right; font-size: 14px; color: #999999;}
.school .title a:hover { font-weight: bold; }
.school_con { overflow: hidden; margin: 10px 0 0 0; }
.school_left { width: 480px; float: left; }
/*.school_left img { width: 480px; height: 270px; display: block; }*/
.school_right { margin: 0 0 0 480px; padding: 25px 30px 22px; background:#f2f6fb; height: 223px; }
.sr_con { font-size: 16px; line-height: 28px; height: 140px; overflow: hidden; }
.s_ul ul { overflow: hidden; margin: 20px 0 0 0; }
.s_ul ul li { padding: 5px 10px; float: left; border: 1px solid #c62421; margin: 0 0 0 30px; text-align: center; }
.s_ul ul li:first-child { margin-left: 0px; }
.s_ul ul li i { font-size: 24px; color: #c62421; text-align: center;font-weight: bold; }
.s_ul ul li p { font-size: 14px; color: #c62421; text-align: center; }





.wrap_mode04{width: 100%;overflow:hidden;background-color:#f5f8fc;padding: 25px 0 40px;}
.mode04 { max-width: 1200px; margin: 0 auto; overflow: hidden;  }
.academic { width: 41.7%; float: left; }
.academic .title { height: 70px; line-height: 70px; background: #c62421; padding: 0 30px 0 20px; }
.academic .title h2 { width: auto; float: left;  font-size: 22px; color: #ffffff;}
.academic .title a { width: auto; float: right; font-size: 14px; color: #ffffff; }
.academic_con { padding: 30px;background-color: #fff; }
.academic_con span { height: 0px; display: block; padding-bottom: 54.5%; overflow: hidden; }
.academic_con span img { width: 100%; transform: scale(1.0); transition: 2s; }
.academic_con span:hover img { transform: scale(1.2); transition: 2s; }
.academic_con h3 { font-size: 16px; line-height: 24px; margin: 10px 0 10px 0; height: 48px; overflow: hidden; }
.a_con { font-size: 14px; color: #999999; line-height: 24px; height: 48px; overflow: hidden; }
.academic_con p{ font-size: 16px; color: #c62421; text-align: right; padding: 10px 0 5px 0; border-bottom: 1px solid #e1e1e1; }
.academic_con ul { margin: 10px 0 0 0; }
.academic_con ul li { height: 34px; line-height: 34px; overflow: hidden; }
.academic_con ul li span { padding: 0px; height: auto; float: right; font-size: 16px; }
.academic_con ul li a { font-size: 16px; }




.teach { width: 55%; float: right; }
.teach .title { height: 70px; line-height: 70px; background: #c62421; padding: 0 30px 0 20px; }
.teach .title h2 { width: auto; float: left; font-size: 22px; color: #ffffff;}
.teach .title a { width: auto; float: right; font-size: 14px; color: #ffffff; }
.teach_con { padding: 30px;overflow:hidden;background-color: #fff; }
.teach_con ul li { float: left; width: 46.8%; }
.teach_con ul li:nth-child(even) { float: right; }
.teach_con ul li.right { float: right; }
.teach_con ul li span { height: 0px; padding-bottom: 57%; display: block; overflow: hidden; }
.teach_con ul li span img { width: 100%; transform: scale(1.0); transition: 2s; }
.teach_con ul li:hover img {transform: scale(1.2); transition: 2s;  }
.teach_con ul li p { font-size: 16px; line-height: 28px; margin:10px 0 10px 0; }
.teach_con ul li p a { height: 55px; overflow: hidden; display: block; }
.mode05{max-width: 1200px;margin: 0 auto;padding-top: 15px;padding-bottom: 35px;}
.list5{padding: 15px 0;overflow: hidden;}
.list5 li{width: 48%;float: left;height: 35px;line-height: 35px;overflow: hidden;font-size: 16px;box-sizing: border-box;padding-left: 28px;position: relative;white-space: nowrap;text-overflow: ellipsis;}
.list5 li::before{content: '';width: 5px;height: 5px;background-color: #cb1a1c;border-radius: 50%;left: 0;top: 50%;margin-top: -2.5px;position: absolute;}
.list5 li span{float: right;}
.list li:nth-child(2n){float: right;}
.title4{ height: 40px; line-height: 40px; border-bottom: 1px solid #e1e1e1; }
.title4 h2 { width: auto; float: left; font-size: 22px; color: #333333; }
.title4 a { width: auto; float: right; font-size: 14px; color: #999999;}
.title4 a:hover { font-weight: bold; }
@media screen  and (max-width:1386px) {
.Banner .slide_nav.prev { margin: 0 -450px 0 0;} 
.Banner .slide_nav.next { margin: 0 -500px 0 0;} 
.mode01 { max-width: 1000px; }
.mode02 { max-width: 1000px; }
.mode03 { max-width: 1000px; }
.mode04,.mode05 { max-width: 1000px; }
}


/* CSS Document */
@media screen  and (max-width:1200px) {

.Banner .slide_tabs { width: 100%; text-align: center; margin: 0px; left: 0px; }
}

@media screen  and (max-width:1020px) {
	.mode01,.mode05{width: auto;padding-left: 15px;padding-right: 15px;}
}

@media screen  and (max-width:999px) {
.Banner .slide_nav.prev { right: 65px; margin: 0px; }
.Banner .slide_nav.next { right: 15px; margin: 0px; }
.news_left { width: 100%; height: auto; float: none; }
.news_left img { width: 100%; height: auto; }
.news_right { margin: 10px 0 0 0; }
.news_right h5 { height: auto; }
.news_right .news_con { height: auto; }
.ndate_nmore{margin-top: 5px;}
.wrap_mode02 { margin: 0px; }
.news_ul ul li { width: 50%; margin: 0 0 15px 0;  }
.newu_more { display: none; }
.news_ul ul li:last-child { display: block; }
.news_ul { margin: 0px; }
.news_ul ul { margin: 30px -15px; }
.student { width: 100%; float: none; }
.teacher { width: 100%; float: none; margin: 20px 0 0 0;}
.mode02 { margin: 0 15px; }
.wrap_mode02 { background-size: cover; }
.mode03 { margin: 0 15px; }
.school_left { width: 100%; height: auto; float: none; }
.school_left img { width: 100%; float: none; height: auto; }
.school_right { margin: 0px; width: auto; height: auto;}
.academic { width: 100%; float: none; }
.teach { width: 100%; float: none; }
.academic_con h3 { height: auto; }
.a_con { height: auto; }
.news .title h2,.student .title h2,.teacher .title h2,.school .title h2,.academic .title h2,.teach .title h2{font-size: 20px;}
.news_right h5 a{font-size: 18px;}
.footer_left ul li p{font-size: 16px;}
}




@media screen  and (max-width:767px) {
.news_ul ul li { width: 100%; float: none; }
.teacher ul li a { font-size: 14px; }
.sr_con { font-size: 14px; height: auto; }
.teach_con ul li { width: 100%; float: none; }
.s_ul ul li { margin: 0 0 0 15px; }
.news .title h2,.student .title h2,.teacher .title h2,.school .title h2,.academic .title h2,.teach .title h2{font-size: 18px;}
.news_right h5 a{font-size: 16px;}
.list5 li{float: none;width: 100%;}
}



@media screen and (max-width:480px) {
	.Banner .slide_nav.prev { display: none; }
	.Banner .slide_nav.next { display: none; }
}


@media screen and (max-width:410px) {
	.s_ul ul{text-align: center;}
	.s_ul ul li{margin-bottom: 10px;float: none;display: inline-block;margin:0 5px 10px;}
	.s_ul ul li:first-child{margin-left: 5px;}
}

@media screen and (max-width:360px) {
.Banner01 .slide_tabs { bottom: 0px; }
}
