@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,strong,span,font { margin: 0; padding: 0; list-style: none;font-weight: normal!important; }
html { font-family: Arial; color: #666; background-color: #fff; font-size: 10px; }
h3, h4, h5, h6, a, span, p { color: #666; font-family: "微软雅黑", Arial; font-weight: normal; display: block; }
img { width: 100%; object-fit: cover; transition: 0.3s; display: block; }
li { list-style: none; }
a { text-decoration: none; display: block; }
body, html { height: 100%; width: 100%; }
.imgbox { overflow: hidden; position: relative; }
:root { --dex: #00b050; }
.clearfix { zoom: 1; }
.clearfix:after { content: " "; display: block; clear: both; }
.fl { float: left; }
.fr { float: right; }
input { -webkit-appearance: none; }
.lay--flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.lay--absolute { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.text-center { text-align: center; }
.font-bold { font-weight: 700; }
.con03, .con02, .con01, .news, .sup02, .sup01, .pro03, .pro02, .probanner, .caseinfo, .plan06, .plan05, .plan04, .plan03, .plan02, .plan01, .ab03 .icenter .i_top, .ab03, .ab02 .i_top, .ab02 { position: relative; overflow: hidden; }
.sup02 .icenter .box, .sup02 .icenter, .pro03 .icenter, .pro02 .icenter a, .pro01 .icenter, .plan02 .icenter  dd, .plan_banner .text { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.sup01 .icenter .content a .icon, .pro03 .icenter .icon, .pro02 .icenter a .icon, .probanner .icenter .right, .ab02 .bot .fa { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.con02 .box, .innerbanner .text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/* 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: 10000; display: block; }
	.pc-1200px p { position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; top: 50%; left: 0; }
	.pc-1200px p img { display: block; margin: 0 auto 2em; height: 50px; }
	.pc-1200px p strong { display: block; color: #fff; text-align: center; font-size: 2em; letter-spacing: 1px; line-height: 1em; margin-bottom: 2em; }
	.pc-1200px p span { display: block; text-align: center; color: #eee; letter-spacing: 1px; font-size: 16px; }
}

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

/* icenter */
.icenter { width: 1600px; margin: auto; position: relative; }

/* more */
.more:hover { border-color: var(--dex); background-color: transparent; }
.more { border-radius: 0.5rem; background-color: var(--dex); border: 1px solid var(--dex); overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: relative; z-index: 1; width: 16.5rem; height: 4.8rem; display: flex; align-items: center; justify-content: center; }
.more > span { vertical-align: middle; font-size: 1.6rem; color: #fff; }
.more:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.more::after, .more > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.more:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.more::after { color: var(--dex); font-size: 1.6rem; content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.lay--flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.lay--absolute { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.text-center { text-align: center; }
.font-bold { font-weight: 700; }
.lay--flex { display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; }
.lay--flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.lay--absolute { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.text-center { text-align: center; }
.font-bold { font-weight: 700; }
.i04, .i03, .i02, .i01 { position: relative; overflow: hidden; }
.ibanner .i_b { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.footer .fo01 .ri .ri__bot .share a img, .i02 .icenter, .ibanner .i_ri span, .ibanner .i_b .img2, .ibanner .i_b .img1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/* head */
.div1 { position: fixed; top: 0px; width: 100%; z-index: 99; transition: 0.3s; }
.head { box-sizing: border-box; height: 8rem; margin: auto; display: flex; justify-content: space-between; align-items: center; }
.head .right { display: flex; align-items: center; width: 55%; justify-content: space-between; }
.head .logo img { transition: 0s; width: 17rem; filter: grayscale(10) brightness(10); }
.head .right ul { display: flex; }
.head .right li { position: relative; margin: 0 2.6rem; }
.head .right li h3 a { line-height: 8rem; text-transform: uppercase; height: 8rem; font-size: 18px; color: #fff; }
.head .op { display: flex; align-items: center; }
.head .op .more { background-color: transparent; border-color: #fff; height: 3.8rem; }
.head .op .more::after { color: #fff; }
.head .op .more span { color: #fff; }
.head .op .more:hover { background-color: var(--dex); border-color: var(--dex); }
.head .op .search { font-size: 1.5rem; line-height: 2.4rem; margin-right: 2.3rem; padding-right: 2.3rem; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.3); }
.head .op .lang { display: flex; align-items: center; margin-right: 2rem; }
.head .op .lang h4 { font-size: 16px; line-height: 24px; color: #fff; font-weight: 500; }
.head .op .lang img { transition: 0s; width: 2.2rem; margin-right: 0.5rem; }
.head .op .lang span { font-size: 16px; font-family: arial; color: #fff; margin-left: 5px; position: relative; top: 2px; }
.div1:hover, .div2, .div3 { background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(24px); -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 .logo img, .div2 .head .logo img, .div3 .head .logo img { filter: none; }
.div1:hover .head .op .lang img, .div2 .head .op .lang img, .div3 .head .op .lang img { filter: invert(1); }
.div1:hover .head .right li h3 a, .div2 .head .right li h3 a, .div3 .head .right li h3 a { color: #333; }
.div1:hover .head .op .lang, .div2 .head .op .lang, .div3 .head .right li h3 a { color: rgba(0, 0, 0, 0.6); }
.div1:hover .head .op .search, .div2 .head .op .search, .div3 .head .op .search { color: #333; border-right: 1px solid rgba(0, 0, 0, 0.6); }
.div1:hover .head .op .lang h4, .div2 .head .op .lang h4, .div3 .head .op .lang h4 { color: #333; }
.div1:hover .head .op .lang .btn_nav span, .div2 .head .op .lang .btn_nav span, .div3 .head .op .lang .btn_nav span, .div1:hover .head .op .lang .btn_nav::before, .div2 .head .op .lang .btn_nav::before, .div3 .head .op .lang .btn_nav::before, .div1:hover .head .op .lang .btn_nav:after, .div2 .head .op .lang .btn_nav::after, .div3 .head .op .lang .btn_nav::after { background-color: #666; }
.div1 .head li h3 a:hover, .div1 .head .op .lang:hover span, .div3 .head .op .lang:hover span, .div3 .head .right li h3 a:hover { color: var(--dex); }


.div1 .head .right ul li .last-nav {display: none;position: absolute;top: 100%;left: calc(50%);transform: translateX(-50%);width: 180px;background: #fff;text-align: center;z-index: 99999;line-height: 30px;transition: none;background-color: rgba(255,255,255,0.9);box-shadow: 0px 2px 2px rgb(34 34 34 / 30%);}
.div1 .head .right ul li .last-nav a:hover { color: var(--dex); background-color: #fff; }
.div1 .head .right ul li:hover .last-nav { display: block; animation: lastnav 0.55s; -webkit-animation: lastnav 0.55s; }
@keyframes lastnav { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes lastnav { from { opacity: 0; } to { opacity: 1; } }
.div1 .head .right ul li .last-nav a {     font-size: 17px;
    color: #333; line-height: 60px; width: 100%; display: inline-block; position: relative; transition: none; }
.div1 .head .right ul li::after  {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    width: 0;
    height: 3px;
    background: var(--dex);
    transition: all 0.3s;
}
.div1 .head .right ul li:hover::after  {
    width: 100%;
}
.div1 .head .right ul li:hover h3 a {color: var(--dex);}

.ibanner { overflow: hidden; position: relative; height: 100vh; }
.ibanner .box { position: relative; }
.ibanner .box::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.2; }
.ibanner .i_img { height: 100%; transition: all 7s cubic-bezier(0.04, 0.79, 1, 1); transform: scale3d(1.35, 1.35, 1); }
.ibanner .swiper-slide-active img { transform: scale3d(1, 1, 1); }
.ibannerSwiper .box, .ibannerSwiper { height: 100%; }
.ibanner .text { z-index: 1; top: 47%; }
.ibanner .text h3 { width: 63.5rem; font-size: 70px; line-height: 86px; color: #fff; font-weight: bold; margin-bottom: 2.5rem; }
.ibanner .text p { width: 58.3rem; font-family: "arial"; font-size: 20px; line-height: 32px; color: #fff; }
.ibanner .i_b { cursor: pointer; z-index: 1; width: 10.2rem; height: 10.2rem; position: absolute; left: calc((100% - 1600px) / 2); bottom: 8.6rem; }
.ibanner .i_b .img1 { width: 100%; height: 100%; animation: ro 25s linear infinite; }
.ibanner .i_b .img2 { width: 2.2rem; }
.ibanner .i_ri { z-index: 1; position: absolute; right: calc((100% - 1600px) / 2); bottom: 10%; }
.ibanner .i_ri dd { cursor: pointer; position: relative; width: 3rem; height: 3rem; margin-bottom: 1rem; }
.ibanner .i_ri dd:last-child { margin-bottom: 0px; }
.ibanner .i_ri span { width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 2px solid rgb(255, 255, 255); }
.ibanner .i_ri dd .wrapper { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 3rem; height: 3rem; position: absolute; clip: rect(0, 3rem, 3rem, 1.5rem); }
.ibanner .i_ri dd .left, .ibanner .i_ri dd .right, .ibanner .i_ri dd .wrapper { -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; }
.ibanner .i_ri dd .circle { width: 3rem; height: 3rem; border: 2px solid rgb(255, 255, 255); border-radius: 50%; position: absolute; clip: rect(0, 1.5rem, 3rem, 0); }
.ibanner .i_ri dd.active .wrapper { -webkit-animation-duration: 0ms; -webkit-animation-delay: 3s; -webkit-animation-name: close-wrapper; }
.ibanner .i_ri dd.active .left { -webkit-animation-duration: 6s; -webkit-animation-name: left-spin; }
.ibanner .i_ri dd.active .right { -webkit-animation-duration: 3s; -webkit-animation-name: right-spin; }
@keyframes ro {
	0% { transform: translate(-50%, -50%) rotate(0); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.i_top span { font-size: 18px; line-height: 1; color: var(--dex); margin-bottom: 1.1rem; }
.i_top h3 { font-size: 48px; line-height: 61px; color: #333; font-weight: bold; }
.i01 { height: 200vh; overflow: unset; }
.i01 .icenter { height: 100vh; top: 0px; padding: 4.5rem 0 0; }
.i01 .icenter.icenter2 { position: absolute; bottom: 0px; height: 100vh; left: 50%; bottom: 0%; transform: translate(-50%, 0%); top: auto; }
.i01 .icenter.icenter2 p { color: #fff; }
.i01 .icenter.icenter2 .i_top span { color: #fff; }
.i01 .icenter.icenter2 .i_top h3 { color: #fff; }
.i01 .icenter.icenter2 dl dd .icon { filter: grayscale(10) brightness(10); }
.i01 .icenter.icenter2 dl dd .text h4 { color: #fff; }
.i01 .icenter.icenter2 dl dd .text h5 strong { color: #fff; }
.i01 .icenter.icenter2 dl dd .text h5 span { color: #fff; }
.i01 .icenter .i_top { margin-bottom: 5.4rem; }
.i01 .icenter dl { padding: 6.3rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; }
.i01 .icenter.icenter2 dl { border-top: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.i01 .icenter dl dd { display: flex; width: fit-content; }
.i01 .icenter dl dd .icon { width: 5.7rem; margin-right: 1.5rem; }
.i01 .icenter dl dd .text h4 { font-size: 16px; line-height: 1; color: #666; margin-bottom: 1.4rem; }
.i01 .icenter dl dd .text h5 { display: flex; align-items: center; }
.i01 .icenter dl dd .text h5 strong { font-size: 70px; line-height: 64px; color: #333; font-weight: bold; font-family: "arial"; }
.i01 .icenter dl dd .text h5 span { font-size: 40px; line-height: 1; color: #333; font-family: "arial"; margin-left: 0.5rem; }
.i01 .icenter p { font-size: 18px; line-height: 1; color: #666; margin: 4.4rem 0 8.6rem; }
.i01 .icenter .more { width: 19rem; }
.i01 .i01_img { overflow: hidden; position: sticky; position: -webkit-sticky; top: 0px; left: 0px; width: 100%; height: 100vh; }
.i01 .i01_img .i01_img_cc { height: 100vh; position: absolute; bottom: 0px; }
.i01 .i01_img ._box { overflow: hidden; position: absolute; width: 100%; height: 0vh; bottom: 0px; left: 0px; }
.i01 .i01_img .icenter { display: flex; align-items: center; justify-content: center; }
.i01 .i01_img .i01_box { width: 100%; }
.i02 { height: 100vh; }
.i02 .icenter { z-index: 2; }
.i02 .icenter .i_top { margin-bottom: 44vh; }
.i02 .icenter .i_top h3 { color: #fff; }
.i02 .icenter .bot_nav { display: flex; justify-content: space-between; width: 100%; border: 1px solid rgba(255, 255, 255, 0.5); }
.i02 .icenter .bot_nav a { transition: 0.3s; width: 25%; border-right: 1px solid rgba(255, 255, 255, 0.5); height: 18rem; padding: 0 3.8rem; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; }
.i02 .icenter .bot_nav a:last-child { border-right: 0px; }
.i02 .icenter .bot_nav a .icon { margin-bottom: 1.2rem; }
.i02 .icenter .bot_nav a .icon img { width: 5.2rem; }
.i02 .icenter .bot_nav a h4 { font-size: 28px; line-height: 1; color: #fff; font-weight: bold; }
.i02 .icenter .bot_nav a h5 { display: none; font-size: 16px; line-height: 1; color: #fff; align-items: center; }
.i02 .icenter .bot_nav a h5 img { width: 1.6rem; margin-left: 1.2rem; }
.i02 .icenter .bot_nav a.active { justify-content: space-between; align-items: center; background-color: var(--dex); flex-direction: row-reverse; }
.i02 .icenter .bot_nav a.active .text { animation: i02_t 0.3s linear forwards; }
.i02 .icenter .bot_nav a.active .icon { animation: i02_i 0.3s linear forwards; }
.i02 .icenter .bot_nav a.active h4 { margin-bottom: 1.5rem; }
.i02 .icenter .bot_nav a.active h5 { display: flex; }
.i02 .bot, .i02 .bot .i02Swiper, .i02 .bot .i02Swiper .imgbox, .i02 .bot .i02Swiper .imgbox img { height: 100%; }
.i02 .bot .imgbox::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.2; }
.i02 .bot .imgbox img { height: 100%; /* transition: all 7s cubic-bezier(0.04, 0.79, 1, 1); transform: scale3d(1.35, 1.35, 1); */ }

/* .i02 .bot .swiper-slide-active img { transform: scale3d(1, 1, 1); } */
@keyframes i02_t {
	0% { transform: translateY(-10px); }
	100% { transform: translateY(0px); }
}
@keyframes i02_i {
	0% { transform: translateY(10px); }
	100% { transform: translateY(0px); }
}
.i03 { padding: 13.5rem 0; background: url("../img/i03_bg.jpg"); background-size: cover; }
.i03 .i_top { margin-bottom: 7rem; }
.i03 .bot { display: flex; align-items: center; justify-content: space-between; }
.i03 .bot ul { opacity: 1; width: 10.3rem; position: relative; }
.i03 .bot ul::before { height: 120%; content: ""; position: absolute; top: -10%; left: 50%; transform: translateX(-50%); border-right: 1px dashed rgba(58, 177, 180, 0.4); }
.i03 .bot ul li { position: relative; width: 10.3rem; height: 10.3rem; cursor: pointer; margin-bottom: 2.5rem; border: 6px solid transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.i03 .bot ul li .icon img { height: auto; width: auto; }
.i03 .bot ul li:last-child { margin-bottom: 0px; }
.i03 .bot ul li.active { border-color: rgb(166, 223, 192); }
.i03 .bot ul li .wrapper { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10.3rem; height: 10.3rem; position: absolute; clip: rect(0, 10.3rem, 10.3rem, 5.15rem); }
.i03 .bot ul li .left, .i03 .bot ul li .right, .i03 .bot ul li .wrapper { -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; }
.i03 .bot ul li .circle { width: 10.3rem; height: 10.3rem; border: 6px solid var(--dex); border-radius: 50%; position: absolute; clip: rect(0, 5.15rem, 10.3rem, 0); }
.i03 .bot ul li.active .wrapper { -webkit-animation-duration: 0ms; -webkit-animation-delay: 5s; -webkit-animation-name: close-wrapper; }
.i03 .bot ul li.active .left { -webkit-animation-duration: 10s; -webkit-animation-name: left-spin; }
.i03 .bot ul li.active .right { -webkit-animation-duration: 5s; -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); }
}
.i03 .bot .ri_swiper { width: 82.75%; }
.i03 .bot .ri_swiper .box { position: relative; justify-content: space-between; align-items: center; }
.i03 .bot .ri_swiper .box .imgbox { overflow: hidden; border-radius: 8px; position: relative; z-index: 1; width: 45.3172205438%; }
.i03 .bot .ri_swiper .box .imgbox img { overflow: hidden; border-radius: 8px; position: relative; z-index: 1; }
.i03 .bot .ri_swiper .box .text { width: 38.5951661631%; overflow: unset; border-radius: 8px; position: relative; z-index: 1; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; }
.i03 .bot .ri_swiper .box .text h3 { font-size: 80px; line-height: 74px; color: #333; font-family: "arial"; font-weight: bold; margin-bottom: 1rem; }
.i03 .bot .ri_swiper .box .text img { overflow: hidden; border-radius: 8px; position: relative; z-index: 1; }
.i03 .bot .ri_swiper .box .text h4 { position: relative; font-size: 50px; line-height: 1; color: #333; font-weight: bold; width: 100%; border-bottom: 1px solid rgb(198, 198, 198); padding-bottom: 3rem; margin-bottom: 3rem; }
.i03 .bot .ri_swiper .box .text h4::after { content: ""; position: absolute; left: 0px; bottom: -2px; height: 3px; width: 5rem; background-color: var(--dex); }
.i03 .bot .ri_swiper .box .text p { font-size: 20px; line-height: 34px; color: #666; margin-bottom: 5.1rem; }
.i03 .swiper .swiper-slide .box { display: none; opacity: 0; }
.i03 .swiper .swiper-slide-active .box { display: flex; animation: eq_fa 0.5s linear forwards; }
@keyframes eq_fa {
	100% { opacity: 1; }
}
.i04 { padding: 13rem 0; }
.i04 .icenter .top { display: flex; justify-content: space-between; padding-bottom: 3.5rem; border-bottom: 1px solid #ddd; margin-bottom: 3.5rem; width: 100%; align-items: center; }
.i04 .icenter .bot { overflow: hidden; display: flex; justify-content: space-between; }
.i04 .icenter .bot .le { width: 44.6875%; }
.i04 .icenter .bot .le .imgbox { overflow: hidden; border-radius: 10px; position: relative; z-index: 1; }
.i04 .icenter .bot .le .imgbox img { overflow: hidden; border-radius: 10px; position: relative; z-index: 1; }
.i04 .icenter .bot .le .imgbox img { height: 40.7rem; }
.i04 .icenter .bot .le .text { margin-top: 1.5rem; }
.i04 .icenter .bot .le .text .date { display: flex; align-items: center; margin-bottom: 2rem; }
.i04 .icenter .bot .le .text .date img { width: 1.6rem; margin-right: 1.2rem; }
.i04 .icenter .bot .le .text .date span { font-size: 16px; line-height: 1; color: #666666; font-family: "arial"; }
.i04 .icenter .bot .le .text h4 { 
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden;
	font-size: 32px; line-height: 42px; color: #333333; margin-bottom: 1.5rem; font-weight: bold; }
.i04 .icenter .bot .le .text p {
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;
	font-size: 18px; line-height: 30px; color: #666666; margin-bottom: 4.6rem; }
.i04 .icenter .bot .le:hover .text h4 { color: var(--dex); }
.i04 .icenter .bot .le:hover .imgbox img { transform: scale(1.1); }
.i04 .icenter .bot .ri { width: 49.4375%; }
.i04 .icenter .bot .ri a { display: flex; justify-content: space-between; padding-bottom: 3.5rem; border-bottom: 1px solid #ddd; margin-bottom: 3.5rem; }
.i04 .icenter .bot .ri a:last-child { margin-bottom: 0px; }
.i04 .icenter .bot .ri a .text { padding-top: 1rem; width: 50.5703422053%; }
.i04 .icenter .bot .ri a .text .date { display: flex; align-items: center; margin-bottom: 2rem; }
.i04 .icenter .bot .ri a .text .date img { width: 2rem; margin-right: 1.2rem; }
.i04 .icenter .bot .ri a .text .date span { font-size: 16px; line-height: 1; color: #666666; font-family: "arial"; }
.i04 .icenter .bot .ri a .text h4 { font-size: 24px; line-height: 36px; color: #333333; margin-bottom: 3rem; font-weight: bold; 
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.i04 .icenter .bot .ri a .text h5 { font-size: 16px; line-height: 1; color: #666; display: flex; align-items: center; }
.i04 .icenter .bot .ri a .text h5 span { position: relative; left: 0px; font-size: 16px; line-height: 1; color: #666; margin-left: 1rem; transition: 0.3s; }
.i04 .icenter .bot .ri a .imgbox { overflow: hidden; border-radius: 10px; position: relative; z-index: 1; width: 39.7972116603%; }
.i04 .icenter .bot .ri a .imgbox img { overflow: hidden; border-radius: 10px; position: relative; z-index: 1; }
.i04 .icenter .bot .ri a .imgbox img { height: 17.8rem; }
.i04 .icenter .bot .ri a:hover .text h4 { color: var(--dex); }
.i04 .icenter .bot .ri a:hover .text h5 { color: var(--dex); }
.i04 .icenter .bot .ri a:hover .text h5 span { color: var(--dex); left: 1rem; }
.i04 .icenter .bot .ri a:hover .imgbox img { transform: scale(1.1); }
.footer { z-index: 3; position: relative; overflow: hidden; padding: 15.5rem 0 9rem; background: url("../img/fo_banner.jpg"); background-size: cover; }
.footer .fo01 { position: relative; padding-bottom: 5.2rem; }
.footer .fo01 .icenter { z-index: 1; display: flex; justify-content: space-between; }
.footer .fo01 .le { width: 25rem; }
.footer .fo01 .le img { filter: grayscale(10) brightness(10); }
.footer .fo01 .ri { width: 116.8rem; padding-top: 4rem; border-top: 2px solid rgba(255, 255, 255, 0.4); }
.footer .fo01 .ri .ri__top { margin-bottom: 21.5rem; }
.footer .fo01 .ri .ri__top h4 { text-transform: uppercase; font-size: 24px; line-height: 33px; color: #fff; margin-bottom: 4.6rem; }
.footer .fo01 .ri .ri__top h4 span {font-size: 18px; color: #FFFFFF; text-transform: none;}
.footer .fo01 .ri .ri__top ul li { display: flex; align-items: center; margin-bottom: 1.5rem; }
.footer .fo01 .ri .ri__top ul li img { width: 1.9rem; margin-right: 1.3rem; }
.footer .fo01 .ri .ri__top ul li span { font-size: 24px; line-height: 30px; color: #fff; }
.footer .fo01 .ri .ri__bot { display: flex; justify-content: space-between; align-items: center; }
.footer .fo01 .ri .ri__bot .share { display: flex; align-items: center; }
.footer .fo01 .ri .ri__bot .share a { border-radius: 50%; position: relative; width: 4.4rem; height: 4.4rem; background-color: rgb(74, 73, 73); margin-right: 1.2rem; }
.footer .fo01 .ri .ri__bot .share a img { width: auto; height: auto; }
.footer .fo01 .ri .ri__bot .share a:last-child { margin-right: 0px; }
.footer .fo01 .ri .ri__bot .share a:hover { background-color: var(--dex); }
.footer .fo01 .ri .ri__bot dl { display: flex; align-items: center; }
.footer .fo01 .ri .ri__bot dl dd { margin-left: 5.5rem; }
.footer .fo01 .ri .ri__bot dl dd:nth-of-type(1) { margin-left: 0px; }
.footer .fo01 .ri .ri__bot dl dd a { font-size: 18px; line-height: 1; color: #fff; }
.footer .fo01 .ri .ri__bot dl dd a:hover { color: var(--dex); }
.footer .fo01 .wen { transition: 1s; text-transform: uppercase; font-family: "arial"; font-weight: bold; position: absolute; font-size: 280px; line-height: 1; color: rgb(27, 27, 31); right: -143rem; bottom: 0.2rem; }
.footer .fo01 .wen.active { right: 5rem; }
.footer .fo02 { width: 96%; margin: auto; position: relative;  }
.footer .fo02 .icenter {display: flex;justify-content: flex-end; }
.footer .fo02 .box {width: 116.8rem; margin-top: 4rem; display: flex; }
.footer .fo02 .box a { font-size: 16px; line-height: 1; color: rgba(255, 255, 255, 0.6); margin-right: 2.3rem; }
.footer .fo02 .box a:last-child { margin-right: 0px; }
.footer .fo02 .heng { position: absolute; width: auto; height: 4rem; top: 0px; left: 0px; max-width: 100%; }

/* 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: auto; position: relative; object-fit: cover; display: block; }
.vi_box .box .video { position: relative; width: 60%; height: auto; }
.vi_box .box .video img.close { cursor: pointer; width: auto; position: absolute; right: -40px; top: -40px; transition: all 0.3s; pointer-events: painted; }
.vi_box .box .video .close:hover { transform: rotate(135deg); }
.innerbanner { position: fixed; top: 0px; left: 0px; height: 100vh; z-index: 0; width: 100%; }
.innerbanner:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.25; }
.innerbanner img { height: 100vh; }
.innerbanner .text { z-index: 2; }
.innerbanner .text span { font-size: 26px; line-height: 1; color: #fff; margin-bottom: 2rem; display: none;}
.innerbanner .text h3 { font-size: 70px; line-height: 86px; color: #fff; font-weight: bold; }
.innerbanner .nav_text {  justify-content: center; align-items: center; display: flex; z-index: 2; position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 3rem 0; border-top: 1px solid rgba(255, 255, 255, 0.5);display: none; }
.innerbanner .nav_text .icenter { display: flex; align-items: center; }
.innerbanner .nav_text .icenter a { font-size: 20px; line-height: 1; color: #fff; padding-left: 3rem; margin-left: 3rem; border-left: 1px solid rgba(255, 255, 255, 0.5); }
.innerbanner .nav_text .icenter a:first-child { padding-left: 0px; border-left: 0px; margin-left: 0px; }
.innerbanner .nav_text .icenter a:hover { color: var(--dex); }
.ab01 { padding: 13.3rem 0 16rem; overflow: hidden; }
.ab01 .icenter .top { margin-bottom: 22.1rem; display: flex; justify-content: space-between; }
.ab01 .icenter .top .le { width: 46.6875%; }
.ab01 .icenter .top .le p { font-size: 18px; line-height: 30px; color: #666666; margin-top: 6.4rem; }
.ab01 .icenter .top .imgbox { width: 42.8125%; position: relative; top: -2rem; }
.ab01 .icenter .bot { position: relative; }
.ab01 .icenter .bot .wen { position: absolute; width: 139.4rem; left: -14em; top: -13rem; }
.ab01 .icenter .bot .imgbox { position: relative; }
.ab01 .icenter .bot .imgbox .cc { height: 59rem; }
.ab01 .bot .imgbox .bo { cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; }
.ab01 .bot .imgbox .bo img { width: 7.3rem; }
.ab01 .bot .imgbox .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 .bot .imgbox .mask:before { position: relative; content: ""; display: block; margin-top: 100%; }
.ab01 .bot .imgbox .mask:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.ab01 .bot .imgbox:hover .mask { -webkit-animation: anim-out 1s; animation: anim-out 1s; }
.ab01 .bot .imgbox: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; }
}
.ab02 {display: none;  padding: 21.2rem 0 18.5rem; background: url("/style/img/ab02_bg.jpg"); background-size: cover; background-attachment: fixed; }
.ab02:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.4; }
.ab02 .icenter { position: relative; z-index: 2; }
.ab02 .i_top { z-index: 1; margin-bottom: 8rem; text-align: center; }
.ab02 .i_top span { color: #fff; }
.ab02 .i_top h3 { color: #fff; }
.ab02 .bot { overflow: unset; position: relative; z-index: 1; }
.ab02 .bot .swiper { overflow: hidden; }
.ab02 .bot .line { position: absolute; left: 0px; top: 27%; height: 1px; width: 100%; display: flex; justify-content: space-between; align-items: center; }
.ab02 .bot .line span { position: absolute; width: 20.7rem; height: 1px; background-color: rgba(255, 255, 255, 0.5); left: 522px; }
.ab02 .bot .line span:nth-of-type(1) { width: 160rem; left: -151rem; }
.ab02 .bot .line span:nth-of-type(2) { width: 17.7rem; left: 36rem; }
.ab02 .bot .line span:nth-of-type(3) { width: 17.7rem; left: 107rem; }
.ab02 .bot .line span:nth-of-type(4) { width: 160rem; right: -151rem; left: auto; }
.ab02 .bot .box { display: none; }
.ab02 .bot .fa { top: 23.7%; width: 6rem; height: 6rem; background-image: none; border-radius: 50%; border: 1px solid #fff; color: #fff; font-size: 3rem; }
.ab02 .bot .fa.fa-angle-left { left: 27rem; }
.ab02 .bot .fa.fa-angle-right { right: 27rem; }
.ab02 .bot .fa:hover { background-color: var(--dex); border-color: var(--dex); }
.ab02 .bot .swiper-slide-active .box { display: block; animation: ab_fa 0.3s linear forwards; }
.ab02 .bot .swiper-slide-active .box p { display: block; }
.ab02 .bot .swiper-slide-active .box h4 { font-size: 200px; line-height: 1; color: #666; background: linear-gradient(to right, rgb(0 176 80) 0%, rgb(0 216 157) 25%, rgb(0, 248, 216) 50%, rgb(0 226 172) 75%, rgb(0 176 80) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: 10.4rem; font-weight: bold; line-height: 163px; text-align: center; }
.ab02 .bot .swiper-slide-prev .box, .ab02 .bot .swiper-slide-next .box { height: 16rem; display: flex; align-items: center; width: 100%; }
.ab02 .bot .swiper-slide-prev .box h4, .ab02 .bot .swiper-slide-next .box h4 { font-family: arial; font-size: 50px; line-height: 1; color: rgba(255, 255, 255, 0.4); }
.ab02 .bot .swiper-slide-prev .box { display: flex; }
.ab02 .bot .swiper-slide-prev h4 { left: 21rem; position: relative; }
.ab02 .bot .swiper-slide-next .box { justify-content: flex-end; display: flex; }
.ab02 .bot .swiper-slide-next h4 { right: 21rem; position: relative; }
.ab02 .bot .box { position: relative; }
.ab02 .bot .box h4 {    font-family: arial;  font-size: 16px; line-height: 1; color: #666; }
.ab02 .bot .box p { height: 7.2rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; font-size: 22px; line-height: 40px; color: #fff; width: 83.9rem; display: none; text-align: center; }
@keyframes ab_fa {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.ab03 { display: none; padding: 10.2rem 0 41rem; background: url("/style/img/ab03_bg.jpg"); background-size: cover; }
.ab03 .icenter .i_top { z-index: 1; margin-bottom: 2.2rem; text-align: center; }
.ab03 .icenter .bot { padding-top: 2rem; overflow: hidden; }
.ab03 .op { width: fit-content; margin: 4rem auto 0; display: flex; align-items: center; }
.ab03 .op .fa { position: unset; margin-top: 0px; background-image: none; font-size: 5rem; color: var(--dex); width: auto; height: auto; }
.ab03 .op .ab03Swiper-pagination { display: flex; align-items: center; margin: 0 3rem; position: relative; top: 2px; }
.ab03 .op .ab03Swiper-pagination .swiper-pagination-bullet { width: 0.8rem; height: 0.8rem; background: rgb(199, 226, 195); opacity: 1; margin: 0 0.5rem; }
.ab03 .op .ab03Swiper-pagination .swiper-pagination-bullet-active { background: var(--dex); }
.ab03 .bot .swiper .box { position: relative; top: 0px; transition: 0.3s; overflow: hidden; z-index: 1; position: relative; border-radius: 8px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.ab03 .bot .swiper .box:hover { top: -1.5rem; }
.ab03 .bot .swiper .box .imgbox img { height: 48.4rem; }
.ab03 .bot .swiper .box .imgbox { width: 100%; }
.ab03 .bot .swiper .box .text { width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.ab03 .bot .swiper .box .text img { width: 80%; margin: auto; }
.ab03 .bot .swiper .box .text span { font-size: 17px; color: #fff; margin-top: 3.2rem; text-align: center; line-height: 2.6rem; font-weight: bold; }
.plan_banner { position: fixed; top: 0px; left: 0px; height: 100vh; z-index: 0; width: 100%; overflow: hidden; }
.plan_banner:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.25; }
.plan_banner img { height: 100%; }
.plan_banner .text { width: 94%; z-index: 2; position: absolute; bottom: 15.3rem; left: 50%; transform: translateX(-50%); }
.plan_banner .text h3 { font-size: 70px; line-height: 1; color: #fff; font-weight: bold; margin-bottom: 3.8rem; }
.plan_banner .text h4 {     line-height: 34px; font-size: 26px; color: #fff; text-align: center;}
.plan01 { padding: 15.8rem 0 13.8rem; background: url("/style/img/plan01_bg.jpg"); background-size: cover; }
.plan01 p { font-size: 26px; line-height: 46px; color: #fff; margin-bottom: 3.7rem; }
.plan01 a { border-color: #fff; border-width: 2px; background-color: transparent; }
.plan01 a::after { color: #fff; left: -9px; }
.plan01 a span { position: relative; left: -9px; }
.plan01 a img { transition: 0s; filter: grayscale(10) brightness(10); width: 17px; position: absolute; right: 31px; top: 52%; transform: translateY(-50%); }
.plan01 a:hover { filter: none; border-color: #fff; }
.plan_h3 { font-size: 40px; line-height: 1; color: #333; font-weight: bold; }

.plan02 { background-color: rgb(245, 245, 245); padding: 13.3rem 0; }
.plan02 .icenter h3 { text-align: center; margin-bottom: 5rem; }
.plan02 .icenter  dd { border-radius: 1.5rem; padding: 8.1rem 5.3rem 10rem;}
.plan02 .icenter  dd .icon { padding: 1rem; border: 1px solid var(--dex); border-radius: 1rem; margin-bottom: 1.9rem;}
.plan02 .icenter  dd .icon img { width: 4.9rem; }
.plan02 .icenter  dd h4 { font-size: 30px; line-height: 1; color: #333; font-weight: bold; margin-bottom: 2rem; padding-bottom: 2rem; position: relative; }
.plan02 .icenter  dd h4::after { position: absolute; content: ""; width: 5rem; height: 2px; bottom: 0px; left: 50%; background-color: #ddd; transform: translateX(-50%); }
.plan02 .icenter  dd p { font-size: 18px; line-height: 30px; color: #666; text-align: center;}
.plan02 .icenter  dd:hover { background-color: #fff; }
.plan02 .bot {position: relative;}
.plan02 .swiper{
	overflow: hidden;
}
.plan02 .bot .fa {
	top: 44%;
	margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    font-size: 3rem;
    color: #fff;
    background-color: var(--dex);
    border: 1px solid var(--dex);
}
.plan02 .bot  .swiper-button-prev{ left: -5.5rem;}
.plan02 .bot  .swiper-button-next{ right: -5.5rem;}
.plan02 .bot .fa:hover {
	background-color: transparent;
	color: var(--dex);
}


.plan03 { position: relative; padding: 25rem 0 25rem; background: url("/style/img/plan03_bg.jpg?v=1"); background-size: cover; background-attachment: fixed; }
.plan03:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.3;
}
.plan03 .icenter {z-index: 3;position: relative;}
.plan03 .icenter h3 { text-align: center; color: #fff; margin-bottom: 3.7rem; }
.plan03 .icenter dl { margin: auto; width: fit-content; display: flex; }
.plan03 .icenter dl dd { width: 47rem; padding: 3.3rem 4.8rem; border: 1px solid #fff; border-radius: 1rem; display: flex; margin-right: 1.8rem; }
.plan03 .icenter dl dd .cc { width: fit-content; font-size: 18px; line-height: 30px; color: #fff; display: inline; }
.plan03 .icenter dl dd:last-child { margin-right: 0px; }
.plan03 .icenter strong { font-size: 50px; line-height: 1; color: #fff; font-family: "arial"; display: inline; }
.plan03 .icenter p {    text-align: center; font-size: 26px; line-height: 40px; color: #fff; color: #fff; margin: auto; width: 69.25%;}
.plan03 .icenter {display: flex;flex-direction: column;justify-content: center;align-items: center;}
/* v2 */
.plan03_v2 .p2 {margin-top: 2rem;}
.plan03_v2 {background: url("/style/img/plan03_v2.jpg"); background-size: cover; background-attachment: fixed;}
/* v3 */
.plan03_v3 .plan03_v3_p  strong{font-size: 34px;font-family: "微软雅黑";}
.plan03_v3 .plan03_v3_p {line-height: 38px;}
.plan03_v3 {background: url("/style/img/plan03_v3_b.jpg?v=1"); background-size: cover; background-attachment: fixed; }
.plan05.plan05_v3 {background: url("/style/img/plan05_v3.jpg?v=1"); background-size: cover; background-attachment: fixed;}
.plan05.plan05_v2 {background: url("/style/img/plan05_v2.jpg?v=1"); background-size: cover; background-attachment: fixed;}
.plan04 { padding: 13.5rem 0 15rem; }
.plan04 h3 { text-align: center; margin-bottom: 3rem;}
.plan04 img { width: auto;max-width: 100%; margin: auto; }

/* v4 */


.plan05 { padding: 18rem 0; background: url("/style/img/plan05_bg.jpg?v=1"); background-size: cover; background-attachment: fixed; }
.plan05 .icenter { z-index: 2; position: relative; }
.plan05 .icenter h3 { text-align: center; color: #fff; margin-bottom: 2.3rem; }
.plan05 .icenter p { text-align: center; font-size: 26px; line-height: 40px; color: #fff; color: #fff; margin: auto; width: 69.25%; }
.plan05:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.4; }
.plan06 {background-color: rgb(245, 245, 245); padding: 13.4rem 0;}
.plan06 h3 {text-align: center;margin-bottom: 3.3rem;}
.plan06 .icenter { display: flex; }
.plan06 .icenter a { background-color: #fff; width: 31.5%; margin-right: 3%;}
.plan06 .icenter a:nth-of-type(3n) { margin-right: 0px; }
.plan06 .icenter a .imgbox img { height: 28.6rem; }
.plan06 .icenter a .text { padding: 4.8rem 5rem; }
.plan06 .icenter a .text h4 { font-size: 30px; line-height: 40px; color: #333; font-weight: bold; margin-bottom: 2.4rem; }
.plan06 .icenter a .text h5 { font-size: 18px; line-height: 30px; color: #666; padding-bottom: 7.4rem; margin-bottom: 2.1rem; border-bottom: 1px solid #ddd; position: relative; }
.plan06 .icenter a .text h5::after { content: ""; bottom: 0px; left: 0px; position: absolute; width: 0%; height: 1px; background-color: var(--dex); transition: 0.3s; }
.plan06 .icenter a .text h6 { display: flex; align-items: center; font-size: 16px; line-height: 1; color: #666; }
.plan06 .icenter a .text h6 span { font-size: 16px; line-height: 1; color: #666; position: relative; transition: 0.3s; margin-left: 0.5rem; left: 0px; }
.plan06 .icenter a:hover .imgbox img { transform: scale(1.1); }
.plan06 .icenter a:hover h4 { color: var(--dex); }
.plan06 .icenter a:hover h5::after { width: 100%; }
.plan06 .icenter a:hover h6 { color: var(--dex); }
.plan06 .icenter a:hover h6 span { color: var(--dex); left: 1rem; }
.case dd { padding: 13.9rem 0; }
.case dd:nth-of-type(2n+1) { background-color: rgb(245, 245, 245); }
.case dd a { display: flex; justify-content: space-between; align-items: center; }
.case dd:nth-of-type(2n) a{ flex-flow: row-reverse; }
.case dd a .imgbox { width: 39.75%; }
.case dd a .imgbox img { height: 38.7rem; }
.case dd a .text { width: 53.125%; }
.case dd a .text h4 { font-size: 36px; line-height: 40px; color: #333; font-weight: bold; margin-bottom: 1.5rem; }
.case dd a .text p { font-size: 18px; line-height: 1; color: #666; margin-bottom: 4.2rem; }
.case dd a .text h5 { font-size: 30px; line-height: 1; color: #333; font-weight: bold; margin-bottom: 0.9rem; }
.case dd a .text .span { font-size: 16px; line-height: 1; color: #666; margin-bottom: 7.5rem; }
.case dd a:hover h4 { color: var(--dex); }
.case dd a:hover .imgbox img { transform: scale(1.1); }
.case dd a:hover .more { border-color: var(--dex); background-color: transparent; }
.case dd a:hover .more > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.case dd a:hover .more::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.caseinfo { margin: auto; width: 1000px; padding: 11.9rem 0 20rem; }
.caseinfo .case--title h3 { font-size: 36px; line-height: 1; color: #333; font-weight: bold; margin-bottom: 1.9rem; text-align: center; }
.caseinfo .case--title h4 { text-align: center; font-size: 18px; line-height: 1; color: #666; margin-bottom: 3.3rem; }
.caseinfo .case--swiper { position: relative; margin-bottom: 11.3rem; }
.caseinfo .case--swiper .swiper-container-horizontal > .swiper-pagination-bullets { bottom: -3.4rem; }
.caseinfo .case--swiper .swiper-pagination-bullet-active { opacity: 1; background: var(--dex); }
.caseinfo .case--content { margin-bottom: 6rem; }
.caseinfo .case--content font { font-size: 30px; line-height: 1; color: #333; font-weight: bold; padding-bottom: 1.4rem; margin-bottom: 1.4rem; border-bottom: 1px solid #bbb; display: block; font-family: "微软雅黑"; }
.caseinfo .case--content p { font-size: 20px; line-height: 36px; color: #666; }
.caseinfo .case--nav .t { margin-bottom: 5.8rem; }
.caseinfo .case--nav .t a { font-size: 20px; line-height: 1; color: #666; padding: 1.9rem 0; border-bottom: 1px solid #ddd; }
.caseinfo .case--nav .t a:nth-of-type(1) { border-top: 1px solid #ddd; }
.caseinfo .case--nav .t a:hover { color: var(--dex); }
.probanner { background: url("/style/img/pro_banner.jpg"); background-size: cover; height: 100vh; display: flex; align-items: center; justify-content: center; }
.probanner .icenter { display: flex; align-items: center; justify-content: space-between; }
.probanner .icenter .left { width: 45.625%; }
.probanner .icenter .left h3 { display: flex; align-items: flex-end; margin-bottom: 6rem; }
.probanner .icenter .left h3 strong { font-size: 80px; line-height: 58px; color: #fff; font-weight: bold; margin-right: 2rem; display: inline-block; font-family: arial; }
.probanner .icenter .left h3 span { font-size: 38px; line-height: 1; color: #fff; font-weight: bold; display: inline-block; }
.probanner .icenter .left dl { width: 65rem; display: flex; flex-flow: wrap; justify-content: space-between; margin-bottom: 4.1rem; }
.probanner .icenter .left dl dd {          margin-bottom: 3.9rem; width: 50%;}
.probanner .icenter .left dl dd h5 { font-size: 19px; line-height: 1; color: #fff; opacity: 0.6; margin-bottom: 2rem; }
.probanner .icenter .left dl dd h6 { font-size: 28px; line-height: 38px; color: #fff; font-family: "arial"; }
.probanner .icenter .left a { border-color: #fff; border-width: 2px; background-color: transparent; }
.probanner .icenter .left a::after { color: #fff; left: -9px; }
.probanner .icenter .left a span { position: relative; left: -9px; }
.probanner .icenter .left a img { transition: 0s; filter: grayscale(10) brightness(10); width: 17px; position: absolute; right: 31px; top: 52%; transform: translateY(-50%); }
.probanner .icenter .left a:hover { filter: none; border-color: #fff; }
.probanner .icenter .right { width: 51.5625%; }
.probanner .icenter .right img { height: 65rem; width: auto; max-width: 100%; }
.pro01 { padding: 14.7rem 0 34rem; background: url("/style/img/pro01_bg.jpg"); background-size: cover; }
.pro01 .icenter h3 { font-size: 50px; line-height: 1; color: #333; font-weight: bold; text-align: center; margin-bottom: 2.8rem; }
.pro01 .icenter p { font-size: 24px; line-height: 36px; color: #333; width: 110rem; text-align: center; }
._pro_img {position: relative; overflow: hidden; margin-bottom: 13.8rem;}
._pro_img p img {    width: auto; max-width: 100%; margin: auto; object-fit: contain; height: fit-content;}
.pro02 { padding: 13.8rem 0; }
.pro02 .icenter a { height: 48rem; padding: 0 4rem; background-color: rgb(247, 248, 251); border-radius: 1.4rem; }
.pro02 .icenter a .icon { width: 7rem; height: 7rem; border-radius: 0.5rem; border: 2px solid rgb(117, 117, 117); margin-bottom: 3.1rem; }
.pro02 .icenter a .icon img { width: 4rem; }
.pro02 .icenter a h4 { font-size: 30px; line-height: 1; color: #333; font-weight: bold; }
.pro02 .icenter a p { font-size: 18px; line-height: 30px; color: #fff; text-align: left; display: none; }
.pro02 .icenter a .line { height: 3.1rem; width: 1px; background-color: #ddd; margin: 2.8rem auto; }
.pro02 .icenter a span { font-size: 16px; line-height: 1; color: #666; font-family: arial; }
.pro02 .icenter a:hover { background: url("/style/img/pro02_ibg.jpg");    background-size: cover; }
.pro02 .icenter a:hover h4 { margin-bottom: 1.8rem; color: #fff; }
.pro02 .icenter a:hover p { display: block; }
.pro02 .icenter a:hover .line, .pro02 .icenter a:hover span, .pro02 .icenter a:hover .icon { display: none; }

.pro02 .bot {position: relative;}
.pro02 .swiper{
	overflow: hidden;
}
.pro02 .bot .fa {
	top: 44%;
	margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    font-size: 3rem;
    color: #fff;
    background-color: var(--dex);
    border: 1px solid var(--dex);
}
.pro02 .bot  .swiper-button-prev{ left: -5.5rem;}
.pro02 .bot  .swiper-button-next{ right: -5.5rem;}
.pro02 .bot .fa:hover {
	background-color: transparent;
	color: var(--dex);
}


.pro03 { position: relative;   z-index: 3; padding: 14rem 0; background: url("/style/img/pro03_bg.jpg"); background-size: cover; background-attachment: fixed; }
.pro03 .icenter h3 {  font-weight: bold; font-size: 40px; line-height: 1; color: #fff; margin-bottom: 2.3rem; }
.pro03 .icenter .icon { width: 7.2rem; height: 7.2rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.6); }
.pro03 .icenter .icon:hover {background-color: var(--dex);border-color: var(--dex);}
.pro03 .icenter .icon img { width: 2.9rem; }
.sup01 { padding: 13rem 0; background-color: rgb(245, 245, 245); }
.sup01 .icenter h3 { text-align: center; margin-bottom: 3.6rem; }
.sup01 .icenter .content  .box {margin-bottom: 3rem;}
.sup01 .icenter .content  .box  h4 { font-weight: bold; font-size: 24px; line-height: 1; color: #333; margin-bottom: 2.3rem; }
.sup01 .icenter .content  .box .cc { display: flex; flex-flow: wrap; }
.sup01 .icenter .content a { background-color: #fff; border-radius: 0.8rem; width: 32.3%; margin-right: 1.55%; margin-bottom: 1.55%; padding: 4.5rem; display: flex; align-items: center; }
.sup01 .icenter .content a:nth-of-type(3n) { margin-right: 0px; }
.sup01 .icenter .content a .icon { margin-right: 1.9rem; width: 6.8rem; height: 6.8rem; border: 2px solid var(--dex); border-radius: 50%; }
.sup01 .icenter .content a .icon img { width: 3.6rem; transition: 0s; }
.sup01 .icenter .content a .text h4 { font-size: 20px; line-height: 1; color: #333; font-weight: bold; margin-bottom: 1.1rem; }
.sup01 .icenter .content a .text h5 { display: flex; align-items: center; font-size: 16px; line-height: 1; color: #666; }
.sup01 .icenter .content a .text h5 img { transition: 0s; width: 1.8rem; margin-left: 1.2rem; }
.sup01 .icenter .content a:hover { background-color: var(--dex); }
.sup01 .icenter .content a:hover .icon { border-color: #fff; }
.sup01 .icenter .content a:hover .icon img { filter: grayscale(10) brightness(10); }
.sup01 .icenter .content a:hover .text h4 { color: #fff; }
.sup01 .icenter .content a:hover .text h5 { color: #fff; }
.sup01 .icenter .content a:hover .text h5 img { filter: grayscale(10) brightness(10); }
.sup02 { padding: 20rem 0 20rem; background: url("/style/img/sup02_bg.jpg"); background-size: cover; background-attachment: fixed; }
.sup02:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.4; }
.sup02 .icenter { z-index: 2; }
.sup02 .icenter h3 { margin-bottom: 1.8rem; color: #fff; }
.sup02 .icenter p { font-size: 30px; line-height: 1; color: #fff; margin-bottom: 4rem; }
.sup02 .icenter .box { width: 55.3rem; height: 14.2rem; border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.5); }
.sup02 .icenter .box h4 { font-size: 16px; line-height: 1; color: #fff; margin-bottom: 0.5rem; }
.sup02 .icenter .box h5 { font-size: 40px; line-height: 1; color: #fff; font-family: "arial"; font-weight: bold; }
.news { padding: 14.2rem 0 15.5rem; background-color: rgb(245, 245, 245); }
.news .icenter { display: flex; flex-flow: wrap; }
.news .icenter a { background-color: #fff; width: 31.5%; margin-right: 2.75%; margin-bottom: 2.75%; }
.news .icenter a:nth-of-type(3n) { margin-right: 0px; }
.news .icenter a .imgbox img { height: 28.7rem; }
.news .icenter a .text { padding: 3.5rem 5.4rem 5.5rem; }
.news .icenter a .text h4 { font-size: 14px; line-height: 1; color: #fff; border-radius: 0.5rem; padding: 0.7rem 1.3rem; background-color: var(--dex); margin-bottom: 1.5rem; width: fit-content; font-family: arial; }
.news .icenter a .text h3 {    height: 7.2rem; font-size: 26px; line-height: 36px; color: #333; font-weight: bold; margin-bottom: 2.6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.news .icenter a .text p { 
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
overflow: hidden;	
	font-size: 16px; line-height: 1; color: #666;  position: relative; }
.news .icenter a .text h5::after { content: ""; top: 0px; left: 0px; position: absolute; width: 0%; height: 1px; background-color: var(--dex); transition: 0.3s; }
.news .icenter a .text h5 {width: 100%;
    position: relative;
	padding-top: 2.3rem; margin-top: 7.3rem; border-top: 1px solid #ddd;
	display: flex; align-items: center; font-size: 16px; line-height: 1; color: #666; }
.news .icenter a .text h5 span { position: relative; transition: 0.3s; left: 0px; font-size: 16px; line-height: 1; color: #666; margin-left: 0.5rem; }
.news .icenter a:hover .imgbox img { transform: scale(1.1); }
.news .icenter a:hover .text h3 { color: var(--dex); }
.news .icenter a:hover .text h5:after { width: 100%; }
.news .icenter a:hover .text h5 { color: var(--dex); }
.news .icenter a:hover .text h5 span { color: var(--dex); left: 1rem; }

/* page */
.page { display: flex; justify-content: flex-start; align-items: center; width: fit-content; margin: auto; margin-top: 5rem; }
.page h2 { display: none; }
.page .pagination .nav-links { display: flex; justify-content: center; align-items: center; }
.page span { border-radius: 5px; width: 4.4rem; height: 4.4rem; border: 1px solid #cbcbcb; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #464647; margin-right: 1.5rem; }
.page a, .page .dots { border-radius: 5px; width: 4.4rem; height: 4.4rem; border: 1px solid #cbcbcb; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #464647; margin-right: 1.5rem; background: #fff; }
.page a:last-child { margin-right: 0px; }
.page span:hover { color: #fff; background-color: var(--dex); border-color: var(--dex); }
.page span, .page .active { color: #fff; background-color: var(--dex); border-color: var(--dex); }
.page a:hover { color: #fff; background-color: var(--dex); border-color: var(--dex); }
.con01 { padding: 13rem 0; }
.con01 .icenter { justify-content: space-between; display: flex; align-items: center; }
.con01 .icenter .left h3 { margin-bottom: 3.2rem; }
.con01 .icenter .left .wem span { font-size: 16px; line-height: 1; color: var(--dex); margin-bottom: 1.3rem; }
.con01 .icenter .left .wem img { width: 14rem; }
.con01 .icenter .right {width: 57%;}
.con01 .icenter .right dd { margin-bottom: 1.7rem; }
.con01 .icenter .right dd span { font-size: 16px; line-height: 1; color: var(--dex); margin-bottom: 0.9rem; }
.con01 .icenter .right dd h4 { font-size: 22px; line-height: 1; color: #333; font-family: "arial"; }
.con01 .icenter .right dd:last-child { margin-bottom: 0px; }
.con02 .bg img { height: 52rem; }
.con02 .box { z-index: 2; }
.con02 .box img { width: 2.8rem; margin-bottom: 1.5rem; position: relative; animation: dou 1.4s linear infinite; margin: 0 auto 2.3rem; }
.con02 .box a { width: 21.4rem; }
@keyframes dou {
	0% { top: 0; }
	50% { top: 1.5rem; }
	100% { top: 0; }
}
.con03 { padding: 17.5rem 0 41.5rem; background: url("/style/img/con03_bg.jpg"); background-size: cover; }
.con03 .icenter h3 { margin-bottom: 3.9rem; color: #fff; }
.con03 .icenter form button { cursor: pointer; }
.con03 .icenter form .label { justify-content: space-between; display: flex; margin-bottom: 4.6rem; }
.con03 .icenter form .label .g span { font-size: 18px; line-height: 1; color: #fff; margin-bottom: 1.5rem; }
.con03 .icenter form .label .g input { outline: none; border: 1px solid #fff; border-radius: 0.5rem; height: 4.8rem; background-color: transparent; width: 100%; font-size: 18px; color: #fff; text-indent: 2rem; font-weight: 100; }
.con03 .icenter form .label .g textarea { width: 100%; outline: none; border: 1px solid #fff; border-radius: 0.5rem; height: 17.6rem; background-color: transparent; font-size: 18px; color: #fff; text-indent: 2rem; padding-top: 1rem; font-weight: 100; }
.con03 .icenter form .label:nth-of-type(2) .g { width: 32.5%; }
.con03 .icenter form .label:nth-of-type(3) .g { width: 49.3%; }
.con03 .icenter form .label:nth-of-type(4) .g { width: 100%; }
.fix { margin-top: 100vh; background-color: #fff; overflow: hidden; position: relative; }


/* 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: 33px; 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; overflow: hidden; 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;}
.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);}




@media screen and (max-width:1600px) {
	html { font-size: 7.3px; }
	.icenter { width: 1160px; }
	.ibanner .text h3 { font-size: 35px; line-height: 45px; margin-bottom: 2rem; }
	.ibanner .text p { font-size: 14px; line-height: 22px; }
	.ibanner .i_b{    width: 9rem; height: 9rem;}
	.ibanner .i_ri span{width: 1rem; height: 1rem;}
	.head .right li h3 a { font-size: 13px; }
	.head .right { width: 55%; }
	.head .op .lang h4 { font-size: 13px; line-height: 24px; }
	.i_top span { font-size: 13px; }
	.i_top h3 {     font-size: 24px; line-height: 34px; }
	.i01 .icenter dl dd .icon { width: 5rem; }
	.i01 .icenter dl dd .text h4 { font-size: 12px; }
	.i01 .icenter dl dd .text h5 strong { font-size: 40px; line-height: 54px; }
	.i01 .icenter dl dd .text h5 span{font-size: 30px;}
	.i01 .icenter p { font-size: 13px; margin: 4.4rem 0 7.6rem; }
	.more > span{    font-size: 1.4rem;}
	.i01 .icenter dl { padding: 4.5rem 0; }
	.i01 .icenter .i_top { margin-bottom: 4.4rem; }
	.ibanner .i_b { left: calc((100% - 1160px) / 2); }
	.ibanner .i_ri { right: calc((100% - 1160px) / 2); }
	.i02 .icenter .bot_nav a .icon img { width: 4.2rem; }
	.i02 .icenter .bot_nav a h4 { font-size: 18px; }
	.i02 .icenter .bot_nav a h5 { font-size: 12px; }
	.i03 .i_top { margin-bottom: 6rem; }
	.i03 .bot ul li .icon img { height: 4rem; }
	.i03 .bot ul li:nth-of-type(1) .icon img { width: 5rem; height: auto; }
	.i03 .bot ul li .circle { border: 4px solid var(--dex); }
	.i03 .bot ul li { border: 4px solid transparent; width: 9rem; height: 9rem; }
	.i03 .bot .ri_swiper .box .text { width: 44.595166%; }
	.i03 .bot .ri_swiper .box .text h3 { font-size: 36px; line-height: 50px; }
	.i03 .bot .ri_swiper .box .text h4 { font-size: 26px; }
	.i03 .bot .ri_swiper .box .text p { font-size: 13px; line-height: 23px; }
	.i03 .bot ul li .wrapper{width: 9rem; height: 9rem; clip: rect(0, 9rem, 9rem, 4.5rem);}
	.i03 .bot ul li .circle{width: 9rem; height: 9rem; clip: rect(0, 4.5rem, 9rem, 0rem);}
	.i04 .icenter .bot .le .text .date span { font-size: 14px; }
	.i04 .icenter .bot .le .text h4 { font-size: 16px; line-height: 26px; }
	.i04 .icenter .bot .le .text p { font-size: 13px; line-height: 23px; }
	.i04 .icenter .bot .ri a .text .date span { font-size: 14px; }
	.i04 .icenter .bot .ri a .text h4 { font-size: 14px; line-height: 22px; }
	.i04 .icenter .bot .ri a .text h5 { font-size: 12px; }
	.i04 .icenter .bot .ri a .text h5 span { font-size: 14px; }
	.i04 .icenter .bot .ri a .text .date{    margin-bottom: 1rem;}
	.i04 .icenter .bot .ri a .text h4{margin-bottom: 2rem;}
	.i04 .icenter .bot .ri a{padding-bottom: 2rem; margin-bottom: 2rem;}
	.i04 .icenter .bot .le .text .date{margin-bottom: 1rem;}
	.i04 .icenter .bot .le .text p{    margin-bottom: 3rem;}
	.footer .fo01 .ri .ri__top h4 { font-size: 22px; line-height: 28px; margin-bottom: 3.6rem; }
	.footer .fo01 .ri .ri__top h4 span {font-size: 12px; color: #FFFFFF;}
	.footer .fo01 .ri .ri__top ul li span { font-size: 14px; line-height: 20px; }
	.footer .fo01 .ri .ri__bot .share a{width: 3.5rem; height: 3.5rem;}
	.footer { padding: 12.5rem 0 7rem; }
	.footer .fo01 .ri .ri__top { margin-bottom: 15.5rem; }
	.footer .fo01 .ri .ri__bot .share a img { width: auto; height: 1.4rem; }
	.footer .fo01 .ri .ri__bot dl dd a { font-size: 13px; }
	.footer .fo02 .box a { font-size: 12px; }
	.footer .fo01 .wen { font-size: 194px; }
	.footer .fo01 .le{width: 20rem;}
	.i02 .icenter .i_top { margin-bottom: 40vh; }
	.innerbanner .text span { font-size: 20px; }
	.innerbanner .text h3 { font-size: 35px; line-height: 45px; }
	.innerbanner .nav_text .icenter a { font-size: 17px; }
	.ab01 .i_top h3 { font-size: 24px; }
	.ab01 .icenter .top .le p { font-size: 13px; line-height: 23px; }
	.ab02 .bot .swiper-slide-active .box h4 { font-size: 134px; line-height: 124px; }
	.ab02 .bot .box p { font-size: 17px; line-height: 27px; }
	.ab02 .i_top { margin-bottom: 7rem; }
	.ab02 .bot .swiper-slide-prev .box h4, .ab02 .bot .swiper-slide-next .box h4 { font-size: 36px; }
	.ab02 .bot .fa { top: 26.7%; width: 6rem; height: 6rem; font-size: 3rem; }
	.ab03 .bot .swiper .box .text span { font-size: 15px; margin-top: 2.2rem; }
	.ab03 { padding: 10.2rem 0 32rem; }
	.probanner .icenter .left h3 strong {    font-size: 44px; line-height: 44px;}
	.probanner .icenter .left h3 span { font-size: 22px; }
	.more::after{font-size: 1.4rem;}
	.probanner .icenter .left dl dd h5 { font-size: 13px; margin-bottom: 1.5rem; }
	.probanner .icenter .left dl dd h6 {     font-size: 17px; line-height: 25px;}
	.probanner .icenter .left a img { width: 13px; right: 25px; top: 52%; }
	.pro01 .icenter h3 { font-size: 22px; }
	.pro01 .icenter p {  font-size: 13px; line-height: 26px; width: 102rem;}
	.pro02 .icenter a h4 { font-size: 18px; }
	.pro02 .icenter a span { font-size: 13px; }
	.pro02 .icenter a p { font-size: 14px; line-height: 26px; }
	.pro03 .icenter h3 { font-size: 26px; }
	.sup01 .icenter .content a .text h4 { font-size: 13px; }
	.sup01 .icenter .content a .text h5 { font-size: 12px; }
	.plan_h3 { font-size: 24px; }
	.sup02 .icenter p { font-size: 16px; }
	.sup02 .icenter .box h4 { font-size: 13px; }
	.sup02 .icenter .box h5 { font-size: 20px;  }
	.sup02 .icenter .box{width: 42.3rem; height: 12.2rem;}
	.news .icenter a .text { padding: 3.5rem 4.4rem 5.5rem; }
	.news .icenter a .text h3 {font-size: 16px; line-height: 26px;     margin-bottom: 1.8rem; }
	.news .icenter a .text h4 { font-size: 12px; }
	.news .icenter a .text p { font-size: 12px; line-height: 20px; }
	.news .icenter a .text h5 { font-size: 13px;   margin-top: 4.3rem;}
	.news .icenter a .text h5 span { font-size: 13px; }
	.plan_banner .text h3 { font-size: 34px;     margin-bottom: 1.8rem;}
	.plan_banner .text{bottom: 11.3rem;}	
	.plan_banner .text h4 { font-size: 15px; }
	.plan01 p { font-size: 13px; line-height: 26px; }
	.plan01 a img { width: 14px; right: 25px; }
	.plan02 .icenter  dd h4 { font-size: 18px; }
	.plan02 .icenter  dd p { font-size: 13px; line-height: 24px; }
	.plan03 { padding: 17rem 0 17rem; }
	.plan03 .icenter dl dd .cc { font-size: 14px; line-height: 26px; }
	.plan03 .icenter  strong { font-size: 40px; }
	.plan03 .icenter dl dd { padding: 3.3rem 5.8rem; }
	.plan05 .icenter p { font-size: 16px; line-height: 28px; width: 59.25%; }
	.plan06 .icenter a .text h4 { font-size: 20px; line-height: 33px; }
	.plan06 .icenter a .text h5 { font-size: 15px; line-height: 26px; }
	.plan06 .icenter a .text h6 { font-size: 14px; }
	.plan06 .icenter a .text h6 span { font-size: 14px; }
	.case dd a .text h4 { font-size: 24px; line-height: 36px; }
	.case dd a .text p { font-size: 12px; }
	.case dd a .text h5 { font-size: 18px; }
	.case dd a .text .span { font-size: 12px; }
	.caseinfo .case--content p { font-size: 14px; line-height: 24px; }
	.caseinfo .case--content font { font-size: 20px; }
	.caseinfo .case--title h3 { font-size: 28px; }
	.caseinfo { padding: 15.9rem 0 20rem; }
	.caseinfo .case--title h4 { font-size: 13px; }
	.caseinfo{width: 800px;}
	.caseinfo .case--nav .t a { font-size: 13px; }
	.con01 .icenter .left .wem span { font-size: 14px; }
	.con01 .icenter .right dd span { font-size: 12px; }
	.con01 .icenter .right dd h4 { font-size: 16px; }
	.con03 .icenter form .label .g span { font-size: 13px; }
	.con03 .icenter form .label .g textarea { font-size: 16px; }
	.con03 .icenter form .label .g input { font-size: 16px; }
	.con03 { padding: 16.5rem 0 37.5rem; }
	.news_banner { padding: 153px 0 70px; }
	.newshowtxt p { font-size: 14px; line-height: 24px; margin-bottom: 8px; }
	.news_banner h4 { font-size: 22px; margin-bottom: 12px; }
	.news_banner h5 span:nth-of-type(1) { margin-right: 32px; }
	.news_banner h5 { font-size: 12px; }
	.newshowtxt { width: 800px; margin: 80px auto 110px; }
	.news_banner .text { width: 800px;}
	.sxy { margin-top: 60px;}
	.sxy a { padding: 13px 0; font-size: 16px; }
	.bottomfx { margin-top: 40px;}
	.bottomfx dd span { font-size: 18px; line-height: 36px; margin-right: 18px; }
	.bottomfx dd .share a { width: 36px; height: 36px; line-height: 36px; margin-right: 8px; font-size: 15px; }
	.plan03 .icenter p { font-size: 16px; line-height: 28px; width: 59.25%;}
	.plan04 img{width: 80%;}
	.plan03_v3 .plan03_v3_p { line-height: 36px; }
	.plan03 .icenter strong { font-size: 32px; }
	.div1 .head .right ul li .last-nav a {     font-size: 13px; line-height: 44px;}
	.div1 .head .right ul li .last-nav { width: 156px;}
	.sup01 .icenter .content .box h4 { font-size: 16px;}
	
	.ibanner .text p { width: 71.3rem;}
	.con01 .icenter .left .wem img{width: 12rem;}



}

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

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