/*about s*/
.banner img{ display: block; width: 100%; height: auto;}
	.art-content{ line-height:30px; font-size: 16px; padding: 15px;  }
	.art-content a { color:#666;}
	.art-content img { max-width:100%!important; height:auto!important; margin:0px auto;}
	.shl-tit{ color: #97331a; font-size: 31px; font-weight: bold; text-align: center; padding: 15px 15px 0 15px;}
	.shl-tit1{ color: #97331a; font-size: 18px;  text-align: center;text-transform: uppercase;}
	.shl-ppic{padding: 15px;}
	.shl-ppic video{width: 100%; }
	
	.art-content1{padding: 10px; display: flex;flex-wrap: wrap;}

	.shl-ke-pic{width: 100%; height: 0px; overflow: hidden;  padding-bottom: 100%; 
	position: relative;/*border: 1px solid #D9D9D9;*/}
	.shl-ke-pic image{width: 100%; height: 100%; min-height: 300px; position: absolute;}
	.shl-licheng1{ font-size: 18px; color: #31BFB3; font-weight: bold;}
	.shl-licheng2{ font-size: 15px; padding-bottom: 20px; }
	
	/*滑动门 begin*/
	.swiper-tab{border-bottom:1px solid #dddddd; width: 100%; display:flex; padding-left: 0px;  background-color: #FFFFFF; z-index: 100;}
	.swiper-tab-list{ font-size: 15px; width: 25%; color: #b9b9b9; text-align: center; }
	.swiper-tab-list text{ display: inline-block; line-height: 40px;}
	.swiper-tab .on{color: #31BFB3; border-bottom:4upx solid #31BFB3;}
	.wrap{  }
	.wrap.open{ display: block!important;}
	.sfont{font-size: 15px;}
	.haeanav{padding: 0 15px;}
	
/*about end*/



.ny-title{ 
    font-weight: normal;color: #000000; border-bottom:2px #e6e6e6 solid; width:100%; float:left
 
    }


.ny-title .text{ font-size: 1.1rem;  text-align: left; color: #333;  float:left; text-align:left; padding:20px}
.ny-title .text1{ font-size: 24px; line-height: 100px; text-align: left; color:#333; text-transform:uppercase; width:48%; float:left; text-align:right; margin-right:10px}
.ny-title .text span{color: #2b4aa5;
    font-weight:normal;
   background: url(../images/logo_03.png) no-repeat left center;font-size: 1.1rem; padding-left:30px}



/*liuyan s*/
.wrap{ padding: 10px 0px 50px 0;}
.wrap.message{background-color: #fff;border-top: 13px solid #F5F5F6; margin-bottom:30px;}
.message-title{ padding: 0px 15px;}
.message-title .text{ font-size: 19px; line-height: 29px; text-align: center; color: #666666;}
.message-title .text1{ font-size: 16px; line-height: 29px; text-align: center; color: #D6D6D6;}
.message-input{ background-color: #F0F0F0; margin: 10px 15px 0px 15px; padding: 4px 10px; border-radius: 4px; }

.message-input input{ width: 100%; background-color: #F0F0F0; border:1px solid #F0F0F0;  font-size:16px; }

.message-input textarea{ width: 100%; max-width: 100%; min-height: 90px; background:#F0F0F0; border: none; font-size:16px; font-family:"微软雅黑"; color:#757575; }
.message-button{ padding: 15px;}
.message-button button{ background-color: #16A6EA; text-align: center; color: #fff; border-radius: 4px; font-size: 32rpx;}

.message-button button {
    background-color: #16a6ea;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-size: 17px;
}
.message-button button {
    color: #fff;
    background-color: #007aff;
}
.message-button button {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    line-height: 2.55555556;
    border-radius: 5px;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    color: #fff;
    background-color: #413b3d;
    cursor: pointer; width:100%; border:none;
}

/*liuyan end*/






.banner{ width:100%; }
.banner img{ width:100%}

/*honor s*/
.art-content_4 {padding: 40 10px 10px 10px; display: flex;flex-wrap: wrap;  font-size:15px; /*padding-bottom:65px;*/}
.art-content_4 a { color:#333;}
	.art-content{padding: 20px 10px 80px 10px; display: flex;flex-wrap: wrap;  /*padding-bottom:65px;*/}
	.art-content_1{padding: 10px; display: flex;flex-wrap: wrap;  padding-top:10px; padding-bottom:15px; text-align:center;}
	.art-content_2{padding: 10px; display: flex;flex-wrap: wrap;  padding-top:10px; padding-bottom:65px;}
	
	
	.art-content_3{ padding: 10px; display: flex;flex-wrap: wrap;  padding-top:20px; padding-bottom:65px; font-size:15px; line-height:30px;}
	.art-content_3 td { border:1px solid #ccc; line-height:30px; padding:3px 5px; }
	
	.art-content_3 table { width:100%!important; margin-top:20px; margin-bottom:20px;
    border-collapse: collapse;
    border-spacing: 0;
}
	
	.con_item {
	    width: 33%;
	    overflow:  hidden;
	    position: relative;
	    box-sizing: border-box;
		padding: 5px;
		
	}
	.shl-ke-pic{width: 100%; height: 0px; overflow: hidden;  padding-bottom: 120%; 
	position: relative;/*border: 1px solid #D9D9D9;*/}
	.shl-ke-pic image{width: 100%; height: 100%; min-height: 300px; position: absolute;}
	.shl-ptit{font-size: 16px; overflow: hidden; height: 30px; line-height: 30px; 
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; 
-webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; width: 100%; text-align: center; background:#00934e ; color:#fff}

.shl-ptit a {color:#fff}
.shl-ptit1{font-size: 15px; overflow: hidden; height: 30px; line-height: 30px; 
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; 
-webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; width: 100%; text-align: left; color:#000}
.shl-ptit2{font-size: 14px; overflow: hidden; height: 30px; line-height: 30px; 
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; 
-webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; width: 100%; text-align: left; color:#666}



.c_maindd {
	    padding: 10px 0;
	    border-bottom: 1px solid #dedede; display: flex;
		background-image: url(http://fabu.webd.testwebsite.cn/xcxico/cloudshop/el-ico-jt-hui.png);
		background-size: auto 31px;
		background-position: right center;
		background-repeat: no-repeat;
		    width: 94%;
		    margin: 0 auto;
	}
	.c_mainpic {
	    width: 4px;
	    height: 44px;
	    background-color: #0a88d8;
	    border-radius: 4upx;
	}
	.c_mainddtxtshl {
	    padding-left: 20px;
		padding-right: 20px;
	    line-height: 44px;
		font-size:15px;
	}
	

/*honor e*/







/*honor_da s*/

.canshu{padding: 0 15px; }
.shl-ke-pic1{ height:135px; overflow:hidden}
.art-content image{ width: 100%; height:auto; display: block; }
.art-content view{line-height:1.5em; font-size: 17px; color: #606060;}
.news-title-view{padding:65px 15px 15px; border-bottom: 1px solid rgba(0, 0, 0, .05);}
.news-title-view .title{ font-size:20px; line-height: 25px; padding-bottom: 10px; font-weight: bold;}
uni-image {padding-bottom: 10px;}

.shl-time{font-size: 12px;
color: #969696;background-image: url(http://fabu.webd.testwebsite.cn/xcxico/100ppi/el-ico-time-969696.png);
background-size: auto 13px;
background-position: 0;
background-repeat: no-repeat;
padding-left: 15px;}

.otherview{ display:flex; align-items: center; justify-content: space-between;}

/*honor_da e*/







/*pro_da s*/

rich-text{width: 100%;}



.art-content image{ width: 100%; height:auto; display: block; }
.art-content view{line-height:1.5em; font-size: 15px; color: #606060;}

.news-title-view .title{ font-size:20px; line-height: 25px; padding-bottom: 10px; font-weight: bold;}
/*滑动门 begin*/
.swiper-tab{border-bottom:1px solid #dddddd; width: 100%; display:flex; padding-left: 0px;  background-color: #FFFFFF; z-index: 100;}
.swiper-tab-list{ font-size: 15px; width: 50%; color: #b9b9b9; text-align: center; }
.swiper-tab-list text{ display: inline-block; line-height: 71px;}
.swiper-tab .on{color: #0a88d8; border-bottom:4upx solid #0a88d8;}
.wrap{ /*display: none;*/}
.wrap.open{ display: block!important;}
.sfont{font-size: 15px;}
.sfont img { max-width: 100%!important; max-height:auto!important;}
.sfont table { width: 100%!important; height:auto!important; table-layout:fixed;
word-break:break-all;
word-wrap:break-word;
border-collapse:collapse;
margin:0;
padding:0; }
.sfont table  tr td { word-wrap:break-word; }
.sfont p { font-family:"微软雅黑"!important; font-size: 15px;}
.sfont p span { font-family:"微软雅黑"!important; font-size: 15px; color:#333; line-height:30px;}



.haeanav{padding: 0 15px;}

.shl-time{font-size: 12px;
color: #969696;}

.otherview{ display:flex; align-items: center; justify-content: space-between;}
.shl-wdxx{ width: 132.5px; min-width: 132.5px; height: 52.5px; background: #642C1F;   border-radius: 40px; display:flex; align-items: center; justify-content:center; font-size: 12px; color: #fff;   padding: 0px; margin: 0px;}
.shl-wdxx::after{ border:none;}
.shl-wdxx image{ width: 12px; height: 12px; margin-top: 0px;}
.shl-wdxx text{ margin-left:4px;}



/*pro_da e*/	



/*news s*/

	.wap_news .con_item {
	    display: flex;flex-wrap: nowrap; width:100%;
	    overflow:  hidden;
	    position: relative;
	    box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,0.05);padding: 15px 0; 

background-color: #fff; float:left;
		
	}
	.wap_news .shl-ke-pic{width: 225px; min-width: 225px; height: 130px; overflow: hidden; 
	position: relative;border: 1px solid rgba(0,0,0,0.1); margin-left: 22.5px;border-radius: 3px;}
	.wap_news .shl-ke-pic image{width: 100%; height: 100%; min-height: 225px; position: absolute;}
	.wap_news .shl-left{ width: 100%;}
	.wap_news .shl-ptit{font-size: 17px; width: 100%; line-height: 20px;  text-align:left; height:auto!important;}
	
	

	.ncon_item{display: flex;
    flex-wrap: nowrap;
    
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 12px 20px;
    border-bottom: 1px solid #e0e0e0;}
	
	
	
	.wap_news .shl-time{font-size: 12px;
color: #969696;margin-top: 10px;background-image: url(http://fabu.webd.testwebsite.cn/xcxico/100ppi/el-ico-time-969696.png);
background-size: auto 13px;
background-position: 0;
background-repeat: no-repeat;
padding-left: 15px;}
/*滑动门 begin*/
.xwfl.haeanav .swiper-tab {border-bottom:0px solid #dddddd; margin-bottom:40px; width: 100%; display:flex; padding-left: 0px;  background-color: #FFFFFF; position: fixed;z-index: 100; height:50px;}
.wap_news .swiper-tab-list{ font-size: 15px; width: 33.33%; color: #b9b9b9; text-align: center; }
.wap_news .swiper-tab-list text{ display: inline-block; line-height: 71px;}
.wap_news .swiper-tab .on{color: #0a88d8; border-bottom:4upx solid #0a88d8;}
.wap_news .wrap{ background-color: #FFFFFF; width:100%;  float:left; padding:0px 0px;}
.wap_news  a { background-color: #FFFFFF; width:100%;  float:left;}
.wap_news .wrap.open{ display: block!important; float:left;}
.xwfl.haeanav { margin-top:70px; margin-bottom:0px; line-height:50px;  font-size: 23px; color:#000;   background: url(../images/wap_xw.png) no-repeat  8px 12px; padding-left:40px;   background-size: auto 26px;}

.xwfl.haeanav .swiper-tab .swiper-tab-list span {
    font-size: 23px;
    margin-top: 16px; margin-bottom:40px; 
      color:#333;
    padding-left: 37px;
    background-image: url(../images/wap_xw.png);
    background-size: auto 26px;
    background-position: 0;
    background-repeat: no-repeat;
}
	
	.art-content.wap_news { margin-bottom:70px; padding-top:30px;}
	
	
/*news e*/




	
/*news_da s*/
.canshu{padding: 0 15px; }
/*.art-content{padding: 15px; }*/
.art-content image{ width: 100%; height:auto; display: block; }
.art-content view{line-height:1.5em; font-size: 17px; color: #606060;}
.news-title-view{padding:15px; border-bottom: 1px solid rgba(0, 0, 0, .05);}
.news-title-view .title{ font-size:20px; line-height: 25px; padding-bottom: 10px; font-weight: bold;}







.shl-time{font-size: 12px;
color: #969696;background-image: url(http://fabu.webd.testwebsite.cn/xcxico/100ppi/el-ico-time-969696.png);
background-size: auto 13px;
background-position: 0;
background-repeat: no-repeat;
padding-left: 15px;}

.otherview{ display:flex; align-items: center; justify-content: space-between;}
.shl-wdxx{ width: 132.5px; min-width: 132.5px; height: 52.5px; background: #642C1F;   border-radius: 40px; display:flex; align-items: center; justify-content:center; font-size: 12px; color: #fff;   padding: 0px; margin: 0px;}
.shl-wdxx::after{ border:none;}
.shl-wdxx image{ width: 12px; height: 12px; margin-top: 0px;}
.shl-wdxx text{ margin-left:4px;}


.wap_ny_gao { width:100%; height:0px; margin:0px auto;}
.wap_ny_gao_d { width:100%; height:60px; margin:0px auto;}

/*news_da e*/


.art-content p {  table-layout:fixed;
word-break:break-all;
word-wrap:break-word;
border-collapse:collapse;
margin:0;
padding:0; color:#666}




.up-down-page{ width:90%; margin:0 auto 0 auto; padding:5px 0 10px 0;}
.ui-uppage{
	margin: 0px;
	padding: 0px;
	float: left;
	margin-left: 12px;
    text-align: center;
}
.ui-uppage a:link {
	color: #fff;
	text-decoration: none;
	margin: 0px;
	height: 26px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	display: block; 
	text-decoration: none;
	font-size: 13px;
	line-height: 26px;

 border:1px ##b58e67 solid; background:#b58e67
}
.ui-uppage a:visited {
		color: #fff;
	text-decoration: none;
	margin: 0px;
	height: 26px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	display: block; 
	text-decoration: none;
	font-size: 13px;
	line-height: 26px;

 border:1px ##b58e67 solid; background:#b58e67
}
.ui-uppage a:hover {
	color: #fff;
	text-decoration: none;
	margin: 0px;
	height: 26px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	display: block; 
	text-decoration: none;
	font-size: 13px;
	line-height: 26px;

 border:1px ##b58e67 solid; background:#b58e67
}
.ui-uppage a:active{
	color: #b58e67;
	text-decoration: none;
	font-size: 13px;


	margin: 0px;
	height: 26px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	display: block; 
	text-decoration: none;
	
	line-height: 26px;

 border:1px #b58e67 solid; background:#fff
}
.ui-downpage{
	margin: 0px;
	padding: 0px;
	float:left;
	 margin-left:12px; text-align:center
}
.ui-downpage a:link {
	color: #fff;
	text-decoration: none;
	margin: 0px;
	height: 26px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	display: block; 
	text-decoration: none;
	font-size: 13px;
	line-height: 26px;

 border:1px ##b58e67 solid; background:#b58e67
}
.ui-downpage a:visited {
	color: #fff;
	text-decoration: none;
	margin: 0px;
	height: 26px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	display: block; 
	text-decoration: none;
	font-size: 13px;
	line-height: 26px;

 border:1px ##b58e67 solid; background:#b58e67
}
.ui-downpage a:hover {
	color: #fff;
	text-decoration: none;
	margin: 0px;
	height: 26px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	display: block; 
	text-decoration: none;
	font-size: 13px;
	line-height: 26px;

 border:1px ##b58e67 solid; background:#b58e67
}
.ui-downpage a:active{
	color: #b58e67;
	text-decoration: none;
	font-size: 13px;


	margin: 0px;
	height: 26px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	display: block; 
	text-decoration: none;
	
	line-height: 26px;

 border:1px #b58e67 solid; background:#fff
}


.newspage{ width:100%; margin-top:30px}



<!--/产品/-->



.shangnet { width:90%; margin:0 auto;	
	overflow:hidden;
	position: relative;
	/*max-height:164px;*/
}

.houjia {}
.houjia ul li{ text-align: center;   width: 50%;  float: left; margin-bottom:20px; }
.houjia:after { clear: both; content: " "; display: block; }
.houjia  li p{ line-height: 34px; margin:0; padding:0; font-size:14px;}
.houjia  li a{ display:block;   font-size:14px; color:#444; text-align:center;  }
.middle_pic {list-style:none; font-family: Arial, Helvetica, sans-serif;}/*这里的字体一定要写  可以用  microsoft yahei  或者 Arial, Helvetica, sans-serif  宋体不行*/
/*.middle_pic { text-align:center; width:150px; height:100px; margin:0 auto; z-index:8; padding:0px; overflow:hidden}
.middle_pic .bdlistImg {width:150px; height:100px; background-color:#EAEDEE; border: 1px solid #E1E1E1; text-align:center; overflow:hidden}
.middle_pic .bdlistImg img{border:0px solid #FBFBFB;  max-height:110px; max-width:150px; _width:expression(this.width > 137 ? '137px' : true);  _height:expression(this.height > 100 ? '100px' : true); vertical-align:middle; border:0px none;}
.middle_pic .bdlistImg span {display:inline-block; height:100%; vertical-align:middle; width:0px;}
.middle_pic .bdlistName {height:33px; line-height:33px; color:green; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.c_tupic{ margin:15px 0px 0; background:#fff; padding:2px 0 0;}
*/










.prod-tit,.page-prod dt{color:#323232;font-size:16px;font-weight:700;height:40px;line-height:40px;text-align:center;}
.page-prod dl{margin-bottom:10px;}
/* .page-prod dt{padding-left:50px;background:url(../images/icon-type.png) no-repeat 30px center; line-height:40px;font-size:16px;font-weight:bold;margin-bottom:10px;} */
.page-prod dd{float:left;width:45%;margin: 0 0 1.5% 2%;padding-left:1.8%;background:url(../images/icon-cp.png) no-repeat 6px center;line-height:36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border:1px solid #ddd;}
.page-prod dd:hover{background:#ddd url(../images/icon-cp.png) no-repeat 6px center;font-weight:bold}
.page-prod dd:hover a,.prod-list:hover a{color:#2b67c6;}

.cblue {
    color: #0099ff;
}

.cred {
    color: #f90000;
}.red {
    color: #f90000;
}


.form-btn{display:inline-block;zoom:1;vertical-align:baseline;margin:10px 20px;outline:0;cursor:pointer;text-align:center;text-decoration:none;padding:.3em 1em;text-shadow:0 1px 1px rgba(0,0,0,.3);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);color:#d9eef7;border:solid 1px #0076a3;background:#0095cd;background:-webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));background:-moz-linear-gradient(top,#00adee,#0078a5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5')}
.form-btn:hover{text-decoration:none}



.art-content_4 .order-main form .css tr td input { line-height:28px; margin-top:5px; margin-bottom:5px; padding-left:10px; width:90%!important;}








.art-content_4 .order-main form .css tr td #textarea  {  padding-left:10px; font-size:14px; color:#666; font-family:"微软雅黑"; width:90%!important;}