@charset "utf-8";
/* reset */
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
iframe, frame, fieldset, img { border: 0 none; }
img {vertical-align: middle; }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none;  background:#fff; }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto;  background:#fff;}
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
a:link,
a:visited,
a:active,
a { text-decoration: none; color:#333; }
a:hover { color:#0f4c81;}
input::-webkit-search-cancel-button{
  display: none;
}

.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
a:hover{
    color: #ee7300;
}
a,
a:active,
a:focus,
input:focus,
a:hover,
a.music-toggle-btn:active,
a.music-toggle-btn:focus,
input:focus,
a.music-toggle-btn:hover,
img,
img:active,
img:focus,
li:active,
li:focus,
li:focus,
div,
div:active,
div:focus,
div:hover,
textarea,
textarea:active,
textarea:focus,
textarea:hover
button,
button:active,
button:focus,
button:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify: read-write-plainteeet-only; outline: none; -webkit-tap-highlight-color: transparent; }

h1, h2, h3, h4, h5, h6 {font-weight:normal;  }

.fl { float:left; }
.fr { float:right;}
.oh { overflow:hidden;}
.center { text-align:center;}
.f-left { text-align:left;}
.f-right { text-align:right;}


.white{
    color:#ffffff;
}
.tealign{
    text-align: center;
}
.padd-b10{
    padding-bottom: 10px;
}
.padd-b15{
    padding-bottom: 15px;
}
.mar-20-30{
    margin-top: 20px;
    margin-bottom: 30px;
}
.mar-t20{
    margin-top: 20px;
}
.mar-b30{
    margin-bottom: 30px;
}
.pad-b80{
    padding-bottom: 80px;
}
.pad-20{
    padding-top: 20px;
}
.pad-b30{
    padding-bottom: 30px;
}
.pad-r120{
    padding-right: 120px;
}
.ifont-72{
     font-size:72px;
}
.ifont-60{
    font-size: 60px;
}
.ifont-42{
    font-size:42px;
}
.ifont-40{
    font-size:40px;
}
.ifont-36{
    font-size:36px;
}
.ifont-32{
    font-size: 32px;
}
.ifont-30{
    font-size:30px;
}
.ifont-24{
    font-size: 24px;
}
.ifont-22{
    font-size:22px;
}
.ifont-20{
    font-size:20px;
}
.ifont-18{
    font-size:18px;
}
.ifont-16{
    font-size:16px;
}
.ifont-14{
    font-size:14px;
}
.nevideo{
     width: 65px;
     height: 65px;
     position: absolute;
     top:50%;
     left:50%;
     transform: translate(-50%,-50%);
     z-index: 1;
}




@media screen and (max-width: 1700px) {
    .white{
        color:#ffffff;
    }
    .pad-b20{
        padding-bottom: 20px;
    }
    .ifont-60{
        font-size: 60px;
    }
    .ifont-42{
        font-size:42px;
    }
    .ifont-40{
        font-size:40px;
    }
    .ifont-36{
        font-size:36px;
    }
    .ifont-32{
        font-size: 32px;
    }
    .ifont-30{
        font-size:30px;
    }
    .ifont-24{
        font-size: 24px;
    }
    .ifont-22{
        font-size:22px;
    }
    .ifont-20{
        font-size:20px;
    }
    .ifont-18{
        font-size:18px;
    }
    .ifont-16{
        font-size:16px;
    }
    .ifont-14{
        font-size:14px;
    }
    .swiper-nav .swiper-slide {
        width: 135px !important;
    }

    .head2 .header_content_left_two li a {
        font-size: 16px;
    }

    .swiper-nav img {
        width: 70px !important;
        height: 70px !important;
    }

    .serdeta-left {
    }

    .sefont {
        font-size: 30px;
    }

    .new-w20 {
        overflow: auto;
    }

    .new-w20_list {
        width: 100%;
        height: max-content;
    }

    .new-w20_list_item {
        width: 100%;
        border-bottom: 1px dashed #e5e5e5;
        padding: 0 0 15px 0;
        margin-bottom: 15px;
        color: #333333;
    }

    .w20_list_item_info {
        margin-bottom: 8px;
    }

    .w20_list_item_time {
        color: #999999;
        font-size: 16px;
    }

    .f-42 {
        font-size: 3.8rem !important;
    }

    .gf40 {
        font-size: 3rem;
    }

    .swiper-content h1 {
        font-size: 3rem !important;
    }


    .ygw1442 {
        width: 1442px;
        margin: 0 auto;
    }
    .exhs-h1{
        height: 80px;
    }
    .exh-com{
        height: 46px;
    }
    .exh-add{
        height: 46px;
    }
    .devico{
        width: 60%;
    }
    .adv_tag .tag {
        margin-right: 10px;
        width: 110px;
        height: 90px;
    }
    .desc{
        font-size: 16px;
    }

    .solu-jh-right {
        padding: 40px 40px 40px 125px;
    }

    .appr-left{
        width: 66%!important;
    }
}
@media screen and (max-width: 1644px) {
    .tabs_content_header li div span {
    }

    .footer {
        padding: 30px 20px 20px;
    }

    .newList_banner {
        height: 50vw;
    }

    .dp-icon img {
        width: 60px;
    }

    .dp-disp {
        padding: 30px;
    }
}
@media screen and (max-width: 1599px) {
.curpro a {
    margin: 0 5px;
    padding-bottom: 10px;
    position: relative;
    font-size: 14px;
}
.inav-as {
    color: #505050;
    text-decoration: none;
    font-size: 16px;
    margin: 0px;
    padding: 0 5px;
    display: inline-block;
    line-height: 46px;
    position: relative;
    text-align: center;
    cursor: pointer;
}



    .ifont-60{
        font-size:55px;
    }
    .ifont-42{
        font-size:42px;
    }
    .ifont-40{
        font-size:38px;
    }
    .ifont-36{
        font-size:34px;
    }
    .ifont-32{
        font-size: 30px;
    }
    .ifont-30{
        font-size:28px;
    }
    .ifont-24{
        font-size: 24px;
    }
    .ifont-22{
        font-size:20px;
    }
    .ifont-20{
        font-size:18px;
    }
    .ifont-18{
        font-size:16px;
    }
    .ifont-16{
        font-size:15px;
    }
    .ifont-14{
        font-size:14px;
    }

    .prod_title{
        font-size: 20px;
    }

    .servdetail-pad{
        padding:50px 0;
    }
    .sefont {
       font-size: 24px;
       padding-bottom: 15px;
    }
    .se-flex{
       padding-bottom: 15px;
    }
    .se-line{
        height: 135px;
    }
    .se-flex2{
       padding-bottom: 15px;
    }
    .adv_tag .tag {
        margin-right: 10px;
        width: 100px;
        height: 85px;
    }
    .se-flex{
        font-size: 24px;
    }
    .devl-text-right{
        background: #ffffff;
        padding: 60px 50px!important;
        width: 55%;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        top:50%;
        transform: translateY(-50%);
    }
    .devl-more{
        margin-top:35px!important;
    }

    .wabout-left{
        padding:30px 80px 30px 30px!important;
    }
    .about-con{
        padding-top: 60px!important;
        padding-bottom: 100px!important;
    }
    .appr-cn{
        max-width: 300px!important;
    }
    .wh1{
    }
    .appr-left {
       width: 60%!important;
    }
    .signature img{
        width: 190px;
    }

    .font-36{
        font-size: 28px;
    }
    .img_item{
        width: 50px;
        height: auto;
    }
    .desc{
        font-size: 14px;
    }
    .dect{
        font-size: 14px;
        margin:5px 0;
    }
    .tagname{
        font-size: 16px;
    }
    .adv_item{
        padding:0;
    }
    .pc-banner .swiper-container .swiper-wrapper .swiper-slide {
    width: 1200px!important;
    opacity: 0.1;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    transform: scale(0.9);
    }

    .pc-banner .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    }


    .pc-banner .swiper-container .swiper-wrapper .swiper-slide-active {
    width: 1200px!important;
    opacity: 1;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    transform: scale(1);
    }
    .swi-w1400{
    width: 1160px!important;
    }

    .on-wl2{
        margin-left: 0
    }

    .ygw1442 {
        width: 1200px;
        margin: 0 auto;
    }

    .font-text{
        line-height: 28px!important;
    }
    .solu-jh-right {
        padding: 25px 25px 25px 80px;
    }
    .sfont36 {
        font-size: 22px;
    }

    .sfont16 {
        font-size: 15px;
    }
}
@media screen and (max-width: 1500px) {
    .topaddurl{
        padding:14px 0 0 40px;
        width: 240px;
    }

    .swiper-nav .swiper-slide {
        width: 125px !important;
    }

    .head2 .header_content_left_two li a {
        font-size: 16px;
    }

    .swiper-nav img {
        width: 70px !important;
        height: 70px !important;
    }

    .new-w20 {
        overflow: auto;
    }

    .f-42 {
        font-size: 3.8rem !important;
    }

    .gf26 {
        font-size: 2.2rem !important;
    }

    .exh-h1 {
        height: 110px;
    }

    .gf40 {
        font-size: 3rem;
    }

    .swiper-content h1 {
        font-size: 3rem !important;
    }

    .exh-cn-pad {
        padding: 4rem 4.5rem;
    }
}
@media screen and (max-width: 1600px) {
    .map-wrapper {
        padding: 80px 0;
    }

    .map-wrapper .map-box {
        transform: scale(1.2);
    }

    .servdetail-pad {
        padding: 50px 0;
    }
}
@media screen and (max-width: 1420px){
    .topaddurl{
        padding: 18px 0 0 49px;
        width: 200px;
    }
}
@media screen and (max-width: 1375px){
    .topaddurl{
        padding: 18px 0 0 20px;
        width: 200px;
    }
}
@media screen and (max-width: 1390px) {
    .ifont-60{
        font-size: 55px;
    }
    .ifont-42{
        font-size:38px;
    }
    .ifont-40{
        font-size:36px;
    }
    .ifont-36{
        font-size:34px;
    }
    .ifont-32{
        font-size: 28px;
    }
    .ifont-30{
        font-size:26px;
    }
    .ifont-24{
        font-size: 22px;
    }
    .ifont-22{
        font-size:20px;
    }
    .ifont-20{
        font-size:18px;
    }
    .ifont-18{
        font-size:16px;
    }
    .ifont-16{
        font-size:14px;
    }
    .ifont-14{
        font-size:13px;
    }
    .prod_title{
        font-size: 18px;
    }
    .tagname{
        font-size: 14px;
    }

    .sefont {
       font-size: 22px;
       line-height: 46px;
       padding-bottom: 15px;
    }
    .se-flex{
       padding-bottom: 15px;
    }
    .se-line{
        height: 135px;
    }
    .se-flex2{
       padding-bottom: 15px;
    }
    .ondetail-pad{
        padding:30px 0;
    }

    .devl-text-right{
        background: #ffffff;
        padding: 50px 50px!important;
        width: 55%;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        top:50%;
        transform: translateY(-40%);
    }
    .devl-more{
        margin-top:25px!important;
    }

   .pc-banner .swiper-container .swiper-wrapper .swiper-slide{
       transform: scale(0.95)!important;
   }
    .fz26 {
        font-size: 24px;
        color: #9b9b9b;
    }

    .solu-jh-right {
        padding: 25px 25px 25px 85px;
    }

    .sfont36 {
        font-size: 22px;
    }

    .sfont16 {
        font-size: 15px;
    }

    .swiper-button-prev {
        position: absolute;
        background-position: center;
        background-repeat: no-repeat;
    }

    .sw-buttom {
        width: 50px!important;
        height: 50px!important;
        border-radius: 1000px;
        line-height: 50px!important;
        text-align: center;
    }
}
@media screen and (max-width: 1279px) {



    .wh1{
        padding-bottom: 15px!important;
    }
    .ifont-60{
        font-size: 50px;
    }
   .ifont-42{
        font-size:36px;
    }
    .ifont-40{
        font-size:34px;
    }
    .ifont-36{
        font-size:26px;
    }
    .ifont-32{
        font-size: 26px;
    }
    .ifont-30{
        font-size:24px;
    }
    .ifont-24{
        font-size: 22px;
    }
    .ifont-22{
        font-size:16px;
    }
    .ifont-20{
        font-size:14px;
    }
    .ifont-18{
        font-size:14px;
    }
    .ifont-16{
        font-size:14px;
    }
    .ifont-14{
        font-size:14px;
    }
    .sefont {
       font-size: 20px;
       line-height: 42px;
       padding-bottom: 15px;
    }
    .pc-banner .swiper-container .swiper-wrapper .swiper-slide {
    width: 85%!important;
    opacity: 0.1;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    transform: scale(0.9);
    }
    .devl-text-right{
    background: #ffffff;
    padding: 30px 50px!important;
    width: 55%;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top:50%;
    transform: translateY(-40%);
    }
    .devl-more{
    margin-top:15px!important;
    }
    .pc-banner .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    }

    .pc-banner .swiper-container .swiper-wrapper .swiper-slide-active {
    width: 85%!important;
    opacity: 1;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    transform: scale(1);
    }
    .swi-w1400{
    width: 85%!important;
    }
    .nav-right-5{
     padding:0 50px;
    }
    .ygw1442 {
        width: 90%;
        margin: 0 auto;
    }
    .solu-jh-right {
        padding: 15px 15px 15px 75px;
    }

    .sfont36 {
        font-size: 20px;
    }

    .sfont16 {
        font-size: 14px;
    }

    .fz26 {
        font-size: 22px;
        color: #9b9b9b;
    }

    .casedet-shar {
        position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
        justify-content: center;
        top: 0;
        transform: translateY(0);
    }

    .ygfont-22 {
        font-size: 20px;
    }

    .ygfont-16 {
        font-size: 15px;
        padding-top: 10px;
    }
}

