@charset "utf-8";

#visual-section{margin-top:212px; position:relative;}
#visual-section .owl-carousel{width:100%;}
#visual-section .owl-carousel .item{}
#visual-section .owl-carousel .item img{width:auto; max-width:100%; display:inline;}
#visual-section .stretchy_wrapper{width:100% !important; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block; -webkit-transition:padding 0.5s; -moz-transition:padding 0.5s; -ms-transition:padding 0.5s; -o-transition:padding 0.5s; transition:padding 0.5s;}
#visual-section .owl-carousel .owl-dots{width:100%; bottom:20px; left:0; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{margin:0 5px; display:inline-block;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:15px; height:15px; border-radius:50%; border:2px solid #fff; background:#fff; vertical-align:bottom; display:inline-block;}
#visual-section .owl-carousel .owl-dots .active span{background:none;}
#visual-section .owl-carousel .owl-prev{width:56px; height:90px; top:50%; left:20%; margin-top:-45px; text-indent:-9000px; background:url("../img/mslide_prev.png") no-repeat; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:56px; height:90px; top:50%; right:20%; margin-top:-45px; text-indent:-9000px; background:url("../img/mslide_next.png") no-repeat; display:block; position:absolute;}
#visual-section .visual-txt{padding:70px 10px; text-align:center;}

@media screen and (max-width:840px){
	#visual-section{margin-top:100px;}
	#visual-section .visual-txt{padding:60px 10px;}
}

@media screen and (max-width:780px){
	#visual-section{margin-top:80px;}
	#visual-section .visual-txt{padding:50px 10px;}
}

@media screen and (max-width:500px){
	#visual-section{margin-top:70px;}
	#visual-section .visual-txt{padding:40px 10px;}
}

#mcont1-section{margin-top:212px; }
#mcont1-section .top-banner{padding:10px; text-align:center; background-color:#002a68; display:none;}
#mcont1-section .mcont1-wrap{padding:65px 0; background:url("../img/mcont1_bg.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .cont-area{width:100%; max-width:1220px; margin:0 auto; padding:0 10px; text-align:center;}
#mcont1-section .cont-area:after{clear:both; content:""; display:block;}
#mcont1-section h2{font-weight:900; font-size:48px; line-height:100%;}
#mcont1-section h3{margin-top:20px; font-size:18px; line-height:140%;}
#mcont1-section h3 span{padding-bottom:5px; border-bottom:1px solid #000;}
#mcont1-section .box-wrap{margin-top:40px;}
#mcont1-section .box-wrap:after{clear:both; content:""; display:block;}
#mcont1-section .left-box{width:50%; padding-right:10px; float:left;}
#mcont1-section .right-box{width:50%; padding-left:10px; float:left;}
#mcont1-section .inbox{}
#mcont1-section .inbox .title-sbox{padding:15px; font-weight:600; font-size:30px; color:#fff; background:#56c1b7;}
#mcont1-section .inbox .in-sbox{height:500px; padding:20px 30px; background:#fff;}
#mcont1-section .inbox .in-sbox table{width:100%;}
#mcont1-section .inbox .in-sbox table td{padding:10px; border-bottom:1px solid #ccc;}
#mcont1-section .inbox .in-sbox table tr:last-child td{border-bottom:0;}
#mcont1-section .inbox .in-sbox table td h4{font-weight:600; font-size:18px; color:#000;}
#mcont1-section .inbox .in-sbox table td ul{margin-top:5px;}
#mcont1-section .inbox .in-sbox table td ul li{font-size:16px; line-height:150%; color:#333;}
#mcont1-section ul{width:100%; word-break:keep-all; word-wrap:break-word;}
#mcont1-section ul li{word-break:break-all; word-wrap:break-word;}

@media screen and (max-width:980px){
	#mcont1-section .mcont1-wrap{padding:60px 0;}
	#mcont1-section h2{font-size:44px;}
	#mcont1-section h3{margin-top:17px; font-size:16px;}
	#mcont1-section .inbox .in-sbox{height:auto;}
	#mcont1-section .inbox .title-sbox{padding:13px; font-size:26px;}
	#mcont1-section .inbox .in-sbox table td h4{font-size:16px;}
	#mcont1-section .inbox .in-sbox table td ul li{font-size:14px;}

	#mcont1-section .left-box{width:100%; padding-right:0; float:none;}
	#mcont1-section .right-box{width:100%; margin-top:20px; padding-left:0; float:none;}
}

