.clear {clear:both;}
#box{float: none; margin: auto;max-width:1160px !important;min-width: 200px !important; overflow: hidden;}

.hx {width: 100%;    margin: 2% 0;}
.hx img {width:100%;}
.vd {
    width: 100%;
    height: 400px;
}
#box h1 {font-size:1.6rem; color:#64b9e3; margin-bottom:2%;}
#box h2 {font-size:1.5rem; color:#64b9e3; margin-bottom:2%;}


@media screen and (min-width:801px){
	.head .head_left {width:80%; float:left;}
	.head .head_right {width:20%; float:left;}
	.head .head_right p {line-height:80px; font-size:20px;}
	.foot {background-color:#00579c; padding:5% 0 5% 0%;}
	.foot img {width:50%; margin-left:5%;}
	.foot p {text-align:center; color:#fff; line-height:80px;}
	.google-map {width:90%; height:500px; margin-left:5%}
}
@media screen and (max-width:800px){
	.head .head_left {width:60%; float:left;}
	.head .head_left img {width:95%; margin-top:10px;}
	.head .head_right {width:40%; float:left;}
	.head .head_right p {line-height:50px; font-size:14px;}
	.foot {background-color:#00579c; padding:5% 0 5% 0%;}
	.foot img {width:90%;}
	.foot p {text-align:center; color:#fff; line-height:40px;}
	.google-map {width:100%; height:400px;}
}

.dd {width:96%; margin:0 2% 8% 2%; font-size:1rem; line-height:1.8rem;}

.jzfl {width:96%; margin:0 2% 8% 2%;}
.jzfl p {font-size:1rem; line-height:1.8rem;}
.jzfl li a {color:#008088; font-size:1.2rem;}

.wc {width:96%; margin:0 2% 0% 2%; background-color:#f2f2f2; padding:8% 0;}
.wc p {font-size:1rem; line-height:1.8rem;}
.wc a {color:#008088; font-size:1.2rem;}

.rl {width:96%; margin:8% 2% 8% 2%;}
.rl p {font-size:1rem; line-height:1.8rem;}
.rl li a {color:#008088; font-size:1.2rem;}

.fw {width:96%; margin:0 2% 8% 2%; }
.fw p {font-size:1rem; line-height:1.8rem;}

.jj {width:96%; margin:0 2% 8% 2%; }
.jj p {font-size:1rem; line-height:1.8rem;}

.cjwt {width:96%; margin:0 2% 2% 2%; }
.cjwt-q {background-color:#a3a8ac;}
.cjwt-q p {font-size:1rem; line-height:1.8rem;}
.cjwt-a {background-color:#f2f2f2;}
.cjwt-a p {font-size:1rem; line-height:1.8rem;}


 /*  第一个轮播开始  */ 
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        
        .carousel-container {
            position: relative;
            width: 1160px;
            height: 500px;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        }
        
        .carousel {
            display: flex;
            width: 100%;
            height: 100%;
            transition: transform 0.5s ease-in-out;
        }
        
        .slide {
            min-width: 100%;
            height: 100%;
            position: relative;
        }
        
        .slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .slide-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 40px 20px;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
            color: white;
        }
        
        .slide-content h3 {
            margin-bottom: 10px;
            font-size: 24px;
        }
        
        .slide-content p {
            font-size: 16px;
			color:#64b9e3;
        }
        
        .controls {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }
        
        .controls button {
            background: rgba(255, 255, 255, 0.5);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            transition: all 0.3s;
            margin: 0 15px;
        }
        
        .controls button:hover {
            background: rgba(255, 255, 255, 0.8);
        }
        
        .indicators {
            position: absolute;
            bottom: 20px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            gap: 10px;
        }
        
        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .indicator.active {
            background: white;
            transform: scale(1.2);
        }
        
        @media (max-width: 850px) {
            .carousel-container {
                width: 100%;
                height: 300px;
            }
        }
 /*  第一个轮播结束  */ 
 
 /*  第二个轮播开始  */       
        .multi-slide-container {
            position: relative;
            width: 1160px;
            max-width: 100%;
            height: 400px;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        }
        
        .slide-track {
            display: flex;
            width: 100%;
            height: 100%;
            transition: transform 0.5s ease-in-out;
        }
        
        .slide-card {
            flex: 0 0 33.333%;
            height: 100%;
            padding: 0 10px;
            position: relative;
        }
        
        .slide-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 6px;
        }
        
        .slide-text {
            position: absolute;
            bottom: 0;
            left: 10px;
            right: 10px;
            padding: 20px;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
            color: white;
            border-radius: 0 0 6px 6px;
        }
        
        .slide-nav {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }
        
        .slide-nav button {
            background: rgba(255, 255, 255, 0.5);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            transition: all 0.3s;
            margin: 0 15px;
        }
        
        .slide-nav button:hover {
            background: rgba(255, 255, 255, 0.8);
        }
        
        /* 移动端样式 */
        @media (max-width: 768px) {
            .multi-slide-container {
                height: 300px;
            }
            
            .slide-card {
                flex: 0 0 100%;
                padding: 0;
            }
            
            .slide-text {
                left: 0;
                right: 0;
            }
        }
		 /*  第二个轮播结束  */ 
		 
		 
		  /*  案例轮播开始  */ 
		 @media screen and (min-width:801px){
	.banner-nav1 {width:1180px;}
	.iframe1 {width:100%; height:500px;}
	.banner .hd ul { text-align:center; z-index:9999; position: relative;  }
	.banner .hd ul li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background-color:#cccccc; color:#cccccc; margin:0 6px;  vertical-align:top; overflow:hidden;  }
	.banner .hd ul .on{ background-color:yellow; color:yellow;  }
	}
	
	@media screen and (max-width:800px){
	.banner-nav1 {width:100%;}
	.iframe1 {width:100%; height:400px;}
	.banner .hd ul { text-align:center; z-index:9999; position: relative;  }
	.banner .hd ul li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background-color:#cccccc; color:#cccccc; margin:0 6px;  vertical-align:top; overflow:hidden;  }
	.banner .hd ul .on{ background-color:yellow; color:yellow;  }
	}
		 /*  案例轮播结束  */