@charset "utf-8";
/* CSS Document */
body { background: #f5f7fb !important; }
.w { max-width: 1200px; margin: 0 auto; overflow: hidden; }
.czs { font-family: "Microsoft YaHei", "\82F9\679C\4E3D\4E2D\9ED1", sans-serif; }
.banner { height: 420px; width: 100%; overflow: hidden; background: url(../images/banner.jpg) no-repeat center center; }
.blank { height: 0.8rem; overflow: hidden; clear: both; width: 100%; }
.red { color: #e00; }
h2.title { font-size: 2.2rem; color: #F5636D; text-align: center; margin-bottom: 0.4rem; }
h2.title span { display: inline-block; background: -webkit-linear-gradient(left, #F77869, #F5616D); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
h3.title { font-size: 1.2rem; font-weight: normal; color: #666; text-align: center; margin-bottom: 1.8rem; }
h4.title { font-size: 1rem; font-weight: normal; color: #F5636D; text-align: center; }
h4.title b { font-size: 1.2rem; }
/*btn*/
.w_img { text-align: center; padding: 1rem 0rem; clear: both; overflow: hidden; }
.w_img img { width: 90%; }
.w_btn { clear: both; overflow: hidden; text-align: center; padding: 1.5rem; }
.w_btn a { font-size: 1rem; color: #fff; background: #ea4855; display: inline-block; padding: 0.725rem 5rem; border-radius: 50px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.w_btn a:hover { background: #333; color: #fff; }
.w_btn_2 span { display: block; width: 50%; box-sizing: border-box; padding: 0px 20px; float: left; }
.w_btn_2 span.tl { text-align: left; }
.w_btn_2 span.tr { text-align: right; }
/*marquee-top*/
.jiuye_marquee { padding: 60px 0px 30px; }
.txtMarquee-top { width: 100%; overflow: hidden; position: relative; background: url(../images/bg_marquee.jpg); box-sizing: border-box; border: #F5636D solid 1px; border-radius: 6px; margin-bottom: 20px; }
.txtMarquee-top .hd { overflow: hidden; background: #F5636D; color: #fff; }
.txtMarquee-top .hd .prev, .txtMarquee-top .hd .next { display: none; }
.txtMarquee-top .hd .next { background-position: 0 -140px; }
.txtMarquee-top .hd .prevStop { background-position: -60px -100px; }
.txtMarquee-top .hd .nextStop { background-position: -60px -140px; }
.txtMarquee-top .bd { }
.txtMarquee-top .infoList li { }
.txtMarquee-top dl { width: 100%; clear: both; overflow: hidden; font-size: 16px; text-align: center; }
.txtMarquee-top dd { float: left; box-sizing: border-box; height: 60px; line-height: 60px; }
.txtMarquee-top dd.d1 { width: 15%; }
.txtMarquee-top dd.d2 { width: 15%; }
.txtMarquee-top dd.d3 { width: 25%; }
.txtMarquee-top dd.d5	 { width: 15%; }
.txtMarquee-top dd.d4 { width: 15%; border-left: #f88a92 solid 1px; border-right: #f88a92 solid 1px; background: #FFEDEB; font-weight: bold; color: #f00; box-shadow: 0px 0px 10px #ffd3cd; color: #ee323f; }
.txtMarquee-top dd.d6 { width: 15%; }
.txtMarquee-top .hd dl { font-size: 18px; }
.txtMarquee-top .hd dd.d4 { background: #ffd3cd; box-shadow: 0px 0px 10px #cb414b; }
/*student */
.student { padding: 60px 0px 30px; background: #fff; }
.message { overflow: hidden; zoom: 1; }
.message li { float: left; margin: 10px; _display: inline; overflow: hidden; border-radius: 6px; background: #f5f7f8; width: 380px; height: 250px; box-sizing: border-box; }
.message li:nth-child(odd) { background: #e5e7e8; }
.message li .img { text-align: center; margin-top: 60px; margin-left: 15px; width: 120px; height: 120px; float: left; border-radius: 50%; overflow: hidden; margin-right: 15px; }
.message li .img img { width: 100%; display: block; }
.message li .img a:hover img { }
.message li .txt { width: 210px; overflow: hidden; float: left; color: #444; padding-top: 20px; }
.message li .txt p { font-size: 13px; line-height: 1.8; }
.message li .txt p.t1 { }
.message li .txt p.t2 { padding-top: 10px; font-size: 16px; text-align: right; color: #111; }
/*works_story*/
.works { padding: 60px 0px 30px; }
.works .w { overflow: visible; }
.picScroll-left { position: relative; }
.picScroll-left .prev, .picScroll-left .next { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; background: url(../images/arrow_left.png) no-repeat; position: absolute; top: 120px; }
.picScroll-left .prev { left: -70px; }
.picScroll-left .next { background: url(../images/arrow_right.png) no-repeat; right: -70px; }
.picScroll-left a.btn { font-size: 18px; color: #fff; background: #c00; display: inline-block; padding: 12px 0px; width: 300px; border-radius: 4px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.picScroll-left .bd { padding: 0px 0px 30px; width: 1200px; overflow: hidden; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { float: left; width: 268px; _display: inline; overflow: hidden; text-align: center; background: #fff; padding: 8px; margin-right: 22px; }
.picScroll-left .bd ul li .img { text-align: center; }
.picScroll-left .bd ul li .img img { width: 268px; height: 192px; display: block; }
.picScroll-left .bd ul li .img a:hover img { border-color: #999; }
.picScroll-left .bd ul li .txt { line-height: 1.5; padding: 8px 4px; }
.picScroll-left .bd ul li .txt h3 { font-size: 15px; margin-bottom: 5px; height:30px; line-height:30px; overflow:hidden; color: #666; }
.picScroll-left .bd ul li .txt p { font-size: 13px; text-align: left; color: #999; height:48px; line-height:24px; overflow:hidden; }
/*enterprises*/
.enterprises { overflow: hidden; padding: 50px 0px; background: #fff; }
.enterprises .main { text-align: center; }
/*system*/
.system { text-align: center; padding: 50px 0px 40px; overflow: hidden; }
/*jiuye_job*/
.jiuye_job { padding: 50px 0px; text-align: center; }
/*praise*/
.praise { overflow: hidden; padding: 50px 0px; background: #fff; }
.praise .w { overflow: visible; }
#certify, .swiper-container_3 { position: relative; width: 100%; }
#certify .swiper-container { padding-bottom: 1rem; }
#certify .swiper-slide { width: 400px; background: #fff; border-radius: 4px; overflow: hidden; box-shadow: 0px 0px 10px #aaa; opacity: 0.5; }
#certify .swiper-slide-active { opacity: 1; }
#certify .swiper-slide .swiper_img { }
#certify .swiper-slide .swiper_img img { display: block; width: 100%; }
#certify .swiper-slide .swiper_txt { height: 40px; line-height: 40px; padding: 10px 0px; text-align: center; color: #333; font-size: 24px; font-weight: bold; margin: 0; clear: both; overflow: hidden; }
#certify .swiper-slide .swiper_txt small { font-size: 80%; font-weight: normal; color: #666; vertical-align: middle; display: inline-block; padding-left: 0.5rem; }
#certify .swiper-pagination { width: 100%; bottom: -20px; display: none; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.2rem; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; }
#certify .swiper-button-prev { left: -50px; width: 50px; height: 50px; background: url(../images/arrow_left.png) no-repeat; }
#certify .swiper-button-prev:hover { }
#certify .swiper-button-next { right: -50px; width: 50px; height: 50px; background: url(../images/arrow_right.png) no-repeat; }
#certify .swiper-button-next:hover { }
/**/
.jiuye_ad { background: url(../images/jiuye_ad.jpg) no-repeat center top; width: 100%; height: 362px; overflow: hidden; }
.jiuye_ad .w_btn { margin-top: 250px; }
.jiuye_ad .w_btn a { border: #fff solid 2px; color: #fff; background: none; color: #fff; font-size: 24px; padding: 0.5rem 4rem; }
.jiuye_ad .w_btn a:hover { border: #F5636D solid 2px; color: #fff; background: #F5636D; }