.swiper {
      width: 100%;
      height: auto;}

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      height: 500px !important;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-item:center;
      background: #fff;}

    .swiper .swiper-slide {
      height: 500px;
      line-height: 500px;
padding:8px;

}
.swiper-slide {
background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(15, 110, 255,.3));
}
.swiper-slide > div{
width:1200px;
height:450px;
margin:10px auto;
border:6px solid white;
box-shadow:3px 0px 6px 8px gray;
}
 .swiper-slide1 > div{
      background-image: url(../images/bannerX.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
}
 .swiper-slide2 > div{
      background-image: url(../images/b2.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
}
.copyright{
    position: relative;
    bottom: 7px;
}
 .swiper-slide3 > div{
      background-image: url(../images/b3.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
}
 .swiper-slide4 > div{
      background-image: url(../images/banner2.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
}
#tips .logo-show{
display:inline-block;
width:160px;
height:110px;
position:relative;
background-image:url(../images/cricle.png);

background-repeat:no-repeat;
background-size:100% 100%;
}
.footnav > ul{
background-color:#62a5da;
}

#tips li {
padding:10px;
}
#tips {
position:relative;
top:0px;
}
#tips a{
display:inline-block;
min-width:68px;
text-align:center;
position:relative;
top:0px;
color:white;
text-decoration:none;
}
#tips a:hover{
color:orange;
}
#save-box a{
color:#235c80;
}
#save-box{
color:#235c80;
}
.head-left{
background-image:url(../images/toplogo.png);
background-repeat:no-repeat;
background-size:100% 100%;
width:850px;
height:80px;
}
.full-bg{
background-repeat:no-repeat;
background-size:100% 100%;
}
header .headtop{
height:130px;
background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(15, 110, 255,.3));
background-color:white;

}
.headtop{
position:fixed;
z-index:100;
}
.headtop .timer{


    align-items: center;
z-index:999;
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-direction:row;
        flex-direction:row;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
#nav{
background-color:#235c80;
position:fixed;
z-index:200;
top:130px;
color:white;
}

.name-logo {
  background: linear-gradient(to bottom, rgb(107, 175, 240), rgb(92, 75, 89));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
text-align:center;
    position: relative;
    top: -14px;
}
.copyright p{
color:white;
}
 .name-logo > span:nth-of-type(1) {
    font-size: 29px;
    font-weight: 600;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
      "Lucida Sans", Arial, sans-serif;
display:inline-block;
background-image: url(../images/logo-text.png) ;
background-repeat:no-repeat;
background-size:100% 100%;
width:235px;
height:43px;
  }
 .name-logo > span:nth-of-type(2) {
    font-size: 17px;
    font-weight: 600;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
      "Lucida Sans", Arial, sans-serif;
  }
.swiper-container-fade{
padding-top:180px;
}
.title-text{
display:inline-block;
font-size:18px;
color:black;
background-image: url(../images/tz-bg.png) ;
    background-position: 0px 10px;
    background-size: 50% 60%;
padding-left:27px;
}
.title-text span{
margin-left:10px;
}
.title-text-odd span{
margin-left:10px;
}
.more a {
width:50px;
height:22px;
display:inline-block;
background-image: url(../images/more-self.png) ;
background-repeat:no-repeat;
background-size:100% 100%;

}
.title-text span{
font-size:13px;
color:gray;
}
.title-text-odd span{
font-size:13px;
color:gray;
}
.title-text-odd{
position:relative;
}
.title-text-odd::before {
width:3px;
height:20px;
background-color:#E60012;
content:'';
position:absolute;
top: 2px;
left: -9px;
}
.name-logo{
display:none;
}
.article-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-direction:row;
        flex-direction:row;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
}
.article-container >div{
padding:5px;
border:1px solid #eee;
margin:8px;
-webkit-box-flex:1;
-ms-flex:1;
 flex:1;
}
.main-container{
width:100%;
}
.b-g{
background: #d8e9f9;
    padding: 10px;
}
.n-b{
border:0px;
}

.enter-box header{
 text-align :center;
}
.enter-box header span:nth-of-type(1){
font-size:18px;
color:black;
font-weight:600;
    width: 165px;
    text-align: center;
    margin: auto;
    z-index: 9;
    position: relative;
    background-color: white;
    padding: 0px 8px;
}
.enter-box header span:nth-of-type(2){
font-size:13px;
color:gray;
    position: relative;
    bottom: 9px;
 }
.enter-box header div{
width:250px;
height:60px;
margin:auto;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column;
}

.enter-box header span:nth-of-type(3){
    position: absolute;
    width: 220px;
    height: 30px;
    border: 4px solid #E60012;
    bottom: 4px;
    left: 11px;
    z-index: -1;
}
.enter-container{
margin:20px 0px;
}
.enter-container ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-direction:row;
        flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.enter-container ul li {
    width: 241px;
    height: 130px;
    margin: 8px;
border-radius:5px;

}
.enter-container ul li div {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center
}
.enter-container .card{
    height: 110px;
    margin: 10px;
    border: 1px solid #FFFAFA;
border-radius:5px;
}


.enter-container ul li {
    box-shadow: 5px 4px 7px 0px gray;
}
.enter-container ul li .card span{
width:50px;
height:50px;
display:inline-block;
background-repeat:no-repeat;
background-size:100% 100%;

}
.enter-container ul li .card a{
color:white;
margin-top:5px;
}
.enter-container ul li .card {
border:1px solid white;
cursor:pointer;
}
.enter-container ul li:nth-of-type(1) {
     background-color: #46b0a2;
}

.enter-container ul li:nth-of-type(2) {
background-color: #cd7cbf;
}

.enter-container ul li:nth-of-type(3) {
background-color: #aeb0fa;
}

.enter-container ul li:nth-of-type(4) {
 background-color: #62a5da;
}

.enter-container ul li:nth-of-type(5) {
background-color: #db87b9;
}

.enter-container ul li:nth-of-type(6) {
background-color: #ffaf50;
}
.enter-container ul li:nth-of-type(7) {
background-color: #6956db;
}
.enter-container ul li:nth-of-type(1) .card span{
 background-image: url(../images/admin.png) ;
}
.enter-container ul li:nth-of-type(2) .card span{
 background-image: url(../images/enter.png) ;
}
.enter-container ul li:nth-of-type(3) .card span{
 background-image: url(../images/h2.png) ;
}
.enter-container ul li:nth-of-type(4) .card span{
 background-image: url(../images/h1.png) ;
}
.enter-container ul li:nth-of-type(5) .card span{
 background-image: url(../images/h3.png) ;
}
.enter-container ul li:nth-of-type(6) .card span{
 background-image: url(../images/h4.png) ;
}
.enter-container ul li:nth-of-type(7) .card span{
 background-image: url(../images/h5.png) ;
}
.announce li:before{
content:'',
position:absolute;
width:10px;
height:10px;
background-color:#e60012;
display:inline-block;
}