@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    font-family:"DINCOND-BOLD","微软雅黑","Arial"; 
    border:none; 
    list-style:none;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
button {
    outline: none;
    border: none;
}
input{
    outline: none;
}


.banner_wrap{
    position: relative;
    width: 320px;
    height: 271px;
}
.banner_bz{
    position: relative;
    width: 203px;
    height: 223px;
}

.banner_wrap>ul{
    width: 320px;
    height: 271px;
    overflow: hidden;
    position: absolute;
}
.banner_bz>ul{
    width: 203px;
    height: 223px;
    overflow: hidden;
    position: absolute;
}
.banner_wrap>ul>li,.banner_bz>ul>li{
    display:none; 
    width:100%; 
}
.banner_wrap>ul>li img{
    width: 320px;
    height: 271px;
}
.banner_wrap>ul>li p,.banner_bz>ul>li p{
    position: absolute;
    text-align: center;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    width: 100%;
    padding-left: 10px;
    text-overflow: -o-ellipsis-lastline;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    display: -webkit-box;  
    -webkit-line-clamp: 1;  
    -webkit-box-orient: vertical; 
}
.myol{ 
    position:absolute; 
    right:5px; 
    bottom:0px; 
}
.myol1{   position:absolute; right:1px; bottom:5px; }
.myol li,.myol1 li{
    width:16px; 
    height:16px; 
    background:rgba(0, 0, 0, 0.3); 
    float:left; 
    border-radius:2px; 
    margin:0 2px; 
    cursor:pointer;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 16px;
}
.myol .current,.myol1 .current{
    background:rgba(255, 255, 255, 0.3);
    
}


.head_box {
  height: 175px;
  width: 1002px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.head_box .heae_logo {
  height: 175px;
  width: 1002px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.head_box .header_banner {
  height: 175px;
  width: 1002px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.head_box img {
  width: 1002px;
  height: 175px;
}
.head_box .header_banner img {
  position: absolute;
  top: 0;
  right: 0;
  /* display: none; */
  transition: all ease-in-out 1s;
  transform: scale(2);
  opacity: 0;
}
.head_box .header_banner .current-img {
  transform: scale(1);
  opacity: 1;
}