.banner_from_title .Img {
    display: block;
    width: 100%;
    height: 90%;
}
.banner_from{
    /*padding-top: 8%;*/
    margin: 0 auto;
    padding-bottom: 4%;
    background-color: #030000;
    color: #fff;
    text-align: center;
}
.banner_from_title{
    position: relative;
}
.banner_from_content{
    position: absolute;
    top: 37%;
    left: 50%;
    width: 70%;
    transform: translateX(-50%);
}
.banner_from_content li:first-child{
    margin-bottom: 0.1rem;
}
.banner_from_content input{
    padding: 4% 0;
    border: 1px solid #fff;
    border-radius: 8px;
    background-color: transparent;
    width: 100%;
    color: #fff;
    padding-left: 10px;
    font-size: 15px;
}
.banner_from_content input::placeholder{
    color: #fff;
}
.banner_from_btn{
    margin: 0 auto ;
    background-color: #d0b88b;
    color: #000;
    width: 4rem;
    height: 0.8rem;
    line-height: 0.8rem;
    border-radius: 0.5rem;
    font-size: 0.4rem;
}
.banner_from_btn img{
    vertical-align: sub;
    width: 1.1rem;
}
.banner_from_btn img{
    width: 0.6rem;
    margin-right: 5%;
}
.teacher_contact_item{
    width: 90%;
    margin: 0 auto;
    padding: 10% 0px;
    overflow: hidden;
    text-align: center;
}
.teacher_contact{
    width: 100%;
    background: url(../images1/bg1.jpg) center no-repeat;
    background-size: cover;
}
.teacher_contact_item{
    width: 90%;
    margin: 0 auto;
    padding: 10% 0px;
    overflow: hidden;
    text-align: center;
}
.tl{
    text-align: left;
}
.w34{
    width: 45%;
}
.teacher_contact_item .teacher_text1{
    padding-top: 2%;
    text-align: left;
    padding-left: 5%;
    color: #fff;
    font-size: 0.28rem;
    text-transform:uppercase;
}
.bg3{
    background: url("../images1/bg3.png");
    background-size: auto;
    width: 4.6rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color:
    #fff;
    background-size: cover;
    margin-top: 0.2rem;
    margin-bottom: 0.3rem;
    font-size: 0.25rem;
    float: right;
}
.bg4{
    background: url("../images1/bg4.png");
    background-size: auto;
    width: 4.6rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color:
    #fff;
    background-size: cover;
    margin-top: 0.2rem;
    font-size: 0.25rem;
}
.environment{
    padding-top: 6%;
    width: 100%;
    margin: 0 auto;
    background-color: #0f0f0f;
    color: #fff;
}
.environment_title{
    width: 90%;
    margin: 0 auto;
    text-align: right;
}
.environment_title p{
    font-size: 0.25rem;
    text-transform: uppercase;
    margin-top: 0.1rem;
    margin-right: 0.3rem;
}
.environment-swiper{
    width: 100%;
    margin: 0 auto;
    margin-top: 2%;
}
.environment-swiper img{
    width: 100%;
}
.works2-pagination{
    text-align: center;
        display: flex;
    justify-content: center;
    margin: 0.3rem auto;
}
.works2-pagination span{
    background:#fff;
    margin-right: 5%;
}
.works2-pagination span:last-child{
    margin-right: 0%;
}
.swiper-slide .teachers_content{
    color: #fff;
    text-align: left;
    display: inline-block;
    position: absolute;
    top: 9%;
    left: 40%;
    font-size: 0.55rem;
}
.swiper-slide .teachers_content .item{
    margin-top: 6%;
}
.teachers_content .item p{
     font-size: 0.28rem;
     line-height: 0.34rem
}
.advantage li{
    position: relative;
    color: #fff;
    font-size: 0.75rem;
}
.advantage .advantage1{
    position: absolute;
    top: 1.55rem;
    right: 0.8rem;
    font-size: 0.2rem;
    line-height: 0.35rem;
}
.advantage .advantage4{
    position: absolute;
    top: 3.3rem;
    left: 4.8rem;
    font-size: 0.25rem;
    line-height: 0.35rem;
}
.advantage .advantage2{
    position: absolute;
    top: 1.1rem;
    left: 0.4rem;
    font-size: 0.25rem;
    line-height: 0.35rem;
}
.advantage .advantage3{
    position: absolute;
    top: 1.4rem;
    left: 4.5rem;
    font-size: 0.25rem;
    line-height: 0.35rem;
}
.advantage img{
    width: 100%;
}
.receive{
    text-align: center;
    background-color: #000;
    padding-bottom: 10%;
}
.receive input {
    border: 1px solid #fff;
    border-radius: 8px;
    background-color: transparent;
    width: 70%;
    height: 1.8rem;
    color: #fff;
    padding-left: 10px;
    font-size: 0.7rem;
}
.receive input::placeholder{
    color: #fff;
}
.receive li{
    margin-bottom: 1.1rem;
}
.advantage_select{
    width: 73%;
    border: 1px solid #fff;
    height: 1.8rem;
    padding-left: 10px;
    background-color: transparent;
    color: #fff;
    border-radius: 8px;
    font-size: 0.7rem;
}
.color_0{
    color: #000;
}
.color_slt{
    background: #fff;
    color:#000;
}
.top_right{
    margin-top: -3px;
}
/*专业*/
.major{
    margin-top: .5rem;
}
.major .course article>p {
    font-size: .32rem;
    color: #af7e08;
    font-weight: bold
}
.major .course article>p span {
    display: inline;
    width: 40%
}
.major .course article .course-item {
    position: relative;
    background: #f2f2f2;
    height: 5.74rem;
}
.major .course img{
    display: block;
    width: 100%;
}
.major .course article .postion {
    position: absolute;
    top: -1.7rem;
    left: 50%;
    margin-left: -40%;
    height: 3.55rem;
    width: 80%;
    border: 1px solid #af7e08;
    border-radius: .2rem;
    box-shadow: 0px 0px 7px #888888;
    background: #fff
}

