html, body { background:#fafafa; padding: 0; margin: 0 auto; font:normal normal normal 14px/150% microsoft yahei;}
div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, th, td, hr, blockquote, form, header { margin:0 auto; padding:0;}
h1, h2, h3, h4, h5, h6, em { font-weight: normal; font-size: 100%; font-style: normal;}
a { cursor: pointer; text-decoration: none; transition:all 0.3s; color: #666;}
.tool a:hover,.tjl a:hover,.website a:hover,.link a:hover { color: #FF0004; text-decoration: underline}
a:active, a:focus { outline: none;}
ul, li { list-style: none;}
img { border: 0;}
input,textarea,fieldset { padding:0px; margin:0 auto}
::-webkit-scrollbar { width: 10px; height: 10px}
::-webkit-scrollbar-button:vertical { display: none}
::-webkit-scrollbar-track:vertical { background-color: #000}
::-webkit-scrollbar-track-piece { background-color: #eee}
::-webkit-scrollbar-thumb:vertical { margin-right: 10px; background-color: #bbb}
::-webkit-scrollbar-thumb:vertical:hover { background-color: #666}
::-webkit-scrollbar-corner:vertical { background-color: #535353}
::-webkit-scrollbar-resizer:vertical { background-color: #FF6E00}
.clearbox { clear: both;}
.f_l { float:left}
.f_r { float:right}

.top { width: 100%; height: 36px; background: #555555; line-height: 36px; font-size: 12px; color: #aaa;}
.w1200 { width: auto; max-width: 1200px; padding: 0 10px; box-sizing: border-box;}
.w1200 a { color: #aaa;}
.w1200 span em { margin: 0 8px}
#date em { margin-left: 8px;}
.head { width: 94%; max-width: 1000px; height: 64px; }
.logo { float: left; margin-top: 15px;}
.logo img { max-width: 100%; vertical-align: middle;}
.white { width: 100%; height: 64px; background: white; border-bottom: #ec6941 2px solid}
.area { float: left; margin-left: 30px; margin-top: 26px; font-size: 16px; width: 108px; color: #555; line-height: 20px;}
.area a { color: #5f8fd1; font-size: 12px;}
.weather { float: left; height: 45px; margin-top: 24px; overflow: hidden; margin-right: 30px}
.weather img { float: left; margin-right: 12px; display: inline-block; width: 45px; height: 45px;}
.weather div { float: left; display:inline; padding-top: 1px; color: #666;; line-height: 22px; font-size: 13px}
.weather div span { margin-left: 8px}
.mail_log { float: right; margin-top: 14.5px;}
.mail_log input[type=text] { height: 31px; float: left; outline: none; border: #e2e2e2 1px solid; background: #fafafa; border-radius: 4px 0 0 4px; width: 112px; color: #666; padding: 0 10px; box-sizing: border-box; }
.mail_log input[type=password] { height: 31px; float: left; margin-left: 10px; outline: none; border: #e2e2e2 1px solid; background: #fafafa; border-radius: 4px; width: 112px; color: #666; padding: 0 10px; box-sizing: border-box; }
.mail_log button { border: 0; background: #2babe6; border-radius: 4px; color: #fff; width: 60px; height: 33px; float: left; margin-left: 10px; outline: none; cursor: pointer;}
.main_bg { width: 100%; background: url(../images/bg.png) no-repeat center top; padding-top: 30px;}
.search { width: 94%; max-width: 864px; overflow: hidden;}
.se_nav { height: 38px; padding-left: 133px;}
.se_nav a { display: inline-block; height: 38px; line-height: 38px; border-radius: 5px 5px 0 0; font-size: 16px; float: left; margin-right: 10px; padding: 0 15px; white-space: nowrap;}
.se_nav a.on { background: #ec6941; color: #fff;}
.se_box { width: 100%; height: 50px; overflow: hidden;}
.se_box div.se_img { width: 133px; float: left;}
.se_box div.se_img img { display: block; margin-left: 0; max-height: 50px; max-width: 113px;}
.se_box div.se_img img.none { display: none}
.se_box div.se_in { float: right; width: calc(100% - 133px); }
.se_box div.se_in input { height: 50px; float: left; font-size: 16px; width: calc(100% - 132px); border: #ec6941 2px solid; border-right: 0; outline: none; box-sizing: border-box; padding: 0 15px; color: #666;}
.se_box div.se_in button { width: 132px; height: 50px; background: #ec6941; border: 0; float: left; color: #fff; font-size: 18px; outline: none; cursor: pointer;}
.tjl { width: 94%; max-width: 1200px; text-align: center; line-height: 34px; margin-top: 16px; word-break: break-all;}
.tjl b { color: #ec6941}
.tjl a { color: #666; margin-right: 12px; white-space: nowrap;}

.part1 { width: 94%; max-width: 1200px; margin-top: 15px}
.part1_l { width: 270px; float: left; box-sizing: border-box;}
.part1_r { width: calc(100% - 285px); float: right;}
.tool { width: 100%; background: #fff; border: #e8e8e8 1px solid; overflow: hidden; box-sizing: border-box; }
.tool h3 { line-height: 34px; border-bottom: #e8e8e8 1px solid; padding:0 20px ;font-size: 14px; font-weight: bold; color: #555;}
.tool h3 a { float: right; font-size: 12px; font-weight: normal; color: #aaa}
.tool_ul { overflow: hidden; padding-top: 8px; margin: 0 0 10px 0; text-align: center;}
.tool_ul li { width: 124px; line-height: 30px; height: 30px; float: left;}
.tool_ul li a { display: inline-block}
.tool_ul li a img { float: left; margin: 10px 8px 0 0; width: 20px; height: 20px;}
.mt15 { margin-top: 10px;}
.mb15 { margin-bottom: 10px;}

.website { width: 100%; background: #fff; overflow: hidden; border:#e8e8e8 1px solid; box-sizing: border-box;}
.website h3 { height: 34px; line-height: 34px; color: #666; font-size: 14px; padding: 0 20px; border-bottom: #e8e8e8 1px solid;}
.website h3 a { float: right; color: #2babe6; font-size: 12px;}
.website dl { width: auto; height: 40px; padding: 0 20px;}
.website dl dt { width:60px; float: left ; line-height: 40px; color:#666; font-weight: bold;}
.website dl dt a { color: #6595dd}
.website dl dd { width:100%; float: right ; line-height: 32px; text-align: center; margin: 10px 0 10px 0;}
.website dl dd a { width: 10%; display: inline-block; float: left; color: #666; overflow: hidden; white-space: nowrap;}
.website dl dd em a { float: right; width: 50px; text-align: right; color: #ec6941;}

.gray { background: #fcfcfc}

.mzdh { width: 100%; background: #fff; overflow: hidden; border:#e8e8e8 1px solid; box-sizing: border-box;}
.mzdh h3 { height: 54px; line-height: 54px; color: #666; font-size: 18px; padding: 0 20px; border-bottom: #e8e8e8 1px solid;}
.mzdh h3 a { float: right; color: #2babe6; font-size: 14px;}
.mzdh ul { overflow: hidden; padding: 8px 20px 0 20px;}
.mzdh ul li { float: left; width: 14.28%; line-height: 40px}
.mzdh ul li a { display: inline-block;}
.mzdh ul li img { float: left; margin: 10px 8px 0 0; width: 20px; height: 20px;}

.wzdq { width: 100%; background: #fff; overflow: hidden; border:#e8e8e8 1px solid; margin-top: 15px; box-sizing: border-box;}
.wzdq h3 { height: 54px; line-height: 54px; color: #666; font-size: 18px; padding: 0 20px; border-bottom: #e8e8e8 1px solid;}
.wzdq h3 a { float: right; color: #2babe6; font-size: 14px;}
.wzdq ul { height: 46.3px; overflow: hidden;}
.wzdq ul.bg0 { background: #fcfcfc}
.wzdq ul li { display: inline-block; float: left; line-height: 46px; width: 11.11%; text-align: center; background: url(../images/h.png) no-repeat right center}
.wzdq ul li:last-child { background: none}

.city { width: 100%; background: #fff; overflow: hidden; border:#e8e8e8 1px solid; margin-top: 15px; box-sizing: border-box;}
.city h3 { height: 54px; line-height: 54px; color: #666; font-size: 18px; padding: 0 20px; border-bottom: #e8e8e8 1px solid;}
.city h3 a { float: right; color: #2babe6; font-size: 14px;}
.city ul { line-height: 44px; overflow: hidden;}
.city ul li { width: 6.25%; display: inline-block; float: left; text-align: center; background: url(../images/h.png) no-repeat right center}
.city ul li:last-child { background: none}
.city ul.gray { background: #fcfcfc}
.link { width: 100%; background: #fff; margin-top: 40px; border-top: #ec6941 2px solid}
.link div.w1200 { padding: 20px 10px; color: #ccc; text-align: center}
.link a { color: #666; margin: 0 10px; white-space: nowrap;}

.foot { width: 100%; min-height: 46px; line-height: 46px; background: #555;}
.foot div { width: auto; max-width: 1200px; padding: 0 10px; box-sizing: border-box; text-align: center; line-height: 46px; color: #e4e4e4; font-family: verdana;}
.foot div a { color: #e4e4e4}

@media (max-width: 1024px) {
  .part1_l { width: 100%; float: none;}
  .part1_r { width: 100%; float: none; margin-top: 10px;}
}

@media (max-width: 900px) {
  .se_nav { padding-left: 0;}
  .se_nav a { padding: 0 10px; margin-right: 6px;}
  .website dl dd a { width: 12.5%;}
}

@media (max-width: 768px) {
  body { font-size: 13px;}
  .white { height: auto; min-height: 64px; padding-bottom: 12px;}
  .head { height: auto;}
  .logo { float: none; text-align: center; margin-top: 12px;}
  .logo img { max-height: 38px;}
  .mail_log { float: none; margin-top: 10px;}
  .mail_log form { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px;}
  .mail_log form > * { float: none; margin-left: 0;}
  #loginMailHiddenBox { display: none;}
  .mail_log input[type=text], .mail_log input[type=password] { flex: 1 1 120px; width: auto; max-width: 150px; border-radius: 4px;}
  .mail_log .dropdown { flex: 0 0 130px; width: 130px; border: 1px solid #e2e2e2; border-radius: 4px;}
  .mail_log .dropdown div { left: auto; right: 0;}
  .mail_log button { flex: 0 0 60px;}
  .se_box div.se_img { display: none;}
  .se_box div.se_in { width: 100%;}
  .se_box div.se_in input { width: calc(100% - 112px);}
  .se_box div.se_in button { width: 112px;}
  .tjl { line-height: 28px;}
  .tool_ul li { width: 33.33%;}
  .website dl dd a { width: 20%;}
  .link div.w1200 { line-height: 26px;}
}

@media (max-width: 480px) {
  .se_nav a { font-size: 14px; padding: 0 8px; margin-right: 4px;}
  .se_box div.se_in input { width: calc(100% - 92px); font-size: 15px;}
  .se_box div.se_in button { width: 92px; font-size: 16px;}
  .website dl { padding: 0 10px;}
  .website dl dd a { width: 25%;}
  .tool_ul li { width: 50%;}
  .link a { margin: 0 6px;}
}