@media screen and (max-width:1300px){
 .center{max-width:1024px;} 

 .brand_story .title h2{font-size:38px;}
 .brand_story .ci .title_text_box p{font-size:22px; width:85%;}
 .brand_story .ci .ci_color .color_box .item_box{padding:30px;}
 .brand_story .ci .ci_color>.text_box p{font-size:17px;}
 .brand_story .ci .ci_people .text_box p.large{font-size:44px;}
 .brand_story .ci .ci_people .text_box p.small{font-size:19px;}

 .main_banner .swiper-slide .text_box img{height:15px;}
 .main_banner .main_link li a{font-size:16px;}

 .main_project .container .row{height:400px;}

 .main_product{padding:60px 0 90px 0;}
 .main_product .container .item_box .text_box p{font-size:12px;}
 .main_product .container .item_box .text_box h2{font-size:16px;}
 .main_product .container .item_box .img_box{height:250px;}

 .main_brand.banner{padding:80px 0;}
 .main_brand.banner .img_box img{width:60%;}
 .main_brand.banner .text_box p.large{font-size:46px;}
 .main_brand .text_box p.large{font-size:46px; line-height:1.6;}
 .main_brand .text_box p.small{font-size:26px; line-height:1.8;}

 .main_vision .bg{background:url(../assets/img/vision_bg.png) no-repeat center center / cover; width:50%; height:100%; position:absolute; right:0; bottom:0; opacity:0.4;}
 .main_vision .text_box p.large{font-size:48px;}
 .main_vision .text_box p.middle{font-size:26px;}
 .main_business .container .item_box{height:320px;}

 .patent .title h2{font-size:26px;}

 .timeline .content_box li .item_box .text_box p{font-size:14px;}
 .timeline .middle_line{height:89.7%;}

 .business .container .item_box .text_box h4{font-size:26px;}
 .business .container .item_box .text_box p{font-size:15px;}

 .business02 .detail .device_box .device{padding-bottom:65px;}
 .business02 .detail .device_box .device img{height:280px;}

 .business03_bn{height:450px;}

 .business06 .detail .device_box .device{padding-bottom:65px;}
 .business06 .detail .device_box .device img{height:280px;}

 .detail .item_box .text_box p.large{font-size:52px;}
 .detail .item_box .text_box p.middle{font-size:26px;}
 .detail .item_box .text_box p.small{font-size:18px;}

 .product_bn{height:500px;}
 .product .product_list .item_box{width:31%; margin-bottom:35px;}
 .product .product_list .item_box .text_box h3{font-size:15px;}
 .product .product_list .item_box .text_box p{font-size:12px;}
 
 .product_detail_bn{height:500px;}
 .product_detail .detail>h3{font-size:17px;}
 .product_detail .detail ul h4{font-size:24px;}
 .product_detail .detail .spec li{font-size:18px;}
 .product_detail .detail .tip .container .text_box p{font-size:18px;}
 .product_detail .detail .care li{font-size:16px;}

 .news .board_container .board_table .board_box{height:260px;}
 .news .board_container .board_table .board_box .title{font-size:14px; width:70%;}
 .news .board_container .board_table .board_box .sub_dec{font-size:12px;}
 .news .board_container .board_table .board_box i{font-size:12px; top:25px;}

 .ex .board_container .board_table .board_box{height:260px;}
 .ex .board_container .board_table .board_box .title{font-size:14px; width:70%;}
 .ex .board_container .board_table .board_box .sub_dec{font-size:12px;}
 .ex .board_container .board_table .board_box i{font-size:12px; top:25px;}

 .result{padding:60px 0;}
 .result .result_tab li{padding:15px 0;}
 .result .result_tab li span{font-size:18px;}

 .contact .contact_box p.policy span.policy_view{width:65px;}
 .check_popup{width:50%;}

 .ask_list{padding:30px 0;}

 footer .footer_bottom .copy p{font-size:18px;}

 .popup{width:37%; height:50%;}
 .popup.second{left:45%;}

 .section_bn .bn_title p{font-size:44px;}
 
}

@media screen and (max-width:1200px){
  .overview .detail .img_box .overview_img_pc{display:none;}
  .overview .detail .img_box .overview_img_m{display:inline-block;}
}

