/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens 1200px */
@media only screen and (max-width: 1200px) {
  html {
    font-size: 56%;
  }
  header .nav_list {
    margin-left: 35px;
  }
  .index_solution__body .solution_list li dl dd.s_2 .in_box {
    padding: 20px;
  }
  .index_news__body .news_list li.s_2 dl dd a {
    padding: 15px 10px;
    height: 149px;
  }
  .pro_index_con li.active .title h5 {
    font-size: 20px;
  }
}

/* Large Devices, Wide Screens 1200px */
/* Small Devices, Tablets 820px */
@media only screen and (max-width: 1200px) {
  .mobile_show {
    display: block !important;
  }
  .pc_show {
    display: none;
  }
  header .tools_bar .mobile_menu_btn {
    display: inline-block;
  }
  html {
    font-size: 53%;
  }
  header .nav_list {
    display: none;
  }
  .inner_kv__body {
    height: 300px;
  }
  .inner_kv__body .kv {
    height: 100%;
    object-fit: cover;
  }
  .index_title b {
    display: none;
  }
  .index_title span {
    font-size: 30px;
    font-weight: 700;
  }
  .index_title a {
    font-size: 20px;
  }
  .index_pro__body, .index_solution__body, .index_news__body {
    padding: 50px 0;
  }
  .index_pro__body .pro_list li {
    width: calc(50% - 15px);
  }
  .index_pro__body .pro_list li:nth-child(2n) {
    margin-right: 0;
  }
  .index_solution__body .solution_list li {
    width: 100%;
    padding-right: 0 !important;
    margin-bottom: 30px;
  }
  .index_news__body .news_list li.s_1 {
    width: 100%;
    margin: 0 0 25px 0;
  }
  .index_news__body .news_list li.s_2 {
    width: 100%;
  }
  footer .footer_list li {
    width: 33.33% !important;
    margin-bottom: 30px;
  }
  .news_list li a .img_con {
    width: 250px;
  }
  .news_list li a .txt_con {
    padding-left: 30px;
    width: calc(100% - 250px);
  }
  .news_list li a .txt_con h6 {
    left: 30px;
  }
  .report_foncus__con a.in_box .mask p {
    left: 15px;
    right: 15px;
    bottom: 15px;
    font-size: 16px;
  }
  .pro_details_nav__body .left_con, .sol_details__body .box .title {
    width: 40%;
  }
  .sol_details__body .box .title {
    padding-right: 30px;
    font-size: 24px;
  }
  .pro_details_nav__body .right_con, .sol_details__body .box .con {
    width: 60%;
  }
  .video_list li.big video {
    height: 380px;
  }
  .inner_kv__body .in_txt h6 img {
    height: 100px;
  }
  .inner_kv__body .in_txt h6 span {
    font-size: 30px;
  }
  .cpld_list li p {
    font-size: 12px;
  }
  .pro_index_con li {
    width: 100% !important;
    height: auto;
    padding-bottom: 30px;
  }
  .pro_index_con li .list {
    display: block;
  }
  .pro_index_con li .title {
    padding: 30px 0;
  }
  .pro_index_con li .con {
    display: none;
  }
  .pro_index_con li .list h3 i {
    width: 50% !important;
  }
  .tra_index_top__con li.s_2 {
    padding-top: 30px;
  }
  .about_index_con_1 .txt_con h3 {
    padding: 20% 0 30px;
  }
  .about_index_con_1 .txt_con h4 {
    margin-bottom: 20px;
  }
  .partner_index_kv__body {
    height: auto;
    padding: 0 0 200px 0;
  }
  .partner_index_kv__body .abs_con {
    margin-top: 40%;
  }
  .par_list li a:hover {
    align-items: stretch;
  }
  .par_list li a:hover .img {
    width: 40%;
    order: -1;
  }
  .par_list li a:hover .img img {
    height: 100%;
    object-fit: cover;
  }
  .par_list li a:hover .date {
    width: 100px;
  }
  .par_list li a:hover .txt {
    width: calc(60% - 100px);
    padding-right: 20px;
  }
  .par_list li a:hover .date, .par_list li a:hover .txt {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .contactus__body .in_box {
    padding: 20px 30px;
  }
  #pop_person .in_content {
    width: 700px;
  }


  .notice_list li{
    width: calc(100% / 5);
    border-bottom:1px solid #f1f1f1 !important;
  }

  .contact_index__body .txt_con{
    padding:20px;
  }

  .contact_index__body .txt_con h3{
    font-size:20px;
  }

  .contact_index__body .txt_con h4{
    font-size:16px;
  }

  .contact_index__body .txt_con p img{
    width: 30px;
  }

  .index_pro__body_new .pro_list li{
    padding:30px 15px 15px;
  }

  .index_pro__body_new .pro_list li .ico{
    margin-bottom:40px;
  }

  footer .footer_list_v2 li dl.flex dd{
    width: calc(100% / 3);
  }

  .par_details__body .box_1 img{
    max-width: 300px;
  }

  .solutions_new_index__body .list li .txt_con{
    padding-right:50px;
    width: 60%;
  }

  .solutions_new_index__body .list li .img_con{
    width: 40%;
  }
  .solutions_new_index__body .list li:nth-child(2n) .txt_con{
    padding:0 0 0 50px;
  }

  .solutions_new_index__body .list.s_2 li .txt_con{
    width: 100%;
    padding:0 0 0 !important;
  }

  .solutions_new_index__body .list.s_2 li .img_con{
    width: 100%;
    order:-2;
    margin-bottom:20px;

  }

  .solutions_new_index__body .list.s_2 li .txt_con .btn_con{
    position: static;
   
  }

  .solutions_new_index__body .list li .txt_con p{
    margin-bottom:30px;
  }

  .solutions_new_index__body .list li .txt_con .btn_con a{
    min-width: 30%;
  }

  .new_pro_list__body .top_txt__con .txt_con{
    padding-left:40%
  }

  .par_index__body .top_con .list.s_2 li{
    width: calc(50% - 30px / 2);
    margin-right:30px !important;
  }

  .par_index__body .top_con .list.s_2 li:nth-child(2n){
    margin-right:0 !important;
  }

  .about_index_con_history .flex .txt_con{
    padding-right:20px;
  }



}



