/* .header {background:linear-gradient(180deg, rgba(0,0,0,0.4), transparent);} */
/* .header .other_pagelogo{display: block;}
.header .index_logo{display: none;} */
.header .other_pagelogo{display: none;}
.header.mini{background: none;}
.header.mini .index_logo{display: block;}
.header.mini .other_pagelogo{display: none;}
/* .header{background-color: transparent;} */
/* .nav>ul>li>a{color: #ffffff;} */

.obanner{position: relative; width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center; background-color: #efefef;}
.obanner::before {content: ''; padding-top:28%;float: left;}
.obanner::after { content: '';display: block;clear: both;}
.obanner_text_box{
	z-index: 22;
	width: 42%;
	position: absolute;
	right: 6%;
	bottom:0;
	transform: translateY(50%);
	-webkit-transform: translateY(50%);
	color: #ffffff;
	padding:2% 3% 3% 3%;
	box-sizing:border-box;
	background: rgba(0,0,0, 0.86);
	background-size: 100% 100%;
}
/*.obanner_text{position: absolute;top:0;left:0; width: 100%;min-height: 100%;}*/
/*.obanner_text_box::before {content: ''; padding-top:34%;float: left;}
.obanner_text_box::after { content: '';display: block;clear: both;}*/
.opageblock_title .entitle{font-weight: bold;}
.opageblock_title .zhtitle{padding-bottom: 10px;position: relative;}
.opageblock_intro{
	position: absolute;
	left: 6%;
	top: 50%;
    transform: translateY(-50%);
	z-index: 23;
	width: 38%;
	margin: 0;
	color: #ffffff;
}
.opageblock_intro .intro_line1{
    position: relative;
	font-size: 42px;
	line-height: 42px;
	font-weight: 700;
	color: rgba(255,255,255,0.95);
	margin-bottom: 10px;
}
.opageblock_intro .intro_line1::after{
	content: '';
    position: absolute;
    top: 80px;
    left: 0;
    width: 10%;
    height: 6px;
    background-color: #ffffff;
}
.opageblock_intro .intro_line2{
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	margin-top: 80px;
}
.obanner_text .zhtitle:after{content: '';position: absolute;bottom: 0;left:0;width: 10%;height: 2px;background-color: #ffffff;}

.obanner_text_box ul{/*position: absolute; bottom: 16%;*/margin-top: 5%;}
.obanner_text_box ul li{float: left;margin-right: 30px;margin-bottom: 4px;}
.obanner_text_box ul li a{color: #ffffff;font-size: 16px;}
.obanner_text_box ul li a:hover{text-decoration: underline;}




.other_page_wrap{width: 83%;margin:0 auto;max-width: 1500px;}
.other_page_wrap img{max-width: 100%;}
.other_page_wrap>*{max-width: 100%;}
@media (max-width: 767px){

	.obanner_text_box{width: 94%;right: 3%;padding:4%;}
	.obanner::before {padding-top:60%;}
	.opageblock_intro{
		left: 6%;
		top: 16%;
		width: 85%;
	}
	.opageblock_intro .intro_line1{font-size: 16px;line-height: 24px;margin-bottom: 8px;}
	.opageblock_intro .intro_line2{font-size: 12px;line-height: 18px;}
	.opageblock_title .entitle{font-size: 20px;line-height: 30px;}
	.opageblock_title .zhtitle{font-size:16px;line-height: 20px;padding-bottom: 8px;}
	.obanner_text_box ul li{margin-right: 15px;}
	.obanner_text_box ul li a{font-size: 13px;}

	.other_page{padding-top: 24%;}
	.other_page_wrap{width: 94%;line-height: 1.4;}
	.other_page_wrap .opageblock_title  {text-align: center;display: block;}
	.other_page_wrap img,.other_page_wrap video{max-width: 100%;}

}



@media (min-width: 768px){


}

@media (min-width: 768px) and (max-width: 1024px){

    .obanner_text_box{width: 50%;}
	.opageblock_title .entitle{font-size: 24px;line-height: 30px;}
	.opageblock_title .zhtitle{font-size:16px;line-height: 20px;padding-bottom: 8px;}
	.obanner_text_box ul li a{font-size: 13px;}

	.other_page{padding-top: 16%;}


}

@media (min-width: 1025px){

	.opageblock_title .entitle{font-size: 26px;line-height: 36px;}
	.opageblock_title .zhtitle{font-size:16px;line-height: 20px;}
	.obanner_text_box ul li a{font-size: 14px;}

}

@media (min-width: 1200px){

	.opageblock_title .entitle{font-size: 30px;line-height: 40px;}
	.opageblock_title .zhtitle{font-size:18px;line-height: 24px;}
	.obanner_text_box ul li a{font-size: 15px;}

	.other_page{padding-top: 10%;}

}

@media (min-width: 1400px){

	.opageblock_title .entitle{font-size: 40px;line-height: 50px;}
	.opageblock_title .zhtitle{font-size:20px;line-height: 30px;}
	.obanner_text_box ul li a{font-size: 16px;}


}

@media (min-width: 1600px){

	.opageblock_title .entitle{font-size: 50px;line-height: 60px;}
	.opageblock_title .zhtitle{font-size:26px;line-height: 40px;}
	.obanner_text_box ul li a{font-size: 16px;}





}