@charset "utf-8";
#newBridge{display:none!important;}
/* mobile-nav */
.mobile-alert {position: fixed;top: 0;left: 0; z-index: 1071;width: 100%;height: 100%; background-color: var(--default); visibility: hidden; opacity: 0; transition: .3s;}
/* menu */
.mobile-box{ width: 100%; height: 100%;  overflow: hidden; visibility: hidden; opacity: 0; transform: translateX(-120px);}
/* close */
.mobile-close {position: fixed;top: 5px;right: 10px; z-index: 9; width: 35px;height: 35px; cursor: pointer;}
.mobile-close span {position: absolute;top: 17px;left: 6px;width: 25px;height: 2px;background-color: #fff;}
.mobile-close span:first-child {transform: rotate(45deg);}
.mobile-close span:last-child {transform: rotate(-45deg);}

/* lang */
.mobile-lang { position: absolute; bottom: 15px; left: 15px; transform: translateX(-15px); text-align: center;}
.mobile-lang a {display: inline-block;margin-right: 10px; border-radius: 50%; width: 30px; height: 30px; line-height: 28px;font-size: 12px; color: #52B2E6;border: 1px solid #52B2E6;}
.mobile-lang a.on,
.mobile-lang a:hover{color: #fff; border-color: #fff;}
/* title */
.index-title {padding-bottom: 60px; align-items: center; justify-content: space-between;}
.index-title h3 {position: relative;font-size: 36px; line-height: 1.4; color: var(--default);}

.index-title p {position: relative ; max-width: 1200px; padding: 0 25px; margin: 24px auto 0; font-size: 18px; line-height: 1.6; color: #707070; text-transform: uppercase;}
.index-title p span{display: block;}


.index-title>a{position: relative; width: 80px; line-height: 1.6; color: #666;}
.index-title>a i{ position: absolute; top: 9px; right: 0; display: inline-block; width: 8px; height: 8px; border-top: 1px solid var(--default); border-right: 1px solid var(--default); transform: rotate(45deg);}
.index-title>a:hover{color: var(--default);}


.index-title-white h3,
.index-title-white p {color: #fff;}
.index-title-center{text-align: center;}

@media (max-width:1600px) {
	.index-title h3 {font-size: 32px;}
	.index-title p { font-size: 16px;}
}

@media (max-width:1400px) {
	.index-title h3 {font-size: 28px;}
}

@media (max-width:1200px) {
	.index-title h3 {font-size: 24px;}
}

@media (max-width:768px) {
	.index-title {padding-bottom: 40px;}
	.index-title p { margin-top: 15px; font-size: 14px;}
}


/* online */
.fixed-online{position: fixed; bottom: 20px; right: 15px; z-index: 77;}

.fixed-online ul li{margin-bottom: 2px; width: 40px; text-align: center; cursor: pointer; transition: .3s;}
.fixed-online ul li a{position: relative; height: 40px ; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; color: #333; box-shadow: 0px 4px 19px rgba(165, 165, 165, 0.25);}
.fixed-online ul li i{font-size: 28px; }
.fixed-online ul li p svg{width: 20px;}
.fixed-online ul li p svg path{fill: #666;}

.fixed-online-way{position: absolute; bottom: 0; right: 42px; background-color: #fff; opacity: 0; visibility: hidden; transition: all .3s;}

.fixed-online #fixed-online-tel{ width: 160px; height: 40px; line-height: 40px; font-size: 20px;}
.fixed-online #fixed-online-wx{padding: 15px; line-height: 40px;}
.fixed-online #fixed-online-wx img{ width: 120px; height: 120px; background-color: #eee;}
.fixed-online #fixed-online-wx h3{margin-top: 10px; line-height: 20px; font-size: 14px;}
#gotop{height: 0; opacity: 0; overflow: hidden;}
.gotop-active{height: 64px!important; opacity: 1!important; }
.fixed-online ul li:hover .fixed-online-way{opacity: 1; visibility: visible;}

.fixed-online ul li:hover a{background-color: var(--default);}
.fixed-online ul li:hover a p svg path{fill: #fff;}




/* alert-search */
.alert-search{position: fixed; top: 0; left: 0; z-index: 1000; width: 100%;height: 100%; background-color: rgba(0,0,0,.7);  visibility: hidden; opacity: 0; transition: .3s;}
.alert-search-box {width: 100%; height: auto; padding: 50px 0; background-color: #fff ;transform: translateY(-100px);visibility: hidden;transition: .3s;}
.alert-search-logo{height: 50px; text-align: center; margin: 0 auto 25px;}
.alert-search-logo img{max-width: 100%;}
/* form */
.alert-search-form {max-width: 600px; margin: 0 auto; padding: 0 15px;}
.alert-search-form form{display: flex; justify-content: space-between; align-items: center;}
.alert-search-form input { flex: 1; padding:0 10px; background: none; background-color: #eee; line-height: 44px;color: #777;font-size: 16px; outline: none;}
.alert-search-form button { width: 120px; border: 1px solid var(--default); line-height: 40px; font-size: 16px; background-color: var(--default); color: #fff; outline: none;}

@media (max-width:768px) {
    .alert-search-box {height: 100%;}
    .alert-search-form input {line-height: 39px;font-size: 14px;}
    .alert-search-form button {width: 80px; line-height: 35px;font-size: 14px;}
}
.close-alert-search {position: absolute;top: 45px;right: 45px;width: 35px;height: 35px;cursor: pointer;}
.close-alert-search span {position: absolute;top: 17px;left: 6px;width: 25px;height: 2px;background-color: #333;}
.close-alert-search span:first-child {transform: rotate(45deg);}
.close-alert-search span:last-child {transform: rotate(-45deg);}
@media (max-width:768px) {
    .close-alert-search {top: 15px;right: 15px;width: 35px;height: 35px;cursor: pointer;}
}
.alert-search-show {visibility: visible; opacity: 1; transform: translateY(0);}
.alert-search-show1{visibility: visible; transform: translateY(0);}



/* 动画 */
.goScale {
	-moz-animation-name: goScale;
	-ms-animation-name: goScale;
	-webkit-animation-name: goScale;
	animation-name: goScale;
}

@keyframes goScale {
	0% {
		opacity: 0;
		-webkit-transform: scale(.4);
		-ms-transform: scale(.4);
		-moz-transform: scale(.4);
		transform: scale(.2);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

.goShow {
	-moz-animation-name: goShow;
	-ms-animation-name: goShow;
	-webkit-animation-name: goShow;
	animation-name: goShow;
}

@keyframes goShow {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 120px, 0);
		-ms-transform: translate3d(0, 120px, 0);
		-moz-transform: translate3d(0, 120px, 0);
		transform: translate3d(0, 120px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-moz-transform: translateZ(0);
		transform: translateZ(0);
	}
}


.goLeft {
	-ms-animation-name: goLeft;
	-moz-animation-name: goLeft;
	-webkit-animation-name: goLeft;
	animation-name: goLeft;
}

@keyframes goLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30px, 0, 0);
		-ms-transform: translate3d(-30px, 0, 0);
		-moz-transform: translate3d(-30px, 0, 0);
		transform: translate3d(-30px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-moz-transform: translateZ(0);
		transform: translateZ(0);
	}
}

.goRight {
	-webkit-animation-name: goRight;
	-ms-animation-name: goRight;
	-moz-animation-name: goRight;
	animation-name: goRight;
}

@keyframes goRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30px, 0, 0);
		-ms-transform: translate3d(30px, 0, 0);
		-moz-transform: translate3d(30px, 0, 0);
		transform: translate3d(30px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-moz-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.goUp {
	-webkit-animation-name: goUp;
	-ms-animation-name: goUp;
	-moz-animation-name: goUp;
	animation-name: goUp;
}

@keyframes goUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		-ms-transform: translate3d(0, 30px, 0);
		-moz-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-moz-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.goDown {
	-webkit-animation-name: goDown;
	-ms-animation-name: goDown;
	-moz-animation-name: goDown;
	animation-name: goDown;
}

@keyframes goDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
		-ms-transform: translate3d(0, -30px, 0);
		-moz-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-moz-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animated {
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	-ms-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	-ms-animation-delay: 5s;
	-moz-animation-delay: 5s;
	animation-delay: 5s
}

.animated.fast {
	-webkit-animation-duration: .8s;
	-ms-animation-duration: .8s;
	-moz-animation-duration: .8s;
	animation-duration: .8s
}

.animated.faster {
	-webkit-animation-duration: .5s;
	-ms-animation-duration: .5s;
	-moz-animation-duration: .5s;
	animation-duration: .5s
}

.animated.slow {
	-webkit-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-moz-animation-duration: 2s;
	animation-duration: 2s
}

.animated.slower {
	-webkit-animation-duration: 3s;
	-ms-animation-duration: 3s;
	-moz-animation-duration: 3s;
	animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
	.animated {
		-webkit-animation-duration: 1ms !important;
		-ms-animation-duration: 1ms !important;
		-moz-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		
		-webkit-transition-duration: 1ms !important;
		-ms-transition-duration: 1ms !important;
		-moz-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		
		-webkit-animation-iteration-count: 1 !important;
		-ms-animation-iteration-count: 1 !important;
		-moz-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
	}
}

/***编程使我快乐**/
.an-animate .an-animate-item:nth-child(1) {
	animation-delay: .1s;
	-webkit-animation-delay: .1s;
	-ms-animation-delay: .1s;
	-moz-animation-delay: .1s;
}

.an-animate .an-animate-item:nth-child(2) {
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
	-ms-animation-delay: .2s;
	-moz-animation-delay: .2s;
}

.an-animate .an-animate-item:nth-child(3) {
	animation-delay: .3s;
	-webkit-animation-delay: .3s;
	-ms-animation-delay: .3s;
	-moz-animation-delay: .3s;
}

.an-animate .an-animate-item:nth-child(4) {
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
	-ms-animation-delay: .4s;
	-moz-animation-delay: .4s;
}

.an-animate .an-animate-item:nth-child(5) {
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-moz-animation-delay: .5s;
}

.an-animate .an-animate-item:nth-child(6) {
	animation-delay: .6s;
	-webkit-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-moz-animation-delay: .6s;
}

.an-animate .an-animate-item:nth-child(7) {
	animation-delay: .7s;
	-webkit-animation-delay: .7s;
	-ms-animation-delay: .7s;
	-moz-animation-delay: .7s;
}

.an-animate .an-animate-item:nth-child(8) {
	animation-delay: .8s;
	-webkit-animation-delay: .8s;
	-ms-animation-delay: .8s;
	-moz-animation-delay: .8s;
}

.an-animate .an-animate-item:nth-child(9) {
	animation-delay: .9s;
	-webkit-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-moz-animation-delay: .9s;
}

.an-animate .an-animate-item:nth-child(10) {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-moz-animation-delay: 1s;
}

.an-animate .an-animate-item:nth-child(11) {
	animation-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
	-ms-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
}

.an-animate .an-animate-item:nth-child(12) {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
}

.an-animate .an-animate-item:nth-child(13) {
	animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s;
	-ms-animation-delay: 1.3s;
	-moz-animation-delay: 1.3s;
}

.an-animate .an-animate-item:nth-child(14) {
	animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
	-ms-animation-delay: 1.4s;
	-moz-animation-delay: 1.3s;
}

.an-animate .an-animate-item:nth-child(15) {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
}

.an-animate .an-animate-item:nth-child(16) {
	animation-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
	-ms-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
}