.w1920{width: 1920px;margin-left: -960px;left: 50%;position: relative;} .w1200{width:1200px;margin-left:-600px;left:50%;position:relative;} /*SERVICES*/ .foxx{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5;overflow: hidden;padding-bottom: 50px;} .fox{width:1200px;margin:0 auto;} .en{text-align:center;margin-top:60px;} .btt{color:#000000;font-size:20px;text-align:center;text-transform:uppercase;font-weight:normal;margin-top:10px;background:url(../images/bg.png) no-repeat center bottom;height:80px;line-height: 28px;} .btt span{display:block;font-size: 29px;font-weight: bold;} .wz{color:#000000;font-size:14px;text-align:center;margin-top:20px;font-weight:normal;} .login{height: 72px;position: absolute;right: 10%;line-height: 72px;color: #fff;} .login a{color: #fff;} .topLink{width:1200px;margin:0 auto;} .k1{float:left;} .picScroll-left{ overflow:hidden;position: relative;width:1200px;} .picScroll-left .hd .prev{display:block;width: 39px;height: 30px;background:url(../images/lb1.png) no-repeat;z-index:99999;position:absolute;bottom: 0px;right: 540px;cursor:pointer;} .picScroll-left .hd .next{display:block;width: 39px;height: 30px;background:url(../images/rb1.png) no-repeat;z-index:99999;position:absolute;bottom: 0px;right: 492px;cursor:pointer;} .ys_nav{width:498px;float:left;margin-top:60px;height:474px;position:relative;overflow: hidden;} .picScroll-left .hd ul{} .picScroll-left .hd ul li{width:152px;height:177px;background:url(../images/k1.png) no-repeat center top;} .picScroll-left .hd ul li p{line-height:177px;color:#fff;font-size:20px;font-weight:bold;z-index:99999;text-align:center;position:absolute;width:100%;top:0px;} .imgx img{display:block;width:150px;height:175px;margin:0 auto;margin-top:1px;} .imgx{position:relative;width:152px;height:177px;z-index:99} .bj{position:absolute;width:152px;height:177px;background:url(../images/k2.png) no-repeat center top;z-index:999;left:0px;top:0px;display:none} .picScroll-left .hd ul li:hover .bj{display:block} .picScroll-left .hd ul li:nth-child(1){position:absolute;left:86px;top:0px;} .picScroll-left .hd ul li:nth-child(2){position:absolute;right:86px;top:0px;} .picScroll-left .hd ul li:nth-child(3){position:absolute;left:0px;top:152px;} .picScroll-left .hd ul li:nth-child(4){position:absolute;left:172px;top:152px;} .picScroll-left .hd ul li:nth-child(5){position:absolute;right:0px;top:152px;} .picScroll-left .hd ul li:nth-child(6){position:absolute;left:86px;bottom:0px;} .picScroll-left .hd ul li:nth-child(7){position:absolute;right:86px;bottom:0px;} .pcon{width:605px;float:right;margin-top:60px;} .picList li{height:455px;width:605px;height:455px;position:relative;} .picList li .img img{width:400px;height:455px;display: block;float:left;} .picList li .det{margin:0 auto;font-size:14px;line-height:25px;background: #fff;width:308px;height:333px;right:0px;top:75px;position:absolute;} .picList li .det p{color:#000;font-size:24px;font-weight:bold;padding-left:30px;margin-top:50px;} .picList li .det span{color:#000001;font-size:14px;width:260px;margin:0 auto;margin-top:15px;height:125px;overflow: hidden;display:block} .mr{margin-left:25px;margin-top:25px;} /*脙茠脗楼脙垄芒鈥毬偮γ冣€毭偮趁兤捗偮っ冣€毭偮好冣€γ偮矫兤捗偮γ冣€姑⑩偓聽脙垄芒鈥毬嬇撁兤捗偮っ冣€毭偮幻冣€毭偮?/ .ab{width:1920px;position:relative;left:50%;margin-left:-960px;background:url(../images/abbg.jpg) no-repeat center top;height:614px;overflow: hidden;} .btt2{color:#fff;font-size:20px;text-align:center;text-transform:uppercase;font-weight:normal;margin-top: 97px;height:80px;line-height: 28px;} .btt2 span{display:block;font-size:30px;font-weight: bold;} .abnr{width: 654px;float:left;margin-left: 50px;color:#fff;font-size:14px;line-height:28px;margin-top:60px;} .abnr p{text-indent: 2em;} .abtp{float:right;margin-right: 92px;margin-top: 9px;} /*脙茠脗娄脙鈥毭偮犆冣€毭偮∶兤捗偮っ冣€毭偮济冣€毭偮伱兤捗偮ッ冣€毭偮惷冣€姑⑩偓聽脙茠脗陇脙鈥毭偮矫冣€γ⑩偓艙*/ .xq{ overflow: hidden; padding: 73px 0 60px; } .xqindex{ width: 100%; box-sizing: border-box; overflow: hidden; padding:0 57px 0 54px; } .xqindex li{ float: left; margin-right: 52px; } .xqindex li:first-of-type{ width: 210px; } .xqindex li:nth-of-type(2){ width: 273px; } .xqindex li:nth-of-type(3){ width: 273px; } .xqindex li:nth-of-type(4){ width: 210px; } .xqimg1{ width: 84px; height: 84px; position: relative; } .xqimg2{ position: absolute; left: 0; top: 0; width: 84px; height: 84px; opacity: 0; transition: all 0.4s linear; } .xqcon{ line-height: 84px; color: #474747; font-size: 20px; transition: all 0.4s linear; } .xqindex li:hover .xqimg2{ opacity: 1; } .xqindex li:hover .xqcon{ color: #1698dc; } .btt3{color:#000000;font-size:20px;text-align:center;text-transform:uppercase;font-weight:normal;padding-top: 106px;height:80px;line-height: 28px;} .btt3 span{display:block;font-size:30px;font-weight: bold;} /*脙茠脗娄脙鈥γ⑩偓艙脙垄芒鈧∶偮兤捗偮γ兟⒚⑩€毬⑩偓艙脙鈥毭偮懊兤捗偮冣€毭偮得兟⒚⑩€毬吢久兤捗偮冣€毭偮冣€毭偮?/ .xw{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5;height:655px;margin-top:45px;} .enx{text-align:center;margin-top:0px;} .btt4{background: url(../images/bg3.png) no-repeat center bottom;color:#000000;font-size:20px;text-align:center;text-transform:uppercase;font-weight:normal;padding-top: 6px;line-height: 28px;height:80px;} .btt4 span{display:block;font-size:30px;font-weight: bold;} .news_listx li{float:left;width:390px;height:408px;background:#fff;margin-right:15px;position:relative;} .newtp{width:390px;height:211px;} .news_listtit{ width: 100%; overflow: hidden; } .news_listtit ul{ padding:15px 0 23px; width: 447px; margin:0 auto; overflow: hidden; } .news_listtit li{ width: 144px; float: left; margin-right: 5px; overflow: hidden; background: #e3e3e3; text-align: center; transition: all 0.4s linear; } .news_listtit li:last-of-type{margin-right:0;} .news_listtit li a{ line-height: 37px; font-size: 20px; color: #636363; transition: all 0.4s linear; } .news_listtit li:hover{ background: #c73030; } .news_listtit li:hover a{ color: #fefefe; } .news_listx li:nth-child(3){float:right;margin-right:0px;} .tm{width:57px;height:50px;background:#e53333;position:absolute;top:0px;z-index:99999;left:10px;} .time1{text-align:center;color:#ffffff;font-size:14px;margin-top:5px;} .time2{text-align:center;color:#f1a7a7;font-size:16px;} .zac{width:340px;margin:0 auto;margin-top:20px;} .zac a{color:#000000;font-size:16px;font-weight:normal;} .zac span{color:#8b8b8b;font-size:12px;font-weight:normal;display:block;line-height:26px;height:78px;} a.jt{text-align:center;display:block;} .product_listc li{float:left;;_display:inline;} .product_listc li a.img{border-top: 1px solid #0e050a;border-left: 1px solid #0e050a;border-bottom: 1px solid #0e050a;} .product_listc li:nth-of-type(n+6) a.img{border-top:none;} .product_listc li:nth-of-type(5n) a.img{border-right: 1px solid #0e050a;} .product_listc li a.img img{width:238px;height:140px;} .product_listc li h3{text-align:center;padding-top:5px;} .product_listc li h3 a{font-weight:normal;} .product_listc li a.img{display:block;} .dff{width:1920px;position:relative;left:50%;margin-left:-960px;margin-top: 70px;background:url(../images/dff.png) repeat-x center top #1a1a1a;padding-bottom:10px;} .dff_con{width:1200px;margin:0 auto;padding-top: 29px;} .dd1{float:left;width: 116px;text-align:left;margin-left: 18px;} .dd2{float:left;width:265px;} .dd3{float:right;margin-top:85px;margin-right: 79px;} .dd4{float: left;width: 144px;text-align: left;} .dd5{float: left;width: 124px;text-align: left;} .dd6{float: left;width: 166px;text-align: left;} .dd7{ float: left; width: 166px; text-align: left; } .tt3 a{color:#fff;font-size:15px;line-height:28px;font-weight:bold;font-weight:normal;} .dcc{color: #fff;font-size:12px;line-height: 24px;text-align:left;display:block;margin-top:10px;} .dcc p:nth-of-type(2){margin-left: 22px;margin-bottom: 19px;margin-top: 10px;} .dcc a{color:#f9f5f5;font-size:12px;line-height:22px;font-weight:normal;display:block;} .dcc a:hover{color:#de0000;} .tt3 a:hover{color:#de0000;} .dcc1{margin-top: 0;} /*脙茠脗楼脙鈥毭偮っ冣€毭偮疵兤捗偮┟冣€犆⑩偓鈩⒚冣€毭偮兤捗偮γ冣€毭偮犆冣€毭偮访兤捗偮ッ冣€毭偮济冣€毭偮?/ #header{width:1000px;margin:0 auto;} .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{float:right;} #formsearch{float:right;} .hotSearch{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;} /*脙茠脗娄脙鈥毭偮惷冣€γ⑩偓艙脙茠脗搂脙鈥毭偮疵冣€毭偮⒚兤捗偮ッ兟⒚⑩€毬⑩€灺⒚冣€γ⑩偓鈩⒚兤捗偮冣€犆⑩偓鈩⒚冣€毭偮兤捗偮┟兟⒚⑩€毬⑩偓聺脙鈥毭偮兤捗偮γ冣€毭偮惷冣€γ⑩偓艙脙茠脗搂脙鈥毭偮疵冣€毭偮?/ .hotSearch a{margin-right:6px;} #formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;} #formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;} #formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background:#ff0000;color:#fff;border:none;cursor:pointer;} .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:20px;} .container{width:1200px;margin:0 auto;} .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:#de0000;border-color: #de0000;} .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:#de0000;text-decoration:none;} .list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} /*脙茠脗楼脙鈥毭偮徝兟⒚⑩€毬偮姑兤捗偮γ冣€犆⑩偓鈩⒚兟⒚⑩€毬偮γ兤捗偮┟兟⒚⑩€毬呪€溍冣€毭偮久兤捗偮γ冣€γ偮矫冣€毭偮?/ .f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;} /*脙茠脗漏脙鈥毭偮∶冣€毭偮得兤捗偮┟冣€毭偮澝冣€毭偮⒚兤捗偮ッ冣€毭偮好兟⒚⑩€毬偮⒚兤捗偮┟冣€犆⑩偓鈩⒚冣€毭偮?/ #footer{position:relative;width:1200px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;margin-top:15px;color:#fff;} #footer a{color:#fff;} #footer a:hover{color:#de0000;text-decoration:none;} .nav_foot{text-align:center;line-height:24px;color:#fff;} .copyright{text-align:center;line-height:24px;color:#fff;} .copyright a{color:#fff;} /*------------脙茠脗楼脙垄芒鈥毬偮犆兟⒚⑩€毬偮γ兤捗偮┟冣€毭偮∶冣€毭偮?------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:40px;background:#de0000;font-size:18px;color:#fff;text-align:center;font-weight:normal;} .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%;} .n_banner img{width:100%;} .left{width:240px;float:left;} .sort_menu h3{background-color:#ececec;line-height:28px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:920px;float:right;padding-bottom:10px;} .sitemp{line-height:40px;height:40px;overflow:hidden;padding-right:10px;background:#de0000;} .sitemp h2{width:340px;float:left;line-height:40px;text-align:center;text-align:left;text-indent:15px;font-size:18px;color:#fff;font-weight:normal;} .sitemp .site{width:380px;float:right;text-align:right;line-height:40px;color:#fff;font-size:14px;} .sitemp .site a{color:#fff;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}