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

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



@media only screen and (min-width: 1200px){
	
}
/** max-width:1200 **/
@media only screen and (max-width: 1366px){
	.nav ul li{
	    margin-right: 32px;
	}
	.logo{
	    margin-top: ;
	}
	.logo img{
	    max-height: 50px;
	}
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
	.header{
		display: none;
	}
	.header_m{
		display: block;
	}
	.banner1{
		text-align: center;
		overflow: hidden;
	}
	.banner3{
		font-size: 16px;
		line-height: 24px;
	}
	.banner4 {
		margin-top: 16px;
		font-size: 16px;
		line-height: 24px;
	}
	.about{
		padding: 30px 0;
	}
	.about1{
		display: block;
	}
	.about2{
		width: 100%;
	}
	.about3{
		margin-top: 20px;
		width: 100%;
	}
	.about4{
		font-size: 20px;
		text-align: center;
	}
	.about5{
		font-size: 14px;
		text-align: center;
	}
	.about6{
		font-size: 12px;
		margin-top: 10px;
	}
	.about7 {
		margin-top: 14px;
		font-size: 14px;
		line-height: 24px;
	}
	.about8{
		margin-top: 10px;
	}
	.product{
		padding: 30px 0;
	}
	.product1{
		font-size: 20px;
	}
	.product2{
		font-size: 14px;
	}
	.product3{
		margin-top: 0;
	}
	.product3 ul li{
		width: calc((100% - 20px)/2);
		margin-right: 20px;
		margin-top: 20px;
		border-radius: 16px 0 16px 0;
		height: 240px;
	}
	.product3 ul li:nth-child(2n){
		margin-right: 0;
	}
	.product5 img{
		max-height: 60px;
	}
	.product6{
		font-size: 16px;
	}
	.product7{
		margin-top: 20px;
	}
	.apply{
		padding: 30px 0;
	}
	.apply3{
		padding: 0 16px;
	}
	.apply4{
		font-size: 16px;
		line-height: 36px;
	}
	.apply2:hover .apply3{
		padding: 16px;
	}
	.apply5{
		font-size: 12px;
		line-height: 20px;
	}
	.apply6{
		margin-top: 30px;
	}
	.news{
		padding: 30px 0;
	}
	.news3{
		font-size: 20px;
	}
	.news4{
		font-size: 14px;
	}
	.news6{
		margin-top: 20px;
	}
	.news7{
		width: 100%;
	}
	.news8{
		width: 100%;
	}
	.news9 {
		margin-top: 15px;
		padding: 0px 9px 16px;
	}
	.news10{
		font-size: 16px;
	}
	.news11{
		margin-top: 10px;
		font-size: 12px;
	}
	.footer{
		padding: 30px 0 0;
	}
	.footer1{
		display: block;
		text-align: center;
	}
	.footer2{
	    margin-bottom: 20px;
	}
	/*.footer2 img{*/
	/*    max-width: 200px;*/
	/*}*/
	.footer3{
		/*display: none;*/
		text-align: left;
		border-bottom: 1px solid #ffffff;
		padding: 20px 0;
	}
	.footer3a{
	    
	}
	.footer3b{
	    display: none;
	    margin-top: 9px;
	    padding: 0 20px;
	}
	.footer4{
		margin-top: 20px;
	}
	.footer4c{
		font-size: 16px;
	}
	.inAboutLeft{
		width: 100%;
	}
	.inAboutRight{
		width: 100%;
	}
	.inAboutRight1{
		width: 100% !important;
	}
	.inAboutRight4{
		width: 100%;
	}
	.inAbout{
		margin-top: 30px;
	}
	.inAboutRight2{
		font-size: 18px;
	}
	.inAboutRight3{
		margin-top: 20px;
		font-size: 14px;
		line-height: 28px;
	}
	.inAboutRight4{
		margin-top: 20px;
	}
	.honor ul li{
		width: 100%;
		margin: 0 0 20px;
	}
	.main{
		padding: 20px 0 40px;
	}
	.culture ul li{
		display: block;
		padding-bottom: 20px;
		margin-bottom: 25px;
	}
	.culture1{
		width: 100%;
	}
	.culture2{
		width: 100%;
		margin-top: 20px;
	}
	.culture3{
		font-size: 18px;
	}
	.culture4{
		font-size: 14px;
		line-height: 28px;
		margin-top: 10px;
	}
	.inPro1{
		display: none;
	}
	.inPro4{
		padding: 0 10px 10px;
		margin-top: 20px;
		height: auto;
	}
	.inPro5{
	    width: auto;
	    overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
	}
	.inPro6{
		display: block;
		margin-left: 20px;
	}
	.inPro{
		font-size: 18px;
	}
	.proDeta1{
		margin-top: 10px;
	}
	.proDeta{
		font-size: 18px;
		margin-top: 20px;
	}
	.tech{
		font-size: 20px;
	}
	.tech1{
		font-size: 14px;
	}
	.tech2 ul li>img{
		width: 100%;
	}
	.tech2 ul li{
		margin-top: 30px;
	}
	.tech3 {
		margin-top: 20px;
		width: 100%;
		height: auto;
		position: relative;
		right: auto;
		bottom: auto;
		padding: 20px;
		transform: translateY(0);
	}
	.tech2 ul li:nth-child(2n) .tech3{
		right: auto;
		bottom: auto;
		left: auto;
		top: auto;
		text-align: left;
	}
	.tech5{
		font-size: 22px;
	}
	.tech6{
		margin-top: 10px;
		font-size: 18px;
	}
	.techDeta ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		/*padding: 60px 50px 30px;*/
	}
	.techDeta1{
	    width: 100%;
	}
	.techDeta_d{
	    width: 100%;
	    margin-left: 0;
	    margin-top: 20px;
	}
	.techDeta2{
	    text-align: center;
	}
	.techDeta3{
	    margin: 16px auto 0;
	}
	.nMain{
		padding: 20px 0 40px;
	}
	.inNews ul li {
		margin-top: 20px;
		padding: 16px;
	}
	.inNews ul li a{
		display: block;
	}
	.inNews1{
		width: 100%;
		border-right: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.inNews2{
		font-size: 20px;
		margin-right: 10px;
	}
	.inNews3{
		font-size: 14px;
		flex: 1;
		margin-top: 0;
	}
	.inNews4 {
		margin-top: 0;
	}
	.inNews6{
		margin-top: 16px;
		font-size: 18px;
	}
	.inNews7{
		margin-top: 10px;
	}
	.inNews8{
		margin-top: 20px;
		margin-left: 0;
	}
	.page{
		margin-top: 30px;
	}
	.newsLeft{
		width: 100%;
	}
	.newsLeft1{
		padding: 16px;
	}
	.newsLeft2{
		font-size: 18px;
	}
	.newsLeft3{
		font-size: 12px;
		padding-bottom: 16px;
	}
	.newsLeft3 span{
		margin-right: 9px;
	}
	.newsLeft4{
		font-size: 14px;
	}
	.sxp a{
		margin-top: 10px;
	}
	.newsRight{
		width: 100%;
		margin-top: 30px;
	}
	.source{
		margin-top: 30px;
	}
	.source1{
		width: 100%;
	}
	.source2{
		width: 100%;
		margin-top: 20px;
	}
	.source3 {
		padding-left: 0;
		font-size: 20px;
	}
	.source4 {
		margin: 20px 0 0 0;
	}
	.source5 {
		margin-top: 24px;
		padding: 0 36px;
		font-size: 14px;
		line-height: 28px;
	}
	.source5 img{
		max-width: 24px;
	}
	.empor{
		padding: 30px 0;
	}
	.empor1{
		font-size: 20px;
	}
	.empor2 ul li {
		margin-top: 20px;
		padding: 16px;
	}
	.empor3{
		align-items: flex-start;
	}
	.empor4{
		display: block;
	}
	.empor4 span{
		font-size: 16px;
	}
	.empor4 span img{
		height: 20px;
	}
	.empor4 code{
		margin: 10px 10px 0 0;
	}
	.empor6{
		display: block;
	}
	.empor10{
		margin: 20px 0 0;
		text-align: center;
	}
	.empor10 a{
		margin: 0 auto;
	}
	.conLeft{
		width: 100%;
	}
	.inContact{
		margin-top: 0;
	}
	.conLeft1{
		font-size: 18px;
	}
	.conLeft2{
		margin-top: 16px;
	}
	.conLeft ul li{
		margin-top: 30px;
	}
	.conRight {
		margin-top: 30px;
		width: 100%;
		padding: 0;
		border-left: 0;
	}
	.conRight1{
		font-size: 20px;
	}
	.conRight2{
		margin-top: 20px;
		display: block;
	}
	.conRight3{
		width: 100%;
		margin-top: 20px;
	}
	.conRight6{
		margin-top: 20px;
	}
	.conRight8{
		margin-top: 20px;
	}
	.banner{
	    margin-top: 60px;
	}
	.inPro6 span{
	    display: none;
	}
	.inAboutLeft1 {
        padding-left: 39px;
        height: 45px;
        font-size: 16px;
        margin-bottom: 20px;
    }
	.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) {
	
	/*.banner1{*/
	/*    height: 240px;*/
	/*    overflow: hidden;*/
	/*}*/
	/*.banner1>img{*/
	/*    position: absolute;*/
	/*    left: 50%;*/
	/*    top: 50%;*/
	/*    transform: translate(-50%,-50%);*/
	/*	height: 240px;*/
	/*	max-width: 300%;*/
	/*}*/
	.banner4{
	    display: none;
	}
	
}
/** 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){}
/*******************************************************************/


