/** CSS Reset **/
*{-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#3c2008;font-size:18px;line-height:160%;font-family: "Microsoft YaHei";width: 100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;position: relative;}
/*p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);}*/
/* banner */
.header {width: 100%;position: relative;background:url("../images/banner.jpg") no-repeat center top;}
.header .banner{padding-bottom: 0px;}
.header .header_t{text-align: center;margin-top: 0px;}
.header .header_b{width:100%;font-size: 28px;color: #502b01;line-height: 57px;text-align: center;}
.header .header_b p span{font-size: 36px;color: #fff;text-shadow: 0 0 3px #000000bd;}

.page {padding: 50px 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;position: relative;}
.title{margin-bottom:30px;text-align: center;}
.title img {margin: 0 auto;display: block;max-width: 100%;}

.zxBtn{text-align: center;margin-top: 27px;height: 45px;}
.zxBtn a {position: relative;background: url(../images/lu1_03.png);border-radius: 2px;padding: 4px 16px;color: #d64737;display: inline-block;margin-top: 0px;}
.zxBtn a span {position: absolute;width: 80%;height: 5px;background: #885e2d;z-index: 2;left: 10%;bottom: -5px;border-radius: 0 0 5px 5px;}
.zxBtn a:hover span{display: none;}
.zxBtn a:hover{margin-top: 5px;}

.swiper{position: relative;width: 100%;}
.swiper-container {width: 100%;}
.pagination {position: absolute;text-align: center;z-index: 10;left: 50%;transform: translateX(-50%);bottom: 0;}
.swiper-pagination-switch {display: inline-block;width: 14px;height: 14px;border-radius: 14px;background: #fff;margin: 6px 9px;cursor: pointer;}
.swiper-active-switch {background: #fce39b;width: 100px;}
.arrow-left{position: absolute;width: 36px;height: 67px;background: url(../images/left_03.png) no-repeat;top: 40%;left: -7%;cursor: pointer;}
.arrow-right{position: absolute;width: 36px;height: 67px;background: url(../images/right_03.png) no-repeat;top: 40%;right: -7%;cursor: pointer;}
.arrow-left_black{position: absolute;width: 36px;height: 67px;background: url(../images/left_03.png) no-repeat;top: 40%;left: -7%;cursor: pointer;}
.arrow-right_black{position: absolute;width: 36px;height: 67px;background: url(../images/right_03.png) no-repeat;top: 40%;right: -7%;cursor: pointer;}

/*nav-移动端导航*/
.navimenu{position: fixed;top:5px;right:5px;z-index: 1000}
.navimenu .menuBtn{
    width: 80px;
    height: 80px;
    background: #e9c797;
    line-height: 80px;
    position: relative;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 0.9em;
    transform: translate3d(0px, 0px, 0px);
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: transform 200ms ease-out 0s;
    outline: transparent solid 5px;
    margin-left: 100%;
    }
.navimenu .menuBtn .burger{display: block;
    position: absolute;
    top: 50%;
    left: 21px;
    margin-top: -3px;
    background: rgb(255, 255, 255);
    transition: transform 200ms ease 0s;
    width: 40px;
    height: 6px;}
.navimenu .menuBtn .burger-1 {
    transform: translate3d(0px, -14px, 0px);
}
.navimenu .menuBtn .burger-2 {
    transform: translate3d(0px, 0px, 0px);
}
.navimenu .menuBtn .burger-3 {
    transform: translate3d(0px, 14px, 0px);
}
.navimenu .menuBtn.menu-open .burger-1 {
    transform: translate3d(0px, 0px, 0px) rotate(45deg);
}
.navimenu .menuBtn.menu-open .burger-2 {
    transform: translate3d(0px, 0px, 0px) scale(0.1, 1);
}
.navimenu .menuBtn.menu-open .burger-3 {
    transform: translate3d(0px, 0px, 0px) rotate(-45deg);
}
.navimenu .menuList{
    background: #f27e03;
    width: 80%;
    text-align: right;
    padding: 0 5%;
    height: 0;
    overflow: hidden;
    transition: transform 200ms ease 0s;
}
.navimenu .menuList a{display: block;height: 64px;line-height: 64px;border-top: 1px solid #fff;color:#fff;font-size: 24px;}
.navimenu .menuList a.active{color: #e9cba6;font-weight: bold;}

/*nav-pc端导航*/
.nav{background:url(../images2020/navbg.png) repeat-x;height: 60px;line-height: 60px;}
.nav .fl{width: 10%}
.nav .fl img{vertical-align: middle;}
.nav .fr{width: 86%;}
.nav .fr a{display: inline-block;margin: 0 1%;color:#fff;}
.nav .fr a.active{color: #d6b892;background: url(../images2020/navActiveBg.png) no-repeat center bottom;}

/*2021 QS 加拿大TOP200院校累计录取*/
.page1{padding:49px 0 41PX;background: url(../images/cont2_02.png) no-repeat center top;}
.page1 h6.tit{margin-top: 30px;text-align: center;color:#fff;font-size: 27px;}
.page1 h6.tit span::before {content: "'";font-size:0;display:inline-block;vertical-align: top;background: url(../images/jiezhishuliang_l.png) no-repeat left center;width: 75px ;height: 34px;}
.page1 h6.tit span::after {content: "'";font-size:0;display:inline-block;vertical-align: top;background: url(../images/jiezhishuliang_r.png) no-repeat right center;width: 75px ;height: 34px;}
.leijiSwiper{height: 467px;}
.leijiSwiperList{display: inline-block;width: 172px;height: 127px;background: url(../images/hei_03.png) no-repeat center top;text-align: center;margin:30px 0px 0px 20px;padding-top: 55px;}
.leijiSwiperList h5{font-weight: normal;display: inline-block;text-align: center;font-size: 14px;width: auto;color:#8c6536;border:2px solid #8c6536;padding: 0px 10px;margin-top: 40px;line-height: 150%;}
.leijiSwiperList p{font-size: 16px;color: #333;padding: 0px 22px;line-height: 140%;display: flex;align-items: center;justify-content: center;height: 40px;}
.leijiSwiperList h6{font-size: 16px;font-weight: normal;color: #a89b93;}
.leijiSwiperList h6 span{font-size: 24px;color: #b36600;margin-right: 6px;}

/*重磅录取*/
/* .page2{background: url(../images2020/bg_1.jpg) no-repeat center top;} */
.page2 .zhongbangluquContent{background: url(../images/swiper_03.png) repeat-x;width: 100%;font-size: 16px;line-height: 160%}
.page2 .pagination{z-index: 10;bottom: -47px;}
.luquswiper{height: 290px;}
.luquswiper .swiper-slide{text-align: center;}
.luquswiperList{width: 497px;height: 100%;display: inline-block;vertical-align: top;text-align: left;}
.luquswiperList div{display: inline-block;vertical-align: top;}
.luquswiperList .offerImg{width: 178px;height: 256px;margin: 16px 13px;}
.luquswiperList .offerImg img{width: 100%;height: 100%;}
.luquswiperList .offerTex{width: 275px;margin: 16px 0 0 0;}
.luquswiperList .offerTex a{text-decoration: underline;color:#4a3015;}
.luquswiperList .offerTex a:hover{color:#333;}
.luquswiperList .offerTex a.btn{display: inline-block;line-height: 32px; width: 132px;height: 32px;background: #755127;border-radius: 2px;text-align: center;color: #fff;transition:background-color 0.2s linear ;text-decoration: none;font-size: 16px;}
/* .luquswiperList .offerTex a.btn:hover{background: #351851;} */
.luquswiperList .asddiv{height: 224px;overflow: auto;}
.luquswiperList .asddiv h4{padding-top: 10px;color: #4a3015;font-weight: normal;}
.luquswiperList .asddiv p{color: #4a3015;}

/*案例解析 - 新*/
.page3{background:#f48502 url(../images/bj2_02.png) no-repeat center top;padding-bottom: 50px;padding-top: 54px;}
.anliSwiper{height:587px;overflow: initial;overflow-x: hidden;}
.anliSwiper .anlioffer{display: inline-block;vertical-align: top;height: 473px; background:url(../images/anlijiexiBgleft.png);width: 36%;text-align: center;padding: 12px;border-radius: 10px;}
.anliSwiper .anliofferImgBox{height: 100%;overflow: hidden;}
.anliSwiper .anlioffer img{width: 100%;height: 100%;}
.anliSwiper .anlitext{display: inline-block;vertical-align: top;width: 61%;margin-top:40px;}
.anliSwiper .anlitext .anlitextTop{width: 100%;height: 233px;}
.anliSwiper .anlitext .anlitextTop p{padding: 5px 25px;margin:10px 0;background: url(../images/app_03.png) repeat-y;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.anliSwiper .anlitext a{color:#3c2008;}
.anliSwiper .anlitext a:hover{text-decoration: underline;}
.anliSwiper .anlitextBottom{position: relative;height: 163px;background: url(../images/app_03.png) repeat-y;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.anliSwiper .anlitextBottomImg{position: absolute;left: 10px;top: -15px;width: 190px;height: 190px;background: url(../images/yuan_03.png) no-repeat;text-align: center;}
.anliSwiper .anlitextBottomImg img{margin-top: 5px;border-radius: 50%}
.anliSwiper .anlitextBottomImg span{position: absolute;right: 0;bottom: 0;display: inline-block;width: 120px;height: 40px;background: url(../images/yuan1_03.png) repeat-y;line-height: 40px;padding-left: 10px;text-align: left; color: #381a00;font-size: 19px;margin-right: -30px;}
.anliSwiper .anlitextBottomText{width: 380px;padding: 10px 20px 0px 210px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-align: justify;line-height: 135%;height: 145px;}

/*案例解析 - 旧*/
/*轮播*/
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease
}
.flex-viewport .slides {
  zoom: 1
}
.flex-direction-nav a {
  width: 46px;
  height: 90px;
  line-height: 99em;
  overflow: hidden;
  margin: -60px 0 0;
  display: block;
background: url(../images2020/ad_ctr.png) no-repeat; /*左右箭头*/
  position: absolute;
  top: 60%;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .3s ease
}
.flex-direction-nav .flex-next {
  background-position: 0 -90px;
  right: 0
}
.flex-direction-nav .flex-prev {
  left: 0
}
.anliContent_old:hover .flex-next {
  opacity: .8;
  filter: alpha(opacity=25)
}
.anliContent_old:hover .flex-prev {
  opacity: .8;
  filter: alpha(opacity=25)
}
.flex-viewport:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
  opacity: 1;
  filter: alpha(opacity=50)
}
.flex-control-nav {
  width: 100%;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  display: inline;
}
.flex-control-paging li a {
  background: #dadada;
  display: inline-block;
  height: 14px;
  overflow: hidden;
  text-indent: -99em;
  width: 14px;
  cursor: pointer;
  font-size: 0;
  border-radius: 14px;
}
.flex-control-paging li a.flex-active {width: 100px;background:#c1a984;}

.anliContent_old{background: url(../images2020/anliContent_old.png) no-repeat center top;padding:80px 0.5% 22px;width:99%;height: 330px;overflow: hidden;position: relative;zoom: 1}
.anliContent_old ul.slides li .jqqdImg{display: block;margin: 20px auto;}
.anliContent_old ul.slides li .flbox{width: 44%;padding-left:6%;height: 320px;overflow-y: auto;}
.anliContent_old ul.slides li .flbox p a{color:#be964d;}
.anliContent_old ul.slides li .flbox .btnGroup .fl{margin: 10px auto;width: 48%;background:#e9cc8a;border: 1px solid #e9cc8a;color:#3a2118;height: 40px;line-height: 40px;font-size:18px;text-align: center;}
.anliContent_old ul.slides li .flbox .btnGroup .fr{margin: 10px auto;width: 48%;background:#fff;border: 1px solid #b6881f;color:#b6881f;height: 40px;line-height: 40px;text-align: center;font-size:18px;}
.anliContent_old ul.slides li .flbox .btnGroup .btn:hover{background: #ffdf68;color:#333;border: 1px solid #ffdf68;}

.anliContent_old ul.slides li .frbox{width: 40%;padding-left:2%;padding-right:6%;margin-left: 1%;border-left:1px solid #be964d; }
.anliContent_old ul.slides li .frbox h6{color: #be964d;font-size: 24px;text-align: center;padding:10px 0;}
.anliContent_old ul.slides li .frbox p{font-size: 18px;height: 224px;overflow: auto;}
.anliContent_old ul.slides li .frbox p a{color:#be964d;}

/*2021美国本科录取资讯*/
.page3 .listNews{}
.page3 .listNews .ulwrap{margin-top: 30px;padding:20px 0 20px 5%;width: 44%;height: 208px;background: url(../images2020/listNews.jpg) no-repeat center center;-webkit-background-size:cover;background-size:cover;}
.page3 .listNews .ulwrap ul{overflow-y:auto;width: 100%;height: 100%;}
.page3 .listNews .ulwrap ul li{margin: 5px 0;line-height: 140%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page3 .listNews .ulwrap ul li a{color:#3c2008;}
.page3 .listNews .ulwrap ul li a:hover{text-decoration: underline;}
.page3 .listNews.oldlistNews .ulwrap{width: 95%;background: url(../images2020/listNews_old.jpg) no-repeat center center;}
.page3 .listNews.oldlistNews .ulwrap li{width: 48%;padding-right: 2%;float: left;}

/*选择前途出国加拿大部*/
.page4{background: url(../images/page4_02.png) no-repeat center top;}
.page4 ul li{font-size: 16px;line-height: 160%;float:left;width: 27%;color: #412309; padding: 20px 2.5%;height: 180px;margin: 0 0.5% 40px;background: #fef9eb;-webkit-background-size:100% 100%;background-size:100% 100%;border-radius: 5px;position: relative;}
.page4 ul li .juhetitle{text-align: center;font-size: 24px;font-weight: bold;color: #936531;padding-bottom: 10px;}
.page4 ul li .juhetitle span{display: inline-block;
  vertical-align: text-bottom;width: 30px;height: 30px;border: 1px solid #936531;border-radius: 50%;font-size: 28px;font-weight: bold;color: #936531;text-align: center;line-height: 30px;margin-right: 6px;}
.page4 ul li .juhetitle i{ font-style: normal;  }
.page4 ul li .bgbottom{position: absolute;width: 90%;height: 12px;background: #936531;z-index: 2;left: 5%;bottom: -11px;border-radius: 0 0 20px 20px;}

/*在线预约*/
.zxyy{background: url(../images/bg4_02.png) no-repeat center top;-webikt-background-size: 100% 100%;background-size: 100% 100%;}
.form-wrap .btn-wrap{background: url(../images/tjiao_03.png);color: #d94337;font-weight: bold;letter-spacing: 14px;box-shadow: 0 0 3px solid #d57e1d;}

@media screen and (max-width:1000px) {
	body{font-size: 22px;line-height: 160%;-webkit-text-size-adjust: none;}
	.m1000{width:98%;margin:0 auto;}
	.pc{display:none;}
	.mobile{display:block;}

	.page{padding: 2rem 2%;-webikt-background-size: cover;background-size: cover;}
	/*banner*/
	.header {height: 73rem; background:url(../images/mbanner1.jpg) no-repeat center top;}
	.header .m1000{width:100%;}
	.header .header_t{width: 97%;margin: 10px auto 0;}
	.header .header_t img{width: 100%}
	.header .banner {padding-bottom: 110px;}
    
  /*2021 QS 加拿大TOP200院校累计录取*/
  .leijiSwiperList{margin: 30px 0px 0px 4px;}

	/*重磅录取*/
	.luquswiperList { width: 100%;}
	.luquswiperList .offerTex {width: 68%;}
	.luquswiperList .asddiv{font-size:20px;line-height: 140%;}

	/*案例解析 - 新*/
	.anliSwiper{height: 600px;overflow: hidden;}
	.anliSwiper .anlioffer{width: 35%;height: 350px;margin-bottom: 30px;}
	.anliSwiper .anlitext .anlitextTop{height: auto;}
	.anliSwiper .anlitextBottomText{width: 66%;-webkit-line-clamp: 5;}

  /*案例解析 - 旧*/
  .anliContent_old{padding: 80px 0 22px;height: auto;background: url(../images2020/m_anliContent_old.png) no-repeat center top;background-size: contain;}
  .anliContent_old .flex-viewport{border: 8px solid #f9eed6;padding: 15px 0 0;border-radius: 0 0 5px 5px;box-sizing: border-box;background: #fff;}
  .anliContent_old ul.slides li .gundongtiao{height: 500px;overflow: auto;width: 95%}
  .anliContent_old ul.slides li .flbox{height:auto;width: 84%;margin:0 8%;padding-left: 0%;}
  .anliContent_old ul.slides li .frbox{width: 84%;margin:0 8%;padding: 0;padding-bottom: 40px;border: none;border-top: 1px solid #be964d;}
  .anliContent_old ul.slides li .frbox h6{}
  .anliContent_old ul.slides li .frbox p{height:auto;}
  .anliContent_old ul.slides li .flbox .btnGroup .fl,
  .anliContent_old ul.slides li .flbox .btnGroup .fr{margin:40px auto;}

  /*旧数据*/
  .page3 .listNews.oldlistNews .ulwrap li{width: 98%;margin:3px 0;}
  
  /*2021美国本科录取资讯*/
  .page3 .listNews .ulwrap{width: 95%;}


	/*选择前途出国加拿大部*/
  .page4 ul li {width: 94%;height: auto;}

	.reg_mobile{width: 85%;}
}
/*滚动条 */
.gundongtiao{
    scrollbar-arrow-color: #fff;
    scrollbar-face-color: #351851;
    scrollbar-highlight-color: #351851;
    scrollbar-shadow-color: #351851;
    scrollbar-track-color: #ddd;
    scrollbar-3dlight-color:#351851;
    scrollbar-darkshadow-color: #ddd;
    scrollbar-base-color: #351851;
}
/* chrome & safari  */
.gundongtiao::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    background-color: #dddddd;
}
.gundongtiao::-webkit-scrollbar-track{
    background-color: #dddddd;
	border-radius: 5px;
}
.gundongtiao::-webkit-scrollbar-thumb{
    border-radius: 0;
    background-color: #351851;
    box-shadow: inset 0 0 5px #351851;
	border-radius: 5px;
}
.gundongtiao::-webkit-scrollbar-button{
    height: 0;
    background-color: #dddddd;
	border-radius: 5px;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
