@charset "utf-8"; /* CSS Document */ /*产品特点 -- start*/ /*body{behavior:url(csshover.htc);} binary 此段代码容易引起崩溃 2017-11-22*/ .cooBanner img { position: absolute; width: 100%; left:0; margin: 0; } /*.success .first {*/ /*width:1200px;*/ /*margin: 0 auto;*/ /*}*/ .success .first li { width:16.66%; } .goods_tedi { width: 100%; height: auto; background: #fff; } .NewCooBanner img.goodsWord { width:658px; height:138px; position: absolute; top: 35%; left: 28%; } .NewCooBanner { background: transparent url(../img/goodsBanner1.jpg) no-repeat center center; background-size: 100% 100%; } .goods_tedi .title { padding: 40px 0px 66px 0; } .goods_tedi .box { min-width: 1000px; max-width: 1210px; height: auto; margin: 0 auto; position: relative; } .goods_tedi .box li { width: 16.66%; *width: 16.56%; height: 264px; float: left; position: relative; top: -264px; opacity: 0; filter: alpha(opacity=0); } .goods_tedi .box li .first { height: 262px; margin: 0px 5px; position: relative; border-radius: 2px; } .goods_tedi .box li .first .text { padding: 0px 16px; height: 100%; position: relative; box-shadow: 1px 1px 2px #ddd; background: #ECECEC; z-index: 2; } .goods_tedi .box li .first .ico { width: 40px; height: 40px; display: block; left: 20px; top: 55px; background: url(../img/goods.png) no-repeat; position: absolute; } .goods_tedi .box li .first .icoo1 { background-position: 0px 0px } .goods_tedi .box li .first .icoo2 { background-position: 0px -100px } .goods_tedi .box li .first .icoo3 { background-position: 0px -200px } .goods_tedi .box li .first .icoo4 { background-position: 0px -300px } .goods_tedi .box li .first .icoo5 { background-position: 0px -400px } .goods_tedi .box li .first .icoo6 { background-position: 0px -500px } .goods_tedi .box li .first dl { position: relative; top: 108px; } .goods_tedi .box li .first dt { height: 70px; line-height: 70px; font-size: 16px; font-weight: bold; } .goods_tedi .box li .first dd { width: 100%; height: 138px; line-height: 24px; font-size: 13px; overflow: hidden; color: #666; } .goods_tedi .box li .first .goods_tv dd{ color: white; } .goods_tedi .box li .first .t { width: 19px; height: 2px; background: #333; position: absolute; top: 168px; } .goods_tedi .box li .first .goods_po { width: 100%; height: 100%; background: #D20001; position: absolute; top: 0px; left: 0px; border-radius: 2px; } .goods_tedi .box li .first:hover .goods_po { z-index: 3; } .goods_tedi .box li .first .goods_po .goods_tv { margin: 0px 16px; } .goods_tedi .box li .first .goods_po dl { top: 50px; } .goods_tedi .box li .first .goods_po dt { color: #fff; } .goods_tedi .box li .first .goods_po dl { color: #fff; } .goods_tedi .box li .first .goods_po .t { top: 108px; background: #FFF; } .goods_tedi ol { padding: 45px 0; height: 10px; width: 100%; text-align: center; } .goods_tedi ol li { width: 9px; height: 9px; margin: 0 5px; display: inline-block; background: url(../img/goods.png) no-repeat -1px -600px; cursor: pointer; *display: inline; *zoom: 1; } .goods_tedi ol li.active { background-position: 0px -700px; display: none; } .goods_sucess .title { margin-top: 40px; padding-bottom: 0; } .title p.t1.goods { font-size: 30px; } .goods_list { width: 100%; background: url(../img/goodsbg1.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 89px; -ms-behavior: url(../css-center/backgroundsize.min.htc); behavior: url(../css-center/backgroundsize.min.htc); } .goods_list .button { margin-top: 30px; } .title p.t.goods{ color:#df121c ; } .title.goods2{ padding:68px 0 100px 0; } .goods_list .box { min-width: 1000px; max-width: 1240px; margin: 0 auto; padding-top: 50px; padding-bottom: 70px; } .goods_list .box li { width: 20%; *width: 19.98%; float: left; cursor: pointer; min-height:1px; margin-top:40px; margin-bottom:60px; } .screen1024 .goods_list .box li { *width: 19.6%; } .goods_list .box li .first { height: auto; margin: 0px 20px; position: relative; } .goods_list .box li .first img { width: 100%; height: auto; } .goods_list .box li .first dl { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .goods_list .box li .first dt { height: 26px; line-height: 26px; text-align: center; color: #fff; font-size: 20px; position: relative; top: 35%; } .goods_list .box li .first dd { width: 94px; height: 26px; border: solid 1px #ccc; line-height: 26px; text-align: center; color: #fff; font-size: 20px; margin: 0 auto; cursor: pointer; position: relative; top: 46%; } .goods_list .box li .first .text { width: 110%; background: #CF0212; padding: 50px 0px; color: #fff; border-radius: 6px; text-align: center; position: absolute; top: 50%; left: -5%; overflow: hidden; display: none; } .goods_list .box li .first .text strong { font-size: 20px; font-weight: normal; } .goods_list .box li .first .text a { width: 100%; display: block; color: #fff; font-size: 14px; height: 32px; line-height: 32px; } .goods_list .box li .first .text span { width: 100%; height: 30px; line-height: 30px; font-size: 20px; font-weight: bold; } .goods_list .goods_btg { width: 100%; margin: 30px auto 0; text-align: center; } .goods_list .goods_btg p { height: 28px; line-height: 28px; font-size: 18px; color: #fff; text-align: center; } .goods_shiyong { width: 100%; background: url(../img/goodsbg3.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 102px; *padding-bottom:100px; } .goods_shiyong .box { min-width: 1000px; max-width: 1280px; height: 210px; margin: 0 auto; } .goods_shiyong .box li { width: 20%; *width: 19.98%; height: 210px; float: left; } .screen1024 .goods_shiyong .box li { *width: 19.6%; } .goods_shiyong .box li .first { margin: 0 28px; position: relative; } .goods_shiyong .box li .first p { width: 100%; height: 50px; line-height: 62px; color: #fff; text-align: center; font-size: 14px; text-indent: 25px; } .goods_shiyong .box li .first p a { color: #fff; text-indent: 25px; cursor: pointer; } .goods_shiyong .box li .first p a:hover { color: #ca0202; } @media screen and (min-width: 300px) and (max-width:1200px){ .goods_shiyong .box li .first p a { font-size: 12px; text-indent: 16px; } } .title.goods{ padding:60px 0 60px 0; } .goods_shiyong .box li .first a { width: auto; height: auto; display: block; position: relative; } .goods_shiyong .box li .first img { height: auto; top: 0px; left: 16%; *left: 13%; } body.size1024 .goods_shiyong .box li .first img { left: 11%; } a.btn2_left, a.btn2_right { top: 44%; } a.btn2_left { left: 10px; } a.btn2_right { right: 3px; } .goods_shiyong .box li .first img.t1 { z-index: 2; position: relative; *left:9.5%; } .goods_shiyong .box li .first img.t2 { z-index: 1; position: absolute; *left: 13%; } .goods_shiyong .box li .first .a_top:hover img.t2 { z-index: 3; } @media screen and (min-width: 300px) and (max-width:1200px){ .goods_shiyong .box li .first img { height: 121px; } } .success { padding:75px 0 106px 0; } @media screen and (min-width: 300px) and (max-width: 1200px){ .success .first { width: 900px; margin: 0px auto; } a.btn2_left { left: 29px; } a.btn2_right { right:29px; } } /*产品特点 -- end*/ body.ie8 .success .first li { width:16.66%; } .screen1024 #wpsign {text-indent:12px;}