.idx-wrap{padding-top: 51px;} @media (min-width: 992px){.idx-wrap{padding-top: 87px;}} .idx-banner{position: relative; background-color: #000; height: 91vh;} .idx-banner .swiper-container{width: 100%;height: 100%;} .idx-banner .headbg{position: absolute; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat;background-size: cover;background-position: center center; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .idx-banner .swiper-slide{background: no-repeat center center;} .idx-banner .swiper-slide-active .founder{animation: fadeinup 1s .5s;-webkit-animation: fadeinup 1s .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .idx-banner .swiper-slide-active h3{animation: bouncein 1s 1s;-webkit-animation: bouncein 1s 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .idx-banner .swiper-slide-active .text-uppercase{animation: fadeinup .7s 1.5s;-webkit-animation: fadeinup .7s 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .idx-banner .swiper-slide-active .found-time{animation: fadeinleft .7s 2s;-webkit-animation: fadeinleft .7s 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .idx-banner .headbg::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.2); background-repeat: repeat-x; z-index: 1;} .idx-banner .weui-cell{width: 100%;top: 0;left: 0;bottom: .8rem;padding: 15px 0;} .idx-banner .weui-cell .head-text{color:#fff; padding: 0 5%;} .idx-banner .weui-cell .head-text p.founder{display: inline-block; padding: 0 3.8vw; line-height: 36px; font-size: 18px; border:2px solid #fff;} .idx-banner .weui-cell .head-text h3{font-size: 3.6vw;line-height: 1.4;} .idx-banner .weui-cell .head-text p.text-uppercase{font-size: 12px;} .idx-banner .weui-cell .head-text p.found-time{font-size: 18px;letter-spacing: 2.5vw; padding-left: 2.5vw; margin-top: .7rem;} .idx-banner .swiper-pagination-bullet{width: 15px; height: 15px; border:2px solid #fff; display: inline-block; border-radius:0; opacity: 1; background: transparent;} .idx-banner .swiper-pagination-bullet-active{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);} .idx-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;-webkit-transition: all .3s;transition: all .3s;} .idx-banner .swiper-button-next,.idx-banner .swiper-button-prev{height: 44px; margin-top: -22px; z-index: 12; cursor: pointer; font-size: 20px; color:#fff; line-height: 44px; background-image: none; -webkit-transition: all .3s; transition: all .3s;} .idx-banner .swiper-button-prev{left: 0; text-align: right;} .idx-banner .swiper-button-next{right: 0; text-align: left;} .idx-banner .swiper-button-next::after,.idx-banner .swiper-button-prev::after{content: ""; position: absolute; display: block; height: 2px; top: 50%; margin-top: -1px; background-color: #fff; -webkit-transition: all .3s; transition: all .3s;} .idx-banner .swiper-button-prev::after{right: 44px; left: 0;} .idx-banner .swiper-button-next::after{left: 44px; right: 0;} .idx-banner .swiper-container-horizontal>.swiper-pagination-bullets, .idx-banner .swiper-pagination-custom, .idx-banner .swiper-pagination-fraction{bottom: .96rem;} @media (min-width: 640px){.idx-banner .swiper-button-next,.idx-banner .swiper-button-prev{width: 8.13%;}} @media (min-width: 1200px){ .idx-banner .weui-cell .head-text h3{font-size: 3.125vw;} .idx-banner .swiper-button-next,.idx-banner .swiper-button-prev{width: 8.6%;} .idx-banner .swiper-button-prev:hover{padding-right: 10px;} .idx-banner .swiper-button-prev:hover::after{right: 54px;} .idx-banner .swiper-button-next:hover{padding-left: 10px;} .idx-banner .swiper-button-next:hover::after{left: 54px;} } .banner-img{position: fixed; top: 0; left: 0; right: 0; overflow: hidden; -webkit-transform: translatez(0);} .banner-img img{margin: 0 auto;} @media (min-width: 1600px){.idx-banner .swiper-button-next,.idx-banner .swiper-button-prev{width: 7.632%;}} @media(max-width: 639px){ .idx-banner{height: 93vh;} .idx-banner .weui-cell .head-text h3{font-size: 6.4vw;} .banner-img img{max-width: 130%; margin-left: -15%;} } .space-between{display: -webkit-flex; display: flex; flex-direction:column; justify-content: space-between; height: 100%;} .quality-super-group{background-image: ;background-size: cover;background-repeat: no-repeat;padding: 0.7rem 0 0.5rem;} .quality-super-group .split-line{width: 14px; height: 5px; background-color: #292929; margin-bottom: 14.7vw;} .quality-super-group .qua-left .careful{margin-top: 0; font-size: .56rem; color:#a5201d; line-height: 1.4;} .quality-super-group .qua-left p{font-size: 16px; color: #999999;} .qua-left .weui-cell{height: 100%;} .qua-right{float: right;} .qua-right .total-assets{margin-top: 4.5vw;} .qua-right .regist-capital, .qua-right .quality-certifi{margin-top: 3.5vw;} .qua-right .total-assets h3, .qua-right .regist-capital h3, .qua-right .quality-certifi h3{font-size: .78rem; color: #9f0d09;} .qua-right .total-assets h3 i, .qua-right .regist-capital h3 i, .qua-right .quality-certifi h3 i{position: relative;top: .1rem;font-style: normal;} .qua-right .total-assets h3 span, .qua-right .regist-capital h3 span, .qua-right .quality-certifi h3 span{font-size: 22px; color: #9f0d09; width: 34px; display: inline-block; text-align: center; border: 3px solid #9f0d09; font-family: 'microsoft yahei'; font-weight: 400; padding: 5px 0; margin-left: 8px;} .qua-right .total-assets p, .qua-right .regist-capital p, .qua-right .quality-certifi p{font-size: 22px; color: #585858;} .qua-mid .weui-cell{height: 100%;} .qua-mid a{font-size: 12px; color: #3a3a3a; line-height: 34px; padding: 0 15px; display: block; margin: 50px auto 10px; width: 120px; border:1px solid #727272; position: relative; font-weight: 600; border-radius: 5px; -webkit-border-radius:5px; z-index: 1; -webkit-transition: all .3s; transition: all .3s;} .qua-mid a::after{content: "";position: absolute;width: 0;height: 100%;top: 0;left: 0;background-color: #9f0d09;z-index: -1;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;} .qua-mid .qilin-box{position: relative; display: inline-block; margin-bottom: 1rem;} .qua-mid .qilin-box div.pr{z-index: 1; -webkit-transition: all .7s; transition: all .7s;} .qua-mid .foot-mark{position: absolute; left: 9%; bottom: -25%; width: 82%; opacity: 0; -webkit-perspective: 400; perspective: 400; -webkit-transform: translatey(-20px); transform: translatey(-20px); -webkit-transition: all .7s; transition: all .7s;} .qua-mid .foot-mark img{-webkit-transform: rotatex(70deg); transform: rotatex(70deg);} @-moz-document url-prefix(){.qua-mid .foot-mark{left: 4%; bottom: -30%; width: 92%;}} @media (min-width: 640px){ .qua-left{position: absolute; left: 0; top: 0; bottom: 0;} .quality-super-group .qua-left .careful{position: absolute; left: 0; top: 0;} .quality-super-group .split-line{position: absolute; top: 50%; left: 0;} .qua-mid{position: absolute; top: 0; bottom: 0; left: 33.33333333%;} .qua-mid .qilin-box{max-width: 66%;} .qua-mid a{position: absolute; left: 50%; bottom: 0; margin-left: -60px;} } @media (min-width: 1200px){ .qua-mid .qilin-box{margin-bottom: 1.8rem;} .qua-mid .qilin-box div.pr{-webkit-transform: translatey(50px); transform: translatey(50px);} .qua-mid .qilin-box:hover div.pr, .qua-mid .qilin-box:hover .foot-mark{-webkit-transform: translatey(0); transform: translatey(0);} .qua-mid .qilin-box:hover .foot-mark{opacity: .12;} .qua-mid a:hover{border-color: #9f0d09; color: #fff;} .qua-mid a:hover::after{width: 100%;} } @media (max-width: 1199px){ .qua-mid .foot-mark{bottom: -28%; left: 4%; width: 92%;} .qua-mid .qilin-box div.pr, .qua-mid .qilin-box .foot-mark{-webkit-transform: translatey(0);} .qua-mid .qilin-box .foot-mark{opacity: .12;} } @media (max-width: 991px){ .qua-right .total-assets h3, .qua-right .regist-capital h3, .qua-right .quality-certifi h3{font-size: .64rem;} .qua-right .total-assets h3 i, .qua-right .regist-capital h3 i, .qua-right .quality-certifi h3 i{top: -.05rem;} .qua-right .total-assets h3 span, .qua-right .regist-capital h3 span, .qua-right .quality-certifi h3 span{font-size: 16px; width: 26px; border-width: 2px;} } @media (max-width: 639px){ .quality-super-group .col-sm-4{text-align: center;} .quality-super-group .split-line{margin-top: 14.7vw; margin-left: auto; margin-right: auto;} .qua-mid{margin-bottom: 10vw;} .qua-mid .qilin-box{width: 50%; margin: 10vw auto;} .qua-right .total-assets p, .qua-right .regist-capital p, .qua-right .quality-certifi p{font-size: 18px;} .qua-right .total-assets, .qua-right .regist-capital, .qua-right .quality-certifi{margin-top: 11vw;} } .excellent-case{position: relative; padding-bottom: 1rem; background-image: ;background-size: cover;background-repeat: no-repeat;background-position: center;} .excellent-case .weui-cell__bd{color: #fff;} @media (min-width: 1200px){ .excellent-case{background-attachment: fixed;} } .latest-information .weui-cell__bd{color: #9f0d09;} .cases .weui-cell__bd h3{font-size: .52rem;} .excellent-case .weui-cell__ft a{color: #fff;border:1px solid #fff;} .latest-information .weui-cell__ft a{color: #282828;border:1px solid #2c2c2c;} .excellent-case .title{margin-top: .77rem; margin-bottom: .87rem;} .cases .weui-cell__ft a{display: inline-block;text-align: center;padding: 5px 15px;font-size: 12px;border-radius: 4px;-webkit-border-radius: 4px;line-height: 25px;width: 177px;position: relative;z-index: 1;font-weight:600;} .cases .weui-cell__ft a em{width: 0;height: 100%;top: 0;left: 0;z-index: -1;background-color: #9f0d09;} .cases .weui-cell__ft a:hover{color: #fff;border:1px solid #9f0d09;} .cases .weui-cell__ft a:hover em{width: 100%;} @media (max-width: 639px){ .cases .weui-cell__ft a{width: 114px;} .excellent-case .title{margin-top: .37rem; margin-bottom: .47rem;} .cases .weui-cell__bd p{font-size: 14px;} } .fine-quality-items .col-md-3{background-color: #fff; padding: 0;} .fine-quality-items .box{position: relative; padding: 30px 20px;background-color: #fff;display: block;} .fine-quality-items .box h3{font-size: 26px;color: #333333;margin-top: 0;} .fine-quality-items .box p{font-size: 16px;color: #999999;margin-bottom: 20px;} .fine-quality-items .textbox{top: 0; z-index: 1; -webkit-transition: all .35s .1s; transition: all .35s .1s;} .fine-quality-items .after{display: none; position: absolute; left: -10px; top: -15px; bottom: -15px; right: -10px; background: no-repeat center; background-size: cover; -webkit-transform-origin: 50% 73%; transform-origin: 50% 73%; -webkit-transform: scale(0.8,0.62); transform: scale(0.8,0.62); -webkit-transition: all .7s cubic-bezier(0.23, 1, 0.38, 1); transition: all .7s cubic-bezier(0.23, 1, 0.38, 1);} @media (min-width: 1200px){ .fine-quality-items .after{display: block; opacity: 0;} .fine-quality-items .col-md-3:hover{z-index: 2;} .fine-quality-items .col-md-3:hover .textbox{top: -30px;} .fine-quality-items .col-md-3:hover h3, .fine-quality-items .col-md-3:hover p{color: #fff;} .fine-quality-items .col-md-3:hover p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: pre-wrap;} .fine-quality-items .col-md-3:hover .after{opacity: 1; -webkit-box-shadow: 0 3px .73rem rgba(0,0,0,.38); box-shadow: 0 3px .73rem rgba(0,0,0,.38); -webkit-transform: scale(1); transform: scale(1);} } @media (min-width: 1400px){.fine-quality-items .after{-webkit-transform: scale(0.82,0.65); transform: scale(0.82,0.65);}} @media (min-width: 1660px){.fine-quality-items .after{-webkit-transform: scale(0.84,0.68); transform: scale(0.84,0.69);}} @media (min-width: 1880px){.fine-quality-items .after{-webkit-transform: scale(0.84,0.72); transform: scale(0.86,0.72);}} @media (max-width: 639px){ .fine-quality-items .col-md-3{margin-bottom: 0;} .fine-quality-items .box{padding-top: 15px; padding-bottom: 15px;} .fine-quality-items .box h3{font-size: 22px;} } .latest-information{background-color: #f3f3f3;padding-top: 0.8rem;} .infor-banner{position: relative; background-color: #fff;margin-top: .7rem;} .infor-banner::before{position: absolute; display: block; content: ""; right: -10%; top: 0; bottom: 0; width: 30%; background: #fff;} .infor-banner .infor-text{padding: 0.3rem 3.8vw; color: #fff; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.5);} .infor-banner .infor-text .year-month h3{margin-bottom: 0; font-size: .4rem; line-height: 1; font-family: "akzidenz"; color: #373737;padding: 2px .34rem;background-color: #fff;margin-top: 6px;} .infor-banner .infor-text .year-month p{margin-bottom: 0; font-size: 26px; font-family: "akzidenz";} .infor-banner .infor-text .text-box{margin-left: 3.4vw; overflow: hidden;} .infor-banner .infor-text .text-box h3{font-size: 24px;margin-top: 0;} .infor-banner .infor-text .text-box p{margin-bottom: 0; width: 88%;height:52px;font-size: 16px;line-height:26px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .enterprise-items{height: 100%;} .enterprise-items .enterprise-item .weui-cell{padding: 0; height: 100%;} .enterprise-items ul{height: 100%; margin: 0; padding: 0;} .enterprise-items .enterprise-item{position: relative; z-index: 1; height: 25%;} .enterprise-items .enterprise-item::after{content: "";position: absolute;top: 0;right: -24%;height:0;width:0;background-color: #9f0d09;z-index: -1;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;} .enterprise-items .year-month{width: 29%; text-align: center; white-space: nowrap;} .enterprise-items .year-month h3{margin-bottom: 0; font-size: .44rem; font-family: "akzidenz"; color: #373737;margin-top: 0;} .enterprise-items .year-month p{margin-bottom: 0; font-size: 12px;color: #373737;} .enterprise-items .text-box h3{font-size: 24px;color: #373737;margin-top: 5px;margin-bottom: 15px;} .enterprise-items .text-box p{margin-bottom: 0; color: #999999;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .enterprise-items .enterprise-item{cursor: pointer;} .enterprise-items .enterprise-item.on::after{width: 132%;height: 100%;} .enterprise-items .enterprise-item.on h3{color: #fff !important;} .enterprise-items .enterprise-item.on p{color: #fff !important;} .cooperative-partner .title-top{margin-top: 7.8vw;margin-bottom: 5vw;} .cooperative-partner .title-top h3{font-size: .48rem; color: #2e2e2e;} .cooperative-partner .img-box{overflow: hidden;cursor: pointer;} .cooperative-partner .img-box img{margin-left: auto; margin-right: auto;-webkit-transition: all .3s; transition: all .3s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);} .cooperative-partner{margin-bottom: 1.5rem;} .banner-img .weui-cell{width: 100%; bottom: 0; top: 45px; left: 0;} .banner-img .weui-cell__bd h3{font-size: .44rem; color: #fff;} @media (min-width: 992px){ .banner-img .weui-cell{top: 87px;} .latest-information .col-md-5{position: absolute; right: 0; top: 0; bottom: 0;} } @media (min-width: 1200px){ .cooperative-partner .partner-img-items .img-box:hover{box-shadow: 0 0 50px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.2);} .cooperative-partner .partner-img-items .img-box:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);} } @media (max-width: 1460px){ .enterprise-items .enterprise-item::after{right: -28%;} .enterprise-items .enterprise-item.on::after{width: 138%;} } @media (max-width: 1199px){ .infor-banner .infor-text .year-month{width: 19%;} .infor-banner .infor-text .text-box p{width: 100%;} .enterprise-items .text-box h3{margin-bottom: 8px;} } @media (max-width: 639px){ .banner-img .weui-cell__bd h3{font-size: .48rem; font-weight: bold;} .latest-information{padding-top: .37rem; padding-bottom: .54rem;} .cooperative-partner .title-top h3{font-size: .54rem;} .infor-banner .infor-text{padding: 10px;} .infor-banner .infor-text .year-month h3{font-size: 30px; padding: 2px 20px;} .infor-banner .infor-text .year-month p, .infor-banner .infor-text .text-box h3{font-size:16px;} .infor-banner .infor-text .text-box p{height: 36px; font-size: 12px; line-height: 18px;} .enterprise-items .year-month h3{ text-align: center;} .enterprise-items .text-box h3{font-size: 18px;} .enterprise-items .enterprise-item{padding: 0;} .infor-banner .infor-text .text-box, .enterprise-items .text-box{margin-left: 30px;} } .pagelist{margin-top: 4.6vw; margin-bottom: 6.6vw; text-align: center;} .pagelist ul{display: inline-block; margin: 0; padding: 0;} .pagelist li{float: left;} .pagelist li a{font-size: 16px; color: #363636; display: inline-block; position: relative; margin: 0 5px; line-height: 24px;} .pagelist li.prev a::after, .pagelist li.next a::after{content: "";position: absolute;width: 10px;height: 10px;border-top:1px solid #999999;top: 50%;left: 50%;margin-top: -5px;} .pagelist li.prev a::after{border-left:1px solid #999999; margin-left: -2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);} .pagelist li.next a::after{border-right:1px solid #999999; margin-left: -8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);} .pagelist li.jump a{text-align: center; font-size: 12px; color: #999999; width: 24px; height: 24px; background-color:#f3f3f3;} .pagelist li.page-num.on a{background-color: #9f0d09;color: #fff;} .pagelist .first-page, .pagelist .last-page{margin: 0 20px;} .pagelist li input[type='text']{width: 58px; border:1px solid #999999; margin: 0 10px 0 15px; text-align: center;} .pagelist li .go{background-color: #9f0d09; color: #fff; padding: 2px 15px; text-align: center;} @media(max-width: 639px){.pagelist .first-page, .pagelist .last-page{margin: 0 8px;}} .search-top input::-webkit-input-placeholder{color: #a9a9a9;} .search-top input:-moz-placeholder{color: #a9a9a9;} .search-top input::-moz-placeholder{color: #a9a9a9;} .search-top input:-ms-input-placeholder{color: #a9a9a9;} .search-top{margin-top: 5px;} .search-top .search::before{content: "";position: absolute;top: 50%;left: 0;width: 18px;height: 18px;margin-top: -9px;background-image: ;background-position: center;background-size: 100%;background-repeat: no-repeat;} .search-top .search::after{content: "";position:absolute;width: 92%;height: 1px;bottom:0;left: 0;background-color: #a9a9a9;} .search-top .search input[type='text']{background-color: transparent; padding: 8px 15px 8px 30px; width: 92%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .select-product-name{margin-left: -5px; margin-right: -5px;} .select-product-name a{display: block; margin: 5px; padding: 0 5px; font-size: 16px;color: #333333;line-height: 42px;text-align: center;background-color: #fff;position: relative;border: 1px solid #dedede;} .select-product-name a.on{background-color: #920003; color: #fff;} .product-main{background-color: #eeeeee;padding-top: 0.55rem;} .product-items{margin-top: .5rem; margin-left: -11px; margin-right: -11px;} .product-items .item{position: relative; top: 0; margin: 11px; border: 1px solid #dedede;} .product-items .item .item-top{background: #fff no-repeat center center; overflow: hidden;} .product-items .item .item-name{display: block; padding: .2rem; font-size: 22px; line-height: 30px; min-height: 30px; color: #3d3d3d; text-align: center; background-color: #f4f4f4; border-top: 1px solid #dedede;} .product-design .design-r{width: 54%; margin: 0 auto;} .product-design .design-r h3{font-size: .32rem;color: #2e2e2e;} .product-design .design-r p{font-size: 16px;color: #999999; line-height: 1.8; margin-top: .5rem;} .product-two .foot-img{padding: 0 15px; margin-top: .6rem; margin-bottom: 1.5rem;} .product-main img{margin: 0 auto; max-width: 100% !important; height: auto !important;} @media (max-width: 1600px){.product-design .design-r{width: 67%;}} @media (max-width: 1400px){.product-design .design-r{width: 77%;}} @media (max-width: 1199px){.product-design .design-r{width: 85%;}} @media (max-width: 991px){ .search-top .search{margin-bottom: 20px;} .search-top .search input[type='text'], .search-top .search::after{width: 100%;} .product-design .design-r{width: 100%;} .product-design .design-r h3{font-size: 22px;} } @media (max-width: 639px){ .product-design .weui-cell{display: block;} .select-product-name .box-name{margin-bottom: 10px;} .product-items .item .item-name{font-size: 18px;} } @media (min-width: 1200px){ .select-product-name a:hover{background-color: #920003; color: #fff;} .product-items .item:hover{top: -10px; -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.15);} .product-items .item:hover .item-name{color: #920003;} } /*案例列表*/ .case-list-main{background-color: #eee; padding-top: 0.4rem;} .case-list-main .case-items .col-xs-12{margin-bottom: .3rem;} .case-items{margin-top: .45rem;} .case-items .imgbox{position: relative; background: #fff no-repeat center center;} .case-items .box .foot{background-color: #fff;padding: .2rem .6rem .2rem .3rem;font-size: .28rem; line-height: .4rem; color: #333333;position: relative;} .case-items .box .foot::after{content: ""; position: absolute; border-left:6px solid #333333; border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: .3rem; top: 50%; margin-top: -6px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;} .case-items .box .foot::before{content: ""; position: absolute; width: 26px; height: 2px; right: .32rem; top: 50%; margin-top: -1px; background-color: #333333; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;} @media (min-width: 1200px){ .case-items .box a:hover{-webkit-box-shadow: 0 .2rem .6rem rgba(0,0,0,0.2); box-shadow: 0 .2rem .6rem rgba(0,0,0,0.2);} .case-items .box a:hover .imgbox img{-webkit-transform: scale(1.05); transform: scale(1.05);} .case-items .box a:hover .foot{color: #9f0d09} .case-items .box a:hover .foot::after{border-left-color: #9f0d09;} .case-items .box a:hover .foot::before{background-color: #9f0d09; width: 14px;} } @media (max-width: 639px){ .case-items .box .foot::before{width: 14px;} .case-items .box .foot{padding-top: .3rem; padding-bottom: .3rem; font-size: 18px;} } .banner-img .weui-cell__bd p{color: #fff; margin-bottom: 36px;} .banner-img .weui-cell__bd .sanjiao{margin-bottom: 20px; width: 22px; height: 22px; background-image: ; background-repeat: no-repeat; background-size: 100%; background-position: center; margin-left: auto; margin-right: auto;} .case-list2-main{padding-top: .36rem;} .case-list2-main .case-top{padding-top: 20px; width: 34%;} .case-list2-main .case-top h1{margin-bottom: 36px; font-size: .32rem; color: #333333;} .case-list2-main .case-top p{font-size: 16px; line-height: 28px; color: #999999; margin-bottom: 0.9rem;} .case-list2-main .prev-next{margin-bottom: 1rem;} .case-banner #swiper-container1{background: #fff no-repeat center center;} .case-thumbs{position: absolute; z-index: 1; right: 0; top: 0; bottom: 0; width: 9.2%; padding: 15px; background: rgba(0,0,0,.5); -webkit-transition: right .4s; transition: right .4s;} .case-thumbs .swiper-container{height: 100%;} .case-thumbs .imgbox{position: absolute; top: 12px; bottom: 12px; left: 0; right: 0; overflow: hidden; cursor: pointer; background: no-repeat center center; background-size: cover;} .case-thumbs .imgbox::before{opacity: .5; position: absolute; display: block; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: #000; -webkit-transition: all .3s; transition: all .3s;} .case-thumbs .imgbox::after{opacity: 0; position: absolute; display: block; content: ""; top: 0; right: 0; bottom: 0; left: 0; border: .05rem solid #e71f19; -webkit-transition: all .3s; transition: all .3s;} .case-thumbs .active-nav .imgbox::before{opacity: 0;} .case-thumbs .active-nav .imgbox::after{opacity: 1;} .case-thumbs.not{right: -9.2%;} .case-thumbs .showhide{position: absolute; z-index: 12; width: 34px; height: 34px; left: -14px; top: 50%; margin-top: -17px; overflow: hidden; cursor: pointer;} .case-thumbs .showhide::before{position: absolute; display: block; content: ""; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-right: 14px solid rgba(0,0,0,.5);} .case-thumbs .showhide::after{position: absolute; display: block; content: ""; top: 50%; left: 50%; margin-top: -4px; margin-left: -7px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .case-thumbs .showhide.show{margin-left: -8px; width: 44px; height: 44px;} .case-thumbs .showhide.show::before{border-top-width: 22px; border-bottom-width: 22px; border-right-width: 22px;} .case-thumbs .showhide.show::after{margin-left: -10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);} @media (max-width: 1440px){.case-list2-main .case-top{width: 42%;}} @media (max-width: 1280px){ .case-thumbs{width: 11%;} .case-thumbs.not{right: -11%;} } @media (max-width: 1199px){ .case-list2-main .case-top{width: 57%;} .case-thumbs{width: 12.5%;} .case-thumbs.not{right: -12.5%;} } @media (max-width: 991px){ .case-list2-main .case-top{width: 76%;} .case-thumbs{width: 16%;} .case-thumbs.not{right: -16%;} } @media (max-width: 767px){ .case-list2-main .case-top h1{font-size: .56rem;} .case-thumbs{position: static; width: 100%; padding: 3px; background: #fff;} .case-thumbs .swiper-slide{height: 12vw;} .case-thumbs .imgbox{left: 3px; right: 3px; top: 3px; bottom: 3px;} .case-thumbs .showhide{display: none;} } @media (max-width: 639px){ .case-list2-main .case-top{width: 90%;} .case-thumbs .swiper-slide{height: 14vw;} } @media (max-width: 414px){.case-thumbs .swiper-slide{height: 16vw;}} .pointer{cursor: pointer;} /*关于我们*/ .pursuit-excellence{margin-top: .6rem; padding-top: 9.5vw;} .pursuit-excellence .excell-left{width: 20%;} .pursuit-excellence .excell-left .twenty-first-century{font-size: 22px;font-weight:normal;color: #333333;margin-top: 0;} .pursuit-excellence .excell-left .yinhao{font-size: 66px;color: #e60700;font-family: "arial";margin-top: .6rem;} .pursuit-excellence .excell-left .title{font-size: 3.96vw;line-height:1.2;color: #333333;} .pursuit-excellence .excell-right{width: 34%;} .pursuit-excellence .excell-right h3{font-size: 22px; font-weight: normal; color: #333333;margin-top: 0;} .pursuit-excellence .excell-right p{font-size: 16px;color: #999999;margin-top: 20px;} .pursuit-excellence .circle{position: absolute; right: 0; bottom: 15px; width: 22px; height: 22px; border:4px solid #e71f19; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius: 50%; -o-border-radius: 50%;} .core-mission{background-color: #eeeeee;padding-top: 0.72rem;} .core-mission .img-responsive{max-width: 84%; margin-left: 16%;} .mission .mission-item .box h3{margin-top: 0; margin-bottom: .28rem; font-size: 22px;font-weight: normal;color: #fff;padding: 5px 15px;line-height: 32px;width: 155px;background-color: #9f0d09;margin-right:auto;margin-left: auto;} .mission .mission-item .box p{margin-bottom: 0; font-size: 22px; color: #404040;} .mission .mission-item{position: relative;z-index: 2;padding: 0;} .mission .mission-item:nth-of-type(1), .mission .mission-item:nth-of-type(4), .mission .mission-item:nth-of-type(5){background-color: #ececec;} .mission .mission-item:nth-of-type(2), .mission .mission-item:nth-of-type(3), .mission .mission-item:nth-of-type(6){background-color: #f3f3f3;} @media(min-width: 1441px) and (max-width: 1640px){ .pursuit-excellence .excell-left{width: 24%;} .pursuit-excellence .excell-right{width: 38%;} } @media(min-width: 1200px) and (max-width: 1440px){ .pursuit-excellence .excell-left{width: 29%;} .pursuit-excellence .excell-right{width: 42%;} } @media(min-width: 992px) and (max-width: 1199px){ .pursuit-excellence .excell-left{width: 34%;} .pursuit-excellence .excell-right{width: 46%;} } @media(min-width: 640px) and (max-width: 991px){ .pursuit-excellence .excell-left{width: 42%;} .pursuit-excellence .excell-right{width: 42%;} .pursuit-excellence .excell-top{height: 850px;} .pursuit-excellence .excell-right p{margin-bottom: 1.2rem;} } @media (max-width: 1400px){ .pursuit-excellence{padding-top: 12vw;} .mission .mission-item .box h3{width: 144px; line-height: 28px; font-size: 18px;} .mission .mission-item .box p{font-size: 18px;} } @media (max-width: 1199px){ .mission .mission-item .box h3{width: 134px; line-height: 24px; font-size: 16px;} .mission .mission-item .box p{font-size: 16px;} } @media (max-width: 991px){ .core-mission{padding-bottom: .72rem;} } @media(max-width: 639px){ .pursuit-excellence{padding-top: 0;} .pursuit-excellence .excell-left, .pursuit-excellence .excell-right{float: none; width: 100%; text-align: center;} .mission .mission-item{margin-bottom: 15px;} .banner-img .weui-cell__bd p{margin-bottom: 5px;} .banner-img .weui-cell__bd .sanjiao{width: 14px; height: 14px;} .pursuit-excellence .excell-left .title{margin-bottom: 12vw; font-size: 9vw;} .pursuit-excellence .excell-left .twenty-first-century{font-size: 18px; line-height: 1.6;} .pursuit-excellence .excell-left .yinhao{line-height: 1;} .pursuit-excellence .circle{position: static; margin: 1rem auto 1.3rem; width: 18px; height: 18px; border-width: 3px;} .mission .mission-item .box h3{font-size: 16px; width: 118px; line-height: 20px;} .mission .mission-item .box p{font-size: 14px;} } @media (min-width: 640px){ .excell-top{position: absolute; left: 0; right: 0; top: 0; z-index: 1;} } /*发展历程*/ .history-main{background-color: #f3f3f3;padding: .7rem 15px .4rem;position: relative;} .history-main .split{width: .04rem;height: .4rem;background-color: #9f0d09;margin-top: 1.25rem;margin-bottom: 0.9rem;} .history-main .history-box{width: 44%;} .history-main .history-box:first-child .split{margin-top: 0;} .history-main .history-box .year{font-size: .84rem;color: #9f0d09;font-family: 'arial';margin-top: 0.9rem;} .history-main .history-box .text{margin-top: 0.54rem;margin-bottom: 0.96rem;font-size: 16px; line-height: 26px;color: #333333;} .history-main .year-items{position: absolute; left: 100%; z-index:10; top: 0; margin-top: 1rem; -webkit-transition: all .3s; transition: all .3s;} .history-main .year-items ul{margin-bottom: 0;} .history-main .year-items li{padding-left: 22px; margin-bottom: .54rem; font-size: 24px; color: #333333; position: relative;cursor:pointer;} .history-main .year-items li.on{color: #9f0d09;} .history-main .year-items li::after{content: "";position: absolute;top: 50%;left: 0;width: 8px;height: 8px;margin-top: -4px;border-radius: 50%;-webkit-border-radius:50%;background-color: #333333;} .history-main .year-items li.on::after{background-color: #9f0d09;} .history-main .year-items li::before{content: ""; position: absolute; width: 1px; height: 90px; top: 50%; left: 4px; border-left:1px dashed #333333;} .history-main .year-items li:last-child{margin-bottom: 0;} .history-main .year-items li:last-child::before{display: none !important;} /*小屏幕*/ .history-main .small-year-items{margin-top: 1.6rem;margin-bottom: 0.8rem;} .history-main .small-year-items li{position: relative;width: 25%;float: left;font-size: 24px; color: #333333;margin-bottom: 22px;text-align: center;padding-bottom: 22px;border-bottom: 1px dashed #333333;} .history-main .small-year-items li.on{color: #9f0d09;} .history-main .small-year-items li::after{content: "";position: absolute;width: 8px;height: 8px;bottom: 0;left: 50%;margin-left: -4px;margin-bottom: -4px;border-radius: 50%;-webkit-border-radius:50%;background-color: #333333;} .history-main .small-year-items li.on::after{background-color: #9f0d09;} @media(min-width: 1441px) and (max-width: 1650px){.history-main .history-box{width: 53%;}} @media(min-width: 1200px) and (max-width: 1440px){.history-main .history-box{width: 62%;}} @media(min-width: 640px) and (max-width: 1199px){.history-main .history-box{width: 50%;}} @media(max-width: 639px){ .history-main .history-box{width: 92%;} .history-main .history-box img{margin-bottom: 15px;} } /*荣誉资质*/ .honor-main{background-color: #f3f3f3; padding: 0.66rem 0;} .honor-main .row{margin-left: -.35rem; margin-right: -.35rem;} .honor-main .col-xs-12{padding: .26rem .35rem;} .honor-item{padding: 4vw .3rem .4rem; background: #fff; text-align: center;} .honor-item p{font-size: 16px; line-height: 26px; color: #333; margin-bottom: 0; margin-top: .5rem;} .honor-item img{position: relative; top: 0; max-height: 100%; -webkit-box-shadow: .1rem .3rem .4rem rgba(0,0,0,.1); box-shadow: .1rem .3rem .4rem rgba(0,0,0,.1);} .honor-item .imgbox{display: table-cell; vertical-align: middle;} @media (min-width: 1200px){.honor-item img:hover{top: -10px;} .honor-item p{font-size: 18px;}} @media (max-width: 639px){.honor-item{padding-top: .6rem;}} /*企业宣传*/ .propaga-main{background-color: #fff; margin-bottom: 0.6rem;position: relative;z-index: 1;} .propaga-main::before{position: absolute; display: block; content: ""; left: 0; top: 0; bottom: 0; width: 10%; background: #f3f3f3;} .propaga-main .tit{font-size: .32rem; color: #333333; margin: 0; padding: .36rem 0; background: #f3f3f3; width: 80%;} .video-banner{width: 80%; background: #f3f3f3;} .video-banner .box{height: 100%;} .video-banner .box::before{position: absolute; display: block; content: ""; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5);} .video-banner .video{display: none;} .video-banner .play{position: absolute; top: 50%; left: 50%; width: .82rem; height: .82rem; margin-top: -.41rem; margin-left: -.41rem; cursor: pointer;} .select-videos{top: 0; right: 0; bottom: 0; width: 20%;} .select-videos .swiper-slide p{font-size: 16px; color: #333333; margin-top: .1rem;margin-bottom: 0;} .select-videos .item{margin: 0 18%;} .select-videos .box-img{position: relative; overflow: hidden; background: #000; cursor: pointer;} .select-videos .box-img img{opacity: .5;} .select-videos .box-img::after{position: absolute; display: block; content: ""; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; border: .08rem solid #9f0d09; -webkit-transition: all .3s; transition: all .3s;} .select-videos .swiper-slide.on .box-img::after{opacity: 1;} .select-videos .swiper-slide.on .box-img img{opacity: 1;} .select-videos .swiper-button-next, .select-videos .swiper-button-prev{top: auto; bottom: 0; margin: 0; width: 32%; height: 32px; background-size: 6px;} .select-videos .swiper-button-next{right: 18%; background-color: #dbdbdb;} .select-videos .swiper-button-prev{left: 18%; background-color: #9f0d09;} @media (max-width: 639px){ .propaga-main{padding-bottom: .46rem; background: #f3f3f3;} .video-banner, .propaga-main .tit{width: 100%;} .select-videos{position: static; width: 100%;} .select-videos .swiper-container{margin-bottom: 50px; height: auto !important;} .select-videos .item{margin: 5px 0;} .select-videos .swiper-slide p{font-size: 16px;} } /*原料来源*/ .source-material{padding-top: 7.2vw; padding-bottom: 6.4vw; background-color: #eeeeee;} .source-material .col-md-6{position: relative; z-index: 2; padding: 4vw 0;} .source-material .col-md-6:nth-of-type(1), .source-material .col-md-6:nth-of-type(3){background-color: #fff;} .source-material .box .img-top{margin-bottom: 10px;} .source-material .box h3{font-size: .44rem;color: #333333;margin-top: 0;margin-bottom: .46rem;} .source-material .box p{font-size: 16px; line-height: 26px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical;} .source-material .box{width: 58%; text-align: left; margin: 0 auto;} @media (max-width: 1650px){.source-material .box{width: 67%;}} @media (max-width: 1440px){.source-material .box{width: 78%;}} @media (max-width: 1199px){.source-material .box{width: 80%;}} @media (max-width: 991px){.source-material .box{width: 90%;}} @media (max-width: 639px){ .source-material .box{width: 100%;} .source-material .col-md-6 .weui-cell{height: auto !important;} } /*生产加工 process-page*/ .process-page .process-contain{padding-bottom: .28rem;background-color: #eeeeee;} .col_999{color: #999;} .col_333{color: #333;} .process-page .process-contain p.describe{font-size: 16px;color: #333;} .process-page .process-contain .asset-overview{margin:auto;width: 84%;text-align: center;margin-bottom: 0.7rem;} .process-page .process-contain .asset-overview li{display: inline-block; width: 24%; text-align: center; padding: 0 15px;} .process-page .scroll-num span.counter{color: #920003; font-size: .64rem; font-weight: bold;} .process-page .scroll-num span.unit{color: #920003; font-size: 16px;} .ff-ak{font-family: "impact","akzidenzgrotesk-extraboldcondalt" !important;} .bgwhite{background-color: #fff;} .process-page .process-contain h3{font-size: .44rem;color: #333;margin-top: 0;margin-bottom: 0.45rem;} .process-page .product-base, .process-page .project-experience, .process-page .ranks-box, .process-page .equipment-box{padding-top: 0.8rem;} .process-page .process-contain p.long-text{width: 51%;line-height: 26px;margin-left: auto;margin-right: auto;margin-bottom: 0.74rem;} .process-page .process-contain .equipment-box h3{margin-bottom: 30px;} .process-page .process-contain .equipment-box p{margin-bottom: 1rem;} .process-contain .img-items{margin-bottom: .89rem; margin-left: -12px; margin-right: -12px;} .process-contain .img-items >div{margin-top: 5px; margin-bottom: 5px; padding-left: 12px; padding-right: 12px;} @media (max-width: 1650px){.process-page .process-contain p.long-text{width: 60%;}} @media (max-width: 1440px){.process-page .process-contain p.long-text{width: 72%;}} @media (max-width: 1199px){ .process-page .process-contain p.long-text{width: 74%;} .process-page .process-contain .asset-overview{width: 96%;} } @media (max-width: 991px){ .process-page .process-contain p.long-text{width: 80%;} .process-page .process-contain .asset-overview{width: 100%;} .process-page .process-contain .asset-overview li{width: 36%;margin-bottom: 10px;} } @media(max-width: 639px){ .process-page .process-contain .asset-overview li{width: 66%;margin-bottom: 10px;} .process-page .process-contain p.long-text{width: 100%;} } /*产品研发research-page*/ .bgeee{background-color: #eeeeee;} .research-page .research-main{padding-bottom: 0.6rem;padding-top: 0.9rem;} .research-main p span{display: block;} .research-page .img-box .weui-cell{position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,0.2);} .research-page .research-main .img-box{margin-top: 0.86rem;margin-bottom: 0.86rem; background: #eee;} .research-page .research-main h3{margin-top: 0;} .research-page .research-main .design-develop{font-size: .44rem} .research-page .research-main p.text{margin-top: .4rem; line-height: 26px;} .research-page .research-main .group-subsidiary{font-size: .52rem;} .research-page .research-main .designer{font-size: 22px;font-weight:normal;margin-top: 20px;} .research-page .research-main .douhao{/*font-size: 100px;*/width: .6rem;height: .6rem;margin-left: auto;margin-right: auto;background-image: ;background-size: 100%;background-repeat: no-repeat;background-position: center;} .research-page .research-main .creation-value{font-size: .52rem; color: #fff;} .research-page .research-main p.progect-design{width: 47%; margin-bottom: 0.5rem;} .research-page .process-creativity{line-height: 26px; font-size: 14px;} @media (min-width: 1200px){.research-page .research-main .douhao{margin-top: 0.45rem;margin-bottom: 0.45rem;}} @media (max-width: 1600px){.research-page .research-main p.progect-design{width: 55%;}} @media (max-width: 1440px){.research-page .research-main p.progect-design{width: 62%;}} @media (max-width: 1199px){.research-page .research-main p.progect-design{width: 73%;}} @media (max-width: 991px){ .research-page .research-main p.progect-design{width: 80%;} } @media(max-width: 767px){ .research-page .img-box{background: no-repeat center center; background-size: cover;} .research-page .img-box .weui-cell{position: static; padding: .6rem 15px !important;} } @media(max-width: 639px){ .research-page .research-main p.progect-design{width: 100%;} } /*服务体系*/ .system-page .system-main{padding-top: 1rem;padding-bottom: 1rem;} .system-page .system-main h2.tit{font-size: .44rem;margin-top: 0;margin-bottom: 0.9rem;} .system-page .system-main h3.sub-tit{font-size: 24px;} .system-page .system-main p.text-box{margin-top: 30px;width: 45%;} .system-page .system-main .box-img{margin-top: 7vw;margin-bottom: 7vw;} .system-page .system-main .services{margin-top: 0.6rem; width: 80%; line-height: 26px;} .system-page .system-main .services h3.sub-tit{margin-top: .3rem; margin-bottom: .3rem;} .block{display: block;} @media (max-width: 1650px){.system-page .system-main p.text-box{width: 53%;}} @media (max-width: 1440px){.system-page .system-main p.text-box{width: 58%;}} @media (max-width: 1199px){ .system-page .system-main p.text-box{width: 71%;} .system-page .system-main .services{width: 100%;} } @media (max-width: 991px){.system-page .system-main p.text-box{width: 81%;}} @media (max-width: 639px){ .system-page .services .clearfix{display: block;} .system-page .services .clearfix .col-md-4{margin-bottom: 20px;} .system-page .system-main p.text-box{width: 100%;} .system-page .system-main h2.tit{font-size: .64rem;} .system-page .system-main .services img{width: 40px;} .system-page .system-main .box-img{margin-top: 13vw; margin-bottom: 13vw;} } /*营销网络*/ .stores{margin-top: 30px; margin-bottom: .9rem; padding: 30px; background: #fff;} .store-map{float: right; width: 68%;} .store-map img, .map img{display: inline; max-width: none;} .anchorbl{display: none;} .query{position: absolute; z-index: 10; top: 0; left: 0; width: 32%; height: 100%; background: #fff;} .query >div{position: absolute; top: 30px; right: 20px; bottom: 30px; left: 30px;} .query .search{margin: 10px 0; padding: 0;} .query .search input[type="text"]{padding: 10px 15px; line-height: 20px; height: 40px; font-size: 16px; font-weight: normal; color: #333; width: 100%;} .query .search .weui-cell__bd{border: 1px solid #e7e7e7;} .query .search .weui-cell__ft{width: 28%;} .query .search .weui-cell__ft input{width: 100%; height: 40px; background: #920003; color: #fff; font-size: 16px; -webkit-border-radius: 0; border-radius: 0;} .query select{padding-left: 15px; padding-right: 15px; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #333; border: 1px solid #e7e7e7; background: no-repeat 92% center; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .query-hd{position: absolute; z-index: 1; top: 0; left: 0; right: 0; height: 120px;} .query-hd .row{margin-left: -5px; margin-right: -5px;} .query-hd .col-xs-12{padding-left: 5px; padding-right: 5px;} .query-bd{position: absolute; left: 0; top: 120px; right: 0; bottom: 0;} .query-box{height: 100%;} .query-box .weui-cell{padding: .34rem .34rem .34rem 0; line-height: 26px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s;} .query-box .weui-cell::after{position: absolute; display: block; content: ""; left: 0; right: .34rem; bottom: 0; height: 1px; background: #eee;} .query-box .weui-cell:last-child::after{display: none;} .query-box .weui-cell p{margin: 0; font-size: 18px;} .query-box .weui-cell__hd{width: 60px;} .query-box .weui-cell__hd span{display: block; margin: 0 auto; width: 25px; height: 25px; line-height: 25px; font-size: 16px; color: #333; text-align: center; border: 1px solid #eee;} @media (min-width: 1200px){ .query .search .weui-cell__ft input:hover{background-color: #ab0307;} .query-box .weui-cell:hover{background-color: #eee;} } @media (max-width: 1280px){ .query{width: 40%;} .store-map{width: 60%;} } @media (max-width: 991px){ .query{position: static; width: 100%;} .query >div, .query-hd, .query-bd{position: static;} .query-hd{height: auto; margin-bottom: 20px;} .query-bd{height: 40vw; margin-bottom: 20px;} .store-map{width: 100%;} } @media (max-width: 639px){ .stores{padding: 5px 15px 15px;} .query-hd .col-xs-12{margin-top: 10px;} .query-bd{height: 60vw;} .query-box .weui-cell__hd{width: 40px;} } /*新闻详情*/ .news-detial-page .news-detial-main{padding-top: 40px;padding-bottom: 0.9rem;} .news-detial-main .detail-main-box{padding-top: 0.5rem; padding-bottom: 5.6vw; width: 56%; margin: 0 auto; font-size: 16px; line-height: 28px; color: #999;} .news-detial-main .detail-main-box .tit{font-size: 32px; line-height: 1.4; color: #333;} .news-detial-main .detail-main-box .textbox{margin-top: 3.8vw;} .news-detial-main .detail-main-box .textbox p{line-height: 28px;} .news-detial-main .detail-main-box .textbox img{max-width: 100% !important; height: auto !important; margin: 0 auto;} .prev-next{line-height: 56px; font-size: 16px;} .prev, .next{padding: 0; color: #999;} .prev span{margin-right: 0.6rem;} .next span{margin-left: 0.6rem;} .prev a{padding: 0 8px; background-color: #9f0d09;color: #fff;} .next a{padding: 0 8px; color: #999;} @media (max-width: 1366px){.news-detial-main .detail-main-box{width: 68%;}} @media (max-width: 991px){ .news-detial-main .detail-main-box .tit{font-size: 28px;} .prev-next{line-height: 46px;} } @media (max-width: 767px){ .news-detial-main .detail-main-box{width: 100%; padding-left: 15px; padding-right: 15px;} .news-detial-main .detail-main-box .tit{font-size: 24px;} } /*联系方式*/ .contact-informan-page .contact-infor-main{padding-bottom: 0.88rem;} .contact-informan-page .map-box .infor-box{z-index: 10; width: 49.2%;padding: 0.6rem 0.48rem;bottom:0;right: 0; color: #fff;background-color: rgba(0,0,0,0.6);} .contact-informan-page .map-box .infor-box h3{font-size: .34rem;margin-top: 0;margin-bottom: 0.4rem;} .contact-informan-page .map-box .infor-box p{font-size: 16px;line-height:26px;margin-bottom: 0;} .contact-informan-page .branch-office .row{margin-left: -.14rem; margin-right: -.14rem;} .contact-informan-page .branch-office .col-xs-12{margin: .14rem 0; padding-left: .14rem; padding-right: .14rem;} .contact-informan-page .branch-office{margin-top: .3rem;} .contact-informan-page .branch-office .box{position: relative; padding: 0.6rem 0.5rem; background: #fff; overflow: hidden;} .contact-informan-page .branch-office .box::before{position: absolute; display: block; content: ""; top: 0; left: 0; width: 0; height: 100%; background: #9f0d09; -webkit-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);} .contact-informan-page .branch-office .box h3{position: relative; font-size: .34rem;color: #333;margin-top: 0;margin-bottom: 0.4rem; -webkit-transition: all .3s; transition: all .3s;} .contact-informan-page .branch-office .box p{position: relative; font-size: 16px;line-height:26px;color: #999;margin-bottom: 0; -webkit-transition: all .3s; transition: all .3s;} @media(max-width: 991px){ .contact-informan-page .map-box .infor-box{position: static; width: 100%;} .contact-informan-page .branch-office .col-xs-12{height: auto !important;} } @media (max-width: 639px){ .contact-informan-page .map{height: 60vw !important;} .contact-informan-page .map-box .infor-box h3{font-size: 28px;} .contact-informan-page .branch-office .box h3{font-size: 26px;} .contact-informan-page .map-box .infor-box p, .contact-informan-page .branch-office .box p{font-size: 16px; line-height: 24px;} } @media (min-width: 1200px){ .contact-informan-page .branch-office .box:hover{padding-left: .6rem;} .contact-informan-page .branch-office .box:hover::before{width: 100%;} .contact-informan-page .branch-office .box:hover h3, .contact-informan-page .branch-office .box:hover p{color: #fff;} } /*在线招聘*/ .online-recruit-page .online-recruit-main{padding-top: .36rem;padding-bottom: 1rem;} .online-recruit-main .row{margin-left: -.13rem; margin-right: -.13rem;} .online-recruit-main .col-xs-12{margin: .13rem 0; padding-left: .13rem; padding-right: .13rem;} .online-recruit-main .box{position: relative; top: 0; padding: .4rem .47rem; background: #fff; -webkit-transition: all .4s; transition: all .4s;} .online-recruit-main .box p{margin-bottom: 5px;} .online-recruit-main .box .box-top{position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: 18px;} .online-recruit-main .box .box-top p{font-size: 16px;color: #333;} .online-recruit-main .box .box-top p .number{color: #8f0002;} .online-recruit-main .box .box-bot{margin-top: 14px;} .online-recruit-main .box .box-bot .post-duties{margin-bottom:28px;} .online-recruit-main .box .box-bot li p{font-size: 16px;color: #999;} .online-recruit-main .box .box-bot .post-duties>p,.online-recruit-main .box .box-bot .tenure-requir>p{margin-bottom: 20px;} .online-recruit-main .box .box-bot p span{color: #fff;font-size: 16px;display: inline-block;background-color: #920003;line-height: 28px;padding: 0 17px;} .recruit-position{padding-right: 110px;} .recruit-number{position: absolute; right: 0; top: 0; width: 100px; text-align: right;} @media (max-width: 991px){.online-recruit-main .col-xs-12{height: auto !important;}} @media (min-width: 1200px){ .online-recruit-main .box:hover{top: -10px; -webkit-box-shadow: 0 .25rem .6rem rgba(0,0,0,.15); box-shadow: 0 .25rem .6rem rgba(0,0,0,.15);} } /*新闻列表*/ .news-list-page .news-list-main{padding-top: 30px;} .news-list-main .goal-quality{padding: 0;} .news-list-main .goal-quality p.time{font-size: 12px;color: #828282;} .news-list-main .goal-quality h3.tit{margin-top: .17rem;margin-bottom: .4rem;} .news-list-main .goal-quality h3.tit a{color: #333;font-size: .32rem;line-height:.46rem;height:.92rem;} .news-list-main .goal-quality p.text{height:78px;font-size: 16px;line-height:26px;color: #999;} .news-list-main .goal-quality .col-xs-12{padding: 0;} .news-list-main .goal-quality .box{width: 62%;} .news-items{margin-left: -.14rem; margin-right: -.14rem; padding: .14rem 0;} .news-items .col-xs-12{padding-left: .14rem; padding-right: .14rem;} .news-items a{position: relative; top: 0; display: block; margin: .14rem 0; padding: .5rem 15px; background: #fff;} .news-items .item-left{text-align: center; width: 20%; color: #333;} .news-items .item-left .month-day{margin-top: 12px; margin-bottom: 0; font-size: 22px; line-height: 26px; height: 26px;} .news-items .item-left .year{margin-bottom: 0; font-size: 16px;} .news-items .item-left .spot{position: relative; top: -6px; display: inline-block; margin-left: 4px; margin-right: 4px; width: 4px; height: 4px; background: #333;} .news-items .item-left .line{display: block; margin: 3px auto 7px; width: 4px; height: 2px; background: #999;} .news-items .item-right{width: 62%;} .news-items .item-right h3{margin-top: 0; font-size: 22px; font-weight: normal; line-height: 26px; height: 26px; color: #333;} .news-items .item-right p{margin-bottom: 0; font-size: 16px; line-height: 26px; height: 52px; color: #999;} @media (max-width: 1650px){ .news-list-main .goal-quality .box{width: 74%;} .news-items .item-left{width: 22%;} } @media (max-width: 1440px){ .news-list-main .goal-quality .box{width: 80%;} .news-items .item-left{width: 24%;} } @media (max-width: 1199px){ .news-items .item-left{width: 29%;} } @media (max-width: 991px){ .news-list-main .goal-quality .box{width: 70%;} .news-list-main .goal-quality .img-responsive{margin-left: auto;margin-right: auto;} .news-items .item-left{width: 23%;} .news-items .item-right h3, .news-items .item-left .month-day{font-size: 20px;} } @media(max-width:639px){ .news-list-main .goal-quality{display: block;} .news-list-main .goal-quality .box{width: 100%; padding: 20px 15px 15px;} .news-list-main .goal-quality .time{margin-bottom: 0;} .news-list-main .goal-quality h3.tit{margin-top: 0; margin-bottom: 10px;} .news-list-main .goal-quality h3.tit a{font-size: 18px; line-height: 28px; height: auto; -webkit-line-clamp: initial;} .news-items a{padding: 20px 10px;} .news-items .item-left{margin-right: 4%;} .news-items .item-right h3, .news-items .item-left .month-day{font-size: 18px;} .news-items .item-left .month-day{margin-top: 10px;} .news-items .item-right h3{margin-bottom: 5px;} .news-items .item-right{width: 72%;} } @media (min-width: 1200px){ .news-list-main .goal-quality h3.tit a:hover{color: #920000;} .news-items a:hover{top: -10px; -webkit-box-shadow: .1rem .15rem .55rem rgba(0,0,0,.1); box-shadow: .1rem .15rem .55rem rgba(0,0,0,.1);} .news-items a:hover h3{color: #920000;} } .feedback{padding-top: 3.5vw; padding-bottom: 3.5vw; background: #eee;} .feedback .row{margin-left: -.22rem; margin-right: -.22rem;} .feedback .col-xs-12{margin-bottom: .3rem; padding-left: .22rem; padding-right: .22rem;} .feedback .required{display: block; width: 100%; padding: 10px 20px; height: 46px; font-weight: normal; font-size: 16px; color: #333; -webkit-border-radius: 0; border-radius: 0;} .feedback textarea.required{height: 2.19rem;} .feedback .submit{margin-top: 1.5vw; width: 215px; background: #920000; color: #fff; font-size: 20px; height: 46px; -webkit-border-radius: 0; border-radius: 0;} @media (min-width: 1200px){ .feedback{padding-left: 6%; padding-right: 6%;} .feedback .submit:hover{background: #c70202;} .feedback .row{margin-left: -.42rem; margin-right: -.42rem;} .feedback .col-xs-12{padding-left: .42rem; padding-right: .42rem;} } @media (max-width: 991px){} @media (max-width: 639px){ .feedback .submit{margin-top: 5%; margin-bottom: 10%; width: 50%; font-size: 18px; height: 44px;} .feedback .tips{position: fixed;} } /* leader */ .leaderbox{margin: .36rem 0 .56rem; padding: 5% 9%; background: #fff;} .leaderbox .bigtitle{margin-top: -4%; margin-bottom: 10%; line-height: 1.2; font-size: .44rem; font-weight: normal; color: #2d2d2d;} .leaderbox .article{font-size: 14px; line-height: 26px; color: #414141;} .leaderbox .weui-cell__hd{padding-right: 20%; width: 54%;} .leaderbox .weui-cell__ft{padding-left: 20%; width: 54%;} .leaderbox .weui-cell__hd img, .leaderbox .weui-cell__ft img{display: inline;} @media (max-width: 1199px){ .leaderbox .weui-cell__hd{padding-right: 8%; width: 40%;} .leaderbox .weui-cell__ft{padding-left: 8%; width: 40%;} } @media (max-width: 991px){ .leaderbox .weui-cell__hd{padding-right: 8%; width: 50%;} .leaderbox .weui-cell__ft{padding-left: 8%; width: 50%;} } @media (max-width: 767px){ .leaderbox .weui-cell{display: block;} .leaderbox .weui-cell__hd{margin-top: 20px; padding-right: 0; width: 100%; text-align: center;} .leaderbox .weui-cell__ft{margin-top: 20px; padding-left: 0; width: 100%; text-align: center;} } .newbanner{ height: 620px; } .newbanner .head-text h2{ font-size: .35rem; font-family: "helveticaneue"; color: rgb(255, 255, 255); } .newbanner .head-text h1{ font-size: .5rem; font-family: "pingfangsc"; color: rgb(255, 255, 255); margin-top: 40px; margin-bottom: 20px; } .newbanner .head-text p{ font-size: 11px; font-family: "arial"; color: rgb(255, 255, 255); letter-spacing: 3px; } .redline{ border-bottom: 1px #9d0c08 solid; width: 200px; display: block; margin: 0 auto; padding: 5px 0; } .new-one{ background: #f4f4f4; } .new-head h2{ font-size: 22px; font-family: "pingfangsc"; color: rgb(51, 51, 51); margin-top: 15px; } .new-head{ margin-bottom: .5rem; } .new-head p{ font-size: 11px; font-family: "arial"; color: rgb(51, 51, 51); letter-spacing: 1px; } .new-one .container{ padding: 0 15px } .new-one .container .col-md-7{ margin: 30px 0; } .new-three{padding: .5rem 0;background: #f4f4f4;} .new-four{ padding: .5rem 0 1rem; } .media-swiper h3{ font-size: 12px; font-family: "arial"; color: rgb(153, 153, 153); margin: 0; } .media-swiper h1{ font-size: .18rem; font-family: "pingfangsc"; color: rgb(51, 51, 51); } .media-swiper p{ font-size: .14rem; font-family: "pingfangsc"; color: rgb(153, 153, 153); } .new-one .left-img{ margin: 0 18px; } .new-one{ padding: .4rem 0; } .left-img img{ width: 100% } .new-one .left-img .bt-content{ position: absolute; width: 100%; left: 0; bottom: 0; background: rgb(0,0,0,0.7); padding: .2rem .4rem; } .bt-content h2{ font-size: .18rem; font-family: "pingfangsc"; color: rgb(255, 255, 255); margin-top: 0; } .bt-content p{ font-size: .14rem; font-family: "pingfangsc"; color: rgb(153, 153, 153); letter-spacing: 1px; margin-bottom: 0 } .left-img .date .day{ font-size: 18px; font-family: "pingfangsc"; color: white; padding-bottom: 5px; } .left-img .date .month{ font-size: 14px; font-family: "pingfangsc"; color: white; border-top: 1px white solid; letter-spacing: 2px; } .left-img .date{ position: absolute; top: 18px; right: 30px; } .new-one .col-md-5 .col-sm-6{ padding: 0; } .new-one-item{ padding: 0 10px; margin-top: 30px; margin-bottom: .2rem; } .new-one-item .imgbox img{ width: 100%; } .new-one .new-one-item p{ font-size: 16px; font-family: "pingfangsc"; color: rgb(51, 51, 51); margin-top: .15rem; margin-bottom: .15rem; } .new-two{ padding: .5rem 0 } .new-one .new-one-item h2{ font-size: 12px; font-family: "arial"; color: rgb(153, 153, 153); margin: 0; } .new-three .swiper-pagination-bullet { width: 10px; height: 10px; border: 2px solid #e6e6e6; display: inline-block; border-radius: 0; opacity: 1; background: transparent; } .new-three .swiper-pagination{ position: static; } .new-three .swiper-pagination-bullet-active { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); border: 2px solid #9f0d09; } .new-three .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; -webkit-transition: all .3s; transition: all .3s; } .gallery-thumbs .swiper-slide { width: 16.6666%; height: 100%; } .gallery-thumbs .swiper-slide-active { opacity: 1; } .gallery-thumbs img{ margin-left: auto; margin-right: auto; } @media (min-width: 992px){ .new-three .col-md-7 { width: 62%; } .new-three .col-md-5{ width: 38%; } } .new-three .col-md-7 .play{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin:auto; cursor: pointer; } .new-three .col-sm-6{ padding: 10px 8px; } .new-three .col-md-5 .play{ width: .6rem; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin:auto; cursor: pointer; } .new-three .col-md-5>div{ padding: .4rem .4rem 0; } .gray-line{ width: 100%; height: 1px; background: #f4f4f4; margin: .3rem 0; } @media (max-width: 1400px) and (min-width: 993px){ .new-three .col-md-5>div { padding: .1rem .4rem 0; } .gray-line{ margin: .1rem 0; } } .footer .wangbei{ font-size: 12px; font-family: "pingfangsc"; color: rgb(79, 79, 79); text-align: center; } .layout-video{display: none; position: fixed; z-index: 1000000000; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6);} .layout-video-close{position: fixed; z-index: 10; right: 25%; top: 8%; width: 50px; height: 50px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s;} .layout-video-close::before, .layout-video-close::after{position: absolute; display: block; content: ""; top: 50%; left: 50%; margin-left: -13px; width: 26px; height: 2px; background: #fff;} .layout-video-close::before{-webkit-transform: rotate(45deg); transform: rotate(45deg);} .layout-video-close::after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .layout-video-cont{position: fixed; left: 25%; top: 15%; width: 50%; height: 70%; background: #000; overflow: hidden;} .layout-video-close:hover{-webkit-transform: rotate(180deg); transform: rotate(180deg);} @media (max-width: 1199px){ .layout-video-close{right: 15%;} .layout-video-cont{left: 15%; width: 70%;} } @media (max-width: 639px){ .layout-video-close{right: 0; top: 15px;} .layout-video-cont{left: 0; top: 0; width: 100%; height: 100%;} } @media (max-width: 639px){ .new-one .left-img{ margin: 0; } } .cur{ cursor: pointer; }