﻿
/* 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: 1600px) {
}
@media screen and (max-width: 1440px) {
	.menu li a{
		padding: 0 20px;
	}
	.fcontact .text1 h1{
		float: none;
	}
	.fcontact .fmessage{
		float: none;
		margin: 20px 0 0 0;
		display: table;
	}
	.fcontact .text2{
		padding: 30px 0 0 0;
	}
	.stitle h2{
		font-size: 40px;
	}
	.sprocatelist li .text .text1{
		font-size: 30px;
	}
	.sprocatelist li .text .text2{
		font-size: 40px;
	}
	.aboutnum li strong span{
		font-size: 36px;
	}
	.about .abouttext h1{
		font-size: 30px;
	}
}
@media screen and (max-width: 1366px) {
	.menu li a{
		padding: 0 20px;
	}
	.news .newslist li a{
		padding: 39px 25% 33px 50px;
	}
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 460px) {
	.header .container{
		display: block;
	}
	.sprocatelist{
		display: block;
	}
	.sprocatelist li{
		float: none;
		width: 100%;
		margin: 0;
	}
	.aboutnum{
		display: block;
	}
	.aboutnum::after{
		content: '';
		display: table;
		clear: both;
	}
	.aboutnum li{
		float: left;
		width: 33%;
		justify-content: center
	}
	.aboutnum li:nth-child(4),
	.aboutnum li:nth-child(5){
		width: 50%;
		margin: 20px 0 0 0;
	}
	.aboutnum li .iconfont{
		font-size: 24px;
	}
	.aboutnum li strong,
	.aboutnum li strong span{
		font-size: 20px;
	}
	
	.mt100{
		margin-top: 50px !important;
	}
	.mt90{
		margin-top: 45px !important;
	}
	.mt80{
		margin-top: 40px !important;
	}
	.mt70{
		margin-top: 35px !important;
	}
	.mt50{
		margin-top: 25px !important;
	}
	.mt40{
		margin-top: 20px !important;
	}
	
	
	
	.p100{
		padding: 50px 0;
	}
	.p70{
		padding: 35px 0;
	}
	.p60{
		padding: 30px 0;
	}
	
	
	
	
	
	.stitle h2{
		font-size: 24px;
	}
	.stitle p{
		font-size: 12px;
	}
	.sprocatelist li a{
		padding: 5%;
	}
	.sprocatelist li .text .text1{
		font-size: 16px;
	}
	
	.sprocatelist li .text .text2{
		font-size: 22px;
		font-weight: bold;
		padding: 20px 0 0 0;
		border-top-width: 3px !important;
	}
	.sprocatelist li .text .text3{
		font-size: 12px;
		width: 70px;
		padding: 0 10px;
		line-height: 26px;
		margin: 10px 0 0 0;
	}
	
	.about .abouttext{
		width: 100%;
		float: none;
	}
	.about .abouttext h1{
		font-size: 24px;
		padding: 0 0 20px 0;
		text-align: center;
	}
	.about .abouttext h1::after{
		width: 60px;
		left: 50%;
		margin-left: -30px;
	}
	.about .abouttext .text{
		font-size: 14px;
		line-height: 24px;
	}
	.about .abouttext .more{
		width: 120px;
		margin: 20px auto 0 auto;
		font-size: 14px;
	}
	.about .aboutpic{
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}
	
	.equipleft{
		width: 100%;
		float: none;
	}
	.equipright{
		width: 100%;
		float: none;
		margin: 5px 0 0 0;
	}
	
	.equipmentlist{
		padding: 0 5%;
	}
	
	
	.news .picnews{
		width: 100%;
		float: none;
		padding: 5%;
	}
	.news .newslist{
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}
	.news .picnews .text strong{
		font-size: 17px;
	}
	.news .picnews .text p{
		font-size: 14px;
		line-height: 24px;
	}
	.news .picnews .text .date{
		font-size: 16px;
	}
	.news .picnews .more{
		width: 120px;
		margin: 20px auto 0 auto;
		font-size: 14px;
	}
	.news .newslist li a{
		padding: 5% 5% 5% 10%;
	}
	.news .newslist li .text strong{
		font-size: 14px;
		line-height: 20px;
	}
	.news .newslist li .date,
	.news .newslist li .iconfont{
		display: none;
	}
	.news .newslist li::before{
		top: 27px;
	}
	.news .newslist li .text p{
		font-size: 14px;
		line-height: 24px;
		margin: 10px 0 0 0;
	}
	
	.fmenulist{
		display: none;
	}
	
	.fcontact{
		width: 100%;
		float: none;
	}
	.fcontact .text1 h1{
		font-size: 20px;
		text-align: center;
	}
	.fcontact .fmessage{
		margin: 20px auto 0 auto;
	}
	.fcontact .text2{
		font-size: 16px;
		line-height: 30px;
	}
	.fmenu{
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}
	.fmenu .fpic .flogo{
		display: none;
	}
	.fmenu .fpic .fewm{
		width: 60%;
		float: none;
		margin: 0 auto;
		justify-content: space-around;
	}
	
	.cr{
		padding: 10px 0 20px 0;
	}
	
	.header .logo{
		width: 130px;
		height: 27px;
	}
	
	.header .container{
		position: relative;
	}
	.menubut{
		display: block;
		font-size: 34px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -17px;
		color: #fff;
		-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: 0;
		top: 50%;
		margin-top: -15px;
		transform: scale(0);
		opacity: 0;
		color: #fff;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}
	.menu{
		display: none;
		position: fixed;
		left: 0;
		top: 67px;
		width: 50%;
		height: 100%;
		background: #133c6a;
	}
	.menu li{
		line-height: 40px;
		border-top: 1px solid rgba(255,255,255,.2);
	}
	.menu li:last-child{
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.menu li a{
		font-size: 14px;
	}
	
	.bannerbg,
	.listbanner,
	.nbanner{
		height: 300px;
	}
	.ncate li{
		line-height: 44px;
	}
	.ncate li a{
		padding: 0 15px;
		font-size: 14px;
	}
	
	.bannerbg .text h2{
		text-shadow: 3px 3px 5px rgba(0,0,0,.5);
		font-size: 26px;
	}
	.bannerbg .text p{
		text-shadow: 0 0 5px rgba(0,0,0);
		font-size: 14px;
	}
	
	
	.nabout .abouttext h1{
		font-size: 20px;
		padding: 0;
	}
	
	.culturelist{
		flex-wrap: wrap;
	}
	.culturelist li{
		width: 50%;
		margin: 0 0 20px 0;
	}
	.culturelist li .iconarea{
		width: 140px;
		height: 140px;
	}
	.culturelist li .iconarea .icon-snow{
		font-size: 160px;
		margin-top: -80px;
		margin-left: -80px;
	}
	.culturelist li p{
		font-size: 12px;
		line-height: 20px;
		padding: 0 10%;
		height: 60px;
	}
	
	.npro li,
	.npro li:nth-child(3n){
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.npro li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	
	.npro li .text{
		padding: 5% 8%;
	}
	.npro li .text .text1{
		font-size: 14px;
		margin: 0;
	}
	.npro li .text .text2{
		display: none;
	}
	
	.npro li .text .more{
		display: none;
	}
	
	
	
	
	.nnews li{
		margin: 0 0 20px 0;
	}
	.nnews li a{
		padding: 5%;
	}
	.nnews li .pic{
		width: 100%;
		float: none;
	}
	.nnews li .text{
		width: 100%;
		float: none;
		padding: 0;
	}
	.nnews li .text span{
		font-size: 16px;
	}
	.nnews li .text p{
		font-size: 14px;
		line-height: 24px;
		padding: 0;
	}
	.nnews li .text .more{
		display: none;
	}
	.promiselist li{
		margin: 0 0 20px 0;
	}
	.promiselist li .iconfont{
		width: 22%;
		padding: 20px 0;
		font-size: 40px;
	}
	
	.promiselist li .text{
		width: 78%;
		font-size: 14px;
		line-height: 20px;
		padding: 0 5%;
	}
	
	.service_title{
		font-size: 24px;
	}
	.service_title .iconfont{
		font-size: 30px;
	}
	
	
	.shuoming .text{
		font-size: 14px;
		line-height: 24px;
	}
	
	
	.nmessage{
		float: none;
		width: 100%;
	}
	.nmessage li{
		font-size: 14px;
		margin: 0 0 20px 0;
	}
	.nmessage li input{
		height: 34px;
	}
	
	
	.nmessage .subbuton{
		margin: 20px auto 0 auto;
		font-size: 18px;
	}
	.nmessage .subbuton .iconfont{
		font-size: 30px;
	}
	
	.ncontacttext{
		width: 100%;
		float: none;
	}
	.ncontacttext li{
		padding: 5%;
		width: 100%;
		height: auto !important;
		margin: 0 0 20px 0;
		font-size: 14px;
		color: #333;
	}
	.ncontacttext li span{
		font-size: 17px;
	}
	
	.ndownloadlist li,
	.ndownloadlist li:nth-child(3n){
		width: 100%;
		margin: 0 0 13% 0;
		padding: 10% 5%;
	}
	
	.ndownloadlist li .downbtn{
		background: #00488d;
		line-height: 40px;
		font-size: 14px;
		bottom: -20px;
		width: 40%;
		left: 30%;
	}
	.ndownloadlist li .downbtn .iconfont{
		font-size: 30px;
	}
	
	.nequiplist li a{
		padding: 0 5px;
	}
	
	.ebtn-left,
	.ebtn-right{
		display: none;
	}
	
	.equipleft .text,
	.equipright li .text{
		font-size: 12px;
		left: 7%;
		bottom: 10px;
		width: 86%;
	}
	
	
}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
	.aboutnum li strong,
	.aboutnum li strong span{
		font-size: 16px;
	}
	.aboutnum li{
		width: 50%;
		margin: 0 0 10px 0 !important;
	}
	.aboutnum li .text{
		width: 90px;
	}
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}