@media screen and (max-width:1024px){
  .center{max-width:800px;} 
 
  header .container{height:60px; align-items:center;}
  header .logo{width:110px;}
  header .container .m_category{width:30px; height:22px;}
  header .container .m_category span{height:3px;}
  header .container .m_category.on span:nth-child(1){transform: rotate(45deg) translate(4px, 10px);}
  header .container .m_category.on span:nth-child(3){transform: rotate(-45deg) translate(5px, -10px);}
  header.scroll{background:#000;}

  .main_title h3{font-size:28px;}

  .main_project .container .row{height:300px;}

  .main_product .container .item_box .img_box{height:320px;}

  .main_banner .main_text{left:5%;}
  .main_banner .main_link li{padding-bottom:7px;}
  .main_banner .main_link li a{font-size:14px;}

  .main_brand.banner{padding:60px 0;}
  .main_brand.banner .img_box img{width:70%;}
  .main_brand.banner .text_box p.large{font-size:38px;}
  .main_brand.banner .text_box p.middle{font-size:56px;}
  .main_brand .text_box p.large{font-size:38px;}
  .main_brand .text_box p.small{font-size:22px; line-height:1.8;}

  .main_vision .bg{width:58%; height:85%;}
  .main_vision .text_box p.large{font-size:38px;}
  .main_vision .text_box p.middle{font-size:20px;}
  .main_business .container .item_box{height:270px;}

  .main_contact{padding:60px 0;}
  /* .main_contact .container .item_box{border-right:0;} */
  .main_contact .container .item_box p{font-size:16px;}

  .company{padding:100px 0 80px 0;}

  .brand_bn{height:500px;}
  .brand_story .intro .text_box p{font-size:14px;}
  .brand_story .ci .text_box p{font-size:14px;}
  .brand_story .ci .ci_color .color_box .item_box{height:400px; padding:20px;}
  .brand_story .ci .ci_color .color_box .item_box .name{font-size:20px;}
  .brand_story .ci .ci_color .color_box .item_box ul li{font-size:13px;}

  .brand_story .title h2{font-size:34px;}
  .brand_story .sub_title h3{font-size:23px;}
  .brand_story .ci .title_text_box p{font-size:19px; width:90%;}
  .brand_story .ci .ci_color .color_box .item_box ul li{font-size:12px; padding-left:10px;}
  .brand_story .ci .ci_color>.text_box p{font-size:15px;}
  .brand_story .ci .ci_people .text_box{padding-bottom:60px;}
  .brand_story .ci .ci_people .text_box p.large{font-size:38px;}
  .brand_story .ci .ci_people .text_box p.small{font-size:17px;}
  
  .patent{padding:60px 0;}
  .patent .dec{font-size:16px;}
  .patent .patent_list ul li span{width:15%; font-size:14px;}
  .patent .patent_list ul li p{font-size:14px;}
  .patent .patent_list ul li .patent_name{width:50%;}

  .place{padding:40px 0;}
  .place .title{margin-bottom:20px;}
  .place .title h2{font-size:36px;}
  .place .sub{padding:40px 0;}
  .place .sub .item_box .text_box div p.large{font-size:28px; line-height:28px;}
  .place .sub .item_box .text_box .info span{font-size:16px;}
  .place .sub .item_box .text_box .info p{font-size:15px;}
  .place .sub .item_box .text_box .info div{padding-top:5px;}

  .timeline .content_box li .item_box .text_box h3{font-size:44px;}
  .timeline .content_box li .item_box .text_box p{font-size:12px;}
  .timeline .middle_line{height:89.3%;}
  .timeline_bottom .text_box h3{font-size:28px;}

  .business .container .item_box .text_box h4{font-size:20px;}
  .business .container .item_box .text_box p{font-size:12px;}

  .business02 .detail{width:100%;}
  .business02 .detail .device_box .device{padding-bottom:50px;}
  .business02 .detail .device_box .device img{height:235px;}

  .business03{padding:50px 0;}
  .business03 .title h2{font-size:26px;}
  .business03 .detail{width:100%;}

  .business04 .detail{width:80%;}
  .business04 .detail>img{width:100%;}

  .business05 .detail .device_box .device{padding-bottom:50px;}
  .business05 .detail .device_box .device img{height:235px;}

  .business06 .detail{width:100%;}

  .business07{padding:50px 0;}
  .business07 .title{margin-bottom:30px;}
  .business07 .detail{width:100%;}
  .business07 .detail img{padding-top:0;}
  .business07 .detail>img{width:100%;}

  .business08{padding:50px 0;}
  .business08 .title{margin-bottom:30px;}
  .business08 .detail{width:90%;}
  .business08 .detail>img{width:100%;}

  .business09{padding:50px 0;}
  .business09 .detail{width:100%;}
  .business09 .detail img{padding-top:0;}
  .business09 .detail>img{width:100%;}
  .business09 .detail .device_box .device img{height:215px;}
  .business09 .detail .before_after img{width:60%;}

  .business10{padding:50px 0;}
  .business10 .detail img{padding-top:0;}
  .business10 .detail>img{width:100%;}
  .business10 .detail .device_box .device img{height:180px;}
  .business10 .detail .before_after img{width:60%;}

  .business11{padding:50px 0;}
  .business11 .title{margin-bottom:30px;}
  .business11 .detail{width:100%;}
  .business11 .detail img{padding-top:0;}
  .business11 .detail>img{width:100%;}
  .business11 .detail .device_box .device img{height:215px;}

  .business12{padding:60px 0;}

  .detail .item_box .text_box p.large{font-size:42px;}
  .detail .item_box .text_box p.middle{font-size:24px;}
  .detail .item_box .text_box p.small{font-size:16px;}

  .product_bn{height:370px; margin:70px 0;}
  .product .product_list .item_box{width:48%;}
  .product .product_list .item_box .img_box{height:78%;}
  .product .product_list .item_box .text_box h3{font-size:20px; text-align:center;}
  .product .product_list .item_box .text_box p{font-size:14px;}

  .product_detail_bn{height:370px; margin:70px 0;}
  .product_detail .title h2{font-size:26px;}
  .product_detail .sub_title h3{font-size:20px;}
  .product_detail .detail .tip .container{padding:30px 0;}
  .product_detail .detail .tip .container .text_box p{font-size:15px;}
  .product_detail_bn.uvc{margin-bottom:0;}

  .contact{padding:70px 0;}
  .contact .title h2{font-size:42px;}
  .contact .sub_title{width:70%;}
  .contact .sub_title h4{font-size:20px;}
  .contact .contact_box{padding:30px 0; width:70%;}
  
  .ask_list .center>.title h2{font-size:42px;}

  .result .title h2{font-size:42px;}

  .news .board_container .board_table{justify-content:start;}
  .news .board_container .board_table .board_box{width:33.33%;}

  .ex{padding:70px 0;}
  .ex .board_container .board_table{justify-content:start;}
  .ex .board_container .board_table .board_box{width:33.33%;}

  .download{padding:70px 0;}
  .download .title h3{font-size:24px; padding-bottom:15px;}
  .download .list li{width:32%; margin-bottom:20px; padding:15px;}
  .download .list li p.sub{font-size:14px;}
  .download .list li p.name{font-size:16px;}
  .download .list li img{width:24px;}
  
  footer .footer_top .logo img{width:200px;}
  footer .footer_top .family{width:55%; }
  footer .footer_top .family h5{font-size:18px; padding-top:10px;}
  footer .footer_top ul li{margin-right:50px;}
  footer .footer_top ul li a{font-size:17px;}
  footer .footer_middle>ul li p{font-size:16px;}
  footer .footer_middle>ul li p.tel{font-size:12px;}
  footer .footer_bottom .copy p{font-size:17px;}

  .popup{width:45%; z-index:6;}
  .popup.second{left:50%;}

  .board_title{padding:10px 0;}
  .board_title h4{font-size:20px;}
  .board_list_box{padding-top:5px;}
  .board_list_box .board_list span.file{display:none;}
  .board_list_box .board_list span.detail{display:none;}
  .board_list_box .board_list span.title{width:25%;}

  .section_bn{height:300px;}
  .section_bn .bn_title{top:50%;}
  .section_bn .bn_title p{font-size:38px;}
}

@media screen and (max-width:800px){
  .center{max-width:640px;} 
 
  header .container{align-items:center;}

  .main_title h3{font-size:26px;}

  .main_banner .main_text{width:55%;}
  .main_banner .main_link li a{font-size:12px; font-weight:400;}
  .main_banner .swiper-slide .text_box img{height:10px;}

  .main_project .container .row{height:240px;}

  .main_product .container .item_box .img_box{height:240px;}
  .main_product .container .item_box .text_box h2{font-size:16px;}
  .main_product .container .item_box .text_box p{font-size:11px;}

  .main_brand.banner{padding:40px 0;}
  .main_brand.banner .img_box img{width:80%;}
  .main_brand.banner .text_box p.large{font-size:32px;}
  .main_brand.banner .text_box p.middle{font-size:40px;}
  .main_brand .text_box p.large{font-size:28px;}
  .main_brand .text_box p.middle{font-size:25px;}
  .main_brand .text_box p.small{font-size:18px;}

  .main_brand img{width:180px;}
  .main_brand p{font-size:13px;}
  .main_brand p b{font-size:20px; padding-right:5px;}
  .main_brand p span{font-size:18px;}
  .main_brand a{margin-top:20px;}

  .main_vision .bg{width:60%; height:75%;}
  .main_vision .text_box p.large{font-size:32px;}
  .main_vision .text_box p.middle{font-size:16px;}
  .main_business .container .item_box{height:250px;}

  .main_contact .container .item_box{height:120px; padding:0;}
  .main_contact .container .item_box i{font-size:40px;}
  .main_contact .container .item_box b{font-size:16px;}
  .main_contact .container .item_box p{font-size:13px;}
  .main_contact .container .item_box span{font-size:11px; bottom:-20%;}

  .brand_bn .text_box h2{font-size:36px;}
  .brand_story .title h2{font-size:26px;}

  .company{padding:80px 0 0 0;}
  .company .company_detail .company_img_pc{display:none;}
  .company .company_detail .company_img_m{display:inline-block;}

  .brand_story .intro .img_box img{width:100%;}
  .brand_story .ci .ci_color .color_box .item_box{height:410px; padding:20px;}
  .brand_story .ci .ci_color .color_box .item_box .name{font-size:18px;}
  .brand_story .ci .ci_color .color_box .item_box ul li{font-size:11px;}
  .brand_story .ci_people img{width:100%;}

  .brand_story .ci .title_text_box p{font-size:16px; width:90%;}
  .brand_story .sub_title h3{font-size:21px;}
  .brand_story .ci .ci_color .color_box .item_box{height:350px;}
  .brand_story .ci .ci_color>.text_box p{font-size:13px;}
  .brand_story .ci .ci_people .text_box{width:47%;}
  .brand_story .ci .ci_people .text_box p.large{font-size:32px;}
  .brand_story .ci .ci_people .text_box p.small{font-size:15px;}
  .brand_story .ci .ci_people .img_box{width:47%;}

  .patent{padding:30px 0;}
  .patent .sub .sub_title h3{font-size:22px;}
  .patent .patent_list ul li span{width:15%; font-size:12px;}
  .patent .patent_list ul li p{font-size:12px;}
  .patent .patent_list ul li .patent_name{width:50%;}

  .place .title{margin-bottom:0;}
  .place .title h2{font-size:30px;}
  .place .sub{padding:30px 0;}
  .place .sub .item_box .text_box{padding-left:10px;}
  .place .sub .item_box .text_box div p.large{font-size:22px; line-height:22px;}
  .place .sub .item_box .text_box .info span{font-size:14px;}
  .place .sub .item_box .text_box .info p{font-size:13px;}

  .timeline_bn .text_box h2{font-size:38px;}
  .timeline_bn .text_box p{font-size:18px;}
  .timeline .content_box li .item_box .text_box h3{font-size:34px; padding-bottom:15px;}
  .timeline .content_box li .item_box .text_box p{font-size:11px;}
  .timeline .middle_line{height:89.5%;}

  .business{padding:50px 0;}
  .business .title h2{font-size:26px;}
  .business .container .item_box{margin-bottom:4%;}
  .business .container .item_box.three{width:48%;}
  .business .container .item_box .text_box p{font-size:14px;}

  .business01{padding:50px 0;}
  .business01 .title h2{font-size:28px;}
  .business01 .text_box h4{font-size:20px;}
  .business01 .text_box p{letter-spacing:normal; font-size:14px;}

  .business02{padding:50px 0;}
  .business02 .title h2{font-size:28px;}
  .business02 .detail .device_box .device{padding-bottom:40px;}
  .business02 .detail .device_box .device img{height:185px;}

  .business03 .title h2{font-size:22px;}
  .business03 .sub_title h3{font-size:16px;}

  .business04 .detail{width:90%;}

  .business05{padding:60px 0;}

  .business06{padding:50px 0;}
  .business06 .title h2{font-size:28px;}
  .business06 .detail .device_box .device{padding-bottom:40px;}
  .business06 .detail .device_box .device img{height:185px;}

  .business07{padding:50px 0;}
  .business07 .title{margin-bottom:30px;}
  .business07 .title h2{font-size:28px;}
  .business07 .sub_title h3{padding-bottom:10px;}
  .business07 .sub_title p{font-size:15px; padding-bottom:5px; color:#555;}
  .business07 .detail p{font-size:14px;}
  .business07 .detail .sort{font-size:16px; margin:30px 0;}
  .business07 .detail .point li{font-size:12px;}

  .business08 .title{margin-bottom:30px;}
  .business08 .title h2{font-size:28px;}
  .business08 .detail{width:90%;}

  .business09 .title{margin-bottom:30px;}
  .business09 .title h2{font-size:28px;}
  .business09 .sub_title h3{padding-bottom:10px;}
  .business09 .sub_title p{font-size:15px; padding-bottom:5px; color:#555;}
  .business09 .detail p{font-size:14px;}
  .business09 .detail .device_box .device{padding-bottom:30px;}
  .business09 .detail .device_box .device img{height:160px;}
  .business09 .detail .device_box .device span{font-weight:400; font-size:13px;}
  .business09 .detail .sort{font-size:16px; margin:30px 0;}
  .business09 .detail .point li{font-size:12px;}

  .business10 .title{margin-bottom:30px;}
  .business10 .title h2{font-size:28px;}
  .business10 .sub_title h3{padding-bottom:10px;}
  .business10 .sub_title p{font-size:15px; padding-bottom:5px; color:#555;}
  .business10 .detail p{font-size:14px;}
  .business10 .detail .device_box .device{padding-bottom:30px;}
  .business10 .detail .device_box .device img{height:160px;}
  .business10 .detail .device_box .device span{font-weight:400; font-size:13px;}
  .business10 .detail .sort{font-size:16px; margin:30px 0;}

  .business11 .title{margin-bottom:30px;}
  .business11 .title h2{font-size:28px;}
  .business11 .sub_title h3{padding-bottom:10px;}
  .business11 .sub_title p{font-size:15px; padding-bottom:5px; color:#555;}
  .business11 .detail p{font-size:14px;}
  .business11 .detail .device_box .device{padding-bottom:30px;}
  .business11 .detail .device_box .device img{height:160px;}
  .business11 .detail .device_box .device span{font-weight:400; font-size:13px;}
  .business11 .detail .sort{font-size:16px; margin:30px 0;}
  .business11 .detail .point li{font-size:12px;}

  .detail .item_box .text_box p.large{font-size:32px;}
  .detail .item_box .text_box p.middle{font-size:20px;}
  .detail .item_box .text_box p.small{font-size:14px;}
  .detail .item_box .text_box p.small span{font-size:17px;}

  .product_bn{height:280px; margin-top:80px;}
  .product .product_list .item_box{margin-bottom:25px;}
  .product .product_list .item_box .img_box{height:70%;}
  .product .product_list .item_box .text_box h3{font-size:15px;}
  .product .product_list .item_box .text_box p{font-size:12px;}

  .product_detail_bn{height:280px; margin-top:80px;}
  .product_detail{padding:50px 0;}
  .product_detail .title h2{font-size:24px;}
  .product_detail .sub_title h3{font-size:18px;}
  .product_detail .sub_title h3 span{font-size:14px;}  
  .product_detail .detail>h3{font-size:15px;}
  .product_detail .detail ul h4{font-size:20px;}
  .product_detail .detail .spec li{font-size:16px;}
  .product_detail .detail .care li{font-size:13px;}
  .product_detail .detail .care i{font-size:12px;}

  .product_detail.src .detail .tip .img_box{width:90%;}

  .product_detail.uvc .detail>.img_box img{width:80%;}

  .contact{padding:50px 0;}
  .contact .title h2{font-size:36px;}
  .contact .sub_title{width:85%;}
  .contact .sub_title h4{font-size:18px;}
  .contact .contact_box{width:85%;}
  .check_popup{width:60%;}

  .ask_list .center>.title h2{font-size:36px;}

  .result .title h2{font-size:36px;}

  .news .board_title h2{font-size:34px;}
  .news .board_container .board_table .board_box{height:240px;}
  .news .board_container .board_table .board_box .title{font-size:12px; width:80%;}
  .news .board_container .board_table .board_box .sub_dec{font-size:11px;}
  .news .board_container .board_table .board_box .date{font-size:11px;}
  .news .board_container .numbering span{font-size:16px; width:20px;}

  .news_detail .board_table .board_box h4{font-size:22px;}
  .news_detail .board_table .board_box img{width:100%;}
  .news_detail .board_table .board_box p{font-size:14px;}

  .ex .board_title h2{font-size:34px;}
  .ex .board_container .board_table .board_box{height:240px;}
  .ex .board_container .board_table .board_box .title{font-size:12px; width:80%;}
  .ex .board_container .board_table .board_box .sub_dec{font-size:11px;}
  .ex .board_container .board_table .board_box .date{font-size:11px;}
  .ex .board_container .numbering span{font-size:16px; width:20px;}

  .ex_detail .board_table .board_box h4{font-size:22px;}
  .ex_detail .board_table .board_box img{width:100%;}
  .ex_detail .board_table .board_box p{font-size:14px;}

  .result .title h2{font-size:22px;}
  .result .result_tab li{padding:10px 0;}
  .result .result_tab li span{font-size:16px;}
  .result .result_detail .result_box .month p{font-size:14px;}

  .download{padding:50px 0;}
  .download .title h3{font-size:20px; padding-bottom:0;}
  .download .list li{width:48%; margin-bottom:25px; padding:20px;}
  .download .list li p.sub{font-size:15px;}
  .download .list li p.name{font-size:18px;}
  .download .list li img{width:29px;}

  footer .footer_top .logo img{width:180px; left:-25px;}
  footer .footer_top .family{width:50%;}
  footer .footer_top .family h5{font-size:16px;}
  footer .footer_top ul{padding-top:5px;}
  footer .footer_top ul li{margin-right:35px;}
  footer .footer_top ul li a{font-size:15px;}
  footer .footer_middle{padding:0 0 15px 0;}
  footer .footer_middle>ul li p{font-size:14px;}
  footer .footer_middle>ul li p.tel{font-size:12px;}
  footer .footer_bottom{padding-top:15px;}
  footer .footer_bottom .copy p{font-size:15px;}
  
  .popup{width:60%;}
  .popup.second{left:5%;}

  .section_bn .bn_title p{font-size:34px;}

  .overview{padding-top:80px;}
}

@media screen and (max-width:650px){
  .center{max-width:500px;}

  .main_title{padding-bottom:30px;}
  .main_title h3{font-size:24px;}

  .main_banner{padding-top:60px;}
  .main_banner .main_text{top:55%; left:5%; width:50%;}
  .main_banner .main_link{top:55%;}
  .main_banner .main_link li{padding-bottom:4px;}
  .main_banner .main_link li a{font-size:11px;}

  .main_project{padding:40px 0;}
  .main_project .container .row{height:200px;}

  .main_brand{padding:40px 0;}
  .main_brand.banner{padding:20px 0;}
  .main_brand.banner .img_box img{width:90%;}
  .main_brand.banner .text_box.top{top:25%;}
  .main_brand.banner .text_box p.large{font-size:22px;}
  .main_brand.banner .text_box p.middle{font-size:28px;}
  .main_brand .text_box p.large{font-size:24px;}
  .main_brand .text_box p.middle{font-size:23px;}
  .main_brand .text_box p.small{font-size:16px;}

  .main_vision{padding:50px 0;}
  .main_vision .bg{width:55%; height:80%;}
  .main_vision .text_box p.large{font-size:23px;}
  .main_vision .text_box p.middle{font-size:13px;}
  .main_business{padding:50px 0;}
  .main_business .container .item_box{height:165px;}
  .main_business .container .item_box:hover{border:1px solid #333;}
  .main_business .container .item_box:hover img{transform:none;}

  .main_product{padding:40px 0 60px 0;}
  .main_product .container .item_box .img_box{height:400px;}
  .main_product .container .item_box .text_box h2{font-size:21px; font-weight:600;}
  .main_product .container .item_box .text_box p{font-size:16px;}

  .main_contact{padding:60px 0;}
  .main_contact .container .item_box{justify-content: flex-start;}
  .main_contact .container .item_box b{padding:10px 0;}
  .main_contact .container .item_box span{bottom:-5%;}

  .brand_story .intro .text_box p{font-size:12px;}
  .brand_story .ci .text_box p{font-size:12px;}
  .brand_story .ci .ci_color .color_box{flex-flow:wrap;}
  .brand_story .ci .ci_color .color_box .item_box{width:100%; padding:50px; margin-bottom:20px;}
  .brand_story .ci .ci_color .color_box .item_box .name{font-size:24px;}
  .brand_story .ci .ci_color .color_box .item_box ul li{font-size:14px;}

  .brand_story .sub_title h3{font-size:19px;}
  .brand_story .ci .title_text_box p{font-size:17px; width:100%;}
  .brand_story .ci .ci_color .color_box .item_box{padding:40px;}
  .brand_story .ci .ci_people .text_box p.large{font-size:24px; padding-bottom:10px;}
  .brand_story .ci .ci_people .text_box p.small{font-size:13px;}

  .patent .title h2{font-size:22px;}
  .patent .dec{font-size:14px;}
  .patent .sub .sub_title h3{font-size:20px;}
  .patent .patent_list ul li span{width:12%; font-size:10px;}
  .patent .patent_list ul li p{font-size:10px;}
  .patent .patent_list ul li .patent_name{width:54%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

  .place .title h2{font-size:28px;}
  .place .sub .item_box{flex-flow:wrap;}
  .place .sub .item_box .img_box{width:100%;}
  .place .sub .item_box .text_box{width:100%; padding-left:0; padding-top:20px; border-left:none;}

  .place .sub .item_box .text_box .info{position:static;}
  .place .sub .item_box .text_box .info span{font-size:18px;}
  .place .sub .item_box .text_box .info p{font-size:16px;}
  .place .sub .item_box .text_box .info div{padding-top:10px;}
  .place .sub .item_box .text_box div p.large{font-size:30px; line-height:normal;}

  .timeline .content_box li .item_box .img_box{width:44%;}
  .timeline .content_box li .item_box .text_box{width:44%;}
  .timeline .content_box li .item_box .text_box h3{font-size:34px; padding-bottom:15px;}
  .timeline .content_box li .item_box .text_box p{font-size:11px;}
  .timeline .middle_line{height:90.5%;}

  .business .container .item_box .text_box h4{font-size:16px;}
  .business .container .item_box .text_box p{font-size:11px;}
  .business .container .item_box span{width:50px; height:50px;}
  .business .container .item_box span i{font-size:23px;}

  .business01 .title h2{font-size:24px;}
  .business01 .text_box h4{font-size:18px;}
  .business01 .logo{padding:30px 30px;}

  .business02 .title h2{font-size:24px;}
  .business02 .sub_title h3{font-size:16px;}
  .business02 .detail .device_box .device{padding-bottom:30px;}
  .business02 .detail .device_box .device img{height:150px;}
  .business02 .detail .device_box .device span{font-size:12px; font-weight:400;}
  .business02 .detail .sort{margin:40px 0; font-size:16px; font-weight:500;}
  .business02 .detail .point li{font-size:11px;}

  .business03 .title h2{font-size:20px;}

  .business04{padding:60px 0;}
  .business04 .title{margin-bottom:30px;}

  .business05{padding:40px 0;}
  .business05 .title h2{font-size:26px;}

  .business06 .title h2{font-size:24px;}
  .business06 .sub_title h3{font-size:16px;}
  .business06 .detail .device_box .device{padding-bottom:30px;}
  .business06 .detail .device_box .device img{height:150px;}
  .business06 .detail .device_box .device span{font-size:12px; font-weight:400;}
  .business06 .detail .sort{margin:40px 0; font-size:16px; font-weight:500;}
  .business06 .detail .point li{font-size:11px;}

  .business07{padding:30px 0;}
  .business07 .title h2{font-size:26px;}
  .business07 .sub_title h3{font-size:16px;}
  .business07 .sub_title p{font-size:14px;}
  .business07 .detail h3{font-size:15px;}
  .business07 .detail p{font-size:13px; padding-top:20px;}

  .business08 .title h2{font-size:26px;}

  .business09 .detail .device_box .device{width:23%;}

  .business10 .title h2{font-size:24px;}
  .business10 .detail .device_box .device{width:23%;}
  .business10 .detail .device_box .device img{height:125px;}
  .business10 .detail h3{font-size:15px;}
  .business10 .detail p{font-size:13px; padding-top:20px;}
  
  .business11 .title h2{font-size:24px;}
  .business11 .detail h3{font-size:15px;}
  .business11 .detail p{font-size:13px; padding-top:20px;}
  .business11 .detail .device_box .device{width:23%;}

  .business12{padding:40px 0;}
  .business12 .detail .img_box{width:100%;}

  .detail .item_box .text_box p.large{font-size:30px;}
  .detail .item_box .text_box p.middle{font-size:18px;}
  .detail .item_box .text_box p.small{font-size:12px;}
  .detail .item_box .text_box p.small span{font-size:16px;}

  .product_bn{height:230px; margin-bottom:60px;}
  .product{padding:30px 0 60px 0;}
  .product .title h2{font-size:28px;}
  .product .product_list .item_box .text_box h3{font-size:13px; padding-bottom:5px;}
  .product .product_list .item_box .text_box p{font-size:13px;}

  .product_detail_bn{height:230px; margin-bottom:60px;}
  .product_detail .title h2{font-size:22px;}
  .product_detail .sub_title h3{font-size:18px;}
  .product_detail .sub_title h3 span{font-size:14px;}  
  .product_detail .detail>h3{font-size:13px;}
  .product_detail .detail ul h4{font-size:18px;}
  .product_detail .detail .spec li{font-size:13px; padding:6px;}
  .product_detail .detail .tip .container{padding:10px 0;}
  .product_detail .detail .tip .container .text_box p{font-size:12px; padding-bottom:20px;}
  .product_detail .detail .care li{font-size:12px;}
  .product_detail .detail .care i{font-size:12px;}
  .product_detail.src .detail .tip .img_box{width:100%;}
  .product_detail.uvc .detail{width:100%;}

  .contact .title h2{font-size:30px;}
  .contact .sub_title{width:95%;}
  .contact .sub_title h4{font-size:16px;}
  .contact .sub_title p{font-size:12px;}
  .contact .contact_box{width:95%;}
  .contact .contact_box form p span{width:20%; font-size:13px;}
  .contact .contact_box form p input{width:80%;}
  .contact .contact_box form p textarea{width:80%;}
  .check_popup{width:70%;}
  .check_popup .popup_top{padding-bottom:20px;}
  .check_popup .popup_top p.large{font-size:16px;}
  .check_popup .popup_top img{width:20px; height:20px;}
  .check_popup .popup_detail p.small{font-size:13px; padding-bottom:15px;}
  .check_popup .popup_detail p.middle{padding-bottom:15px;}


  .ask_list .center>.title h2{font-size:30px;}

  .news .board_title h2{font-size:28px;}
  .news .board_container .board_table .board_box{width:50%; height:280px;}
  .news .board_container .board_table .board_box .title{font-size:14px;}
  .news .board_container .board_table .board_box .sub_dec{font-size:12px;}
  .news .board_container .board_table .board_box .date{font-size:12px;}

  .news_detail .detail_button a{font-size:15px;}
  .news_detail .board_table .board_box h4{font-size:18px; padding-bottom:20px;}
  .news_detail .board_table .board_box span{font-size:14px;}
  .news_detail .board_table .board_box p{font-size:13px;}
  .news_detail .board_table .download_file b{font-size:14px;}

  .ex{padding:50px 0;}
  .ex .board_title h2{font-size:28px;}
  .ex .board_container .board_table .board_box{width:50%; height:280px;}
  .ex .board_container .board_table .board_box .title{font-size:14px;}
  .ex .board_container .board_table .board_box .sub_dec{font-size:12px;}
  .ex .board_container .board_table .board_box .date{font-size:12px;}

  .ex_detail .detail_button a{font-size:15px;}
  .ex_detail .board_table .board_box h4{font-size:18px; padding-bottom:20px;}
  .ex_detail .board_table .board_box span{font-size:14px;}
  .ex_detail .board_table .board_box p{font-size:13px;}

  .result{padding:40px 0;}
  .result .title{margin-bottom:35px;}
  .result .title h2{font-size:30px;}
  .result .result_tab li span{font-size:14px;}
  .result .result_detail .result_box .month{padding-top:20px;}
  .result .result_detail .result_box .month p{font-size:13px;}
  .result .category .slides_button .swiper-button-prev{left:-30px;}
  .result .category .slides_button .swiper-button-next{right:-30px;}

  .download{padding:50px 0;}
  .download .list li{margin-bottom:20px; padding:15px;}
  .download .list li p.sub{font-size:12px;}
  .download .list li p.name{font-size:14px;}
  .download .list li img{width:20px;}

  footer .footer_top .family h5{font-size:15px;}
  footer .footer_top ul{padding-top:5px;}
  footer .footer_top ul li{margin-right:25px;}
  footer .footer_top ul li a{font-size:13px;}
  footer .footer_middle{padding:10px 0 15px 0;}
  footer .footer_bottom .copy p{font-size:14px;}
  footer .footer_middle>ul li p.tel{font-size:12px;}

  .popup{width:65%; top:15%;}
  .popup .header_bar p{font-size:16px;}
  
  .section_bn{height:250px;}
  .section_bn .bn_title p{font-size:26px;}
}

@media screen and (max-width:500px){
  .center{max-width:450px;}

  header{padding-bottom:0;}
  header .container{height:60px;}
  header .logo{width:110px;}
  header .container .m_category{width:30px; height:22px;}
  header .container .m_category span{height:3px;}
  header .container .m_category.on span:nth-child(1){transform: rotate(45deg) translate(4px, 10px);}
  header .container .m_category.on span:nth-child(3){transform: rotate(-45deg) translate(5px, -10px);}

  .main_title h3{font-size:20px;}
  .main_title p{font-size:14px;}

  .main_banner .main_text{width:55%;}
  .main_banner .main_link{display:none;}
  .main_banner .swiper-slide .text_box img{height:7px;}

  .main_project{padding:30px 0;}
  .main_project .container .row{height:auto; flex-flow:wrap;}
  .main_project .container .row .item_box.first{width:100%; height:260px; padding:1%;}
  .main_project .container .row .item_box.second{width:100%; height:260px; padding:1%;}
  .main_project .container .row.first .item_box.first{border-right:1px solid #333;}
  .main_project .container .row.second .item_box.second{border-right:1px solid #333; border-bottom:0;}

  .main_product .container .item_box .text_box h2{font-size:22px;}
  .main_product .container .item_box .text_box p{font-size:14px;}
  .main_product .container .item_box .img_box{height:360px;}

  .main_vision .bg{width:100%; height:85%; opacity:0.3;}

  .main_brand{padding:30px 0;}
  .main_brand.banner{padding:10px 0;}
  .main_brand.banner .text_box p.large{font-size:20px;}
  .main_brand.banner .text_box.bottom{bottom:15%;}
  .main_brand.banner .text_box p.middle{font-size:26px;}
  .main_brand .text_box p.large{font-size:20px;}
  .main_brand .text_box p.middle{font-size:20px;}
  .main_brand .text_box p.small{font-size:13px;}

  .main_contact{padding:40px 0;}
  .main_contact .container{flex-flow:wrap;}
  /* .main_contact .container .item_box{width:49.5%; justify-content:space-between; padding:25px 0; height:105px;} */
  .main_contact .container .item_box{width:100%; justify-content:space-between; padding:25px 0; height:105px;}
  .main_contact .container .item_box:nth-child(1){width:100%; border-right:0; border-bottom:1px solid #555;}
  /* .main_contact .container .item_box:nth-child(2){border-right:1px solid #555;} */
  .main_contact .container .item_box b{font-size:14px; padding:0;}
  .main_contact .container .item_box p{font-size:15px;}
  .main_contact .container .item_box span{bottom:2%;}
  .main_contact img{padding-top:20px;}

  .brand_bn{height:450px;}
  .brand_bn .text_box h2{font-size:28px;}
  .brand_story{padding:50px 0;}
  .brand_story .intro{padding-bottom:50px;}
  .brand_story .ci .img_box{flex-flow:wrap;}
  .brand_story .ci .img_box img{width:100%;}

  .brand_story .ci .title_text_box p{font-size:15px;}
  .brand_story .sub_title h3{font-size:17px;}
  .brand_story .ci .ci_color .color_box .item_box{padding:30px;}
  .brand_story .ci .ci_people .item_box{flex-flow:wrap; margin-bottom:0;}
  .brand_story .ci .ci_people .item_box .img_box{width:100%;}
  .brand_story .ci .ci_people .item_box .text_box{width:100%;}
  
  .brand_story .ci .ci_people .item_box.even{flex-flow:wrap;}
  .brand_story .ci .ci_people .text_box{padding-bottom:10px; padding-top:20px;}
  .brand_story .ci .ci_people .text_box p.large{font-size:34px; padding-bottom:5px;}
  .brand_story .ci .ci_people .text_box p.small{font-size:15px;}

  .patent{padding:20px 0;}

  .place{padding:10px 0;}

  .timeline_bn{height:60vh;}
  .timeline_bn .text_box h2{font-size:28px;}
  .timeline_bn .text_box p{font-size:14px;}
  .timeline .title h2{font-size:34px;}
  .timeline .content_box li .item_box{flex-flow:wrap; justify-content:flex-end;}
  .timeline .content_box li .item_box .img_box{display:none;}
  .timeline .content_box li .item_box .text_box{width:80%; text-align:left;}
  .timeline .content_box li .item_box .text_box h3{font-size:30px;}
  .timeline .content_box li .item_box .text_box p{font-size:13px;}
  .timeline .content_box li.on .item_box .left{text-align:left;}
  .timeline .middle_line{left:7%; top:185px; height:92.5%;}
  .timeline .dot{left:6%; top:50px;}
  .timeline .dot.active{left:5%;}
  .timeline_bottom{height:400px;}
  .timeline_bottom .text_box h3{font-size:19px;}
    
  .business_bn{height:400px;}
  .business .title h2{font-size:24px;}
  .business .container .item_box.two{width:100%;}
  .business .container .item_box.three{width:100%;}
  .business .container .item_box .text_box h4{font-size:14px;}
  .business .container .item_box .text_box p{font-size:10px;}
  .business .container .item_box .img_box .bg{display:none;}
  .business .container .item_box:hover .img_box img{transform:none;}
  .business .container .item_box .text_box{opacity:1; transform:none; top:auto; position:relative; padding:20px 0;}
  .business .container .item_box .text_box h4{font-size:18px;}
  .business .container .item_box .text_box p{font-size:14px;}
  .business .container .item_box span{display:none;}

  .business01 .title{margin-bottom:30px;}
  .business01 .title h2{font-size:22px;}
  .business01 .text_box h4{font-size:16px;}
  .business01 .text_box p{font-size:12px;}
  .business01 .logo{padding:30px 30px;}

  .business02 .title{padding-top:30px;}
  .business02 .detail .device_box .device img{height:135px;}
  .business02 .detail .point li{font-size:10px; font-weight:300;}
  .business02 .detail .sort{font-size:14px;}

  .business03 .title{padding-top:30px;}

  .business04 .title{padding-top:30px;}
  .business04 .title h2{font-size:26px;}
  .business04 .sub_title h3{font-size:16px;}
  .business04 .sub_title p{font-size:13px;}
  .business04 .detail{width:100%;}

  .business05 .title{padding-top:30px;}
  .business05 .title h2{font-size:24px;}

  .business06 .title{padding-top:30px;}
  .business06 .detail .device_box .device img{height:135px;}
  .business06 .detail .point li{font-size:10px; font-weight:300;}
  .business06 .detail .sort{font-size:14px;}

  .business07 .title{padding-top:30px;}
  .business07 .title h2{font-size:22px;}
  .business07 .sub_title{padding-bottom:20px;}
  .business07 .sub_title h3{font-size:16px;}
  .business07 .detail p{font-size:12px;}

  .business08 .title{padding-top:30px;}
  .business08 .detail{width:100%;}

  .business09 .title{padding-top:30px;}
  .business09 .detail .device_box .device img{height:140px;}
  .business09 .detail .device_box .device span{font-size:11px;}
  .business09 .detail p{font-size:12px;}

  .business10{padding:30px 0;}
  .business10 .title{padding-top:30px;}
  .business10 .title h2{font-size:22px;}
  .business10 .sub_title{padding-bottom:20px;}
  .business10 .sub_title h3{font-size:16px;}
  .business10 .detail .device_box .device{width:23%;}
  .business10 .detail .device_box .device img{height:100px;}
  .business10 .detail .device_box .device span{font-size:11px;}
  .business10 .detail h3{font-size:13px;}
  .business10 .detail p{font-size:12px;}
  .business10 .detail .sort{font-size:14px;}

  .business11{padding:30px 0;}
  .business11 .title{padding-top:30px;}
  .business11 .title h2{font-size:22px;}
  .business11 .sub_title{padding-bottom:20px;}
  .business11 .sub_title h3{font-size:16px;}
  .business11 .detail .device_box .device img{height:140px;}
  .business11 .detail .device_box .device span{font-size:11px;}
  .business11 .detail p{font-size:12px;}

  .detail .item_box .text_box{width:75%;}
  .detail .item_box .text_box p.large{font-size:24px;}
  .detail .item_box .text_box p.middle{font-size:15px;}
  .detail .item_box .text_box p.small{font-size:10px;}
  .detail .item_box .text_box p.small span{font-size:12px;}

  .product_bn{height:180px; margin-bottom:70px;}
  .product .title h2{font-size:26px;}
  .product .product_list .item_box{width:100%; padding:50px;}
  .product .product_list .item_box:hover{transform:none;}
  .product .product_list .item_box .text_box h3{font-size:18px; padding-bottom:10px;}
  .product .product_list .item_box .img_box{height:80%;}
  .product .product_list .item_box .text_box p{font-size:14px;}
  
  .product_detail_bn{height:180px; margin-bottom:70px;}
  .product_detail .title{margin-bottom:30px;}
  .product_detail .title h2{font-size:20px;}
  .product_detail .sub_title h3{font-size:16px;}
  .product_detail .sub_title h3 span{font-size:12px;}
  .product_detail .detail>h3{font-size:12px;}
  .product_detail .detail ul h4{font-size:16px;}
  .product_detail .detail .spec{padding-bottom:25px;}
  .product_detail .detail .spec li{font-size:12px; padding:4px;}
  .product_detail .detail .tip .container{flex-flow:wrap;}
  .product_detail .detail .tip .container .text_box{width:100%;}
  .product_detail .detail .tip .container .text_box p{font-size:12px; padding-bottom:10px;}
  .product_detail .detail .tip .container .img_box{width:100%;}
  .product_detail .detail .tip .container .img_box img{width:50%;}
  .product_detail .detail .care li{font-size:10px; padding:5px;}
  .product_detail .detail ul{padding-bottom:30px;}

  .contact{padding:30px 0;}
  .contact .title h2{font-size:26px;}
  .contact .title h2::after{height:3px;}
  .contact .sub_title{width:100%;}
  .contact .sub_title h4{font-size:15px;}
  .contact .sub_title p{font-size:14px;}
  .contact .sub_title b{font-size:13px;}
  .contact .contact_box{width:100%;}
  .contact .contact_box form p span{width:20%; font-size:13px;}
  .contact .contact_box form p input{width:80%; padding:10px 15px;}
  .contact .contact_box form p textarea{width:80%;}
  .contact .contact_box form button{padding:15px 40px;}
  .contact .contact_box p.policy span.policy_view{font-size:13px;}
  
  .check_popup .popup_top p.large{font-size:14px;}
  .check_popup .popup_top img{width:18px; height:18px; top:2px;}
  .check_popup .popup_detail p.small{font-size:11px; padding-bottom:10px;}
  .check_popup .popup_detail p.middle{font-size:12px; font-weight:500; padding-bottom:10px;}

  .ask_list{padding:30px 0;}
  .ask_list .center>.title h2{font-size:26px;}
  .ask_list .center>.title h2::after{height:3px;}
  .ask_list .ask_board .board_list{padding:15px 0;}
  .ask_list .ask_board .board_list span{font-size:13px;}
  .ask_list .ask_board .board_list .comment b{font-size:13px;}
  .ask_list .ask_board .board_list .comment p{font-size:13px;}
  .ask_list .numbering span{width:30px; height:30px; line-height:30px;}

  .news{padding:30px 0;}
  .news .board_title h2{font-size:26px; padding-bottom:10px;}
  .news .board_title h2::after{height:3px;}
  .news .board_container .board_table .board_box{height:240px;}
  .news .board_container .board_table .board_box .title{font-size:13px;}
  .news .board_container .board_table .board_box .sub_dec{font-size:11px;}
  .news .board_container .board_table .board_box .date{font-size:11px;}

  .news_detail .detail_button a{font-size:14px;}
  .news_detail .board_table .board_box h4{font-size:16px;}
  .news_detail .board_table .download_file a{font-size:13px;}

  .ex{padding:30px 0;}
  .ex .board_title h2{font-size:26px; padding-bottom:10px;}
  .ex .board_title h2::after{height:3px;}
  .ex .board_container .board_table .board_box{height:240px;}
  .ex .board_container .board_table .board_box .title{font-size:13px;}
  .ex .board_container .board_table .board_box .sub_dec{font-size:11px;}
  .ex .board_container .board_table .board_box .date{font-size:11px;}

  .ex_detail .detail_button a{font-size:14px;}
  .ex_detail .board_table .board_box h4{font-size:16px;}

  .result .title h2{font-size:26px;}
  .result .title h2::after{height:3px;}
  .result .result_tab li{padding:8px 0; width:13%;}
  .result .result_tab li span{font-size:12px;}
  .result .logo img{width:200px;}
  .result .result_detail .result_box .month p{font-size:12px;}
  .result .category .slides_button .swiper-button-prev{left:0;}
  .result .category .slides_button .swiper-button-next{right:0;}
  .result .category .slides_button .swiper-button-next:after, .result .category .slides_button .swiper-button-prev:after{font-size:18px;}

  .download{padding:30px 0;}
  .download .list li{margin-bottom:20px; padding:15px;}
  .download .list li p.sub{font-size:14px;}
  .download .list li p.name{font-size:12px;}
  .download .list li img{width:20px;}

  footer .footer_top .logo img{width:200px; margin-bottom:10px;}
  footer .footer_top .family{display:none;}
  footer .footer_middle>ul li p{font-size:16px;}
  footer .footer_middle>ul li p.tel{font-size:12px;}
  
  .popup .header_bar p{font-size:13px; line-height:30px;}
  .popup .header_bar .close_box i{font-size:20px;}
  .popup .bottom_button{bottom:-20.5%;}
  /* .popup .bottom_button a{font-size:18px;} */
  .popup .today_close{bottom:-26.5%;}

  .board_list_box .board_list span.tel{display:none;}
  .board_list_box .board_list span.name{width:20%;}
  .board_list_box .board_list span.title{width:30%;}
  .board_list_box .board_list span.day{width:20%;}
  .board_list_box .board_list span.email{width:20%;}

  .admin_detail .board_table .board_box{padding:10px;}
  .admin_detail .board_table .board_box .info{padding:0; border:none;}
  .admin_detail .board_table .board_box .info p span.customer{font-size:13px; padding:5px 0 0 0;}
  .admin_detail .board_table .detail p{font-size:12px;}
  .admin_detail .board_table .detail .content{padding:5px; font-size:13px; margin-top:5px;}
  .admin_detail .board_table .detail .file_img{padding:0 5px;}
  .admin_detail .board_table .detail .file_img span{font-size:12px;}
  .admin_detail .board_table .detail .file_img span.file{padding:5px 0;}
  .admin_detail .board_table .comment p{font-size:12px;}
  .admin_detail .board_table .comment input{font-size:12px;}
  .admin_detail .board_btn{font-size:11px; padding:5px 20px;}

  .section_bn{height:240px;}
  .section_bn .bn_title p{font-size:24px;}

  .overview{padding-top:60px;}
}

@media screen and (max-width:450px){
  .center{max-width:400px;}

  .main_project .container .item_box .text_box h3{font-size:18px;}

  .main_title h3{font-size:18px; padding-left:10px;}
  .main_title h3::before{width:3px;}

  .main_bn{padding-top:60px;}

  .company{padding:30px 0 0 0;}

  .main_banner{height:300px;}
  .main_banner .swiper-slide img{height:100%;}
  .main_banner .main_text{width:65%; top:55%;}

  .main_brand.banner .text_box p.large{font-size:16px;}
  .main_brand.banner .text_box p.middle{font-size:20px;}
  .main_brand .text_box.top{left:5%;}
  .main_brand .text_box p.large{font-size:16px;}
  .main_brand .text_box p.middle{font-size:17px;}

  .main_project .container .row .item_box.first{height:230px;}
  .main_project .container .row .item_box.second{height:230px;}

  .main_product .container .item_box .img_box{height:320px;}
  .main_product .container .item_box .text_box h2{font-size:20px;}
  .main_product .container .item_box .text_box p{font-size:13px;}

  .main_vision{padding:30px 0;}
  .main_vision .bg{width:45%; height:90%; opacity:0.3;}
  .main_vision .text_box .kor{padding-top:15px;}
  .main_vision .text_box p.large{font-size:18px;}
  .main_vision .text_box p.middle{font-size:11px;}
  .main_business{padding:30px 0;}
  .main_business .container .item_box{width:100%; height:auto;}

  .main_contact .container .item_box{padding:20px 0;}
  .main_contact .container .item_box i{font-size:34px;}
  .main_contact .container .item_box b{font-size:14px;}

  .company{padding:70px 0 0 0;}

  .brand_story .intro .text_box h3{font-size:16px;}
  .brand_story .ci .ci_color .color_box .item_box{height:350px; padding:30px;}
  .brand_story .ci .ci_people .text_box p.large{font-size:30px;}
  .brand_story .ci .ci_people .text_box p.small{font-size:15px;}

  .patent .title{margin-bottom:30px;}
  .patent .title::after{height:2px;}
  .patent .sub .sub_title h3{font-size:18px; margin:20px 0;}
  .patent .patent_list ul li{flex-flow:wrap;}
  .patent .patent_list ul li span{width:20%; font-size:11px;}
  .patent .patent_list ul li p{font-size:11px;}
  .patent .patent_list ul li .patent_number{width:80%;}
  .patent .patent_list ul li .patent_name{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

  .place .title h2{font-size:24px;}
  .place .sub .item_box .text_box div p.large{font-size:26px;}

  .timeline_bottom{height:350px;}
  .timeline_bottom .text_box h3{font-size:22px;}

  .business02{padding:30px 0;}
  .business02 .title{margin-bottom:25px;}
  .business02 .title::after{height:2px;}
  .business02 .title h2{font-size:22px;}
  .business02 .sub_title h3{font-size:14px;}
  .business02 .sub_title p{font-size:12px; font-weight:300;}
  .business02 .detail .device_box{justify-content:center; flex-flow:wrap;}
  .business02 .detail .device_box .device{width:100%; margin-bottom:0px;}
  .business02 .detail .device_box .device img{height:360px;}
  .business02 .detail .device_box .device span{font-size:18px; font-weight:300;}
  .business02 .detail .sort{font-size:18px; font-weight:400;}
  .business02 .detail .point li{font-size:12px;}

  .business06{padding:30px 0;}
  .business06 .title{margin-bottom:25px;}
  .business06 .title::after{height:2px;}
  .business06 .title h2{font-size:22px;}
  .business06 .sub_title h3{font-size:14px;}
  .business06 .sub_title p{font-size:12px; font-weight:300;}
  .business06 .detail .device_box{justify-content:center; flex-flow:wrap;}
  .business06 .detail .device_box .device{width:100%; margin-bottom:30px;}
  .business06 .detail .device_box .device img{height:330px;}
  .business06 .detail .device_box .device span{font-size:18px; font-weight:300;}
  .business06 .detail .sort{font-size:18px; font-weight:400;}
  .business06 .detail .point li{font-size:12px;}

  .business07 .title h2{font-size:24px;}
  .business07 .detail .sort{font-size:18px; font-weight:400;}
  .business07 .detail .point li{font-size:12px;}

  .business08 .title h2{font-size:24px;}

  .detail .item_box .text_box{width:80%; left:5%;}
  .detail .item_box .text_box p.large{font-size:22px;}
  .detail .item_box .text_box p.middle{font-size:14px;}

  .product .title h2{font-size:24px;}

  .product_detail_bn{height:350px;}
  .product_detail{padding:0 0 30px 0;}
  .product_detail .title h2{font-size:18px;}
  .product_detail .title::after{height:2px;}
  .product_detail .title{margin-bottom:25px;}
  .product_detail .detail .spec li{font-size:11px;}
  .product_detail .detail>.img_box img{width:60%;}
  .product_detail_bn.uvc{height:250px; margin-top:70px;}

  .contact .title{padding:5px 0; margin-bottom:15px;}
  .contact .title h2{font-size:20px;}
  .contact .title h2::after{height:2px;}
  .contact .sub_title{width:100%;}
  .contact .sub_title h4{font-size:13px;}
  .contact .sub_title p{font-size:11px;}
  .contact .contact_box{padding:20px 0;}
  .contact .contact_box form p{margin-bottom:15px;}
  .contact .contact_box form p span{width:15%; font-size:10px; padding-right:10px; text-align:left;}
  .contact .contact_box form p input{width:85%; padding:10px 15px; font-size:10px;}
  .contact .contact_box form p textarea{width:85%; font-size:10px;}
  .contact .contact_box form p textarea::placeholder{font-size:11px;}
  .contact .contact_box form button{padding:10px 25px; font-size:12px;}
  .contact .contact_box p.policy span.policy_check b{font-size:11px;}
  .contact .contact_box p.policy span.policy_view{font-size:11px; width:50px; padding-bottom:3px;}
  .contact .contact_box p.policy span.policy_check input + label:before{width:15px; height:15px;}
  .check_popup{padding:20px;}
  .check_popup .popup_detail p.small{font-size:10px;}

  .ask_list .center>.title{padding:5px 0; margin-bottom:15px;}
  .ask_list .center>.title h2{font-size:20px;}
  .ask_list .center>.title h2::after{height:2px;}

  .result .title h2{font-size:20px;}
  .result .title h2::after{height:2px;}

  .news .board_title{margin-bottom:20px;}
  .news .board_container .board_table .board_box{height:200px;}
  .news .board_container .board_table .board_box .title{font-size:11px; width:85%;}
  .news .board_container .board_table .board_box .sub_dec{font-size:10px; padding-top:20px;}

  .news_detail .detail_button a{font-size:13px;}
  .news_detail .board_table .board_box span{font-size:12px; padding-bottom:20px;}
  .news_detail .board_table .board_box h4{font-size:14px;}
  .news_detail .board_table .board_box p{font-size:11px;}
  .news_detail .board_table .download_file b{font-size:13px;}
  
  .ex .board_title{margin-bottom:20px;}
  .ex .board_container .board_table .board_box{height:200px;}
  .ex .board_container .board_table .board_box .title{font-size:11px; width:85%;}
  .ex .board_container .board_table .board_box .sub_dec{font-size:10px; padding-top:20px;}

  .ex_detail .detail_button a{font-size:13px;}
  .ex_detail .board_table .board_box span{font-size:12px; padding-bottom:20px;}
  .ex_detail .board_table .board_box h4{font-size:14px;}
  .ex_detail .board_table .board_box p{font-size:11px;}

  .download .title h3{font-size:18px;}
  .download .list li{width:100%; padding:15px 20px;}
  .download .list li p.sub{font-size:14px;}
  .download .list li p.name{font-size:16px;}
  .download .list li img{width:30px;}

  footer{padding:30px 0;}
  footer .footer_top .logo img{width:120px; left:-20px;}
  footer .footer_middle>ul li p{font-size:14px;}
  footer .footer_middle>ul li p.tel{font-size:12px;}
  footer .footer_bottom .copy p{font-size:13px;}
 
  .popup{width:75%;}
  .popup .header_bar{padding:5px 0;}
  .popup .header_bar p{font-size:11px;}
  .popup .header_bar .close_box i{font-size:16px;}
  .popup .bottom_button{bottom:-16%; box-sizing:unset;}

  .popup .today_close{bottom:-22.5%;}

  .section_bn{height:220px;}
  .section_bn .bn_title p{font-size:22px;}
}

@media screen and (max-width:400px){
  .center{max-width:350px;}

  .main_title h3{font-size:16px; font-weight:500;}
  .main_title h3::before{width:2px;}

  .main_brand .text_box p.large{font-size:15px;}
  .main_brand .text_box p.middle{font-size:14px;}
  .main_brand .text_box p.small{font-size:12px;}

  .main_product{padding:40px 0 60px 0;}
  .main_product .container .item_box .img_box{height:280px;}
  .main_product .container .item_box .text_box h2{font-size:18px;}

  .main_project .container .row .item_box.first{height:210px;}
  .main_project .container .row .item_box.second{height:210px;}

  .main_vision .text_box p.large{font-size:17px;}
  .main_vision .text_box p.middle{font-size:10px;}

  .main_contact{padding:40px 0;}
  .main_contact .container .item_box{height:80px; padding:20px 0;}
  .main_contact .container .item_box i{font-size:24px;}
  .main_contact .container .item_box p{font-size:13px;}

  .brand_bn{height:370px;}
  .brand_story .sub_title{padding:15px 0;}
  .brand_story .sub_title h3{font-size:18px;}
  .brand_story .ci .text_box p{font-size:11px;}
  .brand_story .ci .ci_color .color_box .item_box{height:300px;}
  .brand_story .ci .ci_color .color_box .item_box .name{font-size:20px;}
  .brand_story .ci .ci_color .color_box .item_box ul li{font-size:12px;}

  .brand_story .sub_title h3{font-size:16px;}
  .brand_story .ci .title_text_box p{font-size:13px;}
  .brand_story .ci .ci_color>.text_box p{font-size:11px;}
  .brand_story .ci .ci_people .text_box p.large{font-size:28px;}
  .brand_story .ci .ci_people .text_box p.small{font-size:13px;}

  .patent .title{margin-bottom:35px;}
  .patent .title h2{font-size:20px;}
  .patent .dec{font-size:13px;}

  .place .title h2{font-size:20px;}
  .place .sub .item_box .text_box .info b{font-size:11px;}

  .timeline_bn .text_box h2{font-size:24px; padding-bottom:15px;}
  .timeline_bn .text_box p{font-size:12px;}
  .timeline{padding:60px 0;}
  .timeline .title h2{font-size:28px;}
  .timeline .content_box li .item_box .text_box h3{font-size:26px;}
  .timeline .content_box li .item_box .text_box p{font-size:11px;}
  .timeline .middle_line{height:92.1%;}

  .business .title h2{font-size:21px;}
  .business .container .item_box .text_box h4{font-size:16px; padding-bottom:8px;}
  .business .container .item_box .text_box p{font-size:12px; padding-bottom:3px;}

  .business01 .title h2{font-size:20px;}
  .business01 .text_box h4{font-size:14px;}
  .business01 .text_box p{font-size:11px;}
  .business01 .video{margin:30px 0;}

  .business02 .title h2{font-size:20px;}
  .business02 .detail .device_box .device img{height:350px;}

  .business03{padding:30px 0;}
  .business03 .title h2{font-size:18px;}
  .business03 .sub_title h3{font-size:14px;}

  .business04{padding:30px 0;}
  .business04 .title h2{font-size:20px;}

  .business05 .title h2{font-size:20px;}
  .business05 .sub_title h3{font-size:16px;}

  .business06 .title h2{font-size:20px;}

  .business07 .title h2{font-size:20px;}
  .business07 .sub_title h3{font-size:15px;}
  .business07 .sub_title p{font-size:13px;}
  .business07 .detail h3{font-size:14px;}
  .business07 .detail p{font-size:11px;}
  .business07 .detail .sort{font-size:13px;}
  .business07 .detail .point li{font-size:10px; margin-bottom:10px;}

  .business08 .title h2{font-size:20px;}

  .business09{padding:30px 0;}
  .business09 .title h2{font-size:20px;}
  .business09 .detail .device_box{flex-flow:wrap;}
  .business09 .detail .device_box .device{width:49%;}
  .business09 .detail .device_box .device img{height:160px;}
  .business09 .detail .device_box .device span{font-size:14px;}
  .business09 .detail .sort{font-size:13px;}
  .business09 .detail .point li{font-size:10px; margin-bottom:10px;}

  .business10{padding:30px 0;}
  .business10 .title h2{font-size:20px;}
  .business10 .detail .device_box{flex-flow:wrap;}
  .business10 .detail .device_box .device{width:49%;}
  .business10 .detail .device_box .device img{height:160px;}
  .business10 .detail .device_box .device span{font-size:12px;}
  .business10 .detail .sort{font-size:14px;}
  .business10 .detail p{font-size:10px;}
  .business10 .detail h3{font-size:10px; font-weight:500;}

  .business11{padding:30px 0;}
  .business11 .title h2{font-size:20px;}
  .business11 .detail .device_box{flex-flow:wrap;}
  .business11 .detail .device_box .device{width:49%;}
  .business11 .detail .device_box .device img{height:160px;}
  .business11 .detail .device_box .device span{font-size:14px;}
  .business11 .detail .sort{font-size:13px;}
  .business11 .detail .point li{font-size:10px; margin-bottom:10px;}

  .detail .item_box .text_box{width:85%;}
  .detail .item_box .text_box p.large{font-size:18px; padding:5px 0;}
  .detail .item_box .text_box p.small{padding-bottom:10px;}

  .product_bn{height:150px; margin-top:90px; margin-bottom:40px;}
  .product .product_list .item_box{padding:35px;}
  .product .product_list .item_box .img_box{height:70%;}
  .product .product_list .item_box .text_box h3{font-size:16px;}
  .product .product_list .item_box .text_box p{font-size:13px;}

  .product_detail_bn{height:150px; margin-top:90px; margin-bottom:40px;}
  .product_detail_bn.uvcb{margin-top:70px; margin-bottom:0;}
  .product_detail .detail ul h4{font-size:13px; margin-bottom:10px;}
  .product_detail .detail .spec li{font-size:10px; padding:3px;}
  .product_detail .detail ul h4{padding-left:15px;}
  .product_detail .detail ul h4::after{left:5px;}
  .product_detail .detail .tip .container .text_box p{font-size:10px; padding-bottom:5px;}
  .product_detail .detail .care i{font-size:9px;}
  .product_detail .detail .care li{font-size:9px;}

  .contact{padding:20px 0;}
  .contact .title h2{font-size:18px;}
  .contact .title h2::after{height:2px;}
  .contact .sub_title{width:100%;}
  .contact .sub_title h4{font-size:12px;}
  .contact .sub_title p{font-size:11px;}
  .contact .sub_title b{font-size:11px;}
  .contact .contact_box form p span{width:20%;}
  .contact .contact_box form p input{width:80%; font-size:9px;}
  .contact .contact_box form p textarea{width:80%;}
  .contact .contact_box form p textarea::placeholder{font-size:10px;}
  .contact .contact_box form label{padding:5px 10px;}
  .contact .contact_box form label i{font-size:14px;}
  .check_popup{width:90%;}
  .check_popup .popup_top p.large{font-size:12px;}
  .check_popup .popup_top img{top:0;}
  .check_popup .popup_detail p.middle{font-size:11px;}

  .ask_list{padding:20px 0;}
  .ask_list .center>.title h2{font-size:18px;}
  .ask_list .ask_board .board_list span.day{width:25%;}
  .ask_list .center>.title{margin-bottom:15px;}

  .result .title h2{font-size:18px;}
  .result .title h2::after{height:2px;}
  .result .category .slides_button .swiper-button-next:after, .result .category .slides_button .swiper-button-prev:after{font-size:16px;}
  

  .news .board_title{margin-bottom:10px;}
  .news .board_title h2{font-size:20px;}
  .news .board_container .board_table .board_box{padding:15px;}
  .news .board_container .board_table .board_box i{font-size:10px; top:20px; right:10px;}
  .news .board_container .board_table .board_box .title{font-weight:600;}
  .news .board_container .board_table .board_box .sub_dec{font-size:9px;}
  .news .board_container .board_table .board_box .date{font-size:10px; bottom:15px; left:15px;}
  .news .board_container .numbering span{font-size:14px; width:15px;}

  .news_detail{padding:30px 0;}
  .news_detail .board_table .board_box h4{font-size:12px;}
  .news_detail .board_table .board_box span{font-size:10px;}
  .news_detail .board_table .board_box p{font-size:10px; padding-top:15px;}
  .news_detail .board_table .download_file{padding-top:20px;}
  .news_detail .board_table .download_file b{font-size:12px;}
  .news_detail .detail_button a{font-size:12px;}
  .news_detail .board_table .download_file a{font-size:11px;}

  .ex .board_title{margin-bottom:10px;}
  .ex .board_title h2{font-size:20px;}
  .ex .board_container .board_table .board_box{padding:15px;}
  .ex .board_container .board_table .board_box i{font-size:10px; top:20px; right:10px;}
  .ex .board_container .board_table .board_box .title{font-weight:600;}
  .ex .board_container .board_table .board_box .sub_dec{font-size:9px;}
  .ex .board_container .board_table .board_box .date{font-size:10px; bottom:15px; left:15px;}
  .ex .board_container .numbering span{font-size:14px; width:15px;}

  .ex_detail{padding:30px 0;}
  .ex_detail .board_table .board_box h4{font-size:12px;}
  .ex_detail .board_table .board_box span{font-size:10px;}
  .ex_detail .board_table .board_box p{font-size:10px; padding-top:15px;}

  .result .result_tab li span{font-size:10px;}
  .result .logo img{width:160px;}
  .result .result_detail .result_box .month h3{padding-bottom:10px;}
  .result .result_detail .result_box .month p{font-size:11px;}

  footer .footer_top .logo img{width:150px; left:-10px;}
  footer .footer_middle>ul li p{font-size:13px;}
  footer .footer_middle>ul li p.tel{font-size:12px;}
  footer .footer_middle>ul li span{font-size:11px;}
  footer .footer_bottom .copy p{font-size:12px;}

  .section_bn{height:200px;}
  .section_bn .bn_title p{font-size:18px;}
}

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

  .center{max-width:300px;}

  .main_title h3{font-size:17px;}
  .main_title p{font-size:12px;}

  .main_banner{height:270px;}
  .main_banner .main_text{width:70%; left:7%;}

  .main_brand.banner .text_box p.large{font-size:14px;}
  .main_brand.banner .text_box p.middle{font-size:19px;}
  .main_brand .text_box p.large{font-size:13px;}
  .main_brand .text_box p.middle{font-size:13px;}
  .main_brand .text_box p.small{font-size:11px;}

  .main_product .container .item_box .img_box{height:230px;}
  .main_product .container .item_box .text_box h2{font-size:14px;}
  .main_product .container .item_box .text_box p{font-size:11px; padding-top:8px;}

  .main_vision .bg{width:40%; height:100%;}
  .main_vision .text_box p.large{font-size:15px;}
  .main_vision .text_box p.middle{font-size:9px;}

  .main_contact .container .item_box b{font-size:13px;}
  .main_contact .container .item_box i{font-size:22px;}
  .main_contact .container .item_box p{font-size:12px;}
  .main_contact .container .item_box span{bottom:0%;}
  
  .brand_bn{height:320px;}
  .brand_bn .text_box h2{font-size:20px;}
  .brand_story .sub_title h3{font-size:16px;}
  .brand_story .ci .ci_color .color_box .item_box .name{font-size:18px;}
  .brand_story .ci .ci_color .color_box .item_box ul li{font-size:11px;}
  .brand_story .ci_people{padding:20px 0;}

  .brand_story .ci_intro{padding:15px 0;}
  .brand_story .ci .title_text_box p{font-size:12px;}
  .brand_story .ci .ci_color>.text_box{padding:15px 0;}
  .brand_story .ci .ci_color>.text_box p{font-size:10px;}
  .brand_story .ci .ci_color .color_box .item_box{padding:20px;}
  .brand_story .ci .ci_people .text_box p.large{font-size:26px;}
  .brand_story .ci .ci_people .text_box p.small{font-size:12px;}

  .patent .patent_list ul li span{font-size:10px;}
  .patent .patent_list ul li p{font-size:10px;}

  .place .title h2{font-size:22px;}
  .place .title::after{height:2px;}
  .place .sub .item_box .text_box div p.large{font-size:22px;}
  .place .sub .item_box .text_box .info span{font-size:16px;}
  .place .sub .item_box .text_box .info p{font-size:13px;}

  .timeline_bn .text_box p{font-size:18px;}
  .timeline .middle_line{height:92.2%;}

  .business{padding:30px 0;}
  .business .title{margin-bottom:30px;}
  .business .title h2{font-size:18px;}
  .business .container .item_box .text_box h4{font-size:13px; font-weight:500;}
  .business .container .item_box .text_box p{font-size:10px;}

  .business01{padding:30px 0;}
  .business01 .title{margin-bottom:15px;}
  .business01 .title h2{font-size:18px;}
  .business01 .logo{padding:20px 15px;}
  .business01 .text_box h4{font-size:13px;}
  .business01 .text_box p{font-size:10px;}

  .business02 .detail .device_box .device img{height:350px;}

  .business05{padding:20px 0;}
  .business05 .title{margin-bottom:30px;}
  .business05 .title h2{font-size:18px;}
  .business05 .sub_title h3{font-size:14px;}
  
  .business07 .title h2{font-size:18px;}

  .business08 .title h2{font-size:18px;}

  .business10 .title h2{font-size:17px;}
  .business10 .detail .device_box .device{width:48%; padding-bottom:20px;}
  .business10 .detail .device_box .device img{height:130px;}

  .business11 .title h2{font-size:17px;}

  .detail .item_box .text_box p.large{font-size:13px;}
  .detail .item_box .text_box p.middle{font-size:10px;}
  .detail .item_box .text_box p.small{font-size:8px;}
  .detail .item_box .text_box p.small span{font-size:10px;}

  .product_bn{height:120px; margin-bottom:40px;}
  .product .title h2{font-size:21px;}
  .product .product_list .item_box .text_box h3{font-size:14px;}
  .product .product_list .item_box .text_box p{font-size:11px;}

  .product_detail_bn{height:120px; margin-bottom:40px;}
  .product_detail .detail .spec li{font-size:9px; padding:1px;}

  .contact .title h2{font-size:16px;}
  .contact .sub_title h4{font-size:11px; width:auto;}
  .contact .sub_title p{font-size:10px;}
  .contact .contact_box form p span{padding-right:0;}
  .contact .contact_box p.policy span.policy_view{font-size:10px; width:45px; padding-bottom:0;}

  .ask_list .center>.title h2{font-size:16px;}
  .ask_list .ask_board .board_list{padding:10px 0;}
  .ask_list .ask_board .board_list span{font-size:11px;}
  .ask_list .ask_board .board_list .comment b{font-size:11px;}
  .ask_list .ask_board .board_list .comment p{font-size:11px;}

  .news .board_title h2{font-size:18px;}
  .news .board_container .board_table .board_box .title{font-size:10px;}
  .news .board_container .board_table .board_box i{display:none;}
  .news .board_container .board_table .board_box .sub_dec{font-size:8px;}
  .news .board_container .board_table .board_box .date{font-size:9px;}
  .news .board_container .numbering span{font-size:13px; width:12px;}

  .news_detail .board_table .download_file a{font-size:10px;}

  .ex .board_title h2{font-size:18px;}
  .ex .board_container .board_table .board_box .title{font-size:10px;}
  .ex .board_container .board_table .board_box i{display:none;}
  .ex .board_container .board_table .board_box .sub_dec{font-size:8px;}
  .ex .board_container .board_table .board_box .date{font-size:9px;}
  .ex .board_container .numbering span{font-size:13px; width:12px;}

  .result{padding:20px 0;}
  .result .title{padding:10px 0; margin-bottom:25px;}
  .result .title h2{font-size:16px;}
  .result .result_tab li{padding:5px 0;}
  .result .result_tab li span{font-size:10px;}
  .result .result_detail .result_box .month p{font-size:10px;}
  .result .result_detail .result_box .month h3{font-size:18px;}

  footer .footer_top .logo img{width:120px; left:-10px;}
  footer .footer_middle>ul li p{font-size:11px;}
  footer .footer_bottom .copy p{font-size:10px;}
  
  .popup{width:80%; top:12%;}
  .popup .header_bar p{font-size:10px;}
  .popup .header_bar .close_box i{font-size:14px;}
  .popup .bottom_button a{font-size:14px;}
  
}