/* 
* @Author: Marte
* @Date:   2019-06-21 15:19:04
* @Last Modified by:   Marte
* @Last Modified time: 2020-05-14 17:06:26
*/
*{
    margin: 0;
    padding: 0;
}
.content{
    width:100%;
}
.backgroung{
    display:block;
    width:100%;
    height:auto;
}
.menu{
    width:90%;
    position: absolute;
    top:40px;
    left:50%;
    margin-left: -45%;
}

.menu ul{
    width:100%;
    display: -moz-box;  /* Firefox */
    display: -ms-flexbox;    /* IE10 */
    display: -webkit-box;    /* Safari */ 
    display: -webkit-flex;    /* Chrome, WebKit */
    display: box; 
    display: flexbox; 
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}
.menu li{
    width:13.2%;
    height:30px;
    line-height: 30px;
    float: left;
    background:#df8197;
    list-style: none;
     display: -moz-box; 
    display: -ms-flexbox;    
    display: -webkit-box;    
    display: -webkit-flex;    
    display: box; 
    display: flexbox; 
    display: flex;
   -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    float: left;
    margin-right: 1%;
}
.menu li a{
    display:block;
    width:100%;
    height:27px;
    line-height: 30px;;
}
.menu li img {
    display:block;
    height:30px;
    margin:0 auto;
    border:none;
}

.menu li a{
    width:100%;
    text-align: center;
    color:#fff;
    display:block;
    text-decoration: none;

   
    font-size: 15px;
}
.menu li img{
    max-height: 30px;
}

.menu_list{
    position:absolute;
    top:36px;
    left:0;
    display: -moz-box;  /* Firefox */
    display: -ms-flexbox;    /* IE10 */
    display: -webkit-box;    /* Safari */ 
    display: -webkit-flex;    /* Chrome, WebKit */
    display: box; 
    display: flexbox; 
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width:200px!important;
    height:auto;
    background:#df8197; 
    font-size: 12px;
}
.menu_list li{
    margin:0 auto;
    width:90%!important;
    line-height: 34px;
    border-bottom:1px solid #fff;
    font-size: 12px!important;
}
.menu_list li a{
   
    font-size: 12px!important;
}
.menu li a:hover{
   
   color:#ffe500;
}
.menu_list li:nth-of-type(4){
    border:0px solid #fff;
}
.menu_list li:nth-of-type(1){
    width:90%!important;
}
.swiper-container{
    width:63%;
}

.swiper-slide{
    width: 100%;
    height: 150px;

}
.swiper-slide img{
    width: 100%;
    height: 100%;

}
.title{
    display:block;
    width:70%;
    margin:0 auto;
}
.erw-div{
    display:block;
    height:200px;
    width:50%;
    margin:40px auto;
}
.erw-cssm{
     width:166px;
    height:200px;
    float:left;
}
.erw-zptp{
     width:166px;
    height:200px;
    float:right;
}
.htt-bottom{
    display:block;
    width:100%;
    margin:0 auto;
    margin-top:5%;
}
.htt-bottom img{
    display:block;
    width:100%;
}