@media screen and (max-width: 1680px) { /*-------------首页--------------*/ #ind-about .content .right{width: calc(50% - 50px);} /*-------------关于--------------*/ #company .cw1400{width: 84%;margin: 0 8%;} } @media screen and (max-width: 1440px) { .cw1400 {width: 96%;margin: 0 2%;} #header .nav .one-nav{margin-right: 30px;} #products .sub-nav .cate-box .one{background-position-x: 92%;} #products .sub-nav .cate-box .one-cate .one.cur{background-position-x: 92%;} } @media screen and (max-width: 1366px) { /*-------------头部--------------*/ #header{height: 105px;position: relative;z-index: 2;} #header .nav{display: none;} #header .logo{width: 176px;height: 105px;line-height: 102px;} #header .nav{line-height: 102px;} #header .lang{line-height: 102px;} #header .lang::before{position: absolute;width: 23px;height: 23px;left: -33px;top: 41px;} #header .search{height: 105px;line-height: 105px;} #header .button_nav{display: block;} #header .button_nav #img_icon{width: 30px;height: 30px;background: url("/images/icon_more.svg") no-repeat;background-size: 100% 100%;} #header #m-nav{padding: 10px 0;border-top: #999999 solid 1px;background-color: white;} #header #m-nav a{display: block;width: 100%;line-height: 30px;text-align: center;} #header #m-nav .cur a{color: inherit;} #header #m-nav .cur,#header #m-nav a:hover{color: #c1392b;} #header .right .link{margin: 21px 0 0 20px !important;} /*-------------头部--------------*/ } @media screen and (max-width: 1280px) { #ind-about .content .text .tit{font-size: 48px;} /*-------------首页--------------*/ #ind-news .news-box .ind-news-swi .content .left .tit{padding-right: 60px;} /*-------------关于--------------*/ /*关于-合作客户*/ #partner .content .pic img{max-width: 70%;max-height: 70%;} } @media screen and (max-width: 1200px) { /*-------------页脚--------------*/ #footer .footer_1{display: none;} #footer .footer_2{display: block;} #footer .footer_2 .top{padding: 0;} #footer .footer_2 .top .nav{padding: 0 2.5%;text-align: center;} #footer .footer_2 .top .nav .item{margin: 0 2.5% 20px;} #footer .footer_2 .top .left{width: 100%;text-align: center;} #footer .footer_2 .top .left .left_left{text-align: left;padding-bottom: 20px;} #footer .footer_2 .top .left .left_right{text-align: left;padding-bottom: 20px;} #footer .footer_2 .top .left .t3{border-bottom: none; padding-bottom: 0px;} #footer .footer_2 .top .left .qrcode{margin-top: 0;margin-left: 70px;} /*----------banner----------*/ #index-swiper .page{bottom: 20%;left: 14%;z-index: 2;} /*-----------首页----------*/ #ind-about{padding: 50px 0;} #ind-about .content{width: 100%;display: block;} #ind-about .content .text{width: 100%;padding-right: 0;} #ind-about .content .text .brief{margin: 30px 0;} #ind-about .content .right{width: calc(100% - 50px);margin-top: 30px;} #ind-prod{padding: 40px 0 25px;} #ind-news{padding: 50px 0 30px;} #ind-news .news-box .ind-news-swi{padding-bottom: 0;} #ind-news .news-box .ind-news-swi .content .right .list{padding: 25px 40px 25px 0;} #ind-area{padding: 20px 0 20px;} #ind-area .pic{margin-top: 40px;} /*-------------关于--------------*/ #company{padding: 80px 0 80px;} #company .content{width: 100%;display: block;} #company .content .left{width: 100%;padding-right: 0;} #company .content .left .tit1{margin-left: 80px;} #company .content .left .con{margin: 20px 0;} #company .content .pic{width: 100%;} /*关于-发展历程*/ #develop .content .list .pic{float: none;margin: auto;} #develop .content .list .text{float: none;width: 96%;padding-top: 30px;margin: auto;background-color: white;} #develop .content .list .text .absolute {position: relative;} #develop .content .list .text .cont{margin-left: 0;} #develop .content .list:nth-child(2n) .text .cont{margin-right: 0;} #develop .content .list .text .year{text-align: center;} /*------------服务支持------------*/ #support .wrap1 .item{padding: 75px 35px;} } @media screen and (max-width: 1024px){ /*---------关于-企业文化----------*/ #culture .content .center .item:nth-child(1){left: -32.5%;top: -25%;} #culture .content .center .item:nth-child(2){right: -32.5%;top: -25%;} #culture .content .center .item:nth-child(3){left: -32.5%;bottom: -25%;} #culture .content .center .item:nth-child(4){right: -32.5%;bottom: -25%;} /*-------------新闻中心-------------*/ /*新闻列表*/ #news .top .swiper-pagination-bullets{bottom: 20px;left: 108px;} } @media screen and (max-width: 750px) { body, body *{font-size: 26px;} .cw1400 {width: 90%;margin: 0 5%;} /*-------------头部--------------*/ #header #m-nav{padding: 25px 0;} #header #m-nav a{line-height: 60px} #header .lang .lang-box{left: -10%;} #header .lang>span{display: none;} #header .right .link{margin: 7px 0 0 20px !important;} /*-------------banner--------------*/ #index-swiper .item{padding-top: 112.933%;} #index-swiper .btn-box{top:80%;} #index-swiper .page .swiper-pagination-bullet .num{font-size: 34px;} #index-swiper .page .swiper-pagination-bullet .num::after{top: 15px;left: 40px;height: 3px;width: 45px;} /*-------------二级导航--------------*/ #second-nav{height: 100px;line-height: 98px;} /*-------------页脚--------------*/ #footer .footer_2 .top .nav{width: 100%;text-align: left;padding: 0;} #footer .footer_2 .top .nav .item{width:100%;margin: 20px 0;} #footer .footer_2 .top .nav .item .tit{font-size: 36px;background: url(/images/icon_add.svg) no-repeat right;background-size: 35px;} #footer .footer_2 .top .nav .item .ul{display: none;} #footer .footer_2 .top .nav .item .li a{font-size: 30px;line-height: 60px;} #footer .footer_2 .top .nav .item .li a:hover{color: #c1392b;} #footer .footer_2 .top .nav .item .footer_on{font-size: 36px;background: url(/images/icon_sub.svg) no-repeat right;background-size: 35px;} #footer .footer_2 .top .left{width: 100%;} #footer .footer_2 .top .left .left_left{display: block;} #footer .footer_2 .top .left .left_right{display: block;} #footer .footer_2 .top .left .t1{font-size: 36px;line-height: 50px;} #footer .footer_2 .top .left .t2{font-size: 42px;margin-bottom: 30px;} #footer .footer_2 .top .left .t3{font-size: 32px;line-height: 45px;border-bottom: none;padding-bottom: 0px;} #footer .footer_2 .top .left .qrcode{margin-left: 0;margin-bottom: 20px;} #footer .footer_2 .top .left .qrcode .pic{width: 120px;height: 120px;} #footer .footer_2 .top .left .qrcode .text{font-size: 34px;color: #a7a7a7;line-height: 50px;margin: 20px 0 0 20px;} #footer .footer_2 .bot .fl{float: none;} #footer .footer_2 .bot .fr{float: none;padding-top: 10px;} #footer .bot .t{font-size: 30px;} #footer .bot .t *{font-size: 30px;} /*-------------首页--------------*/ #ind-about .content .text .tit{overflow: hidden;text-overflow:ellipsis;} #ind-about .content .text .more{font-size: 28px;} #ind-about .content .text .brief{line-height: 40px;} .index-title .title-cn{font-size: 36px;} .index-title .title-en{font-size: 48px;} .prod-cate-box{margin-top: 25px;width: 100%;} #ind-prod .prod-box .ind-prod-swi .item .t2{font-size: 24px;} #ind-news .news-box{margin-top: 30px;} #ind-news .news-box .ind-news-swi .content .left{width: 100%;} #ind-news .news-box .ind-news-swi .content .left .tit{padding-right: 20px;font-size: 28px;} #ind-news .news-box .ind-news-swi .content .left .brief{font-size: 24px;line-height: 34px;} #ind-news .news-box .ind-news-swi .content .left .date{font-size: 24px;margin-bottom: 20px;} #ind-news .news-box .ind-news-swi .content .right{width: 100%;padding-left: 0;} #ind-news .news-box .ind-news-swi .content .right .list{border-bottom: 2px solid #dedede;} #ind-news .news-box .ind-news-swi .content .right .list .text .tit{font-size: 28px;margin-bottom: 25px; line-height: 45px;} #ind-news .news-box .ind-news-swi .content .right .list .text .brief{font-size: 24px;line-height: 34px; display: none !important;} /*-------------关于--------------*/ #company{padding: 40px 0 80px;} #company .content{margin-top: 40px;} #company .content .left .tit1{font-size: 30px;} #company .content .left .tit1::before{width: 60px;height: 5px;background: #c1392b;left: -80px;top: 16px;} #company .content .left .tit2{font-size: 30px;} #company .content .left .con{line-height: 1.8;} .inner-title .title-cn{font-size: 35px;} .inner-title .title-en{font-size: 22px;} /*关于-发展历程*/ #develop .content .list .pic{width: 80%;padding-top: 43.5%;} /*关于-组织架构*/ #honor .content .item{width: 47%;margin: 0 6% 20px 0;} #honor .content .item.item0{margin: 0 6% 20px 0;} #honor .content .item.item20{margin: 0 0 20px 0;} #honor .content .line{display: none;} #honor .content .line2{display: block;width: 100%;height: 1px;background: #dedede;margin-bottom: 55px;} /*关于-公司环境*/ #environment .content .item{width: 47%;margin: 0 6% 20px 0;} #environment .content .item.item0{margin: 0 6% 20px 0;} #environment .content .item.item20{margin-right: 0;} #environment .content .line{display: none;} #environment .content .line2{display: block;width: 100%;height: 1px;background: #dedede;margin-bottom: 55px;} /*关于-合作客户*/ #partner .content .pic{width: 33.3%;padding-top: 20.454%;} #partner .content .pic img{max-width: 70%;max-height: 70%;} /*-------------韦德1946--------------*/ /*产品列表*/ #products .sub-nav{width: 100%;float: none;margin-bottom: 20px;display: none;} #products .sub-nav .title{padding: 30px 40px;} #products .sub-nav .title .title-cn{font-size: 26px;} #products .sub-nav .title .title-en{line-height: 26px;} #products .sub-nav .cate-box .one{font-size: 24px;} #products .sub-nav .cate-box .two-cate .tow{font-size: 22px;} #products .sub-nav .cate-box .two-cate .tow::before{top: 34px;left: 26px;} #products .content{width: 100%;float: none;} #products .content .prod-list .item{width: 100%;margin-right: 0;} #products .content .prod-list .item .msg .t1{margin-bottom: 25px;} /*产品详情*/ #prod-detail .content{float: none;} #prod-detail .content .left{width: 100%;} #prod-detail .content .left .swiper-pagination-bullet{width: 20px;height: 20px;} #prod-detail .content .right{width: 100%;padding-top: 5%;} #prod-detail .content .right .absolute{position: relative;} #prod-detail .content .right .con{margin: 0;} #prod-detail .content .right .tit{font-size: 40px;} #prod-detail .content .right .t2{font-size: 34px;margin: 18px 0 30px;} #prod-detail .content .right .line{width: 110px;height: 3px;background: #c1392b;} #prod-detail .content .right .des{font-size: 28px;color: #666;margin: 48px 0 60px;line-height: 40px;} #prod-detail .content .right .consult{float: right;} #prod-detail .content .right .consult .text{font-size: 28px;} /*发展历程*/ #develop .content .list .text .con .li{line-height: 1.6;} #develop .content .list .text .con .li::before{top: 20px;} /*-------------品质&研发-------------*/ /*品质研发*/ #quality{padding-top: 50px;} #quality .wrap1{display: block;} #quality .wrap1 .pic{width: 100%;} #quality .wrap1 .text{width: 100%;padding-left: 0;text-align: center;} #quality .wrap1 .text .tit1{font-size: 38px;margin-top: 30px;} #quality .wrap1 .text .tit2{font-size: 26px;} #quality .wrap1 .text .con{font-size: 26px;line-height: 40px;text-align: left;} #quality .wrap2{padding: 50px 0 90px;margin-top: 50px;} #quality .wrap2 .content{display: block;text-align: center;margin-top: 0;} #quality .wrap2 .content .item{width: 30%;display: inline-block;margin-top: 70px;} #quality .wrap2 .content .item .icon{width: 100%;} #quality .wrap2 .content .item .tit{font-size: 20px;color: #fff;line-height: 26px;margin-top: 25px;} /*品质控制*/ #control{padding: 50px 0 60px;} #control .content .item{width: 100%;margin-right: 0%;padding-top: 64%;} #control .content .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{display: block;} #control .content .swiper-pagination-bullet{width: 18px;height: 18px;background: #cccccc} #control .content .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 20px;} /*-------------新闻中心-------------*/ /*新闻列表*/ #news .top .content{display: block;} #news .top .content .pic{width: 100%;padding-top: 64.3%;} #news .top .content .text{width: 100%;padding: 0;} #news .top .swiper-pagination-bullets{bottom: 10px;left: 0;} #news .top .btn-box{display: none;} #news .top .content .text .tit{width:100%;font-size: 32px;line-height: 60px;margin-bottom: 10px;height: auto;} #news .top .content .text .brief{line-height: 40px;height: auto;} #news .top .content .text .more{font-size: 22px;float: right;background: #c1392b;color: #fff;} #news .bot .list .cont .date{width: 20%;text-align: right;} #news .bot .list .cont .date .d{font-size: 58px;} #news .bot .list .cont .date .ym{font-size: 28px;} #news .bot .list .cont .pic{width: 80%;padding: 0 10%;} #news .bot .list .cont .text{width: 100%;padding: 20px 0;} #news .bot .list .cont .text .tit{font-size: 32px;} #news .bot .list .cont .text .brief{line-height: 40px;height: auto;} #news .bot .list .cont .text .more{font-size: 22px;float: right;background: #c1392b;color: #fff;} #news-detail .page-box .right .back{margin-top: 30px;} /*------------服务支持------------*/ #support .wrap1 .item{width: 47%;margin: 0 6% 48px 0;background: #c1392b;} #support .wrap1 .item:nth-child(3n){margin: 0 6% 48px 0;} #support .wrap1 .item:nth-child(2n){margin-right: 0;} #support .wrap1 .item .num{font-size: 46px;} #support .wrap1 .item .t1{font-size: 32px;height: 64px;margin: 12px 0 40px;} #support .wrap1 .item .t2{color: #666;line-height: 34px;height: 238px;overflow: hidden;} #support .wrap1 .item .num, #support .wrap1 .item .t1, #support .wrap1 .item .t2{color: #fff;} /*-------------联系我们--------------*/ #contact .wrap1{margin-top: 30px;} #contact .wrap1 .left{width: 90%;margin: auto;float:none;padding-top: 52%;} #contact .wrap1 .left .t1{font-size: 40px;} #contact .wrap1 .left .t2{font-size: 28px;margin: 12px 0 35px;} #contact .wrap1 .left .t3{line-height: 40px;} #contact .wrap1 .map{width: 100%;float:none;padding-top: 52%;} #contact .wrap2{margin-top: 30px;} #contact .wrap2 .item{float: none;margin-right: 0;width: 100%;padding: 20px;margin-bottom: 25px;} #contact .wrap2 .item .t{line-height: 1.8; } #message .form-box .inp{margin-right: 0;width: 100%;border-radius: 5px;height: 70px;display: block;padding: 0 20px;margin-top: 20px; } #message .form-box .inp input::-webkit-input-placeholder{font-size: 28px;} #message .form-box .inp input::-moz-placeholder{font-size: 28px;} #message .form-box .inp input::-ms-input-placeholder{font-size: 28px;} #message .form-box .textarea{display: block;padding: 20px;margin-top: 20px;} #message .form-box .textarea textarea{font-size: 28px;} #message .form-box .textarea textarea::-webkit-input-placeholder{font-size: 28px;} #message .form-box .textarea textarea::-moz-placeholder{font-size: 28px;} #message .form-box .textarea textarea::-ms-input-placeholder{font-size: 28px;} #message .form-box .submit{width: 100%;height: 70px;line-height: 70px;;display: block;;font-size: 28px;} }