@charset "UTF-8";
/* 引入自定义设置 */
@-webkit-keyframes bounce-up { 25% { -webkit-transform: translateY(5px); }
  50%, 100% { -webkit-transform: translateY(0); }
  75% { -webkit-transform: translateY(-5px); } }
@keyframes bounce-up { 25% { transform: translateY(5px); }
  50%, 100% { transform: translateY(0); }
  75% { transform: translateY(-5px); } }
@keyframes jump { 0% { transform: translateY(0); }
  50% { transform: translateY(-1.6rem); }
  100% { transform: translateY(0); } }
@keyframes slide { 0% { background-position: 0; }
  50% { background-position: -50px; }
  100% { background-position: 0; } }
@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
@keyframes circleFlashAnimation { 0% { opacity: 0.3; }
  25% { opacity: 0.1; }
  50% { opacity: 0.3; }
  75% { opacity: 0.1; }
  100% { opacity: 0.3; } }
@keyframes circleRotateAnimation { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes pulse { 0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); } }
@keyframes expand { 0% { opacity: 0; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.2); }
  100% { opacity: 0; transform: scale(1.4); } }
@keyframes rotation { from { transform: rotate(0deg);
    /* 从 0 度开始 */ }
  to { transform: rotate(360deg);
    /* 旋转到 360 度 */ } }
