.religion{ display: table; width: 100%; position: relative; }
	.religion_text{ background-color: rgba(255, 255, 255, .8); width: 450px; text-align: center; padding: 25px 30px; position: absolute; left: calc(50% - 225px); top: calc(50% - 48px); z-index: 5; }
		.small_title{ background-image: url('../images/index/fugui.png'); width: 100%; height: 35px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center; }
		.choose_text{ display: block; padding-top: 10px; font-style: normal;  }
		.choose_text::before{ content: ""; display: inline-block; vertical-align: middle; margin: 0 15px 0; width: 25px; height: 1px; background-color: #000; }
		.choose_text::after{ content: ""; display: inline-block; vertical-align: middle; margin: 0 15px 0; width: 25px; height: 1px; background-color: #000; }
	.left_part,.right_part{ position: relative; width: 50%; padding-top: 41%; display: table-cell; background-size: cover;}
	.left_part{ background-image: url('../images/index/left_pic.jpg'); background-position: left center;}
	.right_part{ background-image: url('../images/index/right_pic.jpg'); background-position: right center; }
		.left_part:hover .content,.right_part:hover .content{ opacity: 1; padding: 11% 8%; }

	.content{ opacity: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .55); position: absolute; top: 0; left: 0; padding: 8%; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
		.content::before{ display: block; content: ''; width: 36px; height: 2px; background-color: #fff; }
		.content h3{ font-size: 34px; font-weight: 500; color: #fff; padding: 30px 0 10px; }
		.content em{ font-style: normal; color: #fff; letter-spacing: 2px; }
		.content::after{ display: block; content: ''; background: url('../images/index/arrowRight.png') center no-repeat; width: 38px; height: 38px; text-align: center; line-height: 38px; color: #fff; border: 2px solid #fff; border-radius: 38px; margin-top: 30px;  }


@media screen and (max-width: 767px){
	.phone{ display: none; }
	.content h3{padding:0;margin:10px 0;}
	.content::after{margin-top:3vh;}
}

@media screen and (orientation: portrait) and (max-width: 767px){
.religion{ display: block; width: 100%;height:auto !important; }
.left_part,.right_part{ width: 100%; padding-top: 70%; display: block; background-size: cover; background-position: center; }
.right_part .content{padding-top:15%;}
.right_part:hover .content{padding-top:20%;}
.religion_text{ text-align: center; padding: 18px 30px; width: 100%; left: 0; }
.small_title{ width: 80%; margin: 0 10%; } 
.choose_text{ padding-top: 5px; }
}