/*all*/
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,em,span,sup,sub,b,i,cite,q,big,small,blockquote,pre,form,input,select,option,fieldset,legend,table,thead,tfoot,tbody,tr,th,td {margin:0;padding:0;}
input,label,select,option,textarea,button,fieldset,legend {font-size:14px;color:#666; border:none;}
h1,h2,h3,h4,h5,h6 { font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px; font-weight:bold;}
input,button,select,textarea { outline:none; }
textarea { resize:none;}
img { border:none; }
li { list-style:none; }

/*@media only screen and (min-width: 1024px) {}*/

@media only screen and (min-width: 801px) and (max-width: 1023px) {
	div.header .right { display:none;}
	div.nav .nav_right { display:none;}
        div.main .contentbox { margin-right:0;}
	div.main .sidebar { display:none;}
	div.menu dl.anquan { display:none;}
        div.footer .center { text-align:right; }
        div.footer .right { display:none;}
}


@media only screen and (max-width: 800px) {
	div.box { width:90%;}
	div.header .center { display:none; }
	div.header .left { margin:0 3% 0 0; width:47%;}
	div.header .right { margin:0; width:50%;}
	div.logo img { width:40%; display:block; margin:-5px auto 0 0; }
	
	div.nav .nav_center{ margin:0; border:none;}
	div.nav .nav_all  { display:none;}
	div.nav .nav_right { display:none;}
	
	div.main .content { margin:0; margin-top:25px; margin-bottom:25px; padding:0; border:none;}
	div.main .navbar { display:none; border:none; margin:0; padding:0x; }
	div.main .sidebar { display:none; border:none; margin:0; padding:0x; }
	div.main .contentbox { margin:0; padding:10px;}
	
	div.footer .center { margin:0; padding:0;}
	div.footer .left { display:none;}
	div.footer .right { display:none;}
	
	
	div.menu dl.anquan { display:none; }
	dl.default-news { width:99%;}
	div.links { display:none; }
	div.menu dl dt { text-align:center; }
	#suoxiao img { clear:both; float:left;}
}
	
	



table {margin:1em auto 0 auto; border-collapse:collapse; cellspacing:0; cellpadding:0; color:#666; text-align:center; font-size:14px; width:100%; clear:both; }
table a { text-decoration:underline;}
table img { display:block; margin:auto;}
table a:hover { color:#c00;}
table tr:first-child { background:#f5f5f5; font-weight:bold; color:#333;}
table th,table td {padding:10px; text-align:center; border:1px solid #ddd; }

.table_on {}
.table_over { background:#ecf5ff; }

.table_1 td { text-align:left;}
.table_1 tr:first-child { background:none;}

html,body{_background-image:url(about:blank);_background-attachment:fixed;}


a {text-decoration:none; outline:none; cursor:pointer; color:#666;}
a:hover { color:#06c; }
a:active, a:focus{ outline:none; }
.green { color:#090;}
.red { color:#f00;}
.yellow { color:#f90;}
.black { color:#000;}
.blue { color:#06c;}
.hide { display:none;}

.sanjiao { 
display:inline-block; float:right; margin-right:10px; width:10px; height:46px; line-height:46px; background:url(../../../images/jt_1.gif) center center no-repeat;
-moz-transform-origin:50% 50%;
-webkit-transition:-webkit-transform .2s ease-in;
-moz-transition:transform .2s ease-in;
-o-transition:transform .2s ease-in;
transition:transform .2s ease-in
}
.sanjiao:hover { 
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
}

body { width:100%; height:100%; color:#666; font:14px/1.5 Arial; text-align:center; background:#f5f5f5; }
.wrap { width:100%; height:100%; position:relative; }

/*base---start---*/
.clearfix:after,.box:after,.nav_center:after,ul.silan:after,div.content_list dl:after,.nav_center:after {content:"\200B";display:block; height:0; clear:both; }
.clearfix,.box,.nav_center,ul.silan,div.content_list dl,.nav_center {*zoom:1;}

.box { margin:0 auto; width:96%; text-align:left;}

.left { float:left; display:inline; *zoom:1;}
.right { float:right; display:inline; *zoom:1;}
.center { display:table-cell; width:4000px; overflow:hidden; *display:block; *width:auto; *zoom:1;}


.more { cursor:pointer; white-space:nowrap; display:inline-block; padding:0 5px;}
.more-box { display:none;}

span.more { color:#06c; padding-right:15px; background:url(../../../images/jt_14.gif) right center no-repeat;  }
span.more-on { color:#f60; background:url(../../../images/jt_15_1.gif) right center no-repeat;  }


/*---header---begin---*/
.header { width:100%; background:#fff; }
.header .box { padding:25px 0; }

.logo { width:150px; }
.logo img { width:60%; display:block; margin:-15px auto; }

.tooles { width:200px; }
.tel dt img { width:100%; display:block; margin-top:5px;  }


.guide { padding:0 25px; text-shadow:0px 0px 1px #fff; }
.guide ul { text-align:right; }
.guide ul li { display:inline-block; *display:inline; *zoom:1; margin-bottom:10px; white-space:nowrap; vertical-align:top; }
.guide a { color:#666; display:inline-block; *zoom:1; padding:2px 5px; }
.guide a:hover { text-decoration:underline; color:#004b97;}
#default .guide h1,#default .guide h2 { font-weight:normal; display:inline-block; float:left; margin-right:10px; font-size:12px;}
#default .guide h1 { color:#f90;}
#default .guide h2 { color:#ccc;}

.search { width:99%; height:20px; position:relative; border:1px solid #ccc; overflow:hidden; z-index:9975; background:url(../../../images/btn2.png) right 0 no-repeat #fff; border-radius:3px;   }
.search input { background:none; height:20px; line-height:20px; position:absolute; top:0; overflow:hidden; }
.search .btn1 { width:84%; text-indent:0.5em; font-size:12px; color:#666; left:0; }
.search .btn2 { width:15%; cursor:pointer; right:0;}
.search:hover { background:url(../../../images/btn1.png) right 0 no-repeat #fff; border:1px solid #004b97;}


/*---nav---begin---*/
.nav { width:100%; position:relative; left:0; z-index:9999; background:#039; }

.nav_center { 
    display: inline;
    float: left;
    *zoom: 1;  
}

.nav_center dl { 
    display: inline;
    float: left;
    *zoom: 1; 
    position: relative;
    z-index: 9996;  
}

.nav_center dl dt { 
    font-weight: bold; 
    font-size: 18px; 
    position: relative;
    z-index: 9997; 
    height: 50px; 
    float: left; 
}

.nav_center dl dt a { 
    color: #fff; 
    padding: 0 20px; /* 减少水平间距 */
    height: 50px;  
    line-height: 50px; 
    display: block; 
    float: left; 
}

.nav_center dl dt a:hover { 
    color: #fff; 
}

.nav_center dl dd { 
    display: none; 
    position: absolute; 
    left: 0; 
    top: 50px; 
    width: 140px; /* 减少宽度 */
    z-index: 9998; 
    box-shadow: 0px 1px 2px #039; 
    overflow: hidden; 
    background: #06c; 
    padding: 0; 
}

.nav_center dl dd ul li sup { 
    color: #f00; 
    line-height: 1; 
    margin-left: 5px; 
}

.nav_center dl dd ul li *sup { 
    font-size: 10px;
}

.nav_center dl dd ul li small { 
    color: #fff; 
    line-height: 1;  
    font-size: 12px; 
    background: #f90; 
    display: inline-block; 
    *zoom: 1; 
    padding: 2px 3px; 
    border-radius: 3px; 
    vertical-align: middle; 
}

.nav_center dl dd ul li a { 
    display: block; 
    padding: 8px 20px; /* 减少垂直和水平间距 */
    color: #fff; 
    *zoom: 1; 
}

.nav_center dl dd ul li a:hover { 
    background: #039;
}

dl.nav_center_on dt { 
    background: #06c; 
}

.nav_center .last dd { 
    left: auto; 
    right: 0;
}

/* 添加媒体查询以优化移动端显示 */
@media (max-width: 768px) {
    .nav_center dl dt a {
        padding: 0 15px; /* 进一步减少水平间距 */
    }
    .nav_center dl dd {
        width: 120px; /* 进一步减少宽度 */
    }
    .nav_center dl dd ul li a {
        padding: 6px 15px; /* 进一步减少垂直和水平间距 */
    }
}







.nav_all { position:relative; z-index:10001; width:150px; display:inline; float:left; *zoom:1; }
.nav_all b { display:block; font-size:18px; text-align:left; color:#fff; padding:0 15px; height:50px; line-height:50px; background:#f90; }
.nav_all b i { float:right;display:inline-block; margin-left:10px; width:16px; height:50px; line-height:50px; background:url(../../../images/nav_all.gif) center center no-repeat;			               -moz-transform-origin:50% 50%;
               -webkit-transition:-webkit-transform .3s ease-in;
               -moz-transition:transform .3s ease-in;
               -o-transition:transform .3s ease-in;
               transition:transform .3s ease-in;}

.nav_all_box1 { display:none; width:148px; position:absolute; left:0px; top:50px; z-index:10002; border:1px solid #ccc; border-top:none; box-shadow:0px 1px 3px #999;} 
.nav_all_box1 dl { position:relative; z-index:10003; float:left;  }
.nav_all_box1 dl dt { padding:10px 15px; width:118px; color:#ccc; position:relative; z-index:10005; background:url(../../../images/jt_12.gif) 125px 16px no-repeat #fff; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.nav_all_box1 dl dt a { color:#666; }
.nav_all_box1 dl dt a:hover { color:#f90; text-decoration:underline; }
.nav_all_box1 dl dd a { color:#666; }
.nav_all_box1 dl dd a:hover { color:#06c; text-decoration:underline; }

.nav_all_box1 dl dt:first { font-size:18px;} 


.nav_all_box1 dl dd { display:none; padding:0 20px 20px 0px; width:477px; position:absolute; left:148px; top:0; z-index:10004; background:#fff; border:1px solid #ccc; height:auto !important; min-height:200px; height:200px; box-shadow:0px 0px 3px #999;  }

.nav_all_box1 dl.last dd { bottom:0; top:auto; _margin-bottom:-1px;}

div.nav_all_on b { background:#f90; box-shadow:0px 0px 3px #f60;}
div.nav_all_on b i {
                     transform:rotate(180deg);
                     -webkit-transform:rotate(180deg);
                     -moz-transform:rotate(180deg);
                     -o-transform:rotate(180deg);
                     }
dl.nav_all_box1_on {}
dl.nav_all_box1_on dt { width:119px; background:url(../../../images/jt_12.gif) 125px -24px no-repeat #fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
dl.nav_all_box1_on dt a { color:#06c; }

.nav_all_box2 { display:inline; float:left; margin:0 0 0 10px; height:50px; }
.nav_all_box2_title { display:block; font-weight:bold; font-size:22px; color:#333; width:100%; margin-top:0px; text-decoration:none;}

.nav_all_box1 dl dd ul li { margin:5px 0 0 10px; padding:5px 10px; white-space:nowrap; display:inline-block; *display:inline; *zoom:1; vertical-align:middle;  }
.nav_all_box1 dl dd ul li.navbar_te { display:block; width:100%; white-space:nowrap; }
.nav_all_box1 dl dd ul li.navbar_te a { margin:0px 20px 0 0px; color:#333;}
.nav_all_box1 dl dd ul li.navbar_te em { font-size:18px; font-style:normal; font-weight:bold; }



.nav_right { width:200px; display:inline; float:right; *zoom:1; background:#06c; color:#fff; }
.nav_right a { color:#06c; display:inline-block; width:85px; height:30px; line-height:30px;margin-top:10px; text-align:center; border-radius:15px; background:#fff; }
.nav_right a:hover { color:#fff; background:#036;}
.nav_right h5 { font-size:16px; text-align:left; height:50px; padding:0 15px; }
/*---nav---end---*/


/*---location---begin---*/
.location { color:#999; }
.location a { color:#06c; margin-bottom:10px; }
.location a:hover { color:#f90; }
.location strong { font-weight:normal; color:#06c; margin-bottom:10px; }
.location em { float:right; margin-bottom:10px;}
.location em a { color:#f90; }
.location em a:hover { color:#06c; }


/*---content-title---begin---*/
.content-title { overflow:hidden; margin-top:15px; }
.content-title h1 { font-size:28px; text-align:left; color:#444; display:inline-block; float:left; *display:inline; background:#fff;}
.content-title h1 em { color:#ccc; display:inline-block; text-indent:-9999px;}
.content-title h1 span {}
.content-title h2 { font-size:14px; color:#ccc; font-weight:normal; margin:17px 3px 35px 0; font-style:italic; float:right; display:inline-block; *display:inline;}
#wuliu .content-title h2,#wuliu1 .content-title h2 { font-size:12px; color:#ccc; font-weight:normal;}

p.description { clear:both; color:#555; padding:10px; margin-top:25px; border-radius:3px; border:1px solid #ddd; background-color:#f5f5f5; }
p.description em { color:#bbb; white-space:nowrap; }
p.description a { display:inline-block; padding:1px 5px; color:#06c; }
p.description a small { color:#f00; }
p.description a:hover { text-decoration:underline;}

p.description i { display:inline-block; width:15px; height:10px; display:none;}
p.description i.first { background:url(../../../images/quote_01.gif) 0 0 no-repeat; margin-right:5px;}
p.description i.last { background:url(../../../images/quote_02.gif) 0 0 no-repeat; margin-left:5px;}

p.biaoqian { clear:both;}
p.biaoqian a { display:inline-block; *zoom:1; vertical-align:top; padding:5px 10px; margin:10px 10px 0 0; color:#06c; border-radius:3px; border:1px solid #ddd; background-color:#f5f5f5; }
p.biaoqian a:hover { background:#06c; color:#fff; }



/*---main---begin---*/
.main { background:#f5f5f5; }
.main .box { position:relative; z-index:4002; overflow:hidden;}

.content { width:100%; float:left;}
.contentbox { padding:25px; margin:25px 225px 25px 175px; overflow:hidden; background:#fff; }
.navbar { padding-top:25px; width:150px; margin-left:-100%; float:left; _display:inline; _position:relative; _zoom:1; }
.sidebar { padding-top:25px; width:200px; margin-left:-200px; float:left; _display:inline; _position:relative; _zoom:1; }

.navbar dl { width:150px; margin-bottom:25px; clear:both; overflow:hidden; background:#fff; }
.navbar dl dt { font-size:16px; font-weight:bold; padding:10px 15px; color:#fff;background-color:#039; }
.navbar dl dd { padding:0 0 30px 0;}
.navbar ul li { border-bottom:1px solid #eee;}
.navbar ul li a { color:#039; display:block; padding:5px 15px; *zoom:1; background-image:url(../../../images/jt_12.gif); background-position:125px -29px; background-repeat:no-repeat; }
.navbar ul li a:hover { color:#fff;background-color:#039; background-position:125px 11px;  }


.sidebar dl { width:200px; margin-bottom:25px; clear:both; overflow:hidden; background:#fff; }
.sidebar dl dt { font-size:16px; font-weight:bold; padding:10px 15px; color:#555; }
.sidebar dl dt span { float:right;}
.sidebar dl dd { position:relative; overflow:hidden; _float:left; }
.sidebar dl dd p { width:100%; position:absolute; left:0; bottom:-200px; background:#555; color:#fff; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; }


dl.online dd ul { padding-bottom:10px; }
dl.online dd ul li { display:inline; float:left; width:74px; margin:10px 4px 0 15px; overflow:hidden; }
dl.online dd ul li a img { display:block; filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
dl.online dd ul li a:hover img { filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

dl.online dd p {padding:5px 15px; line-height:1.5; }
dl.zhuanxian-tuijian dd p { background:none; } 
dl.zhuanxian-tuijian dt { display:none;}


#supermarquee3 { width:200px; height:200px; overflow:hidden; position:relative;}
#supermarquee3 ul { position:relative;}
#supermarquee3 ul li { float:left; }
#supermarquee3 ul li img { width:200px; height:200px; display:block; overflow:hidden;}

.prev,.next { display:inline-block; *zoom:1; width:22px; height:22px; overflow:hidden; background-image:url(../../../images/g_302.gif);}
.prev { float:left; margin:0 0 5px 5px; background-position:0 -22px;}
.next { float:right; margin:0 5px 5px 0; background-position:0 -44px;}
.prev:hover { background-position:0 -66px;}
.next:hover { background-position:0 -88px;}


.content-middle { overflow:hidden; clear:both; }

.content h3 { font-size:16px; color:#333; margin-top:2em; clear:both; background:url(../../../images/g_206.gif) left center no-repeat; padding-left:15px;}
.content h4 { font-size:16px; color:#333; clear:both; margin-top:2em; }
.content h4 b { display:inline-block;  }
.content-middle p { margin-top:20px; line-height:1.5; }
.content-middle table p { text-align:center;}
/* --- 图片自适应与居中 --- */
.content-middle img {
    display: block;     /* 使图片成为块级元素，以便应用 margin: auto */
    max-width: 100%;  /* 图片最大宽度为其容器的100% */
    height: auto;       /* 高度自动调整以保持纵横比 */
    margin-left: auto;  /* 与 margin-right: auto 结合实现水平居中 */
    margin-right: auto;
    cursor: pointer;    /* 鼠标悬停时显示小手，提示可点击 */
    transition: transform 0.2s ease-in-out; /* 轻微的悬停效果（可选） */
}

/* 可选：添加一点悬停效果 */
.content-middle img:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.imgtext-left { clear:both;}
.imgtext-left img { float:left; margin:0 25px 25px 0; }
.imgtext-left h3 { margin-top:2em; }
.imgtext-left p { margin-top:1em; }

.imgtext-right { clear:both;}
.imgtext-right img { float:right; margin:0 0 25px 25px;}
.imgtext-right h3 { margin-top:2em; }
.imgtext-right p { margin-top:1em; }



/* --- City List Container (UL) --- */
ul.citylist {
  list-style: none;
  padding: 0;
  margin: 0 0 -10px -10px; /* Negative margin trick to work with li margins */
  overflow: hidden; /* Keep if needed for float clearing (though floats removed below) */
  /* Using text-align: center; here could center the lines of cities if desired */
}

/* --- City List Item (LI) --- */
ul.citylist li {
  display: inline-block;
  vertical-align: top; /* Keep vertical alignment */
  margin: 0 0 10px 10px; /* Consistent bottom and left margin for spacing */
  /* white-space:nowrap; - Move to 'a' if needed */
  /* Remove IE hacks: *display:inline; *float:left; *zoom:1; */
}

/* --- City Link (A) - Apply similar styling as Option 1 --- */
ul.citylist li a {
  display: inline-block;
  padding: 8px 15px;
  color: #0066cc;
  background-color: #f0f8ff;
  text-decoration: none;
  border: 1px solid #cce0ff;
  border-radius: 15px;
  font-size: 14px;
  white-space: nowrap;
  transition: all 0.3s ease;
}

/* --- Hover State --- */
ul.citylist li a:hover {
  background-color: #0066cc;
  color: #ffffff;
  border-color: #0052a3;
  box-shadow: 0 2px 5px rgba(0, 102, 204, 0.3);
  transform: translateY(-2px);
}

/* --- Focus State (Accessibility) --- */
ul.citylist li a:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.4);
  background-color: #d9edff;
  color: #0052a3;
}

/* --- Active State (Click Feedback) --- */
ul.citylist li a:active {
  background-color: #0052a3;
  color: #ffffff;
  transform: translateY(0);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}



/* --- CSS Grid 方案 (移动端2列, 桌面3/4列) --- */

ul.silan {
  display: grid;
  /* 移动端默认: 2列 */
  grid-template-columns: repeat(2, 1fr); /* <--- 改动: 默认2列 */
  gap: 15px;            /* 行和列的间距 (可调整) */
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

ul.silan li {
  /* Grid 会自动处理宽度 */
  overflow: hidden;
  text-align: left;
  /* min-width: 0;  可选，有时有助于防止内容溢出 */
}

ul.silan li img {
  display: block;       /* 避免图片下方空隙 */
  width: 100%;          /* 图片宽度充满 li */
  height: auto;         /* 保持图片宽高比 */
}

ul.silan li a:hover {
  text-decoration: underline;
}

/* --- 响应式断点 --- */

/* 中等屏幕断点 (例如，平板或小桌面 >= 768px) - 3列 */
@media (min-width: 768px) { /* <--- 可以调整这个断点值 */
  ul.silan {
    /* 改为 3 个等宽的列 */
    grid-template-columns: repeat(3, 1fr); /* <--- 改动: 3列 */
  }
}

/* 大屏幕断点 (例如，大桌面 >= 1200px) - 4列 */
@media (min-width: 1200px) { /* <--- 可以调整这个断点值 */
  ul.silan {
    /* 改为 4 个等宽的列 */
    grid-template-columns: repeat(4, 1fr); /* <--- 改动: 4列 */
  }
}


div.newslist { clear:both; width:100%; margin-top:2em;}
div.newslist li { padding:5px 0; } 
div.newslist li em { display:inline-block; *zoom:1; float:right; width:20%; font-size:12px; text-align:right; font-style:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:3px; } 
div.newslist li a { color:#666; display:inline-block; width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
div.newslist li a:hover { color:#06c; text-decoration:underline; }


div.pagebar { clear:both; margin-top:1em;}
div.pagebar ul li { display:inline; float:left; margin:1em 1em 0 0; } 
div.pagebar ul li a { display:inline-block; color:#06c; background:#d2e9ff; border-radius:3px; padding:2px 8px; }
div.pagebar ul li a:hover { color:#d2e9ff; background:#06c;}
div.pagebar ul li.now-page a { color:#fff; background:#06c;} 


div.xiangguan { clear:both; width:45%; display:inline; float:left; margin-top:2em; }
div.xiangguan h4 { margin:0; padding:10px 0 10px 18px; background:url(../../../images/g_208.gif) 0px 16px no-repeat; color:#06c; }
div.xiangguan ul li { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding:5px 0; width:100%; } 
div.xiangguan ul li a { color:#666; }
div.xiangguan ul li a:hover { color:#06c; text-decoration:underline; }


div.tuijian { width:45%; display:inline; float:right; margin-top:2em; }
div.tuijian h4 { margin:0; padding:10px 0 10px 18px; background:url(../../../images/g_208.gif) 0px 16px no-repeat; color:#06c; }
div.tuijian ul li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding:5px 0; width:100%; } 
div.tuijian ul li a { color:#666; }
div.tuijian ul li a:hover { color:#06c; text-decoration:underline; }
div.tuijian ul li span { display:none;}


div.content_list { overflow:hidden; clear:both; }
div.content_list dl { margin-top:2em; width:100%;  }
div.content_list dl dt { width:25%; margin:0 5% 0 0; overflow:hidden; vertical-align:top; display:inline-block; *display:inline; *zoom:1; position:relative; }
div.content_list dl dt img { display:block; width:90%; border-radius:5px; position:relative; }
div.content_list dl dd { width:65%; overflow:hidden; vertical-align:top; display:inline-block; *display:inline; *zoom:1;}
div.content_list dl dt h3 { padding:0 0 1em 0;}
div.content_list dl dd h3 { margin:0; padding:0 0 1em 0; background:none; color:#666;}
div.content_list dl dd p { margin:0 0 1em 0; }
div.content_list dl dd p a { color:#06c; }
div.content_list dl dd p a:hover { color:#000;text-decoration:underline; }

div.content_list dl.last { background:none;}

.menu { position:relative; z-index:4001; background:#fff; box-shadow:0 0 3px #ccc;}
.menu .box { padding-bottom:25px; }
.menu dl { width:10%; min-width:85px; text-align:left; margin:25px 4% 0 0; display:inline-block; vertical-align:top; *display:inline; *zoom:1; _margin:25px 3.8% 0 0; text-shadow:1px 1px 1px #fff; }
.menu dl dt { font-size:16px; padding:0 10px; color:#666; font-weight:bold; }
.menu dl dt a { padding:5px 10px; color:#666; display:inline-block; border-radius:3px; border:1px solid #ddd; }
.menu dl dt a:hover { border:1px solid #ccc; box-shadow:0px 0px 3px #ccc; }
.menu dl dd {  padding:10px 0 0 0;  }
.menu dl dd ul li a { display:block; color:#999; padding:2px 0 2px 15px; position:relative; }
.menu dl dd ul li a:hover { color:#06c; text-decoration:underline; background:url(../../../images/jt_12.gif) 12px -31px no-repeat; }
.menu dl.last { margin-right:0;}

dl.anquan { width:16%; min-width:150px; text-align:center; }
dl.anquan dt { color:#f00; display:none; }




#supermarquee1,#supermarquee11,#supermarquee111 { height:155px; overflow:hidden; position:relative; }
#supermarquee1 ul,#supermarquee11 ul,#supermarquee111 ul { position:relative;}

#supermarquee2 { height:150px; overflow:hidden; position:relative; }
#supermarquee2 ul { position:relative;}
#supermarquee2 ul li { background:none; text-indent:0; }
#supermarquee2 ul li img { display:block; margin:0 auto; }


#supermarquee5 { width:100%; height:454px; overflow:hidden; position:relative;}
#supermarquee5 ul { position:relative; }
#supermarquee5 ul li { float:left; overflow:hidden;  }
#supermarquee5 ul li img { display:block; width:100%; height:100%; }
#supermarquee5 h1,#supermarquee5 h2,#supermarquee5 h3,#supermarquee5 p { display:none}


.footer {font-size:12px; clear:both; color:#999; background:#f5f5f5; }
.footer .box { padding-top:20px; padding-bottom:20px;}

.footer h6 { font-size:12px; color:#999; }
.footer h6 a { color:#999;}
.footer h6 a:hover { color:#06c; text-decoration:underline;}

.footer-logo { width:150px;}
.footer-logo img { display:block; width:100%; }
.beian { width:200px; text-align:right;}
.copyright { padding:0 25px; }

a.smooth { display:block; width:50px; height:50px; background:url(../../../images/go_top.gif) 0 0 no-repeat; position:fixed; right:10px; bottom:10px; z-index:4003; overflow:hidden; _position:absolute; _margin-bottom:10px; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
a.smooth:hover { background:url(../../../images/go_top.gif) -50px 0 no-repeat;}








.default-news { display:inline; *zoom:1; width:31%; float:left; text-align:left; overflow:hidden; margin:40px 3% 0 0;  border:1px solid #ccc; box-shadow:0px 0px 5px #ddd; border-radius:3px; background-color:#fff; }
.default-news dt { font-weight:bold; text-align:left; padding:0 15px; font-size:16px; }
.default-news dt b { cursor:pointer; display:inline-block; padding:15px 0 10px 0; margin-right:20px; color:#999;  border-bottom:2px solid #fff; }
.default-news dt b.tab_on { color:#000;  border-bottom:2px solid #f90; background:url(../../../images/jt_15_1.gif) center bottom no-repeat;  }
.default-news dd { height:160px; padding:15px 15px 15px 15px; overflow:hidden;}
.default-news dd ul li { width:100%; }
.default-news dd ul li a { float:left; width:75%; height:26px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.default-news dd ul li a:hover { text-decoration:underline;}
.default-news dd ul li span { width:20%; float:right; color:#ccc; text-align:right; clear:both; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:2px; }

#default .main .box { padding-bottom:40px;}


dl.tab {  overflow:hidden;  }
dl.tab dd div.hide { display:none;}


.default-news ul.yewu { width:100%;  overflow:hidden; text-align:center; }
.default-news ul.yewu li { display:inline-block; *display:inline; *zoom:1; float:left; width:30.6666%; margin:0 4% 0 0; padding:0; background:none; height:auto; line-height:inherit;  white-space:inherit; }
.default-news ul.yewu li a { width:auto; padding:0; background:none; height:auto; line-height:inherit;}
.default-news ul.yewu li a img { display:block; border:none; width:100%; margin:0 auto;}
.default-news ul.yewu li a:hover img { filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}



.links { color:#999;  }
.links .box { padding:0px 0 10px 0; font-size:12px;}
.links a { color:#999;}
.links a:hover { color:#06c;}

ul.msg_post { clear:both;}
ul.msg_post li { width:293px; margin:20px 20px 0 0; overflow:hidden; vertical-align:middle;}
ul.msg_post li img { display:inline; float:right; width:90px; height:30px; margin:0; padding:0;border-top:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle; overflow:hidden;}

ul.msg_post textarea { width:97%; max-width:97%; min-width:97%; margin-top:20px; background:#d2e9ff; line-height:2; font-size:16px; color:#000; padding:1%; border-top:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #666;}

ul.msg_post label { display:inline; float:left; height:30px; line-height:30px; background:#eee; border-top:1px solid #666; border-bottom:1px solid #ccc; border-left:1px solid #666; color:#000; width:79px; text-align:center; }

ul.msg_post input { display:inline; float:left; height:30px; line-height:30px; background:#d2e9ff; border-top:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; color:#000; width:212px; text-align:left; text-indent:0.5em;}


        /* 省市联动搜索 */
        body { margin: 0; font-family: 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; background-color: #f4f7f9; color: #333; line-height: 1.6; }

        /* --- MODIFICATION: Increased max-width for PC view --- */
        #logistics-search-component .search-container, .search-container {
            max-width: 900px; /* 从 700px 修改为 900px */
            margin: 30px auto;
            padding: 25px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
            box-sizing: border-box;
        }
        /* --- End Modification --- */

        #logistics-search-component .input-group, .input-group { display: flex; gap: 15px; margin-bottom: 20px; align-items: center; position: relative; }
        #logistics-search-component .input-wrapper, .input-wrapper { flex: 1 1 auto; position: relative; min-width: 120px; }
        #logistics-search-component .input-wrapper i, .input-wrapper i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #888; font-size: 1em; pointer-events: none; }
        #logistics-search-component .text-input, .text-input { width: 100%; padding: 12px 12px 12px 38px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; background-color: #fff; cursor: pointer; transition: border-color 0.3s, box-shadow 0.3s; box-sizing: border-box; appearance: none; -webkit-appearance: none; color: #555; }
        #logistics-search-component .text-input::placeholder, .text-input::placeholder { color: #aaa; }
        #logistics-search-component .text-input:hover, .text-input:hover { border-color: #007bff; }
        #logistics-search-component .text-input:focus, .text-input:focus { border-color: #0056b3; box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2); outline: none; }
        #logistics-search-component .swap-button, .swap-button { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; background: #f0f0f0; color: #555; border: 1px solid #ccc; border-radius: 50%; cursor: pointer; transition: background 0.3s, transform 0.2s; font-size: 14px; flex-shrink: 0; order: 1; }
        #logistics-search-component .swap-button:hover, .swap-button:hover { background: #e0e0e0; transform: rotate(180deg); }

        /* Base style for submit button (Desktop) */
        #logistics-search-component .submit-btn, .submit-btn {
            flex: 0 1 auto; /* Allow shrinking */
            padding: 12px 18px; /* Adjust 18px as needed (e.g., 15px, 20px) */
            background-image: linear-gradient(to right, #007bff, #0056b3);
            color: white;
            border: none;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 2px 5px rgba(0, 123, 255, 0.3);
            order: 2;
            white-space: nowrap; /* Prevent text wrapping */
        }

        #logistics-search-component .submit-btn:hover, .submit-btn:hover { background-image: linear-gradient(to right, #0056b3, #004085); box-shadow: 0 4px 8px rgba(0, 86, 179, 0.4); transform: translateY(-1px); }
        #logistics-search-component .submit-btn:active, .submit-btn:active { transform: translateY(0); box-shadow: 0 1px 3px rgba(0, 86, 179, 0.3); }

        /* Picker styles (unchanged) */
        #logistics-search-component .picker-overlay, .picker-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 9999; opacity: 0; transition: opacity 0.3s ease; }
        #logistics-search-component .picker-overlay.visible, .picker-overlay.visible { display: block; opacity: 1; }
        #logistics-search-component .city-picker, .city-picker { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -45%); background: white; border-radius: 10px; width: 90%; max-width: 450px; max-height: 85vh; z-index: 10000; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15); opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; flex-direction: column; overflow: hidden; }
        #logistics-search-component .city-picker.visible, .city-picker.visible { display: flex; opacity: 1; transform: translate(-50%, -50%); }
        #logistics-search-component .picker-header, .picker-header { padding: 12px 15px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
        #logistics-search-component .picker-title, .picker-title { font-size: 17px; font-weight: 600; color: #333; }
        #logistics-search-component .picker-close-btn, .picker-close-btn { background: none; border: none; font-size: 22px; color: #888; cursor: pointer; padding: 5px; line-height: 1; }
        #logistics-search-component .picker-close-btn:hover, .picker-close-btn:hover { color: #333; }
        #logistics-search-component .picker-content, .picker-content { padding: 15px; overflow-y: auto; flex-grow: 1; }
        #logistics-search-component .province-list, .province-list, #logistics-search-component .city-list, .city-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 10px; list-style: none; padding: 0; margin: 0; }
        #logistics-search-component .province-item, .province-item, #logistics-search-component .city-item, .city-item { padding: 8px 10px; border: 1px solid #eee; border-radius: 5px; text-align: center; cursor: pointer; transition: background-color 0.2s, color 0.2s, border-color 0.2s; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        #logistics-search-component .province-item:hover, .province-item:hover, #logistics-search-component .city-item:hover, .city-item:hover { background-color: #f0f8ff; color: #007bff; border-color: #bde0ff; }

        /* --- Responsiveness --- */
        @media (max-width: 650px) {
            /* On mobile, override the desktop max-width using margins */
            #logistics-search-component .search-container, .search-container {
                 max-width: none; /* Remove max-width limit for mobile */
                 margin: 15px;
                 padding: 20px;
            }
            #logistics-search-component .input-group, .input-group { flex-wrap: wrap; gap: 10px; }
            #logistics-search-component .input-wrapper, .input-wrapper { flex: 1 1 100%; min-width: 0; order: 0; }
            #logistics-search-component .swap-button, .swap-button { order: 1; width: 100%; border-radius: 6px; margin: 5px 0; height: 35px; font-size: 16px; }
            #logistics-search-component .swap-button:hover, .swap-button:hover { transform: none; }

            /* Mobile style for submit button */
            #logistics-search-component .submit-btn, .submit-btn {
                flex: 1 1 100%; /* Full width on mobile */
                padding: 12px; /* Mobile padding (less horizontal than desktop base) */
                font-size: 16px;
                order: 2;
            }

            #logistics-search-component .text-input, .text-input { font-size: 15px; padding: 11px 11px 11px 35px; }
            #logistics-search-component .city-picker, .city-picker { width: 95%; max-height: 80vh; }
            .province-list, .city-list { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 8px; }
            .province-item, .city-item { font-size: 13px; }
        }