.fr{
	float: right;
}
.fl{
	float: left;
}
a {text-decoration:none;}
a:hover {text-decoration:none;}
li{ margin:0px; padding:0px;list-style:none;vertical-align:middle;}
		.navbar-brand{
		    padding: 29px 15px;
		    height: auto;
		}
		nav.navbar.bootsnav{
		    border: none;
		}
		.navbar-nav{
		    float: left;
		}
				
		nav.navbar.bootsnav ul.nav > li > a{
		    color: #ccc;
		    text-transform: uppercase;
		    padding: 15px 20px;
		    font-size: 16px;
		}
		nav.navbar.bootsnav ul.nav > li > a.gaoliang{
	background:url('../images/dhtb.jpg') no-repeat left center; 
}
nav.navbar.bootsnav ul.nav > li:hover > a{
	background:url('../images/dhtb.jpg') no-repeat left center; 
}
		nav.navbar.bootsnav ul.nav > li.dropdown > a:after{
		   content: "\f105";
		    font-family: 'FontAwesome';
		    font-size: 16px;
		    font-weight: 500;
		    position: absolute;
		    right: 10%;
		    transform: rotate(90deg);
		}
		nav.navbar.bootsnav ul.nav > li.dropdown.on > a:after{
		    content: "\f105";
		    transform: rotate(90deg);
		}
		.dropdown-menu.multi-dropdown{
		    position: absolute;
		    left: -100% !important;
		}
		nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		    border: none;
		}
		@media only screen and (max-width:990px){
		    nav.navbar.bootsnav ul.nav > li.dropdown > a:after,
		    nav.navbar.bootsnav ul.nav > li.dropdown.on > a:after{ content: " "; }
		    .dropdown-menu.multi-dropdown{ left: 0 !important; }
		    nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
		    nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
		}
