/* css */
@media screen and (max-width:1800px) {
    .main{ padding: 0 160px; width:100%;}
    .business2page{ width: 160px;}
    .aboutsection7 .right .text,.aboutsection9 .right{ padding-right: 160px;}
    .TalentView .txt{ padding-left: 160px;}
    .staff .swiper-container{ padding-left: 160px;  }
}
@media screen and (max-width:1600px) {

    .main{ padding: 0 130px; width:100%;}
    .TalentView .txt{ padding-left: 130px;}
    .staff .swiper-container{ padding-left: 130px;  }
    .business2page{ width: 130px;}
    .aboutsection7 .right .text,.aboutsection9 .right{ padding-right: 130px;}
    .aboutsection5 ul li{ width: 4.2rem; height: 4.2rem;}
}

@media screen and (max-width:1440px) {
    body{ font-size: 14px;}
    .main{ padding: 0 100px; width:100%;}
    .TalentView .txt{ padding-left: 100px;}
    .staff .swiper-container{ padding-left: 100px;  }
    .business2page{ width: 100px;}
    .aboutsection7 .right .text,.aboutsection9 .right{ padding-right: 100px;}
    .w1400{padding: 0 100px; width:100%;}
    header .right nav{ width: 10rem;}
   
     
    /* .f18{ font-size: 16px;}
    .f22{ font-size: 18px;}
    .f24{font-size: 22px;}
    .f26{ font-size: 24px;}
    .f30{ font-size: 26px;}
    .f34{ font-size: 30px;}
    .f40{ font-size: 34px;}
    .f46{ font-size: 40px;}
    .f70{ font-size: 60px;}
    .f80{ font-size: 70px;} */
    .f16{ font-size: 14px;}
    .f18{ font-size:16px;}
    .gbook .desc{ font-size: 16px;}
 

    .section4 .casebtton{ width: 40px; height: 40px;}
    .section4 .tit a,.section3 ul li a{   height: 45px;    }
    .section3 ul li a{ width: 180px;}
    .section4 .swiper-slide .txt{ height: 60px;}
    .section4 .swiper-slide .img img{ height: 3.2rem;}
    footer  .top{  padding-top:30px; padding-bottom: 30px;}

    .aboutsection6 ul li .icon,.aboutsection6 ul li .icon i{ width: 80px; height: 80px;}


    .newslist1 .swiper-slide .txt{ padding: .55rem;}

    .ypjcinfo1 .txt ul{ font-size: 16px;}
    .xgxm .swiper-slide .txt{ font-size: 14px;}

    .goodLife1 .txt .tit{ font-size: 18px;}
    .advantage ul li .f26{ margin-top: 1rem;}

    .TalentView .txt .tit{ padding: .2rem .4rem;}
    .nieban ul{ height: 1rem;}

    .xgxm .swiper-slide .txt{ height: .7rem;}

}
@media screen and (max-width:1300px) {header .right{ width: auto;} header .right nav{ display: none;}.section3 ul li .w50{ width: 68%;}
/*  
.f22{ font-size: 18px;}
.f26{ font-size: 20px;}
.f30{ font-size: 26px;}
.f34{ font-size: 30px;}
.f40{ font-size: 32px;}
.f46{ font-size: 38px;}
.f70{ font-size: 60px;} */

.section5 .tit .link a{ margin-left: 20px;}

.newsDeatil{padding: 0 80px; width:100%;}
.business2 .swiper-slide .txt figure .line-clamp4{-webkit-line-clamp:3}

.contactOne .English{ width:73%;}

.newslist2 .list li .txt .tit{ height: 64px;}


.tansuo .tansuoTitle{ font-size: 30px;}

 
}
@media screen and (max-width:1200px) {

    .aboutsection1 .two .right{ padding-bottom: 0}
    .main{ padding: 0 80px; width:100%;}
    .TalentView .txt{ padding-left: 80px;}
    .staff .swiper-container{ padding-left: 80px;  }
    .w1400{ padding: 0 80px; width:100%;}
    
    .aboutsection7 .right .text,.aboutsection9 .right{ padding-right: 80px;}
    .business2{ padding-bottom: 0;}
    .business2page{ position: relative; width: 100%; flex-direction: row; margin-top: .55rem;  padding: .35rem 0;}
    .business2page a{ margin: 0 .35rem ; }
    .business2page .swiper-pagination{ flex-direction: row;  }
    .business2page .swiper-pagination-bullet{ margin: 0 .1rem;}
    .business2 .swiper-slide .img img{ width: 100%;}

    .xgxm .swiper-slide .txt{ font-size: 12px;}


    .jobInfo{ width: 65vw;}
	
	.newslist2 .list li .txt .tit{ height: 50px;}
   
    
   
}

