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

ul#navBar{ display:block; position:fixed; right:1.2%; top:50%; transform:translateY(-50%); z-index:999;}
ul#navBar li{ display:block; padding:12px;}
ul#navBar li a{ display:block; width:8px; height:8px; background:#fff; border-radius:50%; margin:0 auto; box-shadow:0 0 3px rgba(0,0,0,0.4);}
ul#navBar li.active a{ background:#048a35; transform:scale(2); box-shadow:none;}

/* banner */
.ibanner{ height:100vh; position:relative;}
.ibanner .swiper-slide{ display:block; height:100%; background:#fff center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ height:100%; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box .bg{ height:100%; background-size:cover !important; overflow:hidden; position:relative; z-index:1;}
.ibanner .swiper-pagination{ display:block; height:10px; bottom:3%; opacity:0.7;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; border-radius:5px; opacity:1; margin:0 10px !important; vertical-align:top; transition:all ease 0.8s;}
.ibanner .swiper-pagination-bullet-active{ width:76px; opacity:18;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none;}

.section{ display:flex; justify-content:center; align-items:center; box-sizing:border-box; padding-top:92px; overflow:hidden;}
.section1{ display:block; padding:0;}
.section2{ background:url(/static/addons/cms/images/icons/bg2.jpg) center no-repeat; background-size:cover;}
.section4{ background:#f2f2f2;}
.section5{ background:url(/static/addons/cms/images/icons/bg5.jpg) center no-repeat; background-size:cover; padding-top:122px; padding-bottom:70px;}
.section .fp-tableCell{ display:flex; justify-content:center; align-items:center; height:100% !important; position:relative;}
.section1 .fp-tableCell{ display:block;}
.section5 .fp-tableCell{ position:static;}

.section .con{ width:1460px; margin:0 auto;}
.section .con::before,
.section .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.section h2.title{ display:block; font-size:40px;}
.section h2.title em{ display:block; line-height:1; color:#048a35; font-size:0.45em; font-weight:normal;}
.section h2.title b{ display:block; line-height:2.3; color:#333; letter-spacing:3px;}
.section h2.title span{ display:block; line-height:1; color:#666; font-size:0.45em; font-weight:normal; padding:2.88em 0 0;}
.section a.more{ display:block; width:10.75em; line-height:3; color:#bbb; font-size:16px; text-align:center; border:1px solid #d8d8d8; border-radius:25px; overflow:hidden; margin:0 auto; clear:both;}
.section a.more:hover{ color:#fff; background:#048a35; border-color:#048a35;}

.section2 h2.title{ float:left; margin-right:6%;}
.section2 .txt{ line-height:2.47; color:#222; font-size:17px; text-align:right; text-shadow:10px 9px 7px rgba(255,255,255,1); overflow:hidden; padding:24px 0 0;}
.section2 ul{ display:block; overflow:hidden; padding:10vh 0 0; clear:both;}
.section2 ul li{ display:block; width:25%; float:left;}
.section2 ul li:nth-child(1){ background:#048a35;}
.section2 ul li:nth-child(2){ background:#edf6f1;}
.section2 ul li:nth-child(3){ background:#f6fbf8;}
.section2 ul li:nth-child(4){ background:#fff;}
.section2 ul li a{ display:block; color:#333; font-size:16px; overflow:hidden; position:relative; padding:42px 10% 50px;}
.section2 ul li:nth-child(1) a{ color:#fff;}
.section2 ul li img{ display:block; height:52px; float:right;}
.section2 ul li b{ display:block; line-height:1.84; font-size:1.5em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.section2 ul li span{ display:block; line-height:2.25; text-transform:capitalize; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; opacity:0.3;}
.section2 ul li p{ display:block; height:3.25em; line-height:1.625; padding:2.75em 0 0; opacity:0.7;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.section3 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.section3 .bg em{ display:none; width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:1;}
.section3 .con{ position:relative; z-index:9;}
.section3 h2.title em,
.section3 h2.title b{ color:#fff;}
.section3 ul.tab{ display:block; border-bottom:1px solid rgba(255,255,255,0.5); padding:1.5vh 0 0;}
.section3 ul.tab::before,
.section3 ul.tab::after{ content:''; display:block; overflow:hidden; clear:both;}
.section3 ul.tab li{ display:block; width:25%; float:left; transition:all ease 0.4s;}
.section3 ul.tab li a{ display:block; width:21vh; max-width:200px; padding:11px; border:1px solid rgba(255,255,255,0); margin:0 auto; cursor:pointer;}
.section3 ul.tab li a em{ display:block; background:#000; overflow:hidden; border-radius:12px; transition:all ease 0.4s;}
.section3 ul.tab li a em img{ display:block; width:100%; height:21vh; max-height:200px; opacity:0.8; transition:all ease 0.4s;}
.section3 ul.tab li span{ display:block; line-height:3.55; color:#fff; font-size:22px; text-align:center; padding:0 0 3.5vh; opacity:0.74; cursor:pointer; position:relative; transition:all ease 0.4s;}
.section3 ul.tab li span::after{ content:''; display:block; width:114px; height:5px; background:#048a35; border-radius:3px; position:absolute; left:50%; bottom:0; transform:translate(-50%,3px); opacity:0; transition:all ease 0.4s;}
.section3 ul.tab li.cur a{ border-color:#fff; border-radius:48px 0;}
.section3 ul.tab li.cur a em{ background:none; border-radius:44px 0;}
.section3 ul.tab li.cur a em img{ opacity:1;}
.section3 ul.tab li.cur span{ font-weight:bold; opacity:1;}
.section3 ul.tab li.cur span::after{ opacity:1;}
.section3 .tbox{ display:none; overflow:hidden;}
.section3 .tbox .txt{ height:4em; line-height:2; color:#fff; font-size:17px; text-align:center; margin:4.5vh 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.section4 .con{ position:relative; z-index:9;}
.section4 .loader{ width:132vh; height:132vh; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1;}
.section4 .loader div{ border:1px solid #dbdbdb; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); overflow:visible; opacity:0.55;}
.section4 .loader div{ opacity:0; animation-name:page-loader-ripple; animation-duration:5s; animation-iteration-count:infinite;}
.section4 .loader div:nth-child(2){ animation-delay:1.2s;}
@keyframes page-loader-ripple{
	0%{ width:500px; height:500px; border-radius:50%; opacity:0.0;}
	50%{ opacity:1.0;}
	100%{ width:100%; height:100%; border-radius:50%; opacity:0.0;}
}
.section4 .g_earth{ width:95vh; height:95vh; background/:url(/static/addons/cms/images/icons/earth.png) center no-repeat; background-size:88%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:3;}
.section4 #charity-main{ height:100%;}
.section4 #cha_earth canvas{ background:none;}
.section4 .cha_earth{ width:100%; height:100%; opacity:0.06;}

.section4 .news{ position:relative; padding:112px 0 0; margin:-92px -30px 7.8vh;}
.section4 .news .swiper-slide{ display:block; overflow:hidden; position:relative;}
.section4 .news .swiper-slide .box{ overflow:hidden; margin:0 30px;}
.section4 .news .swiper-slide span{ display:block; line-height:4; color:#999; font-size:15px; overflow:hidden;}
.section4 .news .swiper-slide a.title{ display:block; height:56px; line-height:28px; color:#333; font-size:18px; font-weight:bold;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.section4 .news .swiper-slide a.title:hover{ color:#048a35;}
.section4 .news .swiper-slide a.pic{ display:block; overflow:hidden; margin:30px 0;}
.section4 .news .swiper-slide a.pic img{ display:block; width:100%; height:194px; transition:all ease 0.5s;}
.section4 .news .swiper-slide a.view{ display:block; line-height:58px; color:#048a35; font-size:15px; overflow:hidden; float:left;}
.section4 .news .swiper-slide a.view:hover{ text-decoration:underline;}
.section4 .news .swiper-pagination{ display:block; width:auto; height:20px; left:auto; bottom:auto; right:20px; top:46px; transform:translateY(-50%);}
.section4 .news .swiper-pagination-bullet{ width:12px; height:12px; background:#e0e0e0; border:4px solid #e0e0e0; border-radius:0; opacity:1; margin:0 10px !important; vertical-align:top; transition:all ease 0.8s;}
.section4 .news .swiper-pagination-bullet-active{ background:#fff; border-color:#048a35;}

.section5 .con{ display:flex; background:#fff; align-items:stretch;}
.section5 .contact{ flex-shrink:0; flex:auto; padding:3% 6% 6%; padding-right:0;}
.section5 .contact h4{ display:block; line-height:2.9; color:#048a35; font-size:30px; font-weight:normal; overflow:hidden;}
.section5 .contact p{ display:block; line-height:2.125; color:#666; font-size:16px; overflow:hidden; padding:10px 0; padding-left:2.5em; position:relative;}
.section5 .contact p img.ico{ display:block; height:18px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.section5 .contact p img.code{ display:block; height:6em; float:left; box-shadow:0 0 15px rgba(150,150,150,0.2);}
.section5 .contact p span.code{ display:block; line-height:1.72; font-size:0.875em; text-align:center; padding:1.72em 0 0 1em; float:left;}
.section5 .map{ width:50%; flex-shrink:0;}
.section5 .copyright{ width:1460px; line-height:1; color:#fff; font-size:16px; padding:0 0 54px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.section5 .copyright a:hover{ color:#048a35; text-decoration:underline;}

@media only screen and (max-width:1500px){
.section .con,
.section5 .copyright{ width:1200px;}

.section2 ul li p{ padding:1em 0 0;}

.section4 .news{ margin-left:-16px; margin-right:-16px;}
.section4 .news .swiper-slide .box{ margin:0 16px;}
.section4 .news .swiper-slide a.pic img{ height:168px;}
.section4 .news .swiper-pagination{ right:16px;}

.section5 .contact{ padding-left:5%;}
}




























/**/<!--8.702278137207E-5-->