.major .swiper-container1 {
    overflow: hidden;
    position: relative;
    top: -.5rem
}

.major .course article .imgright {
    position: absolute;
    top: -.22rem;
    right: 6%;
    width: 37.5%
}

.major .course article .swiper-slide {
    height: 4rem
}

.major .course article .swiper-slide>.imgleft {
    position: absolute;
    top: 0;
    left: 8%;
    width: 40%
}

.major .course article .swiper-slide>div {
    position: relative;
    height: 3.55rem;
    width: 100%;
    line-height: 0.36rem;
}

.major .course article .swiper-slide>div .left {
    position: absolute;
    bottom: -0.3rem;
    left: 3%;
    width: 50%;
    float: left
}

.major .course article .swiper-slide>div .left h1 {
    font-size: .28rem
}

.major .course article .swiper-slide>div .left h1 span {
    color: #af7e08;
    font-weight: bold
}

.major .course article .swiper-slide>div .left p {
    font-size: .11rem
}

.major .course article .swiper-slide>div .left button {
    line-height: .42rem;
    width: 60%;
    background: #af7e08;
    border: none;
    border-radius: .2rem;
    color: #fff;
    font-size: .24rem;
    margin-top: .2rem
}

.major .course article .swiper-slide>div .right {
    position: absolute;
    top: .9rem;
    right: 0;
    color: #fff;
    width: 50%;
    float: left
}

.major .course article .swiper-slide>div .right p {
    font-size: .1149rem;
    letter-spacing: .04rem
}

.major .course article .swiper-slide>div .right li:nth-child(1) {
    margin-bottom: .2rem
}

.major .course article .swiper-pagination-bullet,.msfc article .swiper-pagination-bullet {
    width: .13rem;
    height: .13rem;
    background: #af7e08
}

