/* 文化 */
 
@media screen and (max-width:1660px) {
     
    .f22{font-size: 20px;}
    .f26{font-size: 24px;}
    .f28{font-size: 26px;}
    .f30{font-size: 28px;}
    .f32{font-size: 30px;}
    .f34{ font-size: 32px;}
    .f40{ font-size: 38px;}
    .f60{font-size: 55px;}

    #tabs-container{ height: 650px;}
    .jcxuqtjjddcxBox{ height: 750px;}
    .jcxuqtjjddcxBox figure a{ width: 280px; height: 60px;}

   
}
@media screen and (max-width:1500px){
    .indexAbout{ padding: 60px 0;}
    .indexAbout .right .color-666{ margin: 30px 0;}
    #tabs-container{ height: 600px;}
    .indexService{margin-bottom:70px}
    .Introduction .left div:nth-child(2){ font-size: 36px;}
}

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

    footer .right{ padding-right: 50px;}
    footer .left{ width: 50%;}
    #top{  height: calc(100% - 99px );}

    .honor-next{   right: 0;transform: rotate(180deg); }
    .honor-prev{left: 0;}
   
    .Introduction .left div:nth-child(2){ font-size: 34px;}
    .clear50{ height: 40px;}
    .f36{ font-size: 32px;}
    .f34{ font-size: 30px;}
    .jcxuqtjjddcxBox{ height: 700px;}
    .jcxuqtjjddcxBox figure a{ width: 260px; height: 55px;}
}

@media screen and (max-width:1300px) {
    .w1240{ width: 94%;   margin: 0 auto;}

    .indexAbout .ico1{ width: 20px; left: -25px;}
    .f16{ font-size: 14px; }
    .f22{font-size: 18px;}
    .f26{font-size: 22px;}
    .f28{font-size: 24px;}
    .f30{font-size: 26px;}
    .f32{font-size: 28px;}
    .f34{ font-size: 30px;}
    .f40{ font-size: 36px;}
    .f60{font-size: 52px;}
    .indexAbout{ padding: 50px 0;}
    .indexAbout .right{ width: 48%;}
    #tabs-container{ height: 520px;}
    .indexServiceCon .swiper-slide .txt a{ width: 250px; height: 55px; line-height: 55px;}
    .indexServiceCon .tabs {background: url(../images/line.png) repeat-x top 40px left;}
    .indexServiceCon .tabs a img{ width: 60px;  height: 60px;}
    .indexServiceCon .tabs a div:first-child{ width:80px; height: 80px;} 
   
    .indexServiceCon .tabs a div:first-child u{ width: 100px; height: 100px; left: -12px; }
    .indexServiceCon .tabs a div:first-child u.cl {clip: rect(0, 100px,-12px, 50px)}

.indexServiceCon .tabs a div:first-child u.cr {clip: rect(100px,50px,100px,0)}
.indexServiceCon .tabs a div:first-child:hover u.cr ,.indexServiceCon .tabs a.active div:first-child u.cr{clip: rect(0,50px,100px,0rem)}
.indexServiceCon .tabs a div:first-child:hover u.cl,.indexServiceCon .tabs a.active div:first-child  u.cl {clip: rect(0,100px,100px,50px)}


    .indexServiceCon .swiper-slide .txt{top: 12%;}
    .indexServiceCon .tabs{ left:3% ; margin-left: 0;}
    .indexServiceCon .swiper-slide .txt .f22{ margin: 45px auto;}

    .Introduction .left div:nth-child(2){ font-size: 30px;}

    .idea{ height: 560px;}
    .infoban{ height: 600px;}

    .ypjcinfo1 .img{ width: 50%     ;}
    .ypjcinfo1 .txt{ width: 50%;}
    .ypjcinfo1 .txt div.f18{ font-size: 16px;  height: 180px;}
    .ypjcinfo1 .txt div.f20{ padding-bottom: 15px; margin-bottom: 15px;}
    .info-top{ margin-top: -480px;}
    .jcxuqtjjddcxBox{ height: 650px;}
    .jcxuqtjjddcxBox figure a{ width: 250px; height: 53px;}
}
 
