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

*/
@media screen and (max-width: 2560px) {
	.scase{
		height: 1050px !important;
	}
	.naboutvideo,
	.svideo{
		height: 1000px !important;
	}
	.nabout{
		height: 870px;
	}
}
@media screen and (max-width: 1920px) {
	.scase{
		height: 800px !important;
	}
	.naboutvideo,
	.svideo{
		height: 740px !important;
	}
	.nabout{
		height: 700px;
	}
}
@media screen and (max-width: 1600px) {
	.menubar .container{
		width: 80%;
	}
}
@media screen and (max-width: 1540px) {
	.dev .container{
		width: 1200px;
	}
	.pagination-dev span:nth-child(1){
		margin: auto 0 0 53px;
	}
}
@media screen and (max-width: 1440px) {
	.npro .stitle span{
		font-size: 30px;
	}
	.npro .stitle p{
		font-size: 14px;
	}
	.nprocate a{
		width: 140px;
		line-height: 40px;
		font-size: 14px;
	}
	.prointro .proname{
		font-size: 24px;
	}
	.prointro .text{
		font-size: 16px;
		line-height: 24px;
		margin: 10px 0 0 0;
	}
	.prointro .proname span{
		font-size: 16px;
	}
	.proslide li .fireicon{
		font-size: 48px;
	}
	.proslide li .fireicon span{
		font-size: 13px;
	}
	.nabout{
		height: 600px;
	}
	.nprocolorlist span{
		width: 24px;
		height: 24px;
	}
	.nprointro .nproname{
		font-size: 36px;
		line-height: 50px;
	}
}
@media screen and (max-width: 1400px) {
	.icon_proslide_arrow_left{
		left: -50px;
	}
	.icon_proslide_arrow_right{
		right: -50px;
	}
	.menubar .container{
		width: 90%;
	}
	.menubar_shop .container{
		padding: 50px 0;
	}
}
@media screen and (max-width: 1366px) {
	.arrow_dev_left{
		left: -50px;
		margin-top: 30px;
	}
	.arrow_dev_right{
		right: -50px;
		margin-top: 30px;
	}
	.dev .container{
		width: 1020px;
	}
	.pagination-dev span:nth-child(1){
		margin: auto 0 0 -35px;
	}
}
@media screen and (max-width: 1280px) {
	.socialicon{
		width: 40px;
		line-height: 40px;
	}
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
	.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%;
		color: #fff;
		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;
	}
	.header1 .menuclose{
		color: #333;
	}
	.menu{
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #fff;
		left: 0;
		top: 71px;
	}
	.header{
		padding: 20px 0;
	}
	.menu li:first-child{
		border-top: 1px solid #eee;
	}
	.menu li{
		border-bottom: 1px solid #eee;
	}
	.menu li a{
		color: #333;
		line-height: 40px;
	}
	.logo{
		width: 130px;
	}
	.lang{
		margin: 0 9% 0 0;
	}
	.menubut{
		color: #fff;
	}
	.banner .pic{
		height: 40vh !important;
	}
	.proslide li .blank{
		padding: 20px 10px;
	}
	.icon_proslide_arrow{
		width: 36px;
		line-height: 36px;
		margin-top: -18px;
		font-size: 20px;
	}
	.icon_proslide_arrow_left{
		left: -20px;
	}
	.icon_proslide_arrow_right{
		right: -20px;
	}
	.prointro .proname{
		font-size: 20px;
	}
	.prointro .proname span{
		font-size: 14px;
	}
	.prointro .text{
		font-size: 14px;
		line-height: 22px;
	}
	.p90{
		padding: 60px 0;
	}
	.proslide{
		padding: 0;
	}
	.proslide li .fireicon{
		top: -13px;
		font-size: 40px;
	}
	.proslide li .fireicon span{
		font-size: 12px;
		bottom: 7px;
	}
	.nabourvideo{
		height: 400px !important;
	}
	.scase{
		height: 400px !important;
	}
	.scase .container{
		padding: 25px 0 0 0;
	}
	.scase .text1{
		font-size: 24px;
	}
	.scase .text2{
		font-size: 16px;
	}
	.scase a,
	.svideo a{
		font-size: 12px;
		width: 90px;
		line-height: 32px;
		margin: 20px 0 0 0;
	}
	.svideo{
		height: 400px !important;
	}
	.svideo .container{
		padding: 25px 0 0 0;
	}
	.svideo .playbtn{
		font-size: 40px;
		margin-left: -20px;
		margin-top: 0;
	}
	.pagination{
		bottom: 15px;
	}
	.swiper-pagination-switch{
		width: 6px;
		height: 6px;
		margin: 0 5px;
	}
	.svideo .text1{
		font-size: 22px;
	}
	.sabout{
		height: 400px;
	}
	.sabout .text1{
		font-size: 24px;
	}
	.sabout .text2{
		font-size: 14px;
		line-height: 28px;
	}
	.sabout a{
		font-size: 12px;
		width: 100px;
		line-height: 36px;
		margin: 30px 0 0 0;
	}
	.jzhsjt{
		width: 90%;
		margin: 0 auto;
	}
	/* .jzhlist{
		display: block;
	} */
	.jzhlist li{
		width: 48%;
		margin: 0 1% !important;
	}
	.jzhlist li .pic{
		height: 250px;
	}
	.stitle span{
		font-size: 24px;
	}
	.stitle p{
		font-size: 14px;
	}
	.fmenu{
		display: none;
	}
	.header_white .menubut,
	.header1 .menubut{
		color: #333;
	}
	.fcontact{
		width: 100%;
	}
	.fcontact .text{
		text-align: center;
	}
	.socialmedia{
		display: none;
	}
	.flogo{
		font-size: 30px;
	}
	.flogo img{
		width: 200px;
		margin: 0 auto 10px auto;
	}
	.p50{
		padding: 40px 0;
	}
	.footer{
		padding: 20px 0;
	}
	.ncase .modulename,
	.npro .modulename{
		display: block;
	}
	.stitle{
		text-align: center;
	}
	.ncase .stitle span,
	.npro .stitle span{
		font-size: 24px;
	}
	.ncase .stitle p,
	.npro .stitle p{
		font-size: 14px;
	}
	.nprocate{
		margin: 30px 0 0 0;
	}
	.nprolist li{
		width: 33%;
	}
	.nprotop{
		display: block;
	}
	.nprothumb{
		width: 100%;
	}
	.nprointro{
		width: 100%;
		margin: 30px 0 0 0;
	}
	.mt80{
		margin-top: 40px !important;
	}
	.propic{
		flex-wrap: wrap;
	}
	.propic li{
		width: 48%;
		margin: 0 0 4% 0;
	}
	.nprocaselist{
		flex-wrap: wrap;
	}
	.nprocaselist li{
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.nprocaselist li:nth-child(2n){
		margin: 0 0 4% 0;
	}
	.casesearch{
		width: 80%;
		margin: 20px auto 0 auto;
	}
	.casesearch .stext{
		height: 36px;
	}
	.casesearch .sbut{
		line-height: 36px;
	}
	.ncasecon{
		display: block;
	}
	.ncasecontainer{
		width: 100%;
	}
	.ncasefl{
		width: 100%;
		height: 650px;
	}
	.ncasefl .flnamelist{
		height: 650px;
	}
	.ncaselist li .text p{
		font-size: 18px;
	}
	.ncaselist li .text span{
		font-size: 14px;
		margin: 0;
	}
	.preview_case .swiper-slide{
		height: 65px !important;
	}
	.view_case img{
		height: 255px;
	}
	.preview_case .swiper-container{
		height: 260px !important;
	}
	.preview_case .swiper-slide .pic{
		height: calc(100% - 5px) !important;
	}
	.ncasename .text1{
		font-size: 24px;
	}
	.ncasename .text2{
		font-size: 16px;
	}
	.casethumb_arrow{
		width: 30px;
		line-height: 30px;
		margin-top: -15px;
	}
	.nprotable table{
		line-height: 40px;
	}
	.ntitle{
		font-size: 22px;
	}
	.ntitle::after{
		margin: 10px auto 0 auto;
	}
	.zcpro{
		width: 50%;
		margin: 0 auto;
	}
	.zcxx{
		display: block;
	}
	.zcproinfo{
		width: 100%;
		margin: 40px 0 0 0;
	}
	.banner_news .swiper-slide{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.newscate a{
		margin: 0 20px;
	}
	.newslist li .text .text1{
		font-size: 14px;
	}
	.newslist li .text .text2{
		font-size: 18px;
		margin: 5px 0 0 0;
	}
	.newslist li,
	.newslist li:nth-child(1), .newslist li:nth-child(2),
	.nnewslist li:nth-child(2n){
		margin: 0 0 20px 0 !important;
	}
	.mt50{
		margin-top: 30px !important;
	}
	.modulemore{
		width: 100px;
		line-height: 36px;
		font-size: 14px;
	}
	.newsmodule2 .newslist li .text .text2{
		font-size: 24px;
	}
	.newsmodule2 .newslist li .modulemore{
		margin: 20px 0 0 0;
	}
	.banner_news, .banner_news .swiper-wrapper, .banner_news .swiper-slide{
		height: 400px !important;
	}
	.banner_news .container{
		width: 90%;
	}
	.banner_news .text{
		margin: 0 0 80px 0;
	}
	.banner_news .text1{
		font-size: 22px;
	}
	.banner_news .text2{
		font-size: 14px;
		margin: 10px 0 0 0;
	}
	.newscate p{
		margin: 10px 0 0 0;
	}
	.competition li{
		height: 500px;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
	}
	.competition li .container{
		padding: 80px 0 0 0;
		width: 90%;
	}
	.competition li .text1{
		font-size: 24px;
	}
	.competition li .text2{
		font-size: 14px;
		margin: 20px 0 0 0;
		line-height: 24px;
	}
	.competition li .text .modulemore{
		margin: 20px auto 0 auto;
	}
	.nabout{
		height: 300px;
	}
	.nabout .text{
		width: 70%;
	}
	.nabout .text1{
		font-size: 20px;
	}
	.nabout .text2{
		font-size: 14px;
		line-height: 24px;
	}
	.dev{
		height: 500px;
	}
	.dev .swiper-container{
		width: 100%;
	}
	.dev .container{
		width: 90%;
	}
	.dev .pagination-dev{
		justify-content: space-between;
	}
	.dev .pagination-dev::after{
		content: '';
		display: block;
		position: absolute;
		width: 90%;
		left: 5%;
		bottom: 5px;
		height: 1px;
		background-color: #fff;
	}
	.pagination-dev span{
		margin: 0 20px !important;
	}
	.arrow_dev{
		display: none;
	}
	.dev .text1{
		font-size: 20px;
	}
	.dev .text2{
		font-size: 14px;
		line-height: 24px;
	}
	.ncontact .container{
		display: block;
	}
	.contactinfo{
		width: 100%;
	}
	.message{
		width: 100%;
		margin: 40px 0 0 0;
	}
}
@media screen and (max-width: 460px) {
	body{
		text-align: left;
	}
	.banner .pic{
		height: 50vh !important;
	}
	.lang{
		margin: 0 14% 0 0;
	}
	.modulename,
	.stitle{
		width: 100%;
	}
	.stitle p{
		margin: 5px 0 0 0;
		font-size: 12px;
	}
	.modulename .modulemore{
		display: none;
	}
	.icon_proslide_arrow{
		width: 30px;
		line-height: 30px;
		font-size: 16px;
		z-index: 2;
	}
	.icon_proslide_arrow_right{
		right: 0;
	}
	.icon_proslide_arrow_left{
		left: 0;
	}
	.scase{
		height: 300px !important;
		background: url("../images/bg_case_index1.jpg") center no-repeat;
		background-size: cover;
	}
	.scase .text2{
		font-size: 14px;
	}
	.naboutvideo{
		height: 310px !important;
	}
	.svideo{
		height: 300px !important;
	}
	.svideo .text1{
		font-size: 24px;
		font-weight: normal;
	}
	.sabout{
		height: 500px;
		background: url("../images/bg_about_index1.jpg") center no-repeat;
		background-size: cover;
	}
	.sabout .container{
		justify-content: center;
		display: block;
		padding: 50px 0 0 0;
		box-sizing: border-box;
	}
	.jzhlist li .text{
		top: 5%;
	}
	.jzhlist li .text .text1{
		font-size: 12px;
	}
	.jzhlist li .text .text2,
	.jzhlist li:last-child .text .text2{
		font-size: 16px;
		line-height: 16px;
		margin: 5px 0;
	}
	.jzhlist li .text .text3{
		font-size: 12px;
	}
	.jzhlist li .text4,
	.jzhlist li .text4 .iconfont{
		font-size: 12px;
	}
	.cr{
		padding: 10px 0;
	}
	.cr,
	.cr a{
		font-size: 12px;
	}
	.flogo{
		padding: 30px 0 20px 0;
		font-size: 20px;
	}
	.flogo img{
		width: 130px;
	}
	.ncase .stitle p,
	.npro .stitle p{
		font-size: 12px;
		line-height: 18px;
	}
	.ncase .stitle p br,
	.npro .stitle p br{
		display: none;
	}
	.nprocate a{
		margin: 0 5px 0 0;
		line-height: 34px;
		font-size: 12px;
	}
	.nprolist li{
		width: 50%;
		padding: 0;
	}
	.prointro .text{
		font-size: 12px;
		line-height: 20px;
	}
	.prointro .proname{
		padding: 0 0 5px 0;
		font-size: 16px;
	}
	.prointro .text{
		margin: 5px 0 0 0;
	}
	.proslide li .fireicon{
		transform: scale(.8);
		top: -15px;
		left: -10px;
	}
	.nprointro .nproname{
		font-size: 24px;
	}
	.prointro .proname span{
		font-size: 12px;
	}
	.nprointro .text1,
	.nprointro .text2{
		font-size: 14px;
		line-height: 22px;
		margin: 10px 0 0 0;
	}
	.nprocolorlist span{
		width: 20px;
		height: 20px;
		margin: 10px 10px 0 0;
	}
	.shoplink li{
		width: 48%;
		padding: 0 10px;
		line-height: 44px;
	}
	.shoplink li .pic{
		width: 20px;
	}
	.shoplink li p{
		font-size: 14px;
		margin: 0 auto 0 5px;
	}
	.shoplink li .iconfont{
		font-size: 12px;
	}
	.mt60{
		margin-top: 40px !important;
	}
	.npromoduletitle{
		font-size: 20px;
		line-height: 20px;
		padding: 0 0 0 10px;
		border-width: 3px;
	}
	.p80{
		padding: 40px 0;
	}
	.p90{
		padding: 40px 0;
	}
	.p100{
		padding: 50px 0;
	}
	.nprocaselist li .text p{
		font-size: 16px;
	}
	.nprocaselist li .text span{
		font-size: 14px;
	}
	.ncaselist li,
	.ncaselist li:nth-child(3n){
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.ncaselist li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	.casesearch{
		width: 100%;
		padding: 0 10px 0 20px;
	}
	.zcpro{
		width: 100%;
	}
	.zcpro p{
		font-size: 14px;
		line-height: 40px;
	}
	.banner_news .playbtn{
		font-size: 70px;
		margin-top: -60px;
		margin-left: -35px;
	}
	.newscate a{
		margin: 0 10px;
	}
	.newscate .iconfont{
		font-size: 30px;
	}
	.newscate p{
		font-size: 14px;
	}
	.newslist li{
		width: 100%;
		margin-bottom: 20px !important;
	}
	.competition li .text1{
		font-size: 22px;
	}
	.competition li .text2{
		font-size: 12px;
		line-height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	.competition li .container{
		padding: 40px 0 0 0;
	}
	.competition li .playbtn{
		font-size: 80px;
		margin-top: 0;
		margin-left: -40px;
		top: auto;
		bottom: 30%;
	}
	.nbanner,
	.ncase,
	.npro,
	.ncaseintrocon,
	.competition,
	.ncontact,
	.nnewscate,
	.ncompetition,
	.nprocontainer{
		margin-top: 71px !important;
	}
	.nabout{
		height: 560px;
		background: url("../images/bg_about1.jpg") center no-repeat;
		background-size: cover;
	}
	.nabout .text{
		width: 100%;
	}
	.nabout .container{
		padding: 70px 0 0 0;
		box-sizing: border-box;
		align-items: flex-start;
	}
	.dev{
		height: 560px;
		box-sizing: border-box;
		background: url("../images/bg_dev1.jpg") center no-repeat;
		background-size: cover;
	}
	.dev .text2{
		height: auto;
		max-height: none;
		overflow: visible;
	}
	.pagination-dev span font{
		font-size: 12px;
	}
	.pagination-dev span{
		width: 6px;
		height: 6px;
		margin: 0 !important;
	}
	.pagination-dev span font{
		bottom: -23px;
		margin-left: -15px;
	}
	.pagination-dev span::after{
		width: 14px;
		height: 14px;
		margin-left: -7px;
		margin-top: -7px;
	}
	.dev .pagination-dev::after{
		width: 96%;
		left: 2%;
		bottom: 2px;
	}
	.contactinfo li .text{
		padding: 10px 0;
	}
	.contactinfo li .text2{
		margin: 5px 0 0 0;
		font-size: 16px;
	}
	.contactinfo li .iconfont{
		margin: 0 15px 0 0;
	}
	.contactinfo li .text{
		width: calc(100% - 43px);
	}
	.message .stitle p{
		font-size: 12px;
	}
	.ncasethumb{
		display: block;
	}
	.view_case .swiper-slide a{
		display: block;
		margin: 0 1px;
	}
	.view_case,
	.preview_case{
		width: 100%;
	}
	.preview_case{
		margin: 5px 0 0 0;
	}
	.preview_case .swiper-container,
	.preview_case .swiper-slide,
	.preview_case .swiper-slide .pic{
		height: auto !important;
	}
	.preview_case .swiper-slide .pic{
		margin: 0 1px;
	}
	.newslist li .text .text2{
		font-size: 16px;
	}
	.newsmodule3 .newslist li p{
		font-size: 12px;
		margin: 5px 0 0 0;
	}
	.newsmodule2 .newslist li .text .text2{
		font-size: 16px;
	}
	.newsmodule2 .newslist li .text{
		padding: 5%;
	}
	.newsmodule2 .newslist li .modulemore{
		width: 90px;
		line-height: 30px;
		font-size: 12px;
	}
	.menubar_news{
		display: none !important;
	}
	.ncaselist li .text p{
		font-size: 16px;
	}
	.ncaselist li .text span{
		font-size: 12px;
	}
	.competition li .text .modulemore{
		font-size: 12px;
		width: 76px;
		line-height: 30px;
	}
	.scase .text1,
	.svideo .text1,
	.stitle span,
	.sabout .text1{
		font-size: 22px;
	}
	.menubar_shop{
		position: relative;
		top: 0 !important;
		box-shadow: none;
		border-top: none;
	}
	.menubar_shop .container{
		width: 100%;
		padding: 0;
		display: block;
	}
	.menubar_shop li{
		width: 100%;
		border-top: none;
	}
	.menubar_shop li:last-child{
		border-bottom: none;
	}
	.menubar_shop li p{
		font-size: 14px;
		margin: 0 auto 0 10px;
	}
	.menubar_shop li .pic{
		width: 20px;
	}
	.menubar_shop li .iconfont{
		font-size: 12px;
		color: #aaa !important;
	}
}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 414px) {
	.scase .text1,
	.svideo .text1,
	.stitle span,
	.sabout .text1{
		font-size: 20px;
	}
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}