.pagation_list{background:#fff}.page_contact{background:#f2f5f7;padding:calc((68 / 19.2) * 1%) 0 calc((54 / 19.2) * 1%)}.page_contact .pmain .lll{background:url(../images/color/con1.png) no-repeat center / cover;padding:60px;display:flex;flex-direction:column;justify-content:center}.page_contact .pmain .lll .title{padding-bottom:14px;font-weight:400;font-size:30px;color:#ffffff;position:relative}.page_contact .pmain .lll .title::after{content:"";display:block;width:152px;height:2px;background:#ffffff;bottom:0;position:absolute}.page_contact .pmain .lll .cells{margin-top:22px}.page_contact .pmain .lll .cells>div{display:flex;color:#ffffff;margin-top:14px}.page_contact .pmain .lll .cells>div::before{content:"";display:block;width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:contain;margin-right:16px;flex-shrink:0}.page_contact .pmain .lll .cells>div a{color:#ffffff}.page_contact .pmain .lll .cells>div.phone::before{background-image:url(../images/color/phone1.png)}.page_contact .pmain .lll .cells>div.mall::before{background-image:url(../images/color/mall.png)}.page_contact .pmain .lll .cells>div.address::before{background-image:url(../images/color/address.png)}.page_contact .pmain .rrr{padding-bottom:calc((555 / 16) * 1%)}.page_contact .server{margin-top:calc((82 / 16) * 1%)}.page_contact .server .tit30{color:var(--color-main)}.page_contact .server .lists{margin-top:47px;display:flex;justify-content:space-between}.page_contact .server .lists .item{padding:0 5px}.page_contact .server .lists .item .img{width:60px;height:60px}.page_contact .server .lists .item .value{margin-top:11px;font-family:Open Sans;font-weight:400}.page_contact .pmain2{margin-top:calc((88 / 16) * 1%)}.page_contact .pmain2 .lll{background:var(--color-main)}.page_contact .pmain2 .lll .t1{font-family:Open Sans;font-size:18px;color:#ffffff;line-height:32px}.page_contact .pmain2 .lll .t2{font-weight:400;color:#ffffff;line-height:32px}.page_contact .o_msg{margin-top:calc((82 / 16) * 1%)}.page_contact .o_msg .tit30::before{content:unset;font-weight:400}.page_contact .o_msg .c_desc{margin-top:11px;display:inline-flex;align-items:center}.page_contact .o_msg .c_desc::before{content:"";display:block;width:21px;height:21px;background:url(../images/color/peo.png) no-repeat center / contain;margin-right:10px}.page_contact .o_msg form{margin-top:28px}.page_contact .o_msg form ul{display:flex;flex-wrap:wrap;justify-content:space-between}.page_contact .o_msg form ul li input{background:#fbfbfb;border-radius:3px 3px 3px 3px;border:1px solid #ced4da;padding:24px 13px;width:100%}.page_contact .o_msg form ul li:not(.message){width:calc(100% / 3 - 32px)}.page_contact .o_msg form ul li.message{margin-top:46px;width:100%}.page_contact .o_msg form ul li.message textarea{padding:22px 13px;min-height:143px;resize:none;width:100%}.page_contact .o_msg form .innerPro_btn{width:100%}.page_contact .o_msg form .submit_btn{margin-top:47px;padding:10px 54px;color:#fff;background:var(--color-main);border-radius:3px 3px 3px 3px}@media screen and (max-width:950px){.page_contact .pmain .lll{padding:50px 30px}.page_contact .pmain .lll .title{font-size:22px}.page_contact .pmain .rrr{padding-bottom:70%}.page_contact .server{margin-top:50px}.page_contact .server .lists{margin-top:20px;flex-wrap:wrap;align-items:center}.page_contact .server .lists .item{width:50%;margin-top:15px}.page_contact .o_msg form ul li{margin-top:20px !important}.page_contact .o_msg form ul li:not(.message){width:100%}}




    .flex3 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;    margin-top: 4%;
    
}

.lainjh li {
    width: 32%;
    box-sizing: border-box;
    padding: 2%;
    background: #fff;
    margin-bottom: 2%;
    margin-right: 2%;
    overflow: hidden;
}
.lainjh li:nth-child(3n) {
    margin-right: 0px;
}
.lainjh_a {
   
    padding-left: 15px;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #333333;position: relative;
}
.lainjh_a::before{
    content: '';
    position: absolute;
    left: 0 ;
    top: 0;
    width: 5px;
    height: 100%;
    background-color:  rgb(0, 78, 151);
}

.lainjh_b {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #999999;
    box-sizing: border-box;
    padding: 3% 0;
}
.lainjh_b em {
    font-style: normal;
    color: #333333;
    font-size: 15px;
}
.lainjh li:hover{
   background-color: rgb(0, 78, 151);
}
.lainjh li:hover .lainjh_a ,
.lainjh li:hover .lainjh_b,
.lainjh li:hover .lainjh_b p,
.lainjh li:hover .lainjh_b em{
    color: #fff;
}

.lainjh li:hover .lainjh_a::before {
    background-color: #fff;
}

@media screen and (max-width: 950px){
    .lainjh li {
    width: 49%;     margin-right: 0;
}
.lainjh li:nth-child(3n) {
    margin-right: 0px;
}
.lainjh li:nth-child(odd){
     margin-right:2%;
}
}
@media screen and (max-width: 650px){
    .lainjh li {
    width: 100%;
} .lainjh li:nth-child(odd){
     margin-right:0;
}
}