/* =====================价值观样式======================== */
.value_ban{}
.value_ban.com_banner2 .txt{
	position: absolute;
	display: inline-block;
	top: 45%;
	right: 17%;
	left: auto;
	width: auto;
}
.value_ban.com_banner2 .txt h4 {
	font-size: 22px;
	font-family: "OP-JH";
	line-height: 1;
	display: inline-block;
}

/* value_box1 s */
.value_box1 {
	padding: 1.3rem 0 1.6rem;
	background-color: #f1f1f1 !important;
	overflow: hidden;
}

.value_box1 .tit {
	font-family: "OP-JH";
	color: #000000;
	text-align: center;
}

.value_box1 .tit h3 {
	font-size: 32px;
	line-height: 1;
}

.value_box1 .tit p {
	position: relative;
	font-size: 12px;
	line-height: 1;
	margin-top: 0.15rem;
	display: inline-block;
}
.value_box1 .tit p::after{
    content: attr(text);
    position: absolute;
	width: 100%;
	left: 0;
	top: 0;
    color: black;
    z-index: 3;
}

.value_box1 .tit p::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 8px;
	border-radius: 4px;
	background-color: #4fb458;
	left: 0;
	bottom: -2px;
	-webkit-transform: rotate(-0.5deg);
	transform: rotate(-0.5deg);
	z-index: 2;
}

.value_box1 .con {}

.value_box1 .con ul {
	padding: 1.2rem 0 0.8rem;
}

.value_box1 .con ul li {
	position: relative;
	
}

.value_box1 .con ul li .pic {
	border-radius: 0.2rem;
	overflow: hidden;
}

.value_box1 .con ul li .pic img {
	width: 100%;
}

.value_box1 .con ul li .more{
	position: absolute;
	width: 120px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 10px;
	left: 50%;
	margin-left: -60px;
	bottom: 0.3rem;
	font-size: 12px;
	color: white;
	font-family: "OP-R";
	cursor: pointer;
}
.value_box1 .con ul li:nth-child(3) .more{
	color: #000000;
	border-color: #000000;
}

/* value_box1 e */


/* value_box2 s */
.value_box2 {
	position: relative;
	height: 8rem;
	background: url(../image/value_box2.jpg) no-repeat center;
	background-attachment: fixed;
	background-size: cover;
}

.value_box2 .txt {
	position: absolute;
	color: white;
	text-align: center;
	width: 100%;
	left: 0;
	top: 32%;
}

.value_box2 .txt h4 {
	font-size: 20px;
	font-family: "OP-JH";
	line-height: 26px;
}

.value_box2 .txt h4 span {
	display: inline-block;
	color: #cb0012;
}
/* value_box2 e */


/* value_box3 s */
.value_box3{
	padding: 1.5rem 0 0.8rem;
}
.value_box3 ul{
	text-align: center;
}
.value_box3 ul li {
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 6.5rem;
	max-width: 10.65rem;
	display: inline-block;
	background-color: #f1f1f1;
	margin-bottom: 0.7rem;
}

.value_box3 ul li .fl {
	width: 47.42%;
	padding: 0.9rem 0.2rem 0.6rem 0.7rem;
	height: 100%;
	text-align: left;
}

.value_box3 ul li .fl .pic{}

.value_box3 ul li .fl .pic img{
	width: auto;
}

.value_box3 ul li .fl p {
	margin-top: 0.4rem;
	line-height: 45px;
	font-size: 16px;
	color: #19191a;
	font-family: "OP-M";
}

.value_box3 ul li .fl p span {
	display: inline-block;
	color: #cb0012;
}

.value_box3 ul li .fl .ico {
	position: absolute;
	left: 50px;
	bottom: 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
}


.value_box3 ul li .fl>img {
	width: auto;
}

.value_box3 ul li .fl .ico i {
	border-radius: 50%;
	display: inline-block;
	transition:all 0.1s; 
	-webkit-transition:all 0.1s; 
	-moz-transition:all 0.1s; 
	-o-transition:all 0.1s;
	opacity: 1;
}
/* .value_box3 ul li .fl .ico:hover i{
	background-color: black;
} */

