html,body{height: 100%;}
#fullpage,.section,.pageinner{height: 100%;}
.section{position: relative;}
#fullpage .section .slide{height: 100%;width: 100%;}
.navigation{position: fixed;right:24px;top:45%;z-index: 999;}
.navigation li{width: 12px;height: 12px;background: url(../images/pagination.png) no-repeat;background-position: 0 0;margin:12px auto;}
.navigation li.active{background-position: 0 -12px;}
.navigation li a{display: block;height: 12px;}
.navigation .top{width:30px;height: 30px;background:url(../images/top.png) no-repeat center;}
.navigation .top a{width: 20px;height: 20px;}
.index-header{background: none;color: #fff;border-bottom: 1px solid #fff;}
.index-header .logo-pic{background-image: url(../images/logo.png); background-size: cover;}
.index-header .header-nav li span{color: #fff;}
.index-header .header-nav .menu-level-3 span{color: #333;}
/*.index-header .header-nav .active{border-bottom:2px solid #fff;}*/
.section .banner{position: relative;float: left;overflow: hidden;}
.section .banner .page-cen{
    position: relative;}
.slide-pic{height:100%;position: relative;}
.slide-pic img{height: 100%;width: 100%;}
.slide-info{height: 200px;position: absolute;top: 50%;width: 100%;left: 0;}
.slide-info .slide-line{width:64px;height: 6px;background: #fff;margin:0 0  44px;}
.slide-info h2{font-size: 30px;color: #fff;text-shadow: 1px 1px 1px #555;line-height: 62px;font-weight: 600;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.slide-info p{color: #fff;width: 500px;word-wrap: break-word;white-space: normal;font-size: 20px;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.banner-slide,.banner{height: 100%;}
.banner-control{position: absolute;bottom: 20px;width: 100%;text-align: center;}
.banner-control a{display: inline-block;width: 180px;height: 2px;background-color: #fff;margin: 0 12px;}
.banner-control a.selected{background-color:#94d53d;}
.banner-control a span{display: none;}

.section-pat{position: relative;height: 100%;}

.section-about .fl{width: 50%;height:100%;float: left;overflow: hidden;}
.section-about .fr{width: 50%;height: 100%;float: right;overflow: hidden;position: relative;}
.section-about .about-list{position: relative;width: 100%;overflow: hidden;}
.section-about .fl .about-list{height: 50%;display: none;}

.section-about .fr{opacity:0;}
.section-about .fr .about-list{height: 100%;float: left;}
.section-about .about-list .about-pic img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;min-height: 100%;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.section-about .about-list:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.section-about .about-info{position: absolute;top:14%;padding: 0 40px;width: 56%;padding-bottom: 10px;background: url(../images/bg-solution.png);}
.section-about .about-info .logo{font-family: neue,"Bebas Neue";font-size: 34px;color: #fff;}
.section-about .about-info .title{font-size: 25px;color: #fff;margin-top: 12px;margin-bottom: 40px;}
.section-about .about-info p{color: #fff;line-height: 28px;}
.section-about .about-info .line{width: 22px;height: 2px;background-color: #fff;margin: 12px 0;}
.section-about .banner-pro{width: 100%;height: 100%;overflow: hidden;}
.section-about .caroufredsel_wrapper,.section-about .caroufredsel_wrapper .banner-pro{height:100% !important;}

.section-about .bannerPro-control{position: absolute;bottom: 20px;text-align: right;padding-right: 30px;right: 0;}
.section-about .bannerPro-control a{display: inline-block;width: 30px;height: 2px;background-color: #fff;margin: 0 12px;}
.section-about .bannerPro-control a.selected{background-color:#94d53d;}
.section-about .bannerPro-control a span{display: none;}
.section-news .news-header{background-color:#004386;overflow:hidden;color: #fff;text-align: center;padding-top: 115px;}
.section-news .news-header .page-cen{max-width: 715px;margin: 0 auto;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}
.section-news .news-header h2{font-size: 26px;line-height: 40px;margin: 48px 0;}
.section-news .news-header p{font-size: 13px;margin-top: 10px;line-height: 20px;;}
.section-news .news-wrap{padding:102px 0 62px;background-color: #f1f3f3;text-align: center;}
.section-news .news-wrap ul{display: inline-block;text-align: left;margin-left: -60px;margin-right: -60px;;}
.section-news .news-wrap li{float: left;width:690px;margin:0 60px 50px;}
.section-news .news-wrap li:nth-of-type(1){
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;}
.section-news .news-wrap li:nth-of-type(2){
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -o-animation-delay:1.4s;
    animation-delay:1.4s;
}
.section-news .news-wrap li:nth-of-type(3){
    -webkit-animation-delay:1.8s;
    -moz-animation-delay:1.8s;
    -o-animation-delay:1.8s;
    animation-delay:1.8s;
}
.section-news .news-wrap li:nth-of-type(4){
    -webkit-animation-delay:2.2s;
    -moz-animation-delay:2.2s;
    -o-animation-delay:2.2s;
    animation-delay:2.2s;
}
.section-news .news-wrap li:nth-of-type(5){
    -webkit-animation-delay:2.4s;
    -moz-animation-delay:2.4s;
    -o-animation-delay:2.4s;
    animation-delay:2.4s;
}
.section-news .news-wrap li:nth-of-type(6){
    -webkit-animation-delay:3s;
    -moz-animation-delay:3s;
    -o-animation-delay:3s;
    animation-delay:3s;
}
.section-news .news-wrap li p{color: #666}
.section-news .news-wrap .title{font-size: 15px;color: #004386;margin: 16px 0; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.section-news .news-wrap .text{height:56px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height:20px}
.section-contact{height: 620px;background: url(../images/4.jpg);color:#fff;}
.section-contact .logo{padding-top: 140px;color: #fff;}
.section-contact a{color: #fff;}
.section-contact h2{font-size: 24px;font-weight: 600;line-height: 50px;color: #fff;}
.section-contact h4{font-size: 18px;margin: 60px 0 24px;;}
.section-contact p{font-size: 13px;line-height: 22px;;}
.section-contact p span{font-size: 55px;}
.section-auto{height: auto !important;}
.section-pat{top:0;transition: all 0.23s;}


.slide-expre{width: 730px;position: absolute;
    top:0;bottom: 0;margin: auto;right: 20%;height: 406px;}
.slide-expre .slide-left,.slide-expre .slide-right{width: 50%;float: left;height: 100%}
.slide-expre .slide-right .box-1{margin-left: 30px;background:url("../images/index-b-1.png") no-repeat center;height: 100%;padding:0 60px;
   animation: rotate 16s linear infinite;
   }
.slide-expre .slide-right{position: relative;}
.slide-expre .slide-right .box-2{height: 100%;background:url("../images/index-b-2.png") no-repeat center;padding:0 50px;text-align: center;color: #fff;
    -webkit-transition: transform 2s;
    -moz-transition: transform 2s;
    -ms-transition: transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s;
}

.slide-expre .slide-right .in-block{position: absolute;top:0;bottom: 0;height: 80px;margin: auto;width: 115px;left: 0;right: 0;padding-left: 30px;text-align: center;color: #fff;
}
.slide-expre .slide-right .in-block p{font-size: 14px;width: 100%;}
.slide-expre .slide-right .in-block h4{font-size: 33px;}
.slide-expre .slide-left .box-t{color: #fff;padding-left: 90px;background:url(../images/index-b-8.png) no-repeat left 40px;padding-bottom:200px;}
.slide-expre .slide-left .box-t h2{font-size: 60px;margin-bottom: 10px;}
.slide-expre .slide-left .box-t h2 img{vertical-align: middle;margin-right: 16px;}
.slide-expre .slide-left .box-t h2 span{vertical-align: middle;}
.slide-expre .slide-left .box-t h4{font-size: 16px;}
.slide-expre .slide-left .box-t p{font-size: 14px;}
.slide-expre .slide-left .box-b{padding-bottom: 40px;padding-right: 10%;width: 110%;background: url(../images/index-b-7.png) no-repeat left bottom;}
.slide-expre .slide-left .box-b li{float: left;width: 84px;margin-right: 36px;color: #fff;}
.slide-expre .slide-left .box-b li p{font-size: 12px;text-align: center;width: 100%;}
.slide-expre .slide-left .box-b li{animation: fadeIn-j 0.4s;  animation-fill-mode: both;}
.slide-expre .slide-left .box-b li .picon{text-align: center;}
.slide-expre .slide-left .box-b li:nth-of-type(2){
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;: ;
}
.slide-expre .slide-left .box-b li:nth-of-type(3){
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;: ;
}
.slide-expre .box-1:hover .box-2{
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
body{ -webkit-animation:fadeIn 0.8s;
    -o-animation:fadeIn 0.8s;  animation-fill-mode: both;
    animation: fadeIn 0.8s;}
.banner-video{position: absolute;
    top:0;left: 0;width: 100%;height: 100%;z-index:1;background: #000;  animation-fill-mode: both;
    -webkit-animation:fadeIn-j 0.8s;
    -o-animation:fadeIn-j 0.8s;
    animation: fadeIn-j 0.8s;
}
@keyframes rotate{
	from{
		transform: rotate(0);
	}
	to{transform: rotate(360deg);}
}
@keyframes fadeIn-j {
    0%{opacity:0;}
    100%{opacity:1;}
}
.section2{background-color:#004386;}
.fr-prev,.banner-prev{position: absolute;left: 20px;top:40%;background: url(../images/fr-left.png) no-repeat center;width: 44px;height: 44px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
.fr-prev:hover,.banner-prev:hover{background-image: url(../images/fr-left-b.png);}
.fr-next,.banner-next{position: absolute;right: 20px;top:40%;background: url(../images/fr-right.png) no-repeat center;width: 44px;height: 44px; -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
.fr-next:hover,.banner-next:hover{background-image: url(../images/fr-right-b.png) ;}
.banner-prev,.banner-next{top:50%;}
.zhaopin{display: block;padding: 10px 18px;background-color: #004386;margin-top: 5px;color: #fff;float: left;border:1px solid #004386;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
.zhaopin:hover{
    background:none;color: #004386;
}
.fss-wrapper{position: absolute;}
.videoplayer{position: absolute;z-index:0;transform:  translate3d(0px, 0px, 0px);;}
.videoinfo{position: absolute;top:76%;width:100%;text-align: center;color: #fff;z-index: 99;font-size: 36px;padding: 16px 0;background-color: rgba(255,255,255,0.2);}
.banner-video .end-video{position: absolute;z-index: 99;bottom: 10px;width: 100%;text-align: center;font-size: 14px;color: #fff;cursor: pointer;}
.page-cen{max-width: 1500px;}
.more{color: #004386;display: block;margin-top: 16px;}
.more:hover{text-decoration: underline;}