@charset "utf-8";
/* CSS Document */



/*banner*/

#i_banner {
	position: relative;
	z-index: 0;
}
#i_banner .swiper-slide {
	position: relative;
	z-index: 0;
}
#i_banner .pic {
	position: relative;
	z-index: 0;
	padding-top:  calc(100vh - 5.43em );
}
#i_banner .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#i_banner .txtb {
	position: absolute;
	left: 0;
	top: 6.7vw;
	bottom: 6.7vw;
	right: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#i_banner .txtb .txt {
	width: 51%;
	margin: 0 auto 0 0;
	text-align: left;
	color: rgba(255, 255, 255, 0.9);
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition: all 1s;
	-webkit-transition:all 1s;
	transform: translate(0, 90px);
	-ms-transform: translate(0, 90px);
	-webkit-transform: translate(0, 90px);
}
#i_banner .txtb .txt .intro2 {
	font-weight:100;
	line-height: 1.2;
	max-height: 2.4em;
	overflow: hidden;
	text-transform: uppercase;
}
 #i_banner .txtb .txt .intro2::before {
content: "";
 display: inline-block;
width: 0.5em;
height: 0.5em;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e7cb78+0,b4854a+100 */

background:#C12F6F; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 vertical-align: middle;
margin-right: 0.2em;
position: relative;
top: -0.2em;
}
#i_banner .txtb .txt .name {
	margin-top: 0.45em;
	font-weight: bold;
	line-height: 1.2;
}
#i_banner .txtb .txt .intro {
	margin-top: 0.8em;
	line-height: 1.2;
	max-height: 2.4em;
	overflow: hidden;
}
#i_banner .txtb .txt .btn {
	margin-top: 2.1em;
}
#i_banner .swiper-slide-active .txtb .txt {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
#i_banner .swiper-pagination {
	left: 9.3%;
	right: 9.3%;
	width: auto;
	bottom: 2.43em;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#i_banner .swiper-pagination-bullet {
	flex: 1;
	height: 1px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	background-color: #fff;
	margin: 0 !important;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#i_banner .swiper-pagination-bullet-active {
	height: 2px;
	background-color: #058d7f;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.swiper-bot {
	position: absolute;
	right:8.4%;
	left: 8.4%;
	bottom:1.7em;
	z-index: 1000;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.swiper-bot .line {
	height: 1px;
	flex: 1;
	margin: 0 0.5em;
	background-color: rgba(228, 204, 142, 0.5);
}
.btnNPW {
	height: 1.4em;
	text-align: right;
}
.btnNextI, .btnPrevI {
	position: relative;
	cursor: pointer;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	margin:0 0.1em;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.btnPrevI {
	left: 5.2%;
	right: auto;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.btnNextI:hover,  .btnPrevI:hover {
	background-color: transparent;
}
 .btnNextI::before,  .btnPrevI::before {
 content: "";
display: block;
position: absolute;
z-index: 1;
 top: 0;
left: 0;
width: 100%;
height: 100%;
 background:  url(../images/arrow2.png) center center no-repeat;
 background-size: 62% auto;
}
.swiper-button-disabled,  .swiper-button-disabled:hover {
	background: transparent;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
#i_banner .swiper-button-disabled,  #i_banner .swiper-button-disabled:hover {
	background: transparent;
}
#i_banner .num {
	color: #f2e1af;
}
#i_banner .num span.cur {
	font-size: 1.5em;
}
 @media only screen and (max-width:828px) {
 #i_banner .con {
width: auto;
margin: 0;
width: 100%;
}
 #i_banner .pic {
position: relative;
z-index: 0;
padding-top: 100%;
}
 #i_banner .txtb .txt {
width: auto;
margin: 0 1.5em;
}
 #i_banner .txtb .txt .intro2 {
font-size: 3.2vw;
}
 #i_banner .txtb .txt .name {
font-size: 5.8vw;
}
 #i_banner .txtb .txt .intro {
font-size: 2.8vw;
}
 #i_banner .txtb .txt .btn {
font-size: 2.4vw;
margin-top: 1.8em;
}
 #i_banner .num {
font-size: 10px;
left: 2em;
bottom: 3em;
}
 #i_banner .btnNPW {
font-size: 0.7em;
right: 2em;
bottom: 3em;
}
 #i_banner .swiper-pagination {