@media screen and (max-width: 1150px) {
    #toptw{
    display: none;
}
.plselect{
    display: block;
}
.curpro a {
    margin: 0 2px;
    padding-bottom: 10px;
    position: relative;
    font-size: 14px;
}
.inav-as {
    color: #505050;
    text-decoration: none;
    font-size: 16px;
    margin: 0px;
    padding: 0;
    display: inline-block;
    line-height: 46px;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}
.curpro{
    position: static;
    left: 0!important;
    text-align: left!important;
    transform: translateX(0);
    width: 100%;
    padding: 0px 0 10px 15px;
    box-sizing: border-box;
}
.prr{
    display: block;
}
.prrs{
    display: block;
}
.curli{
    line-height: 34px;
    font-size: 15px;
}
.pcursr:after{
    display: none;
}
.cursr:after{
    background: #f1f1f1;
}
.curpro a{
    width: 100%;
    display: block;
    padding-bottom: 0;
    line-height: 26px;
}
#toptw{
    height: auto;
}
#toptw:after{
    display: none;
}
.product_nav_listvn{
    margin: 0px 0 20px;
}
}

@media screen and (max-width: 1023px) {
    .wa-bottom{
        margin-top: 20px!important;
    }
    .pad-r120{
        padding-right: 90px;
    }
    .ifont-60{
        font-size: 45px;
    }
    .ifont-42{
        font-size:34px;
    }
    .ifont-40{
        font-size:32px;
    }
    .ifont-36{
        font-size:26px;
    }
    .ifont-32{
        font-size: 24px;
    }

    .ifont-30{
        font-size:22px;
    }
    .ifont-24{
        font-size: 22px;
    }
    .ifont-22{
        font-size:14px;
    }
    .ifont-20{
        font-size:14px;
    }
    .ifont-16{
        font-size:13px;
    }
    .ifont-14{
        font-size:12px;
    }
    .ygp-no {
    width: 140px !important;
    padding:6px 0;
    }
    .ygp-no a {
    color: #ee7300 !important;
    display: block;
    text-align: center;
    font-size: 16px;
    }
    .pc-banner .swiper-container .swiper-wrapper .swiper-slide {
    width: 90%!important;
    opacity: 0.1;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    transform: scale(0.9);
    }
    .c-pany{
    height: auto;
    padding-bottom: 5px;
    margin-bottom: 5px;
    }

    .about-left{
    width: 65%!important;
    }
    .about-right{
    width: 35%!important;
    }


    .pc-banner .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    }

    .pc-banner .swiper-container .swiper-wrapper .swiper-slide-active {
    width: 90%!important;
    opacity: 1;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    transform: scale(1);
    }
    .swi-w1400{
    width: 90%!important;
    }

    .product_list_card{
       width:50%;
    }
    .headquarter_list{
       width:50%;
    }

    .fz26 {
        font-size: 20px;
        color: #9b9b9b;
    }

    .solu-jh-right {
        padding: 15px 15px 15px 50px;
    }

    .slink {
        width: 35px;
        height: 2px;
        background: #bab8b7;
        margin: 15px 0;
    }
    .sfont36 {
        font-size: 20px;
    }

    .sfont16 {
        font-size: 14px;
    }

    .swiper-button-prev {
        position: absolute;
        background-position: center;
        background-repeat: no-repeat;
    }

    .sw-buttom {
        width: 50px!important;
        height: 50px!important;
        border-radius: 1000px;
        line-height: 50px!important;
        text-align: center;
    }


    .ygw1442 {
        width: 90%;
        margin: 0 auto;
    }
    .font-text{
        padding:10px 0!important;
    }

    .ygfont-22 {
        font-size: 18px;
    }

    .ygfont-16 {
        font-size: 14px;
        padding-top: 10px;
    }
}
@media screen and (max-width: 1440px) {
    .ifont-60{
        font-size: 55px;
    }
    .ifont-42{
        font-size:38px;
    }
    .ifont-40{
        font-size:36px;
    }
    .ifont-36{
        font-size:34px;
    }
    .ifont-32{
        font-size: 28px;
    }
    .ifont-30{
        font-size:26px;
    }
    .ifont-24{
        font-size: 22px;
    }
    .ifont-22{
        font-size:18px;
    }
    .ifont-20{
        font-size:16px;
    }
    .ifont-18{
        font-size:15px;
    }

    .ifont-16{
        font-size:14px;
    }
    .ifont-14{
        font-size:13px;
    }
        .dp-icon img {
        width: 60px;
    }
    .dp-disp {
        padding: 30px;
    }

    .navigation-up .navigation-v3 li{
        margin:0 32px;
    }
    .lx img {
        width: 58px;
    }

    .scroll-top {
        width: 58px;
        height: 58px;
        bottom: 58px;
    }

    .tabs_content_header li div span {
    }

    .footer {
        padding: 30px 20px 20px;
    }

    .newList_honor_content {
        width: 1200px;
    }

    .lianxiUs_content {
        width: 1000px;
    }
}
@media screen and (max-width: 1400px) {
    .map-wrapper {
        padding: 10px 0;
    }

    .map-wrapper .map-box {
        transform: scale(1);
    }
}
@media screen and (max-width: 1300px) {
    .small {
        top: 20% !important;
    }
    .newatime{
        font-size: 14px;
    }

    .swiper-nav .swiper-slide {
        width: 115px !important;
    }

    .head2 .header_content_left_two li a {
        font-size: 16px;
    }

    .swiper-nav img {
        width: 60px !important;
        height: 60px !important;
    }

    .new-w20 {
        overflow: auto;
    }

    .f-42 {
        font-size: 3.2rem !important;
    }

    .gf26 {
        font-size: 2rem !important;
    }

    .exh-h1 {
        height: 80px;
    }

    .gf40 {
        font-size: 2.2rem;
    }

    .swiper-content h1 {
        font-size: 2.2rem !important;
    }

    .exh-cn-pad {
        padding: 30px;
    }

    .sctime {
        font-size: 16px;
        color: #666666;
    }

    .w20_list_item_time {
        font-size: 14px;
    }
}
@media screen and (max-width: 1288px) {
     .chage-yzm-b{
        width: 48%;
     }
     .doc-right{
        width: 48%;
     }
     .line-li-50{
        width: 100%;
        float: left;
        padding:5px 0;
     }
     .line-lis-50{
        width: 100%;
        float: left;
        padding:5px 0;
     }

     .line-li{
        display: block;
        width: 100%;
        padding:0;
     }
     .tels{
        width: 100%;
     }
     .ontel{
        display: block;
        width: 100%;
     }
     .tels{
        padding:5px 0 0 0!important;
     }
     .webs{
        padding:0 0 10px 0!important;
     }
     .menu_head{
        padding:15px 0 15px 40px;
     }
}
@media screen and (max-width: 1030px) {
    .navigation-up .navigation-v3 li {
        margin: 0 5px;
    }
}
@media screen and (max-width: 1060px) {
    .topaddurl{
        display: none;
    }
}

