* {

  box-sizing: border-box;

  margin: 0;

  padding: 0; }



html,body{

    font-family:Microsoft YaHei;

    font-weight:400;

    color:rgba(51,51,51,1);

}

html{

  -webkit-tap-highlight-color: transparent;

  -webkit-text-size-adjust:none;

}

input{

  -webkit-appearance:none;

  outline:none;

}

input:focus {    

  outline:none;

}

ul, li {

  list-style: none; }



.clear, section:before, section:after, #group_info:before, #group_info:after, body:before, body:after {

  content: "";

  display: table;

  clear: both; }

img{

  pointer-events: none; 

  -webkit-user-select: none;

  -moz-user-select: none;

  -webkit-user-select:none;  

  -o-user-select:none;  

  user-select:none;  

}

pre {

  white-space: pre-wrap;

  display: block; }



.positionMiddle {

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto; }



.positionCenter {

  position: absolute;

  left: 0;

  right: 0;

  margin: auto; }



  /* 之前的 集团简介 start */



  .boxCenter, #group_info, #good_list {

    width: 1200px;

    margin-left: calc((100vw - 1200px) / 2); }

  

  #bigImg {

    width: 1200px;

    height: 600px;

    margin: 120px auto 0; }

  

  #bigImg img {

    width: 100%;

    height: 100%; }

  

  #group_info {

    width: 1200px;

    height: auto;

    box-shadow: 0px 4px 19px 0px rgba(178, 178, 178, 0.2);

    position: relative;

    margin-top: 100px;

    padding: 203px 0; }

  

  #group_info > div {

    float: left;

    position: absolute;

    bottom: 0%;

    height: 400px; }

  

  .info_text {

    width: 566px;

    padding: 42px;

    background: white; }

  

  .info_img {

    width: 634px;

    right: 0;

    display: flex;

    justify-content: center;

    align-items: flex-start;

    padding-top: 42px;

    background: #ffffff;

  }

  

  .info_img img {

    width: 360px;

    height: 300px;

  }

  

  .info_text h1 {

    width: 100%;

    color: #009341;

    font-size: 48px;

    font-family: Microsoft YaHei;

    font-weight: bold;

    text-align: center;

    line-height: 50px; }

  

  .info_text p {

    width: 100%;

    text-align: center;

    color: #BBD400;

    font-size: 24px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    line-height: 26px;

    margin-top: 10px; }

  

  .info_text pre {

    width: 100%;

    font-size: 18px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #9BC610;

    margin-top: 50px;

    text-align: justify;

    padding: 10px 10px;

    line-height: 36px;

  }

  

  #good_list {

    padding: 42px; }

  

  #good_list li {

    width: 100%;

    padding: 38px 0 42px; }

  

  #good_list li:not(:last-child) {

    border-bottom: 1px solid #dedede; }

  

  #good_list li h1 {

    font-size: 30px;

    font-family: Microsoft YaHei;

    color: #333;

    line-height: 30px; }

  

  #good_list li pre {

    width: 100%;

    margin-top: 20px;

    text-align: justify;

    font-size: 18px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #333;

    line-height: 26px; }

  /* 之前的  集团简介 end */







  .group_img {

    width: 100vw;

    margin-top: 120px;

    position: relative;

  }

  .group_img .image img {

    width: 100%;

  }

  .about_name{

    position: absolute;

    bottom: 95px;

    left: 50px;

    width: 30vw;

    height: 120px;

    text-align: left;

    font-size: 42px;

    color: rgba(255,255,255,1);

    display: flex;

    flex-wrap: wrap;

    align-content: space-around;

    justify-content: flex-end;

  }

  .about_name p{

    width: 100%;

    height: 52px;

    line-height: 52px;

    text-align: left;

  }

  .group_content {

    width: 100vw;

    background-color: #fff;

  }

  .group_content .logo_box {

    width: 100%;

    height: 630px;

  }
  
  

  .group_content .logo_box .logo_main {

    width: 1200px;

    height: 100%;

    margin: 0 auto;

    position: relative;

  }

  .group_content .logo_box .logo_main .main {

    width: 100%;

    height: 33%;

  }

  .group_content .logo_box .logo_main .main .logo_items {

    width: 100%;

    position: absolute;

    top: -5%;

    display: flex;

    justify-content: space-around;

  }

  .group_content .logo_box .logo_main .main .logo_items li {

    width: 11.5%;

    height: 180px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }

  .group_content .logo_box .logo_main .main .logo_items li img {

    width: 74px;

    height: 74px;

  }

  .group_content .logo_box .logo_main .main .logo_items li p {

    padding-top: 20px;

    font-size: 26px;

    color: #ffffff;

  }

  .group_content .logo_box .logo_main .logo_brand .logo_img {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }

  .group_content .logo_box .logo_main .logo_brand .logo_img img {

    width: 170px;

    height: 150px;

  }

  .group_content .logo_box .logo_main .logo_brand .logo_img p {

    padding-top: 18px;

    height: 48px;

    font-size: 48px;

    font-family: JQHeiTiFT;

    color: #373737;

    line-height: 48px;

  }

  .group_content .logo_box .logo_main .logo_brand .logo_content {

    height: auto;

    margin: 46px auto 0;

    width: 86%;

    text-align: justify;

    line-height: 30px;

    font-size: 20px;

    color: #656565;

    letter-spacing: 5px;

  }

  .group_content .group_info {

    width: 100vw;

    margin: 70px auto 0;

  }

  .group_content .group_info .info_item {

    width: 100vw;

    height: 200px;

  }

  .group_content .group_info .info_item .info {

    width: 1200px;

    height: 100%;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: justify;

  }

  .group_content .group_info .info_item .info span {

    display: inline-block;

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 20px solid #009341;

  }

  .group_content .group_info .info_item .info .title {

    padding-top: 20px;

    font-size: 48px;

    color: #373737;

  }

  .group_content .group_info .info_item .info .content {

    width: 86%;

    letter-spacing: 5px;

    margin-top: 20px;

    font-size: 20px;

    line-height: 34px;

    color: #656565;

  }

  .group_content .group_info .info_itemB {

    margin-bottom: 30px;

  }

  .group_content .group_info .info_itemA {

    background-color: #32aa7c;

  }

  .group_content .group_info .info_itemA .info .title {

    color: #ffffff;

  }

  .group_content .group_info .info_itemA .info .content {

    color: #ffffff;

  }

  

  @media (min-width: 415px) {

    #bigImg,

    #group_info,

    #good_list {

      display: none;

    }

  }



