﻿.dropdown{display: none}
.choice_list{width: 780px;display:block;float:left;}
.choice_list dt{float:left;font-size:16px;line-height: 38px;margin-right: 20px;}
.choice_list dd span{background: #fff;height: 36px;padding: 0 20px;line-height: 36px;border: 1px solid #d2d2d2;display: block;float: left;font-size: 14px;color: #787878;margin-right: 20px;}
.active{color:red !important; font-style:normal;}
.zhanshi{display: none;overflow: hidden;float: left;} 
.morehy{color:#00D2A6;}
.case_con1 img{
    width: 100%;height: 200px;
}
 
.case_con2{
    height:50px; width: 100%;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
}
.case_list1{
    width: 1045px;margin:0 auto;position: relative;
}
.case_list1 ul{
    font-size: 0; overflow: hidden;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
}
 
.case_list1 li a{
    font-size: 12px;color: #000;
}
.case_list1>span{
    position: absolute;bottom: -27px;left: 40%;background:white;width: 160px;height: 40px;text-align: center;display: inline-block;line-height: 40px;border: 1px solid lightgrey;border-top: none;font-size: 12px;color: #444444;border-radius: 0 0 2px 2px;
 
}
.case_list1 li:hover a{
    color:#42b8f1 ;
}
.case_list1>span:hover,.case_list1>span:hover i{
    color: #42b8f1;
}
.case_list1 .xiugai_dj1{
    display: none
}
.case_list1 .xiugai_dj1 i{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.case_list1>span:hover{
    cursor: pointer;
}
 
.case_con2.on,.case_con2.on .case_list1 ul{
    height: 180px;
}
.case_con2.on .case_list1 .xiugai_dj1{
    display: block;
} 

.case_list1 > span{
    top:-2px;left: 90%;border: none;
}
 
.case_list1 > span{
    color: #42b8f1;
}