body{background: #F3F3F3;}
.header{ position: absolute; }
.indban{width: 100%;position: relative;}
.indban-img{width: 100%;position: relative;}
.indban-img img{width: 100%; height: auto;}
.indban-wd{position: absolute;z-index: 2;top: 26%;left: 5%;}
.indban-wd-font{width: 81%;color: #fff;}
.indban-wd-link{width: 100%;margin-top: .28rem;user-select: none;}
.indban-wd h2{font-size: 76px;line-height:76px;margin-bottom: 23px;font-weight: bold;}
.indban-wd p{font-size: 17px;line-height:32px;padding-right: 2rem}
@media screen and (max-width: 1601px) {
    .indban-wd p{
    	display: none
    }
}
.anibtnwrap{ display: flex; }
.indban-wd-link{
	width: 151px;
	height: 56px;
	line-height: 56px;
	border: 1px solid #FFF;
	border-radius: 27px;
	text-align: center;
	font-size: 17px;
	color: #fff;
	margin-right: 16px
}
.indban-wd-link a{
	display: block;
}
.indban-wd-link span.ani{
	background:rgba(255, 255, 255, 0.3);
}
.indban-wd h2, .indban-wd p, .indban-wd-link{opacity: 0;}
.swiper-wrapper{ height: auto; }
.swiper-slide-active .indban-wd h2{animation: indbanLeft 1s ease both .4s;}
.swiper-slide-active .indban-wd p{animation: indbanLeft 1s ease both .6s;}
.swiper-slide-active .indban-wd-link{animation: indbanOpacity 1s ease both 1s;}
@keyframes indbanLeft{0%{opacity: 0;transform: translateX(140px);}100%{opacity: 1;transform: translateX(0);}}
@keyframes indbanOpacity{0%{opacity: 0;transform: translateX(80px);}100%{opacity: 1;transform: translateX(0);}}
.indban-img-pro{position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;transform: translateY(-60px);transition: all 1s ease .5s;}
.swiper-slide-active .indban-img-pro{transform: translateY(0);opacity: 1;}
.bannerLineWrap.fxd{ position: fixed;margin-top: 0;width: 100%;top:0;box-shadow: 0px 0px 1.09rem 0px rgba(0, 0, 0, 0.06);padding-right: 5% }
.bannerLineWrap{ display: flex; align-items: center; padding:0 1% 0 5%}
.bannerLineWrap a{font-size: 17px;color: #2386EE;margin-right: .3rem}
.bannerLineWrap  .active{color: #2386EE}
.bannerLineWrap a{color: #687086}
.galaxy{padding:0 5%; background: #fff}
.galaxy .title{padding:1rem 0 .3rem 0 }
.gal_con{ display: flex; padding: .5rem 0 1rem 0; justify-content: center;}
.gal_con dl{ width: 23%;margin-left: 2% }
.gal_con dl:first-child{margin-left: 0}
.gal_con dl dt img{ width: .7rem; height: .7rem }
.gal_con dl dd{color: #333; font-size: .24rem;line-height: .32rem;margin-top: .33rem;}
.title{
	font-size: .6rem;
	font-family: 'SamsungOne';
	color: #333333;
	text-align: center;
}
.finneed{padding-bottom: 1.39rem}
.finneed .title{ padding:1.39rem 0  .79rem 0 }
.finneedcon{
	display: flex;
	justify-content: center;
	width: 90%;
	margin:0 auto;
}
.finneedcon div{
	flex:1;
	background: #fff;
	box-shadow: 0px 0px 109px 0px rgba(0, 0, 0, 0.06);
	margin-right: 1%
}
.finneedcon.four div{
	min-height: 3.9rem
}
.finneedcon.three div{
	min-height: 5rem
}
.finneedcon div:last-child{
	margin-right: 0
}
.finneedcon div p{margin: .39rem 0 0 .39rem}
.finneedcon div p img{ width: .7rem; height: .7rem; }
.finneedcon div dl{padding: .39rem}
.finneedcon div dl dt{
	font-size: .32rem;
	font-family: 'SamsungOne';
	color: #333333;
	line-height: .32rem;
	height: .7rem;
}
.finneedcon div dl dd{
	font-size: 17px;
	color: #687086;
	line-height: 25px;
	margin-top: .3rem
}
.picshow {
	padding:1rem 0;
	background: #fff 
}
.picshow .dltit{ width: 90%;margin: 0 auto }
.picshow .picshowcon{background: url('../image/pro_bg.jpg') repeat-y right center ; background-size: 100%}
.picshowwrap{
	display: flex;
	width: 90%;
	margin: 0 auto;
	justify-content: space-between;
}
.picshowleft{
	width: 49%;
	position: relative;
}
.picshowleftwrap{
	position: absolute;
	top:2.6rem;
	width: 81%;
}
.picshowleftwrapfx{
	position: fixed;
    top: 3.3rem;
    width: 37%;
    background: #fff;
}
.picshowleftwrapal{
	top:auto;
	bottom:2.1rem;
}
.picshowleftcon{
	display: flex;
}
.picshowleft .picshowcircle{
	width: 9%;
	margin-top: 1rem
}
.picshowleft .picshowcircle p{
	width: .14rem;
	height: .14rem;
	background: #DEE0E1;
    border-radius: 50%;
    margin-top: .1rem
}
.picshowleft .picshowcircle p.cur{
	background: #2386EE
}
.picshowleft .picshowwz{
	width: 81%;
}
.picshowleft .picshowwz > div{
	display: none;
	transition: .3s
}
.picshowleft .picshowwz > div.cur{
	display: block;
}
.picshowleft .picshowwz img{width: .7rem;height: .7rem}
.picshowleft .picshowwz dl dt{
	font-size: .32rem;
	color: #333;
	line-height: .32rem;
	margin: .21rem 0
}
.picshowleft .picshowwz dl dd{
	font-size: 17px;
	color: #687086;
	line-height: 25px;
	margin-bottom: .6rem
}
.picshowleft .picshowwz .anibtn{
	width: 2.2rem;
	height: .51rem;
	line-height: .51rem;
	text-align: center;
	background: #2386EE;
	border-radius: .27rem;
	font-size: 14px;
	display: block;
	color: #fff
}
.picshowleft .picshowwz .ani{ background: #000 }
.picshowright{
	width: 51%
}
.picimg{width: 100%;margin:130px 0;}
.picimg img{ width: 100%; height: auto; }


.indsto-btn{ display: flex; margin-top: .6rem}
.indsto-btn-li>div{
	width: 58px;
	height: 58px;
	overflow: hidden;
	border-radius: 50%;
	border: 4px solid #aab0c3;
	cursor: pointer;
	background: url('../image/indstoic.png') no-repeat center;
	transition: all .4s ease;
	margin-right: .2rem
}
.indsto-btn-next{transform: rotate(180deg);}
.indsto-btn-li>div:hover{
	animation: stoarr .6s linear both;
	border-color: #2386ee;
	background-image: url('../image/indstoicH.png');
}
@keyframes stoarr{
	0%{background-position: center center;}
	60%{background-position: 60px center;}
	60.0001%{background-position: -60px center;}
	100%{background-position: center center;}
}
.dep{ padding: .39rem 20% 1rem 20%; background: #fff;}
dl.dltit{text-align: center;}
dl.dltit dt{
	font-size: .6rem;
	color: #333;
	line-height: .6rem;
	font-weight: normal;
}
dl.dltit dd{
    font-size: 17px;
	color: #687086;
	line-height: 25px;
	margin: .39rem 0
}
.dep img{ width: 100%; height: auto; }
.sol .title{margin-top:1.39rem;}
.solcon{
	margin-left: 5%;
	overflow: hidden;
	padding-top: .6rem;
}
.sol-swiper-container .swiper-slide{
	width: 4.6rem !important;
	background: #fff;
	transition: .3s;
	margin-right: .3rem
}
.sol-swiper-container .swiper-slide:hover{
	transform: scale(1.06);
	box-shadow: 0px 0px 1.09rem 0px rgba(0, 0, 0, 0.05);
}
.sol-swiper-container .swiper-slide img{
	width: 4.6rem;
	height: 3rem;
}
.sol-swiper-container .swiper-slide dl {
	width: 90%;
	margin-top: -.39rem;
	background: #fff;
	position: relative;
}
.sol-swiper-container .swiper-slide dl dt{
	height: 1.6rem;
	font-size: .24rem;
	font-family: 'SamsungOne';
	color: #333;
	line-height: .3rem;
	padding:.5rem .3rem .1rem .4rem; 
	transition: .3s
}
.sol-swiper-container .swiper-slide dl dd{
	display: flex;
	padding:.1rem 0 .3rem .4rem;
	visibility: hidden;
}
.sol-swiper-container .swiper-slide:hover dl dt{
	padding-top: .2rem
}
.sol-swiper-container .swiper-slide:hover dl dd{
	visibility: visible;
}
.sol-swiper-container .swiper-slide dl dd .anibtn,.indpro-item-con .anibtn{
	display: block;
	text-align: center;
	width: 1.8rem;
	height: .51rem;
	line-height: .51rem;
	border-radius: .27rem;
	font-size: 14px
}
.sol-swiper-container .swiper-slide dl dd .anibtn,.indpro-item-con .anibtn{
	background: #2386EE;
	color: #fff;
	margin-right: .19rem
}
.sol-swiper-container .swiper-slide dl dd .anibtn a,.indpro-item-con .anibtn a{ display: block; }
.sol-swiper-container .swiper-slide dl dd .ani,.indpro-item-con .ani{ background: #000 }
.story .title{
	margin-top:1rem
}
.stocon{
	display: flex;
	justify-content: space-around;
	margin-top: 5%;
	z-index: 131
}
.stoimg{
	width: 55%;
	margin-top: 3%;
	position: relative;
}
.stoimg img{
	width: 100%;
	height: auto;
	transition: 1s
}
.stoimg:hover img{
	transform: scale(1.2);
}
.stoimg p{
	overflow: hidden;
}
.stowz{
	padding-bottom: .6rem;
	width: 50%;
	height: 100%;
	margin-left: -5%;
	background: #fff;
	box-shadow: 0px 0px 1.09rem 0px rgba(0, 0, 0, 0.05);
}
.stowzcon{
	padding-left: 23%;
	background: #fff
}
.stowz dl.stowzdl {
	width: 91%;
	margin: 11% 0 6% 0;
	min-height:4.61rem;
}
.stowz dl.stowzdl dt{
	font-size: .32rem;
	font-family: 'SamsungOne';
	color: #333333;
}
.stowz dl.stowzdl dd{
	font-size: 17px;
	color: #687086;
	line-height: 25px;
	margin-top: .23rem;
}
.stobtn {
	width: 1.51rem;
	height: .52rem;
	line-height: .52rem;
	border: 1px solid #2386EE;
    border-radius: .27rem;
	font-size: 14px;
	font-family: 'SamsungOne';
	color:#2386EE;
	text-align: center;
}
.stobtn a{
	display: block;
}
.stobtn span.ani{
		background:#2386EE;
		color: #fff
}
.stonum {
	display: flex;
	margin-top: .6rem
}
.stonum dl{
	margin-right: .7rem
}
.stonum dl dt{
	color: #2386EE;
	font-size: .5rem
}
.stonum dl dd{
	color: #687086;
	font-size: 17px;
	width: 1.6rem;
	line-height: 25px;
}
.relpro .title{margin-top: 1.39rem}
.relprocon{
	margin-left: 5%;
	overflow: hidden;
	padding-top: .6rem;
}
.relprocon div.swiper-slide{
	background: #fff;
	box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.01);
	width: 4.6rem !important;
	transition: .3s;
	margin-right: .3rem
}
.relprocon div.swiper-slide p{margin: .56rem 0 0 .56rem}
.relprocon div.swiper-slide p img{width: .7rem;height: .7rem}
.relprocon div.swiper-slide dl{padding: .56rem}
.relprocon div.swiper-slide dl dt{
	font-size: .32rem;
	font-family: 'SamsungOne';
	color: #333333;
	line-height: .32rem;
}
.relprocon div.swiper-slide dl dd{
	font-size: 17px;
	color: #687086;
	line-height: 25px;
	margin-top: .3rem
}


.adv{
	width: 90%;
	margin:1rem  auto; 
}
.advCon{
	display: flex;
	justify-content: space-between;
	margin-top: .6rem
}
.advCon div{
	background: #fff;
	width: 32%;
	padding-bottom: .5rem;
	box-shadow: 0px 0px 1.09rem 0px rgba(0, 0, 0, 0.06);
}
.advCon div dl{
	padding:.7rem .7rem .1rem .7rem;
	height: 3.9rem 
}
.advCon div dl dt{
	color: #333333;
	font-size: .32rem;
	line-height: .32rem;
	font-weight: normal;
}
.advCon div dl dd{
	color: #687086;
line-height: 25px;
font-size: 17px;
margin-top: .3rem
}
.advCon div p{
	height: .51rem;
}
.advCon div p a{
	background: #2386EE;
	border-radius: .27rem;
	width: 1.43rem;
	height: .51rem;
	line-height: .51rem;
	display: block;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-left: .7rem;
	display: none
}
.advCon div:hover a{
	display: block;
}