@charset "utf-8";
/* CSS Document */




/* 电脑板 */
@media screen and (min-width: 1025px) {

    /* content */
    #swiper-1 {position: relative; top: 0; left: 50%; width: 1920px; margin-left: -960px;}
    #swiper-1 .swiper-cont {position: absolute; top: 150px; left: 50%; margin-left: -590px; z-index: 1}
    #swiper-1 .swiper-cont-page {font: 20px/32px 'Noto Sans Korean'; color: #fff;}
    #swiper-1 .swiper-cont-page span{font: bold 30px/32px 'Noto Sans Korean'; color: #e60012;}
    #swiper-1 .swiper-cont-txt {font: 25px/36px 'Noto Sans Korean'; color: #fff; padding-top: 30px;font-weight:300;}
    #swiper-1 .swiper-cont-txt span{font: bold 40px/40px 'Noto Sans Korean'; color: #fff;}

    .main_bn {position: absolute; top: -70px; left: 0; width: 100%; height: 140px; background: #fff; box-shadow: 0 0 10px -3px rgba(0,0,0,.2); z-index: 10}
    .main_bn a{position: relative; display: block; float: left; width: 25%; text-align: center; padding: 20px 0;}
    .main_bn a:first-child:before{display: none;}
    .main_bn a:before{content: '\20'; position: absolute; top: 44px; left: 0; width: 1px; height: 52px; background: #dfdfdf;}

    .main_cont {padding-top: 80px;}
    .main_cont_left {position: relative; float: left; width: 300px;}
    .main_cont_left p{font: 15px/23px 'Noto Sans Korean'; color: #676767; padding-top: 10px;}
    .main_cont_left a{display: block; width: 180px; height: 48px; text-align: center; font: 14px/46px 'Noto Sans Korean'; color: #676767; background: #fff; border: 1px solid #dfdfdf; margin-top: 35px;}
    .main_cont_left .main_cont_icon{position: absolute; top: 75px; right: -180px;}

    .main_cont_right {float: right; width: 810px; text-align: right;}
    .main_cont_right div{float: left; background: #fff; border: 1px solid #dfdfdf; padding: 10px; margin-left: 20px;}
    .main_cont_right img{border: 1px solid #dfdfdf;}

    .main_icon_area {text-align: center;}
    .main_icon_area li{float: left; width: 25%;}
    .main_icon_area img{}
    .main_icon_area p{position: relative; font:  20px/22px 'Noto Sans Korean'; color: #000000; padding-top: 18px;font-weight:450;}
    .main_icon_area p:before{content: '\20'; position: absolute; bottom: -13px; left: 50%; margin-left: -10px; width: 20px; height: 1px; background: #e9424b;}
    .main_icon_area div{font: 14px/22px 'Noto Sans Korean'; color: #676767; padding-top: 30px;}


}

/* 小电脑 */
@media screen and (max-width: 1600px) {
}

/* 手机版 */
@media screen and (max-width: 1024px) {

    /* content */
    #swiper-1 {position: relative; top: 0; left: 50%; width: 260%; margin-left: -130%;}
    #swiper-1 .swiper-cont {position: absolute; top: 7rem; left: 20.5rem;  z-index: 1}
    #swiper-1 .swiper-cont-page {font: 1.6rem/1.6rem 'Noto Sans Korean'; color: #fff;}
    #swiper-1 .swiper-cont-page span{font: bold 2rem/2rem 'Noto Sans Korean'; color: #e60012;}
    #swiper-1 .swiper-cont-txt {font: .9rem/1.4rem 'Noto Sans Korean'; color: #fff; padding-top: .6rem;}
    #swiper-1 .swiper-cont-txt span{font: bold 1.8rem/2.4rem 'Noto Sans Korean'; color: #fff;}

    .main_bn {position: relative; top: -3rem; left: 0; width: 100%; background: #fff; box-shadow: 0 0 10px -3px rgba(0,0,0,.2); z-index: 10}
    .main_bn a{position: relative; display: block; float: left; width: 50%; text-align: center; padding: .6rem 0;}
    .main_bn a img{width: 100%;}
    .main_bn a:nth-child(3){clear: both;}
    .main_bn a:nth-child(3):before{display: none;}
    .main_bn a:first-child:before{display: none;}
    .main_bn a:before{content: '\20'; position: absolute; top: 1.5rem; left: 0; width: 1px; height: 3rem; background: #dfdfdf;}

    .main_cont {padding: 1rem 1rem 0;}
    .main_cont_left {position: relative;}
    .main_cont_left p{font: .9rem/1.1rem 'Noto Sans Korean'; color: #676767; padding-top: .5rem;}
    .main_cont_left a{display: block; width: 8rem; height: 2.2rem; text-align: center; font: .9rem/2.1rem 'Noto Sans Korean'; color: #676767; background: #fff; border: 1px solid #dfdfdf; margin-top: 1.5rem;}
    .main_cont_left .main_cont_icon{position: absolute; top: 2rem; right: 0; width: 10rem;}

    .main_cont_right {padding-top: 1rem; width: 100%;}
    .main_cont_right div{float: left; background: #fff; border: 1px solid #dfdfdf; padding: .5rem; margin-top: 1rem;}
    .main_cont_right img{border: 1px solid #dfdfdf; width: 100%;}

    .main_icon_area {text-align: center; }
    .main_icon_area li{float: left; width: 50%; padding: 0 1rem;}
    .main_icon_area li:nth-child(3){clear: both; margin-top: 1.5rem;}
    .main_icon_area li:nth-child(4){margin-top: 1.5rem;}
    .main_icon_area img{width: 6rem;}
    .main_icon_area p{position: relative; font: bold 1.1rem/1.2rem 'Noto Sans Korean'; color: #000000; padding-top: .9rem;}
    .main_icon_area p:before{content: '\20'; position: absolute; bottom: -.5rem; left: 50%; margin-left: -.4rem; width: 1rem; height: 1px; background: #e9424b;}
    .main_icon_area div{font: .9rem/1.3rem 'Noto Sans Korean'; color: #676767; padding-top: 1.5rem;}


}

/* 客户脑洞 */
@media screen and (min-width: 1921px) {

}