/* html {
  font-size: 1rem;
}
body {
  background: #f5f5f5 !important;
}
.header {
  width: 100%;
  height: auto;
  position: relative;
}
.header .top {
  width: 100%;
  height: auto;
  min-height: 150px;
  vertical-align: middle;
}
.header .logo {
  position: absolute;
  top: 5%;
  left: 5%;
}
.header .text {
  position: absolute;
  left: 30%;
  top: 30%;
}
.header .text .text_up {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
}
.header .text .text_down {
  margin-top: 3%;
}
.header .text .text_down .one {
  font-size: 26px;
  color: #3aa69f;
  padding-bottom: 10px;
  border-bottom: 2px solid #3aa69f;
}
.header .text .text_down .two {
  font-size: 26px;
  background: #3aa69f;
  padding: 2%;
  color: #fff;
  margin-left: 20px;
}
.header .nav_bar {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 15%;
  color: #fff;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
}
.header .nav_bar .nav_box {
  width: 80%;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}
.header .nav_bar .nav_box .nav_list .nav_ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, 170px);
  justify-items: center;
  align-items: center;
}
.header .nav_bar .nav_box .nav_list .nav_ul .active {
  color: #fff;
  border-radius: 20px;
  background: #3aa69f;
  padding: 10px 30px;
}
.header .nav_bar .nav_box .nav_list .nav_ul li {
  margin-right: 10px;
  font-size: 18px;
}
.header .nav_bar .nav_box .nav_list .nav_ul li a {
  color: #fff;
}
.header .nav_bar .nav_box .home .home_ul .homeicon{
  margin:5px;
}
.header .nav_bar .nav_box .home .home_ul .m_l{
  margin-left:10px;
}
.header .nav_bar .nav_box .home .home_ul .m_line{
  margin-right:5px;
}
.header .nav_bar .nav_box .home .home_ul .homeicon img {
  width: 20px;
  vertical-align: bottom;
}
.header .nav_bar .nav_box .home .home_ul li {
  /* margin: 5px; */
  /* font-size: 14px; */
