@charset "utf-8";
/* CSS Document */
.banner{
  height:673px;
  background:url(../images/banner.png) center no-repeat
}
.slide01{
  width:100%;
  height:620px;
  overflow:hidden;
  border-radius:20px;
  position:relative;
  z-index:1;
  margin-top:-200px
}
.slide01 .bd ul li{
  position:relative;
  z-index:2
}
.slide01 .bd ul li,
.slide01 .bd ul li img{
  width:100%;
  height:620px
}
.slide01 .bd ul li div{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  box-sizing:border-box;
  padding-left:40px;
  height:80px;
  line-height:80px;
  font-size:20px;
  background:rgba(0,0,0,.6)
}
.slide01 .bd ul li div i{
  display:inline-block;
  width:36px;
  height:28px;
  margin-right:15px;
  background:url(../images/play.png);
  vertical-align:middle
}
.slide01 .bd ul li a{
  color:white
}
.slide01 .hd{
  position:absolute;
  z-index:3;
  bottom:30px;
  right:40px
}
.slide01 .hd ul li{
  display:inline-block;
  text-indent:-9999px;
  width:20px;
  height:20px;
  border-radius:10px;
  background-color:white;
  margin:0 5px;
  cursor:pointer
}
.slide01 .hd ul li.on{
  background-color:#488bdc
}
.tit{
  line-height:180px
}
.tit{
  font-size:42px; 
  font-weight:bold
}
.tit img{
  vertical-align:middle
}
.tabBox .title{
  margin-bottom:30px
}
.tabBox .title a{
  display:inline-block;
  width:200px;
  height:50px;
  line-height:50px;
  border-radius:0 25px 0 25px;
  background-color:#e6f0f7;
  color:#488bdc;
  font-weight:bold;
  font-size:24px;
  margin:0 20px
}
.tabBox .title a:hover,
.tabBox .title a.cur{
  background-color:#488bdc;
  color:white
}
.slide02 .bd ul li,
.slide03 .bd ul li,
.slide04 .bd ul li,
.slide05 .bd ul li,
.slide06 .bd ul li,
.list02 li{
  float:left;
  width:385px;
  margin-right:22px
}
.slide02 .bd ul li img,
.slide03 .bd ul li img,
.slide04 .bd ul li img,
.slide05 .bd ul li img,
.slide06 .bd ul li img,
.list02 li img{
  width:385px;
  height:278px;
  float:left
}
.slide02 .bd ul li div,
.slide03 .bd ul li div,
.slide04 .bd ul li div,
.list02 li div{
  float:left;
  width:100%;
  height:60px;
  line-height:60px;
  background-color:#488bdc;
  margin-top:2px;
  text-align:center;
  font-size:20px;
}
.slide02 .bd ul li a,
.slide03 .bd ul li a,
.slide04 .bd ul li a,
.slide05 .bd ul li a,
.slide06 .bd ul li a,
.list02 li a{
  color:white
}
.slide02 .hd,
.slide03 .hd,
.slide04 .hd,
.slide05 .hd,
.slide06 .hd{
  width:100%;
  text-align:center;
  padding:40px 0
}
.slide02 .hd ul li,
.slide03 .hd ul li,
.slide04 .hd ul li,
.slide05 .hd ul li,
.slide06 .hd ul li{
  display:inline-block;
  width:18px;
  height:18px;
  border-radius:9px;
  background-color:#dedede;
  text-indent:-9999px;
  margin:0 6px;
  cursor:pointer
}
.slide02 .hd ul li.on,
.slide03 .hd ul li.on,
.slide04 .hd ul li.on,
.slide05 .hd ul li.on,
.slide06 .hd ul li.on{
  background-color:#488bdc
}
.section1{
  height:1012px;
  background:url(../images/bg01.jpg) center no-repeat
}
.section1 .tit,
.section3 .tit{
  padding-top:100px
}
.list01,
.list02{
  display:flex;
  justify-content:space-between
}
.list01 li{
  width:385px;
  padding:20px 0;
  background:white;
  text-align:center;
  font-size:24px;
  font-weight:bold;
  position:relative
}
.list01 li div{
  line-height:3
}
.list01 li a{
  color:#2b73ca
}
.list01 li:after{
  content:'';
  position:absolute;
  width:100%;
  height:27px;
  bottom:-27px;
  left:0;
  background:url(../images/shadow.png) center no-repeat
}
.list01 li  a img{ width: 350px;height: 235px;}
.section2{
  margin-top:-100px
}
.section3{
  height:1225px;
  background:url(../images/bg02.jpg) center no-repeat
}
.slide05 .bd ul li,
.slide06 .bd ul li{
  position:relative
}
.slide05 .bd ul li img,
.slide06 .bd ul li img{
  height:600px
}
.slide05 .bd ul li div,
.slide06 .bd ul li div{
  position:absolute;
  width:100%;
  box-sizing:border-box;
  height:60px;
  line-height:60px;
  bottom:0;
  left:0;
  text-align:center;
  font-size:20px;
  background:rgba(0,0,0,.6);
}