@media screen and (max-width:1200px) {

    .f16{ font-size: 14px; }
    .f20{ font-size: 18px;}
    .f22{font-size: 18px;}
    .f26{font-size: 22px;}
    .f28{font-size: 22px;}
    .f30{font-size: 24px;}
    .f32{font-size: 26px;}
    .f34{ font-size: 28px;}
    .f40{ font-size: 30px;}
    .f46{ font-size: 32px;}
    .f60{font-size: 48px;}

    .indexBtn{ height: 400px;}
    .indexBtn .f46{ margin: 42px;}
    .indexBtn .link a{ width: 230px; height: 50px;}
    footer figure img{ width: 120px;}

    .indexService{ margin: 30px 0 50px;}

    header .w50{ width: 66%; margin-left: 20px;}
    header .heardform{ width: 200px;}
    .nei-ban{  height: 450px;}

    .pic img{ width: 100%;}
    .newslist li{ width: 47%; margin-right: 3%;}
    .newslist li:nth-child(3n){ margin-right: 3%;}
    .newslist li:nth-child(2n){ margin-right: 0;}

    .homelocation{ flex-wrap: wrap; padding: 15px 0;}
    .contact-left{ width: 50%;}.contact-right{ width: 50%;}
    .searchline{ height: 3px; margin: 25px auto;}
    .Introduction .left div:nth-child(2){ font-size: 28px;}

    div.video-wrap{ width: 80%; height: auto;} 
    .team .gallery-top .swiper-slide .img img{ height: 400px;}
    .team .gallery-thumbs .swiper-slide img{ height: 100px;}
    .clear50{ height: 30px;}
    .f36{ font-size: 28px;}
    .f34{ font-size: 26px;}

    .infoban{ height: 500px;}
    .ypjcinfo1 .txt div.f18{   height: 150px;}
   
    .info-top{ margin-top: -400px;}
    .padding-45{ padding: 30px;}

    .ypjcinfo1 .txt{ padding: 0 18px;}
 
    .ypjcinfotit span{padding-bottom:18px}
    .zzfulink a span{ width: 300px; height: 110px;}

    header .w57 .heardform{ display: none;}
    header .w57{ width: 40%;}
    .w45{ width: 55%;}

    .telpop{ position: relative; left: 0; top: 0; width: 100%;    padding-top: 15px;}
    .jcxuqtjjddcxBox{ height: 600px;}
    .jcxuqtjjddcxBox figure a{ width: 220px; height:47px;}

    .searchcon .w1000{ width: 96%;  background: url(../images/icotit-bg.jpg) repeat-y left  37px top; }
    .searchcon .w1000 .con{ margin-left: 95px;}
    .icotit{  display: flex; align-items: center;}
    .icotit span{ left: 0; position: relative; width: 75px; height: 75px;}
    .icotit .f34{ padding-left:20px; line-height: 75px;}
    .flieName{white-space: pre-wrap; }
    .margin-top-40{ margin-top: 30px;}
    
}
.zhucelink{ display: none;}
@media screen and (max-width:1000px) {

    .ypjcinfo1 .txt div.f18{ height: 100px;}
    .PopupBox{ width: 80%;}
    .f24{ font-size: 20px;}
    .w45{ width: 65%;}

    .loginBox{ width: 80%;}
    .loginBox .left{ width: 100%; border-radius: 15px;}
    .zhucelink{ display: block;}
    .loginBox .right{ display: none;}
    .loginBox .item{ margin-top: 20px;}
    .loginBox .f20{ margin-bottom: 15px;}

    .jcxuqtjjddcxBox{ height: 550px;}
    .jcxuqtjjddcxBox figure a{ width: 200px; height:43px;}


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

    .searchline{ height: 3px; margin: 18px auto;}

    .indexUnderstand ul a{ height: 170px;}
    .indexBtn{ height: 380px;}

    .f16{ font-size: 14px; }
    .f18{ font-size: 14px;}
    .f20{ font-size: 16px;}
    .f22{font-size: 16px;}
    .f26{font-size: 18px;}
    .f28{font-size: 18px;}
    .f30{font-size: 20px;}
    .f32{font-size: 20px;}
    .f34{ font-size: 20px;}
 
    .f36{ font-size: 22px;}
    .f40{ font-size: 22px;}
    .f46{ font-size: 22px;}
    .f60{font-size: 35px;}
    .indexAbout{ padding: 40px 0;}
  
    .indexAbout .right .color-666{ margin: 12px 0;}
    .commonlink{  width: 190px; height: 50px; line-height: 50px;}


    .indexService .tit::after{ bottom: -15px;}

    .heardtop.fixed header{ display: block; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);}
    header{ height: 65px;}
    .logo a img{ height: 30px; width:  auto;}
    .topimg,  header .w50 { display: none;}
    .topimg,  header .w57 { display: none;}
    header .wap-btn { display: flex;}
    .header-tools{ display: block;}
    header .logo a{ margin: 0}
    .userimgbtn{  margin-right: 15px;}

    nav{ width: 100vw; height: calc(100vh - 65px); line-height: 70px; transform: translateX(100%); position: fixed; top: 65px ; right: 0; z-index: 999; transition: all .5s;}
    nav .w1240{ flex-direction: column; width: 90%; height: 100%;}
    .nav{ width: 100%; height: auto;flex-direction: column;}
    nav ul li{  width: 100%; flex: inherit;  height:70px; border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
    .nav li dl{ display: none !important;}
    .onenav img{ display: none;}
    nav .right{ width: 100%; line-height: 48px; padding-bottom: 10vh;}
    
    .phone-nav{transform: translateX(0); }

    .newslist li .txt{ padding: 25px 15px;}
    .newsbox{ padding: 45px;}

    .job-ico{ flex-wrap: wrap;}
    .job-ico li{ width: 48%;  margin-bottom: 25px; padding: 15px;}
.job-tit2{ font-size: 14px;}
.contactBox{ flex-direction: column;}

.contact-left{  padding: 20px; width: 100%;}
.contact-right{  padding: 20px;width: 100%;}
.Introduction .left div:nth-child(2){ font-size: 24px;}
.idea{ height: 450px;}
.idea-center{ padding: 25px;}
.idea-center figure:nth-child(1) img{ width: 50px;}
.clear50{ height: 20px;}
.infoban{ height: 400px;}
.ypjcinfo1{ flex-direction: column;}
.ypjcinfo1 .img,.ypjcinfo1 .txt{ width: 100%;}
.info-top{ margin-top: -380px;}
.ypjcinfo1 .txt{ padding: 20px 0;}
.ypjcinfo1 .txt div.dis-flex-center{ position: relative; left: 0;}
.ypjcinfo1 .txt div.f18{ height: 200px; font-size: 14px; margin-bottom: 20px;}

.processUl li:nth-child(2n-1){ padding: 20px 0;}
.zzfulink a{ height: 150px;}
.zzfulink a span{    width: 70%;height: 60%;}
.w45{ width: 75%;}
.uploadbox{ flex-direction: column;}
.fileName{white-space:pre-wrap}

.icotit span{ width: 70px; height: 70px;}

.margin-top-40{ margin-top: 20px;}


 }
 
    .wap-ban{ display: none;}

