@import url(/uploads/css/crcss/common.css); /*common s*/ .subpage{position: relative;background: #fff;z-index:3;height: auto !important;height: 100px;min-height: 100px;padding:1.2rem 0 1.2rem 0;clear: both;overflow: hidden;} .subpage.visible{overflow: visible;} .notp{padding-top: 0;} .nobp{padding-bottom: 0 !important;} .notbp{padding-top: 0;padding-bottom: 0 !important;} .pagefix{padding: 0.3rem 0 0 0;position: relative;z-index: 2;margin-top: 42vw;background: #fff;overflow: hidden;} .pagefix.pagefix2{margin-top:30vw;} .homeban{position: relative; z-index: 1; overflow:hidden;background: center center no-repeat;} .homeban:before{width: 100%;height: 1.8rem;left: 0;top: 0;position: absolute;background-image: linear-gradient(to bottom, rgba(17,21,30,0.3) , rgba(0,0,0,0));content: "";z-index: 2;} .homeban .item{ position:relative;height: calc(100vh - 1.6rem);} .homeban .info{left: 50%;top:40%;transform:translatex(-50%);z-index: 3;color:#fff;position: absolute;width: 16rem;} .homeban .info img{height: 2.28rem;display: block;} .homeban .btn{margin:0.6rem 0 0 0;display: inline-block;min-width: 2.24rem;line-height: 0.6rem;padding:0 0.2rem;font-size: 0.2rem;background:rgba(0,0,0,0.3);text-align: center;border-radius: 0.3rem;} .homeban .btn a{color:#fff;}.homeban .btn a:hover{color:#ffcc00;} .homeban .btn i{margin:0 0.1rem;} .homeban .btn:hover{background:#056a54;} .homeban .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;} .homeban .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;} .homeban .item:nth-child(3) .info{top: 30%;} .homeban .slick-prev{left: -100px;} .homeban .slick-next{right: -100px;} .homeban .slick-arrow{border:0;border-radius: 0;} .homeban:hover .slick-prev{left: 3%;} .homeban:hover .slick-next{right: 3%;} .homeban .slick-dots {bottom: 0.25rem;text-align: left;max-width: 13.42rem;width: 90%;left: 50%;transform: translatex(-50%);} .homeban .item.slick-current .imgbox{-webkit-animation:scale-bg 6s ease-in-out 0s 1 alternate forwards;animation:scale-bg 6s ease-in-out 0s 1 alternate forwards;} .homeban.fix{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;} .subban{position: relative;overflow: hidden;transition: all 0.3s;} .subban .w1320{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;font-size: 0.4rem;text-align: center;color: #fff;line-height: 1.5;} .subban .img img{width: 100%;transform: scale(1.1);transition: all 5s;} .subban aside,.subban h3{font-size: 0.4rem;margin-top: 0.2rem;text-shadow: 0 4px 10px rgba(0,0,0,0.3);font-weight: bold;} .subban.on .img img{transform: scale(1);} .homeban.fix.homeban2{height: 80vh;} .homeban.homeban2 .item{ position:relative;height: calc(80vh - 1.6rem);} .submenu{padding: 0.19rem 0 0.8rem 0;background: #fff;position: relative;z-index: 10;} .submenu li{position: relative;padding-bottom: 0.2rem;} .submenu li:not(:last-child){margin-right: 7.39vw;} .submenu li span{line-height: 2.5;display: block;position: relative;} .submenu li span:after{position: absolute;left: 0;bottom: 0;width: 0;content: "";height: 4px;background: #ab182b;transition: all 0.5s;} .submenu li:hover span:after,.submenu li.onli span:after{width: 0.31rem;} .submenu li:hover span a,.submenu li.onli span a{color: #ab182b;} .submenu .sub a{display: inline-block;margin-right: 0.2rem;} .submenu .sub a:last-child{margin-right: 0;} .submenu li:hover .sub{top: 105%;opacity: 1;z-index: 10;visibility: visible;} .tithead{text-align: center;padding-bottom: 0.62rem;} .tithead h2{font-size: 0.4rem;line-height: 1.45;color: #333333;} .tithead h2 span{color: #a91c2f;} .tithead .desc{margin-top: 0.15rem;} .tithead.white h2{color: #a91c2f;} .tithead.white h2 span{color: #fff;} .tithead.white2 h2,.tithead.white2 h2 span,.tithead.white2 .desc{color: #fff;} @media(min-width:1025px){ .submenu .sub{position: absolute;left: 50%;transform: translatex(-50%);top: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding: 0.24rem 0.1rem;border-radius: 10px;min-width: 3.97rem;font-size: 0.18rem;visibility: hidden;z-index: -1;opacity: 0;transition: all 0.5s;background: #fff;text-align: center;} .submenu .sub:after{position: absolute;left: 41%;top: -0.15rem;content: "";border-left:0.15rem solid transparent; border-right:0.15rem solid transparent;border-bottom:0.25rem solid #fff;transform: translatex(-50%);} } @media(max-width:1366px){ .homeban .item{ position:relative;height: calc(100vh - 1.4rem);} .pagefix{margin-top: 40vw;} } @media(max-width:1024px){ .homeban.fix{position: static;} .homeban .item,.homeban.fix{height: auto !important;} .pagefix{margin-top: 0 !important;} .submenu li .sub{display: none !important;} .submenu .sub{position: relative;display: block !important;padding: 0.2rem;border-radius: 10px;margin: 0.2rem 0.2rem 0;border: 1px solid rgba(0,0,0,0.1);text-align: center;} } @media(max-width:640px){ .subpage{padding: 0.8rem 0;} .subban .w1320{font-size: 14px;} .tithead{padding-bottom: 0.4rem;} .submenu{height: auto;line-height: 0.5rem;margin-bottom: 0;padding-bottom:10px;} .submenu ul{float: none;clear: both;line-height: 30px;flex-wrap: wrap;} .submenu li{padding-bottom: 0;} .submenu li:after{left: 50%;transform: translatex(-50%);} .submenu li{float: none;min-width: 25%;text-align: center;} .submenu li:not(:last-child){margin-right: 0;} .submenu li span:after{left: 50%;transform: translatex(-50%);} .submenu li:first-child .sub{left: 0;transform: translatex(0);} .submenu li:first-child .sub:after{left: 1rem;transform: translatex(0);} .submenu li:last-child .sub{left: auto;right: 0;transform: translatex(0);} .submenu li:last-child .sub:after{left: auto;transform: translatex(0);right: 1rem;} } /*common end*/ /* 公司简介 */ .aboutus{background: #f7f7f7;padding: 0.7rem 0;} .aboutus:after{background: #aa182c url(/uploads/image/crimages/about_bg2.png) no-repeat 0 bottom/cover;position: absolute;right: 0;top: 0;width: 50%;height: 100%;content: "";z-index: 0;} .aboutus .tithead{padding-bottom: 0;} .aboutus .video{width: 57.72%;float: left;margin-top: 1.36rem;position: relative;} .aboutus .video:after{position: absolute;width: 4.28rem;height: 3.95rem;left: -0.92rem;bottom: -0.58rem;content: "";background: url(/uploads/image/crimages/about_bg1.png);} .aboutus .video .imgbox{padding-top: 4.27rem;z-index: 2;} .aboutus .video .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0.64rem;height: 0.64rem;border-radius: 50%;z-index: 2;background: rgba(0,0,0,0.59);color: #fff;text-align: center;line-height: 0.64rem;cursor: pointer;transition: all 0.5s;} .aboutus .video:hover .play{transform: translate(-50%,-50%) scale(1.3);background: #aa182c;} .aboutus .video_files{width: 100%;height: 100%;padding: 0;border: 0;position: absolute;} .aboutus .video_files video{object-fit: cover;height: 100%;} .aboutus .info{width: 39%;float: right;} .aboutus .slogan{margin: 0.12rem 0 0.52rem;position: relative;} .aboutus .slogan:before{position: absolute;left: -0.76rem;top: 0.15rem;width: 0.62rem;height: 4px;background: #fff;content: "";} .aboutus .slogan span{display: block;margin-left: 0.65rem;} .aboutus .text{padding-right: 0.44rem;height: 4.06rem;} .aboutus .numlist{padding-top: 0.79rem;clear: both;} .aboutus .numlist li{flex: 1;text-align: center;position: relative;} .aboutus .numlist li:not(:last-child):after{position: absolute;right: 0;top: 0.53rem;width: 2px;height: 0.33rem;content: "";background: #d8d8d8;} .aboutus .numlist li .num{line-height: 1.45;color: #aa182c;font-weight: bold;} .aboutus .numlist li .num span{font-size: 0.7rem;margin-right: 0.04rem;} .aboutus .numlist li .num sub{font-size: 0.2rem;position: relative;top: -0.1rem;} .aboutus .numlist li h3{font-size: 0.3rem;line-height: 1.3;} .abouthistory .tabnav{width: 16.66vw;height: 36.45vw;float: left;background: #bb212d;text-align: center;} .abouthistory .tabnav{width: 16.66vw;height: 36.45vw;float: left;background: #bb212d;text-align: center;} .abouthistory .tabnav .slogan{padding: 4.16vw 0 3.02vw;text-align: left;} .abouthistory .tabnav .slogan img{height: 1.35vw;} .abouthistory .tabnav .slogan img:nth-child(1){margin-left: 2.39vw;} .abouthistory .tabnav .slogan img:nth-child(2){display: block;margin: 1.09vw 0 0 5.1vw;} .abouthistory .tabnav .item{line-height: 3.9vw;cursor: pointer;font-size: 0.22rem;color: #fff;position: relative;font-weight: bold;margin-bottom:0.05rem} .abouthistory .tabnav .item:after{position: absolute;right: 0;top: 50%;transform: translatey(-50%);width: 0;transition: all 0.5s;content: "";height: 5px;background: #fff;} .abouthistory .tabnav .slick-current:after{width: 2.4vw;} .abouthistory .tabnav .slick-arrow{width: 24px;height: 24px;line-height: 24px;border: 0;color: #fff;text-align: center;background-color: transparent !important;} .abouthistory .tabnav .slick-disabled{opacity: 0.3;} .abouthistory .tabcon{width: calc(100% - 16.66vw);float: right;background: #191816;overflow: hidden;} .abouthistory .tabcon .groupitem,.abouthistory .tabcon .sitem{height: 36.45vw;position: relative;} .abouthistory .tabcon .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .abouthistory .tabcon .imgbox:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.56);content: "";transition: all 0.5s;} .abouthistory .tabcon .sitem:hover .imgbox:after{background: rgba(0,0,0,0.68);} .abouthistory .tabcon .info{position: relative;z-index: 2;padding: 0.68rem 0.75rem;color: #fff;} .abouthistory .tabcon .year{font-size: 0.8rem;line-height:1.43;color:rgba(255,255,255,0.8);font-weight: bold;margin-bottom: 4vw;} .abouthistory .tabcon aside{letter-spacing: 0.05em;color: #f1b66e;margin-bottom: 2.81vw;} .abouthistory .tabcon .text{height: 2.64rem;} .abouthistory .tabcon .slick-dots{bottom: 0.26rem;} .abouthistory .slick-current .year{animation:fadeindownsmall 0.5s .3s ease both;-webkit-animation:fadeindownsmall 0.5s .3s ease both;-moz-animation:fadeindownsmall 0.5s .3s ease both;} .abouthistory .slick-current aside{animation:fadeindownsmall 0.5s .4s ease both;-webkit-animation:fadeindownsmall 0.5s .4s ease both;-moz-animation:fadeindownsmall 0.5s .4s ease both;} .abouthistory .slick-current .text{animation:fadeindownsmall 0.5s .5s ease both;-webkit-animation:fadeindownsmall 0.5s .5s ease both;-moz-animation:fadeindownsmall 0.5s .5s ease both;} .aboutplan .bg{position: absolute;left: 0;bottom: 0;width: 100%;height: 21.82vw;background-position: center bottom;background-size: cover;} .aboutplan .content{box-shadow: 0 0px 26px rgba(0,0,0,0.13);margin: 0.87rem 0 0 0;padding: 0.5rem 0.73rem;position: relative;z-index: 10;background: #fff;} .aboutplan .content .img{width: 50%;float: right;margin: -1.33rem 0 0.35rem 0.25rem;} @media(min-width:1025px){ .abouthistory .tabnav .slick-arrow{left: 50%;transform: translatex(-30%);top: auto;} .abouthistory .tabnav .slick-prev{top: 0;transform: translatex(-30%) rotate(90deg);} .abouthistory .tabnav .slick-prev:hover:not(.slick-disabled){transform: translatex(-30%) rotate(90deg) scale(1.5);} .abouthistory .tabnav .slick-next{bottom: 0;transform: translatex(-30%) rotate(90deg);} .abouthistory .tabnav .slick-next:hover:not(.slick-disabled){bottom: 0;transform: translatex(-30%) rotate(90deg) scale(1.5);} .abouthistory .tabnav .slider{padding: 24px 0;} } @media(min-width:641px){ .aboutus .numlist li:nth-child(3) .num sub,.aboutus .numlist li:nth-child(3) h3 span,.aboutus .numlist li:nth-child(4) .num,.aboutus .numlist li:nth-child(5) .num,.aboutus .numlist li:nth-child(4) h3,.aboutus .numlist li:nth-child(5) h3{color: #fff;} .aboutus .numlist li:nth-child(3) h3{color: #aa182c;} .aboutus .numlist li:nth-child(3) .num span{margin: 0 0.08rem 0 -0.08rem;} } @media(max-width:1024px){ .abouthistory .tabnav {width: auto;float: none;height: auto;padding: 0.3rem;} .abouthistory .tabnav .slogan{padding-top: 0;text-align: center;} .abouthistory .tabnav .slogan img{height: 18px;} .abouthistory .tabnav .slogan img:nth-child(2){display: inline-block;margin: 0 0 0 0.2rem;} .abouthistory .tabnav .slick-prev{left: -19px;} .abouthistory .tabnav .slick-next{right: -19px;} .abouthistory .tabcon{width: auto;float: none;} .abouthistory .tabnav .slick-current:after{right:auto;left:50%;transform: translatex(-50%);top: auto;bottom: 0;height: 2px;} .abouthistory .tabcon .groupitem, .abouthistory .tabcon .sitem{height: 55vw;} } @media(max-width:640px){ .aboutus .slogan{margin: 0 0 0.2rem 0.8rem;font-size: 18px;} .aboutus .slogan span{display: inline-block;vertical-align: middle;margin-left: 0.3rem;} .aboutus .video{width: auto;float: none;margin-top: 0.4rem;} .aboutus .tithead.white h2{color: #333333;} .aboutus .tithead.white h2 span{color: #a91c2f;} .aboutus .info{width: auto;float: none;background: #aa182c url(/uploads/image/crimages/about_bg2.png) no-repeat 0 bottom/cover;padding: 0.4rem;} .aboutus:after{display: none;} .aboutus .video .play{width: 0.9rem;height: 0.9rem;line-height: 0.8rem;} .aboutus .text{height: auto;padding-right: 0;} .aboutus .numlist {justify-content:flex-start;} .aboutus .numlist li{flex: none;width: 33.333%;padding-bottom: 0.25rem;} .aboutplan .content{padding: 0.3rem;margin-top: 0;} .aboutplan .content .img{width: auto;text-align: center;float: none;margin: 0 0 0.2rem;} .abouthistory .tabnav .item{font-size: 15px;line-height: 22px;padding: 8px 9px;} .abouthistory .tabcon .groupitem, .abouthistory .tabcon .sitem{height: auto;} .abouthistory .tabcon .imgbox{position: relative;top: auto;left: 0;padding-bottom: 64%;} .abouthistory .tabcon .info{padding: 0.4rem 0.4rem 0.5rem;} .abouthistory .tabcon .text{height: auto;} } /* 劲牌文化 */ .culturesystem{background: #f9f9f9 url(/uploads/image/crimages/culturebg2.png) no-repeat center bottom/cover;} .culturesystem .content{width: 5.75rem;height: 5.75rem;margin: 0px auto;border-radius: 50%;position: relative;background: url(/uploads/image/crimages/culturebg.png) no-repeat center center/contain;font-weight: bold;} .culturesystem .tabnav {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;} .culturesystem .tabnav li{cursor: pointer;width: 2.5rem;position: absolute;height: 1.8rem;} .culturesystem .tabnav li aside{cursor: pointer;width: 2.24rem;position: absolute;height: 1rem;display: flex;justify-content: center;align-items: center;color: #fff;} .culturesystem .tabnav li aside:after{width: 2.83rem;height: 2.41rem;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-145deg);content: "";background: url(/uploads/image/crimages/culturebgon.png) no-repeat center center/contain;position: absolute;z-index: -100;opacity: 0;visibility: hidden;transition: all 0.5s;} .culturesystem .tabnav li aside span{position: relative;z-index: 10;} .culturesystem .tabnav .desc{position: absolute;width: 4.76rem;right: -170%;color: #aa182c;padding: 0 0 0.18rem;bottom: 0.5rem;text-align: right;transition: all 0.5s;visibility: hidden;z-index: -1;opacity: 0;} .culturesystem .tabnav .desc:after{position: absolute;width: 0;height: 3px;content: "";transition: all 0.5s;bottom: 0;background: #aa182c;right: 0;text-align: right;} .culturesystem .tabnav li:nth-child(1) {left: 0;top: 0;} .culturesystem .tabnav li:nth-child(1) .desc{right: auto;left: -170%;padding-right: 0;padding-left: 0.5rem;text-align: left;} .culturesystem .tabnav li:nth-child(1) aside{transform: rotate(-35deg) translatex(0.65rem);left: 0;top: 0.85rem;} .culturesystem .tabnav li:nth-child(2) .desc{right: auto;left: -170%;padding-right: 0;padding-left: 0.5rem;text-align: left;width: 4rem;} .culturesystem .tabnav li:nth-child(2) {left: 0;top: 2rem;} .culturesystem .tabnav li:nth-child(2) aside{transform: rotate(-90deg) translatex(0.4rem);left: -0.35rem;top: 0.85rem;} .culturesystem .tabnav li:nth-child(2) aside:after{transform: translate(-52%,-55%) rotate(-150deg);} .culturesystem .tabnav li:nth-child(3) {left: 0;top: 4rem;} .culturesystem .tabnav li:nth-child(3) .desc{right: auto;left: -170%;padding-right: 0;padding-left: 0.5rem;text-align: left;} .culturesystem .tabnav li:nth-child(3) aside{transform: rotate(31deg) translatex(0.6rem);left: 0.25rem;top: 0;} .culturesystem .tabnav li:nth-child(3) aside:after{transform: translate(-49%,-47%) rotate(28deg);} .culturesystem .tabnav li:nth-child(4) {right: 0;top: 4rem;} .culturesystem .tabnav li:nth-child(4) aside{transform: rotate(-32deg) translatex(-0.8rem); left: 0.25rem; top: -0.2rem;} .culturesystem .tabnav li:nth-child(4) aside:after{transform: translate(-45%,-47%) rotate(31deg);} .culturesystem .tabnav li:nth-child(5) {right: 0;top: 2rem;} .culturesystem .tabnav li:nth-child(5) aside{transform: rotate(-86deg) translatex(-4.5rem); left: 1rem; top: -4.1rem;} .culturesystem .tabnav li:nth-child(5) aside:after{transform: translate(-43.8%,-47.5%) rotate(25deg);} .culturesystem .tabnav li:nth-child(5) .desc{width: 4rem;} .culturesystem .tabnav li:nth-child(6) {right: 0;top: 0rem;} .culturesystem .tabnav li:nth-child(6) aside{transform: rotate(34deg) translatex(-0.4rem); left: 0rem; top: 0.7rem;} .culturesystem .tabnav li:nth-child(6) aside:after{transform: translate(-58.5%,-50%) rotate(-155deg);} .culturesystem .tabnav li:hover aside{color: #aa182c;} .culturesystem .tabnav li:hover aside:after{opacity: 1;visibility: visible;z-index: 2;} .culturesystem .tabnav li:hover .desc{opacity: 1;padding-right: 0.5rem;visibility: visible;} .culturesystem .tabnav li:hover .desc:after{width: 100%;} .culturesystem .inner{position: absolute;width: 3.56rem;height: 3.56rem;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #aa182c;} .culturesystem .inner li:not(:first-child){position: absolute;width: 1.72rem;height: 1.72rem;display: flex;justify-content: center;align-items: center;font-size: 0.26rem;} .culturesystem .inner li:nth-child(1){position: absolute;width: 1.3rem;height: 1.3rem;line-height: 1.3rem;text-align: center;font-size: 0.34rem;left: 50%;top: 50%;transform: translate(-50%,-50%);} .culturesystem .inner li:nth-child(2){transform: rotate(-35deg);top: 0.08rem;} .culturesystem .inner li:nth-child(3){transform: rotate(53deg); top: 1.72rem;} .culturesystem .inner li:nth-child(4){transform: rotate(-35deg); top: 1.72rem;right: 0;} .culturesystem .inner li:nth-child(5){transform: rotate(47deg); top: 0;right: 0.08rem;} .culturefour .item{width: 49.6%;padding: 0.37rem 0 0;margin-bottom:0.44rem;position: relative;} /* .culturefour .click{position: absolute;right: 20%;bottom: .12rem;color: #aa182c;cursor: pointer;} .culturefour .click:before{width: 20px;height: 28px;display: block;margin: 0px auto 6px;background: url(/uploads/image/crimages/ico_mouse.png) center no-repeat;content: ""; animation: icon-shaking 2s linear 0.5s infinite alternate; -webkit-animation: icon-shaking 2s linear 0.5s infinite alternate;} */ .culturefour .icon{width: 1rem;height: 1rem;border-radius: 50%;transition: all 0.5s;} .culturefour .info{flex: 1;padding-left: 0.13rem;} .culturefour .info h3{line-height: 1.63;margin-bottom: 0.07rem;position: relative;} .culturefour .info h3 .click{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;} .culturefour .info .desc{border-bottom: 3px solid #e1e1e1;position: relative;} .culturefour .info .desc::after{position: absolute;left: 0;bottom: -3px;height: 3px;z-index: 1;content: "";transition: all 0.5s;background: #aa182c;width: 0;} .culturefour .item:nth-child(1) .click,.culturefour .item:nth-child(2) .click{display: none;} .culturefour .item .ctitle{display: none;} .culturefour .four_info2{max-width: 9rem;margin:0px auto;border-radius: 10px;box-shadow: 0 4px 33px rgba(134,134,134,0.37);padding: 3.9vw 5.57vw;position: relative;background: #fff;display: none;} .culturefour .four_info2 .tag{margin-left: -5%;text-align: center;} .culturefour .four_info2 .tag dd{line-height: 0.74rem;width: 28.333%;margin: 0 0 5% 5%;cursor: pointer; border-radius: 0.74rem;box-shadow: 0 0 10px rgba(150,150,150,0.3);font-size: 0.26rem;color: #aa182c;transition: all 0.5s;} .culturefour .four_info2 .tag dd:hover,.culturefour .four_info2 .tag dd.active{color: #fff;background-image: linear-gradient(to right, rgba(168, 24, 44, 1) , rgba(255, 85, 108, 1),rgba(168, 24, 44, 1));} .culturefour .four_info2 .text{ color: #aa182c;border: 2px solid #e8bfc5;padding: 2.34vw;} .culturefour .four_info2 .text *{text-wrap:unset !important;} .culturefour .four_info2:after{position: absolute;left: 0.45rem;top: -0.25rem;content: "";border-left:0.65rem solid transparent; border-right:0.65rem solid transparent;border-bottom:0.6rem solid #fff;} .culturefour .four_info2:nth-child(4):after{left: 50%;} .culturefour .item:hover .icon{box-shadow: 0 0 23px rgba(170,24,44,1);} .culturefour .item:hover .info h3{color: #aa182c;} .culturefour .item:hover .info .desc::after{width: 100%;} .culturesix .tabnav{width: 3.45rem;float: left;} .culturesix .tabnav .slick-list{overflow: visible;} .culturesix .tabnav .item{padding: 0.18rem 0;position: relative;margin-bottom: 0.17rem;cursor: pointer;} .culturesix .tabnav .item i{position: absolute;width: 1.21rem;height: 1.21rem;line-height: 1.21rem;text-align: center;background: #fff;border: 2px solid #ac192c;left: 0;top: 0;border-radius: 50%;color: #fff;font-size: 0.45rem;transition: all 0.5s;} .culturesix .tabnav .item i:after{position: relative;z-index: 2;transition: all 0.5s;} .culturesix .tabnav .item i:before{position: absolute;left: 50%;top: 50%;width: 90%;height: 90%;background: #ac192c;content: "";position: absolute;border-radius: 50%;transform: translate(-50%,-50%);transition: all 0.5s;} .culturesix .tabnav .item:nth-child(1) i:after{content: "壹";} .culturesix .tabnav .item:nth-child(2) i:after{content: "贰";} .culturesix .tabnav .item:nth-child(3) i:after{content: "叁";} .culturesix .tabnav .item:nth-child(4) i:after{content: "肆";} .culturesix .tabnav .item:nth-child(5) i:after{content: "伍";} .culturesix .tabnav .item:nth-child(6) i:after{content: "陆";} .culturesix .tabnav .item:nth-child(7) i:after{content: "柒";} .culturesix .tabnav .item:nth-child(8) i:after{content: "捌";} .culturesix .tabnav .item:nth-child(9) i:after{content: "玖";} .culturesix .tabnav .item:nth-child(10) i:after{content: "拾";} .culturesix .tabnav .item span{display: block;line-height: 0.86rem;margin: 0 0.13rem 0 0.25rem;border-radius: 0.83rem;box-shadow: 0 0 10px rgba(150,150,150, 0.3);padding: 0 0 0 1.35rem;color: #aa182c;font-weight: bold;transition: all 0.5s;background: #fff;} .culturesix .tabnav .item:hover i,.culturesix .tabnav .slick-current i{box-shadow: 0 0 10px rgba(170, 24, 44, 0.8);border: 1px solid #d8959c;color: #aa182b;font-weight: bold;} .culturesix .tabnav .item:hover i:before,.culturesix .tabnav .slick-current i:before{width: 93%;height: 93%;background: #fff;border: 5px solid #aa162c;} .culturesix .tabnav .item:hover span,.culturesix .tabnav .slick-current span{background-image: linear-gradient(to right, rgba(168, 24, 44, 1) , rgba(255, 85, 108, 1),rgba(168, 24, 44, 1));color: #fff;box-shadow: 0 0 10px rgba(170, 24, 44, 0.78);} .culturesix .bg{width: 40.1vw;right: 0;top: 1.37rem;background: #aa182c url(/uploads/image/crimages/culturebg3.png) no-repeat center center/cover;height: calc(100% - 2.82rem);position: absolute;} .culturesix .bg:after{top: 0.32rem;left: -0.42rem;border: 1px solid #ab192e;width: 100%;height: 101.5%;z-index: -1;content: "";position: absolute;} .culturesix .tabcon {width: 61.59%;float: right;} .culturesix .tabcon .slick-list{overflow: visible;} .culturesix .tabcon .item{min-height: 7.76rem;position: relative;} .culturesix .tabcon .item .info{width: 80%;top: 50%;transform: translatey(-50%);position: absolute;left: 0.16rem;} .culturesix .tabcon .item .info .inner{border: 2px solid #e8c1c6;padding: 0.45rem;background: #fff;box-shadow: 0 0 23px rgba(176, 176, 176, 0.3);position: relative;z-index: 2;transition: all 0.5s;} .culturesix .tabcon .item .info aside{color: #ab192e;margin-bottom: 0.16rem;font-weight: bold;} .culturesix .tabcon .item .info p{margin-bottom: 0.1rem;padding-left: 0.18rem;position: relative;} .culturesix .tabcon .item .info p:before{position: absolute;left: 0;top: 0.17rem;width: 0.08rem;height: 0.08rem;content: "";border-radius: 50%;background: #ab192e;} .culturesix .tabcon .item .info p:last-child{margin-bottom: 0;} .culturesix .tabcon .item .jianpai {position: absolute;width: 2.21rem;height: 2.21rem;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);right: -1.105rem;top: 50%;transform: translatey(-50%);background: #fff;border-radius: 50%;z-index: -1;transition: all 0.5s;} .culturesix .tabcon .item .jianpai span{position: absolute;color: #ab192e;letter-spacing: 0.35em;right: -0.53rem;top: 50%;transform: translatey(-50%);} .culturesix .tabcon .item .jianpai span i{color: #fff;} .culturesix .tabcon .item .slogan{position: absolute;font-size: 0.6rem;line-height: 1.42;bottom: 0.55rem;right: -2.5rem;color: rgba(255,255,255,0.65);font-weight: bold;} .culturesix .tabcon .item .slogan span{display: block;} .culturesix .tabcon .item .slogan span:nth-child(2){margin-left: 0.74rem;} .culturesix .tabcon .item:hover .inner{border: 2px solid #ab192e;} .culturesix .tabcon .info:hover .jianpai{transform: translatey(-50%) scale(1.2);} .culturesix .tabcon .slick-current .info aside{animation:fadeindownsmall 0.5s .3s ease both;-webkit-animation:fadeindownsmall 0.5s .3s ease both;-moz-animation:fadeindownsmall 0.5s .3s ease both;} .culturesix .tabcon .slick-current .info p{animation:fadeindownsmall 0.5s .4s ease both;-webkit-animation:fadeindownsmall 0.5s .4s ease both;-moz-animation:fadeindownsmall 0.5s .4s ease both;} .culturesix .tabcon .slick-current .slogan span:nth-child(1) {animation:fadeinright 0.5s .3s ease both;-webkit-animation:fadeinright 0.5s .3s ease both;-moz-animation:fadeinright 0.5s .3s ease both;} .culturesix .tabcon .slick-current .slogan span:nth-child(2) {animation:fadeinright 0.5s .5s ease both;-webkit-animation:fadeinright 0.5s .5s ease both;-moz-animation:fadeinright 0.5s .5s ease both;} .cultureinfo {padding-bottom: 0.3rem;} .cultureinfo .w1320 .imgbox{margin: 0px auto;width: 37.7vw;} .cultureinfo .w1320 .item{text-align: center;} .cultureinfo .w1320 h3{line-height: 1.45;font-size: 0.4rem;color: #ab192e;} .cultureinfo .w1320 p{line-height: 1.6;} .cultureinfo .w1320 .list li:not(:first-child){position: absolute;width: 2.6rem;} .cultureinfo .w1320 .list li:nth-child(1){margin-top: 0.2rem;} .cultureinfo .w1320 .list li:nth-child(2){left: 0;top:7.29vw;} .cultureinfo .w1320 .list li:nth-child(3){left: 0;top:26.82vw;} .cultureinfo .w1320 .list li:nth-child(4){right: 0;top:7.29vw;} .cultureinfo .w1320 .list li:nth-child(5){right: 0;top:26.82vw;} @media(max-width:1560px){ .culturesix .tabcon .item .slogan{right: -0.8rem;bottom: -0.25rem;} } @media(max-width:1024px){ .culturesystem .tabnav li:nth-child(1) .desc {left: -95%;padding-left: 0 !important;} .culturesystem .tabnav li:nth-child(2) .desc {left: -95%;padding-left: 0 !important;} .culturesystem .tabnav li:nth-child(3) .desc {left: -95%;padding-left: 0 !important;} .culturesystem .tabnav .desc{right: -95%;padding-right: 0 !important;bottom: -0.2rem;font-size: 0.24rem;width: 2.5rem !important;} } @media(max-width:768px){ .culturefour .click{right: 5%;bottom: 18px;} .culturesix .tabnav{width: auto;float: none;} .culturesix .tabnav .item i{left: 50%;transform: translatex(-50%);} .culturesix .tabnav .item span{margin: 0 0.1rem;padding: 0;height: 3.5rem;padding: 1.3rem 0.5rem 0;line-height: 1.2;text-align: center;} .culturesix .tabcon{width: auto;float: none;} .culturesix .tabcon .item .info{position: static;transform: translate(0,0);width: auto;} .culturesix .tabcon .item .jianpai,.culturesix .tabcon .item .slogan{display: none;} .culturesix .tabcon .item{min-height: auto;} .culturesix .bg{width: 100%;top: auto;bottom: 0;} .cultureinfo {padding-top: 0.8rem;} .cultureinfo .w1320 .list li:not(:first-child){position: static;width: 100%;padding-top: 0.2rem;} } @media(max-width:640px){ .culturesystem .desc_info{text-align: center;font-weight: bold;} .culturesystem .desc_info .desc{display: none;margin-top: 0.28rem;} .culturefour .item{padding-top: 0;width: 100%;} .culturefour .info .desc{padding-bottom: 5px;} .culturefour .click{bottom: 8px; right: 0;font-size: 12px;} .culturefour .four_info2{max-width: 100%;margin-top: 0.3rem;} .culturefour .list .item:hover .four_info2{display: block;} .culturefour .four_info2 .tag dd{font-size: 15px;line-height: 35px;} .culturesix .tabnav .item span{padding-left: 0.3rem;padding-right: 0.3rem;} } /* 透明工厂 */ .factoryslogan{text-align: center;height: 1.78rem;padding: 0.3rem;background: #ac2939 url(/uploads/image/crimages/factorybg1.jpg) no-repeat center center/cover;color: #fff;} .factoryslogan span{margin: 0 1.82vw;display: inline-block;letter-spacing: 0.1em;} .factoryslogan:before,.factoryslogan:after{content: "";width: 12.5vw;height: 3px;display: inline-block;vertical-align: middle;background: #fff;transition: all 0.5s;} .factoryslogan:hover:before,.factoryslogan:hover:after{width: 8vw;} .factorytab{padding-top: 0.8rem;} .factorytab .tabnav{margin-bottom: 0.4rem;} .factorytab .tabnav li{flex: 1;cursor: pointer;border-bottom: 4px solid #e1e1e1;position: relative;text-align: center;padding-bottom: 0.3rem;} .factorytab .tabnav li span{position: relative;z-index: 2;line-height: 0.83rem;} .factorytab .tabnav li:after{left: 50%;bottom: -4px;height: 4px;width: 0;content: "";position: absolute;background: #ac2939;transition: all 0.5s;} .factorytab .tabnav li:before{left: 50%;top: 0;height: 0.83rem;width: 0;content: "";position: absolute;background: #ac2939;transition: all 0.5s;transform: translatex(-50%);} .factorytab .tabnav li.on:after{left: 0;width: 100%;} .factorytab .tabnav li.on{color: #fff;} .factorytab .tabnav li.on:before{width: 80%;} .videoslider{width: 68.13%;float: left;} .videoslider .item{padding: 0.41rem 0 0;} .videoslider iframe{height: 4.87rem;width: 100%;border: 0;} .dplayerinfo{position: relative;} .dplayerinfo .info{position: absolute;left: 10%;top: 50%;transform: translatey(-50%);z-index: 10;background-image: linear-gradient(to left, rgba(170, 24, 44, 0) , rgba(170, 24, 44, 1));padding: 0.25rem;width: 50%;color: #fff;} .dplayerinfo .info h2{margin-bottom: 0.25rem;} #dplayerplay{height: 5.7rem;} .videosmall{width: 30.34%;float: right;padding: 0.4rem 0;} .videosmall .item{padding-bottom:0.48rem;} .videosmall .item a{display:block;position: relative;text-align: center;cursor: pointer;} .videosmall .item:last-child{margin-bottom: 0;} .videosmall .item .imgbox{padding-top: 2.08rem;} .videosmall .item .imgbox img{object-fit:cover;} .videosmall .item .tit{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;color: #fff;line-height: 0.4rem;padding: 0.3rem 0.15rem 0;background-image: linear-gradient(to bottom, rgba(170, 24, 44, 0) , rgba(170, 24, 44, 1));} .videosmall .slick-arrow{width: 0.5rem;height: 0.5rem;line-height: 0.5rem;background-color: transparent;color: #333;} .videosmall .slick-prev{left: 50%;transform: translatex(-50%) rotate(90deg);top: 0;} .videosmall .slick-next{left: 50%;transform: translatex(-50%)rotate(90deg);top: auto;bottom: 0.45rem;} .iframebody{padding: 0 !important;} .applyjp{position: relative;} .applyjp .info{position: absolute;left: 0;bottom: 1.1rem;width: 100%;text-align: center;z-index: 10;font-size: 0.6rem;line-height: 2;font-weight: bold;color: #fff;} .applyjp .info:after{width: 36px;height: 36px;display: block;margin: 18px auto 0;background: url(/uploads/image/crimages/ico_mouse2.png) center no-repeat;content: ""; animation: icon-shaking 2s linear 0.5s infinite alternate; -webkit-animation: icon-shaking 2s linear 0.5s infinite alternate;} .applyjp .imgbox:after{z-index: 2;left: 0;top: 0;width: 100%;height: 100%;content: "";position: absolute;background: rgba(0,0,0,0.24);transition: all 0.5s;} .applyjp .imgbox:hover:after{background: rgba(0,0,0,0.35);} @media(max-width:1024px){ .factoryslogan span{letter-spacing: 0;} .videoslider{width: auto;float: none;} .videoslider .item{padding-top: 0;} .videosmall{width: auto;float: none;} .videosmall .item a{margin: 0 0.1rem;} .videosmall .slick-prev{left: -20px;top: 40%;transform: translate(0,-50%);} .videosmall .slick-next{left:auto;right: -20px;top: 40%;transform: translate(0,-50%);} } @media(max-width:640px){ .applyjp .info{font-size: 18px;} .videosmall .item .tit{padding: 0.2rem;} .factoryslogan{flex-wrap: wrap;} .factoryslogan span{width: 100%;} .factoryslogan:before{margin-bottom: 0.18rem;} .factoryslogan:after{margin-top: 0.18rem;} .factoryslogan{height: auto;line-height: 1.5;} .dplayerinfo .info{left: 5%;width: 90%;} .factorytab .tabnav li{font-size:15px;} #dplayerplay{height:4rem;} .videoslider iframe{height:3.87rem;} .videosmall{padding:0;} .videosmall .item .imgbox{padding-top:58%;} } /* 劲牌党建 */ .djbody .subban aside{font-size: 0.6rem;color: #a8192b;} .djbody .subban aside:before,.djbody .subban aside:after{display: inline-block;content: "";width: 0.31rem;height: 0.43rem;vertical-align: middle;} .djbody .subban aside:before{border-left: 0.06rem solid #ab182b;border-top: 0.06rem solid #ab182b;margin-top: -0.45rem;} .djbody .subban aside:after{border-right: 0.06rem solid #ab182b;border-bottom: 0.06rem solid #ab182b;margin-bottom: -0.35rem;} .partyinfo .subpage{background: url(/uploads/image/crimages/djbg.jpg) no-repeat right bottom/cover;} .partyinfo .content{position: relative;padding: 0.6rem 1rem;} .partyinfo .content:before{position: absolute;left: 0.19rem;top: 0.13rem;height: calc(100% - 0.13rem);width: calc(100% - 0.19rem);border-radius: 0.2rem;background: #fff;z-index: 1;box-shadow: 0 4px 10px rgba(0,0,0,0.3);content: "";} .partyinfo .content:after{position: absolute;left: 0;top: 0;height: calc(100% - 0.13rem);width: calc(100% - 0.19rem);border-radius: 0.2rem;background: #a6192a;z-index: 0;box-shadow: 0 4px 10px rgba(0,0,0,0.3);content: "";} .partyinfo .singlepage{position: relative;z-index: 10;height: 4.9rem;overflow: hidden;} .leaderslider .slick-list{margin: 0 -0.3rem;} .leaderslider .item{margin: 0 0.15rem;} .leaderslider .item a{display: block;margin: 0.15rem;} .leaderslider .item .imgbox{padding-top: 66.66%;} .leaderslider .item .info{min-height: 1.36rem;padding: 0.2rem 0.35rem;transition: all 0.5s;} .leaderslider .slick-current a,.leaderslider .item:hover a{box-shadow: 0 4px 10px rgba(0,0,0,0.3);} .leaderslider .slick-current .info,.leaderslider .item:hover .info{background: #a6192a;color: #fff;} .leaderslider .slick-arrow{left: 50%;transform:translate(-50%,0);top: 1.6rem;} .leaderslider .slick-prev{margin-left: -14.42vw;} .leaderslider .slick-next{margin-left: 14.43vw;right: auto;} .newsfocus{margin-bottom: 1rem;} .newsfocus .item{padding: 0.7rem 0;position: relative;} .newsfocus .item:after{right: 0.1rem;top: 0.1rem;height: calc(100% - 0.2rem);border-radius: 10px;width: 74.84%;content: "";position: absolute;box-shadow: 0 0 10px rgba(0,0,0,0.2);} .newsfocus .imgbox{padding-top: 2.6rem;width: 33.33%;position: relative;z-index: 2;} .newsfocus .tit{min-height: 0.6rem;margin-bottom: 0.03rem;} .newsfocus .info{flex: 1;padding: 0 0.62rem;position: relative;z-index: 2;} .newsfocus .desc{min-height: 1.2rem;margin-bottom: 0.34rem;} .newsfocus .more{display: inline-block;border-bottom: 1px solid #aa182c;color: #aa182c;padding: 0;transition: all 0.5s;} .newsfocus .item .info:hover .more{font-weight: bold;padding: 0 0.15rem;} .newslist .item{margin-bottom: 0.3rem;border-radius: 10px;} .newslist .item a{padding: 0.39rem 0.39rem 0.39rem 0;} .newslist .item .date{width: 1.93rem;padding-left: 0.58rem;position: relative;margin-top: 2.81vw;} .newslist .item .date:before{left: 0.07rem;top: 0.13rem;width: 0;height: 1px;content: "";position: absolute;background: #aa182c;z-index: 2;transition: all 0.5s;} .newslist .item .date:after{left: 0.07rem;top: 0.13rem;width: 0.3rem;height: 1px;content: "";position: absolute;background: #c6c6c6;} .newslist .item .date em{display: block;margin-bottom: 0.18rem;font-size: 0.3rem;color: #333;} .newslist .item .info{flex: 1;padding: 2.81vw 5.93vw 0 0;} .newslist .item .tit{min-height: 0.8rem;font-weight: bold;} .newslist .item .desc{min-height: 1.2rem;} .newslist .item .desc *{text-align: left !important;} .newslist .item .imgbox{width: 40.15%;padding-top: 16.66vw;} .newslist .item:hover .date:before{width: 0.3rem;} .newslist .item:hover .date em{color: #aa182c;font-weight: bold;} .hornorlist .tabnav{margin-bottom: 0.24rem;height: 0.32rem;background: 0px center repeat-x;} .hornorlist .tabnav .slick-track{width: auto !important;display: flex;justify-content: space-between;} .hornorlist .tabnav .item{float: none !important;flex: 1;text-align: center;font-size: 0;height: 0.32rem;position: relative;cursor: pointer;} .hornorlist .tabnav .item:after{width: 0.32rem;height: 0.32rem;background: #fff;border-radius: 50%;content: "";border: 0.06rem solid #eeeeee;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .hornorlist .tabnav .slick-current:after{border: 0.06rem solid #a9182c;} .hornorlist .tabcon{margin: 0 -0.28rem;} .hornorlist .tabcon .item{padding: 0.24rem 0.22rem 0.22rem;margin: 0 0.06rem;} .hornorlist .tabcon .inner{position: relative;} .hornorlist .tabcon .info{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;background: #aa182c;color: #fff;z-index: 10;padding: 0.5rem;transform: translate(-50%,-50%) scale(0);transition: all 0.8s;opacity: 0;} .hornorlist .tabcon .info h3{line-height: 2.28;font-size: 0.28rem;position: relative;margin-bottom: 0.24rem;} .hornorlist .tabcon .info h3:before{position: absolute;left: 0;top:0;width: 0.38rem;height: 0.05rem;content: "";} .hornorlist .tabcon .imgbox{overflow: visible;border-radius: 0.18rem;background: #ecf0f4;box-shadow: 0.1rem 0.1rem 0.13rem rgba(0,0,0,0.3);padding-top: 2.92rem;} .hornorlist .tabcon .imgbox span{left: 0.1rem;top: 0.1rem;width: calc(100% - 0.2rem);height: calc(100% - 0.2rem);background: #fff;} .hornorlist .tabcon .item:hover .info{transform: translate(-50%,-50%) scale(1);opacity: 1;} .hornorlist .tabcon .slick-arrow{background-color: transparent;color: #333333;} .hornorlist .tabcon .slick-arrow i{font-size: 0.6rem;} .hornorlist .tabcon .slick-arrow:hover{color: #aa182c;} .hornorlist .tabcon .slick-prev{left: -5.2vw;} .hornorlist .tabcon .slick-next{right: -5.2vw;} @media(max-width:1560px){ .leaderslider .slick-prev{margin-left: -13.9vw;} .leaderslider .slick-next{margin-left: 14.1vw;} } @media(max-width:1024px){ .hornorlist .tabcon .slick-prev{left: -0.28rem;} .hornorlist .tabcon .slick-next{right: -0.1rem;} } @media(min-width:641px){ .hornorlist .tabcon .slick-current .info{transform: translate(-50%,-50%) scale(1);opacity: 1;} } @media(max-width:640px){ .partyinfo .content{padding: 0.5rem;} .partyinfo .singlepage{height: auto;} .leaderslider .slick-list{padding: 0 15%;} .leaderslider .item{margin: 0;} .leaderslider .slick-dots{position: static;} .leaderslider .slick-dots li button{background: #ddd;} .leaderslider .slick-prev{margin-left: -34.5vw;} .leaderslider .slick-next{margin-left: 34.5vw;} .newsfocus .imgbox{width: 100%;float: none;padding-top: 64%;} .newsfocus .info{width: 100%;float: none;padding: 0.3rem;} .newsfocus .desc{min-height: 72px;} .newsfocus .item{padding: 0.1rem;} .newsfocus .item:after{width: calc(100% - 0.2rem);} .newslist .item a{padding-right: 0;padding-top: 0;} .newslist .item .imgbox{width: 100%;padding-top: 64%;} .newslist .item .date em{font-size: 18px;} .newslist .item .date:after{top: 11px;} .newslist .item .tit{margin-bottom: 0.1rem;} .newslist .item .desc{min-height: 72px;margin-bottom: 0.25rem;} .hornorlist .tabcon .imgbox{padding-top: 64%;} } /* 劲牌新闻 */ .topsearch{margin-bottom: 0.48rem;position: relative;z-index: 1000;} .topsearch .select_box{width: 2.15rem;position: relative;z-index: 10;} .topsearch .select_box i{position: absolute;right: 0.2rem;top: 50%;transform: translatey(-50%);z-index: 11;font-size: 18px;} .topsearch .select_box input{width: 100%;height: 0.52rem;line-height: 0.52rem;padding: 0 0.27rem;position: relative;z-index: 10;background: #fff;border: 1px solid #d7d7d7;border-radius: 10px;cursor: pointer;} .topsearch .select_box input::-webkit-input-placeholder{color: #333333;} .topsearch .select_box ul{position: absolute;left: 0;top: 90%;width: 100%;border-radius: 0 0 10px 10px;background: #fff;box-shadow: 0 4px 10px rgba(0,0,0,0.3);padding: 0.2rem 0 0.12rem;display: none;} .topsearch .select_box ul li{padding: 0 0.28rem;cursor: pointer;} .topsearch .select_box ul li.hover,.topsearch .select_box ul li:hover{color: #aa182c;} .topsearch .searchright{flex: 1;margin-left: 0.13rem;position: relative;} .topsearch .searchright i{position: absolute;color: #999999;top: 50%;transform: translatey(-50%);left: 0.33rem;} .topsearch .searchright input{width:calc(100% - 1.64rem);border-radius: 10px;height: 0.54rem;line-height: 0.52rem;border:1px solid #d7d7d7;padding: 0 0.15rem 0 0.77rem;} .topsearch .searchright button{width: 1.46rem;height: 0.54rem;border-radius: 10px;background: #aa182c;color: #fff;margin-left: 0.18rem;} .subnav{text-align: right;line-height: 2;text-indent: 0.1em;margin-bottom: 0.24rem;} .subnav li{position: relative;color: #999999;} .subnav li a{color: #999999;}.subnav li:hover a{color: #aa182c;} .subnav li span{margin-right: 0.1rem;} .subnav li:after{position: absolute;left: 0;bottom: 0;width: 0;transition: all 0.5s;height: 2px;content: "";background: #aa182c;} .subnav li:hover:after,.subnav li.on:after{width: 0.45rem;} .subnav li.on a{font-weight: bold;color: #aa182c;} .subnav li:last-child span{display: none;} .newsbox{box-shadow: 0 4px 10px rgba(0,0,0,0.3);margin-bottom: 1rem;} .newsbox .focusnews{width: 45%;position: relative;float: left;} .newsbox .focusnews .item{overflow: hidden;} .newsbox .focusnews a{display: block;position: relative;background: #fff;z-index: 3;} .newsbox .focusnews .imgbox{padding-top: 5.94rem;} .newsbox .focusnews .slick-dots{bottom: 0.22rem;} .newsbox .focusnews .slick-dots li{width: 8px;height: 8px;margin: 0 9px;} .newsbox .list{width: 55%;float: right;padding:0 4.5%;} .newsbox .list .slick-list,.newsbox .list .slick-track{height: auto !important;} .newsbox .list li{position: relative;font-weight: normal;} .newsbox .list a{min-height: 1rem;padding: 0.3rem 0 0.3rem 0;position: relative;z-index: 1;} .newsbox .list .date{width: 1.04rem;line-height: 0.35rem;padding-top: 0.11rem;} .newsbox .list .date em{display: block;font-size: 0.3rem;} .newsbox .list .info{flex: 1;} .newsbox .list .ti{line-height: 0.36rem;min-height:0.72rem;margin-bottom: 0.12rem;font-weight: bold;} .newsbox .list .desc{line-height: 25px;color: #999999;} .newsbox .list li:not(:last-child) a{border-bottom: 1px solid #d8d8d8;} /*.photolist{margin: 0 0 0 -0.98rem;}*/ .photolist ul{display:flex;flex-wrap:wrap;margin-left:-5%;} .photolist .item{width:28.33%;float:left;margin-left:5%;margin-bottom:0.4rem;} .photolist .imgbox{padding-top: 69.333%;} .photolist .info{padding: 0.3rem 0.3rem 0.26rem;} .photolist .tit{min-height: 0.56rem;margin-bottom: 0.16rem;font-weight: bold;} .photolist .desc{margin-bottom: 0.17rem;} .photolist .playbtn{transform: translate(-50%,-50%) scale(1.5);opacity: 0;width: 0.5rem;height: 0.5rem;line-height: 0.5rem;font-size: 18px;} .photolist .item:hover .playbtn{transform: translate(-50%,-50%) scale(1);opacity: 1;} @media(max-width:768px){ .newsbox .focusnews{width: auto;float: none;} .newsbox .focusnews .imgbox{padding-top: 64%;} .newsbox .list{width: auto;float: none;} /*.photolist {margin-left: -0.3rem;}*/ .photolist .item{width: 45% !important;} .photolist .item:nth-child(2n 1){clear: both;} } @media(max-width:640px){ .topsearch .select_box{width: 100%;margin-bottom: 10px;} .topsearch .searchright{margin-left: 0;} .topsearch .searchright i{left: 0.22rem;} .newsbox .list .info{padding-left: 15px;} .newsbox .list .ti{font-size: 16px;min-height:48px;line-height:24px;} .newsbox .list .date {line-height: 25px;} .newsbox .list .date em{font-size: 20px;} .photolist .info{padding: 0.2rem;} } @media(max-width:480px){ .topsearch .select_box input,.topsearch .searchright input,.topsearch .searchright button{height: 35px;line-height: 0.35rem;} } /* 品牌视频 */ .brandvideo .slider{width: 66%;float: left;} .brandvideo .slider .item{position: relative;} .brandvideo .slider .info{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.3rem 0.3rem 0.41rem;background: rgba(170, 24, 44, 0.7);z-index: 1;} .brandvideo .slider aside{line-height: 1.3;font-weight: bold;color: #fff;} .brandvideo .slider .imgbox{padding-top: 4.74rem;} .brandvideo .slider .slick-dots {text-align: center;bottom: 12px;} .brandvideo .slider .slick-dots li{width: 8px;height: 8px;} .brandvideo .slider .slick-dots li button{background: rgba(255,255,255,0.49);} .brandvideo .slider .slick-dots li.slick-active button{background: #fff;} .playbtn{color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;border-radius: 50%;background: #aa182c;width: 0.64rem;height: 0.64rem;text-align: center;line-height: 0.64rem;transition: all 0.5s;} .item:hover .playbtn{transform: translate(-50%,-50%) scale(1.2);} .brandvideo .list{width: 34%;float: left;padding-left: 0.24rem;} .brandvideo .list .item{margin-bottom:0.3rem;position: relative;text-align: center;} .brandvideo .list aside{z-index: 2;left: 0;bottom: 0;width: 100%;position: absolute;color: #fff;padding: 0.09rem 0.2rem 0.07rem;background: rgba(0,0,0,0.32);backdrop-filter: blur(10px);} .brandvideo .list aside span{z-index: 10;position: relative;} .brandvideo .list .imgbox{padding-top: 2.22rem;} .brandvideo .list .playbtn{width: 0.5rem;height: 0.5rem;line-height: 0.5rem;font-size: 20px;transform: translate(-50%,-50%) scale(1.5);opacity: 0;} .brandvideo .list .item:hover .playbtn{transform: translate(-50%,-50%) scale(1);opacity: 1;} .videolist{margin-left: -0.24rem;} .videolist .item{width: 33.333%;float: left;padding: 0 0 0.39rem 0.24rem;text-align: center;} .videolist .imgbox{padding-top: 70.9%;margin-bottom: 0.19rem;} .videolist .tit{min-height: 0.6rem;} .videolist .playbtn{transform: translate(-50%,-50%) scale(1.5);opacity: 0;} .videolist .item:hover .playbtn{transform: translate(-50%,-50%) scale(1);opacity: 1;} .videoinfo{width: 63.18%;float: left;} .videorec{width: 35.75%;float: right;} .videorec ul.overhide{height: 7.07rem;overflow: hidden;margin-bottom: 0.15rem;} .videorec ul.overshow{overflow-y:scroll} .videorec .item{padding-bottom: 0.14rem;} .videorec .imgbox{width: 53.6%;padding-top: 1.66rem;} .videorec .info{flex: 1;padding-left: 0.14rem;} .videorec .info aside{margin-bottom: 0.13rem;} .videorec .date i{font-size: 18px;color: #aa182c;margin: -3px 7px 0 0;} .videorec .playbtn{transform: translate(-50%,-50%) scale(1.5);opacity: 0;width: 0.38rem;height: 0.38rem;line-height: 0.38rem;font-size: 18px;} .videorec .item:hover .playbtn{transform: translate(-50%,-50%) scale(1);opacity: 1;} .videorec .item:hover .tit{font-weight: bold;} .videorec .showmore.on .hide{display: block !important;} .videorec .showmore.on .show{display: none !important;} .showmore{display: block;text-align: center;line-height: 0.51rem;border-radius: 10px;background: #f3f3f3;} .showmore:hover{background: #aa182c;color: #fff;} .titinfo{padding-bottom: 0.18rem;} .titinfo h1{font-size: 0.3rem;line-height: 1.73;color: #aa182c;margin-bottom: 0.11rem;} .titinfo .date i{color: #aa182c;margin: -4px 0.1rem 0 0;} .titinfo.line{padding-bottom: 0.3rem;border-bottom: 1px solid #d8d8d8;margin-bottom: 0.4rem;} .singlepage{ word-wrap:break-word;word-break:normal;text-align:justify;} .singlepage video{max-width: 100% !important;margin: 0px auto 0.3rem;display: block;} .singlepage table{border-bottom: 1px solid #dcdcdc !important;border-right:1px solid #dcdcdc !important;margin: 0.2rem 0;} .singlepage table td,.singlepage table th{padding: 0.2rem 0.15rem !important;border-top: 1px solid #dcdcdc !important;border-left: 1px solid #dcdcdc !important;background-color: #f4f5f7 !important;text-align: center;line-height: 24px;} .singlepage table th{background-color: #004898 !important;color:#fff !important;font-size:0.18rem !important;font-weight: normal;} .singlepage table p{margin-left: 8px;margin-right: 8px;} .singlepage table p:not(:last-child){margin-bottom: 8px;} .newsinfo.singlepage p{text-indent: 2em;} .newsinfo.singlepage img{max-width: 100%;display: block;margin: 10px auto;} .prevnextinfo{padding: 0.4rem 0 0 0;margin-top: 0.48rem;border-top: 1px solid #d8d8d8;position: relative;} .prevnextinfo dl{position: absolute;top: 0.4rem;left: 0;width: 100%;} .prevnextinfo dl i{font-size: 0.3rem;transition: all 0.5s;margin-top: -3px;} .prevnextinfo dl .prev i{margin-right: 0.2rem;} .prevnextinfo dl .prev a:hover i{margin-right: 0.1rem;} .prevnextinfo dl .next a:hover i{margin-left: 0.1rem;} .prevnextinfo dl .next i{margin-left: 0.2rem;} .prevnextinfo dl .next{position: absolute;right: 0;top: 0;} .prevnextinfo .back{width: 2rem;line-height: 0.54rem;text-align: center;border: 1px solid #cccccc;border-radius: 0.54rem;transition: all 0.3s;margin: 0px auto;position: relative;z-index: 10;display: block;} .prevnextinfo .back i{color: #999999;font-weight: bold;margin-right: 0.16rem;} .prevnextinfo .back:hover{background-color: #aa182c;color: #ffffff;border-color: #aa182c;} .prevnextinfo .back:hover i{color: #fff;} @media(max-width:1024px){ .newsinfo.singlepage img{max-width: 100%;} } @media(max-width:640px){ .brandvideo .slider{width: auto;float: none;margin-bottom: 0.24rem;} .brandvideo .slider .imgbox{padding-top: 64%;} .brandvideo .list{width: auto;float: none;padding-left: 0;display: flex;justify-content: space-between;} .brandvideo .list .item{width: 48.5%;} .brandvideo .slider aside{font-size: 16px;} .videolist .item{width: 50%;} .videolist .item:nth-child(2n 1){clear: both;} .playbtn{font-size: 15px !important;width: 0.55rem !important;height: 0.55rem !important;line-height: 0.55rem !important;} .titinfo h1{font-size: 20px;} .videoinfo{width: auto;float: none;} .videorec{width: auto;float: none;margin-top: 0.5rem;} .prevnextinfo .back{font-size: 14px;} .prevnextinfo .back i{font-size: 18px;} } /* 品牌活动 */ .activityfocus{margin-bottom: 5.2vw;} .activityfocus .item{position: relative;} .activityfocus .imgbox{padding-top: 4.74rem;} .activityfocus .info{padding: 0.44rem 0.39rem 0.41rem;color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;background:rgba(170, 24, 44, 0.7);backdrop-filter: blur(10px);} .activityfocus .info .tit{margin-bottom: 0.16rem;} .activityfocus .info .desc{min-height: 0.5rem;max-width: 59%;} .activityfocus .info .desc *{text-align: left !important;} .activityfocus .info .right{top: 50%;transform: translatey(-50%);right: 0.38rem;position: absolute;text-align: right;} .activityfocus .info .more{text-align: center;width: 1.24rem;line-height: 0.41rem;border-radius: 0.41rem;background: #fff;color: #aa182c;margin-top: 0.25rem;transition: all 0.5s;} .activityfocus .item:hover .more{transform: translatey(-3px);width: 1rem;} .activityfocus .slick-dots {text-align: center;bottom: 12px;} .activityfocus .slick-dots li{width: 8px;height: 8px;} .activityfocus .slick-dots li button{background: rgba(255,255,255,0.49);} .activityfocus .slick-dots li.slick-active button{background: #fff;} @media(max-width:480px){ .activityfocus .info{position: relative;} .activityfocus .info .right{position: static;display: flex;justify-content: space-between;padding-top: 0.35rem;transform: translate(0);} .activityfocus .info .desc{max-width: none;} .activityfocus .info .more{margin-top: 0;} .activityfocus .info .tit{font-size: 16px;} .activityfocus .imgbox{padding-top: 64%;} } /* 健康 */ .brandbody .subban aside{font-size: 0.6rem;text-shadow: 0 4px 10px rgba(0,0,0,0.3);} .brandbody .subban aside:before,.brandbody .subban aside:after{display: inline-block;content: "";width: 0.31rem;height: 0.43rem;vertical-align: middle;} .brandbody .subban aside:before{border-left: 0.06rem solid #fff;border-top: 0.06rem solid #fff;margin-top: -0.45rem;} .brandbody .subban aside:after{border-right: 0.06rem solid #fff;border-bottom: 0.06rem solid #fff;margin-bottom: -0.35rem;} /* .brandbody .subban h3{font-size: 0.4rem;margin-top: 0.2rem;text-shadow: 0 4px 10px rgba(0,0,0,0.3);} */ .brandlist {margin-top: -5.5vw;;} .brandlist .item{padding-top: 6.25vw;} .brandlist .inner{padding: 0.5rem;} .brandlist .imgbox{padding-top: 4.42rem;width: 46.6%;overflow: visible;} .brandlist .info{flex: 1;padding: 0 0 0 0.6rem;line-height: 0.52rem;} .brandlist .ti{line-height: 1.73;margin-bottom: 0.24rem;} .brandlist .desc{margin-bottom: 4.5vw;} .brandlist .desc *{text-align:left !important;} .brandlist .tag a{display: inline-block;padding: 0 0.26rem;height: 0.54rem;border: 1px solid rgba(0,0,0,0);font-weight: bold;} .brandlist .tag a:hover{color: #aa182c;border: 1px solid #aa182c;} .brandmenu{margin-bottom: 1.1rem;} .brandmenu li{margin-right: 1.38rem;padding: 0 0.11rem 0.07rem 0;position: relative;} .brandmenu li:after{position: absolute;left: 0;bottom: 0;width: 0;content: "";height: 2px;background: #a8182c;transition: all 0.5s;} .brandmenu li:last-child{margin-right: 0;} .brandmenu li span{font-size: 0.36rem;line-height: 1.5;display: block;} .brandmenu li em{font-size: 0.2rem;color: #e3e3e3;} .brandmenu li:hover:after,.brandmenu li.onli:after{width: 100%;} .prolist .item{position: relative;padding: 0.3rem 0;margin-bottom: 0;overflow: hidden;} .prolist .icon{position: absolute;width: 6.73rem;height: 4.01rem;background-image: url(/uploads/image/crimages/hua9.png);background-size: contain;left: -3.27rem;bottom: 0.3rem;z-index: 0;} .prolist .info{width: 50.37%;padding-top: 0.2rem;} .prolist .title{line-height: 0.75rem;color: #a8182c;position: relative;margin-bottom: 0.38rem;} .prolist .title:before{position: absolute;left: 0;bottom: 0;width: 0.23rem;height: 2px;content: "";background: #a8182c;} .prolist .txt{min-height: 3.7rem;} .prolist .imgbox{width: 42%;} .prolist .titbox{line-height: 0.82rem;background: #f9f9f9;} .prolist .titbox .num{padding-left: 0.48rem;font-size: 0.35rem;color: #a8182c;} .prolist .titbox .num i{color: #333333;transform: rotate(90deg);font-size: 0.4rem;} .prolist .titbox .ti{width: 2.26rem;text-align: center;color: #fff;background: #a8182c;transition: all 0.5s;} .prolist .titbox .ti img{max-width:0.48rem;} .prolist .titbox:hover .ti{background: #ca974e;transform: scale(1.1);} .prolist .bg{height: 100%;width: 66.14%;right:0;top: 0;z-index: 0;border-radius: 7.42rem 0 0 7.42rem;opacity: 0.05;background-position: center center;background-size: cover;position: absolute;transition: all 0.5s;} .prolist .item:hover .bg{opacity: 0.1;right: -0.3rem;} .prolist .item:nth-child(even) .w1320{flex-direction: row-reverse;} .prolist .item:nth-child(even) .bg{right: auto;left: 0;border-radius: 0 7.42rem 7.42rem 0;} .prolist .item:nth-child(even):hover .bg{left: -0.3rem;right: auto;} .prolist .item:nth-child(3n 2) .icon{width: 6.53rem;height: 4.04rem;background-image: url(/uploads/image/crimages/hua10.png);left: auto;right:-3.75rem;} .prolist .item:nth-child(3n 3) .icon{width: 7.31rem;height: 6.1rem;background-image: ;left: auto;left:-5.06rem;} .adimg{clear: both;border-bottom: 2px solid #fff;} .adimg img{width: 100%;} .colitem {padding-top: 0rem;} .colitem .item{width: 49%;transition: all 0.5s;} .colitem a{display: block;position: relative;text-align: center;color: #fff;z-index:3;} .colitem .info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 4;} .colitem aside{line-height: 2;margin-bottom: 0.25rem;} .colitem aside:after{width: 36px;height: 36px;display: block;margin: 0px auto 6px;background: url(/uploads/image/crimages/ico_mouse2.png) center no-repeat;content: ""; animation: icon-shaking 2s linear 0.5s infinite alternate; -webkit-animation: icon-shaking 2s linear 0.5s infinite alternate;} .colitem .imgbox{padding-top: 27.6vw;transition: all 0.3s;} .colitem .imgbox:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 2;background: rgba(0,0,0,0.4);transition: all 0.5s;} .colitem .item:hover{transform: scale(1.05);} .colitem .item:hover .imgbox{box-shadow: 0 10px 30px rgba(0,0,0,0.3);} .colitem .item:hover .imgbox:after{opacity: 0.5;} .healthpage1 .item{position: relative;padding: 0.82rem 0 0 0;} .healthpage1 .item:after{position: absolute;right: 0;top: 0;height: 100%;width: 46.14%;content: "";background: #f8f9fa;} .healthpage1 .imgbox{width: 52.57%;float: right;} .healthpage1 .info{width: 49.39%;position: absolute;left: 0;top: 50%;transform: translatey(-50%);} .healthpage1 .inner{color: #fff;background: #aa182c;padding: 0.55rem;} .healthpage2 .activityfocus{margin-bottom: 15px;} .searchbox2{margin-bottom: 0.5rem;} .searchbox2 .input{width:100%; height:0.53rem;line-height: 0.52rem;padding:0 0.6rem 0 0;border: 0; border-bottom:1px solid #d7d7d7;} .searchbox2 .input::-webkit-input-placeholder{color:#d7d7d7;} .searchbox2 .input:hover{border-bottom:1px solid #999;} .searchbox2 button{width: 40px;height: 33px;background:transparent;position: absolute;right: 0;top: 3px;color:#b22f41;} .searchbox2 button i{font-size: 0.3rem;transition: all 0.5s;} .searchbox2 button:hover i{transform: scale(1.1);} .photolist2 ul{margin-left: -15px;} .photolist2 a{position: relative;margin: 0 0 15px 15px;overflow: hidden;} .photolist2 .imgbox{padding-top: 67.44%;} .photolist3 .imgbox{padding-top: 138%;} .photolist3 .down{display: inline-block;padding:0.05rem 0.24rem;color: #fff;background-image: linear-gradient(to right, rgba(248, 144, 191, 0.95) , rgba(197, 18, 62, 1));border-radius: 0.41rem;} .photolist3 .down:hover{background-image: linear-gradient(to left, rgba(248, 144, 191, 0.95) , rgba(197, 18, 62, 1));} .photolist3 li.item{text-align: center;width: 25%;padding-left: 0.5rem;} .photolist3 ul{justify-content:flex-start;} .photolist2 .info{position: absolute;left: 0;width: 100%;height: 100%;background:rgba(170, 24, 44, 0.7);backdrop-filter: blur(10px);top: 0;z-index: 15;color: #fff;padding: 0.38rem;opacity: 0;transition: all 0.8s;display: flex;justify-content: center;flex-direction: column;} .photolist2 .desc{min-height: 0.78rem;margin: 1.3vw 0 2.76vw;} .photolist2 .desc *{color: #fff !important;text-align: left !important;font-family: arial, sans-serif !important;font-size: 0.16rem !important;line-height: 0.3rem !important;} .photolist2 .outti{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;color: #fff;background:rgba(170, 24, 44, 0.7);backdrop-filter: blur(10px);text-align: center;transition: all 0.5s;padding: 0.2rem;} .photolist2 .item{width: 33.333%;float: left;} .photolist2 .playbtn{width: 0.48rem;height: 0.48rem;line-height: 0.48rem;font-size: 18px;} .photolist2 .item:hover .info{opacity: 1;} .photolist2 .item a{display: block;} .photolist2 .item:hover .outti{bottom: -100%;} .photolist2 .toprec{margin-bottom: 0.3rem;} .photolist2 .toprec a{background: #fff url(/uploads/image/crimages/kj_bg2.jpg) right top no-repeat;box-shadow: 0 0 21px rgba(123, 123, 123, 0.33);} .photolist2 .toprec .imgbox{width: 56.74%;padding-top: 4.79rem;} .photolist2 .toprec .info2{text-align: right;flex: 1;padding: 6.4vw 3.9vw 0;} .photolist2 .toprec .tit{line-height: 1.43;color: #a9172e;font-weight: bold;margin-bottom: 0.3rem;} .photolist2 .toprec .desc{color: #999999;margin-bottom: 0.26rem;} .photolist2 .toprec .mores{display: inline-block;text-align: center;color: #fff;font-weight: bold;width: 1.46rem;line-height: 0.51rem;background: #aa182b;} .photolist2 .itemhover{display: flex;} .healthpage3 .content{position: relative;z-index: 2;} .healthpage3 .content:after{height: 2.9rem;left: 0;top: 0;width: 100%;background: url(/uploads/image/crimages/healthbg.jpg) no-repeat top center/cover;content: "";position: absolute;z-index: -1;} .healthpage3 .text{text-align: center;color: #fff;padding: 0.69rem 1rem;} .scrollphoto .item{width: 4.43rem;padding-right: 0.33rem;text-align: center;display: inline-block;vertical-align: top;} .scrollphoto .item .imgbox{padding-top: 3rem;margin-bottom: 0.19rem;} .scrollphoto .playbtn{width: 0.48rem;height: 0.48rem;line-height: 0.48rem;font-size: 18px;} .culturepage .info{width: 53.25%;} .culturepage .tithead{line-height: 0.94rem;border-bottom: 1px solid #d8d8d8;margin-bottom: 0.3rem;position: relative;} .culturepage .tithead:before{position: absolute;left: 0;line-height: 1;color: #ededed;font-size: 0.64rem;content: "01";font-weight: bold;} .culturepage .tithead span{position: relative;z-index: 1;color: #aa182c;} .culturepage .item .w1320{min-height: 3.98rem;} .culturepage .item .imgbox{width: 39.46%;} .culturepage .item .info{width: 53.71%;padding: 0.23rem 0.58rem 0.23rem 0;} .culturepage .item .desc{height: 3.2rem;} .culturepage .item:not(:last-child){margin-bottom: 6.25vw;} .culturepage .item:nth-child(1) .imgbox{width: 8.23rem;right: -3.05rem;top: 0;position: absolute;border-radius: 3.98rem 0 0 3.98rem;} .culturepage .item:nth-child(1) .w1320{align-items: center;} .culturepage .item:nth-child(1) .desc{height: auto;} .culturepage .item:nth-child(odd) .w1320{flex-direction: row-reverse;} .culturepage .item:nth-child(even) {background: url(/uploads/image/crimages/healthbg2.jpg) no-repeat center center/cover;padding: 0.65rem 0;} .culturepage .item:nth-child(even) .tithead{text-align: right;} .culturepage .item:nth-child(even) .tithead:before{left: auto;right: 0;color: #dcdcdc;} .culturepage .item:nth-child(2) .tithead:before{content: "02";} .culturepage .item:nth-child(1) .w1320{flex-direction:inherit;} @media(min-width:641px){ .brandlist .item:nth-child(even) .inner{flex-direction: row-reverse;} .brandlist .item:nth-child(even) .inner .info{padding: 0 0.6rem 0 0;} } @media(min-width:1025px){ .scrollphoto ul{height: 3.49rem;text-align: center;} } @media(max-width:1024px){ .healthpage1 .item{padding-top: 0;} .healthpage1 .imgbox{width: auto;float: none;} .healthpage1 .info{position: static;width: auto;transform: translate(0);} .scrollphoto .item{padding: 0 0.15rem;} .scrollphoto .item .imgbox{padding-top: 58%;} .culturepage .item .info{width: 100% !important;} .culturepage .item .imgbox{width: 100% !important;position: relative !important;right: auto !important;transform:translate(0) !important;} } @media(max-width:640px){ .brandbody .subban aside{font-size: 18px;} .brandbody .subban h3{font-size: 15px;} .brandlist .inner{padding: 0.25rem;} .brandlist .imgbox{width: 100%;} .brandlist .info{width: 100%;padding: 0 0 0.3rem;line-height: 24px;} .brandlist .item:not(:last-child){border-bottom: 1px dashed #ddd;} .prolist .info{width: 100%;} .prolist .imgbox{width: 100%;} .prolist .txt{min-height: auto;padding-bottom: 0.35rem;} .colitem .item{width: 100%;} .colitem .item:not(:last-child){margin-bottom: 0.25rem;} .colitem .imgbox{padding-top: 45%;} .healthpage3 .content:after{display: none;} .healthpage3 .text{background: url(/uploads/image/crimages/healthbg.jpg) no-repeat top center/cover;width: auto;padding: 6%;margin-bottom: 0.25rem;} .photolist2 .item{width: 100%;} .photolist2 .desc *{font-size: 14px !important;line-height: 24px !important;} .culturepage .item .desc{height: auto;} } /* 科技 */ .tecpage1 .twinfo{padding: 1rem 0 0.78rem;} .tecpage1 .info{width: 47.95%;} .tecpage1 .imgbox{width: 42.27%;overflow: visible;} .tecpage1 .imgbox:after{left: -0.3rem;bottom: -0.3rem;width: 100%;height: 1.85rem;z-index: -1;content: "";position: absolute;background: #aa182b;} .tecpage1 .tithead{text-align: left;padding-bottom: 0.29rem;margin-bottom: 0.32rem;border-bottom: 2px solid #ab182b;} .tecpage1 .numlist{background: #ab182b url(/uploads/image/crimages/kj_bg1.jpg) no-repeat center center/cover;color: #fff;text-align: center;padding: 0.32rem 0;} .tecpage1 .numlist ul{width: 16rem;max-width: 88%;margin: 0px auto;} .tecpage1 .numlist li{flex: 1;text-align: center;position: relative;} .tecpage1 .numlist li:not(:last-child):after{position: absolute;right: 0;top: 0.45rem;width: 3px;height: 0.73rem;content: "";background: rgba(255,255,255,0.2);} .tecpage1 .numlist li .num{line-height: 1.1rem;font-weight: bold;} .tecpage1 .numlist li .num span{font-size: 0.7rem;margin-right: 0.04rem;} .tecpage1 .numlist li .num sub{font-size: 0.2rem;position: relative;top: -0.1rem;} .tecpage1 .numlist li h3{font-size: 0.3rem;line-height: 1.3;} .tecpage2 .item{flex: 1;position: relative;overflow: hidden;color: #fff;} .tecpage2 .item .info{position: absolute;left: 0;width: 100%;height: 100%;background-color: rgba(170, 24, 44, 0.7);backdrop-filter: blur(10px);padding: 1rem 0.5rem 0;z-index: 2;opacity: 0;bottom: -100%;transition: all 0.8s;} .tecpage2 .item .outti{text-align: center;line-height: 1.15;padding: 0.44rem 0.2rem;position: absolute;width: 100%;z-index: 2;transition: all 0.5s;bottom: 0;} .tecpage2 .item .inti{margin-bottom: 0.22rem;} .tecpage2 .item .imgbox{padding-top: 44.79vw;} .tecpage2 .item .desc{height: 31.61vw;} .tecpage2 .item:before{font-size: 0.72rem;left: 0.83rem;line-height: 1.04rem;top: 0.59rem;content: "";position: absolute;z-index: 3;font-weight: bold;transition: all 0.5s;} .tecpage2 .item:nth-child(1):before{content: "01";} .tecpage2 .item:nth-child(2):before{content: "02";} .tecpage2 .item:nth-child(3):before{content: "03";} .tecpage2 .item:nth-child(4):before{content: "04";} .tecpage2 .item:nth-child(5):before{content: "05";} .tecpage2 .item:hover .outti{bottom: -100%;} .tecpage2 .item:hover .info{bottom: 0;opacity: 1;} .tecpage2 .item:hover:before{opacity: 0;} .tecpage3{background: url(/uploads/image/crimages/hornorbg2.jpg) no-repeat center bottom/cover;padding: 0.6rem 0;} .tecpage3 .tithead .desc{max-width: 8.4rem;margin: 0.15rem auto 0;} .tecpage3 .content{position: relative;} .tecpage3 .owl-stage{display:flex;left: 20px;} .tecpage3 .item{position: relative;margin: 0 auto;cursor: pointer;} .tecpage3 .item a{width: 1.55rem;min-height: 5.6rem;display: block;padding-top: 1.32rem;transition: all 0s;opacity: 0.5;margin: 0px auto;} .tecpage3 .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 2;background: transparent;display: none} .tecpage3 .item .imgbox{height: 2.19rem;background: #fff;} .tecpage3 .center {z-index: 10;margin: 0 1.15rem;} .tecpage3 .center .item{width: 2.99rem;} .tecpage3 .center a{padding: 8px 0 0 0;width: 2.99rem;transform: translatex(-0.55rem);opacity: 1;} .tecpage3 .center .item:after{background: transparent;} .tecpage3 .center .imgbox{height: 4.26rem;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);} .tecpage3 .imgbox img{object-fit: contain;width: auto;height: auto;max-width: 100%;} .tecpage3 .center:after{position: absolute;width: 7rem;height: 4.76rem;left: 50%;transform: translatex(-53%);bottom: 0;background: url(/uploads/image/crimages/hornorbg.png) no-repeat center bottom/contain;content: "";z-index: -1;display: none;} .tecpage3 .curarrow .owl-nav button {width: 0.6rem;line-height: 0.6rem;border-radius: 50%;height: 0.6rem;} .tecpage3 .curarrow .owl-nav button span{font-size: 0.5rem;} .tecpage3 .curarrow .owl-nav button.owl-prev {background: #f4f4f4 !important;display: none;} .tecpage3 .curarrow .owl-nav button.owl-next {background: #f4f4f4 !important;display: none;} .tecpage3 .curarrow .owl-nav button:hover{color:#fff;background-image: linear-gradient(to right, rgba(250, 148, 173, 1) , rgba(200, 28, 70, 1)) !important;} .tecpage3 .curarrow .owl-dots .owl-dot.active{font-size: 0.2rem;} .tecpage3 .curarrow .owl-nav {bottom: -0.39rem;} .tecpage3 .curarrow .state .arrow dd span{position: relative;top: -4px;} .tecpage3 .curarrow .state .arrow dd{font-size: 0.2rem;color: #333;} .tecpage3 .btns .btna { position:absolute; top:4.16rem; z-index:999; display:block;width: 0.6rem;height: 0.6rem;line-height: 0.6rem;text-align: center;} .tecpage3 .btns .btna i{font-size: 0.85rem;transition: all 0.5s;} .tecpage3 .btns .btna:hover {color: #a61b2e;} .tecpage3 .btns .btna.btn-prev {left: 50%;margin-left: -4.1rem;} .tecpage3 .btns .btna.btn-next {left: 50%;margin-left: 2.8rem;} .tecpage3 .curarrow .owl-nav{bottom: -0.6rem;} .tecpage3 .curarrow .owl-dots{ bottom: -0.65rem;} .tecpage3 .curarrow .state{margin-top: 0.2rem;} .tecpage4{background: url(/uploads/image/crimages/hornorbg3.jpg) no-repeat center bottom/cover;padding: 0.6rem 0;} .tecpage4 .tithead .desc{max-width: 9.22rem;margin: 0.15rem auto 0;} .tecpage4 .content{position: relative;} .tecpage4 .listpic .owl-stage{display:flex;left: -52px;} .tecpage4 .listpic:before,.tecpage4 .listpic:after{content: "";width: 0.5rem;top: 1.32rem;height: 2.19rem;position: absolute;z-index: 10;} .tecpage4 .listpic:before{left: 0;background-image: linear-gradient(to right, #741221 , rgba(116,18,33,0));} .tecpage4 .listpic:after{right: 0;background-image: linear-gradient(to left, #741221 , rgba(116,18,33,0));} .tecpage4 .item{position: relative;margin: 0 auto;cursor: pointer;} .tecpage4 .item a{width: 1.55rem;min-height: 5.6rem;display: block;padding-top: 1.32rem;transition: all 0s;opacity: 0.9;margin: 0px auto;} .tecpage4 .item .imgbox{height: 2.19rem;background: #fff;box-shadow: 4px 10px 10px rgba(255,255,255,0.3);} .tecpage4 .imgbox img{object-fit: contain;width: auto;height: auto;max-width: 100%;} .tecpage4 .center {z-index: 10;margin: 0 1.15rem;} .tecpage4 .center .item{width: 2.99rem;} .tecpage4 .center a{padding: 8px 0 0 0;width: 2.99rem;transform: translatex(-0.4rem);opacity: 1;} .tecpage4 .center .imgbox{height: 4.26rem;box-shadow: 8px 6px 15px rgba(255,255,255,0.73);} .tecpage4 .listyear{position: relative;} .tecpage4 .listyear .btns .btna {width: 0.33rem;border-radius: 50%;height: 0.33rem;position: absolute;top: 0;font-size: 0 !important;z-index: 10;} .tecpage4 .listyear .btns .btna.btn-prev {left: -18px;} .tecpage4 .listyear .btns .btna.btn-prev:before {border-width: 16px;border-style: solid;border-color: transparent #fff transparent transparent;content: "";} .tecpage4 .listyear .btns .btna.btn-next {right: -18px;} .tecpage4 .listyear .btns .btna.btn-next:before {border-width: 16px;border-style: solid;border-color: transparent transparent transparent #fff;content: "";} .tecpage4 .listpic .btns .btna { position:absolute; top:2.25rem; z-index:999; display:block;width: 0.6rem;height: 0.6rem;line-height: 0.6rem;text-align: center;color: #fff;} .tecpage4 .listpic .btns .btna i{font-size: 0.85rem;transition: all 0.5s;} .tecpage4 .listpic .btns .btna:hover {color: #a61b2e;} .tecpage4 .listpic .btns .btna.btn-prev {left: -1.25rem;} .tecpage4 .listpic .btns .btna.btn-next {left:auto;right: -1.25rem;} .tecpage4 .listyear{text-align: center;color: #fff;} .tecpage4 .listyear .item{cursor: pointer;font-size: 0.3rem;line-height: 0.56rem;} .tecpage4 .listyear .item span{display: flex;margin: 0px auto;height: 0.33rem;position: relative;align-items: center;justify-content:center;} .tecpage4 .listyear .item span:after,.tecpage4 .listyear .item span:before{position: absolute;top: 50%;transform: translatey(-50%);height: 3px;content: "";background: #fff;width: 50%;} .tecpage4 .listyear .item span:after{left: 0;} .tecpage4 .listyear .item span:before{right: 0;} .tecpage4 .listyear .item span i{width: 0.17rem;height: 0.17rem;margin: 0px auto;border-radius: 50%;background-color: #fff;transition: all 0.5s;position: relative;} .tecpage4 .listyear .liactive .item span:after{width: calc(50% - 0.16rem);} .tecpage4 .listyear .liactive .item span:before{width: calc(50% - 0.16rem);} .tecpage4 .listyear .liactive .item span i{border: 3px solid #fff;width: 0.33rem;height: 0.33rem;background: transparent;} .tecpage5 .infoleft{width: 53.78%;float: left;position: relative;} .tecpage5 .infoleft .imgbox{padding-top: 4.31rem;} .tecpage5 .infoleft .txt{position: absolute;left: 0;bottom: 0;width: 69.53%;z-index: 2;border-top: 0.12rem solid #aa182b;background-color: rgba(170, 24, 44, 0.83);color: #fff;padding: 0.26rem 0.32rem;} .tecpage5 .infoleft .txt p{margin-top: 0.16rem;} .tecpage5 .infoleft .txt h3{padding-bottom: 0.1rem;} .tecpage5 .numlist{padding: 0.05rem 0.65rem 0 0;clear: both;} .tecpage5 .numlist li{flex: 1;text-align: center;position: relative;} .tecpage5 .numlist li:not(:last-child):after{position: absolute;right: 0;top: 0.47rem;width: 1px;height: 0.3rem;content: "";background: #ab182b;} .tecpage5 .numlist li .num{line-height: 0.8rem;color: #aa182c;font-weight: bold;} .tecpage5 .numlist li .num span{font-size: 0.5rem;margin-right: 0.04rem;} .tecpage5 .numlist li .num sub{font-size: 0.2rem;position: relative;top: -0.1rem;} .tecpage5 .numlist li h3{font-size: 0.22rem;line-height: 1.3;} .tecpage5 .inforight{width: 43.18%;float: right;} .tecpage5 .inforight .slogan{text-align: right;padding: 0.34rem 0 0.5rem;color: #aa182c;} .tecpage5 .inforight .slogan:before{display: inline-block;vertical-align: middle;content: "";width: 0.8rem;height: 2px;margin: 0 0.12rem 0 0;background: #aa182c;} .tecpage5 .inforight .txt{padding: 0.66rem 0.37rem 0.53rem 0;position: relative;} .tecpage5 .inforight .txt:after{position: absolute;bottom: 0;z-index: -1;box-shadow: 0 0 10px rgba(115, 113, 113, 0.3);content: "";width: 121%;right: 0;bottom: 0;height: 100%;} .tecpage5 .content{padding-top: 0.6rem;clear: both;position: relative;} .tecpage5 .content .owl-carousel{padding: 0 0.6rem;} .tecpage5 .owl-stage{display:flex;left: 20px;} .tecpage5 .item{position: relative;margin: 0 auto;width: 2.76rem;height: 5.17rem;display: flex;align-items: center;justify-content: center;cursor: pointer;} .tecpage5 .item a{box-shadow: 0 0 14px rgba(124, 124, 124, 0.26);display: flex;align-items: center;justify-content: center;width: 100%;height: 2.72rem;margin: 15px;background: #fff;} .tecpage5 .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 2;background: transparent;} .tecpage5 .item .imgbox{width:1.37rem;height: 1.96rem;background: #fff;margin: 0px auto;} .tecpage5 .center {z-index: 10;} .tecpage5 .center .item{width: 4.35rem;} .tecpage5 .center a{transform: translatex(-0.38rem);opacity: 1;height: 4.87rem;} .tecpage5 .center .item:after{background: transparent;display: none} .tecpage5 .center .imgbox{width:2.46rem;height: 3.5rem;} .tecpage5 .imgbox img{object-fit: contain;width: auto;height: auto;max-width: 100%;} .tecpage5 .curarrow .owl-nav button {width: 0.6rem;line-height: 0.6rem;border-radius: 50%;height: 0.6rem;} .tecpage5 .curarrow .owl-nav button span{font-size: 0.5rem;} .tecpage5 .curarrow .owl-nav button.owl-prev {background: #f4f4f4 !important;display: none;} .tecpage5 .curarrow .owl-nav button.owl-next {background: #f4f4f4 !important;display: none;} .tecpage5 .curarrow .owl-nav button:hover{color:#fff;background-image: linear-gradient(to right, rgba(250, 148, 173, 1) , rgba(200, 28, 70, 1)) !important;} .tecpage5 .curarrow .owl-dots .owl-dot.active{font-size: 0.2rem;} .tecpage5 .curarrow .owl-nav {bottom: -0.39rem;} .tecpage5 .curarrow .state .arrow dd span{position: relative;top: -4px;} .tecpage5 .curarrow .state .arrow dd{font-size: 0.2rem;color: #333;} .tecpage5 .btns .btna { position:absolute; top:2.85rem; z-index:999; display:block;width: 0.6rem;height: 0.6rem;line-height: 0.6rem;text-align: center;} .tecpage5 .btns .btna i{font-size: 0.85rem;transition: all 0.5s;} .tecpage5 .btns .btna:hover {color: #a61b2e;} .tecpage5 .btns .btna.btn-prev {left: 0;} .tecpage5 .btns .btna.btn-next {right: 0;} .tecpage5 .curarrow .owl-nav{bottom: -0.75rem;} .tecpage5 .curarrow .owl-dots{ bottom: -0.82rem;padding-right: 1.65rem;} .tecpage5 .curarrow .state{margin-top: 0.35rem;} .tecpage6 .photolist2{padding-top: 1.2rem;position: relative;} .tecpage6 .photolist2 .bg{position: absolute;left: 0;top: 0;width: 100%;height: 4.83rem;background-position: center top;background-size: cover;} .tecpage6 .photolist2 .bg:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(169, 28, 47, 0.81);content: "";} .pages.tecpage6 .total{font-size: 0 !important;min-width: 50px;} .tecpage7{background-position: center top;background-size: cover;padding: 0.6rem 0;} .tecpage7:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(169, 28, 47, 0.81);content: "";} .tecpage7 .tithead .desc{max-width: 9.24rem;margin: 0.15rem auto 0;} .tecpage7 li{width: 33.333%;text-align: center;color: #fff;font-weight: bold;padding: 0.22rem 0;} .tecpage7 li a{color: #fff;} .tecpage7 .imgbox{margin:0px auto 0.23rem;overflow: visible;max-width: 90%;padding-top: 9.68vw;} .tecpage7 .imgbox img{object-fit: contain;width: auto;height: auto;max-height: 100%;} @media(max-width:1280px){ .tecpage4 .listpic .owl-stage {left: -23px;} } @media(max-width:1024px){ .tecpage2 .item .info{padding: 0.35rem;} .tecpage2 .item .desc {height: 25.61vw;} .tecpage3 .btns .btna{top: 50%;transform: translatey(-50%);} .tecpage5 .content .owl-carousel{padding: 0;} .tecpage5 .center a{transform: translatex(-0.68rem);} .tecpage4 .listpic .btns .btna.btn-prev{left: 0;} .tecpage4 .listpic .btns .btna.btn-next{right: 0;} } @media(max-width:768px){ .tecpage3 .center{margin: 0;} .tecpage3 .center a{transform: translatex(0);} .tecpage3 .center:after{transform: translatex(-50%);} .tecpage3 .owl-stage{left: 0;} .tecpage4 .center{margin: 0;} .tecpage4 .center a{transform: translatex(0);} .tecpage4 .listpic .owl-stage{left: 0;} .tecpage5 .infoleft{width: auto;float: none;} .tecpage5 .inforight{width: auto;float: none;} .tecpage5 .inforight .txt{padding: 0.4rem;} .tecpage5 .inforight .txt:after{width: 100%;} } @media(max-width:640px){ .tecpage1 .twinfo{padding: 0;} .tecpage1 .info{width: 100%;padding: 0 0 0.3rem;} .tecpage1 .imgbox{width: 100%;margin-bottom: 0.3rem;} .tecpage1 .imgbox:after{display: none;} .tecpage1 .numlist li{flex: none;width: 50%;padding-bottom: 0.2rem;} .tecpage1 .numlist li:nth-child(even):after{display: none;} .tecpage2 .item{flex: none;width: 50%;} .tecpage2 .item .imgbox{padding-top: 130%;} .tecpage2 .item .outti{font-size: 16px;} .tecpage2 .item .desc {height: 40vw;} .tecpage3 .center a {transform: translatex(-0.35rem);} .tecpage3 .curarrow .owl-dots .owl-dot.active,.tecpage3 .curarrow .state .arrow dd{font-size: 14px;} .tecpage3 .curarrow .owl-dots{bottom: -1.1rem;} .tecpage3 .curarrow .owl-nav{bottom: -1.2rem;} .tecpage3 .btns .btna.btn-prev{left: 0;margin: 0;} .tecpage3 .btns .btna.btn-next{left:auto;right: 0;margin: 0;} .tecpage4 .center a {transform: translatex(-0.35rem);} .tecpage4 .listyear .btns .btna{top: -4px;} .tecpage5 .owl-stage{left: -0.15rem;} .tecpage5 .curarrow .owl-nav{bottom: -1.2rem;} .tecpage5 .curarrow .state {margin-top: 0.2rem;} .tecpage5 .curarrow .owl-dots{bottom: -1.1rem;font-size: 14px;padding-right: 0.85rem;} .tecpage5 .curarrow .owl-dots .owl-dot.active{font-size: 14px;} .tecpage5 .curarrow .state .arrow dd{font-size: 14px;} .tecpage5 .infoleft .txt{width: 100%;position: static;} .tecpage5 .numlist{padding: 0.25rem 0 0 0;} .tecpage5 .numlist li .num{line-height: 1.45;} .tecpage5 .numlist li .num sub{font-size: 13px;} .tecpage5 .numlist li h3{font-size: 14px;} .photolist2 .toprec .imgbox{width: 100%;padding-top: 64%;} .photolist2 .toprec .info2{flex: none;width: 100%;text-align: left;padding: 0.4rem;} .photolist2 .toprec .mores{width: 1.6rem;line-height: 0.65rem;font-size: 14px;} .tecpage7 ul{font-size: 15px;} } /* 05——品质 */ .qualitypage1 .tabnav{width: 2rem;position: relative;float: left;} .qualitypage1 .tabnav .slick-list{height: auto !important;} .qualitypage1 .tabnav:before{position: absolute;left: 0.1rem;top: 0.1rem;content: "";height: calc(100% - 0.1rem);background: #dbdbdb;width: 2px;} .qualitypage1 .tabnav .item{line-height: 1.79;cursor: pointer;padding: 0 0 0 0.4rem;position: relative;margin-bottom:3.54vw} .qualitypage1 .tabnav .item:before{position: absolute;left: 0;width: 0.18rem;height: 0.18rem;border-radius: 50%;content: "";background: #fff;border: 2px solid #dbdbdb;top: 0.1rem;transition: all 0.5s} .qualitypage1 .tabnav .slick-current,.qualitypage1 .tabnav .item:hover{color: #aa182c;font-weight: bold;} .qualitypage1 .tabnav .slick-current:before{border: 2px solid #aa182c;} .qualitypage1 .tabnav .item:hover:before{transform: scale(1.14);border: 2px solid #aa182c;} .qualitypage1 .tabcon{width: calc(100% - 2rem);float: right;} .qualitypage1 .tabcon .item{position: relative;padding: 1.49rem 0.2rem 0.2rem 0;} .qualitypage1 .tabcon .imgbox{width: 58%;padding-top: 4.84rem;position: absolute;left: 0;top: 0;} .qualitypage1 .tabcon .info{width: 53.75%;z-index: 10;background: #f7f7f7;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);border-left: 0.1rem solid #aa182c;padding: 0.62rem;position: relative;float: right;} .qualitypage1 .tabcon .info h3{position: relative;line-height: 1.23;color: #aa182c;} .qualitypage1 .tabcon .info h3:after{display: block;width: 0.34rem;height: 3px;margin: 0.14rem 0 0.37rem 0;content: "";background: #aa182c;} .qualitypage1 .tabcon .slick-current .imgbox{animation:fadeinupsmall 0.5s .3s ease both;-webkit-animation:fadeinupsmall 0.5s .3s ease both;-moz-animation:fadeinupsmall 0.5s .3s ease both;} .qualitypage1 .tabcon .slick-current .info{animation:fadeinupsmall 0.5s .5s ease both;-webkit-animation:fadeinupsmall 0.5s .5s ease both;-moz-animation:fadeinupsmall 0.5s .5s ease both;} .qualitypage2 .info{width: 43.95%;position: absolute;z-index: 2;left: 0;bottom: 0;color: #fff;background-color: rgba(170, 24, 44, 0.9);padding: 0.5rem;border-radius: 0 0.2rem 0 0;} .qualitypage2 .info h3:after{display: block;width: 70%;height: 0.31rem;border-bottom: 1px solid #d8d8d8;margin-bottom: 0.3rem;content: "";} .qualitypage2 .info p span{display:inline-block;position:static;width:auto;height:auto;text-indent:0 !important;} .qualitypage3:after{content: "";position: absolute;width: 5.44rem;height: 5.44rem;border: 0.5rem solid rgba(170, 24, 44, 0.05);bottom: 0.7rem;left: 0.4rem;border-radius: 50%;} .qualitypage3 .tabcon{padding-bottom: 0.44rem;} .qualitypage3 .imgbox{width: 57.57%;float: left;padding-top: 5.92rem;} .qualitypage3 .info{width: 36.66%;float: right;padding-top: 0.03rem;} .qualitypage3 .info h3{margin-bottom: 0.38rem;} .qualitypage3 .info h3 span{color:#aa182c;} .qualitypage3 .info .text{min-height: 2.43rem;} .qualitypage3 .info .num{text-align: right;font-size: 1rem;line-height: 1.2;color: #aa182c;font-weight: bold;position: relative;} .qualitypage3 .info .num:after{position: absolute;left: 0;bottom: 0.19rem;content: "";height: 1px;background: #aa182c;width: 0;transition: all 0.8s;} .qualitypage3 .tabnav{position: absolute;bottom: 0;width: 53.63%;z-index: 10;right: 0;} .qualitypage3 .tabnav .item{padding: 9px 0;position: relative;cursor: pointer;} .qualitypage3 .tabnav .item:before{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%) scale(0);height: 100%;width: 100%;content: "";background: #aa182c;transition: all 0.5s;} .qualitypage3 .tabnav .item a{height: 1.25rem;display: flex;align-items: center;justify-content: center;background: #f3f3f3;position: relative;z-index: 2;} .qualitypage3 .tabnav .item:first-child a{border-radius: 15px 0 0 15px;} .qualitypage3 .tabnav .item:last-child a{border-radius: 0 15px 15px 0 0;} .qualitypage3 .tabnav .item:not(:last-child):after{width: 1px;height: 0.54rem;content: "";position: absolute;right: 0;top: 50%;transform: translatey(-50%);background: #d8d8d8;z-index: 3;} .qualitypage3 .tabnav .item:hover:before,.qualitypage3 .tabnav .slick-current:before{transform: translate(-50%,-50%) scale(1);} .qualitypage3 .tabnav .item:hover a,.qualitypage3 .tabnav .slick-current a{background: transparent;color: #fff;} .qualitypage3 .tabnav .item:hover:after,.qualitypage3 .tabnav .slick-current:after{display: none;} .qualitypage3 .tabcon .slick-current .imgbox{animation:fadeinupsmall 1s .3s ease both;-webkit-animation:fadeinupsmall 1s .3s ease both;-moz-animation:fadeinupsmall 1s .3s ease both;} .qualitypage3 .tabcon .slick-current .info{animation:fadeinupsmall 1s .5s ease both;-webkit-animation:fadeinupsmall 1s .5s ease both;-moz-animation:fadeinupsmall 1s .5s ease both;} .qualitypage3 .tabcon .slick-current .info .num:after{width: 2.82rem;} .qualitypage3 .tabcon .slick-current .info .num{animation:zoomin 1s .5s ease both;-webkit-animation:zoomin 1s .5s ease both;-moz-animation:zoomin 1s .5s ease both;} @media(max-width:1024px){ .qualitypage1 .tabnav{width: auto;float: none;} .qualitypage1 .tabnav .slick-track{display: flex;justify-content: space-between;width: auto !important;} .qualitypage1 .tabnav:before{display: none;} .qualitypage1 .tabnav .item{width: auto !important;float: none !important;} .qualitypage1 .tabcon{width: auto;float: none;} .qualitypage1 .tabcon .imgbox{width: auto;padding-top: 64%;position: relative;} .qualitypage1 .tabcon .item{padding: 0;} .qualitypage1 .tabcon .info{width: auto;} .qualitypage2 .info{width: auto;padding: 0.4rem;position: static;} } @media(max-width:640px){ .qualitypage1 .tabnav .item:before{top: 10px;} .qualitypage3 .tabcon{padding-bottom: 0;} .qualitypage3 .imgbox{width: auto;float: none;padding-top: 64%;} .qualitypage3 .info{width: auto;float: none;padding: 0.4rem 0;} .qualitypage3 .tabnav{position: relative;bottom: auto;width: 100%;} } /* 06——责任 */ .reportpage1{background: #fff url(/uploads/image/crimages/reportbg.jpg) center top no-repeat;} .reportpage1 .tithead .desc{max-width: 13rem;margin: 0px auto;} .reportpage1 .numlist{padding: 0.21rem 0 0.39rem;clear: both;background: #ab182b url(/uploads/image/crimages/kj_bg1.jpg) no-repeat center center/cover;color: #fff;} .reportpage1 .numlist li{flex: 1;text-align: center;position: relative;} .reportpage1 .numlist li:not(:last-child):after{position: absolute;right: 0;top: 0.59rem;width: 2px;height: 0.73rem;content: "";background: rgba(255,255,255,0.22);} .reportpage1 .numlist li .num{line-height: 1.2rem;font-weight: bold;padding-bottom: 0.15rem;} .reportpage1 .numlist li .num span{font-size: 0.7rem;margin-right: 0.04rem;} .reportpage1 .numlist li .num sub{font-size: 0.2rem;position: relative;top: -0.1rem;} .reportpage1 .numlist li h3{font-size: 0.3rem;line-height: 1.3;} .reportlist{padding: 1rem 0;} .reportlist .item{width: 33.333%;text-align: center;margin-bottom: 4%;} .reportlist .imgbox{width: 16.875vw;padding-top: 23.43vw;margin: 0px auto 0.29rem;box-shadow: 0 4px 10px rgba(0,0,0,0.3);} .reportlist .tit{max-width: 90%;margin: 0px auto 0.27rem;} .reportlist .down{display: inline-block;padding:0.05rem 0.24rem;color: #fff;background-image: linear-gradient(to right, rgba(248, 144, 191, 0.95) , rgba(197, 18, 62, 1));border-radius: 0.41rem;} .reportlist .down:hover{background-image: linear-gradient(to left, rgba(248, 144, 191, 0.95) , rgba(197, 18, 62, 1));} .reportpage1 .reportlist:last-child{padding-bottom: 0;} .reportlist a.more{display: inline-block;padding: 0 0.26rem;height: 0.54rem;border: 1px solid rgba(0,0,0,0);font-weight: bold;line-height: 0.54rem;} .reportlist a.more:hover{color: #aa182c;border: 1px solid #aa182c;} .welfarepage1{overflow: visible;z-index: 15;} .welfarepage1 .blank{position: absolute;left: 0;width: 100%;height: 0.82rem;top: -2.2rem;} .welfarepage1 .info{width: 42.42%;float: left;} .welfarepage1 .tithead{text-align: left;} .welfarepage1 .tithead .desc{padding-top: 0.3rem;} .welfarepage1 .line{width: 2.53rem;height: 3px;background-image: linear-gradient(to right, #ef223e , #db6474);position: relative;margin-top: 0.85rem;} .welfarepage1 .line:after{content: "";width: 0.27rem;height: 0.27rem;right: -0.14rem;top: 50%;transform: translatey(-50%);border: 2px solid #aa182c;border-radius: 50%;position: absolute;} .welfarepage1 .imgbox{width: 50%;float: right;overflow: visible;} .welfarepage1 .imgbox:before{position: absolute;top: 0.9rem;left: 0.83rem;content: "";background: url(/uploads/image/crimages/kh1.png) no-repeat center center/contain;width: 0.86rem;height: 0.69rem;} .welfarepage1 .imgbox:after{position: absolute;bottom: -1.15rem;right: 0.9rem;content: "";background: url(/uploads/image/crimages/kh2.png) no-repeat center center/contain;width: 0.86rem;height: 0.69rem;} .welfarepage1 .imgbox li:nth-child(1){width: 100%;text-align: right;} .welfarepage1 .imgbox li:nth-child(1) img{width: 4.46rem;height: 2.5rem;} .welfarepage1 .imgbox li:nth-child(2) {width: 2.52rem;clear: both;float: left;} .welfarepage1 .imgbox li:nth-child(2) img{height: 1.68rem;} .welfarepage1 .imgbox li:nth-child(3) {width: 2.52rem;float: right;} .welfarepage1 .imgbox li:nth-child(3) img{height: 1.68rem;} .welfarepage1 .imgbox li.info{text-align: center;height: 3.17rem;width: 1.68rem;color: #fff;padding: 0.34rem 0 0 0;position: absolute;left: 2.52rem;background: url(/uploads/image/crimages/gy_bg1.jpg) no-repeat center bottom/cover;display: flex;top: 2.5rem;justify-content: center;} .welfarepage1 .imgbox li.info span{width: 30px;display: block;position: static;margin: 0 0.08rem;} .welfarepage1 .imgbox li.info span:nth-child(2){margin-top: 0.65rem;} .welfarepage2 .tabnav{width: 3.07rem;float: left;} .welfarepage2 .slick-track,.welfarepage2 .slick-list{height: auto !important;} .welfarepage2 .tabnav .ico{display: inline-block;vertical-align: middle;margin-right: 0.08rem;width: 0.4rem;height: 0.4rem;} .welfarepage2 .tabnav .item {position: relative;margin-bottom: 0.14rem;cursor: pointer;} .welfarepage2 .tabnav .item::after {position: absolute;left: 0;top: 0;width: 0;height: 100%;content: "";transition: all 0.5s;background: #aa182c;} .welfarepage2 .tabnav .item a{display: flex;position: relative;z-index: 2;height: 1.27rem;border: 2px solid #e5e5e5;align-items: center;justify-content: center;} .welfarepage2 .tabnav .item:hover a,.welfarepage2 .tabnav .slick-current a{color: #fff;border: 2px solid #aa182c;} .welfarepage2 .tabnav .item:hover:after,.welfarepage2 .tabnav .slick-current:after{width: 100%;} .welfarepage2 .tabcon{width: calc(100% - 3.23rem);float: right;} .welfarepage2 .tabcon .item{position: relative;} .welfarepage2 .tabcon .imgbox{padding-top: 5.58rem;} .welfarepage2 .tabcon .info{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;background-color: rgba(170, 24, 44, 0.85);color: #fff;padding: 0.25rem 0.72rem 0.23rem;} .welfarepage2 .tabcon .slick-current .imgbox{animation:fadein 1s .3s ease both;-webkit-animation:fadein 1s .3s ease both;-moz-animation:fadein 1s .3s ease both;} .welfarepage2 .tabcon .slick-current .info{animation:fadeinupsmall 1s .5s ease both;-webkit-animation:fadeinupsmall 1s .5s ease both;-moz-animation:fadeinupsmall 1s .5s ease both;} .welfarepage3 .slider .slick-list{margin: 0 -15%;} .welfarepage3 .item{margin: 0 1.3vw;width: 27vw;} .welfarepage3 .item a{position: relative;overflow: hidden;} .welfarepage3 .imgbox{padding-top: 4.29rem;} .welfarepage3 .info{position: absolute;left: 0;width: 100%;height: 100%;background:rgba(170, 24, 44, 0.9);top: 0;z-index: 15;color: #fff;padding: 0.56rem 1rem;opacity: 0;transition: all 0.8s;} .welfarepage3 .desc{min-height: 0.78rem;margin: 1.3vw 0 2.76vw;height: 2rem;} .welfarepage3 .outti{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;color: #fff;background:rgba(170, 24, 44, 0.79);text-align: center;transition: all 0.5s;padding: 0.2rem 0.73rem;line-height: 0.37rem;} .welfarepage3 .inti{line-height: 2.43;max-width: 80%;margin: 0px auto 0.2rem;border-bottom: 1px solid rgba(255,255,255,0.3);text-align: center;} .welfarepage3 .item a{display: block;} .welfarepage3 .slick-current {width: 40.67vw;} .welfarepage3 .slick-current .info{opacity: 1;} .welfarepage3 .slick-current .outti{bottom: -100%;} .welfarepage3 .state{text-align: center;width: 3rem;margin: 0.6rem auto 0;line-height: 0.6rem;position: relative;font-size: 0.2rem;} .welfarepage3 .state dd{display: inline-block;vertical-align: middle;} .welfarepage3 .slick-arrow {width: 0.6rem;line-height: 0.6rem;border-radius: 50%;height: 0.6rem;background: #f7f8f8 !important;color: #333;} .welfarepage3 .slick-arrow i{font-size: 24px;} .welfarepage3 .slick-arrow:hover{color:#fff;background-image: linear-gradient(to right, rgba(250, 148, 173, 1) , rgba(200, 28, 70, 1)) !important;} .welfarepage3 .slick-dots{position:static;} .welfarepage3 .slick-dots li{display: none;margin: 0;} .welfarepage3 .slick-dots li.slick-active{display: inline-block;width: 25px;height: 25px;} .welfarepage3 .slick-dots li.slick-active button{font-size: 0.2rem;background-color: transparent !important;border-radius: 0;color: #c5123e;} .welfarepage4 .content{position: relative;} .welfarepage4 .content .bg{position: absolute;left: 0;top: 0;width: 100%;height: 4.84rem;background-position: center center;background-size: cover;} .welfarepage4 .content .bg:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(170, 24, 44, 0.9);content: "";} .welfarepage4 .text{color: #fff;padding: 0.65rem;} .welfarepage4 .text .inner{height: 2rem;} .welfarepage4 .photo{height: 3.2rem !important;position: relative;z-index: 1;font-size: 0;padding-bottom: 0.3rem;} .welfarepage4 .photo .item{padding: 0.32rem 0;margin:0 0.28rem;width: 4.03rem;display: inline-block;} .welfarepage4 .photo .imgbox{padding-top: 2.26rem;transition: all 0.5s;} .welfarepage4 .photo .tit{position: absolute;left: 0;bottom: -100%;width: 100%;z-index: 2;padding: 0.12rem;background-color: rgba(170, 24, 44, 0.7);backdrop-filter: blur(10px);font-size: 14px;transition: all 0.5s;text-align: center;} .welfarepage4 .photo .item:hover .imgbox{transform: scale(1.28);box-shadow: 0.09rem 0.07rem 0.19rem rgba(0, 0, 0, 0.3);} .welfarepage4 .photo .item:hover .tit{bottom:0;color: #fff;} .welfarepage4 .photo .item:hover {position: relative;z-index: 2;} .welfarepage5 .text{padding: 0 0.65rem 0.65rem;} .welfarepage5 .text .inner{height: 2rem;} .welfarepage5 .photo{margin-left: -0.4rem;} .welfarepage5 .photo .item{width: 25%;padding: 0 0 0.33rem 0.4rem;} .welfarepage5 .photo .imgbox{padding-top: 56%;transition: all 0.5s;} .welfarepage5 .photo .tit{position: absolute;left: 0;bottom: -100%;width: 100%;z-index: 2;padding: 0.12rem;background-color: rgba(170, 24, 44, 0.7);backdrop-filter: blur(10px);font-size: 14px;transition: all 0.5s;text-align: center;} .welfarepage5 .photo .item:hover .imgbox{transform: scale(1.28);box-shadow: 0.09rem 0.07rem 0.19rem rgba(0, 0, 0, 0.3);} .welfarepage5 .photo .item:hover .tit{bottom:0;color: #fff;} .welfarepage5 .photo .item:hover {position: relative;z-index: 2;} .leftfix{position: absolute;left: 0;top: -1.79rem;z-index: 1000;height:350%;width: 1.16rem;background: #fff;box-shadow: 7px 13px 14px rgba(0,0,0,0.13);transition: all 0.5s;} .leftfix .title{width: 0.76rem;margin: 0px auto 0.33rem;text-align: center;color: #fff;padding: 0.2rem 0.26rem 0;height: 1.92rem;background: url(/uploads/image/crimages/xxgktit.png) no-repeat center top/contain;position: relative;} .leftfix .ti{text-align: center;line-height: 0.66rem;border-bottom: 1px solid #f4f4f4;} .leftfix .item {position: relative;} .leftfix .item .ti{cursor: pointer;background: #fff;position: relative;z-index: 100;} .leftfix .item.on .ti{font-weight: bold;color: #aa182c;} .leftfix .listinfo{position: absolute;left: 0;top: 0;background: #fff;box-shadow: 9px 0 10px rgba(0,0,0,0.17);padding: 0.6rem 0.6rem 0.33rem;width: 8.98rem;opacity: 0;z-index: -1;visibility: hidden;transition: all 0.5s;overflow-y: auto;padding-right: 10px;} .leftfix .listinfo ul{max-height: 4rem;overflow-y: auto;padding-right: 10px;} .leftfix .listinfo li{min-height: 0.6rem;margin-bottom: 0.08rem;position: relative;padding-left: 15px;} .leftfix .listinfo li:before{position: absolute;width: 7px;height: 7px;content: "";border-radius: 50%;background: #333333;top: 11px;left: 0;} .leftfix .listinfo li:hover:before{background: #aa182c;} .leftfix .listinfo li:last-child{margin-bottom: 0;} .leftfix .item:hover .ti{color: #aa182c;} .leftfix .item:hover .listinfo{left: 100%;opacity: 1;visibility: visible;z-index: 10;} .leftfix.on{position: fixed;top: 0.82rem;height: calc(100% - 0.82rem);} @media(max-width:1366px){ .leftfix .listinfo{top: 50%;transform: translatey(-50%);} } @media(max-width:1024px){ .welfarepage1 .info{width: auto;float: none;} .welfarepage1 .imgbox{width: auto;float: none;} .welfarepage2 .tabnav{width: auto;float: none;} .welfarepage2 .tabcon{width: auto;float: none;} .welfarepage2 .tabnav .slick-track{display: flex;flex-wrap: wrap;} .welfarepage2 .tabnav .slick-track .item{width: 50% !important;} .welfarepage3 .slider .slick-list{margin: 0;padding: 0 10%;} .leftfix {height: auto !important;width: 0;box-shadow: 0 0 0 rgba(0,0,0,0);background: transparent;} .leftfix .title{width: 0.5rem;padding: 0.2rem 0.1rem;background: #aa182c;height: auto;border-radius: 0 5px 5px 0;} .leftfix .sub{position: fixed;left: 0.5rem;top: 50%;transform: translatey(-50%);width:100px;visibility: hidden;z-index: -100;transition: all ease-out 0.5s;opacity: 0;background: rgba(255,255,255,0.9);box-shadow: 0 0 10px rgba(0,0,0,0.17);} .leftfix .item .ti{line-height: 0.8rem;} .leftfix.over .sub{z-index: 100;opacity: 1;visibility:visible;} .leftfix .listinfo{width: 4.75rem;padding: 0.25rem;box-shadow: 0 0 10px rgba(0,0,0,0.17);max-height: 80vw;} .leftfix .listinfo ul{max-height: 6rem;} } @media(max-width:640px){ .reportpage1 .numlist li{flex: none;width: 50%;padding-bottom: 0.25rem;} .reportpage1 .numlist li:nth-child(even):after{display: none;} .reportpage1 .numlist li .num{padding-bottom: 0;line-height: 1.45;} .reportlist .item{width: 50%;padding-bottom: 0.5rem;} .welfarepage2 .tabcon .info{position:static;} .welfarepage3 .slick-dots li.slick-active button,.welfarepage3 .state{font-size: 14px;} .welfarepage3 .info{padding: 0.3rem;} .welfarepage5 .photo {margin-left: -0.2rem;} .welfarepage5 .photo .item{width: 50%;padding: 0 0 0.2rem 0.2rem;} .welfarepage5 .photo .tit,.welfarepage4 .photo .tit {font-size: 12px;line-height: 18px;} .welfarepage4 .photo .item{margin: 0 0.1rem;} .reportlist .imgbox{width: 80%;padding-top: 120%;} .leftfix{top: 1.2rem;background: transparent;} .leftfix.on{top: 50px;} .leftfix.on .sub{top: 50px;transform: translatey(0);} .leftfix.on .listinfo{top: 0;transform: translatey(0);} .leftfix .title{line-height: 16px;} } /* 搜索结果 */ .searchtop{background: #f8f9fa;margin-top: 1rem;border-top: 1px solid #e3e3e3;padding-top: 0.2rem;} .searchtop .subtit2 {margin-bottom: 0;} .searchtop .subtit2 h2{line-height: 1.17rem;text-align: center;} .searchtop .box{position: relative;max-width: 8rem;margin: 0px auto 0.27rem;} .searchtop .box .input{width: 100%;border-radius: 30px;height: 0.6rem;line-height: 0.6rem;padding: 0 1.2rem 0 0.33rem;font-size: 0.18rem;background: #fff;} .searchtop .box button{width: 1.2rem;border-radius: 30px;height: 0.6rem;font-size: 0.18rem;background: #aa182c;color:#fff;position: absolute;right: 0;top: 0;} .searchtop .nav{text-align: center;} .searchtop .nav li{display: inline-block;margin: 0 0.25rem;line-height: 0.76rem;position: relative;} .searchtop .nav li:after{left: 50%;bottom: 0;width: 0;height: 3px;transition: all 0.3s;background: #aa182c;position: absolute;content: "";} .searchtop .nav li a{color: #555555;display: block;} .searchtop .nav li a:hover,.searchtop .nav li.on a{color: #aa182c;} .searchtop .nav li:hover:after,.searchtop .nav li.on:after{width: 100%;left: 0;} .searchcontent{padding: 0.44rem 0 0.9rem;} .searchcontent .statu{margin-bottom: 0.57rem;color: #555555;position: relative;} .searchcontent .statu .nav{position: absolute;right: 0;top: 0;} .searchcontent .statu .nav span{display: inline-block;margin-left: 0.33rem;cursor: pointer;position: relative;} .searchcontent .statu .nav span:after{display: inline-block;content: "";vertical-align: middle;margin-left: 10px;width: 0.13rem;height: 0.16rem;background: url(/uploads/image/crimages/arrb.png);background-size: contain;} .searchcontent .statu .nav span.on{color: #aa182c;} .searchcontent .statu .nav span.on:after{background: url(/uploads/image/crimages/arrt.png);background-size: contain;} .searchlist{padding-bottom: 0.2rem;} .searchlist li{border-bottom: 1px solid #dbdce1;padding: 0 1.36rem 0.29rem 0;margin-bottom: 0.29rem;position: relative;} .searchlist li .ti{font-size: 0.2rem;margin-bottom: 0.11rem;} .searchlist li .wz{color:#999999;} .searchlist li .wz span{display: inline-block;width: 0.52rem;text-align: center;} .searchlist li .mores{position: absolute;right: 0;top: 0.2rem;transition: all 0.3s;} .searchlist li:hover .mores{right: 0.2rem;} @media(max-width:640px){ .searchcontent .statu .nav{position: static;text-align: right;padding-top: 5px;} .searchlist li {padding-right: 0;} .searchlist li .mores{position: static;margin-top: 5px;} .searchlist li .ti{font-size: 15px;} .searchtop .box .input,.searchtop .box button{font-size: 14px;} } /*.tecpage3 .owl-carousel .owl-dots.disabled, .tecpage3 .owl-carousel .owl-nav.disabled, .tecpage5 .owl-carousel .owl-dots.disabled, .tecpage5 .owl-carousel .owl-nav.disabled, .tecpage6 .owl-carousel .owl-dots.disabled, .tecpage6 .owl-carousel .owl-nav.disabled, {display: inline-block !important;}*/ .jobpop{width: 1025px;z-index: 1000;background:#fff;box-shadow: 0px 5px 20px rgba(0,0,0,0.12);margin:0px auto;position: relative;max-height: 50%;overflow-y: auto;} .jobpop *{ box-sizing:border-box; -moz-box-sizing:border-box; /* firefox */ -webkit-box-sizing:border-box; /* safari */ /*设置的区域宽度用百分比固定为父元素的宽度对应的百分百，不会收到padding或是border把盒子撑大*/ } .jobpop *:before,.jobpop *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .jobpop .content{padding:0.5rem;overflow: hidden;} .jobpop .content video{display: block;width: 100%;} .jobpop .toptit{text-align: center;padding-bottom: 0.4rem;} .jobpop .toptit h1{text-align: center;line-height: 1.73;font-size: 0.3rem;color:#aa182c;} .jobpop .toptit time i{color:#aa182c;margin-right: 10px;} .jobpop .mfp-close{width: 0.52rem;height: 0.52rem;line-height: 0.52rem;text-align: center;background:#aa182c;color:#fff !important;opacity: 1;font-size: 0.5rem;} .dplayerbox{width: 68.75vw;margin: 0px auto;} #dplayerplay2{height: 38.7vw;} @media(max-width:1024px){ .jobpop{width: 95%;} .dplayerbox{width: 100%;} #dplayerplay2{height: 56.2vw;} }