@charset "utf-8"; /* CSS Document */ body {margin:0;font-family:"Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height:1.42857143;font-size:14px;min-width:1230px;background:#fff;color:#333} h1 {font-size:2em;margin:.67em 0} hr {box-sizing:content-box;height:0;overflow:visible} a {-webkit-text-decoration-skip:objects;background-color:transparent} div,p,h2,h4,h3,ol,li{ padding:0px; margin:0px; list-style:none;} img {border-style:none;max-width: 100%;} body,button,input,select,textarea {text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"} fieldset {padding:.35em .75em .625em} article,aside,footer,header,nav,section,figcaption,figure,main,details,menu {display:block} .fl {float:left;} .fr {float:right;} .clearfix {zoom:1} .clearfix:before,.clearfix:after {display:table;line-height:0;content:""} .clearfix:after {clear:both} a {color:#333;text-decoration:none} a:hover {color:#0661b4} ul {margin:0;list-style:none;padding:0} /*产品中心*/ .main { width:1200px; margin:0 auto;} .main1 { width:240px; float:left;} .main2 { width:900px; float:right;} .list{width: 100%;} .list .inactive{ border-bottom:0; margin:4px auto; width:96%; text-indent:3rem;background:#3e3e3e no-repeat 184px center} .list ul li:nth-of-type(1){ width:100%;} .list ul li a{padding-left: 10px;color: #fff; font-size:16px; display: block; font-weight:bold; height:45px;line-height: 45px;position: relative;} .list .inactive{ background:#3e3e3e no-repeat 184px center;} .list .inactives{background: #f81616 no-repeat 184px center;} .list ul li ul{display: none;} .list ul li ul li { border-left:0; border-right:0; background-color:#fff; border-color:#467ca2;} .list ul li ul li ul{display: none;} .list ul li ul li a{ padding-left:20px; color:#f81616;} .list ul li ul li ul li { background-color:#d6e6f1; border-color:#6196bb; } .list .erjileft{ background:#fff no-repeat 184px center;} .last{ background-color:#d6e6f1; border-color:#6196bb; } .list ul li ul li ul li a{ color:#316a91; padding-left:30px;} .bkn { height:55px !important; line-height:55px !important; padding:0px 10px !important;} .product-lists{ float:left; overflow:hidden; zoom:1; margin-bottom:30px; } .product-lists li{ float:left; width:290px; overflow:hidden;border:#e8e8e8 solid 1px; background: #;position:relative;margin: 0px 0px 15px 8px} .product-lists li span{ float:left; width:290px; height:40px; line-height:40px; font-size:14px; text-align:center;} .product-lists li .proimg{ float:left; width:290px; height:290px; overflow:hidden; position:relative; } .product-lists li .proimg:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .product-lists li .proimg img{ position:absolute;top:0;bottom:auto;left:0;right:auto; -webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;-ms-transition:-ms-transform 1s ease-out;transition:transform 1s ease-out; width:100%; } .product-lists li.nobord{ border-right:none;} .product-lists li .proimg .overbg{ position:absolute; bottom:0px; left:0px; width:290px; height:320px; background:url(../images/nbgon.png); z-index:99; display:none;} .product-lists li .proimg .btn{ position:absolute; bottom:0px; left:0px; width:290px; height:290px; background:url(../images/go.png) center no-repeat; z-index:999; display:none;} .product-lists li a:hover span{ background:url(../images/nbgon.png); color:#FFF;} .product-lists li a:hover .overbg{ display:block;} .product-lists li a:hover .btn{ display:block;}