@media screen and (max-width:1660px) { .idxPartners .right{ padding-right:7vw;} /* .businessUl li .txt{padding-left:7vw} .businessUl li:nth-child(2n) .txt{ padding-right: 7vw;} */ } @media screen and (max-width:1440px) { body{ font-size: 14px;} .w80{ width: 86%; } header .con{padding: 0 3vw;} .searchtopBtn{ padding-left: 3vw;} .oneNav{ line-height: 80px;} .searchtopBtn{ height: 80px;} .zw{ padding-top: 80px; margin-top: -80px;} .zwDiv{ height: 80px;} nav li dl{ top: 80px;} .logoIcon,.footlogoIcon {height: 50px;} .proClassIcon{ height: 30px;} .idxProUl li .img{ height: 440px;} .idxProUl li .round{ width: 60px; height: 60px;} .prolist li .img{ height: 440px;} .prolist li .round{ width: 60px; height: 60px;} .indexProItemImg{ height: 300px;} .morebtn{ width: 180px; height: 50px;} .idxMoreTel .left{ width: 260px;} .aboutPlay{ width: 120px; height: 120px; margin-left: -60px; margin-top: -60px;} .idxmore{ height: 50px; width: 180px;} .idxmore .Icon{ width: 50px; height: 50px;} .idxmore::after{ width: 50px; height: 50px;} /* .idxmore:hover i{ right: calc(100% - 50px); } */ .numIcon{ height: 25px;} .idxPartners .right{ padding-right:7vw;} .idxPartnersUl li{ width: calc((100% - 75px)/6); padding: 6px; margin-right: 15px; margin-top: 20px; height: 86px;} .idxPartnersUl li:nth-child(6n){ margin-right: 0;} /* .idxNews{padding-bottom: 100px;} */ .idxBottom .w25{ margin-top: -40px;} .outLInk a{ width: 40px; height: 40px;} .footMessage{ width: 18vw;} .footNav{ width: 15vw;} .friendlink{ height: 100px;} .numIcon{right: -25px; width: 25px; height: auto;} .subNav a{ height: 80px;} .proinfoImg .swiper-slide{ height: 380px;} .proinfoImg .next, .proinfoImg .prev{ width: 56px; height: 56px;} .proInfotRight a.block .img{ height: 220px;} .newslist li{ width: calc((100% - 40px)/3); margin-right: 20px; margin-bottom: 30px;} .joblist li .top span{ line-height: 85px;} .profileIcon{ width: 35px;} .Honor .swiper-container .swiper-slide .img{ height: 380px;} .aboutBtn{ width: 60px; height: 60px;} .contactStyleImg{ width: 100px; height: 100px;} .newsItem .img img{ height: 235px;} .photolist li .img img{ height: 250px; } .caseInfo table tr:first-child{ font-size: 20px;} .idxAboutLine span{ height: 3px;} .whyUl li{ width: calc((100% - 80px)/3); margin-right: 40px; } /* .history-top .years{ font-size: 200px;} */ .fanZhan .prev{ left: 0;} .fanZhan .next{ right: 0;} .befar .img img{height: 46px;} /* .proinfoyyLogo{ grid-gap: 15px; } .proinfoyyLogo li{ height: 80px; } */ .idxPlan .swiper-container{padding-left: 7vw;} .caseBtn{ width: 48px; height: 48px;} .idxPlan .swiper-pagination-bullet,.idxCase .swiper-pagination-bullet{ width: 8px; height: 8px;margin: 0 7px;} .idxCase .swiper-slide:nth-child(2n - 1){padding-top: 200px;} .cxylist li{ width: calc((100% - 80px)/3); margin-right: 40px;} .proinfoyy li{ width: 170px;} .businessUl li .yinIcon{ width: 45px;} .mapBox{ min-height: 500px;} } @media screen and (max-width:1280px) { div.video-wrap{ width: 90vw;height: auto;} .w80{ width: 90%;} .banImg{ height: auto;} .oneNav{ line-height: 70px; font-size: 16px;} .zw{ padding-top: 70px; margin-top: -70px;} .zwDiv{ height: 70px;} .searchtopBtn{ height: 70px;} nav li dl{ top: 70px;} .headertel .DIN{ display: none;} .searchtopBtn{ margin-left: 0;} .idxProUl li .round{ width: 50px; height: 50px;} .idxProUl li .img{ height: 380px;} .prolist li .round{ width: 50px; height: 50px;} .prolist li .img{ height: 380px;} .idxMoreTel .left{ width: 200px; height: 50px;} .moreTEL{ height: 30px;} .aboutPlay{ width: 100px; height: 100px; margin-left: -50px; margin-top: -50px;} .idxPartners .right{ padding-right: 5vw;} .idxPartnersUl li{ height: 70px;width: calc((100% - 40px)/5); margin-right: 10px; margin-top: 15px;} .problemUl li .round{ width: 50px; height: 50px;margin-bottom:-25px} .footMessage{ width: 20vw;} .outLInk a .iconfont{ font-size: 20px;} .friendlink{ height: 80px; padding-top: 20px;} .banner .next, .banner .prev{ width: 50px; height: 50px;} .idxAbout .pic::before{ width: 200px;} .idxAbout .pic::after{ height: 200px;} .subNav a{ height: 70px;} .proinfoImg .swiper-slide{ height: 360px;} .proinfoImg .next, .proinfoImg .prev{ width: 50px; height: 50px;} .proInfotRight a.block .img{ height: 195px;} .newslist li{ width: calc((100% - 50px)/2); margin-right: 50px; margin-bottom: 30px;} .newslist li:nth-child(3n){ margin-right: 50px;} .newslist li:nth-child(2n){ margin-right: 0;} .tjNewsUl a .left{ width: calc(100% - 100px);} .tjNewsUl a .img img{ width: 80px; height: 50px; object-fit: cover;} .joblist li .top span{ line-height: 75px;} .profileIcon{ width: 30px;} .Honor .swiper-container .swiper-slide .img{ height: 300px;} .aboutBtn{ width: 50px; height: 50px;} .photolist li{ width: calc((100% - 50px)/2); margin-right: 50px; margin-bottom: 30px;} .photolist li:nth-child(3n){ margin-right: 50px;} .photolist li:nth-child(2n){ margin-right: 0;} .newsItem .img img{ height: 310px;} .photolist li .img img{ height: 360px; } .whyUl li{ width: calc((100% - 60px)/3); margin-right: 30px; } .whyIcon{ max-width: 50px; max-height: 50px;} .popCode .img{ width: 100px;} .indexProItemImg{ height: 260px;} /* .history-top .years{ font-size: 150px;} */ .cxylist li{ width: calc((100% - 60px)/3); margin-right: 30px;} .businessUl li .yinIcon{ width: 35px;} .mapBox{ min-height: 480px;} } @media screen and (max-width:1040px) { .w80{ width: 96%;} .idxPartners .right{ padding-right: 2vw;} .oneNav{ line-height: 66px; } .zw{ padding-top: 66px; margin-top: -66px;} .zwDiv{ height: 66px;} .searchtopBtn{ height: 66px;} nav li dl{ top: 66px;} .headertel{ display: none !important;} header .con{ padding: 0 0 0 20px;} .proClassIcon{ height: 30px;} .idxProUl li .img{ height: 280px;} .idxProUl li .round{ width: 40px; height: 40px;} .prolist li .img{ height: 280px;} .prolist li .round{ width: 40px; height: 40px;} .idxmore{ width: 160px;} .idxPartnersUl li{width: calc((100% - 30px)/4); margin-top: 10px; } .idxPartnersUl li:nth-child(5n){ margin-right: 10px} .idxPartnersUl li:nth-child(4n){ margin-right: 0;} .footNav{ display: none;} .footMessage{ width: 30vw;} .problemUl{ width: 80%;} .idxBottom .w25{ margin-top: -20px;} .idxBottom .w25 img{ height: 200px;} .friendlink{height: 60px;padding-top: 10px;} .subNav a{ height: 60px;} .proinfoImg .swiper-slide{ height: 320px;} .proInfotRight a.block .img{ height: 180px;} .newslist li{ width: calc((100% - 30px)/2); margin-right: 30px; margin-bottom: 30px;} .newslist li:nth-child(3n){ margin-right: 30px;} .newslist li:nth-child(2n){ margin-right: 0;} .photolist li{ width: calc((100% - 30px)/2); margin-right: 30px; margin-bottom: 30px;} .photolist li:nth-child(3n){ margin-right: 30px;} .photolist li:nth-child(2n){ margin-right: 0;} .whyUl li{ width: calc((100% - 30px)/2); margin-right: 30px; } .whyUl li:nth-child(3n){ margin-right: 30px;} .whyUl li:nth-child(2n){ margin-right: 0;} .joblist li .top span{ line-height: 65px;} .contactStyleImg{ width: 90px; height: 90px;} .contactEwm img{ width: 120px;} .contactStyle .right{ padding-top: 35px;} .contactStyleIcon{ width: 54px;} .contactStyle::before{ background: url(../images/contactStyleTop.png) no-repeat center top;background-size: auto 44%;} .newsItem .img img{ height: 270px;} .photolist li .img img{ height: 310px; } .caseInfo table{ line-height: 2;} .caseInfo td{ padding: 5px ;} .caseInfo table tr:first-child{ font-size: 16px;} .footSidebar .kefu,.footSidebar li{ display: none !important;} /* .footSidebar .topJump{ display: flex !important;} */ .drop-txt{ height: 38px;} .drop-downs ul{ bottom: 38px; left: auto; right: 0;} .idxAboutLine span{ height: 2px;} .indexProItemImg{ height: 200px;} /* .history-top .years{ font-size: 100px;} */ .cxylist li{ width: calc((100% - 20px)/2); margin-right: 20px;} .cxylist li:nth-child(3n){ margin-right: 20px;} .cxylist li:nth-child(2n){ margin-right: 0;} /* .cultureIcon{ width: 300px}; */ /* .businessUl li .txt{padding-left:5vw} .businessUl li:nth-child(2n) .txt{ padding-right: 5vw;} */ } @media screen and (max-width:750px) { body{ font-size: 12px;} .w80{ width: 100%; padding: 0 20px;} header .right{ display: none !important;} .logoIcon, .footlogoIcon{ height: 40px;} .headerLogo{ font-size: 18px;} .banner::after{ height: 100px;} .banner .button{ display: none;} .banner .swiper-pagination{ display: block;} .idxProTit li{ flex-direction: column; justify-content: center; text-align: center;} .proClassIcon{ height: 20px; margin-top: 8px;} .idxProUl li{ width: 100%;} .hoverxf{ display: none;} .idxProUl li{ border-right: none; border-bottom: 1px solid #e5e5e5;} .idxProUl li .img{ height: 160px; padding: 0 25px;} .prolist li{ width: 100%;} .prolist li{ border-right: none; border-bottom: 1px solid #e5e5e5;} .prolist li .img{ height: 160px; padding: 0 25px;} .idxMoreTel{ display: none !important;} .idxmore{ height: 38px;} .idxmore .Icon{ width: 38px; height: 38px;} .idxmore::after{width: 38px; height: 38px;} .idxAbout .pic{ margin-top: 30px;} .idxAbout .pic::before{ height: 10px; width: 160px;top: -10px;left: -10px;} .idxAbout .pic::after{width: 10px; height: 160px; top: -10px;left: -10px;} .aboutPlay{ width: 80px; height: 80px; margin-left: -40px; margin-top: -40px;} .numUl{ flex-wrap: wrap;} .numUl .line{ width: 1px; height: 90px; background: rgba(255, 255, 255, .1); display: none;} .numUl li{ width: 50%;} .numUl li:nth-child(n+4){ margin-top: 15px;} .numUl li .color-white6{ text-align: left;} .numIcon{ width: 18px ; right: 20px;} .idxPartners .left{ width: 100% ; padding: 20px; writing-mode:horizontal-tb; -webkit-writing-mode:horizontal-tb; -ms-writing-mode:horizontal-tb; background: url(../images/idxPartnersBg.png) no-repeat right bottom var(--blue); background-size: auto 100% ;} .idxPartners .right{ padding: 20px; background: #f8f8f8; width: 100%;} .idxPartners .right .con{ padding: 0; } .idxPartnersUl li{ height: 50px;width: calc((100% - 15px)/4); margin-right: 5px; margin-top: 5px;} .idxPartnersUl li:nth-child(5n){ margin-right: 5px;} .idxPartnersUl li:nth-child(4n){ margin-right: 0;} .problemUl{ width: 100%; flex-wrap: wrap; margin-top:15px;} .problemUl li{ width: 47%;} .friendlink{ display: none;} footer .top .right{ display: none;} .problemUl li .round{ width: 40px; height: 40px;margin-bottom: -20px;} .problemUl li .con{ padding-top: 30px;} .idxmore{ width: 140px;} /* .idxNews{ padding-bottom: 25px;} */ .idxBottom{ padding: 20px 0;} .idxBottom .more{ width: 140px; justify-content: space-between; height: 38px;} footer .bottom{ text-align: center; padding-bottom: 15px;} .zw{ padding-top: 60px; margin-top: -60px;} .zwDiv{ height: 60px;} .subNav a{ height: 50px;} .location{ padding-top: 0;} .location .left{ display: none !important;} .location .right{ width: 100%; margin-top: 0; display: flex;justify-content: flex-end;} .proInfoBg{ background: url(../images/proInfoBg.jpg) no-repeat center top #f8f8f8; background-size: auto 40vh;} .proinfoImg .next, .proinfoImg .prev{ display: none !important;} .radius15{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } .proinfoImg .swiper-slide{ height: 240px; border-bottom: 1px solid #e5e5e5; padding-bottom: 18px;} .proInfoLeft{ width: 100%;} .newspages a:first-child{ border-right: none; border-bottom: 1px solid #e5e5e5;} .param-cell{ padding: 5px;} .newslist li{ width: 100%; margin-right: 0; margin-bottom: 20px;} .newslist li:nth-child(3n){ margin-right: 0;} .newslist li:nth-child(2n){ margin-right: 0;} .photolist li{ width: 100%; margin-right: 0; margin-bottom: 20px;} .photolist li:nth-child(3n){ margin-right: 0;} .photolist li:nth-child(2n){ margin-right: 0;} .whyUl li{ width: 100%; margin-right: 0; } .whyUl li:nth-child(3n){ margin-right: 0;} .whyUl li:nth-child(2n){ margin-right: 0;} .newsleft{ width: 100%; padding-right: 0; border-right: none;} .newsright{ border-top: 1px solid #e5e5e5; width: 100%; padding: 20px 0;} .joblist li{ margin-bottom: 18px;} .joblist li .top span{ line-height: 55px;} .joblist li .top span:nth-child(3),.joblist li .top span:nth-child(4){ display: none;} .jobBtn{ padding: 0 ; width: 120px; height: 40px; margin-top: 15px;} .joblist .icon-xiajiantou1{ font-size: 14px;} .Honor .swiper-container .swiper-slide .img{ height: 300px;} .aboutline{ width: 40px; margin-top: 20px !important;} .profileUl{display: flex; flex-wrap: wrap;} .profileUl li{ width: 50% ; margin-bottom: 18px;} .profileIcon{ width: 20px;} .aboutBtn{ display: none !important;} .contactStyle .left,.contactStyle .right{ width: 100%;} .contactStyle .left .title{ display: none;} .contactEwm{ margin-top: 0;} .contactEwm img{ width: 80px;} .contactStyleImg{ width: 50px; height: 50px;} .contactStyle .left ul{padding: 0;} .contactStyleIcon{ width: 40px;} .contactStyle .right{ padding-top: 0; margin-top: 0;} .waves{ opacity: .1;} .idxProUl li:hover { color: var(--blue);} .newsItem .img img{ height: 230px;} .photolist li .img img{ height: 250px; } .photolist{ padding-bottom: 0;} .footSidebar .topJump{ font-size: 12px; width: auto; height: auto; padding: 8px 5px; min-height: 50px;} .homeg .line-height1{ line-height: 2;} .homeg .row{ width: 100% !important; padding: 0; padding-left: 8px;} .homeg .row + .row{ margin-top: 18px;} .f14{ font-size: 12px;} .popCode{ width: 36px; height: 36px;} .homeg .inputBtn{ padding: 0;} .homeg .line-height1 .mt-25{ margin-top: 0;} .popCode .img{ width: 80px;} .subNav{ font-size: 12px;} .indexProUl li{ width: 50%;} .indexPro .indexProUl li:last-child{ display: none;} .indexPro .indexProUl li:nth-child(2){ border-right: none;} .indexProUl li{ padding-left: 8px; padding-right: 8px;} .indexProItemImg{ height: 160px;} .font16{ font-size: 12px;} .morebtn{ width: 60%; height: 40px;} .inter-inner .line1{border-top: 1px solid #fff;border-bottom: 1px solid #fff;} .inter-inner .line2{border-right: 1px solid #fff;border-left: 1px solid #fff;} .banImg{ height: 360px;} .banner{ margin-top: 60px;} .befar{ flex-wrap: wrap; background-attachment: scroll;} .befar li{width: 50%;border-bottom: 1px solid rgba(255, 255, 255, .15);} .history{ background-attachment:scroll} .history-top{ margin: 30px 0;} /* .history-top .years{ font-size: 50px;} */ .history .next, .history .prev{ display: none;} .history-thumbs .yuan{ width: 20px; height: 20px;} .historyBot::after{ top: 10px;} .history::after{ background-image: linear-gradient(to top,rgba(24,90 ,178, 0.8),rgba(24,90 ,178, 0.1)); } .historyImg{ width: 100% ; height:200px; object-fit:cover; } .history-top .swiper-slide .w60{ padding-left: 0px; padding-top: 25px } .fanZhan .prev, .fanZhan .next{ display: none;} .befar .img img{height: 36px;} /* .proinfoyyLogo{grid-template-columns: repeat(2,1fr); grid-gap: 15px;} .proinfoyyLogo li{ height: 60px;} .proinfoyy .w60{ padding-left: 0;} */ .idxCase .swiper-slide:nth-child(2n - 1){ padding-top: 0;} .idxCase .button{ display: none;} .idxCase .swiper-slide .right{ width: 60px; height: 32px; right: 0;} .idxCase .idxTit{ position: relative; top: auto; left: auto; display: flex; align-items: center; justify-content: space-between;} .idxNpro::after{ width: 100%;} .idxNproUl .iconfont{ font-size: 16px;} .cxylist li{ width: 100%; margin-right: 0;} .cxylist li:nth-child(3n){ margin-right: 0;} .history-top .tit{ margin-left: 0; margin-top: 10px;} .history-top .desc{ line-height: 2; text-align: left;} .CultureUl{ flex-wrap: wrap;} .CultureUl li{ margin: 0; width: 100%; margin: 8px 0;} .CultureUl li:last-child{ width: 100%;} /* .CultureUl li:last-child>img{ width: 100%; height: 180px; object-fit: cover;} */ .CultureUl li IMG{ width: 100%; height: 200px; object-fit: cover;} .proinfoyyUl{ flex-wrap: wrap; justify-content: flex-start;} .proinfoyy .ico{ width: 60px; height: 60px;} .proinfoyyUl li{ width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px; margin-left: 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .proinfoyyUl li:nth-child(2n){ margin-right: 0;} .businessUl li .txt{padding-left:0} .businessUl li:nth-child(2n) .txt{ padding-right: 0;} .businessUl li:nth-child(2n){flex-direction: column; align-items: flex-start; justify-content: flex-start;} /* .businessUl li .img{ border: 0; padding: 0 20px;} */ .businessUl li .img img{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .businessUl li .yinIcon{ width: 20px; position: relative; left: auto; bottom: auto; right: auto; top: auto; } .businessUl li .yinIcon{ position: relative; left: auto; bottom: auto; right: auto; top: auto; } .businessUl li:nth-child(2n) .yinIcon{ position: relative; left: calc(100% - 40px); bottom: auto; right: 0; top: auto; } .businessUl li:nth-child(2n) .txt .p70{ display: flex; flex-direction: column-reverse;} .businessUl li .txt .p70{ padding: 0;} .mapBox{ height: 260px;} .contactSyle .left{ width: 100px;} .ewmUl{ margin-left: 0; margin-top: 20px;} .gbookBox .w31{ width: 100%;} .gbookBox .submit{ width: 100%; margin-top: 20px; margin-left: 0;} .mapBox{ min-height: 300px;} } @media screen and (max-width:500px) { .idxPartnersUl li{ height: 50px;width: calc((100% - 10px)/3); margin-right: 5px; margin-top: 5px;} .idxPartnersUl li:nth-child(5n){ margin-right: 5px;} .idxPartnersUl li:nth-child(4n){ margin-right: 5px;} .idxPartnersUl li:nth-child(3n){ margin-right: 0;} .idxPartnersUl li:last-child{ display: none;} /* .history-top .years{ font-size: 40px } */ }