/*
 * index
 */
/* index-hero */
.index-hero { background: url("/statics/images/sprite/g-loading-1-half.gif") center center no-repeat;}
.index-hero .slide { overflow: hidden;}
.index-hero .slide .g-carousel-viewport {}
.index-hero .slide .g-carousel-inner { width: 100%;}
.index-hero .slide .g-carousel-inner li { width: 100%;}
.index-hero .slide .g-carousel-inner li a { display: block; position: relative; overflow: hidden; padding-bottom: 37.5%; background-size: cover; background-position: center top; background-repeat: no-repeat;}
.index-hero .slide .g-carousel-indicators { position: absolute; z-index: 1; left: 25%; bottom: 0; width: 50%; height: 16px; text-align: center;}
.index-hero .slide .g-carousel-indicators li { width: 6px; height: 6px; margin: 1px 5px; background-color: #666;}
.index-hero .slide .g-carousel-indicators li.active { margin: 0 4px; background-color: #fff; border: 1px solid #666;}
.index-hero .slide .g-carousel-control { display: none;}
@media (min-width: 990px) { 
.index-hero .slide:hover .g-carousel-control {display:block;}
.index-hero .slide .g-carousel-viewport, .index-hero .slide .g-carousel-inner li a { height: 450px; padding-bottom: 0;}
.index-hero .slide .g-carousel-indicators { left: 50%; width: 50%; text-align: center;}
.index-hero .slide .g-carousel-indicators li { width: 8px; height: 8px;}
.index-hero .slide .g-carousel-control { position: absolute; top: 50%; left: 50%; z-index: 10; margin-top: -40px;}
.index-hero .slide .g-carousel-control a {border-radius:0;display: block; width: 40px; height: 71px; line-height: 80px; text-align: center; color: #fff; font-size: 22px; font-stretch: ultra-condensed; }
.index-hero .slide .g-carousel-control a:hover{filter: alpha(opacity=10);opacity: 0.1;}
.index-hero .slide .g-carousel-control i { font-size: 32px; line-height: 80px;}
.index-hero .slide .g-carousel-prev { margin-left: -480px;background: url("/statics/images/sprite/indexhome-8.png") no-repeat 0 0;width: 35px;height:71px;}
.index-hero .slide .g-carousel-next { margin-left: 440px;background: url("/statics/images/sprite/indexhome-8.png") no-repeat -45px 0;width: 35px;height:71px;}
}
/* index-hot */
.index-hot .hotlogo{display: none;}
.index-hot .g-wrapper .middleline{display: none;}
.index-hot .g-wrapper .con{width:65%;margin: 0 auto;text-align: center;padding-top: 32px;/* border-bottom: 1px solid #F4F4F4; */}
.index-hot .g-wrapper .con h3{color: #353535;font-size: 18px;font-weight: lighter;/* height: 48px; */}
.index-hot .g-wrapper .con p{padding-top: 16px;padding-bottom: 16px;color: #909090;font-size: 12px;height: 48px;min-height: 70px;overflow:hidden}
.index-hot .g-wrapper .con span{display: inline-block;padding-bottom: 32px;}
.index-hot .g-wrapper .con span a{width: 116px;height: 34px;text-align: center;border: 1px solid #acacac;border-radius: 18px;display: block;line-height: 32px;color: #acacac;font-size: 17px;text-indent: -10px;}
.index-hot .g-wrapper .con span a i{height: 34px;width: 23px;margin-left: 19px;float: left;display: block;background: url("/statics/images/sprite/common-ico.png") no-repeat -25px -70px;}
.index-hot .g-wrapper .con span a:hover{ color:#1e90ff;border: 1px solid #1e90ff;text-decoration: none;}
.index-hot .g-wrapper .con span a:hover i{background-position:-72px -70px}
@media (min-width: 768px) { 
.index-hot .hotlogo{display: block;}
.index-hot .hotlogo{width:100%;height: 5px;background:#e6f2da;text-align: center;}
.index-hot .hotlogo img{position: relative;bottom: 33px;z-index: 10;}
.index-hot .g-wrapper .middleline{display:block;width:1px;height: 90%;background: #E7E7E7;position: absolute;left: 50%;}
.index-hot .g-wrapper .middleline i{height: 7px;width: 7px;display: block;position: absolute;border: 1px solid #CECECE;bottom: 0px;border-radius: 50%;left: -4px;background-color: #fff;}
.index-hot .g-wrapper .left{width: 50%;float: left;}
.index-hot .g-wrapper .right{width: 50%;float: left;}
}
@media (min-width: 1200px) { 
.index-hot .g-wrapper .right .con{padding-left: 72px;text-align: left;margin: 0;}
.index-hot .g-wrapper .left .con{float: right;padding-right: 72px;text-align: right;margin: 0;}
}
/* index-about */
.index-about{background:#f4f4f4;padding-top: 10px;padding-bottom: 65px;}
.index-about .g-wrapper .star{display: none;}
.index-about .g-wrapper .info ul li{text-align: center;padding-top:40px;padding-bottom:40px;border-bottom: 1px solid #fff;}
.index-about .g-wrapper .info ul li p{width: 65%;margin: 0 auto;padding-top: 16px;}
.g-title{width: 100%;overflow: hidden;padding-top:24px;padding-bottom:24px;text-align: center;border-bottom: 1px solid #fff;}
.g-title .line{height:0px}
.g-title h2{background: #F4F4F4;color:#252525;padding: 0 48px;font-size: 20px;font-weight: lighter;}
.g-title h2 span{font-weight: bold;font-size: 24px;}
.g-wrapper .slogan{padding-bottom: 16px;padding-top: 16px;color: #484848;text-align: center;font-size: 16px;}
.g-wrapper .slogan p{width: 90%;margin: 0 auto;line-height: 32px;font-weight: initial;}
.index-about .g-wrapper .photo{overflow: hidden;width: 100%;}
.index-about .g-wrapper .photo ul{margin-right: -1.5%;}
.index-about .g-wrapper .photo ul li{float: left;width: 32%;margin-right: 1.3%;overflow: hidden;}
.index-about .g-wrapper .photo ul li .p1{ width: 48%; padding-right: 4%;float: left; padding-bottom: 4%;}
.index-about .g-wrapper .photo ul li .p2{   width: 48%; float: left;}
.index-about .g-wrapper .photo ul li img{   width: 100%;    display: block;     max-width: 100%;    height: auto;}
@media (min-width: 768px) { 
.index-about .g-wrapper .info ul li{float: left;width: 33.33333%;border-bottom:0}
.g-wrapper .slogan{padding-bottom:32px;}
.g-title{position: relative;border-bottom: 0;}
.g-title .line{border-top: 1px solid #dbdbdb;width: 100%;overflow: auto;    margin: auto;    position: absolute;top:0;left:0;bottom:0;right:0;}
.g-title h2{color:#252525;;position: relative;z-index: 9;margin: 0 auto;display: inline-block;border-right: 1px solid rgb(219, 219, 219);border-left: 1px solid rgb(219, 219, 219);}
}
@media (min-width: 1200px) { 
.g-wrapper .slogan{padding-bottom: 48px;}
.index-about .g-wrapper .star{display:block;height: 32px;background: url("/statics/images/sprite/J-index-about-star.png") no-repeat top center;margin-bottom: 25px;}
}
/*index-staff*/
.index-staff{padding-bottom:24px;}
.index-staff .g-title  h2{background:#fff;}
.index-staff .g-wrapper .slide{position:relative;overflow: hidden;}
.index-staff .g-wrapper .slide .g-carousel-inner li{}
.index-staff .g-wrapper .slide .g-carousel-inner li .items{width: 242px;height: 385px;border: 1px solid #C9C9C9;border-bottom: 2px solid #C7C7C7;display: inline-block;position: relative;z-index: 5;}
.index-staff .g-wrapper .slide .g-carousel-inner li .items:hover{background-color:#f5f5f5;border-bottom:2px solid #dc4614;}
.index-staff .g-wrapper .slide .g-carousel-inner li .info{width: 242px;  position:relative;  padding-bottom: 32px;}
.index-staff .g-wrapper .slide .g-carousel-inner li .info .one{padding-left: 19px;padding-right: 19px;text-align: center;border-bottom: 1px solid #EFEFEF;height: 133px;/* border-right: 1px solid #EFEFEF; */}
.index-staff .g-wrapper .slide .g-carousel-inner li .info .tow{padding-left: 19px;padding-right: 19px;text-align: left;padding-top: 15px;height: 51px;}
.index-staff .g-wrapper .slide .g-carousel-inner li .info i{display: block;background: url("/statics/images/sprite/common-ico.png") no-repeat 1px -109px;position:absolute;bottom: 0px;right: 0px;width: 31px;height: 24px;z-index: 15;margin-bottom: -2px;margin-right: -2px;}	
.index-staff .g-wrapper .slide .g-carousel-inner li .info .one .name{color:#252525;font-size: 22px;padding-top: 30px;/* font-weight: bold; */}
.index-staff .g-wrapper .slide .g-carousel-inner li .info .diploma1{padding-top: 15px;height: 48px;padding-bottom: 10px;font-size: 14px;}
.index-staff .g-wrapper .slide .g-carousel-inner li .info .diploma2{font-size: 12px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;  font-family: Tahoma;}
.index-staff .g-wrapper .slide .g-carousel-viewport{height:394px;text-align: center;margin: 0 auto;width: 245px;background: #fff;}
.index-staff .g-wrapper .slide .g-carousel-inner{height:394px; }
.index-staff .g-wrapper .slide .g-carousel-inner li{height: 385px;text-align: center;}
.index-staff .g-wrapper .slide .g-carousel-indicators{ position: absolute; z-index: 1; left: 25%; bottom: 0; width: 50%;}
.index-staff .g-wrapper .slide .g-carousel-indicators li{ width: 6px; height: 6px; margin: 1px 5px; background-color: #666;}
.index-staff .g-wrapper .slide .g-carousel-control{ position: absolute;}
.slide .g-carousel-control a{display:block;width: 50px;height: 50px;border-radius: 50%;overflow: hidden;position: relative;}
.slide .g-carousel-control a:hover{background-color: #dfdfdf;}
.slide .g-carousel-control a span{background: url("/statics/images/sprite/common-ico.png") no-repeat;width: 14px;height: 20px;top: 50%;left: 50%;display: block;position: absolute;margin-top: -10px;margin-left: -7px;}
.slide .g-carousel-next{position:absolute;top: 50%;right: 20px;margin-top: -26px;}
.slide .g-carousel-prev{position:absolute;left: 20px;top: 50%;margin-top: -26px;}
.slide .g-carousel-next a span{background-position: -106px -77px;}
.slide .g-carousel-prev a span{background-position: -136px -77px;}
.slide .g-carousel-next a:hover span{background-position: -121px -77px;}
.slide .g-carousel-prev a:hover span{background-position: -152px -77px;}
@media (min-width: 768px) {
.index-staff{padding-bottom: 48px;} 
.index-staff .g-wrapper .slide .g-carousel-viewport{width: 626px;}
.index-staff .g-wrapper .slide .g-carousel-next{right:20px;}
.index-staff .g-wrapper .slide .g-carousel-prev{left:20px;}
}
@media (min-width: 990px) { 
.index-staff .g-wrapper .slide .g-carousel-viewport{width: 818px;}
}
@media (min-width: 1200px) { 
.index-staff{padding-bottom:96px;}
.index-staff .g-wrapper .slide .g-carousel-viewport{width: 1098px;}
.index-staff .g-wrapper .slide .g-carousel-next{right:0px;}
.index-staff .g-wrapper .slide .g-carousel-prev{left:0px;}
}
/*index-blc*/
.index-blc{padding-bottom:80px;background:#f4f4f4;}
.index-blc .g-wrapper .banner{position: relative;width: 100%;margin: 0 auto;}
.index-blc .g-wrapper .banner .slide { overflow: hidden;}
.index-blc .g-wrapper .banner .slide .g-carousel-viewport {height: 250px; text-align: center;}
.index-blc .g-wrapper .banner .slide .g-carousel-inner { height: 210px; overflow: hidden;}
.index-blc .g-wrapper .banner .slide .g-carousel-inner li { height: 210px;}
.index-blc .g-wrapper .banner .slide .g-carousel-indicators { position: absolute; z-index: 1; left: 25%; bottom: 0; width: 50%;}
.index-blc .g-wrapper .banner .slide .g-carousel-indicators li { width: 6px; height: 6px; margin: 1px 5px; background-color: #666;}
.index-blc .g-wrapper .banner .slide .g-carousel-indicators li.active { margin: 0 4px; background-color: #fff; border: 1px solid #666;}
.index-blc .g-wrapper .banner .slide .g-carousel-control { display: none; left: 50%}
.index-blc .g-wrapper .advantage{overflow: hidden;padding-top: 48px;}
.index-blc .g-wrapper .advantage h3{font-size: 24px;color: #252525;text-align: center;padding-bottom: 1.7rem;border-bottom: 1px solid #fff;}
.index-blc .g-wrapper .advantage h3 i{color: #6bbf19;}
.index-blc .g-wrapper .advantage h3 span{color: #484848;font-size: 16px;}
.index-blc .g-wrapper .advantage ul{overflow:hidden;text-align: center;margin: 0 auto;}
.index-blc .g-wrapper .advantage ul li{margin-top: 48px;text-align: center;}
.index-blc .g-wrapper .advantage ul li .blclogo{padding: 10px 15px 10px 5px;}
.index-blc .g-wrapper .advantage ul li .txt h4{font-size: 18px;padding-bottom: 8px;}
.index-blc .g-wrapper .advantage ul li .txt h4 span{font-size: 14px;color: #909090;font-weight: normal;}
.index-blc .g-wrapper .advantage ul li .txt .ch{white-space: nowrap;}
.index-blc .g-wrapper .advantage ul li .txt .en{color: #909090;font-size: 12px;}
.index-blc .g-wrapper .advantage ul li .button{display: inline-block;padding-top: 16px;}
.index-blc .g-wrapper .advantage ul li .button a{display: block;width: 190px;height: 38px;color:#1e90ff;font-size: 16px;line-height: 40px;border: 1px solid #1e90ff;border-radius: 20px;text-align: left;}
.index-blc .g-wrapper .advantage ul li .button a i{height: 30px;    margin: 5px 0px;width: 23px;        margin-left: 1em;margin-right: 6px;float: left;        background: url("/statics/images/sprite/common-ico.png") no-repeat -72px -72px;}
.index-blc .g-wrapper .advantage ul li .button a:hover{color:#F9F;border: 1px solid #F9F;text-decoration: none;}
.index-blc .g-wrapper .advantage ul li .button a:hover i{background-position:-48px -72px;}
.index-blc .g-wrapper .wishes{width:20em;margin: 0 auto;padding-top: 32px;}
.index-blc .g-wrapper .wishes .pic{text-align: center;border-radius: 50%;overflow: hidden;}
.index-blc .g-wrapper .wishes .con{background: url("/statics/images/sprite/J-index-blc-quote.jpg") no-repeat;background-position: 0px -2px;}
.index-blc .g-wrapper .wishes .con .text{width: 260px;height: 110px;margin: 0 auto;padding-left: 25px;padding-right: 25px;line-height: 27px;text-overflow: ellipsis;background: url("/statics/images/sprite/J-index-blc-backquote.jpg") no-repeat;background-position: 275px 65px;}
.index-blc .g-wrapper .wishes .con .name{padding-top: 20px;padding-left: 160px;font-weight: bold;}
@media (min-width: 768px) { 
.index-blc .g-wrapper .banner{width: 80%}
.index-blc .g-wrapper .banner .slide .g-carousel-inner li { text-align: center;}
.index-blc .g-wrapper .advantage ul{width: 768px;}
.index-blc .g-wrapper .advantage ul li{float: left;width: 384px;height: 145px;}
.index-blc .g-wrapper .wishes{width:47em;padding-top: 48px;}
.index-blc .g-wrapper .wishes .pic{float: left;}
.index-blc .g-wrapper .wishes .con{overflow: hidden;background-position: 75px -2px;}
.index-blc .g-wrapper .wishes .con .text{width: 437px;height: 55px;padding-left: 40px;padding-right: 20px;line-height: 27px;background-position:463px 9px;font-size: 14px;}
.index-blc .g-wrapper .wishes .con .text span{display:inline-block}
}
@media (min-width: 990px) { 
.index-blc .g-wrapper .banner{width: 90%}
.index-blc .g-wrapper .banner .slide .g-carousel-inner li {}
.index-blc .g-wrapper .banner .slide:hover .g-carousel-control { display: block;}
.index-blc .g-wrapper .banner .slide .g-carousel-viewport, .index-blc .g-wrapper .banner .slide .g-carousel-inner li a { height: 250px; padding-bottom: 0;}
.index-blc .g-wrapper .banner .slide .g-carousel-indicators {}
.index-blc .g-wrapper .banner .slide .g-carousel-indicators li { width: 8px; height: 8px;}
.index-blc .g-wrapper .banner .slide .g-carousel-control { position: absolute; top: 50%; margin-top: -40px;}
.index-blc .g-wrapper .banner .slide .g-carousel-control a { display: block; width: 40px; height: 80px; line-height: 80px; text-align: center; color: #fff; background-color: #666; background-color: rgba(0,0,0,0.5);}
}
@media (min-width: 1200px) {
.index-blc .g-wrapper .banner{width: 100%}
.index-blc .g-wrapper .banner .pic ul{width: 2000px;}
.index-blc .g-wrapper .advantage h3{   border-bottom: 0;}
.index-blc .g-wrapper .advantage .wrap{    overflow: hidden;}
.index-blc .g-wrapper .advantage ul{width: 1260px;margin: 0;}
.index-blc .g-wrapper .advantage ul li{    margin-right: 30px;    padding-top: 24px;    padding-bottom: 24px;    height: 96px;    text-align: left;    border-top: 1px solid #e3e3e3;    border-bottom: 1px solid #e3e3e3;   margin-top: 32px;}
.index-blc .g-wrapper .advantage ul li .button{    margin-left: 75px;}
.index-blc .g-wrapper .advantage ul li .blclogo{    float: left;}
}
/*index-camp*/
.index-camp{padding-bottom:32px;}
.index-camp .g-title h2{background:#fff}
.index-camp .g-wrapper .leftcon h4{display: none;}
.index-camp .g-wrapper .leftcon .text{display: none;}
.index-camp .g-wrapper .leftcon .btn{overflow: hidden;margin: 0 auto;display: table;text-align: center;padding-top: 16px;}
.index-camp .g-wrapper .leftcon .btn span{display:inline-block}
.index-camp .g-wrapper .leftcon .btn .btn1{margin-bottom:10px}
.index-camp .g-wrapper .leftcon .btn a:hover,a:active { color:#1e90ff;}
.index-camp .g-wrapper .leftcon .btn .btn1 a{width: 168px;display: block;    line-height: 40px;border: 1px solid #1e90ff;color: #fff;    background: #1e90ff;font-size: 18px;}
.index-camp .g-wrapper .leftcon .btn .btn1 a:hover{color: #1e90ff;background:#fff;}
.index-camp .g-wrapper .leftcon .btn .btn2 a{width: 138px;display:block;line-height: 40px;border:1px solid #acacac;color:#acacac;padding-left: 30px;}
.index-camp .g-wrapper .leftcon .btn .btn2 a i{height: 30px;margin: 5px 0px;width: 23px;float: left;display: block;background: url("/statics/images/sprite/common-ico.png") no-repeat -25px -71px;}
.index-camp .g-wrapper .leftcon .btn .btn2 a:hover{color:#1e90ff;border: 1px solid #1e90ff;text-decoration:none}
.index-camp .g-wrapper .leftcon .btn .btn2 a:hover i{background-position:-72px -71px}
.index-camp .g-wrapper .rightcon{overflow: hidden;width: 100%;}
.index-camp .g-wrapper .rightcon .pictop{width: 100%;}
.index-camp .g-wrapper .rightcon .pictop .p1{   width: 61%;   padding-right: 2.2%;    padding-bottom: 2.2%;    float: left;}
.index-camp .g-wrapper .rightcon .pictop .p2{    width: 36.8%;    float: left;}
.index-camp .g-wrapper .rightcon img{ width: 100%;    height: 100%;}
.index-camp .g-wrapper .rightcon .picbot{   margin-right: -1.7%;}
.index-camp .g-wrapper .rightcon .picbot li{float: left;width: 13%;margin-right: 1.2%;}
@media (min-width: 375px) {
.index-camp .g-wrapper .leftcon .btn span{float: left;}
.index-camp .g-wrapper .leftcon .btn .btn1{margin-right: 16px;}
}
@media (min-width: 1200px) {
.index-camp{padding-bottom:80px;}
.index-camp .g-wrapper .leftcon{float: left;width: 420px;}
.index-camp .g-wrapper .leftcon .wrap{  padding-left: 16px;   padding-right: 27px;    text-align: left;  overflow: hidden;}
.index-camp .g-wrapper .leftcon h4{display:block;font-size: 18px;padding-top: 16px;padding-bottom: 16px;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
.index-camp .g-wrapper .leftcon h4 p{font-size: 12px;color: #909090;font-weight: normal;}
.index-camp .g-wrapper .leftcon .text{display:block;padding-top: 16px;text-align: justify;min-height: 156px;font-size: 14px;}
.index-camp .g-wrapper .leftcon .text .en{font-size: 10px;color: #909090;padding-top: 0.7rem;font-weight: normal;word-break: break-all;}
.index-camp .g-wrapper .leftcon .btn span{float: left;}
.index-camp .g-wrapper .rightcon{width: 780px;float: right;}
}
/*index-student*/
.index-student{padding-bottom: 120px;background:#f4f4f4;}
.index-student .g-wrapper .say{padding-bottom: 48px;}
.index-student .g-wrapper .say .name{  display: inline-block;   width: 255px;    padding-top: 8px;    padding-bottom: 6px;}
.index-student .g-wrapper .say .name .photo{float: right;border-radius: 50%;overflow: hidden;}
.index-student .g-wrapper .say ul{  display: block;}
.index-student .g-wrapper .say ul li{text-align: center;}
.index-student .g-wrapper .say ul li .text{background: url("/statics/images/sprite/J-index-student-wordbg.png") no-repeat;width: 255px;height: 60px;margin: 0 auto;padding: 35px 30px 45px 35px;font-size: 12px;font-family: SimSuncss;color: #595959;line-height: 20px;text-align: justify;}
.index-student .g-wrapper .say ul li b{float: right;padding-top: 18px;padding-right: 10px;}
.index-student .g-wrapper .say ul li b span{display:block;color: #a4a4a4;font-size: 12px;font-weight: normal;}
.index-student .g-wrapper .banner{position: relative;width: 100%;}
.index-student .g-wrapper .banner .slide { overflow: hidden; position: relative;}
.index-student .g-wrapper .banner .slide .g-carousel-viewport {height: 158px;text-align: center;width:203px;margin: 0 auto;}
.index-student .g-wrapper .banner .slide .g-carousel-inner {height: 158px; overflow: hidden;}
.index-student .g-wrapper .banner .slide .g-carousel-inner li {height: 168px;width: 203px;}
.index-student .g-wrapper .banner .slide .g-carousel-inner li img{height: 158px;width: 203px;}
.index-student .g-wrapper .banner .slide .g-carousel-indicators { position: absolute; z-index: 1; left: 25%; bottom: 0; width: 50%;}
.index-student .g-wrapper .banner .slide .g-carousel-indicators li { width: 6px; height: 6px; margin: 1px 5px; background-color: #666;}
.index-student .g-wrapper .banner .slide .g-carousel-indicators li.active { margin: 0 4px; background-color: #fff; border: 1px solid #666;}
.index-student .g-wrapper .banner .slide .g-carousel-control{ position: absolute;}

@media (min-width: 768px) { 
.index-student .g-wrapper .say{padding-top: 32px;}
.index-student .g-wrapper .say ul li{float: left;width: 50%;}
.index-student .g-wrapper .say ul li:first-child{display: none;}
.index-student .g-wrapper .banner .slide .g-carousel-viewport{width: 626px;}
.index-student .g-wrapper .banner .slide .g-carousel-next{right:20px}
.index-student .g-wrapper .banner .slide .g-carousel-prev{left:20px}
}
@media (min-width:990px) { 
.index-student .g-wrapper .banner .slide .g-carousel-viewport{width: 818px;}
}
@media (min-width: 1200px) {
.index-student .g-wrapper .say ul li:first-child{display:block}
.index-student .g-wrapper .say ul li{width: 33.33%;margin-left: 0px;float: left;}
.index-student .g-wrapper .banner .slide .g-carousel-viewport{width: 1098px;}
.index-student .g-wrapper .banner .slide .g-carousel-next{right:0;}
.index-student .g-wrapper .banner .slide .g-carousel-prev{left:0;}
}