@media screen and (max-width:840px){
	#mcont1-section{margin-top:100px;}
	#mcont1-section .mcont1-wrap{padding:50px 0;}
	#mcont1-section h2{font-size:40px;}
	#mcont1-section h3{margin-top:15px; font-size:14px; line-height:210%;}
	#mcont1-section .inbox .title-sbox{padding:12px; font-size:22px;}
	#mcont1-section .top-banner{display:none;}
}

@media screen and (max-width:780px){
	#mcont1-section{margin-top:80px;}
	#mcont1-section .mcont1-wrap{padding:40px 0;}
}

@media screen and (max-width:720px){
	#mcont1-section h2{font-weight:600; font-size:36px;}
}

@media screen and (max-width:500px){
	#mcont1-section{margin-top:70px;}
	#mcont1-section h2{font-size:33px;}
	#mcont1-section .inbox .in-sbox{height:auto;}
	#mcont1-section .inbox .title-sbox{padding:10px; font-size:18px;}
}


#mcont2-section{padding:177px 0 730px; background-color:#54534f;}
#mcont2-section .cont-area{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#mcont2-section .cont-area:after{clear:both; content:""; display:block;}
#mcont2-section .cont-area .left-box{width:50%; font-weight:600; font-size:48px; line-height:180%; color:#fff; float:left;}
#mcont2-section .cont-area .left-box span{color:#56c1b7;}
#mcont2-section .cont-area .right-box{width:50%; padding-top:10px; float:right;}
#mcont2-section .cont-area .right-box .txt1{font-weight:600; font-size:24px; line-height:180%; color:#fff;}
#mcont2-section .cont-area .right-box .txt2{margin-top:20px; font-size:16px; line-height:180%; color:#ccc;}
#mcont2-section .cont-area .right-box .txt2 span{color:#fff;}

@media screen and (max-width:1200px){
	#mcont2-section{padding:150px 0 700px;}
	#mcont2-section .cont-area .left-box{font-size:40px;}
}

@media screen and (max-width:1000px){
	#mcont2-section{padding:100px 0 650px;}
	#mcont2-section .cont-area .left-box{font-size:35px;}
}

@media screen and (max-width:880px){
	#mcont2-section{padding:70px 0 600px;}
	#mcont2-section .cont-area .left-box{font-size:30px;}
}

@media screen and (max-width:840px){
	#mcont2-section{padding:40px 0 600px;}
	#mcont2-section .cont-area .left-box{width:100%; font-size:27px; float:none;}
	#mcont2-section .cont-area .left-box br{display:none;}
	#mcont2-section .cont-area .right-box{width:100%; float:none;}
	#mcont2-section .cont-area .right-box .txt1{font-size:22px;}
	#mcont2-section .cont-area .right-box .txt2{font-size:14px;}
}

@media screen and (max-width:680px){
	#mcont2-section .cont-area .left-box{font-size:24px;}
	#mcont2-section .cont-area .right-box .txt1{font-size:20px;}
}

@media screen and (max-width:580px){
	#mcont2-section .cont-area .left-box{font-size:22px;}
	#mcont2-section .cont-area .right-box .txt1{font-size:18px;}
}

@media screen and (max-width:500px){
	#mcont2-section .cont-area .right-box .txt2 br{display:none;}
}