.major .course article .swiper-pagination-bullets {
    bottom: -1.5rem
}

.major .course article .swiper-pagination-bullet-active,.msfc article .swiper-pagination-bullet-active {
    background: #af7e08
}

.major .course article .qtzy ul {
    position: absolute;
    bottom: .3rem;
    left: 50%;
    margin-left: -47%;
    overflow: hidden;
    width: 94%
}

.major .course article .qtzy li {
    overflow: hidden;
    width: 30%;
    border: 1px solid #af7e08;
    border-radius: .1rem;
    background: #fff;
    float: left;
    margin: 0 1.6%
}

.major .course article .qtzy li div h1 {
    font-size: .24rem;
    font-weight: bold;
    line-height: .8rem;
    color: #885103
}
.major,.major:before,.major:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-tap-highlight-color: transparent;
    text-align: center
}
.major h1, .major h2,.major h3,.major h4,.major h5, .major h6,.major p,.major a,.major span {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-style: normal
}
.major ul,.major li,figure {
    margin: 0;
    padding: 0;
    list-style: none
}

.major .course article .qtzy ul {
    position: absolute;
    bottom: .3rem;
    left: 50%;
    margin-left: -47%;
    overflow: hidden;
    width: 94%
}
.major .course article .qtzy li {
    overflow: hidden;
    width: 30%;
    border: 1px solid #af7e08;
    border-radius: .1rem;
    background: #fff;
    float: left;
    margin: 0 1.6%
}
.major .course article .qtzy li div h1 {
    font-size: .24rem;
    font-weight: bold;
    line-height: .8rem;
    color: #885103
}
/*专业*/
/* 新增 */
/* css */
.xf_tc .hztanchuang1_down1 div {
    display: inline-block;
}
.xf_tc .hztanchuang1_down1 div span{
  width: 48%;
    height: 0.6rem;
    float: left;
    line-height: 0.6rem;
    text-align: center;
    border: solid 1px #888;
    border-radius: 0.08rem;
    font-size: 0.265rem;
    box-sizing: border-box;
    padding: 0;
}

.xf_tc .hztanchuang1_down1 button{
  text-align: center;
    font-size: 0.30rem;
    width: 4.35rem;
    margin: 0.18rem auto 0 auto;
    height: 0.7rem;
    line-height: 0.7rem;
    border-radius: 0.06rem;
    background: #bd001e;
    color: #fff;
    border: none;
    padding: 0;
    letter-spacing:0;
}
.xf_tc .hztanchuang1_down1 input{
  width: 4.35rem;
    height: 0.6rem;
    border-radius: 0.08rem;
    line-height: 0.6rem;
    border: 1px #888 solid;
    background: rgba(0,0,0,0);
    padding: 0 0.1rem;
    box-sizing: border-box;
    font-size: 0.265rem;
}
.xf_tc .hztanchuang1_down1{
  padding: 0; 
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 16px;
}
.xf-img{
  height: 2.753rem;
}
.xf_tc .hztanchuang1_downon1 {
    background: #f28d01;
    color: #fff;
}
/* css */
 .btn-box {
    display: flex;
    position: relative;
    height: 0.78rem;
    align-items: center;
    float: right;
    padding-right: .2rem;
 }
