body {
	font-family: source sans pro,"微软雅黑",sans-serif;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin:0;
	text-decoration: none;
	list-style: none;
	font-size:0.9rem;
}

.en{background-color: #01367f}
.cn{background-color: #bb0015}
.jp{background-color: #fff;color:#997300!important}


a {
	color: #333
}
.indent{
	text-indent: 2rem;
	line-height: 1.5rem;
}

.more{
	float: right;
	margin-right:0.5rem;
	margin-top:1rem;
	padding: 0.5rem 1rem;
	background-color: #ff6766;
	border-radius: 0.5rem;
	color: #fff;
}

.petlist{
	float: right;
	margin-right:0.5rem;
	margin-top:1rem;
	padding: 0.5rem 1rem;
	border-radius: 0.5rem;
	color: #ff6766;
}


.tophead .topheadn .sellan{
float: right;
background-color: #997300;
padding: 0 0.5rem;
font-size:0.8rem;
color: #fff;
position: relative;
}

.tophead .topheadn .sellan i{
margin-left: 0.5rem;
}

.tophead .topheadn .sellan ul{
display: none;
position: absolute;
transition: all 0.3s ease-in-out;
width: 100%;
z-index:160;
left:0;
background-color:#997300;
}
.tophead .topheadn .sellan ul li{
color:#fff;
text-align: center;
line-height: 1.8rem;
border-top: 1px solid #fff;
}

/*滚动产品*/

.rvc {
	max-width:80%;
	position: relative;
	margin:1rem auto 0;
}

.rvc .rvc-wrapper {
	margin: auto;
	overflow: hidden
}

.rvc .rvc-wrapper ul {
	overflow: hidden;
	position: relative
}

.rvc .rvc-wrapper ul li {
	float: left;
}

.rvc .rvc-wrapper ul li a {
	display: block;
	width: 100%;
	height: auto;
	text-decoration: none
}

.rvc .rvc-wrapper ul li .img-wrapper {
	height: 200x;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-color:#bddee5;
	border-radius: 0.3rem;
}
.rvc .rvc-wrapper ul li .img-wrapper img{
	max-height: 200px;

}
.rvc .rvc-wrapper ul li p.rvctit{
	margin-top: 10px;
	text-align: left;
}

.rvc .rvc-wrapper ul li p.sontit{
	padding:5px 0;
	height: auto;
	color: #ccc;
}

.rvc-prv,.rvc-next {
	position: absolute;
	height: 100%;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}


#map{
	width: 100%;
	height:300px;
	margin:5rem auto 0;
	overflow:hidden;

}
#allmap{

	width: 100%;
	height:300px;
	overflow:hidden;

}


/*首页客户名录******************************************************/
.client {
	margin: 8em auto 6em;
	width: 75%
}

.client span {
	display: block
}

.client .column {
	padding: 0 0 2em
}

.client .column .title {
	color: #333;
	font-size: 125%;
	line-height: 1.8em
}

.client .column .title a {
	color: #333;
}

.client .column .subtitle {
	color: #999;
	font-size: 75%
}

.swiper-container-client {
	position: relative;
	overflow: hidden;
	margin-right: 5%;
	margin-left: 5%;
	width: 90%
}

.swiper-container-client .swiper-slide {
	list-style: none
}

.swiper-container-client .swiper-scrollbar {
	display: none
}

#client {
	position: relative;
	margin:4rem auto 0;
	width: 75%;
}
@media screen and (max-width:768px){

#client {
	position: relative;
	margin:4rem auto 0;
	width: 90%;
}

}
#client .swiper-button-next,#client .swiper-button-prev {
	position: absolute;
	top: 30px;
	height: 30px
}

#client .swiper-button-next {
	right: 10px
}

#client .swiper-button-prev {
	left: 10px
}

#client .logo {
	display: -webkit-flex;
	height: 50px;
	justify-content: center;
	align-items: center;
}

#client .logo img {
	max-width:70%;
	max-height: 50px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	opacity: 0.7
}

/*CSS3效果*/
#client .logo img {
	transition: all .5s ease 0s
}

#client .logo:hover img {
	margin-top: -20px;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: gray;
	opacity: 1
}
/*自适应*/
@media screen and (max-width: 1280px) {
	.client {
		width: 96%;
	}
}