@media screen and (max-width:1000px) {
.xgxm .swiper-slide .img{height: auto;}
.xgxm .swiper-slide .img img{height: auto;}
.wap-show{ display: none;}

.swiperxgxm::after{display: none;}
.swiperxgxm::before{display: none;}

}

@media screen and (max-width:750px) {
    
    .wapnumn{  flex-wrap: wrap;}
    .wapnumn li{ flex:1 50% !important; margin-bottom: 25px;}
    .wapnumn li:nth-child(2){ margin-bottom: 0;}
    .pc-show{ display: none;}
    .wap-show{ display: block;}
    body{ font-size: 14px;}
    .main{ padding: 0 10px; width:100%;}
    .TalentView .txt{ padding: 0 10px; }
    .staff .swiper-container{ padding-left: 10px;  }
    .w1400{ padding: 0 10px; width:100%;}
    .newsDeatil{ padding: 0 10px; width:100%;}
   
    .aboutsection7 .right .text, .aboutsection9 .right{ padding-right: 10px;}
    header .logo {    margin-left: .2rem;}
    header .logo img{ height: 0.6rem;}

    .svg-swiper-pagination .svg{ width: 22px; height: 22px;}
    .svg-swiper-pagination .swiper-pagination-bullet:after{ width: 6px; height: 6px;margin: -8px 0 0 -8px;}
    .svg-swiper-pagination .swiper-pagination-bullet{    margin: 0 6px !important;}
    .sub-mouse img{ height: .6rem;}
    .section2 .main{ flex-direction:column;}
    .w50{ width: 100% !important;}
    .section2 .info{ width: 100%;}
    ._slide{ width: 150px; height: 40px; line-height: 40px;}
    ._slide i{ width: 30px; height: 30px;}
    .section2 ul{ margin-top: .2rem; margin-bottom: .2rem;}
    .section2 ul li{ text-align: center; }
    .section2 ul li div:last-child{padding: 0 .25rem; font-size: 12px;}

    .section3 ul{ flex-direction: column; padding-top: 1rem; background:rgba(0, 0, 0, 0.5);}
    .section3 ul li{ width: 100%; height: calc((100vh - 1rem) / 3); border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .section3 ul li a{   height: 35px; width: auto; margin-top: 10px;}
    .section3 ul li .w50{ height: 0;}
    .section3 ul li span.Icon{ width: 0.8rem; height: 0.8rem; margin-bottom: 0;}

    

    .section3 ul li span.Icon img{ width: .5rem;}
    .section3 ul li .f34{ margin: .15rem 0 0;}
    .section3 ul li:hover .w50{  display: none; } 

    .section4 .tit{ flex-direction: column;align-items:  flex-start;}
    .section4 .tit a{ width: 60%; height: 40px; margin-top: .3rem;  }
    .section4 .casepage{    margin: .2rem auto 0;}
    .section4 .casebtton{ width: 32px; height: 32px;}

    .section5 .tit{ flex-direction: column;align-items:  flex-start;}
    .section5 .tit .link { width: 100% ; margin-top: .3rem;}
    .section5 .tit .link a{  text-align: center; margin-left: 0; margin-right: .3rem; font-size: 14px;}
    .section5 .swiper-slide{ padding: 0; }
    .section5 .swiper-slide .txt{ padding: .2rem;}
    /* .f18{ font-size: 14px;} */
    .section5 .swiper-slide .txt .title{ margin: .2rem 0;}
    .section5 .swiper-slide .txt span{ width: 60%; height: 35px;}
    footer.index{ display: none;}

    .section6{ display: block;}
    .section6 figure{ padding-top: 1rem; align-items: center; height: 100vh ; flex-direction: column;justify-content: center;}
    .section6  .main{ flex-direction: column;}
   
    .section6   .footContct{ margin-top: .3rem;}
      .footewm{ width: 80%; margin-bottom: .3rem;}
      
    .section7.swiper-slide.last-div { display: none;}  


    header .youlink span{ margin: 0 .15rem;}
    header .youlink img.oa{ margin-right: .15rem;}
    header .youlink{ padding-right: .2rem;}

    /* ¹ØÓÚÎÒÃÇ */
    .nieban{ height: 5rem;}
    .nieban .main{ bottom: 3vh; padding: 0 10px}
    .f16{ font-size: 14px;}
    .nieban ul{ height: 0.8rem;}
    .aboutsection1 .top{ flex-direction: column-reverse;}
    .aboutsection1 .left { margin-top: .4rem;}
    .aboutsection1 .left .info{ margin-top: .2rem;}
    .aboutsection1 .left,.aboutsection1 .right{ width: 100%;}
    .aboutsection1 ul { align-items: flex-start; margin-top: .3rem;}
    .aboutsection1 ul .DIN{ font-size: .6rem;    filter: drop-shadow(3px 3px 3px rgba(197,39,29,.5));}
    .aboutsection1 ul li div:last-child{ font-size: 12px; padding: 0 .15rem; line-height: 1.6;}

    .aboutsection2{ padding: 1rem 0;background-attachment:scroll;}
    .aboutsection2 .videoplay{ width: 50px; height: 50px;}
    .aboutsection2 .videoplay img:first-child{ width:25%;}

    .footNav{ display: none;}
    footer{box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}
    footer .top{ padding-top: 12px; padding-bottom: 0;}
    footer .main{ flex-direction: column; align-items: flex-start;  }
    footer .main a img{ height: 40px;}
    footer .main .footContct{ margin-top: .3rem; line-height: 1.8; margin-bottom: .3rem;}
    footer .main .footContct p:last-child{ display: none;}
    footer .main  .footewm{ width: 80%;}
    footer .bottom{ text-align: center; line-height: 1.6; padding: .2rem 0; height: auto; font-size: 13px;}
    footer .frienklink{ display: none;}


    .aboutsection1{ padding: .4rem 0;}
    .aboutsection1 .two { flex-direction: column;}
    .aboutsection1 .two .left,.aboutsection1 .two .right{ width: 100%;}
    .aboutsection1 .two .left{ margin-top: 0;}
    .aboutsection1 .two .right{ margin-top: .3rem;}
    .aboutsection1 .two .right .info{ margin-top: .2rem;}

    .aboutsection1  .xhkglogo{ margin-bottom: .2rem;}
    .aboutsection1  .subtitle{ flex-direction: column-reverse; align-items: flex-start;}

.aboutsection4{ padding: .5rem 0;}
.aboutsection4 .main { flex-direction: column;}
.aboutsection4 .main .left .info{ line-height: 2.6; margin-top: .3rem;}
.aboutsection4 .main .right{ width: 100%; margin-top: .2rem;}

.aboutsection5 ul{ align-items: flex-start;}
.aboutsection5 ul li::before{ display: none;}
.aboutsection5 ul li{ width: 33.3%; height: auto;}
.aboutsection5 ul li .f16{ font-size: 12px ; line-height: 1.6;}
.aboutsection5 ul li span{ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);}
.aboutsection5 ul li span.icon img{  width: 35%;}
.aboutsection5 ul li::after{ top: .6rem; width: .2rem; height: .2rem; background-size: cover;}
.aboutsection6{ padding: .8rem 0; background-attachment:scroll;}
.aboutsection6 ul { flex-wrap: wrap;}
.aboutsection6 ul li{ width: 50%; margin-bottom: .5rem;}
.aboutsection6 ul li .icon,.aboutsection6 ul li .icon i{ width: 60px; height: 60px;}
.aboutsection6 ul li p{ font-size: 14px; padding: 0 .15rem;color: rgba(255, 255, 255, 0.8);}
.aboutsection6 ul li .line{ width: 15px; height: 2px;}
.aboutsection6 ul li:nth-child(n+2){ margin-bottom: 0;}

.aboutsection7{ flex-direction: column-reverse; padding-top: .5rem;background: url(/static/home/images/aboutsection7.png) no-repeat top 0 right;background-size: 68% auto;}
.aboutsection7 .right{ width: 100%;}
.aboutsection7 .right .text{ margin-top: 0; padding-left: 10px; flex-direction: column; padding-bottom: .2rem;}
.aboutsection7 .left{ width: 100%;}
.aboutsection7 .right .img img{ width: 100%; max-width: 100%; padding:.4rem 0 .2rem 0;}
.logo-red{ width: 30%;}
.aboutsection8{ margin-top: .3rem;}

.aboutsection8 ul{ flex-wrap: wrap;}
.aboutsection8 ul li{ width: 47%; position: relative; margin-bottom: .3rem; }
.aboutsection8 ul li div:first-child{ font-size: 20px;}
.aboutsection8 ul li div:nth-child(2){ margin: .2rem 0;}
.aboutsection8 ul li div:nth-child(4){ font-size:16px; position: absolute; right: 0; top: 0; margin-top: 0;}
.aboutsection8 ul li  div:nth-child(3) img{ width: 100%; height: 2rem; object-fit: cover; border-radius:5px;}

.aboutsection9{ flex-direction: column; margin-top: .3rem;}
.aboutsection9 .right{ padding-left: 10px; padding-top: .4rem; padding-bottom: .4rem;}
.f40{ font-size: .4rem;}
.aboutsection9 .right .item { align-items: flex-start; padding: .15rem 0;}
.aboutsection9 .right .f40{ margin-bottom: .2rem; }
.aboutsection9 .right .item .txt{ width: calc(100% - 1.5rem); line-height: 2;}
.aboutsection9 .right .item .txt .f24{ font-size: 16px;}
.aboutsection9 .left{ text-align: right;}

/* .f18{ font-size:.18rem;}
.f20{ font-size: 16px;}
.f22{ font-size:.22rem;}
.f24{ font-size: 18px;}
.f26{ font-size: .26rem;}
.f30{ font-size: 22px;}
.f34{ font-size: .34rem;}
.f40{ font-size:.46rem;;}
.f46{ font-size: .46rem;}
.f70{ font-size: .7rem;} */
/* 20px */
.jobInfo .con .scorll .title{ font-size: 16px;}

.newslist1 .swiper-slide a{flex-direction: column; }
.newslist1 .swiper-slide .txt{  padding: .25rem;}
.newslist1 .swiper-slide .txt .dis-flex-between{ flex-direction: column;}
.newslist1 .swiper-slide .txt .dis-flex-between .tit{ width: 100%; line-height: 1.8; font-size: 16px; margin-bottom: .15rem;}  
.newslist1 .swiper-slide .txt .info{ margin: .2rem 0; line-height: 2; font-size: 12px;}
.newslist2 .list li{ width: 100%; margin-right: 0; margin-top: 0.3rem;}
.newslist2 .list li .txt .tit{ font-size: 16px; line-height: 1.6; height: auto;}

.pglist a,.pglist  span{ display: none;}
.pglist a.hover{ display: none;}
.pglist a.page{ display: inline-block;}

.newsDeatil .location span{ display: none;}
.newsDeatil .info{ padding: .2rem;}
.newsDeatil .info .f30{ font-size: 18px; line-height: 2;}
.newsDeatil .info .color-666 { line-height: 1.6;}
.Deatilpage .back{ display: none;}
.Deatilpage ul{ width: 100%; line-height: 2.5;}


.business2 .swiper-slide{ flex-direction: column;}
.business2 .swiper-slide .txt { padding-bottom: .25rem;}
.business2 .swiper-slide .txt .color-666{    margin: .3rem 0;}
.business2 .swiper-slide .txt figure{ width: 100%;}
.business2 .swiper-slide .txt figure .line-clamp4{ line-height: 2;-webkit-line-clamp:2; }
.business2 .swiper-slide .txt a{ width: 60%; height:36px; }

.business2page .pre{    transform: rotate(90deg);}
.business2page .next{  transform: rotate(-90deg);}

.xgxm .xgxmpage{ display: none;}
.xgxm .swiper-slide .txt{ height: 45px;}
.swipertherd .txt .tit{ font-size: 16px;}
.serviceback{ display: none;}
.homelocation{white-space: nowrap;  font-size: 12px; height: auto; padding: .25rem 0;}
.homelocation span{ display: none;}
 
.padding-45{ padding: .2rem;}
.ypjcinfo1{ flex-direction: column;}
.ypjcinfo1 .img,.ypjcinfo1 .txt{ width: 100%;}
.ypjcinfo1 .txt .line{ margin-bottom: .25rem;}
.ypjcinfo1 .txt{ padding: .25rem 0;}
.ypjcinfo1 .txt ul{ font-size: 14px; margin: .15rem 0;}
.ypjcinfo1 .txt ul img{ height: 10px;}
.ypjcinfo1 .txt div.info{ height: 3rem; font-size: 12px;}
.businesstit{ padding: .35rem 0; font-size: 18px;}

.goodLife1{ padding: .5rem 0;}
.goodLife1 .main{ flex-direction: column;}
.goodLife1 .txt .tit{ padding: .15rem .5rem; height: auto; text-align: center; font-size: 16px; line-height: 2;}
.goodLife1 .txt  .title{ margin: .25rem 0;}
.goodLife1 .txt  ul li {text-align: center; padding: 0 .25rem;}
.goodLife1 .img{ padding-top: .5rem; margin-top:  .2rem;}
.goodLife1 .img img{ width: 90%;}
.goodLifeApp .xgxmpage{ display: none;}
.goodLifeApp .swiper-slide .img{ width: 100%;}
.goodLifeTit .line{ height: 2px;}
.goodLifeTit .desc{ font-size: 15px;}
.advantage ul { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.advantage ul li{ width:2.8rem; height:2.8rem; padding: 0; margin: 0; margin-bottom: .2rem;  display: flex; align-items: center; justify-content: center; flex-direction: column; padding: .25rem;}
.advantage ul li .f26{ margin-top: 0; font-size: 16px;}
.advantage ul li .f18{ line-height: 1.6; font-size: 12px;}

.goodLife1 .txt ul li div:last-child{ font-size: 12px;}

.sixsystem ul::after{ display: none;}
.sixsystem ul li{ width: 100%; margin-right: 0; ; margin-bottom: .6rem;  border-radius: 8px; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);}
.sixsystem ul li::after{ display: none;}
.sixsystem ul li::before{ bottom: auto; top: -.14rem;}
.sixsystem ul li:nth-child(4){ margin-left: 0;}
.sixsystem ul li:nth-child(n+4){ margin-top: 0; margin-bottom: .6rem;    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);}
.sixsystem ul li:nth-child(n+4)::before{  bottom: auto; top: -.14rem;}
.ProjectDisplay .ProjectDisplay-pagination .swiper-pagination-bullet{ width: 6px; height: 6px;}
.ProjectDisplay .ProjectDisplay-pagination .swiper-pagination-bullet-active{ width: 18px;}


