@charset "utf-8";

.wrap {width:100%; height:100%;}
.pc {display:block;}
.m {display:none;}
.br_pc {display:block;}
.br_m {display:none;}
.mask {display:none; position:fixed; z-index:99; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7;}
.openMenu {overflow:hidden;}
.openMenu .mask {display:block;}

body::-webkit-scrollbar {width:6px; }
body::-webkit-scrollbar-thumb {border-radius:6px; background:#000;}
body::-webkit-scrollbar-track {border-radius:0; background:#AAA;}

.header {z-index:2; position:fixed; left:0; top:0; width:100%; height:100px; line-height:100px; transition:height .3s .1s;}
.header .logo {z-index:2; position:absolute; left:77px; top:50%; transform:translateY(-50%);}
.header .logo a {display:block; width:151px; height:25px; background:url('../img/logo_header_01.png') no-repeat 0 0/100%; overflow:hidden; text-indent:-999px;}
.header .gnb {z-index:1; position:relative; text-align:center; font-size:0; transition:.3s .1s;}
.header .gnb ul {display:inline-block; vertical-align:middle;}
.header .gnb ul li {float:left; width:200px;}
.header .gnb ul li a {position:relative; display:inline-block; vertical-align:middle; padding:0 12px; color:#FFF; font-size:20px; line-height:20px; font-weight:500;}
.header .gnb ul li a:after {content:''; position:absolute; left:0; bottom:-16px; width:0; height:2px; background:#FFF; opacity:0; transition:.2s .1s;}
.header .gnb ul li.on a:after {opacity:1; width:100%;}
.header .gnb ul li:hover a:after {opacity:1; width:100%;}
.header .lang {z-index:2; position:absolute; right:84px; top:50%; transform:translateY(-50%);}
.header .lang ul li {float:left; line-height:100px;}
.header .lang ul li + li {margin-left:20px;}
.header .lang ul li a {position:relative; display:inline-block; vertical-align:middle; color:#FFF; font-family:'MyriadPro', sans-serif; font-size:18px; font-weight:700; line-height:18px;}
.header .lang ul li a:after {content:''; position:absolute; left:0; bottom:-6px; width:0; height:3px; background:#FFF; opacity:0; transition:.2s .1s;}
.header .lang ul li:hover a {color:#FFF;}
.header .lang ul li:hover a:after {width:100%; opacity:1;}
.header .lang ul li.on a {color:#FFF;}
.header .lang ul li.on a:after {width:100%; opacity:1;}
.header .btn_menu {display:none;}

.header.s1 {}
.header.s1 .logo a {background-image:url('../img/logo_header_01.png');}
.header.s1 .gnb ul li a {color:#FFF;}
.header.s1 .gnb ul li a:after {background:#3B88B4;}
.header.s1 .lang ul li a {color:#FFF;}
.header.s1 .lang ul li.on a {color:#3B88B4;}
.header.s1 .lang ul li:hover a {color:#FFF;}
.header.s1 .lang ul li.on a:after {background:#3B88B4;}

.header.s2 {background:#FFF; border-bottom:1px solid #F3F3F3;}
.header.s2 .logo a {background-image:url('../img/logo_header_02.png');}
.header.s2 .gnb ul li a {color:#000;}
.header.s2 .gnb ul li a:after {background:#3B88B4;}
.header.s2 .lang ul li a {color:#000;}
.header.s2 .lang ul li.on a {color:#3B88B4;}
.header.s2 .lang ul li:hover a {color:#3B88B4;}
.header.s2 .lang ul li.on a:after {background:#3B88B4;}

.header .all_gnb {visibility:hidden; position:fixed; left:0; top:0; width:100%; padding:130px 0 30px; background:#FFF; border-bottom:1px solid #F3F3F3; text-align:center; font-size:0; transform:translateY(-10%); transition:.3s .1s; opacity:0;}
.header .all_gnb:after {content:''; position:absolute; left:0; top:100px; width:100%; height:1px; background:#F3F3F3;}
.header .all_gnb > ul {display:inline-block; vertical-align:middle;}
.header .all_gnb > ul > li {float:left; width:200px; line-height:45px;}
.header .all_gnb ul.sub_gnb li a {position:relative; display:inline-block; vertical-align:middle; color:#333; font-size:18px; line-height:18px; font-weight:400;}
.header .all_gnb ul.sub_gnb li.on a {color:#3B88B4; text-shadow:0 0 1px #3B88B4;}
.header .all_gnb ul.sub_gnb li:hover a {color:#3B88B4; text-shadow:0 0 1px #3B88B4;}

.header.minHeader {height:60px; line-height:60px;}
.header.minHeader .all_gnb {padding-top:90px;}
.header.minHeader .all_gnb:after {top:60px;}
.header.minHeader .gnb ul li a:after {bottom:-6px;}

.footer_wrap {padding:40px 0; background:#f3f3f3; text-align:center;}
.footer_wrap .txt_info {color:#000; font-size:18px; font-weight:400; line-height:30px;}
.footer_wrap .txt_info .split {display:inline-block; vertical-align:middle; color:#AAA; font-size:18px; line-height:30px;}
.footer_wrap .txt_copyright {color:#999; font-size:18px; font-weight:300; line-height:30px;}

/*.openAllGnb .header {background:#FFF;}*/
.openAllGnb .header .logo a {background-image:url('../img/logo_header_02.png');}
.openAllGnb .header .gnb ul li a {color:#000;}
.openAllGnb .header .gnb ul li a:after {background:#3B88B4;}
.openAllGnb .header .lang ul li a {color:#000;}
.openAllGnb .header .lang ul li.on a {color:#3B88B4;}
.openAllGnb .header .lang ul li:hover a {color:#3B88B4;}
.openAllGnb .header .lang ul li.on a:after {background:#3B88B4;}
.openAllGnb .header .all_gnb {transform:translateY(0); opacity:1; visibility:visible;}

.m_menu {display:none;}

.btn_more {display:inline-block; line-height:44px; transition:.3s .2s;}
.btn_more.white .btn_txt {display:inline-block; vertical-align:middle; color:#FFF; font-size:18px; font-weight:700;}
.btn_more.white .btn_icon {position:relative; display:inline-block; vertical-align:middle; width:44px; height:44px; margin-left:15px; border-radius:100%; background:#FFF; transition:.5s;}
.btn_more.white .btn_icon:before {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:29px; height:14px; background:url('../img/icon_arrow_readMore_black.png') no-repeat 0 0/100%; opacity:1;}
.btn_more.white:hover .btn_icon {transform:scale(1.05);}
.btn_more.white:hover .btn_icon:before {
    -webkit-animation: btnArrow .5s ease-out;
    animation: btnArrow .5s ease-out;
}
.btn_more.black .btn_txt {display:inline-block; vertical-align:middle; color:#000; font-size:18px; font-weight:700;}
.btn_more.black .btn_icon {position:relative; display:inline-block; vertical-align:middle; width:44px; height:44px; margin-left:15px; border-radius:100%; background:#000; transition:.5s;}
.btn_more.black .btn_icon:before {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:29px; height:14px; background:url('../img/icon_arrow_readMore_white.png') no-repeat 0 0/100%; opacity:1;}
.btn_more.black:hover .btn_icon {transform:scale(1.05);}
.btn_more.black:hover .btn_icon:before {
    -webkit-animation: btnArrow .5s ease-out;
    animation: btnArrow .5s ease-out;
}

/*#main_onePage .swiper-container,
#main_onePage .swiper-wrapper,
#main_onePage .swiper-slide {width:100%;height:100%;}
#main_onePage .swiper-container-vertical > .swiper-pagination-bullets {right:70px;}
#main_onePage .swiper-pagination .swiper-pagination-bullet {background:none; opacity:1;}
#main_onePage .swiper-pagination-bullet {position:relative; display:block; width:18px; height:18px; margin:0; border-radius:100%;}
#main_onePage .swiper-pagination-bullet + .swiper-pagination-bullet {margin-top:12px;}
#main_onePage .swiper-pagination-bullet:before {display:none; content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #FFF; border-radius:100%; box-sizing:border-box;}
#main_onePage .swiper-pagination-bullet:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:5px; height:5px; border-radius:100%; box-sizing:border-box;}
#main_onePage .swiper-pagination.s1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {display:block;}
#main_onePage .swiper-pagination.s1 .swiper-pagination-bullet:before {border-color:#FFF;}
#main_onePage .swiper-pagination.s1 .swiper-pagination-bullet:after {background:#FFF;}
#main_onePage .swiper-pagination.s2 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {display:block;}
#main_onePage .swiper-pagination.s2 .swiper-pagination-bullet:before {border-color:#000;}
#main_onePage .swiper-pagination.s2 .swiper-pagination-bullet:after {background:#000;}*/
#main_onePage .fp-scroller {transition:.5s !important;}
#main_onePage .iScrollIndicator {transition:.5s !important;}
#fp-nav ul li, .fp-slidesNav ul li {width:18px; height:18px;}
#fp-nav ul li a.active {border:1px solid #FFF; border-radius:100%; background:transparent;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {width:6px; height:6px; margin:-3px 0 0 -3px; background:#FFF;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {width:6px; height:6px; margin:-3px 0 0 -3px;}

#fp-nav.s1 ul li a span, .fp-slidesNav ul li a span {background:#FFF;}
#fp-nav.s1 ul li a.active {border-color:#FFF;}
#fp-nav.s2 ul li a span, .fp-slidesNav ul li a span {background:#000;}
#fp-nav.s2 ul li a.active {border-color:#000;}

.main_section {position:relative; width:100%; min-height:100vh;}
.main_top {/*background:url('../img/img_main_visual_top.jpg') no-repeat center center/cover;*/ text-align:center;}
.main_top .video_box {position:absolute; left:0; top:0; width:100%; height:100%;}
.main_top .video_box video {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover;}
.main_top .video_box .mask_video {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5;}
/*.main_top #mainVideo {position:absolute; right:0; bottom:0; top:0; right:0; width:100%; height:100%; background-color:black; background-position:center center; background-size:contain; object-fit:cover;}*/

/*.main_top .layer {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; display:table-cell; vertical-align:middle;}*/
/*.main_top .inner {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center;}*/
.main_top .txt {color:#FFF; font-size:24px; font-weight:700; line-height:24px;}
.main_top .tit {margin-top:40px; color:#FFF; font-size:55px; font-weight:400; line-height:68px;}
.main_top .search_main {position:relative; display:inline-block; margin-top:50px; overflow:hidden;}
.main_top .search_main .select_search {float:left; height:48px; padding:0 30px 0 15px; background:url('../img/icon_arrowDown_white.png') no-repeat right 10px center/6px; border-top:0; border-left:0; border-right:0; border-bottom:2px solid #FFF; color:#FFF; font-size:18px;}
.main_top .search_main .select_search option {color:#000;}
.main_top .search_main .text_search {float:left; width:400px; height:48px; margin-left:10px; padding:0 50px 0 15px; background:none; border-bottom:2px solid #FFF; color:#FFF; font-size:16px;}
.main_top .search_main .text_search::placeholder {color:#FFF; opacity:.5;}
.main_top .search_main .btn_search {position:absolute; top:0; right:0; width:50px; height:48px; background:url('../img/icon_search_white.png') no-repeat center center/20px; overflow:hidden; text-indent:-999px; border:none;}
.main_top .bot {position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.main_top .bot .btn_scroll {position:relative; display:block; padding-bottom:80px; color:#FFF; font-family:'MyriadPro', sans-serif; font-size:16px; font-weight:700;}
.main_top .bot .btn_scroll:after {content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:2px; height:calc(100% - 24px); background:#FFF;}

.main_prod {background:#FFF;}
.main_prod .inner {position:absolute; left:0; top:calc(50% + 50px); transform:translateY(-50%); width:100%; text-align:center;}
.main_prod .cate_box {font-size:0; text-align:center;}
.main_prod .cate_box ul {display:inline-block; vertical-align:middle; overflow:hidden;}
.main_prod .cate_box ul {display:inline-block; vertical-align:middle; overflow:hidden;}
.main_prod .cate_box ul li {float:left;}
.main_prod .cate_box ul li + li {margin-left:50px;}
.main_prod .cate_box ul li a {opacity:.4;}
.main_prod .cate_box ul li a .icon {display:block; min-width:70px; height:80px; background-repeat:no-repeat; background-position:center center;}
.main_prod .cate_box ul li a .tit {display:block; color:#000; font-family:'MyriadPro', sans-serif; font-size:18px; line-height:18px; font-weight:400; opacity:.4;}
.main_prod .cate_box ul li a.cate_01 .icon {background-image:url('../img/img_prodType_01_01.png');}
.main_prod .cate_box ul li a.cate_02 .icon {background-image:url('../img/img_prodType_02_01.png');}
.main_prod .cate_box ul li a.cate_03 .icon {background-image:url('../img/img_prodType_03_01.png');}
.main_prod .cate_box ul li a.cate_04 .icon {background-image:url('../img/img_prodType_04_01.png');}
.main_prod .cate_box ul li a.cate_05 .icon {background-image:url('../img/img_prodType_05_01.png');}
.main_prod .cate_box ul li a.cate_06 .icon {background-image:url('../img/img_prodType_06_01.png');}
.main_prod .cate_box ul li a.cate_07 .icon {background-image:url('../img/img_prodType_07_01.png');}
.main_prod .cate_box ul li a.cate_08 .icon {background-image:url('../img/img_prodType_08_01.png');}
.main_prod .cate_box ul li a.cate_09 .icon {background-image:url('../img/img_prodType_09_01.png');}

.main_prod .cate_box ul li.on a .tit {opacity:1; text-shadow:0 0 1px #000;}
.main_prod .cate_box ul li.on a.cate_01 .icon {background-image:url('../img/img_prodType_01_02.png');}
.main_prod .cate_box ul li.on a.cate_02 .icon {background-image:url('../img/img_prodType_02_02.png');}
.main_prod .cate_box ul li.on a.cate_03 .icon {background-image:url('../img/img_prodType_03_02.png');}
.main_prod .cate_box ul li.on a.cate_04 .icon {background-image:url('../img/img_prodType_04_02.png');}
.main_prod .cate_box ul li.on a.cate_05 .icon {background-image:url('../img/img_prodType_05_02.png');}
.main_prod .cate_box ul li.on a.cate_06 .icon {background-image:url('../img/img_prodType_06_02.png');}
.main_prod .cate_box ul li.on a.cate_07 .icon {background-image:url('../img/img_prodType_07_02.png');}
.main_prod .cate_box ul li.on a.cate_08 .icon {background-image:url('../img/img_prodType_08_02.png');}
.main_prod .cate_box ul li.on a.cate_09 .icon {background-image:url('../img/img_prodType_09_02.png');}

.main_prod .swiper_mainProd {padding-top:60px; margin:0 auto; overflow:hidden;}
.main_prod .swiper_mainProd .swiper-container {width:790px; max-height:640px; overflow:visible;}
.main_prod .swiper_mainProd .swiper-button-next-mainProd {z-index:1; position:absolute; right:-165px; top:50%; width:60px; height:60px; background:url('../img/btn_swiperRight_black.png') no-repeat 0 0/100%; transform:translateY(-50%); cursor:pointer;}
.main_prod .swiper_mainProd .swiper-button-prev-mainProd {z-index:1; position:absolute; left:-165px; top:50%; width:60px; height:60px; background:url('../img/btn_swiperLeft_black.png') no-repeat 0 0/100%; transform:translateY(-50%); cursor:pointer;}
.main_prod .swiper_mainProd .swiper-slide {padding:60px 135px; transition:all .3s;}
.main_prod .swiper_mainProd .swiper-slide-active {padding:0 75px;}
.main_prod .swiper_mainProd .item_mainPord {position:relative;/* max-width:640px; margin:0 auto;*/}
.main_prod .swiper_mainProd .item_mainPord .img_box {display:block; position:relative; padding-bottom:100%; background-color:#F5f5f5; border-radius:100%; overflow:hidden;}
.main_prod .swiper_mainProd .item_mainPord .img_box .img {position:absolute; left:50%; top:50%; width:70%; transform:translate(-50%, -50%);}
.main_prod .swiper_mainProd .item_mainPord .img_box .img img {width:100%; opacity:0.8;}
.main_prod .swiper_mainProd .item_mainPord .no {z-index:1; position:absolute; left:40px; top:50px; width:110px; height:72px; overflow:hidden; text-indent:-999px; text-align:center;}
.main_prod .swiper_mainProd .item_mainPord .no_01 {background:url('../img/txt_01.png') no-repeat 0 0/100%;}
.main_prod .swiper_mainProd .item_mainPord .no_02 {background:url('../img/txt_02.png') no-repeat 0 0/100%;}
.main_prod .swiper_mainProd .item_mainPord .no_03 {background:url('../img/txt_03.png') no-repeat 0 0/100%;}
.main_prod .swiper_mainProd .item_mainPord .no_04 {background:url('../img/txt_04.png') no-repeat 0 0/100%;}
.main_prod .swiper_mainProd .item_mainPord .no_05 {background:url('../img/txt_05.png') no-repeat 0 0/100%;}
.main_prod .swiper_mainProd .item_mainPord .no_06 {background:url('../img/txt_06.png') no-repeat 0 0/100%;}
.main_prod .swiper_mainProd .item_mainPord .no_07 {background:url('../img/txt_07.png') no-repeat 0 0/100%;}
.main_prod .swiper_mainProd .item_mainPord .no_08 {background:url('../img/txt_08.png') no-repeat 0 0/100%;}
.main_prod .swiper_mainProd .item_mainPord .no_09 {background:url('../img/txt_09.png') no-repeat 0 0/100%;}

.main_prod .swiper_mainProd .item_mainPord .info_box {display:none; position:absolute; left:470px; bottom:100px; width:360px;}
.main_prod .swiper_mainProd .item_mainPord .info_box .tit {color:#333; font-family:'MyriadPro', sans-serif; font-size:30px; line-height:30px; font-weight:700;}
.main_prod .swiper_mainProd .item_mainPord .info_box .txt {display:none; margin-top:28px; color:#333; font-family:'NanumGothic', sans-serif; font-size:20px; line-height:30px; font-weight:400;}
.main_prod .swiper_mainProd .item_mainPord .info_box_slide {position:absolute; left:0; bottom:5%; width:100%; text-align:center;}
.main_prod .swiper_mainProd .item_mainPord .info_box_slide .tit {color:#333; font-family:'MyriadPro', sans-serif; font-size:30px; line-height:30px; font-weight:700;}

.main_prod .swiper_mainProd .swiper-slide-active {z-index:1;}
.main_prod .swiper_mainProd .swiper-slide-active .item_mainPord {}
.main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .img_box {transition:all .3s ease; background-color:#F3F3F3;}
.main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .img_box img{opacity:100%;}
.main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .info_box {z-index:1; display:block; text-align:left;}
.main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .info_box .tit {font-size:50px; line-height:50px; font-weight:800;}
.main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .info_box .txt {display:block;}
.main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .info_box_slide {display:none;}

#custom_cursor, #custom_cursor_text {position:fixed; top:0; left:0; z-index:99999; width:180px; height:180px; pointer-events:none;}
/*#custom_cursor {mix-blend-mode: difference;}*/
.custom_cursor_inner {display:block; width:100%; height:100%; position:relative; top:50%; left:50%; transform:translate(-50%, -50%);}
.custom_hover_circle, .custom_hover_text {display:block; width:0; height:0; position:absolute; top:50%; left:50%; margin-top:-90px; margin-left:-90px; overflow:hidden; opacity:0; border-radius:50%;}
.custom_hover_circle {z-index:1; border:1px solid #000; border-radius:100%;}
.custom_hover_text {z-index:2;}
.custom_hover_text .txt_box {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
.custom_hover_text .txt {display:block; color:#000; font-size:18px; line-height:18px; font-weight:700; white-space:nowrap; text-align:center;}
.custom_hover_text .icon {display:inline-block; width:43px; height:12px; margin-top:18px; background:url('../img/icon_readMore_s2_black.png') no-repeat 0 0/100%;}

.main_intro {}
.main_intro .list_intro {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; transition:background .3s;}
.main_intro .list_intro.bg_s1 {background:url('../img/img_main_visual_mid_01.jpg') no-repeat center center/cover;}
.main_intro .list_intro.bg_s2 {background:url('../img/img_main_visual_mid_02.jpg') no-repeat center center/cover;}
.main_intro .list_intro.bg_s3 {background:url('../img/img_main_visual_mid_03.jpg') no-repeat center center/cover;}
.main_intro .list_intro > li {position:relative; float:left; width:33.3333%; height:100%; padding-top:500px; text-align:center; vertical-align:middle; transition:.3s;}
.main_intro .list_intro > li + li {border-left:1px solid rgba(255,255,255,.2);}
.main_intro .list_intro > li .img {position:absolute; top:-100px; left:50%; transform:translateX(-50%); display:inline-block; width:78px; height:77px; background:url('../img/img_main_curr_cont.png') no-repeat 0 0/100%;}
.main_intro .list_intro > li .img:after {content:''; position:absolute; left:0; bottom:-30px; width:100%; height:30px;}

.main_intro .list_intro > li .tit {color:#FFF; font-size:45px; line-height:45px; font-family:'MyriadPro',sans-serif; font-weight:700;}
.main_intro .list_intro > li .txt {margin-top:30px; margin-bottom:50px; color:#FFF; font-size:20px; line-height:30px; font-weight:500;}
.main_intro .list_intro > li ol {margin-top:30px;}
.main_intro .list_intro > li ol li + li {margin-top:15px;}
.main_intro .list_intro > li ol li a {display:inline-block; width:245px; height:60px; border:1px solid #FFF; border-radius:30px; color:#FFF; font-size:18px; line-height:60px; font-weight:500; text-align:center;  transition:.3s;}
.main_intro .list_intro > li ol li a:hover {background:#FFF; color:#000;}
.main_intro .list_intro > li .hover_section {display:none;}
.main_intro .list_intro > li.on {padding-top:350px;}
.main_intro .list_intro > li.on .hover_section {display:block;}
.main_intro .list_intro > li.on:after {content:''; z-index:0; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; transition:all .3s;}
.main_intro .list_intro > li .inner_box {position:relative; z-index:1;}

.main_news {width:100%; height:auto; padding:160px; background:#FFF; text-align:center;}
.main_news .inner {width:100%; text-align:center; vertical-align:middle;}
.main_news .tit_news {margin-bottom:120px; color:#000; font-size:60px; line-height:60px; font-family:'MyriadPro',sans-serif; font-weight:700;}
.list_main_news {}
.list_main_news ul {margin-bottom:-42px;}
.list_main_news ul:after {content:''; display:block; clear:both;}
.list_main_news ul li {position:relative; float:left; width:calc(33.33% - 42px); margin:0 21px 42px 21px;}
.list_main_news ul li:nth-child(3n - 1) {top:20px;}
.list_main_news ul li a {position:relative; display:block; background:#f9f9f9; border-radius:15px; text-align:left; overflow:hidden;}
.list_main_news ul li a:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; display:block; border:0 solid #273d75; opacity:0; transition: opacity.3s, border.3s;}
.list_main_news ul li a:hover:after {border-width:15px; opacity:1;}
.list_main_news ul li .img {display:block; position:relative;}
.list_main_news ul li .img img {width:100%;}
.list_main_news ul li .info {display:block; padding:50px 40px;}
.list_main_news ul li .info .tit {display:-webkit-box; display:-webkit-box; height:60px; margin-bottom:20px; color:#000; font-size:22px; line-height:30px; font-weight:500; overflow:hidden; text-overflow: ellipsis;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.list_main_news ul li .info .txt {display:-webkit-box; display:-webkit-box; height:60px; margin-bottom:30px; color:#000; font-size:18px; line-height:30px; overflow:hidden; text-overflow: ellipsis;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.list_main_news ul li .info .date {color:#000; font-size:16px; line-height:16px; font-weight:500;}
.btn_center_box {margin-top:100px;}

/*sub page*/
#content {overflow:hidden;}
.sub_content {width:1580px; margin:0 auto; padding:200px 0 100px;}
.sub_tit_top {margin-bottom:50px; font-size:40px; line-height:40px; font-weight:700; text-align:center;}
.sub_tab_top {margin-bottom:70px; text-align:center;}
.sub_tab_top ul {display:inline-block;}
.sub_tab_top ul:after {content:''; display:block; clear:both;}
.sub_tab_top ul li {float:left; position:relative; padding:0 15px;}
.sub_tab_top ul li + li:before {content:''; position:absolute; left:0; top:50%; width:1px; height:14px; transform:translateY(-50%); background:#aeaeae;}
.sub_tab_top ul li a {position:relative; display:block; padding:0 20px; color:#000; font-size:18px; line-height:18px; font-weight:500;}
.sub_tab_top ul li a:before {content:''; position:absolute; left:0; bottom:-14px; width:0; height:3px; background:#3a88b5; transition:.3s; opacity:0; visibility:hidden;}
/*.sub_tab_top ul li.on a {color:#3a88b5;}*/
.sub_tab_top ul li.on a:before {visibility:visible; opacity:1; width:100%;}
.sub_tab_top ul li:hover a:before {visibility:visible; opacity:1; width:100%;}
.sub_banner {margin-bottom:100px;}
.sub_banner img {width:100%;}
.tit_cate {margin-top:80px; color:#000; font-size:30px; font-weight:700; line-height:30px; text-align:center;}
.search_list_box {overflow:hidden;}
.search_box {position:relative; width:450px; float:right;}
.search_box .text_search {width:100%; height:44px; padding:0 56px 0 12px; border:none; background:transparent; border-bottom:2px solid #000;}
.search_box .btn_search {position:absolute; top:0; right:0; width:44px; height:44px; border:none; background:url('../img/icon_search_black.png') no-repeat center center; overflow:hidden; text-indent:-999px;}
/*.prod_wrap {background:#f9f9f9;}*/
.list_prod_wrap {margin-top:30px; text-align:center;}
.list_prod_wrap ul {width:100%; display:inline-block; margin:-34px 0 0 -34px; overflow:hidden;}
.list_prod_wrap ul li {float:left; width:calc(25% - 34px); margin:34px 0 0 34px;}
.list_prod_wrap ul li .img {position:relative; display:block;}
.list_prod_wrap ul li .img:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; display:block; border:0 solid #273d75; transition:.3s .1s; opacity:0;}
.list_prod_wrap ul li .img:hover:after {border-width:10px; opacity:1;}
.list_prod_wrap ul li .img img {width:100%;}
.list_prod_wrap ul li .tit_prod {margin-top:30px; color:#000; font-size:18px; line-height:18px; text-align:center; font-weight:500;}

.about_wrap {position:relative;}
.about_wrap .tit_cont {margin-bottom:60px; color:#000; font-size:70px; line-height:70px; font-weight:700; text-align:center;}
.about_wrap .tit_cont_small {margin-bottom:60px; color:#000; font-size:40px; line-height:40px; font-weight:700; text-align:center;}
.about_wrap .txt_cont {color:#000; font-size:20px; line-height:40px; font-weight:400; text-align:center;}
.intro_group_s1 {display:table; table-layout:fixed; width:100%; padding:150px 100px;}
.intro_group_s1 .col {display:table-cell; position:relative; vertical-align:middle; text-align:center;}
.intro_group_s1 .col:nth-child(1) {width:320px;}
.intro_group_s1 .col:nth-child(2):after {content:''; position:absolute; left:0; top:50%; width:100%; height:2px; transform:translateY(-50%); background:#3b88b4; opacity:1;}
.intro_group_s1 .col:nth-child(2):before {content:''; position:absolute; left:-15px; top:50%; width:15px; height:25px; transform:translateY(-50%); background:url('../img/icon_right_blue.png') no-repeat center center/100%; opacity:0;
    -webkit-animation: diagramLine 3s infinite linear;
    animation: diagramLine 3s infinite linear;
}
.intro_group_s1 .col:nth-child(3) {width:320px;}
.intro_group_s1 .left_circle {position:relative; display:inline-block; width:320px; height:320px; border-radius:100%; border:2px solid #468eb8; background:#FFF;}
.intro_group_s1 .left_circle:before {content:''; z-index:-1; position:absolute; left:-30px; top:-30px; right:-30px; bottom:-30px; background:#d9e8f0; border-radius:100%;}
.intro_group_s1 .left_circle:after {
    content:'';
    display:block;
    z-index:-1;
    opacity:0;
    position: absolute;
    left:50%; top:50%;
    transform:translate(-50%, -50%);
    width:120%; height:120%;
    background:#468eb8;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: diagramPointer 3s infinite ease-out;
    animation: diagramPointer 3s infinite ease-out;
}
.intro_group_s1 .left_circle .txt {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; color:#3b88b4; font-size:25px; line-height:25px; font-weight:500; text-align:center;}
.intro_group_s1 .right_circle {position:relative; display:inline-block; width:320px; height:320px; border-radius:100%; border:2px solid #3b88b4; background:#3b88b4; opacity:1;
    /*-webkit-animation: circleShow 3s infinite ease;
    animation: circleShow 3s infinite ease;*/}
.intro_group_s1 .right_circle:before {content:''; z-index:-1; position:absolute; left:-30px; top:-30px; right:-30px; bottom:-30px; background:#d9e8f0; border-radius:100%;}
.intro_group_s1 .right_circle:after {
    content:'';
    z-index:-1;
    display:block;
    position: absolute;
    left:50%; top:50%;
    transform:translate(-50%, -50%);
    width:120%; height:120%;
    background:#468eb8;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-animation: diagramPointer 3s infinite ease-out;
    animation: diagramPointer 3s infinite ease-out;
}
.intro_group_s1 .right_circle .txt {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; color:#FFF; font-size:25px; line-height:25px; font-weight:500; text-align:center;}
.intro_group_s1 .center_circle {display:inline-block; text-align:center; opacity:0;
    -webkit-animation: circleShow 3s infinite linear;
    animation: circleShow 3s infinite linear;}
.intro_group_s1 .center_circle .top_circle {position:relative; width:280px; height:280px; border:2px dashed #3989b5; border-radius:100%; background:#f5f6f7;}
.intro_group_s1 .center_circle .top_circle .txt {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; color:#000; font-size:20px; line-height:30px; font-weight:500; text-align:center;}
.intro_group_s1 .center_circle .bot_circle {position:relative; width:280px; height:280px; margin-top:50px; border:2px dashed #3989b5; border-radius:100%; background:#f5f6f7;}
.intro_group_s1 .center_circle .bot_circle .txt {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; color:#000; font-size:20px; line-height:30px; font-weight:500; text-align:center;}

.bg_color {position:relative;}
.bg_color:before {content:''; z-index:-1; position:absolute; left:-50%;; bottom:0; width:200%; height:200%; background:#f9f9f9;}
.bg_color_s2 {position:relative;}
.bg_color_s2:before {content:''; z-index:-1; position:absolute; left:-50%;; top:0; width:200%; height:70%; background:#f9f9f9;}
.bg_gray {background:#f9f9f9;}

/*prod*/
.prod_top {position:relative; margin-top:90px; padding-bottom:100px;}
.prod_top:after {content:''; display:block; clear:both;}
.prod_img {float:left; overflow:hidden;}
.prod_img .img_list {float:left;}
.prod_img .img_list ul li {position:relative; width:140px; height:140px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.prod_img .img_list ul li.on:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid #0072bc;}
.prod_img .img_list ul li + li {margin-top:10px;}
.prod_img .img_list ul li img {width:100%;}
.prod_img .img_big {position:relative; float:left; width:610px; height:590px; margin-left:10px; border:1px solid #F3F3F3; background:#FFF;}
/*.prod_img .img_big img {width:100%;}*/
.prod_img .img_big .img_box {width:100%;}
.prod_img .img_big .img_box .img {width:100%; height:0; padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;}

.prod_info {margin-left:830px; padding-top:70px;}
.prod_info .prod_name {padding:0 20px;}
.prod_info .prod_name .txt_prod {font-size:25px; line-height:25px; font-weight:700;}
.prod_info .prod_name .tit_prod {margin-top:30px; font-size:50px; line-height:50px; font-weight:700;}
.prod_info .prod_option {margin-top:30px; padding:36px 24px 0; border-top:1px solid #000;}
.prod_info .prod_option li {overflow:hidden;}
.prod_info .prod_option li + li {margin-top:36px;}
.prod_info .prod_option li .tit {display:inline-block; vertical-align:middle; width:140px; font-size:18px; line-height:18px; font-weight:700;}
.prod_info .prod_option li .txt {display:inline-block; vertical-align:middle; font-size:18px; line-height:18px; font-weight:400;}
.prod_info .prod_other {padding:0 24px;}
.prod_info .btn_cateLog {display:inline-block; width:200px; height:50px; margin-top:30px; border:2px solid #000; line-height:46px; text-align:center; transition:.3s .1s;}
.prod_info .btn_cateLog .btn_txt {display:inline-block; vertical-align:middle; color:#333; font-size:18px; line-height:18px; font-weight:700;}
.prod_info .btn_cateLog .btn_icon {display:inline-block; vertical-align:middle; width:18px; height:19px; margin-left:10px; background:url('../img/icon_share.png') no-repeat 0 0/100%;}

.prod_content {margin:100px 0 0;}
.prod_content .tit_content {margin-bottom:36px; font-size:30px; line-height:30px; font-weight:700;}
.prod_content .txt_content {font-size:18px; line-height:36px; font-weight:400;}

.prod_related {margin:100px 0 0;}
.prod_related .tit_related {margin-bottom:36px; font-size:30px; line-height:30px; font-weight:700;}
.prod_related .swp_related {position:relative;}
.prod_related .swp_related .swiper-wrapper {/*justify-content:center;*/}
.prod_related .swp_related .item_swiper {display:block; position:relative; width:304px; padding:20px;  border:1px solid #CCC; text-align:center;}
.prod_related .swp_related .item_swiper .img {display:inline-block; position:relative;}
.prod_related .swp_related .item_swiper .img img {width:100%;}
.prod_related .swp_related .item_swiper .tit {display:block; font-size:20px; line-height:20px; font-weight:700; text-align:center;}
.prod_related .swp_related .swiper-slide {width:auto;}

.prod_related .swp_related .swiper-button-prev-related {z-index:1; position:absolute; left:-30px; top:50%; width:60px; height:60px; background:url('../img/btn_swiperLeft_black.png') no-repeat 0 0/100%; transform:translateY(-50%); cursor:pointer;}
.prod_related .swp_related .swiper-button-next-related {z-index:1; position:absolute; right:-30px; top:50%; width:60px; height:60px; background:url('../img/btn_swiperRight_black.png') no-repeat 0 0/100%; transform:translateY(-50%); cursor:pointer;}
.prod_related .swp_related .swiper-pagination {bottom:-40px; width:100%; text-align:center;}
.prod_related .swp_related .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px; border-radius:5px; background:#f2f2f2; opacity:1;}
.prod_related .swp_related .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#000;}

.btn_box {position:relative; margin-top:160px; overflow:hidden; text-align:center;}
.btn_box .left {display:inline-block; float:left;}
.btn_box .right {display:inline-block; float:right;}
.btn_box .center {display:inline-block; vertical-align:middle;}
.btn_prev {display:inline-block; vertical-align:middle;}
.btn_prev .btn_icon {display:inline-block; vertical-align:middle; width:43px; height:12px; background:url('../img/icon_prev_black.png') no-repeat 0 0/100%;}
.btn_prev .btn_txt {display:inline-block; vertical-align:middle; margin-left:12px; color:#000; font-size:18px; line-height:18px; font-weight:700;}

.btn_next {display:inline-block; vertical-align:middle;}
.btn_next .btn_icon {display:inline-block; vertical-align:middle; width:43px; height:12px; background:url('../img/icon_next_black.png') no-repeat 0 0/100%;}
.btn_next .btn_txt {display:inline-block; vertical-align:middle; margin-right:12px; color:#000; font-size:18px; line-height:18px; font-weight:700;}

.btn_list {display:inline-block; vertical-align:middle;}
.btn_list .btn_icon {display:inline-block; vertical-align:middle; width:15px; height:12px; background:url('../img/icon_list_black.png') no-repeat 0 0/100%;}
.btn_list .btn_txt {display:inline-block; vertical-align:middle; margin-left:12px; color:#000; font-size:18px; line-height:18px; font-weight:700;}
/*prod end*/


.txt_oneStop {position:relative; top:0; left:50%; margin-top:100px; font-size:200px; line-height:200px; font-weight:700; white-space:nowrap; letter-spacing:-5px;}

.intro_group_s2 {position:relative; width:1100px; margin:0 auto; text-align:center;}
.intro_group_s2 .center_circle {position:relative; display:inline-block; width:320px; height:320px; margin:400px 300px 600px; border-radius:100%; border:2px solid #468eb8; background:#FFF;}
.intro_group_s2 .center_circle .txt {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; color:#3b88b4; font-size:25px; line-height:25px; font-weight:500; text-align:center;}
.intro_group_s2 .center_circle .circle_01 {position:absolute; z-index:-1; left:50%; top:50%; width:100%; height:100%; transform:translate(-50%, -50%); background:#d2e3ed; border-radius:100%;
    -webkit-animation: center_circle_01 3s infinite ease-out;
    animation: center_circle_01 3s infinite ease-out;}
.intro_group_s2 .center_circle .circle_02 {position:absolute; z-index:-2; left:50%; top:50%; width:410px; height:410px; transform:translate(-50%, -50%); background:#ecf3f7; border-radius:100%;
    -webkit-animation: center_circle_02 3s infinite ease-out;
    animation: center_circle_02 3s infinite ease-out;
}
.intro_group_s2 .center_circle .circle_03 {position:absolute; z-index:-3; left:50%; top:50%; width:500px; height:500px; transform:translate(-50%, -50%); background:#f5f9fb; border-radius:100%;
    -webkit-animation: center_circle_03 3s infinite ease-out;
    animation: center_circle_03 3s infinite ease-out;
}
.intro_group_s2 .around_circle {position:absolute; width:320px; height:320px; border-radius:100%; background:#3b88b4;}
.intro_group_s2 .around_circle .tit {position:absolute; left:0; top:50%; width:100%; transform:translate(0, -50%); color:#fff; font-size:30px; line-height:48px; text-align:center;}
.intro_group_s2 .around_circle .txt {position:absolute; left:50%; top:100%; width:120%; transform:translateX(-50%); padding-top:36px; font-size:20px; line-height:30px; text-align:center;}
.intro_group_s2 .left_circle {left:0; top:400px;}
.intro_group_s2 .right_circle {right:0; top:400px;}
.intro_group_s2 .bottom_circle {left:50%; bottom:220px; transform:translate(-50%,0);}

.swp_mission {position:relative; /*height:740px;*/}

/*.swp_mission .swiper-container {height:100%;}*/
/*.swp_mission .swiper-pagination {position:absolute; top:50%; right:-30px; transform:translateY(-50%);}
.swp_mission .swiper-pagination-bullet {display:block; width:10px; height:10px; margin:5px 0; border-radius:5px; border:1px solid #000; background:#FFF; opacity:1;}
.swp_mission .swiper-pagination-bullet-active {background:#000;}*/
/*.swp_mission .swiper-slide {height:100%;}*/
.mission_box {display:table; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mission_box .inner {display:table-cell; vertical-align:middle; text-align:center;}
.mission_box .tit {color:#FFF; font-size:20px; line-height:20px; font-weight:500;}
.mission_box .txt {margin-top:40px; color:#FFF; font-size:30px; line-height:40px; font-weight:400;}
.mission_box.s1 {background-image:url('../img/img_mission_01.jpg');}
.mission_box.s2 {background-image:url('../img/img_mission_02.jpg');}
.mission_box.s3 {background-image:url('../img/img_mission_03.jpg');}
.mission_box .process_box {position:relative; padding:0 340px;}
.mission_box .process_box ul {min-height:150px; position:relative; width:100%; margin-top:50px;}
.mission_box .process_box ul:before {content:''; position:absolute; left:0; top:0; width:0; height:1px; background:#FFF; transition:2s;}
.mission_box .process_box ul li {position:absolute; top:0; width:0;}
.mission_box .process_box ul li:before {content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; border-radius:100%; transform:translate(-50%, -50%); background:#FFF;}
.mission_box .process_box ul li:after {content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; border-radius:100%; transform:translate(-50%, -50%); background:#FFF;}
.mission_box .process_box ul li:nth-child(1) {left:0;}
.mission_box .process_box ul li:nth-child(2) {left:50%;}
.mission_box .process_box ul li:nth-child(3) {left:100%;}
.mission_box .process_box ul li p {opacity:0; position:absolute; left:50%; width:450px; transform:translateX(-50%); padding-top:30px; color:#FFF; font-size:25px; line-height:40px; text-align:center;}
.mission_box .process_box.animated ul:before {width:100%;}
.mission_box .process_box.animated ul li:nth-child(1):after {
    -webkit-animation: diagramProcess 1s;
    animation: diagramProcess 1s;
    animation-delay:.5s;
    
}
.mission_box .process_box.animated ul li:nth-child(1) p {opacity:1; transition-delay:.5s; transition:.3s;}
.mission_box .process_box.animated ul li:nth-child(2):after {
    -webkit-animation: diagramProcess 1s;
    animation: diagramProcess 1s;
    animation-delay:1s;
}
.mission_box .process_box.animated ul li:nth-child(2) p {opacity:1; transition-delay:1s; transition:.3s;}
.mission_box .process_box.animated ul li:nth-child(3):after {
    -webkit-animation: diagramProcess 1s;
    animation: diagramProcess 1s;
    animation-delay:1.5s;
}
.mission_box .process_box.animated ul li:nth-child(3) p {opacity:1; transition-delay:1.5s; transition:.3s;}

.history_wrap {}
.history_wrap .tab_history {height:90px; margin-bottom:70px; text-align:center;}
.history_wrap .tab_history.fixed {position:fixed; z-index:1; left:50%; top:60px; width:100%; transform:translateX(-50%); background:#FFF;}
.history_wrap .tab_history ul {display:inline-block; vertical-align:middle;}
.history_wrap .tab_history ul:after {content:''; display:block; clear:both; }
.history_wrap .tab_history ul li {position:relative; float:left; padding:30px; margin:0 10px;}
.history_wrap .tab_history ul li a {display:block; color:#000; font-size:30px; line-height:30px; font-weight:700;}
.history_wrap .tab_history ul li:after {content:''; position:absolute; left:0; bottom:0; width:0; height:5px; background:#3a88b5; transition:.3s;}
.history_wrap .tab_history ul li.on:after {width:100%;}
.history_wrap .tab_history ul li.on a {color:#3a88b5;}
.history_wrap .tab_history ul li:hover:after {width:100%;}
.history_wrap .tab_history ul li:hover a {color:#3a88b5;}
.history_wrap .layout_history {position:relative;}
.history_wrap .layout_history .img_content {position:absolute; left:50%; top:0; transform:translateX(-50%); width:1580px; margin:0; overflow:hidden;}
.history_wrap .layout_history .img_content.fixed {position:fixed;}
.history_wrap .layout_history .img_box {position:relative; float:left; width:50%;}
.history_wrap .layout_history .img_box .img {width:100%;}
.history_wrap .layout_history .img_box .tit_img {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); text-align:center; color:#FFF; font-size:50px; line-height:70px; font-weight:700;}
.history_wrap .layout_history .list_year {margin-left:calc(50% + 70px);}
.history_wrap .layout_history .list_year .item_year {}
.history_wrap .layout_history .list_year .item_year + .item_year {margin-top:70px;}
.history_wrap .layout_history .list_year .item_year .tit_year {margin-bottom:40px; color:#000; font-size:30px; line-height:30px; font-weight:500;}
.history_wrap .layout_history .list_year .item_year .tit {display:inline-block; vertical-align:middle; width:40px; color:#000; font-size:20px; line-height:20px; font-weight:500;}
.history_wrap .layout_history .list_year .item_year .txt {display:inline-block; vertical-align:middle; color:#000; font-size:20px; line-height:20px; font-weight:400;}

.history_wrap .layout_history .list_year .item_year ul li + li {margin-top:30px;}

.center_top {padding-bottom:120px;}
.center_process {width:1280px; margin:70px auto 0;}
.center_process ul {position:relative; width:100%; overflow:hidden;}
.center_process ul:before {content:''; position:absolute; left:8%; top:140px; width:84%; height:2px; margin-top:-1px; background:#c7c7c7;}
.center_process ul:after {content:''; position:absolute; left:8%; top:140px; width:0; height:2px; margin-top:-1px; background:#3b88b4; transition:width 2s linear;}
.center_process ul li {position:relative; float:left; width:16.66%; height:170px; text-align:center;}
.center_process ul li .img {height:80px; line-height:80px; vertical-align:bottom;}
.center_process ul li .img img {vertical-align:bottom;}
.center_process ul li .txt {margin-top:20px; font-size:20px; font-weight:500; line-height:20px;}
.center_process ul li:before {content:''; opacity:1; z-index:1; position:absolute; left:50%; top:140px; width:10px; height:10px; margin-top:-5px; margin-left:-5px; border-radius:100%; background:#999;}
.center_process ul li:after {content:''; opacity:0; z-index:0; position:absolute; left:50%; top:140px; width:10px; height:10px; margin-top:-5px; margin-left:-5px; border-radius:100%; background:#3b88b4;}

.center_process.animated ul li:nth-child(1):before {transition:.4s 0s;}
.center_process.animated ul li:nth-child(2):before {transition:.4s .4s;}
.center_process.animated ul li:nth-child(3):before {transition:.4s .8s;}
.center_process.animated ul li:nth-child(4):before {transition:.4s 1.2s;}
.center_process.animated ul li:nth-child(5):before {transition:.4s 1.6s;}
.center_process.animated ul li:nth-child(6):before {transition:.4s 2s;}
.center_process.animated ul:after {width:84%;}
.center_process.animated ul li:before {opacity:1; background:#3b88b4;}
.center_process.animated ul li:nth-child(1):after {
    -webkit-animation:center_process_point 1s;
    animation:center_process_point 1s;
    animation-delay:0s;
}
.center_process.animated ul li:nth-child(2):after {
    -webkit-animation:center_process_point 1s;
    animation:center_process_point 1s;
    animation-delay:.4s;
}
.center_process.animated ul li:nth-child(3):after {
    -webkit-animation:center_process_point 1s;
    animation:center_process_point 1s;
    animation-delay:.8s;
}
.center_process.animated ul li:nth-child(4):after {
    -webkit-animation:center_process_point 1s;
    animation:center_process_point 1s;
    animation-delay:1.2s;
}
.center_process.animated ul li:nth-child(5):after {
    -webkit-animation:center_process_point 1s;
    animation:center_process_point 1s;
    animation-delay:1.6s;
}
.center_process.animated ul li:nth-child(6):after {
    -webkit-animation:center_process_point 1s;
    animation:center_process_point 1s;
    animation-delay:2s;
}

.center_section {position:relative; padding:150px 0; text-align:center;}
.center_section .tit01 {margin-bottom:70px; font-size:25px; line-height:1.5; font-weight:600;}
.center_section .tit02 {margin-bottom:40px; font-size:30px; line-height:40px; font-weight:500;}
.center_section .txt {margin-bottom:70px; font-size:20px; line-height:40px; font-weight:500;}
.center_section .img_box {text-align:center;}
.center_section .img_box.full_img img {width:100%;}

/*sub page end*/

/*animate*/
@-webkit-keyframes center_process_point {
    0% {}
    20% {opacity:.3; width:40px; height:40px; margin-top:-20px; margin-left:-20px;}
}
@keyframes center_process_point {
    0% {}
    20% {opacity:.3; width:40px; height:40px; margin-top:-20px; margin-left:-20px;}
}

@-webkit-keyframes center_circle_01 {
    0% {}
    20% {width:calc(100% + 90px); height:calc(100% + 90px); opacity:1; }
}
@keyframes center_circle_01 {
    0% {}
    20% {width:calc(100% + 90px); height:calc(100% + 90px); opacity:1; }
}

@-webkit-keyframes center_circle_02 {
    0% {}
    20% {width:500px; height:500px; opacity:1; }
}
@keyframes center_circle_02 {
    0% {}
    20% {width:500px; height:500px; opacity:1; }
}

@-webkit-keyframes center_circle_03 {
    0% {}
    20% {width:550px; height:550px; opacity:1; }
}
@keyframes center_circle_03 {
    0% {}
    20% {width:550px; height:550px; opacity:1; }
}

@-webkit-keyframes diagramProcess  {
    0%{opacity:1;}
    20% { width:30px; height:30px; opacity:.2}
}
@keyframes diagramProcess  {
    0%{opacity:1;}
    20% { width:30px; height:30px; opacity:.2}
}

@-webkit-keyframes diagramPointer {
    0% { opacity:.3 }
    100% { width:150%; height:150%; opacity:0;}
    0%{}
}
@keyframes diagramPointer {
    0% { opacity:.3 }
    100% { width:150%; height:150%; opacity:0;}
    0%{}
}

@-webkit-keyframes diagramLine {
    0% {left:0; opacity:1;}
    50% { left:100%; opacity:0;}
}
@keyframes diagramLine {
    0% {left:0; opacity:1;}
    50% { left:100%; opacity:0;}
}

@-webkit-keyframes circleShow {
    0% {opacity:0;}
    50% {opacity:1}
    0% {opacity:0;}
}
@keyframes circleShow {
    0% {opacity:0;}
    50% {opacity:1}
    0% {opacity:0;}
}

@-webkit-keyframes btnArrow {
    0% {left:-100%; opacity:0;}
    100% { left:0; opacity:1;}
}
@keyframes btnArrow {
    0% {left:-100%; opacity:0;}
    100% { left:0; opacity:1;}
}
/*animate end*/

@media screen and (max-width:1600px) {
    .header .logo {left:60px}
    .header .lang {right:60px;}
    #main_onePage .swiper-container-vertical > .swiper-pagination-bullets {right:50px;}
    
    .main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .info_box .tit {font-size:40px; line-height:40px;}
    .main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .info_box .txt {font-size:18px; line-height:28px;}
    
    .sub_content {width:100%; padding:160px 40px 60px;}
    .mission_box .process_box ul li p {font-size:20px; line-height:30px;}
    .history_wrap .layout_history .img_content {width:100%;}
    .history_wrap .layout_history .img_content.fixed {width:calc(100% - 80px);}
    
}

@media screen and (max-width:1440px) {
    .header .logo {left:40px}
    .header .lang {right:40px;}
    
    #main_onePage .swiper-container-vertical > .swiper-pagination-bullets {right:30px;}
    .main_top .bot .btn_scroll {padding-bottom:60px;}
    
    /*.main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .info_box .tit {font-size:30px; line-height:30px;}*/
    /*.main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .info_box .txt {margin-top:20px; font-size:16px; line-height:20px;}*/
    /*.main_prod .swiper_mainProd .item_mainPord .info_box_slide .tit {font-size:25px; line-height:25px;}*/
    .main_prod .swiper_mainProd .item_mainPord .no {left:50px; top:50px; width:80px; height:52px;}
    .main_news {padding:160px 70px;}
    
    .sub_content {width:100%; padding:160px 20px 60px;}
    .sub_banner {margin-bottom:80px;}
    .about_wrap .tit_cont {font-size:50px; line-height:50px;}
    .about_wrap .txt_cont {font-size:18px; line-height:30px;}
    .intro_group_s1 {padding:75px 0;}
    .intro_group_s1 .left_circle {width:280px; height:280px;}
    .intro_group_s1 .right_circle {width:280px; height:280px;}
    .intro_group_s1 .center_circle .top_circle {width:250px; height:250px;}
    .intro_group_s1 .center_circle .bot_circle {width:250px; height:250px;}
    
    .prod_img .img_list ul li {width:100px; height:100px;}
    .prod_img .img_big {width:450px; height:430px;}
    .prod_info {margin-left:600px; padding-top:30px;}
    .prod_info .prod_name .txt_prod {font-size:20px; line-height:20px;}
    .prod_info .prod_name .tit_prod {margin-top:20px; font-size:35px; line-height:35px;}
    .prod_info .prod_option {margin-top:20px; padding:24px 24px 0;}
    .prod_info .prod_option li + li {margin-top:24px;}
    .prod_info .prod_option li .tit {font-size:14px; line-height:14px;}
    .prod_info .prod_option li .txt {font-size:14px; line-height:14px;}
    
    .prod_content .tit_content {margin-bottom:24px; font-size:20px; line-height:20px;}
    .prod_content .txt_content {font-size:14px; line-height:20px;}
    
    .prod_related .tit_related {margin-bottom:24px; font-size:20px; line-height:20px;}
    
    
    .prod_related .swp_related .item_swiper {width:260px;}
    .prod_related .swp_related .item_swiper .tit {font-size:14px; line-height:14px;}
    .prod_related .swp_related .swiper-pagination {bottom:-30px;}
    .prod_related .swp_related .swiper-button-prev-related {left:0;}
    .prod_related .swp_related .swiper-button-next-related {right:0;}
    
    .btn_box {margin-top:80px;}
    
    .mission_box .process_box {padding:0 200px;}
    .mission_box .txt {font-size:20px; line-height:30px;}
    .mission_box .process_box ul li p {font-size:16px; line-height:26px;}
    
    
    .history_wrap .tab_history {height:65px; margin-bottom:40px;}
    .history_wrap .tab_history ul li {padding:20px;}
    .history_wrap .tab_history ul li a {font-size:24px; line-height:24px;}
    .history_wrap .layout_history .img_box .tit_img {font-size:30px; line-height:40px;}
    .history_wrap .layout_history .list_year .item_year .tit {font-size:16px; line-height:16px;}
    .history_wrap .layout_history .list_year .item_year .txt {font-size:16px; line-height:16px;}
    .history_wrap .layout_history .list_year {margin-left:calc(50% + 40px);}
    
    .history_wrap .layout_history .img_content.fixed {width:calc(100% - 40px);}
}

@media screen and (max-width:1280px) {
    .header .logo {left:30px}
    .header .lang {right:30px;}
    
    .header .gnb ul li {width:160px;}
    .header .gnb ul li a {font-size:18px;}
    .header .all_gnb > ul > li {width:160px;}
    .header .all_gnb ul.sub_gnb li a {font-size:16px;}
    
    .main_top .txt {font-size:20px; line-height:20px;}
    .main_top .tit {margin-top:30px; font-size:40px; line-height:50px;}
    
    .main_news {padding:160px 50px;}
    .main_news .tit_news {margin-bottom:50px; font-size:40px; line-height:40px;}
    .list_main_news ul {margin-bottom:-30px;}
    .list_main_news ul li {width:calc(33.33% - 30px); margin:0 15px 30px 15px;}
    .list_main_news ul li .info {padding:25px 20px;}
    .list_main_news ul li .info .tit {height:48px; margin-bottom:15px; font-size:18px; line-height:24px;}
    .list_main_news ul li .info .txt {height:40px; margin-bottom:20px; font-size:16px; line-height:20px;}
    
    .sub_content {padding:140px 20px 40px;}
    .sub_tit_top {font-size:30px; line-height:30px;}
    .sub_tab_top {margin-bottom:40px;}
    .tit_cate {font-size:26px; line-height:26px;}
    .search_box {width:300px;}
    .sub_banner {margin-bottom:60px;}
    .about_wrap .tit_cont {font-size:40px; line-height:40px;}
    
    .sub_tab_top ul li {padding:0 10px;}
    .sub_tab_top ul li a {padding:0 10px;}
    
    .txt_oneStop {font-size:140px; line-height:140px;}
    .intro_group_s2 {width:100%;}
    .intro_group_s2 .around_circle {width:200px; height:200px;}
    .intro_group_s2 .around_circle .tit {font-size:20px; line-height:30px;}
    .intro_group_s2 .around_circle .txt {padding-top:26px; font-size:16px; line-height:26px;}
    .intro_group_s2 .center_circle {width:280px; height:280px; margin:200px 200px 400px;}
    .intro_group_s2 .center_circle .circle_02 {width:320px; height:320px;}
    .intro_group_s2 .center_circle .circle_03 {width:410px; height:410px;}
    .intro_group_s2 .left_circle {left:80px; top:200px;}
    .intro_group_s2 .right_circle {right:80px; top:200px;}
    .intro_group_s2 .bottom_circle {bottom:100px;}
    
    .history_wrap .tab_history.fixed + .layout_history .img_container {padding:0 20px;}
    
    .center_process {width:100%;}
    
    .main_prod .cate_box ul li + li {margin-left:25px;}
	.main_prod .swiper_mainProd .swiper-container {width:100%;}
	.main_prod .swiper_mainProd .swiper-slide {padding:8%;}
	.main_prod .swiper_mainProd .swiper-slide-active {padding:2%;}
    .main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .info_box .txt {margin-top:10px;}
	.main_prod .swiper_mainProd .item_mainPord .info_box {left:65%; bottom:15%;}
    .main_prod .swiper_mainProd .item_mainPord .info_box_slide .tit {font-size:20px; line-height:20px;}

	.main_prod .swiper_mainProd .swiper-button-next-mainProd {right:14%;}

	.main_prod .swiper_mainProd .swiper-button-prev-mainProd {left:14%;}
}

@media screen and (max-width:1024px) {
    .br_pc {display:none;}
    .br_m {display:block;}
    .header {height:50px;}
    .header .logo {left:15px;}
    .header .logo a {width:75px; height:13px;}
    .header .gnb {display:none;}
    .header .lang {right:40px;}
    .header .lang ul li {line-height:50px;}
    .header .lang ul li + li {margin-left:10px;}
    .header .lang ul li a {font-size:12px; line-height:12px;}
    .header .lang ul li a:after {bottom:-3px; height:1px;}
    .header .all_gnb {display:none;}
    
    .header.minHeader {height:50px; line-height:50px;}
    
    .header.s1 .btn_menu {display:block; position:absolute; z-index:2; top:50%; right:10px; width:24px; height:24px; background:url('../img/icon_m_menu_white.png') no-repeat center center/14px; transform:translateY(-50%); overflow:hidden; text-indent:-999px;}
    .header.s2 .btn_menu {display:block; position:absolute; z-index:2; top:50%; right:10px; width:24px; height:24px; background:url('../img/icon_m_menu_black.png') no-repeat center center/14px; transform:translateY(-50%); overflow:hidden; text-indent:-999px;}
    
    .m_menu {display:block; z-index:100; position:fixed; top:0; right:0; width:280px; height:100%; background:#FFF; transform:translateX(100%); transition:.3s .1s;}
    .m_menu .m_menu_header {position:relative; height:50px; border-bottom:1px solid #E5E5E5; line-height:50px;}
    .m_menu .m_menu_header .btn_home {position:absolute; left:10px; top:50%; width:24px; height:24px; background:url('../img/icon_home.png') no-repeat center center/18px; transform:translateY(-50%); overflow:hidden; text-indent:-999px;}
    .m_menu .m_menu_header .btn_close {position:absolute; right:10px; top:50%; width:24px; height:24px; background:url('../img/icon_close_black.png') no-repeat center center/14px; transform:translateY(-50%); overflow:hidden; text-indent:-999px;}
    .m_menu .m_menu_header .lang {position:absolute; right:40px; top:50%; transform:translateY(-50%);}
    .m_menu .m_menu_header .lang ul li {float:left; line-height:50px;}
    .m_menu .m_menu_header .lang ul li + li {margin-left:10px;}
    .m_menu .m_menu_header .lang ul li a {position:relative; display:inline-block; vertical-align:middle; color:#000; font-family:'MyriadPro', sans-serif; font-size:12px; font-weight:700; line-height:12px;}
    .m_menu .m_menu_header .lang ul li a:after {content:''; position:absolute; left:0; bottom:-3px; width:0; height:1px; background:#3B88B4; opacity:0; transition:.2s .1s;}
    .m_menu .m_menu_header .lang ul li:hover a {color:#3B88B4;}
    .m_menu .m_menu_header .lang ul li:hover a:after {width:100%; opacity:1;}
    .m_menu .m_menu_header .lang ul li.on a {color:#3B88B4;}
    .m_menu .m_menu_header .lang ul li.on a:after {width:100%; opacity:1;}
    .m_menu .m_gnb {height:calc(100% - 50px); overflow-y:auto;}
    .m_menu .m_gnb > ul > li > a {position:relative; display:block; padding:0 40px 0 15px; color:#000; font-size:15px; line-height:50px; font-weight:500;}
    .m_menu .m_gnb > ul > li > a:after {content:''; position:absolute; top:50%; right:15px; width:12px; height:12px; background:url('../img/icon_plus.png') no-repeat 0 0 /100%; transform:translateY(-50%);}
    .m_menu .m_gnb > ul > li > a.on:after {background-image:url('../img/icon_arrowDown_black.png');}
    .m_menu .m_gnb > ul > li + li {border-top:1px solid #E5E5E5;}
    .m_menu .m_gnb .sub_gnb {display:none; padding:20px 30px; background:#F9F9F9; border-top:1px solid #E5E5E5;}
    .m_menu .m_gnb .sub_gnb li + li {margin-top:10px;}
    .m_menu .m_gnb .sub_gnb li a {display:inline-block; color:#000; font-size:12px; line-height:18px; font-weight:500;}
    .openMenu .m_menu {transform:translateX(0);}
    
    .main_top .txt {font-size:20px; line-height:20px;}
    .main_top .tit {font-size:40px; line-height:50px;}
    
    .main_prod .cate_box ul li + li {margin-left:25px;}
    
    .main_prod .swiper_mainProd {padding:30px 0 90px;}
	.main_prod .swiper_mainProd .swiper-slide {padding:6%;}
	.main_prod .swiper_mainProd .swiper-slide-active {padding:0;}
    .main_prod .swiper_mainProd .swiper-button-prev-mainProd {left:5%; width:30px; height:30px;}
    .main_prod .swiper_mainProd .swiper-button-next-mainProd {right:5%; width:30px; height:30px;}
    
    .main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .info_box {width:100%; right:0; bottom:auto; top:102%; text-align:center;}
    .main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .info_box .tit {font-size:20px; line-height:20px;}
    .main_prod .swiper_mainProd .swiper-slide-active .item_mainPord .info_box .txt {font-size:12px; line-height:16px; word-break:keep-all;}
    /*.main_prod .swiper_mainProd .item_mainPord {width:300px;}*/
    .main_prod .swiper_mainProd .item_mainPord .info_box {width:100%; left:0; transform:translateX(0); text-align:center;}
    .main_prod .swiper_mainProd .item_mainPord .info_box .tit {font-size:15px; line-height:15px;}
    .main_prod .swiper_mainProd .item_mainPord .info_box .txt {margin-top:14px; font-size:12px; line-height:18px;}
    .main_prod .swiper_mainProd .item_mainPord .no {top:8%; left:8%; width:60px; height:39px;}
    
    .main_intro .list_intro {display:-webkit-flex; display:flex; flex-direction:column; padding-top:50px;}
    .main_intro .list_intro > li {flex:1 1 33.33%; display:-webkit-flex; display:flex; justify-content:center; align-items:center; float:none; width:100%; padding:20px 0;}
    .main_intro .list_intro > li .inner_box {text-align:center;}
    .main_intro .list_intro > li .img {position:relative; left:0; top:0; transform:translateX(0); display:inline-block; width:39px; height:38px;}
    .main_intro .list_intro > li + li {margin:0; border-left:none; border-top:1px solid rgba(255,255,255,.2);}
    .main_intro .list_intro > li .tit {margin-bottom:15px; font-size:23px; line-height:23px;}
    .main_intro .list_intro > li .txt {display:none;}
    .main_intro .list_intro > li ol li a {width:120px; height:30px; font-size:12px; border-radius:15px; line-height:30px;}
    .main_intro .list_intro > li ol li + li {margin-top:5px;}
    .main_intro .list_intro > li.on {flex:1 1 40%; padding-top:20px;}
    
    .btn_more {line-height:22px;}
    .btn_more.white .btn_txt {font-size:12px;}
    .btn_more.white .btn_icon {width:22px; height:22px; margin-left:5px;}
    .btn_more.black .btn_txt {font-size:12px;}
    .btn_more.black .btn_icon {width:22px; height:22px; margin-left:5px;}
    
    .main_news {padding:80px 15px 40px;}
    .main_news .tit_news {font-size:30px; line-height:30px;}
    
    .list_main_news ul li{width:calc(50% - 30px);}
    .list_main_news ul li:nth-child(3n - 1) {top:0;}
    .list_main_news ul li .info {padding:15px 10px;}
    .list_main_news ul li .info .tit {height:40px; margin-bottom:10px; font-size:14px; line-height:20px;}
    .list_main_news ul li .info .txt {display:none; height:32px; margin-bottom:12px; font-size:12px; line-height:16px;}
    .list_main_news ul li .info .date {font-size:12px; line-height:12px;}
    .list_main_news ul li a:hover:after {border-width:5px; opacity:1;}
    .list_main_news ul li a {border-radius:5px;}
    
    .btn_center_box {margin-top:50px;}
    .footer_wrap .txt_info {font-size:12px; line-height:20px;}
    .footer_wrap .txt_copyright {font-size:12px; line-height:20px;}
    .footer_wrap .txt_info .split {font-size:12px; line-height:20px;}
    
    #fp-nav {display:none;}
    
    .sub_banner {position:relative; height:200px; margin-bottom:35px; overflow:hidden;}
    .sub_banner img {position:absolute; left:0; top:0; width:auto; transform:translate(-50%, -50%);}
    .sub_content {padding:100px 15px 20px;}
    .sub_tit_top {margin-bottom:25px; font-size:20px; line-height:20px;}
    .sub_tab_top {margin-bottom:35px;}
    .sub_tab_top ul li {padding:0 5px;}
    .sub_tab_top ul li a {padding:0 10px; font-size:14px; line-height:14px;}
    .about_wrap .tit_cont {margin-bottom:30px; font-size:30px; line-height:34px;}
    .about_wrap .txt_cont {font-size:12px; line-height:20px;}
    .about_wrap .tit_cont_small {margin-bottom:30px; font-size:30px; line-height:40px;}
    
    .intro_group_s1 {padding:75px 20px;}
    .intro_group_s1 .left_circle {width:160px; height:160px;}
    .intro_group_s1 .right_circle {width:160px; height:160px;}
    .intro_group_s1 .center_circle .top_circle {width:140px; height:140px;}
    .intro_group_s1 .center_circle .bot_circle {width:140px; height:140px;}
    .intro_group_s1 .left_circle:before {left:-15px; top:-15px; right:-15px; bottom:-15px;}
    .intro_group_s1 .left_circle .txt {font-size:12px; line-height:12px;}
    .intro_group_s1 .right_circle:before {left:-15px; top:-15px; right:-15px; bottom:-15px;}
    .intro_group_s1 .right_circle .txt {font-size:12px; line-height:12px;}
    .intro_group_s1 .center_circle .top_circle .txt {font-size:12px; line-height:20px;}
    .intro_group_s1 .center_circle .bot_circle .txt {font-size:12px; line-height:20px;}
    .intro_group_s1 .col:nth-child(1) {width:160px; height:160px;}
    .intro_group_s1 .col:nth-child(3) {width:160px; height:160px;}
    .intro_group_s1 .col:nth-child(2) {display:flex; align-items:center; height:200px;}
    
    .tit_cate {margin-top:15px; font-size:16px; line-height:16px;}
    .search_list_box {margin-top:20px; text-align:center;}
    .search_box .text_search {height:30px; border-width:1px;}
    .search_box .btn_search {width:30px; height:30px; background-size:15px;}
    .search_box {float:none; width:225px; margin:0 auto;}
    
    .list_prod_wrap ul {margin:-25px 0 0 -15px;}
    .list_prod_wrap ul li {width:calc(33.33% - 15px); margin:25px 0 0 15px;}
    .list_prod_wrap ul li .tit_prod {margin-top:15px; font-size:12px; line-height:12px;}
    
    .prod_top {margin-top:0; padding-bottom:35px;}
    .prod_img {width:100%; margin-bottom:20px;}
    .prod_img .img_list {width:18%;}
    .prod_img .img_list ul li {width:100%; height:0; padding-bottom:100%;}
    .prod_img .img_list ul li.on:after {border-width:1px;}
    .prod_img .img_list ul li + li {margin-top:5px;}
    .prod_img .img_big {width:calc(80% - 10px); height:auto;}
    
    .prod_info {width:100%; margin-left:0; padding-top:0;}
    .prod_info .prod_name {padding:0;}
    .prod_info .prod_name .txt_prod {font-size:12px; line-height:12px;}
    .prod_info .prod_name .tit_prod {margin-top:15px; font-size:25px; line-height:25px;}
    .prod_info .prod_option {margin-top:10px; padding:10px 0;}
    .prod_info .prod_option ul li + li {margin-top:15px;}
    .prod_info .prod_option li .tit {font-size:12px; line-height:12px;}
    .prod_info .prod_option li .txt {font-size:12px; line-height:12px;}
    .prod_info .prod_other {padding:0;}
    .prod_info .btn_cateLog {width:100px; height:25px; line-height:25px; margin-top:15px; border-width:1px;}
    .prod_info .btn_cateLog .btn_txt {font-size:12px; line-height:12px;}
    .prod_info .btn_cateLog .btn_icon {width:12px; height:13px; margin-left:10px;}
    
    .prod_content {margin-top:40px;}
    .prod_content .tit_content {font-size:15px; line-height:15px;}
    .prod_content .txt_content {font-size:12px; line-height:15px;}
    .prod_content img {width:100%;}
    
    .prod_related {margin-top:50px;}
    .prod_related .tit_related {font-size:15px; line-height:15px;}
    .prod_related .swp_related .item_swiper {width:160px;}
    
    .btn_box {margin-top:50px;}
    .btn_prev .btn_icon {width:22px; height:6px;}
    .btn_prev .btn_txt {margin-left:5px; font-size:12px; line-height:12px;}
    .btn_list .btn_icon {width:10px; height:8px;}
    .btn_list .btn_txt {margin-left:5px; font-size:12px; line-height:12px;}
    .btn_next .btn_icon {width:22px; height:6px;}
    .btn_next .btn_txt {margin-right:5px; font-size:12px; line-height:12px;}
    
    .prod_related .swp_related .swiper-button-prev-related {left:-10px; width:20px; height:20px;}
    .prod_related .swp_related .swiper-button-next-related {right:-10px; width:20px; height:20px;}
    
    .txt_oneStop {margin-top:50px; font-size:50px; line-height:50px;}
    .intro_group_s2 .center_circle {width:160px; height:160px; margin:100px 0 50px;}
    .intro_group_s2 .center_circle .txt {font-size:14px; line-height:14px;}
    .intro_group_s2 .center_circle .circle_01 {width:210px; height:210px;}
    .intro_group_s2 .center_circle .circle_02 {width:270px; height:270px;}
    .intro_group_s2 .center_circle .circle_03 {width:320px; height:320px;}
    .intro_group_s2 .around_circle {position:relative; left:auto; top:auto; right:auto; bottom:auto; width:100%; height:auto; margin-bottom:30px; background:transparent; border-radius:0; transform:translate(0,0);}
    .intro_group_s2 .around_circle .tit {position:relative; left:auto; top:auto; color:#3b88b4; font-size:18px; line-height:24px;}
    .intro_group_s2 .around_circle .txt {position:relative; left:auto; top:auto; width:100%; height:auto; padding:15px 0 0; font-size:12px; line-height:20px; transform:translate(0,0);}
    
    /*.swp_mission .swiper-container {height:450px;}*/
    .mission_box {padding:0 50px;}
    .mission_box .tit {font-size:12px; line-height:12px;}
    .mission_box .txt {margin-top:25px; font-size:15px; line-height:25px;}
    .mission_box .process_box {padding:0;}
    .mission_box .process_box ul {margin-top:25px; height:auto;}
    .mission_box .process_box ul:before {display:none;}
    .mission_box .process_box ul li {position:relative; left:auto !important; top:auto !important; right:auto; bottom:auto; float:none; width:100%;}
    .mission_box .process_box ul li:before {top:0; width:6px; height:6px; margin-top:-3px; transform:translate(-50%, 0);}
    .mission_box .process_box ul li:after {top:0; width:6px; height:6px; margin-top:-3px; transform:translate(-50%, 0);}
    .mission_box .process_box ul li + li {margin-top:30px;}
    .mission_box .process_box ul li p {position:relative; left:auto; top:auto; right:auto; bottom:auto; width:100%; padding-top:20px; transform:translateX(0); font-size:13px; line-height:18px;}
    
    .history_wrap .layout_history .list_year {margin-left:0;}
    /*.history_wrap .layout_history .img_box {position:relative; width:100%; margin-bottom:30px;}*/
    
    .history_wrap .tab_history {height:auto; margin-bottom:20px;}
    .history_wrap .tab_history ul {position:relative; display:flex; justify-content:center; align-items:center;}
    .history_wrap .tab_history ul:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#f9f9f9;}
    .history_wrap .tab_history ul li {flex:1 1 auto; padding:10px 0; margin:0;}
    .history_wrap .tab_history ul li:after {z-index:1; height:3px;}
    .history_wrap .tab_history ul li a {font-size:13px; line-height:13px;}
    .history_wrap .layout_history .list_year {padding:0 25px;}
    .history_wrap .layout_history .list_year .item_year {position:relative;}
    .history_wrap .layout_history .list_year .item_year ul li {position:relative;}
    .history_wrap .layout_history .list_year .item_year .tit {position:absolute; left:0; top:0; width:20px; font-size:12px; line-height:18px;}
    .history_wrap .layout_history .list_year .item_year .txt {margin-left:40px; font-size:12px; line-height:18px;}
    .history_wrap .layout_history .list_year .item_year .tit_year {margin-bottom:15px; font-size:15px; line-height:15px;}
    .history_wrap .layout_history .list_year .item_year ul li + li {margin-top:15px;}
    .history_wrap .layout_history .list_year .item_year + .item_year {margin-top:35px;}
    .history_wrap .layout_history .img_content {display:none;}
    
    .history_wrap .tab_history.fixed {top:50px;}
    
    .btn_more.white .btn_icon:before {width:18px; height:9px;}
    
    .center_process ul li:nth-child(1) .img img {height:33px;}
    .center_process ul li:nth-child(2) .img img {height:44px;}
    .center_process ul li:nth-child(3) .img img {height:33px;}
    .center_process ul li:nth-child(4) .img img {height:33px;}
    .center_process ul li:nth-child(5) .img img {height:33px;}
    .center_process ul li:nth-child(6) .img img {height:33px;}
    .center_section .img_box.small img {width:100%;}
    .center_process ul li .txt {font-size:12px; line-height:12px;}
    
    .btn_more.black .btn_icon:before {width:20px; height:10px;}
    
    .main_prod .cate_box {padding:0 15px;}
    .main_prod .cate_box ul {display:-webkit-flex; display:flex;}
    .main_prod .cate_box ul li {flex:1 1 auto;}
    .main_prod .cate_box ul li + li {margin-left:0;}
    .main_prod .cate_box ul li a .icon {min-width:auto; height:40px;}
    .main_prod .cate_box ul li a.cate_01 .icon {background-size:auto 20px}
    .main_prod .cate_box ul li a.cate_02 .icon {background-size:auto 22px}
    .main_prod .cate_box ul li a.cate_03 .icon {background-size:auto 16px}
    .main_prod .cate_box ul li a.cate_04 .icon {background-size:auto 19px}
    .main_prod .cate_box ul li a.cate_05 .icon {background-size:auto 23px}
    .main_prod .cate_box ul li a.cate_06 .icon {background-size:auto 23px}
    .main_prod .cate_box ul li a.cate_07 .icon {background-size:auto 23px}
    .main_prod .cate_box ul li a.cate_08 .icon {background-size:auto 23px}
    .main_prod .cate_box ul li a.cate_09 .icon {background-size:auto 23px}
    .main_prod .cate_box ul li a .tit {font-size:12px;}
    
    
    @-webkit-keyframes center_circle_01 {
        0% {}
        20% {width:250px; height:250px;}
    }
    @keyframes center_circle_01 {
        0% {}
        20% {width:250px; height:250px;}
    }
    
    @-webkit-keyframes center_circle_02 {
        0% {}
        20% {width:320px; height:320px;}
    }
    @keyframes center_circle_02 {
        0% {}
        20% {width:320px; height:320px;}
    }
    
    @-webkit-keyframes center_circle_03 {
        0% {}
        20% {width:350px; height:350px;}
    }
    @keyframes center_circle_03 {
        0% {}
        20% {width:350px; height:350px;}
    }
    @-webkit-keyframes diagramProcess  {
        0%{opacity:0;}
        50% {width:12px; height:12px; margin-top:-6px; opacity:.2}
    }
    @keyframes diagramProcess  {
        0%{opacity:0;}
        50% {width:12px; height:12px; margin-top:-6px; opacity:.2}
    }
    
}

@media screen and (max-width:768px) {
    .pc {display:none !important;}
    .m {display:block !important;}
    
    #main_onePage .swiper-pagination {display:none;}
    
    .main_top {padding:0 30px;}
    .main_top .inner {padding:0 30px;}
    .main_top .txt {display:none;}
    .main_top .tit {margin-top:0; font-size:30px; line-height:40px;}
    .main_top .search_main {margin-top:25px;}
    .main_top .search_main .select_search {width:70px; height:24px; padding:0 12px 0 12px; background-size:4px; background-position:right 5px center; border-width:1px; font-size:12px;}
    .main_top .search_main .text_search {width:calc(100% - 75px); height:24px; margin-left:5px; padding:0 24px 0 12px; border-width:1px; font-size:12px;}
    .main_top .search_main .btn_search {width:25px; height:24px; background-size:12px;}
    .main_top .bot .btn_scroll {padding-bottom:35px; font-size:12px; line-height:12px;}
    .main_top .bot .btn_scroll:after {width:1px;}
    
    /*.main_prod .swiper_mainProd .item_mainPord {width:250px;}*/
    
    .list_main_news ul li{width:100%; max-width:100%; margin:0 0 20px;}
    .list_main_news ul li .info .tit {height:auto;}
    .list_main_news ul li .info .txt {height:auto;}
    
    .sub_tab_top {display:none;}
    .intro_group_s1 {display:-webkit-flex; display:flex; flex-direction:column; justify-content:center; align-items:center;}
    .intro_group_s1 .center_circle {display:-webkit-flex; display:flex; justify-content:center; align-items:center;}
    .intro_group_s1 .center_circle .bot_circle {margin:0 0 0 50px;}
    .intro_group_s1 .col:nth-child(2):after {left:50%; top:0; width:2px; height:100%; transform:translate(-50%,0);}
    .intro_group_s1 .col:nth-child(2):before {left:50%; top:0; transform:rotate(90deg); margin-left:-7px;}
    
    .list_prod_wrap ul {margin:-25px 0 0 -10px;}
    .list_prod_wrap ul li {width:calc(50% - 10px); margin:25px 0 0 10px;}
    .list_prod_wrap ul li .img:hover:after {border-width:5px;}
    
    .btn_center_box {margin-top:30px;}
    
/*    .prod_info {float:left; width:100%; margin-top:40px; margin-left:0;}
    .prod_img {width:100%;}
    .prod_img .img_big {display:flex; align-items:center; justify-content:center; width:calc(100% - 70px); height:0;}
    */
    .footer_wrap {padding:40px 10px;}
    .footer_wrap .txt_info {font-size:10px; line-height:12px;}
    .footer_wrap .txt_copyright {margin-top:10px; font-size:10px; line-height:12px;}
    
   
    
    @-webkit-keyframes diagramLine {
        0% {top:0;}
        100% { top:100%; }
    }
    @keyframes diagramLine {
        0% {top:0;}
        100% { top:100%; }
    }
    @keyframes diagramLine {
        0% {top:0;}
        100% { top:100%; }
    }
    
    .history_wrap .layout_history .list_year {padding:0;}
    .history_wrap .layout_history .list_year .item_year .txt {margin-left:30px;}
    
    .center_top {padding-bottom:50px;}
    .center_process ul li {height:50px;}
    .center_process ul li .txt {margin-top:0;}
    .center_process ul li .img {display:none;}
    .center_process ul:before {top:30px; height:1px; margin-top:0;}
    .center_process ul:after {top:30px; height:1px; margin-top:0;}
    .center_process ul li:before {top:30px; width:6px; height:6px; margin-top:-3px; margin-left:-3px;}
    .center_process ul li:after {top:30px; width:6px; height:6px; margin-left:-3px; margin-top:-3px;}
    
    .center_section {padding:50px 0;}
    .center_section .tit01 {margin-bottom:35px; font-size:12px; line-height:12px;}
    .center_section .tit02 {margin-bottom:20px; font-size:15px; line-height:20px;}
    .center_section .txt {margin-bottom:35px; font-size:12px; line-height:20px;}
    .center_section .img_box.full_img.single {position:relative; height:220px; overflow:hidden;}
    .center_section .img_box.full_img.single img {position:absolute; left:50%; top:50%; width:auto; transform:translate(-50%, -50%);}
    
    .main_prod .cate_box ul {flex-wrap:wrap;}
    .main_prod .cate_box ul li {flex:1 1 auto; margin-bottom:20px; padding: 0 5px;}
    
    @-webkit-keyframes center_process_point {
        0% {}
        20% {opacity:.3; width:20px; height:20px; margin-top:-10px; margin-left:-10px;}
    }
    @keyframes center_process_point {
        0% {}
        20% {opacity:.3; width:20px; height:20px; margin-top:-10px; margin-left:-10px;}
    }
}

@media screen and (max-width:460px){
}

@media screen and (max-width:360px){
    .main_top .tit {font-size:24px;}
}