@charset "utf-8";
@media screen and (max-width: 992px){
	.container-fluid{padding-left: 0px; padding-right: 0px;}
	.nav_logo{ display: block; margin: 5px auto 0;}
	.nav_logo a{ 
		width: 100%; 
		height: 50px; 
		display: inline-block; 
		background: url(../images/logo-mini.png) left no-repeat;
		background-size: 100px;
	}
	.nav_right{ position: relative; display: inline-block; text-align: center; margin-top: 5px; line-height: 55px;}
	.nav_right span{ display: inline-block; position: relative;  width: 30px; height: 30px;}
	.nav_right span i.fa-bars{ font-size: 20px; color: #9a9a9a; }
	.nav_right span i.fa-bars:hover{ cursor: pointer; color: #333;}
	.nav_right span i.barsoff{ display: none;}
	.i-banner .swiper-slide .ykqj{
		 top: 10%; text-align: center;
	}
}

@media screen and (max-width: 767px){
	.container-fluid{padding-left: 0px; padding-right: 0px;}
	.nav_logo{ display: block; margin: 5px auto 0;}
	.nav_logo a{ 
		width: 100%; 
		height: 50px; 
		display: inline-block; 
		background: url(../images/logo-mini.png) left no-repeat;
		background-size: 100px;
	}
	.nav_right{ position: relative; display: inline-block; text-align: center; margin-top: 5px; line-height: 55px;}
	.nav_right span{ display: inline-block; position: relative;  width: 30px; height: 30px;}
	.nav_right span i.fa-bars{ font-size: 20px; color: #9a9a9a; }
	.nav_right span i.fa-bars:hover{ cursor: pointer; color: #333;}
	.nav_right span i.barsoff{ display: none;}
	.i-banner .swiper-slide .ykqj{
		 top: 10%; text-align: center;
	}
	
	.text{ text-align: center;}
	.text p{ clear:left; display: inline-block; width: 100%;}
	.text .text-a{ margin: 0 auto; display: inline-block; }
	
	.wrap .item-pro{ 
		border-right: 0px;
		border-bottom: 1px solid #E6E6E6;
		height: auto;
	}
	.wrap .item-pro:nth-child(4){ border-bottom: 0px;}
	.item-box{ padding: 30px 0;}
	.item-box img{
		margin: 0px auto 30px; 
		width: 200px; 
		height: auto; 
	}
	.product{ padding:10px 0;}
	.list-in .swiper-slide a img{ width: 250px;}
	.header-nav .nav-list h3{ font-size: 16px; line-height: 40px; font-weight: 500; width: 100%; text-align: center}
	.header-nav .nav-list h3#notice-title{ line-height: 56px; height: 56px;}
	.header-nav .navbar-a{ margin: 0 auto; clear: both; width: 100%;}
	.header-nav .navbar-a .default{ display: none;}
	.header-nav .navbar-a .active{
		text-align: center;
		line-height: 30px;
	}
	.header-nav .navbar-a:hover .default{
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #E5E5E5;
		z-index: 100;
	}
	.header-nav .navbar-a:hover a:last-child{ border-bottom: 0px;}	
	
	.list-box p{
		font-size: 14px;
	}
	.list-box span{
		font-size: 12px;
	}
	.part-five summary{ text-align: center; }
	.part-five .icon-img{ 
		padding: 50px 0; 
		margin-left: 0px;    
		display: block;
	    margin-right: auto;
	    margin-left: auto;
	}
	.posts-default-title h2 small{
		clear: both;
		display: inline-block;
	}
	.post-title h2 small{
		clear: both;
		display: inline-block;
	}
	#content .content-box{padding: 20px;}
	#content .join-box{ padding: 20px;}
	#content .join-box .table-box .box-param{ text-align: left;}
	#content .join-box .table-box .btn-more{ width: 80px;}
	#dituContent{ width: 400px; height: 500px; display: block;}
	#goTopBtn{ right: 50px;}
	#footer .menu dl dt{ font-size: 14px; margin-bottom: 0; }
	.show-mobile, .show-mguige{ display: block; position: relative; min-height: 800px;}
	.show-mguige{ display: none;}
	
}

@media screen and (min-width: 768px) {
	.container,.container-fluid{padding-left: 0px; padding-right: 0px;}	
	.navbar-logo{  
		float: left;  	 
		position:relative; 
		top: 20px;
	}
	.navbar-logo a{
		height: 60px; 
		width: 170px; 
		display: inline-block;
		background: url(../images/logo.png) no-repeat;
	}
	.navigation-up{ float: left;}
	.navigation-inner{ 
		margin-left: 10px;
		position:relative; 
	}
	.navigation-inner li{ display: block;}
	.navigation-inner li:nth-child(2){margin-top: 0px;}
	.navigation-inner li h2{ font-weight:400; padding:0; margin:0; font-size: 1em; padding:0 10px;}
	.navigation-inner li h2 a{color:#9a9a9a; display: block; height:100px; line-height: 100px;}
	.navigation-inner li h2 a:hover{ color: #333; text-decoration: none;}
	.navigation-down .nav-down-menu dl{float:left; margin: 10px 0; width: 18%;}
	.navigation-down-inner{width: 100%; margin: 0 auto;}
	.i-banner .swiper-slide .ykqj{
		top: 10%; text-align: center;
	}	
	
	.text p{ float: left;}
	.text a{ float: left; margin-left:1em;}
	
	.list-box p{
		font-size: 14px;
	}
	.list-box span{
		font-size: 12px;
	}
	.wrap .item-pro{ 
		border-right: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;
		height: auto;
	}
	.wrap .item-pro:nth-child(3){ border-bottom: 0px;}
	.wrap .item-pro:nth-child(4){ border-bottom: 0px;}
	.item-box{ padding: 30px 0;}
	.item-box img{
		margin: 0px auto 30px; 
		width: 200px; 
		height: auto; 
	}
	.header-nav .nav-list h3{ font-size: 16px; font-weight: 500;}
	.list-in .swiper-slide a img{ width: 150px;}
	.part-five .icon-img{ padding: 50px 0;}
	.posts-default-title h2 small{
		float: right;
		display: block;
	}
	.post-title h2 small{
		float: right;
		display: block;
	}
	#content .join-box{ padding: 20px 60px 60px;}
	#content .join-box .table-box .box-param{ text-align: center;}
	#content .join-box .table-box .btn-more{
		width: 80px;
	}
	
	#dituContent{ width: 600px; height: 500px; display: block;}
	#goTopBtn{ right: 50px;}
}



@media screen and (min-width: 992px) {
	.container,.container-fluid{padding-left: 0px; padding-right: 0px;}
	.navbar-logo{ 
		float: left;  	 
		position:relative; 
		top: 20px;
	}
	.navbar-logo a{
		height: 60px; 
		width: 170px; 
		display: inline-block;
		background: url(../images/logo.png) no-repeat;
	}
	.navigation-up{ float: left;}
	.navigation-inner{ 
		margin-left: 10px;
		position:relative; 
	}
	.navigation-inner li{ display: block;}
	.navigation-inner li:nth-child(2){margin-top: 0px;}
	.navigation-inner li h2{ font-weight:400; padding:0; margin:0; font-size: 1em; padding:0 20px;}
	.navigation-inner li h2 a{color:#9a9a9a; display: block; height: 99px; line-height: 99px;}
	.navigation-inner li h2 a:hover{ color: #333; text-decoration: none;}
	.navigation-down .nav-down-menu dl{float:left; margin: 10px 0; width: 18%;}
	.navigation-down-inner{width: 100%; margin: 0 auto;}
	.navigation-down-inner a.link img{ width: 100px;}
	.menu dl{ float: left; }
	.menu dl:last-child{ margin-right: 0;}
	.i-banner .swiper-slide .ykqj{
		max-width: 250px;
		left: 15%; top: 5%; text-align: center;
	}	
	.i-banner .swiper-slide .c400{
		max-width: 300px;
		top:15%; left:20%; text-align: center;
	}
	
	
	.text p{ float: left;}
	.text a{ float: left; margin-left:1em;}
	
	.list-box p{
		font-size: 14px;
	}
	.list-box span{
		font-size: 12px;
	}
	.wrap .item-pro{ 
		border-right: 1px solid #E6E6E6; 
		height: auto;
		border-bottom: 0px;
	}
	.wrap .item-pro:nth-child(4){ border-right: 0px;} 
	.item-box{ padding: 30px 0;	}
	.item-box img{
		margin: 0 auto 30px; 
		width: 200px; 
		height: auto; 
	}
	.header-nav .nav-list h3{ font-size: 16px; font-weight: 500;}
	.list-in .swiper-slide a img{ width: 200px;}
	
	.icon-img{ padding: 100px 0;}
	.posts-default-title h2 small{
		float: right;
		display: block;
	}
	.post-title h2 small{
		float: right;
		display: block;
	}
	#content .join-box{ padding: 20px 60px 60px;}
	#content .join-box .table-box .box-param{ text-align: center;}
	#content .join-box .table-box .btn-more{
		width: 100px;
	}
	#dituContent{ width: 700px; height: 500px; display: block;}
	#goTopBtn{ right: 50px;}
	
}

@media screen and (min-width: 1200px) {
	.container,.container-fluid{padding-left: 0px; padding-right: 0px;}
	
	.container{width: 1200px;}

	.navbar-logo{ float: left;  position:relative; top: 20px; }
	.navbar-logo a{height: 60px; width: 170px; display: inline-block; background: url(../images/logo.png) no-repeat;}
	.navigation-up{ clear: none;float: left; /**background: url(../images/smallbarimg.jpg) 30px no-repeat;**/}
	.navigation-inner{ 
		margin-left: 50px; 
		position:relative; 
	}
	.navigation-inner li{ display: block;}
	.navigation-inner li:nth-child(2){margin-top: 0px;}
	.navigation-inner li h2{ font-weight:400; padding:0; margin:0; font-size: 1em; padding:0 20px;}
	.navigation-inner li h2 a{color:#9a9a9a; display: block; height:99px; line-height: 99px;}
	.navigation-inner li h2 a:hover{ color: #333; text-decoration: none;}
	.navigation-down .nav-down-menu dl{float:left; margin: 10px; width: 18%;}
	.navigation-down-inner{width: 100%; margin: 0 auto;}
	.navigation-down-inner a.link img{ width: 100px;}
	.menu dl{ float: left; }
	.menu dl:last-child{ margin-right: 0;}
	
	.i-banner .swiper-slide .ykqj{
		max-width: 300px;
		top:15%; left:20%; text-align: center;
	}	
	.i-banner .swiper-slide .c400{
		max-width: 430px;
		top:15%; left:20%; text-align: center;
	}
	
	.text p{ float: left;}
	.text a{ float: left; margin-left:1em;}
	
	.list-box p{
		font-size: 16px;
	}
	.list-box span{
		font-size: 14px;
	}
	.wrap .item-pro{ 
		border-right: 1px solid #E6E6E6; 
		height: auto;
		border-bottom: 0px;
	}
	.wrap .item-pro:nth-child(4){ border-right: 0px;} 
	.item-box{ padding: 30px 0;	}
	.item-box img{
		margin: 0px auto 30px;
	    width: 250px;
	    height: auto; 
	}
	.header-nav .nav-list h3{ font-size: 16px; font-weight: 600;}
	.list-in .swiper-slide a img{ width: 200px;}
	
	.icon-img{ padding: 100px 0;}
	.posts-default-title h2 small{
		float: right;
		display: block;
	}
	.post-title h2 small{
		float: right;
		display: block;
	}
	#content .join-box{ padding: 20px 60px 60px;}
	#content .join-box .table-box .box-param{ text-align: center;}
	#content .join-box .table-box .btn-more{
		width: 100px;
	}
	#dituContent{ width: 600px; height: 500px; display: block;}
	#goTopBtn{ right: 150px;}
}

.nopadding{ padding: 0; margin-top: -40px;}
.toppadding{ padding-top: 0;}
.bottompadding{ padding-bottom: 0;}