Document body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, header, menu, nav, section { margin: 0; padding: 0; box-sizing: border-box; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } @font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1545182990006'); src: url('iconfont.eot?t=1545182990006#iefix') format('embedded-opentype'), /* IE6-IE8 */ format('woff'), url('iconfont.ttf?t=1545182990006') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1545182990006#iconfont') format('svg'); /* IE9*/ /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-search:before { content: " 671"; } #pc .header { width: 1200px; height: 235px; margin: 0 auto; } #pc .header .navBox { width: 100%; height: 50px; background: #000000; } #pc .header .navBox ul { width: 970px; 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 i { position: absolute; right: 0; bottom: 12px; width: 1px; height: 20px; background: #53514C; } #pc .header .logoBox { width: 100%; height: 130px; background: #000; } #pc .header .logoBox .imgBox { width: 970px; height: 130px; margin: 0 auto; } #pc .header .logoBox .imgBox .left { width: 470px; height: 100%; float: left; } #pc .header .logoBox .imgBox .right { width: 500px; height: 100%; float: right; } #pc .header .iconBox { width: 100%; height: 55px; background: #252525; } #pc .header .iconBox .centerBox { width: 970px; height: 100%; margin: 0 auto; } #pc .header .iconBox .centerBox .left { width: 334px; height: 100%; float: left; padding: 0px 50px; } #pc .header .iconBox .centerBox .left .img { float: left; height: 100%; padding-top: 5px; } #pc .header .iconBox .centerBox .left .info { float: left; color: #fff; margin-left: 18px; } #pc .header .iconBox .centerBox .left .info p { font-size: 18px; line-height: 18px; font-weight: bold; margin-top: 7px; } #pc .header .iconBox .centerBox .left .info span { font-size: 14px; display: block; } #pc .header .iconBox .centerBox .right { width: 572px; height: 100%; float: right; } #pc .header .iconBox .centerBox .right .img { float: left; height: 100%; padding-top: 9px; } #pc .header .iconBox .centerBox .right .info, #pc .header .iconBox .centerBox .right .hours { color: #fff; } #pc .header .iconBox .centerBox .right .info p, #pc .header .iconBox .centerBox .right .hours p { font-size: 18px; font-weight: bold; line-height: 30px; } #pc .header .iconBox .centerBox .right .info span, #pc .header .iconBox .centerBox .right .hours span { font-size: 11px; float: left; } #pc .header .iconBox .centerBox .right .info { height: 100%; float: left; margin-left: 26px; } #pc .header .iconBox .centerBox .right .info span:last-child { margin-left: 20px; } #pc .header .iconBox .centerBox .right .hours { height: 100%; float: left; margin-left: 50px; position: relative; } #pc .header .iconBox .centerBox .right .hours::before { content: ""; width: 1px; height: 40px; background: #fff; position: absolute; left: -25px; top: 7px; } #pc .article { width: 970px; 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: 300px; 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: 96%;