@media screen and (max-width:720px){
 .pc_learn2,.pc_learn1,.pc_learn3{display:none;}
     .main{
   	   margin-top: -0rem;
   }
   #home_des{
    text-align: center;
    height: 210px;
    background: url(../img/wtb/toutubeijing@2x.png) no-repeat 0px;
    background-position: 0px 0px;
    background-size: 100% 70%;
}
#ad_des{
      font-size: 20px;
    font-family: Arial, Arial-Bold;
    font-weight: bold;
    color: rgb(255, 255, 255);
    position: relative;
    padding: 2rem 0px 0px;
    margin: 0px;
}
#home_buttom{
       /* float: left; */
    /* margin-left: 1rem; */
    margin-top: 2rem;
}
.el-button.is-round {
    border-radius: 20px;
    padding: 6px 10px;
    width: 5.5rem;
    background: linear-gradient(64deg, #4276EC, #09BBFE);
}
.el-button{
     font-size: 9px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: center;
    color: #FFFFFF;
     margin-right: 0.5rem;
    padding: 6px 10px;
}
#learn_more{
    /*background: url(../img/bg1@2x.png) no-repeat 0px;
  background-position: 100%;
    background-size: contain;
    height:100%;*/
        margin-top: -5rem;
   
}
.learn1{
      

}
.learn1 p:first-child{
	 height: 16px;
    font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: center;
    color: #555555;
    padding-top: 20px;
}
.learn1 p:nth-child(2){
	    margin: 0px 1rem;
    height: 12px;
    font-size: 13px;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    text-align: center;
    color: #555555;
}
#learn1_img{
     background: url(../img/img1@2x.png) no-repeat 0; 
     background-position: center; 
     background-size: contain; 
     height: 306px; 
     width:100%; 
    
}
.learn2{
       /*margin-top: -6rem;
    background: url(../img/img2@2x.png) no-repeat 0;
    background-position: center;
    background-size: contain;
    height: 436px;
    width: 100%;*/
     height: 200px;
    margin: 1rem 0rem 1rem 0rem;
}
.learn2 p:first-child{
   /*position: absolute;*/
    /* width: 214px; */
    /*height: 16px;
    font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: left;
    color: #555555;
    left: 50%;
    margin-top: 10rem;*/
}
.learn2 p:nth-child(2){
          /* position: absolute;
    /* width: 241px; */
    /*height: 12px;
    font-size: 13px;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    text-align: left;
    color: #555555;
    left: 50%;
    margin-top: 13rem;*/
}
.learn3{
        height: 200px;
    width: 100%;
}
.learn3 p:first-child{
       /* position: absolute;
    width: 214px;
    height: 16px;
    font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;*/
    /* text-align: left; */
    /*color: #555555;
    left: 55%;
    margin-top: 10rem;*/
}
.learn3 p:nth-child(2){
    /*position: absolute;*/
    /* width: 241px; */
    /*height: 12px;
    font-size: 13px;
    font-family: Arial, Arial-Regular;
    font-weight: 400;*/
    /* text-align: left; */
    /*color: #555555;
    left: 55%;
    margin-top: 13rem;*/
    
}
.p_font{
       position: absolute;
    width: 350px;
    height: 16px;
    font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: left;
    color: #555555;
    right: 50%;
}
.learn4{
    margin-top: -10rem;
    background: url(../img/img4@2x.png) no-repeat 0;
    background-position: center;
    background-size: contain;
    height: 436px;
    width: 100%;
}
.learn4 p:first-child{
    position: absolute;
    /* width: 214px; */
    height: 16px;
    font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: left;
    color: #555555;
    left: 50%;
    margin-top: 10rem;
}
.learn4 p:nth-child(2){
           position: absolute;
    /* width: 241px; */
    height: 12px;
    font-size: 13px;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    text-align: light;
    color: #555555;
    left: 50%;
    margin-top: 14rem;
}
 .h5_learn3,.h5_learn2,.h5_learn1{
        font-size: 15px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 25px;
    text-indent: 24px;
    margin: 1rem 0.5rem;
 }
 .learn1_1right{    
    background: url(../img/wtb/peitu1@2x.png) no-repeat 0;
    background-position: center;
    background-size: contain;
    height: 220px;
    /* width: 100%; */
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    /* margin: 0rem 1rem;*/
   }
