@font-face {
	font-family: 'DIN';
	src: url('./fonts/DIN-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote{margin: 0; padding: 0;}
img{border: none; vertical-align: middle;}
*,:after,:before{box-sizing:border-box; -webkit-box-sizing:border-box;}
::-webkit-scrollbar{width: 10px; height: 10px;}
::-webkit-scrollbar-thumb{background-color: #c2c2c2; background-clip: padding-box;}
em,strong{font-style: normal;}
ul, ol, dl, dd, dt, li{list-style: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
address, caption, cite, code, em, th{font-style: normal; font-weight: normal;}
button, input, select, textarea{font-size: 100%;}
input, button, textarea, select, optgroup, option{font-size: inherit; border: 0; font-family: monospace; font-weight: inherit; outline: none}
address, cite, dfn, em, var{font-style: normal;}
a{color: #555; text-decoration: none;}
table{border-collapse: collapse; border-spacing: 0;}
.clearfix:before, .clearfix:after{ display: table; content: ''; clear: both;}
html{color: #333; font: normal 62.5% Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;}
a{color: #333; text-decoration: none;}
body{background: #fafafa;}
.clearfix:before, .clearfix:after{display: table; content: ''; clear: both;}
.comw{height: auto; width: auto; max-width: 1200px; margin: 0 auto;}
/* 初始化 */ 

.bkset{background: url(../images/index/bk.png) center center no-repeat; background-size: cover; background-attachment: fixed;}
.index{padding-bottom: 80px}

.index .headline{padding: 20px; height: 12.0rem; display: flex; align-items: center; justify-content: flex-start;}
.index .headline .icon{width: 80px; height: 80px; margin-right: 0; border-radius: 6px;}
.index .headline .title{font-size: 3.2rem; font-weight: bold; text-align: center}

.index .centered{padding: 20px;}
.index .centered .item{display: flex; align-items: center;}
.index .centered .item + .item{margin-top: 10.0rem;}
.index .centered .item .txts{flex: 1; margin-right: 40px; padding: 20px 0;}
.index .centered .item .txts .title{font-size: 2.8rem; font-weight: bold;}
.index .centered .item .txts .content{margin-top: 20px;}
.index .centered .item .txts .content .line{font-size: 2.0rem; color: rgba(0, 0, 0, .80); line-height: 2;}
.index .centered .item .txts .content .line.bolder{font-weight: bold; color: #222;}
.index .centered .item .images{width: 300px; height: auto; min-height: 400px; overflow: hidden; background: #FFF; border-radius: 8px; box-shadow: 0 0 10px #DFDFDF;}
.index .centered .item .images .cover{width: 100%;}

.footer{position: fixed; display: flex; align-items: center; justify-content: center; left: 0; bottom: 0; width: 100%; padding: 20px; background: rgba(0, 0, 0, .83); font-size: 1.5rem; color: #FFF; text-align: center;}
.footer .line{}
.footer .line + .line{margin-left: 10px;}
.footer .name{width: 80px; display: inline-block;}
.footer .link{color: inherit; text-decoration: underline;}


/* 适配移动端 */
@media screen and (max-width: 768px){
	.index .headline{
		height: auto;
		justify-content: center;
	}
	.index .headline .title{
		font-size: 2.6rem;
	}
	.index .headline .title .icon{
		width: 120px;
		height: 120px;
		margin: 0 auto 20px;
		display: block;
	}
	.index .centered .item{
		flex-direction: column;
	}
	.index .centered .item .txts{
		margin-right: 0;
	}
	.index .centered .item .images{
		min-height: inherit;
		padding: 20px;
		background: transparent;
		box-shadow: none;
	}
	.index .centered .item .images .cover{
		max-height: 600px;
		object-fit: contain;
		border-radius: 12px;
	}
}