/*正文样式*/
.bodyBackgroundColor{
	background-color:#F3F3F3;
}
.blackBackgroundColor{
	background-color:#ffffff;
}
.marginJianrong{
	margin:40px 0;
}
.zhengwenBj{background: url(../img/bg-1.jpg) repeat;}

.banner_text{
	display: flex; flex-direction:column; flex-wrap: wrap; justify-content: center; align-items: center;
}
.banner_h4{
	color: #fff;
    font-size: 60px;
}
.banner_h3{
	color: #fff; font-size: 30px;
    margin-top: 30px;
}
.banner_h3:after {
    content: '';
    display: block;
    margin: 30px auto;
    width: 50px;
    height: 1px;
    background: #fff;
    transition: width .6s 1s;
}


.pro_bj{
	background-color:#000;
}
.pro_title{
	width:100%; font-size:48px; font-weight:600; color:#20A89C; line-height:1.5; text-align:center; margin:80px 0 20px 0;
}
.pro_des{
	width:100%; font-size:16px; color:#000; text-align:center; line-height:2; margin:0 0 80px 0;
}
.productList{
	width:100%; padding:0px 0 50px;
	display: flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; align-items: center;
}
.productItemFrame{
	width:22%; margin:0 1.5%; box-shadow: 0 0px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); border-radius:4px; background-color:#fff; 
}
.productItem{
	width:100%; padding:10px 20px 40px; 
	display: flex; flex-direction:column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; cursor:pointer;
}
/*
.el-image {
	    height:200px;
	}
*/
.productItem span{
	padding:50px 0 0 0;
}

/*预约手术*/
.productsFrame{
	width:1400px; margin:50px auto; display: flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; align-items: top;
	
}
.productsFrame .productItem{
	flex:1; box-shadow: 0 0px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); border-radius:4px; background-color:#fff; 
}
.product_des{
	flex:2.8; margin:80px 0 0 150px;
}

.product_des .pro_titles{
	font-size:48px; font-weight:600; color:#20A89C; font-family: 'Microsoft YaHei', '微软雅黑', arial,Hiragino Sans GB,宋体,sans-serif; margin-bottom:25px;
}
.product_des p{
	font-size:16px; line-height:30px; max-width:600px;
}

.des_btn{
	width:130px; height:43px; line-height:43px; text-align:center; color:#fff; background-color:#20A89C; font-size:12px; margin-top:60px;
	cursor:pointer;
}


@media (min-width: 768px){
	
}


@media (max-width: 992px){
	
}



@media (max-width: 768px){
	.top-banner-bj{ 
		height:160px;
	}
	.marginJianrong{
		margin:20px 0;
	}
	.productItemFrame {
	    width: 47%;
	    margin: 1.5%;
	    box-shadow: 0 0px 4px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 4%);
	    border-radius: 4px;
	    background-color: #fff;
	    border-radius: 5px;
	    border: 1px solid #e7e7e7;
	}
	.caseFrame h2 {
	    font-size: 24px;
	    font-weight: 700;
	    text-align: center;
	}
	.computerFrame{
		width:100%; 
		display: flex; flex-direction:column; flex-wrap: nowrap; justify-content: flex-start; align-items: center;
	}
	.computerItem{
		width:100%; padding:0 0 30px 0;
		display: flex; flex-direction:column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start;
	}
	.tuiNum {
	    width: 100%;
	    /* display: none; */
	    color: #318AE7;
	    font-size: 60px;
	    padding: 0 8px 0 0;
	    font-weight: bold;
	    text-align: center;
	}
	.totalItem{
		width:100%;
		display: flex; flex-direction:column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; cursor:pointer;
	}
	.totalDes {
	    width: 100%;
	    text-align: center;
	    font-size: 12px;
	}
	
	.newsFrame {
	    width: 100%;
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    justify-content: space-between;
	    align-items: flex-start;
	}
	.newsItemFrame {
	    width: 100%;
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    justify-content: flex-start;
	    align-items: flex-start;
	    margin-bottom: 20px;
	}
	
	.page-case .item-inner {
	    width: 100%;
	}
	.page-case .item-inner {
	    width: 100%;
	}
	.page-case .main {
    	width: 100%;
    }
    .page-case ul {
	    padding: 0 0; height:auto; background: #F3F3F3;
	}
	.page-case ul li{
	    margin-bottom:15px;
	}
}