@charset "utf-8";
/* CSS Document */
html{ overflow-y:hidden;}
.header_back{ display:none;}

.menu{position: fixed; right: 5px; top: 50%; z-index: 200; margin-top: -156px; text-align: center; }
.menu li{padding: 10px 0;}
.menu a{color: #999; position: relative; transition: 0.3s;}
.menu a::before{content: ""; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: #000; opacity: 0.3;}
.menu i{opacity: 0; transition: 0.3s; font-size: 12px;}
.menu .active i{opacity: 1;}
.menu .active a::before{opacity: 0;}

@media (max-width: 1199px) {
	html{ overflow-y:scroll;}
	.header_back{ display:block;}
	.menu{ display:none;}
}

.fp-viewing-1 .menu a,
.fp-viewing-7 .menu a{color: #fff;}
.fp-viewing-1 .menu a::before,
.fp-viewing-7 .menu a::before{background: #fff;}

/*
.fp-viewing-1 .logo1,
.fp-viewing-4 .logo1{ display:none;}
.fp-viewing-1 .logo2,
.fp-viewing-4 .logo2{ display:inline-block;}
*/

.fp-viewing-2 .header1_1 img,
.fp-viewing-3 .header1_1 img,
.fp-viewing-4 .header1_1 img,
.fp-viewing-5 .header1_1 img{ height:60px;}

.fp-viewing-2 .header1_2 .tel,
.fp-viewing-3 .header1_2 .tel,
.fp-viewing-4 .header1_2 .tel,
.fp-viewing-5 .header1_2 .tel{ display:none;}

.fp-viewing-2 .header1_2 .btn,
.fp-viewing-3 .header1_2 .btn,
.fp-viewing-4 .header1_2 .btn,
.fp-viewing-5 .header1_2 .btn{ display:inline-block;}

.fp-viewing-2 .header1_2 .btn em,
.fp-viewing-3 .header1_2 .btn em,
.fp-viewing-4 .header1_2 .btn em,
.fp-viewing-5 .header1_2 .btn em{ font-size:30px;}

.fp-viewing-2 .header2,
.fp-viewing-3 .header2,
.fp-viewing-4 .header2,
.fp-viewing-5 .header2{ display:none;}


/* section */
.section { position: relative; overflow: hidden; background-size:cover; background-position:center;}

.section1{}
.section1 .swiper-container,
.section1 .swiper-wrapper {height:100%; box-sizing: border-box;}
.section1 .swiper-slide {overflow: hidden; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.section1 .swiper-slide a{ height:100%; display:block;}
.section1 .swiper-slide .index_video{ width:100%; height:100%; position:absolute; left:0; top:0;}
.section1 .swiper-button-next,
.section1 .swiper-button-prev {zoom:0.6; opacity:0.7;}
.section1 .swiper-button-prev{ left:160px;}
.section1 .swiper-button-next{ right:160px;}
@media (max-width: 1199px) {
	.section1 .swiper-wrapper {height:600px;}
	.section1 .swiper-button-next,
	.section1 .swiper-button-prev {zoom:0.4;}
	.section1 .swiper-button-prev{ left:30px;}
	.section1 .swiper-button-next{ right:30px;}
}
@media (max-width: 991px) {
	.section1 .swiper-wrapper {height:500px;}
}
@media (max-width: 767px) {
	.section1 .swiper-wrapper {height:350px;}
}


.section2 .info{ width:100%; height:100%;}
.section2 .info .item{ width:50%; padding:12% 5% 0;}
.section2 .info .title{ text-align:center; border-bottom:solid 1px #d0d0d0;}
.section2 .info .intro{}
.section2 .info .video{ padding:10px; background-color:#FFF;}
.section2 .info .btn{ text-align:center; margin-top:20px;}
.section2 .l{}
.section2 .r{}
@media (max-width: 1199px) {
	.section2 .info .item{ padding:30px 25px 40px;}
}
@media (max-width: 767px) {
	.section2 .info .item{ width:100%; padding:20px 15px 30px;}
	.section2 .r{ background-size:200px auto;}
}

.section3 .info{ padding:25px 5%;}
.section3 .title{ text-align:center; padding-bottom:10px;}
.section3 .news1{ margin:-12px;}
.section3 .news1 .item{ width:25%; padding:12px;}
.section3 .news1 .item:nth-child(1){ width:50%;}
.section3 .news1 .item:nth-child(6){ width:50%;}
.section3 .news1 .item a{ display:block; position:relative;}
.section3 .news1 .item a .pic{}
.section3 .news1 .item a .txt{ width:100%; height:40px; line-height:40px; padding:0 10px; color:#FFF; left:0; bottom:0; position:absolute; background-image:url(../../img/index/index_news_title_bg.png); background-size:100% auto; background-repeat:repeat-y;}
@media (max-width: 1199px) {
	.section3 .info{ padding:25px;}
	.section3 .news1{ margin:-5px;}
	.section3 .news1 .item{ width:25%; padding:5px;}
}
@media (max-width: 991px) {
	.section3 .news1 .item{ width:50%; padding:5px;}
	.section3 .news1 .item:nth-child(1){ width:100%;}
	.section3 .news1 .item:nth-child(6){ width:100%;}
}
@media (max-width: 767px) {
	.section3 .info{ padding:20px 15px;}
}

.section4 .pic{ height:50%; background-image:url(../../img/index/index_adv_top.jpg); background-position:center; background-size:cover;}
.section4 .info{ height:50%;}
.section4 .info .item{ width:36vw; margin:2vw;}
.section4 .info .item h2{ border-bottom:solid 1px #cfcfcf; padding:0 0 10px; color:#0044a3; font-size:24px;}
@media (max-width: 1199px) {
	.section4 .pic{ height:350px;}
	.section4 .info{ height:auto;}
	.section4 .info .item{ width:45vw; margin:1.5vw;}
	.section4 .info .item h2{ font-size:20px;}
}
@media (max-width: 991px) {
	.section4 .pic{ height:300px;}
}
@media (max-width: 767px) {
	.section4 .pic{ height:250px;}
	.section4 .info .item h2{ font-size:18px;}
}


.section5 .info{ padding:0 4% 320px;}
.section5 .info>div{ width:50%;}
.section5 .info .news{ padding:0 30px;}
.section5 .info .news .swiper-container{ padding:20px 0 50px;}
.section5 .info .news .swiper-container .txt{ padding-bottom:10px;}
.section5 .info .news .swiper-container .desc{ color:#8b919e;}
.section5 .info .contact{ padding:0 30px;}
.section5 .info .contact p{ position:relative; padding-left:32px;}
.section5 .info .contact em{ position:absolute; width:26px; font-size:18px; line-height:28px; text-align:center; left:0;}
@media (max-width: 1199px) {
	.section5 .info{ padding:25px;}	
}
@media (max-width: 991px) {
	.section5 .info{ padding:25px 15px;}	
	.section5 .info .news{ padding:0 10px;}
	.section5 .info .contact{ padding:0 10px;}
	.section5 .info .contact p{ padding-left:28px;}
	.section5 .info .contact em{ width:22px; font-size:16px; line-height:26px;}
}
@media (max-width: 767px) {
	.section5 .info{ padding:15px;}
	.section5 .info>div{ width:100%;}
	.section5 .info .news{ padding:0;}
	.section5 .info .contact{ padding:10px 0 0;}
}


.section5 .copyright{ position:absolute; width:100%; left:0; bottom:0;}
.section5 .copyright .gg{ padding:50px; color:#FFF; background-image:url(../../img/index/gg_bg.png); background-size:100% auto;}
.section5 .copyright .gg>div{ max-width:1200px; margin:0 auto;}
.section5 .copyright .gg .gg1{ width:70%;}
.section5 .copyright .gg .gg2{ width:30%; text-align:center;}
.section5 .copyright .gg .gg2 a{ background-color:#FFF; color:#0c66c9; padding:10px 30px; font-weight:bold; display:inline-block;}
.section5 .copyright .gg .gg2 a:hover{ text-decoration:underline;}

@media (max-width: 1199px) {
	.section5 .copyright{ position:relative;}
	.section5 .copyright .gg .gg1{ width:70%;}
	.section5 .copyright .gg .gg2{ width:30%;}
}
@media (max-width: 991px) {
	.section5 .copyright .gg{ padding:30px;}
	.section5 .copyright .gg .gg1{ width:63%;}
	.section5 .copyright .gg .gg2{ width:37%;}
}
@media (max-width: 767px) {
	.section5 .copyright .gg{ padding:30px 20px;}
	.section5 .copyright .gg .gg1{ width:100%;}
	.section5 .copyright .gg .gg2{ width:100%; margin-top:20px;}
}



/* 动画 */
.fullpage-wrapper .section1 .txt1{ transform: translateY(-180px); opacity:0; transition: 1s 0.3s;}
.fullpage-wrapper .section1 .txt2,
.fullpage-wrapper .section1 .txt3{ transform: translateY(180px); opacity:0; transition: 1s 0.3s;}
.fullpage-wrapper .section1 .txt2{ transition-delay: 0.3s;}
.fullpage-wrapper .section1 .txt3{ transition-delay: 0.6s;}
.fullpage-wrapper .section1.active .txt1,
.fullpage-wrapper .section1.active .txt2,
.fullpage-wrapper .section1.active .txt3 {transform: translate(0); opacity: 1;}

.fullpage-wrapper .section2 .title { transform: translateY(180px); opacity:0; transition: 1s 0.3s;}
.fullpage-wrapper .section2 .intro { transform: translateY(180px); opacity:0; transition: 1s 0.5s;}
.fullpage-wrapper .section2 .video { transform: translateY(180px); opacity:0; transition: 1s 0.5s;}
.fullpage-wrapper .section2 .btn { transform: translateY(180px); opacity:0; transition: 1s 0.7s;}
.fullpage-wrapper .section2.active .title,
.fullpage-wrapper .section2.active .intro,
.fullpage-wrapper .section2.active .video,
.fullpage-wrapper .section2.active .btn {transform: translate(0); opacity: 1;}

.fullpage-wrapper .section3 .title,
.fullpage-wrapper .section3 .item{transform: translateY(180px); opacity:0; transition: 1.3s;}
.fullpage-wrapper .section3 .item:nth-child(1) {transition-delay: 0.4s;}
.fullpage-wrapper .section3 .item:nth-child(2) {transition-delay: 0.5s;}
.fullpage-wrapper .section3 .item:nth-child(3) {transition-delay: 0.6s;}
.fullpage-wrapper .section3 .item:nth-child(4) {transition-delay: 0.7s;}
.fullpage-wrapper .section3 .item:nth-child(5) {transition-delay: 0.8s;}
.fullpage-wrapper .section3 .item:nth-child(6) {transition-delay: 0.9s;}
.fullpage-wrapper .section3.active .title,
.fullpage-wrapper .section3.active .item{transform: translate(0); opacity: 1;}
.fullpage-wrapper .section3 .btn{transform: translateY(180px); opacity:0; transition: 1s; transition-delay: 1.1s;}
.fullpage-wrapper .section3.active .btn{transform: translate(0); opacity: 1;}

.fullpage-wrapper .section4 .pic {transform: translateY(60px); opacity: 0; transition: 1s 0.5s;}
.fullpage-wrapper .section4 .info .item {transform: translateY(60px); opacity: 0; transition: 1s 0.7s;}
.fullpage-wrapper .section4.active .pic,
.fullpage-wrapper .section4.active .info .item {transform: translate(0); opacity: 1;}


.fullpage-wrapper .section5 .info .news {transform: translateX(-160px); opacity: 0; transition: 1s 0.3s;}
.fullpage-wrapper .section5 .info .contact {transform: translateX(160px); opacity: 0; transition: 1s 0.5s;}
.fullpage-wrapper .section5 .copyright{ transform: translateY(180px); opacity:0; transition: 1s 0.7s;}
.fullpage-wrapper .section5.active .info .news,
.fullpage-wrapper .section5.active .info .contact,
.fullpage-wrapper .section5.active .copyright{transform: translate(0); opacity: 1;}

/*
.fullpage-wrapper .section5 .con .item{transform: translateY(180px); opacity:0; transition: 1.3s;}
.fullpage-wrapper .section5 .con .item:nth-child(1) {transition-delay: 0.35s;}
.fullpage-wrapper .section5 .con .item:nth-child(2) {transition-delay: 0.4s;}
.fullpage-wrapper .section5 .con .item:nth-child(3) {transition-delay: 0.45s;}
.fullpage-wrapper .section5 .con .item:nth-child(4) {transition-delay: 0.5s;}
.fullpage-wrapper .section5 .con .item:nth-child(5) {transition-delay: 0.55s;}
.fullpage-wrapper .section5 .con .item:nth-child(6) {transition-delay: 0.6s;}
.fullpage-wrapper .section5 .con .item:nth-child(7) {transition-delay: 0.65s;}
.fullpage-wrapper .section5 .con .item:nth-child(8) {transition-delay: 0.7s;}
.fullpage-wrapper .section5 .con .item:nth-child(9) {transition-delay: 0.75s;}
.fullpage-wrapper .section5 .con .item:nth-child(10) {transition-delay: 0.8s;}
.fullpage-wrapper .section5.active .con .item{transform: translate(0); opacity: 1;}
*/