/* CSS Document */
@charset "utf-8";

.section1 .fp-tableCell{display: block !important;}

/* .banner {position:relative; text-align:center;padding-top: 98px !important;}
.banner .banner-pagination {bottom: 77px !important;}
.banner .banner-pagination .swiper-pagination-bullet {width: 16px;height: 16px;border-radius: 100%;background-color: rgba(255,255,255,.5);margin:0 14px !important;}
.banner .banner-pagination .swiper-pagination-bullet-active {background-color: #fff;}
.banner .g-in {position: absolute;z-index: 5;top: 0;left: 0;right: 0;bottom: 0;}
.banner .g-in .swiper-button-prev {background: url(banner_prev_03.png);width: 13px;height: 34px;}
.banner .g-in .swiper-button-next {background: url(banner_next_05.png);width: 13px;height: 34px;}
.banner .swiper-num {position: absolute;z-index: 5;left: 0;right: 0;top: auto;bottom: 77px;height: 70px;font-size: 36px;line-height: 1;color: #fff;text-align: right;}
.banner .swiper-num .num-active {font-size: 72px;}
.banner .banner-btn {position: absolute;z-index: 9;left: 0;right: 0;top: 50%;height: 34px;margin-top: -17px;}
.banner .prev, .banner .next {width: 13px;height: 34px;}
.banner .prev {float: left;background: url(banner_prev_03.png);}
.banner .next {float: right;background: url(banner_next_05.png);}
.banner .vvs video {width: 100%;height: 100%;object-fit: fill;} */

