.container{
  width: 90%;
  max-width: 1600px;
  min-width: 0px;
  height: auto;
  max-height: none;
  min-height: 0px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.title1{
  font-size: 26px;
  font-family: "Roboto", Noto Sans SC;
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
  margin-left: 10px;
  color: #000000;
}

.title_icon{ padding-top: 10px; height: 40px;}
.title_icon svg{vertical-align: middle;}

.margin-top{ margin-top: 60px; margin-bottom: 40px;}

.news-box{ border: #F1F1F1 1px solid;  width: 100%; margin-bottom: 20px;}
.news-box img{ width: 100%;}
.news-title{ height: 60px; line-height: 60px; font-size: 20px; font-weight: bold; padding-left: 20px;}
.news-box p{padding-left:20px; font-size: 14px;}
.news-box .news-detail a{ height: 30px; line-height: 50px; padding-left: 20px; color: #205FC0;font-family: "Roboto", Noto Sans SC;
  font-size: 14px;font-weight: bold;}

.news-more{background-color: #121F49;border-radius: 40px 40px 40px 40px;text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);padding: 25px 50px; font-size: 20px;border:none;}
.btn-more{background-color: #121F49;border-radius: 30px 30px 30px 30px;text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);padding: 15px 40px;font-size: 16px;border:none;}

.about-pannel{ margin-top: 80px; color: #333333; width: 90%; margin-left: auto; margin-right: auto;}
.about-title{ font-size: 32px;font-weight: 600; text-align: center;}
.about-desc{font-size: 18px;font-weight: 600; text-align: center; margin-top: 40px;}
.about-desc p{ line-height: 24px; padding-bottom: 20px;}

.about-content{ height: 400px; width: 160%; background: #ffffff; text-align: left; margin-top: 33%; position: absolute; z-index: 10;height: 420px;}
.about-content-title{font-size: 36px;font-weight: bold; line-height: 60px; margin-bottom: 20px;}
.about-content-title2{font-size: 25px;font-weight: bold; line-height: 1.28;margin-bottom: 20px;}
.about-content-desc{ line-height: 21px;font-family: "Roboto", Noto Sans SC;color: #333333;}
.about-content-icon svg{ font-size: 50px;width: 1em;height: 1em;}
.about-img img{ width: 100%;}
.about-content-button{ padding-bottom: 20px;}

.show-dev{ width: 100%; height: 500px; margin-top: 80px; margin-bottom: 40px; background: url(/themes/home/images/Group-107.png);background-repeat: no-repeat;background-size: cover; }
.show-dev .show-dev-text{ margin-top: 10%; margin-left: 80px;}
.show-dev .show-dev-text1{font-size: 48px;font-weight: 600; color: #ffffff;}
.show-dev .show-dev-text2{font-size: 48px; color: #ffffff;}

.product-text{ padding-top: 80px; padding-bottom: 80px; margin-left: -15px; margin-right: -15px; background: url("/themes/home/images/Rectangle-11.png"); background-repeat: no-repeat;background-size: cover; color: #ffffff; }
.product-text p{ font-size: 36px; line-height: 1.28;  padding-left: 40px; padding-right: 40px;}
.product-text a{color: #ffffff;padding-top: 30px; font-size: 16px; font-weight: bold; display: block;padding-left: 40px;}
.product-text span{ display: block;font-weight: 400; padding-top: 30px; font-size: 16px;padding-left: 40px; padding-right: 40px;}
.product-text-bg{background: #f3f3f3; color: #333333;}
.product-text-bg a{color: #215FC1;}
.product-list{ margin-bottom: 80px;}
.product-img{height: 490px; text-align: center; line-height: 490px;}
.product-img img{ width: 60%; height: auto;}
.mobile{ display: none;}

.show-adv{ width: 100%; height: 604px; margin-top: 80px; margin-bottom: 40px; background: url(/themes/home/images/Rectangle-13.png);background-repeat: no-repeat;background-size: cover; }
.show-adv .show-adv-text{ margin-top: 15%; margin-left: 120px;}
.show-adv .show-adv-text1{font-size: 48px;font-weight: 600; color: #ffffff;}
.show-adv .show-adv-text2{font-size: 48px; color: #ffffff;}

.case-list{ margin-bottom: 40px; text-align: center;}
.case-list img{ max-height: 180px; margin: 10px 0px;}
.case-list p{ display: block; width: 100%; line-height: 40px; text-align: center;font-size: 18px; font-weight: bold; }
.footer{ background: url("/themes/home/images/Rectangle-14.png"); background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; color: #ffffff;  width: 100%; margin-top: 60px; padding: 50px 160px 40px 160px;}
.company-name{ font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 40px;}
.title28{ font-size: 28px; margin: 40px 0px; font-weight: bold;}
.contact p{ font-size: 16px; font-weight: bold; line-height: 30px;}

.wecaht-title28{ font-size: 28px; margin: 40px 0px 20px 0px; font-weight: bold;}

.copyright{ font-size: 18px; font-weight: bold; margin-top: 30px;}

.about{ width: 100%;}
.about img{ width: 100%;}
.about-text{ margin-top: 40px;}
.about-text img{ width: 100%;}
.about-text p{ line-height: 30px; font-size: 16px; padding-top: 10px; padding-bottom: 20px; text-indent: 40px; color: #333333;}
.about-text h3{ font-weight: bold; font-size: 18px;}

.about-text1{margin-top: 40px;}
.about-text1 p{ line-height: 30px; font-size: 16px;  color: #333333; min-height: 30px;}
.about-text1 h2{ font-weight: bold; font-size: 22px; padding: 10px 0px 5px 0px;}

.breadcrumb{  line-height: 40px; border-bottom: #cccccc 1px solid; margin-bottom: 0px; }

.contact-text h3{ font-weight: bold; padding-bottom: 10px;}
.contact-text p{ line-height: 30px; font-size: 16px;  color: #333333; min-height: 30px;}
.contact-text img{ width: 100%;}

.wachat{ margin-top: 40px;padding-bottom: 20px;}
.wachat img{ width: 147px; height: 147px;}

.service-text{ text-align: center;}
.service-text img{ width: 100%;}
.service-text h3{ font-weight: bold; font-size: 40px; padding: 40px 0px 20px 0px;}
.service-text h4{  padding: 10px 0px 40px 0px; font-weight: bold;}
.service-text p{ line-height: 30px;}
.service-content{ padding: 40px 0px;}

@media (max-width: 768px) {
  .about-pannel{
    width: 100%;
    height: 940px;
  }
  .about-content{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top:60%;
    left: 10%;
    padding: 30px;
  }
  .about-content-button{ text-align: center;}
  .about-pannel .about-text{ width: 90%; margin-left: auto; margin-right: auto;}
  .show-dev{ height: 250px;background-position: center center;background-size: cover;}

  .show-dev .show-dev-text{ text-align: center; margin-top: 30%; margin-left: 0px;}
  .show-dev .show-dev-text1{font-size: 32px;}
  .show-dev .show-dev-text2{font-size: 32px;}

  .show-adv{ height: 250px;background-position: center center;background-size: cover; padding: 60px;}
  .show-adv .show-adv-text{ text-align: center; margin-top: 8%; margin-left: 0px;letter-spacing: 4px;}
  .show-adv .show-adv-text1{font-size: 32px;letter-spacing: 4px;}
  .show-adv .show-adv-text2{font-size: 32px;letter-spacing: 4px;}
  
  .container{ width: 100%;}
  .product-img{ width:100%; height: auto; padding: 50px 0px;line-height: unset;}
  .product-img img{ width: 70%;}
  .product-text{ padding-top: 80px; padding-bottom: 80px;}
  .mobile{ display: block;}
  .pc{ display: none;}

  .footer{ padding: 40px 15px 20px 15px; text-align: center;}
  .company-name{ margin-bottom: 20px;}
  .title28{margin: 20px 0px; }

  .line{
    margin-top: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
    --divider-border-style: solid;
    --divider-color: #FFFFFF;
    --divider-border-width: 1px;}

  .copyright{ font-size: 14px; font-weight: normal;margin-top: 20px;}

  .contact-text img{ width: 100%; margin-bottom: 30px;}
  .wachat img{ width: 148px;}

  .service-text{ margin: 20px;}
}