@media screen and (max-width: 1280px) {
    .contpad{
        padding:10px;
    }
    .header_content_left_two li a {
        padding: 35px 0 18px;
    }

    .header_content_left_two li {
        padding: 0 22px;
    }

    .navigation-up .navigation-v3 li{
        margin:0 15px;
    }

    .ywvideo img {
        width: 70px;
    }

    .yw-position {
        transform: translateY(60px) !important;
    }

    .main_abouts_left_content_three {
        /* font-size:14px;
    */
        line-height: 26px;
    }

    .main_abouts_left_content_four {
        width: 100px;
        height: 30px;
        line-height: 30px;
        /* font-size:12px;
    */
    }

    .tabs_content_header li div span {
        /* font-size:18px;
    */
    }

    .footer {
        padding: 30px 20px 20px;
    }

    .newList_list_Edition {
        width: 980px;
    }

    .newList_honor_content {
        width: 900px;
        margin: 0 auto;
    }

    .newList_honor_content .swiper-container {
        width: 860px;
    }

    .newList_list_contentTwo_lieb_top {
        height: 230px;
    }

    .lianxiUs_content {
        width: 88%;
    }

    .enjoy_content_fuwu_nr {
        width: 852px;
    }

    .enjoy_content_fuwu_two_xian {
        width: 890px;
        margin-top: 30%;
    }

    .enjoy_content_fuwu_two_list_content_one {
        width: 100px;
        height: 190px;
    }

    .enjoy_content_fuwu_three_list {
        width: 890px;
    }

    .enjoy_content_fuwu_two_list_content:first-child {
        bottom: 5%;
        left: 15%;
    }

    .enjoy_content_fuwu_two_list_content:nth-child(2) {
        left: 25%;
        bottom: 14%;
    }

    .enjoy_content_fuwu_two_list_content:nth-child(3) {
        left: 36%;
        bottom: 24%;
    }

    .enjoy_content_fuwu_two_list_content:nth-child(4) {
        left: 46.5%;
        bottom: 34%;
    }

    .enjoy_content_fuwu_two_list_content:nth-child(5) {
        left: 58%;
        bottom: 45%;
    }

    .enjoy_content_fuwu_two_list_content:nth-child(6) {
        left: 69%;
        bottom: 49%;
    }

    .tabs_content_header li:hover div {
        bottom: 45%;
    }

    .crumbs_content {
        width: 88%;
    }

    .action_content_nr {
        width: 88%;
    }

    .action_content {
        height: auto;
    }

    .small {
        top: 20% !important;
    }
}
@media screen and (max-width: 1024px) {
    .header_content_left_two li a {
        padding: 35px 0 18px;
    }
    .contpad{
        min-height: 286px;
    }
    .foot-copy {
        display: block;
    }

    .foot-cp-left {
        width: 100%;
        text-align: center;
    }

    .foot-cp-right {
        width: 100%;
        text-align: center;
    }

    .navigation-up .navigation-v3 li{
        margin:0 10px;
    }

    .header_content_left_two li {
        padding: 0 10px;
    }

    .tabs_content_header li div {
        padding: 0 10px;
    }

    .footer {
        padding: 30px 20px 20px;
    }

    .newList_list_Edition {
        width: 88%;
        margin: auto;
    }

    .newList_list_content_left {
        float: none;
        width: 100%;
    }

    .newList_list_content_right {
        padding: 0;
        padding-top: 2rem;
    }

    .newList_list_content_left img {
        width: 100%;
    }

    .newList_honor_content {
        width: 800px;
        margin: 0 auto;
    }

    .newList_list_contentTwo li {
        float: none;
        width: 100%;
    }

    .newList_list_contentTwo_lieb_top {
        width: 100%;
        height: auto;
    }

    .newList_list_contentTwo_lieb_bottom_more {
        display: inline-block;
        margin-top: 30px;
        padding: 11px 42px;
        background: #CAAF85;
        border: 1px solid #CAAF85;
        color: #fff;
    }

    .xianshi_active::after {
        width: 20%;
        right: 0;
        margin: auto;
    }

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

    .liuyan_content {
        width: 88%;
        margin-top: 30px;
    }

    .liuyan_contentOne {
        flex-direction: column;
    }

    .liuyan_contentOne_left,
    .liuyan_contentOne_right {
        width: 96%;
        padding-left: 4%;
    }

    .liuyan_contentOne_right {
        margin-top: 20px;
    }

    .liuyan_contentTwo img {
        margin-left: 4%;
    }

    .pager {
        display: none;
    }

    /*23灞?/
    .yg-abouts-main {
        width: 100%;
        height: 768px !important;
        padding: 60px 20px;
        box-sizing: border-box;
    }
   .related-cases{
        padding:35px 0;
    }

    .minheight {
        width: 100%;
        height: 768px !important;
    }

    .iphight {
        height: 100% !important;
    }

    .small {
        height: 195px !important;
    }

    .inner {
        width: 100%;
        padding: 20 70px !important;
        margin-top: 320px !important;
    }
    .map-wrapper .map-box {
        transform: scale(0.8);
    }
}
@media screen and (max-width: 990px) {
    .doc-right {
        width: calc( 100% - 100px );
    }
    .chage-yzm-b {
        width: calc( 100% - 100px );
    }
}
@media screen and (max-width: 850px) {

    .left,
    .right {
        top: 50%;
    }
    .contpad{
        min-height: 276px;
    }
    .menu_x{
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        position: fixed;
        padding:55px 0 0 0;
        box-sizing: border-box;
        top:0;
    }
    .search-box{
        display: none;
    }
    .wap-head {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999;
        background: #ffffff;
        border: 0;
        padding: 8px 0;
    }
    .glsites{
        display: none;
    }
    .navigation-v3{
        display: none;
    }

    .iwp-search-flex {
        position: fixed;
        top: 0;
        z-index: 991;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        background: #faf9f7;
        padding: 80px 30px;
        box-sizing: border-box;
    }
    .iwp-list {
        position: relative;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        justify-content: space-between;
        align-items: center;
        float: left;
        width: 100%;
        margin-top: 40px;
        clear: both;
    }
    .isinput {
        padding: 0 70px 0 50px;
        width: 100%;
        margin: 0px;
        border: #ff7300 solid 2px;
        -webkit-appearance: none;
        box-sizing: border-box!important;
        height: 48px;
        line-height: 48px;
        font-size: 14px;
    }
    .i_cha {
        position: absolute;
        right: 70px;
        display: none;
        top: 50%;
        transform: translateY(-50%);
    }
    .i_cha img {
        width: 13px;
    }
    .ssissi {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 14px;
    }
    .ssibut1 {
        background: #ee7300;
        color: #ffffff;
        position: absolute;
        top: 50%;
        height: 48px;
        line-height: 48px;
        transform: translateY(-50%);
        right: 0;
        padding: 0 15px;
    }
    #swiper1 .swiper-slide, #swiper1 img {
        height: 100vh;
    }

    .left,
    .right {
        display: none;
    }
    .search {
        display: none;
    }

    .sectionDown {
        display: none;
    }

    .bannerBox .swiper-pagination {
        display: block;
    }

    .bannerBox2 .swiper-pagination2 {
        display: block;
        position: absolute;
        z-index: 99;
    }

    .bannerBox2 .swiper-pagination-bullet {
        opacity: 1 !important;
        background: #fff;
    }

    .main_abouts_left {
        position: relative;
        width: auto;
        height: auto;
        float: none;
    }

    .main_abouts_left_content {
        transform: none;
        opacity: 1;
        padding: 50px 0;
    }

    .main_abouts_right {
        height: 80vw;
    }

    #swiper1 .swiper-slide,
    #swiper1 img {
        height: 100vh;
    }

    .tabs_content_header .bannerBox2 .txt {
        padding: 100px 20px 30px;
        color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .tabs_content {
        height: auto !important;
        background: none;
    }

    .tabs_content_header .bannerBox2 {
        position: relative;
        width: auto;
        height: 50vh;
    }

    .tabs_content_header .bannerBox2 .swiper-container {
        height: 50vh;
    }

    .tabs_content_header .bannerBox2 img {
        height: 50vh;
    }

    .main_abouts_left_content {
        position: relative;
        top: auto;
    }

    img {
        object-fit: cover;
    }


    .header_content_right {
        padding-top: 0;
    }

    .header_content_left_two_white {
        display: none;
    }

    .header_content_left_two {
        display: none;
    }

    .crumbs {
        height: 6rem;
        margin-top: 59px;
    }

    .header_content_left_menu {
    }

    .header_content_left_menu img {
        width: 2rem;
        height: 2rem;
    }

    .iphight {
        height: 150vw !important;
    }

    .minheight {
        min-height: 430px;
    }

    .swiper-content h1 {
        font-size: 1.8rem !important;
    }

    .yg-abouts-section {
        position: relative !important;
        z-index: 2;
    }

    .yg-abouts-main {
        width: 100%;
        height: 380px !important;
        padding: 80px 20px 40px;
        box-sizing: border-box;
        background: url(../images/iph03.jpg) no-repeat top center;
        background-size: 100%;
    }

    .minheight {
        width: 100%;
        height: 360px !important;
    }

    .iphight {
        height: 100% !important;
    }

    .small {
        height: 150px !important;
    }

    .yg-ab-h2 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .gf26 {
        font-size: 1.8rem
    }

    .exh-h1 {
        height: auto !important;
    }

    .yg-abouts-left {
        width: 100%;
        padding: 0;
    }

    .header_content_left_one {
        padding-top: 8px;
    }

    .sectionNew {
        padding: 0;
    }

    .scrollmenu .header_content_right {
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -ms-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .menu_h {
        display: inline-block;
        background: none;
        transition: 0.3s all;
        z-index: 1000;
        border: none;
        width: 26px;
        height: 26px;
        position: relative;
        right: 0;
        top: 4px;
    }
   .nclose{
      display: none;
   }
   .menu-open .nclose{
      display: block;
   }
   .menu-open .nmenu{
      display: none;
   }
    #swiper1 .swiper-slide.swiper-slide-active .banner-box .txt {
        padding: 0 20px;
    }

    .yg-more {
        width: 120px !important;
        letter-spacing: 1px;
        transition: all 0.4s ease 0s;
        margin-top:20px;
    }

    .yg-more a {
        padding: 4px 0;
    }

    .swiper-nav img {
        width: 46px !important;
        height: 46px !important;
    }

    .swiper-nav .swiper-slide {
        width: 110px !important;
        height: 100px !important;
    }

    .swiper-nav .angle {
        top: 50px !important;
    }

    .swiper-nav:after {
        top: 79px !important;
    }

    .exh-con-li {
        width: 100%;
        margin-top: 1rem;
    }

    .exh-cn-pad {
        padding: 3rem 1.5rem;
    }

    .new-in-li {
        width: 100%;
        margin-top: 1rem;
        position: relative;
    }

    .exh-time {
        margin-top: 1.2rem;
        margin-bottom: 1.5rem;
        position: relative;
    }

    .menu_h span {
        position: absolute;
        width: 100%;
        height: 3px;
        left: 0;
        overflow: hidden;
        text-indent: 200%;
        transition: opacity 0.25s;
    }

    .menu_h_one span {
        position: absolute;
        width: 100%;
        height: 3px;
        left: 0;
        overflow: hidden;
        text-indent: 200%;
        transition: opacity 0.25s;
    }

    .swiper-content {
        position: relative !important;
    }

    .menu-open .menu_h span {
        opacity: 0;
    }



    .search-r {
        display: none;
    }

    .exh-com {
        font-size: 14px;
    }

    .exh-time {
        font-size: 14px;
    }

    .exh-add {
        font-size: 14px;
    }

    .scrollmenu .menu_h::before {
        background: #ec722e !important;
    }

    .scrollmenu .menu_h::after {
        background: #ec722e !important;
    }

    .scrollmenu .menu_h span {
        background: #ec722e !important;
    }

    .menu_h::before,
    .menu_h::after,
    .menu_h span {
        background: #333;
        border-radius: 2px;
    }

    .menu_h_one::before {
        transform: translate3d(0, -14px, 0);
        top: 70% !important;
    }

    .yg-ab-img img {
        width: 40px;
    }

    .menu_h_one::after {
        transform: translate3d(0, 14px, 0);
    }

    .menu_h_one::before,
    .menu_h_one::after {
        content: '';
        position: absolute;
        height: 3px;
        width: 100%;
        left: 0;
        top: 30%;
        transform-origin: 76% 50%;
        transition: transform 0.25s;
    }

    .menu-open .ph_menu_bg {
        opacity: 0.5;
        visibility: visible;
    }

    .ph_menu_bg {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s all;
        z-index: 99;
    }

    .header-menu .menu_box {
        visibility: hidden;
        opacity: 0;
        transition: 0.5s all;
        z-index: 1;
        position: fixed;
        top: 0;
        right: 0px;
        height: 100%;
        width: 100%;
    }

    .menu-open .header-menu .menu_box {
        visibility: visible;
        opacity: 1;
    }

    .header-menu .menu_box .menu {
        width: 100%;
        background: #f9f9f9;
        float: left;
        position: relative;
        right: 0;
        bottom: 0;
        min-height: 100vh;
        z-index: 1;
        padding: 40px 0;
        overflow-y: scroll;
        box-sizing: border-box;
        overflow: hidden;
    }


    .sub-menu{
        padding:5px 15px;
        box-sizing: border-box;
        float: left;
    }
    .header-menu .menu li {
        min-width: 15rem;
        border-bottom: 1px solid #efefef;
        position: relative;
        float: none;
        width: auto;
        margin: 8px 0;
        box-sizing: border-box;
        float: left;
        width: 100%;
     }
    .header-menu .menu li a:hover{
        color:#ee7300!important;
    }
    .header_content_right_one,
    .header_content_right_two {
        margin-top: 16px;
    }

    .header_content_right_one {
        margin: 16px;
    }

    .header_content_left_one img {
        width: 155px;
        height: 100%;
    }

    .foot-sz {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .foot-share {
        margin-bottom: 1px;
    }

    .foot-main-right {
        margin-top: 20px;
    }

    .foot-cp-right a {
        display: block;
    }

    .foot-main-right dl {
        float: left;
        width: 33.3%;
        padding-bottom: 15px;
    }

    .foot-main-right a {
        line-height: 22px;
    }

    .foot-main-right dl dd {
        line-height: 20px;
    }

    .foot-main-right dl dt {
        margin-bottom: 10px;
    }

    .foot-copy {
        margin: 1rem 0 1rem;
        display: block;
        text-align: center;
        font-size: 12px;
    }

    .foot-cp-left {
        width: 100%;
    }

    .exhibition {
        padding: 0 0 20px 0;
        box-sizing: border-box;
        margin: 0;
    }

    .gf40 {
        font-size: 2rem;
    }

    .new-in-menu {
        padding-bottom: 10px;
        padding-top: 25px;
        box-sizing: border-box;
    }

    .new-in-ul {
        display: block;
        margin: 0;
    }

    .new-in-li {
        margin: 0 0 15px 0;
    }

    .footer {
        width: 100%;
    }

    .foot-main-left {
        width: 100%;
        text-align: left;
    }

    .foot-main-right {
        width: 100%;
    }

    .header_content {
        padding: 0 20px;
    }

    .footer_left img {
        width: 14rem;
    }

    .footer_left p {
        margin-top: 10%;
        /* font-size:1rem;
    */
    }

    .footer_right_two img {
        width: 12rem;
    }
}
@media screen and (min-width: 851px) {
    .header_content_left_menu {
        display: none;
    }
}
@media screen and (max-width: 768px) {
/*.scrollmenu .wap-head{
    background: url(https://www.sungrowpower.com/storage/logo/festivalh5.gif) no-repeat center #ffffff;
    background-size: 100%;
}*/

.href-a{
    left: 40%;
    width: 65px;
    height: 60px;
}
.sitmap{
    width: 100%;
}
.test-c{
    text-align: left!important;
}
.sitp_h1 a{
    font-size:18px;
}
.sitp_h2 a{
    font-size:14px;
    float: left;
    padding:0;
    margin-right: 8px;
}
.sitep_pad{
    margin:5px 0;
}
.crumbs_nav{
    margin-top: 25px;
}
    #toptw{
    display: none;
}
.plselect{
    display: block;
}
.curpro a {
    margin: 0 2px;
    padding-bottom: 10px;
    position: relative;
    font-size: 14px;
    border-bottom: 1px dashed #e7e7e7;
}
.curpro a:last-child {
    border-bottom: 0;
}
.inav-as {
    color: #505050;
    text-decoration: none;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 46px;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}