.Real ul li .left{ display: block; position: relative; padding: 0;}
.Real ul li .left .tit{ font-size: 16px; font-weight: bold;}
.Real ul li .left  .more{ margin: .2rem 0; font-size: 12px;}
.Real ul li h2{ font-size: .7rem;align-items: flex-end;}

.TalentView{ flex-direction: column;}
.TalentView .txt .info{ line-height: 2.4; margin: .25rem 0; font-size: 12px;}
.TalentView .txt .tit{ width: calc(100% - .2rem); font-size: 14px;}
.TalentView .txt { margin-bottom: .3rem;}
.TalentView .img{ padding: 0 10px;}
.staff .box{padding: 0 10px;}

.job .main{background: url(/static/home/images/jobBg.jpg) no-repeat right center; background-size: 80% auto;     background-attachment: fixed;}
.job{ padding: .4rem 0;}
.job .main .f40{ font-size: 20px;}
.jobsearch .box .txt{ width: 80%;  height: 40px;}
.jobsearch .box .btn{ width: 20%; font-size: 14px;}
.joblist .item{ width: 100%;}
.joblist .item div.jia{ width:6%;}
.joblist .item .info{  font-size: 12px; margin: .2rem 0;}

.jobInfo{ width: 90vw;}
.jobclose{ top: .25rem; right: .25rem;}

