@charset "utf-8";
/* #sider ul li.nav_01>a{
	color: #065FBB;
	background: #fafbfd;
}
 */
.mobile-wrap{
	overflow: hidden;
	background: url(../img/bg.png) no-repeat center top;
}
#main{
	padding: 50px 0;
	position: relative;
}

.page-title{padding: 0 50px; margin-bottom: 20px;}
.page-title h1{	font-size: 32px; margin-bottom: 20px;}
.page-title p{font-size: 17px; line-height: 1.5em; margin-bottom: .6em; color: #343434 ;}
.page-title li{font-size: 17px; line-height: 1.5em; margin-bottom: .6em; color: #343434 ; text-indent: -0.9em; margin-left: 0.7em;}

#main .main-con{
	margin-left: 255px;
	width: auto;
	background: #fff;
	padding: 40px 1px;
	box-shadow:0px 0px 20px rgba(3,50,154,0.1); 
}

#main .main-con .title{
	border-bottom: 1px solid #e1e1e1;
	margin: 0 40px;
	margin-bottom: 10px;
}
#main .main-con .title h2{
	font-size: 18px;
	line-height: 20px;
	height: 20px;
	padding-left: 10px;
	margin-left: -13px;
	font-weight: normal;
	margin-bottom: 10px;
	border-left: 3px solid #065FBB;
}
#main .pro-list {margin: 30px; }
#main .pro-list .list{ display: block; float: left; width: 33.3%; padding: 20px 10px;}
#main .pro-list .list a{ display: block; width: 100%;border: 1px solid #f0f0f0; position: relative; overflow: hidden;  transition: all 0.2s ease-in-out; }
#main .pro-list .list .pic-box img{	display: block;	width: 100%; background-size: cover;}
#main .pro-list .list .t{ border-top: 1px solid #f0f0f0;  height: 70px; overflow: hidden; font-size: 16px; text-align: center;}
#main .pro-list .list .t h1{font-size: 14px; font-weight: normal; text-transform: uppercase; color: #555; margin-top: 15px; transition: all 0.2s ease-in-out;}
#main .pro-list .list:hover a{box-shadow: 0 0 20px rgba(100,100,100,0.1); transform:scale(1.05);}
#main .pro-list .list:hover .t h1{color: #065FBB; }
.cutpage{
	display: none;
	padding-top: 30px;
}


/*设备查询*/
.pc{display: block;}
.mobile{display: none;}
@media screen and (max-width: 768px) {
	
	/* 
	#main .mainBox{	position: relative; z-index: 1; padding: 20px 0; background: #fff; overflow: hidden;}
	
	.page-title{padding: 0 15px; margin-bottom: 20px;}
	.page-title h1{	font-size: 26px; margin-bottom: 20px;}
	.page-title p{font-size: 17px; line-height: 1.5em; margin-bottom: .6em; color: #343434 ;}
	.page-title li{font-size: 17px; line-height: 1.5em; margin-bottom: 0; color: #343434 ; text-indent: -0.9em; margin-left: 0.7em;}
	
	
	#main .pro-list{
		float: none;
		width: 100%;
		margin: 0;
		padding: 10px;
		border-right: 0;
	}
	#main .pro-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
	#main .pro-list .list{ display: block; width: 48.5%; position: relative; padding: 0 0 10px 0;overflow: hidden;}
	#main .pro-list .list a{box-sizing: border-box;}
	#main .pro-list .list .pic{	position: relative; float: none; width: 100%;}
	#main .pro-list .list .pic img{	display: block;	width: 100%; background-size: cover;}
	#main .pro-list .list .t{  border-bottom: 0; width: 100%; float: none; text-align: center; padding: 10px 0; height: auto; background:none;}
	#main .pro-list .list:hover .t{color: #1E69F1; background:none;}
	#main .pro-list .list.cur .t{ color: #1E69F1; background:none;}
	#main .pro-list .list h1{ font-size: 16px; font-weight: normal; }
	#main .pro-list .list:hover h1{color: #1E69F1;}
	#main .pro-list .list i{	display: block;	font-size: 14px; line-height: 34px;	color: #888; font-style: normal;}
	
	.cutpage{
		text-align: left;
		padding-top: 10px;
	}
	.cutpage a{margin-left: 0;}
	
	#main .pro-list.pc{display: none;}
	.pc{display: none;}
	 */
}