@media screen and (max-width:750px) {
    .indexNews .swiper-container{ height: 150px;}
    body{ font-size: 14px;} 

    .serviceback{ display: none;}
    .padding-45{ padding: 20px;}
    .pc-ban{ display: none;}
    .wap-ban{ display: block;}

    .f16{ font-size: 14px; }
    .f20{ font-size: 14px;}
    .f22{font-size: 16px;}
    .f26{font-size: 18px;}
    .f28{font-size: 18px;}
    .f30{font-size: 18px;}
    .f32{font-size: 26px;}
    .f34{ font-size: 20px;}
    .Introduction .left div:nth-child(2){ font-size: 22px;}
    .f40{ font-size: 22px;}
    .f46{ font-size: 22px;}
    .f60{font-size: 35px;}

    .indexAbout{ padding: 20px 0;}
    .indexAbout .w1240{ flex-direction: column-reverse;}
    .indexAbout .ico1{ width: 10px; left: -15px;}
    .indexAbout .right{ width: 100%; margin-bottom: 15px;}
    .w50{ width: 100%;}

    .indexNum{ padding: 20px 0 0;}
    .indexNum .w1240{ flex-wrap: wrap;}
    .indexNum ul li{ width: 50%; flex-direction: column;align-items:center; margin-bottom: 20px;}

    .indexService{ margin: 20px 0 35px;}
    .indexServiceCon .swiper-slide .txt .f22{ margin: 35px 15px ;}

    .indexServiceCon .tabs {background: url(../images/line.png) repeat-x top 25px left; width: 90%; }
    .indexServiceCon .tabs a img{ width: 50px;  height: 50px;}
    .indexServiceCon .tabs a div:first-child{ width:60px; height: 60px;} 
   
    .indexServiceCon .tabs a div:first-child u{ width:76px; height: 76px; left: -8px; }
    .indexServiceCon .tabs a div:first-child u.cl {clip: rect(0, 80px,-8px, 50px)}

.indexServiceCon .tabs a div:first-child u.cr {clip: rect(80px,50px,80px,0)}
.indexServiceCon .tabs a div:first-child:hover u.cr ,.indexServiceCon .tabs a.active div:first-child u.cr{clip: rect(0,50px,80px,0rem)}
.indexServiceCon .tabs a div:first-child:hover u.cl,.indexServiceCon .tabs a.active div:first-child  u.cl {clip: rect(0,80px,80px,50px)}

.indexNewspage{ display: none;}
.oldnews{ padding: 20px 0;}
.indexNews .tit{ padding: 20px 0;}
.indexNewsUl{ margin-top: 20px;}
.indexNewsUl li .f14 span:nth-child(2){ margin: 0 5px;}
.indexNewsUl li .txt div{ margin-bottom: 15px;}
.indexNewsUl li .img{ margin: 15px 0;}
.indexNewsUl li{ width: 48%; margin-right: 2%;}
.indexnuewtherr li:nth-child(3){ display: none;}
.oldnews .f28{ padding-right: 20%;}
.indexNewspage{ top: 40px;}

.indexUnderstand{padding: 20px 0 20px;margin-top: 20px;}
.indexUnderstand ul{ margin-top: 20px; flex-wrap: wrap;}
    
.indexUnderstand ul a{ flex: 1 50%; height: auto; padding: 15px 0;}
.indexUnderstand ul a img{ width: 60px;}
.indexNewsUl li .txt div{-webkit-line-clamp:1}
.indexBtn{ height:250px;}
.indexBtn .f46{    margin: 30px 20px; text-align: center; font-size: 18px;}
.indexBtn .link a{ width: 150px;  height: 40px; line-height: 40px; font-size: 14px;}
.indexBtn .link a:last-child{ margin-left: 18px;}
footer{ padding-top: 30px;}
footer .right{ margin-top: 20px;}
footer .left ul{ display: none;}
footer .w1240{ flex-direction: column;}
footer .bot{ text-align: center; height: auto; line-height: 2; padding: 15px 0; margin-top: 15px;}
footer .bot .w1240 div:last-child{ display: none;}
#top{ width: 15%; height: calc(100% - 85px );}

#tabs-container{ height: 460px;}
.indexServiceCon .swiper-slide .txt a{ width: 200px;  height: 48px; line-height: 48px; padding: 0 30px;}

.location{background: url(../images/location-bg.png) no-repeat right bottom;}
.f50{ font-size: 26px;}
.location .w1240 div:nth-child(2){ padding: 15px 0;}
.location a{ font-size: 16px; margin-right:15px; padding-right: 15px;}
.nei-ban{  height: 300px;}
  
.newslist li { margin-bottom: 20px;}
.newslist li .txt{ padding: 15px 10px;}
.newslist li .txt div:nth-child(2){ font-weight: bold; margin: 8px 0;}
.newslist li .txt div:nth-child(3){ display: none;}
.pglist span{ display: none;}
.newsbox{ padding: 20px 15px; }
.homelocation { padding: 0; height: 50px;}
.homelocation .color-blue{ display: none;}
.newsbox h1{ font-size: 18px;}
.newdesc{ padding: 15px 0; margin-bottom: 15px;}
.newsbot { padding: 15px 0; margin-bottom: 15px;}
.newdesc .fr,.newsbot .fr,.newpre .back { display: none;}
.newinfo{ font-size: 14px; line-height: 2;}

.job-tit2{ font-size: 14px; width: 90%;}
.clear50{ height: 20px;}
.join-yuan{ margin: 20px auto;}
.join-yuan img{ width:18px;  padding-bottom: 1px ;}
.job-ico li{ padding: 15px 10px; width: 100%;}
.job-ico li div:nth-child(1){ width: 50px; height: 50px; }
.job-ico li div:nth-child(2){ margin: 12px 0; font-size: 20px;}
.margin-top-70{ margin-top: 20px;}
.joblist dl dt{ flex-direction: column;justify-content: flex-start;    align-items: flex-start; padding: 20px 15px;}
.joblist dl dt span{ margin: 0 12px;}
.joblist dl dt .right  {  justify-content: space-between; width: 100%; margin-top: 15px;}
.joblist dl dt .right  span,.joblist dl dt .right  b{ display: none;}
.joblist dl.on dd{ padding: 20px 15px;}
 
.contact-left dl{ flex-direction: column;    align-items: flex-start; line-height: 35px; font-size: 14px;}
.contact-left dl dd{ font-size: 18px;}
.contact-left  .dis-flex-center{ display: none;}
.contact-right .item{ width: 100%;margin-top:10px}
.contact-right .item input{ padding: 10px 0;}
.contact-right .btn{ width: 200px; height: 35px;}
.searchul li{ padding: 15px;}
.searchul li a div:nth-child(1){ width: 100%; font-size: 16px;}
.searchul li a{    flex-direction: column;
    align-items: flex-start;
    line-height: 2;}
    .searchline{ height: 2px; margin: 8px auto;}
    footer figure img{ width: 100px;}
    #toolbar{ display: flex;}
    .toolbartop{ display: block;}

    .Introduction{ flex-direction: column;}
    .Introduction .left,.Introduction .right{ width: 100%;}
    .Introduction .right div:nth-child(2){ margin-top: 20px;}
    .aboutline{ height: 2; margin: 8px 0 20px 0;}
    .paly{ width: 45px;}
    div.video-wrap{ width: 90%; height: auto;} 
    div.close-btn{ width: 30px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #fff;}
        div.close-btn img{ width: 20px;}

  .honor-page{ display: none;}
  .honor{ padding: 25px 0; margin: 25px 0;}
  .equipment .swiper-pagination{ top: 15px;}
  .equipment .swiper-pagination-bullet{ width: 10px; height: 10px; margin-left: 10px;}
  .honor .swiper-slide .img{ height: 120px;}
  .honor .swiper-slide .txt{ line-height:50px; font-size: 14px; }
  .equipment .con{ margin-top: 20px;}
  .equipment .swiper-slide .txt{ font-size: 14px;}

  .idea{ height: 350px;}
  .ideaItem{ border-radius: 15px; font-size: 16px;width: 20%;    height: 24%;
text-align: center; padding: 15px;}
  .idea-center{ flex-direction: column; height: auto;}
  .idea-center figure:nth-child(2) div:nth-child(1){ font-size: 16px;  padding-bottom: 8px; margin-bottom: 8px;}
  .idea-center .f34{ font-size: 14px;}
  .ideaBg{ padding: 0;}
  .team .gallery-top .swiper-slide .dis-flex-between { flex-direction: column;}
  .team .gallery-top .swiper-slide .img img{ height:auto;}
  .team .gallery-top .swiper-slide .txt{ padding: 15px;}
  .team .gallery-top .swiper-slide .txt .f16{ margin: 0; padding: 12px 0;}
  .team .gallery-thumbs .swiper-slide img{ height: 89px;}
  .gallery-thumbsPage{ width: 10px; height: 89px;}

  .environmentUl{grid-template-columns: repeat(2,1fr);}
  .idea-center figure:nth-child(2){ margin-top: 8px; width: 100%;}
  .ypjclist li a{flex-direction: column-reverse;}
  .ypjclist li .txt figure{ width: 100%; padding: 15px;}
  .ypjclistspan{ width: 180px;}
  .ypjclistspan .f,.ypjclistspan .t{ padding: 0 15px;} 

  .hyjefaullink{ width: 180px;}
  .hyjefaullink .f,.hyjefaullink .t{ padding: 0 15px;} 

  .ypjclist li .clear50{ height: 8px;}
  .zzfulink a{ height: 100px;}
  .hyjefaul li .txt{ left: 20px; bottom: 20px;}
  .w45{ width: 85%;}
  .searchcon .tit{ line-height: 50px; height: auto; flex-wrap: wrap;}
  .searchcon .tit a{ width: 33.3%;}
  .searchcon .tit a:nth-child(1),  .searchcon .tit a:nth-child(2){ width: 50%; }

  .loginBox{ width: 96%;} 
  .searchcon .con .item{    padding-bottom: 15px;}
  .searchcon .con .item .f16{ margin-bottom: 10px;}
  .layui-input, .layui-select, .layui-textarea,.layui-btn{ height: 38px;  line-height: 38px;}
  .loginBoxClose { width: 30px;    right: 12px;top: -60px;}
  .loginBoxClose::after{    width: 1px;    right: 16PX;}
  .min525{ min-height: 380px; padding: 20px;}
  .jywcBtn{ width: 100px; height: 38px;}

  .userUl li{ padding: 12px;}
  .userUl li a{  }
  .userUl li .left{ width: 62%;  line-height: 2;}
  .userUl li .left .f18{ font-weight: bold;}
  .userUl li .left .color-666{ display: none;}

  .userUl li .left div:last-child{ font-size: 12px;}
.userUl li .cursor{ width: 100px;  height: 30px; line-height: 30px; margin-left: 15px;}
.userUl li .cursor .t { top: -30px; }
.userUl li .cursor:hover .w {-webkit-transform: translateY(15px) translateZ(-15px) rotate3d(1, 0, 0, -90deg); transform: translateY(15px) translateZ(-15px) rotate3d(1, 0, 0, -90deg);}

.w60{ width: 95%;}
.w60 .bg-white .test4{ padding: 0 15px;}
.w60 .btn{ width: 22%;}
.w60 .bg-white{ width: 76%;}
.trueFalseBox .w70{ width: 95%;}
.trueFalseBoxTop img{ height: 30px;}
.truePopupBox{ width: 80%;}
.registerCon{width: 95%;}
.registerfrom{ padding: 15px; margin-top: 20px;}


.jcxuqtjjddcxBox{ flex-direction: column;  background:  none;}
.jcxuqtjjddcxBox .w50:nth-child(1){ background: url(../images/yt-left.jpg) no-repeat center center; background-size: cover;}
.jcxuqtjjddcxBox .w50:nth-child(2){ background: url(../images/yt-right.jpg) no-repeat center center; background-size: cover;}

.searchcon .w1000  .con .item{ width: 100%;}
.searchcon .w1000  .con{ padding: 25px;}
.icotit span{ width: 65px; height: 65px;}
.searchcon .w1000{    background: url(../images/icotit-bg.jpg) repeat-y left 32px top;}
.icotit.outhui span{ margin: 0;}

.clear40{ height: 15px;}
nav .right a:last-child{ width: 38%;}
 
}

@media screen and (max-width:500px) {
    .indexNews .swiper-container{ height: 130px;}
    .tablecon table thead td{ font-size: 16px;}
    .tablecon table td{ padding: 8px;}
    .ypjcinfotit span{ padding-bottom: 10px;}
    .ypjcinfo2 .con{ padding: 18px 0;}
    .idea{ height: 280px;}
    .hxjag{ width: 25%;    left: 2%;}

    .zzfulink a{ height: 80px;}
    .zzfulink a span{ width: 80%;}
    .processUl{ flex-wrap: wrap;}
    .processUl li:nth-child(2n){ display: none;}
    .processUl li:nth-child(2n-1){ width: 32%; margin-bottom: 10px;}
    .fwhyul { flex-wrap: wrap; margin-top: 10px;}
    .fwhyul li{ width: 48%; margin: 5px 0;}
    .fwhyul li .img img{ height:100px; object-fit: cover; width: 100%;}
    .fwhyul li:last-child{ width: 100%; }
    .fwhyul li:last-child .img{padding: 15px  0;  }

    .PopupBox{ width: 96%;}
    .PopupBox .tit{ height: 50px; padding: 0 15px;}
    .f24{ font-size: 16px;}
    .PopupClose{ width: 20px;}
    .PopupBox .con{ padding: 15px;}
    .PopupBox .con .item div.f16{ margin-bottom: 10px;}
    .PopupBox .con .item{ margin-bottom: 18px;}

    .hyjefaul li{ width: 100%; margin-right: 0; margin-bottom: 20px;}
    .fwzzcom img{ height: 50px;}

    .userban{ height: 160px;}
    .userban .f16 span{ display: block; margin-top: 8px;}
    .userban .f16 span:last-child{ margin-left: 0;}
    .margin-top-30{ margin-top: 8px;}

    .registerfrom .item{ margin-bottom: 15px;}
    .registerfrom .item .f18{ margin-bottom: 8px;}

    .registerLogin{ height: 40px;} 
    .lay-ext-mulitsel .layui-input.multiple{    min-height: 38px !important;    margin-top: -38px !important;}
    .lay-ext-mulitsel .tips{ top:0 !important}
    .searchcon .con{ padding: 18px;}

    .searchcon .w1000{background: url(../images/icotit-bg.jpg) repeat-y left 22px top;}
    .icotit,.searchcon .w1000 .con{ margin-bottom:12px;}
    .icotit span{ width: 45px; height: 45px; font-size: 20px;}
    .icotit .f34{ font-size: 18px; line-height: 2;}
    .searchcon .w1000 .con{ margin-left: 0;}
    .icotit.outhui span{background-size: 100% 100%}
    .margin-top-40{ margin-top: 10px;}


 }

 @media screen and (max-width:400px) {
    .team .gallery-thumbs .swiper-slide img{ height: 77px;}

 }