/*页面大图*/
.backgroud{
    height: 450px;
    background: url("../images/contact_bg.png") no-repeat 100% 100%;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*内容通用样式*/
.warp{
    display: flex;
    justify-content: space-between;
}
.list{
    width: 20%;
}
.list ul{
    border: 1px solid #f1f1f1;
 background: #fff;
}
.list ul li a{
    margin-left: 10%;
    line-height: 70px;
    color: #858182;
    font-size: 1.15rem;
}
.list ul li:hover{
    background: #ca171d;
}
.list ul li:hover a{
    color: #fff;
}
.list ul li:hover a::before{
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}
.list ul li a::before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 2px solid #858182;
    border-top: 2px solid #858182;
    position: relative;
    top: -3px;
    transform: rotate(45deg);
    margin-right: 20px;
}
.list ul > li + li{
    border-top: 1px solid #f1f1f1;
}
.content-box{
    border: 1px solid #f1f1f1;
    width: 78%;
    background: #fff;
    margin-bottom: 70px;
}
/*内容*/
.content-box .tit{
    margin: 20px;
    display: flex;
    padding-bottom: 20px;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
}
.content-box .tit h3{
    padding-left: 15px;
    color: #ca171d;
}
h3{
    font-weight: bold;
    font-size: 1.25rem;
}
.content-box .content{
    margin: 40px;
}
.content-box .content p{
    line-height: 60px;
    font-size: 1.15rem;
}
.content-box .content ul li{
    margin: 20px 0;
}
.content-box .content input{
    line-height: 46px;
    width: 800px;
    padding-left: 10px;
    border: 1px solid #f1f1f1;
}
.content-box .content textarea{
    line-height: 46px;
    width: 800px;
    padding-left: 10px;
    border: 1px solid #f1f1f1;
    outline: none;
}
.content-box .content button{
    width: 180px;
    height: 60px;
    background: #ca171d;
    color: #fff;
    font-size: 1.25rem;
    outline: none;
}
.content-box .content .last img{
    margin-left: 20px;
}

/*留言*/
.leave{
    margin: 0 20px 40px 20px;
}
.leave ul li{
    padding: 20px 20px 40px 20px;
    border-bottom: 1px solid #e4e4e4;
}
.leave-tit{
    line-height: 50px;
    font-size: 1.05rem;
    font-weight: bold;
}
.leave-timeBox{
    display: flex;
    color: #666;
    margin: 10px 0;
    font-size: 0.9rem;
}
.leave-time{
    margin-left: 25px;
}
.leave-con{
    margin: 10px 0 30px 0;
    font-size: 0.9rem;
}
.leave-answer{
    background: #f3f3f3;
    padding: 20px 35px;
    color: #666;
}
.answer-time{
    display: flex;
    margin: 10px 0;
}
.answer-con{
    font-size: 0.9rem;
    margin-bottom: 5px;
}
#pages {     width: 100%;     padding: 30px 0 40px;text-align:center;font:12px '宋体';}
#pages a { display:inline-block; padding:0px 8px; height:22px;font-size:12px;line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block;  padding:0px 8px; height:22px; line-height:22px; background:#ca171d; border:1px solid #ca171d; color:#fff; text-align:center; }
.page .noPage { display:inline-block;  padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.photoList-con{
    width:100%;
}