font-size: 2vw;
}
}
.charAboutBg {
	background: #f5f7f6 url(../images/ch_about_bg1111.png) center 0 no-repeat;
	background-size:100% auto;
}
.charBox {
	position: relative;
	z-index: 10;
	background-color: #222429;
	padding: 2.6em 0;
}
.charBox ul {
	margin: 0 14%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
}
.charBox li {
	width: 29.3%;
	margin: 0 2%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.charBox .pic {
	width: 7.14em;
	height: 7.14em;
	background: url(../images/ch_bg.png) center center no-repeat;
	background-size:contain;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow:hidden
}
.charBox .pic img {
	margin: 0 auto;
	display: block;
	width: 4.25em;
	height: 4.25em;
	object-fit: contain;
	transition: all 0.5s;
}
.charBox .pic:hover img {
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.charBox .txtb {
	flex: 1;
	margin-left: 1em;
	text-align: left;
}
.charBox .name {
	margin-top: 0.5em;
	font-weight: bold;
	font-size: 1.12em;
	color: #fff;
}
.charBox .intro {
	margin-top: 0.6em;
	color: #999;
	line-height: 1.15;
}
 @media only screen and (max-width:828px) {
 .charBox {
margin-top: 1em;
}
 .charBox ul {
display: block;
}
 .charBox li {
width: auto;
margin-top: 2em;
}
 .charBox li:first-child {
margin-top: 0;
}
}
.opSerBox {
	padding: 6.5em 0 12em;
	background:#000 url(../images/op_ser_bg.jpg) center center no-repeat;
	background-size:cover;
	color: #fff;
}
.opSerBox .con {
}
.opSerBox .name {
	margin-top: 1em;
	line-height: 1.2;
	font-weight: bold;
}
.opSerBox .intro {
	margin-top:1.6em;
	line-height: 1.2;
}
.opSerBox .btnYell {
	margin-top: 2.6em;
}
.horizontal_connection_right {
	width: 260px;
	max-width: none;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.horizontal_connection_right .more {
	display: block;
	position: relative;
	overflow: hidden;
	width: 260px;
	height: 52px;
	border: 1px solid #fff;
	font-size: 0;
	text-align: center;
	line-height: 50px;
	z-index: 0;
	border-radius: 30px;
}
.horizontal_connection_right .more i {
	display: inline-block;
	width: 25px;
	height: 20px;
	vertical-align: middle;
	background: url(../images/teltel.png) no-repeat;
	transition: all 0.5s;
	margin: 0 5px;
}
.horizontal_connection_right .more:hover {
	background-color:#EC2275;
	border:1px solid #EC2275
}
.horizontal_connection_right .more:hover i {
	background: url(../images/moreIcon2.png) no-repeat;
	transform: rotate(90deg);
	transition-delay: 0.2s;
	margin-top:10px;
}
.horizontal_connection_right .more span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
	transition: all 0.5s;
	margin: 0 5px;
}
.funSerBox {
	padding: 6.2em 0 6.2em;
}
.funSerBox .tit2 {
	margin-top: 0.2em;
	color: #222429;
	font-weight: bold;
	text-align: left;
}
.funSerBox .swiper-slide {
	overflow: hidden;
}
.funSerBox .item {
	text-align: left;
	position: relative;
	z-index: 0;
	background-color: #f4f5f4;
}
 @media only screen and (max-width:828px) {
 .funSerBox {
padding: 4em 0 4em;
}
}
.funSerBox .item .pic {
	position: relative;
	z-index: 0;
	padding-top: 65.5%;
	overflow:hidden;
}
.funSerBox .item .pic img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
.funSerBox .item .pic:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.funSerBox .item .txtb {
	padding:10% 11.4% 11.4%;
}
.funSerBox .item .txtb .date {
	padding-left: 2.5em;
	color: #999;
	background:url(../images/rect.png) 0 0.2em no-repeat;
	background-size:1em auto;
}
.funSerBox .item .name {
	color: #333;
	font-weight: bold;
	height: 1.5em;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.funSerBox .item .name:hover {
	color:#cd9933
}
.funSerBox .item .intro {
	margin-top:0.8em;
	color: #888;
	line-height: 1.5;
	height: 4.5em;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.swiper-fun-w {
	position: relative;
	z-index: 0;
	margin-top: 2.5em;
}
 @media only screen and (max-width:828px) {
 .swiper-fun-w {
margin-left: 3em;
margin-right: 3em;
}
}
.newBox {
	padding: 4.7em 0 6.6em;
	background:#f4f5f4 url(../images/new_bg.jpg) center center no-repeat;
	background-size:contain;
}
 @media only screen and (max-width:828px) {
 .newBox {
padding: 4em 0 4em;
}
}
.newBox .swiper-slide {
	overflow: hidden;
}
.newBox .item {
	text-align: left;
	position: relative;
	z-index: 0;
	padding-top: 7%;
}
.newBox .item .pic {
	top: 0;
	right: 0;
	margin: 0 7% 0 auto;
	width: 47.5%;
	padding-top: 33.3%;
	position: absolute;
	z-index: 0;
	top:0;
	overflow:hidden
}
 .newBox .item .pic::after {
display: block;
content: "";
position: absolute;
top: 0;
 right: -15%;
width: 15%;
padding-top: 15%;
 background: url(../images/arrow4.png) 0 0 no-repeat;
 background-size:contain;
}
.newBox .item .pic img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
.newBox .item .pic:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.newBox .item .txtb {
	background-color: #fff;
	padding:32% 20% 12.8% 12.8%;
}
.newBox .item .txtb .date {
	padding-left: 2.5em;
	color: #999;
	background:url(../images/rect.png) 0 0.2em no-repeat;
	background-size:1em auto;
}
.newBox .item .name {
	margin-top: 1.2em;
	color: #333;
	font-weight: bold;
	height: 3em;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.newBox .item .name:hover {
	color:#cd9933
}
.newBox .item .intro {
	margin-top:0.8em;
	color: #888;
	line-height: 1.8;
	height: 7.2em;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}
.swiper-new-w {
	margin-top: 3.7em;
	position: relative;
	z-index: 0;
}
 @media only screen and (max-width:828px) {
 .swiper-new-w {
margin-left: 3em;
margin-right: 3em;
}
}
.btnNext, .btnPrev {
	position: absolute;
	top: 50%;
	cursor: pointer;
	margin-top: -1.5em;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	width: 3em;
	height: 3em;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	-moz-box-shadow: 0 0 0.3em rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 0.3em rgba(0, 0, 0, .2);
	box-shadow: 0 0 0.3em rgba(0, 0, 0, .2);
	background:#fff url(../images/arrow5.png) center center no-repeat;
	background-size:0.75em auto;
}
.btnNext {
	right: -3.6em;
	left: auto;
}
.btnPrev {
	left: -3.6em;
	right: auto;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.matrBox {
	margin: 0 auto 0;
	padding: 3.5em 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5f2fe+0,ffffff+100 */

background: linear-gradient(to bottom, rgba(229, 242, 254, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.matrBox .tit {
	color: #1a1d3c;
}
.matrBox .tit2 {
	color: #646b97;
	margin-top: 0.2em;
}
.matrBox .pic {
	margin-top: 2.3em;
}
.matrBox .pic img {
	max-width: 1348px;
	margin: 0 auto;
	display: block;
	width: 100%;
	height: auto;
}
.matrBox .btnW {
	margin-top: 6.2em;
}
.soluBox {
	margin: 0 auto 0;
	padding: 3.5em 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5f2fe+0,ffffff+100 */

background: linear-gradient(to bottom, rgba(229, 242, 254, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.soluBox .tit {
	color: #1a1d3c;
}
.soluBox .tit2 {
	color: #646b97;
	margin-top: 0.2em;
}
.soluBox .soluCon {
	margin-top: 2em;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: stretch;
}
.soluBox .soluCon .tab {
	width: 49.6%;
}
.soluBox .soluCon .tab ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.soluBox .soluCon .tab li {
	position: relative;
	z-index: 0;
	cursor: pointer;
	color: #1a1d3c;
	width: 49.2%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 7.2em;
	border: 1px solid #e1e4f3;
	margin-top: 0.27em;
	background-color: #fff;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
}
 .soluBox .soluCon .tab li:nth-child(1),  .soluBox .soluCon .tab li:nth-child(2) {
margin-top: 0;
}
.soluBox .soluCon .tab li .pics {
	margin: 0 1.66em 0 2.1em;
	width: 4em;
	height: 4em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.soluBox .soluCon .tab li .pics img {
	display: block;
	max-width: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
}
 .soluBox .soluCon .tab li .pics img:nth-child(2) {
display: none;
}
.soluBox .soluCon .tab li.cur {
	color: #fff;
	background-color: #0099ff;
}
.soluBox .soluCon .tab li .num {
	font-size: 0.88em;
	position: absolute;
	top: 1.5em;
	right: 2.25em;
	color: #0099ff;
}
.soluBox .soluCon .tab li .arrow {
	position: absolute;
	bottom: 1.5em;
	right: 2.25em;
	width: 0.7em;
	height: 0.7em;
	background: url(../images/arrow_2.png) center center no-repeat;
	background-size:contain;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.soluBox .soluCon .tab li.cur .num {
	color: #fff;
}
.soluBox .soluCon .tab li.cur .name {
	font-weight: bold;
}
 .soluBox .soluCon .tab li.cur .pics img:nth-child(1) {
display: none;
}
 .soluBox .soluCon .tab li.cur .pics img:nth-child(2) {
display: block;
}
.soluBox .soluCon .tab li.cur .arrow {
	background-image: url(../images/arrow.png);
}
.soluBox .soluCon .conSZ {
	width: 49.9%;
	border: 1px solid #e1e4f3;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f9fbff+100 */

 background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(249, 251, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.soluBox .soluCon .conSZ .conS {
	display: none;
}
.soluBox .soluCon .conSZ .conS:first-child {
	display: block;
}
.soluBox .soluCon .conC {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding: 9.7% 6% 9.7% 9.7%;
	text-align: left;
}
.soluBox .soluCon .conC .txtb {
	width: 25.8%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
}
.soluBox .soluCon .conC .txtb .num {
	color: #0099ff;
	font-weight: bold;
}
.soluBox .soluCon .conC .txtb .name {
	margin-top: 0.2em;
}
.soluBox .soluCon .conC .txtb .pics img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 0 0;
	max-width: 144px;
}
.soluBox .soluCon .conC .txtb2 {
	width: 63.1%;
	color: #717890;
}
.soluBox .soluCon .conC .txtb2 .intro {
	padding-left: 1em;
}
.soluBox .soluCon .conC .txtb2 .intro p {
	margin-bottom: 1.2em;
	position: relative;
	z-index: 0;
}
 .soluBox .soluCon .conC .txtb2 .intro p::before {
 position: absolute;
content: "-";
left: -1em;
top: -0.2em;
 color: #0099ff;
font-size: 1.3em;
font-weight: bold;
}
.soluBox .soluCon .conC .btnW {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.soluBox .soluCon .conC .btnW .btnGray {
	text-align: center;
	width: 45%;
	margin-top: 1.3em;
	padding-left: 0;
	padding-right: 0;
}
 @media only screen and (max-width:828px) {
 .soluBox .soluCon {
display: block;
}
 .soluBox .soluCon .tab {
width: 100%;
}
 .soluBox .soluCon .conSZ {
margin-top: 0.5em;
width: 100%;
}
 .soluBox .soluCon .conC {
display: block;
}
 .soluBox .soluCon .conC .txtb .pics {
margin-top: 1.5em;
}
 .soluBox .soluCon .conC .txtb {
width: 100%;
}
 .soluBox .soluCon .conC .txtb2 {
margin-top: 2em;
width: 100%;
}
 .soluBox .soluCon .tab li {
height: 6em;
}
 .soluBox .soluCon .tab li .pics {
margin: 0 0.8em 0 1em;
width: 3em;
height: 3em;
}
 .soluBox .soluCon .tab li .num {
right: 1em;
}
 .soluBox .soluCon .tab li .arrow {
right: 1em;
}
}
.indpar {
	background: #e5ebf3 url('../images/index/part.png') no-repeat left bottom/100% auto;
	width: 100%;
	padding: 112px 0 116px;
}
.indpar-item {
	width: 100%;
	margin-top:100px;
}
.indpar-item li {
	width: 100%;
	font-size: 0;
	text-align: center;
}
.indpar-item li div {
	display: inline-block;
	vertical-align: middle;
	width: 210px;
	margin: 0 2px;
	position: relative;
	height: 150px;
	line-height: 150px;
}
.indpar-item li div img {
	max-width: 50%;
	position: relative;
	z-index: 2;
transition: all .4s ease;
	object-fit: cover;
	top:20px;
}
 .indpar-item li div::before {
content: "";
width: 150px;
height: 150px;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
margin-top: -75px;
margin-left: -75px;
transform: rotate(45deg);
}
 .indpar-item li:nth-child(2n) {
margin: -38px 0;
}
 @media all and (max-width:1599px) {
 .indpar {
padding: 88px 0 90px;
}
 .indpar-item li div {
width: 180px;
}
 .indpar-item li div::before {
width: 126px;
height: 126px;
margin-top: -63px;
margin-left: -63px;
}
 .indpar-item li:nth-child(2n) {
margin: -54px 0;
}
}
 @media all and (max-width:1439px) {
 .indpar-item li div {
width: 160px;
}
 .indpar-item li div::before {
width: 114px;
height: 114px;
margin-top: -57px;
margin-left: -57px;
}
 .indpar-item li:nth-child(2n) {
margin: -64px 0;
}
}
 @media all and (max-width:1359px) {
 .indpar-item li {
margin-left: -1% !important;
overflow: hidden;
width: auto;
display: inline;
}
 .indpar-item li div {
background: #fff;
height: 100px;
line-height: 100px;
width: 19%;
margin: 1% 0 0 1%;
float: left;
}
 .indpar-item li div::before {
display: none;
}
 .indpar-item li:nth-child(2n) {
margin: 0;
}
}
 @media all and (max-width:1000px) {
 .indpar-item {
margin-top: 40px;
}
}
 @media all and (max-width:640px) {
 .indpar-item li div img {
top:10px;
height:38px;
max-width: 100%;
}
 .indpar-item li div {
height: 60px;
line-height: 60px;
width: 49%;
margin: 1% 0 0 1%;
}
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clearfix {
	zoom: 1;
}
/* 选择大永圣五大优势 */

.wdys {
	padding-top:4.167%;
	padding-bottom:4.167%;
	background:url(../images/wdys_bg.jpg) no-repeat center;
	background-size:cover;
	clear:both;
	overflow:hidden
}
.wdys .wdys_ft {
	text-align:center;
}
.wdys .wdys_ft h3 {
	font-size:40px;
	font-weight:bold;
	line-height:1;
	color:#000000;
}
.wdys .wdys_ft h3 span {
	color:#002A9A;
}
.wdys .wdys_ft h4 {
	font-size:20px;
	font-weight:normal;
	line-height:1.1;
	letter-spacing:1px;
	color:#999999;
	margin-top:12px;
}
.wdys .wdys_fc {
	margin-top:1.5%;
	margin-bottom:2.5%;
}
.wdys .wdys_fc ul {
	font-size:0;
	text-align:center;
}
.wdys .wdys_fc ul li {
	display:inline-block;
	width:23.5%;
	background-color:#e6e6e6;
	margin:5px 9px;
	padding:1.858% 0;
	text-align:center;
}
.wdys .wdys_fc ul li .flimg {
	width:42px;
	height:42px;
	text-align:center;
	margin-right:5px;
}
.wdys .wdys_fc ul li .flnr {
	display:inline-block;
}
.wdys .wdys_fc ul li .flimg .img2 {
	display:none;
}
.wdys .wdys_fc ul li .flwz {
	text-align:left;
	width:calc(100% - 47px);
}
.wdys .wdys_fc ul li .flwz h3 {
	font-size:22px;
	font-weight:bold;
	line-height:1;
	color:#333333;
	padding-top:10px;
}
.wdys .wdys_fc ul li .flwz h4 {
	font-size:12px;
	font-weight:normal;
	line-height:1;
	color:#333333;
	margin-top:5px;
}
.wdys .wdys_fc ul li:hover .flimg .img2 {
	display:inline;
}
.wdys .wdys_fc ul li:hover .flimg .img1 {
	display:none;
}
.wdys .wdys_fc ul li:hover {
	background-color:#002A9A;
}
.wdys .wdys_fc ul li:hover .flwz h3 {
	color:#fff;
}
.wdys .wdys_fc ul li:hover .flwz h4 {
	color:#fff;
}
.wdys .con {
	width:75%;
	max-width: 1600px;
	margin: 0 auto;
}
.wdys .wdys_fc ul li.cur .flimg .img2 {
	display:inline;
}
.wdys .wdys_fc ul li.cur .flimg .img1 {
	display:none;
}
.wdys .wdys_fc ul li.cur {
	background-color:#002A9A;
}
.wdys .wdys_fc ul li.cur .flwz h3 {
	color:#fff;
}
.wdys .wdys_fc ul li.cur .flwz h4 {
	color:#fff;
}
.wdys .wdys_fc ul li.on .flimg .img2 {
	display:inline;
}
.wdys .wdys_fc ul li.on .flimg .img1 {
	display:none;
}
.wdys .wdys_fc ul li.on {
	background-color:#002A9A;
}
.wdys .wdys_fc ul li.on .flwz h3 {
	color:#fff;
}
.wdys .wdys_fc ul li.on .flwz h4 {
	color:#fff;
}
.wdys .wdys_fb {
	background-color:#ffffff;
	padding:2.786% 2.5% 2.786% 5.4%;
	clear:both;
	overflow:hidden;
	box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1)!important;
}
.wdys .wdys_fb .wdys_fblt {
	clear:both;
	overflow:hidden;
}
.wdys .wdys_fb .wdys_fbl {
	margin-top:1.94%;
	width:47%;
	text-align:left
}
.wdys .wdys_fb .wdys_fbl .wdys_fblt h3 {
	font-family:Impact;
	font-size:3rem;
	color:#002A9A;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblt h4 {
	font-size:1.4rem;
	font-weight:bold;
	line-height:1;
	color:#000;
	margin-top:1.5rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #e6e6e6;
	margin-left:11px;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblc {
	font-size:1.4rem;
	font-weight:bold;
	line-height:1;
	color:#002A9A;
	margin-top:4.292%;
	display: flex;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblc i {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/gou.png) no-repeat center 0px;
}
.wdys .wdys_fb .wdys_fbl .wdys_fblb {
	font-size:1rem;
	font-weight:normal;
	line-height:2;
	color:#666;
	margin-top:2.642%;
	padding-left:30px;
}
.wdys .wdys_fb .wdys_fbl .wdysckgd {
	display:block;
	width:120px;
	border:solid 1px #999999;
	font-size:14px;
	line-height:28px;
	color:#808080;
	text-align:center;
	margin-top:8.748%;
}
.wdys .wdys_fb .wdys_fbr {
	width:51.86%;
}
.wdys .wdys_fb .wdys_fbr img {
	width:100%;
}
 @media(max-width:1440px) {
 .wdys .con {
 width: 90%;
 max-width: 1600px;
 margin: 0 auto;
}
}
 @media(max-width:1240px) {
 .wdys .wdys_fc ul li {
margin:5px 0.5% 5px 0;
width:19.6%;
}
 .wdys .wdys_fc ul li:last-child {
margin-right:0;
}
 .wdys .wdys_fc ul li .flwz h3 {
font-size:18px;
}
}
 @media(max-width:991px) {
 .wdys .wdys_ft h3 {
font-size:32px;
}
 .wdys .wdys_ft h4 {
font-size:16px;
}
 .wdys .wdys_fc ul li {
width:32%;
margin:5px 2% 5px 0;
}
 .wdys .wdys_fc ul li:nth-child(3n) {
margin-right:0;
}
 .wdys .wdys_fb {
padding:2%;
}
 .wdys .wdys_fb .wdys_fbl {
width:100%;
}
 .wdys .wdys_fb .wdys_fbl .wdys_fblt h3 {
font-size:60px;
}
 .wdys .wdys_fb .wdys_fbl .wdys_fblt h4 {
font-size:28px;
margin-top:13px;
padding-bottom:10px;
}
 .wdys .wdys_fb .wdys_fbl .wdys_fblc {
font-size:28px;
margin-top:15px;
}
 .wdys .wdys_fb .wdys_fbl .wdys_fblb {
font-size:16px;
margin-top:10px;
}
 .wdys .wdys_fb .wdys_fbl .wdysckgd {
margin-top:15px;
}
 .wdys .wdys_fb .wdys_fbr {
width:100%;
margin-top:15px;
}
}
 @media(max-width:768px) {
 .wdys .con {
width: auto;
 margin: 0 1em;
}
 .wdys {
padding:25px 0;
}
 .wdys .wdys_ft h3 {
font-size:28px;
}
 .wdys .wdys_ft h4 {
font-size:14px;
line-height:1.2;
}
 .wdys .wdys_fc ul li {
width:100%;
margin:5px 2% 5px 0;
}
 .wdys .wdys_fc ul li:nth-child(3n) {
margin-right:2%;
}
 .wdys .wdys_fc ul li:nth-child(2n) {
margin-right:0;
}
 .wdys .wdys_fb {
padding:15px;
}
 .wdys .wdys_fb .wdys_fbl .wdys_fblt h3 {
font-size:50px;
}
 .wdys .wdys_fb .wdys_fbl .wdys_fblt h4 {
font-size:20px;
margin-top:10px;
margin-left:5px;
}
 .wdys .wdys_fb .wdys_fbl .wdys_fblc {
font-size:24px;
}
 .wdys .wdys_fb .wdys_fbl .wdys_fblb {
font-size:14px;
}
}
 @media(max-width:468px) {
 .wdys .wdys_ft h3 {
font-size:26px;
}
 .wdys .wdys_ft h4 {
font-size:12px;
}
 .wdys .wdys_fc {
margin-top:10px;
margin-bottom:10px;
}
 .wdys .wdys_fc ul li {
padding:10px 0;
}
 .wdys .wdys_fb {
padding:15px 2%;
}
 .wdys .wdys_fb .wdys_fbl .wdys_fblt h3 {
font-size:35px;
font-weight:bold;
}
 .wdys .wdys_fb .wdys_fbl .wdys_fblt h4 {
font-size:16px;
margin-top:14px;
padding-bottom:8px;
}
 .wdys .wdys_fb .wdys_fbl .wdys_fblc {
font-size:18px;
}
}
/* 视频展示 */

.spzs {
	padding-top:4.688%;
	clear:both;
	overflow:hidden
}
.spzs .spzs_ft {
	text-align:center;
	padding-bottom:1.429%;
	background:url(../images/title_line.png) no-repeat bottom center;
}
.spzs .spzs_ft h3 {
	font-size:40px;
	font-weight:bold;
	line-height:1;
	color:#000000;
}
.spzs .spzs_ft h4 {
	font-size:20px;
	font-weight:normal;
	line-height:1.1;
	letter-spacing:1px;
	color:#999999;
	margin-top:1.072%;
}
.spzs .spzs_fb {
	margin-top:2.715%;
}
.spzs .spzs_fb li {
	width:23.9875%;
	margin-right:1.35%;
	box-shadow:0px 2px 25px 0px rgba(8, 1, 3, 0.12);
	margin-bottom:1.358%;
}
 .spzs .spzs_fb li:nth-child(4n) {
margin-right:0;
}
.spzs .spzs_fb li .com-img {
	width:100%;
}
.spzs .spzs_fb li img {
	    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    object-fit: contain;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.spzs .spzs_fb li .picture {
	    position: relative;
    z-index: 0;
    width: 100%;
    padding-top: 55.5%;
    display: block;
    cursor: pointer;
    overflow: hidden;
    background-color: #fff;
}
.spzs .spzs_fb li .covers {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: -1;
	opacity: 0;
	transition: all 0.3s;
	cursor:pointer
}
.spzs .spzs_fb li .play-button {
	width: 15%;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	opacity: 0;
	transition: all 0.3s;
	cursor:pointer
}
.spzs .spzs_fb li:hover .play-button, .spzs .spzs_fb li:hover .covers {
	z-index: 1;
	opacity: 1;
}
.spzs .spzs_fb li h3 {
	font-size:16px;
	font-weight:bold;
	line-height:3.25;
	color:#333333;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.spzs .spzs_fb li:hover h3 {
	color:#002A9A;
}
 @media(max-width:991px) {
 .spzs .spzs_ft h3 {
font-size:32px;
}
 .spzs .spzs_ft h4 {
font-size:16px;
}
 .spzs .spzs_fb li {
margin-bottom:10px;
}
 .spzs .spzs_fb li h3 {
font-size:14px;
}
}
 @media(max-width:768px) {
 .spzs {
padding-top:30px;
padding-bottom:20px;
}
 .spzs .spzs_ft {
padding-bottom:10px;
}
 .spzs .spzs_ft h3 {
font-size:28px;
}
 .spzs .spzs_ft h4 {
font-size:14px;
line-height:1.2;
margin-top:10px;
}
 .spzs .spzs_fb {
margin-top:20px;
}
 .spzs .spzs_fb li {
width:100%;
margin-right:0%;
}
 .spzs .spzs_fb li:nth-child(2n) {
margin-right:0;
}
}
 @media(max-width:468px) {
 .spzs .spzs_ft h3 {
font-size:26px;
}
 .spzs .spzs_ft h4 {
font-size:12px;
}
}
.img-fluidxm {
	max-width: 100%;
	height: auto;
	float: left;
}
.property {
	clear:both;
	overflow:hidden;
	padding-top:4em;
}
.property-main {
	position: relative;
	margin-bottom: 30px;
	border: 1px solid #f1f1f1;
	border-radius: 4px;
 -webkit-transition: all .3s ease-out 0s;
 -moz-transition: all .3s ease-out 0s;
 -ms-transition: all .3s ease-out 0s;
 -o-transition: all .3s ease-out 0s;
 transition: all .3s ease-out 0s;
	cursor: pointer;
	width:24%;
	margin-right:1.3333%;
	float:left
}
.property-mainen {
	position: relative;
	margin-bottom: 30px;
	border: 1px solid #f1f1f1;
	border-radius: 4px;
 -webkit-transition: all .3s ease-out 0s;
 -moz-transition: all .3s ease-out 0s;
 -ms-transition: all .3s ease-out 0s;
 -o-transition: all .3s ease-out 0s;
 transition: all .3s ease-out 0s;
	min-height:380px;
	cursor: pointer
}
.property-main:hover {
	box-shadow: 0 20px 20px rgba(0, 0, 0, .14);
	-webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, .14);
	-moz-box-shadow: 0 20px 20px rgba(0, 0, 0, .14)
}
.property-wrap {
	background: #fff;
	width: 100%;
	border-radius: 4px
}
.item-thumb {
	position: relative;
	width: 100%;
	height: 100%;
 -webkit-transition: all .3s ease-out 0s;
 -moz-transition: all .3s ease-out 0s;
 -ms-transition: all .3s ease-out 0s;
 -o-transition: all .3s ease-out 0s;
 transition: all .3s ease-out 0s
}
.item-thumb a {
	display: block;
}
.item-thumb a img {
	border-radius: 4px 4px 0 0;
	width:600px;
	height:auto;
}
.item-thumb a video {
	border-radius: 4px 4px 0 0;
	width:600px;
	height:360px;
}
.item-thumb:hover {
	opacity: .9
}
.label-inner {
	position: relative;
	bottom: 15px;
	margin:0 auto;
	margin: 0 25% 0 25%;
	display: block;
	z-index:999
}
.blog-item .date {
	font-size: 14px;
	text-transform: uppercase;
	padding: 7px 17px;
	background-color: #e67f22;
	color: #fff;
	border-radius: 4px;
	margin: 0 auto;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
	width: 140px
}
.label-inner .label {
	display: inline-block;
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
	padding: 10px 30px;
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 15px;
	vertical-align: top
}
.label-inner .label-status {
	background: #EC2275
}
.item-body {
	padding: 20px;
	text-align:left
}
.item-body .property-title {
	margin-bottom: 10px;
	height: 45px;
}
.item-body .property-title a {
	font-size: 18px;
	color: #272727;
	font-weight: 500
}
.item-body .property-title a:hover {
	color: #0dcdbd
}
.item-body .adderess {
	color: #999;
	font-size: 14px;
	line-height: 22px;
	margin: 0
}
.item-body .pricin-list {
	margin-top: 20px;
	position: relative
}
.item-body .pricin-list .property-price {
	font-size: 26px;
	font-weight: 700;
	color: #0dcdbd;
	margin-bottom: 15px
}
.item-body .pricin-list p span {
	color: #000;
	font-weight: 500;
	font-size: 14px
}
.item-body .pricin-list .view-iocn {
	position: absolute;
	bottom: 0;
	right: 15px
}
#latest-property .item {
	margin: 0 10px
}
.prodList {
	margin-top:2em;
}
.prodList ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.prodList li {
	width: 23.37%;
	margin-top: 1.9%;
	margin-right: 1.9%;
	border: 1px solid #f1f1f1;
}
 .prodList li:nth-child(4n) {
margin-right: 0;
}
.prodList li .lib {
	position: relative;
	z-index: 0;
	padding: 3% 3% 1em;
	background-color: #ffffff;
}
 .prodList li .lib::after {
display: block;
content: "";
 position: absolute;
z-index: -1;
 bottom: 0;
left: 0;
 width: 100%;
height: 0;
background-color: #f8f8f8;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;
}
 .prodList li:hover .lib::after {
height: 100%;
}
.prodList .txts {
	text-align:left;
	padding-left:10px;
}
.prodList .txts .name {
	margin: .5em 0 0;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	margin-bottom: 10px;
	height: 45px;
	font-weight: 700;
}
.prodList .txts .adderess {
	color: #999;
	font-size: 14px;
	line-height: 30px;
}
.prodList .pic {
	position: relative;
	z-index: 0;
	width: 100%;
	padding-top:67.5%;
	display: block;
	cursor: pointer;
	overflow: hidden;
	background-color: #fff;
}
.prodList .pic img {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	;
	object-fit:contain;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.prodList li:hover .pic img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
 @media only screen and (max-width:828px) {
 .prodList {
margin-top: 1em;
}
 .prodList li {
width: 100%;
margin-top: 2%;
margin-right: 0%;
}
 .prodList li:nth-child(2n) {
margin-right: 0;
}
 .prodList .name {
font-size:14px;
}
}
/*首页视频弹窗*/

.video-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0, 0, 0, .6);
}
.videos {
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-320px;
	margin-top:-210px;
	z-index:100;
	width:640px;
	height:360px;
	background-color:#fff;
	padding:30px;
	border-radius:10px;
}
.vclose {
	position:absolute;
	right:1%;
	top:1%;
	border-radius:100%;
	cursor: pointer;
}

.videos p{ font-weight:bold}



 @media only screen and (max-width:828px) {
 .videos {
left:50%;
top:50%;
margin-left:-48%;
margin-top:-210px;
z-index:100;
width:96%;
height:200px;
padding:0px;
}
}