/*
Theme Name: BYSeaClean
Theme URI: https://www.byseaclean.com
Author: BYSeaClean
Description: 宝裕国际海洋环保 - 精确还原原站风格的 WordPress 主题（v2，基于真实源码）
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: byseaclean
*/

@charset "utf-8";

body { padding: 0; margin: 0 auto; color: #333; font-size: 12px; line-height: 22px; font-family: Arial; background: #d4e4f0 url('assets/img/top-bg-fallback.jpg') repeat-x left top; }

table { border: 0; }
td { font-size: 12px; }
img { border: 0; }
dl, ol, ul { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-size: 12px; font-weight: normal; }
li { list-style: none; }
em { font-style: normal; }
select { font-size: 12px; color: #727272; }
input { font-size: 12px; }

a { text-decoration: none; color: #333; }
a:hover { color: #b29230; text-decoration: underline; }
.clear { display: block; clear: both; height: 1px; width: 1px; font-size: 1px; line-height: 1px; }

.Body { width: 972px; margin: 0 auto; }

/* ═══════════════ 头部 ═══════════════ */
.Top { }
.Top_login { height: 27px; padding-top: 3px; }
.Top_login b { color: #2b3751; }
.Top_loginLeft { float: left; }
.Top_loginLeft em { color: #007cb5; }
.Top_loginLeft em a { margin: 0 4px; color: #007cb5; }
.Top_loginLeft em a:hover { text-decoration: underline; }
.Top_loginRight { float: right; }

.Top_box  { text-align: center; vertical-align: top; background: #fff; width: 70px; padding: 0 5px 2px 10px; font-size: 12px; border: solid 1px #c7d8e3; color: #a0a0a0; margin-right: 5px; }
.Top_box2 { text-align: center; vertical-align: top; background: #fff; width: 70px; padding: 0 5px 2px 10px; font-size: 12px; border: solid 1px #d5d5d5; color: #a0a0a0; margin-right: 5px; }
.Top_box3 { text-align: center; vertical-align: top; background: #fff; width: 90px; padding: 0 5px 2px 10px; font-size: 12px; border: solid 1px #d5d5d5; color: #a0a0a0; margin-right: 5px; }
.Top_btn  { width: 64px; height: 19px; background: #2872b5; color: #fff; border: none; margin-right: 4px; cursor: pointer; }

.Top_logo { padding: 8px 0 0 0; height: 55px; }
.Top_logoLeft { float: left; }
.Top_logoRight { float: right; padding-top: 5px; width: 588px; }

.Top_logoRight ul li { border-right: dashed 1px #e1e1e1; float: left; width: 203px; display: block; }
.Top_logoRight ul li b { display: block; float: left; width: 55px; font-weight: bold; color: #333; }
.Top_logoRight ul li a { display: block; float: left; padding: 0 0 0 4px; }
.Top_logoRight ul li em { padding: 0 8px 0 0; display: block; }
.Top_logoRight ul li a:hover { background: #3c72b5; padding: 0 0 0 4px; color: #fff; text-decoration: none; }
.Top_logoRight ul li a:hover em { background: #3c72b5; padding: 0 8px 0 0; }
.Top_logoRight ul .Last_li { border: none; padding: 0 0 0 8px; width: 375px; }

.Top_navBg { height: 27px; background: #2872b5; }

.Top_menu { float: left; width: 725px; }
.Top_menu a { color: #fff; border-right: solid 1px rgba(255,255,255,0.25); padding: 4px 15px 0 14px; display: block; float: left; line-height: 23px; }
.Top_menu a:hover { text-decoration: underline; color: #fff; }
.Top_menu .Last_menu { border-right: none; }

.Top_Lange { float: right; padding: 3px 18px 0 0; }
.Top_Lange a { color: #fff; margin-right: 6px; }
.Top_Lange a:hover { text-decoration: underline; color: #fff; }
.Top_Lange .lang-sep { color: rgba(255,255,255,0.5); }

/* ═══════════════ 底部 ═══════════════ */
.Bottom { text-align: center; padding-top: 15px; }
.Bottom ul li { line-height: 22px; color: #666; }
.Bottom ul li a { color: #666; }
.Bottom ul li a:hover { color: #b29230; }

.Links { border: solid 1px #add5ed; margin-top: 10px; overflow: hidden; }
.Links h1 { display: block; width: 15px; float: left; padding: 13px 13px 0 13px; font-weight: bold; }
.Links h1 a { color: #333; }
.Links ul { display: block; float: left; border-left: solid 4px #add5ed; padding-left: 20px; width: 895px; }
.Links ul li { border-bottom: solid 1px #add5ed; padding: 3px 0; }
.Links ul li a { margin-right: 10px; }
.Links ul li b { margin-right: 5px; }
.Links ul .LastLinks { border-bottom: none; }

/* ═══════════════ 首页 ═══════════════ */
.Home_main { margin-top: 15px; overflow: hidden; }
.H304 { height: 304px; overflow: hidden; margin-bottom: 10px; }
.H663 { height: 663px; overflow: hidden; margin-bottom: 10px; }

/* 焦点图报 W330 */
.W330 { width: 319px; height: 302px; border: solid 1px #78b9df; padding: 0 4px; float: left; background: #f2f6fb; box-sizing: border-box; }
.W330_title { padding: 9px 3px 10px 11px; background: #fff; font-size: 14px; font-weight: bold; color: #3c72b5; }
.W330_video { text-align: center; margin-left: 1px; }

/* 头条新闻 W385 */
.W385 { width: 385px; height: 287px; float: left; margin: 0 0 0 10px; border: solid 1px #78b9df; background: #eaf3fb; padding-top: 15px; box-sizing: border-box; overflow: hidden; }
.home_newsTitle { padding: 5px 10px; margin: 0; color: #1b54a3; font-size: 20px; font-family: "微软雅黑", Arial, sans-serif; font-weight: normal; line-height: 20px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 340px; }
.home_newsTitle a { color: #1b54a3; }
.home_newsTitle a:hover { color: #b29230; text-decoration: underline; }
.W385_news { margin: 0 11px 10px 11px; border-bottom: solid 1px #c8dde9; padding: 0 8px 5px 5px; }
.W385_news li { line-height: 20px; margin-bottom: 5px; }
.W385_news span { color: #1b54a3; font-size: 20px; font-family: "微软雅黑", Arial; padding: 12px 0 0 0; display: block; }
.W385_news em { color: #bababa; margin-left: 5px; }
.W385_news em a { color: #bababa; padding: 0 2px; }
.W385_news em a:hover { text-decoration: underline; }
.Last_news { border-bottom: none; }

.Font_16 { font-size: 16px; color: #3c72b5; font-weight: bold; padding-left: 10px; height: 30px; line-height: 30px; }

/* 专题推荐 */
.Home_Topics { width: 234px; height: 304px; float: right; background: #dce8f3; border: solid 1px #add5ed; }
.Home_Topics > .Font_16 { background: #3c72b5; color: #fff; }
.Home_Topics_ul { padding: 15px 0 0 5px; }
.Home_Topics_ul li { text-align: center; margin: 0 0 0 8px; line-height: 18px; width: 98px; height: 100px; float: left; }
.Home_Topics_ul li img { padding: 2px; border: solid 1px #99aece; width: 92px; height: 70px; margin-bottom: 5px; object-fit: cover; }
.Home_Topics_ul li em { display: block; padding: 0 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 第二横排列 */
.W331_2 { width: 331px; float: left; }
.W385_2 { width: 385px; float: left; margin-left: 10px; }
.W234_2 { width: 234px; float: right; }

/* 港口燃油 */
.Home_Fuel { height: 139px; background: #eaf3fb; border: solid 1px #78b9df; overflow: hidden; }
.Home_Fuel > .Font_16 { background: #3c72b5; color: #fff; display: block; height: 23px; line-height: 23px; font-size: 14px; font-weight: bold; }
.Home_Fuel_time { padding: 0 15px 0 10px; height: 23px; line-height: 23px; font-size: 12px; }
.Home_Fuel_time em { color: #3c72b5; float: right; }
.Home_Fuel_time em a { color: #3c72b5; }
.Home_Fuel_time em a:hover { text-decoration: underline; }

.Home_Fuel_ul { }
.Home_Fuel_ul li { border-bottom: solid 1px #e4f3fc; height: 19px; line-height: 19px; overflow: hidden; }
.Home_Fuel_ul .Name { width: 78px; text-align: center; border-right: solid 1px #e4f3fc; float: left; }
.Home_Fuel_ul .Txt1 { width: 65px; text-align: center; border-right: solid 1px #e4f3fc; float: left; overflow: hidden; }
.Home_Fuel_ul .Txt2 { width: 60px; text-align: center; border-right: solid 1px #e4f3fc; float: left; overflow: hidden; }
.Home_Fuel_ul .Txt3 { width: 63px; text-align: center; float: left; overflow: hidden; }
.Home_Fuel_ul .Last_Fuel { border-bottom: none; }

/* 港口金融 */
.Home_Financial { margin: 23px 0 0 0; }
.Home_Financial h1 { height: 23px; line-height: 23px; background: #3c72b5; overflow: hidden; }
.Home_Financial h1 em { color: #fff; float: right; padding-right: 8px; }
.Home_Financial h1 em a { color: #fff; }
.Home_Financial h1 em a:hover { text-decoration: underline; color: #fff; }
.Home_Financial h1 b { font-size: 14px; color: #fff; font-weight: bold; padding-left: 13px; }

.Home_Financial_ul { padding: 10px 0 0 10px; line-height: 22px; font-size: 14px; }
.Home_Financial_ul li { padding-left: 12px; background: url('data:image/gif;base64,R0lGODlhBQAFAIAAAD9/ogAAACH5BAAAAAAALAAAAAAFAAUAAAIIhI+py+0PYysAOw==') no-repeat left center; margin-bottom: 2px; }
.Home_Financial_ul li a { color: #333; }
.Home_Financial_ul li a:hover { color: #b29230; }

/* 地图 */
.Home_map { width: 331px; height: 329px; margin-top: 25px; background: #c8dde9; display: flex; align-items: center; justify-content: center; color: #3c72b5; font-size: 14px; }
.Home_map img { width: 331px; height: 329px; display: block; }

/* Banner */
.Home_ban2 { height: 140px; margin-bottom: 9px; background: #2872b5; overflow: hidden; }
.Home_ban2 img { width: 385px; height: 140px; display: block; }
.Home_ban3 { width: 234px; height: 115px; margin: 4px 0 18px 0; background: #3c72b5; overflow: hidden; }
.Home_ban3 img { width: 234px; height: 115px; display: block; }

/* 新闻动态 */
.Home_News2 { border: solid 1px #add5ed; background: #f5fafd; height: 512px; overflow: hidden; }
.Home_News2 h1 { height: 23px; line-height: 23px; padding: 5px 17px 0 20px; }
.Home_News2 h1 em { color: #3c72b5; float: right; }
.Home_News2 h1 em a { color: #3c72b5; }
.Home_News2 h1 b { font-size: 16px; color: #3c72b5; font-weight: bold; }
.Home_News2 h3 { font-size: 14px; padding: 10px 12px; margin: 0; height: 20px; display: block; overflow: hidden; }
.Home_News2 h3 b { display: block; font-size: 14px; border-right: 3px solid #3c72b5; width: 52px; float: left; }
.Home_News2 h3 span { float: right; font-size: 12px; font-weight: normal; }
.Home_News2 h3 a { color: #3c72b5; }

.Home_News2_ul { margin: 0 17px 0 15px; font-size: 14px; }
.Home_News2_ul li { padding-left: 10px; background: url('data:image/gif;base64,R0lGODlhBQAFAIAAAD9/ogAAACH5BAAAAAAALAAAAAAFAAUAAAIIhI+py+0PYysAOw==') no-repeat left center; margin-bottom: 3px; }
.Home_News2_ul li em { float: right; color: #666; font-size: 12px; }
.Home_News2_ul li a { color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; padding-right: 70px; }
.Home_News2_ul li a:hover { color: #b29230; }
.End_line { border-bottom: solid 1px #add5ed; padding-bottom: 10px; margin-bottom: 5px; }

/* 中国港口概况 */
.H294 { height: 292px; background: #eaf3fb; border: solid 1px #78b9df; padding: 2px 0 0 0; overflow: hidden; }
.H294 > .Font_16 { background: #3c72b5; color: #fff; display: block; height: 23px; line-height: 23px; font-size: 14px; }
.H294 ul { background: #dceaf4; margin: 10px 10px 0 9px; height: 225px; overflow: hidden; }
.H294 ul li { line-height: 22px; font-size: 14px; overflow: hidden; }
.H294 ul li em { color: #959697; display: block; float: left; width: 60px; padding-left: 5px; font-size: 12px; }
.H294 ul li span { width: 145px; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.H294 ul li a { color: #333; }
.H294 ul li a:hover { color: #b29230; }

/* 联系方式 */
.Home_contact h1 { height: 23px; line-height: 23px; background: #3c72b5; margin-bottom: 10px; }
.Home_contact h1 b { font-size: 14px; color: #fff; font-weight: bold; padding-left: 13px; }
.Home_contact .contact-body { font-size: 13px; line-height: 24px; padding: 5px 8px; color: #333; }

/* ═══════════════ 焦点图报滑块 ═══════════════ */
.bys-slider { position: relative; width: 315px; height: 259px; overflow: hidden; background: #1b54a3; }
.bys-slider .slides { width: 100%; height: 235px; position: relative; }
.bys-slider .slide { position: absolute; top: 0; left: 0; width: 100%; height: 235px; opacity: 0; transition: opacity 0.5s ease; }
.bys-slider .slide.active { opacity: 1; }
.bys-slider .slide img { width: 315px; height: 235px; object-fit: cover; display: block; }
.bys-slider .caption { position: absolute; bottom: 0; left: 0; right: 0; height: 24px; line-height: 24px; background: rgba(0,0,0,0.6); color: #fff; font-size: 12px; padding: 0 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bys-slider .caption a { color: #fff; }
.bys-slider .dots { text-align: center; padding: 4px 0; background: #f2f6fb; }
.bys-slider .dots span { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #aac0d8; margin: 0 3px; cursor: pointer; }
.bys-slider .dots span.active { background: #3c72b5; }

/* ═══════════════ 内页通用 ═══════════════ */
.W724 { width: 724px; min-height: 713px; background: #fff; border: solid 1px #78b9df; float: left; }
.About_234 { width: 234px; float: right; }
.About_title { padding: 9px 15px 0 35px; }
.About_title em { float: right; color: #666; }
.About_title em a { color: #666; }
.About_title b { font-size: 16px; color: #2872b5; }
.About_txt { padding: 0 15px; font-size: 14px; line-height: 25px; }
.magin_10 { margin: 10px 0; }

/* 分页 viciao */
.viciao { margin: 20px 0 10px 0; text-align: left; font-size: 12px; clear: both; }
.viciao a { border: 1px solid #d9d5cd; padding: 2px 5px; color: #000; margin-right: 2px; text-decoration: none; }
.viciao a:hover { border-color: red; }
.viciao span.current { border: 1px solid #fff; padding: 2px 5px; font-weight: bold; color: #fa6200; margin-right: 2px; background: #fff; }
.viciao span.disabled { border: 1px solid #ccc; padding: 2px 5px; color: #ccc; margin-right: 2px; }

/* 新闻列表 */
.News_List { margin: 20px 0 0 0; font-size: 14px; }
.News_List li { padding-left: 10px; border-bottom: 1px solid #e0e0e0; line-height: 35px; }
.News_List li a { padding-left: 7px; color: #333; }
.News_List li a:hover { color: #b29230; }
.News_List li em { float: right; color: #666; font-size: 12px; padding-right: 15px; }

/* 新闻详情 */
.newsinfo { margin: 10px 5px; line-height: 30px; font-size: 14px; }
.f_news { font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 10px; color: #2872b5; }
.f_news2 { text-align: center; padding: 0 0 10px 0; display: block; font-size: 12px; color: #a6a6a6; margin-bottom: 10px; border-top: 1px solid #e0e0e0; }
.f_news2 em { padding-left: 15px; }
.f_back { text-align: center; border-top: 1px solid #e0e0e0; padding-top: 5px; }
.f_back a { padding: 0 5px; }

/* 案例 */
.Case_ul { margin-bottom: 15px; }
.Case_ul li { width: 190px; height: 167px; border: solid 1px #78b9df; padding: 2px; float: left; margin: 15px 17px; }
.Case_ul li img { width: 190px; height: 137px; object-fit: cover; display: block; }
.Case_ul li em { background: #eaf3fb; padding-left: 10px; display: block; font-size: 12px; color: #2972b5; line-height: 29px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Case_ul li em a { color: #2972b5; }
.Case_ul .Last_case { margin-right: 0; }

/* 404 */
.error-404 { text-align: center; padding: 80px 20px; }
.error-404 h1 { font-size: 72px; color: #3c72b5; font-weight: bold; margin-bottom: 20px; }
.error-404 p { font-size: 16px; color: #666; margin: 10px 0; }
.error-404 a { color: #3c72b5; text-decoration: underline; }

/* 搜索 */
.search-form input[type="text"] { width: 200px; padding: 4px; border: solid 1px #add5ed; }
.search-form input[type="submit"] { padding: 4px 12px; background: #3c72b5; color: #fff; border: none; cursor: pointer; }