@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;
*/
@media screen and (max-width: 1660px) {

	.logo{
		width: 200px;
	}
	.menu>li>a{
		padding: 0 10px;
	}
	.stitle{
		font-size: 30px;
	}
	.abouttext{
		width: 30%;
		margin: 0 3% 0 6%;
	}
	.abouttext .text{
		font-size: 16px;
		line-height: 30px;
	}
	.aboutnum li .text span{
		font-size: 46px;
	}
	.aboutnum li p{
		font-size: 20px;
		margin: 10px 0 0 0;
	}
	.procate li .iconfont{
		font-size: 80px;
	}
	.caselist li p{
		font-size: 20px;
	}
	.casemore{
		line-height: 60px;
		font-size: 20px;
	}
	.newslist li span{
		font-size: 20px;
	}
	.fcontact{
		font-size: 20px;
		line-height: 40px;
	}
	.fcontact strong{
		font-size: 24px;
	}
	.fcr{
		font-size: 16px;
		padding: 20px 0;
	}
	.fcr a{
		font-size: 16px;
	}
}
@media screen and (max-width: 1440px) {
	.header{
		top: 40px;
	}
	.nmenulist a{
		margin: 0 30px;
	}
	.nabout .nabouttext{
		font-size: 18px;
		width: 45%;
	}
	.container{
		width: 90%;
	}
	.top{
		font-size: 16px;
		line-height: 40px;
	}
	.bannerbg,
	.banner{
		margin: 151px 0 0 0;
	}
	.logo{
		width: 200px;
	}
	.menu>li>a{
		font-size: 20px;
	}
	.searchbtn{
		font-size: 26px;
	}
	.abouttext{
		width: 31%;
		margin: 0 2% 0 5%;
	}
	.abouttext .text{
		margin: 20px 0;
	}
	.nabout .nabouttext{
		width: 46%;
		font-size: 18px;
		line-height: 34px;
	}
	.nculture li .textbg>strong{
		font-size: 26px;
	}
	
	.ndevslide .swiper-slide .text{
		font-size: 16px;
	}
}
@media screen and (max-width: 1366px) {
.logo{
		width: 200px;
	}
	.nabout .nabouttext{
		font-size: 16px;
		line-height: 32px;
	}
}
@media screen and (max-width: 1200px) {
	.fcproshow .nprointro{
		width: 55%;
	}
}
@media screen and (max-width: 768px) {
	.btn_dev_left{
		left: -30px;
	}
	.btn_dev_right{
		right: -30px;
	}
}
@media screen and (max-width: 460px) {
	.top{
		line-height: 30px;
		position: fixed;
		z-index: 99;
		width: 100%;
		top: 0;
	}
	.top,
	.top a{
		font-size: 12px;
	}
	.searchform{
		top: 46px;
	}
	.logo{
		margin: 20px 0;
		width: 140px;
	}
	.header{
		position: fixed;
		z-index: 99;
		left: 0;
		top: 30px;
		background-color: #fff;
		width: 100%;
	}
	.menu{
		display: none;
		position: fixed;
		z-index: 99;
		width: 100%;
		height: 100%;
		top: 82px;
		left: 0;
		background-color: #fff;
		border-top: 1px solid #ccc;
		text-align: center;
	}
	.menu li{
		width: 100%;
		border-bottom: 1px solid #ccc;
	}
	.menu>li>a{
		line-height: 40px;
		font-size: 14px;
	}
	.scmenubg{
		display: none !important;
	}
	.banner,
	.bannerbg{
		margin-top: 92px;
	}
	.about,
	.honor{
		display: block;
	}
	.abouttext{
		width: 90%;
		margin: 0 5%;
	}
	.aboutpic,
	.aboutnum,
	.honorpic{
		width: 100%;
	}
	.procate li .iconfont{
		font-size: 20px;
	}
	.aboutnum{
		flex-wrap: wrap;
		padding: 40px 5% 10px 5%;
	}
	.aboutnum li{
		width: 50%;
		box-sizing: border-box;
		margin: 0 0 30px 0;
	}
	.aboutnum li:nth-child(2n){
		border: none;
	}
	.aboutnum li .text span{
		font-size: 24px;
		line-height: 40px;
	}
	.aboutnum li p{
		font-size: 14px;
	}
	.procate{
		flex-wrap: wrap;
	}
	.procate li{
		width: 33%;
		margin: 0 0 20px 0;
	}
	.procate li .iconfont{
		font-size: 40px;
	}
	.procate li p{
		font-size: 16px;
	}
	.case{
		background: url("../images/bg_case_1.jpg") center no-repeat;
		background-attachment: fixed;
	}
	.caselist{
		margin: 40px 0 0 0;
		display: block;
	}
	.caselist li{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.p100{
		padding: 60px 0;
	}
	.stitle{
		font-size: 24px;
	}
	.caselist li p{
		font-size: 16px;
		line-height: 44px;
	}
	.casemore{
		margin: 40px auto 0 auto;
		font-size: 14px;
		width: 120px;
		line-height: 40px;
	}

	.newslist{
		display: block;
	}
	.newslist li{
		margin: 0 0 20px 0;
		width: 100%;
	}
	.newslist li span{
		padding: 0 5%;
		font-size: 16px;
	}
	.newslist li p{
		font-size: 12px;
		line-height: 18px;
		padding: 0 5%;
	}
	.newslist li .newsinfo{
		font-size: 12px;
		padding: 0 5%;
		line-height: 14px;
		margin: 10px 0 0 0;
	}

	.fmenu{
		display: none;
	}
	.fcr{
		font-size: 12px;
		padding: 10px 0;
	}
	.fcr a{
		font-size: 12px;
	}

	.finfo{
		display: block;
	}

	.flogo{
		width: 120px;
		margin: 0 auto;
	}
	.flogo img{ width:100px;}

	.fcontact{
		line-height: 26px;
		margin: 20px 0 0 0;
		font-size: 12px;
		text-align: center;
	}
	.fcontact strong{
		font-size: 14px;
	}

	.menubut{
		display: block;
		font-size: 34px;
		position: absolute;
		right: 12%;
		top: 50%;
		color: #333;
		margin-top: -16px;
		-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: 12%;
		top: 50%;
		margin-top: -14px;
		transform: scale(0);
		opacity: 0;
		color: #333;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}


	.header .container{
		position: relative;
	}


	.about,
	.newslist,
	.pro,
	.nabout{
		margin: 40px 0 0 0;
	}

	.about .stitle{
		margin: 0 auto;
	}
	.stitle{
		padding: 0 0 10px 0;
	}

	.nbanner{
		height: 220px;
	}
	.nbanner h1{
		font-size: 24px;
	}
	.nbanner p{
		font-size: 16px;
		margin: 10px 0;
	}

	.nmenu{
		line-height: 40px;
	}
	.nmenu .container{
		display: block;
	}
	.nmenulist{
		justify-content: flex-start;
	}
	.nmenulist a{
		margin: 0 5px;
		font-size: 14px;
	}
	.bnav,
	.bnav a{
		font-size: 12px;
	}

	.nabout .mt50{
		display: block;
	}
	.nabout .naboutpic{
		width: 100%;
	}

	.mt50{
		margin-top: 30px !important;
	}
	.mt70{
		margin-top: 40px !important;
	}
	.mt80{
		margin-top: 40px !important;
	}

	.nabout .nabouttext{
		width: 100%;
		margin: 20px 0 0 0;
	}
	.nabout .aboutnum{
		padding: 30px 0 10px 0;
	}
	.nculture{
		display: block;
	}
	.nculture li{
		width: 100%;
	}
	.nculture li .textbg{
		padding: 40px 5%;
	}
	.nculture li .textbg .iconfont{
		font-size: 60px;
	}
	.nculture li .textbg>strong{
		font-size: 24px;
	}
	.nculture li .textbg .text{
		font-size: 16px;
		line-height: 30px;
	}

	.ncaselist ul li,
	.ncaselist ul li:nth-child(3n){
		width: 48.5%;
		margin: 0 3% 3% 0;
	}
	.ncaselist ul li:nth-child(2n){
		margin: 0 0 3% 0;
	}
	.ncaselist ul li .pic{
		padding: 4px;
	}
	.ncaselist ul li p{
		font-size: 14px;
		margin: 10px 0;
	}

	.weixiulist li{
		display: block;
		margin: 0 0 40px 0;
	}
	.weixiulist li .pic{
		width: 100%;
	}
	.weixiulist li .text{
		width: 100%;
		padding: 0 !important;
	}

	.weixiulist li .text strong{
		font-size: 18px;
		margin: 20px 0 10px 0;
	}
	.weixiulist li .text p{
		font-size: 14px;
		line-height: 24px;
	}


	.ncontact{
		display: block;
		margin: 130px auto 0 auto !important;
	}
	.ncontactinfo,
	.nmessageform{
		width: 100%;
		padding: 40px 5%;
		box-sizing: border-box;
	}
	.ncontactinfo .text{
		margin-top: 20px;
		font-size: 16px;
		line-height: 30px;
	}
	.newm li .pic{
		width: 100px;
		margin: 0 auto;
	}
	.newm li p{
		font-size: 14px;
	}
	.messageform li{
		width: 100%;
	}
	.messageform li input{
		height: 40px;
	}
	.messageform li img{
		padding: 2px 0;
	}
	.messageform li.lytext textarea{
		height: 120px;
	}

	.p70,
	.p80{
		padding: 40px 0;
	}

	.nchengnuo .text strong{
		font-size: 18px;
	}

	.nchengnuo .text{
		font-size: 14px;
		line-height: 24px;
		text-align: left;
	}
	.chengnuolist li{
		width: 100%;
	}
	.chengnuolist li strong{
		font-size: 18px;
	}
	.chengnuolist li p{
		font-size: 14px;
		line-height: 24px;
		text-align: left;
	}
	.nnewslist ul li .date{
		display: none;
	}
	.nnewslist ul li .text span{
		font-size: 16px;
	}
	.nnewslist ul li .text p{
		font-size: 12px;
		line-height: 16px;
		margin: 5px 0 0 0;
	}
	.nnewslist ul li .pic{
		width: 28%;
	}
	
	.npro{
		margin: 0;
	}
	.nprocate{
		display: none;
	}

	.nprolist{
		width: 100%;
	}
	.nprolist ul li,
	.nprolist ul li:nth-child(3n){
		width: 48.5%;
		margin: 0 3% 5% 0;
	}
	.nprolist ul li:nth-child(2n){
		margin: 0 0 5% 0;
	}
	.nprolist ul li .more{
		display: none;
	}
	.nprolist ul li .pic{
		padding: 4px;
		margin: 0 0 10px 0;
	}
	.nprolist ul li p{
		font-size: 14px;
		line-height: 24px;
	}

	.proshowbg .bnav{
		line-height: 40px;
	}

	.proshowbg .promainpic{
		max-width: 100%;
		top: 30px;
	}
	.proshowbg{
		height: 400px;
	}
	.nprointro{
		margin-top: 120px;
	}
	.nprointro .nproclass{
		font-size: 26px;
	}
	.nprointro .nproname{
		font-size: 20px;
	}
	.nprointro .text{
		font-size: 14px;
		line-height: 24px;
	}

	.mx1200{
		width: 90%;
	}
	.nprotdlist{
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 40px 0 0 0;
	}
	.nprotdlist li{
		width: 40%;
		margin: 0 5% 5% 5%;
	}
	.nprotdlist li img{
		width: 100%;
		height: 120px;
	}

	.jstdtabs li,
	.jstdtabs li:hover,
	.jstdtabs li.this{
		font-size: 14px;
		padding: 0 5px;
		line-height: 30px;
		border-width: 3px;
	}


	.ntitle{
		font-size: 24px;
	}

	.nprolist ul{
		display: block;
	}
	.nprolist ul li{
		width: 100% !important;
		margin: 0 0 20px 0 !important;
		float: none;
	}

	.narticlelist li{
		margin: 0 0 20px 0;
	}
	.narticlelist li .text{
		width: 100%;
	}
	.narticlelist li .text span{
		font-size: 16px;
	}
	.narticlelist li .text p{
		font-size: 12px;
		line-height: 18px;
		margin: 10px 0 0 0;
	}

	.narticlelist li .pic{
		width: 100%;
	}
	.narticlelist li a{
		display: block;
	}
	.narticlelist li .wzinfo {
		display: none;
	}


	.hotkeys{
		font-size: 12px;
		line-height: 18px;
		padding: 10px 0;
	}
	.hotkeys a{
		font-size: 12px;
	}

	.box{
		margin: 40px auto 0 auto;
	}
			.tb-s310, .tb-s310 a{height:300px;width:300px;}
			.tb-s310, .tb-s310 img{max-height:300px;max-width:300px; margin: 0 auto;}
.prothumb,
.proslideshowthumb{
	width: 100%;
}
.proslideshowthumb{
	margin: 20px 0 0 0;
	padding: 0 25px;
	width: 100%;
	box-sizing: border-box;
}


	.ndevul li{
		margin: 0 0 20px 0;
	}
	.ndevul li .text{
		font-size: 12px;
		line-height: 20px;
		padding: 10px;
	}
	
	.ndevul li .year{
		font-size: 18px;
		line-height: 24px;
		word-break: break-all;
	}
.ndevul li .year span{
	padding: 0 0 0 0;
	display: block;
	font-size: 16px;
}
	
	.ndevul li:nth-child(2n) .circle div:before{
		/* margin-left: -2px; */
	}
	
	.ndevul li .circle div:before{
		height: 800%;
	}
	.fcproshow{
		display: block;
	}
	.propicview{
		width: 100%;
	}
	.fcproshow .nprointro{
		width: 100%;
		margin: 40px 0 0 0;
	}
}
@media screen and (max-width: 414px) {
	.nprointro{
		margin-top: 100px;
	}
}
@media screen and (max-width: 375px) {
	.proshowbg .promainpic{
		top: 50px
	}
	.bnav, .bnav a{
		font-size: 10px;
	}
	
	
	
}