@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 1440px){
	.FourMation ul li dl dt img{
		width: 66px;
	}
	.FourMation ul li dl dd h3{
		font-size: 24px;
	}
	.FourMation ul li dl dd p{
		font-size: 16px;
	}
}

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

@media screen and (max-width: 1200px){
	.w1200{
		width: 100%;
		padding: 50px 1%;
	}
	.PcHeader{
		display: none;
	}
	.PoHeader{
		display: block;
	}
	.section-4 .CarouselBox .prev{
		left: 5px;
	}
	.section-4 .CarouselBox .next{
		right: 5px;
	}
	#MouseScroll{
		display: none;
	}
	.TeamShow h2{
		padding-top: 0;
	}
	.TeamPerson{
		margin-bottom: 50px;
	}
	.ProductBox{
		padding: 30px 0 100px 0;
	}
	.ProductS h2{
		padding-top: 0;
	}
	.ProductS .PFjs{
		margin-bottom: 0;
	}
	.Carousel-4{
		padding: 0;
		margin-top: 40px;
	}
	.Carousel-4 ul li{
		padding: 0 20%;
	}
	.bg7{
		padding: 100px 0 80px 0;
	}
	.WeKy{
		padding-left: 50%;
	}
	.bg8{
		padding: 50px 0 100px 0;
	}
	.ProductClass{
		width: 100%;
		padding: 40px 1% 0 1%;
	}
	.NewsList h2,.ProductsList h2{
		font-size: 28px;
		padding-top: 0;
	}
	.Number{
		padding-top: 0;
	}
	.bg9{
		padding: 20px 0 40px 0;
	}
	.FootCont{
		display: block;
		padding: 40px 3% 30px 3%;
	}
	.FootCont .left{
		width: 100%;
	}
	.FootCont .right{
		width: 100%;
		margin-top: 30px;
	}
	.FootCont .right ul>li:last-child{
		border-right: 1px solid #000;
	}
}

@media screen and (max-width: 1024px){
	.FourMation ul li{
		width: 49.75%;
		margin-right: .5%;
	}
	.FourMation ul li:nth-child(2n){
		margin-right: 0;
	}
	.FourMation ul li dl dt{
		margin-top: 20%;
	}
	.TeamPerson dl{
		width: 24%;
		margin-right: 1.33%;
	}
	.TeamPerson dl:nth-child(5n){
		margin-right: 1.33%;
	}
	.TeamPerson dl:nth-child(4n){
		margin-right: 0;
	}
	.ProductList h2{
		font-size: 36px;
	}
	.ProductMenu dl dt{
		font-size: 30px;
		line-height: 80px;
		height: 80px;
	}
	.ProductMenu dl dt span{
		font-size: 36px;
	}
	.ProductMenu dl dd ul li{
		font-size: 18px;
	}
	.PorductBg dl.left dd{
		padding-top: 3%;
	}
	.bg6{
		padding: 10px 0 40px 0;
	}
	.ind h3{
		width: 100%;
	}
	.ProductClass dl:nth-child(2) dd{
		padding-top: 2%;
	}
	.ProductClass dl:nth-child(3) dd{
		padding-top: 8%;
	}
	.ProductClass dl:nth-child(4) dd{
		padding-top: 6%;
	}
	.PsNm{
		width: 100%;
		margin-top: 30px;
	}
	.Person{
		width: 100%;
	}
	.forMe{
		width: 100%;
	}
	.JoinUs dl dd{
		float: none;
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		margin-top: 30px;
	}
	.JoinUs dl dt{
		float: none;
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		margin-top: 30px;
	}
}

