BODY {background:URL(bg-.jpg) #fff;background-repeat:repeat-y;background-position:top center;background-position:top center;margin:0px;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; font-size:26px; line-height:40px; color:#000; text-align:center; color:#0F0}
H2 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; font-size:20px; line-height:30px; color:#000; text-align:center; }

div{margin:0;padding:0;}
td{font-size:16px;line-height:24px;color:#333;}
hr{height:1px;border:none;margin:10px auto; border-bottom:#000 2px solid;}
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;}
a.N1a:link{padding:0 8px;}
a.N1a:visited{padding:0 8px;}
a.N1a:hover{padding:0 8px;}
a.N1a:active{padding:0 8px;}

@keyframes slideIn {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.moveLeft{animation-name: slideIn; animation-duration: 1s;}



@keyframes moveLeft {
from {
	transform: translateX(-100%);
    opacity: 0;
	}
to {
	transform: translateX(0);
    opacity: 1;
	}
}

.moveLeft{animation-name: slideIn; animation-duration: 1s; 
}



#bgcenter{ width:100%; max-width:1600px; clear:both; margin:0 auto; background-color:#fff;}

#bann{width:100%; margin:0 auto; clear:both;background:url(bannbg.jpg); background-position:center; background-repeat:repeat-y; text-align:center;}
#bann img{width:95%;}


#menu{ width:100%; margin:0 auto; height:55px; background-color:#666;}
#menu_logo{ float:left; width:13%; height:55px;}
#menutext{float:left;width:87%;}
#menu_text{ float:left; width:100%; overflow:hidden; height:48px; z-index:999;}
#menu_text ul li{ height:30px; line-height:30px; text-align:center;background:URL(menu_nav.png); background-repeat:no-repeat; background-position:left; }
#menu_text ul li a{ font-size:18px; color:#fff; letter-spacing: 2px; font-weight:bold;}
#menu_text_ad{float:left; width:87%; height:55px; line-height:55px; display:none;}
.p20{float:left; width:10%;height:55px; line-height:55px; margin-top:12px;}
.p25{}
.p100{}


#center0{width:95%; margin:0 auto; clear:both;}
#brandlogo1{width:200px; float:left; text-align:left;}
#brandlogo2{width:296px; float:right; text-align:right;}
#gudid{width:95%;margin:0 auto; clear:both; font-size:18px; line-height:45px; padding:50px 0;}
#gudid img{ width:100%; padding-top:50px;}
#products{width:95%;margin:0 auto; clear:both; font-size:18px; line-height:45px; padding-top:15px; border-top:#ccc 1px solid;}
#products ul li{ float:left; text-align:center; font-size:18px; color:#000; overflow:hidden;}
#products ul li img{ width:100%;transition: transform 0.3s ease;}
#products ul li img:hover{transform: scale(1.2);}
.p1{ width:25%;}
.p2{ width:25%;}
.p3{ width:17.5%;}
.p4{ width:15%;}
.p5{ width:17.5%;}

#ctitle{width:100%;background:url(bannbg.jpg); font-size:30px; line-height:80px; height:80px; font-weight:normal; color:#FFF; margin:20px auto; clear:both;}
#ctitle div{width:95%;margin:0px auto; text-align:center;}
#ctitle div span{ position:absolute; right:20px;}
#ctitle div span a{ font-size:14px; color:#FFF;}

#case{width:95%; margin:0px auto 30px auto; clear:both; border:#333 1px solid; height: auto; padding:30px;box-sizing: border-box;}
#case1{ float:left; width:100%; font-size:18px; line-height:40px;}
#case1 strong{ font-size:22px; color:#F00; line-height:55px;}
#case2{ float:right; width:100%; padding-top:25px;}
#case2 img{ width:100%;}

#about{width:95%; margin:50px auto; clear:both; font-size:16px; line-height:36px;box-sizing: border-box; border:#333 1px solid; padding:30px;}
#about strong{ color:#000;}
#about1{width:63%; float:left;}
#about2{width:35%; float:right;}

@media all and (max-width: 1024px) {
BODY{ font-size:14px; line-height:30px;}
#menu{ height:120px;}
#menu_logo img{ height:100px;}
#menutext{width:100%;}
#menu_text{ right:0; width:100%; position:absolute; z-index:999; background-color: rgba(0, 0, 0, 0.9); height:auto; top:55px; display:none; padding-top:15px; padding-bottom:15px;}
#menu_text ul li{background: url(../images/n.png);background-color: rgba(0, 0, 0, 0.01); margin-top:0;}
#menu_text ul li a{ font-weight:normal; font-size:20px; color:#FFF;letter-spacing:0; }
#menutext{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:55px; line-height:55px; margin-top:12px;}
.p25{float:left; width:25%;height:55px; line-height:55px; margin-top:12px;}
.p100{ clear:both;width:100%;height:105px; line-height:105px; margin-top:12px; font-size:18px; color:#FF0; font-weight:bold;}

#products{width:95%;margin:0 auto; clear:both; font-size:18px; line-height:45px; padding-top:15px; border-top:#ccc 1px solid;}
#products ul li{ float:left; text-align:center; font-size:18px; color:#000; overflow:hidden;}
#products ul li img{ width:100%;transition: transform 0.3s ease;}
#products ul li img:hover{transform: scale(1.2);}
.p1{ width:50%;}
.p2{ width:50%;}
.p3{ width:35%;}
.p4{ width:30%;}
.p5{ width:35%;}


#bann img{padding-top:50px; padding-bottom:50px;}
#brandlogo1{width:50%; float:left; text-align:left;}
#brandlogo1 img{ width:100%;}
#brandlogo2{width:40%; float:right; text-align:right;}
#brandlogo2 img{ width:100%;}
#gudid{width:95%;margin:0 auto; clear:both; font-size:14px; line-height:30px; padding:20px 0 0 0;}
#ctitle{width:100%;background:url(bannbg.jpg); font-size:20px; line-height:60px; height:60px; font-weight:normal; color:#FFF; margin:20px auto; clear:both;box-sizing: border-box;}
#ctitle div{width:95%;margin:0px auto; text-align:center;}

#case{width:95%; margin:0px auto 30px auto; clear:both; border:#333 1px solid; height: auto; padding:15px;box-sizing: border-box;}
#case1{width:100%; font-size:14px; line-height:25px;}
#case1 strong{font-size:16px; color:#F00; line-height:35px;}
#case2{ width:100%;}

#about{width:95%; margin:50px auto; clear:both; font-size:18px; line-height:36px;box-sizing: border-box; border:#333 1px solid; padding:15px;}
#about1{width:100%; font-size:14px; line-height:24px; overflow:hidden;}
#about2{width:100%; font-size:14px; line-height:24px; margin-top:15px;}

#bottom2_cener{clear:both; width:100%; margin:0 auto; border-top:#222 1px solid; padding:15px 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:16px; line-height:30px; background:url(http://www.szzs360.com/image/bottom-tel-.jpg); background-repeat:no-repeat; background-position:left center; padding-left:0px;box-sizing: border-box;}
#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_3{ width:100%; text-align:center; margin-top:10px;}
#bottom2_5{ float:left; width:120px; text-align:left;}
#bottom2_6{ float:left; width:120px; text-align:left;}
#bottom2_7{ float:left; width:120px; text-align:left;}