.Banner1{ width:100%; overflow: hidden; position: relative; margin: 60px 0 0 0;}
.rslides1 { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides1 li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides1 li:first-child { position: relative; display: block; float: left; }
.rslides1 .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container1 { position: relative; float: left; width: 100%;overflow:hidden; }
.slide1 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide1 li { position: absolute; width: 100%; left: 0; top: 0; text-align:center; }
.slide1 li a{position: relative;display: block;}
.slide1 li img{ display:block;}
.slide1 .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide_nav1 { position: absolute; top: 45%; left: 50px; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height:60px; width:40px; background:url(/images/lf.png) no-repeat left top; margin-top: -22px; }
.slide_nav1:active { opacity: 1.0; }
.slide_nav1.next { left: auto;background:url(/images/rt.png) no-repeat left top; right: 50px; }
.slide_tabs1{position:absolute;right:47%;bottom:25px;z-index:99; display:block;}
.slide_tabs1 li{width:20px;height:4px;border-radius:5px;margin-left:12px;background-color:#c1c1c1;float:left;color:#fff;}
.slide_tabs1 li a{color:#fff;display:block;text-indent:-999em;}
.slide_tabs1 li.slide_here{background:#c70035;width:20px;height:4px;}

.slides_till1{position: absolute;bottom:15%;width: 100%;left:0;}
.slides_till1 div{margin:0 auto;position: relative;max-width: 1200px;}
.slides_till1 div p{position: absolute;right:0;bottom:0;width: 40%;background: rgba(135,128,129,0.35);padding:30px;text-align: left;}
.slides_till1 div p i{display: block;font-size: 32px;color:#fff;margin-bottom: 20px; font-style: normal;}
.slides_till1 div p span{display: block;font-size: 18px;line-height: 28px; color:#fff; }



.Banner { position: relative; margin:35px 0 0 0;}
.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 { height: 0px; padding-bottom: 75%; width: 100%; overflow: hidden; display: block; }
.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; top: 45%;  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: 29px; height: 43px; background-size: 29px 43px; left: 50%; margin: -15px 0 0 -700px; background:url(/images/arrow_left_03.png) no-repeat left top;  }
.Banner .slide_nav.next {  width: 29px; height: 43px; background-size: 29px 43px; right: 50%; margin: -15px -700px 0 0px; background:url(/images/arrow_right.png) no-repeat left top; }
.Banner .slide_nav.prev:active,.Banner .slide_nav.prev:hover { background: url(/images/arrow_left_hover.png) no-repeat; }
.Banner .slide_nav.next:active,.Banner .slide_nav.next:hover { background: url(/images/arrow_right_hover.png) no-repeat; }
.Banner .slide_tabs li a{ width: 8px; height: 8px; 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:10px;height:10px; display: inline; margin:0 10px 0 0;  color:#fff;}
.Banner .slide_tabs{position:absolute; bottom:72px;z-index:999; width: 100%; text-align: center;}



.ba_date { position: absolute; left: 0px; top: 0px; border: 1px solid #dddddd; background: #ffffff; width: 47px; text-align: center; }
.ba_date .day { height: 31px; line-height: 31px; font-size: 14px; color: #181842; }
.ba_date .month { height: 24px; line-height: 24px; border-top: 1px solid #dddddd; background: #c72e45; color: #ffffff }










.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: 34px auto 0; overflow: hidden; z-index: 99; position: relative; }
.news { width: 52%; float: left; }
.science { width: 43%; float: right; }


.mode01 { overflow: hidden; max-width: 1200px; margin:0 auto; }
.mode01 .lf { width: 39.9%; float: left; margin:0 27px 0 0; }
.mode01 .md { width: 32.3%; float: left; }
.mode01 .rt { width: 23.88%; float: right; }
.tab ol { overflow: hidden; position: relative; height: 35px; background: url(/images/ol_03.jpg) no-repeat left top; padding: 0 0 0 16px; }
.tab ol li { float: left; line-height: 25px; margin:0 20px 0 0; }
.tab ol li:last-child { background: url(/images/li_05.jpg) no-repeat left top; padding: 0 0 0 11px; }
.tab ol li h2 { font-size: 18px; color: #999999; font-weight: normal; }
.tab ol li a { position: absolute; right: 18px; top: 0px; font-size: 14px; color: #999999; display: none; }
.tab ol li.current a { display: block; }
.tab ol li.current h2 { color: #181842; cursor: pointer; }
.tab ul { border: 1px solid #d3e0f7; border-top: 1px solid #e2e4e4; border-bottom: 0px; }
.tab ul li { overflow: hidden; padding: 24px 15px 0 10px; border-bottom: 1px solid #e2e4e4; }
.tab ul li img { float: left; width: 83px; height: 47px; }
.w_right { margin:0 0 0 98px; }
.w_right a { font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;  }
.w_right span { font-size: 12px; color: #6f7676; float: right; }
.w_right2 { margin:10px 0; }
.w_right2 a { font-size: 14px; line-height: 20px; height: 47px; overflow: hidden;  }
.w_right2 span { font-size: 12px; color: #6f7676; float: right; }
.Banner .slider { font-size: 16px; color: #ffffff; position: absolute; bottom: 0px; left: 0px; background: url(/images/slider_bg_10.png); padding: 10px 2%; width: 96%; }



.Training_enrolment .title { height: 35px; line-height: 25px; background: url(/images/ol_03.jpg) no-repeat left top; padding:0 0 0 16px; }
.Training_enrolment .title h2 { font-size: 18px; color: #181842; font-weight: normal; float: left; }
.Training_enrolment .title a { width: auto; float: right; font-size: 14px; color: #a6172d; }
.Training_enrolment .title a:hover { font-weight: bold; }
.Training_enrolment ul { border: 1px solid #d6e2f8; border-top: 1px solid #e2e4e4; border-bottom: 0px; }
.Training_enrolment ul li { padding: 17.5px 15px; border-bottom: 1px solid #dee0e0; }
.Training_enrolment ul li .a { font-size: 14px; line-height: 18px; height: 36px; overflow: hidden; display: block; }
.Training_enrolment ul li span { width: 62px; border: 1px solid #c72e45; text-align: center; height: 22px; line-height: 22px; float: right; border-top-left-radius: 5px; border-bottom-right-radius: 5px; }
.Training_enrolment ul li span:hover { background: #c72e45;  }
.Training_enrolment ul li span:hover a { color: #ffffff; }



.project .title { text-align: center; background: #ffffff; padding: 0 0 25px 0; }
.project .title a { height: 37px; line-height: 37px; padding: 0 38px; display: inline-block; background: #c72e45;border-top-left-radius: 5px; border-bottom-right-radius: 5px; }
.project .title a h2 { font-size: 18px; color: #ffffff; font-weight: normal; }






.wrap_mode02 { background: url(/images/fengwo_bg_03.png) no-repeat center bottom; margin: 50px 0 50px 0; height: 624px; }
.mode02 { margin:0px auto; }
.project_con { position: relative; max-width: 732px; margin: 74px auto 0;  }
.project ul {  position: relative; height: 410px; }
.project ul li {display: table; position: absolute; width: 142px; height: 165px; background: url(/images/fbg_03.png) no-repeat; }
.project ul li p { display: table-row; }
.project ul li span { display: table-cell; vertical-align: middle; text-align: center; padding: 0 10px; }
.project ul li a {  font-size: 14px; }
.project ul li:hover { background: url(/images/fbg_hover.png) no-repeat; }
.project ul li:hover a { color: #ffffff; }
.project .li1 { left: 76px; top: 0px; }
.project .li2 { left: 222px; top: 0px; }
.project .li3 { left: 371px; top: 0px; }
.project .li4 { left: 520px; top: 0px; }
.project .li5 { left: 0px; top: 126px; }
.project .li6 { left: 145px; top: 126px; }
.project .li7 { left: 296px; top: 126px; }
.project .li8 { left: 445px; top: 126px; }
.project .li9 { left: 593px; top: 126px; }
.project .li10 { left: 76px; top: 249px; }
.project .li11 { left: 222px; top: 249px; }
.project .li12 { left: 371px; top: 249px; }
.project .li13 { left: 520px; top: 249px; }


.wrap_mode03 { background: #f5f5f5; padding: 40px 0 40px 0; }
.mode03 { max-width: 1200px; margin: 0 auto;  }
.student .title { text-align: center; }
.student .title a { height: 37px; line-height: 37px; padding: 0 38px; display: inline-block; background: #c72e45;border-top-left-radius: 5px; border-bottom-right-radius: 5px; }
.student .title a h2 { font-size: 18px; color: #ffffff; font-weight: normal; }
.Banner01 { margin: 20px 0 0 0; }





.mode04 { max-width: 1200px; margin: 40px auto; }
.Banner02 { margin: 25px auto;max-width: 1101px; }




/* CSS Document */
@media screen  and (max-width:1386px) {
.mode01 .lf { width: 39%; }
.mode01 .md { float: left; width: 32.3%; }
.tab ul li{padding:15px 15px 0 10px;}
.tab ul li img{float:left;width:79px;height:42px;}
.w_right a{font-size:12px;}
.w_right span{font-size:10px;}
.lf_md { /*overflow: hidden;*/ }
.mode01 .rt { width: 23.88%; float: right; }
.Training_enrolment ul li .a { height: auto;font-size:12px; }
.Training_enrolment ul li{padding:10.5px 15px;}
.mode01 { max-width: 1000px; }
.mode03 { max-width: 1000px; }
.mode04 { max-width: 1000px; overflow: hidden; }
.Banner02 { margin: 25px auto 0; }
.Banner .slider{font-size:12px;}
}

@media screen  and (max-width:1023px) {
.mode01 .lf { width: 100%; float: none; }
.mode01 .md { width: 100%; float: none; margin-top: 40px; }
.mode01 .rt { width: 100%; float: none; margin-top: 48px; }
.wrap_content { margin-top: 50px; }
.Banner { margin-top: 0px; }
.mode01 { margin: 0 15px; }
.mode03 { margin: 0 15px; }
.mode04 { margin: 36px 15px 40px; }

.Training_enrolment ul li .a { height: auto;font-size:14px; }
.Training_enrolment ul li{padding:17.5px 15px;}
.w_right a{font-size:14px;}
.w_right span{font-size:12px;}
.Banner .slider{font-size:16px;}

}

@media screen and (max-width:999px) {
.mode02 { margin: 0 auto; }
.project ul { margin: 0 -5px; }
.project ul li { position: static; float: left; margin: 0 5px 9px; }
.project_con { margin: 60px auto 0; overflow: hidden; max-width: 755px; }
}

@media screen and (max-width:767px) {
.project_con { max-width: 448px; margin: 50px auto; }
.wrap_mode02 { height: auto; background-position: center;  padding: 0 0 1px 0; background-repeat: repeat-y; margin-bottom: 40px; }
.tab ol li h2 { font-size: 16px; }
.Training_enrolment .title h2 { font-size: 16px; }
.w_right span { font-size: 12px; }
.wrap_mode03 { padding: 40px 0 96px 0; }
.Banner .slider { font-size: 14px; }
.project .title a h2 { font-size: 16px; }
.student .title a h2 { font-size: 16px; }
}



@media screen and (max-width:640px) {
.Banner .slide_nav.prev { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; }
.Banner .slide_nav.next { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; }
.Banner .slide_nav.prev:active,.Banner .slide_nav.prev:hover { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; }
.Banner .slide_nav.next:active,.Banner .slide_nav.next:hover { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; }
}


@media screen and (max-width:480px) {
	.project_con { max-width: 295px;  }

}

@media screen and (max-width:450px) {
}

@media screen and (max-width:400px) {

}



@media screen and (max-width:360px) {
}