@charset "utf-8";

/* CSS Document */





/* 响应pc部分 */

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



}



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

	.CaseIndex ul li img{
	display: block;
	/*width: 100%;*/
    height: 525px;

	}

}



@media screen and (max-width: 1366px){
	
	.CaseIndex ul li img{
	display: block;
	/*width: 100%;*/
    height: 490px;

	}


}



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

	.w1200{

		width: 100%;

		padding: 35px 2%;

	}

	.SolutionIndex dl{

	padding-bottom: 249px;

	}

	.SolutionIndex dl dd{

		padding: 25px 15px 45px 15px;

	}

	.SolutionIndex dl dd:hover{

		padding: 45px 20px 55px 20px;

	}

	.SolutionIndex dl dd h3{

		font-size: 20px;

		height: 20px;

		line-height: 20px;

	}

	.AboutUsIndex{

		width: 100%;

	}

	.AboutUs{

		padding: 100px 2%;

	}

	.PartnerIndex .prev{

		width: 30px;

		height: 30px;

		background: url(../images/prev2-h.png)no-repeat;

		margin-top: -15px;

		left: 0px;

	}

	.PartnerIndex .next{

		width: 30px;

		height: 30px;

		background: url(../images/next2-h.png)no-repeat;

		margin-top: -15px;

		right: 0px;

	}

	.PartnerIndex{

		width: 100%;

		padding: 0 2%;

	}

	.Partner{

		background-size: auto 100%;

		padding: 100px 0;

	}

	.CompanyMap{

		width: 100%;

		padding: 0 2%;

	}

	.PoFooter{

		padding: 0 2%;

		width: 100%;

	}

	.ContactUsBox dl dd{

		padding: 0 10%;

	}
	.CaseIndex ul li img{
	display: block;
	/*width: 100%;*/
    height: 560px;

	}

}



