body{ background: url(../images/bg.jpg); } .box-title{ text-align: center; margin-bottom: 20px; } .box-title p{ margin-bottom: 0; } .box-title .one{ width: 100px; margin: 0 auto; font-size: 30px; line-height: 24px; position: relative; } .box-title .one span{ display: inline-block; width: 40px; position: relative; z-index: 1; } .box-title .one b{ position: absolute; width: 30px; top: 10px; border-bottom: 2px solid #000; } .box-title .one b.left{ left: 0; } .box-title .one b.right{ right: 0; } .box-title .two{ margin-top: 5px; } .box-title .three{ font-size: 20px; } /*浜у搧灞曠ず*/ .product-exhibition{ margin-top: 40px; } .pe-head ul{ display: table; margin: 0 auto; } .pe-head li{ margin: 0 10px; float: left; padding: 2px 10px; color: #014991; border: 1px solid #fff; transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; cursor: pointer; } .pe-head li:hover{ background: #014991; border-color: #014991; color: #fff; } .pe-head li.ac{ background: #014991; border: 1px solid #014991; color: #fff; } .pe-cont ul{ margin-top: 20px; display: table; width: 100%; } .pe-cont li{ float: left; width: 183.3333px; margin-right: 20px; } .pe-cont li div{ border: 2px solid #e0e0e0; padding: 5px; height: 195px; line-height: 176px; } .pe-cont li div:hover{ border-color: #014991; } .pe-cont li img{ max-width: 100%; max-height: 100%; } .pe-cont li a{ display: block; } .pe-cont li p{ font-size: 12px; width: 100%; height: 20px; line-height: 20px; overflow: hidden; text-align: center; } .pe-cont li:nth-child(6n){ margin-right: 0; } /*鍏徃绠€浠?/ .company-profile{ margin-top: 30px; background: url(../images/cq-bg.jpg) no-repeat center center; padding-top: 40px; height: 300px; margin-bottom: 200px; } .company-profile .box-title{ color: #fff; } .company-profile .box-title span{ background: none !important; } .company-profile .box-title b{ border-color: #fff; } .cq-box{ position: relative; } .cq-top{ display: table; width: 100%; padding: 40px !important; background: #fff; position: relative; z-index: 1; } .cp-tbox{ float: left; width: 50%; } .cp-tbox p{ margin-bottom: 0; } .cp-tbox a{ float: left; width: 200px; height: 40px; line-height: 40px; text-align: center; background: #014991; color: #fff; margin-top: 20px; } .cq-ibox{ width: 40%; height: 220px; float: right; } .cq-ibox img{ width: 100%; height: 100%; } .cq-bottom{ position: absolute; width: 98%; height: 90%; top: 5%; left: 1%; box-shadow: 0px 20px 25px 0px; } .news{ height:500px; background: #fff; padding: 40px 0; } .news .container{ height:100%; background:url(../images/news_bg.jpg) center center no-repeat;} .news-left{ width: 700px; float: left; } .news-left p{ line-height: 20px; max-height: 60px; overflow: hidden; } .news-left .px20{ color:#333333; height: 28px; line-height: 28px; overflow: hidden; } .news-right{ width: 400px; float: right; padding-left:40px; padding-right:0; } .news-right li{ margin-bottom:22px; white-space: nowrap; text-overflow: ellipsis; width:360px; height: 20px; line-height: 20px; overflow:hidden; }