@charset "utf-8";
/* project02 */
/* @latest 2021.01.13 SSJ */

.project02 {width:100%;height:100%;float:left;position:relative;overflow:hidden;padding:0 30px;box-sizing:border-box;background:#164b81;}
.project02 .textbox {width: 100%; float: left;}
.project02 .textbox .titarea {width:100%; float:left; padding-right:30px; box-sizing:border-box; position:relative; padding-bottom:15px; margin-bottom:15px;}
.project02 .textbox .titarea:after {content:"";width:50px;height:1px;border-bottom:1px solid #fff;position:absolute;bottom:2px;left:0;opacity:0.3;}
.project02 .textbox .titarea strong {font-size:22px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%;float: left;}
.project02 .textbox .titarea .listbtn {color:#fff; font-size:33px; position:absolute; right:0; top:-5px;}
.project02 .cobox {width: 100%; float: left;}
.project02 .cobox span {color:#fff; font-size:15px; padding:5px 20px; border:1px solid rgba(255,255,255,0.5); display:inline-block;}
.project02 .cobox p {font-size:19px; color:#fff; display:block; float:left; width:100%; margin:10px 0 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* slide */
.project02 .swiper-container {clear: both; width: 100%;}
.project02 .swiper-slide {}
.project02 .swiper-slide .imgbox {height:220px;float:left;clear:both;width:100%;overflow: hidden;position: relative; background:#333;}
.project02 .swiper-slide .imgbox img {width:100%;min-height:100%;position:absolute;left:-999px;right:-999px;top:-999px;bottom:-999px;margin:auto;}

.project02 .swiper-pagination-bullet {width:9px; height:9px; box-sizing:border-box; opacity:1; background:none; border-radius:100%; border:2px solid #fff; margin:0 5px !important; clear:both; display:inline-block; line-height:normal; }
.project02 .swiper-pagination-bullet-active {opacity:1;background:#fff;}
.project02 .swiper-container-horizontal>.swiper-pagination-bullets {bottom:20px;width:100%;left:0;text-align:center;word-break:break-all;}


.project02 .swiper-button-next, 
.project02 .swiper-button-prev {width:45px;height:115px;transform:translateY(-50%);margin-top:35px;transition:background 0.5s;}

.project02 .swiper-button-next {right:0; background:url(../img/nxtbtn.png) rgba(82, 76, 76, 0.3) no-repeat center;}
.project02 .swiper-button-prev {left:0; background:url(../img/prvbtn.png) rgba(0,0,0,0.3) no-repeat center;}
.project02 .swiper-button-next:hover {background:url(../img/nxtbtn.png) rgba(0,0,0,0.7) no-repeat center;}
.project02 .swiper-button-prev:hover {background:url(../img/prvbtn.png) rgba(0,0,0,0.7) no-repeat center;}

/*no_data*/
.project02 .swiper-slide.no_data .cobox {height:75px;}
.project02 .swiper-slide.no_data .cobox .tit {color:#fff;line-height: 150%;word-break: keep-all;}


	@media (min-width:600px){}

	@media (min-width:800px){
		.layout_04 .project02 {padding:0 15px;}
	}

	@media (max-width:799px){
		.project02 {padding:30px 15px;}
		.project02 .textbox .titarea strong {font-size:19px;}
		.project02 .cobox p {font-size:16.5px;}
		.project02 .textbox .titarea .listbtn {font-size:28px;}

		.project02 .swiper-button-next, .project02 .swiper-button-prev {width:30px; height:80px;}

		.project02 .swiper-slide.no_data .cobox {height:auto; padding-bottom:15px;}
	}

	@media (min-width:600px) and (max-width:799px){}

	@media (max-width:599px){

	}