* { padding: 0px; margin: 0px; }
*, ::after, ::before { box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
html { font-family: "Hel", Arial; color: #666; background-color: #fff; font-size: 10px; }
h3, h4, h5, h6, a, span, p { color: #333; font-family: "Hel", Arial; font-weight: normal; display: block; }
img { width: 100%; object-fit: cover; transition: 0.3s; display: block; }
li { list-style: none; }
a { text-decoration: none; display: block; }
body, html { height: 100%; width: 100%; }
.imgbox { overflow: hidden; position: relative; }
.clearfix { zoom: 1; }
.clearfix:after { content: " "; display: block; clear: both; }
.fl { float: left; }
.fr { float: right; }
input { -webkit-appearance: none; }
:root { --dex2:#0093ee; --dex: #e3000f; }
@font-face { font-display: swap; font-family: "Hel"; font-style: normal; font-weight: 400; src: url(../fonts/Formular-Medium.otf) format("opentype"); }
@font-face { font-display: swap; font-family: "Hel"; font-style: normal; font-weight: bold; src: url(../fonts/HelveticaNeueLTPro-BdEx.otf) format("opentype"); }

/* pc */
.pc-1200px { display: none; }
@media only screen and (max-width:1260px) {
	.pc-1200px { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #333; z-index: 100000000000000000; display: block; }
	.pc-1200px p { position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; top: 50%; left: 0; }
	.pc-1200px p img { display: block; margin: 0 auto 2em; height: 50px; }
	.pc-1200px p strong { display: block; color: #fff; text-align: center; font-size: 2em; letter-spacing: 1px; line-height: 1em; margin-bottom: 2em; }
	.pc-1200px p span { display: block; text-align: center; color: #eee; letter-spacing: 1px; font-size: 16px; }
}

/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger { display: none; }
.icenter { width: 94%; margin: auto; }
.lay--flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.lay--absolute { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.text-center { text-align: center; }
.font-bold { font-weight: 700; }
.footer, .i05, .i04, .i03, .i02, .ibanner { position: relative; overflow: hidden; }
.footer .fo01 ul li .min2 .share a, .i02 .i02Swiper_nav .le .g .fa { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.i02 .swiper-pagination-bullet::after { position: absolute; left: 50%; top: 54%; transform: translate(-50%, -50%); }
.ibanner .box .text { position: absolute; left: 50%; top: 54%; }

/* more */
.more:hover { border-color: var(--dex); background-color: transparent; }
.more { border-radius: 5rem; background-color: var(--dex); border: 1px solid var(--dex); overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: relative; z-index: 1; width: 18.7rem; height: 4.8rem; display: flex; align-items: center; justify-content: center; }
.more > span { vertical-align: middle; font-size: 1.6rem; color: #fff; }
.more:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.more::after, .more > span {text-transform: capitalize; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.more:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.more::after { color: var(--dex); font-size: 1.6rem; content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }

/* head */
.div1 { position: fixed; top: 0px; width: 100%; z-index: 9999999; transition: 0.3s; }
.head { box-sizing: border-box; height: 9rem; display: flex; justify-content: space-between; align-items: center; }

.head .logo2 { display: none; }
.head .logo { width: 50rem; }

.head .tel2 { display: none; }
.head .tel { width: 2rem;}

.head .den2 { display: none; }
.head .den { width: 1rem !important;}


.head .right { z-index: 2; position: unset; display: flex; align-items: center; width: 64%; justify-content: space-between;}
.head .right ul { display: flex; width: 73%; }
.head .right li { margin: 0 2.2rem; position: relative; }
.head .right li h3 a { position: relative; font-weight: 400; line-height: 9rem; height: 9rem; font-size:18px; text-transform: capitalize; color: #fff; }

/* .head li:hover h3 a:after{width: 100%;} */
.head .op { display: flex; align-items: center; }
.head .op a{
	display: flex;
	align-items: center;
}

.head .op .lang h4 .den1{
	display: inline-block;
}
.div2 .head .op .lang h4 .den1{
	display: none;
}

.accordion-body dl{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.accordion-body dl dd{
	width: 20%;
}
.head .op .search { font-size: 20px; line-height: 1; color: #fff; }
.head .op .lang { height:9rem; cursor: pointer;    position: relative; display: flex; align-items: center; margin-left: 2.3rem; padding-left: 2.3rem; }

.head .op .lang h4 img{
	vertical-align: middle;
}
.head .op .lang::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 2.4rem;
    background-color: rgba(255, 255, 255, 0.6);
    width: 1px;
}
.head:hover .op .lang h4 .den1 {
  display: none;
}
.head .op .lang img { transition: 0s; width: 2.7rem; }
.head .op .lang span { font-size: 20px; line-height: 1; color: #fff; margin-left: 0.3rem; position: relative; top: -1px; }
.head .op .lang h4 {
  font-size: 16px;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  margin-left: 1.1rem;
  position: relative;
  top: 2px;
  width: 59px;
}
.head .op .lang:hover .lang_CN {opacity: 1;pointer-events: visible;}
.head .op .lang .lang_CN {
	width: 11.2rem;
    display: flex;
    align-items: center;
    transition: 0.3s;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    font-size: 16px;
    line-height: 1;
    color: #333;
    font-weight: bold;
    top: 9rem;
    left: 0rem;
    padding: 1.5rem 2.3rem;
    background-color: #fff;
    box-shadow: 0 10px 10px rgba(0,0,0,0.15);
    border-radius: 0.6rem;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}


.div1:hover, .div2, .div3 { background-color: #fff; -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2); }
.div1:hover .head .logo2, .div2 .head .logo2, .div3 .head .logo2 { display: block; }
.div1:hover .head .logo1, .div2 .head .logo1, .div3 .head .logo1 { display: none; }

.div1:hover .head .tel2, .div2 .head .tel2, .div3 .head .tel2 { display: inline-block; }
.div1:hover .head .tel1, .div2 .head .tel1, .div3 .head .tel1 { display: none; }

.div1:hover .head .den2, .div2 .head .den2, .div3 .head .den2 { display: inline-block; }
.div1:hover .head .den1, .div2 .head .den1, .div3 .head .den1 { display: none; }

.div1:hover .head .right li h3 a, 
.div2 .head .right li h3 a, 
.div3 .head .right li h3 a, 
.div1:hover .head .op .search, 
.div2 .head .op .search, 
.div3 .head .op .search, 
.div1:hover .head .op .lang h4, 
.div2 .head .op .lang h4, 
.div3 .head .op .lang h4, 
.div1:hover .head .op .lang span, 
.div2 .head .op .lang span, 
.div3 .head .op .lang span { color: #333; }
.div1:hover .head .op .lang, .div2 .head .op .lang, .div3 .head .op .lang { border-color: rgba(0, 0, 0, 0.6); }

.div1 .head .right li h3 a:hover, 
.div2 .head .right li h3 a:hover, 
.div3 .head .right li h3 a:hover { color: var(--dex); }
/* .head li:hover h3 a:after { width: 100%; }
.head li h3 a:after { content: ""; display: block; width: 0; height: 2px; background: var(--dex); left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.3s; position: absolute; } */
@keyframes tui {
	100% { transform: translateY(0px); opacity: 1; }
}
.accordion-body dl dd a:hover { color: var(--dex); }
.accordion-body {
    opacity: 0;
    transform: translateY(-50px);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: 12%;
    top: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0;
    width: 700px;
    transition: 0.2s;
    height: 0px;
}
.div1 .menu_hover { transition: 0.2s; background: linear-gradient(180deg, #ffffff 60px, white 0%); display: block !important; width: 100%; height: 0px; z-index: 1; position: absolute; top: 9rem; left: 0px; -webkit-animation: a_bg_hover_show 0.1s ease-out both; -webkit-transform-origin: 50% 0%; z-index: 0; -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15); }
.div1 .head li.active .accordion-body { display: block; height: auto; animation: tui 0.2s 0.05s linear forwards; }
@keyframes a_bg_hover_show {
	0% { -webkit-transform: scale(1, 0.5); opacity: 0; }
	100% { -webkit-transform: scale(1, 1); opacity: 1; }
}
.accordion-body dl { padding: 20px 0}
.accordion-body dl dd { margin: 5px 0;  }
.accordion-body dl dd a { 
	font-size: 15px; border-bottom: 1px solid transparent; color: #666; display: block; 
	position: relative; text-decoration: none; -webkit-transition: none; transition: none; 
background:url(../img/point.png) no-repeat left center; padding-left: 10px}


/* 产品导航 */
/* slide1 */
.div1 .head  .right ul li.chanpin:hover h3:after { width:0%; }
.div1 .head  .right ul li.chanpin { position: unset; }
.div1 .head  .right ul li .slide1 { left: 0px; position: absolute;display: none; overflow: hidden; -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15); width: 100%; justify-content: space-between; align-items: center;    height: 36.5rem; }
.div1 .head  .right ul li:hover .slide1 { display: flex; }
.div1 .head  .right ul li .slide1 .le { position: relative; width: 38%; height: 100%; padding-top: 5rem; padding-right: 4rem; display: flex; justify-content: flex-end;     background-color: #fff; }
.div1 .head .right ul li .slide1 .le::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 24.9rem;
    top: 15.8rem;
    transform: translateY(-50%);
    right: 0px;
    background-color: #efefef;
}

.div1 .head  .right ul li .slide1 .le .box a { padding: 1.2rem 1.3rem 1.2rem 3.7rem; color: #333; width: 26rem; border-radius: 5px; font-size: 16px; margin-bottom: 1.3rem;font-weight: 400;}
.div1 .head  .right ul li .slide1 .le .box a.active { background-color: var(--dex); color: #fff; }
.div1 .head  .right ul li .slide1 .le .box a.active { background-color: var(--dex); color: #fff; }
.div1 .head  .right ul li .slide1 .ri { width: 62%; height: 100%; padding-top: 6.2rem; padding-left: 4rem; background-color: #fff; padding-right: calc((100% - 1500px) / 2); }
.div1 .head  .right ul li .slide1 .ri .box { width: 100%; flex-flow: wrap; display: none; opacity: 0; }
.div1 .head  .right ul li .slide1 .ri .box.active { display: flex; animation: he_fa 0.5s linear forwards; }
.div1 .head  .right ul li .slide1 .ri .box a { margin-bottom: 2.4rem; width: 26%; margin-right: 2%;  }
.div1 .head  .right ul li .slide1 .ri .box a:nth-of-type(3n) { margin-right: 0px; }
.div1 .head  .right ul li .slide1 .ri .box a h4 { font-size: 16px; color: #666;     font-weight: 400; margin-bottom: 0.8rem; }
/* .div1 .head  .right ul li .slide1 .ri .box a h5 { font-size: 14px; color: #666; } */
.div1 .head  .right ul li .slide1 .ri .box a:hover h4 { color: var(--dex); }
@keyframes he_fa {
	100% { opacity: 1; }
}
.div1 .head .right ul li .slide1 { top: 9rem; }




.ibanner { height: 100%; }
.ibanner .swiper { height: 100%; }
.ibanner img { height: 100%; }
.ibanner .box { height: 100%; position: relative; }
.ibanner .box::after { content: ""; display: inline-block; width: 100%; height: 100%;/* background-color: rgba(1, 9, 24, 0.4); */ position: absolute; left: 0; top: 0; }
.ibanner .box .text { z-index: 3; }
.ibanner .swiper-slide .box .text { transition: all 1s ease 0s; transform: translate(-50%, -40%); visibility: hidden; opacity: 0; }
.ibanner .swiper-slide-active .box .text { transform: translate(-50%, -50%); visibility: visible; opacity: 1; }
.ibanner .box .text h3 { font-size: 60px; line-height: 74px; color: #fff; margin-bottom: 10px; font-weight: bold; width: 84.5rem; text-transform: capitalize;}
.ibanner .box .text p { font-size: 21px; line-height: 30px; color: #fff; margin-bottom: 6rem; width: 80.5rem; }
.ibanner .swiper-slide-active img { animation: mysacle 5s ease both; }
.ibanner .swiper-pagination-bullet { transition: all 1s; opacity: 1; background-color: rgba(255, 255, 255, 0.3); width: 6rem; height: 0.2rem; border-radius: 0px; margin: 0 0.8rem !important; }
.ibanner .swiper-pagination-bullet-active { width: 9.1rem; opacity: 1; background: #fff; }
.ibanner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10.4rem; left: auto; width: fit-content; right: 3%; }
@keyframes mysacle {
	0% { transform: scale(1.2); }
}
.i01 { padding: 12rem 0 12rem; overflow: hidden; position: relative; }
.i01 .icenter { box-sizing: border-box; padding-top: 0px; }
.i01 .bg { position: absolute; left: 50%; top: 51%; transform: translate(-50%, -50%); z-index: -1; width: 140.3rem; height: 60rem; overflow: hidden; }
.i01 .bg img { width: 100%; height: auto; width: 100%; height: auto; filter: brightness(0.9); animation: ro1 90s infinite linear; padding: 3rem; }
@keyframes ro1 {
	to { transform: rotate(1000deg); }
}
.i01 .top { margin-bottom: 10.2rem; width: fit-content; padding-right: 15rem; position: relative; }
.i01 .top::after { position: absolute; content: ""; height: 100%; width: 0.5rem; background-color: var(--dex); right: 0px; top: 50%; transform: translateY(-50%); }
@keyframes shine {
	from { background-position: 0% center; }
	to { background-position: 300% center; }
}
.i01 .i_h3 { padding-top: 0px; }
.i01 .i_h3::before { display: none; }
.i01 ul { display: flex; justify-content: space-between; align-items: flex-end; }
.i01 ul li { width: 25%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.i01 ul li h4 { height: 5.1rem; font-size: 24px; color: #fff; text-transform: uppercase; }
.i01 ul li h4 strong { font-size: 46px; font-weight: bold; margin-right: 10px; line-height: 50px; }
.i01 ul li:nth-of-type(1) h4 strong { margin-right: 0px; margin-left: 1rem; }
.i01 ul li h5 { text-align: center; font-size: 18px; line-height: 32px; color: #fff; }
.i01 ul li:nth-of-type(1) { padding: 7.9rem 5rem 5.2rem; background-color: #2a2a2a; }
.i01 ul li h4 { margin-bottom: 1.4rem; }
.i01 ul li:nth-of-type(2) h4, .i01 ul li:nth-of-type(3) h4, .i01 ul li:nth-of-type(4) h4 { font-size: 40px; }
.i01 ul li:nth-of-type(2) { padding: 17.1rem 5rem 12.2rem; background: url(../img/gy-bg.jpg) center bottom no-repeat; background-color: var(--dex); }
.i01 ul li:nth-of-type(3) { padding: 13.5rem 4.8rem 11rem; background: url(../img/gy-bg1.jpg) center bottom no-repeat;  background-color: rgb(42, 42, 42); }
.i01 ul li:nth-of-type(4) { padding: 11.4rem 5rem 7.9rem; background-color: var(--dex); }
.i01 ul li:nth-of-type(1):hover, .i01 ul li:nth-of-type(3):hover { background-color: #000000; }
.i01 ul li:nth-of-type(2):hover, .i01 ul li:nth-of-type(4):hover { background-color: #d02025; }
.i02 { height: 87.5rem; }
.i02 .top { position: absolute; right: 3%; width: fit-content; z-index: 3; top: 11.3rem; }
.i02 .top .i_h3 { color: #fff; }
.i02 .top .i_h3::before { left: auto; right: 0px; }
.i02 .bot { height: 100%; }
.i02 .bot .swiper { height: 100%; position: relative; }
.i02 .bot .box { height: 100%; position: relative; }
.i02 .bot .box::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(1, 9, 24, 0.3); position: absolute; left: 0; top: 0; }
.i02 .bot .box .imgbox { height: 100%; }
.i02 .bot .box .imgbox img { height: 100%; }
.i02 .bot .box .text { z-index: 1; width: 72rem; position: absolute; left: 3%; top: 31.2rem; }
.i02 .bot .box .text h4 { font-size: 42px; line-height: 1; color: #fff; /* font-weight: bold; */ text-transform: capitalize;}
.i02 .bot .box .text p { font-size: 22px; line-height: 32px; color: #fff; margin: 2rem 0 5.6rem; }
.i02 .bot .swiper-slide .box .text { transition: all 1s ease 0s; transform: translateY(20px); visibility: hidden; opacity: 0; }
.i02 .bot .swiper-slide-active .box .text { transform: translate(0); visibility: visible; opacity: 1; }
.i02 .i02Swiper_ri { z-index: 1; position: absolute; right: 3%; top: 39.3rem; }
.i02 .i02Swiper_ri .i02Swiper-pagination { position: unset; display: flex; flex-direction: column; margin-bottom: 1.4rem; justify-content: center; align-items: center; }
.i02 .i02Swiper_ri .nums { display: flex; font-size: 20px; line-height: 1; color: #fff; font-weight: bold; align-items: flex-end; }
.i02 .i02Swiper_ri .nums .num { font-size: 20px; line-height: 1; color: #fff; }
.i02 .i02Swiper_ri .nums .total { font-size: 16px; line-height: 1; color: #fff; position: relative; top: -2px; }
.i02 .i02Swiper_nav { position: absolute; bottom: 9.2rem; z-index: 1; left: 3%; display: flex; justify-content: space-between; align-items: center; width: 94%; }
.i02 .i02Swiper_nav::after { position: relative; display: block; content: ""; width: 84%; height: 1px; background-color: rgba(255, 255, 255, 0.3); }
.i02 .i02Swiper_nav .le { width: 12.5%; display: flex; align-items: center; }
.i02 .i02Swiper_nav .le .g { width: 50%; }
.i02 .i02Swiper_nav .le .g img{ width: 10%; }
.i02 .i02Swiper_nav .le .g:nth-of-type(1) .fa { display: flex; justify-content: flex-end; }
.i02 .i02Swiper_nav .le .g:nth-of-type(1) .fa:before { margin-left: auto; position: relative; left: 0px; transition: 0.3s; }
.i02 .i02Swiper_nav .le .g:nth-of-type(1) .fa:hover::before { left: -10px; }
.i02 .i02Swiper_nav .le .g:nth-of-type(2) .fa:before {    right: 0px; transition: 0.3s; position: relative; margin-right: auto; }
.i02 .i02Swiper_nav .le .g:nth-of-type(2) .fa:hover::before { right: -10px; }
.i02 .i02Swiper_nav .le .g:nth-of-type(2) .fa {padding: 2.5rem 0rem 2.5rem 4rem;}


.i02 .i02Swiper_nav .le .g .fa { position: relative; width: 100%; background-color: rgba(255, 255, 255, 0.2); padding: 2.5rem 4rem 2.5rem 0; background-image: none; cursor: pointer; color: #fff; font-size: 3rem; width: auto; height: auto; margin: auto; left: auto; top: auto; right: auto; }
.i02 .i02Swiper_nav .le .g .fa:nth-of-type(2) { padding: 2.5rem 0 2.5rem 4rem; }
.i02 .i02Swiper_nav .le .g .fa:hover { background-color: rgba(255, 255, 255, 0.5); }
.i02 .swiper-slide-active img { transform: scale3d(1, 1, 1); }
.i02 img { transition: all 7s cubic-bezier(0.04, 0.79, 1, 1); transform: scale3d(1.35, 1.35, 1); }
.i02 .swiper-pagination-bullet { position: relative; background-color: transparent; margin: 5px 0; transition: all 1s; opacity: 1; border: 1px solid transparent; width: 1.9rem; height: 1.9rem; border-radius: 50%; }
.i02 .swiper-pagination-bullet::after { position: absolute; content: ""; width: 0.6rem; height: 0.6rem; border-radius: 50%; background-color: #fff; }
.i02 .swiper-pagination-bullet-active { opacity: 1; border-color: #fff; }
.i02 .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10.4rem; left: auto; width: fit-content; right: 3%; }
.i03 { padding: 12rem 0 10rem; background: url(../img/copy-space.jpg) no-repeat center bottom; }
.i03 .top { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 6rem; }
.i03 .bot { display: flex; flex-flow: wrap; }
.i03 .bot a { margin-bottom: 7rem; width: 32%; margin-right: 2%; }
.i03 .bot a .imgbox img { height: 38.3rem; }
.i03 .bot a .text { padding-top: 2.4rem; }
.i03 .bot a .text .date { display: flex; align-items: center; margin-bottom: 1.6rem; }
.i03 .bot a .text .date img { width: 1.6rem; }
.i03 .bot a .text .date span { font-size: 16px; line-height: 1; color: rgb(133, 133, 133); margin-left: 1.4rem; }
.i03 .bot a .text p { font-size: 22px; line-height: 1; color: #333333; font-weight: bold; }
.i03 .bot a:nth-of-type(3n) { margin-right: 0px; }

/* .i03 .bot a:nth-of-type(2), .i03 .bot a:nth-of-type(5) { top: 8rem; position: relative; } */
.i03 .bot a:hover .imgbox img { transform: scale(1.1); }
.i03 .bot a:hover p { color: var(--dex); }
.i04 { padding: 18.6rem 0 14.5rem; background: url("../img/i04_bg.jpg"); background-size: cover; }
.i04 .earth { display: block; position: absolute; right: 0px; width: 70rem; top: -10rem; }
.i04 .dian { display: block; position: absolute; right: 0px; width: 70rem; top: -10rem; height: 70rem; }
.i04 .dian .dot { transition: 0.3s; background: url("../img/i04_add.png"); width: 17px; height: 21px; position: absolute; }
.i04 .dian .dot:nth-of-type(1) { left: 11%; top: 29%; }
.i04 .dian .dot:nth-of-type(2) { left: 5.5%; top: 48%; }
.i04 .dian .dot:nth-of-type(3) { left: 11%; top: 56%; }
.i04 .dian .dot:nth-of-type(4) { left: 13%; top: 61%; }
.i04 .dian .dot:nth-of-type(5) { left: 18%; top: 67%; }
.i04 .dian .dot:nth-of-type(6) { left: 19%; top: 72%; }
.i04 .dian .dot:nth-of-type(7) { left: 42%; top: 48%; }
.i04 .dian .dot:nth-of-type(8) { left: 47%; top: 40%; }
.i04 .dian .dot:nth-of-type(9) { left: 85%; top: 63%; }
.i04 .dian .dot:nth-of-type(10) { left: 91%; top: 68%; }
.i04 .dian .dot:nth-of-type(11) { left: 52%; top: 38%; }
.i04 .dian .dot:nth-of-type(12) { left: 54%; top: 42%; }
.i04 .dian .dot:nth-of-type(13) { left: 55%; top: 48%; }
.i04 .dian .dot:nth-of-type(14) { left: 58%; top: 44%; }
.i04 .dian .dot:nth-of-type(15) { left: 58%; top: 39%; }
.i04 .dian .dot:nth-of-type(16) { left: 62%; top: 36%; }
.i04 .dian .dot:nth-of-type(17) { left: 62%; top: 42%; }
.i04 .dian .dot:nth-of-type(18) { left: 61%; top: 46%; }
.i04 .dian .dot:nth-of-type(19) { left: 81%; top: 38%; }
.i04 .dian .dot:nth-of-type(20) { left: 79%; top: 41%; }
.i04 .dian .dot:nth-of-type(21) { left: 75%; top: 47%; }
.i04 .dian .dot:nth-of-type(22) { left: 78%; top: 49%; }
.i04 .dian .dot:nth-of-type(23) { left: 81%; top: 47%; }
.i04 .dian .dot:nth-of-type(24) { left: 85%; top: 40%; }
.i04 .dian .dot:nth-of-type(25) { left: 78%; top: 56%; }
.i04 .dian .dot.active { opacity: 0; }
.i04 .title { margin-bottom: 14rem; }
.i04 .title .i_h3 { color: #fff; padding-left: 19rem; padding-top: 0px;text-transform: capitalize; }
.i04 .title .i_h3::before { top: 50%; transform: translateY(-50%); left: 0px;text-transform: capitalize; }
.i04 .title .i_h4 { color: #fff; padding-left: 19rem; }
.i04 .bot { padding: 8rem 0rem; background: url("../img/i04_b_bg.jpg"); background-size: cover; padding-left: 6.8rem; display: flex; align-items: flex-start; background-attachment: fixed; }
.i04 .bot dd { width: fit-content; margin-right: 10.7rem; }
.i04 .bot dd h4 { display: flex; align-items: flex-end; margin: 2rem 0 0.5rem 0; }
.i04 .bot dd h4 strong { font-size: 54px; line-height: 55px; color: var(--dex); font-weight: bold; }
.i04 .bot dd h4 span { font-size: 40px; line-height: 30px; color: var(--dex); margin-left: 0.5rem; position: relative; top: -1.1rem; }
.i04 .bot dd h5 { font-size: 18px; line-height: 28px; color: #fff; width: 24.7rem; }
.i_h3 { font-size: 46px; line-height: 100px; color: #333; font-weight: bold; position: relative; margin-bottom: 0; padding-top: 3rem; text-transform: capitalize; }
.i_h3 h1 { font-size: 46px; color: #e60012;}
.i_h3::before { position: absolute; content: ""; width: 15rem; height: 0.5rem; background-color: var(--dex); left: 0px; top: 0px; }
.i_h4 { font-size: 22px; line-height: 2; color: #666666; }
.i05 { padding: 12rem 0; overflow: unset; }
.i05 .icenter .left { height: fit-content; top: 20rem; position: sticky; position: -webkit-sticky; width: 34.2777777778%; }
.i05 .icenter .left::before { position: absolute; content: ""; width: 100%; height: 43rem; right: -3.2rem; top: 3.2rem; background-color: rgb(236, 236, 236); }
.i05 .icenter .left .imgbox { width: 100%; margin-bottom: 8rem; }
.i05 .icenter .left .imgbox img { height: 43rem; display: none; }
.i05 .icenter .left .imgbox img.active { display: block; }
.i05 .icenter .right { width: 55.0555555556%; }
.i05 .icenter .right .t { margin-bottom: 5.8rem; }
.i05 .icenter .right .b a { border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; height:240px; align-items: center; }
.i05 .icenter .right .b a:nth-of-type(1) { border-top: 1px solid #ddd; }
.i05 .icenter .right .b a .le { width: 18%; padding-right: 5.2rem; }
.i05 .icenter .right .b a .le h4 { font-size: 38px; line-height: 1; color: #333; font-weight: bold; margin-bottom: 1.2rem; }
.i05 .icenter .right .b a .le h5 { font-size: 18px; line-height: 1; color: #333; font-weight: bold; }
.i05 .icenter .right .b a .ri { width: 82%; padding: 0.7rem 0 0.7rem 6rem; border-left: 1px solid rgb(230, 230, 230); }
.i05 .icenter .right .b a .ri p { font-size: 22px; line-height: 36px; color: #333; font-weight: bold; margin-bottom: 2.7rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.i05 .icenter .right .b a .ri h5 { display: flex; align-items: center; font-size: 14px; line-height: 1; color: #666; text-transform: capitalize; }
.i05 .icenter .right .b a .ri h5 span { font-size: 14px; line-height: 1; color: #666; margin-left: 1.4rem; position: relative; left: 0px; transition: 0.3s; }
.i05 .icenter .right .b a.active .le h4, .i05 .icenter .right .b a.active .le h5 { color: var(--dex); }
.i05 .icenter .right .b a.active .ri p, .i05 .icenter .right .b a.active .ri h5, .i05 .icenter .right .b a.active .ri span { color: var(--dex); }
.i05 .icenter .right .b a.active .ri span { left: 1rem; }

/* 确保视频元素覆盖整个容器 */
.video-background {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  overflow: hidden;
}
/* 应用object-fit使视频保持宽高比并铺满容器 */
.video-background video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持宽高比 */
  /* 如果需要，可以加上自动播放和循环播放 */
  mix-blend-mode: multiply; /* 可选，视频与下面内容混合模式 */
}
.footer .video-background{
	position: absolute;
	opacity: 0.3;
}
.icenter {
    z-index: 99999;
    position: relative;
}
.footer {z-index: 9; padding:6rem 0 3rem 0; background-color: rgb(0, 0, 0); position: relative;}
.footer .fo01 { display: flex; justify-content: space-between; padding-bottom: 4em; }
.footer .fo01 .logo { width: 10rem; }
.footer .fo01 ul { width: 79%; display: flex; align-items: flex-start; justify-content: space-between; }
.footer .fo01 ul li h3 { margin-bottom: 2rem; }
.footer .fo01 ul li h3 a { font-size: 18px; line-height: 1; color: var(--dex); font-weight: bold; text-transform: capitalize; }
.footer .fo01 ul li .min a { font-size: 15px; line-height: 1; color: rgba(255, 255, 255, 0.6); margin-bottom: 1.2rem;text-transform: capitalize; }
.footer .fo01 ul li .min a:last-child { margin-bottom: 0px;text-transform: capitalize; }
.footer .fo01 ul li .min a:hover { color: rgb(255, 255, 255); }
.footer .fo01 ul li .min2 p { font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.6); margin-bottom: 2.3rem; width: 36rem; }
.footer .fo01 ul li .min2 font { position: relative; display: block; font-size: 30px; line-height: 1; color: var(--dex); font-weight: bold; margin-bottom: 2.2rem; position: relative; }
.footer .fo01 ul li .min2 font span{font-size: 13px;color: #fff;margin-bottom: 0.9rem; opacity: 0.6;}
.footer .fo01 ul li .min2 h4 { font-size: 18px; line-height: 1; color: rgba(255, 255, 255, 0.6); margin-bottom: 3.6rem; }
.footer .fo01 ul li .min2 .share { display: flex; align-items: center; }
.footer .fo01 ul li .min2 .share a { margin-right: 1rem; width: 3.5rem; height: 3.5rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); border: 2px solid transparent; }
.footer .fo01 ul li .min2 .share a img { height: 1.6rem; width: auto; filter: grayscale(10) brightness(10); }
.footer .fo01 ul li .min2 .share a:hover { background-color: transparent; border-color: var(--dex); }
.footer .fo01 ul li .min2 .share a:hover img { filter: none; }
.footer .fo01 ul li:last-child h3 { margin-bottom: 2.2rem; }
.footer .fo02 { /* border-top: 1px solid rgba(255, 255, 255, 0.2); */padding-top: 2rem; }
.footer .fo02 .left { display: flex; align-items: center; }
.footer .fo02 a { font-size: 14px; line-height: 1; color: rgba(255, 255, 255, 0.6); padding-right: 0.9rem; margin-right: 0.9rem; border-right: 1px solid rgba(255, 255, 255, 0.5); }
.footer .fo02 a:last-child { padding-right: 0px; margin-right: 0px; border-right: 0px; }
.lay--flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.lay--absolute { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.text-center { text-align: center; }
.font-bold { font-weight: 700; }
.car05, .car04, .car03, .car02, .car01, .con03, .con02, .con01, .news, .par03, .par02, .par01, .honor03, .honor02, .honor01, .bus-info3, .bus-info2, .bus-info1, .ab05, .ab04, .ab03, .ab02, .ab01 { position: relative; overflow: hidden; }
.jl dd .top .state, .car02 dl dd, .car_title, .par03 .icenter .swiper dl dd, .par01 .icenter, .bus-info2 .icenter .link .share .ss a, .bus-category a .text .live, .bus-category a .text, .ab02 .content .swiper .box, .innerbanner .text { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.ab02 .content .fa { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.honor02 .bot .text { width: 94%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/* vi_box */
.vi_box { top: 0px; left: 0px; display: none; position: fixed; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); }
.vi_box .box { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
.vi_box .box video { width: 100%; height: auto; position: relative; object-fit: cover; display: block; }
.vi_box .box .video { position: relative; width: 60%; height: auto; }
.vi_box .box .video img.close { cursor: pointer; width: auto; position: absolute; right: -40px; top: -40px; transition: all 0.3s; pointer-events: painted; }
.vi_box .box .video .close:hover { transform: rotate(135deg); }
.fix { margin-top: 100vh; background-color: #fff; overflow: hidden; position: relative; }
.innerbanner { position: fixed; top: 0px; left: 0px; height: 100vh; z-index: 0; width: 100%; }
.innerbanner img { height: 100vh;    image-rendering: pixelated; }
.innerbanner .text { width: 77%; z-index: 1; position: absolute; left: 50%; transform: translateX(-50%); bottom: 16%; }
.innerbanner .text h3 { font-size: 60px; line-height: 40px; color: #fff; font-weight: bold; margin-bottom: 0.2rem;  text-align: center; line-height: 88px; text-transform: capitalize;}
.innerbanner .text h4 { font-size: 20px; line-height: 30px; color: #fff; text-align: center; }
.innerbanner::after { content: ""; display: inline-block; width: 100%; height: 55%; background: linear-gradient(to top, rgba(11, 11, 11, 0.3) 0%, rgba(11, 11, 11, 0) 100%); position: absolute; left: 0; bottom: 0rem; }


.ab01 .ding, .ab02 .ding,.ab03 .ding,.ab04 .ding{  top: -8rem; left: 0px; }
.ab05 .ding {top: -15rem;}
.ab01 { padding: 12rem 0; }
.ab01 .icenter .top { margin-bottom: 0rem; display: flex; justify-content: space-between; }
.ab01 .icenter .top .le { width: fit-content; margin-left: 3%; display: flex; flex-direction: column;     align-items: flex-start; }
.ab01 .icenter .top .le span { width: fit-content; font-size: 70px; line-height: 1; color: #333; font-weight: bold; position: relative; }
.ab01 .icenter .top .le span:nth-of-type(1) {color: var(--dex);}   
.ab01 .icenter .top .le span:nth-of-type(3){ background: url("../img/bjtu.jpg"); -webkit-background-clip: text; background-clip: text; color: transparent; } 

.ab01 .icenter .top .ri { width: 62.4375%; }
.ab01 .icenter .top .ri h4 { font-size: 32px; line-height: 40px; color: #333333; margin-bottom: 4.2rem;  }
.ab01 .icenter .top .ri p { font-size: 18px; line-height: 30px; color: #666; margin-bottom: 7rem; }
.ab01 .icenter .top .ri a { transition: 0.3s; width: 23rem; height: 5.6rem; }
.ab01 .icenter .top .ri a:hover { background-color: #fff; }
.ab01 .icenter .top .ri a video { display: none; }
.ab01 .icenter .top .ri a span { font-size: 18px; left: -13px; position: relative; }
.ab01 .icenter .top .ri a:hover .bo { background-color: var(--dex); color: #fff; }
.ab01 .icenter .top .ri a:hover::after { color: var(--dex); }
.ab01 .icenter .top .ri a .bo { position: absolute; display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 4.5rem; height: 4.5rem; border-radius: 50%; background-color: #ffffff; font-size: 2rem; color: var(--dex); transition: all 0.3s; right: 7px; }
.ab01 .icenter .top .ri a .bo:before { position: relative; left: 2px; }
.ab01 .icenter .top .ri a::after { font-size: 18px; left: -13px; }
.ab01 .icenter .bot {     position: relative; height: 66rem; padding-top: 23rem; overflow: hidden; margin-top: 5rem; }
.ab01 .icenter .bot img {    position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; object-fit: cover; top: 0px!important;}
.ab02_h3 { font-size: 46px; line-height: 60px; color: #333; font-weight: bold;  text-transform: capitalize;}
.ab02 { padding-top: 15rem; padding-bottom: 15.7rem; background: url("../img/ab02_bg.jpg"); background-size: cover; }
.ab02 .ab02_h3 { margin: auto; padding-bottom: 1.8rem; margin-bottom: 9rem; position: relative; width: fit-content; color: #fff; text-transform: capitalize;}
.ab02 .ab02_h3::after { bottom: 0px; left: 50%; transform: translateX(-50%); width: 8.5rem; height: 0.4rem; background-color: rgb(227, 0, 14); content: ""; position: absolute; }
.ab02 .content .fa { top: -178px; width: 5.5rem; height: 5.5rem; border-radius: 50%; background-image: none; background-color: rgba(255, 255, 255, 0.3); color: rgb(154, 155, 157); border-radius: 50%; font-size: 3.4rem; }
.ab02 .content .fa:hover { color: var(--dex); background-color: #fff; }
.ab02 .content .fa-angle-left { left: 26%; }
.ab02 .content .fa-angle-right { right: 26%; }
.ab02 .content .year { opacity: 0; font-size: 140px; line-height: 170px; color: #fff; margin-bottom: 7rem; text-align: center; font-weight: bold; }
.ab02 .content .swiper { position: relative; }
.ab02 .content .swiper::after { position: absolute; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.2); top: 9%; left: 0px; content: ""; }
.ab02 .content .swiper .swiper-slide-active .box span { background-color: rgb(227, 0, 14); }
.ab02 .content .swiper .box span { width: 1rem; height: 1rem; border-radius: 50%; background-color: rgb(145, 145, 145); }
.ab02 .content .swiper .box h4 { font-size: 18px; line-height: 1; color: rgb(174, 175, 176); margin-top: 23px; }
.ab02 .content .swiper .box p { display: none; }
.ab02 .content .text { opacity: 0; width: 96.2rem; margin: auto; margin-top: 8rem; font-size: 26px; line-height: 40px; color: #fff; text-align: center; }
.ab02 .content.active .year, .ab02 .content.active .text { animation: ab_fade 0.5s linear forwards; }
.about-devlpment__bg { position: absolute; top: 50%; left: 50%; width: 80%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.about-devlpment__bg::before { content: ""; display: block; padding-top: 100%; }
.about-devlpment__bg span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: no-repeat url("../img/circle.png") center center; background-size: contain; -webkit-transition: transform 1s; transition: transform 1s; }
@keyframes ab_fade {
	0% { opacity: 0; }
	100% { opacity: 1; }
}


.ab03 { padding: 15.4rem 0 11rem; }
.ab03 .text { z-index: 2; position: absolute; left: 50%; transform: translateX(-50%); }
.ab03 .text .box { width: fit-content; }
.ab03 .text .box h3 { line-height: 60px; margin-bottom: 12.3rem; font-weight: bold;text-transform: capitalize; }
.ab03 .text .box dl dd { margin-bottom: 7.6rem; }
.ab03 .text .box dl dd h4 { display: flex; align-items: flex-end; padding-bottom: 1.7rem; margin-bottom: 2rem; border-bottom: 1px solid #ddd; }
.ab03 .text .box dl dd h4 strong { font-size: 56px; line-height: 40px; color: #e3000f; font-weight: bold; }
.ab03 .text .box dl dd h4 span { margin-left: 1rem; font-size: 40px; line-height: 1; color: #e3000f; }
.ab03 .text .box dl dd h5 { font-size: 18px; line-height: 28px; color: #333; width: 94%; }
.ab03 .map { z-index: 1; width: 83%; margin-left: 0px; position: relative; margin: auto; margin-right: 0; }
.ab03 .map img { opacity: 0.3; }
.ab03 .map .dot { width: 100%; position: absolute; left: 0px; top: 0px; height: 100%; }
.ab03 .map .dot .g { transition: 0.3s; position: absolute; width: 0.9rem; height: 0.9rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0); }
.ab03 .map .dot .g::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: var(--dex); }
.ab03 .map .dot .g.first::before { opacity: 0.2; }
.ab03 .map .dot .g.second::before { opacity: 0.4; }
.ab03 .map .dot .g.third::before { opacity: 0.7; }
.ab03 .map .dot .g:nth-of-type(1) { top: 35%; left: 22%; }
.ab03 .map .dot .g:nth-of-type(1)::before { width: 12.1rem; height: 12.1rem; animation: shan 5s linear infinite; }
.ab03 .map .dot .g:nth-of-type(2) { left: 32%; top: 59%; }
.ab03 .map .dot .g:nth-of-type(2)::before { width: 12.1rem; height: 12.1rem; }
.ab03 .map .dot .g:nth-of-type(3) { left: 33%; top: 71%; }
.ab03 .map .dot .g:nth-of-type(3)::before { width: 7.5rem; height: 7.5rem; animation: shan 5s 1s linear infinite; }
.ab03 .map .dot .g:nth-of-type(4) { left: 45%; top: 41%; }
.ab03 .map .dot .g:nth-of-type(4)::before { width: 9.4rem; height: 9.4rem; }
.ab03 .map .dot .g:nth-of-type(5) { left: 49%; top: 29%; }
.ab03 .map .dot .g:nth-of-type(5)::before { width: 6.9rem; height: 6.9rem; animation: shan 5s 1.5s linear infinite; }
.ab03 .map .dot .g:nth-of-type(6) { left: 54.5%; top: 27%; }
.ab03 .map .dot .g:nth-of-type(6)::before { width: 15.2rem; height: 15.2rem; animation: shan 5s 2s linear infinite; }
.ab03 .map .dot .g:nth-of-type(7) { left: 59%; top: 42%; }
.ab03 .map .dot .g:nth-of-type(7)::before { width: 12rem; height: 12rem; animation: shan 5s 1.5s linear infinite; }
.ab03 .map .dot .g:nth-of-type(8) { left: 61%; top: 53%; z-index: 10; }
.ab03 .map .dot .g:nth-of-type(8)::before { width: 12rem; height: 12rem; animation: shan 5s 0.5s linear infinite; }
.ab03 .map .dot .g:nth-of-type(9) { left: 75%; top: 42%; }
.ab03 .map .dot .g:nth-of-type(9)::before { width: 9.7rem; height: 9.7rem; animation: shan 5s 1.2s linear infinite; }
.ab03 .map .dot .g:nth-of-type(10) { left: 80%; top: 32%; }
.ab03 .map .dot .g:nth-of-type(10)::before { width: 11.9rem; height: 11.9rem; }
.ab03 .map .dot .g:nth-of-type(11) { left: 86%; top: 73%; }
.ab03 .map .dot .g:nth-of-type(11)::before { width: 8.8rem; height: 8.8rem; animation: shan 5s 2s linear infinite; }
.ab03 .map .dot .g:nth-of-type(12) { left: 15%; top: 22%; }
.ab03 .map .dot .g:nth-of-type(12)::before { width: 3rem; height: 3rem; animation: shan 5s 0.9s linear infinite; }
.ab03 .map .dot .g:nth-of-type(13) { left: 67%; top: 23%; }
.ab03 .map .dot .g:nth-of-type(13)::before { width: 3rem; height: 3rem; animation: shan 5s 0.5s linear infinite; }
.ab03 .map .dot .g:nth-of-type(14) { left: 53%; top: 57%; }
.ab03 .map .dot .g:nth-of-type(14)::before { width: 3rem; height: 3rem; animation: shan 5s 0.8s linear infinite; }
.ab03 .map .dot .g:nth-of-type(15) { left: 28%; top: 73%; }
.ab03 .map .dot .g:nth-of-type(15)::before { width: 3rem; height: 3rem; animation: shan 5s 1.5s linear infinite; }
.ab03 .map .dot .g:nth-of-type(16) { left: 84%; top: 18%; }
.ab03 .map .dot .g:nth-of-type(16)::before { width: 3rem; height: 3rem; animation: shan 5s 1.2s linear infinite; }
@keyframes shan {
	0% { transform: translate(-50%, -50%) scale(1); }
	50% { transform: translate(-50%, -50%) scale(1.4); }
	100% { transform: translate(-50%, -50%) scale(1); }
}
.ab04 { padding: 29.3rem 0 16.4rem; }
.ab04 .icenter { width: 75%; }
.ab04 .icenter .wen { font-size: 240px; line-height: 1; color: #666; font-weight: bold; position: absolute; top: -28.6rem; left: 0px; }
.ab04 .icenter .box .text { position: absolute; left: 6%; top: 29.3rem; background-color: rgba(0, 0, 0, 0.7); padding: 14rem 13rem 20rem; }
.ab04 .icenter .box .text h4 { font-size: 54px; line-height: 1; color: #fff; font-weight: bold; margin-bottom: 2.6rem; }
.ab04 .icenter .box .text h5 { font-size: 24px; line-height: 1; color: #fff; margin-bottom: 5rem; }
.ab04 .icenter .box .text p { font-size: 18px; line-height: 30px; color: #fff; }
.ab04 .icenter .box::after { background-color: rgb(0, 0, 0); position: absolute; top: 0px; left: 6%; width: 100%; height: 100%; }
.ab04 .icenter .box .right { width: 70%; position: absolute; right: 0px; top: 10.7rem; }
.ab04 .icenter .box .right img { height: 79rem; }
.ab04 { padding-top: 20rem; padding-bottom: 12rem; }
.ab04 .wen { font-size: 240px; line-height: 174px; color: #666; position: absolute; left: 3%; top: 44px; text-transform: uppercase; font-weight: bold; opacity: 0.05; }
.ab04 .box { position: relative; }
.ab04 .box .text { z-index: 4; position: relative; left: 3%; width: 100rem; height: 71.6rem; padding: 0 13.6rem; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(230, 0, 18, 0.7); }
.ab04 .box .text h4 { font-weight: bold;  font-size: 46px; line-height: 1; color: #fff; margin-bottom: 2rem; text-transform: capitalize;}
.ab04 .box .text h5 { font-size: 24px; line-height: 1; color: #fff; margin-bottom: 4rem;text-transform: capitalize; }
.ab04 .box .text p { font-size: 18px; line-height: 30px; color: #fff; }
.ab04 .box::after { width: 100rem; background-color: rgb(230, 0, 18); position: absolute; content: ""; left: 3%; top: 0px; height: 71.6rem; }
.ab04 .box .right { z-index: 3; height: 79.7rem; width: 69.9473684211%; position: absolute; right: 0px; top: -16.6rem; }
.ab04 .box .right img { height: 78.2rem; }
.ab05 { padding-bottom: 59rem; }
.ab05 .bg { width: 100%; position: absolute; bottom: 0px; left: 0px; }
.ab05 .bg img { height: 55.6rem; }
.ab05 .icenter { display: flex; justify-content: space-between; }
.ab05 .icenter .left { width: 34.0555555556%; }
.ab05 .icenter .left h4 { font-size: 24px; line-height: 36px; color: #333; margin: 1rem 0 5.2rem; text-transform: capitalize;}
.ab05 .icenter .left dl { display: flex; }
.ab05 .icenter .left dl dd { margin-right: 4rem; }
.ab05 .icenter .left dl dd img { height: 9rem; width: auto; }
.ab05 .icenter .right { width: 51.8333333333%; font-size: 18px; line-height: 30px; color: #666; }
.bus { padding: 10rem 0; }
.bus .icenter .nav { display: flex; flex-flow: wrap; justify-content: flex-start; align-items: center; margin-bottom: 5rem; }
.bus .icenter .nav a { margin-bottom: 0.8rem; width: auto; height: auto; padding: 1.2rem 2.1rem; margin-right: 0.8rem; background-color: #fff; }
.bus .icenter .nav a:last-child { margin-right: 0px; }
.bus .icenter .nav a span { color: var(--dex); }
.bus .icenter .nav a::after { color: #fff; }
.bus .icenter .nav a.active { background-color: var(--dex); }
.bus .icenter .nav a.active span { color: #fff; }
.bus .icenter .nav a:hover { background-color: var(--dex); }
.bus .icenter .content { display: flex; flex-flow: wrap;  }
.bus .icenter .content a { width: 32%; margin-right: 2%; margin-bottom: 6rem; display: flex; flex-flow: wrap; justify-content: space-between; }
.bus .icenter .content a:nth-of-type(3n) { margin-right: 0px; }
.bus .icenter .content a .imgbox { width: 100%;     height: fit-content;}
.bus .icenter .content a .imgbox img { height: 38.2rem; }
.bus .icenter .content a .text { padding-top: 2.5rem; }
.bus .icenter .content a .text .date { margin-bottom: 2rem; display: flex; align-items: center; }
.bus .icenter .content a .text .date img { width: 1.4rem; margin-right: 1.1rem; }
.bus .icenter .content a .text .date span { font-size: 16px; line-height: 1; color: #666; }
.bus .icenter .content a .text h4 { font-size: 22px; line-height: 1; color: #333; font-weight: bold; text-transform: capitalize;}
.bus .icenter .content a:hover .imgbox img { transform: scale(1.1); }
.bus .icenter .content a:hover .text h4 { color: var(--dex); }
.page { display: flex; justify-content: center; align-items: center; }
.page h2 { display: none; }
.page .pagination .nav-links { display: flex; justify-content: center; align-items: center; }
.page a { border-radius: 3px; width: 4.6rem; height: 4.6rem; border: 1px solid #cbcbcb; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: var(--dex); margin-right: 1.8rem; }
.page a:last-child { margin-right: 0rem; }
.page span { border-radius: 3px; width: 4.6rem; height: 4.6rem; border: 1rem solid #cbcbcb; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: var(--dex); margin-right: 1.8rem; }
.page span:hover { color: #fff; background-color: var(--dex); border-color: var(--dex); }
.page span { color: #fff; background-color: var(--dex); border-color: var(--dex); }
.page a:hover, .page a.active { color: #fff; background-color: var(--dex); border-color: var(--dex); }
.bus-category { display: flex; height: 100%; }
.bus-category a { width: 25%; height: 100%; position: relative; }
.bus-category a::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.4; z-index: 1; }
.bus-category a::after { transition: 0.3s; content: ""; position: absolute; width: 0%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 1; }
.bus-category a:hover::after { width: 100%; }
.bus-category a .imgbox { height: 100%; }
.bus-category a .imgbox img { height: 100%; }
.bus-category a .text { display: flex; position: absolute; left: 50%; transition: 0.3s; top: 64%; transform: translate(-50%, -50%); z-index: 2; width: 94%; }
.bus-category a .text img { height: 8rem; width: auto; }
.bus-category a .text h3 { text-transform: capitalize;font-size: 30px; line-height: 25px; color: #fff; margin: 0rem 0 1.5rem; text-align: center; min-height: auto; align-items: center; display: flex; font-weight: bold; }
.bus-category a .text h4 { display: flex; text-align: center; font-size: 17px; line-height: 26px; color: #fff; margin-bottom: 5px; text-transform: capitalize;}
.bus-category a .text p { font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 4rem; width: 80%; text-align: center; height: 120px; }
.bus-category a .text span { font-size: 15px; line-height: 23px; color: #fff; text-align: center; margin-left: 1rem; }
.bus-category a .text .live { opacity: 0; transform: translateY(20px); transition: 0.3s; }
.bus-category a:hover .text .live { opacity: 1; transform: translateY(0px); }
.bus-category a:hover .text { top: 50%; }
.bus-info1 { padding: 19.5rem 0 10.7rem; }
.bus-info1 .icenter .title { margin-bottom: 3.5rem; }
.bus-info1 .icenter .title h3 { font-size: 38px; line-height: 1; color: #333; font-weight: bold; margin-bottom: 1rem; text-align: center;text-transform: capitalize; }
.bus-info1 .icenter .title h4 { font-size: 18px; line-height: 1; color: #333; text-align: center; }
.bus-info1 .icenter .content { position: relative; }
.bus-info1 .icenter .content .imgbox img { height: 56rem; }
.bus-info1 .icenter .content .swiper-button-prev { left: 8%; }
.bus-info1 .icenter .content .swiper-button-next { right: 8%; }
.bus-info1 .icenter .content .fac { width: 4.2rem; background-image: none; }
.bus-info1 .icenter .content .fa-ri img { transform: rotateY(180deg); }
.bus-info1 .icenter .content .swiper-slide::after { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); left: 0px; top: 0px; }
.bus-info1 .icenter .content .swiper-slide-active::after { display: none; }
.bus-info1 .icenter .content .swiper-pagination-bullet { opacity: 1; width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 0.2rem solid var(--dex); background-color: transparent; }
.bus-info1 .icenter .content .swiper-pagination-bullet-active { background: var(--dex); }
.bus-info1 .icenter .content .swiper-container-horizontal > .swiper-pagination-bullets { bottom: -7%; }
.bus-info1 .icenter .bot { margin-top: 10rem; display: flex; justify-content: space-between; }
.bus-info1 .icenter .bot .le { width: fit-content; }
.bus-info1 .icenter .bot .le h3 { font-size: 36px; line-height: 1; color: #333; font-weight: bold; padding-bottom: 2.6rem; height: fit-content; position: relative;text-transform: capitalize; }
.bus-info1 .icenter .bot .le h3::after { position: absolute; bottom: 0px; left: 0px; width: 8rem; height: 3px; content: ""; background-color: var(--dex); }
.bus-info1 .icenter .bot .ri { width: 81%; font-size: 16px;line-height: 30px; }
.bus-info1 .icenter .bot .ri p { font-size: 18px; color: #666; margin-bottom: 3rem; }
.bus-info1 .icenter .bot .ri dl dd { font-size: 20px; line-height: 30px; color: #666; }
.bus-info2 { padding: 4rem 0; background-color: #333; }
.bus-info2 .icenter .title { margin-bottom:4rem; }
.bus-info2 .icenter .title a { font-size:18px; line-height: 47px; display: flex; align-items: center; }
.bus-info2 .icenter .title a span { color: #fff; }
.bus-info2 .icenter .title a:hover span { color: var(--dex); }
.bus-info2 .icenter .link { display: flex; justify-content: space-between; align-items: flex-end; }
.bus-info2 .icenter .link .share { display: flex; align-items: center; }
.bus-info2 .icenter .link .share span { font-size: 16px; line-height: 3.5rem; color: #fff; margin-right: 1.5rem; }
.bus-info2 .icenter .link .share .ss { display: flex; align-items: center; }
.bus-info2 .icenter .link .share .ss a { margin-right: 1rem; width: 3.5rem; height: 3.5rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); border: 2px solid transparent; }
.bus-info2 .icenter .link .share .ss a img { height: 1.6rem; width: auto; filter: grayscale(10) brightness(10); }
.bus-info2 .icenter .link .share .ss a:hover { background-color: transparent; border-color: var(--dex); }
.bus-info2 .icenter .link .share .ss a:hover img { filter: none; }
.bus-info3 { padding: 10rem 0; }
.bus-info3 .icenter h3 { text-align: center; margin-bottom: 2.9rem; }
.honor01 { padding: 10rem 0; }
.honor01 .title { margin: 0 auto 13.9rem; width: 80%; }
.honor01 .title h3 { margin-bottom: 0.7rem; text-align: left; }
.honor01 .title p { margin: auto; font-size: 18px; line-height: 30px; color: #666; text-align: left; }
.honor01 .bot { position: relative; display: flex; justify-content: space-between; align-items: center; }
.honor01 .bot .wen { font-size: 282px; line-height: 1; color: #666; font-weight: bold; position: absolute; right: 0px; top: -80px; opacity: 0.05; text-transform: uppercase; }
.honor01 .bot .le { width: 77.1578947368%; }
.honor01 .bot .le img { height: 60.5rem; }
.honor01 .bot .ri { width: 18.1578947368%; padding-right: 3%; }
.honor01 .bot .ri dl dd { margin-bottom: 7.6rem; }
.honor01 .bot .ri dl dd h4 { display: flex; align-items: flex-end; padding-bottom: 1.7rem; margin-bottom: 2rem; border-bottom: 1px solid #ddd; }
.honor01 .bot .ri dl dd h4 strong { font-size: 60px; line-height: 40px; color: #e3000f; font-weight: bold; }
.honor01 .bot .ri dl dd h4 span { margin-left: 1rem; font-size: 46px; line-height: 1; color: #e3000f; font-weight: bold; }
.honor01 .bot .ri dl dd h5 { font-size: 18px; line-height: 28px; color: #666;text-transform: capitalize; }
.honor01 .bot .ri dl dd:last-child { margin-bottom: 0px; }
.honor02 { padding: 19.4rem 0 16.7rem; }
.honor02::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 80%; background-color: rgb(36, 37, 43); }
.honor02 .top { margin-bottom: 19.5rem; display: flex; justify-content: space-between; }
.honor02 .top .le { width: fit-content; }
.honor02 .top .le h5 { border-bottom: 1px solid transparent; cursor: pointer; font-size: 46px; line-height: 40px; color: #fff; opacity: 0.5; font-weight: bold;text-transform: capitalize;  }
.honor02 .top .le h5.active { border-color: #fff; opacity: 1; }
.honor02 .top .le h5:first-child { margin-bottom: 4rem; }
.honor02 .top .ri dl { opacity: 0; display: none; }
.honor02 .top .ri dl.active { display: flex; animation: ab_fade 0.5s linear forwards; }
.honor02 .top .ri { width: 71.1111111111%; }
.honor02 .top .ri dl { justify-content: space-between; flex-flow: wrap; height: 88.4rem; overflow: auto; padding-right: 3.3rem; }
.honor02 .top .ri dl::-webkit-scrollbar { width: 6px; height: 6px; }
.honor02 .top .ri dl::-webkit-scrollbar-track { background: rgb(101, 102, 106); border-radius: 3rem; }
.honor02 .top .ri dl::-webkit-scrollbar-thumb { background: var(--dex); }
.honor02 .top .ri dl dd {     height: auto; width: 48%; border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 3.7rem 0 0; padding-bottom: 3.7rem; }
.honor02 .top .ri dl dd:nth-of-type(1), .honor02 .top .ri dl dd:nth-of-type(2) { border-top: 1px solid rgba(255, 255, 255, 0.08); }
.honor02 .top .ri dl dd span { font-size: 16px; line-height: 1; color: #fff; opacity: 0.5; margin-bottom: 1rem; display: none;}
.honor02 .top .ri dl dd p { font-size: 22px; line-height: 32px; color: #fff; }
.honor02 .top .ri dl dd p::before{ position: relative; content: "▪"; display: inline-block; color: #fff; font-size: 2rem; margin-right: 1rem; }
.honor02 .bot { position: relative; }
.honor02 .bot img { height: 65.2rem; }
.honor02 .bot .text h4 { font-size: 46px; line-height: 60px; color: #fff; font-weight: bold; text-align: center;text-transform: capitalize; }
.honor03 { padding-top: 0px; padding-bottom: 10rem; }
.honor03 .icenter .title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.9rem; }
.par01 { padding: 11rem 0; }
.par01 h3 { text-align: center; margin-bottom: 0rem; line-height: 71px; }
.par01 p { font-size: 18px; line-height: 28px; color: #666; width: 61%; text-align: center; }
.par02 { padding: 13.7rem 0 52.7rem; }
.par02::after { position: absolute; content: ""; width: 100%; height: 72%; background-color: rgb(36, 37, 43); top: 0px; left: 0px; }
.par02 .icenter { z-index: 1; position: relative; }
.par02 .text { width: 31%; }
.par02 .text h4 { position: relative; display: flex; align-items: center; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.par02 .text h4 strong { font-size: 70px; line-height: 70px; color: #fff; font-weight: bold; }
.par02 .text h4::after { position: absolute; content: ""; width: 8rem; height: 3px; bottom: -1.5px; left: 0px; background-color: var(--dex); }
.par02 .text h5 { font-size: 24px; line-height: 34px; color: #fff; font-weight: bold; margin-bottom: 5rem;}
.par02 .text p { font-size: 20px; line-height: 28px; color: #fff; }
.par02 .wen { font-size: 244px; line-height: 171px; color: #666; opacity: 0.05; position: absolute; left: 3%; bottom: 0px; font-weight: bold; z-index: 3; text-transform: uppercase; }
.par02 .right { position: absolute; right: 0px; top: 11rem; z-index: 1; width: 62.0526315789%; }
.par02 .right img { height: 79.4rem; }
.par03 { padding: 12rem 0 11rem; }
.par03 .icenter .swiper { padding-bottom: 5rem; }
.par03 .icenter .swiper dl { border-left: 1px solid #ddd; display: flex; flex-flow: wrap; justify-content: space-between; border-top: 1px solid #ddd; }
.par03 .icenter .swiper dl dd { position: relative; transition: 0.3s; width: 16.6666666667%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 27rem; }
.par03 .icenter .swiper dl dd:hover { z-index: 3; transform: scale(1.1); box-shadow: 0 0 10px #ddd; background-color: #fff; }
.par03 .icenter .swiper dl dd img { width: 21.5rem; }
.par03 .icenter .swiper .swiper-pagination-bullet { opacity: 1; width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 0.2rem solid var(--dex); background-color: transparent; }
.par03 .icenter .swiper .swiper-pagination-bullet-active { background: var(--dex); }
.par03 .icenter .swiper .par03Swiper-pagination { bottom: 0%; }
.par04 { padding: 14rem 0; background-color: rgb(245, 245, 245); }
.news { padding: 11.4rem 0 17.4rem; }
.news .icenter { margin-bottom: 5rem; display: flex; flex-flow: wrap; justify-content: space-between; }
.news .icenter a { transition: 0.3s; width: 31.6%; margin-right: 2.6%; margin-bottom: 2.6%; margin-bottom: 2%; }
.news .icenter a:hover { --standard-box-shadow: 10px 10px 15px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: var(--standard-box-shadow); box-shadow: var(--standard-box-shadow); }
.news .icenter a:nth-of-type(3n) { margin-right: 0px; }
.news .icenter a .imgbox img { height: 36rem; }
.news .icenter a .text { border-top: 0px; border: 1px solid #ddd; padding: 3.5rem 3.6rem 4.2rem; }
.news .icenter a .text .date { font-size: 16px; line-height: 1; color: #666; margin-bottom: 2.4rem; }
.news .icenter a .text p { font-size: 20px; line-height: 30px; color: #333; font-weight: bold; margin-bottom: 5.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.news .icenter a .text h4 { display: flex; text-transform: capitalize;}
.news .icenter a .text h4 img { width: 4rem; margin-right: 1.2rem; filter: grayscale(10); transition: 0s; object-fit: contain; }
.news .icenter a .text h4 span { font-size: 16px; line-height: 1; color: #333; }
.news .icenter a:hover .imgbox img { transform: scale(1.1); }
.news .icenter a:hover .text p { color: var(--dex); }
.news .icenter a:hover .text h4 img { filter: none; }
.news .icenter a:hover .text h4 span { color: var(--dex); }
.con01 { padding: 14.3rem 0 10rem; }
.con01 .icenter { display: flex; justify-content: space-between; }
.con01 .icenter .left { width: fit-content; }
.con01 .icenter .left h3 { color: #333; font-weight: bold; margin-bottom: 3.5rem; padding-bottom: 2rem;  position: relative; text-transform: capitalize;}
.con01 .icenter .left h3::after { position: absolute; content: ""; width: 7.3rem; height: 0.4rem; left: 0px; bottom: 0px; background-color: rgb(224, 0, 17); }
.con01 .icenter .right { width: fit-content; }
.con01 .icenter .right img { width: 3rem; }
.car_title { margin: auto; width: 80%; }
.car_title h3 { margin-bottom: 0.7rem; text-align: center; }
.car_title p { margin: auto; font-size: 20px; line-height: 30px; color: #666; text-align: center; }
.car01 { padding: 0rem 0 ; }
.car01 .bot { margin-top: 9.4rem; position: relative; display: flex; flex-flow: wrap; }
.car01 .bot .left { width: 75.3333333333%; }
.car01 .bot .left img { height: 74.3rem; }
.car01 .bot .right { background-color: rgba(255, 255, 255, 0.8); padding:10rem 6rem; width: 46.6666666667%; box-shadow: 15px 0 13px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 15px 0 13px rgba(0, 0, 0, 0.1); position: absolute; top: 50%; transform: translateY(-50%); right: 0px; }
.car01 .bot .right h3 {  font-weight: bold; position: relative; font-size: 46px; line-height: 60px; color: #333; margin-bottom: 3rem; padding-bottom: 3rem;text-transform: capitalize; }
.car01 .bot .right h3::after { position: absolute; content: ""; width: 10.8rem; height: 0.5rem; bottom: 0; background-color: var(--dex); left: 0px; }
.car01 .bot .right p { font-size: 18px; line-height: 30px; color: #333; }
.car01 .bot .right p  strong{ color: #e3000f;}
.car02 { padding: 16.2rem 0 9.7rem; background-color: rgb(36, 37, 43); }
.car02 .car_title h3 { color: #fff; }
.car02 .car_title p { color: #fff; }
.car02 dl { margin-top: 8.4rem; display: flex; flex-flow: wrap; justify-content: space-between; }
.car02 dl dd { margin-bottom: 6.5rem; width: 25%; }
.car02 dl dd img { width: 5rem; height: auto; }
.car02 dl dd h4 { font-size: 20px; line-height: 1; color: #fff; margin-top: 3rem; text-transform: capitalize;}
.car02 dl dd:hover img { transform: rotateY(180deg); }
.car03 { padding: 10rem 0 }
.car03 .icenter { position: relative; overflow: hidden; padding-bottom: 5rem; }
.car03 .bot { margin-top: 4.4rem; }
.car03 .bot .imgbox img { height: 38.7rem; }
.car03 .bot .imgbox:hover img { transform: scale(1.1); }
.car03 .bot .swiper-pagination-bullet { opacity: 1; width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 0.2rem solid var(--dex); background-color: transparent; }
.car03 .bot .swiper-pagination-bullet-active { background: var(--dex); }
.car03 .bot .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0%; }
.car04 { padding-bottom: 4rem; }
.car04 .icenter { padding: 0 24.3rem; }
.car04 .icenter h3 { text-align: center; }
.car05 { padding-bottom: 60.4rem; background: url("../img/car05_bg.jpg"); background-size: cover; }
.car05 .icenter h3 { position: relative; top: 6rem; text-align: center; font-size: 40px; line-height: 60px; color: #333;  font-weight: bold;text-transform: capitalize; }
.jl { padding: 3.5rem 0 0; }
.jl dd { padding: 0px 0; margin-bottom: 3.5rem; }
.jl dd .top { position: relative; background-color: #fff; box-shadow: 0 0 10px #ddd; padding: 47px 50px; box-sizing: border-box; }
.jl dd .top .state { width: 3.8rem; height: 3.8rem; border-radius: 50%; border: 2px solid #333; font-size: 3rem; color: #333; font-family: arial; right: 6.5rem; position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); }
.jl dd .top .wen { font-size: 18px; line-height: 1; color: #333; position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); right: 12rem; text-transform: capitalize; }
.jl dd .top h4 { font-size: 30px; color: #333333; font-weight: bold; margin-bottom: 5px; text-transform: capitalize;}
.jl dd .top.active h4 { color: var(--dex); }
.jl dd .top.active .state { color: var(--dex); }
.jl dd .top .tip { display: flex; align-items: center; }
.jl dd .top .tip h5 { display: flex; align-items: center; margin-right: 3rem; }
.jl dd .top .tip h5 span { font-size: 18px; color: #666666;text-transform: capitalize; }
.jl dd .top .jian { display: none; }
.jl dd .top.active .jian { display: block; top: -3px; position: relative; }
.jl dd .top.active .jia { display: none; }
.jl dd .top.active .state { border-color: var(--dex); }
.jl dd .top.active .wen { color: var(--dex); }
.jl dd .top:hover h4 { color: var(--dex); }
.jl dd .top:hover .state { color: var(--dex); border-color: var(--dex); }
.jl dd .top:hover .wen { color: var(--dex); }
.jl dd .bot { display: none; padding: 45px 63px; }
.jl dd .bot .cc h4 { font-size: 20px; color: #333333; margin-bottom: 17px; font-weight: bold; }
.jl dd .bot .cc p { font-size: 16px; line-height: 36px; color: #666666; }
.jl dd .bot .cc { margin-bottom: 30px; }
.jl dd .bot .you { font-size: 18px; color: #333333; display: flex; flex-flow: wrap; }
.jl dd .bot span { display: contents; font-size: 18px; color: var(--dex); font-weight: bold; display: contents; }

/* newsinfo */
.newsinfo h3 { font-size: 40px; line-height: 1; color: #333; text-transform: capitalize;}
.newsinfo { position: relative; width: 1000px; margin: auto; padding: 180px 0 100px; }
.newsinfo .re_newinfo { position: absolute; top: 18rem; left: -11rem; }
.newsinfo .re_newinfo a { display: flex; width: 5rem; height: 5rem; border-radius: 50%; background-color: rgb(229, 229, 229); justify-content: center; align-items: center; }
.newsinfo .re_newinfo a img { width: 3rem; height: auto; }
.newsinfo p { font-size: 18px; color: #666667; line-height: 30px; margin-bottom: 2%; }
.newsinfo p strong a span { font-size: 24px; }
.newsinfo p strong span { display: inline-block; }
.newsinfo p b { font-weight: bold; font-size: 20px; color: var(--dex); }
.newsinfo p img { max-width: 100%; width: auto; height: auto; margin: auto; }
.newsinfo .icenter { width: 1000px; }
.newsinfo h4 { display: flex; align-items: center; margin: 2rem 0 0; }
.newsinfo h4 span { color: #666; margin-right: 2rem; font-size: 18px; }
.news_rec { padding: 6rem 0; background-color: rgb(244, 244, 243); position: relative; overflow: hidden; }
.news_rec h3 { font-size: 46px; line-height: 1; color: #333; font-weight: bold; text-transform: capitalize; text-align: center; margin-bottom: 3rem; }
.news_rec .more { margin: 2rem auto 0; width: 21.2rem; }
.con03, .con02 { position: relative; overflow: hidden; }
.con01 .right .share a { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.con01 { padding: 10rem 0 6rem; }
.con01 .left dl dd { margin-bottom: 2.8rem; }
.con01 .left dl dd h4 { display: flex; align-items: center; margin-bottom: 1.7rem; }
.con01 .left dl dd h4 img { width: auto; margin-right: 1rem; height: 2rem; }
.con01 .left dl dd h4 span { text-transform: uppercase; font-size: 18px; line-height: 1; color: #999999; }
.con01 .left dl dd h5 { font-size: 22px; line-height: 1; color: #08152e; }
.con01 .left dl dd:last-child { margin-bottom: 0px; }
.con01 .right { width: fit-content; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; }
.con01 .right img { width: 3.4rem; }
.con01 .right h4 { font-size: 14px; line-height: 1; color: #333; font-weight: bold; margin: 3.3rem 0 1.7rem; text-transform: capitalize; }
.con01 .right .share { display: flex; align-items: center; }
.con01 .right .share a { /* margin-right: 1rem; */ width: 12rem; height: 12rem; border-radius: 1rem; background-color: rgb(54, 54, 54); border: 1px solid transparent; }
.con01 .right .share a img { height: 11rem; width: auto; /* filter: grayscale(10) brightness(10); */}
.con01 .right .share a:hover { background-color: transparent; border-color: var(--dex); }
.con01 .right .share a:hover img { filter: none; }
.con02 { margin-bottom: 10rem; }
.con02 img { height: 59.9rem; }
 .ding { position: absolute; top: -15rem; left: 0px; }
.con03 { margin-bottom: 10rem;overflow: unset; }
.con03 h3 { margin-bottom: 3rem; }
.con03 form .g { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom:2rem; }
.con03 form .g .label { width: 100%; }
.con03 form .g .label span { font-size: 16px; line-height: 1; color: #333; opacity: 1; margin-bottom: 1rem; }
.con03 form .g .label input, .con03 form .g .label select { background-color: rgb(245, 245, 245) !important; border: 1px solid rgb(216, 216, 216); width: 100%; background-color: rgb(61, 62, 68); height: 4.5rem; padding-left: 2rem; line-height: 4.5rem; color: #333; font-size: 16px; outline: none; }
.con03 form .g .label select {-webkit-appearance: none;}
.con03 form .g .label .cc {position: relative;}
.con03 form .g .label .cc i { position: absolute; right: 1.2rem;    top: 2rem; transform: translateY(-50%); color: #666; font-size: 20px; }
.con03 form .g .label textarea { background-color: rgb(245, 245, 245) !important; border: 1px solid rgb(216, 216, 216); resize: none; width: 100%; background-color: rgb(61, 62, 68); height: 12.1rem; color: #333; font-size: 16px; padding-left: 2rem; padding-top: 1rem; outline: none; }
.con03 form .g:nth-of-type(1) .label { width: 32%; }
.con03 form .g:nth-of-type(2) .label {width: 32.65%;}
.con03 form .g:nth-of-type(3) .label { width: 49%; }
.con03 form .more { cursor: pointer; margin-top: 3rem; }
form input:focus, form select:focus,form textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08), 0 0 8px rgba(102, 175, 233, 0.6); }



/* side_btn */
.side_btn { position: fixed; right: 2.5%; bottom: 5rem;align-items: center; justify-content: center; width: 100px; height: 100px; display: none; align-items: center; justify-content: center; z-index:99999; }
.side_btn::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../img/img_text_side.png") no-repeat; background-size: 100%; animation: rotate 10s linear infinite; }
.side_btn a { position: relative; width: 88px; height: 88px; display: block; text-align: center; line-height: 88px; }
.side_btn a::before { content: ""; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: var(--dex); opacity: 0.25; display: none; }
.side_btn a::after { content: ""; width: 67px; height: 67px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: var(--dex); z-index: 9; }
.side_btn a img { width: 26px; z-index: 10; vertical-align: middle; position: Absolute; left: 50%; top: 50%; margin-top: -11px; margin-left: -13px; }
@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.bd-mask { justify-content: center;z-index: 99999;align-items: center; position: fixed; left: 0px; width: 100%; height: 100%; display: none; bottom: 0px; background-color: rgb(0,0,0,0.7); backdrop-filter: blur(25px); }
.bd-mask .box {background-color: #fff;padding: 10rem 5rem 5rem;justify-content: center;align-items: center;flex-direction: column;width: 52rem;height: auto;display: flex;align-items: center;position: relative; border-radius: 10px; }
.bd-mask h3 { font-size: 30px; line-height: 1; color: var(--dex); margin-bottom: 1.5rem; text-transform: capitalize; font-weight: bold; }
.bd-mask .box .close {position: absolute;width: 3rem;right: -3.5rem;top: -3rem;cursor: pointer;transition: 0.3s;}
.bd-mask .box .close:hover{transform: rotate(135deg);}
.bd-mask .box .content h3{font-size: 32px;color: #333;font-weight: bold;text-align: center;}
 .bd-mask .box .content h6{font-size: 16px;line-height: 24px;color: #666;margin-bottom: 5rem;text-align: center;}
 .bd-mask .box .content dl {margin-bottom: 3.5rem;}
 .bd-mask .box .content dl dd {justify-content: space-between;display: flex;align-items: center;padding-bottom: 1.5rem;border-bottom: 1px solid #ddd;margin-bottom: 3rem;}
 .bd-mask .box .content dl dd:last-child{margin-bottom: 0px;}
 .bd-mask .box .content dl dd h4 {padding: 0.5rem 1.5rem;border-radius: 2rem;font-size: 14px;text-transform: uppercase;background-color: rgba(239, 239, 239,1);color: #666;}

 .bd-mask .box .content dl dd h5 {font-size: 20px;font-weight: bold;color: #333;}
 .bd-mask .box .content .more {margin: auto;margin-bottom: 6rem;}

 .bd-mask .share { display: flex; align-items: center;justify-content: center; }
 .bd-mask .share a {    margin: 0px;margin-right: 1rem;width: 3rem;height: 3rem;border-radius: 50%;background-color: rgb(178, 178, 178,1);border: 2px solid transparent;display: flex;justify-content: center;align-items: center; }
 .bd-mask .share a img { height: 1.6rem; width: auto; filter: grayscale(10) brightness(10); }
 .bd-mask .share a:hover { background-color: transparent; border-color: var(--dex); }
 .bd-mask .share a:hover img { filter: none; }
 .bd-mask .share a:nth-of-type(3){margin-right: 0px;}



/* biaodan */
.screen-reader-response {
    display: none;
}

.wpcf7-not-valid-tip {
    color: red!important;
    margin-top: 1rem;
}

.wpcf7-response-output {
    color: red!important;
    font-size: 14px!important;
margin-top: 2rem;
}

.con03 form .g>p {
	display: none;
}


@media screen and (min-width:1600px) and (max-width:1760px) {
	.head .right { width: 82.5%; }
	.i_h3 { font-size: 62px; }
	.head ul { width: 84.5%; }
}
@media screen and (max-width:1600px) {
	html { font-size: 7.2px; }
	.head .right li h3 a { font-size: 15px; }
	.head .right li { margin: 0 2rem; }
	.head .right { width: 82.5%; }
	.head ul { width: 85.5%; }
	.head .op .search { font-size: 14px; }
	.head .op .lang img { width: 2rem; }
	.head .op .lang h4 { font-size: 13px; position: relative; top: 3px; }
	.head .op .lang span { top: 1px; font-size: 14px; }

	.div1 .head .right ul li .slide1 .le .box a { font-size: 14px;}
	.div1 .head .right ul li .slide1 .ri .box a h4 { font-size: 14px;}
	.div1 .head .right ul li .slide1 .ri { padding-right: calc((100% - 1160px) / 2); }
	.ibanner .box .text h3 { font-size: 38px; line-height: 48px; }
	.ibanner .box .text p { font-size: 16px; line-height: 23px; }
	.i_h3 { font-size: 32px; line-height: 50px; }
	.i_h4 { font-size: 16px; }
	.i01 ul li h4 strong { font-size: 34px; line-height: 32px; }
	.i01 ul li h4 { font-size: 16px; }
	.i01 ul li h5 { font-size: 13px; line-height: 20px; }
	.i01 ul li h4 { margin-bottom: 2.4rem; }
	.i01 ul li:nth-of-type(1) h4 { margin-bottom: 0.4rem; }
	.i02 .bot .box .text h4 { font-size: 28px; line-height: 40px;}
	.i02 .bot .box .text p { font-size: 16px; line-height: 24px; margin: 2.4rem 0 4.6rem; }
	.i02 .i02Swiper_ri .nums .num { font-size: 18px; }
	.i02 .i02Swiper_ri .nums .total { font-size: 14px; }
	.i03 .bot a .text .date span { font-size: 14px; }
	.i03 .bot a .text p { font-size: 15px; }
	.i04 .bot dd h4 strong { font-size: 38px; line-height: 48px; }
	.i04 .bot dd h4 span { font-size: 30px; line-height: 29px; }
	.i04 .bot dd { margin-right: 8.7rem; }
	.i04 .bot dd h5 { font-size: 14px; line-height: 20px; width: 29.7rem; }
	.i04 .dian .dot { width: 13px; height: 16px; background-size: contain; }
	.i05 .icenter .right .b a .le h4 { font-size: 24px; }
	.i05 .icenter .right .b a .ri p { font-size: 16px; line-height: 25px; margin-bottom: 2rem; }
	.i05 .icenter .right .b a .le h5 { font-size: 15px; }
	.i05 .icenter .right .b a .ri h5 { font-size: 12px; }
	.i05 .icenter .right .b a .ri h5 span { font-size: 12px; }
	.i05 .icenter .right .b a { height: 200px; }
	.footer .fo01 ul li h3 a { font-size: 16px; }
	.footer .fo01 ul li .min a { font-size: 13px; }
	.footer .fo01 ul li .min2 p { font-size: 13px; line-height: 21px; }
	.footer .fo01 ul li .min2 font { font-size: 20px; }
	.footer .fo01 ul li .min2 h4 { font-size: 14px; }
	.footer .fo02 a { font-size: 13px; }
	.footer .fo01 ul li .min2 font span{font-size: 12px;}
	.i01 ul li:nth-of-type(2) { padding: 11rem 5rem 10rem; }
	.i01 ul li:nth-of-type(3) { padding: 11rem 5rem 10rem; }
	.i01 ul li:nth-of-type(4) { padding: 8rem 5rem 6rem; }
	.i01 .top { margin-bottom: 7rem; }
	.innerbanner .text h3 { font-size: 38px; line-height: 32px;  text-align: center;
    line-height: 56px;}
	.innerbanner .text h4 { font-size: 14px; line-height: 24px; }
	.bus .icenter .content a .text .date span { font-size: 13px; }
	.bus .icenter .content a .imgbox img { height: 35.2rem; }
	.bus .icenter .content a .text h4 { font-size: 15px; }
	.bus-category a .text h3 { font-size: 20px; line-height: 22px; }
	.bus-category a .text p { font-size: 13px; line-height: 22px; margin-bottom: 3rem; }
	.bus-category a .text h4 { font-size: 13px; line-height: 22px; }
	.bus-category a .text span { font-size: 13px; line-height: 22px; }
	.bus-info1 .icenter .title h3 { font-size: 24px; }
	.bus-info1 .icenter .title h4 { font-size: 15px; }
	.bus-info1 .icenter .bot .le h3 { font-size: 22px; }
	.bus-info1 .icenter .bot .ri p { font-size: 14px; line-height: 26px; }
	.bus-info1 .icenter .bot .ri dl dd { font-size: 15px; line-height: 28px; }
	.bus-info2 .icenter .title { font-size: 23px; line-height: 34px; margin-bottom: 4rem; }
	.bus-info2 .icenter .link .share span { font-size: 13px; }
	.ab02_h3 { font-size: 32px; line-height: 50px; }
	.ab01 .icenter .top .le span { font-size: 62px; }
	.ab01 .icenter .top .ri h4 { font-size: 22px; line-height: 30px; }
	.ab01 .icenter .top .ri p { font-size: 14px; line-height: 22px; margin-bottom: 6rem; }
	.ab01 .icenter .top .ri a::after { font-size: 13px; }
	.ab01 .icenter .top .ri a span { font-size: 13px; }
	.ab01 .icenter .bot { height: 66.8rem; padding-top: 27rem; }
	.ab01 .icenter .top { margin-bottom: 2rem; }
	.ab02 .content .year { font-size: 76px; line-height: 100px; }
	.ab02 .ab02_h3 { margin-bottom: 8rem; }
	.ab02 .content .fa { top: -113px; }
	.ab02 .content .swiper .box h4 { font-size: 13px; }
	.ab02 .content .text { width: 98.2rem; font-size: 17px; line-height: 25px; }
	.ab03 .text .box h3 { line-height: 40px; margin-bottom: 10.3rem; }
	.ab03 .text .box dl dd h4 strong { font-size: 40px; line-height: 36px; }
	.innerbanner .text { width: 73%; }
	.ab03 .text .box { width: 39rem; }
	.ab03 .text .box dl dd h4 span { font-size: 24px;     line-height: 1.5;  argin-left: 0.6rem;}
	.ab03 .text .box dl dd h5 { font-size: 14px; line-height: 22px; }
	.ab04 .wen { font-size: 166px; line-height: 156px; }
	.ab04 .box .text h4 { font-size: 30px; }
	.ab04 .box .text h5 { font-size: 16px; }
	.ab04 .box .text p { font-size: 14px; line-height: 22px; }
	.ab05 .icenter .left h4 { font-size: 18px; line-height: 28px; }
	.ab05 .icenter .right { font-size: 14px; line-height: 24px; }
	.ab05 .icenter .left { width: 38.055556%; }
	.car_title { width: 74%; }
	.car01 .bot .right h3 { font-size: 32px; line-height: 42px; }
	.car01 .bot .right p { font-size: 14px; line-height: 22px; }
	.car_title p { font-size: 13px; line-height: 24px; }
	.car02 dl dd h4 { font-size: 14px; }
	.car02 dl dd img{width: 5rem;}
	.jl dd .top h4 { font-size: 18px; }
	.jl dd .top .tip h5 span { font-size: 14px; }
	.jl dd .top .wen { font-size: 13px; }
	.jl dd .top.active .jian { top: -1px; }
	.jl dd .top .jia { position: relative; top: 1px; }
	.jl dd .bot .cc h4 { font-size: 14px; margin-bottom: 10px; }
	.jl dd .bot .cc p { font-size: 13px; line-height: 26px; }
	.jl dd .bot .you { font-size: 14px; }
	.jl dd .bot span { font-size: 14px; }
	.car05 .icenter h3 { font-size: 30px; line-height: 52px; }
	.par01 p { font-size: 15px; line-height: 25px; }
	.par02 .text h4 strong { font-size: 42px; line-height: 60px; }
	.par02 .text h5 { font-size: 16px; line-height: 24px; }
	.par02 .text p { font-size: 14px; line-height: 22px; }
	.par02 .wen { font-size: 166px; line-height: 153px; }
	.par02 { padding: 13.7rem 0 47.7rem; }
	.par01 h3 { margin-bottom: -1rem; }
	.news .icenter a .text .date { font-size: 13px; }
	.news .icenter a .text p { font-size: 14px; line-height: 23px; }
	.news .icenter a .text h4 span { font-size: 14px; }
	.news .icenter a .text h4 img { width: 3.8rem; object-fit: contain; }
	.con01 .icenter .left h4 { font-size: 18px; }
	/* .con01 .icenter .right { margin-right: 12.3rem; } */
	.con01 .icenter .right dd h4 span { font-size: 15px; }
	.con01 .icenter .right dd h5 { font-size: 22px; line-height: 30px; }
	/* .con01 .icenter .right { margin-right: 17.3rem; } */
	.con01 .icenter .left h3 { line-height: 40px; }
	.con01 .left dl dd h4 span { font-size: 13px; }
	.con01 .left dl dd h5 { font-size: 16px; }
	.con01 .right h4 { font-size: 14px; }
	.con03 form .g .label span { font-size: 14px; }
	.con03 form input, .con03 form select, .con03 form textarea { font-size: 14px; }
	.honor01 .title p { font-size: 15px; line-height: 22px; }
	.honor01 .bot .wen { font-size: 180px; }
	.honor01 .bot .ri dl dd h4 strong { font-size: 40px; line-height: 35px; }
	.honor01 .bot .ri dl dd h4 span { font-size: 40px; }
	.honor01 .bot .ri dl dd h5 { font-size: 14px; line-height: 26px; }
	.honor02 .top .le h4 { font-size: 39px; line-height: 35px; }
	.honor02 .top .le h5 { font-size: 28px; }
	.honor02 .top .ri dl dd p { font-size: 13px; line-height: 22px; }
	.honor02 .top .ri dl dd{      padding: 3rem 0 0; padding-bottom: 3rem;}
	.honor02 .top .ri dl dd span { font-size: 12px; }
	.honor02 .bot .text h4 { font-size: 32px; line-height: 42px; }
	.honor02 .top .ri dl{height: 72rem;}
	.honor02 .top .le h5:first-child{    margin-bottom: 2.6rem;}
	.news_rec h3 { font-size: 28px; }
	.newsinfo h3 { font-size: 22px; }
	.newsinfo h4 span{font-size: 14px;}
	.newsinfo p { font-size: 13px; line-height: 22px; }
	.newsinfo p b{    font-size: 15px;}
	.bus-info2 .icenter .title a { font-size: 18px; line-height: 32px; }
	.car04 { padding-bottom: 5rem; }
	.accordion-body dl dd a { font-size: 14px; }
	.side_btn a::after { width: 50px; height: 50px; }
	.side_btn a img { width: 20px; margin-top: -8px; margin-left: -10px; }
	.side_btn a { width: 68px; height: 68px; }
	.side_btn { bottom: 30px; width: 75px; height: 75px; }
	.div1 .head .right ul li .slide1 .ri .box a{width: 29%;}
	.page a{font-size: 1.4rem;}
	


	.bd-mask .box .content h3 { font-size: 23px;}
	.bd-mask .box .content h6 { font-size: 13px; line-height: 20px;}
	.bd-mask .box .content dl dd h4 { font-size: 13px; }	
	.bd-mask .box .content dl dd h5 { font-size: 14px;}
	.bd-mask .box { width: 51rem;}
	.bd-mask .box .content h6{margin-bottom: 3rem;}
	.bd-mask h3{margin-bottom: 0.8rem;}


}

/*# sourceMappingURL=ruideer.css.map */

/*# sourceMappingURL=ruideer.css.map */

/*# sourceMappingURL=ruideer.css.map */