@import url("public.css");

[v-cloak] {
	display: none;
}
#banner img {
    max-width: 100%;
    display: block;
}

#banner {
    width: 100% !important;
    overflow: hidden;
    position: relative;
}

#banner .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
#banner .swiper-wrapper,#banner .swiper-slide{width: 100%!important;}
#banner .swiper-slide video{display: block;object-fit: fill;}
/*#banner .swiper-slide {
    background: no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}*/


  /*#banner .swiper-slide video{ position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
}*/
/*video{
	object-fit: cover;
}*/

#banner .swiper-slide .bg{
	height: 720px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#banner .swiper-slide .c1200{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
	height: 100%;
	z-index: 2;
}
#banner .swiper-slide .txt {
    position: absolute;
    top: 208px;
    left: 168px;
    z-index: 5;
    font-size: 48px;
    color: #ebebda;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    opacity: 0;
    filter: alpha(opapity=0);
    margin-left: 100px;
    white-space: nowrap;
}
#banner .swiper-slide .line1{
	line-height: 48px;
}
#banner .swiper-slide .line2{
	margin-top: 16px;
	padding-left: 245px;
	font-size: 30px;
}

#banner .swiper-slide.on_next {
    z-index: 4;
    left: 30%;
}

#banner .swiper-slide.on_prev {
    z-index: 4;
    left: auto;
    right: 30%;
}

#banner .swiper-slide.on {
    z-index: 5;
}

#banner .swiper-slide.on .txt {
    opacity: 1;
    filter: alpha(opapity=100);
    margin-left: 0;
}

#banner .swiper-pagination {
    position: absolute;
    left: auto;
    width: auto;
    right: 11.5%;
    bottom: 460px;
    z-index: 10;
}

#banner .swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: 3px;
    height: 14px;
    background: #fff;
    margin-top: 10px;
    cursor: pointer;
    font-size: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 0;
}

#banner .swiper-pagination .swiper-pagination-bullet-active {
    height: 62px;
    background: #ff7500;
}

#banner .go_down {
    position: absolute;
    bottom: 316px;
    z-index: 12;
    width: 18px;
    height: 59px;
}

#banner .swiper-button-prev,
#banner .swiper-button-next {
    position: absolute;
    top: 50%;
    margin: -30px 0 0;
    padding: 0;
    width: 61px;
    height: 61px;
    z-index: 55;
    opacity: 0;
    border: 2px solid #fff;
    filter: alpha(opacity=0);
    background: no-repeat 18px center;
}

#banner .swiper-button-prev {
    left: 5%;
    background-image: url(../img/index/prev.png);
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
}

#banner .swiper-button-next {
    right: 5%;
    background-image: url(../img/index/next.png);
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
}

#banner:hover .swiper-button-prev,
#banner:hover .swiper-button-next {
    opacity: 1;
    filter: alpha(opacity=100);
}

#banner .swiper-button-prev:hover {
    background-color: #c9a569;
    background-position: 7px;
    border-color: #c9a569;
}

#banner .swiper-button-next:hover {
    background-color: #c9a569;
    background-position: 29px;
    border-color: #c9a569;
}

#banner .bottom-bg{
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: none;
}
#banner .lik{
	position: absolute;
	z-index: 11;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
	padding-left: 297px;
	width: 1200px;
	height: 100px;
}
#banner .lik a{
	position: relative;
	float: right;
	margin-left: 4px;
	padding-left: 30px;
	width: 297px;
	height: 100px;
	font-size: 20px;
	line-height: 100px;
	color: #fff;
}
#banner .lik .pop{
	position: absolute;
	opacity: 0;
	bottom: -50px;
	left: 0;
	padding-top: 50px;
	padding-left: 30px;
	width: 100%;
	height: 200px;
	font-size: 30px;
	line-height: 36px;
	color: rgba(255,240,214,.88);
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
#banner .lik .pop img{
	position: absolute;
	bottom: 30px;
	right: 30px;
}
#banner .lik1{
	/*background: url(../img/index/btn1.jpg);*/
	background-color: #c9a569;
}
#banner .lik1 .pop{
	/*background: url(../img/index/btn1.jpg);*/
	background-color: #c9a569;
}

#banner .lik2{
	/*background: url(../img/index/btn2.jpg);*/
	background-color: #cabfa3;
}
#banner .lik2 .pop{
	/*background: url(../img/index/btn2.jpg);*/
	color: #e6dab9;
	background-color: #cabfa3;
}

#banner .lik3{
	background: url(../img/index/btn3.jpg);
}
#banner .lik3 .pop{
	background: url(../img/index/btn3.jpg);
	color: #eadebd;
}
#banner .lik a:hover .pop{
	opacity: 1;
	bottom: 0;
}

.part1 {
	padding-top: 44px;
	padding-bottom: 42px;
	overflow: hidden;
}
.part1 .lef{
	float: left;
	position: relative;
	padding-left: 200px;
	width: 560px;
	height: 120px;
}
.part1 .type{
	font-size: 14px;
	color: #ac9875;
	line-height: 22px;
}
.part1 .lef .type{
	margin-bottom: 4px;
}
.part1 .lef:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 4px;
	height: 120px;
	background: url(../img/index/line.png);
}
.part1 .lef a{
	position: relative;
}
.part1 .lef a .tit{
	margin-bottom: 10px;
	padding-right: 40px;
	font-size: 20px;
	color: #3d3a4f;
	opacity: .8;
	line-height: 28px;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.part1 .lef a:hover .tit{
	color: #d39938;
}

.part1 .lef a .date{
	font-size: 18px;
	color: #cbc5b9;
	font-family: 'gilroy';
}
.part1 .lef a .img{
	position: absolute;
	top: -26px;
	left: -200px;
	width: 180px;
	height: 120px;
}
.part1 .lef a .img img{
	max-width: 100%;
}

.part1 .mid{
	position: relative;
	float: left;
	padding: 0 30px;
	width: 447px;
}
.part1 .mid:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 4px;
	height: 120px;
	background: url(../img/index/line.png);
}

