.n_banner{margin-top: 80px; height: 280px; color: #fff;}
.n_banner h2{padding-top: 80px; font-weight: bold; font-size: 40px; line-height: 1;}
.n_banner h2:after{margin-top: 30px; margin-bottom: 25px; display: block; content: ""; width: 100px; height: 1px; background: #fff;}
.n_banner span{font-size: 16px;}

.n_banner2 h2,
.n_banner2 span{color: #333;}
.n_banner2 h2:after{background: #333;}

/**/
.n_part1{padding-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #e7e7e7; overflow: hidden;}
.n_part1 h2{float: left; font-size: 30px; color: #333; line-height: 1;}
.n_part1 span{float: right; padding-top: 10px; font-size: 14px; color: #888;}
.n_part1 span a{color: #888;}

.class_list{padding: 20px 0; border-bottom: 1px solid #eaeaec; overflow: hidden; display: flex; justify-content: center;}
.class_list li{ margin-right: 10px; display: inline-block; font-size: 1.16em;}
.class_list li a,
.class_list li a:visited{display: block; padding: 0 25px; position: relative; background: #eaeaec; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555;border-radius: 50px;}
.class_list li a:hover,
.class_list li a.on{border-color: #004a9f; background: #004a9f; color: #fff; font-weight: bold;}





/*产品列表*/
.img_list{overflow: hidden; margin: 20px 0 0 -30px; clear: both;}
.img_list li{float: left; width: 25%;}
.img_list li a{display: block; margin-left: 30px; margin-bottom: 20px; text-align: center;}
.img_list li span{display: block; position: relative; padding-bottom: 80%; overflow: hidden;}
.img_list li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 6px; box-sizing: border-box;}
.img_list li span:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; border:1px solid #e7e7e7;}
.img_list li span:before{position: absolute; left: 0px; top: 0px; display: block; content: ""; width: 100%; height: 100%; background: #004a9f; opacity: 0; z-index: 10;
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
}
.img_list li span i{position: absolute; left: 50%; bottom: 0%; margin-left: -15px; margin-bottom: -15px; z-index: 10; font-size: 30px; color: #fff; opacity: 0;}
.img_list li h2{padding: 10px; font-weight: bold; text-align: center; color: #004a9f; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img_list li h3{font-size: 14px; color: #888;}
.img_list li a:hover span{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.img_list li a:hover span:after{border:3px solid #004a9f;}
.img_list li a:hover span:before{opacity: 0.8;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}
.img_list li a:hover span i{bottom: 50%; opacity: 1;}
.img_list li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.img_list li span img,
.img_list li span:after,
.img_list li span:before,
.img_list li span i{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.img_list2{overflow: hidden; margin: 20px 0 0 -20px; clear: both;}
.img_list2 li{float: left; width: 25%;}
.img_list2 li a{display: block; margin-left: 20px; margin-bottom: 20px; text-align: center;}
.img_list2 li span{display: block; position: relative; padding-bottom: 70%; overflow: hidden;}
.img_list2 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 6px; box-sizing: border-box;}
.img_list2 li span:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; border:1px solid #e7e7e7;}
.img_list2 li span:before{position: absolute; left: 0px; top: 0px; display: block; content: ""; width: 100%; height: 100%;  opacity: 0; z-index: 10;
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
}
.img_list2 li span i{position: absolute; left: 50%; bottom: 0%; margin-left: -15px; margin-bottom: -15px; z-index: 10; font-size: 30px; color: #fff; opacity: 0;}
.img_list2 li h2{background: #f1f5f6; padding: 10px; text-align: center; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img_list2 li a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.img_list2 li a:hover span:after{}
.img_list2 li a:hover span:before{opacity: 0.8;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}
.img_list2 li a:hover span i{bottom: 50%; opacity: 1;}
.img_list2 li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
/*.img_list2 li a:hover h2{background: #004a9f; color: #fff;}*/
.img_list2 li span img,
.img_list2 li span:after,
.img_list2 li span:before,
.img_list2 li span i,
.img_list2 li h2{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}


.img_list3{overflow: hidden; margin: 20px 0 0 -15px; clear: both;}
.img_list3 li{float: left; width: 25%;}
.img_list3 li a{display: block; margin-left: 15px;}
.img_list3 li span{display: block; position: relative; padding-bottom: 75%;}
.img_list3 li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 100%; max-height: 100%; padding: 6px; box-sizing: border-box;}
.img_list3 li span:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; border:1px solid #e7e7e7;}
.img_list3 li a:hover span:after{border:3px solid #0c4da2;}
.img_list li h2{padding: 10px 10px 15px 10px; text-align: center; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.img_list301{}
.img_list301 li{border-bottom: 1px solid #e7e7e7; padding: 15px 15px 15px 0; overflow: hidden;}
.img_list301 li span{float: left;}
.img_list301 li span img{width: 200px;}
.img_list301 li .con{margin-left: 240px;}
.img_list301 li .con h2{padding-top: 5px; padding-bottom: 10px; font-size: 16px; line-height: 1; font-weight: bold; color: #333;}
.img_list301 li .con p{color: #666; line-height: 25px;}




/*项目推荐*/
.xmtj{margin-top: 20px; width: 100%; border-collapse: collapse;}
.xmtj td{border: 1px solid #e7e7e7; padding: 10px 15px; line-height: 24px;}
.xmtj thead{background: #004a9f;}
.xmtj thead td{border-color: #004a9f; font-size: 14px; font-weight: bold; color: #fff;}
.xmtj tbody tr:first-child+tr,
.xmtj tbody tr:first-child+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr,
.xmtj tbody tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr{background: #fafafa;}
.xmtj tbody tr:hover{background: #ededed!important}

.xmtj tr{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}




/*产品详细*/
.pro_img{float:left; margin: 20px 0 26px 0; clear: both;}
.pro_img img{width: 410px; border: 1px solid #e7e7e7; padding: 3px;}

/*.pro_js{margin-top: 20px;}
.pro_js h2{font-size:26px; line-height: 1; padding:20px 0 20px 0; font-weight: normal; border-bottom:1px dashed #e7e7e7; color: #333;}
.pro_js p{line-height:24px; padding:15px 0 15px 0; border-bottom:1px dashed #e7e7e7; font-size: 14px;}*/

.pro_js{margin-top: 20px; overflow: hidden; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px;}
.pro_js li{overflow: hidden; line-height: 35px; float: left; width: 50%; font-size: 14px; position: relative;}
.pro_js li:first-child{border-bottom: 1px solid #e7e7e7; margin-bottom: 5px; padding: 0 0 5px 0;}
.pro_js li h2{float: left; font-size: 14px; width: 80px; text-align: right;}
.pro_js li h3{position: absolute; right: 0px; top: 0px; font-size: 12px;}
.pro_js li h3 a{color: #004a9f;}
.pro_js li.n_f{float: none; width: auto;}
.pro_js li b{font-size: 20px; font-weight: normal;}
.pro_js li i{float: left; display: inline; margin: 13px 5px 0 0; font-size: 14px; color: #004a9f;}

.pro_tel{font-size:14px; font-weight:bold; color:#333; padding:15px 0 15px 10px;}
.pro_tel span{font-size:24px; color:#d00; font-weight: normal; font-family: Impact; line-height: 24px;}

.bdsharebuttonbox{margin-left: 10px!important;}

.pro_gm{overflow: hidden; border-bottom:1px dashed #e7e7e7; padding: 0 0 20px 0; margin: 0 0 20px 10px;}
.pro_gm a{float: left; position: relative; width:125px; height:35px; text-align:center; line-height:35px; overflow:hidden; font-size:16px; margin:0 10px 0 0;}
.pro_gm a:hover{background:#004a9f;}
.pro_gm a.gm{background:#004a9f; color: #fff}
.pro_gm a.zx{background:#f8b62c; color: #fff;}
.pro_gm a:hover{color: #fff;}
.pro_gm a:after{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; content: ""; background: rgba(255,255,255,0);}
.pro_gm a:hover:after{background: rgba(255,255,255,0.2);}

.r_part1{background: #f4f4f4; height:35px; position:relative; overflow: hidden;}
.r_part1 h2{float: left; background:#004a9f; width: 100px; text-align: center; line-height: 35px; color:#fff; height:35px; font-size:14px; font-weight:normal;}


/*产品订购*/
.order{ margin:15px 0; border: 1px solid #e7e7e7; padding: 10px 0;}
.order tr td:first-child{text-align: right; width: 105px;}
.order tr td:first-child span{color: #8d0001}
.order td{padding:5px; color: #555;}
.order td span{color:#f00;}
.order input,
.order textarea{behavior:url(pie.htc); position:relative;}

.order .order_text{border:1px solid #c1c1c1; padding:0 10px; width:300px; height:25px; line-height:25px; overflow:hidden; font-size:12px; color:#828282; font-family:inherit; border-radius:3px; box-shadow:inset 1px 1px 3px #eaeaea;}
.order .order_text:hover{border:1px solid #004a9f;}
.order textarea{line-height:22px !important; padding:5px 10px !important;}

.order .order_submit{padding:0 25px; height:30px; line-height:30px; border-radius:3px; overflow:hidden; cursor:pointer; font-family:inherit; background:#e6271a; color:#fff; border:none; font-weight: bold;}
.order .order_submit:hover{background:#e6271a;}

/*相关产品*/
.r-list1{margin:15px 0 0 -15px; overflow:hidden; zoom:1}
.r-list1 li{float:left; width: 25%;}
.r-list1 li a{display: block; margin-left: 15px;}
.r-list1 li span{display: block; position: relative; padding-bottom: 75%;}
.r-list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 6px; box-sizing: border-box;}
.r-list1 li span:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; border:1px solid #e7e7e7;}
.r-list1 li a:hover span:after{border:3px solid #004a9f;}
.r-list1 li h2{display:block; line-height:30px; text-align:center; font-size:14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/*新闻列表*/
.news_list{/*margin-top: 20px; border-top: 1px solid #e7e7e7;*/}
.news_list li{position: relative;}
.news_list li a{display: block; border-bottom: 1px solid #e7e7e7; padding: 20px 250px 20px 20px; overflow: hidden; height: 150px;}
.news_list li span{float: left; width: 240px;}
.news_list li span i{display: block; position: relative; width: 100%; padding: 0 0 70% 0; overflow: hidden;}
.news_list li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e7e7e7;}
.news_list li .con{/*margin-left: 270px; */position: relative;}
.news_list li .con h2{position: relative; padding-top: 10px; padding-bottom: 15px; font-size: 16px; line-height: 1; color: #333; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list li .con p{color: #888; line-height: 25px; overflow: hidden;}

.news_list li .time2{position: absolute; right: 30px; top: 20px; bottom: 20px; border-left: 1px solid #e7e7e7; padding-left: 70px;}
.news_list li .time2 h2{font-size: 40px; text-align: right; color: #c8c8c8; font-family: "宋体";}
.news_list li .time2 h2 b{display: block; padding-top:30px; font-size: 16px; font-weight: normal;}
.news_list li .time2 h3{position: absolute; right: 0px; bottom: 0px; width: 120px; height: 0; background: #004a9f; text-align: center; font-size: 0px; line-height: 0px; color: #fff; text-transform: uppercase; font-weight: normal;}

.news_list li a:hover{background: #fcfcfc; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.news_list li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.news_list li a:hover .con h2{color: #004a9f;}
.news_list li a:hover .time2 h2 b{padding-top: 10px;}
.news_list li a:hover .time2 h3{height: 35px; line-height: 35px; font-size: 12px;}
.news_list li,
.news_list li span,
.news_list li span i img,
.news_list li .con h2,
.news_list li .time2 h2 b,
.news_list li .time2 h3{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

/*详细*/
.title{margin: 35px 0 15px 0; font-size: 26px; line-height: 1; color: #333; clear: both; text-align: center;}
.time{padding-bottom: 20px; border-bottom: 1px solid #f0f2f5; color: #999; text-align: center;}
.time span{display: inline-block; padding-right: 10px;}
.time span i{font-size: 14px;}

.content{padding: 15px 0; line-height: 210%; font-size: 14px; border-bottom: 0 solid #ececec;}
.content img{max-width: 100%; width: auto!important;}

.fy{overflow: hidden; padding: 10px 0; color: #d00;}
.fy li{line-height: 30px; font-size: 14px;}

/*相关资讯*/
.n_part2{border-top: 3px solid #004a9f; overflow: hidden; color: #004a9f; padding-top: 10px; padding-left: 10px; font-size: 16px;}

.n_list1{overflow: hidden; margin: 7px 0 30px 0;}
.n_list1 li{float: left; width: 50%; line-height: 34px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.n_list1 li:before{display: inline-block; content: ""; float: left; margin: 13px 8px 0 5px; border-left: 4px solid #adadad; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}


.about_img{padding: 20px 0;}


/*留言*/
.message{ overflow: hidden; margin-top: 30px; margin-bottom: 30px; margin-left: -21px;}
.message li{float: left; width: 33.33%; margin-bottom: 18px; padding-left: 21px; box-sizing: border-box;}
.message li .btn_text{background: #eeeeee; border: none; width: 100%; height: 40px; line-height: 40px; padding-left: 18px; font-size: 14px; font-family: "寰蒋闆呴粦"; color: #555; box-sizing: border-box;}
.message li .btn_text2{height: 180px; padding: 10px 18px; line-height: 25px;}
.message li .btn_submit{background: #00aef0; border: none; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 18px; cursor: pointer;}

.message li.n_f{float: none; width: auto; height: auto; clear: both;}



/**/
.zp_list{}
.zp_list li{margin-top: 20px; border: 1px solid #e7e7e7;}
.zp_list li h2{background: #fafafa; line-height: 45px; padding: 0 15px; font-size: 1em; font-weight: normal; overflow: hidden;}
.zp_list li h2 span{float: left; color: #333;}
.zp_list li h2 span font{color: #888;}
.zp_list li h2 span:first-child{width: 25%;}
.zp_list li h2 span:first-child+span+span{float: right;}
.zp_list li p{padding: 10px 15px; line-height: 25px; color: #333;}
.zp_list li p font{color: #888;}
.zp_list li a{margin-left: 12px; margin-bottom: 12px; display: block; background: #004a9f; width: 75px; line-height: 30px; text-align: center; color: #fff; border-radius: 3px;}
.zp_list li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.zp_list li{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.zpgw_js{border-top: 1px solid #e7e7e7; padding: 10px 0;}
.zpgw_js li{line-height: 30px; font-size: 16px;}
.zpgw_js li font{color: #888;}

.n_part4{border-top: 1px solid #e7e7e7; padding-top: 15px; font-size: 16px; font-weight: bold; color: #333;}

.btn_yp{border-top: 1px solid #e7e7e7; padding: 20px 0 40px 0;}
.btn_yp a{display:inline-block; padding: 7px 20px; background: #009476; color: #fff;font-size: 16px; border-radius: 5px;}

.yp_bg{margin-bottom: -30px; background: #f9f9f9; overflow: hidden;}

.n_part5{padding-top: 35px; font-size: 16px; font-weight: bold; color: #333;}

.yp{overflow: hidden; margin-top: 30px; margin-bottom: 30px; margin-right: -50px;}
.yp li{float: left; width: 50%; position: relative; margin-bottom: 15px; padding-left: 80px; padding-right: 50px;}
.yp li.n_f{float: none; clear: both; width: auto;}
.yp li h2{position: absolute; left: 10px; top: 0px; line-height: 35px; font-size: 1.16em; font-weight: normal; color: #666;}
.yp li .btn_text{padding: 0 10px; width: 100%; height: 35px; line-height: 35px; border: 1px solid #e7e7e7; font-family:"微软雅黑"; color: #888; font-size: 1em; border-radius: 5px; box-sizing: border-box;}
.yp li .btn_text2{padding: 10px; line-height: 25px; height: 80px;}
.yp li .btn_submit{background: #004a9f; width: 130px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 1.16em; border: none; border-radius: 5px; cursor: pointer;}



.xm_list{overflow:hidden; zoom:1; margin: 30px -15px 0 -15px;}
.xm_list li{float:left; width: 25%; padding: 2px 0 42px 0;}
.xm_list li a{display: block; margin: 0 15px; padding: 0 20px; background: #f8f8f8; text-align: center;}
.xm_list li i{margin-top: 30px; display: inline-block; width: 70px; height: 70px; text-align: center; line-height: 70px; font-size: 50px; border-radius: 50%; color: #005698;}
.xm_list li h2{padding-top: 10px; line-height: 1; font-size: 20px; font-weight: normal; color: #333;}
.xm_list li p{margin-top: 18px; height: 115px; color: #888; line-height: 28px;}
.xm_list li span{display: block; margin: 0 -20px; border-top: 1px solid #f0f0f0; line-height: 45px; color: #888;}
.xm_list li a:hover{background: #005698;}
.xm_list li a:hover i{border-color: #fff; color: #fff;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}
.xm_list li a:hover h2,
.xm_list li a:hover p,
.xm_list li a:hover span{color: #fff;}
.xm_list li a:hover span{border-top-color: #1866a1;}

.xm_list li i,
.xm_list li h2,
.xm_list li span,
.xm_list li p{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}





.img_list3{}
.img_list3 li{border-bottom: 1px solid #e7e7e7; padding: 15px 15px 15px 0; overflow: hidden;}
.img_list3 li span{float: left;}
.img_list3 li span img{width: 120px; height: 160px; background: #ccc}
.img_list3 li .con{margin-left: 135px;}
.img_list3 li .con h2{padding-top: 5px; padding-bottom: 10px; font-size: 16px; line-height: 1; font-weight: bold; color: #333;}
.img_list3 li .con p{color: #666; line-height: 25px;}






/*page*/
.page{text-align:center; margin:20px 0 30px 0;}
.page li{display: inline-block; *display: inline; margin: 0 3px;}
.page li a{height: 29px; line-height: 29px; display: block;padding: 0 12px; border: 1px solid #dddddd; font-size: 14px;}
.page li a:hover{background: #006bbd; border: 1px solid #006bbd; color: #fff;}
.page li a.on{background: #006bbd; border: 1px solid #006bbd; color: #fff;}




/*项目推荐*/
.n_list2{margin-top: 20px; background: #004a9f; border: 1px solid #0899de;}
.n_list2 li{}
.n_list2 li a,
.n_list2 li a:visited{display: block; padding-left: 1px;line-height: 60px; border-bottom: 1px solid #0899de; text-align: center; font-size: 14px; color: #fff;}
.n_list2 li a:hover{background: #007cb7; color: #fff}





/**/
.npart1{width: 100%; padding-top: 50px; padding-bottom: 30px; text-align: center;}
.npart1 h2{font-family: "寰蒋闆呴粦"; font-size: 28px; font-weight: bold; line-height: 1; color: rgb(34, 34, 34); text-transform: uppercase; position: relative; margin: 0 auto;}
/* .part1 i{ content: ''; width:40px;height: 3px; background: #004a9f; position: absolute;top: 50px; left: 50%;margin-left: -21px;} */
.npart1 i{display: block; width: 60px; height: 3px; background: #004a9f; margin: 25px auto 0; position: relative;}
.npart1 i::after{display: block; content: ""; position: absolute; left: 100%; top: 1px; width: 50px; height: 0px; background: #ccc;}
.npart1 i::before{display: block; content: ""; position: absolute; right: 100%; top: 1px; width: 50px; height: 0px; background: #ccc;}


.about_img{padding: 20px 0;}
.about_img img{width: 100%; }