@charset "utf-8";

/* mcarousel */
.mcarousel{position:relative; height:800px; overflow:hidden;}
.mcarousel .bx-wrapper .bx-pager{top:auto; bottom:260px; width:1200px; left:50%; margin-left:-600px; padding-top:0; z-index:99999; text-align:left;}
.mcarousel .bx-pager.bx-default-pager a{display:block; background:rgba(255,255,255,.6); border:2px solid rgba(255,255,255,0); width:8px; height:8px; margin:0 3px; border-radius:50%; text-indent:-9999px; transition:all .25s ease;}
.mcarousel .bx-pager.bx-default-pager a:hover,
.mcarousel .bx-pager.bx-default-pager a.active,
.mcarousel .bx-wrapper .bx-pager.bx-default-pager a:focus{background:rgba(255,255,255,0); border:2px solid rgba(255,255,255,1);}

.mcarousel .bx-prev{left:10px; color:rgba(255,255,255,.8); background:rgba(255,255,255,.3);}
.mcarousel .bx-prev:hover,
.mcarousel .bx-prev:focus{color:rgba(255,255,255,1); background:rgba(81,91,117,.8);}
.mcarousel .bx-next{right:10px; color:rgba(255,255,255,.8); background:rgba(255,255,255,.3);}
.mcarousel .bx-next:hover,
.mcarousel .bx-next:focus{color:rgba(255,255,255,1); background:rgba(81,91,117,.8);}

