/*reset*/
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
margin: 0;
}
ol,
ul {
margin: 0;
padding: 0;
list-style: none;
}
a {
color: #333;
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
audio,
canvas,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
padding: 0;
border: 0;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input,
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
resize: none;
border: 1px solid #ccc;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
del {
text-decoration: line-through;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
.clearfix:after {
display: block;
content: '';
height: 0;
clear: both;
visibility: hidden;
}
html {
font-size: 12px;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;
font-size: 14px;
color: #333;
background-color: #f4f4f4;
max-width: 480px;
margin: 0 auto;
}
.clearfix{
clear:both;
}
.pullL{
float: left;
}
.pullR{
float:right;
}
@keyframes ballon6{
0%{transform: translateY(-3px);}
50%{transform: translateY(0);}
100%{transform: translateY(-3px);}
}
@keyframes scale2{
0%{ transform: scale(1);}
100%{ transform: scale(1.1);}
}
@keyframes mymove {
0% {
transform: scale(1);
}
25% {
transform: scale(1.05);
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.05);
}
}
/* 头部背景提升项目 */
.ban1m_bg {
width: 100%;
box-sizing: border-box;
padding: 0 0.75rem;
height:12rem;
background: url(../images/ban1_bg.jpg) no-repeat;
background-size: 100% 100%;
}
.ban1_bg {
/* width: 100%;
box-sizing: border-box;
padding: 0 0.75rem;
height:12rem;
padding-top: 17.5rem;
background: url(../images/ban1_bg.jpg) no-repeat;
background-size: 100% 100%; */
}
.ban1_bg .ba1_mian{
width:17.55rem;
height:4.47rem;
margin:0 auto;
position: relative;
background: url(../images/ban1_bg2.png) 0 0 no-repeat;
background-size:100% 4.47rem;
margin-top: -2rem;
}
.ban1_bg .ba1_mian h3{
color:#181e2a;
font-size:1.04rem;
position: absolute;
left:0.45rem;
top: 0.72rem;
}
.ban1_bg .ba1_mian h3 span{
color:#e92c32;
}
.ban1_bg .ba1_mian p{
color:#181e2a;
font-size:0.5rem;
position: absolute;
text-align: left;
}
.ban1_bg .ba1_mian p.p1{
left:6rem;
top: 0.5rem;
}
.ban1_bg .ba1_mian p.p2{
left: 6rem;
top: 2.3rem;
}
.pubstyle {
width: 100%;
padding: 0 0.75rem;
box-sizing: border-box;
text-align: center;
}
.bgwhite{
background:#fff;
}
.pubstyle h3{
text-align: center;
color:#181e2a;
font-size:1.4rem;
}
.pubstyle h3 span{
color:#e92c32;
}
/* 背景提升有什么类型 */
.ban2_bg{
margin-top:0.5rem;
}
.ban2_bg .leixing_list ul{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ban2_bg .leixing_list ul li{
width: 8.6rem;
height:12rem;
margin-top:0.5rem;
box-sizing: border-box;
padding: 6.5rem 0.53rem 0 0.53rem;
}
.ban2_bg .leixing_list ul li:nth-child(1){
background: url(../images/leixing01.png) 0 0 no-repeat;
background-size: 100% 12rem;
}
.ban2_bg .leixing_list ul li:nth-child(2){
background: url(../images/leixing02.png) 0 0 no-repeat;
background-size: 100% 12rem;
}
.ban2_bg .leixing_list ul li:nth-child(3){
background: url(../images/leixing03.png) 0 0 no-repeat;
background-size: 100% 12rem;
}
.ban2_bg .leixing_list ul li:nth-child(4){
background: url(../images/leixing04.png) 0 0 no-repeat;
background-size: 100% 12rem;
}
.ban2_bg .leixing_list ul li dl{
text-align: center;
color:#181e2a;
}
.ban2_bg .leixing_list ul li dl dt p.ppt1{
font-size:0.75rem;
position: relative;
}
.ban2_bg .leixing_list ul li dl dt p.ppt1:after{
content:'';
width: 1.13rem;
height: 0.05rem;
background: #e92c32;
font-size: 0.65rem;
position: absolute;
bottom: 0.05rem;
left: 50%;
margin-left: -0.55rem;
}
.ban2_bg .leixing_list ul li dl dt p.ppt2{
font-size: 0.5rem;
margin-bottom: 0.5rem;
}
.ban2_bg .leixing_list ul li dl dd{
text-align: left;
color:#5e5e5e;
font-size:0.5rem;
}
.pubstyle a.btnnl{
display: block;
width: 6.5rem;
height: 1.32rem;
text-align: center;
line-height: 1.32rem;
color:#fff;
background: #e92c32;
box-shadow: 0 0.07rem 0 #bb1d22;
border-radius: 0.5rem;
margin:0 auto;
margin-top: 0.5rem;
margin-bottom: 0.6rem;
font-size: 0.6rem;
transition: all .3;
animation: mymove 3s infinite;
}
/* 留学申请，为什么需要背景提升 */
.ban3_bg {
width: 100%;
box-sizing: border-box;
padding: 0 0.75rem;
height: 23rem;
background: url(../images/ban3_bg.jpg) no-repeat;
background-size: 100% 23rem;
padding-top: 0.5rem;
position: relative;
margin-bottom: 15rem;
}
.ban3_bg h3{
font-size:1.15rem;
}
.ban3_bg .yrShili{
height: 7.22rem;
}
.ban3_bg .yrShili img {
position: absolute;
width: 9.68rem;
height: 9.68rem;
left: 50%;
margin-left: -4.83rem;
top: 5.6rem;
}
.ban3_bg .yrShili .shili{
position: absolute;
font-size: 0.8rem;
color:#333333;
font-weight:bold;
border-radius: 0.25rem;
text-align: center;
width: 5.5rem;
height: 1.6rem;
line-height: 1.6rem;
}
.ban3_bg .yrShili .yingsl_div{
left:2.15rem;
top: 3.05rem;
background:#fbd5d6;
}
.ban3_bg .yrShili .ruansl_div{
right:2.15rem;
top: 3.05rem;
background:#e0eeff;
}
.ban3_bg .yrShili p{
position: absolute;
font-size: 0.7rem;
color:#333333;
}
.ban3_bg .yrShili p.pp01{
top:10.15rem;
left:1rem;
}
.ban3_bg .yrShili p.pp02{
top:6.35rem;
right: 1.93rem;
}
.ban3_bg .yrShili p.pp03{
top: 10.2rem;
right: 0.97rem;
}
.ban3_bg .yrShili p.pp04{
top: 14.5rem;
right: 4rem;
}
.ban3_bg .yrShili p.pp05{
top: 15.8rem;
right: 7.3rem;
}
.ban3_bg .shili_sec{
width:17.2rem;
height:17rem;
margin-top: 8rem;
}
.ban3_bg .shili_sec .shiliMain{
position: absolute;
top: 18rem;
width:17.2rem;
height:8.25rem;
box-sizing: border-box;
padding-top: 1rem;
padding-left:0.5rem;
padding-right:0.5rem;
border-radius: 0.25rem;
color:#fff;
text-align: left;
}
.ban3_bg .shili_sec .left_red{
background: linear-gradient(to right, #e92c32, #fe693f);
}
.ban3_bg .shili_sec .left_blue{
top: 27rem;
background: linear-gradient(to right, #4096ff, #63c1ff);
}
.ban3_bg .shili_sec .shiliMain dl dt{
width: 12.5rem;
height: 2.6rem;
font-size:0.9rem;
border-bottom:1px solid #fff;
position: relative;
font-weight: bold;
}
.ban3_bg .shili_sec .shiliMain dl dt:after{
content:'';
width: 1.52rem;
height:3px;
background: #fff;
position: absolute;
bottom: -2px;
left:0;
}
.ban3_bg .shili_sec .shiliMain dl dd{
margin-top: 0.5rem;
font-size:0.55rem;
}
.ban3_bg a.btnnl {
margin-top:2rem;
}
/* 参加新航道背景提升，可收获 */
.ban4_bg{
margin-top: 1.45rem;
}
.ban4_bg h3 {
font-size: 1.15rem;
}
.ban4_bg .huode_main{
margin-top: 1.05rem;
margin-bottom: 0.5rem;
}
.ban4_bg .huode_main ul{
box-sizing:border-box;
padding:0 0.2rem;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ban4_bg .huode_main ul li{
width: 8.13rem;
height: 8.13rem;
text-align: center;
margin-bottom: 0.8rem;
background:#fff;
box-shadow: 0 0 0.25rem rgba(236,72,76,.5) inset;
border-radius: 0.5rem;
box-sizing: border-box;
padding:0.5rem 0.25rem 0 0.25rem;
}
.ban4_bg .huode_main ul li .img_div{
height:56px;
}
.ban4_bg .huode_main ul li img{
display: inline-block;
margin:0 auto;
}
.ban4_bg .huode_main ul li dl dt{
width: 100%;
font-size:0.9rem;
height: 1.5rem;
color:#333;
border-bottom:1px dashed #d6d6d6;
margin:0.2rem auto;
font-weight: bold;
}
.ban4_bg .huode_main ul li dl dd{
font-size:0.6rem;
}
/* 新航道背景提升适合哪些人？ */
.ban5_bg{
height: 13.7rem;
background: url(../images/ban5_bg.jpg) top center no-repeat;
background-size:100% 13.7rem;
box-sizing: border-box;
text-align: center;
padding-top: 1.13rem;
}
.ban5_bg .pubstyle h3 {
color: #fff;
font-size: 1.15rem;
}
.ban5_bg ul{
margin-top: 1.3rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ban5_bg ul li{
float: left;
width: 8.43rem;
height: 2.08rem;
background:#f4bfbe;
border-top:2px solid #fff;
font-size:0.55rem;
color:#b41b21;
box-sizing: border-box;
padding:0.2rem 0.2rem 0 0.2rem;
margin-bottom: 0.9rem;
}
.ban5_bg ul li:nth-child(3n){
margin-right: 0;
}
.ban5_bg ul li:nth-child(3){
padding-top: 0.6rem;
}
.ban5_bg ul li:nth-child(4){
padding-top: 0.6rem;
}
/* 新航道背景提升项目 */
.ban6_bg {
margin-top: 0.5rem;
}
.ban6_bg .banci_tit {
width: 96%;
height: 1.7rem;
margin:0 auto;
margin-top: 1.13rem;
background:#fff;
border-radius: 10px 10px 0 0 ;
}
.ban6_bg .banci_tit ul{
display: flex;
justify-content: space-between;
flex-wrap:nowrap;
}
.ban6_bg .banci_tit ul li{
width: 7.5rem;
height: 1.7rem;
line-height: 1.7rem;
text-align: center;
color:#333;
font-size:0.7rem;
cursor: pointer;
}
.ban6_bg .banci_tit ul li:last-child{
margin-right: 0;
}
.ban6_bg .banci_tit ul li.cur{
color:#e63823;
}
.ban6_bg .banci_zhuyao{
height: 4rem;
}
.ban6_bg .banci_zhuyao .swiper-slide ul{
width: 100%;
height: 4rem;
display:flex;
justify-content: space-between;
flex-wrap: nowrap;
margin-top: 0.5rem;
}
.ban6_bg .banci_zhuyao .swiper-slide ul li{
padding:0.2rem 0.3rem;
}
.ban6_bg .banci_zhuyao .swiper-slide ul li h4{
font-size:0.8rem;
color:#fff;
}
.ban6_bg .banci_zhuyao .swiper-slide ul li h5{
font-size:0.65rem;
color:#fff;
}
.ban6_bg .banci_zhuyao .swiper-slide ul li p{
font-size:0.5rem;
color:#fff;
}
/* 实习类 */
.ban6_bg .banci_zhuyao .shixiL1 ul li{
width: 9.1rem;
height: 3.6rem;
box-sizing: border-box;
padding-top: 0.7rem;
}
.ban6_bg .banci_zhuyao .shixiL1 ul li:nth-child(1){
background:url(../images/shixi_bg01.png) 0 0 no-repeat;
background-size: 100% 3.6rem;
}
.ban6_bg .banci_zhuyao .shixiL1 ul li:nth-child(2){
background:url(../images/shixi_bg02.png) 0 0 no-repeat;
background-size: 100% 3.6rem;
}
/* 科研类 */
.ban6_bg .banci_zhuyao .shixiL2 ul li{
width:9.05rem;
height:3.55rem;
box-sizing: border-box;
padding-top: 0.7rem;
}
.ban6_bg .banci_zhuyao .shixiL2 ul li:nth-child(1){
background:url(../images/keyan_bg01.png) 0 0 no-repeat;
background-size: 100% 3.55rem;
}
.ban6_bg .banci_zhuyao .shixiL2 ul li:nth-child(2){
background:url(../images/keyan_bg02.png) 0 0 no-repeat;
background-size: 100% 3.55rem;
}
/* 实训类 */
.ban6_bg .banci_zhuyao .shixiL3 ul li{
width: 9.1rem;
height: 3.6rem;
box-sizing: border-box;
padding-top: 0.7rem;
}
.ban6_bg .banci_zhuyao .shixiL3 ul li:nth-child(1){
background:url(../images/shixi_bg01.png) 0 0 no-repeat;
background-size: 100% 3.6rem;
}
.ban6_bg .banci_zhuyao .shixiL3 ul li:nth-child(2){
background:url(../images/shixi_bg02.png) 0 0 no-repeat;
background-size: 100% 3.6rem;
}
/* 竞赛类 */
.ban6_bg .banci_zhuyao .shixiL4 ul li{
width:9.05rem;
height:3.55rem;
box-sizing: border-box;
padding-top: 0.7rem;
}
.ban6_bg .banci_zhuyao .shixiL4 ul li:nth-child(1){
background:url(../images/jingsai_bg01.png) 0 0 no-repeat;
background-size: 100% 3.55rem;
}
.ban6_bg .banci_zhuyao .shixiL4 ul li:nth-child(2){
background:url(../images/jingsai_bg02.png) 0 0 no-repeat;
background-size: 100% 3.55rem;
}
.ban6_bg a.btnnl{
margin-top: 1.07rem;
margin-bottom: 0.6rem;
}
/* 新航道背景提升优势 */
.ban7_bg .youshi_main{
width:100%;
height: 19rem;
position: relative;
margin-bottom: 0.6rem;
}
.ban7_bg .youshi_main:after{
content: '';
width: 0.88rem;
height: 1.18rem;
background: url(../images/ys_icon.png) 0 0 no-repeat;
background-size:100% 1.18rem;
position: absolute;
top: 1.3rem;
right: 1.52rem;
}
.ban7_bg .youshi_main:before{
content: '';
width: 0.88rem;
height: 1.18rem;
background: url(../images/ys_icon.png) 0 0 no-repeat;
background-size:100% 1.18rem;
position: absolute;
bottom:0rem;
left:0.75rem;
}
.ban7_bg .youshi_main .pelxgh{
position: absolute;
width:8.4rem;
height:7.1rem;
border:1px solid #f2d6d6;
border-radius:0.6rem;
box-sizing: border-box;
padding-top: 1rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.ban7_bg .youshi_main .pelxgh img{
width: 1.7rem;
height:auto;
}
.ban7_bg .youshi_main .pelxgh dl dt{
font-size: 0.7rem;
color:#333333;
font-weight: bold;
}
.ban7_bg .youshi_main .pelxgh dl dt img{
display:inline-block;
margin-right: 0.5rem;
}
.ban7_bg .youshi_main .pelxgh dl dd{
font-size:0.55rem;
color:#333333;
margin-top: 0.4rem;
text-align: left;
}
.ban7_bg .youshi_main .youshi01{
top: 1.02rem;
left:0;
}
.ban7_bg .youshi_main .youshi02{
top: 2.73rem;
right: 0;
}
.ban7_bg .youshi_main .youshi03{
top: 9.8rem;
left: 0;
}
.ban7_bg .youshi_main .youshi04{
top: 11.73rem;
right: 0;
}
/* 新航道背景提升项目答疑 */
.ban8_bg{
width: 100%;
height:10.5rem;
background: url(../images/ban8_bg.png) top center no-repeat;
background-size:100% 10.5rem;
box-sizing: border-box;
padding-top:2.3rem;
}
.ban8_bg .pubstyle h3{
margin-bottom: 1rem;
}
.ban8_bg .pubstyle .xmdy_list{
width: 100%;
height: 14.25rem;
background:#fff;
border-radius:0.75rem;
box-shadow: 0 0 0.5rem rgba(250,219,210,.5);
box-sizing: border-box;
padding-left:0.3rem;
padding-top:1.3rem;
box-sizing: border-box;
}
.ban8_bg .pubstyle .xmdy_list ul li{
width:100%;
height: 1.2rem;
line-height: 0.97rem;
box-sizing: border-box;
padding-left: 0.2rem;
background: linear-gradient(to right, #fad1d1, #ffffff);
border-radius: 0.25rem;
font-size:0.55rem;
color:#333;
font-weight: bold;
margin-bottom: 0.5rem;
transition: all .3s;
}
.ban8_bg .pubstyle .xmdy_list ul li span{
display:block;
font-size:0.88rem;
color:#d26063;
font-weight: bold;
margin-top: 0.13rem;
float: left;
}
.ban8_bg .pubstyle .xmdy_list ul li p{
display:block;
float: left;
margin-top: 0.15rem;
margin-left: 0.25rem;
}
/* 定制我的背景提升方案 */
.ban9_bg{
height: 19.23rem;
background: url(../images/ban9_bg.jpg) top center no-repeat;
background-size: 100% 19.23rem;
box-sizing: border-box;
padding-top: 0.5rem;
margin-top: 10.25rem;
}
.ban9_bg .pubstyle h3{
color: #fff;
}
.ban9_bg .pubstyle h3 span{
color: #f9a245;
}
.ban9_bg .pubstyle .form_main{
width: 14.55rem;
height: 8.3rem;
margin:0 auto;
margin-top: 1rem;
box-sizing: border-box;
}
.ban9_bg .pubstyle .form-item{
width: 14.55rem;
height: 1.65rem;
box-sizing: border-box;
position:relative;
margin-bottom: 1rem;
float: left;
margin-right:2.17rem;
}
.ban9_bg .pubstyle .form_main .form-item input{
width: 14.55rem;
height: 1.65rem;
border:1px solid #a0a0a0;
border-radius:0.5rem;
text-indent: 1.5rem;
font-size: 0.6rem;
color: #fff;
background:transparent;
}
.ban9_bg .pubstyle .form_main .form-item img{
position:absolute;
height: 0.88rem;
width:auto;
display:inline-block;
left: 0.55rem;
top: 0.5rem;
}
.ban9_bg .pubstyle .form_main .form-item:nth-child(2) img{
position:absolute;
display:inline-block;
left: 0.65rem;
top: 0.5rem;
}
.ban9_bg .pubstyle .form_main button.submit{
width: 15rem;
height: 1.75rem;
line-height: 1.75rem;
font-size: 0.8rem;
color:#fff;
border:none;
border-radius:0.5rem;
background: linear-gradient(to right, #e92d32, #fe6a3f);
animation: mymove 3s infinite;
}
.ban9_bg .pubstyle .form_main .form-item input::input-placeholder{
color: #fff;
}
.ban9_bg .pubstyle .form_main .form-item input::-webkit-input-placeholder{
color: #fff;
}
.ban9_bg .pubstyle .form_main .form-item input::-moz-placeholder{
color: #fff;
}
.ban9_bg .pubstyle .form_main .form-item input::-moz-placeholder{
color: #fff;
}
.ban9_bg .pubstyle .form_main .form-item input::-ms-input-placeholder{
color: #fff;
}
.ban9_bg .pubstyle .form_main .formCode{
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
width: 15.3rem;
height: 1.65rem;
}
.ban9_bg .pubstyle .form_main .formCode .codeInput
{
width: 9rem;
text-align: center;
height:1.65rem;
background-color:transparent;
border-radius: 0.2rem;
font-size: 0.6rem;
line-height:1.65rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
color: #000;
margin-bottom: 0;
text-indent: 0;
border:1px solid #a0a0a0;
}
.ban9_bg .pubstyle .form_main .formCode .codetxt{
width: 5rem;
background: #e3e3e3;
outline: none;
height:1.65rem;
cursor: pointer;
font-size: 0.6rem;
border: 0;
color: #000;
margin-bottom: 0;
border-radius: 0.2rem;
}