@media screen and (min-width: 1220px) {
  .title div {
    display: flex;
    justify-content: space-between;
  }
  .title {
    width: 1200px;
    margin: auto;
  }
  .main2 .wp {
    display: flex;
    justify-content: space-between;
  }
  .pro .swiper-slide {
    width: 360px !important;
  }
}

.link1 {
  padding-bottom: 20px !important;
  margin-top: 32px !important;
}

.swiper-button-next, .swiper-button-prev {
  outline: none;
}

.pro .swiper-container .swiper-scrollbar {
  position: absolute;
  left: 50%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  transform: translateX(-50%);
}

.title span {
  font-size: 36px;
  font-weight: 800;
  line-height: 30px;
  color: #13a552;
}

.title>p {
  font-weight: 800 !important;
  line-height: 30px !important;
  color: #13a552 !important;
  position: relative;
}

.information .title>p {
  width: 10%;
}

.title p {
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 30px !important;
  color: #13a552;
}

.title>p::after {
  width: 200px;
  height: 2px;
  background-color: #13a552;
  position: absolute;
  content: "";
  right: -205px;
  top: 13px;
}
.main1 .right .title>p::after{
  top: 24px;
}
.information {
  margin-top: 102px;
}

.informationMain>div>div {
  display: flex;
  justify-content: space-between;
}

