@charset "utf-8";

body, html {min-width:1200px; }
.inner{width: 1200px;margin: 0 auto;position: relative;}


#giveup_warp div[class^=area] {position: relative; width: 100%; box-sizing:border-box;} 
div[class^=content] img {max-width:100%}

.bx-wrapper { margin-bottom: 0 !important;}


.giveup_water_area01 {padding-left: 38px;height: 1071px; background: url(bg01.jpg) no-repeat center center; background-size:cover;box-sizing:border-box;}
.giveup_water_area01 .video_area {margin: 61px auto 0; max-width: 1200px; height: 655px;}
.giveup_water_area01 .video_area iframe {width: 100%; height: 100%;}

.giveup_water_area02 {padding-top: 488px;height: 1188px; background: url(bg02.jpg) no-repeat center center; background-size:cover;text-align: center;box-sizing:border-box;}
.giveup_water_content02 {position: relative;display: inline-block;}
.giveup_water_content02 .cntWrap {position: absolute;top: 228px;width: 100%;}
.giveup_water_content02 .cntWrap .counter {position: absolute;display: inline-block;font-size:50px;line-height:30px;letter-spacing:-0.25px;color: #fff;font-weight:700;}
.giveup_water_content02 .cntWrap .counter.cnt1 {left: 28px;}
.giveup_water_content02 .cntWrap .counter.cnt2 {left: 214px;}
.giveup_water_content02 .cntWrap .counter.cnt3 {left: 393px;}
.giveup_water_content02 .cntWrap .counter.cnt4 {right: 29px;}

.giveup_water_area03 {padding-top: 186px;height: 1622px; background: url(bg03.jpg) no-repeat center center; background-size:cover;text-align: center;box-sizing:border-box;}
.giveup_water_content03_2 {padding-top: 184px;}


.giveup_water_area04 {position: relative;margin: 83px 0;background-color: #fff;text-align: center;}
.giveup_water_title04 {display: block;margin: 0 auto;}
.giveup_water_content04 {position: absolute;top: 116px;padding: 0 40px;}
.giveup_water_content04 ul {font-size:0;margin-left: -20px;}
.giveup_water_content04 li {display: inline-block;padding-left: 20px;vertical-align: top;box-sizing:border-box;}
.giveup_water_content04 li a {display: block;}

.giveup_water_area05 {padding: 82px 0 102px; height:1170px; background: url("bg_06_1.jpg") no-repeat center center; background-size:cover;text-align: center;box-sizing:border-box;}
.giveup_water_area05 .cont_last {padding-top:80px;}

.giveup_water_area06 {position: relative;height: 445px;background: url(bg06.jpg) no-repeat center center; background-size:cover;text-align: center;box-sizing:border-box;}
.giveup_water_area06 .inner {display: table;width: 100%;height: 445px;text-align: center;}
.giveup_water_content06 {display: table-cell;vertical-align: middle;}
.giveup_water_border06 {position: absolute;left: 50%;top: 50%;width: 100%;max-width:1560px;height: 276px;border: 1px solid #fff;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);box-sizing:border-box;}

.icon_floating {position: fixed; top:13%; right: 50%; margin-right: -890px; z-index:99;}
.icon_floating a{display: block;}



.bxslider_giveup_water {position: relative; background-color: #f4f3f3; width: 100%; height: 800px;}
.bxslider_giveup_water ol { position: relative; max-width:1376px; vertical-align: top; margin: 0 auto; padding-top: 170px; padding-bottom: 170px;}
.bxslider_giveup_water ol dd {display: inline-block; vertical-align: top; margin: 0;}


.bxslider_giveup_water .txt_con {width: 46%; background: #fff; padding:120px 20px 0 60px; height: 308px; margin-left: -6px;}
.bxslider_giveup_water .txt_con .slt_tit { font-size: 22px; font-weight: 600; letter-spacing: -1.5px; line-height: 34px; margin-bottom: 40px;}
.bxslider_giveup_water .txt_con .slt_tit .fc_org {  color: #ff6600;  }


.bxslider_giveup_water .txt_con .slt_cont {font-size: 16px; font-weight: 600;}


.bxslider_giveup_water .number1 { position: absolute; width: 200px; height: 30px; background: url(slider_n01.png) no-repeat right; right: 3.5%; bottom: 180px; }
.bxslider_giveup_water .number2 { position: absolute; width: 200px; height: 30px; background: url(slider_n02.png) no-repeat right; right: 3.5%; bottom: 180px; }
.bxslider_giveup_water .number3 { position: absolute; width: 200px; height: 30px; background: url(slider_n03.png) no-repeat right; right: 3.5%; bottom: 180px; }

.bx-wrapper .bx-prev { position: absolute; background: url(slide_arrow_prev.png) !important; background-position: center; width: 59px !important; height: 58px !important; left: 479px !important; }
.bx-wrapper .bx-next { position: absolute; background: url(slide_arrow_next.png) !important; background-position: center; width: 59px !important; height: 58px !important; }

.bx-controls {position: relative; width: 1300px; margin: 0 auto; }
.bx-controls-direction { position:absolute; width: 606px; top:-614px;}


@media screen and (max-width: 1920px) {
    .sliderL .img_box img {max-width:100%}
}
@media screen and (max-width: 1875px) {
	.icon_floating {position: fixed; right: 25px; margin-right: 0; z-index:99;}
}
@media screen and (max-width: 1600px) {
	.border06 {left: 20px;right: 20px;width: auto;transform:translate(0, 50%);-webkit-transform:translate(0, -50%);}
}
@media screen and (max-width: 1400px) {
	.sliderLWrap {padding: 0 20px;box-sizing:border-box;}
	.sliderL_txt .txt_box .slt_tit strong {font-size:21px;line-height:32px;}
	.sliderL_txt .txt_box .slt_cont p {margin-top: 30px;font-size:15px;line-height:27px;}
	
	.bxslider_giveup_water .txt_con {width: 40%; padding:100px 20px 0 60px; height: 327px;}
	
	.bxslider_giveup_water .number1, .bxslider_giveup_water .number2, .bxslider_giveup_water .number3 {right: 10%;}
	
	.bx-controls {position: relative !important; width: 1300px !important; margin: 0 auto !important; }
    .bx-controls-direction { position:absolute !important; width: 606px !important; top:-582px !important;}
}

@media screen and (max-width: 1370px) {
	.bx-controls {position: relative !important; width: 1250px !important; margin: 0 auto !important; }
    .bx-controls-direction { position:absolute !important; width: 606px !important; top:-580px !important;}
}
@media screen and (max-width: 1240px) {
	.inner{padding: 0 20px;box-sizing:border-box;}
	
	.bxslider_giveup_water { padding-top: 170px; padding-bottom: 170px;}
	
	.bxslider_giveup_water ol dd {width: 100%;}
	.bxslider_giveup_water .img_box img {width: 100%;}
	.bxslider_giveup_water .txt_con { width: 100%; }
	
	.bx-controls {position: relative !important; width: 100% !important; margin: 0 auto !important; }
    .bx-controls-direction { position:absolute !important; width: 100% !important; top:-1200px !important;}
	
	.bx-wrapper .bx-prev { position: absolute; background: url(slide_arrow_prev.png) !important; background-position: center; width: 59px !important; height: 58px !important; left: 89.5% !important; }
	.bx-wrapper .bx-next { position: absolute; background: url(slide_arrow_next.png) !important; background-position: center; width: 59px !important; height: 58px !important; }
	
}

@media screen and (max-width: 1200px) {
	
	.bx-wrapper .bx-prev { position: absolute; background: url(slide_arrow_prev.png) !important; background-position: center; width: 59px !important; height: 58px !important; left: 89% !important; }
	.bx-wrapper .bx-next { position: absolute; background: url(slide_arrow_next.png) !important; background-position: center; width: 59px !important; height: 58px !important; }
}