body,html,header,div,img,ul,li,a,p,h1,h2,h3,a{
  margin: 0;
  padding:0;
}
a{
  cursor: pointer;
  text-decoration: none;
}
.main{
  width: 100%;
  min-width: 1100px;
  overflow: hidden;
}
.w100{
  width: 100%;
  font-size: 0;
  text-align: center;
}
.box-center{
  width: 1100px;
  display: inline-block;
}
.header{
  width: 100%;
}
.header-img{
  width: 100%;
  height: auto;
}
.box1{
  padding-top: 22px;
  box-sizing: border-box;
}
.lf-1{
  width: 500px;
  height: 458px;
  float: left;
}
.rt-1{
  width: 598px;
  height: 458px;
  float: left;
  text-align: left;
  box-sizing: border-box;
  position: relative;
  z-index: 100;
}
.rt-1 .img-new{
  width: 698px;
  height: 458px;
}
.text-lf{
  text-align: left;
}
.mar-lf-15{
  margin-left: 15px;
}
.title{
  position: relative;
  display: inline-block;
  z-index: 100;
}
.title-img{
  width: auto;
  height: 49px;
  display: block;
}
.more-a{
  width: 52px;
  height: 23px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.box1{
  margin: 92px 0 99px 0;
}
.img-box1{
  width: 485px;
  height: 84px;
}
.img-3{
  width: 100%;
  height: 100%;
}
.mar-top-34{
  margin-top: 34px;
}
.box1-list{
  margin-top: 32px;
  margin-bottom: 42px;
}
.border1{
  overflow: hidden;
  position: relative;
}
.border1::after{
  content: '';
  width: 1098px;
  height: 376px;
  position: absolute;
  top:0;
  left:0;
  z-index: 99;
  border:1px solid #cccccb;
  box-sizing: border-box;
}
.box2{
  background-color: #014ec9;
  height: 708px;
  font-size: 0;
  text-align: center;
  padding-top: 65px;
  box-sizing: border-box;
}
.lf-2{
  width: 50%;
  height: 100%;
  float: left;
  text-align: left;
  position: relative;
}
.rt-2{
  width: 50%;
  height: 100%;
  float: left;
  text-align: left;
  position: relative;
}
.bg-2{
  background-image: url('../img/bg-3.jpg');
  background-repeat: no-repeat;
  background-size: 1570px 708px;
  background-position:center  top; 
}
.bg-lf{
  width: 547px;
  height:558px;
}
.box2 .lf-2 .box2-ul{
  width: 100%;
  margin-top: 50px;
  margin-left: 7.5px;
  overflow: hidden;
}
.box2 .rt-2 .box2-ul{
  width: 100%;
  margin-top: 50px;
  margin-left: 50px;
}
.box2 .lf-2 .box2-ul li,.box2 .rt-2 .box2-ul li{
  width: 225px;
}
.box2-ul li{
  float: left;
  position: relative;
  overflow: hidden;
}
.box2 .lf-2 span{
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  padding: 0 11px 0 15px;
  box-sizing: border-box;
  color:#fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;
  text-align: left;
}
.box2 .rt-2 span{
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  padding: 0 11px 0 15px;
  box-sizing: border-box;
  color:#000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;
  text-align: left;
}
.box2 .lf-2 .box2-ul li:nth-child(2){
  margin-left: 41px;
  margin-top: 54px;
}
.box2 .rt-2 .box2-ul li:nth-child(2){
  margin-left: 42px;
  margin-top: 54px;
}
.box2-img{
  width: 225px;
  height: 305px;
  margin-bottom: 6px;
}
.bg-rt{
  width: 100%;
  height: 558px;
}
.mar-lf46{
  margin-left: 46px;
}
.box3{
  width: 100%;
  background-image: url('../img/box3-bg.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 99px;
  padding-bottom: 108px;
}
.lf-3{
  width: 50%;
  height: 100%;
  float: left;
  text-align: left;
}
.rt-3{
  width: 50%;
  height: 100%;
  padding-left: 28px;
  box-sizing: border-box;
  float: left;
  text-align: left;
}
.title-h2{
  width:523px;
  font-size: 20px;
  font-weight: 600;
  color:#000;
  margin-top: 50px;
  margin-bottom: 34px;
}
.p3{
  width:523px;
  font-size: 16px;
  color:#626262;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
  text-indent: 32px;
  margin-bottom: 23px;
}
.box4{
  background-color: #f2f2f2;
  padding: 80px 0 78px 0;
}
.lf-4{
  width: 50%;
  float: left;
  text-align: left;
}
.rt-4{
  width: 50%;
  float: left;
  text-align: left;
}
.lf-4 .box4-ul{
  width: 518px;
  margin-top: 33px;
}
.lf-4 .box4-ul li{
  width: 248px;
  margin-bottom: 20px;
  margin-right: 22px;
}
.lf-4 .box4-ul li:nth-child(odd){
  margin-right: 0;
}
.lf-4 .box4-ul li:first-child{
  width: 100%;
  margin-right: 0;
}
.lf-4 .box4-ul li .img4{
  width: 100%;
  height:140px;
  display: block;
}
.lf-4 .box4-ul li:first-child .img4{
  width: 100%;
  height: 248px;
}
.lf-4 .box4-ul li span{
  width: 100%;
  text-align: center;
  color:#000;
  font-weight: 400;
  padding:15px 16px;
  font-size: 18px;
  line-height: 25px;
  box-sizing: border-box;
}
.lf-4 .box4-ul li:first-child span{
  width: 100%;
  background-color: #2b53e7;
  display: block;
  padding:15px 0;
  font-size: 18px;
  color:#fff!important;
}

.rt-4 .box4-ul{
  width: 100%;
  margin-top: 33px;
  padding: 35px 5px 18px 5px;
  box-sizing: border-box;
  background-color: #fff;
  overflow: hidden;
}
.rt-4 .box4-ul .zxft_tu {
  width: 248px;
  height: auto;
  float: left;
  margin-bottom: 20px;
  margin: 0 11px 26px 11px;
  background: inherit;
  position: relative;
  overflow: hidden;
  background-color: #f2f2f2;
  padding-bottom: 15px;
}

.rt-4 .box4-ul li .img4{
  width: 100%;
  height:140px;
  display: block;
}
.rt-4 .box4-ul .zxft_tu div{
  width: 248px;
  height: 81px;
  background-color: #f2f2f2;
  padding:15px 16px;
  font-weight: 400!important;
  color:#000;
  box-sizing: border-box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;
  text-align: center;
  font-size: 18px!important;
  margin: 0;
  position: relative;
  z-index: 99;
}
.rt-4 .box4-ul .zxft_tu  div a{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index:100;
}
.rt-4 .box4-ul .zxft_tu img{
  width: 248px!important;
  height: 140px!important;
  display: block;
  margin: 0;
}
.mar-lf-28{
  margin-left: 28px;
}

 .swiper-wrapper {
  position: relative
}

 .cps-title {
  width: 430px;
  height: 150px;
  margin: 0 auto 75px
}

 .content {
  padding: 80px 0 60px
}

 .item-wrap {
  width: 1120px;
  margin: 0 auto
}

 .button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 38px;
  height: 60px;
  background: rgba(0,0,0,.7);
  display: none
}

 .swiper-button-next {
  right: 0;
  background: url(../img/make/s2-next.png) 50% no-repeat rgba(0,0,0,.5);
  background-size: 13px auto;
  cursor: pointer
}

 .swiper-button-prev {
  left: 0;
  background: url(../img/make/s2-prev.png) 50% no-repeat rgba(0,0,0,.5);
  background-size: 13px auto;
  cursor: pointer
}

 .swiper-pagination {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 10
}

 .swiper-pagination .dot {
  display: block;
  float: left;
  font-size: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #939897;
  margin: 0 4px;
  cursor: pointer
}

 .swiper-pagination .dot.active {
  background: #fff
}

 .swiper-slide {
  width: 598px;
  height: 458px;
  /* height: 342px; */
  float: left
}
.clearFix:after{content:"";display:block;overflow:hidden;clear:both;height:0;zoom:1}

 .swiper-slide .pic, .swiper-slide a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%
}
.swiper-slide .pic{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

 .swiper-container {
  position: relative;
  width: 598px;
  height: 458px;
  overflow: hidden;
}

 .swiper-container:hover .button {
  display: block
}

.swiper-container .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  font-size: 18px;
  color: #fff;
  padding: 25px 20px 10px;
  box-sizing: border-box;
  line-height: 25px;
  background-color: rgba(12, 18, 4,0.9);
}


.list-wrap a {
  position: relative;
  color: #000;
  display: block;
  font-size: 18px;
  /* padding: 0 6px 0 20px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 37px;
  box-sizing: border-box;
  /* margin: 24px 0; */
  text-align: left;
  z-index: 100;
}

.list-wrap a:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
  content: "";
  display: block;
  width: 8px;
  border-radius: 50%;
  height: 8px;
  background-size: contain
}
.box1 .list-wrap a {
  width: 453px;
  line-height: 44px;
}
.box3 .list-wrap a {
  width:523px;
  line-height: 40px;
  padding-left: 26px;
}
.box1 .list-wrap a:before {
  background: #f4d999;
}
.box3 .list-wrap a:before {
  background: #7fa6ff;
  left: 0;
}
.box4-ul li{
  float: left;
  position: relative;
  overflow: hidden;
}
.box4-ul li span{
  display: block;
}
.rt-4 .box4-ul li img{
  width: 100%!important;
  height:140px!important;
  display: block;
}