.projectCases-box {
	width: 100%;
	overflow-x: hidden;
}

.projectCases-box .banner {
	width: 100%;
	height: 4rem;
}
.projectCases-box .banner img{
	width: 100%;
	height: 4rem;
}
.projectC-box1{
	margin-bottom: 0.5rem;
}
.projectC-box1 h1{
	padding: 0.6rem 0;
	text-align: center;
	font-size: 0.36rem;
	font-family: Arial;
	font-weight: bold;
	color: #333333;
}
.projectC-box1 .list{
	display: flex;
	flex-direction: row;
	width: 15rem;
	/*height: 3.75rem;*/
	margin: 0 auto;
    flex-wrap: wrap;
}
.projectC-box1 .list:nth-child(even){
	background: #FAFAFA;
}
.projectC-box1 .list:nth-child(odd){
	background:#F4F4F4;
}
.projectC-box1 .list .item{
	display: flex;
	flex-direction: row;
}
.projectC-box1 .list .item a{
	display: flex;
	flex-direction: row;
}
.projectC-box1 .list .item_active .left{

}
.projectC-box1 .list .item_active .right{

	background: rgba(42, 166, 208, 1);
}
.projectC-box1 .list .item_active .right h5,.projectC-box1 .list .item_active .right p{
	color: #fff!important;
}
.projectC-box1 .list .item .left{
	width: 3.75rem;
	height: 3.75rem;
}
.projectC-box1 .list .item .left img{
	width: 3.75rem;
	height: 3.75rem;
	object-fit: cover;

}
.projectC-box1 .list .item .right{
	width: 3.75rem;
	height: 3.75rem;
	padding-left: 0.2rem;
	padding-top: 0.5rem;
	padding-right: 0.3rem;
}
.projectC-box1 .list .item .right h5{
	font-size: 0.24rem;
	font-family: Arial;
	font-weight: 400;
color: #333333;
	padding-bottom: 0.14rem;
}
.projectC-box1 .list .item .right p{

	font-size: 0.16rem;
	font-family: Arial;
	font-weight: 400;
	line-height: 0.32rem;
	color: #666666;

}
.pages{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0.6rem auto 0;
}
.pages li{
	width: 0.32rem;
	height: 0.32rem;
	margin-right:0.08rem;
	border: 0.01rem solid #dedede;
	text-align: center;
	line-height: 0.32rem;
	font-size: 0.14rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #7D7D7D;
	cursor: pointer;

}
.pages li a{
	color: #7D7D7D;
}
.pages li a:hover{
	color: #2AA6D0;
}
.pages span{
	font-size: 0.14rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #7D7D7D;
	display: inline-block;
	margin:0.08rem 0.08rem 0.08rem 0rem;
	text-align: center;
}







































.projectCases-box .projectCases-box1 {
	padding-top: 0.4rem;
}

.projectCases-box .projectCases-box1 h1 {
	font-size: 0.36rem;
	font-family: Arial;
	font-weight: bold;
	color: #333333;
	padding-bottom: 0.3rem;
}

.projectCases-box .projectCases-box1 .projectCases-box1-nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding-bottom: 0.4rem;
}

.projectCases-box .projectCases-box1 .projectCases-box1-nav li {
	font-size: 0.18rem;
	font-family: Arial;
	font-weight: 400;
	color: #666666;
	padding: 0 0.26rem;
	height: 0.2rem;
	position: relative;
	cursor: pointer;
}

.projectCases-box .projectCases-box1 .projectCases-box1-nav li span {
	width: 0.01rem;
	height: 0.2rem;
	display: inline-block;
	background: #666666;
	position: absolute;
	top: 50%;
	right: 0rem;
	transform: translate(0, -50%);
}

.projectCases-box .projectCases-box1 .projectCases-box1-navli:last-child span {
	background: #fff;
}

.projectCases-box .projectCases-box1 .projectCases-box1-nav .nav_active2 {
	color: #2AA6D0 !important;
}

.projectCases-box .content {
	padding: 0 2.1rem;
}

.projectCases-box .content .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/* display: none; */
}

.projectCases-box .content .list .item {
	width: 3.5rem;
	height: auto;
	margin-bottom: 0.4rem;
	cursor: pointer;
}

.projectCases-box .content .list .item img {
	width: 3.5rem;
	height: 3.5rem;
}

.projectCases-box .content .list .item h6 {
	font-size: 0.24rem;
	font-family: Arial;
	font-weight: 400;
	color: #333333;
	padding-top: 0.2rem;
	text-align: left;
}

.projectCases-box .content .list .item p {
	width: 3.5rem;
	text-align: left;
	font-size: 0.18rem;
	font-family: Arial;
	font-weight: bold;
	padding-top: 0.16rem;
	color: #333333;
}

.projectCases-box .navs {
	width: 15rem;
	height: auto;
	margin: 0 auto;
	font-size: 0.16rem;
	font-family: Arial;
	font-weight: 400;
	color: #707070;
	text-align: left;
	padding-bottom: 0.23rem;
	padding-top: 0.2rem;
}

.projectCases-box .navs a {
	color: #707070;
	cursor: pointer;
}

.projectCases-box .navs span {
	color: #666;
	padding: 0 0.02rem;
	display: inline-block;
}

.projectCases-box .navs a:hover {
	color: #333;
}