.footer{
  background:#0052a5;
  padding:30px 0 20px;
}
.footer p{
  width:1200px;
  margin:0 auto;
  line-height:28px;
  text-align:center;
}
.footer p em{
  padding:0 5px;
}
.footer p.zhaocuo{
  margin:15px 0 0
}
.footer_bot{
  width:1200px;
  margin:0 auto;
  position:relative;
}
.footer_bot a.dzjg_ico{
  position:absolute;
  left:200px;
  top:12px;
}
.footer_bot a.jcjcjcjc{
  position:absolute;
  right:130px;
  top:25px;
}

@media (max-width: 800px) {

  .w1200{
    width:98%;
    margin:0 1%;
    box-sizing:border-box
  }

  .banner{
    width:100%;
    height:50vw;
    background-position:top center;
    background-size:170% auto
  }
  .slide01{
    margin:0
  }
  .slide01,
  .slide01 .bd ul li,
  .slide01 .bd ul li img{
    width:100%;
    height:53vw !important
  }
  .slide01 .bd ul li div{
    padding-left:10px;
    font-size:14px;
    height:auto;
    line-height:1.5;
    padding:10px
  }
  .slide01 .bd ul li div i{
    display:none
  }
  .slide01 .hd ul li{
    width:16px;
    height:16px;
    margin:0 3px
  }
  .slide01 .hd{
    right:20px;
    bottom:5px !important
  }
  .tit{line-height:100px;margin-top:20px}
  .tabBox .title{display:flex}
  .tabBox .title a{font-size:18px;height:40px;line-height:40px}
  .slide02 .bd ul li, 
  .slide03 .bd ul li, 
  .slide04 .bd ul li, 
  .slide05 .bd ul li, 
  .slide06 .bd ul li, 
  .list02 li,
  .slide02 .bd ul li img, 
  .slide03 .bd ul li img, 
  .slide04 .bd ul li img, 
  .slide05 .bd ul li img, 
  .slide06 .bd ul li img, 
  .list02 li img{
    width:100%;
    height:auto;
    margin:0
  }
  .slide02 .bd ul li div, 
  .slide03 .bd ul li div, 
  .slide04 .bd ul li div, 
  .list02 li div{
    height:auto;
    line-height:1.5;
    padding:10px 0;
    font-size:14px
  }
  .slide02 .hd, 
  .slide03 .hd, 
  .slide04 .hd, 
  .slide05 .hd, 
  .slide06 .hd{
    padding:20px 0
  }
  .section1,
  .section3{
    height:auto;
    background:#ecfffd
  }
  .section1 .tit,
  .section3 .tit{
    padding:0
  }
  .list01,
  .list02{
    flex-wrap:wrap
  }
  .list01 li{
    width:100%;
    margin:0; 
    margin-bottom:20px; 
    font-size:16px;
    padding-bottom:0
  }
  .list01 li img{
    width:94%;
    padding:0 3%;
    height:auto
  }
  .list02 li{margin-bottom:20px}
  .slide05 .bd ul li div,
  .slide06 .bd ul li div{
    height:auto;
    line-height:1.5;
    padding:10px 0;
    font-size:14px
  }
  .footer{
    padding:1em 0;
  }
  .footer_bot{
    width:100%
  }
  .footer_bot a.dzjg_ico,.footer_bot a.jcjcjcjc,.footer_bot .zhaocuo{
    display:inline-block; 
    position:static;
  }
  .footer{
    text-align: center
  }
  .footer_bot a.jcjcjcjc img{translate: 0 20%;}
  .footer p{
    width:95%;
    margin:0 auto
  }
}