.jobInfo .tit .line-height2-4{ line-height: 2;}
.jobsearch{ margin-bottom: 0;}

.contactOne{ padding: .5rem 0;}
.contactOne .main { flex-direction: column;}
.contactOne .main .right{ margin-top: .25rem;}
.contactOne li:last-child .f30{     font-size: 14px;
    width: 80%;
    line-height: 1.6;}

    .gbook{ width: 100%; margin-top: -.4rem; padding: .2rem;}
    .gbook .desc{ font-size: 14px;}
    .gbook .two{ flex-direction: column;}
    .gbook .two .items{ width: 100%; margin-bottom: .2rem;}
    .gbook .two .items input{ font-size: 14px;}
    .gbook .there{ margin-top: 0;}
    .gbook .items textarea{ font-size: 14px;}

    .searchban{ margin-top: 1rem; height: 3rem;    }
.searchban .main{ padding-top:.5rem;}

.serchtop{ padding: .2rem;}
.serchtop .input{width: 70%; height: 40px; font-size: 12px;}
.serchtop .btn{ width: 28%; height: 40px; font-size: 14px;}
.searchbot .tit{ margin: .4rem 0;}
.searchbot ul a{ padding: .15rem .2rem;}
.searchbot ul a i{ display: none;}
.searchbot ul a span{ width: 100%; font-size: 14px; line-height: 2;}
.tel span{ display: block;}

