@media screen and (max-width: 1679px) {  
    .w1800{
        width: 95%;
    }
}
/*当浏览器的可视区域小于1650px*/
@media screen and (max-width: 1650px) {
    .w1600{
        width: 90%;
    }
    .mainer .banner-font .banner-font-left h3 {
        font-size: 50px;
    }
    .index-tit h3 {
        font-size: 46px;
    }
    .index-cont2 .index-cont2-listright {
        padding-left: 70px;
    }
    .footer .foot-top-cont{
        width: 25%;
        padding-left: 50px;
    }
    .footer .footerphone-menu{
        width: 75%;
    }
    .index-cont5 .index-cont5-listleft {
        padding-right: 25rem;
    }
    .preview .solutions-page{
        width: 31.5%;
    }
}
@media screen and (max-width: 1560px) {
    .index-cont2 .index-cont2-listleftul li:nth-child(1) {
        top: 23px;
        left: 90px;
    }
    .index-cont2 .index-cont2-listicon.icon1, .index-cont2 .index-cont2-listicon.icon3, .index-cont2 .index-cont2-listicon.icon5 {
        width: 96px;
        height: 96px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(2) {
        top: 73px;
        left: 403px;
    }
    .index-cont2 .index-cont2-listicon.icon2 {
        width: 80px;
        height: 80px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(6) {
        bottom: 172px;
        left: 30px;
    }
    .index-cont2 .index-cont2-listicon.icon4, .index-cont2 .index-cont2-listicon.icon6 {
        width: 55px;
        height: 55px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(5) {
        bottom: 10px;
        left: 134px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(4) {
        bottom: -4px;
        right: 112px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(3) {
        top: 238px;
        right: 1px;
    }
    .index-cont3 .index-cont3-swiperbtn {
        width: 28%;
    }
    .footer .footerphone-menu {
        width: 73%;
    }
    .footer .foot-top-cont {
        width: 27%;
        padding-left: 45px;
    }
    .IndexList li {
        margin-right: 7rem;
    }
    .index-cont1 .index-cont1-listrightfont {
        padding-left: 120px;
    }
    .index-cont1 .index-cont1-listright {
        padding-right: 130px;
    }
}
/*当浏览器的可视区域小于1520px*/
@media screen and (max-width: 1520px) {
    .mainer .banner-font .banner-font-left h3 {
        font-size: 46px;
    }
    .index-tit h3 {
        font-size: 40px;
    }
    .index-cont1 .index-cont1-listrighttit ,
    .index-cont2 .index-cont2-listrighttit, 
    .index-cont3 .index-cont3-leftfonttit{
        font-size: 36px;
    }
    .index-cont1 .index-cont1-listrightimg img{
        width: 90%;
    }
    .index-cont2 .index-cont2-listrightimg img{
        width: 65%;
    }
    .nub,
    .IndexList li span.fuhao{
        font-size: 44px;
    }
    .index-cont1 .index-cont1-listrightfont {
        margin-top: -110px;
    }
    .index-cont2 .index-cont2-listrightfont {
        margin-top: -150px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(2) {
        top: 70px;
        left: 392px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(1) {
        top: 21px;
        left: 86px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(3) {
        top: 232px;
        right: 1px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(5) {
        bottom: 10px;
        left: 130px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(6) {
        bottom: 166px;
        left: 28px;
    }
    .index-cont3 .index-cont3-list-left{
        width: 38%;
        padding: 110px 60px 158px 60px;
        margin-right: 50px;
    }   
    .index-cont3 .index-cont3-swiperbtn{
        left: 60px;
    } 
    .index-cont3 .index-cont3-leftimg img{
        width: 90%;
    }
    .index-cont3 .index-cont3-leftfont {
        margin-top: -110px;
    }
    #search-form{
        width: 24%
    }
    .footer .foot-top-cont {
        padding-left: 35px;
    }
    .pub-banner .pub-banner-font h3 {
        font-size: 46px;
        line-height: 58px;
    }
    .pub-pubtit h3 {
        font-size: 42px;
        margin-bottom: 15px;
        line-height: 50px;
    }
    .made-brand .made-brand-leftfont h3 {
        font-size: 34px;
        margin-bottom: 10px;
    }
    .made-service .made-service-iconfontdec {
        font-size: 17px;
        line-height: 30px;
    }
    .made-design .made-design-ulfont h3 {
        font-size: 28px;
        line-height: 38px;
    }
    .product-list .product-list-ul li, .caseinfo-list .product-list-ul li {
        margin-right: 20px;
    }
    .service-list .service-autoul li {
        width: 48.3%;
    }
    .preview .solutions-page {
        width: 31.35%;
    }
    .reo-swiper .view,
    .reo-swiper .view .swiper-slide{
        height: 480px;
    }
    .solutions-pagination{
        height: 170px;
    }
    .index-cont3 .index-cont3-swiperbtn, .made-brand .made-brand-btn {
        bottom: 88px;
    }
}
/*当浏览器的可视区域小于1470px*/
@media screen and (max-width: 1470px) {
    .IndexList li {
        margin-right: 6.3rem;
    }
    .index-cont1 .index-cont1-listrightfont {
        padding-left: 100px;
    }
    .index-cont1 .index-cont1-listright {
        padding-right: 70px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(1) {
        top: 21px;
        left: 82px;
    }
    .index-cont2 .index-cont2-listicontit {
        font-size: 16px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(2) {
        top: 68px;
        left: 377px;
    }
    .index-cont2 .index-cont2-listicon{
        margin-bottom: 5px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(3) {
        top: 223px;
        right: 0px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(4) {
        bottom: 0px;
        right: 108px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(5) {
        bottom: 12px;
        left: 122px;
    }
    .index-cont3 .gallery-top .index-cont3-swiperimg{
        height: 450px;
    }
    .index-cont3 .gallery-thumbs .index-cont3-swiperimg {
        height: 160px;
    }
    .index-cont3 .index-cont3-list-left {
        padding: 88px 55px 158px 55px
    }
    .index-cont5 .index-listright-font {
        padding-left: 20px;
    }
    .index-cont5 .index-cont5-listright{
        padding: 80px 40px;
    }
    .index-cont5 .index-cont5-tit {
        font-size: 40px;
        margin-bottom: 40px;
    }
    .index-cont5 .index-cont5-dec {
        font-size: 32px;
        line-height: 40px;
    }
    .index-cont5 .index-cont5-dec p:first-child {
        margin-bottom: 14px;
    }
    .footer .foot-top-tel {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .w1400{
        width: 90%;
    }
    .made-quality .made-quality-leftul li {
        width: 48.5%;
    }
    .product-list .product-list-ul li, .caseinfo-list .product-list-ul li {
        width: 32.2%;
    }
    .productinfo-list .productinfo-detailslist-bgm .productinfo-detailslist-bgm-roate {
        width: 420px;
        height: 420px;
        top: 60%;
        left: 50%;
        margin-left: -210px;
        margin-top: -253px;
    }
    .case-succe .case-succeswiper-btn li a {
        font-size: 20px;
    }
    .case-succe .case-succeswiper-font h3 {
        font-size: 22px;
    }
    .case-succe .case-succeswiper-font .case-succeswiper-fontdec {
        font-size: 17px;
    }
    .case-succe .case-succeswiper-font {
        margin-left: -135px;
    }
    .case-global .case-globalspot li:nth-child(1) {
        top: 214px;
        left: 239px;
    }
    .case-global .case-globalspot li:nth-child(2) {
        top: 88px;
        right: 337px;
    }
    .case-global .case-globalspot li:nth-child(3) {
        top: 244px;
        right: 294px;
    }
    .service-list .service-proleft-tit h3 {
        font-size: 44px;
    }
    .service-list .service-proleft-dec {
        margin-top: 35px;
        padding-left: 65px;
    }


    /* 20211026 */
    .made-brand .made-brand-btn {
        bottom: 55px;
    }
}
@media all and (max-width:1390px){
    .headfixed .menu-list {
        width: 76.5%;
    }
    .headfixed .menu-list>ul {
        width: 78.5%;
    }
    .IndexList li {
        margin-right: 5rem;
    }
    .mainer .banner-font .banner-font-left h3 {
        font-size: 41px;
    }
    .index-cont3 .index-cont3-list-left {
        padding: 88px 55px 60px 55px;
    }
    .index-cont3 .index-cont3-swiperbtn{
        bottom: 90px;
    }
    .footer .footerphone-menu {
        width: 71%;
    }
    .footer .foot-top-cont {
        width: 29%;
        padding-left: 30px;
    }
    .index-cont3 .index-cont3-list-left {
        padding: 88px 45px 60px 45px;
    }
    .index-cont3 .index-cont3-swiperbtn {
        left: 45px;
    }
    .index-cont1 .index-cont1-listrightimg {
        padding-left: 50px;
    }
    .index-cont1 .index-cont1-listrightfont {
        padding-left: 80px;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        width: 49.8%;
        top: 44.7%;
        left: -63.7px;
    }
    .about-list .about-develop-swiper .swiper-slide:last-child::after {
        top: 44.7%;
        right: -68px;
    }
    .about-list .about-develop-swiper .swiper-slide:first-child::before, .about-list .about-develop-swiper .swiper-slide:last-child:after {
        left: -69px;
    }
    .preview .solutions-page {
        width: 31.1%;
    }
}
/*当浏览器的可视区域小于1366px*/
@media screen and (max-width: 1366px) {
    .IndexList li {
        margin-right: 4.8rem;
    }
    .index-cont2 .index-cont2-listicon.icon1, .index-cont2 .index-cont2-listicon.icon3, .index-cont2 .index-cont2-listicon.icon5 {
        width: 80px;
        height: 80px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(3) {
        top: 210px;
        right: 2px;
    }
    .index-cont2 .index-cont2-listicon.icon2 {
        width: 65px;
        height: 65px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(2) {
        top: 65px;
        left: 355px;
    }
    .index-cont2 .index-cont2-listicon.icon4, .index-cont2 .index-cont2-listicon.icon6 {
        width: 50px;
        height: 50px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(6) {
        bottom: 154px;
        left: 25px;
    }
    .menu-list h3 a {
        height: 80px;
        line-height: 80px;
    }
    .headfixed .menu-list>ul {
        width: 82.5%;
    }
    #search-form {
        width: 25%;
    }
    .pub-banner .pub-banner-font h3 {
        font-size: 42px;
        line-height: 52px;
    }
    .pub-pubtit h3 {
        font-size: 38px;
        margin-bottom: 14px;
        line-height: 48px;
    }
    .made-brand .made-brand-leftfont h3 {
        font-size: 32px;
    }
    .product-list .product-list-ul li, .caseinfo-list .product-list-ul li {
        width: 32.1%;
    }
    .product-list .product-list-ulfonttit, .caseinfo-list .product-list-ulfonttit {
        font-size: 22px;
    }
    .product-list .product-list-toptit {
        font-size: 34px;
    }
    .productinfo-list .productinfo-list-toplefth3 {
        font-size: 34px;
    }
    .productinfo-list .product-intro-tit {
        font-size: 34px;
    }
    .productinfo-list .productinfo-detailslist-font h3 {
        font-size: 22px;
    }
    .productinfo-list .productinfo-detailslist-ul li:nth-child(1) {
        top: 135px;
    }
    .productinfo-list .productinfo-detailslist-ul li:nth-child(2) {
        top: 115px;
    }
    .productinfo-list .productinfo-detailslist-ul li:nth-child(3) {
        bottom: 68px;
    }
    .productinfo-list .productinfo-detailslist-ul li:nth-child(4) {
        bottom: 90px;
    }
    .case-succe .case-succeswiper-font {
        margin-left: -173px;
    }
    .case-global .case-globalspot li:nth-child(1) {
        top: 214px;
        left: 191px;
    }
    .case-global .case-globalspot li:nth-child(2) {
        top: 88px;
        right: 290px;
    }
    .case-global .case-globalspot li:nth-child(3) {
        top: 244px;
        right: 248px;
    }
    .service-list .service-proleft-tit h3 {
        font-size: 40px;
    }
    .service-list .service-auto-font h3 {
        font-size: 20px;
    }
    .service-list .service-auto .service-auto-font {
        padding: 30px 25px 10px 25px;
    }
    .service-list .service-auto-font .service-auto-fontdec {
        font-size: 15px;
        line-height: 26px;
    }    
    .service-list .service-cooper-swiperfont h3 {
        font-size: 20px;
    }
    .service-list .service-autoul li {
        width: 48.1%;
    }
    .qswl-num .ul-num .law-num-info span {
        font-size: 44px;
    }
    .about-list .about-team-listleftfont{
        font-size: 22px;
        height: 80px;
        line-height: 80px;
    }
    .about-list .about-honor {
        padding: 66px 0 80px 200px;
    }
    .about-list .about-honor-swiperfont .about-honor-swiperfontdec {
        width: 48%;
        font-size: 14px;
        bottom: 36px;
    }
    .about-list .about-develop-swiper .swiper-slide:first-child::before, .about-list .about-develop-swiper .swiper-slide:last-child:after {
        left: -78px;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        width: 45.8%;
        top: 44.7%;
        left: -53.7px;
    }
    .about-list .about-develop-swiper .swiper-slide:last-child::after{
        left: auto;
        right: -77px;
    }
    .new-list .new-list-contulfont {
        padding-bottom: 130px;
    }
    .contact-list .contact-list-tit {
        font-size: 32px;
    }
    .insrecruit-list {
        width: 85%;
    }
    .contact-list .contact-list-mess li {
        width: 40%;
    }
    .contact-list .contact-list-mess li:nth-child(5) {
        width: 88.84%;
    }
    .about-list .about-honor .swiper-button-next {
        right: 130px;
    }
    .about-list .about-honor .swiper-button-prev {
        right: 250px;
    }


    /* 20211026 */
    .product-list .product-list-menu li {
        padding-right: 26px;
    }
    .made-brand .made-brand-btn {
        bottom: 14px;
    }
}
@media screen and (max-width: 1272px) {
    .preview .solutions-page {
        width: 31%;
    }
}
@media screen and (max-width: 1260px) {
    .index-cont1 .index-cont1-num {
        width: 83.5%;
    }
    .index-cont4 .index-cont4-ul li {
        margin-right: 30px;
    }
    .index-cont5 .index-cont5-listleft {
        padding-right: 10rem;
    }
    .index-cont5 .index-cont5-listleft {
        width: 52.2%;
    }
    .index-cont5 .index-cont5-listright {
        width: 47.8%;
    }
    .index-cont3 .index-cont3-list-left {
        width: 39%;
        padding: 88px 30px 60px 30px;
        margin-right: 30px;
    }
    .index-cont3 .index-cont3-swiperbtn {
        left: 30px;
    }
    .footer .footer-subnav a {
        line-height: 50px;
    }
    .footer .footer-subnav {
        margin-top: 20px;
    }
    .footer-bot {
        padding: 20px 0;
    }
    .footer .foot-top-cont {
        padding-left: 2px;
    }
    .headfixed .menu-list {
        width: 77.5%;
    }
    .headfixed .menu-list>ul {
        width: 88.5%;
    }
    .pub-banner {
        margin-top: 80px;
    }
    .made-service .made-service-iconbg {
        width: 120px;
        height: 120px;
        margin: 0 auto 45px auto;
    }
    .made-service .num {
        font-size: 32px;
    }    
    .made-service .made-service-icon {
        margin-top: -176px;
    }
    .made-brand .made-brand-btn {
        bottom: 15px;
    }
    .made-brand .made-brand-leftfont {
        margin-top: 50px;
        padding-right: 65px;
    }
    .made-quality .made-quality-leftul li {
        width: 48%;
    }
    .product-list .product-list-ul li, .caseinfo-list .product-list-ul li {
        width: 32%;
    }
    .productinfo-list .product-intro-titdec {
        font-size: 18px;
    }
    .productinfo-list .product-intro-right {
        padding-left: 130px;
    }
    .productinfo-list .productinfo-list-toplefth3{
        font-size: 32px;
    }
    .productinfo-list .product-intro-tit {
        font-size: 30px;
    }
    .productinfo-list .productinfo-detailslist-bgm .productinfo-detailslist-bgm-roate {
        width: 360px;
        height: 360px;
        top: 60%;
        left: 50%;
        margin-left: -180px;
        margin-top: -215px;
    }
    .productinfo-list .product-intro-right {
        padding-left: 120px;
    }
    .case-succe .case-succeswiper-font {
        width: 680px;
        padding: 65px 58px;
        margin-left: -196px;
    }
    .case-global .case-globalspot li:nth-child(1) {
        top: 205px;
        left: 153px;
    }
    .case-global .case-globalspot li:nth-child(2) {
        top: 84px;
        right: 250px;
    }
    .case-global .case-globalspot li:nth-child(3) {
        top: 235px;
        right: 209px;
    }    
    .service-list .service-proleft-tit h3 {
        font-size: 35px;
    }
    .service-list .service-proleft-tit p {
        font-size: 18px;
        line-height: 26px;
    }
    .service-list .service-proleft-dec {
        margin-top: 20px;
        padding-left: 40px;
        font-size: 16px;
        line-height: 30px;
    }
    .service-list .service-auto .service-auto-font {
        padding: 20px 20px 10px 20px;
    }
    .service-list .service-autoul li {
        width: 48%;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        width: 40.8%;
        top: 44.7%;
        left: -44.7px;
    }
    .about-list .about-develop-swiper .swiper-slide:first-child::before, .about-list .about-develop-swiper .swiper-slide:last-child:after {
        left: -86px;
    }
    .about-list .about-develop-swiper .swiper-slide:last-child::after {
        left: auto;
        right: -87px;
    }
    .about-list .about-honor-swiper .swiper-slide {
        padding: 20px;
    }
    .about-list .about-honor-swiperfont time {
        font-size: 30px;
    }
    .about-list .about-honor {
        padding: 66px 0 80px 170px;
    }
    .qswl-num .ul-num .law-num-info em {
        font-size: 35px;
    }
    .qswl-num .ul-num li:nth-child(2) .law-num-info em {
        font-size: 28px;
    }
    .qswl-num .ul-num .law-num-info span {
        font-size: 38px;
    }
    .ab-banner .pub-banner-font p {
        font-size: 16px;
        line-height: 32px;
    }
    .qswl-num .ul-num li {
        margin-right: 130px;
    }
    .new-list .new-list-contulfont {
        padding-bottom: 100px;
    }
    .contact-list .contact-list-contact {
        padding-right: 0%;
    }
    .contact-list .contact-list-message {
        padding-left: 40px;
    }
    .contact-list .contact-list-mess li:nth-child(5) {
        width: 89.84%;
    }
    .contact-list .contact-list-mess li{
        margin-right: 30px;
    }
    .contact-list .contact-list-mess li {
        width: 42.1%;
    }
    .insrecruit-list {
        width: 89%;
    }
    .contact-list .contact-list-join {
        padding-left: 70px;
    }
    .insrecruit-list .rectue-send a{
        font-size: 16px;
    }
    .contact-list .contact-list-tit {
        font-size: 28px;
    }
    .contact-list-messtit {
        font-size: 22px;
    }
    .contact-list .contact-list-message,
    .contact-list .contact-list-join {
        width: 90%;
    }
    .preview .solutions-page {
        width: 30.9%;
    }



    /* 20211026 */
    .product-list .product-list-toptit {
        width: 17%;
    }
    .product-list .product-list-menu {
        width: 83%;
    }
    .product-list .product-list-menu li {
        padding-right: 20px;
    }
    .made-brand .made-brand-btn {
        bottom: 0px;
    }
}
@media screen and (max-width: 1200px) {
    .menu-list h3 a{
        font-size: 16px;
    }
    #search-form {
        width: 28%;
    }
    .mainer .banner-font .banner-font-left h3 {
        font-size: 35px;
    }
    .mainer .banner-more {
        width: 230px;
        height: 55px;
        line-height: 55px;
        font-size: 16px;
    }
    .index-bnr .bnr-img{
        height: 600px;
    }
    .index-cont1 .index-cont1-num {
        width: 87.8%;
    }
    .index-cont1 .index-cont1-listrightimg {
        padding-left: 25px;
    }
    .index-cont1 .index-cont1-listright {
        padding-right: 50px;
    }
    .index-cont1 .index-cont1-listrightfont {
        padding-left: 60px;
    }
    .index-cont1 .index-cont1-listrightdec p:first-child {
        margin-bottom: 10px;
    }
    .index-tit h3 {
        font-size: 32px;
    }
    .index-cont1 .index-cont1-listrighttit, .index-cont2 .index-cont2-listrighttit, .index-cont3 .index-cont3-leftfonttit {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .index-cont1 .index-cont1-listrightdec {
        font-size: 16px;
        line-height: 32px;
    }
    .index-cont1 .index-cont1-listrightfont {
        margin-top: -84px;
    }
    .index-cont1 .index-cont1-listrightimg img {
        width: 75%;
    }
    .index-cont2 .index-cont2-listicon.icon1, .index-cont2 .index-cont2-listicon.icon3, .index-cont2 .index-cont2-listicon.icon5 {
        width: 70px;
        height: 70px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(1) {
        top: 20px;
        left: 70px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(2) {
        top: 66px;
        left: 364px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(3) {
        top: 225px;
        right: 0px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(4) {
        bottom: -4px;
        right: 100px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(5) {
        bottom: 20px;
        left: 125px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(6) {
        bottom: 160px;
        left: 20px;
    }
    .index-cont2 .index-cont2-listicon img {
        width: 50%;
    }
    .index-cont2 .index-cont2-more {
        width: 180px;
        height: 55px;
        font-size: 16px;
        line-height: 55px;
    }
    .index-cont2 .index-cont2-listrightdec, .index-cont3 .idnex-cont3-leftfontdec {
        font-size: 17px;
        line-height: 32px;
    }
    .index-cont2 .index-cont2-listrightimg img {
        width: 58%;
    }
    .index-cont2 .index-cont2-listleft,
    .index-cont2 .index-cont2-listright {
        width: 50%;
    }    
    .index-cont2 .index-cont2-listright {
        padding-left: 40px;
    }
    .index-tit .index-titdec {
        font-size: 17px;
        line-height: 30px;
    }
    .index-cont2 .index-cont2-listrightfont {
        margin-top: -90px;
    }
    .index-cont2 .index-cont2-listrightul {
        margin-top: 25px;
    }
    .index-cont3 .index-cont3-leftimg img {
        width: 80%;
    }
    .index-cont3 .index-cont3-leftimg {
        margin-top: 30px;
    }
    .index-cont5 .index-cont5-listleft {
        padding-right: 5rem;
    }
    .index-cont5 .index-cont5-listleft {
        width: 48%;
    }
    .index-cont5 .index-cont5-listright {
        width: 52%;
    }    
    .index-cont5 .index-listright-font h3 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 5px;
    }
    .index-cont5 .index-listright-font .index-listright-fontdec {
        font-size: 15px;
        line-height: 26px;
    }
    .index-cont5 .index-cont5-listright li {
        margin-bottom: 40px;
    }
    .index-cont5 .index-cont5-listright {
        padding: 60px 40px;
    }
    .footer .footerphone-menu h3 a {
        font-size: 16px;
    }
    .footer .footer-subnav a {
        font-size: 14px;
        line-height: 40px;
    }
    .footer .footer-subnav {
        margin-top: 12px;
    }
    .footer .foot-top-tel {
        font-size: 28px;
        margin-bottom: 12px;
        line-height: 32px;
    }
    .footer .foot-top-addr {
        font-size: 15px;
    }
    .footer {
        padding-top: 65px;
    }
    .index-cont5 .index-cont5-dec {
        font-size: 26px;
        line-height: 36px;
    }
    .index-cont5 .index-cont5-tit {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .index-cont3 .gallery-thumbs .index-cont3-swiperimg {
        height: 130px;
    }
    .index-cont3 .index-cont3-list-left {
        padding: 60px 30px 60px 30px;
    }
    .made-usage .made-usage-swiperfont, .product-scene .made-usage-swiperfont {
        width: 290px;
        height: 135px;
        padding: 15px 20px;
    }
    .made-usage .made-usage-swiperfonttit, .product-scene .made-usage-swiperfonttit {
        font-size: 18px;
        line-height: 32px;
    }
    .made-usage .made-usage-swiperfonta, .product-scene .made-usage-swiperfonta {
        font-size: 14px;
        line-height: 26px;
        margin-top: 10px;
    }
    .made-usage .made-usage-swiperfontdec, .product-scene .made-usage-swiperfontdec {
        font-size: 15px;
        line-height: 27px;
    }
    .pub-pubtit h3 {
        font-size: 32px;
        margin-bottom: 10px;
        line-height: 40px;
    }
    .pub-banner .pub-banner-font h3 {
        font-size: 36px;
        line-height: 46px;
    }
    .pub-banner .pub-banner-font p {
        font-size: 18px;
        line-height: 30px;
        margin-top: 10px;
    }
    .made-usage .made-usage-tag, .product-scene .made-usage-tag {
        bottom: 136px;
        font-size: 13px;
    }
    .made-design .made-design-ulfont h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .made-design .made-design-ulfont .made-design-ulfontdec {
        font-size: 15px;
        line-height: 28px;
        margin-top: 8px;
    }
    .made-quality .made-quality-leftul li {
        padding: 25px 20px 26px 24px;
    }
    .made-service .made-service-iconbg {
        width: 110px;
        height: 110px;
        margin: 0 auto 40px auto;
    }
    .made-service .num {
        font-size: 28px;
        margin-bottom: 5px;
    }
    .made-service .made-service-iconfontdec {
        font-size: 16px;
        line-height: 28px;
    }
    .made-brand .made-brand-leftfont h3 {
        font-size: 28px;
    }
    .made-brand .made-brand-leftfont {
        margin-top: 40px;
        padding-right: 50px;
    }
    .product-list .product-list-toptit {
        font-size: 30px;
    }
    .product-list .product-list-ul li, .caseinfo-list .product-list-ul li{
        width: 31.9%;
    }
    .productinfo-list .product-intro-tit {
        font-size: 28px;
    }
    .productinfo-list .product-intro-right {
        padding-left: 90px;
    }
    .productinfo-list .product-intro-titdec {
        font-size: 17px;
    }
    .productinfo-list .productinfo-list-toplefta {
        width: 180px;
        font-size: 16px;
    }
    .productinfo-list .productinfo-detailslist-font h3 {
        font-size: 18px;
    }
    .productinfo-list .productinfo-detailslist-fontdec {
        font-size: 15px;
        line-height: 28px;
    }
    .productinfo-list .productinfo-detailslist-bgm .productinfo-detailslist-bgm-roate {
        width: 330px;
        height: 330px;
        top: 60%;
        left: 50%;
        margin-left: -165px;
        margin-top: -198px;
    }
    .productinfo-list .productinfo-detailslist-img {
        margin-top: 40px;
    }
    .productinfo-list .productinfo-detailslist-ul li:nth-child(1) {
        top: 128px;
    }
    .productinfo-list .productinfo-detailslist-ul li:nth-child(2) {
        top: 108px;
    }
    .productinfo-list .productinfo-detailslist-ul li:nth-child(3) {
        bottom: 81px;
    }
    .productinfo-list .productinfo-detailslist-ul li:nth-child(4) {
        bottom: 100px;
    }
    .case-succe .case-succeswiper-font {
        width: 600px;
        padding: 45px 48px;
    }
    .case-succe .case-succeswiper-font {
        margin-left: -138px;
    }
    .case-global .case-globalspot li:nth-child(1) {
        top: 196px;
        left: 144px;
    }
    .case-global .case-globalspot .pt_name {
        font-size: 16px;
        top: 58px;
    }
    .case-global .case-globalspot li:nth-child(1) {
        top: 198px;
        left: 148px;
    }
    .case-global .case-globalspot li:nth-child(2) {
        top: 81px;
        right: 240px;
    }
    .case-global .case-globalspot li:nth-child(3) {
        top: 225px;
        right: 201px;
    }
    .caseinfo-list .caseinfo-font-listtit h3 {
        font-size: 26px;
    }
    .caseinfo-list .caseinfo-list-cont {
        margin-top: -120px;
    }
    .service-list .service-autoul li{
        margin-right: 27px;
        width: 48.5%;
    }
    .service-list .service-proleft-tit h3 {
        font-size: 32px;
    }
    .about-list .about-develop-swiper .swiper-slide:first-child::before, .about-list .about-develop-swiper .swiper-slide:last-child:after {
        left: -92px;
    }
    .about-list .about-develop-swiper .swiper-slide:last-child::after {
        left: auto;
        right: -92px;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        width: 36.8%;
        top: 44.7%;
        left: -38.7px;
    }
    .about-list .about-honor {
        padding: 66px 0 80px 140px;
    }
    .about-list .about-team-listleftfont {
        font-size: 20px;
        height: 60px;
        line-height: 60px;
    }
    .qswl-num .ul-num li {
        margin-right: 100px;
    }
    .new-list .new-list-contulright {
        padding: 30px;
    }
    .new-list .new-share {
        bottom: 30px;
    }
    .contact-list .contact-list-join {
        padding-left: 30px;
    }
    .insrecruit-list {
        width: 95%;
    }
    .solutions-pagination {
        height: 130px;
    } 
    .page-pic img{
        width: 70%;
    }
}
@media screen and (max-width: 1100px) {
    .index-cont3 .gallery-top .index-cont3-swiperimg {
        height: 350px;
    }
    .index-cont3 .gallery-thumbs .index-cont3-swiperimg {
        height: 100px;
    }
    .index-cont3 .index-cont3-swiperimg img{
        width: 70%;
    }
    .index-cont3 .gallery-thumbs {
        margin-top: 10px;
    }
    .index-tit .index-titdec {
        font-size: 16px;
        line-height: 26px;
    }
    .index-cont3 .index-cont3-list-left {
        padding: 40px 25px 30px 25px;
    }
    .index-cont3 .index-cont3-leftimg {
        margin-top: 15px;
    }
    .index-cont3 .index-cont3-leftfont {
        margin-top: -75px;
    }
    .index-cont3 .index-cont3-swiperbtn {
        bottom: 50px;
    }
    .index-cont4 .index-cont4-ul li a {
        padding: 40px 30px 30px 30px;
    }
    .index-cont4 .index-cont4-ulimg {
        margin-top: -88px;
    }
    .index-cont4 .index-cont4-ulfont {
        margin-top: 15px;
    }
    .index-cont4 .ndex-cont4-ulfonttit {
        font-size: 18px;
    }
    .index-cont4 .ndex-cont4-ulfontdec {
        font-size: 14px;
        line-height: 26px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(2) {
        top: 53px;
        left: 310px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(3) {
        top: 184px;
        right: 0px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(4) {
        bottom: -4px;
        right: 88px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(5) {
        bottom: 10px;
        left: 105px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(6) {
        bottom: 130px;
        left: 15px;
    }
    .headfixed .menu-list>ul {
        width: 93%;
    }
    .nub, .IndexList li span.fuhao {
        font-size: 40px;
    }
    .IndexList li span.fuhao{
        padding-left: 0px;
    }
    .index-cont1 .index-cont1-num {
        width: 90%;
    }
    .IndexList li .pd {
        font-size: 15px;
    }
    .IndexList li {
        margin-right: 4.3rem;
    }
    .mainer .banner-font .banner-font-left h3 {
        font-size: 32px;
    }
    #search-form {
        width: 34%;
    }
    .made-usage .made-usage-swiperfont, .product-scene .made-usage-swiperfont {
        width: 90%;
    }
    .made-design .made-design-ul li {
        padding: 0 25px;
    }
    .made-service .made-service-icon {
        margin-top: -185px;
    }
    .made-brand .made-brand-left {
        padding-top: 45px;
    }
    .product-list .product-list-menu li {
        padding-right: 13px;
    }
    .product-list, .new-list {
        padding: 130px 0 45px 0;
    }
    .product-list .product-list-ul li, .caseinfo-list .product-list-ul li {
        width: 31.6%;
    }
    .product-list .product-list-ulimg, .caseinfo-list .product-list-ulimg {
        height: 240px;
    }
    .product-list .product-list-ulfonttit, .caseinfo-list .product-list-ulfonttit {
        font-size: 20px;
    }
    .product-list .product-list-ul, .caseinfo-list .product-list-ul {
        margin-bottom: 40px;
    }  
    .productinfo-list .productinfo-list-toplefth3 {
        font-size: 28px;
    }
    .productinfo-list .productinfo-list-toplefth4 {
        font-size: 17px;
    }
    .productinfo-list .productinfo-list-topleftdec {
        font-size: 14px;
        line-height: 26px;
    }
    .productinfo-list .productinfo-list-top {
        padding-top: 160px;
    }  
    .productinfo-list .product-intro-rightdec {
        font-size: 14px;
    }
    .productinfo-list .product-intro-tit {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .productinfo-list .product-intro-titdec {
        margin-bottom: 20px;
    }
    .productinfo-list .product-intro-right {
        padding-left: 55px;
    }
    .product-list, .new-list {
        padding: 80px 0 45px 0;
    }
    .productinfo-list .productinfo-list-top {
        padding-top: 90px;
    }
    .productinfo-list .productinfo-detailslist-bgm .productinfo-detailslist-bgm-roate {
        width: 280px;
        height: 280px;
        top: 60%;
        left: 50%;
        margin-left: -140px;
        margin-top: -169px;
    }
    .productinfo-list .productinfo-detailslist-fontdec {
        font-size: 14px;
        line-height: 22px;
    }
    .productinfo-list .productinfo-detailslist-ul li:nth-child(1) {
        top: 97px;
    }
    .productinfo-list .productinfo-detailslist-ul li:nth-child(2) {
        top: 82px;
    }
    .productinfo-list{
        padding: 0px;
    }
    .case-succe .case-succeswiper-font time,
    .case-succe .case-succeswiper-font .case-succeswiper-fontdec {
        margin-top: 25px;
    }
    .case-succe .case-succeswiper-font h3 {
        font-size: 20px;
    }
    .case-succe .case-succeswiper-font .case-succeswiper-fontdec {
        font-size: 16px;
    }
    .case-succe .case-succeswiper-font {
        width: 550px;
        margin-left: -152px;
    }
    .case-global .case-globalspot .pt_c {
        width: 11px;
        height: 11px;
    }
    .case-global .case-globalspot .pulse {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
    }
    .case-global .case-globalspot .pulse01 {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
    }
    .case-global .case-globalspot li:nth-child(1) {
        top: 170px;
        left: 124px;
    }
    .case-global .case-globalspot .pt_name {
        top: 50px;
    }
    .case-global .case-globalspot li:nth-child(2) {
        top: 68px;
        right: 203px;
    }
    .case-global .case-globalspot li:nth-child(3) {
        top: 194px;
        right: 168px;
    }
    .service-list .service-auto-font h3 {
        font-size: 18px;
    }
    .service-list .service-auto-font .service-auto-fontdec {
        font-size: 13px;
        line-height: 22px;
    }
    .service-list .service-auto .service-auto-font {
        width: 40.35%;
    }
    .service-list .service-cooper-swiperfont h3 {
        font-size: 18px;
    }
    .qswl-num .ul-num li {
        margin-right: 70px;
    }
    .qswl-num .ul-num .ul-num-dec {
        font-size: 14px;
    }
    .about-list .about-develop-swiperfont{
        font-size: 15px;
    }
    .about-list .about-develop-swipertime{
        font-size: 28px;
    }
    .about-list .about-develop-swiper .swiper-slide:first-child::before, .about-list .about-develop-swiper .swiper-slide:last-child:after {
        left: -86px;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        width: 42.8%;
        top: 44.7%;
        left: -46.7px;
    }
    .about-list .about-develop-swiper .swiper-slide:last-child::after {
        left: auto;
        right: -83px;
    }
    .about-list .about-develop-swiper .swiper-button-prev{
        left: 0px;
    }
    .about-list .about-develop-swiper .swiper-button-next{
        right: 0px;
    }
    .about-list .about-honor {
        padding: 66px 0 80px 90px;
    }
    .new-list .new-list-topbgm {
        height: 340px;
    }
    .new-list .new-list-contulright .new-list-contultit {
        font-size: 16px;
    }
    .new-list .new-list-contulfont {
        padding-bottom: 50px;
    }
    .new-list .new-share {
        bottom: 29px;
    }
    .contact-list .contact-list-message {
        padding-left: 5px;
    }
    .contact-list .contact-list-mess li {
        width: 45.5%;
    }
    .contact-list .contact-list-mess li:nth-child(5) {
        width: 98%;
        margin-right: 0px;
    }
    .contact-list .contact-list-join {
        padding-left: 22px;
    }
    .insrecruit-list {
        width: 96%;
    }
    .contact-list{
        margin-top: 80px;
    }
    .contact-list .contact-list-jointit h3 {
        font-size: 22px;
    }
    .insrecruit-list .rectue-top span{
        font-size: 17px;
    }
    .insrecruit-list .rectue-min .desc {
        font-size: 14px;
    }
    .contact-list .contact-list-contbox{
        display: none;
        opacity: 1 !important;
    }
	.contact-list-contbox.contact-ct{display:block;}
    .contact-list .contact-msg, .contact-list .contact-mp, .contact-list .contact-rec,
    .contact-list .contact-list-menucont,
    .contact-list .contact-list-message,
    .contact-list .contact-list-join{
        position: static;
    }
    .contact-list .contact-list-menucont,
    .contact-list .contact-list-message,
    .contact-list .contact-list-join{
        left: 0%;
        top: 0%;
        transform: translate(0%,0%);
    }
    .contact-list .contact-list-map{
        position: static;
        height: 600px;
    }
    .contact-list .contact-list-message, .contact-list .contact-list-join {
        width: 100%;
    }
    .preview .solutions-page {
        width: 30.4%;
    }
}
/*ipad*/
@media screen and (max-width: 980px) {
    .headfixed .menu-list>ul{
        display: none;
    }
    .btn-phone, .full-main-nav{
        display: block;
    }
    .headfixed .menu-list {
        width: 10%;
    }
    .headfixed .btn-list {
        width: 100%;
    }
    .headfixed .btn-list .btn-right {
        width: 40%;
    }
    .btn-phone {
        width: 50%;
    }
    #search-form {
        width: 52%;
    }
    .menu-list h3 a{
        height: auto;
    }
    .headfixed{
        box-shadow: 0 1px 4px 1px #f1f1f1;
        padding: 8px 0;
    }
    /* .mainer .banner .banner-font {
        padding: 200px 0 81px 0;
    } */
    .mainer .banner-font-left,
    .mainer .banner-font-right,
    .index-cont1 .index-cont1-listleft,
    .index-cont1 .index-cont1-listright,
    .index-cont2 .index-cont2-listleft, 
    .index-cont2 .index-cont2-listright,
    .index-cont3 .index-cont3-list-left,
    .index-cont3 .index-cont3-right,
    .index-cont5 .index-cont5-listleft,
    .index-cont5 .index-cont5-listright,
    .footer .footerphone-menu,
    .footer .foot-top-cont,
    .footer .foot-bot-left,
    .footer .foot-bot-right,
    .footer .footerphone-menu li{
        width: 100%;
    }
    .mainer .banner .banner-font>div,
    .IndexList ul,
    .index-cont1 .index-cont1-list,
    .index-cont2 .index-cont2-list,
    .index-cont3 .idnex-cont3-list,
    .index-cont4 .index-cont4-ul,
    .index-cont5 .index-cont5-list,
    .footer-bot,
    .footer .footerphone-menu{
        flex-wrap: wrap;
    }
    .mainer .banner-font-right,
    .product-share-page{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .mainer .banner-font-left,
    .product-share-btn{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        margin-top: 30px;
    }
    .index-bnr .bnr-img {
        padding: 0px 5%;
    }
    .IndexList li{
        width: 50%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    .index-cont1 .index-cont1-listrightfont {
        margin-top: -110px;
    }
    .index-cont2 .index-cont2-listright{
        margin-top: 30px;
    }
    .index-cont2 .index-cont2-listicon.icon1, .index-cont2 .index-cont2-listicon.icon3, .index-cont2 .index-cont2-listicon.icon5 {
        width: 110px;
        height: 110px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(1) {
        top: 26px;
        left: 102px;
    }
    .index-cont2 .index-cont2-listicon.icon2 {
        width: 90px;
        height: 90px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(2) {
        top: 20px;
        left: 360px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(3) {
        top: 185px;
        right: -55px;
    }
    .index-cont2 .index-cont2-listicon.icon4, .index-cont2 .index-cont2-listicon.icon6 {
        width: 70px;
        height: 70px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(4) {
        bottom: 12px;
        right: 310px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(5) {
        bottom: 0px;
        left: 360px;
    }
    .index-cont2 .index-cont2-listrightfont {
        margin-top: -170px;
    }
    .index-cont2 .index-cont2-listleft{
        width: 60%;
        margin: 0 auto;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(6) {
        bottom: 180px;
        left: -4px;
    }
    .index-cont3 .index-cont3-list-left{
        margin-right: 0px;
        padding-bottom: 30px;
    }
    .index-cont3 .index-cont3-leftimg img {
        width: 60%;
    }
    .index-cont3 .index-cont3-leftfont {
        margin-top: -110px;
    }
    .index-cont3 .index-cont3-swiperbtn{
        bottom: auto;
        top: 40%;
        left: auto;
        right: 0;
    }
    .index-cont3 {
        padding: 70px 0 60px 0;
    }
    .index-cont1 {
        padding: 50px 0 60px 0;
    }
    .index-cont4 {
        padding: 60px 0 30px 0;
    }
    .index-cont4 .index-cont4-ul li {
        width: 47%;
        margin-bottom: 70px;
    }
    .index-cont4 .index-cont4-ul li:nth-child(3n){
        margin-right: 30px;
    }
    .index-cont4 .index-cont4-ul li:nth-child(2n){
        margin-right: 0px;
    }
    .footer .foot-bot-right{
        text-align: left;
        margin-top: 20px;
    }
    .footer .foot-bot-right a:first-child{
        margin-left: 0px;
    }
    .footer .footerphone-menu li:first-child {
        border-top: 1px solid #dddddd;
    }
    .footer .footerphone-menu li {
        -webkit-flex: initial;
        -ms-flex: initial;
        flex: initial;
        border-bottom: 1px solid #dddddd;
    }
    .footer .footerphone-menu h3 a {
        padding: 13px 0;
        display: block;
    }
    .footer .footerphone-menu h3 i {
        display: block;
    }
    .footer .footer-subnav {
        margin-top: 0px;
        display: none;
    }
    .footer .foot-top-cont{
        margin-top: 30px;
    }
    .footer .footer-top {
        padding-bottom: 50px;
    }
    .mobile-nav-box{
        top: 76px;
    }
    .index-cont3 .index-cont3-swiperimg img {
        width: 50%;
    }
    .made-usage .swiper-pagination,
    .product-scene .swiper-pagination,
    .quality-equip-swiper .swiper-pagination,
    .quality-qual .swiper-pagination,
    .service-cooper .swiper-pagination{
        display: block;
    }
    .made-design .made-design-ul li {
        padding: 0 15px;
    }
    .made-design .made-design-list {
        padding: 120px 0 100px 0;
    }
    .made-quality .made-quality-list,
    .made-service .made-service-icon,
    .made-brand .made-brand-list{
        flex-wrap: wrap;
    }
    .made-quality .made-quality-left,
    .made-quality .made-quality-right,
    .made-brand .made-brand-left,
    .made-brand .made-brand-right{
        width: 100%;
    }
    .made-quality .made-quality-right .made-quality-rightimg img{
        float: left;
    }
    .made-service .made-serviceimg img{
        display: none;
    }
    .made-service .made-service-icon li {
        width: 25%;
        margin-bottom: 20px;
    }
    .made-service {
        padding: 66px 0 55px 0;
    }
    .made-brand .made-brand-right{
        margin-top: 120px;
    }
    .made-brand .made-brand-leftfont{
        padding-right: 0px;
    }
    .made-brand .made-brand-btn{
        bottom: auto;
        top: 38%;
        left: auto;
        right: 0;
    }
    .made-design .made-design-ulimg {
        width: 130px;
        height: 130px;
    }
    .pub-banner {
        margin-top: 76px;
    }
    .pub-banner .pub-banner-font h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .pub-banner .pub-banner-font p {
        font-size: 17px;
        line-height: 26px;
        margin-top: 6px;
    }
    .pub-pubtit h3 {
        font-size: 28px;
        margin-bottom: 8px;
        line-height: 35px;
    }
    .pub-pubtit p {
        font-size: 16px;
    }
    .product-list .product-list-menu{
        display: none;
    }
    .product-list .product-list-phonetop{
        display: block;
        margin-top: 30px;
    }
    .product-list .product-list-toptit{
        width: 100%;
        text-align: center;
    }
    .product-list .product-list-ul li, .caseinfo-list .product-list-ul li {
        width: 48%;
    }
    .product-list .product-list-ul li:nth-child(3n), .caseinfo-list .product-list-ul li:nth-child(3n) {
        margin-right: 20px;
    }
    .product-list .product-list-ul li:nth-child(2n),
    .caseinfo-list .product-list-ul li:nth-child(2n){
        margin-right: 0px;
    }
    .productinfo-list .productinfo-list-toplefth3 {
        font-size: 25px;
    }
    .productinfo-list .productinfo-list-toplefth4 {
        font-size: 16px;
    }
    .productinfo-list .productinfo-list-toplefta {
        width: 170px;
        font-size: 15px;
        line-height: 55px;
        height: 55px;
    }
    .productinfo-list .productinfo-list-top>div{
        flex-wrap: wrap;
    }
    .productinfo-list .productinfo-list-topleft,
    .productinfo-list .productinfo-list-topright{
        width: 100%;
    }
    .productinfo-list .productinfo-list-topleft {
        padding-right: 0px;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .productinfo-list .productinfo-list-topleft{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        margin-top: 20px;
    }
    .productinfo-list .productinfo-list-top {
        padding-bottom: 70px;
    }
    .productinfo-list .product-videobtn {
        width: 55px;
        height: 55px;
        background-size: 100%;
    }
    .productinfo-list .product-intro-right{
        margin-top: 30px;
    }
    .productinfo-list .productinfo-detailslist-bgm{
        display: none;
    }
    .productinfo-list .productinfo-detailslist-ul li{
        position: static;
    }
    .productinfo-list .productinfo-detailslist-ul{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .productinfo-list .productinfo-detailslist-ul li{
        width: 48.2%;
        margin-right: 20px;
    }
    .productinfo-list .productinfo-detailslist-ul li:nth-child(2n){
        margin-right: 0px;
    }
    .case-succe .case-succeswiper-btn li {
        margin-right: 25px;
    }
    .case-succe .case-succeswiper-btn li a {
        font-size: 18px;
    }
    .case-succe .case-succeswiper {
        margin-top: 25px;
        padding-left: 25px;
    }
    .case-succe .case-succeswiper-btn li::before {
        width: 12px;
        height: 12px;
    }
    .case-succe .case-succeswiper-contli{
        flex-wrap: wrap;
    }
    .case-succe .case-succeswiper-img{
        width: 100%;
    }
    .case-succe .case-succeswiper-font{
        width: 90%;
        z-index: 5;
        margin-top: -100px;
        margin-left: 10px;
    }
    .case-succe .case-succeswiper-contbox .swiper-button-prev,
    .case-succe .case-succeswiper-contbox .swiper-button-next{
        top: 55%;
    }
    .case-global .case-globalspot .pt_c {
        width: 9px;
        height: 9px;
    }
    .case-global .case-globalspot .pulse {
        width: 25px;
        height: 25px;
        margin-top: -12.5px;
        margin-left: -12.5px;
    }
    .case-global .case-globalspot .pulse01 {
        width: 45px;
        height: 45px;
        margin-top: -22.5px;
        margin-left: -22.5px;
    }
    .case-global .case-globalspot .pt_name {
        font-size: 14px;
        top: 45px;
    }
    .case-global .case-globalspot li:nth-child(1) {
        top: 125px;
        left: 90px;
    }
    .case-global .case-globalspot li:nth-child(2) {
        top: 50px;
        right: 148px;
    }
    .case-global .case-globalspot li:nth-child(3) {
        top: 143px;
        right: 120px;
    }
    .case-succe .case-succeswiper-cont {
        margin-top: 30px;
    }
    .caseinfo-list .caseinfo-font-listtit h3 {
        font-size: 22px;
    }
    .caseinfo-list .caseinfo-font-listtit {
        padding-bottom: 20px;
    }
    .caseinfo-list .caseinfo-list-top {
        padding: 35px 30px 45px 30px;
    }
    .caseinfo-list .caseinfo-font-listcont {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .caseinfo-list .caseinfo-font-listcont img {
        margin: 20px auto;
    }
    .product-share{
        flex-wrap: wrap;
    }
    .product-share-page, .product-share-btn,
    .product-share-btn .bshare-custom{
        width: 100%;
        justify-content: center;
    }
    .caseinfo-list .caseinfo-list-cont {
        margin-top: -80px;
    }
    .quality-qual .quality-qual-swiperfont {
        line-height: 30px;
    }
    .service-list .service-proleft-tit h3 {
        font-size: 26px;
    }
    .service-list .service-proleft-tit p {
        font-size: 15px;
    }
    .service-list .service-proleft-dec {
        margin-top: 15px;
        padding-left: 30px;
        font-size: 15px;
        line-height: 26px;
    }
    .service-list .service-autoul li{
        width: 100%;
        margin-right: 0px;
    }
    .qswl-num {
        margin-top: 30px;
    }
    .qswl-num .ul-num .law-num-info span {
        font-size: 26px;
    }
    .qswl-num .ul-num .law-num-info em {
        font-size: 22px;
    }
    .qswl-num .ul-num li:nth-child(2) .law-num-info em {
        font-size: 20px;
    }
    .qswl-num .ul-num .law-num-info em sup {
        font-size: 13px;
    }
    .qswl-num .ul-num li {
        margin-right: 15px;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        width: 42.8%;
        top: 44.8%;
        left: -47.7px;
    }
    .about-list .about-honor-swiperfont time {
        font-size: 26px;
    }
    .new-list .new-list-contul {
        margin-top: 40px;
    }
    .new-list .new-list-contul li a{
        flex-wrap: wrap;
    }
    .new-list .new-list-contulleft,
    .new-list .new-list-contulright{
        width: 100%;
    }
    .contact-list{
        margin-top: 76px;
    }
    .contact-list{
        flex-wrap: wrap;
    }
    .contact-list .contact-list-menu,
    .contact-list .contact-list-cont{
        width: 100%;
    }
    .contact-list .contact-msg, .contact-list .contact-mp, .contact-list .contact-rec,
    .contact-list .contact-list-menucont{
        position: static;
    }
    .contact-list .contact-list-menucont {
        left: 0%;
        top: 0%;
        transform: translate(0%,0%);
    }
    .contact-list .contact-list-menubtn {
        margin-top: 25px;
        flex-wrap: wrap;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .contact-list .contact-list-menu{
        padding-top: 20px;
        padding-bottom: 20px;
    } 
    .contact-list .contact-list-menubtn li{
        width: 20%;
    }
    .contact-list .contact-list-menubtn a {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .contact-list .contact-list-mess li:nth-child(5) {
        width: 95.5%;
    }
    .contact-list .contact-list-join {
        padding-left: 0px;
    }
    .insrecruit-list .rectue-min .desc {
        line-height: 28px;
    }
    .about-list .about-honor .swiper-button-next {
        right: 100px;
    }
    .about-list .about-honor .swiper-button-prev {
        right: 200px;
    }
    .index-cont3 .index-cont3-swiperbtn {
        bottom: auto;
        top: 38%;
        left: auto;
        right: 0;
    }


    .index-cont3 .index-cont3-list-left{
        padding-bottom: 80px;
    }
}
@media screen and (max-width: 768px) {
    .index-cont2 .index-cont2-listleft{
        width: 100%;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(1) {
        top: 26px;
        left: 102px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(2) {
        top: 84px;
        left: 460px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(3) {
        top: 272px;
        right: 12px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(4) {
        bottom: 12px;
        right: 148px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(5) {
        bottom: 28px;
        left: 150px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(6) {
        bottom: 208px;
        left: 45px;
    }
    .index-cont3 .index-cont3-swiperbtn {
        top: 36%;
    }
}
@media screen and (max-width: 750px) {
    .productinfo-list .product-intro{
        flex-wrap: wrap;
    }
    .productinfo-list .product-intro-left, .productinfo-list .product-intro-right {
        width: 100%;
    }
    .headfixed .logo {
        max-width: 100px;
    }
    .headfixed .menu-list {
        width: 22%;
    }
    .mobile-nav-box {
        top: 54px;
    }
    .headfixed .mobile-nav-box>ul>li>h3>a {
        font-size: 14px;
    }
    .headfixed .mobile-nav-box>ul>li>h3 {
        padding: 0 15px;
    }
    .headfixed .mobile-nav-box ul li{
        padding: 0px;
    }
    /* .mainer .banner .banner-font {
        padding: 120px 0 40px 0;
    } */
    .mainer .banner-font .banner-font-left h3 {
        font-size: 20px;
    }
    .mainer .banner-font-leftdec {
        font-size: 15px;
        line-height: 26px;
    }
    .mainer .banner-more {
        width: 200px;
        height: 50px;
        line-height: 50px;
        font-size: 15px;
        margin-top: 20px;
    }
    .mainer .banner .banner-img{
        display: none;
    }
    .index-tit h3 {
        font-size: 20px;
    }
    .index-cont1 {
        padding: 10px 0 35px 0;
    }
    .index-tit .index-titdec {
        font-size: 14px;
        line-height: 22px;
    }
    .index-cont1 .index-cont1-listrightdec {
        font-size: 15px;
        line-height: 26px;
    }
    .index-cont1 .index-cont1-listrightfont {
        padding-left: 20px;
    }
    .index-cont1 .index-cont1-listright {
        padding-right: 20px;
    }
    .index-cont1 .index-cont1-listrighttit, .index-cont2 .index-cont2-listrighttit, .index-cont3 .index-cont3-leftfonttit {
        font-size: 18px;
    }
    .index-cont1 .index-cont1-listrightfont {
        margin-top: -50px;
    }
    .footer .footerphone-menu h3 a {
        font-size: 14px;
    }
    .footer .foot-top-tel {
        font-size: 22px;
        margin-bottom: 8px;
        line-height: 26px;
    }
    .footer .foot-top-addr {
        font-size: 13px;
    }
    .footer .foot-top-cont {
        margin-top: 23px;
    }
    .footer .footer-top {
        padding-bottom: 15px;
    }
    .footer .foot-bot-left p, .footer .foot-bot-left span, .footer .foot-bot-right a {
        font-size: 12px;
    }
    .footer .foot-bot-left p{
        padding-left: 0px;
        margin-top: 15px;
    }
    .footer .foot-bot-right {
        margin-top: 15px;
    }
    .index-cont5 .index-cont5-tit {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .index-cont5 .index-cont5-dec {
        font-size: 18px;
        line-height: 22px;
    }
    .index-cont5 .index-cont5-dec p:first-child {
        margin-bottom: 8px;
    }
    .index-cont5 .index-cont5-listleft {
        padding-right: 1rem;
    }
    .index-cont5 .index-cont5-listleftdec {
        font-size: 13px;
        line-height: 24px;
        margin-top: 20px;
    }
    .index-cont5 .index-cont5-listright a{
        flex-wrap: wrap;
    }
    .index-cont5 .index-listright-img,
    .index-cont5 .index-listright-font{
        width: 100%;
    }
    .index-cont5 .index-cont5-listright {
        padding: 30px 10px;
    }
    .index-cont5 .index-listright-font{
        padding-left: 0px;
    }
    .index-cont5 {
        padding: 40px 0;
    }
    .index-cont4 .index-cont4-ul li:nth-child(3n){
        margin-right: 0px;
    }
    .index-cont4 .index-cont4-ul li{
        width: 100%;
    }
    .index-cont4 .index-cont4-ul {
        margin-top: 80px;
    }
    .index-cont4 .index-cont4-swiper {
        margin-top: 30px;
    }
    .index-cont4 .swiper-container{
        width: 100%;
    }
    .index-cont3 .gallery-top .index-cont3-swiperimg {
        height: 200px;
    }
    .index-cont3 .gallery-thumbs .index-cont3-swiperimg {
        height: 60px;
    }
    .index-cont3 .index-cont3-leftimg img {
        width: 100%;
    }
    .index-cont2 .index-cont2-listrightdec, .index-cont3 .idnex-cont3-leftfontdec {
        font-size: 15px;
        line-height: 24px;
    }
    .index-cont3 .index-cont3-swiperbtn{
        top: auto;
        bottom: -50px;
        right: 0px;
        width: 100%;
    }
    .index-cont3 {
        padding: 40px 0 80px 0;
    }
    .index-cont2 .index-cont2-more {
        width: 150px;
        height: 48px;
        font-size: 14px;
        line-height: 48px;
        margin-top: 22px;
    }
    .index-cont2 .index-cont2-listright {
        padding-left: 0px;
    }
    .index-cont2 .index-cont2-listrightimg img {
        width: 80%;
    }
    .index-cont2 .index-cont2-listrightul {
        margin-top: 15px;
    }
    .index-cont2 .index-cont2-listrightdec, .index-cont3 .idnex-cont3-leftfontdec {
        font-size: 13px;
        line-height: 22px;
    }
    .index-cont2 .index-cont2-listrightfont {
        margin-top: -72px;
    }
    .index-cont2 {
        padding-bottom: 50px;
    }
    .index-cont2 .index-cont2-listicon,
    .index-cont2 .index-cont2-listleftimg img{
        display: none;
    }
    .index-cont2 .index-cont2-listleftul li{
        position: static;
        width: 28%;
        margin-right: 20px;
    }
    .index-cont2 .index-cont2-listleftul li:nth-child(3n){
        margin-right: 0px;
    }
    .index-cont2 .index-cont2-listleftul{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
    }
    .index-cont3 .index-cont3-list-left {
        padding: 30px 15px 30px 15px;
    }
    .index-cont3 .index-cont3-leftfont {
        margin-top: -75px;
    }
    .nub, .IndexList li span.fuhao {
        font-size: 25px;
    }
    .IndexList li:nth-child(2) span.fuhao {
        font-size: 22px;
    }
    .IndexList li span.fuhao sup {
        font-size: 12px;
    }
    .nub,
    .IndexList li span.fuhao {
        height: 25px;
    }
    .IndexList li .pd {
        font-size: 12px;
    }
    .IndexList ul {
        padding-top: 20px;
    }
    .index-cont1 .index-cont1-list {
        margin-top: 30px;
    }
    .index-cont4 .index-cont4-ul li{
        margin-right: 0px;
    }
    .index-cont4 {
        padding: 40px 0 0px 0;
    }
    .index-cont1 .index-cont1-num{
        width: 100%;
    }
    .index-cont3 .gallery-thumbs .index-cont3-swiperimg {
        height: 100px;
    }
    .index-cont5 .index-listright-font{
        margin-top: 30px;
    }
    .index-cont5 .index-cont5-listright{
        margin-top: 30px;
    }
    .index-cont3 .index-cont3-swiperimg img{
        width: 70%;
    }
    .headfixed .mobile-nav-box .head-subnav{
        padding: 8px 15px;
    }
    #search-form {
        width: 90%;
    }
    .pub-mbanner{
        display: block;
    }
    .pub-pcbanner{
        display: none
    }
    .pub-banner .pub-banner-font h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .pub-banner {
        margin-top: 54px;
    }
    .pub-banner .pub-banner-font p {
        font-size: 15px;
        line-height: 24px;
        margin-top: 4px;
    }
    .pub-pubtit h3 {
        font-size: 20px;
        margin-bottom: 4px;
        line-height: 28px;
    }
    .made-usage {
        padding: 30px 0 20px 0;
    }
    .made-usage .made-usage-swiper {
        margin-top: 25px;
    }
    .pub-pubtit p {
        font-size: 15px;
    }
    .made-usage .made-usage-swiperfonttit, .product-scene .made-usage-swiperfonttit {
        font-size: 16px;
        line-height: 30px;
    }
    .made-design {
        padding-top: 30px;
    }
    .made-design .pub-pubtit {
        padding-bottom: 25px;
    }
    .made-design .made-design-ul{
        flex-wrap: wrap;
    }
    .made-design .made-design-ul li{
        width: 100%;
    }
    .made-design .made-design-ulimg {
        width: 100px;
        height: 100px;
    }
    .made-design .made-design-ulimg img {
        width: 50%;
    }
    .made-design .made-design-ulfont h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .made-design .made-design-ulfont {
        margin-top: 15px;
    }
    .made-design .made-design-ul li {
        padding: 0 0 20px 0;
    }
    .made-design .made-design-list {
        padding: 50px 0 15px 0;
    }
    .made-quality .made-quality-leftultit {
        font-size: 17px;
        line-height: 28px;
    }
    .made-quality .made-quality-leftuldec {
        font-size: 15px;
        line-height: 28px;
    }
    .made-quality .made-quality-leftul li{
        width: 100%;
        margin-right: 0px;
    } 
    .made-quality .made-quality-leftul {
        padding: 30px 15px 20px 15px;
        margin-top: 30px;
        height: 210px;
        overflow-x: hidden;
        overflow-y: auto;
    }   
    .made-quality {
        padding: 30px 0 0px 0;
    }
    .made-quality .made-quality-left {
        padding-right: 0px;
    }
    .made-service {
        padding: 30px 0 15px 0;
    }
    .made-service .num {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 4px;
    }
    .made-service .made-service-iconfontdec {
        font-size: 14px;
        line-height: 22px;
    }
    .made-service .pub-pubtit {
        margin-bottom: 13px;
    }
    .made-service .made-service-icon li{
        width: 33.333%;
    }
    .made-service .made-service-iconbg img {
        width: 50%;
    }
    .made-service .made-service-iconbg {
        width: 85px;
        height: 85px;
        margin: 0 auto 15px auto;
    }
    .made-brand .made-brand-leftfont h3 {
        font-size: 20px;
    }
    .made-brand .made-brand-leftfont .made-brand-leftfontdec {
        font-size: 14px;
        line-height: 25px;
    }
    .made-brand .made-brand-leftfont {
        margin-top: 20px;
        padding-right: 0px;
    }
    .made-brand .made-brand-btn {
        bottom: auto;
        width: 100%;
        top: 42%;
        left: 0;
    }
    .made-brand .made-brand-left {
        padding-top: 30px;
    }
    .made-brand {
        padding-bottom: 40px;
    }
    .product-list .product-list-ul li, .caseinfo-list .product-list-ul li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .product-list .product-list-ul li:nth-child(3n), .caseinfo-list .product-list-ul li:nth-child(3n) {
        margin-right: 0px;
    }
    .product-list .product-list-toptit {
        font-size: 22px;
    }
    .product-list, .new-list {
        padding: 85px 0 20px 0;
    }
    .product-list .product-list-phonetop {
        margin-top: 20px;
    }
    .product-list .product-list-ul, .caseinfo-list .product-list-ul {
        margin-bottom: 18px;
        margin-top: 25px;
        padding-bottom: 5px;
    }
    .product-list .product-list-ulfonttit, .caseinfo-list .product-list-ulfonttit {
        font-size: 18px;
    }
    .product-list .product-list-ulfontdec, .caseinfo-list .product-list-ulfontdec {
        font-size: 14px;
        line-height: 26px;
    }
    .product-list .product-list-ulfont, .caseinfo-list .product-list-ulfont {
        margin-top: 15px;
    }
    .paging a {
        width: 32px;
        font-size: 13px;
        margin-right: 5px;
    }
    .product-list, .new-list {
        padding: 54px 0 10px 0;
    }
    .productinfo-list .productinfo-list-top {
        padding-bottom: 40px;
        padding-top: 90px;
    }
    .productinfo-list .productinfo-list-toplefth3 {
        font-size: 20px;
    }
    .productinfo-list .productinfo-list-toplefth4 {
        font-size: 15px;
        line-height: 26px;
        margin-top: 10px;
    }
    .productinfo-list .productinfo-list-toplefth4 {
        font-size: 15px;
    }
    .productinfo-list .productinfo-list-topleftdec{
        margin-top: 16px;
    }
    .productinfo-list .productinfo-list-toplefta{
        margin-top: 30px;
    }
    .productinfo-list .product-video,
    .productinfo-list .product-intro {
        margin-top: 35px;
    }
    .productinfo-list .product-videobtn {
        width: 40px;
        height: 40px;
    }
    .productinfo-list .product-intro-tit {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .productinfo-list .product-intro-titdec {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 24px;
    }
    .productinfo-list .product-intro-right {
        padding: 0 15px;
    }
    .productinfo-list .product-details {
        margin-top: 30px;
        padding-bottom: 40px;
    }
    .productinfo-list .productinfo-detailslist-font h3 {
        font-size: 16px;
    }
    .productinfo-list .productinfo-detailslist-img {
        margin-top: 15px;
    }
    .productinfo-list .productinfo-detailslist-ul li{
        width: 100%;
        margin-right: 0px;
    }
    .productinfo-list .product-scene {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .productinfo-list .product-intro-titdec{
        font-size: 14px;
    }
    .productinfo-list .product-scene .made-usage-swiper {
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .bshare-custom span {
        font-size: 14px;
        line-height: 22px;
    }
    .product-share-page, .product-share-btn,
    .quality-list .quality-stren-listleft,
    .quality-list .quality-stren-listright,
    .service-list .service-proleft,
    .service-list .service-proright{
        width: 100%;
    }
    .product-share,
    .quality-list .quality-stren-list,
    .service-list .service-pro{
        flex-wrap: wrap;
    }
    .product-share-btn {
        margin-bottom: 15px;
    }
    .productinfo-list{
        padding: 0px;
    }
    .product-share-page,
    .product-share,
    .product-share-btn .bshare-custom{
        justify-content: center;
    }
    .case-succe .case-succeswiper-btn li a {
        font-size: 16px;
        line-height: 30px;
    }
    .case-succe .case-succeswiper-btn li::before {
        width: 8px;
        height: 8px;
    }
    .case-succe .case-succeswiper-btn li{
        padding-left: 20px;
        width: 46%;
        margin-right: 20px;
    }
    .case-succe .case-succeswiper-btn li:nth-child(2n){
        margin-right: 0px;
    }
    .case-succe .case-succeswiper{
        padding-left: 0px;
    }
    .case-succe .case-succeswiper-cont,
    .case-succe .case-succeswiper {
        margin-top: 20px;
    }
    .case-succe .case-succeswiper-font h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .case-succe .case-succeswiper-font .case-succeswiper-fontdec {
        font-size: 15px;
    }
    .case-succe .case-succeswiper-font time{
        font-size: 15px;
    }
    .case-succe .case-succeswiper-font {
        width: 94%;
        margin-top: -40px;
        padding: 25px 15px;
    }
    .case-succe .case-succeswiper-font time, .case-succe .case-succeswiper-font .case-succeswiper-fontdec {
        margin-top: 15px;
    }
    .case-succe .case-succeswiper-contbox .swiper-button-prev, .case-succe .case-succeswiper-contbox .swiper-button-next{
        top: auto;
        bottom: 60px;
    }
    .case-succe .case-succeswiper-contbox .swiper-button-next{
        right: 20px;
    }
    .case-succe .case-succeswiper-contbox .swiper-button-prev {
        right: 50px;
    }
    .case-cooper {
        padding: 30px 0 25px 0;
    }
    .made-usage{
        padding: 30px 0 0px 0
    }
    .case-cooper .case-coopoer-listtop {
        margin-top: 0px;
    }
    .case-global {
        padding: 25px 0 30px 0;
    }
    .case-global .case-globalimg {
        margin-top: 25px;
    }
    .case-global .case-globalspot .pt_c {
        width: 4px;
        height: 4px;
    }
    .case-global .case-globalspot .pulse {
        width: 14px;
        height: 14px;
        margin-top: -7px;
        margin-left: -7px;
    }
    .case-global .case-globalspot .pulse01 {
        width: 26px;
        height: 26px;
        margin-top: -13px;
        margin-left: -13px;
    }
    .case-global .case-globalspot .pt_name {
        top: 30px;
    }
    .case-global .case-globalspot li:nth-child(1) {
        top: 55px;
        left: 31px;
    }
    .case-global .case-globalspot li:nth-child(2) {
        top: 20px;
        right: 59px;
    }
    .case-global .case-globalspot li:nth-child(3) {
        top: 63px;
        right: 40px;
    }
    .case-global .case-globalspot .pt_name {
        font-size: 12px;
        top: 23px;
    }
    .caseinfo-list .caseinfo-font-listtit h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .caseinfo-list .caseinfo-font-listtit time {
        font-size: 15px;
        margin-bottom: 6px;
    }
    .caseinfo-list .caseinfo-font-listcont {
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .caseinfo-list .caseinfo-font-listcont, .caseinfo-list .caseinfo-font-listcont p {
        font-size: 15px;
        line-height: 26px;
    }
    .caseinfo-list .caseinfo-list-top {
        padding: 20px 15px 35px 15px;
    }
    .product-share-btn {
        margin-top: 15px;
    }
    .product-share{
        padding: 0px;
        padding-top: 20px;
    }
    .caseinfo-list .caseinfo-list-recome {
        padding-top: 30px;
    }
    .quality-list .quality-stren-listleft {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .quality-list{
        margin-top: 30px;
    }
    .quality-list .quality-equip {
        padding-top: 30px;
    }
    .quality-list .quality-stren-list,
    .quality-list .quality-equip-swiper,
    .quality-qual .quality-qual-swiper {
        margin-top: 25px;
    }
    .quality-list .quality-equip-swiperimg {
        margin-bottom: 20px;
    }
    .quality-list .quality-equip-swiperfont {
        font-size: 15px;
        line-height: 26px;
    }
    .quality-qual .quality-qual-swiperfont {
        font-size: 14px
    }
    .service-list .service-proleft{
        padding-top: 20px;
    }
    .service-list .service-proleft-tit h3 {
        font-size: 20px;
    }
    .service-list .service-proleft-tit p {
        font-size: 13px;
    }
    .service-list .service-auto-font h3 {
        font-size: 16px;
    }
    .service-list .service-auto {
        padding: 30px 0 15px 0;
    }
    .service-list .service-auto .service-auto-font{
        position: static;
        width: 100%;
    }
    .service-list .service-autoul li {
        margin-bottom: 20px;
    }
    .service-list .service-proce {
        padding: 30px 0 35px 0;
    }
    .service-list .service-proce-img,
    .service-list .service-cooper .service-cooper-swiper {
        margin-top: 20px;
    }
    .service-list .service-cooper {
        padding: 30px 0 23px 0;
    }
    .service-list .service-cooper-swiperfont h3 {
        font-size: 16px;
        line-height: 30px;
    }
    .service-list .service-cooper-swiperfont .service-cooper-swiperfontdec {
        line-height: 22px;
        font-size: 14px;
    }
    .service-list .service-cooper-swiperimg {
        height: 120px;
    }
    .qswl-num {
        margin-top: 8px;
    }
    .qswl-num .ul-num .law-num-info span {
        font-size: 20px;
    }
    .qswl-num .ul-num .law-num-info em {
        font-size: 16px;
    }
    .qswl-num .ul-num li:nth-child(2) .law-num-info em {
        font-size: 14px;
    }
    .qswl-num .ul-num .law-num-info em sup {
        font-size: 12px;
    }
    .about-list .about-intro,
    .about-list .about-team{
        padding-top: 30px;
    }
    .about-list .about-team-listleftfont {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }
    .about-list .about-team-list,
    .about-list .about-team-listtop,
    .about-list .about-team-listbot{
        flex-wrap: wrap;
    }
    .about-list .about-team-listtop .about-team-listleft,
    .about-list .about-team-listtop .about-team-listright,
    .about-list .about-team-listbot .about-team-listleft,
    .about-list .about-team-listbot .about-team-listleft, .about-list .about-team-listbot .about-team-listright{
        width: 100%;
        margin-right: 0px;
    }
    .about-list .about-team-listbot .about-team-listleft,
    .about-list .about-team-listtop,
    .about-list .about-team-listtop .about-team-listleft{
        margin-bottom: 10px;
    }
    .about-list .about-team-list {
        margin-top: 25px;
    }
    .about-list .about-develop {
        padding-top: 30px;
        margin-top: 35px;
    }
    .about-list .about-develop-swiper .swiper-slide{
        padding-bottom: 8px;
    }
    .about-list .about-develop-swiperfont.fontbot {
        margin-top: 16px;
    }
    .about-list .about-develop-swiperfont {
        font-size: 14px;
        line-height: 26px;
        height: 105px;
    }
    .about-list .about-develop-swiperfont.fonttop {
        margin-bottom: 10px;
    }
    .about-list .about-develop-swiper .swiper-button-prev, .about-list .about-develop-swiper .swiper-button-next {
        top: 54.5%;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        top: 47.9%;
    }
    .about-list .about-develop-swiper .swiper-slide:first-child::before, .about-list .about-develop-swiper .swiper-slide:last-child:after {
        left: -38px;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        left: -93.7px;
    }
    .about-list .about-develop-swiper .swiper-button-prev, .about-list .about-develop-swiper .swiper-button-next {
        top: 53.5%;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        width: 59.8%;
    }
    .about-list .about-develop-swiper {
        padding-top: 25px;
    }
    .about-list .about-develop-swiper .swiper-slide:last-child::after {
        left: auto;
        right: -38px;
    }
    .about-list .about-develop-swiper .swiper-slide:last-child::after {
        top: 47.9%;
    }
    .about-list .about-honor-swiperfont time {
        font-size: 20px;
    }
    .about-list .about-honor {
        padding: 30px 0 20px 25px;
    }
    .about-list .about-honor-swiper .swiper-container {
        padding-bottom: 20px;
    }
    .about-list .about-honor-swiperfont .about-honor-swiperfontdec {
        font-size: 12px;
        bottom: 30px;
    }
    .about-list .about-honor-swiper {
        margin-top: 25px;
    }
    .about-list .about-develop-swiper {
        padding-top: 15px;
    }
    .qswl-num .ul-num{
        flex-wrap: wrap;
    }
    .qswl-num .ul-num li{
        margin-bottom: 20px;
    }
    .about-list .about-develop-swiperfont {
        height: 55px;
        -webkit-line-clamp: 3;
    }
    .new-list .new-list-topbgm {
        height: 315px;
    }
    .new-list .new-list-contul {
        margin-top: 25px;
    }
    .new-list .new-list-contulright {
        padding: 15px;
    }
    .new-list .new-share {
        bottom: 13px;
    }
    .new-list .new-list-contul li {
        margin-bottom: 20px;
    }
    .new-list .new-list-cont .paging {
        margin-top: 25px;
    }
    .contact-list .contact-list-contact h5 {
        line-height: 30px;
    }
    .contact-list .contact-list-contact p {
        font-size: 15px;
        line-height: 22px;
    }
    .contact-list .contact-list-cont {
        padding-left: 0px;
        padding: 10% 4.5% 2%;
    }
    .contact-list .contact-list-tit {
        font-size: 20px;
    }
    .contact-list{
        margin-top: 54px;
    }
    .contact-list .contact-list-menubtn a {
        font-size: 16px;
        padding-bottom: 5px;
    }
    .contact-list .contact-list-menubtn {
        margin-top: 10px;
    }
    .contact-list .contact-list-menubtn li {
        margin-bottom: 5px;
    }
    .contact-list .contact-list-menu {
        padding-bottom: 15px;
    }
    .contact-list .contact-list-jointit h3,
    .contact-list-messtit {
        font-size: 18px;
    }
    .contact-list .contact-list-jointit {
        margin-bottom: 6px;
    }
    .contact-list .contact-list-map {
        position: static;
        height: 400px;
    }
    .contact-list .contact-list-mess li{
        width: 100%;
        margin-right: 0px;
    }
    .insrecruit-list {
        width: 100%;
    }
    .contact-list .contact-list-message {
        padding-left: 0px;
    }
    .contact-list .contact-list-mess {
        margin-top: 1px;
    }
    .contact-list .contact-list-mess li {
        margin: 10px 0;
    }
    .contact-list .contact-list-menubtn li{
        width: 50%;
    }
    .about-list .about-honor .swiper-button-next {
        right: 30px;
    }
    .about-list .about-honor .swiper-button-prev {
        right: 75px;
    }
    .about-list .about-honor .swiper-button-next, .about-list .about-honor .swiper-button-prev {
        width: 30px;
        background-size: 100%;
    }
    .about-list .about-develop-swiper .swiper-slide::before{
        display: none;
    }
    .about-list .about-develop-swiper .swiper-slide:nth-child(odd) .about-develop-swipertimebg,
    .about-list .about-develop-swiper .swiper-slide:nth-child(even) .about-develop-swipertimebg,
    .about-list .about-develop-swiper .swiper-slide:last-child::after{
        background: none;
    }
    .about-list .about-develop-swipertimebg {
        height: 100px;
    }
    .about-list .about-develop-swiper .swiper-slide:nth-child(even) .about-develop-swiperfont.fonttop{
        opacity: 1;
    }
    .about-list .about-develop-swiper .swiper-slide:nth-child(even) .about-develop-swiperfont.fontbot{
        opacity: 0 !important;
    }
    .about-list .about-develop-swiperfont.fontbot{
        height: 15px;
    }
    .reo-swiper .view, .reo-swiper .view .swiper-slide {
        height: 300px;
    }
    .index-cont3 .index-cont3-right{
        margin-top: 15px;
    }
    .preview .solutions-page {
        width: 31.5%;
    }
    .preview .solutions-page {
        margin-right: 8px;
    }
    .solutions-pagination {
        height: 85px;
    }
    .reo-pic img{
        width: 90%;
    }

    /* 20211026 */
    .index-cont2 .index-cont2-listicon,
    .index-cont2 .index-cont2-listleftimg img{
        display: block;
        width: 100%;
    }
    .index-cont2 .index-cont2-listleft{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .index-cont2 .index-cont2-listicon.icon1, .index-cont2 .index-cont2-listicon.icon3, .index-cont2 .index-cont2-listicon.icon5,
    .index-cont2 .index-cont2-listicon.icon4, .index-cont2 .index-cont2-listicon.icon6 {
        width: 90px;
        height: 90px;
    }
    .index-cont2 .index-cont2-listleftul li{
        padding-bottom: 30px;
    }
    .made-brand .made-brand-leftfont .made-brand-leftfontdec{
        height: 100px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .made-brand .made-brand-left{
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 414px){
    .made-brand .made-brand-btn {
        top: 39%;
    }
    .case-global .case-globalspot li:nth-child(1) {
        top: 64px;
        left: 39px;
    }
    .case-global .case-globalspot li:nth-child(2) {
        top: 23px;
        right: 71px;
    }
    .case-global .case-globalspot li:nth-child(3) {
        top: 75px;
        right: 51px;
    }
    .about-list .about-develop-swiper .swiper-slide::before ,
    .about-list .about-develop-swiper .swiper-slide:last-child::after{
        top: 48%;
    }
    .about-list .about-develop-swiper .swiper-slide:first-child::before, .about-list .about-develop-swiper .swiper-slide:last-child:after {
        left: -16px;
    }
    .about-list .about-develop-swiper .swiper-slide:last-child::after {
        left: auto;
        right: -15px;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        left: -115.7px;
    }
    .about-list .about-develop-swiper .swiper-button-prev, .about-list .about-develop-swiper .swiper-button-next {
        top: 53.5%;
    }
}
@media screen and (max-width: 375px){
    .made-brand .made-brand-btn {
        top: 49%;
    }
    .case-global .case-globalspot li:nth-child(1) {
        top: 58px;
        left: 33px;
    }
    .case-global .case-globalspot li:nth-child(2) {
        top: 21px;
        right: 62px;
    }
    .case-global .case-globalspot li:nth-child(3) {
        top: 68px;
        right: 43px;
    }
    .about-list .about-develop-swiper .swiper-slide:first-child::before, .about-list .about-develop-swiper .swiper-slide:last-child:after {
        left: -33px;
    }
    .about-list .about-develop-swiper .swiper-slide::before,
    .about-list .about-develop-swiper .swiper-slide:last-child::after {
        top: 48%;
    }
    .about-list .about-develop-swiper .swiper-button-prev, .about-list .about-develop-swiper .swiper-button-next {
        top: 53%;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        left: -98.7px;
    }
    .about-list .about-develop-swiper .swiper-slide:last-child::after {
        left: auto;
        right: -32px;
    }
    .about-list .about-develop-swiperfont {
        height: 75px;
    }
}
@media screen and (max-width: 320px){
    .index-cont3 .gallery-thumbs .index-cont3-swiperimg {
        height: 80px;
    }
    .made-brand .made-brand-btn {
        top: 46%;
    }
    .case-global .case-globalspot li:nth-child(1) {
        top: 49px;
        left: 25px;
    }
    .case-global .case-globalspot li:nth-child(2) {
        top: 15px;
        right: 49px;
    }
    .case-global .case-globalspot li:nth-child(3) {
        top: 59px;
        right: 31px;
    }
    .service-list .service-cooper-swiperfont .service-cooper-swiperfontdec {
        font-size: 12px;
    }
    .service-list .service-cooper-swiperimg {
        height: 110px;
    }
    .about-list .about-develop-swiper .swiper-slide:first-child::before, .about-list .about-develop-swiper .swiper-slide:last-child:after {
        left: -56px;
    }
    .about-list .about-develop-swiper .swiper-slide::before,
    .about-list .about-develop-swiper .swiper-slide:last-child::after {
        top: 48%;
    }
    .about-list .about-develop-swiper .swiper-button-prev, .about-list .about-develop-swiper .swiper-button-next {
        top: 53%;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        width: 53.8%;
    }
    .about-list .about-develop-swiper .swiper-slide:last-child::after {
        left: auto;
        right: -56px;
    }
    .about-list .about-develop-swiper .swiper-slide::before {
        left: -74.7px;
    }
    .about-list .about-honor-swiper .swiper-slide {
        padding: 10px;
    }
    .about-list .about-honor-swiperfont {
        padding-right: 0px
    }
    .about-list .about-honor {
        padding: 30px 0 20px 20px;
    }
    .qswl-num .ul-num li {
        margin-right: 8px;
    }
    .ab-banner .pub-banner-font p {
        font-size: 13px;
        line-height: 22px;
    }
    .ab-banner .pub-banner-font h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .preview .solutions-page {
        margin-right: 6px;
    }
}