.app02 .bot ul, .app02, .app01, .proinfo05, .proinfo01 { position: relative; overflow: hidden; }
.app02 .bot .bgimg, .proinfo05 .icenter .left .share a, .proinfo01, .pro li .imgbox { display: flex; justify-content: center; align-items: center; flex-direction: column; }
* { 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: "微软雅黑", Arial; color: #666; background-color: #fff; font-size: 10px; }
h3, h4, h5, h6, a, span, p { color: #666; font-family: "微软雅黑", 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; }
:root { --dex: #1e2187; }
.clearfix { zoom: 1; }
.clearfix:after { content: " "; display: block; clear: both; }
.fl { float: left; }
.fr { float: right; }
input { -webkit-appearance: none; }
@font-face { font-style: normal; font-display: swap; font-family: "alibb"; src: url("../font/Alibaba-PuHuiTi-Regular.woff") format("woff"), url("") format("truetype"), url("") format("opentype"), url("../font/Alibaba-PuHuiTi-Regular.svg") format("svg"); }
@font-face { font-style: normal; font-display: swap; font-family: "Num"; src: url("../font/Num.woff") format("woff"), url("") format("truetype"), url("") format("eot"); }




.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; }
}


.drawer-nav { display: none; }
.drawer-hamburger { display: none; }


.div1 { transition: 0.3s; position: fixed; top: 0px; width: 100%; z-index: 99; }
.head { box-sizing: border-box; height: 100px; display: flex; align-items: center; justify-content: space-between; transition: 0.3s; }
.head .logo { width: 190px; filter: grayscale(50) brightness(50); }
.head .right { display: flex; align-items: center; width: 70%; justify-content: space-between; }
.head .right dl { width: 63%; display: flex; align-items: center; }
.head .right dl dd h3 a { font-size: 18px; color: #ffffff; line-height: 100px; height: 100px;}
.head .right dl dd { padding: 0 26px; position: relative;}
.head .right .op { display: flex; justify-content: space-between; align-items: center; }
.head .right .op .fa { font-size: 20px; color: #fff; }
.head .right .op .lang { font-size: 18px; color: #fff; padding-left: 12px; margin-left: 12px; border-left: 1px solid rgba(255, 255, 255, 0.4); }
.head .right .more { height: 43px; line-height: 43px; width: 138px; margin-left: 24px; }
.div2 .head, .div3 .head { height: 80px; }

.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 .logo, .div2 .logo, .div3 .logo { filter: none; }
 .div1:hover .head .right .op .fa, .div1:hover .head .right .op .lang, .div2 .head .right .op .fa, .div2 .head .right .op .lang, .div3 .head .right dl dd h3 a, .div3 .head .right .op .fa, .div3 .head .right .op .lang { color: #666; }
.div1:hover .head .right .op .lang, .div2 .head .right .op .lang, .div3 .head .right .op .lang { border-left: 1px solid rgba(0, 0, 0, 0.4); }
.div1:hover .head .right .more span, .div2 .head .right .more span, .div3 .head .right .more span { color: #fff; }
.div1:hover .head .right .more, .div2 .head .right .more, .div3 .head .right .more { background-color: var(--dex); }
.div1 .head .right dl dd h3 a:hover, .div1 .head .right .op .fa:hover, .div1 .head .right .op .lang:hover { color: var(--dex); }
.div2 .head .right dl dd h3 a { line-height: 80px; height: 80px; }

.div1:hover .head .right dl dd h3 a, .div2 .head .right dl dd h3 a {color: #333;}

.div1 .head .right dl dd h3 a:hover {color: var(--dex);}
.head .right dl dd:hover ul.itrm {
    display: block;
	top: 100px;
}
.div2 .head .right dl dd:hover ul.itrm {
    display: block;
	top: 80px;
}

.div3 .head .right dl dd h3 a { line-height: 80px; height: 80px; }
.div3 .head .right dl dd:hover ul.itrm { display: block; top: 80px; }

.head .right dl ul.itrm {
    position: absolute;
    width: max-content;
    background: #fff;
    left: 0%;
    display: none;
    padding-left: 0rem;
    padding-bottom: 15px;
    padding-top: 15px;
	-webkit-box-shadow: 0 13px 13px 0px rgb(0,0,0,0.05);
	box-shadow: 0 13px 13px 0px rgb(0,0,0,0.05);
	border-radius: 0 0 10px 10px;
}

.head .right dl ul.itrm li {
    text-align: left;
	height: 3.8rem;
    line-height: 3.8rem;
}
.head .right dl ul.itrm li .tit {
    font-size: 16px;
    padding: 0 26px;
}
.head .right dl ul  .tit {
    display: block;
    color: #666;
    position: relative;
    transition: all .2s;
}

.head .right dl ul  .tit:hover {
    color: var(--dex);
}


.i_banner { height: 100vh; overflow: hidden; }
.i_banner .swiper { height: 100%; }
.i_banner .box ,.i_banner .box img{ position: relative; height: 100%; }

.i_banner .box::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; }
.i_banner .text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }
.i_banner .text h3 { font-size: 80px; font-weight: bold; margin-bottom: 10px; color: #fff; }
.i_banner .text h4 { font-size: 20px; color: #fff; margin-bottom: 54px; }
.i_banner .swiper-pagination { bottom: 46px; left: calc((100% - 1400px) / 2); width: auto; }
.i_banner .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8); }
.i_banner .swiper-pagination-bullet-active { opacity: 1; background: #fff; }
.i_banner .swiper-slide-active img { animation: mysacle 5s ease both; }
.i_banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1) { margin-left: 0px; }
@keyframes mysacle {
	0% { transform: scale(1.3); }
}


.icenter { width: 1400px; margin: auto; position: relative; }
._cen { text-align: center; margin: auto; width: fit-content; }
.i_h3 { font-size: 46px; font-weight: bold; color: #333333; margin-bottom: 3.3rem; }


.more:hover { border-color: var(--dex); background-color: transparent; }
.more { border-radius: 5px; 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: 156px; height: 47px; display: flex; align-items: center; justify-content: center; }
.more > span { vertical-align: middle; font-size: 14px; color: #fff; }
.more:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.more::after, .more > span { -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: 14px; 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); }
.more2 { border-color: #fff; background-color: transparent; }
.more2 span { color: #fff; }
.more2:hover { background-color: var(--dex); }
.more2::after { color: #fff; }
.swiper-pagination { bottom: -52px; left: 50%; }
.swiper-pagination-bullet { border-radius: 50%; margin: 0 0.5rem; width: 1rem; height: 1rem; opacity: 1; background-color: rgb(209, 209, 209); }
.swiper-pagination-bullet-active { opacity: 1; background: var(--dex); }
.fac { font-size: 30px; background-image: none; width: 48px; height: 48px; border: 1px solid #727272; border-radius: 50%; color: #727272; display: flex; justify-content: center; align-items: center; top: 66%; bottom: 0px; }
.fa-angle-left { left: -85px; }
.fa-angle-right { right: -85px; }
.fac:hover { background-color: var(--dex); color: #fff; border-color: var(--dex); }


.i01 { padding: 14rem 0; position: relative; background-color: rgb(244, 244, 244); }
.i01 .content { height: 88.5rem; width: 100%; position: relative; }
.i01 .content a { position: absolute; width: 30%; border-radius: 10px; background-color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.i01 .content a h4 { font-size: 20px; font-weight: bold; color: #333333; margin-bottom: 1.2rem; margin-top: 2rem; }
.i01 .content a:hover img { transform: scale(1.05); }
.i01 .content a:hover h4 { color: var(--dex); }
.i01 .content a h5 { font-size: 16px; color: var(--dex); display: flex; align-items: center; }
.i01 .content a h5 span { position: relative; left: 0px; transition: 0.3s; margin-left: 5px; color: var(--dex); }
.i01 .content a:hover h5 span { left: 1rem; }
.i01 .content a:nth-of-type(1) { height: 52.6rem; left: 0rem; top: 0rem; }
.i01 .content a:nth-of-type(1) img { width: 20rem; }
.i01 .content a:nth-of-type(2) { height: 65.4rem; top: 0rem; }
.i01 .content a:nth-of-type(2) img { width: 26rem; }
.i01 .content a:nth-of-type(3) { height: 32.5rem; right: 0rem; top: 0rem; }
.i01 .content a:nth-of-type(3) img { width: 11.1rem; }
.i01 .content a:nth-of-type(4) { height: 32.8rem; left: 0rem; bottom: 0rem; }
.i01 .content a:nth-of-type(4) img { width: 21rem; }
.i01 .content a:nth-of-type(5) { height: 19.8rem; bottom: 0rem; background: url(../image/i01_5.jpg); background-size: cover; background-position: center; }
.i01 .content a:nth-of-type(5) img { width: 21.1rem; }
.i01 .content a:nth-of-type(6) { height: 52.9rem; right: 0rem; bottom: 0rem; }
.i01 .content a:nth-of-type(6) img { width: 14.3rem; }
.i01 .more { margin: 6rem auto 0rem; }
.i01 .content a:nth-of-type(1), .i01 .content a:nth-of-type(3), .i01 .content a:nth-of-type(4), .i01 .content a:nth-of-type(6) { width: 29.2%; }
.i01 .content a:nth-of-type(2), .i01 .content a:nth-of-type(5) { width: 37.2%; left: 31.4%; }


.i02 { height: calc(100vh - 102px); overflow: hidden; position: relative; }
.i02 .swiper { width: 100%; height: 100%; }
.i02 .content .box { position: relative; height: 100%; width: 100%; overflow: hidden;}
.i02 .content .box .text { z-index: 1; position: absolute; top: 12rem; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; width: 60rem; flex-direction: column; }
.i02 .content .box .text h3 { color: #fff; margin-bottom: 0px; }
.i02 .content .box .text p { border-top: 1px solid rgba(255, 255, 255, 0.4); padding-top: 1.8rem; font-size: 18px; color: #fff; line-height: 30px; text-align: center; margin: 1.8rem 0 4.3rem; }
.i02 .content .box::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; }
.i02 .swiper-slide-active img { animation: mysacle 5s ease both; }
.i02 .bot { padding: 3rem 0; position: absolute; bottom: 0px; left: 0px; background-color: rgba(40, 31, 30, 0.2); backdrop-filter: blur(10px); z-index: 2; width: 100%; display: flex; align-items: center; }
.i02 .bot .icenter { padding: 0 18.4rem; display: flex; align-items: center; justify-content: center; }
.i02 .bot .icenter .box {  margin-right: 10px; z-index: 1; width: 23.6%; position: relative; border-radius: 16px; border: 2px solid rgb(95, 93, 90); overflow: hidden; }
.i02 .bot .icenter .box .imgbox, .i02 .bot .icenter .box .imgbox img { height: 10.3rem; z-index: 1; position: relative; }
.i02 .bot .icenter .box:nth-of-type(3){margin-right: 0px;}
.i02 .content { height: 100%; }
.i02 .content .box img { height: 100%; }
.i02 .bot .icenter .box .text { z-index: 3; position: absolute; font-size: 18px; color: #fff; display: flex; justify-content: center; align-items: center; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.i02 .bot .icenter .box::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(40, 31, 30, 0.6); position: absolute; left: 0; top: 0; z-index: 2; }
.i02 .bot .icenter .box.active::after { display: none; }
.i02 .content .box .text .more:hover { border-color: #fff; }
.i02 .content .box .text .more::after { color: #fff; }


.i03 { padding: 12.3rem 0 16rem; position: relative; overflow: hidden; }
.i03 .bot .swiper { overflow: hidden; }
.i03 .bot .box { border-radius: 10px; overflow: hidden; position: relative; }
.i03 .bot .box img { height: 21.7rem; }
.i03 .bot .box:hover .imgbox img { transform: scale(1.1); }
.i03 .bot .box .text { padding: 4.2rem 2.8rem; background-color: #0f1941; }
.i03 .bot .box .text h4 { color: #fff; font-weight: bold; font-size: 22px; margin-bottom: 1.5rem; display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;   
	text-overflow: ellipsis;
	overflow: hidden;              
	-webkit-box-orient: vertical; }
.i03 .bot .box:hover .text h4 { color: #079dff; }


.i03 .bot .box .text p { font-size: 16px; line-height: 24px; margin-bottom: 4.3rem; color: rgba(255, 255, 255, 0.6); display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;   
	text-overflow: ellipsis;
	overflow: hidden;              
	-webkit-box-orient: vertical; }
.i03 .bot .box .text h5 { color: rgba(255, 255, 255, 0.6); font-size: 14px; display: flex; align-items: center; }
.i03 .bot .box .text h5 span { transition: 0.3s; margin-left: 3px; font-size: 14px; color: rgba(255, 255, 255, 0.6); position: relative; left: 0px; }
.i03 .bot .box:hover .text h5 span { left: 10px; }
.i03 .opt { margin-top: 5.2rem; display: flex; align-items: center; justify-content: space-between; }
.i03 .opt .an { display: flex; align-items: center; width: 8%; justify-content: space-between; height: fit-content; }
.i03 .opt .an .fa { margin-top: 0px; border-radius: 50%; position: unset; background-image: none; font-size: 3rem; color: var(--dex); width: 4.8rem; height: 4.8rem; border: 1px solid var(--dex); display: flex; align-items: center; justify-content: center; }
.i03 .opt .an .fa:hover { background-color: var(--dex); color: #fff; }
.i03 .opt .i03Swiper-pagination { position: unset; width: 89%; height: 0.7rem; border-radius: 8px; overflow: hidden; background: rgba(0, 0, 0, 0.05); }
.i03 .opt .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgb(196, 196, 196); }
.i03 .more { float: right; margin-top: 4.3rem; }


.i04 { position: relative; overflow: unset;    margin-bottom: 6rem; }
.i04 .i_h3 { color: #333; }
.i04 .content { position: relative; display: flex; justify-content: space-between; margin: 6.1rem 0 1.6rem;height: 39.3rem; }
.i04 .content .left { width: auto; }
.i04 .content .left dd { margin-bottom: 4rem; }
.i04 .content .left dd:last-child { margin-bottom: 0px; }
.i04 .content .left dd span { font-family: arial; font-size: 24px; color: #adadad; position: relative; padding-left: 6rem; cursor: pointer; font-weight: bold; }
.i04 .content .left dd span::before { content: ""; position: absolute; width: 4.4rem; height: 0.2rem; background-color: #adadad; left: 0px; top: 50%; transform: translateY(-50%); }
.i04 .content .left dd.active span, .i04 .content .left dd:hover span { color: #333; }
.i04 .content .left dd.active span::before, .i04 .content .left dd:hover span::before { background-color: #333; }
.i04 .content .mid { width: 39rem; z-index: 5; }
.i04 .content .mid .num { display: flex; width: 100%; line-height: 17rem; height: 17rem; overflow: hidden; }
.i04 .content .mid ul { width: 25%; position: relative; transition: 0.5s; }
.i04 .content .mid ul li { font-family: "arial"; font-weight: bold; font-size: 180px; line-height: 17rem; height: 17rem; text-align: center; margin-bottom: 0; color: var(--dex); }
.i04 .content .mid .dao { margin-top: 4.4rem; width: 13.5rem; display: flex; justify-content: space-between; align-items: center; }
.i04 .content .mid .dao .fa { margin-top: 0px; border-radius: 50%; position: unset; background-image: none; font-size: 3rem; color: var(--dex); width: 6rem; height: 6rem; border: 1px solid var(--dex); display: flex; align-items: center; justify-content: center; }
.i04 .content .mid .dao .fa:hover { background-color: var(--dex); color: #fff; }
.i04 .content .right { width: 40%; padding-right: 5%; box-sizing: border-box; }
.i04 .img_bg { position: absolute; right: 0px; top: -88px; width: 89rem;     height: 62.4rem; }
.i04 .img_bg::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(40, 31, 30, 0.3); position: absolute; left: 0; top: 0; z-index: 2; }
.i04 .img_bg img { height: 100%; }
.i04 .content .right { width: 40%; padding-right: 5%; box-sizing: border-box; overflow: hidden; z-index: 3; max-height:32.3rem; overflow: hidden; }
.i04 .content .right .box { position: relative; }
.i04 .content .right .box h4 span { font-size: 26px; color: #fff; position: relative; padding-left: 12.7rem; font-weight: bold; }
.i04 .content .right .box h4 span::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 0px; width: 9.8rem; height: 0.2rem; background-color: #fff; }
.i04 .content .right .box p { font-size: 20px; line-height: 32px; color: #fff; margin-top: 2rem; }
.i04 .content .mid .n3 { top: -100%; }
.i04 .content .mid .n4 { top: -800%; }


.i05 { padding: 13.8rem 0 10rem; position: relative; overflow: hidden; position: relative; }
.i05 .content { display: flex; justify-content: space-between; align-items: center; }
.i05 .content .map { width: 75%; position: relative; }
.i05 .content .map .dian { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0px; left: 0px; }
.i05 .content .text { width: auto; margin-right: 3%; }
.i05 .content .text .g { margin-bottom: 5.4rem; }
.i05 .content .text .g h4 { font-size: 60px; font-weight: bold; color: #333333; display: flex; align-items: center; font-family: "alibb"; }
.i05 .content .text .g h5 { font-size: 18px; color: #666666; margin-top: 5px; }
.i05 .content .text .g:last-child { margin-bottom: 0px; }
.i05 .content .map .dot { position: absolute; transition: 0.3s; }
.i05 .content .map .dot img { width: auto; }
.i05 .content .map .dot:nth-of-type(1) { top: 74%; left: 11%; }
.i05 .content .map .dot:nth-of-type(2) { top: 44%; left: 11%; }
.i05 .content .map .dot:nth-of-type(3) { top: 45%; left: 17%; }
.i05 .content .map .dot:nth-of-type(4) { top: 38%; left: 22%; }
.i05 .content .map .dot:nth-of-type(5) { top: 39%; left: 25%; }
.i05 .content .map .dot:nth-of-type(6) { top: 27%; left: 27%; }
.i05 .content .map .dot:nth-of-type(7) { top: 36%; left: 34%; }
.i05 .content .map .dot:nth-of-type(8) { top: 41%; left: 34%; }
.i05 .content .map .dot:nth-of-type(9) { top: 46%; left: 34%; }
.i05 .content .map .dot:nth-of-type(10) { top: 39%; left: 36%; }
.i05 .content .map .dot:nth-of-type(11) { top: 42%; left: 36%; }
.i05 .content .map .dot:nth-of-type(12) { top: 14%; left: 37%; }
.i05 .content .map .dot:nth-of-type(13) { top: 27%; left: 37%; }
.i05 .content .map .dot:nth-of-type(14) { top: 36%; left: 37%; }
.i05 .content .map .dot:nth-of-type(15) { top: 30%; left: 40%; }
.i05 .content .map .dot:nth-of-type(16) { top: 19%; left: 41%; }
.i05 .content .map .dot:nth-of-type(17) { top: 71%; left: 41%; }
.i05 .content .map .dot:nth-of-type(18) { top: 16%; left: 61%; }
.i05 .content .map .dot:nth-of-type(19) { top: 33%; left: 76%; }
.i05 .content .map .dot:nth-of-type(20) { top: 26%; left: 71%; }
.i05 .content .act { position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #c5041e; top: 38%; left: 39%; }
.i05 .content .act::after { animation: scale 4s linear infinite; border-radius: 50%; content: ""; position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; transform: translate(-50%, -50%); background-color: rgb(197, 4, 30); opacity: 0.8; }
.i05 .content .act::before { animation: scale 4s 0.5s linear infinite; border-radius: 50%; content: ""; position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; transform: translate(-50%, -50%); background-color: rgb(197, 4, 30); opacity: 0.8; }
@keyframes scale {
	100% { opacity: 0; width: 160px; height: 160px; }
}
.i05 .content .map .dot.on { opacity: 0; }


.fo01 { padding: 13.5rem 0; position: relative; overflow: hidden; background: url(../image/fo01_bg.jpg); background-size: cover; background-position: center; background-attachment: fixed; }
.fo01 .i_h3 { color: #fff; }
.fo01 .more { width: 17rem; }
.fo02 { padding-top: 7.2rem; position: relative; overflow: hidden; }
.fo02 .top .icenter { display: flex; justify-content: space-between; align-items: center; }
.fo02 .top .icenter .left { width: 24.5%; }
.fo02 .top .icenter .left .logo { width: 25rem; margin-bottom: 4rem; }
.fo02 .top .icenter .left .phone { margin-bottom: 12px; }
.fo02 .top .icenter .left .phone h4 { font-size: 16px; margin-bottom: 0.9rem; color: #666666; }
.fo02 .top .icenter .left .phone h5 { font-size: 40px; font-weight: bold; color: #333333; font-family: arial; }
.fo02 .top .icenter .left .detail { margin-bottom: 3.2rem; }
.fo02 .top .icenter .left .detail h4 { font-size: 16px; line-height: 26px; }
.fo02 .top .icenter .left .wei { display: flex; align-items: center; position: relative; }
.fo02 .top .icenter .left .wei .fa { font-size: 22px; color: #333; }
.fo02 .top .icenter .left .wei span { font-size: 16px; color: #666666; margin-left: 1rem; }
.fo02 .top .icenter .left .wei .ewm { display: none; position: absolute; left: 11.3rem; border: 1px solid #ddd; }
.fo02 .top .icenter .left .wei:hover .ewm { display: block; }
.fo02 .top .icenter .left .wei:hover .ewm img { width: 9rem; }
.fo02 .top .icenter .right { display: flex; justify-content: space-between; width: 58.5%; }
.fo02 .top .icenter .right dd { width: fit-content; }
.fo02 .top .icenter .right dd h3 a { font-size: 18px; font-weight: bold; color: #333333; }
.fo02 .top .icenter .right dd h3 { margin-bottom: 2.2rem; }
.fo02 .top .icenter .right dd .min a { font-size: 16px; color: #666666; margin-bottom: 2rem; }
.fo02 .top .icenter .right dd .min a:last-child { margin-bottom: 0px; }
.fo02 .top .icenter .right dd .min a:hover { color: var(--dex); }
.fo02 .mid { padding: 4.8rem 0 2rem; }
.fo02 .mid .icenter { display: flex; justify-content: flex-end; align-items: center; }
.fo02 .mid .icenter a { font-size: 22px; color: #a3a3a3; margin-left: 2.6rem; }
.fo02 .mid .icenter a:hover { color: var(--dex); }
.fo02 .bot { padding: 3rem 0; border-top: 1px solid #ddd; }
.fo02 .bot .icenter { display: flex; align-items: center; }
.fo02 .bot .icenter a { font-size: 14px; color: #666666; padding-right: 1rem; margin-right: 1rem; border-right: 1px solid #ddd; }
.fo02 .bot .icenter a:last-child { border-right: 0px; }
.flex { display: flex; }
.items-center { align-items: center; }
.font-bold { font-weight: 700; }
.text-333 { --tw-text-opacity: 1; color: rgb(51 51 51/var(--tw-text-opacity)); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.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; }
.text-666 { color: #666; }
.text-333 { color: #333; }
.innerbanner { overflow: hidden; position: relative; }
.innerbanner img { animation: mysacle1 8s ease both; }
.innerbanner .text h3 { margin-bottom: 2.8rem; font-size: 70px; font-weight: bold; line-height: 1.05; }
.innerbanner .text h4 { font-size: 24px; }
@keyframes mysacle1 {
	0% { transform: scale(1.3); }
}
.con01 { padding: 11.6rem 0 16rem; }
.con01 .top { margin-bottom: 6.8rem; }
.con01 .tab { padding-bottom: 1.8rem; border-bottom: 1px solid rgba(29, 32, 135, 0.3); }
.con01 .tab a { font-size: 22px; font-weight: bold; color: #666666; margin-right: 7.4rem; }
.con01 .tab a:hover, .con01 .tab a.active { color: var(--dex); }
.con01 .bot { overflow: hidden; padding-top: 6rem; }
.con01 .bot .swiper-slide-active .box { animation: j_fa 0.5s linear forwards; }
.con01 .bot .box { opacity: 0; height: 53.3rem; display: flex; align-items: center; justify-content: space-between; flex-flow: wrap; }
.con01 .bot .box .imgbox { width: 59.8571428571%; border-radius: 1rem; overflow: hidden; z-index: 1; height: 100%; }
.con01 .bot .box .imgbox img { height: 100%; }
.con01 .bot .box .imgbox .wen { font-family: "arial"; font-size: 125px; color: #fff; font-weight: bold; position: absolute; left: -3px; bottom: -26px;    text-transform: uppercase; }
.con01 .bot .box .text { width: 37.6428571429%; height: 100%; border-radius: 1rem; overflow: hidden; z-index: 1; background-color: #f5f5f5; padding: 7.8rem 5.6rem; }
.con01 .bot .box .text h3 { font-size: 30px; }
.con01 .bot .box .text .g { margin-top: 2.4rem; }
.con01 .bot .box .text .g h4 { font-size: 16px; color: #666666; margin-bottom: 0.8rem; }
.con01 .bot .box .text .g h5 { font-family: "arial"; font-size: 18px; color: #333333; }
.con02 { padding: 16rem 0 15rem; background: url("../image/con02_bg.jpg"); background-size: cover;position: relative; }
.con02 .ding {position: absolute;top: 0px;left: 0px;width: 100%;height: 1px;}
.con02 .left h3 { margin-bottom: 2.4rem; }
.con02 .left h4 { font-size: 22px; line-height: 34px; }
.con02 .right { width: 64.7857142857%; }
.con02 .right form .more { cursor: pointer; }
.con02 .right form .lab { display: flex; align-items: center; justify-content: space-between; flex-flow: wrap; margin-bottom: 3.8rem; }
.con02 .right form .lab .in_lab { width: 48.7858719647%; }
.con02 .right form .lab:nth-of-type(4) .in_lab { width: 100%; }
.con02 .right form .lab:nth-of-type(5) { margin-bottom: 5.8rem; }
.con02 .right form .lab:nth-of-type(5) .in_lab { width: 100%; }
.con02 .right form .lab:nth-of-type(5) .in_lab textarea { width: 100%; height: 15.2rem; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.5); padding: 2rem; font-size: 16px; color: #fff; background-color: transparent; outline: none; resize: none; }
.con02 .right form .lab .in_lab label { display: block; font-size: 18px; color: #fff; margin-bottom: 1.2rem; }
.con02 .right form .lab .in_lab input { border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.5); outline: none; height: 6rem; line-height: 6rem; padding-left: 2rem; font-size: 16px; color: #fff; width: 100%; background-color: transparent; }
.ab01 { padding: 11rem 0; }
.ab01 .left h3 { margin-bottom: 1.3rem; }
.ab01 .left h4 { color: #666; font-size: 20px; margin-top: 1rem; }
.ab01 .right { width: 62.5714285714%; }
.ab01 .right p { font-size: 18px; line-height: 30px; }
.ab02 { padding: 18rem 0; background: url(../image/ab02_bg.jpg); background-size: cover; background-attachment: fixed; }
.ab02 .top span { font-size: 20px; margin-bottom: 1rem; }
.ab02 .top p { font-size: 18px; line-height: 30px; margin-top: 4.2rem; }
.ab02 ul { margin-top: 11rem; }
.ab02 ul li h4 { display: flex; align-items: center; }
.ab02 ul li h4 strong { line-height: 1; font-size: 80px; font-weight: bold; color: #fff;    font-family:"arial"; }
.ab02 ul li h5 { font-size: 20px; padding-top: 2rem; margin-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.3); color: #fff; }
.ab03 { padding: 17rem 0; }
.ab03 .top { margin-bottom: 6rem; }
.ab03 .top span { font-size: 20px; margin-bottom: 1rem; }
.ab03 .bot { position: relative; padding-left: calc((100% - 1400px) / 2); margin-bottom: 8.3rem; }
.ab03 .bot .swiper { overflow: hidden; }
.ab03 .bot::after { position: absolute; content: ""; width: 100%; left: 0px; top: 212px; background-color: #bbbcdb; height: 1px; }
.ab03 .bot .swiper-slide-active .box h4::before { background-color: var(--dex) !important; }
.ab03 .bot .swiper-slide-active .box h4 { color: var(--dex) !important; }
.ab03 .bot .box .imgbox { border-radius: 1rem; }
.ab03 .bot .box img { height: 18.4rem; }
.ab03 .bot .box .text h4 { position: relative; font-size: 50px; font-family: "arial"; font-weight: bold; color: #333333; margin: 6rem 0 2rem; }
.ab03 .bot .box .text h4::before { position: absolute; content: ""; width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 2px solid var(--dex); top: -38px; background-color: #fff; }
.ab03 .bot .box .text p { font-size: 18px; line-height: 30px; color: #666666; }
.ab03 .bot .box:hover img { transform: scale(1.1); }
.ab03 .bot .box:hover .text h4 { color: var(--dex); }
.ab03 .op { display: flex; align-items: center; position: relative; justify-content: space-between; }
.ab03 .op .fac { position: unset; margin-top: 0px; background-image: none; font-size: 30px; width: auto; height: auto; border-radius: 0px; border: 0px; }
.ab03 .op .fac img { width: 4rem; }
.ab03 .op .fac:hover { background-color: transparent; }
.ab03 .op .fac-ri img { transform: rotateY(180deg); }
.ab03 .op .ab03Swiper-pagination { display: flex; align-items: center; margin: 0 3rem; position: relative; top: 2px; position: unset; transform: none; }
.ab03 .op .ab03Swiper-pagination .swiper-pagination-bullet { width: 3rem; height: 3px; background: #dbdbdb; border-radius: 0px; opacity: 1; margin: 0 0.5rem; }
.ab03 .op .ab03Swiper-pagination .swiper-pagination-bullet-active { background: var(--dex); }
.ab04 { margin-bottom: 18.6rem; }
.ab04 ul { display: flex; align-items: center; justify-content: space-between; }
.ab04 ul li { width: 33.3333333333%; height: 72.8rem; }
.ab04 ul li:nth-of-type(1) .bg1 { left: -155px !important; }
.ab04 ul li:nth-of-type(2) .bg1 { left: auto !important; width: 310px; right: 0px !important; margin-left: auto; }
.ab04 ul li:nth-of-type(3) .bg1 { left: 0 !important; }
.ab04 ul li:nth-of-type(2) { display: flex; flex-direction: column-reverse; }
.ab04 ul li:nth-of-type(2) .text { display: flex; flex-direction: column-reverse; }
.ab04 ul li .text { height: 50%; }
.ab04 ul li .text .bg1 { height: 39%; position: relative; left: 0px; }
.ab04 ul li .text .bg1 img { width: 100%; height: 100%; }
.ab04 ul li .text .cc { height: 61%; background-color: rgb(250, 250, 250); padding: 4rem; }
.ab04 ul li .text h4 { font-size: 34px; color: #333333; font-weight: bold; }
.ab04 ul li .text h5 { font-size: 20px; color: #666666; line-height: 30px; margin-top: 1rem; }
.ab04 ul li .imgbox { height: 50%; }
.ab04 ul li:hover .imgbox img {transform: scale(1.1);}
.ab04 ul li .imgbox img { height: 100%; }
.ab04 ul li:hover h4 { color: var(--dex); }
.ab05 { padding: 17.9rem 0; background-color: rgb(230, 230, 230); }
.ab05 .top { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 4.2rem; }
.ab05 .top span { font-size: 20px; color: #333333; margin-bottom: 1rem; }
.ab05 ul { display: flex; flex-flow: wrap; }
.ab05 ul li {     width: 15.92%; margin-right: 0.87%; margin-bottom: 0.87%; border-radius: 5px; overflow: hidden; z-index: 1; }
.ab05 ul li:nth-of-type(6n) { margin-right: 0px; }
.join01 { padding: 14.5rem 0; }
.join01 .icenter { align-items: center; }
.join01 .left { width: 42%; }
.join01 .left p { font-size: 18px; margin-top: 3.3rem; line-height: 30px; }
.join01 .right { width: 49.7142857143%; border-radius: 8px; overflow: hidden; z-index: 1; }
.join01 .right img { height: 44.8rem; }
.join02 { margin-bottom: 18rem; }
.join02 .i_h3 { margin-bottom: 0px; }
.join02 .top { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 4rem; }
.join02 .top p { font-size: 18px; color: #666666; margin-top: 1.6rem; }
.join02 .bot { height: 60.9rem; position: relative; }
.join02 .bot .bigimg { width: 42.8%; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; border-radius: 8px; overflow: hidden; z-index: 1; }
.join02 .bot .bigimg img { opacity: 0; display: none; height: 100%; }
.join02 .bot .bigimg img.active { display: block; animation: j_fa 0.5s linear forwards; }
.join02 .bot ul { width: 100%; display: flex; justify-content: space-between; flex-flow: wrap; }
.join02 .bot ul li { height: 19.1rem; margin-bottom: 1.8rem; width: 50%; }
.join02 .bot ul li .g { border-radius: 8px; overflow: hidden; z-index: 1; height: 100%; width: 38.1rem; background-color: #f6f6f6; display: flex; align-items: center; padding: 4.8rem 3.7rem; justify-content: space-between; }
.join02 .bot ul li .g .icon img { width: 4.8rem; transition: 0s; }
.join02 .bot ul li .g .text { width: 23rem; }
.join02 .bot ul li .g .text h4 { font-size: 28px; font-weight: bold; color: #333333; }
.join02 .bot ul li .g .text h5 { font-size: 18px; color: #666666; line-height: 24px; margin-top: 1.4rem; }
.join02 .bot ul li .g:hover { background-color: rgb(29, 32, 135); }
.join02 .bot ul li .g:hover .icon img { filter: grayscale(10) brightness(10); }
.join02 .bot ul li .g:hover h4 { color: #fff; }
.join02 .bot ul li .g:hover h5 { color: #fff; }
.join02 .bot ul li.active .g { background-color: rgb(29, 32, 135); }
.join02 .bot ul li.active .g .icon img { filter: grayscale(10) brightness(10); }
.join02 .bot ul li.active .g h4 { color: #fff; }
.join02 .bot ul li.active .g h5 { color: #fff; }
.join02 .bot ul li:nth-of-type(2n) { display: flex; justify-content: flex-end; }
@keyframes j_fa {
	100% { opacity: 1; }
}
.join03 { padding: 17.5rem 0; background: url(../image/join03_bg.jpg); background-attachment: fixed; background-size: cover; display: flex; justify-content: space-between; position: relative; }
.join03::before { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }
.join03 .left h3 { line-height: 64px; font-weight: bold; }
.join03 .right { width: 56%; display: flex; flex-flow: wrap; justify-content: space-between; }
.join03 .right .g { width: 94px; margin-right: 13.4rem; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 6.7rem; }
.join03 .right .g:nth-of-type(4n) { margin-right: 0px; }
.join03 .right .g img { width: 5.5rem; }
.join03 .right .g h4 { font-size: 20px; color: #fff; margin-top: 2.8rem; }
.join03 .right .g:nth-of-type(5), .join03 .right .g:nth-of-type(6), .join03 .right .g:nth-of-type(7), .join03 .right .g:nth-of-type(8) { margin-bottom: 0px; }
.join03 .right .g:hover img { transform: rotateY(180deg); }
.join04 { padding: 15.2rem 0 13rem; }
.join04 .i_h3 { margin-bottom: 0px; }
.join04 .top { margin-bottom: 3.2rem; }
.join04 .top p { font-size: 18px; color: #666666; margin-top: 1.8rem; }
.join04 ul li { width: 30%; }
.join04 ul li .imgbox { border-radius: 10px; overflow: hidden; z-index: 1; }
.join04 ul li .imgbox img { height: 43.5rem; }
.join04 ul li .text { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 4rem; }
.join04 ul li .text h4 { font-size: 32px; font-weight: bold; color: #333333; }
.join04 ul li .text h5 { width: 68%; text-align: center; font-size: 18px; color: #666666; line-height: 30px; margin-top: 1.7rem; }
.join04 ul li:hover .imgbox img { transform: scale(1.1); }
.join04 ul li:hover h4 { color: var(--dex); }
.join04 ul li:nth-of-type(2) { position: relative; top: 65px; }
.join05 { background-color: rgb(245, 245, 245); padding: 14.2rem 0 10rem; }
.join05 .icenter { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.join05 .icenter h3 { margin-bottom: 0px; }
.join05 .icenter p { font-size: 18px; line-height: 30px; margin: 2rem 0 3.4rem; width: 65%; text-align: center; }
.join05 .icenter a { margin: auto; position: relative; }
.join05 .icenter a .bg img { width: 35.2rem; }
.join05 .icenter a .wen { position: absolute; display: flex; align-items: center; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 18px; color: #fff; }
.join05 .icenter a .wen span { position: relative; left: 0px; font-size: 18px; margin-left: 0.8rem; transition: 0.3s; color: #fff; }
.join05 .icenter a:hover span { left: 1rem; }
.case { padding: 15.2rem 0 0rem; }
.case ul { margin-bottom: 10rem; }
.case ul li { padding: 6rem 0; border-top: 1px solid #f0f0f0; }
.case ul li:last-child { border-bottom: 1px solid #f0f0f0; }
.case ul li a { display: flex; align-items: center; justify-content: space-between; }
.case ul li a .imgbox { width: 33.5714285714%; border-radius: 10px; overflow: hidden; z-index: 1; }
.case ul li a .imgbox img { height: 27.6rem; }
.case ul li a .text { width: 60.2857142857%; }
.case ul li a .text h3 { font-size: 34px; font-weight: bold; color: #333333; }
.case ul li a .text h4 { font-size: 18px; font-family: "arial"; color: #333333; margin: 1.7rem 0; }
.case ul li a .text p { font-size: 18px; color: #666; line-height: 30px; }
.case ul li a .text h5 { display: flex; align-items: center; margin-top: 3.3rem; font-size: 16px; color: #666; }
.case ul li a .text h5 span { position: relative; font-size: 16px; color: #666; left: 0; transition: 0.3s; margin-left: 0.8rem; }
.case ul li a:hover img { transform: scale(1.1); }
.case ul li a:hover h3 { color: var(--dex); }
.case ul li a:hover h5 { color: var(--dex); }
.case ul li a:hover .text h5 span { left: 1rem; color: var(--dex); }
.page { display: flex; justify-content: center; align-items: center; margin: 6rem 0 14rem; }
.page h2 { display: none; }
.page .pagination .nav-links { display: flex; justify-content: center; align-items: center; }
.page a { width: 4.6rem; height: 4.6rem; border: 1px solid #cbcbcb; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #464647; margin-right: 18px; }
.page a:last-child { margin-right: 0px; }
.page span { width: 4.6rem; height: 4.6rem; border: 1px solid #cbcbcb; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #464647; margin-right: 18px; }
.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); }


.inner-banner { position: relative; }
.inner-banner .text { width: 1000px; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 54%; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 4; }
.inner-banner .text h3 { font-size: 60px; font-weight: bold; margin-bottom: 20px; }
.inner-banner .text h4 { font-size: 16px; margin-bottom: 40px; opacity: 0.7; display: flex; }
.inner-banner .text h4 a:hover { color: #fff; }
.inner-banner::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 2; }
.news-banner .text h5 { font-size: 40px; line-height: 50px; font-weight: bold; margin-bottom: 26px; color: #fff; }
.news-banner .text h6 { font-size: 16px; color: rgba(255, 255, 255, 0.6); }
.news-banner .text { align-items: flex-start; }
.newsinfo { width: 1000px; margin: auto; padding: 100px 0 0px; }
.newsinfo p { font-size: 18px; color: #666666; line-height: 30px; margin-bottom: 2%; }
.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 .fen { margin: 30px 0 50px; }
.newsinfo .fen a { padding: 20px 0; border-bottom: 1px solid #ddd; font-size: 18px; color: #666666; }
.newsinfo .fen a:hover { color: var(--dex); }
.newsinfo .fen a:nth-of-type(1) { border-top: 1px solid #ddd; }
.newsinfo .bottom { display: flex; align-items: center; justify-content: space-between; }
.newsinfo .bottom .share { display: flex; align-items: center; }
.newsinfo .bottom .share span { font-size: 16px; color: #666666; margin-right: 12px; }
.newsinfo .bottom .share .s { display: flex; align-items: center; }
.newsinfo .bottom .share .s a { margin-right: 10px; width: 32px; height: 32px; border-radius: 50%; background-color: #b0b0b0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; }
.newsinfo .bottom .share .s a:hover { background-color: var(--dex); }
.newsinfo .bottom .right { display: flex; align-items: center; }
.newsinfo .bottom .right a { margin-left: 12px; width: 116px; height: 37px; }
.newsinfo .bottom .right a { background-color: var(--dex); border-color: var(--dex); color: var(--dex); width: 146px; height: 41px; }
.newsinfo .bottom .right a:hover { color: #fff; background-color: transparent; }
.newsinfo .bottom .right a::after { color: var(--dex); }
.newsinfo p strong { color: var(--dex); font-weight: bold; }
.newsinfo_app { width: 1000px; margin: auto; }
.newsinfo_app .icenter { width: 100%; }
.app03 .swiper { overflow: hidden; }
.app03 .bot .box { border-radius: 8px; overflow: hidden; z-index: 1; }
.app03 .bot .box .imgbox img { height: 19rem; }
.app03 .bot .box .text { padding: 4.7rem 2.5rem; background-color: rgb(245, 245, 245); }
.app03 .bot .box .text h4 {     font-size: 22px; color: #333333; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;}
.app03 .bot .box .text p {    line-height: 24px; font-size: 16px; color: #666; margin: 2rem 0 4.3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; min-height: 4.8rem;}
.app03 .bot .box .text h5 { font-size: 14px; color: #666; display: flex; align-items: center; }
.app03 .bot .box .text h5 span { font-size: 14px; color: #666; transition: 0.3s; left: 0px; position: relative; margin-left: 0.8rem; }
.app03 .bot .box:hover img { transform: scale(1.1); }
.app03 .bot .box:hover h4 { color: var(--dex); }
.app03 .bot .box:hover h5 span { left: 1rem; }
.pro { padding: 17.7rem 0 24.4rem; }
.pro li { margin-bottom: 15.7rem; display: flex; justify-content: space-between; align-items: center; }
.pro li:last-child { margin-bottom: 0px; }
.pro li .text { background-color: rgb(247, 247, 247); width: 60.8%; padding: 12rem; }
.pro li .text h4 { font-size: 44px; font-weight: bold; color: #333333; }
.pro li:hover .text h4 {color: var(--dex);}
.pro li:hover .imgbox img {transform: scale(1.1);}
.pro li .text p { font-size: 18px; color: #666666; line-height: 30px; margin: 2.4rem 0 6rem; }
.pro li .text a { background-color: var(--dex); }
.pro li .text a span { color: #fff; }
.pro li .text a:hover { background-color: transparent; }
.pro li .text a:after { color: var(--dex); }
.pro li .imgbox { width: 39.2%;    overflow: unset; }
.pro li .imgbox img { height: 40rem; width: auto; }
.pro li:nth-of-type(2n) { flex-flow: row-reverse; }
.proinfo_banner { margin-top: 80px; height: calc(100% - 80px); display: flex; align-items: center; background: url("../image/proinfo_bg.jpg"); background-size: cover; }
.proinfo_banner .icenter .left { width: 40.5714285714%; }
.proinfo_banner .icenter .left h3 { font-size: 60px; font-weight: bold; color: #333333; }
.proinfo_banner .icenter .left p { font-size: 24px; padding-top: 2.4rem; margin-top: 2rem; position: relative; }
.proinfo_banner .icenter .left p::after { content: ""; position: absolute; top: 0px; left: 0px; width: 10rem; height: 3px; background-color: rgb(29, 32, 135); }
.proinfo_banner .icenter .left .tab {     width: fit-content; margin: 6.7rem 0 8rem; display: flex; align-items: center; justify-content: space-between; }
.proinfo_banner .icenter .left .tab .g {     margin-right: 1rem; width: 8rem; height: 8rem; padding: 1.4rem; border: 1px solid rgb(214, 214, 222); cursor: pointer; display: flex; justify-content: center; align-items: center; }
.proinfo_banner .icenter .left .tab .g img { height: 5.6rem; width: auto; margin: auto; }
.proinfo_banner .icenter .left .tab .g.active { border-color: var(--dex); }
.proinfo_banner .icenter .left .more { width: 29.4rem; height: 5rem; }
.proinfo_banner .icenter .left .more-1 { margin-bottom: 1.2rem; background-color: var(--dex); border-color: var(--dex); }
.proinfo_banner .icenter .left .more-1 span { color: #fff; }
.proinfo_banner .icenter .left .more-1::after { color: var(--dex); }
.proinfo_banner .icenter .left .more-1:hover { background-color: transparent; }
.proinfo_banner .icenter .left .more-2 { border-color: var(--dex); }
.proinfo_banner .icenter .left .more-2 span { color: var(--dex); }
.proinfo_banner .icenter .left .more-2::after { color: #fff; }
.proinfo_banner .icenter .left .more-2:hover { background-color: var(--dex); }
.proinfo_banner .icenter .right {min-width: 53rem;display: flex;align-items: center;justify-content: center;}
.proinfo_banner .icenter .right img { display: none; opacity: 0; height: 59rem; width: auto; }
.proinfo_banner .icenter .right img.active { display: block; animation: j_fa 0.5s linear forwards; }
.proinfo_h3 { font-size: 44px; color: #333; font-weight: bold; }
.proinfo01 { background: url("../image/proinfo01_bg.jpg"); background-size: cover; padding: 15.8rem 0 13.9rem; }
.proinfo01 p { font-size: 22px; color: #666666; line-height: 40px; width: 74%; margin: 3rem auto 0; }
.proinfo02 { padding: 13rem 0 23rem; background: url("../image/proinfo02_bg.jpg"); background-size: cover; }
.proinfo02 .swiper-pagination {transform: translateX(-50%);}
.proinfo02 .box { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 6.5rem 3.7rem 0; height: 35.2rem; display: flex; flex-direction: column; align-items: center; background-color: #fff; border-radius: 8px; overflow: hidden; z-index: 1; position: relative; }
.proinfo02 .box .icon img { height: 5rem; width: auto; transition: 0s; }
.proinfo02  .swiper-slide-duplicate-active  .box{box-shadow: none;}
.proinfo02 .swiper-slide-prev .box{box-shadow: none;}
.proinfo02 .box h4 { font-size: 24px; line-height: 1; color: #333; font-weight: bold; margin: 3rem 0; }
.proinfo02 .box p { font-size: 18px; line-height: 30px; color: #666; text-align: center; }
.proinfo02 .box:hover { background-color: var(--dex); }
.proinfo02 .box:hover .icon img { filter: grayscale(10) brightness(10); }
.proinfo02 .box:hover h4, .proinfo02 .box:hover p { color: #fff; }
.proinfo02 .bot { position: relative; margin: auto; margin-top: 1.8rem; width: fit-content; }
.proinfo02 .bot .bot_sub { width: 1435px; margin: auto; overflow: hidden; display: flex; justify-content: center; }
.proinfo02 .bot .swiper { width: 1400px; padding: 2rem 0; }
.proinfo03 { padding: 12.9rem 0 18rem; }
.proinfo03 .icenter { display: flex; align-items: center; justify-content: space-between; flex-flow: wrap; }
.proinfo03 .icenter .left { width: 47.4285714286%; }
.proinfo03 .icenter .left ul { margin-top: 5.6rem; display: flex; align-items: center; justify-content: space-between; flex-flow: wrap; }
.proinfo03 .icenter .left ul li { width: 26.4rem; margin-bottom: 3.5rem; }
.proinfo03 .icenter .left ul li h4 { font-size: 20px; font-weight: bold; color: #333333; }
.proinfo03 .icenter .left ul li p { font-size: 18px; line-height: 32px; color: #333; padding-top: 2.5rem; margin-top: 1.5rem; border-top: 1px solid rgb(186, 186, 186); }

.proinfo03 .icenter .right { width: 37.5%; border-radius: 8px; overflow: hidden; z-index: 1; position: relative; }
.proinfo03 .icenter .right img { height: 60rem; }
.proinfo04 { margin-bottom: 16.2rem; }
.proinfo04 ul { display: flex; align-items: center; flex-flow: wrap; margin-top: 2.6rem;    justify-content: flex-start; }
.proinfo04 ul li { width: 32%; border-radius: 8px;     margin-right: 2%; overflow: hidden; z-index: 1; position: relative; }
.proinfo04 ul li:nth-of-type(3n) {margin-right: 0px;}
.proinfo04 ul li img { height: 28.7rem; }
.proinfo04 ul li:hover img { transform: scale(1.1); }
.proinfo05 { padding: 8rem 0; background: url("../image/share_bg.jpg"); background-size: cover; overflow: unset; }
.proinfo05 .icenter { display: flex; align-items: center; justify-content: space-between; flex-flow: wrap; }
.proinfo05 .icenter .left { display: flex; align-items: center; }
.proinfo05 .icenter .left span { font-size: 30px; margin-right: 2.6rem; color: #fff; }
.proinfo05 .icenter .left .share { display: flex; align-items: center; }
.proinfo05 .icenter .left .share a { background-color: rgba(255, 255, 255, 0.1); font-size: 26px; line-height: 1; color: #fff; width: 5rem; height: 5rem; border-radius: 5px; overflow: hidden; z-index: 1; position: relative; margin-right: 1.5rem; border-width: 0px; overflow: unset; }
.proinfo05 .icenter .left .share a:hover { background-color: #fff; color: var(--dex); }
.proinfo05 .icenter .right a:hover { background-color: #fff; }
.proinfo05 .icenter .right a::after { color: var(--dex); }
.proinfo06 { padding: 14.5rem 0; }
.proinfo06 .text h6 { font-size: 24px; line-height: 1; color: #333333; margin-bottom: 1.9rem; }
.app01 { padding: 10rem 0; }
.app01 .i_h3 {width: 30%;}
.app01 .right { width: 55.5714285714%; }
.app01 .right p { font-size: 20px; line-height: 36px; color: #666666; margin-bottom: 6rem; }
.app01 .right a { border-color: var(--dex); background-color: transparent; }
.app01 .right a span { color: var(--dex); }
.app01 .right a::after { color: #fff; }
.app01 .right a:hover { background-color: var(--dex); }
.app02 { padding: 12rem 0; background: url("../image/app02_bg.jpg"); background-size: cover; }
.app02 h4 { font-size: 30px; line-height: 1; color: #333333; margin-bottom: 2rem; }
.app02 .bot { position: relative; }
.app02 .bot .bgimg { position: absolute; left: 50%; top: 0px; height: 100%; transform: translateX(-50%); }
.app02 .bot .bgimg img { height: 45.5rem; width: auto; }
.app02 .bot ul { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-flow: wrap; }
.app02 .bot ul li { width: 50%; margin-bottom: 5.6rem; }
.app02 .bot ul li .g { width: 21.3rem; }
.app02 .bot ul li .g img { height: 4rem; width: auto; }
.app02 .bot ul li .g p { font-size: 18px; line-height: 30px; color: #333333; margin-top: 1.2rem; }
.app02 .bot ul li .g:hover img { transform: rotateY(180deg); }
.app02 .bot ul li .g:hover p { color: var(--dex); }
.app02 .bot ul li:nth-of-type(7), .app02 .bot ul li:nth-of-type(8) { margin-bottom: 0; }
.app02 .bot ul li:nth-of-type(2n) { display: flex; flex-direction: column; align-items: flex-end; }
.app03 { padding: 14.4rem 0 12.7rem; }
.app03 .bot .op { margin-top: 4.2rem; display: flex; align-items: center; width: 100%; justify-content: center; }
.app03 .bot .op .fa { color: var(--dex); font-size: 40px; position: unset; border-radius: 0px; border-width: 0px; transform: none; margin: 0px; height: fit-content; width: fit-content; background-image: none; }
.app03 .bot .op .fa:hover { background-color: transparent; color: var(--dex); }
.app03 .bot .op .app03Swiper-pagination { margin: 0 2rem; position: relative; transform: none; bottom: -2px; left: 0px; }
.app05 { padding: 24.5rem 0; }
.app05 .icenter { display: flex; align-items: center; justify-content: space-between; flex-flow: wrap; }
.app05 .icenter::before { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background-color: rgb(243, 243, 243); width: 84%; height: 154%; content: ""; }
.app05 .icenter .imgbox { width: 45.4285714286%; border-radius: 8px; overflow: hidden; z-index: 1; position: relative; }
.app05 .icenter .imgbox img { height: 37.8rem; }
.app05 .icenter .text { z-index: 1; width: 45.4285714286%; padding-right: 5%; }
.app05 .icenter .text h6 { font-size: 24px; line-height: 1; color: #333333; }
.app05 .icenter .text h3 { margin: 2.1rem 0 2.8rem; }
.app05 .icenter .text p { font-size: 18px; line-height: 30px; color: #666666; margin-bottom: 5.3rem; }
.app05 .icenter .text a { background-color: var(--dex); border-color: var(--dex); }
.app05 .icenter .text a span { color: #fff; }
.app05 .icenter .text a::after { color: var(--dex); }
.app05 .icenter .text a:hover { background-color: transparent; }






@media screen and (max-width:1600px) {
	
	  
	.icenter { width: 1100px; }
	html { font-size: 7.2px; }
	.i_h3 { font-size: 36px; }
	.more > span { font-size: 13px; }
	.more::after { font-size: 13px; }
	.more { height: 37px; width: 130px; }
	
	  
	.head .logo { width: 166px; }
	.head .right dl dd { padding: 0 18px; }
	.div1 .head .right dl dd h3 a { font-size: 16px; 	line-height: 80px; height: 80px}

	.head .right .op .fa { font-size: 16px; }
	.head .right .op .lang { font-size: 16px; padding-left: 10px; margin-left: 10px; }
	.head .right .more { height: 36px; line-height: 36px; width: 114px; margin-left: 22px; }
	.head .right { width: 69%; }
	.head { height: 80px; }
	.div2 .head { height: 65px; }
	.head .right dl { width: 66%; }
	
	.div1 .head .right dl dd:hover ul.itrm { display: block; top: 80px; }
	.div2 .head .right dl dd:hover ul.itrm { display: block; top: 65px; }
	.div2 .head .right dl dd h3 a { line-height: 65px; height: 65px; }
	.head .right dl ul.itrm li .tit { font-size: 14px; line-height: 5rem; padding: 0 18px; }
	.head .right dl ul.itrm li { height: 4rem; line-height: 4rem; margin-bottom: 0.5rem; }
	.div3 .head .right dl dd h3 a { line-height: 65px; height: 65px; }
	.div3 .head .right dl dd:hover ul.itrm { top: 65px; }
	
	.i_banner .text h3 { font-size: 62px; margin-bottom: 8px; }
	.i_banner .text h4 { font-size: 17px; margin-bottom: 44px; }
	
	  
	.i01 .content a h4 { font-size: 17px; }
	.i01 .content a h5 { font-size: 14px; }
	
	  
	.i02 { height: calc(100vh - 92px); }
	.i02 .content .box .text p { padding-top: 1.8rem; font-size: 16px; line-height: 25px; }
	.i02 .content .box .text { width: 65rem; }
	.i02 .bot .icenter { padding: 0 24.4rem; }
	.i02 .bot .icenter .box .text { font-size: 15px; }
	
	  
	.i03 .bot .box .text p { font-size: 14px; line-height: 22px; }
	
	  
	.i04 .content .mid ul li { font-size: 110px; }
	.i04 .content .right .box h4 span::before { width: 7.8rem; }
	.i04 .content .right .box h4 span { font-size: 22px; padding-left: 10.7rem; }
	.i04 .content .right .box p { font-size: 17px; line-height: 27px; }
	.i04 .content .left dd span { font-size: 20px; padding-left: 6rem; }
	.i03 .bot .box .text h4 { font-size: 18px; }
	.i03 .bot .box .text h5 { font-size: 12px; }
	.i03 .bot .box .text h5 span { font-size: 12px; }
	.i03 .opt .an { width: 7.3%; }
	.i03 .more { margin-top: 4rem; }
	
	  
	.i04 .content .mid { width: 33rem; margin-left: 12%; }
	.i04 .content .mid .dao .fa { width: 5rem; height: 5rem; }
	.i04 .content .mid .dao { margin-top: 2.4rem; width: 11.5rem; }
	
	  
	.i05 .content .map .dot.min img { width: 12px; }
	.i05 .content .map .dot.max img { width: 16px; }
	.i05 .content .text .g h4 { font-size: 51px; line-height: 49px; }
	@keyframes scale {
		100% { opacity: 0; width: 130px; height: 130px; }
	}
	.i05 .content .text .g h5 { font-size: 16px; }
	
	  
	.fo01 { padding: 12.5rem 0; }
	.fo02 .top .icenter .left .phone h4 { font-size: 14px; }
	.fo02 .top .icenter .left .phone h5 { font-size: 35px; }
	.fo02 .top .icenter .left .detail h4 { font-size: 14px; line-height: 24px; }
	.fo02 .top .icenter .left .wei .fa { font-size: 17px; }
	.fo02 .top .icenter .left .wei span { font-size: 14px; }
	.fo02 .top .icenter .left .wei .ewm { left: 12.3rem; }
	.fo02 .top .icenter .right dd .min a { font-size: 14px; }
	.fo02 .top .icenter .right dd h3 a { font-size: 16px; }
	.fo02 .mid .icenter a { font-size: 18px; }
	.fo02 .bot .icenter a { font-size: 13px; }
	.innerbanner .text h3 { font-size: 50px; }
	.innerbanner .text h4 { font-size: 20px; }
	.pro { padding: 14rem 0 18.4rem; }
	.pro li .text h4 { font-size: 32px; }
	.pro li .text p { font-size: 16px; line-height: 26px; margin: 2.4rem 0 6rem; }
	.pro li { margin-bottom: 13.7rem; }
	.proinfo_banner .icenter .left h3 { font-size: 46px; }
	.proinfo_banner .icenter .left p { font-size: 19px; }
	.proinfo_banner .icenter .left .tab .g { width: 9rem; height: 9rem; }
	.proinfo_banner .icenter .left .tab { margin: 6rem 0 7rem; }
	.div3 .head { height: 65px; }
	.proinfo_banner { margin-top: 65px; height: calc(100% - 65px); }
	.proinfo_h3 { font-size: 38px; }
	.proinfo01 p { font-size: 18px; line-height: 32px; }
	.proinfo02 .bot .swiper { width: 1100px; }
	.proinfo02 .bot .bot_sub { width: 1128px; }
	.proinfo02 { padding: 13rem 0 18rem; }
	.proinfo02 .box h4 { font-size: 18px; }
	.proinfo02 .box p { font-size: 14px; line-height: 24px; }
	.proinfo03 .icenter .left ul li h4 { font-size: 17px; }
	.proinfo03 .icenter .left ul li p { font-size: 15px; line-height: 24px; }
	.proinfo05 .icenter .left span { font-size: 24px; }
	.proinfo05 .icenter .left .share a { font-size: 17px; }
	.proinfo06 .text h6 { font-size: 20px; }
	.app01 .right p { font-size: 17px; line-height: 30px; }
	.app02 h4 { font-size: 24px; }
	.i_h3 { margin-bottom: 3rem; }
	.app02 .bot ul li .g { width: 26.3rem; }
	.app02 .bot ul li .g p { font-size: 14px; line-height: 24px; }
	.app03 .bot .box .text h4 { font-size: 19px; }
	.app03 .bot .box .text p { line-height: 22px; font-size: 14px; }
	.app03 .bot .box .text h5 { font-size: 12px; }
	.app03 .bot .box .text h5 span { font-size: 12px; }
	.app03 .bot .op .fa { font-size: 28px; }
	.app05 .icenter .text h6 { font-size: 20px; }
	.app05 .icenter .text p { font-size: 15px; line-height: 25px; }
	.case ul li a .text h3 { font-size: 27px; }
	.case ul li a .text h4 { font-size: 15px; }
	.case ul li a .text p { font-size: 16px; line-height: 26px; }
	.case ul li a .text h5 { font-size: 14px; }
	.case ul li a .text h5 span { font-size: 14px; }
	.page a { font-size: 16px; margin-right: 15px; }
	.news-banner .text h5 { font-size: 32px; line-height: 40px; margin-bottom: 16px; }
	.news-banner .text h6 { font-size: 14px; }
	.newsinfo p { font-size: 16px; line-height: 28px; }
	.newsinfo .fen a { padding: 16px 0; font-size: 15px; }
	.newsinfo .bottom .share .s a { margin-right: 10px; width: 28px; height: 28px; font-size: 14px; }
	.newsinfo .bottom .right a { width: 128px; height: 36px; }
	.app03 .bot .box .imgbox img { height: 22rem; }
	.ab01 .right p { font-size: 16px; line-height: 26px; }
	.ab01 .left h4 { font-size: 17px; }
	.ab02 { padding: 16rem 0; }
	.ab02 .top span { font-size: 17px; }
	.ab02 .top p { font-size: 15px; line-height: 26px; }
	.ab02 ul li h4 strong { font-size: 65px; }
	.ab02 ul li h5 { font-size: 17px; }
	.ab03 .top span { font-size: 17px; }
	.ab03 .bot { padding-left: calc((100% - 1100px) / 2); }
	.ab03 .op .fac img { width: 26px; }
	.ab03 .bot .box .text h4 { font-size: 40px; }
	.ab03 .bot .box .text p { font-size: 15px; line-height: 26px; }
	.ab03 .bot .box .text h4::before { top: -26px; }
	.ab03 .bot::after { top: 153px; }
	.ab04 ul li .text h4 { font-size: 26px; }
	.ab04 ul li .text h5 { font-size: 17px; line-height: 26px; }
	.ab04 ul li:nth-of-type(2) .bg1 { width: 236px; }
	.ab04 ul li:nth-of-type(1) .bg1 { left: -132px !important; }
	.ab05 { padding: 15.9rem 0; }
	.ab05 .top span { font-size: 17px; }
	.ab05 .top { margin-bottom: 2.2rem; }
	.con01 .tab a { font-size: 20px; }
	.con01 .bot .box .text h3 { font-size: 24px; }
	.con01 .bot .box .text .g h4 { font-size: 14px; }
	.con01 .bot .box .text .g h5 { font-size: 15px; }
	.con01 .bot .box .imgbox .wen { font-size: 86px; left: -3px; bottom: -17px; }
	.con02 .left h4 { font-size: 18px; line-height: 28px; }
	.con02 .right form .lab .in_lab label { font-size: 15px; }
	.con02 .right form .lab .in_lab input { font-size: 14px; }
	.join01 .left p { font-size: 15px; line-height: 26px; }
	.join02 .top p { font-size: 15px; }
	.join02 .bot ul li .g .text h4 { font-size: 22px; }
	.join02 .bot ul li .g .text h5 { font-size: 14px; line-height: 22px; }
	.join02 .bot ul li .g { width: 42.1rem; }
	.join03 .left h3 { line-height: 48px; }
	.join03 .right .g h4 { font-size: 17px; margin-top: 2rem; }
	.join03 .right .g { width: 92px; margin-right: 6.4rem; }
	.join04 ul li .text h4 { font-size: 25px; }
	.join04 ul li .text h5 { font-size: 15px; line-height: 24px; }
	.join05 .icenter p { font-size: 15px; line-height: 25px; }
	.join05 .icenter a .wen { font-size: 16px; }
	.join05 .icenter a .wen span { font-size: 16px; }
	.i_banner .swiper-pagination { left: calc((100% - 1100px) / 2); }
	.i_banner .swiper-pagination-bullet { width: 8px; height: 8px;}

}