@media screen and (max-width: 1650px) {
  .wrap {
    margin-left: 5%;
    margin-right: 5%;
  }

  .header .innav>ul>li {
    padding: 0 40px;
  }

}

@media screen and (max-width: 1460px) {
  .header .tools {
    padding: 0 18px;
  }

  .header .logo {
    width: 290px;
  }

  .header .tools .item {
    margin-left: 20px;
  }

  .header .tools {
    padding: 0 5px;
  }
  .insec4 .proList li{
    width: 46%;
  }
}

@media screen and (min-width: 1301px) {
  .pcheader {
    display: block;
  }

  .phheader {
    display: none;
  }
}
@media screen and (max-width: 1300px) {
  .header .innav>ul>li{
    padding: 0 30px;
  }
  .abSec1 .wrap .ab1 .right{
    padding-top:90px;
  }
  .insec1 .box1 .l::after{
    display: none;
  }
  .insec1 .box1 .r{
    width: 49%;
  }
  .insec1 .box1 .l{
    padding-top: 80px;
  }
  .bannerBg h3 .cn{
    font-size: 35px;
  }
  .bannerBg h3 .en{
    font-size: 38px;
  }
}

@media screen and (max-width: 1100px) {
  .pcheader {
    display: none;
  }

  .phheader {
    display: block;
  }

  .header_menu {
    height: 70px;
  }

  .inBanner {
    margin-top: 70px;
  }

  .home.banner {
    margin-top: 70px;
  }

  .menuBtn {
    display: block;
    top: 25px;
  }

  .inService .r .title {
    margin-bottom: 20px;
  }

  .inSerSwiper .item {
    padding-top: 16px;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 770px) {
  .phBox {
    display: none;
  }

  .inNav1 .l {
    display: none;
  }

  .bgfixed {
    background-attachment: fixed;
  }
}

@media screen and (max-width: 769px) {
  .menuBtn{
    top: 15px;
  }
  .inNav {
    height: 40px;
    margin-top: -40px;
  }

  .inBanner {
    margin-top: 50px;
  }

  .header_menu .wrap .logo img {
    height: 38px;
  }

  .inNav1 {
    display: block;
  }

  .pcBox {
    display: none;
  }

  .wrap {
    margin-left: 3%;
    margin-right: 3%;
  }

  .header_menu {
    height: 50px;
  }

  .home.banner {
    margin-top: 50px;
  }

  .banner-box {
    height: 200px;
  }

  .banner-box .banner-item .videoCircle {
    display: none;
  }

  .home .bannerprev {
    width: 18px;
    height: 18px;
    display: none;
  }

  .home .bannernext {
    width: 18px;
    height: 18px;
    display: none;
  }

  .banner-box .banner-item .bannerTxt h2 img {
    display: none;
  }

  .banner-box .banner-item .bannerTxt h3 {
    font-size: 18px;
    margin: 0 0 8px 0;
  }

  .banner-box .banner-item .bannerTxt p {
    font-size: 14px;
    margin-right: 10%;
  }

  .banner-box .banner-item {
    padding: 0 3%;
  }

  .banner-box .banner-item .videoBox video {
    width: 100%;
    min-height: 100%;
  }

  .indexPart1 .shuli li {
    margin-right: 10px;
  }

  .indexPart1 .i_1_left p {
    width: 100%;
    line-height: 24px;
  }

  .indexPart1 .videoDiv .bg img {
    width: 100%;
  }

  .indexPart1 .i_1_right {
    float: none;
    margin-top: 40px;
  }

  .indexPart1 .i_1_left {
    padding-left: 0;
    width: 100%;
    margin: 40px 0 30px 0;
    float: none;
  }

  .indexPart1 .shuli {
    height: auto;
    overflow: hidden;
  }

  .indexPart1 .i_1_left h2 {
    padding-bottom: 8px;
    font-size: 18px;
    float: none;
  }

  .indexPart1 .i_1_left h3 {
    font-size: 16px;
  }

  .indexPart1 .i_1_right {
    padding-bottom: 10px;
  }

  .indexPart4 .name .more {
    width: 125px;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
  }

  .banner-box .banner-item .bannerTxt h2 {
    font-size: 13px;
    margin-top: 5px;
  }

  .indexPart5 .top .l {
    float: none;
    width: 100%;
  }

  .indexPart5 .top .r {
    float: none;
    width: 100%;
    margin-right: 0;
    display: flex;
    justify-content: center;
  }

  .indexPart5 .top .r .item {
    margin-left: 0px;
    margin-right: 40px;
    display: flex;
    flex-direction: column;
  }

  .indexPart5 .top .l h2 {
    padding-bottom: 22px;
  }

  .inService .l {
    float: none;
    width: 100%;
  }

  .inService .r {
    position: relative;
    padding: 5% 3%;
    width: 100%;
    height: 340px;
  }

  .indexPart5 .top {
    margin-bottom: 35px;
  }

  .inService .r .title {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .inSerSwiper .item h2 {
    font-size: 15px;
  }

  .inSerSwiper .item p {
    line-height: 22px;
  }

  .inSerSwiper .item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footer_bott .r,
  .footer_tabbar {
    display: none;
  }

  .footer_bott .l img {
    display: none;
  }

  .footer-right {
    display: none;
  }

  .productSort .item {
    width: 32%;
    margin-left: 2%;
  }

  .productSort .item:first-child {
    margin-left: 0;
  }

  .indexPart2 .name h2 {
    float: none;
    display: block;
  }

  .indexPart2 .name p {
    float: none;
    display: block;
  }

  .productSort {
    margin-top: 3px;
    float: none;
    width: 100%;
  }

  .bannerBg h2,
  .bannerBg h3 .en {
    font-size: 18px;
  }

  .bannerBg h3 {
    font-size: 18px;
  }

  .bannerBg h3 .cn {
    font-size: 18px;
  }

  .bannerBg h3 em {
    margin: 0 10px;
  }

  .inBanner {
    height: 180px;
  }

  .bannerBg {
    top: 40%;
  }

  .inNav {
    height: 40px;
    margin-top: -40px;
  }

  .inNav ul li a {
    font-size: 14px;
  }

  .inNav ul li a::before {
    height: 1px;
  }

  ._title .cn {
    font-size: 22px;
  }

  ._title .en {
    font-size: 24px;
    left: 0;
    top: -25px;
  }

  ._title p {
    margin-top: 6px;
  }

  .serS1 ul li {
    float: none;
    width: 100%;
  }

  .serS1 ul li h2 {
    font-size: 18px;
    margin: 5px 0 8px 0;
  }

  .serS1 ul li .ico {
    background-size: 50px !important;
    width: 50px;
    height: 55px;
  }

  .serS1 ul li {
    margin-left: 0;
    margin-bottom: 10px;
  }

  .serS1 ul li .main {
    padding: 35px 20px;
    height: auto;
  }

  .serS1 ul li .main:hover .ico {
    background-position: 0 -54px !important;
  }

  .spro .l {
    float: none;
    width: 100%;
    height: auto;
  }

  .spro .r {
    float: none;
    width: 100%;
    height: auto;
  }

  .serS2 .r .decs {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    padding: 30px 25px;
  }

  .spro .l .t {
    padding: 30px 20px;
    height: auto;
    font-size: 16px;
  }

  .spro .l .item {
    font-size: 14px;
  }

  .serS3 ._title p {
    width: 100%;
    line-height: 24px;
  }

  .serS3 .Box .l {
    float: none;
    width: 100%;
  }

  .serS3 img {
    margin-top: 30px;
  }

  .serS3 .Box .r {
    text-align: center;
    float: none;
    width: 100%;
    padding-top: 20px;
  }

  .serS3 .Box .r h2 {
    font-size: 18px;
  }

  .serS3 .Box .r h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .abSec1 {
    margin-top: 0;
  }

  .newsList li .content {
    margin-right: 0;
  }

  .newsList li .content .main {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .newsList li .content .ndate {
    display: none;
    float: none;
  }

  .newsList li .img {
    float: none;
    width: 100%;
  }

  .newsList li a {
    padding: 0 0 35px 0;
  }

  .newsList li .content .main h3 {
    font-size: 17px;
    margin-top: 15px;
    padding-bottom: 10px;
  }

  .newsList li .content .main p {
    line-height: 22px;
  }

  .pageBox {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .newsList li .content .main .more {
    font-size: 13px;
  }

  .newsSec .detail_l {
    line-height: 22px;
    float: none;
    width: 100%;
    padding: 8% 4%;
  }

  .newsSec .detail_l .title {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .newsSec .detail_l .tools {
    margin-bottom: 25px;
  }

  .newsSec .detail_r {
    float: none;
    width: 100%;
    margin-top: 20px;
  }

  .pageBox .page_num {
    display: none;
  }

  .page_arr {
    float: none;
    margin: 0 auto;
    display: block;
  }

  .page_arr span {
    line-height: 40px;
    padding: 0 20px;
  }

  .page_arr span a {
    line-height: 40px;
  }

  .abSec1 {
    padding: 35px 0 10px 0;
  }

  .pageBox .wrap {
    margin-left: 0;
    margin-right: 0;
    height: 40px;
    display: flex;
    justify-content: center;
  }

  .footer .wrap .r1 {
    display: none;
  }

  .footer .wrap .l {
    width: 100%;
  }

  .foot_b .wrap .r {
    display: none;
  }

  .foot_b {
    margin-top: 12px;
  }

  .footer {
    padding-top: 35px;
  }

  .inBanner6 .p {
    display: none;
  }

  .map {
    float: none;
    width: 100%;
    height: 200px;
    margin-top: 30px;
    border-radius: 0;
  }

  .mapL .item {
    padding-top: 20px;
    display: block;
  }

  .mapL .item .l {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 45px;
    height: 45px;
  }

  .mapL .item .l img {
    width: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .mapL .item h2 {
    text-align: center;
    justify-content: center;
  }

  .mapL .item p {
    font-size: 14px;
    text-align: center;
  }

  .message {
    padding-bottom: 30px;
  }

  .online .title {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .contactSec .wrap {
    height: auto;
  }

  .contactSec {
    padding-bottom: 30px;
  }

  .online {
    padding: 20px 10px;
    border-radius: 5px;
  }

  .abSec1 .wrap .ab1 .l h2 {
    margin-top: 0px;
    font-size: 18px;
    margin-bottom: 20px;
  }

  .abSec1 .wrap .ab1 .l {
    float: none;
    width: auto;
  }

  .abSec1 .wrap .ab1 .l p {
    font-size: 14px;
    line-height: 24px;
  }

  .abSec1 .wrap .ab1 .r {
    padding-top: 30px;
    float: none;
    width: auto;
    height: auto;
    overflow: hidden;
  }

  .abSec1 .wrap .ab1 .r .item h2 {
    font-size: 16px;
  }

  .abSec1 .wrap .ab1 .r .item .num {
    font-size: 40px;
  }
  .footer .wrap .l .item img{
    margin-right: 10px;
    width: 25px;
  }
  .abSec1 .wrap .ab1 .r .item .span {
    font-size: 14px;
  }

  .abSec1 .wrap .ab1 .r .item .r1 img {
    width: 30px;
  }

  .abSec1 .wrap .ab1 .r .item {
    margin-bottom: 25px;
  }

  .abSec2 {
    padding: 30px 0;
  }

  .abSec2 .wrap {
    display: block;
  }

  .abSec2 .l {
    font-size: 18px;
    writing-mode: unset;
    margin-bottom: 25px;
  }

  .abSec2 .l h2 {
    display: none;
  }

  .abSec2 .r p {
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 14px;
  }

  .abSec3 {
    padding: 30px 0;
  }

  .ptitle {
    font-size: 18px;
  }

  .abSec3 ul {
    padding-top: 0;
  }

  .abSec3 ul li {
    float: none;
    width: 100%;
  }

  .abSec3 ul li:nth-child(1),
  .abSec3 ul li:nth-child(4),
  .abSec3 ul li:nth-child(5) {
    background: #fff;
  }

  .abSec3 ul li:nth-child(1),
  .abSec3 ul li:nth-child(3),
  .abSec3 ul li:nth-child(5) {
    background: rgba(245, 245, 245, 0.8);
  }

  .abSec3 ul li {
    padding: 25px 15px;
  }

  .abSec3 ul li .num svg {
    width: 90px;
    height: 90px;
  }

  .abSec3 ul li .num .circle {
    cx: 45;
    cy: 45;
    r: 44;
    stroke-dasharray: 306, 306;
  }

  .abSec3 ul li .num {
    width: 90px;
    height: 90px;
    line-height: 90px;
  }

  .abSec4 {
    padding: 30px 0;
  }

  .honorSwiper {
    padding-top: 0;
  }

  .ptitle {
    margin-bottom: 10px;
  }

  .honorSwiper .honarr {
    padding-top: 0px;
  }

  .honorSwiper .honarr .honprev,
  .honorSwiper .honarr .honnext {
    width: 40px;
    height: 40px;
    margin: 0 10px;
    background-size: 23px;
  }

  .banner-box .banner-item .bannerImg img {
    width: 100px;
  }

  .banner-box .banner-item .bannerImg {
    margin-top: 0;
  }

  .home .tools {
    justify-content: center;
    bottom: 5px;
    left: 3%;
    right: 3%;
  }

  .homepagination .swiper-pagination-bullet-active {
    margin-right: 26px;
  }

  .homepagination .swiper-pagination-bullet::after {
    right: -16px;
  }

  .insec1 {
    padding: 30px 0 15px 0;
  }

  .insec1 .box1 .l {
    float: none;
    width: 100%;
  }

  .insec1 .box1 .l .about {
    border-radius: 0;
  }

  .insec1 .box1 .l::after {
    display: none;
  }

  .insec1 .box1 .r {
    padding-top: 20px;
    float: none;
    width: auto;
  }

  .insec1 .box1 .r h2 {
    font-size: 18px;
  }

  .insec1 .box1 .r h3 {
    font-size: 14px;
  }

  .insec1 .box1 .r p {
    font-size: 14px;
    line-height: 25px;
  }

  .insec1 .box1 .r .more {
    margin-top: 25px;
  }

  .insec1 .box2 {
    padding-top: 0px;
    display: block;
    height: auto;
    overflow: hidden;
  }

  .insec1 .box2 .item b {
    font-size: 40px;
  }

  .insec1 .box2 .item i {
    font-size: 25px;
  }

  .insec1 .box2 .item em {
    font-size: 14px;
  }

  .insec1 .box2 .item span {
    font-size: 14px;
    margin-top: 8px;
    text-align: center;
  }

  .insec1 .box2 .item::before {
    display: none;
  }

  .insec1 .box2 .item p::after,
  .insec1 .box2 .item p::before {
    height: 1px;
  }

  .insec1 .box2 .item {
    float: left;
    width: 50%;
    margin-bottom: 20px;
  }

  .insec1 .box2 .item p {
    justify-content: center;
  }

  .insec1 .box2 .item p::before {
    display: none;
    left: 50%;
    transform: translateX(-50%);
  }

  .insec1 .box2 .item p::after {
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
  }

  .insec1 .box1 {
    padding-bottom: 12px;
  }

  .insec2 {
    padding: 30px 0;
  }

  .title h2 {
    font-size: 14px;
    display: none;
  }

  .title h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .title span {
    height: 2px;
  }

  .insec2 .wrap .l {
    float: none;
    width: 100%;
  }

  .insec2 .wrap .r {
    float: none;
    width: 100%;
  }

  .insec2 .wrap {
    display: block;
  }

  .insec2 .wrap .l p {
    line-height: 23px;
    font-size: 14px;
    margin: 20px 0 20px 0;
  }

  .insec4 {
    padding: 30px 0;
  }

  .insec4 .proList {
    padding-top: 30px;
  }

  .insec4 .proList li {
    height: auto;
    width: 100%;
    margin-bottom: 25px;
  }

  .insec4 .proList {
    display: block;
  }

  .insec4 .proList li a .txt {
    padding-top: 40px;
  }

  .insec2 .wrap .r {
    display: none;
  }

  .insec2 .wrap .eq {
    margin-top: 30px;
    margin-bottom: 15px;
    display: block;
  }

  .insec2 .wrap .eq img {
    width: 100%;
  }

  .insec4 {
    padding-bottom: 13px;
  }

  .insec5 {
    padding: 35px 0 20px 0;
  }

  .insec5 ul {
    display: block;
    padding-top: 30px;
  }

  .insec5 li {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    height: 300px;
  }

  .insec5 li:hover .tag {
    margin-top: 20px;
  }

  .insec5 li a .conBox .amore {
    bottom: 90px;
  }

  .insec5 li:hover {
    transform: translateY(0);
  }

  .insec6 {
    padding: 30px 0;
  }

  .insec6 ul {
    padding-top: 33px;
  }

  .insec4 .proList li a .txt h2 {
    font-size: 18px;
  }

  .insec6 ul li {
    margin-bottom: 10px;
    box-sizing: border-box;
    margin-left: 10px;
    width: calc((100% - 20px)/3);
  }

  .insec6 ul li:nth-child(5N+1) {
    margin-left: 10px;
  }

  .insec6 ul li:nth-child(3N+1) {
    margin-left: 0;
  }


  .insec3 .menu_con .item {
    display: block;
    width: 20%;
    text-align: center;
  }

  .insec3 .menu_con .item img {
    height: 30px;
    margin-top: 15px;
  }

  .insec3 .menu_con .item .r {
    margin-left: 0;
  }

  .insec3 .menu_con .item h3 {
    display: none;
  }

  .insec3 .menu_con {
    height: 60px;
  }

  .insec3 .menu_con .item h2 {
    font-size: 13px;
    display: none;
  }

  .insec3 .intro .h2 {
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
  }

  .insec3 .intro {
    font-size: 14px;
    line-height: 24px;
  }

  .insec3 .intro {
    margin: 30px 0 20px 0;
  }

  .insec3 {
    padding-top: 35px;
    height: 450px;
  }

  .insec3 .appCon {
    top: 80px;
  }
  .teSec1{
    padding: 30px 0;
  }
  .teSec1 h2{
    font-size: 18px;
  }
  .teSec1 .wrap .l p{
    font-size: 14px;
    line-height: 22px;
    margin-top:0;
    margin-bottom: 8px;
  }
  .teSec1 .wrap .l{
    float: none;
    width: 100%;
  }
  .teSec1 .wrap .r{
    float: none;
    width: 100%;
  }
  .teSec1 .wrap .l p.p1{
    margin-top: 30px;
  }
  .teSec1 .wrap .r{
    padding-top: 10px;
  }
  .teSec1 .wrap .r h2{
    font-size: 18px;
    margin-bottom: 0;
  }
  .teSec2{
    padding: 30px 0 15px 0;
  }
  .ntitle h2{
    font-size: 18px;
    margin-bottom: 10px;
  }
  .ntitle span{
    width: 30px;
    height: 2px;
  }
  .teSec2 ul{
    padding-top: 30px;
  }
  .teSec2 ul li{
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .teSec2 ul{
    margin-top: 0;
    height: auto;
    overflow: hidden;
  }
  .teSec2 ul li.active{
    width: 100%;
    margin-right: 0;
  }
  .teSec2 ul li .two h3{
    font-size: 18px;
  }
  .teSec2 ul li .two .p{
    padding-top: 30px;
    line-height: 22px;
  }
  .teSec2 ul li .two{
    height: 320px;
    padding: 25px 25px;
  }
  .teSec2 ul li .two .icon{
    width: 35px;
  }
  .teSec2 ul li .one .num::before{
    bottom: 50px;
    height: 60px;
  }
  .p1_sec_1 .wrap .l{
    float: none;
    width: 100%;
  }
  .p1_sec_1 .wrap .r{
    float: none;
    width: 100%;
    padding-top: 25px;
  }
  .p1_sec_1{
    padding: 30px 0;
  }
  .p1_sec_2{
    padding: 30px 0;
    background: none;
  }
  .p1_sec_2 .wrap .l h2{
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
  }
  .p1_sec_2 .wrap .l{
    width: 100%;
  }
  .p1_sec_2 .wrap{
    display: block;
  }
  .p1_sec_2 .wrap .l ul{
    padding-top: 25px;
  }
  .p1_sec_2 .pd{
    line-height: 25px;
  }
  .p1_sec_2 .wrap .l ul li{
    margin-bottom: 20px;
    width: 33.33%;
  }
  .p1_sec_2 .wrap .l ul li img{
    width: 40px;
  }
  .p1_sec_2 .wrap .l ul li h3{
    margin-top: 0;
  }
  .p1_sec_2 .wrap .r{
    display: block;
    width: 100%;
  }
  .p1_sec_2 .wrap .r .box{
    width: 100%;
    height: auto;
  }
  .p1_sec_2 .wrap .r .box .img1{
    width: 100%;
    height: auto;
    border-radius: 0;
  }
  .p1_sec_2 .wrap .r .box .thumb{
    display: none;
  }
  .p1_sec_3{
    padding: 30px 0;
  }
  .ttitle h2{
    font-size: 18px;
  }
  .ttitle span{
    width: 35px;
    height: 2px;
  }
  .ttitle{
    margin-bottom: 20px;
  }
  .table1 tr:first-child td{
    font-size: 14px;
  }
  .table1 tr:first-child td{
    padding: 5px;
    font-weight: normal;
    font-size: 13px;
  }
  .table td{
    padding: 3px;
    font-size: 13px;
  }
  .p1_sec_5 .appSec{
    padding: 20px 0;
  }
  .p1_sec_5 .appSec .item .img{
    padding: 10px;
  }
  .p1_sec_5 .appSec .item{
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .p1_sec_5 .appSec .item h3{
    font-size: 18px;
    margin-top: 10px;
  }
  .p1_sec_5 .appSec .item p{
    font-size: 14px;
    height: auto;
  }
  .p1_sec_4 .title2{
    font-size: 18px;
    top: 8px;
  }
  .p2_sec_2 .cir{
    width: 60px;
    height: 60px;
    margin-bottom: 8px;
  }
  .p2_sec_2 .cir img{
    width: 38px !important;
  }
  .p2_sec_2 li:nth-child(4) .cir img{
    width: 30px !important;
  }
  .p2_sec_3{
    padding: 30px 0;
  }
  .p2_sec_3 li{
    float: none;
    margin-left: 0;
    padding: 20px 10px;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
  }
  .p2_sec_3 li p{
    line-height: 22px;
  }
  .p2_sec_3 li h2{
    font-size: 16px;
  }
  .p2_sec_4{
    padding: 30px 0 10px 0;
  }
  .p2_sec_5 ul{
    padding-top: 10px;
  }
  .p2_sec_5{
    padding: 30px  0  10px 0;
  }
  .p2_sec_5 li{
    width: calc(97% /2 );
    margin-bottom: 15px;
  }
  .p2_sec_5 li:nth-child(2N+1){
    margin-left: 0;
  }
  .xn_s1{
    padding: 5px 0 30px 0;
  }
  .xn_s1 .con .l{
    float: none;
    width: 100%;
  }
  .xn_s1 .con .r{
    padding-top: 30px;
    float: none;
    width: 100%;
  }
  .xn_s1 .con .r img{
    width: 100%;
  }
  .xn_s1 .con .r .itemBox .item h2{
    font-size: 16px;
  }
  .xn_s1 .con .r .itemBox .item p{
    font-size: 13px;
  }
  .imgCon{
    width: 100%;
    height: auto;
    border-radius: 0;
  }
  .p1_sec_2 .wrap .r .box .img2{
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  .abSec1 .wrap .ab1 .right{
    float: none;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .insec4 .proList li a .txt .view{
    margin-top: 20px;
  }
  .appliSec li{
    display: block;
  }
  .appliSec li .img{
    width: 100%;
    display: block;
  }
  .appliSec li .txt{
    display: block;
    width: 100%;
    padding: 25px 15px;
  }
  .appliSec li .txt h2{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .appliSec li .txt p{
    font-size: 13px;
    line-height: 22px;
  }
  .appliSec{
    padding: 30px 0;
  }
  .footer .wrap .l .item{
    margin-bottom: 12px;
  }
  .inNav ul li:nth-child(1){
    flex: 2;
  }
  .joinUs .title h2{
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
  }
  .joinUs .title p{
    font-size: 12px;
    line-height: 22px;
  }
  .joinUs .title{
    margin-bottom: 20px;
  }
  .joinUs ul li{
    padding: 20px 10px;
    margin-left: 0;
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    box-shadow: none;
  }
  .joinUs ul li .ht{
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: bold;
  }
  .joinUs ul li .h{
    font-size: 14px;
    font-weight: bold;
  }
  .joinUs ul li .cont{
    font-size: 13px;
    line-height: 22px;
  }
  .popCon{
    width: 95vw;
    padding: 20px 10px;
  }
  .popCon .cont{
    font-size: 13px;
  }
  .popCon .ht .t{
    font-size: 17px;
    width: calc(100% - 110px) !important;
  }
  .popCon a{
    width: 100px;
  }
  .popCon .ht .t{
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    width: 100px;
  }
  .popCon .h{
    font-size: 14px;
    font-weight: bold;
  }
  .popCon p{
    line-height: 20px;
  }
  .joinUs ul li .ht{
    display: block;
  }
  .joinUs ul li .ht .t{
    margin-bottom: 25px;
  }
}