<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@font-face {
    font-family: dincondbold;
    src: url("../font/dincondbold.otf");
}
@font-face {
    font-family:dinbold ;
    src: url("../font/dinbold.otf");
}
.dincondbold{font-family: dincondbold;}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;font-size: 0.14rem;}
html,body{font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;}
input,textarea,select{font-family:"Microsoft YaHei","PingFang SC";}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;line-height: 1.6;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6;}
.des-justify p{text-align: justify;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1800{width: 93.75%;margin: 0 auto;}
ul{font-size: 0;}
ul li{font-size: 0.14rem;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}
.BMap_Marker img{width: 100%;vertical-align: bottom;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
.search_box .text::-webkit-input-placeholder{color:#fff;}
.search_box .text:-moz-placeholder{color:#fff;}
.search_box .text::-moz-placeholder{color:#fff;}
.search_box .text:-ms-input-placeholder{color:#fff;}
.edit *{font-weight: revert;list-style: revert;}
.edit img{display: block;max-width: 100%;margin: 0 auto;height:auto !important;}
.mg-bt10{margin-bottom: 0.1rem;}
.mg-bt15{margin-bottom: 0.15rem;}
.mg-bt20{margin-bottom: 0.2rem;}
.mg-bt25{margin-bottom: 0.25rem;}
.mg-bt30{margin-bottom: 0.3rem;}
.mg-bt40{margin-bottom: 0.4rem;}
.mg-bt50{margin-bottom: 0.5rem;}
.mg-bt60{margin-bottom: 0.6rem;}
.mg-bt70{margin-bottom: 0.7rem;}
.mg-bt80{margin-bottom: 0.8rem;}
.des16 p{font-size: 0.16rem;}
.des18 p{font-size: 0.18rem;}
.line20 p{line-height: 2;}
.line18 p{line-height: 1.8;}
.size18{font-size: 0.18rem;}
.des-fff *{color: #fff;}
.title-fff *{color: #fff;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.swiper-pagination-bullets .swiper-pagination-bullet{vertical-align: middle;opacity: 1;}
.wow{transform: translateZ(0);}
/*header s*/
.header{position: fixed;width: 100%;top:0;left: 0;z-index: 999;transition: all .4s;border-bottom: 1px solid rgba(255,255,255,0.3);}
.bg-fff{background: #fff;}
.header &gt; .w1800{height: 0.9rem;position: relative;}
.logo{position: absolute;top:50%;left: 0;transform: translateY(-50%);}
.logo img{height: 0.6rem;display: block;vertical-align: bottom;}
.header-con{margin-left: 2.65rem;display: flex;justify-content: flex-end;align-items: center;}
.nav-box{margin-right: 0.55rem;}
.nav li{margin-right: 0.55rem;position: relative;}
.nav li:last-child{margin-right:0;}
.nav-yi{line-height: 0.9rem;font-size: 0.18rem;position: relative;display: inline-block;color: #fff;transition: all .4s;}
.nav-yi:after{content: "";position: absolute;transition: all .4s;width: 0;border-bottom: 1px solid #d02732;left: 50%;transform: translateX(-50%);opacity: 0;bottom:-1px;z-index: 9;}
.nav li.active .nav-yi:after{width: 0.36rem;opacity: 1;}
.nav li.active .nav-yi{font-weight: bold;color: #d02732 !important;}
.header-area{display: flex;align-items: center;}
/*.header-area{position: absolute;right: 0;top:50%;transform: translateY(-50%);transition: all .4s;display: flex;align-items: center;}*/
.nav-hide{position: fixed;left: 0;width: 100%;background: #fff;border-top: 1px solid #f4f4f4;display: none;box-shadow: 0 1px 2px #ddd;}
.nav-hide{position: absolute;width: 1.8rem;transform: translateX(-50%);left: 50%;}
.nav-nm{justify-content: center;display: block;}
.nav-nm a{display: block;text-align: center;font-size: 0.18rem;transition: all .4s;margin-right: 0;line-height: 0.5rem;}
.nav-nm a:last-child{margin-right: 0;}
.menu{display: flex;align-items: center;height: 0.32rem;border:1px solid rgba(255,255,255,0.5);border-radius: 0.32rem;padding:0 0.16rem;color: #fff;cursor: pointer;}
.menu-left{width: 0.15rem;height: 0.13rem;display: flex;justify-content: space-between;flex-direction: column;align-items: flex-end;margin-right: 0.14rem;}
.menu-left div{height: 0.02rem;background: #fff;width: 100%;transition: all .4s;}
.menu-left div:nth-child(2){width: 80%;}

.bg-fff.header{background: #fff;border-color: rgba(172,172,172,0.3);}
.bg-fff.header .nav-yi{color: #333333;}
.bg-fff.header .menu{color: #333;border-color: rgba(0,0,0,0.5);}
.bg-fff.header .menu-left div{background: #555;}

body.active .header{background: #fff;border-color: rgba(172,172,172,0.3);}
body.active .header .nav-yi{color: #333333;}
body.active .menu{color: #333;border-color: rgba(0,0,0,0.5);}
body.active .menu-left div{background: #555;}

.header-bg-fff.header{background: #fff;border-color: rgba(172,172,172,0.3);}
.header-bg-fff.header .nav-yi{color: #333333;}
.header-bg-fff.header .menu{color: #333;border-color: rgba(0,0,0,0.5);}
.header-bg-fff.header .menu-left div{background: #555;}

.header-color-333.header{border-color: rgba(172,172,172,0.3);}
.header-color-333.header .nav-yi{color: #333333;}
.header-color-333.header .menu{color: #333;border-color: rgba(0,0,0,0.5);}
.header-color-333.header .menu-left div{background: #555;}
/**/
.fixed-left{right: -4.5rem;position: absolute;height: 100%;top:0;background: #fff;width: 4.5rem;transition: all .4s;}
.fixed-left-wrap{position: absolute;left:0.3rem;top:0.25rem;right: 0;bottom:0;display: flex;flex-direction: column;justify-content: space-between;overflow: auto;}
.fixed-left-close{width: 0.2rem;height: 0.2rem;background: url("../images/gb49.png") no-repeat center;background-size: cover;cursor: pointer;white-space: nowrap;color: #fff;}
.fixed-left-close span{z-index: -1;position: relative;}
/*.nav-left{margin-top: 0.25rem;}*/
.nav-left li{position: relative;margin-bottom: 0.1rem;display: block;}
.nav-left-yi{display: block;color: #333;font-weight: bold;margin-bottom: 0.1rem;font-size: 0.16rem;}
.nav-left-hide{font-size: 0;}
.nav-left-hide a{display: inline-block;width: 30%;margin-right: 2%; font-size: 0.15rem; color: #666666;margin-bottom: 0.08rem;vertical-align: top;transition: all .4s;}
.nav-left-hide a:nth-child(3n){margin-right: 0;}
.nav-left-hide a:hover{color: #d02732;}
/*.nav-left-hide a:last-child{margin-bottom: 0;}*/
.left-code{margin-bottom: 0.2rem;}
.code{width: 1.2rem;margin-right: 0.2rem;display: inline-block;vertical-align: middle;}
.code-text p{font-size: 14px;color: #666;}
.fixed-left-box{display: none;}
.fixed-left-box.active .fixed-left{right:0;}
.code-text{display: inline-block;vertical-align: middle;}
.shadowStyle{background: rgba(0,0,0,.7);}
.fixed-full{position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;}

/**/
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:4%;top:50%;margin-top: -16px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #d02732; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
/*header e*/
/*footer s*/
.footer{background: url("../images/footer-bg.jpg") no-repeat center;background-size: cover;overflow: hidden;}
.w1500{width: 78.125%;margin: 0 auto;}
.footer-bot{display: flex;flex-direction: row-reverse;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;padding: 0.2rem 0;}
.footer-ma li{margin-right: 0.4rem;text-align: center;}
.footer-ma li .img100{width: 1.03rem;margin: 0 auto 0.1rem;}
.footer-ma li p{color: #777a84;}
.beian span,.beian a{color: #777a84;display: inline-block;}
.footer-top{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0.5rem 0;}
.footer-tel{font-family:dinbold;line-height: 1;}
.kefu{display: flex;align-items: center;}
.kefu span{font-size: 0.17rem;color: #fff;}
.kefu span:nth-child(1){font-weight: bold;margin-right: 0.18rem;}
.footer-add li{display: flex;align-items: center;margin-bottom: 0.12rem;}
.footer-add li img{width: 0.26rem;margin-right: 0.22rem;}
.footer-nav{display: flex;width: 63.66%;justify-content: space-between;position: relative;}
.footer-nav:before{content: "";position: absolute;width: 1000rem;border-top: 1px solid #292b2f;left: 0;top:0.45rem;}
.footer-nav dt{color: #fff;font-size: 0.17rem;margin-bottom: 0.5rem;}
.footer-nav dd{margin-bottom: 0.08rem;}
.footer-nav dd:last-child{margin-bottom: 0;}
.footer-nav dd a{color: #ababab;transition: all .4s;}
.footer-nav dd a:hover{color: #fff;}

.sidebar-box{position: fixed;text-align: center;right: 0.1rem;bottom:0.2rem;z-index: 50;display: flex;align-items: center;flex-direction: column;}
.sidebar-box ul{border-radius: 0.26rem;width: 0.44rem;}
.sidebar-box li{position: relative;margin-bottom: 0.16rem;display: block;box-shadow: 0 0 1.2px 2.8px rgba(0, 0, 0, 0.1);border-radius: 50%;background-color: rgb(255, 255, 255);}
.sidebar-box li.on .icon:before{top: -100%;}
.sidebar-box li.on .icon:after{top: 0;}
.sidebar-box li.on .hidebox{opacity: 1;visibility: visible;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}
.sidebar-box li p{line-height: 20px;color: #666;transition: color 0.36s ease;margin-top: 0.04rem;}
.sidebar-box .tel .icon:before{background-image: url(../images/i-tel.png);}
.sidebar-box .tel .icon:after{background-image: url(../images/i-tel2.png);}
.sidebar-box .tel .hidebox{min-width: 2rem;line-height: 0.48rem;padding: 0 0.2rem;}
.sidebar-box .tel .hidebox a{display: inline-block;background-image: -webkit-linear-gradient(left, #d02732 0%, #e9a3a7 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: dinbold;white-space: nowrap;font-size: 0.3rem;}
.sidebar-box .qrcode .icon:before{background-image: url(../images/i-qrcode.png);}
.sidebar-box .qrcode .icon:after{background-image: url(../images/i-qrcode2.png);}
.sidebar-box .qrcode .hidebox{width: 1.2rem;padding: 0.06rem 0.06rem 0.1rem;}
.sidebar-box .qrcode .hidebox img{display: block;width: 100%;}
.sidebar-box .icon{width: 0.44rem;height: 0.44rem;position: relative;overflow: hidden;margin: 0 auto;}
.sidebar-box .icon:before,
.sidebar-box .icon:after{content: "";width: 100%;height: 100%;background-size: contain;background-repeat: no-repeat;background-position: center center;position: absolute;left: 0;transition: all 0.48s ease;}
.sidebar-box .icon:before{top: 0;}
.sidebar-box .icon:after{top: 100%;}
.sidebar-box .hidebox{position: absolute;top: 50%;right: calc(100% + 0.14rem);background: #fff;border-radius: 5px;box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);transition: all 0.6s ease;transform: translate(0.5rem, -50%);opacity: 0;visibility: hidden;}
.sidebar-box .hidebox:after{content: "";border: 6px solid transparent;border-left-color: #fff;position: absolute;right: -12px;top: 50%;margin-top: -6px;z-index: 10;}
.sidebar-box li:hover{z-index: 9;}
.sidebar-box li:hover .icon:before{top: -100%;}
.sidebar-box li:hover .icon:after{top: 0;}
.sidebar-box li:hover .hidebox{opacity: 1;visibility: visible;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}
.chatIcon{width: 0.9rem;display: block;}
.footer .title52{animation: none !important;}
    /*footer e*/
/*index s*/
.swiper-container1{height: 100%;}
.swiper-container1 &gt; .swiper-wrapper &gt; .swiper-slide{overflow: hidden;}
.footer-slide{height: auto !important;overflow: visible;background: #060e24;}
.banner .swiper-container{height: 100%;}
.btn50 div{display: inline-block;width: 0.5rem;height: 0.5rem;z-index: 9;cursor: pointer;border-radius: 100%;transition: all .4s;}
.btn50 .btn501{background: #fff url("../images/1001.png") no-repeat center;background-size: cover;}
.btn50 .btn501:hover {background: #d02732 url("../images/1003.png") no-repeat center;background-size: cover;}
.btn50 .btn502{background: #fff url("../images/1002.png") no-repeat center;background-size: cover;}
.btn50 .btn502:hover{background: #d02732 url("../images/1004.png") no-repeat center;background-size: cover;}
.btn50-mid div{position: absolute;top:50%;transform: translateY(-50%);}
.btn50-mid .btn501{left: 0.58rem;}
.btn50-mid .btn502{right: 0.58rem;}

.btn50-gray .btn501{background: #f3f3f3 url("../images/1005.png") no-repeat center;background-size: cover;}
.btn50-gray .btn502{background: #f3f3f3 url("../images/1006.png") no-repeat center;background-size: cover;}


.mouse{position: absolute;width: 26px;height: 44px;border:2px solid #fff;border-radius: 26px;z-index: 9;bottom:0.5rem;left: 50%;margin-left: -13px;}
.mouse .i{height: 14px;width: 2px; margin: 10px auto;background: #fff;}
.index-swiper-pagination{position: fixed;right: 0.2rem;z-index: 99;top:50%;transform: translateY(-50%);}
.index-swiper-pagination .swiper-pagination-bullet{margin-bottom: 0.1rem; display: block;width: 0.25rem;height: 0.25rem;background: url("../images/xing50.png") no-repeat center;background-size: cover;transition: all .4s;filter: grayscale(1);opacity: 0.8;}
.index-swiper-pagination .swiper-pagination-bullet-active{filter: grayscale(0);opacity: 1;}
.index-swiper-pagination .swiper-pagination-bullet:hover{filter: grayscale(0);opacity: 1;}
.index-swiper-pagination .swiper-pagination-bullet:last-child{margin-bottom: 0;}
.playIcon{position: absolute;left: 50%;top: 50%;z-index: 10;width: 1.04rem; height: 1.04rem;margin-top: -0.52rem;margin-left: -0.52rem;background-color: #ffffff;border-radius: 50%;cursor: pointer;}
.playIcon:before,
.playIcon:after{content: "";position: absolute;left: -50%;top: -50%;width: 200%;height: 200%;z-index: 0;border: 1px solid rgba(255, 255, 255, 0.6);border-radius: 50%;box-sizing: border-box;}
.playIcon:before{animation: iconScale3 3s linear infinite;}
.playIcon:after{animation: iconScale3 3s 0.5s linear infinite;}
.playIcon .icon{position: relative;width: 100%;height: 100%;margin: 0 auto;}
.playIcon .icon:before,
.playIcon .icon:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(255, 255, 255, 0.3);border-radius: 50%;box-sizing: border-box;}
.playIcon .icon:before{animation: iconScale3 2.4s 1s linear infinite;}
.playIcon .icon:after{animation: iconScale3 2.4s 1.2s linear infinite;}
.playIcon i{display: block;width: 100%;height: 100%;background: url(../images/play.png) no-repeat center center;background-size: 100%;position: relative;z-index: 10;transform: scale(0.4038);-webkit-transform: scale(0.4038);-moz-transform: scale(0.4038);-ms-transform: scale(0.4038);-o-transform: scale(0.4038);}
.index-top-header{position: absolute;top:0.9rem;width: 100%;left: 0;bottom:0;display: flex;align-items: center;}
.title52 h2{font-size: 0.52rem;}
.title-d02732 h2,.title-d02732 h3{color: #d02732;}
.title-bold h2,.title-bold h3{font-weight: bold;}
.en26{font-size: 0.26rem;font-family: dincondbold;}
.en22{font-size: 0.22rem;font-family: dincondbold;}
.title-d02732 .en26{color: #d02732;}
.pro-warp{display: flex;justify-content: space-between;}
.pro-left{width: 45.6%;}
.pro-a{display: block;background: rgba(0,0,0,0.1);padding: 0.3rem 0.46rem;position: relative;height: 100%;}
.radius20{border-radius: 0.2rem;}
.tip16{display: inline-block;font-size: 0.16rem;min-width: 1rem;border:1px solid #6b6d6d;line-height: 0.38rem;text-align: center;padding: 0 0.1rem;border-radius: 0.4rem;transition: all .4s;}
.pro-left .pro-img{width: 6rem;margin: 0 auto 0.2rem;max-width: 100%;}
.des-title32 h3{font-size: 0.32rem;}
.icon36{display: inline-block;width: 0.36rem;height: 0.36rem;background: #fff url("../images/icon-keyboard.png") no-repeat center;background-size: 100%;border-radius: 100%;}
.pro-a .icon36{position: absolute;right: 0.2rem;bottom:0.2rem;}
.pro-mid{width: 26.5%;}
.pro-right{width: 26.67%;}
.pro-mid .pro-a{height: auto;padding: 0.3rem;}
.pro-mid .tip16{margin-bottom: 0.2rem;}
.pro-right .tip16{position: absolute;top:0.3rem;left: 0.3rem;z-index: 9;color: #fff;border-color: #fff;}
.pro-a-con{display: flex;justify-content: space-between;align-items: center;}
.pro-a-con .pro-img{width: 59%;}
.pro-a-con-r{width: 41%;position: relative;z-index: 9;}
.pro-mid .pro-a:nth-child(1){margin-bottom: 2.5%;}
.pro-mid .pro-a:nth-child(2) .pro-a-con{flex-direction: row-reverse;}
.des-title22 h3{font-size: 0.22rem;}
.pro-a:hover .tip16{border-color: #d02732;color: #d02732;}
a:hover .tip16{border-color: #d02732;color: #d02732;}
.pro-img .img100{padding-bottom: 75%;overflow: visible !important;}
.jjfa-big{width: 14.32rem;max-width: 100%;margin-left: 3.68rem;}
.jjfa-bigs{display: none;}
.jjfa-bigs.active{display: block;}
.jjfa-left{position: absolute;left: 0;height: 100vh;bottom:0;width: 3.33rem;background: rgba(0,0,0,0.2);}
.jjfa-left-con{position: absolute;top:0.9rem;width: 100%;left: 0;bottom:0;display: flex;flex-direction: column;justify-content: space-between;padding-top: 0.5rem;}
.ljgd{display: inline-block;transition: all .4s;padding: 0 0.15rem;border:1px solid #333;border-radius: 0.38rem;}
.ljgd span{line-height: 0.38rem;display: inline-block;vertical-align: middle;}
.ljgd .i{vertical-align: middle;display: inline-block;width: 0.2rem;height: 0.15rem;background: url("../images/40x30-1.png") no-repeat center;background-size: 100% 100%;margin-left: 0.08rem;transition: all .4s;}
.ljgd:hover{border-color: #d02732;color: #d02732;}
.ljgd:hover .i{background: url("../images/40x30-2.png") no-repeat center;background-size: 100% 100%;}
.ljgd-fff{border-color: #fff;color: #fff;}
.ljgd-fff .i{background: url("../images/40x30-3.png") no-repeat center;background-size: 100% 100%;}
.ljgd-bgfff{background: #fff;border-color: #fff;color: #d02732;}
.ljgd-bgfff .i{background: url("../images/40x30-2.png") no-repeat center;background-size: 100% 100%;}
.jjfa-type li{padding: 0.25rem;border-bottom: 1px solid rgba(255,255,255,0.15);position: relative;z-index: 9;overflow: auto;display: flex;justify-content: center; min-height: 1rem;flex-direction: column;cursor: pointer;}
.jjfa-type-top{display: flex;align-items: center;}
.jjfa-type-top img{width: .42rem;margin-right: 0.1rem;}
.jjfa-type-bot{display: flex;}
.jjfa-type-bot a{margin-right: 0.1rem;}
.jjfa-type-bot a:last-child{margin-right: 0;}
.jjfa-type-hide{z-index: -1;transition: all .4s;overflow: hidden;}
.jjfa-type-hide img{position: absolute;width: 1.05rem;right: 0.15rem;top:0.25rem;}
.bg-d42a36{background: #d42a36;right: 100%;left: auto;}
.jjfa-type-con{display: none;padding-top: 0.1rem;}
.jjfa-type li.active .jjfa-type-con{display: block;}
.jjfa-type li.active .jjfa-type-hide{right: 0;}
.jjfa-type li.active .jjfa-type-top img{filter: brightness(6);}
.jjfa-type li .ljgd-bgfff:hover{border-color: #fff;}
.jjfa-type li .ljgd-fff:hover{background: #fff;}
.jjfa-list li{position: absolute;width: 0.56rem;height: 0.56rem;}
.jjfa-list-dot{position: absolute;width: 100%;height: 100%;background: url("../images/112.png") no-repeat center;background-size: cover;cursor: pointer;}
.jjfa-list li:nth-child(1){left: 48.2%;top:42%;}
.jjfa-list li:nth-child(2){left: 83%;top: 8%;}
.jjfa-list li:nth-child(3){left: 83%;top: 72%;}
.jjfa-list li:nth-child(4){left: 27%;top: 43%;}
.jjfa-list li:nth-child(5){left: 12%;top: 31%;}
.jjfa-list-con{position: absolute;width: 4.9rem;height: 1.8rem;background: #fff;left: 50%;margin-left: -2.45rem;bottom:0.85rem;border:0.04rem solid #d02732;border-radius: 0.1rem;z-index: 9;padding: 0.22rem;transform: scale(0);transition: all .4s;transform-origin: bottom;}
.jjfa-list-con-warp{display: flex;justify-content: space-between;align-items: center;}
.jjfa-list-con:after{width: 0.3rem;height: 0.16rem;background: url("../images/30x16.png") no-repeat center;background-size: 100% 100%;left: 50%;margin-left: -0.15rem;bottom:-0.16rem;position: absolute;content: "";}
.jjfa-sm-img{width: 44%;}
.jjfa-sm-con{width: 53%;}
.ljgd-d02732{color: #d02732;border-color: #d02732;}
.ljgd-d02732 .i{background: url("../images/40x30-2.png") no-repeat center;background-size: 100% 100%;}
.des-666 p{color: #666;}
.jjfa-sm-con .ljgd{border-width: 2px;padding: 0 0.1rem;}
.jjfa-sm-con p{line-height: 1.3;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.jjfa-sm-con .des-666{padding: 0.05rem 0;}
.jjfa-sm-con .ljgd span{line-height: 0.28rem;}
.jjfa-sm-img .img100{padding-bottom: 66%;}
.jjfa-list li.active .jjfa-list-con{transform: scale(1);}
.type18{display: inline-block;transition: all .4s;font-size: 0.18rem;line-height: 0.4rem;border:1px solid #e9e9e9;border-radius: 0.4rem;min-width: 1.36rem;text-align: center;padding: 0 0.1rem;}
.project-type{display: flex;align-items: center;justify-content: center;}
.project-type a{margin-right: 0.26rem;}
.project-type a:last-child{margin-right: 0;}
.project-type a.active{background: #d02732;border-color: #d02732;color: #fff;}
.project-type a:hover{background: #d02732;border-color: #d02732;color: #fff;}
.radius10{border-radius: 0.1rem;}
.project-a{display: block;}
.des-title19 h3{font-size: 0.19rem;}
.project-bot{position: absolute;left: 0;z-index: 9;bottom:0;background: rgba(0,0,0,0.5);width: 4.4rem;max-width: 100%;border-top-right-radius: 0.1rem;padding: 0.1rem 0.35rem;transition: all .4s;}
a:hover .project-bot{background: rgba(208,39,50,0.5);}
.project-a .img100{padding-bottom: 67.5%;}
.projects{display: none;}
.projects.active{display: block;}
.qqyxip .swiper-container{height: 100%;}
.ppzxlg{position: absolute;bottom:0.45rem;width: 100%;display: flex;justify-content: center;z-index: 9;}
.ppzxlg a{width: 1.85rem;transition: all .4s;border-radius: 0.72rem;background: #fff;margin-right: 0.4rem;border:0.03rem solid transparent;}
.ppzxlg a:last-child{margin-right: 0;}
.ppzxlg a.active{border-color: #d02732;}
.ppzxlg a:hover{border-color: #d02732;}
.qqyxip-dot{position: absolute;bottom:0.35rem;width: 100%;display: flex;justify-content: center;z-index: 9;}
.qqyxip-dot li{width: 2.3rem;margin-right: 0.3rem;cursor: pointer;position: relative;}
.qqyxip-dot li:last-child{margin-right: 0;}
.qqyxip-dot li .img100{position: relative;}
.qqyxip-dot li .img100:after{position: absolute;width: 0;left: 0;height: 0.05rem;background: #d02732;content: "";bottom:0;}
.qqyxip-dot li.active .img100:after{width: 100%;}
.qqyxip-hide{position: absolute;width: 3.6rem;min-height: 1.7rem;bottom:1.5rem;right: 0;background: rgba(255,255,255,.85);border:0.05rem solid #d02732;padding:0.15rem 0.3rem;transform: scale(0);transition: all .4s;transform-origin: bottom;}
.qqyxip-hide:after{width: 0.24rem;height: 0.13rem;background: url("../images/30x16.png") no-repeat center;background-size: 100% 100%;bottom:-0.13rem;position: absolute;content: "";right:0.35rem;}
.des-title26 h3{font-size: 0.26rem;}
.qqyxip-dot li.active .qqyxip-hide{transform: scale(1);}
.zindex9{z-index: 9;}
.qqyxip-title{position: absolute;top:1.3rem;left: 0;width: 100%;}
.des22 p{font-size: 0.22rem;}
.about-box{display: flex;justify-content: space-between;flex-direction: row-reverse;flex-wrap: wrap;}
.about-con{width: 35%;}
.des-999 p{color: #999;}
.data li{width: 32%;margin-right: 2%;margin-bottom: 2%;}
.data li:nth-child(3n){margin-right: 0;}
.data-top span{font-size: 0.52rem;color: #d02732;font-family: dincondbold;}
.data-top span:nth-child(2){font-size: 0.26rem;font-weight: bold;}
.data li:nth-child(1) .data-top span:nth-child(2){font-size: 0.52rem;}
.data li:nth-child(2) .data-top span:nth-child(2){font-size: 0.52rem;}
.spBig{width: 79.4%;}
.spBig .swiper-slide{height: 5.21rem;}
.spBt{position: absolute;bottom:0;left: 0;width: 100%;padding: 15px 0;background: rgba(0,0,0,.5);}
.spBt p{color: #fff;margin: 0 25px;position: relative;padding-left: 15px;}
.spBt p:before{content: '';width: 6px;height: 6px;left: 0;top:9px;position: absolute;background: #fff;border-radius: 100%;-webkit-border-radius: 100%;}
.spSm{position: absolute;right: 0;width: 18%;height: 100%;top:0;}
.spSm .swiper-container{height: 100%;}
.spSm .position-full:after{content: ''; position: absolute;width: 100%;height: 100%;top:0;right: 0;border:0.04rem solid #d02732;box-sizing: border-box;opacity: 0;}
.spSm .active-nav .position-full:after{opacity: 1;}
.spSm .swiper-slide{cursor: pointer;}
.about-box{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.about-con{width: 45.56%;padding: 0 0.9rem;}
.about-img{width: 54.44%;position: relative;}
.spBig .btn501{left: 0.48rem;}
.spBig .btn502{right: 0.48rem;}
.ljgd-d02732:hover{background: #d02732;color: #fff;}
.ljgd-d02732:hover .i{background: url("../images/40x30-3.png") no-repeat center;background-size: cover;}
.store a{position: absolute;width: 50%;height: 100%;top:0;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.store a:nth-child(1){left: 0;}
.store a:nth-child(2){right: 0;}
.swiper-slide .yy-box{height: calc(100vh - 4.8rem);display: flex;justify-content: center;align-items: center;}
.padding-tb60{padding: 0.6rem 0;}
.padding-tb50{padding: 0.5rem 0;}
.title48 h2{font-size: 0.48rem;}
.cn26{font-size: 0.26rem;}
.yy-form{width: 10.8rem;max-width: 100%;margin: 0 auto 0.3rem;display: flex;align-items: center;justify-content: space-between;}
.yy-input{position: relative;border:1px solid #e5e5e5;border-radius: 0.05rem;overflow: hidden;width: 27.5%;background: #fff;}
.input-name{position: absolute;top:0;left: 0.26rem;line-height: 0.56rem;}
.yy-r{margin-left: 1.15rem;}
.yy-r .text{display: block;height: 0.56rem;font-size: 0.18rem;width: 100%;}
.tj{display: inline-block;width: 1.2rem;line-height: 0.56rem;background: #d02732;color: #fff;text-align: center;border-radius: 0.05rem;}


.jjfa-list-dot:before,
.jjfa-list-dot:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(255, 255, 255, 0.3);border-radius: 50%;box-sizing: border-box;}
.jjfa-list-dot:before{animation: iconScale3 2.4s 1s linear infinite;}
.jjfa-list-dot:after{animation: iconScale3 2.4s 1.2s linear infinite;}
.swiperDot{margin-top: 0.5rem;}
.swiperDot .swiper-pagination-bullet{margin-right: 0.16rem;background: rgba(0,0,0,0.2);width: 0.12rem;height: 0.12rem;}
.swiperDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.swiperDot .swiper-pagination-bullet-active{background: #d02732;}
/*index e*/
/*2.1解决方案 s*/
.ban .img100 img{height: 100vh;object-fit: cover;}
.ban-bot{position: absolute;left: 0;width: 100%;bottom:1rem;}
.title50 h2{font-size: 0.5rem;}
.ban-bot-title h2{line-height: 1.2;}
.ban-bot .w1500{display: flex;justify-content: space-between;align-items: center;}
.ban-nav{background: rgba(255,255,255,0.5);display: flex;align-items: center;justify-content: space-between;border-radius: 0.91rem;}
.ban-ic{width: 0.91rem;vertical-align: bottom;}
.ban-nav-a{display: flex;align-items: center;padding-left: 0.5rem;}
.ban-nav-a a{margin-right: 0.5rem;color: #414141;transition: all .4s;font-size: 0.22rem;position: relative;}
.ban-nav-a a:before{content: "";position: absolute;width: 0.08rem;height: 0.08rem;left: -0.15rem;top:50%;margin-top: -0.04rem;background: #d02732;opacity: 0;transition: all .4s;border-radius: 100%;}
.ban-nav-a a.active{color: #000;}
.ban-nav-a a.active:before{opacity: 1;}
.ban-nav-a a:hover{color: #000;}
.ban-nav-a a:hover:before{opacity: 1;}
.padding-tb80{padding: 0.8rem 0;}
.size26{font-size: 0.26rem;}
.color-d02732{color: #d02732;}
.jjfa-lx{display: flex;justify-content: center;}
.jjfa-lx li{flex: 1;cursor: pointer;}
.jjfa-lx img{width: 0.64rem;vertical-align: bottom;filter: grayscale(1);}
.jjfa-lx li *{transition: all .4s;}
.jjfa-lx li.active img{filter: grayscale(0);}
.jjfa-lx li.active p{color: #d02732;}
.jjfa-lx li:hover img{filter: grayscale(0);}
.jjfa-lx li:hover p{color: #d02732;}
.zcjjfa-list li{width: 50%;position: relative;}
.zcjjfa-list{border-radius: 0.05rem;overflow: hidden;}
.zcjjfa-list .img100{padding-bottom: 63%;}
.zcjjfa-con{display: flex;flex-direction: column;justify-content: flex-end;padding: 0.25rem 0.4rem;background: rgba(29,34,51,0.5);transition: all .4s;}
.size70{font-size: 0.7rem;}
.zcjjfa-con *{color: #fff;}
.zcjjfa-list li:hover .zcjjfa-con{background: url("../images/sd1.png") no-repeat center;background-size: cover;}
.zcjjfa-list li:hover .zcjjfa-con *{color: #333;}
.bg-f3f3f3{background: #f3f3f3;}
.fwlc-type{display: flex;align-items: center;justify-content: space-between;}
.fwlc-type li:last-child{display: none;}
.fwlc-type li p{background: #fff;transition: all .4s;line-height: 0.48rem;width: 1.44rem;text-align: center;border-radius: 0.05rem;cursor: pointer;}
.fwlc-type li img{width: 0.14rem;}
.fwlc-type li.active p{background: #d02732;color: #fff;}
.fwlc-type li p:hover{background: #d02732;color: #fff;}
.fwlc-img{width: 50%;}
.radius5{border-radius: 0.05rem;}
.fwlc-con{display: flex;justify-content: space-between;}
.fwlc-des{padding:0.6rem 0.7rem;width: 50%;display: flex;justify-content: space-between;flex-direction: column;}
.size90{font-size: 0.9rem;}
.color-dedede{color: #dedede;}
.fwlcPlay .swiper-slide{overflow: hidden;}
/*2.1解决方案 e*/
/*3.1产品中心 s*/
.tjcp{padding: 0.6rem 0.5rem 0.2rem;}
.tjcp-con{display: flex;justify-content: space-between;}
.tjcp-right{width: 45%;padding-top: 0.2rem;}
.des20 p{font-size: 0.2rem;}
.title42 h2{font-size: 0.42rem;}
.title-mix{display: flex;align-items: flex-end;}
.title-mix h2{line-height: 1;margin-right: 0.2rem;}
.title-mix div{line-height: 1;}
.hot-title-line{width: 1.16rem;height: 0.03rem;background: #d02732;}
.tjcp-left{width: 50%;display: flex;justify-content: flex-end;}
.tjcp-con .img100{padding-bottom: 100%;}
.tjcp-con .img100 img{object-fit: contain;}

.spBig2{width: 78%;}
.spSm2{position: absolute;left: 0;width: 14%;height: 100%;top:0;}
.spSm2 .swiper-container{height: 100%;}
.spSm2 .img100:after{content: ''; position: absolute;border:3px solid #d02732;width: 100%;height: 100%;top:0;right: 0;box-sizing: border-box;display: none;}
.spSm2 .active-nav .img100:after{display: block;}
.spSm2 .swiper-slide{cursor: pointer}
.tjcpDpt{position: absolute;left: 55%;bottom:.7rem;z-index: 9;}
.cpzx{display: flex;flex-wrap: wrap;}
.cpzx li{width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;background: url("../images/cpbg1.jpg") no-repeat center;background-size: cover;}
.cpzx li:nth-child(3n){margin-right: 0;}
.cpzx li .des16 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.cpzx-a{display: block;padding: 0.3rem 0.4rem;position: relative;transition: all .4s;}
.des-title22-line{border-bottom: 1px solid #b5b5b5;margin-bottom: 0.1rem;padding-bottom: 0.1rem;}
/*.cpzx-bot p{line-height: 1.6em;height: 3.2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}*/
.cpzx-a .img100{padding-bottom: 100%;width: 400px;max-width: 100%;margin: 0 auto;}
.cpzx-jia{display: flex;justify-content: center;align-items: center;}
.cpzx-ic{width: 0.84rem;height: 0.84rem;background:#d02732 url("../images/jia.png") no-repeat center;background-size: cover;border-radius: 100%;transform: scale(0);transition: all .4s;opacity: 0;}
a:hover .cpzx-ic{transform: scale(1);opacity:1;}
.cpzx-a h3{transition: all .4s;}
.cpzx-a:hover h3{color: #d02732;}
.cpzx-a:hover .tip16{background: #d02732;color: #fff;}
.cpzx li:nth-child(2){background: url("../images/cpbg2.jpg") no-repeat center;background-size: cover;}
.cpzx li:nth-child(3){background: url("../images/cpbg3.jpg") no-repeat center;background-size: cover;}
.cpzx li:nth-child(4){background: url("../images/cpbg4.jpg") no-repeat center;background-size: cover;}
.cpzx li:nth-child(5){background: url("../images/cpbg5.jpg") no-repeat center;background-size: cover;}
.cpzx li:nth-child(6){background: url("../images/cpbg6.jpg") no-repeat center;background-size: cover;}
.cpzx li:nth-child(7){background: url("../images/cpbg7.jpg") no-repeat center;background-size: cover;}
.cpzx li:nth-child(8){background: url("../images/cpbg8.jpg") no-repeat center;background-size: cover;}
.page{text-align: center;}
.pages{text-align: center;font-size: 0.22rem;font-family: dincondbold;width: 0.42rem;height: 0.42rem;border-radius: 100%;display: inline-block;line-height: 0.42rem;margin-right: 0.04rem;transition: all .4s;}
.pages:last-child{margin-right: 0;}
.pages.active{background: #d02732;color: #fff;}
.pages:hover{background: #d02732;color: #fff;}
/*3.1产品中心 e*/
/*3.2产品中心详情 s*/
.cpxq{width: 9.14rem;max-width: 100%;margin: 0 auto;padding: 0 0.8rem;}
.cpxq .swiper-container{width: 5rem;max-width: 100%;margin: 0 auto;}
.cpxq .swiper-container .img100{padding-bottom: 100%;}
.cpxq .btn501{left: 0;}
.cpxq .btn502{right: 0;}
.des-title20 h3{font-size: 0.2rem;}
.cpgg img{width: 0.3rem;vertical-align: bottom;}
.cpgg{display: flex;flex-wrap: wrap;}
.cpgg li{background: #fff;padding: 0.5rem;width: 47.5%;margin-right: 5%;margin-bottom: 2%;margin-top: 2%;}
.cpgg li:nth-child(2n){margin-right: 0;}
.padding-t80{padding-top: 0.8rem;}
.yycj{margin: 0 0.83%;}
.repro .cpzx-a{border:1px solid #d5d5d5;margin: 0.15rem;}
.repro .cpzx-a:hover{box-shadow: 0 0 0 0.03rem #d02732;border-color: #d02732;}
.repro{margin: -0.15rem;}
.ppzx-con{display: flex;justify-content: center;align-items: center;padding-top: 0.9rem;}
.ppzx-des{width: 8rem;max-width: 100%;margin: 0 auto;}
/*3.2产品中心详情 e*/
/*4.1品牌中心 s*/
.xcpp-logo img{width: 3.63rem;vertical-align: bottom;}
.h780{min-height: 7.8rem;display: flex;align-items: center;padding-bottom: 1.6rem;}
.ppjj{margin-top: -1rem;}
.ppjj-con{display: flex;align-items: center;}
.des26 p{font-size: 0.26rem;}
.ppjj-warp{width: 12.4rem;margin: 0 auto;max-width: 100%;}
.w1254{width: 65.31%;margin: 0 auto;}
.ppgs-des{padding: 0 0.3rem;}
.ppqs-des{background: #57080c;border:1px solid #a8464b;padding: 0.8rem 0.4rem;}
.preview .swiper-slide{cursor: pointer;margin-top: 2%;}
.preview .swiper-slide:before{border:3px solid #d02732;width: 100%;height: 100%;top:0;left: 0;position: absolute;content: "";z-index: 9;box-sizing: border-box;opacity: 0;transition: all .4s;}
.preview .swiper-slide.active:before{opacity: 1;}
.preview .swiper-slide:hover:before{opacity: 1;}
.ppsc-box .swiper-slide .img100{padding-bottom: 47%;}
/*4.1品牌中心 e*/
/*5.1项目案例 s*/
.jxal-bot{position: absolute;left: 0;width: 100%;bottom:0.3rem;z-index: 9;padding: 0 0.4rem;}
.des-title18 h3{font-size: 0.18rem;}
.jxal .img100{padding-bottom: 45.5%;}
.jxal-list li{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
.jxal-list li:nth-child(2n){margin-right: 0;}
.jxal-list li a{display: block;position: relative;overflow: hidden;}
.jxal-list .img100{padding-bottom: 67.5%;}
/*5.1项目案例 e*/
/*5.2项目案例详情 s*/
.xxxq-a{display: flex;justify-content: space-between;border-bottom: 1px solid #d6d6d6;padding-bottom: 0.6rem;}
.xxxq-a-des{width: 50%;padding-right: 0.8rem;}
.xxxq-a-title{width: 45%;}
.bf{position: absolute;right: 0;top:0;cursor: pointer;}
.bf img{width: 0.53rem;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 92%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
@media (max-width:760px) {
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
}
.ertong .img100{padding-bottom: 45%;}
.ertong .btn501{left: 1.38rem;background-color: #f3f3f3;}
.ertong .btn502{right: 1.38rem;background-color: #f3f3f3;}
.aljs-box{padding:0.7rem 0.5rem;}
.aljs-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.aljs-left{margin: 0 0.4rem;width: 66.5%;}
.aljs-right{width: 22.4%;position: relative;}
.aljs-right:before{content: ""; position: absolute;top:0;height: 5.6rem;left: -0.6rem;border-left: 1px solid #b9b9b9;}
.aljs-right li{display: block;text-align: center;margin-bottom: 0.15rem;}
.aljs-right .des-title26 h3{line-height: 1;margin-bottom: 0.06rem;}
.aljs-right .img100{padding-bottom: 67%;}
.aljs-right a:hover h3{color: #d02732;}
.xmxqfy-a{display: flex;justify-content: space-between;flex-wrap: wrap;}
.xmxqfy{border-top: 1px solid #b9b9b9;padding-top: 0.4rem;}
.xmxqfy-a a{font-size: 0.18rem;transition: all .4s;display: flex;align-items: center;max-width: 40%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xmxqfy-a a span{font-size: 0.18rem;color: #999;transition: all .4s;border:1px solid #b8b8b8;line-height: 0.28rem;border-radius: 0.28rem;width: 0.9rem;text-align: center;margin-right: 0.1rem;}
.xmxqfy-a a:hover{color: #d02732;}
.xmxqfy-a a:hover span{color: #d02732;border-color: #d02732;}
.fh{display: flex;align-items: center;justify-content: center;background: #d02732;transition: all .4s;width: 0.9rem;height: 0.3rem;border-radius: 0.3rem;color: #fff;position: absolute;top:0.4rem;left: 50%;margin-left: -0.45rem;}
.fh .i{margin-left: 0.06rem; width: 0.19rem;height: 0.17rem;background: url("../images/fh.png") no-repeat center;background-size: 100% 100%;}
/*5.2项目案例详情 e*/
/*6.1线上展厅 s*/
.xgimg .img100{padding-bottom: 38%;}
.title-666 h3{color: #666;}
.des-title36 h3{font-size: 0.36rem;}
.maodian{position: absolute;left: 0;top:-0.9rem;}
.yysl{display: flex;flex-wrap: wrap;}
.yysl li{width: 48.5%;margin-right: 3%;border:1px solid #d9d9d9;border-radius: 0.05rem;display: flex;justify-content: space-between;padding: 0.24rem;align-items: center;transition: all .4s;margin-bottom: 1.5%;margin-top: 1.5%;}
.yysl li:nth-child(2n){margin-right: 0;}
.shili-con .des-title36{display: flex;align-items: center;}
.shili-con .des-title36 img{width: 0.4rem;margin-right: 0.12rem;filter: grayscale(1);}
.shili-img{width: 35%;}
.shili-con{width: 60%;}
.yysl li:hover{box-shadow: 0 0 0 0.02rem #d02732;border-color: #d02732;}
.yysl li *{transition:all .4s;}
.shbz li *{transition:all .4s;}
.jmtj li *{transition:all .4s;}
.yysl li:hover *{color: #d02732;}
.shbz li:hover *{color: #d02732;}
.jmtj li:hover *{color: #d02732;}
.yysl li:hover .des-title36 img{filter: grayscale(0);}
.shili-img .img100{padding-bottom: 59%;}
.shbz li{background: #fff;border:1px solid #fff;transition: all .4s;width: 32%;margin-right: 2%;border-radius: 0.1rem;height: 2.32rem;padding-top: 0.43rem;margin-top: 1%;margin-bottom: 1%;}
.shbz li:nth-child(3n){margin-right: 0;}
.shbz li .des-title32{padding:0.3rem 0.4rem;}
.shbz-img{background: #dcdcdc;display: inline-block;border-top-right-radius: 0.5rem;padding-right: 0.1rem;border-bottom-right-radius: 0.5rem;width: 1rem;text-align: right;transition: all .4s;}
.shbz-img img{width: 0.5rem;vertical-align: bottom;}
.shbz li:hover{border-color: #d02732;}
.shbz li:hover .shbz-img{background: #d02732;}
.shbz li:hover .shbz-img img{filter: brightness(5);}
/*6.1线上展厅 e*/
/*7.1品牌加盟 s*/
.ppln li{width: 49%;margin-right: 2%;position: relative;}
.ppln li:nth-child(2n){margin-right: 0;}
.ppln .img100{padding-bottom: 58.6%;}
.policy .img100{padding-bottom: 56.5%;}
.des-policy{width: 7.6rem;max-width: 100%;margin: 0 auto;}
.des-b8bdc8 p{color: #b8bdc8;}
.policy{display: flex;flex-wrap: wrap;}
.policy li{background: #060e24;width: 32%;margin-right: 2%;}
.policy li:nth-child(3n){margin-right: 0;}
.policy-bot{padding: 0.24rem;}
.jmtj{display: flex;flex-wrap: wrap;}
.jmtj li{width:20%; background: #fff;transition: all .4s;height: 3.8rem;display: flex;justify-content: space-between;flex-direction: column;padding: 0.35rem 0.3rem 0.5rem;border-right: 1px solid #d3d3d3;}
.jmtj-top{display: flex;justify-content: space-between;}
.size50{font-size: 0.5rem;line-height: 1;}
.jmtj-top img{width: 0.18rem;vertical-align: bottom;}
.color-999{color: #999;}
.jmtj-bot img{width: 0.5rem;vertical-align: bottom;}
.jmtj li:hover{background-image: linear-gradient(to bottom,rgba(208, 39, 50,0),rgba(208, 39, 50,0.6));}
.jmtj li:hover h3{color: #fff;}
.jmtj li:hover .jmtj-bot img{filter: brightness(5);}
.jmlc{display: flex;flex-wrap: wrap;}
.jmlc li{border:1px solid #dbdbdb;width: 19%;margin-right: 1.25%;padding: 0.3rem 0.2rem;min-height: 1.62rem;margin-bottom: 1.25%;transition: all .4s;}
.jmlc li:nth-child(5n){margin-right: 0;}
.jmlc li img{width: 0.4rem;vertical-align: bottom;filter: grayscale(1);}
.jmlc li *{transition: all .4s;}
.jmlc li:hover *{color: #d02732;}
.jmlc li:hover{border-color: #d02732;box-shadow: 0 0 0 0.02rem #d02732;}
.jmlc li:hover img{filter: grayscale(0);}
/*7.1品牌加盟 e*/
/*8.1了解我们 s*/
.profile{display: flex;justify-content: space-between;flex-wrap: wrap;}
.profile-left{width: 47%;}
.profile-right{width: 50%;}
.profile-right .img100{margin-right: 0.2rem;position: relative;}
.profile-right-img:after{content: "";position: absolute;top:0.2rem;right: 0;height: 100%;left: 0.2rem;border-radius: 0.05rem;border:1px solid #5f5f5f;z-index: -1;}
.bf182x196 img{width: 0.91rem;vertical-align: bottom;}
.shipin{cursor: pointer;}
.gswh li{width: 33.333%;position: relative;}
.gswh .img100{padding-bottom: 125%;}
.gsry-list .img100{padding-bottom: 135.5%;}
.gsry-img .img100{height: 100%;min-height: 5.9rem;}
.culture-title{padding: 0.3rem 0;}
.gsry-img{width: 32.6%;}
.gsry-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.gsry-list{width: 67.4%;}
.gsry-list li{width: 20%;margin-left: 5%;position: relative;margin-top: 5%;cursor: pointer;}
.gsry-list li:nth-child(1){margin-top: 0;}
.gsry-list li:nth-child(2){margin-top: 0;}
.gsry-list li:nth-child(3){margin-top: 0;}
.gsry-list li:nth-child(4){margin-top: 0;}
.fdj{display: flex;background: rgba(209,40,50,0.5);justify-content: center;align-items: center;opacity: 0;transition: all .4s;}
.fdj img{width: 0.54rem;height: auto;}
.gsry-list li:hover .fdj{opacity: 1;}
.lxwm-box{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.lxwm-right{width: 50%;padding: 0.5rem;}
.input-page{background: #fff;}
.input-page p{position: absolute;top:0;left: 0.32rem;line-height: 0.6rem;}
.input-r{margin-left: 1.23rem;}
.input-r input{display: block;font-size: 0.18rem;height: 0.6rem;}
.size22{font-size: 0.22rem;}
.lxwm-left{width: 45%;padding:0.6rem;}
.lxwm-left li{display: block;position: relative;margin-top: 0.35rem;}
.lxwm-left li img{width: 0.38rem;position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.lxwm-r{margin-left: 0.66rem;}
.lxwm-r p:nth-child(1){font-weight: bold;}
.lxwm-top{margin-left: 0.66rem;}
.gsry-click{opacity: 0;}
.fdj-ic{width: 0.54rem;height: 0.54rem;display: inline-block;background: url("../images/fdj.png") no-repeat center;background-size: cover;}
/*8.1了解我们 e*/
.bannerDot{
    position: absolute;
    z-index: 9;
    bottom: 0.15rem;
    left: 0;
    width: 100%;
}

.imgcover{position: absolute;width: 100%;top:0;height: 100%;left: 0;object-fit: cover;}
.imgcontain{position: absolute;width: 100%;top:0;height: 100%;left: 0;object-fit: contain;}
.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des,.swiper-container1 .swiper-slide.active .index-pro,.swiper-container1 .swiper-slide.active .project-type,.swiper-container1 .swiper-slide.active .project,.swiper-container1 .swiper-slide.active .ppzx-des,.swiper-container1 .swiper-slide.active .ppzxlg{
    animation:slideUp 1.5s .15s both cubic-bezier(0.4, 0, 0.2, 1);-webkit-animation:slideUp 1.5s .15s both cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideDown,.swiper-container1 .swiper-slide.active .title52,.swiper-container1 .swiper-slide.active .des-title32{
    animation:slideDown 1.5s .15s both cubic-bezier(0.4, 0, 0.2, 1);-webkit-animation:slideDown 1.5s .15s both cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes slideDown{
    0%{opacity:0;-webkit-transform: translateY(-60px);transform: translateY(-60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft,.swiper-container1 .swiper-slide.active .jjfa-left,.swiper-container1 .swiper-slide.active .about-img{
    animation:slideLeft 1.5s .15s both cubic-bezier(0.4, 0, 0.2, 1);-webkit-animation:slideLeft 1.5s .15s both cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight,.swiper-container1 .swiper-slide.active .about-con{
    animation:slideRight 1.5s .15s both cubic-bezier(0.4, 0, 0.2, 1);-webkit-animation:slideRight 1.5s .15s both cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes iconScale2 {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(1.9);
        -webkit-transform: scale(1.9);
        -moz-transform: scale(1.9);
        -ms-transform: scale(1.9);
        -o-transform: scale(1.9);
        opacity: 0;
    }
}
@keyframes iconScale3 {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(2.4);
        -webkit-transform: scale(2.4);
        -moz-transform: scale(2.4);
        -ms-transform: scale(2.4);
        -o-transform: scale(2.4);
        opacity: 0;
    }
}

</pre></body></html>