@charset "utf-8";
/** index.css **/
@font-face {
  font-family: "sourcehansans"; 
  /**src: url("../fonts/sourcehansans.eot") format("embedded-opentype"), **/
  /**  url("../fonts/sourcehansans.woff") format("woff"),**/
  /**  url("../fonts/sourcehansans.woff2") format("woff2"),**/
  /**  url("../fonts/sourcehansans.ttf") format("truetype"),**/
   /** url("../fonts/sourcehansans.svg")format("svg"); **/
  font-weight: bold;
  font-style: normal;
}
html,body,p,span,div,ul,li,i,a,h1,h2,h3,h4,h5,input,img,button,input,select,td,textarea,th{margin:0;padding:0;
  font-family: "sourcehansans";font-weight: 100;}
dl,ol,ul{list-style-type:none}
button,input{overflow:visible;vertical-align:middle;outline:0}
input[type=button],input[type=password],input[type=reset],input[type=submit],input[type=text]{-webkit-appearance:none;outline:0}
button,input[type=button],input[type=submit]{line-height:normal!important}
a{text-decoration: none;}
body,html {width: 100%; height: 100%;background-color: #2C2827;font-family: "sourcehansans";}
img{padding:0 0;margin: 0 0;}

.container{font-family: "sourcehansans";}

.pull-right {float: right!important;}
.pull-left {float: left!important;}

.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,
.col-sm-9,.col-sm-10,.col-sm-11{float: left;padding: 0 15px;box-sizing: border-box;}
.col-sm-1{width: 10%;}
.col-sm-2{width: 25%;}
.col-sm-3{width:33%;}
.col-sm-4{width:40%;}
.col-sm-5{width:50%;}
.col-sm-6{width:60%;}
.col-sm-7{width:67%;}
.col-sm-8{width:75%;}
.col-sm-9{width:90%;}
.col-sm-10{width:100%;}
.col-sm-11{width: 15%;}
.col-sm-66{width: 55%;}


.container{overflow: hidden;width: 100%;}
/* banner */
.banner_world{position: relative;overflow: hidden;box-sizing: border-box;background-color: #f0f0f0;text-align: center;}
.banner_world img{max-width: 100%;}
.banner_world .header_zc{display: inline-block;}
.banner_world .header_zc2{display: none;}

/* 柳橙集团-智程留学优势 */
.studying{position: relative;overflow: hidden;box-sizing: border-box;text-align: center;padding: 40px 0;}
.advantage{background: url(../images/advantage_bg.jpg) no-repeat;background-size:100% 120%;}
.advantage_world,.comparison_world{max-width: 1200px;margin:auto;box-sizing: border-box;overflow: hidden;}
.title_big{text-align: center;font-size:30px;color: #fff;margin-bottom:20px;letter-spacing: 3px;
  font-weight: bold;}
.title_big span{color: #ff9800;}
/* 优势 */
.superiority {margin-top:20px;overflow: hidden;}
.advantage_ul{width: 100%;color: #fff;overflow: hidden;min-height: 180px;margin:20px 0;}
.advantage_li{width:23%;position: relative;padding: 0 15px;box-sizing: border-box;max-width: 220px;
  display: inline-block;vertical-align: top;}
.advantage_li h3{position: relative;font-size:20px;margin-bottom: 10px;padding:72px 0;
  box-sizing: border-box;height:auto;display: inline-block;width: 100%;}
.advantage_li h3::before{content: '';position: absolute;width: 100%;height: 100%;
  background: url(../images/advantage_2h3.png) no-repeat center;top: 50%;left: 50%;
  -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.advantage_li p{font-size: 14px;}
/* 在线咨询 */
.contact_way{font-size: 18px;border:2px solid #ff9800;border-radius:10px;overflow: hidden;
  color: #fff;line-height:40px;max-width: 400px;margin: 0 auto;}
.contact_way img,.contact_way p,.contact_way a{display: inline-block;vertical-align: middle;}
.contact_way img{margin-right: 10px;width: auto;margin-top: -5px;}
.contact_way a{color: #fff;background-color: #ff9800;float: right;}
.contact_way .col-sm-6,.contact_way .col-sm-4{padding: 0 10px;}

/* 柳橙集团_智程留学产品对比 */
.comparison{padding: 0;}
.comparison_world{background-color: #eee;border-radius: 10px 10px 0 0;padding:40px 80px;box-sizing: border-box;}
.comparison_world .title_big{color: #333;}
.title_middle{color: #ff9800;font-size: 18px;margin-bottom:20px;}
/* table表格 */
.tablelist{width: 100%;padding: 6px; box-sizing: border-box;}
.tablelist th,.tablelist td{background-color: #fff;border-bottom:1px solid #B5B5B5;
  padding: 10px;box-sizing: border-box;
position: relative;}
.tablelist p{font-size: 16px;line-height: 24px;}
.tablelist span{font-size: 14px;color: #666;}
.tablelist th{font-size: 18px;}
.tablelist td{min-width: 86px;}
.tablelist th:nth-child(even)::before,.tablelist td:nth-child(even)::before{
  content: '';position: absolute;left: 0;top: 0; width:6px;height: 100%;background-color: #eee;}
.tablelist th:nth-child(even)::after,.tablelist td:nth-child(even)::after{
  content: '';position: absolute;right: 0;top: 0; width:6px;height: 100%;background-color: #eee;}

/* 扫描二维码注册 */
.freeDiv{max-width: 1200px;overflow: hidden;margin: auto;background-color: #fff;}
.freeDiv .banner_world {background-color: #fff;}


/* 柳橙集团_智程留学流程 */
.back_fff,.back_fff .banner_world {background-color: #fff;border-radius:0;}
.comparison .contact_way .col-sm-6{color: #ff9800;font-weight: bold;}
.back_fff .banner_world {margin: 20px 0;}
/* .back_fff .contact_way{width: 92%;} */

/* 柳橙集团_院校代理名单 */
.vr_academy{padding: 0 0 40px;}
.vr_academy .col-sm-2{padding: 0;max-width: 60px;}
.vr_academy .col-sm-5,.vr_academy .col-sm-8{padding: 0 10px;max-width: 410px;}
.captionText {text-align: left;line-height: 26px;margin-top: 2px;}
.captionText p{font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;white-space: normal;
  word-break: break-all;text-overflow: ellipsis;} 
.captionText span{font-size:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;white-space: normal;
  word-break: break-all; text-overflow: ellipsis;} 

.state_box{text-align: center;border: 1px solid #002776;color: #002776;padding:5px;
  font-size: 18px;display: inline-block;margin:20px 0 40px;}
.state_box h3,.state_box img{display: inline-block;vertical-align: middle;}
.swiper-button-next, .swiper-button-prev{top:54%;outline: none;}
.captionimg img{width: 100%;}
.captionimg ,.captionText{margin-bottom: 15px;}
.swiper_father{overflow: hidden;padding:0 12%;box-sizing: border-box;
  position: relative;}
.swiper-pagination-bullet{width:12px;height:12px;border-radius: 3px;}
.swiper-pagination-bullet-active{background: #ff9800;}

.world_academy{border-radius: 0;padding: 35px 80px 18px;}

/* 视频 */
.video_box{position: fixed;top:0;left:0;z-index:99;width: 100%;height: 100%;
background-color: #666;display: none;}

.video_mp4{margin: 0 auto;position: absolute;top: 50%;left: 50%;
  -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.close{color: #fff;position: absolute;right: 0;cursor: pointer;}
.close:hover{color: #ff9800;}
.header_video{cursor: pointer;}


/* 疑问 */
.custom{overflow: hidden;width: 90%;margin:40px auto 0;}
.query_img{max-width: 90px;}
.query_img,.accordion {margin-bottom: 30px;}
.query_img img {width: 100%;border-radius: 10px;}
.accordion {background-color: #fff;border-radius: 0 15px 15px 15px ;padding:35px 20px 15px;
  box-sizing: border-box;text-align: left;}
.accordion h3 {margin-bottom:6px;font-size:18px;font-weight: normal;position: relative;}
.accordion p{font-size: 14px;line-height:20px;color: #666;}
.accordion h3::before{content: '';position: absolute;left:0px;top:-22px; width:20px;height:18px;
  background: url(../images/quotation.png) no-repeat center;}
.gjrm {text-align: center;}
.gjrm a{width: 250px;background: #ff8000;color: #ffffff;font-size: 16px;border-radius:8px;
  line-height:36px;padding: 0 25px;box-sizing: border-box;display: inline-block;}
.height176{min-height: 176px;}
.height216{min-height: 216px;}

/* 关于我们 */
.about_Us{overflow: hidden;padding: 0 10px;}
.custom_country{color: #E95504;text-align: left;}
.custom_country p{font-size: 14px;line-height:20px;}
.custom_country h3 {margin-bottom: 12px;font-size:20px;font-weight: normal;position: relative;
  display: inline-block;}
.custom_country h3::before{content: '';position: absolute;right:-28px;top:5px;width:23px;height:22px;
  background: url(../images/magnifying.png) no-repeat center;}

.region_side{text-align: left;}
.region_side h2{font-size:18px;border: 1px solid #ff9800;color: #ff9800;padding: 2px 15px;
  display: inline-block;border-radius: 5px;margin-bottom: 15px;}
.region_side p{font-size: 14px;line-height: 24px;}
.area ,.area_picture {margin-top:20px;overflow: hidden;position: relative;}
.area .col-xs-10{padding: 0;}
.area .col-sm-6{padding:10px;}
.image-side_div img{width: 100%;}

/* 办公室 */
.country_picture {margin-top:15px;}
.country_picture h3::before{ background: url(../images/camera.png) no-repeat center;width: 26px;top: 3px;right: -32px;}
.area_picture_li{margin-bottom: 30px;width: calc(100% / 4);float: left;text-align: left;padding: 0 15px 0 0;
  box-sizing: border-box;}
.area_picture_li p{color: #E95504;font-size: 16px;text-align: center;max-width: 208px; }
.area_picture_li:nth-child(4),.area_picture_li:nth-child(8){margin-right: 0;}
/* .area_picture_li img{width: 100%;} */

@media(max-width:1080px){
  .area_picture_li img {width: 100%;}
}

@media(max-width:790px){

  .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,
  .col-xs-9,.col-xs-10{float: left;padding: 0 15px;box-sizing: border-box;}
  .col-xs-10{width: 100%;padding: 0;}
  .col-xs-3{width:30%;}
  .col-xs-2{width:20%;}
  .col-xs-4{width:40%;}
  .col-xs-45{width:44%;}
  .col-xs-5{width: 50%;}
  .col-xs-6{width:60%;}
  .col-xs-7{width:70%;}
  .col-xs-8{width:80%;}
  
  .banner_world .header_zc{display: none;}
  .banner_world .header_zc2{display: block;width: 100%;}
  
  .advantage_world{max-width: 100%;}
  .advantage_li{padding: 0 5px;}
  .advantage_li h3{padding: 24px 16px;}
  .advantage_li h3::before{content: ''; background: url(../images/advantage_h3-2.png) no-repeat center;}
  .advantage_ul-tow .advantage_li{width:30% ;}

  .comparison_world{padding:30px 0;border-radius: 0;}
  .tablelist img{width:24px;}
  .tablelist p{font-size: 14px;}
  .tablelist span{font-size: 12px;}
  .tablelist th{font-size: 16px;}

  .tablelist th:nth-child(even)::before,.tablelist td:nth-child(even)::before{width:3px;}
  .tablelist th:nth-child(even)::after,.tablelist td:nth-child(even)::after{width:3px;}
  .tablelist th, .tablelist td{padding: 5px;}

  .back_fff .banner_world {margin:10px 0;}
  .contact_way{font-size:14px;width: 95%;}

  /* 柳橙集团_智程留学产品疑问 */
  .custom{width: 95%;}
  .query_img {padding-left: 0;padding-right: 10px;}
  .accordion{padding:28px 12px 12px;}
  .query_img, .accordion {margin-bottom: 15px;min-height: auto;}
  .gjrm a{margin-top: 20px;}
  .accordion h3{font-size: 16px;}
  .accordion p{font-size: 12px;}

  .region_side_cn p{float: left;margin-right: 10px;}
  .region_side h2{padding: 2px 8px;font-size:16px;}
  .area .col-xs-3{padding: 0;}
  .area .col-xs-7{padding: 0 5px;}
  .area {margin-top:10px;}
  .pst_a{position: absolute;top:58px;}
  .area .img_top{margin-top: 160px;padding: 0;}

  .swiper_father{padding: 0;}
  .swiper-button-next, .swiper-button-prev{display: none !important;}
  .captionText p {font-size: 14px;}
  .captionText{line-height: 20px;}

  .title_big{font-size: 22px;}

  .area_picture_li{    margin-bottom: 15px;}
  .area, .area_picture{margin-top: 5px;}

  .state_box{font-size: 16px;margin: 5px 0 30px;}
  .state_box img{max-width: 55px;}

  .world_academy{padding: 35px 0 18px;}

  .swiper-pagination-bullet{width:8px;height:8px;}

  }