body{font-size: 16px;} 
.w90{ width:min(90%,1600px);   margin: 0 auto;  }

/* 216,38,44 */

header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 100; color: #fff;}
.logoImg{ height: 50px; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; }
header .icon02{ display: none;}
header .con{ padding: 0 5vw;}

nav li{ padding-right: 4vw;   }
nav li:last-child{ padding-right: 0;}
nav li:last-child{ margin-right: 0;}
nav li .oneNav>span::after{ width:0; height: 3px; display: block; content: ''; position: absolute; left: 0; bottom: 0; background: #fff; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.oneNav{ white-space: nowrap;  font-size: 18px;   line-height: 100px; display: flex; align-items: center; justify-content: center; } 
nav li:hover .oneNav>span::after,nav li.on .oneNav>span::after{ width: 100%;}
nav li dl{ position: absolute; width: 100%; left: 0; top: 100%; height: 0; transform: scale(1,.5); opacity: 0; transition: all .5s; -webkit-transform-origin: top center; pointer-events: none;     box-shadow: 2px 23px 25px rgb(0 0 0 / 10%);}
nav li:hover dl{ height: auto; transform: scale(1); opacity: 1; pointer-events: unset; }

.navLeft{ width: 33%; background: #ecebeb;}
.navRight{ width: 67%; background: #f7f5f5;}
/* nav li dl dd{ background: rgba(255, 255, 255, .85);line-height: 50px; padding: 0 10px; color: #333; font-size: 16px; display: flex;align-items: center;  min-width: 180px;}
nav li  dd a{ transition: all .36s;  -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
nav li  dl dd:hover{  background: #fff;  }
nav li  dl dd:hover a{ color: var(--red); transform:translateX(8px); -webkit-transform:translateX(8px); -moz-transform:translateX(8px); -ms-transform:translateX(8px); -o-transform:translateX(8px); }

 */


.searchBox{ background :  var(--red); z-index: 15; transform: translateY(-105%); transition:all .6s ; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-transform: translateY(-105%); -moz-transform: translateY(-105%); -ms-transform: translateY(-105%); -o-transform: translateY(-105%); }
.searchBox .form{ width: calc(100% - 80px);}
.searchBox .keys{ width: 80%; background: url(../images/search-w.png) no-repeat left center; }
.searchBox .submit{ width: 90px; height: 40px; border: 1px solid #fff;}
.searchBox input::-webkit-input-placeholder  {color:rgba(255, 255, 255, .65);}
.searchBox input:-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input::-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input:-ms-input-placeholder  {color: rgba(255, 255, 255, .65);;}

.searchBox.show{ transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }
.bg-fb{  background: #fbfbfb;}

.searcchlist a:hover { color: var(--red);}

.srcachBox .keys{ width: calc(100% - 84px);}
.srcachBox .submit{ cursor: pointer; height: 84px; width: 84px; background: url(../images/sarchbtn.png) no-repeat center center; background-size: auto 30%;}

.navLeft .border-right-red{ border-width: 2px;}
.navRightUl a{ display: block;  font-size: 16px; }
.navRightUl a .iconfont{ transform: translateX(15px); opacity: 0; -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); }
.navRightUl a::before{ opacity: 0; display: block; content: ''; border-radius: 5px; transition: all .36s; background-image: linear-gradient(to right,var(--red),#ba2227); position: absolute; left: 0; top: 0; width:50%; height: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.navRightUl a:hover { color: #fff;} 
.navRightUl a:hover::before{ width: 100%; opacity: 1;}
.navRightUl a:hover .iconfont{ opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.navRight .img{ width: 25vw; height: 14vw;}


/* header::after{ position: absolute; left: 0; bottom: 0; display: block; content: ''; transition: all .36s; width: 100%; height:  1px; 
    background-color: rgba(255, 255, 255, .15); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } */
	header::after{ position: absolute; left: 0; bottom: 0; display: block; content: ''; transition: all .36s; width: 100%; height:  100%; 
		background-color: #fff; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

header.scroll,header:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, .15); color: #333;}
header.scroll::after,header:hover::after{    background-color: #fff;  height: 100%;}
header.scroll .icon01,header:hover .icon01{ display: none;}
header.scroll .icon02,header:hover .icon02{ display: block;}
header.scroll nav li.on .oneNav,header:hover nav li.on .oneNav{ color: var(--red);}
header.scroll .oneNav>span::after,header:hover .oneNav>span::after{ background-color: var(--red);}
header.scroll .headerTel .round,header:hover .headerTel .round{ background: var(--red); color: #fff;}

.h_nav{ height: 60px; width: 60px; background-color:var(--red); padding: 18px 8px ;    align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }
.h_nav.close{align-items: center; justify-content: center;}

.sjj_nav{}
.sjj_nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; max-height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; 
    overflow-y: scroll;
}
.sjj_nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 2px;}
.sjj_nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #333; width: 2px; }
.sjj_nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: transparent; width: 2px; }
.sjj_nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }

/* .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:40px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px rgba(255, 255, 255, .2) solid;text-align:center;color:#999;} */
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px rgba(255, 255, 255, .2) solid;height:40px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_s svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px rgba(255, 255, 255, .2) solid;padding-left:20px;position:relative;line-height:50px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px rgba(255, 255, 255, .2) solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:80%}
.sjj_nav ul li ul li a{color:rgba(255, 255, 255, .8);display:block;text-align:left;font-size: 14px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:rgba(255, 255, 255, .5);}
.sjj_nav ul li .sjj_nav_i_s svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.sjj_nav ul li ul li{ line-height: 40px;}
.sjj_nav ul li ul li i{height: 30px;}

.banImg{ width: 100%; height: 100vh; object-fit: cover;   min-height: 360px;}
.idxBan  .swiper-slide-active .banImg{ animation: swiper_img_move 10s linear 0s infinite normal both; -webkit-animation: swiper_img_move 10s linear 0s infinite normal both; }
.idxbanMore .right{ width: 38px; height: 38px; margin-left: 90px;}
.idxbanMore .right::before{ width:20%; height: 20%; border-radius: 50%; position: absolute; left: 40%; top: 40%; display: block; content: ''; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.idxbanMore .right::after{ width:200%; height: 1px; position: absolute;  right: 50%; top:49%; display: block; content: ''; background: rgba(255, 255, 255, .45);  }
.idxbanMore:hover{ box-shadow: 0 0 15px rgba(255, 255, 255, .15); background: var(--red); border-color: var(--red);}
.idxbanMore:hover .right{ margin-left: 60px;}

.idxDian{ width: 8px; height: 8px;}

.idxAbout{ background: url(../images/idxAboutBg3.jpg) no-repeat right center; background-size: cover;}

.idxAbout .years{-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-repeat:no-repeat; mask-size: 100% 100%;-webkit-mask-size: 100% 100%;
	mask-repeat:no-repeat;-webkit-mask-position:left center;position:sticky;top:0;width:100%;height:100%;z-index:10;}
.videoBg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; z-index: 1;}
.idxAbout .yearsText{ position: absolute;  top: 22%;  left: 30%; z-index: 12;  }

.idxAboutIconTit{ position: absolute; left: 0; height: calc(100% + 20px); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
 
.idxMore:after { display: block; content: ''; width: 18px; margin-left: -9px; height: 18px; display: block; content: ''; background: rgb(216,38,44,.2); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.idxMore:hover img{ transform: translateX(9px); -webkit-transform: translateX(9px); -moz-transform: translateX(9px); -ms-transform: translateX(9px); -o-transform: translateX(9px); }
.numUl .num{ overflow: hidden;}
.numUl .num:hover{ color: var(--red);}
.numUl .num:hover svg{ filter: drop-shadow(400px 0 0 var(--red)); transform: translateX(-400px); -webkit-filter: drop-shadow(400px 0 0 var(--red)); -webkit-transform: translateX(-400px); -moz-transform: translateX(-400px); -ms-transform: translateX(-400px); -o-transform: translateX(-400px); }
.numUl .font90:hover{   text-shadow: 0 10px 10px rgba(216,38,44,.3);}

.idxYy{ width: 100%; height:100vh;}

.idxYyTit{ position: absolute; z-index: 10; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
 
.idxYy .swiper-container{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.idxYy .swiper-slide .img{ background-repeat: no-repeat; background-position: center; background-size: cover;opacity: 0.5;transform: scale(1.1);transition: all 2s;}
/* .idxYy .swiper-slide img{opacity: 0.5; object-fit: cover; width: 100%;height: 100%;transform: scale(1.1);transition: all 2s;-webkit-transition: all 2s;-moz-transition: all 2s;-ms-transition: all 2s;-o-transition: all 2s;} */
.idxYy .swiper-slide.swiper-slide-active .img{ opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.idxYy .swiper-slide::after{ display: block; content: ''; width:100% ; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;background-color: rgba(0, 0, 0, .1);backdrop-filter: blur(5px);}
.idxYy .swiper-slide .child{background-repeat: no-repeat; background-position: center; background-size: cover;  position: absolute; left: 0; top: 0; z-index: 8;clip-path: circle(15vw at 50% 64%);opacity: 0.5;transform: scale(1.1);transition: all 2s;}
.idxYy .swiper-slide.swiper-slide-active .child{opacity: 1; transform: none; }

.idxYyCon{ margin-top: 14%; width: 30vw; height:30vw; }
 
.circleUl{    border: 1px solid rgba(255, 255, 255, .45);}

.circleUl .yffwIndexXun{  display: flex; align-items: center; position: absolute; width: 0; height: 0; cursor:pointer;}

.circleUl .yffwIndexXun:nth-child(1){ left: 85.5%; top: 14%; }
.circleUl .yffwIndexXun:nth-child(2){ left:86%;bottom: 16%;}
.circleUl .yffwIndexXun:nth-child(3){  right:85%; bottom: 15%; flex-direction: row-reverse;}
.circleUl .yffwIndexXun:nth-child(4){ right: 85.5%;top: 14%; flex-direction: row-reverse;}

.yffwIndexXun .yixDots{ width: 0; top: 4px; position: absolute; left:0; }
.yffwIndexXun .yixDots .yixDots1{ width:8px; height:8px; border-radius:8px; background: #fff; margin:-4px 30px 0 -4px; }
.yffwIndexXun .yixDots .jdt{ opacity:0;   width: 54px; position: absolute; height: 54px; left: -27px; top: -27px; transform: rotate(-90deg); transform-origin:27px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}

.yffwIndexXun.on .yixDots .jdt{ opacity:1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.yffwIndexXun.on .yixDots .jdt3{ animation: jdt3 infinite 9s linear; -webkit-animation: jdt3 infinite 9s linear; }
.yffwIndexXun.on  .yixTitle{ color: #FFF;  }
.yffwIndexXun.on  .text{ opacity: 1;}

@keyframes jdt3{
    0%{ stroke-dasharray:0 190; stroke-dashoffset: 0;}
    100%{ stroke-dasharray:190 0; stroke-dashoffset: 0;}
}  
 
/* topFloat */
.idxYyConText{ z-index: 15;}
.idxYyConText li{ display: none; animation: topFloat .5s; -webkit-animation: topFloat .5s; }
.idxYyConText li.on{ display: flex;   }
.idxYyConText li a:hover{ background: var(--red); border-color: var(--red); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

.time-move {z-index: 2;position: absolute;width: calc(100% + 10px);height: calc(100% + 10px);left: -5px;top: -5px;}
.time-move canvas {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;top: -1px;}

.circleUlWap{ display: none;}
.circleUlWap{ width: 100%; height: ; position: absolute; left: 0; bottom: 15px; z-index: 50;}
.circleUlWap::after{ display: block; content: ''; position: absolute; left: 0; bottom: 50%; width: 100%; height: 1px; background: rgba(255, 255, 255, .2);}
.circleUlWap li{ width: 25%;}
.circleWp{ width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--red); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.circleWp i{ width: 5px; height: 5px; background: var(--red); border-radius: 50%;}

.circleUlWap li  .circleWp{ display: none;}
.circleUlWap li.on .circleWp{ display: flex;}
.circleUlWap li.on .text{ display: none;}
.circleUlWap li.on .ttt{ display: none;}

.idxNews{ background: #f5faff;}
.idxNewsTab a.on { background: var(--red); color: #fff;}
.myswiperBtn:hover{ background: var(--red); color: #fff ;}

.idxPartnerTab a.on { background: var(--red); color: #fff;}

.idxNewsCon figure{ display: none;}
.idxNewsCon figure.on{ display: block;}
.idxNews .con figure{   width:1760px ;}
.idxNewsItem .img{ width: 100%; padding-bottom: 60%;}
.idxNewsItem .text{ background-image: linear-gradient(to top,rgba(0,0,0,.8), transparent) ; transform:translateY(65%)  ; -webkit-transform:translateY(65%)  ; -moz-transform:translateY(65%)  ; -ms-transform:translateY(65%)  ; -o-transform:translateY(65%)  ; }
.idxNewsItem .text .tit{ height: 5em;}
.idxNewsItem .text .desc{ height: 8em;}
.idxNewsItem .more{  border-bottom: 1px solid #fff;}
.logoN{ position: absolute; left: 0; bottom:8%;}
.idxNewsItem:hover{ box-shadow: 0 0 25px rgba(216,38,44,.3);}
.idxNewsItem:hover .text{ transform: translateY(0); background: var(--red); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.idxNewsItem .more:hover{ letter-spacing: 2px;}

.idxPartnerUl li{  width: calc(100% / 5); height: 210px;}
.idxPartnerUl li::after{ display: block; content: ''; width:0; height: 100%; transition: all .36s; background: var(--red);
	 /* background: url(../images/idxPartnerUlBg.jpg) no-repeat center center;   background-size: cover;*/
	 position: absolute; left: 0; top: 0; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxPartnerUl li img{max-width: 60%; max-height: 50%; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; }
.idxPartnerUl li:hover{  box-shadow: 0 0 25px rgba(216,38,44,.3);}
.idxPartnerUl li:hover img{ filter: drop-shadow(600px 0 0 #fff); transform: translateX(-600px); -webkit-filter: drop-shadow(600px 0 0 #fff); -webkit-transform: translateX(-600px); -moz-transform: translateX(-600px); -ms-transform: translateX(-600px); -o-transform: translateX(-600px); }
.idxPartnerUl li:hover::after{ width: 100%;}

footer{ background: url(../images/footBg.jpg) no-repeat center top; background-size: cover;}
footer::after{ display: block; content: ''; width:100%; height: 100%; transition: all .36s; background:rgba(0, 0, 0, .8); background-size: cover; position: absolute; left: 0; top: 0; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
footer a:hover{ color: #fff;}
.footNav dl{ margin-right: 4vw;}
.footNav dl:last-child{ margin-right: 0;}

.footEwm{width: 154px;}
.footEwm .img{ background: url(../images/ewmImgBg.png) no-repeat center center; background-size: 100% 100%; width: 100%;}
.contactUl .footEwm .img{ background: #f0f0f0; }
footer .top{ border-color: rgba(255, 255, 255, .15);}
footer .top a{ width: calc(100% / 4);border-color: rgba(255, 255, 255, .15);  height: 120px;}
footer .bottom{ border-color: rgba(255, 255, 255, .15);}
footer .bottom a:hover{ opacity: .8;}

.subNav li{ flex: 1; text-align: center;}
.subNav a{ flex: 1 ; line-height: 90px;     white-space: nowrap;}
.subNav a.on{ background: var(--red); color: #fff;}
.subNav a:hover{ color:  var(--red);}
.subNav a.on:hover{ color: #fff }


@media screen and (min-width:750px) {
	.twosubNav{  background: #fff; border-top: 1px solid #e5e5e5; line-height: 4; display: none; position: absolute; left: 0; top: 100%; width: 100%; box-shadow: 0 5px 5px rgba(0, 0, 0, .15); }
	.subNav li:hover .twosubNav{ display: block;}
}


.twosubNav span{ text-align: left;}
.twosubNav span.on, .twosubNav span:hover{ background: #fff; color: var(--red);}


.neiBan{ height: 600px;}
.neiBanImg{ width: 100%; height:600px; object-fit: cover;}
.neiBan .text{ position: absolute; left: 0; bottom: 15%; z-index: 10;}

.neiBanImgAnimation{animation: zoomBig 2s  forwards; -webkit-animation: zoomBig 2s  forwards;}

.sinceText{ font-size: 210px;}
.brief .line{}
 
.brief .line {position: absolute;left: 50%;top:0;bottom: 0;width: 1px;background-color: #eeeeee;z-index: 1;}
.brief .line:before {content: '';width: 13px;height: 13px;background-color: var(--red);border-radius: 50%;position: absolute;top: 0;left: -6px;}
.brief .line span {width: 1px;background-color: var(--red);position: absolute;top: 0;left: 0;}

.brief .paly{
	z-index: 20;
	width: 100px;
	cursor: pointer;
	background:rgba(216,38,44, 1) ;
	border-radius: 50%;
	height: 100px;
	position: absolute;
	left: 50%;
	margin-left: -50px; margin-top: -50px;
	top: 50%;
	box-shadow: 0 0 rgba(216,38,44, 0.1),0 0 0 15px rgba(216,38,44, 0.1),0 0 0 30px rgba(216,38,44, 0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transform: scale(0.8);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
#slideVideo{ width: 100%;  height: 100%;}
.briefVideo{  width: 100%; height: 480px; }
 
.briefContent{ max-height: 40vh; overflow-y: scroll; text-align: justify; }
.briefContent::-webkit-scrollbar {width: 5px;}
.briefContent::-webkit-scrollbar-thumb {border-radius: 3px; background:var(--red); width: 5px; }
.briefContent::-webkit-scrollbar-track {border-radius: 3px; background: #f2f5f9; width: 5px; }

@keyframes ripple-wave{
    to {
        box-shadow: 0 0 0 15px rgba(216,38,44, 0.1),0 0 0 30px rgba(216,38,44, 0.1),0 0 0 45px rgba(216,38,44, 0.02);
    }
}/* 
.brief .paly{
	z-index: 20;
	width: 100px;
	cursor: pointer;
	background:rgba(216,38,44, 1) ;
	border-radius: 50%;
	height: 100px;
	box-shadow: 0 0 rgba(216,38,44, 0.1),0 0 0 15px rgba(216,38,44, 0.1),0 0 0 30px rgba(216,38,44, 0.1);
	animation: ripple-wave 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transform: scale(0.8);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-animation: ripple-wave 1s linear infinite;
} */

.culture{ background: url(../images/cultureBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.culture::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .1);}

.cultureTab li{ width: calc(100% / 3);}
.cultureTab li.on{ opacity: 1;}
.culture .w50.bg-red{ box-shadow: 5px 0 35px rgba(216,38,44,.65);}
.culture .right{  background: url(../images/yinIcon.png) no-repeat left  8% top 15%; background-size: 8% auto;}
.culture .btn:hover{ background: #fff; color: var(--red);}
.culture .btn.swiper-button-disabled{  cursor: no-drop; }


/* .DevelopmentHistoryLine{ width: 24px; height: 5px;}
.DevelopmentHistoryCon{ padding-left: calc((100vw - 1600px)/2);}
.historyTop { height: 360px;}
.historyTop .item::before{ width: 8px; height: 8px; display: block; position: absolute; left: 0; top: 24px; content: ''; border-radius: 50%; border: 2px solid #b9b9b9; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyTop .item::after{ width: 1px;   height: 100%; display: block; position: absolute; left: 5px; top: 50px; content: ''; background-image: linear-gradient(to bottom,#b9b9b9,transparent);   }

.historyTop .swiper-slide{ height: auto;  }
.historyTop .swiper-slide-prev{padding-top: 120px;}
.historyTop .swiper-slide-active{padding-top: 60px; }
 

.historyTop .swiper-slide .top,.historyTop .swiper-slide .bot {color: #ac9fa0;} 
.historyTop .swiper-slide-prev .top,.historyTop .swiper-slide-prev .bot{ color: var(--red);}
.historyTop .swiper-slide-prev .item::before{ background: var(--red); border-color: var(--red);}
.historyTop .swiper-slide-prev .item::after{  background-image: linear-gradient(to bottom, var(--red),transparent); } */


.historyBot .prev,.historyBot .next{ width: 45px; height: 45px; border-color: #d5d5d4; flex-shrink: 0;}
.historyBotSwiper .swiper-slide{color: #ac9fa0;}
/* .historyBotSwiper .active  { color: var(--red);} */
.historyBot .prev:hover,.historyBot .next:hover{ background: var(--red); color: #fff;}
 
.historyBotSwiper .swiper-slide-prev   { color: var(--red);}
.DevelopmentHistoryLinePic{height: 15vh; width: 100%;}

.DevelopmentHistoryCon .swiper-pagination-progressbar{ position: relative;  }
.historyPic{  width: 100%;  height: 250px;  background: #ccc; 
	 
}
@media screen and (min-width:750px) {

	.historyPic{  
		z-index:10; 
		-webkit-mask-image:url(../images/tu3.png);	-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-repeat:no-repeat;   
		mask-repeat:no-repeat;-webkit-mask-position:left center;
		-webkit-mask-size: auto 100%;
    mask-size: auto  100%;
	}
}


.historyPic::after{ display: block; content: ''; width: 100%; height: 100%;   position: absolute; left: 0; top: 0;   }
.DevelopmentHistoryCon  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: var(--red);   }
.historyBotSwiper{ width: 1500px;}
.historyPic{ margin-top: -5vh;}

.honor{ background: url(../images/honorBg.png) no-repeat center bottom #ecf2f7; background-size: 100% auto;}
.honorSwiper .img{ width: 100%; padding-bottom: 80%;}
.honorIcon{filter: grayscale(100%); opacity: .5; display: inline-block;}
.honorSwiper .swiper-slide:hover  .honorIcon{ filter: none; opacity: 1; -webkit-filter: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.honor .prev,.honor .next{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.honor .prev{ left: -80px;}
.honor .next{ right: -80px;}
.honor .prev:hover,.honor .next:hover{ background: var(--red); color: #fff;}

.enterprise{ background: url(../images/enterpriseBg.png) no-repeat bottom center; background-size: 100% auto;}
.enterpriseLeft .img{ width: 100%; padding-bottom: 100%;
 /*background: url(../images/enterpriseLine.png) no-repeat center center; background-size: 100% 100%;*/
  }

.proLeft{ width: 28%; box-shadow: 5px 0 27px  rgb(0 0 0 / 10%);}
.proRight{ width: 72%;}

.pl-main{ padding-left: calc((100vw - 1600px)/2);}
.pr-main{ padding-right: calc((100vw - 1600px)/2);}
 

.firstNav{line-height: 80px;border-radius: 0  40px 40px 0; }
.firstNav i{  width: 30px; height: 30px;}
.secondNav{ line-height: 80px;}
.thirdNav{ line-height: 80px;background: #f3f4f7;}
.pro_nav ul li:first-child,.pro_nav ul li ul li:first-child{ border-top: none;}
.pro_nav ul {display:none}
.pro_nav  li ul li{ border-top: 1px solid #eaeaea;}
.pro_nav li ul  a:hover{ color: var(--red);}
.sjj_nav_i_se{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.pro_nav .on  ul.secondNavUl{ display: block;}

.prolist li{ width: calc((100% - 50px)/3); margin-right: 25px;}
@media screen and (max-width: 1920px) and (min-width: 1040px) {
    .prolist li{ width: calc((100% - 50px)/3); margin-right: 25px;}
    .prolist li:nth-child(3n){ margin-right: 0;}
    .prolist li:nth-child(-n+3) { margin-top: 0;}
}
.prolist li .img{ padding-bottom: 100%;}
.prolist li:hover{ color: var(--red); box-shadow: 0 0 25px rgba(216,38,44,.3); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }

.pro_nav_show.down{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.proInfoOne{ background: url(../images/proInfoOneBg.jpg) no-repeat center center; background-size: cover;}

.zwHeader{ height: 100px;}
.zw{ margin-top: -100px; padding-top: 100px;}
.neiBan{ margin-top: 100px;}

.linka a:hover{ color: var(--red);}
.location .iconfont{ transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }
.proInfoSwiper .img{ padding-bottom: 82%;}
.infoLine{ height: 1px; background: #cdcdcd;}

.infoLine::after{ display: block; content: ''; width:8%; height: 3px; position: absolute ; left: 0; top: -1px; background: var(--red);}
.proInfoOne .text li{ min-width: 50%; display: inline-block;}
.proInfoOne  .btn{ border: 2px solid var(--red);}
.proInfoOne  .btn a{ border-width: 2px;}
.proInfoOne  .btn a.bg-red{ color: #fff;}
.proInfoTwo .line{ width: 2em;  height: 3px;}
.message{ background: url(../images/messageBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.message::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, .85);}
.contactmessage::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:#f8f9fa;}

.location{ border-color: #dadada;}
.marketBg{ position: absolute; left: 0; right: 0; top: 0; z-index: 10;}

.strategy .img{  }
.jobTip span:last-child{ border-right: none; padding-right: 0; margin-right: 0;}
.joblist li .top .close{ display: none;}
.joblist li .bottom {  display: none;}
.joblist li.on .close{ display: block;}
.joblist li.on .open{ display: none;}

.strategyIcon{width: 5.4vw;}
.mapBx{ height: 60vh;}

.newslist li{ width: calc((100% - 160px)/3); margin-right: 80px; border-bottom: 2px solid #e2e2e2;}
/* .newslist li:nth-child(3n){   margin-right: 0;} */
.newslist li::after{ display: block; content: ''; background: var(--red); position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.newslist li .img{ padding-bottom: 60%;}
.newslist li .round{ width: 30px; height: 30px; border-color: #666;}
.newslist li .round .iconfont{ position: absolute; right: 50%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.newslist li:hover{ color: var(--red);}
.newslist li:hover::after{ width: 100%;}
.newslist li:hover .img{ box-shadow: 0 0 15px rgba(216,38,44,.3);}
.newslist li:hover .img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.newslist li:hover .more{ color: var(--red);}
.newslist li:hover .more .round{ border-color: var(--red);}
.newslist li:hover .more .round .iconfont{ right: -50%;}
.newslist li{ width: calc((100% - 160px)/3); margin-right: 80px;}

@media screen and (max-width: 1920px) and (min-width: 1040px) {
    .newslist li:nth-child(3n){ margin-right: 0;}
    .newslist li:nth-child(-n+3) { margin-top: 0;}
}

.newsLeft{ width: 65%;}
.newsRight{ width: 31%;}
.newsRight .tit::after{ height: 1em; width: 6px; background: var(--red); display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.newsRightUl a .img{ width: 185px; height: 115px;}
.newsRightUl a .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsRightUl a .text{ width: calc(100% - 204px);}
.newsRightUl a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.linkPro a:hover{ background: var(--red); color: #fff; box-shadow: 0 0 10px rgba(216,38,44, .2);}

.history .swiper-button-disabled{ cursor: no-drop;}
.historyUl li{ width: 18%; height: 100%; position: relative;}
.historyUl li .txt{ position: absolute; left: 0;}
.historyUl li .txt:before{ content: ""; background: #fff; display: block; width: 11px; height: 11px; position: absolute; z-index: 99; left: 0; top: 1rem; border: 2px solid var(--red); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyUl li .txt:after{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 1rem; background: #e2e2e2; left: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyUl li .con{  width:180%;}/* 
.historyUl li:nth-child(1) .txt{ bottom: 40%; padding-bottom: 70px;}
.historyUl li:nth-child(2) .txt{ top: 56%; padding-top: 70px;}
.historyUl li:nth-child(3) .txt{ bottom: 40%; padding-bottom: 90px;}
.historyUl li:nth-child(4) .txt{ top: 65%; padding-top: 80px;}
.historyUl li:nth-child(5) .txt{ bottom: 30%; padding-bottom:193px;}
.historyUl li:nth-child(6) .txt{ top: 65%; padding-top: 80px;}
.historyUl li:nth-child(7) .txt{ bottom: 50%; top: 0; padding-bottom:  ;} */

.historyUl li:nth-child(1) .txt{ top:20%;       height: 25%;}
.historyUl li:nth-child(2) .txt{  bottom: 0; top:50%;padding-top: 4em;}
.historyUl li:nth-child(3) .txt{top: 12%; height: 36%; }
.historyUl li:nth-child(4) .txt{ bottom: 1%;top:56%;padding-top: 4em; }
.historyUl li:nth-child(5) .txt{top: 6%;height:50%; }
.historyUl li:nth-child(6) .txt{ bottom: 0;top: 56%;height: 40%;padding-top: 4em; }
.historyUl li:nth-child(7) .txt{ top:0%;  height: 42%;} 



  .historyUl li:nth-child(5) .con{ width: 100%;}  
.historyUl li:nth-child(even) .txt:before{ top: 5em;}
.historyUl li:nth-child(even) .txt:after{ height: 5em;}
 
.historyUl li:hover .txt{ transform: translateY(-20px); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); }
.history .prev:hover,.history .next:hover{ background: var(--red); color: #fff; border-color: var(--red);}

.historyUl li:nth-child(2n-1):hover .txt{ transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); } 

/* .historyUl li{ width: 13%; position: relative; height: 100%; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }
.historyUl li .txt{ position: absolute; padding-left: 24px;}
.historyUl li .txt .year{   margin-bottom: 7px; color: #3d75c0;  transform:translateY(50px); opacity: 0; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); }
.historyUl li .txt .con{   color: #626262;  transform:translateY(50px); opacity: 0; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); }
.historyUl li .txt:before{ content: ""; background: #fff; display: block; width: 11px; height: 11px; position: absolute; z-index: 99; left: 0; top: 1rem; border: 2px solid #71c32b; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyUl li .txt:after{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 1rem; background: #e2e2e2; left: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


.licheng_slide ul li:nth-child(odd) .txt:hover .con{ padding-bottom: 1rem;}
  .licheng_slide ul li .txt:hover .year{ margin-top: -1rem;} */