*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box; }
.clearfix::after { display: block; clear: both; content: ""; }
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none;font-family:Open Sans,"calibri"; }
html{ font-family: Open Sans,Arial,'微软雅黑';color: #fff;background-color:#fff;font-size: 62.5%;}
h3,h4,h5,h6,a,span,p{color: #fff;font-weight: normal;/*display: block;*/font-family:Open Sans,"calibri",Arial,'微软雅黑';}
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%;position: relative;}
.imgbox {overflow: hidden;position: relative;}
@font-face{
font-family:"calibri";
src: url("../font/SourceHanSansK-RegularSub.woff") format("woff"),
url("../font/SourceHanSansK-RegularSub.ttf") format("truetype"),
url("../font/SourceHanSansK-RegularSub.eot") format("embedded-opentype"),
url("../font/SourceHanSansK-RegularSub.otf") format("opentype");
}
/*background-color: var(--white); */
@font-face{
font-family:"alibb";
font-display: swap;
src: url("../font/Alibaba-PuHuiTi-Regular.woff") format("woff"),
url("../font/Alibaba-PuHuiTi-Regular.ttf") format("truetype"),
/* url("../font/TitilliumWeb-Regular-10.eot") format("embedded-opentype"), */
url("../font/Alibaba-PuHuiTi-Regular.otf") format("opentype"),
url('../font/Alibaba-PuHuiTi-Regular.svg') format('svg');
}
@font-face{
font-family:"Open Sans";
font-display: swap;
/* src: url("../font/Open-Sans-2_1.woff") format("woff"),
url("../font/Open-Sans-2.ttf") format("truetype"),
url("../font/Open-Sans-2.otf") format("opentype"),
url('../font/Open-Sans-2.svg') format('svg'); */
src: url("../font/Open-Sans-2.woff") format("woff"),
url("../font/Open-Sans-2.ttf") format("truetype"),
url("../font/Open-Sans-2.otf") format("opentype"),
url('../font/Open-Sans-2.svg') format('svg');
}
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 300;
src: local("Open Sans Light"), local("OpenSans-Light"), url("../font/open-sans-300.woff2") format("woff2")
}
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 400;
src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../font/open-sans-regular.woff2") format("woff2")
}
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 600;
src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../font/open-sans-600.woff2") format("woff2")
}
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 700;
src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../font/open-sans-700.woff2") format("woff2")
}
/* 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: 99999999999999999;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;}
.h5-index {display: none;height: 100%;}
.h5_ditu {display: none;}
.fac05_h5 {display: none;}
.comp06_h5 {display:none}
.head_b .left .logo .logo2 { display: none; }
/* common */
.icenter {width: 89%;margin: auto;}
.icenter1 {width: 1400px;margin: auto;}
/* meng */
.meng { position: fixed; width: 100%; height: 100%; z-index: 99999; top: 0px; left: 0px; transition: 3s; transform: scale(1); opacity: 1; background-color: #fff; display: none; align-items: center; justify-content: center;}
.meng img {height: auto; width: 400px;}
.meng .box p{ color: #333; font-size: 20px; margin-top: 20px; margin-bottom: 30px; text-align: center;font-family: "小米兰亭";}
#spinningSquaresG { position: relative; width: 150px; height: 18px; margin: auto; }
.spinningSquaresG { position: absolute; top: 0; background-color: #666; width: 18px; height: 18px; animation-name: bounce_spinningSquaresG; -o-animation-name: bounce_spinningSquaresG; -ms-animation-name: bounce_spinningSquaresG; -webkit-animation-name: bounce_spinningSquaresG; -moz-animation-name: bounce_spinningSquaresG; animation-duration: 1.5s; -o-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; transform: scale(0.3); -o-transform: scale(0.3); -ms-transform: scale(0.3); -webkit-transform: scale(0.3); -moz-transform: scale(0.3); }
#spinningSquaresG_1 { left: 0; animation-delay: 0.6s; -o-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; }
#spinningSquaresG_2 { left: 19px; animation-delay: 0.75s; -o-animation-delay: 0.75s; -ms-animation-delay: 0.75s; -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; }
#spinningSquaresG_3 { left: 37px; animation-delay: 0.9s; -o-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; }
#spinningSquaresG_4 { left: 56px; animation-delay: 1.05s; -o-animation-delay: 1.05s; -ms-animation-delay: 1.05s; -webkit-animation-delay: 1.05s; -moz-animation-delay: 1.05s; }
#spinningSquaresG_5 { left: 75px; animation-delay: 1.2s; -o-animation-delay: 1.2s; -ms-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; }
#spinningSquaresG_6 { left: 94px; animation-delay: 1.35s; -o-animation-delay: 1.35s; -ms-animation-delay: 1.35s; -webkit-animation-delay: 1.35s; -moz-animation-delay: 1.35s; }
#spinningSquaresG_7 { left: 112px; animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; }
#spinningSquaresG_8 { left: 131px; animation-delay: 1.64s; -o-animation-delay: 1.64s; -ms-animation-delay: 1.64s; -webkit-animation-delay: 1.64s; -moz-animation-delay: 1.64s; }
@keyframes bounce_spinningSquaresG {
0% {
transform: scale(1);
background-color: #666;
}
100% {
transform: scale(0.3) rotate(90deg);
background-color: #fff;
}
}
/* fix_sub */
.fixed-sub { display: none; position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: auto; z-index: 55; right: 0px;}
.fixed-sub ul li {width: 80px;height: 80px;background-color: var(--dex);position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 1px;}
.fixed-sub ul li a {font-size: 18px;color: #ffffff;}
.fixed-sub ul li p { font-size: 14px; margin-top: 4px; }
.fixed-sub ul li a span img {width: 23px;margin: auto;transition: .3s;}
.fixed-sub ul li:nth-of-type(3){margin-bottom: 0px;}
.fixed-sub ul li:nth-of-type(1) {border-top-right-radius: 50%; border-top-left-radius: 50%;}
.fixed-sub ul li:nth-of-type(3) {border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}
.fixed-sub ul li:nth-of-type(1) .tel { display: none; padding: 19px; color: #fff; font-size: 16px; position: absolute; background-color: var(--dex); box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -237px; text-align: center; top: 6px;}
.fixed-sub ul li:nth-of-type(1) .tel i { margin-right: -7px; font-size: 20px; color: #fff;}
.fixed-sub ul li:nth-of-type(1) .tel h2::after {top: 7px; right: -23px; position: absolute;width: 8px;height: 8px;transform: rotate(45deg);background-color: var(--dex);content: "";box-shadow: 1px -1px 1px rgb(0 0 0 / 22%);}
.fixed-sub ul li:nth-of-type(1) .tel h2 { position: relative;font-size: 22px;color: #fff}
.fixed-sub ul li:nth-of-type(1):hover .tel{display: block;}
.fixed-sub ul li:hover {background-color:var(--dex);}
.fixed-sub ul li:hover span img {transform: scale(1.1);}
.fixed-sub ul li:hover p { color: #ffffffd9;}
/* head */
.div1 {position: fixed; top: 0px; width: 100%; z-index: 99; -webkit-box-shadow: 0px 6px 13px 0px RGBA(0, 0, 0, 0.06); box-shadow: 0px 6px 13px 0px RGBA(0, 0, 0, 0.06); }
.head { box-sizing: border-box;}
.head_t { transition: 0.5s; background-color: #00152b; height: 38px; display: flex; align-items: center;}
.head_t .icenter {display: flex;justify-content: flex-end;}
.head_t .content {display: flex;align-items: center;}
.head_t .content a { transition: 0.3s; align-items: center; padding-left: 20px; margin-left: 20px; border-left: 1px dashed rgba(225, 227, 226, 0.2);font-size: 1.4rem;color: rgba(255, 255, 255, 0.6); display: flex;}
.head_t .content a:hover {color: rgba(255, 255, 255, 1);}
.head_t .content a:first-child{border: 0px;}
.head_t .content a img {width: 17px;margin-right: 10px;}
.head_t .content .language{position: relative;cursor:pointer;}
.head_t .content .language span{transition: 0.3s; align-items: center; padding-left: 20px; margin-left: 20px; border-left: 1px dashed rgba(225, 227, 226, 0.2); font-size: 1.4rem; color: rgba(255, 255, 255, 0.6); display: flex;height: 38px;}
.head_t .content .language span img{width: 17px; margin-right: 10px;}
.head_t .content .language span i{font-size: 1.4rem; color: rgba(255, 255, 255, 0.6); font-style: inherit;}
.head_t .content .language font{ opacity: 0;visibility: hidden;position: absolute; background-color: #00152b; padding:10px 20px; display: block; text-align: left;width: 100px;left: 50%;margin-left: -26px;}
.head_t .content .language:hover font{ opacity: 1;visibility: visible;}
.head_t .content .language font a{padding: 0;display: block;margin: 5px 0;}
.head_t{ position: relative;z-index: 3;}
.head_b {height: 85px;background-color: #fff; transition: 0.3s;}
.head_b .icenter {display: flex;justify-content: space-between;align-items: center; height: 100%;}
.head_b .left { width: 33.7%; position: relative; height: 100%; display: flex; align-items: center; justify-content: center;}
.head_b .left .logo { position: relative; z-index: 20; margin-top: 20px;transition: 0.3s;}
.head_b .left .logo img {width: 200px;}
.head_b .left::before {transition: 0.1s; top: 0px; right: 0; height: calc(100% + 20px); width: 100000px; left: auto; -webkit-transform: skewX(-10deg); transform: skewX(-10deg); z-index: 12; background-color: var(--dex); content: ''; position: absolute; }
.head_b .left:after { transition: 0.1s; content: ''; position: absolute; background-color: #435880; z-index: 10; top: 0; right: -15px; height: calc(100% + 35px); width: 100000px; opacity: 0.2; -webkit-transform: skewX(-10deg); transform: skewX(-10deg); }
.head_b .right ul {display: flex;}
.head_b .right ul li {margin: 0px 18px;}
.head_b .right ul li .a {line-height: 85px; color: #333;font-size: 1.6rem;transition: 0.3s;position: relative;}
.head_b .right ul li .a::after {position: absolute; content: ""; bottom: 0px; left: 50%; width: 0%; transform: translateX(-50%); transition: 0.3s; height: 3px; background-color: var(--dex);}
.head_b .right ul li:hover .a::after{width: 100%;}
.head_b .right ul li:hover .a{color: var(--dex);}
.head_b .right ul li:last-of-type{margin-right: 0px;}
.div1 .head_b .left .logo1{display: block;}
.div2 .head_t{height: 0px;opacity: 0;}
.div2 .head_b .left .logo { margin-top: 0px; }
.div2 .head_b .left .logo img {width: 170px;}
.div2 {animation: appear 0.8s;}
.div2 .head_b .left:after{height: 100%;}
.div2 .head_b .left::before {height: 100%;}
@keyframes appear {
from{
transform: translate3d(0,-158px,0);
}
100%{
transform: translate3d(0,0,0);
}
}
/* n-nav02 */
.nav li {position: relative;}
.n-nav02{width: 200px;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);padding-top: 10px;opacity: 0;visibility: hidden;transition: all .3s;}
.n-nav02:before{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-bottom-color: var(--dex);position: absolute;top: -10px;left: 50%;margin-left: -10px;}
.n-nav02 .min{width: 100%;overflow: hidden;border-radius: 10px;}
.n-nav02 a{display: block;width: 100%;line-height: 50px;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.3);font-size: 14px;color: #ffffff;background-color: var(--dex);}
.n-nav02 a:last-of-type{border-bottom: 0px;}
.nav li:hover .n-nav02{opacity: 1;visibility: visible;}
.n-nav02 a:hover{color: rgba(255,255,255,0.8);}
/* banner */
.index_banner .amore:hover::after { background-color: #fff; border-color: #fff;}
.index_banner video {width: 100%;height: 100%;object-fit: cover;}
.index_banner .amore:hover {color: var(--dex);}
.index_banner .box {height: 100%;}
.index_banner .box .b-video {height:100%}
.index_banner .box img {height: 100%;}
.index_banner .box::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 2; }
.index_banner .banner_dex {position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; z-index: 30;}
.index_banner .banner_dex .fa { position: unset; background-image: none; font-size: 3.1rem; color: #fff; outline: none; width: auto; height: auto; margin: 0px; padding: 0px; margin-top: -3px;}
.index_banner .indexSwiper-pagination { width: 120px; height: 4px; position: relative; margin: 0 16px; background: rgba(255,255,255,.25);}
.index_banner .indexSwiper-pagination .swiper-pagination-progressbar-fill { background: var(--dex);}
.index_banner .sp_1{margin-left: 20px;font-size: 1.4rem;}
.index_banner .sp_2{margin-right: 20px;font-size: 1.4rem;}
.indexSwiper{overflow: hidden; height: 100%;}
.indexSwiper .box .text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.indexSwiper .box .text h3 {font-size: 2.4rem;margin-bottom: 24px;}
.indexSwiper .box .text h4 {font-size: 8rem;font-weight: 500;margin-bottom: 62px; line-height: 106px;font-family: 'alibb';}
.index_banner{ position: relative; margin-top: 115px; height: calc(100% - 115px);}
.waves { position: absolute; width: 100%; height: 80px; margin-top: 0; margin-bottom: -8px; left: 0; bottom: 0; width: 100%; z-index: 3; margin-top: -80px; }
.parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {0% {transform: translate3d(-90px,0,0);}100% { transform: translate3d(85px,0,0);}}
.amore { box-sizing: border-box; border-radius: 5px; background: transparent;; color: #fff; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; border-radius: 5px; z-index: 0; overflow: hidden; position: relative; font-size: 16px; width: 165px; height: 45px; display: flex; align-items: center; justify-content: center; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); border: 1px solid #fff; border-radius: 42px; }
.amore::after { box-sizing: border-box; border-radius: 5px; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: inherit; opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.amore:hover::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; background-color: var(--dex); }
/* index-1 */
.index_1{position: relative;overflow: hidden; padding: 100px 0 0px;}
.index_1 h3 {color: #333;margin-bottom: 30px; text-align: center;}
.index_1 .bot_cc {overflow: hidden; padding-bottom: 130px;}
.index_1 .box a { width: 100%; position: relative; border-radius: 12px; overflow: hidden;}
.index_1 .box a img {transition: all 2s ease-out;}
.index_1 .box a:hover .imgbox img{transform: scale(1.3);}
.index_1 .box a a {position: relative;}
.index_1 .box a::after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(0,0,0,0.4); transition: all .3s;}
.index_1 .box a:hover::after { background-color:var(--dex);opacity: 0.5; }
.index_1 .box a .text {position: absolute;left: 50%;top: 56%;transform: translate(-50%,-50%);width: 77%;z-index: 3;}
.index_1 .box a .text .icon {width: 76px;height: 76px;border-radius: 50%;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;margin-bottom: 305px;}
.index_1 .box a .text .icon img {width: 38px;}
.index_1 .box a .text .amore {opacity: 0;transition: 0.3s;}
.index_1 .box a .text .mid {transition: 0.3s;margin-bottom: 50px;}
.index_1 .box a:hover .text .mid {transform:translateY(-80px);}
.index_1 .box a .text .mid h4 {font-size: 3.4rem;margin-bottom: 18px;font-weight: 610;}
.index_1 .box a .text .mid h5 {font-size: 1.6rem;line-height: 26px; height: 104px;}
.index_1 .box a:hover .text .amore {opacity: 1;transform:translateY(-80px);}
.index_1 .box a .amore::after { background-color: #fff;}
.index_1 .box a .text .amore:hover {color: var(--dex);}
.index_1 .box a .img {height: 700px;}
.index_1 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 88px;}
.index_1 .swiper-pagination-bullet-active { opacity: 1; background: var(--dex); }
/* index-2 */
.index_2 {position: relative;overflow: hidden;padding: 120px 0;background: url(../images/home_c_bg.jpg);background-size: cover;}
.index_2 .h3_com {margin-bottom: 10px;}
.index_2::before { position: absolute; content: ""; background: url(../images/home_c_bg.jpg); left: 0px; top: 0px; height: 100%; width: 48%; z-index: 10; background-size: cover;}
.index_2 .icenter1 {display: flex;align-items: center;justify-content: space-between;}
.index_2 .icenter1 .left {width: 38%; z-index: 20; position: relative;}
.index_2 .icenter1 .left .t {margin-bottom: 50px;}
.h3_com {font-size: 5.4rem; color: var(--dex); font-weight: normal;}
.h3_com span{color: #b8b8b8; display: inline-block; font-weight: 500;}
.index_2 .icenter1 .left .t h4 { color: #333; font-size: 3.0rem; font-weight: normal; margin-top: 5px;}
.index_2 .icenter1 .left .m {margin-bottom: 50px;}
.index_2 .icenter1 .left .m .title {left: 0px; position: relative; align-items: center; display: flex; cursor: pointer; font-size: 1.8rem; color: #666; position: relative; padding-left: 15px; transition: 0.3s; justify-content: space-between; padding: 11px 0; padding-left: 14px;width: fit-content;}
.index_2 .icenter1 .left .m .title img {width: 30px;display: block;margin-left: 20px;opacity: 0;transition: 0s;}
.index_2 .icenter1 .left .m .title:hover {color: var(--dex);}
.index_2 .icenter1 .left .m .title::before {content: ""; position: absolute;left: 0px;top: 50%;transform: translateY(-50%);width: 4px;height: 1px;background-color: var(--dex);}
.index_2 .icenter1 .left .m .title.active {color: var(--dex);left: 30px;transition: 0.5s;}
.index_2 .icenter1 .left .m .title.active img {opacity: 1;}
.index_2 .icenter1 .left .b {display: flex;align-items: center;}
.index_2 .icenter1 .left .b .biao {width: 125px;height: 125px;border-radius: 50%;background-color: var(--dex);display: flex;align-items: center;justify-content: center; margin-right: 50px;}
.index_2 .icenter1 .left .b .biao .bao {display: flex;align-items: flex-end;}
.index_2 .icenter1 .left .b .biao .sp_1,.index_2 .icenter1 .left .b .biao span{font-size: 4rem;line-height: 33px;}
.index_2 .icenter1 .left .b .biao .sp_2 {font-size: 1.6rem;}
.index_2 .icenter1 .left .b .an { display: flex; align-items: center; margin-top: 40px;}
.index_2 .icenter1 .left .b .an .line { height: 22px; width: 1px; background-color: #adadad; margin: 0 20px; margin-top: 3px;}
.index_2 .icenter1 .left .b .an .fa{position: unset;background-image: none;font-size: 3.5rem;color: #666;outline: none; width: auto; height: auto; margin: 0px; padding: 0px;}
.index_2 .icenter1 .left .b .an .fa-angle-right{color: var(--dex);}
.index_2 .icenter1 .right {width: 52%;}
.index_2 .icenter1 .right .box:hover .imgbox img{transform: scale(1.1);}
.index_2 .icenter1 .right .box .imgbox {border-radius: 15px;}
.index_2 .icenter1 .right .box h4 {margin: 40px 0 10px;font-size: 4rem;color: var(--dex);font-weight: 600;}
.index_2 .icenter1 .right .box h5 {font-size: 1.6rem;color: #666;line-height: 26px;transition: 0.3s;display: none;opacity: 0;}
.index_2 .icenter1 .right .swiper-slide-active .box h5 {display: block;opacity: 1;}
.index_2 .icenter1 .right .swiper-slide {height: 577px;}
.index_2 .icenter1 .right .swiper-slide .box { width: 60%; margin-top: 64px; transition: 0.5s;}
.index_2 .icenter1 .right .swiper-slide .box .imgbox {position: relative; overflow: hidden;}
.index_2 .icenter1 .right .swiper-slide .box .imgbox::after { position: absolute; top: 0; left: -100%; z-index: 15; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.index_2 .icenter1 .right .swiper-slide-active .box .imgbox::after { -webkit-animation: shine 1s ease-out .3s; animation: shine 1s ease-out .3s; }
@-webkit-keyframes shine{100%{left:125%;} }
@keyframes shine{100%{left:125%;} }
.index_2 .icenter1 .right .swiper-slide .box h4 {font-size: 2rem;margin: 15px 0 10px;}
.index_2 .icenter1 .right .swiper-slide-active .box {width: 100%; margin-top: 0px;}
.index_2 .icenter1 .right .swiper-slide-active .box h4 {font-size: 4rem;margin: 40px 0 18px;}
.index_2 .icenter1 .swiper-wrapper { align-items: center;}
/* index03 */
.index_3 { position: relative; overflow: hidden; padding: 105px 0; margin: auto;background: url(../images/index03.jpg) 100%; background-attachment: fixed;}
/*.index_3::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(0,0,0,0.6); transition: all .3s; }
*//*.index_3 dl{ display: flex; justify-content: space-between; position: relative; z-index: 3;}
.index_3 dl dd {width: 26%;}
.index_3 dl dd .icon {width: fit-content;margin: auto; margin-bottom: 13px;}
.index_3 dl dd .icon img {height: 90px;width: auto;}
.index_3 dl dd .t { display: flex; justify-content: space-between; padding: 15px 0; align-items: center; border-top: 2px solid rgba(255,255,255,0.3);}
.index_3 dl dd .t span {font-size: 1.6rem;}
.index_3 dl dd .t .t_img img { width: 24px;}
.index_3 dl dd .m {padding: 10px 0 ;border-top: 1px solid rgba(255, 255, 255, 0.2);border-bottom: 1px solid rgba(255, 255, 255, 0.2);font-size: 1.6rem;line-height: 26px; height: auto;}
.index_3 dl dd .b {font-size: 1.6rem;padding-top: 12px;}*/
.index_3 .top {display: flex;align-items: center;justify-content: space-between;margin-bottom: 22px;}
.index_3 .top h3 {color: #fff;}
.index_3 .top a {background-color: var(--dex);border-color: var(--dex);}
.index_3 .top a:hover {color: var(--dex);background-color: transparent; border-color: var(--dex);}
.index_3 .top a::after {background-color: #fff;}
.chanpin {height:auto;overflow:hidden;padding-top:80px;padding-bottom:200px;/*background-color:#ececed;*/}
.chanpin h2 {font-family:'UniversLTStd-XBlackObl',Helvetica,Arial,sans-serif;font-size:40px;font-style:italic;text-align:center;color:#323232;margin-top:0px;margin-bottom:52px;}
.cptu {height:auto;overflow:hidden;background-color:#FFFFFF;position:relative;font-family:'UniversLTStd-Black',Helvetica,Arial,sans-serif;padding:20px;}
.cpnews {position:absolute;width:56px;height:28px;line-height:28px;background-color:var(--dex);color:#FFFFFF;font-size:14px;text-align:center;top:20px;right:20px;}
.cptu h3 {font-family:'UniversLTStd-Black',Helvetica,Arial,sans-serif;font-size:16px;color:#bebebe;text-align:center;margin-top:10px;margin-bottom:16px;}
.cptu-zi {height:auto;overflow:hidden;text-align:center;font-family:'UniversLTStd-Black',Helvetica,Arial,sans-serif;font-size:14px;line-height:23px;}
.cpmore {width:130px;height:40px;line-height:40px;font-size:13px;text-align:center;color:#FFFFFF;background-color:#000000;margin:30px auto 0px;}
.cptu a:hover .cptu-zi {color:var(--dex);}
.cptu a:hover .cpmore {background-color:var(--dex);}
.cptu img {-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;width:100%;}
.cptu:hover img {-webkit-transform:scale(1.1);transform:scale(1.1);transition:all 500ms ease-in 0ms;}
.cptu section {overflow:hidden;}
.swiper-button-next,
.swiper-button-prev {
color: #ff0000; /* 将颜色改为红色 */
}
.swiper-button-next,
.swiper-button-prev {
--swiper-theme-color: #ff0000; /* 将颜色改为红色 */
color: var(--swiper-theme-color);
}
/* index_4 */
.index_4{padding: 120px 0;position: relative;overflow: hidden;z-index: 50; background-color: #fff;}
.index_4 .top {padding-bottom: 160px;display: flex;justify-content: flex-end;}
.index_4 .top .right {width: 50.5%;position: relative;}
.index_4 .top .right::before{ position: absolute; content: ""; left: 157px; top: -46px; width: 1px; height: 0px; background-color: rgba(37,89,167,0.6);}
.index_4 .top .right img {height: 726px;}
.index_4 .top .right .text { position: absolute; top: 50%; left: 54%; transform: translate(-50%,-50%); width: 72%;}
.index_4 .top .right .text h3 { margin-bottom: 52px; color: #b8b8b8; line-height: 58px;}
.index_4 .top .right .text h3 span {color: var(--dex);margin-left: 88px;}
.index_4 .top .right .text h4 {font-size: 3rem;font-weight: 500;line-height: 40px;margin-bottom: 30px;color: #333;font-family: Open Sans;}
.index_4 .top .right .text p {font-size: 1.6rem;color: #666666;margin-bottom: 60px;line-height: 30px;}
.index_4 .top .right .text a {border-color: var(--dex);color: var(--dex);}
.index_4 .top .right .text a:hover {color: #fff;}
.index_4 .top {position: relative;}
.index_4 .top .left {position: absolute; width: 52%; left: 0px; top: 77px; overflow: hidden; z-index: 1;}
.index_4 .top .left img{height: 728px;}
.index_4 .top .left .wen {transition: 0.3s; position: absolute; right: -100px;bottom: 179px; transform: rotate(90deg); font-size: 8rem; font-weight: 500;font-family: 'alibb'; }
.index_4 .bot {display: flex;justify-content: space-between;}
.index_4 .bot li {width: 31.5%;}
.index_4 .bot li {display: flex;align-items: flex-start;}
.index_4 .bot li:hover .icon img {transform: rotateY(180deg);}
.index_4 .bot li .icon {width: 64px;height: 64px;background-color: var(--dex);display: flex;align-items: center;justify-content: center;margin-right: 20px; border-radius: 50%;}
.index_4 .bot li .icon img {width: 35px;}
.index_4 .bot li h4 {font-size: 7rem;color: #333333;margin-left: 5px;display: flex;align-items: flex-end; line-height: 62px;}
.index_4 .bot li h4 strong {font-family: alibb; font-weight: 500; font-size: 7rem; display: block; line-height: 62px;}
.index_4 .bot li h5 {font-size: 1.6rem; color: #666666; padding-top: 18px; margin-top: 20px; border-top: 1px solid #ddd;}
.index_4 .bot li .text {width: 80%;}
/* index_5 */
.index_5 {position: relative;overflow: hidden;padding: 120px 0;background-color: #f1f5fb;z-index: 50;}
.index_5 .bot {padding-bottom: 120px; position: relative;}
.index_5 .top {display: flex;align-items: center;justify-content: space-between;margin-bottom: 22px;}
.index_5 .top h3 {color: #333;}
.index_5 .top a {background-color: var(--dex);border-color: var(--dex);}
.index_5 .top a:hover {color: var(--dex);background-color: transparent; border-color: var(--dex);}
.index_5 .top a::after {background-color: #fff;}
.index_5 .bot .box:hover .imgbox img {transform: scale(1.1);}
.index_5 .bot .box:hover .m h4 {color: var(--dex);}
.index_5 .bot .box .cc {padding-top: 28px;}
.index_5 .bot .box .cc .b_more { color: var(--dex); font-size: 1.4rem; margin-top: 24px;display: flex; align-items: center;}
.index_5 .bot .box .cc .b_more span{color: var(--dex);position: relative;left: 0px;transition: 0.3s;font-size: 1.4rem;margin-left: 10px;}
.index_5 .bot .box:hover .cc .b_more span {left: 15px;}
.index_5 .bot .box .imgbox {height: 338px; border-radius: 14px;}
.index_5 .bot .box .imgbox img { height: 100%; transition: all 0.5s ease-out;}
.index_5 .bot .box .cc .t {display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 18px;}
.index_5 .bot .box .cc .t .date span{ color: #9d9d9e; font-size: 1.6rem;}
.index_5 .bot .box .cc .t .icon img {width: 25px; filter: grayscale(2) brightness(2); transition: 0s;}
.index_5 .bot .box .m h4{ height: 62px; font-size: 2.2rem; color: #333; font-weight: 500; margin-bottom: 10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.index_5 .bot .box .m h5{font-size: 1.6rem;line-height: 26px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.index_5 .bot {overflow: hidden;position: relative;}
.index_5 .fa { background-image: unset; font-size: 3.5rem; color: var(--dex); top: auto; bottom: 45px; width: auto; height: auto; margin: 0px; padding: 0px;}
.index_5 .fa1 {left: -10px;border: 10px solid #f1f5fb;border-right: 10px solid var(--dex);}
.index_5 .fa2 {right: auto;left: 36px;border: 10px solid #f1f5fb;border-left: 10px solid var(--dex);}
.index_5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: var(--dex);}
.index_5 .swiper-container-horizontal>.swiper-pagination-progressbar { top: auto; bottom: 52px; width: 95%; left: auto; right: 0px; height: 2px;background: rgba(0,0,0,.1);}
/* footer */
.footerwrap {padding-top:80px;background-color: #00152b; position: relative;z-index: 50;}
.footerwrap .parallax > use { fill: rgba(0,21,43,0.6); }
.footerwrap .waves { bottom: auto; position: absolute; top: 0px; margin-bottom: 0px; }
.footerwrap .fo01 {display: flex;justify-content: space-between;}
.footerwrap .fo01 .left {width: 32%;}
.footerwrap .fo01 .left h3 {margin-bottom: 30px; font-size: 5rem; line-height: 65px;}
.footerwrap .fo01 .left h4 {font-size: 1.4rem;color: rgba(255, 255, 255, 0.6);line-height: 32px;}
.footerwrap .fo01 .right {width: 56%;}
.footerwrap .fo01 .right ul {display: flex;flex-flow: wrap;}
.footerwrap .fo01 .right ul li { margin-right: 119px; margin-bottom: 54px; width: 182px;}
.footerwrap .fo01 .right ul li:nth-of-type(3n) {margin-right: 0px;}
.footerwrap .fo01 .right ul li .title a {font-size: 2rem;}
.footerwrap .fo01 .right ul li .title {margin-bottom: 23px;}
.footerwrap .fo01 .right ul li .min a{margin-bottom: 13px;color:rgba(255, 255, 255, 0.6); font-size: 1.4rem;}
.footerwrap .fo01 .right ul li .min a:hover {color: rgba(255, 255, 255, 1);}
.footerwrap .fo02 { padding: 40px 0 68px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.3);}
.footerwrap .fo02 .left {display: flex;align-items: center;}
.footerwrap .fo02 .left span {color: rgba(255, 255, 255, 0.6);margin-right: 30px; font-size: 1.4rem;}
.footerwrap .fo02 .left span a {color: rgba(255, 255, 255, 0.6)}
.footerwrap .fo02 .right {display: flex;align-items: center;}
.footerwrap .fo02 .right a { margin-left: 10px;border-radius: 5px;background-color: #334455;width: 34px;height: 34px;font-size: 1.9rem;color: #fff;display: flex;align-items: center;justify-content: center;}
.footerwrap .fo02 .right a img {width: 20px;}
.footerwrap .fo03 {padding: 24px 0;background-color: #192e43;}
.footerwrap .fo03 .icenter1 {display: flex;align-items: center;justify-content: space-between;}
.footerwrap .fo03 .left {font-size: 1.4rem;color: rgba(255, 255, 255, 0.6);}
.footerwrap .fo03 .right {display: flex;align-items: center;}
.footerwrap .fo03 .right a {color: rgba(255, 255, 255, 0.6);font-size: 1.4rem; line-height: 14px;}
.footerwrap .fo03 .right a:nth-of-type(1){margin-right: 10px;padding-right: 10px;border-right: 1px solid rgba(255, 255, 255, 0.6);}
.footerwrap .fo03 .right a:hover {color: rgba(255, 255, 255, 1);}
.footerwrap .fo02 .right a:hover {background-color: var(--dex);}
.footerwrap .fo04 {padding: 10px 0;background-color: #192e43;line-height: 1;}
@media screen and (max-width: 699px) {
.footerwrap .fo04{display:none;}
}
/* 二维码 show */
.footerwrap .fo02 .right a {position: relative;}
.footerwrap .fo02 .right a .show { width: 120px; display: none; position: absolute; top: -132px; left: 50%; transform: translateX(-50%); }
.footerwrap .fo02 .right a .show img {width: 100%;height: auto;}
.footerwrap .fo02 .right a:hover .show {display: block;}
/* print */
.inner-banner {position:relative;margin-top: 102px;}
.inner-banner .text { width: 1000px;position: absolute;transform: translate(-50%,-50%);left: 50%;top: 54%;display: flex;justify-content: center;align-items: center;flex-direction: column; z-index: 4;}
.inner-banner .text h3 {font-size: 60px;font-weight: 500;margin-bottom: 20px;}
.inner-banner .text h4 { font-size: 16px; margin-bottom: 40px; opacity: 0.7;display: flex;}
.inner-banner .text h4 a:hover {color: #fff;}
.inner-banner::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 2; }
.inner-banner .down{ cursor: pointer; display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;flex-flow: column;-webkit-flex-flow: column;align-items: center;-webkit-align-items: center;}
.inner-banner .down i{display: block;width: 25px;height: 25px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.inner-banner .down i:nth-of-type(1){animation: myani 1s infinite;animation-delay: 1s;-webkit-animation: myani 1s infinite;-webkit-animation-delay: 1s;}
.inner-banner .down i:nth-of-type(2){animation: myani 1s infinite;animation-delay: 1.2s;margin-top: -10px;-webkit-animation: myani 1s infinite;-webkit-animation-delay: 1.2s;}
.inner-banner .down i:nth-of-type(3){animation: myani 1s infinite;animation-delay: 1.4s;margin-top: -10px;-webkit-animation: myani 1s infinite;-webkit-animation-delay: 1.4s;}
@keyframes myani {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes myani{
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* print01 */
.print01 {padding: 100px 0;position: relative;overflow: hidden;}
.print01 a { margin-right: 20px; color: #333; border: 1px solid #e0e0e0; font-size: 20px; width: 214px; height: 54px;}
.print01 a.active {color: #fff;}
.print01 a.active::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; background-color: var(--dex); }
.print01 a:hover {color: #fff;}
.print01 a:nth-of-type(5){margin-right: 0px;}/*第5个以后*/
.print01 .icenter1 {display: flex;justify-content: center;align-items: center;}
.print02 { padding: 264px 0 152px; position: relative;}
.print02::before {content: ""; position:absolute;left: 0px;top: 10px;height: 100%;width: 80%;background-color: #f5f5f5;z-index: -1;}
.print02 .wen { position: absolute; font-weight: 500; font-size: 170px; color: #eaeaea; top: 0px; z-index: 1; transition: 0.3s; left: 0px; white-space: nowrap;}
.print02 .wenF{overflow: hidden;position: absolute;left: 0px;top: 0px;width: 80%;height: 100%;}
.print02 .left {width: 418px;}
.print02 .left h4 { font-size: 46px; color: #333333; margin-bottom: 32px; font-weight: 500;}
.print02 .left h5 {font-size: 16px;color: #666666;line-height: 26px; text-align: justify;}
.print02 .right { position: absolute; right: 0px; top: 116px; width: 57%; z-index: 2;}
.print03 { padding: 216px 0 120px; position: relative; overflow: hidden;}
.print03 h3 {font-size: 46px;color: #333333;margin-bottom: 64px; text-align: center; font-weight: 500;}
.print03 .dot {position: relative;overflow: hidden;}
.print03 .dot::before { content: ""; position: absolute; left: 0px; width: 100%; height: 1px; background-color: rgba(37,89,167,0.25); top: 2px;}
.print03 .dot .icenter1 {display: flex; justify-content: space-between; align-items: center;}
.print03 .dot .icenter1 .cc {width: 5px;height: 5px;background-color: var(--dex);border-radius: 50%;position: relative;}
.print03 .dot .icenter1 .num {color: #333333;font-size: 16px;margin-top: 20px; opacity: 0.4;}
.print03 .dot .bot {margin-top: 46px;}
.print03 .dot .bot .icon {margin-bottom: 20px; width: 149px;height: 149px;border-radius: 50%;border: 1px solid var(--dex);display: flex;align-items: center;justify-content: center;}
.print03 .dot .bot .icon img {width: 80px;transition: 0s;}
.print03 .dot .bot span {color: #333; font-size: 16px; text-align: center;}
.print03 .dot .box {display: flex;justify-content: center;align-items: center;flex-direction: column;cursor: pointer;}
.print03 .dot .box:hover .num{opacity: 1;}
.print03 .dot .box:hover .icon {background-color: var(--dex);}
.print03 .dot .box:hover .icon img {filter: grayscale(10) brightness(10);}
.print03 .dot .box.active .num{opacity: 1;}
.print03 .dot .box.active .icon {background-color: var(--dex);}
.print03 .dot .box.active .icon img {filter: grayscale(10) brightness(10);}
.print04 { padding: 188px 0;position: relative;overflow: hidden;background: url(../images/ny_dyfw_bj1.jpg) 100%;background-attachment: fixed; background-size: cover; }
.print04 .icenter1 {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.print04 h4 {font-size: 46px;font-weight: 500;margin-bottom: 30px;position: relative;z-index: 1;}
.print04 h5 {font-size: 16px;line-height: 26px;width: 967px;text-align: center;position: relative;z-index: 1;}
.print04::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 0; }
.print05{padding: 100px 0 100px;position: relative;overflow: hidden;}
.print05 dl {display: flex; flex-flow: wrap;transition: 0.5s;}
.print05 .hide{display: none;}
.print05 dd { width: 32%; margin-right: 2%; padding-bottom: 44px;}
.print05 dd span {margin-top: 14px;font-size: 20px;color: #666666;}
.print05 dd:nth-of-type(3n){margin-right: 0px;}
.print05 dl dd:hover .imgbox img{transform: scale(1.1);}
.print05 .morecc {background-color: #f3f3f3;display: flex;align-items: center;justify-content: center;}
.print05 .morecc:hover {background-color:#dedddd;}
.print05 .morecc .content img{width: 22px;margin-right: 20px;}
.print05 .morecc .content span {color: var(--dex);font-size: 16px;}
.print05 .morecc .content {cursor: pointer; display: flex;align-items: center;padding: 40px 0;}
.print05 dd:hover span{color: var(--dex);}
/* soft */
.soft01 { padding: 70px 0 150px; position: relative; overflow: hidden;}
.soft01 .icenter1 {display: flex;justify-content: space-between;align-items: center;position: relative;}
.soft01 .icenter1::before { position: absolute; content: ""; right: 0px; top: -12.5%; width: 65%; height: 125%; background-color: #f5f5f5; z-index: -1;}
.soft01 .left {width: 47.5%;}
.soft01 .right {width: 44.5%;padding-right: 90px;box-sizing: border-box;}
.soft_h4 {font-size: 46px;font-weight: 500;color: #333333;line-height: 56px;}
.soft_h4 span{font-size: 24px;color: #666; display: inline-block;margin-left: 15px;}
.soft01 .right p {margin-top: 20px;font-size: 16px;line-height: 26px;color: #666666;}
.soft02 {padding-bottom: 10px;position: relative;overflow: hidden;}
.soft_cc{margin-top: 50px;display: flex;justify-content: space-between;flex-flow: wrap;}
.soft_cc dd { width: 46%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 90px;}
.soft_cc dd .icon {position: relative; width: 270px;height: 270px;border-radius: 50%;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;}
.soft_cc dd .icon img {width: 108px;transition: 0s;}
.soft_cc dd .icon span { font-size: 16px; color: #aeaaaa; position: absolute; left: 18px; top: 0px;}
.soft_cc dd .text { width: 315px;position: relative;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.soft_cc dd .text::after {position: absolute; content: ""; height: 100%; width: 1px; background-color: #e6e4e4; left: -30px; top: 0px;}
.soft_cc dd .text::before {position: absolute; content: ""; height: 11px; width: 11px; background-color: #bbbbbb; top: 50%; transform: translateY(-50%); left: -35px; z-index: 1;}
.soft_cc dd .text h4 { font-size: 25px; font-weight: 500;color: #333333;margin-bottom: 14px;}
.soft_cc dd .text p {font-size: 16px;color: #666666;line-height: 26px;}
.soft_cc dd:hover img{filter: grayscale(5) brightness(10);}
.soft_cc dd:hover .icon {background-color: var(--dex);}
.soft03 .icenter1{flex-flow: row-reverse;}
.soft03 .icenter1::before { left: 0px; }
.soft03 .right { padding-right: 0px; padding-left: 90px; }
.soft04 {margin-bottom: 63px;position: relative;overflow: hidden;}
/* mat01 */
.mat01 { padding: 130px 0 150px; position: relative; z-index: 1;}
.mat01 p {font-size: 16px;color: #666666;line-height: 26px;margin-top: 27px;}
.mat01 .cc {position: absolute;right: 0px;top: 0px;width: 53%;}
.mat01 .text {width: 453px;}
.mat02 {padding: 120px 0 ;position: relative;overflow: hidden;background: url(../images/mat02_bg.jpg) 100%;}
.mat02 dl {margin-top: 40px;display: flex;align-items: center;justify-content: space-between;}
.mat02 dl dd {width: 268px;}
.mat02 dl dd .top { width: 220px; position: relative; margin: auto; margin-bottom: 30px;}
.mat02 dl dd .icon {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.mat02 dl dd .icon img {width: 68px;}
.mat02 dl dd:hover .icon img{transform: rotateY(180deg);}
.mat02 dl dd .bot h4 {font-size: 24px;color: #333333;font-weight: 500;margin-bottom: 12px; text-align: center;}
.mat02 dl dd:hover .bot h4 {color: var(--dex);}
.mat02 dl dd .bot h5 {font-size: 16px;color: #666666;line-height: 26px;text-align: center; height: 130px;}
.mat03 {padding: 100px 0 140px; position: relative;overflow: hidden;}
.mat03 .article {display: flex;justify-content: space-between;background-color: #f7f7f7;align-items: center;margin-bottom: 50px;}
.mat03 .article .left{width: 55.5%;padding: 80px;box-sizing: border-box;}
.mat03 .article .left h4{font-size: 40px;font-weight: 500;color: #333333;margin-bottom: 12px;}
.mat03 .article .left h5{font-size: 16px;color: #666666;line-height: 26px;}
.mat03 .hide {display: none;}
.mat03 .article:hover h4{color: var(--dex);}
.mat03 .article:hover .right img{transform: scale(1.1);}
.mat03 .article .right {width: 44.5%;overflow: hidden;position: relative;}
.mat03 .morecc {background-color: #f3f3f3;display: flex;align-items: center;justify-content: center; display: none;}
.mat03 .morecc:hover {background-color:#dedddd;}
.mat03 .morecc .content img{width: 22px;margin-right: 15px;}
.mat03 .morecc .content span {color: var(--dex);font-size: 16px;}
.mat03 .morecc .content {cursor: pointer; display: flex;align-items: center;padding: 40px 0;}
.mat04 { padding: 185px 0;position: relative;overflow: hidden;background: url(/style/img/mat04_bg.jpg) 100%; background-attachment: fixed;background-size: cover;}
.mat04 .icenter1 {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.mat04 .soft_h4 {color: #fff;z-index: 1;position: relative}
.mat04 p { font-size: 16px; line-height: 26px; margin-top: 10px; z-index: 1; position: relative; text-align: center; width: 887px;}
.mat04::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 0; }
.mat05 {margin-bottom: 50px;}
.news01 { margin-bottom: 70px; display: flex; justify-content: space-between; align-items: center; height: 456px;}
.news01 .left {width: 50%; height: 100%;}
.news01 .right {width: 50%;padding: 65px 100px;box-sizing: border-box;background-color: #f2f2f2; height: 100%;}
.news01 .right .date {display: flex;align-items: center;font-size: 16px;color: #333333;margin-bottom: 28px;}
.news01 .right .date img { width: 20px; margin-right: 12px;}
.news01 .right h4 {font-size: 22px;color: #333333;line-height: 34px;font-weight:500;margin-bottom: 20px;}
.news01 .right p {font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 43px;}
.news01 .right a {border-color:var(--dex);color: var(--dex);width: 146px; height: 41px;}
.news01 .right a:hover {color: #fff;}
.news dd a {display: flex;align-items: center;justify-content: space-between;padding: 50px 0;border-bottom: 1px solid #ddd;}
.news dd .left {display: flex;width: 82%;align-items: center;justify-content: space-between;}
.news dd .left .imgbox {width: 35%;}
.news dd .left .text {width: 60%;}
.news dd .left .text h4 {font-size: 22px;font-weight: 500;line-height: 34px;color: #333333;margin-bottom: 10px;}
.news dd .left .text h5 {font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 50px;}
.news dd .left .text .amore {border-color:var(--dex);color: var(--dex);width: 146px; height: 41px;}
.news dd .right {width: 106px;}
.news dd .right h4 {background-color: #f2f2f2;margin-bottom: 1px;font-size: 50px;padding: 6px 0;color: #666666;text-align: center;}
.news dd .right h5 {background-color: #f2f2f2;font-size: 16px;color: #999999;padding: 7px 0;text-align: center;}
.news dd:hover .left img{transform: scale(1.1);}
.news dd:hover .left h4 {color: var(--dex);}
.news dd:hover .amore::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; background-color: var(--dex); }
.news dd:hover .left .text .amore {color: #fff;}
.news dd:hover .right h4,.news dd:hover .right h5 {color: #fff;background-color: var(--dex);}
.news dd {position: relative;}
.news dd::after { content: ""; display: none; width: 200%; height: 100%; background-color:#f5f5f5; position: absolute; left: -68%; top: 0; z-index: -1;}
.news dd:hover::after{display: block;}
.news {overflow: hidden;position: relative;margin-bottom: 70px;}
.page {display: flex;justify-content: center;align-items: center;margin-bottom: 140px;}
.page a {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 a.active {color: #fff;background-color: var(--dex);border-color: var(--dex);} */
.page h2{display: none;}
.page .pagination .nav-links {display: flex;justify-content: center;align-items: center;}
.page span {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);}
.pageinfo,.pagefirst,.pageend{display:none !important;}
.news-banner .text h5 {font-size: 26px;line-height: 36px;font-weight: 500; margin-bottom: 26px;}
.news-banner .text h6 {font-size: 16px;color: rgba(255, 255, 255, 0.6);}
.news-banner .text {align-items: flex-start;}
.newsinfo {width: 1000px;margin: auto; padding: 100px 0 150px;}
.newsinfo p {font-size: 16px;color: #666666;line-height: 26px;margin-bottom:2%;}
.newsinfo p strong span {display:inline-block;}
.newsinfo p b {font-weight: 500;font-size: 20px;color: var(--dex);}
.newsinfo p img {max-width: 100%;width: auto;height: auto; margin: auto;}
.newsinfo .fen { margin: 30px 0 50px;}
.newsinfo .fen a{padding: 20px 0;border-bottom: 1px solid #ddd;font-size: 18px;color: #666666;}
.newsinfo .fen a:hover {color: var(--dex);}
.newsinfo .fen a:nth-of-type(1){border-top: 1px solid #ddd;}
.newsinfo .bottom {display: flex;align-items: center;justify-content: space-between;}
.newsinfo .bottom .share {display: flex;align-items: center;}
.newsinfo .bottom .share span {font-size: 16px;color: #666666;margin-right: 12px;}
.newsinfo .bottom .share .s {display: flex;align-items: center;}
.newsinfo .bottom .share .s a {margin-right: 10px; width: 32px;height: 32px;border-radius: 50%;background-color: #b0b0b0;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;}
.newsinfo .bottom .share .s a img {width: 20px;}
.newsinfo .bottom .share .s a:hover {background-color: var(--dex);}
.newsinfo .bottom .right {display: flex;align-items: center;}
.newsinfo .bottom .right a {margin-left: 12px;width: 116px;height: 37px;}
.newsinfo .bottom .right a {border-color:var(--dex);color: var(--dex);width: 146px; height: 41px;}
.newsinfo .bottom .right a:hover {color: #fff;}
/* equip */
.equip-nav {background-color: #f5f5f5;}
.equip {background-color: #f5f5f5;padding-bottom: 85px;overflow: hidden;}
.icenter3 {width: 1700px;margin: auto;}
.equip .content {margin-bottom: 100px;}
.equip .content h3 {position: relative;display: flex;align-items: center;justify-content: space-between;}
.equip .content h3 span { font-size: 48px; font-weight: 500; color: #333333; white-space: nowrap;}
.equip .content h3::after { content: ""; position: relative; height: 1px; background-color: #ddd; display: block; margin-left: 30px; width: 90%;}
.equip .top {margin-bottom: 50px; display: flex;justify-content:space-between;align-items: center;}
.equip .top h3 {width: 92%; display: flex; align-items: center; justify-content: space-between;}
.equip .top .ce .fa{display: flex;justify-content: center;align-items: center; position: relative;background-image: none;margin: 0px;padding: 0px;height: 40px;width: 40px;color: var(--dex);border: 1px solid var(--dex);font-size: 30px;border-radius: 50%;}
.equip .top .ce .fa-angle-left {margin-right: 31px;}
.equip .top .ce {display: flex;align-items: center;}
.equip .box {position: relative;}
.equip .box::after { z-index: -1; position: absolute;content: "";bottom: 0px;left: 0px;height: 80%;width: 100%;background-color: #fff;}
.equip .box .imgbox img{height: 350px; width: auto; margin: auto;}
.equip .box .imgbox {overflow: unset;}
.equip .box:hover .imgbox img {transform: scale(1.05);}
.equip .box .text {padding: 15px 80px 80px;}
.equip .box .text h4 {font-size: 40px;color: #333333;font-weight: 500;}
.equip .box .text h5 {font-size: 20px;color: #333333;margin-top: 2px;}
.equip .box .text p {font-size: 16px;color: #666666;line-height: 26px; margin: 30px 0 42px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.equip .box .amore {background-color: var(--dex);color: #fff;border: 1px solid var(--dex);width: 146px;height: 42px;}
.equip .box:hover .amore {color: var(--dex);}
.equip .box:hover .amore::after { background-color: #fff; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }
.equip .box .amore::after { background-color: #fff; }
.equip .box:hover .text h4{color: var(--dex);}
.equipinfo_banner {position: relative;margin-top: 115px;padding: 130px 0;background: url(/style/img/equipinfo_banner.png);background-size: cover;}
.equipinfo_banner .icenter1 {display: flex;justify-content: space-between;align-items: center;}
.equipinfo_banner .left {width: 52%;display: flex;justify-content: space-between;}
.equipinfo_banner .left .tab {width: 100px;}
.equipinfo_banner .left .tab .icon img{width: 40%;margin: auto;}
.equipinfo_banner .left .tab .icon.active {border: 1px solid var(--dex);}
.equipinfo_banner .left .tab .icon {padding: 10px 0;background-color: #fff;margin-bottom: 10px;cursor: pointer;box-sizing: border-box;border: 1px solid #ddd;}
.equipinfo_banner .left .main .icon{display: none;}
.equipinfo_banner .left .main .icon.active{display:block;}
.equipinfo_banner .left .main .icon img { height: 530px; width: auto;}
.equipinfo_banner .right {padding-right: 100px;box-sizing: border-box;width: 43%;}
.equipinfo_banner .right h3 {font-size: 70px;font-weight: 500;margin-bottom: 10px;color: #333333; line-height: 70px;}
.equipinfo_banner .right h4 {font-size: 20px;color: #666666;margin-bottom: 27px;}
.equipinfo_banner .right p{font-size: 16px;line-height: 26px;color: #666666;margin-bottom: 60px;}
.equipinfo_banner .right a{background-color: var(--dex);color: #fff;border: 1px solid var(--dex);}
.equipinfo_banner .right .amore::after {background-color: #fff;}
.equipinfo_banner .right .amore:hover {color: var(--dex);}
.equip-w {width: 1200px;margin: auto;}
.equipinfo01 {padding: 105px 0;position: relative;overflow: hidden;}
.equipinfo01 ul {margin-top: 30px;display: flex;justify-content: space-between;}
.equipinfo01 ul li p{border-bottom: 1px solid #ddd;}
.equipinfo01 ul li p:nth-of-type(1){border-top: 1px solid #ddd;}
.equipinfo01 ul li:nth-of-type(1) p:nth-of-type(1){border-top: 3px solid #ddd;}
.equipinfo01 ul li:nth-of-type(1) p {border-bottom: 3px solid #ddd;}
.equipinfo01 ul li p{ height: 50px; padding: 10px 0; line-height: 50px; font-size: 14px; display: flex; align-items: center;}
.equipinfo01 ul li:nth-of-type(1){width: 25%;}
.equipinfo01 ul li:nth-of-type(1) p {font-weight: 500;color: #333333;}
.equipinfo01 ul li:nth-of-type(2) p{padding-left: 60px; color: #666666;box-sizing: border-box;}
.equipinfo01 ul li:nth-of-type(3) p{padding-left: 60px; color: #666666;box-sizing: border-box;}
.equipinfo01 ul li:nth-of-type(2) {width: 45%;}
.equipinfo01 ul li:nth-of-type(3) {width: 45%;}
.equipinfo02 {background: url(/style/img/equipinfo02_bg.jpg);background-size: cover;padding: 100px 0 ;position: relative;overflow: hidden;}
.equipinfo02 dl { margin-top: 40px; display: flex;flex-flow: wrap;}
.equipinfo02 dd {width: 32%;margin-right: 2%;margin-bottom: 50px;}
.equipinfo02 dd:nth-of-type(3n) {margin-right: 0%;}
.equipinfo02 dd .icon img {width: 43px;}
.equipinfo02 dd .icon {width: 78px;height: 78px;border-radius: 50%;background: linear-gradient(#b7c7e1,#265aa7);display: flex;justify-content: center;align-items: center;}
.equipinfo02 dd h4 { position: relative; border-top: 1px solid #ddd; padding-top: 27px; font-size: 20px; color: #333333; font-weight: 500; margin-bottom: 5px; margin-top: 10px;}
.equipinfo02 dd h4::before { position: absolute; content: ""; top: -2px; left: 0px; height: 4px; width: 70px; background-color: var(--dex);}
.equipinfo02 dd p {font-size: 14px;color: #666666;line-height: 24px;}
.equipinfo02 dd:hover h4 {color: var(--dex);}
.equipinfo02 dd:hover .icon img{transform: rotateY(180deg);}
.equipinfo03 {padding: 100px 0;position: relative;overflow: hidden;}
.equipinfo03 dl {margin-top: 40px;display: flex;flex-flow: wrap;}
.equipinfo03 dl dd { position: relative;overflow: hidden; width: 23.5%; margin-right: 2%; margin-bottom: 2%;}
.equipinfo03 dl dd:hover img {transform: scale(1.1);}
.equipinfo03 dl dd:nth-of-type(4n){margin-right: 0px;}
.equipinfo04 {overflow: hidden;position: relative;}
.equipinfo04 .bot{margin-top: 40px;position: relative;}
.equipinfo04 .bot .box {display: flex;align-items: center;background-color: #f7f7f7;padding: 50px 200px;box-sizing: border-box;justify-content: space-between;}
.equipinfo04 .bot .box .text {width: 405px;}
.equipinfo04 .bot .box img { height: 420px; width: auto;}
.equipinfo04 .bot .box .imgbox {overflow: unset;}
.equipinfo04 .bot .box:hover img {transform: scale(1.06);}
.equipinfo04 .bot .box h3 {font-size: 40px; font-weight: 500; color: #333333; margin-bottom: 7px; line-height: 39px;}
.equipinfo04 .bot .box h4 {font-size: 20px;margin-bottom: 17px;color: #333333;}
.equipinfo04 .bot .box h5 {font-size: 16px; color: #333333; margin-bottom: 27px;}
.equipinfo04 .bot .box h6 {font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 40px;}
.equipinfo04 .bot .amore {width: 150px;height: 41px;background-color: var(--dex);border: 1px solid var(--dex);}
.equipinfo04 .bot .amore:hover {color: var(--dex);}
.equipinfo04 .bot .amore::after{background-color: #fff;}
.equipinfo04 .bot .box:hover .text h3{color: var(--dex);}
.equipinfo04 .fa {background-image: none; display: flex; justify-content: center; align-items: center; margin: 0px; padding: 0px; width: 46px; height: 83px; background-color: #7998c7; color: #fff; font-size: 38px; top: 50%; transform: translateY(-50%);}
.equipinfo04 .fa:hover {background-color: var(--dex);}
.equipinfo04 .fa-angle-left{left: 0px;}
.equipinfo04 .fa-angle-right{right: 0px;}
.equipinfo05 {padding: 120px 0;}
.equipinfo05 .equip-w {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.equipinfo05 h4 { font-size: 20px; color: #666666; width: 745px; margin: 12px auto 36px; text-align: center;}
.equipinfo05 .amore {width: 150px;height: 41px;margin-bottom: 60px;background-color: var(--dex);border: 1px solid var(--dex);}
.equipinfo05 .amore:hover {color: var(--dex);}
.equipinfo05 .amore::after{background-color: #fff;}
.equipinfo05 .share {display: flex;align-items: center;}
.equipinfo05 .share span {font-size: 20px;color: #666666;margin-right: 8px;}
.equipinfo05 .share .cc {display: flex;align-items: center;}
.equipinfo05 .share .cc a { width: 42px; height: 42px; border-radius: 50%; background-color: #b0b0b0; display: flex; align-items: center; color: #fff; font-size: 20px; justify-content: center; margin-right: 7px;}
.equipinfo05 .share .cc a img {width: 23px;}
.equipinfo05 .share .cc a:last-of-type{margin-right: 0px;}
.equipinfo05 .share .cc a:hover {background-color: var(--dex);}
/* aft01 */
.aft01 {padding: 70px 0 180px;position: relative;overflow: hidden;}
.aft01 .icenter1 {position: relative;display: flex;justify-content: space-between;align-items: center;}
.aft01 .icenter1::before { position: absolute; content: ""; right: 0px; top: -10%; height: 120%; width: 80%; background-color: #f5f5f5; z-index: -1;}
.aft01 .left {width: 49%;position: relative;overflow: hidden;}
.aft01 .left:hover img{transform: scale(1.05);}
.aft01 .right {width: 51%;padding: 55px 100px;box-sizing: border-box;}
.aft01 .right .text {padding-bottom: 16px;border-bottom: 1px solid #ddd;padding-top: 40px;display: flex;align-items: center;}
.aft01 .right .text:nth-of-type(1){padding-top: 0px;}
.aft01 .right .text .icon {width: 60px;margin-right: 40px;}
.aft01 .right .text .content h3 { font-size: 50px; font-weight: 500; color: var(--dex); margin-bottom: 5px; line-height: 50px;}
.aft01 .right .text .content h4 {font-size: 18px;color: #666666;}
.aft02 {padding: 130px 0;position: relative;overflow: hidden;}
.aft02 .segment1 {margin-bottom: 40px; width: fit-content;}
.aft02 .segment1 h4{font-size: 46px;font-weight: 500;margin-bottom: 12px;}
.aft02 .segment1 p{font-size: 16px;line-height: 26px;}
.aft02 .segment2 {margin-bottom: 40px;}
.aft02 .segment2 h4{ font-size: 20px; margin-bottom: 7px;}
.aft02 .segment2 a{font-size: 50px;font-weight: 500; letter-spacing: 3px; line-height: 50px;}
.aft02 .segment3 h4{ font-size: 20px; margin-bottom: 8px;}
.aft02 .segment3 h5 {font-size: 20px;font-weight: 500;}
.aft03 {padding: 135px 0;position: relative;overflow: hidden;}
.aft03 .soft_h4 {text-align: center;}
.aft03 dl {margin-top: 30px;display: flex;flex-flow: wrap;}
.aft03 dl dd {border: 1px solid var(--dex); width: 32%;margin-right: 2%;margin-bottom: 2%; position: relative; padding: 45px 50px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.aft03 dl dd:nth-of-type(3n){margin-right: 0px;}
.aft03 dl dd::before { transition: 0.3s; position: absolute;content: "";width: 0px;height: 0px;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: var(--dex);}
.aft03 dl dd img {width: 87px;margin-bottom: 26px;}
.aft03 dl dd h4 { font-size: 24px;font-weight: 500;color: #333333;position: relative;z-index: 1;}
.aft03 dl dd .line {width: 28px; margin: 21px auto; background-color: var(--dex); position: relative; z-index: 1; height: 2px;}
.aft03 dl dd p {font-size: 16px;line-height: 26px;text-align: center;color: #666666;position: relative;z-index: 1; height: 78px;}
.aft03 dl dd:hover img{filter: grayscale(5) brightness(10);}
.aft03 dl dd:hover h4,.aft03 dl dd:hover p {color: #fff;}
.aft03 dl dd:hover .line {background-color: #fff;}
.aft03 dl dd:hover::before {width: 100%;height: 100%;}
/* smile */
.smile01 {margin-top: 531px;padding-bottom: 200px;position: relative;background: url(/style/img/ny_hxbj1.jpg) 100%;background-size: cover;padding-top: 261px; background-position: center;}
.smile01 .icenter1 {position: relative;}
.smile01 .segment1 {position: absolute; top: -758px; left: 50%; transform: translateX(-50%); width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.smile01 .segment1 p { margin: 10px 0 40px; font-size: 22px; color: #666666; line-height: 36px;}
.smile01 .segment2 { margin: 90px 0 47px; display: flex; flex-flow: wrap;}
.smile01 .segment2 .box { width: 30%; margin-right: 5%; margin-bottom: 43px; display: flex; align-items: center; justify-content: space-between;}
.smile01 .segment2 .box:nth-of-type(3n){margin-right: 0px;}
.smile01 .segment2 .box .icon {width: 115px;height: 115px;background-color: var(--dex);display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.smile01 .segment2 .box .icon img {width: 60px;}
.smile01 .segment2 .box:hover .icon img {transform: rotateY(180deg);}
.smile01 .segment2 .box .text {width: 280px;}
.smile01 .segment2 .box .text h4 {font-size: 26px;font-weight: 500;color: #333333;}
.smile01 .segment2 .box:hover .text h4 {color: var(--dex);}
.smile01 .segment2 .box .text .line {width: 28px; height: 2px; background-color: var(--dex); margin: 10px 0;}
.smile01 .segment2 .box .text h5 {font-size: 16px;color: #666666;line-height: 26px; height: 52px;}
.segment3 {position: relative;}
.segment3 .fa{background-image: none;width: 50px;height: 50px;border-radius: 50%;border: 1px solid var(--dex);color: var(--dex);font-size: 30px;display: flex;align-items: center;justify-content: center;}
.segment3 .fa-angle-left{left: -94px;}
.segment3 .fa-angle-right{right: -94px;}
.smile01Swiper,.smile02Swiper {overflow: hidden;}
.smile02 {padding: 130px 0 180px;position: relative;overflow: hidden;}
.smile02 .segment2 {display: flex;justify-content: space-between;align-items: center;margin: 90px 0;}
.smile02 .segment2 .left {width: 39%;}
.smile02 .segment2 .left h4 {font-size: 46px;font-weight: 500;color: #333333;line-height: 50px;margin-bottom: 20px;}
.smile02 .segment2 .left h5 {font-size: 22px;color: #666666;line-height: 36px;}
.smile02 .segment2 .right { padding: 140px 70px; box-sizing: border-box; width: 48%;background: url(/style/img/ny_cc.jpg) 100%;background-size: cover;}
.smile02 .segment2 .right dl{display: flex;align-items: center;justify-content: space-between;}
.smile02 .segment2 .right dl dd { width: 157px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.smile02 .segment2 .right dl dd:hover .icon img{transform: rotateY(180deg);}
.smile02 .segment2 .right dl dd .icon { border-radius: 50%;width: 95px;height: 95px;background-color: var(--dex);display: flex;align-items: center;justify-content: center;}
.smile02 .segment2 .right dl dd .icon img{width: 40px;}
.smile02 .segment2 .right dl dd span { font-size: 20px; margin-top: 10px; color: #333333; text-align: center; height: 54px;}
.smile02 .segment2 .right dl dd:hover span {color: var(--dex);}
/* human */
.human01 {padding-bottom: 130px;position: relative;overflow: hidden;}
.hu_top {margin-bottom: 30px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.hu_top p { font-size: 16px; color: #666666; margin-top: 20px; width: 840px; text-align: center;}
.human01 li:nth-of-type(1) .up {border-top: 1px solid #ddd;}
.human01 .up {padding: 30px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}
.human01 .up .left h3 { font-size: 34px; font-weight: 500; color: #333333; margin-bottom: 10px; line-height: 43px;}
.human01 .up .left h4 {display: flex;align-items: center;}
.human01 .up .left h4 span{font-size: 16px;color: #666666;position: relative;padding: 0 20px;}
.human01 .up .left h4 span:nth-of-type(1){padding-left: 0px;}
.human01 .up .left h4 span::after{ content: ""; position: absolute; height: 14px; width: 1px; background-color: #ddd; left: 0px; top: 50%; transform: translateY(-50%);}
.human01 .up .left h4 span:nth-of-type(1):after{display: none;}
.human01 .up .amore {cursor: pointer;border: 1px solid var(--dex);color: #fff;background-color: var(--dex);}
.human01 .up:hover .amore{color: var(--dex);}
.human01 .up .amore::after{background-color: #fff;}
.human01 .up:hover h3{color: var(--dex);}
.human01 .up:hover .amore::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1;}
.human01 .low {display: none;padding: 80px 60px; border-bottom: 1px solid #ddd;}
.human01 .low b { font-weight: 500; color: #333333; margin-bottom: 18px; font-size: 20px; display: block;}
.human01 .low p {font-size: 16px;line-height: 36px;color: #666666;}
.human01 .low .content {margin-bottom: 39px;}
.human01 .low .foot {font-size: 18px;color: #333;}
.human01 .low .foot span { display: inline-block; font-size: 18px;color: var(--dex);font-weight: 500;}
.human01 .min {display: flex;justify-content: center;align-items: center;width: fit-content;margin-top: 50px;}
.human01 .min a { font-size: 24px; color: rgb(114, 114, 114); position: relative;}
.human01 .min a:nth-of-type(2) {margin: 0 53px; margin-right: 0px;}
.human01 .min a:nth-of-type(2)::before { position: absolute; content: ""; left: -25px; top: 50%; transform: translateY(-50%); height: 22px; width: 1px; background-color: rgba(114,114,114,0.3);}
.human01 .min a:hover {color: var(--dex);}
.human01 .min a.active {color: var(--dex);}
.human01 ul {display: none;}
.human01 ul.active {display: block;}
.human02 {padding-bottom: 95px;}
.human02 .top {display: flex;align-items: center;margin-bottom: 26px;justify-content: space-between;}
.human02 .top .switch {display: flex;align-items: center;}
.human02 .top .switch .fa { right: auto; left: auto;background-image: none; position: relative;margin: 0px;padding: 0px;width: 30px;height: auto;}
.human02 .top .switch .line {height: 17px; width: 2px; margin: 0 18px; background-color: #ddd;}
.human02 .top .switch .fa1 img{ filter: grayscale(3) brightness(1.9);}
.human02 .top .switch .fa2 img{transform: rotate(180deg);}
.human02Swiper {overflow: hidden;}
.human03 .soft_h4 {text-align: center;}
.human03 {margin-bottom: 170px;}
.human03 .bot .t {display: flex;justify-content: space-between;margin-bottom: 20px;}
.human03 .bot .t .mg1 {width: 927px;}
.human03 .bot .t .mg2 {width: calc(1400px - 947px);}
.human03 .bot .b {position: relative;}
.hu03Swiper {overflow: hidden;}
.hu03Swiper .fa {width: 33px;height: 70px;background-image: none;display: flex;align-items: center;justify-content: center;font-size: 30px;color: #fff;background-color: rgba(0,0,0,0.4);border-top-right-radius:5px;border-bottom-right-radius: 5px;}
.hu03Swiper .fa-angle-left{left: 0px;}
.hu03Swiper .fa-angle-right{right: 0px;border-top-left-radius:5px;border-bottom-left-radius: 5px;}
.hu03Swiper .fa:hover {background-color: rgba(0,0,0,0.8);}
/* case */
.case01 {padding-bottom: 115px;position: relative;overflow: hidden;}
.ca_top {margin-bottom: 35px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ca_top p { text-align: center; width: 730px;font-size: 16px;color: #666666;color: #666666;line-height: 26px;margin-top: 10px;}
.case01 .fa { background-image: none; display: flex; align-items: center; justify-content: center; border: 1px solid var(--dex); border-radius: 50%; font-size: 30px; color: var(--dex); width: 40px; height: 40px;}
.case01 .bot {position: relative;}
.case01 .fa-angle-left{left: -90px;}
.case01 .fa-angle-right{right: -90px;}
.case01 .box {display: flex;justify-content: space-between;align-items: center; background-color: #f5f5f5;height: 456px;}
.case01 .box .imgbox {width: 50%;height: 100%;}
.case01 .box .imgbox img {height: 100%;}
.case01 .box .text{width: 50%;padding: 100px;box-sizing: border-box;height: 100%;}
.case01 .box .text h4 {font-size: 26px;line-height: 34px;color: #000000;margin-bottom: 40px;}
.case01 .box .text p {font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 60px;}
.case01 .box .text a {border: 1px solid var(--dex);color: #fff;background-color: var(--dex);}
.case01 .box .text a:hover {color: var(--dex);}
.case01 .box .text a::after{background-color: #fff;}
.case01Swiper {overflow: hidden;}
.case02 {padding: 150px 0 255px;background: url(/style/img/ny_albj1.jpg) 100%;background-size: cover;background-attachment: fixed;}
.case02 .fa { background-image: none; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.7); border-radius: 50%; font-size: 30px; color: rgba(255,255,255,0.7); width: 40px; height: 40px; top: auto; bottom: -39%;}
.case02 .content {position: relative;padding: 0 178px;}
.case02 .icenter1 {position: relative;}
.case02 .le_d {position: absolute; left: 0; top: 20px; font-size: 200px; line-height: 65px;}
.case02 .ri_d {position: absolute; right: 0; bottom: -53px; font-size: 200px; line-height: 65px;}
.case02 .fa-angle-left{left: 46.5%;}
.case02 .fa-angle-right{right: 46.5%;}
.case02 .box{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.case02 .box .soft_h4{color: #fff;margin-bottom: 34px;text-align: center;}
.case02 .box p {font-size: 16px;line-height: 26px;text-align: center;}
.case02 .box .line {width: 1px;height: 20px;background-color: #fff;margin: 25px auto;}
.case02 .box span {font-size: 16px;}
.case02Swiper {overflow: hidden;}
.case03 {padding: 128px 0;position: relative;overflow: hidden;background-color: #f5f5f5;}
.case03 dl {display: flex;justify-content: space-between;}
.case03 dl dd { overflow: hidden; position: relative; display: flex;flex-direction: column;justify-content: center;align-items: center; width: 32%; background-color: #fff; padding: 45px 30px; box-sizing: border-box; }
.case03 dl dd img{height: 290px;width: auto;}
.case03 dl dd .imgbox {margin-bottom: 20px;}
.case03 dl dd h4 {font-size: 36px;font-weight: 500;color: #333333;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.case03 dl dd .bottom {width: 100%;}
.case03 dl dd .bottom .sc {background-color: #f6f6f6; float: left;width: 50%;/*display: flex;justify-content: space-between;align-items: center;*/}
.case03 dl dd .bottom .sc span { display: none; justify-content: flex-end;}
.case03 dl dd .bottom .sc span h6 { font-size: 16px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin: 16px 0; padding: 0px 12px;}
.case03 dl dd .bottom .sc span:nth-of-type(2n){background-color: #fff;}
.case03 dl dd .bottom .sc span:nth-of-type(1),.case03 dl dd .bottom .sc span:nth-of-type(2),.case03 dl dd .bottom .sc span:nth-of-type(3){display: flex;}
.case03 dl dd .bottom .sc:nth-of-type(2n) span{text-align: right;}
.case03 .amore1 {margin: auto;margin-top: 50px;border: 1px solid var(--dex);background-color: var(--dex);color: #fff;}
.case03 .amore1:hover {color: var(--dex);}
.case03 .amore1::after{background-color: #fff;}
.case03 .hide { background-color: rgba(255, 255, 255, 0.9); display: flex; justify-content: center; padding: 25px 30px; position: absolute; bottom: -100px; left: 0px; width: 100%; transition: 0.5s;}
.case03 .hide a:nth-of-type(1){margin-right: 10px;}
.case03 .hide a {border: 1px solid var(--dex);color: var(--dex);}
.case03 .hide a:hover {color: #fff;}
.case03 dl dd:hover .hide {bottom: 0px;}
.case03 dl dd .bottom .sc:nth-of-type(1) span {justify-content: flex-start;}
.case04 { padding: 220px 0 173px;position: relative;overflow: hidden;background: url(/style/img/ny_albj2.jpg) 100%; background-size: cover;background-attachment: fixed;}
.case04::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; }
.case04 .icenter1 { display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 1; position: relative;}
.case04 .icenter1 p {font-size: 16px;line-height: 26px;margin-top: 10px;width: 1000px;text-align: center;}
.case04 .icenter1 .soft_h4 {color: #fff;}
.case05 {position: relative;background-color: #f5f5f5; padding-bottom: 79px;}
.case05 dl {display: flex; flex-flow: wrap; position: relative; top: -108px;}
.case05 dl dd { width: 19.5%; margin-right: 0.6%; margin-bottom: 0.6%;}
.case05 dl dd:nth-of-type(5n){margin-right: 0px;}
/* contact */
.con01 {padding-bottom: 100px;position: relative;overflow: hidden;}
.con01 .top {display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 50px;margin-top: 50px;}
.con01 .top span {text-align: center;font-size: 16px;margin-bottom: 12px;color: #333333;}
.con01 .bot {display: flex;justify-content: space-between;align-items: center;}
.con01 .bot .dr { box-shadow: 0 0 10px #ddd; transform: translateY(0px); transition: 0.3s; cursor: pointer; background-color: rgba(37,89,167,0.6); position: absolute; display: block; border: 5px solid #fff; width: 85px; height: 85px; border-radius: 50%; color: #ffffff; display: flex; align-items: center; justify-content: center; text-align: center;}
.con01 .bot .dr:hover { background-color: rgba(37,89,167,1); color: #fff; transform: translateY(-10px);}
.con01 .bot .dr.active{ background-color: rgba(37,89,167,1); color: #fff; transform: translateY(-10px);}
.dr1 { top: 116px; left: 121px;}
.dr2 { top: 310px; left: 248px;}
.dr3 { top: 244px; left: 473px;}
.dr4 { top: 101px; left: 505px;}
.dr5 { top: 101px; left: 748px;}
.dr6 { top: 187px; left: 808px;}
.con01 .bot .left { width: 69.5%; position: relative;}
.con01 .bot .right { -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% -50%; perspective-origin: 50% -50%; width: 26%; position: relative; min-height: 460px;}
.con01 .bot .right .card { transition: 0.5s; position: absolute; padding: 66px 36px; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 30px #ddd; height: 100%;}
.con01 .bot .right h4 {font-size: 24px;font-weight: 500;margin-bottom: 15px;color: var(--dex);}
.con01 .bot .right p {font-size: 16px;color: #333333;margin-bottom: 45px;color: #333333;}
.con01 .bot .right .tel { display: flex; align-items: center; margin-bottom: 41px;}
.con01 .bot .right .tel img{ width: 33px; margin-right: 10px;}
.con01 .bot .right .tel a {color: #333333;font-size: 24px;}
.con01 .bot .right .email {font-size: 16px;color: #333333;text-decoration: underline;}
.con01 .bot .right .bg{ position: absolute; width: 156px; bottom: 0px; right: 0px;}
.con01 .bot .right .bg img {filter: grayscale(5);}
.card--1 {
z-index: 6;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.card--2 {
z-index: 5;
-webkit-transform: translate3d(28px,29px,-75px);
transform: translate3d(28px,29px,-75px);
}
.card--3 {
z-index: 4;
-webkit-transform: translate3d(28px,29px,-75px);
transform: translate3d(28px,29px,-75px);
}
.card--4 {
z-index: 3;
-webkit-transform: translate3d(28px,29px,-75px);
transform: translate3d(28px,29px,-75px);
}
.card--5 {
z-index: 2;
-webkit-transform: translate3d(28px,29px,-75px);
transform: translate3d(28px,29px,-75px);
}
.con02 {background-color: #f5f5f5;position: relative;overflow: hidden;padding: 100px 0 180px;}
.con02 .top p {font-size: 18px; color: #666666; margin: 14px 0 40px;}
.con02 .bot input {font-size: 18px;padding: 12px 35px;outline: none; width: 100%;border: 0px; box-sizing: border-box;}
.con02 .bot input::-webkit-input-placeholder { color: #666; font-size: 14px; font-family: "arial"; }
.con02 .bot textarea::-webkit-input-placeholder { color: #666; font-size: 14px; font-family: "arial"; }
.con02 .bot .f3 {display: flex;justify-content: space-between;margin-bottom: 30px;}
.con02 .bot .f1 {width: 100%;margin-bottom: 30px;}
.con02 .bot .f2{display: flex;justify-content: space-between;margin-bottom: 30px;}
.con02 .bot textarea {width: 100%;height: 130px;padding: 12px 35px;outline: none;font-size: 18px;color: #666666;border: 0px;box-sizing: border-box;}
.con02 .bot .f4{display: flex;justify-content: space-between;margin-top: 30px;}
.con02 .bot .b {display: flex;justify-content: space-between;align-items: center;}
.con02 .bot .b span {font-size: 14px;color: #666666;}
.con02 .bot .f3 span {width: 49%;position: relative;}
.con02 .bot .f2 span {width: 49%;position: relative;}
.con02 .bot .f1 span {position: relative;}
.con02 .bot .f4 span {width: 49%;position: relative;}
.con02 .bot .cc {display: flex; justify-content: space-between; align-items: center; margin: 39px 0 0;; }
.con02 .bot .cc span {color: #666;font-size: 16px;}
.screen-reader-response{display: none;}
.con02 .bot form span span { position: absolute!important; top: 0; right: 20px; line-height: 53px; color: #e42313; letter-spacing: 0; font-size: 14px; width: fit-content!important;}
.response-output, .validation-errors { display: block; color: #e42313; font-weight: 500; font-size: 18px;}
.con02 .bot .cc .amore {border: 1px solid var(--dex);color: #fff;background-color: var(--dex);width: 146px;height: 42px;cursor: pointer;padding: 0px;}
.con02 .bot .cc .amore:hover {color: var(--dex);background-color: #fff;}
/* coll */
.coll {padding: 30px 0 135px; position: relative;overflow: hidden;}
.coll .segment {padding: 100px 0;}
.coll .segment:nth-of-type(2){background-color: #f2f2f2;}
.coll .segment .mid {position: relative;}
.coll .segment .top{margin-bottom: 35px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.coll .segment .top p {color: #666666;text-align: center;font-size: 20px; margin-top: 15px;}
.coll .segment .fa {width: 33px;height: 70px;background-image: none;display: flex;align-items: center;justify-content: center;font-size: 30px;color: #fff;background-color: rgba(0,0,0,0.4);border-top-right-radius:5px;border-bottom-right-radius: 5px;}
.coll .segment .fa-angle-left{left: 0px;}
.coll .segment .fa-angle-right{right: 0px;border-top-left-radius:5px;border-bottom-left-radius: 5px;}
.coll .segment .fa:hover {background-color: rgba(0,0,0,0.8);}
.coll .segment .bot {width: 700px;text-align: center;margin: auto;margin-top: 89px;font-size: 16px;color: #666666;}
.coll .segment .swiper-container-horizontal>.swiper-pagination-progressbar {top: auto;bottom: -45px;}
.coll .segment .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--dex);}
.coll .segment .swiper-pagination-progressbar { background: #d3d3d3; }
/* comp03 */
.ab04 {position: relative;overflow: hidden;background: url(../img/ny_gy_bj2.jpg) 100%;background-size: cover;background-attachment: fixed;padding: 110px 0;}
.ab04 .top, .ab04 h3 {padding: 0 90px;box-sizing: border-box;}
.ab04 .top {margin-bottom: 22px; position: relative;}
.ab04 .box {display: flex;justify-content: space-between;align-items: center;}
.ab04 .box .left {width: 45%;}
.ab04 .box .left h4 {line-height: 90px; font-size: 90px; font-family: arial; font-weight: 500; color: var(--dex); margin-bottom: 0px;}
.ab04 .box .left h5 {font-size: 26px;font-family: arial;margin-bottom: 34px;text-transform: uppercase;}
.ab04 .box .left p {opacity: 0.7;line-height: 32px;font-size: 18px;}
.ab04 .box .right {width: 40%;position: relative;overflow: hidden;}
.ab04 .box .right:hover img{transform: scale(1.1);}
.ab04Swiper_top ,.ab04Swiper_bot{overflow: hidden;}
.ab04Swiper_bot {padding: 38px 0;}
.ab04 .top .fa {opacity: 0.7; outline: none; background: none;width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 28px;color: #fff;border: 1px solid #fff;}
.ab04 .top .fa:hover {opacity: 1;}
.ab04 .swiper-button-prev {left: 0px;}
.ab04 .swiper-button-next {right: 0px;}
.ab04 .bot .box {position: relative;display: flex;justify-content: center;align-items: center; cursor: pointer;}
.ab04 .bot .box .dot {width: 7px;height: 7px;border-radius: 50%;background-color: #fff;position: relative;}
.ab04 .bot .box .dot::after{ display: none; content: ""; position: absolute; top: -50%; left: -50%; width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--dex);}
.ab04 .bot .box .wen { color: #fff; font-size: 18px; font-family: arial; position: absolute; top: 0px; padding-top: 25px;}
.ab04 .bot .box:hover .wen{color: var(--dex);}
.ab04 .bot .box:hover .dot {background-color: var(--dex);}
.ab04 .bot .box:hover .dot::after{display: block;}
.ab04 .bot {position: relative;}
.ab04 .swiper-slide-thumb-active .dot{background-color: var(--dex)!important;}
.ab04 .swiper-slide-thumb-active .dot::after{display: block!important;}
.ab04 .swiper-slide-thumb-active .wen {color: var(--dex)!important;}
.ab04 .dingwei {position: relative; top: -90px; left: 0px; height: 2px;}
.ab04 .bot::before{ position: absolute; top: 50%; left: 0px; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.5); content: ""; width: 100%; height: 1px;}
/* fac */
.fac_nav a:nth-of-type(2){display: none;}
.fac01 {padding-bottom: 120px;position: relative;overflow: hidden;}
.fac01 .bg { position: absolute; width: 46%; left: 0px; top: 0px; height: 529px; }
.fac01 .bg img {height: 100%;}
.fac01 .icenter1 { display: flex; justify-content: flex-end; }
.fac01 .icenter1 .box { width: 658px; height: 529px; display: flex; flex-direction: column; justify-content: center;}
.fac01 p {font-size: 16px;color: #666666;line-height: 26px;margin: 12px 0 50px;}
.fac01 a {border: 1px solid var(--dex);color: var(--dex);width: 164px;height: 41px;}
.fac01 a:hover {color: #fff;}
.fac02 {position:relative;overflow: hidden;padding: 105px 0;}
.fac02 .bg {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;}
.fac02 .bg video {object-fit: cover;height: 100%;width: 100%;}
.fac02::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); position: absolute; left: 0; top: 0; }
.fac02 .icenter3 {position: relative;z-index: 3;}
.fac02 img {margin: 40px 0;}
.fac02 dl {display: flex;justify-content: space-between;}
.fac02 dl dd {width: 24%;padding: 25px 30px;font-size: 16px;text-align: center;background-color: var(--dex);}
.fac02 dl dd:hover {background-color: #1d4a8f;}
.fac03 {padding: 120px 0;overflow: hidden;position: relative;}
.fac03 .soft_h4 {text-align: center;}
.fac03 dl {display: flex;justify-content: space-between; align-items: center; margin-top: 50px;}
.fac03 dl dd {width: 270px; position: relative;}
.fac03 dl dd .box {position: relative;}
.fac03 dl dd .box:hover .icon img {transform: rotateY(180deg);}
.fac03 dl dd .box .icon {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.fac03 dl dd .box .icon img {width: 88px;}
.fac03 span {font-size: 20px;color: #333333;margin-top: 20px;text-align: center;}
.jian { position: absolute; top: 43%; transform: translateY(-50%); left: 379px; display: flex; padding: 20px; justify-content: center; align-items: center; width: 100px; height: 100px; margin: auto;}
.jian .cc { border: 12px solid #fff; border-left: 12px solid var(--dex);}
.jian .cc.cc1{opacity: 0.4;animation:mymove1 1.2s infinite; -webkit-animation:mymove1 1.2s infinite}
.jian .cc.cc2{opacity: 0.7;animation:mymove1 1.2s 0.2s infinite; -webkit-animation:mymove1 1.2s 0.2s infinite}
.jian .cc.cc3{opacity: 1;animation:mymove1 1.2s 0.4s infinite; -webkit-animation:mymove1 1.2s 0.4s infinite}
.fac04 {position: relative;overflow: hidden;}
.fac04 .content { display: flex;justify-content: space-between;height: 550px;align-items: center;background-color: #f5f5f5;}
.fac04 .content:nth-of-type(2n){flex-flow: row-reverse;}
.fac04 .content .text {position: relative; width: 50%;display: flex;flex-direction: column;justify-content: center;padding: 120px 200px;}
.fac04 .content .text .wen { font-size: 200px; color: #e6e6e6; position: absolute; top: -46px; left: 179px;}
.fac04 .content .text h4 {font-size: 40px; color: #333333; margin-bottom: 13px; font-weight: 500; line-height: 53px;z-index: 1;}
.fac04 .content .text p {font-size: 16px;line-height: 26px;color: #333333;}
.fac04 .content .imgbox {width: 50%; height: 100%;}
.fac04 .content .imgbox img {height: 100%;}
.fac04 .content .imgbox:after {
position: absolute;
top: 0;
left: -100%;
z-index: 15;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.fac04 .content:hover .imgbox:after {
-webkit-animation: shine 1s ease-out .3s;
animation: shine 1s ease-out .3s;
}
@-webkit-keyframes shine{100%{left:125%;} }
@keyframes shine{100%{left:125%;} }
@keyframes mymove1
{
0% {opacity: 1;}
100% {opacity: 0.2;}
}
@-webkit-keyframes mymove1
{
0% {opacity: 1;}
100% {opacity: 0.2;}
}
.fac05 {position: relative;overflow: hidden;padding: 115px 0 180px;}
.fac05 .top {display: flex;align-items: center;justify-content: space-between;margin-bottom: 70px;}
.fac05 .top p {width: 596px;color: #666666;font-size: 16px;line-height: 26px;position: relative;}
.fac05 .top p::before { content: ""; position: absolute; left: -23px; top: 50%; transform: translateY(-50%); height: 68px; width: 2px; background-color: #979797;}
.fac05 .icenter1 {position: relative;}
.about2-bj { position: relative; background: #fafafa; padding: 120px 0;}
.about2-bj .icenter1 {position: relative;}
.ab2map { position: relative; }
.am2bg { width: 91%; margin-left: 9%; }
.am2bg img { display: block; width: 100%; }
.ab2cv { position: absolute; left: 0px; bottom: 50px; }
.ac2bt { color: #333; font-size: 44px; font-weight: 500; }
.ac2ms { display: block; color: #666; font-size: 18px; margin-top: 10px; }
.ac2sz { position: relative; color: #666666; font-size: 18px; margin-top: 44px; line-height: 1; padding-bottom: 30px; display: flex; align-items: flex-end; }
.ac2sz strong { font-family: alibb; color: #333333; font-size: 100px; font-weight: 500; line-height: 77px; }
.ac2sz:before { content: ""; position: absolute; left: 0; bottom: 0; width: 365px; height: 2px; background: var(--dex); }
.ac2sz span {font-size: 100px;color: #333333; line-height: 69px; margin-right: 20px;}
.am2dd { position: absolute; width: 58%; bottom: 11%; left: 32%; }
.am2dd img { width: 100%; transition: 0.45s; }
.am2dd .mbdt{display: none;}
.fac05 .bot 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: 110px;height: 110px;}
.fac05 .bot a span{
z-index: 1;
border: 1px solid var(--dex);
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;
background-color: var(--dex);
}
.fac05 .bot a font{display: inline-block;font-size: 18px;color: #000;white-space: nowrap;}
@keyframes ballScale { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0; }}
.fac05 .bot .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%;}
.fac05 .bot .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;}
.fac05 .bot .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;}
.fac05 .bot .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;}
.fac05 .bot .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;}
.fac05 .bot .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;}
.fac05 .bot #a01{top: 28%; left: 17%;}
.fac05 .bot .m_name { position: absolute; left: 67%; top: 50%; color: var(--dex); font-weight: 500; font-size: 18px; transform: translateY(-50%); white-space: nowrap;}
.fac05 .bot #a02{ top: 45%; left: 67.5%;}
.fac05 .bot #a02 .m_name {left: 26%; top: 69%;}
.fac05 .bot #a03{ top: 48%; left: 75%;}
.fac05 .bot #a04{ top: 36%; left: 65%;}
.fac05 .bot #a04 .m_name { left: 51%; transform: translateX(-50%); top: 18%;}
.fac05 .bot #a05{bottom: 37%; left: 62%;}
.fac05 .bot #a05 .m_name { left: -13%; transform: translateY(-50%); top: 50%;}
.fac05 .bot #a06{top: 30%; right: 40%;}
.fac05 .bot #a06 .m_name { left: 51%; transform: translateX(-50%); top: 18%;}
.fac05 .bot #a07{ top: 35%; right: 14.4%;}
.fac05 .bot #a07 .m_name2 { z-index: 30; position: absolute; left: 122%; top: 9%;display: flex; align-items: center; background-size: cover; height: 193px; width: 364px; justify-content: space-between; padding: 22px; background-size: contain; background-repeat: no-repeat;}
.fac05 .bot #a07 .m_name2 .text{width: 52%; text-align: start; margin-top: -58px; z-index: 10;}
.fac05 .bot #a07 .m_name2 .text h4 {color: var(--dex); font-weight: 500; font-size: 18px;margin-bottom: 6px;}
.fac05 .bot #a07 .m_name2 .text h5 {color: #333; font-size: 16px;}
.fac05 .bot #a07 .m_name2 .imgbox{ width: 41%; margin-top: -65px; z-index: 10; height: 88px;}
.fac05 .bot #a07 .m_name2 .imgbox img {height: 100%;object-fit: cover;}
.fac05 .bot #a07 .m_name2 .bg {position: absolute; width: 109%; left: 100%; left: -18%; top: 0px; filter: drop-shadow(0px 0px 15px rgb(102 102 102 / 20%));}
/* comp01 */
.comp_nav {background-color: #f5f5f5;}
.comp01 {background-color: #f5f5f5; padding-bottom: 135px;position: relative;}
.comp01 .icenter1 {display: flex;justify-content: space-between;align-items: center;}
.comp01 .left {width: 48.5%;position: relative;display: flex; justify-content: center;}
.comp01 .left video{ width: 78%; height: 100%; object-fit: cover; outline: none; position: relative; z-index: 1; height: 375px; box-shadow:5px 0px 24px rgb(102 102 102 / 20%);}
.comp01 .left .bg_img {position: absolute; left: 0px; top: 50%; transform: translateY(-50%); height: 83%; width: 100%; overflow: hidden; z-index: 0;}
.comp01 .left .bo { z-index: 2; cursor: pointer;font-size: 23px;border: 1px solid #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #fff;width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.comp01 .right{width: 42.5%;padding-right: 48px;box-sizing: border-box;}
.comp01 .right p,.comp01 .right span {font-size: 18px;color: #666666;line-height: 30px;margin-top: 20px;}
.comp01 .fa { background-image: none; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--dex); color: var(--dex); font-size: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; top: 112%; }
.comp01 .fa-angle-left { left: 43.5%;}
.comp01 .fa-angle-right { right: 43.5%;}
.comp01 .swiper-slide {transform: scale(0.9);transition: 0.3s;}
.comp01 .swiper-slide-active { transform: scale(1.2); z-index: 20; }
.comp02 {padding: 115px 0;position: relative;overflow: hidden;}
.comp02 p {color: #666666;font-size: 18px;line-height: 30px;margin: 20px 0 50px;}
.comp02 ul {display: flex;justify-content: space-between;align-items: center;}
.comp02 ul li {width: 30%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.comp02 ul li img {width: 50px;margin: 0 auto 24px;}
.comp02 ul li h4 {width: 100%; display: flex;justify-content: center; border-top: 1px solid #ddd;position: relative;padding-top: 11px;align-items: center;}
.comp02 ul li h4::before{position: absolute;content: "";top: 0px;left: 50%;transform: translateX(-50%);width: 47px;height: 2px;background-color: var(--dex);transition: 0.5s;}
.comp02 ul li:hover h4::before {width: 100%;}
.comp02 ul li:hover img {transform: rotateY(180deg);}
.comp02 ul li h4 strong {font-size: 70px;color: var(--dex);font-weight: 500;line-height: 60px;}
.comp02 ul li h4 span {font-size: 60px;color: var(--dex);margin-left: 10px;}
.comp02 ul li h5 {font-size: 16px;color: #666666;}
.comp03 {padding: 120px 0 100px;position: relative;overflow: hidden;background: url(/style/img/ny_gybj1.jpg) 100%;background-size: cover;background-attachment: fixed;}
.comp03::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; }
.comp03 .soft_h4{ margin-bottom: 30px; color: #fff; z-index: 1; position: relative;}
.comp03 .top { z-index: 1; position: relative;}
.comp03 .top .comp03Swiper_top {overflow: hidden;}
.comp03 .top .fa-angle-left {left:-77px}
.comp03 .top .fa-angle-right {right:-77px}
.comp03 .box {display: flex;justify-content: space-between;align-items: center;}
.comp03 .box .left {width: 40.5%;}
.comp03 .box .right {width: 52%;}
.comp03 .box .right h4 {font-size: 24px;margin-bottom: 5px;}
.comp03 .box .right h5 {font-size: 60px; font-weight: 500; margin-bottom: 31px; line-height: 54px;}
.comp03 .box .right p {font-size: 16px;line-height: 26px;}
.comp03 .fa { opacity: 0.7; outline: none; background: none; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 28px; color: #fff; border: 1px solid #fff; }
.comp03 .bot .box {position: relative;display: flex;justify-content: center;align-items: center; cursor: pointer;}
.comp03 .bot .box .dot {width: 6px;height: 6px;border-radius: 50%;background-color: #fff;position: relative;}
.comp03 .bot .box .dot::after{ display: none; content: ""; position: absolute; top: -50%; left: -50%; width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--dex);}
.comp03 .bot .box .wen { color: #fff; font-size: 18px; font-family: arial; position: absolute; top: 0px; padding-top: 25px;}
.comp03 .bot .box:hover .wen{color: var(--dex);}
.comp03 .bot .box:hover .dot {background-color: var(--dex);}
.comp03 .bot .box:hover .dot::after{display: block;}
.comp03 .bot { position: relative; z-index: 1; padding: 60px 0; overflow: hidden;}
.comp03 .swiper-slide-thumb-active .dot{background-color: var(--dex)!important;}
.comp03 .swiper-slide-thumb-active .dot::after{display: block!important;}
.comp03 .swiper-slide-thumb-active .wen {color: var(--dex)!important;}
.comp03 .bot::before { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.5); content: ""; width: 100%; height: 1px; }
.comp04 {padding: 120px 0;position: relative;overflow: hidden;}
.comp04 .icenter1 {display: flex;justify-content: space-between;}
.comp04 .box{position: relative;height: 330px;overflow: hidden;}
.comp04 .box::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; }
.comp04 .box:hover::after{background-color: rgba(0, 0, 0, 0.2);}
.comp04 .box:hover img{transform: scale(1.1);}
.comp04 .box .text {position: absolute;left: 60px;top: 60px;width: 398px;z-index: 1;}
.comp04 .box .text h4 {font-size: 34px;font-weight: 500;margin-bottom:5px;}
.comp04 .box .text p {font-size: 18px;line-height: 26px;}
.comp04 .box1 {width: 680px; height: 700px;}
.comp04 .box2 {margin-bottom: 40px;}
.comp04 .box1 img {width: 100%;height: 100%;}
.comp04 .right {width: 680px;}
.comp05 {padding: 125px 0 188px;position: relative;overflow: hidden;background: url(/style/img/comp05_bg.jpg) 100%;background-size: cover;}
.comp05 .soft_h4 {margin-bottom: 40px;text-align: center;}
.comp05 .icenter1 {position: relative;}
.comp05 .ban {position: absolute; bottom: 125px; width: 100%;}
.comp05Swiper {overflow: hidden;height: 580px;}
.comp05 .swiper-wrapper .swiper-slide img { width: 190px; max-height: 270px; transition: 0s; }
.comp05 .swiper-wrapper .swiper-slide-active img { width: 410px; max-height: 570px; }
.comp05 .swiper-wrapper .swiper-slide-active { margin-right: 55px !important; }
.comp05 .swiper-wrapper .swiper-slide { display: flex; align-items: flex-end;}
.comp05 .swiper-wrapper { align-items: flex-end; }
.comp05 .fa {position: relative; right: 0px; top: 0px; margin-top: 0px; left: 0px;background: url(/style/img/honor_icon.png) 100%; width: 23px; height: 49px; outline: none;}
.comp05 .com_cc {display: flex;align-items: center;position: absolute;cursor: pointer; z-index: 8;}
.comp05 .com_cc .text h4 {font-size: 18px;color: #999999;margin-bottom: 0px;}
.comp05 .com_cc .text h5 {font-size: 24px;color: #333333;width: 390px;}
.comp05 .le_cc .text h5 {text-align: start;}
.comp05 .ri_cc .text h5 {text-align: end;}
.comp05 .le_cc {left: 0px;top: 0px;}
.comp05 .ri_cc {right: 0px;top: 0px; flex-flow: row-reverse;}
.comp05 .ri_cc .text h4 {text-align: right;}
.comp05 .ri_cc .text {margin-right: 18px;}
.comp05 .le_cc .text {margin-left: 18px;}
.comp05 .le_cc .fa {transform: rotate(180deg);}
.comp06 {position: relative;overflow: hidden;padding: 115px 0 160px;}
.comp06 .top {width: 708px;margin-bottom: 24px;}
.comp06 .top p {font-size: 18px;color: #333333;line-height: 30px;margin-top: 10px;}
.comp06 .bot{width: 100%;height: 1px;padding-bottom: 700px;position: relative;}
.comp06 .dr {position: absolute;border-radius: 50%; overflow: hidden;}
.comp06 .dr2 {width: 46px;height: 46px;border-radius: 50%;background-color: var(--dex);left: 250px;top: 100px; animation: xb1 5.2s linear infinite; -webkit-animation: xb1 5.2s linear infinite;}
.comp06 .dr6 {left: 636px;top: 565px;background-color: var(--dex); animation: xb1 5.7s linear infinite; -webkit-animation: xb1 5.7s linear infinite;}
.comp06 .dr6 a {color: #fff;font-size: 16px;width: 128px;height: 128px;border-radius: 50%;;display: flex;justify-content: center;align-items: center;}
.comp06 .dr6:hover {background-color:#1d4a8f;}
.comp06 .dr6 a span { font-size: 16px; margin-left: 5px; color: #fff; transition: 0.3s; left: 0px; position: relative;}
.comp06 .dr6:hover a span {left:12px}
.comp06 .dr1 {width: 167px;height: 167px;left: 0px;top: 180px; animation: xb1 5.3s linear infinite; -webkit-animation: xb1 5.3s linear infinite;}
.comp06 .dr3 {width: 349px;height: 349px;left: 210px;top: 248px;z-index: 1; animation: xb1 5.1s linear infinite; -webkit-animation: xb1 5.1s linear infinite;}
.comp06 .dr4 {height: 95px;width: 95px; left: 356px;top: 43px; animation: xb1 5.6s linear infinite; -webkit-animation: xb1 5.6s linear infinite;}
.comp06 .dr5 {width: 490px;height: 490px; left: 468px;top: 0px; animation: xb1 5.9s linear infinite; -webkit-animation: xb1 5.9s linear infinite;}
.comp06 .dr7 {width: 162px;height: 162px; right: 250px;top: 122px; animation: xb1 5.5s linear infinite; -webkit-animation: xb1 5.5s linear infinite;}
.comp06 .dr8 {width: 225px;height: 225px; right: 257px;top: 381px; animation: xb1 5.2s linear infinite; -webkit-animation: xb1 5.2s linear infinite;}
.comp06 .dr9 {height: 110px;width: 110px; right: 168px;top: -30px; animation: xb1 5.4s linear infinite; -webkit-animation: xb1 5.4s linear infinite;}
.comp06 .dr10 {width: 220px;height: 220px; right: 5px;top: 139px; animation: xb1 5.8s linear infinite; -webkit-animation: xb1 5.8s linear infinite;}
@keyframes xb1 {0% {}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%);}}
.comp05Swiper .cc {display: none;}
#Text2114_69be757a181ec9e341b361af25e65cda{margin-top:0px;margin-Bottom:0px;margin-Left:0%;margin-Right:0%}
#RootGrid2214_f7bd7025bd3bb5ec5db8eef11048f033{ margin-top: 0px; margin-Bottom: 100px; margin-Left: 0%; margin-Right: 0%; padding-top: 0%; padding-Bottom: 0%; margin: 0px auto 65px;}
#SplitLine222_bac311cdc48495a915b6be539aa4245b{margin-top:0px;margin-Bottom:60px;margin-Left:0%;margin-Right:0%; display: none;}
.gridLayout{margin:230px 0 120px; width:auto;background-repeat:no-repeat;background-position:50%;background-size:cover}
.gridLayout .gridSub{min-height:50px}
#Breadcrumb1148_333b849761b117a62a73b4caf8f9d5760{margin-top:40px;margin-Bottom:0px;margin-Left:0%;margin-Right:0%}
/* hengxiao */
.hengxiao-banner { height: calc(100vh - 123px); margin-top: 123px; }
.hengxiao-banner .text h3 {font-size: 60px;font-weight: bold; line-height: 1;}
.hengxiao-banner .text p {font-size: 18px;line-height: 30px;margin-top: 3.5rem;}
.hengxiao-banner .icenter1 {width: 1400px;}
.hengxiao-banner .down i { width: 1.8rem; height: 1.8rem;}
.hengxiao-banner .text { top: 45%;}
.hengxiao-banner img {height: 100%;}
.hengxiao01 {padding: 12.8rem 0 13.5rem;background: url("/cn/style/img/hengxiao01_bg.jpg");background-size: cover;}
.hengxiao01 .icenter1 {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.hengxiao01 .icenter1 h3 {line-height: 1; font-size: 50px;color: #333333;font-weight: bold;}
.hengxiao01 .icenter1 p {
width: 75%;
font-size: 30px;line-height: 55px;
position: relative;border-top: 1px solid #ddd; color: #333333; text-align: center;padding-top: 2.4rem;margin-top: 2.4rem;}
.hengxiao01 .icenter1 p::before {position: absolute;content: "";width: 10.6rem;height: 0.5rem;
top: -0.25rem;background-color: var(--dex);
left: 50%;transform: translateX(-50%);
}
.hengxiao02 {
background: url("/cn/style/img/hengxiao02_bg.jpg");
background-attachment: fixed;
padding: 10rem 0 14.2rem;position: relative;overflow: hidden;}
.hengxiao02 .icenter1 {position: relative; z-index: 10; display: flex;flex-direction: column;justify-content: center;align-items: center;}
.hengxiao02 .icenter1 h3 {max-width: 68.6rem; text-align: center; margin-top: 6rem; line-height: 62px; position: relative; font-size: 50px;color: #fff;font-weight: bold;}
.hengxiao02 .icenter1 h3::before {position: absolute; content: "";top: -4rem;width: 0.1rem;height: 3rem; background-color: #fff; left: 50%; transform: translateX(-50%); }
.hengxiao02::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 2; }
.hengxiao02 .icenter1 img {height: 9.7rem;width: auto;}
/* hengxiao03 */
.hengxiao_h3 {font-size: 46px;font-weight: bold;color: #333333;}
.hengxiao03 {padding: 19.2rem 0;background:url("/cn/style/img/hengxiao03_bg.jpg") ;background-size: cover;}
.hengxiao03 ul {}
.hengxiao03 ul li{height: 46.3rem; display: flex;align-items: center;justify-content: space-between;}
.hengxiao03 ul li .imgbox {height: 100%;width: 50%;}
.hengxiao03 ul li .text {width: 50%;padding-left: 9.3rem;display: flex;flex-direction: column;justify-content: center;}
.hengxiao03 ul li .text .wen { position: absolute; top: -7.5rem; left: -0.5rem; font-family: "arial"; opacity: 0.1; color: var(--dex); font-size: 13.4rem; font-weight: bold; line-height: 1; z-index: 1; }
.hengxiao03 ul li .text h3 { line-height: 1; width: fit-content;position: relative;padding-bottom: 1.8rem;}
.hengxiao03 ul li .text h3::after { width: 9.5rem; position: absolute;content: "";height: 0.6rem;bottom: 0px;left: 0px;background-color: var(--dex);}
.hengxiao03 ul li .text p { margin-top: 3.7rem;font-size: 20px;line-height: 34px;color: #666666;}
/* .hengxiao03 ul li:hover .imgbox img{transform: scale(1.1);} */
.hengxiao03 ul li:hover .text h3 {color: var(--dex);}
.hengxiao03 ul li:nth-of-type(2n) {flex-flow: row-reverse;}
.hengxiao03 ul li:nth-of-type(2n) .text {padding-left: 0px;}
.hengxiao03 ul li .imgbox img {height: 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: 100%; position: relative; object-fit: cover; display: block; }
.vi_box .box .video { position: relative; width: 70%; height: auto; }
/* .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); }
.hengxiao03 .imgbox video { width: 100%; height: 46.3rem; position: relative; object-fit: cover; }
.hengxiao03 .imgbox .bo { cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; }
.hengxiao03 .imgbox .bo img { width: 6.5rem; }
.hengxiao03 .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; }
.hengxiao03 .imgbox .mask:before { position: relative; content: ""; display: block; margin-top: 100%; }
.hengxiao03 .imgbox .mask:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.hengxiao03 .imgbox:hover .mask { -webkit-animation: anim-out 1s; animation: anim-out 1s; }
.hengxiao03 .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; }
}
/* hengxiao04 */
.hengxiao04 {padding: 15.2rem 0 15rem;background: url("/cn/style/img/hengxiao04_bg.jpg");
background-size: cover;position: relative;overflow: hidden;
}
.hengxiao04 .icenter1 h3{text-align: center;}
.hengxiao04 .icenter1 ul {margin-top: 3.8rem;display: flex;flex-flow: wrap;}
.hengxiao04 .icenter1 ul li {height: 34.9rem; width: 22%; margin-right: 4%; margin-bottom: 4%;}
.hengxiao04 .icenter1 ul li:nth-of-type(4n) {margin-right: 0px;}
.hengxiao04 .icenter1 ul li .imgbox {height: 52%;}
.hengxiao04 .icenter1 ul li .imgbox img {height: 100%;}
.hengxiao04 .icenter1 ul li .text { padding: 3.2rem;
height: 48%;background-color: #fff;}
.hengxiao04 .icenter1 ul li .text h4 {font-size: 26px;font-weight:bold;
color: #333333; line-height: 1;
}
.hengxiao04 .icenter1 ul li .text p {font-size: 16px;line-height: 26px;
color: #666666;margin-top: .7rem;
}
.hengxiao04 .icenter1 ul li .text font {display: none;}
.hengxiao04 .icenter1 ul li:hover h4 {color: #fff;}
.hengxiao04 .icenter1 ul li:hover {background: url("/cn/style/img/yachi.png");background-size: cover;}
.hengxiao04 .icenter1 ul li:hover font {display: block;margin-top: 1.4rem;padding-top: 1.4rem;position: relative;font-size: 16px;line-height: 26px;
color: rgba(255,255,255,0.7);
}
.hengxiao04 .icenter1 ul li:hover .text {background-color: transparent; height: 100%;padding: 3.9rem 3rem 0;}
.hengxiao04 .icenter1 ul li:hover font::before {position: absolute;content: "";left: 0px;
top: 0px;width: 4.5rem;height: 1px;background-color: #fff;
}
.hengxiao04 .icenter1 ul li:hover .imgbox {display: none;}
.hengxiao04 .icenter1 ul li:hover p {display: none;}
/* hengxiao05 */
.hengxiao05 {position: relative;overflow: hidden;padding: 15rem 0;}
.hengxiao05 .icenter1 {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.hengxiao05 .icenter1 p {width: 87.6rem; margin: 1.8rem 0 2.5rem; font-size: 18px;line-height: 30px;color: #666666;text-align: center;}
.hengxiao05 .icenter1 .share {display: flex;width: fit-content;}
.hengxiao05 .icenter1 .share a {width: 5.7rem;height: 5.7rem;border-radius: 50%;
display: flex;justify-content: center;align-items: center;
background-color: rgba(176, 176, 176,1);
position: relative;
}
.hengxiao05 .icenter1 .share a img {width: 2.6rem;}
.hengxiao05 .icenter1 .share a:nth-of-type(1) {background-color: var(--dex);margin-right: 1rem;}
.hengxiao05 .icenter1 .share a:nth-of-type(2) img {width: 3.7rem;}
.hengxiao05 .icenter1 .share a:nth-of-type(1) .ewm { display: none;}
.hengxiao05 .icenter1 .share a:nth-of-type(1):hover .ewm { display: block; top: -14rem; left: 50%; transform: translateX(-50%); position: absolute}
.hengxiao05 .icenter1 .share a:nth-of-type(1):hover .ewm img { height: 13rem; width: auto;}
.hengxiao06 { padding: 10rem 0 18rem; margin-bottom: 0rem; background-color: rgba(238, 238, 238,1);}
.hengxiao06 .icenter1 {display: flex;justify-content: space-between;}
.hengxiao06 .icenter1 .g {width: 32%; color: #333; font-size: 17px; line-height: 30px;}
@media screen and (max-width:1600px) {
.n-nav02 { width: 185px;}
.div2 .head_b .left .logo img { width: 140px; }
html {font-size: 8.8px;}
.icenter1 {width: 1100px;}
.head_b .right ul li .a::after{height: 2px;}
.head_b .right ul li .a{font-size: 14px;}
.head_t { height: 36px;}
.head_b { height: 72px;}
.head_b .right ul li { margin: 0px 12px; }
.head_b .right ul li .a { line-height: 72px;}
.head_t .content a img { width: 16px; margin-right: 9px; }
.head_t .content a { padding-left: 17px; margin-left: 17px;}
.head_b .left .logo img { width: 160px; }
.amore { font-size: 14px; width: 128px; height: 36px;}
.index_banner .sp_1 { margin-left: 15px; font-size: 1.2rem; }
.index_banner .sp_2 { margin-right: 15px; font-size: 1.2rem; }
.index_banner .banner_dex { bottom: 85px;}
.index_banner .indexSwiper-pagination { width: 79px; height: 3px; margin: 0 10px;}
.index_banner .banner_dex .fa { font-size: 2.5rem;}
.indexSwiper .box .text h4 {font-size: 9rem; font-weight: 500; margin-bottom: 39px; line-height: 64px; }
.indexSwiper .box .text h3 { font-size: 2rem; margin-bottom: 16px; }
.index_banner { margin-top: 112px; height: calc(100% - 112px); }
.index_1 h3 { margin-bottom: 18px;}
.index_1 .box a .img { height: 508px; }
.index_1 .box a .text .icon { margin-bottom: 225px;width: 62px; height: 62px; }
.index_1 .box a .text .icon img { width: 30px; }
.index_1 .box a .text { width: 85%; top: 59%;}
.index_1 .box a .text .mid h4 { font-size: 3rem; margin-bottom: 16px; }
.index_1 .box a .text .mid h5 { line-height: 20px; height: 90px; }
.index_1 .box a .text .mid { margin-bottom: 26px; }
.index_1 { padding: 70px 0 0px;}
.index_1 .bot_cc {padding-bottom: 100px;}
.index_1 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 65px; }
.index_2 { padding: 100px 0;}
.index_2 .icenter1 .left .t { margin-bottom: 48px; }
.index_2 .icenter1 .left .m { margin-bottom: 66px; }
.index_2 .icenter1 .left .m .title {padding: 12px 0; padding-left: 10px; }
.index_2 .icenter1 .left .m .title img {width: 26px; margin-left: 17px;}
.index_2 .icenter1 .left .b .biao { width: 102px; height: 102px;}
.index_2 .icenter1 .right .swiper-slide .box h4 { font-size: 2rem; margin: 14px 0 10px; }
.index_2 .icenter1 .right .swiper-slide-active .box h4 { font-size: 3.6rem; margin: 25px 0 15px; }
.index_2 .icenter1 .left { width: 43%;}
.index_2 .icenter1 .left .b .biao .sp_1, .index_2 .icenter1 .left .b .biao span { line-height: 30px; }
.index_2 .icenter1 .right .swiper-slide { height: 495px; }
.index_2 .icenter1 .left .t h4 { line-height: 32px; }
.index_3 dl dd .icon { margin-bottom: 10px; }
.index_3 { padding: 70px 0;}
.index_3 dl dd .icon img { height: 70px; }
.index_3 dl dd .t { padding: 12px 0;}
.index_3 dl dd .m { padding: 10px 0; font-size: 1.6rem; line-height: 21px; }
.index_3 dl dd { width: 28%; }
.index_4 { padding: 100px 0;}
.index_4 .top .left img { height: 575px; }
.index_4 .top .right img { height: 590px; }
.index_4 .top .left .wen { right: -81px; bottom: 150px; font-size: 7rem;}
.index_4 .top .right .text p { margin-bottom: 48px; line-height: 26px;}
.index_4 .top .right .text h3 { margin-bottom: 47px; }
.index_4 .top { padding-bottom: 115px;}
.index_4 .top .right .text h3 span { margin-left: 83px; }
.index_4 .top .right .text h3 { margin-bottom: 45px; line-height: 51px; }
.index_4 .top .right .text h4 { line-height: 35px; margin-bottom: 28px; }
.index_4 .bot li .icon { width: 60px; height: 60px; margin-right: 18px;}
.index_4 .bot li h5 { font-size: 1.6rem; padding-top: 15px; margin-top: 12px;}
.index_4 .bot li .icon img { width: 30px; }
.index_5 .bot .box .imgbox { height: 224px; border-radius: 12px; }
.index_5 { padding: 100px 0;}
.index_5 .top { margin-bottom: 18px; }
.index_5 .bot .box .cc { padding-top: 24px; }
.index_5 .bot .box .cc .b_more { margin-top: 18px;}
.index_5 .bot .box .cc .t { margin-bottom: 14px; }
.index_5 .bot .box .cc .t .icon img { width: 19px; }
.index_5 .bot .box .cc .t .date strong { line-height: 30px; }
.index_5 .bot .box .m h4 { height: 54px; }
.index_5 .bot { padding-bottom: 110px;}
.index_5 .swiper-container-horizontal>.swiper-pagination-progressbar { width: 94%;}
.index_5 .fa2 { right: auto; left: 35px; border: 9px solid #f1f5fb; border-left: 9px solid var(--dex); }
.index_5 .fa1 { left: -9px; border: 9px solid #f1f5fb; border-right: 9px solid var(--dex); }
.h3_com { font-size: 5rem;}
.footerwrap { padding-top: 50px;}
.footerwrap .fo03 { padding: 15px 0;}
.footerwrap .fo02 .left span { margin-right: 26px; }
.footerwrap .fo02 { padding: 30px 0 41px;}
.footerwrap .fo01 .left h3 { margin-bottom: 22px; font-size: 5rem; line-height: 50px; }
.footerwrap .fo01 .right ul li { margin-right: 88px; margin-bottom: 30px; width: 146px; }
.footerwrap .fo02 .right a { margin-left: 8px; width: 30px; height: 30px;}
.footerwrap .fo01 .left h4 { line-height: 28px; }
.footerwrap .fo01 .right ul li .title { margin-bottom: 16px; }
.footerwrap .fo01 .right ul li .min a { margin-bottom: 10px;}
.index_5 .bot .box .m h5{line-height: 20px;}
.footerwrap .fo02 .right a img { width: 17px; }
/* print */
.inner-banner .text h3 { font-size: 50px;margin-bottom: 18px; }
.inner-banner .text h4 { font-size: 15px; margin-bottom: 30px; opacity: 0.7; }
.inner-banner .text .icon img { width: 32px;}
.print01 { padding: 90px 0;}
.print01 a { margin-right: 16px; font-size: 18px; width: 190px; height: 48px; }
.print02 .left h4 { font-size: 36px; margin-bottom: 26px; }
.print02 .left h5 { font-size: 14px; line-height: 24px; }
.print02 .wen { font-size: 108px; top: 15px;}
.print02 .left { width: 363px; }
.print02 .right { top: 138px;}
.print02 .right img {height: 459px;}
.print02 { padding: 192px 0 92px; }
.print03 { padding: 165px 0 102px; }
.print03 h3 { font-size: 36px; margin-bottom: 52px;}
.print03 .dot .bot .icon { margin-bottom: 13px; width: 130px; height: 130px;}
.print03 .dot .bot .icon img { width: 70px; transition: 0s; }
.print03 .dot .bot span { font-size: 15px; }
.print03 .dot .icenter1 .num { font-size: 15px; margin-top: 16px; }
.print03 .dot .bot { margin-top: 38px; }
.print04 { padding: 145px 0; }
.print04 h4 { font-size: 36px; margin-bottom: 24px; }
.print04 h5 { font-size: 15px; line-height: 25px; width: 870px; }
.print05 dd { padding-bottom: 35px; }
.print05 dd span { margin-top: 12px; font-size: 18px; }
.print05 .morecc .content { padding: 30px 0; }
.print05 .morecc .content span { font-size: 14px; }
.print05 .morecc .content img { width: 18px; margin-right: 16px; }
/* soft */
.soft_h4 { font-size: 36px; line-height: 42px; }
.soft01 .right p { margin-top: 17px; font-size: 14px; }
.soft01 { padding: 48px 0 130px; }
.soft_cc dd { width: 47%; margin-bottom: 57px; }
.soft_cc dd .icon img { width: 87px; }
.soft_cc dd .icon { width: 220px; height: 220px;}
.soft_cc dd .icon span { font-size: 15px; left: 18px; top: -9px; }
.soft_cc dd .text h4 { font-size: 20px; margin-bottom: 10px; line-height: 24px; }
.soft_cc dd .text p { font-size: 14px; line-height: 22px; }
.soft_cc dd .text::after { left: -18px; }
.soft_cc dd .text::before { height: 8px; width: 8px; left: -22px; }
.soft_cc dd .text { width: 259px;}
.soft01 .right { padding-right: 80px;}
.soft03 .right { padding-right: 0px; padding-left: 80px; }
.mat01 p { font-size: 14px; line-height: 24px; margin-top: 18px; }
.mat01 { padding: 90px 0 100px; }
.mat02 { padding: 100px 0;}
.mat02 dl dd { width: 240px; }
.mat02 dl dd .top { width: 198px; margin-bottom: 22px; }
.mat02 dl dd .icon img { width: 60px; }
.mat02 dl dd .bot h4 { font-size: 20px; margin-bottom: 10px; }
.mat02 dl dd .bot h5 { font-size: 14px; line-height: 24px; height: 98px; }
.mat03 { padding: 100px 0; }
.mat03 .article .left h4 {font-size: 32px;margin-bottom: 6px;}
.mat03 .article .left h5 {font-size: 14px;line-height: 24px;}
.mat03 .article .left {padding: 65px;}
.mat03 .article {margin-bottom: 40px;}
.mat03 .morecc .content { padding: 30px 0; }
.mat03 .morecc .content img { width: 18px; margin-right: 10px; }
.mat03 .morecc .content span { font-size: 14px; }
.mat04 p { font-size: 14px; line-height: 24px; margin-top: 6px; width: 800px; }
.mat04 { padding: 150px 0;}
.mat05 { margin-bottom: 30px; }
.page a { width: 40px; height: 40px; font-size: 16px; margin-right: 16px; }
.page span { width: 40px; height: 40px; font-size: 16px; margin-right: 16px; }
.news01 { margin-bottom: 55px; height: 358px; }
.news01 .right { padding: 47px 55px; }
.news01 .right .date img { width: 16px; margin-right: 9px; }
.news01 .right .date { font-size: 14px; margin-bottom: 14px; }
.news01 .right h4 { font-size: 18px; line-height: 30px; margin-bottom: 12px; }
.news01 .right p { font-size: 14px; line-height: 24px; margin-bottom: 35px; }
.news01 .right a { width: 124px; height: 35px; }
.news dd .left .text h4 {font-size: 18px; font-weight: 500; line-height: 26px; color: #333333; margin-bottom: 10px;}
.news dd .left .text h5 { font-size: 14px; line-height: 24px; margin-bottom: 33px; }
.news dd .left .text .amore{width: 124px; height: 35px; }
.news dd .right { width: 94px; }
.news dd .right h4 { font-size: 40px; padding: 4px 0; }
.news dd .right h5 { font-size: 14px; padding: 5px 0; }
.news-banner .text { width: 1000px; }
/* equip */
.icenter3 {width: 1100px;}
.equip .content h3 span { font-size: 46px;}
.equip .top .ce .fa { height: 32px; width: 32px; font-size: 26px;margin-right: 25px;}
.equip .top { margin-bottom: 36px;}
.equip .box .text { padding: 15px 36px 53px; }
.equip .box .imgbox img { height: 244px; }
.equip .box .text h4 { font-size: 32px;}
.equip .box .text h5 { font-size: 16px;}
.equip .box .text p { font-size: 14px; line-height: 24px; margin: 17px 0 32px; }
.equip .box .amore { width: 117px; height: 34px; font-size: 13px; }
.equip .content { margin-bottom: 70px; }
.equipinfo_banner .right { padding-right: 50px; }
.equipinfo_banner .right h3 { font-size: 50px; margin-bottom: 7px; line-height: 46px; }
.equipinfo_banner .right h4 { font-size: 18px; margin-bottom: 16px; }
.equipinfo_banner .right p { font-size: 14px; line-height: 24px; margin-bottom: 45px; }
.equipinfo_banner .left .main .icon img { height: 400px; width: auto; }
.equipinfo_banner .left .tab { width: 80px; }
.equipinfo_banner { padding: 110px 0;}
.equipinfo_banner .left {width: 52%}
.equipinfo01 { padding: 95px 0;}
.equipinfo01 ul li p { height: 45px; padding: 10px 0; line-height: 44px; font-size: 12px; }
.equipinfo02 { padding: 90px 0;}
.equipinfo02 dl { margin-top: 34px;}
.equipinfo02 dd .icon { width: 65px; height: 65px;}
.equipinfo02 dd .icon img { width: 35px; }
.equipinfo02 dd h4 { padding-top: 20px; font-size: 16px; margin-bottom: 5px; margin-top: 9px; }
.equipinfo02 dd h4::before { top: -2px; left: 0px; height: 2px; width: 60px; background-color: var(--dex); }
.equipinfo02 dd p { font-size: 12px; line-height: 20px; }
.equipinfo02 dd { margin-bottom: 38px; }
.equipinfo03 { padding: 90px 0;}
.equipinfo04 .bot .box img { height: 320px; width: auto; }
.equipinfo04 .bot .box h3 { font-size: 34px; margin-bottom: 6px; line-height: 35px; }
.equipinfo04 .bot .box h4 { font-size: 18px; margin-bottom: 14px; }
.equipinfo04 .bot .box h5 { font-size: 14px; margin-bottom: 21px; }
.equipinfo04 .bot .box h6 { font-size: 14px; line-height: 24px; margin-bottom: 34px; }
.equipinfo04 .bot .amore { width: 132px; height: 38px; }
.equipinfo04 .fa { width: 42px; height: 76px; font-size: 36px;}
.equipinfo05 { padding: 110px 0 120px; }
.equipinfo05 h4 { font-size: 18px; width: 728px; margin: 10px auto 33px; }
.equipinfo05 .amore { width: 140px; height: 38px; margin-bottom: 53px; }
.equipinfo05 .share span { font-size: 18px; }
.equipinfo05 .share .cc a { width: 38px; height: 38px; font-size: 18px;}
.aft01 .right .text .content h3 { font-size: 39px; margin-bottom: 3px; line-height: 35px; }
.aft01 .right .text .content h4 { font-size: 16px; }
.aft01 .right .text .icon { width: 48px; margin-right: 32px; }
.aft01 .right .text { padding-bottom: 10px; padding-top: 31px; }
.aft01 .right { width: 51%; padding: 42px 84px; }
.aft01 .icenter1::before { top: -12.5%; height: 125%; }
.aft01 { padding: 38px 0 140px; }
.aft02 { padding: 90px 0;}
.aft02 .segment1 h4 { font-size: 38px; margin-bottom: 2px; }
.aft02 .segment1 p { font-size: 14px; line-height: 24px; }
.aft02 .segment2 h4 { font-size: 16px; margin-bottom: 3px; }
.aft02 .segment2 a { font-size: 43px; letter-spacing: 3px; line-height: 47px; }
.aft02 .segment3 h4 { font-size: 16px; margin-bottom: 3px; }
.aft02 .segment3 h5 { font-size: 16px; }
.aft02 .segment1 { margin-bottom: 30px; width: fit-content; }
.aft02 .segment2 {margin-bottom: 30px;}
.aft03 { padding: 100px 0 115px;}
.aft03 dl dd img { width: 68px; margin-bottom: 16px; }
.aft03 dl dd h4 { font-size: 19px;}
.aft03 dl dd { padding: 33px 35px; }
.aft03 dl dd .line { width: 20px; margin: 16px auto;}
.aft03 dl dd p { font-size: 14px; line-height: 24px; height: 72px;}
.smile01 .segment1 p { margin: 5px 0 34px; font-size: 18px; line-height: 25px; }
.smile01 .segment2 .box { width: 32%; margin-right: 2%; margin-bottom: 36px;}
.smile01 .segment2 .box .icon { width: 96px; height: 96px;}
.smile01 .segment2 .box .icon img { width: 49px; }
.smile01 .segment2 .box .text h4 { font-size: 22px;}
.smile01 .segment2 .box .text .line { width: 24px; margin: 7px 0; }
.smile01 .segment2 .box .text h5 { font-size: 14px; line-height: 24px; }
.smile01 .segment2 .box .text { width: 240px; }
.smile01 { margin-top: 417px; padding-bottom: 150px; padding-top: 182px; }
.smile01 .segment1 { position: absolute; top: -585px;}
.smile01 .segment2 { margin: 90px 0 30px;}
.segment3 .fa { width: 40px; height: 40px; font-size: 26px; }
.segment3 .fa-angle-left { left: -70px; }
.segment3 .fa-angle-right { right: -70px; }
.smile02 { padding: 100px 0 163px;}
.smile02 .segment2 { margin: 75px 0; }
.smile02 .segment2 .left h4 { font-size: 36px; line-height: 39px; margin-bottom: 16px; }
.smile02 .segment2 .left h5 { font-size: 18px; line-height: 30px; }
.smile02 .segment2 .right { padding: 105px 35px;}
.smile02 .segment2 .right dl dd span { font-size: 16px; margin-top: 8px; height: 43px; line-height: 21px; }
.smile02 .segment2 .right dl dd { width: 134px;}
.smile02 .segment2 .right dl dd .icon { width: 80px; height: 80px;}
.smile02 .segment2 .right dl dd .icon img { width: 35px; }
.hu_top p { font-size: 14px; margin-top: 16px; width: 770px; }
.human01 .up { padding: 24px 0;}
.human01 .up .left h3 { font-size: 26px; margin-bottom: 7px; line-height: 32px; }
.human01 .up .left h4 span { font-size: 13px; padding: 0 16px; }
.human01 .up .left h4 span::after { height: 10px;}
.human01 .low { padding: 60px 50px; }
.human01 .low b { margin-bottom: 12px; font-size: 18px; }
.human01 .low p { font-size: 14px; line-height: 32px; }
.human01 .low .content { margin-bottom: 30px; }
.human01 .low .foot { font-size: 15px; }
.human01 { padding-bottom: 100px;}
.human01 .min a { font-size: 18px;}
.human01 .min a:nth-of-type(2) { margin: 0 42px; margin-right: 0px;}
.human01 .min a:nth-of-type(2)::before { left: -19px; height: 16px;}
.human01 .min a:nth-of-type(2)::after { right: -19px; height: 16px;}
.human01 .min { margin-top: 40px; }
.human01 .hu_top { margin-bottom: 22px; }
.human02 .top .switch .fa { width: 24px;}
.human02 { padding-bottom: 80px; }
.hu_top { margin-bottom: 40px;}
.human03 .bot .t .mg1 { width: 727px; }
.human03 .bot .t .mg2 { width: calc(1080px - 727px); }
.hu03Swiper .fa { width: 28px; height: 60px; font-size: 26px;}
.human03 { margin-bottom: 155px; }
.ca_top p { width: 710px; font-size: 14px; line-height: 24px; margin-top: 6px; }
.ca_top { margin-bottom: 26px;}
.case01 .box .text h4 { font-size: 22px; line-height: 28px; margin-bottom: 28px; }
.case01 .box .text p { font-size: 14px; line-height: 24px; margin-bottom: 48px; }
.case01 .box .text { padding: 75px;}
.case01 .fa { font-size: 24px; width: 32px; height: 32px; }
.case01 .fa-angle-right { right: -65px; }
.case01 .box { height: 360px; }
.case01 .fa-angle-left { left: -65px; }
.case01 { padding-bottom: 100px;}
.case02 .box .soft_h4 { margin-bottom: 24px; }
.case02 .box p { font-size: 14px; line-height: 24px; }
.case02 .content { padding: 0px 125px; }
.case02 .box .line { width: 1px; height: 16px; margin: 18px auto; }
.case02 .box span { font-size: 14px; }
.case02 .fa { font-size: 24px; width: 32px; height: 32px; }
.case02 .le_d ,.case02 .ri_d{ font-size: 175px; }
.case02 { padding: 112px 0 210px;}
.case03 { padding: 100px 0;}
.case03 dl dd img { height: 205px; }
.case03 dl dd h4 { font-size: 28px; margin-bottom: 13px; }
.case03 dl dd .bottom .sc span { font-size: 14px; }
.case03 dl dd { padding: 35px 24px; }
.case03 .amore1 { margin-top: 40px;}
.case04 .icenter1 p { font-size: 14px; line-height: 24px; margin-top: 8px; width: 838px; }
.case04 { padding: 171px 0 142px;}
.case05 dl { top: -85px; }
.con01 .top span { font-size: 14px; margin-bottom: 8px; }
.con01 .top { margin-bottom: 40px; }
.con01 .bot .dr { width: 78px; height: 78px; font-size: 12px;}
.dr1 { top: 116px; left: 99px; }
.dr2 { top: 263px; left: 194px; }
.dr3 { top: 191px; left: 364px; }
.dr4 { top: 92px; left: 402px; }
.dr5 {top: 78px; left: 583px; }
.dr6 { top: 148px; left: 637px; }
.con01 .bot .right { min-height: 375px; }
.con01 .bot .right .card { padding: 49px 30px; box-shadow: 0 0 20px #ddd;}
.con01 .bot .right h4 { font-size: 18px; margin-bottom: 10px;}
.con01 .bot .right p { font-size: 13px; margin-bottom: 29px; }
.con01 .bot .right .tel img { width: 30px; margin-right: 8px; }
.con01 .bot .right .tel a { font-size: 21px; }
.con01 .bot .right .tel { margin-bottom: 38px; }
.con01 .bot .right .bg { width: 117px; }
.con01 { padding-bottom: 90px; }
.con02 { padding: 90px 0 150px; }
.con02 .top p { font-size: 16px; margin: 10px 0 34px; }
.con02 .bot .cc span { font-size: 14px; }
.con02 .bot .cc { margin: 34px 0 0; }
.con02 .bot .cc .amore { width: 132px; height: 38px;}
.coll .segment { padding: 80px 0; }
.coll .segment .top p { font-size: 17px; margin-top: 10px; }
.coll .segment .top { margin-bottom: 30px;}
.coll .segment .swiper-container-horizontal>.swiper-pagination-progressbar { bottom: -42px; }
.coll .segment .bot { width: 650px; margin-top: 84px; font-size: 14px; }
.coll { padding: 30px 0 120px; }
.fac01 .icenter1 .box { width: 539px; height: 420px; }
.fac01 .bg { height: 420px; }
.fac01 p { font-size: 14px; line-height: 24px; margin: 10px 0 36px; }
.fac01 a { width: 142px; height: 37px; }
.fac01 { padding-bottom: 100px; }
.fac02 { padding: 90px 0; }
.fac02 dl dd { padding: 19px 14px; font-size: 12px; white-space: nowrap;}
.fac03 { padding: 100px 0;}
.fac03 dl { margin-top: 42px; }
.fac03 dl dd { width: 215px; }
.fac03 span { font-size: 18px; margin-top: 17px; }
.jian .cc { border: 10px solid #fff; border-left: 10px solid var(--dex); }
.jian { left: 287px;}
.fac04 .content { height: 410px;}
.fac04 .content .text { padding: 92px 70px; }
.fac04 .content .text h4 { font-size: 34px; margin-bottom: 6px; line-height: 42px; }
.fac04 .content .text p { font-size: 14px; line-height: 24px; }
.fac04 .content .text .wen { font-size: 142px; top: -19px; left: 55px; }
.fac05 { padding: 100px 0 150px; }
.ac2sz:before { width: 329px;}
.ac2sz strong { font-size: 75px; line-height: 66px; }
.ac2sz span { font-size: 68px; line-height: 55px; margin-right: 14px; }
.ac2sz { font-size: 16px; margin-top: 0px; padding-bottom: 24px; }
.fac05 .top p { width: 540px; font-size: 14px; line-height: 24px; }
.fac05 .top p::before { left: -22px; height: 60px; }
.fac05 .top { margin-bottom: 50px; }
.fac05 .bot .m_name { font-size: 13px; left: 66%;}
.fac05 .bot #a07 .m_name2 {}
.fac05 .bot a { width: 100px; height: 100px; }
.fac05 .bot #a07 .m_name2 .text h5 { color: #333; font-size: 12px; }
.fac05 .bot #a07 .m_name2 .text h4 { font-size: 14px; margin-bottom: 3px; }
.fac05 .bot #a07 .m_name2 { left: 102%; top: 18%; height: 101px; width: 240px; padding: 14px;}
.fac05 .bot #a07 .m_name2 .imgbox { width: 42%; margin-top: -15px; z-index: 10; height: 64px; }
.fac05 .bot #a07 .m_name2 .text { width: 52%; text-align: start; margin-top: -15px; z-index: 10; }
.fac05 .bot #a07 { top: 34%; right: 13.4%; }
.comp01 .right { padding-right: 24px; }
.comp01 .right p { font-size: 14px; line-height: 24px; margin-top: 9px; }
.comp01 .left .bo { font-size: 17px; width: 50px; height: 50px;}
.comp01 .fa { width: 32px; height: 32px; font-size: 24px;}
.comp01 { padding-bottom: 110px; }
.comp01 .left video { height: 290px; box-shadow: 0 0 25px #afaaaa; }
.comp02 { padding: 100px 0; }
.comp02 p { font-size: 16px; line-height: 26px; margin: 14px 0 40px; }
.comp02 ul li img { width: 38px; margin: 0 auto 19px; }
.comp02 ul li h4 strong { font-size: 55px; line-height: 50px; }
.comp02 ul li h4 { padding-top: 12px; line-height: 55px; }
.comp02 ul li h4 span { font-size: 50px; margin-left: 6px; }
.comp02 ul li h4::before { top: -2px;}
.comp02 ul li h5 { font-size: 14px; margin-top: 5px; }
.comp03 { padding: 100px 0 110px;}
.comp03 .soft_h4 { margin-bottom: 24px;}
.comp03 .box .right h4 { font-size: 20px; margin-bottom: 4px; }
.comp03 .box .right h5 { font-size: 50px; margin-bottom: 18px; line-height: 48px; }
.comp03 .box .right p { font-size: 16px; line-height: 26px; }
.comp03 .bot .box .wen { font-size: 16px; padding-top: 22px; }
.comp03 .bot { padding: 47px 0; }
.comp04 { padding: 105px 0;}
.comp04 .box { height: 260px; }
.comp04 .box1 { width: 540px; height: 540px; }
.comp04 .right {width: 540px;}
.comp04 .box2 { margin-bottom: 20px; }
.comp04 .box .text h4 { font-size: 28px; margin-bottom: 2px; }
.comp04 .box .text p { font-size: 15px; line-height: 24px; }
.comp04 .box .text { left: 50px; top: 50px; width: 358px; z-index: 2; }
.comp05 { padding: 115px 0 160px;}
.comp05 .swiper-wrapper .swiper-slide img { width: 133px; max-height: 189px; transition: 0s; }
.comp05 .swiper-wrapper .swiper-slide-active img { width: 318px; max-height: 451px; }
.comp05 .swiper-wrapper .swiper-slide-active { margin-right: 64px !important; }
.comp05 .com_cc .text h4 { font-size: 14px; }
.comp05 .com_cc .text h5 { font-size: 18px; }
.comp05 .fa {width: 18px;height: 39px;}
.comp05 .soft_h4 {margin-bottom: 34px;}
.comp05Swiper { height: 470px; }
.comp05 .com_cc .text h5 { width: 326px; }
.comp06 { padding: 100px 0 150px; }
.comp06 .top p { font-size: 16px;line-height: 26px; margin-top: 7px; }
.comp06 .top { width: 617px; margin-bottom: 20px; }
.comp06 .dr5 { width: 411px; height: 411px;left: 354px;}
.comp06 .dr3 { width: 242px; height: 242px; left: 211px; top: 223px;}
.comp06 .dr10 { width: 125px; height: 125px;}
.comp06 .dr8 { width: 125px; height: 125px;right: 227px; top: 361px;}
.comp06 .dr2 { width: 22px; height: 22px;left: 206px; top: 100px;}
.comp06 .dr1 { width: 95px; height: 95px; top: 156px;}
.comp06 .dr4 { height: 60px; width: 60px; left: 272px; top: 43px;}
.comp06 .dr6 a { font-size: 14px; width: 80px; height: 80px;}
.comp06 .dr6 a span {font-size: 14px;margin-left: 1px;left: 3px;}
.comp06 .dr7 { width: 95px; height: 95px; right: 172px; top: 115px;}
.comp06 .dr9 { height: 62px; width: 62px; top: -25px;}
.comp06 .dr6 { left: 549px; top: 495px;}
.comp06 .bot { padding-bottom: 581px;}
.inner-banner .down i { width: 20px; height: 20px;}
#big_title {font-size: 30px!important;}
#sm_title {font-size: 18px!important;}
.fixed-sub ul li a span img { width: 20px; }
.fixed-sub ul li p { font-size: 12px; margin-top: 4px; }
.fixed-sub ul li { width: 70px; height: 70px;}
.comp06 .dr6:hover a span { left: 6px; }
.hengxiao-banner .text p { font-size: 15px; line-height: 26px; }
.hengxiao-banner .icenter1 { width: 1100px; }
.hengxiao-banner { height: calc(100vh - 108px); margin-top: 108px; }
.hengxiao01 .icenter1 h3 { font-size: 40px; }
.hengxiao01 .icenter1 p { font-size: 22px; line-height: 37px; }
.hengxiao01 { padding: 10.8rem 0 11.5rem; }
.hengxiao02 .icenter1 h3 { line-height: 52px; font-size: 40px; }
.hengxiao02 .icenter1 img { height: 8.7rem; }
.hengxiao02 { padding: 9rem 0 11.2rem; }
.hengxiao03 { padding: 15.2rem 0; }
.hengxiao03 ul li { height: 43.3rem;}
.hengxiao_h3 { font-size: 36px; }
.hengxiao03 ul li .text h3::after { width: 8.5rem; height: 0.4rem; }
.hengxiao03 ul li .text p { margin-top: 2.7rem; font-size: 17px; line-height: 28px; }
.hengxiao03 ul li .text .wen { top: -6.5rem; left: -0.5rem; font-size: 11.4rem; }
.hengxiao04 { padding: 13.2rem 0 13rem; }
.hengxiao04 .icenter1 ul li .text h4 { font-size: 21px; }
.hengxiao04 .icenter1 ul li .text p { font-size: 13px; line-height: 22px; margin-top: 0.7rem; }
.hengxiao04 .icenter1 ul li .text { padding: 2.6rem; }
.hengxiao04 .icenter1 ul li:hover font { font-size: 13px; line-height: 24px; }
.hengxiao04 { padding: 11.2rem 0 8rem; }
.hengxiao05 { padding: 10rem 0 16rem; }
.hengxiao05 .icenter1 p { width: 86.6rem; margin: 1.8rem 0 2.5rem; font-size: 16px; line-height: 26px; }
.hengxiao06 .icenter1 .g { font-size: 13px; line-height: 28px; }
}