/*定义公共类间距*/

.padx00{padding: 60px 0;}
.magx00{margin: 60px 0;}
.padx0auto{padding: 60px auto;}
.magx0auto{margin: 60px auto;}
.padtopx0{padding-top: 60px;}
.padbotx0{padding-bottom: 60px;}
.magtopx0{margin-top: 60px;}
.magbotx0{margin-bottom: 60px;}

/*公共类按钮*/

.combtnbox{text-align: center;}
.combtnbox .combtnlink{display: inline-block;font-size: 20px;color: #fff;font-weight: 700;background: #fd7903;padding: 10px 50px;border-radius: 20px;transition: all 0.3s;box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);}
.combtnbox .combtnlink:hover{background: #d26a0d;box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);cursor: pointer;}

/*公共类标题*/

.comtitle1{display: flex;justify-content: center;align-items: center;padding: 50px 0 30px;}
.comtitle1 span{font-size: 48px;color: #0f3363;padding: 0 20px;font-weight: 700;}

/*定义版心*/

.banxin1200{width: 1200px;margin: 0 auto;}
.banxin1082{width: 1082px;margin: 0 auto;}
.banxin1024{width: 1024px;margin: 0 auto;}
.banxin1080{width: 1080px;margin: 0 auto;}
.banxin970{width: 970px;margin: 0 auto;}
.banxin930{width: 930px;margin: 0 auto;}
.banxin920{width: 920px;margin: 0 auto;}
.banxin900{width: 900px;margin: 0 auto;}

/*banner*/

.banners{width: 100%;}
.banners img{display: block;width: 100%;}

/*校区的两个按钮*/

.xiaoquLink{display: flex;justify-content: space-between;border: 2px solid #00778d;width: 985px;margin: 0 auto;}
.xiaoquLink a{width: 50%;display: inline-flex;justify-content: center;align-items: center;font-size: 36px;background: #fff;color: #00778d;height: 70px;}
.xiaoquLink a.on{background: #00778d;color: #fff;}

/*++++++++++++++++++++++++++++华丽的分割线++++++++++++++++++++++++++++++++++*/


/*你是否想通过英语学习*/

.youWantLearn{width: 100%;display: flex;justify-content: center;}
.youWantLearn2{width: 892px;height: 343px;margin-top: -50px;}
.youWantLearn2 .titles{width: 100%;display: flex;justify-content: center;align-items: center;padding: 50px 0 30px;}
.youWantLearn2 .titles img:nth-child(2){margin: 0 20px;}
.youWantLearn2 .listboxs{width: 100%;display: flex;justify-content: center;}
.youWantLearn2 .listboxs a{width: 162px;height: 162px;display: inline-flex;justify-content: center;align-items: center;font-size: 20px;color: #fff;font-weight: 700;background: url(../images/bgnishi2.png);margin: 0 20px;}

/*但是在英语学习路上却遇到以下困扰*/

.learnLoad .listboxs1{width: 100%;}
.learnLoad .listboxs2{width: 874px;height: 296px;margin: 0 auto;display: flex;justify-content: space-between;}
.learnLoad .listboxs2 .ffs{width: 50%;padding-top: 100px;}
.learnLoad .listboxs2 .ffs p{font-size: 24px;color: rgba(0, 0, 0, 0.8);width: 100%;text-align: center;padding-top: 5px;}

/*提交预约的表单*/

.xijuFormBox{overflow: hidden;padding: 30px 0;background: #00778d;}
.xijuFormBox form .formtitle{font-size: 38px;color: #fff;text-align: center;}
.xijuFormBox form .onebox{width: 100%;display: flex;justify-content: center;padding: 30px 0;}
.xijuFormBox form .onebox .inpbox{width: 360px;height: 50px;margin-left: 20px;display: flex;align-items: center;background: #fff;border-radius: 10px;}
.xijuFormBox form .onebox .inpbox:first-child{margin-left: 0;}
.xijuFormBox form .onebox .inpbox img{margin: 0 20px}
.xijuFormBox form .onebox .inpbox input{background: -pink;font-size: 20px;color: #142260;}
.xijuFormBox form .twobox{width: 100%;display: flex;justify-content: center;}
.xijuFormBox form .twobox input{width: 190px;height: 45px;line-height: 45px;font-size: 20px;background: #fde803;cursor: pointer;border-radius: 20px;transition: all 0.3s;color: #142260;font-weight: 700;}
.xijuFormBox form .twobox input:hover{background: #e4da39;}

/*新航道英语在用课程*/

.useCourse .titles1{text-align: center;font-size: 42px;font-weight: 700;color: #0b9583;}
.useCourse .titles2{text-align: center;font-size: 24px;color: rgba(0, 0, 0, 0.8);}
.useCourse .listboxs{width: 100%;display: flex;justify-content: center;}
.useCourse .listboxs .itembox{width: 236px;height: 348px;background: url(../images/bgzaiyong2.png);border: 1px solid #eee;border-top-left-radius: 20px;border-top-right-radius: 20px;overflow: hidden;position: relative;}
.useCourse .listboxs .itembox .d1{font-size: 30px;font-weight: 700;text-align: center;color: #fff;}
.useCourse .listboxs .itembox .d2{padding: 20px 0;text-align: center;}
.useCourse .listboxs .itembox .d2 span{font-size: 20px;font-weight: 700;color: rgba(0, 0, 0, 0.7);text-decoration: underline;}
.useCourse .listboxs .itembox .d3{padding: 0 20px;}
.useCourse .listboxs .itembox .d3 p{font-size: 18px;text-align: justify;color: rgba(0, 0, 0, 0.8);line-height: 30px;padding-top: 10px;}
.useCourse .listboxs .itembox .d3 p:first-child{padding-top: 0;}
.useCourse .listboxs .itembox .d4{position: absolute;left: 50%;transform: translateX(-50%);bottom: 20px;width: 80%;}
.useCourse .listboxs .itembox .d4 .combtnlink{padding: 10px 20px;font-size: 16px;}
.useCourse .listboxs2 .itembox:last-child .d1{font-size: 26px;padding-top: 5px;}
.useCourse .listboxs2 .itembox:last-child .d3 p{font-size: 16px;}

/*课程优势*/

.courseAdvantage .listboxs{width: 100%;display: flex;justify-content: center;}
.courseAdvantage .listboxs2{width: 900px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.courseAdvantage .listboxs .itembox{width: 445px;height: 150px;margin-top: 10px;padding: 0 40px;}
.courseAdvantage .listboxs .itembox:nth-child(1){background: #0b9583;margin-top: 0;}
.courseAdvantage .listboxs .itembox:nth-child(2){background: #4093ae;margin-top: 0;}
.courseAdvantage .listboxs .itembox:nth-child(3){background: #648a46;}
.courseAdvantage .listboxs .itembox:nth-child(4){background: #258f90;}
.courseAdvantage .listboxs .itembox .p1{font-size: 30px;color: #e6d602;width: 100%;text-align: center;font-weight: 700;padding: 15px 0;}
.courseAdvantage .listboxs .itembox .p2{font-size: 18px;color: #fff;width: 100%;text-align: center;}

/*服务体系C2B服务模型*/

.serviceSystem .titles1{padding-bottom: 20px;padding-top: 20px;}
.serviceSystem .titles2{text-align: center;width: 100%;line-height: 30px;font-size: 20px;color: rgba(0, 0, 0, 0.8);width: 1100px;margin: 0 auto;}
.serviceSystem .listline{padding: 20px 0;}
.serviceSystem .listimg{padding-bottom: 20px;}

/*更多新航道项目一键了解*/

.moreProject .listimg{position: relative;width: 942px;margin: 0 auto;}
.moreProject .listimg .posBox{position: absolute;left: 0;top: 0;width: 100%;display: flex;flex-wrap: wrap;padding-top: 25px;padding-left: 25px;padding-right: 25px;}
.moreProject .listimg .posBox a{width: 25%;height: 60px;}