@font-face { font-family: 'poppins'; src: url("../fonts/poppins/poppins-regular.eot"); src: url("../fonts/poppins/poppins-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-regular.woff") format("woff"), url("../fonts/poppins/poppins-regular.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'sbsc'; src: url("../fonts/SolanoGothicRetroMVB-SbCap.eot"); src: url("../fonts/SolanoGothicRetroMVB-SbCap.eot?#iefix") format("embedded-opentype"), url("../fonts/SolanoGothicRetroMVB-SbCap.woff") format("woff"), url("../fonts/SolanoGothicRetroMVB-SbCap.woff2") format("woff2"), url("../fonts/SolanoGothicRetroMVB-SbCap.ttf") format("truetype"), url("../fonts/SolanoGothicRetroMVB-SbCap.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Retina'; src: url("../fonts/retina/Retina-Book.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: fallback; }
@font-face { font-family: 'Retina'; src: url("../fonts/retina/Retina-Light.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: fallback; }
@font-face { font-family: 'Retina'; src: url("../fonts/retina/Retina-Medium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: fallback; }
/* vietnamese */
@font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/7cHmv4okm5zmbtYnK-4E4Q.woff2") format("woff2"); }
/**/
/* devanagari */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfaJ9pRtB.woff2) format("woff2"); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }
/* latin-ext */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfa19pRtB.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfaN9pQ.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* devanagari */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfaJ9pRtB.woff2) format("woff2"); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }
/* latin-ext */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfa19pRtB.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfaN9pQ.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* devanagari */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfaJ9pRtB.woff2) format("woff2"); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }
/* latin-ext */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfa19pRtB.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfaN9pQ.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* devanagari */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfaJ9pRtB.woff2) format("woff2"); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }
/* latin-ext */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfa19pRtB.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfaN9pQ.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* devanagari */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfaJ9pRtB.woff2) format("woff2"); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; }
/* latin-ext */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfa19pRtB.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Teko'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/teko/v22/LYjNdG7kmE0gfaN9pQ.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* 滚动条美化 */
::-webkit-scrollbar { position: fixed; top: 0; right: 0; width: 6px; height: 6px; background-color: #000000; }

/* 滚动条美化 阴影~圆角*/
::-webkit-scrollbar-track { border-radius: 10px; background-color: #000000; }

/* 滚动条美化 滑块 阴影~圆角*/
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #c80000; }

/* 网站公共设置 */
.fn-clear { clear: both; width: 0px; height: 0px; font-size: 0px; }

* { color: #333333; }

h1 { font-size: 1.71429rem; font-weight: 550; }

h2 { font-size: 1.42857rem; font-weight: 550; }

h3 { font-size: 1.28572rem; font-weight: 550; }

h4 { font-size: 1.14286rem; font-weight: 550; }

html { font-size: 14px; background-color: #ffffff; }

.htmlgray { filter: gray; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); background: none; }

a { color: #333333; text-decoration: none; }
a:hover { color: #113f8b; text-decoration: none; }
a:hover * { text-decoration: none; }

input { background-color: transparent; }
input::-webkit-input-placeholder { color: #ccc; }
input::-moz-placeholder { color: #ccc; }
input:-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder { color: #ccc; }

#pg-headers, #pg-banners, #pg-banner, #pg-middles, #pg-footers { position: relative; display: inline-block; width: 100%; }

#pg-headers { z-index: 800; }

#pg-banners { z-index: 700; }

#pg-bannero { z-index: 700; }

#pg-middles { z-index: 705; }

#pg-footers { z-index: 710; }

.ly-ct { position: relative; display: block; margin: 0 auto; }

.ly-cm { position: relative; display: block; margin: 0 4rem; padding: 4rem 0; }

.ly-cv { position: relative; display: block; margin: 0; }

.ly-cu { position: relative; display: block; width: 1200px; margin: 0 auto; }

.ly-cw { position: relative; display: block; padding: 2rem 4rem 0; }

.ly-mi { position: relative; display: inline-block; width: 100%; z-index: 400; }

.ly-article { width: 75%; float: left; }

.ly-aside { width: 25%; float: right; }

.ly-cticl { margin: 0 0 0 0; }

.wr-1 { padding: 3rem 0; }

.layout-diball { display: inline-block; width: 100%; }

.layout-difall { display: flex; width: 100%; align-items: center; flex-wrap: wrap; justify-content: space-between; }

/* 当前主体样式 */
#pg-headers { width: 100%; }
#pg-headers .ui-h { display: flex; width: 100%; height: 38px; align-items: center; }
#pg-headers .ui-h .website { display: flex; align-items: center; gap: 1rem; }
#pg-headers .ui-h .website .winfo { display: inline-block; margin-right: 5px; }
#pg-headers .ui-h .website .iconfont { color: #fff; }
#pg-headers .ui-h .website .winfo { color: #fff; }
#pg-headers .ui-h .navs { float: left; }
#pg-headers .ui-h .navs li { float: left; margin: 0 3px; }
#pg-headers .ui-h .navs a { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0.4); }
#pg-headers .ui-h .navs .iconfont { color: #fff; font-size: 0.8rem; font-weight: 300; }
#pg-headers .ui-c { height: 90px; }
#pg-headers .ui-c .iteml { float: left; }
#pg-headers .ui-c .iteml a.whitelogo, #pg-headers .ui-c .iteml a.bluelogo { display: flex; align-items: center; justify-content: center; height: 90px; }
#pg-headers .ui-c .iteml img { height: 60px; }
#pg-headers .ui-c .itemc ul { display: inline-block; }
#pg-headers .ui-c .itemc li { float: left; margin: 0 0.5rem; }
#pg-headers .ui-c .itemc a { display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 1.4rem; font-size: 1.1rem; font-weight: 530; }
#pg-headers .ui-c .itemc li.curr a { color: #fff; background-color: #c91d25; border-radius: 40px; }
#pg-headers .ui-c .itemr ul { display: flex; align-items: center; justify-content: center; gap: 0.6rem; }
#pg-headers .ui-c .itemr li { display: flex; align-items: center; justify-content: center; }
#pg-headers .ui-c .itemr .search { color: #fff; display: flex; height: 16px; align-items: center; justify-content: center; font-size: 1.6rem; cursor: pointer; }
#pg-headers .ui-c .itemr a { display: flex; font-size: 0.9rem; align-items: center; justify-content: center; gap: 4px; }
#pg-headers .ui-c .itemr img { border-radius: 2px; }
#pg-headers .ui-c .itemr i { display: inline-block; width: 1px; height: 16px; background-color: rgba(255, 255, 255, 0.6); }

#pg-banners { background-color: #f4f5f7; background-image: linear-gradient(to bottom, #f4f5f7, #ffffff, #f4f5f7); overflow: hidden; }
#pg-banners .swiperswra { display: block; }
#pg-banners .swipers { position: relative; overflow: hidden; }
#pg-banners .ui-c { position: relative; width: 100%; float: left; overflow: hidden; z-index: 30; }
#pg-banners .ui-c .swiper-slide { position: relative; overflow: hidden; }
#pg-banners .ui-c .webimg { position: relative; width: 100%; height: 70vh; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 10; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#pg-banners .ui-c .webimg img { width: 100%; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#pg-banners .ui-c .wapimg { display: none; background-color: #fff; background-repeat: no-repeat; background-position: center bottom; background-size: cover; z-index: 10; }
#pg-banners .ui-c .webvid { position: relative; width: 100%; aspect-ratio: 2.50; overflow: hidden; z-index: 10; }
#pg-banners .ui-c .webvid .lomo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../images/lomox.png"); background-repeat: repeat; background-position: center center; opacity: 0.5; }
#pg-banners .ui-c .webvid video { width: 100%; height: 100%; object-fit: cover; }
#pg-banners .ui-c .cheight { width: 100%; height: 70vh; transition: all 1s; }
#pg-banners .ui-c .vheight { width: 100%; transition: all 1s; }
#pg-banners .ui-c .wratxt { position: absolute; top: 70px; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
#pg-banners .ui-c .wratxt .imgtxt { width: 50%; z-index: 11; }
#pg-banners .ui-c .wratxt .imgtxt .ly-ct { display: flex; align-items: center; height: 100%; }
#pg-banners .ui-c .wratxt .imgtxt .ctxt { color: #fff; display: inline-block; width: 100%; padding: 1rem 0; font-size: 1.4rem; font-weight: 400; -moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); -o-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
#pg-banners .ui-c .wratxt .imgtxt .txt0 { line-height: 1.3; margin: 0 0 0.2rem 0; font-size: 3.0rem; font-weight: 550; }
#pg-banners .ui-c .swiper-slide-active .webimg { animation: growShrink 12s infinite; /* 持续时间3秒，反复动画 */ }
#pg-banners .ui-f { position: absolute; bottom: 2rem; width: 100%; float: left; z-index: 700; }
#pg-banners .ui-f .lines { position: relative; top: 50%; width: 50%; height: 60px; float: left; }
#pg-banners .ui-f .lines .swiper-pagination { position: relative; top: 50%; text-align: left; }
#pg-banners .ui-f .lines .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; background-color: #fff; transition: all 0.6s; border-radius: 10px; filter: alpha(opacity=35); -moz-opacity: 0.35; opacity: 0.35; }
#pg-banners .ui-f .lines .swiper-pagination-bullet-active { width: 30px; height: 10px; background-color: #fff; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#pg-banners .swiper-button-prev, #pg-banners .swiper-button-next { position: absolute; top: 50%; width: 88px; height: 230px; margin: -125px 0 0; padding: 0; z-index: 680; background-color: transparent; }
#pg-banners .swiper-button-prev { left: 13px; background-image: url("../images/shape-right.webp"); background-repeat: no-repeat; background-position: 0 0; opacity: 1; }
#pg-banners .swiper-button-next { right: 13px; background-image: url("../images/shape-left.webp"); background-repeat: no-repeat; background-position: right 0; opacity: 1; }

#pg-bannero { width: 100%; background-color: #113f8b; }
#pg-bannero .imgw { background-color: #000000; }
#pg-bannero .imgs { height: 48vh; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0.9; }
#pg-bannero .txts { position: absolute; left: 0; width: 100%; height: 48vh; display: flex; align-items: center; justify-content: center; z-index: 20; }
#pg-bannero .txt { margin-top: 2rem; text-align: center; }
#pg-bannero p { color: #fff; }
#pg-bannero p.p1 { color: #fff; font-size: 1.1rem; text-transform: uppercase; font-weight: 550; }
#pg-bannero p.p2 { font-size: 2.6rem; font-weight: 550; text-transform: uppercase; }

#pg-middles { padding: 3rem 0; }

#pg-footers { width: 100%; background-color: #113f8b; }
#pg-footers .ui-h { display: inline-block; width: 100%; padding: 3rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#pg-footers .ui-h .contact { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
#pg-footers .ui-h .itemsw { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
#pg-footers .ui-h .icons { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: #c91d25; border-radius: 2px; }
#pg-footers .ui-h .icons .iconfont { color: #fff; font-size: 1.4rem; }
#pg-footers .ui-h p.p1 { color: rgba(255, 255, 255, 0.6); font-size: 1rem; }
#pg-footers .ui-h p.p2 { color: rgba(255, 255, 255, 0.9); font-size: 1.1rem; }
#pg-footers .ui-c { display: inline-block; width: 100%; }
#pg-footers .ui-c .fastlink { display: flex; align-items: flex-start; justify-content: space-between; }
#pg-footers .ui-c .itemsw { width: 100%; padding: 3rem 2rem; border-right: 1px solid rgba(255, 255, 255, 0.2); }
#pg-footers .ui-c .itemsw img { width: 140px; }
#pg-footers .ui-c .itemsw:last-child { border-right: 0 none; }
#pg-footers .ui-c .tips1 { color: rgba(255, 255, 255, 0.6); font-size: 0.8rem; text-transform: uppercase; }
#pg-footers .ui-c .tips2 { color: #fff; font-size: 1.1rem; text-transform: uppercase; }
#pg-footers .ui-c .infos { margin-top: 1rem; }
#pg-footers .ui-c a { color: rgba(255, 255, 255, 0.6); font-size: 12px; text-transform: uppercase; }
#pg-footers .ui-c a:hover { text-decoration: underline; }
#pg-footers .ui-f { display: inline-block; width: 100%; }
#pg-footers .ui-f .ly-mi { padding: 2rem 0 2rem; border-top: 1px solid rgba(255, 255, 255, 0.2); }
#pg-footers .ui-f .copyright { color: rgba(255, 255, 255, 0.8); float: left; font-size: 1rem; }
#pg-footers .ui-f .beian { float: right; }
#pg-footers .ui-f .beian a { color: rgba(255, 255, 255, 0.8); font-size: 1rem; text-decoration: underline; }
#pg-footers .ui-f .beian a:hover { color: #c91d25; }
#pg-footers .tops { display: inline-block; width: 100%; padding: 2rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
#pg-footers .cens { display: inline-block; width: 100%; padding: 2rem 0 0; }
#pg-footers .cleft { float: left; }
#pg-footers .cleft .infs { width: 100%; }
#pg-footers .cleft .infs p { color: rgba(255, 255, 255, 0.8); }
#pg-footers .cleft .infs a { color: rgba(255, 255, 255, 0.8); text-decoration: underline; }
#pg-footers .cleft .infs a:hover { color: #c91d25; }
#pg-footers .cright { float: right; }
#pg-footers .cright .qrcode { float: right; }
#pg-footers .cright .qrcode p { color: #fff; font-size: 1rem; text-align: center; }
#pg-footers .cright .qrcode img { width: 130px; padding: 5px; background-color: #fff; }

#pg-fotnavs { display: none; position: fixed; bottom: 0; left: 0; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.05); background-color: rgba(255, 255, 255, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 790; }
#pg-fotnavs ul { display: flex; width: 100%; align-items: center; justify-content: center; gap: 0.5rem; }
#pg-fotnavs li { width: calc(20% - 0.5rem); text-align: center; }
#pg-fotnavs li a { display: block; padding: 0.5rem 0; }
#pg-fotnavs li .iconfont { color: #4472be; font-size: 1.4rem; }
#pg-fotnavs li .cname { color: rgba(0, 0, 0, 0.3); font-size: 0.8rem; font-weight: 400; }
#pg-fotnavs li.curr .iconfont { color: #c91d25; font-weight: 550; }
#pg-fotnavs li.curr .cname { color: #c91d25; font-weight: 550; }
#pg-fotnavs li:nth-child(0) { width: 17.5%; }

#wn-show { position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.5); z-index: 991; }
#wn-show .ui-h { color: #ffffff; width: 100%; line-height: 44px; float: left; text-align: right; }
#wn-show .ui-h a.close { color: #000; width: 45px; height: 44px; line-height: 44px; float: right; margin: 0 0 0 20px; text-align: center; font-size: 18px; font-family: arial; background-color: #ffffff; }
#wn-show .ui-h a.close:hover { text-decoration: none; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
#wn-show .ui-c { display: table; width: 100%; float: left; }
#wn-show .ui-c .pics { display: table-cell; vertical-align: middle; }
#wn-show .ui-c .pics img { max-width: 90%; max-height: 90%; border: 8px solid #ffffff; }
#wn-show .ui-f { color: #ffffff; width: 100%; height: 44px; line-height: 44px; float: left; font-size: 18px; }
#wn-show table { margin: 0 auto; }
#wn-show table tr td { padding: 5px; background-color: #ffffff; }
#wn-show table tr td .pic img { max-width: 700px; max-height: 600px; }
#wn-show table tr td .info { color: #000; height: 30px; line-height: 30px; text-align: center; font-size: 14px; }

#wn-search { position: fixed; top: 0; left: 0; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.4); z-index: 1000; display: none; }
#wn-search .ui-c { width: 80%; }
#wn-search .ui-c .tpes { display: block; margin-bottom: 1rem; }
#wn-search .ui-c label { display: inline-flex; align-items: center; justify-content: center; margin-right: 0.4rem; padding: 1rem; background-color: #fff; border-radius: 0.2rem; gap: 0.4rem; }
#wn-search .ui-c .textwra { padding: 1rem; background-color: #fff; border-radius: 0.2rem; }
#wn-search .ui-c .text { width: 100%; height: 30px; border: 0 none; }
#wn-search .ui-c .tijiao { margin-top: 1rem; text-align: center; }
#wn-search .ui-c .submit { color: #fff; display: inline-block; padding: 1rem 2rem; background-color: #c91d25; border: 0 none; border-radius: 0.2rem; cursor: pointer; }
#wn-search .ui-c .cancel { color: #999; background-color: #fff; }

#wn-vid { position: fixed; top: 0; left: 0; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.4); z-index: 1000; display: none; }
#wn-vid .vidwra { position: relative; display: block; max-width: 640px; margin: 0 auto; padding: 1rem; background-color: #fff; border-radius: 4px; }
#wn-vid .iconfont { position: absolute; right: -1rem; top: -1rem; display: flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; font-size: 2rem; background-color: #fff; border-radius: 50%; cursor: pointer; }

/* 分页 */
.ui-page { display: inline-block; width: 100%; margin: 2rem 0; text-align: center; }
.ui-page table { margin: 0 auto; }
.ui-page td { padding: 0 3px; }
.ui-page a { color: #333; display: inline-block; padding: 0.5rem 1.1rem; font-size: 1rem; border: 1px solid #ccc; background-color: #fff; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.ui-page a:hover { color: #fff; border: 1px solid #c91d25; background-color: #c91d25; }
.ui-page .unlink { color: #fff; display: inline-block; padding: 0.5rem 1.0rem; font-size: 1rem; border: 1px solid #c91d25; background-color: #c91d25; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }

.swiper-slide { position: relative; }
.swiper-slide .lomo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(1, 64, 153, 0.1) 20%, rgba(1, 64, 153, 0.6) 60%); }

.swiper-pagination-bullet { width: 1rem; height: 0.4rem; background-color: #113f8b; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }

.swiper-button-next, .swiper-button-prev { color: #fff; padding: 0.6rem 0.2rem; background-color: #c91d25; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 1.42857rem; font-weight: bold; }

a.cmmore { color: #fff; padding: 1rem 2.5rem; font-size: 0.85714rem; background-color: #c91d25; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
a.cmmore:hover { background-color: #c91d25; }

.cmtitle { position: relative; display: block; margin: 0 0 2rem 0; }
.cmtitle .tips { position: relative; display: inline-block; width: 100%; padding: 0.5rem 0; font-size: 2.5rem; text-transform: uppercase; font-weight: 550; z-index: 30; }
.cmtitle .smys { display: block; margin: 1rem 0 0; font-size: 1.1rem; }
.cmtitle .smys p { font-size: 1.14rem; }
.cmtitle.ui-white .tips { color: #fff; }
.cmtitle.ui-center { text-align: center; }

.cytip1 { position: relative; align-items: center; text-transform: uppercase; z-index: 30; }
.cytip1 .tb { display: inline-block; height: 8px; margin: 0 0.5rem 0 0; padding: 2px; font-size: 0px; border: 1px solid #c91d25; border-radius: 20px; }
.cytip1 .tb i { display: inline-block; width: 25px; height: 8px; font-size: 0px; border-radius: 20px; background-color: #c91d25; }

.cytip2 { position: relative; padding: 0.5rem 0; font-size: 2.5rem; text-transform: uppercase; font-weight: 550; z-index: 30; }

.cytip3 { position: absolute; bottom: -5px; left: 0; width: 100%; line-height: 1; font-size: 5.4rem; font-weight: 550; font-family: 'sbsc'; text-transform: uppercase; z-index: 10; opacity: 0.4; }

.cycon1 p { color: #474747; line-height: 2; margin: 0 0 1rem 0; font-size: 1rem; }

.cymore a { color: #fff; display: inline-block; padding: 0.8rem 1.6rem; background-color: #c91d25; border-radius: 4px; }
.cymore .iconfont { color: #fff; }

.xm-head { margin-bottom: 2rem; }

.xm-hd1 { display: inline-block; width: 100%; font-size: 1.1rem; }
.xm-hd1 .iconfont { color: #c91d25; margin-top: 0.1rem; font-size: 1.3rem; }
.xm-hd1 .icontext { color: #c91d25; margin: 0 0.5rem 0; text-transform: uppercase; }
.xm-hd1 .xm-htip { margin: 0 auto; }
.xm-hd1 .xm-htip .xm-font { display: inline-flex; padding: 0.1rem 0.6rem; font-size: 12px; align-items: center; justify-content: center; background-color: #f2f2f2; border-radius: 20px; }
.xm-hd1 .xm-ctip { color: #113f8b; margin-top: 1rem; margin-bottom: 1.1rem; text-transform: uppercase; font-weight: 550; }
.xm-hd1 .xm-ctip.cn { font-size: 2.5rem; }
.xm-hd1 .xm-ctip.en { font-size: 1.8rem; }
.xm-hd1 .xm-ftip { color: #999; margin: 0 auto; font-size: 1rem; }
.xm-hd1.xm-center { justify-content: center; }
.xm-hd1.xm-center .xm-htip { text-align: center; }
.xm-hd1.xm-center .xm-font { margin: 0 auto; }
.xm-hd1.xm-center .xm-ctip { margin-left: auto; margin-right: auto; text-align: center; }
.xm-hd1.xm-center .xm-ftip { text-align: center; }
.xm-hd1.xm-left { justify-content: flex-start; }
.xm-hd1.xm-left .xm-htip { text-align: left; }
.xm-hd1.xm-left .xm-font { margin: 0; }
.xm-hd1.xm-left .xm-ctip { text-align: left; }
.xm-hd1.xm-left .xm-ftip { text-align: left; }
.xm-hd1.xm-white { justify-content: center; }
.xm-hd1.xm-white .xm-ctip { color: #fff; }
.xm-hd1.xm-white .xm-ftip { color: rgba(255, 255, 255, 0.6); }

.xm-hd2 { display: inline-block; width: 100%; margin: 2rem 0 1rem; border-bottom: 3px solid #c91d25; }
.xm-hd2 b { color: #fff; display: inline-block; float: left; padding: 0.6rem 1.6rem; font-size: 1.42857rem; font-weight: 500; background-color: #113f8b; border-radius: 4px 4px 0 0; }

.ui-black .cytip2 { color: #333; }
.ui-black .cons { color: #888; }
.ui-black .cytip1 .tb { border: 1px solid rgba(17, 63, 139, 0.6); }
.ui-black .cytip1 .tb i { background-color: rgba(17, 63, 139, 0.6); }
.ui-black .cytip3 { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(17, 63, 139, 0.4); }

.ui-white .cytip1, .ui-white .cytip2, .ui-white .cytip3, .ui-white .cons { color: #fff; }
.ui-white .cytip1 .tb { border: 1px solid rgba(255, 255, 255, 0.6); }
.ui-white .cytip1 .tb i { background-color: rgba(255, 255, 255, 0.6); }
.ui-white .cytip3 { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.4); }

.ui-center { text-align: center; }

.ui-left { text-align: left; }

.cmlist { display: inline-block; width: 100%; }

.cm-prolist ul { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; gap: 1rem; }
.cm-prolist li { width: calc(25% - 1rem); float: left; }
.cm-prolist a { display: block; padding: 1rem; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(17, 63, 139, 0.08); transition: all 0.4s; }
.cm-prolist .pics { border-radius: 4px; overflow: hidden; }
.cm-prolist .pic { aspect-ratio: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.6s; }
.cm-prolist .pic2 { background-size: contain; }
.cm-prolist img { width: 100%; height: 100%; object-fit: cover; }
.cm-prolist .infs { padding: 1rem 0 0; }
.cm-prolist .inf { width: 100%; font-size: 1.1rem; text-align: center; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.cm-prolist a:hover { box-shadow: 0 6px 18px rgba(17, 63, 139, 0.15); transform: translateY(-3px); }
.cm-prolist a:hover .pic { transform: scale(1.1); }

.cm-prowra { padding: 2rem; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(17, 63, 139, 0.08); }

.cm-ptop { display: inline-block; width: 100%; }
.cm-ptop .ui-c { display: flex; width: 100%; justify-content: space-between; gap: 1rem; }
.cm-ptop .picswra { width: 40%; max-width: 800px; }
.cm-ptop .picmain { padding: 1rem; background-color: #eeeeee; }
.cm-ptop .pics { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 4px; }
.cm-ptop img { width: 100%; height: 100%; object-fit: cover; }
.cm-ptop .infswra { width: 60%; }
.cm-ptop .infsw { margin: 0 0 0 3rem; }
.cm-ptop .tip { display: block; margin-bottom: 2rem; border-bottom: 2px solid #333; padding: 0 0 0.8rem 0; }
.cm-ptop .tip h1 { font-size: 2.57143rem; font-weight: 550; }
.cm-ptop .smy { display: block; margin-bottom: 1rem; padding: 1rem 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.cm-ptop .smy p { margin: 2px 0; }
.cm-ptop .imglist { display: block; margin-bottom: 1rem; }
.cm-ptop .imglist ul { display: flex; width: 100%; flex-wrap: wrap; align-items: center; gap: 0.6rem; }
.cm-ptop .imglist li { position: relative; float: left; margin: 0 -1px -1px 0; z-index: 10; }
.cm-ptop .imglist .pics { display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; padding: 0.3rem; border: 1px solid #eeeeee; background-color: #ffffff; }
.cm-ptop .imglist img { max-width: 4rem; max-height: 4rem; }
.cm-ptop .imglist li.on { z-index: 20; }
.cm-ptop .imglist li.on .pics { border: 1px solid #c91d25; }
.cm-ptop .callme { color: #113f8b; padding: 1.5rem 0; font-size: 1.2rem; border-top: 1px dashed #dddddd; border-bottom: 1px dashed #dddddd; }
.cm-ptop .callme .iconfont { color: #113f8b; margin-right: 5px; }
.cm-ptop .callme .phone { color: #c91d25; font-size: 1.6rem; font-weight: bold; font-family: arial; }
.cm-ptop .inf { display: flex; padding: 0.2rem 0; font-size: 1.14286rem; align-items: center; }
.cm-ptop .cor { display: inline-block; width: 36px; height: 16px; }
.cm-ptop .btmimgs { padding: 1rem 0; border-bottom: 1px solid #eee; }
.cm-ptop .page { padding: 1rem 0; }
.cm-ptop .page .info { margin: 0.2rem 0; }
.cm-ptop .page a { text-transform: uppercase; }
.cm-ptop .page a:hover { color: #c91d25; text-transform: uppercase; }

.cm-newslist { display: inline-block; width: 100%; }
.cm-newslist ul { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; gap: 1rem; }
.cm-newslist li { width: calc(25% - 1rem); float: left; }
.cm-newslist a.items { display: block; padding: 1rem; border-top: 3px solid #113f8b; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(17, 63, 139, 0.08); overflow: hidden; transition: all 0.6s; }
.cm-newslist a.items:hover { border-top: 3px solid #c91d25; box-shadow: 0 6px 18px rgba(17, 63, 139, 0.15); }
.cm-newslist a.items:hover .pic { transform: scale(1.1); }
.cm-newslist .item { display: inline-block; width: 100%; }
.cm-newslist .pics { display: inline-block; margin: 0 0 1rem; overflow: hidden; }
.cm-newslist .pic { width: 100%; aspect-ratio: 2 / 1.3; transition: all 0.6s; }
.cm-newslist img { width: 100%; height: 100%; object-fit: cover; }
.cm-newslist .dates { color: #ca0915; font-size: 1rem; line-height: 24px; font-family: arial; margin-bottom: 10px; }
.cm-newslist .tips { color: #333333; height: 52px; line-height: 26px; font-size: 1.2rem; font-weight: 500; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cm-newslist .smys { color: #888888; margin-bottom: 30px; font-size: 1rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.cm-newslist .more { color: #e00; font-size: 1rem; }
.cm-newslist .more .iconfont { color: #e00; float: right; }

.cm-newsshow { padding: 4rem; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(17, 63, 139, 0.08); }

.cmnewstip { display: block; margin: 0 0 1rem; }
.cmnewstip h1 { font-size: 2rem; font-weight: 550; }

.cmnewsops { display: block; margin: 0 0 1.5rem; }
.cmnewsops span { color: #999; margin: 0 1rem 0 0; font-size: 1rem; }

.cmnewssmy { color: #113f8b; display: block; margin: 0 0 1.5rem; padding: 1rem; border: 1px solid rgba(17, 63, 139, 0.3); background-color: rgba(17, 63, 139, 0.1); border-radius: 5px; }

.cmnewscon { min-height: 400px; }

.cmshowcon h1, .cmshowcon h2, .cmshowcon h3, .cmshowcon h4, .cmshowcon h5 { margin: 0 0 0.3rem; }
.cmshowcon h1 { font-size: 2.2rem; }
.cmshowcon * { font-size: 1.14286rem; }
.cmshowcon p { font-size: 1.14286rem; }
.cmshowcon img { width: auto !important; height: auto !important; max-width: 80% !important; }
.cmshowcon table { width: 100%; }
.cmshowcon td { padding: 0.8rem 0.6rem !important; border: 1px solid #e5e5e5 !important; }
.cmshowcon video { max-width: 100%; }
.cmshowcon strong { font-size: 1.14286rem; font-weight: 450; text-transform: uppercase; }

.cm-hotnews { display: block; padding: 2rem; background-color: #fff; box-shadow: 0 2px 8px rgba(17, 63, 139, 0.08); border-radius: 10px; overflow: hidden; }
.cm-hotnews .ui-h { display: flex; width: 100%; padding: 0 0 1rem; font-size: 1.2rem; border-bottom: 1px solid #eee; align-items: center; gap: 1rem; }
.cm-hotnews .ui-h b { display: inline-block; width: 3px; height: 20px; background-color: #113f8b; }
.cm-hotnews .ui-c { display: inline-block; width: 100%; padding: 0.5rem 0; }
.cm-hotnews .ui-c li { margin: 0.5rem 0 0; }
.cm-hotnews .ui-c .item { display: flex; }
.cm-hotnews .ui-c .no { display: flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; font-size: 0.9rem; border-radius: 4px; background: linear-gradient(45deg, #d4e1f5, #d4e1f5); }
.cm-hotnews .ui-c .no1 { color: #fff; background: linear-gradient(45deg, #b6359c, #ef0a6a); }
.cm-hotnews .ui-c .no2 { color: #fff; background: linear-gradient(45deg, #f28e26, #fd644f); }
.cm-hotnews .ui-c .no3 { color: #fff; background: linear-gradient(45deg, #f5e06b, #f9c73f); }
.cm-hotnews .ui-c .inf { color: #555; align-items: center; width: 100%; line-height: 2; margin-left: 1rem; font-size: 1rem; font-weight: 400; }

.cm-searchtip { display: flex; margin-bottom: 2rem; align-items: center; justify-content: space-between; }
.cm-searchtip .skeys { font-size: 1.2rem; }
.cm-searchtip .count { font-size: 1.2rem; }

.ui-align-center { text-align: center; }

.sections { position: relative; width: 100%; overflow: hidden; }

.laysection0 { background: linear-gradient(to bottom, #f7f8fc, #ffffff); }
.laysection0 .lomolefts { position: absolute; top: 0; left: 0; width: 60vw; height: 60vh; background-image: url("../images/main-slider-shape-1.png"); background-repeat: no-repeat; background-position: left top; background-size: contain; z-index: 0; }

.laysection1 { border-bottom: 1px solid #eee; }

.laysection2 { background-image: url("../images/xq.png"); background-repeat: no-repeat; background-position: right center; background-size: contain; }

.laysection3 { background-image: url("../images/sectionbg_area.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.laysection4 { background-color: #ffffff; }

.laysection6 { background-color: #f7f8fc; background-image: url("../images/sectionbg4.png"); background-repeat: no-repeat; background-position: right bottom; background-size: 40%; }

.laysection7 { background-color: #113f8b; background-image: url("../images/sectionbg8.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; }

.laysection8 { border-bottom: 1px solid #eee; background-color: #ffffff; }

.laysection9 { background-color: #f7f8fc; }

.layout-space { transition: all 0.6s; }

.layout-wrappers { display: block; padding: 4rem; background-color: #fff; box-shadow: 0 2px 8px rgba(17, 63, 139, 0.08); border-radius: 10px; overflow: hidden; }

.layout-wrapper { display: flex; align-items: center; justify-content: space-between; align-items: flex-start; }

.layout-article { width: 100%; }

.layout-aside { width: 25%; }

.layout-flex { display: flex; align-items: center; justify-content: center; align-items: flex-start; gap: 1rem; }

.xq-1 { width: 100%; padding: 2rem 0 0; overflow: hidden; }
.xq-1 .ui-h { display: inline-block; width: 100%; margin-bottom: 1rem; }
.xq-1 .ui-h .list { display: grid; width: 100%; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 1rem; }
.xq-1 .ui-h .itemw { position: relative; width: 100%; float: none; border-radius: 10px 10px 10px 10px; overflow: hidden; }
.xq-1 .ui-h .itemw .bgw { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; filter: blur(2px); transform: scale(1.1); transition: all 0.6s; }
.xq-1 .ui-h .itemw .bgmask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(160deg, rgba(8, 8, 16, 0.75) 0%, rgba(8, 8, 16, 0.4) 100%); }
.xq-1 .ui-h .itemw:first-child .bgmask { background: radial-gradient(140% 140% at 18% 0%, rgba(201, 29, 37, 0.55) 0%, rgba(201, 29, 37, 0.08) 55%, transparent 75%), linear-gradient(160deg, rgba(8, 8, 16, 0.78) 0%, rgba(8, 8, 16, 0.42) 100%); }
.xq-1 .ui-h .itemw:nth-child(2) .bgmask { background: radial-gradient(140% 140% at 18% 0%, rgba(59, 130, 246, 0.5) 0%, rgba(59, 130, 246, 0.07) 55%, transparent 75%), linear-gradient(160deg, rgba(8, 8, 16, 0.78) 0%, rgba(8, 8, 16, 0.42) 100%); }
.xq-1 .ui-h .itemw:nth-child(3) .bgmask { background: radial-gradient(140% 140% at 18% 0%, rgba(245, 158, 11, 0.5) 0%, rgba(245, 158, 11, 0.07) 55%, transparent 75%), linear-gradient(160deg, rgba(8, 8, 16, 0.78) 0%, rgba(8, 8, 16, 0.42) 100%); }
.xq-1 .ui-h .itemw:last-child .bgmask { background: radial-gradient(140% 140% at 18% 0%, rgba(20, 184, 166, 0.5) 0%, rgba(20, 184, 166, 0.07) 55%, transparent 75%), linear-gradient(160deg, rgba(8, 8, 16, 0.78) 0%, rgba(8, 8, 16, 0.42) 100%); }
.xq-1 .ui-h .itemw:first-child { background-color: #c91d25; }
.xq-1 .ui-h .itemw:last-child { background-color: #002e7a; }
.xq-1 .ui-h .itemw:nth-child(2) { background-color: #113f8b; }
.xq-1 .ui-h .itemw:nth-child(3) { background-color: #1b5fb8; }
.xq-1 .ui-h .items { position: relative; z-index: 1; display: flex; padding: 2rem; align-items: center; gap: 2rem; transition: all 0.4s; }
.xq-1 .ui-h .items:hover { background-color: rgba(255, 255, 255, 0.08); }
.xq-1 .ui-h .itemw:hover .bgw { transform: scale(1.15); filter: blur(3px); }
.xq-1 .ui-h .pics { width: 80px; height: 80px; padding: 0.6rem; border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 100%; flex-shrink: 0; }
.xq-1 .ui-h .picw { width: 100%; border-radius: 50%; overflow: hidden; }
.xq-1 .ui-h img { width: 100%; }
.xq-1 .ui-h .infs { color: #fff; font-size: 1.1rem; }
.xq-1 .ui-h .infwcn { color: #fff; margin-bottom: 1rem; font-size: 1.6rem; font-weight: 700; }
.xq-1 .ui-h .infwcn.en { font-size: 1.2rem; font-family: 'poppins'; text-transform: uppercase; }
.xq-1 .ui-h .infwen { color: #fff; font-size: 1rem; font-family: arial; }

.xq-2 { display: block; padding: 6rem 0; }
.xq-2 .ui-c { display: flex; width: 100%; align-items: center; justify-content: center; }
.xq-2 .ui-c .layleft { position: relative; display: block; margin-right: 3rem; }
.xq-2 .ui-c .layright { position: relative; display: block; margin-left: 3rem; }
.xq-2 .ui-c .laywra { position: relative; width: 100%; }
.xq-2 .cmimgshow { width: 50%; float: left; }
.xq-2 .cmimgshow .lomoleft { position: absolute; top: -1.1rem; left: -1.1rem; width: 8rem; height: 8rem; background-color: #113f8b; border-radius: 0.2rem; }
.xq-2 .cmimgshow .lomo { position: absolute; top: 1rem; right: 6rem; width: 52px; height: 112px; background-image: url("../images/about-dot.png"); }
.xq-2 .cmimgshow .bigimg { display: block; width: 70%; height: 50vh; border-radius: 0.2rem; overflow: hidden; }
.xq-2 .cmimgshow .bigimg img { width: 100%; height: 100%; object-fit: cover; }
.xq-2 .cmimgshow .smallimg { position: absolute; bottom: 0; right: 5rem; padding: 10px; background-color: #fff; border-radius: 0.2rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); overflow: hidden; }
.xq-2 .cmimgshow .smallw { position: relative; width: 35vh; height: 21vh; border-radius: 0.2rem; overflow: hidden; }
.xq-2 .cmimgshow .smallw .imgs { width: 35vh; height: 21vh; }
.xq-2 .cmimgshow .smallw img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.2rem; }
.xq-2 .cmimgshow .smallw .icons { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); cursor: pointer; }
.xq-2 .cmimgshow .smallw .iconfont { color: #fff; display: flex; width: 3rem; height: 3rem; font-size: 1.8rem; border: 4px solid rgba(255, 255, 255, 0.8); border-radius: 50%; align-items: center; justify-content: center; }
.xq-2 .cmcomshow { width: 50%; float: right; }
.xq-2 .cmcomshow .layout { position: relative; }
.xq-2 .cmcomshow .cytip2 { margin: 1rem 0; }
.xq-2 .cmcomshow .cylist ul { display: inline-block; width: 100%; }
.xq-2 .cmcomshow .cylist li { display: flex; width: 50%; float: left; align-items: center; }
.xq-2 .cmcomshow .cylist .iconfont { color: #c91d25; margin: 0 0.5rem 0 0; font-size: 1.4rem; }
.xq-2 .cmcomshow .cymore { margin: 2rem 0 0; }
.xq-2 .ui-f { display: inline-block; width: 100%; margin-top: 1.5rem; }
.xq-2 .companys ul { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.xq-2 .companys li { width: calc(25% - 1rem); }
.xq-2 .companys .items { position: relative; }
.xq-2 .companys a { display: block; }
.xq-2 .companys .pics { position: relative; display: block; padding: 0.8rem; }
.xq-2 .companys .pic { display: block; width: 100%; aspect-ratio: 4 / 2.6; background-color: #113f8b; border-radius: 0.2rem; overflow: hidden; }
.xq-2 .companys .pic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; }
.xq-2 .companys .lomo { position: absolute; width: 1.8rem; height: 1.8rem; transition: all 0.6s; }
.xq-2 .companys .lomotopleft { top: 0; left: 0; border-top: 0.2rem solid #d4e1f5; border-left: 0.2rem solid #d4e1f5; }
.xq-2 .companys .lomotopright { top: 0; right: 0; border-top: 0.2rem solid #d4e1f5; border-right: 0.2rem solid #d4e1f5; }
.xq-2 .companys .lomobottomleft { bottom: 0; left: 0; border-left: 0.2rem solid #d4e1f5; border-bottom: 0.2rem solid #d4e1f5; }
.xq-2 .companys .lomobottomright { bottom: 0; right: 0; border-right: 0.2rem solid #d4e1f5; border-bottom: 0.2rem solid #d4e1f5; }
.xq-2 .companys .tips { display: block; padding: 1rem; text-align: center; font-size: 1.1rem; }
.xq-2 .companys a:hover .pic img { transform: rotate(2deg); opacity: 0.8; transform: rotate(2deg) scale(1.15); }
.xq-2 .companys a:hover .lomotopleft { border-top: 0.22rem solid #113f8b; border-left: 0.22rem solid #113f8b; }
.xq-2 .companys a:hover .lomotopright { border-top: 0.22rem solid #113f8b; border-right: 0.22rem solid #113f8b; }
.xq-2 .companys a:hover .lomobottomleft { border-left: 0.22rem solid #113f8b; border-bottom: 0.22rem solid #113f8b; }
.xq-2 .companys a:hover .lomobottomright { border-right: 0.22rem solid #113f8b; border-bottom: 0.22rem solid #113f8b; }

.xq-3 { display: block; }
.xq-3 .ui-w { position: relative; }
.xq-3 .ui-h { position: relative; display: flex; height: 10rem; margin: 4rem 0 0; padding: 0 0 4rem; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); gap: 1rem; }
.xq-3 .ui-h .circles { width: 10rem; height: 10rem; }
.xq-3 .ui-h .circles .circle { width: 8rem; height: 8rem; padding: 0.5rem; border-radius: 100%; overflow: hidden; border: 4px solid rgba(255, 255, 255, 0.2); animation: rotate 15s linear infinite; }
.xq-3 .ui-h .circles img { width: 100%; height: 100%; }
.xq-3 .ui-h .tips { color: #fff; width: 40%; line-height: 1.2; font-size: 1.8rem; font-weight: 550; letter-spacing: 1px; }
.xq-3 .ui-h .tips.en { font-family: 'poppins'; }
.xq-3 .ui-c { display: flex; align-items: center; justify-content: center; }
.xq-3 .ui-c .itemw { display: flex; width: 18%; height: 20vh; float: left; padding: 20vh 2rem; border-right: 1px solid rgba(255, 255, 255, 0.2); align-items: flex-start; justify-content: center; transition: all 0.8s; }
.xq-3 .ui-c .itemw:last-child { border-right: 0 none; }
.xq-3 .ui-c .itemw.hover { width: 24%; background-color: rgba(17, 63, 139, 0.4); }
.xq-3 .ui-c .itemw.oth .con { display: none; }
.xq-3 .ui-c .items { width: 100%; margin: 0 auto; }
.xq-3 .ui-c .tip { color: #fff; line-height: 1.2; font-size: 1.6rem; margin-bottom: 1rem; font-weight: 550; letter-spacing: 1px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); transition: all 0.6s; }
.xq-3 .ui-c .tip.cn { height: 3.2rem; }
.xq-3 .ui-c .tip.en { height: 4.2rem; font-family: 'poppins'; }
.xq-3 .ui-c .con { color: rgba(255, 255, 255, 0.9); font-size: 1.1rem; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); transition: all 0.6s; }

.xq-4 { display: block; padding: 6rem 0; }
.xq-4 .ui-w { display: inline-block; width: 100%; }
.xq-4 .itemlist { width: 50%; float: left; }
.xq-4 .itemlist:nth-child(1) .itemwra { margin-right: 1.5rem; }
.xq-4 .itemlist:nth-child(2) .itemwra { margin-left: 1.5rem; }
.xq-4 .head { color: #fff; margin-bottom: 1rem; padding: 1rem; font-size: 1.1rem; border-left: 4px solid #c91d25; background-color: #113f8b; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 5px; }
.xq-4 .head .font { color: #fff; display: flex; align-items: center; justify-content: center; height: 120px; font-size: 2.2rem; font-weight: 550; letter-spacing: 1px; }
.xq-4 .list { display: inline-block; width: 100%; }
.xq-4 .list ul { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; gap: 0.6rem; }
.xq-4 .list li { width: calc(25% - 0.6rem); }
.xq-4 .list .itemw { padding: 0.6rem; background-color: #f7f8fc; border-radius: 4px; }
.xq-4 .list .picwra img { width: 100%; }
.xq-4 .list .infwra { margin-top: 0.6rem; text-align: center; font-size: 1.1rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.xq-4 .list .iconfont { color: #e00; margin-right: 4px; }
.xq-4 .list a.itemw { display: block; }
.xq-4 .list a.itemw:hover { background-color: #113f8b; transition: all 0.6s; }
.xq-4 .list a.itemw:hover .inf { color: #fff; }
.xq-4 .list a.itemw:hover .iconfont { color: #fff; font-weight: 300; }

.xq-5 { display: block; width: 100%; background-color: #f7f8fc; }
.xq-5 .ui-c { display: inline-block; width: 100%; }
.xq-5 .ui-f { padding: 1rem 0; text-align: center; }
.xq-5 .ui-f .swiper-pagination-bullet { border-radius: 3px; }
.xq-5 .swiper-slide { background-color: #113f8b; }
.xq-5 .items { display: block; padding: 5rem; }
.xq-5 .items::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: var(--bg-url); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; }
.xq-5 .items:hover .item { bottom: 20%; }
.xq-5 .items:hover .tipco { height: auto; }
.xq-5 .itemb { position: relative; min-height: 35vh; }
.xq-5 .item { position: absolute; bottom: 0; left: 0; width: 100%; transition: all 0.6s; }
.xq-5 .tipen { color: #fff; font-size: 1.1rem; font-family: arial; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12); }
.xq-5 .tipcn { color: #fff; margin: 1rem 0; font-size: 2.2rem; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12); }
.xq-5 .tipco { color: #fff; height: 0; margin: 2rem 0 2rem; font-size: 1.1rem; transition: all 0.6s; overflow: hidden; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12); }
.xq-5 a.link { color: #000; display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; font-size: 1.6rem; background-color: #fff; border-radius: 2px; }
.xq-5 .iconfont { font-size: 1.5rem; font-weight: 550; }

.xq-6 { display: block; padding: 6rem 0; }
.xq-6 .ui-f { margin: 2rem 0 0; text-align: center; }
.xq-6 .ui-f a.readmore { display: inline-block; }
.xq-6 .cmlist ul { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.xq-6 .cmlist li { width: calc(25% - 1rem); float: left; }
.xq-6 .cmlist a { display: block; }
.xq-6 .cmlist .itemw { padding: 0; }
.xq-6 .cmlist .pics { width: 100%; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); transition: all 0.6s; overflow: hidden; }
.xq-6 .cmlist img { width: 100%; height: 100%; object-fit: cover; }
.xq-6 .cmlist .infs { padding: 1.1rem 0; transition: all 0.6s; }
.xq-6 .cmlist .infw { position: relative; }
.xq-6 .cmlist .inf { width: 100%; }
.xq-6 .cmlist .classic { color: #999; font-size: 1rem; transition: all 0.6s; }
.xq-6 .cmlist .title { font-size: 1.2rem; font-weight: 550; transition: all 0.6s; text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.xq-6 .cmlist a:hover .title { color: #c91d25; }

.xq-7 { margin: 6rem 0; }
.xq-7 .ui-h { display: inline-block; width: 100%; }
.xq-7 .ui-c { display: inline-block; width: 100%; }
.xq-7 .ui-c .list { display: inline-block; width: 100%; }
.xq-7 .ui-c ul { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.xq-7 .ui-c li { width: calc(20% - 1rem); float: left; }
.xq-7 .ui-c a { display: block; border-radius: 4px; }
.xq-7 .ui-c .pics { width: 100%; overflow: hidden; }
.xq-7 .ui-c .pic { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 4px; }
.xq-7 .ui-c img { width: 100%; height: 100%; object-fit: cover; }
.xq-7 .ui-c .infs { display: block; margin-top: 1rem; text-align: center; }
.xq-7 .ui-c .inf { color: #fff; font-size: 1rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.xq-8 { margin: 6rem 0; }
.xq-8 .xm-head { border-bottom: 1px solid #eee; }
.xq-8 .ui-c { display: inline-block; width: 100%; }
.xq-8 .ui-c .swiper-slide { padding: 1rem 0; filter: drop-shadow(0px 3px 3px rgba(207, 218, 235, 0.4)); }
.xq-8 .ui-c a.items { display: block; overflow: hidden; transition: all 0.6s; }
.xq-8 .ui-c .item { display: inline-block; width: 100%; }
.xq-8 .ui-c .pics { display: inline-block; width: 100%; }
.xq-8 .ui-c .pic { width: 100%; margin: 0 0 1rem; border-radius: 4px; overflow: hidden; aspect-ratio: 2 / 1; }
.xq-8 .ui-c img { width: 100%; height: 100%; object-fit: cover; }
.xq-8 .ui-c .dates { color: #ca0915; font-size: 1rem; line-height: 24px; font-family: arial; margin-bottom: 10px; }
.xq-8 .ui-c .tips { color: #333333; height: 3.6rem; line-height: 1.8rem; font-size: 1.2rem; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.xq-8 .ui-c .smys { color: #888888; height: 72px; line-height: 24px; margin-bottom: 50px; font-size: 1rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.xq-8 .ui-c .more { color: #e00; font-size: 1rem; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.xq-8 .ui-c .more .iconfont { color: #e00; float: right; }
.xq-8 .ui-f { margin: 2rem 0 0; text-align: center; }
.xq-8 .ui-f .swiper-pagination-bullet { width: 1rem; height: 0.4rem; background-color: #113f8b; border-radius: 3px; }

.xq-9 { margin: 3rem 0; }
.xq-9 .ui-c { display: block; padding: 5rem; background: linear-gradient(to bottom right, #c91d25, #f45b32); border-radius: 1rem; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }
.xq-9 .ui-w { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; gap: 3rem; }
.xq-9 .infos { width: 50%; }
.xq-9 .infos .p1 { color: #fff; margin-bottom: 3rem; font-size: 3rem; font-weight: bold; }
.xq-9 .infos .p2 { color: #fff; margin-bottom: 5rem; font-size: 1.2rem; }
.xq-9 .infos .p3 a { color: #fff; display: inline-block; padding: 1rem 3rem; font-size: 1.1rem; border: 1px solid #fff; border-radius: 3rem; }
.xq-9 .infos .p3 a:hover { border: 1px solid #002e7a; background-color: #113f8b; }
.xq-9 .lists { width: 50%; }
.xq-9 .lists ul { position: relative; display: inline-block; width: 100%; }
.xq-9 .lists li { position: relative; width: 50%; float: left; transition: all 0.6s; z-index: 30; }
.xq-9 .lists .pics { width: 100%; aspect-ratio: 4 / 3; }
.xq-9 .lists img { width: 100%; height: 100%; object-fit: cover; }
.xq-9 .lists li:first-child { position: absolute; top: 50%; left: 50%; width: 40%; height: 40%; margin: -15% 0 0 -20%; border-radius: 3rem; overflow: hidden; z-index: 60; }
.xq-9 .lists li:first-child a { border-radius: 3rem; overflow: hidden; }
.xq-9 .lists li:nth-child(2) { top: 0; left: 0; border-radius: 3rem 0 0 0; overflow: hidden; }
.xq-9 .lists li:nth-child(2):hover { top: -10px; left: -10px; }
.xq-9 .lists li:nth-child(3) { top: 0; right: 0; border-radius: 0 3rem 0 0; overflow: hidden; }
.xq-9 .lists li:nth-child(3):hover { top: -10px; right: -10px; }
.xq-9 .lists li:nth-child(4) { bottom: 0; left: 0; border-radius: 0 0 0 3rem; overflow: hidden; }
.xq-9 .lists li:nth-child(4):hover { bottom: -10px; left: -10px; }
.xq-9 .lists li:nth-child(5) { bottom: 0; left: 0; border-radius: 0 0 3rem 0; overflow: hidden; }
.xq-9 .lists li:nth-child(5):hover { bottom: -10px; right: -10px; }

.xq-dm { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.6rem; }

.sectionsa { position: relative; }
.sectionsa:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/bg6.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; z-index: -1; border-radius: 0 0 60px 60px; }

.sectionnavt { position: relative; }

.sectionnavs { position: relative; border-bottom: 1px solid #e9e9e9; }

.sectionmain { margin: 0; }

.sectionmains { margin: 2rem 0; }

.ui-wramain { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.ui-cmcons { padding: 4rem 0; }

.cm-layout .cm-main .ui-cmcons { padding: 0; }

.ui-cmconw { padding: 4rem 0; }

.cmsatspage .picw { border-radius: 10px; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }
.cmsatspage .cmshowcon { margin: 0 0; }
.cmsatspage .hi-1 { margin: 0 0 1.5rem; }
.cmsatspage .ui-f { margin: 2rem 0 0; }

.cmsatdesk .cmtitle { display: none; }

.cmsatstpe2, .cmsatstpe3 { display: inline-block; width: 100%; }
.cmsatstpe2 .ui-c, .cmsatstpe3 .ui-c { display: flex; flex-direction: row; align-items: stretch; gap: 2rem; }
.cmsatstpe2 .picswra, .cmsatstpe3 .picswra { width: 45%; }
.cmsatstpe2 .picw, .cmsatstpe3 .picw { height: 100%; float: left; border-radius: 10px; overflow: hidden; background-repeat: no-repeat; background-position: center center; }
.cmsatstpe2 .picw img, .cmsatstpe3 .picw img { width: 100%; height: 100%; object-fit: cover; }
.cmsatstpe2 .infswra, .cmsatstpe3 .infswra { display: flex; width: 55%; align-items: center; flex: 1; }
.cmsatstpe2 .infw, .cmsatstpe3 .infw { flex: 1; }
.cmsatstpe2 .tp1, .cmsatstpe3 .tp1 { background-size: cover; }
.cmsatstpe2 .tp2, .cmsatstpe3 .tp2 { background-size: cover; }
.cmsatstpe2 .tp3, .cmsatstpe3 .tp3 { background-size: cover; }
.cmsatstpe2 .inf p, .cmsatstpe3 .inf p { color: #333; font-size: 1.14286rem; line-height: 2; }
.cmsatstpe2 .inf h1, .cmsatstpe3 .inf h1 { margin-bottom: 1.5rem; font-size: 2rem; color: #113f8b; }
.cmsatstpe2 .inf img, .cmsatstpe3 .inf img { max-width: 100%; }
.cmsatstpe2 .cmtentmap, .cmsatstpe3 .cmtentmap { margin-top: 3rem; }
.cmsatstpe2 .cmtentmap .mapwra, .cmsatstpe3 .cmtentmap .mapwra { border-radius: 10px; overflow: hidden; box-shadow: 0 8px 24px rgba(17, 63, 139, 0.12); border: 1px solid #e8edf5; }

.cmsatstpe2 .picw { margin: 0 2rem 0 0; background-position: center center; }
.cmsatstpe2 .infw { margin: 0 0 0 0; }
.cmsatstpe2 .infpart { margin-left: 2rem; }

.cmsatstpe3 .ui-c { flex-direction: row-reverse; }
.cmsatstpe3 .picw { margin: 0 0 0 2rem; background-position: center center; }
.cmsatstpe3 .infw { margin: 0 2rem 0 0; }

.contactpage .cmsatstpe3 .ui-c { padding: 2rem; background-color: #fff; border: 1px solid #e8edf5; border-radius: 10px; box-shadow: 0 2px 8px rgba(17, 63, 139, 0.08); }

.contactpage .cmtentmap { margin-top: 1.5rem; padding: 0; }
.contactpage .cmtentmap .mapwra { box-shadow: 0 2px 8px rgba(17, 63, 139, 0.08); }

.cmsatstpe4 { display: inline-block; width: 100%; }
.cmsatstpe4 .ui-c .items { display: block; padding: 0.4rem; }
.cmsatstpe4 .ui-c .picw { padding: 1rem; background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); border-radius: 0.4rem; }
.cmsatstpe4 .ui-c .pic { width: 100%; aspect-ratio: 4 / 3; }
.cmsatstpe4 .ui-c img { width: 100%; height: 100%; object-fit: contain; }
.cmsatstpe4 .ui-c .infs { display: block; padding: 1rem; }
.cmsatstpe4 .ui-c .inf { display: block; text-align: center; font-size: 1.07143rem; }
.cmsatstpe4 .ui-f { text-align: center; }

.cmsatstpe5 { display: inline-block; width: 100%; }
.cmsatstpe5 .ui-c .list { width: 100%; margin: 0 auto; }
.cmsatstpe5 .ui-c ul { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; }
.cmsatstpe5 .ui-c ul:after { content: ""; width: calc(20% - 0.5rem); }
.cmsatstpe5 .ui-c li { width: calc(20% - 0.5rem); float: left; margin: 0.5rem 0; }
.cmsatstpe5 .ui-c .items { display: block; padding: 1rem; background-color: #ffffff; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1); border-radius: 5px; }
.cmsatstpe5 .ui-c .picw { width: 100%; margin: 0 0 1rem; aspect-ratio: 4 / 3; }
.cmsatstpe5 .ui-c img { width: 100%; height: 100%; object-fit: contain; }
.cmsatstpe5 .ui-c .infs { display: flex; align-items: center; justify-content: center; height: 46px; line-height: 23px; font-size: 1.1rem; }

.cmsatstpe6 { display: inline-block; width: 100%; }
.cmsatstpe6 .ui-c .list { width: 100%; margin: 0 auto; }
.cmsatstpe6 .ui-c ul { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; }
.cmsatstpe6 .ui-c li { width: calc(16.6% - 0.5rem); float: left; margin: 0.5rem 0; }
.cmsatstpe6 .ui-c .items { display: block; padding: 1rem; background-color: #ffffff; border-radius: 5px; }
.cmsatstpe6 .ui-c .picw { width: 100%; margin: 0 0 1rem; aspect-ratio: 4 / 1; }
.cmsatstpe6 .ui-c img { width: 100%; height: 100%; object-fit: contain; }
.cmsatstpe6 .ui-c .infs { display: flex; align-items: center; justify-content: center; height: 46px; line-height: 23px; }

.cmsatstpe7 { width: 100%; }
.cmsatstpe7 li { display: flex; align-items: stretch; height: auto; min-height: 80px; }
.cmsatstpe7 .items { display: flex; align-items: stretch; justify-content: space-between; width: 100%; height: 100%; }
.cmsatstpe7 .pics { display: flex; width: 45%; max-height: 200px; align-items: center; justify-content: center; }
.cmsatstpe7 .pics img { max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 4px; transition: all 0.6s; }
.cmsatstpe7 .lins { position: relative; display: flex; width: 10%; min-height: 80px; padding: 4rem 0; align-items: center; justify-content: center; }
.cmsatstpe7 i { position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; border-left: 1px dashed #ccc; transform: translateX(-50%); }
.cmsatstpe7 b { position: relative; display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #409EFF; border: 2px solid #fff; box-shadow: 0 0 0 1px #ddd; transition: all 0.6s; z-index: 1; }
.cmsatstpe7 .infs { width: 45%; display: flex; flex-direction: column; justify-content: center; }
.cmsatstpe7 .infs .p1 { color: #113f8b; margin: 0 0 5px 0; font-size: 2.2rem; font-weight: bold; }
.cmsatstpe7 .infs .p2 { color: #333; font-size: 1.1rem; }
.cmsatstpe7 li:nth-child(odd) .pics { justify-content: flex-end; }
.cmsatstpe7 li:nth-child(even) .items { flex-direction: row-reverse; }
.cmsatstpe7 li:nth-child(even) .infs p { text-align: right; }
.cmsatstpe7 li:nth-child(even) .pics { justify-content: flex-start; }
.cmsatstpe7 li:hover b { background-color: #c91d25; }
.cmsatstpe7 li:hover .pics img { transform: scale(1.1); }
.cmsatstpe7 li:hover .infs .p1 { color: #c91d25; font-size: 2.25rem; }
.cmsatstpe7 li:hover .infs .p2 { color: #113f8b; }

.cmspace { display: inline-block; width: 100%; font-size: 0px; margin: 0 0 2rem 0; }

.cm-lianxi { display: block; border: 1px solid #cfe3fd; }
.cm-lianxi .top img { width: 100%; }
.cm-lianxi .con { padding: 1rem; }
.cm-lianxi .con p { margin: 0.3rem 0; font-size: 1rem; }
.cm-lianxi .con p.p1 { font-size: 1.14286rem; }

.cmshow h1, .cmshow h2, .cmshow h3, .cmshow h4, .cmshow h5 { margin: 0 0 0.3rem; }
.cmshow p { font-size: 1.14286rem; }
.cmshow img { width: auto !important; height: auto !important; max-width: 80% !important; }
.cmshow table { width: 100%; }
.cmshow td { padding: 0.8rem 0.6rem !important; border: 1px solid #999 !important; }
.cmshow video { max-width: 100%; }

.cm-mesview { display: inline-block; width: 100%; }
.cm-mesview ul { width: 100%; }
.cm-mesview li { display: block; margin: 0 0 1rem 0; }
.cm-mesview .topwra { padding: 0.8rem 1rem; border: 1px solid #ebe8e8; background-color: #f5f5f5; border-radius: 5px 5px 0 0; }
.cm-mesview .topw { display: inline-block; width: 100%; }
.cm-mesview .messer { float: left; }
.cm-mesview .dates { color: #999; float: right; margin: 0.15rem 0 0; font-size: 0.85714rem; font-family: arial; }
.cm-mesview .cons { display: block; padding: 0.8rem 1rem; border: 1px solid #ebe8e8; border-top: 0 none; border-radius: 0 0 5px 5px; }
.cm-mesview .answer { margin: 0 0 1rem 0; }
.cm-mesview .reply { padding: 0.8rem; font-size: 1rem; background-color: #f5f5f5; border-radius: 5px; }
.cm-mesview .reply span { color: #999; font-family: arial; }

.cm-none { padding: 2rem 0; }

.cmcount { display: block; padding: 1rem 0; }

.cmmessage { display: block; height: 303px; margin: 2rem 0 0; }
.cmmessage form { display: inline-block; width: 100%; }
.cmmessage .rail { display: block; margin: 0 0 0.8rem 0; }
.cmmessage .lab { display: none; }
.cmmessage .lab i { color: #d00; margin: 0 4px 0 0; }
.cmmessage .swra { position: relative; display: block; border: 1px solid #eeeeee; background-color: #f5f5f5; }
.cmmessage input { background-color: transparent; }
.cmmessage input::-webkit-input-placeholder { color: #999; }
.cmmessage input::-moz-placeholder { color: #999; }
.cmmessage input:-moz-placeholder { color: #999; }
.cmmessage input:-ms-input-placeholder { color: #999; }
.cmmessage textarea { background-color: transparent; }
.cmmessage textarea::-webkit-input-placeholder { color: #999; }
.cmmessage textarea::-moz-placeholder { color: #999; }
.cmmessage textarea:-moz-placeholder { color: #999; }
.cmmessage textarea:-ms-input-placeholder { color: #999; }
.cmmessage .text { color: #333; width: 100%; height: 20px; line-height: 20px; padding: 9px 0; text-indent: 13px; border: 0 none; font-size: 1rem; }
.cmmessage .textarea { color: #333; width: 100%; height: 80px; line-height: 36px; text-indent: 1rem; border: 0 none; }
.cmmessage .vcodes { position: absolute; right: 0; top: 0; display: inline-block; margin: 0 0 0 15px; padding: 5px 6px 6px; }
.cmmessage .submit { color: #ffffff; display: block; width: 100%; height: 45px; line-height: 45px; font-size: 14px; text-align: center; border: 0 none; background-color: #c91d25; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.cmmessage .submit:hover { background-color: #113f8b; }

.cmproclass { display: flex; width: 100%; padding: 0.5rem 0; border-bottom: 1px solid #eee; }
.cmproclass .tips { color: #fff; display: flex; width: 90px; float: left; padding: 0.5rem 0; font-weight: 550; font-size: 1.14286rem; background-color: #c91d25; flex-shrink: 0; align-items: center; justify-content: center; }
.cmproclass .listw { display: flex; padding: 0 0 0 2rem; align-items: center; justify-content: center; }
.cmproclass li { float: left; }
.cmproclass li.txts { margin: 0.2rem 1.1rem 0.2rem 0; }
.cmproclass li.txts a { display: inline-block; font-size: 1rem; border: 1px solid transparent; }
.cmproclass li.txts a:hover { text-decoration: underline; }
.cmproclass li.txts a.curr { color: #c91d25; text-decoration: underline; }
.cmproclass li.color { display: flex; align-items: center; justify-content: center; height: 2rem; margin: 0.15rem 0.4rem 0.15rem 0; }
.cmproclass li.color a { display: inline-block; width: 1.5rem; height: 1.5rem; font-size: 0px; overflow: hidden; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }

.cmsearch { display: inline-block; width: 100%; margin: 0 0 1rem 0; }
.cmsearch form { position: relative; display: inline-block; width: 100%; }
.cmsearch .textw { display: block; border-bottom: 1px solid #eee; }
.cmsearch .text { width: 100%; height: 2rem; padding: 0.5rem 0; border: 0 none; }
.cmsearch .submit { position: absolute; top: 0.3rem; right: 0; color: #fff; height: 2.4rem; float: right; padding: 0 1rem; border: 1px solid #c91d25; background-color: #c91d25; border-radius: 4px; }

.cmclassnav { display: block; width: 100%; }
.cmclassnav ul { display: block; }
.cmclassnav li { float: none; margin: 0; padding: 0; border-bottom: 1px solid #eef1f6; }
.cmclassnav li:last-child { border-bottom: none; }
.cmclassnav ul.ul1 { padding: 0.3rem 0 0.5rem; margin-left: 1.5rem; margin-right: 1.5rem; border-left: 1px solid #e3e9f2; }
.cmclassnav ul.ul1 li { border: none; position: relative; }
.cmclassnav ul.ul1 a { display: block; height: auto; padding: 0.5rem 0.8rem 0.5rem 1.1rem; font-size: 0.92rem; font-weight: 400; font-family: inherit; text-transform: none; letter-spacing: 0; color: #6b7a95; text-align: left; background-color: transparent !important; border-radius: 0; border-left: none; transition: color 0.25s; }
.cmclassnav ul.ul1 a::before { content: ""; position: absolute; left: -0.3rem; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background: #c6d2e4; }
.cmclassnav ul.ul1 a:hover { color: #113f8b; background-color: transparent; border-left: none; padding-left: 1.1rem; }
.cmclassnav ul.ul1 li.curr a { color: #113f8b; font-weight: 600; background-color: transparent !important; border-left: none; }
.cmclassnav ul.ul1 li.curr a::before { background: #113f8b; }
.cmclassnav a { color: #4a5568; display: flex; height: auto; padding: 0.95rem 1.4rem; font-size: 1.14286rem; font-weight: 500; text-transform: uppercase; align-items: center; justify-content: flex-start; flex-shrink: 0; background-color: transparent; border-radius: 0; border-left: 3px solid transparent; transition: all 0.25s; }
.cmclassnav a:hover { color: #113f8b; background-color: #f4f7fd; border-left-color: #113f8b; padding-left: 1.7rem; }
.cmclassnav li.curr a { color: #113f8b; font-weight: 600; background-color: #eef4fc; border-left-color: #113f8b; }

.cm-layout { display: flex; width: 100%; align-items: flex-start; gap: 2rem; }
.cm-layout .cm-side { display: flex; width: 280px; flex-direction: column; gap: 1rem; flex-shrink: 0; position: sticky; top: 1rem; align-self: flex-start; }
.cm-layout .cm-side .cm-side-panel { background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(17, 63, 139, 0.08); overflow: hidden; }
.cm-layout .cm-side .cm-side-title { color: #fff; padding: 1.2rem 1.5rem; font-size: 1.28572rem; font-weight: 600; letter-spacing: 1px; background: linear-gradient(135deg, #113f8b 0%, #1b5fb8 100%); }
.cm-layout .cm-main { flex: 1; min-width: 0; }
.cm-layout .cm-main .sectionmains { margin: 0; padding: 0.5rem 0 2rem; }
.cm-layout .cm-main .sectionmain { margin: 0; padding: 0.5rem 0 2rem; }

/* 产品列表响应式列数 */
.cm-prolist li { width: calc(25% - 1rem); }

.cm-newslist li { width: calc(25% - 1rem); }

@media (max-width: 1439px) { .cm-prolist li { width: calc(33.333% - 1rem); }
  .cm-newslist li { width: calc(33.333% - 1rem); } }
/* 1440-1599: 3列（避免卡片过窄） */
@media (min-width: 1440px) and (max-width: 1599px) { .cm-prolist li { width: calc(33.333% - 1rem); }
  .cm-newslist li { width: calc(33.333% - 1rem); } }
@media (max-width: 1079px) { .cm-layout { flex-direction: column; }
  .cm-layout .cm-side { width: 100%; }
  .cm-prolist li { width: calc(50% - 1rem); }
  .cm-newslist li { width: calc(50% - 1rem); } }
/* 平板横屏：恢复左右布局 */
@media (min-width: 1024px) and (max-width: 1079px) { .cm-layout { flex-direction: row; gap: 1.5rem; }
  .cm-layout .cm-side { width: 220px; }
  .cm-prolist li { width: calc(33.333% - 1rem); }
  .cm-newslist li { width: calc(33.333% - 1rem); } }
@media (max-width: 639px) { .cm-newslist li { width: 100%; } }
.cmclasstop { display: inline-block; width: 100%; margin-bottom: 1.5rem; }
.cmclasstop ul { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.cmclasstop li { float: left; }
.cmclasstop a { color: #fff; display: flex; padding: 0.7rem 1.1rem; align-items: center; justify-content: center; background-color: #113f8b; border-radius: 4px; }
.cmclasstop li.curr a { background-color: #c91d25; }

.cmtentmap { padding: 4rem 0 0; }

.cm-message .cmmessage .swra { border: 1px solid #ddd; background-color: #ffffff; }

.cmdmitem { width: calc(50% - 0.6rem); margin: 0.3rem 0; }
.cmdmitem .items { padding: 2rem; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(17, 63, 139, 0.08); }
.cmdmitem img { width: 100%; }
.cmdmitem h3 { margin-bottom: 1rem; }
.cmdmitem p { font-size: 1.1rem; }

.modal-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 9999; }
.modal-overlay .modal-container { position: absolute; top: 50%; left: 50%; max-width: 80%; min-width: 800px; height: 80%; background: #f3f5f8; display: flex; transform: translate(-50%, -50%); border-radius: 1rem; overflow: hidden; }
.modal-overlay .modal-container .modal-close { position: absolute; right: -40px; top: 0; border: none; background: transparent; color: #fff; font-size: 28px; cursor: pointer; }
.modal-overlay .modal-container .modal-gallerys { width: 65%; height: 100%; }
.modal-overlay .modal-container .modal-gallery { width: 100%; height: 100%; position: relative; overflow: hidden; }
.modal-overlay .modal-container .modal-gallery .gallery-track { display: flex; height: 100%; transition: transform 0.3s ease; }
.modal-overlay .modal-container .modal-gallery .gallery-track .gallery-slide { flex: 0 0 100%; display: flex; align-items: center; justify-content: center; }
.modal-overlay .modal-container .modal-gallery .gallery-track .gallery-slide img { max-width: 100%; max-height: 100%; }
.modal-overlay .modal-container .modal-gallery .gallery-arrow { position: absolute; top: 50%; margin-top: -18px; width: 36px; height: 36px; border: none; border-radius: 50%; background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 20px; cursor: pointer; }
.modal-overlay .modal-container .modal-gallery .gallery-arrow.left { left: 10px; }
.modal-overlay .modal-container .modal-gallery .gallery-arrow.right { right: 10px; }
.modal-overlay .modal-container .modal-gallery .gallery-arrow:disabled { opacity: 0.2; pointer-events: none; }
.modal-overlay .modal-container .modal-info { width: 35%; padding: 30px; overflow-y: auto; box-sizing: border-box; border-left: 1px solid #e9e9e9; background-color: #fff; }
.modal-overlay .modal-container .modal-info .tip { font-size: 1.4rem; font-weight: bold; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #e9e9e9; }
.modal-overlay .modal-container .modal-info .smy { line-height: 1.6; margin-bottom: 1.1rem; font-size: 1.2rem; }
.modal-overlay .modal-container .modal-info .con { color: #333; font-size: 1.2rem; }
.modal-overlay .modal-container .modal-info .con * { font-size: 1.2rem; }

#satsection28 table td { border: 1px solid #8fd0fe; background-color: #fff; }
#satsection28 table tr:nth-child(odd) td { background-color: #eaf6ff; }

.page-index #pg-headers { position: fixed; }

.bodyi #pg-headers { position: fixed; top: 0; left: 0; background-image: linear-gradient(to bottom, rgba(12, 50, 131, 0.6), rgba(12, 50, 131, 0.4), rgba(12, 50, 131, 0.1), rgba(12, 50, 131, 0)); transition: all 0.6s; }
.bodyi #pg-headers .ui-h { border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.bodyi #pg-headers .ui-h .website .winfo { color: #fff; font-size: 0.9rem; }
.bodyi #pg-headers .ui-h .navs .iconfont { color: #fff; }
.bodyi #pg-headers .ui-c .iteml a.bluelogo { display: none; }
.bodyi #pg-headers .ui-c .itemc a { color: #fff; }
.bodyi #pg-headers .ui-c .itemr a { color: #fff; }

.bodyo #pg-headers { position: absolute; top: 0; left: 0; background-image: linear-gradient(to bottom, rgba(12, 50, 131, 0.6), rgba(12, 50, 131, 0.4), rgba(12, 50, 131, 0.1), rgba(12, 50, 131, 0)); }
.bodyo #pg-headers .ui-h { border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.bodyo #pg-headers .ui-h .website .winfo { color: #fff; font-size: 0.9rem; }
.bodyo #pg-headers .ui-h .navs .iconfont { color: #fff; }
.bodyo #pg-headers .ui-c .iteml a.bluelogo { display: none; }
.bodyo #pg-headers .ui-c .iteml a.whitelogo { display: flex; }
.bodyo #pg-headers .ui-c .itemc a { color: #fff; }
.bodyo #pg-headers .ui-c .itemr a { color: #fff; }

.bodyscroll #pg-headers { position: fixed; top: 0; left: 0; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.08); }
.bodyscroll #pg-headers .ui-h { background-color: #113f8b; }
.bodyscroll #pg-headers .ui-h .website .iconfont { color: #fd4a36; }
.bodyscroll #pg-headers .ui-h .website .winfo { color: #fff; }
.bodyscroll #pg-headers .ui-c { background-color: #fff; }
.bodyscroll #pg-headers .ui-c .iteml a.bluelogo { display: flex; }
.bodyscroll #pg-headers .ui-c .iteml a.whitelogo { display: none; }
.bodyscroll #pg-headers .ui-c .itemc a { color: #333; }
.bodyscroll #pg-headers .ui-c .itemr a { color: #333; }

#pageo { background-color: #f7f8fc; }

/* 侧栏内容块 */
.cm-side-block .cm-side-block-title { color: #fff; padding: 1.1rem 1.4rem; font-size: 1.28572rem; font-weight: 600; letter-spacing: 1px; background: linear-gradient(135deg, #113f8b 0%, #1b5fb8 100%); }

.cm-side-prolist { padding: 0.2rem 1.2rem 1.2rem; }
.cm-side-prolist .item { display: flex; align-items: center; gap: 0.8rem; padding: 0.55rem 0; border-bottom: 1px dashed #eef1f6; }
.cm-side-prolist .item:last-child { border-bottom: none; }
.cm-side-prolist .item:hover .inf { color: #113f8b; }
.cm-side-prolist .item .pic { width: 56px; height: 56px; flex-shrink: 0; border-radius: 6px; overflow: hidden; background-color: #f4f7fd; }
.cm-side-prolist .item .pic img { width: 100%; height: 100%; object-fit: cover; }
.cm-side-prolist .item .inf { font-size: 1rem; color: #4a5568; line-height: 1.4; transition: color 0.25s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.cm-side-newslist { padding: 0.2rem 1.2rem 1.2rem; }
.cm-side-newslist .item { display: block; padding: 0.6rem 0; border-bottom: 1px dashed #eef1f6; }
.cm-side-newslist .item:last-child { border-bottom: none; }
.cm-side-newslist .item .inf { font-size: 1rem; color: #4a5568; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.25s; }
.cm-side-newslist .item .date { margin-top: 0.3rem; font-size: 0.85rem; color: #9aa5b5; }
.cm-side-newslist .item:hover .inf { color: #113f8b; }

.cm-side-imglist { padding: 0.2rem 1.2rem 1.2rem; }
.cm-side-imglist .item { display: block; margin-bottom: 0.8rem; }
.cm-side-imglist .item:last-child { margin-bottom: 0; }
.cm-side-imglist .item .pic { width: 100%; aspect-ratio: 4/3; border-radius: 6px; overflow: hidden; background-color: #f4f7fd; }
.cm-side-imglist .item .pic img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.cm-side-imglist .item .inf { margin-top: 0.4rem; font-size: 1rem; color: #4a5568; text-align: center; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.cm-side-imglist .item:hover .pic img { transform: scale(1.08); }
.cm-side-imglist .item:hover .inf { color: #113f8b; }

.cm-side-contact .cm-side-contactlist { padding: 0.4rem 1.2rem 1.2rem; }
.cm-side-contact .cm-side-contactlist .item { display: flex; align-items: flex-start; gap: 0.7rem; padding: 0.7rem 0; border-bottom: 1px dashed #eef1f6; }
.cm-side-contact .cm-side-contactlist .item:last-child { border-bottom: none; }
.cm-side-contact .cm-side-contactlist .item .iconfont { color: #113f8b; font-size: 1.2rem; line-height: 1.4; }
.cm-side-contact .cm-side-contactlist .item .inf label { display: block; font-size: 0.85rem; color: #9aa5b5; }
.cm-side-contact .cm-side-contactlist .item .inf p { font-size: 1rem; color: #4a5568; line-height: 1.5; word-break: break-all; }

/* 引入多尺寸设置 */
@media only screen and (min-width: 0px) and (max-width: 639px) { html { font-size: 13px; }
  * { font-weight: 390; }
  #pg-middles { padding: 1rem 0; }
  .cm-side .cm-side-panel:nth-child(n+2) { display: none; }
  .cm-side { position: static; }
  .ly-ct { margin: 0 1rem; }
  .ly-cm { margin: 0 1rem; padding: 1rem 0; }
  .ly-cw { padding: 1rem 1rem 0; }
  /* 移动端：只保留第一个板块，导航改为横向标签（仅一级分类） */
  .cm-side { position: static; width: 100%; background: transparent; border: none; box-shadow: none; border-radius: 0; }
  .cm-side .cm-side-panel:nth-child(n+2) { display: none; }
  .cm-side .cm-side-panel { background: #fff; border: 1px solid #e8edf5; border-radius: 10px; box-shadow: 0 2px 8px rgba(17, 63, 139, 0.08); padding: 0.7rem 0.5rem; }
  .cm-side .cm-side-panel .cm-side-title { display: none; }
  .cm-side .cmclassnav { background: transparent; box-shadow: none; border-radius: 0; }
  .cm-side .cmclassnav ul { display: flex; flex-wrap: nowrap; overflow-x: auto; padding: 0.2rem 0.3rem; gap: 0.5rem; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .cm-side .cmclassnav ul::-webkit-scrollbar { display: none; }
  .cm-side .cmclassnav ul li { display: block; border: none; flex-shrink: 0; }
  .cm-side .cmclassnav ul li a { display: inline-block; width: auto; padding: 0.4rem 0.9rem; font-size: 0.95rem; font-weight: 500; white-space: nowrap; color: #4a5568; background: #f3f6fb; border: 1px solid #e3e9f2; border-radius: 20px; text-transform: none; transition: all 0.25s; }
  .cm-side .cmclassnav ul li a:hover { color: #113f8b; background: #eef4fc; border-color: #b9cdf0; }
  .cm-side .cmclassnav ul li.curr a { color: #fff; font-weight: 600; background: linear-gradient(135deg, #113f8b 0%, #1b5fb8 100%); border-color: #113f8b; box-shadow: 0 2px 6px rgba(17, 63, 139, 0.2); }
  .cm-side .cmclassnav ul li ul.ul1 { display: none; }
  #pg-headers .ui-h { position: relative; }
  #pg-headers .ui-h .navs { display: none; }
  #pg-headers .ui-c .itemc { display: none; }
  #pg-banners .ui-c .webvid { aspect-ratio: 1.8; }
  #pg-footers .ui-h { padding: 2rem 0; }
  #pg-footers .ui-h .contact { display: inline-block; }
  #pg-footers .ui-h .itemsw { margin-bottom: 0.5rem; justify-content: flex-start; }
  #pg-footers .ui-h .icons { width: 40px; height: 40px; flex-shrink: 0; }
  #pg-footers .ui-h p.p2 { font-size: 1rem; }
  #pg-footers .ui-c { display: none; }
  #pg-footers .ui-f { padding-bottom: 4rem; }
  #pg-footers .ui-f .ly-mi { padding: 1rem 0; border-top: 0 none; }
  #pg-bannero .txts { height: 22vh; }
  #pg-bannero .txt { margin-top: 0; }
  #pg-bannero p.p2 { font-size: 2rem; }
  #pg-bannero .imgs { height: 22vh; }
  #pg-fotnavs { display: inline-block; width: 100%; }
  #bodywap #pg-headers { position: relative; }
  #bodywap #pg-headers .ui-h { height: 30px; background-color: #113f8b; }
  #bodywap #pg-headers .ui-c { height: auto; background-color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12); }
  #bodywap #pg-headers .ui-c .iteml a.whitelogo { display: none; }
  #bodywap #pg-headers .ui-c .iteml a.bluelogo { display: flex; align-items: center; justify-content: center; height: 65px; }
  #bodywap #pg-headers .ui-c .iteml img { height: 3.2rem; }
  #bodywap #pg-headers .ui-c .itemr a { color: #333; }
  #bodywap #pg-headers .ui-c .itemr .search { color: #113f8b; }
  .laysection2 { background-position: right bottom; background-size: 40%; }
  .laysection3 { background-position: 70% center; }
  .sectionnavs { top: 0; padding: 1rem 0; margin: 0; background-color: transparent; box-shadow: none; }
  .sectionmains { margin: 0 0 0; }
  .sectionmain { background-color: #f7f8fc; }
  .sectionwhite { background-color: #f7f8fc; }
  .layout-article { width: 100%; }
  .layout-aside { display: none; }
  .layout-flex { gap: 0; }
  .xm-head { margin-bottom: 1rem; }
  .xm-hd1 { margin-top: 1rem; }
  .xm-hd1 .xm-ctip.cn { font-size: 1.6rem; }
  .xm-hd1 .xm-ctip.en { font-size: 1.3rem; }
  .xm-hd1 .xm-ctip { margin-right: 0.6rem 0; }
  .xm-hd1 .xm-ftip { font-size: 0.9rem; }
  .cycon1 p { line-height: 1.5; }
  .xq-1 { padding: 1rem 0 0; }
  .xq-1 .ui-h .list { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
  .xq-1 .ui-h .itemw { width: 100%; }
  .xq-1 .ui-h .itemw:first-child { margin-bottom: 0; }
  .xq-1 .ui-h .items { padding: 1rem; gap: 0.8rem; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
  .xq-1 .ui-h .pics { width: 8vw; height: 8vw; padding: 0.4rem; }
  .xq-1 .ui-h .infwcn { margin-bottom: 0.5rem; font-size: 1rem; }
  .xq-1 .ui-h .infwen { font-size: 0.8rem; }
  .xq-2 { padding: 2rem 0; }
  .xq-2 .ui-c { display: inline-block; }
  .xq-2 .ui-c .layleft { margin-right: 0; }
  .xq-2 .cmimgshow { width: 100%; }
  .xq-2 .cmimgshow .lomo { display: none; }
  .xq-2 .cmimgshow .bigimg { width: 100%; height: 35vh; }
  .xq-2 .cmimgshow .smallimg { display: none; }
  .xq-2 .cmcomshow { width: 100%; }
  .xq-2 .cmcomshow .layright { margin-left: 0; }
  .xq-2 .cmcomshow .cylist ul li { width: 100%; }
  .xq-2 .companys ul { flex-wrap: wrap; }
  .xq-2 .companys li { width: calc(50% - 1rem); }
  .xq-2 .companys .pics { position: relative; display: block; padding: 0.4rem; }
  .xq-2 .companys .tips { height: 2.8rem; line-height: 1.4; padding: 0.6rem; font-size: 1rem; }
  .xq-2 .companys .lomo { width: 1.2rem; height: 1.2rem; }
  .xq-3 .ui-h { height: auto; margin-top: 2rem; padding-bottom: 2rem; }
  .xq-3 .ui-h .circles { width: 20vw; height: 20vw; }
  .xq-3 .ui-h .circles .circle { width: calc(20vw - 1rem); height: calc(20vw - 1rem); border: 2px solid rgba(255, 255, 255, 0.2); }
  .xq-3 .ui-h .tips { width: 100%; font-size: 1.4rem; }
  .xq-3 .ui-c { display: inline-block; width: 100%; }
  .xq-3 .ui-c .itemw { width: 100%; height: auto; padding: 1rem 0; border-right: 0 none; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); }
  .xq-3 .ui-c .itemw:hover { width: 100%; }
  .xq-3 .ui-c .tip { height: auto; margin-bottom: 0.6rem; font-size: 1.3rem; }
  .xq-3 .ui-c .tip.cn { height: auto; }
  .xq-3 .ui-c .tip.en { height: auto; }
  .xq-3 .ui-c .con { font-size: 0.9rem; }
  .xq-3 .ui-c .con.en { min-height: auto; }
  .xq-4 { padding: 2rem 0; }
  .xq-4 .itemlist { width: 100%; }
  .xq-4 .itemlist:nth-child(1) { margin-bottom: 1rem; }
  .xq-4 .itemlist:nth-child(1) .itemwra { margin-right: 0; }
  .xq-4 .itemlist:nth-child(2) .itemwra { margin-left: 0; }
  .xq-4 .head .font { height: auto; padding: 0; font-size: 1.6rem; justify-content: flex-start; }
  .xq-4 .list .infwra { display: none; }
  .xq-4 .list .itemw { padding: 0.2rem; }
  .xq-5 .items { padding: 2rem; }
  .xq-5 .items:hover .item { bottom: 0; }
  .xq-5 .itemb { display: flex; height: 30vh; min-height: 30vh; align-items: center; justify-content: center; }
  .xq-5 .item { position: relative; }
  .xq-5 .tipen { font-size: 1rem; }
  .xq-5 .tipcn { font-size: 1.6rem; font-weight: bold; }
  .xq-5 .tipco { height: auto; font-size: 1rem; }
  .xq-6 { padding: 1rem 0; }
  .xq-6 .cmlist ul { gap: 0.5rem; }
  .xq-6 .cmlist li { width: calc(50% - 0.5rem); }
  .xq-6 .cmlist .infs { padding: 1rem 0; }
  .xq-7 { margin: 2rem 0; }
  .xq-7 .ui-c ul { gap: 0.5rem; }
  .xq-7 .ui-c li { width: calc(33.3% - 0.5rem); }
  .xq-7 .ui-c li:nth-child(9) { display: none; }
  .xq-7 .ui-c a { padding: 0; }
  .xq-7 .ui-c .infs { margin-top: 0.5rem; }
  .xq-8 { margin: 1rem 0; }
  .xq-8 .ui-c .dates { font-size: 0.9rem; }
  .xq-8 .ui-c .tips { line-height: 1.4; font-size: 1.25rem; font-weight: 500; }
  .xq-8 .ui-c .smys { height: auto; line-height: 1.5; margin-bottom: 2rem; font-size: 1rem; }
  .xq-8 .ui-c .more { display: none; }
  .xq-9 .ui-c { padding: 1rem; }
  .xq-9 .ui-w { display: inline-block; width: 100%; }
  .xq-9 .infos { width: 100%; }
  .xq-9 .infos .p1 { margin-bottom: 1rem; font-size: 1.4rem; }
  .xq-9 .infos .p2 { margin-bottom: 2rem; font-size: 1rem; }
  .xq-9 .infos .p3 a { padding: 0.3rem 1rem; font-size: 0.9rem; }
  .xq-9 .lists { width: 100%; margin-bottom: 1rem; }
  .xq-9 .lists li:first-child { border-radius: 1rem; }
  .xq-9 .lists li:first-child a { border-radius: 1rem; }
  .xq-9 .lists li:nth-child(2) { border-radius: 1rem 0 0 0; }
  .xq-9 .lists li:nth-child(3) { border-radius: 0 1rem 0 0; }
  .xq-9 .lists li:nth-child(4) { border-radius: 0 0 0 1rem; }
  .xq-9 .lists li:nth-child(5) { border-radius: 0 0 2rem 0; }
  .xq-dm { display: inline-block; width: 100%; }
  .cmdmitem { width: 100%; margin: 0.8rem 0; }
  .cmdmitem .items { padding: 1.2rem; border-radius: 4px; }
  .cm-newslist ul { gap: 1rem; }
  .cm-newslist li { width: calc(50% - 0.5rem); margin-bottom: 1rem; }
  .cm-newslist a.items { padding: 1rem; }
  .cm-newsshow { padding: 1rem; }
  .cmnewstip h1 { font-size: 1.3rem; }
  .cm-prolist ul { gap: 1rem; }
  .cm-prolist li { width: calc(50% - 0.5rem); }
  .cm-prolist a { background-color: #fff; }
  .cm-prowra { padding: 1rem; }
  .cm-ptop .ui-c { display: inline-block; width: 100%; gap: 0; }
  .cm-ptop .picswra { width: 100%; margin-bottom: 1rem; }
  .cm-ptop .infswra { width: 100%; }
  .cm-ptop .infsw { margin: 0; }
  .cm-ptop .tip h1 { font-size: 1.6rem; }
  .cm-ptop .callme { padding: 1rem 0; }
  .cm-ptop .callme .phone { clear: both; display: inline-block; width: 100%; }
  .cmclassnav { display: block; width: 100%; }
  .cmclassnav ul { display: block; width: 100%; }
  .cmclassnav li { border-bottom: 1px solid #eef1f6; }
  .cmclassnav li:last-child { border-bottom: none; }
  .cmclassnav a { color: #4a5568; height: auto; padding: 0.8rem 1.2rem; font-size: 1rem; background-color: transparent; border-radius: 0; border-left: 3px solid transparent; }
  .cmclassnav a:hover { color: #113f8b; background-color: #f4f7fd; border-left-color: #113f8b; }
  .cmclassnav li.curr a { color: #113f8b; font-weight: 600; background-color: #eef4fc; border-left-color: #113f8b; }
  .cmclasstop a { padding: 0.4rem 0.8rem; font-size: 1rem; }
  .ui-cmconw { padding: 2rem 0; }
  .ui-cmcons { padding: 0; }
  .cmsatstpe2 .ui-c, .cmsatstpe3 .ui-c { flex-direction: column; }
  .cmsatstpe2 .picswra, .cmsatstpe3 .picswra { width: 100%; margin: 0; }
  .cmsatstpe2 .picswra .picw, .cmsatstpe3 .picswra .picw { display: inline-block; margin: 0; }
  .cmsatstpe2 .infswra, .cmsatstpe3 .infswra { width: 100%; margin-top: 1.5rem; }
  .cmsatstpe2 .infw, .cmsatstpe3 .infw { margin: 0; }
  .cmsatstpe2 .infpart, .cmsatstpe3 .infpart { margin-left: 0; }
  .cmtitle { margin-bottom: 1rem; }
  .cmtitle .tips { padding: 0; font-size: 1.5rem; }
  .cmshowcon h1 { font-size: 1.5rem; }
  .cmshowcon img { max-width: 100% !important; }
  .cmshow img { max-width: 100% !important; }
  .modal-overlay .modal-container { flex-direction: column; max-height: 95vh; min-width: 95%; background-color: #fff; }
  .modal-overlay .modal-container .modal-gallerys { width: 100%; height: 40%; }
  .modal-overlay .modal-container .modal-gallery { flex: 0 0 45%; min-height: 220px; }
  .modal-overlay .modal-container .modal-info { width: 100%; padding: 18px 16px; }
  .modal-overlay .modal-container .modal-info .title { font-size: 19px; }
  .cm-newslist li { width: 100%; margin-bottom: 1rem; }
  .cm-layout { gap: 1rem; }
  .cm-layout .cm-side { border-radius: 8px; position: static; } }
@media only screen and (min-width: 640px) and (max-width: 1079px) { html { font-size: 13px; }
  #pg-middles { padding: 1.5rem 0; }
  .ly-ct { margin: 0 1rem; }
  .ly-cm { margin: 0 1rem; padding: 1rem 0; }
  .ly-cw { padding: 1rem 1rem 0; }
  /* 移动端：只保留第一个板块，导航改为横向标签（仅一级分类） */
  .cm-side { position: static; width: 100%; background: transparent; border: none; box-shadow: none; border-radius: 0; }
  .cm-side .cm-side-panel:nth-child(n+2) { display: none; }
  .cm-side .cm-side-panel { background: #fff; border: 1px solid #e8edf5; border-radius: 10px; box-shadow: 0 2px 8px rgba(17, 63, 139, 0.08); padding: 0.7rem 0.5rem; }
  .cm-side .cm-side-panel .cm-side-title { display: none; }
  .cm-side .cmclassnav { background: transparent; box-shadow: none; border-radius: 0; }
  .cm-side .cmclassnav ul { display: flex; flex-wrap: nowrap; overflow-x: auto; padding: 0.2rem 0.3rem; gap: 0.5rem; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .cm-side .cmclassnav ul::-webkit-scrollbar { display: none; }
  .cm-side .cmclassnav ul li { display: block; border: none; flex-shrink: 0; }
  .cm-side .cmclassnav ul li a { display: inline-block; width: auto; padding: 0.4rem 0.9rem; font-size: 0.95rem; font-weight: 500; white-space: nowrap; color: #4a5568; background: #f3f6fb; border: 1px solid #e3e9f2; border-radius: 20px; text-transform: none; transition: all 0.25s; }
  .cm-side .cmclassnav ul li a:hover { color: #113f8b; background: #eef4fc; border-color: #b9cdf0; }
  .cm-side .cmclassnav ul li.curr a { color: #fff; font-weight: 600; background: linear-gradient(135deg, #113f8b 0%, #1b5fb8 100%); border-color: #113f8b; box-shadow: 0 2px 6px rgba(17, 63, 139, 0.2); }
  .cm-side .cmclassnav ul li ul.ul1 { display: none; }
  #pg-headers .ui-h { position: relative; }
  #pg-headers .ui-h .navs { display: none; }
  #pg-headers .ui-c .itemc { display: none; }
  #pg-banners .ui-c .webvid { aspect-ratio: 1.8; }
  #pg-footers .ui-h { padding: 2rem 0; }
  #pg-footers .ui-h .contact { display: inline-block; }
  #pg-footers .ui-h .itemsw { margin-bottom: 0.5rem; justify-content: flex-start; }
  #pg-footers .ui-h .icons { width: 40px; height: 40px; flex-shrink: 0; }
  #pg-footers .ui-h p.p2 { font-size: 1rem; }
  #pg-footers .ui-c { display: none; }
  #pg-footers .ui-f { padding-bottom: 4rem; }
  #pg-footers .ui-f .ly-mi { padding: 1rem 0; border-top: 0 none; }
  #pg-bannero .txts { height: 22vh; }
  #pg-bannero .txt { margin-top: 0; }
  #pg-bannero p.p2 { font-size: 2rem; }
  #pg-bannero .imgs { height: 22vh; }
  #pg-fotnavs { display: inline-block; width: 100%; }
  #bodywap #pg-headers { position: relative; }
  #bodywap #pg-headers .ui-h { height: 30px; background-color: #113f8b; }
  #bodywap #pg-headers .ui-c { height: auto; background-color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12); }
  #bodywap #pg-headers .ui-c .iteml a.whitelogo { display: none; }
  #bodywap #pg-headers .ui-c .iteml a.bluelogo { display: flex; align-items: center; justify-content: center; height: 65px; }
  #bodywap #pg-headers .ui-c .iteml img { height: 3.2rem; }
  #bodywap #pg-headers .ui-c .itemr a { color: #333; }
  #bodywap #pg-headers .ui-c .itemr .search { color: #113f8b; }
  .laysection2 { background-position: right bottom; background-size: 40%; }
  .laysection3 { background-position: 70% center; }
  .sectionnavs { top: 0; padding: 1rem 0; margin: 0; background-color: transparent; box-shadow: none; }
  .sectionmains { margin: 0 0 0; }
  .sectionmain { background-color: #f7f8fc; }
  .sectionwhite { background-color: #f7f8fc; }
  .layout-article { width: 100%; }
  .layout-aside { display: none; }
  .layout-flex { gap: 0; }
  .xm-head { margin-bottom: 1rem; }
  .xm-hd1 { margin-top: 1rem; }
  .xm-hd1 .xm-ctip.cn { font-size: 1.6rem; }
  .xm-hd1 .xm-ctip.en { font-size: 1.3rem; }
  .xm-hd1 .xm-ctip { margin-right: 0.6rem 0; }
  .xm-hd1 .xm-ftip { font-size: 0.9rem; }
  .cycon1 p { line-height: 1.5; }
  .xq-1 { padding: 1rem 0 0; }
  .xq-1 .ui-h .list { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
  .xq-1 .ui-h .itemw { width: 100%; }
  .xq-1 .ui-h .itemw:first-child { margin-bottom: 0; }
  .xq-1 .ui-h .items { padding: 1rem; gap: 0.8rem; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
  .xq-1 .ui-h .pics { width: 8vw; height: 8vw; padding: 0.4rem; }
  .xq-1 .ui-h .infwcn { margin-bottom: 0.5rem; font-size: 1rem; }
  .xq-1 .ui-h .infwen { font-size: 0.8rem; }
  .xq-2 { padding: 2rem 0; }
  .xq-2 .ui-c { display: inline-block; }
  .xq-2 .ui-c .layleft { margin-right: 0; }
  .xq-2 .cmimgshow { width: 100%; }
  .xq-2 .cmimgshow .lomo { display: none; }
  .xq-2 .cmimgshow .bigimg { width: 100%; height: 35vh; }
  .xq-2 .cmimgshow .smallimg { display: none; }
  .xq-2 .cmcomshow { width: 100%; }
  .xq-2 .cmcomshow .layright { margin-left: 0; }
  .xq-2 .cmcomshow .cylist ul li { width: 100%; }
  .xq-2 .companys ul { flex-wrap: wrap; }
  .xq-2 .companys li { width: calc(50% - 1rem); }
  .xq-2 .companys .pics { position: relative; display: block; padding: 0.4rem; }
  .xq-2 .companys .tips { height: 2.8rem; line-height: 1.4; padding: 0.6rem; font-size: 1rem; }
  .xq-2 .companys .lomo { width: 1.2rem; height: 1.2rem; }
  .xq-3 .ui-h { height: auto; margin-top: 2rem; padding-bottom: 2rem; }
  .xq-3 .ui-h .circles { width: 20vw; height: 20vw; }
  .xq-3 .ui-h .circles .circle { width: calc(20vw - 1rem); height: calc(20vw - 1rem); border: 2px solid rgba(255, 255, 255, 0.2); }
  .xq-3 .ui-h .tips { width: 100%; font-size: 1.4rem; }
  .xq-3 .ui-c { display: inline-block; width: 100%; }
  .xq-3 .ui-c .itemw { width: 100%; height: auto; padding: 1rem 0; border-right: 0 none; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); }
  .xq-3 .ui-c .itemw:hover { width: 100%; }
  .xq-3 .ui-c .tip { height: auto; margin-bottom: 0.6rem; font-size: 1.3rem; }
  .xq-3 .ui-c .tip.cn { height: auto; }
  .xq-3 .ui-c .tip.en { height: auto; }
  .xq-3 .ui-c .con { font-size: 0.9rem; }
  .xq-3 .ui-c .con.en { min-height: auto; }
  .xq-4 { padding: 2rem 0; }
  .xq-4 .itemlist { width: 100%; }
  .xq-4 .itemlist:nth-child(1) { margin-bottom: 1rem; }
  .xq-4 .itemlist:nth-child(1) .itemwra { margin-right: 0; }
  .xq-4 .itemlist:nth-child(2) .itemwra { margin-left: 0; }
  .xq-4 .head .font { height: auto; padding: 0; font-size: 1.6rem; justify-content: flex-start; }
  .xq-4 .list .infwra { display: none; }
  .xq-4 .list .itemw { padding: 0.2rem; }
  .xq-5 .items { padding: 2rem; }
  .xq-5 .items:hover .item { bottom: 0; }
  .xq-5 .itemb { display: flex; height: 30vh; min-height: 30vh; align-items: center; justify-content: center; }
  .xq-5 .item { position: relative; }
  .xq-5 .tipen { font-size: 1rem; }
  .xq-5 .tipcn { font-size: 1.6rem; font-weight: bold; }
  .xq-5 .tipco { height: auto; font-size: 1rem; }
  .xq-6 { padding: 1rem 0; }
  .xq-6 .cmlist ul { gap: 0.5rem; }
  .xq-6 .cmlist li { width: calc(50% - 0.5rem); }
  .xq-6 .cmlist .infs { padding: 1rem 0; }
  .xq-7 { margin: 2rem 0; }
  .xq-7 .ui-c ul { gap: 0.5rem; }
  .xq-7 .ui-c li { width: calc(33.3% - 0.5rem); }
  .xq-7 .ui-c li:nth-child(9) { display: none; }
  .xq-7 .ui-c a { padding: 0; }
  .xq-7 .ui-c .infs { margin-top: 0.5rem; }
  .xq-8 { margin: 1rem 0; }
  .xq-8 .ui-c .dates { font-size: 0.9rem; }
  .xq-8 .ui-c .tips { line-height: 1.4; font-size: 1.25rem; font-weight: 500; }
  .xq-8 .ui-c .smys { height: auto; line-height: 1.5; margin-bottom: 2rem; font-size: 1rem; }
  .xq-8 .ui-c .more { display: none; }
  .xq-9 .ui-c { padding: 1rem; }
  .xq-9 .ui-w { display: inline-block; width: 100%; }
  .xq-9 .infos { width: 100%; }
  .xq-9 .infos .p1 { margin-bottom: 1rem; font-size: 1.4rem; }
  .xq-9 .infos .p2 { margin-bottom: 2rem; font-size: 1rem; }
  .xq-9 .infos .p3 a { padding: 0.3rem 1rem; font-size: 0.9rem; }
  .xq-9 .lists { width: 100%; margin-bottom: 1rem; }
  .xq-9 .lists li:first-child { border-radius: 1rem; }
  .xq-9 .lists li:first-child a { border-radius: 1rem; }
  .xq-9 .lists li:nth-child(2) { border-radius: 1rem 0 0 0; }
  .xq-9 .lists li:nth-child(3) { border-radius: 0 1rem 0 0; }
  .xq-9 .lists li:nth-child(4) { border-radius: 0 0 0 1rem; }
  .xq-9 .lists li:nth-child(5) { border-radius: 0 0 2rem 0; }
  .xq-dm { display: inline-block; width: 100%; }
  .cmdmitem { width: 100%; margin: 0.8rem 0; }
  .cmdmitem .items { padding: 1.2rem; border-radius: 4px; }
  .cm-newslist ul { gap: 1rem; }
  .cm-newslist li { width: calc(50% - 0.5rem); margin-bottom: 1rem; }
  .cm-newslist a.items { padding: 1rem; }
  .cm-newsshow { padding: 1rem; }
  .cmnewstip h1 { font-size: 1.3rem; }
  .cm-prolist ul { gap: 1rem; }
  .cm-prolist li { width: calc(50% - 0.5rem); }
  .cm-prolist a { background-color: #fff; }
  .cm-prowra { padding: 1rem; }
  .cm-ptop .ui-c { display: inline-block; width: 100%; gap: 0; }
  .cm-ptop .picswra { width: 100%; margin-bottom: 1rem; }
  .cm-ptop .infswra { width: 100%; }
  .cm-ptop .infsw { margin: 0; }
  .cm-ptop .tip h1 { font-size: 1.6rem; }
  .cm-ptop .callme { padding: 1rem 0; }
  .cm-ptop .callme .phone { clear: both; display: inline-block; width: 100%; }
  .cmclassnav { display: block; width: 100%; }
  .cmclassnav ul { display: block; width: 100%; }
  .cmclassnav li { border-bottom: 1px solid #eef1f6; }
  .cmclassnav li:last-child { border-bottom: none; }
  .cmclassnav a { color: #4a5568; height: auto; padding: 0.8rem 1.2rem; font-size: 1rem; background-color: transparent; border-radius: 0; border-left: 3px solid transparent; }
  .cmclassnav a:hover { color: #113f8b; background-color: #f4f7fd; border-left-color: #113f8b; }
  .cmclassnav li.curr a { color: #113f8b; font-weight: 600; background-color: #eef4fc; border-left-color: #113f8b; }
  .cmclasstop a { padding: 0.4rem 0.8rem; font-size: 1rem; }
  .ui-cmconw { padding: 2rem 0; }
  .ui-cmcons { padding: 0; }
  .cmsatstpe2 .ui-c, .cmsatstpe3 .ui-c { flex-direction: column; }
  .cmsatstpe2 .picswra, .cmsatstpe3 .picswra { width: 100%; margin: 0; }
  .cmsatstpe2 .picswra .picw, .cmsatstpe3 .picswra .picw { display: inline-block; margin: 0; }
  .cmsatstpe2 .infswra, .cmsatstpe3 .infswra { width: 100%; margin-top: 1.5rem; }
  .cmsatstpe2 .infw, .cmsatstpe3 .infw { margin: 0; }
  .cmsatstpe2 .infpart, .cmsatstpe3 .infpart { margin-left: 0; }
  .cmtitle { margin-bottom: 1rem; }
  .cmtitle .tips { padding: 0; font-size: 1.5rem; }
  .cmshowcon h1 { font-size: 1.5rem; }
  .cmshowcon img { max-width: 100% !important; }
  .cmshow img { max-width: 100% !important; }
  .modal-overlay .modal-container { flex-direction: column; max-height: 95vh; min-width: 95%; background-color: #fff; }
  .modal-overlay .modal-container .modal-gallerys { width: 100%; height: 40%; }
  .modal-overlay .modal-container .modal-gallery { flex: 0 0 45%; min-height: 220px; }
  .modal-overlay .modal-container .modal-info { width: 100%; padding: 18px 16px; }
  .modal-overlay .modal-container .modal-info .title { font-size: 19px; }
  .cm-layout { gap: 1.5rem; } }
@media only screen and (min-width: 1080px) and (max-width: 1279px) { html { font-size: 13px; }
  .ly-ct { width: 960px; }
  #pg-middles { padding: 2rem 0; }
  .cm-layout .cm-side { width: 240px; } }
@media only screen and (min-width: 1280px) and (max-width: 1439px) { html { font-size: 13px; }
  .ly-ct { width: 1150px; }
  #pg-middles { padding: 2.5rem 0; } }
@media only screen and (min-width: 1440px) and (max-width: 1599px) { html { font-size: 14px; }
  .ly-ct { width: 1280px; }
  #pg-middles { padding: 3rem 0; } }
@media only screen and (min-width: 1600px) and (max-width: 1920px) { html { font-size: 14px; }
  .ly-ct { width: 1500px; }
  #pg-middles { padding: 3.5rem 0; } }
@media only screen and (min-width: 1921px) { html { font-size: 14px; }
  .ly-ct { width: 1800px; }
  #pg-middles { padding: 4rem 0; } }

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