@CHARSET "UTF-8"; /*脙楼脗陇脗麓脙漏脝鈥櫭偮兟γ偮犆偮访兟ッ偮济偮?/ #header{background: url(../images/top.png) repeat-x top center;height: 195px;} .top{width:1200px;margin:0 auto;} .logo{float:left;margin-top: 12px;} .wel{line-height: 30px;height: 30px;color: #ffffff;} .k1 ,.k1 a{line-height:30px;;color: #ffffff;} .topLink{width:780px;float:right;text-align:right;position: relative;z-index: 9999;margin-top: 28px;} .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;display: none} .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 .k2{font-family:"脙楼脗戮脗庐脙篓脗陆脗炉脙漏芒鈧好⑩偓娄脙漏脗禄芒鈧?;background: url(../images/dh.png) no-repeat left center;padding-left: 50px;float: right;text-align: left} /*脙搂脝鈥櫭偮兟┟⑩偓鈥澝偮兟γ偮惷呪€溍兟偮疵偮?/ .search{text-align:left;width: 450px;} #formsearch{width:450px;background: url(../images/s.png) no-repeat;height: 35px;} .hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;} /*脙娄脗聬脜鈥溍兟偮疵偮⒚兟ッ⑩偓鈩⒚呪€櫭兟嗏€櫭偮兟┟⑩偓鈥澝偮兟γ偮惷呪€溍兟偮疵偮?/ .hotSearch a{margin-right:6px;} #formsearch input{height:35px;background:none;border:none;line-height:35px;} #formsearch input#keyword{height:35px;line-height:35px;;color:#666;width: 390px;float: left} #formsearch input#s_btn{width:60px;height:35px;line-height:35px;text-align:center;background-color:none;color:#fff;border:none;cursor:pointer;float: left} /*脙陇脗赂脗禄脙陇脗陆芒鈧撁兟γ偮犆偮访兟ッ偮济偮?/ .con{width: 1200px;margin:0 auto;} #container{width:1200px;margin:0 auto;margin-top:50px;;} .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;} /*脙搂芒鈧懊偮姑兟⑩偓掳脗虏脙娄脗隆脣鈥犆兟っ偮久⑩偓鹿*/ .case{ background: url(../images/case.jpg) no-repeat top center; height: 820px; } .tt{ color:#fff; font-size: 30px; background: url(../images/tt.png) no-repeat bottom center; padding-bottom: 20px; text-align: center; } .case .content{ margin-top: 30px; color: #ffffff; text-align: center; line-height: 28px; } .huolong{ margin:40px 0px; } .huolong li{ height: 480px; width: 240px; float: left; position: relative; } .huolong li .img-huo{ position: absolute; top: 0px; width: 240px; height: 240px; } .huolong li .img-huo img{ width:100%; } .huolong li:nth-child(even) .img-huo{ position: absolute; top: 240px; width: 240px; height: 240px; } .huolong li .nei-huo{ position: absolute; top: 240px; width: 240px; height: 240px; background: #fff; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:3s; transition-duration:3s; } .huolong li:nth-child(even) .nei-huo{ position: absolute; top: 0px; width: 240px; height: 240px; } .nei-huo a{ padding-top:30px; text-align: center; color: #0063ca; font-size: 20px; display: block; width: 100%; } .nei-huo p{ color: #424242; font-size: 12px; width: 187px; margin:0 auto; padding-top: 11px; line-height: 22px; } a.more{ display: block; width: 97px; height: 27px; line-height: 27px; text-align: center; color: #0063ca; border: 1px solid #0063ca; border-radius: 8px; margin:0 auto; margin-top: 15px; padding-top: 0; font-size: 12px; } .c1{width:1200px;margin:0 auto;margin-top:60px;} /* 脙漏脗娄芒鈧€溍兟┟偮∶偮得兟ッ吢犆偮犆兟ッ⑩偓娄脗楼脙娄脣鈥犆⑩偓藴脙陇脗禄脗卢 */ .join{ margin-top: 76px; } .join h2{ color: #303030; font-size: 30px; text-align: center; } .join h2 span{ color: #d41b1b } .join h2 p{ padding-top: 22px; color: #343434; font-size: 12px; line-height: 28px; font-weight:normal; } .join .content{ height: 681px; background: url(../images/you.jpg) no-repeat top center; margin-top: 75px; position: relative; } .jian{ position: relative; color: #272727; font-size: 16px; width: 100%; height: 100% } .jian1{ position: absolute; top: 44px; left: 200px; } .jian2{ position: absolute; top: 168px; left: 90px; } .jian3{ position: absolute; top: 300px; left: 62px; } .jian4{ position: absolute; top: 458px; left: 86px; } .jian5{ position: absolute; top: 590px; left: 190px; } .jian6{ position: absolute; top: 44px; right: 190px; text-align: right } .jian7{ position: absolute; top: 168px; right: 86px; text-align: right } .jian8{ position: absolute; top: 300px; right: 62px; text-align: right } .jian9{ position: absolute; top: 458px; right: 86px; text-align: right } .jian10{ position: absolute; top: 590px; right: 190px; text-align: right } .jian-tu{ position: absolute; top: 77px; left: 372px; } /*脙漏脗娄芒鈧€溍兟┟偮∶偮得兟γ⑩偓鈥溍偮懊兟┟⑩偓鈥澝偮?/ .news{ background: url(../images/new.jpg) no-repeat top center; margin-top: 20px; } .news .content1{ padding-top: 20px; color: #fff; font-size: 12px; line-height: 26px; text-align: center; } .new-left{ margin-left: 20px; width: 760px; } .news .content{ margin-top: 100px; } .new-right{ width: 342px; height: 490px; box-sizing: border-box; padding: 0 20px; background: url(../images/n.jpg) no-repeat top center; } .new-right h2{ color: #5d5c5c; font-size: 16px; background: url(../images/tt.jpg) no-repeat bottom center; padding-top: 10px; line-height: 50px; } .new-right .contentt{ padding-top: 20px; } /*脙漏脗娄芒鈧€溍兟┟偮∶偮得兟γ⑩偓鹿芒鈧好兟ッ⑩偓垄芒鈧犆兟ッ偮っ⑩偓鈥溍兟ッ呪€櫭⑩偓娄*/ .zhao{ height: 845px; background: url(../images/zhao.jpg) no-repeat top center; margin-top: -39px; } .tt1{background: url(../images/tt.png) no-repeat 50% 60%;} .tt p{ color: #ffffff; font-size: 18px; text-align: center; line-height: 50px; margin:0 auto; text-indent: -410px; margin-top: 50px; } .tt p b{ background: url(../images/1.png) no-repeat right center; height: 50px; width: 50px; font-size: 28px; display: block; line-height: 50px; text-align: center; float: left; padding-left: 460px; text-indent: 0; font-size: } .zhao .content1{ color: #fff; font-size: 12px; padding-top: 18px; line-height: 26px; text-align: center } .zhao .content{ margin-top: 126px; } .banner_list{ display: flex; flex-direction: row; justify-content: flex-start; } .banner_list li{ width: 200px; height: 289px; background: #fff; text-align: center; } .banner_list li img{ display: block; margin:0 auto; text-align: center; padding-top: 30px; } .banner_list li:nth-child(2n){ background: #e6e6e6; margin-top: 32px; } .banner_list li h3{ padding-top:15px; line-height: 42px; font-weight: normal; text-align: center; } .banner_list li h3 a{ color: #0063ca; font-size: 18px; } .banner_list li p{ width: 152px; margin:0 auto; color: #444444; font-size: 14px; text-align: left } .banner_list li p b{ font-weight: normal; color: #e42727; } .zhao .contentt{ padding-top: 80px; color: #ffffff; font-size: 48px; font-weight: bold; padding-left: 140px; font-style: italic; } .zhao .contentt p{ float: left; display: block; } /* 脙漏脗娄芒鈧€溍兟┟偮∶偮得兟偮⑩偓啪脙楼脣鈥犆⑩偓鈩?/ .heng { width: 1920px; position: relative; left: 50%; margin-left:-960px; } .heng img .gui{ } .nei-gui{ width: 648px; padding-left:0px; position: relative; height:191px; margin-top: 120px; } .nei-gui1{ width: 648px; padding-left:0px; position: relative; padding-top: 65px; } .img-gui{width:542px;} .s1{ padding-top:18px; } .s1 strong{ color: #353535; font-size:18px; display: block; } .s1 a{ display: block; font-size: 14px; color: #353535; display: block; background: url(../images/a.png) no-repeat left center; padding-left:24px; margin-top: 8px; } .s2{ padding-top:50px; } .s2 strong{ color: #353535; font-size:18px; display: block; margin-bottom: 18px; display: block; } .s2 a{ display: block; font-size: 14px; color: #353535; display: block; background: url(../images/a.png) no-repeat left center; padding-left:24px; margin-top: 8px; } .s3{ padding-top:36px; } .s3 strong{ color: #353535; font-size:18px; display: block; margin-bottom: 18px; display: block; } .s3 a{ display: block; font-size: 14px; color: #353535; display: block; background: url(../images/a.png) no-repeat left center; padding-left:24px; margin-top: 8px; } .s4{ padding-top:36px; } .s4 strong{ color: #353535; font-size:18px; display: block; margin-bottom: 18px; display: block; } .s4 a{ display: block; font-size: 14px; color: #353535; display: block; background: url(../images/a.png) no-repeat left center; padding-left:24px; margin-top: 8px; } .s5{ padding-top:40px; } .s5 strong{ color: #353535; font-size:18px; display: block; margin-bottom: 18px; display: block; } .s5 a{ display: block; font-size: 14px; color: #353535; display: block; background: url(../images/a.png) no-repeat left center; padding-left:24px; margin-top: 8px; } .s6{ padding-top: 30px; font-weight: bold } .s6 strong{ color: #353535; font-size:18px; display: block; margin-bottom: 10px; display: block; } /*脙楼脗潞芒鈧⒚兟┟嗏€櫭偮兟ッ偮姑偮趁兟ッ偮徝偮?/ .zhong{ height:85px; background:#00609d; line-height: 90px; text-align: center; color: #fff; font-size: 24px; font-weight: bold; } /*脙漏脗娄芒鈧€溍兟┟偮∶偮得兟ッ偮访偮γ兟っ偮久偮兟偮伱⑩偓聺脙搂脗鲁脗禄脙娄脣鈥犆⑩偓藴脙陇脗禄脗卢*/ .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;} .roll_product li{padding-bottom:0px;} /*脙楼脗聫芒鈧姑兟γ嗏€櫭⑩偓娄脙漏芒鈧撁偮久兟γ吢矫偮?/ .link{background: #00609d;height: 55px; overflow: hidden;} .f_link{width:1000px;margin:0 auto;margin-top:1px;line-height:30px;line-height:25px;text-indent:20px;font-size: 14px;color: #fff} .f_link a{color: #fff} /*脙漏脗隆脗碌脙漏脗聺脗垄脙楼脗潞芒鈧⒚兟┟嗏€櫭偮?/ #foot{ background: url(../images/foot.jpg) no-repeat top center; height: 345px; } #footer{position:relative;width:1200px;margin:0 auto;text-align:center;color:#ffffff;;} #footer a{color:#ffffff;} #footer a:hover{color:#e87518;text-decoration:none;} .nav_foot{text-align:left;line-height:24px;color:#ffffff;padding-top: 55px;height: 234px;overflow: hidden;} .nav_foot li{line-height:55px;text-align:center;width:230px;float:left;position:relative;z-index:999;} .nav_foot li a{display:block;line-height:55px;color:#fff;font-size: 16px;} .nav_foot li a:hover{color:#fff;text-decoration:none;} .nav_foot .sec{color:#fff;z-index:9999;text-align: left;text-indent: 86px;} .nav_foot .sec a{color:#fff;line-height:29px;font-size: 12px;} .nav_foot .sec a:hover{text-decoration:none;} .copyright{text-align:center;line-height:44px;padding-top: 7px;} .foot-right{ width: 258px; } .er{ padding-top: 22px; text-align: left; font-size: 12px; } .er img{padding-right:21px;;} .qq{padding-top: 50px;text-align: left;font-size: 14px;} .qq img{padding-right:21px;;} .rexian{padding-top: 40px;;text-align: left;} .rexian img{padding-right:21px;;} /*------------脙楼芒鈧犆⑩偓娄脙漏脗隆脗碌-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:20px;padding-left:15px;font-weight:normal;font-family:"脙楼脗戮脗庐脙篓脗陆脗炉脙漏芒鈧好⑩偓娄脙漏脗禄芒鈧?; background:url(../images/tt1.jpg) no-repeat 0% 100%;font-size:16px;color:#2c2c2c;height: 41px;} .left .box h3 span{display: block;line-height: 20px;color: #949494;font-size: 12px;} .left .box .content{padding:5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;font-size:14px;} .n_banner{width:1200px;margin:0 auto;height: 250px;} .n_banner img{width:1920px;position:relative;left:50%;margin-left:-960px;height:250px;} .left{width:220px;float:left;} .sort_menu{} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:40px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:40px;} .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:919px;float:left;padding-bottom:10px;padding-left: 30px;border-left: 1px solid #d8d8d8;margin-left: 30px;min-height: 1200px;} .sitemp{line-height:50px;height:50px;overflow:hidden;padding-right:10px;border-bottom:1px solid #d8d8d8;} .sitemp .site{width:380px;float:left;text-align:left;line-height:50px;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .ny_header{overflow: hidden;margin-bottom:40px;} .ny_header img{width:100%;animation:banner 10s linear infinite;display: block;min-width: 700px;} @keyframes banner { 0%{transform: scale(1)}50%{transform: scale(1.1)}100%{transform: scale(1)} } .menu_cate{width:254px;float:left;border:4px solid #0262b8;border-bottom:11px solid #0262b8} .cate_title{height:70px;background:#0262b8;color:#fff;font-size:26px;text-align:center;padding-top:30px} .cate_title span{display:block;color:#8dacd6;font-size:12px;font-weight:400;} .sort1{background:#fff;padding: 14px 11px 5px;} .sort1 li{margin-bottom: 13px;} .sort1 li a{background:url(../images/sdot.png) #0262b8 no-repeat 10px center;display:block;padding-left: 19px;color:#fff;font:400 14px/35px "脙茠脗楼脙鈥毭偮久冣€毭偮兤捗偮冣€毭偮矫冣€毭偮兤捗偮┟兟⒚⑩€毬偮好兟⒚⑩€毬偮γ兤捗偮┟冣€毭偮幻兟⒚⑩€毬嬇?;text-align:center;} .sort1 li a:hover{color:#fa7821;} .trust{background:#0262b8;text-align:center;padding-top:32px;color:#fff;padding-bottom:23px;} .trust h3{font-size:22px;line-height:26px;margin-bottom:25px;} .trust h3 span{display:block;font:400 12px "脙茠脗楼脙鈥毭偮久冣€毭偮兤捗偮冣€毭偮矫冣€毭偮兤捗偮┟兟⒚⑩€毬偮好兟⒚⑩€毬偮γ兤捗偮┟冣€毭偮幻兟⒚⑩€毬嬇?;text-transform:uppercase;} .trust img{margin-bottom:10px;} /*脙茠脗搂脙鈥犆⑩偓鈩⒚冣€毭偮兤捗偮┟兟⒚⑩€毬⑩偓聺脙鈥毭偮兤捗偮γ冣€毭偮冣€毭偮嵜兤捗偮冣€毭偮好冣€毭偮棵兤捗偮γ冣€毭偮冣€毭偮矫兤捗偮γ冣€γ偮矫冣€毭偮兤捗偮冣€毭偮嵜冣€毭偮?/ .recommend_product{width:927px;float:right;} .recommend_product .title{line-height:44px;padding-left:18px;font-weight:400;font-family:"脙茠脗楼脙鈥毭偮久冣€毭偮兤捗偮冣€毭偮矫冣€毭偮兤捗偮┟兟⒚⑩€毬偮好兟⒚⑩€毬偮γ兤捗偮┟冣€毭偮幻兟⒚⑩€毬嬇?; background:url(../images/ptitle.jpg) no-repeat left center;font-size:16px;color:#000;position:relative;} .recommend_product .title a{color:#848584;font:400 12px/44px "脙茠脗楼脙鈥毭偮久冣€毭偮兤捗偮冣€毭偮矫冣€毭偮兤捗偮┟兟⒚⑩€毬偮好兟⒚⑩€毬偮γ兤捗偮┟冣€毭偮幻兟⒚⑩€毬嬇?;right:20px;position:absolute;top:0;} .recommend_product .title a:hover{color:#0262b8;} .recommend_product .content{padding-top:25px;} .roll_product li{padding-bottom:0px;} .product_list1 li{float:left;margin-left:26px;margin-right:26px;_display:inline;border:1px solid #eaeaea;margin-bottom:42px;} .product_list1 li:hover{border-color:#0262b8} .product_list1 li a.img{} .product_list1 li a.img img{width:252px;height:218px;} .product_list1 li h3{text-align:center;background:#96a1a6;line-height:32px;} .product_list1 li:hover h3{background:#0262b8} .product_list1 li h3 a{color:#fff;font:400 14px/32px "脙茠脗楼脙鈥毭偮久冣€毭偮兤捗偮冣€毭偮矫冣€毭偮兤捗偮┟兟⒚⑩€毬偮好兟⒚⑩€毬偮γ兤捗偮┟冣€毭偮幻兟⒚⑩€毬嬇?;display:block;} .product_list1 li a.img{display:block;} .tta{ color:#fff; font-size: 60px; padding-bottom: 20px; text-align: center; } .c2{background:url(../images/c2.png) no-repeat center;left:50%;margin-left:-960px;position:relative;height:264px;width:1920px;} .c2a{width:1200px;margin:0 auto;} .c2b{width:245px;padding-top:95px;padding-left:137px;font-size:44px;color:#ffffff;} .c2c{width:584px;padding-top:55px;padding-right:77px;font-size:12px;color:#353535;line-height:24px;}