/* css document */ .inbj{width:1200px; margin:40px auto; clear:both;overflow: hidden;} .pro_tlt{font-size:24px;font-weight:bold;color:#555;/*margin-left:30px;*/padding-left:20px;height:23px;line-height:20px;border-left: 4px solid #d32b2a;margin: 10px 0 30px 0;} .pro_tlt em{font-size:18px;color:#999; font-style: italic;font-weight: bold;} .pro_tlt span{ float:right;color: #999;font-weight: 100;} .pro_tlt span a{color:#999;} .incombj{background:#f3f3f3;overflow: hidden; padding: 10px 0;} .incompany{padding: 24px 0;} .incompany .comleft{width: 570px;height: 374px;float: left;position: relative;} .incompany .comleft img{ position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 90%;box-shadow: 2px 2px 6px 2px #9e9e9e;} .incompany .comright{width: 540px;height: 370px;float: right;background: no-repeat center;} .incompany .comright .bt{font-size: 38px;height: 48px;font-weight: 900;color: #000;margin-top: 65px;margin-left: -85px;} .incompany .comright .xian{ width: 90px;height: 4px;background: #000;margin: 18px 0 0 -19px;} .incompany .comright p{width: 524px;margin: 27px 0 0 -20px;font-size: 14px;line-height: 26px; color: #000;} .tjproducts{overflow: hidden;clear: both;} .tjproducts li{width: 23%;float: left;overflow: hidden;margin: 0 10px 20px;} .tjproducts ul li .pro_img{display:block;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;text-align:center;height:250px;border: 1px solid #e4e4e4;} .tjproducts ul li img{max-width: 285px;max-height: 250px;display:block;} .tjproducts ul li .pro_name a{display:block;font-size:14px;color:#fff;background:#d32b2a;line-height:40px;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 4px;} .tjproducts ul li:hover .pro_name a{background:#da5561;} .inx_tjcp{width:100%;padding-top:20px;padding-bottom:30px;} .inx_tjcp .in{width:1200px;margin:0 auto;} .picscroll{ margin:10px auto;position:relative;width:1108px; padding:10px 46px 10px 46px;overflow:hidden;} .picscroll .prev, .picscroll .next{ display:block; position:absolute; top:90px; left:0; width:36px; height:64px; background:#d32b2a url(/uploads/image/s5images/l_btn.png) center center no-repeat; } .picscroll .next{ left:auto; right:0; background:#d32b2a url(/uploads/image/s5images/r_btn.png) center center no-repeat;} .picscroll ul{ overflow:hidden; zoom:1; } .picscroll ul li{ width:180px; float:left; overflow:hidden; margin:0 10px;background:#e8e8eb;} .picscroll ul li .pro_img{display:block;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;text-align:center;width:180px;height:180px;} .picscroll ul li img{ max-width:170px;max-height:170px;display:block; } .picscroll ul li .pro_name a{display:block;width:180px;font-size:14px;color:#fff;background:#d32b2a;line-height:30px;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .picscroll ul li:hover .pro_name a{background:#da5561;} .innewsbj{ background:#f3f3f3;overflow: hidden;padding: 24px 0;} .innews{} .innews .dynamiclfet {background-color: #fff;float: left;width: 586px;height: 602px; } .innews .dynamiclfet h4 {margin-top: 30px; padding-left: 34px;} .innews .dynamiclfet h4 a{ font-size:18px; color:#333; } .innews .dynamiclfet .head {margin-top: 17px;padding-left: 34px; } .innews .dynamiclfet .head span { padding-left: 16px;font-size:12px;line-height:18px;color: #999999;background: 0 -26px no-repeat; } .innews .dynamiclfet .head span.time {margin-right: 20px;background: 0 3px no-repeat; } .innews .dynamiclfet .content {margin-top: 20px;text-align: center; } .innews .dynamiclfet .content img {max-width: 100%; max-height: 330px; } .innews .dynamiclfet .content p {text-align: left;font-size:14px;line-height:22px;padding: 20px 26px;color: #666; } .innews .dynamiclfet .content .detail {display: block;margin-left: 27px;width: 118px;text-align: left;height: 35px;font-size:14px;line-height:35px; color: #fff;text-indent: 28px;border-radius: 10px;background: 86px center no-repeat #595757; } .innews .dynamiclfet:hover h4 a{color:#d32b2a;} .innews .dynamiclfet:hover .content .detail{background: 86px center no-repeat #d32b2a; } .innews .dynamicright {margin-top: -20px; width: 585px; float: right; padding-bottom: 6px; } .innews .dynamicright .box {width: 505px;padding: 0 30px;margin-top: 20px;height: 187px;background-color: #fff; } .innews .dynamicright .box .head {float: left;padding-top: 24px;position: relative;border-bottom: 1px solid #d1d1d1;width: 100%; } .innews .dynamicright .box .head span {color: #999;float: left;font-size:12px;line-height:28px; } .innews .dynamicright .box .head p {float: left;width: 440px;overflow: hidden;height: 50px; } .innews .dynamicright .box .head p a{ font-size:18px; color:#333;} .innews .dynamicright .box .head .detail {position: absolute;height: 34px;width: 34px;top: 25px;right: 0;border-radius: 50%; background: center center no-repeat #595757; } .innews .dynamicright .box .text { float: left;width: 100%;font-size:14px;line-height:22px;color: #666;height: 44px;overflow: hidden; padding-top: 16px; } .innews .dynamicright .box:hover{box-shadow: 4px 4px 3px 2px rgba(187, 187, 187, 0.28);} .innews .dynamicright .box:hover .head p a{ color:#d32b2a;} .innews .dynamicright .box:hover .head .detail{background: center center no-repeat #d32b2a;} .libs{ margin:40px auto;} .lib{ float: left;width: 560px;/*height: 275px;*/overflow: hidden; margin:0 20px;} .lib .tlt{border-bottom:1px solid #dedede;height:30px;margin-bottom:10px;position:relative;} .lib .tlt p{float:left;font-size:18px;background: 2px center no-repeat;padding-left:22px;border-bottom:3px solid #d32b2a;height:40px;line-height:40px;position:absolute;bottom:-1px;display:block;width:100px;} .lib .tlt a{float:right;font-size:14px;color:#999;} .lib li{height:38px;border-bottom:1px dotted #dedede; background:url(/uploads/image/s5images/nlibg.png) no-repeat 5px center; padding-left:17px;} .lib li a{display:block;height:38px;line-height:38px;float:left;width: 450px;font-size:14px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .lib li span{display:block;float:right;height:38px;line-height:38px;font-size:13px; color:#a9a8a8;} .lib li:hover a{ color:#d32b2a;} .txtright{ float:right; width:920px;} .txtright .pro_tlt span{ background: url(/uploads/image/s5images/home.jpg) left 4px no-repeat;padding-left: 16px;} .pro_tlt span a:hover{ color:#d32b2a;} .txtright .lib{ width:100%; margin:0;} .txtright .lib li a{ width:750px;} .txtright .company{ line-height:30px;} .m_pro li{float:left;margin:8px 4px;} .m_pro li .m_pro_img{width:220px;height:230px;} .m_pro li .m_pro_img a{display:block;width:220px;height:230px;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;overflow:hidden;border:1px solid #dedede;} .m_pro li .m_pro_img a img{max-width:218px;max-height:220px;} .m_pro li .m_pro_wz{width:222px;height:50px;padding:6px 0;background:rgba(211, 43, 42, 0.78);color:#ffffff;position:relative;text-align: center;margin-top:-1px;} .m_pro li .m_pro_wz p{font-size:14px;line-height:24px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} ul.newli{ margin-bottom:10px;} ul.newli li{padding: 0 20px 20px;margin-top: 20px;overflow: hidden;background-color: #fff; border-bottom: 1px dashed #d1d1d1;} .newimg{ float:left;width: 26%; margin-right:4%;} .newimg img{ max-width:200px; max-height:139px;} .txtright .box {float: left;width: 100%; } .txtright .box .head {float: left;position: relative;border-bottom: 1px solid #d1d1d1;width: 100%; } .txtright .box .head span {color: #999;float: left;font-size:12px;line-height:28px; } .txtright .box .head p {float: left;width: 94%;overflow: hidden;height: 50px; } .txtright .box .head p a{ font-size:18px; color:#333;font-weight: bold;} .txtright .box .head .detail {position: absolute;height: 34px;width: 34px;top: 0px;right: 0;border-radius: 50%; background: center center no-repeat #595757; } .txtright .box .text { float: left;width: 100%;font-size:14px;line-height:22px;color: #666;height: 44px;overflow: hidden; padding-top: 16px; } ul.newli li:hover {box-shadow: 4px 4px 3px 2px rgba(187, 187, 187, 0.28);border-bottom:none;} ul.newli li:hover .box .head p a{ color:#d32b2a;} ul.newli li:hover .box .head .detail{background: center center no-repeat #d32b2a;} .detailtxt h1{ text-align:center; font-size:22px;margin: 20px 0;line-height: 30px;} .detailtxt .h{text-align:center; color:#999;padding-bottom: 10px;border-bottom: 1px solid #e4e4e4;} .detailtxt .ppp{ margin:10px; line-height:24px;clear: both;} .detailtxt .ppp img{ max-width:100%;} .detailtxt .ppp table{ max-width:100%;} .productslist ul li{width: 285px;float:left;overflow:hidden;margin:0 10px 20px;} .productslist ul li .pro_img{display:block;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;text-align:center;width: 283px;height:250px;border: 1px solid #e4e4e4;} .productslist ul li img{max-width: 285px;max-height: 250px;display:block;} .productslist ul li .pro_name a{display:block;font-size:14px;color:#fff;background:#d32b2a;line-height:40px;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .productslist ul li:hover .pro_name a{background:#da5561;} .productsdet #preview {float: left;display: inline;width: 380px; text-align: center;overflow: hidden; height: 300px;} .productsdet #preview .product-img {height: 290px;border: 1px solid #eee;overflow: hidden; margin-bottom: 10px;box-sizing: content-box; width: 380px;align-content: center;vertical-align: middle; display: table-cell;} .productsdet #preview .product-img img {max-width: 376px; max-height: 296px;} .productsdet .entry-info { width: 490px;float: left; margin-left: 30px;} .productsdet .entry-info .entry-title {font-size: 24px;margin: 0px 0 14px;text-align: left;font-weight: bold;} .productsdet .entry-info-item {padding: 6px 0; width: 50%; float: left;} .productsdet .entry-info-item span { margin-right: 10px;color: #999;} .productsdet .entry-info-excerpt { margin: 10px 0 20px; font-size:14px; line-height: 24px;float: left;} .productsdet .btn-enquiry { width: 120px;padding: 8px 0px;font-size: 16px;font-weight: bold;color: #fff;background-color: #d32b2a; border: 0; outline: 0;border-radius: 3px;display: block; text-align:center;float: left;} .proleft{ width:256px; float:left;} .proside h2{ background:#d32b2a url(/uploads/image/s5images/lei_h.png) no-repeat; height:61px; text-align: center;} .proside h2 a{ font-size:23px; color:#fff; display:block; padding-top:15px;} .proside ul li{height:56px;line-height:56px;position:relative;overflow:hidden;z-index:1;border-top:1px solid #474747;background:#363636;} .proside ul div{line-height:36px;position:relative;overflow:hidden;z-index:1;border-top:1px solid #474747;background:#141414;} .proside ul li:first-child,.proside ul div:first-child{border-top:0px;} .proside ul li a{height:56px;display:block;padding-left:15px;} .proside ul div a{height:36px;display:block;padding-left:34px;background: url(/uploads/image/s5images/arrow.png) 15px center no-repeat #595757;} .proside ul li a span{color:#fff;font-size:16px;height:56px;display:block;position:absolute;z-index:3;} .proside ul div a span{color:#fff;font-size:12px;height:36px;overflow: hidden;display:block;position:absolute;z-index:3;} .proside ul li a em{background:#f7191a;width:256px;height:56px;position:absolute;left:-280px;top:0px;z-index:2;} .proside ul div a em{background:#f7191a;width:256px;height:36px;position:absolute;left:-280px;top:0px;z-index:2;} .cptxt{background: #efefef;padding: 10px;clear: both;margin: 10px 0 20px;} .cptxt .txt{margin-left: 20px;padding: 10px;padding-bottom: 8px;font-size: 17px; border-bottom: 4px solid #d32b2a;} .contact_line {margin: auto;max-width: 1920px;background:#f3f3f3;} .contant_line_box {margin: auto;width: 1200px;height: 180px;line-height: 180px; color: #171717; overflow:hidden;} .contactl_li {position: relative;display: inline-block;line-height: 24px;vertical-align: middle;margin-left: 20px;} .contact_email {margin-right: 200px;padding-left: 61px;} .contact_email:before {content: "";display: block;position: absolute;left:-10px;top: -8px;width: 60px;height: 60px;background: url(/uploads/image/s5images/tel2.png) no-repeat;} .contact_phone {margin-right: 200px;padding-left: 61px;} .contact_phone:before {content: "";display: block;position: absolute;left: -10px;top: -8px;width: 60px;height: 60px;background: url(/uploads/image/s5images/mel2.png) no-repeat;} .contact_fax {padding-left: 60px;} .contact_fax:before {content: ""; display: block;position: absolute;left: -10px;top: -8px;width: 60px;height: 60px;background: url(/uploads/image/s5images/add.png) no-repeat;} .contact_qrcode {line-height: 20px;text-align: center;} .f18{ font-size: 16px;font-weight: bold; margin-bottom: 2px;} .message{margin: 20px 10px;line-height: 28px;} .ly_msg { width: 100%; overflow: hidden; margin: 0 auto 20px; padding: 0;} .ly_msg h3 { width: 100%; height: 40px; overflow: hidden; line-height: 40px; margin: 0 auto; padding: 0;color: #d32b2a; font-size: 18px; font-weight: bold; text-align: center;} .ly_msg ul { width: 90%; overflow:hidden; margin: 20px auto; padding: 0;} .ly_msg ul li { width: 100%; overflow: hidden; margin: 0 auto 12px; padding: 0;} .ly_msg ul li h4 { width:17%; height: 34px; overflow: hidden; line-height: 34px; margin: 0; padding: 0 20px 0 0; color: #333; font-size: 14px; text-align: right; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara { width: 83%; overflow: hidden; margin: 0; padding-right: 20px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;background:url(/uploads/image/s5images/tb_img.png) top right no-repeat;} .ly_msg ul li .msg_ipt1 { height: 34px;} .ly_msg ul li .msg_tara { height: 118px;} .msg_ipt1 input, .msg_tara textarea { display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .msg_ipt1 input { height: 34px; line-height: 16px;} .msg_tara textarea { height: 118px; line-height: 20px; resize: none;} .ly_msg ul li .msg_ipt2 { width: 120px; height: 34px; overflow: hidden; margin-right: 10px; padding:0; float: left;} .msg_ipt2 input { display: block; width: 120px; height: 34px; overflow: hidden; line-height: 16px; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .ly_msg ul li a.yzm_img { display: block; width: 60px; height: 34px; overflow: hidden; margin: 0; padding-right: 20px; background:url(/uploads/image/s5images/tb_img.png) top right no-repeat; float: left;} .ly_msg ul li .msg_btn { width:83%; overflow: hidden; margin: 0; padding: 0; float: left;} .msg_btn input { display: block; width: 100px; height: 34px; overflow: hidden; line-height: 32px; margin: 20px 15px 0 0; padding: 0; background-color: #f0f0f0; color: #333; font-size: 13px; text-align: center; border: 1px solid #ccc; float: left;cursor:pointer} .ly_msg ul li .msg_ipt12 {width: 83%; height: 34px; overflow: hidden; margin: 0; padding-right: 20px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .msg_ipt12 input { height: 34px; line-height: 16px; display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .msg_btn .tj{background: #d32b2a;color: #fff;border: 1px solid #d32b2a;} .prodetnews{ height:inherit;margin: 10px 0 !important;} .prodetnews ul li{ width:47%; margin: 0 0.5%; float:left;} .prodetnews ul li a{ width:98% !important; overflow:hidden;} .prodetpro{ overflow:hidden;} .prodetpro ul li{ width: 23%; margin: 0 1% 14px;} .prodetpro ul li .pro_img{width:209px ;height: 180px;;} .prodetpro ul li img{max-width: 200px; max-height: 180px;} .prodetpro ul li .pro_name a{width: initial;} .contact h2{ font-size: 28px;margin: 20px 0;} .contact p{font-size: 14px; margin: 10px 0; color: #404040;}