* {
  margin: 0;
  padding: 0;
  position: relative;
  font-family: "Microsoft YaHei";
}
.swiper {
  width: 100%;
  height: 67.5rem;
  background: #FFFFFF;
}
.swiper a{
  width: 100%;
  height: 67.5rem;
  display: block;
}
.swiper img {
  width: 100%;
  height: 67.5rem;
  transform: scale(1.1,1.1);
  transition: 1s linear 2s;
}
.swiper .swiper-slide{
  overflow: hidden;
}
.swiper .swiper-slide-active img{
  transform: scale(1,1);
  transition:1s linear;
}
.product {
  width: 100%;
  background-image: url("../images/bg-1.png");
  background-repeat: round;
  background-size: 100%;
}
.product .title {
  padding-top: 3.3125rem;
  margin-bottom: 5.625rem;
  width: 100%;
  text-align: center;
}
.product .title .title1 {
  font-size: 1.5rem;
  font-weight: bold;
}
.product .title .title1 span {
  color: #015F3B;
}
.product .title .title2 {
  font-size: 1rem;
  color: #AAAAAA;
  margin-top: 0.3125rem;
}
.product .bot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product .bot .bot1 {
  width: 22.5rem;
  margin-bottom: 4.375rem;
  background: #FFFFFF;
  box-shadow: 0.1875rem 0.3125rem 0.9375rem 0.0625rem rgba(0, 0, 0, 0.16);
  border-radius: 0.5rem;
  margin-right: 3.125rem;
  overflow: hidden;
}
.product .bot .bot1 img {
  width: 100%;
  background: #5C5C5C;
  border-radius: 0.5rem 0.5rem 0rem 0rem;
}
.product .bot .bot1 .bot1-top{
  width: 100%;
  height: auto;
  overflow: hidden;
}
.product .bot .bot1 .bot1-bot {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #333333;
  padding-bottom: 1rem;
}
.product .bot .bot1 .bot1-bot a:hover{
  text-decoration: none;
  color: #015F3B;
}
.product .bot .bot1 .bot1-bot .title {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 1.2rem auto;
  padding: 0;
  color: #333333;

}
.product .bot .bot1 .bot1-bot .bott1 {
  font-size: 0.9375rem;
  margin-bottom: 0.5rem;
  text-align: center;
  color: #333333;

}
.product .bot .bot1:hover img {
  transform: scale(1.1);
  /* margin-left: 3.125rem;
  margin-right: 5.625rem; */
  transition: all .4s ;
}
.product .bot .active .img {
  transform: scale(1.1);
  transition: all .4s ;
}
.about {
  width: 100%;
  height: 53.125rem;
  background-image: url("../images/bg-2.jpg");
  background-repeat: round;
  background-size: 100%;
  padding-top: 3.125rem;
}
.about .about1 {
  width: 75rem;
  height: 47.5625rem;
  background: #FFFFFF;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin: 0 auto ;
}
.about .about1 .title {
  position: relative;
  padding-top: 3.3125rem;
  margin-bottom: 3.75rem;
  width: 100%;
  text-align: center;
}
.about .about1 .title .title1 {
  font-size: 1.5rem;
  font-weight: bold;
}
.about .about1 .title .title1 span {
  color: #015F3B;
}
.about .about1 .title .title2 {
  font-size: 1rem;
  color: #AAAAAA;
  margin-top: 0.3125rem;
}
.about .about1 .title .left {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 18.75rem;
  height: 3.125rem;
}
.about .about1 .title .right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 18.75rem;
  height: 3.125rem;
}
.about .about1 .article {
  padding: 0 2.5rem;
  display: flex;
}
.about .about1 .article .left {
  width: 34.375rem;
  height: 28.75rem;
  margin-right: 3.75rem;
}
.about .about1 .article .right {
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.5;
  height: 28.75rem;
  overflow: auto;
}
.about .about1 .article .right::-webkit-scrollbar {
  width: 1px;
  /* background-color: #015F3B; */
  background: linear-gradient(180deg,#015F3B 0%, #000000 100%);
}
.about .about1 .more {
  padding: 0 1.75rem;
  height: 3.4375rem;
  line-height: 3.4375rem;
  text-align: center;
  background: #015F3B;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  font-size: 1.25rem;
  color: #fff;
  position: absolute;
  right: 2.5rem;
  bottom: 4.5rem;
}
.map {
  width: 100%;
  background-image: url("../images/bg-3.png");
  background-repeat: round;
  background-size: 100%;
  padding-top: 3.125rem;
  padding-left: 26.875rem;
  padding-bottom: 8.25rem;
  box-sizing: border-box;
}
.map .title {
  margin-bottom: 4.375rem;
  width: 77.6%;
  text-align: center;
}
.map .title .title1 {
  font-size: 1.5rem;
  font-weight: bold;
}
.map .title .title1 span {
  color: #015F3B;
}
.map .title .title2 {
  font-size: 1rem;
  color: #AAAAAA;
  margin-top: 0.3125rem;
}
.map .bot {
  display: flex;
  margin-bottom: 4.625rem;
}
.map .bot .bot1 {
  display: flex;
  flex-direction: column;
  align-items: center ;
  margin-right: 7.5rem;
}
.map .bot .bot1 .top1 {
  font-size: 1rem;
  text-align: center;
  /*display: inline-flex;*/
}
.map .bot .bot1 .bot1-2 {
  text-align: center;
  margin-top: 0.75rem;
  color: #333333;
  font-size: 1.75rem;
}
.map .bot .bot1 span {
  color: #015F3B;
  font-size: 2.625rem;
  margin-right: 0.3125rem;
}
.map .slogan1 {
  font-size: 3.75rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 1.6875rem;
}
.map .slogan1 span {
  font-size: 2rem;
}
.map .more {
  width: 10.5625rem;
  height: 3.4375rem;
  line-height: 3.4375rem;
  text-align: center;
  background: #015F3B;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  font-size: 1.25rem;
  color: #fff;
  margin-top: 3rem;
}
.news {
  padding-bottom: 4.375rem;
  background: #F6F6F6;
  padding-left: 22.5rem;
  box-sizing: border-box;
}
.news .title {
  padding-top: 3.3125rem;
  margin-bottom: 5.625rem;
  width: 81.25%;
  text-align: center;
}
.news .title .title1 {
  font-size: 1.5rem;
  font-weight: bold;
}
.news .title .title1 span {
  color: #015F3B;
}
.news .title .title2 {
  font-size: 1rem;
  color: #AAAAAA;
  margin-top: 0.3125rem;
}
.news .switch {
  margin-bottom: 3.375rem;
  font-size: 1.5rem;
  color: #333333;
  display: flex;
}
.news .switch .switch1 {
  margin-right: 3.375rem;
}
.news .switch .switch1:hover{
  color: #015F3B;
}
.news .switch .active {
  color: #015F3B;
}
.news .switch .active::after {
  background: #015F3B;
  position: absolute;
  width: 5rem;
  height: 0.25rem;
  bottom: -0.5rem;
  left: 10%;
  right: 0;
  content: " ";
}
.news .bot {
  display: flex;
  flex-wrap: wrap;
}
.news .bot .bot1 {
  width: 22.5rem;
  background: #FFFFFF;
  box-shadow: 0.1875rem 0.3125rem 0.9375rem 0.0625rem rgba(0, 0, 0, 0.16);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin-right: 3.75rem;
  margin-bottom: 2rem;
  overflow: hidden;
}
.news .bot .bot1 .bot1-1:hover img{
  transform: scale(1.1);
  transition: all .4s;

}
.news .bot .bot1:hover .title1{
  color: #015F3B!important;
}
.news .bot .bot1 .bot1-1 {
  width: 22.5rem;
  height: 14.0625rem;
  border-radius: 0.5rem 0.5rem 0rem 0rem;
  overflow: hidden;
}
.news .bot .bot1 .bot1-1 img{
  width: 100%;
  height: 100%;
}
.news .bot .bot1 .bot1-2 {
  padding: 0.625rem 1.625rem 1.4375rem 1.1875rem;
  box-sizing: border-box;
}
.news .bot .bot1 .bot1-2 .title1 {
  font-size: 1.125rem;
  color: #333333;
  margin-bottom: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news .bot .bot1 .bot1-2 .desc {
  color: #A8A8A8;
  font-size: 0.875rem;
  margin-bottom: 0.9375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news .bot .bot1 .bot1-2 .bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #A8A8A8;
  font-size: 0.875rem;
}
.cooperation {
  background: #F6F6F6;
  padding-bottom: 5.625rem;
  padding: 0 22.5rem 5.625rem;
}
.cooperation .title {
  padding-top: 3.3125rem;
  margin-bottom: 3.75rem;
  width: 100%;
  text-align: center;
}
.cooperation .title .title1 {
  font-size: 1.5rem;
  font-weight: bold;
}
.cooperation .title .title1 span {
  color: #015F3B;
}
.cooperation .title .title2 {
  font-size: 1rem;
  color: #AAAAAA;
  margin-top: 0.3125rem;
}
.cooperation .bot {
  display: flex;
  flex-wrap: wrap;
}
.cooperation .bot .bot1 {
  width: 13.3125rem;
  height: 5.8125rem;
  background: #FFFFFF;
  border: 1px solid #015F3B;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1.5rem;
  margin-right: 1rem;
  margin-bottom: 1.875rem;
  overflow: hidden;
}
.cooperation .bot .bot1:hover img{
  transform: scale(1.2);
  transition: all .4s;
}
.cooperation .bot .bot1 img {
  width: 7.9375rem;
  height: 3.875rem;
}
.cooperation .bot .bot1:nth-child(5n) {
  margin-right: 0;
}
.about .about1 .more {
  background:#ffffff;
  border: 1px solid #015F3B;
  color: #015F3B;
  box-sizing: border-box;

}
.about .about1 .more:hover{
  background: #015F3B;
  color: #fff;
  text-decoration: none;
}
.map .more {
  background:#ffffff;
  border: 1px solid #015F3B;
  color: #015F3B;
  box-sizing: border-box;
  display: block;

}
.map .more a{ 
  color: #015F3B;
}
.map .more:hover{
  background: #015F3B;
  color: #fff;
  text-decoration: none;

}
.map .more:hover a{
  color: #fff;
  text-decoration: none;
}
@media (max-width: 1000px){
  .about .about1 .article .right  * {
    font-size: 1.25rem!important;
    line-height: 1.5!important;
}
.about .about1 .more {
  bottom: 1.5rem;
}
.product .title .title1 {
  font-size: 15px;
}
.product .title .title2 {
  font-size: 14px;
  margin-top: .5rem;
}
.product .bot .bot1 .bot1-bot .title {
  font-size: 16px;
}
.product .bot .bot1 .bot1-bot .bott1 {
  font-size: 14px;
  margin-bottom: 1rem;
}
.about .about1 .title .title1 {
  font-size: 16px;
  font-weight: bold;
}
.about .about1 .title .title2 {
  font-size: 14px;
  color: #AAAAAA;
  margin-top: 0.3125rem;
}
.about .about1 .article .right  *{
  font-size: 14px!important;
}
.map .title .title1 {
  font-size: 16px;
  font-weight: bold;
}
.map .title .title2 {
  font-size: 14px;
}
.map .bot .bot1 .top1 {
  font-size: 14px;
}
.map .bot .bot1 .bot1-2 {
  font-size: 14px;
}
.news .title .title1 {
  font-size: 16px;
  font-weight: bold;
}
.news .title .title2 {
  font-size: 14px;
}
.news .switch {
  font-size: 16px;
}
.news .bot .bot1 .bot1-2 .title1 {
  font-size: 16px;
}
.news .bot .bot1 .bot1-2 .desc {
  font-size: 14px;
}
.cooperation .title .title1 {
  font-size: 16px;
}
.cooperation .title .title2 {
  font-size: 14px;
}
.news {
  padding-left: 12.5rem;
  box-sizing: border-box;
}
.news .bot .bot1 .bot1-1 {
  width: 30rem;
}
.news .bot .bot1 {
  width: 30rem;
}
.cooperation .bot .bot1 img {
  width: 100%;
  height: 100%;

}
}


@media (max-width: 450px){
  .product .title .title1 {
    font-size: 18px;
    font-weight: bold;
}
.product .title .title2 {
  font-size: 14px;
}
.product .bot {
  flex-wrap: wrap;
}
.product .bot .bot1 {
  width: 90%!important;
  margin-bottom: 5rem!important;
  margin-right: 0!important;
}
.product .bot .bot1 .bot1-bot .title {
  font-size: 16px;
  font-weight: bold;
  margin: 3rem auto;
  padding: 0;
}
.product .bot .bot1 .bot1-bot .bott1 {
  font-size: 14px;
  margin-bottom: 1rem;
  text-align: center;
}
.product .bot .bot1:hover {
  transform: scale(1)!important;

}

.product .bot .active {
  transform: scale(1);
}
.product .bot .bot1 .bot1-bot {
  padding-bottom: 3rem;
}
.about .about1 {
  width: 110rem!important;
  height: auto;
}
.about .about1 .title {
  position: relative;
  padding-top: 5rem;
  margin-bottom: 5rem;
  width: 100%;
  text-align: center;
}
.about .about1 .title .title1 {
  font-size: 16px;
  font-weight: bold;
}
.about .about1 .title .title2 {
  font-size: 14px;
  color: #AAAAAA;
  margin-top: 3rem;
}
.about .about1 .article {
  padding: 0 5rem;
  display: flex;
  flex-direction: column;
}
.about .about1 .article .left {
  width: 100%;
  height: auto;
  margin-right: 0;
  margin-bottom: 3rem;
}
.about .about1 .article .right {
  font-size: 14px;
  color: #333333;
  line-height: 1.5;
  height: auto;
  overflow: hidden;
}
.about .about1 .article .right * {
  font-size: 14px!important;
  color: #333333;
  line-height: 1.5!important;
}
.about .about1 .more {
  bottom: 5rem!important;
  font-size: 16px!important;
  width: 32rem!important;
  height: 8rem!important;
  line-height: 8rem!important;
}
.about .about1 {
  padding-bottom: 10rem;
}
.map .title {
  margin-bottom: 5rem;
  width: 100%;
  text-align: center;
}
.map .title .title1 {
  font-size: 16px;
  font-weight: bold;
}
.map .title .title2 {
  font-size: 14px;
  color: #AAAAAA;
  margin-top: 2rem;
}
.map .bot {
  display: flex;
  justify-content: space-between!important;
  margin-bottom: 5rem!important;
  flex-wrap: wrap;
}
.map .bot .bot1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 0;
  width: 50%;
  margin-bottom: 10rem;
  box-sizing: border-box;
    padding: 0 10rem;
}
.map .bot .bot1:nth-child(2n){
  align-items: flex-end;
}
.map .bot .bot1 .top1 {
  font-size: 16px;
}
.map .bot .bot1 span {
  font-size: 20px;
  margin-right: 1rem;
}
.map .bot .bot1 .bot1-2 {
  margin-top: 1rem;
  font-size: 16px;
}
.map .slogan1 {
  font-size: 16px;
  margin-left: 10rem;
}
.map .slogan1 span {
  font-size: 14px;
}
.map .more {
  width: 32rem!important;
  height: 8rem!important;
  line-height: 8rem!important;
  border-radius: 4rem!important;
  font-size: 16px!important;
  margin-top: 5rem!important;
  margin-left: 10rem!important;
  background: #015F3B;
  border: none;
  color: #fff;
  /* background-color: #fff!important; */

}
.news .title .title1 {
  font-size: 18px;
  font-weight: bold;
}
.news .title {
  padding-top: 7.5rem;
  margin-bottom: 7.5rem;
  width: 100%;
  text-align: center;
}
.news {
  padding-left: 0!important;
}
.news .title .title2 {
  font-size: 14px;
  color: #AAAAAA;
  margin-top: 1rem;
}
.news .switch {
  padding-left: 5rem;
  font-size: 16px;
}
.news .switch .switch1 {
  margin-right: 8rem;
}
.news .bot .bot1 {
  width: 90%!important;
  margin: 3rem auto;
}
.news .bot .bot1 .bot1-2 .title1 {
  font-size: 16px;
  color: #333333;
  margin-bottom: 2rem;
}
.news .bot .bot1 .bot1-2 .desc {
  color: #A8A8A8;
  font-size: 14px;
  margin-bottom: 0;
}
.news .bot .bot1 .bot1-2 {
  padding: 3rem 5rem 0;
  box-sizing: border-box;
}
.cooperation .title .title1 {
  font-size: 16px;
  font-weight: bold;
}
.cooperation .title .title2 {
  font-size: 14px;
  color: #AAAAAA;
  margin-top: 1rem;
}
.cooperation {
  padding: 0 5rem 7.5rem;
}
.cooperation .bot .bot1 {
  width: 48%;
  height: auto;
  margin-right: 0;
  margin-bottom: 5rem;
}
.cooperation .bot {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cooperation .bot .bot1 img {
  width: 100%;
  height: auto;
}
.cooperation .title {
  padding-top: 5rem;
  margin-bottom: 7.5rem;
}







}