* {  margin: 0;  padding: 0;  font-family: 'Microsoft YaHei';  outline: none !important;}
i{ font-style: normal}
ul, ol, li {  list-style: none;}
li {  cursor: pointer;}
img {  vertical-align: top;}
a {  text-decoration: none;  cursor: pointer;  color: #000;}
html,body {  width: 100%;  overflow-x: hidden;}
.wraps{  position: relative;  width: 1920px;  left: 50%;  margin-left: -960px;}
#banner{
  width: 1920px;
  height: 864px;
  position: relative;
  background: url(../img/banner_bg1.jpg) 0 0 no-repeat,
              url(../img/banner_bg2.jpg) 0 192px no-repeat,
              url(../img/banner_bg3.jpg) 0 408px no-repeat,
              url(../img/banner_bg4.jpg) 0 631px no-repeat;
}
#nav {
  width: 100%;
  height: 69px;
  background-color: #fff;
  /* background-size: 100% 100%; */
}
#nav ul {
  display: flex;
  width: 1066px;
  height: 69px;
  margin: 0 auto;
  font-size: 16px;
}

#nav ul li {
  flex: 1;
  text-align: center;
  color: #000;
}

#nav ul li p:first-child {
  font-size: 18px;
  margin-top: 10px;
}
#nav ul li p:last-child {
  font-size: 12px;
  margin-top: 5px;
}
#nav ul li a{  color: #000;}
#nav ul li a:hover {  color: #0C8419;}
#nav ul li a:visited {  color: #000;}
#nav ul li a:hover {  color: #0C8419;}


.down{
  position: absolute;
  top: 675px;
  left: 218px;
  z-index: 99;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}
.down>div{
  float: left;
  position: relative;
  width: 267px;
  height: 94px;
  margin-right: 20px;
  cursor: pointer;
}
.ewm div{
  width: 133px;
  height: 133px;
  position: absolute;
  top: -170px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #14AD2D;
  border-radius: 5px;
  display: none;
}
.ewm img{width: 100%;height: 100%;}
.ewm:hover div{display: block;}
.btn{
  width: 170px;
  height: 64px;
  position: absolute;
}
.btn:hover{
  filter: contrast(120%);
}
.btn a{display:block;width: 100%;height: 100%;}


#main{
  height: 4183px;
  background: url(../img/main_bg1.jpg) 0 0 no-repeat,
  url(../img/main_bg2.jpg) 0 1496px no-repeat;
  padding-top: 1px;
}
#box1{
  height: 722px;
  overflow: hidden
}
.main1{
  margin: 152px 0 0 1020px;
}
.main1 p{
  width: 500px;
  height: 36px;
  line-height: 36px;
  background-color: #29B48C;
  border-radius: 18px;
  margin-bottom: 10px;
  text-indent: 24px;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: .2s;
}
.main1 p:hover{
  margin-left: -10px;
  background-color: #05AC17;
}
.main1 p a{color: #fff;}

#box2{
  height: 750px;
}

.main2{
  margin: 0 auto;
  width: 1100px;
  height: 600px;
  position: relative;
}
.main2 .swiper-slide,.main2 .swiper-slide img{
  width: 1100px;
  height: 600px;

}
.l-btn,.r-btn{
  position: absolute;
  top: 50%;
  margin-top: -40px;
  cursor: pointer;
  outline: none;
  z-index: 99;
}
.l-btn{  left: -30px;}
.r-btn{  right: -30px;}

#box3{
  height: 556px;
}
.main3{
  margin: 0 auto;
}
.main3 .swiper-slide{
  width: 384px;
  height: 484px;
  background: url(../img/zb_bg.png) no-repeat;
}
.main3 .swiper-slide div{
  width: 332px;
  height: 426px;
  margin: 28px auto 0;
  overflow: hidden;
}
.main3 .swiper-slide div img{
  width: 1000px;
  margin: -68px 0 0 -245px;
}

.imgs{
  width: 1200px;
  height: 680px;
  background: url(../img/imgs_bg.png) no-repeat;
  text-align: center;
  margin: 0 auto 28px;
}
.imgs img{
  width: 1134px;
  height: 600px;
  margin-top: 40px;
}