@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;

  box-sizing: border-box;
	
	word-break:break-all;

}

*{word-break: break-all!important;text-wrap: wrap!important;}

/* 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:#1b79e3; 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: #2073d0; border-color:#2073d0;}



/*-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_inner{

		max-width:1600px; 

		margin: 0 auto;

		display: flex;

		justify-content: space-between;

	}

	.db_header h1{}

	.db_header nav{position: relative;}

	.db_header .db_header_more{}

	

	.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{

		

	}

	.header_nav ul{

		display: flex;

		justify-content: center;

		gap: 1rem;

	}

	.header_nav ul li{		

		position: relative;

	}

	.header_nav ul li:before{

		content: "";

		position: absolute;

		height: 3px;

		z-index: -1;

		background: #2785c7;

		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: 16px;

		font-weight: bold;

		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: #3681d5;

	}

	

	.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{display: block; padding-top:20px; color:#232323;}

	.db_header_more a span{font-size:14px;}

	.header_more_tel{

		display: block; 

		

	}	

	.db_header_more b{

		display: block;

		font:bold 1.5rem "arail";

	}

	

	/*banner*/

	

	.db_slide{height: 600px; background: #f2f2f2;}

	.db_slide .swiper-slide{}

	

	

	/*jyxm*/

	#jyxm{display: flex; background: transparent; margin-top: -15px; position: relative; z-index: 10;}

	.jyxm_tt{		

		padding: 40px 120px 40px 0;

		background: #2073d0 url(../images/jyxm_arrow.jpg) no-repeat right center;

		width: 660px;

		border-top-right-radius:15px;

		text-align: right;

		color: #fff;

	}

	.jyxm_tt p{margin-bottom:48px; text-transform:uppercase; font: bold 30px Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-style: italic; color: rgba(255,255,255,0.75);}

	.jyxm_tt h3{font: bold 30px "微软雅黑"}

	

	.jyxm_con{padding-top:25px; width: 1120px;}

	.jyxm_con ul{background:#fff; display: flex; flex-wrap: wrap;}

	.jyxm_con ul li{width:33.3%;}

	.jyxm_con ul li a{display:flex; padding: 25px; width:100%; height: 104px; border: 1px solid #dbdfe2; border-width:0 1px 1px 0; justify-content: flex-start; align-items: center;}

	.jyxm_con ul li a:hover{color:#2073d0;}

	.jyxm_con ul li a .jyxm_icon{display:block; width: 39px; height:39px; overflow: hidden;}

	.jyxm_con ul li a p{margin-left: 18px; font: normal 16px "微软雅黑"; color:#69767f;}

	.jyxm_con ul li:nth-child(1) a .jyxm_icon{background:url(../images/icon_yewu06.png) no-repeat center top; transition:all 0.3s;}

	

	.jyxm_con ul li:nth-child(2) a .jyxm_icon{background:url(../images/icon_yewu02.png) no-repeat center top; transition:all 0.3s;}

	

	.jyxm_con ul li:nth-child(3) a .jyxm_icon{background:url(../images/icon_yewu03.png) no-repeat center top; transition:all 0.3s;}

	

	.jyxm_con ul li:nth-child(4) a .jyxm_icon{background:url(../images/icon_yewu05.png) no-repeat center top; transition:all 0.3s;}

	

	.jyxm_con ul li:nth-child(5) a .jyxm_icon{background:url(../images/icon_yewu07.png) no-repeat center top; transition:all 0.3s;}

	

	.jyxm_con ul li:nth-child(6) a .jyxm_icon{background:url(../images/icon_yewu08.png) no-repeat center top; transition:all 0.3s;}

	

	.jyxm_con ul li:nth-child(7) a .jyxm_icon{background:url(../images/icon_yewu07.png) no-repeat center top; transition:all 0.3s;}

	

	.jyxm_con ul li:nth-child(8) a .jyxm_icon{background:url(../images/icon_yewu08.png) no-repeat center top; transition:all 0.3s;}

	

	.jyxm_con ul li:nth-child(9) a .jyxm_icon{background:url(../images/icon_yewu09.png) no-repeat center top; transition:all 0.3s;}

	

	.jyxm_con ul li:nth-child(10) a .jyxm_icon{background:url(../images/icon_yewu10.png) no-repeat center top; transition:all 0.3s;}

	

	.jyxm_con ul li a:hover .jyxm_icon{background-position:center bottom;}

	

	



	

	/*floor*/

	.floor{padding:5rem 0;}

	.container{margin:0 auto; width:1600px;}	

	.floor_tt{margin-bottom: 2rem;}

	.floor_con{margin-left: auto; margin-right: auto; width:1600px;}

	.floor_tt .fl h3{font: bold 3rem "微软雅黑";}

	.floor_tt .fl h3 small{display: block; font: normal 0.8rem "arail"; color: #237de1;}

	

	/*about*/

	#about{display:flex; justify-content: space-between; gap:120px; width:1765px; margin-left: auto; margin-right:0;}

	.about_pic{width:987px;}

		.about_pic img{border-radius: 30px 0 0 0;}

	.about_con{width:640px;}

	

		.c_name{margin-bottom: 1rem; padding-top:90px; font:bold 2.5rem "微软雅黑"; background: url(../images/bg_about_con.jpg) no-repeat left top;}

			.c_name small{display: block; margin-bottom: 5px; font:normal 0.8rem "arail"; color:#4fa223;}

			.c_name span{display: block; margin: 1rem 0; width: 50px; height:5px; background: #3c415b; overflow: hidden;}

		.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{margin-top:2rem; padding:2rem 0;}

	#about_num ul{display: flex; gap:25px; width: 100%;}

	#about_num ul li{padding:30px 10px; width:30%; background: #fff; box-shadow:0 0 15px rgba(29,30,36,0.15);}

	#about_num h4{font: normal 4rem/1.3 arail; color: #2073d0; }

	#about_num h4 small{font-size: 0.9rem; color:#2073d0;}

	#about_num p{margin-top:1.4rem; font-size: 1rem; font-weight: bold; color: #1f2022；}

	

	/*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:#05182c url(../images/bg_news.jpg) no-repeat; background-attachment: fixed;}

	.news_more{display: block; margin: 5% auto 0 auto; border-radius:100px; max-width: 150px;}

		#news .floor_tt .fl{margin-bottom:3%; float:none; text-align:center; color: #fff;}

	#news .news_con{display:flex; justify-content: space-between; max-width: 1600px; margin: 0 auto;}

	.news_tt{margin-bottom:2rem; padding-left:40px; background: url(../images/icon_news01.png) no-repeat left center; font: bold 24px "微软雅黑"; color: #fff;}

	.news_box_col:nth-child(2) .news_tt{background-image:url(../images/icon_news02.png);}

	.news_box_col:nth-child(3) .news_tt{background-image:url(../images/icon_news03.png);}

	.news_box_col{padding: 25px; width:32%; border: 1px solid rgba(255,255,255,0.65); transition: all 0.3s;}

	.news_box_col:hover,.news_box_col:nth-child(1){border-color:#2073d0; background:#2073d0;}

	

	.news_list{}

		.news_item{margin-bottom: 15px;}

		.news_item a{display: flex; gap:10px; align-items: center; width: 100%; height: 100%; padding: 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: #fff;}

		.n_pic_box{width: 28%;}

		.n_date_box{width:70px;}

		.n_date_box p{font:normal 14px/1.5 "arial"; text-align: center;}

		.n_date_box p:nth-child(1){font-size:22px; font-weight: bold;}

		.n_txt_box{}

		.n_txt_box h3{font: normal 16px/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_company{background:url(../images/bg_company.jpg) no-repeat center top; min-height: 595px;}

	#db_company .floor_tt .fl{margin-bottom:3%; float:none; text-align:center; color: #2073d0;}

	#db_company .floor_tt .fl small{color:#0e151f;}

	.company_list{display:flex; justify-content: space-between;}

	.company_list li{width:24%; padding:3rem 1rem; background: #fff; box-shadow:0 0 15px rgba(29,30,36,0.15); transition: all 0.3s;}

	.company_list li div{width:39px; height:39px; margin: 0 auto 1rem auto; background:url(../images/icon_yewu06.png) no-repeat center bottom; transition: all 0.3s;}

	.company_list li:nth-child(2) div{background-image: url(../images/icon_yewu04.png);}

	.company_list li:nth-child(3) div{background-image: url(../images/icon_yewu05.png);}

	.company_list li:nth-child(4) div{background-image: url(../images/icon_yewu07.png);}

	.company_list li:nth-child(5) div{background-image: url(../images/icon_yewu08.png);}	

	.company_list li p{font:bold 16px/2 "微软雅黑"; text-align: center;}

	.company_list li:hover{background:#2073d0;}

	.company_list li:hover div{background-position:center top;}

	.company_list li:hover p{color:#fff;}

	

	

	.db_footer{background: #18283b; color: #eceef8; font-size: 14px;}

		.footer_content{display: flex; justify-content: space-between; padding:4rem 0 1rem 0;}

		.footer_content a{color: #eceef8;}

		.footer_content a:hover{color: #2385f2;}

		.footer_left,

		.footer_mid{width: 24%;}

		.footer_mid{padding: 12px 3rem; width:63%;}

		.footer_right{padding-top:12px; width: 12%; text-align: center;}

		.footer_right img{margin-bottom:0.6rem; max-width: 156px;}

		

		.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-top:6px; padding-bottom:6px; 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: 1.3rem 0; border-top: 1px solid rgba(222,222,222,0.1); color: #6e748c; background:#0a0d12; text-align: center;}

	.footer_icp a{color: #6e748c;}

	.footer_icp a:hover{color: #a9acb8;}

	

	.nav_footer{display:flex; justify-content: space-between;}

		.nav_footer li>a{display:block; margin-bottom:1.5rem; font:bold 16px "微软雅黑";}

		.nav_footer li dl dd{margin-bottom:0.8rem; font-size:15px;}

	

	

	/*- subpage -*/

	.banner_ny{position: relative; height:360px; background:#6b6f7d url(../images/banner_about.webp) no-repeat center top;}

	.banner_about{}

	.banner_news{background-image:url(../images/banner_news.webp);}

	.banner_product{background-image:url(../images/banner_about.webp);}

	.banner_service{background-image:url(../images/banner_service.jpg);}

	.banner_case{background-image:url(../images/banner_case.jpg);}
	
	.banner_contact{background-image:url(../images/banner_contact.webp);}

		.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; background:#f5f7fa;}

	

	.subpage_tt{background: #f3f6f9;}

	.subpage_tt_main{display:flex; width:1440px; margin:0 auto; justify-content: space-between; align-items: center;}

	.subpage_category{width:50%;}

	

	.subpage_category{}

		.subpage_category ul{display: flex; align-items: center; height:80px;}

			.subpage_category li a{display: block; width: 100%; padding: 5px 2rem; border-left: 1px solid #d8dadd;}

	

	.db_crumb{clear:both;}

	.breadcrumb{margin-bottom:0; padding: 15px 0; background: none; font-size: 14px;}

	

	.subpage_con{display:flex; justify-content: space-between; padding:1rem 0; width: 1440px;}

	.subpage_main{width:70%; padding:2rem; background: #fff; border-radius: 10px; box-shadow:0 0 6px rgba(29,30,36,0.08);}

	.subpage_side{width:25%;}

	.subpage_con .news_item a{padding: 2rem 0; color:#333; border-color:rgba(2,2,2,0.15);}	

	.subpage_con .n_date_box{width:120px; border-right:1px solid rgba(2,2,2,0.25);}

	.subpage_con .n_txt_box{padding-left:1rem;}

	.subpage_con .n_txt_box h3{margin-bottom:1rem; font:normal 1.4rem "微软雅黑";}

	.subpage_con .n_txt_box span{font:normal 14px "微软雅黑"; color: #2367ed; }

	

	.side_box{margin-bottom:2rem;}

	.side_tt h3{font:bold 1.2rem "微软雅黑";}

	.side_con{margin-top:1rem; padding:2rem; background: #fff; border-radius: 10px; box-shadow:0 0 6px rgba(29,30,36,0.08);}

	.side_con .hotlist li{padding-bottom: 1rem;}

	.side_ad{background:transparent; padding:0;}

	.side_ad a{display:block; margin-bottom:1rem; width: 100%; padding: 4rem; text-align: center; background:url("../images/side_ad01.jpg") no-repeat center center; color:#fff; font:bold 1.5rem "微软雅黑"; border-radius: 10px;}

	.side_ad a small{display:block; font-size:12px; margin-top:0.6rem;}

	.side_ad a.side_ad02{background-image:url("../images/side_ad02.jpg")}

	

	

	.pager{font-size:14px;}

	

	

	.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;}
		.news_detail_con img {
			max-width: 100%;
		}
		.news_detail_con p {
			font-size: 1rem;
			line-height: 1.8;
		}
	.pagination{display:flex;}
	.pagination a {
    	display: block;
    	padding: 6px 12px;
    	background: #fff;
    	border: 1px solid #dedede;
    	line-height: 1.5;
	}
	.pagination a.page-num-current{background:#d5d8e1;}

	

	

	.contact_detail{width:100%; margin-bottom: 1rem; padding:2rem; background: #fff; border-radius: 10px; box-shadow:0 0 6px rgba(29,30,36,0.08);}

	.contact_con{display:block;}

	.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;}

	.contact_map{margin-top:1rem;}



	.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_detail{width:100%; padding:2rem; background: #fff; border-radius: 10px; box-shadow:0 0 6px rgba(29,30,36,0.08);}

		.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%;}

	.db_header h1 a img{margin-top: 4px; max-width:75%;}	

	.db_header .db_header_more{position: absolute; right: 1%;}

	

	.db_header{width: 100%; height: 60px; 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: bold 14px "微软雅黑";

		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:60px; background: #f2f2f2;}

	.db_slide .swiper-slide img{width:100%; height:auto;}
	
	
	/*jyxm*/

	#jyxm{display: flex; background: transparent; margin-top: -15px; position: relative; z-index: 10; flex-wrap: wrap;}

	.jyxm_tt{		

		padding: 25px 45px 25px 0;

		background: #2073d0 url(../images/jyxm_arrow.jpg) no-repeat right center;

		width: 100%;

		border-top-right-radius:15px;

		text-align: center;

		color: #fff;

	}

	.jyxm_tt p{margin-bottom:15px; text-transform:uppercase; font: bold 1.2rem Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-style: italic; color: rgba(255,255,255,0.75);}

	.jyxm_tt h3{font: bold 1.5 "微软雅黑"}

	

	.jyxm_con{padding-top:0; width: 100%;}

	.jyxm_con ul{background:#fff; display: flex; flex-wrap: wrap;}

	.jyxm_con ul li{width:50%;}

	.jyxm_con ul li a{display:flex; padding: 25px; width:100%; height: 104px; border: 1px solid #dbdfe2; border-width:0 1px 1px 0; justify-content: flex-start; align-items: center;}

	.jyxm_con ul li a:hover{color:#2073d0;}

	.jyxm_con ul li a .jyxm_icon{display:block; width: 39px; height:39px; overflow: hidden;}

	.jyxm_con ul li a p{margin-left: 14px; font: normal 14px "微软雅黑"; color:#69767f;}

	.jyxm_con ul li:nth-child(1) a .jyxm_icon{background:url(../images/icon_yewu01.png) no-repeat center top; transition:all 0.3s;}	

	.jyxm_con ul li:nth-child(2) a .jyxm_icon{background:url(../images/icon_yewu02.png) no-repeat center top; transition:all 0.3s;}	

	.jyxm_con ul li:nth-child(3) a .jyxm_icon{background:url(../images/icon_yewu03.png) no-repeat center top; transition:all 0.3s;}	

	.jyxm_con ul li:nth-child(4) a .jyxm_icon{background:url(../images/icon_yewu04.png) no-repeat center top; transition:all 0.3s;}	

	.jyxm_con ul li:nth-child(5) a .jyxm_icon{background:url(../images/icon_yewu05.png) no-repeat center top; transition:all 0.3s;}	

	.jyxm_con ul li:nth-child(6) a .jyxm_icon{background:url(../images/icon_yewu06.png) no-repeat center top; transition:all 0.3s;}	

	.jyxm_con ul li:nth-child(7) a .jyxm_icon{background:url(../images/icon_yewu07.png) no-repeat center top; transition:all 0.3s;}	

	.jyxm_con ul li:nth-child(8) a .jyxm_icon{background:url(../images/icon_yewu08.png) no-repeat center top; transition:all 0.3s;}

	.jyxm_con ul li:nth-child(9) a .jyxm_icon{background:url(../images/icon_yewu09.png) no-repeat center top; transition:all 0.3s;}	

	.jyxm_con ul li:nth-child(10) a .jyxm_icon{background:url(../images/icon_yewu10.png) no-repeat center top; transition:all 0.3s;}	

	.jyxm_con ul li a:hover .jyxm_icon{background-position:center bottom;}
	
	
	/*floor*/

	.floor{padding:1rem 0;}

	.container{margin:0 auto; width:100%;}	

	.floor_tt{margin-bottom: 1rem;}

	.floor_con{margin-left: auto; margin-right: auto; width:100%;}

	.floor_tt .fl h3{font: bold 2rem "微软雅黑";}

	.floor_tt .fl h3 small{display: block; font: normal 12px "arail"; color: #237de1;}
	
	
	/*about*/

	#about{display:flex; justify-content: space-between; width:100%; margin-left: auto; margin-right:0; flex-wrap: wrap;}

	.about_pic{width:100%; padding: 0 10px;}

		.about_pic img{border-radius: 5px;}

	.about_con{width:100%; padding: 0 10px;}

	

		.c_name{margin-bottom: 1rem; padding-top:60px; font:bold 2rem "微软雅黑"; background: url(../images/bg_about_con.jpg) no-repeat left bottom; text-align: center; background-size: 100%;}

			.c_name small{display: block; margin-bottom: 5px; font:normal 0.8rem "arail"; color:#4fa223;}

			.c_name span{display: block; margin: 1rem auto; width: 50px; height:5px; background: #3c415b; overflow: hidden;}

		.c_intro{font:normal 14px/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{margin-top:0; padding:1rem 0;}

	#about_num ul{display: flex; gap:10px; width: 100%; justify-content: space-between;}

	#about_num ul li{padding:30px 10px; width:30%; background: #fff; box-shadow:0 0 15px rgba(29,30,36,0.15);}

	#about_num h4{font: normal 1.5rem/1.3 arail; color: #2073d0; }

	#about_num h4 small{font-size: 0.9rem; color:#2073d0;}

	#about_num p{margin-top:1rem; font-size: 12px; font-weight: normal; color: #1f2022；}
	
	/* news */
	#news{padding:50px 0; background:#05182c url(../images/bg_news.jpg) no-repeat; background-attachment: fixed;}

	.news_more{display: block; margin: 5% auto 0 auto; border-radius:100px; max-width: 150px;}

		#news .floor_tt .fl{margin-bottom:3%; float:none; text-align:center; color: #fff;}

	#news .news_con{display:block; justify-content: space-between; max-width: 100%; margin: 0 auto; padding:0 10px;}

	.news_tt{margin-bottom:2rem; padding-left:40px; background: url(../images/icon_news01.png) no-repeat left center; font: bold 24px "微软雅黑"; color: #fff;}

	.news_box_col:nth-child(2) .news_tt{background-image:url(../images/icon_news02.png);}

	.news_box_col:nth-child(3) .news_tt{background-image:url(../images/icon_news03.png);}

	.news_box_col{margin-bottom:10px; padding: 15px; width:100%; border: 1px solid rgba(255,255,255,0.65); transition: all 0.3s; border-radius: 5px;}

	.news_box_col:hover,.news_box_col:nth-child(1){border-color:#2073d0; background:#2073d0;}

	

	.news_list{}

		.news_item{margin-bottom: 15px;}

		.news_item a{display: flex; gap:10px; align-items: center; width: 100%; height: 100%; padding: 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: #fff;}

		.n_pic_box{width: 28%;}

		.n_date_box{width:70px;}

		.n_date_box p{font:normal 12px/1.5 "arial"; text-align: center;}

		.n_date_box p:nth-child(1){font-size:16px; font-weight: bold;}

		.n_txt_box{}

		.n_txt_box h3{font: normal 14px/1.5 "微软雅黑";}

		.n_txt_box p,.n_txt_box small{font: normal 12px/1.4 "微软雅黑"; color: #aaa;}

		.n_txt_box small{display: block; margin-top: 50px;}

	/* company */
	#db_company{background:url(../images/bg_company.jpg) no-repeat center top; min-height: 595px;}

	#db_company .floor_tt .fl{margin-bottom:3%; float:none; text-align:center; color: #2073d0;}

	#db_company .floor_tt .fl small{color:#0e151f;}

	.company_list{display:block; padding: 0 10px;}

	.company_list li{width:100%; padding:2rem 10px; background: #fff; box-shadow:0 0 15px rgba(29,30,36,0.15); transition: all 0.3s; border-radius: 5px;}

	.company_list li div{width:39px; height:39px; margin: 0 auto 1rem auto; background:url(../images/icon_yewu04.png) no-repeat center bottom; transition: all 0.3s;}

	.company_list li:nth-child(2) div{background-image: url(../images/icon_yewu05.png);}

	.company_list li:nth-child(3) div{background-image: url(../images/icon_yewu06.png);}

	.company_list li:nth-child(4) div{background-image: url(../images/icon_yewu07.png);}

	.company_list li:nth-child(5) div{background-image: url(../images/icon_yewu08.png);}	

	.company_list li p{font:bold 16px/2 "微软雅黑"; text-align: center;}

	.company_list li:hover{background:#2073d0;}

	.company_list li:hover div{background-position:center top;}

	.company_list li:hover p{color:#fff;}

	/* footer */
	.db_footer{background: #18283b; color: #eceef8; font-size: 14px;}

		.footer_content{display: block; padding:2rem 0 1rem 0;}

		.footer_content a{color: #eceef8;}

		.footer_content a:hover{color: #2385f2;}

		.footer_left,

		.footer_mid{padding: 0 10px; width: 100%;}

		.footer_mid{display:none; padding: 12px 10px;}

		.footer_right{display: none; padding-top:12px; width: 12%; text-align: center;}

		.footer_right img{margin-bottom:0.6rem; max-width: 156px;}

		

		.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-top:6px; padding-bottom:6px; 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: 1.3rem 0; border-top: 1px solid rgba(222,222,222,0.1); color: #6e748c; background:#0a0d12; text-align: center;}

	.footer_icp a{color: #6e748c;}

	.footer_icp a:hover{color: #a9acb8;}

	

	.nav_footer{display:flex; justify-content: space-between;}
	.nav_footer li:nth-child(1),
	.nav_footer li:nth-child(5){display:none;}

		.nav_footer li>a{display:block; margin-bottom:1.5rem; font:bold 14px "微软雅黑";}

		.nav_footer li dl dd{margin-bottom:0.8rem; font-size:12px;}
	
	.banner_ny{position: relative; height:75px; background:#6b6f7d url(../images/banner_about.webp) no-repeat center top; background-size: 100%; margin-top: 60px;}
	.banner_news{background-image:url(../images/banner_news.webp);}

	.banner_product{background-image:url(../images/banner_about.webp);}

	.banner_service{background-image:url(../images/banner_service.jpg);}

	.banner_case{background-image:url(../images/banner_case.jpg);}
	
	.banner_contact{background-image:url(../images/banner_contact.webp);}

		.banner_txt{position: absolute; top: 20%; text-align:center; width: 100%; color: #f2f2f2;}

		.banner_txt h3{font: bold 14px/2 "微软雅黑";}
		.banner_txt p{font-size:12px;}
	
	/* subpage */
	.db_subpage{padding-bottom: 5rem; background:#f5f7fa;}

	

	.subpage_tt{background: #f3f6f9;}

	.subpage_tt_main{display:block; width:100%; margin:0 auto;}

	.subpage_category{width:100%;}

	

	.subpage_category{}

		.subpage_category ul{display: flex; align-items: center; height:54px; justify-content: space-evenly;}

			.subpage_category li a{display: block; width: 100%; padding: 2px 15px 2px 2px; border-right: 1px solid #d8dadd; font-size: 14px;}

	

	.db_crumb{display:none; clear:both;}

	.breadcrumb{margin-bottom:0; padding: 15px 0; background: none; font-size: 14px;}

	

	.subpage_con{display:block; padding:1rem 0; width: 100%;}
	.subpage_con img{max-width:100%;}

	.subpage_main{margin: 0 auto; width:95%; padding:1rem; background: #fff; border-radius: 10px; box-shadow:0 0 6px rgba(29,30,36,0.08);}

	.subpage_side{width:25%;}

	.subpage_con .news_item a{padding: 1rem 0; color:#333; border-color:rgba(2,2,2,0.15);}	

	.subpage_con .n_date_box{width:80px; border-right:1px solid rgba(2,2,2,0.25);}

	.subpage_con .n_txt_box{padding-left:6px; width: 100%;}

	.subpage_con .n_txt_box h3{margin-bottom:1rem; font:normal 14px "微软雅黑";}

	.subpage_con .n_txt_box span{font:normal 12px "微软雅黑"; color: #2367ed; }

	

	.side_box{margin-bottom:2rem; display:none;}

	.side_tt h3{font:bold 1.2rem "微软雅黑";}

	.side_con{margin-top:1rem; padding:2rem; background: #fff; border-radius: 10px; box-shadow:0 0 6px rgba(29,30,36,0.08);}

	.side_con .hotlist li{padding-bottom: 1rem;}

	.side_ad{background:transparent; padding:0;}

	.side_ad a{display:block; margin-bottom:1rem; width: 100%; padding: 4rem; text-align: center; background:url("../images/side_ad01.jpg") no-repeat center center; color:#fff; font:bold 1.5rem "微软雅黑"; border-radius: 10px;}

	.side_ad a small{display:block; font-size:12px; margin-top:0.6rem;}

	.side_ad a.side_ad02{background-image:url("../images/side_ad02.jpg")}

	

	

	.pager{font-size:14px;}
		.pager li{display: block;margin-bottom:2px;}
		.pager li>a, .pager li>span{display: block; font-size:10px; width:100%; text-align: left;}
	

	

	.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 1.2rem/1 "微软雅黑"; text-align: center;}

		.news_detail_tt .fl,.news_detail_tt .fr{font-size: 14px; color: #888}

	.news_detail_con{margin-bottom: 3rem;}
		.news_detail_con img {
			max-width: 100%;
		}
		.news_detail_con p {
			font-size: 1rem;
			line-height: 1.8;
		}
	.pagination{display:flex;}
	.pagination a {
    	display: block;
    	padding: 6px 12px;
    	background: #fff;
    	border: 1px solid #dedede;
    	line-height: 1.5;
	}
	.pagination a.page-num-current{background:#d5d8e1;}

	

	

	.contact_detail{ margin: 0 auto; width:96%; margin-bottom: 1rem; padding:1rem; background: #fff; border-radius: 10px; box-shadow:0 0 6px rgba(29,30,36,0.08);}

	.contact_con{display:block;}

	.contact_txt h2{padding-bottom: 1rem; margin-bottom: 2rem; font: bold 1.5rem/2 "微软雅黑"; border-bottom:1px solid #eee;}

		.contact_txt h2 small{display: block; font:normal 12px/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; padding-left: 0; padding-right: 0;}

	.contact_map{margin-top:1rem;}



	.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_detail{width:100%; padding:1.2rem; background: #fff; border-radius: 10px; box-shadow:0 0 6px rgba(29,30,36,0.08);}
	.about_detail p span{font-size:14px;}

		.about_con td{padding:10px;}
	

}



@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){

	

}