@charset "utf-8";
/* CSS Document */
body, html, ul, li, h1, h2, h3, h4, h5, h6, ol, img, span, p, a, i, b, em, form, label, input {margin: 0;padding: 0;}
em {font-style: normal;}
img {border: none;display: block;}
a {text-decoration: none;}
li {list-style: none;}
tr, th, td, tbody, thead, table {border: none;margin: 0;padding: 0}
table {border-collapse: collapse;border-spacing: 0}
button {border: none}
a {color: #fff}
h1, h2, h3, h4, h5, h6, b, i {font-weight: normal;font-style: normal}
.fl {float: left}
.fr {float: right}
.clear {clear: both}
html {}
body {  background:  #130057; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#130057, #170057, #130057, #200068); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#130057, #170057, #130057, #200068); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#130057, #170057, #130057, #200068); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#130057, #170057, #130057, #200068); /* Standard syntax */
}
@media screen and (max-width:1024px) {
html {
	font-size: 27.30666666666667px;
}
}

@media screen and (max-width:768px) {
html {
	font-size: 20.48px;
}
}

@media screen and (max-width:414px) {
html {
	font-size: 11.04px;
}
}

@media screen and (max-width:375px) {
html {
	font-size: 10px;
}
}

@media screen and (max-width:360px) {
html {
	font-size: 9.6px;
}
}

@media screen and (max-width:320px) {
html {
	font-size: 8.23333px;
}
}

/*********banner****************/
.title{ height: 3.8rem; line-height: 3.8rem; background: url(../imgs/lxjh_04.png) no-repeat; background-size: cover;}
.title_bt img{max-width: 100%; min-width: 100%;}
.title h3,.title h3{ font-size:2.0rem; text-align: center; font-weight: bold; color: #fff}
.title h3::before{ display: inline-block; position: relative; top: .1rem; left: 0; content: ""; width: 2.2rem; height: 1.6rem; margin-right: 1.5%;
	background: url(../imgs/icon8.png)no-repeat; background-size: contain; }
.title h3::after {display: inline-block; position: relative; top: .1rem; left: 0; content: ""; width:2.2rem; height: 1.6rem; margin-left: 1.5%;
    background: url(../imgs/icon9.png)no-repeat; background-size: contain; }
.ban{}
.ban img{ max-width: 100%; min-width: 100%;}

/*********表单****************/
.bd{ width: 100%; height:auto;}
.bd-con img{ max-width: 100%; min-width: 100%;}
.bd-box{ background: url(../imgs/lxjh_03.png) no-repeat; background-size: cover; width: 92%; margin: 0 auto; padding-bottom: 2.5rem; padding-top:1.5rem; border-radius:.5rem;}
.bd-box label{width:80%; margin:0 auto; margin-top:.5rem; display: block; overflow: hidden}
.bd-box input,.bd-box select{width:100%; height: 4rem; line-height: 4rem; background: #fff; border-radius: 5px;font-size: 1.4rem; }
.bd-box button{width: 70%; height:4rem; line-height:4rem; text-align: center;  background: linear-gradient(#ffea00, #ffea00);color: #333;border-radius: 2rem;font-size: 1.6rem; margin: 0 auto; display: block; margin-top: 1rem; }

/**************美国留学优势**************/
.lw{ width: 92%;  background: #fff; border-radius:1rem; margin: 1rem auto; margin-top: 1rem;  }
.lw .title_nr img{ max-width: 100%; min-width: 100%;}
.lw-con{ width:92%; margin: 0 auto; overflow: hidden; padding-top: 1rem; padding-bottom: 1.5rem; }
.lw-con .lw-l{width:52%;}
.lw-con .lw-r{width:48%;}
.lw-con li{ width:auto; margin-bottom:.5rem;line-height: 1.8rem; text-align: left; font-size: 1.45rem; }
.lw-con li span{ color: #c83290;}
.lw-con .ly-btn{ background:#c83290; width: 45%;float: right;font-size: 1.8rem;color: #fff;height: 3.2rem;line-height: 3.2rem;text-align: center;border-radius: .5rem;}
.lw-con tr{ padding:.5rem;}
.lw-con td{ font-size: 1.45rem; height: 2.2rem;line-height: 2.2rem; text-align: left;}
.lw-con table tr .guoj{ width:6rem; color: #c83290;  }
.lw-con .line{ width: 100%; height:.1rem; background:#ddd; margin: .5rem auto;}


/***************服务流程*************/
.lc-con{width:100%; margin: 1rem auto;}
.lc-con img{max-width: 100%; min-width: 100%;}

/**************留学精选**************/
.bt{width: 92%;  border-radius:1rem; margin:0 auto;  padding-bottom: 2rem;  }
.bt .title_nr img{ max-width: 100%; min-width: 100%;}
.bt-con{ width:100%; margin: 0 auto; overflow: hidden; }
.bt-con li{ float: left; width: 40.5%; margin-top:2rem;  margin-left:3rem; border-radius:5rem; text-align: left; }
.bt-con .li1{background: #e0626d; float: left;}
.bt-con .li2{background: #009a8b; float: right;}
.bt-con .li3{background: #3a89cf; float: left;}
.bt-con .li4{background: #ff7a1b; float: right;}
.bt-con li img{width:7rem; margin: 0 auto; margin-left:-3rem; float: left; }
.bt-con li h4{font-size: 1.45rem; font-weight: bold; color: #fff; text-align: left; margin-bottom: .5rem; margin-top: 1.4rem;}
.bt-con .li1 .ly-btn{ background: #fff; font-size: 1.3rem; color:#e0626d; border-radius:2rem; padding: .2rem 1rem; }
.bt-con .li2 .ly-btn{ background: #fff; font-size: 1.3rem; color:#009a8b; border-radius:2rem; padding: .2rem 1rem; }
.bt-con .li3 .ly-btn{ background: #fff; font-size: 1.3rem; color:#3a89cf; border-radius:2rem; padding: .2rem 1rem; }
.bt-con .li4 .ly-btn{ background: #fff; font-size: 1.3rem; color:#ff7a1b; border-radius:2rem; padding: .2rem 1rem; }

.fixed {position: fixed;left: 0;bottom: 0;width: 100%;overflow: hidden;z-index: 99999;}
.fixed_a1 {display: inline-block;width: 50%;float: left;background: #c73290;font-size: 1.8rem;color: #fff;height: 4rem;line-height: 4rem;text-align: center}
.fixed_a2 {display: inline-block;width: 50%;float: left;background: #520bc2;font-size: 1.8rem;color: #fff;height: 4rem;line-height: 4rem;text-align: center}