.informationMain {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.informationMain .left {
  width: 600px;
  height: 613px;
}

.informationMain .swiper-container {
  width: 100%;
  height: 100%;
}

.informationMain .left img {
  width: 600px;
  height: 399px;
}

.informationMain .swiper-button-prev, .informationMain .swiper-button-next {
  width: 50px;
  height: 50px;
  border: solid 1px #2aae63;
  border-radius: 100%;
  top: auto;
  bottom: 22px;
  left: 21px;
  right: auto;
  opacity: 1 !important;
  z-index: 200;
}

.informationMain .swiper-button-next {
  left: 91px;
}

.swiper-button-prev:after {
  content: ""!important;
  width: 21px;
  height: 23px;
  background: url(../images/previous.png) center center/100% 100%;
}

.swiper-button-next:after {
  content: ""!important;
  width: 21px;
  height: 23px;
  background: url(../images/next.png) center center/100% 100%;
}

.swiper-slide {
  display: flex;
  flex-direction: column;
}

.informationMain .swiper-slide div {
  height: 214px;
  background: #f4f4f4;
  padding-left: 15px;
  padding-top: 23px;
}

.informationMain .swiper-slide div p {
  font-size: 16px;
  color: #13a552;
  margin-bottom: 23px;
}

.informationMain .swiper-slide div span {
  font-size: 20px;
  display: block;
  color: #13a552;
  margin: auto;
}

.right ul li {
  display: flex;
  width: 564px;
  height: 117px;
  align-items: center;
  margin: auto;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.right ul a:first-child li {
  border-top: 1px solid #e8e8e8;
}

.right ul li span {
  width: 428px;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.right ul li p em {
  font-size: 32px;
  line-height: 27px;
  letter-spacing: 3px;
  font-weight: 800;
  font-style: normal;
}

.right ul li p {
  font-size: 15px;
  line-height: 27px;
  color: #b7b7b7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.right ul li p::after {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  width: 1px;
  height: 60px;
  background-color: #e4e4e4;
}

.right ul li:hover {
  box-shadow: 0px 0px 20px 0px rgba(94, 92, 92, 0.1);
  border: none;
  transition: .5s;
}

.right ul li:hover>span {
  margin-left: 44px;
  transition: .5s;
}

.right ul li::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 60px;
  background-color: #e4e4e4;
  right: 98px;
  top: 35px;
  opacity: 0;
}

.right ul li:hover::after {
  opacity: 1;
}

.right ul li img {
  width: 40px;
  height: 29px;
  position: absolute;
  right: 38px;
  opacity: 0;
}

.right ul li:hover img {
  opacity: 1;
  transition: .5s;
  transform: translateX(20px);
}

.right ul li:hover p {
  opacity: 0;
}
.main2_left .a img {
    width: 85% !important;
  }
.right>a {
  font-size: 20px;
  line-height: 30px;
  margin-top: 27px;
  color: #20a659;
  display: block;
  float: right;
  margin-right: 20px;
}

.right>a img {
  width: 27px;
  height: 19px;
  margin-left: 10px;
}

.pro .pho {
  display: none;
}

.main1 {
  width: 1200px;
  margin: auto;
  background: none !important;
  display: flex;
  justify-content: space-between;
}

.main1 .left {
  width: 604px;
}

.main1 .title {
  width: 100%;
}

.main1 .title span {
  font-size: 36px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #13a552;
}

.main_left p {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -1px;
  color: #333333;
}

.main_left>p {
  font-size: 20px;
  line-height: 30px;
  color: #333333;
}

.main_left>p:last-child {
  margin-top: 44px;
}

.main_left ul {
  width: 554px;
  display: flex;
  justify-content: space-between;
  margin-top: 43px;
  margin: 39px auto;
}

.main_left ul li {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.main_left ul li img {
  width: 58px;
  height: 59px;
  margin-bottom: 16px;
}

.main_left ul li p {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 22px;
  letter-spacing: 0px;
  color: #333333;
}

.main_left ul li::after {
  width: 1px;
  height: 66px;
  background-color: #e4e4e4;
  content: "";
  position: absolute;
  top: 18px;
  right: 0px;
}

.main_left ul li:last-child::after {
  display: none;
}

.main1 .right {
  width: 515px;
}

.main1 .right>div:first-child {
  width: 515px;
  height: 555px;
  background-color: #13a552;
  box-shadow: 0px 0px 9px 0px rgba(94, 92, 92, 0.2);
  position: relative;
  margin-top: 58px;
}

.main1 .right>div:first-child img {
  width: 512px;
  height: 555px;
  position: absolute;
  bottom: 60px;
  right: 60px;
}

.main1 .right .title {
  margin: 60px 0 0;
}

.main1 .left .title p {
  width: 35%;
}

.main2 .title p {
  width: 11%;
}

.main1 .right .title p {
  width: 40%;
  line-height: 50px !important;
  margin: 0 0 19px;
}

.main1 .right p {
  font-size: 18px;
  line-height: 28px;
  color: #333333;
  margin: auto;
}

.main2 {
  padding-bottom: 97px !important;
  background: #f7f7f7 !important;
}

.main2_left .title1 {
  margin-top: 90px;
}

.main2_left .title1 p {
  width: 19%;
}

.title2 p {
  width: 57% !important;
}
.pro .title p{
  width: 7%;
}
.main2 .title span {
  font-size: 36px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #13a552;
}

.main2_left {
  width: 641px;
}

.main2_left .a {
  position: relative;
}

.main2_left .a p {
  height: 348px;
  font-size: 24px;
  line-height: 30px;
  color: #333333;
  transform: rotateZ(90deg);
  position: absolute;
  right: 13px;
  top: 0px;
}

.main2 .next {
  width: 51px;
  height: 50px;
  border: solid 1px #2aae63;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}

.main2 .next img {
  width: 21px;
  height: 23px;
}

.title p {
  margin-bottom: 19px;
}

.main2_right {
  width: 600px;
  height: 887px;
  margin-top: 152px;
  position: relative;
}

.main2_right .title {
  width: 336px;
  margin-left: 71px;
  margin-top: 192px;
}

.main2_right .title p {
  color: #fff !important;
}

.main2_right .title span {
  color: #fff;
}

.main2_right .title p::after {
  background: #fff;
}

.main2_right>img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.main2_right>div {
  width: 100%;
  height: 523px;
  background-color: #13a552;
  box-shadow: 0px 0px 9px 0px rgba(94, 92, 92, 0.2);
  position: absolute;
  bottom: 0;
}

.main2_right .next {
  margin-top: 20px !important;
}

.main2_right>div>p {
  width: 458px;
  font-size: 18px;
  line-height: 28px;
  color: #fefefe;
  margin: 0 auto 0 78px;
}

.main2_right .next {
  border-color: #fff;
  margin-left: 78px;
}

.bottom {
  width: 226px;
  height: 60px;
  border: solid 4px #13a552;
  position: absolute;
  right: 70px;
  bottom: 0;
}

.bottom p {
  font-size: 20px;
  line-height: 30px;
  color: #13a552;
  font-weight: 800;
}

.bottom span {
  font-size: 36px;
  font-weight: 800;
  line-height: 30px;
  letter-spacing: -1px;
  color: #13a552;
}

.bottom>div {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 130px;
  top: 20px;
  background: #f7f7f7 !important;
  padding-left: 17px;
}

.pro {
  width: 1200px;
  height: 625px;
  margin: 100px auto 0;
  position: relative;
}

.pro .swiper-container {
  height: 500px;
}

.pro .swiper-scrollbar-drag {
  background-color: #13a552;
}

.pro .swiper-slide {
  height: 440px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 !important;
  position: relative;
}

.pro .swiper-slide div {
  width: 319px;
  position: absolute;
  bottom: 42px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.pro .swiper-slide:nth-child(4) div {
  bottom: 19px;
}

.pro .swiper-slide div p {
  font-size: 20px;
  font-weight: 800;
  line-height: 17px;
  color: #ffffff;
  margin-bottom: 19px;
}

.pro .swiper-slide div span {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}

.pro .swiper-button-prev, .pro .swiper-button-next {
  width: 50px;
  height: 50px;
  border: solid 1px #2aae63;
  border-radius: 100%;
  top: 34px;
  bottom: auto;
  left: auto;
  right: 0;
  opacity: 1 !important;
  outline: none;
}

.pro .swiper-button-prev {
  right: 70px;
}

.inpsd_ss>div {
  width: 1470px;
  margin: 0 auto 0.15rem;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.inpsd_sr {
  width: 260px;
  height: 40px;
  border-radius: 10px;
  background-color: #ffffff;
  letter-spacing: 1px;
  font-size: 14px;
  padding-left: 10px;
  margin-right: 20px;
}

.inpsd_srs {
  width: 1.5rem;
}

.inpsd_sr::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999999;
  font-size: 0.14rem;
}

.inpsd_sr::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
  font-size: 0.14rem;
}

.inpsd_sr:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999999;
  font-size: 0.14rem;
}

.inpsd {
  position: fixed;
  bottom: 0;
  z-index: 100;
}

.inpsd>img {
  width: 100%;
}

.inpsd>img.inps12 {
  width: 26px;
  height: 26px;
  position: absolute;
  right: 10px;
  bottom: 55px;
  z-index: 999;
  cursor: pointer;
}

.inpsd .inps1200 {
  display: block;
}

.inpsd_ss {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.inpsd .inps120 {
  display: none;
}

.inpsd_ss>div {
  width: 1470px;
  margin: 0 auto 15px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  border: none;
  outline: none;
}

.inpsd_btn {
  background-color: #fcd022;
  width: 100px;
  font-size: 16px;
  height: 40px;
  border-radius: 10px;
  color: #fc6435;
  letter-spacing: 1px;
}

@media (max-width: 1600px) {
  .inpsd_ss>div {
    width: 90%;
    margin: 0 auto 15px;
    justify-content: flex-end;
  }
}

@media screen and (max-width:800px) {
  .main_left {
    width: 95%;
    margin: auto;
  }
  .main1 .left .title p {
    width: 36%;
}
.informationMain .swiper-slide div{
  height: 252px;
}
.title span{
    font-size: 20px !important;
}
  .main1 .right .title p{
    width: 43%;
  }
  .pro .swiper-slide {
    height: auto !important;
  }
  .main2_left .a p {
    z-index: 0;
  }
  .main1 .right p {
    width: 90%;
  }
  .title2 p{
      width: 40% !important;
  }
  .main1 .title {
    width: 90% !important;
    margin: 25px auto 20px !important;
  }
  .main2{
    margin-top:69px ;
    padding-top: 30px;
  }
  .main2_left .title1{
    margin-top: 30px;
  }
  .informationMain .left {
    width: 100%;
    height: auto;
  }
  .title>p::after {
    width: 177px;
    right: -186px;
  }
  .informationMain {
    width: 100%;
    display: block;
  }
  .main2 .next {
    z-index: 10;
    position: relative;
  }
  .pro .title {
    width: 90%;
    margin: auto;
    margin-bottom: 20px;
  }
  .information {
    margin-top: 0px !important;
  }
  .information .title {
    width: 90%;
    margin: 20px auto;
  }
  .informationMain .left img {
    width: 100%;
    height: auto;
  }
  .informationMain ul {
    width: 100%;
  }
  .right ul li {
    width: 100%;
    padding: 0;
    justify-content: space-around;
  }
  .informationMain li span {
    width: 220px !important;
    font-size: 13px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .foot {
    margin-top: 60px;
  }
  .main1 {
    width: 100% !important;
    display: block !important;
  }
  .main_left ul {
    width: 100% !important;
  }
  .main_left ul li{
    text-align: center;
  }
  .main1 .left {
    width: 100% !important;
  }
  .main_left img {
    width: 100%;
  }
  .main1 .right>div:first-child {
    width: 95% !important;
    height: 263px;
    margin: auto;
  }
  .main1 .right .title p::after{
    top: 24px;
  }
  .main2_left .a {
    width: 100%;
  }
  .main2_left {
    width: 100% !important;
  }
  .main2_right {
    width: 100% !important;
    height: 733px !important;
    margin-top: 45px;
  }
  .main2_left img {
    width: 100%;
  }
  .main1 .right {
    width: 100% !important;
  }
  .main2_right>div {
    height: 547px !important;
  }
  .main2_right>img {
    width: 300px;
  }
  .bottom {
    position: relative !important;
    bottom: -17px !important;
    right: 0px !important;
  }
  .main2_left .a img {
    width: 100% !important;
  }
  .main2_right>div>p {
    width: 95% !important;
    margin: 40px auto 0!important;
  }
  .main2_right .title {
    margin-left: 12px !important;
  }
  .main2_right .next {
    margin-left: 12px !important;
  }
  .pro .swiper-container {
    width: 100%;
    height: 277px !important;
    display: none;
  }
  .pro .swiper-button-prev, .pro .swiper-button-next {
    display: none;
  }
  .pro .pho {
    display: block;
  }
  .pro {
    width: 100% !important;
    height: 100% !important;
    margin: 50px auto 0;
  }
  .pro .pho {
    width: 90%;
    height: auto;
    margin: auto;
    margin-top: 20px;
    display: block;
  }
  .pro .pho div {
    height: 350px;
  }
  .pro .pho div a {
    width: 100%;
    height: 100%;
    display: block;
    margin-top: 20px;
  }
  .pro .pho img {
    width: 100%;
    height: 100%;
  }
  .bottom>div {
    width: 80% !important;
  }
  .pro .swiper-slide div {
    bottom: auto !important;
    width: 100% !important;
    margin-top: 0;
    display: none;
  }
  .main1 .right>div:first-child img {
    width: 100% !important;
    bottom: auto !important;
    left: 50%;
    height: 263px;
    transform: translateX(-50%);
    right: auto !important;
  }
  .right ul li:hover>span {
    margin-left: 0 !important;
  }
  .main2 .title p {
    width: 22%;
}
.main2_left .title1 p{
  width: 45%;
}

.pro .title p {
  width: 16%;
}
.information .title>p {
  width: 22%;
}
.title p{
  font-size: 16px !important;
}

}