.part1 .mid .type{
	margin-bottom: 10px;
}
.part1 .mid .list a {
	display: block;
	width: 100%;
	line-height: 18px;
	color: #3d3a4f;
	opacity: .8;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

.part1 .mid .list a:hover{
	color: #d39938;
}

.part1 .mid .list a .date{
	display: inline-block;
	font-size: 13px;
	width: 87px;
}
.part1 .mid .list a .word{
	font-size: 13px;
	display: inline-block;
	width: 300px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top;
}
.part1 .rig{
	float: right;
}
.part1 .rig .stock{
	margin-bottom: 4px;
	font-size: 36px;
	color: #d1b994;
	line-height: 36px;
	letter-spacing: -2px;
	font-family: 'Rubik-R';
}
.part1 .rig .name{
	font-size: 13px;
	color: #3f3f40;
	opacity: .63;
	
}

.part1 .rig .data{
	margin-top: 14px;
	font-size: 36px;
	color: #f94022;
	font-family: 'Rubik-R';
	letter-spacing: -2px;
}
.part1 .rig .data .icon{
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 7px;
	background: url(../img/index/up.png);
}
.part1 .rig .data .rmb{
	margin-left: 13px;
	display: inline-block;
	font-size: 14px;
	color: #fa4223;
	vertical-align: middle;
}
.part1 .rig.down .data{
	color: #349f39;
}
.part1 .rig.down .data .icon{
	background: url(../img/index/down.jpg);
}
.part1 .rig.down .data .rmb{
	color: #349f39;
}

.part2{
	overflow: hidden;
	height: 210px;
}
.part2 .map{
	float: left;
	position: relative;
	width: 556px;
	height: 210px;
}
.part2 .map .cont{
	position: relative;
	z-index: 2;
	padding-top: 70px;
}
.part2 .map .city {
	font-size: 13px;
	color: rgba(0,0,0,.5);
}
.part2 .map .city span{
	display: inline-block;
	vertical-align: middle;
	letter-spacing: -2px;
	font-size: 36px;
	color: #e39e35;
	font-family: 'Rubik-R';
}
.part2 .map .city em{
	color: #e39e35;
	font-size: 20px;
	font-weight: bold;
	margin-right: 4px;
	vertical-align: top;
}
.part2 .map .abt{
	position: absolute;
	top: 75px;
	left: 200px;
	width: 300px;
}
.part2 .map .abt .tit{
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
	color: rgba(61,58,79,.7);
}
.part2 .map .abt p{
	font-size: 13px;
	line-height: 18px;
	color: rgba(61,58,79,.3);
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.part2 .map .abt .hide{
	position: absolute;
	left: 0;
	top: 34px;
	opacity: 0;
	font-size: 22px;
	color: rgba(244,188,87,.6);
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.part2 .map .bg{
	position: absolute;
	top: 0;
	right: 0;
	width: 1056px;
	height: 100%;
	background: url(../img/index/bg1.jpg);
	background-position: right center;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.part2 .map:hover .bg{
	background-image: url(../img/index/bg1-on.jpg);
}
.part2 .map:hover .abt .tit{
	color: #fff;
}
.part2 .map:hover .city{
	color: rbga(0,0,0,.5);
}
.part2 .map:hover .city span{
	color: rgb(255,208,106);
}
.part2 .map:hover .city em{
	color: rgb(255,208,106);
}
.part2 .map:hover .abt p{opacity: 0;}
.part2 .map:hover .abt .hide{
	opacity: 1;
}

.part2 .demo{
	float: right;
	width: 640px;
	height: 210px;
	position: relative;
}
.part2 .demo .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 1140px;
	height: 100%;
	background-color: #eff2f3;
}
.part2 .demo .cont{
	position: relative;
	z-index: 2;
	width: 640px;
	overflow: hidden;
	cursor: pointer;
}
.part2 .demo .block{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	transition-duration: .8s;
	-webkit-transition-duration: .8s;
}

.part2 .demo .txtw{
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 70px;
	padding-left: 30px;
	z-index: 3;
	display: none;
}
.part2 .demo .txtw:first-child{
	display: block;
}
.part2 .demo .txt{
	font-size: 48px;
	line-height: 48px;
	color: #edd6b4;
	margin-bottom: 14px;
}
.part2 .demo .txt1{
	font-size: 20px;
	color: #ffebca;
	opacity: .7;
}
.part2 .demo .img{
	position: relative;
	width: 640px;
	height: 210px;
}
.part2 .demo .img .hd{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.part2 .demo .img .hd li{
	font-size: 0;
	margin-bottom: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
}
.part2 .demo .img .hd li.on{
	opacity: 1;
}
.part2 .demo .cont:hover .block{
	left: -210px;
}


@media screen and (max-width: 1600px) {
   #banner .lik{height: 80px;}
	#banner .lik a{height: 80px;line-height: 80px;}
	#banner .bottom-bg{
		bottom: -20px;
	}
}