@charset "utf-8";
/* CSS Document */
/*
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
*/
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1440px) {
	.mt40{ margin-top: 30px !important; }
	.logo{
		width: 170px;
		height: 54px;
	}
	.menu{
		padding: 25px 0;
	}
	.bannertext .text1,
	.nbanner .text2{
		font-size: 60px;
	}
	.banner .bannertext{
		padding: 104px 0 0 0;
	}
	.stitle,
	.servicelist li .servicetext .servicetitle{
		font-size: 40px;
	}
	.support .supporttext,
	.brandtext{
		font-size: 16px;
	}
	.supportlist li .text1,
	.cooperatelist li .text span,
	.contactform p,
	.nproname{
		font-size: 26px;
	}
	.supportlist li .text2,
	.cooperatelist li .text p,
	.abouttext .text,
	.fmenu li,
	.fmenu li a{
		font-size: 15px;
	}
	.newslist li p{
		font-size: 20px;
	}
	.contactform .messageform .name,
	.contactform .messageform .subbutton{
		font-size: 15px;
		height: 34px;
	}
	.nbantext .text2{
		font-size: 60px;
	}
	.nbantext .text3,
	.nbantext .text5_contact a{
		font-size: 16px;
	}
	.nculturelist li span{
		font-size: 26px;
	}
	.nculturelist li p{
		font-size: 14px;
	}
	.nphoto .text{
		font-size: 16px;
	}
	.nphotolist li p{
		margin: 10px 0 0 0;
		font-size: 16px;
	}
	.nprolist li .seriesname{
		font-size: 26px;
	}
	.nprolist li .seriestext{
		font-size: 14px;
		line-height: 24px;
	}
	.reccate .catename{
		font-size: 26px;
	}
	.reccate .catename img{
		width: 26px;
	}
	.reclist li .recname{
		font-size: 18px;
	}
	.reclist li .rectext .rectitle{
		font-size: 16px;
		margin: 0 0 10px 0;
	}
	.reclist li .rectext{
		font-size: 14px;
		line-height: 26px;
	}
	.ntopbg,
	.nbanner{
		padding: 104px 0 0 0;
	}
	.nprointro,
	.nprointrolist li,
	.nprointrolist li strong{
		font-size: 15px;
	}
	.serviceintro .text{
		font-size: 18px;
		line-height: 36px;
	}
}
@media screen and (max-width: 1366px) {
	.nbantext .text2{
		font-size: 50px;
	}
	.nbantext .text3{
		font-size: 14px;
		line-height: 24px;
	}
	.stitle,
	.servicelist li .servicetext .servicetitle{
		font-size: 32px;
	}
	.nphoto .text{
		font-size: 14px;
	}
	.nculturelist li span{
		font-size: 22px;
	}
	.mt30{
		margin-top: 20px !important;
	}
	.nprolist li .seriesname{
		font-size: 22px;
	}
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
	.ntopbg,
	.nbanner{
		padding: 94px 0 0 0;
	}
	.menu{
		padding: 20px 0;
	}
	.menu li{
		margin: 0 20px 0 0;
	}
	.menu li a{
		font-size: 14px;
	}
	.banner .bannertext{
		padding: 94px 0 0 0;
	}
	.bannertext .text1,
	.nbanner .text2{
		font-size: 48px;
	}
	.bannertext .text2{
		margin: 40px auto 0 auto;
	}
	.brandpic a .brandpictext .text2 img{
		max-width: 150px;
	}
	.brandpic a .brandpictext .text3{
		font-size: 16px;
		right: 15px;
		bottom: 15px;
	}
	.stitle,
	.servicelist li .servicetext .servicetitle{
		font-size: 32px;
	}
	.support .supporttext,
	.brandtext{
		font-size: 14px;
	}
	.supportlist li .text1,
	.cooperatelist li .text span,
	.contactform p,
	.nproname{
		font-size: 22px;
	}
	.supportlist li .text2,
	.cooperatelist li .text p,
	.abouttext .text,
	.fmenu li,
	.fmenu li a{
		font-size: 14px;
	}
	.newslist li p{
		font-size: 18px;
	}
	.cooperatelist li .iconfont{
		font-size: 60px;
	}
	.fmenu ul{
		margin: 0 100px 0 0;
	}
	.cr{
		max-width: 70%;
	}
	/* .banner .pic{
		height: 500px;
	} */
	.serviceintro .text{
		font-size: 16px;
		line-height: 32px;
	}
}
@media screen and (max-width: 768px) {
	.logo{
		width: 125px;
		height: 40px;
	}
	.ntopbg,
	.nbanner{
		padding: 80px 0 0 0;
	}
	.menu{
		width: 90%;
	}
	.menu li{
		margin: 0 10px 0 0;
	}
	.banner .bannertext{
		padding: 80px 0 0 0;
	}
	.bannerbtn{
		margin-top: -5px;
	}
	.mt30{ margin-top: 20px !important; }
	.mt40{ margin-top: 20px !important; }
	.mt50{ margin-top: 30px !important; }
	.mt60{ margin-top: 40px !important; }
	.mt70{ margin-top: 50px !important; }
	.mt80{ margin-top: 40px !important; }
	.mt90{ margin-top: 50px !important; }
	.mt100{ margin-top: 60px !important; }
	.p100{ padding: 60px 0; }
	.brandlogo a{
		margin: 0 20px;
		max-width: 125px;
	}
	.brandpic a .brandpictext .text1,
	.brandpic a .brandpictext .text3{
		font-size: 14px;
	}
	.brandpic a .brandpictext .text2 img{
		max-width: 100px;
	}
	.brandpic a .brandpictext .text2 img{
		max-width: 185px;
	}
	.contactform .messageform .subbutton{
		font-size: 14px;
	}
	.stitle,
	.servicelist li .servicetext .servicetitle{
		font-size: 26px;
	}
	.supportlist li .text1,
	.cooperatelist li .text span,
	.contactform p{
		font-size: 18px;
	}
	.supportlist li .text1{
		margin: 15px 0 0 0;
	}
	.supportlist li .text2{
		line-height: 24px;
		margin: 10px 0 20px 0;
	}
	.supportlist li a{
		width: 110px;
		line-height: 34px;
		font-size: 14px;
	}
	.cooperatelist{
		display: block;
	}
	.cooperatelist li{
		width: 100%;
		margin: 0 0 30px 0 !important;
	}
	.about .abouttext{
		width: 52%;
	}
	.abouttext .more{
		width: 130px;
		line-height: 34px;
		font-size: 14px;
	}
	.fmenu ul{
		margin: 0 50px 0 0;
	}
	.fmenu li{
		line-height: 28px;
	}
	.fmiddle{
		padding: 20px 0;
	}
	.footer{
		padding: 40px 0 0 0;
	}
	.fbottom{
		padding: 20px 0 40px 0;
	}
	.contactform .messageform{
		padding: 3px 3px 3px 10px;
	}
	input::-webkit-input-placeholder{		color: #666; font-size: 14px;}
	input::-moz-input-placeholder{			color: #666; font-size: 14px;}
	input::-ms-input-placeholder{			color: #666; font-size: 14px;}
	input::-o-input-placeholder{			color: #666; font-size: 14px;}
	textarea::-webkit-input-placeholder{	color: #666; font-size: 14px;}
	textarea::-moz-input-placeholder{		color: #666; font-size: 14px;}
	textarea::-ms-input-placeholder{		color: #666; font-size: 14px;}
	textarea::-o-input-placeholder{			color: #666; font-size: 14px;}

	.nbantext .text2{
		font-size: 40px;
	}
	.about .container{
		display: block;
	}
	.about .pic.pcv{
		display: none;
	}
	.about .pic.wapv{
		display: block;
		width: 100%;
		/* float: left; */
		margin: 0 0 40px 0;
	}
	.about .abouttext{
		width: 100%;
	}
	/* .about .container{
		align-items: flex-start;
	} */
	.ncate li a{
		padding: 0 10px;
		line-height: 40px;
	}
	.nprocate li img{
		height: 25px;
	}
	.nprolist li .seriesname{
		font-size: 18px;
	}
	.reccate .catename{
		font-size: 22px;
		margin: 0 0 15px 0;
	}
	.reclist li{
		margin: 0 0 15px 0;
	}
	.reclist li .recname{
		font-size: 16px;
	}
	.reccate .catename img{
		width: 22px;
	}
	.nmessageform li{
		width: 41%;
	}
	.nmessageform li.lytext{
		width: 84%;
	}
	.nbanner{
		height: 450px;
	}
	.nbanner .container{
		height: 370px;
	}
}
@media screen and (max-width: 640px) {
	.ntopbg{
		padding: 60px 0 0 0;
		background-position: center 60px;
	}
	.nbanner{
		padding: 60px 0 0 0;
	}
	.menu{
		position: fixed;
		display: none;
		background: #fff;
		top: 60px;
		left: 0;
		height: 100%;
		border-top: 1px solid #ddd;
		width: 100%;
		padding: 0;
	}
	.menu ul{
		display: block;
	}
	.menu li{
		line-height: 40px;
		text-align: center;
		border-bottom: 1px solid #ddd;
		margin: 0 !important;
	}
	.menu li a{
		display: block;
	}
	.menubg{
		padding: 10px 5%;
		box-sizing: border-box;
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
	}
    
	.menubut{
		display: block;
		font-size: 34px;
		position: absolute;
		right: 5%;
		top: 50%;
		margin-top: -17px;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}
	.menuclose{
		display: block;
		font-size: 30px;
		position: absolute;
		right: 5%;
		top: 50%;
		margin-top: -15px;
		transform: scale(0);
		opacity: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}
	.bannerbtn{
		font-size: 40px;

	}
	.bannerbtn_left{
		left: 0;
	}
	.bannerbtn_right{
		right: 0;
	}
	.banner .bannertext .text{
		width: 85%;
	}
	.bannertext .text1,
	.nbanner .text2{
		font-size: 32px;
		/* font-weight: bold; */
	}
	.bannertext .text2{
		font-size: 12px;
		margin: 20px auto 0 auto;
	}
	.brandpic,
	.supportlist,
	.newslist{
		display: block;
	}
	.brandpic a,
	.supportlist li,
	.newslist li{
		width: 100%;
	}
	.supportlist li,
	.newslist li{
		margin: 0 0 40px 0;
	}
	.cooperatelist li:last-child,
	.supportlist li:last-child,
	.newslist li:last-child{
		margin: 0 !important;
	}
	.cooperatelist li .iconfont{
		font-size: 50px;
	}
	.cooperatelist li .text span{
		font-size: 18px;
	}
	.cooperatelist li .text p,
	.supportlist li .text2{
		font-size: 12px;
		line-height: 20px;
	}
	.about .container{
		display: block;
	}
	.about .pic{
		width: 100%;
	}
	.about .abouttext{
		width: 100%;
		margin: 40px 0 0 0;
	}
	.banner .bannertext{
		padding: 0;
	}
	.bannerbtn{
		margin-top: -26px;
	}
	.stitle,
	.servicelist li .servicetext .servicetitle{
		font-size: 24px;
	}
	.news .newsmore{
		font-size: 12px;
	}
	.news .newsmore .iconfont{
		font-size: 12px;
	}
	.contactform .messageform .name{
		width: 80%;
	}
	.contactform .messageform .subbutton{
		width: 20%;
	}
	.contactform{
		display: block;
	}
	.contactform p{
		text-align: center;
		margin: 0 0 10px 0;
		font-size: 16px;
	}
	.fmenu{
		display: none;
	}
	.fmiddle{
		margin-top: 30px !important;
	}
	.fcontact{
		width: 100%;
		text-align: center;
	}
	.fcontact .text{
		font-size: 14px;
		line-height: 24px;
		margin-top: 15px !important;
	}
	.flogo{
		margin: 0 auto;
		width: 120px;
	}
	.fbottom{
		display: block;
	}
	.cr{
		width: 100%;
		max-width: 100%;
		text-align: center;
		word-break: keep-all;
	}
	.fsocial{
		justify-content: center;
		margin: 20px 0 0 0;
	}
	.nbantext .text1{
		font-size: 12px;
	}
	.nbantext .text2{
		font-size: 30px;
	}
	.nculturelist{
		flex-wrap: wrap;
	}
	.nculturelist li{
		width: 47.5% !important;
		padding: 0 5% 0 0 !important;
	}
	.nculturelist li:nth-child(1),
	.nculturelist li:nth-child(2){
		margin: 0 0 40px 0;
	}
	.nculturelist li:nth-child(2n){
		margin: 0 0 0 5%;
		border: none;
	}
	.nculturelist li span{
		font-size: 20px;
	}
	.nculturelist li p{
		margin: 10px 0 0 0;
		text-align: left;
		font-size: 12px;
	}
	.mt70 {
        margin-top: 30px !important;
    }
	.nphotolist li,
	.nphotolist li:nth-child(3n){
		width: 48%;
		margin: 0 4% 30px 0;
	}
	.nphotolist li:nth-child(2n){
		margin: 0 0 30px 0;
	}
	.nphotolist li p{
		font-size: 14px;
	}
	.ncate{
		flex-wrap: wrap;
	}
	.ncate li{
		width: 32%;
		margin: 0 2% 0 0;
		box-sizing: border-box;
		min-width: auto;
	}
	.ncate li:last-child{
		margin: 0;
	}
	.nprocate li{
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.nprocate li:nth-child(2n){
		margin: 0 0 4% 0;
	}
	.nprolist li,
	.nprolist li:nth-child(3n){
		width: 48%;
		margin: 0 4% 30px 0;
	}
	.nprolist li:nth-child(2n){
		margin: 0 0 30px 0;
	}
	.nprolist li .seriestext{
		font-size: 14px;
		line-height: 24px;
		text-align: left;
	}
	.reccate .catename{
		font-size: 18px;
		margin: 0 0 10px 0;
		font-weight: bold;
	}
	.reccate .catename img{
		width: 20px;
		margin: 0 5px 0 0;
	}
	.reclist li .recname{
		line-height: 44px;
		padding: 0 25px;
	}
	.reclist li .rectext{
		padding: 5%;
	}
	.reclist li .recname .recbtn{
		top: 7px;
	}
	.nbantext .text4_contact{
		font-size: 24px;
	}
	.p50{
		padding: 30px 0;
	}
	.p70{
		padding: 50px 0;
	}
	.nmessageform li{
		width: 84%;
		margin: 0 0 15px 0;
	}
	.nmessageform li input{
		height: 32px;
		margin: 5px 0 0 0;
	}
	.nmessageform li.lytext textarea{
		margin: 5px 0 0 0;
	}
	.nmessageform li .subbutton1{
		height: 36px;
	}
	.ncontact .container{
		display: block;
	}
	.ncontacttext{
		width: 100%;
	}
	.map{
		width: 100%;
		height: 300px;
		margin: 40px 0 0 0;
	}
	.nbanner{
		height: 300px;
	}
	.nbanner .container{
		height: 240px;
	}
	.nbanner .text1{
		font-size: 12px;
	}
	.nprointro{
		font-size: 14px;
		line-height: 24px;
	}
	.nprointrolist li{
		padding: 3% 5%;
		line-height: 26px;
		font-size: 14px;
	}
	.nproslide{
		width: 100%;
	}
	.serviceintro .text{
		font-size: 14px;
		line-height: 24px;
		margin: 0 0 0 20px;
	}
	.servicelist li{
		display: block;
		width: 100%;
		margin: 0 0 40px 0;
	}
	.servicelist li .pic{
		width: 100%;
	}
	.servicelist li .servicetext{
		width: 100%;
		margin: 20px 0 0 0;
	}
	.servicelist li .servicetext .text{
		font-size: 14px;
		line-height: 24px;
	}
	.serviceintro img{
		width: 30px;
	}
	.salesmap{
		width: 98%;
	}
	#banner2{
		margin: 60px 0 0 0;
	}
}
@media screen and (max-width: 460px) {
}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
	.nbantext .text2{
		font-size: 26px;
	}
	/* .nbantext .text5_contact,
	.nbantext .text5_contact a, */
	.nbantext .text3{
		font-size: 12px;
		line-height: 20px;
	}
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}