@charset "UTF-8";
.m_img{display: none;}
.sub_content .sub_area{padding: 100px 20px;}
.sub_content .sub_area .container .v_tit{font-size: 42px; letter-spacing: -1px; color: #1a1a1a; font-weight: 500; position: relative;  padding-left: 18px;}
.sub_content .sub_area .container .v_tit::before{content: ''; display: block; position: absolute; left: 0; top: 57%; transform: translateY(-50%); width: 5px; height: 63%; background: #e52f42;}
.sub_content .sub_area .container .bo_title {font-size: 40px; text-align:center; margin-bottom: 100px; position:relative;}
.sub_content .sub_area .container .bo_title::after {content:''; display:block; background: #1070ba; width: 50px; height: 5px; margin: 10px auto 0; position:absolute; bottom:-15px; left:50%; transform: translate(-45%, -50%);}
.sub_content .main_tit{font-size: 42px; letter-spacing: -1px; color: #1a1a1a; font-weight: 500; position: relative;}
.sub_content .page_tit{font-size: 52px; letter-spacing: -1px; color: #1a1a1a; font-weight: 500; text-align: center;}
.sub_content .line_tit{position: relative; font-size: 26px; color: #1a1a1a; padding: 0 0 0 25px; display: block; margin-bottom: 20px;}
.sub_content .line_tit::before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 23px; background: #e61c29;}

.sub_content .sub_area .container .sect{margin-top: 120px;}

.tabmenu .sect_title{display: flex; flex-wrap: wrap; margin-top: 65px;}
.tabmenu .sect_title li{width: 33.333%; height: 80px; line-height: 80px;  text-align: center;}
.tabmenu .sect_title li a{display: block; font-size: 22px; letter-spacing: -1px; color: #1a1a1a; font-weight: 300; border: 1px solid #c6c8cc; margin-top: -1px; margin-left: -1px; transition: all .3s;}
.tabmenu .sect_title li:hover a{background: #333; color: #fff;}
.tabmenu .sect_title li.on a{background: #333; color: #fff;}
.tabmenu .sect_select{display: none;}
.tabmenu .sect_select #tabmenu{width: 100%; margin-top: 30px; padding: 15px 0 15px 10px; font-size: 18px; border: 1px solid #ddd;}

.sect_cont>div{display: none;}
.sect_cont>div.on{display: block;}
.sect_cont .cont_wrap .cont{background: #f2f5fa;}
.sect_cont .cont_wrap .cont .product{display: flex;}
.sect_cont .cont_wrap .cont .product .img_box{margin-right: 105px;}
.sect_cont .cont_wrap .cont .product .info_box {display: flex; justify-content: space-between; flex-direction: column;}
.sect_cont .cont_wrap .cont .product .info_box .txt_box .s_tit{font-size: 22px; letter-spacing: -1px; color: #1a1a1a; font-weight: 300; display: block;}
.sect_cont .cont_wrap .cont .product .info_box .txt_box .pd_tit{font-size: 46px; letter-spacing: -1px; color: #1a1a1a; font-weight: bold; word-break: keep-all;}
.sect_cont .cont_wrap .cont .product .info_box .draw_box{margin-top: 66px;}
.sect_cont .cont_wrap .cont .product .info_box .draw_box img{max-width: 522px; width: 100%; transition: all .3s;}
.sect_cont .cont_wrap .cont .product .info_box .draw_box img.on{transform: scale(1.8);}
.sect_cont .cont_wrap .cont .product .info_box .draw_box .draw_tit{position: relative; font-size: 26px; color: #1a1a1a; padding: 0 0 0 25px; display: block; margin-bottom: 20px;}
.sect_cont .cont_wrap .cont .product .info_box .draw_box .draw_tit::before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 23px; background: #e61c29;}
.sect_cont .cont_wrap .cont .product .info_box .img_on{display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50%; z-index: 1;}
.sect_cont .cont_wrap .cont .product .info_box .img_on .img_on_wrap{width: 100%; position: relative;}
.sect_cont .cont_wrap .cont .product .info_box .img_on .img_on_wrap img{width: 100%;}
.sect_cont .cont_wrap .cont .product .info_box .img_on .img_on_wrap .close{position: absolute; right: 20px; top: 20px;}
.sect_cont .cont_wrap .cont .product .info_box .img_on .img_on_wrap .close button{border: 0; background: 0;}
.sect_cont .cont_wrap .cont .product .info_box .img_on .img_on_wrap .close button i{font-size: 30px; color: #333;}

.sect_cont .cont_wrap .cont .product .info_box ul{max-width: 522px; display: flex; justify-content: space-between; margin-top: 23px;}
.sect_cont .cont_wrap .cont .product .info_box ul li{width: 48%; height: 81px; line-height: 81px; text-align: center; font-size: 18px; letter-spacing: -1px; color: #fff;}
.sect_cont .cont_wrap .cont .product .info_box ul li.draw_more{background: #262626; cursor: pointer;}
.sect_cont .cont_wrap .cont .product .info_box ul li.link{background: #e52f42;}
.sect_cont .cont_wrap .cont .product .info_box ul li a{display: block; height: 100%; color: #fff;}

.sect_cont .cont_wrap .spec table{width: 100%; border-bottom: 1px solid #1a1a1a;}
.sect_cont .cont_wrap .spec .tb_scroll{overflow-x: auto; }
.sect_cont .cont_wrap .spec .tb_scroll .spec_info{min-width: 480px;}
.sect_cont .cont_wrap .spec table.spec_info{margin-top: 30px;}
.sect_cont .cont_wrap .spec table.draw_info{margin-top: 60px;}
.sect_cont .cont_wrap .spec table thead tr th{height: 70px; background: #dfe1e6; font-size: 22px; letter-spacing: -1px; text-align: center; color: #1a1a1a; word-break: keep-all;}
.sect_cont .cont_wrap .spec table thead tr th{border-right: 1px solid #fff;}
.sect_cont .cont_wrap .spec table thead tr th:last-child{border-right: 0;}
.sect_cont .cont_wrap .spec table tbody tr td{height: 60px; font-size: 20px; color: #1a1a1a; font-weight: 300; text-align: center; word-break: keep-all; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1}
.sect_cont .cont_wrap .spec table tbody tr td:last-child{border-right: 0;}

.sect_cont .cont_wrap .spec table.draw_info thead tr th:first-child{width: 10%;}
.sect_cont .cont_wrap .spec table.draw_info thead tr th:last-child{display: none;}
.sect_cont .cont_wrap .spec table.draw_info tbody tr td:last-child{display: none;}
/* .sect_cont .cont_wrap .spec table.draw_info tbody tr td{border-bottom: 1px solid #e1e1e1;} */

.sect_cont .cont_wrap .view{margin-top: 90px;}
.sect_cont .cont_wrap .view .container .view_bg {background: url("../img/pages/sub03_view.jpg") no-repeat 50% 50%; background-size: cover; width: 100%; height: 450px; padding: 45px 35px; position: relative;}
.sect_cont .cont_wrap .view .container .view_bg h4{font-size: 52px; letter-spacing: -3px; font-weight: 500; color: #fff;}
.sect_cont .cont_wrap .view .container .view_bg p{font-size: 20px; letter-spacing: 1px; font-weight: 300; color: #fff; line-height: 1.5; padding-top: 20px; word-break: keep-all;}
.sect_cont .cont_wrap .view .container .view_bg .more{position: absolute; right: 90px; bottom: 55px;}
.sect_cont .cont_wrap .view .container .view_bg .more a{display: block; width: 219px; height: 65px; line-height: 65px; border: 1px solid #fff; font-size: 20px; letter-spacing: -1px; text-align: center; color: #fff; transition: all .3s;}
.sect_cont .cont_wrap .view .container .view_bg .more a:hover{background: #e52f42; color: #fff; border: 1px solid #e52f42;}


@media screen and (max-width: 1280px){
    .sect_cont .cont_wrap .cont .product .info_box .img_on{width: 60%;}
	.container {width: 100%;}
}

@media screen and (max-width: 1023px){
    .sub_content .page_tit{font-size: 38px;}
    .sub_content .main_tit {font-size: 32px;}

    .sub_content .sub_area{padding: 60px 20px !important;}
    .sub_content .sub_area .container .v_tit{font-size: 38px;}
    .sub_content .sub_area .container .sect2 {margin-top: 80px !important;}
    .sub_content .sub_area .container .sect3 {margin-top: 80px !important;}

    .tabmenu .sect_title{margin-top: 40px;}
    .tabmenu .sect_title li{height: 70px; line-height: 70px;}
    .tabmenu .sect_title li a{font-size: 16px;}
    .sect_cont .cont_wrap .cont .product .info_box {width: 55%;}
    .sect_cont .cont_wrap .cont .product .info_box .txt_box .s_tit{font-size: 2.151vw;}
    .sect_cont .cont_wrap .cont .product .info_box .txt_box .pd_tit{font-size: 3.324vw;}
    .sect_cont .cont_wrap .cont .product .info_box .draw_box{margin-top: 4.888vw;}
    .sect_cont .cont_wrap .cont .product .info_box .draw_box .draw_tit{font-size: 2.053vw; padding: 0 0 0 15px; margin-bottom: 1.955vw;}
    .sect_cont .cont_wrap .cont .product .info_box ul{margin-top: 2.248vw;}
    .sect_cont .cont_wrap .cont .product .info_box ul li{height: 6.843vw; line-height: 6.843vw; font-size: 1.760vw;}
    .sect_cont .cont_wrap .cont .product .info_box .img_on{width: 70%;}
    .sect_cont .cont_wrap .cont .product .img_box{margin-right: 5.865vw; width: 40%;}
    .sect_cont .cont_wrap .cont .product .img_box img{width: 100%; height: 100%; object-fit: cover;}

    .sect_cont .cont_wrap .view .container .view_bg h4{font-size: 38px;}
    .sect_cont .cont_wrap .view .container .view_bg p{font-size: 16px;}
    .sect_cont .cont_wrap .view .container .view_bg .more a{font-size: 18px;}

}

@media screen and (max-width: 768px){
    .p_br{display: none !important;}
    .m_img{display: block; margin: 30px auto 0 auto; width: 100%;}
    .sub_content .main_tit {font-size: 28px;}
    .sub_content .sub_area .container .v_tit{font-size: 28px;}
    .tabmenu .sect_select{display: block;}
    .tabmenu .sect_title{display: none;}

    .cont .sub_area{padding: 0 !important;}
    .sect_cont .cont_wrap .cont{background: transparent;}
    .sect_cont .cont_wrap .cont .product{justify-content: center;}
    .sect_cont .cont_wrap .cont .product .img_box{display: none;}
    .sect_cont .cont_wrap .cont .product .info_box{width: 100%; background: #f2f5fa;}
    .sect_cont .cont_wrap .cont .product .info_box .txt_box{width: 80%; margin: 0 auto;  padding: 60px 0;}
    .sect_cont .cont_wrap .cont .product .info_box .txt_box .s_tit{font-size: 18px; !important}
    .sect_cont .cont_wrap .cont .product .info_box .txt_box .pd_tit{font-size: 26px; padding-top: 5px; !important}
    .sect_cont .cont_wrap .cont .product .info_box .draw_box .draw_tit{font-size: 18px; padding-left: 15px;}
    .sect_cont .cont_wrap .cont .product .info_box .draw_box .draw_tit::before{width: 3px; height: 19px;}
    .sect_cont .cont_wrap .cont .product .info_box .draw_box{width: 100%; margin: 0 auto; background: #fff; padding: 60px 20px 0 20px;}
    .sect_cont .cont_wrap .cont .product .info_box .draw_box img{max-width: 100%;}
    .sect_cont .cont_wrap .cont .product .info_box ul{max-width: 100%; width: 100%; padding: 20px 20px 60px 20px; background: #fff; margin: 0;}
    .sect_cont .cont_wrap .cont .product .info_box ul li{width: 49%; height: 80px; line-height: 80px; font-size: 18px;}
    .sect_cont .cont_wrap .cont .product .info_box .img_on{width: 98%; z-index: 1;}

    .sub_content .line_tit{font-size: 18px; padding-left: 15px;}
    .sub_content .line_tit::before{width: 3px; height: 19px;}

    .sect_cont .cont_wrap .spec table thead tr th{font-size: 16px; height: 60px;}
    .sect_cont .cont_wrap .spec table tbody tr td{font-size: 14px;}

    .sect_cont .cont_wrap .view .container .view_bg{padding: 30px 20px;}
    .sect_cont .cont_wrap .view .container .view_bg .more{width: 94%; bottom: 30px; right: auto; left: 50%; transform: translateX(-50%);}
    .sect_cont .cont_wrap .view .container .view_bg .more a{width: 100%;}

}

@media screen and (max-width: 480px){
    .p_br2{display: none !important;}
    .m_br2{display: block !important;}
    .m_img{margin-top: 4.167vw;}
    
    .sub_content .sub_area{padding: 15vw 20px !important;}
    .sub_content .sub_area .container .v_tit{font-size: 4.375vw; padding-left: 2.917vw;}
    .sub_content .sub_area .container .v_tit::before{left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 70%;}
    .sub_content .sub_area .container .sect2 {margin-top: 12.5vw !important;}
    .sub_content .sub_area .container .sect3 {margin-top: 12.5vw !important;}

    .sub_content .main_tit {font-size: 5.833vw;}
    .sub_content .page_tit{font-size: 5.833vw;}
    .cont .sub_area{padding: 0 !important;}
    
    .sect_cont .cont_wrap .cont .product .info_box .txt_box{padding: 8.333vw 0;}
    .sect_cont .cont_wrap .cont .product .info_box .txt_box .s_tit{font-size: 3.750vw;}
    .sect_cont .cont_wrap .cont .product .info_box .txt_box .pd_tit{font-size: 5vw;}
    .sect_cont .cont_wrap .cont .product .info_box .draw_box{padding: 8.333vw 20px 0 20px;}
    .sect_cont .cont_wrap .cont .product .info_box .draw_box .draw_tit{font-size: 4.375vw; padding-left: 2.917vw;}
    .sect_cont .cont_wrap .cont .product .info_box .draw_box .draw_tit::before{left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 70%;}
    .sect_cont .cont_wrap .cont .product .info_box ul{padding: 20px 20px 8.333vw 20px;}
    .sect_cont .cont_wrap .cont .product .info_box ul li{height: 12.500vw; line-height: 12.500vw; font-size: 3.750vw;}
    .sub_content .line_tit{font-size: 4.375vw; padding-left: 2.917vw; margin-bottom: 4.167vw;}
    .sub_content .line_tit::before{left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 70%;}
    .sect_cont .cont_wrap .spec table.spec_info{margin-top: auto;}
    .sect_cont .cont_wrap .spec table thead tr th{font-size: 3.2vw; height: 12.5vw;}
    .sect_cont .cont_wrap .spec table tbody tr td{font-size: 3.2vw; height: 12.5vw; letter-spacing: -0.208vw;}
    .sect_cont .cont_wrap .spec table.draw_info{margin-top: 8.333vw;}
    .sect_cont .cont_wrap .view{margin-top: 8.333vw;}
    .sect_cont .cont_wrap .view .container .view_bg{height: 72.917vw; padding: 6.250vw 20px;}
    .sect_cont .cont_wrap .view .container .view_bg h4{font-size: 5.833vw; letter-spacing: -0.417vw;}
    .sect_cont .cont_wrap .view .container .view_bg p{font-size: 3.2vw; padding-top: 2.083vw;}
    .sect_cont .cont_wrap .view .container .view_bg .more{width: 90%; padding-top: 4.167vw;}
    .sect_cont .cont_wrap .view .container .view_bg .more a{height: 13.542vw; line-height: 13.542vw; font-size: 3.750vw;}
    

}


@media only screen and (max-width: 768px) {
    .aos-animate {
  
      -o-transition-property: none !important;
      -moz-transition-property: none !important;
      -ms-transition-property: none !important;
      -webkit-transition-property: none !important;
      transition-property: none !important;
  
      -o-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -webkit-transform: none !important;
      transform: none !important;
  
      -webkit-animation: none !important;
      -moz-animation: none !important;
      -o-animation: none !important;
      -ms-animation: none !important;
      animation: none !important;
    }
  }