@import "global.css";
@import "fullpage.css";
@import "slick.css";

html.fixed {height:100%;}
html.fixed body {height:100%; overflow:hidden;}

html,body {width: 100%; height: 100%; }

#wrap {min-width: 1170px;}

#fp-nav {background:url(../images/bg_navi.png) 0 0 repeat; border-radius: 21px; border-radius: 32px; padding: 4px 0; }
#fp-nav.left {left:60px !important;}
#fp-nav ul li, .fp-slidesNav ul li {width: 12px; height: 12px; margin: 15px 10px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {width: 12px; height: 12px; margin: -6px 0 0 -6px; background-color:#fff; opacity:0.5;}
#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 {background-color:#04b5ad; opacity:1;}
#fp-nav ul li:first-child {display:none; }
#fp-nav ul li:last-child {display:none; }

.fp-controlArrow.fp-prev {display:none !important; }
.fp-controlArrow.fp-next {display:none !important; }

#ico_scroll {position:absolute; left:50%; bottom:30px; width: 47px; height: 31px; margin-left: -23.5px; background:url(../images/ico_scroll.png) 0 0 no-repeat; }

.header {width: 100%; background-color:#f8f8f8;}
.header .inner_box {width: 1170px; height: 89px; margin: 0 auto;}
.header .inner_box .logo a {display:inline-block; height: 89px; width: 352px; background:url(../images/logo.png) center center no-repeat; }

.footer {width: 100%;  background-color:#f4f4f4;}
.footer .inner_box {width: 1170px; height: 250px; margin: 0 auto; font-size:12px; line-height:20px; color:#a5a5a5; text-align:center; }
.footer .btn_box {border-bottom: solid 1px #e1e1e1; padding: 35px 0; text-align:center; }
.footer .btn_box a {display:inline-block; border: solid 1px #bebebe; width: 126px; height: 34px; font-size:14px; line-height:34px; color:#000000;}
.footer .comment {font-size:14px; line-height:56px; color:#007548; text-align:center; }
.footer span {color:#686868;}

#section1 .sec_mom1 {width: 100%; height: 100%; background:url(../images/img_sec1_1.jpg) center center no-repeat; background-size: cover;}
#section1 .sec_mom2 {width: 100%; height: 100%; background:url(../images/img_sec1_2.jpg) center center no-repeat; background-size: cover;}
#section1 .sec_mom3 {width: 100%; height: 100%; background:url(../images/img_sec1_3.jpg) center center no-repeat; background-size: cover;}
#section1 .sec_mom3 .txt_box {margin-top: -108px;}

#section1 .inner_box {width: 1170px; height: 100%; margin: 0 auto; position:relative; }
#section1 .txt_box {position:absolute; left:0px; top:50%; margin-top: -81px; font-size:40px; line-height:54px; color:#fff; font-weight:bold; }
#section1 .txt_box img {position:absolute; left:0px; top:-210px; }
#section1 .txt_box p {position:relative; }
#section1 .sec_infor {position:absolute; right:0px; bottom:30px; font-size:14px; line-height:16px; color:#fff; opacity:0.5;}
#section1 .sec_infor em {display:inline-block; vertical-align:middle; margin-left: 26px;}

#section1 .infor_box {position:absolute; left:50%; bottom:0px; z-index:1; width: 1170px; margin-left: -585px;background-color:#fff;}
#section1 .infor_box .btn_prev {display:inline-block; position:absolute; left:0px; bottom:0px; width: 100px; height: 100px; background:url(../images/btn_prev.gif) 0 0 no-repeat; }
#section1 .infor_box .btn_next {display:inline-block; position:absolute; left:101px; bottom:0px; width: 100px; height: 100px; background:url(../images/btn_next.gif) 0 0 no-repeat; }
#section1 .counter {display:inline-block; position:absolute; left:0px; bottom:127px; font-family:"IBMPlexSans"; }
#section1 .counter em {display:inline-block; font-size:40px; line-height:42px; color:#fff; font-weight:bold; }
#section1 .counter span {display:inline-block; font-size:20px; line-height:22px; color:#fff; font-weight:bold; opacity:0.2; padding-left: 5px; }

#section1 .slide_wrap {width: 100%; height: 100%; }
#section1 .slide_wrap .slide_box {width: 100%; height: 100%; }
#section1 .slick-list {	height: 100%;}
#section1 .slick-track{	height: 100%;}

#section2 .outter_box {width: 100%; height: 100%; background-color:#00734d; position:relative; overflow:hidden; }
#section2 .inner_box {width: 587px; height: 100%; position:absolute; left:50%; top:0px; display:table;}
#section2 .img_box {position:absolute; right:50%; top:0px; width: 50%; height: 100%; margin-right: 84px; }
#section2 .img_box.img1 {background:url(../images/img_sec2_1.jpg) center center no-repeat; background-size: cover;}
#section2 .img_box.img2 {background:url(../images/img_sec2_2.jpg) center center no-repeat; background-size: cover;}
#section2 .img_box.img3 {background:url(../images/img_sec2_3.jpg) center center no-repeat; background-size: cover;}
#section2 .txt_box {display:table-cell; vertical-align:middle; }
#section2 .txt_box .tit {font-size:48px; line-height:64px; color:#fff; font-weight:bold; font-style:italic; margin-bottom: 30px; position:relative; right:-100px; opacity:0; transition:all 0.2s linear 0s;}
#section2.active .slide_box.slick-active .txt_box .tit {right:0px; opacity:1; transition:all 0.7s linear 0.5s;}
#section2 .txt_box p {font-size:24px; line-height:38px; color:#fff; font-weight:normal; margin-bottom: 60px; }
#section2 .btn_support {display:inline-block; padding: 0 77px 0 40px; font-size:30px; line-height:100px; color:#fff; font-style:italic; font-weight:bold; background:url(../images/arrow1.png) 426px center no-repeat;  background-color:#e40571;}
#section2 .comment {font-size:17px; line-height:20px; color:#00de90; margin-top: 25px;}

#section2 .infor_box {position:absolute; left:50%; bottom:0px; z-index:1; width: 1170px; margin-left: -585px;background-color:#fff;}
#section2 .infor_box .btn_prev {display:inline-block; position:absolute; left:300px; bottom:0px; width: 100px; height: 100px; background:url(../images/btn_prev.gif) 0 0 no-repeat; }
#section2 .infor_box .btn_next {display:inline-block; position:absolute; left:401px; bottom:0px; width: 100px; height: 100px; background:url(../images/btn_next.gif) 0 0 no-repeat; }
#section2 .counter {display:inline-block; position:absolute; left:405px; bottom:127px; font-family:"IBMPlexSans"; }
#section2 .counter em {display:inline-block; font-size:40px; line-height:42px; color:#fff; font-weight:bold; }
#section2 .counter span {display:inline-block; font-size:20px; line-height:22px; color:#fff; font-weight:bold; opacity:0.2; padding-left: 5px; }

#section2 .slide_wrap {width: 100%; height: 100%; }
#section2 .slide_wrap .slide_box {width: 100%; height: 100%; }
#section2 .slick-list {	height: 100%;}
#section2 .slick-track{	height: 100%;}

#section3 .outter_box {width: 100%; height: 100%; background-color:#f7f7f7; position:relative; overflow:hidden; display:table; text-align:center; }
#section3 .inner_box {display:table-cell; vertical-align:middle;}
#section3 #ico_scroll {background:url(../images/ico_scroll_black.png) 0 0 no-repeat; }
#section3 .tit {font-size:56px; line-height:60px; color:#262626; font-weight:bold; margin-bottom: 38px; }
#section3 .tit strong {color:#007a4b;}
#section3 .comment {font-size:30px; line-height:36px; color:#262626; margin-bottom: 60px; }
#section3 .comment span {color:#e40571;}
#section3 .conts_box {width: 1170px; padding: 75px 0 75px 403px; position:relative;  box-sizing: border-box; margin: 0 auto; margin-bottom: 63px; text-align:left; background:url(../images/img_sec3_1.png) 166px 66px no-repeat; background-color:#fff;}
#section3 .conts_box .sub_tit {position:absolute; left:112px; top:202px;  font-size:32px; line-height:38px; color:#00734d;}
#section3 .conts_box ul {}
#section3 .conts_box ul li {padding: 10px 0 10px 34px; font-size:24px; line-height:30px; color:#333333; background:url(../images/img_sec3_2.png) 0 center no-repeat; }
#section3 .btn_support {display:inline-block; padding: 0 110px 0 100px; font-size:32px; line-height:104px; color:#fff; font-style:italic; font-weight:bold; background:url(../images/arrow1.png) 515px center no-repeat;  background-color:#00734d;}

#section4 .outter_box {width: 100%; height: 100%; position:relative; overflow:hidden; background:url(../images/img_sec4_2_1.jpg) center center no-repeat; background-size: cover;}
#section4 .inner_box {width: 1170px; height: 100%; margin: 0 auto; position:relative; }
#section4 .tit {position:absolute; left:0px; top:50%; margin-top: -211px; font-size:50px; line-height:64px; color:#fff; font-weight:normal; }
#section4 .tit strong {color:#ffcd03;}

#section5 .infor_box {position:absolute; left:50%; bottom:100px; z-index:1; width: 0px;}
#section5 .infor_box .btn_prev {display:inline-block; position:absolute; left:-101px; bottom:0px; width: 100px; height: 100px; background:url(../images/btn_prev.gif) 0 0 no-repeat; }
#section5 .infor_box .btn_next {display:inline-block; position:absolute; left:0px; bottom:0px; width: 100px; height: 100px; background:url(../images/btn_next.gif) 0 0 no-repeat; }

#section5 .outter_box {width: 100%; height: 100%; position:relative; overflow:hidden; }
#section5 .outter_box.sec5_1 {background:url(../images/img_sec4_1_1.jpg) center center no-repeat; background-size: cover;}
#section5 .outter_box.sec5_2 {background:url(../images/img_sec4_3_1.jpg) center center no-repeat; background-size: cover;}
#section5 .outter_box.sec5_3 {background:url(../images/img_sec4_4_1.jpg) center center no-repeat; background-size: cover;}
#section5 .outter_box.sec5_4 {background:url(../images/img_sec4_5_1.jpg) center center no-repeat; background-size: cover;}
#section5 .outter_box.sec5_5 {background:url(../images/img_sec4_6_1.jpg) center center no-repeat; background-size: cover;}
#section5 .outter_box.sec5_6 {background:url(../images/img_sec4_7_1.jpg) center center no-repeat; background-size: cover;}
#section5 .inner_box {width: 1170px; height: 100%; margin: 0 auto; position:relative; }
#section5 .txt_box1 {position:absolute; left:0px; bottom:100px; width: 484px; height: 312px; background:url(../images/img_sec4_1_2.jpg) 0 0 no-repeat; }
#section5 .txt_box2 {position:absolute; left:534px; bottom:250px; padding: 10px 32px; display:inline-block; background-color:#fff; border: solid 1px #e4e4e4;}
#section5 .txt_box2 li {padding: 5px 0; font-size:18px; line-height:24px; color:#999999; position:relative; padding-left: 25px; }
#section5 .txt_box2 li strong {color:#333333; font-weight:bold; }
#section5 .txt_box2 li::before {content:""; display:inline-block; width: 14px; height: 14px; position:absolute; left:0px; top:50%; margin-top: -7px; background-color:#e50572; border-radius: 4px;}
#section5 .txt_box2 li:first-child::before {background-color:#00794a;}

#section5 .txt_box3 {position:absolute; left:50%; bottom:200px; width: 100%; margin-left: -101px;}
#section5 .txt_box3 .part_box1 {height: 152px; padding-left: 60px;  background-color:#007a4b; position:relative; }
#section5 .txt_box3 .part_box1 .s_txt {position:absolute; left:48px; top:-87px; font-size:140px; line-height:150px; color:#fff; opacity:0.07; font-weight:bold; }
#section5 .txt_box3 .part_box1 .s_txt2 {position:absolute; left:170px; top:70px; font-size:140px; line-height:150px; color:#fff; opacity:0.07; font-weight:bold; }
#section5 .txt_box3 .part_box1 .tit {font-size:30px; line-height:34px; color:#fff; margin-bottom: 10px; padding-top: 27px; }
#section5 .txt_box3 .part_box1 p {font-size:16px; line-height:26px; color:#fff;}
#section5 .txt_box3 .part_box2 {height: 152px; padding-left: 60px; background-color:#ffcd03;}
#section5 .txt_box3 .part_box2 ul {width: 100%; overflow:hidden; padding-top: 26px; }
#section5 .txt_box3 .part_box2 ul li {height: 100px; float: left; box-sizing: border-box; padding-left: 120px; }
#section5 .txt_box3 .part_box2 ul li span {display:block; font-size:22px; line-height:26px; color:#007a4b; padding-top: 15px; margin-bottom: 5px; }
#section5 .txt_box3 .part_box2 ul li span em { font-size:16px; line-height:26px; display:inline-block; padding-left: 5px; }
#section5 .txt_box3 .part_box2 ul li strong {display:block; font-size:32px; line-height:36px; color:#007a4b; font-weight:bold; }
#section5 .txt_box3 .part_box2 ul li strong em {font-family:"IBMPlexSans"; font-size:36px; }
#section5 .txt_box3 .part_box2 ul li.ico1 {background:url(../images/img_sec4_3_2.png) 0 center no-repeat; width: 300px; }
#section5 .txt_box3 .part_box2 ul li.ico2 {background:url(../images/img_sec4_3_3.png) 0 center no-repeat; width: 400px; }
#section5 .txt_box3 .part_box2 ul li.ico3 {background:url(../images/img_sec4_3_4.png) 0 center no-repeat; width: 400px; }
#section5 .txt_box3 .part_box2 ul li.ico4 {background:url(../images/img_sec4_3_5.png) 0 center no-repeat; width: 400px; }
#section5 .txt_box3 .part_box2 ul li.ico5 {background:url(../images/img_sec4_3_6.png) 0 center no-repeat; width: 400px; }
#section5 .txt_box3 .part_box2 ul li.ico6 {background:url(../images/img_sec4_3_7.png) 0 center no-repeat; width: 400px; }

#section5 .slide_wrap {width: 100%; height: 100%; }
#section5 .slide_wrap .slide_box {width: 100%; height: 100%; }
#section5 .slick-list {	height: 100%;}
#section5 .slick-track{	height: 100%;}

@media screen and (max-height: 830px) {
	#section2 .txt_box .tit {font-size:38px; line-height:54px; margin-bottom: 20px; }
	#section2 .txt_box p {font-size:20px; line-height:34px; margin-bottom: 40px; }
	#section2 .btn_support {padding: 0 62px 0 25px; font-size:25px; line-height:80px; background-position: 346px center;}
	#section2 .comment {font-size:14px; line-height:20px; margin-top: 20px;}
}

@media screen and (max-height: 770px) {
	#section3 .tit {font-size:46px; line-height:50px; margin-bottom: 30px; }
	#section3 .comment {font-size:22px; line-height:26px; margin-bottom: 45px; }
	#section3 .conts_box {width: 940px; padding: 55px 0 55px 350px; margin-bottom: 40px; background-position: 130px 40px; background-size: 90px auto;}
	#section3 .conts_box .sub_tit {left:91px; top:147px;  font-size:24px;}
	#section3 .conts_box ul {}
	#section3 .conts_box ul li {padding: 6px 0 6px 34px; font-size:18px; line-height:26px; }
	#section3 .btn_support {padding: 0 100px 0 80px; font-size:26px; line-height:90px; background-position: 418px center;}
}

@media screen and (max-height: 690px) {
	#section2 .txt_box .tit {font-size:30px; line-height:48px; margin-bottom: 15px; }
	#section2 .txt_box p {font-size:16px; line-height:28px; margin-bottom: 30px; }
	#section2 .btn_support {padding: 0 57px 0 20px; font-size:20px; line-height:68px; background-position: 278px center;}
	#section2 .comment {font-size:12px; line-height:16px; margin-top: 15px;}
}