@charset "utf-8";
/* dabai wessite system main css stylesheet */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight: normal;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
  display: block;
}
ol, ul, li{
  list-style: none;
}
blockquote, q{
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
  content: '';
  content: none;
}
table{
  border-collapse: collapse;
  border-spacing: 0;
}
 
/* custom */
a{
  color: #404040;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
}
img{border-radius:5px;}
a:hover{color:#ee8c00; text-decoration: none;}
::-webkit-scrollbar{
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track-piece{
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical{
  height: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal{
  width: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}
html, body{
  width: 100%;
  font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", "微软雅黑", sans-serif;
}
body{
  line-height: 1;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html{
  overflow-y: scroll;
}
 
/*清除浮动*/
.clearfix:before,
.clearfix:after{
  content: " ";
  display: inline-block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{
  *zoom: 1;
}
 
/*隐藏*/
.dn{
  display: none;
}

.btn-primary{background-color: #ee8c00; border-color:#ee8c00;}

/*-end reset css-*/

.more_btn .btn{padding: 0.8rem 2.2rem;}
.fl{float: left;}
.fr{float: right;}


/*769+*/
@media screen and (min-width: 769px){
	
	/*++header++*/
	.db_header{position: fixed; top: 0; z-index: 100;}
	.db_header h1{position: absolute; left: 1%;}
	.db_header nav{position: relative;}
	.db_header .db_header_more{position: absolute; right: 1%;}
	
	.db_header{width: 100%; height: 90px; background: rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.15); transition: all 0.3s;}
	.db_header.active{background: rgba(255,255,255,1); border-bottom: 1px solid rgba(255,255,255,1); box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
	.header_nav{
		margin-left: 500px;
	}
	.header_nav ul{
		
	}
	.header_nav ul li{		
		margin: 0 1vw;
		float: left;
		position: relative;
	}
	.header_nav ul li:before{
		content: "";
		position: absolute;
		height: 2px;
		z-index: -1;
		background: #ee8c00;
		width: 0;
		left: 0;
		bottom: 0;
		transition: all 0.3s ease-in-out;
	}
	.header_nav ul li:hover:before{
		width: 100%;
	}
	.header_nav ul li a{		
		display: block;
		padding: 0 1rem;
		height: 90px;
		line-height: 90px;
		font-size: 18px;
		color:#fff;
	}
	.db_header.active .header_nav ul li a{color:#404040;}
	
	.nav_sub{
		display: none;
		position: absolute;
		top: 90px;
		width: 150px;		
		background: #fff;
	}
	
	.header_nav ul li .nav_sub a{		
		height: 45px;
		line-height: 45px;
		text-indent: 1rem;
		font-size: 14px;
		transition: all 0.3s ease;
		background: #fff;
		border-bottom: 1px solid #f2f2f2;
	}
	.header_nav ul li .nav_sub a:hover{
		color:#fff;
		background: #ee8c00;
	}
	
	.header_nav ul li:hover .nav_sub{
		display:block;	
	}
	
	.db_header_more{
		top: 20px;		
		padding-left: 40px;
		background:url(../images/icon_tel.png) no-repeat left center;
		font-size: 16px;
	}
	.db_header_more a{color:#ee8c00;}
	.header_more_tel{
		display: block; 
		
	}	
	.db_header_more b{
		display: block;
		margin-top: 5px;
		font:bold 1.5rem "arail";
	}
	
	/*banner*/
	
	.db_slide{height: 100vh; background: #f2f2f2;}
	.db_slide .swiper-slide{height:100vh;}

	
	/*floor*/
	.floor{padding:5rem 0;}
	.container{margin:0 auto; width:1600px;}	
	.floor_tt{margin-bottom: 2rem;}
	.floor_tt .fl h3{font: bold 2.4rem "微软雅黑";}
	.floor_tt .fl h3 small{display: block; font: normal 0.8rem "arail"; color: #ee8c00;}
	
	/*about*/
	.c_name{margin-bottom: 1rem; font:bold 2.5rem "微软雅黑";}
		.c_name small{display: block; margin-bottom: 5px; font:normal 0.8rem "arail";}
	.c_intro{font:normal 1rem/2 "微软雅黑"; color: #777;}
	.c_related{margin: 1rem 0;}
	.c_btn{}
	.icon_about{display: block; width: 100%; text-align: center;}
	.icon_about img{margin: 0 auto 10px auto; display: block;}
	
	#about_num{padding:2rem 0; background:#eef1f6;text-align: center;}
	#about_num h4{font: normal 4rem/1.3 arail; color: #ee8c00; }
	#about_num h4 small{font-size: 1rem;}
	#about_num p{font-size: 0.8rem; color: #777；}
	
	/*products*/
	#products{background: #29333b;}
	#products .floor_tt .fl h3{color: #eee;}
	
	.product_cate{}
	.product_cate li{margin-bottom: 3px;}
	.product_cate li a{display: block; width: 100%; height: 46px; background: #eee; color: #333; text-align: center; line-height: 46px; transition: all 0.3s; border-radius: 3px;}	
	.product_cate li a:hover{background: #ee8c00; color: #fff;}
	
	.products_list li a{display: block; width: 100%; height: 100%; background: #fff; border-radius: 3px;}
	.p_img_box img{border-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	.p_txt_box{height: 60px; text-align: center;}
	.p_txt_box h2{font: normal 18px/60px "微软雅黑"}
	
	.equipment_gallery{}
		.equipment_gallery li{margin-bottom:1rem;}
		.equipment_gallery li img{display: block; margin-bottom: 10px;}
	
	#news{padding:80px 0; background:#fbfbfb;}
	.news_list{}
		.news_item{position: relative; margin-bottom: 15px;}
		.news_item a{display: block; width: 100%; height: 100%; background: #fff;}
		.n_pic_box{width: 28%;}
		.n_txt_box{position: absolute; top:20px; right: 5%; width: 63%;}
		.n_txt_box h3{font: normal 1.5rem/2 "微软雅黑";}
		.n_txt_box p,.n_txt_box small{font: normal 14px/1.4 "微软雅黑"; color: #aaa;}
		.n_txt_box small{display: block; margin-top: 50px;}
	
	.db_footer{padding: 3rem; background: #18283b;}
		.footer_content,
		.footer_content a{color: #a9acb8;}
		.footer_content a:hover{color: #d9dce7;}
		.footer_left,
		.footer_mid{float: left; width: 42%; margin-right: 1%;}
		.footer_mid{width:30%}
		.footer_right{float: right; width: 24%; text-align: right;}
		.footer_right img{max-width: 300px;}
		
		.footer_content h5{margin-bottom: 1rem; font:bold 1.8rem "微软雅黑";}
		.footer_category li{float: left; width: 26%; margin-right: 2%; margin-bottom: 10px;}
		.footer_category li a{display: block; padding: 8px 0; width: 100%; height: 100%; text-align: center; border: 1px solid #a9acb8; color: #a9acb8; font-size: 14px;}
		
	
		.footer_contact li{margin-bottom: 1.5rem; padding-left: 38px; background: url(../images/icon_footer_address.png) no-repeat left top;}
		.footer_contact li b{display: block; margin-bottom: 8px; font-weight: bold; color: #d9dce7;}
		.footer_contact li.footer_tel{background-image: url(../images/icon_footer_phone.png);}
		.footer_contact li.footer_email{background-image: url(../images/icon_footer_email.png);}
		.footer_contact li.footer_website{background-image: url(../images/icon_footer_website.png);}
		
	
	.footer_icp{margin-top: 1rem;  padding: 1rem 0; border-top: 1px solid rgba(222,222,222,0.1); color: #424d5b;}
	.footer_icp a{color: #424d5b;}
	.footer_icp a:hover{color: #a9acb8;}
	
	
	/*- subpage -*/
	.banner_ny{position: relative; height:320px; background:#6b6f7d url(../images/banner_about.jpg) no-repeat center top;}
	.banner_about{}
	.banner_news{background-image:url(../images/banner_news.jpg);}
	.banner_product{background-image:url(../images/banner_product.jpg);}
	.banner_service{background-image:url(../images/banner_service.jpg);}
	.banner_case{background-image:url(../images/banner_case.jpg);}
		.banner_txt{position: absolute; top: 50%; text-align:center; width: 100%; color: #f2f2f2;}
		.banner_txt h3{font: bold 2rem/2 "微软雅黑";}
	
	.db_subpage{padding-bottom: 5rem;}
	
	.subpage_tt{height:80px; background: #f3f6f9;}
	.subpage_category{}
		.subpage_category li{float: left; margin-top: 25px;}
			.subpage_category li a{display: block; width: 100%; padding: 5px 2rem; border-left: 1px solid #d8dadd;}
	
	.db_crumb{clear:both;}
	.breadcrumb{padding: 15px 0; background: none; border-bottom: 1px solid #e1e3e6; font-size: 14px;}
	
	.subpage_con{padding-top:3rem; padding-bottom:3rem;}
	.product_area,
	.product_detail,
	.product_img{margin-bottom: 3rem;}
		.product_img{}
		.product_txt h2{margin-bottom: 1rem; font: bold 2rem/2 "微软雅黑";}
		.product_txt .txt_summary{margin-bottom: 1rem; padding: 1rem; font-size: 14px; background: #f9f9f9; border-radius: 3px; color: #888;}
		.product_txt ul li{padding-bottom: 1rem; margin-bottom: 1rem; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
		.product_txt ul li a{margin-right: 1rem;}
		.product_btn{margin-top: 3rem;}
		.product_btn .btn{padding-left: 2rem; padding-right: 2rem; margin-right: 1rem;}
	.product_detail_tt{margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid #eee; font:bold 1rem/2 "微软雅黑"; }
	
	.news_detail_tt{margin: 1rem 0 2rem 0; padding-bottom: 2rem;}
		.news_detail_tt h2{margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #eee; font: normal 2rem/2 "微软雅黑"; text-align: center;}
		.news_detail_tt .fl,.news_detail_tt .fr{font-size: 14px; color: #888}
	.news_detail_con{margin-bottom: 3rem;}
	
	
	.contact_detail{margin-bottom: 1rem;}
	.contact_txt h2{padding-bottom: 1rem; margin-bottom: 2rem; font: bold 2rem/2 "微软雅黑"; border-bottom:1px solid #eee;}
		.contact_txt h2 small{display: block; font:normal 0.8rem/1.2 "arail"; text-transform: uppercase;}
	.contact_info li{margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px dashed #eee;}
		.contact_info b{font-weight: bold;}
	.contact_img{text-align: right;}

	.about_floor{margin: 1rem 0 2rem 0; padding-bottom: 1rem;}
	.about_floor_tt{padding:1rem 0; border-bottom: 1px solid #eee; text-align: center; font: bold 2rem/2 "微软雅黑";}
	.about_floor_tt small{display: block; margin-top: 8px; font:normal 14px/2 "arail";}
	.about_con{}
		.about_con td{padding:10px;}
	
	
}



@media screen and (max-width: 768px){
	/*++header++*/
	.db_header{position: fixed; top: 0; z-index: 100;}
	.db_header h1{position: absolute; left: 1%; width:70%; height:100%;}
	.db_header h1 a{display: block; width: 100%; height: 100%; background: url(../images/logo_xinrui_m.png) no-repeat left top;}
	.db_header h1 a img{display: none;}	
	.db_header .db_header_more{position: absolute; right: 1%;}
	
	.db_header{width: 100%; height: 80px; background: rgba(255,255,255,1); transition: all 0.3s; box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
	.db_header.active{background: rgba(255,255,255,1); }
	
	.header_nav{
		position:absolute; right:0; top:0;
	}
	.header_nav ul{
		
	}
	.header_nav ul li{		
		margin: 0 1vw;		
		position: relative;
	}
	.header_nav ul li a{		
		display: block;
		padding: 0 1rem;
		font-size: 18px;
		color:#fff;
	}
	.db_header.active .header_nav ul li a{color:#404040;}
	
	.nav_sub{
		display: none;		
		background: #fff;
	}
	
	.header_nav ul li .nav_sub a{		
		height: 45px;
		line-height: 45px;
		text-indent: 1rem;
		font-size: 14px;
		transition: all 0.3s ease;
		background: #fff;
		border-bottom: 1px solid #f2f2f2;
	}
	.header_nav ul li .nav_sub a:hover{
		color:#fff;
		background: #ee8c00;
	}
	
	.header_nav ul li:hover .nav_sub{
		display:block;	
	}
	
	.db_header_more{
		display:none;
	}
	
	/*-slider-*/
	.db_slide{margin-top:80px; background: #f2f2f2;}
	.db_slide .swiper-slide img{width:100%; height:auto;}

	
	
}

@media screen and (min-width: 769px) and (max-width: 1024px){
	.db_header{background: #fff;}
}

@media screen and (min-width: 1025px) and (max-width: 1440px){
	
}

@media screen and (min-width: 1441px) and (max-width: 1600px){
	
}

@media screen and (min-width: 1600px) and (max-width: 1920px){
	
}