/*pack-index*/

.pack{ width: 100%; padding:50px 0 80px; }
.pack_box{ width: 1200px; margin: 0 auto; }
.pack_title{ text-align:center; font-size: 28px; font-weight: bold;color: #333; margin-bottom: 20px; }
.pack_title_h3{ font-size:20px; font-weight: bold; color: #333; }
.row li{ margin-bottom: 20px; }
.pack_img{ text-align: center; overflow: hidden;border: 1px solid #e3e3e3;}
.pack_name{  text-align: center; font-size: 16px;  color: #333;  width: 96%; margin: 10px auto 0px;}
.pack_name2{ height: 38px; }
.row li a:hover{text-decoration: none; }
.row li a:hover .pack_name{ color: #d10000; }

.Active_img{-webkit-transform:scale(1) translateZ(0);-moz-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);-webkit-transition:transform .3s linear 0s;-moz-transition:transform .3s linear 0s;transition:transform .3s linear 0s}
.Active_img:hover{-webkit-transform:scale(1.05) translateZ(0);-moz-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);-webkit-transition:transform .3s linear 0s;-moz-transition:transform .3s linear 0s;transition:transform .3s linear 0s}


/*one*/
.pack_top{ width: 100%; overflow: hidden; }
.pack_top h2{padding:10px 25px;font-size:24px;margin:10px auto 0;font-weight:bold;background-color:#000000;display:inline-block;color:#fff;}
.pack_line{ width: 100%; height: 3px; background-color: #000; }

.pack_product{ width: 96%; margin: 0 auto 40px; }
.pack_product table{border: 1px #e3e3e3 solid; color: #333;  }
.pack_product .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{ border-bottom-width: 0px; background-color: #eef0f9; }
.pack_product .table-bordered>thead>tr>th,.table-bordered>tbody>tr>td{ padding:10px 13px;line-height: 20px;font-size: 14px; }
.pack_product table td:nth-child(2n+1) { font-weight: 700;}
.pack_product table>tbody>tr:nth-child(2n) { background-color: #f9f9f9;}
.pack_product .table-bordered>thead>tr>th:nth-child(1),.table-bordered>tbody>tr>td:nth-child(1){ width: 16%; }
.pack_product17 .table-bordered td span{ margin-right: 15px; } 
.pack_product18 .table-bordered td span{ width: 220px; display: inline-block; } 
.pack_pro_list>div>img{border: 1px solid #e3e3e3; margin: 0 auto;}
.pack_pro_list_border>div>img{border:none;}
.product_tit{ font-size: 18px; font-weight: bold; margin: 20px 0 10px; }
.pack_p{ text-align: center; font-size: 16px; margin: 10px 0;  }
.pack_p i{ width: 20px;display:inline-table; border-radius: 50%; background-color: #d10000; color: #ffffff; font-size: 14px; text-align: center; margin-right: 5px;}
.pack_chart_tit{ font-size: 20px; font-weight: bold; margin: 10px 0 6px; }
.pack_chart{ width: 90%;  margin-left: 40px; }
.pack_chart p{ font-size: 16px; margin-bottom: 5px; }
.pack_chart p span{ position: relative; top: 12px; left: -12px;  width: 4px; height: 4px; border-radius: 100%; display: block; background: #000;}

.pack_pro_list>div{ margin-bottom: 20px; }

.pack13_box>div{ margin: 10px 0; }
.pack13_box>div>img{border: 1px solid #e3e3e3;}
.pack13_box p{ height: 30px; }
.pack18_product_work>div>div{margin-bottom: 20px;}
.pack20_product p{ margin-top: 10px; }



@media screen and (max-width:768px){

	.pack{ width: 98%; margin: 0 auto; padding:10px 0; }
	.pack_box{ width: 100%; }
	.pack_title{ font-size: 26px; }

	.table-bordered>thead>tr>th,.table-bordered>tbody>tr>td{ padding:8px 10px;word-break:  break-word;font-size: 14px; }
	.table-bordered>thead>tr>th:nth-child(1),.table-bordered>tbody>tr>td:nth-child(1){ width: 20%; }

	.pack_chart_tit{ font-size: 18px;}
	.pack_chart{ width: 96%;  margin-left: 10px; font-size: 14px; }

	.pack_name{ font-size: 14px; height: 30px; }


}

@media (min-width: 376px) and (max-width:416px){

}

@media (min-width: 321px) and (max-width:375px){

}

@media (max-width: 320px){

}