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 0; font-weight:bold;}
#zj{width:95%;margin:0 auto; clear:both; font-size:18px; line-height:45px; border:#333 1px solid; padding:30px; font-weight:bold;}

#ctitle{width:100%;background:url(bannbg.jpg); font-size:30px; line-height:80px; height:80px; font-weight:normal; color:#FFF; margin:0px auto 50px 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;}

#caseBox{width:95%; margin:0px auto 30px auto; clear:both; height: auto; padding:0px;box-sizing: border-box;}
#case1{ width:49%; float:left; border:#333 1px solid; padding:30px; box-sizing: border-box; margin-bottom:30px; line-height:32px;}
#case2{ width:49%; float:right;border:#333 1px solid; padding:30px; box-sizing: border-box; margin-bottom:30px; line-height:32px;}
#case1 img,#case2 img{ width:100%;}
#case1 strong,#case2 strong{ color:#F30;}

#about{width:95%; margin:50px auto; clear:both; font-size:16px; line-height:36px; border:#333 1px solid; padding:30px;}
#about strong{ color:#000;}
#about1{width:65%; float:left;overflow-y:scroll}
#about2{width:34%; float:right;}



.mydiv {
background-color: #fff;
border: 5px solid #eee;
text-align: center;
line-height: 40px;
font-size: 12px;
z-index:999;
padding:0;
width: 640px;
height: 480px;
left:50%;
top:50%;
margin-left:-320px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-240px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
.bg {
background-color: #000; display:none;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=40);/*IE*/
opacity:0.4;/*FF*/
z-index:1;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}

.framvideo{width:640px; height:480px; font-size:16px; line-height:60px;}
.framvideo td{ font-size:16px; line-height:60px;}
.w:link{color:#000; padding-right:10px;}
.w:visited{color:#000; padding-right:10px;}
.w:hover{color:#f00; padding-right:10px;}
.w:active{color:#000; padding-right:10px;}




  .carousel {
            background: white;
            overflow: hidden;
            transition: transform 0.3s ease;
        }
        .carousel:hover {
            transform: translateY(-5px);
        }
        .carousel-header {
            padding: 1.5rem;
            border-bottom: 1px solid #eee;
            display: flex;
            justify-content: space-between;
            align-items: center;
			display:none;
        }
        .carousel-title {
            font-size: 1.3rem;
            font-weight: 600;
            color: var(--dark-color);
			
        }
        .carousel-controls {
            display: flex;
            gap: 0.5rem;
			
        }
        .carousel-btn {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: none;
            background: var(--light-color);
            color: var(--dark-color);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }
        .carousel-btn:hover {
            background: var(--primary-color);
            color: white;
        }
        .carousel-body {
            position: relative;
            
            overflow: hidden;
        }
        .carousel-slides {
            display: flex;
            height: 100%;
            transition: transform 0.5s ease;
        }
        .carousel-slide {
            min-width: 100%;
            position: relative;
        }
        .carousel-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .carousel-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.6);
            color: white;
            padding: 1rem;
            font-size: 0.9rem;
			display:none;
        }
        .carousel-footer {
            padding: 1rem;
            display: flex;
            justify-content: center;
            gap: 0.5rem;
        }
        .carousel-indicator {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #ddd;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .carousel-indicator.active {
            background: var(--primary-color);
            transform: scale(1.2);
        }
        @media (max-width: 768px) {
            .carousels-container {
                grid-template-columns: 1fr;
            }
            .carousel-body {
                height: 200px;
            }
        }







@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;}


#bann img{padding-top:80px; padding-bottom:80px;}
#brandlogo1{width:40%; float:left; text-align:left;}
#brandlogo1 img{ width:100%;}
#brandlogo2{width:60%; 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;}
#zj{width:95%;margin:0 auto; clear:both; font-size:14px; line-height:30px; padding:20px; border:#333 1px solid; }
#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;}


#caseBox{width:95%; margin:0px auto 30px auto; clear:both; height: auto;box-sizing: border-box;}
#case1{ width:100%; border:#333 1px solid; padding:30px; box-sizing: border-box; margin-bottom:30px; font-size:14px; line-height:25px;}
#case2{ width:100%; border:#333 1px solid; padding:30px; box-sizing: border-box; margin-bottom:30px; font-size:14px; line-height:25px;}
#case1 img,#case2 img{ width:100%;}
#case1 strong,#case2 strong{ color:#F30;}

#about{width:95%; margin:50px auto; clear:both; font-size:18px; line-height:36px; 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;}



