@media screen and (max-width: 1550px) { .header .header-btn ul li:first-child .sub-nav { left: 0; margin-left: 0; }
  .header .header-btn ul li:first-child .sub-nav .arrows { left: 0; margin-left: 28px; } }

@media screen and (max-width: 920px) { .header { height: 85px;position: fixed;top: 0;left: 0;}
  .header .header-btn { display: none; }
  .header .phone-menu-btn { display: block; }
  .header .header-btn ul li:hover .sub-nav { opacity: 0; display: none; }
  .header .header-btn ul li .sub-nav.on { opacity: 1; display: block; }
  .header .nav.on { position: fixed; width: 100%; height: auto; top: 70px; left: 0; background: #fff; padding: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .header .nav.on .hl { width: 100%; float: none; }
  .header .nav.on .hr { width: 100%; float: none; }
  .header .nav.on .header-btn { display: block; }
  .header .nav.on .header-btn a { color: #333; padding: 0; }
  .header .nav.on .header-btn ul li { float: none; width: 100%; height: auto; padding: 15px 0; border-bottom: 1px solid #dadada; }
  .header .nav.on .header-btn ul li .arrows { display: none; }
  .header .nav.on .header-btn ul li .sub-nav { width: 100%; position: static; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 15px 15px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; margin-left: 0; }
  .header .nav.on .header-btn ul li .sub-nav dl dd { text-align: left; }
  .header .nav.on .header-btn ul li .sub-nav dl dd a { padding-left: 10%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .header .nav.on .search { background: url("../images/icon-search-black.png") no-repeat center; display: none; }
  .header .nav.on .lang { color: #333; display: none; } }

@media screen and (max-width: 780px) { .header { height: 70px !important; }
  .header .wrap { height: 70px; }
  .header .logo { top: 20px; }
  .header .phone-menu { margin-top: 20px; }
  .header .lang { padding-top: 30px; }
  .header .search { margin-top: 20px;right: 26px;} }

@media screen and (max-width: 780px) { .footer { height: auto; }
  .footer .wrap { display: block; padding: 10% 0; }
  .footer .f-logo { display: block; width: 100%; text-align: left; padding-bottom: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-right: 0; }
  .footer .f-logo img { display: inline-block; width: 136px; height: auto; }
  .footer .f-text { width: 100%; display: block; }
  .footer .f-text .link { padding-bottom: 5%; }
  .footer .f-text .copy-right span { display: block; padding: 0 0 5px 0; }
  .footer .f-focus { padding-top: 5%; }
  .footer .f-focus .bg-hover { display: none; position: fixed; width: 100%; height: 100%; background: url("../images/body-hover-bg.png"); top: 0; left: 0; z-index: 2; }
  .footer .f-focus .ewm-box { width: 188px; height: 188px; position: fixed; top: 50%; left: 50%; margin-top: -94px; margin-left: -94px; background: none; z-index: -1; }
  .footer .f-focus .ewm-box.on { z-index: 2; }
  .footer .f-focus .ewm-box .close { position: absolute; right: -25px; top: -25px; width: 16px; height: 16px; background: url("../images/close-white.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }
  .footer .f-focus .ewm-box .pic { display: inline-block; background: #fff; }
  .footer .f-focus .ewm-box .pic img { padding: 0; } }

@media screen and (max-width: 780px) { .sub-banner { height: 350px; }
  .sub-banner .wrap .line { margin: 10px 0 20px 0; }
  .sub-banner .wrap .s { font-size: 38px; } }

@media screen and (max-width: 780px) { .sub-banner2 { height: 350px; } }

@media screen and (max-width: 780px) { .tab-nav .swiper-container .swiper-wrapper { -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; }
  .tab-nav .swiper-container .swiper-wrapper .swiper-slide.job a span { padding: 10px; }
  .tab-nav .swiper-container .swiper-wrapper .swiper-slide a { padding: 30px 0; } }

@media screen and (max-width: 1024px) { .pic-text-list-1 ul li { width: 46%; } }

@media screen and (max-width: 640px) { .pic-text-list-1 ul { width: 100%; }
  .pic-text-list-1 ul li { width: 100%; margin-right: 0; margin-bottom: 5%; } }

@media screen and (max-width: 1024px) { .about-co-detail { width: 100%; padding: 0 5%; padding-bottom: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 640px) { .about-co-detail { padding-bottom: 10%; }
  .about-co-detail .title { padding: 8% 0; }
  .about-co-detail .content { padding-top: 8%; }
  .about-co-detail .content p { padding-bottom: 5%; }
  .about-co-detail .info { padding-top: 5%; } }

@media screen and (max-width: 1024px) { .team-list ul li { width: 48%; } }

@media screen and (max-width: 640px) { .team-list ul { width: 100%; }
  .team-list ul li { width: 100%; margin-right: 0; margin-bottom: 5%; }
  .team-list ul li .content { height: auto; } }

@media screen and (max-width: 780px) { .text-list-1 ul li .data { width: 100%; padding-bottom: 5%; }
  .text-list-1 ul li .text { padding-left: 0; } }

@media screen and (max-width: 1024px) { .pic-text-list-2 ul li { width: 30.5%; } }

@media screen and (max-width: 768px) { .pic-text-list-2 ul { width: 102%; }
  .pic-text-list-2 ul li { width: 48%; } }

@media screen and (max-width: 640px) { .pic-text-list-2 ul { width: 100%; }
  .pic-text-list-2 ul li { width: 100%; margin-right: 0; margin-bottom: 8%; }
  .pic-text-list-2 ul li .title { height: auto; padding: 5% 0; } }

@media screen and (max-width: 780px) {
  .about-news-detail { padding: 5% 0; }
  .about-news-detail .content p { padding-bottom: 5%; }
  .about-news-detail .content img { width: 100%!important; height: auto !important;display: block;}
  .about-news-detail .content .pic { padding-bottom: 5%; }
  .about-news-detail .content .pic img { width: 100%; } }

@media screen and (max-width: 1024px) { .pic-list-1 ul li { width: 48%; margin-right: 2%; margin-bottom: 2%; } }

@media screen and (max-width: 780px) { .pic-list-1 ul { width: 100%; }
  .pic-list-1 ul li { width: 100%; margin-right: 0; margin-bottom: 5%; } }

@media screen and (max-width: 1090px) { .about-course .wrap { padding-top: 10%; margin: 0 5%; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 780px) { .about-course .time-line .item .text-pic .text { width: 100%; }
  .about-course .time-line .item .text-pic .pic { width: 100%; float: none; padding-bottom: 5%; } }

@media screen and (max-width: 640px) { .about-course .tab .swiper-container .swiper-wrapper { -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; }
  .about-course .tab .swiper-container .swiper-wrapper .swiper-slide a { padding: 15px 0; }
  .about-course .time-line { padding-left: 5%; }
  .about-course .time-line .item { padding-bottom: 10%; } }

@media screen and (max-width: 780px) { .files-list ul li { padding: 5% 0; }
  .files-list ul li .data { float: none; width: 100%; padding: 0 0 5% 0; }
  .files-list ul li .flag { margin-top: 2px; }
  .files-list ul li .title { width: 100%; float: none; }
  .files-list ul li .btn { float: none; padding-top: 5%; } }

@media screen and (max-width: 1320px) { .hotline { width: auto; margin: 0 5%; } }

@media screen and (max-width: 780px) { .hotline .text { position: relative; }
  .hotline .text .wrap { width: 100%; } }

@media screen and (max-width: 780px) { .job-detail .bottom .btn { float: none; }
  .job-detail .bottom .email { float: none; padding-top: 5%; } }

@media screen and (max-width: 1024px) { .hr-idea .center .item .text { padding: 3%; }
  .hr-idea .center .item .text .t { font-size: 30px; padding-bottom: 25px; } }

@media screen and (max-width: 780px) { .hr-idea .center .item { padding-bottom: 5%; }
  .hr-idea .center .item .pic { width: 100%; float: none; }
  .hr-idea .center .item .text { width: 100%; float: none; padding: 5%; }
  .hr-idea .center .item .text .t { font-size: 30px; padding-bottom: 25px; }
  .hr-idea .bottom .btn { padding-top: 20px; }
  .hr-idea .bottom .btn a { margin-top: 20px; } }

@media screen and (max-width: 1366px) { .pic-text-list-3 ul li .text { padding: 3%; padding-bottom: 0; }
  .pic-text-list-3 ul li .text .desc { height: 119px; } }

@media screen and (max-width: 1024px) { .pic-text-list-3 ul li .text .desc { height: 80px; }
  .pic-text-list-3 ul li .text .btn { padding-top: 25px; } }

@media screen and (max-width: 780px) { .pic-text-list-3 ul li { padding: 5%; }
  .pic-text-list-3 ul li .pic { width: 100%; float: none; }
  .pic-text-list-3 ul li .text { width: 100%; float: none; }
  .pic-text-list-3 ul li .text .desc { height: auto; }
  .pic-text-list-3 ul li .text .btn { padding-top: 25px; }
  .pic-text-list-3 ul li .text .btn a { width: 45%; } }

@media screen and (max-width: 1600px) { .hockey .item6 .item, .football .item6 .item, .product-power .item6 .item { width: 48%; margin-right: 4%; }
  .hockey .item2.re .item-text, .football .item2.re .item-text, .product-power .item2.re .item-text { padding-left: 5%; } }

@media screen and (max-width: 1024px) { .hockey .item-text .t, .football .item-text .t, .product-power .item-text .t { font-size: 30px; } }

@media screen and (max-width: 768px) {
  .hockey .item-text .t, .football .item-text .t, .product-power .item-text .t { font-size: 30px; padding-bottom: 5%; }
  .hockey .item1, .football .item1, .product-power .item1 { background: none; background-image: none !important;height: auto;padding: 10% 0;text-align: left;}
  .hockey .item1 .container2, .football .item1 .container2, .product-power .item1 .container2 { margin: 0}
  .hockey .item1 .item-pic, .football .item1 .item-pic, .product-power .item1 .item-pic { display: block;}
  .hockey .item1 .item-text, .football .item1 .item-text, .product-power .item1 .item-text{
    padding-top: 5%;
  }
  .hockey .item2, .football .item2, .product-power .item2 { padding: 5% 0; }
  .hockey .item2 .pic, .football .item2 .pic, .product-power .item2 .pic { float: none; width: 100%; }
  .hockey .item2.re .item-text, .football .item2.re .item-text, .product-power .item2.re .item-text { padding-left: 0; }
  .hockey .item2 .item-text, .football .item2 .item-text, .product-power .item2 .item-text { float: none; width: 100%; padding-right: 0; }
  .hockey .item3, .football .item3, .product-power .item3 { height: 500px; background-position: top; text-align: left; }
  .hockey .item3{height: auto;background: none;background-image: none !important;}
  .hockey .item3 .item-pic{display: block;}
  .hockey .item3 .item-text, .football .item3 .item-text, .product-power .item3 .item-text { width: auto; margin: 0 5%; }
  .hockey .item3 .item-text{padding-top: 5%}
  .hockey .item4, .football .item4, .product-power .item4 { position: relative; }
  .hockey .item4 .left, .football .item4 .left, .product-power .item4 .left { width: 100%; float: none; position: relative; z-index: 2; }
  .hockey .item4 .right, .football .item4 .right, .product-power .item4 .right { width: 100%; position: absolute; top: 52%; z-index: 1; }
  .hockey .item5, .football .item5, .product-power .item5 { padding-top: 5%; padding-bottom: 5%}
  .hockey .item5 ul, .football .item5 ul, .product-power .item5 ul{width: 100%;}
  .hockey .item5 ul li, .football .item5 ul li, .product-power .item5 ul li{width: 100%;padding-bottom: 5%}
  .hockey .item5 ul li .text, .football .item5 ul li .text, .product-power .item5 ul li .text{padding-top: 5%}
  .hockey .item5 ul li .text .t, .football .item5 ul li .text .t, .product-power .item5 ul li .text .t{padding-bottom: 5%}
  .hockey .item6, .football .item6, .product-power .item6 { padding: 5% 0; padding-top: 10%;}
  .hockey .item6 .t, .football .item6 .t, .product-power .item6 .t { font-size: 30px; padding-bottom: 5%; }
  .hockey .item6 .item, .football .item6 .item, .product-power .item6 .item { width: 100%; margin-right: 0; padding-bottom: 10%; }
  .hockey .item6 .item .text, .football .item6 .item .text, .product-power .item6 .item .text { padding-top: 5%; }
  .hockey .item7, .football .item7, .product-power .item7 { padding: 5% 0; }
  .hockey .item7 .item-house, .football .item7 .item-house, .product-power .item7 .item-house { width: 100%; left: 0; }
  .hockey .item7 .item-house img, .football .item7 .item-house img, .product-power .item7 .item-house img { width: 100%; }
  .hockey .item7 .item-text, .football .item7 .item-text, .product-power .item7 .item-text { float: none; width: 100%; }
  .hockey .item7 .right, .football .item7 .right, .product-power .item7 .right { float: none; width: 100%; padding-top: 5%; }
  .hockey .item7 .right .item, .football .item7 .right .item, .product-power .item7 .right .item { padding-bottom: 5%; }
  .product-power .item1 { height: auto; } }

@media screen and (max-width: 1024px) { .investor-collaboration .item .wrap .left { width: 275px; padding-left: 55px; }
  .investor-collaboration .item .wrap .right { padding-left: 320px; } }

@media screen and (max-width: 640px) { .investor-collaboration .item { padding-bottom: 10%; }
  .investor-collaboration .item .wrap { padding-top: 10%; }
  .investor-collaboration .item .wrap .left { width: 100%; float: none; padding-left: 0; padding-bottom: 10%; }
  .investor-collaboration .item .wrap .right { width: 100%; padding-left: 0; float: none; }
  .investor-collaboration .item .wrap .right p { padding-bottom: 5%; } }

@media screen and (max-width: 780px) { .about-idea .item { padding-top: 15%; height: 500px; background-position: top center; }
  .about-idea .item .text-item .t { font-size: 30px; }
  .about-idea .item .text-item .d { padding-top: 10%; } }

@media screen and (max-width: 1600px) { .product-center .top .item { width: 48%; } }

@media screen and (max-width: 860px) { .product-center .top .title { width: auto; font-size: 30px; padding-bottom: 10%; } }

@media screen and (max-width: 780px) { .product-center { padding-top: 10%; }
  .product-center .top { padding-bottom: 5%; }
  .product-center .top .title { text-align: left; font-size: 26px; }
  .product-center .top .item { width: 100%; float: none; padding-bottom: 10%; }
  .product-center .top .item .text { padding-top: 5%; }
  .product-center .bottom .text { text-align: left; } }

@media screen and (max-width: 780px) { .product-results .text .t { font-size: 30px; padding-top: 5%; }
  .product-results .num { width: auto; padding-top: 10%; overflow: hidden; }
  .product-results .num .n1 { border-bottom: none; width: 50%; float: left; }
  .product-results .num .n2 { width: 50%; float: right; padding-top: 0; }
  .product-results .num .item { width: auto; display: block; padding-bottom: 10%; padding-right: 0; }
  .product-results .num .item .bottom p { display: inline-block; } }

@media screen and (max-width: 1024px) { .item8 .item { width: 30%; padding-right: 0; } }

@media screen and (max-width: 768px) { .item8 { padding: 10% 0; text-align: center; }
  .item8 .item { display: inline-block; width: auto; padding: 0 5%; }
  .item8 .item .left { float: none; }
  .item8 .item .right { float: none; } }

@media screen and (max-width: 640px) { .item8 { padding: 10% 0; text-align: center; }
  .item8 .item { display: block; padding: 0; padding-bottom: 10%; }
  .item8 .item .left { padding-right: 0; }
  .item8 .item .left .icon { display: inline-block; }
  .item8 .item .right { text-align: center; }
  .item8 .item .right .num { display: inline-block; }
  .item8 .item .right .text { text-align: center; } }

@media screen and (max-width: 1024px) { .about-intro .item2 .text-item { width: 60%; } }

@media screen and (max-width: 768px) { .about-intro .item2 { background: none !important; }
  .about-intro .item2 .mobile-pic { display: block; }
  .about-intro .item2 .text-item { padding-top: 10%; padding-bottom: 5%; } }

@media screen and (max-width: 640px) { .about-intro .text-item .t { font-size: 30px; }
  .about-intro .item1 { height: 900px; text-align: left; background-color: #fff; background-position: center bottom; }
  .about-intro .item2 { height: auto; padding: 10% 0; }
  .about-intro .item2 .text-item { width: 100%; }
  .about-intro .item2 .num-item { padding: 5% 0; }
  .about-intro .item3 { padding: 10% 0; }
  .about-intro .item3 .container2 { margin: 0; }
  .about-intro .item3 .item { width: 100%; margin-right: 0; float: none; padding-bottom: 5%; }
  .about-intro .item3 .text-item { padding-bottom: 5%; text-align: left; }
  .about-intro .item4 { padding: 10% 0; }
  .about-intro .item4 .text-item { text-align: left; }
  .about-intro .item4 .bottom .tel { background: url("../images/icon-phone.png") no-repeat left top; }
  .about-intro .item4 .bottom .tel span { display: block; padding-top: 5%; margin-left: -40px; } }

@media screen and (max-width: 1024px) { .slove-banner .item-text { width: 50%; } }

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

  .slove-banner{padding-top: 70px;background: none;height: auto;}
  .slove-banner.fixs-banner { padding-top: 0 !important; background: none !important; }
  .slove-banner .item-pic{display: block;}
  .slove-banner .item-text { width: 100%;position: static;margin-top: 0;padding: 10% 0;}
}

@media screen and (max-width: 1024px) { .solve-case-list ul li { width: 32%; margin-right: 1.3%; margin-bottom: 1.3%; } }

@media screen and (max-width: 780px) { .solve-case-content { padding: 10% 0; }
  .solve-case-list { padding-bottom: 5%; }
  .solve-case-list ul li { width: 100%; margin-right: 0; margin-bottom: 5%; } }

@media screen and (max-width: 1400px) { .solve-tab .swiper-wrapper { -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } }

@media screen and (max-width: 1440px) { .product-qrcode .item3 .item { width: 48%; margin-right: 4%; } }

@media screen and (max-width: 780px) {
  .solve-tab2 .item .l {float: none;}
  .product-qrcode .item-text { text-align: left; padding: 10% 0; }
  .product-qrcode .item-text .t { font-size: 30px; }
  .product-qrcode .item1 .item { margin-bottom: 5%; }
  .product-qrcode .item1 .item .wrap { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .product-qrcode .item1 .item .text { width: 100%; float: none; }
  .product-qrcode .item1 .item .text .wrap { position: static; padding: 5%; }
  .product-qrcode .item1 .item .pic { width: 100%; float: none; }
  .product-qrcode .item2 { padding-bottom: 10%; }
  .product-qrcode .item2 .item-text { padding: 10% 0; }
  .product-qrcode .item2 .item { width: 50%; padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .product-qrcode .item2 .item .text .d { line-height: 2; } }

@media screen and (max-width: 640px) { .product-qrcode .item1 .item .text .t { padding: 5% 0; }
  .product-qrcode .item2 { margin-top: 10%; }
  .product-qrcode .item3 { padding: 0; }
  .product-qrcode .item3 .t { padding: 10% 0; }
  .product-qrcode .item3 .item { width: 100%; margin-right: 0; } }

@media screen and (max-width: 768px) { .sub-contant .title { padding: 10% 0; font-size: 24px; }
  .sub-contant .left { padding-top: 10%; float: none; width: 100%; }
  .sub-contant .left .item { padding-bottom: 5%; }
  .sub-contant .left .box { padding-bottom: 10%; }
  .sub-contant .left .qrcode .pic { float: none; }
  .sub-contant .left .qrcode .text { float: none; padding-left: 0; }
  .sub-contant .right { width: 100%; float: none; }
  .sub-contant .right .form-box { padding: 5%; } }

@media screen and (max-width: 1024px) { .solve-case-contant .left { display: none; }
  .solve-case-contant .right { width: 100%; position: relative; z-index: 2; }
  .solve-case-contant .right .item { width: 33.33%; } }

@media screen and (max-width: 780px) {
  .solve-case-details { padding: 5% 0; }
  .solve-case-details .left { width: 100%; float: none; }
  .solve-case-details .right { width: 100%; float: none; }
  .solve-case-details .field .field-text2 .item{width: 50%;padding-bottom: 10%;}
  .solve-case-details .field .field-text2 .item dt{padding-bottom: 5%}
}

@media screen and (max-width: 640px) { .solve-case-details { padding: 5% 0; }
  .solve-case-details .left { width: 100%; float: none; }
  .solve-case-details .left .desc { padding: 5% 0; }
  .solve-case-details .field .field-icon .item { width: 49%; padding-top: 10%; }
  .solve-case-details .right { width: 100%; float: none; }
  .solve-case-contant { padding: 10% 0; }
  .solve-case-contant .right { padding: 0; }
  .solve-case-contant .right .item { width: 100%; } }

@media screen and (max-width: 768px) { #fullpage .banner .banner-body .swiper-container .swiper-wrapper .swiper-slide { -moz-background-size: auto 100%; background-size: auto 100%; }
  #fullpage .banner .banner-pagination .item { width: 32%; height: auto; }
  #fullpage .product .swiper-container .swiper-wrapper .swiper-slide { -moz-background-size: auto 100%; background-size: auto 100%; }
  #fullpage .news .list1 .item { padding: 4%; }
  #fullpage .news .list2 .item { width: 100%; margin-right: 0; margin-top: 5%; } }

@media screen and (max-width: 640px) { #fullpage .banner { height: 600px; }
  #fullpage .banner .banner-body .swiper-pagination { display: block; }
  #fullpage .banner .banner-body .swiper-container .swiper-wrapper .swiper-slide .text-item { top: 270px; margin-top: 0; padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  #fullpage .banner .banner-body .swiper-container .swiper-wrapper .swiper-slide .text-item .title { font-size: 34px; }
  #fullpage .banner .banner-body .swiper-container .swiper-wrapper .swiper-slide .text-item a { font-size: 14px; }
  #fullpage .banner .banner-pagination { display: none; }
  #fullpage .product { overflow: hidden; height: auto; }
  #fullpage .product .my-pagination { bottom: 20px; }
  #fullpage .product .bg .mobile-pic { display: block; }
  #fullpage .product .box { position: static; margin-top: 0; }
  #fullpage .product .box .container { margin: 0; }
  #fullpage .product .box .swiper-container { width: 100%; }
  #fullpage .product .text-box { width: 100%; height: auto; padding: 0 5%; }
  #fullpage .product .text-box .top { padding-top: 40px; }
  #fullpage .product .text-box .go { margin-bottom: 70px; }
  #fullpage .business { padding: 10% 0; height: 535px; overflow: hidden; }
  #fullpage .business .container { height: 100%; }
  #fullpage .business .swiper-container { height: 100%; }
  #fullpage .business .swiper-container .swiper-button-prev, #fullpage .business .swiper-container .swiper-button-next { opacity: 1 !important; }
  #fullpage .business .swiper-container .swiper-wrapper .swiper-slide { height: 100%; -moz-background-size: 100% auto; background-size: 100% auto; }
  #fullpage .business .swiper-container .swiper-wrapper .swiper-slide .text { padding-top: 20%; }
  #fullpage .news { padding: 0 0 10% 0; }
  #fullpage .news .title { font-size: 40px; }
  #fullpage .news .list1 { margin-left: 0; }
  #fullpage .news .list1 .item { width: 100%; float: none; padding: 10% 0; border-bottom: 1px solid #e3e3e3; }
  #fullpage .news .list1 .item .t { padding-top: 5%; }
  #fullpage .news .list1 .item .d { padding: 3% 0; }
  #fullpage .news .list2 .item .right { padding: 5%; }
  #fullpage .news .list2 .item .right span { width: 50%; padding-right: 0; }
  #fullpage .news .list2 .item .right span.c { padding-left: 5%; }
  #fullpage .news .list2 .item .right .data { display: none; }
  #fullpage .about { height: auto; padding: 5%; }
  #fullpage .about .wrap { margin: 0; width: 100%;}
  #fullpage .about .title { font-size: 40px;padding-top: 15%;}
  #fullpage .about .desc{padding: 10% 0;}
  #fullpage .about .num .item { width: 49%; }
  #fullpage .about .num .item.c { border-right: none; }
  #fullpage .about .num .item.e { padding-top: 10%; padding-bottom: 10%; }
  #fullpage .about .num .item .n { font-size: 50px; }
  #fullpage .about .contact { position: static; padding: 5% 0 10% 0; }
  #fullpage .about .contact a { font-size: 14px; } }

@media screen and (max-width: 640px) { .job-table table { display: none; }
  .job-table .mobile-table { display: block; } }

@media screen and (max-width: 768px) { .stock .tab ul li { width: 47%; margin-right: 2%; margin-bottom: 2%; } }

@media screen and (max-width: 768px) { .sub-law .link ul li { width: 22.8%; } }

@media screen and (max-width: 640px) { .sub-law .link ul li { width: 31%; } }

@media screen and (max-width: 1024px) { .hr-gold .item1 .text { font-size: 26px; } }

@media screen and (max-width: 768px) { .hr-gold .item1 .text { font-size: 24px; }
  .hr-gold .item2 .text { padding: 0; } }

@media screen and (max-width: 640px) { .hr-gold .item1 .text { font-size: 20px; }
  .hr-gold .item2 { padding-top: 15%; padding-bottom: 10%; }
  .hr-gold .item2 .text { font-size: 16px; }
  .hr-gold .item3 { font-size: 20px; padding-bottom: 15%; }
  .hr-gold .item3 .content .pc { display: none; }
  .hr-gold .item3 .content .mobile { display: block; } }

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

  .culture-content-ewm{padding-left:20%}

}

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

  .culture-content-ewm{padding-left:10%;}

  .culture-content-ewm .right{padding-top: 3%;padding-left: 240px}

}

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

  .culture-content-ewm{padding: 10% 0;}

  .culture-content-ewm .left{float: none;padding: 0;text-align: center;}

  .culture-content-ewm .right{padding: 5% 0 0 0;float: none}

}

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

  .material-content .item1 .item-text .t {font-size: 30px;}
  .material-content .item1 .item-text .wrap{width: 100%;padding: 0 5%;box-sizing:border-box;}
  .material-content .item2 .item-text {padding-right: 5%;}
  .material-content .item2 .item-text .t{font-size: 30px;}
  .material-content .item3 .t{font-size: 30px;}
  .material-content .item4 .t{font-size: 30px;}

}

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

  .material-content .item4 .wrap{width: 100%;padding: 130px 5% 0 5%;box-sizing:border-box;}

}

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

  .material-content .item1{padding: 10% 0;}

  .material-content .item1 .item-text{padding: 10% 0;}

  .material-content .item2{padding: 10% 0;}

  .material-content .item2 .item-text{padding-top: 0;}

  .material-content .item2 .item-text .t{padding-bottom: 5%;}

  .material-content .item3{padding: 10% 0 5% 0;}

  .material-content .item3 .item-list ul{width: 105%;}

  .material-content .item3 .item-list ul li{ width: 45%; margin-right: 5%;padding-bottom: 0;}

}

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

  .material-content .item1 .item-text{background: none;padding-top: 5%;}

  .material-content .item1 .item-text .wrap{padding: 0;}

  .material-content .item2 .item-pic{float: none;width: 100%;}

  .material-content .item2 .item-text{float: none;width: 100%;padding-top: 5%;}

  .material-content .item3 .item-list ul{width: 100%;}

  .material-content .item3 .item-list ul li{width: 100%;margin-right: 0;margin-bottom: 2.5%;}

}

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

  .technical .item2 ul li{width: 47%;}

}

@media screen and (max-width: 640px) {
  .technical .item1 {padding-top: 10%;}
  .technical .item2 {padding: 5% 0;}
  .technical .item2 ul {width: 100%;padding-bottom: 0}
  .technical .item2 ul li{width: 100%;margin-right: 0;margin-bottom: 5%}

}

@media screen and (min-width: 1920px) {

  body{
    max-width: none;
  }
  .header{
    max-width: none;
  }
  .sub-banner{
    background-size: 100%;
  }
  .slove-banner{
    background-size: 100%;
  }
  #fullpage .banner .banner-body .swiper-container .swiper-wrapper .swiper-slide{background-size: cover;}
  #fullpage .about{background-size: cover;}
  #fullpage .product .bg .swiper-container .swiper-wrapper .swiper-slide{background-size: cover;}
}