.wzdes{width: 90%;position: absolute;text-align: center;left: 5%;top: 32%;color: #fff;}
.wzdes h2{font-size: 46px; text-transform: capitalize; margin-bottom: 20px;}
.wzdes p{font-size: 16px;}
.offer{background: #589f73; overflow: hidden; border-bottom: 15px solid #e5e5e5;}
.offer .row{margin: 0;}
.offer .col-xl-4,.offer .col-xl-8{ padding: 0; }
.offer .content{ color: #fff; padding: 0 30px 5px 0;}
.offer .title::before{content: "";border: 60px solid transparent;border-right-color:#589f73;margin-left: -120px;position: absolute;top: 0;}
.offer .title{font-size: 24px; text-transform: uppercase; font-weight: bold; padding-bottom: 5px;position: relative; z-index: 1; color: #fff;padding-top: 37px;}
.offer .content::before{content: ""; background:#589f73;width: 60px; height: 100%; position: absolute; margin-left: -60px; margin-top: 60px;}
.offer p{margin-top: 18px;}
.offer .content em{font-size: 16px;}
.product{padding: 40px;}
.product .typename,.choose .typename{text-align: center; font-size: 26px; text-transform: uppercase; color: #414141; margin-bottom: 30px;}
.product .box-img{ display:block; position:relative; overflow: hidden; position: relative; border: 2px solid #589f73; border-bottom: none; }
.product .box-img img{ transition:all 0.3s ease;}
.product a{text-decoration: none;}
.product a:hover .box-img img{ transform: scale(1.2); } 
.product a:hover .box-img::before{background: rgba(0,0,0,0.5); width: 100%; height: 100%; content: ""; position: absolute;z-index: 2;}
.product a:hover .box-img::after{content:"\f0c1"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 50%; top: 50%; color: #fff; font-size: 40px;z-index: 3; margin-left: -16px; margin-top: -10px;}
.product .title{ background: #589f73; font-size:14px; color: #fff; text-transform: capitalize; display: block;padding: 10px 0;transition:all 0.3s ease; text-align: center; } 
.product .row{margin:0 -5px;}
.product .row .col-lg-3{padding: 0 5px; margin-bottom: 10px;}
.borderbottom{border-bottom: 15px solid #e5e5e5; }
.choose{padding:50px 30px 30px 30px; background: #ececec;}
.choose .title{font-size: 32px; color: #414141; margin-bottom:3.9%; font-weight:bold; font-family: Times New Roman; text-align: center;}
.choose .title2{color: #333333; font-family: Times New Roman; font-size: 18px; margin: 10px 0 15px; font-weight: bold; }
.choose p{ color: #535353; }
.choose .diyrow{margin-left: -7px; margin-right: -7px; }
.choose .diyrow .col-6,.choose .diyrow .col-lg-4{padding-right: 7px; padding-left: 7px;}
.choose .matop{margin-top: 3.6%;}
.choose span {display: block;line-height: 18px;padding: 11px 0;}
.choose ul{list-style: none; text-align: center;}
.choose ul li{display: inline-block; margin: 0 5px;}
.choose ul li a{display: inline-block;border: 1px solid #589f73; padding:5px 10px;border-radius: 3px; color: #535353; margin-bottom: 10px;}
.choose ul li a:hover{ background:#589f73; color: #fff; text-decoration: none;}
.news{ padding: 40px 25px; }
.news .newslist {
  border-bottom: 1px solid #d8d8d8;
  line-height: 20px;
  padding: 12px 0;
}
.newslist span {
  color: #a3a3a3;
  font-style: italic;
}
.news .newslist .news-no{ width: 64px; height: 68px; background: #8e9196; color: #3f434a; text-align: center; font-size: 14px; float: left; margin-right: 18px; padding-top: 15px;}
.news .newslist .news-no b{ font-size: 34px; color: #fff; }
.news .newslist a{ color: #535353; font-size: 15px; text-transform: capitalize; }
.news .newslist p{ margin-top: 10px; }
.news .ser-name{ margin-bottom:35px; }
.myform{ background: #fff; box-shadow: 0 1px 3px 3px #d0d1d1;position: relative; }
.myform .formbody{ padding:15px 20px 1px; }
.myform .gettop{ height: 58px; color: #fff; line-height: 58px; text-align: center; background: #589f73; font-size: 36px; font-family: Times New Roman; text-transform: uppercase;  }
.myform input.form-control{ height: 48px; }
.myform .mailbtn{ background: #589f73; color: #fff; width: 162px; height: 48px; border: none; cursor: pointer; font-size: 14px; font-weight: bold; border-radius: 5px; text-transform: uppercase; }
.myform .mailbtn:hover{ background:#545f61;  }
.newscont{padding-top:20px;}
.newstitle{ font-size: 34px; color:#414141;  text-transform: uppercase;  font-size: 26px; line-height: 58px; }
@media (min-width:992px){
  .newscont{ position: relative; }
}
.myform span{ font-size: 12px; color: #979899; padding-left: 4%; }
.myform .form-group{ margin-bottom: 8px; }
.swiper-container .swiper-slide{height: 400px;}
@media (max-width: 991px) {
    .swiper-container .swiper-slide{height: 350px;}
    .offer .content{padding-left: 15px; padding-right: 15px;}
    .myform .gettop{font-size: 24px; margin-top: 40px;}
  .wzdes h2{font-size: 28px;}
}
@media (max-width: 767px){
    .swiper-container  .swiper-slide{height: 350px;}
    .wzdes{top: 22%;}
    .newstitle{ font-size:24px; text-align: center; }
}
/* .accordion */
.accordion { height:300px;overflow: hidden;position:relative; }
.accordion:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff; }
.accordion._create:after { display: none; }
.accordion__ul { display:block;list-style: none;margin: 0;padding: 0;width:9999px;height:300px;overflow:hidden;position:absolute;left:0;top:0; }
.accordion__li {position: relative; display:block;list-style: none;margin: 0;padding: 0;height:300px;float:left;overflow: hidden;box-shadow: 0 0 10px 0 #000;transition: all 0.3s ease-out; }
.accordion__img { display: block;cursor: pointer; max-width: none;}
.accordion p{position: absolute; bottom: 0; left: 0;writing-mode:tb-rl; color: #fff; text-shadow: 5px 2px 5px rgba(0,0,0,.8); font-size: 15px;}