.value_box3 ul li .fl .ico span {
	margin-left: 12px;
	height: 40px;
	line-height: 40px;
	font-family: "OP-R";
	color: #000000;
	font-size: 16px;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s; 
	-o-transition:all 0.1s;
}

.value_box3 ul li .fl .ico.active span{
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
	opacity: 0;
}

.value_box3 ul li .pic {
	position: relative;
	width: 52.58%;
	height: 100%;
}

.value_box3 ul li .pic img {
	object-fit: cover;
}

.value_box3 ul li .pic .info {
	position: absolute;
	top: 0.6rem;
	left: 20%;
	font-size: 12px;
	line-height: 28px;
	color: #231815;
	font-family: "OP-R";
	z-index: 2;
	padding-right: 1rem;
	text-align: left;
	opacity: 0;
}
/* value_box3 e */


/* value_box4 s */
.value_box4{
	position: relative;
	height: 8rem;
	background: url(../image/value_box4.jpg) no-repeat center;
	background-attachment: fixed;
	background-size: cover;
}

.value_box4 .txt {
	position: absolute;
	color: white;
	text-align: center;
	width: 100%;
	left: 0;
	top: 40%;
}

.value_box4 .txt h4 {
	font-size: 22px;
	font-family: "OP-JH";
	line-height: 1;
}

.value_box4 .txt h4 span {
	display: inline-block;
	color: #cb0012;
}
/* value_box4 e */


/* value_box5 s */
.value_box5{
	padding: 1.5rem 0 0.9rem;
	background-color: #f1f1f1 !important;
	overflow: hidden;
}

.value_box5 .con {
	text-align: center;
}

.value_box5 .con ul {
	/* display: inline-block; */
	margin-bottom: 0.6rem;
}

.value_box5 .con ul li {
	float: left;
	border-radius: 10px;
	margin-right: 0.4rem;
	background-color: white;
	overflow: hidden;
}

.value_box5 .con ul li:last-child {
	margin-right: 0;
}

.value_box5 .con ul li a {}

.value_box5 .con ul li a img {
	width: 100%;
}

.value_box5 .con ul li a .info {
	padding: 0.35rem 8% 0.3rem;
	color: #231815;
	text-align: left;
}

.value_box5 .con ul li a .info h4 {
	font-size: 16px;
	line-height: 1;
	font-family: "OP-JH";
	color: #040000;
}

.value_box5 .con ul li a .info h4 span {
	color: #cb0012;
	display: inline-block;
}

.value_box5 .con ul li a .info p {
	font-size: 12px;
	line-height: 1.2px;
	line-height: 1;
	font-family: "ITC-Demi";
	margin-top: 0.08rem;
	color: #7f7f80;
}

/* value_box5 e */

/* 弹出层 s */
.value_mask{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(255,255,255,.45) !important;
	z-index: 999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	align-content: center;
	align-items: center;
	display: none;
}
.value_mask .text{
	position: absolute;
	width: 10rem;
	height: 7.3rem;
	left: 50%;
	margin-left: -5rem;
	top: 50%;
	margin-top: -3.65rem;
	background-color: #e6e6e6;
	border-radius: 25px;
}
.value_mask .text .close{
	position: absolute;
	top: 0.5rem;
	left: 0.6rem;
	cursor: pointer;
}
.value_mask .text .cell_mid{
	width: 5.8rem;
	margin: 0 auto;
}
.value_mask .text h4{
	font-size: 20px;
	font-family: "OP-JH";
	color: #000000;
	text-align: center;
}
.value_mask .text .info{
	font-size: 14px;
	line-height: 40px;
	text-align: justify;
	color: #000000;
	font-family: "OP-R";
	margin-top: 0.4rem;
}

/* 弹出层 e */

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
	/* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
	/* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
	/* 1360 × (768) */
}

@media all and (max-width:1359px) {
	/* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
	/* 1152 × (864) */
}

@media all and (max-width:1151px) {
	/* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
	/* 平板设备 720 适配 */
}

@media all and (max-width:768px) {
	/* 移动终端以上 360 适配 */
}

@media all and (max-width:640px) {}

@media all and (max-width:420px) {}

@media all and (max-width:376px) {}