/*index.css*/
@charset "utf-8";
/*
* reset 清除默认属性
*/

.product_list{ width: 100%;}
.pro_img{background:#FFF;}
.product_list ul li{ border: 1px solid #e5e5e5; width: 22.9%; margin: 0 1% 2%; float: left;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;height:329px;}
.product_list ul li img{ width: 100%;}
.product_list ul li h3{ display: block; width: 100%; padding: 7.5% 0; text-align: center; height: 60px; overflow: hidden; font-size: 14px; color: #111;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.product_list ul li a{ 
	display: block; 
	margin: auto;
	text-align: center;
	color: #ccc;
}
.product_list ul li a span{display:inline-block;padding:2% 2%;margin-top: 6%;	border: 1px solid #488aca;    color: #4089c9;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;width: 100%;}
.product_list ul li:hover{ background: rgba(0,0,0,0.1); box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);}
.product_list ul li:hover a{ text-decoration: none;}
.product_list ul li:hover h3{ color:#000;   }
.product_list ul li:hover a span{color:#00acfb;border-color:#00acfb}
.product_s{ width:100%; margin-top: 4%;}
.product_s_left{ width:57%; float:left; padding-top: 4%;}
.product_s_right{ width:43%; float:right; padding-left:0%;}
.product_s_banner{ width:100%;position:relative;}
.product_s_banner ul.product_li{ width:100%;  height:450px;}
.product_s_banner ul.product_li li{ width:100%; position:absolute; top:0; left:0; display:none;}
.product_s_banner ul.product_li li img{ display:block; width:80%; margin:auto; margin-top:-10%;}
.product_dian{float:left; position:relative; left:-50%;}
.product_dian li{ 
	width:8px; 
	height:8px; 
	background:#d6d6d6; 
	float:left; 
	border-radius:50%; 
	margin:10% 10px; 
	z-index:1; 
}
.product_dian li.active{ background:#999;}
.product_prev{ display:inline-block; position:absolute; left:6%; cursor:pointer}
.product_prev img{ width:100%;}
.product_next{ display:inline-block; position:absolute; right:6%; cursor:pointer}
.product_next img{ width:100%;}
.product_content{ width:100%;}
.product_content h2{ font-size:22px; margin-bottom:3%;}
.product_content p{ font-size:16px; color:#666; margin-bottom:8%;}
.div_p1{ font-size:13px; color:#000; font-weight:600; margin-top:6%; }
.color li{width:30px; height:30px; border:1px solid #999; float:left; margin:4% 2%;}
.color .color_h{ background:#000;}
.color .color_hhi{background:#fff;}
.color .color_hi{ background:#dbdcdd;}
.color .color_th{background:#e7cfb5;}
.color .color_hht{background:#2f3031;}
.color .color_hhtt{background:#edcbc6;}


.x_con table tr{ height:40px;}
.x_con table tr th{ padding-right:4px;}
.x_con table tr td{/*width: 17%;*/
    line-height: 40px;
    overflow: hidden;}
.x_con table tr td span{ display: inline-block; margin-right: 6px; width: 7px; height: 9px; background: url("../images/xiaodian.png"/*tpa=http://www.hank-tech.com/images/xiaodian.png*/) no-repeat;}
/*.x_con table tr td font{
	    width: 80%;
    display: block;
    overflow: hidden;
    float: right;
}*/

.btn1{
	display:inline-block;
	width:100%; 
	text-align:center; 
	background:#242424; 
	height:60px; 
	border-radius:30px; 
	line-height: 60px; 
	color:#fff; 
	font-size:15px;
	
}
.btn1:hover{color:#00acfb;}
.btn:hover{ color: #fff;}

.product_cont{ width:100%; margin-top:5%;}
.product_cont h2{ font-size:16px; color:#000; font-weight:600;}
.product_news{ width:100%; margin-bottom:10%;}
.p_left{ width:50%; float:left;}
.p_left:nth-child(2){ padding-left:10%;}
.p_left h3{ font-size:13px; color:#000; font-weight:600; margin-bottom:2%;}
.p_left a{ 
	display:block; 
	width:100%; 
	text-align:left; 
	font-size:13px; 
	line-height:22px; 
	color:#666;
}
.div_p2{ width:100%; font-size:13px; line-height:26px; margin-bottom:6%;}

@media (max-width:1000px){
	.product_list ul li{ width: 47.8%;}
	.product_list ul li a{ width: 50%;}
	.product_s_banner ul.product_li{ height: 320px;}
	.product_s_left{ width: 100%;}
	.product_content{ padding: 0 10px;}
	.product_cont{padding: 0 10px;}
	.product_content h2{ font-size: 16px; text-align: center;}
	.product_content p{ font-size: 13px; text-align: center;}
	.product_s_right{ width: 100%; padding-top: 6%; padding-left:0;}
	.p_tb{ padding-left: 6px;}
	.p_left{ width: 100%;}
	.p_left:nth-child(2){ padding-left: 0; padding-top: 5%;}
	.p_left a{ font-size: 12px;}
}

.x_con{
	height: 255px;
	overflow: hidden;
}

@media screen and (min-width: 1000px) and (max-width:1200px) {
	.product_s_left{
		width:48%;
	}
	.product_s_right{
		width:52%;
	}
}