@charset "utf-8";
/* CSS Document */
ul,li{ list-style: none}a{ cursor: pointer}i{font-style: normal}
a:hover{text-decoration: none}
iframe{ border: none}
button,input{ border:none }
.title{ margin-bottom: 1rem}
.title h3 {font-size: 38px;color: #333;font-weight: bold;margin-top: 5px;text-align: center;}
.title h3 span{color: #fa6f58}

/**********banner*************/
.ban{ width: 100%; height: auto; padding: 0rem 0 3rem; background: url(../imgs/ban-bac.jpg) no-repeat center center;background-size: cover;}
.ban-img{ width: 45%; margin: 0 auto; padding-top: 30px;}
.ban-img img{max-width: 100%; min-width: 100%}
.ban-img p{ font-size:1.3rem; color: #fff; text-align: center; margin-top: 0px; margin-bottom: 0px; }
.ban-box{width:1087px; height: 180px; margin: 0 auto; padding-top: 25px; background: url(../imgs/ban-box_bg.png) no-repeat top center;}
.ban-box li{ float: left; width:50%; padding: 0 4%; color: #000; text-align:left;}
.ban-box li h3{ font-size: 24px; line-height: 38px; color: #ed715d;font-weight: bold; }
.ban-box li p {font-size: 17px; line-height: 28px;}
.ban-box li p span {color: #ed715d; font-size: 18px;}
.ban-box li:last-child{ border-right: none}
.yd-ban-top{ width: 96%; margin: 0 auto; overflow: hidden; display: none;}
.yd-ban-logo{ float: left}
.yd-ban-logo img{ width:7rem;  display: inline-block; margin-top:1rem}
.yd-ban-mar{ margin-top:-3rem}
.yd-ban-tel{ float: right; font-size: 1.4rem; color: #fff;margin-top: 1.1rem;  padding-left: 1.8rem; }
/**********流程活动*************/
.lc{height: auto; padding-top: 35px; margin-top: 20px}
.lc-con{}
.lc-con img{ max-width: 100%; min-width: 100%}
.lc-con p{ font-size: 16px; text-align: center; color: #333}
.lc-padding{ padding:0px;} 

/**********课程********/
.kc{ margin-top: 40px}
.kc-tab{ width:100%; margin: 0 auto; overflow: hidden }
.kc-tab li{float: left; width:16.66%; font-size:20px; text-align: center; background:#d4534f; color: #fff; padding-top: 0.7rem;padding-bottom: 0.7rem; cursor: pointer}
.kc-tab li img{ margin-right: 5px; border-radius: 50px;}
.kc-tab .kc-cur{background:#4686d8; color: #fff;}
.kc-box .tab-btn{  color:#ed705c; border: 1px solid #ed705c; border-radius: 3px; padding: .4rem;}
.kc-box{ padding: 0px;}
.w3{ width: 230px; }
.w5{ width: 230px; }
table tr th{ width: 190px; font-size: 20px;color: #333;font-weight: normal;text-align: center;height:50px;line-height:50px;border:1px solid #c0bfbf}
table tr td{font-size: 16px;color: #333;text-align: center;line-height:24px;padding:18px 10px;border-left:1px solid #c0bfbf;border-right:1px solid #c0bfbf} 
.border-bot{ border-bottom:1px solid #c0bfbf}
.tab-color{ background:#ededed}

/*********移动课程********/
.yd{ margin-top: 40px}
.yd-tab{ width:100%; margin: 0 auto; overflow: hidden }
.yd-tab li{float: left; width:16.6%; text-align: center; background:#d4534f; color: #fff; padding-top: 0.7rem;padding-bottom: 0.7rem; cursor: pointer}
.yd-tab .yd-cur{background:#4686d8; color: #fff }
.yd-box{ padding: 0px;}
/***********优惠礼包********/
.lw{height: auto; padding-top: 35px; margin-top: 20px}
.lw-con{}
.lw-con img{ max-width: 100%; min-width: 100%}
.lw-con p{ font-size: 16px; text-align: center; color: #333}
               
/***********表单*********/
.bd{ padding-top:30px; padding-bottom: 35px;background: #4f52c3 url(../imgs/bm_bg2.png) no-repeat;}
.bd .title h3{ color: #fff;}
.bd-name input{width: 100%; height: 50px;background: #fff;border-radius: 25px; ine-height: 100%; font-size: 16px;padding-left: 10%;margin-top: 6px;}
.bd-name select{width:100%; height: 50px;background: #fff;border-radius: 25px; line-height: 50px; padding-left: 10%;margin-top: 6px;}
.bd-btn button{width: 100%; height: 50px;border-radius: 25px;color: #fff;font-size: 20px;line-height: 100%; margin-top: 6px;background-image:-webkit-linear-gradient(0deg,#f19f78,#ed715c); }
/***********PC表单*********/
.bm{height:180px;  padding-top:22px; background: #4f52c3 url(../imgs/bm_bg.png) no-repeat; }
.bm-box{ width:94%; margin-left: 6%;}
.bm-box p{ font-size: 32px; line-height: 42px; color: #fff; font-weight: bold; padding-top: 10px; margin-bottom: 0}
.bm-box p span{font-size: 18px; }
.yh-bd input{ margin-top: 5px;  width: 22.5%;  height: 42px; line-height: 42px; padding-left: 3%; border: none; float: left; margin-right:2%; border-radius: 2px; color: #666; font-size: 16px;}
.yh-bd button{display: inline-block;
    margin-top: 5px;
    width: 24%;
    height: 42px;
    line-height: 42px;
    border: none;
    font-size: 22px;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    float: left;
    cursor: pointer;
    background-image:-webkit-linear-gradient(0deg,#f19f78,#ed715c); 
}

.bm-pc{ display: block}
.bm-yd{ display: none}
.bm select{width: 22.5%; height: 42px; margin-top: 5px;  line-height: 42px;  padding-left: 15px; float: left; margin-right: 10px; border:1px solid #d8d6d6; border-radius: 2px;}

/**********为什么学习 小语种？*********/
.ls{ padding-top: 30px; margin-bottom: 15px}
.ls .row{ margin-left:  0px; margin-right: 0;}
.ls-con:nth-child(1n){ padding-left: 0px;padding-right:10px}
.ls-con:nth-child(2n){ padding-left: 10px;padding-right:0px}
.box-bg1{background: url(../imgs/ls-bg1.png) no-repeat ; }
.box-bg2{background: url(../imgs/ls-bg2.png) no-repeat ;}
.box-bg3{background: url(../imgs/ls-bg3.png) no-repeat ;}
.box-bg4{background: url(../imgs/ls-bg4.png) no-repeat;}
.ls-box{padding: 1rem 0; margin-bottom: 20px}
.ls-box img{max-width: 100%; min-width: 100%}
.ls-box p{ font-size: 1.6rem; color:#fff;margin-bottom: 0.2rem; padding-left: .5rem; margin-top:0.5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.ls-box .col-lg-8{ padding-left: 0}
.ls-box a{ display: block; width:50%; height: 2.5rem; line-height: 2.5rem; background: #fff;color:#000; font-size: 1.2rem; text-align: center; border-radius: 1.5rem; margin-top: 1.5rem  }

/***********为什么选择 新航道欧亚小语种培训中心？*********/
.ld{padding-top: 1.5rem; padding-bottom: 1.5rem; background: #f1f1f1}
.ld-box{margin-bottom: 20px;}
.ld-box h4 {background: #4f51c3;color: #fff;padding: 10px 0;font-size: 22px;text-align: center; margin-bottom: 0px;}
.ld-p{height:80px;padding: 10px 5% 15px 5%; background: #fff; font-size: 16px }
.ld-p p{ margin-bottom: 0px}

.ld-btn {width: 70%;margin: 15px auto; overflow: hidden}
.ld-btn a {width: 48%;height: 50px;line-height: 50px;text-align: center;background: #fdca00;color: #000;border-radius: 25px;font-size: 22px;box-shadow: 1px 2px 1px #d9d9d9;}

/***********环境*********/
.hg{ margin-top:35px; margin-bottom: 25px }
.hg .carousel-inner li{ float: left; width: 33%; margin-right: .5%;}
.hg .carousel-item img{ max-width: 100%; min-width: 100%}
.hg .carousel-inner .li-last{ margin-right:0;}

/***********底部漂浮*********/
.fixed {position: fixed;left: 0;bottom: 0;width: 100%;overflow: hidden;z-index: 99999; display: none}
.fixed_a1 {display: inline-block;width: 50%;float: left;background: #4f52c3;font-size: 1.3rem;color: #fff;height: 3rem;line-height: 3rem;text-align: center}
.fixed_a2 {display: inline-block;width: 50%;float: left;background: #fcff00;font-size: 1.3rem;color: #020202;height: 3rem;line-height: 3rem;text-align: center}
.pc-iframe{ margin-bottom: 110px}

/***********移动底部*********/
.foot-tel{ padding-left: 4px; padding-right: 4px}
.foot-ewm{ padding-left:5px; padding-right: 5px}
.foot-ewm img,.foot-tel img{ max-width: 100%; min-width: 100%;}
.foot-ewm span{ font-size: 12px; color: #9a9a9a; display: block; text-align: center}
.foot-r{ margin-top: 30px}
.foot-tab .nav-link {padding: .5rem 0.4rem;}
.foot-yd {
	margin-bottom: 3.5rem;
    padding: 0.6rem 0 2.5rem;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #3c3c3c;
}
.foot-yd p{
	margin-bottom: 0;
}
.gf {width: 100%;background: #f9d124;padding: 1rem 0rem;}
.gf-p1 {display: block;font-size: 1rem;color: #222;width: 90%;margin: 0 auto;text-align: center;line-height: 1.4rem;}
.tel {width: 100%;padding:0.5rem 0rem;background: #f1f1f1;}
.tel p {text-align: center;font-size: 1.3rem;font-weight: bold;color: #333; margin-bottom: 0px}
.tel a {font-size: 1.3rem;font-weight: bold;color: #d66711;display: block;text-align: center;}
.dz {width: 100%;background: #4f52c3;font-size: 1.1rem;color: #fff;line-height:48px;text-align: center;}

@media screen and (max-width: 1200px) {
	.bm-r p {font-size: 26px;}
}
@media screen and (max-width: 1024px) {
	.ld-box h4{ font-size: 20px;}
	.ld-p{height:auto; font-size: 18px;}
}
@media screen and (max-width: 990px) {
	.fixed{ display: block}
	.ls-box a{ width: 82%}
}
@media screen and (max-width: 768px) {
	.ban-img{width: 90%; padding-top:0px; margin-bottom: 1rem;}
	.ban-box{width:94%; height:314px; margin: 0 auto; padding-top: 25px; }
	.ban-box li h3{ font-size: 22px; line-height: 32px; color: #ed715d;font-weight: bold; }
	.ban-box li p {font-size: 17px; line-height: 24px;}
	.ls-box a{width: 70%}
	.ld-box{ width:100%; padding:0px;}
	.ld-box img{ width:100%}
	.ts-yd-box p{ margin-top: 30px;font-size: 18px;}
	.bm-pc{ display: none}
    .bm-yd{ display: block}
	.pc-iframe{ margin-bottom: 30px}
	
}

@media screen and (max-width: 767px) {
	.ls-con:nth-child(1n) {padding-left: 0px;padding-right: 0px;}
	.ls-box a{ width: 80%}
	.ls-box .ls-img{ padding-left: 5px; padding-right: 0px}
	.ld-btn {width: 100%;}
	.ld-btn a {font-size: 20px;}
	.lw-padding{ padding-left: 5px; padding-right: 5px}
	.lw-con p {font-size: 15px; line-height: 20px;}
	.title h3 {font-size: 30px;}
	
}