div.video-wrap{ width: 90vw; height: auto;}
div.close-btn{ width: 25px; height: 25px; line-height: 25px; padding: 3px; right: 0; top: -12px;}

.newslist1Class li a{ font-size: 18px;}
.newslist2 .list li .txt div{ font-size: 12px;}
.business1{ flex-wrap: wrap; height: auto; padding: .25rem 0;}
.sixsystem ul li .f24{ font-size: 16px;}
.aboutsection10right .item .txt .f24{  font-size: 16px; margin: .25rem 0;}
.aboutsection10right .item .txt .f18{ font-size: 13px;}

.tansuo{ padding: 0.4rem 0;}
.tansuo .tansuoTitle{ padding-bottom: 0.2rem;}
.tansuo .main .tansuoDiv{ padding: 0.2rem;}

.section5 .swiper-slide .txt span{width: 80%;}

.swiperxgxm  .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(1);
	transform: scale(1);
	
}

.section1 .main .sub-mouse{display: none;}
.section1 .swiper-slide img{ width: 100%; height: 100% ; object-fit: cover;}

.info .line-height img{ height:auto !important; }
}

 
@media screen and (max-width:500px) {
	
	.tansuo{ padding: 0.3rem 0;}
	.tansuo .main .tansuoDiv h2{ font-size: 20px;}
	
	.tansuo .tansuoTitle{ font-size: 24px;}
	
}



