.information-page{
	min-height: 740px
}
.information-page .container{
	position: relative;
}
.information-description{
	width: 100%;
	position: relative;
	padding-left: 30px;
	padding-right: 15px;
}
.information-page451 .information-description{
	max-width: 510px;
	padding-right: 0;
}
.information-description p{
	font-size: 18px;
	line-height: 28px;
}
.information-page451 .information-description p:first-child{
	position: relative;
	left: -30px;
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
}
.information-page451 div.bi{
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100% - 600px);
	height: 930px;
	background-image: url('../image/about_bg.png');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 100% auto
}
.blog-item{
    width: 100%;
    margin-bottom: 40px;
}
.blog-item-text{
	width: 400px;
	margin-right: 110px;
	padding-top: 60px;
	margin-left: 300px;
}
.blog-item-left .blog-item-text{
	order: 2;
	margin-right: 0;
	margin-left: 40px;
}
.blog-item-title{
	font-size: 24px;
	line-height: 34px;
}
.blog-item-intotext{
	font-size: 16px;
	line-height: 26px;
	opacity: 0.5
}
.blog-item-image{
	position: relative;
	width: 326px;
	height: 362px; 
	opacity: 0.92;
    cursor: pointer; 
}
.blog-item-image *{
	cursor: pointer;
}
.blog-item-image:hover{
	opacity: 1;
}
.blog-item-left .blog-item-image{
	margin-left: 67.5px;
}
.blog-item-image:after{
	content: '';
	position: absolute;
	top: 0;
	left: -67.5px;
	width: 329.49px;
	height: 366.1px;
	background-image: url('/catalog/view/theme/default/image/news_bg.png');
	background-repeat: no-repeat;
	background-position: center center;
}
.blog-item-image:hover:after{
	opacity: 0.7
}
.information-page .blog-item-title h1{
	font-size: 24px;
	line-height: 34px;
	margin-top: 0;
	margin-bottom: 15px;
}
.popup-video .popup-content{
	width: 95vw;
	max-width: 1378px;
	height: calc(95vw / 1.7777);
	max-height: 854px;
}
.popup-video .popup-content-body{
	max-width: 100%;
}
#popup iframe, .popup-iframe-video{
	width: 90vw;
	max-width: 1198px;
	height: calc(90vw / 1.7777);
	max-height: 674px;
}
@media screen and (max-width: 1750px) {
	.information-page451 div.bi{
		background-size: 70% auto;
	}
}
@media screen and (max-width: 1599px) {
	.information-page451 div.bi{
		background-size: 100% auto;
		width: calc(100% - 730px);
	}
	.information-page451 .information-description {
	    max-width: 460px;
	    padding-right: 0;
	}
	.blog-item-text{
		margin-left: 120px;
	}
	.popup-video .popup-content{
		width: 95%;
		max-width: 1100px;
		height: 95%;
		max-height: 615px;
	}
	.popup-video .popup-content-body{
		max-width: 100%;
		height: 100%;
	}
	#popup iframe, .popup-iframe-video{
		width: 100%;
		max-width: 100%;
		height: 100%;
		max-height: 100%;
	}
}
@media screen and (max-width: 1199px) {
	.information-page451 div.bi{
		width: calc(100% - 450px);
	}
	.blog-item-text {
	    width: 300px;
	    margin-right: 100px;
	    padding-top: 15px;
	    margin-left: 62px;
	}
	.popup-video .popup-content{
		max-width: 900px;
		max-height: 500px;
	}		
}
@media screen and (max-width: 959px) {
	.information-page451 .container{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.information-page451 #content{
		order: 1;
	}
	.information-page451 div.bi{
		order: 2;
	    position: relative;
	    width: 600px;
	    height: 700px;
	    left: 15px;
	}
	.information-page451 .information-description{
		max-width: 100%;		
	}
	.blog-item-image{
		width: 200px;
		height: 200px;
	}
	.blog-item-image:after {	   
	    top: 0;
	    left: -32px;
	    width: 178px;
	    height: 198px;
	    background-size: 100% auto;
	}
	.blog-item-text {
	    width: 265px;
	    margin-right: 85px;
	    padding-top: 15px;
	    margin-left: 50px;
	}
	.blog-item-title {
	    font-size: 20px;
	    line-height: 30px;
	}
	.popup-video .popup-content{
		max-width: 600px;
		max-height: 450px;
	}
}
@media screen and (max-width: 639px) {
	.information-description{
		padding-left: 0;
	}
	.information-page451 .information-description p:first-child{
		left: 0;
	}
	.information-page451 div.bi {
	    width: 300px;
	    height: 350px;
	}
	.blog-item-text, .blog-item-left .blog-item-text{
		order: 2;
		width: 100%;
		margin: 0;
	}
	.blog-item-image, .blog-item-left .blog-item-image{
		order: 1;
		margin-left: auto;
		margin-right: auto;
	}
}