@charset "utf-8";
@import url("reset.css");

html{width:100%;height:100%;font-size:100px;}
body{width:100%;height:100%;overflow:inherit;}
body.on{overflow:hidden;}
.p-img{display:block !important;}
.m-img{display:none !important;}
/* button */
.button-box{text-align: center;}
.button{display:inline-block;width:100%;max-width:2.7rem;font-size:0.2rem;text-align:center;font-weight:500;line-height:0.6rem;box-sizing:border-box;}
.bbs-button{display:inline-block;width:100%;max-width:1.5rem;font-size:0.16rem;text-align:center;font-weight:500;line-height:0.5rem;box-sizing:border-box;}
.button-round{color:#fff;border:0.02rem solid #fff;border-radius:0.1rem;}
.button-round em{display:inline-block;position:relative;top:-0.02rem;vertical-align:middle;margin-left:0.15rem;}
.button-blue{background:#103982;color:#fff;border:0.01rem solid #748cb6;}
.button-blue:hover{background:#1753bc;}
.button-blue2{background:#4a68a1;color:#fff;}
.button-blue2:hover{background:#1753bc;}
.button-gray{background:#757575;color:#fff;}
.button-gray:hover{background:#555;}
/* color */
.color-blue{color:#1370d2 !important; }


/* form */
.piw-checkbox-group{padding:0.13rem 0;}
.piw-checkbox{}
.piw-checkbox + .piw-checkbox{margin-left:0.3rem;}
.piw-checkbox input[type=checkbox]{display:inline-block;position:absolute;opacity:0;}
.piw-checkbox label{display:inline-block;position:relative;padding-left:0.3rem;color:#555;font-size:0.18rem;text-align:left;box-sizing:border-box;cursor:pointer;}
.piw-checkbox label:before{content:'';display:inline-block;position:absolute;top:0.04rem;left:0;width:0.18rem;height:0.18rem;border:0.02rem solid #91908f;box-sizing:border-box;}
.piw-checkbox label:after{content:"";display:none;position: absolute;top:0.04rem;left:0.05rem;width:0.04rem;height:0.1rem;border-right:0.04rem solid #1082ba;border-bottom:0.04rem solid #1082ba;transform:rotate(45deg);}
.piw-checkbox input[type=checkbox]:checked + label:after{display:inline-block;}
.piw-radio{display:inline-block;}
.piw-radio input[type=radio]{display:inline-block;position:absolute;opacity:0;}
.piw-radio label{display:inline-block;position:relative;padding-left:0.35rem;color:#444;font-size:0.2rem;cursor:pointer;}
.piw-radio label:before{content:'';position:absolute;top:50%;left:0;margin-top:-0.1rem;width:0.2rem;height:0.2rem;border:0.02rem solid #666565;border-radius:100%;box-sizing:border-box;}
.piw-radio label:after{content:'';display:none;position:absolute;top:50%;left:0.05rem;margin-top:-0.05rem;width:0.1rem;height:0.1rem;background:#1082ba;border-radius:100%;}
.piw-radio input[type=radio]:checked + label:before{border-color:#1082ba;}
.piw-radio input[type=radio]:checked + label:after{display:inline-block;}

.piw-form{display:inline-block;overflow:hidden;position:relative;padding:0.05rem;width:100%;border-bottom:0.02rem solid #1082ba;}
.piw-form label{position:absolute;top:-999999999rem;left:-999999999rem;}
.piw-form input[type="text"],
.piw-form input[type="tel"],
.piw-form input[type="password"]{display:inline-block;padding:0 0.1rem;width:100%;color:#555;font-size:0.18rem;height:0.4rem;line-height:0.4rem;box-sizing:border-box;}
.piw-form input.color-gray::placeholder{color:#a3a2a2;}
.piw-form.code .label{display:inline-block;margin-right:0.5rem;color:#555;font-size:0.2rem;}
.piw-form.code em{display:inline-block;margin-right:0.35rem;color:#333;font-size:0.2rem;font-weight:500;}
.piw-form.code input[type="text"]{display:inline-block;max-width:2.65rem;background:#f4f2f2;}
.piw-form-group{display:flex;margin-bottom:0.05rem;}
.piw-form-group.half{width:50%;max-width:4.05rem;}
.piw-form-group .label{display:inline-block;color:#555;font-size:0.2rem;font-weight:400;}
.piw-form-group .piw-form{flex:auto;}
.piw-form-group .piw-form + .piw-form{margin-left:0.27rem;}



#wrap{width:100%;height:100%;margin:0 auto; }
header{position:relative;height:0.95rem;border-bottom:0.01rem solid #136bb3;background:#fff;}
header.fixed{position: fixed;top:0;left:0;width:100%;z-index:200;}
header .header-wrap{margin:0 auto;max-width:16.87rem;padding:0 0.1rem;font-size:0;box-sizing:border-box;}
header .header-logo{display:inline-block;position: relative;margin-top:0.25rem;z-index: 100;}
header .header-logo img{display:block;}
header .nav-icon{display:none;width:0.3rem;height: 0.2rem;position: absolute;top:50%;right:0.4rem;margin-top:-0.1rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition:0.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
header .nav-icon span{display:block;position:absolute;height:0.02rem;width: 100%;background:#136bb3;border-radius:0.1rem;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;}
header .nav-icon span:nth-child(1){top:0px;}
header .nav-icon span:nth-child(2),
header .nav-icon span:nth-child(3){top:50%;margin-top:-0.01rem;}
header .nav-icon span:nth-child(4){bottom:0;}
header .nav-icon.open{z-index:1000;}
header .nav-icon.open span{background:#136bb3;}
header .nav-icon.open span:nth-child(1){top:18px;width:0%;left:50%;}
header .nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
header .nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
header .nav-icon.open span:nth-child(4){top: 18px;width:0%;left:50%;}
header .header-wrap .gnb{position:absolute;top:0;left:0;padding:0 15% 0 22%;width:100%;text-align:center;box-sizing:border-box;}
header .header-wrap .gnb .submenu-bg{display:none;position:absolute;top:0.95rem;left:0;padding:0.2rem 0 0.25rem;width:100%;background:#136bb3;z-index:100;}
header .header-wrap .gnb ul{display:inline-block;width:100%;max-width:9rem;vertical-align:top;}
header .header-wrap .gnb ul li{display:inline-block;position:relative;width:20%;}
header .header-wrap .gnb ul li > a{display:block;color:#0363b1;font-size:0.18rem;line-height:0.95rem;text-align:center;font-weight:500;}
header .header-wrap .gnb ul li .submenu{display:none;position:absolute;width:100%;z-index:200;}
header .header-wrap .gnb ul li .submenu a{display:block;margin-top:0.15rem;color:#fff;font-size:0.15rem;font-weight:300;}
header .header-wrap .gnb ul li .submenu a:first-child{margin-top:0.25rem;}
header .header-wrap .gnb ul li.mobile-language{display: none;}
header .header-wrap .language{display:inline-block;float:right;position:relative;top:0.38rem;}
header .header-wrap .language a{display:inline-block;position:relative;margin-left:0.1rem;padding-left:0.15rem;color:#000;font-size:0.12rem;font-weight:500;}
header .header-wrap .language a:before{content:"";display:inline-block;position:absolute;top:50%;left:0;margin-top:-0.055rem;width:0.11rem;height:0.11rem;}
header .header-wrap .language a:first-child:before{background:url(/_public/images/common/lan_ko.png) no-repeat;background-size:100%;}
header .header-wrap .language a:nth-child(2):before{background:url(/_public/images/common/lan_en.png) no-repeat;background-size:100%;}
header .header-wrap .language a:nth-child(3):before{background:url(/_public/images/common/lan_jp.png) no-repeat;background-size:100%;}
header .header-wrap .language a:nth-child(4):before{background:url(/_public/images/common/mall.png) no-repeat;background-size:100%;}


footer{background:#363636;}
footer .footer-wrap{position:relative;margin:0 auto;max-width:16.87rem;box-sizing:border-box;}
footer .footer-top{padding:0.2rem 0;border-bottom:0.01rem solid #545454;font-size:0;}
footer .footer-top .footer-wrap{overflow: hidden;}
footer .footer-top .nav{display:inline-block;}
footer .footer-top .nav a{display:inline-block;margin-right:0.55rem;color:#fff;font-size:0.16rem;font-weight:500;}
footer .footer-top .link-group{float:right;display:inline-block;font-size:0;}
footer .footer-top .link-group .site{display:inline-block;color:#a7a7a7;font-size:0.12rem;font-weight:600;vertical-align:middle;}
footer .footer-top .link-group .site span{display:inline-block;margin-right:0.1rem;color:#6a6a6a;vertical-align:middle;}
footer .footer-top .link-group .site a{display:inline-block;color:#a7a7a7;}
footer .footer-top .link-group .site em{display:inline-block;margin-left:0.07rem;width:0.13rem;line-height:0.13rem;color:#363636;text-align:center;font-weight:100;background:#aeaeae;}
footer .footer-top .link-group .sns{display:inline-block;margin-left:0.55rem;color:#a6a6a6;font-size:0;font-weight:600;vertical-align:middle;}
footer .footer-top .link-group .sns span{display:inline-block;font-size:0.12rem;vertical-align:middle;}
footer .footer-top .link-group .sns a{display:inline-block;margin-left:0.08rem;vertical-align:middle;}
footer .footer-top .link-group .sns a img{display:block;}
footer .footer-info{padding:0.3rem 0 0.9rem;}
footer .footer-info .footer-logo{display: inline-block;vertical-align: top;margin-right: 0.35rem;}
footer .footer-info .addr{display:inline-block;}
footer .footer-info .addr p{color:#fff;font-size:0.15rem;}
footer .footer-info .logo-group{position:absolute;top:-0.19rem;right:0;}
footer .footer-info .logo-group a{display:inline-block;margin-left:0.5rem;}
footer .footer-info .logo-group a img{vertical-align: bottom;}
footer .pc-footer{display:block;}
footer .m-footer{display:none;}


/* main */
#main .tit{color:#136bb3;font-size:0.55rem;text-align:center;font-weight:700;}
#main .main-slider{margin:0 auto;}
#main .main-slider .swiper-slide img{display:block;width:100%;max-height:8.75rem;}
#main .main-slider .swiper-slide p{padding:22% 0;font-size:0.35rem;color:#fff;text-align: center;text-shadow:0.02rem 0.03rem 0.05rem rgba(0,0,0,0.8);}
#main .main-slider .swiper-slide.slide01{background:url(/_public/images//main/main_slide01.png) top center no-repeat; background-size:cover; }
#main .main-slider .swiper-slide.slide02{background:url(/_public/images//main/main_slide02.png) top center no-repeat; background-size:cover; }
#main .main-slider .swiper-slide.slide03{background:url(/_public/images//main/main_slide03.png) top center no-repeat; background-size:cover; }
#main .main-slider .swiper-button-prev{display:inline-block;width:0.63rem;height:1.06rem;background:url(/_public/images/main/slide_control_prev.png) no-repeat;background-size:100%;}
#main .main-slider .swiper-button-next{display:inline-block;width:0.63rem;height:1.06rem;background:url(/_public/images/main/slide_control_next.png) no-repeat;background-size:100%;}
#main .main-slider .swiper-button-next:after,
#main .main-slider .swiper-button-prev:after{display:none;}
#main .main-slider .swiper-pagination{bottom:5%;}
#main .main-slider .swiper-pagination .swiper-pagination-bullet{width:0.2rem;height:0.2rem;opacity:1;background: transparent;box-sizing: border-box;border:0.05rem solid #fff;border-radius: 100%;vertical-align: middle;}
#main .main-slider .swiper-pagination .swiper-pagination-bullet-active{width:0.25rem;height:0.25rem;border-color:#136bb3;}

#main .main-video{width:100%;height:100%;}
#main .main-video video{width:100%;height:100%;}

#main .main-about{margin-top:1.6rem;}
#main .main-about .list{margin:0 auto;margin-top:0.7rem;max-width:14rem;font-size:0;}
#main .main-about .list > div{display:inline-block;margin:0 2%;width:29.3333%;text-align: center;}
#main .main-about .list > div .img{}
#main .main-about .list > div .img img{width:100%;}
#main .main-about .list > div .txt{margin-top:0.4rem;color:#000;font-size:0.32rem;text-align: center;font-weight:400;}
#main .main-about .list > div .txt span{display:block;color:#1a1a1a;font-size:0.2rem;font-weight:300;letter-spacing:-0.005rem;}
#main .main-product{margin:0 auto;margin-top:1.1rem;max-width:16.87rem;}
#main .main-product .info{display:flex;display:-ms-flexbox;position:relative;flex-wrap:wrap;width:100%;}
#main .main-product .info > div{display:inline-block;padding:10% 0.9rem 5%;flex:0 50%;-ms-flex: 0 50%;max-width:50%;background:url(/_public/images/main/main_product_img02.png) no-repeat;background-size:cover;box-sizing:border-box;}
#main .main-product .info > div img{display:block;}
#main .main-product .info > div strong{display:block;color:#fff;font-size:0.55rem;font-weight:500;line-height:0.65rem;}
#main .main-product .info > div p{margin-top:0.2rem;color:#fff;font-size:0.17rem;font-weight:400;}
#main .main-product .info > div .button{margin-top:0.9rem;}
#main .main-product .info > div:first-child{background:url(/_public/images/main/main_product_img01.png) no-repeat;background-size:cover;}
#main .main-product .product-info{position: relative;z-index: 100;}
#main .main-product .product-info > div{display:flex;display:-ms-flexbox;position:relative;padding:0.55rem 0;flex-wrap:wrap;width:100%;box-sizing: border-box;}
#main .main-product .product-info > div .img{display:inline-block;flex:0 50%;-ms-flex: 0 50%;max-width:50%;box-sizing: border-box;}
#main .main-product .product-info > div .txt-box{display:inline-block;padding-top:0.4rem;flex:0 50%;-ms-flex: 0 50%;max-width:50%;box-sizing: border-box;}
#main .main-product .product-info > div .txt-box strong{display:block;color:#333;font-size:0.65rem;line-height:0.7rem;}
#main .main-product .product-info > div .txt-box .txt{margin-top: 0.55rem;color: #333;font-size: 0.15rem;font-weight: 500;line-height: 0.25rem;max-width: 675px;word-break: keep-all;}
#main .fits-news{position:relative;margin-top:-1.3rem;padding:0.95rem 0 0.8rem;background:#f0f2f6;box-sizing:border-box;}
#main .fits-news .fitsnews-tit{margin:0 auto;max-width:16.87rem;color:#1a1a1a;font-size:0.53rem;font-weight:700;}
#main .fits-news .fitsnews-tit span{display: inline-block;margin: 0 auto;margin-left: 0.1rem;color: #000;font-size: 0.5rem;font-weight: 300;vertical-align: baseline;}
#main .fits-news .fitsnews-tit a{position:relative;top:0.18rem;float:right;color:#0058f6;font-size:0.35rem;font-weight:300;}
#main .fits-news .list{display:flex;display:-ms-flexbox;margin:0 auto;margin-top:0.5rem;width:100%;max-width:16.87rem;justify-content:space-between;flex-wrap:wrap;}
#main .fits-news .list > div{display:inline-block;flex:0 32%;-ms-flex: 0 32%;max-width:32%;box-sizing: border-box;}
#main .fits-news .list > div .img{overflow:hidden;position:relative;}
#main .fits-news .list > div .img img{width:100%;-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;}
#main .fits-news .list > div .img .mask{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;}
#main .fits-news .list > div .tit{margin-top:0.18rem;color:#333;font-size:0.18rem;text-align:left;font-weight:500;}
#main .fits-news .list > div .txt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top:0.18rem;color:#333;font-size:0.14rem;font-weight:300;}
#main .fits-news .list > div:hover .img img{transform: scale( 1.3 );}
#main .fits-news .list > div:hover .img .mask{opacity: 1;}
#main .workplace{margin: 0 auto;margin-top: 1.1rem;max-width: 16.87rem;}
#main .workplace .list{display:flex;display:-ms-flexbox;margin:0 auto;margin-top:0.5rem;width:100%;max-width:16.87rem;justify-content:space-between;flex-wrap:wrap;}
#main .workplace .list > div{display:inline-block;position:relative;padding:8% 0;text-align:center;flex:0 32%;-ms-flex: 0 32%;max-width:32%;box-sizing: border-box;}
#main .workplace .list > div:first-child{background:url(/_public/images/main/workplace01.png) 50% 50% no-repeat;background-size:cover;}
#main .workplace .list > div:nth-child(2){background:url(/_public/images/main/workplace02.png) 50% 50% no-repeat;background-size:cover;}
#main .workplace .list > div:nth-child(3){background:url(/_public/images/main/workplace03.png) 50% 50% no-repeat;background-size:cover;}
#main .workplace .list > div .tit{color:#fff;font-size:0.36rem;font-weight:400;text-shadow: 0.02rem 0.03rem 0.05rem rgba(0,0,0,0.8);}
#main .workplace .list > div .txt{color:#fff;font-size:0.22rem;}
#main .workplace .list > div .button{margin-top:0.45rem;line-height: 0.5rem;}
#main .banner-line{display:inline-block;padding-bottom:0.03rem;color:#cecece;text-align:center;border-bottom:0.03rem;max-width:100% solid #cecece;}




.bottom-info{margin:0 auto;padding:1.1rem 0 1.5rem;max-width:13.6rem;font-size:0;}
.bottom-info > div{display:inline-block;padding:0 0.5rem;width:25%;text-align: center;border-left: 0.01rem solid #efefef;box-sizing: border-box;}
.bottom-info > div:first-child{border-left:none;}
.bottom-info > div a{display:block;padding:0.5rem 0;}
.bottom-info > div .img{}
.bottom-info > div .img span{display:inline-block;width:1.4rem;height:0.95rem;}
.bottom-info > div:first-child .img span{background:url(/_public/images/main/main_bottom_img01.png) no-repeat;background-size:contain;background-position: center;}
.bottom-info > div:nth-child(2) .img span{background:url(/_public/images/main/main_bottom_img02.png) no-repeat;background-size:contain;background-position: center;}
.bottom-info > div:nth-child(3) .img span{background:url(/_public/images/main/main_bottom_img03.png) no-repeat;background-size:contain;background-position: center;}
.bottom-info > div:nth-child(4) .img span{background:url(/_public/images/main/main_bottom_img04.png) no-repeat;background-size:contain;background-position: center;}
.bottom-info > div .img img{vertical-align: bottom;}
.bottom-info > div .txt{margin-top:0.3rem;color:#195dda;font-size:0.16rem;font-weight:700;}
.bottom-info > div .txt span{display:block;margin-top:0.1rem;color:#8e8c99;font-size:0.16rem;font-weight:500;}
.bottom-info > div:hover a{background:#0062df;}
.bottom-info > div:hover:first-child .img span{background:url(/_public/images/main/main_bottom_img01_over.png) no-repeat;background-size:contain;background-position: center;}
.bottom-info > div:hover:nth-child(2) .img span{background:url(/_public/images/main/main_bottom_img02_over.png) no-repeat;background-size:contain;background-position: center;}
.bottom-info > div:hover:nth-child(3) .img span{background:url(/_public/images/main/main_bottom_img03_over.png) no-repeat;background-size:contain;background-position: center;}
.bottom-info > div:hover:nth-child(4) .img span{background:url(/_public/images/main/main_bottom_img04_over.png) no-repeat;background-size:contain;background-position: center;}
.bottom-info > div:hover .txt{color:#fff;}
.bottom-info > div:hover .txt span{color:#fff;}

/* pages */
#contents{min-height:calc(100% - 3.25rem);}
#contents .title-group{text-align: center;margin-bottom:1.3rem;}
#contents .page-tit{display:inline-block;padding-bottom:0.05rem;color:#136bb2;font-size:0.45rem;text-align:center;font-weight:600;border-bottom:0.04rem solid #136ab3;}
#contents .page-txt{display:block;margin-top:0.65rem;color:#000;font-size:0.27rem;font-weight:300;}
#contents .visual{margin:0 auto;padding-top: 0.9rem;height:3.45rem;text-align:center;box-sizing:border-box;}
#contents .visual.visu01{background:url(/_public/images/sub/visual01.png) top center no-repeat;background-size:cover;}
#contents .visual.visu02{background:url(/_public/images/sub/visual02.png) top center no-repeat;background-size:cover;}
#contents .visual.visu03{background:url(/_public/images/sub/visual03.png) top center no-repeat;background-size:cover;}
#contents .visual.visu04{background:url(/_public/images/sub/visual04.png) top center no-repeat;background-size:cover;}
#contents .visual.visu05{background:url(/_public/images/sub/visual05.png) top center no-repeat;background-size:cover;}
#contents .visual.visu06{background:url(/_public/images/sub/visual06.png) top center no-repeat;background-size:cover;}
#contents .visual .tit{color:#fff;font-size:0.6rem;font-weight:500;}
#contents .visual .txt{color:#fff;font-size:0.2rem;font-weight:400;}
#contents .visual.visu04 .tit{color:#a0a0a0;}
#contents .visual.visu04 .txt{color:#a0a0a0;}
#contents .visual.visu05 .tit{color:#c3d3dd;}
#contents .visual.visu05 .txt{color:#c3d3dd;}
#contents .visual.visu06 .tit{color:#e5ccc6;}
#contents .visual.visu06 .txt{color:#e5ccc6;}

#contents .about{margin:0 auto;padding:1rem 0;max-width:11.2rem;}
#contents .about .company{box-sizing:border-box;}
#contents .about .company .box{font-size:0;}
#contents .about .tit-big{margin-bottom:0.45rem;color:#000;font-size:0.35rem;font-weight:500;}
#contents .about .tit{margin-bottom:0.45rem;color:#000;font-size:0.32rem;font-weight:500;}
#contents .about .txt{color:#000;font-size:0.18rem;font-weight:300;line-height: 0.36rem;}
#contents .about .img{margin-bottom:0.5rem;text-align: center;font-size:0;}
#contents .about .img span{display:inline-block;width:50%;}
#contents .about .tit + .txt + .img{margin-top:0.4rem;}
#contents .about .company .box .txt-box{display:inline-block;padding-right:0.25rem;width:50%;vertical-align: top;box-sizing: border-box;}
#contents .about .company .box .img-box{display:inline-block;margin-left:5%;width:45%;text-align:right;vertical-align: top;box-sizing: border-box;}
#contents .about .company .box +.box{margin-top:1.2rem;}
#contents .about .company .box +.box .txt-box{width:45%;margin-left:5%;padding:0;}
#contents .about .company .box +.box .img-box{width:50%;margin:0;}
#contents .about .company .box dl{border-top:0.02rem solid #c2c2c2;border-bottom:0.02rem solid #c2c2c2;}
#contents .about .company .box dl dt{float:left;width:1.8rem;color:#000;font-size:0.18rem;font-weight:500;padding:0.085rem 0 0 0.2rem;box-sizing:border-box;}
#contents .about .company .box dl dd{color:#000;font-size:0.18rem;font-weight:300;border-bottom:0.01rem solid #ebebeb;padding: 0.085rem 0 0.085rem 1.8rem;box-sizing:border-box;}
#contents .about .company .box dl dd:after {content: "";display: table;clear: both;}

#contents .about .ceo .ceo-name{display:block;margin-top:1.2rem;font-size:0.21rem}
#contents .about .ceo .ceo-name em{display:inline-block;/*margin-left:0.15rem;*/font-size:0.23rem}

#contents .about .operation{}
#contents .about .operation .management{margin:0.6rem 0;font-size:0;}
#contents .about .operation .management > div{display:inline-block;box-sizing: border-box;vertical-align: top;}
#contents .about .operation .management .box1{padding-top:0.95rem;width:3.85rem;height:3.85rem;text-align:center;border-radius:100%;background:#0f6dcf;}
#contents .about .operation .management .box1 strong{display:inline-block;margin-bottom:0.5rem;color:#fbff99;font-size:0.38rem;vertical-align: middle;}
#contents .about .operation .management .box1 p{color:#fff;font-size:0.24rem;font-weight:500;}
#contents .about .operation .management .box2{padding:0.75rem 0.4rem 0;text-align: center;}
#contents .about .operation .management .box2 p{position:relative;color:#000;font-size:0.21rem;font-weight:400;}
#contents .about .operation .management .box2 p:before{content:"";display:inline-block;position:absolute;top:-0.15rem;left:0;width:1.44rem;height:0.47rem;background:url(/_public/images/common/icon_arrow_big01.png) no-repeat;background-size:100%;}
#contents .about .operation .management .box2 p:after{content:"";display:inline-block;position:absolute;top:-0.15rem;right:0;width:1.44rem;height:0.47rem;background:url(/_public/images/common/icon_arrow_big02.png) no-repeat;background-size:100%;}
#contents .about .operation .management .box2 span{display:block;margin-top:0.25rem;color:#000;font-size:0.18rem;font-weight:300;}
#contents .about .operation .management .box2 > div + div{margin-top:1rem;}
#contents .about .operation .management .box3{width:1.95rem;}
#contents .about .operation .management .box3 span{display:inline-block;padding-top:0.55rem;width:1.95rem;height:1.95rem;color:#fff;font-size:0.28rem;text-align:center;font-weight:500;background:#26c581;border-radius:100%;box-sizing:border-box;}
#contents .about .operation .management .box3 span:first-child{margin-bottom:0.1rem;background:#18bece;}
#contents .about .operation .txt{margin-bottom:0.7rem;}

#contents .about .vision .txt-box{margin-top:0.6rem;}
#contents .about .vision .txt-box:first-child{margin-top:0;}
#contents .about .vision .txt-box .tit{margin-bottom:0;}
#contents .about .vision .txt-box .txt{margin-bottom:0.5rem;}
#contents .about .ci{}
#contents .about .ci .img-box{margin:0.2rem 0 0.6rem;font-size:0;}
#contents .about .ci .img-box.border{margin:0.2rem 0 0.6rem;padding:0.2rem 0;border:0.01rem solid #eaeaea;}
#contents .about .ci .img-box .img{margin:0;text-align: center;}
#contents .about .ci .img-box .img img{}
#contents .about .ci .img-box .img + .img{margin-top:0.1rem;}
#contents .about .ci .img-box span{display:inline-block;width:50%;text-align: center;}
#contents .about .ci .img-box .img.inline{font-size:0;margin-top:0.4rem;}
#contents .about .ci .img-box .img.inline span{width:auto;margin-left:0.04rem;}
#contents .about .ci .img-box .img.inline span:first-child{margin-left:0;}

#contents .about .workplace .box{margin-top:0.4rem;padding:0.45rem;font-size:0;background:#f5f6f7;}
#contents .about .workplace .box:first-child{margin-top:0;}
#contents .about .workplace .box .tit{margin-bottom:0.3rem;}
#contents .about .workplace .box > div{display:inline-block;width:50%;vertical-align: top;box-sizing: border-box;}
#contents .about .workplace .box .txt-box{padding-left:0.55rem;}
#contents .about .workplace .box > div .col{padding:0.07rem 0;border-top:0.01rem solid #fff;}
#contents .about .workplace .box > div .col:first-child{padding:0 0 0.07rem;border-top:0;}
#contents .about .workplace .box > div .col p{position:relative;padding-left:0.1rem;color:#265ab3;font-size:0.19rem;font-weight:500;}
#contents .about .workplace .box > div .col p:before{content:"";display:inline-block;position:absolute;top:0.1rem;left:0;width:0.04rem;height:0.04rem;background:#265ab3;}
#contents .about .workplace .box > div .col ul{padding-left:0.1rem;}
#contents .about .workplace .box > div .col ul li{padding:0.05rem 0;color:#3b3b3b;font-size:0.18rem;}
#contents .about .workplace .box > div .col dl{margin-top:0.2rem;padding-left:0.1rem;}
#contents .about .workplace .box > div .col dl dt{float:left;width:0.7rem;color:#000;font-size:0.19rem;font-weight:500;padding:0.05rem 0 0;box-sizing:border-box;}
#contents .about .workplace .box > div .col dl dd{color:#000;font-size:0.19rem;padding: 0.05rem 0 0.05rem 1rem;box-sizing:border-box;}
#contents .about .workplace .box > div .col dl dd:after {content: "";display: table;clear: both;}
#contents .about .workplace .box.blue{background:#0f6dd0;}
#contents .about .workplace .box.blue .tit{color:#fff;}
#contents .about .workplace .box.blue > div .col p{color:#fff;}
#contents .about .workplace .box > div .col p:before{background:#fff;}
#contents .about .workplace .box.blue > div .col ul li{color:#fff;}
#contents .about .workplace .box.blue > div .col dl dt{color:#fff;}
#contents .about .workplace .box.blue > div .col dl dd{color:#fff;}

#contents .product{margin:0 auto;padding:1rem 0;max-width:11.2rem;box-sizing:border-box;}
#contents .product .list{}
#contents .product .list .comment{display: block;position:relative;margin: 0 0.18rem;background: #0862af;color:#fff;font-size:0.33rem;text-align:center;font-weight:300;line-height:0.54rem;}
#contents .product .list .comment:before{content:"";position: absolute;top: 0;left: -0.36rem;display:inline-block;width:0.36rem;height:1.08rem;background:url(/_public/images/sub/product_img01.svg)no-repeat;background-size: 100% 100%;}
#contents .product .list .comment:after{content:"";position: absolute;top: 0;right: -0.36rem;display:inline-block;width:0.36rem;height:1.08rem;background:url(/_public/images/sub/product_img01.svg)no-repeat;background-size: 100% 100%;transform: rotate( 180deg );}
#contents .product .list ul{position:relative;margin-top:0.8rem;font-size:0;}
#contents .product .list ul:before{content: "";display: inline-block;position:absolute;top:50%;left:0;width:100%;height:0.01rem;background:#e0e0e0;;}
#contents .product .list ul li{display:inline-block;margin-bottom:1.3rem;padding:0.3rem;width:33.3333%;border-left:0.01rem solid #e0e0e0;box-sizing:border-box;vertical-align: top;}
#contents .product .list ul li:first-child{border-left:0;}
#contents .product .list ul li:nth-child(4){border-left:0;}
#contents .product .list ul li:nth-child(4),
#contents .product .list ul li:nth-child(5),
#contents .product .list ul li:nth-child(6){margin-bottom:0;}
#contents .product .list ul li .img{}
#contents .product .list ul li .img img{max-height:2.09rem;}
#contents .product .list ul li .tit{margin-top:0.4rem;color:#000;font-size:0.3rem;font-weight:500;letter-spacing:-0.02rem;}
#contents .product .list ul li .tit em{display:block;font-size:0.16rem;font-weight:300;letter-spacing: normal;}
#contents .product .list ul li .txt{margin-top:0.35rem;font-size:0.16rem;font-weight:400;}
#contents .product .list ul li a{display:block;margin-top:0.15rem;color:#00a5d2;font-size:0.13rem;}
#contents .product .product-view{}
#contents .product .product-view .product-title{display:block;margin-bottom:0.5rem;font-size:0.55rem;text-align:center;font-weight:600;}
#contents .product .product-view p.title{margin-top:0.7rem;font-size:0.32rem;font-weight:500;}
#contents .product .product-view .product-category{margin-bottom:0.9rem;font-size:0;}
#contents .product .product-view .product-category > div{display:inline-block;position:relative;width:100%;max-width:49%;box-sizing:border-box;vertical-align: top;}
#contents .product .product-view .product-category > div:first-child{margin-right:2%;}
#contents .product .product-view .product-category > div > a{display:block;position:relative;padding:0 0.6rem 0 0.28rem;color:#0060d5;font-size:0.18rem;font-weight:500;line-height:0.58rem;border:0.01rem solid #dadada;}
#contents .product .product-view .product-category > div > a:after{content: "";display:inline-block;position:absolute;top:-0.01rem;right:-0.01rem;width:0.6rem;height:0.6rem;background:url(/_public/images/common/icon_arrow01.png) 50% 50% no-repeat;background-color:#0d61c7}
#contents .product .product-view .product-category > div ul{display:none;position:absolute;width:100%;background:#fff;border:0.01rem solid #dadada;border-top:0;box-sizing: border-box;z-index:100;}
#contents .product .product-view .product-category > div ul li{}
#contents .product .product-view .product-category > div ul li a{display:block;padding:0 0.28rem;color:#4d4d4d;font-size:0.18rem;font-weight:500;line-height:0.58rem;}
#contents .product .product-view .product-category > div ul li a:hover{color:#0060d5;}
#contents .product .product-view .box{font-size:0;}
#contents .product .product-view .box .img-box{display:inline-block;width:50%;vertical-align: middle;box-sizing:border-box;}
#contents .product .product-view .box .img-box img{width:100%;}
#contents .product .product-view .box .txt-box{display:inline-block;padding-left:0.1rem;width:50%;font-size:0.18rem;line-height:0.35rem;vertical-align: middle;box-sizing:border-box;}
#contents .product .product-view .view-table01{margin-top:0.2rem;}
#contents .product .product-view .view-table01 table{width:100%;border-collapse: collapse;border-top:0.01rem solid #ebebeb;}
#contents .product .product-view .view-table01 table tbody th{padding:0.15rem;font-size:0.16rem;font-weight:500;background:#fafafa;border-bottom:0.01rem solid #ebebeb;}
#contents .product .product-view .view-table01 table tbody td{padding:0.15rem 0.85rem;font-size:0.16rem;border-bottom:0.01rem solid #ebebeb;}
#contents .product .product-view .view-table02{margin-top:0.2rem;}
#contents .product .product-view .view-table02 table{width:100%;border-collapse: collapse;table-layout:fixed;border-bottom:0.01rem solid #126ab1;}
#contents .product .product-view .view-table02.fixed table{table-layout: fixed;}
#contents .product .product-view .view-table02 table thead th{padding:0.15rem;color:#fff;font-size:0.16rem;font-weight:500;background:#126ab1;}
#contents .product .product-view .view-table02 table tbody td{padding:0.15rem 0;font-size:0.16rem;text-align:center;border-top:0.01rem solid #efefef;}
#contents .product .product-view .view-table02 + p:last-child {margin-top:0.15rem;color:#126ab1;font-size:0.16rem;text-align: center;}

#contents .rnd{margin:0 auto;padding:1rem 0;max-width:11.2rem;}
#contents .rnd .intro-lab{box-sizing:border-box;}
#contents .rnd .box{font-size:0;}
#contents .rnd .tit-big{margin-bottom:0.45rem;color:#000;font-size:0.35rem;font-weight:500;}
#contents .rnd .tit{margin-bottom:0.35rem;color:#000;font-size:0.32rem;font-weight:500;}
#contents .rnd .txt{margin-bottom:0.25rem;color:#000;font-size:0.18rem;font-weight:300;line-height: 0.35rem;word-break: keep-all;}
#contents .rnd .txt strong{display:block;color:#136bb3;font-size:0.22rem;}
#contents .rnd .img{margin-bottom:0.5rem;text-align: center;font-size:0;}
#contents .rnd .img span{display:inline-block;width:50%;}
#contents .rnd .box .img-box{display:inline-block;padding-right:0.25rem;width:50%;vertical-align: top;box-sizing: border-box;}
#contents .rnd .box .txt-box{display:inline-block;margin-left:5%;width:45%;vertical-align: top;box-sizing: border-box;}
#contents .rnd .box +.box{margin-top:1.2rem;}
#contents .rnd .box +.box .img-box{width:42%;margin-left:5%;padding:0;}
#contents .rnd .box +.box .txt-box{width:53%;margin:0;}
#contents .rnd .list-box{display:flex;display:-ms-flexbox;position:relative;flex-wrap:wrap;justify-content:space-between;margin-top:0.7rem;width:100%;}
#contents .rnd .list-box > div{text-align:center;flex:0 32%;-ms-flex:0 32%;max-width:32%;}
#contents .rnd .list-box > div .img{margin-bottom:0.1rem;max-height:100%;}
#contents .rnd .list-box > div .txt{margin:0;font-weight:500;}
#contents .rnd .list-box + .box{margin-top:0.7rem;}
#contents .rnd .rnd-status .img-box{width:36%;}
#contents .rnd .rnd-status .txt-box{width:59%;}
#contents .rnd .rnd-status .list-box{}
#contents .rnd .quality-certification .list-box > div{margin-bottom:0.4rem;text-align:center;flex:0 24%;-ms-flex:0 24%;max-width:24%;}
#contents .rnd .quality-certification .list-box > div .img{position: relative;padding-top:120%;}
#contents .rnd .quality-certification .list-box > div .img img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
#contents .rnd .quality-certification .list-box > div .txt{position:relative;min-height:0.48rem;color:#848484;font-size:0.16rem;line-height: normal;}
#contents .rnd .quality-certification .list-box > div .txt span{display:inline-block;position:absolute;width:100%;left:0;bottom:0;}
#contents .rnd .quality-certification .img-box{font-size:0;margin-top:1.2rem;}
#contents .rnd .quality-certification .img-box span{display: inline-block;width:12.5%;text-align: center;margin-bottom:0.1rem;}
#contents .rnd .production-line .img span{display:block;margin-top:0.2rem;width:100%;}

#contents .career{margin:0 auto;padding:1rem 0;max-width:11.2rem;}
#contents .career .sub-comment{margin-bottom:0.65rem;padding:0.6rem 0;font-size:0.2rem;color:#000;font-weight:500;border-bottom:0.01rem solid #e0e0e0;}
#contents .career .box{font-size:0;}
#contents .career .tit-big{margin-bottom:0.45rem;color:#000;font-size:0.35rem;font-weight:500;}
#contents .career .tit{margin-bottom:0.35rem;color:#000;font-size:0.32rem;font-weight:500;}
#contents .career .txt{margin-bottom:0.25rem;color:#000;font-size:0.18rem;font-weight:300;line-height: 0.35rem;word-break: keep-all;}
#contents .career .txt strong{display:block;color:#136bb3;font-size:0.22rem;}
#contents .career .img{margin:0.4rem 0;text-align: center;}
#contents .career .box .img-box{display:inline-block;margin-left:5%;width:45%;vertical-align: top;box-sizing: border-box;}
#contents .career .box .txt-box{display:inline-block;width:50%;vertical-align: top;box-sizing: border-box;}
#contents .career .comment{display: block;position:relative;margin: 0 0.18rem;background: rgba(19,107,179,0.5);color:#fff;font-size:0.33rem;text-align:center;font-weight:300;line-height:0.54rem;}
#contents .career .comment:before{content:"";position: absolute;top: 0;left: -0.18rem;display:inline-block;width:0.18rem;height:0.54rem;background:url(/_public/images/sub/product_img01.svg)no-repeat;background-size: 100% 100%;opacity:0.48;}
#contents .career .comment:after{content:"";position: absolute;top: 0;right: -0.18rem;display:inline-block;width:0.18rem;height:0.54rem;background:url(/_public/images/sub/product_img01.svg)no-repeat;background-size: 100% 100%;opacity:0.48;transform: rotate( 180deg );}
#contents .career .comment.cmt2:before {left:-0.18rem;width:0.18rem;height:0.54rem;}
#contents .career .comment.cmt2:after {right:-0.18rem;width:0.18rem;height:0.54rem;}
#contents .career .comment.cmt3:before {left:-0.36rem;width:0.36rem;height:1.08rem;}
#contents .career .comment.cmt3:after {right:-0.36rem;width:0.36rem;height:1.08rem;}
#contents .career .hr-system .txt{margin-top:0.7rem;}
#contents .career .list{margin-top:0.35rem;}
#contents .career .list:first-child{margin-top:0;}
#contents .career .list p{position:relative;margin-bottom:0.15rem;padding-left:0.1rem;color:#405fba;font-size:0.2rem;font-weight:500;}
#contents .career .list p:before{content: "";display:inline-block;position:absolute;top:0.12rem;left:0;width:0.05rem;height:0.05rem;background:#405fba;}
#contents .career .list ul li{margin-top:0.05rem;color:#000;font-size:0.18rem;}
#contents .career .list ul li:first-child{margin-top:0;}
#contents .career .list ul li strong{font-weight:500;}
#contents .career .list-box{display:flex;display:-ms-flexbox;position:relative;flex-wrap:wrap;justify-content:space-between;margin-top:0.7rem;width:100%;}
#contents .career .list-box > div{text-align:center;flex:0 33%;-ms-flex:0 33%;max-width:33%;}
#contents .career .list-box > div .img{position: relative;padding-top: 67%;margin:0;}
#contents .career .list-box > div .img img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;max-height:2.4rem;}
#contents .career .recruit .list{font-size:0;}
#contents .career .recruit .list:nth-child(2){margin-top:0;}
#contents .career .recruit .list p{padding:0;color:#000;}
#contents .career .recruit .list p:before{display:none;}
#contents .career .recruit .tit{color:#136bb3;font-size:0.22rem;margin-bottom:0.1rem;}
#contents .career .recruit .box{margin-bottom:0.4rem;}
#contents .career .recruit .tit +.list{margin-top:0;}
#contents .career .recruit .list span{display:inline-block;width:20%;text-align:center;}

#contents .support{margin:0 auto;padding:1rem 0;max-width:11.2rem;}
#contents .support .title-group{margin-bottom:0.5rem;}
#contents .support .comment{display: block;position:relative;margin: 0 0.18rem;background: rgba(19,107,179,0.5);color:#fff;font-size:0.33rem;text-align:center;font-weight:300;line-height:0.54rem;}
#contents .support .comment:before{content:"";position: absolute;top: 0;left: -0.18rem;display:inline-block;width:0.18rem;height:0.54rem;background:url(/_public/images/sub/product_img01.png)no-repeat;background-size: 100% 100%;opacity:0.48;}
#contents .support .comment:after{content:"";position: absolute;top: 0;right: -0.18rem;display:inline-block;width:0.18rem;height:0.54rem;background:url(/_public/images/sub/product_img01.png)no-repeat;background-size: 100% 100%;opacity:0.48;transform: rotate( 180deg );}
#contents .support .tit{margin-bottom:0.35rem;color:#000;font-size:0.32rem;font-weight:500;}
#contents .support .txt{margin-bottom:0.25rem;color:#000;font-size:0.18rem;font-weight:300;word-break: keep-all;}
#contents .support .txt strong{display:block;color:#136bb3;font-size:0.22rem;}
#contents .support .box{font-size:0;margin-top:1rem;}
#contents .support .box .img-box{display:inline-block;padding-left:0.35rem;width:50%;vertical-align: top;box-sizing: border-box;}
#contents .support .box .txt-box{display:inline-block;margin-left:5%;width:45%;vertical-align: top;box-sizing: border-box;}
#contents .support .catalog .txt{font-weight:500;font-size:0.2rem;}
#contents .support .catalog .dwn-button{margin-top:0.6rem;font-size:0;}
#contents .support .catalog .dwn-button a{display:inline-block;width:49%;padding:0.12rem;font-size:0.22rem;color:#fff;text-align:center;background:#576169;box-sizing: border-box;}
#contents .support .catalog .dwn-button a:nth-child(3){margin-top:0.05rem;}
#contents .support .catalog .dwn-button a span{display:block;position:relative;margin-top:0.1rem;padding-top:0.1rem;font-size:0.15rem;border-top:0.01rem solid #8a9196;}
#contents .support .catalog .dwn-button a span:after{content:"";display:inline-block;margin-left:0.07rem;width:0.17rem;height:0.13rem;background:url(/_public/images/common/icon_arrow02.png)no-repeat;background-size:100%;vertical-align: middle;}
#contents .support .catalog .dwn-button a:first-child{margin-right:1%;background:#0066c0;}
#contents .support .catalog .dwn-button a:first-child span{border-color:#4d94d3;}
#contents .support .title-center{margin:0.8rem 0 0.3rem;color: #136bb2;font-size: 0.38rem;text-align: center;font-weight: 500;}
#contents .support .title-center strong{display: inline-block;font-size: 0.44rem;font-weight:600;}

#contents .common{margin:0 auto;padding:1rem 0;max-width:11.2rem;}
#contents .common .tit{margin-bottom:0.45rem;color:#000;font-size:0.32rem;font-weight:500;}
#contents .common .txt{color:#000;font-size:0.18rem;font-weight:300;line-height: 0.36rem;}
#contents .common .title-group{margin-bottom:0.5rem;}
#contents .common .location .box{margin-top:0.4rem;padding:0.45rem;font-size:0;background:#f5f6f7;}
#contents .common .location .box:first-child{margin-top:0;}
#contents .common .location .box .tit{margin-bottom:0.3rem;}
#contents .common .location .box > div{display:inline-block;width:50%;vertical-align: top;box-sizing: border-box;}
#contents .common .location .box .txt-box{padding-left:0.55rem;}
#contents .common .location .box > div .col{padding:0.07rem 0;border-top:0.01rem solid #fff;}
#contents .common .location .box > div .col:first-child{padding:0 0 0.07rem;border-top:0;}
#contents .common .location .box > div .col p{position:relative;padding-left:0.1rem;color:#265ab3;font-size:0.19rem;font-weight:500;}
#contents .common .location .box > div .col p:before{content:"";display:inline-block;position:absolute;top:0.1rem;left:0;width:0.04rem;height:0.04rem;background:#265ab3;}
#contents .common .location .box > div .col ul{padding-left:0.1rem;}
#contents .common .location .box > div .col ul li{padding:0.05rem 0;color:#3b3b3b;font-size:0.18rem;}
#contents .common .location .box > div .col dl{margin-top:0.2rem;padding-left:0.1rem;}
#contents .common .location .box > div .col dl dt{float:left;width:0.7rem;color:#000;font-size:0.19rem;font-weight:500;padding:0.05rem 0 0;box-sizing:border-box;}
#contents .common .location .box > div .col dl dd{color:#000;font-size:0.19rem;padding: 0.05rem 0 0.05rem 0.7rem;box-sizing:border-box;}
#contents .common .location .box > div .col dl dd:after {content: "";display: table;clear: both;}
#contents .common .location .box.blue{background:#0f6dd0;}
#contents .common .location .box.blue .tit{color:#fff;}
#contents .common .location .box.blue > div .col p{color:#fff;}
#contents .common .location .box > div .col p:before{background:#fff;}
#contents .common .location .box.blue > div .col ul li{color:#fff;}
#contents .common .location .box.blue > div .col dl dt{color:#fff;}
#contents .common .location .box.blue > div .col dl dd{color:#fff;}
#contents .common .site-map dl{margin-top:0.2rem;padding-left:0.1rem;}
#contents .common .site-map dl dt{float:left;width:2rem;color:#000;font-size:0.22rem;font-weight:500;padding:0.3rem 0 0;box-sizing:border-box;}
#contents .common .site-map dl dt a{display:block;color:#136bb3;}
#contents .common .site-map dl dd{color:#000;font-size:0.20rem;padding: 0.2rem 0 0.2rem 2rem;border-bottom:0.01rem solid #dadada;box-sizing:border-box;}
#contents .common .site-map dl dd:after{content: "";display: table;clear: both;}
#contents .common .site-map dl dd a{display:inline-block;position:relative;padding:0.1rem 0.2rem;color:#000;}
#contents .common .site-map dl dd a:before{content: "";display: inline-block;position:absolute;top:0.16rem;right:0;width:0.01rem;height:0.18rem;background:#000;}
#contents .common .site-map dl dd a:last-child:before{display:none;}
#contents .common .private .txt-box,
#contents .common .terms .txt-box,
#contents .common .legal-notice .txt-box{color: #000;font-size: 0.18rem;font-weight: 300;line-height: 0.35rem;word-break: keep-all;}
#contents .common .private .txt-box .box,
#contents .common .terms .txt-box .box,
#contents .common .legal-notice .txt-box .box{padding:0.4rem 0;border-top:0.01rem solid #e6e6e6;}
#contents .common .private .txt-box .box strong,
#contents .common .terms .txt-box .box strong,
#contents .common .legal-notice .txt-box .box strong{color:#1542a9;font-size:0.18rem;}

#contents .bottom-info-wrap{background:#f4f4f4;}
#contents .bottom-info-wrap .bottom-info{padding:1rem 0;}
#contents .bottom-info-wrap .bottom-info > div{border-color:#e5e5e5;}
/***************************** tablet *********************************/
@media all and (max-width: 1024px) {
    html{font-size:100px;}
    header .nav-icon{display:none;}
    header .header-logo{margin-top:0.33rem;}
    header .header-logo img{max-width:1.5rem;}
    header .nav-icon{display:inline-block;}
    header .header-wrap .gnb{display:none;position:fixed;top:0.96rem;left:0;padding:0;width:100%;height:calc(100% - 0.96rem);background:#fff;z-index:200;overflow-y: auto;}
    header .header-wrap .gnb .submenu-bg{display:none !important;}
    header .header-wrap .gnb ul{display: block;margin: 0;padding:0;max-width:100%;box-sizing: border-box;}
    header .header-wrap .gnb ul li{width:100%;}
    header .header-wrap .gnb ul li > a{position:relative;padding:0.1rem 0.2rem;color: #0363b1;font-size:0.16rem;line-height:0.3rem;text-align:left;box-sizing: border-box;border-bottom: 0.01em solid #b6b6b6;}
    header .header-wrap .gnb ul li > a:after{content:"";display:inline-block;position:absolute;top:50%;right:0.2rem;margin-top:-0.06rem;width:0.24rem;height:0.12rem;background:url(/_public/images/common/icon_gnb-arrow01.png)no-repeat;}
    header .header-wrap .gnb ul li > a.on:after{transform: rotate( 180deg );}
    header .header-wrap .gnb ul li .submenu{position: relative;padding:0.2rem 0;background: #136bb3;}
    header .header-wrap .gnb ul li .submenu a{margin-top:0;padding-left:0.3rem;font-size:0.16rem;text-align:left;line-height:0.3rem;}
    header .header-wrap .gnb ul li .submenu a:first-child{margin-top:0;}
    header .header-wrap .gnb ul li.mobile-language{display:block;}
    header .header-wrap .gnb ul li.mobile-language > a{display:block;padding-left:0.7rem;background:url(/_public/images/common/mobile_language.png) no-repeat;background-position: 0.2rem 50%;}
    header .header-wrap .gnb ul li.mobile-language .submenu a{padding-left:0.6rem;}
    header .header-wrap .gnb ul li.mobile-language .submenu .ko{background:url(/_public/images/common/lan_ko.png) no-repeat;background-position: 0.4rem 50%;}
    header .header-wrap .gnb ul li.mobile-language .submenu .en{background:url(/_public/images/common/lan_en.png) no-repeat;background-position: 0.4rem 50%;}
    header .header-wrap .gnb ul li.mobile-language .submenu .jp{background:url(/_public/images/common/lan_jp.png) no-repeat;background-position: 0.4rem 50%;}
    header .header-wrap .language{display:none;}
    footer .footer-top .nav a{margin-right:0.3rem;}
    footer .footer-info .logo-group{top:auto;}
    footer .pc-footer{display:none;}
    footer .m-footer{display:block;}

    #main .tit{font-size:0.4rem;}
    #main .main-slider .swiper-button-prev{width:0.4rem;}
    #main .main-slider .swiper-button-next{width:0.4rem;}
    #main .main-about{margin-top:0.5rem;}
    #main .main-about .list{margin-top:0.4rem;}
    #main .main-product .info > div{padding:0.6rem 0.2rem;flex:0 100%;-ms-flex:0 100%;max-width:100%;height:7rem;}
    #main .main-product .info > div:first-child{position: absolute;width:80%;height:60%;top:-20%;left:0;bottom:0;right:0;margin:auto;text-align: center;}
    #main .main-product .info > div strong{font-size:0.4rem;line-height:0.5rem;}
    #main .main-product .info > div .button{margin-top:0.5rem;}
    #main .main-product .product-info{padding:0.2rem;}
    #main .main-product .product-info > div:first-child{border-bottom:0.02rem solid #bababa;}
    #main .main-product .product-info > div .img{padding:0.4rem;width:100%;flex:0 100%;-ms-flex:0 100%;max-width:100%;text-align: center;}
    #main .main-product .product-info > div .img img{max-width:70%;}
    #main .main-product .product-info > div .txt-box{width:100%;flex:0 100%;-ms-flex:0 100%;max-width:100%;}
    #main .main-product .product-info > div .txt-box strong{font-size:0.4rem;line-height:0.5rem;}
    #main .main-product .product-info > div .txt-box .txt{max-width:100%;line-height:normal;word-break:keep-all;}
    #main .main-product .product-info > div.last{margin-top:0.55rem;}
    #main .main-product .product-info > div.last .txt-box{margin-top:50%;}
    #main .main-product .product-info > div.last .img{position:absolute;width:100%;top:0;left:0;}
    #main .fits-news{margin-top:0;padding:0.5rem 0.2rem;}
    #main .workplace{}
    #main .workplace .list > div{display:inline-block;position:relative;margin-bottom:0.05rem;padding:8% 0;text-align:center;flex:0 100%;-ms-flex: 0 100%;max-width:100%;box-sizing: border-box;}

    .bottom-info{padding:0.5rem 0;}
    .bottom-info > div{width:100%;margin:0.4rem 0;border:0.01rem solid #b6c0ee;}
    #contents .title-group{margin-bottom:0.7rem;}
    #contents .page-tit{font-size:0.33rem;}
    #contents .page-txt{margin-top:0.25rem;font-size:0.25rem;}
    #contents .about{padding:0.5rem 0.2rem;}
    #contents .about .tit{font-size:0.25rem;}
    #contents .about .operation .management{text-align: center;}

    #contents .product{padding:0.5rem 0.2rem;}
    #contents .product .list .comment{font-size:0.2rem;line-height:0.5rem;}
    #contents .product .list .comment:before{height:100%;left:-0.26rem;}
    #contents .product .list .comment:after{height:100%;right:-0.26rem;}
    #contents .product .list ul:before{display:none;}
    #contents .product .list ul li{width:50%;margin-bottom:0.5rem;max-height:4.9rem;}
    #contents .product .list ul li .img img{max-height:1.75rem;}

    #contents .rnd .quality-certification .list-box{justify-content: flex-start;}
    #contents .rnd .quality-certification .list-box > div{flex: 0 31%;-ms-flex: 0 31%;max-width: 31%;}
    #contents .rnd .quality-certification .list-box > div .img img{max-height:60%;}
    #contents .rnd .quality-certification .list-box > div .txt span{top: 50%;transform: translateY(-50%);bottom: inherit;}
    #contents .rnd .quality-certification .img-box span{width:20%;}

    #contents .career .comment.cmt2:before {left:-0.36rem;width:0.36rem;height:1.08rem;}
    #contents .career .comment.cmt2:after {right:-0.36rem;width:0.36rem;height:1.08rem;}

    #contents .support .box .img-box {width:45%;}
    #contents .support .box .txt-box {width:50%;}
}

/***************************** mobile *********************************/
@media all and (max-width: 640px) {
    html{font-size:50px;}
    .p-img{display:none !important;}
    .m-img{display:block !important;}
    .button{max-width:5.4rem;font-size:0.3rem;line-height:0.8rem;}
    .bbs-button{max-width:2rem;font-size:0.3rem;line-height:0.8rem;}

    .button-round{border:0.04rem solid #fff;border-radius:0.2rem;}
    .button-round em{top:-0.04rem;width:0.16rem;margin-left:0.2rem;}

    /* form */
    /* form */
    .piw-checkbox-group{padding:0.4rem 0;text-align:center;}
    .piw-checkbox + .piw-checkbox{margin:0 0.6rem;}
    .piw-checkbox label{padding-left:0.5rem;font-size:0.3rem;}
    .piw-checkbox label:before{margin-top:0.02rem;width:0.36rem;height:0.36rem;border:0.03rem solid #91908f;}
    .piw-checkbox label:after{top:0.06rem;left:0.1rem;width:0.08rem;height:0.2rem;border-right:0.08rem solid #1082ba;border-bottom:0.08rem solid #1082ba;}
    .piw-radio label{padding-left:0.5rem;font-size:0.3rem;}
    .piw-radio label:before{left:0;margin-top:-0.15rem;width:0.3rem;height:0.3rem;border:0.03rem solid #666565;}
    .piw-radio label:after{left:0.08rem;margin-top:-0.075rem;width:0.15rem;height:0.15rem;}

    .piw-form{padding:0.1rem;border-bottom:0.04rem solid #1082ba;}
    .piw-form label{position:absolute;top:-999999999rem;left:-999999999rem;}
    .piw-form input[type="text"],
    .piw-form input[type="tel"],
    .piw-form input[type="password"]{padding:0 0.2rem;width:100%;font-size:0.3rem;height:0.8rem;line-height:0.8rem;}
    .piw-form.code .label{margin-right:0.5rem;font-size:0.3rem;}
    .piw-form.code em{margin-right:0.35rem;font-size:0.3rem;}
    .piw-form.code input[type="text"]{max-width:2.5rem;}
    .piw-form-group{margin-bottom:0.05rem;flex-wrap:wrap;}
    .piw-form-group.half{width:100%;max-width:100%;}
    .piw-form-group .label{font-size:0.2rem;}
    .piw-form-group .piw-form + .piw-form{margin-left:0;}



    /* layout */
    header{height: 1.2rem;border-bottom:0.02rem solid #136bb3;}
    header .header-logo img{max-width:3rem;}
    header .nav-icon{display:inline-block;margin-top:-0.1rem;width:0.6rem;height:0.4rem;}
    header .nav-icon span{height:0.04rem;}
    header .nav-icon span:nth-child(2), header .nav-icon span:nth-child(3){margin-top: -0.02rem;}
    header .header-wrap{padding:0 0.2rem;}
    header .header-wrap .gnb{display:none;position:fixed;top:1.21rem;left:0;padding:0;width:100%;height:calc(100% - 1.22rem);background:#fff;z-index:200;overflow-y: auto;}
    header .header-wrap .gnb .submenu-bg{display:none !important;}
    header .header-wrap .gnb ul{display: block;margin: 0;padding:0;max-width: 100%;box-sizing: border-box;}
    header .header-wrap .gnb ul li{width:100%;}
    header .header-wrap .gnb ul li > a{padding:0.2rem 0.4rem;color: #0363b1;font-size:0.36rem;line-height:0.6rem;text-align:left;box-sizing:border-box;border-bottom:0.02rem solid #b6b6b6;}
    header .header-wrap .gnb ul li > a:after{margin-top:-0.12rem;right:0.4rem;width:0.48rem;height:0.24rem;}
    header .header-wrap .gnb ul li .submenu{position: relative;padding:0.4rem 0;background: #136bb3;}
    header .header-wrap .gnb ul li .submenu a{margin-top:0;padding-left:0.6rem;font-size:0.3rem;line-height:1rem;text-align: left;}
    header .header-wrap .gnb ul li .submenu a:first-child{margin-top:0;}
    header .header-wrap .gnb ul li.mobile-language > a{padding-left:1.4rem;background:url(/_public/images/common/mobile_language.png) no-repeat;background-position: 0.4rem 50%;}
    header .header-wrap .gnb ul li.mobile-language .submenu a{padding-left:0.8rem;}
    header .header-wrap .language{display:none;}

    footer{padding:0 0.4rem;}
    footer .footer-top{padding:0.4rem 0;}
    footer .footer-top .nav{width:100%;}
    footer .footer-top .nav a{margin:0.1rem 0;width:33.3333%;font-size:0.26rem;text-align:left;}
    footer .footer-top .link-group{float:none;margin-top:0.4rem;width:100%;text-align: left;}
    footer .footer-top .link-group .site{font-size:0.24rem;width:50%;}
    footer .footer-top .link-group .site span{font-size:0.3rem;}
    footer .footer-top .link-group .site a{vertical-align:middle;}
    footer .footer-top .link-group .site em{width:0.26rem;line-height:0.26rem;}
    footer .footer-top .link-group .sns{width:50%;margin-left:0;text-align:right; }
    footer .footer-top .link-group .sns span{font-size:0.3rem;}
    footer .footer-info .footer-logo{display: block;margin-bottom:0.2rem;}
    footer .footer-info .footer-logo img{max-width:3rem;}
    footer .footer-info .addr p{font-size:0.3rem;word-break:keep-all;line-height:0.5rem;}
    footer .footer-info .logo-group{position:relative;top:auto;margin-top:0.4rem;font-size:0;text-align:left;}
    footer .footer-info .logo-group a{margin:0;width:50%;text-align: center;}
    footer .footer-info .logo-group a img{max-width:75%;}

    /* main */
    #main .main-slider .swiper-slide{min-height:9rem;}
    #main .main-slider .swiper-slide img{min-height:4rem;}
    #main .main-slider .swiper-slide p{position:absolute;top:50%;transform:translateY(-50%);padding:0 1rem;font-size:0.4rem;font-weight:500;word-break: keep-all;}
    #main .main-slider .swiper-slide.slide01{background:url(/_public/images/main/main_m_slide01.png) top center no-repeat; background-size:cover; }
    #main .main-slider .swiper-slide.slide02{background:url(/_public/images/main/main_m_slide02.png) top center no-repeat; background-size:cover; }
    #main .main-slider .swiper-slide.slide03{background:url(/_public/images/main/main_m_slide03.png) top center no-repeat; background-size:cover; }

    #main .main-slider .swiper-button-prev{width:0.5rem;}
    #main .main-slider .swiper-button-next{width:0.5rem;}

    #main .main-about{margin-top:0.8rem;}
    #main .main-product .info > div strong{font-size:0.4rem;line-height:0.6rem;}
    #main .main-product .info > div:first-child{position: absolute;width:80%;height:70%;top:-20%;left:0;bottom:0;right:0;margin:auto;text-align: center;}
    #main .main-product .info > div{padding:0.6rem 0.4rem;flex: 0 100%;-ms-flex: 0 100%;max-width: 100%;height:8rem;}
    #main .main-product .info > div p{font-size:0.26rem;word-break:keep-all;}
    #main .main-product .info > div .button{margin-top:0.4rem;max-width:100%;}
    #main .main-product .product-info{padding:0.4rem;}
    #main .main-product .product-info > div{}
    #main .main-product .product-info > div .img{padding:0.4rem;width:100%;flex:0 100%;-ms-flex:0 100%;max-width:100%;text-align: center;}
    #main .main-product .product-info > div .img img{max-width:90%;}
    #main .main-product .product-info > div .txt-box{width:100%;flex:0 100%;-ms-flex:0 100%;max-width:100%;}
    #main .main-product .product-info > div .txt-box strong{font-size:0.5rem;line-height:0.6rem;}
    #main .main-product .product-info > div .txt-box .txt{font-size:0.3rem;line-height:normal;word-break:keep-all;}

    #main .main-about .list{padding:0 0.2rem;}

    #main .fits-news{margin-top:0;padding:0.6rem 0.4rem;}
    #main .fits-news .fitsnews-tit{font-size:0.44rem}
    #main .fits-news .fitsnews-tit span{font-size:0.4rem;}
    #main .fits-news .fitsnews-tit a{top:0.1rem;}
    #main .fits-news .list > div{display:none;margin-bottom:0.4rem;flex: 0 100%;-ms-flex: 0 100%;max-width:100%;}
    #main .fits-news .list > div:first-child{display:block;}
    #main .fits-news .list > div .tit{margin-top:0.2rem;font-size:0.3rem;}
    #main .fits-news .list > div .txt{font-size:0.28rem;}

    #main .workplace .list > div .tit{font-size:0.36rem;}
    #main .workplace .list > div .txt{font-size:0.3rem;}
    #main .workplace .list > div .button{max-width:4rem;line-height: 0.8rem;}

    #contents .bottom-info-wrap .bottom-info{padding:0.6rem 0.4rem;}
    .bottom-info{padding:0.6rem 0.4rem;}
    .bottom-info > div{width:100%;margin:0 0 0.2rem 0;padding:0;text-align:left;border:0.02rem solid #b6c0ee;}
    .bottom-info > div:first-child{border:0.02rem solid #b6c0ee;}
    .bottom-info > div a{padding:0.6rem;}
    .bottom-info > div .img{text-align: center;display: inline-block;vertical-align: middle;max-width: 1.6rem;margin-right: 0.4rem;}

    .bottom-info > div .txt{font-size:0.3rem;display:inline-block;margin-top:0;vertical-align:middle;}
    .bottom-info > div .txt span{font-size:0.24rem;}

    #contents .about{padding: 0.6rem 0.4rem;}
    #contents .page-tit{font-size:0.44rem;}
    #contents .page-txt{font-size:0.28rem;}
    #contents .about .company .box{margin-top:0.8rem;}
    #contents .about .tit-big{font-size:0.35rem;}
    #contents .about .tit{font-size:0.36rem;}
    #contents .about .txt{font-size:0.3rem;line-height:normal;}
    #contents .about .company .box .txt-box{margin:0 0 0.4rem 0;padding:0;width:100%;}
    #contents .about .company .box .img-box{margin:0;padding:0;width:100%;text-align: center;}
    #contents .about .company .box + .box .txt-box{margin:0;padding:0;width:100%;}
    #contents .about .company .box + .box .img-box{margin:0 0 0.4rem 0;padding:0;width:100%;text-align: center;}
    #contents .about .company .box dl{border-top:0.04rem solid #c2c2c2;border-bottom:0.04rem solid #c2c2c2;}
    #contents .about .company .box dl dt{width:3rem;font-size:0.3rem;padding:0.18rem 0 0 0.4rem;}
    #contents .about .company .box dl dd{font-size:0.3rem;font-weight:300;border-bottom:0.02rem solid #ebebeb;padding: 0.18rem 0 0.18rem 3rem;}
    #contents .ceo .tit br{display:none;}

    #contents .about .ci .img-box .img.inline{text-align: left;}
    #contents .about .ci .img-box .img.inline span{width:25%;margin:0;}
    #contents .about .ci .img-box.border{border: 0.02rem solid #eaeaea;}
    #contents .about .ci .img-box span{width:100%;}
    #contents .about .ci .img-box span + span{margin-top:0.4rem;}

    #contents .about .workplace .box > div{width:100%;}
    #contents .about .workplace .box .txt-box{margin-top:0.6rem;padding-left:0;}
    #contents .about .workplace .box > div .col{padding:0.1rem 0;border-top:0.02rem solid #fff;}
    #contents .about .workplace .box > div .col:first-child{padding:0 0 0.1rem;}
    #contents .about .workplace .box > div .col p{padding-left:0.2rem;font-size:0.32rem;}
    #contents .about .workplace .box > div .col p:before{top:0.2rem;width:0.08rem;height:0.08rem;}
    #contents .about .workplace .box > div .col ul{padding-left:0.2rem;}
    #contents .about .workplace .box > div .col ul li{padding:0.1rem 0;font-size:0.3rem;}
    #contents .about .workplace .box > div .col dl{margin-top:0.4rem;padding-left:0.2rem;}
    #contents .about .workplace .box > div .col dl dt{width:1.4rem;font-size:0.32rem;padding:0.1rem 0 0;}
    #contents .about .workplace .box > div .col dl dd{font-size:0.32rem;padding: 0.1rem 0 0.1rem 1.4rem;}

    #contents .product{padding:0.6rem 0.4rem;}
    #contents .product .list .comment {font-size:0.28rem;}
    #contents .product .list .comment:before{/*left:-0.34rem;*/left:-0.54rem;width:0.59rem;}
    #contents .product .list .comment:after{/*right:-0.34rem;*/right:-0.54rem;width:0.59rem;}
    #contents .product .list .comment .br {display:none;}
    #contents .product .list ul li{padding:0.6rem;width:100%;max-height:100%;border-top:0.02rem solid #e0e0e0;border-left:0;}
    #contents .product .list ul li .img{text-align: center;}
    #contents .product .list ul li .img img{max-width:70%;max-height: 100%;}
    #contents .product .list ul li .tit{font-size:0.36rem;}
    #contents .product .list ul li .tit em{font-size:0.26rem;}
    #contents .product .list ul li .txt{font-size:0.28rem;}
    #contents .product .list ul li a{font-size:0.26rem;}
    #contents .product .product-view .box{margin-top:0.6rem;}
    #contents .product .product-view .box .img-box{width:100%;}
    #contents .product .product-view .box .txt-box{margin-top:0.4rem;width:100%;font-size:0.3rem;line-height: 0.6rem;}
    #contents .product .product-view .view-table01{margin-top:0.4rem;}
    #contents .product .product-view .view-table01 table tbody th{padding:0.3rem 0;font-size:0.26rem;}
    #contents .product .product-view .view-table01 table tbody td{padding:0.3rem 0.2rem;font-size:0.26rem;}
    #contents .product .product .product-view .view-table02{margin-top:0.4rem;}
    #contents .product .product-view .view-table02 {overflow-x:auto;}
    #contents .product .product-view .view-table02 table {width:600px;}
    #contents .product .product-view .view-table02 table thead th{padding:0.3rem 0.2rem;font-size:0.26rem;}
    #contents .product .product-view .view-table02 table tbody td{padding:0.3rem 0.2rem;font-size:0.26rem;}
    #contents .product .product-view .view-table02 + p:last-child{margin-top:0.3rem;font-size:0.24rem;}
    #contents .product .product-view .view-table02 + p:last-child br {display:none;}

    #contents .rnd{padding: 0.6rem 0.4rem;}
    #contents .rnd .box{margin-top:0.8rem;}
    #contents .rnd .tit-big{font-size:0.35rem;}
    #contents .rnd .tit{font-size:0.36rem;}
    #contents .rnd .tit br {display:none;}
    #contents .rnd .txt{font-size:0.3rem;line-height:normal;}
    #contents .rnd .txt strong{font-size:0.34rem;}
    #contents .rnd .box .img-box{margin:0 0 0.4rem 0;padding:0;width:100%;text-align: center;}
    #contents .rnd .box .txt-box{margin:0;padding:0;width:100%;}
    #contents .rnd .box + .box .txt-box{margin:0;padding:0;width:100%;}
    #contents .rnd .box + .box .img-box{margin:0 0 0.4rem 0;padding:0;width:100%;text-align: center;}

    #contents .rnd .quality-certification .list-box > div{text-align:center;flex:0 49%;-ms-flex:0 49%;max-width:49%;}
    #contents .rnd .quality-certification .list-box > div .txt{font-size:0.3rem;}
    #contents .rnd .quality-certification .img-box span{width:31.3333%;margin:1%;}
    #contents .rnd .quality-certification .img-box .txt{margin-top:0.2rem;}

    #contents .rnd .production-line .img span br {display:none;}

    #contents .career{padding: 0.6rem 0.2rem;}
    #contents .career .comment{margin:0 0.36rem;}
    #contents .career .comment:before{left: -0.36rem;width: 0.36rem;height:100%;}
    #contents .career .comment:after{right: -0.36rem;width: 0.36rem;height:100%;}
    #contents .career .comment.cmt3:before {left:-0.54rem;width:0.54rem;height: 100%;}
    #contents .career .comment.cmt3:after {right:-0.54rem;width:0.54rem;height: 100%;}
    #contents .career .comment .br {display:none;}
    #contents .career .sub-comment{font-size:0.3rem;}
    #contents .career .box .img-box{display:inline-block;margin:0.4rem 0 0 0;width:100%;vertical-align: top;box-sizing: border-box;}
    #contents .career .box .txt-box{display:inline-block;width:100%;vertical-align: top;box-sizing: border-box;}
    #contents .career .tit-big{font-size:0.35rem;}
    #contents .career .tit{font-size:0.36rem;}
    #contents .career .txt{font-size:0.3rem;line-height:normal;}
    #contents .career .txt strong{font-size:0.34rem;}
    #contents .career .list{margin-top:0.4rem;}
    #contents .career .list p{margin-bottom:0.2rem;padding-left:0.2rem;font-size:0.3rem;}
    #contents .career .list p:before{top:0.16rem;width:0.1rem;height:0.1rem;}
    #contents .career .list ul li{margin-top:0.1rem;font-size:0.3rem;}
    #contents .career .list-box > div{text-align:center;flex:0 100%;-ms-flex:0 100%;max-width:100%;}
    #contents .career .list-box > div .img{padding-top:0;}
    #contents .career .list-box > div .img img{position: relative;max-height:100%;}
    #contents .career .recruit .tit{font-size:0.34rem;}
    #contents .career .recruit .list span{width:33.3333%;margin-bottom:0.2rem;}
    #contents .career .recruit .list span img{max-width:80%;}

    #contents .support{padding: 0.6rem 0.4rem;}
    #contents .support .comment{margin:0 0.36rem;}
    #contents .support .comment:before{left: -0.36rem;width: 0.36rem;height:100%;}
    #contents .support .comment:after{right: -0.36rem;width: 0.36rem;height:100%;}
    #contents .support .box .img-box{padding:0;width:100%;text-align: center;}
    #contents .support .box .img-box img{max-width:80%;}
    #contents .support .box .txt-box{margin-top:0.4rem;margin-left:0;width:100%;}
    #contents .support .box .txt-box .txt{font-size:0.4rem;line-height:normal;}
    #contents .support .catalog .dwn-button a{padding:0.2rem;font-size:0.3rem;}
    #contents .support .catalog .dwn-button a span{margin-top:0.2rem;padding-top:0.2rem;font-size:0.3rem;border-top:0.02rem solid #8a9196}
    #contents .support .catalog .dwn-button a span:after{margin-left:0.1rem;width:0.32rem;height:0.26rem;}
    #contents .support .title-center{font-size:0.44rem;}
    #contents .support .title-center strong{font-size:0.54rem;}

    #contents .common{padding: 0.6rem 0.4rem;}
    #contents .common .location .box > div{width:100%;}
    #contents .common .location .box .txt-box{margin-top:0.6rem;padding-left:0;}
    #contents .common .location .box > div .col{padding:0.1rem 0;border-top:0.02rem solid #fff;}
    #contents .common .location .box > div .col:first-child{padding:0 0 0.1rem;}
    #contents .common .location .box > div .col p{padding-left:0.2rem;font-size:0.32rem;}
    #contents .common .location .box > div .col p:before{top:0.2rem;width:0.08rem;height:0.08rem;}
    #contents .common .location .box > div .col ul{padding-left:0.2rem;}
    #contents .common .location .box > div .col ul li{padding:0.1rem 0;font-size:0.3rem;}
    #contents .common .location .box > div .col dl{margin-top:0.4rem;padding-left:0.2rem;}
    #contents .common .location .box > div .col dl dt{width:1.4rem;font-size:0.32rem;padding:0.1rem 0 0;}
    #contents .common .location .box > div .col dl dd{font-size:0.32rem;padding: 0.1rem 0 0.1rem 1.4rem;}
    #contents .common .private .txt-box,
    #contents .common .terms .txt-box,
    #contents .common .legal-notice .txt-box{font-size:0.3rem;}
    #contents .common .private .txt-box .box,
    #contents .common .terms .txt-box .box,
    #contents .common .legal-notice .txt-box .box{border-top:0.02rem solid #e6e6e6;}
    #contents .common .private .txt-box .box strong,
    #contents .common .terms .txt-box .box strong,
    #contents .common .legal-notice .txt-box .box strong{font-size:0.3rem;line-height: 0.7rem;}
    #contents .common .site-map dl{margin-top:0.2rem;padding-left:0.1rem;}
    #contents .common .site-map dl dt{float:none;width:100%;font-size:0.34rem;padding:0.4rem 0.4rem 0.2rem;}
    #contents .common .site-map dl dd{font-size:0.3rem;padding: 0 0.4rem 0.4rem;border-bottom:0.02rem solid #dadada;}
    #contents .common .site-map dl dd a{display:block;padding:0.2rem;}
    #contents .common .site-map dl dd a:before{display:none;}


    #contents .bottom-info-wrap .bottom-info > div{border-color:#b6c0ee;}

}

/*video*/
.video-container{position:relative;padding-bottom:53.25%;padding-top:0px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0%;left:0%;width:100%;height:100%;}