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: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}


#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%;animation-name: slideIn; animation-duration: 1s;}


#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 30px; font-weight:bold;box-sizing: border-box;}
#gudid p{ margin:9px 0;}
#zj{width:95%; margin:0 auto; clear:both; font-size:18px; line-height:45px; border:#333 1px solid; padding:30px; font-weight:bold;box-sizing: border-box;}

#ctitle{width:100%;background:url(bannbg.jpg); font-size:30px; line-height:60px; font-weight:normal; color:#FFF; margin:0px auto 50px auto; clear:both;}
#ctitle div{width:95%;margin:0px auto; text-align:center; padding:30px 0;}
#ctitle div strong{font-size:41px; letter-spacing:7px;}

#cases{width:95%;margin:0px auto; clear:both; border:#333 1px solid; padding:30px; margin-bottom:30px; box-sizing: border-box; line-height:32px; height:auto;overflow: hidden;}
#cases p{ margin:9px 0;}
#cases strong{ line-height:55px; font-size:20px;  background-color:#019dc5; color:#FFF; padding:5px 15px; border-left:#01ad73 10px solid;}
#jj{ width:32%; float:left;}
#tp{ width:64%; float:right;}
#tp0{ float:left; width:100%;}
#tp0 img{ width:100%}
#tp1{ float:left; width:19%;}
#tp1 ul li{ width:100%; text-align:center;}
#tp1 img{ width:97%;height: auto;object-fit: cover;}
#tp2{ float:right; width:80%; text-align:right;}
#tp2 img{ width:99%;}
#about{width:95%; margin:50px auto; clear:both; font-size:16px; line-height:36px; border:#333 1px solid; padding:30px;box-sizing: border-box;}
#about strong{ color:#000;}
#about1{width:65%; float:left;overflow-y:scroll;}
#about2{width:34%; float:right;}



@media all and (max-width: 1024px) {
BODY{ font-size:14px; line-height:30px;}
#menu{ height:60px;}
#menu_logo img{ height:55px;}
#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:14px; 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:205px; line-height:205px; font-size:18px; color:#FF0; font-weight:bold;}


#bann img{width:100%; padding-top:40px; padding-bottom:40px;}
#brandlogo1{width:40%; 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;box-sizing: border-box;}
#zj{width:95%; font-size:14px; line-height:30px; padding:20px; border:#333 1px solid;box-sizing: border-box;}

#ctitle{width:100%;background:url(bannbg.jpg); font-size:20px; line-height:40px; font-weight:normal; color:#FFF; margin:20px auto; clear:both;box-sizing: border-box;}
#ctitle div{width:95%;margin:0px auto; text-align:center; padding:18px 0 10px 0;font-size:20px;}
#ctitle div strong{font-size:28px; letter-spacing:1px;}

#cases{width:100%;margin:0px auto 30px auto; clear:both; padding:10px;height: auto;box-sizing: border-box; font-size:14px; line-height:28px; height:auto;overflow: hidden;}
#cases p{ margin:9px 0;}
#cases strong{line-height:35px; font-size:16px; background-color:#019dc5; color:#FFF; padding:5px 15px; border-left:#01ad73 10px solid;}
#jj{ width:100%;}
#tp{ width:100%;position: relative;}
#tp img{ width:100%;}

#tp1{width:100%;
position: absolute; /* 脱离文档流，浮在 tp2 上方 */
    bottom: 5px;          /* 紧贴底部 */
    left: 50%;          /* 左边线移动到父容器中间 */
    transform: translateX(-50%); /* 向左回退自身宽度的50%，实现完美水平居中 */
    z-index: 10;   }
#tp1 ul {
margin: 0;
    padding: 0;         /* 【重要】清除浏览器默认给 ul 加的左侧 padding，否则会导致视觉偏右 */
    list-style: none;   /* 去除圆点 */
    
    display: flex;      /* 启用弹性布局 */
    justify-content: center; /* 【核心】让所有 li 在 ul 内水平居中 */
                              /* 这保证了：第一个li左边距 == 最后一个li右边距 */
    align-items: center;     /* 垂直方向也居中 */
         
}
#tp1 ul li{ float:left; width:25%; text-align:center;margin: 0;}
#tp1 img{ width:80%; border:#fff 2px solid;}
#tp2{ width:100%;}
#tp2 img{ width:100%;}
#about{width:100%; margin:30px auto; clear:both; font-size:14px; line-height:26px; border:#333 1px solid; padding:15px;box-sizing: border-box;}
#about1{width:100%; font-size:14px; line-height:26px; overflow:hidden;}
#about2{width:100%; font-size:14px; line-height:26px; margin-top:15px;}
#about2 p{ margin:0 auto;}

#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;}
#bottom3{ font-size:12px;}
#bottom3 a{ display:none;}
}