@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}img{border:0 none}
a{text-decoration:none;}ul,li{list-style:none}img{border:0 none}
em{font-style:normal}
body{font:12px '微软雅黑';}

.studioBox{width:1250px;overflow:hidden;margin:auto;}
.studioBox ul{width:1224px;overflow:hidden;}
.studioBox li{float:left;width:215px;margin:12px;box-shadow: 0 0 5px 0 rgba(0,0,0,0.28);box-sizing: border-box;}
.studioBox li a{width:100%;overflow:hidden;display:block;color:#000;position:relative;}
.studioBox .studioShow{width:100%;height:270px;position:relative;z-index:3;background:#fff;}
.studioBox .studioShow .imgBox{width:100%;height:210px;}
.studioBox .studioShow .imgBox img{width:220px;height:210px;transition: all 0.5s ease;}
.studioBox .studioShow p{width:90%;padding:0 5%;line-height:60px;text-align:center;font-size:16px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.studioBox .studioNote{position:absolute;z-index:5;width:100%;height:100%;top:280px;left:0;background: rgba(1,28,67,0.80);box-shadow: 0 0 5px 0 rgba(0,0,0,0.28);color: #fff;transition: all 0.5s ease;padding: 20px 16px;box-sizing: border-box;}
.studioBox .studioNote h4{width:100%;text-align:center;font-size:16px;line-height:45px;}
.studioBox .studioNote p{width:100%;text-align:center;font-size:14px;line-height:26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6; overflow: hidden; text-overflow: ellipsis;}
.studioBox li a:hover .studioShow .imgBox{width:100%;height:270px;}
.studioBox li a:hover .studioShow .imgBox img{width:100%;height:270px;}
.studioBox li a:hover .studioShow p{display:none;}
.studioBox li a:hover .studioNote{top:0;}

.consultantBox{width:1240px;overflow:hidden;margin:40px auto;}
.consultantBox .topBox{width:1200px;padding:0 20px;overflow:hidden;margin-bottom:5px;}
.consultantBox .topBox h2{float:left;width:50%;position: relative;height:50px;}
.consultantBox .topBox h2 span{font-size: 24px;color: #333333;letter-spacing: 0;position: relative;z-index:3;}
.consultantBox .topBox h2::after {content: "";width: 120px; height: 4px;background: #E96E28;border-radius: 3px; position: absolute;left: 0;bottom:10px;}
.consultantBox .topBox .searchBox{width:360px;float:right;}
.consultantBox .topBox .searchBox input{width:200px;border:1px solid #ddd;height:36px;float:left;padding:0 5px;font-size:14px;border-radius:5px 0 0 5px;}
.consultantBox .topBox .searchBox input:focus,.consultantBox .topBox .searchBox button:focus{outline: none;}
.consultantBox .topBox .searchBox button{width:70px;height:38px;color:#fff;float:left;font-size:14px;cursor:pointer;}
.consultantBox .topBox .searchBox .searchbtn{border:#0082ff;background: #0082ff;border-radius:0 5px 5px 0;}
.consultantBox .topBox .searchBox .resetbtn{margin-left:5px;background-color: #337ab7;border: #2e6da4;border-radius:5px;}
.consultantBox .topBox .searchBox .searchbtn:hover{background: #0177e9;border:#0177e9;}
.consultantBox .topBox .searchBox .resetbtn:hover{background-color: #286090;border-color: #204d74;}

.consultantBox ul{width:100%;overflow:hidden;}
.consultantBox li{float:left;width:372px;/*margin-top: 20px;*/margin-bottom: 20px;/*margin-left: 10px;*/margin-right: 39px;}
.consultantBox .consultantImg{width:128px;height:154px;float:left;border:1px solid #ddd;}
.consultantBox .consultantImg img{width:100%;height:100%;}
.consultantBox .consultantMsg{width:225px;float:right;position:relative;height:152px;}
.consultantBox .consultantMsg h4{width:100%;font-size:20px;font-weight:bolder;color:#333;padding-bottom:12px;}
.consultantBox .consultantMsg h4 em{font-size:12px;color:#fff;font-style:normal;border-radius:5px;background:#1E9FFF;font-weight:normal;padding:3px 5px;vertical-align: 3px;margin-left:5px;}
.consultantBox .consultantMsg p{width:100%;font-size:14px;color:#333;padding-bottom:5px;line-height:22px;}
.consultantBox .consultantMsg p.scly{width:175px;padding-bottom:0;}
.consultantBox .consultantMsg p span{
    display: inline-block;
    border: 1px solid #ff833a;
    color: #ff833a;
    padding: 2px 3px;
    border-radius: 5px;
    margin: 2px;
    font-size: 12px;
    vertical-align: top;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 16px;
    width: calc(100% - 15px);
    max-height: 31px
}
.consultantBox .consultantMsg a{display:block;width:50px;height:30px;line-height:30px;font-size: 12px;border-radius: 5px;color: #fff;/*background-color: #337ab7;border-color: #2e6da4;*/position:absolute;bottom:0;right:0;text-align:center;}
.consultantBox .consultantMsg a:hover{background-color: #b52217
}
.pageBox{width:100%;text-align:center;height:50px;padding:30px 0 20px;}
.pageBox a{display:inline-block;padding:6px 8px;border:1px solid #ccc;font-size:14px;color:666;cursor:pointer;min-width:14px;margin:0 2px;}
.pageBox a:hover{color: #fff;background-color: #337ab7;border-color: #2e6da4;}
.pageBox a.gryitem{color:#999;}
.pageBox a.gryitem:hover{color:#999;background-color: #fff;border-color: #ccc;}