@media (max-width: 1710px){ .w1680{ width: 92%; } .wel-about-top .right h2{ font-size: 78px; line-height: 65px; } .wel-about-bot .swiper-slide h4{ margin-bottom: 0; } } @media (max-width: 1630px){ .w1600{ width: 92%; } .wel-about-top .right ul { padding-top: 2.4vw; } .wel-about-top .right p { font-size: 12px; line-height: 20px; padding: 0.3vw 0 0.8vw; } .wel-about-top .right li { width: 23%; margin-left: 2%; } .wel-about-top .right .con{ width: 90%; left: 5%; } .wel-about-top .left .box{ width: 70%; } .wel-about-top .left p { font-size: 12px; line-height: 26px; } .wel-about-top .right .fonts { font-size: 12px; } .wel-about-bot .swiper-slide h3 { font-size: 14px; line-height: 26px; } .wel-media-con .left .more{ bottom: 15px; } .wel-product .swiper-slide h2{ width: 100%; } .wel-product .swiper-slide p{ padding-top:10px; } .wel-product .swiper-slide h3{ margin-bottom: 14px; } .nav-box .left-bot { padding-top: 13.59vw; } } @media (max-width: 1200px){ .footer-top{ padding: 30px 0 50px; } .footer-bot{ padding: 15px 0; } .wel-about-top .right li:nth-child(5){ display: none; } .wel-about-top .right li{ width: 45%; margin-left: 5%; } .wel-about-top .right li:first-child, .wel-about-top .right li:nth-child(3){ width: 50%; margin-left: 0; } .wel-about-top .right li:nth-child(2n):after{ display: none; } .wel-about-top .right h3{ padding-top: 3vw; } .wel-about-top .right h2 { font-size: 50px; line-height: 50px; } .wel-about-top .right p{ padding: 0; } .wel-about-top .left h2{ font-size: 20px; line-height: 30px; } .wel-about-top .right li:nth-child(4):before, .wel-about-top .right li:nth-child(3):before{ display: none; } .wel-about-top .right h5{ display: block; } .wel-media{ padding: 51px 0 38px; } .wel-media-con .left .time{ padding: 15px 0 15px; } .wel-media-con .left h2 { font-size: 14px; line-height: 24px; } .wel-media-con .left .font { padding-top: 15px; line-height: 22px; } .wel-media-con .right a { padding: 13px 0 18px; } .wel-media-con .right h2 { font-size: 14px; line-height: 26px; height: 26px; } .wel-media-title .hl h2 { font-size: 20px; line-height: 24px; margin-right: 12px; } .wel-media-title .hl h3 { font: 20px/30px "Arial"; margin-top: -1px; } .wel-media-title .hl p { font-size: 12px; line-height: 20px; padding-top: 5px; } .wel-media-title { padding-bottom: 35px; } .wel-product .swiper-slide h2 { font: 25px/35px "Arial"; } .wel-product .swiper-slide .con{ padding: 32px 10% 40px; } .wel-product .swiper-slide .wel-btns{ bottom: 3%; } } @media (max-width: 1024px){ .wel-banner .welb-future{ width: 125px; height: 70px; } .wel-banner .wel-down{ right: 145px; } @-webkit-keyframes setbot { 0% { bottom: 45px; opacity: 0; } 50%{ bottom: 35px; opacity: 1; } 100% { bottom: 25px; opacity: 0; } } @keyframes setbot { 0% { bottom: 45px; opacity: 0; } 50%{ bottom: 35px; opacity: 1; } 100% { bottom: 25px; opacity: 0; } } .wel-banner .btns{ bottom: 20px; } .wel-banner li.two h2, .wel-banner li.the h2 { font-size: 52px; line-height: 62px; } .wel-banner li.two p, .wel-banner li.the p { font-size: 22px; line-height: 32px; } .wel-banner li.one h3 { font-size: 18px; line-height: 26px; padding: 2.8% 0 5%; } .footer-top .fot-logo.two{ display: block; } .footer-top .fot-logo{ display: none; } .footer-top{ background: #068585; padding: 51px 0 33px; border-bottom: 1px solid rgba(255,255,255,.2); } .footer-top-bot .footer-top-list{ display: none; } .footer-top-address,.footer-top-tel{ width: 100%; padding: 0; text-align: center; } .footer-top-address p,.footer-top-tel p{ font-size: 12px; color: #f5f5f5; line-height: 24px; padding: 0; font-weight: normal; } .footer-bot .fot-logo{ display: block; width: 182px; margin: 0 auto 9px; } .footer-bot .pic,.footer-bot .bshare-custom a.bb{ display: none; } .footer-bot h2{ position: relative; top: 0; left: 0; margin-left: 0; width: 100%; text-align: center; } .footer-bot .bshare-custom{ width: 100%; text-align: center; } .footer-bot{ padding: 15px 0 18px; } .wel-news { padding:40px 0; } .wel-banner li.two .box, .wel-banner li.the .box{ text-align: center; bottom: 113px; } .wel-banner li.two h2, .wel-banner li.the h2{ font-size: 32px; line-height: 42px; } .wel-banner li.the h2 span,.wel-banner li.two h2, .wel-banner li.the h2{ color: rgba(51,51,51,.85); } .wel-banner li.two p, .wel-banner li.the p{ color: #068585; font-size: 24px; } .wel-banner li .btn, .wel-btns{ width: 124px; height: 32px; font-size: 12px; line-height: 32px; margin: 0 auto; border: 1px solid rgba(51,51,51,.25) !important; } .wel-banner li.one .btn{ border: 1px solid #fff !important; } .wel-banner li.one .box{ position: absolute; left: 4%; bottom: 113px; } .wel-news-tit{ padding-bottom: 20px; } .wel-left-news .swiper-slide h2, .wel-right-news .swiper-slide h2{ font-size: 14px; line-height: 24px; } .wel-left-news .swiper-slide h3, .wel-right-news .swiper-slide h3{ padding-top: 6px; } .wel-news-tit h2{ font-size: 16px; line-height: 32px; } .wel-about-top .right h3 { font-size: 20px; line-height: 30px; padding-top:2vw; } .wel-about-top .right h4 { font: 12px/22px "Arial"; } .wel-about-top .left .box { width: 90%; } .wel-about-top .left .wel-btns { margin: 1.42vw auto 0; } .wel-about-top .right ul { padding-top: 1.4vw; } .wel-about-top .right li{ margin-bottom: 1vw; } .wel-about-bot .swiper-slide h3,.wel-about-bot .swiper-slide p{ display: block; } .wel-about-bot .swiper-slide{ height: auto; padding: 25px 0 35px; } .wel-about-bot .swiper-slide .pic{ margin: 0 auto; } .wel-media-title .hl p{ display: none; } .wel-media-con .left .time{ padding: 10px 0; } .wel-media-con .left .font { padding-top: 6px; line-height: 20px; display: none; } .wel-media-con .left .more { bottom: 10px; } .wel-media-title { padding-bottom: 25px; } .wel-media-con .right a { padding: 7px 0 10px; } .wel-product .swiper-slide p{ font-size: 12px; line-height: 22px; } .wel-product .swiper-slide h2 { font: 20px/30px "Arial"; } .wel-product .swiper-slide h4 { font-size: 14px; line-height: 24px; } .wel-product .swiper-slide p{ display: none; } .wel-product .swiper-slide.obt h3,.wel-product .swiper-slide.obt h2,.wel-product .swiper-slide.obt h4{ color: #fff } header .right .gpdm{ display: none; } header{ padding: 10px 4%; } header .right .line.search-btn:after{ display: none; } .search-box { width: 100%; top: 68px; padding: 8px 4%; } .nav-box{ top: 68px; } .nav-box .left{ display: none; } .nav-box .right{ width: 100%; padding: 10px 4%; overflow: auto; } .nav-box .right li,.nav-box .right li.last{ width: 100%; margin-bottom: 10px; } .nav-box .right li:after{ width: 100%; } .nav-box .right li:first-child:after{ display: none; } .nav-box .right li h2 { font-size: 16px; line-height: 40px; padding-top: 5px; margin-bottom: 5px; } .nav-box .right li h2:after{ width: 80%; } .nav-box .right p { font-size: 12px; line-height: 24px; } .nav-box .right .btn { margin-top: 10px; width: 43.5%; height: 32px; line-height: 32px; font-size: 14px; margin-right: 5%; } .nav-box .right li.last{ padding-top: 10px; } } @media (max-width: 768px){ .wel-about-top .left{ width: 100%; padding: 5vw 0; } .wel-about-top td{ display: block; } .wel-about-top .right{ width: 100%; position: relative; overflow: hidden; } .wel-product #video{ height: 100%; width: auto; left: 50%; } } @media (max-width: 767px) { .wel-media-con .left a { border-bottom: none; } .wel-news .swiper-pagination { text-align: center; } .wel-media-con .left:after,.wel-media-con .left:before { display: none; } .wel-media-con .left,.wel-media-con .right,.wel-media-con .left .pic, .wel-media-con .left .con{ width: 100%; } .wel-media-con .left .con { padding: 5px 0 38px; } .wel-media-con .left .more { left: auto; right: 0; } .wel-news .left { margin-bottom: 40px; } } @media (min-width: 481px) { } @media (max-width: 480px){ .footer-bot .pc-inline { display: block; } .wel-banner .welb-future{ display: none; } .wel-banner .btns{ text-align: center; bottom: 5px; } .wel-banner .btns span{ float: none; width: 6px; height: 6px; margin: 0 2px; } .wel-banner .wel-down { right: 50%; margin-right: -7px; } .footer-top{ padding: 17px 0 13px; } .wel-news .box{ width: 100%; } .wel-about-top .right .picture { width: 700px; left: 50%; margin-left: -350px; } .wel-about-top .right h5{ text-align: center; } .wel-about-top .right h3 { padding-top: 9vw; text-align: center; } .wel-about-top .right ul { padding-top: 3.4vw; } .wel-about-top .right h2 { font-size: 40px; } .wel-about-top .left .title{ width: 52%; } .wel-about-top .left { padding: 12vw 0; } .wel-about-top .left .wel-btns { margin: 6.42vw auto 0; } .wel-about-top .left .title { padding-bottom: 4.5625vw; } .wel-about-top .left h2 { margin-bottom: 3.92vw; } .wel-about-top .right h4{ text-align: center; margin-bottom: 4vw; } .wel-about-top .left .box { width: 92vw; margin-left: 4vw; } .wel-about-top .right .con{ width: 92vw; left:4vw; } .wel-about-bot .swiper-slide a{ width: 94%; margin: 0 auto; } .wel-about-bot .swiper-slide{ padding: 26px 0; } .wel-about-bot .swiper-slide .top{ float: left; width: 26.8%; position: relative; } .wel-about-bot .swiper-slide .line{ width: 70%; float: left; text-align: left; margin-left: 3.2%; position: relative; } .wel-about-bot .swiper-slide .pic { width: 30px; height: 28px; margin: 0 auto 0; } .wel-about-bot .swiper-slide h2 { margin-top: 6px; font-size: 13px; line-height: 22px; } .wel-about-bot .swiper-slide h4 { font: 12px/24px 'Arial'; margin-bottom: 0px; } .wel-about-bot .swiper-slide .top:after{ content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: #e1e1e1; } .wel-about-bot .swiper-slide:after{ display: none; } .wel-about-bot .swiper-slide h3{ margin-bottom: 5px; } .wel-about-bot .swiper-slide p{ font: 12px/18px 'Arial'; } .wel-media-title .wel-btns{ position: absolute; bottom: -52px; left: 50%; margin-left: -62px; } .wel-media-con .left:before,.wel-media-con .left:after{ display: none; } .wel-media-con .left .pic,.wel-media-con .left .con{ width: 100%; } .wel-media { padding: 30px 0 40px; } .wel-media-con .left .con{ padding: 5px 0 38px; } .wel-media-con .left .more{ left: auto; right: 0; } header .logo { height: 34px; width: 110px; line-height: 34px; } header .right .line{ margin-top: 8px; } header .nav-btn{ margin-top: 0; } .search-box,.nav-box{ top: 54px; } } @media (max-width: 400px){ .wel-about-top .right li:nth-child(1) p{ height: 40px; } } @media (min-width: 1025px){ .wel-banner .btns span:hover{ background: #e8921f; } .wel-banner li .btn:hover:after, .wel-btns:hover:after{ width: 100%; } .wel-banner li .btn:hover .fonts, .wel-btns:hover span{ padding-right: 25px; color: #fff; background-image: url(../img/wel04.png); } .footer-top-bot .footer-top-list li:hover{ top: -5px; } .footer-bot .bshare-custom .bshare a:hover{ color: #fff; } .wel-left-news .swiper-slide:hover img, .wel-right-news .swiper-slide:hover img{ transform: scale(1.1, 1.1); } .wel-left-news .swiper-slide:hover h2, .wel-right-news .swiper-slide:hover h2{ color:#068585; } .wel-about-top .right li.cur h2{ color: #e8921f; } .wel-about-bot .swiper-slide:hover{ z-index: 2; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.15); } .wel-about-bot .swiper-slide:hover .pic{ margin-top: 0; } .wel-about-bot .swiper-slide:hover .two{ opacity: 1; } .wel-about-bot .swiper-slide:hover h2{ color: #068585; } .wel-about-bot .swiper-slide:hover h4{ color: rgba(6,133,133,.5); } .wel-about-bot .swiper-slide:hover h3 { display: block; } .wel-about-bot .swiper-slide:hover p{ display: block; display: -webkit-box; } .wel-product .swiper-slide .wel-btns:hover{ width: 178px; } .wel-product .swiper-slide .wel-btns:hover span{ font-size: 12px; display: inline; color: #fff; background-position:right center; } header .nav-btn:hover span.line2{ left: 12px; } header .nav-btn:hover span.line0{ top: 0; } header .nav-btn:hover span.line1{ top: 0; left: 24px; } header .nav-btn:hover span.line3{ top: 24px; left: 0; } header .nav-btn:hover span.line4{ top:24px; left:24px; } header .right a:hover{ margin-top: 10px; } .nav-box .right p a:hover,.nav-box .right h2 a:hover{ color: #068585; } .nav-box .right .btn:hover{ background:#068585; color: #fff; } }