.abnav{box-shadow: 0px 7px 8px 0px rgba(167, 167, 167, 0.2) ;border-top: solid 1px #e6e6e6;
     /* margin-top:31px; */
    position:relative; z-index:3;
font-family: Arial, Helvetica, sans-serif;}
.abnav:after{ content:""; clear:both; display:block;}
.abnav a{ display:block; float:left; position:relative; width:20%; text-align:center; padding-top:11px; padding-bottom:11px;}
.abnav a:before{ content:""; position:absolute; width:24px; height:0px; background:url(/vendor/CmsThemeSquareBlanketVVV3/images/abjiao.webp) no-repeat center bottom; left:50%; margin-left:-12px; bottom:0px; transition:0.5s;}
.abnav a i{ display:block; margin:auto; width:56px; height:50px; background-size:100% auto !important;}
.abnav a span{ display:block; font-size:18px; line-height:31px; transition:0.5s; color: #000;}
.abnav a:hover{ color:#fff; background:#333;}
.abnav a:hover i,.abnav a:hover span{ color:#fff;}
.abnav a:hover:before{ height:12px; bottom:-12px;}
.dangab{ color:#fff; background:#333;}
.dangab i,.dangab span{ color:#fff !important;}
.dangab:before{ height:12px !important; bottom:-12px !important;}

.abnav1 i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav1.webp) no-repeat center;}
.abnav2 i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav2.webp) no-repeat center;}
.abnav3 i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav3.webp) no-repeat center;}
.abnav4 i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav4.webp) no-repeat center;}
.abnav5 i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav5.webp) no-repeat center;}

.abnav1:hover i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav1h.webp) no-repeat center;}
.abnav2:hover i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav2h.webp) no-repeat center;}
.abnav3:hover i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav3h.webp) no-repeat center;}
.abnav4:hover i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav4h.webp) no-repeat center;}
.abnav5:hover i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav5h.webp) no-repeat center;}

.abnav1.dangab i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav1h.webp) no-repeat center;}
.abnav2.dangab i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav2h.webp) no-repeat center;}
.abnav3.dangab i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav3h.webp) no-repeat center;}
.abnav4.dangab i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav4h.webp) no-repeat center;}
.abnav5.dangab i{ background:url(/vendor/CmsThemeSquareBlanket/images/v2/about/abnav5h.webp) no-repeat center;}


@media screen and (max-width: 999px) {
    .abnav a i{ width:30px; height:40px;}
    .abnav a span{ font-size:14px; font-size:0.7rem;}

}

@media screen and (max-width:767px) {
    .abnav a{ width:33.333%;}
    .abnav a i{ display:none}
    .abnav a{ height:50px; line-height:50px; padding:0px;}
    .abnav a span{ line-height:22px; display:inline-block; vertical-align:middle; padding:0 10px;}
    .abnav a:before{ display:none}
    
}



/*********************  abmain5  **********************/
.abmain5{ padding-bottom:109px;
    /* padding-top:84px; */
    font-family: Arial, Helvetica, sans-serif;
}
.ab5n{ margin-top:37px;}
.ab5n:after{ content:""; clear:both; display:block;}
.ab5n2{ width:48.66%}
.ab5lie{ margin-top:27px;}
.wen{ background:#f7f7f9; padding:18px; padding-right:34px; line-height:32px; color: #000033; font-size:18px; position:relative; transition:0.5s; cursor:pointer;
    margin-bottom: 0;
}
.wen span{ transition:0.5s;}
.wen:before{ content:""; position:absolute; width:17px; height:2px; background:#333; right:15px; top:50%; margin-top:-1%; transition:0.5s;}
.wen:after{ content:""; position:absolute; width:17px; height:2px; background:#333; right:15px; top:50%; margin-top:-1%; transform:rotate(90deg); transition:0.5s;}

.wen:hover,.ab5lieh .wen{ background:#333; color:#fff;}
.wen:hover span,.ab5lieh .wen span{ color:#fff;}
.wen:hover:before,.wen:hover:after,.ab5lieh .wen:before,.ab5lieh .wen:after{ background:#fff;}
.ab5lieh .wen:after,.wen:hover:after{ transform:rotate(0deg)}

.da{ display:none; background:#333; padding:1px 18px; padding-bottom:41px; font-size:16px; color: #ffffff; line-height:30px;}
.da em{ font-style:normal; float:left; color: #ffffff;}
.da p,.da strong{color: #ffffff;}
.ab5lieh .da{ display:block;}

.abmain5 .fenye{ padding-top:110px;}
@media screen and (max-width:999px) {
    .abmain5{ padding-bottom:29px; padding-top:24px;}
    .wen{ padding:10px; padding-right:34px; line-height:24px; font-size:14px; font-size:0.7rem;}
    .da{ padding:1px 10px; padding-bottom:21px; font-size:12px; font-size:0.6rem; line-height:22px;}
    .ab5n{ margin-top:17px;}
    .abmain5 .fenye{ padding-top:30px;}
}
@media screen and (max-width:767px) {
    .ab5n2{ width:100%}
}

.fl {
    float: left;
}
.fr {
    float: right;
}

h2.title {
    padding-top: 2.65rem;
    border-bottom: 0.05rem solid #c8c8c8;
    font-size: 30px;
    color: #333;
    font-family: 'Arial';
    padding-bottom: 10px;
}

.contact-detail input {
    line-height: 2rem;
    background-color: #f5f5f5;
    width: 100%;
    margin-bottom: 1rem;
}
.contact-detail input::placeholder,
.contact-detail textarea::placeholder {
    font-size: medium;
    color: #8894ab
}
.contact-detail .message textarea {
    height: 10rem;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 0.7rem;
    /* border: 0; */
}
.contact-detail .btn-primary {
    width: 14.4rem;
    height: 2.35rem;
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
    font-size: 0.75rem;
    font-weight: bold;
    color: #000000;
    margin-top: 10px;
;
}
.col-md-4.col-12 {
    font-size: 17.5px;
}
.about-container-footer {
    text-align: center;
}
.about-container-footer .title {
    font-size: 19px;
    color: #333;
    line-height: 2.5rem;
    margin: 0;
}
.about-container-footer .desc {
    font-size: 13px;
    color: #686868;
}