@charset "utf-8";

/* CSS Document */

.eyoubanner {

	width: 100%;

	height: 750px;

	position: relative;

}

.eyouba_swiper {

	width: 100%;

	height: 100%;

	position: relative;

}

.eyouba_swiper .swiper-container {

	width: 100%;

	height: 100%;

}

.eyouba_swiper .swiper-slide {

	height: 100%;

	overflow: hidden;

	position: relative;

}

.eyouba_swiper .swiper-slide img {

	display: block;

	width: 100%;

	height: 100%;

	margin: auto;

	object-fit: cover;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

}

.eyouba_swiper .eyouba_control {

	height: 32px;

	position: absolute;

	left: 50%;

	bottom: 68px;

	z-index: 1;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

}

.eyouba_control .swiper-pagination {

	height: 32px;

	line-height: 32px;

	color: rgba(255, 255, 255, .45);

	font-family: "BEBAS";

	font-size: 20px;

	text-align: left;

	padding: 0 80px 0 0;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 1;

}

.eyouba_control .swiper-pagination span {

	display: inline-block;

	padding: 0 2px;

}

.eyouba_control .swiper-pagination span::before {

	content: '0';

	display: inline;

}

.eyouba_control .swiper-pagination span.swiper-pagination-current {

	color: #fff;

	font-size: 30px;

}

.eyouba_control .swiper-pagination::before {

	content: '';

	display: block;

	width: calc(100% - 160px);

	height: 1px;

	margin-top: -0.5px;

	background-color: rgba(255, 255, 255, .1);

	position: absolute;

	top: 50%;

}

.eyouba_control .swiper-pagination::before {

	left: 80px;

}

.eyouba_control .swiper-button-prev, .eyouba_control .swiper-button-next {

	width: 32px;

	height: 32px;

	margin: 0;

	padding: 6px;

	background: none;

	position: absolute;

	top: 0;

	z-index: 2;

}

.eyouba_control .swiper-button-prev {

	left: auto;

	right: 40px;

}

.eyouba_control .swiper-button-next {

	right: 0;

}

.eyouba_control .swiper-button-prev svg, .eyouba_control .swiper-button-next svg {

	display: block;

	width: 100%;

	height: 100%;

}

.eyouba_control .swiper-button-prev svg path, .eyouba_control .swiper-button-next svg path {

	fill: #ffffff;

}

.eyouba_control .swiper-button-prev:hover svg path, .eyouba_control .swiper-button-next:hover svg path {

	fill: #e61f4d;

}

 @media (max-width:1680px) {

.eyoubanner {

	height: 660px;

}

}

 @media (max-width:1600px) {

.eyoubanner {

	height: 630px;

}

}

 @media (max-width:1560px) {

.eyoubanner {

	height: 610px;

}

}

 @media (max-width:1440px) {

.eyoubanner {

	height: 570px;

}

}

 @media (max-width:1366px) {

.eyoubanner {

	height: 540px;

}

}

 @media (max-width:1280px) {

.eyoubanner {

	height: 520px;

}

}

 @media (max-width:1200px) {

.eyoubanner {

	height: 500px;

}

.eyouba_swiper .eyouba_control {

	bottom: 20px;

}

}

 @media (max-width:1080px) {

.eyoubanner {

	height: 460px;

}

}

 @media (max-width:1024px) {

.eyoubanner {

	height: 440px;

}

}

 @media (max-width:920px) {

.eyoubanner {

	height: 380px;

}

.eyouba_swiper .eyouba_control {

	bottom: 12px;

}

}

 @media (max-width:820px) {

.eyoubanner {

	height: 340px;

}

}

 @media (max-width:767px) {

.eyoubanner {

	height: 220px;

	margin-top: 60px;

}

.eyouba_swiper .eyouba_control {

	bottom: 6px;

}

.eyouba_control .swiper-pagination {

	font-size: 16px;

}

.eyouba_control .swiper-pagination span.swiper-pagination-current {

	font-size: 24px;

}

.eyouba_control .swiper-pagination::before {

	width: calc(100% - 125px);

	left: 60px;

}

.eyouba_control .swiper-button-prev {

	right: 32px;

}

}

 @media (max-width:390px) {

.eyoubanner {

	height: 200px;

}

}

 @media (max-width:320px) {

.eyoubanner {

	height: 170px;

}

}

 @media (max-width:280px) {

.eyoubanner {

	height: 150px;

}

}

.eyprohead {

	padding: 0 0 60px;

	background-color: #f4f4f4;

}

.eyprohead .eyprohead_main {

	margin: 0px auto 0;

	position: relative;

	z-index: 1;

}

.eyprohead_main .eyprohead_left {

	width: 400px;

	height: 320px;

	padding: 40px;

	background: #333 url(../images/eyprohead_left_bg.png) 0 0 repeat;

	background-size: 4px 4px;

	position: relative;

	float: left;

}

.eyprohead_left .eyprohead_title {

	margin: 0 0 20px;

}

