@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	
	
	
	
}

@media only screen and (max-width: 1600px){
	
	.header{
		padding: 40px 100px;
	}
	.nav ul li {
		margin-left: 100px;
	}
	.protect {
		padding: 120px 100px;
	}
	.works {
		padding: 108px 100px;
	}
	.service {
		padding: 20px 100px;
	}
	.partner {
		padding: 108px 100px;
	}
	.informat {
		padding: 90px 100px;
	}
	.informat2 {
		margin-top: 50px;
	}
	.footer {
		padding: 50px 100px 0;
	}
	.product {
		padding: 100px 100px 20px;
	}
	.provideo{
		padding: 70px 20px;
	}
	.prodeta {
		padding: 80px 100px;
	}
	.related {
		padding: 80px 100px;
	}
	.inabout{
		padding: 120px 100px;
		min-height: 900px;
	}
	.inabout4{
		padding: 120px 100px 20px;
	}
	.artDeta{
		padding: 100px;
	}
	.technology6{
		padding: 90px 100px;
	}
	.technology6 .swiper{
		padding-right: 0;
	}
	.technology8 {
		padding: 12px;
	}
	.technology9 {
		font-size: 14px;
	}
	.technology10 {
		font-size: 12px;
	}
	.case {
		padding: 140px 100px 50px;
	}
	
	
	
	
}