.btn-box i{font-size: .4rem;color: #fff;display:block;width:0.55rem;height:0.35rem;margin:0 auto;background:url("../images/icon_weixin.png") center center no-repeat;background-size:auto 100%;animation: shaked 1s ease-in-out infinite;-webkit-animation: shaked 1s ease-in-out infinite;animation-delay: 2s;-webkit-animation-delay: 2s;margin-top:0.08rem;}
.btn-box .zixun_btn{font-size: 0.20rem;color: #000;display:block;width:1.05rem;height:0.33rem;line-height:0.33rem;text-align:center;vertical-align:middle;animation: shaked 1s ease-in-out infinite;
    -webkit-animation: shaked 1s ease-in-out infinite;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;}
    .btn-box a{
      display: inline-block;
    }
.btn-box a:first-child{
  animation: shaked 1s ease-in-out infinite;
    -webkit-animation: shaked 1s ease-in-out infinite;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}
.btn-box .number_top{
    position: absolute;
    font-size: .18rem;
    text-align: center;
    top: 2%;
    left: 48%;
    width: .30rem;
    height: .30rem;
    line-height: .30rem;
    background-color: #f90000;
    color: #fff;
    border-radius:0.24rem;
    -o-transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    animation: blink 1.5s linear infinite;
    -webkit-animation: blink 1.5s linear infinite;
    -moz-animation: blink 1.5s linear infinite;
    -ms-animation: blink 1.5s linear infinite;
    -o-animation: blink 1.5s linear infinite;
	z-index:10;
}
@keyframes shaked{0%{transform: rotate(0);}10%{transform: rotate(0);}20%{transform: rotate(-10deg);}30%{transform: rotate(10deg);}40%{transform: rotate(-8deg);}50%{transform: rotate(8deg);}60%{transform: rotate(-5deg);}70%{transform: rotate(5deg);}80%{transform: rotate(-2deg);}90%{transform: rotate(2deg);}100%{transform: rotate(0);}}
@-webkit-keyframes shaked{0%{transform: rotate(0);}10%{transform: rotate(0);}20%{transform: rotate(-10deg);}30%{transform: rotate(10deg);}40%{transform: rotate(-8deg);}50%{transform: rotate(8deg);}60%{transform: rotate(-5deg);}70%{transform: rotate(5deg);}80%{transform: rotate(-2deg);}90%{transform: rotate(2deg);}100%{transform: rotate(0);}}
 .btn-box .btn-c{
    width: 1.2rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .26rem;
}
.btn-box .btn-tel {
    background-color: #fff;
    color: #000;
}
.btn-box .btn-zx {
    background-color: #7d4623;
    color: #fff;
    margin-left: .1rem;
}
/* 2 */
.right_xf_btn {box-sizing: border-box;position: fixed;right: 0%;top:40%;z-index: 103;width: 52px;height: 52px;color: #ffffff;text-align: center;font-size:15px;line-height: 17px;background: #f28d01;padding: 9px 8px;border-radius: 56px;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);animation-iteration-count: infinite;}
.right_xf_btn a {color:#fff;}
.right_xf_animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.right_kf_btn {box-sizing: border-box;position: fixed;right: 0%;top:64%;z-index: 103;width: 50px;height: 50px;border-radius:40px;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);animation-iteration-count: infinite;}
/*弹窗*/
.m-popup-page{position:fixed;width: 100%;height: 100vh;top: 0;left: 0;background-color: rgba(0,0,0,.7);z-index: 9999;}
.m-popup-page .c-windows-itmes{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.itemsxf-close {position: absolute;top:-0.3rem;right:-0.3rem;cursor: pointer;z-index:200;width:0.6rem;height:0.6rem;}
.clear {clear: both;width:0px;height:0px;line-height:0px;overflow:hidden;}
.xf_tc {width:4.95rem;height:7rem;background:#fff;border-bottom-left-radius:0.2rem;border-bottom-right-radius:0.2rem;}
.xf_tc .jz_banner{width:4.95rem;height:2.753rem;}
.xf_tc .jz_box {width:4.35rem;height:3.777rem;margin:0 auto;}
.xf_tc .jz_label2{width:2.075rem;height:0.6rem;float: left;line-height: 0.6rem;text-align: center;border:solid 1px #888;border-radius: 0.08rem;margin:0 0.2rem 0.1rem 0;font-size: 0.265rem;box-sizing: border-box;}
.xf_tc  input[type='radio']{display: none}
.xf_tc .jz_box_t{font-size: 0.265rem;font-weight:bold;margin-top:0.06rem;height:0.5rem;line-height:0.5rem;color:#222;    width: 100%;}
.right_kf_btn img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* 新增 */