#mainContainer{padding-top:110px;}

.main-visual{position:relative; width:100%;height:560px;overflow:hidden;}
.main-visual ul li{height:560px;}
.main-visual .visual1{background:url(../img/main/visual1_bg.jpg) center top no-repeat;}
.main-visual .visual2{background:url(../img/main/visual2_bg.jpg) center top no-repeat;}
.main-visual .visual3{background:url(../img/main/visual3_bg.jpg) center top no-repeat;}
.main-visual .visual4{background:url(../img/main/visual4_bg.jpg) center top no-repeat;}
.main-visual ul li img{max-width:100%;}
.main-visual .scroll-down{position:absolute;left:50%;bottom:29px;margin-left:-47px;}


.main-visual .bx-controls{}
.main-visual .bx-controls-direction{display:none;}
.main-visual .bx-controls-direction a{display:block;height:75px;text-align:left;text-indent:-9999px;width:45px;z-index:999;}
.main-visual .bx-prev{position:absolute;left:5%;top:50%;margin-top:-37px;background:url(/img/main/btn_prev.png) right 0 no-repeat;background-size:40px auto;}
.main-visual .bx-next{position:absolute;right:5%;top:50%;margin-top:-37px;background:url(/img/main/btn_next.png) 0 0 no-repeat;background-size:40px auto;}
.main-visual .bx-controls-auto{display:none;}
.main-visual .bx-pager{position:absolute;left:calc(50% + 49px);bottom:62px;}
.main-visual .bx-pager > div{display:inline-block;width:52px;height:2px;margin:0 8px 0 0;overflow:hidden;}
.main-visual .bx-pager > div a{display:block;width:100%;height:2px;text-align:left;text-indent:-999px;background:#fff;opacity:0.3;}
.main-visual .bx-pager > div a.active{opacity:1;}


.main-solution{text-align:center;padding:70px 0 60px;}
.main-solution h2{font-size:48px;color:#000;margin-bottom:15px;font-weight:600;}
.main-solution h2 + p{font-size:22px;color:#000;margin-bottom:60px;}
.solution-list{}
.solution-list li{float:left;width:270px;}
.solution-list li + li{margin-left:25px;}
.solution-list li a{display:block;position:relative;overflow:hidden;transition:all 0.3s;box-sizing:border-box;}
.solution-list li a p{position:absolute;left:0;right:0;bottom:0;text-align:center;background-color:rgba(0,0,0,0.4);}
.solution-list li a span{display:table-cell;width:270px;height:220px;font-size:26px;color:#fff;vertical-align:middle;}
.solution-list li a span:after{display:none;position:absolute;left:0;right:0;bottom:0;height:34px;content:'';background:url(../img/main/solution_arr.png) center top no-repeat;}
.solution-list li a:hover{margin-top:-40px;box-shadow:11px 11px 0 rgba(0,0,0,0.2);}
.solution-list li a:hover img{max-width:100%;}
.solution-list li a:hover span{background-color:#db3238;}
.solution-list li a:hover span:after{display:block;}

.main-board{background-color:#F8F8F8;padding:40px 0 40px;}
.main-board .inner-wrap{text-align:left;}

.main-board .nboard1{float:left;width:29%;margin-right:5%;overflow:hidden;}
.main-board .nboard2{float:left;width:29%;margin-right:5%;overflow:hidden;}
.main-board .nboard3{float:left;width:29%;overflow:hidden;}

.main-board .nboard1_1{float:left;width:48%;margin-right:2%;overflow:hidden;}
.main-board .nboard1_2{float:left;width:48%;overflow:hidden;}


.main-board .board1{float:left;width:270px;margin-right:63px;overflow:hidden;}
.main-board .board2{float:left;width:270px;margin-right:63px;overflow:hidden;}
.main-board .board3{float:left;width:217px;margin-right:60px;overflow:hidden;}
.main-board .board4{float:right;width:217px;overflow:hidden;}
.main-board h3{font-size:17px;color:#000;font-weight:600;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #DDDDDD;}

.main-board .board-wrap{position:relative;}
.main-board .board-wrap .btn-more{position:absolute;right:0;top:0;font-size:11px;color:#707070;height:23px;display:block;line-height:23px;padding:0 0 0 30px;}
.main-board .board-wrap ul{padding-top:5px;}
.main-board .board-wrap ul li a{display:block;position:relative;color:#4a4949;}
.main-board .board-wrap ul li a:hover{text-decoration:underline;}
.main-board .board-wrap ul li + li{margin-top:12px;}
.main-board .board-wrap .title{margin-right:45px;font-size:15px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-board .board-wrap .date{position:absolute;right:0;top:1px;font-size:13px;}

.main-banner .nboard1{float:left;width:24%;margin-right:1%;overflow:hidden;}
.main-banner .nboard2{float:left;width:24%;margin-right:1%;overflow:hidden;}
.main-banner .nboard3{float:left;width:24%;margin-right:1%;overflow:hidden;}
.main-banner .nboard4{float:left;width:24%;overflow:hidden;}

.main-banner .nboard5_1{float:left;width:19%;margin-right:1%;overflow:hidden;}
.main-banner .nboard5_2{float:left;width:19%;margin-right:1%;overflow:hidden;}
.main-banner .nboard5_3{float:left;width:19%;margin-right:1%;overflow:hidden;}
.main-banner .nboard5_4{float:left;width:19%;margin-right:1%;overflow:hidden;}
.main-banner .nboard5_5{float:left;width:19%;overflow:hidden;}

.main-banner .nboard6_1{float:left;width:15.5%;margin-right:1%;overflow:hidden;}
.main-banner .nboard6_2{float:left;width:15.5%;margin-right:1%;overflow:hidden;}
.main-banner .nboard6_3{float:left;width:15.5%;margin-right:1%;overflow:hidden;}
.main-banner .nboard6_4{float:left;width:15.5%;margin-right:1%;overflow:hidden;}
.main-banner .nboard6_5{float:left;width:15.5%;margin-right:1%;overflow:hidden;}
.main-banner .nboard6_6{float:left;width:15.5%;overflow:hidden;}


.main-banner{text-align:center;padding:40px 0;background:#F0F0F0;}
.main-project{text-align:center;padding:60px 0;}
.main-project h2{font-size:48px;color:#000;margin-bottom:15px;font-weight:600;}
.main-project h2 + p{font-size:22px;color:#000;margin-bottom:40px;}
.project-list{}
.project-list ul{display:flex;flex-wrap:wrap; justify-content:center; max-width:960px; margin:0 auto;}
.project-list li{width:172px;height:172px;position:relative;border-radius:90px;background-color:#db3238;padding:85px 0 0 0;box-sizing:border-box;margin:10px;overflow:hidden;}
.project-list li:before{position:absolute;left:0;right:0;top:24px;height:66px;content:'';display:block;}
.project-list li.project1:before{background:url(../img/main/project_icon1.png) center top no-repeat;}
.project-list li.project2:before{background:url(../img/main/project_icon2.png) center top no-repeat;}
.project-list li.project3:before{background:url(../img/main/project_icon3.png) center top no-repeat;}
.project-list li.project4:before{background:url(../img/main/project_icon6.png) center top no-repeat;}
.project-list li.project5:before{background:url(../img/main/project_icon5.png) center top no-repeat;}
.project-list li.project7:before{background:url(../img/main/project_icon6.png) center top no-repeat;}
.project-list li.project8:before{background:url(../img/main/project_icon8.png) center top no-repeat;}
.project-list li.project9:before{background:url(../img/main/project_icon9.png) center top no-repeat;}
.project-list li.project10:before{background:url(../img/main/project_icon10.png) center top no-repeat;}
.project-list li.project12:before{background:url(../img/main/project_icon12.png) center top no-repeat;}
.project-list li.project13:before{background:url(../img/main/project_icon13.png) center top no-repeat;}
.project-list li.project14:before{top: 12px;background:url(../img/main/project_icon14.png) center top no-repeat;}
.project-list li.project15:before{background:url(../img/main/project_icon15.png) center top no-repeat;}
.project-list li.project16:before{background:url(../img/main/project_icon16.png) center top no-repeat;}
.project-list li.project17:before{background:url(../img/main/project_icon17.png) center top no-repeat;}
.project-list li.project18:before{background:url(../img/main/project_icon18.png) center top no-repeat;}
.project-list li.project19:before{background:url(../img/main/project_icon19.png) center top no-repeat;}
.project-list li.project20:before{background:url(../img/main/project_icon20.png) center top no-repeat;}
.project-list li.project21:before{background:url(../img/main/project_icon21.png) center top no-repeat;}
.project-list li.project23:before{background:url(../img/main/project_icon20.png) center top no-repeat;}
.project-list li.project24:before{background:url(../img/main/project_icon4.png) center top no-repeat;}
.project-list li.project22:before{background:url(../img/main/project_icon22.png) center top no-repeat;}
.project-list li.project30:before{background:url(../img/main/project_icon30.png) center top no-repeat;}
.project-list li.project31:before{background:url(../img/main/project_icon31.png?ver=0.01) center top no-repeat;}

.project-list li.project32:before{background:url(../img/main/project_icon32.png) center top no-repeat;}
.project-list li.project33:before{background:url(../img/main/project_icon33.png) center top no-repeat;}
.project-list li.project34:before{background:url(../img/main/project_icon34.png) center top no-repeat;}


.project-list li.project35:before{background:url(../img/main/project_icon35.png) center top no-repeat;}



.project-list li.link{cursor:pointer;}
.project-list li.link:hover{box-shadow:3px 3px 10px rgba(0,0,0,0.3);}
.project-list li span{color:#fff;font-size:16px;display:flex;align-items:center; justify-content:center; height:70px;width:100%;vertical-align:middle; text-align:center;}

.p-wrap{position:absolute;top:50px !important;width:500px;height:690px;z-index:99999;display:none;}
.p-wrap .p-content img{max-width:500px;}
.p-wrap .p-close{position:absolute;right:-50px;top:0;}
.p-wrap .p-close button{width:40px;height:40px;background:url(../img/main/btn_close.png) center center no-repeat;background-size:30px auto;text-align:left;text-indent:-9999px;overflow:hidden;}

.main-board .main-inquiry {width:217px;height:115px;background:url(../img/main/inquiry_bg.jpg) 0 0 no-repeat;background-size:100% 100%;position:relative;}
.main-board .main-inquiry a{display:block;width:100%;height:100%;position:relative;}
.main-board .main-inquiry p{position:absolute;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.4);box-sizing:border-box;padding:10px 15px;color:#fff;font-size:15px;line-height:1.25em;}
.main-board .main-inquiry a:hover p{background-color:#ec6100;}

.main-board .main-kpanner {width:217px;height:115px;background:url(../img/main/kpanner_bg.jpg) 0 0 no-repeat;background-size:100% 100%;position:relative;}
.main-board .main-kpanner a{display:block;width:100%;height:100%;position:relative;}
.main-board .main-kpanner p{position:absolute;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.4);box-sizing:border-box;padding:10px 15px;color:#fff;font-size:15px;line-height:1.25em;}
.main-board .main-kpanner a:hover p{background-color:#ec6100;}



@media all and (max-width:1180px){

	.main-visual{height:43.27vw;}
	.main-visual ul li{height:43.27vw;background-size:auto 100% !important;background-position:50% top !important;}

	.main-solution{padding:50px 0 40px;}
	.main-solution h2{font-size:40px;}
	.main-solution h2 + p{font-size:18px;margin-bottom:40px;}

	.main-solution .inner-wrap{margin:0 1vw;box-sizing:border-box;}
	.solution-list{padding:0;box-sizing:border-box;}
	.solution-list li{width:23vw;}
	.solution-list li + li{margin-left:1vw;}
	.solution-list li a span{width:23vw;height:18.96vw;font-size:20px;}
	.solution-list li a img{width:100%;}

	.main-board{padding:40px 0;box-sizing:border-box;}

	.main-board .nboard1{float:left;width:29%;margin-right:3%;}
	.main-board .nboard2{float:left;width:29%;margin-right:3%;}
	.main-board .nboard3{float:left;width:29%;}

	.main-banner .nboard1{float:left;width:32%;margin-right:7px;}
	.main-banner .nboard2{float:left;width:32%;margin-right:7px;}
	.main-banner .nboard3{float:left;width:32%;}

	.main-board .board1{float:left;width:23%;margin-right:2%;}
	.main-board .board2{float:left;width:23%;margin-right:2%;}
	.main-board .board3{float:left;width:23%;margin-right:2%;}
	.main-board .board4{float:left;width:23%;}
	.main-board h3{font-size:16px;margin-bottom:20px;}

	.main-banner{text-align:center;padding:30px 0;background:#F0F0F0;}
	.main-project{text-align:center;padding:50px 0;}
	.main-project h2{font-size:40px;margin-bottom:15px;}
	.main-project h2 + p{font-size:18px;margin-bottom:40px;}

}


@media all and (max-width:1024px){

	#mainContainer{padding-top:70px;}

}

@media all and (max-width:800px){

	.main-visual .bx-pager{position:absolute;left:calc(50% + 4.22vw);bottom:15px;}
	.main-visual .bx-pager > div{width:20px;}

	.main-solution{padding:40px 0 20px;}
	.main-solution h2{font-size:24px;margin-bottom:10px;}
	.main-solution h2 + p{font-size:13px;margin-bottom:20px;}
	.solution-list li a span{font-size:16px;}

	.main-board h3{font-size:15px;margin-bottom:10px;}

	.main-board .nboard1{float:left;width:48%;margin-right:2%;height:190px;}
	.main-board .nboard2{float:left;width:48%;margin-right:2%;height:190px;}
	.main-board .nboard3{float:left;width:48%;margin-right:2%;height:190px;}

	.main-banner .nboard1{float:left;width:48%;margin-right:2%;height:190px;}
	.main-banner .nboard2{float:left;width:48%;margin-right:2%;height:190px;}
	.main-banner .nboard3{float:left;width:48%;margin-right:2%;height:190px;}

	.main-board .board1{float:left;width:48%;margin-right:0;height:190px;}
	.main-board .board2{float:right;width:48%;margin-right:0;height:190px;}
	.main-board .board3{float:left;width:48%;margin-right:0;}
	.main-board .board4{float:right;width:48%;}

	.main-board .main-inquiry p{font-size:12px;padding-left:7px;}
	.main-board .main-kpanner p{font-size:12px;padding-left:7px;}

	.main-banner{text-align:center;padding:40px 0;}
	.main-project{text-align:center;padding:40px 0;}
	.main-project h2{font-size:24px;margin-bottom:10px;}
	.main-project h2 + p{font-size:13px;margin-bottom:20px;}

	.project-list li span{font-size:14px;}

}


@media all and (min-width:600px) and (max-width:800px){



}


@media all and (max-width:600px){

	.solution-list{padding:0 2vw;}
	.solution-list li{width:45.5vw;height:40vw;margin-bottom:10px;}
	.solution-list li + li{margin-left:0;}
	.solution-list li:nth-child(2n){float:right;}
	.solution-list li a{height:40vw;}
	.solution-list li a span{width:45vw;height:18.96vw;font-size:14px;}
	.solution-list li a img{margin-top:-50px;}
	.solution-list li a:hover{margin-top:0;box-shadow:none;}
	.solution-list li a:hover span:after{display:none;}


	.project-list{padding:0;box-sizing:border-box;}
	.project-list li:before{background-size:60px auto !important;}
	.project-list li{width:calc(50% - 6px);height:130px;padding:65px 0 0 0;border-radius:20px; margin:3px;}
	.project-list li span{font-size:12px;}

	.p-wrap{width:360px;height:auto;}
	.p-wrap .p-content img{max-width:360px;}
	.p-wrap .p-close{right:0;top:-40px;}


}


@media all and (max-width:460px){

	.main-board .nboard1{float:none;width:auto;margin-right:0;height:auto;margin-bottom:40px;}
	.main-board .nboard2{float:none;width:auto;margin-right:0;height:auto;margin-bottom:40px;}
	.main-board .nboard3{float:none;width:auto;margin-right:0;height:auto;}

	.main-banner .nboard1{float:none;width:auto;margin-right:0;height:auto;margin-bottom:10px;}
	.main-banner .nboard2{float:none;width:auto;margin-right:0;height:auto;margin-bottom:10px;}
	.main-banner .nboard3{float:none;width:auto;margin-right:0;height:auto;margin-bottom:10px;}

	.main-board .board1{float:none;width:auto;margin-right:0;height:auto;margin-bottom:40px;}
	.main-board .board2{float:none;width:auto;margin-right:0;height:auto;margin-bottom:40px;}

}