/*澶撮儴鏍峰紡*/ #header{height: 123px;border-bottom: 1px solid #efefef} #header .top{width:1200px;margin:0 auto;} .logo{float:left;margin-top:43px;} .yu{height: 51px;margin-top: 39px;margin-left: 16px;border-left: 1px solid #d8d8d8;padding-left: 15px;} .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{padding-top:20px;} .topLink .k2{margin-top: 10px;background: url(../images/tel.png)no-repeat;width: 266px;height: 53px;text-align: left;text-indent: 85px;color: #258aff;font-size: 24px;font-family: "arial";line-height: 24px;font-weight: bold;padding-top: 5px;} #menu{height: 54px;width:1200px;margin:0 auto;} /*鐑棬鎼滅储*/ .search{float: right;} #formsearch{width: 307px;background: url(../images/ss.png)no-repeat;height: 32px;margin-top: 10px;} .hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;} #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;} /*----- 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;} .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{padding-top: 90px} .f_link span{display: block;background: url(../images/link.png)no-repeat left;padding-left: 140px;height: 33px;line-height: 33px;} .f_link a{color: #666;font-size: 14px;display: inline-block;width:105px;text-align: center;} /*椤甸潰搴曢儴*/ #footer{background: #2e2e2e;padding-top: 66px;margin-top: 22px;} .nav_foot{widows: 238px;} .nav_foot span{display: block;background: url(../images/ff.png)no-repeat left bottom;height: 56px;line-height: 56px;color: #fff;font-size: 20px;margin-bottom: 25px;} .nav_foot a{display: inline-block;color: #ccc;font-size: 16px;line-height: 40px;width:118px;} .lx{margin-left: 133px;width:555px;} .lx div{margin-top: 20px;color: #ccc;font-size: 16px;line-height: 40px;} .lx span{display: block;background: url(../images/ff.png)no-repeat left bottom;height: 56px;line-height: 56px;color: #fff;font-size: 20px;margin-bottom: 25px;} .lx2{width:275px;} .lx2 div{margin-top: 20px;} .lx2 span{display: block;background: url(../images/ff.png)no-repeat left bottom;height: 56px;line-height: 56px;color: #fff;font-size: 20px;} .copyright{text-align:center;line-height:24px;border-top: 1px solid #3e3e3e;color: #ccc;font-size: 14px;line-height: 30px;background: #2e2e2e;padding: 30px 0;} .copyright a{color: #ccc;font-size: 14px;} /*------------鍐呴〉-------------------*/ .left { width: 224px; float: left; } .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 60px; padding-left: 34px; background: #258aff; font-size: 18px; color: #fff; font-weight: 400; position: relative } .left .box h3::after{ content:""; position: absolute; width:5px; height:20px; top:20px; left:15px; background: #fff } .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:1920px;margin:0 auto;margin-left:-960px;position:relative;left:50%; } .n_banner img{width:1920px;margin:0 auto;margin-left:-960px;position:relative;left:50%;} .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:940px;float:right;padding-bottom:10px;} .sitemp { border-bottom:1px solid #eee; } .sitemp h2 { width: 340px; float: left; line-height: 40px; text-align: left; font-size: 16px; color:#333; } .sitemp .site { width: 380px; float: right; text-align: right; line-height: 40px; } .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .sort_album{margin-top: 15px;} /* */ .a1{width: 1920px;margin-left: -960px;left:50%;position: relative;} .a2{width: 1200px;margin:0 auto;} /* 涓氬姟鑼冨洿 */ .ye{margin-top: 46px;position: relative;height: 319px;} .ye-tit{position: absolute;top:0px;width: 393px;left:403px;text-align: center;} .ye-tit h3{color: #258aff;font-size: 36px;margin-top: 45px;} .ye-tit span{display: block;font-family: "arial";font-size: 18px;color: #424242;text-transform: uppercase;} .ye ul{overflow: hidden;padding-top:26px; } .ye ul li{float: left;margin-right: 3px;text-align: center;} .ye ul li:last-child{margin-right: 0px;} .ye ul li:nth-child(4){margin-left:393px } .ye ul li a{display: block;width: 132px;height: 168px;overflow: hidden;} .ye ul li img{transition: all 0.6s;} .ye ul li:hover img{margin-top: -168px;} .ye ul li span{display: block;color: #333;font-size: 16px;font-weight: bold;margin-top: 10px;} /* 浼樺娍 */ .ys{} .ys-tit{text-align: center;} .ys-cont{background: url(../images/ys.jpg)no-repeat;height: 630px;margin-top: 50px;} .ys-cont ul{width: 1200px;margin:0 auto;padding-top: 100px;} .ys-cont ul li{float: left;width: 290px;height: 422px;background: #fff;margin-right: 13px;text-align: center;padding-top: 8px;transition: all 0.6s;} .ys-cont ul li:nth-child(4){margin-right: 0px;} .ys-cont ul li img{width: 274px;height: 216px;} .ys-cont ul li h3{background: url(../images/heng.png)no-repeat center;color: #333;font-size: 20px;line-height: 75px;} .ys-cont ul li span{display: block;color: #666666;font-size: 16px;line-height: 30px;height: 70px;} .ys-cont ul li a{display: inline-block;width:166px;height: 40px;line-height: 40px;text-align: center;border:1px solid #333;font-size: 18px;color: #333;border-radius: 10px;} .ys-cont ul li:hover{margin-top: -20px;} /* 妗堜緥 */ .anli{background: url(../images/anli.jpg)no-repeat;height: 977px;padding-top:100px;} .case_list1{margin-top: 50px;} .case_list1 li{float: left;margin-right: 21px;width:386px;margin-bottom: 28px;} .case_list1 li:nth-child(3n){margin-right: 0px;} .case_list1 li a.img{display: block;width:386px;height: 292px;overflow: hidden;} .case_list1 li img{width:386px;height: 292px;transition: all 0.5s ease-out;cursor: pointer;} .case_list1 li span{display: block;margin-top: 18px;height: 28px;line-height: 28px;position: relative;color: #333;font-size: 18px;padding-left: 10px;width:386px;} .case_list1 li span a{display: inline-block;width: 96px;height: 26px;border:1px solid #666;color: #666;font-size:14px;text-align: center;position: absolute;right: 0px;top:0px; border-radius:5px;} .case_list1 li:hover img{transform:scale(1.1,1.1);} /* 瀹氬埗娴佺▼ */ .ding{margin-top: 100px;} .ding ul{width:1200px;margin:0 auto;margin-top: 50px;height: 264px;border-bottom: 1px dashed #d0d0d0} .ding ul li{float: left;width: 116px;text-align: center;margin-right: 100px;} .ding ul li:nth-child(6){margin-right: 0px;} .ding ul li a{display: block;width: 116px;height: 116px;overflow: hidden;} .ding ul li img{transition: all 0.6s;} .ding ul li:hover img{margin-top: -116px;} .ding ul li span{margin-top: 15px;display: block;color: #333;font-size: 18px;} .ding ul li b{display: inline-block;margin-top: 35px;width: 40px;height: 40px;line-height: 40px;text-align: center;border:3px solid #d0d0d0;color: #d0d0d0;font-size: 24px;font-family: "arial";border-radius: 50%;} /* 绠€浠 */ .ab{margin-top: 102px;} .ab-cont{background:url(../images/ab.jpg)no-repeat;height: 509px;margin-top: 50px;padding-top: 149px;} .ab-le{width:621px;} .ab-le h3{background: url(../images/a.png)no-repeat left;padding-left: 55px;color: #fff;font-size: 30px;line-height: 27px;} .ab-le h3 span{font-size: 20px;font-weight: normal;display: block;margin-top: 1px;} .ab-le div{margin-top: 10px;color: #fff;font-size: 16px;line-height: 28px;text-align: justify;} .ab-le div a{color: #fff;font-size: 16px;} .ab-ri{margin-right: -66px;width: 606px;height: 360px;} /* 浼佷笟涓績 */ .qi{margin-top: 99px;} .qi-cont{background: url(../images/qi.jpg)no-repeat;height: 564px;margin-top: 40px;} .qi-cont .hd{padding-top: 100px;} .fenlei{text-align: center;} .fenlei li{display: inline-block;width: 176px;height: 44px;border:1px solid #545454;color: #333;font-size: 18px;line-height: 44px;margin:0 6px;} .fenlei li a{color: #333;font-size: 18px;} .product_list1{margin-top: 40px;} .product_list1 li{float: left;width: ;background: url(../images/cq.png)no-repeat 17px #fff;padding-left: 40px;width: 340px;line-height: 50px;margin-right: 30px;margin-bottom: 26px;position: relative;} .product_list1 li:nth-child(3n){margin-right: 0px;} .product_list1 li a{color: #333;font-size: 16px;} .product_list1 li span{position: absolute;right: 13px;top:0px;color: #999;font-size: 14px;} /* 鏂伴椈 */ .xin{margin-top: 100px;} .xin-cont{margin-top: 50px;} .xin-le{width: 665px;} .news_list1{} .news_list1 a{display: block;background: url(../images/tou.png)no-repeat left ;height: 30px;line-height: 30px;padding-left: 65px;color: #333;font-size: 18px;} .news_list1 p{color: #666;font-size: 14px;padding-left: 65px;line-height: 30px;text-align: justify;text-indent: 25px;margin-top: 25px;} .news_list2{position: relative;margin-top: 20px;overflow: hidden;} .news_list2 hr{position: absolute;left:3px;top:23px;height: 240px;width:1px;background: #d1d1d1;border:none;} .news_list2 li{background: url(../images/xin.png)no-repeat left;height: 49px;line-height: 49px;position: relative;z-index:99999;} .news_list2 li a{margin-left: 32px;border-bottom: 1px solid #d1d1d1;color: #333;font-size: 14px;width: 286px;display: block;} .news_list2 li:hover{background: url(../images/hxin.png)no-repeat left;} .xin-ri{width:466px} .xin-tit{height: 60px;line-height: 60px;position: relative;background: url(../images/yi.png)no-repeat 33px #258aff;padding-left: 74px;color: #fff;font-size: 18px;} .xin-tit a{position: absolute;right: 82px;top:0px;color: #fff;font-size: 12px;} .news_list3{border:1px solid #d1d1d1;border-top: none;height: 362px;padding-top: 20px;} .news_list3 li{width: 444px;margin:0 auto;border-bottom: 1px solid #d1d1d1;margin-bottom: 23px;height: 103px;} .news_list3 li a{display: block;background: url(../images/wen.png)no-repeat 16px;height: 20px;line-height: 20px;padding-left: 48px;color: #333;font-size: 14px;} .news_list3 li p{background: url(../images/da.png)no-repeat 16px 7px;padding-left: 48px;color: #666;font-size: 14px;line-height: 30px;padding-right: 12px;margin-top: 11px;}