/* CSS Document */ .in_xf_title{display: block;margin-bottom: 20px;text-align: center;margin-top: 40px;} .in_xf_title h5{display: block;font-size: 34px;color: #027fcf;margin: 10px 0;font-weight: bold;} .in_xf_title p{font-size: 13px;color: #999;margin-top: 15px;text-transform:uppercase;} .in_xf_title samp{display: inline-block;width: 40px;height: 2px;background: #027fcf;} .clear{ clear:both; height:0px; line-height:0px;} .more_a{ display:block; width:130px; height:40px; line-height:40px; font-size:14px; background-color:#027fcf; color:#fff; margin:10px auto 40px; text-align:center;} .more_a:hover{ background-color:#5cc055; color:#fff;} .procp{border-top:none;width: 1200px;margin: 0 auto;} .procp h3{ height:30px; line-height:30px; font-size:18px; color:#009240; font-weight:normal; text-align:center;} .procp ul{overflow:hidden;margin-top: 30px;} .procp ul li{ width:290px;/* height:240px;*/ position:relative; margin-right:5px; margin-left: 5px; float:left; margin-bottom:10px;} .procp ul li .proimg_bk{ width:290px; height:168px; border:1px solid #f1f1f1; position:relative;display:table-cell;text-align:center;vertical-align:middle;} .procp ul li .proimg_bk .proimg{width:290px;line-height:168px;*line-height:200px;height:168px;*height:200px;text-align:center;position:static;+position:absolute;top:50%} .procp ul li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:245px; max-height:153px} .procp ul li p{ background:#027fcf; text-align:center; line-height:40px; font-size:14px; color:#fff;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .procp ul li p a{color:#fff; text-decoration:none;} .procp ul li p .xh{ display: block; line-height: 20px; font-size: 12px;padding-bottom: 6px;} .procp ul li:hover .proimg_bk{ border:1px solid #009240;} .procp ul li:hover p{ background:#63c95c;} .procp ul li .hei{ width:288px; height:168px; background:#000; position:absolute; left:1px; top:1px;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; display:none;} .procp ul li .Detail{ position:absolute; left:84px; top:69px; width:120px; height:30px; display:block; background:#63c95c; font-size:14px; text-align:center; line-height:30px; color:#fff; display:none;} .procp ul li:hover .Detail{ display:block;} .procp ul li:hover .hei{ display:block;} .about{background: #ededed;padding: 40px 0;} .in_about_top{width: 1200px;margin: 0 auto;display: block;} .in_about_top_l{width: 47%; float: left;margin-right: 1%;margin-top: 20px;padding: 30px 30px 20px;} .in_about_top_l samp{display: inline-block;width: 76px;height: 4px;background: #c5c5c5;} .in_about_top_l h3{font-size: 34px;color:#027fcf;line-height: 48px;font-weight: 600;margin: 20px 0;padding-bottom: 15px;border-bottom: 1px dashed #c5c5c5;} .in_about_top_l p{font-size: 14px;color: #1a1a1a;line-height: 30px;} .in_about_top_l p a{font-size: 14px;color: #fff;line-height: 38px;background: #027fcf;display: block;width: 140px;text-align: center;border-radius: 75px;margin-top: 10px;} .in_about_top_r{width: 44%;float: right;overflow: hidden;text-align: center;height: 381px;margin-top: 20px;} .in_about_top_r img{max-width: 100%;max-height: 330px;position: relative;right: -100%;top: -100%;border-radius: 20px;margin-top: 20px;} /**/ .fg_pro{ width:1200px; margin:0px auto;} h2.fg_h2_title{ height:100px; line-height:100px; text-align:center; padding-top:50px;} .fg_pro dl{ width:380px; float:left; margin:0px 10px 10px 10px; text-align:center;} .fg_pro dl dt{ height:260px; overflow:hidden;} .fg_pro dl dt img{ width:380px; height:250px; overflow:hidden;} .fg_pro dl dd{ line-height:30px; height:30px; font-size:14px; overflow:hidden;} .fg_pro.fg_hyyy dl dt{ height:250px;} .fg_pro.fg_hyyy dl dt img{ width:380px; height:250px;} .fg_pro.fg_hyyy dl dd{ text-align:left; height:120px;} .fg_pro.fg_hyyy dl dd a.hyyy_a{ color:#025dcf; display:block; height:45px; line-height:45px; overflow:hidden; font-size:18px; padding-top:5px;} .fg_pro.fg_hyyy dl dd span{ line-height:24px; font-size:14px;color: #999;} #con_center{ width:1200px; margin:20px auto;overflow: hidden;} #con_center .down{ width:580px; float:left; margin-left:40px; height:342px; overflow:hidden;} #con_center .article{ width:580px; float:left; height:342px; overflow:hidden;} #content_bottom{ width:100%; float:left;} #content_bottom .bottom_top,#content_bottom .bottom_foot{ width:1200px; margin:15px auto;} #content_bottom .main_line{ background:url(../images/main_line.jpg) no-repeat top center; height:5px; margin-bottom:25px} .known{ float:left; width:301px;} .sy_tjpro{ width:1200px; margin:35px auto;} #foot_box{ width:100%; background:#1773c6; padding-top:10px;} #foot{ width:1200px; margin:0 auto; color:#fff; line-height:35px;} #foot .foot_left{ margin:10px auto; text-align:center;} #foot .foot_right{ float:right; } #foot a{ color:#fff;} #ny_newslb_box{ clear:both; margin-top:20px;} #ny_newslb_box li{ height:39px;line-height:39px; border-bottom:1px dotted #e5e5e5; font-size:14px; overflow:hidden; background:url(../images/ico3.gif) no-repeat left center; padding:0 10px 0 15px;} #ny_newslb_box li a{ color:#666; float:left;width: 460px;} #ny_newslb_box li:hover a{color:#027fcf;} #ny_newslb_box li span{ float:right; color:#999; font-size:12px;} .about_bt,.news_bt{ height:40px; border-bottom:1px solid #e5e5e5; position:relative;clear: both; } .about_bt b,.news_bt b{ font-size:18px; color:#0f7adb; width:95px; height:40px; line-height:40px;text-align:center; display:inline-block; border-bottom:2px solid #0f7adb;} .about_bt span,.news_bt span{ font-size:13px; color:#999; position:absolute; top:15px;text-transform: uppercase;} .news_more{ float:right; color:#0f7adb; font-size:12px; margin:15px 10px 0 0;} .news_more:hover{color:#5cc055;} .news_more1{ float:right; color:#333; font-size:12px; margin:15px 10px 0 0;} .news_more1 a{margin: 0 6px;color: #666;} .news_more1 a:hover{color: #0f7adb;} .links{ background:#eee; padding: 10px 0;} .Link{ width: 1200px;margin:0 auto;clear: both; line-height:30px} .Link a{display:inline; list-style:none; padding:0 5px;color:#333;} .txtdetail{width: 1200px;margin:30px auto;overflow: hidden;} .txtdetail .right {float: right;width: 920px;} .txtdetail .right .detail{margin: 10px;line-height: 24px; overflow: hidden;} .txtdetail .proleft {width: 270px;float: left;overflow: hidden;} .lefter_title { width: 100%; float: left; overflow: hidden; height: 118px;background-image: linear-gradient(to top, #027fcf,#269ae4);text-align: center;} .lefter_title span {font-weight: bold;font-size: 30px;color: #ffffff;padding-top: 18px;display: inline-block;} .lefter_list li { border-top: 1px solid #c8c8c8;width: 100%;text-align: left;line-height: 70px;} .lefter_list li div{padding:12px 0;background: #f0f0f0;} .lefter_list>ul>li>a{padding-left:60px;} .lefter_list li a { color: #000000;font-size: 16px;display: block;text-align:left;padding-left:60px; background: #f0f0f0 url(../images/plus.png) 28px no-repeat; padding: 20px 10px 20px 0;line-height: 30px;} .lefter_list li.on>a{background: #027fcf url(../images/plus2.png) 28px no-repeat;color:#fff;} #pro2_navul li { width: 100%;text-align: center;line-height: 36px;border: none; overflow: hidden;height: 36px;} #pro2_navul li a { color: #666;font-size: 14px;display: block;height:36px;line-height:36px; background-image: none;padding: initial;padding-left: 40px;overflow: hidden;padding-top: 0px;} #pro2_navul li a:hover{ color:#f60;} .lefter_list { width: 100%;float: left; overflow: hidden;} .proliCon{padding-top:20px;} .proliCon .insProLi{float:left;margin:10px 6px;} .proliCon .insProLi .h_d4{width:207px;height:177px;overflow:hidden;padding:2px;border:1px solid #dcdcdc;} .proliCon .insProLi .h_d4 .pro_i{width:207px;height:177px;position:relative;display:table-cell;text-align:center;vertical-align:middle;} .proliCon .insProLi .h_d4 a{text-align:center;position:static;+position:absolute;top:50%;} .proliCon .insProLi .h_d4 img{vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%;top:2px;left:2px; max-width:207px; max-height:177px;} .proliCon .insProLi .h_d{ text-align:center;} .proliCon .insProLi .h_d a{color:#000;display:block;line-height: 25px;width: 213px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .proliCon .insProLi:hover .h_d a{color:#f60;} .contact .contactdet h2{ font-size: 28px;margin: 20px 0;} .contact .contactdet p{font-size: 14px; margin: 10px 0; color: #404040;} .newset .post-loop-default {padding: 0;list-style: none;margin-top: 20px;} .newset .post-loop-default .post-item {padding: 0 0 20px;margin-bottom: 20px;border-bottom: 1px solid hsla(0,0%,39%,.1);transition: all .3s ease 0s; overflow: hidden;} .newset .post-loop-default .item-img {position: relative;float: left;width: 245px;overflow: hidden;border-radius: 3px;box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.2); transition: box-shadow .3s ease 0s;margin-right: 20px;} .newset .post-loop-default .item-img img {display: block;width: 100%;height: auto;vertical-align: top;border-radius: 3px;background: #fff;transition: all .3s ease-out 0s;} .newset .post-loop-default .item-content {} .newset .post-loop-default .item-title {margin: 0 0 10px;line-height: 1.4;} .newset .post-loop-default .item-title a{ color:#383838; font-size: 18px; font-weight: 600;} .newset .post-loop-default .item-excerpt {/*height: 72px;*/margin-bottom: 10px;font-size: 16px;line-height: 24px;color: #555;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;/*显示4行*/} .newset .post-loop-default .item-meta { color: #999;font-size: 14px;} .newset .post-loop-default .post-item:hover .item-title a{ color:#027fcf;} .newset .post-loop-default .post-item:hover .item-img img {-webkit-transform: scale(1.03); transform: scale(1.03);transition: all .3s ease-out 0s;} .newset .clearfix:after, .clearfix:before, .section:after, .section:before { content: " "; display: table;} .newdettxt .entry-title {margin-top: 30px;margin-bottom: 30px;font-size: 26px;line-height: 1.4;text-align: center;} .newdettxt .entry-meta {text-align: center;color: #666;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #eee;} .newdettxt .entry-meta span { margin-right: 15px;} .newdettxt .entry-content{line-height: 24px;} .newdettxt .entry-content .zlxz{ cursor: pointer; display: block;background: #027fcf url(../images/down.png) 10px no-repeat;color: #fff; width: 100px;text-align:center;line-height: 34px;font-size: 14px;border-radius: 4px;margin-top: 20px; text-indent: 14px;} .newdettxt .entry-content img{ max-width:100%;} .newdettxt .entry-content table{ max-width:100%;} .artset .post-loop-default {padding: 0;list-style: none;margin-top: 20px;} .artset .post-loop-default .post-item {padding: 0 0 20px;margin-bottom: 20px;border-bottom: 1px solid hsla(0,0%,39%,.1);transition: all .3s ease 0s; overflow: hidden;} .artset .post-loop-default .item-content {} .artset .post-loop-default .item-title {margin: 0 0 10px;line-height: 1.4;} .artset .post-loop-default .item-title a{ color:#383838; font-size: 18px; font-weight: 600;} .artset .post-loop-default .item-excerpt {/*height: 72px;*/margin-bottom: 10px;font-size: 16px;line-height: 24px;color: #555;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;/*显示4行*/} .artset .post-loop-default .item-excerpt p a{ color:#f60;} .artset .post-loop-default .item-meta { color: #999;font-size: 14px;} .artset .post-loop-default .post-item:hover .item-title a{ color:#027fcf;} .artset .post-loop-default .post-item:hover .item-img img {-webkit-transform: scale(1.03); transform: scale(1.03);transition: all .3s ease-out 0s;} .artset .clearfix:after, .clearfix:before, .section:after, .section:before { content: " "; display: table;} .downu{margin-bottom: 30px;} .downu>li{border-bottom:1px solid #e6e6e6;padding-left: 15px;background: url(../images/dd.jpg) no-repeat left center;} .downu>li a{ display: block;height: 39px;line-height: 39px;position: relative;padding-right: 90px;overflow: hidden;color: #646464;} .downu>li a .date{ position: absolute; right: 0;top:0;height: 39px;line-height: 39px;color: #8C8C8C;} .downu>li:hover a{ color:#0f7adb;} .txtdetail .procp{ width:920px;} .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: #027fcf; font-size: 18px; font-weight: bold; text-align: center;} .ly_msg ul { width: 100%; 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%; overflow: hidden; line-height: 45px; 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 h4 {height: 45px;font-size:12px;} .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara { width: 83%; overflow: hidden; margin: 0; padding-right: 20px; background:url(../images/tb_img.png) top right no-repeat; 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 { height: 45px;line-height: 45px;} .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_tara textarea { height: 118px; line-height: 20px; resize: none;} .ly_msg .msg_ipt1 input { height: 45px;/* line-height: 45px;*/} .ly_msg ul li .msg_ipt2 { width: 120px; overflow: hidden; margin-right: 10px; padding:0; float: left;} .ly_msg .msg_ipt2 input { display: block; width: 120px; height: 45px; 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 input{border-radius:2px;border:1px solid #fff !important;background:#f1f1f1;} .ly_msg textarea{border-radius:2px;border:1px solid #fff !important;background:#f1f1f1;} .ly_msg ul li .msg_btn { width:83%; overflow: hidden; margin: 0; padding: 0; float: left;} .ly_msg .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;} .ly_msg .msg_btn input{width:150px;height:45px;line-height:45px;cursor:pointer;} .ly_msg .msg_btn input:first-child{background:#027fcf;color:#fff;} .productdettxt{ margin-top:20px !important;} .productdettxt #preview {float: left;display: inline;width: 380px;text-align: center;overflow: hidden;height: 300px;} .productdettxt #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;} .productdettxt #preview .product-img img { max-width: 376px; max-height: 296px;} .productdettxt .entry-info {width: 490px; float: left; margin-left: 30px;} .productdettxt .entry-info .entry-title {font-size: 24px;margin: 0px 0 20px;text-align: left;font-weight: 600;} .productdettxt .entry-info-item {padding: 4px 0; width: 50%; float: left;} .productdettxt .entry-info-item span { margin-right: 10px;color: #999;} .productdettxt .entry-info-excerpt { margin: 10px 0; font-size:14px; line-height: 24px;} .productdettxt .btn-enquiry { width: 120px;padding: 6px 0px;font-size: 14px;color: #fff;background-color: #027fcf; border: 0; outline: 0;border-radius: 3px;display: block; text-align:center;float: left;} .productdettxt .news_bt1{ height: 36px;border-bottom: 1px solid #e5e5e5; position: relative;clear: both;margin-bottom: 20px;} .productdettxt .pro-bt b{ width: 95px;height: 36px;line-height: 36px;text-align: center;display: inline-block; color:#fff; background:#0f7adb; font-size:15px;padding: 0 8px;} .productdettxt .ppp{ margin:10px 0;} .productdettxt .ppp img{max-width: 100%;} .productdettxt .ppp table{max-width: 100%;} .prodetmess{ margin-top:20px;} .prodetnews{ overflow:hidden;margin-bottom: 20px;} .prodetnews ul.downu li{width: 46%;margin: 0 1%; float:left;} .prodetnews ul.downu li a{ width:96%;}