@media only screen and (max-width: 1440px){
	
	.nav ul li {
		margin-left: 70px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

@media only screen and (min-width: 1200px){
	
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
	.header{
		display: none;
	}
	.header_m{
		display: block;
	}
	.syimg1 {
		height: 170px;
	}
	.syimg1 img{
		max-width: 80%;
		max-height: 80%;
	}
	.protect {
		padding: 30px 20px;
	}
	.title {
		font-size: 20px;
	}
	.protect1 {
		margin-top: 20px;
		font-size: 14px;
		line-height: 24px;
	}
	.protect2 {
		margin-top: 30px;
	}
	.protect2 ul li {
		width: calc((100% - 30px) / 4);
		margin-right: 10px;
	}
	.works{
		padding: 30px 20px;
	}
	.works_d{
		display: block;
		margin-top: 30px;
	}
	.works1{
		width: 100%;
	}
	.works2{
		padding: 20px;
		min-height: 10px;
	}
	.works4 {
		font-size: 24px;
		line-height: 32px;
	}
	.works6 {
		width: 40px;
		height: 40px;
	}
	.service{
		padding: 20px;
	}
	.service1{
		margin-top: 10px;
	}
	.service1 ul li{
		margin-top: 20px;
		width: 100%;
		margin-right: 20px;
		display: none;
	}
	.service1 ul li:nth-child(2n){
		margin-right: 0;
	}
	.service1 ul li:first-child{
	    display: block;
	}
	.partner{
		padding: 30px 20px;
		display: block;
	}
	.partner2{
		margin-top: 20px;
	}
	.informat{
		padding: 30px 20px;
		display: block;
	}
	.informat1 {
		font-size: 24px;
	}
	.informat2 {
		margin-top: 10px;
		padding: 0;
	}
	.informat3{
		margin-top: 20px;
		width: 100%;
		display: none;
	}
	.informat8{
	    display: none;
	}
	.informat3:nth-child(4){
	    display: flex;
	}
	.informat3:nth-child(3){
	    display: flex;
	}
	.informat3:nth-child(7){
	    display: flex;
	}
	.informat8{
		margin-top: 20px;
	}
	.fmicon{
	    display: block;
	}
	.footer {
		padding: 0;
	}
	.footer2 {
		display: none;
	}
	.footer6 {
		margin-top: 0;
		border-top: 0;
	    font-size: 12px;
		line-height: 20px;
		padding: 10px;
	}
	.service1 ul li a {
		min-height: 312px;
	}
	.product{
		padding: 30px 20px;
	}
	.provideo{
		padding: 30px 20px;
	}
	.product1 ul li{
		margin-top: 20px;
		width: calc((100% - 16px)/2);
		margin-right: 16px;
	}
	.product1 ul li:nth-child(2n){
		margin-right: 0;
	}
	.product2 {
		height: 160px;
	}
	.product3 {
		font-size: 16px;
		padding: 10px 10px 0;
	}
	.product4{
		margin-top: 16px;
		font-size: 16px;
		color: #999999;
		line-height: 26px;
		padding: 0 10px 5px;
	}
	.product5 {
		padding-left: 10px;
	}
	.product6 {
		font-size: 14px;
	}
	.product7 {
		padding: 0 6px;
	}
	.page a {
		width: 32px;
		height: 32px;
		font-size: 14px;
		margin: 0 3px;
	}
	.page a.syy {
		font-size: 14px;
	}
	.page a.xyy {
		font-size: 14px;
	}
	.prodeta {
		padding: 30px 20px;
		display: block;
	}
	.prodeta1{
		width: 100%;
	}
	.prodeta2{
		margin-top: 30px;
		width: 100%;
	}
	.prodeta3{
		font-size: 20px;
	}
	.prodeta4 {
		margin-top: 10px;
		font-size: 14px;
	}
	.prodeta5 {
		margin-top: 20px;
		font-size: 14px;
	}
	.prodeta6 {
		margin-top: 10px;
		font-size: 14px;
		line-height: 24px;
	}
	.related {
		padding: 30px 20px;
	}
	.inabout{
		padding: 30px 20px 160px;
		min-height: 100px;
	}
	.inabout1{
		padding: 0;
	}
	.inabout2{
		font-size: 20px;
	}
	.inabout3 {
		margin-top: 20px;
		font-size: 14px;
		line-height: 24px;
	}
	.inabout4 {
		padding: 30px 20px;
	}
	.inabout4 .swiper {
		padding-right: 0;
	}
	.inabout7{
		height: auto;
	}
	.inabout8 {
		font-size: 16px;
	}
	.inabout9 {
		font-size: 14px;
		line-height: 20px;
	}
	.artDeta{
		padding: 30px 20px;
	}
	.artDeta1{
		width: 100%;
	}
	.artDeta2 {
		font-size: 16px;
	}
	.artDeta3 span {
		height: 50px;
	}
	.artDeta6 a {
		margin-top: 16px;
		font-size: 14px;
		line-height: 20px;
	}
	.artDeta7{
		width: 100%;
		margin-top: 30px;
	}
	.technology{
		display: block;
	}
	.technology1{
		width: 100%;
		padding: 30px 20px;
	}
	.technology2 {
		font-size: 20px;
		line-height: 32px;
	}
	.technology4 {
		font-size: 14px;
		line-height: 24px;
		margin-top: 20px;
	}
	.technology5{
		width: 100%;
	}
	.technology6{
		padding: 30px 20px;
	}
	.swiper-scrollbar{
		display: none;
	}
	.apply .swiper{
		height: auto;
	}
	.apply .swiper-pagination{
		display: none;
	}
	.apply2 {
		position: absolute;
		left: 30px;
		top: 50%;
		transform: translateY(-50%);
		width: calc(100% - 60px);
		padding: 0;
	}
	.apply3 {
		font-size: 20px;
	}
	.apply4 {
		display: none;
		max-width: 100%;
		font-size: 12px;
		color: #ffffff;
		line-height: 24px;
		margin-top: 10px;
	}
	.apply5 {
	    margin-top: 20px;
	}
	.apply5 a {
		padding: 5px 5px 5px 16px;
		font-size: 14px;
	}
	.apply5 a img {
		margin-left: 16px;
		height: 30px;
	}
	.case {
		padding: 30px 20px 20px;
	}
	.case1 {
		margin-top: 30px;
	}
	.case2{
		width: auto;
	}
	.swiper-slide-active .case2 {
		width: auto;
	}
	.case2 img{
		max-width: 100%;
	}
	.case3 {
		padding: 16px 20px;
	}
	.case5 {
		margin-top: 10px;
		font-size: 16px;
	}
	.apply{
		display: none;
	}
	.apply1{
		display: none;
	}
	.pc{
	    display: none;
	}
	.wap{
	    display: block;
	}
	
	
	
	
	
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
	
	
	
	
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

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

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/


