BODY {margin:0px;background:#fff;FONT-SIZE: 14px;LINE-HEIGHT: 24px;color:#444;FONT-FAMILY: "΢ÈíÑźÚ","ËÎÌå","Arial Narrow";
scrollbar-face-color:#70807d; scrollbar-arrow-color:#ffffff; scrollbar-highlight-color:#70807d; scrollbar-3dlight-color:#70807d; scrollbar-shadow-color:#ccc; scrollbar-darkshadow-color:#70807d; scrollbar-track-color:#fff}
FORM {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;list-style-type:none;}
P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H2 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; line-height:50px; font-size:18px;}
H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H4 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H5 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H6 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
div{margin:0;padding:0;}
td{font-size:14px;line-height:24px;color:#333;}
hr{height:1px;border:none;margin:10px auto;}
a:link{color:#444;text-decoration:none;}
a:visited{color:#444;text-decoration:none;}
a:hover{color:#c00;text-decoration:none;}
a:active{color:#444;text-decoration:none;}

@keyframes moveL {
  0%{ transform: translateX(-100px); }
  30% { transform: translateX(0); }
  60% { transform: translateX(-50px); }
  100% { transform: translate(0px); }
}

@keyframes idrop {
	from{margin-top:-20px;}
	to{lmargin-top:0px;}
	} 

#cl{ width: 100%; clear:both; line-height:1px; height:10px;}
#center100{width:100%; background-color:#eee; clear:both;}
#contain{width:90%; background-color:#f1f1f1; clear:both; margin:0 auto;}
#menu{ width:90%; height:60px; color:#444; text-align:center; margin:0 auto;}
#navlogo{ width:16%; height:60px; float:left;display: flex;justify-content: center;align-items: center;}
#navlogo img{width:70%; border:0;}
#navmenu{width:84%; height:60px; float:left;}



.p20{ float:left; width:6.6%; text-align:center; border-left:#ddd 1px solid; line-height:20px; height:20px; margin-top:20px; box-sizing:border-box;}
.p20 a{ color:#444; font-size:16px;}
.p25{ display:none;}
.p100{ display:none;}

#banner{width:90%; margin:0 auto; height:auto;}
#banner img{width:100%;animation: moveL 0.8s forwards;}
#banner1{width:90%; margin:8px auto 0 auto; height:auto; background-color:#a00; color:#FFF; height:auto; min-height:100px;}
#banner1 ul li{ float:left; width:20%; border-left:#C33 1px solid; text-align:center;box-sizing:border-box; font-size:25px; font-weight:bold; height:100px; line-height:100px;}
#banner1 ul li:first-child{border-left:0;}
#banner1 ul li a{ color:#FFF;}
#banner2{width:90%; margin:0 auto; height:auto; background-color:#a00; color:#FFF; clear:both; height:auto; min-height:80px; border-top:#C33 1px dotted; padding-top:20px;}
#banner2 ul li{ float:left; width:20%;  text-align:center;box-sizing:border-box; font-size:14px; height:30px; line-height:30px; color:#FFF;}
#banner2 ul li:first-child{border-left:0;}
#banner2 ul li strong{font-size:20px; font-weight:normal;}
.tok{animation: idrop 1s linear infinite alternate; color:#FF0; font-weight:bold;}


#dbt{MARGIN: 15px auto;clear:both;WIDTH: 100%;overflow:hidden; background-color:#900; font-weight:bold; font-size:20px; height:65px; line-height:65px; color:#FFF;}
#logo1{float:left; width:20%;padding:25px; overflow:hidden;box-sizing: border-box;}
#logo2{width:100%;display: flex;justify-content: center;align-items: center; position: relative; overflow:hidden;box-sizing: border-box; overflow:hidden;border:#333 1px solid;}
#logo2 img{width:100%; transition: transform 0.3s ease; object-fit: cover;display: block;clear:both;}
#logo2 span {position: absolute;bottom: 0;width: 100%;height: 30px;display: flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.8);color: white; font-size: 1.0rem; font-weight: bold;opacity: 1;transition: opacity 0.3s ease;transition: 0.5s; text-align:center;}
#logo2 span a {color:#fff;text-decoration:none; line-height:30px;}
#logo2:hover span {opacity: 1;height: 100%;}
#logo2:hover img {transform: scale(1.1);}
#logo3{float:left; width:60%; overflow:hidden; text-align:center; font-size:14px;}
#logo4{float:left; width:40%; overflow:hidden; text-align:left;}
#logo4 a{ background-color:#900; color:#FFF;border-radius: 15px;padding:2px 15px 3px 15px;}

.vote-link {cursor: pointer; color:#FFF;}

/*20200514°æ*/
#footcl{ clear:both; width:100%; height:15px; line-height:15px;}
#bottom1{ clear:both; margin:0 auto;width:95%; background-color:#111; height:270px; padding-top:15px;}
#bottom1 h2{ font-size:16px; line-height:35px; height:35px; color:#ccc; clear:both; text-align:left; margin:0 auto; width:100%; font-weight:600;}
#bottom_guid{clear:both; width:100%; margin:0 auto; background-color:#111;}
#bottom_guid ul li{float:left; width:100px; font-size:12px; line-height:28px; list-style:none; height:28px; line-height:28px; overflow:hidden;}
#bottom_guid ul li a{color:#777;}
#bottom2{ clear:both; margin:0 auto;width:100%; background-color:#111; height:137px; overflow:auto;}
#bottom2_cener{clear:both; width:95%; margin:0 auto; padding:15px 0; height:86px;}
#bottom2_1{ float:left; width:30%; text-align:left;color:#eee; font-size:16px; line-height:30px; background:url(http://www.szzs360.com/image/bottom-tel.jpg); background-repeat:no-repeat; background-position:left center; padding-left:40px;box-sizing: border-box;}
#bottom2_2{ float:left; width:30%; text-align:left;color:#eee; font-size:16px; line-height:30px; border-left:#222 1px solid; border-right:#222 1px solid; padding-left:90px; background:url(http://www.szzs360.com/image/bottom-tel1.jpg); background-repeat:no-repeat; background-position:50px center;box-sizing: border-box;}
#bottom2_2 a{ color:#eee;}
#bottom2_3{ float:left; width:40%; text-align:center;color:#CCC;box-sizing: border-box;}
#bottom2_3 ul {display: flex; justify-content: center; align-items: center;  list-style: none; padding: 0; }
#bottom2_3 ul li{ padding-left:15px;}
#bottom2_3 ul li::first-child{ padding-left:0px;}

#bottom2_5{ float:left; width:148px; text-align:right;color:#CCC;}
#bottom2_6{ float:left; width:130px; text-align:right;color:#CCC;}
#bottom2_7{ float:left; width:130px; text-align:right;color:#CCC;}

#bottom3{ clear:both; margin:0 auto;width:100%; background-color:#000;border-top:#222 1px solid; text-align:center; line-height:45px; height:45px; color:#b0b0b0; font-size:14px;}
#bottom3 a{ color:#b0b0b0;}

#about_l{ float:left; width:65%;}
#about_r{ float:right; width:33%;}
#about_bt{ width:100%; clear:both; height:50px; background-color:#a00; font-size:20px; line-height:50px; color:#FFF; padding-left:20px;box-sizing: border-box;}
#about_lr{width:100%; clear:both;padding:20px; border:#444 1px solid;box-sizing: border-box; font-size:16px; line-height:35px; color:#333; margin:15px auto;}

.hd{ background-color:#fff; border-bottom:#ccc 1px solid;}
.hd:hover{ background-color:#9C0;}

.pm{ width:90%; margin:30px auto; border:#a00 1px solid;}
.pm_t{ font-size:30px; background-color:#a00; color:#FFF; text-align:center; height:80px; border-bottom:#fff 20px solid;}
#note{ line-height:400px; height:400px; font-size:40px; text-align:center;}
.bm{padding-left:20px; font-size:16px; line-height:40px; font-weight:bold;}
.bm h3{ text-align:center; font-size:28px; line-height:120px;}
#baomin{ clear:both; width:100%; background-color:#900;line-height:100px; height:100px; font-size:24px; font-weight:bold; text-align:center;}
#baomin a{ color:#fff;}



@media all and (max-width: 1024px) {
BODY{ font-size:14px; line-height:30px;}
#menu{height:60px; background-color:#FFF;}
#navlogo{ width:100%; height:60px; float:left;display: flex;justify-content: left;align-items: center;}
#navlogo img{ height:50px; width:auto; margin-top:5px;}
#navmenu{right:0; width:100%; position:absolute; z-index:999; background: rgba(0, 0, 0, 0.8); display:none; height:auto; margin-top:55px; padding-top:15px; padding-bottom:15px;transition: 0.5s}
#navmenu ul li{background: url(../images/n.png);background-color: rgba(0, 0, 0, 0.01); margin-top:0;}
#navmenu ul li a{ font-weight:normal; font-size:14px; color:#FFF; letter-spacing:0;}
#navmenu{position:fixed; width:100%; right:0; top:0;}
#menu_text_ad{position:absolute;top:0; right:0; width:50%; height:55px; line-height:55px;display:block; text-align:right; font-size:64px; color:#000; cursor:pointer; z-index:100;}
.p20{float:left; width:20%;height:25px; line-height:25px; margin-top:12px; border:0;}
.p25{float:left; width:25%;line-height:25px; margin-top:12px; display:block;}
.p100{clear:both;width:100%;line-height:45px; font-size:18px; color:#FF0; font-weight:bold; display:block;}

#contain{width:100%; background-color:#f1f1f1; clear:both; margin:0 auto;}
#menu{ width:100%; height:60px; color:#444; text-align:center; margin:0 auto;}
#banner{width:100%; margin:0 auto; height:auto;}
#banner img{width:100%;animation: moveL 0.8s forwards;}
#banner1{width:100%; margin:0 auto; height:auto; background-color:#a00; color:#FFF; height:auto; min-height:50px;}
#banner1 ul li{ float:left; width:20%; border-left:#C33 1px solid; text-align:center;box-sizing:border-box; font-size:18px; font-weight:bold; height:50px; line-height:50px;}
#banner1 ul li:first-child{border-left:0;}
#banner1 ul li a{ color:#FFF;}
#banner2{width:100%; margin:0 auto; height:auto; background-color:#a00; color:#FFF; clear:both; height:auto; min-height:80px; border-top:#C33 1px dotted; padding-top:20px;}
#banner2 ul li{ float:left; width:20%;  text-align:center;box-sizing:border-box; font-size:10px; height:30px; line-height:18px; color:#FFF;}
#banner2 ul li:first-child{border-left:0;}
#banner2 ul li strong{font-size:16px; }

#dbt{MARGIN: 15px auto;clear:both;WIDTH: 100%;overflow:hidden; background-color:#900; font-weight:bold; font-size:16px; height:65px; line-height:65px; color:#FFF; text-align:center;}
#logo1{float:left; width:25%;  padding:10px; overflow:hidden;box-sizing: border-box;}
#logo2{width:100%;display: flex;justify-content: center;align-items: center;position: relative; overflow:hidden;box-sizing: border-box;}
#logo2 img{width:100%; transition: transform 0.3s ease;object-fit: cover;display: block;clear:both;}
#logo2 span {position: absolute;bottom: 0;left: 0;width: 100%;height: 20px;display: flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.8);color: white; font-size: 1.0rem; font-weight: bold;opacity: 1;transition: opacity 0.3s ease; text-align:center;}
#logo2 span a {color:#fff;text-decoration:none; line-height:30px; font-size:12px; font-weight:normal;}
#logo2:hover span {opacity: 1; height:100%;}
#logo3{width:100%; overflow:hidden; text-align:center; font-size:12px;}
#logo4{width:100%; overflow:hidden; text-align:center; font-size:12px;}

#footcl{clear:both; margin:0 auto;width:100%;}
#bottom2_cener{clear:both; width:100%; margin:0 auto; padding:10px 0; height:auto; overflow:hidden;}
#bottom2{ clear:both; margin:0 auto;width:100%; background-color:#111; height:auto;}
#bottom2_1{width:100%; text-align:center;color:#eee; font-size:14px; line-height:30px; background:url(http://www.szzs360.com/image/bottom-tel-.jpg); padding-left:0px;padding-bottom:10px;box-sizing: border-box; clear:both; border-bottom:#222 1px solid;}
#bottom2_2{width:100%; text-align:left;color:#eee; font-size:16px; line-height:30px; border-left:#222 0px solid; border-right:#222 0px solid; padding-left:0px; background:url(http://www.szzs360.com/image/bottom-tel1.jpg); background-repeat:no-repeat; background-position:0px center;padding-left:40px; clear:both;box-sizing: border-box; display:none;}

#bottom2_5{ float:left; width:33%; text-align:center; padding-top:15px;}
#bottom2_6{ float:left; width:34%; text-align:center; padding-top:15px;}
#bottom2_7{ float:left; width:33%; text-align:center; padding-top:15px;}
#bottom3{ font-size:12px;}
#bottom3 a{ display:none;}

#about_l{ float:left; width:100%;}
#about_r{ float:left; width:100%;}

.pm_t{font-size:20px; background-color:#a00; color:#FFF; text-align:center; height:50px; border-bottom:#fff 5px solid;}
.pm{ width:100%; margin:20px auto; border:#a00 1px solid;}
.pm_name{ display:none;}
#note{ line-height:400px; height:400px; font-size:20px; text-align:center;}
.bm{padding-left:20px; font-size:14px; line-height:30px;}
.bm h3{ text-align:center; font-size:28px; line-height:60px;}
}