@media screen and (max-width: 1880px) {
}
@media screen and (max-width: 1520px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1250px) {
  /* 64px 3.333vw */
  .home1 .intr h1,
  .so1 .intr h1,
  .pro0 .intr h1,
  .pa1 .intr h1 {
    font-size: 30px;
  }
  /* 57px 2.969vw */
  .home1 .intr h2,
  .pa1 .intr h2 {
    font-size: 28px;
  }
  /* 56px 2.917vw */
  .home3 .intr h2,
  .pro0 .intr h2,
  .ab2 .intr h2 {
    font-size: 26px;
  }
  /* 46px 2.396vw */
  .tit h3,
  .tit1 h3,
  .pa4 .intr h3,
  .ab1 .intr h3 {
    font-size: 24px;
  }
  /* 42px 2.188vw */
  .home6 .intr h2 {
    font-size: 22px;
  }
  /* 36px 1.875vw */
  .text-image .intr h4,
  .pro3 .intr h4,
  .tit1 h4,
  .pro11 .intr h4,
  .pro15 .intr h4 {
    font-size: 22px;
  }
  /* 28px 1.458vw */
  .tit1 h6,
  .text-image .intr h6,
  .pro2 .intr h6,
  .pro3 .intr h6,
  .su2 .intr h6,
  .su4 .intr h6,
  .look span,
  .pa3 .intr p {
    font-size: 20px;
  }
  /* 24px 1.25vw */
  .fixed .sub,
  .fixed2 .sub {
    font-size: 20px;
  }
  /* 20px 1.042vw */
  .tit p,
  .home4 .box p,
  .pro0 .intr p,
  .pro4 .intr h6,
  .pro8 .intr h6,
  .pro9 .intr p,
  .pro13 .intr h5,
  .pro13 .intr h6,
  .pro14 .intr p,
  .pa2 .intr h6,
  .pa4 .form h6,
  .new span,
  .su5 .col h6,
  .ab3 .item-year p,
  .ab3 .item-year span,
  .ab3 .core span,
    .ab3 .core p,
  .so1 .intr p {
    font-size: 18px;
  }
  /* 18px 0.938vw */
  .header .link > a,
  .header .downmenu > a,
  .header .trial span,
  .more span,
  .form .btn span,
  .get span,
  .download span {
    font-size: 16px;
  }
  /* 16px 0.833vw */
  .footer dl dt > a,
  .footer dl dd > a,
  .footer .footC p,
  .footer .footC a,
  .text-image .intr p,
  .home3 .intr p,
  .label .input-sub li,
  .pro2 .intr p,
  .pro3 .intr p,
  .pro5 .intr p,
  .pro6 .intr p,
  .pro8 .intr p,
  .tit1 p,
  .pro11 .intr p,
  .pro13 .intr p,
  .pro13 .intr h4,
  .pro13 .intr span,
  .pro15 .intr p,
  .so2 .intr p,
  .pa2 .intr p,
  .pa4 .intr p,
  .su2 .intr p,
  .su4 .intr p,
  .su5 .col p,
  .su5 .col i,
  .ab1 .intr p,
  .ab2 .intr p,
  .label i {
    font-size: 14px;
  }
  /* 14px 0.729vw */
  .footer .cont .txt p,
  .footer .cont .txt a,
  .swiper-btn i,
  .swiper-num span,
  .home6 .intr p,
  .pa4 .checkbox p {
    font-size: 14px;
  }

  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    font-size: 14px;
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    font-size: 14px;
  }

  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    font-size: 14px;
  }

  input:-moz-placeholder,
  textarea:-moz-placeholder {
    font-size: 14px;
  }

  .tit h2,
  .tit h3,
  .tit p,
  .tit1 h2,
  .tit1 h3,
  .tit1 h4,
  .tit1 h6,
  .tit1 p,
  .pro5 .intr p {
    max-width: 100% !important;
  }

  .header .trial,
  .more {
    width: 200px;
    height: 40px;
  }
  .more1{
    width: 150px;
  }
  .download {
    width: 140px;
    height: 40px;
  }
  .header .trial img {
    width: 16px;
    height: 16px;
  }
  .look img {
    width: 15px;
    height: 15px;
  }
  .header .link .downmenu {
    max-width: 200px;
  }
  
  .pro2 .col .pic img,
  .pro8 .pic img,
  .pro9 .pic img,
  .so2 .pic img,
  .su2 .pic img,
  .su6 .pic img {
    width: 40px;
    height: 40px;
  }
  .pro10 .pic img {
    width: 70px;
    height: 50px;
  }
  .pa4 .checkbox .check {
    width: 15px;
    height: 15px;
  }

  .footer .ico {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }

  .home6 .label .input,
  .pro7 .label .input,
  .label .input-sub {
    border-radius: 0;
  }
  .pa4 .intr p {
   
    max-width: 100%;
}
  .home6 .label input,
  .pro7 .label input,
  .pa4 .label input,
  .se_btn {
    height: 40px;
  }
  .home6 .label textarea,
  .pro7 .label textarea,
  .pa4 .label textarea {
    height: 100px;
  }
  .form .btn {
    width: 120px;
    height: 40px;
  }
  .get {
    width: 170px;
    height: 40px;
  }
  .fixed .curr {
    width: 600px;
  }
  .fixed2 .curr {
    width: 800px;
  }
  .fixed .sub,
  .fixed2 .sub {
    height: 40px;
  }
  .ab3 .item-year .txt,
    .ab3 .item-content .core {
    width: 80%;
  }
  .ab3 .swiper-slide {
    padding: 160px 0;
  }
  .wrap {
    padding: 0 6.25vw;
  }
  .pro0 .fuild,
  .pro1 .fuild,
  .pro12 .fuild,
  .so1 .fuild {
    padding: 0 6.25vw;
  }
  .pro7 .fuild,
  .pro9 .fuild,
  .pro10 .fuild,
  .pro13 .fuild,
  .su5 .fuild,
  .su6 .fuild,
  .pa3 .fuild {
    padding: 0 13.542vw;
  }
  .home1 .intr,
  .text-image .intr,
  .pro0 .intr,
  .so1 .intr {
    left: 6.25vw;
  }
  .text-image .col:nth-child(2n) .intr {
    right: 6.25vw;
  }

  .swiper-box {
    right: 20px;
    bottom: 10px;
  }
  .pro10 .col {
    width: 50%;
  }
  .ab3 .item-round {
    width: 15px;
    height: 15px;
  }
  .ab3 .item-round::after {
    width: 20px;
    height: 20px;
  }
  .pa3 .pic img {
    width: 100px;
  }
}
@media (min-width: 992px) {
  .news-detail{
    min-height: 100vh;
  }
}
@media screen and (max-width: 991px) {
  .modal {
    width: 90%;
  }
  .honor_right {
    width: 100%;
    font-size: 14px;
    line-height: 1;
    padding-top: 30px;
    padding: 30px 20px;
}
  .download_item {
    width: 48%;
    height: 200px;
    margin-bottom: 15px;
    padding: 20px;
    background-size: cover;
}
.download_item a i {
    width: 20px;
    height: 20px;
    margin-left: 10px;
  }
  .download_item:hover a i{
     width: 20px;
    height: 20px;
    background-size: cover;
  }
  .organization .row {
    margin-top: 40px;
}
.organization-box{
  padding: 20px;
}
.about_info p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.7;
}
  .download_nav li {
    width: 20%;
    padding: 15px 0;
    font-size: 14px;
}
.organization{
padding: 30px 0;
}
.download_nav {
    margin-top: 20px;
    margin-bottom: 20px;
}
.download_item p {
    font-size: 14px;
  }
  .news_item a {
    display: flex;
    flex-flow: column;
    margin-bottom: 15px;
}
.lang_banner h2 {
    font-size: 26px;
  }
  .lang_banner {
    width: 100%;
    height: 200px;
  }
  .about-con .row{
    display: block;
  }
  .about_info a {
    font-size: 14px;
    padding: 10px 0;
    line-height: 1.7;
}
.news_pic {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px;
}
.pa4 .row{
  flex-flow: column;
}
.news_info h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .news_info p {
    font-size: 12px;
    margin-bottom: 20px;
}
  .home3 .intr h2{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .home3 .col{
    width: 300px;
    display: inline-block!important;
    visibility: inherit!important;
    opacity: 1!important;
    transform: inherit!important;
  }
  .home3 .row{
    display: block;
    white-space: nowrap;
    overflow: auto;
  }
  .home1 .swiper-slide img{
    height: 350px;
    display: inline-block;
  }
  .more{
    width: 100px;
    height: 30px;
    margin-bottom: 15px;
  }
  .home4 .row{
    display: block;
  }
  .home4 .swiper-container{
    width: 100%;
    height: auto;
  }
  .form_result{
    width: 100%;
    margin: auto;
    margin-top: 30px;
  }
  .home4 .label .input{
    height: 35px;
  }
  .home4 .box p{
    min-height: auto!important;
    font-size: 12px;
    padding: 5px 10px;
  }
  .dt_title_info {
    font-size: 12px;
    white-space: initial;
}
  .form .btn.btn_green {
    width: 200px;
    height: 40px;
    background: #009B4C;
    border-radius: 0;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    display: block;
    margin: auto;
    font-size: 14px;
}
.form_result h2 {
    font-size: 18px;
    margin-bottom: 20px;
}
.form_result h2:after {
    width: 10px;
    height: 2px;
    bottom: -8px;
}
  .prev {
  width: 0;
    height: 0;
    border: 6px solid #FFFFFF;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  .next {
    width: 0;
    height: 0;
    border: 6px solid #FFFFFF;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    margin-left: 15px;
}
  .video_icon{
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  .fixed,
  .fixed2 {
    display: none;
  }
  .label {
    margin: 0 0 15px !important;
  }

  .wrap {
    padding: 0 20px!important;
  }
  .pro0 .fuild,
  .pro1 .fuild,
  .pro12 .fuild,
  .so1 .fuild {
    padding: 0 5% !important;
  }
  .pro7 .fuild,
  .pro9 .fuild,
  .pro10 .fuild,
  .pro13 .fuild,
  .su5 .fuild,
  .su6 .fuild,
  .pa3 .fuild {
    padding: 0 5% !important;
  }
  .header .row {
    padding: 0 5%;
  }
  .header .trial {
    display: none;
  }
  .header .toggle {
    display: block;
  }
  .header .menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    z-index: 99;
    background: #ffffff;
    padding: 0 0 0 10%;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.5s;
    justify-content: flex-start;
    padding-top: 70px;
  }
  .header .menu.on {
    opacity: 1;
    visibility: visible;
  }
  .header .menu .link {
    /* width: 90%; */
    margin: 0;
    padding: 0;
    position: static;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease;
  }
  .header .link > a {
    margin: 10px 0;
  }
  .header .link .downmenu {
    max-width: 100%;
    position: static;
    box-shadow: none;
    border-radius: 0;
    text-align: left;
    top: 0;
    transform: translateX(0px);
    display: none;
  }
  .header .downmenu > a {
    padding: 5px 15px;
  }

  .home1 .intr,
  .text-image .intr,
  .pro0 .intr,
  .pro11 .intr,
  .so1 .intr {
    width: 40%;
  }
  .home1 .intr,
  .text-image .intr,
  .pro0 .intr,
  .so1 .intr {
    left: 5%;
    right: auto;
  }
  .text-image .col:nth-child(2n) .intr {
    left: auto;
    right: 5%;
  }
  .text-image .intr h6,
  .pro3 .intr h6 {
    display: none;
  }
  .home1 .pic,
  .text-image .pic,
  .pro0 .pic,
  .so1 .pic {
    width: 53%;
  }
  .home6 .intr,
  .pa4 .intr {
    width: 40%;
  }
  .home6 .form,
  .pa4 .form {
    width: 58%;
  }
  .footer .footB .col-l {
    width: 100%;
  }
.footer .footB .col-r {
    width: 100%;
}
 .footer .footB dl {
    margin-right: 30px;
    margin-bottom: 20px;
} 
.ercode div {
    margin: 0 20px 0 0;
    width: 100px;
}
.ercode img {
    width: 100%;
    height: auto;
}
.links {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    color: #6B6B6B;
    margin-bottom: 10px;
}
.footer .cont h2 {
    font-size: 16px;
    margin-bottom: 10px;
}
.footer .cont li {
    margin-bottom: 5px;
}
.ercode span {
    display: block;
    font-size: 0.8333vw;
    text-align: left;
    padding-left: 20px;
margin-bottom: 20px;
  }
.copyright {
    font-size: 12px;
    padding: 10px 0;
}
.ercode{
  justify-content: flex-start;
  /* display: block; */
  /* justify-content: space-between; */
}
  .footer .f-logo img {
    width: 120px;
  }
  .header .logo img{
    height: 20px;
    width: auto;
  }
  .banner_Swiper{
    overflow: hidden;
  }
  .header {
    padding: 20px 0;
  }
  .header.on {
    padding: 10px 0;
  }
  .su4 .intr {
    width: 100%;
  }
  .su4 .intr h6 {
    width: 85%;
  }
  .home5 .row{
        flex-wrap: wrap;
  }
  .home5 .row .col-r{
    width: 49%;
  }
  .home5 .row .col-l:first-child{
    width: 100%;
  }
  .wd_ul li {
    font-size: 12px;
    padding: 10px;
    width: 30%;

}
.wd_item {
    padding: 10px;
  }
  .intr_drag {
    padding: 10px;
}
.home6 .form{
  padding: 20px 10px;
}
.form5 h2 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .home6 .label{
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .fl-cb-mens{
    justify-content: space-between;
  }
  .banner_Swiper .swiper-button-next, .banner_Swiper .swiper-button-prev{
    width: 20px;
    height: 20px;
  }
  .icon-phone {
    width: 20px;
    height: 20px;
  }
  .home6 .form{
height: auto;
  }
  .banner_Swiper .swiper-pagination-bullet{
    font-size: 15px;
  }
  .label input {
    height: 40px;
    padding: 10px;
  }
  .search_select label {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
  }
  .search_box{
        overflow: auto;
  }
  .search_box table{
        width: 500px;
  }
  .about_item {
    width: 25%;
    padding: 15px 0;
    font-size: 12px;
  }
  /* 64px 3.333vw */
  .home1 .intr h1,
  .so1 .intr h1,
  .pro0 .intr h1,
  .pa1 .intr h1 {
    font-size: 28px;
    line-height: 28px;
  }
  /* 57px 2.969vw */
  .home1 .intr h2,
  .pa1 .intr h2 {
    font-size: 18px;
    line-height: 26px;
  }
  /* 56px 2.917vw */
  
  .pro0 .intr h2,
  .ab2 .intr h2 {
    font-size: 24px;
    line-height: 24px;
  }
  /* 46px 2.396vw */
  .tit h3,
  .tit1 h3,
  .pa4 .intr h3,
  .ab1 .intr h3 {
    font-size: 22px;
  }
  /* 42px 2.188vw */
  .home6 .intr h2 {
    font-size: 20px;
  }
  /* 36px 1.875vw */
  .pro3 .intr h4,
  .tit1 h4,
  .pro11 .intr h4,
  .pro15 .intr h4 {
    font-size: 18px;
    line-height: 18px;
  }
  .sec-timage .row{
    display: block;
  }
  .zc_list li {
    font-size: 14px;
    padding: 10px 0;
  }
  .text-image .intr p {
    font-size: 12px;
    
    margin: 0;
    margin-top: 7px;
    width: 100%;
}
.zc_list{
  margin-top: 30px;
}
.about-time {
    width: 100%;
    padding: 30px 0;
    height: 500px;
  }
  .about-time .swiper-container{
    margin-top: 100px;
  }
  .about-time .item-year .txt {
    width: 60%;
  }
  .about-time .item-content .core {
    width: 60%;
  }
  .about-time .core span, .about-time .core p {
    font-size: 14px;
    margin: 10px 0;
  }
  .about-time .row {
    margin: 30px 0;
  }
  .tit h3:after {
    width: 20px;
    height: 2px;
    bottom: -10px;
}
  .about-time .swiper-slide {
    padding: 110px 0;
}
.honor_ul li {
    font-size: 15px;
    margin-bottom: 0;
  }
.about-time .item-year p {
    font-size: 12px;
  }
  .honor_ul{
    display: flex;
    justify-content: space-around;
    margin: 30px 0;
  }
  .navigation-s {
    display: flex;
    align-items: center;
    margin-top: 30px;
    justify-content: center;
}
  .about_info{
    margin-top: 40px;
  }
  .honor_txt p {
    font-size: 18px;
    width: auto;
}

.honor_txt {
    display: block;
  }
  .honor_content {
    width: 100%;
    font-size: 14px;
    line-height: 1.7;
    margin: 10px 0;
}
.honor_bg{
  display: none;
}
.honor_right > h2{
  font-size: 22px;
  margin-bottom: 28px;
}
  /* 28px 1.458vw */
  .tit1 h6,
  .text-image .intr h6,
  .pro2 .intr h6,
  .pro3 .intr h6,
  .su2 .intr h6,
  .su4 .intr h6,
  .look span,
  .pa3 .intr p {
    font-size: 16px;
  }
  /* 24px 1.25vw */
  .fixed .sub,
  .fixed2 .sub {
    font-size: 16px;
  }
  /* 20px 1.042vw */
  .tit p,
  .home4 .box p,
  .pro0 .intr p,
  .pro4 .intr h6,
  .pro8 .intr h6,
  .pro9 .intr p,
  .pro13 .intr h5,
  .pro13 .intr h6,
  .pro14 .intr p,
  .pa2 .intr h6,
  .pa4 .form h6,
  .new span,
  .su5 .col h6,
  .ab3 .item-year p,
  .ab3 .item-year span,
  .ab3 .core span,
    .ab3 .core p,
  .so1 .intr p {
    font-size: 16px;
  }
  /* 18px 0.938vw */
  .header .link > a,
  .header .downmenu > a,
  .header .trial span,
  .more span,
  .form .btn span,
  .get span,
  .download span {
    font-size: 14px;
  }

  .pro0,
  .so1,
  .pa1,
  .su1,
  .ab1 {
    padding: 90px 0 40px;
  }
  .home3,
  .pro13,
  .pro14,
  .su2,
  .su4 {
    padding: 40px 0 20px;
  }
  .home4,
  .home5,
  .home6,
  .pro3,
  .pro4,
  .pro5,
  .pro6,
  .pro7,
  .pro11,
  .pro12,
  .so4,
  .so5,
  .pa2,
  .pa3,
  .pa4,
  .su3,
  .su5,
  .su6,
  .ab3 {
    padding: 40px 0;
  }
  .pro15 {
    padding: 0 0 40px;
  }
  .pro2,
  .pro8,
  .so2,
  .ab2 {
    padding: 0 0 20px;
  }
  .pro10 {
    padding: 40px 0 0;
  }
  
  .pro8 .col,
  .pro9 .col,
  .pro13 .col,
  .pro14 .col,
  .so2 .col,
  .su2 .col,
  .su4 .col,
  .ab2 .col,
  .pro2 .col {
    width: 48%;
    margin: 0 0 20px;
  }
  .home6 .intr,
  .pa4 .intr {
    width: 100%;
    margin: 0 0 20px;
  }
  .home6 .form,
  .pa4 .form {
    width: 100%;
  }
  .pro11 .row {
    margin: 20px 0 0;
  }

  .home6 .intr,
  .ab2 .intr {
    text-align: center;
  }
  .pa4 .intr big {
    font-size: 20px;
    margin-bottom: 10px;
}
.pa4 .label .input {
    width: 100%;
    height: 40px;
}
.pa4 .label textarea.input {
    width: 100%;
    height: 100px;
    padding: 10px;
}
.pa4 .form .btn {
    width: 40%;
    height: 40px;
  }
  .pa4 .intr h3 {
    margin: 0 0 30px;
  }
  .home3 .intr h2 i{
    width: 20px;
    height: 20px;
  }
  .home3 .intr:hover h2 i {
    background: url(../image/rightc.svg);
     width: 20px;
    height: 20px;
    background-size: cover;
}
.dt_title {
    font-size: 14px;

    }
    .dt_item-first .dt_title{
      margin: 10px 0;
    }
  .home4 .box {
    padding: 0;
  }
  .dt_item {
    padding: 10px 0;
  }
  .hd_item strong {
    font-size: 14px;
    margin-bottom: 5px;
}
.hd_item em {
    font-size: 12px;
}
.home5 .row .col-l:first-child .hd_item >div{
  top: 30px;
    right:30px
}
  .text-image .intr h6::before,
  .pro4 .intr h6::before,
  .pa2 .intr h6::before,
  .pro3 .intr h6::before {
    width: 15px;
    height: 15px;
    top: 2px;
  }
  .text-image .intr h6,
  .pro4 .intr h6,
  .pa2 .intr h6,
  .pro3 .intr h6 {
    padding-left: 20px;
  }
  .pro9 .col:nth-child(7),
  .pro9 .col:nth-child(8) {
    margin: 0 0 20px;
  }


  .text-image .fuild {
    padding: 0 5%;
  }
  
  .text-image .intr,
  .pro0 .intr,
  .pro11 .intr,
  .so1 .intr {
    max-width: 100%;
    width: 100%;
    position: static;
    left: auto;
    right: auto;
    transform: translateY(0);
    margin: 0 0 20px;
  }
  .pro3 .row2 .intr,
  .pro4 .intr,
  .pro15 .intr,
  .pa2 .intr,
  .ab1 .intr {
    width: 100%;
    margin: 0 0 20px;
  }
  .home1 .pic,
  .text-image .pic,
  .pro0 .pic,
  .pro3 .row2 .pic,
  .pro4 .pic,
  .pro11 .pic,
  .pro15 .pic,
  .so1 .pic,
  .pa2 .pic,
  .ab1 .pic {
    width: 100%;
  }
  .text-image .intr h6,
  .pro3 .intr h6 {
    display: block;
  }

  .home6 .label,
  .pro7 .label {
    width: 100%;
  }

  .swiper-num {
    display: none;
  }
  .ab3 .swiper-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .ab3 .swiper-btn.prev {
    left: 5%;
  }
  .ab3 .swiper-btn.next {
    right: 5%;
  }
  .home6 .intr img {
    width: 80px;
  }
  .home6 .label input,
  .pro7 .label input,
  .pa4 .label input {
    padding: 0 10px;
  }
  .home6 .label textarea,
  .pro7 .label textarea,
  .pa4 .label textarea {
    padding: 10px;
  }
  .label i {
    right: 10px;
  }
  .search_select .label i.icon-search {
    right: 10px ;
    left: auto;
}
  .label .input-sub li {
    padding: 10px 10px;
  }
  .pro10 .more {
    margin: 15px auto 0;
  }
  .pro13 .col,
  .su4 .col,
  .su6 .col {
    padding: 15px;
  }
  .so5 .col {
    width: 31%;
  }
  .pa4 .checkbox {
    margin: 0 0 15px;
  }
  .su4 .new {
    top: 15px;
    right: 15px;
  }
  .ab3 .item-year .txt {
    padding: 5px 10px;
  }
  .footer .app .fco {
    margin-right: 15px;
  }
  .footer .footA,
  .footer .footB {
    padding: 20px 0 0;
  }
  .footer .footC {
    padding: 20px 0;
  }
  .ab3 .tit {
    width: 90%;
    margin: 0 auto;
  }
  .su4 .pic {
    width: 100px;
    right: 15px;
  }
  .home4 .box p{
    min-height: 100px;
  }
  .ab1 .pic{
    margin-top: 0;
  }
  .text-image .intr .more,
  .home4 .more{
    margin: 20px auto 0;
  }
  .se_btn{
    width: 120px;
    height: 40px;
    line-height: 40px;
  }
  .search_select label.search_btn{
    width: 100%;
  }
  .search_select .label.search_btn .inputb{
    width: 100%;
    margin: 0 0 15px;
  }
}
@media screen and (max-width: 480px) {
 
  .pro8 .col,
  .pro13 .col,
  .pro14 .col,
  .so2 .col,
  .su2 .col,
  .su4 .col,
  .ab2 .col,
  .pro2 .col,
  .pro10 .col,
  .su6 .col,
  .pa3 .col {
    width: 100%;
  }
  .pro10 {
    padding: 20px 0 0;
  }
  .su6 {
    padding: 40px 0 20px;
  }
  .pa3 {
    padding: 40px 0 20px;
  }
  .pro10 .col {
    margin: 20px 0 0;
  }
  .su6 .col,
  .pa3 .col {
    margin: 0 0 20px;
  }
  .so2 .pic {
    justify-content: center;
  }
  .pa3 {
    background: #ffffff;
  }
  .home5 .pic {
    width: 100px;
    height: 100px;
  }
  .home5 .pic img {
    width: 80px;
  }
  .home5 .ev {
    width: 100px;
  }
  .home5 .ev3 {
    margin: 20px auto 0;
  }
}