/* @font-face {
	font-family: mob;
	src: url(../font2/ERASDEMI.TTF);
  } */


  @keyframes animatedBackground {
	0%{background-position: 0 0;}
	50%{background-position: 100% 0;}
	100%{background-position: 0 0;}

  }

.section1{position: relative;background: url(../images/banbg.jpg) center center;background-size: 100% 100%;}
.banner img{max-width: 100%;display: block;
	animation: banrun1 5s linear infinite;position: relative;
}
.banner video{display: block;}
.bannerinner{position: absolute;top: 45%;left: 0;width: 100%;transform: translateY(-50%);z-index: 9999;box-sizing: border-box;text-align: center;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.bannerinner a{display: block;width: 230px;line-height: 58px;border: 1px solid #fff;font-size: 14px;color: #fff;text-align: center;margin-top: 78px;border-radius: 5px;}
.bannerinner a i{font-size: 20px;margin-left: 100px;}
.bannerinner a:hover{background: #c3996a;color: #fff;border: 1px solid #c3996a;}
.bannerinner h2{font-size: 60px;line-height: 72px;color: #fff;font-weight: 100;}
.bannerinner h6{width: 100px;height: 40px;line-height: 40px;border: 1px solid #fff;border-radius: 40px;color: #fff;margin: 30px auto 0;cursor: pointer;}
.bannerinner h6:hover{color: #c3996a;border: 1px solid #c3996a;}

.BannerBtn .swiper-pagination{position: absolute;right: 160px;top: 30%;z-index: 100;left: auto;}
.BannerBtn span{background: transparent;opacity: 1;;position: relative;border-radius: inherit;border-radius: 50%;display: block;margin-bottom: 30px;position: relative;width: 6px;height: 6px;
	background: #fff;margin-bottom: 55px;
}
.BannerBtn .swiper-pagination-bullet-active::before{content: '';display: block;width: 18px;height: 18px;position: absolute;top: 50%;left: 50%;border: 1px solid rgba(255,255,255,.55);border-radius: 50%;z-index: 99;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.BannerBtn span::after{content: '';display: block;width: 1px;height: 60px;background: rgba(255,255,255,.2);position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.BannerBtn span:last-of-type::after{display: none;}
.BannerBtn span:last-of-type.swiper-pagination-bullet-active{margin-bottom: 0;margin-top: 55px;}

.swiper-button-prev,.swiper-button-next{background: none;font-size: 50px !important;width: auto;height: auto;color: #fff;}

.banner .swiper-pagination-bullet{width: 42px;height: 3px;border-radius: initial;background: rgba(255,255,255,.3);opacity: 1;}
.banner .swiper-pagination-bullet-active{width: 90px;background: #fff;}
.banner .swiper-pagination{text-align: left;bottom: 20%;padding-left: 10%;box-sizing: border-box;}


.IxSrBxOne{animation: animatedBackground 10s linear infinite;}

.section2{padding: 110px 0;position: relative;font-size: 0;}
.s2_l,.s2_r{display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;width: 49.5%;}
.s2_l{padding-right: 80px;}
.sybt h2{font-size: 50px;color: #333333;margin-bottom: 40px;line-height: 50px;}
.s2_l p{font-size: 16px;color: #333333;line-height: 30px;text-align: justify;}
.s2_l a{display: none;width: 120px;line-height: 32px;text-align: center;border: 1px solid #1d428a;border-radius: 32px;font-size: 14px;color: #1d428a;margin: 20px auto 0;}
.s2_r img{width: 100%;}
.s2_r h6{position: absolute;top: 50%;left: 50%;cursor: pointer;
	transform: translate(-50%,-50%);
}
.s2_r h6 span{display: block;width: 73px;height: 73px;background: #1d428a;border-radius: 50%;font-size: 16px;color: #fff;text-align: center;line-height: 73px;}
.s2_r h6::before{content: '';display: block;width: 73px;height: 73px;border: 8px solid rgba(29,66,138,.2);position: absolute;top: 50%;left: 50%;border-radius: 50%;
	transform: translate(-50%,-50%);
}
.s2_r h6:hover span{background: #c3996a;}
.s2_r h6:hover::before{background: rgba(195,153,106,.2);}

.zzlist1{font-size: 0;}
.zzlist1::before{content: '';display: block;width: 100%;height: 2px;background: #ececec;margin: 60px 0 70px;}
.zzlist1>li {
	display: inline-block;
    width: 25%;
    text-align: left;
    box-sizing: border-box;
    vertical-align: bottom;
	position: relative;
	padding: 0 44px;
}
.zzlist1>li::before{content: '';display: block;width: 1px;height: 40px;background: #e5e5e5;position: absolute;right: 0;top: 50%;
	transform: translateY(-50%);
}
.zzlist1>li:first-of-type{padding-left: 0;}
.zzlist1>li:last-of-type::before{display: none;}

.zzlist1>li h6 {
	display: inline-block;
    vertical-align: bottom;
}

.zzlist1>li p {

	font-size: 16px;
	color: rgba(51,51,51,.4);
	margin-top: 10px;
}
.zzlist1>li sub {
	font-size: 24px;
	color: #595656;
    display: inline-block;
    vertical-align: top;
	font-weight: 1000;
	font-family: Arial;
}
.zzlist1 .dataNums {

	top: 50%;
	display: block;
	width: 100%;
	height: 60px;
	text-align: center;
}

.zzlist1 .dataNums .dataOne {
	width: 40px;
	height: 65px;
	text-align: left;
	display: inline-block
}

.zzlist1 .dataNums .dataBoc {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.zzlist1 .dataNums .dataBoc .tt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.zzlist1 .dataNums .tt span {
	width: 100%;
	height: 100%;
	font: 60px "h";
	color: #595656;
    display: block;
    font-weight: 1000;
	font-family: Arial;
}
.zzlist1>li{font-size: 0;}
.zzlist1>li .sz,.zzlist1>li h5{display: inline-block;vertical-align: middle;}
.zzlist1>li .sz{width: 70%;text-align: center;}
.zzlist1>li h5{width: 30%;text-align: right;}

.sp1,.sp2{
	position: fixed;
    z-index: 999999;
    width: 66%;
    height: auto;
    /* background: #1d428a; */
    padding: 80px;
    box-sizing: border-box;
    display: none;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
	z-index: 99;
}
.sp1 video,.sp2 video{
	display: block;
    margin: 0 auto;
    width: 100%;
}
.sp1 span,.sp2 span{
	position: absolute;
    right: 30px;
    top: 30px;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    background: none;
}
.sp1 span{color: #000 !important;}
.sp1.ac,.sp2.ac{display: block;}



.indexSwr {
    width: 100%;
    overflow: hidden;
	position: relative;
}

.indexSwrBox {
    width: 100%;
    height: 850px;
    background-color: #000;
    position: relative;
}

.IxSrBx {
    width: 80%;
    height: 100%;
    position: absolute;
}

.IxSrBx img {
    height: 100%;
}

.IxSrBxOne {
    left: 0;
    top: 0;
    z-index: 10;
}

.IxSrBxTwo {
    left: 77%;
    top: 0;
    filter: brightness(0.5);
    z-index: 9;
}

.IxSrBxThree {
    left: -100%;
    top: 0;
    z-index: 8;
}


.IxSrBx {
    background-size: cover !important;
}

.IxSrBx>img {
    display: none;
}
.IxSrBxOne{border-right: 3px solid rgba(255,255,255,.6);}

.indexSwrBtn {
    width: 74px;
    height: 150px;
    text-align: left;
    line-height: 150px;
    position: absolute;
    right: -74px;
    top: 86%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
}
.indexSwrBtn::before {
    content: "";
    width: 150px;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.3;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    -moz-transform: translateY(-50%) translateX(-50%) scale(1);
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -o-transform: translateY(-50%) translateX(-50%) scale(1);
}

.indexSwrBtn::after {
    content: "";
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.8;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
}

.indexSwrBtn p {
    color: #c3996a;
    font-size: 20px;
    line-height: inherit;
    position: relative;
    z-index: 10;
    padding-left: 8px;
    animation: spans1 1s infinite linear;
    transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    -webkit-transform: translateX(-6px);
}

@keyframes spans1 {
    0% {
        transform: translateX(-6px);
        -ms-transform: translateX(-6px);
        -webkit-transform: translateX(-6px);
    }
    50% {
        transform: translateX(10px);
        -ms-transform: translateX(10px);
        -webkit-transform: translateX(10px);
    }
    100% {
        transform: translateX(-6px);
        -ms-transform: translateX(-6px);
        -webkit-transform: translateX(-6px);
    }
}


.s3{font-size: 0;padding: 240px 100px 0 150px;box-sizing: border-box;position: relative;width: 100%;}
.s3_l,.s3_r{display: inline-block;vertical-align: middle;width: 50%;box-sizing: border-box;}
.s3lb{display: inline-block;width: 48.7%;margin-right: 2.6%;vertical-align: top;margin-bottom: 20px;}
.s3lb:nth-of-type(2n){margin-right: 0;}
.s3lb a{display: block;position: relative;}
.s3lb a img{opacity: .7;width: 100%;border-radius: 5px;display: block;}
.s3lb a h3{font-size: 22px;color: #fff;position: absolute;top: 10%;left: 16%;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;}
.s3lb a h3 i{margin-top: 16px;opacity: 0;}
.s3lb a h3::before{content: '';display: inline-block;width: 1px;height: 0;background: #fff;margin-bottom: 10px;}
.s3lb a:hover h3::before{height: 30px;}
.s3_l{padding-right: 90px;}
.s3_l h2{font-size: 80px;line-height: 80px;color: #fff;text-transform: uppercase;font-family: Arial;font-weight: bold;}
.s3_l h3{font-size: 30px;color: #fff;}
.s3_l h3::after{content: '';display: inline-block;vertical-align: middle;width: 290px;height: 1px;background: rgba(255,255,255,.3);margin-left: 20px;}
.s3_l h3 img{display: inline-block;vertical-align: bottom;}
.s3_l h4{font-size: 24px;color: #fff;margin: 60px 0 30px;}
.s3_l p{font-size: 16px;color: #fff;text-align: justify;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}
.s3_l a{display: block;width: 54px;height: 54px;line-height: 50px;text-align: center;background: rgba(255,255,255,.2);border-radius: 50%;position: relative;font-size: 30px;color: #fff;margin-top: 40px;
    border: 1px solid #fff;
}
.s3_l a::before{content: '';display: block;width: 54px;height: 54px;border: 8px solid rgba(255,255,255,.2);border-radius: 50%;position: absolute;top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.s3lb a:hover img,.s3lb a:hover i{opacity: 1 !important;}
.s3lb a:hover img{box-shadow: 0 0 10px 3px #bfbfbf;}
.IxSrBx:nth-of-type(2) .s3lb a img{opacity: .3;}
.s3_l a:hover{background: #1d428a;}
.s3_l a:hover::before{background: rgba(29,66,138,.2);}
.indexSwr .sybt{position: absolute;top: 10%;left: 8.2%;z-index: 2;}
.indexSwr .sybt h2{color: #fff;}


.section4{padding: 80px 0;position: relative;}

.s4img,.sycpzxlb{display: inline-block;vertical-align: middle;}
.s4img{width: 10%;}
.sycpzxlb{width: 88%;}

.sycpzx{padding-left: 150px;box-sizing: border-box;position: relative;font-size: 0;}
.sycpzx_l,.sycpzx_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.sycpzx_l{width: 31.25%;padding-right: 120px;}
.sycpzx_r{width: 68.75%;}
.sycpzx_r img{width: 100%;}
.sycpzxlb{overflow: hidden;height: 460px;position: relative;padding-left: 20px;box-sizing: border-box;}
.sycpzxlb .swiper-container{height: 100%;}

.sycpzxlb2{display: none;}
.sycpzx_r2{display: none;}
.sjban{display: none;}


.sycpzx_img{display: none;}
.sycpzx_img.ac{display: block;}
.sycpzx_l .swiper-slide h2{font-size: 0;}
.sycpzxlb{position: relative;}
.sycp_an{position: absolute;right: 30px;top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.sycpzx_img .swiper-slide a{display: block;position: relative;overflow: hidden;}
.sycpzx_img .swiper-slide a:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.sycpzx_l .swiper-button-prev,.sycpzx_l .swiper-button-next{background: none;width: auto;font-size: 36px;height: auto;position: static;display: block;margin: 0;}
.sycpzx_l .swiper-button-prev{margin-bottom: 12px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

.sycpzxlb .swiper-container{width: 80%;margin: 0;}
.sycpzx_l .swiper-slide h2 i{opacity: 0;}
.sycpzx_l .swiper-slide-active h2 i{opacity: 1;}
.sycpzx_l .swiper-slide h2 span,.sycpzx_l .swiper-slide h2 i{display: inline-block;vertical-align: middle;cursor: pointer;}
.sycpzx_l .swiper-slide h2 span{font-size: 18px;color: #333333;width: 55%;}
.sycpzx_l .swiper-slide h2 i{font-size: 18px;color: #c3996a;width: 20%;}
.sycpzx_l .swiper-slide-prev h2 span,.sycpzx_l .swiper-slide-next h2 span{color: #939393;}
.sycpzx_l .swiper-slide-active h2 span{font-size: 26px;color: #c3996a;display: inline-block;width: 120px;}

.sycpzx_img .swiper-button-next,.sycpzx_img .swiper-button-prev{background: rgba(0,0,0,.4);font-size: 22px !important;width: 66px;height: 66px;color: #fff;line-height: 66px;text-align: center;
	border-radius: 50%;
}
.sycpzx_img .swiper-button-next::after,.sycpzx_img .swiper-button-prev::after{content: '';display: block;width: 66px;height: 66px;border: 8px solid rgba(0,0,0,.4);position: absolute;border-radius: 50%;
	top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.sycpzx_img .swiper-button-next{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}
.sycpzx_img .swiper-button-next{right: 60px;}
.sycpzx_img .swiper-button-prev{left: 60px;}
.sycpzx_img .swiper-button-next:hover,.sycpzx_img .swiper-button-prev:hover{background: #c3996a;}
.sycpzx_img .swiper-button-next:hover::after,.sycpzx_img .swiper-button-prev:hover::after{border: 8px solid rgba(195,153,106,.2);}

.s4txt{position: absolute;bottom: 50px;left: 0;width: 100%;background: url(../images/s4bg_03.png) center center;background-size: 100% 100%;padding: 75px 0;box-sizing: border-box;padding-left: 60%;}
.s4txt h3{margin-bottom: 16px;height:36px;}
.s4txt h3 a{font-size: 36px;color: #fff;overflow: inherit !important;}
.s4txt h4{font-size: 16px;color: #c3996a;line-height: 26px;position: relative;padding-left: 18px;box-sizing: border-box;}
.s4txt h4::before{content: '';display: inline-block;vertical-align: middle;width: 3px;height: 33px;background: #c3996a;position: absolute;top: 50%;left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.section5{padding: 50px 0 80px;position: relative;background: #f5f5f4;}
.s5t{font-size: 0;margin-bottom: 0;}
.s5t .sybt,.s5tr{display: inline-block;vertical-align: middle;width: 49%;margin-bottom: 0;}
.s5tr{text-align: right;}
.s5tr h2{display: inline-block;margin-left: 44px;font-size: 18px;color: #333333;cursor: pointer;}
.s5tr h2::before{content: '';display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(../images/xtb_03.png) center center;background-size: 100%;margin-right: 14px;opacity: 0;}
.s5tr h2.ac::before{opacity: 1;}
.s5tr h2.ac{color: #c3996a;}
.s5blb{font-size: 0;position: relative;height: 0;overflow: hidden;}
.s5blb.ac{height: auto;}
.s5bl,.s5br{display: inline-block;vertical-align: top;box-sizing: border-box;position: relative;}
.s5bl{width: 46.5%;}
.s5br{width: 53.5%;padding-left: 80px;}
.s5bl a{display: block;position: relative;}
.s5bl h6{position: relative;overflow: hidden;height: 418px;}
.s5bl h6 img{width: 100%;min-height: 418px;}
.s5bl .s5txt{margin-top: 38px;position: relative;}
.s5bl .s5txt h3 a{font-size: 24px;color: #3a3a3a;margin-bottom: 10px;width: 85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.s5bl .s5txt p{font-size: 14px;color: #959595;width: 85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.s5bl .s5txt i{
	display: block;
	width: 44px;
	height: 44px;
	line-height: 40px;
	text-align: center;
	background: #c3996a;
	border-radius: 50%;
	font-size: 30px;
	color: #fff;
	position: absolute;
	top: 50%;
	right: 1%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.s5bl .s5txt i::before{content: '';display: block;width: 44px;height: 44px;border: 8px solid rgba(195,153,106,.2);border-radius: 50%;position: absolute;
    top: 50%;left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}

.s5bl .swiper-pagination{top: 30px;text-align: right;width: 100%;position: absolute;height: 20px;}
.s5bl .swiper-pagination span{width: 8px;height: 8px;background: #fff;position: relative;}
.s5bl .swiper-pagination-bullet-active::before{content: '';display: block;width: 14px;height: 14px;border: 1px solid #fff;box-sizing: border-box;border-radius: 50%;position: absolute;
	top: 50%;left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}

.s5brt::after{content: '';display: block;width: 100%;height: 2px;background: #f2efeb;margin: 25px 0;}
.s5brt ul{font-size: 0;}
.s5brt ul li{display: inline-block;vertical-align: top;width: 48.7%;margin-right: 2.6%;position: relative;overflow: hidden;max-height: 220px;}
.s5brt ul li:last-of-type{margin-right: 0;}
.s5brt ul li a{display: block;position: relative;overflow: hidden;}
.s5brt ul li img{width: 100%;}
.s5brt ul li a:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.s5brt ul li h3 a{
	position: absolute;
	width: 100%;
	line-height: 42px;
	bottom: 0;
	left: 0;
	padding: 0 32px;
	box-sizing: border-box;
	font-size: 16px;
	color: #fff;
	background: rgba(0,0,0,.5);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.s5brb ul{font-size: 0;}
.s5brb ul li{margin-bottom: 10px;overflow: hidden;}
.s5brb ul li a{display: block;position: relative;font-size: 0;}
.s5brb ul li h3{float:left;width: 80%;}
.s5brb ul li h3 a,.s5brb ul li a h4{display: inline-block;vertical-align: middle;}
.s5brb ul li h3 a{
	width: 100%;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.s5brb ul li h3 a{color: #333333;}
.s5brb ul li h4{width: 20%;float: right;text-align: right;}
.s5brb ul li h4 span{font-size: 14px;color: rgba(51,51,51,.6);}
.s5brb ul li:hover h3 a{color: #c3996a;}

.s5bl:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.s5bl:hover h3 a{color: #c3996a;}
.s5bl:hover i{background: #1d428a;}
.s5bl:hover i::before{border: 8px solid rgba(29,66,138,.2);}

.s3_lxq,.s3_lxq1{display: none;}
.s3_lxq.ac,.s3_lxq1.ac{display: block;}

.ej_banner a{display: block;position: relative;z-index: 99;}

.xwzsf{
	margin-bottom:20px;
	overflow:hidden;
	font-size:24px;
	color:#c3996a;
}
.xwzsf a{
	float:right;
	font-size:16px;
	color:#aaa;
}
.xwzsf a:hover{
	color:#c3996a;
}