@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:30px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*#menu { margin: 0; padding: 0; position: fixed; left: 10px; top: 10px; list-style-type: none; z-index: 70;}
#menu li { float: left; margin:  0 10px 0 0; font-size: 14px;}
#menu a { float: left; padding: 10px 20px; background-color: #fff; color: #333; text-decoration: none;}
#menu .active a { color: #fff; background-color: #333;}*/

#back a {
    color: black;
    font-size: 150%;
    position: fixed;
    left: 4%;
    top: 3vh;
    z-index: 99;
    font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    text-decoration: none;
}
#back a:hover {
    color:blue;
}

#textlink{
    color: #535353;
}

#textlink:hover {
color: #1466DE;
}

.section {
    text-align: center;
}

article {
    margin:  0 auto 10vh;
    max-width: 600px;
    font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}

article h1 {
    margin-bottom: 0px;
}

article p{
    line-height: 160%;
}

.s1 {
    background-image: url(../pics/start.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

}

.s1 article div {
	background-color: rgba(255,255,255,0.8);
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
}

.s1 img {
    width: 128px ;
    height: 128px;
    border-radius: 64px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 25px;
}


.s1_1 {
    background-color: #BD3636;
    background-image: url(../pics/ship.jpg);
    background-position: 49% 90%;
    background-size: cover;
}

.s1_1 article {
	background-color: rgba(255,255,255,0.8);
	/* 
	margin-top: 40vh;
	margin-bottom: 40vh;
	width:100%;
	height: 70%; 
	*/
	margin-left:auto;
	margin-right:auto;
	padding: 15px;

}

.s1_1 article p {
	text-align: justify;
	hyphens: auto;
}

.s2 {/*
	background-color: #BD3636;
    background-image: url(../pics/bridge.jpg);
	background-position:center;
	background-size: 100%;
	background-repeat: no-repeat;*/
	    background-color: #BD3636;
    background-image: url(../pics/bridge.jpg);
    background-position: 49% 90%;
    background-size: cover;
}

.s2 article {
	background-color: rgba(255,255,255,0.8);
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
}

.s2 article p {
	text-align: justify;
	hyphens: auto;
}

/*
.s1_1 img {
    max-width:80%;
}


.s2 {
    background-color: white;
}

.s2 img {
    max-width:90%;
}
*/

.s3 {
    background-color: #BD3636;
    background-image: url(../pics/terminal2.jpg);
    background-position: 49% 90%;
    background-size: cover;
}

.s3 article {
    background-color: rgba(255,255,255,0.8);
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
}

.s3 article p {
    text-align: justify;
	hyphens: auto;
}

.s4 {
	background-color: #BD3636;
    background-image: url(../pics/intralogistics.gif);
    background-position: 49% 90%;
    background-size: cover;
  /*  background-image: url(../pics/intralogistics.gif);
    background-size: cover;
    background-position: center center;
    background-size: cover; */
}

.s4 article {
    background-color: rgba(255,255,255,0.8);
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
}

.s4 article p {
    text-align: justify;
	hyphens: auto;
}

.s5 {
    background-color: #BD3636;
    background-image: url(../pics/WilliUndRov.jpg);
    background-position: 49% 90%;
    background-size: cover;
}

.s5 article {
    background-color: rgba(255,255,255,0.8);
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
}

.s5 article p {
    text-align: justify;
	hyphens: auto;
}

.s6 {
    background-color: #BD3636;
    background-image: url(../pics/greenCoPilot.png); 
    background-position: 49% 90%;
    background-size: cover; 
}

.s6 article {
    background-color: rgba(255,255,255,0.8);
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
}

.s6 article p {
    text-align: justify;
	hyphens: auto;
}

.s7 {
    background-color: #f5f7f7;
    background-image: url(../pics/qsmnOptimierung.png); 
    background-position: center;
    background-size:  70%; 
    background-repeat: no-repeat;
}

.s7 article {
    background-color: rgba(255,255,255,0.8);
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
}

.s7 article p {
    text-align: justify;
	hyphens: auto;
}

.s8 {
    background-color: #f5f7f7;
    background-image: url(../pics/contad.png); 
    background-position: center;
    background-size:  90%; 
    background-repeat: no-repeat;
}

.s8 article {
    background-color: rgba(255,255,255,0.8);
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
}

.s8 article p {
    text-align: justify;
	hyphens: auto;
}

.s9 {
    background-color: #f5f7f7;
    background-image: url(../pics/assist.jpg); 
    background-position: center;
    background-size:  90%; 
    background-repeat: no-repeat;
}

.s9 article {
    background-color: rgba(255,255,255,0.8);
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
}

.s9 article p {
    text-align: justify;
	hyphens: auto;
}