@charset "utf-8"
/*公共样式--开始*/
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;}
*{box-sizing: border-box;padding:0;}
html, body {min-height: 100%;overflow-x: hidden;margin: 0;}
body {font-family: "Microsoft YaHei";font-size:16px;color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol {list-style: none;margin:0;padding:0;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #232323;}
table {border-collapse: collapse;table-layout: fixed;}
input, textarea {outline: none;border: none;}
textarea {resize: none;overflow: auto;}
.clearfix {zoom: 1;}
.clearfix:after {content: "";width: 0;height: 0;visibility: hidden;display: block;clear: both;overflow:hidden;}
.fl {float: left}
.fr {float: right}
.tl {text-align: left;}
.tc {text-align: center}
.tr {text-align: right;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inline{display: inline-block;*display: inline;*zoom: 1;}
@font-face{
	font-family: 'FuturaLTLight';
	src:url(../font/FuturaLT-Light.ttf);
}
@font-face{
	font-family: 'Helvetica Neue';
	src:url(../font/HelveticaNeueMed.ttf);
}
@font-face{
	font-family: 'DIN Condensed';
	src:url(../font/PT DIN Condensed Cyrillic.ttf);
}
@font-face{
	font-family: 'DINEngAlt';
	src:url(../font/DINEngAlt.ttf);
}


/*头尾通用样式*/
body{
	font-family: 'DINEngAlt';
}
header{
	position: fixed;
	top:0;
	width:100%;
	background: #fff;
	box-shadow: 0 0 7px 1px #ccc;
	font-size:11px;
	font-family: 'DINEngAlt';
	letter-spacing: 1.68px;
	z-index: 999;
}
header>nav{
	min-width:960px;
}
.siteTilte{
	width:100%;
	margin:32px 0 16px 0;
}
.siteTilte div{
	width:80%;
	margin:0 auto;
}
.siteTilte img{
	display:block;
	width:176px;
	margin:0 auto;
	opacity: 0.8;
}

/*导航栏响应式*/
@media screen and (max-width: 959px) {
	.container{
		position: fixed;
		left:0;
		top:70px;
		width: 100%;
		height:100%;
		background:#fff;
		font-size:14px;
		display:none;
	}
	.container>div{
		margin:10px 20px;
	}
	.submenu{
		display: none;
	}
	.submenu>li{
		margin:10px 0;
		padding-left:5px;
	}
	.openList{
		display: block;
		position:absolute;
		top:28px;
		right:24px;
		width:30px;
		height:30px;
		z-index: 999;
	}
}

@media screen and (min-width: 960px){
	.openList{
		display: none;
	}
	.container{
		display: flex;
		justify-content: space-around;
		width:95%;

		min-width:960px;

		height:30px;
		line-height:30px;
		margin:0 auto;
		padding:0 20%;
		color:#ccc;
	}
	.container>div{
		padding:0 50px;
	}
	.container>div>a{
		letter-spacing: 3.6px;
	}
	.submenu{
		display: none;
		background:#fff;
		position: absolute;
		width:200px;
		margin-left:-5px;
		font-size: 11px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.submenu li{
		height:30px;
		line-height: 30px;
		padding-left:5px;
		margin:5px 0;
	}
	.submenu li a{
		display:block;
		width:100%;
	}
	.proMenu li:hover{
		background:rgba(15,41,100,0.7);
	}
	.artMenu li:hover{
		background: rgba(141,28,28,0.7);
	}
	.proMenu li a:hover{
		color:#fff;
	}
	.artMenu li a:hover{
		color:#fff;
	}
}


footer{
	width:100%;
	font-size:11px;
	letter-spacing: 2px;
}
.info{
	width: 80%;
    margin: 0 auto 10px;
}
.seperator{ 
	display: inline-block; 
}
.seperator a{
	color:inherit;
}
.seperator:after{
	content:'\00007C';
	margin:0 10px;
}
	/*颜色修正*/
.colorFix{
	color:rgba(0,0,0,1);
}
.noWrap{
	white-space: nowrap;
}


.content{
	margin-top:101px;
	font-size:11px;
}
@media screen and (max-width: 959px){
	.content{
		margin-top:71px;
	}
}
.sectionContainer{
	width:100%;

	margin-bottom:120px;
}
.sectionContainer div{
	width:80%;
	margin:0 auto 10px;
}
@media screen and (max-width: 959px){
	.sectionContainer div{
		width:100%;
		margin:0 auto 10px;
	}
}
.sectionContainer div img{
	width:100%;
}
.sectionCaption{
	padding-left:5px;
	letter-spacing: 1.5px;
}


/*project*/

.project{
	margin-top: 101px;
	margin-bottom:100px;
	min-width:960px;
	font-size: 17px;
	font-family: "FuturaLTLight";
	
}
.project>div>div,.project>p{
	margin-left:30%;
	margin-right:30%;
}
.project>p{
	margin-top: 92px;
	line-height: 1.5;
}
.project>div>img{
	width:100%;
}
.article{
	margin-top:138px;
}
.articleType{
	margin-bottom:10px;
	font-size: 10px;
}
.articleTitle{
	margin-bottom:21px;
	font-size:39px;
}
.articleAuthor{
	margin-bottom:20px;
	font-size:24px;
}
.rotationLimit{
	min-width:960px;		
}
.swiper-container{
	width:40%;
	margin-bottom:200px;
}
@media screen and (max-width: 959px){
	.project{
		margin-top: 71px;
		min-width: 320px;
	}
	.project>p{
		margin-left:10%;
		margin-right:10%;
	}
	.project>div>div,.project>p{
		margin-left:10%;
		margin-right:10%;
	}
	.project>p{
		margin-top: 50px;
		line-height: 1.5;
	}

	.article{
		margin-top:50px;
	}
	.articleTitle{
		font-size: 26px;
	}
	.articleAuthor{
		margin-bottom:20px;
		font-size:16px;
	}
	.rotationLimit{
		min-width:320px;		
	}
	.swiper-container{
		width:80%;
		margin-bottom:100px;
	}
}


.art{
	min-width:960px;
	margin:130px 15%;
	color: rgba(0,0,0,1);
	font-size: 17px;
	line-height: 1.5;
	font-family: "FuturaLTLight";
}
.art>div{
	padding:50px 0 0 3.33333%;
	font-size: 39px;
}
.artList{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	;
}
.artList>li{
	width:33.33%;
	margin-top:50px;
	flex: 0 0 33.3333%;
}
.artBlock{
	padding:0 2%;
}
.artBlock img,.artBlock span{
	width:90%;
	display: block;
	margin:15px auto;
	color:rgba(0,0,0,1);
}
@media screen and (max-width: 959px){
	.art{
		min-width: 320px;
		margin: 71px auto 0;
	}
	.art>div{
		padding:30px 10%;
	}
	.artList{
		flex-direction:column;
	}
	.artList>li{
		width: 80%;
		margin-bottom: 50px;
		margin-top: 0;
	}

}


/*season complete*/
.seasonSection{
	min-width:960px;
	margin-top:101px;
	margin-bottom:90px;
}
.seasonList{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.seasonList>li{
	width:25%;
	margin-bottom:90px;
}
.seasonList>li>img{
	width:100%;
}
@media screen and (max-width: 959px){
	.seasonSection{
		min-width:320px;
		margin-top:71px;
		margin-bottom:90px;
	}
	.seasonList{
		flex-direction:column;
	}
	.seasonList>li{
		width:80%;
		margin:0 10% 25px;
	}
}

/*about*/
.aboutUs{
	min-width:960px;
	margin-top:130px;
	font-family: "FuturaLTLight";
}
.aboutUs>div{
	margin-right:30%;
	margin-bottom:130px;
	margin-left:30%;
	color:rgba(0,0,0,1);
}
.aboutUs>div>div{
	padding-top:138px;
	padding-bottom: 75px;
	font-size:39px;
}
.aboutUs>div>p{
	line-height: 1.5;
	font-size:17px;
}
@media screen and (max-width: 959px){
	.aboutUs{
		min-width:320px;
	}
	.aboutUs>div{
		margin-right:10%;
		margin-bottom:130px;
		margin-left:10%;
		color:rgba(0,0,0,1);
	}
	.aboutUs>div>div{
		padding-top:0px;
		padding-bottom:20px;
		font-size:30px;
	}
}