@media screen and (max-width: 767px) {
	.client {
		margin-top: 0em;
	}

	.client .column {
		text-align: center;
		padding-bottom: 2.5em
	}

	.swiper-container-client {
		width: 100%;
		margin-right: 0%;
		margin-left: 0%;
	}

	.swiper-container-client .swiper-scrollbar {
		display: block;
		margin-top: 1em;
	}

	#client .swiper-button-next,#client .swiper-button-prev {
		display: none;
	}
}

/*滚动产品*/

@media screen and (min-width:1200px) {

	.tophead{
	width: 100%;
	height:2.5rem;
	background-color: #333;
	}

	.tophead .topheadn .wel{

		float: left;
		color: #fff;

	}
	.tophead .topheadn{
		width: 80%;
		height:100%;
		line-height: 2.5rem;
		margin:0 auto;
	}

	.tophead .topheadn .sellan{
	float: right;
	background-color: #997300;
	padding: 0 0.8rem;
	font-size:0.8rem;
	color: #fff;
	}
	.tophead .topheadn .sellan i{
	margin-left: 0.5rem;
	}
	.nav{
	width: 80%;
	margin:0 auto;
	}
	.logo{
		width: 20%;
		float: left;
		text-align: center;
	}

	.logo img{
		
		max-width: 100%;
		max-height:4rem;

	}

	.home_about{
	width: 80%;
	height: auto;
	overflow: hidden;
	margin:-5rem auto 0;
	box-shadow:1px 1px 5px #ddd;
	box-sizing: border-box;
	padding: 1rem;
	border-radius: 0.3rem;
	z-index:105;
	background-color: #fff;
	position: relative;
	}

	.home_about .home_alfet{
	width:100%;
	height: auto;

	}
	.home_about .home_alfet img{
	
	max-width: 100%;
	}
	.home_about .home_atop{
	
	width: 100%;
	height: auto;
	margin: 1rem 0;

	}

	.global_tbox{
	width: 100%;
	height: auto;
	overflow: hidden;

	}

	.global_tbox .global_timg{
	width:4rem;
	height: auto;
	float: left;
	margin-right: 0.5rem;
	}

	.global_tbox .global_timg img{
	width: 100%;
	height: auto;

	}

	.global_tbox .global_tright{
	width:auto;
	height: auto;
	float: left;

	}

	.global_tbox .global_tright .global_ttop{
	font-size: 1.5rem;
	color: #000;

	}
	.global_tbox .global_tright .global_tbot{
	font-size: 1.2rem;
	color: #ddd;

	}

	.rvc-prv {
	left:-30px;
	}

	.rvc-next {
		right: -30px;
	}
	
	.home_pet{
	width: 80%;
	height: auto;
	overflow: hidden;
	margin:5rem auto 0;

	}
	
	.newsmain{
	width: 80%;
	height: auto;
	overflow: hidden;
	margin:1rem auto 0;

	}
	.newsmain .newsbox{
	width: 49%;
	height: auto;
	overflow: hidden;
	float: left;
	}
	.newsmain .newsbox:nth-child(1){
	margin-right: 2%;
	}
	.newsmain .newsbox .newsimg{
	width: 100%;
	height:20rem;
	border-radius:0.3rem;
	background-size: cover;
	background-repeat: no-repeat;

	}
	.newsmain .newsbox .newstxt{
	width: 85%;
	height:6rem;
	background-color: #fff;
	border-top-left-radius: 0.3rem;
	box-sizing: border-box;
	padding: 1rem;
	margin-top: -3rem;
	float: right;
	}

	.newsmain .newsbox .newstxt .newstop{
	font-size:1.2rem;
	}
	.newsmain .newsbox .newstxt .newsbto{
	font-size:1rem;
	margin:0.3rem 0;
	color: #bbb;
	}
	


	.footer{
	width: 100%;
	min-height:250px;
	background-color:#333;
	}
	.footer .footern{
	width: 80%;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	}
	.footer .footern .fbox{
	width: 33.33%;
	height: auto;
	overflow: hidden;
	float: left;
	color: #fff;
	margin-bottom: 20px;
	}
	.footer .footern .fbox .ftit{
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	font-family: Arial;
	line-height: 40px;
	margin: 20px 0 30px;
	}
	.footer .footern .fbox .ftit >i{
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	margin-right: 15px;
	}

	.footer .footern .fbox ul{

	}
	.footer .footern .fbox ul li{
	width: 100%;
	height:auto;
	overflow: hidden;
	clear: both;
	margin:15px 0;
	}
	.footer .footern .fbox ul li i{
	font-size:20px;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	margin-right: 15px;
	float: left;
	}
	.footer .footern .fbox ul li p{
	width: 80%;
	color: #fff;
	font-size:15px;
	float: left;
	}

	.footerbot{
	width: 100%;
	height: auto;
	overflow:hidden;
	background-color: #3d3d3d;
	text-align: center;
	line-height: 40px;
	color: #999;
	}


}




