.contact-sd {line-height: 3;}.content-exp {font-size: 1.1em;}@media (max-width: 768px) {.in-honours {height: 135px!important;}}
/*index oem*/
.in-lc {
    margin: 20px auto;
}
@media only screen and (min-width: 1301px){
.in-case-con img {min-height: 280px;}
.in-about .img-center img {min-height: 320px;}
.in-lc li {
    width: 25%;
    height: 520px;
    background-color: #fff;
    box-shadow: 0 5px 9px rgba(0,0,0,.15);
    float: left;
    margin-right: 12px;
    transition: .4s;
    border: 2px #fff solid;
}}
@media only screen and (min-width: 1301px){
.in-lc li:hover {
    background-color: #2c5197;
    border: 2px #dedede solid;
}}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-name: shagndaoxia;
}
@media only screen and (min-width: 1301px){
.mmshang {
    -webkit-animation: shagndaoxia .8s ease-in-out;
    animation: shagndaoxia .8s ease-in-out;
}}
@media only screen and (min-width: 1301px){
.in-lc .list-title h2 {
    color: #2c5197;
    font-size: 20px;
    font-weight: 500;
    margin: 15px 0;
    text-align: center;
}}
@media only screen and (min-width: 1301px){
.in-lc .list-title p {
    width: 250px;
    margin: 0 auto;
    line-height: 23px;
    color: #666;
    font-size: 13px;
}}
@media only screen and (min-width: 1301px){
.in-lc li:hover .list-title h2,.in-lc li:hover .list-title p {
    color: #fff;
}}
@media only screen and (min-width: 1301px){
.in-lc:hover .list-title .bon {
    background-color: #fff;
    color: #2c5197;
    border: 1px #2c5197 solid;
    text-align: center;
}}

@media only screen and (min-width: 1301px){
.in-lc .list-title .bon {
    width: 150px;
    margin: 0 auto;
    border: 1px #ccc solid;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    color: #2c5197;
    text-align: center;
}}
.in-lc li {
    float: left;
    width: 23.5%;;
}
.in-lc li .img-cover {
    padding-top: 0%;
    overflow: hidden;
    position: relative;
}
@media only screen and (min-width: 1301px){
.in-lc li .img-cover img {
    width: 100%;
}}
.in-lc li a {
    margin: 0;
}
/*product*/
.pr-3, .px-3 {
    padding-right: 1rem!important;
}
@media (min-width: 992px){
.col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (min-width: 576px){
.fs-sm-28 {
    font-size: 2rem;
}}
.fs-20 {
    font-size: 1.428rem;
}
.pb-2, .py-2 {
    padding-bottom: .5rem!important;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6!important;
}
.lh-3 {
    line-height: 3;
}
.border-bottom-dashed {
    border-bottom: 1px dashed #dee2e6 !important;
}
.text-secondary {
    color: #6c757d!important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}
.border-info {
    border-color: #17a2b8!important;
}

.h5, h5 {
    font-size: 1.25rem;
}
@media screen and (max-width: 767px){
.in-lc li {
    width: 100%!important;
    padding-bottom: 30px;
}
.ct2-mn .h2, h2,.in-lc .list-title .bon {
    text-align: center;
}
.in-lc .list-title .bon {
    width: 150px;
    margin: 0 auto;
    border: 1px #ccc solid;
    height: 30px;
    line-height: 30px;
}
.img-cover a img {
    width: 100%;
}
.preview .arrow-left,.preview .arrow-right {
    z-index: 9;
}
.list-3 li .text .date {
    display: inline-block;
    width: 50%;
}
.list-3 li .text p {
    display: none;
}
.list-1 li .img-center {
    border: none;
}
.yunu-showcase-info h1 {
    text-align: center;
}
.yunu-showcase-info .tel a {
    display: block;
    margin: auto;
}
}