@charset "UTF-8";
* { 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: 62.5%; }
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%; font-size: 10px; }
.imgbox { overflow: hidden; position: relative; }
:root { --dex: #0093ee; --dex2:#33a9f1; }
.clearfix { zoom: 1; }
.clearfix:after { content: " "; display: block; clear: both; }
.fl { float: left; }
.fr { float: right; }
input, .form-change select { -webkit-appearance: none; /*去除系统默认的样式*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*background-color: var(--white); */

/* 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; }
}
@font-face { font-family: "alibb"; font-display: swap; font-style: normal; src: url("../font/Alibaba-PuHuiTi-Regular.woff") format("woff"), url("../font/Alibaba-PuHuiTi-Regular.ttf") format("truetype"), url("../font/Alibaba-PuHuiTi-Regular.otf") format("opentype"), url("../font/Alibaba-PuHuiTi-Regular.svg") format("svg"); }

/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger { display: none; }

/* common */
.icenter { width: 1500px; margin: auto; position: relative; }
.amore { width: 146px; height: 42px; border-radius: 5px; font-size: 16px; text-align: center; line-height: 40px; border-radius: 5px; border: 1px solid transparent; position: relative; }
.amore::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #fff; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.amore:hover { border-color: var(--dex); background-color: var(--dex); }
.amore > span { display: block; color: rgb(255, 255, 255); }
.amore::after, .amore > 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); }
.amore:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.amore:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.button--moema { float: left; width: 14.8rem; height: 4.4rem; display: flex; justify-content: center; align-items: center; border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; font-size: 16px; }
.button--moema { border-radius: 5rem; background: -webkit-linear-gradient(to bottom, rgb(86, 103, 187), rgb(35, 218, 253)); background: linear-gradient(to bottom, rgb(86, 103, 187), rgb(35, 218, 253)); color: #fff; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; border-color: #37474f; }
.button--moema:hover { -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; color: #ECEFF1; background: -webkit-linear-gradient(to bottom, var(--dex), var(--dex)); background: linear-gradient(to bottom, var(--dex), var(--dex)); -webkit-animation: anim-moema-1 0.3s forwards; animation: anim-moema-1 0.3s forwards; }
.button--moema::before { content: ""; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit; border-radius: 50px; z-index: -1; opacity: 0.4; -webkit-transform: scale3d(0.8, 0.5, 1); transform: scale3d(0.8, 0.5, 1); }
.button--moema:hover::before { -webkit-animation: anim-moema-2 0.3s 0.3s forwards; animation: anim-moema-2 0.3s 0.3s forwards; }
@-webkit-keyframes anim-moema-1 {
	60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }
	85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
	100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes anim-moema-1 {
	60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }
	85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
	100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes anim-moema-2 {
	to { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes anim-moema-2 {
	to { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.pro02_4, .pro01_6, .pro01_5, .pro01_4, .pro01_2 { position: relative; overflow: hidden; }
.pro02_4 .icenter .text .box, .pro01_5 ul li { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.pro01_6 ul li .top .bo, .pro01_5 ul li .imgbox .icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.text-center { text-align: center; }
.font-bold { font-weight: 700; }
.text-333 { --tw-text-opacity: 1; color: rgb(51 51 51/var(--tw-text-opacity)); }
.text-666 { --tw-text-opacity: 1; color: rgb(102 102 102/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%); }
.pro09_5, .pro05_3 { position: relative; overflow: hidden; }

/* head */
.div1 { position: fixed; top: 0px; width: 100%; z-index: 99; }
.head { box-sizing: border-box; height: 100px; transition: 0.5s; }
.head .icenter { display: flex; justify-content: space-between; align-items: center; position: unset; }
.head .icenter .logo { width: 234px; transition: 0.5s; }
.head .icenter .logo img { filter: grayscale(10) brightness(10); transition: 0s; }
.head .icenter .right { width: 986px; display: flex; justify-content: space-between; align-items: center; }
.head .icenter .right ul { display: flex; }
.head .icenter .right ul li { padding: 0 22px; }
.head .icenter .right ul li .a { transition: 0.5s; line-height: 100px; height: 100px; font-size: 18px; color: #fff; }
.head .icenter .right .op { display: flex; align-items: center; }
.head .icenter .right .op .zixun { font-size: 18px; }
.head .icenter .right .op .lang { font-size: 18px; font-family: arial; color: #fff; margin-left: 30px; }
.head .icenter .right .op .lang:hover { color: var(--dex) !important; }
.head .icenter .right ul li .a:hover { color: var(--dex) !important; }
.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 .icenter .logo img, .div2 .head .icenter .logo img, .div3 .head .icenter .logo img { filter: none; }
.div1:hover .head .icenter .right ul li a, .div2 .head .icenter .right ul li a, .div3 .head .icenter .right ul li a { color: #333; }
.div1:hover .head .icenter .op .lang, .div2 .head .icenter .op .lang, .div3 .head .icenter .op .lang { color: #333; }
.div2 .head .icenter .right ul li .a { line-height: 70px; height: 70px; }
.div2 .head { height: 70px; }
.div2 .head .icenter .logo { width: 197px; }
.head .icenter .right ul li { position: relative; }

/* nav_list */
.div1.head .icenter .right ul li:hover { z-index: 100; }

/* slide */
.div1 .head .icenter .right ul li:hover .a { color: var(--dex); }
.div1 .head .icenter .right ul li .slide { top: 100px; position: absolute; left: -22px; display: none; overflow: hidden; z-index: 1; padding: 29px 20px 44px 44px; border-radius: 0 0 8px 8px; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); -webkit-box-shaow: 0 15px 15px rgba(0, 0, 0, 0.1); background-color: #fff; width: fit-content; min-width: 360px; box-sizing: border-box; }
.div1 .head .icenter .right ul li:hover .slide { display: block; }
.div1 .head .icenter .right ul li .slide .min a { margin-bottom: 30px; }
.div1 .head .icenter .right ul li .slide .min a h4 { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 8px; }
.div1 .head .icenter .right ul li .slide .min a h5 { font-size: 14px; color: #666; }
.div1 .head .icenter .right ul li .slide .min a:last-child { margin-bottom: 0px; }
.div1 .head .icenter .right ul li .slide .min a:hover h4 { color: var(--dex); }
.div2 .head .icenter .right ul li .slide { top: 70px; }

/* slide1 */
.div1 .head .icenter .right ul li.chanpin { position: unset; }
.div1 .head .icenter .right ul li .slide1 { left: 0px; position: absolute; top: 100px; display: none; overflow: hidden; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); -webkit-box-shaow: 0 15px 15px rgba(0, 0, 0, 0.1); width: 100%; justify-content: space-between; align-items: center; height: 410px; }
.div1 .head .icenter .right ul li:hover .slide1 { display: flex; }
.div1 .head .icenter .right ul li .slide1 .le { width: 38%; height: 100%; padding-top: 50px; padding-right: 15px; display: flex; justify-content: flex-end; background-color: rgb(248, 248, 248); }
.div1 .head .icenter .right ul li .slide1 .le .box a { padding: 12px 13px 12px 37px; color: #333; width: 240px; border-radius: 5px; font-size: 16px; margin-bottom: 13px; font-weight: bold; }
.div1 .head .icenter .right ul li .slide1 .le .box a.active { background-color: var(--dex); color: #fff; }
.div1 .head .icenter .right ul li .slide1 .le .box a.active { background-color: var(--dex); color: #fff; }
.div1 .head .icenter .right ul li .slide1 .ri { width: 62%; height: 100%; padding-top: 50px; padding-left: 50px; background-color: #fff; padding-right: calc((100% - 1500px) / 2); }
.div1 .head .icenter .right ul li .slide1 .ri .box { width: 100%; flex-flow: wrap; display: none; opacity: 0; }
.div1 .head .icenter .right ul li .slide1 .ri .box.active { display: flex; animation: he_fa 0.5s linear forwards; }
.div1 .head .icenter .right ul li .slide1 .ri .box a { margin-bottom: 44px; width: 32%; margin-right: 2%; }
.div1 .head .icenter .right ul li .slide1 .ri .box a:nth-of-type(3n) { margin-right: 0px; }
.div1 .head .icenter .right ul li .slide1 .ri .box a h4 { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 8px; }
.div1 .head .icenter .right ul li .slide1 .ri .box a h5 { font-size: 14px; color: #666; }
.div1 .head .icenter .right ul li .slide1 .ri .box a:hover h4 { color: var(--dex); }
@keyframes he_fa {
	100% { opacity: 1; }
}
.div2 .head .icenter .right ul li .slide1 { top: 70px; }

/* banner */
.indexbanner { height: 100%; position: relative; overflow: hidden; }
.indexbanner .box { position: relative; height: 100%; }
.indexbanner .box img { height: 100%; }
.indexbanner .swiper-slide-active img { animation: mysacle 4s ease both; }
@keyframes mysacle {
	0% { transform: scale(1.15); }
}
.indexbanner .text { z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; flex-direction: column; }
.indexbanner .text h1 { white-space: nowrap; opacity: 0; transform: translateY(40px); text-align: center; font-size: 70px; color: #fff; font-weight: bold; line-height: 100px; margin-bottom: 8px; }
.indexbanner .text .h4 { opacity: 0; transform: translateY(40px); font-size: 26px; color: #fff; }
.indexbanner .swiper-slide-active .text h1 { animation: i_fa 0.5s linear forwards; }
.indexbanner .swiper-slide-active .text .h4 { animation: i_fa 0.5s linear forwards; }
@keyframes i_fa {
	100% { opacity: 1; transform: translateY(0px); }
}
.indexbanner .box::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(1, 9, 24, 0.4); position: absolute; left: 0; top: 0; }
.indexbanner .swiper-pagination-bullet-active { opacity: 1; background: #fff; }
.indexbanner .swiper-pagination-bullet { width: 40px; height: 5px; border-radius: 0px; margin: 0 6px !important; }
.indexbanner .swiper { height: 100%; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 50px; }
.indexbanner .swiper-pagination-bullet { background: none; background-color: #fff; }

/* i01 */
.i01 { padding: 105px 0 135px; position: relative; overflow: hidden; background: url(../img/sy_bj1.jpg); background-size: cover; }
.i_h3 { font-size: 48px; font-weight: bold; color: #333333; }
.i01 .top { display: flex; justify-content: space-between; flex-direction: column; align-items: center; margin-bottom: 0px; }
.i01 .top h3 { font-size: 20px; color: #666666; margin-top: 13px; }

/* nav-cont-item-bg */
.nav-cont-item-bg { position: absolute; top: 260px; left: 50%; transform: translateX(-50%); margin-top: -20px; width: 250px; height: 150px; border-radius: 15px; cursor: pointer; transition: all 0.2s; background-color: #006fe7; }
.nav-cont-item-bg.act1 { display: block; }
.index01box { box-sizing: border-box; position: relative; }
.index01box .bg01 { width: auto; max-width: 70%; display: block; position: absolute; bottom: 15%; left: -15%; z-index: 2; }
.index01box .bg02 { width: auto; max-width: 100%; display: block; position: absolute; top: 0px; right: -263px; z-index: 0; }

/* index04imglist */
.index01imglist { width: 100%; height: 80%; box-sizing: border-box; position: absolute; top: 10%; left: 0; border-radius: 20px; overflow: hidden; }
.index01imglist img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; transition: all 0.3s; opacity: 0; visibility: hidden; }
.index01imglist img.now { opacity: 1; visibility: visible; }

/* index04min */
.index01min { margin: -40px auto 0; box-sizing: border-box; position: relative; display: flex; display: -webkit-flex; -webkit-justify-content: flex-end; justify-content: flex-end; }

/* index04l-text */
.index01l-text { width: 38%; position: absolute; top: 16%; left: 0; box-sizing: border-box; padding: 100px 0 0 100px; }
.index01l-text h3 {}
.index01l-text .h3  a {    width: fit-content; font-size: 34px; margin-bottom: 20px; color: #FFFFFF; font-weight: bold;}
.index01l-text p { position: relative; font-size: 18px; color: #FFFFFF; line-height: 30px; margin-bottom: 50px; }
.index01l-text .item { display: none; }
.index01l-text .item:nth-of-type(3) { display: block; }
.index01min .more { color: #FFFFFF; border-color: #FFFFFF; margin-top: 40px; width: 140px; height: 40px; line-height: 40px; }
.index01min .more:before { background-color: #FFFFFF; width: 0%; }
.index01min .more:hover { color: #021d93; }
.index01min .more:hover:before { width: 100%; }

/* tablist */
.index01tablistwrap { width: 210px; position: relative; }
.index01tablist { width: 100%; background-color: #0093ee; position: relative; height: 780px; border-radius: 10px; z-index: 1; }
.index01tablist .item { width: 100%; box-sizing: border-box; text-align: center; position: relative; z-index: 1; display: flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; height: 16.6666666667%; }
.index01tablist .item img { display: block; width: auto; height: 36px; margin: auto; margin-bottom: 6px; filter: grayscale(1) brightness(10); }
.index01tablist .item h3 { font-size: 14px; color: #ffffff; margin-bottom: 20px; }
.index01tablist .item font { display: block; font-size: 16px; color: #ffffff; opacity: 0.5; }
.index01l-text .item .amore { border-color: #fff; }
.i01 .button--moema { border: 1px solid #fff; background: none; background-color: transparent; color: #fff; }
.i01 .button--moema:hover { background-color: #fff; color: var(--dex); }

/* i02 */
.i02 { padding: 110px 0; position: relative; overflow: hidden; }
.i02 .top { margin-bottom: 45px; display: flex; justify-content: space-between; align-items: center; flex-direction: column; }
.i02 .top h3 { font-size: 20px; margin: 12px 0; }
.i02 .top p { font-size: 16px; width: 87%; }
.i02 ul { display: flex; height: 570px; }
.i02 ul li { transition: 0.3s; position: relative; width: 23.5%; overflow: hidden; border-top-left-radius: 20px; border-bottom-right-radius: 20px; margin-right: 2%; }
.i02 ul li:hover { width: 52%; }
.i02 ul li:last-child { margin-right: 0px; }
.i02 ul li a { width: 100%; height: 100%; position: relative; }
.i02 ul li .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.i02 ul li .bg::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }
.i02 ul li:hover .bg::after { background-color: rgba(0, 147, 238, 0.8); }
.i02 ul li .bg img { height: 100%; }
.i02 ul li:hover .bg img { transform: scale(1.1); }
.i02 ul li .text { transition: 0.5s; position: absolute; left: 50%; top: 34%; transform: translate(-50%, -50%); display: flex; }
.i02 ul li .text .le .icon { width: 94px; position: relative; margin: auto; }
.i02 ul li .text .le .ic { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 42px; }
.i02 ul li .text .le span { font-size: 20px; font-weight: bold; color: #fff; margin-top: 10px; white-space: nowrap; }
.i02 ul li .text .ri { display: none; opacity: 0; height: 378px; padding-left: 47px; margin-left: 47px; transition: 0.3s; position: relative; border-left: 1px solid rgba(255, 255, 255, 0.5); }
.i02 ul li:hover .text .ri { display: block; animation: i05_fa 0.5s linear forwards; }
.i02 ul li .text .ri h4 { font-size: 38px; font-weight: bold; margin-bottom: 20px; color: #fff; }
.i02 ul li .text .ri p { font-size: 16px; line-height: 30px; color: #fff; width: 250px; }
.i02 ul li .text .ri .cha { position: absolute; left: 47px; bottom: 0px; font-size: 16px; color: #fff; }
.i02 ul li:hover .text { width: 85%; top: 50%; }

/* i03 */
.i03 { padding: 110px 0 95px; background: url(../img/sy_bj2.jpg); background-size: cover; position: relative; overflow: hidden; }
.i03 .top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 65px; }
.i03 .top .le { width: 52%; }
.i03 .top .le video { width: 100%; height: 100%; border-radius: 20px; position: relative; object-fit: cover; }
.i03 .top .le { position: relative; }
.i03 .top .le .bo { cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; }
.i03 .top .le .bo img { width: 80px; }
.i03 .top .le { width: 52%; position: relative; border-radius: 20px; overflow: hidden; height: 465px; }
/* .i03 .top .le::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; } */
.i03 .top .le .mask { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: 1; }
.i03 .top .le .mask:before { position: relative; content: ""; display: block; margin-top: 100%; }
.i03 .top .le .mask:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.i03 .top .le:hover .mask { -webkit-animation: anim-out 1s; animation: anim-out 1s; }
.i03 .top .le:hover .mask:after { -webkit-animation: anim-out-pseudo 1s; animation: anim-out-pseudo 1s; }
@-webkit-keyframes anim-out {
	0% { width: 0%; }
	100% { width: 100%; }
}
@keyframes anim-out {
	0% { width: 0%; }
	100% { width: 100%; }
}
@-webkit-keyframes anim-out-pseudo {
	0% { background: rgba(255, 255, 255, 0.5); }
	100% { background: 0 0; }
}
@keyframes anim-out-pseudo {
	0% { background: rgba(255, 255, 255, 0.5); }
	100% { background: 0 0; }
}
.i03 .top .ri { width: 39%; padding-right: 30px; box-sizing: border-box; }
.i03 .top .ri h2 { font-size: 40px; font-weight: bold; color: #333; line-height: 54px; margin-bottom: 32px; /* -webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(to right, rgb(5, 194, 222) 0% ,rgb(11, 129, 239) 40%, rgb(6, 196, 221) 100%);
	-webkit-text-fill-color: transparent;
text-fill-color:transparent; */ }
.i03 .top .ri h3 { font-size: 18px; color: #666666; line-height: 35px; margin-bottom: 52px; }
.i03 .top .ri .amore { border-color: var(--dex); background-color: var(--dex); }
.i03 .top .ri .amore:hover { background-color: transparent; }
.i03 .top .ri .amore:hover::after { color: var(--dex); }
.i03 dl { display: flex; justify-content: space-between; margin-bottom: 120px; }
.i03 dl dd { width: fit-content; display: flex; justify-content: space-between; position: relative; }
.i03 dl dd:nth-of-type(4)::after { display: none; }
.i03 dl dd::after { content: ""; position: absolute; right: -131px; top: 50%; transform: translateY(-50%); height: 100px; width: 1px; background-color: #bdc4cb; }
.i03 dl dd .icon { width: 48px; margin-right: 20px; top: 4px; position: relative; }
.i03 dl dd:hover .icon img { transform: rotateY(180deg); }
.i03 dl dd .ri h4 { display: flex; align-items: center; margin-bottom: 5px; }
.i03 dl dd .ri h4 strong { font-size: 60px; font-family: arial; font-weight: bold; color: var(--dex); line-height: 59px; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(to right, rgb(11, 129, 239) 0%, rgb(5, 197, 221) 100%); -webkit-text-fill-color: transparent; text-fill-color: transparent; }
.i03 dl dd .ri h4 strong:nth-of-type(2) { background-image: linear-gradient(to right, rgb(11, 129, 239) 0%, rgb(5, 197, 221) 100%); }
.i03 dl dd .ri img { width: 78px; margin-bottom: 18px; }
.i03 dl dd .ri span { font-size: 18px; color: #666666; }
.i03 dl dd:hover .ri span { color: var(--dex); }
.i03 .line { width: 100%; position: absolute; left: 0; z-index: 0; top: 0px; }
.i03 .jp { position: absolute; left: 0; top: -46px; z-index: 1; width: auto; }
.i03 .bot .le { width: 389px; overflow: hidden; }
.i03 .bot .t { display: flex; justify-content: space-between; }
.i03 .bot .le .box h4 { font-size: 60px; font-family: arial; color: #0093ee; margin-bottom: 14px; font-weight: bold; line-height: 56px; opacity: 0; }
.i03 .bot .le .box h5 { font-size: 18px; color: #666666; line-height: 30px; white-space: nowrap; opacity: 0; }
.i03 .bot .le .swiper-slide-active .box h4 { opacity: 1; }
.i03 .bot .le .swiper-slide-active .box h5 { opacity: 1; }
.i03 .bot .ri { height: 62px; width: 953px; border-radius: 50px; background: linear-gradient(to bottom, #5268bd, #21d4fa); display: flex; padding: 0 35px; }
@keyframes bg_bian { }
.i03 .bot .ri .min { width: 25%; font-size: 20px; font-weight: bold; color: #ffffff; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; }
.i03 .bot .ri .min::after { position: absolute; content: ""; height: 16px; width: 1px; background-color: #ffffff; top: 50%; transform: translateY(-50%); right: 0px; }
.i03 .bot .ri .min:nth-of-type(4):after { display: none; }
.i03 .swiper-slide-active .box .icon { opacity: 1 !important; }
.i03 .bot .b .box .icon { border: 1px solid var(--dex); left: 4px; align-items: center; position: absolute; width: 56px; height: 56px; background-color: #fff; opacity: 0; display: flex; justify-content: center; align-content: center; border-radius: 50%; top: -110%; left: -25%; }
.i03 .bot .b .box .icon img { width: 35px; }
.i03 .bot .b .dot { content: ""; position: absolute; left: 51%; top: -14%; transform: translate(-50%, -50%); width: 38px; height: 38px; border-radius: 50%; background: rgba(0, 147, 238, 0.18); transition: all 0.36s; }
.i03 .bot .b .dot::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; border-radius: 50%; background-color: var(--dex); transition: all 0.36s; }
.i03 .bot .b .box p { font-size: 16px; color: #0093ee; font-family: arial; font-weight: bold; margin-top: 20px; position: unset; left: 22%; }

/* .i03 .bot .b .swiper-wrapper .swiper-slide{min-height: 318px;} */
.i03 .bot .b .swiper-wrapper .swiper-slide .box { transition: all 0.3s; height: 100%; }

/* .i03 .bot .b .swiper-slide-next .box,.i03 .bot .b .swiper-slide-prev .box{padding-top: 60px;padding-bottom: 0;transition: all .3s;} */
.i03 .bot .b { width: 100%; position: relative; margin-top: 0px; box-sizing: border-box; }
.i03 .bot .b .i01_gallery { box-sizing: border-box; overflow: hidden; height: 254px; }
.i03 .bot .b .yi { position: absolute; top: 62%; left: 14px; }
.i03 .bot .b .yi:hover .icon { opacity: 1; }
.i03 .bot .b .swiper-wrapper .swiper-slide.c1 .yi { top: 62%; }
.i03 .bot .b .swiper-wrapper .swiper-slide.c2 .yi { top: 77%; }
.i03 .bot .b .swiper-wrapper .swiper-slide.c3 .yi { top: 56%; }
.i03 .bot .b .swiper-wrapper .swiper-slide.c4 .yi { top: 28%; }
.i03 .bot .b .swiper-wrapper .swiper-slide.c5 .yi { top: 35%; }
.i03 .bot .b .swiper-wrapper .swiper-slide.c6 .yi { top: 37%; }
.i03 .bot .b .swiper-wrapper .swiper-slide.c7 .yi { top: 50%; }
.i03 .bot .b .swiper-wrapper .swiper-slide.c8 .yi { top: 43%; }
.i03 .bot .b .swiper-wrapper .swiper-slide.c9 .yi { top: 31%; }

/* 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); }
.vi_box .box { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
.vi_box .box video { width: 100%; height: 100%; position: relative; object-fit: cover; display: block; }
.vi_box .box .video { position: relative; width: 70%; height: auto; max-height: 85%; }

/* .vi_box .box  .video .close {position: absolute; font-size: 50px; right: -34px; top: -51px; color: #0068b6; transition: 0.3s; cursor: pointer;} */
.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); }

/* i04 */
.i04 { padding: 80px 0 125px; position: relative; overflow: hidden; background: url(../img/sy_bj43.jpg); background-size: cover; }
.i04 .top { position: relative; }
.i04 .top .i_h3 { margin-bottom: 20px; text-align: center; position: relative; top: 30px; }
.i04 .top .i04Swiper { position: relative; overflow: hidden; height: 440px; padding: 10px; padding-top: 20px; }
.i04 .top .i04Swiper .box { width: 102%; height: 100%; opacity: 0; }
.i04 .top .i04Swiper .swiper-slide-active .box { animation: i05_fa 0.5s linear forwards; }
.i04 .top .i04_nav { display: flex; justify-content: space-between; margin-top: 60px; }
.i04 .g { overflow: hidden; border-radius: 50%; background-color: #fff; position: absolute; box-shadow: 0 0 16px #ddd; }
@keyframes xb1 {
	25% { transform: translate(7%, -7%); }
	50% { transform: translate(14%, 0%); }
	75% { transform: translate(7%, 7%); }
	100% { transform: translate(0%, 0%); }
}
@-webkit-keyframes xb1 {
	0% { transform: translate(0%, 0%); }
	25% { transform: translate(7%, -7%); }
	50% { transform: translate(14%, 0%); }
	75% { transform: translate(7%, 7%); }
	100% { transform: translate(0%, 0%); }
}
.i04 .g .icon { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.i04 .g span { display: none; font-size: 16px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; }
.i04 .g:hover { background-color: var(--dex); }
.i04 .g:hover span { display: block; }
.i04 .g:hover .icon { display: none; }
.i04 .g:nth-of-type(1) { width: 80px; height: 80px; top: 171px; left: 0px; animation: xb1 5.7s linear infinite; -webkit-animation: xb1 5.7s linear infinite; }
.i04 .g:nth-of-type(2) { bottom: 0px; left: 44px; width: 62px; height: 62px; animation: xb1 5s linear infinite; -webkit-animation: xb1 5s linear infinite; }
.i04 .g:nth-of-type(2) span { font-size: 12px; }
.i04 .g:nth-of-type(3) { width: 110px; height: 110px; top: 10px; left: 91px; animation: xb1 4.7s linear infinite; -webkit-animation: xb1 4.7s linear infinite; }
.i04 .g:nth-of-type(4) { width: 128px; height: 128px; bottom: 77px; left: 188px; animation: xb1 5.4s linear infinite; -webkit-animation: xb1 5.4s linear infinite; }
.i04 .g:nth-of-type(5) { top: 55px; width: 128px; height: 128px; left: 311px; animation: xb1 5.2s linear infinite; -webkit-animation: xb1 5.2s linear infinite; }
.i04 .g:nth-of-type(6) { bottom: 5px; left: 392px; width: 100px; height: 100px; animation: xb1 5.7s linear infinite; -webkit-animation: xb1 5.7s linear infinite; }
.i04 .g:nth-of-type(7) { top: 125px; width: 190px; height: 190px; left: 536px; animation: xb1 5s linear infinite; -webkit-animation: xb1 5s linear infinite; }
.i04 .g:nth-of-type(8) { bottom: 5px; width: 110px; height: 110px; left: 760px; animation: xb1 5.4s linear infinite; -webkit-animation: xb1 5.4s linear infinite; }
.i04 .g:nth-of-type(9) { top: 120px; width: 100px; height: 100px; left: 807px; animation: xb1 5.1s linear infinite; -webkit-animation: xb1 5.1s linear infinite; }
.i04 .g:nth-of-type(10) { top: 90px; left: 984px; width: 82px; height: 82px; animation: xb1 4.9s linear infinite; -webkit-animation: xb1 4.9s linear infinite; }
.i04 .g:nth-of-type(11) { right: 340px; bottom: 11px; width: 176px; height: 176px; animation: xb1 5.5s linear infinite; -webkit-animation: xb1 5.5s linear infinite; }
.i04 .g:nth-of-type(12) { top: 0px; right: 202px; width: 125px; height: 125px; animation: xb1 5.2s linear infinite; -webkit-animation: xb1 5.2s linear infinite; }
.i04 .g:nth-of-type(13) { width: 95px; height: 95px; right: 185px; top: 199px; animation: xb1 5.1s linear infinite; -webkit-animation: xb1 5.1s linear infinite; }
.i04 .g:nth-of-type(14) { right: 27px; top: 65px; width: 80px; height: 80px; animation: xb1 5.7s linear infinite; -webkit-animation: xb1 5.7s linear infinite; }
.i04 .g:nth-of-type(15) { width: 123px; height: 123px; right: 15px; bottom: 0px; animation: xb1 5.3s linear infinite; -webkit-animation: xb1 5.3s linear infinite; }
.i04 .top .i04_nav .button--moema { transition: 0s; border: 1px solid var(--dex); cursor: pointer; background: transparent; color: var(--dex); }
.i04 .top .i04_nav .button--moema.active, .i04 .top .i04_nav .button--moema:hover { border: 0px; background: -webkit-linear-gradient(to bottom, rgb(86, 103, 187), rgb(35, 218, 253)); background: linear-gradient(to bottom, rgb(86, 103, 187), rgb(35, 218, 253)); color: #fff; }
.i04 ul { height: 425px; margin-top: 70px; display: flex; border-radius: 20px; justify-content: space-between; overflow: hidden; }
.i04 ul li { width: 10%; height: 100%; position: relative; transition: 0.3s; overflow: hidden; }
.i04 ul li.active { width: 66.3%; }
.i04 ul li .text h3 { color: #fff; font-size: 20px; font-weight: bold; white-space: nowrap; }
.i04 ul li .text { position: absolute; left: 50%; top: 19%; transform: translate(-50%, -50%); }
.i04 ul li .text p { display: none; }
.i04 ul li .text h4 { display: none; }
.i04 ul li .text .button--moema { display: none; }
.i04 ul li.active .bg::after { background: linear-gradient(to right, rgb(244, 243, 248) 0%, rgb(244, 243, 248) 48%, rgba(244, 243, 248, 0) 70%); }
.i04 ul li.active .text h3 { font-size: 34px; font-weight: bold; color: #333333; margin-bottom: 23px; }
.i04 ul li.active .text { left: 30%; top: 50%; transform: translate(-50%, -50%); }
.i04 ul li.active .text p { display: block; font-size: 16px; color: #666666; line-height: 26px; margin-bottom: 20px; width: 436px; }
.i04 ul li.active .text h4 { display: block; font-size: 16px; font-family: arial; display: flex; }
.i04 ul li.active .text h4 span { color: var(--dex2); font-family: arial; margin-left: 5px; }
.i04 ul li.active .text .button--moema { display: flex; margin-top: 52px; }
.i04 ul li .bg::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; }
.i04 ul li .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; }
.i04 ul li .bg img { height: 100%; }
.i04 ul li.active .bg img { height: 100%; width: 64%; float: right; }

/* i05 */
.i05 { padding: 110px 0 120px; position: relative; overflow: hidden; background: url(../img/sy_bj4.jpg); background-size: cover; }
.i05 .i_h3 { margin-bottom: 20px; }
.i05 .i05_nav { display: flex; justify-content: space-between; align-items: center; margin-bottom: 46px;    flex-flow: row-reverse; }
.i05 .i05_nav .le_more a { transition: 0s; display: none; border: 1px solid var(--dex); background: transparent; color: var(--dex); }
.i05 .i05_nav .le_more a:hover { border: 0px; background: -webkit-linear-gradient(to bottom, rgb(86, 103, 187), rgb(35, 218, 253)); background: linear-gradient(to bottom, rgb(86, 103, 187), rgb(35, 218, 253)); color: #fff; }
.i05 .i05_nav .le_more a.on { display: flex; }
.i05 .i05_nav .ri_more { display: flex; }
.i05 .i05_nav .ri_more a { transition: 0s; margin-right: 10px; width: 258px; height: 45px; line-height: 43px; border: 1px solid var(--dex); background: transparent; color: var(--dex); }
.i05 .i05_nav .ri_more a.on, .i05 .i05_nav .ri_more a:hover { border: 0px; background: -webkit-linear-gradient(to bottom, rgb(86, 103, 187), rgb(35, 218, 253)); background: linear-gradient(to bottom, rgb(86, 103, 187), rgb(35, 218, 253)); color: #fff; }
.i05 .content { position: relative; overflow: hidden; }
.i05 .content .seg { display: none; opacity: 0; }
.i05 .content .seg.active { display: block; animation: i05_fa 0.5s linear forwards; }
@keyframes i05_fa {
	100% { opacity: 1; }
}
.i05 .content .seg .box:hover .imgbox img { transform: scale(1.1); }
.i05 .content .seg .box .imgbox { border-radius: 10px; }
.i05 .content .seg .box .imgbox img { height: 289px; border-radius: 10px; overflow: hidden; z-index: 1; }
.i05 .content .seg .box .imgbox::after { transition: 0.3s; position: absolute; content: ""; bottom: 0px; width: 0%; height: 5px; background-color: var(--dex2); }
.i05 .content .seg .box:hover .imgbox::after { width: 100%; }
.i05 .content .seg .box .bot { padding: 26px 22px 26px 5px; }
.i05 .content .seg .box .bot .date { display: flex; font-size: 16px; font-family: arial; color: #666666; margin-bottom: 10px; align-items: center; }
.i05 .content .seg .box .bot .date img { width: 15px; margin-right: 6px; }
.i05 .content .seg .box .bot h4 { font-size: 22px; font-weight: bold; color: #333333; line-height: 30px; margin-bottom: 32px;     height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.i05 .content .seg .box .bot span { color: var(--dex2); font-size: 14px; width: 90px; height: 24px; display: flex; justify-content: center; align-items: center; border-radius: 5px; border: 1px solid var(--dex); }
.i05 .content .seg .box:hover .bot h4 { color: var(--dex2); }

/* footer */
.footer { padding: 100px 0 60px; position: relative; overflow: hidden; }
.footer::after { width: 100%; content: ""; position: absolute; bottom: 0px; left: 0px; height: 10px; background: linear-gradient(to right, #33a9f1 0%, #016dc8 30%, #1e8f70 60%, #acdc33 100%); }
.footer .f01 .top { display: flex; justify-content: space-between; align-items: center; }
.footer .f01 .top .logo { width: 198px; }
.footer .f01 .top form label { display: flex; justify-content: space-between; align-items: center; }
.footer .f01 .top form label input { width: 230px; padding-left: 20px; height: 40px; outline: none; border: none; background-color: #f7f7f7; }
.footer .f01 .top form label button { width: 51px; height: 40px; font-size: 18px; color: #fff; display: flex; justify-content: center; align-items: center; background-color: #d5d5d5; border: none; cursor: pointer; }
.footer .f01 ul { display: flex; position: relative; padding-top: 34px; margin-top: 34px; border-top: 1px solid #d2d6db; justify-content: space-between; padding-bottom: 64px; border-bottom: 1px solid #d2d6db; }
.footer .f01 ul li { width: fit-content; }
.footer .f01 ul li:last-child .min a { display: flex; }
.footer .f01 ul li:last-child .min a span { line-height: 30px; color: #888888; }
.footer .f01 ul li:last-child .min a:last-child { display: flex; line-height: 30px; margin-top: 9px; }
.footer .f01 ul li:last-child .min a:last-child h4 { font-size: inherit; color: #888888; }
.footer .f01 ul li:last-child .min a:last-child h5 { font-size: inherit; color: #888888; }
.footer .f01 ul li:last-child .min a:hover { color: #888888; }
.footer .f01 ul li h3 { margin-bottom: 20px; }
.footer .f01 ul li h3 a { font-size: 20px; color: #333333; white-space: nowrap; }
.footer .f01 ul li .min a { font-size: 16px; color: #888888; margin-top: 12px; white-space: nowrap; }
.footer .f01 ul li .min a:nth-of-type(1) { margin-top: 0px; }
.footer .f01 ul li:nth-of-type(1) .min a:nth-of-type(1) { margin-top: 0px; }
.footer .f01 ul li .min a:hover { color: var(--dex); }
.footer .f02 { padding-top: 20px; display: flex; justify-content: space-between; align-items: flex-start; }
.footer .f02 .le { display: flex; }
.footer .f02 .le a { font-size: 14px; color: #888888; margin-right: 20px; display: flex; align-items: center; }
.footer .f02 .le a img { width: 14px; margin-right: 5px; }
.footer .f01 .ri { width: 80px; margin-top: 20px; }
.footer .f01 .ri span { text-align: center; font-size: 14px; color: #888888; margin-top: 5px; }
.footer .f01 .share { margin-top: 1.5rem; display: flex; display: -webkit-flex; -webkit-justify-content: flex-start; justify-content: flex-start; align-items: center; -webkit-align-items: center; }
.footer .f01 .share dd a { display: block; width: 3.2rem; overflow: hidden; margin-right: 1.3rem; height: 3.2rem; background-color: #e9f4ff; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.footer .f01 .share dd:nth-of-type(3) a img { width: 2.5rem; }
.footer .f01 .share dd a img { width: 2rem; }
.footer .f01 .share dd:hover .popup { opacity: 1; display: block; }
.footer .f01 .share dd .popup { display: block; position: absolute; bottom: 2.5rem; right: 0.6rem; width: 14.4rem; height: 16rem; transition: all 0.3s; opacity: 0; display: none; }
.footer .f01 .share dd .er-code { padding: 4px; border-radius: 4px; background: #fff; -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); }
.footer .f01 .share dd .triangle { position: absolute; background: #fff; -ms-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); z-index: 8; width: 1.1rem; height: 1.1rem; bottom: 1.6rem; right: 1.6rem; transform: translateY(50%) rotate(45deg); }
.footer .f01 .share dd { position: relative; }

/* contact */
.innerbanner { position: relative; overflow: hidden; }
.innerbanner::before { content: ""; display: inline-block; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 100%); position: absolute; left: 0; top: 0; }
.innerbanner .text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.innerbanner .text h3 { font-size: 70px; font-weight: bold; color: #fff; margin-bottom: 0.5rem; }
.innerbanner .text h4 { font-size: 20px; color: #fff; }
.con_title { font-size: 44px; color: #333333; font-weight: bold; }
.con01 { padding: 12rem 0 10rem; position: relative; overflow: hidden; }
.con01 .left { width: 36.5%; }
.con01 .icenter { display: flex; align-items: center; justify-content: space-between; }
.con01 ul { padding-top: 2rem; border-top: 0.1rem solid #dadada; margin-top: 1.4rem; margin-bottom: 5.3rem; }
.con01 ul li { display: flex; margin-bottom: 2.2rem; align-items: flex-start; }
.con01 ul li img { width: 2.8rem; }
.con01 ul li .text { width: 74%; margin-left: 3%; }
.con01 ul li .text h4 { font-size: 18px; color: #333333; margin-bottom: 0.5rem; }
.con01 ul li .text h5 { font-size: 18px; color: #777777; line-height: 3rem; }
.con01 ul li:hover img { transform: rotateY(180deg); }
.con01 ul li:hover .text h4 { color: var(--dex); }
.con01 .right { width: 54.5%; position: relative; overflow: hidden; border-radius: 15px; overflow: hidden; z-index: 1; }
.con01 .right:hover img { transform: scale(1.1); }
.con02 { margin-bottom: 12rem; position: relative; overflow: hidden; }
.con02 .fac { top: 51%; border-color: rgb(101, 171, 235); color: rgb(101, 171, 235); }
.con02 .fac.fa-angle-left{left: -4%;}
.con02 .fac.fa-angle-right{right: -4%;}
.con02 .fac:hover { color: #fff; background-color: var(--dex); }
.con02 .bot {position: relative; margin-top: 3rem; }
.con02 .swiper{overflow: hidden;display: flex; justify-content: space-between; }
.con02  dd { width: 100%; background-color: #f1f1f1; border-radius: 10px; overflow: hidden; z-index: 1; }
.con02  dd:hover .imgbox img { transform: scale(1.1); }
.con02  dd .bot { padding: 4.6rem; }
.con02  dd .bot h4 { font-size: 26px; font-weight: bold; color: #333333; margin-bottom: 0.5rem; }
.con02  dd:hover .bot h4 { color: var(--dex); }
.con02  dd .bot h5 { font-size: 16px; color: #666666; line-height: 26px; margin-bottom: 1.8rem; height: 5.2rem; }
.con02  dd .bot h6 { font-size: 16px; color: #666666; line-height: 26px; margin-bottom: 3rem; }
.con02  dd .bot a { font-size: 14px; font-family: arial; font-weight: bold; color: #0093ee; text-decoration: underline; width: fit-content; }
.con03 { position: relative; overflow: hidden; padding: 0rem 0 12rem; }
.con03 .top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7rem; }
.con03 .top p { width: 59.6rem; color: #666666; font-size: 16px; line-height: 2.6rem; position: relative; }
.con03 .top p::before { content: ""; position: absolute; left: -2.3rem; top: 50%; transform: translateY(-50%); height: 6.8rem; width: 0.2rem; background-color: #979797; }
.con03 .icenter1 { position: relative; }
.con03 .ab2map { position: relative; }
.con03 .am2bg { width: 91%; margin-left: 9%; }
.con03 .am2bg img { display: block; width: 100%; }
.con03 .ab2cv { position: absolute; left: 0rem; bottom: 5rem; }
.con03 .ab2cv .title { margin-bottom: 4.9rem; }
.con03 .ab2cv .title h4 { font-size: 18px; color: #666666; margin-top: 1rem; line-height: 3rem; }
.con03 .ab2cv p { padding-bottom: 2.2rem; border-bottom: 0.2rem solid var(--dex); display: flex; align-items: flex-end; }
.con03 .ab2cv p strong { line-height: 7rem; font-size: 90px; font-family: "alibb"; font-weight: bold; color: var(--dex); }
.con03 .ab2cv p span { font-size: 18px; color: #666666; margin-left: 2rem; }
.con03 a { text-align: center; position: relative; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; display: block; position: absolute; width: 11rem; height: 11rem; }
.con03 a span { z-index: 1; border: 0.1rem solid var(--dex); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 1rem; height: 1rem; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent; background-color: var(--dex); }
@keyframes ballScale {
	0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; }
}
.con03 .point { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 10px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent; width: 100%; height: 100%; }
.con03 .point-10 strong { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid var(--dex); opacity: 0; -webkit-animation: ballScale 8s 0s linear infinite; -moz-animation: ballScale 8s 0s linear infinite; -ms-animation: ballScale 8s 0s linear infinite; animation: ballScale 8s 0s linear infinite; }
.con03 .point-70 strong { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid var(--dex); opacity: 0; -webkit-animation: ballScale 3s 0s linear infinite; -moz-animation: ballScale 3s 0s linear infinite; -ms-animation: ballScale 3s 0s linear infinite; animation: ballScale 3s 0s linear infinite; }
.con03 .point-40 strong { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid var(--dex); opacity: 0; -webkit-animation: ballScale 2s 0s linear infinite; -moz-animation: ballScale 2s 0s linear infinite; -ms-animation: ballScale 2s 0s linear infinite; animation: ballScale 2s 0s linear infinite; }
.con03 .point-20 strong { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid var(--dex); opacity: 0; -webkit-animation: ballScale 4s 0s linear infinite; -moz-animation: ballScale 4s 0s linear infinite; -ms-animation: ballScale 4s 0s linear infinite; animation: ballScale 4s 0s linear infinite; }
.con03 .point-30 strong { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid var(--dex); opacity: 0; -webkit-animation: ballScale 7s 0s linear infinite; -moz-animation: ballScale 7s 0s linear infinite; -ms-animation: ballScale 7s 0s linear infinite; animation: ballScale 7s 0s linear infinite; }
.con03 .m_name { position: absolute; color: #666666; font-size: 14px; transform: translateY(-50%); white-space: nowrap; font-family: arial; }
.con03 #a02 .m_name, .con03 #a05 .m_name, .con03 #a07 .m_name, .con03 #a11 .m_name { color: var(--dex); font-size: 20px; font-weight: bold; }

/* a01 */
.con03 #a01 { top: 39%; left: 21%; }
.con03 #a01 .m_name { left: 64%; top: 50%; }

/* a02 */
.con03 #a02 { top: 27%; left: 22.5%; }
.con03 #a02 .m_name { left: 62%; top: 50%; }

/* a03 */
.con03 #a03 { top: 75%; left: 32%; }
.con03 #a03 .m_name { left: 64%; top: 50%; }

/* a04 */
.con03 #a04 { top: 64%; left: 36%; }
.con03 #a04 .m_name { left: 64%; top: 50%; }

/* a05 */
.con03 #a05 { bottom: 56%; left: 49%; }
.con03 #a05 .m_name { left: 64%; top: 50%; }

/* a06 */
.con03 #a06 { top: 18%; right: 41%; }
.con03 #a06 .m_name { left: -32%; top: 50%; }

/* a07 */
.con03 #a07 { top: 22%; left: 55%; }
.con03 #a07 .m_name { left: 64%; top: 50%; }

/* a08 */
.con03 #a08 { top: 30%; left: 56.5%; }
.con03 #a08 .m_name { left: -10%; top: 50%; }

/* a09 */
.con03 #a09 { top: 19%; left: 60%; }
.con03 #a09 .m_name { left: 64%; top: 50%; }

/* a10 */
.con03 #a10 { top: 27%; left: 61%; }
.con03 #a10 .m_name { left: 64%; top: 50%; }

/* a11 */
.con03 #a11 { bottom: 40%; left: 68%; }
.con03 #a11 .m_name { left: 64%; top: 50%; }

/* a12 */
.con03 #a12 { top: 56%; right: 18%; }
.con03 #a12 .m_name { left: -19%; top: 50%; }

/* a13 */
.con03 #a13 { top: 48%; left: 75%; }
.con03 #a13 .m_name { left: 67%; top: 50%; }

/* a14 */
.con03 #a14 { top: 60%; left: 77%; }
.con03 #a14 .m_name { left: 64%; top: 50%; }

/* a15 */
.con03 #a15 { bottom: 30%; left: 79%; }
.con03 #a15 .m_name { left: 64%; top: 50%; }

/* a16 */
.con03 #a16 { top: 30%; right: 12%; }
.con03 #a16 .m_name { left: 64%; top: 50%; }
.amore2 { border-color: var(--dex); background-color: var(--dex); cursor: pointer; outline: none; }
.amore2:hover { background-color: transparent; }
.amore2:hover::after { color: var(--dex); }
.con04 { padding: 10rem 0; position: relative; overflow: hidden; background: url(/style/img/con04_bg.jpg); background-size: cover; }
.con04 .icenter { display: flex; justify-content: space-between; align-items: center; }
.con04 .icenter .left { width: 73%; }
.con04 .icenter .left h6 { font-size: 18px; color: #666666; margin: 1rem 0 3rem; }
.con04 .icenter .left form { overflow: unset; width: 100%; }
.con04 .icenter .left form p { margin-top: 4rem; float: left; }
.con04 .icenter .left form p .button--moema { cursor: pointer; }
.con04 .icenter .left form .label { width: 49%; float: left; margin-right: 2%; margin-bottom: 2%; }
.con04 .icenter .left form .label span { width: 100%; height: 4.8rem; }
.con04 .icenter .left form .label span input { z-index: 1; overflow: hidden; border-radius: 5px; padding-left: 1.8rem; width: 100%; height: 100%; color: #333; font-size: 16px; outline: none; border: 0.1rem solid #d2d2d2; }
.con04 .icenter .left form .label:nth-of-type(2) { margin-right: 0%; }
.con04 .icenter .left form .textarea { width: 100%; float: left; }
.con04 .icenter .left form .textarea span { width: 100%; height: 15rem; }
.con04 .icenter .left form .textarea span textarea { border-radius: 5px; color: #333; font-size: 16px; padding-left: 1.8rem; width: 100%; height: 100%; resize: none; outline: none; border: 0.1rem solid #d2d2d2; padding-top: 1rem;     font-family: "微软雅黑", Arial;}
.con04 .icenter .right { width: 21.6%; position: relative; border-radius: 10px; overflow: hidden; z-index: 1; }
.con04 .icenter .right .text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; flex-direction: column; }
.con04 .icenter .right .text img { width: 15.3rem; }
.con04 .icenter .right .text h4 { font-size: 32px; color: #fff; margin-bottom: 0.8rem; margin-top: 1.6rem; }
.con04 .icenter .right .text h5 { font-size: 16px; color: #ffffff; white-space: nowrap; }
.con04 .icenter .left form .label span input::-webkit-input-placeholder { font-size: 15px; color: #999999; font-family: "微软雅黑"; }
.con04 .icenter .left form .textarea span textarea::-webkit-input-placeholder { font-size: 15px; color: #999999; font-family: "微软雅黑"; }
.con04 .icenter .left form .label:nth-of-type(3), .con04 .icenter .left form .label:nth-of-type(4), .con04 .icenter .left form .label:nth-of-type(5) { width: 32%; }
.con04 .icenter .left form .label:nth-of-type(5) { margin-right: 0px; float: right; }
.con04 .chanpin { margin-bottom: 3rem; display: flex; flex-flow: wrap; }
.con04 .chanpin a { border: 1px solid transparent; overflow: hidden; border-radius: 5px; margin-bottom: 1%; padding: 1rem 0rem 1rem 1.5rem; width: 24%; margin-right: 1.3%; }
.con04 .chanpin a:nth-of-type(4n) { margin-right: 0px; }
.con04 .chanpin a input { display: none; }
.con04 .chanpin a span { color: #666; font-size: 15px; }
.con04 .chanpin a.active { background-color: #fff; border: 1px solid var(--dex); }
.con04 .chanpin a.active span { color: var(--dex); }
.con04 .chanpin a:last-child input { font-size: 15px; color: #666; background-color: transparent; padding-left: 5px; width: calc(100% - 9.7rem); display: block; outline: none; border: none; border-bottom: 1px solid #d2d2d2; }
.con04 .chanpin a:last-child { display: flex; justify-content: flex-start; }
.con04 .chanpin a:last-child span { width: 3.6rem; }
 
.screen-reader-response,.con04 .icenter .left form br{display: none;}
.con04 .icenter .left form .label span,.con04 .icenter .left form .textarea span{position: relative;}
.con04 .icenter .left form .label span span,.con04 .icenter .left form .textarea span span{position: absolute;top: 0;right: 5px;width: auto;color: #f00;line-height: 36px;font-size: 14px;letter-spacing: 0;}

.wpcf7-response-output,.wpcf7-validation-errors{ display: block;width: 100%;float: left;margin-top: 20px;color: #f00;line-height: 36px;font-size: 16px;}
.wpcf7-checkbox input{ -webkit-appearance: auto;-webkit-tap-highlight-color: auto; position: absolute;width: 100%;height: 100%;top: 0;right: 0;text-align: right;z-index: 0;opacity: 0;cursor:pointer;}
.wpcf7-checkbox .wpcf7-list-item span{}

.wpcf7-form-control-wrap{ display: block; width: 100%;}
.wpcf7-form-control-wrap .wpcf7-checkbox{ display: flex; flex-flow: wrap;}

.con04 .chanpin .wpcf7-list-item {position: relative; border: 1px solid transparent; overflow: hidden; border-radius: 5px; margin-bottom: 1%; padding: 1rem 0rem 1rem 1.5rem; width: 24%; margin-right: 1.3%; }
.con04 .chanpin .wpcf7-list-item:nth-of-type(4n) { margin-right: 0px; }
.con04 .chanpin .wpcf7-list-item span { color: #666; font-size: 15px; }
.con04 .chanpin .wpcf7-list-item.active { background-color: #fff; border: 1px solid var(--dex); }
.con04 .chanpin .wpcf7-list-item.active span { color: var(--dex); }

.text-418{}
.con04 .chanpin .ot{}
.con04 .chanpin .ot span{}
.con04 .chanpin .ot .text-418{}
.con04 .chanpin .ot .text-418 input{ display: block;width: auto;color: #0093ee; }
 









/* news */
.news { background-color: #f5f5f5; position: relative; overflow: hidden; }
.com_nav { padding: 47px 0; background-color: #fff; box-shadow: 0 0 10px #ddd; }
.com_nav .icenter { display: flex; }
.com_nav .icenter a { transition: 0s; margin-right: 9px; border: 1px solid var(--dex); background: transparent; color: var(--dex); }
.com_nav .icenter a:hover, .com_nav .icenter a.active { border: 0px; background: -webkit-linear-gradient(to bottom, rgb(86, 103, 187), rgb(35, 218, 253)); background: linear-gradient(to bottom, rgb(86, 103, 187), rgb(35, 218, 253)); color: #fff; }
.news .news_nav { z-index: 30; display: flex; justify-content: space-between;     align-items: flex-start; margin: 48px auto; }
.news .news_nav .left {     width: 66%; display: flex;    align-items: flex-start;    justify-content: space-between;}
.news .news_nav .right { position: relative; width: 22%;}
.news .news_nav .right .year { font-weight: bold; position: absolute; left: 28px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #333; width: fit-content; text-indent: 0px; }
.news .news_nav .right .select { cursor: pointer; position: relative; background-color: #fff; cursor: pointer; display: block;    width: 100%; border: 0; height: 50px; outline: none; padding-left: 90px; line-height: 50px; }
.news .news_nav .right .select span { color: var(--dex); font-size: 18px; font-family: "微软雅黑"; }
.news .news_nav .right ul { position: absolute; display: none; display: none; background-color: #fff; color: #333; font-size: 18px; font-family: "微软雅黑"; width: 100%; padding: 20px 20px 0 20px; }
.news .news_nav .right ul li { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #ddd; }
.news .news_nav .right ul li:hover a { color: var(--dex); }
.news .news_nav .right ul li a.active {color: var(--dex);}
.news .news_nav .right:hover ul { display: block; }
.news .news_nav .right i { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #666; text-indent: 0px; }
.news .news_nav .title {    font-size: 20px; color: #333333; font-weight: bold; margin-right: 0; width: 6%;}
.news .news_nav .g {     display: flex; width: 94%; flex-flow: wrap; }
.news .news_nav .g a {     position: relative; font-size: 18px; color: #333333; margin-right: 42px; margin-bottom: 15px; }
.news .news_nav .g a:hover { color: var(--dex); }
.news .news_nav .g a:hover::after { display: block; }
.news .news_nav .g a::after { display: none; position: absolute; content: ""; bottom: -2px; left: 0px; height: 2px; width: 100%; background-color: var(--dex); }
.news .news_nav .g a.active { color: var(--dex); }
.news .news_nav .g a.active::after { display: block; }
.news dl dd { padding: 46px 0; border-bottom: 1px solid #d3d3d3; }
.news dl dd a { display: flex; justify-content: space-between; align-items: center; }
.news dl dd a .imgbox { width: 21.7%; border-radius: 10px; overflow: hidden; z-index: 1; }
.news dl dd a .text { width: 73.7%; }
.news dl dd a .text .date { font-size: 16px; color: #666666; }
.news dl dd a .text h4 { font-size: 26px; font-weight: bold; color: #333333; margin: 16px 0 24px; }
.news dl dd a .text p { font-size: 16px; color: #666666; line-height: 26px; }
.news dl dd a:hover .text h4 { color: var(--dex); }
.news dl dd a:hover .imgbox img { transform: scale(1.1); }
.news dl dd a .imgbox img { border-radius: 10px; overflow: hidden; z-index: 1; }
.page { display: flex; justify-content: center; align-items: center; margin: 76px 0 124px; }
.page h2 { display: none; }
.page .pagination .nav-links { display: flex; justify-content: center; align-items: center; }
.page a { border-radius: 3px; width: 46px; height: 46px; 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 { border-radius: 3px; width: 46px; height: 46px; 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 { color: #fff; background-color: var(--dex); border-color: var(--dex); }

/* activity */
.act { background-color: #f5f5f5; position: relative; overflow: hidden; }
.act dl { margin-top: 100px; display: flex; flex-flow: wrap; }
.act dl dd { background-color: #fff; width: 32%; margin-right: 2%; margin-bottom: 2%; position: relative; border-radius: 10px; overflow: hidden; z-index: 1; }
.act dl dd::after { transition: 0.3s; height: 4px; position: absolute; bottom: 0px; left: 0px; width: 0%; background-color: var(--dex); content: ""; }
.act dl dd:hover::after { width: 100%; }
.act dl dd:nth-of-type(3n) { margin-right: 0px; }
.act dl dd .tag { border-radius: 0 0 10px 0px; z-index: 10; background-color: var(--dex); position: absolute; left: 0px; top: 0px; font-size: 14px; color: #ffffff; padding: 8px 22px; }
.act dl dd:hover .imgbox img { transform: scale(1.1); }
.act dl dd .imgbox img { overflow: hidden; border-radius: 10px 10px 0 0; z-index: 1; }
.act dl dd .text { padding: 36px 46px 88px; }
.act dl dd .text h4 { font-size: 20px; color: #333333; line-height: 32px; font-weight: bold; margin-bottom: 20px;     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;}
.act dl dd:hover .text h4 { color: var(--dex); }
.act dl dd .text h5 { display: flex; align-items: flex-start;    flex-wrap: wrap;
    height: 58px;
 }
.act dl dd .text h5 .g { display: flex; margin-right: 22px; align-items: center; }
.act dl dd .text h5 .g:nth-of-type(2) { margin-right: 0px; }
.act dl dd .text h5 .g img { width: 20px; margin-right: 5px; }
.act dl dd .text h5 .g span { font-size: 16px; color: #333333; }
.pro01_h3 { font-size: 40px; line-height: 1.2; color: #333; font-weight: bold; }
.pro01_1 { padding: 24.5rem 0 14rem; }
.pro01_1 .top { margin-bottom: 5.8rem; padding-left: 4.5rem; border-left: 3px solid var(--dex); }
.pro01_1 .top h1 { font-family: "arial"; font-size: 60px; line-height: 1; }
.pro01_1 .top .h4 { font-size: 24px; line-height: 1; margin-top: 2rem; }
.pro01_1 .bot { align-items: center; }

.pro01_1 .bot .left .h5_img {display: none;}
.pro01_1 .bot .left { width: 45.4666666667%; position: relative; border-radius: 10px;overflow: hidden;   }
.pro01_1 .bot .left.active .h5_img { width: 100%;      height: 100%; border-radius: 10px; overflow: hidden; object-fit: fill; border: 1px solid #ddd; position: absolute; left: 0px; top: 0px; z-index: 10;}
.pro01_1 .bot .left .bo {z-index: 15;}
.pro01_1 .bot .left.active .h5_img  {display: block;}
.pro01_1 .bot .left.active .h5_img  img {height: 100%;width: 100%;}
.pro01_1 .bot .left.active .bo {display: block;}


.pro01_1 .bot .right { width: 47.0666666667%; }
.pro01_1 .bot .right .h3 { line-height: 50px; }
.pro01_1 .bot .right p { font-size: 16px; line-height: 26px; color: #666; margin: 2.7rem 0 5.6rem; }
.pro01_1 .bot .right .cc { display: flex; align-items: center; }
.pro01_1 .bot .right .cc a { margin-right: 1.8rem; text-align: center; }
.pro01_1 .bot .left video {    border: 1px solid #ddd; width: 100%; height: auto; position: relative; object-fit: cover; border-radius: 10px; overflow: hidden; z-index: 1; }
.pro01_1 .bot .left .bo {     display: none; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 15;}
.pro01_1 .bot .left .bo img { width: 6.5rem; }
.pro01_1 .bot .left .mask { display: none; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: 1; }

/* .pro01_1 .bot .left .mask:before { position: relative; content: ""; display: block; margin-top: 100%; }
.pro01_1 .bot .left .mask:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.pro01_1 .bot .left:hover .mask { -webkit-animation: anim-out 1s; animation: anim-out 1s; }
.pro01_1 .bot .left:hover .mask:after { -webkit-animation: anim-out-pseudo 1s; animation: anim-out-pseudo 1s; }
@-webkit-keyframes anim-out {
	0% { width: 0%; }
	100% { width: 100%; }
}
@keyframes anim-out {
	0% { width: 0%; }
	100% { width: 100%; }
}
@-webkit-keyframes anim-out-pseudo {
	0% { background: rgba(255, 255, 255, 0.5); }
	100% { background: 0 0; }
}
@keyframes anim-out-pseudo {
	0% { background: rgba(255, 255, 255, 0.5); }
	100% { background: 0 0; }
} */
.pro01_2 { padding: 14.8rem 0 17rem; background: url("/style/img/pro01_1bg.jpg"); background-size: cover; }
.pro01_2 .icenter p { font-size: 16px; line-height: 26px; color: #666; margin: 1.8rem auto 4.6rem; width: 71%; }
.pro01_2 .icenter ul li { box-shadow: 0 0 10px rgba(255, 255, 255, 0.2); border-radius: 10px; overflow: hidden; z-index: 1; position: relative; }
.pro01_2 .icenter ul li:hover span { color: #fff; }
.pro01_2 .icenter ul li:hover img { filter: grayscale(10) brightness(10); }
.pro01_2 .icenter .pro01_2--ul li { display: flex; justify-content: center; align-items: center; flex-flow: wrap; padding: 5rem 0; width: 32%; background: url("/style/img/pro01_i2bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro01_2--ul li img { height: 4.2rem; width: auto; transition: 0s; margin-right: 1rem; }
.pro01_2 .icenter .pro01_2--ul li span { font-size: 20px; line-height: 1; color: #333333; font-weight: bold; }
.pro01_2 .icenter .pro01_2--ul li:hover { background: url("/style/img/pro01_i1bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro02_2--ul li { width: 24%; padding: 4rem; background: url("/style/img/pro02_i2bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro02_2--ul li span { font-size: 16px; line-height: 30px; color: #333333; }
.pro01_2 .icenter .pro02_2--ul li img { height: 4.5rem; width: auto; transition: 0s; margin-bottom: 1.1rem; }
.pro01_2 .icenter .pro02_2--ul li:hover { background: url("/style/img/pro02_i1bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro03_2--ul li { width: 24%; padding: 4rem; background: url("/style/img/pro03_i2bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro03_2--ul li span { font-size: 18px; line-height: 30px; color: #333333; }
.pro01_2 .icenter .pro03_2--ul li img { height: 4.5rem; width: auto; transition: 0s; margin-bottom: 1.1rem; }
.pro01_2 .icenter .pro03_2--ul li:hover { background: url("/style/img/pro03_i1bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro05_2--ul li { padding: 4.2rem; }
.pro01_2 .icenter .pro05_2--ul li span { min-height: 5.5rem; }
.pro01_2 .icenter .pro06_2--ul li { background: url("/style/img/pro06_i2bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro06_2--ul li:hover { background: url("/style/img/pro06_i1bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro07_2--ul li { background: url("/style/img/pro07_i2bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro07_2--ul li:hover { background: url("/style/img/pro07_i1bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro08_2--ul li { padding: 4rem 4rem 5rem; width: 32%; background: url("/style/img/pro08_i2bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro08_2--ul li:hover { background: url("/style/img/pro08_i1bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro08_2--ul li img { height: 4.5rem; width: auto; transition: 0s; margin-bottom: 1.1rem; }
.pro01_2 .icenter .pro08_2--ul li span { font-size: 18px; line-height: 30px; color: #333333; margin-top: 1.4rem; }
.pro01_2 .icenter .pro09_2--ul li { width: 24%; background: url("/style/img/pro09_i2bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro09_2--ul li:hover { background: url("/style/img/pro09_i1bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro10_2--ul li { padding: 3.5rem 4.4rem; width: 24%; background: url("/style/img/pro10_i2bg.jpg"); background-size: cover; display: flex; align-items: center; }
.pro01_2 .icenter .pro10_2--ul li:hover { background: url("/style/img/pro10_i1bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro10_2--ul li img { height: 4.5rem; width: auto; transition: 0s; margin-right: 1.8rem; }
.pro01_2 .icenter .pro10_2--ul li span { font-size: 18px; line-height: 1; color: #333333; }
.pro01_2 .icenter .pro11_2--ul li span { min-height: auto; }
.pro01_2 .icenter .pro12_2--ul li { background: url("/style/img/pro12_i2bg.jpg"); background-size: cover; }
.pro01_2 .icenter .pro12_2--ul li:hover { background: url("/style/img/pro12_i1bg.jpg"); background-size: cover; }
.pro01_3 { height: 180vh; }
.pro01_3 .icenterF { height: 100vh; background: url("/style/img/pro01_2bg.jpg"); background-size: cover; position: sticky; position: -webkit-sticky; top: 0px; }
.pro01_3 .icenter { height: 100%; }
.pro01_3 .bot { height: 100%; position: relative; }
.pro01_3 .bot .swiper-pagination { bottom: auto; top: 50%; left: -5%; transform: translate(0%, -50%); display: flex; flex-direction: column; }
.pro01_3 .bot .swiper-pagination-bullet { opacity: 1; background-color: rgb(204, 210, 224); margin: 0.5rem; width: 0.9rem; height: 0.9rem; border-radius: 50%; }
.pro01_3 .bot .swiper-pagination-bullet-active { opacity: 1; background: var(--dex); }
.pro01_3 .bot .swiper { height: 100%; overflow: unset; }
.pro01_3 .bot .lay--flex { align-items: center; }
.pro01_3 .bot .box { width: 100%; }
.pro01_3 .bot .swiper .swiper-slide { display: flex; align-items: center; }
.pro01_3 .bot .swiper .box .imgbox { width: 51%; border-radius: 5px; overflow: unset; z-index: 1; position: relative; display: flex; align-items: center; justify-content: center; height: 70vh; flex-direction: column; }
.pro01_3 .bot .swiper .box .imgbox img { height: auto; width: 100%; border-radius: 15px; overflow: hidden; }
.pro01_3 .bot .swiper .box .imgbox video { border-radius: 15px; width: 100%; height: auto; max-height: 100%; max-width: 100%; overflow: hidden; }
.pro01_3 .bot .swiper .box .imgbox .h { display: flex; left: 0px; align-items: center; background: #f5f8ff; padding-left: 1.3rem; height: 2.6rem; border-radius: 1.2rem 1.2rem 0 0; width: 100%; }
.pro01_3 .bot .swiper .box .imgbox .h img { height: auto; width: auto; margin-right: 5px; }
.pro01_3 .bot .swiper .box .imgbox .imgbox__sub { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.2)); }
.pro01_3 .bot .swiper .box .text { width: 41.9333333333%; }
.pro01_3 .bot .swiper .box .text h4 { font-size: 25px; color: #333333; margin-top: 2rem; }
.pro01_3 .bot .swiper .box .text p { font-size: 16px; line-height: 26px; color: #666666; margin: 2rem 0 3.4rem; }
.pro01_3 .bot .swiper .box .text ul li { font-size: 18px; line-height: 30px; color: #333333;  position: relative; margin-bottom: 1.3rem; }
.pro01_3 .bot .swiper .box .text ul li:last-child { margin-bottom: 0px; }
.pro01_3.pro11_3 h3 { margin-bottom: 4rem; }
.pro01_4 { padding: 16rem 0 15rem; background: url("/style/img/pro01_3bg.jpg"); background-size: cover; }
.pro01_4 .bot { margin-top: 5rem; }
.pro01_4 .bot .tab { display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; width: 66rem; margin: 0 auto 3.7rem; }
.pro01_4 .bot .tab a { font-size: 24px; line-height: 30px; color: #666666; }
.pro01_4 .bot .tab a:hover, .pro01_4 .bot .tab a.active { color: var(--dex); text-decoration: underline; }
.pro01_4 .bot ul { display: none; opacity: 0; }
.pro01_4 .bot ul li { width: 15%; margin-right: 2%; }
.pro01_4 .bot ul li:last-child { margin-right: 0px; }
.pro01_4 .bot ul li .imgbox { border-radius: 5px; overflow: hidden; z-index: 1; position: relative; }
.pro01_4 .bot ul li .imgbox img { height: 18.9rem; }
.pro01_4 .bot ul li:hover .imgbox img { transform: scale(1.1); }
.pro01_4 .bot ul li:hover span { color: var(--dex); }
.pro01_4 .bot ul li span { font-size: 16px; line-height: 26px; color: #0f0000; margin-top: 1.6rem; }
.pro01_4 .bot ul.on { display: flex; justify-content: flex-start; align-items: center; flex-flow: wrap; animation: i05_fa 0.5s linear forwards; }
.pro01_5 { padding: 15.4rem 0 17.6rem; }
.pro01_5 ul { margin-top: 4rem; }
.pro01_5 ul li { box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); border-radius: 5px; overflow: hidden; z-index: 1; position: relative; top: 0px; transition: 0.3s; overflow: unset; }
.pro01_5 ul li:hover { top: -10px; }
.pro01_5 ul li .imgbox .bg img { width: 13rem; }
.pro01_5 ul li .imgbox .icon img { width: 5.3rem; }
.pro01_5 ul li:hover .imgbox .icon img { transform: rotateY(180deg); }
.pro01_5 .pro01_5--ul li { width: 23.5%; padding: 6.9rem 0; }
.pro01_5 .pro01_5--ul li h4 { font-size: 24px; line-height: 1; color: #333333; margin: 1.7rem 0; }
.pro01_5 .pro01_5--ul li h5 { font-size: 20px; line-height: 1; color: var(--dex); font-weight: bold; }
.pro01_5 .pro02_5--ul li { width: 31.5%; padding: 5rem 8.5rem; }

.pro01_5 .pro02_5--ul li .h4 { font-size: 30px;line-height: 1;color: #0093ee;font-weight: bold;margin: 2.6rem 0 1.9rem; }
.pro01_5 .pro02_5--ul li .h5{ font-size: 18px;line-height: 30px;color: #666;text-align: center;}

.pro01_5 .pro03_5--ul li { width: 31.5%; padding: 5.6rem 8.5rem 9rem; }
.pro01_5 .pro03_5--ul li h4 { font-size: 30px; line-height: 1; color: #333; font-weight: bold; margin: 2.6rem 0 1.9rem; }
.pro01_5 .pro03_5--ul li h5 { font-size: 18px; line-height: 30px; color: #666; text-align: center; }
.pro01_5 .pro04_5--ul li .icon img { height: 4rem; width: auto; margin-right: 1.5rem; transition: 0s; }
.pro01_5 .pro04_5--ul li { width: 31.5%; display: flex; justify-content: center; align-items: center; flex-flow: wrap; }
.pro01_5 .pro04_5--ul li { padding: 5rem 0; }
.pro01_5 .pro04_5--ul li h4 { font-size: 20px; line-height: 1; color: #333333; font-weight: bold; }
.pro01_5 .pro04_5--ul li:hover { background: linear-gradient(to bottom, rgb(34, 217, 252), rgb(88, 102, 186)); }
.pro01_5 .pro04_5--ul li:hover .icon img { filter: grayscale(10) brightness(10); }
.pro01_5 .pro04_5--ul li:hover h4 { color: #fff; }
.pro01_5 .pro05_5--ul li { width: 23.5%; padding: 5.8rem 0; }
.pro01_5 .pro05_5--ul li .h4 { font-size: 24px; line-height: 1; color: var(--dex); margin: 1.6rem 0; }
.pro01_5 .pro05_5--ul li .h5 { font-size: 17px; line-height: 32px; color: #666666; }
.pro01_5 .pro05_5--ul li:hover { top: -10px; }
.pro01_5 .pro05_5--ul li .imgbox .icon img { width: 4.3rem; }
.pro01_5 .pro06_5--ul li {    padding: 5rem 5rem; }
.pro01_6 { padding-bottom: 10rem; }
.pro01_6 ul { display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; margin-top: 4rem; }
.pro01_6 ul li { box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); border-radius: 7px; overflow: hidden; z-index: 1; position: relative; width: 30.5%; }
.pro01_6 ul li .top { position: relative; }
.pro01_6 ul li .top .imgbox img { height: 29.4rem; }
.pro01_6 ul li .top .bo img { width: 6rem; }
.pro01_6 ul li .text { padding: 3.5rem; }
.pro01_6 ul li .text h6 { font-size: 14px; line-height: 1; color: var(--dex); width: fit-content; padding: 0.8rem 1.1rem; background-color: rgb(225, 242, 253); border-radius: 5px; overflow: hidden; z-index: 1; position: relative; }
.pro01_6 ul li .text p { font-size: 20px; line-height: 30px; color: #333333; margin: 1.8rem 0 4.5rem; font-weight: bold; height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden; }
.pro01_6 ul li .text h4 { display: flex; align-items: center; font-size: 16px; line-height: 1; color: var(--dex); }
.pro01_6 ul li .text h4 span { margin-left: 0.8rem; position: relative; transition: 0.3s; left: 0px; font-size: 16px; line-height: 1; color: var(--dex); }
.pro01_6 ul li:hover p { color: var(--dex); }
.pro01_6 ul li:hover .imgbox img { transform: scale(1.1); }
.pro01_6 ul li:hover h4 span { left: 1rem; }
.pro02_4 { padding: 14.3rem 0; background: url("/style/img/pro02_4bg.jpg"); background-size: cover; }
.pro02_4 .icenter { display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; }
.pro02_4 .icenter .text { background-color: #fff; width: 47.3333333333%; border: 1.7rem solid rgb(233, 239, 253); border-radius: 15px; overflow: hidden; z-index: 1; position: relative; padding: 7.3rem 13rem; overflow: unset; }
.pro02_4 .icenter .text .box { border-radius: 15px; overflow: hidden; z-index: 1; position: relative; overflow: unset; }
.pro02_4 .icenter .text .box h4 { font-size: 30px; line-height: 1; color: #333; font-weight: bold; }
.pro02_4 .icenter .text .box p { font-size: 16px; line-height: 30px; color: #666; margin-top: 2rem; }
.pro02_4 .icenter .text .box .mid { margin: 4rem 0; }
.pro02_4 .icenter .text .box .mid img { max-width: 100%; height: auto; }
.pro02_4 .icenter .text .box a { display: flex; align-items: center; }
.pro02_4 .icenter .text .box a span { font-size: 16px; line-height: 1; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.3); padding-right: 1.3rem; margin-right: 1.3rem; }
.pro02_4 .icenter .text .box a img { width: 1.2rem; }
.swiper-pagination_c { bottom: -5.2rem; left: 50%; transform: translate(-50%, -50%); }
.swiper-pagination_c .swiper-pagination-bullet { border-radius: 50%; margin: 0 0.5rem; width: 1rem; height: 1rem; opacity: 1; background-color: rgb(209, 209, 209); }
.swiper-pagination_c .swiper-pagination-bullet-active { opacity: 1; background: var(--dex); }
.fac { font-size: 3rem; background-image: none; width: 4.8rem; height: 4.8rem; border: 1px solid #727272; border-radius: 50%; color: #727272; display: flex; justify-content: center; align-items: center; top: 66%; bottom: 0px; }
.fac:hover { background-color: var(--dex); color: #fff; border-color: var(--dex); }
.pro05_3 { padding: 16rem 0 24rem; background: url("/style/img/pro05_3bg.jpg"); background-size: cover; background-position: bottom; }
.pro05_3 img { width: 78%; margin: auto; }
.pro05_3 .top p { width: 73.6%; font-size: 16px; line-height: 26px; color: #666666; margin: 2.5rem auto 5rem; }
.pro05_3 .swiper { overflow: hidden; width: 71.4666666667%; margin: auto; }
.pro05_3 .fac { top: 63%; border-color: rgb(101, 171, 235); color: rgb(101, 171, 235); }
.pro05_3 .fac:hover { color: #fff; background-color: var(--dex); }
.pro05_3 .swiper-pagination_c { bottom: -6.7rem; }
.pro05_3 .swiper-pagination_c .swiper-pagination-bullet { background-color: rgb(181, 211, 248); width: 6.4rem; height: 0.3rem; border-radius: 0; }
.pro05_3 .swiper-pagination_c .swiper-pagination-bullet-active { background-color: var(--dex); }
.pro09_5 { padding: 18.8rem 0 17.5rem; }
.pro09_5 .icenter .text { width: 48.4%; border-radius: 5px; overflow: hidden; z-index: 1; position: relative; padding: 4.2rem 0; display: flex; justify-content: center; align-items: center; flex-flow: wrap; box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); }
.pro09_5 .icenter .text img { height: 4rem; width: auto; margin-right: 1.2rem; transition: 0s; }
.pro09_5 .icenter .text span { font-size: 20px; line-height: 1; color: #333; font-weight: bold; }
.pro09_5 .icenter .text:hover { background: linear-gradient(to bottom, rgb(87, 102, 186), rgb(35, 218, 253)); }
.pro09_5 .icenter .text:hover img { filter: grayscale(10) brightness(10); }
.pro09_5 .icenter .text:hover span { color: #fff; }
.pro09_5.pro11_5 .icenter .text { width: 32.2%; }
.pro09_5.pro11_5 h3 { margin-bottom: 3.9rem; }

/* case */
.case { position: relative;display: flex; justify-content: space-between; flex-flow: wrap; padding: 10rem 0 8rem; }
.case01 { background-color: rgb(245, 245, 245); }
.case__left {     width: 12%; position: sticky; position: -webkit-sticky; top: 12rem; height: fit-content; }
.case__left .button--moema { margin-bottom: 2rem; transition: 0s; border: 1px solid var(--dex); background: transparent; color: var(--dex); }
.case__left .button--moema.active, .case__left .button--moema:hover { border: 0px; background: -webkit-linear-gradient(to bottom, rgb(86, 103, 187), rgb(35, 218, 253)); background: linear-gradient(to bottom, rgb(86, 103, 187), rgb(35, 218, 253)); color: #fff; }
.case__right { width: 80%; }
.case01__right ul { display: flex; flex-flow: wrap; margin-bottom: 8rem; }
.case01__right ul li { width: 18%; margin-right: 2.5%; margin-bottom: 2.5%; border-radius: 6px; overflow: hidden; z-index: 1; }
.case01__right ul li:nth-of-type(5n) { margin-right: 0px; }
.case02__right { display: flex; flex-flow: wrap; }
.case02__right a { width: 29.5%; margin-right: 5.7%; margin-bottom: 5.7%; }
.case02__right a .imgbox img { height: 18.7rem; }
.case02__right a .imgbox { border-radius: 8px; overflow: hidden; z-index: 1; }
.case02__right a .imgbox img { border-radius: 8px; overflow: hidden; z-index: 1; }
.case02__right a .icon img { width: auto; height: 3.4rem; }
.case02__right a .icon { border-bottom: 1px solid rgb(235, 235, 235); margin: 2.4rem 0 1.7rem; padding-bottom: 2.2rem; }
.case02__right a .text h3 { color: #333333; font-size: 22px; font-weight: bold; margin-bottom: 1.5rem; }
.case02__right a .text h4 { font-size: 16px; color: #666666; line-height: 26px; }
.case02__right a:nth-of-type(3n) { margin-right: 0px; }
.case02__right a:hover .imgbox img { transform: scale(1.1); }
.case02__right a:hover .text h3 { color: var(--dex); }

/* about */
.ab_banner, .ab_banner .imgbox img { height: 100vh; position: relative; overflow: hidden; }
.ab_banner .imgbox img { animation: ab_scale 10s ease both; }
@keyframes ab_scale {
	0% { transform: scale(2); }
}
.ab_banner .text { position: absolute; left: 50%; transform: translateX(-50%); top: 24%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.ab_banner .text h3 { font-size: 34px; font-weight: bold; color: #ffffff; }
.ab_banner .text h4 { text-align: center; font-size: 50px; color: #fff; font-weight: bold; margin: 3.2rem 0 2.5rem; }
.ab_banner .text h5 { line-height: 30px; font-size: 20px; color: #fff; text-align: center; opacity: 0.7; }
.ab_banner .num { display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; position: absolute; left: 50%; transform: translateX(-50%); bottom: 11.4rem; }
.ab_banner .num .g { min-width: 12rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.ab_banner .num .g .icon img { width: auto; height: 3.5rem; }
.ab_banner .num .g h4 { display: flex; align-items: center; margin: 2rem 0 1.3rem; line-height: 1; }
.ab_banner .num .g h4 strong { line-height: 1; font-family: "arial"; font-weight: bold; color: #fff; font-size: 50px; }
.ab_banner .num .g h5 { font-size: 16px; opacity: 0.6; color: #fff; }
.ab_banner .num .g:hover .icon img { transform: rotateY(180deg); }
.ab_h3 { font-size: 44px; font-weight: bold; color: #333333; }
.ding { position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; }
.ab01 { padding: 16.4rem 0 17.7rem; position: relative; overflow: hidden; background: url(/style/img/ab01_bg.jpg); background-size: cover; }
.ab01 .icenter { position: relative; display: flex; justify-content: space-between; align-items: center; }
.ab01 .icenter .wen { position: absolute; bottom: -8.7rem; left: -20rem; width: 82rem; }
.ab01 .icenter .wen img { height: auto; }
.ab01 .left { width: 45%; position: relative; top: -4rem; }
.ab01 .left .left__swiper { overflow: hidden; }
.ab01 .left h4 { font-size: 26px; color: #333333; margin: 2.2rem 0; }
.ab01 .left .box { font-size: 18px; color: #666666; line-height: 30px; }
.ab01 .left__swiper .ab01Swiper-pagination { bottom: -22%; }
.ab01 .left__swiper .ab01Swiper-pagination .swiper-pagination-bullet { opacity: 0.2; background-color: var(--dex); border-radius: 0px; width: 4.7rem; height: 0.2rem; margin-right: 1.2rem; }
.ab01 .left__swiper .ab01Swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
.ab01 .right { width: 47.5%; border-radius: 10px; overflow: hidden; z-index: 1; position: relative; }
.ab01 .right video { width: 100%; height: 46.5rem; position: relative; object-fit: cover; }
.ab01 .right .bo { cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; }
.ab01 .right .bo img { width: 6.5rem; }
.ab01 .right .mask { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: 1; }
.ab01 .right .mask:before { position: relative; content: ""; display: block; margin-top: 100%; }
.ab01 .right .mask:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.ab01 .right:hover .mask { -webkit-animation: anim-out 1s; animation: anim-out 1s; }
.ab01 .right:hover .mask:after { -webkit-animation: anim-out-pseudo 1s; animation: anim-out-pseudo 1s; }
.ab02 { padding-top: 15rem; position: relative; overflow: hidden; }
.ab02 .top { margin-bottom: 4.6rem; display: flex; justify-content: center; flex-direction: column; align-items: center; }
.ab02 .top p { width: 70.8rem; margin-top: 2rem; text-align: center; font-size: 16px; color: #666666; line-height: 26px; }
.ab02 .bot { position: relative; }
.ab02 .bot .le { width: 83.4%; position: relative; clip-path: polygon(0% 0%, 100% 0%, 84% 100%, 0% 100%); border-radius: 15px 0 0 15px; }
.ab02 .bot .le img { height: 53.1rem; }
.ab02 .bot .le .cc { left: 12.5rem; position: absolute; top: 50%; transform: translateY(-50%); border-left: 1px solid rgba(255, 255, 255, 0.3); }
.ab02 .bot .le .cc a { margin-bottom: 1rem; border-left: 1px solid transparent; padding: 1.6rem 6.6rem 1.6rem 3rem; line-height: 1; font-size: 18px; color: #fff; }
.ab02 .bot .le .cc a:last-child { margin-bottom: 0px; }
.ab02 .bot .le .cc a.active, .ab02 .bot .le .cc a:hover { border-left: 1px solid #fff; background-color: rgba(255, 255, 255, 0.1); }
.ab02 .bot .ri { background-color: #fff; padding: 0 10rem; width: 58%; box-shadow: 0 0 12px rgba(0, 0, 0, 0.12); border-radius: 2rem; overflow: hidden; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.ab02 .bot .ri h4 { font-size: 30px; font-weight: bold; color: #333333; margin-bottom: 2rem; }
.ab02 .bot .ri h5 { font-size: 16px; line-height: 26px; color: #666666; }
.ab02 .bot .ri .box { opacity: 0; display: none; height: 34rem; }
.ab02 .bot .ri .swiper-slide-active .box { display: flex; animation: ab_fa 1.2s linear forwards; flex-direction: column; justify-content: center; }
@keyframes ab_fa {
	100% { opacity: 1; }
}
.ab04 { position: relative; overflow: hidden; }
.ab04 .icenter { padding: 75px 0; position: relative; display: flex; align-items: center; justify-content: space-between; }
.ab04 .icenter .imgbox { width: 51.6%; border-radius: 10px; overflow: hidden; position: relative; }
.ab04 .icenter .imgbox img { height: 47rem; }
.ab04 .icenter .text { width: 40.7%; padding-right: 9rem; position: relative; }
.ab04 .icenter .text p { font-size: 16px; color: #666666; line-height: 28px; margin: 3rem 0 4rem; }
.ab04 .icenter::before { position: absolute; content: ""; right: 0px; top: 0px; height: 100%; width: 72%; background: url("/style/img/ab04_ri.jpg"); background-size: cover; }
.ab05 { padding: 15.5rem 0 9.2rem; position: relative; overflow: hidden; }
.ab05 ul { margin-top: 3.6rem; display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; }
.ab05 ul li { position: relative; width: 31.7%; overflow: hidden; border-radius: 2rem; z-index: 1; }
.ab05 ul li .text { width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.ab05 ul li .imgbox img { height: 46.7rem; }
.ab05 ul li:hover .imgbox img { transform: scale(1.1); }
.ab05 ul li .text h4 { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.4); font-size: 18px; color: #fff; margin-bottom: 2.5rem; padding-bottom: 1.7rem; width: 100%; text-align: center; }
.ab05 ul li .text h4::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -2.5px; width: 5.3rem; height: 5px; background-color: rgb(65, 173, 242); }
.ab05 ul li .text h5 { margin-bottom: 14rem; font-size: 26px; text-align: center; font-weight: bold; color: #fff; }
.ab05 ul li .text .icon img { height: 6.3rem; width: auto; }
.ab05 ul li:hover .icon img { transform: rotateY(180deg); }
.ab03 { padding: 19.4rem 0 12rem; position: relative; overflow: hidden; }
.ab03 h3 { margin-bottom: 3.4rem; }
.ab03 .bot { position: relative; display: flex; justify-content: space-between; }
.ab03 .bot .le::after { content: ""; height: 3px; background: url(/style/img/ab03_line.png) no-repeat 0; -ms-background-size: 100% auto; background-size: 100% auto; position: absolute; top: 0; left: 0; right: 0; }
.ab03 .bot .le { width: 53.8%; height: 52rem; background: url(/style/img/ab03_le.png) no-repeat 0 0; -ms-background-size: cover; background-size: cover; position: relative; padding: 6rem 5.9rem 0; }
.ab03 .bot .le .box { height: 33rem; overflow: hidden; position: relative; }
.ab03 .bot .le .box .seg { margin-bottom: 4rem; display: block; opacity: 0; }
.ab03 .bot .le .swiper-slide-active .box .seg { width: 94%; animation: fa 0.5s linear forwards; display: block; height: 100%; overflow-y: scroll; padding-right: 1rem; }
.ab03 .bot .le .swiper-slide-active .box .seg::-webkit-scrollbar { height: 1px; width: 3px; }
.ab03 .bot .le .swiper-slide-active .box .seg::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127, 127, 127, 0.3); background: #ded8d8; }
.ab03 .bot .le .swiper-slide-active .box .seg::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
border-radius: 2px; background: rgba(164, 164, 164, 0.1); }
.ab03 .bot .le .box .seg:last-child { margin-bottom: 0px; }
.ab03 .bot .le .box .seg h4 { height: 3.8rem; font-size: 40px; color: var(--dex); font-weight: bold; margin-bottom: 10px; line-height: 38px; display: flex; align-items: flex-end; font-family: arial; }
.ab03 .bot .le .box .seg h4 span { font-size: 20px; font-weight: bold; margin-left: 8px; color: var(--dex); line-height: 29px; }
.ab03 .bot .le .box .seg p { font-size: 18px; color: #666666; line-height: 36px; }
.ab03 .bot .le .fa { outline: none; top: auto; bottom: 0px; background-image: none; width: 5.6rem; height: 5.6rem; border-radius: 50%; border: 1px solid #a5c8ff; color: var(--dex); font-size: 2.8rem; display: flex; justify-content: center; align-items: center; }
.ab03 .bot .le .fa-angle-left { left: 5.9rem; }
.ab03 .bot .le .fa-angle-right { right: 0px; left: 13.6rem; }
.ab03 .bot .ri { top: -5rem; width: 56.6rem; height: 56.6rem; border-radius: 50%; position: relative; z-index: 1; }
.ab03 .bot .ri .imgbox { border-radius: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 0; width: 100%; height: 100%; }
.ab03 .bot .ri .imgbox img { height: 100%; }
.ab03 .bot .ri:hover .imgbox img { transform: scale(1.1); }
.ab03 .bot .ri .swiper { height: 100%; width: 100%; }
.ab03 .bot .ri .swiper .imgbox { display: none; opacity: 0; height: 100%; width: 100%; }
.ab03 .bot .ri .swiper-slide-active .imgbox { display: block; animation: fa 0.5s linear forwards; }
.ab03 .bot .ri .swiper-slide-active .imgbox img { height: 100%; }
@keyframes fa {
	100% { opacity: 1; }
}
.zy-beyond .yuan { width: 100rem; height: 100rem; position: absolute; top: 50%; right: -145.4%; margin-top: -50.1rem; background: url(/style/img/yuan.png) no-repeat 50%; -ms-background-size: cover; background-size: cover; z-index: -1; }
.zy-beyond .yuan.base { -webkit-animation: yuan 4s; animation: yuan 4s; }
.zy-beyond .yuan i { display: block; width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: rgb(0, 147, 238); position: absolute; top: 21.3%; left: 8.45%; overflow: hidden; }
@keyframes yuan {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-1turn); }
}
.ab03 .bot .le .ban-yuan .box { height: auto; overflow: unset; }
.ban-yuan { position: absolute; left: 0px; top: 0px; }
.ban-yuan .box.base .wrapper { -webkit-animation-duration: 0ms; -webkit-animation-delay: 10s; -webkit-animation-name: close-wrapper; }
.ban-yuan .box.base .left, .ban-yuan .box.base .right, .ban-yuan .box.base .wrapper { -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; }
.ban-yuan .wrapper { top: -1px; left: -1px; z-index: 2; clip: rect(0, 5.8rem, 5.8rem, 2.9rem); }
.ban-yuan .wrapper, .ban-yuan { position: absolute; width: 5.8rem; height: 5.8rem; }
.ban-yuan .circle { width: 5.6rem; height: 5.6rem; border: 2px solid var(--dex); border-radius: 50%; position: absolute; clip: rect(0, 2.9rem, 5.8rem, 0); }
.ban-yuan .box.base .left { -webkit-animation-duration: 20s; -webkit-animation-name: left-spin; }
.ban-yuan .box.base .right { -webkit-animation-duration: 10s; -webkit-animation-name: right-spin; }
@keyframes left-spin {
	0% { -webkit-transform: rotate(0); }
	100% { -webkit-transform: rotate(1turn); }
}
@keyframes right-spin {
	0% { -webkit-transform: rotate(0); }
	100% { -webkit-transform: rotate(180deg); }
}
@keyframes close-wrapper {
	100% { clip: rect(auto, auto, auto, auto); }
}
.maskpopwrap { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.9); display: none; }
.maskpopwrap .maskpop .box { background-color: #fff; padding: 8.5rem 10rem; position: relative; width: 54%; border-radius: 10px; }
.maskpopwrap .maskpop .box h3 { text-align: center; margin-bottom: 3rem; }
.maskpopwrap .maskpop .box form { width: 100%; }
.maskpopwrap .maskpop .box form .label { display: flex; justify-content: space-between; margin-bottom: 2rem; }
.maskpopwrap .maskpop .box form .label input { width: 49%; outline: none; border-radius: 5px; overflow: hidden; font-size: 15px; border: 1px solid #ddd; height: 4rem; line-height: 4rem; color: #888888; padding: 0 2rem; font-family: "微软雅黑"; }
.maskpopwrap .maskpop .box form .label textarea { outline: none; border-radius: 5px; overflow: hidden; font-size: 15px; border: 1px solid #ddd; color: #888888; padding: 1rem 2rem; resize: none; width: 100%; height: 8.4rem; font-family: "微软雅黑"; }
.maskpopwrap .maskpop .box form .label select { width: 32.5%; outline: none; border-radius: 5px; overflow: hidden; font-size: 15px; border: 1px solid #ddd; height: 4rem; line-height: 4rem; color: #888888; padding: 0 2rem; font-family: "微软雅黑"; }
.maskpopwrap .maskpop .box form .label:nth-of-type(2) input { width: 32.5%; }
.maskpopwrap .maskpop .box a { margin: 5rem auto 0; float: none; }
.maskpopwrap .maskpop .box input::-webkit-input-placeholder, .maskpopwrap .maskpop .box textarea::-webkit-input-placeholder, .maskpopwrap .maskpop .box select::-webkit-input-placeholder { font-size: 15px; color: #999999; font-family: "微软雅黑"; }
.maskpop { width: 100%; height: 100%; display: flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; align-items: center; -webkit-align-items: center; }
.maskpop .close { cursor: pointer; width: 3.5rem; height: 3.5rem; border-radius: 2px; position: absolute; right: -4rem; top: -4rem; transition: all 0.5s; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; }
.maskpop .close img { width: 1.8rem; transition: 0.5s; }
.maskpop .close:hover img { transform: rotate(360deg); }

.wait {height: 100vh;overflow: hidden;position: relative;}
.pro01_3.wait .icenterF {    position: relative; overflow: hidden;}
.pro01_3.wait  .box {align-items: center; height: fit-content;width: 1500px;}

.wait .op {     z-index: 10; width: fit-content; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 17%; left: 50%; transform: translateX(-50%); } 
.wait .op .fa { background-image: none; font-size: 36px; line-height: 1; color: var(--dex); font-weight: 400; font-family: "微软雅黑"; position: unset; padding: 0px; margin: 0px; width: auto; height: auto; background-size: unset; font-family: "FontAwesome"; }
.wait .op .swiper-pagination { position: relative; margin: 0 2.5rem; top: 2px; }
.wait .op .swiper-pagination-bullet { opacity: 1; margin: 0 0.6rem; background-color: rgb(217, 217, 217); }
.wait .op .swiper-pagination-bullet-active { background-color: var(--dex); }


.pro01_3.xiu .op {    position: absolute; right: -4%; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.pro01_3.xiu .op .swiper-pagination {    position: unset; transform: none;    margin: 5px 0;}
.pro01_3.xiu .op .fa{     position: unset; width: 20px; height: 20px; font-size: 3.6rem; color: var(--dex); margin: 0px; padding: 0px; display: flex; justify-content: center; align-items: center; background: none;}


/* newsinfo */
.news_banner {position: relative; overflow: hidden; background-color: #f1f2f3; padding: 200px 0 80px;}

.news_banner .text{width: 900px;position: unset;margin: auto;}

.news_banner h4 { font-size: 36px; margin-bottom: 14px; font-weight: bold;color: #333333;}
.news_banner h5 {    font-size: 16px; display: flex;}
.news_banner h5 span {color: #888888;}
.news_banner h5 span:nth-of-type(1){margin-right: 44px;}


.newshowtt{     display: block;    overflow: hidden;    background: #f5f5f5;    padding: 100px 0;    width: calc(100% - 200px);    margin: 100px auto;}
.newshowtt dd{    display: block;    width: 900px;    margin: 0 auto;    overflow: hidden;}
.newshowtt dd strong{    display: block;    color: #333;    font-size: 40px;    line-height: 1em;    margin-bottom: 20px;}
.newshowtt dd p{ display: block;    overflow: hidden;  }
.newshowtt dd p span{font-family: Montserrat-Bold;    display: block;    float: left;    color: #666;    margin: 0 30px 0 0;    line-height: 30px;}
.newshowtxt{     display: block;  width: 900px; margin: 100px auto 130px;}
.newshowtxt .wp-video {margin: auto;width: fit-content!important;}
.newshowtxt .wp-video video {width: auto!important; height: auto!important; max-width: 100%!important;}
.newshowtxt tr td{color: #666;}
.newshowtxt p{ display: block; color: #333; font-size: 18px; line-height: 30px;    margin-bottom: 20px;}
.newshowtxt p strong a{ display: inline-block; color: #333; font-weight:bold} 
.newshowtxt p  a{ display: inline-block; color: #333; font-weight:bold;} 
.newshowtxt img{ display: block; width: auto; max-width: 100%; margin: auto;    height: auto;}
.newshowtxt p b {color: #333;}
.newshowtxt p span{display: inline-block; font-size: 24px;}
.newshowtxt section{ display: block; color: #333; font-size: 18px; line-height: 30px;    margin-bottom: 20px;}
.newshowtxt section b {color: var(--dex);} 

.sxy{ display: block; overflow: hidden; margin-top: 80px; border-top: 1px solid #ddd;  }
.sxy a{ display: block; color: #666; border-bottom: 1px solid #ddd; padding: 16px 0; font-size: 18px;}
.sxy a:hover {color: var(--dex);}
.bottomfx{    margin-top: 50px; display: flex; justify-content: space-between; align-items: center;}

.bottomfx dd{}
.bottomfx dd span{color: #666; display: block;    float: left;    font-size: 20px;    line-height: 40px;    margin-right: 20px;}
.bottomfx dd .share{    display: block;float: left;}
.bottomfx dd .share a{ display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; background: rgb(176, 176, 176); border-radius: 50%; float: left; margin-right: 10px; font-size: 17px; color: #fff;}
.bottomfx dd .share a:hover{color: #fff; background: var(--dex);}

/* policy */

.policy {padding: 190px 0 100px;  }
.policy .icenter .title {font-size: 40px; font-weight: bold; color: var(--dex); margin-bottom: 3rem;}
.policy .icenter p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
.policy .icenter p strong {
    font-size: 17px;
	font-weight: bold;
	color: #333;
}
.statement {
	padding: 190px 0 100px;

}
.statement .icenter .title {font-size: 40px; font-weight: bold; color: var(--dex); margin-bottom: 3rem;}
.statement .icenter p { font-size: 16px; line-height: 30px;color: #666;}




@media screen and (min-width:1602px) and (max-width:1700px) {
	.pro01_3.xiu .op {  right: -2%;}
}


@media screen and (max-width:1600px) {
	html, body { font-size: 7.2px; }
	.icenter { width: 1160px; }
	.head .icenter .logo { width: 190px; }
	.head { height: 90px; }
	.head .icenter .right ul li { padding: 0 16px; }
	.amore { width: 120px; height: 38px; font-size: 14px; line-height: 36px; }
	.head .icenter .right .op .zixun { font-size: 16px; }
	.head .icenter .right .op .lang { font-size: 16px; margin-left: 26px; }
	.head .icenter .right { width: 808px; }
	.indexbanner .text h1 { font-size: 50px; line-height: 63px; margin-bottom: 8px; white-space: nowrap; }
	.indexbanner .text .h4 { font-size: 20px; }
	.indexbanner .swiper-pagination-bullet { width: 32px; height: 4px; margin: 0 4px !important; }
	.i01 { padding: 85px 0 120px; }
	.i_h3 { font-size: 38px; }
	.i01 .top h3 { font-size: 17px; margin-top: 10px; }
	.i01 .top { margin-bottom: 20px; }
	.i01 dl dd .text h4 { font-size: 18px; }
	.i01 dl dd .icon { width: 25px; margin-right: 20px; }
	.i01 dl dd .text p { font-size: 15px; line-height: 26px; margin-bottom: 15px; margin-top: 11px; width: 304px; }
	.i01 dl dd .text .cha { font-size: 14px; }
	.i01 dl dd { transition: 0.5s; margin-bottom: 20px; padding: 0 38px; }
	.i01 dl dd.active { padding: 30px 38px; }
	.i01 .ri_bg { width: 650px; }
	.i01 .ri_bg .i01Swiper { width: 487px; height: 306px; }
	.i01 .ri_bg .swiper-pagination { bottom: -40px; }
	.i01 dl { height: 412px; }
	.i02 { padding: 100px 0; }
	.i02 .top h3 { font-size: 18px; margin: 8px 0; }
	.i02 .top p { font-size: 13px; }
	.i02 .top { margin-bottom: 38px; }
	.i02 ul { height: 467px; }
	.i02 ul li .text .le .icon { width: 74px; }
	.i02 ul li .text .le .ic { width: 36px; }
	.i02 ul li .text .le span { font-size: 17px; margin-top: 8px; }
	.i02 ul li .text .ri { height: 330px; padding-left: 30px; margin-left: 30px; }
	.i02 ul li .text .ri h4 { font-size: 30px; margin-bottom: 15px; }
	.i02 ul li .text .ri p { font-size: 14px; line-height: 26px; width: 202px; }
	.i02 ul li .text .ri .cha { left: 30px; font-size: 14px; }
	.i03 { padding: 100px 0 0px; }
	.i03 .top .ri { padding-right: 17px; }
	.i03 .top .ri h2 { font-size: 32px; line-height: 43px; margin-bottom: 25px; }
	.i03 .top .ri h3{ font-size: 15px; line-height: 28px; margin-bottom: 44px; }
	.i03 .top .le { height: 366px; }
	.i03 .top .le .bo img { width: 65px; }
	.i03 .top { margin-bottom: 58px; }
	.i03 dl dd .ri h4 strong { font-size: 48px; line-height: 47px; }
	.i03 dl dd .ri img { width: 62px; margin-bottom: 14px; }
	.i03 dl dd .ri span { font-size: 15px; }
	.i03 dl dd .icon { width: 40px; margin-right: 17px; top: 4px; }
	.i03 dl dd::after { right: -100px; height: 84px; }
	.i03 dl { margin-bottom: 110px; }
	.i03 .bot .le .box h4 { font-size: 50px; margin-bottom: 10px; line-height: 43px; }
	.i03 .bot .le .box h5 { font-size: 15px; line-height: 24px; }
	.i03 .bot .le { width: 322px; }
	.i03 .bot .ri { height: 55px; width: 764px; padding: 0px 32px; }
	.i03 .bot .ri .min { font-size: 17px; }
	.i03 .bot .ri .min::after { height: 12px; }
	.i03 .bot .b .box .icon { width: 50px; height: 50px; }
	.i03 .bot .b .box .icon img { width: 30px; }
	.i03 .bot .b .box p { font-size: 14px; margin-top: 20px; left: 22%; }
	.i03 .bot .b .dot { width: 34px; height: 34px; }
	.i03 .bot .b .dot::before { width: 7px; height: 7px; }
	.i03 .bot .b .swiper-wrapper .swiper-slide.c1 .yi { top: 53%; }
	.i03 .bot .b .swiper-wrapper .swiper-slide.c2 .yi { top: 51%; }
	.i03 .bot .b .swiper-wrapper .swiper-slide.c3 .yi { top: 36%; }
	.i03 .bot .b .swiper-wrapper .swiper-slide.c4 .yi { top: 16%; }
	.i03 .bot .b .swiper-wrapper .swiper-slide.c5 .yi { top: 30%; }
	.i03 .bot .b .swiper-wrapper .swiper-slide.c6 .yi { top: 33%; }
	.i03 .bot .b .swiper-wrapper .swiper-slide.c7 .yi { top: 33%; }
	.i03 .bot .b .swiper-wrapper .swiper-slide.c8 .yi { top: 37%; }
	.footer { padding: 80px 0 50px; }
	.footer .f01 .top a { width: 165px; }
	.footer .f01 .top form label input { width: 210px; padding-left: 16px; height: 36px; }
	.footer .f01 .top form label button { width: 46px; height: 36px; font-size: 18px; }
	.footer .f01 ul { padding-top: 26px; margin-top: 26px; padding-bottom: 44px; }
	.footer .f01 ul li h3 a { font-size: 17px; }
	.footer .f01 ul li h3 { margin-bottom: 14px; }
	.footer .f01 ul li .min a { font-size: 13px; margin-top: 9px; }
	.footer .f01 ul li:last-child .min a span { line-height: 24px; }
	.footer .f01 ul li:last-child .min a:last-child { line-height: 24px; margin-top: 7px; }
	.footer .f02 .le a { font-size: 12px; margin-right: 28px; }
	.footer .f02 .le a img { width: 12px; margin-right: 4px; }
	.footer .f01 .ri span { font-size: 12px; margin-top: 4px; }
	.footer .f01 .ri { width: 70px; }
	.i05 { padding: 95px 0 105px; }
	.i05 .i_h3 { margin-bottom: 16px; }
	.i05 .i05_nav .ri_more a { margin-left: 10px; width: 224px; height: 40px; line-height: 38px; }
	.i05 .content .seg .box .bot h4 { font-size: 18px; line-height: 28px; margin-bottom: 26px;  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;}
	.i05 .content .seg .box .bot { padding: 22px 20px 22px 5px; }
	.i05 .content .seg .box .imgbox img { height: 222px; }
	.i05 .content .seg .box .bot span { font-size: 12px; width: 82px; height: 22px; }
	.i05 .i05_nav { margin-bottom: 35px; }
	.i04 ul li .text h3 { font-size: 17px; }
	.i04 ul li.active .text h3 { font-size: 24px; margin-bottom: 18px; }
	.i04 ul li.active .text p { font-size: 13px; line-height: 24px; margin-bottom: 16px; width: 371px; }
	.i04 ul li.active .text .amore { margin-top: 40px; }
	.i04 ul { height: 380px; margin-top: 60px; border-radius: 20px; }
	.footer::after { height: 7px; }
	.i04 .top .i04_nav { margin-top: 48px; }
	.i04 .top .i04Swiper { height: 382px; }
	.i04 .g:nth-of-type(2) { bottom: 0px; left: 42px; width: 56px; height: 56px; }
	.i04 .g:nth-of-type(1) { width: 70px; height: 70px; top: 152px; left: 0px; }
	.i04 .g span { font-size: 13px; }
	.i04 .g:nth-of-type(3) { width: 100px; height: 100px; top: 10px; left: 82px; }
	.i04 .g:nth-of-type(4) { width: 109px; height: 109px; bottom: 58px; left: 151px; }
	.i04 .g:nth-of-type(5) { top: 55px; width: 110px; height: 110px; left: 294px; }
	.i04 .g:nth-of-type(6) { bottom: 5px; left: 327px; width: 90px; height: 90px; }
	.i04 .g:nth-of-type(7) { top: 111px; width: 175px; height: 175px; left: 418px; }
	.i04 .g:nth-of-type(8) { bottom: 5px; width: 98px; height: 98px; left: 637px; }
	.i04 .g:nth-of-type(9) { top: 118px; width: 88px; height: 88px; left: 663px; }
	.i04 .g:nth-of-type(11) { top: 197px; left: 770px; width: 130px; height: 130px; }
	.i04 .g:nth-of-type(10) { bottom: 38px; left: 765px; width: 66px; height: 66px; }
	.i04 .g:nth-of-type(13) { top: 106px; right: 189px; width: 72px; height: 72px; }
	.i04 .g:nth-of-type(15) { right: 27px; top: 65px; width: 70px; height: 70px; }
	.i04 .g:nth-of-type(14) { width: 104px; height: 104px; right: 103px; top: 176px; }
	.i04 .g:nth-of-type(12) { right: 222px; bottom: 83px; width: 92px; height: 92px; }
	.i04 .g:nth-of-type(16) { width: 96px; height: 96px; right: 15px; bottom: 0px; }
	.index01tablist { height: 540px; }
	.nav-cont-item-bg { height: 100px; }
	.index01tablist .item img { height: 32px; margin-bottom: 6px; }
	.index01tablist .item h3 { font-size: 14px; margin-bottom: 14px; }
	.index01tablistwrap { width: 200px; position: relative; }
	.nav-cont-item-bg { width: 230px; top: 100px; }
	.index01l-text { padding: 50px 0 0 50px; border-radius: 10px; }

	.index01l-text .h3 a { font-size: 24px; margin-bottom: 18px;}
	.index01l-text p { font-size: 14px; line-height: 26px; margin-bottom: 26px; }
	.div2 .head { height: 60px; }
	.div2 .head .icenter .logo { width: 162px; }
	.div2 .head .icenter .right ul li .a { line-height: 60px; height: 60px; }
	.footer .f01 .ri { width: 60px; }
	.pro01_1 .top h1 { font-size: 40px; }
	.pro01_1 .top .h4 { font-size: 19px; }
	.pro01_h3 { font-size: 30px; }
	.pro01_1 .bot .right .h3 { line-height: 37px; }
	.pro01_1 .bot .right p { font-size: 14px; line-height: 24px; }
	.button--moema { font-size: 14px; }
	.button--moema::before { -webkit-transform: scale3d(0.7, 0.4, 1); transform: scale3d(0.7, 0.4, 1); }
	.pro01_2 .icenter .pro01_2--ul li span { font-size: 17px; }
	.pro01_3 .bot .swiper .box .text p { font-size: 14px; line-height: 24px; }
	.pro01_3 .bot .swiper .box .text ul li { font-size: 16px; line-height: 27px; }
	.pro01_3 .bot .swiper-pagination { left: -4%; }
	.pro01_4 .bot .tab a { font-size: 19px; line-height: 28px; }
	.pro01_4 .bot ul li span { font-size: 14px; line-height: 24px; }
	li h4 { font-size: 18px; }
	.pro01_5 .pro01_5--ul li h5 { font-size: 17px; }
	.pro01_6 ul li .text p { font-size: 17px; line-height: 27px; }
	.pro01_6 ul li .text h6 { font-size: 12px; }
	.pro01_6 ul li .text h4 { font-size: 14px; }
	.pro01_6 ul li .text h4 span { font-size: 14px; }
	.pro01_5 .pro01_5--ul li h4 { font-size: 19px; }
	.pro01_2 .icenter .pro02_2--ul li span, .pro01_2 .icenter .pro03_2--ul li span { font-size: 12px; line-height: 25px; }
	.pro02_4 .icenter .text .box h4 { font-size: 24px; }
	.pro02_4 .icenter .text .box p { font-size: 14px; line-height: 25px; }
	.pro02_4 .icenter .text .box a span { font-size: 12px; }
	.pro01_5 .pro04_5--ul li h4 { font-size: 18px; }
	.pro05_3 .top p { width: 80%; font-size: 14px; line-height: 24px; }
	.pro01_5 .pro05_5--ul li .h4 { font-size: 20px; }
	.pro01_5 .pro05_5--ul li .h5 { font-size: 14px; line-height: 26px; }
	.pro01_5 .pro02_5--ul li h4 { font-size: 16px; line-height: 26px;margin: 1rem 0 1rem; }
	.pro01_2 .icenter .pro08_2--ul li span { font-size: 16px; line-height: 27px; }
	.pro01_2 .icenter .pro10_2--ul li span { font-size: 16px; }
	.pro09_5 .icenter .text span { font-size: 17px; }
	.act dl { margin-top: 80px; }
	.act dl dd .text { padding: 33px 21px 66px; }
	.act dl dd .text h5 .g img { width: 16px; }
	.act dl dd .text h5 .g span { font-size: 13px; }
	.act dl dd .text h5 {
	    height: 46px;
	 }
	.case02__right a .text h3 { font-size: 18px; }
	.case02__right a .text h4 { font-size: 14px; line-height: 24px; }
	.case__left a { font-size: 14px; }
	
	  /* ab */
	.ab_banner .text h3 { font-size: 25px; }
	.ab_banner .text h4 { font-size: 40px; }
	.ab_banner .text h5 { line-height: 25px; font-size: 16px; }
	.ab_banner .num .g h4 strong { font-size: 40px; }
	.ab_banner .num .g h5 { font-size: 14px; }
	.ab_banner .num { bottom: 8.4rem; }
	.ab_h3 { font-size: 34px; }
	.ab01 .left h4 { font-size: 22px; }
	.ab01 .left .box { font-size: 15px; line-height: 28px; }
	.ab01 .icenter .wen { bottom: -13.7rem; left: -8rem; width: 77rem; }
	.ab02 .top p { font-size: 14px; line-height: 22px; }
	.ab02 .bot .ri h4 { font-size: 24px; }
	.ab02 .bot .ri h5 { font-size: 14px; line-height: 24px; }
	
	.ab02 .bot .le .cc a { font-size: 15px; }
	.ab05 ul li .text h4 { font-size: 16px; }
	.ab05 ul li .text h5 { font-size: 20px; }
	.ab04 .icenter .text p { font-size: 14px; line-height: 25px; }
	.ab03 .bot .le .box .seg p { font-size: 14px; line-height: 26px; }
	.ab03 .bot .le .box .seg h4 { height: 3.8rem; font-size: 34px; line-height: 3.8rem; }
	.pro01_1 { padding: 21.5rem 0 14rem; }
	.news .news_nav .right .select { width: 255px; border: 0; height: 44px; padding-left: 80px; line-height: 44px; }
	.news .news_nav .right .year { left: 24px; font-size: 16px; }
	.news .news_nav .right .select span { font-size: 16px; }
	.news .news_nav .right ul li a { font-size: 16px; }
	.con04 .chanpin a span { font-size: 13px; }
	.con04 .icenter .left form .label span input { font-size: 13px; }
	.con04 .icenter .left form .textarea { font-size: 13px; }
	.con04 .icenter .left form .label span input::-webkit-input-placeholder { font-size: 13px; }
	.con04 .icenter .left form .textarea span textarea::-webkit-input-placeholder { font-size: 13px; }
	.con04 .chanpin a:last-child span { width: 4.1rem; }
	.con04 .chanpin a:last-child input { font-size: 13px; }
	.head .icenter .right ul li .a { font-size: 16px; }
	.head .icenter .right ul li .a { line-height: 90px; height: 90px; }
	.div2 .head .icenter .right ul li .a { line-height: 60px; height: 60px; }
	.div1 .head .icenter .right ul li .slide { top: 90px; left: -16px; padding: 23px 16px 32px 32px; }
	.div2 .head .icenter .right ul li .slide { top: 60px; }
	.div1 .head .icenter .right ul li .slide .min a h4 { font-size: 15px; margin-bottom: 7px; }
	.div1 .head .icenter .right ul li .slide .min a h5 { font-size: 12px; }
	.div1 .head .icenter .right ul li .slide .min a { margin-bottom: 20px; }
	.div1 .head .icenter .right ul li .slide { min-width: 324px; }
	.div1 .head .icenter .right ul li .slide1 { top: 90px; }
	.div2 .head .icenter .right ul li .slide1 { top: 60px; }
	.div1 .head .icenter .right ul li .slide1 .le .box a { padding: 10px 10px 10px 33px; color: #333; width: 240px; border-radius: 5px; font-size: 15px; margin-bottom: 12px; font-weight: bold; }
	.div1 .head .icenter .right ul li .slide1 .ri .box a h4 { font-size: 15px; margin-bottom: 7px; }
	.div1 .head .icenter .right ul li .slide1 .ri .box a h5 { font-size: 12px; }
	.div1 .head .icenter .right ul li .slide1 .ri { padding-right: calc((100% - 1160px) / 2); }
	.maskpopwrap .maskpop .box form .label input, .maskpopwrap .maskpop .box form .label select, .maskpopwrap .maskpop .box form .label textarea { font-size: 13px; }
	.maskpopwrap .maskpop .box input::-webkit-input-placeholder, .maskpopwrap .maskpop .box textarea::-webkit-input-placeholder, .maskpopwrap .maskpop .box select::-webkit-input-placeholder { font-size: 13px; color: #999999; font-family: "微软雅黑"; }
	.maskpopwrap .maskpop .box select::-webkit-input-placeholder option { font-size: 13px; color: #999999; font-family: "微软雅黑"; }
	.pro01_3.wait  .box {align-items: center; height: fit-content;width: 1100px;}
	.wait .op { bottom: 12%; }
	.pro01_3 .bot .swiper .box .text h4 { font-size: 20px; }
	.news .news_nav .g a {    font-size: 16px; margin-right: 25px; margin-bottom: 10px; }
	.news .news_nav .title { font-size: 17px; }

	.con_title { font-size: 35px; }
	.con01 ul li .text h4 { font-size: 14px}
	.con01 ul li .text h5 { font-size: 14px; }
	.con01 ul li .text { width: 87%; margin-left: 3%; }
	.con02 dd .bot h4 { font-size: 22px;}
	.con02 dd .bot h5 { font-size: 14px; line-height: 21px;}
	.con02 dd .bot h6 { font-size: 13px; line-height: 23px; }
	.con02 dd .bot a { font-size: 12px;}
	.con03 .ab2cv .title h4 { font-size: 15px; }
	.con03 .ab2cv p strong { font-size: 70px;}
	.con03 .ab2cv p span { font-size: 15px; }
	.con03 #a02 .m_name, .con03 #a05 .m_name, .con03 #a07 .m_name, .con03 #a11 .m_name { font-size: 16px; }
	.con03 .m_name { font-size: 12px;}
	.con04 .icenter .left h6 { font-size: 16px; }
	.con04 .icenter .right .text h4 { font-size: 22px;}
	.con04 .icenter .right .text h5 { font-size: 12px; }
	.pro01_3.xiu .op { right: -3%;}
	.pro01_5 .pro02_5--ul li h5 { font-size: 15px; line-height: 28px;}
	.innerbanner .text h3 { font-size: 60px;}
	.innerbanner .text h4 { font-size: 16px; }


	.statement .icenter p ,.policy .icenter p{ font-size: 14px; line-height: 28px; }
	.statement .icenter .title ,.statement .icenter .title{ font-size: 34px;}
	 


}
.custom-actives-title {
  font-size: 36px;
  font-weight: 700;
  color: #333;
  margin-right: 12px;
}
.custom-actives .custom-actives-body {
  display: flex;
  margin-bottom: 20px;
}
.custom-actives .custom-actives-body .custom-actives-content {
  flex: 1;
}
.custom-actives .custom-actives-body .custom-actives-content p {
  margin: 0;
  margin-bottom: 10px;
  color: #333;
  font-size: 12px;
  line-height: 22px;
}
.custom-actives
  .custom-actives-body
  .custom-actives-content
  .custom-actives-content-item {
  margin-bottom: 16px;
}
.custom-actives-content-item-title {
  font-size: 16px;
  font-weight: 800;
  color: #333;
  margin-bottom: 10px;
}
.custom-actives
  .custom-actives-body
  .custom-actives-content
  .custom-actives-content-item
  .custom-actives-content-item-content {
  font-size: 16px;
  line-height: 1.5;
}
.custom-actives
  .custom-actives-body
  .custom-actives-content
  .custom-actives-content-item
  .custom-actives-content-item-content
  br {
  display: none;
}

.custom-actives .custom-actives-body .custom-actives-right {
  margin-top: 40px;
  flex: 1;
}
.custom-actives .custom-actives-body .custom-actives-right .custom-actives-img {
  object-fit: cover;
  margin-left: 20px;
}

.custom-actives .custom-actives-footer {
  display: flex;
  padding: 0;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
.custom-actives .custom-actives-footer .custom-actives-footer-item {
  background-color: #f3f3f3;
  padding: 16px 8px;
  display: flex;
  flex-direction: column;
  transition: all 0.6s;
  align-items: center;
  flex: 1;
  border-radius: 8px;
  text-decoration: none;
  width: 164px;
}
.custom-actives .custom-actives-footer .custom-actives-footer-item:hover {
  background-color: #42a4e2;
}
.custom-actives
  .custom-actives-footer
  .custom-actives-footer-item
  + .custom-actives-footer-item {
  margin-left: 20px;
}
.custom-actives .custom-actives-footer .custom-actives-footer-item p {
  margin: 0;
  line-height: unset;
}
.custom-actives
  .custom-actives-footer
  .custom-actives-footer-item
  .custom-actives-footer-item-img {
  margin: 0;
  width: 68px;
  height: 68px;
  margin-bottom: 20px;
}
.custom-actives
  .custom-actives-footer
  .custom-actives-footer-item
  .custom-actives-footer-item-border {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #42a4e2;
  margin-bottom: 10px;
}
.custom-actives
  .custom-actives-footer
  .custom-actives-footer-item
  .custom-actives-footer-item-title {
  font-size: 16px;
  font-weight: 800;
  color: #333;
  line-height: 1.3;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -webkit-baseline-middle;
  white-space: nowrap;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.custom-actives
  .custom-actives-footer
  .custom-actives-footer-item
  .custom-actives-footer-item-desc {
  text-align: center;
  font-size: 14px;
  color: #686974;
  line-height: 22px;
  margin: 0 auto;
}

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

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

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