.w1920{ width: 1920px; position: relative; left: 50%; margin-left: -960px; } .w1200{ width: 1200px; margin-left: -600px; left: 50%; position: relative; } /*氓陇麓茅茠篓忙聽路氓录聫*/ .head1{ height: 31px; border-bottom: 1px solid #ccc; box-sizing: border-box; } .head1, .head1 a{ line-height: 31px; font-size: 12px; color: #666; } .head1 a:hover{ color: #e62129; } .head2{ overflow: hidden; padding:33px 0; } .head2_fl{ width: 784px; overflow: hidden; } .logo{ width: 210px; margin-right: 24px; } .fadv{ width:527px; overflow: hidden; margin-top: 10px; height: 90px; border-left: 1px solid #ccc; padding-left: 22px; } .fadv h2{ font-size: 24px; line-height: 24px; margin-bottom: 15px; color: #333333; } .fadv p:first-of-type{ font-size: 18px; line-height: 18px; margin-bottom: 9px; color: #333333; } .fadv p:nth-of-type(2){ font-size: 18px; line-height: 18px; color: #666666; } .head2_fr{ width:250px; padding-top: 23px; overflow: hidden; } .ttel{ width: 100%; overflow: hidden; } .ttel p a{ font-size: 16px; line-height: 16px; margin: 0 11px 10px 0; color: #333333; } .ttel p a:last-of-type{margin-right: 0;} .ttel h2{ font-size: 30px; line-height: 30px; letter-spacing: 1px; color: #e70b0f!important; margin-top: 5px; } #header{width:1200px;position: absolute;z-index: 999;left: 50%;margin-left:-600px;} .logo{ float: left; line-height: 99px; } .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{width:1200px;margin: 15px auto;} #formsearch{float:right;} .hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight: bold;font-size: 15px;color: #333;} .hotSearch p{display:inline-block;} #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;} .container{width:1200px;margin: 0 auto;} .about-index{ margin-top: 50px; } .about-left{ width:590px; } .about-content{ font-size: 14px; color: #555555; line-height: 30px; text-align: justify; margin-top: 45px; width:532px; } .about-content p{ text-indent: 2em; } .about-content p a{ color:#e70b0f; } .about-content p a:hover{ color:#0e4094; } .about-list{ width: 100%; overflow: hidden; margin-top: 25px; } .about-list li{ float: left; width: 56px; margin-right: 70px; text-align: center; } .about-list li:last-of-type{margin-right: 0;} .about-list li .abimg1{ width: 100%; overflow: hidden; height: 48px; position: relative; } .about-list li .abimg2{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all 0.4s linear; } .about-list li:hover .abimg11{ display: none; } .about-list li:hover .abimg2{ opacity: 1; -webkit-transform: scale(-1,1); } .about-list li p{ font-size: 14px; color: #555555; padding-top: 5px; transition: all 0.4 linear; } .about-list li:hover p{ color: #0e4094; } .about-right{ width:590px; } .more1{ width: 469px; height: 40px; background: url(../images/slmore.jpg) no-repeat; margin: 38px 0 0px -6px; transition:all 0.4s linear; } .more1:hover{ background:url(../images/slmoreh.jpg) no-repeat; } .product-bg{ background: url(../images/bj.jpg) no-repeat top center; height: 742px; overflow: hidden; margin-top: 50px; } .p-title{ text-align: center; } .product-index{ width: 1200px; overflow: hidden; margin:0 auto; margin-top: 34px; } .prolist{ width: 270px; overflow: hidden; } .prolist h2{ display: block; width: 100%; height: 62px; line-height: 62px; background: #0e4094; font-size: 26px; letter-spacing: 1px; text-align: center; color: #ffffff; } .prolist ul{ width: 100%; overflow: hidden; box-sizing: border-box; border-left: 2px solid #0e4094; border-right: 2px solid #0e4094; padding: 25px 0; } .prolist ul li{ float: left; width: 100%; overflow: hidden; /* margin-top: 32px; */ background: url(../images/prolist.png) 25px center no-repeat; padding-left: 56px; line-height: 48px; } .prolist ul li.on a,.prolist ul li:hover a,.prolist ul li.on{ color:#0e4094; background-color:#f0f0f0; } .prolist ul li a{ font-size: 17px; line-height: 17px; letter-spacing: 1px; transition:all 0.4s linear; color: #333333; } .prolist img{ width: 100%; } .procon{ width: 897px; overflow: hidden; } .p-more{ width:98px; height: 32px; border:1px solid #bfbfbf; margin: 0 auto; } .p-more a{ display: block; text-align: center; font-size: 14px; text-transform: uppercase; line-height: 32px; color: #333333; } .hzkh{ box-sizing: border-box; border:2px solid #838383; padding: 18px 17px 20px 17px; } .hz_tit{ width: 293px; margin:0 auto; text-align: center; margin-top: -40px; overflow: hidden; background: #fff; margin-bottom: 20px; } .hz_tit h3{ color:#444444; font-size:32px; line-height:32px; text-transform:uppercase; letter-spacing:1px; font-weight:normal; } .hz_tit h3 a{ line-height:32px; font-size:16px; color:#444444; } .hz_index{ width: 100%; overflow: hidden; position: relative; } .hz_index .bd{ width: 1060px; margin:0 auto; overflow: hidden; } .hz_index .bd li{ width:99px; float:left; overflow:hidden; margin-right:24px; } .hz_index .next{ width: 21px; height: 57px; position: absolute; right: 0; top: 4px; background: url(../images/next.png) no-repeat; } .hz_index .prev{ width: 21px; height: 57px; position: absolute; left: 0px; top: 4px; background: url(../images/prev.png) no-repeat; } .about-bg{ background: url(../images/about.jpg) no-repeat top center; height: 450px; overflow: hidden; margin-top: 50px; } .shili-index{ margin-top: 20px; font-size: 14px; } .tel{ color: #fff; margin-left: 775px; margin-bottom: 65px; } .shili-left{ width:466px; margin-left: 185px; margin-top: 20px; } .shili-title{ font-weight: normal; font-size: 30px; color: #333333; margin-bottom: 10px; } .shili-content{ font-size: 14px; color: #555555; line-height: 24px; } .shili-content p{ color:14px; color:#555555; line-height:24px; } .shili-content p a{ color:#0e4094; font-size:15px; } .shili-right{position:relative;margin-top: -5px;} .shili-right .prev,.next{position:absolute;width: 32px;cursor:pointer;z-index:99999;height: 40px;} .shili-right .prev{left:-32px;top: 120px;background: url(../images/left.jpg) no-repeat;} .shili-right .next{left:-32px;top: 162px; background: url(../images/right.jpg) no-repeat;} .shili-right .bd {width:478px; height:296px; overflow:hidden; position:relative;margin:0 auto;} .shili-right .bd ul {height:296px; position:absolute;} .shili-right .bd ul li {width:478px; height:296px; overflow:hidden; position:relative;float:left;} .shili-right .bd ul li a img{height:296px;width:478px;} .shili-right .bd ul li div {position:absolute; overflow:hidden;} .shili-right .bd .btnBg {position:absolute; width:478px; height:20px; left:0; bottom:0;} .shili-right .bd .btn {position:absolute; width:478px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;} .shili-right .bd .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;} .shili-right .bd .btn span.on {background:#fff;} .shili-right .bd ul li h3{display:block;color:#000000;font-size:14px;margin-top:10px;} .shili-right .bd ul li h3 a{color:#000000;font-size:14px;} .news-index{ margin-top: 50px; } .news-title{ text-align: center; margin-bottom: 35px; } .news1{ width: 384px; } .news-title1{ font-family:"寰蒋闆呴粦"; font-size: 18px; color: #222222; float: left; font-weight: normal; margin-bottom: 14px; } .newsmore{ display:block; float:right; width:64px; height: 20px; border: 1px solid #0e4094; border-radius: 15px; font-size: 12px; text-align: center; text-transform: uppercase; float: right; transition:all 0.4s linear; } .newsmore:hover{color:#0e4094;} .news-title1 a:hover{color:#0e4094;} .news2{ margin: 0 20px; } .heng{ width:19220px; position: relative; left: 50%; margin-left: -960px; margin-top: 50px; } .case-title{ text-align: center; } .case-content{ position: relative; } .l_btn1,.r_btn1{position:absolute;top:30%;cursor:pointer;} .l_btn1{left:-80px;} .r_btn1{right:-80px;} .contact-bg{ background: url(../images/ct.jpg) no-repeat top center; height: 405px; overflow: hidden; } .contact-index{ padding-top: 113px; } .contact-left{ width:358px; } .ct1{ font-size: 22px; color: #fff; border-bottom: 1px solid#fff; padding-bottom: 5px; line-height: 32px; } .ct1 p:nth-of-type(2){ font-size: 16px; } .ct2{ margin-top: 10px; } .ct2 p{ font-size: 16px; line-height: 38px; color: #fff; padding-left: 26px; } .ct2 p:nth-of-type(1){ background: url(../images/p1.png) no-repeat left center; } .ct2 p:nth-of-type(2){ background: url(../images/p2.png) no-repeat left center; } .ct2 p:nth-of-type(3){ background: url(../images/p3.png) no-repeat left center; } .ct2 p:nth-of-type(4){ background: url(../images/p4.png) no-repeat left center; } .ct2 p:nth-of-type(5){ background: url(../images/p5.png) no-repeat left center; } .mess{ width:620px; } .mess-title{ font-weight: normal; font-size: 22px; color: #fff; margin-bottom: 38px; } .mess-title p{ font-size: 16px; } .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;margin-top:15px;line-height:30px;} /*茅隆碌茅聺垄氓潞鈥⒚┢捖?/ .foot-bg{ background: url(../images/foot.jpg) top left repeat; height:383px; overflow: hidden; } #footer{position:relative;width:1200px;margin:0 auto;padding-top: 35px;color: #8e8e8e;} #footer a{color: #fff;} #footer a:hover{text-decoration: underline;} .nav_foot p:nth-of-type(2) a{margin-right: 25px;} .foot1{ width:230px; } #footer .foot-title{ font-weight: normal; font-size: 16px; color: #fff; border-bottom: 1px solid #fff; line-height: 40px; margin-bottom: 20px; } .foot2{ width:370px; margin-left: 40px; } .nav_foot{ font-size: 14px; color: #fff; } .nav_foot a{ margin-right: 40px; line-height: 30px; } .ctf p{ font-size: 14px; color: #fff; line-height: 30px; } .foot3{ width:280px; margin-left: 42px; color: #8e8e8e; line-height: 30px; } .foot4{ width:200px; } .foot4 p img{ margin-bottom: 15px; } .copyright{text-align:center;line-height:24px;border-top: 1px solid #fff;margin-top: 20px;padding-top: 10px;color: #fff;font-size: 14px;} /*------------氓鈥犫€γ┞÷?------------------*/ .left .box{margin-bottom:10px;} .left .box h3{} .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:1600px;position: relative;left:50%;margin-left:-800px;} .n_banner img{width:1600px;height:auto;} .left{width:201px;float:left;} .sort_menu{} .sort_menu h3{background: #0e4094;height: 74px;border-bottom: 1px solid #fff;line-height: 74px;text-align: center;color:#fff;font-size: 20px;font-weight: bold;} .sort_product{margin-top:10px;} .sort_product h3{background:#0e4094; height:34px; line-height:34px; text-align:center; font-weight:bold; color:#fff; font-size:16px} .sort_product .contentt{border:1px solid #dfdfdf; padding:12px 5px 10px 5px; background:#fff; border-bottom:0;} .leftbot{ background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;} .n_news h3{background:#0e4094; height:34px; line-height:34px; text-align:center; font-weight:bold; color:#fff; font-size:16px} .n_news .contentt{border:1px solid #dfdfdf; padding:12px 5px 10px 5px;} .n_contact{overflow: hidden; border-top:none; padding-bottom:6px; width:201px; margin-top:10px; height:355px; background:url(../images/service_bg_box.jpg) no-repeat center top #fff;} .n_contact h3{height:48px; line-height:48px; text-align:left; padding-left:15px;color: #0e4094;;} .n_contact .content{padding:5px;line-height:24px;} .page-contact{background: url(../images/lxwm.jpg) no-repeat;height:84px;background-size: 197px 84px;position: relative;} .page-contact .con{position:absolute; left:22px; top:20px; z-index:2; color:#333; text-align:left;} .n_contact .pages{padding:15px 10px;line-height: 22px;} .right{width:754px;float:right;padding-bottom:10px;} .sitemp{line-height:30px;height:30px;overflow:hidden;padding-left:25px;background:url(../images/position_icon1.gif) no-repeat 0% 50%;border-bottom: 1px solid #0e4094;} .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;} .sitemp .site{line-height:30px;} .right .contentt{padding-top:15px;overflow:hidden;line-height: 24px;} .right .content{width:100%;} .case_detail h1{font-size:18px;line-height:45px;}