@media screen and (max-width: 1900px) {
  .header .l .logo_txt{
    display: none;
  }
}
@media screen and (max-width: 1650px) {
  
  .wrap,.wp {
    margin-left: 5%;
    margin-right: 5%;
    width: auto;
  }
  .wrap1{
    margin-left: 10%;
    margin-right: 10%;
    width: auto;
  }
  .header .innav>ul>li {
    padding: 0 14px;
  }

  .quiet2 .r .itemBox .item,
  .quiet2 .l .itemBox .item3 {
    height: 290px;
  }

  .quiet2 .r .itemBox1 .item {
    height: 200px;
  }

  .quiet .small .item {
    height: 140px;
  }

  .tecSwiper1 {
    margin-left: 5%;
  }
  .strengbSwiper .swiper-slide{
    height: 500px;
  }
  .strengBox .l{
    padding-top: 20px;
  }
  .sMenu li{
    height: 45px;
    line-height: 45px;
    margin-bottom: 0;
  }
  .dqSec3 li a  h2{
    font-size: 24px;
  }
  .dqSec3 li a  p,.newSec li  .l  p,.newsNysec .bd,.newsNysec .r ul li p,.newsNysec .r ul li h2{
    font-size: 14px;
    line-height: 28px;
  }
  
}

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

  .header .tools {
    padding: 0 18px;
  }


  .footer .copy .r {
    display: none;
  }

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

  .header .tools {
    padding: 0 5px;
  }
  .productSec .l{
    width: 20%;
  }
  .productSec .r .head .submt .list a,.productSec .r .head .mt .count span{
    font-size: 13px;
  }
  .dqSec3 li a .txt{
    padding-top: 2%;
  }
  .contSec1 .l .item h2{
    font-size: 16px;
  }
  .contSec1 .l .item li{
    margin: 13px 0;
  }
  .contSec1 .l .t p{
    line-height: 25px;
  }
}

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

  .phheader {
    display: none;
  }
}

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

  .phheader {
    display: block;
  }

  .header_menu {
    height: 70px;
  }

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

@media screen and (max-width: 1024px) {
  .serSection5 {
    padding-bottom: 50px;
  }

  .serSection5 .wrap .r ul li {
    height: 120px;
  }
}

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

  .inNav1 .l,
  .newSwiper .tool {
    display: none;
  }

  .bgFixd {
    background-attachment: fixed !important;
  }

  .serSection5 .wrap .r {
    padding-top: 25px;
  }

  .serSection2 li .r {
    margin-left: 70px;
  }
  .serviceSec .item  .txt  .scrollBar .scroll_cont{
    overflow-y: auto;
  }
  /* .serviceSec .item  .txt  .scrollBar .scroll_cont::-webkit-scrollbar {    width: 3px;height:4px;}
  .serviceSec .item  .txt  .scrollBar .scroll_cont::-webkit-scrollbar-track {   background:#e3e3e3;   border-radius: 3px;}
  .serviceSec .item  .txt  .scrollBar .scroll_cont::-webkit-scrollbar-thumb {    border-radius: 3px;background: #1b66aa;}
  .serviceSec .item  .txt  .scrollBar .scroll_cont::-webkit-scrollbar-thumb:window-inactive {    background: #1b66aa;} */
  /* .serviceSec .item .txt .scrollBar .scroll_bar{
    display: none;
  } */
}

