@charset "utf-8";
/* CSS Document */
body{ background:#f5f5f5;}
.nicescroll-rails{opacity:1!important;}

#banner{ background:url(../images/edu/ed_banner.jpg) no-repeat center top; height:540px; width:100%; min-width:1180px;}
#banner .banner-box{width:1180px; margin:0 auto; position:relative; height:540px; text-align:center;}
#banner .banner-box span.edu-title{ font-size:72px; font-weight:bold; color:#fff; position:absolute; left:0px; top:130px;  height:50px; width:100%;}
#banner .banner-box span.school{ font-size:24px; color:#fff;position:absolute; left:0px; top:240px;  height:50px; width:100%;}
#banner .banner-box .join-info{ position:absolute; left:0px; bottom:140px;  height:50px; width:1180px; line-height:50px; color:#fff; font-size:16px; }
#banner .banner-box .join-info a.a{ height:50px; width:185px; background:#f15f50; border-radius:3px;color:#fff; display:inline-block; margin-right:30px;}
#banner .banner-box .join-info a.a:hover{background:#da5143;}

#banner .banner-box .join-info a.b{ height:50px; width:185px; border-radius:3px; border:1px solid #fff; color:#fff;display:inline-block;}
#banner .banner-box .join-info a.b:hover{background:#fff; color:#32a8f5;}

.center-title{ width:100%; text-align:center; height:60px; background:url(../images/edu/title_bg.png) no-repeat center bottom;}
.center-title span.title-box{ width:168px; height:60px; font-size:36px; line-height:32px; font-weight:600; color:#32a8f5; position:relative;  display:inline-block;}
.center-title span.title-box em{ display:block; width:100%; color:#999; position:absolute; top:35px; left:0px; font-size:14px; font-weight:500;}
.center-title img{ display:inline-block;}

.but-same-box{text-align:center;}
.but-same-box a{ width:300px; height:65px; line-height:65px;font-size:18px; border-radius:3px; margin-top:50px;}
.but-same-box a.bao{ color:#fff;background:#32a8f5; display:inline-block;}
.but-same-box a.bao:hover{ background:#289be5;}

/*====项目优势=====*/
#moudle1{ background:#ffffff; padding:80px 0;}
.benefits-list{ width:1180px; margin-top:50px;}
.benefits-list li{ float:left; text-align:center; width:320px; padding:30px; margin-right:20px;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.benefits-list li:hover{ box-shadow:0 0 10px #d2e3f9;-webkit-transform: translate3d(0px, -10px, 0px); -moz-transform: translate3d(0px, -10px, 0px); -o-transform: translate3d(0px,-10px, 0px); transform: translate3d(0px, -10px, 0px);}
.benefits-list li:hover span.ico img{-webkit-transform: translate3d(0px, -15px, 0px); -moz-transform: translate3d(0px, -15px, 0px); -o-transform: translate3d(0px,-15px, 0px); transform: translate3d(0px, -15px, 0px);}
.benefits-list li span.ico{ width:120px;display:inline-block; }
.benefits-list li span.ico img{ width:120px; height:120px; display:block;margin-bottom:5px;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.benefits-list li span.ico em{ display:block; line-height:36px; font-size:18px; color:#444;}
.benefits-list li p.info{ color:#666; line-height:24px; margin-top:5px; text-align:left;}

/*=====项目特色=====*/
#moudle2{  background:url(../images/edu/edu_06.jpg) no-repeat center top; min-height:862px; padding-bottom:70px;width:100%; background-attachment:fixed; background-size:cover;min-width:1180px;}
.features-list{ width:1180px; margin-top:50px; height:545px; position:relative;}
.features-list li{ text-align:center; width:575px; position:absolute; cursor:pointer;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;  }
.features-list li:hover{box-shadow:0 0 10px #d2e3f9;}
.features-list li:hover span.ico,.features-list li:hover .info .title .line{background:#32a8f5; }
.features-list li.one{ left:0px; top:0px; height:220px; z-index:1;}
.features-list li.two{right:0px; top:0px; height:220px;z-index:1;}
.features-list li.three{left:0px; top:300px; height:195px;z-index:2;}
.features-list li.four{right:0px; top:300px; height:195px;z-index:2;}
.features-list li span.ico{width:80px; display:inline-block; height:80px; border-radius:50%; position:absolute; left:250px; top:-40px; line-height:40px; background:#a9c0d3; z-index:1;font-size:18px; color:#fff;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; }
.features-list li.one .info,.features-list li.two .info{height:220px;}
.features-list li.three .info,.features-list li.four .info{height:190px;}
.features-list li .info{background:#fff; padding:25px 30px;   color:#666; line-height:24px; position:absolute; left:0; z-index:2; }
.features-list li .info .title{ font-size:18px; color:#333; line-height:24px; display:block; height:40px; margin-bottom:10px;}
.features-list li .info .title .line{width:30px; height:3px; background:#a9c0d3; display:inline-block; position:absolute; left:275px; top:60px;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; }
.features-list li .info p { text-align:left;}


/*=====招生对象=====*/
#moudle3{  background:url(../images/edu/edu_01.jpg) no-repeat center top; height:670px; width:100%; background-attachment:fixed; background-size:cover; min-width:1180px;}
.enrollment-list{ width:1098px; margin-top:50px;}
.enrollment-list li{ float:left; text-align:center; width:366px;}
.enrollment-list li span.ico{ width:240px;display:inline-block;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; }
.enrollment-list li span.ico img{ width:240px; height:240px;padding:5px; background:#fafafa;border:1px solid #fafafa; display:block;margin-bottom:5px; border-radius:50%; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
/*.enrollment-list li:hover span.ico{width:260px; -webkit-transform: translate3d(0px, -20px, 0px); -moz-transform: translate3d(0px, -20px, 0px); -o-transform: translate3d(0px,-20px, 0px); transform: translate3d(0px, -20px, 0px); }*/
.enrollment-list li:hover span.ico img{background:#fff; padding:5px; border:1px solid #a0d6f8; transform:scale(1.1,1.1);}
.enrollment-list li span.ico em{ display:block; line-height:36px; font-size:18px; color:#333;}

/*=====自考优势=====*/
#moudle4{  background:url(../images/edu/edu_07.jpg) no-repeat center top; min-height:822px; height:auto!important; height:822px; padding-bottom:80px; width:100%; background-attachment:fixed; background-size:cover; min-width:1180px;}
.self-table{ background:#fff; margin-top:50px; border:5px solid #e2e9ec; width:1170px;}
.self-table th{ height:65px; text-align:center; color:#fff;  line-height:65px; font-size:16px; font-weight:bold; border-right:1px solid #e2e9ec; background:#32a8f5;}
.self-table td{ border:1px solid #e2e9ec;padding:10px 0; line-height:22px;text-align:center;  color:#666; vertical-align:middle;}
.self-table td strong{font-weight:bold; }
.self-table td.cur{ background:#f5f8f9; color:#32a8f5;}
.self-table td.tbe8{ background:#e8f0f3;}
.self-table td.on{ background:#f2f8f6; color:#5dd5a9;}

/*=====考试计划=====*/
#moudle5{  background:url(../images/edu/edu_02.jpg) no-repeat center top; min-height:967px; padding-bottom:80px; width:100%; background-attachment:fixed; background-size:cover; min-width:1180px;}
.exam-program{ background:#fff; border-radius:3px; padding:25px 30px; width:1120px;}
.exam-program h4.exam-tit{ font-size:18px; color:#666; line-height:24px; text-align:center; margin-bottom:20px;}
.exam-program .exam-info{ display:block; height:65px; text-align:center; color:#fff; background:#32a8f5; line-height:65px; font-size:16px; font-weight:bold;}
.exam-program .exam-info em{ display:inline-block; border-right:1px solid #fff;}
.exam-program .exam-info em.a{ width:197px;}
.exam-program .exam-info em.b{ width:328px;}

.table-scroll{height:550px; overflow:auto;}
.exam-list-tabel td{ border:1px solid #fff; height:55px; line-height:55px; text-align:center;  color:#333;}
.exam-list-tabel td.tbf7{ background:#f7f7f7;}
.exam-list-tabel td.tbf0{ background:#f0f0f0;}
.exam-list-tabel td.onlyLH{ vertical-align:middle;}

.exam-msg{color:#666; margin-top:10px; }
.exam-msg em{ color:#07c986; background-position:-17px -1302px; padding-left:25px;display:block; height:30px; line-height:30px; }
.exam-msg p{ line-height:24px; padding-left:25px;}

.program-box{}
.program-box .program-left{ width:922px;}
.program-box .program-left li{width:922px;/* min-height:56px;*/}
.program-box .program-left span{ border-right:1px solid #fff;border-top:1px solid #fff; float:left;line-height:55px; background:#fff; text-align:center;  color:#333;}
.program-box .program-left span.a{ width:197px;}
.program-box .program-left span.b{ width:307px; padding:15px 10px;line-height:25px;}
.program-box .program-left span.tbf7,.program-box .program-right.tbf7{background:#f7f7f7;}
.program-box .program-left span.tbf0,.program-box .program-right.tbf0{background:#f0f0f0;}
.program-box .program-right{ vertical-align:middle; width:197px;line-height:55px; text-align:center; height:100%;}

/*=====报考信息=====*/
#moudle6{  background:url(../images/edu/edu_03.jpg) no-repeat center top; height:615px; width:100%; min-width:1180px;}
.apply-table{ background:#fff; margin-top:50px; border:1px solid #e7e7e7; width:670px;}
.apply-table th{ height:65px; text-align:center; color:#fff;  line-height:65px; font-size:16px; font-weight:bold; border-right:1px solid #e2e9ec; background:#32a8f5;}
.apply-table td{ border:1px solid #e2e9ec; line-height:60px;text-align:center;  color:#333; vertical-align:middle;}
#moudle6 p.msg{ color:#999; line-height:34px; text-align:center; width:670px; margin-top:5px;	}

/*=====学习方式=====*/
#moudle7{ background:#f3f5f7;width:100%; min-width:1180px;}
#moudle7 figure{ text-align:center; margin-top:50px; padding-bottom:80px;}
#moudle7 figure img{ display:inline-block;}

/*=====证书展示=====*/
#moudle8{ background:#fff;width:100%; min-width:1180px;}
#moudle8 .book-img{ width:362px; height:260px; background:url(../images/edu/book_bg.png) no-repeat; padding:9px 10px;}
#moudle8 .book-img img{ width:361px; height:243px;}
#moudle8 .book-info{ width:768px; font-size:16px; line-height:28px; color:#444; text-indent:2em;}
#moudle8 .book-info a{ color:#32a8f5; padding:0 5px;}
#moudle8 .book-info a:hover{ text-decoration:underline;}
#moudle8 .book-info p{ margin-top:10px;}

/*=====高校介绍=====*/
#moudle9{ background:#f3f5f7;width:100%; min-width:1180px;}
#moudle9 .school-img{ width:234px; height:251px; position:relative;}
#moudle9 .school-img img.a{ width:200px; height:200px; border-radius:50%; position:absolute; left:0px; top:0px; z-index:1;}
#moudle9 .school-img img.b{ width:100px; height:100px; border:5px solid #fff; border-radius:50%; position:absolute; right:20px; top:140px; z-index:2;}
#moudle9 .school-img i.ico{ width:40px; height:40px; border:5px solid #fff; display:block; background:#32a8f5; border-radius:50%; position:absolute; right:0px; top:150px; z-index:3;}
#moudle9 .school-info{ width:916px; font-size:16px; line-height:28px; color:#444; }

/*=====常见问题=====*/
#moudle10{  background:#f3f5f7 url(../images/edu/edu_05.jpg) no-repeat center top; min-height:400px; width:100%; min-width:1180px;}
.question-list{ width:1200px; margin-top:50px;}
.question-list li{ width:320px; min-height:165px; height:auto!important; height:165px; padding:25px 30px;background:#fff; float:left; margin:0 20px 20px 0;  -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.question-list li:hover{box-shadow:0 0 10px #d2e3f9; }
.question-list li .info{color:#333; line-height:28px; }
.question-list li .info a{color:#999; line-height:28px; }
.question-list li .info a:hover{color:#32a8f5;}
.question-list li .info .title{ font-size:18px; color:#333; line-height:24px; display:block;  margin:10px 0 15px;}
.question-list li .info .title i.a{width:26px; display:inline-block; height:26px; border-radius:50%; line-height:26px; text-align:center; font-size:14px; margin-right:10px; background:#32a8f5; color:#fff; }

/*=====常见问题=====*/
#moudle11{  background:#fff url(../images/edu/map_28.jpg) no-repeat center top; height:728px; width:100%; min-width:1180px;}
#moudle11 .item-per{ border-bottom:1px solid #e7e7e7; height:45px; font-style:normal;}
#moudle11 .item-per span a{font-size:14px; color:#666; }
#moudle11 .item-per strong{font-size:24px; line-height:34px; height:45px; }

.map-box .map{ height:630px; overflow:hidden;}
.map-box .zone-box{ width:400px; margin-top:200px;}
.map-box .zone-box input.search-add{ width:140px; height:50px; text-align:center; color:#fff; font-size:18px; background:#32a8f5; border-radius:3px; margin:20px 0 0 78px; cursor:pointer;}
.map-box .zone-box input.search-add:hover{ background:#279ae5; }
.map-box .zone-box h4.tit{ margin-bottom:25px; color:#0861a4; font-size:18px;}
.map-box .zone-box em.fl{ font-size:16px; color:#666; height:50px; line-height:50px;}
.map-box .zone-box .data_input{border:1px solid #e5e5e5; background:#fafafa;width:140px;  box-shadow:3px 0 5px #f0f0f0 inset; height:48px; line-height:48px; margin-left:13px; position:relative;}
.map-box .zone-box .data_input input.text{ position:absolute; height:30px; width:90px; padding:10px 5px; line-height:30px;color:#999; z-index:1;}
.map-box .zone-box .data_input input.but{ width:26px; height:26px; cursor:pointer; background-position:-13px -1358px; position:absolute; right:10px; top:12px;}
.map-box .zone-box .data_input input.but:hover{background-position:-63px -1358px;}

/*所在地下拉*/
.city-list{ width:141px; height:150px; overflow:auto; background:#fff; border:1px solid #e5e5e5; position:absolute; top:48px; left:-1px; display:none;}
.city-list li{ height:50px; line-height:50px; text-align:center; color:#666; z-index:2; cursor:pointer;}
.city-list li.cur{background:#f2f2f2; color:#999;}
.city-list li:hover{ background:#f5f5f5; color:#666;}

/*=====专业优势=====*/
#moudle13{  background:#fff}
.advantage-list{ width:1180px; margin:30px auto 0; padding-bottom:80px;}
.advantage-list li{ position:relative; padding:25px 30px; float:left; width:1101px; margin-left:19px; background:#f2f6f8; margin-top:10px; font-size:16px; line-height:26px;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.advantage-list li i{ width:38px; height:38px; border-radius:50%; display:block; position:absolute; left:-19px; top:20px; font-size:14px; background:#32a8f5; color:#fff; text-align:center; line-height:38px;}
.advantage-list li a{ color:#32a8f5;}
.advantage-list li a:hover{ text-decoration:underline;}
.advantage-list li:hover{-webkit-transform: translate3d(0px, -5px, 0px); -moz-transform: translate3d(0px, -5px, 0px); -o-transform: translate3d(0px,-5px, 0px); transform: translate3d(0px, -5px, 0px);}

/*=====我要咨询弹窗=====*/
.contant-box-tan i.close{ background:#f97e7e url(https://www.yaoxuedao.com/images/learn_center/learn_little_bg.png) no-repeat -9px -617px; height:32px; width:32px; display:block; position:absolute; right:-16px; top:-16px; border-radius:50%; cursor:pointer; }
.contant-box-tan i.close:hover{ background:#eb6565 url(https://www.yaoxuedao.com/images/learn_center/learn_little_bg.png) no-repeat -9px -617px;  }
.contant-box-tan{ display:none; padding:70px 50px; width:470px; height:136px;  position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-133px; background:#fff; z-index:1009;}
.contant-box-tan p{ margin-bottom:10px;color:#666; padding-left:45px; font-size:16px; min-height:32px; line-height:32px;}
.contant-box-tan p.a{ background:url(../images/job/ico_03.jpg) no-repeat; }
.contant-box-tan p.b{ background:url(../images/job/ico_06.jpg) no-repeat; }
.contant-box-tan p.c{ background:url(../images/job/ico_08.jpg) no-repeat; }

/*=====报名点查询=====*/
#moudle_map{  background:#fff; height:685px; width:100%; min-width:1180px;}
#moudle_map .item-per{ border-bottom:1px solid #e7e7e7; height:45px; font-style:normal;}
#moudle_map .item-per span a{font-size:14px; color:#666; }
#moudle_map .item-per strong{font-size:24px; line-height:34px; height:45px; }

.map-box .map{ height:630px; overflow:hidden;}
.map-box .zone-box{ width:400px; margin-top:200px;}
.map-box .zone-box input.search-add{ width:140px; height:50px; text-align:center; color:#fff; font-size:18px; background:#43bee8; border-radius:3px; margin:20px 0 0 14px; cursor:pointer;moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.map-box .zone-box input.search-add:hover{ background:#32a8f5; }
.map-box .zone-box h4.tit{ margin-bottom:25px; color:#0861a4; font-size:18px;}
.map-box .zone-box em.fl{ font-size:16px; color:#666; height:50px; line-height:50px;}
.map-box .zone-box .data_input{border:1px solid #e5e5e5; background:#fafafa;width:140px;  box-shadow:3px 0 5px #f0f0f0 inset; height:48px; line-height:48px; margin-left:13px; position:relative;}
.map-box .zone-box .data_input input.text{ position:absolute; height:30px; width:90px; padding:10px 5px; line-height:30px;color:#999; z-index:1;}
.map-box .zone-box .data_input input.but{ width:26px; height:26px; cursor:pointer; background-position:-13px -1358px; position:absolute; right:10px; top:12px;}
.map-box .zone-box .data_input input.but:hover{background-position:-113px -1358px;}
