.container{ width: 100%; min-width: 1620px; margin: 0 auto; font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}

/* 头部 */
.header{}
.header>.container{ width: 1620px;}
.header>.container>.top{ padding: 20px 0; display: flex; justify-content: space-between; align-items: center;}  
.header>.container>.top>.l-part{ height: 90px; display: flex; justify-content: flex-start; align-items: center}
.header>.container>.top>.l-part>.logo{ width: 90px; height: 90px; margin: 0;} 
.header>.container>.top>.l-part>.logo>a{ display: block; text-indent: -999rem; width: 90px; height: 90px; background: url('../images/logo.png'); background-size: cover !important; background-position: 50% 50% !important; }
.header>.container>.top>.l-part>.name{ width: 450px; margin: 0 0 0 15px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.header>.container>.top>.l-part>.name>.cn{ font-size: 28px; line-height: 48px;font-weight: 600;}
.header>.container>.top>.l-part>.name>.en{ font-size: 18px; line-height: 32px;}
.header>.container>.top>.r-part{ height: 72px; display: flex; justify-content: flex-end; align-items: flex-start;}
.header>.container>.top>.r-part>.info{ height: 72px; position: relative; padding: 0 0 0 72px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.header>.container>.top>.r-part>.info::after{ position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 72px; height: 72px; background-position: 50% 50% !important; background-size: cover !important; }
.header>.container>.top>.r-part>.info>.tit{ font-size: 18px; color: #666; line-height: 30px;}
.header>.container>.top>.r-part>.info>.ext{ font-size: 20px; color: #333; line-height: 30px; font-weight: 600;}
.header>.container>.top>.r-part>.line{ margin: 0 20px 0 0; padding: 0 20px 0 72px;}
.header>.container>.top>.r-part>.line::after{ background: url('../images/icon-line.png');}
.header>.container>.top>.r-part>.line::before{ position: absolute; content: ''; top: 10px; bottom: 10px; right: -10px; width: 1px; background:#e7e7e7; }
.header>.container>.top>.r-part>.time::after{ background: url('../images/icon-time.png');}
.header>.container>.nav{ background: linear-gradient(90deg, #70bc78 0%, #1479b5 70%); height: 90px; margin: 0 0 -45px 0; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; z-index: 2; position: relative;}
.header>.container>.nav>.menu{ flex: 1; padding: 0 0 0 30px; display: flex; justify-content: flex-start; align-items: center;}
.header>.container>.nav>.menu>.item{ height: 90px; line-height: 90px; font-size: 22px; color: #FFF; font-weight: 600; position: relative;}
.header>.container>.nav>.menu>.item>.sub-menu{ opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out 0.1s; width: max-content; min-width: 180px; background: #51a594; border-radius: 12px; padding: 15px 0; margin: 20px 0; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
.header>.container>.nav>.menu>.item>.sub-menu::after{ position: absolute; content: ''; top: -16px; left: 50%; transform: translateX(-50%); width: 40px; height: 20px; background: #51a594; border-radius: 4px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
.header>.container>.nav>.menu>.item>.sub-menu>.sub-menu_item{ position: relative; height: 72px; line-height: 72px;}
.header>.container>.nav>.menu>.item>.sub-menu>.sub-menu_item::after{ position: absolute; content: ''; left: 20px; bottom: 0; right: 20px; height: 1px; background: rgba(255, 255, 255, 0.2);}
.header>.container>.nav>.menu>.item>.sub-menu>.sub-menu_item:last-of-type::after{ display: none;}
.header>.container>.nav>.menu>.item>.sub-menu>.sub-menu_item>a{ display: block; padding: 0 30px; line-height: 72px; font-size: 20px; font-weight: 500; color: #FFF; text-align: center; text-decoration: none;}
.header>.container>.nav>.menu>.item>.sub-menu>.sub-menu_item:hover{ background: #FFF;}
.header>.container>.nav>.menu>.item>.sub-menu>.sub-menu_item:hover>a{ color: #51a594; font-weight: 600;}
.header>.container>.nav>.menu>.item:hover{ background: #034ea2;}
.header>.container>.nav>.menu>.item:hover>.sub-menu{ transition: all 0.3s ease-in-out; opacity: 1; visibility: visible;}
.header>.container>.nav>.menu>.item>a{ display: block; line-height: 90px; color: #FFF; text-decoration: none; padding: 0 40px;}
.header>.container>.nav>.menu>.item-ext>a{ position: relative;}
.header>.container>.nav>.menu>.item-ext>a::after{ display: inline-block; font: normal normal normal 16px/90px FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f067"; margin: 0 0 0 10px;}
.header>.container>.nav>.chat{ width: 240px; height: 90px; background: #034ea2; cursor: pointer; user-select: none; border-top-right-radius: 12px; border-bottom-right-radius: 12px; display: flex; justify-content: center; align-items: center; }
.header>.container>.nav>.chat>.ico{ width: 48px; height: 48px; margin: 0 10px 0 0;}
.header>.container>.nav>.chat>.txt{ font-size: 24px; line-height: 90px; color: #FFF; font-weight: 600; text-decoration: none;}
.mb-header{ display: none;}
.mb-extend{ display: none;}
/* 页脚 */
.footer{}
/* 页脚-主要信息 */
.footer>.wrap{ min-width: 1620px; height: 600px; box-sizing: border-box; padding: 100px 0 0; color: #FFF; background: url('../images/bg-footer.jpg'); background-size: cover !important; background-position: 50% 50% !important;}
.footer>.wrap>.container{ width: 1620px; display: flex; justify-content: space-between; align-items: flex-start; box-sizing: border-box; padding: 0 30px 0 0;}
/* 页脚-左部 */
.footer>.wrap>.container>.l-part{ width: 680px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.footer>.wrap>.container>.l-part>.name{ height: 120px; padding: 0 0 0 110px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.footer>.wrap>.container>.l-part>.name::after{ position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 90px; height: 90px; background: url('../images/logo.png'); background-size: cover !important; background-position: 50% 50% !important; }
.footer>.wrap>.container>.l-part>.name>.cn{ font-size: 32px; line-height: 36px; margin: 0 0 10px;}
.footer>.wrap>.container>.l-part>.name>.en{ font-size: 20px; line-height: 30px;}
.footer>.wrap>.container>.l-part>.text{ line-height: 36px; font-size: 20px; margin: 0 0 50px;}
.footer>.wrap>.container>.l-part>.chat{ background: #51a594; color: #FFF; text-align: center; line-height: 64px; height: 64px; font-size: 24px; border-radius: 6px; text-decoration: none; padding: 0 20px; position: relative; display: flex; justify-content: center; align-items: center;}
.footer>.wrap>.container>.l-part>.chat::after{ display: inline-block; font: normal normal normal 30px/64px FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f178"; margin: 0 0 0 10px;}
/* 页脚-右部 */
.footer>.wrap>.container>.r-part{ flex: 1; display: flex; justify-content: flex-end; align-items: flex-start;}
/* 页脚-右部-快速导航 */
.footer>.wrap>.container>.r-part>.fast{ width: 320px;}
.footer>.wrap>.container>.r-part>.fast>.bd{ margin: 16px 0 0;}
.footer>.wrap>.container>.r-part>.fast>.bd>.item{ height: 60px; line-height: 60px; font-size: 20px;}
.footer>.wrap>.container>.r-part>.fast>.bd>.item>a{ color: #FFF; text-decoration: none; position: relative; padding: 0 0 0 20px;}
.footer>.wrap>.container>.r-part>.fast>.bd>.item>a::before{ font-family: FontAwesome; content: "\f101"; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
/* 页脚-右部-联系我们 */
.footer>.wrap>.container>.r-part>.comm{ width: 380px;}
.footer>.wrap>.container>.r-part>.comm>.bd{}
.footer>.wrap>.container>.r-part>.comm>.bd>.item{ font-size: 24px; height: 90px; box-sizing: border-box; padding: 25px 0; display: flex; justify-content: flex-start; align-items: flex-start; position: relative;}
.footer>.wrap>.container>.r-part>.comm>.bd>.item::after{ position: absolute; content: ''; left: 0; bottom: 0; right: 0; height: 2px; background: #FFF;}
.footer>.wrap>.container>.r-part>.comm>.bd>.item:last-of-type::after{ display: none;}
.footer>.wrap>.container>.r-part>.comm>.bd>.item>.icon{ width: 40px; height: 40px; line-height: 40px; color: #51a594; text-align: center;}
.footer>.wrap>.container>.r-part>.comm>.bd>.item:nth-child(2)>.icon{ font-size: 20px;}
.footer>.wrap>.container>.r-part>.comm>.bd>.item:nth-child(3)>.icon{ font-size: 32px;}
.footer>.wrap>.container>.r-part>.comm>.bd>.item>.text{ flex: 1; line-height: 40px; font-size: 20px; padding: 0 0 0 10px;}
.footer>.wrap>.container>.r-part>.comm>.bd>.item:nth-child(3){ padding: 15px 0;}
.footer>.wrap>.container>.r-part>.comm>.bd>.item:nth-child(3)>.text{ line-height: 30px;}
.footer>.wrap>.container>.r-part>.comm>.hd, .footer>.wrap>.container>.r-part>.fast>.hd{ height: 72px;}
.footer>.wrap>.container>.r-part>.comm>.hd>.name, .footer>.wrap>.container>.r-part>.fast>.hd>.name{ font-size: 30px; font-weight: 600; line-height: 72px;}
/* 页脚-版权信息 */
.footer>.copy{ height: 90px;}
.footer>.copy>.container{ line-height: 90px; background: #092331; color: #FFF; font-size: 20px; display: flex; justify-content: center; align-items: center;}
.footer>.copy>.container>.text{ margin: 0 20px 0 0;}
.footer>.copy>.container>.link{ color: #FFF; text-decoration: none;}
.footer>.copy>.container>.link:hover{ color: #11d6ae;}

/* 内页轮播 */
.s-banner{ margin: 0 0 120px;}
.s-banner>.container{ height: 400px; padding: 0 0 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; background: url('../images/sub-banner.jpg'); background-size: cover !important; background-position: 50% 50% !important;}
.s-banner>.container>.title{ font-size: 64px; line-height: 100px; font-weight: 600; color: #FFF; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);}
.s-banner>.container>.bread{ color: #FFF; font-size: 20px; line-height: 80px;}
.s-banner>.container>.bread>.home{ color: #FFF; text-decoration: none; position: relative; padding: 0 0 0 36px;}
.s-banner>.container>.bread>.home::after{ font-family: FontAwesome; content: "\f015"; font-size: 28px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.s-banner>.container>.bread>.link{ color: #FFF; text-decoration: none;}
.s-banner>.container>.bread>.home:hover, .s-banner>.container>.bread>.link:hover{ color: #11d6ae;}
.s-banner>.container>.bread>.line{ padding: 0 8px;}

.d-flex{ display: flex;}
.flex-direction-column{ flex-direction: column;}
.justify-content-end{ justify-content: flex-end;}
.justify-content-center{ justify-content: center;}
.justify-content-between{ justify-content: space-between;}
.align-items-start{ align-items: flex-start;}
.align-items-center{ align-items: center;}

/* 主体容器 */
.wrapper{ min-height: 1200px;}
.wrapper>.container{ width: 1620px; overflow: hidden;}
.wrapper>.container>.l-part{ width: 1020px;}
.wrapper>.container>.r-part{ width: 440px;}
.wrapper>.container>.r-part>.wrap{ padding: 0 0 30px;}
.wrapper>.container>.r-part>.wrap>.name{ height: 80px; margin: 0 0 20px; box-sizing: border-box; padding: 25px 0; display: flex; justify-content: flex-start; align-items: baseline;}
.wrapper>.container>.r-part>.wrap>.name>.cn{ font-size: 30px; font-weight: 600; color: #333; margin: 0 10px 0 0;}
.wrapper>.container>.r-part>.wrap>.name>.en{ text-transform: uppercase; font-size: 18px; font-weight: 600; background: linear-gradient(135deg, #70bc78 0%, #1479b5 70%);; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
/* 主体容器-右部-导航菜单 */
.wrapper>.container>.r-part>.wrap>.bd-nav>.item{ position: relative; height: 72px;}
.wrapper>.container>.r-part>.wrap>.bd-nav>.item::after{ position: absolute; content: ''; left: 0; bottom: 0; right: 0; height: 1px; background: #e7e7e7;}
.wrapper>.container>.r-part>.wrap>.bd-nav>.item-hov{ background: #51a594;}
.wrapper>.container>.r-part>.wrap>.bd-nav>.item>a{ line-height: 72px; padding: 0 20px; display: block; color: #666; font-size: 20px; text-decoration: none; position: relative;}
.wrapper>.container>.r-part>.wrap>.bd-nav>.item>a::after{ font-family: FontAwesome; content: "\f105"; font-size: 28px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.wrapper>.container>.r-part>.wrap>.bd-nav>.item:hover>a{ color: #51a594;}
.wrapper>.container>.r-part>.wrap>.bd-nav>.item-hov>a, .wrapper>.container>.r-part>.wrap>.bd-nav>.item-hov:hover>a{ color: #FFF;}
/* 主体容器-右部-联系我们 */
.wrapper>.container>.r-part>.wrap>.bd-tel>.item{ min-height: 72px; line-height: 30px; box-sizing: border-box; font-size: 20px; color: #666; padding: 20px 20px 20px 40px; position: relative;}
.wrapper>.container>.r-part>.wrap>.bd-tel>.item::after{ position: absolute; content: ''; left: 0; bottom: 0; right: 0; height: 1px; background: #e7e7e7;}
.wrapper>.container>.r-part>.wrap>.bd-tel>.item::before{ font-family: FontAwesome; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; line-height: 30px; font-size: 28px; text-align: center; color: #51a594;}
.wrapper>.container>.r-part>.wrap>.bd-tel>.item:nth-child(1)::before{ content: "\f095";}
.wrapper>.container>.r-part>.wrap>.bd-tel>.item:nth-child(2)::before{ content: "\f0e0"; font-size: 20px;}
.wrapper>.container>.r-part>.wrap>.bd-tel>.item:nth-child(3)::before{ content: "\f041";}
/* 主体容器-右部-简介摘要 */
.wrapper>.container>.r-part>.wrap>.bd-txt{display: grid; grid-template-rows: auto 1fr; gap: 15px;}
.wrapper>.container>.r-part>.wrap>.bd-txt>.icon{ width: 440px; height: 300px; object-fit: cover; display: block;}
.wrapper>.container>.r-part>.wrap>.bd-txt>.text{ line-height: 36px; font-size: 20px; color: #666;}
/* 主体容器-右部-资讯搜索 */
.wrapper>.container>.r-part>.wrap>.bd-frm{ display: flex; justify-content: space-between; align-items: center; height: 60px; border: 1px solid #c9c9c9; border-radius: 4px; box-sizing: border-box; padding: 0 10px;}
.wrapper>.container>.r-part>.wrap>.bd-frm>.frm-txt{ width: 360px; height: 32px; line-height: 32px; font-size: 20px; padding: 0 10px 0 0; outline: 0; box-sizing: border-box; border: 0; border-right: 1px solid #c9c9c9;}
.wrapper>.container>.r-part>.wrap>.bd-frm>.frm-btn{ position: relative; width: 48px; height: 48px; padding: 0; background: unset; border: 0; overflow: hidden; text-indent: -999rem;}
.wrapper>.container>.r-part>.wrap>.bd-frm>.frm-btn::after{ position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; background: url('../images/icon-search.png'); background-size: cover !important; background-position: 50% 50% !important; z-index: 1;}

/* 关于我们-播放视频 */
.about-page{ padding: 30px 0 60px;}
.about-page>.play{ width: 1020px; height: 500px; padding: 0; box-sizing: border-box; background: rgba(0, 0, 0, 1); }
.about-page>.play>.v-name{ height: 40px; line-height: 40px; font-size: 14px; color: #EAB308; text-align: left; position: relative; padding: 0 10px; }
.about-page>.play>.v-wrap{ height: 500px; cursor: pointer; display: flex; justify-content: center; align-items: center; background-size: cover !important; background-position: 50% 50% !important;}
.about-page>.play>.v-wrap>.icon{ width: 120px; height: 120px; position: relative;}
.about-page>.play>.v-wrap>.icon::before{ position: absolute; border-radius: 10px; content: ''; z-index: 10; transition: all .5s; width: 100%; height: 100%; background: url('../images/icon-play.svg') no-repeat center center; background-size: cover !important; }
.about-page>.play>.v-wrap>.icon:active::before{ opacity:0;}
/* 关于我们-文章内容  */
.about-page>.arcs{ padding: 40px 0;}
.about-page>.arcs>div, .about-page>.arcs>p{ font-size: 20px; line-height: 36px; color: #666; padding: 0 0 20px; margin: 0;}
.about-page>.arcs>div>strong{ font-size: 36px; font-weight: 600; color: #131313;}
.about-page>.arcs>div img:only-child, .about-page>.arcs>p img:only-child{ margin: 0 0 20px;}
.about-page>.arcs>div img:first-child, .about-page>.arcs>p img:first-child{ margin-top: 0;}
.about-page>.arcs>div img:last-child, .about-page>.arcs>p img:last-child{ margin-bottom: 0;}
/* 联系我们-地址信息 */
.contacts{ padding: 30px 0 60px;}
.contacts>.item{ padding: 0 0 40px;}
.contacts>.item:last-of-type{ padding: 0;}
.contacts>.item>.map{ display: block; width: 1020px; height: 420px;}
.contacts>.item>.inf{ padding: 20px 0;}
.contacts>.item>.inf>.name{ font-size: 36px; font-weight: 600; color: #131313;}
.contacts>.item>.inf>.text{ font-size: 20px; line-height: 36px; color: #666;}
/* 联系我们-扫码区域 */
.code-list{ display: flex; flex-wrap: wrap; padding: 0 0 80px;}
.code-list>.qr-code{ width: 240px; height: 290px; margin: 0 20px 0 0;}
.code-list>.qr-code>.icon{ width: 240px; height: 240px; display: block; margin: 0 0 10px;}
.code-list>.qr-code>.text{ font-size: 20px; line-height: 40px; color: #666; text-align: center;}
/* 单页文档 */
.single-page{ padding: 30px 0 60px;}
.single-page img{ width: 100%; display: block; margin: 0 0 20px;}
.single-page>div, .single-page>p{ font-size: 20px; line-height: 36px; color: #666; padding: 0 0 20px; margin: 0;}
.single-page>div>strong{ font-size: 36px; font-weight: 600; color: #131313;}
.single-page>div img:only-child, .single-page>p img:only-child{ margin: 0 0 20px;}
.single-page>div img:first-child, .single-page>p img:first-child{ margin-top: 0;}
.single-page>div img:last-child, .single-page>p img:last-child{ margin-bottom: 0;}

/* 招商合作 */
.invitation{ padding: 30px 0 60px;}
.invitation>.name{ font-size: 36px; font-weight: 600; color: #131313;}
.invitation>.text{ font-size: 20px; line-height: 36px; color: #666;}
.invitation>.code{ display: flex; flex-wrap: wrap; padding: 60px 0; margin: 60px 0 0; position: relative;}
.invitation>.code::after{ position: absolute; content: ''; left: 0; top: 0; right: 0; height: 1px; background: #e7e7e7;}
.invitation>.code>.item{ width: 240px; height: 280px; margin: 0 20px 0 0;}
.invitation>.code>.item>.icon{ width: 240px; height: 240px; display: block;}
.invitation>.code>.item>.text{ font-size: 20px; line-height: 40px; color: #666; text-align: center;}
/* 人才招聘 */
.jobs{ padding: 30px 0 60px;}
.jobs>.wrap{ padding: 0 0 40px;}
.jobs>.wrap>.name{ font-size: 36px; font-weight: 600; color: #131313;}
.jobs>.wrap>.info{ font-size: 20px; line-height: 36px; color: #666; padding: 20px 0;}
.jobs>.wrap>.text{ font-size: 20px; line-height: 36px; color: #666; padding: 40px 0;}
.jobs>.wrap>.text>p{ padding: 0 0 20px; margin: 0;}
.jobs>.wrap>.text>p:last-of-type{ padding: 0;}
.jobs>.wrap>.icon{ width: 1020px; height: 500px;}
.jobs>.wrap>.icon>img{ object-fit: cover; width: 100%; height: 100%; display: block;}
/* 人才招聘-地址信息 */
.jobs>.wrap>.mini{ line-height: 36px;}
.jobs>.wrap>.mini>.tit{ font-size: 20px; font-weight: 600; color: #131313;}
.jobs>.wrap>.mini>.add{ font-size: 20px; color: #666;}
/* 人才招聘-联系信息 */
.jobs>.wrap>.code{ display: flex; flex-wrap: wrap; position: relative;}
.jobs>.wrap>.code>.item{ width: 240px; height: 280px; margin: 0 20px 0 0;}
.jobs>.wrap>.code>.item>.icon{ width: 240px; height: 240px; display: block;}
.jobs>.wrap>.code>.item>.text{ font-size: 20px; line-height: 40px; color: #666; text-align: center;}
/* 人才招聘-岗位列表 */
.jobs>.list{ padding: 0 0 40px;}
.jobs>.list>.item{ padding: 0 0 40px; position: relative;}
.jobs>.list>.item::after{ position: absolute; content: ''; left: 0; bottom: 0; right: 0; height: 1px; background: #e7e7e7;}
.jobs>.list>.item>.tit{ font-size: 30px; line-height: 72px; font-weight: 600; color: #51a594; margin: 0 0 20px;}
.jobs>.list>.item>.ext{ font-size: 20px; line-height: 40px; font-weight: 600; color: #666;}
.jobs>.list>.item>.txt{ font-size: 20px; line-height: 36px; color: #666;}
.jobs>.list>.item>.txt>p{ padding: 10px 0; margin: 0;}
/* 新闻列表 */
.news-page{ padding: 0 0 60px;}
.news-page>.list{ margin: 0 0 20px;}
.news-page>.list>.item{ padding: 30px 0; position: relative;}
.news-page>.list>.item:first-of-type{ padding: 0 0 30px;}
.news-page>.list>.item::after{ position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.06);}
.news-page>.list>.item>.tit{ font-size: 28px; font-weight: 600; color: #333; height: 80px; line-height: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-page>.list>.item>.tit>a{ color: #333; text-decoration: none;}
.news-page>.list>.item>.tit>a:hover{ color: #51a594;}
.news-page>.list>.item>.txt{ font-size: 20px; color: rgba(51, 51, 51, 0.7); line-height: 30px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 90px; overflow: hidden;}
.news-page>.list>.item>.ext{ font-size: 18px; display: flex; justify-content: space-between; align-items: center; height: 64px; line-height: 64px;}
.news-page>.list>.item>.ext>.date{ color: #999;}
.news-page>.list>.item>.ext>.link{ color: #51a594; text-decoration: none; display: flex; justify-content: flex-end; align-items: center;}
.news-page>.list>.item>.ext>.link::after{ font: normal normal normal 30px/64px FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f178"; margin: 0 0 0 10px;}
/* 新闻详情 */
.arcs-page{ padding: 30px 0 60px;}
.arcs-page>.hd{ position: relative; padding: 0 0 10px;}
.arcs-page>.hd::after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.06); height: 1px;}
.arcs-page>.hd>.name{ font-size: 36px; line-height: 48px; font-weight: 600; color: #131313; margin: 0 0 10px;}
.arcs-page>.hd>.date{ font-size: 18px; line-height: 40px; color: #999;}
.arcs-page>.bd{ padding: 30px 0; color: #666;}
.arcs-page>.bd>div, .arcs-page>.bd>p{ font-size: 20px; line-height: 36px; color: #666; padding: 0 0 20px; margin: 0;}
.arcs-page>.bd>div>strong, .arcs-page>.bd>p>strong{ font-size: 24px; font-weight: 600; color: #131313;}
.arcs-page>.bd>div img:only-child, .arcs-page>.bd>p img:only-child{ margin: 0 0 20px;}
.arcs-page>.bd>div img:first-child, .arcs-page>.bd>p img:first-child{ margin-top: 0;}
.arcs-page>.bd>div img:last-child, .arcs-page>.bd>p img:last-child{ margin-bottom: 0;}
.arcs-page>.bd p, .arcs-page>.bd div{ line-height: 36px; font-size: 20px; padding: 0 0 20px; margin: 0 0 20px;}
.arcs-page>.bd img{ max-width: 100%; display: block; margin: 20px 0;}
/* 通用分页 */
.comm-page{ padding: 40px 0; display: flex; justify-content: center; align-items: center;}
.comm-page>.page-item{ height: 50px; line-height: 50px; text-decoration: none; font-size: 20px; margin: 0 4px; padding: 0 4px; text-align: center; color: #666;}
.comm-page>a.page-item{ color: #51a594;}
.comm-page>a.page-item:hover{ color: #666;}
.pc-hide{ display: flex;}
.mb-hide{ display: none;}
/* 专列列表 */
.ps-list{ display: flex; flex-wrap: wrap; margin: -32px -16px 0;}
.ps-list>.item{ flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25%; box-sizing: border-box; padding: 0 16px; margin: 32px 0 0;}
.ps-list>.item>.box{ background: #f3f3f3; padding: 20px;}
.ps-list>.item>.box>.icon{ display: block; width: 330px; height: 460px; margin: 0 auto;}
.ps-list>.item>.box>.icon>img{ width: 330px; height: 460px; object-fit: cover; display: block;}
.ps-list>.item>.box>.info{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ps-list>.item>.box>.info>.name{ font-size: 24px; color: #131313; text-align: center; line-height: 36px; height: 72px; margin: 15px 0;}
.ps-list>.item>.box>.info>.link{ width: 180px; height: 48px; background: #51a594; color: #FFF; font-size: 20px; text-decoration: none; display: flex; justify-content: center; align-items: center;}
.ps-list>.item>.box>.info>.link::after{ font: normal normal normal 18px/48px FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f178"; margin: 0 0 0 10px;}

#banner{ width: 100%; min-width: 1620px; height: 730px; position: relative; overflow: hidden;}
#banner .swiper-pagination{ height: 40px; display: flex; align-items: center; justify-content: center;}
#banner .swiper-pagination-bullet{ width: 16px; height: 16px; background: rgba(0, 0, 0, 0.3); margin: 0 5px;}
#banner .swiper-pagination-bullet-active{ background: #FFF;}
#banner .swiper-button-next, #banner .swiper-button-prev{ width: 72px; height: 72px; background: rgba(0, 0, 0, 0.1); border-radius: 72px; color: #FFF;}
#banner .swiper-button-next::after, #banner .swiper-button-prev::after{ font-family: FontAwesome; font-size: 48px; width: 72px; height: 72px; line-height: 72px; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#banner .swiper-button-next::after{ content: "\f105";}
#banner .swiper-button-prev::after{ content: "\f104";}
#banner .swiper-button-next:hover, #banner .swiper-button-prev:hover{ background: rgba(0, 0, 0, 0.3);}
#banner .swiper-button-prev{ left: 40px;}
#banner .swiper-button-next{ right: 40px;}
#banner .swiper-slide{ background-position: 50% 50% !important; background-size: cover !important;}
#banner .swiper-slide>.container{ width: 1620px; height: 730px; margin: 0 auto;}
#banner .swiper-slide>.container>.ext{ width: 800px; padding: 0 0 100px;}
#banner .swiper-slide>.container>.ext>.name{ font-size: 64px; line-height: 140px; color: #FFF; font-weight: 600; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);}
#banner .swiper-slide>.container>.ext>.text{ font-size: 24px; line-height: 40px; color: #FFF;}
#banner .swiper-slide>.container>.ext>.link{ width: 200px; height: 70px; margin: 40px 0 0; border-radius: 4px; background: #FFF; color: #034ea2; font-size: 24px; display: flex; justify-content: center; align-items: center; text-decoration: none;}
#banner .swiper-slide>.container>.ext>.link::after{display: inline-block; font: normal normal normal 30px/64px FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f178"; margin: 0 0 0 10px;}

.ch-news{ width: 100%; min-width: 1620px; background: #f2f2f2; padding: 30px 0 70px;}
.ch-news-f{ padding: 80px 0 70px;}
.ch-news>.container{ width: 1620px; margin: 0 auto; overflow: hidden;}
.ch-news>.container>.tit{ color: #333; font-size: 40px; line-height: 80px; text-align: center;}
.ch-news>.container>.ext{ color: #999; font-size: 20px; line-height: 40px; text-align: center;}
.ch-news>.container>.row{ display: flex; flex-wrap: wrap; margin: 80px 0 0;}
.ch-news>.container>.row>.wrap{ flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%;}
.ch-news>.container>.row>.wrap>.box{ background: #FFF; height: 740px;}  
.ch-news>.container>.row>.wrap>.box>.ads{ display: block; width: 810px; height: 740px; margin: 0;}
.ch-news>.container>.row>.wrap>.box>.list-1{ padding: 40px 50px 40px 50px;}
.ch-news>.container>.row>.wrap>.box>.list-1>.item{ padding: 25px 0;}
.ch-news>.container>.row>.wrap>.box>.list-1>.item:first-of-type{ padding: 0 0 25px;}
.ch-news>.container>.row>.wrap>.box>.list-1>.item>.date{ color: #999; font-size: 20px; line-height: 40px;}
.ch-news>.container>.row>.wrap>.box>.list-1>.item>.name{ color: #333; font-size: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 50px; line-height: 50px;}
.ch-news>.container>.row>.wrap>.box>.list-1>.item>.name>a{ color: #333; text-decoration: none;}
.ch-news>.container>.row>.wrap>.box>.list-1>.item>.text{ color: rgba(51, 51, 51, 0.7); font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; line-height: 30px;}
.ch-news>.container>.row>.wrap>.box>.list-1>.item:hover>.name>a, .ch-news>.container>.row>.wrap>.box>.list-1>.item-hov>.name>a{ color: #034ea2;}
.ch-news>.container>.row>.wrap>.box>.list-1>.item:hover>.text, .ch-news>.container>.row>.wrap>.box>.list-1>.item-hov>.text{ color: #034ea2;}
.ch-news>.container>.row>.wrap>.box>.list-2{ padding: 30px 50px 40px;}
.ch-news>.container>.row>.wrap>.box>.list-2>.item{ padding: 30px 0; position: relative; transition: all 0.3s ease;}
.ch-news>.container>.row>.wrap>.box>.list-2>.item::after{ position: absolute; content: ''; left: 0; bottom: 0; right: 0; height: 1px; background: #e7e7e7;}
.ch-news>.container>.row>.wrap>.box>.list-2>.item:last-of-type::after{ display: none;}
.ch-news>.container>.row>.wrap>.box>.list-2>.item>.name{ font-size: 26px; line-height: 40px; height: 80px;}
.ch-news>.container>.row>.wrap>.box>.list-2>.item>.name>a{ color: #333; text-decoration: none;}
.ch-news>.container>.row>.wrap>.box>.list-2>.item>.name>a:hover{ color: #034ea2;}
.ch-news>.container>.row>.wrap>.box>.list-2>.item>.name>span{ display: inline-block; font-size: 18px; line-height: 40px; height: 40px; color: #999; margin: 0 0 0 10px;}
.ch-news>.container>.row>.wrap>.box>.list-2>.item>.text{ display: none; margin: 20px 0 0; font-size: 20px; color: #999; line-height: 30px; word-break: break-all; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 90px; overflow: hidden;}
.ch-news>.container>.row>.wrap>.box>.list-2>.item-hov>.name>a{ color: #034ea2;}
.ch-news>.container>.row>.wrap>.box>.list-2>.item-hov>.text{ display: -webkit-box;}


.ch-plus{ width: 100%; min-width: 1620px; user-select: none; background: url('../images/plus.jpg'); background-size: cover !important; background-position: 50% 50% !important; }
.ch-plus>.container{ width: 1620px; color: #FFF; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.ch-plus>.container>.item{ flex: 1; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #FFF; position: relative;}
.ch-plus>.container>.item::after{ position: absolute; content: ''; left: 0; top: 0; bottom: 0; width: 1px; background: rgba(255, 255, 255, 0.3);}
.ch-plus>.container>.item:first-of-type::after{ display: none;}
.ch-plus>.container>.item>.num{ font-size: 72px; line-height: 100px; font-weight: 600;}
.ch-plus>.container>.item>.txt{ font-size: 26px; line-height: 64px; height: 64px; position: relative; padding: 0 0 0 64px;}
.ch-plus>.container>.item>.txt::before{ position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 64px; height: 64px; background-size: cover !important; background-position: 50% 50% !important; }
.ch-plus>.container>.item:nth-child(1)>.txt::before{ background: url('../images/icon-total_1.png');}
.ch-plus>.container>.item:nth-child(2)>.txt::before{ background: url('../images/icon-total_2.png');}
.ch-plus>.container>.item:nth-child(3)>.txt::before{ background: url('../images/icon-total_3.png');}
.ch-plus>.container>.item:nth-child(4)>.txt::before{ background: url('../images/icon-total_4.png');}

.ch-serv{ width: 100%; min-width: 1620px; background: #f2f2f2; padding: 60px 0 80px;}
.ch-serv>.container{ width: 1620px; margin: 0 auto; overflow: hidden;}
.ch-serv>.container>.tit{ color: #333; font-size: 40px; line-height: 80px; text-align: center;}
.ch-serv>.container>.ext{ color: #999; font-size: 20px; line-height: 40px; text-align: center;}
.ch-serv>.container>.row{ display: flex; flex-wrap: wrap; margin: 28px -16px 0;}
.ch-serv>.container>.row>.item{ flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25%; box-sizing: border-box; padding: 0 16px; margin: 32px 0 0;}
.ch-serv>.container>.row>.item>.box{ background: #FFF; padding: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 20px; }
.ch-serv>.container>.row>.item>.box>.ico{ display: block; width: 220px; height: 180px; object-fit: cover;}
.ch-serv>.container>.row>.item>.box>.tit{ font-size: 30px; line-height: 40px; height: 80px; text-align: center; font-weight: 600; color: #034ea2;}
.ch-serv>.container>.row>.item>.box>.inf{ font-size: 20px; line-height: 30px; color: #999; margin: 20px 0;}
.ch-serv>.container>.row>.item>.box>.lnk{ width: 72px; height: 72px; color: #FFF; background: #e0e0e0; position: relative; border-radius: 72px;}
.ch-serv>.container>.row>.item>.box>.lnk::after{ font-family: FontAwesome; content: "\f061"; font-size: 28px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ch-serv>.container>.row>.item>.box:hover{ box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); transition: all .2s ease-in-out;}
.ch-serv>.container>.row>.item>.box:hover>.lnk{ background: linear-gradient(90deg, #52a693 0%, #2584ae 100%); transition: all .2s ease-in-out;}
 
.ch-text{ user-select: none; }
.ch-text>.container{ height: 260px; font-size: 40px; line-height: 60px; color: #FFF; text-align: center; box-sizing: border-box; display: flex; justify-content: center; align-items: center; background: url('../images/footer-ad.jpg'); background-size: cover !important; background-position: 50% 50% !important;}

.popup-image{ display: none; position: fixed; z-index: 900; background: rgba(0, 0, 0, 0.6); left: 0; right: 0; top: 0; bottom: 0;}
.popup-image_hide{ display: block;}
.popup-image>.wrap{ position: absolute; z-index: 910; width: 100%; padding: 20px; max-width: 460px; box-sizing: border-box; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: #FFF; }
.popup-image>.wrap>.icon{ width: 420px; height: 420px; display: block; object-fit: cover; margin: 0;}
.popup-image>.wrap>.text{ font-size: 18px; height: 40px; line-height: 40px; text-align: center;}
.popup-image>.wrap>.hide{ position: absolute; z-index: 910; top: 0; right: -60px; display: block; width: 48px; height: 48px; background: url('../images/icon-close.png'); text-indent: -999rem; background-size: cover !important; background-position: 50% 50% !important;}


@media (max-width: 1000px) {
  .container{ min-width: unset;}
  .header{ display: none;}
  .pc-hide{ display: none;}
  .mb-hide{ display: flex;}

  .mb-header{ display: block; width: 100%; background: linear-gradient(90deg, #70bc78 0%, #1479b5 70%); position: sticky; left: 0; top: 0; right: 0; z-index: 888;}
  .mb-header>.wrap{ display: flex; justify-content: space-between; align-items: center; padding: 0.2rem; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);}
  .mb-header>.wrap>.logo{ width: 1.2rem; height: 1.2rem; margin: 0; padding: 0;}
  .mb-header>.wrap>.logo>a{ display: block; width: 1.2rem; height: 1.2rem; text-indent: -999rem; background: url('../images/logo.png'); background-size: cover !important; background-position: 50% 50% !important;}
  .mb-header>.wrap>.link{ display: flex; justify-content: flex-end; align-items: center;}
  .mb-header>.wrap>.link>.lnk-item{ width: 0.64rem; height: 0.64rem; margin: 0; display: flex; justify-content: center; align-items: center;}
  .mb-header>.wrap>.link>.lnk-item>.icon{ width: 0.64rem; height: 0.64rem;}

  .mb-extend{ display: none; position: fixed; top: 1.6rem; left: 0; right: 0; z-index: 888; background: rgba(9, 35, 49, 0.8);}
  .mb-extend>.wrap{ padding: 0.2rem;}
  .mb-extend>.wrap>.root{ margin: 0.1rem 0; background: #FFF;}
  .mb-extend>.wrap>.root:first-of-type{ margin: 0;}
  .mb-extend>.wrap>.root:last-of-type{ margin: 0;}
  .mb-extend>.wrap>.root>.name{ padding: 0.2rem; font-size: 0.36rem; color: #034ea2; position: relative;}
  .mb-extend>.wrap>.root>.name-son::after{ position: absolute; content: ''; right: 0.2rem; top: 50%; transform: translateY(-50%); font: normal normal normal 16px/0.64rem FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f067";}
  .mb-extend>.wrap>.root>.name>a{ color: #034ea2; text-decoration: none; display: block; height: 0.64rem; line-height: 0.64rem;}
  .mb-extend>.wrap>.root>.sons{ padding: 0 0.2rem 0.2rem; display: none;}
  .mb-extend>.wrap>.root>.sons>.son-item{ height: 0.64rem;}
  .mb-extend>.wrap>.root>.sons>.son-item>a{ display: block; line-height: 0.64rem; font-size: 0.32rem; color: #333; text-decoration: none;}
  .mb-extend>.wrap>.root-hov>.sons{ display: block;}
  .mb-extend_hov{ display: block;}


  .s-banner{ margin: 0;}
  .s-banner>.container{ height: 2.4rem; padding: 0; justify-content: center;}
  .s-banner>.container>.title{ font-size: 0.64rem; line-height: 1.2rem;}
  .s-banner>.container>.bread{ line-height: 0.64rem; font-size: 0.28rem;}
  .s-banner>.container>.bread>.home{ padding: 0 0 0 0.48rem;}
  .s-banner>.container>.bread>.home::after{ font-size: 0.4rem;}
  .s-banner>.container>.bread>.line{ padding: 0 0.12rem;}

  .d-flex{ display: block;}
  .wrapper{ min-height: unset;}
  .wrapper>.container{ width: unset;}
  .wrapper>.container>.l-part{ width: unset; padding: 0 0.2rem;}
  .wrapper>.container>.r-part{ display: none;}

  .contacts{ padding: 0.4rem 0 0.2rem;}
  .contacts>.item{ padding: 0 0 0.2rem;}
  .contacts>.item>.map{ width: unset; width: 100%; height: unset;}
  .contacts>.item>.inf{ padding: 0.2rem 0 0;}
  .contacts>.item>.inf>.name{ font-size: 0.36rem; line-height: 0.64rem;}
  .contacts>.item>.inf>.text{ font-size: 0.3rem; line-height: 0.48rem;}
  .contacts>.item>.inf>.text>p{ margin: 0; padding: 0;}
  .code-list{ padding: 0 0 0.4rem; display: block;}
  .code-list>.qr-code{ width: unset; height: unset; margin: 0 0 0.2rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
  .code-list>.qr-code>.icon{ width: 4.8rem; height: 4.8rem; margin: 0;}
  .code-list>.qr-code>.text{ font-size: 0.32rem; line-height: 0.64rem;}

  .about-page{ padding: 0.4rem 0;}
  .about-page>.play{ width: 100%; height: 3.6rem;}
  .about-page>.play>.v-wrap{ height: 3.6rem;}
  .about-page>.play>.v-wrap>.icon{ width: 1.2rem; height: 1.2rem;}
  .about-page>.arcs{ padding: 0.24rem 0 0;}
  .about-page>.arcs>div, .about-page>.arcs>p{ font-size: 0.32rem; line-height: 0.56rem; padding: 0 0 0.2rem;}
  .about-page>.arcs>div>strong{ font-size: 0.36rem;}
  .about-page>.arcs>img{ width: 100%;}

  .invitation{ padding: 0.4rem 0;}
  .invitation>.name{ font-size: 0.36rem; line-height: 0.72rem;}
  .invitation>.text{ font-size: 0.3rem; line-height: 0.48rem;}
  .invitation>.text>p{ margin: 0; padding: 0;}

  .invitation>.code{ padding: 0.32rem 0 0; margin: 0.32rem 0 0; display: block;}
  .invitation>.code>.item{ width: unset; height: unset; margin: 0 0 0.2rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
  .invitation>.code>.item>.icon{ width: 4.8rem; height: 4.8rem; margin: 0;}
  .invitation>.code>.item>.text{ font-size: 0.32rem; line-height: 0.64rem;}

  .jobs{ padding: 0.4rem 0;}
  .jobs>.wrap{ padding: 0 0 0.2rem;}
  .jobs>.wrap>.name{ font-size: 0.4rem; line-height: 0.72rem;}
  .jobs>.wrap>.text{ font-size: 0.32rem; line-height: 0.56rem; padding: 0.2rem 0;}
  .jobs>.wrap>.text>p{ padding: 0 0 0.2rem;}
  .jobs>.wrap>.icon{ width: unset; height: unset;}
  .jobs>.wrap>.mini{ line-height: 0.72rem;}
  .jobs>.wrap>.mini>.tit{ font-size: 0.4rem;}
  .jobs>.wrap>.mini>.add{ font-size: 0.32rem;}
  .jobs>.wrap>.info{ font-size: 0.32rem; line-height: 0.56rem; padding: 0.2rem 0;}
  .jobs>.wrap>.info>p{ margin: 0;}
  .jobs>.wrap>.code{ padding: 0; margin: 0.32rem 0 0; display: block;}
  .jobs>.wrap>.code>.item{ width: unset; height: unset; margin: 0 0 0.2rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
  .jobs>.wrap>.code>.item>.icon{ width: 4.8rem; height: 4.8rem; margin: 0;}
  .jobs>.wrap>.code>.item>.text{ font-size: 0.32rem; line-height: 0.64rem;}

  .jobs>.list{ padding: 0 0 0.2rem;}
  .jobs>.list>.item{ padding: 0 0 0.2rem;}
  .jobs>.list>.item>.tit{ font-size: 0.4rem; line-height: 0.72rem; margin: 0;}
  .jobs>.list>.item>.ext{ font-size: 0.32rem; line-height: 0.72rem;}
  .jobs>.list>.item>.txt{ font-size: 0.32rem; line-height: 0.56rem;}
  .jobs>.list>.item>.txt>p{ padding: 0;}

  .arcs-page{ padding: 0.4rem 0;}
  .arcs-page>.hd{ padding: 0 0 0.2rem;}
  .arcs-page>.hd>.name{ font-size: 0.4rem; line-height: 0.64rem; margin: 0 0 0.2rem;}
  .arcs-page>.hd>.date{ font-size: 0.3rem; line-height: 0.48rem;}
  .arcs-page>.bd{ padding: 0.2rem 0;}
  .arcs-page>.bd p, .arcs-page>.bd div{ font-size: 0.32rem; line-height: 0.56rem; margin: 0.2rem 0 0;}
  .arcs-page>.bd img{ margin: 0.2rem 0 0;}

  .news-page{ padding: 0 0 0.2rem;}
  .news-page>.list{ margin: 0 0 0.2rem;}
  .news-page>.list>.item{ padding: 0.2rem 0;}
  .news-page>.list>.item:first-of-type{ padding: 0 0 0.2rem;}
  .news-page>.list>.item>.tit{ font-size: 0.36rem; line-height: 0.88rem; height: 0.88rem; }
  .news-page>.list>.item>.txt{ font-size: 0.32rem; line-height: 0.48rem; height: 1.44rem; }
  .news-page>.list>.item>.ext{ height: 0.72rem; line-height: 0.72rem; font-size: 0.28rem;}
  .news-page>.list>.item>.ext>.link::after{ font-size: 0.28rem; line-height: 0.72rem;}

  .comm-page{ padding: 0.2rem 0;}
  .comm-page>.page-item{ height: 0.72rem; line-height: 0.72rem; font-size: 0.32rem; padding: 0 0.24rem;}
  
  .ps-list{ margin: 0 -0.12rem 0; padding: 0.4rem 0 0.2rem;}
  .ps-list>.item{ flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; padding: 0 0.12rem; margin: 0.2rem 0 0;}
  .ps-list>.item>.box{ padding: 0.2rem;}
  .ps-list>.item>.box>.icon{ width: 100%; height: 4.6rem;}
  .ps-list>.item>.box>.icon>img{ width: 100%; height: 4.6rem;}
  .ps-list>.item>.box>.info>.name{ font-size: 0.3rem; line-height: 0.48rem; height: 0.96rem; margin: 0.1rem 0;}
  .ps-list>.item>.box>.info>.link{ width: 2rem; height: 0.72rem; font-size: 0.32rem;}
  .ps-list>.item>.box>.info>.link::after{ font-size: 0.28rem; line-height: 0.72rem;}

  .single-page{ padding: 0.4rem 0;}
  .single-page>img{ margin: 0.2rem 0 0; width: 100%;}
  .single-page>div, .about-page>.arcs>p{ font-size: 0.32rem; line-height: 0.56rem; padding: 0.2rem 0 0;}
  .single-page>div>strong{ font-size: 0.4rem; line-height: 0.64rem; margin: 0 0 0.2rem;}

  .footer>.wrap{ min-width: unset; height: unset; padding: 0;}   
  .footer>.wrap>.container{ width: unset; padding: 0 0.2rem; display: block;}
  .footer>.wrap>.container>.l-part{ display: block; width: unset;}
  .footer>.wrap>.container>.l-part>.name{ height: 1.2rem; padding: 0.2rem 0 0.2rem 1.4rem;}
  .footer>.wrap>.container>.l-part>.name::after{ width: 1.2rem; height: 1.2rem;}
  .footer>.wrap>.container>.l-part>.name>.cn{ font-size: 0.36rem; line-height: 0.48rem; margin: 0;}
  .footer>.wrap>.container>.l-part>.name>.en{ font-size: 0.28rem; line-height: 0.48rem;}
  .footer>.wrap>.container>.l-part>.text{ font-size: 0.28rem; line-height: 0.48rem; margin: 0 0 0.16rem;}
  .footer>.wrap>.container>.l-part>.chat{ line-height: 0.88rem; height: 0.88rem; font-size: 0.32rem; padding: 0; margin: 0 0 0.16rem;}
  .footer>.wrap>.container>.l-part>.chat::after{ font-size: 0.32rem; line-height: 0.88rem;}
  .footer>.wrap>.container>.r-part{ display: block;}
  .footer>.wrap>.container>.r-part>.fast, .footer>.wrap>.container>.r-part>.comm{ width: unset;}
  .footer>.wrap>.container>.r-part>.comm>.hd, .footer>.wrap>.container>.r-part>.fast>.hd{ height: 0.88rem;}
  .footer>.wrap>.container>.r-part>.comm>.hd>.name, .footer>.wrap>.container>.r-part>.fast>.hd>.name{ font-size: 0.32rem; line-height: 0.88rem;}
  .footer>.wrap>.container>.r-part>.fast>.bd{ margin: 0;}
  .footer>.wrap>.container>.r-part>.fast>.bd>.item{ height: 0.64rem; line-height: 0.64rem; font-size: 0.32rem;}
  .footer>.wrap>.container>.r-part>.fast>.bd>.item>a{ padding: 0 0 0 0.32rem;}
  .footer>.wrap>.container>.r-part>.comm>.bd>.item{ height: unset; font-size: 0.32rem; padding: 0;}
  .footer>.wrap>.container>.r-part>.comm>.bd>.item::after{ height: 1px;}
  .footer>.wrap>.container>.r-part>.comm>.bd>.item>a{ padding: 0 0 0 0.32rem;}
  .footer>.wrap>.container>.r-part>.comm>.bd>.item>.icon{ width: 0.64rem; height: 0.88rem; line-height: 0.88rem; object-fit: cover;}
  .footer>.wrap>.container>.r-part>.comm>.bd>.item>.icon>.fa{ font-size: 0.32rem;}
  .footer>.wrap>.container>.r-part>.comm>.bd>.item>.text{ line-height: 0.88rem; font-size: 0.28rem; padding: 0 0 0 0.12rem;}
  .footer>.wrap>.container>.r-part>.comm>.bd>.item:nth-child(2)>.icon{ font-size: 0.32rem;}
  .footer>.wrap>.container>.r-part>.comm>.bd>.item:nth-child(3){ padding: 0;}
  .footer>.wrap>.container>.r-part>.comm>.bd>.item:nth-child(3)>.text{ line-height: 0.88rem;}
  .footer>.wrap>.container>.r-part>.comm>.bd>.item:nth-child(3)>.icon{  width: 0.64rem; height: 0.88rem; line-height: 0.88rem; font-size: 0.32rem;}
  .footer>.wrap>.container>.r-part>.comm>.bd>.item:nth-child(3)>.icon>.fa{ font-size: 0.4rem;}
  .footer>.copy{ height: unset;}
  .footer>.copy>.container{ padding: 0.1rem 0;}
  .footer>.copy>.container{ line-height: .64rem; font-size: .28rem; flex-direction: column;}
  .footer>.copy>.container>.text{ margin: 0;}
  .footer>.copy>.container>.link{}

  #banner{ min-width: unset; height: 4.8rem;}
  #banner .swiper-slide>.container{ width: unset; height: 4.8rem;}
  #banner .swiper-slide>.container>.ext{ width: 100%; height: 4.8rem; box-sizing: border-box; padding: 0 0.4rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
  #banner .swiper-slide>.container>.ext>.name{ font-size: 0.48rem; line-height: 1.2rem; text-align: center;}
  #banner .swiper-slide>.container>.ext>.text{ font-size: 0.28rem; line-height: 0.48rem; text-align: center;}
  #banner .swiper-slide>.container>.ext>.link{ width: 2rem; height: 0.72rem; font-size: 0.28rem; margin: 0.2rem auto 0;}
  #banner .swiper-slide>.container>.ext>.link::after{ font-size: 0.32rem; line-height: 0.72rem; margin: 0 0 0 0.1rem;}
  #banner .swiper-button-next, #banner .swiper-button-prev{ display: none;}
  #banner .swiper-pagination{ height: 0.48rem !important; bottom: 0;}
  #banner .swiper-pagination-bullet{ width: 0.2rem; height: 0.2rem;}


  .ch-news{ min-width: unset; padding: 0.4rem 0; }
  .ch-news-f{ padding: 0.4rem 0 0;}
  .ch-news>.container{ width: unset; padding: 0 0.2rem;}
  .ch-news>.container>.tit{ font-size: 0.48rem; line-height: 0.72rem; height: 0.72rem;}
  .ch-news>.container>.row{ display: block; margin: 0.4rem 0 0;}
  .ch-news>.container>.row>.wrap{ flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
  .ch-news>.container>.row>.wrap>.box{ height: unset;}
  .ch-news>.container>.row>.wrap>.box>.ads{ width: 100%; height: unset;}
  .ch-news>.container>.row>.wrap>.box>.list-1{ padding: 0.2rem;}
  .ch-news>.container>.row>.wrap>.box>.list-1>.item{ padding: 0 0 0.2rem;}
  .ch-news>.container>.row>.wrap>.box>.list-1>.item:first-of-type{ padding: 0 0 0.2rem;}
  .ch-news>.container>.row>.wrap>.box>.list-1>.item>.date{ font-size: 0.28rem; line-height: 0.48rem;}
  .ch-news>.container>.row>.wrap>.box>.list-1>.item>.name{ font-size: 0.32rem; line-height: 0.48rem; height: auto; overflow: visible; white-space:unset}
  .ch-news>.container>.row>.wrap>.box>.list-1>.item>.text{ display: none;}
  .ch-news>.container>.row>.wrap>.box>.list-2{ padding: 0.2rem;}
  .ch-news>.container>.row>.wrap>.box>.list-2>.item{ padding: 0.2rem 0; height: auto;}
  .ch-news>.container>.row>.wrap>.box>.list-2>.item:last-of-type::after{ display: block;}
  .ch-news>.container>.row>.wrap>.box>.list-2>.item:first-of-type{ padding: 0 0 0.2rem;}
  .ch-news>.container>.row>.wrap>.box>.list-2>.item>.name{ font-size: 0.32rem; line-height: 0.48rem; height: auto;}
  .ch-news>.container>.row>.wrap>.box>.list-2>.item>.name>span{ font-size: 0.28rem; line-height: 0.48rem; height: 0.48rem;}
  .ch-news>.container>.row>.wrap>.box>.list-2>.item-hov>.text{ display: none;}
  
  
  .ch-plus{ min-width: unset; }
  .ch-plus>.container{ width: 100%;}
  .ch-plus>.container>.item{ height: 1.8rem;}
  .ch-plus>.container>.item>.num{ font-size: 0.36rem; line-height: 0.72rem;}
  .ch-plus>.container>.item>.txt{ font-size: 0.28rem; line-height: 0.48rem; height: 0.48rem; padding: 0;}
  .ch-plus>.container>.item>.txt::before{ display: none;}
  .ch-serv{ min-width: unset; padding: 0.4rem 0;}
  .ch-serv>.container{ width: 100%; padding: 0 0.2rem; box-sizing: border-box;}
  .ch-serv>.container>.tit{ font-size: 0.48rem; line-height: 0.72rem; height: 0.72rem;}
  .ch-serv>.container>.ext{ font-size: 0.28rem; line-height: 0.48rem;}
  .ch-serv>.container>.row{ margin: 0 -0.1rem;}
  .ch-serv>.container>.row>.item{ padding: 0 0.1rem; margin: 0.2rem 0 0; flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%;}
  .ch-serv>.container>.row>.item>.box{ padding: 0.2rem;}
  .ch-serv>.container>.row>.item>.box>.ico{ width: 2.2rem; height: 1.8rem;}
  .ch-serv>.container>.row>.item>.box>.tit{ font-size: 0.3rem; line-height: 0.48rem; height: 0.96rem;}
  .ch-serv>.container>.row>.item>.box>.inf{ font-size: 0.28rem; line-height: 0.48rem; margin: 0.1rem 0;}
  .ch-serv>.container>.row>.item>.box>.lnk{ width: 0.72rem; height: 0.72rem; border-radius: 0.72rem;}
  .ch-serv>.container>.row>.item>.box>.lnk::after{ font-size: 0.32rem;}
  .ch-text>.container{ height: 2.4rem; font-size: 0.4rem; line-height: 0.72rem;}


  .popup-image>.wrap{  max-width: 4.4rem; padding: 0.1rem; }
  .popup-image>.wrap>.icon{ width: 4.2rem; height: 4.2rem;}
  .popup-image>.wrap>.text{ font-size: 0.32rem; height: 0.8rem; line-height: 0.8rem;}
  .popup-image>.wrap>.hide{ right: -0.64rem; display: block; width: 0.48rem; height: 0.48rem;}
}