@charset "utf-8";
body{background: #f1f1f1;}
#header{
	position: fixed;
	top: 0;
	background: #fff;
	z-index: 99999999999;
}
#loader{
	display: none;
}
#header.suspend{
	background: #fff;
}
#header .menu ul li.product a span.cn{
	
}
#service{
	margin-top: 0;
}

#summary,
#technology,
#parameter,
#recommend{
	display: block;
	height: 0;
	position: relative;
	top: -120px;
}


#breadcrumb{
	background: #f1f1f1;
	position: fixed;
	top: 0px;
	width: 100%;
	left: 0;
	z-index: 999999999;
}
#breadcrumb h1{
	float: left;
}
#breadcrumb .pro_nav{
	float: right;
}
#breadcrumb .pro_nav a{
	margin-left: 20px;
}
#breadcrumb .pro_nav a.order{
	width: 85px;
	height: 32px;
	background: #ec141d url(../image/order.png) no-repeat 65px center;
	background-size: 11px;
	display: inline-block;
	border-radius: 3px;
	color: #fff;
	line-height: 32px;
	padding-left: 10px;
}
#breadcrumb .pro_nav a.order:hover{
	background-color: #c20b12;
}


#main {
	background: #fff;
	min-height: 600px;
	margin-top: 120px;
}
#main .box{
	overflow: hidden; 
	position: relative;
	height: 650px
}
#main .box .left-pro{
	position: relative;
	width:772px; 
	padding:20px 0px; 
	float: left; }

#main .box .right-pro{
	width: 380px;
	float: right;
	margin-top: 60px;
	position: relative;
}
#main .box h4{
	font-weight: normal;
	font-size: 14px;
	color: #999;
	padding: 15px 0;
	border-bottom: 1px solid #f1f1f1;
}
#main .box .pro_info{
	padding-top: 15px;
}
#main .box .pro_info p{
	color: #555;
	margin-bottom:5px;
}
#main .box .share {
	position: absolute;
	top: 480px;
	right: 0;
	width: 100%;
	border-top: 1px solid #f1f1f1;
	padding-top: 10px;
	padding-left: 0px;
}
#main .box .share .t {
	float: left;
	padding-top: 3px;
}
#main .box .share .bdsharebuttonbox {
	float: left;
}

#main .technology img{
	display: block;
	margin:0 auto;
	line-height: 0;
}

#main .parameter{
	padding: 50px 0;
}
#main .parameter h2{
	float: left;
	width: 260px;
	font-weight: normal;
	padding-top:8px;
}
#main .parameter th,
#main .parameter td{
	float: left;
	width: 300px;
	font-size: 16px;
	padding: 8px 0;
	font-weight: normal;
	color: #888;
	text-align: left;
}
#main .parameter td{
	width: auto;
	color: #000;
}


#main .support{
	padding: 50px 0;
}
#main .support h2{
	font-weight: normal;
	padding-top:8px;
}
#main .support table{
	margin:20px 0 50px 0;
}
#main .support table,
#main .support tbody,
#main .support tr{
	overflow: hidden;
	display: block;
	width: 100%;
}
#main .support tr{
	border-left: 1px solid #f1f1f1;
}
#main .support th,
#main .support td{
	float: left;
	width: 19%;
	font-size: 16px;
	padding: 8px 0;
	padding-left:10px;
	font-weight: normal;
	color: #888;
	text-align: left;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
}
#main .support th{
	background: #f1f1f1;
}
#main .support td{
	color: #000;
}


#main .recommend{
	padding: 50px 0;
	background:#f1f1f1;
	overflow: hidden;
}
#main .recommend h2{
	font-weight: normal;
	padding-top:8px;
	margin-bottom:30px;
}
#main .pro_list ul{
	display: inline-table;
    word-spacing: -6px;	
    margin:0 -10px;
}
#main .pro_list ul li{
	display: inline-block;
	width: 25%;
	
}
#main .pro_list ul li a{
	background: #fff;
	display: block;
	margin:10px;
	position: relative;
	top: 0;	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
#main .pro_list ul li a:hover{
	top: -5px;
	-moz-box-shadow:0px 5px 20px rgba(0,0,0,0.1);       
	-webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.1);       
	box-shadow:0px 5px 20px rgba(0,0,0,0.1); 
}
#main .pro_list ul li a .pro_pic img{
	width: 100%;
}
#main .pro_list ul li a h3{
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
}

