@media (max-width: 1199px) {
  .pc-top .t-middle {
    width: 100%;
    padding: 0 10px;
  }
  .footer .copy-middle {
    width: 100%;
  }
  html {
    font-size: 40px;
  }
  .public-title {
    font-size: 0.9rem;
  }
  .subtitle {
    font-size: 0.5rem;
    padding-top: 0.25rem;
  }
  .zixunbtn {
    width: 5.25rem;
    height: 1.5rem;
    font-size: 0.45rem;
    line-height: 1.5rem;
    margin: 0.5rem auto 0;
  }
  .banner {
    height: 10rem;
    background-size: 125%;
  }
  .banner .people {
    width: 5.86rem;
    height: 6.88rem;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 2rem;
  }
  .banner .ball {
    width: 2.475rem;
    height: 4rem;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 2.5rem;
  }
  .banner .main {
    text-align: center;
    overflow: hidden;
  }
  .banner .main .banner-world {
    background-size: 100%;
    width: 9.7625rem;
    height: 5.0625rem;
    margin: 2.96rem auto 0;
  }
  .main {
    width: 100%;
    padding: 0 10px;
  }
  .profile-warp {
    margin-top: 0.25rem;
  }
  .profile-warp .main .public-title {
    width: 16.1rem;
    height: 2.95rem;
    background-size: 100%;
  }
  .profile-warp .main .pro-list {
    margin-top: 0.25rem;
  }
  .profile-warp .main .pro-list .pro-item {
    width: 33.333%;
    margin-top: 0.25rem;
  }
  .profile-warp .main .pro-list .pro-item .item-con {
    background-image: linear-gradient(to right, #1439b8, #5416a6);
    width: 96%;
    height: 6.65rem;
    padding-top: 1.8rem;
  }
  .profile-warp .main .pro-list .pro-item .item-con .title {
    display: inline-block;
  }
  .profile-warp .main .pro-list .pro-item .item-con .title .icon {
    width: 1.275rem;
    height: 1.275rem;
    background-size: 100%;
    display: block;
  }
  .profile-warp .main .pro-list .pro-item .item-con .title .icon2 {
    background-size: 100%;
  }
  .profile-warp .main .pro-list .pro-item .item-con .title .icon3 {
    background-size: 100%;
  }
  .profile-warp .main .pro-list .pro-item .item-con .title .icon4 {
    background-size: 100%;
  }
  .profile-warp .main .pro-list .pro-item .item-con .title .icon5 {
    background-size: 100%;
  }
  .profile-warp .main .pro-list .pro-item .item-con .title .icon6 {
    background-size: 100%;
  }
  .profile-warp .main .pro-list .pro-item .item-con .title .text {
    font-size: 0.75rem;
    padding-top: 5px;
  }
  .yuyue {
    padding: 1.5rem 0;
    margin-top: 1rem;
  }
  .yuyue .main .public-title {
    width: 15.04rem;
    height: 1.8rem;
    background-size: 100%;
    margin: 0 auto;
    margin-bottom: 1.25rem;
  }
  .yuyue .main .yuyue-warp {
    width: 100%;
    border-radius: 10px;
    margin: 0 auto;
    padding: 1.5rem 0;
  }
  .yuyue .main .yuyue-warp .infocon form {
    width: 100%;
  }
  .yuyue .main .yuyue-warp .infocon form dl {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .yuyue .main .yuyue-warp .infocon form dl dt {
    font-size: 0.55rem;
  }
  .yuyue .main .yuyue-warp .infocon form dl dd {
    width: 76%;
  }
  .yuyue .main .yuyue-warp .infocon form dl dd .yuyue-info {
    width: 100%;
    font-size: 0.55rem;
  }
  .yuyue .main .yuyue-warp .infocon form dl dd .text-code {
    width: 70%;
  }
  .yuyue .main .yuyue-warp .infocon form dl dd .sendcode {
    width: 28%;
    font-size: 0.55rem;
  }
  .yuyue .main .yuyue-warp .infocon form .yuyue-btn {
    width: 6.45rem;
    height: 1.75rem;
    font-size: 0.7rem;
    line-height: 1.75rem;
  }
  .advance-warp {
    margin-top: 0.75rem;
  }
  .advance-warp .main .advance-title {
    width: 12.88rem;
    height: 2.34rem;
    background-size: 100%;
    margin: 0 auto;
  }
  .advance-warp .main .ad-list {
    margin-top: 1rem;
  }
  .advance-warp .main .ad-list .ad-item {
    width: 50%;
  }
  .advance-warp .main .ad-list .ad-item .item-con {
    width: 96%;
    height: 7.65rem;
    margin-bottom: 10px;
  }
  .advance-warp .main .ad-list .ad-item .item-con:hover .icon {
    transform: rotateY(360deg);
  }
  .advance-warp .main .ad-list .ad-item .item-con .icon {
    width: 2.55rem;
    height: 2.55rem;
    background-size: 100%;
    margin: 1.35rem auto 0.5rem;
  }
  .advance-warp .main .ad-list .ad-item .item-con .text {
    font-size: 0.6rem;
    line-height: 0.8rem;
    padding: 0 1rem;
  }
  .advance-warp .main .ad-list .ad-item .item-con2 .icon {
    background-size: 100%;
  }
  .advance-warp .main .ad-list .ad-item .item-con3 .icon {
    background-size: 100%;
  }
  .advance-warp .main .ad-list .ad-item .item-con4 .icon {
    background-size: 100%;
  }
  .process-warp {
    margin-top: 0.75rem;
  }
  .process-warp .main .public-title {
    width: 11.88rem;
    height: 2.08rem;
    background-size: 100%;
  }
  .process-warp .main .process {
    margin-top: 1.35rem;
  }
  .process-warp .main .process dl {
    width: 16.6%;
  }
  .process-warp .main .process dl dt {
    width: 2.65rem;
    height: 2.6rem;
    background-size: 100%;
    overflow: hidden;
    margin: 0 auto;
  }
  .process-warp .main .process dl dt .icon {
    width: 2.225rem;
    height: 2.275rem;
    background-size: 100%;
    margin: 0.25rem auto 0;
  }
  .process-warp .main .process dl dd {
    text-align: center;
    padding-top: 0.25rem;
    font-size: 0.45rem;
  }
  .process-warp .main .process .item2 dt {
    background-size: 100%;
  }
  .process-warp .main .process .item2 dt .icon {
    background-size: 100%;
  }
  .process-warp .main .process .item3 dt {
    background-size: 100%;
  }
  .process-warp .main .process .item3 dt .icon {
    background-size: 100%;
  }
  .process-warp .main .process .item4 dt {
    background-size: 100%;
  }
  .process-warp .main .process .item4 dt .icon {
    background-size: 100%;
  }
  .process-warp .main .process .item5 dt {
    background-size: 100%;
  }
  .process-warp .main .process .item5 dt .icon {
    background-size: 100%;
  }
  .process-warp .main .process .item6 dt {
    background-size: 100%;
  }
  .process-warp .main .process .item6 dt .icon {
    background-size: 100%;
  }
  .process-warp .main .process .line {
    display: none;
  }
  .doubt-warp {
    padding: 1.5rem 0 0.75rem;
    margin-top: 1rem;
  }
  .doubt-warp .main .public-title {
    width: 17.3775rem;
    height: 1.47rem;
    background-size: 100%;
    margin: 0 auto;
  }
  .doubt-warp .main .doubt-con {
    width: 100%;
    height: auto;
    background: none;
    margin: 1.5rem auto 1.5rem;
    position: static;
  }
  .doubt-warp .main .doubt-con ul {
    margin-bottom: 1.5rem;
  }
  .doubt-warp .main .doubt-con ul li {
    padding: 15px 30px;
    background-image: linear-gradient(to right, #7441e7, #b437f6);
    color: white;
    font-size: 0.55rem;
    line-height: 0.9rem;
    border-radius: 50px;
    position: static;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .doubt-warp .main .doubt-con ul li span {
    display: none;
  }
  .doubt-warp .main .doubt-con ul .item2 {
    width: 100%;
  }
  .doubt-warp .main .doubt-con ul .item3 {
    width: 100%;
  }
  .doubt-warp .main .doubt-con ul .item4 {
    width: 100%;
  }
  .doubt-warp .main .doubt-con ul .item5 {
    width: 100%;
  }
  .doubt-warp .main .doubt-con ul .item6 {
    width: 100%;
  }
  .doubt-warp .main .doubt-con ul .item7 {
    width: 100%;
  }
  .doubt-warp .main .doubt-con .circle {
    cursor: pointer;
    position: relative;
    width: 294px;
    height: 84px;
    bottom: 0.25rem;
    margin: 0 auto;
    left: auto;
  }
  .doubt-warp .main .doubt-con .circle .circle-con {
    width: 294px;
    height: 84px;
    background: #5594f0;
    border-radius: 50px;
    position: relative;
    z-index: 2;
  }
  .doubt-warp .main .doubt-con .circle .circle-con .cir-title {
    font-size: 36px;
    font-weight: bold;
    color: white;
    text-align: center;
    line-height: 84px;
    padding-top: 0;
  }
  .doubt-warp .main .doubt-con .circle .circle-con .cir-title span {
    display: inline-block;
  }
  .doubt-warp .main .doubt-con .circle .circle-bg {
    width: 302px;
    height: 92px;
    background: #5594f0;
    opacity: 0.3;
    position: absolute;
    left: 50%;
    margin-left: -151px;
    top: -4px;
    border-radius: 50px;
    animation: circle 1.5s ease-out infinite;
    -webkit-animation: circle 1.5s ease-out infinite;
  }
  .course-warp {
    margin-top: 0.75rem;
  }
  .course-warp .main .public-title {
    width: 18.165rem;
    height: 1.5575rem;
    background-size: 100%;
    margin: 0 auto;
  }
  .course-warp .main .course-con {
    width: 100%;
    margin-top: 0.75rem;
  }
  .course-warp .main .course-con .course-list {
    width: 100%;
    height: auto;
    border-radius: 20px;
    margin-bottom: 0.5rem;
  }
  .course-warp .main .course-con .course-list + .course-list {
    margin-left: 0;
  }
  .course-warp .main .course-con .course-list .course-item {
    padding-bottom: 0.75rem;
  }
  .course-warp .main .course-con .course-list .course-item .course-title {
    height: 3.1rem;
    padding: 0 0.75rem;
  }
  .course-warp .main .course-con .course-list .course-item .course-title .title {
    font-size: 0.85rem;
    padding-top: 0.9rem;
  }
  .course-warp .main .course-con .course-list .course-item .course-title .subject {
    font-size: 0.55rem;
    padding-top: 0.2rem;
    padding-bottom: 0.825rem;
  }
  .course-warp .main .course-con .course-list .course-item .course-info {
    height: 7.75rem;
    padding: 0.75rem;
  }
  .course-warp .main .course-con .course-list .course-item .course-info .info {
    line-height: 0.825rem;
    padding-top: 0.75rem;
    font-size: 0.55rem;
  }
  .course-warp .main .course-con .course-list .course-item .course-info .btn-warp {
    margin-top: 0.75rem;
  }
  .course-warp .main .course-con .course-list .course-item .course-info .btn-warp .course-btn {
    font-size: 0.55rem;
    width: 5.5rem;
    height: 1.4rem;
    line-height: 1.4rem;
    margin: 0 0.25rem;
  }
  .book-warp {
    margin-top: 1rem;
  }
  .book-warp .main .public-title {
    width: 13.46rem;
    height: 1.82rem;
    background-size: 100%;
  }
  .book-warp .main .book-list {
    margin-top: 1.5rem;
  }
  .book-warp .main .book-list .book-item {
    width: 33.33%;
  }
  .book-warp .main .book-list .book-item .item-con {
    width: 96%;
    height: 10rem;
    padding: 0 1rem;
  }
  .book-warp .main .book-list .book-item .item-con .bookimg {
    width: 4.02rem;
    height: 4.935rem;
    background-size: 100%;
    margin: 0.75rem auto 0;
  }
  .book-warp .main .book-list .book-item .item-con .img2 {
    background-size: 100%;
  }
  .book-warp .main .book-list .book-item .item-con .img3 {
    background-size: 100%;
  }
  .book-warp .main .book-list .book-item .item-con .text {
    font-size: 0.5rem;
  }
  .book-warp .main .book-list .book-item .item-con .btn {
    width: 100%;
    height: 1.175rem;
    border-radius: 50px;
    margin: 0.375rem auto 0;
    font-size: 0.55rem;
    line-height: 1.175rem;
  }
  .huanjing-warp {
    margin-top: 0.75rem;
    margin-bottom: 1rem;
  }
  .huanjing-warp .main .public-title {
    width: 10.54rem;
    height: 1.84rem;
    background-size: 100%;
  }
  .huanjing-warp .main .huanjing-con {
    width: 100%;
    margin-top: 0.5rem;
    border-radius: 10px;
  }
  .huanjing-warp .main .huanjing-con .huanjing-up {
    text-align: center;
  }
  .huanjing-warp .main .huanjing-con .huanjing-up ul li {
    width: 33%;
    height: 2.05rem;
    cursor: pointer;
    position: relative;
    font-size: 0.6rem;
    background: #ffffff;
    color: #3b3c98;
    text-align: center;
    line-height: 2.05rem;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 0 10px 30px #e9e6e6;
  }
  .huanjing-warp .main .huanjing-con .huanjing-up ul li + li {
    margin-left: 0.5%;
  }
  .huanjing-warp .main .huanjing-con .huanjing-up ul .tab-active {
    background-image: linear-gradient(to right, #a735f1, #1f2cad);
    color: white;
  }
  .huanjing-warp .main .huanjing-con .huanjing-down {
    background: white;
    margin-top: 1rem;
    border-radius: 10px;
  }
  .footer {
    margin-top: 0;
  }
  .box3{
  	display:none;
  }
  .swiper-father {
    width: 96%;
    height: auto;
    position: relative;
    margin:0 auto
  }
 .swiper-container {
    width:100% !important;
    margin-top: 50px;
  }
  .swiper-slide {
    width:100% !important;
    text-align: center;
    font-size: 18px;
    background: #fff;
 
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .huanjing_p{
	text-align:center;
	margin:15px 0;
	font-weight:bold;
	font-size:14px;
}
.course-con-l{
	float:left;
	margin-left:0px;
}
.course-con-r{
	float:right;
	margin-right:0px;
}
.clear{clear:both}
.box3_m{
display:block !important;
	max-width:768px;
	margin:0 auto;
	background:#e20000;
	padding:20px 0 60px 0;
	
}
.codeBox{
	height:150px !important;
	position:relative;
	top:0 !important;
}
.box3_m_div{
	width:45%;
	float:left;
	margin-left:3.5%;
}
.box3_m_div img{
	width:100%
}
.box3_m_div p{
	text-align:center;
	color:#fff
}

.topNav{
	width:100%;

}
.logo{
margin:5px 0 0 5px;
width:50%;
}
.num{
	font-size:12px;
	margin:5px 5px 0 0;
}

}




@media (max-width: 1024px) {
.num1{display:none;}
  .pc-top {
    display: none;
  }
  .phone-top {
    display: block;
  }
  .phone-top .top-nav {
    height: 1.25rem;
  }
  .banner {

  }
    .box3{
  	display:none;
  }
  .codebox{
  	width:92%;
  }
  .codebox_l{
  	width:45%;
  }
  .codeBox {
    width: 150px;
    border-radius: 10px;
    background: #D7000F;
    text-align: center;
    line-height: 200px;
    position: relative;
    top:50px;
    padding:10px 10px;
}
.codeBox img{
	width:180px
}
}
@media (max-width: 768px) {
  .phone-top .top-nav {
    height: 2rem;
  }
  .slide {
    right: -190px;
  }
  .open {
    right: 0;
  }
  .footer .copy-middle {
    width: 100%;
  }
  .footer .copy-middle .footer-list {
    display: none;
  }
  .footer .copy-middle p {
    width: 100%;
    padding-top: 20px;
  }
    .box3{
  	display:none;
  }
}
@media (max-width: 415px) {
  .banner {

  }
  .footer .copy-middle p {
    font-size: 14px;
  }
    .box3{
  	display:none;
  }
}