/*头部样式*/ #header{ background: url(../images/line1.jpg) no-repeat left bottom; border-top:7px solid #004591; padding-bottom: 2px; position: relative; width: 1920px; position: relative; left: 50%; margin-left: -960px; } .tong { width: 1200px; margin: 0 auto; } .logo{float:left;} .k2{ float: right; } .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:5px;} .topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";} /*热门搜索*/ .search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;display: none;} .ss{ padding-top: 20px; line-height: 36px; font-size: 14px; color: #494949; padding-bottom: 25px; } .hotSearch{width:400px;float:left;font-weight:normal;} .k1{ float: left; } .k1 a{ font-size: 14px; color: #494949; } #formsearch{width:320px;float:right;} .main1{ padding-bottom: 45px; } #tabs_box{ float: left; width: 295px; } .tabs{ border-bottom:1px solid #cacaca; } .tabs li{ display: inline-block; color: #656565; font-weight: bold; font-size: 20px; line-height: 44px; } .tabs li.tab-nav-action{ color: #004691; } .news_list1{ margin-top: 10px; } .news_list1 li{} .news_list1 li a{ display: block; line-height: 35px; background: url(../images/dian1.jpg) no-repeat 3px center; padding-left: 15px; font-size: 14px; color: #494949; } /*产品推荐*/ .recommend_product{ width:871px; float:right; } .recommend_product .title{ background: #f0f0f0; line-height: 45px; font-family:"微软雅黑"; margin-bottom: 28px; } .recommend_product .title span{ background:#024690; font-size:20px; color:#fff; font-weight: bold; width: 118px; line-height: 45px; display: block; text-align: center; float: left; } .recommend_product .title a{ display: block; float: right; font-size: 14px; color: #4b4b4b; padding-right: 5px; } .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} .product_list1{} .product_list1 li{ float: left; margin-right: 10px; } .product_list1 li img{ width:300px; height: 240px; border: 1px solid #bfbfbf; } .product_list1 li h3 a{ display: block; widows: 100%; font-size: 16px; color: #252525; text-align: center; padding-top: 12px; font-weight: normal; } .product_list1 li:hover img{ border-color:#024690; } .product_list1 li:hover h3 a{ color: #024690; } .title1{ text-align: center; font-size: 20px; color: #656565; font-weight: bold; background: url(../images/line2.jpg) no-repeat center 35px; } .title1 span{ display: block; font-size: 14px; font-weight: normal; text-transform: uppercase; padding-top: 12px; } .tab2li{ text-align: center; margin-top: 27px; } .tab2li li{ border:1px solid #bfbfbf; font-size: 16px; color: #252525; width: 155px; display: inline-block; line-height: 36px; margin:0px 5px; } .tab2li li a.cur{ background: #024690; color: #fff; border-color:#024690; } .tab2{ display: none; margin-top: 30px; } .product_list2 li{ float: left; margin-right: 12px; margin-bottom: 15px; } .product_list2 li:nth-child(5n){ margin-right: 0px; } .product_list2 li img{ width: 230px; height: 184px; } .product_list2 li h3 a{ display: block; width: 100%; font-size: 16px; color: #656565; text-align: center; padding-top: 12px; font-weight: normal; } .product_list2 li:hover h3 a{ color: #024690; } .main3{ background: #f0f0f0; margin-top: 30px; padding:30px 0px 28px 0; } .fenl{} .fenl li{ float: left; margin-right: 95px; } .fenl li:last-child{ margin-right: 0px; } .fenl li a{ display: block; } .fenl li .img2{ float: left; width: 44px; height: 40px; overflow: hidden; margin-top: 5px; } .fenl li:hover .img2 img{ margin-top:-40px; } .fenl li .img2 img{ width: 100%; } .fenl li:nth-child(2) .img2{ width: 46px; } .fenl li:nth-child(3) .img2{ width: 41px; } .fenl li:nth-child(4) .img2{ width: 45px; } .fenl li:nth-child(5) .img2{ width: 58px; height: 43px; } .fenl li:nth-child(5):hover .img2 img{ margin-top:-43px; } .fenl li .wz1{ float: left; margin-left: 18px; font-size: 18px; color: #484848; } .fenl li .wz1 p{ font-size: 14px; text-transform: uppercase; margin-top: 0px; } .fenl li:hover .wz1{ color: #024690; } /*主体样式*/ #container{width:1000px;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;} /*----- 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;} /*品牌列表*/ .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;} .tab{position:relative;} .tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;} .tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;} .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:50px;line-height:30px;} /*页面底部*/ #footer{ background: #515151; border-bottom:1px solid #828282; color: #fff; } #footer a{color:#fff;} #footer a:hover{color:#e87518;text-decoration:none;} .foot1{ padding-top: 35px; float: left; } .foot1 li{ float: left; text-align: center; padding-right: 50px; } .foot1 li h3{ font-weight: normal; font-size: 16px; color: #fff; padding-bottom: 10px; } .foot1 li a{ display: block; font-size: 14px; line-height: 25px; } .code1{ float: right; padding-top: 76px; } .ban{ background: #515151; color: #fff; line-height: 25px; padding:10px 0; text-align: center; } .ban p{ display: inline-block; } .ban a{ color: #fff; } .nav_foot{text-align:center;line-height:24px;color:#666;} .copyright{text-align:center;line-height:24px;} /*------------内页-------------------*/ .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;} .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{width:760px;float:right;padding-bottom:10px;} .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{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .sort_album{margin-top: 15px;} .xypg-album-list { margin: 0 -1%; } .xypg-album-list li { float: left; /*width: 31.33333%;*/ margin: 0 1% 20px 1%; position: relative; } .xypg-album-list li .img { display: block; overflow: hidden; } .xypg-album-list li .img img { width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease; } .xypg-album-list li h3 { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; background: rgba(0, 0, 0, 0.5); text-align: center; color: #fff; line-height: 40px; font-weight: normal; font-size: 16px; } .xypg-album-list li:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }