.w1920{ width: 1920px; position: relative; margin-left: -960px; left: 50%; } .w1200{ width: 1200px; position: relative; margin-left: -600px; left: 50%; } /*脙楼脗陇脗麓脙漏脝鈥櫭偮兟γ偮犆偮访兟ッ偮济偮?/ .head1{ width: 100%; background-color: #EEEEEB; overflow: hidden; } .head1_fr{ width: 450px; text-align: right; } .k1,.k1 a{ font-size: 12px; line-height: 30px; color: #060606; } .head2{ height: 91px; width:1200px; margin:0 auto; } .head2_fl{ width: 240px; overflow: hidden; } .logo{line-height: 91px;} .head2_fr{ width: 776px; margin-right: -10.5px; padding-top: 49px; } /*脙搂脝鈥櫭偮兟┟⑩偓鈥澝偮兟γ偮惷呪€溍兟偮疵偮?/ /*脙娄脗聬脜鈥溍兟偮疵偮⒚兟ッ⑩偓鈩⒚呪€櫭兟嗏€櫭偮兟┟⑩偓鈥澝偮兟γ偮惷呪€溍兟偮疵偮?/ .search{ width: 1200px; margin:0 auto; overflow: hidden; padding: 12px 0; } .hotSearch{ width: 600px; float:left; background: url(../images/hotsearch.png) left center no-repeat; padding-left: 29px; } .hotSearch h3{ font-size: 16px; line-height: 30px; display: inline-block; color: #020202; font-weight: normal; } .hotSearch p,.hotSearch a{ font-size: 16px; line-height: 30px; color: #444343; display: inline-block; } #formsearch{ width: 338px; height: 30px; float:right; background: url(../images/ss.png) no-repeat; } #formsearch input{height:30px;background:none;border:0;line-height:30px;float: left;outline: none;box-sizing: border-box;} #formsearch input#keyword{height:30px;line-height:30px;padding-left:8px;color:#aeacac;font-size: 16px;width: 262px;font-family: "SimSun";} #formsearch input#s_btn{width:75px;height:30px;line-height:30px;text-align:center;cursor:pointer;} input#keyword:-ms-input-placeholder,textarea#keyword:-ms-input-placeholder { color: #aeacac; } input#keyword::-webkit-input-placeholder,textarea#keyword::-webkit-input-placeholder { color: #aeacac; } .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;} .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);} /*脙陇脗赂脗禄脙陇脗陆芒鈧撁兟γ偮犆偮访兟ッ偮济偮?/ .tit{ width: 1200px; margin:0 auto; overflow: hidden; text-align: center; } .tit h3{ font-family: Impact; font-size: 50px; line-height: 44px; letter-spacing: 4px; color: #aeacac; } .tit h3 span{ color: #0479fc; margin-left: 18px; } .tit p{ font-size: 44px; line-height: 41px; letter-spacing: 4px; margin-top: 11px; color: #020202; } /*box1*/ .box1{ overflow: hidden; } .b1_top{ width: 100%; overflow: hidden; background-color: #EEEEEB; } .b1_bot{ width: 1200px; margin:0 auto; overflow: hidden; padding: 21px 0 0 0; } .b1b_index{ width:100%; margin-top:20px; } .b1_bot .prodmenu{ width: 788px; margin:0 auto; overflow: hidden; } .b1_bot .prodmenu li{ width: 245px; height: 32px; border: solid 1px #7d7d7d; margin:0 23px 12px 0; float: left; transition: all 0.4s linear; text-align: center; cursor: pointer; } .b1_bot .prodmenu li a{ font-size: 18px; line-height: 32px; letter-spacing: 1px; color: #373838; } .b1_bot .prodmenu li:hover{ border: solid 1px #5b5e5e; background-color: #0479fc; } .b1_bot .prodmenu li:hover a{ color: #fdfdfd; } .b1_bot .prodmenu li:nth-of-type(3n){margin-right: 0;} .b1_bot .prodlist{ width: 100%; margin-top: 9px; overflow: hidden; } .b1_bot .prodlist li{ width: 370px; float: left; overflow: hidden; margin: 0 45px 24px 0; } .b1_bot .prodlist li:nth-of-type(3n){margin-right: 0;} .b1_bot .prodlist li .b1img1{ width: 371px; height: 245px; } .b1_bot .prodlist li .b1img1 img{width:100%;height:100%;} .b1_bot .prodlist li .b1con1{ background-color: rgba(210,210,210,0.48); height: 44px; box-sizing: border-box; padding: 0 14px 0 2px; } .b1_bot .prodlist li .b1con1 p:first-of-type{ font-size: 18px; line-height: 44px; letter-spacing: 2px; color: #020202; float: left; } .b1_bot .prodlist li .b1con1 p:nth-of-type(2){ float: right; font-size: 12px; line-height: 44px; letter-spacing: 1px; color: #959797; } /*box2*/ .box2{ overflow: hidden; background: url(../images/b2bg.png) center top no-repeat; padding: 42px 0 19px; } .b2_top{ width: 1200px; margin:0 auto; overflow: hidden; } .b2_tit{ width: 470px; overflow: hidden; text-align: left; } .b2_tit h2{ font-size: 38px; line-height: 37px; letter-spacing: 3px; color: #fafdfd; margin-bottom: 24px; } .b2_tit p{ font-size: 13px; font-weight: bold; line-height: 13px; letter-spacing: 1px; margin-bottom: 13px; color: #fafdfd; } .b2_tel{ width: 258px; margin:16px 0 0 0; overflow: hidden; background: url(../images/b2tel.png)left center no-repeat; box-sizing: border-box; padding-left: 69px; } .b2_tel p{ font-size: 16px; line-height: 16px; letter-spacing: 1px; margin-bottom: 13px; color: #fafdfd; } .b2_tel h3{ font-size: 18px; font-family: MicrosoftYaHei; line-height: 15px; font-weight: bold; letter-spacing: 4px; color: #fafdfd; } .b2_index{ width: 1200px; margin:0 auto; overflow: hidden; margin-top: 28px; } .b2_fl{ width: 341px; height: 424px; background: url(../images/b2imgbg1.png) no-repeat; text-align: center; box-sizing: border-box; padding-top: 304px; } .b2_fl .b2more{ width: 153px; height: 42px; margin:0 auto; display: block; background: url(../images/b2more.png) no-repeat; } .b2_fr{ width: 859px; overflow: hidden; height: 425px; } .b2_fr li{ width: 286px; float: left; height: 424px; overflow: hidden; position: relative; } .b2_fr li .b2con1{ width: 286px; height: 213px; position: absolute; left: 0; background: #FFF; box-sizing: border-box; text-align: center; padding: 69px 0 81px; overflow: hidden; } .b2_fr li .b2con1 h4{ font-size: 26px; line-height: 26px; margin-bottom: 22px; font-weight: normal; color: #060606; } .b2_fr li .b2con1 p{ font-size: 18px; line-height: 13px; color: #060606; } .b2_fr li .b2img1{ width: 286px; height: 211px; position: absolute; overflow: hidden; left: 0; } .b2_fr li .b2img1 img{width: 100%;height: 100%;} .b2_fr li:nth-of-type(odd) .b2con1{top: 0;} .b2_fr li:nth-of-type(odd) .b2img1{top: 215px;} .b2_fr li:nth-of-type(even) .b2con1{top: 211px;} .b2_fr li:nth-of-type(even) .b2img1{top: 0;} /*box3*/ .box3{ overflow: hidden; } .b3_index{ width: 100%; overflow: hidden; margin-top: 16px; background: url(../images/b3imgbg1.png) right top no-repeat; } .b3_fl{ width: 587px; height: 400px; overflow: hidden; } .b3_fl img{width: 100%;height: 100%;} .b3_fr{ width: 556px; margin:40px 20px 20px 0; } .b3_fr h3{ font-size: 33px; line-height: 32px; font-weight: normal; margin-bottom: 20px; color: #020202; text-align: right; margin-right: 36px; } .b3_fr h4{ font-size: 20px; line-height: 17px; font-weight: normal; color: #020202; text-align: right; margin-bottom: 24px; } .b3_fr p{ font-size: 18px; line-height: 32px; letter-spacing: -1px; color: #020202; } .b3more{ width: 126px; height: 29px; display: block; background: url(../images/b3more.png) no-repeat; margin:45px 0 0 389px; } /*box4*/ .box4{ overflow: hidden; padding: 18px 0 13px; } .b4_index{ width: 100%; overflow: hidden; margin-top: 15px; } .b4_index li{ width: 290px; height: 271px; float: left; overflow: hidden; margin-right: 13px; } .b4_index li:last-of-type{margin-right: 0;} .b4_index li img{width: 100%;height: 100%;} /* box5 */ .box5{ overflow: hidden; padding: 15px 0 11px; } .b5_index{ width: 100%; overflow: hidden; margin-top: 18px; } .newsmenu{ width: 100%; overflow: hidden; text-align: center; } .newsmenu li{ display: inline-block; width: 132px; height: 35px; border: solid 1px #7b7f7f; box-sizing: border-box; text-align: center; margin: 0 37px; transition: all 0.4s linear; } .newsmenu li a{ transition: all 0.4s linear; font-size: 18px; line-height: 35px; letter-spacing: 1px; color: #020202; } .newsmenu li:hover{background-color: #0479fc} .newsmenu li:hover a{color: #fbfbfb;} .newslist{ width: 100%; margin-top: 20px; overflow: hidden; } .newslist li{ width: 380px; float: left; overflow: hidden; margin-right: 22px; } .newslist li:last-of-type{margin-right: 0;} .newslist li .b5img1{ width: 380px; height: 239px; overflow: hidden; } .newslist li .b5img1 img{width:100%;max-height:100%;} .newslist li .b5con1{ background-color: #E5E5E5; padding: 16px 0 0 0; height: 177px; width: 100%; } .newslist li .b5con1 h4{ font-size: 16px; line-height: 16px; font-weight: normal; margin-bottom: 12px; letter-spacing: 1px; margin-left: 5px; color: #000000; } .newslist li .b5con1 p:first-of-type{ font-size: 14px; line-height: 13px; letter-spacing: 1px; color: #626262; margin-left: 5px; } .newslist li .b5con1 .b5line{ width: 100%; height: 2px; background-color: #7d7d7d; margin:12px 0 3px; } .newslist li .b5con1 p:nth-of-type(n+2){ font-size: 14px; line-height: 32px; letter-spacing: 1px; color: #626262; margin-left: 5px; } .index-news { height: 730px; background: #edeef3; width: 100%; padding-top: 70px; } .index-news .index-news-tit { width: 100%; text-align: center; } .index-news .index-news-tit h2 { text-align: center; font-size: 36px; font-weight: 600; color: #282828; } .index-news .index-news-tit h3 { text-align: center; font-size: 26px; margin-top: 5px; color: #282828; } .index-news .index-news-info { width: 100%; height: 456px; background: #fff; margin-top: 55px; padding: 22px; } .index-news-info-l { width: 550px; float: left; } .index-news-info-l .zhiding { border-bottom: 1px solid #e9e9e9; padding-bottom: 15px; } .index-news-info-l .zhiding img { width: 100%; height: 200px; } .index-news-info-l .zhiding .tit { display: block; margin-top: 30px; width: 100%; font-weight: 600; font-size: 14px; cursor: pointer; color: #282828; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .index-news-info-l .zhiding .intro { margin-top: 20px; font-size: 13px; line-height: 23px; } .index-news-info .listxs-list { display: block; margin-top: 20px; } .index-news-info .listxs-list .listxs-list-dots { width: 6px; height: 6px; border-radius: 50%; background: #a9a9a9; display: block; float: left; margin-top: 7px; margin-right: 12px; transition: 0.6s; } .index-news-info .listxs-list .listxs-list-date { color: #969696; float: right; font-size: 13px; transition: 0.6s; } .index-news-info .listxs { padding-top: 10px; } .index-news-info .listxs-list a { color: #282828; font-size: 13px; transition: 0.6s; } .index-news-info-r { float: right; width: 550px; margin-top: -19px; } .index-news-info .listxs-list:hover a { color: #eb1d1d; transition: 0.6s; } .index-news-info .listxs-list:hover .listxs-list-date { color: #eb1d1d; transition: 0.6s; } .index-news-info .listxs-list:hover .listxs-list-dots { background: #eb1d1d; transition: 0.6s; } #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{ width: 1200px;margin:0 auto;line-height:30px; } /*脙漏脗隆脗碌脙漏脗聺脗垄脙楼脗潞芒鈧⒚兟┟嗏€櫭偮?/ .foot{ overflow: hidden; background-color: #023173; padding:29px 0 0 0; font-family: "MicrosoftYaHei"; } .foot1{ width: 1200px; margin:0 auto; overflow: hidden; border-bottom: 1px solid #bfbfbf; padding-bottom:26px; } .foot1 h2{ font-size: 24px; line-height: 24px; letter-spacing: 2px; color: #fefbfb; margin-bottom: 18px; } .foot1 .fline{ height: 2px; width: 100%; background-color: #bfbfbf; } .foot1_fl{ width: 377px; overflow: hidden; } .fnav{ width: 100%; margin-top: 18px; } .fnav p{ width: 100%; margin-bottom: 43px; } .fnav p a{ display: inline-block; width: 75px; text-align: left; margin-right: 60px; font-size: 14px; line-height: 14px; letter-spacing: 1px; color: #fefbfb; } .fnav p a:last-of-type{margin-right: 0;} .foot1_mid{ width: 378px; overflow: hidden; margin-left: 149px; } .foot1_mid .fcontact{ width: 100%; margin-top:44px; } .foot1_mid .fcontact p{ font-size: 16px; line-height: 16px; margin-bottom: 45px; letter-spacing: 1px; color: #fefbfb; } .foot1_mid .fcontact p:last-of-type{margin-bottom: 0;} .foot1_fr{ width: 152px; margin:38px 20px 0 0; text-align: center; } .foot2{ width: 1200px; margin:0 auto; overflow: hidden; padding: 12px 0; } .copyright{ text-align:center; } .copyright,.copyright a{ font-size: 12px; line-height: 24px; font-family: MicrosoftYaHei; color: #cccccc; } .copyright p{display: inline-block;} #footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;} #footer a{color:#666;} #footer a:hover{color:#e87518;text-decoration:none;} .nav_foot{text-align:center;line-height:24px;color:#666;} /*------------脙楼芒鈧犆⑩偓娄脙漏脗隆脗碌-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"脙楼脗戮脗庐脙篓脗陆脗炉脙漏芒鈧好⑩偓娄脙漏脗禄芒鈧?; background:#023173;font-size:18px;color:#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: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:914px;float:right;padding-bottom:10px;} .sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:#023173;color:#fff;} .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;} .sitemp .site a{color:#fff;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .sort_album{margin-top: 15px;}