@charset "utf-8";

/* CSS Document */
html { }

body { background-color: #f3f3f3; }

/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-family: Microsoft YaHei;overflow-x:hidden; }

table { border-collapse: collapse; border-spacing: 0; }

table th, table td { padding: 5px; }

fieldset, img { border: 0; }

ul, ol, em { list-style: none outside none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

a { text-decoration: none; color: #000; }

/************* Sy_nav *************/
.Sy_nav { transition: max-height 0.3s ease-out; background-color: #fff; width: 100%; margin: 0 auto; text-align: center; overflow: hidden; display: flex; height: 50px; position: fixed; top: 0px; left: 0; /* 确保 Sy_snav 和 overlay 定位相对 */ padding: 15px 0; z-index: 9990; }

.Sy_nav .Sy_gsmz { width: 20%; overflow: hidden; }
.Sy_nav .Sy_gsmz .logomk { width: 100%; overflow: hidden; text-align: left;padding-left:40px; }
.Sy_nav .Sy_gsmz img { width: 186px; }

.Sy_nav .dvs { width: 60%; overflow: hidden; margin: 0 auto; text-align: center; padding-top: 10px; }
.Sy_nav .dvs ul { width: 100%; overflow: hidden; text-align: center; margin: 0 auto; display: flex; justify-content: center; }
.Sy_nav .dvs li { width: 15%; text-align: center; }
.Sy_nav .dvs li a:hover { font-weight: 700; }

.Sy_nav .qhyy { width: 15%; overflow: hidden; padding-top: 10px; }
.Sy_nav .qhyy .qhyymk { width: 100%; overflow: hidden; margin: 0 auto; text-align: center; }
.Sy_nav .qhyy .qhyymk ul { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.Sy_nav .qhyy .qhyymk li{width:100%;}
.Sy_nav .qhyy .qhyymk li a{font-size:14px;}
.Sy_nav .qhyy .qhyymk li a:hover{font-weight:700;}

/************* Sy_snav *************/
.Sy_snav { width: 100%; margin: 0 auto; text-align: center; overflow: visible; background-color: #f7f7f7; position: fixed; top: 60px; /* 匹配 Sy_nav 的高度 */ left: 0; z-index: 9999; display: none; }

/************* sdv_2 *************/
.Sy_snav .sdv_2 { width: 65%; overflow: hidden; margin: 0 auto; padding: 10px 20px; }
.Sy_snav .sdv_2 .cpmk { width: 100%; margin: 30px auto; }
.Sy_snav .sdv_2 .cpmk ul { width: 100%; text-align: center; overflow: hidden; margin: 20px auto; display: flex; }
.Sy_snav .sdv_2 .cpmk li { width: 100%; }
.Sy_snav .sdv_2 .cpmk li a { color: #5c5e62; text-decoration: underline; font-size: 18px; }
.Sy_snav .sdv_2 .cpmk li a:hover { color: #000; font-weight: 700; }

/************* sdv_3 *************/
.Sy_snav .sdv_3 { width: 65%; overflow: hidden; margin: 0 auto; padding: 10px 20px;}
.Sy_snav .sdv_3 .xwmk { width: 100%; margin: 30px auto; }
.Sy_snav .sdv_3 .xwmk ul { width: 100%; text-align: center; overflow: hidden; margin: 20px auto; display: flex; }
.Sy_snav .sdv_3 .xwmk li { width: 100%; }
.Sy_snav .sdv_3 .xwmk li a { color: #5c5e62; text-decoration: underline;font-size:18px; }
.Sy_snav .sdv_3 .xwmk li a:hover { color: #000; font-weight: 700; }

/************* sdv_4 *************/
.Sy_snav .sdv_4 { width: 65%; overflow: hidden; margin: 0 auto; padding: 10px 20px; }
.Sy_snav .sdv_4 .gywmk { width: 100%; margin: 30px auto; }
.Sy_snav .sdv_4 .gywmk ul { width: 100%; text-align: center; margin: 20px auto; display: flex; }
.Sy_snav .sdv_4 .gywmk li { width: 100%; }
.Sy_snav .sdv_4 .gywmk li a { font-size: 20px; }
.Sy_snav .sdv_4 .gywmk li a:hover { font-weight: 700; }
.Sy_snav .sdv_4 .gywmk li span { margin-left: 10px; font-size: 25px; }


/************* sdv_5 *************/
.Sy_snav .sdv_5 { width: 65%; overflow: hidden; margin: 0 auto; padding: 10px 20px; }
.Sy_snav .sdv_5 .gywmk { width: 100%; margin: 30px auto; }
.Sy_snav .sdv_5 .gywmk ul { width: 100%; text-align: center; margin: 20px auto; display: flex; }
.Sy_snav .sdv_5 .gywmk li { width: 100%; }
.Sy_snav .sdv_5 .gywmk li a { font-size: 20px; }
.Sy_snav .sdv_5 .gywmk li a:hover { font-weight: 700; }
.Sy_snav .sdv_5 .gywmk li span { margin-left: 10px; font-size: 25px; }



/*page_list*/
.page_list { width: 55%; margin: 35px 0px 50px 35%; overflow: hidden; }

.page_list img { border: 1px #a10000 solid; }

.page_list A { width: 30px; height: 30px; line-height: 30px; float: left; display: block; border: #808080 1px solid; color: #713A26; text-align: center; overflow: hidden; margin: 5px 5px 5px 5px; border-radius: 5px; }

.page_list A:hover { background: #c00; color: #fff; text-decoration: none; }

.page_list .pageInfo { margin: 0px 5px; color: #713A26; }

.page_list .pageNum { padding-right: 3px; padding-left: 3px; padding-bottom: 0px; padding-top: 0px; }

.page_list A.currBtn:hover { background: #fff; color: #713A26; text-decoration: none; }

.page_list A.firstBtn:hover { text-decoration: none; }

.page_list span { height: 30px; line-height: 45px; margin: 15px 5px 5px 5px; font-size: 14px; }

/************* sy_Tadv *************/
.sy_Tadv { width: 100%; height: 320px; border-top: 10px solid #000024; border-bottom: 15px solid #000024; margin: 0 auto; overflow: hidden; position: relative; /* 为绝对定位子元素提供参照 */ text-align: center; background-size: cover; /* 确保背景图覆盖整个容器 */ }

.sy_Tadv .text-container { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); /* 精确居中 */ width: 100%; color: #fff; }
.sy_Tadv .text-container span { display: block; text-shadow: 0 2px 4px rgba(0,0,0,0.3); /* 增强白色文字在背景上的可读性 */ }
.sy_Tadv .text-container span:nth-child(1) { font-size: 40px; font-weight: 600; margin-bottom: 10px; /* 标题与副标题间距 */ }

/************* Ny_TAdv *************/
.Ny_TAdv { width: 100%; height: 320px; margin: 0 auto; overflow: hidden; position: relative; /* 为绝对定位子元素提供参照 */ text-align: center; background-size: cover; /* 确保背景图覆盖整个容器 */ }

.Ny_TAdv .text-container { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); /* 精确居中 */ width: 100%; color: #fff; }
.Ny_TAdv .text-container span { display: block; text-shadow: 0 2px 4px rgba(0,0,0,0.3); /* 增强白色文字在背景上的可读性 */ }
.Ny_TAdv .text-container span:nth-child(1) { font-size: 40px; font-weight: 600; margin-bottom: 10px; /* 标题与副标题间距 */ }
.Ny_TAdv .text-container span:nth-child(2) { font-size: 18px; font-weight: 300; }

.Ny_TAdv .text-container2 { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); /* 精确居中 */ width: 100%; color: #000; }
.Ny_TAdv .text-container2 span { display: block; text-shadow: 0 2px 4px rgba(0,0,0,0.3); /* 增强白色文字在背景上的可读性 */ }
.Ny_TAdv .text-container2 span:nth-child(1) { font-size: 40px; font-weight: 600; margin-bottom: 10px; /* 标题与副标题间距 */ }
.Ny_TAdv .text-container2 span:nth-child(2) { font-size: 18px; font-weight: 300; }

/************* Ny_wzdvs *************/

.Ny_wzdvs { width: 1200px; background-color: #fff; overflow: hidden; text-align: center; margin: 0 auto; margin-top: 20px;}
.Ny_wzdvs .wezdvs { width: 100%; overflow: hidden; text-align: left; margin: 0 auto; padding: 20px 0px 20px 20px;font-size:18px; }
.Ny_wzdvs .wezdvs a { color:#004a9b;font-weight:600; }
.Ny_wzdvs .wezdvs a:hover { color: #4a90e2;  }

/************* footer *************/
.Wap_Under { width: 100%; background-color: #2c2c2c; display: flex; flex-direction: column; justify-content: flex-end; }

.footer { color: #ffffff; width: 93%; padding: 50px 3% 10px 3%; overflow: hidden; }

.footer-top {display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom:10px; }

.footer-column { flex: 1; min-width: 150px; margin: 0 5px 10px; }
.footer-column a { color: #f7f7f7; text-decoration: none; transition: color 0.3s; }
.footer-column a:hover { color: #f7f7f7; }

.footer-column h3 { font-size: 18px; font-weight: 600; margin-bottom: 20px; position: relative; padding-bottom: 10px; }

.footer-column h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: #4a90e2; }

.footer-column ul { list-style: none; }

.footer-column ul li { margin-bottom: 12px; font-size: 14px; transition: all 0.3s ease; }

.footer-column ul li:hover { color: #4a90e2; cursor: pointer; transform: translateX(5px); }

.black-info { min-width:20%; text-align: right; }


.contact-info { text-align: right; }

.contact-info .phone { font-size: 22px; font-weight: bold; margin-bottom: 8px; letter-spacing: 1px; }

.contact-info .hours { font-size: 14px; color: #aaa; margin-bottom: 20px; }

.footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-top: 10px; font-size: 12px; color: #aaa; }

.copyright { margin-right: 20px; margin-bottom: 10px; line-height: 1.6; }

.copyright span { margin-left: 10px; margin-right: 10px; }

.copyright a { color: #aaa; text-decoration: none; transition: color 0.3s; }

.copyright a:hover { color: #4a90e2; }