.banner {position: relative;padding-top: 98px;}
.banner .hd { position:absolute;width: 100%; left:0; bottom:150px; width:100%; height:12px; z-index:4; }
.banner .hd .g-in {position: relative;}
.banner .hd ul { height:12px; margin:0 auto; text-align:center;}
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:16px; height:16px; margin:0 8px; border-radius:16px; background:rgba(255,255,255,.5); line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.banner .hd ul .on {background:#fff;}
.banner .hd .pageState {font-size: 24px;color: #fff;position: absolute;z-index: 5;bottom: 0;right: 0;}
.banner .hd .pageState span {font-size: 60px;line-height: 1;}
#bannerSwiper .swiper-slide {position: relative;}
/* #bannerSwiper .swiper-slide a {display: block;width: 100%;height: 100%;} */
#bannerSwiper .swiper-slide .wenzi {position: absolute;z-index: 5;top: 50%;left: 0;right: 0;text-align: center;color: #fff;font-size: 60px;line-height: 1;margin-top: -50px;transition: all 1s;transform: translateY(-100px);}
#bannerSwiper .swiper-slide .pic img {width: 100%;}
#bannerSwiper .swiper-slide-active .wenzi {transform: translateY(0);}

.section2 {background: url(s2_bg_02.jpg) no-repeat center / cover;}
.c-about {padding-top: 98px;}
.c-about-title-e {font-size: 48px;text-transform: uppercase;font-weight: 600;color: #000;}
.c-about-content>.f-left {width: 600px;}
.c-about-content>.f-right {max-width: 650px;}
.c-about-title-z {font-size: 30px;margin-top: 20px;}
.c-about-i {font-size: 14px;line-height: 30px;margin-top: 20px;}
.c-about-list {margin-top: 30px;}
.c-about-list li {float: left;margin-right: 40px;}
.c-about-list li a {display: block;font-size: 16px;line-height: 44px;padding-left: 55px;}
.c-about-list li:nth-child(1) a {background: url(s2_1_07.png) no-repeat left center;}
.c-about-list li:nth-child(2) a {background: url(s2_2_09.png) no-repeat left center;}
.c-about-list li:nth-child(3) a {background: url(s2_3_11.png) no-repeat left center;}
.c-about-list li:nth-child(4) a {background: url(s2_4_13.png) no-repeat left center;}
.c-about-list li:last-child {margin-right: 0;}
a.c-about-btn {width: 185px;display: block;text-align: center;color: #fff;background-color: #19459c;font-size: 14px;line-height: 48px;margin-top: 80px;}
.c-about-content>.f-right .img {overflow: hidden;}
.c-about-content>.f-right .img img {transition: all 1s;}
.c-about-content>.f-right .img:hover img {transform: scale(1.1);}

.section3 {background: url(s3_bg_03.jpg) no-repeat center / cover;}
.c-honvi {color: #fff;padding-top: 98px;}
.c-honvi a {color: #fff;position: relative;z-index: 5;width: 100%;height: 100%;}
.c-honvi>.f-left {width: 396px;margin-top: 10px;}
.c-honvi-title {font-size: 48px;text-transform: uppercase;line-height: 1.1;font-weight: 600;}
.c-honvi-des {font-size: 30px;margin-top: 20px;}
.c-honvi-i {font-size: 14px;line-height: 36px;margin-top: 35px;}
.c-honvi>.f-right {width: 825px;}
.c-honvi>.f-right li {float: left;width: 400px;height: 200px;background-color: rgba(255,255,255,.2);border-radius: 10px;border: 1px solid #fff;padding: 25px;box-sizing: border-box;position: relative;overflow: hidden;}
.c-honvi>.f-right li::before {content: "";width: 0;height: 0;background-color: #0e40a4;position: absolute;top: 61px;right: 41px;border-radius: 100px;}
.c-honvi>.f-right li:nth-child(2n) {float: right;}
.c-honvi>.f-right li:nth-child(1), .c-honvi>.f-right li:nth-child(2) {margin-bottom: 22px;}
.c-honvi-right-title {font-size: 30px;line-height: 2;font-weight: 600;text-transform: uppercase;background: url(s3_line.png) no-repeat bottom left;}
.c-honvi-right-des {font-size: 24px;margin-top: 10px;}
.c-honvi-right-btn {background: url(s3_1_05.png) no-repeat center / 100%;width: 38px;height: 38px;display: block;margin-top: 15px;transition: all 1s;}
.c-honvi>.f-right li:hover {border-color: #0e40a4;transition-delay: .3s;}
.c-honvi>.f-right li:hover .c-honvi-right-btn {transform: rotate(360deg);}
.c-honvi>.f-right li:hover::before {width: 100%;height: 100%;top: 0;right: 0;
-webkit-animation: scale-up-right 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation: scale-up-right 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
	
@-webkit-keyframes scale-up-right {
	0% {
		-webkit-transform: scale(0.2);
		transform: scale(0.2);
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		border-bottom-left-radius: 400px;
		border-bottom-right-radius: 400px;
		border-top-right-radius: 400px;
		border-top-left-radius: 400px;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: 90% 20%;
		transform-origin: 90% 20%;
		border-radius: 0px;
	}
}
@keyframes scale-up-right {
	0% {
		-webkit-transform: scale(0.2);
		transform: scale(0.2);
		-webkit-transform-origin: 90% 20%;
		transform-origin: 90% 20%;
		border-bottom-left-radius: 400px;
		border-bottom-right-radius: 400px;
		border-top-right-radius: 400px;
		border-top-left-radius: 400px;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: 90% 20%;
		transform-origin: 90% 20%;
		border-radius: 0px;
	}
}

.section4 {background: url(s4_bg_04.jpg) no-repeat center / cover;}
.advantage {padding-top: 98px;position: relative;}
.advantage-title {text-align: left;width: 400px;font-size: 48px;font-weight: 600;color: #000;text-transform: uppercase;position: absolute;z-index: 6;left: 0;top: 165px;line-height: 1;}
.advantage-title-z {font-size: 36px;text-align: center;margin-top: 5px;position: absolute;z-index: 6;left: 0;top: 280px;}
.advantage-des {font-size: 14px;text-align: center;margin-top: 20px;}
.advantage-pics {margin-top: 40px;}
.advantage-pics li {float: left;border-radius: 5px;position: relative;margin-right: 12px;overflow:hidden;}
.advantage-pics li:nth-child(1) {padding-top: 290px;}
.advantage-pics li:nth-child(2), .advantage-pics li:nth-child(3) {margin-bottom: 15px;}
.advantage-pics li:nth-child(3), .advantage-pics li:nth-child(5) {margin-right: 0;}
.advantage-pics li a {color: #fff;}
.advantage-pics li .img {overflow:hidden; border-radius: 5px;}
.advantage-pics li .img img {transition: all 1s;}
.advantage-pics li:hover .img img {transform:scale(1.5);}
.advantage-pics-content {position: absolute;z-index: 5;top: 0;bottom: 0;left: 0;right: 0;padding: 25px 150px 25px 37px;box-sizing: border-box;}
.advantage-pics li:nth-child(1) .advantage-pics-content {padding: 312px 150px 25px 37px;}
.advantage-pics-name {font-size: 24px;font-family: arial;line-height: 36px;}
.advantage-pics-name-z {font-size: 24px;font-weight: 600;}
.advantage-pics-des {font-size: 16px;margin-top: 10px;}

.section5 {background: url(s5_bg_05.jpg) no-repeat center / cover;}
.c-news {padding-top: 98px;}
.c-news-title {font-size: 48px;font-weight: 600;color: #fff;}
.c-news-title span {font-size: 30px;display: inline-block;margin-left: 20px;vertical-align: middle;margin-bottom: 3px;font-weight: 400;}
.c-news-topnews {width: 557px;height: 532px;box-sizing: border-box;padding: 34px 68px;background-color: rgba(255,255,255,.8);}
.c-news-topnews:hover {background-color: #fff;}
.c-news-topnews .date {font-family: arial;font-size: 24px;}
.c-news-topnews .title {font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 20px;}
.c-news-topnews .des {font-size: 14px;line-height: 30px;border-left: 1px solid #d3d3d3;padding-left: 32px;margin-top: 20px;}
.c-news-topnews .img {margin-top: 30px;overflow: hidden;}
.c-news-topnews .img img {transition: all 1s;}
.c-news-topnews .img:hover img {transform: scale(1.1);}
.c-news-topnews .btn {font-size: 18px;width: 150px;line-height: 44px;text-align: center;background-color: #1a4f91;color: #fff;margin-top: 30px;display: block;}

.c-news-list {width: 641px;height: 178px;background-color: rgba(255,255,255,.8);padding: 0 30px;box-sizing: border-box;}
.c-news-list:hover {background-color: #fff;}
.c-news-list-line {border-bottom: 1px solid #d3d3d3;padding: 35px 20px 35px 40px;box-sizing: border-box;height: 100%;}
.c-news-list:last-child .c-news-list-line {border-bottom: none;}
.c-news-list-line>.f-left {width: 435px;position: relative;}
.c-news-list .title {font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #000;}
.c-news-list-line>.f-left::before {content: '';position: absolute;z-index: 5;left: -25px;top: 10px;background: url(s5_3_07.png) no-repeat center;width: 5px;height: 5px;}
.c-news-list .des {font-size: 14px;line-height: 30px;margin-top: 20px;}
.c-news-list .date {font-size: 24px;font-family: arial;color: #000;}
.c-news-list .btn {background: url(s5_4_11.png) no-repeat center;width: 39px;height: 18px;display: block;margin: 40px 0 0 10px;}

.c-news-slideTxtBox {position: relative;margin-top: 40px;}
.c-news-slideTxtBox .hd {position: absolute;z-index: 5;right: 0;top: -90px;}
.c-news-slideTxtBox .hd li {float: left;color: #fff;font-size: 18px;color: #fff;line-height: 39px;padding: 0 22px;}
.c-news-slideTxtBox .hd li.on {background-color: #0e40a4;}

.section6 {background-color: #313131;}
.f-a {color: #fff;padding: 20px 0;}
.f-a .title {font-size: 18px;}
.f-a .contact {font-size: 14px;line-height: 30px;margin-top: 10px;}
.f-a .img {margin-top: 10px;}
.f-a .img span {display: block;font-size: 14px;margin-top: 10px;text-align: center;}

.f-b {border-top: 1px solid rgba(255,255,255,.2);line-height: 44px;color: #fff;}
.f-b a {color: #fff;}
.f-b a:hover {color: rgba(255,255,255,.5);}

.page1 {background-color: transparent;box-shadow: none;color: #fff;}
.page1 a {color: #fff;}
.page1 .nav li a.current ,.page1 .nav li a:hover {background: none;}
.page1 .nav li a:hover {color: rgba(255,255,255,.5);}
.page1 .nav li .subNav {background-color: transparent;box-shadow: none;}
.page1 .search em{background-image:url(search_051.png);}

.page1 .img1 {display: none;}
.page1 .img2 {display: block;}

.section2.active .c-about-content>.f-left {-webkit-animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.section2.active .c-about-content>.f-right {-webkit-animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.section3.active .c-honvi>.f-left {-webkit-animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.section3.active .c-honvi>.f-right {-webkit-animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.section4.active .advantage-pics li:first-child {-webkit-animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.section4.active .advantage-pics li:nth-child(2), .section4.active .advantage-pics li:nth-child(3) {-webkit-animation: fadeInDown 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);animation: fadeInDown 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.section4.active .advantage-pics li:nth-child(4), .section4.active .advantage-pics li:nth-child(5) {-webkit-animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.section5.active .c-news-topnews {-webkit-animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.section5.active .c-news-list {-webkit-animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}


@keyframes moveInOut{
	0%{
		opacity: 1;
		left:12.76%;
		top:43.51%;
	}
	
	100%{
		opacity: 0;
		left:38.76%;
		top:63.51%;
	}
}
@-moz-keyframes moveInOut{
	0%{
		opacity: 1;
		left:12.76%;
		top:43.51%;
	}
	
	100%{
		opacity: 0;
		left:38.76%;
		top:63.51%;
	}
}
@-webkit-keyframes moveInOut{
	0%{
		opacity: 1;
		left:12.76%;
		top:43.51%;
	}
	
	100%{
		opacity: 0;
		left:38.76%;
		top:63.51%;
	}
}
@-o-keyframes moveInOut{
	0%{
		opacity: 1;
		left:12.76%;
		top:43.51%;
	}
	
	100%{
		opacity: 0;
		left:38.76%;
		top:63.51%;
	}
}

@keyframes moveInOut{
	0%{
		opacity: 1;
		left:12.76%;
		top:43.51%;
	}
	
	100%{
		opacity: 0;
		left:38.76%;
		top:63.51%;
	}
}
@-moz-keyframes moveInOut{
	0%{
		opacity: 1;
		left:12.76%;
		top:43.51%;
	}
	
	100%{
		opacity: 0;
		left:38.76%;
		top:63.51%;
	}
}
@-webkit-keyframes moveInOut{
	0%{
		opacity: 1;
		left:12.76%;
		top:43.51%;
	}
	
	100%{
		opacity: 0;
		left:38.76%;
		top:63.51%;
	}
}
@-o-keyframes moveInOut{
	0%{
		opacity: 1;
		left:12.76%;
		top:43.51%;
	}
	
	100%{
		opacity: 0;
		left:38.76%;
		top:63.51%;
	}
}


@keyframes moveLeft{
	0%{
		opacity: 1;
		left:12.76%;
		
	}
	
	100%{
		opacity: 0;
		left:0;
		
	}
}
@-moz-keyframes moveLeft{
	0%{
		opacity: 1;
		left:12.76%;
		
	}
	
	100%{
		opacity: 0;
		left:0;
		
	}
}
@-webkit-keyframes moveLeft{
	0%{
		opacity: 1;
		left:12.76%;
		
	}
	
	100%{
		opacity: 0;
		left:0;
		
	}
}
@-o-keyframes moveLeft{
	0%{
		opacity: 1;
		left:12.76%;
		
	}
	
	100%{
		opacity: 0;
		left:0;
		
	}
}



@keyframes moveRight{
	0%{
		opacity: 1;
		left:45.31%;
		
	}
	
	100%{
		opacity: 0;
		left:100%;
		
	}
}
@-moz-keyframes moveRight{
	0%{
		opacity: 1;
		left:45.31%;
		
	}
	
	100%{
		opacity: 0;
		left:100%;
		
	}
}
@-webkit-keyframes moveRight{
	0%{
		opacity: 1;
		left:45.31%;
		
	}
	
	100%{
		opacity: 0;
		left:100%;
		
	}
}
@-o-keyframes moveRight{
	0%{
		opacity: 1;
		left:45.31%;
		
	}
	
	100%{
		opacity: 0;
		left:100%;
		
	}
}

@keyframes fadeBigs{
	0%{
		transform: scale(0);
		-moz-transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
	}
	
	100%{
		transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
	}
}
@-moz-keyframes fadeBigs{
	0%{
		transform: scale(0);
		-moz-transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
	}
	
	100%{
		transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
	}
}
@-webkit-keyframes fadeBigs{
	0%{
		transform: scale(0);
		-moz-transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
	}
	
	100%{
		transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
	}
}
@-o-keyframes fadeBigs{
	0%{
		transform: scale(0);
		-moz-transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
	}
	
	100%{
		transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
	}
}