#body-wrap{
	width: 100%;
	background-color: #fff;
}
#body-header{
	width: 100%;
	height: 5.8rem;
	margin-bottom: 0.12rem;
}
#body-header img{
	width: 100%;
	height: 100%;
}
.pro-tab-wrap{
	width: 100%;
	background-color: #4a4fa9;
}
.pro-tab{
	width: 12.8rem;
	height: 0.77rem;
	margin: 0 auto;
	margin-bottom: 0.61rem;
}
.pro-tab p{
	width: 2.56rem;
	float: left;
	font-family: OPPOSans-R;
	font-size: 0.24rem;
	line-height: 0.77rem;
	color: #ffffff;
	text-align: center;
	transition:all 0.5s linear;
	cursor: pointer;
}
.pro-tab p a{
	width: 2.56rem;
	float: left;
	font-family: OPPOSans-R;
	font-size: 0.24rem;
	line-height: 0.77rem;
	color: #ffffff;
	text-align: center;
	transition:all 0.5s linear;
	cursor: pointer;

}
.pro-tab p:hover{
	background-color:#72af6a !important;
}
.pro-tab .active{
	background-color:#72af6a !important;
}
.pro-detail-wrap{
	width: 100%;
	background-color: #fff;
	padding-bottom: 1.5rem;;
}
.pro-detail{
	width: 100%;
	height: 5.47rem;
	margin: 0 auto;
	margin-bottom: 0.51rem;
	margin-left: 15%;
}
.pro-img-box{
	width: 49%;
	height: 5.45rem;
	border: 1px #606060 solid;
	float: left;
}
.pro-img-box img{
	width: 100%;
	height: 100%;
}
.pro-detail-text{
	float: left;
	height: 49%;
	width: 4.73rem;
	margin-left: 5%;
}
.pro-detail-text h2{
	font-family: OPPOSans-B;
	font-size: 0.3rem;
	line-height: 0.62rem;
	height: 0.62rem;
	color: #72af6b;
	width: 100%;
	border-bottom: 1px solid #606060;
	border-top: 1px solid #606060;
	margin-bottom: 0.05rem;
}
.pro-detail-text h4{
	font-family: OPPOSans-M;
	font-size: 0.24rem;
	line-height: 0.46rem;
	color: #717071;
	height: 0.46rem;
	border-bottom: 0.05rem solid #606060;
	width: 0.96rem;
	margin-bottom: 0.32rem;
}
.pro-detail-text ul{
	font-family: OPPOSans-L;
	font-size: 0.18rem;
	line-height: 0.3rem;
	color: #727171;
}
.pro-detail-text span{
	display: inline-block;
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 50%;
	background-color: #73ae6c;
	margin-left: 0.07rem;
	margin-right: 0.15rem;
	margin-bottom: 0.02rem;
}
.pro-banner-wrap{
	width: 100%;
	height: 5rem;
	background-color: #f4f4f4;
}
.pro-banner{
	width: 100%;
	height: 5rem;
	margin: 0 auto;
}
.pro-banner .pro-container{
	padding: 0.38rem 0;
	width: 80%;
	height: 5rem;
	float: left;
}
.pro-banner .pro-container img{
	width: 2.98rem;
	height: 4rem;
}
.pro-banner .pro-slide{
	width: 2.98rem;
	height: 4rem;
	position: relative;
}
.con{
	position: absolute;
	background: rgba(0, 0, 0, 1);
	opacity: 0;
	transition: all 1s;
	left: 0;
	top: 0;
	width: 100%;
    height: 100%;
}

.con>div {
	text-align: center;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.con>div h1 {
	font-size: 0.25rem;
	transition: .7s;
	color: white;
}

.con>div .tiler {
	position: relative;
	top: 0;
	transition: .5s;
}

.con .tiler-cn {
	margin: 0 auto 4%;
	width: 40px;
	height: 4px;
	background: white;
}

.con .tiler p {
	font-size: 20.8px;
	line-height: 40px;
	font-weight: 300;
	color: white;
}

.con>div>p {
	font-size: 12.8px;
	margin-top: 4%;
	color: white;
	position: relative;
	top: 0;
	transition: .7s;
}

.con>div>a {
	text-decoration: underline;
	display: block;
	color: white;
	font-size: 0.3rem;
	/* transition: 1s; */
	position: relative;
	top:20px;
}

.pro-banner .pro-slide .mask{
	width: 100%;
	height: 100%;
	background-color: #72af6b;
	opacity: 0;
	transition:all 0.5s linear;
	position: absolute;
	left: 0;
	top: 0;
}
.pro-banner .pro-slide:hover .mask{
	opacity: 0.5;
}
.pro-banner .pro-slide:hover .con{
	opacity: 0.7;
}
.pro-banner .btn{
	width: 10%;
	height: 1.22rem;
	padding-top: 1.92rem;
	padding-left: 20px;
	float: left;

}
.pro-banner .btn img{
	width: 0.62rem;
	height: 1.22rem;
}
.pro-prev{
	width:10%;
	/* float: left; */
	/* margin-right: 0.38rem; */
}
.pro-next{
	padding-left: 0.62rem+20px !important;
}

/* .tab-content div {
	clear: left;
	display: none;
} */
.tab-content .active {
	display: block !important;
}
.fade.in {
    opacity: 1;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}