.mcarousel .carousel_caption{position:absolute; left:50%; top:250px; width:1200px; margin-left:-600px; color:#fff; text-align:left; padding-top:18px;}
.mcarousel .carousel_caption .caption_num{position:absolute; top:0; left:0; width:190px; height:2px; background:#fff;}
.mcarousel .carousel_caption .caption_num span{position:absolute; right:-28px; top:50%; margin-top:-10px; font-size:14px; line-height:150%; font-weight:300; letter-spacing:1px; font-family:rbt; color:#fff;}
.mcarousel .carousel_caption .caption_txt01{display:inline-block; font-size:14px; line-height:150%; font-weight:300; letter-spacing:1px; font-family:rbt; color:#fff; margin-bottom:13px;}
.mcarousel .carousel_caption .caption_txt02{display:block; position:relative; font-size:44px; line-height:130%; font-family:nsr; font-weight:normal; letter-spacing:-3px; margin-bottom:35px;}
.mcarousel .carousel_caption .caption_txt03{display:inline-block; font-size:14px; line-height:150%; font-weight:300; letter-spacing:1px; font-family:rbt; color:#fff;}


.mcarousel_01{background:#f8f8f8 url('../images/main/mproject_01.jpg') no-repeat 50% top; height:800px;}
.mcarousel_02{background:#f8f8f8 url('../images/main/mproject_02.jpg') no-repeat 50% top; height:800px;}
.mcarousel_03{background:#f8f8f8 url('../images/main/mproject_03.jpg') no-repeat 50% top; height:800px;}
.mcarousel_04{background:#f8f8f8 url('../images/main/mproject_04.jpg') no-repeat 50% top; height:800px;}
.mcarousel_05{background:#f8f8f8 url('../images/main/mproject_05.jpg') no-repeat 50% top; height:800px;}
.mcarousel_06{background:#f8f8f8 url('../images/main/mproject_06.jpg') no-repeat 50% top; height:800px;}
.mcarousel_07{background:#f8f8f8 url('../images/main/mproject_07.jpg') no-repeat 50% top; height:800px;}


/* msection_quick */
.msection_quick{position:relative;}
.msection_quick ul{overflow:hidden; border:1px solid #ebebeb;}
.msection_quick ul li{float:left; width:20%; transition:all .25s ease;}
.msection_quick ul li .inner_box{display:block; height:226px; padding:15px; text-align:center; border-right:1px solid #ebebeb; box-sizing:border-box;}
.msection_quick ul li.quick1 .inner_box{background:#fff url('../images/main/mquick_ico1_or.png') no-repeat 50% 35px; background-size:43px 42px;}
.msection_quick ul li.quick1:hover .inner_box{background:#fff url('../images/main/mquick_ico1_ov.png') no-repeat 50% 25px; background-size:43px 42px;}
.msection_quick ul li.quick2 .inner_box{background:#fff url('../images/main/mquick_ico2_or.png') no-repeat 50% 35px; background-size:32px 48px;}
.msection_quick ul li.quick2:hover .inner_box{background:#fff url('../images/main/mquick_ico2_ov.png') no-repeat 50% 25px; background-size:32px 48px;}
.msection_quick ul li.quick3 .inner_box{background:#fff url('../images/main/mquick_ico3_or.png') no-repeat 50% 35px; background-size:42px 45px;}
.msection_quick ul li.quick3:hover .inner_box{background:#fff url('../images/main/mquick_ico3_ov.png') no-repeat 50% 25px; background-size:42px 45px;}
.msection_quick ul li.quick4 .inner_box {background:#fff url('../images/main/mquick_ico4_or.png') no-repeat 50% 31px; background-size:47px 46px;}
.msection_quick ul li.quick4:hover .inner_box{background:#fff url('../images/main/mquick_ico4_ov.png') no-repeat 50% 21px; background-size:47px 46px;}
.msection_quick ul li.quick5 .inner_box{background:#fff url('../images/main/mquick_ico5_or.png') no-repeat 50% 31px; background-size:42px 48px;}
.msection_quick ul li.quick5:hover .inner_box{background:#fff url('../images/main/mquick_ico5_ov.png') no-repeat 50% 21px; background-size:42px 48px;}
.msection_quick ul li:last-child .inner_box{border-right:none;}

.msection_quick ul li .servinfo_txt{display:block; line-height:140%;}
.msection_quick ul li .servinfo_txt.tit{font-size:18px; font-family:nsr; letter-spacing:-0.8px; color:#404040;  font-weight:normal; margin-bottom:15px; padding-top:85px;}
.msection_quick ul li .servinfo_txt.info{font-size:13px; letter-spacing:-0.5px; color:#707070;}


/* msection_news */
.msection_news{position:relative; margin-bottom:60px; padding-bottom:60px; border-bottom:1px solid #ebebeb;}
.msection_news .title_area{position:relative; text-align:center; margin-bottom:45px;}
.msection_news .title_area .tit{display:inline-block; font-size:38px; line-height:150%; font-weight:normal; letter-spacing:-2px; font-family:nsr; margin-bottom:10px; color:#001546;}
.msection_news .title_area .info_txt{position:relative; font-size:14px; line-height:150%; letter-spacing:-1px; font-weight:300; color:#606060;}

.msection_news .mnews ul li .card_box{display:block; position:relative; height:175px; background:#f8f8f8; padding:60px 20px 0; text-align:center; box-sizing:border-box;}
.msection_news .mnews ul li .card_box .tit{display:block; font-size:16px; color:#404040; letter-spacing:-1.5px; font-weight:normal; line-height:150%; overflow:hidden; box-sizing:border-box;}
.msection_news .mnews ul li .card_box .date{position:absolute; right:0; bottom:20px; left:0; color:#808080; transition:all .15s ease;}
.msection_news .mnews ul li .card_box .date i{display:inline-block; font-size:18px; margin-right:3px; vertical-align:middle;}
.msection_news .mnews ul li .card_box .date span{display:inline-block; font-family:rbt; line-height:150%; font-size:12px; font-weight:normal; letter-spacing:normal; vertical-align:middle;}
.msection_news .mnews ul li .card_box .cate{position:absolute; left:50%; top:20px; width:100px; height:28px; margin-left:-50px; line-height:28px; color:#1b89af; font-size:13px; padding:0 15px; letter-spacing:-0.8px; border-radius:2px; border:1px solid #1b89af; box-sizing:border-box;}
.msection_news .mnews ul li .card_box .more{position:absolute; right:0; bottom:-20px; left:0; color:#808080; transition:all .15s ease;}
.msection_news .mnews ul li .card_box .more i{display:inline-block; position:relative; font-size:18px; margin-left:3px; margin-top:-1px; vertical-align:middle;}
.msection_news .mnews ul li .card_box .more span{display:inline-block; font-family:rbt; line-height:150%; font-size:12px; font-weight:normal; letter-spacing:normal; vertical-align:middle;}

.msection_news .mnews ul li .card_box:hover{background:#032c5b;}
.msection_news .mnews ul li .card_box:hover .tit{color:#fff;}
.msection_news .mnews ul li .card_box:hover .date{color:#8e97a9; bottom:-20px;}
.msection_news .mnews ul li .card_box:hover .cate{color:#fff;}
.msection_news .mnews ul li .card_box:hover .more{color:#8e97a9; bottom:20px;}
.msection_news .mnews .bx-controls a i{line-height:36px;}
.msection_news .mnews .bx-prev{left:-18px; color:rgba(255,255,255,.8); background:rgba(119,123,136,.6);}
.msection_news .mnews .bx-prev{left:-18px; color:rgba(255,255,255,.8); background:rgba(119,123,136,.6);}
.msection_news .mnews .bx-prev:hover,
.msection_news .mnews .bx-prev:focus{color:rgba(255,255,255,1); background:rgba(119,123,136,.8);}
.msection_news .mnews .bx-next{right:-18px; color:rgba(255,255,255,.8); background:rgba(119,123,136,.6);}
.msection_news .mnews .bx-next:hover,
.msection_news .mnews .bx-next:focus{color:rgba(255,255,255,1); background:rgba(119,123,136,.8);}


/* msection_app */
.msection_app{position:relative; margin-bottom:60px; padding:60px 0; padding-right:305px; border-bottom:1px solid #ebebeb;}
.msection_app .mapp_list{position:relative; overflow:hidden; margin-left:-25px;}
.msection_app .mapp_list li{float:left; width:33.3333333%;}

.msection_app .mapp_box{display:block; position:relative; padding-top:155px; margin-left:25px; height:260px; box-sizing:border-box; border:1px solid #ebebeb;}
.msection_app .mapp_box .app_img{position:absolute; top:-1px; left:-1px; right:-1px; height:155px; transition:all .25s ease; z-index:5;}
.msection_app .mapp_box .app_img.app01{background:url("../images/main/mapp_01.png") no-repeat 50% 50%; background-size:286px 155px;}
.msection_app .mapp_box .app_img.app02{background:url("../images/main/mapp_02.png") no-repeat 50% 50%; background-size:286px 155px;}
.msection_app .mapp_box .app_img.app03{background:url("../images/main/mapp_03.png") no-repeat 50% 50%; background-size:282px 155px;}

.msection_app .mapp_box .app_cont{height:95px; padding-top:20px; text-align:center; box-sizing:border-box;}
.msection_app .mapp_box .app_cont .app_tit{display:block; font-weight:normal; letter-spacing:-1px; line-height:150%; color:#404040; font-size:18px; font-family:nsr; margin-bottom:5px;}
.msection_app .mapp_box .app_cont .app_info{display:block; font-size:13px; letter-spacing:-0.8px; color:#707070; line-height:140%;}
.msection_app .mapp_box .app_cont .app_circle{position:absolute; bottom:-85px; left:50%; width:80px; height:80px; margin-left:-40px; transition:all .25s ease;}
.msection_app .mapp_box .app_cont .app_circle:before{content:""; position:absolute; left:-20px; top:0; width:80px; height:80px; border-radius:50%; background:rgba(24,57,92,.8); z-index:1;}
.msection_app .mapp_box .app_cont .app_circle:after{content:""; position:absolute; right:-20px; top:0; width:80px; height:80px; border-radius:50%; background:rgba(27,137,175,.8); z-index:2;}

.msection_app .mapp_box:hover{padding-top:115px;}
.msection_app .mapp_box:hover .app_img{height:115px;}
.msection_app .mapp_box:hover .app_circle{bottom:-45px;}

.msection_app .mbn_topdown{position:absolute; right:0; top:0; width:282px; height:320px;}
.msection_app .mbn_topdown a{display:block;}
.msection_app .mbn_topdown img .top{width:282px; height:144px;}
.msection_app .mbn_topdown img .bottom{width:282px; height:176px;}