@charset "utf-8";
/*内页广告图*/
.ny_banner{position: relative; z-index: 2;}
.ny_banner p{position: absolute; font-size:36px; margin-top:180px;}

.ny_banner img{width: 100%;margin-top: 100px;}


.nrbj{width: 100%;min-width: 1140px; background-color: #fff;padding-top:20px;}



/*分类导航*/
.inmenu { overflow:hidden; width:100%; position:relative; margin-bottom:10px;}
.inmenu em{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:1px; background-color:#cdd8e8;}
.inmenu ul{ overflow:hidden; margin:0 auto; min-height:67px; position: relative; z-index:2; width:100%;text-align: center;}
.inmenu li{ display:inline-block;  margin:0 8px;}
.inmenu li{*display:inline;}
.inmenu li a{ display:block; font-size:14px; color:#777; padding:5px 20px; border-radius:45px; margin-bottom:5px; text-align:center; text-decoration:none; border:1px #dcdcdc solid}
.inmenu li a:hover{color:#fff; }
.inmenu li i{ display:none; width:1px ; height:20px; background-color:#cdd8e8; margin:0 auto; margin-bottom:2px;}
.inmenu li b{ display:none; width:3px; height:3px; background-color:#b2c0d5; margin:0 auto;}
.inmenu li.cur a,.inmenu li:hover a{ background-color:#2391d1; color:#fff; border:1px #0b4c72 solid;}
.inmenu li.cur,.inmenu li:hover{ display:inline-block;}
.inmenu li.cur,.inmenu li:hover{*display:inline;*zoom:1}
.inmenu li.cur i,.inmenu li:hover i{ display:block}
.inmenu li.cur i,.inmenu li:hover i{ *display:inline-block}
.inmenu li.cur b,.inmenu li:hover b{ display:block}
.inmenu li.cur b,.inmenu li:hover b{ *display:inline-block}





.xwlb_left{float: left; vertical-align: top;width: 965px;margin-top: 30px;}
.xwlb_u1 li{border: 1px solid #eee; margin-bottom:24px;transition: 0.3s ease-in-out;}
.xwlb_u1 li span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;width:200px;overflow: hidden;}
.xwlb_u1 li span img{width: 100%;height: auto;transition: 0.3s ease-in-out;}
.xwlb_u1 li aside{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;width:75%;box-sizing: border-box;padding: 0 35px;}
.xwlb_u1 li aside h2{font-size: 14px;color: #333;font-weight: bold;margin-bottom: 10px; padding-top:5px;}
.xwlb_u1 li aside h2 time{display: inline-block; *display: inline; *zoom: 1; float: right;color: #999999;font-weight: bold;font-size: 13px;}
.xwlb_u1 li aside p{font-size: 14px;color: #666666;line-height: 24px;}
.xwlb_u1 li aside p font{color: #cc0000;}
.xwlb_u1 li:hover{background: #fbfbfb;}
.xwlb_u1 li:hover span img{transform: scale(1.05);}
.xwlb .pages{text-align: left;}


.xwlb_right{width: 300px;float: right;border: 1px solid #eee;margin-top:30px;}
.xwlb_right h2{padding:10px 20px;background: #eee url(../images/ej_nav_left_l.png) no-repeat 12px;font-size: 16px;color: #333; }
.xwlb_right ul{box-sizing: border-box;padding: 15px;padding-bottom: 20px;}
.xwlb_right ul li a{font-size: 14px;color: #333333;}
.xwlb_right ul li{margin-top: 15px;}
.xwlb_right ul li h3{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.xwlb_right ul li p{ padding:5px 0; line-height:25px; font-size:13px; color:#999}
.xwlb_right ul li h3:before{content: '';display: inline-block;vertical-align: middle;width: 5px;height: 5px;background: #b4b4b4;border-radius: 50%;margin-right: 8px;}
.xwlb_right ul li:hover a{color: #015ba4;}

.xwlb_right ol{box-sizing: border-box;padding: 15px;padding-bottom: 20px;}
.xwlb_right ol li a{font-size: 12px;color: #333333;}
.xwlb_right ol li img{ width:100%;}
.xwlb_right ol li h3{overflow: hidden; line-height:40px; white-space: nowrap;text-align:center; text-overflow: ellipsis;}


.xwlb_o1 li{border: 1px dashed #eee; margin-bottom:30px;transition: 0.3s ease-in-out;}
.xwlb_o1 li .pic{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;width:320px;overflow: hidden;}
.xwlb_o1 li .pic img{width: 100%;height: auto;transition: 0.3s ease-in-out;}
.xwlb_o1 li aside{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;width:590px;padding: 0 20px;}
.xwlb_o1 li aside h2{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 10px; padding-top:5px;}
.xwlb_o1 li aside h2 time{display: inline-block;float: right;color: #999999;font-weight: bold;font-size: 13px;}
.xwlb_o1 li aside p{font-size: 14px;color: #666666;line-height: 24px;}
.xwlb_o1 li aside p font{color: #cc0000;}
.xwlb_o1 li:hover{background: #fbfbfb;}
.xwlb_o1 li:hover .pic img{transform: scale(1.05);}




.xwxq h1{font-size: 24px;color: #333;font-weight: bold;text-align: center;margin-top: 30px;}
.xwxq time{display: block;font-size: 14px;color: #999999;text-align: center;padding: 15px 0;border-bottom: 1px solid lightgray;}
.xwxq p{font-size: 14px;color: #666;line-height: 24px;margin-top:30px;}
.xwxq p strong{font-weight:bold;}
.xwxq p img{margin-left:-2em;}

.xwxq .divBox_list{ line-height:28px;}

.xw_page{padding: 30px 0 60px;border-top: 1px solid lightgray;margin-top: 50px;    float: left;  width: 100%;}
.xw_page .pagess a{line-height: 25px;font-weight: initial;}
.xw_page .pagess{display: inline-block;margin: 0;}
.fenxiang{display: inline-block;float: right;margin-top: 10px;}
.fenxiang a{width: 30px;height: 30px !important;padding: 0 !important;}
.fenxiang .bds_sqq{background: url(../images/share_03.jpg) no-repeat center center;background-position: 0 !important;background-size: 100%;}
.fenxiang .bds_weixin{background: url(../images/share_05.jpg) no-repeat center center;background-position: 0 !important;background-size: 100%;}
.fenxiang .bds_qzone{background: url(../images/share_07.jpg) no-repeat center center;background-position: 0 !important;background-size: 100%;}
.fenxiang .bds_tsina{background: url(../images/share_09.jpg) no-repeat center center;background-position: 0 !important;background-size: 100%;}
.fenxiang .bds_fbook{background: url(../images/share_11.jpg) no-repeat center center;background-position: 0 !important;background-size: 100%;}
.fenxiang .bds_twi{background: url(../images/share_13.jpg) no-repeat center center;background-position: 0 !important;background-size: 100%;}
.fenxiangdao{float: left;margin-top: 12px;margin-right: 20px;}


.xgxw_news{ float: left; margin-bottom:20px; width:98%; overflow:hidden; border:1px solid #f2f2f2; padding:1%;}
.xgxw_news ol{float: left; width:100%; height:35px; color:#555; font-size:18px; border-bottom:1px solid #d3d3d3;}
.xgxw_news ul{float: left; width:100%; margin-top:10px;}
.xgxw_news ul li{float: left; width:48%; margin-right:1%; padding-left:1%; font-size:13px; height:35px;line-height:35px; }
.xgxw_news ul li span{ float:right; font-size:12px; color:#CCC}



.contact{ padding:30px 0; line-height:30px; color:#666;}


/*产品*/

.prolistBox{margin-top: 20px;}
.prolistBox ul{margin: 0 -18px;}
.prolistBox li{width: 33.33%; *width: 33.31%; float: left;}
.prolistBox li .item{margin: 8px 18px;}
.prolistBox li .pic{overflow: hidden; position: relative;}
.prolistBox li .pic a{display: block;}
.prolistBox li .pic img{width: 100%;}
.prolistBox li .mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: all .6s;}
.prolistBox li .mask .bg{width: 100%; height: 100%; background: #007cc3; filter: alpha(opacity: 50); opacity: .5; position: absolute; left: 0; top: 0; z-index: 2;}
.prolistBox li .mask .border_ver,.prolistBox li .mask .border_hor{position: absolute; top: 18px; left: 18px; bottom: 18px; right: 18px; transition: all .8s; border-color: #fff; border-style: solid; filter: alpha(opacity: 50); opacity: .5; z-index: 3;}
.prolistBox li .mask .border_ver{border-width: 0 1px; transform: scale(1,0);}
.prolistBox li .mask .border_hor{border-width: 1px 0; transform: scale(0,1);}
.prolistBox li .mask .line_hor{width: 48px; height: 2px; background: #e5e5e5; position: absolute; left: 50%; top: 50%; margin-left: -24px; margin-top: -1px; z-index: 4;}
.prolistBox li .mask .line_ver{width: 2px; height: 48px; background: #e5e5e5; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -24px; z-index: 5;}
.prolistBox li .pic:hover .mask{opacity: 1; visibility: visible;}
.prolistBox li .pic:hover .mask .border_ver,.prolistBox li .pic:hover .mask .border_hor{transform: scale(1,1);}
.prolistBox li .title{height: 32px; line-height: 32px; font-size: 18px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px;}



.foot_pro{float: left; width:100%; margin-top:20px; height:360px; overflow:hidden; margin-bottom:10px;}
.foot_pro ol{float: left; width:100%; line-height:40px; font-size:16px; height:40px; border-bottom:1px solid #ececec; }
.foot_pro ol h2{float:left;padding:0 5px;border-bottom:1px solid #da261e; font-size:18px; color:#333; height:40px; line-height:40px; font-weight:normal;  }
.foot_pro ol h3 a{float:right;font-weight:normal; color:#999; font-size:14px;}
.foot_pro ul {float:left;width:110%;overflow:hidden;margin-top:40px; padding-bottom:40px; }
.foot_pro ul li{float:left; width:260px; height:270px; margin-right:48px;}
.foot_pro ul li img{float:left; width:260px; height:230px; border:1px solid #fff}
.foot_pro ul li p{float:left;width:262px;overflow:hidden; text-align:center; height:40px;color:#666;  line-height:40px; font-size:14px; white-space: nowrap; text-overflow: ellipsis; background:#fff}
.foot_pro ul li:hover img{float:left; width:260px; height:230px; border:1px solid #f2f2f2}


/*列表分页*/
.pageinfo{font-size: 0; text-align: center; margin: 1.4% 0 2.8% 0;}
.pageinfo a,.pageinfo span{display: inline-block; *display: inline; *zoom: 1;height: 40px;line-height: 40px;padding: 0 16px; font-size: 14px; margin-left: -1px;border: 1px solid #f2f2f2;color: #7e7e7e;}
.pageinfo span.thisclass{background: #7e7e7e; color: #fff;}
.pageinfo a.disabled{color: #7e7e7e !important; cursor: not-allowed;}

.pageinfo span{margin-top: -1px;}


.pro_con{margin: 0 auto; width:1200px; }
.pro_tui{ float:left; width:100%; padding:30px 0; background:#fff;}


/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:600px;height:497px;border:1px solid #DFDFDF;}

.spec-scroll{margin-top:5px;width:540px; float:right; margin-top:20px;}
.spec-scroll .prev{float:left;margin-right:4px; }
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:130px; line-height:130px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;border-radius:2px;}
.spec-scroll .items{float:left;position:relative;width:510px;height:140px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:140px;}
.spec-scroll .items ul li{float:left;width:170px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:152px;height:126px;}
.spec-scroll .items ul li img:hover{border:1px solid #db2820;}


.previe12{float:left; width:610px; overflow:hidden;}
.previe34{float:right; width:540px; margin-top:10px; height:40px; line-height:30px; font-size:24px; overflow:hidden; }
.previe34 h2{float:left;width:540px;font-size:24px; color:#333; font-weight:400;}
.previe34 h3{float:left;width:540px;font-size:24px; color:#da221a;}

.previe45{float:right; width:520px; margin-top:10px; max-height:220px; line-height:27px; font-size:14px; overflow:hidden; background:#f2f2f2; padding:10px;border-radius:3px;}

.pro_details{ float:left; width:100%; line-height:28px;}
.pro_details .title{ float:left;width:100%; height:40px; line-height:40px; border-bottom:1px solid #e4eaec; margin-bottom:20px;}
.pro_details .title h2{ float:left; padding:0 5px;border-bottom:2px solid #da261e; font-size:18px; font-weight:normal;}

.context{ float:left; width:96%; background:#f2f2f2; padding:0 2%; padding-bottom:25px; margin-top:20px;}

.site_link{ line-height:50px; margin-top:5px;}



@media only screen and (max-width: 1399px){
	.xwlb_left{width:860px;}
}