@media screen and (max-width: 769px) {
  .inNav1 {
    display: block;
  }

  .pcBox {
    display: none;
  }

  .wrap,.wp {
    margin-left: 3%;
    margin-right: 3%;
  }
  .wrap1 {
    margin-left: 3%;
    margin-right: 3%;
  }
  
  
  .newsNysec .wrap .r.fix{
    right: 3%;
  }
  .header_menu {
    height: 50px;
  }

  .home.banner,.nBanner {
    margin-top: 50px;
  }
  
  .banner-box {
    height: 280px;
  }

  .banner-box .banner-item .videoBox video {
    object-fit: cover
  }

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

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

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

  .homepagination .swiper-pagination-bullet {
    width: 25px;
    height: 2px;
    border-radius: 0;
    margin: 0 3px !important;
    background-color: #fff
  }

  .homepagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #1b66aa;
  }

  .homepagination {
    left: 3% !important;
    bottom: 8px !important;
    right: 3% !important;
    width: auto !important;
  }
  .bannerarr{
    display: none;
  }
  .banner-box .banner-item .bannerTxt h2 img {
    display: none;
  }

  .banner-box .banner-item .bannerTxt h2 {
    text-align: left;
  }

  .banner-box .banner-item .bannerTxt h3 {
    font-size: 20px;
    margin: 0 0 8px 0;
    text-align: left;
  }

  .banner-box .banner-item .bannerTxt h3::after {
    width: 40px;
    height: 1px;
    display: none;
  }

  .banner-box .banner-item .bannerTxt {
    width: 200px;
  }

  .banner-box .banner-item .bannerTxt p {
    font-size: 12px;
    display: none;
  }

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

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

  .homeSec1 .title {
    padding-top: 30px;
  }

  .homeSec1 .title h2 {
    font-size: 16px;
    padding: 0 10%;
  }

  .homeSec4 {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .homeSec4 .title .l h3 {
    display: none;
  }

  .homeSec4 .title .l h2 {
    font-size: 16px;
  }

  .homeSec4 .title .l {
    float: none;
    text-align: center;
  }

  .homeSec4 .t {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
  }

  .homeSec4 .title .r {
    float: none;
    padding-top: 20px;
    text-align: center;
  }

  .homeSec4 .title .r a {
    margin: 0 5px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
  }

  .homeSec4 .title {
    padding-bottom: 30px;
  }

  .newSwiper .newImg {
    height: 120px;
  }

  .newSwiper .txt {
    padding: 15px 5px;
  }

  .newSwiper .txt h2 {
    font-size: 15px;
    min-height: 38px;
    margin: 8px 0 8px 0;
  }

  .newSwiper .txt p {
    font-size: 12px;
    line-height: 20px;
    min-height: 30px;
    color: #999;
  }

  .newSwiper {
    padding-bottom: 40px;
  }

  .newSwiper .tool {
    left: 0;
    right: 0;
  }

  .newSwiperPagination {
    width: 80%;
  }

  .footer .footCon .l {
    display: none;
  }

  .footer {
    padding-top: 10px;
  }

  .footer .footCon .r {
    float: none;
  }

  .footer .footCon .r h2 {
    text-align: center;
  }

  .footer .footCon .r .ewm .item {
    float: left;
    margin-left: 0;
    margin-right: 5px;
  }

  .footer .footCon {
    padding-bottom: 10px;
  }

  .footer .copy {
    font-size: 12px;
    padding: 5px 0;
  }

  .footer .footCon .r .ewm .item .img {
    width: 78px;
    height: 78px;
  }
  .footer .footCon .r .ewm{
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
  }

  .inBanner {
    height: 210px;
    margin-top: 50px;
  }

  .banCon h2 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
  }

  .banCon h3 {
    font-size: 14px;
  }

  .bannerArr {
    display: none;
    width: 40px;
    height: 40px;
    background-size: 20px;
  }

  .banCon {
    top: 40%;
  }

  .inNav {
    background: #ea5413;
    height: 40px;
    bottom: 0;
  }

  .inNav .wrap {
    overflow-x: auto;
    white-space: nowrap;
  }

  .inNav .r {
    display: none;
  }

  .inNav .l {
    float: none;
    width: 100%;
    margin-top: 0;
    height: 40px;
  }

  .inNav .l a {
    font-size: 14px;
    line-height: 40px;
    padding: 0 10px;
  }

  .abSec1 {
    padding: 30px 0;
  }

  .ntitle1 h2 {
    font-size: 20px;
  }

  .ntitle h2 .since {
    display: none;
    font-size: 24px;
    vertical-align: -3px;
  }

  .ntitle h2::after {
    height: 6px;
    width: 60px;
    bottom: 1px;
  }

  .ntitle h3 {
    font-size: 14px;
  }

  .abSec1 .intro .p .l {
    float: none;
    width: 100%;
  }

  .abSec1 .intro p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 8px;
  }

  .abSec1 .intro .p {
    margin-top: 20px;
    padding-bottom: 0;
  }

  .abSec1 .intro .r {
    float: none;
    width: 100%;
  }

  .abSec1 .intro .r .item h3 {
    font-size: 25px;
  }

  .abSec1 .intro .r .item h3 span {
    font-size: 25px;
  }

  .abSec1 .intro .r .item {
    padding-top: 20px;
    width: 25%;
  }

  .introCont {
    padding-top: 0;
  }

  .introCont .l {
    padding-top: 20px;
    width: 100%;
    float: none;
    height: 260px;
  }

  .introCont .l .item p {
    font-size: 13px;
  }

  .introCont .l .item img {
    width: 40px;
  }

  .introCont .l .item {
    height: 108px;
  }

  .introCont .r {
    float: none;
    width: 100%;
    height: 180px;
  }

  .abSec2 li {
    text-align: center;
    float: none;
    width: 100%;
    height: 160px;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  }

  .abSec2 {
    height: auto;
  }

  .abSec2 li>div {
    padding-top: 50px;
  }

  .abSec2 li>div h2 {
    font-size: 18px;
  }

  .abSec2 li>div p {
    font-size: 13px;
  }

  .ntitle h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .abSec3 {
    padding: 40px 0 40px 0;
  }

  .hisSwiper .item {
    padding: 8px 10px 15px 10px;
    height: 120px;
  }

  .hisSwiper .item h2 {
    font-size: 25px;
    margin-bottom: 10px;
  }

  .hisSwiper .item p {
    font-size: 13px;
    line-height: 20px;
  }

  .hisSwiper .item::before {
    bottom: -40px;
  }

  .hisSwiper .item::after {
    bottom: -37px;
  }

  .abSec4 {
    padding: 40px 0 20px 0;
  }

  .honorUl {
    margin-top: 35px;
  }

  .honorUl li:nth-child(4n + 1) {
    margin-left: 4%;
  }

  .honorUl li:nth-child(2n + 1) {
    margin-left: 0;
  }

  .honorUl li {
    height: 150px;
    width: 48%;
    margin-bottom: 30px;
  }

  .honorUl li .img img {
    max-width: 85%;
  }

  .honorUl li .img {
    flex-shrink: 0;
  }

  .honPop .close {
    width: 40px;
    height: 40px;
    background-size: 30px;
  }

  .honPop .container img {
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .honPop .container {
    width: 100%;
  }

  .honPop .img {
    display: block !important;
  }

  .honPop .container .prev {
    background-size: 20px !important;
  }

  .honPop .container .next {
    background-size: 20px !important;
  }

  .abSec5 {
    padding: 30px 0;
    background: #ea5413;
  }

  .abSec5 .wrap .l {
    padding-top: 0;
    float: none;
    width: 100%;
  }

  .abSec5 .facBtn {
    padding-top: 30px;
  }

  .facprev,
  .facnext {
    width: 35px;
    height: 35px;
    background-size: 20px;
  }

  .abSec5 .wrap .r {
    margin-left: 0;
    padding-top: 30px;
  }

  .abSec5 .item {
    height: 150px;
  }

  .facnext {
    margin-left: 15px;
  }

  .newsList {
    padding: 30px 0;
  }

  .newsList li {
    margin-bottom: 30px;
  }

  .newsList li a .l {
    display: none;
  }

  .newsList li a .r {
    margin-left: 0;
    padding: 0;
  }

  .newsList li a .r .img {
    float: none;
    width: 100%;
    height: 180px;
  }

  .newsList li a .r .intro {
    float: none;
    width: 100%;
    margin-right: 0;
    padding: 22px 13px;
  }

  .newsList li a .r h2 {
    font-size: 16px;
  }

  .newsList li a {
    height: auto;
    background-color: #fff;
  }

  .newsList li a .r .desc {
    font-size: 13px;
    line-height: 20px;
    color: #999;
  }

  .newsList li a .r .iconBox {
    margin: 10px 0;
  }

  .newsList li a .r .iconBox .dateBox {
    display: inline-block;
  }

  .newsInner {
    padding: 30px 0;
  }

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

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

  .newsInner .wrap .l .top h2 {
    font-size: 16px;
  }

  .newsInner .wrap .l .spanBox {
    padding: 10px 0 20px 0;
  }

  .newsInner .wrap .l .contain {
    padding: 30px 0;
  }

  .newsInner .wrap .l .contain {
    font-size: 13px;
    line-height: 23px;
  }

  .newsInner .wrap .l .pageBtns .prev {
    width: 100px;
  }

  .newsInner .wrap .l .pageBtns .next {
    width: 100px;
  }

  .newsInner .wrap .l .pageBtns .back {
    width: 120px;
    margin-left: -60px;
    font-size: 13px;
  }

  .newsInner .wrap .l .pageBtns .title {
    display: none;
  }

  .contactS1 {
    padding: 20px 0 30px 0;
  }

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

  .mapPop .close {
    width: 40px;
    height: 40px;
    background-size: 30px;
  }

  .mapBox {
    width: 90%;
    height: 75%;
  }

  .contactS1 .l .top .ntitle {
    float: none;
  }

  .contactS1 .l .top .viewMap {
    float: none;
    margin-top: 25px;
    padding-left: 20px;
    width: 120px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
  }

  .contactS1 .l .top {
    padding-bottom: 30px;
  }

  .contactS1 .l .top .viewMap span {
    right: 15px;
    background-size: 15px;
  }

  .contactS1 .l .top .viewMap:hover span {
    background: url(../images/carr2.png);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    right: 8px;
  }

  .contactS1 .l .list .item {
    float: none;
    width: 100%;
    padding: 15px 15px 8px 15px;
  }

  .contactS1 .l .list .item p {
    line-height: 22px;
    font-size: 13px;
  }

  .contactS1 .l .list .item h2 {
    font-size: 16px;
    padding-left: 28px;
  }

  .contactS1 .l .list .item h2::before {
    width: 20px;
    height: 20px;
  }

  .contactS1 .l .list .item1 h2::before {
    background-size: 20px;
    top: 3px;
  }

  .contactS1 .l .list .item2 h2::before {
    background-size: 20px;
    top: 0px;
  }

  .contactS1 .l .list .item3 h2::before {
    background-size: 18px;
    top: 0px;
  }

  .contactS1 .l .list .item4 h2::before {
    background-size: 18px;
    top: 0px;
  }

  .contactS1 .l .list {
    padding-top: 15px;
  }

  .contactS1 .r {
    float: none;
    padding-top: 25px;
    width: 100%;
  }

  .contactS1 .r .input {
    margin-bottom: 15px;
  }

  .contactS1 .r .input {
    height: 35px;
  }

  .contactS1 .r .input input {
    width: calc(100% - 10px);
    height: 35px;
    margin-left: 5px;
  }

  .contactS1 .r .textarea {
    padding: 5px;
    height: 100px;
    margin-bottom: 20px;
  }

  .contactS1 .btnBox button {
    width: 120px;
    height: 35px;
    line-height: 35px;
    margin: 0 5px;
  }

  .talentS1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .title1 h2 {
    font-size: 17px;
    margin-bottom: 12px;
  }

  .title1 p {
    font-size: 13px;
    line-height: 20px;
  }

  .talentS1 .container {
    margin-top: 30px;
  }

  .talentS1 li.li1 .item {
    padding: 15px;
    height: 120px;
  }

  .talentS1 li.li1 .item span {
    font-size: 13px;
    font-style: normal;
  }

  .talentS1 li.li2 .item {
    padding: 15px;
    height: 120px;
  }

  .talentS1 li.li2 .item span {
    font-size: 13px;
    font-style: normal;
  }

  .talentBox {
    margin-top: 20px;
  }

  .talentBox .l .item1 {
    float: none;
    width: 100%;
    height: auto;
    padding: 30px 15px;
  }

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

  .talentBox .l h2 {
    font-size: 17px;
    padding-left: 12px;
  }

  .talentBox .l h2::before {
    width: 2px;
    height: 18px;
    top: 4px;
  }

  .talentBox .l p {
    font-size: 13px;
    line-height: 22px;
  }

  .talentBox .l .item3 {
    float: none;
    width: 100%;
    height: 180px;
  }

  .talentBox .l .item4 {
    float: none;
    height: auto;
    width: 100%;
    padding: 30px 15px;
  }

  .talentBox .r {
    float: none;
    width: 100%;
    height: 190px;
  }

  .talentBox .r .txt {
    padding: 30px 15px;
  }

  .talentBox .r h2 {
    padding-left: 12px;
    font-size: 17px;
  }

  .talentBox .r h2::before {
    width: 2px;
    height: 18px;
    top: 3px;
  }

  .talentBox .r p {
    font-size: 13px;
    line-height: 22px;
  }

  .talentS2 {
    padding-bottom: 30px;
  }

  .joinUs {
    padding: 30px 0;
  }

  .joinUs h2 {
    font-size: 17px;
    margin-bottom: 18px;
  }

  .joinUs p {
    font-size: 13px;
    line-height: 22px;
    max-width: 100%;
    margin-bottom: 15px;
  }

  .joinUs a {
    width: 120px;
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
  }

  .joinUs a span {
    width: 20px;
    height: 20px;
    background-size: 15px;
    right: 15px;
  }

  .joinUs a:hover span {
    width: 20px;
    height: 20px;
    background-size: 15px;
    right: 20px;
  }

  .jobSec {
    padding: 30px 0;
  }

  .jobSec .jobTit {
    font-size: 17px;
    margin-bottom: 20px;
  }

  .jobSec .tc {
    display: none;
    text-align: center;
  }

  .jobSec .tc .item {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
    font-size: 13px;
  }

  .jobSec .tc .item i {
    width: 18px;
    height: 18px;
  }

  .jobSec .tc .item i.icon1 {
    background-size: 18px !important;
  }

  .jobSec .tc .item i.icon2 {
    background-size: 18px !important;
  }

  .jobSec .tc .item i.icon3 {
    background-size: 18px !important;
  }

  .jobBox .jobT {
    height: 35px;
    padding-left: 12px;
    border-radius: 3px;
  }

  .jobBox .jobT .item {
    line-height: 35px;
    font-size: 14px;
  }

  .jobBox .jobT .item.item1 {
    width: 30%;
  }

  .jobBox .jobT .item.item2 {
    width: 35%;
  }

  .jobBox .jobT .item.item3 {
    width: 35%;
  }

  .jobBox .jobT .item.item4 {
    width: 25%;
    padding-right: 15px;
    display: none;
  }

  .jobList li .normal {
    height: 35px;
    padding-left: 12px;
  }

  .jobList li .normal .item {
    line-height: 35px;
    font-size: 13px;
  }

  .jobList li .normal .item1 {
    width: 30% !important;
  }

  .jobList li .normal .item2 {
    width: 35% !important;
  }

  .jobList li .normal .item3 {
    width: 35% !important;
  }

  .jobList li .normal .item4 {
    width: 25% !important;
    display: none;
  }

  .jobList li .normal .arr {
    display: none;
  }

  .jobList li .normal {
    border-radius: 3px;
  }

  .jobList li .jobCon {
    padding: 20px 15px;
  }

  .jobList li .jobCon .l {
    float: none;
    width: 100%;
    border-right: none;
  }

  .jobList li .jobCon .l .dl {
    font-size: 13px;
    margin-bottom: 8px;
  }

  .jobList li .jobCon .r {
    margin-left: 0;
    margin-top: 15px;
  }

  .jobList li .jobCon .r h2 {
    margin-bottom: 8px;
    font-size: 15px;
  }

  .jobList li .jobCon .r p {
    font-size: 13px;
  }

  .jobList li .jobCon .r a {
    margin-top: 20px;
    width: 110px;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
  }

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

  .serS1 ul {
    margin-top: 30px;
  }

  .serS1 ul li {
    height: 120px;
    padding: 0px 2% 20px 2%;
  }

  .serS1 ul li .img img {
    width: 35px;
  }

  .serS1 ul li .p {
    font-size: 13px;
  }

  .serS1 ul li .txt {
    font-size: 18px;
  }

  .serS1 ul li::after {
    height: 55px;
  }

  .serS2 {
    padding: 30px 0 30px 0;
  }

  .serS2 ul {
    margin-top: 30px;
  }

  .serS2 li {
    width: 48%;
    margin-bottom: 15px;
  }

  .serS2 li:nth-child(3) {
    margin-left: 0;
  }

  .serS2 li .txt {
    font-size: 14px;
    left: 15px;
    bottom: 15px;
  }

  .serS2 li .icon img {
    width: 30px;
  }

  .serS2 li .icon {
    top: 15px;
    right: 15px;
  }

  .serS3 .wrap .l {
    display: none;
  }

  .serS3 .wrap .r h2 {
    font-size: 17px;
    margin-bottom: 12px;
  }

  .serS3 .wrap .r p {
    font-size: 13px;
    line-height: 20px;
  }

  .serS3 .wrap .r h3 {
    margin-top: 20px;
    font-size: 15px;
    margin-bottom: 0;
  }

  .serS4 {
    padding: 10px 0 30px 0;
  }

  .serS4 ul li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }

  .serS4 ul li .txt h2 {
    font-size: 18px;
  }

  .serS4 ul li .bg {
    height: 300px;
  }

  .serS4 ul li .active {
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    padding: 25px 15px;
  }

  .serS4 ul li .active h2 {
    font-size: 18px;
  }

  .serS4 ul li .active .line {
    margin-bottom: 18px;
  }

  .serS4 ul li .txt {
    left: 20px;
    bottom: 30px;
  }

  .serS4 ul li .active p {
    font-size: 13px;
    line-height: 22px;
  }

  .yfS1 {
    padding: 30px 0;
  }

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

  .yfS1 .wrap .r {
    padding-top: 10px;
    width: 100%;
    float: none;
  }

  .yfS1 .wrap .r h3 {
    font-size: 14px;
  }

  .yfS1 .wrap .r h3::before {
    width: 30px;
    height: 1px;
    right: -40px;
  }

  .yfS1 .wrap .r h2 {
    margin-top: 3px;
    font-size: 17px;
    margin-bottom: 15px;
  }

  .yfS1 .wrap .r h4 {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .yfS1 .wrap .r ul li {
    width: 50%;
    padding-right: 0;
    min-height: 82px;
  }

  .yfS1 .wrap .r ul li:nth-child(2n + 1) {
    padding-right: 5%;
  }

  .yfS1 .wrap .r ul li .t {
    font-size: 14px;
  }

  .yfS1 .wrap .r ul li p {
    font-size: 13px;
    line-height: 20px;
  }

  .yfS3 {
    padding: 30px 0;
  }

  .yfS3 .wrap {
    padding: 0;
  }

  .yfS3 ul {
    padding-top: 25px;
  }

  .yfS3 ul li {
    width: 50%;
    margin-bottom: 12px;
  }

  .yfS3 ul li h2 {
    font-size: 25px;
  }

  .yfS3 ul li h2 .sup {
    font-size: 13px;
  }

  .yfS3 ul li p {
    font-size: 13px;
  }

  .yfS3 ul li::after {
    height: 35px;
  }

  .yfS3 ul li:nth-child(2):after {
    display: none;
  }

  .yfList {
    margin-top: 20px;
    padding: 30px 20px 25px 20px;
  }

  .yfList .item {
    font-size: 13px;
    line-height: 24px;
    padding-left: 15px;
  }

  .yfList .item::before {
    border-top: 4px solid transparent;
    border-left: 8px solid #333;
    border-bottom: 4px solid transparent;
  }

  .yfS2 {
    padding: 30px 0;
  }

  .yfS2 .wrap {
    padding: 30px 10px;
  }

  .yfS2 .quiet {
    padding-top: 15px;
  }

  .yfS2 .quiet .l {
    float: none;
    width: 100%;
  }

  .quiet .p {
    font-size: 13px;
    line-height: 22px;
  }

  .quiet .small {
    margin-top: 15px;
  }

  .yfS2 .quiet .r {
    margin-top: 10px;
    float: none;
    width: 100%;
    height: 220px;
  }

  .yfS2 .quiet .r .txt {
    padding: 15px 15px;
    font-size: 14px;
  }

  .quiet .small .txt {
    padding: 8px 5px;
    font-size: 12px;
  }

  .quiet .small .item {
    height: 80px;
  }

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

  .quiet2 {
    margin-top: 25px;
  }

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

  .quiet2 .l .itemBox .item.item1_1 {
    height: 220px;
  }

  .quiet2 .l .itemBox.itemBox1 {
    margin-top: 15px;
  }

  .quiet2 .l .itemBox .item3 {
    height: 150px;
  }

  .quiet2 .l .itemBox .item .txt {
    padding: 15px;
    font-size: 14px;
  }

  .quiet2 .l .itemBox .item3 .txt {
    font-size: 13px;
    padding: 9px 5px;
  }

  .quiet2 .r {
    float: none;
    margin-top: 20px;
    width: 100%;
  }

  .quiet2 .r .p {
    font-size: 13px;
    line-height: 22px;
  }

  .quiet2 .r .itemBox {
    margin-top: 25px;
  }

  .quiet2 .r .itemBox .item,
  .quiet2 .l .itemBox .item3 {
    height: 150px;
  }

  .quiet2 .r .itemBox .item .txt {
    font-size: 13px;
    padding: 9px 5px;
  }

  .quiet2 .r .itemBox1 {
    margin-top: 15px;
  }

  .quiet2 .r .itemBox1 .item {
    height: 120px;
  }

  .proContainer {
    padding: 30px 0 0 0;
  }

  .proContainer ul li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
  }

  .proContainer ul li .img {
    height: 180px;
  }

  .proContainer ul li .txt {
    height: auto;
    padding: 20px 0;
    font-size: 15px;
  }

  .serS3 .wrap .r a {
    margin-top: 20px;
    width: 120px;
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
  }

  .serS3 .wrap .r a span {
    width: 20px;
    height: 20px;
    background-size: 15px;
    right: 15px;
  }

  .serS3 .wrap .r {
    width: 100%;
    padding: 30px 0 35px 0;
  }

  .serS3 {
    background-position: 80% center;
  }

  .navt {
    display: none;
  }

  .leftNav {
    display: none;
  }

  .proBox {
    margin-left: 0;
    padding: 30px 0;
  }

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

  .proCon1 .imgCon {
    width: 100%;
    height: 300px;
    float: none;
  }

  .proCon1 .thumb {
    margin-top: 12px;
    width: 100%;
    float: none;
    margin-right: 0;
    height: 90px;
  }

  .proCon1 .thumb .item {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 10px;
  }

  .proCon1 .r {
    width: 100%;
    float: none;
    margin-top: 25px;
  }

  .proCon1 .r .prot {
    font-size: 17px;
    padding: 0 0 5px 0;
  }

  .proCon1 .r .desc {
    padding: 18px 0;
    font-size: 13px;
  }

  .proCon1 .r a {
    width: 120px;
    height: 35px;
    font-size: 13px;
    line-height: 35px;
    padding-left: 20px;
  }

  .proCon1 .r a span {
    width: 22px;
    height: 22px;
    background-size: 22px;
    right: 15px;
  }

  .proCon2 {
    margin-top: 35px;
  }

  .proCon2 .title span {
    font-size: 14px;
    padding: 8px 0;
    width: 120px;
  }

  .proCon2 .proBoody {
    padding: 18px 0;
  }

  .proCon2 .proBoody .proCon {
    padding: 20px 8px;
    font-size: 13px;
    line-height: 22px;
  }

  .proCon2 .title {
    margin-top: 0;
  }

  .recomBox {
    margin-top: 25px;
    padding: 0 30px;
  }

  .recomprev {
    width: 30px;
    height: 30px;
    background-size: 30px;
  }

  .recomnext {
    width: 30px;
    height: 30px;
    background-size: 30px;
  }

  .recomSwiper .swiper-slide a .imgCon {
    height: 220px;
  }

  .recomSwiper .swiper-slide .txt {
    font-size: 13px;
    padding: 15px 10px;
  }

  .ins3 li h2 {
    font-size: 30px;
    margin-bottom: 5px;
  }

  .ins3 li {
    padding: 10px 8px 30px 8px;
  }

  .ins3 {
    height: auto;
  }

  .ins3 li::after {
    display: none;
  }

  .ins3 li p {
    font-size: 12px;
  }

  a.view {
    margin-top: 30px;
  }

  .strengBox .l {
    padding-right: 0;
    float: none;
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    padding-top: 10px;
  }

  .strengBox .l .t {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .strengBox .l .p {
    font-size: 13px;
    line-height: 23px;
  }

  .strengBox {
    margin-top: 0px;
  }

  .sMenu li {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    float: left;
    width: 23%;
    padding-left: 0;
  }
  .sMenu li:nth-child(1),.sMenu li:nth-child(2){
    width: 27%;
  }
  .sMenu .sPage {
    display: none;
  }

  .sMenu li span {
    font-size: 15px;
    font-weight: bold;
  }

  .sMenu li::after {
    height: 2px !important;
    width: 0;
    transform: translateY(0);
    top: auto;
    bottom: 0;
  }

  .sMenu li.on::after {
    width: 90%;
  }

  .strengBox .r {
    padding-top: 0;
    margin-top: 15px;
    float: none;
    width: 100%;
  }

  .strengbSwiper .swiper-slide {
    height: 240px;
  }

  .strengbSwiper .swiper-slide .txt h2 {
    font-size: 17px;
  }

  .strengbSwiper .swiper-slide .txt {
    left: 15px;
    bottom: 15px;
  }
  .index_s1 li{width: 48.5%;margin-bottom: 20px;}
  .index_s1 li:nth-child(2N+1){margin-left: 0;}
  .index_s1 li .list_txt{padding: 15px 10px;}
  .index_s1 li i{width: 34px;height:34px;right:10px;margin-top: -17px;background-size:15px !important;}
  .index_s1 li .txt_l h3{font-size: 15px;}
  .index_s1 li .txt_l{width: calc(100% - 45px);}
  .index_s1{padding: 30px 0 15px 0;}
  .title1 h3{font-size: 18px;margin-bottom: 5px;}
  .title1 a{font-size: 13px;width: 75px;}
  .title1 a i{width: 14px;height:14px;top: 54%;}
  .title1{padding-bottom: 25px;}
  .index_s2{padding: 30px 0 18px 0 !important;}
  .al_l{float: none;width: 100%;height:35px;margin-bottom: 20px;}
  .al_r{margin-left: 0;width: 100%;}
  .al_r li:nth-child(2N+1){margin-left: 0;}
  .al_r li{margin-bottom: 15px;}
  .al_r li a span{right:8px;bottom: 8px;font-size: 13px;}
  .index_s2{padding: 30px 0 0 0;}
  .al_l li{float:left;height:40px;width: 33.3%;}
  .al_l li span{display: block;width: 100%;left:0;margin-left: 0;}
  .al_l li b{height:1px;width: 24px;right:50%;margin-top: 0;margin-right:-12px;top:30px !important;display: none;}
  .al_l li:last-child b{height:1px;width: 24px;right:50%;margin-top: 0;margin-right:-12px;top:28px !important;}
  .al_l li.active b{display: block;}
  ._process{margin-top: 15px;height:auto;padding: 20px 0 11px 0;}
  ._process div dl{float:left;margin:0 0 8px 2%;width: 32%;}
  ._process div dl:nth-child(3N+1){margin-left: 0;}
  ._process div dl dd p{font-size: 14px;}
  ._process div dl dd{font-size: 13px;height:auto;}
  ._process .dt_t{width: 40px;background-size:40px 42px; height:42px;}
  ._process .dt_t i{background-size:22px  !important;}
  .index_s1 li:nth-child(1) i{
    background-size: 15px !important;
  }
  .index_s1 li:nth-child(2) i{
    background-size: 18px !important;
  }
  .index_s1 li:nth-child(3) i{
    background-size: 20px !important;
  }
  .index_s1 li:nth-child(4) i{
    background-size: 22px !important;
  }
  .ins6 .htitle{
    padding-top: 0;
    padding-bottom: 20px;
  }
  .ins6 .htitle h3{
    font-size: 18px;
  }
  .ins6{
    padding: 30px 0 35px 0;
  }
  .strengBox{
    padding-bottom: 0;
  }
  .sMenu{
    padding-top: 15px;
    height: auto;
    overflow: hidden;
  }
  .homeSec4{
    padding-top: 30px;
  }
  .bmenu{
    margin-top: 0;
    height: 35px;
  }
  .bmenu .wrap ul li{
    height: 45px;
  }
  .bmenu .wrap{
    height: 45px;
    margin-left: 0;
    margin-right: 0;
  }
  .bmenu .wrap ul li span{
    margin: 0 5px;
  }
  .bmenu .wrap ul li img{
    height: 24px;
  }
  ._sort ul{
    overflow-x: auto;
    white-space: nowrap;
    height: 75px;
    overflow-y: hidden;
  }
  .index_tab li{
    width: 25%;
    float: none;
    display: inline-block;
  }
  .index_tab li img{
    height: 33px;
  }
  ._sort{
    padding: 0;
  }
  .index_tab li p{
    margin-top: 0;
  }
  .tab_box{
    top: 0;
    bottom: 0;
  }
  .index_tab li:after{
    height: 40px;
    margin-top: -20px;
  }
  .inBanner .wrap h2{
    font-size: 20px;
    line-height: 1;
  }
  .inBanner .wrap .btxt h3{
    height: 1px;
    width: 30px;
  }
  .sNav .wrap .r{
    display: none;
  }
  .sNav .wrap{
    margin-left: 0;
    margin-right: 0;
    height: 40px;
  }
  .sNav .wrap .l{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .sNav .wrap .l a{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
  }
  .dqSec1{
    padding: 35px 0 15px 0;
  }
  .dqSec1 .wrap .l{
    float: none;
    width: 100%;
  }
  .htitle{
    padding: 0 0 20px 0;
  }
  .htitle h2{
    margin-bottom: 6px;
    font-size: 13px;
  }
  .htitle h3{
    font-size: 17px;
  }
  .dqSec1 .wrap .l{
    float: none;
    width: 100%;
  }
  .dqSec1 .wrap .r{
    float: none;
    width: 100%;
    border: none;
    padding: 20px 0;
  }
  .dqSec1 .wrap .r h2{
    font-size: 16px;
    margin-bottom: 0;  
  }
  .dqSec1 .wrap .r p{
    padding-top: 13px;
    line-height: 22px;
  }
  .dqSec2 h2{
    padding-top: 0;
    font-size: 19px;
    margin-bottom: 18px;
    font-weight: bold;
  }
  .dqSec2{
    height: auto;
    padding: 30px 0;
  }
  .dqSec2 .input input{
    height: 40px;
    line-height: 40px;
  }
  .dqSec2 .input{
    width: 90%;
    height: 40px;
  }
  .dqSec2 .input button{
    width: 50px;
    height: 40px;
    background-size: 20px;
  }
  .dqSec3{
    padding: 35px 0;
  }
  .dqSec3 li a .image{
    width: 100%;
  }
  .dqSec3 li a{
    display: block;
  }
  .dqSec3 li a .txt{
    margin-left: 0;
    padding-top: 18px;
    padding: 25px 15px 30px 15px;
  }
  .dqSec3 li a h2{
    margin-bottom: 10px;
    font-size: 17px;
  }
  .dqSec3 li a p{
    font-size: 13px;
    line-height: 23px;
    color: #999;
  }
  .dqSec3 li {
    margin-bottom: 25px;
  }
  .homepagination .swiper-pagination-bullet .num,
  .homepagination .swiper-pagination-bullet .line,
  .homepagination .swiper-pagination-bullet::after{
    display: none;
  }
  .homepagination .swiper-pagination-bullet:last-child::before{
    display: none;
  }
  ._process div dl dd p.p1{
    display: none;
  }
  ._process div dl dd span{
    margin-bottom: 0;
  }
  .dszSec{
    padding: 35px 0;
    margin-bottom: 0;
  }
  .dszSec .l{
    float: none;
    width: 100%;
  }
  .dszSec .r{
    padding-top: 30px;
    width: 100%;
    float: none;
  }
  .dszSec p{
    padding-top: 15px;
    line-height: 22px;
  }
  .dszSec .r .img{
    padding-top: 20px;
  }
  .partSec{
    padding: 30px 0;
  }
  .partSec ul li:nth-child(6N+1){
    margin-left: 2%;
  }
  .partSec ul li:nth-child(3N+1){
    margin-left: 0;
  }
  .partSec ul li{
    width: 32%;
    margin-bottom: 13px;
  }
  .partSec ul li h2{
    padding: 8px 0 0 0;
  }
  .partSec ul{
    padding-top: 22px;
  }
  .title2 h2{
    font-size: 17px;
  }
  .title2 h3{
    font-size: 13px;
    margin-bottom: 10px;
  }
  .brandSec1{
    padding: 35px 0;
  }
  .brandSec1 p{
    padding-top: 10px;
    line-height: 22px;
  }
  .brandSec3{
    padding: 35px 0;
  }
  .brandSec3 p{
    padding-top: 10px;
    line-height: 22px;
  }
  .brandSec3 img{
    width: 100%;
    margin-top: 20px;
  }
  .brandSec4{
    padding: 35px 0;
  }
  .brandSec4 .p1{
    font-size: 13px;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 30px;
  }
  .productSwiper .txt{
    padding: 30px 20px;
  }
  .productSwiper .txt h2{
    padding-bottom: 15px;
    font-size: 17px;
  }
  .productPag{
    padding: 20px 0 0 0;
  }
  .culSec1{
    padding: 35px 0;
  }
  .culSec2 .item{
    display: block;
  }
  .culSec2 .item .imgBox{
    width: 100%;
  }
  .culSec2 .item .txtBox{
    width: 100%;
    padding: 20px 0 30px 0;
  }
  .culSec2 .item .txtBox .htitle{
    padding-bottom: 13px;
  }
  .culSec2 .item:nth-child(even) .txtBox{
    padding-top: 20px;
  }
  .culSec2 .item .txtBox .p{
    line-height: 24px;
    padding-left: 0;
  }
  .culSec2 .item .txtBox span{
    font-weight: bold;
    position: relative !important;
  }
  .culArr{
    padding-top: 13px;
    padding-bottom: 10px;
    justify-content: center;
  }
  .culArr_l{
    margin-right: 15px;
  }
  .culSec2{
    padding-bottom: 0;
  }
  .culSec3 .htitle{
    padding-bottom: 20px;
  }
  .culSec3 .desc{
    padding-bottom: 20px;
    line-height: 22px;
  }
  .whlist li{
    float: none;
    width: 100%;
  }
  .whlist li figcaption p{
    line-height: 24px;
    margin: 0 8%;
    font-size: 13px;
  }
  .whlist li figcaption hr{
    margin: 5px 0;
  }
  .culSec1 ul li{
    padding-top: 20px;
    height: 100px;
    float: none;
    width: 100%;
  }
  .culSec1 ul li:hover{
    padding-top: 20px;
  }
  .culSec1 ul{
    height: auto;
  }
  .culSec1 ul li .txt h2{
    font-size: 17px;
    padding-bottom: 0;
  }
  .culSec1 ul li:hover .txt h2{
    font-size: 20px;
  }
  .ywwdSec1{
    padding: 30px 0 10px 0;
  }
  .ywwdSec1 .htitle p{
    padding-top: 20px;
    line-height: 22px;
  }
  .ywwdSec1 ul li .imgBox{
    float: none;
    width: 100%;
  }
  .ywwdSec1 ul li .txtBox{
    float: none;
    width: 100%;
    padding: 25px 10px;
  }
  .ywwdSec1 ul li .txtBox h2{
    font-size: 18px;
  }
  .ywwdSec1 ul li .txtBox .p{
    margin: 15px 0 15px 0;
  }
  .ywwdSec1 ul li .txtBox p{
    line-height: 22px;
  }
  .ywwdSec1 ul li .txtBox .txt1{
    margin-left: 0;
    margin-top: 10px;
  }
  .ywwdSec1 ul li{
    margin-bottom: 25px;
  }
  .ywwdSec1 ul li .txtBox .box1 .span1{
    font-size: 15px;
  }
  .process > div{
    display:inline-block;
    margin-bottom: 10px;
  }
  .ywwdSec1 ul li .txtBox .arr img{
    vertical-align: 20px;
  }
  .honorSec1{
    padding: 35px 0;
  }
  .honorSec1 .t .menu a{
    padding: 5px 15px;
    margin-left: 0;
  }
  .honorSec1 .t{
    padding-bottom: 30px;
  }
  .honorScrollbar{
    margin-top: 20px;
    width: 70% !important;
  }
  .honorBox .image{
    height: 150px;
  }
  .honorSwiper{
    height: 420px;
  }
  .honorSec2{
    padding: 0px 0 15px 0;
  }
  .honorSec2 li .t{
    padding: 0 15px;
  }
  .honorSec2 li .content{
    padding: 10px 10px;
  }
  .honorSec2 li .content p{
    line-height: 22px;
    width: 50%;
    padding:  0;
    margin-bottom: 10px;
  }
  .hisSec{
    padding: 35px 0 0 0;
  }
  .hisContent .item .l{
    float: none;
    width: 100%;
    padding-top: 8px;
  }
  .hisContent .item .r{
    float: none;
    width: 100%;
  }
  .hisContent .htitle{
    position: relative;
  }
  .hisContent .item .l .t{
    font-size: 20px;
    padding-bottom: 10px;
  }
  .hisContent .item .l .t span{
    font-size: 14px;
    vertical-align: 1px;
  }
  .hisContent .item .l p{
    line-height: 22px;
  }
  .hisContent .item .r{
    padding-top: 20px;
  }
  .hisSwiper{
    margin-top: 30px;
  }
  .hisBox{
    padding-bottom: 55px;
  }
  .hisSwiper .swiper-slide{
    padding-bottom: 20px;
  }
  .his_l,.his_r{
    width: 35px;
    height: 35px;
    background-size: 35px;
    top: 15px;
  }
  .hisSwiper .swiper-slide h2{
    font-size: 15px;
  }
  .hisSwiper .swiper-slide::after{
    top: 29px;
    width: 8px;
    height: 8px;
  }
  .hisSwiper .swiper-slide::before{
    top: 27px;
    width: 12px;
    height:12px
  }
  .hisBox::after{
    top: 33px;
  }
  .newSec{
    padding: 35px 0;
  }
  .pageNation{
    padding-top: 0;
  }
  .newSec li{
    padding: 25px 15px;
    margin-bottom: 20px;
  }
  .newSec li .l h2{
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
  }
  .newSec li .l{
    width: 100%;
  }
  .newSec li  a{
    display: block;
  }
  .newSec  ul{
    margin-bottom: 30px;
  }
  .videoSec{
    padding: 35px 0;
  }
  .tm{
    display: block;
  }
  .tm .menu{
    padding-top: 18px;
    display: block;
    white-space: nowrap;
    overflow-x: auto;
  }
  .tm .menu a{
    display: inline-block;
    margin-left: 0;
    margin-right: 3px;
    border-radius: 4px;
    font-size: 13px;
    padding: 4px 15px;
  }
  .videoSec ul{
    padding-top: 25px;
  }
  .newsPage{
    padding: 25px 0 0 0;
  }
  .videoSec li{
    margin-right: 2%;
    width: 49%;
    margin-bottom: 2.5%;
  }
  .videoSec li:first-child{
    width: 49%;
    margin-right: 2%;
  }
  .videoSec li:nth-child(4){
    margin-right: 0;
  }
  .videoSec li:nth-child(5N+7){
    margin-right: 2%;
  }
  .videoSec li:nth-child(2N){
    margin-right: 0 !important;
  }
  .newsNysec{
    padding: 35px 0;
  }
  .newsNysec .wrap > .r{
    display: none;
  }
  .newsNysec .wrap > .l{
    float: none;
    width: 100%;
  }
  .newsNysec .nt h2{
    font-size: 16px;
    padding-bottom: 14px;
  }
  .newsNysec .nt{
    padding: 0 0 18px 0;
  }
  .newsNysec .bd{
    line-height: 22px;
    padding: 30px 0;
  }
  .pian .back1{
    top: 20%;
    transform: translateY(0);
    margin-left: -55px;
    width: 110px;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
  }
  .pian p{
    display: none;
  }
  .pian .l{
    width: calc((100% - 120px)/2);
    float: left;
  }
  .pian{
    padding: 18px 0 10px  0;
  }
  .productSec{
    padding: 15px 0 30px 0;
  }
  .productSec .r .probd li{
    margin-top: 15px;
    margin-left: 2%;
    width: 49%;
  }
  .productSec .r{
    width: 100%;
  }
  .productSec .r .probd li:nth-child(3N+1){
    margin-left: 2%;
  }
  .productSec .r .probd li:nth-child(2N+1){
    margin-left: 0;
  }
  .productSec .r .probd li h2{
    font-size: 16px;
    margin-top: 20px;
  }
  .productSec .r .probd li h3{
    font-size: 13px;
  }
  .productSec .r .probd li .hb span.span2{
    margin-left: 0;
  }
  .productSec .r .probd li .hb{
    font-size: 13px;
    padding: 0;
    background: none;
    margin-top: 13px;
  }
  .productSec .r .probd li .hb span.span1{
    width: auto;
    display: block;
  }
  .productSec .r .probd li .gg .span1{
    display: block;
    font-size: 13px;
    width: auto;
    text-align: left;
  }
  .productSec .r .probd li .gg{
    padding: 0;
  }
  .productSec .r .probd li .gg span.span2{
    margin-left: 0;
  }
  .fcSec2{
    height: auto;
    padding:40px 0;
  }
  .fcSec2 h2{
    font-size: 18px;
  }
  .fcSec2 p{
    width: 100%;
    line-height: 22px;
    font-size: 13px;
    padding-top: 25px;
  }
  .fcSec2 span{
    margin-top: 15px;
    width: 60px;
    height: 2px;
  }
  .fcSec3{
    padding: 35px 0;
  }
  .fcSwiper .title{
    font-size: 16px;
    padding-left: 25px;
    margin-bottom: 15px;
  }
  .fcSwiper .p{
    font-size: 13px;
    line-height: 22px;
  }
  .fcPag{
    padding-top: 13px;
  }
  .fcSec4{
    padding: 35px 0 28px 0;
  }
  .fcSec4 li{
    float: none;
    margin-left: 0;
    width: 100%;
    margin-bottom: 10px;
    height: 90px;
  }
  .fcSec4 li >div{
    display: flex;
    align-items: center;
    padding: 15px 0;
    margin: 0 20px 0 20px;
  }
  .fcSec4 li >div p{
    line-height: 22px;
    padding-left: 50px;
  }
  .fcSec4 li >div img{
    top: 28px;
  }
  .fcSec5{
    padding: 35px 0 45px 0;
  }
  .fcSwiper1{
    margin: 0 0 10px 0;
  }
  .fcSec7 .desc{
    font-size: 14px;
    line-height: 22px;
    margin: 0;
  }
  .fcSec4 ul{
    padding-top: 0;
  }
  .proUl{
    padding: 20px 0 35px 0;
  }
  .fcSec7{
    padding-bottom: 0;
  }
  .proUl li{
    float: none;
    width: 100%;
    margin-left: 0;
    height: 170px;
    margin-bottom: 10px;
  }
  .proUl li.on{
    width: 100%;
  }
  .proUl li.on .active .txt h2{
    font-size: 16px;
    margin-bottom: 0;
  }
  .proUl li .normal .txt h2{
    font-size: 18px;
  }
  .proUl li .normal .txt{
    writing-mode: inherit;
    top: 45%;
    transform: translateY(-50%);
    transform: translateX(0);
    left: 0;
    right: 0;
    text-align: center;
    bottom: auto;
  }
  .proUl li.on .active .txt{
    display: none;
  }
  .proUl li.on .normal{
    display: block;
  }
  .fcSec1 .conBox .l{
    float: none;
    width: 100%;
  }
  .fcSec1 .conBox .l p{
    line-height: 22px;
  }
  .fcSec1 .conBox .r{
    float: none;
    width: 100%;
    padding-top: 20px;
  }
  .fcSec1 .conBox .r .t{
    font-size: 14px;
  }
  .fcSec1 .conBox .l::after{
    display: none;
  }
  .fcSec1{
    padding-bottom: 35px;
  }
  .fcSwiper2 h2{
    font-size: 20px;
    margin: 25px 0 15px 0;
  }
  .fcSwiper2 .swiper-slide{
    min-height: 50px;
  }
  .fcarr .fc_l{
    margin-left: 0;
    margin-right: 0;
  }
  .fcarr2{
    padding-top: 20px;
  }
  .contSec1{
    padding: 35px 0;
  }
  .contSec1 .l{
    float: none;
    width: 100%;
    height: auto;
  }
  .contSec1 .l .t p{
    line-height: 22px;
  }
  .contSec1 .l .item li img{
    width: 17px;
    margin-right: 6px;
  }
  .contSec1 .l .item.item1{
    margin-top: 25px;
    padding-bottom: 22px;
  }
  .contSec1 .l .item .ewm{
    width: 78px;
    text-align: center;
    text-outline: -10px 0 #000;
  }
  .contSec1 .l .item .ewm img{
    width: 60px;

  }
  .contSec1 .l .item{
    padding-bottom: 10px;
  }
  .contSec1 .l .item h2{
    font-size: 16px;
  }
  .contSec1 .l .item li{
    margin: 10px 0;
  }
  .contSec1 .l .item{
    margin-top: 14px;
  }
  .contSec1 .r{
    height: 180px;
    float: none;
    width: 100%;
  }
  .contSec2 .title h2{
    font-size: 18px;
  }
  .contSec2{
    padding-bottom: 25px;
  }
  .rcSec{
    padding: 35px 0;
  }
  .hrBox .l{
    width: 100%;
    float: none;
  }
  .hrBox .l .tit{
    font-size: 18px;
    margin-bottom: 12px;
  }
  .hrBox .l{
    padding: 30px 20px 5px 20px;
  }
  .hrBox .l p{
    font-size: 14px;
    line-height: 22px;
  }
  .hrBox .l .item{
    margin-bottom: 21px;
  }
  .hrBox .r{
    padding-top: 20px;
    float: none;
    margin-left: 0;
    width: 100%;
  }
  .hrBox .r .jobT .item,.hrBox .r .jobH .item{
    height: 45px;
  }
  .hrBox .r .jobH .item:nth-child(1),.hrBox .r .jobT .item:nth-child(1){
    width: 30%;
  }
  .hrBox .r .jobH .item:nth-child(2),.hrBox .r .jobT .item:nth-child(2){
    width: 30%;
  }
  .hrBox .r .jobH .item:nth-child(3),.hrBox .r .jobT .item:nth-child(3){
    width: 22%;
  }
  .hrBox .r .jobH .item:nth-child(4),.hrBox .r .jobT .item:nth-child(4){
    width: 18%;
    justify-content: flex-end;
  }
  .hrBox .r .jobT,.hrBox .r .jobH{
    padding: 0 2%;
  }
  .hrBox .r li .cont{
    padding: 0 2%;
  }
  .hrBox .r li .cont h2{
    padding-top: 20px;
    font-size: 16px;
  }
  .hrBox .r li .cont p{
    line-height: 22px;
    font-size: 14px;
  }
  .hrBox .r li .cont .emailCon{
    margin-top: 10px;
  }
  .hrBox .r li .cont .emailCon span{
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-left: 0;
    margin-bottom: 15px;
  }
  .hrBox .r .into{
    padding-top: 20px;
  }
  .hrBox .r .into p{
    font-size: 14px;
    line-height: 22px;
  }
  .hrBox .r .into li{
    font-size: 14px;
  }
  .serviceSec .item{
    display: block;
  }
  .serviceSec .item .image{
    width: 100%;
  }
  .serviceSec .item .txt{
    width: 100%;
  }
  .serviceSec .item .txt h2{
    font-size: 17px;
  }
  .serviceSec .item .txt span{
    line-height: 22px;
  }
  .serviceSec .item .txt .p p{
    line-height: 22px;
  }
  .serviceSec .item .txt .p{
    height: 250px;
    margin-top: 10px;
  }
  .serviceSec .item .txt{
    padding: 25px 15px;
  }
  .serviceSec{
    padding: 30px 0 35px 0;
  }
  .tecHonSec1 ul li{
    width: 49%;
  }
  .tecHonSec1 ul li:nth-child(5N+1){
    margin-left: 2%;
  }
  .tecHonSec1 ul li:nth-child(2N+1){
    margin-left: 0;
  }
  .tecHonSec1 ul li .image{
    height: 260px;
  }
  .tecHonSec1 ul li .image img{
    max-height: 100%;
  }
  .tecHonSec1 ul li .text{
    padding: 10px 0 15px 0;
    height: auto;
  }
  .tecHonSec1{
    padding: 30px 0 30px 0;
  }
  .tecHonSec1 ul{
    padding-top: 0;
  }
  .yfSec .wrap .r{
    padding-top: 10px;
  }
  .yfSec .wrap .r h2{
    font-size: 17px;
  }
  .yfdSec{
    padding: 35px 0 15px 0;
  }
  .yfdSec .whlist li > div h4{
    font-size: 18px;
  }
  .yfdSec .whlist li figcaption div h3{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .yfdSec .whlist li figcaption div p{
    margin: 0 5%;
    line-height: 23px;
  }
  .yfdSec .whlist li{
    margin-bottom: 20px;
  }
  .resSec .bg h2{
    font-size: 18px;
    padding-bottom: 15px;
  }
  .resSec .bg p{
    line-height: 22px;
  }
  .resSec .bg{
    height: 370px;
  }
  .resSec .list .title .item{
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    text-align: center;
  }
  .resSec .list.list1 .title .item:nth-child(1){
    width: 160px;
  }
  .resSec .list.list1 .title .item:nth-child(2){
    width: 250px;
  }
  .resSec .list.list1 .title .item:nth-child(3){
    width: 120px;
  }
  .resSec .list.list1 .title .item:nth-child(4){
    width: 120px;
  }
  .resSec .list .title{
    height: 45px;
  }
  .resSec .list.list1 .title .item:nth-child(4){
    width: 28%;
  }
  .resSec .bg{
    padding: 35px 0;
  }
  .resSec .scroll{
    margin-left: 3%;
    position: relative;
    z-index: 3;
    margin-right: 0;
    overflow-x: auto;
    white-space: nowrap;
    margin-top: -180px;
    background-color: #f5f5f5;
  }
  .resSec .scroll .wrap{
    margin-left: 0;
  }
  .resSec .list.list1 li .item:nth-child(1){
    width: 160px;
  }
  .resSec .list.list1 li .item:nth-child(2){
    width: 250px;
  }
  .resSec .list.list1 li .item:nth-child(3){
    width: 120px;
  }
  .resSec .list.list1 li .item:nth-child(4){
    width: 120px;
  }
  .resSec .list .title{
    display: inline-block;
  }
  .resSec .list .title .item{
    display: inline-block;
  }
  .resSec .list.list1 li{
    display: block;
  }
  .resSec .list.list1 li .item{
    display: inline-block;
    text-align: center;
  }
  .resSec .list{
    margin-top: 0;
  }
  .resSec .scroll table thead td{
    font-size: 16px;
  }
  .resSec{
    padding-bottom: 30px;
  }
  .resSec .view{
    height: 38px;
    line-height: 38px;
    margin-top: 20px;
    width: 110px;
  }
  .joinSec1{
    padding: 35px 0 30px 0;
  }
  .joinSec1 .txt p{
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 24px;
  }
  .joinSec1 .txt{
    width: 100%;
  }
  .joinSec2{
    padding: 35px 0 0 0;
  }
  .joinSec2 .box1 .l img{
    width: 160px;
  }
  .joinSec2 .box1 .r h2{
    font-size: 16px;
    margin-bottom: 5px;
  }
  .joinSec2 .box1 .r{
    margin-left: 10px;
    text-align: center;
  }
  .joinSec2 .box1{
    display: block;
  }
  .joinSec2 .box1 .l{
    justify-content: center;
  }
  .joint1{
    margin: 30px 0 25px 0;
    font-size: 15px;
    padding: 8px 10px;
  }
  .joinSec2 .box1{
    margin-bottom: 25px;
  }
  .joinSec3 .item .t{
    font-size: 15px;
  }
  .joinSec3 .item .t span.fag{
    margin-left: 5px;
    font-size: 14px;
    display: block;
    margin-left: 26px;
  }
  .joinSec3 .item .t{
    display: block;
    margin-bottom: 11px;
  }
  .joinSec3 .item .t img{
    height: 22px;
  }
  .joinSec3 .item .imgs img{
    width: 100%;
  }
  .joinSec3 .item.flex .t{
    width: 100%;
  }
  .joinSec3 .item{
    margin-bottom: 25px;
  }
  .joinSec4{
    padding: 0 0;
  }
  .joinSec4 .tit{
    margin-bottom: 25px;
    font-size: 18px;
    padding-top: 10px;
  }
  .joinPag{
    padding: 15px 0;
  }
  .joinSec4 .desc{
    line-height: 22px;
    padding: 0;
  }
  .joinSec5{
    padding-top: 35px;
  }
  .joinSec5 .tit{
    font-size: 18px;
    margin-bottom: 15px;
  }
  .joinSec5 .p{
    width: 100%;
    line-height: 22px;
  }
  .joinSec5 ul{
    margin-top: 15px;
  }
  .joinSec5 ul li{
    margin-left: 10px;
    margin-bottom: 10px;
    width: calc((100% - 10px)/2);
  }
  .joinSec5 ul li:nth-child(4N+1){
    margin-left: 15px;
  }
  .joinSec5 ul li:nth-child(2N+1){
    margin-left: 0;
  }
  .joinSec5 ul li div{
    height: 100px;
  }
  .joinSec6 .tit{
    margin-bottom: 15px;
    font-size: 18px;
  }
  .joinSec6 li{
    display: block;
    margin-bottom: 10px;
  }
  .joinSec6 li .image{
    width: 100%;
    display: block;
    padding: 0;
  }
  .joinSec6 li .txt{
    display: block;
    width: 100%;
    padding: 25px 15px;
  }
  .joinSec6 li .txt .head .l{
    font-size: 34px;
    margin-top: -3px;
  }
  .joinSec6 li .txt .head .r h2{
    font-size: 16px;
    font-weight: bold;
  }
  .joinSec6 li .txt .h{
    font-size: 14px;
    line-height: 22px;
    margin:  10px 0 6px 0;
  }
  .joinSec7{
    padding: 22px 0 28px 0;
  }
  .joinSec7 .tit{
    font-size: 18px;
    margin-bottom: 15px;
  }
  .joinSec7 .desc{
    line-height: 22px;
  }
  .joinSec7 img{
    margin-top: 25px;
  }
  .joinSec7 .fg .t{
    font-size: 16px;
  }
  .joinSec7 .fg{
    width: 100%;
  }
  .joinSec7 .fg .img{
    padding: 20px 5px;
  }
  .joinSec8 .box{
    padding: 25px 10px 10px 10px;
  }
  .joinSec8 .box h2{
    font-size: 18px;
  }
  .joinSec8 .box h4{
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .joinSec8 .box ul li{
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
  }
  .joinSec6 li .txt .head{
    margin-top: 5px;
  }
  .joinSec6 li:nth-child(5) .image img{
    margin-left: auto;
    margin-right: auto;
  }
  .joinSec6 li:nth-child(5) .txt{
    padding-top: 0;
  }
  .joinSec8 .box ul li .l{
    width: 40px;
    height: 40px;
    font-size: 22px;
    border-width: 1px;
  }
  .joinSec8 .box ul li .r{
    line-height: 22px;
    margin-left: 15px;
    padding-top: 0 !important;
  }
  .joinSec9{
    padding: 30px 0 8px 0;
  }
  .joinSec9 .wrap1{
    width: auto;
    margin-left: 3%;
    margin-right: 3%;
  }
  .joinSec9 .title h2{
    font-size: 18px;
  }
  .joinSec9 .title h2::before{
    width: 30px;
    left: -40px;
  }
  .joinSec9 .title h2::after{
    width: 30px;
    right: -40px;
  }
  .joinSec9 .title{
    margin-bottom: 0;
  }
  .process{
    display: block;
    height: auto;
    overflow: hidden;
    padding-top: 35px;
  }
  .process .item{
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    border-width: 1px;
    width: 47%;
    float: left;
    margin-left: 6%;
    margin-bottom: 30px;
    position: relative;
    border: none;
  }
  .process .item:nth-child(2n+1){
    margin-left: 0;
  }
  .process .item .num{
    font-size: 18px;
    top: -25px;
    z-index: 5;
    background-color: transparent;
  }
  .process .item .tt{
    position: relative;
    z-index: 4;
    border: 1px solid #ccc;
  }
  .process1{
    padding-top: 0;
  }
  .process1.pcBox{
    display: none !important;
  }
  .process.phBox{
    padding-top: 8px;
    margin-top: -5px;
  }
  .process .item::after{
    right: -10%;
  }
  .joinSec10 .wrap1 img{
    display: none;
  }
  .joinSec10 h2{
    font-size: 20px;
    padding-top: 30px;
  }
  .joinSec10 p{
    margin-bottom: 20px;
    font-size: 14px;
  }
  .joinSec10 h3{
    padding-bottom: 30px;
    font-size: 15px;
  }
  .joinSec10{
    margin-top: 30px;
  }
  .form{
    padding-top: 20px;
  }
  .join_form .form_t{
    font-size: 18px;
  }
  .join_form .desc {
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 20px;
  }
  .join_form .wrap{
    padding: 25px 0;
  }
  .join_form .wrap1{
    padding: 15px 10px;
  }
  .formCon{
    padding: 20px 15px 0 15px;
    margin-bottom: 30px;
  }
  .formCon h2{
    font-size: 18px;
  }
  .formCon p{
    line-height: 22px;
    padding-bottom: 10px;
  }
  .price_form .top{
    display: none;
  }
  .price_form{
    margin-top: 60px;
  }
  .right_nav {
    display: none;
  }
  .stxt{
    padding: 30px 0;
  }
}