Dokument body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, pd, dd, en, img, knap, form, tabel, th, tr, td, tbody, artikel, til side, detaljer, figcaption, figur, footer, header, menu, nav, section { margin: 0; padding: 0; box-sizing: border-box; } .hidden:før, .hidden:after { content: ""; display: table; } .hidden:efter { clear: both; } @font-face #pc .header { width: 1200px; height: 235px; margin: 0 auto; } #pc .header .navBox { width: 100%; height: 50px; background: #000000; } #pc .header .navBox ul { width: 900px; height: 50px; border-bottom: 1px solid #53514C; margin: 0 auto; } #pc .header .navBox ul li { width: 25%; height: 100%; list-style: none; float: left; position: relative; } #pc .header .navBox ul li a { width: 100%; height: 100%; display: block; text-align: center; padding-top: 10px; color: #FEFEFE; font-size: 11px; text-decoration: none; } #pc .header .navBox ul li a p { font-weight: bold; } #pc .header .navBox ul li jeg { position: absolute; right: 0; left: 12px; width: 1px; height: 20px; background: #53514C; } #pc .header .logoBox { width: 100%; height: 130px; background: #000; } #pc .header .logoBox .imgBox { width: 900px; height: 130px; margin: 0 auto; } #pc .header .logoBox .imgBox .venstre { width: 470px; height: 100%; float: left; } #pc .header .logoBox .imgBox .højre { width: 500px; height: 100%; float: right; } #pc .header .iconBox { width: 100%; height: 55px; background: #252525; } #pc .header .iconBox .centerBox { width: 900px; height: 100%; margin: 0 auto; } #pc .header .iconBox .centerBox .venstre { width: 334px; height: 100%; float: left; padding: 0px 50px; } #pc .header .iconBox .centerBox .til venstre .img { float: left; height: 100%; padding-top: 5px; } #pc .header .iconBox .centerBox .til venstre .info { float: left; color: #fff; margin-left: 18px; } #pc .header .iconBox .centerBox .til venstre .info p { font-size: 18px; line-height: 18px; font-weight: bold; margin-top: 7px; } #pc .header .iconBox .centerBox .til venstre .info span { font-size: 14px; display: block; } #pc .header .iconBox .centerBox .højre { width: 572px; height: 100%; float: right; } #pc .header .iconBox .centerBox .højre .img { float: left; height: 100%; padding-top: 9px; } #pc .header .iconBox .centerBox .højre .info, #pc .header .iconBox .centerBox .højre .timer { color: #fff; } #pc .header .iconBox .centerBox .højre .info p, #pc .header .iconBox .centerBox .højre .timer p { font-size: 18px; font-weight: bold; line-height: 30px; } #pc .header .iconBox .centerBox .højre .info span, #pc .header .iconBox .centerBox .højre .timer span { font-size: 11px; float: left; } #pc .header .iconBox .centerBox .højre .info { height: 100%; float: left; margin-left: 26px; } #pc .header .iconBox .centerBox .højre .info p:last-child { margin-left: 20px; } #pc .header .iconBox .centerBox .højre .timer { height: 100%; float: left; margin-left: 50px; position: relative; } #pc .header .iconBox .centerBox .højre .timer::before { content: ""; width: 1px; height:40px; background: #fff; position: absolute; left: -25px; top: 7px; } #pc .article { width: 900px; font-family: Arial, sans-serif; margin: 0 auto; word-wrap:break-word; } #pc .article .mapBox { width: 100%; height: 374px; background-color: #fff; } #pc .article .mapBox .left { width: 450px; height: 100%; float: left; padding-top: 50px; position: relative; } #pc .article .mapBox .left span { font-size: 11px; font-weight: bold; color: #000; position: absolute; } #pc .article .mapBox .left span.ca { left: 20px; bottom: 125px; } #pc .article .mapBox .left span.tx { left: 198px; bottom: 78px; } #pc .article .mapBox .left span.ky { left: 264px; bottom: 160px; } #pc .article .mapBox .left span.nj { right: 58px; top: 154px; } #pc .article .mapBox .right { width: 520px; height: 100%; float: right; } #pc .article .mapBox .right h1 { font-size: 18px; color: #900900; margin-top: 40px; margin-left: 7px; } #pc .article .mapBox .right .listBox { width: 100%; height: 113px; border: 1px solid #CFCAC0; margin-top: 17px; padding-top: 13px; padding-left: 22px; } #pc .article .mapBox .right .listBox div { width: 100px; float: left; font-size: 12px; margin-right: 24px; line-height: 20px; } #pc .article .mapBox .right .listBox div p { font-weight: bold; } #pc .article .mapBox .right .advantage, #pc .article .mapBox .right .attention { padding-left: 7px; font-size: 12px; line-height: 20px; margin-top: 15px; } #pc .article .mapBox .right .advantage p, #pc .article .mapBox .right .attention p { font-weight: bold; } #pc .article .bgimgBox { width: 100%; background-color: #fff; position: relative; } #pc .article .pro_desc{ font-size:16px; font-weight:bold; line-height:36px; } #pc .article .bgimgBox .bginfo { position: absolute; right: 50px; top: 125px; width: 250px; max-height: 250px; background-color: rgba(255,255,255,.7); color: #000; /*word-break: break-all;*/ padding: 10px; /*overflow: hidden; transform: translateY(-50%);*/ } #pc .article .bgimgBox img { width: 100%; margin-top:15px; } #pc .article .product { width: 100%; line-height: 19px; margin-top: 5px; margin-bottom:20px; } /* #pc .article .product .introduction { font-size: 14px; font-weight: bold; } #pc .article .product div { font-size: 12px; }*/ #pc .article .features { width: 100%; margin-top: 15px; } #pc .article .features h1 { font-size: 16px; } #pc .article .features ul li { width: 250px; float: left; list-style: none; margin-top: 30px; line-height: 19px; /*height:498px;*/ } #pc .product1{ line-height: 19px; } #pc .product1 .introduction{ font-size:16px; font-weight:bold; line-height:40px; } #pc .article .features ul li:nth-child(3n-1) { margin-left: 35px; margin-right: 35px; } #pc .article .features ul li .imgBox { width: 100%; height: 250px; border: 1px solid #A8A39F; } /*#pc .article .features ul li p { font-size: 12px; line-height: 34px; }*/ #pc .article .features ul li div { font-size: 10px; line-height: 20px; } #pc .article .parameter { width: 100%; margin-top: 40px; margin-bottom: 30px; } #pc .article.parameter .imgBox { width: 250px; height: 333px; float: left; } #pc .artiklen .parameter .imgBox img { width: 100%; height: 100%; } #pc .artiklen .parameter .oplysninger { width: 300px; height: 100%; float: left; padding-right: 25px; padding-left: 40px; } #pc .artiklen .parameter .oplysninger .intro1{ margin:20px auto; } #pc .artiklen .parameter .oplysninger .intro1 ul{ paddin