@charset "utf-8"; .r{ float:right} .l{ float:left;} .cur{ cursor:pointer} .fd{ width:100%; min-width:1200px; float:left; display:block} .mt50{ margin-top:50px;} .m90{ margin-top:90px;} input{ outline:none; } input:focus{ outline:none; } input,select,button{ outline:none; border:0;-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border:none; } /*-------------------- a102076392 begin ---------------------*/ .tlx{ border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; padding:0px 20px;} .tlx a{font:14px/45px '微软雅黑'; color:#999;} .tlx a:hover{ color:#ffc436} .tlx b{font: bold 20px/45px '微软雅黑'; color:#333;} .logodiv{height:125px; background:#221814;} .top{ width:100%; min-width:1200px; height:105px; float:left; } .tmain{ width:1200px} .top .logo{ width:214px; height:105px; display:inline} .top .logo img{ width:214px; height:105px; float:left} .top .right{ width:800px; margin-top:20px; display:inline} .top .right .tr{ width:100%; height:25px; display:inline-block} .top .right .wz{ font:14px/25px "微软雅黑"; color:#fff; margin-right:15px; display:inline} .top .right .tr .lang{ float:right; color:#fff;} .top .right .tr .lang:hover{ color:red} .top .right .tr .icon{ width: auto; height:25px; text-align:center; margin-right:16px; display:inline; text-align:center} .top .right .tr .icon img{ float:left; margin-right:15px; margin-top:3px;} .top .right .tr .icon span{ float:left; font-size:18px; color:#fff; line-height:25px;} .top .right .tr .icon .xtb{ width:20px; height:20px; margin-top:10px; display:inline-block} .top .right .tr .sear{ width:170px; height:25px; margin-right:20px; background:none; border:1px solid #fff; box-sizing:border-box; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; overflow:hidden; opacity:1; filter:alpha(opacity=100)} .top .right .tr .sear input[type=text]{ width:130px; height:25px; text-indent:10px; display:inline; font:12px/35px "微软雅黑"; color:#fff; background:none;border:0} .top .right .tr .sear .tb{width:20px; height:20px; margin-top:2.5px; margin-right:5px; background: none; border:0} .topmeau{ width:100%; float: left; margin-top:20px; height:50px;clear:both} .topmeau li{ width:auto; margin-left:50px; text-align:center; float:left;} .topmeau li a{display:block;width:100%;height:50px; font:15px/50px "微软雅黑"; color:#fff} .topmeau li a:hover{color:#eee;} /*.topmeau ul li:hover a{ color:#eee; }*/ .topmeau .li_select{ height:50px;background: url(/uploads/image/images/ms.png) no-repeat center center} .topmeau .li_select a{ color:#eee;background: url(/uploads/image/images/ms.png) no-repeat center center} /*.topmeau .li_select a:hover{ color:#eee;} .topmeau .li_select:hover a:hover{color:#eee;}*/ .topmeau .li_select ul li a:hover{ color:#333; } .topmeau .li_select ul li a{font-size:14px; height:35px; line-height:35px;color:#222222; text-decoration:none;} .topmeau .li_select ul a{ display: block; width: 135px;_width: 125px; height:auto; margin:0 auto;text-align:center; background:#f6f6f6} .topmeau .li_select ul li:hover a{ background:#ddd} .topmeau .li_select ul a:visited {color:#222222;text-decoration:none;} .topmeau .li_select ul a:hover { color:#333;} .topmeau .li_select ul a:hover { color:#333;} .topmeau li ul li a{font-size:14px; height:35px; line-height:35px;color:#222222; text-decoration:none;} .topmeau li ul { list-style-type: none;text-align:left;left: -999em; width: 135px; position:absolute; z-index:9999; } .topmeau li ul li{float: left; width: 135px; margin-left:0px;} .topmeau li ul a{ display: block; width: 135px;_width: 125px; height:auto; margin:0 auto;text-align:center; background:#f6f6f6} .topmeau li ul li:hover a{ background:#ddd} .topmeau li ul a:visited {color:#222222;text-decoration:none;} .topmeau li ul a:hover { color:#333;} .topmeau li:hover ul { left: auto;} .mby{width:100%; min-width:1200px; background:#3065de; float:left; text-align:center; font: bold 20px/70px '微软雅黑'; color:#fff;} .indexbt{ width:100%;} .indexbt .yw{ font:16px/30px "微软雅黑"; color:#ffc436; text-align:center; text-transform:uppercase; letter-spacing:2px;} .indexbt .zw{ font: bold 22px/40px "微软雅黑"; color:#666; background:url(/uploads/image/images/bt.png) no-repeat center; text-align:center;} /*产品展示*/ .jz{ width:1200px; display:table; margin:0 auto} .home_1{ height:auto; width:100%; margin-bottom:20px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);} .home_1 .pfl{ width:100%; background:#fff; float:left; padding:30px 0px;} .home_1 .pfl ul li{ width:calc(100%/7); float:left; text-align:center; border-right:1px dashed #eee; box-sizing:border-box; position: relative; text-align:center} .home_1 .pfl ul li:last-child{border:none} .home_1 .pfl ul li img{ width:70px; height:70px; display:inline-block;} .home_1 .pfl ul li p{ width:100%;font:12px/25px "微软雅黑"; color:#666; height:0; display:none; text-align:center} .home_1 .pfl ul li:hover p{ color:#fff; display:block; height:25px; position:absolute; bottom:0; left:0; text-align:center; background: url(/uploads/image/images/ptm.png) repeat;} .home_1 .p1{ width:681px; height:305px; margin-top:45px; display:inline; position:relative; overflow:hidden} .home_1 .p1 img{ width:681px; height:305px; float:left} .home_1 .p1:hover img,.home_1 .p2:hover img,.home_1 .p3 .pic:hover img{ transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2)} .home_1 .p1 .wz,.home_1 .p2 .wz,.home_1 .p3 .pic .wz{ width:100%; height:0; font:14px/50px "微软雅黑"; color:#fff; background:url(/uploads/image/images/tm_b60.png); overflow:hidden; position:absolute; left:0; bottom:0; text-align:center} .home_1 .p1:hover .wz,.home_1 .p2:hover .wz,.home_1 .p3 .pic:hover .wz{ height:50px} .home_1 .p2{ width:500px; height:538px; margin:45px 0 0 0px; display:inline; position:relative; overflow:hidden} .home_1 .p2 img{ width: 100%; height: 100%; display: inline-block; object-fit: cover;} .home_1 .p2:hover{} .home_1 .p3{ width:330px; height:214px;display:inline;overflow:hidden; margin-left:19px; margin-top:19px; position:relative; overflow:hidden;vertical-align: bottom;} .home_1 .p3 .pic{ width:330px; height:214px; overflow:hidden; margin-top:45px; display:inline; position:relative;overflow:hidden} .home_1 .p3 .pic img{ width: 100%; height: 100%; display: inline-block; object-fit: cover;} /*步骤*/ .about{background:url(/uploads/image/images/about.jpg) no-repeat center top;margin-top:50px;text-align:center; padding:60px 0} .awz{ width:90%; margin-left:5%; margin-top:30px; max-height:100px; overflow:hidden; display:inline; font:14px/36px "微软雅黑"; color:#fff; text-align:center} .awz div{ text-align:center} .alist{ width:90%; margin-left:5%;margin-top:60px; display:inline} .alist .count{ width:25%; text-align:center} .alist .count .wz{ width:100%; font-size:16px; color:#fff; text-align:center;} .alist .count .wz span{ font-size:50px; font-weight:bold} .white{ color:#fff} .black{ color:#000} .title{ width:100%; display:inline; text-align:center} .title h1{ font:36px/36px "微软雅黑"; color:#b6b5b6; text-transform:uppercase;} .title h2{ font:bold 26px/26px "微软雅黑"; margin-top:-20px;} .title .wz{ width:100%; font:26px/50px "微软雅黑"; font-weight:bold} .more{ width:200px; height:40px; text-align:center; font:14px/40px "微软雅黑"; margin-top:20px; display:inline; overflow:hidden} .mbg1{color:#666; border:solid 1px #eee} .mbg2{color:#fff; border:solid 1px #fff} .more:hover{ background:#dc2817; border:solid 1px #dc2817; color:#fff} /*优势*/ .bj_1{ background:#fff;} .bj_2{ background:#ffc436;} .bj_3{ background:#3e3d3c} .bj_4{ background:url(/uploads/image/images/bj_4.png) repeat} .bj0{ background:#000;} .c0{color:#000;} .c3{color:#333;} .cf{ color:#fff} .home_3{ width:100%; min-width:1200px} .home_3 .ysul{ width:100%;} .home_3 .ysul li{ width:400px; height:400px; padding:85px 40px 0px 40px; box-sizing:border-box;} .home_3 .ysul li p{ font:24px/36px "微软雅黑"; } .home_3 .ysul li em{ font:14px/36px "微软雅黑"; display:block; margin-top:15px; min-height:145px;} .home_3 .ysul li span{ width:32px; height:2px; display:block; float:left; margin-top:20px;} .home_3 .advbg{ width:100%; height:605px; float:left; min-width:1200px; background:url(/uploads/image/images/advbg.jpg) no-repeat center center fixed;} .inew_ul{ float:left; width:100%; padding-top:45px; margin-bottom:30px;} .inew_ul li{ float:left; margin:0px 0px 18px 0; height:89px; width:100%; border:1px solid #e0e0e0; box-sizing:border-box; padding:20px; } .inew_ul li:hover{ background:#d61718; border:1px solid #d61718; box-sizing:border-box;} .inew_ul li:hover h4{ color:#fff;} .inew_ul li img{ float:left;} .inew_ul li .irr{ float: right; padding-left:19px; width:420px;} .inew_ul li .irr h4{ font-size:16px; font-weight:normal; font-style:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#868686; padding:15px 0 0;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .inew_ul li a:hover h4{ color:#fff} .inew_ul li .data{ width:75px; height:55px; float:left; border-right:1px solid #e0e0e0; text-align:center; } .inew_ul li .data .d1{ width:100%; height:24px; display: block;font: bold 24px/28px "微软雅黑"; color:#636363} .inew_ul li .data .d2{ width:100%;font:13px/25px "微软雅黑"; color:#acacac;} .inew_ul li a:hover .data{border-right:1px solid #fff; } .inew_ul li a:hover .data .d1,.inew_ul li a:hover .data .d2{ color:#fff;} .new_list{ width:560px; overflow:hidden; float:right;} .new_list li{ width:100%; height:409px;display:inline;float:left; position:relative; margin-top:45px; margin-right:25px;} .new_list li .pic{ width:100%; height:409px;} .new_list li .pic img{width:100%; height:100%; display:inline-block; object-fit:cover; float:left} .new_list li .sk{ width:100%; height:68px; margin:0px auto; background:url(/uploads/image/images/nbg1.png); text-align:center; position:absolute; bottom:0px; overflow:hidden} .new_list li:hover .sk{ height:409px;background:url(/uploads/image/images/nbg2.png);} .new_list li .sk .cpmc{ width:100%; height:68px; margin:0px auto;overflow:hidden; text-align:center; font:14px/68px "微软雅黑"; color:#fff} .new_list li:hover .sk .cpmc{ margin-top:80px; display:inline; color:#fff} .new_list li .sk .viewwz{ display: block;width:86%; height:30px; margin:0px 7%; float:left; font:12px/24px "微软雅黑"; color:#eee; margin-top:18px;} .new_list li .sk .viewwz:hover{ color:#fff;} /*新闻*/ .home_4{ width:100%; min-width:1200px} /*关于我们*/ .home_5{ width:100%; min-width:1200px; height:546px; background:url(/uploads/image/images/aboutbg.png) no-repeat center center;} .home_5 p{ padding-top:78px; box-sizing:border-box; font-size:18px; color:#ffc436; padding-left:80px;} .home_5 strong{ font: bold 35px/100px "微软雅黑";color:#333; padding-left:85px;} .home_5 .con{ width:45%; height:115px; min-height:115px; font:normal 14px/30px "微软雅黑"; overflow:hidden; display:block;color:#333; margin-top:120px;} /*foot*/ .footbtm{ height:90px; width:100%; border-top:1px solid #e3fdb9; text-align:center; font:12px/90px "微软雅黑"; color:#fff;} #footer{ width:100%; background-color:#232323; margin-top:50px; float:left;} .ft-link{ width:100%; height: auto;} .ft-link dl{ float:left; width:215px; height: auto; padding:50px 0 50px; overflow:hidden;} .ft-link dl.dllast{ width:340px; height:230px;text-align: right;} .ft-link dl.dllast img{ display:inline-block; text-align: right; margin-top:15px;} .ft-link dl dt{ font-size:14px; color:#bcbcbd; line-height:30px; margin:0px 0 15px 0; } .ft-link dl dd{ line-height:22px;} .ft-link dl dd a{ display:block; width:100%; font-size:12px; color:#bcbcbd; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ft-link dl dd a:hover{ color:#fff;} .ft-link dl dd div{ color:#fff; font:14px/30px "微软雅黑";} .ft-copyright{ width:100%; height: auto; font:12px/50px "微软雅黑"; text-align:center; color:#bcbcbd; text-transform:uppercase; background:#121212;float:left;} .copyright{ float:left;} .copyright p{ font-size:14px; line-height:30px; color:#fff; text-transform:uppercase;} .copyright p a{ color:#fff;} .copyright p a:hover{ text-decoration:underline;} .ft-link .tr{ width:auto; height:42px; margin-left:40px; margin-top:40px; display:inline-block} .ft-link .tr .icon{ width:27px; height:27px; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; background:#7c7c7f; text-align:center; margin-right:16px; display:inline; position:relative; text-align:center} .ft-link .tr .icon:hover{ background:#d61718;} .ft-link .tr .icon .xtb{ width:25px; height:25px; margin-top:1px; display:inline-block} .ft-link .tr .icon .ewm{width:110px; height:0; position:absolute; right:-40px; top:40px; background:#fff; overflow:hidden; z-index:999} .ft-link .tr .icon:hover .ewm{height:110px} .ft-link .tr .icon .ewm .pic{ width:100px; height:100px; margin:5px; display:inline} .ft-link .tr .icon .sear{ width:200px; height:0; background:#fff; position:absolute; top:50px; right:0; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; overflow:hidden; opacity:0; filter:alpha(opacity=0)} .ft-link .tr .icon:hover .sear{ height:35px;opacity:1; filter:alpha(opacity=100)} .ft-link .tr .icon .sear input[type=text]{ width:150px; height:35px; text-indent:10px; display:inline; font:12px/35px "微软雅黑"; color:#999; background:none} .ft-link .tr .icon .sear .tb{width:44px; height:35px; background:#ffc436; color:#fff} .footer_wdiv{height:auto; width:100%; min-width:1200px; background:#333; padding-top:50px;} .friendlink a,.footerdiv a{ color:#333; display:inline-block; margin-right:10px;} .footerdiv{ color:#fff; height: auto;font-size:12px; line-height:25px;position:relative;} .footerdiv ul{ width:100%; height:225px;} .footerdiv ul li{ float:left; width:16.4%; height:100%; overflow:hidden; } .footerdiv ul li dl{ width:100%;} .footerdiv ul li dl span{ display: inline-block; margin-top:14px; margin-bottom:20px; float:left; width:22px; height:3px; background:#e7b903;} .footerdiv ul li dl dt{ width:100%;font-size:14px; font-weight:bold; color:#fff;text-align: left;} .footerdiv ul li dl dd{width:100%; float:left; text-align: left;height:25px;} .footerdiv ul li dl dd a{ font-size:12px; line-height:25px; color:#fff;} .footerdiv ul li dl dd a:hover{ color:#bbb;} .footerdh{height:95px; width:850px;font:16px/95px '微软雅黑'; float: right; text-align:right;} .footerdh a{color:#fff; margin-right:50px;font:16px/95px '微软雅黑';} .footerdh a:hover{ color:#ffc436} .prodlilist{text-align:center; width:30%; height:200px; float:left; margin:0px auto; padding:0px auto; overflow:hidden; margin-top:8px; margin-left:10px; margin-right:10px;} .prodlilist .boximg{width:100%; height:140px; overflow:hidden;text-align:center; vertical-align:middle;border:solid 1px #ddd; display:table-cell; margin:0px auto; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .prodlilist .boximg span{ height:100%;display:inline-block;vertical-align:middle;} .prodlilist .boximg img{width:100%; height:100%; object-fit:cover;vertical-align:middle;} .prodlilist .boximg:hover{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .prodlilist p{ line-height:30px; padding:3px; display:inline-block; min-height:30px;} .prodlilist p a{line-height:30px; } .cproducts1{width:100%; height:100%; margin:0px auto; padding:0px auto; overflow:hidden; text-align:left;position:relative; margin-top:35px; } .cproducts1 ul{ width:100%; height:100%;} .cproducts1 ul li{ width:285px; height:230px; display:inline; float:left; overflow:hidden; margin-right:24px; margin-bottom:30px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);} .cproducts1 li a,.cproducts1 li .pic,.cproducts1 li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block; float:left} .cproducts1 li .pic{ overflow:hidden;} .cproducts1 li a:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .cproducts1 li a .cwz{ width:100%; height:47px; font:14px/47px "微软雅黑"; color:#333; text-align:center; background:url(/uploads/image/images/tm.png); position:absolute; left:0; bottom:0} .cproducts1 li a .cwz:hover{ background:url(/uploads/image/images/tm1.png); color:#fff; height:60px; font:14px/60px "微软雅黑";} .cproducts1 ul li a{ position:relative;font-size:14px; text-align:center;color:#333; line-height:30px;position:relative} .cproducts1 ul li a:hover .img{color:#e87816;transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .cproducts1 ul li .atitle{width:100%; height:52px; font:16px/52px "微软雅黑"; color:#fff; text-align:center; background:url(/uploads/image/images/tm1.png); position:absolute; left:0; bottom:0} .time1{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;} .clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; } .clearfix { *zoom:1; } #wrap{position:relative;overflow:hidden;} #wrap ul{margin:0px;padding:0px;position:absolute;top:0px;left:0px;} /*新闻中心*/ .news_list{ width:100%;} .news_list li{width:100%;height:63px;margin-top:10px; display:inline; float:left} .news_list li a{width:100%;height:63px; float:left} .news_list li a:hover{ background:#f8f8f8} .news_list li .num{width:10.3%;height:63px;font:22px/63px "微软雅黑"; color:#fff; text-align:center; background:#cccccc; overflow:hidden} .news_list li a:hover .num{ background:#0093de} .news_list li .nr,.news_list li .nr1{ width:510px; height:63px; box-sizing: border-box;border-bottom:solid 1px #ccc} .news_list li .nr{ width:89.7%} .news_list li .nr1{ width:1130px} .news_list li .nwz,.news_list li .nwz1{ height:63px; font:13px/63px "微软雅黑"; color:#444; overflow:hidden} .news_list li .nwz{width:80%; text-indent:25px;} .news_list li .nwz1{width:1030px} .news_list li .ndata{ width:16%; text-align:right; height:63px;font:13px/63px "微软雅黑"; color:#444} .news_list li a:hover .nwz,.news_list li a:hover .ndata,.news_list li a:hover .nwz1{ color:#0093de} .leftarea{ width:22%; display:inline} .leftclass{ width:100%} .leftclass .bt{ width:100%; height:60px; padding-top:30px; font:22px/60px "微软雅黑"; color:#fff; background:#222; text-align:center} .leftclass .clwz{width:100%; height:40px; margin-top:15px; background:#efefef; font:14px/40px "微软雅黑"; color:#000; text-align:center} .leftclass .clwz:hover{ background:#d61718; color:#fff} .leftcont{ width:100%; padding:15px 0;margin-top:15px; display:inline; border:solid 1px #ccc; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .leftcont .lbt{ width:100%; font:18px/42px "微软雅黑"; color:#d61718; border-bottom:solid 1px #ccc; text-align:center} .leftcont .lbt span{ font-size:12px; color:#000} .leftcont .cwz{ width:90%; margin:15px 5% 0; display:inline; font:12px/30px "微软雅黑"; color:#333} .wdiv1110{width:1200px; margin:0px auto; padding:0px auto; background-color:#fff;} .wdiv{width:1200px; margin:0px auto; padding:0px auto; } .wdiv98{margin:8px auto; margin-left:8px; margin-right:8px; padding:0px auto;} .wdiv-prodsgd{margin:0px auto; height:105px; border-top-left-radius:5px;border-top-right-radius:5px; background-color:#fff; width:1070px;} .wdivhead-cs{padding-top:0px; width:100%; height:115px; overflow:hidden; border:0px; } #toplog{ height:100%; width:20.5%; float:left; margin:0px auto; text-align: left; z-index:100000000; overflow:hidden; } #toplang{ width:72%; height:100%; float: right ; margin-right:30px;} #rx{ float:right; width:100%; height:auto; text-align:right;} .topred{ width:100%;height:5px; background-color:#b4251d;margin:0px auto; padding:0px auto;} .toplog_div{height:100px; overflow:hidden;} .aboutbt{height:18px; width:100%; font-size:18px; line-height:18px; color:#fff;} .aboutbt span{ font-size:12px; color:#919292} .zhengwen-cls{background-image:; background-position:top; background-repeat:repeat-x; padding-top:8px;} .topmeau ul li:hover{} .con_ad{ width:100%; height:477px; margin-top:0px;overflow:hidden;} .leftdiv{ float:left; width:240px;} .rightdiv{ float:right; width:100%; height:100%;} .indextext{ width:98%; margin:0px auto; padding:0px auto; height:98%;} @font-face{font-family:englishfont; src:;} @font-face{font-family:chinafont; src:url(/uploads/image/images/fzdhtjw.ttf);} .indexleft{ float:left; height:100%;} .indexright{ float:right; width:795px; } .index-ctitle{ width:99.5%; height:45px;text-align:left;border-bottom:solid 1px #2a89db; } .index-ctitle span{ display:inline-block;width:114px; height:35px; line-height:35px; text-indent:15px; font-size:14px; color:#fff;font-family:'微软雅黑'; font-weight:bold;} .index-ctitle span font{ text-transform:uppercase; font-size:20px;font-family:englishfont; font-family:arial, helvetica, sans-serif;} .index-ctitle a{ display:inline-block; float:right; margin-right:8px; margin-top:8px; line-height:35px;font-family:'微软雅黑';font-weight:bold; } .neiyeleft-div{ width:242px; float:left; height:auto; background-color:#f1f1f1; } .index-text{ width:100%; margin-top:0px; text-align:left; border:solid 1px #eeeeee; overflow:hidden;} .index-text div{ text-align:left;} .indexmid{ float:left; width:350px; height:220px; margin-right:8px; margin-left:8px; overflow:hidden;} .fenge-ul{ width:100%; height:100%;margin-top:35px; overflow:hidden; } .fenge-ul li{ width:299px; height:142px; overflow:hidden; float:left;box-sizing: border-box; border-radius:5px; margin-left:0.5px; margin-right:0.5px; margin-top:0.5px; margin-bottom:0.5px;} .fenge-ul li .divk{ width:299px; height:100%; margin:0px auto; position:relative; line-height:142px; font-size:18px; color:#fff; font-weight:bold;} .fenge-ul li .divk .divimg{ width:299px; height:142px; position:relative; margin-bottom:18px; z-index:2; behavior:;overflow:hidden;text-align:center;} .fenge-ul li .divk .divimg img{ width:299px; height:142px; position:relative; z-index:-1; behavior:; margin-top:-142px; } .fenge-ul li .divk .divimg .divimg-text{ width:299px; height:142px; color:#000; background:#5a9f1d; text-align:center; overflow:hidden; position:relative; display:none; z-index:20;behavior:} .fenge-ul li .divk .divimg .divimg-text .divimg-p{ width:299px; height:142px; display:none;text-align:center; line-height:142px; font-weight:bold; font-family:"微软雅黑"; font-size:18px; color:#fff;} .fenge-ul li .divk .divimg:hover .divimg-text{ display:inline-block; margin-top:-142px;} .fenge-ul li .divk .divimg:hover .divimg-text .divimg-p{ display:inline-block;} .fenge-ul li .divk p{ text-align:center;} .fenge-ul li .divk p a{ font-size:18px; line-height:20px; color:#fff; font-family:'微软雅黑';} .gsxw{height:45px; width:105px; float:left; background-image:; background-repeat: no-repeat} .gsxw:hover{background-image:; } .hyxw{height:45px; width:105px; float:left; background-image:; background-repeat: no-repeat} .hyxw:hover{background-image:;} .solutiondiv{width:100%;margin:0px auto;overflow:hidden; margin-top:35px;} .solution-div{ width:100%; height:555px; } .solution-div li{ float:left; width:20%; height:50%;box-sizing: border-box; border:1px solid #fff; position:relative; overflow:hidden;} .solution-div li .div1{ width:100%; height:100%; background-size:100% 100%; position:relative; z-index:0; float:right; } .solution-div li span{ display:block; width:100%; height:100%; background-image:; text-align:center; position:absolute; z-index:1;top:360px;} .solution-div li:hover span{top:0px; transition:top 0.5s;} .solution-div li .div2{ display:block; width:90%; height:50%;left:5%; margin:0px auto; padding:0px auto; font-family: '微软雅黑'; font-size:14px; color:#fff; line-height:20px; z-index:2; position:absolute;top:568px; text-align:center;} .solution-div li:hover .div2{color:#fff; top:100px; transition:top 0.8s;} .solution-div li:hover .div2 b{ display:block; width:100%; height:22px;text-align:center; margin-top:40px;font-family: '微软雅黑'; font-size:22px; color:#fff; } .productsdiv{ float:right; margin-right:0px auto; width:740px;} .fenleidiv{height:44px; width:59%; margin:0px auto; margin-top:17px;} .fenlei{height:44px; width:100%; text-align:center; margin:0px auto; padding:0px auto; margin-top:10px; line-height:49px;} .fenlei dd{ text-align:center; height:44px;line-height:44px; font-size:14px; border:1px solid #ddd;margin-left:7.5px; margin-right:7.5px; color:#fff; padding-left:12px; padding-right:12px; } .fenlei dd a{ text-align:center; height:44px;line-height:40px; font-size:14px; color:#333; padding-left:35px; padding-right:35px; } .fenlei dd:hover{ background-color:#c8010a;color:#fff;} .fenlei dd:hover a{color:#fff;} .fenlei dd a:hover{color:#fff;} .yuanjiao{border: 1px solid #468fdd;-moz-border-radius: 15px;/* gecko browsers */ -webkit-border-radius: 15px;/* webkit browsers */ border-radius:15px;/* w3c syntax */ background-color:#f7f7f7;} .hs-conbk{ margin:0px auto; padding:0px auto; clear:both;} .prodli{ width:100%; height:40px; line-height:40px; border:0px; border-bottom:solid 1px #dcdcdc; text-align:left;} .prodli a{ line-height:40px; color:#333; padding-left:20px;} .prodli a:hover{color:red;} .ctext{ width:100%; min-height:108px;overflow:hidden;} .ctext .ctext-div{ width:98%; height:98%; margin:0px auto; margin-top:8px;} .ctext div{ text-align:left;color:#333333} .ctextborder{ border-top:0px;} .cleftdiv{ float:left; width:100%; height:225px; overflow:hidden;margin:0px auto; padding:0px auto;} .crightdiv{ float:right; width:49%; height:320px; overflow:hidden;margin:0px auto; padding:0px auto;} .ctitle_right{ width:100%; height:39px; overflow:hidden; text-align:left; margin:0px auto; padding:0px auto; background-image:; background-repeat:no-repeat; border:0px; border-bottom:2px solid red; background-position:0px 8px;} .ctitle_right span{ font-weight:bold; font-family:'微软雅黑','幼圆'; font-size:16px; color:#000; margin-left:30px; margin-right:10px; padding-top:10px; display:block; float:left; } .ctitle_right font{font-family:'微软雅黑','幼圆'; font-size:14px; color:red; float:left;padding-top:10px; display:block; } .probt{height:auto; width:100%; font-size:26px; color:#000; font-weight:bold; text-align:center; line-height:35px;} .probt p{ font-weight:normal; font-size:14px;} .probt font{ display:block; height:5px; width:44px; background:#c80c15; margin:0px auto;} .cittlebk{width:30px; height:34px;margin:0px auto; padding:0px auto; background-image:; overflow:hidden; float:left; margin-top:-4px;} .cmore{ float:right; margin-right:10px; margin-top:8px;} /* 通用图片列表_普通式 */ .piclist li{ width:126px; } .piclist .pic{ text-align:center; line-height:0px; } .piclist .pic img{ width:120px; height:90px; padding:2px; } .piclist .pic a:hover img{ border-color:#f00; } .piclist .title{ line-height:24px; } /* 多个左滚动 - 公用类 */ .leftloop{ overflow:hidden; position:relative; } .leftloop .hd{ overflow:hidden; height:30px; background:#f4f4f4; } .leftloop .hd .prev,.leftloop .hd .next{ display:block; width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px; overflow:hidden; cursor:pointer; background: no-repeat;} .leftloop .hd .next{ background: no-repeat; } .leftloop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; } .leftloop .hd ul li{ position:relative; _display:inline; float:left; width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: ;} .leftloop .hd ul li.on{ background:#f00; } .leftloop .bd{ padding:10px; } .leftloop .bd ul{ overflow:hidden; zoom:1; } .leftloop .bd ul li{ margin:0 10px; text-align:center; float:left;display:_inline; } .cproducts2{width:100%; height:100%; margin:0px auto; padding:0px auto; overflow:hidden; text-align:left;position:relative; margin-top:20px; } .cproducts2 ul{ width:100%; height:100%;} .cproducts2 ul li{ float:left;width:20%; height:170px; text-align:center; margin-top:10px; } .cproducts2 ul li img{width:180px;height:150px;border:solid 1px #fff;} .contleft{ width:265px; min-height:635px; float:left; margin:0px auto; padding:0px auto; float:left;margin-left:0px;} .ctitle{ width:100%; text-align:left; line-height:32px; font-size:16px;font-family: '微软雅黑','幼圆';height:44px; color:#fff; background-color:#0190d6; overflow:hidden;} .ctitle span{ font-weight:bold; font-family:'微软雅黑','幼圆'; font-size:16px; color:#fff;text-align:left; display:block; height:100%; float:left; text-indent:15px; line-height:44px;} .ctitle span i{ width:20px; height:20px; float:left; margin-right:6px; margin-top:7px; font-size:14px;} .ctitle span font{ font-size:9px; font-weight:normal;color:#fff; text-transform:uppercase;} .ctitle a{ display:inline-block; float:right; margin-right:8px; line-height:100%;font-family:'微软雅黑','幼圆'; color:#fff; line-height:30px; font-size:14px; text-transform:uppercase; line-height:45px;} .ctitle a:hover{color:red;} .contright{width:76%; float:right; margin-right:0px; margin-bottom:8px; padding-top:0px; overflow:hidden; } #ordertab input{ color:#fff;} .conneirong{ width:100%; min-height:550px; margin:0px auto; padding:0px auto; margin-left:0px;} .conneititle{ width:100%; height:40px;text-align:left; text-transform:uppercase; border-bottom:solid 1px #ddd; } .conneititle-span1{font-family:'微软雅黑','幼圆'; font-size:16px;color:#333; display:inline-block; float:left;line-height:35px; font-weight:bold; min-width:120px; padding-right:8px; } .conneititle-span1 span{ display:inline-block; width:17px; height:17px; background-image:; background-repeat:no-repeat; margin-right:0px; margin-top:8px; float:left; margin-left:8px;} .conneititle-span2{font-family:'微软雅黑','幼圆'; font-size:12px;color:#333; display:inline-block; float: left;line-height:35px; } .conneititle a{color:#333;} .conneitext{color:#333;} .conneitext div{ text-align:left;color:#333;} .conneitext div a{color:#333;} .divleft{ width:100%; height:50px; color:#fff; background-color:#fe5a12; font-size:16px; line-height:45px; font-family:'微软雅黑','幼圆'; text-indent:10px;} #warp { padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 100%; padding-right: 0px; height: 350px;; padding-top: 0px; } .banner {z-index: 99; margin: 0px auto; width: 100%; height: 350px; _width: 100%; overflow:hidden;} .banner_l { margin-top: 147px; width: 23px; float: left; margin-left:8px;z-index:1000} .banner_r { margin-top: 147px; width: 23px; float: right; margin-right:8px;z-index:1000} .bannerimg {position: relative; margin: 0px auto; padding:0px auto; width: 100%; height:350px;float: left; overflow:hidden; text-align:center;} .bannerimg .bannerpagebk{ width:100%; height:50px;z-index:-10; margin-top:310px; text-align:center; background-color:#dedfde;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; position:absolute;} .bannerimg .bannerpage{ width:100%; height:50px;z-index:10000000; margin-top:310px; text-align:center;} .bannerimg .bannerpage a {margin-right: 2px} .bannerimg .bannerpage a img { vertical-align: middle} .slides_container { position: absolute; width: 100%; height:350px; overflow: hidden; z-index:-10;} .pagination { margin: 26px auto 0px; width:100px; } .pagination li { margin: 0px 1px; float: left; margin-top:12px;} .pagination li a {background-image: ; width: 15px; display: block; background-position: 0px -1px; float: left; height: 0px; overflow: hidden; padding-top: 12px} .pagination li.current a { background-position: 0px -18px} /*-------------------- a102076392 end begin ---------------------*/ .topindex-maxpic{width:100%; max-height:760px !important;} #colorbox, #cboxoverlay, #cboxwrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxwrapper {max-width:none;} #cboxoverlay{position:fixed; width:100%; height:100%;} #cboxmiddleleft, #cboxbottomleft{clear:left;} #cboxcontent{position:relative;} #cboxloadedcontent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxtitle{margin:0;} #cboxloadingoverlay, #cboxloadinggraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxprevious, #cboxnext, #cboxclose, #cboxslideshow{cursor:pointer;} .cboxphoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxiframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxcontent, #cboxloadedcontent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxoverlay{background: repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxtopleft{width:21px; height:21px; background: no-repeat -101px 0;} #cboxtopright{width:21px; height:21px; background: no-repeat -130px 0;} #cboxbottomleft{width:21px; height:21px; background: no-repeat -101px -29px;} #cboxbottomright{width:21px; height:21px; background: no-repeat -130px -29px;} #cboxmiddleleft{width:21px; background: left top repeat-y;} #cboxmiddleright{width:21px; background: right top repeat-y;} #cboxtopcenter{height:21px; background: 0 0 repeat-x;} #cboxbottomcenter{height:21px; background: 0 -29px repeat-x;} #cboxcontent{background:#fff; overflow:hidden;} .cboxiframe{background:#fff;} #cboxerror{padding:50px; border:1px solid #ccc;} #cboxloadedcontent{margin-bottom:28px;} #cboxtitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#06c;} #cboxcurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxloadingoverlay{background:url(/uploads/image/images/loading_background.png) no-repeat center center;} #cboxloadinggraphic{background:url(/uploads/image/images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxprevious, #cboxnext, #cboxslideshow, #cboxclose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxprevious:active, #cboxnext:active, #cboxslideshow:active, #cboxclose:active {outline:0;} #cboxslideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxprevious{position:absolute; top:40%; left:10; background:url(/uploads/image/images/left.png) ; width:23px; height:43px; text-indent:-9999px;} #cboxnext{position:absolute; top:40%; right:10px; background:url(/uploads/image/images/right.png) ; width:23px; height:43px; text-indent:-9999px;} #cboxclose{position:absolute; bottom:0; right:0; background: no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxclose:hover{background-position:-25px -25px;} /* the following fixes a problem where ie7 and ie8 replace a png's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. this style is not applied to or needed in ie9. see: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxie #cboxtopleft, .cboxie #cboxtopcenter, .cboxie #cboxtopright, .cboxie #cboxbottomleft, .cboxie #cboxbottomcenter, .cboxie #cboxbottomright, .cboxie #cboxmiddleleft, .cboxie #cboxmiddleright { filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#00ffffff,endcolorstr=#00ffffff); } /* 单个图片幻灯片盒子 - 公用类 */ .slidebox{ width:100%; height:220px; overflow:hidden; position:relative; border:0px; background-color:#940c04; } .slidebox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; } .slidebox .hd ul{ overflow:hidden; zoom:1; float:left; } .slidebox .hd ul li{ float:left; margin-right:5px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slidebox .hd ul li.on{ background:#f00; color:#fff; } .slidebox .bd{ position:relative; height:100%; z-index:0; } .slidebox .bd img{ width:100%; height:220px; } .clear{clear:both;} /* 常见焦点图 */ .slidebox{ width:295px; height:210px; overflow:hidden; position:relative; } .slidebox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; } .slidebox .hd ul{ overflow:hidden; zoom:1; float:left; } .slidebox .hd ul li{ float:left; margin-right:5px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slidebox .hd ul li.on{ background:#f00; color:#fff; } .slidebox .bd{ position:relative; height:100%; z-index:0; } .slidebox .bd img{ width:295px; height:210px; } /* 常见焦点图 */ .focusbox{ width:100%; height:205px; overflow:hidden; position:relative; margin:0px auto;} .focusbox .hd{ position:absolute; z-index:1; right:3px; bottom:14px; } .focusbox .hd ul{ overflow:hidden; zoom:1; float:left; } .focusbox .hd ul li{ float:left; margin-right:3px; width:14px; height:14px; line-height:14px; text-align:center; cursor:pointer; font-family:arial; color:#fff; background-color:#333; } .focusbox .hd ul li.on{ color:#fff; background-color:red;} .focusbox .bd{ position:relative; } .focusbox .bd .pic{ line-height:0px; width:100%; height:100%; } .focusbox .bd .pic img{ width:100%; height:100%;} .focusbox .bd .con{ height:28px; line-height:28px; text-align:center; font-weight:bold; } .newsimg-cs{ width:96%; height:100%; margin:0px auto; overflow:hidden} .newsimg-cs li{ width:50%; height:100%; float:left; overflow:hidden;} .newsimg-cs li a{ width:100%; height:100%; overflow:hidden; display:inline-block; text-align:center;} .newsimg-cs li a img{ max-width:165px; height:95; border:solid 1px #dddddd;} .indexleft-list{ width:100%; height:100%; margin:0px auto;} .indexleft-list li{ width:100%;line-height:45px; font-size:14px; text-align: center;border-top:#fff 2px solid; color:#333;} .indexleft-list li:hover{ background:#333; color:#fff; } .indexleft-list li a{ line-height:54px; color:#fff; display:inline-block; height:100%; font-weight:normal;} .neiyeleft-ctitle{height: auto; text-align:left; color:#aaa;line-height:40px;text-align:center; padding:20px 0; } .neiyeleft-span{ color:#333; font-size:24px; text-align:center; font-family:'微软雅黑';line-height:22px; font-weight:bold; } .neiyeleft-ctitle font{text-transform:uppercase; color:#333; font-size:16px;} .downmeun-cs{width:980px; height:100%; margin:0px auto;} #home-div ul li{width:49%; text-align:left;color:#333333; line-height:30px;} .aboutus-div{width:99%; margin-top:8px; margin-bottom:20px;color:#000; text-align:left;} .aboutus-div div{ text-align:left; font-size:16px; line-height:20px;} .leftloop{ overflow:hidden; position:relative; } .leftloop .hd{ overflow:hidden; height:30px; background:#f4f4f4; } .leftloop .hd .prev,.leftloop .hd .next{ display:block; width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px; overflow:hidden; cursor:pointer; background: no-repeat;} .leftloop .hd .next{ background: no-repeat; } .leftloop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; } .leftloop .hd ul li{ position:relative; _display:inline; float:left; width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: ;} .leftloop .hd ul li.on{ background:#f00; } .leftloop .bd{ padding:10px; } .leftloop .bd ul{ overflow:hidden; zoom:1; } .leftloop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; } .newsbt{height:35px; width:100%; font-size:18px; color:#333; line-height:35px; border-bottom:1px solid #c2c2c2;} .newsbt span{ font-size:12px; color:#333;line-height:15px; font-weight:normal; font-style:italic;} .newsbt a{ float:right; text-transform:uppercase;color:#333;line-height:35px;} .newsbt a:hover{ color:#552e15;} .classification{width:26.3%; } .prodsgd1{width:70%;}