/*designer_index*/
.designer_index{width:100%;min-width:1300px;}
.designer_list{width:100%;padding-bottom: 55px;margin-top: 20px;}
.designer_left{position:relative;width:27.5%;height: 28.3vw;min-height:367px;float: left;margin-right:0.7%;box-sizing: border-box;}
.designer_left img{width:100%;height:100%;}
.designer_left .designer_left_content{position:absolute;top:0;left:0;width:100%;height:100%;padding:50px;box-sizing: border-box;}
.designer_left .designer_left_content h3{font-size:55px;color:#fff;font-weight:normal;}
.designer_left .designer_left_content h3 i{font-size:95px;font-style:normal;}
.designer_left .designer_left_content p{font-size:25px;color:#fff;line-height: 45px;}
.designer_left .designer_left_content a{width:130px;height:40px;line-height:40px;text-align:center;font-size:18px;border:1px solid #fff;color:#fff;    margin-top: 30%;display: block;}
.designer_right{width:71.5%;height: 28.3vw;min-height:367px;float: left;overflow: hidden;}
.designer_right ul{width:101%;}
.designer_right ul li{position:relative;width:19%;height: 13.6vw;min-height:183px;margin-right:1%;margin-bottom:1.5%;float: left;border: 1px solid #999;box-sizing: border-box;overflow: hidden;}
.designer_right ul li img{width:100%;height:100%;}
.designer_right ul li .hover_design{position:absolute;bottom:-35%;left:0;width:100%;height:35%;background-color:#931560;transition: all .3s;}
.designer_right ul li .hover_design h3{font-weight:normal;font-size:14px;color:#fff;text-align: center;line-height: 30px;}
.designer_right ul li .hover_design p{font-size:14px;color:#fff;text-align: center;line-height: 30px;}
.designer_right ul li .hover_design span{font-size:14px;color:#fff;text-align: center;line-height: 30px;display: block;}
.designer_right ul li:hover .hover_design{bottom:0;}

@media screen and (min-width:1500px) and (max-width:1600px) {
    .designer_left .designer_left_content h3{font-size:45px;}
    .designer_left .designer_left_content h3 i{font-size:90px;}
}
@media screen and (min-width:1400px) and (max-width:1500px) {
    .designer_left .designer_left_content h3{font-size:40px;}
    .designer_left .designer_left_content h3 i{font-size:80px;}
    .designer_left .designer_left_content p{font-size:22px;}
}
@media screen and (max-width:1400px) {
    .designer_left .designer_left_content h3{font-size:40px;}
    .designer_left .designer_left_content h3 i{font-size:80px;}
    .designer_left .designer_left_content p{font-size:20px;}
}
/*designer_index end*/