@charset "UTF-8";

@media (min-width: 1025px) {
  .view {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0;
    /*width: 78.125%;*/
    width: 73%;
  }

  .header-view {
    max-width: 100%;
    width: auto;
    padding: 0 1.5625vw 0 calc(65px + 1.5625vw);
  }

  header {
    background: transparent;
    padding: 0;
    height: 75px;
    transition: background-color .2s linear;
  }

  header .logo {
    margin-top: 30px;
  }

  header .navbtn-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    height: 75px;
    background-color: #91c231;
  }

  header .navbtn-box .con-box {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
  }

  header .navbtn-box .navbtn {
    display: block;
    margin: 0 auto;
  }

  header .navbtn-box .txt {
    display: block;
    width: 100%;
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 14px;
  }

  header .divide1 {
    display: none;
  }

  header .search-btn,
  header .lang {
    margin-top: 30px;
  }

  header .divide {
    height: 15px;
    margin: 30px 1.3vw 0;
  }

  header .lang {
    font-size: 14px;
    line-height: 15px;
    padding-right: 15px;
  }

  header.black {
    background-color: #111;
  }

  .aside {
    position: fixed;
    top: 0;
    width: 65px;
    height: 100%;
    background-color: #111;
    z-index: 30;
    display: block;
  }

  .nav-box {
    top: 0;
    width: 305px;
    height: 100%;
    padding: 15vh 30px 0 95px;
    background-color: #111;
    transform: translateX(-100%);
  }

  .nav-box.active {
    transform: translateX(0);
  }

  .nav-box.active:before,
  .nav-box.active:after {
    display: none;
  }

  .nav li {
    border: none;
    margin-bottom: 25px;
  }

  .nav li:last-child {
    margin-bottom: 0;
  }

  .nav li>a {
    padding: 0;
    width: 100%;
  }

  .nav li>a:after {
    right: 0;
  }

  .nav li .navson {
    padding: 0;
  }

  .nav li .navson a {
    line-height: 38px;
  }

  .nav li.on {
    margin-bottom: 10px;
  }

  .search-dialog {
    font-size: 18px;
    width: 680px;
    padding: 20px 30px;
  }

  .search-dialog input[type=text] {
    font-size: 18px;
  }

  /* header end */
  .banner .m-img {
    display: none;
  }

  .banner .pc-img {
    display: block;
    transform: translateX(50px) scale(1.1);
    transition: all 7.6s linear;
  }

  .banner .swiper-slide.swiper-slide-active .pc-img {
    transform: translateX(0) scale(1);
  }

  .banner .text-box {
    top: 25%;
    transform: translateY(0);
  }

  .banner .text-box .cn {
    font-size: 50px;
    line-height: 60px;
  }

  .banner .text-box .en {
    font-size: 18px;
    line-height: 28px;
  }

  .banner .text-box .con {
    width: 45%;
    line-height: 30px;
    font-size: 15px;
  }

  .pub-more {
    padding: 0 50px;
  }

  .i-apply .m-img {
    display: none;
  }

  .i-apply .pc-img {
    display: block;
  }

  .i-apply .sm-list {
    /* width: 65%; */
    /* max-width: 770px; */
  }

  .i-apply .sm-list .list {
    width: 75%;
    max-width: 770px;
  }

  .i-apply .tit-box .en {
    font-size: 44px;
    line-height: 54px;
  }

  .i-apply .tit-box .cn {
    font-size: 30px;
    line-height: 40px;
  }

  .i-apply .con {
    width: 36%;
  }

  .i-apply .sm-list .txt {
    margin: 0 5px;
  }

  .i-apply .sm-list .icon {
    width: 47px;
    margin: 0 5px;
  }

  .i-apply .sm-list .txt .cn {
    font-size: 16px;
    line-height: 26px;
  }

  .i-product .tit {
    font-size: 36px;
    line-height: 46px;
  }

  .i-product .icon-box {
    margin-top: 60px;
  }

  .i-product .icon-box .m-icon {
    display: none;
  }

  .i-product .pc-icon {
    display: block;
  }

  .i-product .pc-icon .row {
    margin: 0 -5px;
  }

  .i-product .pc-icon .item {
    box-sizing: border-box;
    padding: 0 5px;
    margin: 0 0 10px;
    position: relative;
    top: 0;
    transition: all .2s linear;
  }

  .i-product .pc-icon .item:hover {
    top: -10px;
  }

  .i-product .pc-icon .con-box {
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 20px 0;
  }

  .i-product .pc-icon .con-box .icon {
    width: 90px;
    margin: 0 auto;
  }

  .i-product .pc-icon .con-box img {
    width: 100%;
  }

  .i-product .pc-icon .txt {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    color: #fff;
  }

  .i-news .tit-box .tit {
    font-size: 30px;
    line-height: 40px;
  }

  .index-wrap .point-box {
    transform: translateY(-50%);
  }

  .index-wrap .point-box .cur-num {
    font-size: 20px;
    line-height: 30px;
  }

  .index-wrap .point-box .divide,
  .index-wrap .point-box .total {
    font-size: 14px;
    line-height: 24px;
  }

  .index-wrap .point .swiper-pagination-bullet {
    transition: all .2s linear;
  }

  .index-wrap .point .swiper-pagination-bullet:hover {
    background-image: url('../img/index-btn2.png')
  }

  .index-wrap .pub-more,
  .index-wrap .pub-more span {
    transition: all .2s linear;
  }

  .index-wrap .pub-more:hover {
    background-color: #fff;
  }

  .index-wrap .pub-more:hover span {
    color: #222;
    background-image: url('../img/more-arrow2.png')
  }

  .i-news .tit-box .pub-more:hover {
    background-color: transparent;
  }

  .i-news .tit-box .pub-more:hover span {
    color: #91c231;
    background-image: url('../img/more-arrow3.png');
  }

  .i-news .tit-box .desc a {
    transition: all .2s linear;
  }

  .i-news .tit-box .desc a:hover {
    color: #a2d40a;
  }

  /* welcome end */

  .foot-top {
    padding: 60px 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/foot-bg.jpg');
  }

  .foot-top .f-nav {
    float: left;
  }
  .foot-top .view{
    max-width: 1640px;
    width: 84%;
  }
  .foot-top .f-nav li {
    float: left;
    margin-right: 2vw;
  }

  .foot-top .f-nav li:last-child {
    margin-right: 0;
  }

  .foot-top .f-nav li a {
    display: block;
    font-size: 12px;
    line-height: 26px;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    transition: all .3s linear;
  }

  .foot-top .f-nav li .tit {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .foot-top .f-nav li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .foot-top .f-contact {
    float: right;
    width: 22%;
  }

  .foot-top .f-contact .tit {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
  }

  .foot-top .f-contact .address {
    font-size: 12px;
    color: #ececec;
    line-height: 20px;
  }

  .foot-top .f-contact .address .en {
    color: #747474;
  }

  .foot-top .f-contact .con {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
    margin-top: 10px;
  }

  .foot-bottom {
    background: #1f1f1f;
  }

  .foot-bottom .left {
    float: left;
    padding: 0;
    padding: 20px 0;
  }

  .foot-bottom .left .copy-box,
  .foot-bottom .left .build {
    display: inline-block;
    *display: inline;
    zoom: 1;
  }

  .foot-bottom .left .build {
    margin: 0 0 0 10px;
  }

  .foot-bottom .left .copy-box span {
    display: inline-block;
    *display: inline;
    zoom: 1;
  }

  .foot-bottom .share-box {
    float: right;
    font-size: 0;
    height: 60px;
  }

  .foot-bottom .share-box a,
  .foot-bottom .share-box .item {
    display: inline-block;
    *display: inline;
    zoom: 1;
    float: none;
    line-height: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
    margin-left: 30px;
  }

  .foot-bottom .share-box .item a {
    margin: 0;
  }

  .foot-bottom .share-box a {
    width: 20px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    transition: all .3s linear;

  }

  .foot-bottom .share-box .bds_sqq {
    background-image: url('../img/share-icon1.png');
  }

  .foot-bottom .share-box .wechat {
    background-image: url('../img/share-icon2.png')
  }

  .foot-bottom .share-box .bds_tsina {
    background-image: url('../img/share-icon3.png')
  }

  .foot-bottom .share-box .item {
    position: relative;
  }

  .foot-bottom .share-box .item .dialog {
    position: absolute;
    left: 50%;
    bottom: 60px;
    width: 90px;
    transform: translateX(-50%);
    padding: 10px;
    background-color: #333;
    display: none;
  }

  .foot-bottom .share-box .item .dialog:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -16px;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: #333;
  }

  .foot-bottom .share-box .item .img {
    width: 80px;
    margin: 0 auto;
  }

  .foot-bottom .share-box .item .img img {
    width: 100%;
  }

  .foot-bottom .share-box .item .txt {
    font-size: 12px;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    line-height: 20px;
    margin-top: 5px;
  }

  .foot-bottom .share-box .bds_sqq:hover {
    background-image: url('../img/h-share-icon1.png');
  }

  .foot-bottom .share-box .item:hover .wechat {
    background-image: url('../img/h-share-icon2.png')
  }

  .foot-bottom .share-box .bds_tsina:hover {
    background-image: url('../img/h-share-icon3.png')
  }

  .foot-bottom .build a {
    transition: all .3s linear;
  }

  .foot-bottom .build a:hover {
    color: #fff;
  }

  .foot-bottom .share-box {
    display: block;
  }

  /* footer end */

  .clearfixed {
    display: none;
  }

  .sub-banner img {
    width: 150%;
    transform: translateX(-20%);
  }

  .supplier-box1 {
    padding: 70px 0;
  }

  .supplier-box1 .img {
    width: 29.67%;
  }

  .supplier-box1 .text-box {
    margin-top: 20px;
    width: 65%;
  }

  .supplier-box1 .tit-box .cn {
    font-size: 20px;
    line-height: 30px;
  }

  .supplier-box1 .item .icon {
    width: 90px;
    height: 90px;
    transition: all .2s linear;
  }

  .supplier-box1 .con-box .txt {
    transition: all .2s linear;
  }

  .supplier-box1 .con-box:hover .txt {
    color: #91c231;
  }

  .supplier-box1 .icon-box {
    margin-top: 30px;
  }

  .supplier-box2 {
    padding: 70px 0;
  }

  .supplier-box2 .down-btn {
    margin-top: 90px;
  }

  .supplier-list li .tit {
    font-size: 24px;
    line-height: 34px;
  }

  .supplier-list li:nth-child(2n+1) .text-box .con-box {
    padding: 0 0 0 2.6vw;
  }

  .supplier-list li:nth-child(2n) .text-box .con-box {
    padding: 0 2.6vw 0 0;
  }

  .supplier-list li .pub-con {
    height: 72px;
    font-size: 14px;
  }

  .become-box .top-box .pub-desc {
    width: 80%;
    margin: 10px auto 0;
  }

  .become-box .list-box {
    padding: 70px 0 50px;
  }

  .coo-box {
    padding: 70px 0;
  }

  .coo-box .text-box .tit {
    font-size: 20px;
    line-height: 30px;
  }

  .file-box {
    padding: 70px 0;
  }

  .file-box .pub-desc {
    width: 80%;
    margin: 10px auto 0;
  }

  .supplier-box2 .down-btn {
    transition: all .2s linear;
  }

  .supplier-box2 .down-btn:hover {
    background-color: #111;
    border-color: #111;
  }

  .supplier-list li .more-btn {
    transition: all .2s linear;
  }

  .supplier-list li .more-btn:hover {
    background-image: url(../img/supplier-more2.png);
  }

  .file-box .list .con-box .down-btn {
    transition: all .2s linear;
  }

  .file-box .list .con-box:hover .down-btn {
    background-color: #91c231;
    background-image: url(../img/down-btn2.png);
  }

  /*supplier end*/
  .sub-banner .sub-text {
    padding: 50px 0;
  }

  .sub-banner .cn {
    font-size: 20px;
    line-height: 30px;
  }

  .sub-banner .en {
    font-size: 80px;
    line-height: 90px;
  }

  .sub-banner .sub-text .pub-con {
    font-size: 14px;
  }

  .sub-banner .sub-text .pub-con {
    width: 61.33%;
  }

  .product-box {
    padding: 70px 0;
  }

  .product-box li {
    margin-bottom: 20px;
  }

  .product-box .img {
    width: 63.33%;
  }

  .product-box li .text-box {
    width: 36.67%;
  }

  .product-box li .pub-more {
    padding: 0 30px;
  }

  .product-box li .text-box .tit {
    font-size: 24px;
    line-height: 34px;
  }

  .product-box li .text-box .pub-con {
    height: 96px;
  }

  .product-box li .text-box {
    padding: 40px 30px;
  }

  .product-box li .text-box .pub-con {
    height: 120px;
  }

  .product-box li .text-box .pub-more {
    margin-top: 5vh;
    transition: background-color .2s linear;
  }

  .product-box li .text-box .pub-more span {
    transition: all .2s linear;
  }

  .product-box li .text-box .pub-more:hover {
    background-color: #91c231;
  }

  .product-box li .text-box .pub-more:hover span {
    background-image: url(../img/more-arrow.png);
    color: #fff;
  }

  .product-wrap .list .pub-down {
    transition: all .2s linear;
  }

  .product-wrap .list .pub-down:hover {
    background-color: #111;
  }

  /*product end*/
  .sub-banner .pc-nav {
    right: 15%;
  }

  .sub-banner .pc-nav a {
    font-size: 16px;
    transition: all .3s linear;
  }

  .sub-banner .pc-nav a:hover {
    color: #92c333;
  }

  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  ::-webkit-scrollbar-track {
    background: #fff;
  }

  ::-webkit-scrollbar-thumb {
    background: #111;
  }

  ::-webkit-scrollbar-thumb:window-inactive {
    background: #111;
  }

  ::-webkit-scrollbar-thumb:vertical:hover {
    background: #111;
  }

  .top-tit .tit {
    line-height: 50px;
    transition: all .2s linear;
  }

  .top-tit .tit span {
    transition: background-image .2s linear, color .2s linear;
  }

  .top-tit .sub {
    max-height: 150px;
    top: 52px;
  }

  .top-tit .sub a {
    line-height: 50px;
  }

  .top-tit .cn {
    font-size: 18px;
    line-height: 28px;
  }

  .top-tit .en {
    font-size: 38px;
    line-height: 48px;
    margin-top: 0;
  }

  .top-tit .item:hover .tit {
    background-color: #92c333;
    border-color: #92c333;
  }

  .top-tit .item:hover .tit span {
    color: #fff;

  }

  .top-tit .item.arrow:hover .tit span {
    background-image: url(../img/select-arrow2.png);
  }

  .top-tit .sub a {
    transition: all .2s linear;
  }

  .top-tit .sub a:hover {
    background-color: #92c333;
    color: #fff;
  }

  .product-wrap .list {
    margin-top: 40px;
  }

  .product-wrap {
    padding: 70px 0;
  }

  /* product list end */
  .ban-product .pc-box .bimg {
    max-width: 665px;
    float: none;
    margin: 0 auto;
    width: 44.44%;
  }

  .ban-product .text-box {
    top: 50%;
    transform: translateY(-50%);
    width: 30%;
    z-index: 3;
  }

  .ban-product .view {
    position: relative;
    height: 100%;
  }

  .ban-product .down-btn {
    transition: all .2s linear;
  }

  .ban-product .down-btn:hover {
    background-color: #111;
    border-color: #111;
  }

  .list-btn {
    display: block;
    position: fixed;
    top: 15px;
    right: 0;
    font-size: 16px;
    color: #fff;
    z-index: 50;
    line-height: 40px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 55px;
    background-image: url('../img/list-btn.png');
  }

  .ban-product .text-box {
    left: 0;
  }

  .params-box {
    padding: 70px 0;
  }

  .params-box .right {
    width: 32%;
    line-height: 40px;
    padding-left: 90px;
    margin-left: 90px;
  }

  .params-box .divide {
    /* margin: 0 90px; */
  }

  .scene-box {
    padding: 70px 0;
  }

  .scene-box .pub-desc {
    width: 60%;
  }

  .params-box .left .pub-more {
    transition: all .2s linear;
  }

  .params-box .left .pub-more:hover {
    background-color: #111;
  }

  .scene-box .pub-more {
    transition: all .2s linear;
  }

  .scene-box .pub-more:hover {
    background-color: #111;
  }

  .scene-box .list .con-box .txt {
    transition: all .2s linear;
  }

  .scene-box .list .con-box .img {
    overflow: hidden;
  }

  .scene-box .list .con-box img {
    transition: all .2s linear;
  }

  .scene-box .list .con-box:hover img {
    transform: scale(1.1);
  }

  .scene-box .list .con-box:hover .txt {
    color: #91c231;
  }

  /* productinfo end */
  .market-box {
    padding: 70px 0;
  }

  .market-box li .text-box {
    padding: 40px;
  }

  .market-box li .sec-list a {
    transition: all .2s linear;
  }

  .market-box li .sec-list a:hover {
    color: #91c231;
  }

  /* market end */
  .market-list {
    padding: 70px 0;
  }

  .market-list .item {
    padding: 0 10px;
    margin-bottom: 20px;
  }

  .market-list .item:last-child {
    margin-bottom: 20px;
  }

  .market-list .text-box {
    padding: 15px;
  }

  /* marker list end */
  .markinfo-wrap {
    padding-bottom: 0;
  }

  .mark-product-box .pub-desc {
    text-align: left;
    width: 100%
  }

  .solution-box {
    padding: 70px 0;
  }

  .solution-box .con {
    margin-top: 20px;
  }

  /* marketindo end */

  .about-box1 .circle-btn {
    margin-top: 40px;
  }

  .about-box1 .img .prev {
    left: -50px;
  }

  .about-box1 .img .next {
    left: 0;
  }

  .about-box1 .circle-btn {
    transition: all .2s linear;
  }

  .about-box1 .circle-btn:hover {
    background-image: url('../img/circle-down2.png');
  }

  .series-box {
    position: relative;
    background-color: #f9f9f9;
  }

  .series-box .swiper-slide {
    position: relative;
  }

  .series-box .white {
    content: "";
    position: absolute;
    right: 3.125%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }

  .series-box .view {
    z-index: 3;
  }

  .series-box .gray {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2vh;
    background-color: #f9f9f9;
  }

  .series-box .swiper-slide:nth-child(2n+1) .gray {
    top: 0;
  }

  .series-box .swiper-slide:nth-child(2n) .gray {
    bottom: 0;
  }

  .series-box {
    padding: 0;
  }

  .series-box .buttons {
    margin-top: 0;
  }

  .series-box .buttons .prev,
  .series-box .buttons .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    margin: 0;
    transition: all .2s linear;
  }

  .series-box .buttons .prev {
    left: 8vw;
  }

  .series-box .buttons .next {
    right: 8vw;
  }

  .series-box .buttons .prev:hover {
    background-image: url('../img/series-prev2.png')
  }

  .series-box .buttons .next:hover {
    background-image: url('../img/series-next2.png')
  }

  .series-box .tit {
    font-size: 24px;
    line-height: 34px;
  }

  .series-box .pub-con {
    height: 72px;
    font-size: 14px;
  }

  .series-box .more-btn {
    transition: all .2s linear;
  }

  .series-box .more-btn:hover {
    background-image: url('../img/supplier-more2.png')
  }

  .history-box .tit-box .cn {
    font-size: 20px;
    line-height: 30px;
  }

  .history-box .swiper-slide .year {
    font-size: 31vw;
    line-height: 30vw;
  }

  .history-box .tab-box .next {
    right: 5%;
  }

  .history-box {
    padding: 70px 0;
  }

  .history-box .swiper-slide .img-box {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40.6%;
    margin: 0;
  }

  .history-box .swiper-slide .img-box .bimg {
    width: 85.2%;
  }

  .history-box .swiper-slide .img-box .simg {
    width: 30%;
  }

  .history-box .swiper-slide .year {
    position: static;
  }

  .history-box .tab-box .txt {
    position: absolute;
    left: 46.7%;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
  }

  .history-box .tab-box .next {
    top: 50%;
  }

  .history-box .year-box {
    margin: 0;
  }

  .history-box .year-box .swiper-slide {
    margin-right: 60px;
  }

  .history-box .tab-box .next {
    transition: all .2s linear;
  }

  .history-box .tab-box .next:hover {
    background-image: url('../img/history-next2.png')
  }

  .about-dialog-box .about-dialog-wrap h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .about-dialog-box .about-dialog-wrap {
    width: 75%;
    max-width: 730px;
    padding: 70px 50px;
  }

  .about-dialog-box .about-dialog-wrap .about-dialog {
    height: 350px;
  }

  .about-dialog-box .dialog-close {
    right: 45px;
    top: 25px;
  }

  /* about end */
  .sub-banner .honor-txt .pub-con {
    width: 100%;
  }

  .sub-banner .honor-txt .left {
    padding-left: 80px;
  }

  .sub-banner .honor-txt .right {
    width: 43%;
  }

  .sub-banner .honor-txt .left .line {
    width: 60px;
    top: 15px;
  }

  .sub-banner .honor-txt .left .sub-tit {
    font-size: 20px;
    line-height: 30px;
  }

  .ban-honor .sub-text {
    padding: 100px 0;
  }

  .honor-view {
    max-width: 1200px;
  }

  .honor-list {
    padding: 0 0 70px;
  }

  .honor-list .item {
    position: relative;
    cursor: pointer;
  }

  .honor-list .item .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 15px;
  }

  .honor-list .text .tit {
    font-size: 18px;
    line-height: 28px;
    color: #222;
  }

  .honor-list .text .pub-desc {
    margin-top: 5px;
  }

  /* honor end */
  .culture-box {
    padding: 70px 0;
  }

  .culture-box .icon-box .row {
    margin: 0 -20px;
  }

  .culture-box .icon-box .item {
    padding: 0 20px;
    margin-bottom: 0;
  }

  .culture-box .icon-box .icon {
    transition: all .2s linear;
  }

  .culture-box .icon-box .tit {
    font-size: 20px;
    line-height: 30px;
  }

  .culture-box .pub-desc {
    margin-bottom: 50px;

  }

  .activity-box {
    padding: 70px 0;
  }

  .activity-box .tab-box {
    padding: 60px 0;
    margin-top: 0;
  }

  .activity-box .tab-box .swiper-slide {
    width: 25%;
    transition: all .2s linear;
  }

  .activity-box .tab-box .prev {
    left: 0;
  }

  .activity-box .tab-box .next {
    right: 0;
  }

  .activity-box .tab-box .txt {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .2s linear;
  }

  .activity-box .tab-box .swiper-slide:hover {
    transform: scale(1.2);
    position: relative;
    z-index: 3;

  }

  .activity-box .tab-box .swiper-slide:hover .txt {
    opacity: 1;
    filter: alpha(opacity=100);
    box-shadow: 0 0 50px rgba(132, 176, 44, .25);
  }

  .activity-box .tab-box .prev,
  .activity-box .tab-box .next {
    width: 80px;
    height: 80px;
    background-size: auto;
    background-color: rgba(255, 255, 255, .8);
    transition: all .2s linear;
  }

  .activity-box .tab-box .prev {
    background-image: url('../img/active-prev.png');
  }

  .activity-box .tab-box .next {
    background-image: url('../img/active-next.png');
  }

  .activity-box .tab-box .prev:hover,
  .activity-box .tab-box .next:hover {
    background-color: #91c231;
  }

  .activity-box .tab-box .prev:hover {
    background-image: url('../img/active-prev2.png');
  }

  .activity-box .tab-box .next:hover {
    background-image: url('../img/active-next2.png');
  }

  /* activity end */
  .ban-news .sub-text .pub-con {
    width: 100%;
  }

  .news-box {
    padding: 70px 0;
  }

  .news-box .item {
    margin-bottom: 40px;
  }

  .news-box .item .tit {
    font-size: 20px;
    line-height: 30px;
    margin-top: 5px;
  }

  .news-box .item .time {
    font-size: 16px;
    line-height: 26px;
  }

  .news-box .pub-more {
    padding: 0 30px;
    transition: all .2s linear;
  }

  .news-box .pub-more span {
    font-size: 14px;
  }

  .news-box .pub-more:hover {
    background-color: #111;
  }

  .news-box .item .img {
    overflow: hidden;
  }

  .news-box .item img {
    transition: all .2s linear;
  }

  .news-box .item:hover img {
    transform: scale(1.1);
  }

  .news-box .load-box {
    margin-top: 80px;
  }

  .news-box .pub-down {
    padding: 0 50px;
  }

  .i-news .news-tab .swiper-slide .img {
    overflow: hidden;
  }

  .i-news .news-tab .swiper-slide img,
  .i-news .news-tab .swiper-slide .tit {
    transition: all .2s linear;
  }

  .i-news .news-tab .swiper-slide:hover img {
    transform: scale(1.1);
  }

  .i-news .news-tab .swiper-slide:hover .tit {
    color: #91c231;
  }

  .i-news .tit-box .pub-more:hover {
    color: #91c231;
  }


  /* news end */
  .newsinfo-box {
    padding: 70px 0;
  }

  .newsinfo-box .tit {
    font-size: 20px;
    line-height: 30px;
  }

  .newsinfo-box .ctrl a,
  .newsinfo-box .pub-more {
    transition: all .2s linear;
  }

  .newsinfo-box .ctrl a:hover {
    color: #91c231;
  }

  .newsinfo-box .pub-more:hover {
    background-color: #111;
  }

  /* newsinfo end */
  .service-box {
    padding: 70px 0;
  }

  .service-box .list-wrap {
    margin-top: 30px;
  }

  .service-box .list-wrap .tit {
    font-size: 20px;
    line-height: 30px;
  }

  .service-box .list-wrap .list-item {
    padding: 20px 0;
  }

  .service-box .list-wrap .file {
    font-size: 16px;
    line-height: 26px;
  }

  .service-box .list-wrap .mid-tit {
    padding-bottom: 20px;
  }

  .service-box .list-wrap .down-btn {
    font-size: 16px;
    margin-right: 35px;
  }

  .service-box .list-wrap li {
    margin-bottom: 50px;
  }

  /* service end */
  .mid-tit {
    font-size: 18px;
    line-height: 28px;
  }

  .map {
    width: 100%;
    height: 100vh;
  }

  .map-box .text-box {
    left: 13.5%;
    width: 300px;
    padding: 40px 50px;
  }

  .map-box .text-box .view {
    width: 100%;
  }

  .map-box .text-box .line {
    margin-top: 15px;
  }

  .map-box .text-box .con {
    font-size: 16px;
    line-height: 26px;
  }

  .map-box .text-box .btn-box {
    margin-top: 20px;
  }

  .map-box .icon-box {
    margin-top: 40px;
  }

  .map-box .icon-box .item {
    padding-left: 60px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px;
  }

  .mid-tit2 {
    font-size: 24px;
    line-height: 34px;
  }

  .pub-con2 {
    font-size: 16px;
    line-height: 26px;
  }

  .hotline-box .hotline .pub-con2 {
    margin-top: 15px;
  }

  .message-box {
    padding: 70px 0;
  }

  .message-box .view {
    max-width: 1200px;
  }

  .message-box .form-box .inp,
  .message-box .form-box .check {
    border: 2px solid #fff;
  }

  .message-box .form-box .check-box,
  .message-box .form-box .submit {
    border: none;
  }

  .message-box .form-box .check-box img {
    height: 54px;
  }

  .message-box .form-box {
    margin-top: 60px;
  }

  /* contact end */
  .map-tab-btns .view {
    width: 100%;
    padding-left: 65px;
    max-width: 100%;
  }

  .map-tab-btns .swiper-slide a {
    padding: 0 50px;
  }

  .map-tab-btns .swiper-slide span {
    font-size: 18px;
    line-height: 68px;
    transition: all .2s linear;
  }

  .map-tab-btns .swiper-slide a:hover span {
    color: #91c231;
    background-image: url('../img/custom-arrow2.png');
  }

  .map-dialog {
    width: 465px;
    padding: 30px 30px 40px;
  }

  .map-dialog .pub-desc {
    margin-top: 20px;
    padding-top: 20px;
  }

  .map-dialog .pub-desc .item {
    margin-bottom: 10px;
  }

  .map-dialog .pub-desc .item:last-child {
    margin-bottom: 0;
  }

  .support-box {
    padding: 70px 0;
  }

  .support-box .support .con-box {
    padding: 30px 10px;
  }

  .support-box .support .icon {
    width: 60px;
  }

  .support-box .support .item .txt {
    font-size: 16px;
    line-height: 26px;
    margin-top: 30px;
  }

  /* customer end */

  .notice-box {
    padding: 70px 0;
  }

  .notice-box .top-tit .right-con {
    width: 60%;
    margin-top: 15px;
  }

  .notice {
    margin-top: 50px;
  }

  .notice .con {
    padding: 40px;
  }

  /* notice end */
  .talent-box {
    height: 100vh;
  }

  .talent-box .talent-tit .tit {
    font-size: 36px;
    line-height: 46px;
  }

  .talent-box .list {
    margin-top: 40px;
  }

  .talent-box .list .con-box {
    padding: 30px 30px 90px;
    transition: all .2s linear;
  }

  .talent-box .list .icon {
    width: 66px;
  }

  .talent-box .list .more {
    width: 120px;
    height: 40px;
    line-height: 40px;
  }

  .talent-box .list .con-box:hover {
    background-color: rgba(132, 176, 44, .9);
  }

  /* talent end */
  .ban-talent .honor-txt .left {
    padding: 0;
  }

  .position-box {
    padding: 70px 0;
  }

  .position-box .list {
    margin-top: 40px;
  }

  .position-box .list .item {
    padding: 20px 40px;
  }

  .position-box .list .item .txt {
    font-size: 18px;
    line-height: 30px;
    transition: all .2s linear;
  }

  .position-box .list .item .more {
    width: 30px;
    height: 30px;
  }

  .position-box .more-box {
    margin-top: 60px;
  }

  .position-box .list .item:hover .txt {
    color: #91c231;
  }

  .position-box .more-box .pub-down {
    transition: all .2s linear;
  }

  .position-box .more-box .pub-down:hover {
    background-color: #91c231;
  }

  .position-info-box .list .item:hover .txt {
    color: #222
  }

  .position-info-box .text-box {
    padding: 20px 40px;
    line-height: 30px;
  }

  .position-info-box .text-box .top-con {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .position-info-box .btns-box .send {
    padding: 0 40px;
    line-height: 46px;
  }

  .position-info-box .btns-box .send,
  .position-info-box .btns-box .share-btn {
    border-radius: 23px;
  }

  .position-info-box .btns-box .share-btn {
    padding: 0;
    display: inline-block;
  }

  .position-info-box .btns-box .share-btn a {
    display: block;
    line-height: 46px;
    height: 46px;
    padding: 0 40px 0 60px;
    background-position: 40px center;
  }

  .bdshare_popup_box {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden;
  }

  .btns-box .share-btn:hover {
    background-color: #91c231;
    box-shadow: 0 0 35px rgba(145, 194, 49, .18);
  }

  .btns-box .share-btn {
    transition: all .2s linear;
  }

  .btns-box .share-btn a {
    transition: all .2s linear;
  }

  .btns-box .share-btn:hover a {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
    background-image: url('../img/share-btn2.png');
  }

  .position-info-box .btns-box .send {
    transition: all .2s linear;
  }

  .position-info-box .btns-box .send:hover {
    color: #fff;
    background-color: #91c231;
    box-shadow: 0 0 35px rgba(145, 194, 49, .18);
  }

  .position-info-box .btns-box .send,
  .position-info-box .btns-box .share-btn a {
    font-size: 16px;
  }

  /* societyinfo end */
  .ban-talent .honor-txt .pub-con {
    width: 73%;
  }

  .recruit-box {
    padding: 70px 0;
  }

  .recruit-box .recruit .top-box .item {
    font-size: 20px;
    line-height: 50px;
  }

  .recruit-box .recruit .item-list .item {
    font-size: 16px;
    line-height: 26px;
    padding: 10px 15px;
  }

  .recruit-box .recruit li .drop {
    padding: 30px;
  }

  .recruit-box .recruit {
    margin-top: 30px;
  }

  .welfare-box {
    padding-top: 70px;
  }

  .welfare-box .welfare {
    margin-top: 40px;
  }

  .welfare-box .welfare .txt {
    font-size: 18px;
    line-height: 28px;
  }

  .process-box {
    padding: 70px 0;
  }

  .process-box .top-box {
    margin-top: 40px;
  }

  .process-box .step .step-item .con-box {
    padding: 4vh 1vw;
  }

  .process-box .step .step-item:nth-child(2) .item {
    padding: 4.5vh;
  }

  .advocacy-box {
    padding: 70px 0;
  }

  .advocacy-box .advocacy {
    margin-top: 40px;
  }

  .advocacy-box .advocacy .time {
    font-size: 18px;
    line-height: 28px;
    transition: all .2s linear;
  }

  .advocacy-box .advocacy .swiper-slide .con-wrap,
  .advocacy-box .advocacy .swiper-slide .pub-desc,
  .advocacy-box .advocacy .swiper-slide .con-box:before {
    transition: all .2s linear;
  }

  .advocacy-box .advocacy .swiper-slide:hover .time {
    background-color: #91c231;
    color: #fff;
    border-color: #91c231;
  }

  .advocacy-box .advocacy .swiper-slide:hover .con-wrap {
    box-shadow: 0 0 20px rgba(4, 0, 0, .1);
  }

  .advocacy-box .advocacy .swiper-slide:hover .pub-desc {
    border-color: #fff;
  }

  .advocacy-box .advocacy .swiper-slide:nth-child(2n+1):hover .con-box:before {
    background-image: url('../img/h-advocacy-top.png')
  }

  .recruit-box .recruit li .drop .apply {
    transition: all .2s linear;
  }

  .recruit-box .recruit li .drop .apply:hover {
    background-color: #111;
  }

  .recruit-box .recruit .detail {
    transition: all .3s linear;
  }

  .recruit-box .recruit .detail:hover {
    color: #91c231;
  }

  /* school end */
  .treat-box {
    padding: 70px 0;
  }

  .treat-box .icon-box {
    margin-top: 50px;
  }

  .treat-box .icon-box .item {
    width: 20%;
    margin-bottom: 0;
  }

  .treat-box .icon-box .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .treat-box .icon-box .con-box {
    box-sizing: border-box;
    height: 100%;
    padding: 30px 10px;
    transition: all .2s linear;
  }

  .treat-box .icon-box .mid-tit {
    margin-top: 40px;
    transition: all .2s linear;
  }

  .treat-box .icon-box .con-box .icon {
    transition: all .2s linear;
  }

  .treat-box .icon-box .con-box:hover {
    background-color: #91c231;
    border-color: #91c231;
  }

  .treat-box .icon-box .con-box:hover .mid-tit {
    color: #fff;
  }


  .place-box .place-btns {
    margin-top: 30px;
  }

  .place-box .place-btns .item {
    padding: 0 40px;
    margin: 0 10px;
  }

  .place-box .place-btns .item span {
    line-height: 50px;
    padding-left: 30px;
  }

  .place-list .list .place-item {
    padding: 50px 0;
  }

  .place-list .list .place-item .mid-tit {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .place-list .list .place-item .con .item {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
  }

  .work-box h3 {
    font-size: 18px;
    line-height: 28px;
  }

  .work-box .list {
    margin-top: 50px;
  }

  .work-box .list .item .text {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
  }

  .apply-box {
    padding: 70px 0;
  }

  .apply-box .form-wrap {
    padding: 50px;
  }

  .apply-box .form-box .pc-date {
    display: block;
  }

  .apply-box .form-box .m-date {
    display: none;
  }

  .apply-box .form-box .inp {
    width: 32%;
    float: left;
    margin-right: 2%;
  }

  .apply-box .form-box .inp:nth-child(3n) {
    margin-right: 0;
  }

  .apply-box .form-box .inp:nth-child(2n) {
    float: left;
  }

  .apply-box .form-box input[type=text],
  .apply-box .form-box input[type=date],
  .apply-box .form-box textarea {
    width: 52%;
  }

  .apply-box .form-box .container-inp {
    width: 100%;
  }

  .apply-box .ability-box .inp:nth-child(2) {
    width: 49%;
  }

  .apply-box .ability-box .inp:nth-child(3) {
    width: 49%;
  }

  .apply-box .skill-box .inp {
    width: 49%;
  }

  .apply-box .skill-box .inp:nth-child(2n) {
    margin-right: 0;
  }

  .apply-box .form-box .check-box {
    padding: 0;
    width: 49%;
  }

  .apply-box .form-box .apply-tit {
    font-size: 24px;
    line-height: 34px;
    padding-left: 50px;
  }

  .apply-box .form-box .apply-tit:before {
    width: 40px;
  }

  .apply-box .form-box {
    margin-bottom: 40px;
  }

  .form-box .label-box a {
    margin-right: 30px;
  }

  .apply-box .form-box .gender .sub a {
    transition: all .2s linear;
  }

  .apply-box .form-box .gender .sub a:hover {
    background-color: #91c231;
    color: #fff;
  }

  /* trainee end */
  .wow {
    visibility: hidden;
    animation-timing-function: cubic-bezier(.25, .74, .22, .99);
  }

  .apply-box input[type=submit],
  .message-box .form-box input[type=submit] {
    transition: all .2s;
  }

  .apply-box input[type=submit]:hover {
    background-color: #111;
  }

  .message-box .form-box input[type=submit]:hover {
    background-color: #fff;
    color: #222;
  }

  .back-arrow {
    transition: all .3s linear;
  }

  .back-arrow:hover {
    background-color: #111;
  }
}

@media (min-width: 1367px) {
  .banner .text-box .cn {
    font-size: 60px;
    line-height: 70px;
  }

  .banner .text-box .en {
    font-size: 20px;
    line-height: 30px;
    margin-top: 20px;
  }

  .banner .text-box .con {
    width: 34%;
  }

  .banner .pub-more {
    margin-top: 55px;
  }

  .pub-more span {
    font-size: 18px;
  }

  .i-product .pc-icon {
    width: 83.33%;
    margin: 0 auto;
  }

  .i-product .more-box {
    margin-top: 65px;
  }

  .i-product .pc-icon .con-box .icon {
    width: 112px;
  }

  .i-product .pc-icon .txt {
    font-size: 18px;
    line-height: 28px;
  }

  .i-news .tit-box .tit {
    font-size: 36px;
    line-height: 46px;
  }

  .i-news .tit-box .desc a {
    font-size: 16px;
    line-height: 26px;
  }

  .i-news .news-tab .text-box {
    padding: 30px 35px;
  }

  .i-apply .tit-box .en {
    font-size: 54px;
    line-height: 64px;
  }

  .i-apply .tit-box .cn {
    font-size: 36px;
    line-height: 46px;
  }



  /* welcome end */

  .foot-top {
    padding: 120px 0 160px;
  }

  .foot-top .f-nav li {
    margin-right: 3.6vw;
  }

  .foot-top .f-nav li a {
    font-size: 14px;
    line-height: 30px;
  }

  .foot-top .f-nav li .tit {
    font-size: 18px;
    line-height: 28px;
  }

  .foot-top .f-contact {
    width: 22%;
  }

  .foot-top .f-contact .tit {
    font-size: 18px;
    line-height: 28px;
  }

  .foot-top .f-contact .address {
    margin-top: 20px;
    font-size: 15px;
    line-height: 28px;
  }

  .foot-top .f-contact .con {
    font-size: 15px;
    line-height: 25px;
    margin-top: 15px;
  }

  .foot-bottom .left {
    font-size: 14px;
  }

  .foot-bottom .build {
    font-size: 14px;
  }

  .foot-bottom .build a {
    font-size: 14px;
  }

  /* footer end */
  .sub-banner img {
    width: 100%;
    transform: translateX(0);
  }

  .view {
    width: 78.125%;
  }

  .header-view {
    width: auto;
  }

  .supplier-box1 {
    padding: 100px 0 120px;
  }

  .supplier-box1 .tit-box .cn {
    font-size: 24px;
    line-height: 34px;
  }

  .supplier-box1 .tit-box .en {
    font-size: 48px;
    line-height: 58px;
    margin-top: 5px;
  }

  .supplier-box1 .tit-box .line {
    margin-top: 35px;
  }

  .pub-con {
    font-size: 14px;
  }

  .supplier-box1 .con {
    line-height: 40px;
    margin-top: 35px;
    font-size: 16px;
  }

  .supplier-box1 .icon-box {
    margin-top: 80px;
  }

  .supplier-box1 .icon-box .row {
    margin: 0 -4.427vw;
  }

  .supplier-box1 .item {
    padding: 0 4.427vw;
  }

  .supplier-box1 .item .icon {
    width: 106px;
    height: 106px;
  }

  .supplier-box1 .item .txt {
    font-size: 24px;
    line-height: 34px;
  }

  .supplier-box2 {
    padding: 90px 0 80px;
  }

  .pub-tit {
    font-size: 36px;
    line-height: 46px;
  }

  .supplier-box2 .pub-desc {
    width: 62.67%;
    margin: 20px auto 0;
  }

  .supplier-box2 .down-btn {
    margin-top: 130px;
  }

  .supplier-list li .tit {
    font-size: 30px;
    line-height: 40px;
  }

  .supplier-list li .more-btn {
    margin-top: 13vh;
    width: 42px;
    height: 42px;
  }

  .supplier-list li .line {
    margin-top: 15px;
  }

  .become-box .top-box {
    padding: 80px 0 70px;
  }

  .become-box .top-box .pub-desc {
    width: 48.67%;
    margin-top: 20px;
  }

  .become-box .list-box {
    padding: 125px 0 95px;
  }

  .become-box .list-box .con-box {
    padding: 8vh 2vw;
    font-size: 16px;
    line-height: 30px;
  }

  .pub-desc {
    font-size: 16px;
    line-height: 30px;
  }

  .coo-box {
    padding: 100px 0 70px;
  }

  .coo-box .text-box .icon {
    width: 52px;
    height: 52px;
  }

  .coo-box .text-box .tit {
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
  }

  .file-box {
    padding: 100px 0 120px;
  }

  .file-box .pub-desc {
    margin-top: 20px;
  }

  .file-box .list {
    margin-top: 80px;
  }

  .file-box .list .row {
    margin: 0 -20px;
  }

  .file-box .list .item {
    padding: 0 20px;
    margin-bottom: 20px;
  }

  .file-box .list .txt {
    font-size: 22px;
    line-height: 100px;
  }

  .file-box .list .down-btn {
    width: 100px;
    height: 100px;
  }

  /*supplier end*/
  .sub-banner .sub-text {
    padding: 80px 0 90px;
  }

  .sub-banner .sub-text .tit-box {
    transform: translateY(-60%);
  }

  .sub-banner .cn {
    font-size: 24px;
    line-height: 34px;
  }

  .sub-banner .en {
    font-size: 120px;
    line-height: 120px;
    transform: translateX(-10px);
    margin-top: 15px;
  }

  .product-box {
    padding: 100px 0 190px;
  }

  .product-box li .text-box {
    padding: 100px 50px;
  }

  .product-box li .text-box .tit {
    font-size: 30px;
    line-height: 40px;
  }

  .product-box li .text-box .pub-con {
    height: 144px;
  }

  .product-box li .text-box .pub-more {
    margin-top: 80px;
  }

  .product-wrap .top-tit .left {
    float: left;
  }

  /*product end*/
  .sub-banner .pc-nav a {
    font-size: 18px;
    line-height: 40px;
  }

  .top-tit {
    /* border-bottom: 1px solid #dcdcde; */
    padding-bottom: 20px;
  }

  .top-tit .left {
    float: left;
  }

  .top-tit .right {
    float: right;
    margin: 0;
    width: 49%;
    text-align: right;
    margin: 0 -3px;
  }

  .top-tit .item {
    padding: 0 3px;
    margin: 0;
  }

  .top-tit .right.on {
    width: 100%;
    text-align: left;
  }

  .top-tit .right.on .item {
    margin-bottom: 6px;
    width: 20%;
  }

  .top-tit .cn {
    /* font-size: 24px;
		line-height: 34px; */
    font-size: 30px;
    line-height: 40px;
  }

  .top-tit .en {
    font-size: 40px;
    line-height: 50px;
  }

  .top-tit .right {
    margin-top: 20px;
  }

  .top-tit .tit {
    line-height: 60px;
  }

  .top-tit .sub {
    top: 62px;
  }

  .product-wrap {
    padding: 120px 0 200px;
  }

  .top-tit .tit span {
    font-size: 16px;
  }

  .product-wrap .list .con-box .txt {
    transition: all .2s linear;
  }

  .product-wrap .list .con-box:hover .txt {
    color: #92c333;
  }

  /* product list end */
  .ban-product {
    padding: 110px 0;
  }

  .ban-product .text-box {
    width: 30%;
  }

  .ban-product .desc {
    font-size: 24px;
    line-height: 28px;
    margin-top: 15px;
  }

  .ban-product .down-btn {
    margin-top: 70px;
  }

  .params-box {
    padding: 80px 0 90px;
  }

  .params-box .right {
    line-height: 50px;
  }

  .params-box .left .en {
    font-size: 18px;
    line-height: 28px;
  }

  .params-box .divide {
    height: 180px;
  }

  .scene-box .pub-tit {
    margin-bottom: 20px;
  }

  .scene-box .pub-desc {
    margin-bottom: 40px;
  }

  .scene-box .list .row {
    margin: 0 -10px;
  }

  .scene-box .list .item {
    padding: 0 10px;
    margin-bottom: 20px;
  }

  .scene-box .list .con-box .txt {
    font-size: 24px;
    line-height: 34px;
    padding: 20px 0;
  }

  .scene-box .pub-desc {
    width: 48%;
  }

  .scene-box {
    padding: 80px 0 140px;
  }

  .scene-box .more-box {
    margin-top: 50px;
  }

  /* productinfo end */
  .market-box {
    padding: 70px 0 170px;
  }

  .market-box li .sec-list a {
    font-size: 18px;
    line-height: 50px;
  }

  .market-box li .text-box {
    padding: 40px 70px;
  }

  .market-box li .tit-box {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  /* market end */
  .market-list {
    padding: 80px 0;
  }

  .market-list .text-box {
    padding: 30px;
  }

  .market-list .item.on .text-box {
    padding: 15px 30px;
  }

  .market-list .text-box .tit {
    font-size: 20px;
    line-height: 30px;
  }

  /* marker list end */
  .markinfo-wrap {
    padding-bottom: 0;
  }

  .mark-product-box .pub-desc {
    text-align: left;
    width: 100%
  }

  .solution-box {
    padding: 70px 0 150px;
  }

  .solution-box .con {
    margin-top: 40px;
  }

  /* marketindo end */
  .about-box1 {
    padding: 110px 0 80px;
  }

  .about-box1 .con {
    line-height: 28px;
    margin-top: 25px;
  }

  .about-box1 .circle-btn {
    width: 42px;
    height: 42px;
    margin-top: 70px;
  }

  .about-box1 .con {
    font-size: 14px;
    line-height: 24px;
  }

  .series-box .gray {
    /* height: 65px; */
    height: 5vh;
  }

  .series-box .buttons .prev,
  .series-box .buttons .next {
    width: 42px;
    height: 42px;
  }

  .series-box .buttons .prev {
    left: 5.5vw;
  }

  .series-box .buttons .next {
    right: 5.5vw;
  }

  .series-box .tit {
    font-size: 30px;
    line-height: 40px;
  }

  .series-box .line {
    margin-top: 15px;
  }

  .series-box .pub-con {
    height: 72px;
    font-size: 14px;
  }

  .series-box .more-btn {
    margin-top: 30px;
    width: 42px;
    height: 42px;
  }

  .history-box .tit-box .cn {
    font-size: 24px;
    line-height: 34px;
  }

  .history-box .tit-box .en {
    font-size: 48px;
    line-height: 58px;
    margin-top: 5px;
  }

  .history-box .year-box {
    padding: 0 50px;
  }

  .history-box .year-box .swiper-slide {
    margin-right: 100px;
  }

  .history-box .year-box {
    margin-top: 0;
  }

  .history-box .swiper-slide .year {
    line-height: 25vw;
  }

  .history-box .tab-box .next {
    width: 76px;
    height: 76px;
    transition: all .2s linear;
  }

  .about-dialog-box .about-dialog-wrap h3 {
    font-size: 24px;
    line-height: 34px;
  }

  /* about end */
  .sub-banner .honor-txt .left {
    padding-left: 120px;
  }

  .sub-banner .honor-txt .left .sub-tit {
    font-size: 28px;
    line-height: 50px;
  }

  .sub-banner .honor-txt .left .line {
    width: 90px;
    top: 25px;
  }

  .sub-banner .honor-txt .pub-con {
    line-height: 30px;
  }

  .ban-honor .sub-text {
    padding: 115px 0 115px;
  }

  .honor-list .item .text {
    padding: 25px;
  }

  .honor-list .text .tit {
    font-size: 24px;
    line-height: 34px;
  }

  .honor-list .text .pub-desc {
    line-height: 30px;
    margin-top: 20px;
  }

  .honor-list {
    padding: 0 0 160px;
  }

  /* honor end */
  .culture-box {
    padding: 120px 0;
  }

  .culture-box .icon-box .tit {
    font-size: 24px;
    line-height: 34px;
  }

  .culture-box .icon-box .row {
    margin: 0 -60px;
  }

  .culture-box .icon-box .item {
    padding: 0 60px;
    margin-bottom: 0;
  }

  .culture-box .icon-box .icon {
    width: 106px;
    height: 106px;
  }

  .culture-box .pub-tit {
    margin-bottom: 20px;
  }

  .culture-box .pub-desc {
    margin-bottom: 90px;
    width: 45%;
  }

  .activity-box {
    padding: 90px 0 100px;
  }

  .activity-box .pub-tit {
    margin-bottom: 20px;
  }

  .activity-box .pub-desc {
    width: 50%
  }

  .activity-box .tab-box {
    padding-top: 10vh;
  }

  .activity-box .tab-box .txt {
    line-height: 75px;
    font-size: 20px;
  }

  /* activity end */
  .news-box {
    padding: 100px 0 185px;
  }

  .news-box .item {
    margin-bottom: 60px;
  }

  .news-box .item .text-box {
    right: 14%;
    width: 38.66%;
  }

  .news-box .item .time {
    font-size: 18px;
    line-height: 28px;
  }

  .news-box .item .tit {
    font-size: 24px;
    line-height: 34px;
  }

  .news-box .item .pub-con {
    margin-top: 20px;
  }

  .news-box .item .more-box {
    margin-top: 40px;
  }

  .news-box .load-box {
    margin-top: 130px;
  }

  .news-box .pub-down {
    padding: 0 80px;
  }

  /* news end */
  .newsinfo-box {
    padding: 90px 0 270px;
  }

  .newsinfo-box .tit-box {
    padding-bottom: 30px;
  }

  .newsinfo-box .tit {
    font-size: 24px;
    line-height: 34px;
  }

  .newsinfo-box .pub-con {
    margin-top: 45px;
  }

  .newsinfo-box .ctrl-box {
    margin-top: 100px;
    padding-top: 50px;
  }

  .newsinfo-box .ctrl-box .ctrl {
    width: 50%;
  }

  .newsinfo-box .back-box .pub-more {
    padding: 0 100px;
  }

  .newsinfo-box .back-box .pub-more span {
    font-size: 14px;
  }

  /* newsinfo end */
  .service-box {
    padding: 100px 0 180px;
  }

  .service-box .list-wrap .mid-tit {
    padding-bottom: 25px;
  }

  .service-box .list-wrap .tit {
    font-size: 24px;
    line-height: 34px;
  }

  .service-box .list-wrap .file {
    font-size: 18px;
    line-height: 28px;
  }

  .service-box .list-wrap .down-btn {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
  }

  .service-box .list-wrap .list-item {
    padding: 30px 0;
  }

  .service-box .list-wrap li {
    margin-bottom: 80px;
  }

  /* service end */
  .mid-tit {
    font-size: 24px;
    line-height: 34px;
  }

  .map-box .text-box {
    left: 10.9375%;
    padding: 60px;
    width: 400px;
  }

  .map-box .text-box .con {
    font-size: 18px;
    line-height: 28px;
  }

  .map-box .icon-box {
    margin-top: 60px;
  }

  .map-box .icon-box .item {
    padding-left: 65px;
  }

  .mid-tit2 {
    font-size: 30px;
    line-height: 40px;
  }

  .hotline-box {
    padding: 70px 0 105px;
  }

  .hotline-box .hotline {
    padding: 40px 0;
  }

  .hotline-box .hotline .con-box {
    padding: 0 60px;
  }

  .pub-con2 {
    font-size: 18px;
    line-height: 28px;
  }

  .hotline-box .hotline .pub-con2 .hotline-item {
    margin-bottom: 20px;
  }

  .message-box {
    padding: 80px 0 135px;
  }

  .message-box .form-box input {
    width: 89.5%;
  }

  .message-box .container-inp input {
    width: 95%;
  }

  .message-box .form-box .check input {
    width: 77%;
  }

  .message-box .container-inp textarea {
    width: 92%;
    height: 180px;
  }

  .message-box .form-box .inp {
    margin-bottom: 30px;
  }

  .message-box .form-box .submit {
    margin-top: 30px;
  }

  .message-box .form-box input[type=submit] {
    width: 250px;
  }

  .message-box .message-tit .line {
    width: 50px;
  }

  .contact header .logo .logo2 {
    display: block;
  }

  .contact header .logo .logo1 {
    display: none;
  }

  /* contact end */
  .map-tab-btns .view {
    width: 100%;
  }

  .map-tab-btns .swiper-slide a {
    padding: 0 70px;
  }

  .map-tab-btns .swiper-slide span {
    font-size: 20px;
  }

  .support-box {
    padding: 100px 0 90px;
  }

  .support-box .support {
    margin-top: 30px;
  }

  .support-box .support .row {
    margin: 0 -10px;
  }

  .support-box .support .item {
    padding: 0 10px;
    margin-bottom: 20px;
  }

  .support-box .support .con-box {
    padding: 60px 10px 40px;
  }

  .support-box .support .item .icon {
    width: 72px;
  }

  .support-box .support .item .txt {
    font-size: 20px;
    line-height: 30px;
  }

  /* customer end */

  .notice-box {
    padding: 100px 0 140px;
  }

  .notice-box .top-tit .right-con {
    width: 51%;
  }

  .notice {
    margin-top: 65px;
  }

  .notice .notice-logo {
    width: 150px;
  }

  .notice .con {
    width: calc(100% - 150px);
    padding: 70px 90px;
  }

  /* notice end */
  .talent-box .list .con-box {
    padding: 45px 60px 150px;
  }

  .talent-box .list .tit {
    font-size: 28px;
    line-height: 38px;
  }

  .talent-box .list .text-box {
    margin-top: 30px;
  }

  .talent-box .list .desc {
    margin-top: 10px;
  }

  .talent-box .list .more {
    left: 60px;
    bottom: 45px;
  }

  .talent-box .list .desc {
    line-height: 26px;
  }

  .talent-box .talent-tit .tit {
    font-size: 46px;
    line-height: 56px;
  }

  .talent-box .talent-tit .sub-tit {
    font-size: 26px;
    line-height: 36px;
  }

  /* talent end */
  .ban-talent .honor-txt .left {
    padding: 0;
  }

  .talent-tit-box {
    padding: 0;
  }

  .position-box {
    padding: 110px 0;
  }

  .position-box .list {
    margin-top: 60px;
  }

  .position-box .list .item {
    padding: 25px 60px;
  }

  .position-box .list .item .txt {
    font-size: 20px;
    line-height: 36px;
  }

  .position-box .list .item .more {
    width: 36px;
    height: 36px;
  }

  .position-box .more-box {
    margin-top: 85px;
  }

  .position-info-box .text-box {
    padding: 30px 60px 45px;
  }

  .position-info-box .text-box {
    line-height: 40px;
  }

  .position-info-box .text-box .text-item {
    margin-bottom: 0;
  }

  .position-info-box .btns-box {
    margin-top: 50px;
  }

  .position-info-box .btns-box .send {
    padding: 0 45px;
  }

  .position-info-box .btns-box .send,
  .position-info-box .btns-box .share-btn a {
    font-size: 18px;
  }

  /* societyinfo end */
  .recruit-box {
    padding: 100px 0 90px;
  }

  .recruit-box .recruit li .drop {
    padding: 30px 4.9vw 60px;
  }

  .recruit-box .recruit li .drop .apply {
    width: 153px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
  }

  .recruit-box .recruit .top-box .item {
    line-height: 60px;
    font-size: 24px;
  }

  .recruit-box .recruit .item-list .item {
    font-size: 18px;
    line-height: 28px;
    padding: 15px;
  }

  .welfare-box {
    padding-top: 90px;
  }

  .welfare-box .welfare {
    padding: 45px 0 110px;
  }

  .welfare-box .welfare .txt {
    font-size: 20px;
    line-height: 30px;
    padding-left: 70px;
  }

  .welfare-box .welfare li:nth-child(2n) .txt {
    padding-right: 70px;
  }

  .process-box {
    padding: 90px 0 130px;
  }

  .process-box .top-box {
    margin-top: 60px;
  }

  .process-box .step .step-item:nth-child(2) .item {
    font-size: 18px;
    line-height: 28px;
  }

  .process-box .step .step-item .con-box {
    font-size: 18px;
    line-height: 28px;
  }

  .process-box .step .step-item:nth-child(2) .item {
    padding: 3.125vw;
  }

  .process-box .step .step-item .con-box {
    padding: 3vw 1vw;
  }

  .advocacy-box {
    padding: 90px 0 160px;
  }

  .advocacy-box .advocacy {
    padding: 270px 115px;
    margin-top: 60px;
  }

  .advocacy-box .advocacy .swiper-slide {
    margin-right: 186px;
  }

  .advocacy-box .advocacy .con-box {
    width: 250px;
  }

  .advocacy-box .advocacy .time {
    padding: 15px 25px;
  }

  .advocacy-box .advocacy .pub-desc {
    padding: 30px 25px;
    min-height: 110px;
  }


  .advocacy-box .advocacy .time {
    font-size: 20px;
    line-height: 30px;
  }

  /* school end */

  .treat-box {
    padding: 110px 0;
  }

  .treat-box .icon-box {
    margin-top: 80px;
  }

  .treat-box .icon-box .con-box {
    padding: 60px 10px;
  }

  .treat-box .icon-box .icon {
    width: 63px;
    height: 63px;
  }

  .treat-box .icon-box .mid-tit {
    margin-top: 70px;
  }

  .place-box {
    padding: 60px 0 75px;
  }

  .place-box .place-btns {
    margin-top: 50px;
  }

  .place-box .place-btns .item {
    padding: 0 50px;
  }

  .place-box .place-btns .item span {
    font-size: 18px;
    line-height:
  }

  .place-list .list .place-item {
    padding: 70px 0 105px;
  }

  .place-list .list .place-item .mid-tit {
    padding-bottom: 25px;
    margin-bottom: 30px;
  }

  .place-list .list .place-item .con .item {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 25px;
  }

  .work-box {
    padding: 65px 0 85px;
  }

  .work-box h3 {
    font-size: 24px;
    line-height: 34px;
  }

  .work-box .list {
    margin-top: 90px;
  }

  .work-box .list .item {
    width: auto;
    margin: 0 55px;
  }

  .work-box .list .item .text {
    font-size: 18px;
    line-height: 28px;
  }

  .apply-box .form-box input[type=text],
  .apply-box .form-box input[type=date],
  .apply-box .form-box textarea {
    width: 69%;
  }

  .apply-box .ability-box .inp input,
  .apply-box .skill-box .inp input {
    width: 84%;
  }

  .form-box .container-inp .label-box {
    width: 92%;
  }

  .master-inp .label-box {
    width: 83.5%;
  }

  .apply-box .experience-box .container-inp textarea {
    width: 92%;
  }

  .apply-box .form-box .check-box .check input {
    width: 76%;
  }

  /* trainee end */
  .search-wrap .sub-banner .sub-text {
    padding: 50px 0;
  }
}

@media (min-width: 1600px) {
  .top-tit .right {
    width: 44%;
  }

  .top-tit .en {
    font-size: 48px;
    line-height: 58px;
  }

  .product-wrap .list .txt {
    font-size: 18px;
    line-height: 28px;
  }

  .ban-product .text-box {
    width: 25%;
  }

  .market-list .text-box .tit {
    font-size: 24px;
    line-height: 34px;
  }

  .mark-product-box .pub-desc {
    text-align: left;
    width: 100%
  }

  .series-box .pub-con {
    height: 96px;
  }

  .series-box .more-btn {
    margin-top: 50px;
  }

  .news-box .item .tit {
    font-size: 30px;
    line-height: 40px;
  }

  .news-box .item .more-box {
    margin-top: 60px;
  }

  /* news end */

  .apply-box {
    padding: 140px 0 150px;
  }

  .apply-box .form-wrap {
    margin-top: 45px;
  }

  .apply-box .form-box .inp {
    width: 19.1%;
    margin-right: 1.125%;
  }

  .apply-box .form-box input[type=text],
  .apply-box .form-box input[type=date],
  .apply-box .form-box textarea {
    width: 52%;
  }

  .apply-box .form-box .inp:nth-child(3n) {
    margin-right: 1.125%;
  }

  .apply-box .form-box .inp:nth-child(5n) {
    margin-right: 0;
  }

  .apply-box .form-box .sm-inp {
    width: 39.3%;
  }

  .apply-box .form-box .sm-inp input {
    width: 73%;
  }

  .apply-box .form-box .inp.has-margin {
    margin-right: 1.125%;
  }

  .apply-box .form-box .inp.remove-margin {
    margin-right: 0;
  }

  .apply-box .form-box .container-inp {
    width: 100%;
  }

  .form-box .container-inp .label-box {
    width: 92%;
  }

  .form-box .container-inp .label-box a {
    margin-right: 30px;
  }

  .apply-box .ability-box .inp:nth-child(2),
  .apply-box .ability-box .inp:nth-child(3) {
    width: 48.52%;
  }

  .apply-box .ability-box .inp:nth-child(3) {
    margin-right: 0;
  }

  .master-inp .label-box {
    width: 83%;
  }

  .apply-box .skill-box .inp {
    width: 48.52%;
  }

  .apply-box .skill-box .inp:nth-child(2n) {
    float: right;
  }

  .apply-box .ability-box .inp input,
  .apply-box .skill-box .inp input {
    width: 83%;
  }

  .form-box .label-box a {
    margin-bottom: 0;
  }

  .apply-box .skill-box .label-box {
    margin-top: 30px;
  }

  .apply-box .skill-box .label-box a {
    margin-right: 7.55vw;
  }

  .apply-box .skill-box .label-box a:last-child {
    margin-right: 0;
  }

  .apply-box .form-box {
    margin-bottom: 70px;
  }

  .apply-box .experience-box .inp {
    width: 32%;
    margin-right: 2%;
  }

  .apply-box .experience-box .inp input {
    width: 73%;
  }

  .apply-box .experience-box .inp:nth-child(3n) {
    margin-right: 0;
  }

  .apply-box .experience-box .container-inp {
    width: 100%;
  }

  .apply-box .experience-box .container-inp textarea {
    width: 92%;
  }

  .apply-box .form-box .check-box .check input {
    width: 61%;
  }

  .apply-box input[type=submit] {
    width: 250px;
    margin-top: 50px;
  }

  .apply-box .form-box input[type=text],
  .apply-box .form-box input[type=date],
  .apply-box .form-box textarea {
    width: 60%;
  }

  .apply-box .form-box .sm-inp input {
    width: 79%;
  }

  .apply-box .experience-box .inp input {
    width: 77%;
  }

  .form-box .container-inp .label-box {
    width: 93%;
  }

  .master-inp .label-box {
    width: 85.5%;
  }

  .apply-box .experience-box .container-inp textarea {
    width: 93%;
  }

  .apply-box .form-box .check-box .check input {
    width: 68%;
  }

  .apply-box .ability-box .inp input,
  .apply-box .skill-box .inp input {
    width: 86%;
  }

  /* trainee end */
  .product-box li .text-box .pub-more {
    margin-top: 140px;
  }
}

/* 2023.6.1 */

.form-dialog {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  box-sizing: border-box;
  display: none;
}

.form-dialog * {
  box-sizing: border-box;
}

.form-dialog .close-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.form-dialog .form-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 5;
  width: 40%;
  height: max-content;
  padding: 40px 60px;
}

.form-dialog .form-box .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
}

