.topbg{
			height: 200px;
			min-width: 1400px;
			background: url(https://www.gudongjd.com/index/img/topbg.jpg) no-repeat bottom center;
			background-size: 100% auto;
			position: relative;
		}
		.toptit_bg{
			min-width: 1400px;
			height: 36px;
			background-color: #686868;
			opacity: 0.5;
			position: relative;
		}
		.top{
			width: 100%;
			height: 36px;
			position: absolute;
			z-index: 10;
			top: 0;
			left: 0;
		}
		.toptit{
			width: 1400px;
			margin: 0 auto;
			height: 36px;
			display: flex;
			justify-content:space-between;
			flex-wrap:nowrap;
			position: relative;
		}
		.toptit_left{
			width: 700px;
			height: 36px;
			line-height: 36px;
			font-size: 16px;
			color: #fff;
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		.weather{
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		.weather img{
			width: 25px;
			height: 25px;
		}
		.weather i{
			font-size: 14px;
			color: #fff;
			font-style: normal;
			margin: 0px 5px;
		}
		.toptit_left span{
			margin-right: 10px;
		}
		.toptit_right{
			width: 500px;
			height: 36px;
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}
		.toptit_right span{
			font-size: 16px;
			color: #fff;
			line-height: 36px;
		}
		.forma{
			display: flex;
			justify-content: flex-start;
			flex-wrap:nowrap;
		}
		.top_time{
			padding-right: 20px;
		}
		.top_search{
			width: 200px;
			height: 30px;
			line-height: 30px;
			font-size: 14px;
			color: #2b2b2b;
			padding: 0 5px;
			background-color: #fff;
			border-radius: 2px 0px 0px 2px;
		}
		.search_but{
			width: 30px;
			height: 30px;
			background: url(https://www.gudongjd.com/index/img/search.png) no-repeat center center #358ee2;
			background-size: 80% 80%;
			border-radius: 0px 2px 2px 0px;
			border: none;
		}
		.logo{
			width: 1400px;
			padding-top: 30px;
			padding-bottom: 30px;
			margin: 0 auto;
		}
		.logo_img{
			width: 1400px;
			height: 110px;
			margin: 0 auto;
			display: flex;
			justify-content:space-between;
			flex-wrap:nowrap;
		}
		.logo_img .aa{
			display: block;
			width: 510px;
			height: 110px;
		}
		.logo_img .bb{
			display: block;
			width: 710px;
			height: 110px;
		}
		.logo_img img{
			width: auto;
			height: 100%;
		}
		.nav{
			min-width: 1400px;
			height: 50px;
			background-color: #0d5440;
		}
		.nav ul{
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: nowrap;
			width: 1400px;
			height: 50px;
			margin: 0 auto;
		}
		.nav ul li{
			display: block;
			width: 11.2%;
			height: 50px;
			text-align: center;
		}
		.nav ul li a{
			text-align: center;
		}
		.navtextcolor{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 50px;
		}
		.navtextcolor span{
			color: #fff;
			font-size: 18px;
		}
		.navtextcolor i{
			font-size: 12px;
			color: rgba(255,255,255,0.5);
		}
		.navtextcolor:hover{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 50px;
		}
		.show{
			position: absolute;
			z-index: 11;
			width: 1400px;
			top: 250px;
			left: 50%;
			transform: translate(-50%, 0);  
			height: auto;
			background-color: #fff;
			display: none;
		}
		.showpad{
			padding: 30px;
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		.showimg{
			width: 250px;
			height: 100px;
			padding-right: 30px;
		}
		.showimg img{
			width: 100%;
			height: 100px;
		}
		.navtext{
			width: 33%;
			padding-right: 30px;
			text-align: left;
		}
		.navtext p{
			color: #64756e;
			font-size: 16px;
			text-indent: 2em;
			line-height: 32px;
			overflow: hidden;
			    text-overflow: ellipsis;
			    display: -webkit-box;
			    -webkit-line-clamp: 3;
			    -webkit-box-orient: vertical;
		}
		.navol{
			width: 40%;
			padding: 0 30px;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			border-left: 1px #eee solid;
		}
		.navol a{
			display: block;
			width: 33%;
			line-height: 32px;
			color: #333;
			font-size: 16px;
		}
		.navol a:hover{
			display: block;
			width: 33%;
			line-height: 32px;
			color: #208147;
			font-size: 16px;
		}
#index{
			  background-color: #208147;
		  }
@media screen and (min-width: 1024px) {
		
		.swiper{
			max-width: 1920px;
			height: 300px;
		  }
		.swiperimg img{
			width: 100%;
			height: 300px;
		  }
}
@media screen and (max-width: 1024px) {
	.swiper{
		width: 1400px;
		height: 300px;
	  }
	.swiperimg img{
		width: 100%;
		height: 300px;
	  }
}