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

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

@media only screen and (max-width: 1600px){
	
	.inNav::before{
		width: 24%;
	}
	.inNav::after{
		left: 24%;
	}
	.inNav2{
		width: 20%;
	}
	
	
	
	
}

@media only screen and (max-width: 1440px){
    .nav ul li{
        margin-left: 30px;
    }
    .brand1 a{
        margin-right: 16px;
        width: 27px;
        height: 34px;
        border-radius: 5px;
        font-size: 20px;
    }
	.tleft{
		left: -60px;
	}
	.tright{
		right: -60px;
	}
	.aleft{
		left: -60px;
	}
	.aright{
		right: -60px;
	}
	.rleft{
		left: -60px;
	}
	.rright{
		right: -60px;
	}
	.inNav::before{
		width: 20%;
	}
	.inNav::after{
		left: 20%;
	}
	.inNav2{
		width: 17%;
	}
	.profile{
		padding: 90px 0;
	}
	.profile2{
		width: 45%;
	}
	.profile6 {
		font-size: 14px;
		line-height: 28px;
		margin-top: 20px;
	}
	
	
	
}
@media only screen and (max-width: 1366px){
	
    .brand1 a{
        margin-right: 14px;
    }
}
@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) {
	
	.top{
		display: none;
	}
	.header{
		display: none;
	}
	.header_m{
		display: block;
	}
	.banner3{
		font-size: 18px;
	}
	.banner4{
		font-size: 24px;
	}
	.banner5{
		display: none;
	}
	.banner6{
		display: none;
	}
	.banner .swiper-pagination{
		bottom: 10px;
	}
	.advan{
		padding: 30px 0;
	}
	.advan1{
		font-size: 18px;
	}
	.advan1 a{
		font-size: 14px;
	}
	.advan2{
		margin-top: 0;
	}
	.advan3 {
		margin-top: 20px;
		padding: 20px 10px;
		width: calc((100% - 20px) / 2);
	}
	.advan4{
		height: 40px;
	}
	.advan5 {
		margin-top: 10px;
		font-size: 16px;
	}
	.advan7 {
		font-size: 14px;
		line-height: 24px;
	}
	.search{
		padding: 30px 0;
	}
	.search3 {
		width: calc(100% - 100px);
		height: 50px;
	}
	.search4 {
		width: 100px;
		height: 50px;
	}
	.search4 button{
		font-size: 16px;
	}
	.search4 button img{
		width: 16px;
	}
	.brand{
		padding: 30px 0;
	}
	.brand1{
		margin-top: 0;
	}
	.brand1 a{
		margin-top: 16px;
		margin-right: 16px;
		width: 28px;
		height: 28px;
		font-size: 16px;
	}
	.brand3 ul li{
		width: calc((100% - 40px)/3);
		margin-right: 20px;
	}
	.brand3 ul li:nth-child(8n){
		margin-right: 20px;
	}
	.brand3 ul li:nth-child(3n){
		margin-right: 0;
	}
	.dat{
		padding: 30px 0;
	}
	.dat1{
		display: block;
	}
	.dat2{
		width: 100%;
	}
	.dat3{
		font-size: 24px;
	}
	.dat4 {
		margin-top: 10px;
		width: 80px;
		height: 3px;
	}
	.dat5 {
		margin-top: 20px;
		font-size: 20px;
		padding-bottom: 10px;
	}
	.dat5 span {
		font-size: 24px;
	}
	.dat6{
		font-size: 16px;
	}
	.dat7 {
		margin-top: 25px;
		font-size: 20px;
	}
	.dat8{
		margin-top: 30px;
	}
	.tjProduct1{
		margin-top: 20px;
	}
	.tjProduct5{
		font-size: 18px;
	}
	.tjProduct6{
		font-size: 14px;
		line-height: 24px;
	}
	.apply2 > img{
		width: 100%;
	}
	.tleft{
		display: none;
	}
	.tright{
		display: none;
	}
	.aleft{
		display: none;
	}
	.aright{
		display: none;
	}
	.rleft{
		display: none;
	}
	.rright{
		display: none;
	}
	.fnav{
		display: none;
	}
	.beian{
		font-size: 12px;
		padding: 10px 3%;
		line-height: 24px;
	}
	.innerBanner2{
		font-size: 20px;
	}
	.innerBanner3{
		margin-top: 0;
		font-size: 14px;
	}
	.inNav{
		margin-top: 0;
		height: 50px;
	}
	.inNav::after{
		left: 100%;
	}
	.inNav2{
		width: 100%;
		position: relative;
		z-index: 3;
	}
	.inNav3{
		display: none;
	}
	.inNav2{
		font-size: 20px;
		line-height: 50px;
	}
	.profile{
		display: block;
		padding: 30px 5%;
	}
	.profile1{
		width: 100%;
	}
	.profile2{
		margin-top: 20px;
		width: 100%;
	}
	.profile4{
		font-size: 20px;
	}
	.profile::before{
		width: 0;
	}
	.vision1{
		margin-top: 20px;
		padding: 0 0 30px;
	}
	.vision{
		padding-top: 30px;
	}
	.title{
		font-size: 20px;
	}
	.vision3{
		font-size: 20px;
	}
	.business{
		padding: 30px;
	}
	.business2{
		width: 50%;
	}
	.business3{
		padding: 20px 0;
	}
	.business4{
		height: 40px;
	}
	.business4 img{
		height: 40px;
	}
	.business5{
		font-size: 16px;
	}
	.organ{
		background-color: #f3f7fa;
		padding: 30px 0;
	}
	.organ1{
		margin-top: 20px;
		font-size: 0;
		text-align: center;
	}
	.braDeta{
		padding: 30px 0 40px;
	}
	.braDeta1{
		margin-top: 20px;
		display: block;
	}
	.braDeta3{
		margin-top: 20px;
		font-size: 14px;
		line-height: 28px;
	}
	.braDeta4 {
		margin-top: 20px;
		padding: 0 36px;
		line-height: 50px;
		font-size: 16px;
	}
	.braDeta4::before{
		left: 15px;
	}
	.braDeta5{
		padding: 1px 20px 30px;
	}
	.braDeta6{
		margin-top: 20px;
	}
	.braDeta6{
		font-size: 16px;
	}
	.scrox{
		width: 1080px;
	}
	.braDeta9{
		overflow-x: scroll;
	}
	.inSearch{
		padding: 30px 0;
	}
	.inSearch1{
		padding: 10px 0 30px;
	}
	.inSearch2{
		margin-top: 20px;
	}
	.inSearch3 ul li{
		width: calc(100% / 2);
		font-size: 12px;
		padding-right: 10px;
	}
	.stock{
		padding: 30px 0;
	}
	.stock2{
		font-size: 16px;
	}
	.stock5{
		font-size: 12px;
		word-break: break-all;
	}
	.page{
		margin-top: 20px;
	}
	.page a{
		margin: 0 3px;
	}
	.kczs ul li{
		width: 100%;
		margin: 24px 0 0 0;
	}
	.kczs3{
		font-size: 20px;
	}
	.support2::before{
		width: 0;
	}
	.support{
		padding: 30px 0;
	}
	.support2{
		margin-top: 20px;
	}
	.support3{
		display: block;
	}
	.support4{
		width: 100%;
	}
	.support5{
		width: 100%;
		margin-top: 20px;
	}
	.support6{
		font-size: 18px;
	}
	.support7 {
		margin-top: 10px;
		width: 40px;
		height: 3px;
	}
	.support8 {
		margin-top: 16px;
		font-size: 14px;
	}
	.support9 {
		margin-top: 10px;
		font-size: 18px;
	}
	.support10{
		margin-top: 20px;
	}
	.support2{
		padding-bottom: 10px;
	}
	.news{
		padding: 30px 0;
	}
	.news1{
		margin-top: 0;
	}
	.news1 ul li{
		padding: 20px 16px;
	}
	.news2 {
	    margin-right: 20px;
	    width: 80px;
	}
	.news3 {
	    font-size: 24px;
	    padding-bottom: 10px;
	}
	.news4 {
	    margin-top: 10px;
	    font-size: 14px;
	}
	.news5{
		margin: 0;
		flex: 1;
	}
	.news6{
		margin-top: 20px;
		flex: none;
		width: 100%;
	}
	.news7 {
	    font-size: 16px;
	}
	.news8 {
		margin-top: 10px;
	}
	.newsDeta{
		padding: 25px 0 30px;
	}
	.address{
		font-size: 14px;
	}
	.address a{
		margin: 0 2px;
	}
	.newsDeta1{
		margin-top: 20px;
		padding: 20px 16px;
	}
	.newsDeta2{
		font-size: 18px;
	}
	.newsDeta3 {
	    margin-top: 10px;
	    font-size: 14px;
	    padding-bottom: 10px;
	}
	.newsDeta7 span{
		font-size: 16px;
	}
	.sxy{
		margin-top: 30px;
	}
	.sxy a{
		font-size: 14px;
		line-height: 32px;
	}
	.recruit ul li{
		padding: 15px;
		display: block;
	}
	.recruit1{
		width: 100%;
	}
	.recruit2{
		font-size: 16px;
	}
	.recruit2 span{
		font-size: 18px;
	}
	.recruit4{
		margin-top: 10px;
		margin-top: 16px;
	}
	.recruit5{
		margin-top: 10px;
	}
	.recuDeta1{
		padding: 16px;
		display: block;
	}
	.recuDeta3{
		font-size: 16px;
	}
	.recuDeta7{
		margin-top: 16px;
		font-size: 24px;
		text-align: left;
	}
	.recuDeta8{
		margin-top: 10px;
		font-size: 14px;
		text-align: left;
	}
	.intro{
		padding: 16px;
	}
	.tdj{
		padding: 16px;
	}
	.tdj1{
		display: block;
	}
	.tdj2{
		margin-bottom: 20px;
	}
	.tdj2 input{
		width: 100%;
		margin-top: 10px;
	}
	.tdj6{
		margin: 20px auto 0;
	}
	.tdj6 input{
		width: 150px;
		height: 50px;
		border-radius: 30px;
		font-size: 16px;
		line-height: 50px;
	}
	.contact{
		padding: 30px 0;
	}
	.contact1{
		display: block;
		margin-top: 0;
	}
	.contact2{
		margin-top: 20px;
		width: 100%;
		padding: 20px;
	}
	.contact3{
		font-size: 18px;
	}
	.contact4{
		margin-top: 10px;
		font-size: 14px;
		line-height: 30px;
	}
	.complaint{
		padding: 60px 0;
	}
	.artica{
		padding: 16px 0 30px;
	}
	.artica1{
		display: block;
	}
	.arLeft{
		width: 100%;
	}
	.arRight{
		padding: 20px;
	}
	.proDeta1{
		width: 100%;
		height: 300px;
	}
	.proDeta3 {
		margin-top: 20px;
		font-size: 20px;
	}
	.proDeta4 {
		font-size: 14px;
		line-height: 30px;
		margin-top: 10px;
	}
	.proDeta5 {
		margin-top: 20px;
	}
	.proDeta6 {
		font-size: 14px;
		line-height: 30px;
		margin-top: 20px;
	}
	.proDeta7{
		margin-top: 0;
		padding: 20px 0 30px;
	}
	.sybt{
		padding: 30px 0;
	}
	.sybt1{
		padding: 20px;
	}
	.sybt2{
		font-size: 20px;
	}
	.sybt2 span{
		font-size: 14px;
	}
	.sybt3{
		display: block;
	}
	.sybt3 span{
		text-align: left;
	}
	.sybt3 input{
		width: 100%;
	}
	.sybt3 textarea{
		width: 100%;
	}
	
	
	
	
	
	
	
	
	
	
}
/** 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){}
/*******************************************************************/