@charset "utf-8";
/* CSS Document */

html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
ul{ list-style:none;}
body { font-size:14px; color:#666; line-height:23px; font-family:Verdana; margin:0px; padding:0px; background:#f3f3f3;}
img{ border:none; max-width:100%; height:auto;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#666;}
a:hover{ color:#ff0000; text-decoration:underline;}

#box{ width:100%;}
.top{ width:100%; background:#ededed;}
.header{ width:100%; background:#dcdcdc;}
.header-l{ max-width:1440px; height:33px; line-height:33px; margin:0 auto; overflow:hidden; color:#666; float:none; padding-left:15px; box-sizing:border-box;}
.header-r{ width:429px; float:right;}
.header-r ul{ width:429px; overflow:hidden;}
.header-r ul li{ width:107px; height:33px; float:left; background:url(../images1/icon1.gif) 1% 50% no-repeat; text-indent:12px;}
.header-r ul li a{ color:#a9d8ec;}
.header-r ul li a:hover{ color:#a9d8ec;}

.logo{ width:100%; max-width:1440px; height:69px; margin:0 auto; overflow:hidden;}
.logo-l{ width:959px; height:69px; float:left;}
.logo-r{ width:481px; height:69px; float:left; position:relative;}
.lang-switch{ position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:12px; color:#666; }
.lang-switch a{ color:#666; text-decoration:none; padding:2px 6px; }
.lang-switch a:hover{ color:#4d8481; }
.lang-switch .lang-cur{ font-weight:bold; padding:2px 6px; color:#4d8481; }
.lang-switch .lang-sep{ margin:0 4px; color:#999; }

.nav-bg{ width:100%; background:#173b3c; padding:8px 0;}
.nav{ width:100%; max-width:1440px; height:41px; margin:0 auto; position:relative;}
.nav ul{ width:1333px; height:41px; margin:0 auto; overflow:hidden;}
.nav ul li{ width:206px; height:41px; line-height:41px; float:left; text-align:center;}
.nav ul li a{ width:206px; height:41px; display:block; color:#fff; font-size:16px; font-family:Microsoft YaHei; transition:background 0.3s, color 0.3s;}
.nav ul li a:hover{ width:206px; height:41px; text-decoration:none; color:#173b3c; background:#fff; border-radius:4px;}
.nav ul li.li1 a{ width:206px; height:41px; text-decoration:none; color:#173b3c; background:#fff; border-radius:4px;}

.ban{ width:100%; max-width:1424px; height:auto; padding:8px 8px 8px 8px; margin:0 auto; margin-top:15px; background:#fff;}

.middle{ width:100%; max-width:1424px; margin:0 auto; padding:0px 8px 8px 8px; background:#fff; overflow:hidden;}
.middle-left{ width:343px; float:left;}
.middle-left-1{ width:343px; padding-top:6px;}
.middle-left-1-t{ width:343px; height:50px; background:#ededed;}
.middle-left-1-b{ width:343px; padding:15px 0;}
.middle-left-1-b ul{ width:343px;}
.middle-left-1-b ul li{ width:343px; height:37px; margin-bottom:8px; position:relative; text-indent:14px; line-height:37px; background:#ededed;}
.middle-left-1-b ul li::before{ content:''; position:absolute; left:5px; top:50%; margin-top:-10px; width:4px; height:20px; background:#173b3c; transition:background 0.3s;}
.middle-left-1-b ul li a{ width:343px; height:37px; display:block; line-height:37px; transition:color 0.3s;}
.middle-left-1-b ul li:hover{ background:#4d8481;}
.middle-left-1-b ul li:hover::before{ background:#fff;}
.middle-left-1-b ul li:hover a{ color:#fff; text-decoration:none;}

.middle-left-2{ width:343px;}
.middle-left-2-t{ width:343px; height:50px; background:#ededed;}
.middle-left-2-b{ width:343px; padding:15px 0;}
.middle-left-2-b-t{ color:#444;}
.middle-left-2-b-b{ padding:0 10px;}
.middle-left-2-b-b form{ display:flex;}
.middle-left-2-b-b input.text1{ flex:1; height:36px; background:#fff; border:1px solid #dcdcdc; border-radius:4px 0 0 4px; padding:0 12px; font-size:13px; color:#555; outline:none; box-sizing:border-box; transition:border-color 0.3s;}
.middle-left-2-b-b input.text1:focus{ border-color:#4d8481;}
.middle-left-2-b-b .image{ height:36px; border:none; background:#4d8481; color:#fff; padding:0 18px; cursor:pointer; border-radius:0 4px 4px 0; font-size:13px; font-family:Microsoft YaHei; margin-left:-1px; transition:background 0.3s;}
.middle-left-2-b-b .image:hover{ background:#173b3c;}

.middle-left-3{ width:343px; padding-top:10px;}
.middle-left-3-t{ width:343px; height:50px; background:#ededed;}
.middle-left-3-b{ width:343px; padding:15px 0;}
.middle-left-3-b p{ padding:5px 0px 0px 2px; line-height:27px;}

.middle-right{ width:1047px; float:right;}
.middle-right-1{ width:1047px;}
.middle-right-1-t{ width:1047px; height:50px; background:#ededed;}
.middle-right-1-t a{ display:inline-block; height:32px; line-height:32px; margin:9px 0 0 10px; padding:0 20px; background:#4d8481; color:#fff; font-size:16px; border-radius:4px;}
.middle-right-1-b{ width:1027px; padding:10px 10px 0px 10px;}
.middle-right-1-b ul{ width:1027px; overflow:hidden;}
.middle-right-1-b ul li{ width:342px; height:225px; float:left;}
.middle-right-1-b ul li img{ width:330px; height:180px;}
.middle-right-1-b ul li span{ display:block; width:330px; height:35px; line-height:35px; text-align:center;}
.marquee{ width:1027px; height:225px; overflow:hidden;}

.middle-right-2{ width:1047px;}
.middle-right-2-t{ width:1047px; height:50px; background:#ededed; overflow:hidden;}
.middle-right-2-t-l{ width:1047px; height:50px; float:left; text-indent:24px;}
.middle-right-2-t-r{ width:310px; height:50px; float:left; text-indent:15px;}
.middle-right-2-b{ width:1027px; padding:8px 10px 0px 10px; overflow:hidden;}
.middle-right-2-b-l{ width:1027px; float:left; padding:0px 0px 0px 0px;}
.middle-right-2-b-r{ width:360px; float:left; padding:7px 0px 0px 10px;}

.middle-right-3{ width:1047px; padding-top:10px;}
.middle-right-3-t{ width:1047px; height:50px; background:#ededed;}
.middle-right-3-t a{ display:inline-block; height:32px; line-height:32px; margin:9px 0 0 10px; padding:0 20px; background:#4d8481; color:#fff; font-size:16px; border-radius:4px;}
/* Title text block (#4d8481), 9px from top edge / 10px from left edge of title div */
.middle-left-1-t span,.middle-left-2-t span,.middle-left-3-t span{ display:inline-block; height:32px; line-height:32px; margin:9px 0 0 10px; padding:0 20px; background:#4d8481; color:#fff; font-size:16px; border-radius:4px;}
.middle-right-3-b{ width:1037px; padding:13px 0px 0px 10px; overflow:hidden;}
.middle-right-3-b-l{ width:630px; float:left;}
.xinwen{ width:630px; overflow:hidden; padding-bottom:15px;}
.xinwen-left{ width:310px; float:left;}
.xinwen-left img{ width:300px; height:129px; border:1px solid #e3e3e3;}
.xinwen-right{ width:305px; float:left; padding-left:5px;}
.xinwen-right-t{ font-weight:bold; font-size:12px; font-family:Microsoft YaHei; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:18px;}
.xinwen-right-t a{ color:#4d8481;}
.xinwen-right-b{ line-height:21px;}

.middle-right-3-b-c{ width:15px; height:181px; background:url(../images1/right-3-b-c.gif) center center no-repeat; float:left;}
.middle-right-3-b-r{ width:365px; float:left; padding-left:10px;}
.middle-right-3-b-r ul li{ width:365px; height:27px; line-height:27px; text-indent:15px; background:url(../images1/icon2.gif) 1% 48% no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.footer{ width:100%; max-width:1440px; margin:0 auto;}
.link{ width:100%; max-width:1400px; height:56px; background:#efefef; line-height:56px; padding:0px 20px 0px 20px;}

.navb{ width:100%; max-width:1440px; height:56px; background:#173b3c; line-height:56px;}
.navb ul{ width:1348px; margin:0 auto; overflow:hidden;}
.navb ul li{ width:122px; height:56px; line-height:56px; float:left; text-align:center;}
.navb ul li a{ display:block; color:#b4edeb; transition:background 0.3s;}
.navb ul li a:hover{ color:#fff; background:#4d8481;}

.banquan{ width:100%; max-width:1440px; text-align:center; padding:25px 0px 35px 0px; line-height:28px; color:#333;}
.banquan a{ color:#333;}

.equip-list{ list-style:none; margin:0; padding:0; overflow:hidden; }
.equip-list li{ float:left; width:33.33%; box-sizing:border-box; padding:10px; text-align:center; }
.equip-list li img{ display:block; width:100%; height:auto; border:1px solid #ddd; box-sizing:border-box; }
.equip-list .img-title{ background:#f0f0f0; line-height:24px; font-size:12px; text-align:center; padding:4px; color:#555; }

/* ===== 汉堡菜单按钮（桌面端隐藏） ===== */
.nav-toggle{ display:none; cursor:pointer; width:30px; height:30px; position:relative; vertical-align:middle; margin-left:8px; }
.nav-toggle span{ display:block; width:24px; height:3px; background:#fff; margin:5px auto; border-radius:2px; transition:all 0.3s ease; }

/* ===== 中间区间自适应（981-1439px）：左栏固定、右栏弹性，避免错位换行 ===== */
@media screen and (min-width:981px) and (max-width:1439px){
    .middle-left{ width:343px; }
    .middle-right{ width:calc(100% - 355px); }
    .middle-right-1,.middle-right-2,.middle-right-3{ width:100%; }
    .middle-right-1-t,.middle-right-2-t,.middle-right-3-t{ width:100%; }
    .middle-right-1-b{ width:100%; box-sizing:border-box; }
    .middle-right-1-b ul{ width:100%; }
    .marquee{ width:100%; }
    .middle-right-2-b{ width:100%; box-sizing:border-box; }
    .middle-right-2-b-l{ width:100%; }
    .middle-right-3-b{ width:100%; box-sizing:border-box; }
}

/* ===== 平板端自适应（<=980px） ===== */
@media screen and (max-width:980px){
    *,*::before,*::after{ box-sizing:border-box; }
    .header,.logo,.nav-bg,.nav,.ban,.middle,.footer,.navb,.banquan{ max-width:100%; }
    .header{ overflow:visible; }
    .header-l{ width:auto; float:none; padding-left:10px; }
    .header-r{ display:none; }
    .logo{ height:auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap; padding:5px 8px; }
    .logo-l{ width:auto; float:none; height:auto; flex:1 1 auto; min-width:0; }
    .logo-l img{ height:auto; max-height:69px; max-width:100%; width:auto; }
    .logo-r{ width:auto; float:none; height:auto; min-height:30px; flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; white-space:nowrap; }
    .lang-switch{ position:static; top:auto; transform:none; padding:0; text-align:right; }
    .nav-toggle{ display:block; }
    .middle-left-2,.middle-left-3{ display:none; }
    .nav-bg{ background:#173b3c; height:auto; padding:0; }
    .nav{ height:auto; }
    .nav ul{ width:100%; height:auto; overflow:visible; }
    .nav ul li{ width:auto; float:none; height:auto; line-height:36px; text-indent:0; text-align:left; }
    .nav ul li a{ width:100%; height:auto; line-height:36px; text-align:left; text-indent:10px; background:none; padding:0 10px; }
    .nav ul li a:hover,.nav ul li.li1 a{ width:100%; height:auto; line-height:36px; background:#fff; color:#173b3c; }
    .ban{ padding:5px; }
    .ban img{ width:100%; height:auto; }
    .middle{ padding:0 5px 5px 5px; }
    .middle-left{ width:100%; float:none; }
    .middle-left-1,.middle-left-2,.middle-left-3,.middle-left-1-t,.middle-left-2-t,.middle-left-3-t,.middle-left-1-b,.middle-left-2-b,.middle-left-3-b{ width:100%; }
    .middle-left-1-b ul,.middle-left-1-b ul li,.middle-left-1-b ul li a{ width:100%; }
    .middle-left-1-b ul li{ border-bottom:1px solid #e3e3e3; text-indent:10px; }
    .middle-left-1-b ul li a{ height:36px; line-height:36px; }
    .middle-left-3-b img{ width:100%; height:auto; }
    .middle-right{ width:100%; float:none; padding-left:0; }
    .middle-right-1,.middle-right-2,.middle-right-3,.middle-right-1-t,.middle-right-2-t,.middle-right-3-t,.middle-right-1-b,.middle-right-2-b,.middle-right-3-b{ width:100%; }
    .middle-right-1-b ul{ width:100%; }
    .middle-right-1-b ul li{ width:50%; }
    .middle-right-1-b ul li img{ width:100%; height:auto; }
    .middle-right-1-b ul li span{ width:100%; }
    .marquee{ width:100%; height:auto; }
    .middle-right-2-b,.middle-right-2-b-l{ width:100%; }
    .middle-right-3-b{ width:100%;padding:10px 0px; }
    .middle-right-3-b-l,.xinwen{ width:100%; }
    .xinwen{ display:flex; align-items:flex-start; }
    .xinwen-left{ width:120px; flex-shrink:0; text-align:left; }
    .xinwen-left img{ width:100%; max-width:192px; height:auto; }
    .xinwen-right{ flex:1; padding-left:8px; padding-top:0; }
    .middle-right-3-b-c{ display:none; }
    .middle-right-3-b-r{ width:100%; padding-left:0; }
    .middle-right-3-b-r ul li{ width:100%; }
    .navb{ display:none; }
    .navb ul{ width:100%; }
    .navb ul li{ width:auto; padding:0 8px; background:none; }
    .link{ height:auto; line-height:28px; padding:10px 15px; }

}

/* ===== 手机端自适应（<=768px） ===== */
@media screen and (max-width:768px){
    body{ font-size:13px; }
    .header{ height:auto; line-height:28px; padding:5px 0; }
    .header-l{ font-size:11px; }
    .header-l font{ display:inline; }
    .nav-toggle{ display:block; }
    .nav ul{ display:none; width:100%; background:#173b3c; position:absolute; top:0px; left:0; z-index:200; padding:8px 0; }
    .nav ul li a{ font-size:13px; padding:0 15px; }
    .ban{ margin-top:8px; }
    .middle-left-2-b-b input.text1{ width:70%; background:none; border:1px solid #ccc; padding-left:8px; border-radius:3px; }
    .middle-left-2-b-b .image{ width:auto; }
    .middle-left-2-b-b .image img{ width:auto; }
    .middle-left-2-b-b table{ width:100%; }
    .middle-right-1-b ul li{ width:50%;height: auto; }
        .middle-right-1-b ul li img{ width:100%; height:200px;  margin:0 auto; }
    .middle-right-1-b ul li span{ width:100%; }
    .footer{ padding:0 5px; }
    .navb{ height:auto; line-height:36px; }
    .navb ul{ height:auto; }
    .navb ul li{ width:33.33%; line-height:36px; height:36px; }
    .banquan{ padding:15px 10px 25px 10px; line-height:24px; }
    .equip-list li{ width:50%; }
    #hhService{ display:none !important; }
}

/* ===== 小屏手机自适应（<=480px） ===== */
@media screen and (max-width:480px){
    .header-l{ font-size:10px; }
    .header-l font{ font-size:10px; }
    .logo-l img{ max-height:50px; }
    .lang-switch a{ padding:2px 4px; font-size:11px; }
    .middle-right-1-b ul li{ width:50%; height:auto; margin-top: 15px; }
    .middle-right-1-b ul li img{ width:100%; height:150px;  margin:0 auto; }
    .middle-right-1-b ul li span{ width:100%; }
    .equip-list li{ width:100%; }
    .navb ul li{ width:50%; }
    .banquan{ font-size:11px; }
}