.curpro{
    position: static;
    left: 0!important;
    text-align: left!important;
    transform: translateX(0);
    width: 100%;
    padding: 10px 15px;
    background: #f9f9f9;
    box-sizing: border-box;
}
.prr{
    display: block;
}
.prrs{
    display: block;
}
.curli{
    line-height: 34px;
    font-size: 15px;
    padding-left: 10px;
}
.pcursr:after{
    display: none;
}
.cursr:after{
    background: #f1f1f1;
}
.curpro a{
    width: 100%;
    display: block;
    padding-bottom: 0;
    line-height: 26px;
}
#toptw{
    height: auto;
}
#toptw:after{
    display: none;
}
.product_nav_listvn{
    margin: 0px 0 20px;
}

    .plselect-se{
        display: block;
    }
    .plselect{
        display: block;
        font-size: 16px;
        padding: 8px 10px;
        width: 100%;
        background: #f1f1f1;
        box-sizing: border-box;
    }
    .ndisplay{
        display: none;
    }
    .topday{
        padding-top:80px;
    }
    .hl_nav .nav_list>li{
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        height: auto;
    }
    .hl_nav .nav_list{
        height: auto;
    }
    .hl_nav{
        height: auto;
    }
    .hl_nav .nav_list:hover{
        height: auto;
    }
    .hl_nav .nav_list>li>ul>li{
        width: 100%;
    }
    .hl_nav .nav_list>li>ul{
        position: static;
        height: auto;
    }



    .scrollmenu .lx{
        display: block!important;
    }
    .scrollmenu .traniwp{
        display: block!important;
    }
    .ipw-hotsearch{
        display: block!important;
        width: 100%;
        float: left;
        padding: 10px 15px 10px;
        box-sizing: border-box;
        background: #ffffff;
        box-shadow: 0px 4px 12px 1px #f1f1f1;
    }
    .ipw-hotsearch li{
        float: left;
        width: 100%;
        padding: 5px 0;
    }
    .ipw-hotsearch li a{
        display: block;
        color: #333;
        font-size: 16px;
    }
    .ipw-hotname{
        float: left;
        width: 100%;
        padding-bottom: 10px;
        color: #9a9999;
    }
     #swipers2 .swiper-slide.swiper-slide-active .banner-box .txt {
        padding: 0 20px;
     }
    .topaddurl{
        display: none!important;
    }

    .iwap{
        display: none;
    }
    .wapwb{
        display: none!important;
    }
    .detail-h1{
        padding-top: 5px;
    }
    .wapbannerBox{
        display: block;
        width: 100%;
        position: relative;
    }
    .bannerBox-no{
        display: none;
    }
    .share-href{
        width: 80%;
    }
    .pdf-title{
        padding: 15px 10px;
        width: 100%;
        box-sizing: border-box;
    }
    .pad-down{
        width: 70px;
        margin-left: 0;
    }
    .pad-close .icon-cha{
        font-size: 16px!important;
    }
    #show-poster{
        display: block;
    }
    .arrno{
        display: none!important;
    }
    .onver{
        display: none!important;
    }
    .svideobg{
        display: none;
    }
    .fled .videobt{
        display: none!important;
    }
    .bshare-sinaminiblog{
        display: none!important;
    }
    #video-btn{
         display: block;
    }
    .svideom{
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
        width: 80%;
        background: #ffffff;
        padding: 0px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .mrtlive{
        width: 100%;
     }
    .abwap{
        display: block;
    }
    .abpc{
        display: none;
    }
    .find{
        display: block!important;
    }
    .cat01{
        display: none!important;
    }
    .cat02{
        display: none!important;
    }
    .navbar-default{
        top:7px;
    }
    .case-pad {
        width: 100%;
        padding: 5px 0 15px;
        border-bottom: 1px solid #dfdfdf;
        min-height: 20px;
        box-sizing: border-box;
    }
    .on-row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .list_page{
        padding: 10px 0;
    }
    .search-ui{
        padding:5px;
    }
    .search-tep{
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .search-li-right{
        width: 100%;
    }
    .fled .svideo{
        width: 94%;
        padding: 3px;
        box-sizing: border-box;
    }
    .onstar{
        position: absolute;
        right: auto!important;
        top: auto!important;
        font-size: 20px;
        left: 50%;
        transform: translateX(-50%);
        bottom: -80px;
        z-index: 99;
        color: #fffdfd;
        cursor: pointer;
        display: none;
        background: #000;
        border-radius: 1000%;
    }

    #h5Container .wrapflash{
        width: 900px;
    }
    #h5Container{
        width: 100%;
        overflow:auto
    }
    .togsearch{
        top:7px;
    }
    .toglg{
        top:7px;
    }
    .glsico{
        display: none;
    }
    .chage-yzm-b{
        width: auto!important;
    }
    .case-page-w{
        overflow: hidden;
    }
    .caspad{
        padding-left:0!important;
        padding-right:0!important;
        margin-left: -50%!important;
        margin-right: -50%!important;
    }
    .contpad{
        min-height: 216px;
    }
    .download_resources a{
        width: 100%;
    }
    .news-info-title{
        font-size: 17px!important
    }
    .new-zd-right{
        width: 100%;
        padding:30px;
        box-sizing: border-box;
    }
    .new-time{
        font-size: 15px;
    }
    .new-view{
        font-size: 15px;
    }
    .newdetail img{
        height: auto!important;
        width: 100%!important;
        margin:0!important;
        padding:0!important;
    }
    .new-zd{
    width: 100%;
    display: block;
    align-items: center;
    background: #ffffff;
    }
    .prfonts{
        font-size: 15px;
        margin-top: 0;
    }
    .nheg{
        height: auto;
    }
    .iwcul{
        display: block;
        width: 100%;
        position: relative;
    }
    .iwcul img{
        width: 100%;
    }
    .item{
        width: 100%;
    }
    .case-list-li{
        width: 100%;
    }
    .iwclupad{
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        z-index: 1;
        left:15px;
    }
    .ipcul{
        display: none;
    }
    .swiper-slide_card_info{
        padding:20px;
    }
    .cwps{
        display: none!important;
    }
    .ipws{
        display: block!important;
    }
    .menx {
       float: right;
       padding:5px 0;
    }
    .menu_body{
        width: 100%;
        overflow-x: scroll;
    }
    #table-yg{
        overflow: hidden;
        width: 100%;
        overflow-x: scroll;
        font-size: 13px;
    }
    .diff{
        padding-top: 0;
    }
    .layui-form-switch{
        margin-top: 0!important;
    }
    .menx{
        padding: 0;
    }
    .detail-table-header{
        padding:0 5px;
        width: 110px;
    }
    .detail-table-ceil{
        padding: 6px 10px;
        width: 195px;
    }
    .colx-50{
        width: 100%;
    }
    .solution-ul{
        width: 100%;
    }
    .ntopLink img{
        width: 30%;
    }
    .pcarr{
        display: none;
    }
    .iparr{
        display: block;
    }
    .k-font ul{
        display: block;
    }
    .k-font{
        padding:20px 0 10px;
    }
    .k-font li{
        width: 100%;
        box-sizing: border-box;
        text-align: left;
        font-size: 14px!important;
    }
    .announ-li{
        padding:8px;
    }
    .top2{
        top:25%!important;
    }
    .pnav-list{
        flex-direction: row!important;
    }
    .pad-r120{
        padding-right: 30px;
    }
    .ifont-60{
        font-size: 30px;
    }
    .ifont-42{
        font-size:24px;
    }
    .ifont-40{
        font-size:22px;
    }
    .ifont-36{
        font-size:20px;
    }
    .ifont-32{
        font-size: 20px;
    }
    .ifont-30{
        font-size:19px;
    }
    .ifont-24{
        font-size:18px;
    }
    .ifont-22{
        font-size:17px;
    }
    .ifont-20{
        font-size:16px;
        padding-top: 10px;
    }
    .ifont-16{
        font-size:15px;
    }
    .ifont-14{
        font-size:14px;
    }
   .joline{
        padding-bottom: 20px;
    }
    #top{
        padding-bottom: 0!important;
    }
    .ilink{
        display: none;
    }
    .ygwpad-li:nth-child(odd) .brad-li-left{
        padding-left: 0;
    }
    .ygwpad-li:nth-child(odd) .brad-li-left{
        padding-left: 0;
    }
    .nav-list{
            justify-content: left!important;
    }

    .wap-head {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999;
        /*background: url(https://www.sungrowpower.com/storage/logo/festivalh5.gif) no-repeat center #ffffff;*/
        border:0;
    }