.eyprohead_title a {

	display: block;

	width: 100%;

	height: 40px;

	overflow: hidden;

	line-height: 40px;

	color: #fff;

	font-size: 26px;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.eyprohead_title a:hover {

	color: #e61f4d;

}

.eyprohead_title p {

	max-height: 60px;

	overflow: hidden;

	line-height: 30px;

	color: rgba(255, 255, 255, .5);

	font-size: 16px;

	display: -webkit-box;

	text-overflow: ellipsis;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	margin-top: 4px;

}

.eyprohead_left .eyprohead_form {

	width: 100%;

}

.eyprohead_form form {

	display: block;

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: rgba(255, 255, 255, .1);

	border-radius: 0 0 16px 0;

}

.eyprohead_form .scIpt {

	width: calc(100% - 50px);

	float: left;

}

.eyprohead_form .scIpt input {

	display: block;

	width: 100%;

	height: 44px;

	overflow: hidden;

	line-height: 44px;

	color: #fff;

	font-size: 14px;

	white-space: nowrap;

	text-overflow: ellipsis;

	padding: 0 16px;

	outline: none;

	background: none !important;

	border: 0 !important;

}

 .eyprohead_form .scIpt input::placeholder {

 color: rgba(255, 255, 255, .25);

}

.eyprohead_form .scBtn {

	width: 50px;

	float: right;

}

.eyprohead_form .scBtn button {

	display: block;

	width: 100%;

	height: 44px;

	overflow: hidden;

	line-height: 44px;

	color: #fff;

	font-size: 14px;

	white-space: nowrap;

	text-overflow: ellipsis;

	padding: 12px 16px;

	border-radius: 0 0 16px 0;

	background: #e61f4d !important;

	border: 0 !important;

	cursor: pointer;

	outline: none;

}

.eyprohead_form .scBtn button svg {

	display: block;

	width: 100%;

	height: 100%;

}

.eyprohead_form .scBtn button svg path {

	fill: #ffffff;

}

.eyprohead_left .eyprohead_more {

	position: absolute;

	left: 40px;

	bottom: 40px;

}

.eyprohead_more a {

	display: inline-block;

	height: 40px;

	line-height: 40px;

	color: #fff;

	font-size: 16px;

	text-decoration: underline;

	vertical-align: top;

}

.eyprohead_more a:hover {

	color: #e61f4d;

}

.eyprohead_more a i {

	display: inline-block;

	width: 28px;

	height: 28px;

	overflow: hidden;

	padding: 8px;

	border-radius: 50%;

	background-color: #e61f4d;

	vertical-align: middle;

	margin: -2px 0 0 10px;

}

.eyprohead_more a i svg {

	display: block;

	width: 100%;

	height: 100%;

}

.eyprohead_more a i svg path {

	fill: #ffffff;

}

.eyprohead_main .eyprohead_right {

	width: calc(100% - 400px);

	height: 320px;

	background-color: #1c1c1c;

	float: right;

}

.eyprohead_right ul {

	display: flex;

	flex-wrap: wrap;

	justify-content: left;

	margin: 0;

}

.eyprohead_right ul li {

	display: none;

	width: 25%;

	height: 160px;

	border-right: 1px solid rgba(255, 255, 255, .1);

	border-bottom: 1px solid rgba(255, 255, 255, 0);

	position: relative;

}

.eyprohead_right ul li:nth-child(1), .eyprohead_right ul li:nth-child(2), .eyprohead_right ul li:nth-child(3), .eyprohead_right ul li:nth-child(4) {

	border-bottom: 1px solid rgba(255, 255, 255, .1);

}

.eyprohead_right ul li:nth-child(4n+4) {

	border-right: 1px solid rgba(255, 255, 255, 0);

}

.eyprohead_right ul li:nth-child(1), .eyprohead_right ul li:nth-child(2), .eyprohead_right ul li:nth-child(3), .eyprohead_right ul li:nth-child(4), .eyprohead_right ul li:nth-child(5), .eyprohead_right ul li:nth-child(6), .eyprohead_right ul li:nth-child(7), .eyprohead_right ul li:nth-child(8) {

	display: block;

}

.eyprohead_right ul li::before {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	padding: 0;

	position: absolute;

	left: 0;

	top: 0;

	background: #e61f4d url(../images/proIco1.png) 120% 140% no-repeat;

	background-size: 120px 120px;

	opacity: 0;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

}

.eyprohead_right ul li:hover::before {

	padding: 4px;

	position: absolute;

	left: -4px;

	top: -4px;

	opacity: 1;

}

.eyprohead_right ul li p {

	width: 100%;

	height: 100%;

	padding: 30px 40px;

	position: relative;

	z-index: 1;

}

.eyprohead_right ul li p a.name {

	display: block;

	height: 60px;

	overflow: hidden;

	line-height: 26px;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	display: -webkit-box;

	text-overflow: ellipsis;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	padding: 4px 0;

}

.eyprohead_right ul li p a.btn {

	display: block;

	height: 30px;

	line-height: 30px;

	color: rgba(255, 255, 255, .25);

	font-size: 14px;

	position: absolute;

	left: 40px;

	bottom: 30px;

}

.eyprohead_right ul li:hover p a.btn {

	color: #fff;

}

.eyprohead_right ul li p a.btn i {

	display: inline-block;

	width: 20px;

	height: 20px;

	margin: -2px 0 0 10px;

	padding: 5px;

	border-radius: 50%;

	border: 1px solid rgba(255, 255, 255, .25);

	vertical-align: middle;

}

.eyprohead_right ul li:hover p a.btn i {

	border: 1px solid #fff;

}

.eyprohead_right ul li p a.btn i svg {

	display: block;

	width: 100%;

	height: 100%;

}

.eyprohead_right ul li p a.btn i svg path {

	fill: #e61f4d;

}

.eyprohead_right ul li:hover p a.btn i svg path {

	fill: #ffffff;

}

 @media (max-width:1440px) {

.eyprohead {

	padding: 0 0 40px;

}

.eyprohead_main .eyprohead_left {

	height: 300px;

	padding: 30px;

}

.eyprohead_title a {

	height: 36px;

	line-height: 36px;

	font-size: 24px;

}

.eyprohead_title p {

	font-size: 15px;

}

.eyprohead_left .eyprohead_more {

	left: 30px;

	bottom: 30px;

}

.eyprohead_more a {

	font-size: 15px;

}

.eyprohead_more a i {

	width: 26px;

	height: 26px;

	padding: 7px;

}

.eyprohead_main .eyprohead_right {

	height: 300px;

}

.eyprohead_right ul li {

	height: 150px;

}

.eyprohead_right ul li p {

	padding: 22px 30px;

}

.eyprohead_right ul li p a.btn {

	left: 30px;

	bottom: 22px;

}

.eyprohead_right ul li::before {

	background: #e61f4d url(../images/proIco1.png) 110% 130% no-repeat;

	background-size: 100px 100px;

}

}

 @media (max-width:1280px) {

.eyprohead_main .eyprohead_left, .eyprohead_main .eyprohead_right {

	height: 280px;

}

.eyprohead_title a {

	height: 32px;

	line-height: 32px;

	font-size: 22px;

}

.eyprohead_title p {

	max-height: 48px;

	line-height: 24px;

	font-size: 14px;

}

.eyprohead_right ul li {

	height: 140px;

}

.eyprohead_right ul li p {

	padding: 20px 30px;

}

.eyprohead_right ul li p a.btn {

	bottom: 20px;

}

.eyprohead_right ul li p a.name {

	height: 58px;

	line-height: 25px;

	font-size: 15px;

}

.eyprohead_right ul li::before {

	background: #e61f4d url(../images/proIco1.png) 110% 120% no-repeat;

	background-size: 80px 80px;

}

}

 @media (max-width:1200px) {

.eyprohead {

	overflow: hidden;

	padding: 0;

}

.eyprohead .eyprohead_main {

	width: 100%;

	margin: 0 auto;

}

.eyprohead_main .eyprohead_left {

	width: 360px;

}

.eyprohead_main .eyprohead_right {

	width: calc(100% - 360px);

}

}

 @media (max-width:1080px) {

.eyprohead_main .eyprohead_left {

	width: 320px;

	height: 250px;

	padding: 20px;

}

.eyprohead_form .scIpt input, .eyprohead_form .scBtn button {

	height: 40px;

	line-height: 40px;

}

.eyprohead_left .eyprohead_more {

	left: 20px;

	bottom: 20px;

}

.eyprohead_more a {

	font-size: 14px;

}

.eyprohead_main .eyprohead_right {

	width: calc(100% - 320px);

	height: 250px;

}

.eyprohead_right ul li {

	height: 125px;

}

.eyprohead_right ul li p {

	padding: 16px 20px;

}

.eyprohead_right ul li p a.name {

	height: 56px;

	line-height: 24px;

	font-size: 14px;

}

.eyprohead_right ul li p a.btn {

	left: 20px;

	bottom: 16px;

}

}

 @media (max-width:1024px) {

.eyprohead_main .eyprohead_left {

	width: 300px;

	height: 240px;

}

.eyprohead_title a {

	height: 30px;

	line-height: 30px;

	font-size: 20px;

}

.eyprohead_main .eyprohead_right {

	width: calc(100% - 300px);

	height: 240px;

}

.eyprohead_right ul li {

	height: 120px;

}

.eyprohead_right ul li p a.name {

	height: 48px;

	line-height: 24px;

	font-size: 14px;

	padding: 0;

}

}

 @media (max-width:920px) {

.eyprohead_main .eyprohead_left {

	width: 100%;

	height: auto;

	padding: 20px 3%;

}

.eyprohead_left .eyprohead_title {

	float: left;

	margin: 0;

}

.eyprohead_left .eyprohead_form {

	width: 40%;

	margin: 9px 0;

	float: right;

}

.eyprohead_left .eyprohead_more {

	position: inherit;

	left: inherit;

	bottom: inherit;

	clear: both;

	display: none;

}

.eyprohead_main .eyprohead_right {

	width: 100%;

	height: 240px;

}

.eyprohead_right ul li p {

	padding: 16px 30px;

}

.eyprohead_right ul li p a.btn {

	left: 30px;

}

}

 @media (max-width:767px) {

.eyprohead_main .eyprohead_left {

	padding: 16px 3%;

}

.eyprohead_left .eyprohead_title {

	float: none;

	display: none;

}

.eyprohead_left .eyprohead_form {

	width: 100%;

	margin: 0 auto;

	float: none;

}

.eyprohead_main .eyprohead_right {

	height: auto;

}

.eyprohead_right ul li {

	width: 50%;

	height: auto;

}

.eyprohead_right ul li:nth-child(1), .eyprohead_right ul li:nth-child(2), .eyprohead_right ul li:nth-child(3), .eyprohead_right ul li:nth-child(4), .eyprohead_right ul li:nth-child(5), .eyprohead_right ul li:nth-child(6) {

	border-bottom: 1px solid rgba(255, 255, 255, .1);

}

.eyprohead_right ul li:nth-child(2n+2) {

	border-right: 1px solid rgba(255, 255, 255, 0);

}

.eyprohead_right ul li p {

	height: auto;

	padding: 16px 12px;

}

.eyprohead_right ul li p a.name {

	height: auto;

	max-height: 48px;

	margin-bottom: 0;

}

.eyprohead_right ul li p a.btn {

	position: inherit;

	left: inherit;

	bottom: inherit;

	display: none;

}

.eyprohead_right ul li::before {

	background: #e61f4d url(../images/proIco1.png) 104% 140% no-repeat;

	background-size: 50px 50px;

}

}

.eyprorec {

	margin: 80px auto;

}

.eyprorec .eyprorec_main {

	margin: 0 auto;

}

.eyprorec_main .eyprorec_swiper {

	width: 100%;

	overflow: hidden;

	position: relative;

}

.eyprorec_swiper .swiper-container {

	margin: -20px auto;

	padding: 40px 0;

}

.eyprorec_swiper .swiper-container .swiper-slide {

	margin-top: 50px;

	background-color: #fff;

	border: 1px solid #e6e6e6;

	box-shadow: 0 0 0 rgba(0, 0, 0, 0);

	-webkit-transform: scale(.7);

	-moz-transform: scale(.7);

	transform: scale(.7);

}

.eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active {

	margin-top: 0;

	border: 1px solid #fff;

	box-shadow: 0 0 22px rgba(0, 0, 0, .06);

	position: relative;

	z-index: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	transform: scale(1);

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_img {

	width: 100%;

	height: 300px;

	overflow: hidden;

	opacity: .25;

}

.eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_img {

	opacity: 1;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_img a {

	display: block;

	width: 100%;

	height: 100%;

	overflow: hidden;

	position: relative;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_img a img {

	display: block;

	max-width: 100%;

	max-height: 100%;

	margin: auto;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

}

.eyprorec_swiper .swiper-container .swiper-slide:hover .eyprorec_img a img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	transform: scale(1.1);

}

.eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_img a::after {

	content: '';

	display: block;

	width: 80px;

	height: 80px;

	overflow: hidden;

	background: url(../images/newTip.png) center center no-repeat;

	background-size: 100% 100%;

	position: absolute;

	top: 0;

	right: 0;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text {

	padding: 20px 40px 40px;

}

.eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_text {

	padding: 20px 40px 40px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_name a {

	display: block;

	width: 100%;

	height: 40px;

	overflow: hidden;

	line-height: 40px;

	color: rgba(0, 0, 0, .2);

	font-size: 22px;

	text-align: center;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_text .eyprorec_name a {

	color: #222;

}

.eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_text .eyprorec_name a:hover {

	color: #e61f4d;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p, .eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn {

	display: none;

}

.eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_text p, .eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_text .eyprorec_btn {

	display: block;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p {

	height: 26px;

	overflow: hidden;

	line-height: 26px;

	color: #999;

	font-size: 16px;

	white-space: nowrap;

	text-overflow: ellipsis;

	text-align: center;

	margin-top: 4px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p::before, .eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p::after {

	content: '';

	display: none;

	width: 40px;

	height: 1px;

	background-color: #e6e6e6;

	vertical-align: middle;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p::before {

	margin: -2px 10px 0 0;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p::after {

	margin: -2px 0 0 10px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn {

	margin-top: 30px;

	text-align: center;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01 {

	display: inline-block;

	vertical-align: top;

	height: 40px;

	line-height: 40px;

	color: #fff;

	font-size: 16px;

	margin: 0 8px;

	padding: 0 60px 0 30px;

	border-radius: 20px;

	background-color: #f7931e;

	position: relative;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01:hover {

	background-color: #222;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01 i {

	display: block;

	width: 28px;

	height: 28px;

	overflow: hidden;

	padding: 8px;

	background-color: #fff;

	border-radius: 50%;

	position: absolute;

	top: 6px;

	right: 6px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01 i svg {

	display: block;

	width: 100%;

	height: 100%;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01 i svg path {

	fill: #f7931e;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01:hover i svg path {

	fill: #222222;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02 {

	display: inline-block;

	vertical-align: top;

	height: 40px;

	line-height: 38px;

	color: #222;

	font-size: 16px;

	margin: 0 8px;

	padding: 0 60px 0 30px;

	border-radius: 20px;

	background-color: #fff;

	border: 1px solid #222;

	position: relative;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02:hover {

	color: #f7931e;

	border: 1px solid #f7931e;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02 i {

	display: block;

	width: 28px;

	height: 28px;

	overflow: hidden;

	padding: 8px;

	background-color: #222;

	border-radius: 50%;

	position: absolute;

	top: 5px;

	right: 5px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02:hover i {

	background-color: #f7931e;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02 i svg {

	display: block;

	width: 100%;

	height: 100%;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02 i svg path {

	fill: #ffffff;

}

.eyprorec_swiper .swiper-button-prev, .eyprorec_swiper .swiper-button-next {

	width: 48px;

	height: 48px;

	margin: -24px 0 0;

	padding: 4px;

	background: none;

	position: absolute;

	top: 50%;

	z-index: 2;

}

.eyprorec_swiper .swiper-button-prev {

	left: 29%;

}

.eyprorec_swiper .swiper-button-next {

	right: 29%;

}

.eyprorec_swiper .swiper-button-prev svg, .eyprorec_swiper .swiper-button-next svg {

	display: block;

	width: 100%;

	height: 100%;

}

.eyprorec_swiper .swiper-button-prev svg path, .eyprorec_swiper .swiper-button-next svg path {

	fill: #999999;

}

.eyprorec_swiper .swiper-button-prev:hover svg path, .eyprorec_swiper .swiper-button-next:hover svg path {

	fill: #f7931e;

}

 @media (max-width:1440px) {

.eyprorec {

	margin: 60px auto 40px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text, .eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_text {

	padding: 20px 30px 30px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_name a {

	font-size: 20px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p {

	height: 25px;

	line-height: 25px;

	font-size: 15px;

	margin-top: 0;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01, .eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02 {

	font-size: 15px;

	padding: 0 50px 0 20px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01 i {

	width: 26px;

	height: 26px;

	padding: 7px;

	top: 7px;

	right: 7px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02 i {

	width: 26px;

	height: 26px;

	padding: 7px;

	top: 6px;

	right: 6px;

}

}

 @media (max-width:1280px) {

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text, .eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_text {

	padding: 20px 20px 30px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_name a {

	height: 36px;

	line-height: 36px;

	font-size: 18px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p {

	height: 24px;

	line-height: 24px;

	font-size: 14px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p::before, .eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p::after {

	width: 32px;

}

}

 @media (max-width:1200px) {

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_img {

	height: 280px;

}

.eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_img a::after {

	width: 72px;

	height: 72px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn {

	margin-top: 20px;

}

}

 @media (max-width:1080px) {

.eyprorec .eyprorec_main {

	width: 100%;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_img {

	height: 266px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p::before, .eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p::after {

	width: 24px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01, .eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02 {

	font-size: 14px;

	margin: 0 4px;

}

}

 @media (max-width:1024px) {

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_img {

	height: 250px;

}

.eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_img a::after {

	width: 64px;

	height: 64px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p::before, .eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text p::after {

	display: none;

}

}

 @media (max-width:920px) {

.eyprorec {

	margin: 40px auto 20px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_img {

	height: 226px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text, .eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_text {

	padding: 20px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01, .eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02 {

	padding: 0 44px 0 14px;

}

.eyprorec_swiper .swiper-button-prev {

	padding: 8px;

	left: 28%;

}

.eyprorec_swiper .swiper-button-next {

	padding: 8px;

	right: 28%;

}

}

 @media (max-width:820px) {

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_img {

	height: 300px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01, .eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02 {

	padding: 0 50px 0 20px;

}

.eyprorec_swiper .swiper-button-prev {

	padding: 6px;

	left: 18%;

}

.eyprorec_swiper .swiper-button-next {

	padding: 6px;

	right: 18%;

}

}

 @media (max-width:767px) {

.eyprorec_swiper .swiper-container {

	padding: 40px 3%;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_img {

	height: 290px;

}

.eyprorec_swiper .swiper-button-prev {

	left: 0;

}

.eyprorec_swiper .swiper-button-next {

	right: 0;

}

}

 @media (max-width:390px) {

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_img {

	height: 270px;

}

}

 @media (max-width:320px) {

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_img {

	height: 220px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text, .eyprorec_swiper .swiper-container .swiper-slide.swiper-slide-active .eyprorec_text {

	padding: 12px 12px 20px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01, .eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02 {

	padding: 0 44px 0 14px;

}

}

 @media (max-width:280px) {

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_img {

	height: 180px;

}

.eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn01, .eyprorec_swiper .swiper-container .swiper-slide .eyprorec_text .eyprorec_btn a.btn02 {

	margin: 0;

}

.eyprorec_swiper .swiper-button-prev, .eyprorec_swiper .swiper-button-next {

	padding: 10px;

}

}

.eyabout {

	overflow: hidden;

	background: url(../images/eyabout_bg.jpg) center center no-repeat;

	background-size: cover;

}

.eyabout .eyabout_main {

	margin: 0 auto;

	padding: 80px 0;

	position: relative;
	display: flex;justify-content: space-between;

}

.eyabout_main .eyabout_text {

	width: 45%;


}
.gysphz{
	width: 45%;
}
.gysphz video{
	width: 100%;display: block;height: 100%;background: #000;
}

.eyabout_text .eyabout_con {

	height: auto;

	overflow: hidden;

	line-height: 22px;

	color: rgba(255, 255, 255, .45);

	font-size: 14px;

	text-align: justify;

	display: -webkit-box;

	text-overflow: ellipsis;

	-webkit-line-clamp: 50;

	-webkit-box-orient: vertical;

}

.eyabout_con div, .eyabout_con p, .eyabout_con span, .eyabout_con p span {

	line-height: 32px !important;

	color: rgba(255, 255, 255, .45) !important;

	font-size: 16px !important;

}

.eyabout_text .eyabout_btn {

	margin: 30px 0;

}

.eyabout_btn a {

	display: inline-block;

	vertical-align: top;

	height: 40px;

	line-height: 40px;

	color: #fff;

	font-size: 16px;

	margin: 0;

	padding: 0 60px 0 30px;

	border-radius: 20px;

	background-color: #f7931e;

	position: relative;

}

.eyabout_btn a:hover {

	color: #f7931e;

	background-color: #fff;

}

.eyabout_btn a i {

	display: block;

	width: 28px;

	height: 28px;

	overflow: hidden;

	padding: 8px;

	background-color: #fff;

	border-radius: 50%;

	position: absolute;

	top: 6px;

	right: 6px;

}

.eyabout_btn a i svg {

	display: block;

	width: 100%;

	height: 100%;

}

.eyabout_btn a i svg path {

	fill: #f7931e;

}

.eyabout_btn a:hover i svg path {

	fill: #ffffff;

}

.eyabout_main .eyabout_menu {

	width: 100%;

	/*position: absolute;*/

	right: 0;

	bottom: 0;

}

.eyabout_menu ul li {

	width: 33.333333%;

	height: 180px;

	overflow: hidden;

	float: left;

}

.eyabout_menu ul li a {

	display: block;

	width: 100%;

	height: 100%;

	overflow: hidden;

	padding: 42px;

}

.eyabout_menu ul li:nth-child(1) a {

	background-color: #e77c00;

}

.eyabout_menu ul li:nth-child(2) a {

	background-color: #ff8b05;

}

.eyabout_menu ul li:nth-child(3) a {

	background-color: #f7931e;

}

.eyabout_menu ul li a i {

	display: block;

	width: 48px;

	height: 48px;

	overflow: hidden;

	margin: 0 auto;

}

.eyabout_menu ul li a:hover i {

	transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-ms-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

}

.eyabout_menu ul li a i img {

	display: block;

	width: 100%;

	height: 100%;

}

.eyabout_menu ul li a:hover i img {

	transform: rotateY(-180deg);

	-webkit-transform: rotateY(-180deg);

	-moz-transform: rotateY(-180deg);

	-ms-transform: rotateY(-180deg);

	-o-transform: rotateY(-180deg);

}

.eyabout_menu ul li a em {

	display: block;

	line-height: 24px;

	color: #fff;

	font-size: 16px;

	font-style: normal;

	text-align: center;

	margin-top: 20px;

}

 @media (max-width:1440px) {

.eyabout .eyabout_main {

	padding: 60px 0;

}

.eyabout_main .eyabout_text {

	/*padding-right: 54%;*/

}

.eyabout_text .eyabout_con {

	height: 150px;

	line-height: 30px;

	font-size: 15px;

}

.eyabout_con div, .eyabout_con p, .eyabout_con span, .eyabout_con p span {

	line-height: 30px !important;

	font-size: 15px !important;

}

.eyabout_text .eyabout_btn {

	margin: 20px 0;

}

.eyabout_btn a {

	font-size: 15px;

	padding: 0 50px 0 20px;

}

.eyabout_btn a i {

	width: 26px;

	height: 26px;

	padding: 7px;

	top: 7px;

	right: 7px;

}

.eyabout_main .eyabout_menu {

	width: 540px;

}

.eyabout_menu ul li {

	height: 160px;

}

.eyabout_menu ul li a {

	padding: 35px;

}

}

 @media (max-width:1366px) {

.eyabout_main .eyabout_menu {

	width: 480px;

}

.eyabout_menu ul li {

	height: 140px;

}

.eyabout_menu ul li a {

	padding: 30px;

}

.eyabout_menu ul li a em {

	margin-top: 10px;

}

}

 @media (max-width:1280px) {

.eyabout_main .eyabout_text {

	/*padding-right: 50%;*/

}

.eyabout_text .eyabout_con {

	height: 140px;

	line-height: 28px;

	font-size: 14px;

}

.eyabout_con div, .eyabout_con p, .eyabout_con span, .eyabout_con p span {

	line-height: 28px !important;

	font-size: 14px !important;

}

}

 @media (max-width:1080px) {

.eyabout_btn a {

	font-size: 14px;

}

.eyabout_main .eyabout_menu {

	width: 420px;

}

.eyabout_menu ul li {

	height: 120px;

}

.eyabout_menu ul li a {

	padding: 20px;

}

}

 @media (max-width:920px) {

.eyabout .eyabout_main {

	padding: 40px 0;

}

.eyabout_text .eytitle i::after {

	margin: 5.5px 0 0 56px;

}

.eyabout_text .eyabout_con {

	height: 130px;

	line-height: 26px;

	font-size: 14px;

}

.eyabout_main .eyabout_menu {

	width: 390px;

}

.eyabout_menu ul li {

	height: 110px;

}

.eyabout_menu ul li a em {

	line-height: 20px;

	font-size: 14px;

	margin-top: 5px;

}

}

 @media (max-width:820px) {

.eyabout_main .eyabout_menu {

	width: 360px;

}

.eyabout_menu ul li {

	height: 100px;

}

.eyabout_menu ul li a {

	padding: 15px 20px;

}
.eyabout .eyabout_main{
	flex-wrap: wrap;
}
.eyabout .eyabout_main>*{
	width: 100%;
}


}

 @media (max-width:767px) {

.eyabout .eyabout_main {

	width: 100%;

	padding: 40px 3% 100px;

}

.eyabout_main .eyabout_text {

	padding: 0 0 40px;

}

.eyabout_text .eyabout_btn {

	margin: 10px 0;

}

.eyabout_main .eyabout_menu {

	width: 100%;

}

}

 @media (max-width:280px) {

.eyabout_menu ul li a {

	padding: 15px 10px;

}

}

.eyoupro {

	padding: 80px 0 60px;

	background-color: #f4f4f4;

}

.eyoupro .eyoupro_main {

	margin: 0 auto;

}

.eyoupro_list ul {

	display: flex;

	flex-wrap: wrap;

	justify-content: left;

	margin: 0 -12px;

}

.eyoupro_list ul li {

	width: 25%;

	margin-bottom: 28px;

	padding: 0 12px;

}

.eyoupro_list ul li .eyoupro_con {

	padding: 24px;

	background-color: #fff;

	box-shadow: 0 0 0 rgba(0, 0, 0, 0);

	position: relative;

}

.eyoupro_list ul li:hover .eyoupro_con {

	box-shadow: 0 10px 16px rgba(0, 0, 0, .1);

}

.eyoupro_list ul li .eyoupro_con::before, .eyoupro_list ul li .eyoupro_con::after {

	content: '';

	display: block;

	width: 90%;

	height: 4px;

	overflow: hidden;

	background-color: #222;

	position: absolute;

	left: 0;

	top: -4px;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

}

.eyoupro_list ul li .eyoupro_con::after {

	width: 0;

	background-color: #f7931e;

}

.eyoupro_list ul li:hover .eyoupro_con::before {

	width: 0;

}

.eyoupro_list ul li:hover .eyoupro_con::after {

	width: 90%;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_text {

	width: 100%;

	margin: 0 auto 10px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_text a.eyoupro_name em {

	display: block;

	width: 100%;

	height: 32px;

	overflow: hidden;

	line-height: 32px;

	color: #222;

	font-size: 20px;

	font-weight: bold;

	font-style: normal;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_text a.eyoupro_name span {

	display: block;

	width: 100%;

	height: 30px;

	overflow: hidden;

	line-height: 30px;

	color: #777;

	font-size: 16px;

	font-weight: bold;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.eyoupro_list ul li:hover .eyoupro_con .eyoupro_text a.eyoupro_name em, .eyoupro_list ul li:hover .eyoupro_con .eyoupro_text a.eyoupro_name span {

	color: #f7931e;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_img {

	width: 100%;

	height: 220px;

	overflow: hidden;

	margin: 0 auto;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_img a {

	display: block;

	width: 100%;

	height: 100%;

	overflow: hidden;

	position: relative;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_img a img {

	display: block;

	max-width: 100%;

	max-height: 100%;

	margin: auto;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

}

.eyoupro_list ul li:hover .eyoupro_con .eyoupro_img a img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	transform: scale(1.1);

}

.eyoupro_list ul li .eyoupro_con .eyoupro_btn {

	position: absolute;

	right: 24px;

	bottom: 24px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_btn a i {

	display: block;

	width: 24px;

	height: 24px;

	overflow: hidden;

	padding: 6px;

	background-color: rgba(0, 0, 0, 0);

	border: 1px solid #f7931e;

	border-radius: 50%;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_btn a:hover i {

	background-color: #f7931e;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_btn a i svg {

	display: block;

	width: 100%;

	height: 100%;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_btn a i svg path {

	fill: #f7931e;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_btn a:hover i svg path {

	fill: #ffffff;

}

 @media (max-width:1440px) {

.eyoupro {

	padding: 60px 0 40px;

}

.eyoupro_list ul {

	margin: 0 -10px;

}

.eyoupro_list ul li {

	margin-bottom: 24px;

	padding: 0 10px;

}

.eyoupro_list ul li .eyoupro_con {

	padding: 20px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_img {

	height: 210px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_text a.eyoupro_name span {

	font-size: 15px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_btn {

	right: 20px;

	bottom: 20px;

}

}

 @media (max-width:1366px) {

.eyoupro_list ul li .eyoupro_con .eyoupro_img {

	height: 200px;

}

}

 @media (max-width:1280px) {

.eyoupro_list ul li .eyoupro_con .eyoupro_img {

	height: 180px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_text a.eyoupro_name em {

	height: 30px;

	line-height: 30px;

	font-size: 18px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_text a.eyoupro_name span {

	height: 24px;

	line-height: 24px;

	font-size: 14px;

}

}

 @media (max-width:1200px) {

.eyoupro_list ul li .eyoupro_con .eyoupro_img {

	height: 170px;

}

}

 @media (max-width:1080px) {

.eyoupro_list ul li .eyoupro_con .eyoupro_img {

	height: 150px;

}

}

 @media (max-width:1024px) {

.eyoupro_list ul li .eyoupro_con .eyoupro_img {

	height: 140px;

}

}

 @media (max-width:920px) {

.eyoupro {

	padding: 40px 0 20px;

}

.eyoupro_list ul li .eyoupro_con {

	padding: 12px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_img {

	height: 130px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_btn {

	right: 12px;

	bottom: 12px;

}

}

 @media (max-width:820px) {

.eyoupro_list ul li {

	width: 50%;

}

.eyoupro_list ul li .eyoupro_con {

	padding: 20px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_img {

	height: 220px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_btn {

	right: 20px;

	bottom: 20px;

}

}

 @media (max-width:767px) {

.eyoupro_list ul li .eyoupro_con {

	padding: 12px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_img {

	height: 120px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_btn {

	right: 12px;

	bottom: 12px;

}

}

 @media (max-width:390px) {

.eyoupro_list ul {

	margin: 0 -6px;

}

.eyoupro_list ul li {

	padding: 0 6px;

}

}

 @media (max-width:320px) {

.eyoupro_list ul {

	margin: 0;

}

.eyoupro_list ul li {

	width: 100%;

	padding: 0;

}

.eyoupro_list ul li .eyoupro_con {

	padding: 20px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_img {

	height: 200px;

}

.eyoupro_list ul li .eyoupro_con .eyoupro_btn {

	right: 20px;

	bottom: 20px;

}

}

 @media (max-width:280px) {

.eyoupro_list ul li .eyoupro_con .eyoupro_img {

	height: 170px;

}

}

.eyarticles {

	padding: 80px 0 60px;

}

.eyarticles .eyarticles_main {

	margin: 0 auto;

}

.eyarticles_list ul {

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	margin: 0 -12px;

}

.eyarticles_list ul li {

	width: 50%;

	margin-bottom: 24px;

	padding: 24px 12px 0;

}

.eyarticles_list ul li .eyarticles_con {

	padding: 24px;

	background-color: #f4f4f4;

	position: relative;

}

.eyarticles_list ul li:hover .eyarticles_con {

	background-color: #222;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_time {

	width: 80px;

	height: 80px;

	overflow: hidden;

	padding: 13px 0;

	background-color: #e61f4d;

	margin: -48px 20px 0 0;

	float: left;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_time span {

	display: block;

	line-height: 24px;

	color: #fff;

	font-size: 16px;

	text-align: center;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_time p {

	line-height: 30px;

	color: #fff;

	font-size: 24px;

	text-align: center;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_name {

	width: calc(100% - 100px);

	float: right;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_name a {

	display: block;

	width: 100%;

	height: 32px;

	overflow: hidden;

	line-height: 32px;

	color: #222;

	font-size: 18px;

	font-weight: bold;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.eyarticles_list ul li:hover .eyarticles_con .eyarticles_name a {

	color: #fff;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_ms {

	max-height: 56px;

	overflow: hidden;

	line-height: 28px;

	color: #999;

	font-size: 16px;

	word-break: break-all;

	display: -webkit-box;

	text-overflow: ellipsis;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	margin-top: 16px;

}

.eyarticles_list ul li:hover .eyarticles_con .eyarticles_ms {

	color: rgba(255, 255, 255, .45);

}

 @media (max-width:1440px) {

.eyarticles {

	padding: 60px 0 40px;

}

.eyarticles_list ul {

	margin: 0 -10px;

}

.eyarticles_list ul li {

	margin-bottom: 20px;

	padding: 20px 10px 0;

}

.eyarticles_list ul li .eyarticles_con {

	padding: 20px;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_time {

	width: 72px;

	height: 72px;

	padding: 11px 0;

	margin: -40px 20px 0 0;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_time span {

	line-height: 22px;

	font-size: 14px;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_time p {

	font-size: 22px;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_name {

	width: calc(100% - 92px);

}

.eyarticles_list ul li .eyarticles_con .eyarticles_ms {

	max-height: 50px;

	line-height: 25px;

	font-size: 15px;

	margin-top: 15px;

}

}

 @media (max-width:1280px) {

.eyarticles_list ul li .eyarticles_con .eyarticles_ms {

	max-height: 48px;

	line-height: 24px;

	font-size: 14px;

	margin-top: 14px;

}

}

 @media (max-width:920px) {

.eyarticles {

	padding: 40px 0 20px;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_time {

	width: 70px;

	height: 70px;

	padding: 10px 0 12px;

	margin: -40px 20px 0 0;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_name {

	width: calc(100% - 90px);

}

.eyarticles_list ul li .eyarticles_con .eyarticles_name a {

	height: 30px;

	line-height: 30px;

	font-size: 16px;

}

}

 @media (max-width:767px) {

.eyarticles_list ul li {

	width: 100%;

}

}

 @media (max-width:320px) {

.eyarticles_list ul li .eyarticles_con .eyarticles_time {

	width: 70px;

	height: 60px;

	padding: 5px 0 12px;

	margin: -40px 0 12px 0;

	float: none;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_name {

	width: 100%;

	float: none;

}

.eyarticles_list ul li .eyarticles_con .eyarticles_ms {

	margin-top: 6px;

}

}