@charset "utf-8";
/* CSS Document */
.banner_o{ overflow:hidden; padding-top:18px; width:100%;}
.banner_o .container{ overflow:hidden;}
.banner_o .container .bread_o{ height:55px; margin-bottom:15px;}
.banner_o .container .bread_o .title{ width:118px; height:55px; background:#e1e2e2; color:#fff; font-size:24px; text-align:center; line-height:55px;}
.banner_o .container .bread_o .title div{ width:98px; height:55px; background:#5ac1f5;}
.bread_i{ height:30px; line-height:30px; margin-top:25px; margin-left:10px;}
.bread_i span{ color:#000;}
.bread_i a:hover{ text-decoration:underline;}

.details{ overflow:hidden; padding-top:50px; padding-bottom:40px;}
.details .container,.details .container ul,.details .container ul li,.performance_l ul{ overflow:hidden;}
.details .container > ul > li{ margin-bottom:20px;}
.performance_l{ overflow:hidden;}
.details .container > ul > li h1{ font-size:24px; color:#0793da;}
.performance_l h1{ margin-left:15px;}
.performance_l ul{ margin-top:30px;}
.performance_l ul li{ padding-left:15px; background:url(../images/circle.png) left 7px no-repeat; line-height:24px; margin-bottom:10px;}
.performance_l a{ width:165px; height:36px; line-height:36px; text-align:center; color:#fff; background:#5ac1f5; display:block; margin-top:15px;}
.performance_l a:hover{ background:#c9c9c9;}
.performance_r{ overflow:hidden;}
.performance_r img{ width:auto;}
.img_item,.img_item ul,.img_item ul li,.tab{ overflow:hidden;}
.img_item ul{ margin-top:20px;}
.img_item ul li{ width:23.5%; margin-right:2%; float:left;}
.img_item ul li:last-child{ margin-right:0;}
.img_item ul li a:hover img{ opacity:.8;}
.tab{ margin-top:30px;}
.tab h2{ width:100%; height:32px; line-height:32px; background:#f1f1f1; font-size:16px; font-weight:normal; padding-left:10px;}
.tab table tr td{ height:35px; line-height:35px; padding-left:5px; border-right:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0;}
.tab table{ border-top:1px solid #a0a0a0; border-left:1px solid #a0a0a0;}
.video{ overflow:hidden;}
.tab p video{ width:100%; margin-top:20px;}
.tab p{ line-height:24px; margin:20px 0 20px;}
.tab p img{ width:auto; margin:0 auto;}

@media all and (max-width:768px){
	.banner_o .container .bread_o,.performance_l a{ display:none;}
	.banner_o img{ height:300px;}
	.details .container > ul > li .c6{ width:100%;}
	.performance_r img{ margin:0 auto;}
	
}
@media all and (max-width:425px){
	.banner_o img{ height:160px;}
	.details .container > ul > li .c6{ width:100%;}
	.performance_r img{ width:100%;}
	.img_item ul li{ width:49%; margin-right:2%; margin-bottom:10px;}
	.img_item ul li:nth-child(2n){ margin-right:0;}
}