﻿.main-header .header-top {height:0 !important;overflow:hidden;}

.active .bounceDown{visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name: bounceInDown;opacity: 1;animation-fill-mode: both;-webkit-animation-name: bounceInDown;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
.active .bounceLeft{ visibility:visible;animation-duration:1s;animation-delay:0.25s;animation-iteration-count:1;animation-name:bounceInLeft;opacity:1;animation-fill-mode:both;-webkit-animation-name:bounceInLeft;-webkit-animation-duration: 1s; -webkit-animation-fill-mode:both;}
.active .bounceRight{visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name: bounceInRight;opacity: 1;animation-fill-mode: both;-webkit-animation-name: bounceInRight;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
.active .bounceUp{visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name: bounceInUp;opacity: 1;animation-fill-mode: both;-webkit-animation-name: bounceInUp;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
.active .fadeDown{visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name: fadeInDown;opacity: 1;animation-fill-mode: both;-webkit-animation-name: fadeInDown;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
.active .fadeUp{visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name: fadeInUp;opacity: 1;animation-fill-mode: both;-webkit-animation-name: fadeInUp;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
.active .flipY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-duration: 2s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name:flipInY;opacity: 1;animation-fill-mode: both;-webkit-animation-name:flipInY;-webkit-animation-duration: 2s; -webkit-animation-fill-mode: both;}

#fp-nav ul li, .fp-slidesNav ul li{width:auto;height:50px;margin:0;margin-top:1px;margin-bottom:2px;}
#fp-nav.right{right:auto;left:0;}
#fp-nav ul li a{background:rgba(0,0,0,0.5); width:50px;transition:all 0.3s;}
#fp-nav ul li a.active{background:#0094D2;}
#fp-nav ul li a:hover{background:#0094D2;width:180px;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{ width:50px; height:50px; border-radius:0%; margin:0; left:0px; top:0;transition:all 0.3s;}
#fp-nav ul li a label{position:absolute; left:0; top:0;width:0px; height:50px; line-height:50px; color:#fff; text-align:right; font-size:14px; cursor:pointer; overflow:hidden;transition:all 0.3s;}
#fp-nav ul li a:hover label{width:130px;}
#fp-nav ul li a:hover span{left:130px;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{width:50px; height:50px; margin:0; border-radius:0;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height: 50px;width: 50px;margin:0;border-radius: 0%;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:50px;height:50px;margin: 0;}
#fp-nav ul li:last-child{ display:none;}
#fp-nav ul li a span {background-repeat:no-repeat;background-color:transparent;}

.service-wrap {background-repeat:no-repeat;background-position:center center;background-size:cover;color:#fff;visibility:hidden;overflow:hidden;overflow:hidden;}
.service-wrap .auto-1400 {position:absolute;left:0%;right:0%;width:92%;padding:0 3%;top:0;height:100%;}
.service-wrap img {position:absolute;left:50%;top:50%;}
.service-wrap .imgs {position:absolute;width:100%;height:100%;left:0%;top:0;}
.service-wrap .txts {position:absolute;top:50%;left:50%;}
.service-wrap .txts h2{font-size:72px;font-weight:normal;height:175px;position:relative;}
.service-wrap .txts h2 span{display:block;height:50px;line-height:50px;font-size:30px;font-weight:normal;}
.service-wrap .txts h2::after {content:'';position:absolute;bottom:0;height:3px;width:60px;background:#fff;left:0;}
.service-wrap .txts p {line-height:36px;font-size:22px;overflow:hidden;margin-top:44px;max-width:645px;color:#fff;font-weight:100;}
.service-wrap .txts p.biger{font-size:24px;}
.service-wrap .txts p span {font-size:18px;display:block;}
.service-wrap.active .txts h2{animation-delay:0.3s;}
.service-wrap.active .txts p{animation-delay:0.5s;}
.service-wrap.active .txts p.biger{animation-delay:0.7s;}

@media only screen and (max-width:1440px){
/*body {min-width:1240px;}
.auto-1400 {width:1240px;}*/
.main-menu .navigation > li {padding:34px 12px 22px 20px;}
.aboutMenu .items {width:1200px;}

.advantageMenu .items {width:1200px;}

.advantageMenu .fr span {width:150px;}

.advantageMenu .three {width:400px;margin-left:50px;}
.advantageMenu .three .fr {width:200px;}

.advantageMenu .eight {width:650px;}
.advantageMenu .eight .fr {width:450px;margin-left:0;}

.about-part .item .txt {line-height:25px;}

.youshi-part .eight span {margin-left:0;text-indent:25px;width:50%;}
.youshi-part span::before {content:none;}


.service-wrap .txts h2{font-size:48px;height:125px;}
.service-wrap .txts h2 span{font-size:24px;}
.service-wrap .txts h2::after {height:2px;}
.service-wrap .txts p {line-height:30px;font-size:20px;margin-top:25px;}
.service-wrap .txts p.biger{font-size:22px;}
.service-wrap .txts p span {font-size:16px;display:block;}
}

@media only screen and (max-width:1240px) and (min-width:768px)
{
/*body {min-width:1000px;}
.auto-1400 {width:1000px;}*/
.main-header .adTxt {display:none;}

.aboutMenu .items {width:1000px;}
.aboutMenu .item span {font-size:16px;}

.productMenu .items {width:1000px;}
.projectMenu .img {margin-left:60px;}
.projectMenu .items {width:980px;}
.projectMenu .txt {width:630px;margin-left:60px;}
.projectMenu .txt span {width:210px;font-size:16px;}

.advantageMenu .items {width:1000px;}
.advantageMenu .fr span {width:130px;font-size:16px;}
.advantageMenu .three {width:380px;margin-left:20px;}
.advantageMenu .three .fr {width:180px;}

.advantageMenu .eight {width:580px;margin-left:0;}
.advantageMenu .eight .fl {background:#0094D2;}
.advantageMenu .eight .fr {width:390px;margin-left:0;}

.processMenu .items {width:1000px;}

.service-wrap .txts h2{font-size:38px;height:100px;}
.service-wrap .txts h2 span{font-size:20px;}
.service-wrap .txts h2::after {height:1px;}
.service-wrap .txts p {line-height:30px;font-size:14px;margin-top:25px;}
.service-wrap .txts p.biger{font-size:16px;}
.service-wrap .txts p span {font-size:12px;display:block;}
}

@media only screen and (max-width:560px)
{
	body {min-width:unset;padding-top:0px !important;}
	.service-wrap .auto-1400 {width:96%;padding:0 2%;}

	.service-wrap .txts h2 {font-size:28px;height:auto;}
	.service-wrap .txts p {font-size:14px;line-height:22px;margin-top:15px;}
	.service-wrap .txts p.biger {font-size:16px;}

	.service-wrap .txts h2 span {font-size:18px;line-height:30px;height:40px;}
}