/* pc 转 移动终端设备 */

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

	.w1200{

		width: 100%;

		padding: 35px 3%;

	}

	.PoHeader{

		display: block;

	}

	.PcHeader{

		display: none;

	}

	.Carousel-1 .poiBtn{

		bottom: 20px;

	}

	.ProductIndex dl{

		width: 32.66%;

		margin-right: 1%;

	}

	.ProductIndex dl:nth-child(4n){

		margin-right: 1%;

	}

	.ProductIndex dl:nth-child(3n){

		margin-right: 0;

	}

	.ProductBox{

		padding: 40px 3%;

	}

	.SolutionBox{

		padding: 40px 3%;

		background-size: auto 100%;

	}

	.AboutUs{

		padding: 80px 3%;

	}

	.Partner{

		padding: 80px 0;

	}

	.PartnerIndex{

		padding: 0 3%;

	}

	.CompanyMap{

		padding: 0 3%;

		display: block;

	}

	.CompanyMap .map{

		width: 100%;

		margin-left: 0;

		margin-top: 30px;

	}
	.CaseIndex ul li img{
	display: block;
	/*width: 100%;*/
    height: 480px;

	}

}



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

	.PoHeader .PoNav{

		width: 35%;

	}

	.resources ul>li .look a{

		margin-top: 37%;

	}

	.row_right{

		width: 100%;

	}

	.row_left{

		width: 100%;		

	}
	.CaseIndex ul li img{
	display: block;
	/*width: 100%;*/
    height: 430px;

	}

}



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

	.PoHeader .PoNav{

		width: 40%;

	}

	.PoHeader{

		height: 70px;

	}

	.PoHeader .logo{

		line-height: 70px;

	}

	.PoHeader .logo img{

		height: 60px;

	}

	.PoHeader #navBtn{

		margin-top: 22px;

	}

	.PoHeader .Search{

		margin-top: 19px;

	}

	.Carousel-1 .poiBtn{

		bottom: 10px;

	}

	.ProductIndex dl{

		width: 49%;

		margin-right: 2%;

	}

	.ProductIndex dl:nth-child(4n){

		margin-right: 2%;

	}

	.ProductIndex dl:nth-child(3n){

		margin-right: 2%;

	}

	.ProductIndex dl:nth-child(2n){

		margin-right: 0;

	}

	.SolutionIndex dl{

		width: 49%;

		margin-right: 2%;

	}

	.SolutionIndex dl:nth-child(2n){

		margin-right: 0;

	}

	.AboutUs{

		background-size: auto 100%;

	}

	.AboutUsIndex .WeYouShi dl{

		width: 100%;

		margin-right: 0;

		margin-top: 20px;

		padding: 30px;

	}

	.AboutUsIndex .WeYouShi dl:first-child{

		margin-top: 0;

	}

	.AboutUsIndex .WeYouShi dl dd{
		font-size: 13px;

		height: auto;

		margin-top: 20px;

	}

	.Partner{

		padding: 60px 0;

	}

	.PoFooter p{

		width: 100%;

		text-align: center;

		line-height: 24px;

		margin-top: 15px;

		text-transform: uppercase;

	}

	.PoFooter ul{

		width: 100%;

		text-align: center;

		margin-bottom: 15px;

	}

	.PoFooter ul li{

		float: none;

		display: inline-block;

		margin: 0 10px;

	}

	.Content{

		padding: 0%;

	}

	.ChangePage{

		padding: 0;

	}

	.CaseListBox dl{

		width: 32%;

		margin-top: 20px;

	}

	.CaseListBox dl:nth-child(4n){

		margin-right: 2%;

	}

	.CaseListBox dl:nth-child(3n){

		margin-right: 0;

	}

	.ProductListBox dl{

		width: 49%;

		margin-right: 2%;

		margin-bottom: 15px;

	}

	.ProductListBox dl:nth-child(3n){

		margin-right: 2%;

	}

	.ProductListBox dl:nth-child(2n){

		margin-right: 0;

	}

	.ShowBigWindow .right h2{

		margin-top: 15px;

	}

	.ProductNav{

		margin-top: 30px;

	}

	.ProductMore{

		padding: 0;

		margin-top: 30px;

		margin-bottom: 20px;

	}

	.SolutionPageBox dl{

		width: 48.5%;

		margin-right: 3%;

		margin-top: 25px;

	}

	.SolutionPageBox dl:nth-child(3n){

		margin-right: 3%;

	}

	.SolutionPageBox dl:nth-child(2n){

		margin-right: 0;

	}

	.ContactUsBox dl dd{

		padding: 0 5%;

	}

	.ContactUsBox dl{

		margin-right: 2%;

		width: 32%;

	}

	.resources ul{

		padding-top: 30px;

	}

	.resources ul>li{

		height: 50px;

		margin-top: 30px;

	}

	.resources ul>li h2{

		width: 100%;

		height: 50px;

		line-height: 50px;

		padding-left: 10%;

		text-align: left;

	}

	.resources ul>li h2 em{

		display: block;

		margin-right: 10%;

	}

	.resources ul>li h2:after{

		display: none;

	}

	.resources ul>li p{

		display: none;

		width: 100%;

		background: #f4f4f4;

		height: auto;

		padding: 10px 0;

		margin-bottom: 20px;

	}

	.resources ul>li p span{

		width: 50%;

	}

	.resources ul>li .look{

		display: none;

	}

	.resources ul>div{

		background: #e9e9e9;

	}

	.resources{

		margin-top: 0;

	}

	.NewsListBox dl dd h3{

		margin-top: 10px;

	}

	.NewsListBox dl dd p{

		height: 112px;

	}

	.Certifiaction dl{

		width: 48.5%;

		margin-right: 3%;

		margin-top: 30px;

	}

	.Certifiaction dl:nth-child(3n){

		margin-right: 3%;

	}

	.Certifiaction dl:nth-child(2n){

		margin-right: 0;

	}
	.CaseIndex ul li img{
	display: block;
	/*width: 100%;*/
    height: 510px;

	}
}