.form-dialog .form-box .close img {
  width: 100%;
}

.form-dialog .form-box .ipt-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.form-dialog .form-box .ipt-box input {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 20px;
  height: 52px;
  line-height: 52px;
  border: 1px solid #eaeaea;
  background: none;
  color: #333;
  font-size: 16px;
  padding: 0 20px;
}

.form-dialog .form-box .ipt-box input:nth-child(2n) {
  margin-right: 0;
}

.form-dialog .form-box .all-ipt {
  width: 100%;
  height: 52px;
  border: 1px solid #eaeaea;
  margin-bottom: 20px;
}

.form-dialog .form-box .all-ipt input {
  background: none;
  color: #333;
  font-size: 16px;
  padding: 0 20px;
  border: none;
  width: 100%;
  height: 100%;
}

.form-dialog .form-box textarea {
  width: 100%;
  height: 120px;
  resize: none;
  background: none;
  border: 1px solid #eaeaea;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  padding: 10px 20px;
  line-height: 1.2;
}

.form-dialog .form-box input[type=submit] {
  width: 160px;
  height: 52px;
  color: #fff;
  background: #91c330;
  font-size: 18px;
  border-radius: 10px;
  border: none;
}

.form-dialog #captcha {
  width: 160px;
  height: 52px;
  font-size: 18px;
  padding: 0 10px;
  margin-right: 10px;
  background: none;
  border: 1px solid #eaeaea;
}

@media (max-width: 1366px) {
  .form-dialog .form-box {
    width: 70%;
  }
}

@media (max-width: 767px) {
  .form-dialog .form-box {
    width: 90%;
    padding: 40px 10px;
  }

  .form-dialog .form-box .close {
    top: 10px;
    right: 10px;
    width: 20px;
  }

  .form-dialog .form-box .ipt-box input {
    height: 40px;
    padding: 0 10px;
  }

  .form-dialog .form-box .all-ipt {
    height: 40px;
  }

  .form-dialog .form-box .all-ipt input {
    padding: 0 10px;
  }

  .form-dialog .form-box textarea {
    height: 80px;
    padding: 10px;
    margin-bottom: 10px;
  }

  .form-dialog #captcha {
    height: 40px;
  }

  .form-dialog .form-box input[type=submit] {
    display: block;
    height: 40px;
    margin: 10px auto 0;
  }
}