a{
  text-decoration: none;
}
body{
      background-color: #f8f8f9;

}
.all{
  margin: 0 auto;
  
}
.top{
  background-color: #f8f8f9;
  margin: 0 auto;
  width: 1200px;
  height: 180px;
}
.toplogo{
  text-align: center;
  margin: 0 auto;
  width: 1200px;
}
.toplogo img{
  width: 300px;
  margin: 0 auto 35px;
}
.alltab{
  border-radius: 15px;
  overflow: hidden;
  margin: 0 auto;
  width: 600px;
  color: #FAB516;
}
.tab{
  
  float: left;
  width: 150px;
  height: 60px;
  background-color: white;
  color: #FAB516;
  text-align: center;
}
.tabdiv{
  font-size: 15px;
  margin-top:20px;
  width: 149px;
  height: 20px;
}
.bdl{
  border-left: 1px solid #FAB516;

}

.tab:hover{
  
  float: left;
  width: 150px;
  height: 60px;
  color: white;
  background-color: #FAB516;
  text-align: center;
}
.content-1{
  margin: 0 auto;
  background-color: #f8f8f9;
  width: 1200px;
  height: 450px;
  padding-top: 30px;
  text-align: center;
}
.h2{
  color: #4c4c4c;
  font-size: 30px;
  padding-bottom: 10px;
}
.content-1-1{
  box-shadow: 0px 0px 5px #888888;
  background-image: url(../img/tkt.jpg);
  background-size:100% 100%;
  width: 1200px;
  height: 370px;
  border-radius: 20px;
}
.lyjs-img{
  width: 1200px;
  height: 370px;
  border-radius: 20px;
}
.content-2{
  text-align: center;
  margin: 0 auto;
  margin-top: 50px;
  width: 1200px;
  height: 850px;
}
.content-2-1, .content-2-2, .content-2-3{
  float: left;
  width: 390px;
  height: 850px;
  margin: 0px 5px;
}
.ct-2-1,.ct-2-2,.ct-2-3{
  overflow: hidden;
  background-color: #FEF7E7;
  border-radius: 30px;
  width: 100%;
  padding-top: 50px;
  height: 650px;
  box-shadow: 0px 0px 3px #888888;
}
.pack{
  color: black;
  border-radius: 15px;
  overflow: hidden;
  margin: 0 auto;
  width: 300px;
  height: 75px;
  margin-top: 20px;
  background-color: white;
}
.pack a{
  color: #333333;
}
.pack a:hover{
  color: #FAB516;
  transition: color 0.3s;
}
.pack-left{
  background-color: #FAB516;
  color: white;
  height: 100%;
  width: 30%;
  float: left;
}
.h5{
  font-size: 16px;
  line-height: 75px;
}
.pack-right{
  background-color: white;
  height: 100%;
  width: 70%;
  float: left;
}
.h6{
  font-size: 15px;
}
.r-1{
  margin: 5px auto;
  margin-top: 13px;
  width: 170px;
}
.r-2{
  margin: 0 auto;
  width: 170px;
  height: 1px;
  background-color: grey;

}
.r-3{
  margin: 3px auto;
  width: 170px;
}
.h7{
  font-size: 12px;
}
.bigzxgp{
  margin: 0 auto;
  width: 150px;
  height: 40px;
  margin-top: 50px;
  border-radius: 20px;
}
.zxgp{
  margin: 0 auto;
  width: 150px;
  height: 40px;
  background-color: white;
  border-radius: 20px;
  border: 1px solid #333333;
}
.zxgp:hover{
  background-color: #FAB516;
  border: 1px solid #FAB516;
  color: white;
  transition: color 0.3s, background-color 0.3s ;

}
.bigzxgp a{
  font-size: 15px;
  color: #333333;
  line-height: 10px;
}
.bigzxgp a:hover{
  color: white;
  transition: color 0.3s ;

}
.ct2ft{
  height: 100px;
  width: 100;
  background-color: white;
  
}
.ct2ft>img{
  height: 50px;
  width: 100%;
}
.hg{
  color: #333333;
  width: 100%;
  height: 530px;
}
.hg2 , .hg3{
  width: 100%;
  height: 550px;
}
.yysj{
  margin: 0 auto;
  height: 65px;
  width: 65px;
  margin-top: 10px;
}
.yysj>img{
  width: 100%;
  height: 100%;
}
.yysj2{
  padding: 0% 10%;
  width: 80%;
  height: 70px;
  text-align: left;
  margin-top: 30px;
}
.fdj{
  width: 35px;
  height: 35px;
  float: right;
  margin-right: 10%;
}
.fdj>img{
  width: 100%;
  height: 100%;
}
.lydt{
  margin: 0 auto;
  width: 300px;
  height: 270px;
}
.lydt>img{
  width: 100%;
  height: 100%;
}

.content-3{
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  height: 800px;
  width: 1200px;
}
.rmjd1{
  margin: 0px 8px;
  float: left;
  width: 284px;
  height: 390px;
  color: #000000;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.rmjd1:hover{
  color: #FAB516;
}
.rmjd1img{
  border-radius: 20px;
  width: 284px;
  height: 320px;
  overflow: hidden;
 
}
.rmjd1img>img{
  border-radius: 20px;
  width: 284px;
  height: 320px;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.rmjd1img>img:hover{
  transform:scale(1.25);
}

.rmjd2{
  margin: 0px 8px;
  float: left;
  width: 584px;
  height: 390px;
  color: #000000;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.rmjd2:hover{
  color: #FAB516;
}
.rmjd2img{
  border-radius: 20px;
  width: 584px;
  height: 320px;
  overflow: hidden;
 
}
.rmjd2img>img{
  border-radius: 20px;
  width: 584px;
  height: 320px;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.rmjd2img>img:hover{
  transform:scale(1.15);
}
.content-4{
  text-align: center;
  width: 1200px;
  height: 600px;
  margin: 0 auto;
}
.ct4-1{
  float: left;
  margin: 0px 5px;
  width: 790px;
  height: 100%;
}
.ct4-2{
  float: left;
  margin: 0px 5px;
  width: 390px;
  height: 100%;
}
.ykdp{
  height: 470px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.ct4-1-1{
  width: 50%;
  height: 100%;
  float: left;
  background-color: white;
}
.ct4-1-2{
  width: 50%;
  height: 100%;
  float: left;
  background-image: url(../img/ykdp.jpg);
}
.cjwt{
  height: 470px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  background-color: white;
}
.ykdp2{
  margin: 50px 80px;
  width: 230px;
  height: 300px;
}
.wrap{
  width: 100%;
  height: 80px;
}
.yh{
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  overflow: hidden;
  background-image: url(../img/yhtx.jpg);
  background-size: cover;
}
.mz{
  margin-top: 60px;
  background-color: #FAB516;
  height: 20px;
  width: 100%;
  color: white;
  font-size: 12px;
}
.pf{
  float: left;
  margin-left: 20px;
}
h4{
  color: #333333;
  margin-bottom: 5px;
  font-size: 18px;
}
.xx{
  height: 22px;
  width: 100px;
  float: left;
  margin-left: 20px;
}
.pl{
  color: #333333;
  text-align: left;
}