.projectCases-box .pro-details1 {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0.3rem;
	position: relative;
}
.projectCases-box .pro-details1 img{
	width: auto;
	height: 6rem;
}























.projectCases-box .send-box {
	width: 1.9rem;
	height: 0.7rem;
	background: rgba(42, 166, 208, 1);
	border: 0px solid #2AA6D0;
	font-size: 0.16rem;
	font-family: Arial;
	font-weight: 400;
	line-height: 0.7rem;
	color: #FFFFFF;
	position: fixed;
	top: 5.49rem;
	right: 0.2rem;
	z-index: 100;
	cursor: pointer;
}

.projectCases-box .send-box img {
	width: 0.35rem;
	height: 0.36rem;
	margin-right: 0.15rem;
}

.pro-details2 {
	width: 15rem;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 0.8rem;
}

.pro-details2 h4 {
	font-size: 0.3rem;
	font-family: Arial;
	font-weight: 400;
	color: #333333;
	line-height: 1;
}

.pro-details2 h5 {
	font-size: 0.18rem;
	font-family: Arial;
	font-weight: bold;
	line-height: 1;
	color: #333333;
	padding-top: 0.2rem;
	padding-bottom: 0.61rem;
}

.pro-details2 .para1 h2 {

	height: 0.6rem;
	background: rgba(42, 166, 208, 1);
	padding-left: 0.4rem;
	font-size: 0.24rem;
	font-family: Arial;
	font-weight: bold;
	line-height: 0.6rem;
	color: #FFFFFF;
	margin-top: 0.4rem;
}

.pro-details2 .para1 .parai_intro ul {
	padding-top: 0.14rem;
	font-size: 0.16rem;
	font-family: Arial;
	font-weight: 400;
	color: #707070;
}
.pro-details2 .para1 .parai_intro ul:nth-child(2){
	padding-top: 0.28rem;
}
.pro-details2 .para1 .parai_intro ul li {
	line-height: 0.32rem;
}

.pro-details2 .para1 .parai_intro .table_img {
	margin-top: 0.12rem;
	width: 7.15rem;
	height: 3.22rem;
	margin-bottom: 0.2rem;
}

.pro-details2 .para1 .parai_intro .img {
	margin: 0.2rem 0 0 0;
	max-width: 7.47rem;
	height: auto;
	display: block;
}

.pro-details2 .para1 .parai_intro h6 {
	font-size: 0.18rem;
	font-family: Arial;
	font-weight: 400;
	line-height: 1;
	padding-top: 0.2rem;
}

.pro-details2 .para1 .parai_intro p {
	font-size: 0.16rem;
	font-family: Arial;
	font-weight: 400;
	line-height: 0.32rem;
	color: #707070;
	width: 9.99rem;

}
.popup{
	display: none;
}
.pop_con{
	width: 10rem;
	height: 6.54rem;
	background: rgba(255, 255, 255, 1);
	border-radius: 0.4rem;
	z-index: 9999;
	position: fixed;
	top: 50%;
	left: 50%;

	transform: translate(-50%,-50%);
	/* padding: 0.6rem 1.33rem 0.6rem 1.31rem; */
}
.pop_con .pop_title{
	width: 10rem;
	height: 0.78rem;
	background: rgba(42, 166, 208, 1);
	line-height: 0.78rem;
	border-radius: 0.4rem 0.4rem 0rem 0rem;
	font-size: 0.3rem;
	font-family: Arial;
	font-weight: 400;
	color: #FFFFFF;
}
.pop_con .pop_detail{
	padding: 0.6rem 1.31rem  0 1.33rem ;
}
.pop_con .pop_detail ul {
	display: flex;
	flex-wrap: wrap;
}
.pop_con .pop_detail ul li{
	width: 3.53rem;
	height: 0.48rem;
	margin-bottom: 0.2rem;
	margin-bottom: 0.2rem;
}
.pop_con .pop_detail ul li input{
	width: 3.53rem;
	height: 0.48rem;
	padding-left: 0.3rem;
	border: 1px solid #EEEEEE;
	margin-right: 0.2rem;
}
.pop_con .pop_detail ul li input::-webkit-input-placeholder,
.pop_con .pop_detail ul li input::-moz-placeholder,
.pop_con .pop_detail ul li input::-ms-input-placeholder{
color: #000000;
}
.pop_con .pop_detail textarea{
	width: 7.35rem;
	height: 2.4rem;
	font-size: 0.16rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 0.3rem;
	color: #000000;
	border: 1px solid #EEEEEE;
	padding: 0.3rem;
}


.pop_con .pop_detail textarea::-webkit-placeholder,.pop_con .pop_detail textarea::-moz-placeholder,
.pop_con .pop_detail textarea::-ms-placeholde{
	font-size: 0.16rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
}
.pop_con .pop_footer{
	margin: 0.3rem auto 0;
	height: 0.5rem;

}
.pop_con .pop_footer::after{clear:both}
.pop_con .pop_footer button{
	width: 2.61rem;
	height: 0.5rem;
	background: rgba(42, 166, 208,1);
	line-height: 0.5rem;
	text-align: center;
	border-radius: 0.33rem;
	font-size: 0.16rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	outline: none;
	margin: 0;
	padding: 0;
	border: 1px solid transparent;
	color: #FFFFFF;
	cursor: pointer;
}
.mask{
	z-index: 9998;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	/* display: none */
}