﻿@charset "utf-8";
/*头部导航*/
.module0271{
	width:1400px;
	width:var(--mainwidth);
	height: auto;
	margin:0 auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.module0271_box{
	width:23.5%;
	height: auto;
	margin-top: 2%;
	margin-right: 2%;
	position: relative;
	background: #FFFFFF;
}
.module0271_box:nth-child(1){
	margin-top: 0%;
}
.module0271_box:nth-child(2){
	margin-top: 0%;
}
.module0271_box:nth-child(3){
	margin-top: 0%;
}
.module0271_box:nth-child(4){
	margin-top: 0%;
}
.module0271_box:nth-child(4n){
	margin-right: 0%;
}
.module0271_box a{
	display: block;
	width: 100%;
	height: 100%;
	 padding-bottom: 1rem;
	box-shadow: 0 0px 1px 1px rgba(0,0,0,0.08);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.module0271_box a:hover{
	box-shadow: 0 0px 15px 5px rgba(0,0,0,0.08);
}
.module0271_box a:hover .module0271_box_img img{
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	-o-transform:scale(1.05,1.05);
	-ms-transform:scale(1.05,1.05); 
	transform:scale(1.05,1.05);
}
.module0271_box a:hover .module0271_box_title{
	color: var(--OneColor);
}

.module0271_box_img{
	width:100%;
	height: calc(1400px * 0.235 * 3 / 4);
	height: calc(var(--mainwidth) * 0.235 * 3 / 4);
	font-size: 0px;
	overflow: hidden;
}
.module0271_box_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.module0271_box_title{
	width: 85%;
	margin:0 auto;
	position: relative;
	overflow: hidden;
	  white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 1rem;
    padding: 1.1rem 0;
	text-align: center;
	color: var(--FontOneColor);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.module0271_box_title:after{
	content: "";
	width: 3rem;
    height: 4px;
    background: var(--OneColor);
	position: absolute;
	bottom: 0;
	left: calc(50% - 1.5rem);
}


.module0271_box_con{
	width: 85%;
	overflow: hidden;
	margin:0 auto;
	margin-top: 1rem;
	font-size: 0.875rem;
	color: var(--FontOneColor);
	opacity: 0.6;
	text-align: center;
	line-height: 170%;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}



@media screen and (max-width:1023px)and (min-width:300px){
.module0271{
	width:96vw;
}
.module0271_box{
	width:49%;
	height: auto;
	margin-top: 2%;
	margin-right: 2%;
	position: relative;
}
.module0271_box:nth-child(1){
	margin-top: 0%;
}
.module0271_box:nth-child(2){
	margin-top: 0%;
}
.module0271_box:nth-child(3){
	margin-top: 2%;
}
.module0271_box:nth-child(4){
	margin-top: 2%;
}

.module0271_box:nth-child(2n){
	margin-right: 0%;
}

.module0271_box_img{
	height: calc(96vw * 0.49 * 3 / 4);
}

.module0271_box_title:after{
    height: 3px;
}


}













