@CHARSET "UTF-8"; /*氓陇麓茅茠篓忙聽路氓录聫*/ .wellcome{ width: 1920px; height: 30px; line-height: 30px; background: #e5e5e5; margin:0 auto; position: relative; left:50%; margin-left: -960px; } .wel{ width: 1100px; margin:0 auto; } .k3{ float:left; } .k1{ float:right; } #header{ width:1920px; margin:0 auto; height: 109px; background: url(../images/headbj.png) repeat-x; position: relative; left:50%; margin-left: -960px; } .top{ width: 1100px; margin:0 auto; } .logo{ float:left; padding-top: 10px; } .k2{ text-align: left; float: right; padding-left: 70px; background: url(../images/dh.png) no-repeat 0px; margin-top: 26px; } #menu{ width: 1920px; margin:0 auto; height: 50px; background: url(../images/navbj.png) no-repeat; position: relative; left:50%; margin-left: -960px; } /*莽茠颅茅鈥斅β惻撁绰?/ .search1{ width: 1920px; height: 50px; margin:0 auto; border-bottom:1px solid #e5e5e5; line-height: 50px; position: relative; left:50%; margin-left: -960px; } .search{ text-align:left; height:24px; padding:5px 10px 5px 10px; width: 1100px; margin:0 auto; } #formsearch{ width:224px; float:right; line-height: 38px; } .hotSearch{ width:400px; float:left; height:50px; line-height:40px; font-weight:normal; } /*盲赂禄盲陆鈥溍β犅访ヂ悸?/ #container{ width:1100px; margin:0 auto; margin-top: 20px; } .roll-product{ width: 1100px; margin:0 auto; height: 445px; text-align: center; margin-top: 30px; } .roll-product h2{ font-size: 24px; color:#f58201; background: url(../images/h2bj.png) no-repeat 0px 11px; } .roll-product h2 span{ color:#000000; } .roll-product h2 p{ font-size: 14px; font-weight: normal; color:#b8b8b8; } .prolist{ width: 3000px; } .prolist li{ float:left; margin-left:13px; margin-right:32px; padding-bottom:15px; } .prolist li a.img img{ width:450px; height:270px; border:1px solid #dcdcdc; } .prolist li h3{ text-align:center; line-height: 36px; display: block; background: #006bb6; } .prolist li h3 a{ font-weight:normal; color:#fff; font-size: 14px; } .prolist li a.img{ display:block; } .prolist li a.img:hover{ border-color:#e87518; } .contents{ position: relative; width: 1100px; margin:0 auto; margin-top: 30px; } .contents .content{ width: 1000px; margin: 0 auto; overflow: hidden; } .pre_left{ position: absolute; left:0; margin-top: 138px; cursor: pointer; } .pre_right{ position: absolute; right:0; margin-top: 138px; cursor: pointer; } .pro-list{ width: 1920px; margin:0 auto; height: 700px; background: #f0f0f0; position:relative; left:50%; margin-left:-960px; } .pro{ width: 1100px; margin:0 auto; } .le-list{ width: 262px; height: 622px; float:left; background: url(../images/mm.png) no-repeat; margin-top: 37px; } .le-list h2{ font-size: 19px; color:#fff; line-height: 59px; text-indent: 24px; } .le-list h2 span{ font-size: 14px; font-weight: normal; } .sortt{ margin-top: 20px; margin-left: 26px; } .sortt li{ line-height: 37px; width: 202px; border-bottom:1px dashed #dcdcdc; } .sortt li a { font-size: 16px; color:#000; font-weight: bold; } .tel{ text-align: center; } .tel span{ font-size: 15px; color:#fff; font-weight: normal; display: block; padding-top: 60px; background: url(../images/dianhua.png) no-repeat center 0px; } .tel span p{ font-size: 26px; color:#fff; font-weight: bold; } .adv-four{ width: 1100px; margin:0 auto; height: 480px; text-align: center; } .adv-four h2{ font-size: 24px; color:#f58201; background: url(../images/h2bj.png) no-repeat 0px 11px; margin-top: 50px; } .adv-four h2 span{ color:#000000; } .adv-four h2 p{ font-size: 14px; font-weight: normal; color:#b8b8b8; } .fouradv{ margin-top: 60px; } .fouradv li{ width: 150px; float:left; margin-left: 96px; } .fouradv li span{ width: 150px; line-height: 45px; border-bottom:1px solid #cccccc; display: block; padding-top: 156px; font-size: 16px; color:#000; } .m1 span{ background: url(../images/advbj.png) no-repeat; } .m2 span{ background: url(../images/advbj.png) no-repeat -244px 0px; } .m3 span{ background: url(../images/advbj.png) no-repeat -491px 0px; } .m4 span{ background: url(../images/advbj.png) no-repeat -737px 0px; } .m1:hover span{ background: url(../images/advbj.png) no-repeat 0px -230px; } .m2:hover span{ background: url(../images/advbj.png) no-repeat -244px -230px; } .m3:hover span{ background: url(../images/advbj.png) no-repeat -491px -230px; } .m4:hover span{ background: url(../images/advbj.png) no-repeat -737px -230px; } .fouradv li a{ display: block; width: 104px; height:33px; text-indent: -24px; line-height: 33px; border-radius: 5px; background: url(../images/abj.png) no-repeat 74px #e2e2e2; margin-left: 21px; margin-top: 20px; } .midbanner{ width: 1920px; margin:0 auto; position: relative; left:50%; margin-left: -960px; height: 206px; } .comparison{ width: 1100px; margin:0 auto; height: 605px; background: url(../images/pkbj.png) no-repeat 0px 50px; } .leco{ width: 415px; height: 505px; float: left; } .reco{ width: 415px; height: 505px; float:right; } .leco h2{ font-size: 30px; color:#fff; font-weight: bold; padding-top: 67px; text-indent: 150px; } .reco h2{ font-size: 30px; color:#666666; font-weight: bold; padding-top: 67px; text-indent: 89px; } .leco p,.reco p{ padding-top: 20px; font-size: 15px; line-height: 26px; } .leco p img,.reco p img{ padding-top: 18px; } .mt{ width: 1100px; margin:0 auto; height: 70px; text-align: center; } .mt h2{ font-size: 24px; color:#f58201; background: url(../images/h2bj.png) no-repeat 0px 11px; margin-top: 50px; } .mt h2 span{ color:#000000; } .mt h2 p{ font-size: 14px; font-weight: normal; color:#b8b8b8; } .features{ width: 1920px; margin:0 auto; height: 725px; position: relative; left:50%; margin-left: -960px; background: url(../images/ssbj.jpg) no-repeat; } .midadv{ width: 1100px; margin:0 auto; height: 1025px; } .midadv p img{ float:left; margin-top: 130px; margin-left: -180px; } .resix{ float:right; margin-top: 103px; } .resix li{ width: 370px; height: 100px; position: relative; cursor: pointer; } .resix li span{ font-size: 16px; font-weight: bold; color:#ff9900; } .resix li span p{ font-size: 14px; color:#fff; font-weight: bold; } .n1{ margin-left: 20px; } .n11{ width: 30px; height: 30px; position: absolute; background: url(../images/n1.png) no-repeat; margin-left: -407px; margin-top: 39px; } .n1:hover .n11{ background: url(../images/n11.png) no-repeat; } .n2{ margin-top: 45px; margin-left: 48px; } .n22{ width: 30px; height: 30px; position: absolute; background: url(../images/n2.png) no-repeat; margin-left: -394px; margin-top: -26px; } .n2:hover .n22{ background: url(../images/n22.png) no-repeat; } .n3{ margin-top: 51px; width: 300px !important; margin-left: 48px; } .n33{ width: 30px; height: 30px; position: absolute; background: url(../images/n3.png) no-repeat; margin-left: -570px; margin-top: -177px; } .n3:hover .n33{ background: url(../images/n33.png) no-repeat; } .n4{ margin-top: 51px; width: 312px !important; margin-left: 28px; } .n44{ width: 30px; height: 30px; position: absolute; background: url(../images/n4.png) no-repeat; margin-left: -402px; margin-top: -211px; } .n4:hover .n44{ background: url(../images/n44.png) no-repeat; } .n5{ margin-top: 48px; margin-left: 49px; } .n55{ width: 30px; height: 30px; position: absolute; background: url(../images/n5.png) no-repeat; margin-left: -598px; margin-top: -261px; } .n5:hover .n55{ background: url(../images/n55.png) no-repeat; } .n6{ margin-top: 43px; } .n66{ width: 30px; height: 30px; position: absolute; background: url(../images/n6.png) no-repeat; margin-left: -449px; margin-top: -261px; } .n6:hover .n66{ background: url(../images/n66.png) no-repeat; } .advnn{ width: 1100px; margin:0 auto; height: 1413px; background: url(../images/advbj1.png) no-repeat; text-align: center; } .advnn h2{ font-size: 36px; color:#222222; text-indent: 27px; padding-top: 62px; } .advnn h2 p{ font-size: 18px; color:#222222; font-weight: normal; } .t1{ height: 340px; } .t1 p img{ float:left; margin-top: 63px; margin-left: 24px; } .t11{ float: right; width: 485px; height: 189px; padding-top: 89px; padding-right: 7px; } .advnn h3{ font-size: 30px; color:#03529b; } .advnn h3 span{ font-size: 20px; color:#585858; padding-left:14px; } .t11 p{ text-align: left; line-height: 25px; padding-top: 27px; padding-left: 20px; font-size: 14px; color:#8d8d8d; } .t2 p img{ float:right; margin-top: 8px; } .t22{ float:left; width: 485px; height: 189px; padding-top: 72px; padding-left: 15px; } .t22 p{ text-align: left; line-height: 25px; padding-top: 27px; padding-left: 20px; font-size: 14px; color:#8d8d8d; } .t3 p img{ float:left; margin-top: 50px; margin-left: 24px; } .t33{ float:right; width: 485px; height: 189px; padding-top: 62px; padding-left: 15px; } .t33 p{ text-align: left; line-height: 25px; padding-top: 27px; padding-left: 20px; font-size: 14px; color:#8d8d8d; } .t4 p img{ float:right; margin-top: -62px; margin-left: 24px; } .t44{ float:left; width: 485px; height: 189px; padding-top: 20px; padding-left: 15px; } .t44 p{ text-align: left; line-height: 25px; padding-top: 27px; padding-left: 20px; font-size: 14px; color:#8d8d8d; } .t2{ height: 273px; } .t3{ height: 366px; } .t44 h3{ text-indent: -93px; } .new-list{ width: 1100px; margin:0 auto; height: 650px; margin-top: 40px; } .newle{ width: 327px; height: 578px; float:left; background: url(../images/newbj.png) no-repeat; } .newle h2{ font-size: 19px; color:#fff; width: 300px; line-height: 44px; border-bottom:1px solid #356ba0; margin-left: 15px; margin-top: 9px; text-indent: 11px; } .newle h2 span{ font-size: 14px; font-weight: normal; opacity: .7; } .newle h2 a{ font-size: 13px; font-weight: normal; opacity: .7; float:right; color:#fff !important; } .p1{ text-align: center; margin-top: 20px; } .p1 li h3{ text-align: left; color: #fff; padding-left: 36px; padding-right: 31px; } .p1 li h3 a{ color:#fff; line-height: 34px; } .p1 li h3 p{ font-weight: normal; opacity: .9; line-height: 22px; } .news_list1{ margin-top: 18px; } .news_list1 li{ line-height: 48px; width: 300px; margin-left: 15px; border-bottom:1px solid #356ba0; text-indent: 37px; background: url(../images/newbj1.png) no-repeat 16px; } .news_list1 li:hover{ background: url(../images/newbj11.png) no-repeat 16px; } .news_list1 li:hover a{ color:#f58201; } .news_list1 li a{ color:#fff; font-size: 13px; } .newre{ width: 725px; height: 578px; float:right; } .newre li{ float:left; width: 725px; margin-bottom: 10px; } .newre li h3{ font-size: 19px; color:#f58201; border-bottom:1px solid #bdbdbd; line-height: 42px; text-indent: 25px; background: url(../images/h3bj.png) no-repeat 0px; } .newre li h3 span{ font-size: 14px; font-weight: normal; } .newre h3 a{ float: right; font-size: 13px; color:#686868; font-weight: normal; } .newre p img{ float:left; margin-top: 20px; max-width: 350px; height: auto; } .aboutt{ width: 350px; height: 207px; float: left; margin-top: 36px; margin-left: 24px; line-height: 26px; } .aboutt a{ display: block; width: 88px; height: 26px; line-height: 26px; text-align:center; background: #d3d3d3; float: left; margin-left: 15px; margin-top: 15px; } .news_list2{ width: 120%; } .news_list2 li{ width: 295px; float:left; line-height: 49px; text-indent: 30px; border-bottom:1px solid #e5e5e5; margin-right: 130px; background: url(../images/newbj11.png) no-repeat 5px; } .enterprise{ width: 1100px; margin:0 auto; height: 280px; text-align: center; margin-top: 20px; } .enterprise h2{ font-size: 24px; color:#f58201; background: url(../images/h2bj.png) no-repeat 0px 11px; } .enterprise h2 span{ color:#000000; } .enterprise h2 p{ font-size: 14px; font-weight: normal; color:#b8b8b8; } .contents1{ width: 1100px; margin:0 auto; position: relative; margin-top: 30px; } .pre_left1{ position: absolute; left:0; margin-top: 68px; cursor: pointer; } .pre_right1{ position: absolute; right:0; margin-top: 68px; cursor: pointer; } .prolist1 li{ float:left; margin:15px; margin:13px; } .contents1 .content1{ width: 990px; height:144px; margin:0 auto; overflow: hidden; } .kehu{ width: 1100px; margin:0 auto; height: 360px; text-align: center; } .kehu h2{ font-size: 24px; color:#f58201; background: url(../images/h2bj.png) no-repeat 0px 11px; } .kehu h2 span{ color:#000000; } .kehu h2 p{ font-size: 14px; font-weight: normal; color:#b8b8b8; } .cc1 li{ float:left; border:5px solid #e2e2e2; margin-left: 34px; margin-right: 1px; margin-top: 34px; } .jianzheng{ width: 1100px; margin:0 auto; height: 500px; text-align: center; margin-top: 20px; } .jianzheng h2{ font-size: 24px; color:#f58201; background: url(../images/h2bj.png) no-repeat 0px 11px; } .jianzheng h2 span{ color:#000000; } .jianzheng h2 p{ font-size: 14px; font-weight: normal; color:#b8b8b8; } .contents2{ width: 1100px; margin:0 auto; position: relative; overflow: hidden; } .prolist2{ width: 1700px; } .contents2 .content2{ width: 990px; margin:0 auto; overflow: hidden; height: 350px; } .prolist2 li{ float:left; width: 255px; height: 350px; margin:10px; margin-top: 40px; } .prolist2 li a img{ margin-top: 8px; } .prolist2 li h3{ text-align: center; padding-left: 10px; padding-right: 10px; font-weight: normal; } .prolist2 li h3 a{ color:#000; font-size: 14px; line-height: 30px; display: block; width: 230px; padding-bottom: 7px; } .prolist2 li h3 p{ font-size: 12px; line-height: 23px; } .pre_left2{ position: absolute; left:0; margin-top: 190px; z-index: 9999; cursor: pointer } .pre_right2{ position: absolute; right:0; margin-top: 190px; z-index: 9999; cursor: pointer } /*氓聫鈥姑ζ掆€γ┾€溌久ε铰?/ .link1{ width: 1920px; margin:0 auto; line-height: 40px; left:50%; position: relative; margin-left: -960px; height: 40px; background: url(../images/linkbj.png) no-repeat right; } .f_link{ width:1100px; margin:0 auto; text-indent:50px; color:#fff; font-size: 14px; font-weight: bold; } .f_link a{ color:#fff; } /*茅隆碌茅聺垄氓潞鈥⒚┢捖?/ .foot{ margin:0 auto; position: relative; background: url(../images/fbj.png) no-repeat #34373e top center; padding-bottom: 30px; } #footer{ position:relative; width:1100px; margin:0 auto; } .n-contact{ color: #fff; font-size: 13px; float: left; margin-top: 33px; margin-left: 310px; line-height: 25px; } .ewm{ float: right; margin-top: 57px; margin-right: 112px; } #footer a{ color:#fff; } #footer a:hover{ color:#e87518; text-decoration:none; } .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{ font-size: 19px; color:#fff; line-height: 59px; text-indent: 24px; background: url(../images/h3bj3.png) no-repeat; } .left .box h3 span{ font-size: 14px; font-weight: normal; } .left .box .content{ border:1px solid #dcdcdc; } .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; } .left{ width:262px; float:left; } .sort_menu{ } .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:780px; float:right; padding-bottom:10px; } .sitemp{ line-height:31px; height:31px; overflow:hidden; padding-right:10px; border-bottom:1px solid #cccbcb; } .sitemp h2{ width:340px; float:left; line-height:31px; text-align:center; text-align:left; text-indent:15px; color:#000; font-size:14px; display: none; } .sitemp .site{ width:380px; float:left; text-align:left; line-height:30px; } .right .content{ padding-top:15px; overflow:hidden; line-height: 24px; } .product_listt{ width: 806px; height: 608px; float:left; margin-left: 18px; border:7px solid #fff; margin-top: 39px; overflow: hidden } .product_listt li{ float:left; margin-left:21px; margin-right:15px; _display:inline; margin-top: 10px; background: url(../images/libj.png) repeat-x 0px 216px; } .product_listt li a.img{ border:1px solid #e0e1dc; } .product_listt li a.img img{ width:350px; height: 250px; } .product_listt li h3{ text-align:center; padding-top:5px; line-height: 30px; } .product_listt li h3 a{ font-weight:normal; font-size: 14px; color:#000; } .product_listt li a.img{ display:block; } .product_listt li a.img:hover{ border-color:#006bb6; } .prolist_listt li:hover h3 a{ color:#006bb6; }