@media screen and (max-width:1199px){

	.tophead{
	width: 100%;
	height:2.5rem;
	background-color: #333;
	padding-left: 5px;
	}

	.tophead .topheadn .wel{

		float: left;
		color: #fff;

	}
	.logo{
		width: 100%;
		float: left;
		text-align: center;
		display: none;
	}

	.logo img{	
		max-width: 100%;
		max-height:4rem;
	}
	.rvc-prv,.rvc-next  {
		display: none;
	}




	.home_about{
	width: 90%;
	height: auto;
	overflow: hidden;
	margin:-5rem auto 0;
	box-shadow:1px 1px 5px #ddd;
	box-sizing: border-box;
	padding: 1rem;
	border-radius: 0.3rem;
	z-index:105;
	background-color: #fff;
	position: relative;
	}

	.home_about .home_alfet{
	width:100%;
	height: auto;

	}
	.home_about .home_alfet img{
	
	max-width: 100%;
	}
	.home_about .home_atop{
	
	width: 100%;
	height: auto;
	margin: 1rem 0;

	}

	.global_tbox{
	width: 100%;
	height: auto;
	overflow: hidden;

	}

	.global_tbox .global_timg{
	width:4rem;
	height: auto;
	float: left;
	margin-right: 0.5rem;
	}

	.global_tbox .global_timg img{
	width: 100%;
	height: auto;

	}

	.global_tbox .global_tright{
	width:auto;
	height: auto;
	float: left;

	}

	.global_tbox .global_tright .global_ttop{
	font-size: 1.5rem;
	color: #000;

	}
	.global_tbox .global_tright .global_tbot{
	font-size: 1.2rem;
	color: #ddd;

	}

	.rvc-prv {
	left:-30px;
	}

	.rvc-next {
		right: -30px;
	}
	
	.home_pet{
	width: 90%;
	height: auto;
	overflow: hidden;
	margin:5rem auto 0;

	}
	
	.newsmain{
	width: 90%;
	height: auto;
	overflow: hidden;
	margin:1rem auto 0;

	}
	.newsmain .newsbox{
	width:100%;
	height: auto;
	overflow: hidden;
	margin:1rem 0 0;
	}
	.newsmain .newsbox:nth-child(1){
	
	}
	.newsmain .newsbox .newsimg{
	width: 100%;
	height:12rem;
	border-radius:0.3rem;
	background-size: cover;
	background-repeat: no-repeat;

	}
	.newsmain .newsbox .newstxt{
	width: 85%;
	height:4rem;
	background-color: #fff;
	border-top-left-radius: 0.3rem;
	box-sizing: border-box;
	padding: 1rem;
	margin-top: -3rem;
	float: right;
	}

	.newsmain .newsbox .newstxt .newstop{
	font-size:1.0rem;
	}
	.newsmain .newsbox .newstxt .newsbto{
	font-size:1rem;
	margin:0.3rem 0;
	color: #bbb;
	}

	.footer{
		display:none; 
	}
	.footerbot{
	width: 100%;
	height: auto;
	overflow:hidden;
	background-color: #3d3d3d;
	text-align: center;
	line-height: 40px;
	color: #999;
	}
	.tophead .topheadn{
	width:100%;
	height: 100%;
	line-height: 2.5rem;
	}

	.tophead .topheadn .sellan{
	float: right;
	background-color: #997300;
	padding: 0 0.8rem;
	font-size:0.8rem;
	color: #fff;
	}
	.tophead .topheadn .sellan i{
	margin-left: 0.5rem;
	}
	
}