@charset "UTF-8";
/* index */
.home-header-wrap  .header,.home-header-wrap .container {width: 100%;background: rgba(0, 0, 0, 0.5);}
.join-bkg,.s-bkg,.banner_video {width: 100%;height: 100%;object-fit: cover;}
.join-slogan {width:40%;position: absolute; z-index: 99;}
.btn-join{width:100%;display: flex;justify-content: center; position: absolute;bottom:5%;color:#fff; z-index: 999;}
.btn-join button,.btn-smore button{padding:15px 60px;display: flex;align-items: center; color: #fff; letter-spacing: 1px;cursor: pointer; border:1px solid #fff;}
.btn-join button:hover ,.btn-smore button:hover{ border:1px solid transparent;color:#CC2929}
.btn-join button::before,.btn-smore  button::before{background: #fff;} 
.btn-right {width: 16px;height: 16px;margin-left: 9px;}
.swpier-title {position: absolute;left:12%;color:#FEFEFE;z-index: 999;}
.swpier-title h1 {color: #FEFEFE;font-size: 48px;font-weight: 450;letter-spacing: 1px;padding-bottom: 10px;font-weight: 600;}
.swpier-title p {font-size: 18px;font-weight: 400; letter-spacing: 2px;margin-bottom: 60px;}
.us-list .ico-web {display:block; position: absolute; }
.us-list .ico-h5 { display: none;}
.news-list,.us-list { width: 76%;margin: auto;position: absolute;bottom:5%;left:12%;display: flex;justify-content: space-between;}
.news-item {width:calc(32%);background: rgba(0, 0, 0, 0.1);backdrop-filter: blur(20px);}
.news-item a {width:100%;height:120px; color:#fff;font-weight: 300;display: flex;flex-direction: column;}
.news-time {padding:28px 0 16px 0;font-size:14px;padding-left:5% ;}
.news-content {margin-left:5%;font-size: 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.us-title {left:unset;right:12%;text-align: right;}
.us-title .btn-smore{display: flex;justify-content: flex-end;}
.us-item  { width: calc(32%);}
/* .us-item a:hover { background:rgba(0, 0, 0, 0.35)!important;} */
.us-item a { width: 100%;display: flex;align-items: center;justify-content: center;}
.us-item .us-bkg {width:100%;height: 120px; }
.us-item p {font-size:20px; color:#fff;position: absolute;}
.enter-title{width: 100%; left:unset;text-align: center;display: flex;flex-direction: column; justify-content: center;}
.into-btn-smore {width:100% ;position: absolute;bottom: 5%;display: flex;justify-content: center;}
.trends-wrap {display: flex;justify-content: center;}
.trends-wrap li {width: calc(15%); padding: 0 50px;text-align: center;}
.trends-wrap h1 { font-size: 80px;font-family: DINAlternate-Bold, DINAlternate;}
.trends-wrap p {font-size: 14px;}
.show-wrapper {padding: 60px 0; border-bottom: 1px solid #E5E5E5;}
.show-list { width: 70%;margin: auto; display: flex;justify-content: space-between;}
.show-item {display: flex;align-items: center;justify-content: center;}
.show-item .show-img { width: 36px;height: 36px;margin-right: 16px;}
.show-item .show-img i{font-size:36px;color:#000;}
.show-item:hover {color:#CC2929}
.show-item:hover .item-text-wrap .item-label{color:#CC2929}
/*.show-list :nth-child(1) .show-img {background: url(../images/show1.png);}*/
/*.show-list :nth-child(2) .show-img {background: url(../images/show2.png);}*/
/*.show-list :nth-child(3) .show-img {background: url(../images/show3.png);}*/
/*.show-list :nth-child(4) .show-img {background: url(../images/show4.png);}*/
.item-label { font-size: 14px; color:#000;font-weight: 500;padding-bottom: 8px;}
.item-content {color:#999999;letter-spacing: .5px;}
.dot-wrap { position: fixed;right:1.5%;top:40%;z-index: 99;font-size: 12px; color:#fff;}
.dot-wrap ul {display: flex;flex-direction: column;align-items: flex-end;}
.dot-wrap  li {text-align: right;margin-bottom: 22px;}
.dot-wrap li text{margin-bottom:3px ; }
.dot-wrap .show-dots-line{width: 54px; margin-top:3px;height:3px;transition: 1s; background:#FEFEFE  ;-webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.dots-line { width: 16px;height: 3px;margin-top:3px;background: #FEFEFE;opacity: 0.4;}
@-webkit-keyframes fade-in-right {0% {-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;}100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}
@keyframes fade-in-right {0% {-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;}100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}}
.test {height: auto !important;position: unset}
.search-btn{ cursor: pointer;}
.hd-search-wrap {width: 100%;height:0px;position: absolute;top:0;z-index: 999; transition: .5s;display: flex;align-items: center;}
.hd-search-wrap input {width:100%;height: 0px;opacity: 0;position: absolute;top:0; padding-left: 15px;border:none;background: #F7F7F7;}
.hd-search-wrap button {background: transparent; opacity: 0;position: absolute;top:0;}

/* .hd-searc */
.h-search-wrap,.i-h-search-wrap {width: 100%;height:100px;background: #fff;animation: slide-in-top .5s; position: fixed;top:60px;z-index: 999; display: flex;align-items: center;justify-content: center}
.h-search-wrap  input ,.i-h-search-wrap input{width: 35%;height: 50px; padding-left: 15px;border:none;background: #F7F7F7; }
.h-search-wrap button,.i-h-search-wrap  button {padding: 13px 26px;border-radius: 2px; color:#fff;opacity: 1; border:none;display: flex;align-items: center; background: #CC2929;}
.h-search-wrap button img,.i-h-search-wrap button img {width: 24px;height: 24px;margin-right: 8px;}
.i-h-search-wrap {width: 100%;height:100px;transition: .5s;opacity: 1; position: absolute;top:60px;z-index: 999; display: flex;align-items: center;justify-content: center;background:transparent }
@keyframes slide-in-top {0% {-webkit-transform: translateY(-50px);transform: translateY(-50px);opacity: 0;}
  100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}

@media only screen and (max-width: 1200px){
    .join-slogan {width:80%;left:10%;top:30%}
    .btn-join button ,.btn-smore button{border:1px solid transparent;padding:13px 28px;font-size:16px; border-radius: 26px;background: #CC2929;}
    .btn-join button:hover,.btn-join button::before,.btn-smore button::before,.btn-smore button:hover {color:#fff; background: #CC2929;border-radius: 26px;}
    .swpier-title {left:5%;top:30%}
    .swpier-title h1 {font-size: 24px; }
    .swpier-title p {font-size: 12px;font-weight: 300;margin-bottom: 48px;}
    .news-list {width: 90%;left:5%; overflow-x: auto;}
    .news-item{width:48%; margin-right: 12px;flex-shrink: 0; white-space:nowrap}
    .news-time { font-size: 12px;}
    .news-content {font-size:15px ;}
    .us-title { text-align: left;}
    .us-list {width: 100%;left:5%; overflow-x: scroll;}
    .us-item  {width:50%; margin-right: 12px;flex-shrink: 0;  }
    .us-list .ico-web {display:none}
    .us-list .ico-h5 {width:100px; display: block;position: absolute;}
    .us-list :nth-child(3){padding-right: 29px;}
    .us-title .btn-smore{display: flex;justify-content: flex-start;}
    .us-item .us-bkg{object-fit: cover;}
    .trends-wrap {width: 100%; flex-direction: column;align-items: center; justify-content: center;}
    .enter-title {top:20%; left:unset}
    .trends-wrap li { width: 100%;}
    .trends-wrap h1 { font-size: 32px;}
    .show-wrapper { padding: 20px 0;}
    .show-list {width: 100%; flex-wrap: wrap;}
    .show-list li { width: calc(50%);padding: 17px 0; justify-content: center;}
    .show-item .item-content { display: none;}
    .show-item img{margin-right: 17px;}
    .item-label{padding-bottom:0;}
    /*.show-list :nth-child(1) .show-img {background: url(../images/in-show.png);}*/
    /*.show-list :nth-child(2) .show-img {background: url(../images/in-show2.png);}*/
    /*.show-list :nth-child(3) .show-img {background: url(../images/in-show3.png);}*/
    /*.show-list :nth-child(4) .show-img {background: url(../images/in-show4.png);}*/
}

/* joinUs */
.join_title{text-align:center;display: flex;flex-direction: column;align-items: center;margin-top: 60px;}
.join_title span:nth-of-type(1){font-size: 36px;font-weight: 600;line-height: 50px;}
.join_title span:nth-of-type(2){margin-top:12px;line-height: 17px;font-size: 12px;color:rgba(0,0,0,0.65);}
.policy-wrap .item-desc{ width: 80%;margin: auto;}
.policy-wrap .desc-title{font-size:28px;font-weight: 600;display: flex;align-items: center;justify-content: center;}
.policy-wrap .policy_box{display:flex;justify-content:space-around;padding:80px 0; width: 80%;margin: auto;flex-wrap:wrap;}
.policy-wrap .policy_box li{width:calc((100% - 540px) / 7); display:flex;flex-direction:column;align-items:center;
justify-content:center;}

.policy-wrap .policy_box li img{width:72px;height:72px;}
.policy-wrap .policy_box li p{margin-top:32px;text-align:center;height:38px;}

.sale-wrap .item-desc{ width: 80%;margin: auto;}
.sale-wrap .desc-title{font-size:28px;font-weight: 600;display: flex;align-items: center;justify-content: center;}
.sale_box{width: 80%;margin: auto;}
.subtitle{margin-top:32px; }
.subtitle .subtitle_top{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 12px;}
.subtitle .subtitle_top span{font-size: 16px;font-weight: 600;line-height: 26px;    }
.subtitle .subtitle_top em{font-size:60px;font-family:TamilMN;line-height:56px;margin-right: 8px;}
.subtitle .subtitle_buttom{font-size: 14px;color:rgba(0,0,0,0.65);}
.sale_item{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:40px;margin-bottom:38px;}
.sale_item li{width:calc((100% - 60px) / 4);margin-right:20px;margin-bottom:32px;}
.sale_item li:nth-child(4n){margin-right:0}
.sale_item li img{width:100%;height:100%;object-fit:cover;}
.join-iconList{display:flex;justify-content:flex-start;padding:80px 0; width: 80%;margin: auto;flex-wrap:wrap;}
.join-iconList li{width:calc(100%  / 8); display:flex;flex-direction:column;align-items:center;
justify-content:space-around;}

.join-iconList li img{width:100px;height:100px;}
.join-iconList li p{margin-top:24px;font-size: 14px;line-height: 20px;}



.join-bn {width: 100%; padding-top: 80px; position: relative;display: flex;align-items: center;justify-content: center; }
.join-bn img{width: 100%; height:400px;object-fit: cover; }
.join-bn h1 { position: absolute;z-index: 99;color: #fff;font-size: 40px;font-weight: 500; letter-spacing: 1px;}
.bcb {padding-top: 32px; display: flex;align-items: center; font-size:14px;color: #7A7A7A;}
.bcb :nth-child(2) {padding: 0 3px;}
.si-wrap,.video-wrap,.article-wrap {padding-top: 20px; width: 100%; background: #F7F7F7;}
.article-wrap {padding-bottom: 70px;}
.video-wrap .item-desc,.bcb ,.si-item ,.video-list ,.article-wrap .item-desc,.article-wrap .item-list{ width: 80%;margin: auto;}
.item-desc {padding:38px 0 26px 0; display: flex;align-items: center; justify-content: space-between;border-bottom: 1px solid #E5E5E5;}
.si-item .desc-title, .video-wrap .desc-title,.article-wrap .desc-title,.form-wrap .desc-title { font-size:28px;font-weight: 600;display: flex;align-items: center;justify-content: center;}
.swiper-container-a,.swiper-container-b ,.swiper-container-c { margin-top: 20px;}
.item-desc .desc-label {padding:6px 12px ;font-size: 14px; color:#fff;background: #CC2929;}
.item-desc button{padding:15px 60px ;color: #CC2929; border: 1px solid #CC2929;}
.item-list {margin-top:32px;display: grid; grid-template-columns: 23% 23% 23% 23%;grid-template-columns:  repeat(auto-fill,23%); grid-gap: 20px 2.6%;cursor: pointer;}
.item-list  .main-img {width: 100%; height:194px;object-fit: cover;}
.item-list .item .brief {width: 95%;height:40px; margin: auto; padding: 16px 0 20px 0; font-size: 18px;line-height: 25px; font-weight: 500; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.item-list .item .info { width: 95%;margin-right:auto;margin-left:auto;margin-top:20px;padding:0 0 16px 0; color:#999999 ;font-size: 14px; display: flex;align-items: center;justify-content: space-between;}
.item-list .item .info :nth-child(2){ display: flex;align-items: center;}
.item-list .item .info :nth-child(2) i {color: #000000;opacity: 0.1;margin-right:7px ; }
.item-list .item .info img { width:16px;height: 16px;margin-right: 4px;}
.item-list .video-img {width: 100%; height:262px;position: relative;}
.video-wrap .desc-title span{padding:1px 12px ; border-radius: 15px;font-size:14px;color: #fff;background:#CC2929 }
.video-img .video-show-img{width: 100%; height:262px;object-fit: cover;}
.video-play-img {width: 4.167vw;height: 4.167vw;position: absolute;left:43%;top:40%}
.article-wrap .item,.video-wrap .item {width: 100%; background: #fff;}
.article-wrap .item-list { padding-top: 32px;}
.form-wrap { padding: 20px 0 0 0; text-align: center;background:#F7F7F7;}
.form-wrap .desc-text {margin:16px 0 20px 0; font-size: 14px;color:#999999}
.phone-box {margin-bottom: 60px; display: flex;justify-content: center;}
.phone-box span { font-size: 14px;padding:6px 12px ;}
.phone-box :nth-child(1) { color: #fff; background: #CC2929; }
.phone-box :nth-child(2) { color: #CC2929;border: 1px solid #CC2929;}
.ipt {margin-bottom: 20px; display: flex;align-items: center; justify-content: center;}
.ipt input {width: 40%; height:52px;margin-left: 20px; padding-left: 10px; border:  1px solid #C0C0C0;}
.ipt .ipt-label { width:60px;text-align: right;}
.btn-sub {padding:15px 84px ;margin: 40px 0 60px 0; color:#fff;background: #CC2929;border:none}
.vd-btn-next,
.vd-btn-prev { width: 36px;height: 72px;border-radius: unset;background: transparent;}
.video-wrap:hover .vd-btn-next,
.video-wrap:hover .vd-btn-prev {width: 36px;height: 72px;border-radius: unset;transition: 1.5s;background: #CC2929;}
.video-wrap:hover .swiper-button-prev::after,
.video-wrap:hover .swiper-button-next::after {font-size: 15px;color: #fff;display: block;}
.vd-btn-next::after,
.vd-btn-prev::after{display: none;}
.si-wrap .swiper-button-prev,
.si-wrap .swiper-button-next {width: 60px;height: 60px;border-radius: 50%;background: #CC2929;}
.si-wrap .swiper-button-prev::after,
.si-wrap .swiper-button-next::after {font-size: 15px;color: #fff;}
.swiper-wrapper .sia-img {width: 100%;height: 39.583vw;}
.h5-semore { display: none;}
.article-wrap .desc-title span {margin: 4px 0 0 12px; padding:2px 12px;font-size: 14px; color:#fff; border-radius: 15px; background:#CC2929 ;}
.swiper-container-a .sia-btn-next ,.swiper-container-a .sia-btn-prev, .swiper-container-b .sib-btn-next,
.swiper-container-b .sib-btn-prev,.swiper-container-c .sic-btn-prev,.swiper-container-c .sic-btn-next
{display: none;}
.swiper-container-a:hover .sia-btn-next,.swiper-container-a:hover .sia-btn-prev , .swiper-container-b:hover .sib-btn-next,
.swiper-container-b:hover .sib-btn-prev,.swiper-container-c:hover .sic-btn-prev,.swiper-container-c:hover .sic-btn-next{ display: flex;transition: .5s;}
.single-banner-wrap { position: relative;}
.single-banner-wrap img { height: 700px;}
.single-banner-wrap .title {position: absolute;top:40%;left:13%;z-index:99}
.single-banner-wrap .title  h1{ font-size: 48px;font-weight: bold;color:#fff }
.single-banner-wrap .title p { color:#fff;font-size:24px}
.brand-desc-container { padding:50px 0 100px 0;}
.desc-top { display: flex;align-items: center;justify-content: center;}
.desc-top img {width: 70px;height: 70px; margin-bottom: 30px;}
.brand-desc-container .desc-title {font-size:40px;letter-spacing:10px;text-align: center; color:#D02829;font-weight: bold; }
.desc-content {width:70%;margin:57px auto 77px;text-indent: 20px; line-height: 35px; font-size: 16px;color:#333333}
.flow-area { width: 70%;margin: auto; display: flex;justify-content: space-between;}
.flow-area .flow-content p{ font-size: 40px;font-family: Microsoft YaHei;font-weight: bold;color: #D02829;
background: linear-gradient(0deg, #D02829 0%, #FF8F90 100%);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;margin-bottom:8px;}
.flow-area .flow-content { text-align: center;}
.flow-area text {padding-top: 30px; text-align: center; font-size: 18px;color:#333333}
.top-flow {width:70%;margin: auto; display: flex;align-items: center; justify-content:center;}
.bottom-flow {width:100%;margin-top: 10px; display: flex;justify-content: flex-end; } 
.top-flow .num-wrap,.bottom-flow .num-wrap { position: relative;display: flex;justify-content: center;}
.top-flow .flow-content {width:calc(50%) ; display: flex;align-items: center;}
.bottom-flow .flow-content {width:calc(40%) ; display: flex;align-items: center; }
.top-flow .num-wrap p,.bottom-flow .num-wrap p  { z-index: 99; color: #D02829;font-size: 60px;background: linear-gradient(0deg, #D02829 0%, #FF8F90 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.top-flow .num-wrap p { margin-top:15px}
.bottom-flow .num-wrap p { margin-top:48px}
.flow-area .flow-content text{font-size: 16px;color: #333333; }
.top-flow .num-wrap img ,.bottom-flow .num-wrap img{ position: absolute;margin-left: 29px;}
#dr_linkage_chengshi_select{width: 40.5%;margin-left: 20px;display: flex;align-items: center;justify-content: space-between;}
#dr_linkage_chengshi_select label{width: 30%;padding-left: 0;padding-right: 0!important;height: 52px;}
#dr_linkage_chengshi_select label select{width: 100%!important;height: 100%!important;border: 1px solid #C0C0C0;display:block!important;}


.brand-honor-container {width: 80%;margin: auto;margin-top: 85px;}
.brand-histroy-container {width: 80%;margin: auto;margin-top: 85px;}
.honnor_box{display:flex;flex-wrap:wrap;margin-top:32px;background:#fff;margin-bottom:20px;}
.honnor_box li{width:calc(100% / 3);border-right:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;height:515px;box-sizing:border-box;
display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:60px;position:relative}
.honnor_box li:nth-child(3n){border-right:0;}
.honnor_box li:nth-last-child(1),.honnor_box li:nth-last-child(2),.honnor_box li:nth-last-child(3){border-bottom:0;}
.honnor_box li .honnor_box_img{width:344px;overflow:hidden;}
.honnor_box li .honnor_box_img img{width:100%;transition:all 0.3s;}
.honnor_box li .honnor_box_title{position:absolute;width:100%;bottom:40px;text-align:center;font-size: 16px;color: #000000;font-weight: 600;}
/*.honnor_box li:hover .honnor_box_img img{transform:scale(1.1)}*/



.histroy_nav{background:#fff;border-radius: 40px;display:flex;justify-content:flex-start;align-items:center;margin-top:32px;}
.histroy_nav li{width:calc((100% - 45px) / 4);border-radius: 40px;margin-right:15px;display:flex;
    align-items: center;justify-content: flex-start;padding:17px 48px ;cursor: pointer;
}
.histroy_nav li.active{background:#CC2929;color:#fff;}
.histroy_nav li:last-child{margin-right:0;}
.histroy_nav li .histroy_nav_icon{font-size:39px;}
.histroy_nav li .histroy_nav_title{display:flex;justify-content:flex-start;flex-direction:column;margin-left:20px;align-items:center;}
.histroy_nav li span:nth-of-type(1){font-size:18px;font-weight: 600;line-height: 25px;}
.histroy_nav li span:nth-of-type(2){line-height: 20px;font-size: 14px;color:rgba(0,0,0,0.4)}
.histroy_nav li.active span:nth-of-type(2){color:#fff}

.histroy_box{margin-top:32px;margin-bottom:80px;}
.histroy_box li{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:20px;height:410px}
.histroy_box li .histroy_box_content{background:#fff;padding:38px 60px 80px 60px;flex:1;position:relative;}
.histroy_box li .histroy_box_content:after{position:absolute;bottom:80px;left:60px;content:"";width: 102px;height: 3px;background: #CC2929;}
.histroy_box li .histroy_box_content span{font-size: 40px;font-weight: bold;color: #000000;line-height: 49px;
font-family: TamilMN-Bold, TamilMN;}
.histroy_box li .histroy_box_content .content{margin-top:20px;font-size: 14px;color: rgba(0,0,0,0.65);line-height: 26px;    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;}
.histroy_box li .histroy_box_img{width:50.694%;height:100%;position:relative;overflow:hidden;}
.histroy_box li .histroy_box_img img{width:100%;height:100%;object-fit:cover;transition:all 0.3s} 
.video-img-bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.25);top:0;left:0;}
.histroy_box li .histroy_box_img:hover img{transform:scale(1.1);}

/* contact */
#map {width: 100%;height: 700px;}
.contact-main-wrap { width: 100%;background: url(../images/fb-bkg.png)no-repeat;background-size:100% 100%}
.contact-title {width: 80%;margin:auto;padding-top:121px; font-size:36px;color:#CF272B;font-weight:bold;}
.contact-form-wrap {width: 80% ;margin: auto;margin-top:81px;padding-bottom: 170px; display: flex;align-items: center;justify-content: space-between;}
.contact-form-wrap .item img {width:56px;height: 56px; margin-right: 24px;}
.contact-form-wrap .item { display: flex;align-items: center;}
.contact-form-wrap .item p {color:#333333;font-size: 22px;}
.contact-form-wrap .item-label { font-weight: 600;}
.contact-form-wrap .item-info{font-size:16px!important;}
.fb-form form{ width:70%;margin:72px auto 0;padding:0 0 83px 0; display: flex;align-items: center; justify-content: center; flex-direction: column;}
.fb-form .row-form {width: 50%;    margin-right: 1%; display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;}
.row-form input {border: none;}
.row-form li { width:43%; height:50px;margin:0 0 28px 0;position: relative;display: flex;align-items: center;padding: 0 10px;background: #fff;}
.ipt-ico { width:15px;height: 15px;margin-right: 10px;}
.fb-form .row {width:100%; display: flex;justify-content: center;}
.fb-title { font-size: 28px;font-weight: bold; text-align: center;display: flex;flex-direction: column;align-items: center;
justify-content: flex-start;}
.fb-title div {width:130px; height: 13px;position: relative;top:-13px; background: linear-gradient(89deg, rgba(205, 41, 42, 0) 0%, rgba(205, 41, 42, 0.99) 53%, rgba(205, 41, 42, 0) 100%);border-radius: 7px;}
.row-msg {width:505px; }
.row-msg textarea {width:100%;height: 194px;padding:12px 0 0 21px;border:none}
.submit-btn {padding: 12px 60px ;margin:30px 0 0 0;color: #fff;border:none; background:#CD292A;}

/* product */
.row-swiper { display: none;}
.product-top-area{width: 100%;height: 100%; display: flex;}
.p-bkg { width: 100%;height: 100%;}
.product-top-area  li {width: calc(100% / 6);position: relative;display: flex;align-items: center;justify-content: center; }
.product-top-area .column {display: flex;align-items: center;position: absolute;top:42%; z-index: 99; }
.product-top-area .column img { width: 240px;}
.product-top-area .content,.product-area  .content {width: 100%; color:#fff;font-size:18px;font-weight: 400; display: flex;align-items: center;}
.product-top-area .content span ,.product-area .content span{width: 2px;height: 75px;margin: 0 20px; background: #FFFFFF;}
.deep-area .content {color: #222222; }
.deep-area .content span {background: #000;}
.product-area {width: 100%;height: 100%; position: relative;display: flex;justify-content: center;}
.product-area .column { position: absolute;top:34%;display: flex;}
.product-area .column img{height:160px;}
.product-area .label-img { position: absolute;bottom:30%;}
/*height:6.823vw;*/
.label-img1 { width: 54.583vw;}
.label-img2 { width: 41.51vw;}
.h5-label-img {display: none}
.h5-swiper-img{display: none; width: 100%;}
.web-swiper-img {width: 100%; height: 100%;}
.hot-pro-btn { display: none;}
.init-pro-btn { display: block;position: absolute;left:48%;z-index: 99;bottom:10%;color:#fff;font-size: 24px; display: flex;flex-direction: column;align-items: center;}
.init-pro-btn i { background:url('../images/icon-arrow-down.png')no-repeat ;}
.pop-wrap .swiper-button-next:after,
.pop-wrap .swiper-button-prev:after {
    font-size: 25px;
}

.down-arrow { width: 50px;height: 50px;position: absolute;bottom:30%;z-index: 99;}
.web-arrow { position: absolute;z-index: 99;width:50px ;height: 50px;top:55%; cursor: pointer;}
.product-top-area li .bkg { width: 100%;height: 100%;object-fit:cover;}
.product-top-area li:hover { transform: scale(1.1);transition: 1.5s;}
.pr-dots-wrap { position: fixed;top: 40%;right:2.5%;z-index: 99;}
.pr-dots-wrap li {display: flex;align-items: flex-start;color: #FFD18F;}
.pr-dots-wrap li text { min-width: 50px;text-align: right;padding-right: 10px;}
.pr-in-line {width:15px;height: 15px;border-radius: 50%;border:1px solid  #fff;box-shadow:1px 2px 22px 0px #ffd18f; animation:textShow 1s ; }
.in-line {width:17px;height: 17px;border-radius: 50%;border:1px solid  #fff; }
@-webkit-keyframes textShow {0% {-webkit-transform: scale(1.5);transform: scale(1.5);-webkit-transform-origin: 50% 0%;transform-origin: 50% 0%;-webkit-filter: blur(4px);filter: blur(4px);opacity: 0;}100% {-webkit-transform: scale(1);transform: scale(1);-webkit-transform-origin: 50% 0%; transform-origin: 50% 0%;-webkit-filter: blur(0px); filter: blur(0px);opacity: 1;}}
.line-wrap {display: flex;flex-direction: column;align-items: center;}
.line-down { width: 1px; height: 37px;background: #fff;}
.pr-line {width:17px;height: 17px;border-radius: 50% ;border:1px solid  #fff;}
.in-line-down {transition: 1s; width: 1px; height: 37px !important;background: #fff;box-shadow:1px 2px 22px 2px #ffd18f;}
.web-downico { width: 50px;height: 50px;margin-top: 15px;}
.pop-wrap { width: 100%;padding: 50px 0; position: absolute;top:5%;left:0;z-index: 999;border-radius: 2px;}
.pop-wrap h2 {text-align: center; font-size:36px;color:#fff}
.pop-wrap .products-name {font-size: 24px; color:#fff;text-align: center;}
.popup-swiper img {width: 100%; height:87%; overflow:hidden;border-radius:20px;object-fit:cover;}
.popup-swiper {margin: 25px 0;}
.close-btn { width: 35px;height: 35px;position: absolute;z-index: 999;right:2.5%;top:2.5%}
.mask-wrap {height: 100%;position: fixed;z-index: 99;top: 0; background: rgba(0, 0, 0, 0.8);width:100%;display:none}
.web-tp-img{ display: block;}
.h5-tp-img { display: none;}
/* 新闻中心 */
.hd-banner-wrap{display: block}
.news_top {padding-top: 32px;display: flex;justify-content: space-between;align-items: center;}
.hh-title {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #E5E5E5;padding-bottom: 20px;line-height: 40px;color: #000000;font-weight: 600;font-size: 28px;}
.mt30 {margin-top: 30px;}
.video_swiper { height: 648px;margin-top: 32px; padding-bottom: 40px;  }
.video_swiper .swiper-slide{transition: 300ms;transform: scale(0.9);width:60%;}
.video_swiper .video_slide {width: 100%;height: 100%;overflow: hidden; position: relative; display: block;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);box-sizing: border-box;}
.video_swiper .video_slide .video_slide_img {width: 100%;height: 100%;object-fit: cover;}
.video_swiper .video_slide .video_slide_play {position: absolute;top: 50%;left: 50%;margin-top: -34px;margin-left: -34px;}
.video_swiper .video_slide .video_slide_desc {position: absolute;width: 29.652778%;height: 100%;background: rgba(0, 0, 0, 0.4);padding: 40px;z-index: 999;bottom: 0;right: 0;box-sizing: border-box;color: #fff;display:none}
.video_swiper .video_slide .video_slide_desc h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 24px;font-weight: 600;}
/*.video_swiper .video_slide .video_slide_desc span {display: flex;align-items: center;justify-content: flex-end;}*/
.video_swiper .video_slide .video_slide_desc span i {margin-right: 7px;}
.news {width: 80%;padding: 20px 0 80px 0;margin: auto;}
.mt60 {margin-top: 60px;}
.news_list {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.news_list li {width: calc(25% - 15px);margin-bottom: 20px;box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);overflow: hidden;margin-right:20px;}
.news_list li:nth-child(4n){margin-right:0;}
.news_list li a {display: block;width: 100%;height: 100%;}
.news_list li .img_box {width: 100%;overflow: hidden;height:194px;}
.news_list li .content {width: 100%;/* padding: 20px; */}
.news_list li .content .content_box {padding: 20px;}
.news_list li .content h3 {font-size: 18px;line-height: 32px;margin-bottom: 20px;height: 64px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
font-weight:500} 
.news_list li .content .tips {padding: 6px 12px;border: 1px solid #CC2929;display: inline-block;color: #CC2929;}
.news_list li:hover .content .tips {color: #fff;background: #CC2929;}
.news_list li .content .date_eye {display: flex;justify-content: space-between;align-items: center;margin-top: 20px;color: rgba(0, 0, 0, 0.4);}
.news_list li .content .date_eye span:nth-of-type(2) {display: flex;align-items: center;}
.news_list li .content .date_eye span:nth-of-type(2) i {margin-right: 7px;}
.news_list li .img_box img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.news_list li:hover .img_box img {transform: scale(1.1);}

.new-label { display: none;}
.news .swiper-container-horizontal>.swiper-pagination-progressbar,
.news .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
top: auto;bottom: 10px;height: 2px;}
.news .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #CACACA;height: 6px;top: -2px;}

.news_category {width: 80%;padding: 80px 0;margin: auto;}

.display_sp {display: flex;justify-content: space-between;align-items: center;}
.news-banner-wrap {position: relative; margin-top: 60px;}
.news-banner-wrap .title h1 {font-size: 72px; font-weight: bold;color: #fff;}
.news_top a {flex-shrink: 0;}
.news_top a:not(:first-child) { display: flex;align-items: center; margin-left: 60px;}
.news_top a i {margin-right: 8px;}
.video_swiper .swiper-button-next {background: #CE2C2C;width: 35px;height: 35px;border-radius: 50%;}
.video_swiper .swiper-button-prev {background: #CE2C2C;width: 35px;height: 35px;border-radius: 50%;}
.video_swiper .swiper-button-next:after,
.video_swiper .swiper-button-prev:after {color: #fff;font-size: 14px;}
.video_swiper .swiper-button-next.swiper-button-disabled,
.video_swiper .swiper-button-prev.swiper-button-disabled {background: #EAEAEA;}
.video_swiper .swiper-button-next.swiper-button-disabled:after,
.video_swiper .swiper-button-prev.swiper-button-disabled:after {color: #CE2C2C;}
.video_swiper .swiper-slide-active,.video_swiper .swiper-slide-duplicate-active{transform: scale(1);}
.h5-video-desc{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:60px;left:40px;width: calc(100% - 80px);}
.mantle{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);top:0;left:0;}
.video_swiper .swiper-slide-active .mantle,.video_swiper .swiper-slide-duplicate-active .mantle{background:rgba(0,0,0,0.25)}
.video_swiper .swiper-slide-active .video_slide_desc,.video_swiper .swiper-slide-duplicate-active .video_slide_desc{display:block}
.video_swiper .video_slide .video_slide_desc .content{margin:40px 0; color:rgba(255,255,255,0.65)}
.video_swiper .video_slide .video_slide_desc .tips{padding: 6px 12px;background: #CC2929;border: 1px solid #CC2929;display: inline-block;color: #fff;}
/* 列表页 */
.news_category_list li {width: calc(50% - 10px);margin-bottom: 20px;box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);height: 194px;overflow: hidden;}
.news_category_list li a {display: flex;width: 100%;height: 100%;justify-content: center;position: relative;}
.news_category_list li .img_box {width: 48%;overflow: hidden;position:relative}
.news_category_list li .content {width: 52%;/* padding: 20px; */}
.news_category_list li .content .content_box {padding: 20px;height:100%;box-sizing:border-box;position:relative;}
.news_category_list li .content h3 {font-size: 18px;line-height: 32px;margin-bottom: 20px;height: 64px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_category_list li .content .tips {padding: 6px 12px;border: 1px solid #CC2929;display: inline-block;color: #CC2929;}
.news_category_list li:hover .content .tips {color: #fff;background: #CC2929;}
.news_category_list li .content .date_eye {display: flex;justify-content: space-between;align-items: center;color: rgba(0, 0, 0, 0.4);
width:calc(100% - 40px);position:absolute;bottom:20px;left:20px;}
.news_category_list li .content .date_eye span:nth-of-type(2) {display: flex;align-items: center;}
.news_category_list li .content .date_eye span:nth-of-type(2) i {margin-right: 7px;}
.news_category_list li .img_box .img_box_img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.news_category_list li:hover .img_box .img_box_img {transform: scale(1.1);}
.news_category_list li .img_box .img_box_video{position:absolute;top: 50%;left: 50%;margin-left: -40px;margin-top: -40px;}
.display_sp .bcb { width: 50%;margin:unset}
.hh-title-btn {text-align: center;background:#fff;}
.hh-title-btn a {padding: 15px 60px;color: #CC2929;letter-spacing: 1px;}
.hh-title-btn a:hover {color:#CC2929 }
.hh-title-btn a::before {background: #fff;}
/* 详情页 */
.news_content {width: 46.875%;margin-top: 30px;margin: auto;}
.news_content .title {text-align: center;font-size: 20px;font-weight: 600;color: #000000;}
.news_content .date_eye {display: flex;justify-content: space-between;align-items: center;margin-top: 10px;color: rgba(0, 0, 0, 0.4);}
.news_content .date_eye span:nth-of-type(2) {display: flex;align-items: center;}
.news_content .date_eye span:nth-of-type(2) i {margin-right: 7px;}
.news_content .desc {height: 100%; line-height: 26px; margin-top: 30px;}
.news_content .desc img{
	max-width:100% !important;;height:auto !important;
}
/*.news_content .desc img {margin:20px 0}*/
.news_content .desc .video{width:100%;}

.wx-code {opacity: 0; width:100px!important;height: 0 !important;transform: scale(0); position: absolute;top: 70px;right: 10%;border-radius: 2px; box-shadow: 0px 8px 16px -1px rgba(0, 0, 0, 0.07);}
.wx-wrap:hover .wx-code  {opacity: 1;height: 100px !important;transition: .3s;transform: scale(1);}
.h5-flow-area { display: none;}
.h5-desc-content {display: none;}

.select-wrap {width: 40.7%;margin-left: 20px;display: flex;align-items: center;justify-content: space-between;}
.select-wrap select { width: 30%; padding-left: 10px; height: 52px;border:1px solid #C0C0C0}
.flow-area .flow-line {box-sizing: border-box;}
 .popup-swiper {
        width: 90%;
    }

    .pop-wrap .swiper-button-next,
    .pop-wrap .swiper-button-prev {
        /* color: #CC2929; */
        color:#fff
    }

   

    .pop-wrap .swiper-pagination-bullet-active {
        background: #CC2929;
    }


    .hh_pc {
      display: block;
    }

    .hh_h5 {
      display: none;
    }
.pager {
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin: 2% 0;
}
.pager a.disable {
    cursor: not-allowed;
}
.pager a {
    display: inline-block;
    background: #fff;
    padding: 10px 15px;
    font-size: 18px;
    color: #999999;
    margin-right: 1.5%;
    border: 1px solid #999999;
    font-family: cursive;
    border-radius: 5px;
}
.pager a.active {
    background: #d2161a;
    border: 1px solid #d2161a;
    color: #fff;
}
@media screen and (max-width: 970px){
.pager a {
    font-size: 12px;
    padding: 6px 9px;
    color: #000;
    font-weight: 700;
    font-family: auto;
}
.hidden-xs {
    display: none!important;
}
}

.sild-b-d {
      position: fixed;
    bottom: 10px;
    right: 0;
    z-index: 99;
    display: block;
    width: 50px;
}
 
.sild-b-d a {
     display: inline-block;
    text-align: center;
    font-size: 14px;
    position: relative;
    height: 50px;
    width: 50px;
    background: #d2161a;
    border-radius: 100%;
    margin-bottom: 20px;
}
 
.sild-b-d a:last-child {
    background: url(../../images/mk.png) center -3px no-repeat #d2161a;
    color: #d2161a;
    background-size: 40px;
}
.sild-b-d a:first-child{
    background: url(../../images/md.png) center 5px no-repeat #d2161a;
    background-size: 25px 25px;
}
.sild-b-d a.m:last-child span{
    bottom: 8px;
}
.sild-b-d a.m span{
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    color: #fff;
}

.msgbox {
    background: #fff;
    color: #000;
    text-align: center;
    overflow: hidden;
    border-radius: 20px;
    padding: 20px;
}

.getbk {
    font-size: 22px;
    color: #000;
    display: block;
    text-align: center;
    margin: 18px 0 10px 0;
}

.msgbox .txts {
    font-size: 14px;
    color: #333333;
    font-weight: 600;
    margin-left: 10px;
}
.msgbox .mlo {
    width: 90%;
    overflow: hidden;
    display: flex;
    justify-content: start;
    align-items: center;
    margin: 0 auto;
    border: 1px solid #e5ddec;
    margin-bottom: 5%;
    border-radius: 8px;
    padding: 5px 0;
}
.msgbox .txts {
    font-size: 14px;
    color: #333333;
    font-weight: 600;
    margin-left: 10px;
}
.msgbox .txt {
    font-size: 14px;
    color: #b2b1b6;
    margin-bottom: 5%;
    display: block;
}
.msgbox .inputs {
    width: 70%;
    line-height: 30px;
    border: 0px;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
    color: #999999;
}
.msgbox .btn {
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    border: 0px;
    background: #8e252d;
    vertical-align: middle;
    margin-top: 0;
    width: 90%;
    line-height: 40px;
    border-radius: 8px;
}

@media screen and (max-width:970px){
     .sild-b-d a{
        margin-bottom: 5px;
    }
    .getbk {
        font-size: 18px;
        margin: 10px 0 10px 0;
    }
    .msgbox .txt {
        font-size: 12px;
    }
    .scg p{
      font-size: 18px;
    }
    .scg span {
        font-size: 12px;transform: scale(0.7);height: 3px;
    }
}