#main .pro_list ul li a h4{
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 20px;
	color: #888;
}
.technology{padding-top:20px; width:1200px; margin:0 auto; padding-bottom:30px;}
@media screen and (max-width: 768px) {
.technology{ width:96%; padding:30px 2%;}
#breadcrumb{
	background: #f1f1f1;
	position: fixed;
	top: 2px;
	width: 100%;
	left: 0;
	z-index: 999999999;
	height: 50px;
}
#breadcrumb h1{
	font-size: 14px;
	float: left;
	line-height: 50px;
	margin-left: -10px;
}
#breadcrumb .pro_nav{
	float: right;
}
#breadcrumb .pro_nav a{
	margin-left: 20px;
	display: none;
}
#breadcrumb .pro_nav a.order{
	width: 85px;
	height: 32px;
	background: #ec141d url(../image/order.png) no-repeat 65px center;
	background-size: 11px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 3px;
	color: #fff;
	line-height: 32px;
	padding-left: 10px;
}
#breadcrumb .pro_nav a.order:hover{
	background-color: #c20b12;
}



#main {
	background: #fff;
	min-height: 600px;
	margin-top: 100px;
}
#main .box{
	overflow: hidden; 
	position: relative;
	height: auto
}
#main .box .left-pro{
	position: relative;
	width:100%; 
	padding:0px 0px; 
	float: left; 
}

	#focus{
		position: relative;
	}
	#focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
	#focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; vertical-align:top;}
	#focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 3px;  vertical-align:top; overflow:hidden;   }
	#focus .hd ul .on{ background:#FE6C9C;  }
	#focus .bd ul li{
		line-height: 0;
		position: relative;
	}
	#focus .bd ul li img{
		width: 100%;
		line-height: 0;
	}


#main .box .right-pro{
	width: 100%;
	float: right;
	margin-top: 0px;
	position: relative;
	padding: 0 20px;
}
#main .box h1{
	font-weight: normal;
	font-size: 22px;
	padding-top: 20px;
}
#main .box h4{
	font-weight: normal;
	font-size: 14px;
	color: #999;
	padding: 5px 0  15px 0;
	border-bottom: 1px solid #f1f1f1;
}
#main .box .pro_info{
	padding-top: 15px;
}
#main .box .pro_info p{
	color: #555;
	margin-bottom:5px;
}
#main .box .share {
	position: absolute;
	top: 480px;
	right: 0;
	width: 100%;
	border-top: 1px solid #f1f1f1;
	padding-top: 10px;
	padding-left: 0px;
}
#main .box .share .t {
	float: left;
	padding-top: 3px;
}
#main .box .share .bdsharebuttonbox {
	float: left;
}

#main .technology img{
	display: block;
	margin:0 auto;
	line-height: 0;
	max-width: 100%;
}

#main .parameter{
	padding: 20px;
}
#main .parameter h2{
	float: none;
	width: 100%;
	font-weight: normal;
	padding-top:8px;
}
#main .parameter table,
#main .parameter tbody,
#main .parameter tr {
	overflow: hidden;
	display: block;
	width: 100%:;
}
#main .parameter th,
#main .parameter td{

	float: left;
	width: 50%;
	font-size: 16px;
	padding: 8px 0;
	font-weight: normal;
	color: #888;
	text-align: left;
}
#main .parameter td{
	width: auto;
	color: #000;
}

#main .recommend{
	padding: 20px 0;
	background:#f1f1f1;
	overflow: hidden;
}
#main .recommend h2{
	font-weight: normal;
	padding-top:8px;
	margin-bottom:10px;
	padding-left: 20px;
}
#main .pro_list ul{
	display: inline-table;
    word-spacing: -6px;	
    margin:0 -5px;
}
#main .pro_list ul li{
	display: inline-block;
	width: 50%;
	
}
#main .pro_list ul li a{
	background: #fff;
	display: block;
	margin:5px;
	position: relative;
	top: 0;	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
#main .pro_list ul li a:hover{
	top: -5px;
	-moz-box-shadow:0px 5px 20px rgba(0,0,0,0.1);       
	-webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.1);       
	box-shadow:0px 5px 20px rgba(0,0,0,0.1); 
}
#main .pro_list ul li a .pro_pic img{
	width: 100%;
}
#main .pro_list ul li a h3{
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
}

#main .pro_list ul li a h4{
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 20px;
	color: #888;
}

}