#mcont3-section{width:100%; max-width:1220px; margin:-580px auto 0; padding:0 10px;}
#mcont3-section .in-box{}
#mcont3-section .in-box:after{clear:both; content:""; display:block;}
#mcont3-section .box1{width:45%; position:relative; float:left;}
#mcont3-section .box2{width:55%; position:relative; float:left;}
#mcont3-section .box2:after{clear:both; content:""; display:block;}
#mcont3-section .ss-box{width:50%; height:350px; padding:60px 40px; position:relative;}
#mcont3-section .sb1{background:#353430;}
#mcont3-section .sb1 .ss-box{width:100%;}
#mcont3-section .sb2{background:url("../img/mcont3_img1.jpg?v1") no-repeat left center;}
#mcont3-section .sb2 .ss-box{background-color:#242320; background-image:url("../img/mcont3_icon1.png"); background-repeat:no-repeat; background-position:right bottom; float:right;}
#mcont3-section .sb2 .ss-box .txt{color:#ccc;}
#mcont3-section .sb3{background-color:#242320; background-image:url("../img/mcont3_icon2.png"); background-repeat:no-repeat; background-position:right bottom;}
#mcont3-section .sb3 .ss-box{width:100%;}
#mcont3-section .sb4{background:url("../img/mcont3_img2.jpg?v1") no-repeat right center;}
#mcont3-section .sb4 .ss-box{background-color:#353430; background-image:url("../img/mcont3_icon3.png"); background-repeat:no-repeat; background-position:right bottom;}
#mcont3-section .sb4 .ss-box .txt{color:#ccc;}
#mcont3-section h3{font-weight:600; font-size:30px; line-height:120%; color:#fff;}
#mcont3-section .txt{margin-top:15px; font-weight:600; font-size:18px; line-height:180%; color:#fff; position:relative;}
#mcont3-section .ss-box span{width:40px; height:40px; left:40px; bottom:60px; font-size:30px; line-height:40px; text-align:center; color:#fff; border-radius:50%; background:#58c1b8; display:block; position:absolute;}
#mcont3-section .board-title{padding-bottom:20px; border-bottom:1px solid #fff; position:relative;}
#mcont3-section .board-title a{width:40px; height:40px; right:0; bottom:20px; font-size:30px; line-height:40px; text-align:center; color:#fff; border-radius:50%; background:#58c1b8; display:block; position:absolute;}
#mcont3-section ul{margin-top:5px;}
#mcont3-section ul li{}
#mcont3-section ul li a{font-weight:600; font-size:18px; line-height:230%; color:#ccc; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display:block;l}

@media screen and (max-width:980px){
	#mcont3-section h3{font-size:26px;}
}

@media screen and (max-width:940px){
	#mcont3-section .ss-box{height:auto; padding:40px 30px;}
	#mcont3-section .box1{width:100%; position:relative; float:none;}
	#mcont3-section .box2{width:100%; position:relative; float:none;}
	#mcont3-section .ss-box span{left:auto; right:30px; bottom:40px;}
}

@media screen and (max-width:880px){
	#mcont3-section h3{font-size:24px;}
	#mcont3-section ul li a{font-size:16px; line-height:230%; color:#ccc; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
	#mcont3-section .txt{font-size:16px; line-height:180%; color:#fff; position:relative;}
}

@media screen and (max-width:740px){
	#mcont3-section h3{font-size:22px;}
	#mcont3-section .ss-box{height:auto; padding:30px;}
	#mcont3-section .txt{font-size:15px;}
	#mcont3-section ul li a{font-size:15px;}
}

@media screen and (max-width:640px){
	#mcont3-section h3{font-size:18px;}
	#mcont3-section .ss-box{padding:25px;}
	#mcont3-section .txt{font-size:14px;}
	#mcont3-section .txt br{display:none;}
	#mcont3-section .ss-box span{width:30px; height:30px; right:10px; bottom:10px; font-size:20px; line-height:30px;}
	#mcont3-section .board-title a{width:30px; height:30px; bottom:10px; font-size:20px; line-height:30px;}
	#mcont3-section ul li a{font-size:14px;}
}

@media screen and (max-width:500px){
	#mcont3-section{padding:0;}
}


#mcont4-section{padding:60px 0;}
#mcont4-section .cont-area{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#mcont4-section .cont-area .mm-tit{text-align:center;}
#mcont4-section .cont-area .mm-tit h3{font-weight:600; font-size:30px;}
#mcont4-section .cont-area .mm-tit h4{margin-top:15px; font-size:18px; color:#333;}

