﻿.leixing_title{font-size: 48px; text-align: center; padding: 60px 0px 50px;}
.leixing_title p{font-weight: bold; color: #000;}
.leixing_title span{display: block; margin: 30px auto 0px; width: 600px; font-size: 16px; color: #747474; line-height: 35px;}
.bgcolor:nth-of-type(2n-1){background: #fff;}
.site_index .swiper-pagination-bullet{
   background: #e9e6e6;opacity:1; width: 13px; height: 13px;
}
.site_index .swiper-pagination-bullet-active{
   background: #323130;
}
.site_index .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 30px;}
.site_index .banner{height: 500px;}
.site_index .banner .swiper-slide a{display: block; height: 500px;}
.site_index .banner .swiper-slide a .public-container{height: 100%; display: flex; align-items: center;justify-content: flex-end;}
.site_index .banner .swiper-slide .box_wz{width: 360px; word-break: keep-all; padding-top: 50px;}
.site_index .banner .swiper-slide .box_wz p{color: #ec5701;font-size: 38px; font-weight: bold; font-style: oblique; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}
.site_index .banner .swiper-slide .box_wz span{color: #ec5701; font-size: 26px; display: block; margin: 10px 0px 35px;    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}
.site_index .banner .swiper-slide .box_wz b{display: block; font-size: 75px; margin-bottom: 15px;}
.site_index .banner .swiper-slide .box_wz button{background: #335ca9; color: #fff; font-size: 20px; height: 50px; width: 96px; border: none;}

/*学校检索*/
.schoolRetrieval { background: #EFEFEF; padding: 55px 0 55px 0; }
.schoolRetrieval .content { width: 1200px; margin: 0 auto; }
.schoolRetrieval .left { float: left; width: 345px; height: 340px; overflow: hidden;}
.schoolRetrieval .left a{display: flex; align-items: center; position: relative; height: 100%;}
.schoolRetrieval .left .pic { width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; position: absolute;}
.schoolRetrieval .left .pic img { height: 100%; display: block;}
.schoolRetrieval .left .wz{width: 100%; padding: 36px; position: relative;}
.schoolRetrieval .left a span{display: block; width: 100%; font-size: 30px; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; color: #fff; margin: 55px 0px 0px;}
.schoolRetrieval .left a p{background: #2e677a; height: 32px; line-height: 32px; width: 120px; font-size: 14px; color: #fff; margin-top: 40px;text-align: center;}
.schoolRetrieval .left a p i{display: block; float: right; background: #f08336; color: #fff; font-size: 18px; text-align: center; height: 32px; line-hegiht: 32px; width: 30px;}

.schoolRetrieval .tit{font-size: 20px; height: 54px; line-height: 54px; border-bottom: 1px solid #2e677a; color: #2e677a;font-weight: bold;}
.schoolRetrieval h2 {color: #F18336;  font-size: 16px; font-weight: normal; height: 30px; line-height: 30px;}
.schoolRetrieval .schoolRetrieval_box{display:flex;line-height: 28px;}
.schoolRetrieval .schoolRetrieval_box .cat_name { color: #2E677A; float: left; font-size: 12px; text-align-last:justify; text-align:justify; text-justify:distribute-all-lines; margin: 0px 5px 0px 0px;}
.schoolRetrieval .schoolRetrieval_box  .cat_keyword {flex: 1;}
.schoolRetrieval .schoolRetrieval_box  .cat_keyword ul li { float: left;}
.schoolRetrieval .schoolRetrieval_box  .cat_keyword ul li a { color: #2E677A;  font-size: 12px; margin-left: 10px; white-space:nowrap;}
.schoolRetrieval .schoolRetrieval_box  .cat_keyword ul li a:hover { text-decoration: underline; }
.schoolRetrieval .middle { background: #b7d4d8; flex: 1; height: 340px; padding: 0px 0px 0 20px; }
.schoolRetrieval .middle h2 {margin: 9px 20px 3px 0px;}
.schoolRetrieval .middle .standard_search .cat_name {width: 65px;}
.schoolRetrieval .right { background: #9dc8cf; width: 320px; height: 340px; padding: 0px 20px 0 0px; position: relative; }
.schoolRetrieval .right h2 {margin: 9px 0px 3px 20px; }
.schoolRetrieval .right .special_search .cat_name {width: 55px;}
.schoolRetrieval .right .reg{background: #f08336; color: #FFF;font-family: SimSun;font-size: 14px; width: 60px; border-radius: 5px; height: 25px;line-height: 25px; text-align: center; position: absolute; top: 15px; right: 20px; }

/*排名*/
.ranking{height: 230px; background: #ddebec; padding-top: 30px;}
.ranking a{flex: 1; display: block;}
.ranking dl dt{display: flex; align-items: center; justify-content: center; height: 110px;}
.ranking dl dt img{max-height: 100%;}
.ranking dl dd{text-align: center; font-size: 30px; color: #2e677a; padding-top: 15px; height: 55px;}
.ranking a:hover dl dd{color: #f18336;}

/*优势留学项目*/
.project{padding: 55px 0px;}
.project .left {width: 318px; height: 290px; }
.project .left h1{height: 60px; line-height: 26px;}
.project .left h1 a{color:#336a7d;font-size: 30px;}
.project .left ul li{ border-bottom:1px solid #76b7c0; width:250px; height: 36px; margin-top: 10px;}
.project .left ul li a{ font-size:20px; color:#76b7c0;height: 36px;line-height: 36px; padding: 0px 20px; width: 165px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.project .left ul li.active a{background:#76b7c0; color: #fff; }
.project .left ul li:hover a{background:#76b7c0; color: #fff; }
.project .right { flex: 1; width: 780px; height: 290px; }
.project .right ul{display: flex;}
.project .right ul li {flex: 1; margin-right: 20px;position: relative;overflow: hidden;}
.project .right ul li:nth-child(3n){margin-right: 0px;}
.project .right ul li .pic {width: 100%; height: 290px; overflow: hidden; display: flex; align-items: center; justify-content: center;-moz-transition: 0.3s; -webkit-transition: 0.3s;  -o-transition: 0.3s; transition: 0.3s;}
.project .right ul li .pic img { max-height: 100%;}
.project .right ul li:hover .pic{  -webkit-transform: scale(1.1);  transform: scale(1.1);}
.project .right ul li .cat_name { height: 60px; line-height: 60px; font-size: 18px; color: #fff; font-weight: bold; background: rgba(42,42,42,0.47); width: 100%; position: absolute; bottom: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align: center;}



/*留学评估*/
.assessment{background: url(/images/179111598/assessment_bj.jpg) no-repeat top center; background-size: cover; height: 310px;}
.assessment .title{font-size: 32px; text-align: center;}
.assessment .title p{color: #fff; font-weight: bold; }
.assessment #form{width:100%;}
.assessment .lxwm-item .input-inline{flex: 1; margin-right: 15px;}
.assessment .lxwm-item .input-inline:nth-child(5n){margin-right: 0px;}
.assessment .lxwm-item .input{border-radius: 0px; height: 48px; background-color: #F2F2F2; font-size: 14px; text-decoration: none; color: #8b8a8a; text-align: left; border: 1px solid #9daaaf; outline: none; padding: 15px 18px;}
.assessment #submit{ width: 210px; height: 50px; background:#f18336; text-align:center; border:none; color:#fff; cursor: pointer;font-size: 14px; margin: 45px 0px 0px;}
/*留学评估 end*/


.school {background: #EFEFEF;}
.school .title {height: 120px; line-height: 140px; color: #2e677a; font-size: 28px;font-weight: bold;}
.school .school-swiper ul li {float: left; height: 300px; background: #fff; overflow: hidden; -webkit-transition: all .2s linear;transition: all .2s linear;}
.school .school-swiper ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.school .school-swiper ul li .pic {border: 1px solid #E8E8E8; width: 100%; overflow: hidden; height: 200px; display: flex; align-items: center; justify-content: center; position: relative;}
.school .school-swiper ul li .pic img{    max-width: 100%; max-height: 100%;}
.school .school-swiper ul li .pic .xueli{position: absolute; right: 0px; top: 0px; padding: 0px 10px; background: #f18336; color: #fff; font-size: 14px; line-height: 25px;}
.school .school-swiper ul li .info { height: 90px; overflow: hidden; padding: 0px 10px;}
.school .school-swiper ul li .info h3 {margin-top: 10px; color: #212121; font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.school .school-swiper ul li .info p { color: #656666; font-size: 14px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.school .swiper-next{right: 0px;}
.school .swiper-next i{margin-left: 2px;}
.school .swiper-prev{right: 35px;}
.school .swiper-prev i{margin-right: 2px;}
.swiper-prev, .swiper-next{position: absolute; top: 58px; width: 28px; height: 28px; border-radius: 50%; background: #3d7f97; color: #fff; text-align: center; line-height: 28px;outline: none;cursor: pointer;}
.swiper-prev i, .swiper-next i{font-style: normal; font-size: 20px;}
.school .swiper-button-disabled{background: #a7a7a7;}