@charset "utf-8";
/* CSS Document */

/* 服务项目 */
.project-ny{
    padding: 4rem 0 2rem;
}
.p-ny-cowbox{
    margin: 0 -.75rem;
}
.p-ny-row{
    padding: .75rem;
    width: 25%;
}
.p-rowbox{
    display: block;
}
.p-img{
    overflow: hidden;
    width: 100%;
}
.p-row img{
    max-width: 100%;
}
.p-ny-font{
    background: #fff;
    width: 100%;
    height: 3.5rem;
    flex-direction: column;
    padding: .5rem;
    text-align: center;
}
.p-ny-font h2{
    color: #444;
    font-size: .8rem;
    padding-bottom: .25rem;
    width: 100%;
    display: block;
}
.p-ny-font p{
    font-size: .7rem;
    color: #999;
    width: 100%;
    display: block;
}
.p-ny-row:hover .p-ny-font{
    background-color: #fb4e37;
}
.p-ny-row:hover h2{
    color: #fff;
}
.p-ny-row:hover p{
    color: #fff;
}
.p-ny-row:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/* 服务项目详情 */
.project-xq{
    padding: 2rem 0 4rem;
}
.p-xq-l{
    flex: 1;
}
.p-xq-l-t{
    padding: 1.5rem 2rem;
    background-color: #fff;
}
.p-xq-img{
    overflow: hidden;
    width: 25%;
}
.p-xq-img img{
    max-width: 100%;
}
.p-xq-l-font{
    padding-left: 2rem;
    flex: 1;
}
.p-xq-l-font h1{
    font-size: 1.2rem;
    color: #444;
    padding-bottom: 2rem;
    position: relative;
}
.p-xq-l-font h1::after{
    content: '';
    display: block;
    width: 2rem;
    height: .2rem;
    border-radius: .1rem;
    background-color: #fb4e37;
    position: absolute;
    left: 0;
    top: 70%;
}
.p-xq-l-font p{
    font-size: .7rem;
    color: #808080;
}
.p-xq-l-b{
    background-color: #fff;
    padding-bottom: 2rem;
    margin-top: 1rem;
}
.p-xq-l-b-tit{
    border-bottom: 1px solid #eee;
    padding: 1rem 2rem;
}
.p-xq-l-b-tit p{
    font-size: .8rem;
    color: #444;
    font-weight: bold;
}
.p-xq-l-b-b{
    padding: 2rem;
}
.p-xq-l-b-b p{
    font-size: .7rem;
    color: #808080;
}

.p-xq-r{
    width: 25%;
    margin-left: 1rem;
}
.p-xq-r-t{
    background-color: #fff;
    padding: 1.5rem;
    text-align: center;
}
.p-xq-r-t p{
    font-size: .8rem;
    color: #444;
    font-weight: bold;
}
.p-xq-r-t .iconfont{
    font-size: 2.85rem;
    color: #bfbfbf;
    padding: .75rem 0;
}
.p-xq-r-t h1{
    font-size: 1.4rem;
    color: #808080;
    display: block;
}
.p-xq-r-c{
    margin: 1rem 0;
    background-color: white;
    text-align: center;
    padding: 1.5rem;
}
.p-xq-r-c .ewm{
    width: 55%;
    margin: auto;
}
.p-xq-r-c p{
    padding-top: .25rem;
    font-size: .7rem;
    color: #808080;
}
.p-xq-r-b{
    background-color: white;
}
.p-xq-r-b-tit{
    border-bottom: 1px solid #eee;
    padding: .75rem 1rem;
}
.p-xq-r-b-tit p{
    font-size: .8rem;
    color: #808080;
}
.cjwt{
    padding: 1rem;
}
.cjwt ul li{
    position: relative;
    padding-left: .75rem;
}
.cjwt ul li::after{
    content: '';
    position: absolute;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background-color: #d9d9d9;
    left: 0;
    top: 65%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cjwt ul li a{
    font-size: .7rem;
    color: #444;
    padding: .25rem 0;
}
.cjwt ul li:hover a{
    color: #fb4e37;
}