/*    .scrollmenu .wap-head{
        background: url(https://www.sungrowpower.com/storage/logo/festivalh5.gif) no-repeat center #ffffff;
    }*/
    .pad16{
        line-height: 28px;
    }
    .brad-li-left{
        width: 100%;
        padding-right: 0;
    }
    .brad-li-right{
        width: 100%;
    }
   .brad-li-right{
        position: relative;
        transform: translateY(15px)!important;
    }
    .ygwpad-li:nth-child(odd) .brad-li-right{
        position: relative;
    }
    .ygwpad-li:nth-child(even) .brad-li-right{
        position: relative;
    }
    .wap-head .img02 {
        display: block;
    }

    .wap-head .img01 {
        display: none;
    }

    .wap-head .menu_h span {
        background: #7f7f7f !important;
    }

    .menu-open .wap-head .menu_h span {
        background: #fff !important;
    }

    .menu-open .wap-head .menu_h::after {
        background: #fff !important;
    }

    .menu-open .wap-head .menu_h::before {
        background: #fff !important;
    }

    .small {
        top: 18% !important;
    }

    .noiframe {
        display: none !important;
    }

    .iphod {
        display: block;
    }

    .iphod .new-w20_list_item:nth-child(2) {
        border: 0;
        padding: 0;
        margin: 0;
    }

    .new-action {
        padding: 15px 15px;
        font-size: 18px;
    }

    .new-w20 {
        padding: 15px 15px;
        height: auto !important;
        font-size: 18px;
        overflow: auto;
        position: relative;
    }

    .new-w20:after {
        display: none;
    }

    .new-in-bg {
        padding: 0px 20px 0;
    }

    .active .main_abouts_left_content {
        transform: translateY(0px);
    }

    .solu-jh-right{
        top: auto;
        transform: translateY(0);
        bottom:0;
    }
    .cs-mores a{
        margin-top: 20px;
    }
    .stypad{
        padding: 30px 0 20px;
    }
    .w-name{
        float: left;
        clear:both;
        margin-left: 95px;
    }
    .nipw{
        display: none;
    }
    .sew250{
        width: 100%;
    }
    .check{
        margin-bottom: 0;
    }
    .radioBox {
        margin-bottom: 25px;
    }
    .search-pad{
        padding:60px 0 20px;
    }
    .sew750{
        width: 100%;
        padding-left: 0;
    }
    .search-li a{
        display:block;
        width: 100%;
    }
    .search-li-left{
        display:block;
        width: 100%;
        padding:0 0 15px 0;
    }
    .search-li-left img{
        width: 100%;
    }
    .brand-li{
        padding:20px 0;
        width: 100%;
        border:0;
    }
    .brand-li:nth-child(2) .bradn-lipad{
        padding-left: 0;
    }
    .bradn-lipad:hover{
        transform: translateY(0);
    }
    .cof-h1{
        padding-bottom: 12px;
    }
    .cof-h2{
        line-height: 26px;
    }
    .ygwpad-li{
        display: block;
        width: 100%;
        padding: 15px 0;
    }
    .bdif{
        display: block;
    }
    .an05{
      padding-left: 3px;
    }
    .iwfont-16{
        font-size: 16px!important;
    }
    .glleft{
        padding-right: 0;
    }
    .iwfont-15{
        font-size: 15px!important;
    }
    .exhs-h1{
        height: auto;
        padding-bottom:15px;
    }
    .exh-com{
        height: auto;
    }
    .detail-h1{
        text-align: center;
        font-size: 18px;
    }
    .detail-h2{
        text-align: left;
    }
    .detail-pad{
        padding:0;
    }
    .in-add img{
        width: 100%;
    }
    .in-add{
        width: 40%;
        right: auto!important;
        left: 0;
        bottom: 0;
    }
    .investor_res{
        height: auto;
        padding:15px;
    }
    .globals-li1{
        margin-bottom: 20px!important;
    }
    .pad-b80{
        padding-bottom: 20px!important;
    }
    .globals{
        padding-top: 30px!important;
        padding-bottom: 15px!important;
        background: url(../images/20210807.png) no-repeat -60px 50px!important;
        background-size: 110%!important;
    }
    .globals-li2{
        margin-bottom: 10px!important;
    }
    .iwp-search-flex{
        position: fixed;
        top: 0;
        z-index: 991;
        width: 100%;
        height:100%;
        overflow-y:scroll;
        background:#faf9f7;
        padding:80px 30px;
        box-sizing: border-box;
    }
    .isinput{
        padding: 0 70px 0 50px;
        width: 100%;
        margin: 0px;
        border: #ff7300 solid 2px;
        -webkit-appearance: none;
        box-sizing: border-box!important;
        height: 48px;
        line-height: 48px;
        font-size: 14px;
    }
    .iwp-list{
        position: relative;
        display: flex;
        display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box; /* Firefox 17- */
        display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex; /* Firefox 18+ */
        display: -ms-flexbox; /* IE 10 */
        justify-content: space-between;
        align-items: center;
        float: left;
        width: 100%;
        margin-top: 40px;
        clear: both;
    }
    .ssissi{
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        left:14px;
    }
    .ssissi img{
        width: 20px;
    }
    .sech-close{
        float: right;
    }
    .sech-close img{
        width: 20px;
    }
    .i_cha{
        position: absolute;
        right:70px;
        display:none;
        top:50%;
        transform: translateY(-50%);
    }
    .i_cha img{
        width: 13px;
    }
    .ssibut1{
        background: #ee7300;
        color:#ffffff;
        position: absolute;
        top:50%;
        height: 48px;
        line-height: 48px;
        transform: translateY(-50%);
        right:0;
        padding:0 15px;
    }
    #wapglobals{
        position: fixed;
        top: 0;
        z-index: 991;
        width: 100%;
        height:100%;
        overflow-y:scroll;
        background:#faf9f7;
        padding-top:80px;
        box-sizing: border-box;
    }
    .wap-close{
        position: absolute;
        top:0;
        right:15px;
    }
    .wap-close img{
        width: 20px;
    }

    .wap-scroll{
        width: 100%;
        height: 100%;
        overflow-y:scroll;
    }
    .navigation-down .nav-down-menu{
        background: #faf9f7;
        padding: 60px 0 15px;
    }
    .langs-wd33{
        display: block;
    }
    .langs-gl{
        width: 100%;
    }
    .langs-wd8{
        width: 100%;
        max-width: 100%;
    }
    .joblist-pad{
        display: block;
    }
    .joblist-left{
        width: 100%;
        padding-top:25px;
    }
    .joblist-right{
        width: 100%;
        display: none;
    }
    .joblist-left02{
        width: 100%;
        padding-left: 15px;
        box-sizing: border-box;
    }
    .ipcw{
        display: block!important;
    }
    .jp-h1:after{
        margin-top: 10px;
    }
    .jp-h1{
        padding-bottom: 15px;
    }
    .joblist-right02{
        width: 100%;
    }
    .napage-bot{
        height: 50vh;
    }
    .ygp-no {
        width: 120px !important;
        display: block;
        text-align: center;
        border: 1px solid #ee7300;
        border-radius: 10000px;
        letter-spacing: 1px;
        position: relative;
        transition: .3s;
        padding: 4px 0;
        overflow: hidden;
        margin-right: 0;
        margin-bottom: 5px
    }

    .ygp-no a {
        color: #ee7300 !important;
        display: block;
        text-align: center;
        font-size: 14px;
        font-weight: 700;
    }
    .no-buttom{
        display: block;
        padding-top: 10px;
    }

    .padd82{
        padding-top:30px;
    }
    .line-30 {
        width: 100%;
        display: block;
        text-align: center;
    }
    .line-ewm {
        padding-top: 17px;
        text-align: center;
        float: left;
        margin-left:85px;
    }
    .line-50{
        width: 100%;
    }
    .ser-banner{
        margin-top:46px;
    }
    .liaison{
        padding:20px 0;
        width: 100%;
        display: block;
    }
    .lian-tel{
        width: 100%;
        margin-bottom: 20px;
    }
    .liansion-left{
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }

    .liansion-right{
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }
    .lian-tel img{
        padding:0;
    }
    .lian-mail img{
        padding:0;
    }
    .an01 {
        width: 100%;
        line-height: 30px;
        height: 30px;
    }
    .an02 {
        width: 50%;
        line-height: 30px;
        height: 30px;
    }
    .an03 {
        line-height: 30px;
        height: 30px;
        width: 99px;
    }
    .an04{
        line-height: 30px;
        height: 30px;
    }
    .an04 img {
         height: 26px;
    }
    .an05 {
        line-height: 30px;
        height: 30px;
    }
    .investor_pad{
        width: 100%;
        padding:10px 15px;
    }
    .rep-cn div{
        font-size: 12px;
    }
    .appr-uimg img{
        max-width: 100%;
    }
    .appr-uimg{
        width: 90%;
    }
    .navigation-up{
        height: 45px;
    }
    .navigation-v3{
        display: none;
    }
    .search{
        display: none;
    }
    .foot-sz{
        font-size: 14px;
    }
    .cas-more{
        color:#333333;
        font-size: 14px;
    }
    .cas-more:hover{
        color:#ee7300;
        font-size: 14px;
    }
    .prelefts05{
        display: none;
    }
    .prerights05{
        display: none;
    }
    .soli-down{
        right:10px;
        bottom: 10px;
    }
    .soname{
        font-size: 12px;
        padding-top:5px;
    }
    .soimg img{
        width: 15px;
    }
    .disflx{
        width: 100%;
        display: block;
    }
    .certification_item{
        float: left;
        width: 33.3%;
    }
    .ygp-more{
        margin-top: 10px;
    }
    .slide_card_info_btn{
        padding:6px 0;
        margin-top:6px;
    }
    .rep-cn{
        justify-content: space-between;
    }
    .rep-view{
        width: 95px;
    }
    .rep-af div{
        margin:0 2px;
    }
    .rep-buttom{
        display: flex;
        display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box; /* Firefox 17- */
        display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex; /* Firefox 18+ */
        display: -ms-flexbox; /* IE 10 */
    }
    #LoutiNav{display: none!important;}
    .cntl-state:nth-child(2n+1) .cntl-txt{
        padding-right: 0!important;
    }
    .ygs-more:hover a{
        color:#ee7300!important;
    }
    .ygs-more {
        margin-top: 20px;
    }
    .cntl-txt{
        padding-left: 130px!important;
    }
    .spee{
        margin-bottom: 10px!important;
    }
    #header-search{
        display: none;
    }
    .mihw{
        display: none;
    }
    .mipc{
        display: block;
    }
    .sefont{
        font-size: 16px;
    }
    .ilink{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .card_item_center_nav_list{
        flex-direction: row;
        display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
        justify-content: left!important;
    }

    .serdeta-left {
        line-height: 32px;
    }
     .servdetail-pad{
        padding: 20px 10px;
        display: block;
    }
    .ongol-ul{
        display: block;
        float: left;
        padding: 30px 0  50px 0;
        width: 100%;
        box-sizing: border-box;
        display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
        justify-content: space-between;
    }
    .ongol-li{
        float: left;
        text-align: center;
    }
    .ondetail-pad{
        padding:0;
    }
    .online-row{
        display: block;
    }
    .onl-wright{
        display: none;
    }
    .box{
        width: 100%;
    }
    .onl-50 label{
        font-size:14px;
        width: 26%;
        min-width: auto
    }
    .onl-100 label{
        width: 26%;
        font-size: 14px;
        min-width: auto
    }
    .oninp{
        height: 34px;
        line-height: 34px;
    }
    .onl-w10 label{
        font-size: 14px;
        width: 32%;
        min-width: auto
    }
    .on-wl2 label{
        width: 25%;
    }
    .doc{
        height: 34px;
        line-height: 34px;
        width: 20%;
    }
    .chage-box{
        width: 38%;
    }
    .chage-yzm{
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
    .chtext{
        font-size: 14px;
        padding:0;
        text-align: center;
        margin: 0 auto;
        width: auto;
    }
    .ongname{
        font-size: 12px;
        padding-left: 1px;
    }
    .chbox{
        padding:8px 8px;
    }
    .onlin-w100{
        padding-top: 15px;
    }
    .onl-50{
        width: 100%;
    }
    .se-line{
        width: 100%;
        height: 1px;
        background: #e5e5e5;
        margin:15px 0 20px;
    }

    .cont-pads-left{
        background: #ffffff;
    }
    .newsBox{
        margin:15px 0;
    }
    .news-info-title{
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .product_list{
        padding-top: 0
    }
    .new_intor_title{
        height: auto;
    }
    .products_content{
        padding:0;
    }
    .dp-icon img{
        width: 40px;
    }
    .dp-disp{
        padding-left:15px;
    }
    .w12{
        width: 20%;
    }
    .dp-ul{
        width: 80%;
    }
    .dp-disp{
        width: 80%;
        padding:15px;
        box-sizing: border-box;
    }
    .dp-name{
        font-size: 12px;
    }
    .ipw{
       display: block;
    }
    .ifont-72{
        font-size: 24px;
    }
    .swname{
        padding:15px 0 0 0;
    }

    .dp-sli{
        width: 25%;
        padding:8px 0;
    }
    .cont-pads{
        display: block;
    }
    .cont-pads-right{
        width: 100%;
    }
    .cont-pads-left{
        width: 100%;
    }
    .lx{
        bottom: 0;
    }
    .foot-main-right{
        display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .scroll-top{
        width: 42px;
        height: 42px;
        bottom: 42px;
    }
    .lx img{
        width: 42px;
    }
    .swiper-content .inner{
        margin-top:160px!important;
        padding:0 20px 20px 20px!important;
    }
    .swiper-content .movie-text{
        line-height: 22px!important;
    }
    .pad-b30{
        padding-bottom: 10px!important;
    }
    .yg-abouts-main{
        padding: 80px 20px 7px!important;
    }
    .yg-ab-h2{
        margin-top:10px!important;
        line-height: 24px!important;
    }
    .swiper-nav img {
        width: 48px !important;
        height: 48px !important;
    }
    .swiper-nav .swiper-slide {
        width: 90px !important;
        height: 70px!important;
    }
    .contact-zb{
        display: block;
        margin-top: 15px;
    }
    .c-pad-list{
        height: auto;
    }
    .iph{
        display: block!important;
    }
    .ypc{
        display: none!important;
    }
    .iph-text{
        padding-top: 15px;
        width: 100%;
        line-height: 26px;
    }
    .iph-img img{
        margin:20px 0 0 0;
    }
    .iph-text p{
        padding:6px 0;
    }
    .devl-li{
        display: block;
        overflow: hidden;
    }
    .iph-l{
        float: left;
        padding-right: 4px;
        width: 25%;
        box-sizing:border-box;
    }
    .iph-r{
        width: 75%;
        padding-top: 3px;
        font-size:16px;
        float: left;
    }
    .globals-left{
        width: 100%!important;
    }

    .new-banner{
     }
    .newsnav-bord{
        padding-top:15px;
    }
    .swiper-new-card-left{
        width: 100%;
        position: relative!important;
        top:auto!important;
        -webkit-transform: scale(1)!important;
        transform: scale(1)!important;
    }
    .swiper-slide-card-info{
        width: 100%;
        position: relative!important;
        top:auto!important;
        -webkit-transform: scale(1)!important;
        transform: scale(1)!important;
        box-sizing: border-box;
        padding:15px;
    }
    .aspectRatio{
        margin-top: 15px;
        padding:0;
        display: none;
    }
    .contact-left{
        width: 100%;
    }
    .contact-left img{
        width: 100%;
    }
    .contact-right{
        width: 100%;
        padding:15px;
        box-sizing: border-box;
    }
    .product_list_card{
        width:100%;
        padding-bottom: 15px;
    }
    .con-bg{
         margin-bottom: 15px;
    }
    .ifont36{
         font-size: 20px;
    }
    .ifont22{
         font-size: 16px;
    }
    .devl-text-right{
        position:inherit!important;
        width: 100%!important;
        transform: none!important;
        padding:15px!important;
        box-sizing: border-box;
    }
    .devl-icon-li{
        width: 50%;
        padding:15px 0;
    }
    .appr-pad{
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .appr-pad img{
        width: 100%;
    }
    .res-name{
        font-size: 20px;
    }
    .res-text{
        width:80%;
    }

    .research{
        padding:60px 0;
    }
    .rescontz{
        padding:60px 0;
    }
    .devl-test-bg{
        padding:20px 0!important;
    }
    .product_banner{
        padding-top: 0;
    }
    .dev-le-pan{
        font-size: 20px;
    }
    .dev-le-tit{
        font-size: 14px;
    }
    .devl-icon-name{
        font-size: 20px;
    }
    .report-left{
        width: 28%;
        overflow: hidden;
    }
    .report-right{
        width: 72%;
        padding-left:15px;
        box-sizing: border-box;
    }
    .rep-f36{
        width: 100%;
        padding-bottom: 1px;
        font-size: 18px;
    }
    .rep-f16{
        font-size: 12px;
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        padding:0;
        margin:10px 0;
        display: none;
    }


    .rep-fm{
        width: 100%;
    }
    .devico{
        width: 50%;
    }
    .oreport{
        float: left;
        padding:10px 0 20px;
        width: 100%;
        box-sizing: border-box;
        font-size: 13px;
    }

    .report-bg{
        padding:0;
    }
    .rep-fm img{
        width: 100%;
    }
    .rep-cn a{
       padding: 5px 0;
    }
    .devh1{
        font-size: 20px;
    }
    .devl-ac-name{
        font-size: 20px;
        padding:0 0 15px 0;
    }
    .dev-left{
        width: 100%;
    }
    .dev-right{
        width: 100%;
    }
    .devh1 span{
        font-size: 18px;
    }
    .devl-f36{
        padding-top: 15px;
        float: left;
        clear: both;
        width: 100%;
    }
    .devl-more{
        margin-top:15px!important;
    }
    .devl-text-left{
        width: 100%!important;
    }
    .devl-text-left img{
        width: 100%;
    }
    .whtext{
        font-size: 15px;
    }
    .ihm{
        display: block;
    }
    .ipc{
        display: none;
    }
    .map img{
        width: 80%;
        margin:0 auto;
    }
    .map{
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
        text-align: center;
    }

    .mis-name{
        font-size: 20px!important;
    }
    .appr-cn{
        position: relative!important;
        top:auto!important;
        right: auto!important;
        padding: 15px;
        box-sizing: border-box;
        width: 100%;
        max-width: 600px!important;
        transform: translateY(15%)!important;
    }
    .appr-left{
        width: 100%!important;
    }
    .approves{
        padding: 80px 0 140px!important;
    }
    .mis-text{
        width: 80%!important;
    }
    .mission{
        background: url(../images/about-img03.jpg) no-repeat center;
        padding:60px 0!important;
    }
    .globals-right{
        width: 100%;
    }
    .globals-right img{
        width: 100%;
    }
    .development{
        margin:10px 0 0 0!important;
        padding:30px 0 0!important;
    }

    .des-text{
        width: 70%!important;
        font-size: 14px!important;
        line-height: 22px!important;
    }
    .wabout-left{
        padding:20px 0!important;
        width: 100%!important;
        box-shadow: none!important;
        position: initial!important;
    }
    .wabout{
        margin:20px 0!important;
    }

    .wh1{
    }
    .wabout-right{
        width: 100%!important;
        position: relative;
        top:5px;
        z-index: 1
    }
    .sectom{
        float: left;
    }
    .tabs_content_header li:hover{
        background: none;
    }
    .tabs_content_header li:hover .con-name:after{
        display: none;
    }
    .sectom-bot{
        float: left;
        text-align: left;
    }
    .tabs_content_header ul{
        width: 100%;
        padding:20px 0;
    }

    .con-title{
        font-size: 14px;
    }
    .culture-cn{
        height: auto!important;
        width: 100%;
        position: relative;
    }
    .tabs_content_header li .tab{
        position: relative!important;
        top:auto!important;
        left:auto!important;
        transform: rotate(0)!important;
        display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
        align-items: center;
    }

    .sectom img{
        width: 80px;
    }

    .de-font36{
        font-size: 20px;
    }
    .dev-pad{
        padding:20px 0;
    }
    .de-font18{
        padding:15px 0;
    }
    .de-font18 p{
        font-size: 14px;
    }
    .de-vlist-li{
        width: 100%;
        border:0;
    }
    .dev-video img{
        width: 40px;
    }
    .de-name{
        font-size: 14px;
    }
    .de-vlist-font{
        font-size: 20px;
        padding-left:15px;
    }
    .employee-w6{
        width: 100%;
        padding-right:0!important;
        padding-left:0!important;
    }
    .employee{
        padding:20px 0;
    }
    .efont-36{
        font-size: 20px;
    }
    .employee-w5{
        width: 100%;
    }
    .employee-w5 img{
        width: 100%;
    }
    .safety-w4{
        width: 100%;
        float: right;
    }
    .safety-w4 img{
        width: 100%;
    }

    .safety-w6{
        width: 100%;
        padding:0;
    }
    .sfont-36{
        font-size: 20px;
    }
    .our-action-name{
        font-size:20px;
        padding:0 0 15px 0;
    }
    .efont-16 p{
        font-size: 14px;
    }
    .dev-font18{
        display: none;
    }
    .dev-swip{
        font-size: 16px;
        left:15px;
        bottom:15px;
    }
    .fath-w{
        margin-left: -50%!important;
        margin-right: -50%!important;
    }
    .presleft01{
        display: none;
    }
    .presright01{
        display: none;
    }
    .dev-font36{
        font-size: 20px;
    }
    /* 浜у搧椤靛竷灞€ */
    .tabs_content_header li{
        width: 100%!important;
        height: auto!important;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .sectom{
        display: block!important;
    }
    .con-title{
        display: block!important;
    }
    .about-right{
        width: 100%!important;
        padding: 0!important;
        margin:0;
    }

    .about-left{
        width: 100%!important;
    }
    .about-con{
        padding-bottom: 60px!important;
        padding-top: 30px!important;
    }
    .signature img{
        width: 150px;
    }
   #table-yg li{
       width: 100%;
       font-size: 13px;
       padding:6px 0;
   }
   .tafont13{
      font-size: 13px!important;
   }
   .webs{
      padding:5px 0!important;
   }

    .h3, h3{
        font-size: 16px;
    }
    .tels{
       padding: 8px 5px 8px 0;
    }

    .pc-banner .swiper-container .swiper-wrapper .swiper-slide {
        width: 100%!important;
        opacity: 0.1;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        transform: scale(0.9);
    }

    .pc-banner .swiper-container .swiper-wrapper .swiper-slide img {
        width: 100%;
    }

    .pc-banner .swiper-container .swiper-wrapper .swiper-slide-active {
        width: 100%!important;
        opacity: 1;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        transform: scale(1);
    }
    .swi-w1400{
        width: 100%!important;
     }


    .c-video{
        width: 60px;
    }
    .c-video img {
        width: 100%;
    }
    .vmain {
        display: block;
    }

    .pc {
        display: block;
        width: 100%;
        margin: 15px 0;
    }

    .iphw {
        display: none;
    }

    .col-50 {
        width: 100%;
    }

    .prod_detail {
        margin-left: 0
    }

    .cpro-shar {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .prod_title {
        font-size: 20px;
        line-height: auto;
        margin-bottom: 10px;
        width: 100%!important;
        max-width: 100%!important;
        font-weight: bolder;
    }

    .adv_tag .tag {
        width: 33.3%;
    }

    .yzm img {
        height: 30px;
    }

    .tagname {
        font-size: 14px;
    }

    .dect {
        font-size: 14px;
    }

    .adv_tag {
        padding-left: 10px;
    }

    .desc {
        font-size: 16px;
        width: 100%;
        padding: 5px 0;
    }

    .certification_item img {
        width: 60px;
    }

    .certification_item {
        font-size: 12px;
    }

    #parameters {
        padding: 30px 0 15px;
        font-size: 20px;
    }

    #parameters~.layui-collapse .layui-colla-title {
        font-size: 14px;
    }

    .layui-colla-icon {
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

    .img_box {
        display: block;
        width: 100%;
        margin: 20px 0;
    }

    .download_title {
        font-size: 20px;
    }

    .download_resources {
        width: 100%;
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    .download_res {
        display: flex;
        display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box; /* Firefox 17- */
        display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex; /* Firefox 18+ */
        display: -ms-flexbox; /* IE 10 */
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: auto;
        padding:15px;
        box-sizing: border-box;
    }

    .online-name {
        font-size: 20px;
    }

    .doc-right {
        width: auto;
    }

    .ygwpad {
        padding-top: 16px;
    }

    .yzm {
        width: 100%;
    }

    .inpages {
        width: 50%;
    }

    .on50 {
        width: 100%;
    }

    .spreleft01 {
        display: none;
    }

    .spreright01 {
        display: none;
    }

    .planadvantage_list_item {
        padding: 20px 10px;
    }

    .img_box1 img {
        width: 50px;
    }

    .planadvantage_list_item_title {
        font-size: 14px;
    }

    .planadvantage_list_item_img {
        margin-bottom: 10px;
    }

    .plan-5 {
        width: 100%;
        float: left;
    }

    .planadvantage_list_ul {
        width: 50%;
        padding: 15px;
        box-sizing: border-box;
        min-height: 256px;
    }

    .product_title {
        font-size: 18px;
    }

    .pv-video img {
        width: 40px;
    }

    .pv-font18 {
        display: none;
    }

    .pv-font36 {
        font-size: 20px;
    }

    .planadvantage_title {
        font-size: 22px;
        height: auto;
        padding: 50px 0 20px;
    }

    .swiper-slide_card {
        display: block;
    }

    #swiper1 .swiper-slide, #swiper1 img {
        padding-bottom: 0;
    }

    .slide_card_info_title {
        font-size: 18px;
    }

    .case_box .category ul li.active .gorpad {
        padding: 0 10px;
    }

    .gorpad {
        padding: 0 10px;
     }

    .case-list {
        margin-top: 10px;
    }

    .product_nav_list {
        margin: 30px 0 15px;
        flex-wrap: nowrap;
        display: block;
    }

    .casedet-menu {
        padding-top: 40px;
        padding-bottom: 10px;
    }

    .casedetail .swiper-slide {
        padding: 0;
        margin-top: 0!important;
    }

    .header {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999;
        background: #ffffff;
   background: #ffffff;
      background-size: 100%
   }

    .scrollmenu .img02{
        display: none;
    }
    .scrollmenu .img03{
        display: block;
    }
    .scrollmenu .img01{
        display: none;
    }

    .yw-position {
        transform: translateY(20px)!important;
    }

    .ywf36 {
        font-size: 20px;
    }

    .yw16 {
        display: none;
    }

    .ywvideo img {
        width: 40px;
    }

    .solution_ca_list {
        grid-template-columns: repeat(1, 1fr);
        height: auto;
        padding-top: 15px;
    }

    .solution_list_card {
        height: auto;
        width: 100%;
    }

    .solunav{
        width:50%;
    }
    .solution_card_item_img:first-of-type {
        width: 20px;
        height: 22px;
    }

    .solu-disflex {
        grid-template-columns: repeat(1, 1fr);
    }

    .sfont36 {
        font-size: 18px;
    }

    .solu-jh-right {
        padding: 15px;
    }

    .solu-jh-left {
        width: 100%;
    }

    .solu-jh-right {
        position: relative;
        width: 100%;
    }

    .product-list:nth-child(even) .solu-jh-right {
        position: relative;
        float: left;
        padding: 15px;
    }

    .slink {
        margin: 10px 0;
    }

    .sfont16 {
        font-size: 14px;
    }

    .font-36 {
        font-size: 22px;
    }

    .case_box .category ul {
        padding: 0 15px;
    }

    .case_box .category ul li {
        padding: 2px 6px;
    }

    .casedat-li {
        width: 100%;
        padding-top: 0;
    }

    .case-pad {
        padding: 5px 0 15px;
        float: left;
    }

    .font-22 {
        font-size: 18px;
    }

    .swiper-case {
        display: block;
    }

    .wi50-left {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .wi50-left img {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .wi50-right {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }


    .cs-f36 {
        font-size: 20px;
        padding-bottom: 5px;
    }

    .cs-f16 {
        margin-bottom: 10px;
    }

    .pv-solu-title {
        padding-top: 30px;
    }

    .case_boxs .categorys ul li {
        font-size: 14px;
        margin: 0 5px;
    }

    .pv-solution {
        padding-top: 30px;
    }

    .casetage-ul {
        padding-top: 20px;
    }

    .w1200 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .w1400 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .slie-qure {
        padding: 10px 15px 10px 15px;
        min-height: 80px;
    }
    .solu-w{
        width: 100%;
        overflow: hidden;
        padding:0!important;
    }
    .rela-name {
        font-size: 20px;
    }

    .font-22 {
        font-size: 18px;
    }

    .product_nav_list_content {
        margin-bottom: 5px;
    }

    .nav_list_content_item {
        margin-right: 20px;
        font-size: 16px;
    }

    .product_nav_item {
         font-size: 16px;
    }

    .case-li-list {
        padding: 15px;
        width: 100%;
    }



    /* 鍟嗗搧鍒楄〃 */
    .font-36 {
        font-size: 22px;
    }

    .case_box .category ul {
        padding: 0;
        display: flex;
        justify-content: left;
    }

    .case_box .category ul li {
        padding: 2px 6px;
    }

    .casedet-cent {
         width: 100%;
    }

    .font-22 {
        font-size: 18px;
    }

    .font-16 {
        font-size: 14px;
    }

    .swiper-case {
        display: block;
    }
    .ifont-16n{
        line-height: 24px;
    }
    .wi50-left {
        width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
        min-height: 180px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .wi50-left img {
        margin: 0 auto;
    }

    .wi50-right {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

     .cs-f36 {
        font-size: 20px;
        padding-bottom: 5px;
    }

    .cs-f16 {
        margin-bottom: 10px;
    }

    .case_boxs .categorys ul li {
        font-size: 14px;
        margin: 0 5px;
    }

    .pv-solution {
        padding-top: 30px;
    }

    .casetage-ul {
        padding-top: 20px;
    }

    .w1200 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .w1400 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .rela-name {
        font-size: 20px;
    }

    .list_card_item {
        flex-wrap: wrap;
    }

    .card_item_left {
        /* flex: 1; */
        width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5.42vh;
    }

    .card_item_left_title {
        width: max-content;
        margin: 0 1.43vw;
    }

    .card_item_left_content {
        flex: 1;
    }

    .card_item_center {
        width: 100%;
        padding:0;
    }

    .card_item_right {
        width: 70%;
    }

    .bannerBox {
        height: auto;
    }
}
@media screen and (max-width: 525px) {
    .list_card_item {
        padding: 3.42vh 2.97vw 7.08vh 3.59vw
    }

    .card_item_left {
        flex-direction: column;
    }

    .card_item_left_title {
        margin-bottom: 1.42vh;
    }

    .card_item_center {
        width: 100%;
    }

    .card_item_center_nav_list {
        justify-content: center;
        align-items: center;
    }

    .card_item_right {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .ygw1442 {
        width: 100%;
        margin: 0 auto;
        padding-left:15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 375px) {
    .small {
        top: 20% !important;
    }
}
@media (max-width: 600px) {

    .cntl-bar {
        right:auto;
        left:15px;
    }
    .cntl-state{
        margin-bottom: 15px;
    }

    .cntl-content {
        width:100%;
        float:left;
    }
    .cntl-text{
        margin-right:0;
        border-left:1px solid #f1f1f1;
        border-right:0;
        float: left;
        margin-left:120px;
        padding-left:15px;
        text-align: left;
    }
    .year{
        left:60px;
        font-size: 18px;
        right:auto;
        top:auto;
    }
    .cntl-link{
        right:auto;
        left:26px;
        width: 20px;
    }
    .cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-text {
        border-right: 0;
        border-left: 1px solid #f1f1f1;
        padding-right: 0;
        padding-left: 15px;
        margin-left: 120px;
    }
    .cntl-state:nth-child(2n+2) .cntl-content {
        margin-right:0%;
        float:left;
    }
    .cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-link {
        width: 20px;
        height: 1px;
        background: #e5e5e5;
        position: absolute;
        left: 26px;
        top: 15px;
    }
    .cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-texts{
        margin-left: 120px;
    }
    .cntl-image {
        width:100%;
    }

    .cntl-state:nth-child(2n+1) .cntl-image {
        float:none;
    }

    .animate .cntl-content {
        margin-left: 2%;
    }

    .cntl-icon {
        left: -25px;
        right: auto;
    }
}