/*头部样式*/ .tophead{width: 100%;height: 112px;background: #f2f2f2;position: relative;} #header,.container{width:1200px;margin:0 auto;} .logo{float:left;margin-top:4px} .topLink{float:right;text-align:right;position: relative;z-index: 9999;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1{line-height:32px;padding-top: 12px;font-size:14px;color:#999999;} .topLink .k1 a{color:#999999} .topLink .k1 a.langstyle,.topLink .k1 span.langstyle{color: #175b98} .topLink .k2{color:#ffffff;font-size:14px;font-family:"微软雅黑";background: #006ccc;text-align:center;border-radius: 16px 16px 0 0;padding-top: 20px;height:105px;width: 234px;box-sizing: border-box;line-height: 30px;position: absolute;right: 0;top:60px;} .topLink .k2 img{margin-bottom:20px} #menu{height: 53px;background: #1a428b;} /*热门搜索*/ .search{text-align:left;height: 71px;box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.4);line-height: 71px;position: relative;z-index: 10} #formsearch{width: 356px;float: right;background: url(../images/ss.png) no-repeat center;} .hotSearch{width: 460px;float:left;height:71px;line-height:71px;font-weight:normal;} .hotSearch .en{color: #175b98;font-size: 18px;font-weight: bold;text-transform: uppercase;line-height: 24px;padding-top: 12px;} .hotSearch .zh{color: #333333;line-height: 24px;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} /*主体样式*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about{width:460px;float:left;margin-left:12px;padding-bottom:5px;} .about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} /*首页标题样式*/ .titles{ text-align: center; } .titles h1{ color: #333333; font-size: 30px; } .titles h1 span{ color: #1a428b; } .titles h2{ color: #999999; font-size:18px; font-weight: normal; text-transform: uppercase; } .titles h3{ background: url(../images/ttline.png) no-repeat center; margin-top: 4px; } .titles h3 div{ font-size: 16px; color: #ffffff; width: 205px; height: 36px; background: #006ccc; margin: 0 auto; line-height: 36px; border-radius: 12px; } /*优势*/ .advantages{ width: 1919px; height: 594px; background: url(../images/bg1.jpg) no-repeat center; position: relative; left: 50%; margin-left: -960px; box-sizing: border-box; padding-top: 102px; } /*五大优势*/ .fiveadc{ width: 1200px; margin: 0 auto; margin-top: 56px; } .fiveadc li{ width: 238px; height: 196px; float: left; background: rgba(255,255,255,0.9); margin-left: 2px; } .fiveadc li:nth-child(1){ margin-left:0 } .fiveadc li a.img{ width: 88px; height: 88px; display: block; position: relative; margin: 0 auto; margin-top: 18px; } .fiveadc li a.img div{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; line-height: 88px; text-align: center; } .fiveadc li a.img img{ max-width: 100%; } .fiveadc li a.img .img1{ opacity: 1; transition: all 0.4s; } .fiveadc li a.img .img2{ opacity: 0; transition: all 0.4s; } .fiveadc li h3{ font-weight: normal; font-size: 15px; text-align: center; margin-top: 20px; position:relative } .fiveadc li h3 a{ display:block } .fiveadc li h3:before { content:''; width:29px; height:2px; background:#666; position:absolute; left:50%; margin-left: -15px; bottom: -12px; } .fiveadc li:hover a.img .img1{ opacity: 0; transition: all 0.4s; } .fiveadc li:hover a.img .img2{ opacity: 1; transition: all 0.4s; } .fiveadc li:hover h3:before{ background:#006ccc; transition: all 0.4s; } .fiveadc li:hover h3 a{ color:#006ccc; transition: all 0.4s; } /*四重认证*/ .forz{ width: 1200px; margin: 0 auto; margin-top: 80px; position: relative; z-index: 10 } .forz li{ width:236px; height:94px; float: left; position: relative; } .forz li+li{margin-left:5px;} /*产品展示*/ .procenter{ background: url(../images/probg.jpg) no-repeat bottom #f2f2f2; padding-top:85px; height: 1097px; box-sizing: border-box; position: relative; } .prolist{ width: 1200px; margin: 0 auto; margin-top: 40px; text-align:center; } .prolist li{ display:inline-block; margin:0 15px; } .prolist li a{ background: #dfdfdf; padding: 6px 24px; color: #333333; font-size: 14px; border-radius: 10px; display: block; } .prolist li.cur a{ color: #ffffff; background: #006ccc } .procont{ width:1200px; margin:0 auto; margin-top:45px; } .proimg{ display: none; } .proimg li{float:left;margin-right: 26px;margin-bottom: 36px;box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.2);_display:inline;} .proimg li:nth-child(4n){margin-right:0} .proimg li a.img img{width: 280px;height: 239px;transition:all 0.6s} .proimg li h3{text-align:center;} .proimg li h3 a{font-weight:normal;line-height: 50px;background: #fff;display: block;font-size: 16px;color: #333;} .proimg li a.img{display:block;width: 280px;height: 239px;overflow:hidden} .proimg li a.img img:hover{transition:all 0.6s;transform:scale(1.2)} .procenter a.promore{ display: block; position: absolute; width: 204px; height: 58px; background: url(../images/morebg.jpg) no-repeat center; line-height: 58px; text-align: center; left: 50%; margin-left: -102px; bottom: 53px; color: #ffffff; font-size: 16px; } /*首页横图*/ .heng{ width: 1920px; margin: 0 auto; height: 228px; background:#006ccc; } .heleft{ width: 640px; padding-top: 42px; } .heleft ul{ margin-top: 20px; } .heleft ul li{ width: 53px; height: 53px; background: url(../images/bluecir.png) no-repeat center; float: left; margin-right: 24px; font-size: 24px; color: #fff; font-weight: bold; line-height: 53px; text-align: center; } .heright{ background: rgba(255,255,255,0.9); width: 400px; position:relative; } .heright p{ font-size: 16px; color: #333333; text-align: center; line-height: 48px; } .dh{color:#333333;background:#cfcfcf;line-height:43px;text-align:center;width:185px;font-size:12px;position:absolute;right:43px;bottom:6px;} .dh p{font-size:12px;line-height:43px;color:#333333;} /*首页留言*/ .message1{padding-left: 50px;z-index:100;position:relative;padding-bottom:6px} .message1 input{vertical-align:middle;} .message1 #name{display:block;height: 35px;line-height: 35px;padding:0;padding-left: 16px;border: 1px solid #c4c4c4;width: 285px;margin-bottom:5px} .message1 #contact{display:block;height: 35px;line-height: 35px;padding:0;padding-left: 16px;border: 1px solid #c4c4c4;width: 285px;} .message1 .msgbtn{background: #005097;cursor:pointer;width: 108px;height: 43px;line-height: 43px;text-align:center;border:none;color:#fff;font-size: 15px;margin-top: 5px;font-family:"Microsoft YaHei";} .message1 #code{line-height:26px;padding-top: 5px;} .message1 #checkcode{height:32px;line-height:32px;width:120px;border:1px solid #dedede;} #message_main1 tr{position:relative;} #message_main1 tr th{font-weight:normal;text-align:right;height:42px;line-height:42px;color:#666;} .message1 .m_label{position:absolute;width:160px;text-align:left;line-height: 35px;padding-left: 16px;color:#666666;z-index:1;cursor:text;font-size: 13px} .message1 .c_label{line-height:18px;padding-top:12px;} /*公司简介*/ .aboutus{ width: 1920px; height: 656px; background: url(../images/abbg.jpg) no-repeat center; position: relative; left: 50%; margin-left: -960px; box-sizing: border-box; padding-top: 51px; } .ableft{overflow:hidden; width: 608px; margin-top: 71px; } .ableft img{width: 608px;height:346px;display:block;transition:all 0.6s;cursor:pointer;} .ableft img:hover{transform:scale(1.2);} .abright{ width: 557px; font-size: 16px; color: #ffffff; margin-top: 164px; line-height: 26px; text-align:justify; } /*新闻动态*/ .newsinfo{} .newstt{ height: 128px; width: 1200px; margin: 0 auto; } .newstt .dynamic{ height: 54px; border-left: 3px solid #1a428b; line-height: 28px; padding-left: 10px; margin-top: 53px; } .newstt .dynamic h1{ color: #a5a5a5; font-weight: normal; line-height: 4px; } .newstt .dynamic h2{ color: #1a428b; font-size: 24px; line-height: 78px; } .newstt .ntits{} .newscont{ background: #fafafa; width: 100%; } .newsleft{ width: 481px; height: 476px; background: #ffffff; margin-top: 40px; margin-bottom: 48px; } .newsleft .newsbt{ width: 400px; margin: 0 auto; padding-top: 34px; } .newsleft .newsbt a{ font-size: 20px; color: #000000; } .newsleft .newsms{ color: #333333; font-size: 14px; width: 400px; margin: 0 auto; line-height: 28px; margin-top: 28px; text-indent:20px; } .newsleft .newsdate{ width: 390px; margin: 0 auto; position: relative; color: #ababab; height: 64px; margin-top: 36px; } .newsleft .newsdate .newsdateinn{ border-left: 4px solid #3aa9e0; height: 64px; margin-left:64px; padding-left: 10px; } .newsleft .newsdate span:nth-child(1){ display: block; font-size: 20px; line-height: 16px; } .newsleft .newsdate span:nth-child(2){ margin-top: 8px; display: block; } .newsleft .newsdate a{ display: block; width: 62px; height: 23px; background: url(../images/arrow1.png) no-repeat center; position: absolute; top: 50%; margin-top: -12px; right: 0; } .newsleft .newsimg{ width: 390px; margin: 0 auto; } .newsleft .newsimg img{ width: 100%; } .newsright{ width: 652px; padding-top: 56px; } .newsright li{ margin-bottom: 24px; } .newsright li a.img{ display: block; width: 223px; } .newsright li a.img img{ width: 223px; height: 137px; } .newsright li .newstxt{ width: 412px; position: relative; } .newsright li .newstxt a.tit{ color: #000000; font-size: 16px; line-height: 16px; } .newsright li .newstxt .newsms{ line-height: 24px; margin-top: 9px; margin-bottom: 8px; } .newsright li .newstxt .newsdate{ color: #a8a8a8; } .newsright li .newstxt .newsdate span{ font-size: 20px; } .newsright li .newstxt a.newsmore{ display: block; width: 62px; height: 23px; background: url(../images/arrow1.png) no-repeat center; position: absolute; right: 0; bottom: 0; } .newsright li:hover .newstxt a.newsmore{ background: url(../images/arrow2.png) no-repeat center; } /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*首页新闻*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*首页左侧联系我们*/ .contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;} .contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .contact .content{padding:5px;padding-left:8px;} /*工程案例*/ .case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;} .case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .case .content{padding:5px;padding-bottom:12px;text-indent:20px;} .news2_company{margin-top:10px;} /*产品推荐*/ .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} /*品牌列表*/ .brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .brand-list li{margin: 5px 8px;} .brand-list li:hover{box-shadow: 2px 1px 5px;} .brand-list li img {width: 150px;height: 120px;} /*前台多页签*/ .news{width:1000px;float:left;margin-top: 10px;} .news{width:1000px;float:left;margin-top: 10px;} .tab{position:relative;margin-top: 75px;} .tab li{float:left;height:30px;display:block;line-height:30px;margin-left: 20px;text-align:center;color: #898989;font-size: 14px;cursor: pointer;} .tab li.cur{color: #005097;text-decoration:none;font-size: 14px;border-bottom: 3px solid #005097;} .tt{display: none;} .list1{padding:8px 10px;} .list1 li{line-height:27px;position:relative;vertical-align: middle;} .list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;} .list1 li a:hover{color:#e87518;text-decoration:none;} .list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} /*友情链接*/ .f_link{width: 1200px;margin:0 auto;margin-top:15px;line-height:30px;text-indent:20px;margin-bottom:15px;font-size:14px;} /*页面底部*/ #footer{position:relative;width:100%;background: url(../images/foot.jpg) no-repeat center;height: 282px} .nav_foot{line-height:24px;} .copyright{line-height:24px;width: 400px;margin-left: 102px;padding-top: 72px;font-size: 14px;color: #e8e7e7} .copyright a{color: #e8e7e7} .copyright .bott{margin-bottom: 18px} .botcont{width:410px;color:#e8e8e8;font-size:14px;line-height:24px;padding-top: 72px;} .bott{color:#ffffff;margin-bottom: 10px} .bott h1{font-size:24px} .bott h2{padding-top:8px} .botcode{width: 168px;height: 195px;background: rgba(255,255,255,0.1);box-sizing: border-box;text-align: center;font-size: 14px;color: #ffffff;padding-top: 14px;margin-top: 42px;line-height: 48px;} .xygai{ width: 134px; margin-left: 511px; padding-top: 72px;} /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .left .box .content{padding:5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;display: none;} .n_banner{width:100%;margin:0 auto} .n_banner img{width:100%;margin:0 auto} .left{width:225px;float:left;} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);background: #fff;padding: 30px;} .sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;} .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;} .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;} .right .content{line-height: 24px;padding-top:10px;} .sort_album{margin-top: 15px;} /* InpageAddress */ .InpageAddress{width: 100%;height: 62px;border-bottom: 1px solid #eaeaea;} .InpageAddress a.homePage{display: block;width: 64px;height: 62px;border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;background: url(../images/InpageAddress_icon01.png) no-repeat center;float: left;} .InpageAddress .p1{line-height: 62px;float: left;margin-left: 16px;} .InpageAddress .p1 a{display: block;padding-right: 14px;background: url(../images/InpageAddress_icon02.png) no-repeat right center;font-size: 14px;color: #666666;float: left;margin-left: 10px;} .InpageAddress .p1 a:first-child{margin-left: 0;} .InpageAddress .p1 a:last-child{color: #0e98a5;background-image: none;} .InpageAddress .p2{float: right;} .InpageAddress .p2 a{display: block;font-size: 14px;color: #666666;font-weight: bold;height: 61px;line-height: 61px;float: left;margin-left: 26px;text-decoration: none;} .InpageAddress .p2 a.cur{color: #333333;border-bottom: 2px solid #fa8815;} .InpageAddress .p2 a:hover{color: #333333;border-bottom: 2px solid #fa8815;} .location{ background: url(../images/InpageAddress_icon01.png) no-repeat center; width: 64px; height: 62px; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } .con-left a{ padding: 0 10px; } .con-left a:first-child{ font-size: 14px; color: #666666; display: block; padding-right: 14px; background: url(../images/InpageAddress_icon02.png) no-repeat right center; display: inline-block; text-align: center; line-height: 62px; } /* news */ .news-list{width: 100%;} .news-list dl{width: 100%;padding-top: 39px;height: 190px;border: 1px solid #dfdfdf;border-top: none;background: #fff;position: relative;} .news-list dl:first-child{border-top: 1px solid #dfdfdf;} .news-list dt{width: 220px;height: 170px;float: left;margin-left: 40px;overflow: hidden;} .news-list dt img{display: block;transform: scale(1);transition: all 2s ease-out;} .news-list dl:hover dt img{transform: scale(1.2);} .news-list dd{width: 875px;height: 170px;position: relative;margin-left: 28px;float: left;} .news-list dd h3{font-size: 20px;font-weight: normal;} .news-list dd h3 a{color: #000000;text-decoration: none;} .news-list dd p{font-size: 13px;color: #666666;line-height: 24px;margin-top: 17px;} .news-list dd .label{font-size: 12px;color: #999999;display: block;padding-left: 26px;position: absolute;left: 0;bottom: 0;background: url(../images/newsList_icon03.png) no-repeat left center;line-height: 16px;} .news-list dd .zan{display: block;font-size: 13px;font-family: arial;height: 16px;background: url(../images/newsList_icon01.png) no-repeat left top;position: absolute;top: 5px;right: 74px;padding-left: 24px;padding-top: 2px;} .news-list dd .readNum{display: block;font-size: 13px;font-family: arial;height: 16px;background: url(../images/newsList_icon02.png) no-repeat left center;position: absolute;top: 5px;right: 4px;padding-left: 24px;padding-top: 2px;} .news-list dd a.more{display: block;width: 36px;height: 36px;background: url(../images/list_circle.png) no-repeat left top;overflow: hidden;position: absolute;right: 6px;bottom: 0;} .news-list dl:hover dd a.more{background-position: left bottom;} .news-list dl:hover dd h3 a{color: #0e98a5;} .news-list dl:hover {box-shadow: 0 0 10px 6px #eeeeee;z-index: 99;} /* product*/ .InpageHotSale{width: 100%;background: #f6f6f6;padding: 50px 0;} .product-list dl{width: 100%;height: 318px;background: #fff;margin-top: 20px;} .product-liste dl:first-child{margin-top: 0;} .product-list dt{float: left;width: 478px;height: 318px;overflow: hidden;} .product-list dt img{display: block;transform: scale(1);transition: all 2s ease-out;width: 478px;height: 318px;} .product-list dd{width: 606px;padding-top: 40px;height: 278px;float: left;margin-left: 60px;position: relative;} .product-list dd h3{height: 26px;line-height: 26px;font-size: 18px;color: #333333;margin-bottom: 6px;} .product-list dd h3 a{color: #333333;text-decoration: none;} .product-list dd h3 span{width: 44px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #fa8815;font-size: 12px;color: #fa8815;display: inline-block;*display: inline;border-radius: 2px;margin-left: 10px;} .product-list dd span{display: block;font-size: 16px;color: #666666;} .product-list dd span p{margin:0;} .product-list dd p{font-size: 14px;color: #999999;line-height: 26px;margin-top: 34px;} .product-list dd .details{display: block;width: 122px;height: 39px;line-height: 39px;text-align: center;font-size: 14px;color: #666666;background: url(../images/InpageHotSaleBg01.png) no-repeat center;text-decoration: none;position: absolute;left: 0;bottom: 40px;} .product-list dd .details i{display: inline-block;width: 21px;height: 12px;background: url(../images/InpageHotSale_icon01.png) no-repeat center;margin-left: 6px;position: relative;top: 2px;} .product-list dl:hover dt img{transform: scale(1.2);} .product-list dl:hover{background: #f8f8f8;box-shadow: 1px 0 6px 4px #eaeaea;} .product-list dl:hover dd h3 a{color: #0e98a5;} .product-list dl:hover dd .details{background: url(../images/InpageHotSaleBg02.png) no-repeat center;color: #fff;} .product-list dl:hover dd .details i{background: url(../images/InpageHotSale_icon02.png) no-repeat center;} .product-listn dl{ float: left; width:579px; margin-bottom: 16px; position: relative; } .product-listn dl:hover{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); } .product-listn dl:nth-child(2n){ float: right; } .product-listn dl dt{ width: 228px; height: 195px; border: 1px solid #ebebeb; float: left; } .product-listn dl dt img{ width: 228px; height: 195px; } .product-listn dl dd{ width: 289px; float: left; background: #006ccc; height: 196px; padding: 0 30px; position: relative; } .product-listn dl dd h3 a{ color: #fff; font-size: 18px; display: block; padding-top: 30px; padding-bottom: 10px; } .product-listn dl dd span{ font-size: 14px; color: #fff; } .product-listn dl dd h2{ font-weight: normal; font-size: 14px; color: #fff; } .product-listn dl dd h4{ font-weight: normal; font-size: 14px; color: #fff; } .product-listn dd .details{display: block;width: 126px;height: 34px;line-height: 34px;text-align: center;font-size: 14px;color: #fff;background: url(../images/m1.png) no-repeat center;text-decoration: none;position: absolute;left: 22px;bottom: 32px;} .product-listn dd .details i{display: inline-block;width: 29px;height: 15px;background: url(../images/m2.png) no-repeat center;margin-left: 6px;position: relative;top: 2px;} .product-listn dl:hover dd .details{background: url(../images/m3.png) no-repeat center;color: #1e1e1e;} .product-listn dl:hover dd .details i{background: url(../images/m4.png) no-repeat center;} .sor_ul{} .sor_ul .layer2{display:none;} .sor_ul .cur .layer2{display:block;text-align: center;} .sor_ul .layer2 ul li{ display: inline; } .sor_ul .layer2 ul li a{ display: inline-block; border: solid 1px #006ccc; border-radius: 50px; padding: 4px 20px; margin: 0px 10px; color: #006ccc; background: #fff; }.sor_ul .layer2 ul li.cur a{ border: solid 1px #006ccc; color: #fff; background: #006ccc; } .honor{background:#f2f2f2;padding-top:40px;padding-bottom:40px;} .honor .cont{position:relative;margin-top:25px;} .lb2,.rb2{position:absolute;top:35%;cursor:pointer;} .lb2{left:0;} .rb2{right:0;} .product_list66 li{float:left;margin-left:40px;margin-right:40px;_display:inline;} .product_list66 li a.img{} .product_list66 li a.img img{width:190px;height:285px;} .product_list66 li h3{text-align:center;padding-top:5px;} .product_list66 li h3 a{font-weight:normal;color:#000000;font-size:16px;} .product_list66 li a.img{display:block;} .product_list66 li a.img:hover{border-color:#e87518;}