/* } */
.header .nav_bar .nav_box .home .home_ul span{
  width: 10px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
} */
.cont_law {
  width: 80%;
  margin: 3% auto;
}
.cont_law .law_box {
  width: 73%;
  padding: 5%;
  background: #fff;
}
.cont_law .law_l {
  height: 100%;
  width: 50%;
  margin-right: 5%;
  display: flex;
  flex-direction: column;
}
.cont_law .law_l .law_l_up {
  flex: 1;
}
.cont_law .law_l h1 {
  margin-bottom: 4%;
  font-size: 28px;
}
.cont_law .law_l p {
  color: #959595;
  font-size: 16px;
  line-height: 30px;
}
.cont_law .law_r {
  height: 100%;
}
.under {
  width: 100%;
  height: auto;
  position: relative;
  z-index: -99;
  margin-top: -15%;
}
.under .under_p {
  height: 80px;
    width: 100%;
    background: url(../img/junzi.png) center center no-repeat;
    z-index: 9999;
    position: absolute;
    top: 330px;
}
.under .under_p p {
  font-family: Georgia;
  font-size: 36px;
  color: #fff;
}
.describe {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  padding: 8%;
}
.describe h3 {
  margin-bottom: 20px !important;
}
.describe p {
  color: #959595;
  font-size: 16px;
  line-height: 30px;
}
.describe .describe_img {
  margin-top: 15%;
  background: #ccc;
  padding: 2%;
  display: flex;
  justify-content: center;
  position: relative;
  transition: all 2s ease-in-out 1s;
}
.describe .describe_img .line {
  height: 150px;
  width: 3px;
  background: #3aa69f;
  top: -90px;
  position: absolute;
  transition: all 2s ease-in-out 1s;
}
.describe .describe_img:hover {
  padding: 0;
}
.describe .describe_img:hover .line {
  top: -120px;
}
.environment {
  width: 100%;
  height: auto;
  min-height: 150px;
  vertical-align: middle;
}
.environment .common_width {
  width: 80%;
  margin: 0 auto;
  padding: 5%;
  margin-top: -40%;
}
.environment .common_width .ment_l {
  margin-right: 5%;
}
.environment .common_width .ment_r {
  color: #fff;
}
.environment .common_width .ment_r h2 {
  font-size: 32px;
  margin-bottom:20px;
}
.environment .common_width .ment_r p {
  font-size: 18px;
  line-height:200%;
  opacity: .8;
    padding-bottom: 5%;
}
@media (max-width: 1400px) {
  html {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1024px) {
  html {
    font-size: 1.75rem;
  }
  .header .nav_bar .nav_box {
    width: 98%;
  }
  .header .text {
    left: 45%;
  }
  .header .text .text_up {
    font-size: 26px;
  }
  .header .text .text_down .one {
    font-size: 18px;
  }
  .header .text .text_down .two {
    font-size: 18px;
  }
  .cont_law {
    width: 90%;
    margin: 3% auto;
  }
  .cont_law .law_l h1 {
    margin-bottom: 4%;
    font-size: 22px;
  }
  .cont_law .law_l p {
    color: #959595;
    font-size: 14px;
  }
  .cont_law .law_r {
    height: 100%;
    width: 50%;
  }
  .under .under_p p {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 1.5rem;
  }
  .header .logo {
    width: 35%;
  }
  .header .text .text_up {
    font-size: 20px;
    font-weight: 600;
  }
  .header .text .text_down .one {
    font-size: 14px;
  }
  .header .text .text_down .two {
    font-size: 14px;
  }
  .header .nav_bar {
    display: none;
  }
  .intro_cont .cont_top .p_up {
    font-size: 22px;
  }
  .intro_cont .cont_top .p_down {
    font-size: 20px;
  }
  .intro_cont .cont_top .dazi {
    width: 90%;
    font-size: 20px;
    letter-spacing: 18px;
    margin: auto;
    left: 0;
    right: 0;
  }
  .cont_law {
    width: 95%;
    margin: 3% auto;
  }
  .cont_law .law_l h1 {
    margin-bottom: 4%;
    font-size: 18px;
  }
  .cont_law .law_l p {
    color: #959595;
    font-size: 12px;
  }
  .cont_law .law_l .p_two {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .cont_law .law_r {
    height: 100%;
    width: 50%;
  }
  .under .under_p p {
    font-size: 20px;
  }
  .describe {
    text-align: center;
    width: 95%;
    margin: 5% auto;
    padding: 5%;
  }
  .describe h3 {
    font-size: 18px;
  }
  .describe p {
    color: #959595;
    font-size: 12px;
  }
  .environment {
    width: 100%;
    height: auto;
    min-height: 150px;
    vertical-align: middle;
  }
  .environment .common_width {
    width: 100%;
    margin: 0 auto;
    /* padding: 3%; */
    margin-top: -51%;
  }
  .environment .common_width .fbc{
    margin-top: 50px;
    width: 100%;
  }
  .environment .common_width .ment_l{
     width: 35%;
     float: left;
     margin-left: 8%;
     margin-right: 3%;
     margin-top: -3%;
  }
  .environment .common_width .ment_l img {
    width: 80%;
    height: 80%;
  }
}
/* css样式要改 */
.environment .common_width .ment_r {
  color: #fff;
  float: left;
  margin-top:3% ; 
  width: 50%;
  margin-right: 6%;
}

@media screen and (max-width: 1400px){
  .environment  .ment_img{
    width: 100%;
    height:auto;
  }
  .environment .ment_img img{
    width: 100% !important;
    height: 100%;
  }

  .environment .common_width .ment_l {
    /* margin-right: 5%; */
    float: left;
    width: 40%;;
    margin-top: -5%;
    padding-bottom: 10%;
  }
  .environment .common_width .ment_r {
    color: #fff;
    float: right;
    width: 55%;
    margin-left:5% ;
    padding-top:0% ;
    /* margin-top: 3%;
    width: 50%;
    margin-right: 6%; */
}
.environment .common_width .ment_r .ment_r2 h2{
	font-size: 20px;
    margin-bottom: 20px;
	margin-top:0px;
	
	

}
.environment .common_width .ment_r .ment_r2 p{
	font-size: 10px;
    line-height: 164%;
    opacity: .8;
    padding-bottom: 0%;
}

}




/* 改添加手机端式样 */
 @media only screen and (max-width: 768px){
	.environment .ment_img img {
    width: 100% !important;
    height: 300px;
}
.environment .common_width {
    width: 100%;
    margin: 0 auto;
    /* padding: 3%; */
    margin-top: -100%;
}
.environment .common_width .ment_r .ment_r2 h2 {
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 0px;
}
	.environment .common_width .ment_l {
    /* margin-right: 5%; */
    float: left;
    width: 50%;
    margin-top: -5%;
    padding-bottom: 10%;
	margin-left:0;
}
	.environment .common_width .ment_l img {
    width: 100%;
    height: 100%;
}
.environment .common_width .ment_r {
	margin-right:0;
}
.environment .common_width .ment_r .ment_r2 p {
    font-size: 10px;
    line-height: 150%;
    opacity: .8;
    padding-bottom: 0%;
	transform: scale(.8);
}
.section_title .intro_large {
     font-size: 0px;
    font-weight: 600;
    color: #eeeded;
    position: absolute;
    top: -50px;
    z-index: -100;
    width: 100%;
}
.cont_law .law_box {
    width: 100%;
    padding: 5%;
    background: #fff;
}
.cont_law .law_l {
    height: 100%;
    width: 100%;
    margin-right: 5%;
    display: flex;
    flex-direction: column;
}
.cont_law .law_r {
    height: 100%;
    display: none;
    width: 50%;
}
.environment .common_width .ment_l {
    /* margin-right: 5%; */
    float: left;
    width: 50%;
    height: 260px;
    margin-top: 8%;
    padding-bottom: 10%;
    margin-left: 0;
}
  }