@media (max-width: 450px) {

  .about_name{

    position: absolute;

    bottom: 10%;

    left: 2%;

    width: 50vw;

    height: 28px;

    text-align: left;

    color: rgba(255,255,255,1);

    display: flex;

    flex-wrap: wrap;

    align-content: space-around;

    justify-content: flex-end;

  }

  .about_name p{

    width: 100%;

    height: 12px;

    line-height: 12px;

    text-align: left;

    font-size: 12px;

    -webkit-text-size-adjust: none;

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

    -webkit-transform-origin: 100% 100%;

    transform-origin: top left;

  }

  .group_img {

    margin-top: 50px;

  }

  .group_content {

    width: 100vw;

  }

  .group_content .logo_box {

    height: 450px;

  }

  .group_content .logo_box .logo_main {

    width: 92%;

    margin: 0 auto;

  }

  .group_content .logo_box .logo_main .main {

    width: 100%;

  }

  .group_content .logo_box .logo_main .main .logo_items {

    top: -3%;

  }

  .group_content .logo_box .logo_main .main .logo_items {

    justify-content: space-between;

  }

  .group_content .logo_box .logo_main .main .logo_items li {

    width: 25%;

    height: 120px;

  }

  .group_content .logo_box .logo_main .main .logo_items li img {

    width: 45px;

    height: 45px;

  }

  .group_content .logo_box .logo_main .main .logo_items li p {

    padding-top: 10px;

    font-size: 20px;

    font-weight: bold;

  }

  .group_content .logo_box .logo_main .logo_brand .logo_img img {

    width: 79px;

    height: 70px;

  }

  .group_content .logo_box .logo_main .logo_brand .logo_img p {

    padding-top: 10px;

    height: 22px;

    font-size: 22px;

    line-height: 22px;

  }

  .group_content .logo_box .logo_main .logo_brand .logo_content {

    width: 100%;

    padding-top: 15px;

    line-height: 20px;

    font-size: 14px;

    letter-spacing: 1px;

    margin: 15px auto 0

  }

  .group_content .group_info {

    width: 100vw;

  }

  .group_content .group_info .info_item {

    width: 100%;

    height: 160px !important;

  }

  .group_content .group_info .info_item .info {

    width: 100% !important;

  }

  .group_content .group_info .info_item .info .title {

    padding-top: 10px !important;

    font-size: 22px ;

  }

  .group_content .group_info .info_item .info .content {

    width: 92%;

    padding-top: 10px;

    margin: 10px auto 0;

    letter-spacing: 0px;

    font-size: 14px;

    line-height: 20px;

  }

  .group_content .group_info .info_itemB {

    width: 92%;

    margin: 16px auto;

  }

  .group_content .group_info .info_itemB .info {

    width: 100%;

  }

  .group_content .group_info .info_itemB .info span {

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-top: 16px solid #009341;

  }

  }