@media screen and (max-width:980px){
	#mcont4-section{padding:40px 0;}
	#mcont4-section .cont-area .mm-tit h3{font-size:26px;}
	#mcont4-section .cont-area .mm-tit h4{font-size:16px;}
}

@media screen and (max-width:880px){
	#mcont4-section .cont-area .mm-tit h3{font-size:24px;}
	#mcont4-section .cont-area .mm-tit h4{font-size:15px;}
}


#info-slider{width:100%; max-width:1234px; margin:50px auto; position:relative;}
#info-slider .slick-slide{padding:0 17px; text-align:center;}
#info-slider .slick-slide span{max-height:274px; overflow:hidden; display:block;}
#info-slider .slick-slide img{max-width:100%; margin:0 auto;}
#info-slider .slick-dots{display:none !important;}
#info-slider .slick-arrow{width:28px; height:40px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9000px; border:0; position:absolute;}
#info-slider .slick-prev{left:-40px; background:#fff url("../img/info_left.png") no-repeat;}
#info-slider .slick-next{right:-40px; background:#fff url("../img/info_right.png") no-repeat;}

@media screen and (max-width:1240px){
	#info-slider .slick-arrow{display:none !important;}
	#info-slider .slick-dots{display:block !important;}
}

#info-slider .slick-dots{margin:10px auto 0; padding:0; text-align:center;}
#info-slider .slick-dots li{width:auto; padding:0 3px; text-align:center; display:inline-block; float:none;}
#info-slider .slick-dots li button{width:15px !important; height:15px !important; margin:0 auto; padding:0; text-indent:-9000em; border-radius:50% !important; border:1px solid #999; background:#999; display:block;}
#info-slider .slick-dots .slick-active button{border:1px solid #005393; background:#005393;}


#mcont5-section{}
#mcont5-section:after{clear:both; content:""; display:block;}
#mcont5-section .left-box{width:50%; height:480px; background:url("../img/mcont5_bg1.jpg") no-repeat center center; background-size:cover; position:relative; float:left;}
#mcont5-section .right-box{width:50%; height:480px; background:url("../img/mcont5_bg2.jpg") no-repeat center center; background-size:cover; position:relative; float:right;}
#mcont5-section .vv-txt{width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-align:center; color:#fff; position:absolute;}
#mcont5-section .vv-txt h3{font-weight:600; font-size:30px;}
#mcont5-section .vv-txt div{margin-top:20px; font-weight:600; font-size:16px; line-height:180%;}
#mcont5-section .vv-txt a{width:200px; height:50px; margin:30px auto 0; font-weight:600; font-size:18px; line-height:46px; color:#fff; border:2px solid #fff; display:block; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
#mcont5-section .vv-txt a:hover{border:2px solid #58c1b8; background:#58c1b8;}

@media screen and (max-width:980px){
	#mcont5-section .left-box{height:400px;}
	#mcont5-section .right-box{height:400px;}
	#mcont5-section .vv-txt h3{font-size:27px;}
	#mcont5-section .vv-txt div{font-size:14px;}
	#mcont5-section .vv-txt a{width:150px; height:45px; margin:20px auto 0; font-size:16px; line-height:42px;}
}

@media screen and (max-width:880px){
	#mcont5-section .left-box{height:400px;}
	#mcont5-section .right-box{height:400px;}
	#mcont5-section .vv-txt h3{font-size:27px;}
	#mcont5-section .vv-txt div{font-size:14px;}
	#mcont5-section .vv-txt a{width:150px; height:45px; margin:20px auto 0; font-size:16px; line-height:42px;}
}

@media screen and (max-width:780px){
	#mcont5-section .left-box{height:300px;}
	#mcont5-section .right-box{height:300px;}
	#mcont5-section .vv-txt h3{font-size:24px;}
}

@media screen and (max-width:640px){
	#mcont5-section .left-box{width:100%; height:250px; float:none;}
	#mcont5-section .right-box{width:100%; height:250px; float:none;}
	#mcont5-section .vv-txt a{width:130px; height:40px; font-size:14px; line-height:38px;}
}

@media screen and (max-width:500px){
	#mcont5-section .left-box{height:220px;}
	#mcont5-section .right-box{height:220px;}
}