.h5_learn1_2left{
	    background: url(../img/wtb/peitu2@2x.png) no-repeat 0;
    background-position: center;
    background-size: contain;
    height: 220px;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.learn1_3right{
	background: url(../img/wtb/peitu3@2x.png) no-repeat 0;
    background-position: center;
    background-size: contain;
    height: 220px;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.learn2_title{
      height: 16px;
    font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    padding-top: 20px;
}
.learn2_desc{
	margin: 0px 1rem;
    height: 12px;
    font-size: 13px;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}
.big_learn2{
	    background: url(../img/wtb/play@2x.png) no-repeat 0;
    background-position: center;
    background-size: cover;
    /*min-height: 1300px;*/
    width: 100%;
}
.learn2_left{
	    float: left;
    /* width: 25%; */
    height: 180px;
    margin-left: 2%;
}
.learn2_right{
	    font-size: 10px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    width: 165px;
    height: 86px;
    /* background: #2B3990; */
    /* border-left: solid 1px #FFD146; */
    /* border-bottom: solid 1px #FFD146; */
    margin-top: 2rem;
    position: absolute;
    right: 0%;
    /* padding-left: 20px;*/
}
.h5_2p1{
	    margin-left: 0.5rem;
    height: 26px;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}
.h5_2p2{
	    margin-left: 0.5rem;
    height: 23px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}
.learn3_left{
	font-size: 10px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    width: 165px;
    height: 86px;
    /* background: #2B3990; */
    /* border-right: solid 1px #FFD146; */
    /* border-bottom: solid 1px #FFD146; */
    margin-top: 2rem;
    /* margin-right: 5rem; */
    position: absolute;
    /* left: 26%; */
    /* padding-right: 20px; */
    text-align: right;
}
.learn3_right{
	float: right;
    /* width: 25%; */
    height: 180px;
    margin-right: 2%;
}
.h5_3p1{
	    margin-right: 0.5rem;
    height: 26px;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}
.h5_3p2{
	    margin-right: 0.5rem;
    height: 23px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    /* width: 230px; */
    color: #FFFFFF;
}
.learn_contact{
	    text-align: center;
    height: 130px;
    background: #E9EEFF;
    padding-top: 0.5rem;
    padding-bottom: 2rem;
}
.learn_contact_title{
	    font-size: 15px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
}
.learn4_email{
	font-size: 13px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    text-align:left;
    display: inline-block;
    margin-top: -0.5rem;
}
.email_2{
	/*margin-left: 20px;*/
}

 }
 @media screen and (min-width:721px){
 .h5_learn1,.h5_learn2,.h5_learn3{
   display:none;
 }
 .main{
    margin-top:60px; 
}
#home_des{
	 text-align: center;
     width: 100%; 
     height: 300px;
    /*   min-height:118vh;*/
     background: url(../img/wtb/toutubeijing@2x.png) no-repeat 0px; 
    background-position: center; 
     background-size: cover; 
/*     width: 100%; */
/*     min-height: 120vh; */
/*     background: url(web/img/banner@2x.png) no-repeat 0px; */
/*     background-position: bottom; */
/*     background-size: cover; */
/*     background-position: center center; */
/*     background-size: cover; */
}
#ad_des{
    /* width: 453.5px; */
    height: 64px;
    font-size: 35px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    padding-top: 4rem;
    letter-spacing: 3px;
    text-shadow: 2px 3.46px 1.4px 0.28px rgba(149,0,255,0.65);
    /* position: absolute; */
    /* top: 8rem; */
    /* left: 8rem;*/
}
#home_buttom{
           /* text-align: center; */
    /* float: left; */
    /* margin-left: 8rem; */
    /* margin-top: 18rem;*/
}
.el-button{
  font-size: 16px;
    font-family: Arial, Arial-Bold;
    font-weight: 500;
    text-align: center;
    /* letter-spacing: 3px; */
    color: #fff;
    /*margin-right: 1rem;*/
}
#learn_more{
   /* background: url(../img/bg1@2x.png) no-repeat 0px;
    background-position: top;
    background-size: contain;
    height:100%;
    margin-bottom: 200px; */
    margin-top:-20px;
}
.learn1{
    background: url(../img/wtb/desc2@x.png) no-repeat 0;
    background-position: center;
    background-size: cover;
    min-height: 1100px;
    width: 100%;  

}
.learn1 p:first-child{
	 height: 16px;
    font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: center;
    color: #555555;
    padding-top: 50px;
}
.learn1 p:nth-child(2){
	height: 12px;
	font-size: 13px;
	font-family: Arial, Arial-Regular;
	font-weight: 400;
	text-align: center;
	color: #555555;
}
#learn1_img{
     background: url(../img/img1@2x.png) no-repeat 0; 
     background-position: center; 
     background-size: contain; 
     height: 506px; 
     width:100%; 
     margin-top: 100px;
}
.learn2{
    height: 350px;
    background: url(../img/wtb/lianjie@2x.png) no-repeat 0;
    background-position: 60% 50%;
    background-size: 30% 40%;

}
.learn2 p:first-child{
  /*  position: absolute;
    width: 214px;
    height: 16px;
    font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: left;
    color: #555555;
    left: 50%;
    margin-top: 5rem;;*/
}
.learn2 p:nth-child(2){
     /*   position: absolute;
    width: 241px; 
    height: 12px;
    font-size: 13px;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    text-align: right;
    color: #555555;
    left: 50%;
    margin-top: 10rem;*/
}
.learn3{

    height: 350px;
    width: 100%;
    background: url(../img/wtb/lianjie2@2x.png) no-repeat 0;
    background-size: 70% 40%;
    background-position: 40% 50%;
    background-size: 30% 30%;
}
.learn3 p:first-child{
     /*position: absolute;
    width: 214px;
    height: 16px;
    font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: left;
    color: #555555;
    /* left: 20%; */
   /* margin-top: 5rem;*/
}
.learn3 p:nth-child(2){
 /*position: absolute;*/
    /* width: 241px; */
    /*height: 12px;
    font-size: 13px;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    /* text-align: left; */
    /*color: #555555;*/
    /* left: 20%; */
    /*margin-top: 10rem;*/
}
.p_font{
       position: absolute;
    width: 350px;
    height: 16px;
    font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: left;
    color: #555555;
    right: 50%;
}
.learn4{
    margin-top: 100px;
    background: url(../img/img4@2x.png) no-repeat 0;
    background-position: center;
    background-size: contain;
    height: 436px;
    width: 100%;
}
.learn4 p:first-child{
    position: absolute;
/*     width: 214px; */
    height: 16px;
    font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: right;
    color: #555555;
    left: 50%;
    margin-top: 5rem;
}
.learn4 p:nth-child(2){
        position: absolute;
    /* width: 241px; */
    height: 12px;
    font-size: 13px;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    text-align: right;
    color: #555555;
    left: 50%;
    margin-top: 10rem;
}
.el-button.is-round:hover{
	color:#4276ec;
}
.el-button.is-round {
    width: 6.5rem;
    background: linear-gradient(64deg, #4276EC, #09BBFE);
}
.learn1-1{
	min-height:300px;
}
.learn1_1left{
	    float: left;
    width: 50%;
    text-align: right;
    margin-top: 2rem;
    margin-left: 20%;
}
.learn1_1left p:first-child{
	text-align: right;
    width: 50%;
}
.learn1_1left p:nth-child(2){
	    margin-top: 5rem;
    text-align: right;
    /* float: left; */
    width: 50%;
}
.learn1_1right{
	    margin-top: -1rem;
    background: url(../img/wtb/peitu1@2x.png) no-repeat 0;
    background-position: center;
    background-size: contain;
    height: 436px;
    width: 30%;
    position: absolute;
    right: 20%;
    /* float: left;*/
}
.learn1-2{
	    float: left;
   /* margin-top: 5rem;*/
    min-height:300px;
    clear: both;
}
.learn1_2left{
	    margin-top: -1rem;
    background: url(../img/wtb/peitu2@2x.png) no-repeat 0;
    background-position: center;
    background-size: contain;
    height: 436px;
    width: 30%;
    position: absolute;
    left: 15%;
}
.learn1_2right{
        text-align: left;
    width: 30%;
    /* float: right; */
    margin-right: 16%;
    margin-top: 3rem;
    position: absolute;
    right: 5%;
}
.learn1_2right p:first-child{
	text-align:left;
}
.learn1_2right p:nth-child(2){
	text-align:left;
	margin-top: 5rem;
}
.learn1-3{
	    float: left;
   /* margin-top: 5rem;*/
    clear: both;
    min-height:300px;
}
.learn1_3left{
	    width: 50%;
    text-align: right;
    margin-top: 2rem;
    margin-left: 20%;
    position: absolute
}
.learn1_3left p:first-child{
	text-align: right;
    width: 50%;
}
.learn1_3left p:nth-child(2){
	    text-align: right;
    width: 50%;
    margin-top: 5rem;
}
.learn1_3right{
	margin-top: -1rem;
    background: url(../img/wtb/peitu3@2x.png) no-repeat 0;
    background-position: center;
    background-size: contain;
    height: 436px;
    width: 30%;
    position: absolute;
    float: right;
    right: 20%;
}
.big_learn2{
	background: url(../img/wtb/play@2x.png) no-repeat 0;
    background-position: center;
    background-size: cover;
    min-height: 1300px;
    width: 100%;
    margin-top:-1rem;
    padding-bottom: 3rem;
}
.learn2_title{
	    height: 16px;
    font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    padding-top: 50px;
}
.learn2_desc{
	height: 12px;
    font-size: 13px;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}
.learn2_left{
	    /* width: 100%; */
    float: left;
    height: 350px;
    margin-left: 14%;
}
.learn2_right{
	     font-size: 10px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    width: 152px;
    height: 86px;
    background: #2B3990;
    border-left: solid 1px #FFD146;
    border-bottom: solid 1px #FFD146;
    margin-top: 6rem;
    position: absolute;
    right: 26%;
    padding-left: 20px;
}
.learn2_right p:first-child{
	font-size:15px;
}
.learn2_right p:nth-child(2){
	font-size:7px;
}
.learn3_right{
	float: right;
    height: 350px;
    margin-right: 14%;
}

.learn3_left{
	    font-size: 10px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    width: 152px;
    height: 86px;
    background: #2B3990;
    border-right: solid 1px #FFD146;
    border-bottom: solid 1px #FFD146;
    margin-top: 6rem;
    position: absolute;
    left: 26%;
    padding-right: 20px;
    text-align: right;
}
.learn3_left p:nth-child(2){
	font-size:7px;
}
.learn3_left p:first-child{
	font-size:15px;
}
.big_back{
	margin-top:3rem;
}
.big_back{
	    background: rgba(90,66,236,0.3);
    width: 80%;
    margin-left: 10%;
    padding-top:2rem;
	/*content:"";
	width: 80%;
    background: linear-gradient(0deg, #09BBFE, #5A42EC);
    margin-left: 10%;
    position:absolute;
    opacity: 0.3;*/
}
.learn_contact{
	text-align: center;
    height: 160px;
    background: #E9EEFF;
    padding-top: 1rem;
      padding-bottom: 3rem;
}
.learn_contact_title{
	font-size: 17px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: center;
    color: #555555;
    margin-bottom: 35px;
}
.learn4_email{
	font-size: 15px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    display: inline-block;
    margin-top: -1rem;
    text-align:left;
}
.email_2{
	/*margin-left:20px;*/
}
 a:hover{color:red;}

}