@charset "utf-8";li,textarea{vertical-align:top;}
article,aside,body,details,figcaption,figure,footer,header,hgroup,html,iframe,menu,nav,section{display:block}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
audio,canvas,video{display:inline-block;}
body,button,input,select,textarea{font:12px/1.5 'helvetica neue',tahoma,'PingFang SC','microsoft yahei',arial,'hiragino sans gb',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:1em}
a:active{background-color:transparent}
a:active,a:hover,a:link,a:visited{outline:0}
b,cite,code,em,i,small,th{font-size:1em;font-style:normal;font-weight:500}
button,input,select,textarea{font-size:1em;box-sizing:content-box}
button,input[type=button],input[type=submit]{cursor:pointer}
button[disabled],input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto}
table{border-collapse:collapse;border-spacing:0}
fieldset,iframe,img{border:0}
img{display:inline-block;vertical-align:bottom;-ms-interpolation-mode:bicubic}
ol,ul,li{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select,textarea{vertical-align:middle;outline:0;-moz-outline:none;padding:0 10px}
input[type=submit]{border:none;background:0 0;cursor:pointer;outline:0;-moz-outline:none}
q:after,q:before{content:''}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;font-size:0;visibility:hidden}
.clearfix{zoom:1}
.clear{clear: both;height:0; overflow:hidden;}
body,html{color: #383838;overflow-x: hidden;font-family: "PingFang Regular";max-width: 750px;margin: 0 auto;height: 100%;}
.swiper{width: 95%;overflow: hidden;margin: 0 auto;}
a{text-decoration: none;color: #383838;}

/*引用字体*/
@font-face{
	font-family:'PingFang Regular';  //Poppins-Regular为字体名
		src:url('PingFang Regular.eot'); 
        src:url('PingFang Regular.eot?#iefix') format('embedded-opentype'),
	     url('PingFang Regular.woff') format('woff'),   
         url('PingFang Regular.ttf') format('truetype'),   
         url('PingFang Regular.svg#PingFang Regular') format('svg');
}

.indexbg{background: url(../images/indexBg.jpg)no-repeat top; }
.indexcontent{width: 95%;margin: 0 auto; overflow-y: auto;overflow-x: hidden;}
.indexcontent .search{width: 88%;height: 3rem;background: #f2f2f2;border-radius: 30px;padding:0 6%;margin-top: 20px;}
.indexcontent .search i{background: url(../images/searchIcon.png)no-repeat center;display: inline-block;content: "";width: 24px;height: 24px;vertical-align: middle;}
.indexcontent .search input{height: 3rem;background: none;border: none;outline: none;font-size: 14px;}
.indexcontent .hot{width: 94.6%;border-radius: 9px;background: #ffffff;margin: 33px auto 0 auto;padding: 3%;box-shadow: 0 0px 18px #ebecee;}
.indexcontent .hot h2{background: url(../images/sx.png) no-repeat left;padding-left: 3%;font-size: 1.125rem;font-weight: normal;color: #108ee9;margin-bottom: 15px;}
/*.indexcontent .hot ul{margin: 0 -2%;}*/
.indexcontent .hot ul li{float: left;width: 21%;/*margin: 0 2% !important;*/}
.indexcontent .hot ul li img{width: 100%; border-radius: 9px;}
.indexcontent .hot ul li p{text-align: center;font-size: 0.875rem;margin: 5px -1px;height: 20px;overflow:  hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexcontent .taps{box-shadow: 0 -5px 18px #ebecee;}
.indexcontent .taps h2{float: left;}
.indexcontent .taps a.more{float: right;font-size: 18px;color: #999999;background: url(../images/jiao.png)no-repeat right;padding-right: 2%;}
.indexcontent .taps ul li{height: 180px;width: 45.4%;margin: 1.7% 2.3%;background: rgba(0,0,0,0.9);position: relative;box-sizing: border-box;overflow: hidden;border-radius: 5px;}
.indexcontent .taps ul li img{width: 100%;position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity: 0.6;}
.indexcontent .taps ul li p{font-size:1.25rem;color: #FFFFFF;text-align: center;height: 30px;margin: 0;padding-top: 20%;opacity: 0.9!important;}   
.indexcontent .taps ul li p::before{content: "";background: url(../images/xx.png)no-repeat;width: 20%;height: 1px;display: inline-block;vertical-align: middle;margin-right: 3%;} 
.indexcontent .taps ul li p::after{content: "";background: url(../images/xx.png)no-repeat;width: 20%;height: 1px;display: inline-block;vertical-align: middle;margin-left: 3%;}  
.height{margin-bottom: 130px;line-height:1px;clear:both;}
.footer{border-top: 1px solid #e4e3e3;width: 750px;bottom: 0;z-index: 99999;background: #FFFFFF;position: fixed;}
.footer ul li{float: left;width: 24%;text-align: center;padding: 11px 0;}
.footer ul li span{display: block;width: 30%;height: 54px;text-align: center;margin: 0 auto;background-repeat: no-repeat;background-position: center;}
.footer ul li span.f1{background: url(../images/homeIcon.png)no-repeat top center;background-size: 100% 100%}
.footer ul li span.f2{background: url(../images/schoolIcon.png)no-repeat top center;background-size: 100% 100%}
.footer ul li span.f3{background: url(../images/caseIcon.png)no-repeat top center;background-size: 100% 100%}
.footer ul li span.f4{background: url(../images/lxIcon.png)no-repeat top center;background-size: 100% 100%}
.footer ul li.current span.f1{background: url(../images/BhomeIcon.png)no-repeat top center;background-size: 100% 100%}
.footer ul li.current span.f2{background: url(../images/BschoolIcon.png)no-repeat top center;background-size: 100% 100%}
.footer ul li.current span.f3{background: url(../images/BcaseIcon.png)no-repeat top center;background-size: 100% 100%}
.footer ul li.current span.f4{background: url(../images/BlxIcon.png)no-repeat top center;background-size: 100% 100%}
.footer ul li p{text-align: center;font-size: 1.25rem;color: #999999;}
.footer ul li.current p{color:#108ee9 ;}

.indexcontent .test ul li{margin: 0;}
.indexcontent .test .wherelist h3{font-size: 14px;color: #999999;font-weight: normal;}
.indexcontent .test .wherelist h3 span{color: #f95151;vertical-align: middle;margin-right: 0.5%;}
.indexcontent .test .wherelist ul{margin: 0 -1%;}
.indexcontent .test .wherelist ul li{border: 1px solid #999999;text-align: center;border-radius: 6px;line-height: 28px;width: 30.9%;margin:1.5% 1%;font-size: 14px;color: #999999;}
.indexcontent .test .wherelist ul li.current{border: 1px solid #108ee9;color: #108ee9;}
.indexcontent .test .wherelist span{font-size: 14px;color: #999999;display: inline-block;/* width: 15%; */text-align: right;margin-right: 2%;}
.indexcontent .test .wherelist .see span{width: 15%;}
.indexcontent .test .wherelist span i{color:#f95151;}
.indexcontent .test .wherelist input{width: 80%;border: 1px solid #999999;height: 30px;border-radius: 6px;}
.indexcontent .test .wherelist .see li{border: none;width: 100%;margin: 2% 0;}
.indexcontent .test .jg{background: #f9f9f9;border-radius:9px;line-height: 46px;font-size: 18px;color: #999999;margin-top: 25px;padding: 0 2%;}
.indexcontent .test .jg span{color: #108ee9;margin: 0 1%;}
.indexcontent .test .jglist ul,.jglist ul{margin: 0;}
.indexcontent .test .jglist ul li,.jglist ul li{width: 100%;margin-top: 20px;}
.indexcontent .test .jglist ul li .jglistL,.jglist ul li .jglistL{float: left;width: 40%;}
.indexcontent .test .jglist ul li .jglistL img,.jglist ul li .jglistL img{border-radius: 9px;}
.indexcontent .test .jglist ul li .jglistR,.jglist ul li .jglistR{float: right;width: 57%;}
.indexcontent .test .jglist ul li .jglistR h3,.jglist ul li .jglistR h3{font-size: 20px;color: #333333;font-weight: normal;line-height: 38px;}
.indexcontent .test .jglist ul li .jglistR p,.jglist ul li .jglistR p{text-align: left;font-size: 18px;color: #333333;padding-left: 7%;}
.indexcontent .test .jglist ul li .jglistR p.m,.jglist ul li .jglistR p.m{background: url(../images/mIcon.png)no-repeat left;background-size: 5%;}
.indexcontent .test .jglist ul li .jglistR p.a,.jglist ul li .jglistR p.a{background: url(../images/aIcon.png)no-repeat left;background-size: 5%;}
.indexcontent .test .jglist ul li .jglistR span,.jglist ul li .jglistR span{font-size:14px;color: #ffffff;text-align: center;line-height: 30px;display: inline-block;width: 27%;margin: 5% 1.5% 0 0;}
.indexcontent .test .jglist ul li .jglistR span.s0,.jglist ul li .jglistR span.s0{background: url(../images/bg1.png)no-repeat center;background-size:100% 100% ;}
.indexcontent .test .jglist ul li .jglistR span.s1,.jglist ul li .jglistR span.s1{background: url(../images/bg2.png)no-repeat center;background-size:100% 100% ;}
.indexcontent .test .jglist ul li .jglistR span.s2,.jglist ul li .jglistR span.s2{background: url(../images/bg3.png)no-repeat center;background-size:100% 100% ;}
.indexcontent .test .jglist ul li .jglistR span.s3,.jglist ul li .jglistR span.s3{background: url(../images/bg1.png)no-repeat center;background-size:100% 100% ;}
.indexcontent .test .more{width: 100%;line-height: 47px;background: #108ee9;text-align: center;font-size: 18px;border-radius: 9px;margin-top: 15px;}
.indexcontent .test .more a{color: #FFFFFF;}
.indexcontent .test .none{background: url(../images/noneimg.png)no-repeat center;width: 100%;height: 220px;position: relative;}
.indexcontent .test .none p{text-align: center;font-size:16px;color: #999999;position: absolute;bottom: 19px;left: 0;right: 0;}
/*专家咨询*/
.inbg{background: url(../images/nybg.png)no-repeat center;width: 100%;/* height:100%; */}
.incontent{width: 95%;margin: 0 auto;padding-top: 20px;}
.incontent .expert{width: 94.6%;border-radius: 9px;background: #ffffff;margin: 0 auto;padding: 2.5%;box-shadow: 0 0px 18px #ebecee;}
.incontent .expert h2{background: url(../images/sx.png) no-repeat left;padding-left: 3%;font-size: 1.125rem;font-weight: normal;color: #108ee9;margin-bottom: 15px;}
.incontent .expert span{font-size: 1.125rem;color:#333333;float: left;width: 12%;display: inline-block;line-height: 62px;}
.incontent .expert span i{color: #f95151;vertical-align: middle;margin-right: 0.5%;}
.incontent .expert input{font-size: 1.125rem;color:#999999;width: 84%;float: right;text-align:  right;height: 62px;border: none;}
/*咨询结果*/
.box{width: 94.6%;border-radius: 9px;background: #ffffff;margin:0 auto;padding: 2.5%;box-shadow: 0 0px 18px #ebecee;}
.box .zxjg .zxjgbg{background: url(../images/zxjgBg.png)no-repeat bottom center;width: 100%;height: 240px;}
.box .zxjg p{text-align: center;font-size: 20px;color: #108ee9;margin-top: 20px;}
.box .zxjg span{font-size: 20px;color: #333333;text-align: center;display: block;margin-top: 30px;}
.box .copy{border: 1px solid #108ee9;color: #108ee9;width: 14%;margin: 20px auto 70px auto;text-align: center;border-radius: 9px;line-height: 34px;font-size: 18px;}
.incontent .more,.hotbox .more{width: 100%;line-height: 47px;background: #108ee9;text-align: center;font-size: 18px;border-radius: 9px;margin: 15px 0;}
.incontent .more a,.hotbox .more a{color: #FFFFFF;}
.more1{position: absolute;bottom: 20px;width: 94%!important;}
/*热门语言学校*/
.hotbox{background: url(../images/hotBg.png)no-repeat center;width: 94%;height: 100%;padding: 0 3%;position:  relative;}
.hotbox .hotbanner{width: 100%;height: auto;padding-top: 20px;}
.hotbox .hotbanner img{border-radius: 9px;}
.hotbox .hotbannertext{background: rgba(0,0,0,0.8);width: 100%;border-radius: 9px;position: relative;margin-top: -69px;}
.hotbox .hotbannertext span{font-size: 18px;color:#fbf14d;line-height: 69px;padding-left: 4%;margin: 0 5.4%;}
.hotbox .hotbannertext span.span0{background:url(../images/span1.png)no-repeat left;}
.hotbox .hotbannertext span.span1{background:url(../images/span2.png)no-repeat left;}
.hotbox .hotbannertext span.span2{background:url(../images/span3.png)no-repeat left;}
.hotbox .hotbannertext span.span3{background:url(../images/span1.png)no-repeat left;}
.hotbox .hotbannertext span.span4{background:url(../images/span2.png)no-repeat left;}
.hotbox .hotbannertext span.span5{background:url(../images/span3.png)no-repeat left;}
.hotbox .hotlist{margin-top: 20px;}
.hotbox .hotlist ul li{float: left;font-size: 16px;padding: 0 4.4%;line-height: 35px;}
.hotbox .hotlist ul li a{color: #333333;}
.hotbox .hotlist ul li.current{box-shadow: 0 0px 18px #ebecee;border-radius: 30px;}
.hotbox .hotlist ul li.current a{color: #108ee9;}

#carousel li{float:left;margin-left:10px;text-align:center;padding: 0 2.5%;font-size: 16px;line-height: 32px;}
.carousel-nav{width:90%;position:relative;margin-top: 5px;height: 40px;float: left;}
.nav_after{float:right;content: ""; width: 20px; height: 20px; right: -24px; margin-top: 18px; z-index: 999; transform: rotate(-90deg); background: url(../images/x.png) center center / 100% no-repeat;}
.infor-xnav{overflow:hidden;height: 32px;padding-top: 9px;width: 576px!important;}
.infor-nav{padding:5px 0;border-bottom:1px solid #f1f1f1;}
.pitch,.infor-xnav .cur{box-shadow: 0 0px 10px #cccccc;border-radius: 30px;background-color:#fff;}
.pitch a,.infor-xnav .cur a{color: #108ee9;}
.infor-nav li{float:left;line-height:30px;text-align:center;}
.infot-liOff{display:none}
.infot-liOn{display:block}
.infot-liBtn{text-align:center;width:10%;display:inherit;float:right;line-height:30px}
.infot-liBtn2{display:inline-block;transform:rotate(180deg)}
.infor-m-top{margin-top:4.3rem!important}
.infor-content{padding:.5rem}
.infor-content li{border-bottom:1px solid #f1f1f1;margin-top:5px}
.infor-content li .infor-c-img{max-height:150px;overflow:hidden}
.infor-c-text p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999}
.infor-content li>a{display:inherit}
.infor-content li h1{margin:0;font-weight:400;font-size:.875rem}
.infor2-content li h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.scanTime{margin:5px 0;font-size:.65rem}
.scanTime span{color:#999;margin:0 2px}
.infor2-content li .infor-c-img{float:left;width:4rem;height:2.7rem;margin-right:5px;overflow:hidden}

.hotbox .hottext h2{background:url(../images/hotbg1.png)no-repeat center;width: 100%;height: 59px;text-align: right;background-size: 100% 100%;font-size: 20px;color: #108ee9;line-height: 59px;}
.top20{margin-top: 20px;}
.hotbox .jbxxcontent{font-size: 18px;color: #333333;}
.hotbox .jbxxcontent ul li{margin: 3%;}
.hotbox .jbxxcontent i{display: inline-block;float: left;padding-left: 4%;font-weight: normal;}
.hotbox .jbxxcontent i.i1{background: url(../images/timeIcon.png)no-repeat left;}
.hotbox .jbxxcontent i.i2{background: url(../images/blIcon.png)no-repeat left;}
.hotbox .jbxxcontent i.i3{background: url(../images/szIcon.png)no-repeat left;}
.hotbox .jbxxcontent i.i4{background: url(../images/ssIcon.png)no-repeat left;}
.hotbox .jbxxcontent i.i5{background: url(../images/addIcon.png)no-repeat left;}
.hotbox .jbxxcontent span{float: left;display: inline-block;}
.hotbox .jbxxcontent span img{vertical-align: middle;}
.hotbox .jbxxcontent i.z1{background: url(../images/z1.png)no-repeat left;}
.hotbox .jbxxcontent i.z2{background: url(../images/z2.png)no-repeat left;}
.hotbox .xslist{margin-left: 2%;margin-top: 15px;}
.hotbox .xslist span{font-size: 14px;color: #FFFFFF;line-height: 30px;text-align: center;display: inline-block;width: 15%;margin: 0 1%;}
.hotbox .xslist span.span0{background: url(../images/bg1.png)no-repeat center;background-size:100% 100% ;}
.hotbox .xslist span.span1{background: url(../images/bg2.png)no-repeat center;background-size:100% 100% ;}
.hotbox .xslist span.span2{background: url(../images/bg3.png)no-repeat center;background-size:100% 100% ;}
.hotbox .xslist span.span3{background: url(../images/bg1.png)no-repeat center;background-size:100% 100% ;}
.hotbox .xslist span.span4{background: url(../images/bg2.png)no-repeat center;background-size:100% 100% ;}
.hotbox .xslist span.span5{background: url(../images/bg3.png)no-repeat center;background-size:100% 100% ;}
.hotbox .fk i.k1{display: inline-block;width: 3%;height: 20px;padding-top:1%;background: url(../images/fkIcon.png)no-repeat center;}
.hotbox .fk span{width: 93%;}
.edit{padding: 3% 2%;}
.edit p{font-size: 18px;color: #333333;text-indent: 30px;}
.hotbox .sshjlist{width: 90%;margin: 0 auto;position: relative;}
.hotbox .numThree:after{
   position: absolute;
   content: '';
   width: 20px;
   height: 20px;
   background: #f60;
   right: -24px;
   top: 90px;
   z-index: 999;
   background: url(../images/x.png) no-repeat center center;
   background-size:100%;
   transform: rotate(-90deg);	
}
.hotbox .sshjlist h3{font-size: 18px;color: #333333;font-weight: normal;border-bottom: 4px solid #108ee9;display: inline-block;line-height: 12px;margin-top: 30px;}
.hotbox .sshjlist ul{margin: 20px 0 20px 0;}
.hotbox .sshjlist ul li{float: left;width: 29%;/*margin: 0 2.1%;*/}
#carousel1 ul li,#carousel2 ul li{float: left;width: 20%;margin: 0 2.1%;}
#carousel1 .infor-xnav,#carousel2 .infor-xnav { /* background-color: #fff; */ overflow: hidden; height: auto; padding-top: 0; }
#carousel1.carousel-nav,#carousel2.carousel-nav{height: auto;}


.videos{margin-top: 20px;}
.videos ul li{float: left;width: 45%;margin: 1% 2.5%;border-radius: 38px;height: 206px;}
.videos ul li p{font-size: 14px;color: #FFFFFF;position: relative;margin-top: -40px;padding-bottom: 15px;padding-left: 2%;}
.video-con{width: 100%;position: relative;border-radius: 20px;height: 100%;}
.video-con .video{width: 100%;height: 100%;object-fit: fill; border-radius: 9px;}
.video-con .btn{width: 100%;he;height: 100%;background: transparent url("../images/vbg.png") no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: none;border-radius: 9px;}
.video-con .btn.pause{background: none;border-radius: 9px;height: 100%;}
/*校园库*/
.incontent .insearch .insearchleft{background: #f2f2f2;border-radius: 30px;padding:0 6%;width: 60%;float: left;}
.incontent .insearch .insearchleft i{background: url(../images/searchIcon.png)no-repeat center;display: inline-block;content: "";width: 24px;height: 24px;vertical-align: middle;}
.incontent .insearch .insearchleft input{height: 3rem;background: none;border: none;outline: none;font-size: 14px;width: 70%;}
.incontent .insearch button{width: 25%;border: none;background: #108ee9;height: 48px;border-radius: 30px;float: right;font-size: 24px;color: #FFFFFF;}
.incontent .xyklist ul li{border-radius: 9px;background: #ffffff;margin:3% auto;padding: 2.5%;box-shadow: 0 0px 18px #ebecee;width: 95%;}
.xyknone{text-align: center}
.xyknone .xykbg{background: url(../images/xyknone.png)no-repeat center;width: 100%;height: 170px;margin-top: 80px;}
.xyknone p{font-size: 20px;color: #333333;margin-top: 30px;}
.xyknone span{font-size: 16px;color: #999999;}
.menu,.tab-box{width: 94%;height: 100%;margin: 0 auto;background: #fff;}
.menu ul li{ line-height: 56px;font-size: 18px;  }
.menu ul li span{height: 100%;width: 94%;position: relative;}
.menu ul li span.span_2{float: right;display: inline-block;width: 30%;text-align: right;padding-right: 5%;color: #999999;}
.menu ul li span i{display: block;height: 13px;width: 26px;background: url(../images/arr.png) no-repeat center center;background-size:80% 80%;position: absolute;right: 0px;top: 50%;margin-top: -6px;transition: all 0.3s ease-out;transform: rotate(0deg);}
.menu ul li span i.action{ transition: all 0.3s ease-out;transform: rotate(180deg);}
.menu ul li>dl{display: none;}
.menu ul li>dl>dt{padding: 0 2%;}
.menu ul li>dl>dt:hover{background: #f9f9f9;border-radius: 9px;}
.menu ul li>dl a{ display: block; height: 100%; width: 100%; font-size: 18px; color: #999999; text-decoration: none; }
.tab-box{ width: 600px; margin-top: 40px; }
.tab-box .tab{border-bottom: 1px solid #eee; }
.tab-box .tab ul li{ width: 33.3%; float: left;  height: 55px; line-height: 55px; text-align: center; }
.tab-box .tab ul li.action{ background: #d8e7f5; }
.tab-box .box{width: 100%; height: 200px; }
.tab-box .box .item{ display: none; padding: 15px;height: 200px; }
.tab-box .box .item:first-child{display: block;}
.sxbtn{margin:0 auto;width: 100%;}
.sxbtn input.qd,.sxbtn input.qx{width:45.5%;padding:0px; float:left; text-align:center;margin: 20px 1.5% 0 1.5%;border:1px solid #108ee9;height: 47px;border-radius: 9px;font-size: 18px;color:#108ee9;background:#FFFFFF}
.sxbtn input.qd:hover,.sxbtn input.qx:hover{background:#108ee9;color: #FFFFFF;}

/*成功案例*/
.grlist ul li{box-shadow: 0 0px 18px #ebecee;border-radius: 9px;background: #FFFFFF;padding: 4%;margin: 15px 0;}
.grlist ul li .imgl{float: left;width: 17%;border-radius: 50%;}
.grlist ul li .ccenter {float: left;width: 50%;margin-left: 3%;}
.grlist ul li .ccenter h2{font-size: 24px;color: #333333;font-weight: normal;line-height: 54px;margin-bottom: 10px;}
.grlist ul li .ccenter span,.grlist ul li .ccenter p{font-size: 18px;color: #999999;padding-left: 8%;}
.grlist ul li .ccenter span.s_1{background: url(../images/c1.png)no-repeat left;margin-right: 11%;}
.grlist ul li .ccenter span.s_2{background: url(../images/c2.png)no-repeat left;}
.grlist ul li .ccenter p{background: url(../images/c3.png)no-repeat left;}
.grlist ul li .morer{float: right;width: 16%;text-align: center;background: #108EE9;font-size: 18px;line-height: 35px;border-radius: 30px;color: #FFFFFF;}
.grlist ul li .morer a{color: #FFFFFF;}
.fxtitle .imgl{float: left;width: 13%;}
.fxtitle .textr{float: left;width: 80%;margin-left: 3%;}
.fxtitle .textr p{font-size: 24px;color: #333333;line-height: 40px;margin-bottom: 10px;}
.fxtitle .textr span{font-size: 14px;color: #999999;padding-left: 5%;margin-right: 5%;}
.fxtitle .textr span.f1{background:url(../images/c1.png)no-repeat left ;}
.fxtitle .textr span.f2{background:url(../images/c2.png)no-repeat left ;}
.fxtitle .textr span.f3{background:url(../images/c3.png)no-repeat left ;}
.fxsee{background: url(../images/casebg.png)no-repeat center;width: 100%;height: 51px;text-align:right}
.fxsee span{font-size: 14px;color: #f25c5c;padding-left: 3%;margin-right: 5%;}
.fxsee span.see1{background: url(../images/fxIcon.png)no-repeat left;}
.fxsee span.see2{background: url(../images/sjIcon.png)no-repeat left;}
.fxedit{padding: 0 7%;}
.fxedit h1{text-align: center;font-size: 24px;color: #333333;font-weight: normal;padding: 15px 0;}
.fxedit p{font-size: 20px;color: #333333;}
.fxbottom{background: url(../images/fxbottom.png)no-repeat right;width: 100%;height:62px}
/*留学干货*/
.lxghlist{margin-top: 0;}
.lxghlb ul li{background: #FFFFFF;box-shadow: 0 0px 18px #ebecee;padding: 2.5%;position: relative;border-radius: 9px;margin: 2% 0;}
.lxghlb ul li .limg{float: left;width: 40%;border-radius: 9px;}
.lxghlb ul li .rtext{float: right;width: 57%;}
.lxghlb ul li .rtext p{font-size: 20px;color: #333333;height: 130px;}
.lxghlb ul li .rtext span{font-size: 18px;color: #999999;padding-left: 7%;position: relative;top: 13px;}
.lxghlb ul li .rtext span.r1{background: url(../images/lxsee.png)no-repeat left;background-size: 40%;}
.lxghlb ul li .rtext span.r2{background: url(../images/lxtime.png)no-repeat left;float: right;background-size: 16%;}
.vcontent .btn{background:url(../images/vbg.png)no-repeat center;background-size: 100% 100%;height: 95%;}
.vcontent .btn.pause{height: 97%;}
.vcontent p{font-size: 20px;color: #333333;margin: 10px 0 25px 0;}
.vcontent span{font-size: 18px;color: #999999;padding-left: 5%;}
.vcontent span.v1{background: url(../images/lxtime.png)no-repeat left;}
.vcontent span.v2{background: url(../images/lxsee.png)no-repeat left;float: right;}
.lxcontent h2{background: url(../images/sx.png) no-repeat left;padding-left: 3%;font-size: 1.125rem;font-weight: normal;color: #108ee9;margin-bottom: 15px;}
.lxcontent{width: 94.6%;border-radius: 9px;background: #ffffff;margin: 20px auto 0 auto;padding: 3%;box-shadow: 0 0px 18px #ebecee;}
.lxcontent p{font-size: 18px;color: #333333;}
.teacher{background: url(../images/teacherbg.png)no-repeat center;width: 100%;background-size:100% 100%; }
.teacher .img{float: left;margin:0 0 10px 2%;width: 22%;border-radius: 9px;}
.teacher .tr{float: right;width: 76%;}
.teacher .tr h2{font-size: 18px;color:#ffffff ;background: #81b6ff;border-bottom-right-radius:9px ;border-top-right-radius: 9px;width: 20%;text-align: center;line-height: 30px;margin-top: 15px;}
.teacher .tr p{font-size: 14px;color: #333333;padding: 4% 5% 4% 4%;margin-top: 15px;background: none;}
.video1 .btn{width: 100%;he;height: 100%;background: transparent url("../images/btn.png") no-repeat center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);/* border: none; *//* border-radius: 9px; */}
.video1 .btn.pause{background: none;border-radius: 9px;height: 100%;}
.video1 .text{background: rgba(0,0,0,0.8);position:  relative;border-radius: 9px;padding: 2% 3%;margin-top: -62px;}
.video1 .text span{color: #FFFFFF;font-size: 12px;padding-left: 5%;}
.video1 .text span.t1{background: url(../images/t.png)no-repeat left;}
.video1 .text span.t2{background: url(../images/s.png)no-repeat left;}
.video1 .text p{font-size: 16px; color: #FFFFFF; margin-top: 0px; padding-bottom: 0; padding-left: 0;overflow: hidden;height: 28px;}

/*展开*/
.wrap{position: relative;overflow: hidden;}
.gradient{width: 100%;height: 35px;background: url() repeat-x;position: absolute;bottom: 0;left: 0;}
.read-more{background: #fff;color: #333;position: relative;margin-top: 15px;border: 1px solid #108EE9;width: 100%;border-radius: 6px;line-height: 24px;height: 24px;}
.read-more a{background: url(../images/x.png) no-repeat 100% 50%;background-size:20%;color: #108ee9;text-decoration: none;position: absolute;font-size: 14px;width: 25%;margin: 0 auto;text-align: center;left: 0;right: 0;}
.read-more a: hover{color: #108EE9;}
.triangle-down-hovertree {width: 0.675rem;height: 0.375rem;background: url(bot.png) center no-repeat;background-size: 100% 100%;position: absolute;     right: 0px;     left: 0px;     margin: 0px auto;     top: 0.6rem; }
.triangle-up-hovertree {width: 0.675rem;height: 0.375rem;background: url(top.png) center no-repeat;background-size: 100% 100%;position: absolute;     right: 0px;     left: 0px;     margin: 0px auto;     top: 0.6rem; }
.hewenqiToggle {height: 5rem;position: absolute;bottom: 0px;width: 100%;background: url(op_bg.png);background-size: 100% 100%; }
/**tabs**/
.tabPanel ul li{ cursor:pointer; }
.tabPanel .hit{ cursor:pointer; }
.pane{display: inline;}

#yddetailbanner .swiper-slide img{width: 100%;}
#yddetailbanner .swiper-pagination{width: auto;background:rgba(0,0,0,0.5);color:#fff;right: 15px;bottom:15px;left: auto;border-radius: 4px;padding:2px 10px;font-size: 12px;}
#banner .swiper-pagination-bullet{width: 10px;height: 10px;background:none;border: solid 2px #fff;opacity:1;}
#banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 25px;}


@media only screen and (max-width: 480px) {
	.indexcontent .taps ul li{height: 100px;}
	.indexcontent .taps ul li img{height: 95px;}
	.indexcontent .taps ul li  p{font-size: 14px;padding-top:25%;}
	.indexcontent .taps a.more{padding-right: 4%;}
	.height{margin-bottom: 80px;}
	.footer{width: 100%;}
	.footer ul li span{height: 25px;}
	.footer ul li p{font-size:0.875rem;}
	.indexcontent .test .wherelist ul li{width: 30%;}
	.indexcontent .test .jg{font-size: 14px;} 
	.indexcontent .test .jglist ul li .jglistL,.jglist ul li .jglistL{width: 30%;}
	.indexcontent .test .jglist ul li .jglistR,.jglist ul li .jglistR{width: 68%;}
	.indexcontent .test .jglist ul li .jglistR h3,.jglist ul li .jglistR h3{font-size: 14px;line-height: 20px; margin-bottom:5px;}
	.indexcontent .test .jglist ul li .jglistR p,.jglist ul li .jglistR p{font-size: 12px;padding-left: 7%;}
	.indexcontent .test .jglist ul li .jglistR span,.jglist ul li .jglistR span{width: 31%;font-size: 0.625rem;line-height: 24px;}
	.indexcontent .test .more{line-height: 34px;font-size: 14px;border-radius: 9px;margin-top: 15px;}
	.incontent .expert span{width: 18%;font-size: 14px;}
	.incontent .expert input{width: 75%;font-size: 14px;}
	.box .zxjg .zxjgbg{height: 180px;background-size: 45% 75%;}
	.box .zxjg p,.box .zxjg span{font-size: 16px;}
	.box .copy{width: 25%;font-size: 14px;line-height: 28px;}
	.hotbox .hotbannertext{margin-top: -40px;}
	.hotbox .hotbannertext span{font-size:12px;transform: scale(0.85,0.85);margin: -2%;padding-left: 8%;line-height: 56px;display: inline-block;}
	#carousel li{font-size: 0.875rem;padding: 0 2.4%;line-height: 28px;margin-left: 2px;}
    .hotbox .hottext h2{height: 30px;line-height: 30px;font-size: 12px;}	
    .hotbox .jbxxcontent i{padding-left: 8%;height: 18px;}
    .hotbox .jbxxcontent{font-size: 0.725rem;}
    .hotbox .jbxxcontent span{width: 60%;}
    .hotbox .jbxxcontent span img{margin: 0 2%;display: inline-block;}
    .hotbox .xslist span{width:26%;font-size: 12px;line-height: 26px;}
	.hotbox .fk span{width: 88%;}
	.hotbox .videos ul li{height: 96px;border-radius: 9%;}
	.video-con .btn{background-size: 100% 100%;border-radius: 9%;}
	.hotbox .videos ul li p{font-size: 12px;padding-bottom: 5px;margin-top: -28px;}
	.incontent .insearch .insearchleft{height: 36px;}
	.incontent .insearch .insearchleft input{height: 36px;}
	.incontent .insearch button{font-size: 12px;height: 36px;}
	.xyknone .xykbg{background-size: 44% 66%;}
	.xyknone p{font-size: 16px;}
	.xyknone span{font-size: 14px;}
	.edit p{font-size: 14px;}
	.menu ul li{ line-height: 42px;font-size: 14px;}
	.menu ul li>dl a{font-size: 14px;}
	.menu ul li span.span_2{width: 53%;padding-right: 10%;}
	.grlist ul li .ccenter{width: 59%;}
	.grlist ul li .ccenter h2{font-size: 16px;line-height: 24px;}
	.grlist ul li .ccenter span,.grlist ul li .ccenter p{font-size: 12px;padding-left: 11%;line-height: 24px;display: inline-block;}
	.grlist ul li .morer{width: 20%;font-size: 12px;line-height: 20px;}
	.fxtitle .imgl{width: 26%;}
	.fxtitle .textr{width: 71%;}
	.fxtitle .textr p{font-size: 16px;line-height: 24px;}
	.fxtitle .textr span{font-size: 12px;padding-left: 9%;display: inline-block;line-height: 24px;}
	.fxsee{background-size: 100% 100%;margin-top: 10px;}
	.fxsee span{padding-left: 6%;}
	.fxedit h1{font-size: 16px;}
	.fxedit p{font-size: 12px;}
	.lxghlb ul li .rtext p{font-size: 14px;color: #333333;height: 70px;}
	.lxghlb ul li .rtext span{font-size: 12px;top: 3px;padding-left: 13%;}
	.vcontent p,.lxcontent p{font-size: 14px;}
	.vcontent span{font-size: 12px;padding-left: 8%;display: inline-block;}
	.teacher .tr h2{width: 30%;font-size: 12px;margin-top: 5px;}
	.teacher .tr p{font-size:15px;transform: scale(0.55);padding: 0%;margin-top: -13px;margin-left: -83px;margin-right: -83px;}
	.videos1 ul li{height: 100px;}
	.video1 .text p{font-size: 12px;height: 22px;}
	.video1 .text span{padding-left: 11%;font-size:12px;transform: scale(0.85,0.85);display: inline-block;}
	.video1 .text{margin-top: -31px;}
	.video1 .btn{background-size: 26% 31%;}
}

@media only screen and (min-width:754px ) {
	
}

/*多项单选*/
.multi-radio{ display:inline-block; vertical-align:middle; *display:inline; width:100% }
	.multi-radio:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
	.multi-radio .boxwrap{ display:inline-block; vertical-align:middle; *display:inline;width:100% }
		.multi-radio a{ display:inline-block; background:none; border: 1px solid #999999;text-align: center;border-radius: 6px;line-height: 28px;width: 30%;margin:1.5% 1%;font-size: 14px;color: #999999; }
	.multi-radio a:hover{ background:#C9E1EF; text-decoration:none; }
	.multi-radio a:active{ text-decoration:none; }
	.multi-radio a.selected{border: 1px solid #108ee9;color: #108ee9; background:#FFF}
/*多项选择*/
.multi-checkbox{ display:inline-block; vertical-align:middle; width:100% }
	.multi-checkbox:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
	.multi-checkbox .boxwrap{ display:inline-block; vertical-align:middle; width:100% }
	.multi-checkbox a{ display:inline-block; background:none; border: 1px solid #999999;text-align: center;border-radius: 6px;line-height: 28px;width: 30%;margin:1.5% 1%;font-size: 14px;color: #999999; }
	.multi-checkbox a:hover{ background:#C9E1EF; text-decoration:none; }
	.multi-checkbox a:active{ text-decoration:none; }
	.multi-checkbox a.selected{border: 1px solid #108ee9;color: #108ee9; background:#FFF}
	.multi-checkbox a:last-child{ /*border-right:1px solid #d4d4d4;*/ }

.hide{ display:none}