/* 移动终端 转 手机 */

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

	.w1200{

		width: 100%;

		padding: 30px 4%;

	}

	.PoHeader .PoNav{

		width: 45%;

	}

	.PoHeader{

		height: 60px;

	}

	.PoHeader .logo{

		line-height: 60px;

	}

	.PoHeader .logo img{

		height: 35px;

	}

	.PoHeader #navBtn{

		margin-top: 20px;

	}

	.PoHeader .Search{

		display: none;

	}

	.Carousel-1 .poiBtn{

		bottom: 5px;

	}

	.ProductIndex dl{

		width: 49%;

		margin-right: 2%;

		margin-top: 2.5%;

	}

	.ProductBox{

		padding: 40px 4%;

	}

	.tit h1{

		font-size: 24px;

		line-height: 24px;

	}

	.tit h4{

		font-size: 16px;

		margin-top: 10px;

	}

	.ProductIndex{

		margin-top: 15px;

	}

	.ProductIndex dl dd{

		padding: 0 5px;

		padding-right: 45px;

		font-size: 13px;

		height: 50px;

	}

	.ProductIndex dl dd img{

		right: 10px;

	}

	.SolutionIndex dl{

		width: 100%;

		margin-right: 0;

	}

	.SolutionBox{

		padding: 40px 4%;

	}

	.AboutUs{

		padding: 50px 4%;

	}

	.Partner{

		padding: 50px 0;

	}

	.PartnerIndex{

		padding: 0 4%;

	}

	.CompanyMap{

		padding: 0 4%;

		margin-top: 30px;

	}

	.tot .OnAddress{

		display: none;

	}

	.tot h2{

		font-size: 24px;

		line-height: 24px;

	}

	.Content h1{

		margin-top: 20px;

		font-size: 24px;

	}

	.Content .Gary{

		padding: 10px 20px;

		margin-top: 20px;

	}

	.Content .Gary li{

		font-size: 16px;

	}

	.ChangePage p{
		width: 100%;
		text-align: left;

		font-size: 14px;

	}
	.ChangePage p:last-child{
		margin-top: 15px;
	}

	.CaseListBox dl{

		width: 48%;

		margin-right: 4%;

	}

	.CaseListBox dl:nth-child(4n){

		margin-right: 4%;

	}

	.CaseListBox dl:nth-child(3n){

		margin-right: 4%;

	}

	.CaseListBox dl:nth-child(2n){

		margin-right: 0%;

	}

	.CaseListBox dl dd p{

		font-weight: normal;

		font-size: 16px;

	}

	.Number{

		margin-top: 20px;

	}

	.Number a,.Number span{

		line-height: 24px;

		width: 26px;

	}

	.Number a.a1{

		width: 56px;

	}

	.ProductListBox dl{

		width: 100%;

		margin-right: 0;

	}

	.TwoNavLine li{

		width: 100%;

		margin-right: 2%;

		margin-top: 15px;

	}

	.TwoNavLine li:nth-child(3n){

		margin-right: 0;

	}

	.ShowBigWindow .left{

		width: 100%;

	}

	.ShowBigWindow .right{

		width: 100%;

	}

	.ShowBigWindow .right h2{

		margin-top: 20px;

	}

	.ProductNav li{

		width: 50%;

	}

	.ProductMore > div p{

		margin-top: 15px;

	}

	.SolutionPageBox dl{

		width: 100%;

		margin-right: 0;

		margin-top: 20px;

	}

	.ContactUsBox dl{

		width: 100%;

	}

	.ContactUsBox{

		margin: 40px 0 0 0;

	}

	.ContactUsBox dl dd{

		min-height: auto;

		padding-bottom: 20px;

	}

	.DownloadBox .DownloadNav{

		display: -webkit-box; 

		display: -moz-box; 

		display: -webkit-flex;

		display: -moz-flex;

		display: -ms-flexbox;

		display: flex;

		display: flexbox;

		display: box;

		-ms-flex-direction: row;

		-ms-flex-align: center;

	}

	.DownloadBox .DownloadNav span{

		/* -ms-box-flex:1;
		
		-moz-box-flex:1;
		
		-webkit-box-flex:1;
		
		box-flex:1;
		
		flex: 1;
		
		-ms-flex: 1; */

		font-size: 15px;

	}

	.DownloadCenter > div ul li{

		font-size: 15px;

		line-height: 50px;

	}

	.DownloadCenter > div ul li span{

		display: none;

	}

	.ChangeWenZ{

		padding-left: 0;

	}

	.NewsListBox dl{

		display: block;

	}
	.NewsListBox dl dt{

		width: 100%;

		margin-right: 0;

	}

	.NewsListBox dl dt img{

		width: 100%;

		display: block;

	}

	.NewsListBox dl dd{

		padding-right: 0;

		margin-top: 15px;

	}

	.NewsListBox dl dd p{

		margin-top: 10px;

	}

	.NewsListBox dl dd .LookMore{

		position: static;

		margin-top: 10px;

	}

	.NewsListBox dl dd .LookMore span{

		float: left;

		line-height: 32px;

	}

	.NewsListBox dl dd .LookMore a{

		float: right;

		margin-top: 0;

	}

	.Certifiaction dl{

		width: 100%;

		margin-top: 25px;

	}

	.Certifiaction dl dd {

		margin-top: 20px;

	}

	.Certifiaction{

		margin-bottom: 40px;

	}
	.CaseIndex ul li img{
	display: block;
	/*width: 100%;*/
    height: 350px;

	}
	embed{
		width: 100%;
	}
	.ul_table li{
	width: 100%;
    margin: 0;
    height: auto;
	}

}	



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

	.PoHeader .PoNav{

		width: 50%;

	}
	.CaseIndex ul li img{
	display: block;
	/*width: 100%;*/
    height: 360px;

	}

}



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

	.PoHeader .PoNav{

		width: 55%;

	}

}



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

	.PoHeader .PoNav{

		width: 60%;

	}

	.ChangePage p{

		font-size: 14px;

		width: 100%;

	}

	.ChangePage p:last-child{

		

		margin-top: 10px;

	}

	.CaseListBox dl dd p{

		font-weight: normal;

		font-size: 14px;

	}

	.DownloadBox .DownloadNav span{

		font-size: 14px;

	}
	.parameter dl{ width:100%;}

}