@charset "UTF-8"; body, html { width: 100%; padding: 0; margin: 0; background-color: #fff; } *{padding: 0; margin: 0;border: 0;} body{font-family:'PingFang SC','Microsoft YaHei','寰蒋闆呴粦','sans-serif';color: #727171;font-size: 16px;line-height: 1.5;} p { margin: 0; padding: 0.6em 0 0.6em 0; } a{text-decoration: none;color: #727171;} a:focus, a:hover { text-decoration: none;color: #727171;outline: none;} input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {-webkit-text-fill-color: #727171 !important;background-color:#FFF; transition: background-color 50000s ease-in-out 0s;} .ys-container{width: 100%;max-width:1220px;margin-right: auto; margin-left: auto;} .ys-1600{width: 100%;max-width:1620px;margin-right: auto; margin-left: auto;} .ys-1200{width: 90%;max-width:1220px;margin-right: auto; margin-left: auto;} .ys-910{width: 100%;max-width:910px;margin-right: auto; margin-left: auto;} .ys-low{padding-left: 15px;padding-right: 15px;} .ys-flex{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .ys-flex-j-b{ justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -webkit-moz-box-pack: space-between; box-pack: space-between; } .ys-flex-j-c{ -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit-moz-box-pack:center; box-pack:center; } .ys-flex-j-s{ -webkit-justify-content:flex-start; justify-content:flex-start; -moz-box-pack:flex-start; -webkit-moz-box-pack:flex-start; box-pack:flex-start; } .ys-flex-j-a{ justify-content: space-around; -webkit-justify-content:space-around; -moz-box-pack:space-around; -webkit-moz-box-pack:space-around; box-pack:space-around; } .ys-flex-a-c{ align-items: center; -webkit-align-items: center; box-align: center; -moz-box-align: center; -webkit-box-align: center; } /* 鎹㈣绗竴琛屽湪涓婇潰 */ .ys-flex-wrap-w{ -webkit-flex-wrap:wrap; -webkit-box-lines:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap; } /* 鎹㈣绗竴琛屽湪涓嬮潰 */ .ys-flex-wrap-wr{ -webkit-flex-wrap:wrap-reverse; -webkit-box-lines:wrap-reverse; -moz-flex-wrap:wrap-reverse; flex-wrap:wrap-reverse; } .ys-flex-d-c{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column; -webkit-flex-direction:column; } .ys-flex-a-e{ align-items:flex-end; -webkit-align-items:flex-end; box-align:flex-end; -moz-box-align:flex-end; -webkit-box-align:flex-end; } .ys-relative{position: relative;} .ys-hide{display: none !important;} ul, dl, li, ol, ul { list-style-type: none;padding: 0; margin: 0;} a, a:focus, a:hover { text-decoration: none; } .padding15{padding-left: 15px;padding-right: 15px;} .ys-clear::after{content: " ";clear: both;width: 100%;display: block;} /* .banner-content .banner-title{ width: 500px; margin: 0 auto; padding-bottom: 34px; } .banner-content .banner-title span{ font-size: 48px; color: #fff; line-height: 1; padding-left: 40px; } .banner-content .banner-text { width: 500px; margin: 0 auto; background-color: #f4f7fb; } .banner-content .banner-text a{color: #00273c;font-size: 36px; display: block;height: 100%;line-height: 90px;font-weight: bold;padding-left: 40px;} .banner-content .banner-text i { font-size: 24px; color: #a4875d; margin-right: 24px; float: right; } */ .nav{ background-color: #fff;} .navbar{box-shadow: 5px 5px 10px rgba(0,0,0,0.1);} .navbar-nav > li > a { font-size: 16px;color: #727171; } .nav li{position: relative;} .nav li.active > a, .nav > li > a:focus, .nav > li > a:hover{ background-color: #fff; color: #e3740f;} .navbar > .container-fluid .navbar-brand img{max-height: 100%;} .navbar-nav > li.active::after{ content: ''; position: absolute; height: 3px; width: 100%; background-color: #ee7700; bottom: 28px; left: 0; right: 0; } nav:hover li.active::after{ content: none; } .navbar-nav > li:hover::after{ content: '' !important; position: absolute; height: 3px; width: 100%; background-color: #ee7700; bottom: 28px; left: 0; right: 0; } .dropdown-menu{ min-width: 125px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); background-color: rgba(0,0,0,0.6); } .dropdown-menu > li{border-top: 1px solid #727171;padding: 0 15px;} .dropdown-menu > li.li0{border-top: 0;} .dropdown-menu > li > a{ text-align: center; /* font-size: 24px; */ font-size: 16px; padding: 0 ; color: #fff; line-height: 2.8; font-weight: lighter; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #ee7700; background-color: transparent; } .banner{height: 100%;} .banner .swiper-container{height: 100%;} .banner-content{ position:relative; height: 100%; max-width: 1920px; margin: 0 auto; } .banner .swiper-pagination-bullet, .list-product .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 10px; opacity: 1; background: #fff; transition: width 0.3s; } .banner .swiper-pagination-bullet-active, .list-product .swiper-pagination-bullet-active { background: #e70; width: 36px; } .banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction { bottom: 100px; } .banner .content{position: absolute;} /* .banner .swiper-slide .title{position: absolute;color: #fff;} */ .banner .swiper-slide3 .content{ left: 10%; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); } .banner .swiper-slide3 .content .text0 { color: #162645; font-size: 38px; display: inline-block; padding: 0 15px; background-color: #fff; border-radius: 10px; } .banner .swiper-slide3 .content .text1{font-size: 120px;color: #fff;} .banner .swiper-slide3 .content .text2{font-size: .6rem;font-weight: lighter;color: #fff;padding: 10px 0;} .banner .swiper-slide3 .content .title{font-size: .4rem;color: #fff;padding-bottom: 1.05rem;} .banner .swiper-slide3 .content .more{margin-bottom: 40px;} .banner .swiper-slide3 .pic{ position: absolute; right: 0; bottom: 0; max-width: 55%; } .banner .swiper-slide1 .content{ left: 10%; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); } .banner .swiper-slide1 .text0{font-size: 0.6rem;color: #fff; padding-top: .7rem;padding-bottom: 0.2rem;} .banner .swiper-slide1 .text1{color: #fff;font-size: 0.245rem;} .banner .swiper-slide1 .title{display: none;} .banner .swiper-slide1 .more{display: none;} .banner .swiper-slide2 .content{ left: 0; right: 0; top: 30%; text-align: center; z-index: 9; } .banner .swiper-slide2 .text0{font-size: .40rem;color: #727171;} .banner .swiper-slide2 .title{font-size: 18px;color: #727171;padding-bottom: 60px;} .banner .swiper-slide2 .more{display: inline-block;} .banner .swiper-slide2 .pic { position: absolute; top: 47%; left: 0; text-align: center; right: 0; } .index-product .swiper-container{height: 100%;} @media screen and (min-width:767px) { .container-fluid > .navbar-header{width: 22%;padding-top: 18px;} .navbar-nav{width: 64%;display: flex;justify-content: space-between;} .navbar-nav > li { margin: 0 ; } .navbar-nav > li > a { padding-top: 50px; padding-bottom: 50px; } .navbar-nav > li > a i{display: none;} .navbar-form{ padding-top: 41px; padding-bottom: 0; position: relative; padding-left: 0; width: 12%; max-width: 170px; } .navbar-form .form-control{ width: 100%; height: 20px; border: 1px solid #727171; border-radius: 50px; padding: 0 0 0 25px; } .navbar-form .btn{ border: 0; padding: 0; position: absolute; left: 5px; top: 47px; background-color: transparent; } .navbar-form .btn i{color: #727171;} .navbar-lang{padding-top: 50px;margin-right: 0px;} .navbar-lang a{ color: #fff; font-size: 12px; width: 20px; height: 20px; background-color: #727171; display: block; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } } .more a { display: block; width: 0.96rem; height: 0.35rem; line-height: 0.35rem; background-color: #ee7700; text-align: center; color: #fff; font-size: 0.14rem; } .index-name { font-size: 0.6rem; line-height: 1.8; } .index-sname{font-size: 0.32rem;font-family: Arial, Helvetica, sans-serif;line-height: 1.3} @media screen and (max-width:1700px) { .index-product .swiper-button-next{right: 15px;} .index-product .swiper-button-prev{left: 15px;} } .navbar > .container-fluid .navbar-brand{ margin: 0;height: 74px;padding: 5px 0;} .index-product{padding: 0.6rem 0;height: 11rem;position: relative;} .index-product .swiper-button-next, .index-product .swiper-button-prev{ width: 0.8rem; height: 0.8rem; border-radius: 50%; border: 3px solid #fff; opacity: 1; color: #fff; } .index-product .swiper-button-next{right: -75px;} .index-product .swiper-button-prev{left: -75px;} .swiper-button-next::after, .swiper-button-prev::after { padding-top: 5px;font-size: 0.44rem; } .swiper-button-next::after{padding-left: 5px;} .swiper-button-prev::after{padding-right: 5px;} .index-product .swiper-button-next:hover, .index-product .swiper-button-prev:hover{ background-color: #ee7700; border: 3px solid #ee7700; } /* .index-product .swiper-button-next:hover::after, .index-product .swiper-button-prev:hover::after{ background-color: #ee7700; } */ .index-product .navigation{ position: absolute; top: 50%; left: 0; right: 0; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); z-index: 1; } .index-product-nav{ font-size: 0.24rem; color: #fff; position: absolute; z-index: 2; left: 0; right: 0; top: 1.35rem; } .index-product-nav ul{ margin-right: 5%; } .index-product-nav li{display: inline-block;cursor: pointer;font-size: 0.24rem;} .index-product-nav li.active, .index-product-nav li:hover{color: #ee7700;} .index-product-dorber{height: 2px;width: 1rem;background-color: #ee7700;position: absolute;top: 0.55rem;transition: all 0.3s;left: 127px;} .index-product-content{height: 100%;color: #fff;} .index-product .swiper-slide .index-product-content-r{ margin-left: 0%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; position: relative; left: 80%; } .index-product-content .index-name{padding-top: 0.4rem;} .index-product-content .index-scontent{font-size: 0.36rem;padding-top: 0.6rem;line-height: 1.3;} .index-product-content .index-scontent span{color: #ee7700;font-size: 0.48rem;} .index-product-content .more{padding-top: 1.3rem;} .index-product .swiper-slide .pic{ text-align: center; position: relative; right: 80%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; } .index-product-content .pic img{ /* max-width: 120%; */width: 6.8rem; } .index-product .swiper-slide-active .index-product-content-r{ left: 0; } .index-product .swiper-slide-active .pic{ right: 0; } .index-about{padding: .64rem 0 1.24rem 0;} .index-about > div{width: 90%;} .index-about .content{height: 645px; background: no-repeat right / 83% 100%;} .index-about .content .text{ /* width: 660px; height: 780px; */ padding: 3%; background-color: rgba(0,0,0,0.6); color: #fff; } .index-about .index-name{line-height: 1.1;} .index-about .index-scontent{font-size: 16px;line-height: 1.8;padding: 0.6rem 0 0.9rem;} footer{width: 100%;background-color: #efefef;padding-top: 1rem;} .footer-logo{width: 280px;} .footer-nav{width: 72%;} .footer-nav > ul{width: 900px; margin: 0 25px;} .footer-nav > ul > li{padding-top: 10px;padding-left: 0.2rem;} .footer-nav ul .li5{width: 234px;} .footer-nav > ul > li > a{color: #727171;font-size: 16px;line-height: 3;font-weight: bold;} .footer-nav li a:hover{color: #ee7700;} .footer-sub{padding-top: 5px;} .footer-sub li{padding: 5px 0;color: #727171;line-height: 1.5;font-size: 14px;min-width: 150px;} .footer-sub li a{font-size: 14px;color: #727171;} .footer-ewm{text-align: center;width: 110px;} .footer-copyright .share{ text-align: right; padding-top: 45px; border-bottom: 1px solid #727171; } .footer-copyright p{ font-size: 16px; text-align: right; padding-top: 20px; color: #727171; } .footer-copyright p a{ color: #727171; font-size: 14px; } .social-share a { position:relative; text-decoration:none; margin:4px; margin-left: .15rem; display:inline-block; outline:none } .social-share .social-share-icon { position:relative; display:inline-block; width: .56rem; height: .56rem; font-size: .36rem; border-radius:50%; line-height: .56rem; color:#727171; text-align:center; vertical-align:middle; transition:background 0.6s ease-out 0s } .social-share .social-share-icon:hover { /* background:#666; */ color:#ee7700; } .social-share .icon-wechat .wechat-qrcode{ display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: -180px; width: 180px; height: 170px; color: #727171; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms; right: 0; } .social-share .icon-wechat .wechat-qrcode.bottom { top:40px; left:-84px } .social-share .icon-wechat .wechat-qrcode.bottom:after { display:none } .wechat-qrcode h4 { font-weight: normal; height: 16px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777; visibility: hidden; } .social-share .icon-wechat .wechat-qrcode .qrcode { width:105px; margin:10px auto } .social-share .icon-wechat .wechat-qrcode .qrcode table { margin:0 !important } .social-share .icon-wechat .wechat-qrcode .help p { font-weight:normal; line-height:16px; padding:0; margin:0; text-align: center; } .social-share .icon-wechat .wechat-qrcode:after { content:''; position:absolute; right: 15%; margin-left:-6px; bottom:-13px; width:0; height:0; border-width:8px 6px 6px 6px; border-style:solid; border-color:#fff transparent transparent transparent } .social-share .icon-wechat:hover .wechat-qrcode { display:block } /*浜у搧*/ .list-product{padding: 120px 0 0 0 ;height: 820px;} .list-product .swiper-container-horizontal > .swiper-pagination-bullets, .list-product .swiper-pagination-custom, .list-product .swiper-pagination-fraction { bottom: 30px; } .list-product .index-product-content .index-scontent { /* padding-top: 0; */ } .list-product .index-name { padding-top: 0; } .list-product .index-scontent{padding-bottom: 60px;} .list-product-main { padding: 1.50rem 0 1rem 0;} .list-product-main >div {width: 90%;} .list-product-main .name{color: #727171;font-size: .4rem;float: left;margin-right: .4rem;line-height: 1.1;margin-bottom: 28px;} .list-product-main .scontent{ color: #727171; font-size: .24rem; float: left; border-bottom: 1px solid #727171; padding-bottom: .24rem; } .list-product-main3 .name{color: #fff;} .list-product-main3 .scontent{color: #fff;} .list-product-main a p{ text-align: center; font-size: 16px; color: #727171; padding-top: .3rem; padding: 0 15px; } .list-product-main a p .stitle2{display: block;} .list-product-main a:hover p{color: #ee7700;} .list-product-main0{} .list-product-main0 li{width: 25%;} .list-product-main1{background-color: #f7f8f8;} .list-product-main1 li{width: 50%;} .list-product-main2{background-color: #efefef;} .list-product-main2 li{width: 33.3%;} .list-product-main2 li .pic{text-align: center;} .list-product-main2 li .pic img{width:75%;} .list-product-main3{background-color: #363636;} .list-product-main3 .list-list{ width: calc(100% - 530px); margin: 0 auto; } .list-product-main3 li{width: 100%;} .list-product-main3 li a{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; box-align: center; -moz-box-align: center; -webkit-box-align: center; } .list-product-main3 .pic{width: 50%;} .list-product-main3 .pic img{width: 85%;} .list-product-main3 a p { text-align: left; color: #fff; padding: 0; font-size: 18px; line-height: 1.6; } .list-product-main3 a p span{font-size: 16px;display: block;} /**/ .pbanner{margin-top: 120px;position: relative;} .pbanner img{width: 100%;} .pbanner .content{position: absolute;top: 0;height: 100%;left: 0;right: 0;} .pbanner .ys-container{height: 100%;} .pbanner .text{} .pbanner .text p{color: #fff;} .pbanner .text .p1{font-size: .48rem;} .pbanner .text .p2{font-size: .22rem;} .about-page-0{padding: 1rem 0;} .about-page-0 h1{font-size: .48rem;color: #727171;line-height: 1.4;padding: 0;margin:0;padding-bottom: .5remx;} .about-page-0 p{font-size: .18rem;color: #727171;line-height: 2.3;padding: 0;width: 93%;} .about-page-0 .wb-title{ font-size: .3rem; color: #ee7700; width: 3.6rem; padding-bottom: .25rem; padding-top: .5rem; margin-bottom: .25rem; border-bottom: 1px solid #727171; } .about-page-0 .wb-content{font-size: .18rem;color: #727171;} .about-page-0-r {padding-top: .1rem;text-align: right;} .about-page-0-r img{width: 6.28rem;} .about-page-1 {position: relative;} .about-page-1 img{width: 100%;} .about-page-1 .content{position: absolute;top: 50%;left: 0;right: 0;} .about-page-1 p{ font-size: .30rem; line-height: 2.3; color: #fff; width: 48%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); } .about-page-2 {padding: .2rem 0 1.5rem 0;} .about-page-2 h2{ text-align: center; font-size: .48rem; padding: 1rem 0; color: #727171; } .about-page-2 .about-list{ max-width: 1200px; margin: 0 auto; } .about-page-2 .about-list img{max-width: 590px;width: 100%;} .about-page-2 .about-list .swiper-slide{position: relative;} .about-page-2 .about-list .p1 { position: absolute; bottom: 10px; font-size: .24rem; color: #fff; line-height: 2.2; padding: 5px 0; left: 35px; right: 35px; border-top: 1px solid #fff; } .new-list li {padding: 50px 0;border-bottom: 1px solid #727171;} .new-list li a{display: block;} .new-list li .pic{ max-width: 460px; height: 0; padding-top: 56%; position: relative; overflow: hidden; } .new-list li .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .new-list li .content{ padding-left: 10px; color: #727171; } .new-list li .title { font-size: .24rem; line-height: 1.25; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 0.6rem; } .new-list li .title a:hover{color: #ee7700;} .new-list li .scontent { font-size: .16rem; line-height: 1.56; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: .50rem; margin: .25rem 0; } .new-list li .time{font-size: .18rem;padding-bottom: .42rem;} .new-list li .more { font-size: 14px; display: inline-block; } .new-list li .more a{background: #fff;color: #727171;border: 1px solid #727171;} .new-list li .more a:hover{background: #ee7700;color: #fff;border-color: #ee7700;} .news-show{margin-top: 120px;padding-bottom: 100px;} .news-show .location{font-size: 16px;color: #727171;padding: 45px 0;} .news-show .content img{max-width: 100%;height: auto !important;} .news-show .title{ font-size: 36px; text-align: center; line-height: 1.2; color: #727171; padding: 0 50px; } .news-show .info{ padding: 30px 0 50px; text-align: center; color: #727171; } .news-show .info > span{margin: 5px;} .sublist{border-bottom: 2px solid #ee7700;font-size: 0;} .sublist li{width: 200px;display: inline-block;} .sublist li a{font-size: 24px;color: #727171;display: block;line-height: 67px;text-align: center;} .sublist li:hover a, .sublist li.active a{color: #fff;background-color: #ee7700;} .pagination{ text-align: center; padding: .90rem 0 1.2rem 0; } .pagination li { min-width: 0.38rem; display: inline-block; border: 1px solid #727171; font-size: .18rem; line-height: 0.35rem; text-align: center; color: #727171; margin: 0.08rem; } .pagination li a{color: #727171;display: block; padding: 0 0.1rem;} .pagination li:hover, .pagination li.active{ background-color: #ee7700; color: #fff; border: 1px solid #ee7700; } .pagination li:hover a, .pagination li.active a{color: #fff;} .pbanner-join .text .p1 { padding-bottom: 130px;text-align: center; } .join-linian{} .join-linian .ys-1200{padding-top: .9rem;} .join-linian .ys-1200 > h1{font-size: .36rem; color: #727171;padding-bottom: 30px;font-weight: normal;} .join-linian .content{} .join{padding-bottom: 1.7rem;} .join .join-list{padding-top: .9rem;} .join .join-list > h1{font-size: .36rem; color: #727171;padding-bottom: .3rem;font-weight: normal;} .join-list li{margin-top: .65rem;} .join-list li .title{border-bottom: 1px solid #727171;cursor:pointer;} .join-list li .title span{float: left;font-size: .24rem;color: #727171;line-height: 3;} .join-list li .title i{float: right;font-size: .24rem;color: #727171;line-height: 3;} .join-list li .content{background-color: #f7f8f8;padding: .4rem .6rem;display: none;} .join .join-more{border-bottom: 1px solid #727171;padding-top: .9rem;padding-bottom: .9rem; margin-bottom: .6rem;} .join .join-more > h1{font-size: .36rem; color: #727171;padding-bottom: .5rem;font-weight: normal;} .join .join-more img{width: 2.67rem;} .join-info{} .join-info-l h1{font-size: .36rem; color: #727171;padding-bottom: .3rem;font-weight: normal;} .join-info-l p{line-height: 1.4;margin: 0;padding: 0;font-size: .24rem;} .join-info .join-info-r img{width: 2.3rem;} .guestbook-page{} .guestbook-page .guestbook-content{padding: .80rem 0 1.5rem;} .guestbook-content h1 { font-size: 0.48rem; text-align: center; font-weight: normal; padding: .2rem 0; } .fc-form-body .form-group{width: 48%;float: left;font-size: .18rem;color: #727171; border-bottom: 1px solid #727171;padding-top: .5rem;} .fc-form-body .form-group.fluid{width: 100%;} .fc-form-body .form-group:nth-child(2n){float: right;} .fc-form-body .form-group span{color: #ff0000;} .fc-form-body .form-group .name{float: left;line-height: .5rem;} .fc-form-body .form-group .input{ float: right; width: calc(100% - 120px); } .fc-form-body .form-group .input input{width: 100%; padding: 10px 0;outline:none;} .guestbook-content .myfooter{text-align: center;padding-top: .35rem;} .guestbook-content button{ font-size: .24rem; color: #727171; width: 1.9rem; line-height: .55rem; background-color: #fff; border: 1px solid #727171; display: inline-block; } .contact-list{ padding-bottom: 1.08rem; border-bottom: 2px solid #727171; } .contact-list .pic{border-bottom: 2px solid #e70;height: 0;padding-top: 79%;overflow: hidden;position: relative;} .contact-list .pic img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .contact-list .content{background-color: #f7f8f8;padding: .35rem .45rem;} .contact-list li .content .title{font-size: .36rem;} .contact-list li .content .title2{font-size: .18rem;padding: 24px 0 45px 0;} .contact-list li .content .address{font-size: .18rem;padding-top: .45rem;} .contact-info{padding: 1.3rem 0 1.6rem 0; } .contact-info .contact-info-l p{font-size: .24rem;} .contact-info .contact-info-l img{width: 2.37rem;} #allmap { width: 100%; height: 5.1rem; overflow: hidden; } #allmap b { color: #CC5522; font-size: 14px; } #allmap img { max-width: none; } /*浜у搧璇︽儏*/ .show-banner{width: 100%;height: 8rem;background-color: #e5e4e3;margin-top: 120px;} .show-banner > div{width: 90%;} .show-banner .ys-container, .show-banner .ys-container .row, .show-banner .ys-container .text{height: 100%;} .show-banner .text > div{padding-top: 30px;} .yuanlitu{position: absolute;top: 0; right: 0; width: 600px;} .yuanlitu .yuanlitu-bg img{height: 520px;} .yuanquan .yuanquan-title{color: #fff;font-size: 30px;} .yuanquan .yuanquan-text{color: #fff;font-size: 18px;} .yuanlitu .qiguan > div{position: absolute;} .product-7-yuanli-qiguan{position: absolute;} .yuanlitu .qiguan > div > div{visibility:hidden;} .yuanlitu .qiguan > div.on > div{visibility:visible;} .yuanquan{position: absolute;top:0;left: 0;bottom: 0;right: 0;} .yuanquan > div > img{position: absolute;z-index: 10;cursor:pointer} .yuanquan-content{position: absolute;left: 395px;display: none;} .on .yuanquan-content{display: block;} .yuanquan-content::after { content: ''; position: absolute; left: -15px; top: 21px; background-color: #fff; width: 7px; height: 7px; border-radius: 50%; } .yuanquan-content::before { content: ''; position: absolute; top: 24px; background-color: #fff; border-bottom: 1px solid #fff; z-index: 11; } /*灏勯娑堣瀺*/ .product-7-banner .text{width: 42.5%;float: left;} .product-7-banner .div1{font-size: .48rem;} .product-7-banner .div2{font-size: .48rem;;font-weight: lighter;} .product-7-banner .div3{font-size: .24rem;padding-top: 1.15rem;} .product-7-banner .pic{width: 57.5%;float: left;height: 100%;padding-top: 1rem;} .product-7-banner .pic img{width: 8.93rem;} .product-7-1 > div{ padding-top: 1.36rem; padding-bottom: 1.50rem; border-bottom: 1px solid #727171; } .product-7-1 li{text-align: center;} .product-7-1 li img{width: 1rem;} .product-7-1 .title{font-size: .30rem;padding: .2rem 0;} .product-7-1 .content{font-size: .2rem;padding: 0 15px;} .product-7-2 > div{padding-top: 1.30rem;padding-bottom: .9rem;width: 90%;} .product-7-2 .pic{width: 56%;float: left;} .product-7-2 .pic img{width: 7.12rem;} .product-7-2 .content{width: 44%;float: left;} .product-7-2 .content .title{font-size: .46rem;padding: .35rem 0;} .product-7-2 .content p{font-size: .22rem;} .product-7-3{background: url(../images/show-7-3-bg.jpg) no-repeat center / cover;width: 100%;height: 520px;} .product-7-3 > div, .product-7-3 > div > div{height: 100%;} .product-7-3 .content{max-width: 480px;} .product-7-3 .title { font-size: .46rem; color: #fff; padding-bottom: .70rem; } .product-7-3 p{font-size: 18px;color: #fff;line-height: 1.8;} .product-7-3 .yuanquan .yuanquan-1 img{top: 449px; left: 210px;} .product-7-3 .yuanquan .yuanquan-2 img{top: 289px; left: 249px;} .product-7-3 .yuanquan .yuanquan-3 img{top: 155px; left: 314px;} .product-7-3 .yuanquan .yuanquan-4 img{top: 245px; left: 203px;} .product-7-3 .yuanquan .yuanquan-5 img{top: 208px; left: 292px;} .product-7-3 .yuanquan .yuanquan-6 img{top: 143px; left: 248px;} .product-7-3 .yuanquan .yuanquan-7 img{top: 68px; left: 207px;} .product-7-3 .yuanquan .yuanquan-1 .yuanquan-content{top: 434px;} .product-7-3 .yuanquan .yuanquan-1 .yuanquan-content::before{left: -167px;width: 157px;} .product-7-3 .yuanquan .yuanquan-2 .yuanquan-content{top: 274px;} .product-7-3 .yuanquan .yuanquan-2 .yuanquan-content::before{left: -127px; width: 117px;} .product-7-3 .yuanquan .yuanquan-3 .yuanquan-content{top: 140px;} .product-7-3 .yuanquan .yuanquan-3 .yuanquan-content::before{left: -62px; width: 52px;} .product-7-3 .yuanquan .yuanquan-4 .yuanquan-content{top: 230px;} .product-7-3 .yuanquan .yuanquan-4 .yuanquan-content::before{left: -173px; width: 163px;} .product-7-3 .yuanquan .yuanquan-5 .yuanquan-content{top: 192px;} .product-7-3 .yuanquan .yuanquan-5 .yuanquan-content::before{left: -84px; width: 74px;} .product-7-3 .yuanquan .yuanquan-6 .yuanquan-content{top: 128px;} .product-7-3 .yuanquan .yuanquan-6 .yuanquan-content::before{left: -129px; width: 119px;} .product-7-3 .yuanquan .yuanquan-7 .yuanquan-content{top: 53px;} .product-7-3 .yuanquan .yuanquan-7 .yuanquan-content::before{left: -168px;width: 158px;} .product-7-yuanli-1{top: 433px; left: 170px;} .product-7-yuanli-2{top: 251px;left: 144px} .product-7-yuanli-3{top: 88px; left: 278px;} .product-7-yuanli-4{top: 199px; left: 133px;} .product-7-yuanli-5{top: 158px; left: 104px;} .product-7-yuanli-6{top: 98px; left: 126px;} .product-7-yuanli-7{top: 49px; left: 189px;} .product-7-4{padding: 1rem 0 .75rem 0;} .product-7-4 .product-7-4-title{font-size: .46rem;} .product-7-4 .product-7-4-p{font-size: .2rem;width: 50%;} /* .product-7-4-list{width: 1200px; margin: 0 auto;} .product-7-4-list ul{width: 1220px;} */ .product-7-4-list li{float: left;width: 33.333%;} .product-7-4-list .pic{} .product-7-4-list .title1{font-size: .30rem;width: 90%;text-align: center;} .product-7-4-list .title2 { font-size: .20rem; padding: 10px 0 0 0; width: 90%; text-align: center; height: 1rem; } .product-7-4-list .content{font-size: .18rem;width: 90%;} .product-7-5 {padding-bottom: 70px;} .product-7-5 .tab{border-bottom: 1px solid #ee7700;} .product-7-5 .tab li{background-color: #f7f8f8;width: 3.35rem;line-height: .65rem;margin-right: 5px;font-size: .24rem;text-align: center;cursor:pointer;float: left;} .product-7-5 .tab li:hover, .product-7-5 .tab li.on{color: #ee7700;background-color: #efefef;} .product-7-5 .table-list {padding-top: 26px;} .product-7-5 .table-list li{display: none;overflow-x: auto;} .product-7-5 .table-list li.on{display: block;} .product-7-5 .table-list .table td, .product-7-5 .table-list .table th { padding: 0; line-height: .50rem; font-size: .2rem; text-align: center; border-bottom: 0; border-right: 1px solid #fff; } .product-7-5 .table-list .table > thead > tr > th { background-color: #efefef; line-height: .65rem; font-weight: 400; color: #727171; border-right: 1px solid #fff; border-bottom: 1px solid #727171; } /*涓€娆℃€т娇鐢ㄦ椿妫€閽堝強瀹氫綅绯诲垪*/ .product-12-banner{background: url(../images/show-12-banner.jpg) no-repeat center / cover;} .product-12-banner > div {position: relative;} .product-12-banner .main-pic { position: absolute; bottom: 100px; /* right: -70px; */ left: 300px; } .product-12-banner .div1{font-size: .48rem;} .product-12-banner .div2{font-size: .48rem;font-weight: lighter;} .product-12-banner .div3{padding-top: .6rem;width: 3.50rem;} .product-12-banner .div3 li{width: 1.36rem;float: left;text-align: center;font-size: .28rem;margin-bottom: .55rem;margin-right: .30rem;} .product-12-banner .div3 img{width: 1rem;} .product-12-1{padding-bottom: 1.30rem;} .product-12-1-left{width: 50%;float: left;padding-top: 1.50rem;} .product-12-1-left .title{font-size: .48rem;padding-bottom: .50rem;} .product-12-1-left .content{max-width: 5.36rem;} .product-12-1-left .content p{font-size: .22rem;} .product-12-1-right{width: 50%;float: left;padding-top: 1.1rem;} .product-12-1-right img{width: 4.49rem;} .product-12-1-right .swiper-slide{text-align: center;} .product-12-1-right .product-12-1-button{padding-top: .3rem;width: 5.5rem; margin: 0 auto;} .product-12-1-right .product-12-1-button span { width: .55rem; border: 1px solid #727171; border-radius: 5px; float: right; text-align: center; line-height: .28rem; cursor:pointer; margin-left: 5px; } .product-12-1-right .product-12-1-button span i{font-size: .22rem;color: #727171;} .product-12-1-right .product-12-1-button span:hover{background-color: #aaa;} .product-12-1-right .product-12-1-button span:hover i{color: #fff;} .product-12-1-right .product-12-1-button .title{ float: left; font-size: .18rem; font-weight: bold; line-height: .3rem; } .product-12-2{width: 100%;height: 6.23rem;background: url(../images/product-12-2-bg.jpg)no-repeat center / cover;} .product-12-2 .container-fluid, .product-12-2 .row, .product-12-2 .row1{height: 100%;} .product-12-2 .title1{font-size: .48rem;color: #fff;} .product-12-2 .title2{font-size: .30rem;color: #fff;} .product-12-2 .content{font-size: .24rem;color: #fff;padding-top: .60rem;} .product-12-3{padding-bottom: 1.3rem;} .product-12-3 .product-12-1-left{float: right;} .product-12-3 .product-12-1-left .title{letter-spacing: -2px;} .product-12-3 .product-12-1-right{float: right;} .product-12-3 .product-12-1-right > div{padding-right: .7rem;} .product-12-4{width: 100%;height: 6.23rem;background: url(../images/product-12-4-bg.jpg)no-repeat center / cover;} .product-12-5 { padding-bottom: 1.3rem; } .product-12-5 .product-12-1-left .content { max-width: 100%; } /* .product-12-5 .product-12-1-right{padding-top: 1.8rem;} */ .product-12-5 .product-12-1-right img{width: 4.49rem;} .product-12-6 {background-color: #f7f8f8;margin-bottom: 1.25rem;} .product-12-6 .product-12-1-left{float: right;} .product-12-6 .product-12-1-left{float: right;} .product-12-6 .product-12-1-right img{width: 6.98rem;} /*闄¤剦鍐茬數鍦?/ .product-6-banner{background-color: #e5e6e5;} .product-6-banner .text{width: 42.5%;float: left;} .product-6-banner .div1{font-size: .48rem;} .product-6-banner .div2{font-size: .48rem;font-weight: lighter;} .product-6-banner .div3{font-size: .24rem;padding-top: 1.15rem;} .product-6-banner .div4{font-size: .40rem;} .product-6-banner .pic{width: 57.5%;float: left;padding-top: 1rem;height: 100%;} .product-6-banner .pic img{width: 7.15rem;} .product-6-1 .product-6-1-1{ padding-top: .9rem; padding-bottom: 1rem; border-bottom: 1px solid #727171; } .product-6-1 .product-6-1-1 .product-6-1-title{font-size: .46rem;padding-bottom: .8rem;} .product-6-1 .product-6-1-1 .pic{/*width: 150px;float: left;*/text-align: center;} .product-6-1 .product-6-1-1 .pic img{width: 1rem;} .product-6-1 .product-6-1-1 .text{/*float: left;padding-left: 30px;*/text-align: center; padding-top: 30px;} .product-6-1 .product-6-1-1 .text .title{font-size: .36rem;padding-bottom: 15px;} .product-6-1 .product-6-1-1 .text .content{font-size: .2rem;} .product-6-1 .product-6-1-2{padding-top: .8rem;padding-bottom: 1.36rem;} .product-6-1 .product-6-1-2 .title{font-size: .46rem;padding-top: .75rem; padding-bottom: .75rem;} .product-6-1 .product-6-1-2 .content{font-size: .20rem;width: 90%;line-height: 1.7;} .product-6-1 .product-6-1-2 .pic{text-align: center;} .product-6-1 .product-6-1-2 .pic img{width: 5.4rem;} .product-6-2{background: url(../images/show-7-3-bg.jpg) no-repeat center / cover;width: 100%;height: 520px;position: relative;margin-bottom: 1.7rem;} .product-6-2 .ys-1200{color: #fff;height: 100%;} .product-6-2 .text{color: #fff;height: 100%;} .product-6-2 .text .content{ position: relative; z-index: 9; } .product-6-2 .text .content .title{font-size: .46rem;padding-bottom: .60rem;} .product-6-2 .text .content .title2{font-size: .22rem;} .product-6-2 .yuanquan .yuanquan-1 img{top: 269px; left: 223px;} .product-6-2 .yuanquan .yuanquan-2 img{top: 402px; left: 209px;} .product-6-2 .yuanquan .yuanquan-3 img{top: 212px; left: 193px;} .product-6-2 .yuanquan .yuanquan-1 .yuanquan-content{top: 254px;} .product-6-2 .yuanquan .yuanquan-1 .yuanquan-content::before{left: -154px; width: 144px;} .product-6-2 .yuanquan .yuanquan-2 .yuanquan-content{top: 387px;} .product-6-2 .yuanquan .yuanquan-2 .yuanquan-content::before{left: -167px; width: 157px;} .product-6-2 .yuanquan .yuanquan-3 .yuanquan-content{top: 197px;} .product-6-2 .yuanquan .yuanquan-3 .yuanquan-content::before{left: -183px; width: 173px;} .product-6-yuanli-1{top: 254px; left: 181px;} .product-6-yuanli-2{top: 386px; left: 189px;} .product-6-yuanli-3{top: 173px; left: 140px;} /*涔宠吅鏃嬪垏娲绘绯荤粺<*/ .product-11-banner{background: linear-gradient(70deg, #e2e2e1, #fdfcfc);} .product-11-banner .text{width: 45%;float: left;} .product-11-banner .div1{font-size: .48rem;} .product-11-banner .div2{font-size: .48rem;font-weight: lighter;} .product-11-banner .div3{font-size: .24rem;padding-top: 1.15rem;} .product-11-banner .div4{font-size: .4rem;} .product-11-banner .pic{width: 50%;float: left;padding-top: .45rem;text-align: center;} .product-11-banner .pic img{width: 4.26rem;} .product-11-1{padding-bottom: 126px;} .product-11-1 ul{} .product-11-1 ul li{width: 33.3%;text-align: center;margin-top: .70rem;} .product-11-1 ul li img{width: 1rem;} .product-11-1 .title{font-size: .36rem;padding-top: 20px; padding-bottom: 5px;} .product-11-1 .content{font-size: .24rem;} .product-11-2{ background: url(../images/product-11-2-bg.jpg) no-repeat center / cover; width: 100%; height: 8.4rem; position: relative; } .product-11-2-bg{position: absolute;right: 0;left: 50%;} .product-11-2-bg img{width: 100%;} .product-11-2 .text{max-width: 6.5rem;color: #fff;} .product-11-2 .title{font-size: .48rem;} .product-11-2 .content{font-size: .24rem;padding: .8rem 0;position: relative; z-index: 1;} .product-11-2 .ys-1200{height: 100%;} .product-11-2 .col-md-6,.product-11-2 .col-md-6 .row {height: 100%;} /* .product-11-3 .ys-1200{border-bottom: 1px solid #727171;} */ .product-11-3 .col-md-6{height: 11.1rem;} .product-11-3 .pic img{width: 4.26rem;} .product-11-3 .title{font-size: .48rem;padding-bottom: .95rem;} .product-11-3 .content{font-size: .24rem;} .product-11-4 {padding-bottom: .75rem;} .product-11-4 .product-11-4-title{font-size: .48rem;padding-top: .95rem; padding-bottom: 1rem;} .product-11-4 li{width: 3.7rem;} .product-11-4 li img{width: 100%;} .product-11-4 li .content{font-size: .24rem;line-height: 1.78;padding-top: 15px;} /*灏勯鐢垫尝鍒€<*/ .product-8-banner{background: linear-gradient(70deg, #e2e2e1, #fdfcfc);} .product-8-banner .text{width: 45%;float: left;} .product-8-banner .div1{font-size: .48rem;} .product-8-banner .div2{font-size: .48rem;font-weight: lighter;} .product-8-banner .div3{font-size: .24rem;padding-top: 1.15rem;width: 86%;} .product-8-banner .div4{font-size: .4rem;} .product-8-banner .pic{width: 50%;float: left;padding-top: .45rem;text-align: center;height: 100%;} .product-8-banner .pic img{width: 6rem;} .product-8-1{padding-bottom: 1.26rem;} .product-8-1 ul{} .product-8-1 ul li{width: 25%;text-align: center;margin-top: .77rem;} .product-8-1 .title{font-size: .36rem;padding-top: .2rem; padding-bottom: 5px;} .product-8-1 .content{font-size: .2rem;} .product-8-2{ background: url(../images/product-8-2-bg.jpg) no-repeat center / cover; width: 100%; height: 8.4rem; position: relative; } .product-8-2-bg{position: absolute;right: 0;left: 50%;} .product-8-2-bg img{width: 100%;} .product-8-2 .text{max-width: 6.50rem;color: #fff;} .product-8-2 .title{font-size: .56rem;} .product-8-2 .content{font-size: .24rem;padding: .80rem 0;position: relative; z-index: 1;} .product-8-2 .ys-1200{height: 100%;} .product-8-2 .col-md-6,.product-8-2 .col-md-6 .row {height: 100%;} .product-8-3 {padding-bottom: 2rem;} .product-8-3 .col-md-6{height: 11.1rem;} .product-8-3 .title{font-size: .3rem;text-align: center;} .product-8-3 h2 { font-size: .55rem; margin-top: 1.60rem; margin-bottom: 1rem; } .product-8-3 .content{font-size: .24rem;} .product-8-4 {padding-bottom: .75rem;} .product-8-4 .product-8-4-title{font-size: .56rem;padding-top: .95rem; padding-bottom: 1rem;} .product-8-4 li{width: 3.7rem;} .product-8-4 li img{width: 1rem;} .product-8-4 li .content{font-size: .24rem;line-height: 1.78;padding-top: .15rem;} /*鐗垫槦庐 GNV-F1 CT寮曞绌垮埡浠嬪叆鎵嬫湳瀵艰埅绯荤粺 */ .product-13-banner{background: url(../images/product-13-bg.jpg) no-repeat center / cover;} .product-13-banner .text{} .product-13-banner .div1{font-size: 0.48rem;color: #ee7700;} .product-13-banner .div2{font-size: 0.48rem;padding-bottom: 1.5rem;} .product-13-banner .div3{font-size: .38rem;padding-bottom: 15px;} .product-13-banner .div4{font-size: .24rem;line-height: 1.6;} .product-13-1 ul{height: 7.9rem;} .product-13-1 li{width: 250px;text-align: center;} .product-13-1 .pic img{width: 1rem; } .product-13-1 .content{font-size: .3rem;padding-top: .5rem;} .product-13-2{width: 100%;position: relative;height: 10rem;} .product-13-2 .product-13-2-bg{width: 100%;position: absolute;top: 0.75rem;left: 0;z-index: 1;} .product-13-2 .product-13-2-bg img{width: 100%;} .product-13-2 .product-13-2-pic{width: 32.4%;position: relative;z-index:2;float: left;} .product-13-2 .product-13-2-pic img{width: 100%;} .product-13-2 .content{position: relative;z-index:2;width: 50%;float: right;color: #fff;margin-top: 2rem;} .product-13-2 .content .title{font-size: 0.48rem;} .product-13-2 .content .title-p{font-size: 0.3rem;} .product-13-2-list1{padding: 0.8rem 0;} .product-13-2-list1 li{margin-right: 0.6rem;text-align: center;} .product-13-2-list1 li p{font-size: 0.22rem;} .product-13-2 .content li{float: left;} .product-13-2 .content li img{width: 0.81rem;} .product-13-2 .content .title2{font-size: 0.4rem;} .product-13-2-list2 li{margin-right: 0.6rem;} .product-13-2-list2 li p{font-size: 0.2rem;} .product-13-2-list2 li>span{font-size: 0.32rem;} .product-13-3{padding-bottom: 1.28rem;background-color: #eeeeee;} .product-13-3 .swiper-wrapper{} .product-13-3 .swiper-wrapper .swiper-slide{text-align: left;width: 50%;} .product-13-3 .swiper-wrapper .swiper-slide2{text-align: right;} .product-13-3 .swiper-wrapper img{ width: calc(100% - 5px); height: calc(100% - 10px); object-fit: cover; } @media screen and (max-width:992px) { .product-13-3 .swiper-wrapper .swiper-slide{height: auto;width: 100%;} .product-13-3 .swiper-wrapper img{width: 100%;height:auto;} } .product-13-3 .title{font-size: .6rem;text-align: center;padding-top: 1.1rem;} .product-13-3 .content { font-size: .24rem; text-align: center; max-width: 9.3rem; margin: 0 auto; padding-top: .5rem; padding-bottom: .8rem; } .product-13-3 .scontent{font-size: .24rem;padding-bottom: 15px;} .product-13-4{background-color: #fff;} .product-13-5{background: url(../images/product-13-5-bg.jpg) no-repeat center / cover;height: 8.18rem;margin-bottom: 1.8rem;} .product-13-5 > .ys-container, .product-13-5 > .ys-container > .row, .product-13-5 > .ys-container > .row1{height: 100%;} .product-13-5 .content{font-size: .6rem;color: #fff;} .product-13-6 {padding-top: 1.8rem;padding-bottom: 1.45rem;} .product-13-6 .product-13-6-2{width: 5.35rem;} .product-13-6 .product-13-6-1{width: 5.35rem;} .product-13-6 .title{font-size: .48rem;line-height: 1.3;padding-bottom: .40rem;} .product-13-6 .content{font-size: .24rem;line-height: 1.5;height: 1.08rem;margin-bottom: .75rem;} /*闈欒剦鑵斿唴灏勯娑堣瀺*/ .product-4-banner{background: url(../images/show-4-banner.jpg) no-repeat center / cover;} .product-4-banner{background-color: #e5e6e5;} .product-4-banner .text{width: 50%;float: left;color: #fff;} .product-4-banner .div1{font-size: .48rem;} .product-4-banner .div2{font-size: .48rem;font-weight: lighter;} .product-4-banner .div3{font-size: .24rem;padding-top: 1.15rem;} .product-4-banner .div4{font-size: .40rem;} .product-4-banner .pic{width: 50%;float: left;padding-top: 2.45rem;} .product-4-banner .pic img{width: 8rem;} .product-4-1{height: 6.56rem;} .product-4-1 .ys-1200, .product-4-1 .ys-1200 ul{height: 100%;} .product-4-1 li{text-align: center;} .product-4-1 li img{width: 1rem;} .product-4-1 li .title{font-size: .36rem;padding: 15px 0;} .product-4-1 li .content{font-size: .20rem;line-height: 1.8;height: 1.08rem;} .product-4-2{padding-top: .80rem;padding-bottom: .80rem;margin-bottom: .95rem;} .product-4-2 .product-4-2-title{font-size: .46rem;} .product-4-2 .pic{padding: .75rem 0;text-align: center;} .product-4-2 .table-list {padding-top: .26rem;overflow-x: auto;} .product-4-2 .table-list .table td, .product-4-2 .table-list .table th { padding: 0; line-height: .50rem; font-size: .20rem; text-align: center; border-bottom: 0; border-right: 1px solid #fff; } .product-4-2 .table-list .table > thead > tr > th { background-color: #dcdcdc; line-height: .65rem; font-weight: 400; color: #727171; } .table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th { background-color: #efefef; } .product-4-3{ background: url(../images/product-4-3-bg.jpg) no-repeat center / cover; width: 100%; height: 8.4rem; position: relative; } .product-4-3-bg{position: absolute;right: 0;left: 50%;} .product-4-3-bg img{width: 100%;} .product-4-3 .text{margin-left: 10%;color: #fff;} .product-4-3 .title{font-size: .48rem;} .product-4-3 .content{font-size: .24rem;padding: .8rem 0;position: relative; z-index: 1;} .product-4-3 .ys-1200{height: 100%;} .product-4-3 .col-md-6,.product-4-3 .col-md-6 .row {height: 100%;} .product-4-3 .pic img{width: 6.18rem;} .product-4-4 > div{padding-top: 1.7rem;/*padding-bottom: 1.2rem;border-bottom: 1px solid #adadad;*/padding-bottom: 0.6rem;} /* .product-4-4 .pic{width: 56%;float: left;} */ .product-4-4 .pic img{width: 5.65rem;} .product-4-4 .content{margin-left: 10%;} .product-4-4 .content .title{font-size: .46rem;padding: .35rem 0;} .product-4-4 .content p{font-size: .22rem;} /*鑲跨槫寰尝娑堣瀺绯荤粺*/ .product-5-banner{background-color: #e5e6e5;} .product-5-banner .text{width: 50%;float: left;color: ##e5e6e5;;} .product-5-banner .div1{font-size: .48rem;} .product-5-banner .div2{font-size: .48rem;font-weight: lighter;} .product-5-banner .div3{font-size: .24rem;padding-top: 1.15rem;color: #717071;} .product-5-banner .div4{font-size: .40rem;} .product-5-banner .pic{width: 50%;float: left;padding-top: 2.1rem;text-align: center;} .product-5-banner .pic img{width: 6.8rem;} .product-5-1 .product-5-1-1{ padding: 1.8rem 0;} .product-5-1 .product-5-1-1 .product-5-1-title{font-size: .46rem;padding-bottom: .8rem;} .product-5-1 .product-5-1-1 .pic{/*width: 150px;float: left;*/text-align: center;} .product-5-1 .product-5-1-1 .pic img{width: 1rem;} .product-5-1 .product-5-1-1 .text{/*float: left;padding-left: 30px;*/text-align: center; padding-top: 30px;} .product-5-1 .product-5-1-1 .text .title{font-size: .36rem;padding-bottom: 15px;} .product-5-1 .product-5-1-1 .text .content{font-size: .2rem;}