.index_zxcp{ overflow:hidden; border-top:1px #e0e0e0  solid; border-left:1px #e0e0e0 solid; }
.index_zxcp .index_zxcp_list{
	border-right:1px #e0e0e0 solid;
	border-bottom:1px #e0e0e0 solid;
	padding-bottom:20px; padding-top: 20px;
	position: relative;
	overflow: hidden;
	width: 20%; 
	float: left;
    box-sizing: border-box;
}
.index_zxcp .index_zxcp_list span{
	font-size: 12px;
	line-height: 30px;
	color: #FFFFFF;
	background-color: #FF9900;
	text-align: center;
	display: block;
	height: 30px;
	width: 120px;
	position: absolute;
	right: -34px;
	bottom: 10px;transform:rotate(-45deg);
}
.index_zxcp .index_zxcp_list a{ display:block; }
.index_zxcp .index_zxcp_list a img{ display:block; margin:0 auto; height:68px; width:auto;transition: 0.3s;-ms-transition: 0.3s;-webkit-transition: 0.3s;}
.index_zxcp .index_zxcp_list a h3{ line-height:33px; text-align:center; padding-top:12px; font-size:18px; color:#444;    font-weight: normal;}
.index_zxcp .index_zxcp_list a p{ line-height:28px; text-align:center; color:#a2a2a2}
.index_zxcp .index_zxcp_list a:hover img{ -webkit-transform: scale(1.2);-ms-transform: scale(1.2); -o-transform: scale(1.2);transform: scale(1.2);}

.caseindex .box{
	overflow: hidden;
}
.caseindex .box ul{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	width: 100%;
}
.caseindex .box ul li{
	background-color: #CCCCCC;
	width: 16.16%; 
	margin-right: 0.5%;
	margin-bottom:0.5%;
	overflow: hidden;
	position: relative;  display: flex;
	/*display: none;*/
}
.caseindex .box ul li a,.caseindex .box ul li a .pic{display: flex;}
.caseindex .box ul li img {	height: auto;	width: 100%;}
.caseindex .box ul li:nth-child(-n+10){ display:flex}
.caseindex .box ul li:hover .text{ bottom: 0px;height: 100%;background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center;justify-content: center;flex-direction: column;}
.caseindex .box ul li .text{
	background-color: rgba(0, 0, 0, 0.5);
	position:absolute;
	width:100%;
	text-align:center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	box-sizing:border-box;
	color: #FFFFFF;
	font-size: 16px;
	transition:all .4s ease;
	height: 90px;
	left: 0px;
	right: 0px;
	bottom: -45px;
}
.caseindex .box ul li .text h3 {
	font-size: 14px;
	color: #FFFFFF;
	display: block;      text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;     overflow: hidden;
}
.caseindex .box ul li .text span {
	font-size: 13px;
	color: #FFFFFF;
	display: inline-block;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	border: 1px solid #FFFFFF;
	border-radius: 50px;
	margin-top: 15px;
}
.cxcpindex .box ul li .text2{
    height: 45px;left: 0px; background-color: rgba(0, 0, 0, 0.6);
	position:absolute;
	width:100%;
	text-align:center;
	right: 0px;
	bottom: 0px;
    line-height: 45px;
}
.cxcpindex .box ul li{width: 12.3%; margin-right: 0.2%;	margin-bottom:0.2%;}
.cxcpindex .box ul li .cxcpli,.cxcpindex .box ul li .cxcpli .pic{display: flex;}

.bg_youshi{background:url(../images/bg_youshi.jpg) no-repeat center center;width:100%; min-height:500px;   background-size: cover;}
.wmdysindex{ display: flex;justify-content: space-between;    align-items: center;}
.circle-container {
    position: relative; /* 定位容器 */
    width: 380px; /* 容器宽度 */
    height:380px; /* 容器高度 */
    border: 1px solid #FFF;
    border-radius: 50%; 
}
.circlebig img,.circle img{border-radius:50%; width:100%;height:auto;}
.circlebig {width: 160px;height: 160px; left: 50%;top: 50%; border-radius:50%; border:10px solid #DCE6F2; background: #FFF;   position: absolute; background: #FFF; transform: translate(-50%, -50%);     display: flex;  align-items: center;padding: 10px;}
.circle {
    position: absolute;z-index: 2;left: 50%;top: 0;width: 80px;height: 80px;margin: -40px 0 0 -40px;border: 5px solid #DCE6F2;border-radius: 50%;box-sizing: border-box;list-style: none;transform-origin: 40px 228px; padding:8px; background: #FFF;display: flex;align-items: center;
}
.circle:nth-child(1) { transform: rotate(310deg) ;}
.circle:nth-child(2) { transform: rotate(270deg) ; }
.circle:nth-child(3) { transform: rotate(230deg) ; }
.circle:nth-child(4) { transform: rotate(50deg) ; }
.circle:nth-child(5) { transform: rotate(90deg) ; }
.circle:nth-child(6) { transform: rotate(130deg) ; }
.circle:nth-child(1) .circle2{ transform: rotate(-310deg) ;}
.circle:nth-child(2) .circle2 { transform: rotate(-270deg) ; }
.circle:nth-child(3) .circle2 { transform: rotate(-230deg) ; }
.circle:nth-child(4) .circle2 { transform: rotate(-50deg) ; }
.circle:nth-child(5) .circle2 { transform: rotate(-90deg) ; }
.circle:nth-child(6) .circle2 { transform: rotate(-130deg) ; }
.wmdys_cont{ width:30%;color:#FFF}
.wmdys_cont div{margin-bottom:50px;   width: 100%;}
.wmdys_cont:first-child{padding-right:50px; padding-left: 20px; }
.wmdys_cont:last-child{padding-left:50px;padding-right: 20px;}
.wmdys_cont div b{    font-size: 22px;}
.wmdys_cont div p{     text-indent: 2em; font-size: 15px; line-height: 22px; padding-top:10px}
.wmdys_cont:first-child div:first-child,.wmdys_cont:first-child div:last-child{margin-left:60px;}
.wmdys_cont:last-child div{ padding-right:0px}
.wmdys_cont:last-child div:first-child,.wmdys_cont:last-child div:last-child{margin-left:-60px;}
.wmdys_cont div:last-child{margin-bottom:10px;}

@media (min-width: 101px) and (max-width: 1200px){
    .index_zxcp .index_zxcp_list{ hidden;width: 33.33%;padding-bottom: 0px; padding-top: 10px; }
    .index_zxcp .index_zxcp_list a h3{ padding-top: 0px;}
   .wmdysindex{ flex-direction: column;}
   .wmdys_cont div b{font-size: 16px;}
    .wmdys_cont{ width:100%;margin-top:30px;}
    .wmdys_cont div{margin-bottom:30px;    text-align: left; padding-right:0px}
    .wmdys_cont div:first-child,.wmdys_cont div:last-child{margin-right:0px;}
    .wmdys_cont:last-child,.wmdys_cont:first-child{padding-left:20px;padding-right:20px}
    .wmdys_cont:last-child div:first-child,.wmdys_cont:last-child div:last-child{margin-left:0px;}
    .wmdys_cont:first-child div:first-child,.wmdys_cont:first-child div:last-child{margin-left:0px;}
    .caseindex .box ul li {width: 24.5%;}
    .bg_youshi{padding-top:30px !important}
}
@media (min-width: 100px) and (max-width: 600px){
    .circle-container {display:none}
    .caseindex .box ul li {width: 24.5%;}
    .caseindex .box ul li .text h3{font-size:12px; height:16px}
    .index_zxcp .index_zxcp_list a h3{font-size:12px;}
    .caseindex .box ul li .text span{font-size:10px;   padding-right: 5px; padding-left: 5px; margin-top:10px}
    .caseindex .box ul li .text{  height: 70px;bottom: -35px;  padding-top: 10px; padding-bottom: 10px; }
    .wmdys_cont div p{font-size:13px;}
    .cxcpindex .box ul li .text2{line-height: 25px;height: 25px; font-weight: normal;}
}