@charset "utf-8";




#main .mainBox{	position: relative; z-index: 1; background: #fff; overflow: hidden;}

#main .pro-list{
	float: left;
	width: 320px;
	padding: 30px;
	border-right: 1px solid #f1f1f1;
}
.page-title{
	text-align: left;
	padding: 0px;
	background: url(../img/side-pro.jpg) no-repeat;
	position: relative;
	height: 100px;
	margin-bottom: 15px;
}
.page-title h2{
	background-color: rgba(30,105,241,.95);
	color: #fff;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	position: absolute;
	top: 50px;
	text-align: center;
	left: 0;
	padding: 0 20px;
}
#main .pro-list .list{ display: block; position: relative;	padding: 10px 0;overflow: hidden;}
#main .pro-list .list .pic{	position: relative; float: left; width: 100px;}
#main .pro-list .list .pic img{	display: block;	width: 100%; background-size: cover;}
#main .pro-list .list .t{  border-bottom: 1px dotted  #ccc; width: 140px; float: right; height: 80px; background:url(../img/pro-side-bg.png) no-repeat 0px 62px;transition: all 0.2s ease-in-out;}
#main .pro-list .list:hover .t{color: #1E69F1; background:url(../img/pro-side-bg.png) no-repeat 110px 62px;}
#main .pro-list .list.cur .t{ color: #1E69F1; background:url(../img/pro-side-bg.png) no-repeat 110px 62px;}
#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 .detailCon{
	border-left: 1px solid #f1f1f1;
	margin-left: -1px;
	width: 880px;
	padding: 30px 35px;
	float: left;
}

#main .pro-title{position: relative;/* border-bottom: 1px solid #f1f1f1; padding-bottom: 8px; */ margin-bottom: 20px;}
#main .pro-title h1{text-transform: uppercase; font-size: 24px; padding-bottom: 3px; color: #1E69F1;}
#main .pro-title h4{text-transform: uppercase; font-size: 12px; color: #888; font-weight: normal; }
#main .pro-title a{position: absolute; right: 0; top: 50%; height: 36px; margin-top: -18px; line-height: 36px; background: #1E69F1 url(../img/icon-05.png) no-repeat 11px 10px; background-size: 22px; padding-left: 38px; padding-right: 15px; display: inline-block; color: #fff; font-size: 14px; text-transform: uppercase;}
#main .pro-title a:hover{background-color: #015CBA;}

#main .pro-info{overflow: hidden; margin-top:0px; position: relative;}
#main .pro-info .pic-box{float: left; width: 538px; overflow: hidden; position: relative;transition: all 0.2s ease-in-out;}
#main .pro-info .pic-box img{ width: 100%; display: block;transition: all 0.2s ease-in-out;}
#main .pro-info .title-tips{background-color: #1E69F1; color: #fff; font-size: 12px; width: 8em; border-radius: 1em; height:2em; line-height: 2em; text-align: center; position: absolute; z-index: 9; top: 50%; left: 50%; margin: -1em 0 0 -4em; opacity: 0; transition: all 0.2s ease-in-out;}
/* #main .pro-info .pic-box:hover{background-color: #000;} */
#main .pro-info .pic-box:hover .title-tips{opacity: 1;}
/* #main .pro-info .pic-box:hover img{opacity: .8;} */

#main .pro-info .right-box{float: right; width: 265px;}
#main .pro-info .right-box>div{ margin-bottom: 7px; position: relative; transition: all 0.2s ease-in-out;}
#main .pro-info .right-box img{ width: 100%; display: block; transition: all 0.2s ease-in-out;}
#main .pro-info .right-box .title-tips{width: 6em; margin: -1em 0 0 -3em; }
#main .pro-info .right-box>div:hover .title-tips{opacity: 1;}
/* #main .pro-info .right-box>div:hover{background-color: #000;}
#main .pro-info .right-box>div:hover img{opacity: .8;} */

#main .pro-detail{margin-top: 10px; padding-bottom: 40px;  overflow: hidden;}
#main .pro-detail h2{font-size: 16px; color: #1E69F1; margin-bottom: 30px; margin-top: 30px; margin-bottom: 10px;}
#main .pro-detail p{margin-bottom: 10px;}

.pro_pic_window{
	display: block;
	visibility: hidden;
	opacity: 0;
}
.pro_pic_window.open{
	visibility: visible;
	opacity: 1;
}
.pro_pic_window .content{
	width: 700px;
	height: 580px;
	padding: 40px 0px;
	overflow: hidden;
	margin-top: -290px;
	margin-left: -350px;
}
.pro_pic_window .content .con{
	position: relative;
}
.pro_pic_window .content img{
	width: 600px;
	display: block;
	margin: 0 auto;
}
.pro_pic_window .content .swiper-slide span{
	display: block;
	text-align: center;
}
.pro_pic_window .swiper-pagination{
	bottom: -30px;
}
/*设备查询*/
.pc{display: block;}
.mobile{display: none;}
@media screen and (max-width: 768px) {
	
	
	
	#main .pro-list{
		float: none;
		width: 100%;
		padding: 10px;
		border-right: 0;
	}
	.page-title{
		display: none;
	}
	#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 .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;}
}