/****top***/
.top{
	float: left;
	width: 100%;
	background:#000000;
	position:fixed;
	z-index:9999;
}
.topju{
	width: 94%;
	margin:auto;
}
.dht{
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.topdh{
	float: left;
	width: 100%;
}
.dhtdl{
	width: 13%;
}
.topdhan{
	float: left;
	width: 100%;
}
.topdhan li{
	float: left;
	margin-left:1%;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.topdhan li a{
	font-size:12px;
	color: #ccc;
}
.topdhan li a img{
	width: 100%;
	max-width: 24px;
	margin-right:5px;
}
.btn-primary{
	background-color: rgba(0,0,0,0);
	border-color:rgba(0,0,0,0);
}
.btn-group-sm>.btn, .btn-sm{
	padding:0px;
	line-height:inherit;
}
.btn-primary:hover{
	background-color: rgba(0,0,0,0);
	border-color:rgba(0,0,0,0);

}
.sjtoplogo{
	display: none;
}
.topcpfl{
	float: left;
	width: 100%;
}
.topcpflnr{
	float: left;
	width: 33%;
}
.topcpflnr ul li{
	float: left;
	width: 14%;
	text-align: center;
	line-height: 65px;
}
.topcpflnr ul li a{
	font-size:14px;
	color: #fff;
	font-weight: bold;
}
.toplogo{
	float: right;
	width:11%;
}
.toplogo img{
	width: 100%;
	text-align: right;
	max-width: 180px;
	float: right;
	margin-right: 6%;
}
.dhtsplm{
	width:100%;
	padding:24px;
}
.dhtsplm ul{
	display: flex;
    flex-wrap: wrap;
}
.dhtsplm ul li{
	width: 19%;
	margin-right:1%;
	margin-bottom:25px;
}
.dhtsplm ul li .dhtsplmnm{
	font-size:16px;
	color: #000;
}
.dhtsplm ul li .dhtsplmfnm{
	font-size:14px;
	margin-top:10px;
	color: #999;
}
.dhtsplm ul li:hover .dhtsplmnm{
	color:#0066ff;
}
        .carousel-container {
        float: left;
        width: 100%;
        position:relative;
        }
        
        .carousel {
            position: relative;
            overflow: hidden;
            background-color: #fff;
        }
        
        .carousel-content {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }
        
        .carousel-item {
            min-width: 100%;
            display: flex;
            flex-direction: column;
        }
        
        .carousel-image {
            width: 100%;
            object-fit: cover;
        }
        
        .carousel-text {
            position:absolute;
            width: 100%;
            text-align: center;
            top:40%;   
}
        
        .carousel-text h2 {
            font-size: 70px;
            margin-bottom: 15px;
            font-weight: bold;
            color: #fff;
        }
        
        .carousel-text p {
            font-size: 21px;
            color: #fff;
            margin-bottom: 20px;
        }
        
        .carousel-text .btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #3498db;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s;
        }
        
        .carousel-text .btn:hover {
            background-color: #2980b9;
        }
        
        .carousel-controls {
            display: flex;
            justify-content: center;
            top:60%;
            left:0px;
            right:0px;
            position:absolute;
        }
        
        .carousel-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 2px #fff solid;
            margin: 0 5px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .carousel-dot.active {
            background-color: #fff;
        }
        
        .carousel-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(255, 255, 255, 0.7);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            font-size: 18px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s;
        }
        
        .carousel-nav:hover {
            background-color: rgba(255, 255, 255, 0.9);
        }
        
        .carousel-prev {
            left: 15px;
        }
        
        .carousel-next {
            right: 15px;
        }
        
        .mouse-indicator {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .mouse {
            width: 24px;
            height: 40px;
            border: 2px solid #fff;
            border-radius: 12px;
            position: relative;
            margin-bottom: 5px;
        }
        
        .mouse-wheel {
            width: 3px;
            height: 8px;
            background-color: #fff;
            border-radius: 2px;
            position: absolute;
            top: 8px;
            left: 50%;
            transform: translateX(-50%);
            animation: scroll 2s infinite;
        }
        
        @keyframes scroll {
            0% {
                transform: translateX(-50%) translateY(0);
                opacity: 1;
            }
            100% {
                transform: translateX(-50%) translateY(15px);
                opacity: 0;
            }
        }
        
        .mouse-text {
            font-size: 12px;
            color: #fff;
        }
                @media (max-width: 960px) {
            .carousel-image {
                height: auto;
            }
            
            .carousel-text {
                padding: 20px;
                top:27%;
            }
            
            .carousel-text h2 {
                font-size: 40px;
            }
            .carousel-text p{
	font-size:18px;
}
        }

        /* 响应式设计 */        
        @media (max-width: 767px) {
            .carousel-image {
                height: auto;
            }
            
            .carousel-text {
                padding: 20px;
                top:5%;
            }
            
            .carousel-text h2 {
                font-size: 20px;
            }
            .carousel-text p{
	font-size:14px;
	line-height: 20px;
}
        }
/****产品**/
.chanpin{
	float: left;
	width: 100%;
	padding:7.55% 0px 7.55% 4.5%;
}
.fzpt{
	float: left;
	width: 100%;
	background:url('../images/ptbj.jpg') no-repeat fixed center center; 
	padding:205px 0px 196px 0px;
	background-size: cover;
}
.keshi{
	width: 80.46%;
	margin:auto;
}
.fzptbt{
	float: left;
	width: 100%;
	font-size: 58px;
	color: #fff;
	text-align: center;
}
.fzptnr{
	float: left;
	width: 100%;
	margin-top: 70px;
}
.fzptnr ul li{
	float: left;
	width: 32.5%;
	margin-left:13px;
}
.fzptnr ul li:first-child{
	margin-left:0px;
}
.fzptnr ul li .fzptimg{
	float: left;
	width: 100%;
}
.fzptnr ul li .fzptimg img{
	width: 100%;
}
.fzptnr ul li .fzptnm{
	float: left;
	width: 100%;
	background:#0066ff;
	padding:44px 0px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.fzptnmzt{
	float: left;
	border-right:1px #fff solid;
	font-size:32px;
	padding-right:10px;
	color: #fff;
	line-height:0.9;
	font-weight: 300;
}
.fzptnmfzt{
	float: left;
	font-size:14px;
	color: #fff;
	letter-spacing:1px;
	padding-left: 10px;
	line-height:0.8;
	font-weight: 200;
}
.fzptnmfzt span{
	letter-spacing: normal;
	margin-top:5px;
	float: left;
}
/****典型****/
.dxyy{
	float: left;
	width: 100%;
}
/***新闻***/
.xinwen{
	float: left;
	width: 100%;
	padding-top: 4%;
	padding-bottom: 3.9%;
}
.xinwenbt{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 36px;
	color: #242424;
}
.xinwennr{
	float: left;
	width: 100%;
	margin-top: 32px;
}
.xinwennr ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.xinwennr ul li{
	float: left;
	width: 32.7%;
	margin-bottom:12px;
}
.xinwennr ul li .xinwenimg{
	float: left;
	width: 100%;
}
.xinwennr ul li .xinwenimg img{
	width: 100%;
}
.xinwennr ul li .xinwennm{
	float: left;
	width: 100%;
	background:#f8f8f8;
	padding:25px 27px 26px 27px;
	font-size:22px;
	font-weight: bold;
	line-height:30.8px;
	color: #333;
}
.xinwennr ul li .xinwennm span{
	float: left;
	width: 100%;
	font-size:14px;
	color: #666;
	margin-top: 23px;
	font-weight: 400;
}
.xinwengd{
	margin:auto;
	width: 9%;
	
}
.xinwengd1{
	float: left;
	width: 100%;
	border: 1px #0043aa solid;
	margin-top: 31px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
}
.xinwengd1 a{
	font-size:14px;
	color: #0043aa;
}
/****foot***/
.foot{
	float: left;
	width: 100%;
	background:#000;
	padding-top: 45px;
}
.footlx{
	float: left;
	width: 30%;
	margin-top: 10px;
}
.footlxlogo{
	float: left;
	width: 100%;
}
.footlxlogo img{
	max-width: 222px;
	width: 100%;
}
.footlxdh{
	float: left;
	width: 100%;
	font-size:36px;
	color: #fff;
	font-weight: bold;
}
.footlxxx{
	float: left;
	width: 100%;
	font-size:14px;
	color: #fff;
	line-height: 30px;
	margin-top: 25px;
}
.footlxxx p{
	margin:7px 0px;
}
.footewm{
	float: left;
	width: 6%;
}
.footewm img{
	width: 100%;
	max-width: 94px;
}
.footdh{
	float: right;
	width: 62%;
}
.footdh ul li{
	float: left;
	width: 16.6%;
	padding:4px 20px 4px 20px;
	border-left:1px #272727 solid;
	height:186px;
}
.footdh ul li:first-child {
	border-left:0px aqua solid;
}
.footdh ul li a{
	font-size:16px;
	color: #BABBBA;
	font-weight: bold;
}
.footdh ul li ul{
	float: left;
	width: 100%;
	margin-top: 20px;
}
.footdh ul li ul li{
	float: left;
	width: 100%;
	border-left:0px aqua solid;
	padding:0px;
	height: auto;
	margin-bottom: 14px;
}
.footdh ul li ul li a{
	font-size:14px;
	color:#BABBBA;
	font-weight: 200;
}
.footbq{
	float: left;
	width: 100%;
	border-top:1px #3a3a3a solid;
	line-height: 75px;
	margin-top: 45px;
}
.footbqsy{
	float: left;
	width: 50%;
	font-size:14px;
	color: #808080;
	line-height:70px;
}
.footbqba{
	float: left;
	width: 50%;
	text-align: right;
	color: #808080;
	line-height:70px;
}
.footbqba a{
	font-size:14px;
	color: #808080;
	text-align: right;
}

@media (max-width:1440px) {
	.topcpflnr ul li{
	width: 18%;
}
.keshi {
	width: 90%;
}
.fzptnr ul li .fzptnm{
	padding:40px 0px;
}
.carousel-controls{
	top:70%;
}

}
@media (max-width:1200px){
	.topcpflnr ul li{
	width: 20%;
}
.topdhan{
	padding-left: 0px;
}
.keshi{
	width: 100%;
	padding:0px 15px;
}
.carousel-controls{
	top:70%;
}
}
@media (max-width: 960px) {
.fzptnmzt{
	text-align: center;
}
.fzptnmfzt{
	text-align: center;
}
.fzptnmfzt span{
	width: 100%;
	text-align: center;
}
}
@media (max-width:768px){
	.topdhan,.topcpflnr,.topcpfl{
	display: none;
}
.sjtoplogo{
	display: block;
	float: right;
	width: 46%;
}
.sjtoplogo img{
	width: 100%;
}
.mouse-indicator{
	display: none;
}
.chanpin{
	padding:20px 15px;
}
.keshi{
	width: 100%;
	padding:0px 15px;
}
.fzpt{
	padding:30px 0px;
}
.fzptnr ul li{
	width: 100%;
	margin:15px 0px;
}
.fzptnr ul li .fzptnm{
	padding:40px 0px;
}
.xinwennr ul li{
	width: 100%;
	margin:15px 0px;
}
.xinwengd{
	width: 40%;
}
.footdh,.footewm{
	display: none;
}
.footlx{
	width: 100%;
}
.footbqsy,.footbqba{
	width: 100%;
}
.footbq{
	text-align: center;
	line-height: 25px;
}
.btn-primary{
	display: none;
}
.dhtsplm ul li{
	width: 49%;
}
.carousel-container{
	margin-top:7%;
}
.fzptbt{
	font-size:30px;
	line-height:40px;
}
.xinwenbt{
	font-size:30px;
}
.fzptnr{
	margin-top:20px;
}
}
@media (max-width:480px){
.carousel-container{
	margin-top:16%;
}

}