@charset "utf-8";
/* CSS Document */
/*大屏幕   w >= 1200  && w<1930*/
@media screen and (max-width: 1930px) and (min-width: 1200px) {
	.case-case{/* margin-top:45px; */margin-bottom:30px;}
	.case-case li{width:99%;text-align:center;border-radius:0;float:left;border-bottom:2px solid;}
	.case-case li a{font-size: 26px;color:#4d4d4d;border-radius:0;padding-bottom:20px;}
	.case-case .active{border-bottom:2px solid #E30000!important;}
	.case-case .active:hover .mtl-case{color:red;}
	.case-case li a:hover{background:#fff;}
	.case-cs{padding:0 5px!important;}
	.case-cs h4{font-size:18px;color:#333;text-align:center;font-weight:600;padding-top:5px;overflow: hidden;}
	.case-video,.case-xc{display:inline-block;width:42%;text-align: center;border-radius:4px;background:#fff;text-decoration:none!important;color:#333;padding:6px 0;margin-left:5.2%;margin-bottom:10px;margin-top:5px;}
	.case-xc{border:1px solid #ccc;}
	.case-video:hover{background:#cd252a;color:#fff;}
	.case-xc:hover{background:#cd252a;color:#fff;border:1px solid #cd252a;}
	.index-pro2 a{cursor:pointer;}
/*	.index-pro2:hover .cc-img{box-shadow:0 6px 15px #999;}*/
	.index-pro2:hover .cc-img{-moz-box-shadow:0px 10px 20px #999; -webkit-box-shadow:0px 10px 20px #999; box-shadow:0px 10px 20px #999;}
	
	.index-pro2:hover{border-radius:0;}
	.index-pro2:hover .case-cs h4{color:#cd252a;}
	.aaa{height:50px;}
}

/*中等屏幕   w >= 992  && w<1200*/
@media screen and (max-width: 1200px) and (min-width: 992px) {
	.case-case{margin-top:45px;margin-bottom:30px;}
	.case-case li{width:33.1%;text-align:center;border-radius:0;float:left;border-bottom:2px solid;}
	.case-case li a{font-size:18px;color:#4d4d4d;border-radius:0;padding-bottom:15px;}
	.case-case .active{border-bottom:2px solid #E30000!important;}
	.case-case li a:hover{background:#fff;}
	.case-cs{padding:0 5px!important;}
	.case-cs h4{font-size:16px;color:#333;padding-left:5px;text-align:center;font-weight:600;padding-top:5px;}
	.case-video,.case-xc{display:inline-block;width:42%;text-align: center;border-radius:4px;background:#fff;text-decoration:none!important;color:#333;padding:6px 0;margin-left:5.2%;margin-bottom:21px;}
	.case-xc{border:1px solid #ccc;}
	.case-video:hover{background:#cd252a;color:#fff;}
	.case-xc:hover{background:#cd252a;color:#fff;border:1px solid #cd252a;}
	.index-pro2 a{cursor:pointer;}
	.index-pro2:hover{border-radius:0;}
	.index-pro2:hover .cc-img{box-shadow:0 6px 15px #999;}
	.index-pro2:hover .case-cs h4{color:#cd252a;}
	.aaa{height:30px;}
}

/*pad: w >= 768  && w< 992*/
@media screen and (max-width: 992px) and (min-width: 768px) {
	.case-case{margin-top:30px;margin-bottom:30px;}
	.case-case li{width:33.1%;text-align:center;border-radius:0;float:left;border-bottom:2px solid;}
	.case-case li a{font-size:16px;color:#4d4d4d;border-radius:0;padding-bottom:10px;}
	.case-case .active{border-bottom:2px solid #E30000!important;}
	.case-case li a:hover{background:#fff;}
	.case-cs{padding:0 5px!important;}
	.case-cs h4{font-size:16px;color:#333;padding-left:5px;text-align:center;font-weight:600;padding-top:5px;}
	.case-video,.case-xc{display:inline-block;width:42%;text-align: center;border-radius:4px;background:#fff;text-decoration:none!important;color:#333;padding:6px 0;margin-left:5.2%;margin-bottom:21px;}
	.case-xc{border:1px solid #ccc;}
	.case-video:hover{background:#cd252a;color:#fff;}
	.case-xc:hover{background:#cd252a;color:#fff;border:1px solid #cd252a;}
	.index-pro2 a{cursor:pointer;}
	.index-pro2:hover{border-radius:0;}
	.index-pro2:hover .cc-img{box-shadow:0 6px 15px #999;}
	.index-pro2:hover .case-cs h4{color:#cd252a;}
	.aaa{height:30px;}
}

/*iphone: w < 768px*/
@media screen and (max-width: 768px){
	.case-case{margin-top:15px;margin-bottom:15px;}
	.case-case li{width:32.8%;text-align:center;border-radius:0;float:left;border-bottom:2px solid;}
	.case-case li a{font-size:18px;color:#4d4d4d;border-radius:0;padding-bottom:10px;font-weight:600;}
	.case-case .active{border-bottom:2px solid #E30000!important;}
	.case-case li a:hover{background:#fff;}
	.case-cs{padding:0 5px!important;}
	.case-jj{padding:0 10px!important;}
	.case-cs h4{font-size:15px;color:#333;text-align:center;font-weight:600;padding-top:5px;}
	.case-video,.case-xc{display:inline-block;width:45%;text-align: center;border-radius:4px;background:#fff;text-decoration:none!important;color:#333;padding:2px 0;margin-left:2.2%;margin-bottom:15px;}
	.case-xc{border:1px solid #ccc;}
	.case-video:hover{background:#cd252a;color:#fff;}
	.case-xc:hover{background:#cd252a;color:#fff;border:1px solid #cd252a;}
	.index-pro2 a{cursor:pointer;}
	.index-pro2:hover{border-radius:0;}
	.index-pro2:hover .cc-img{box-shadow:0 6px 15px #999;}
	.index-pro2:hover .case-cs h4{color:#cd252a;}
	.aaa{height:30px;}
}