/* Small Devices, Tablets 820px */










/* Extra Small Devices, Phones */
@media only screen and (max-width: 769px) {
  header {
    height: 60px;
  }
  header .logo {
    height: 30px;
  }
  .mobile_menu__body {
    padding-top: 80px;
  }
  .index_pro__body .pro_list li i {
    width: 60px;
    height: 60px;
  }
  .index_pro__body .pro_list li {
    padding: 20px 0 70px;
  }
  .index_pro__body .pro_list li p {
    font-size: 16px;
  }
  .index_pro__body .pro_list li.s_5 {
    height: 100px;
  }
  .index_title {
    margin-bottom: 30px;
  }
  .index_title span {
    font-size: 20px;
  }
  .index_title a {
    font-size: 14px;
  }
  .index_solution__body .solution_list {
    align-items: flex-start;
  }
  .index_solution__body .solution_list li.s_1 {
    height: 250px;
  }
  footer .footer_list li {
    width: 100% !important;
    border-bottom: 1px solid rgba(100, 100, 100, 0.2);
    margin: 0;
    padding: 15px 0;
  }
  footer .footer_list li h3 {
    margin-bottom: 0;
  }
  footer .footer_list li p, footer .footer_list li h6, footer .footer_list li .qr_code {
    display: none;
  }
  footer .footer_list {
    padding-bottom: 40px;
  }
  footer .footer_list li .qr_code img {
    margin: 0 auto;
  }
  .events_focus__con a.in_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .events_focus__con div.in_box {
    width: 100%;
    margin-right: 0;
  }
  .events_focus__con a p {
    font-size: 16px;
  }
  .events_index__body {
    padding: 40px 0;
  }
  .page_tit {
    margin-bottom: 30px;
  }
  .inner_kv__body {
    height: 200px;
  }
  .inner_kv__body .in_txt h3 {
    font-size: 26px;
    padding-top: 20px;
  }
  .news_list li {
    padding: 30px 0;
  }
  .news_list li a .img_con {
    width: 100%;
  }
  .news_list li a .txt_con {
    width: 100%;
    padding: 15px;
  }
  .news_list li a .txt_con h6 {
    position: inherit;
    left: 0;
    margin-top: 20px;
  }
  .report_foncus__con a.in_box {
    height: 150px;
  }
  .report_foncus__con a.in_box img {
    object-fit: cover;
    height: 100%;
  }
  .report_foncus__con ul li {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 15px;
  }
  .report_foncus__con {
    margin-bottom: 20px;
  }
  .list_370 li {
    width: 100%;
    margin: 0 0 30px 0 !important;
  }
  .more_list_index li {
    width: 100%;
    margin: 0 0 30px 0 !important;
  }
  .news_index_box1__body, .news_index_box2__body, .news_index_box3__body {
    padding: 40px 0;
    background-size: auto 100%;
  }
  .page_tit.s_1 span {
    width: 50%;
  }
  .page_tit.s_1 b {
    width: 50%;
  }
  .inner_kv__body .in_txt h6 {
    margin-top: 0;
  }
  .inner_kv__body .in_txt h6 img {
    height: 40px;
  }
  .inner_kv__body .in_txt h6 span {
    font-size: 16px;
  }
  .sol_details__body .box .title {
    width: 100%;
    padding: 0 0 30px;
  }
  .sol_details__body .box .con {
    width: 100%;
  }
  .pro_list li {
    width: calc(50% - 20px / 2);
    margin: 0 20px 20px 0;
  }
  .pro_list li:nth-child(2n) {
    margin-right: 0;
  }
  .video_list li.big {
    width: 100%;
  }
  .video_list li.big video {
    height: auto;
  }
  .video_list li.list {
    width: 100%;
    padding: 20px 0 0;
    text-align: center;
  }
  .video_list li.list a.video_play {
    width: 25%;
    display: inline-block;
    margin: 0 10px;
  }
  .pro_details_nav__body .left_con {
    width: 100%;
  }
  .pro_details_nav__body .right_con {
    width: 30%;
    overflow-x: auto;
    white-space: nowrap;
    word-break: keep-all;
    display: block;
    padding: 10px 0;
    display: none;
  }
  .pro_details_nav__body .right_con li {
    white-space: nowrap;
    width: auto !important;
    display: inline-block;
    padding: 0 10px;
  }
  .scroll__con_news {
    overflow: hidden;
  }
  .box.box_2 {
    background-size: auto 100%;
  }
  .style_1 .txt_con {
    width: 100%;
    padding: 0 0 30px 0;
  }
  .style_1 .img {
    width: 100%;
  }
  .cpld_list li {
    width: calc(50% - 20px / 2);
    margin: 0 20px 20px 0 !important;
  }
  .cpld_list li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .cgal_big_img__con .img_con {
    width: 100%;
  }
  .cgal_big_img__con .txt_con {
    width: 100%;
  }
  .cgal_big_img__con .txt_con h6 {
    margin-bottom: 30px;
  }
  .cgal_big_img__con .txt_con h5 {
    position: inherit;
    left: auto;
    bottom: auto;
    margin-top: 30px;
  }
  .inner_kv__body .in_txt h3.tl {
    font-size: 26px;
  }
  .pro_eda__body .box_1 .flex .txt_con {
    width: 100%;
    padding: 0 0 30px 0;
  }
  .pro_eda__body .box_1 .flex .img_con {
    width: 100%;
  }
  .dl_slide_list li {
    width: 100%;
    margin-right: 0;
  }
  .dl_slide_list li .ico_con p {
    font-size: 20px;
  }
  .dl_slide_list li .scroll_con {
    padding: 20px;
  }
  .dl_slide_list li .slider_con dl dd {
    width: 50%;
  }
  .tra_index_top__con li.s_1, .tra_index_top__con li.s_2 {
    width: 100%;
    margin-top: 0;
  }
  .tra_index_top__con li.s_2 {
    padding: 30px;
  }
  .tra_index_top__con li.s_2 p {
    max-width: 100%;
  }
  .tra_index__content .list_1 {
    margin-bottom: 0;
  }
  .tra_index__content .list_1 li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .tra_index__content .list_2 li {
    width: 100%;
    margin: 0 0 20px;
  }
  .job_list_con .img_con .mask p {
    font-size: 20px;
    padding: 10px;
  }
  .job_list li {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .job_index__body {
    padding: 30px 0 0;
  }
  .job_list__body {
    padding: 30px 0;
  }
  .job_list_ul li .title_con h3 {
    width: 80%;
  }
  .about_index_con_1 {
    height: 580px;
  }
  .about_index_con_1 .bg {
    object-fit: cover;
    height: 100%;
    width: auto;
  }
  .about_index_con_1 .txt_con h3 {
    font-size: 30px;
    padding-top: 25%;
  }
  .about_index_con_1 .txt_con h4 {
    font-size: 16px;
  }
  .about_index_con_1 .txt_con p {
    font-size: 12px;
    line-height: 2.2;
  }
  .about_index_con_2 {
    padding-bottom: 50px;
  }
  .about_index_con_2 .map_box .add .pop_con {
    width: 250px;
  }
  .about_index_con_2 .map_box .add .mak {
    width: 5px;
    height: 5px;
  }
  .partner_index_kv__body {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .partner_index_kv__body .abs_con {
    margin-top: 30px;
  }
  .partner_index_kv__body .abs_con h3 {
    margin-bottom: 40px;
  }
  .partner_index_kv__body .abs_con .block {
    position: static;
    width: 45%;
    display: inline-block;
    margin-bottom: 20px;
  }
  .par_list li .date {
    width: 100px;
  }
  .par_list li .txt {
    width: 100%;
    padding-right: 20px;
  }
  .par_list li a:hover .img {
    width: 100%;
  }
  .par_list li a:hover .txt {
    width: calc(100% - 100px);
  }
  .cul_top__body div.flex ul.flex li {
    width: 100%;
  }
  .cul_top__body div.flex ul.flex li p {
    padding: 0 30px;
  }
  .cul_btm__body .box:first-child .txt {
    width: 60%;
  }
  .contactus__body .in_box {
    padding: 20px;
  }
  .contactus__body .in_box ul.flex li {
    width: 100%;
    margin-right: 0;
  }
  .contactus__body .in_box .check_line label {
    width: 80%;
  }
  .inve_index__body .box {
    padding: 50px 0 0;
  }
  .inve_index__body .box ul.flex li {
    width: 50%;
    margin: 0 0 30px 0;
    padding-left:10%;
  }
  .pop_content {
    width: 90%;
  }
  #pop_person .in_content {
    width: 100%;
  }
  #pop_person .in_content .name_con {
    padding: 30px;
    width: 100%;
    position: static;
    margin-bottom: 30px;
  }
  #pop_person .in_content {
    padding: 20px;
  }
  .pop_content .close_btn {
    background-color: #fff;
  }


  .notice_list li{
    width: calc(100% / 3);
  }


  .contact_index__body .img{
    width: 100%;
  }
  .contact_index__body .txt_con{
    width: 100%;
    position: static;
    margin:0;
  }

  .contact_index__body{
    padding:30px 0;
  }

  .gp_list.s_1{
    width: 100%;
  }

  .bg_flex .left_con{width: 100%;margin-bottom: 30px;}
  .bg_flex .left_con ul{height: 30px;}
  .bg_flex .left_con ul li{display: inline-block;margin-right: 20px;}
  .bg_flex .right_con{
    width: 100%;
  }

  .jl_flex .in_con{
    width: 100%;
    padding:0 !important;
    margin-bottom:50px;
  }

  .jl_flex .in_con:first-child::after{
    display: none;
  }

  .index_pro__body_new .pro_list li{
    width: calc(100% / 2 - 20px / 2);
    margin:0 20px 20px 0;
  }
  .index_pro__body_new .pro_list li:nth-child(2n){
    margin-right:0;
  }

  footer .footer_list_v2 li:first-child{
    width: 120px;
    text-align: center;
    padding:0 20px 10px 0;
  }
  footer .footer_list_v2 li:first-child img{
    margin: 0 auto;
  }

  footer .footer_list_v2 li:last-child{
    width: calc(100% - 120px);
  }


  footer .footer_list_v2 li h3{
    padding-bottom:10px;
    margin-bottom:10px;
  }

  footer .footer_list_v2 li h3 p{display: none;}

  footer .footer_list_v2 li dl.flex dd{
    width: 100%;
    margin-bottom:10px;
  }

  footer .footer_list_v2{
    margin-bottom:30px;
    align-items: center;
  }

  footer.v2{
    padding-top:50px;
  }

  .right_tools__con{
    display: none;
  }

  .index_news__body .news_list li.s_1{
    margin-bottom:0;
  }

  footer .copyright p{
    text-align: center;
    width: 100%;
  }

  .tra_index_top__con li.s_1 span{
    font-size:16px;
  }

  .new_sidebar{
    width: 100%;
  }
  .new_sidebar li{
    width: 30%;
    margin:0 auto;
  }
  .new_sidebar li a{
    height: 40px;
    line-height:40px;
    padding:0;
  }
  .new_sidebar li a i{
    width: 16px;
    height: 16px;
    margin-right:5px;
  }
  .new_sidebar li a span{
    font-size:14px;
  }
  .notice_list li h6{
    text-align: center;
  }
  .notice_list li p{
    text-align: center;
  }

  .form_list li{
    width: 100%;
    margin:0 0 20px 0;
  }

  .form_list li .inp_out.s_2 input{
    width: 45%;
  }
  .form_list li .inp_out.s_2 img{
    width: 30%;
  }

  .par_index__body .top_con .list li{
    width: 100%;
    margin:0 0 20px 0;
  }

  /* .par_index__body .top_con .list li:nth-child(1){
    height: auto;
    padding-bottom:20px;
  } */

  .new_video__body .txt_con{
    width: 100%;
    text-align: center;
    padding-right:0;
  }

  .new_video__body .video_con{
    width: 100%;
    padding-top:30px;
  }
  .new_video__body .video_con .flex li.big{
    width: 100%;
    padding-right:0;
  }
  .new_video__body .video_con .flex li.small{
    width: 100%;
    text-align: center;
    padding-top:20px;
  }
  .new_video__body .video_con .flex li.small a{
    width: 30%;
    display: inline-block;
  }

  .par_index__body .last_con .logo_list{
    padding:0 ;
  }

  .par_index__body .last_con .logo_list li{
    width: 50%;
    padding:20px;
  }

  .par_details__body .box_1{
    margin-right:0;
    padding:30px;
    margin-bottom:50px;
  }

  .par_details__body .box_1 img{
    position: static;
    max-width: 100%;
  }

  .par_details__body .box_1 p{
    width: 100%;
    margin-bottom:20px;
  }

  .par_details__body .box_2{
    padding:20px;
  }

  .par_details__body .box_2 ul li{
    margin-bottom:20px;
  }

  .par_details__body .box_2 ul li .img_con{
    width: 100%;
  }
  .par_details__body .box_2 ul li .txt_con{
    width: 100%;
    padding:20px;
  }
  .par_details__body .box_2 ul li .txt_con h6{
    position: static;
    padding:0 0 10px;
  }

  .solutions_new_index__body .list li .txt_con{
    width: 100%;
    padding:0 0 30px;
  }

  .solutions_new_index__body .list li .img_con{
    width: 100%;
  }

  .solutions_new_index__body .list li{
    padding:30px 0;
  }

  .par_index__body .last_con .img_out{
    padding:20px;
  }

  .solutions_new_index__body .list li .txt_con .btn_con a{
    min-width: 100%;
    margin:0 0 10px 0;
  }

  .solutions_new_index__body .list li .txt_con h3{
    margin-bottom:20px;
  }

  .new_pro_list__body .pro_list_slide__con .txt_con{
    padding-top:10px;
    padding-bottom:70px;
  }

  .new_pro_list__body .new_list_pro_list li{
    width: 100%;
    margin-right:0;
  }

  .new_pro_list__body.col_5 .top_txt__con .color_box{
    position: static;
  }

  .new_pro_list__body .top_txt__con .txt_con{
    margin-left:0;
    padding:30px;
  }

  .new_pro_list__body .top_txt__con{
    margin-bottom:50px;
  }
  .top_txt__box_1 .tips_con {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .top_txt__box_1 .tips_con span{
    width: 33%;
    padding:10px 5px;
    margin:0 5px;
  }

  .top_txt__box_1 .line_txt__con .txt_con{
    width: 100%;
    padding:0 0 30px 0;
  }
  .top_txt__box_1 .line_txt__con .img_con{
    width: 100%;
  }

  .pro_ld_list li{
    width: calc(50%);
  }

  .pro_yy_list li{
    width: calc(50% - 10px);
    margin:0 20px 20px 0;
  }

  .pro_yy_list li:nth-child(2n){
    margin-right:0;
  }

  .new_news__con .news_list li a .img_con{
    width: 100%;
  }
  .new_news__con .news_list li a .txt_con{
    width: 100%;
    padding:0 0 0 ;
  }

  .khpj_con img{
    width: 100%;
  }

  .khpj_con .txt_con{
    width: 100%;
    padding:20px 0 0 ;
  }

  .khpj_con{
    padding:20px 40px;
  }

  .new_scroll_con .srcoll_in{
    width: calc(100% - 80px);
  }

  .member_pop__body .content{
    width: 90%;
  }
  .member_pop__body .content{
    padding:20px 30px;
  }

  .member__body .member_form__body{
    width: 90%;
    padding:20px 30px;
  }

  .contact_index__body .span{
    padding-left:44px;
  }

  .pointer_list li p{
    background-position: left 10px;;
  }


  .new_pro_list__body .top_txt__con .color_box{
    position: static;
  }

  .solutions_new_index__body .list li .img_con img{
    padding:0;
  }

  .solutions_new_index__body .list li .txt_con{
    padding:0 !important;
    order: -2;
  }

  .solutions_new_index__body .list.s_2 li .img_con{
    display: none;
  }

  .new_pro_list__body .pro_list_slide__con .txt_con p{
    width: 100%;
  }

  .new_pro_list__body .top_txt__con .color_box{
    width: 100%;
  }

  .new_pro_list__body .new_list_pro_list li.img__box{
    display: none;
  }

  .top_txt__box_1 .line_con .blank{
    display: none;
  }

  .top_txt__box_1 .line_con{
    justify-content: center;
    padding:10px 0;
  }

  .top_txt__box_1 .line_con div{
    width: 100%;
    text-align: center;
  }

  .about_index_con_1 .txt_con .add_title{
    padding-top:30px;
    margin-top:30px;
  }

  .news_list li a .img_con{
    height: auto;
  }

  .pro_yy_list li{
    padding:50px 10px 30px;
  }
/* 
  .fck__body p, .fck__body span, .fck__body div{
    text-align-last:justify;
  } */

  .new_news__con .news_list li a i.fal{display: none;}
  .new_video__body .txt_con p{margin-bottom:30px;}


  .par_index__body .top_con .list.s_2 li{
    width: 100%;
    margin-right:0 !important;
  }


  .par_index__body .top_con .tit{
    font-size:24px;
  }

  .about_index_con_history .flex img{
    display: none;
  }
  .about_index_con_history .flex .txt_con{
    width: 100%;
    padding:0 20px;
  }

  .about_index_con_history{
    padding-bottom:30px;
  }

  .global_list li{
    width: 100%;
    margin-right: 0;
    margin-bottom:20px;
    padding: 20px 30px;
  }

  .new_pro_list__body .pro_list_slide__con{
    background-position: top center;
  }
  
}

/* Custom, iPhone Retina */