/* English single-page layout. Depends on the existing /syrm/global20170407.css. */
html, body { min-width: 0; }
body { color: #333; font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.95; }
.top_nav { background: #fff; border-bottom: 1px solid #ccc; }
.top_nav, .top_nav a { font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; font-size: 12px; line-height: 28px; }
.english-site-header { width: 1238px; height: auto; min-height: 0; margin: 0 auto; overflow: hidden; }
.english-site-header .logo { float: none; width: 350px; }
.english-site-header .logo a { display: flex; flex-direction: column; color: #333; text-decoration: none; }
.english-site-header .logo img { display: block; width: 100%; }
.english-site-header .logo span { margin-top: 13px; color: #333; font-size: 15px; line-height: 1.45; text-align: center; white-space: nowrap; }
.english-main-nav { width: 1159px; margin: 0 auto; }
.english-main-nav .nav-main { display: flex !important; float: none !important; align-items: center; justify-content: center; margin: 0; padding: 0; }
.english-main-nav .nav-main li { float: none !important; width: 145px !important; min-width: 0 !important; list-style: none; }
.english-main-nav .nav-main a { display: block; width: 100% !important; height: 50px; padding: 0; color: #fff; font-size: 18px; line-height: 50px; text-decoration: none; white-space: nowrap; }
.english-main-nav .nav-main a:hover, .english-main-nav .nav-main a.current-en { background: #4a91c7; color: #fff; font-weight: 700; }
.english-main-nav .nav-main li.nav-sep { width: auto !important; min-width: 0 !important; padding: 0 20px; color: #fff; font-size: 20px; line-height: 50px; }
.banner_01, .banner_01 .swiper-slide { height: 627px; }
.banner_01 .swiper-slide { display: block; width: 100%; object-fit: fill; }
.english-page-shell { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 16px; width: 1159px; margin: 28px auto 60px; }
.english-page-shell .hwg_tit { flex: 0 0 100%; width: 100%; margin: 0 0 12px; font-size: 16px; line-height: 1.5; }
.english-page-shell .hwg_tit em { font-style: normal; }
.english-left-menu { flex: 0 0 232px; width: 232px; border: 1px solid #d9e1e8; padding: 12px; }
.english-slider-nav { margin: 0; padding: 0; }
.english-slider-nav li { margin: 0 0 5px; list-style: none; }
.english-slider-nav a { display: block; padding: 10px 16px; background: #e5eaee; color: #348bd0; font-size: 18px; line-height: 1.55; text-align: center; text-decoration: none; }
.english-slider-nav a:hover, .english-slider-nav a.hover { background: #4d97ca; color: #fff; font-weight: 700; }
.english-article { flex: 1 1 0; min-width: 0; border: 1px solid #d9e1e8; padding: 18px 28px 36px; }
.english-article h1 { margin: 0 0 16px; color: #1493f5; font-size: 25px; line-height: 1.45; text-align: center; }
.english-article h6 { display: flex; justify-content: center; gap: 48px; margin: 0 0 22px; padding: 10px 15px; background: #e5eaee; color: #536272; font-size: 14px; font-weight: 400; line-height: 1.5; }
.english-article .news_cont_d_wrap { font-size: 16px; line-height: 1.95; }
.english-article .news_cont_d_wrap p { margin: 0 0 20px; }
.english-article .news_cont_d_wrap h2 { margin: 28px 0 14px; color: #2490f0; font-size: 22px; line-height: 1.45; }
.english-article .news_cont_d_wrap h3 { margin: 22px 0 12px; color: #2490f0; font-size: 19px; line-height: 1.45; }
.english-article .news_cont_d_wrap ol, .english-article .news_cont_d_wrap ul { margin: 0 0 20px 24px; }
.english-article .news_cont_d_wrap li { margin-bottom: 8px; }
.english-article .news_cont_d_wrap img { max-width: 100%; height: auto; }
.english-article .news_cont_d_wrap .english-map-heading { margin: 0 0 12px; color: #3d3d3d; font-size: 18px; font-weight: 700; line-height: 1.45; }
.english-article .news_cont_d_wrap .english-map-title { margin: 0 0 12px; color: #3d3d3d; font-size: 18px; font-weight: 700; line-height: 1.45; text-align: center; }
@media (max-width: 1180px) { .english-site-header, .english-main-nav, .english-page-shell { width: 96%; } .banner_01, .banner_01 .swiper-slide { height: auto; min-height: 300px; } }
@media (max-width: 760px) { .english-main-nav .nav-main { flex-wrap: wrap; } .english-main-nav .nav-sep { display: none; } .english-main-nav .nav-main a { padding: 0 12px; font-size: 16px; } .english-page-shell { display: block; } .english-left-menu { width: auto; margin-bottom: 16px; } .english-article { padding: 16px; } .english-article h6 { flex-direction: column; gap: 5px; text-align: center; } }