@media screen and (max-width: 768px){
	.PoHeader .PoNav{
		width: 40%;
	}
	.FootOl h2{
		display: none;
	}
	.FootOl{
		height: 50px;
	}
	.FootOl p{
		line-height: 50px;
		text-align: center;
		width: 100%;
	}
	.FootCont{
		display: none;
	}
	.w1200{
		width: 100%;
		padding: 40px 2%;
	}
	.section-2 dl{
		padding: 0;
	}
	.section-2 dl dt{
		width: 100%;
	}
	.section-2 dl dd{
		width: 100%;
		text-align: center;
		margin-top: 3%;
	}
	.section-5 .History ul li{
		padding-right: 54%;
	}
	.section-5 .History ul li:nth-child(even){
		padding-left: 54%;
	}
	.TeamPerson dl{
		width: 32%;
		margin-right: 2%;
	}
	.TeamPerson dl:nth-child(5n){
		margin-right: 2%;
	}
	.TeamPerson dl:nth-child(4n){
		margin-right: 2%;
	}
	.TeamPerson dl:nth-child(3n){
		margin-right: 0;
	}
	.ProductList h2{
		font-size: 32px;
	}
	.ProductMenu dl dt{
		font-size: 28px;
		line-height: 75px;
		height: 75px;
	}
	.ProductMenu dl dt span{
		font-size: 32px;
		top: 2px;
	}
	.PorductBg dl.right dt{
		width: 100%;
		text-align: center;
	}
	.PorductBg dl.right dd{
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	.PorductBg dl.left dt{
		width: 100%;
		text-align: center;
	}
	.PorductBg dl.left dd{
		width: 100%;
		text-align: center;
	}
	.ProductYs .FourYs dl{
		width: 45%;
		margin-right: 10%;
	}
	.ProductYs .FourYs dl:nth-child(2n){
		margin-right: 0;
	}
	.WeOnLoad p br{
		/* display: none; */
	}
	.ind h2{
		font-weight: normal;
	}
	.WeKy{
		padding-left: 30%;
	}
	.ProductClass dl{
		margin-top: 30px;
	}
	.ProductClass dl dt{
		width: 100%;
	}
	.ProductClass dl dd{
		width: 100%;
		margin-top: 30px;
	}
	.ProductClass dl:nth-child(2) dd{
		padding-top: 0;
	}
	.ProductClass dl:nth-child(3) dd{
		padding-top: 0;
	}
	.ProductClass dl:nth-child(4) dd{
		padding-top: 0;
	}
	.ProductClass{
		padding: 40px 3%;
	}
	.NewsCenter dl,.ProductsCenter dl{
		width: 48%;
		margin-right: 4%;
	}
	.NewsCenter dl:nth-child(3n),.ProductsCenter dl:nth-child(3n){
		margin-right: 1%;
	}
	.NewsCenter dl:nth-child(2n),.ProductsCenter dl:nth-child(2n){
		margin-right: 0;
	}
	.PsNm span{
		width: 33.33%;
	}
	.Person li span{
		width: 33.33%;
	}
	.ContactUs h2{
		font-size: 32px;
	}
	.ConUs h2{
		font-size: 32px;
	}
	.ConUs h3{
		font-size: 26px;
	}
	.ConUs .CompanyBox >div{
		width: 100%;
	}
	.ConUs .CompanyBox dl dd h4{
		font-size: 20px;
	}
	.ConUs .CompanyBox dl dd p{
		font-size: 16px;
	}
	.OnLineZx h3{
		font-size: 28px;
	}
	.FootOl{
		height: auto;
	}
	.PoFooter{
		display: block;
	}
	.erweimabox{
		width: 40%;
	}
}

@media screen and (max-width: 550px){
	.PoHeader .PoNav{
		width: 50%;
	}
	.PoHeader .PoNav > li dl dt{
		font-size: 16px;
	}
	.PoHeader .PoNav > li dl dd ol li{
		font-size: 14px;
	}
	.PoHeader{
		height: 60px;
	}
	.PoHeader .logo{
		line-height: 60px;
	}
	.PoHeader .logo img{
		height: 40px;
	}
	.PoHeader .ChangeLanguage{
		margin-top: 20px;
	}
	.PoHeader .MeunBtn{
		margin-top: 19px;
	}
	.Carousel_1{
		display: none;
	}
	.Carousel_1.po_Carousel{
		display: block;
	}
	.FourMation ul{
		margin-top: 3px;
	}
	.FourMation ul li{
		width: 49.5%;
		margin-top: 2px;
	}
	.FourMation ul li dl dt{
		margin-top: 12%;
	}
	.FourMation ul li dl dt img{
		width: 40px;
	}
	.FourMation ul li dl dd h3{
		font-size: 18px;
	}
	.FourMation ul li dl dd p{
		font-size: 12px;
	}
	.FourMation{
		padding: 0 1%;
	}
	.Carousel_1 .Pointer{
		bottom: 5px;
	}
	.Carousel_1 .Pointer span{
		width: 10px;
		height: 10px;
	}
	.w1200{
		width: 100%;
		padding: 25px 4%;
	}
	.section-1 p{
		font-weight: normal;
		font-size: 14px;
		line-height: 28px;
	}
	.section-1 .four{
		margin-top: 6%;
	}
	.section-2 dl dd ul li{
		font-size: 14px;
		font-weight: normal;
		line-height: 28px;
	}
	.section-3 .threeBox dl{
		width: 100%;
		margin-top: 20px;
	}
	.section-3 .threeBox dl dd{
		margin-top: 20px;
	}
	.section-4 .CarouselBox .Carousel-2 ul li dl dd h3{
		font-size: 20px;
		line-height: 32px;
	}
	.section-4 .CarouselBox .Carousel-2 ul li dl dd h4{
		font-size: 16px;
		line-height: 32px;
	}
	.section-4 .CarouselBox .Carousel-2 ul li dl dd{
		top: 74%;
	}
	.section-4 .more{
		margin-top: 30px;
	}
	.section-5 .History{
		background: none;
	}
	.section-5 .History ul{
		height: auto;
		background: rgba(0,0,0,0.3);
		padding: 15px 0;
	}
	.section-5 .History ul li{
		padding: 0;
		text-align: center;
		height: auto;
		margin-top: 5px;
		font-size: 14px;
		line-height: 24px;
		padding: 0 15px;
	}
	.section-5 .History ul li:nth-child(even){
		padding: 0 15px;
		text-align: center;
	}
	.section-5 .History ul li:first-child{
		margin-top: 0;
	}
	.section-5 .Change{
		display: none;
	}
	.Carousel-3 ul li{
		padding: 0;
	}
	.TeamPerson dl{
		width: 49%;
		margin-right: 2%;
	}
	.TeamPerson dl:nth-child(5n){
		margin-right: 2%;
	}
	.TeamPerson dl:nth-child(4n){
		margin-right: 2%;
	}
	.TeamPerson dl:nth-child(3n){
		margin-right: 2%;
	}
	.TeamPerson dl:nth-child(2n){
		margin-right: 0;
	}
	.ProductMenu dl{
		width: 96%;
	}
	.ProductMenu dl dd ul li{
		font-size: 16px;
	}
	.ProductList > p{
		font-size: 16px;
	}
	.TwoNav{
		display: none;
	}
	.ProductS h2{
		font-size: 26px;
	}
	.Carousel-4 ul li{
		padding: 0 9%;
	}
	.Carousel-4{
		margin-top: 30px;
	}
	.Carousel-4 .prev{
		left: 0;
	}
	.Carousel-4 .next{
		right: 0;
	}
	.Carousel-4 ul li dl dt .txt h3{
		margin-top: 10px;
	}
	.Carousel-4 ul li dl dt .txt p{
		margin-top: 10px;
	}
	.Carousel-4 ul li dl dt .txt .more{
		margin-top: 20px;
	}
	.ProductS .PFjs a{
		width: 100%;
		margin-top: 20px;
	}
	.PorductBg dl{
		margin-top: 30px;
	}
	.PorductBg dl.right dd p br{
		display: none;
	}
	.PorductBg dl.left dd p br{
		display: none;
	}
	.PorductBg h2{
		font-size: 26px;
	}
	.PorductBg dl.right dd h3{
		font-size: 20px;
	}
	.PorductBg dl.left dd h3{
		font-size: 20px;
	}
	.PorductBg dl.left dd{
		padding-top: 0;
		margin-top: 20px;
	}
	.ProductYs .FourYs dl{
		width: 100%;
		margin-right: 0;
		padding: 0 5%;
		margin-top: 30px;
	}
	.ProductYs .FourYs dl dt img{
		width: 130px;
	}
	.ProductYs .FourYs dl dd{
		height: auto;
		margin-top: 15px;
	}
	.bg7{
		padding: 0;
	}
	.ind h2{
		font-size: 26px;
	}
	.GNdt dt{
		float: none;
		width: 70%;
		margin: 0 auto;
		margin-top: 20px;
	}
	.GNdt dd{
		float: none;
		width: 100%;
		margin-top: 0px;
	}
	.GNdt dd h2{
		font-size: 26px;
	}
	.bg8{
		padding: 30px 0 70px;
	}
	.ProductClass{
		padding: 30px 4%;
	}
	.ProductClass dl dd{
		margin-top: 20px;
	}
	.ProductClass dl dd h3{
		font-size: 20px;
	}
	.NewsCenter dl{
		width: 100%;
		margin-right: 0;
	}
	.ProductsCenter dl{
		width: 48%;
		margin: 0 1%;
	}
	.Pmores{
		margin-top: 0px;
		padding: 10px 0;
		margin-bottom: 10px;
	}
	.Pmores a{
		line-height: 30px;
		padding: 5px 20px;
	}
	.Container{margin-bottom: 0px;}
	.Person li img{
		display: none;
	}
	.PsNm span{
		width: 25%;
		text-align: center;
	}
	.PsNm span:first-child{
		width: 50%;
		text-align: left;
		padding-left: 15px;
	}
	.Person li{
		line-height: 60px;
	}
	.Person li span{
		padding-left: 5px;
		width: 25%;
		text-align: center;
	}
	.Person li span:first-child{
		width: 50%;
		text-align: left;
		padding-left: 15px;
	}
	.Person .tip-a{
		padding-bottom: 20px;
	}
	.Person li.on{
		background: #f5f5f5;
		border-bottom: 2px solid #000;
	}
	.ContactUs h2{
		font-size: 26px;
	}
	.JoinUs dl img{
		max-width: 80%;
	}
	.JoinUs h2{
		font-size: 26px;
	}
	.JoinUs dl{
		margin-top: 20px;
	}
	.JoinUs dl dd h3{
		font-size: 18px;
	}
	.JoinUs dl dd p br{
		display: none;
	}
	.JoinUs dl dd ul li{
		display: block;
	}
	.JoinUs dl dd ul li span{
		text-align: left;
		width: 100%;
	}
	.JoinUs dl dd ul li input{
		width: 100%;
	}
	.JoinUs dl dd ul li textarea{
		width: 100%;
	}
	.JoinUs dl dd ul li input.yzmK{
		float: left;
		width: 60%;
	}
	.JoinUs dl dd ul li img{
		float: right;
		margin-left: 0;
	}
	.ConUs .CompanyBox>div{
		width: 100%;
	}
	.ConUs h2{
		font-size: 26px;
		font-weight: normal;
	}
	.ConUs h3{
		font-size: 22px;
		margin-top: 20px;
	}
	.bg9{
		padding: 10px 0 20px 0;
	}
	.OnLineZx h3{
		font-size: 24px;
	}
	.OnLineZx p br{
		display: none;
	}
	.OnLineZx ul{
		width: 100%;
	}
	.OnLineZx ul li{
		display: block;
	}
	.OnLineZx ul li span{
		width: 100%;
		text-align: left;
	}
	.OnLineZx ul li input{
		display: block;
		width: 100%;
	}
	.OnLineZx ul li textarea{
		width: 100%;
	}
	.OnLineZx ul li input.yzmK{
		width: 60%;
		float: left;
	}
	.OnLineZx ul li img{
		float: right;
		margin-left: 0;
	}
	.PoFooter .hotLine{
		font-size: 14px;
		line-height: 24px;
	}
	.PoFooter .hotLine b{
		font-size: 24px;
	}
	.PoFooter ul li{
		font-size: 14px;
	}
	.FootOl p{
		line-height: 30px;
		margin-bottom: 20px;
	}
	.section-2 dl dt img{
		width: 60%;
	}
	.section-3 .threeBox dl dd{
		font-size: 18px;
	}
	.section-3 .threeBox dl dt{
		width: 140px;
		height: 140px;
	}
	.section-4 .CarouselBox{
		padding: 0 20%;
	}
	.ProductMenu dl dd{
		min-height: auto;
	}
	.ProductBox{
		padding: 10px 0 30px 0;
	}
	.ProductList h2{
		font-size: 26px;
	}
	.WeOnLoad h2{
		font-size: 28px;
	}
	.WeOnLoad p{
		font-size: 14px;
		line-height: 28px;
	}
	.WeKy p{
		background: rgba(0,0,0,0.3);
		padding: 10px;
	}
	.NewsCenter dl{
		background: #f8f8f8;
		border: 1px solid #ddd;
	}
	.NewsCenter dl dt{
		padding: 10px;
	}
	.NewsCenter dl dt>img{
		border: 1px solid #ddd;
	}
	.NewsCenter dl dd{
		padding:10px;
		margin-top: 0;
		background: #fff;
		border-top: 1px solid #ddd;
	}
	.ProductsCenter dl dd{
		padding:10px;
		margin-top: 0;
	}
	.JoinUs dl dd ul li{
		margin-top: 15px;
	}
	.ProductYs h2{
		font-size: 28px;
	}
	.ProductYs h3{
		font-size: 20px;
	}
	.section .tit{
		width: 80%;
	}
	.section-4 .tit{
		width: 70%;
	}
	.section-1 .tit{
		width: 50%;
	}
	.section-3 .threeBox dl.dl1 dt{
		float: left;
	}
	.section-3 .threeBox dl.dl1 dd{
		float: left;
		margin-top: 0;
		padding-top: 56px;
		margin-left: 56px;
	}
	.section-3 .threeBox dl.dl2 dt{
		float: right;
	}
	.section-3 .threeBox dl.dl2 dd{
		float: left;
		margin-top: 0;
		padding-top: 56px;
		padding-left: 43px;
	}
	.section-3 .threeBox dl.dl3 dt{
		float: left;
	}
	.section-3 .threeBox dl.dl3 dd{
		float: left;
		margin-top: 0;
		max-width: 160px;
		padding-top: 42px;
		margin-left: 40px;
	}
	.erweimabox{
		width: 50%;
		padding: 0 10px;
	}
}

@media screen and (max-width: 414px){
	.FourMation ul li dl dt{
		margin-top: 12%;
	}
}

@media screen and (max-width: 375px){
	.PoHeader .PoNav{
		width: 60%;
	}
	.erweimabox{
		width: 60%;
	}
	.Carousel-4 ul li dl dt .txt h3{
		margin-top: 0;
	}
	.FourMation ul li dl dt{
		margin-top: 10%;
	}
}

@media screen and (max-width: 320px){
	.FourMation{
		padding: 0 1%;
	}
	.FourMation ul li{
		margin-top: 3px;
	}
	.FourMation ul li dl dt{
		margin-top: 7%;
	}
	.FootOl p{
		font-size: 12px;
	}
	.TeamPerson dl{
		width: 100%;
		margin-right: 0%;
	}
	.Carousel-4 ul li dl dt .txt p{
		-webkit-line-clamp: 4;
	}
	.NewsCenter dl dt .more img{
		margin-top: 12%;
	}
	.section-4 .CarouselBox{
		padding: 0 15%;
	}
}