@media screen and (max-width:420px) {

    .TalentView .txt{ padding: 0 20px; }
    .TalentView .img{ padding: 0 20px;}
    .main{ padding: 0 20px; width:100%;}
    .w1400{ padding: 0 20px; width:100%;}
    .newsDeatil{ padding: 0 20px; width:100%;}
   
    .nav-main{ font-size: 14px;}
    .staff .box{padding: 0 20px;}
    .staff .swiper-container{ padding-left: 0; margin-top: .4rem;}
  

.section2 .info{ margin-bottom: .3rem;}
.paly img{ width: 30%;}

.aboutsection7 .right .text .f18{ font-size: 14px; line-height: 2;}
.aboutsection9 .left img{ width: 100%;}
.aboutsection9 .right .item .f16{ margin-top: 0; font-size: 12px; line-height: 1.8;}

.aboutsection10left{ display: none;}
.aboutsection10right{ width: 100%; padding: .3rem 0;}
.aboutsection10right .item{ padding-top: .5rem;}

.newsDeatil .info .f30{ font-size: 16px;}
.newsDeatil .info .color-666{ font-size: 12px;}


.tansuo .tansuoTitle{ padding-bottom: 0;}
.tansuo .main{ flex-direction: column;}
.tansuo .main .tansuoDiv{ width: 100%; margin-top: 0.2rem;}
.tansuo .tansuoTitle{ font-size: 20px;}


 }