@charset "utf-8";

/* main css */
#wrap.main{overflow:hidden; min-width:1440px; position:relative;}
#wrap.main *{box-sizing:border-box;}
#wrap.main .sec .tit{text-align:center;}
#wrap.main .sec .tit.left{text-align:left;}
#wrap.main .sec .tit h3{font-size:48px; color:#000; font-weight:500; line-height:1; letter-spacing:-0.96px;}
#wrap.main .inner{width:100%; max-width:1400px; margin:0 auto; position:relative;}


/* main_visual */
.main_visual{width:100%; height:800px; position:relative; z-index:1; overflow:hidden;}
.main_visual .bg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background-size:cover; background-repeat:no-repeat; background-position:center;}
.main_visual .box{width:960px; height:650px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.main_visual .box .rect_area{width:580px; height:100%; margin:0 auto; background:url('/resources/images/index/main_visual_rect_area_bg.png')no-repeat center / 100%; box-shadow: -20px 40px 60px 8px rgba(0, 0, 0, 0.50); backdrop-filter:blur(10px)}
.main_visual .box .rect_area i.img1{width:236px; position:absolute; left:-97px; bottom:250px; z-index:2; animation:rectImg 4s linear infinite alternate;}
.main_visual .box .rect_area i.img1 img{width:100%;}
.main_visual .box .rect_area i.img2{width:479px; position:absolute; right:-197px; bottom:280px; z-index:2; transform:translateY(10%); animation:rectImg 4s linear infinite alternate; animation-direction:alternate-reverse;}
.main_visual .box .rect_area i.img2 img{width:100%;}
.main_visual .box p{font-size:40px; color:#fff; text-align:left; font-weight:500; letter-spacing:-0.03em; line-height:1.4; position:absolute; left:0; bottom:0; padding:50px 0 100px; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.30);}
.main_visual .scroll_icon{position:absolute; left:50%; bottom:20px; transform:translateX(-50%); animation:rectImg 0.5s linear infinite alternate;}
.main_visual .scroll_icon .icon1{width:23px; height:32px; display:block; margin:0 auto; }
.main_visual .scroll_icon .icon2{width:13px; display:block; margin:6px auto 0;}
.main_visual .scroll_icon .icon2:before{content:""; display:block; width:13px; height:7px; background:url("/resources/images/index/main_visual_mouse_arrow.svg")no-repeat center / 100%;}
.main_visual .scroll_icon .icon2:after{content:""; margin-top:2px; display:block; width:13px; height:7px; background:url("/resources/images/index/main_visual_mouse_arrow.svg")no-repeat center / 100%;}
@keyframes rectImg {
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(10%);
    }
}


/* main_news */
.main_news{padding:120px 0 160px; background:#fff;}
.main_news .item_wrap{margin-top:60px; display:flex; gap:45px; margin-bottom:140px;}
.main_news .item_wrap .item{width:calc(33.333333% - 30px);}
.main_news .item_wrap .item a{display:block;}
.main_news .item_wrap .item a .img_area{width:100%; height:360px; border-radius:20px; overflow:hidden;}
.main_news .item_wrap .item a .img_area img{width:100%; height:100%; object-fit:cover; transition:0.3s;}
.main_news .item_wrap .item a .txt_area{padding:60px 0 20px;}
.main_news .item_wrap .item a .txt_area ul{display:flex; gap:10px; margin-bottom:34px;}
.main_news .item_wrap .item a .txt_area ul li{padding:10px 30px; border-radius:30px; background:#F0F1FC; font-size:16px; color:#333; font-weight:400;}
.main_news .item_wrap .item a .txt_area strong{display:block; font-size:24px; color:#333; font-weight:500; line-height:36px; letter-spacing:-0.72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical}
.main_news .item_wrap .item a .txt_area p{margin-top:16px; font-size:16px; color:#666; font-weight:400; line-height:1.3; letter-spacing:-0.32px;}
.main_news .item_wrap .item a:hover .img_area img{transform:scale(1.1);}
.main_news .item_wrap .item a:hover .txt_area strong{text-decoration:underline;}
.main_news .notice_wrap{display:flex; align-items:start; justify-content:space-between; padding-top:40px;}
.main_news .notice_wrap h4{font-size:38px; color:#000; font-weight:500; line-height:1; letter-spacing:-1.14px;;}
.main_news .notice_wrap .list_area{height:132px; position:relative;}
.main_news .notice_wrap .list_area:before{content:""; width:860px; height:2px; background:#333; position:absolute; left:0; top:0;}
.main_news .notice_wrap .list_area:after{content:""; width:860px; height:2px; background:#333; position:absolute; left:0; bottom:0;}
.main_news .notice_wrap .list_area ul{width:904px; height:100%; padding-right:40px; overflow-y:auto;}
.main_news .notice_wrap .list_area ul::-webkit-scrollbar {width: 4px; height: 4px;}
.main_news .notice_wrap .list_area ul::-webkit-scrollbar-track {background: #F3F3F3;}
.main_news .notice_wrap .list_area ul::-webkit-scrollbar-thumb {background: #333;}
.main_news .notice_wrap .list_area ul li{position:relative; height:44px;}
.main_news .notice_wrap .list_area ul li > span{font-size:14px; letter-spacing:-0.32px; color:#666; position:absolute; right:20px; top:50%; transform:translateY(-50%);}
.main_news .notice_wrap .list_area ul li a{padding:10px 20px; display:flex; align-items:center; gap:10px; width:100%; height:100%; box-sizing:border-box;}
.main_news .notice_wrap .list_area ul li a span{font-size:18px; letter-spacing:-0.6px; line-height:1.1; color:#333; font-weight:500;}
.main_news .notice_wrap .list_area ul li a .icon_box{ display:inline-block; vertical-align:middle;}
.main_news .notice_wrap .list_area ul li a .icon_new{ display:none; }
.main_news .notice_wrap .list_area ul li.new a .icon_new{display:inline-block;}
.main_news .notice_wrap .list_area ul li + li{border-top:1px solid #ccc}
.main_news .notice_wrap .list_area ul li a:hover span{text-decoration:underline;}

.main_news .notice_view_wrap{ display:none;/* float:right; width:220px;*/ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.6); z-index:15; }
.main_news .notice_view_wrap.on{display:block;}
.main_news .notice_view_wrap .view_tit{position:relative; height:60px; padding-top:10px;}
.main_news .notice_view_wrap h3{overflow:hidden; height:40px; font-size:16px; font-weight:bold; line-height:1.2em; word-break:break-all; color:#0c4da2;}
.main_news .notice_view_wrap .date{font-size:14px; text-align:right; color:#888888;}
.main_news .notice_view_wrap .view_wrap{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);  }
.main_news .notice_view_wrap .view_wrap .close_btn{ position:absolute; right:-30px; top:0; width:30px; height:30px;}
.main_news .notice_view_wrap .view_wrap .close_btn img{max-width:100%;}
.main_news .notice_view_wrap .view_area{overflow-y:auto; width:220px; height:230px; padding:10px 20px; background:#fff; border:1px solid #dcdcdc; box-sizing:border-box; }
.main_news .notice_view_wrap .view_area ul{display:none;}
.main_news .notice_view_wrap .view_area ul.on{display:block;}
.main_news .notice_view_wrap .view_area ul li{padding:10px 0;}
.main_news .notice_view_wrap .view_area ul li a{display:inline-block; border-bottom:1px solid #444; font-size:14px; color:#444; }
.main_news .notice_view_wrap .view_area ul li.on a{ color:#0c4da2; border-bottom-color:#0c4da2; }


/* main_ps */
.main_ps{padding:120px 0 160px; background:#ECEFF5;}
.main_ps .item_wrap{margin-top:60px; display:flex; gap:40px; flex-wrap:wrap;}
.main_ps .item_wrap .item{width:calc(50% - 20px); height:340px; border-radius:20px; background:#fff; padding:50px; box-sizing:border-box; position:relative; z-index:1; overflow:hidden;}
.main_ps .item_wrap .item .bg{opacity:0; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition:0.2s;}
.main_ps .item_wrap .item h4{font-size:38px; color:#333; font-weight:500; letter-spacing:-1.14px; transition:0.2s;}
.main_ps .item_wrap .item p{font-size:20px; color:#333; font-weight:400; line-height:1.5; letter-spacing:-0.6px; margin-top:25px; transition:0.2s;}
.main_ps .item_wrap .item ul{display:flex; gap:20px; position:absolute; width:100%; left:50px; bottom:50px;}
.main_ps .item_wrap .item ul li a{display:block; padding:10px 26px 10px 0; position:relative; font-size:18px; color:#333; font-weight:500; line-height:1.5; letter-spacing:-0.5px; border-bottom:1px solid #333; transition:0.2s;}
.main_ps .item_wrap .item ul li a:before{content:""; width:16px; height:16px; position:absolute; right:0; top:50%; transform:translateY(-50%); background:url('/resources/images/index/main_ps_icon_arrow_black.svg')no-repeat center / 100%; transition:0.2s;}
.main_ps .item_wrap .item:hover .bg{opacity:1;}
.main_ps .item_wrap .item:hover h4{color:#fff;}
.main_ps .item_wrap .item:hover p{color:#fff;}
.main_ps .item_wrap .item:hover ul li a{color:#fff; border-bottom-color:#fff;}
.main_ps .item_wrap .item:hover ul li a:before{background:url('/resources/images/index/main_ps_icon_arrow_white.svg')no-repeat center / 100%;}


/* main_cl */
.main_cl{padding:120px 0 160px; background:#fff;}
.main_cl .item_wrap{margin-top:60px; display:flex; gap:12px;}
.main_cl .item_wrap .item{width:calc(25% - 9px); height:160px; border-radius:20px;}
.main_cl .item_wrap .item a{display:block; width:100%; height:100%; border-radius:20px; border:1px solid #ccc; padding:20px 30px; position:relative; z-index:1; box-sizing:border-box; transition:0.2s;}
.main_cl .item_wrap .item a .bg{opacity:0; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition:0.2s;}
.main_cl .item_wrap .item a h4{font-size:24px; color:#222; font-weight:500; letter-spacing:-0.72px; transition:0.2s;}
.main_cl .item_wrap .item a i{margin-top:10px; display:block; width:20px; height:20px; background:url('/resources/images/index/main_cl_arrow_black.svg')no-repeat center / 100%; transition:0.2s;}
.main_cl .item_wrap .item a:hover{background:#2C7CD8; border-color:#2C7CD8; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.16);}
.main_cl .item_wrap .item a:hover .bg{opacity:1;}
.main_cl .item_wrap .item a:hover h4{color:#fff;}
.main_cl .item_wrap .item a:hover i{background:url('/resources/images/index/main_cl_arrow_white.svg')no-repeat center / 100%;}
.main_cl .software_wrap{margin:70px 0 80px;}
.main_cl .software_wrap .software_tab{overflow-x:auto;}
.main_cl .software_wrap .software_tab ul{display:block; width:max-content;}
.main_cl .software_wrap .software_tab::-webkit-scrollbar {width: 4px; height: 4px;}
.main_cl .software_wrap .software_tab::-webkit-scrollbar-track {background: #F3F3F3;}
.main_cl .software_wrap .software_tab::-webkit-scrollbar-thumb {background: #333;}
.main_cl .software_wrap .software_tab li{display:inline-block; vertical-align:top;}
.main_cl .software_wrap .software_tab li a{display:block; font-size:20px; color:#333; letter-spacing:-0.6px; font-weight:400; padding:30px 45px; position:relative;}
.main_cl .software_wrap .software_tab li a:before{content:""; display:none; width:1px; height:26px; background:#ccc; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.main_cl .software_wrap .software_tab li + li a:before{display:block;}
.main_cl .software_wrap .software_tab li a span{display:block;}
.main_cl .software_wrap .software_tab li.active a{color:#2C7CD8; font-weight:500;}
.main_cl .software_wrap .software_tab li a:hover{color:#2C7CD8; font-weight:500;}
.main_cl .software_wrap .software_list{padding:30px 0;}
.main_cl .software_wrap .software_list table{display:none; border-top:1px solid #000; border-bottom:1px solid #000; width:100%;}
.main_cl .software_wrap .software_list table:nth-of-type(1){display:table;}
.main_cl .software_wrap .software_list table tr{border-bottom:1px solid #ccc;}
.main_cl .software_wrap .software_list table tr th{text-align:center; border-right:1px solid #ccc; height:70px; font-size:18px; color:#333; font-weight:500; padding:20px; box-sizing:border-box;}
.main_cl .software_wrap .software_list table tr th:last-child{border-right:none;}
.main_cl .software_wrap .software_list table tr td{text-align:center; border-right:1px solid #ccc;  height:70px; font-size:18px; color:#333; font-weight:300; padding:20px; box-sizing:border-box;}
.main_cl .software_wrap .software_list table tr td:last-child{border-right:none;}
.main_cl .software_wrap .software_list table tr td.left{text-align:left;}
.main_cl .software_wrap .software_list table tr td a.download{display:block; margin:0 auto; font-size:0; text-indent:-9999px; width:40px; height:40px; padding:8px; background-size:24px; background-position:center; background-repeat:no-repeat; background-image:url('/resources/images/index/software_down_icon_black.svg'); transition:0.2s;}
.main_cl .software_wrap .software_list table tr td a.download:hover{background-image:url('/resources/images/index/software_down_icon_color.svg');}
.main_cl .software_wrap .desc_area ul li{padding-left:20px; position:relative; box-sizing:border-box; font-size:16px; color:#333; font-weight:300; line-height:1.5;}
.main_cl .software_wrap .desc_area ul li:before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:3px; height:3px; background:#333; border-radius:50%;}
.main_cl .bottom_wrap{background:#ECEFF5; border-radius:20px; padding:80px; box-sizing:border-box; display:flex; align-items:center;}
.main_cl .bottom_wrap .video_area{width:640px; height:360px; border-radius:20px; overflow:hidden; background:000;}
.main_cl .bottom_wrap .video_area iframe{width:100%; height:100%;}
.main_cl .bottom_wrap .link_area{width:calc(100% - 640px); padding-left:100px; box-sizing:border-box;}
.main_cl .bottom_wrap .link_area ul li{padding:30px 0; border-bottom:1px solid #333; font-size:20px; color:#333; font-weight:500; line-height:1.5; position:relative;}
.main_cl .bottom_wrap .link_area ul li a{display:block; font-size:20px; color:#333; font-weight:500; line-height:1.5; position:relative; transition:0.2s;}
.main_cl .bottom_wrap .link_area ul li .right{display:flex; align-items:center; gap:20px; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:0.2s;}
.main_cl .bottom_wrap .link_area ul li .right a{padding-right:30px;}
.main_cl .bottom_wrap .link_area ul li i{width:24px; height:24px; background-size:24px; background-position:center; background-repeat:no-repeat; background-image:url('/resources/images/index/software_down_icon_black.svg'); position:absolute; right:0; top:50%; transform:translateY(-50%); transition:0.2s;}
.main_cl .bottom_wrap .link_area ul li a:hover{color:#2C7CD8}
.main_cl .bottom_wrap .link_area ul li a:hover i{background-image:url('/resources/images/index/software_down_icon_color.svg');}


/* main_technical */
.main_technical{padding:120px 0 160px; background:#f3f3f3;}
.main_technical .item_wrap{margin-top:60px;}
.main_technical .item_wrap .item{width:100%;}
.main_technical .item_wrap .item + .item{margin-top:100px;}
.main_technical .item_wrap .item a{display:flex; align-items:center;}
.main_technical .item_wrap .item a .img_area{width:640px; height:340px; border-radius:20px; overflow:hidden;}
.main_technical .item_wrap .item a .img_area img{width:100%; height:100%; object-fit:cover; transition:0.3s;}
.main_technical .item_wrap .item a .txt_area{padding-left:100px; width:calc(100% - 640px); box-sizing:border-box;}
.main_technical .item_wrap .item a .txt_area ul{display:flex; gap:10px; margin-bottom:34px;}
.main_technical .item_wrap .item a .txt_area ul li{padding:10px 30px; border-radius:30px; background:#fff; font-size:16px; color:#333; font-weight:400;}
.main_technical .item_wrap .item a .txt_area strong{display:block; font-size:24px; color:#333; font-weight:500; line-height:36px; letter-spacing:-0.72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical}
.main_technical .item_wrap .item a .txt_area p{margin-top:16px; font-size:16px; color:#666; font-weight:400; line-height:1.3; letter-spacing:-0.32px;}
.main_technical .item_wrap .item a:hover .img_area img{transform:scale(1.1);}
.main_technical .item_wrap .item a:hover .txt_area strong{text-decoration:underline;}


/* main_banner */
.main_banner{padding:140px 0; background:url('/resources/images/index/main_banner_bg.jpg')no-repeat center / cover; background-attachment:fixed;}
.main_banner ul{display:flex; gap:80px;}
.main_banner ul li{width:calc(50% - 40px); height:240px;}
.main_banner ul li a{display:block; width:100%; height:100%; border-radius:20px; position:relative; padding:45px; box-sizing:border-box; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px);}
.main_banner ul li a h4{font-size:36px; color:#fff; font-weight:500; letter-spacing:-0.72px;}
.main_banner ul li a p{margin-top:29px; font-size:18px; color:#fff; font-weight:400; line-height:1.5; letter-spacing:-0.54px; word-break:keep-all;}
.main_banner ul li a:before{content:""; width:30px; height:30px; position:absolute; right:45px; top:45px; background:url('/resources/images/index/main_banner_icon.svg')no-repeat center / 100%;}


/* main_quick_menu */
.main_quick_menu{position:fixed; right:50px; bottom:40px; z-index:10; opacity:0; visibility:hidden; transition:opacity 0.3s, visibility 0.3s;}
.main_quick_menu a{display:block; width:70px; height:70px; border-radius:50%; background:#fff; border:1px solid #ccc; overflow:hidden; font-size:0;}
.main_quick_menu a:before{content:""; width:24px; height:24px; background:url('/resources/images/index/main_quick_menu_top_black.svg')no-repeat center / 100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.main_quick_menu.active{opacity:1; visibility:visible;}
.main_quick_menu.on{position:absolute;}

/* popup  - software popup */
.popup_wrap{overflow-y:auto; display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:2000;}
.popup_wrap.on{display:block;}
.popup_wrap .pop_inner{padding:40px 60px; background-color:#fff;}
.popup_wrap .pop_tit{position:relative; display:inline-block; padding-bottom:18px; margin-bottom:25px; font-size:38px; line-height:1em; color:#000;}
.popup_wrap .pop_tit:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#000;}
.popup_wrap .pop_tit2{padding-bottom:25px; font-size:30px; font-weight:600; color:#000; text-align:left;}
.popup_wrap .btn_center{padding-top:30px;}
.popup_wrap .pop_close_btn{position:absolute; right:0; top:0; width:46px; height:46px; background:url(/resources/images/common/pop_close_w.png) 50% 50% no-repeat #043285; text-indent:-9999px;}
.popup_wrap.box_popup[data-popup="email"] .pop_inner_wrap{top:50%; width:750px; height:246px; margin-top:-123px;}
.popup_wrap.box_popup[data-popup="idea"] .pop_inner_wrap{top:50%; width:750px; height:378px; margin-top:-189px;}
.popup_wrap.box_popup .pop_inner{padding:52px 60px; text-align:left;}
.popup_wrap.box_popup p{font-size:16px; line-height:1.5em; color:#333; word-break:keep-all; word-wrap:break-word;}
.popup_wrap.box_popup .txt1{margin-bottom:30px;}
.popup_wrap.certification_popup .pop_inner_wrap{top:100px; padding-bottom:100px;}
.popup_wrap.certification_popup .pop_inner{padding:0;}
.popup_wrap.certification_popup[data-popup="family"] .pop_inner_wrap{width:537px; height:752px;}
.popup_wrap.certification_popup[data-popup="web"] .pop_inner_wrap{width:537px; height:711px;}
.popup_wrap .pop_form_list{width:100%;}
.popup_wrap .pop_form_list li{overflow:hidden; margin-bottom:20px; text-align:left;}
.popup_wrap .pop_form_list li label{float:left; width:180px; font-size:20px; font-weight:600; color:#333; height:45px; line-height:45px;}
.popup_wrap .pop_form_list li label .point_txt{display:inline-block; vertical-align:middle;}
.popup_wrap .pop_form_list li input[type="text"]{width:450px; padding:0 15px; border:1px solid #ccc; line-height:45px; height:45px; box-sizing:border-box; font-size:16px; color:#333;}
.popup_wrap .pop_form_list li:last-child{margin-bottom:0;}
.popup_wrap .pop_form_list li.line{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc;}
.software_popup{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); }
.software_popup .pop_inner{margin:0; padding:58px 60px; width:750px; height:648px;text-align:center; box-sizing:border-box;margin-left:0;top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.software_popup .pop_inner h1{padding-top:0;}
.software_popup .agree_box{margin-bottom:20px;padding:30px;border:1px solid #ccc;text-align:left;height:318px; overflow-y:auto;box-sizing:border-box;}
.software_popup .agree_box h2{margin-bottom:18px;font-size:20px;color:#333;font-weight:400;text-align:left;}
.software_popup .agree_box dl{overflow:hidden;margin-bottom:20px;}
.software_popup .agree_box dl > *{ font-size:16px; display:inline-block; vertical-align:top; }
.software_popup .agree_box dl.last{margin-bottom:0;}
.software_popup .agree_box dl dt{width:15px; padding-top:3px;}
.software_popup .agree_box dl dd{width:95%; width:calc(100% - 22px); width:-webkit-calc(100% - 22px); line-height:24px;}
.software_popup .agree_area{overflow:hidden; text-align:left;}
.software_popup .agree_area p{float:left; color:#333; line-height:24px; font-size:16px;}
.software_popup .agree_area .agree_form{float:right; line-height:24px;}
.software_popup .agree_area .agree{margin-left:40px;}
.software_popup .agree_area .agree:first-child{margin-left:0;}
.software_popup .btn_center{padding-top:40px;}
.software_popup .btn_center .btn{ display:inline-block; width:160px; height:45px; line-height:45px; text-align:center; background:#043285; color:#fff; font-size:16px; box-sizing:border-box; }

/* form - agree */
.agree_area .agree{display:inline-block; margin-left:25px;}
.agree_area .agree input[type="radio"]{width:19px; height:19px; vertical-align:-4px;}
.agree_area .agree label{margin-left:8px;font-size:16px;color:#666;}
.agree_area .agree:first-child{margin-left:0;}
.agree_area .agree *{display:inline-block;}