.index-page {
	padding-top:0;
	background-color:#fff
} 
.index-page .header.fixed {
	position:fixed;
	top:0;
	z-index:99; 
}
.index-page .header.fixed .logo-init {
	display:none
}
.index-page .header.fixed .logo-color {
	display:block
}
.index-page .header.fixed .nav-list .nav-a { 
}
.index-page .header.fixed .nav-list .nav-a:hover {
	color:rgba(19,29,31,.7);
}
.index-page .header.fixed .nav-list .nav-a:hover:after {
	width:100%;
	background-color:#589181
}
.index-page .header.fixed .nav-index .nav-a {
	color:#589181
}
.index-page .header.fixed .nav-index .nav-a:after {
	width:100%;
	background-color:#589181
}
.index-page .index-swiper-container {
	width:100%;
	height:600px
}
.index-page .index-swiper-container .swiper-wrapper {
	height:600px
}
.index-page .index-swiper-container .swiper-slide {
	width:100%;
	height:600px
}
.index-page .index-swiper-container .slide-wrap {
	position:relative;
	width:100%;
	height:600px
}
.index-page .index-swiper-container .slide-wrap .cont .title {
	margin-bottom:23px;
	color:#fff;
	font-size:48px;
	font-weight:500
}
.index-page .index-swiper-container .slide-wrap .cont .slogan {
	margin-bottom:79px;
	color:#fff;
	font-size:20px
}
.index-page .index-swiper-container .slide-wrap .cont .btn {
	width:120px;
	height:40px;
	font-size:18px;
	color:#fff;
	border-color:#fff
}
.index-page .index-swiper-container .slide-wrap .cont .btn:hover {
	color:#589181;
	border:1px solid #fff;
	background:#fff
}
.index-page .index-swiper-container .slide-bubi {
	background-image:linear-gradient(#010425,#004242)
}
.index-page .index-swiper-container .slide-bubi .bg {
	position:absolute;
	top:100px;
	left:50%;
	z-index:1;
	width:100%;
	transform:translateX(-50%)
}
.index-page .index-swiper-container .slide-bubix {
	position:relative;
	background-image:linear-gradient(#000424,#044341)
}
.index-page .index-swiper-container .slide-bubix .bg {
	position:absolute;
	top:120px;
	right:50px;
	width:525px
}
.index-page .index-swiper-container .slide-bubix .cont {
	min-width:450px;
	margin-top:200px;
	margin-left:100px
}
.index-page .index-swiper-container .slide-bunuo {
	position:relative;
	background-image:linear-gradient(#04272a,#259c82)
}
.index-page .index-swiper-container .slide-bunuo .bg {
	position:absolute;
	top:110px;
	right:50px;
	width:417px
}
.index-page .index-swiper-container .slide-bunuo .cont {
	min-width:600px;
	margin-top:200px;
	margin-left:50px
}
.index-page .index-swiper-container .swiper-pagination {
	position:absolute;
	z-index:20;
	bottom:33px;
	width:100%;
	text-align:center
}
.index-page .index-swiper-container .swiper-pagination-bullet {
	position:relative;
	display:inline-block;
	width:60px;
	height:2px;
	border-radius:8px;
	background:#80d8be;
	margin:0 5px;
	cursor:pointer;
	border-radius:0
}
.index-page .index-swiper-container .swiper-pagination-bullet:before {
	content:"";
	position:absolute;
	top:-4px;
	width:100%;
	height:4px;
	left:0
}
.index-page .index-swiper-container .swiper-pagination-bullet:after {
	content:"";
	position:absolute;
	top:2px;
	width:100%;
	height:4px;
	left:0
}
.index-page .index-swiper-container .swiper-pagination-bullet-active {
	background:#fff
}
.index-page .experience-chain-bar {
	width:100%;
	height:72px
}
.index-page .experience-chain-bar .wrap {
	height:100%;
	display:flex;
	align-items:center
}
.index-page .experience-chain-bar .left-part {
	flex-shrink:0;
	display:flex
}
.index-page .experience-chain-bar .left-part .img-box {
	width:28px;
	height:32px;
	margin-right:10px
}
.index-page .experience-chain-bar .left-part .img-box img {
	width:100%
}
.index-page .experience-chain-bar .left-part .text {
	font-size:16px;
	line-height:32px;
	color:#558e7b
}
.index-page .experience-chain-bar .middle-part {
	flex:1;
	font-size:16px;
	color:#666;
	text-align:center
}
.index-page .experience-chain-bar .right-part {
	display:block;
	font-size:16px;
	flex-shrink:0;
	color:#558e7b
}
.index-page .experience-chain-bar .right-part .iconfont {
	margin-left:10px
}
.index-page .tech-adv {
	min-height:600px;
	background:#fff
}
.index-page .tech-adv .btn {
	width:160px;
	margin:0 auto 60px
}
.index-page .tech-adv .tech-adv-cont {
	width:100%;
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap
}
.index-page .tech-adv .tech-adv-cont .tech-item {
	width:366px;
	height:320px;
	padding:40px 30px 20px;
	margin:0 40px 40px 0;
	border:1px solid transparent;
	color:#333
}
.index-page .tech-adv .tech-adv-cont .tech-item:hover {
	border-color:#558e7b
}
.index-page .tech-adv .tech-adv-cont .tech-item:hover .tech-desc,.index-page .tech-adv .tech-adv-cont .tech-item:hover .tech-name {
	color:#558e7b
}
.index-page .tech-adv .tech-adv-cont .tech-item:nth-child(3n) {
	margin-right:0
}
.index-page .tech-adv .tech-adv-cont .tech-item .tech-name {
	font-size:24px;
	margin-bottom:12px
}
.index-page .tech-adv .tech-adv-cont .tech-item .tech-desc {
	position:relative;
	font-size:16px;
	margin-bottom:30px
}
.index-page .tech-adv .tech-adv-cont .tech-item .tech-val {
	position:relative;
	font-size:14px;
	margin-bottom:8px;
	padding-left:26px;
	color:#666
}
.index-page .tech-adv .tech-adv-cont .tech-item .tech-val:last-child {
	margin-bottom:0
}
.index-page .bubix {
	position:relative;
	min-height:560px
}
.index-page .bubix .wrap {
	padding:0 30px 60px
}
.index-page .bubix img {
	width:540px
}
.index-page .bubix .bubix-cont {
	width:500px;
	padding-top:20px
}
.index-page .bubix .bubix-cont .info {
	margin-bottom:5px;
	color:#589181;
	font-size:18px;
	line-height:30px
}
.index-page .bubix .bubix-cont .feature-group {
	overflow:hidden;
	margin-bottom:30px
}
.index-page .bubix .bubix-cont .feature-item {
	margin:10px 0
}
.index-page .bubix .bubix-cont .feature-item h3 {
	color:#000;
	line-height:30px;
	font-weight:500
}
.index-page .bubix .bubix-cont .feature-item span {
	color:#939393;
	line-height:14px
}
.index-page .bubix .btn {
	width:100px
}
.index-page .scene-wrap {
	width:100%;
	background:#373d41
}
.index-page .scene-wrap .scene-group {
	width:100%;
	display:flex;
	margin:0 auto
}
.index-page .scene-wrap .scene-group .scene-item {
	width:20%
}
.index-page .scene-wrap .scene-group .scene-item .scene-item-box {
	width:100%;
	height:100%;
	position:relative;
	transition:margin-top .5s
}
.index-page .scene-wrap .scene-group .scene-item .img-bg {
	width:100%
}
.index-page .scene-wrap .scene-group .scene-item .img-icon {
	position:absolute;
	top:18%;
	left:50%;
	width:80px;
	height:82px;
	margin-left:-39px;
	opacity:.7;
	filter:alpha(opacity=70)
}
.index-page .scene-wrap .scene-group .scene-item .mask {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background:#589181;
	opacity:0;
	filter:alpha(opacity=0)
}
.index-page .scene-wrap .scene-group .scene-item .cnt {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	color:#fff
}
.index-page .scene-wrap .scene-group .scene-item .cnt .line {
	position:absolute;
	top:50%;
	left:50%;
	width:100px;
	height:1px;
	margin-left:-50px;
	background:#b6b6b6
}
.index-page .scene-wrap .scene-group .scene-item .cnt .scene-name {
	position:absolute;
	top:67%;
	width:100%;
	font-size:24px;
	text-align:center;
	opacity:.7;
	filter:alpha(opacity=70)
}
.index-page .scene-wrap .scene-group .scene-item .cnt .scene-desc {
	position:absolute;
	top:50%;
	width:100%;
	padding:0 15px;
	opacity:0;
	filter:alpha(opacity=0);
	line-height:25px
}
.index-page .scene-wrap .scene-group .scene-item .cnt .btn {
	position:absolute;
	top:80%;
	left:50%;
	width:100px;
	transform:translateX(-50%);
	opacity:0
}
.index-page .scene-wrap .scene-group .scene-item.active .scene-item-box {
	margin-top:-20px
}
.index-page .scene-wrap .scene-group .scene-item.active .mask {
	opacity:1
}
.index-page .scene-wrap .scene-group .scene-item.active .cnt .img-icon {
	top:6%;
	opacity:1;
	filter:alpha(opacity=100)
}
.index-page .scene-wrap .scene-group .scene-item.active .cnt .line {
	opacity:0;
	filter:alpha(opacity=0)
}
.index-page .scene-wrap .scene-group .scene-item.active .cnt .scene-name {
	top:33%;
	opacity:1;
	filter:alpha(opacity=100)
}
.index-page .scene-wrap .scene-group .scene-item.active .cnt .btn,.index-page .scene-wrap .scene-group .scene-item.active .cnt .scene-desc {
	opacity:1;
	filter:alpha(opacity=100)
}
@media screen and (min-width:1440px) {
	.index-page .scene-wrap .scene-group {
	width:1440px
}
}.index-page .more-scene {
	position:relative;
	z-index:-1;
	width:100%;
	height:770px;
	overflow:hidden;
	background:#fff
}
.index-page .more-scene .more-scene-content {
	position:absolute;
	left:50%;
	top:115px;
	z-index:-1;
	width:944px;
	height:600px;
	transform:translateX(-50%)
}
.index-page .more-scene .more-scene-content .adorns {
	position:absolute;
	z-index:-1;
	border-radius:50%
}
.index-page .more-scene .more-scene-content .left1 {
	top:392px;
	left:-50px;
	width:20px;
	height:20px;
	background:#9ff5d8
}
.index-page .more-scene .more-scene-content .left2 {
	top:535px;
	left:324px;
	width:26px;
	height:26px;
	background:#a4a7db
}
.index-page .more-scene .more-scene-content .left3 {
	top:217px;
	left:61px;
	width:35px;
	height:35px;
	background:#7175c6
}
.index-page .more-scene .more-scene-content .left4 {
	top:258px;
	left:200px;
	width:14px;
	height:14px;
	background:#8c97cb
}
.index-page .more-scene .more-scene-content .right1 {
	top:75px;
	left:633px;
	width:34px;
	height:34px;
	background:#addfce
}
.index-page .more-scene .more-scene-content .right2 {
	top:150px;
	left:957px;
	width:21px;
	height:21px;
	background:#7175c6
}
.index-page .more-scene .more-scene-content .right3 {
	top:439px;
	left:740px;
	z-index:1;
	width:27px;
	height:27px;
	background:#8b8ed0
}
.index-page .more-scene .circle-wrap {
	position:absolute;
	left:50%;
	top:50%;
	width:1057px;
	height:339px;
	margin:-169.5px 0 0 -528.5px;
	border:1px dashed #5bc09e;
	border-radius:50%
}
.index-page .more-scene .circle-wrap .i-slogo {
	position:absolute;
	top:50%;
	left:50%;
	width:401px;
	height:274px;
	margin:-137px 0 0 -200px;
	background-position:0 -505px
}
.index-page .more-scene .circle-wrap .bubi {
	position:absolute;
	top:50%;
	left:50%;
	width:244px;
	margin:-137px 0 0 -122px
}
.index-page .more-scene .circle-wrap .more-scene-item {
	position:absolute
}
.index-page .more-scene .circle-wrap .more-scene-item .i-icon {
	display:block;
	width:78px;
	height:78px;
	border-radius:50%
}
.index-page .more-scene .circle-wrap .more-scene-item .small {
	position:absolute;
	top:-15px;
	left:-15px;
	z-index:-1;
	width:109px;
	height:109px;
	border-radius:50%;
	background:#c2f6e4;
	transform:scale(.5)
}
.index-page .more-scene .circle-wrap .more-scene-item .big {
	position:absolute;
	top:-35px;
	left:-35px;
	z-index:-2;
	width:148px;
	height:148px;
	border-radius:50%;
	background:#edfdf8;
	transform:scale(.5)
}
.index-page .more-scene .circle-wrap .more-scene-item .more-scene-item-name {
	font-size:18px;
	color:#6c6c6c
}
.index-page .more-scene .circle-wrap .more-scene-item-active .small {
	animation:fluctuation2nd 3s ease forwards
}
.index-page .more-scene .circle-wrap .more-scene-item-active .big {
	animation:fluctuation1st 3s ease forwards
}
.index-page .more-scene .circle-wrap .gycs {
	top:-40px;
	left:250px
}
.index-page .more-scene .circle-wrap .gycs .sprites-icon {
	background-position:-501px -333px
}
.index-page .more-scene .circle-wrap .gycs .more-scene-item-name {
	margin-top:-105px;
	margin-left:-75px
}
.index-page .more-scene .circle-wrap .dzfp {
	position:absolute;
	top:-10px;
	left:720px
}
.index-page .more-scene .circle-wrap .dzfp .sprites-icon {
	background-position:-614px -333px
}
.index-page .more-scene .circle-wrap .dzfp .more-scene-item-name {
	margin-top:-119px;
	margin-left:64px
}
.index-page .more-scene .circle-wrap .wlwgx {
	position:absolute;
	top:120px;
	left:-20px
}
.index-page .more-scene .circle-wrap .wlwgx .sprites-icon {
	background-position:-727px -333px
}
.index-page .more-scene .circle-wrap .wlwgx .more-scene-item-name {
	margin-top:2px;
	margin-left:-49px
}
.index-page .more-scene .circle-wrap .lhzx {
	position:absolute;
	top:170px;
	left:980px
}
.index-page .more-scene .circle-wrap .lhzx .sprites-icon {
	background-position:-840px -333px
}
.index-page .more-scene .circle-wrap .lhzx .more-scene-item-name {
	width:100px;
	margin-top:5px;
	margin-left:49px
}
.index-page .more-scene .circle-wrap .yljl {
	position:absolute;
	top:261px;
	left:210px
}
.index-page .more-scene .circle-wrap .yljl .sprites-icon {
	background-position:-953px -333px
}
.index-page .more-scene .circle-wrap .yljl .more-scene-item-name {
	margin-top:5px;
	text-align:center
}
.index-page .more-scene .circle-wrap .sjaq {
	position:absolute;
	top:310px;
	left:600px
}
.index-page .more-scene .circle-wrap .sjaq .sprites-icon {
	background-position:-1066px -333px
}
.index-page .more-scene .circle-wrap .sjaq .more-scene-item-name {
	margin-top:-6px;
	margin-left:81px
}
@keyframes fluctuation1st {
	0% {
	transform:scale(.5)
}
90% {
	transform:scale(1)
}
to {
	transform:scale(.5)
}
}@keyframes fluctuation2nd {
	0% {
	transform:scale(.7)
}
90% {
	transform:scale(1)
}
to {
	transform:scale(.5)
}
}.index-page .custom-service,.index-page .honor-part {
	padding-bottom:60px
}
.index-page .honor-part .honor-swiper-box {
	position:relative
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container {
	width:100%;
	height:310px
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item {
	width:370px;
	height:310px;
	padding:40px 30px;
	border:1px solid #f0f0f0;
	background-color:#fff
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item:hover {
	background-color:#558e7b;
	color:#fff
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item:hover .honor-logo {
	display:none
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item:hover .honor-name {
	color:#fff
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item:hover .honor-desc,.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item:hover .honor-name:after {
	display:none
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item:hover .honor-logo-active,.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item:hover .look-more-btn {
	display:block
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item .img {
	margin-bottom:40px
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item .honor-logo-active {
	display:none
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item .honor-name {
	position:relative;
	font-size:18px;
	font-weight:600;
	color:#333;
	line-height:1.5;
	margin-bottom:40px
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item .honor-name:after {
	position:absolute;
	content:"";
	width:40px;
	height:2px;
	background-color:#558e7b;
	left:0;
	bottom:-20px
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item .honor-desc {
	font-size:14px;
	color:#666;
	line-height:1.5
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item .look-more-btn {
	position:absolute;
	width:100px;
	height:36px;
	line-height:36px;
	left:50%;
	bottom:30px;
	transform:translateX(-50%);
	text-align:center;
	border:1px solid #fff;
	color:#fff;
	display:none
}
.index-page .honor-part .honor-swiper-box .honor-swiper-container .honor-get-item .look-more-btn:hover {
	color:#558e7b;
	background-color:#fff
}
.index-page .honor-part .honor-swiper-box .honor-swiper-button {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	z-index:10;
	border-radius:50%;
	background-color:#fff;
	border:1px solid #f0f0f0;
	cursor:pointer;
	outline:none
}
.index-page .honor-part .honor-swiper-box .honor-swiper-button .iconfont {
	font-size:20px;
	color:#ccc
}
.index-page .honor-part .honor-swiper-box .honor-swiper-button-next {
	right:-70px
}
.index-page .honor-part .honor-swiper-box .honor-swiper-button-next:hover {
	border-color:#eee
}
.index-page .honor-part .honor-swiper-box .honor-swiper-button-next:hover .iconfont {
	color:#589181
}
.index-page .honor-part .honor-swiper-box .honor-swiper-button-prev {
	left:-70px
}
.index-page .honor-part .honor-swiper-box .honor-swiper-button-prev:hover {
	border-color:#eee
}
.index-page .honor-part .honor-swiper-box .honor-swiper-button-prev:hover .iconfont {
	color:#589181
}
.index-page .honor-part .honor-swiper-box .swiper-button-next {
	right:-30px
}
.index-page .honor-part .honor-swiper-box .swiper-button-prev {
	left:-30px
}
.index-page .look-more-btn-box {
	width:100%;
	margin-top:40px;
	display:flex;
	justify-content:center
}
.index-page .look-more-btn-box .look-more-btn {
	display:block;
	width:120px;
	height:36px;
	line-height:36px;
	font-size:16px;
	text-align:center;
	color:#558e7b;
	border:1px solid #558e7b;
	cursor:pointer
}
.index-page .look-more-btn-box .look-more-btn:hover {
	background-color:#558e7b;
	color:#fff
}
.index-page .partner {
	position:relative;
	width:100%;
	padding-bottom:30px;
	overflow:hidden
}
.index-page .partner .partner-group {
	width:1200px;
	margin-top:-10px;
	overflow:hidden
}
.index-page .partner .partner-group .partner-item {
	position:relative;
	width:180px;
	height:70px;
	margin:0 20px 20px 0;
	text-align:center;
	cursor:pointer;
	background:#fff
}
.index-page .partner .partner-group .partner-item .company {
	position:absolute;
	top:23px;
	width:100%;
	font-size:18px;
	color:#fff;
	font-weight:500;
	opacity:0
}
.index-page .partner .partner-group .partner-item img {
	margin-top:-4px
}
.index-page .partner .partner-group .partner-item.active {
	background:#589181
}
.index-page .partner .partner-group .partner-item.active:after {
	content:"";
	position:absolute;
	top:0;
	left:0
}
.index-page .partner .partner-group .partner-item.active img {
	opacity:0;
	filter:alpha(opacity=0)
}
.index-page .partner .partner-group .partner-item.active .company {
	opacity:1;
	filter:alpha(opacity=100)
}
.index-page .news {
	padding-bottom:50px
}
.index-page .news .news-cont {
	display:flex
}
.index-page .news .news-cont .news-item {
	position:relative;
	display:block;
	width:380px;
	height:200px;
	margin-right:20px;
	overflow:hidden
}
.index-page .news .news-cont .news-item:last-child {
	margin-right:0
}
.index-page .news .news-cont .news-item .news-cover {
	width:100%
}
.index-page .news .news-cont .news-item .news-title {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	line-height:50px;
	padding:0 15px;
	font-size:16px;
	color:#fff;
	background-color:#589181;
	text-align:center
}
.index-page .contact-box {
	height:200px;
	color:#fff;
	background-color:#558e7b;
	background-image:url(/images/btm-slogan-bg_f473193.png);
	background-position:bottom;
	background-repeat:no-repeat
}
.index-page .contact-box .wrap {
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.index-page .contact-box .slogan {
	font-size:30px;
	margin-bottom:30px
}
.index-page .contact-box .slogan span {
	margin-left:30px
}
.index-page .contact-box .email-box {
	font-size:16px
}
.index-page .contact-box .email-box span {
	margin-left:40px
}
.index-page.wap .swiper-container .slide-bubi {
	overflow:hidden
}
.index-page.wap .swiper-container .slide-bunuo .txt {
	width:420px;
	margin-top:200px;
	margin-left:60px
}
.index-page.wap .swiper-container .slide-bunuo .img {
	width:417px;
	margin-top:110px;
	margin-right:50px
}
.index-page.wap .swiper-container .slide-bubix .txt {
	width:290px;
	margin-top:200px;
	margin-left:60px
}
.index-page.wap .swiper-container .slide-bubix .img {
	width:525px;
	margin-top:120px;
	margin-right:60px
}
.index-page.wap .tech-adv .tech-adv-cont .tech-item {
	width:450px;
	margin-right:40px
}
.index-page.wap .tech-adv .tech-adv-cont .tech-item:nth-child(2n) {
	margin-right:0
}
.index-page.wap .bubix img {
	width:420px;
	margin-top:45px
}
.index-page.wap .bubix .bubix-cont,.index-page.wap .bubix .txt {
	width:460px
}
.index-page.wap .more-scene .more-scene-content {
	transform:scale(.8) translateX(-60%)
}
.index-page.wap .partner .partner-group {
	width:980px
}
.index-page.wap .partner-group {
	width:980px;
	padding-left:60px
}
.index-page.wap .partner-group .partner-item {
	width:200px;
	height:70px
}
.index-page.wap .honor-part .honor-swiper-box .honor-swiper-button {
	opacity:.5
}
.index-page.wap .honor-part .honor-swiper-box .honor-swiper-button-next {
	right:0
}
.index-page.wap .honor-part .honor-swiper-box .honor-swiper-button-prev {
	left:0
}