.swiper {width:100%; height:100%;}
.swiper-slide {display:flex;}
.swiper-slide img {display:block; width:100%; height:100%; object-fit:cover;}

html, body, #wrap {width:100%; min-width:1240px; height:100%;}

.partner_info {height:40px; border-bottom:1px solid #adadad; background-color:#ececed;}
.partner_info .inner {margin:0 auto; width:1200px; text-align:center;}
.partner_info a {display:inline-block; line-height:40px; font-weight:bold; color:#b7000d;}
.partner_info a i {margin-right:5px;}
.partner_info a span {text-decoration:underline;}

#header {position:relative; height:120px; background:linear-gradient(45deg, #0977c9 60%, #2af598 100%) !important; z-index:11;}
#header.menu_view .all_menu_area {display:block; border-top:1px solid #ddd;}
#header.menu_view .btn_menu .fa-bars {display:none !important;}
#header.menu_view .btn_menu .fa-xmark {display:block !important;}
#header.menu_view .btn_menu {color:yellow !important;}
#header .header_inner {position:relative; margin:0 auto; width:1200px; height:120px;}
#header .logo {position:absolute; top:38px; left:0;}
#header .logo a {display:block; width:232px; height:43px;}
#header .logo img.main {display:none;}
#header .logo img.sub {display:block;}
#header .util_area {padding-top:15px; height:28px;}
#header .util_area .svc {float:right;}
#header .util_area .svc li {float:left; line-height:28px;}
#header .util_area .svc li:after {float:left; margin:13px 10px; content:''; width:2px; height:2px; background-color:#fff;}
#header .util_area .svc li:first-child:after {display:none;}
#header .util_area .svc a {color:#fff; font-weight:300;}
#header .util_area .svc a:hover {text-decoration:none; color:yellow;}
#header .util_area .account_area {float:right; margin-left:25px;}
#header .util_area .account_area .btn {float:left; padding:0 10px; margin-right:5px; height:28px; line-height:28px; border-radius:3px; background-color:#fff; color:#0977c9; font-weight:bold;}
#header .util_area .account_area .user {float:left; margin-right:10px; height:28px; line-height:28px; color:yellow;}
#header .util_area .account_area .user i {margin-right:5px;}

#header .gnb_area {margin-top:25px;}
#header .gnb_area .gnb {float:right;}
#header .gnb_area .gnb li {float:left; margin-left:25px;}
#header .gnb_area .gnb li:first-child {margin-left:0;}
#header .gnb_area .gnb a {position:relative; display:block; padding:0 5px 10px 5px; font-size:17px; color:#fff;}
#header .gnb_area .gnb a:hover {text-decoration:none;}
#header .gnb_area .gnb a:before,
#header .gnb_area .gnb a:after {position:absolute; bottom:0; content:''; width:0; border-bottom:2px solid #fff; transition:width 0.3s;}
#header .gnb_area .gnb a:before {right:50%;}
#header .gnb_area .gnb a:after {left:50%;}
#header .gnb_area .gnb a:hover:before,
#header .gnb_area .gnb a:hover:after {width:50%;}
#header .gnb_area .gnb .btn_menu i {float:right; margin:1px 0 0 5px; width:20px; text-align:center; font-size:20px;}
#header .gnb_area .gnb .btn_menu .fa-xmark {display:none;}
#header .gnb_area .gnb .btn_menu:before,
#header .gnb_area .gnb .btn_menu:after {display:none;}
#header .gnb_area .gnb .btn_menu:hover {color:yellow;}

#header .all_menu_area {display:none; position:absolute; top:120px; left:0; right:0; background-color:#fff; box-shadow:1px 4px 8px rgba(0, 0, 0, 0.1);}
#header .all_menu_area .inner {position:relative; margin:auto; padding:10px 0 30px 0; width:1200px; box-sizing:border-box; background:url('/public/images/bg_all_menu.png') repeat-y 0 0;}
#header .all_menu_area .row {margin-top:30px;}
#header .all_menu_area .row:first-child {margin-top:0;}
#header .all_menu_area .row:after {display:block; content:''; clear:both;}
#header .all_menu_area .row dl {float:left; margin-left:1px; padding:0 20px; width:230px; box-sizing:border-box;}
#header .all_menu_area .row dt {margin-bottom:10px; padding:0 10px; font-size:17px; color:#0977c9; font-weight:500;}
#header .all_menu_area .row a {display:block; margin-bottom:5px; padding:0 10px; height:28px; line-height:28px;}
#header .all_menu_area .row a:hover {text-decoration:none; background-color:#0977c9; color:#fff;}
#header .all_menu_area .menu_banner {position:absolute; top:50%; right:40px; margin:-150px 0 0 0; width:400px; height:300px; background:url('/public/images/menu_banner/1.png') no-repeat 0 0;}
#header .all_menu_area .menu_banner {line-height:300px; text-align:center;}

#header.main {background:none !important;}
#header.main .logo img.sub {display:none;}
#header.main .logo img.main {display:block;}
#header.main .gnb_area .gnb a {color:#111; font-weight:500;}
#header.main .util_area .svc a {color:#111; font-weight:400;}
#header.main .util_area .account_area .user {color:#0977c9;}
#header.main .util_area .account_area .btn {background-color:#0977c9; color:#fff; font-weight:normal;}
#header.main.menu_view .btn_menu {color:#0977c9 !important;}
#header.main .gnb_area .gnb .btn_menu:hover {color:#0977c9;}


#footer {background-color:#eee;}
#footer .footer_inner {position:relative; margin:0 auto; padding:50px 100px 50px 230px; width:1200px; box-sizing:border-box;}
#footer .logo {position:absolute; top:50px; left:0; width:187px; height:35px; background:url('/public/images/logo_f.png?v') no-repeat 0 0; background-size:187px 35px;}

#footer .menu {margin-bottom:10px; height:23px;}
#footer .menu li {float:left; margin-right:25px;}
#footer .menu a {font-weight:bold; line-height:23px; font-size:15px;}
#footer .menu a:hover {text-decoration:underline;}
#footer .tip {margin-bottom:10px; line-height:17px; font-size:13px; color:#666;}
#footer .center {height:60px; line-height:60px; text-align:center; font-size:18px; background-color:#0a1f55; color:#fff;}
#footer .center i {margin-right:5px; font-size:20px;}
#footer .center em {color:#00b4e6;}
#footer .copyright {font-size:13px; color:#666;}


/**************************************/
#header .btn_service_more {display:none;}
#header .mobile_menu {display:none;}
/**************************************/

@media (max-width:700px) {

    html, body, #wrap {min-width:100%;}
    .pop {overflow:hidden !important;}

    .partner_info {height:40px; border-bottom:1px solid #adadad; background-color:#ececed;}
    .partner_info .inner {width:100%; text-align:center;}

    #header {height:50px; box-shadow:0 4px 10px rgba(0,0,0,0.1);}
    #header .header_inner {width:100%; height:50px;}
    #header .util_area {display:none;}
    #header .gnb_area {display:none;}
    #header .logo {position:initial;}
    #header .logo a {float:left; margin:10px 0 0 15px; width:164px; height:30px;}
    #header .logo img {width:164px; height:30px;}

    #header .btn_service_more {display:block; float:right; width:50px; height:50px;}
    #header .btn_service_more i {font-size:24px; color:#fff;}

    #header.main .btn_service_more i {font-size:24px; color:#0977c9;}


    #header .mobile_menu {display:block; position:fixed; top:0; bottom:0; left:100%; width:100%; background-color:#fff; z-index:9999; transition:left .3s ease, opacity .3s ease; opacity:0;}
    #header .mobile_menu.view {left:0; opacity:1;}
    #header .mobile_menu .hd {height:70px; border-bottom:1px solid #ddd;}
    #header .mobile_menu .login_info {float:right; margin:15px 15px 0 0;}
    #header .mobile_menu .login_info a {float:left; height:40px; line-height:40px;}
    #header .mobile_menu .login_info a:first-child:after {float:right; content:''; margin:14px 15px 0 15px; width:1px; height:12px; background-color:#d9d9d9;}
    #header .mobile_menu .login_info .user {color:#0977c9;}
    #header .mobile_menu .login_info .user i {margin-right:5px;}
    #header .mobile_menu .btn_area {float:right; margin:15px 10px 0 0;}
    #header .mobile_menu .btn_area a {float:left; margin-left:5px; width:40px; height:40px; text-align:center;}
    #header .mobile_menu .btn_area i {font-size:22px; line-height:40px;}
    #header .mobile_menu .btn_area .fa-xmark {font-size:30px;}
    #header .mobile_menu .bd {position:absolute; top:71px; left:0; right:0; bottom:0; background-color:#f4f5f7;}
    #header .mobile_menu .menu_list {width:39%;}
    #header .mobile_menu .menu_list > li > a {display:block; padding:15px 10px 15px 24px; font-size:16px;}
    #header .mobile_menu .item {display:none; position:absolute; left:39%; top:0; right:0; bottom:0; background-color:#fff;}
    #header .mobile_menu .item li {border-bottom:1px solid #f4f5f7;}
    #header .mobile_menu .item li a {display:block; padding:20px 0 20px 24px; font-size:16px; font-weight:bold;}
    #header .mobile_menu li.active .tit {font-weight:bold; color:#0977c9;}
    #header .mobile_menu li.active .item {display:block;}

    #footer .center {padding:10px; height:initial; line-height:initial;}
    #footer .center span {display:block; font-size:15px;}
    #footer .center span:first-child {margin-bottom:5px;}
    #footer .center .dash {display:none;}
    #footer .center i {font-size:15px;}

    #footer .footer_inner {padding:50px 20px 70px 20px; width:100%;}
    #footer .logo {position:relative; margin-bottom:35px; top:initial; left:initial; width:164px; height:30px; background-size:164px 30px;}
    #footer .menu li {margin-bottom:10px;}
    #footer .menu {height:100%;}
    #footer .menu a {font-weight:normal;}
    #footer .menu:after {display:block; content:''; clear:both;}
    #footer .tip {color:#999;}
    #footer .copyright {font-size:11px; font-weight:bold;}

}