/* 公共样式 */

.flex {
    display: flex;
    align-items: center;
}

.flex-l {
    display: flex;
}

.flex-dc {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flex-btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.common-more {
    display: inline-block;
    width: 1.925rem;
    height: .475rem;
    background-color: #1768b2;
    border-radius: .2375rem;
    font-size: .225rem;
    text-align: center;
    line-height: .475rem;
    color: #ffffff;
}

.common-card {
    width: 19.375rem;
    height: auto;
    margin: 0 auto;
}

.common-title {
    text-align: center;
}

.common-title h2 {
    font-size: .375rem;
    color: #000000;
}

.common-title h4 {
    font-size: .225rem;
    color: #999999;
    margin-top: .3125rem;
}


/* 头部 */

.header {
    width: 100%;
    height: 1.3875rem;
}

.head-card {
    display: flex;
    align-items: center;
    width: 22.875rem;
    height: 100%;
    margin: 0 auto;
}

.head-card .logo {
    width: 6.0875rem;
    height: 1rem;
    margin-right: 1.25rem;
}

.head-card .logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.head-card .right {
    flex: 1;
}

.head-card ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.head-card ul a,
.head-card ul span {
    font-size: .3rem;
    line-height: .75rem;
    color: #000000;
}

.head-card ul i {
    font-size: .3rem;
    font-weight: 700;
    line-height: .75rem;
    color: #1f3e75;
}


/* <!-- 轮播 --> */

.headerSwiper {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.headerSwiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
}

.bannernum {
    position: absolute;
    bottom: 6%;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
}

.bannernums {
    float: left;
    font-size: 18px;
    color: #ffffff;
    color: rgba(255, 255, 255, 0.2);
    margin-right: 5px;
    transition: all 3s;
    cursor: pointer;
}

.bannernums span:first-child {
    padding: 4px;
    border-radius: 100%;
}

.bannernums span:last-child {
    width: 0;
    height: 1px;
    background: #fff;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: -7px;
    transition: all 3s;
}

.bannernums.active {
    color: rgba(255, 255, 255, 1);
}

.bannernums.active span {
    width: 51px;
}


/* 门 */

.door {
    width: 100%;
    height: auto;
}

.door ul li {
    position: relative;
    width: 4.8125rem;
    height: 4.0375rem;
}

.door ul li:nth-child(2n) {
    background-color: #f9f9f9;
}

.door ul li:nth-child(2n+1) {
    background-color: #f4f2f2;
}

.door ul .icon {
    width: .625rem;
    height: auto;
    object-fit: cover;
}

.door ul li p {
    font-size: .25rem;
    color: #666666;
    margin: .1875rem 0 .15rem 0;
}

.door ul li span {
    font-size: 12px;
    color: #666666;
    text-align: center;
}

.door ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.door ul li a>div {
    width: 100%;
    height: 100%;
}

.door ul .text p,
.door ul .text span {
    color: #fff;
}

.door ul .img {
    width: 100%;
    height: 100%;
}

.door ul .bto {
    width: 100%;
    height: 100%;
}

.door ul .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.door ul .text p {
    margin: .125rem 0;
}

.door ul .text {
    text-align: center;
    position: absolute;
    left: 0;
    top: -0.9375rem;
    width: 4.775rem;
    height: .9375rem;
    background-color: rgba(22, 77, 179, 0.8);
}


/* 关于我们 */

.about {
    width: 100%;
    height: auto;
    padding-bottom: .25rem;
}

.about>img {
    width: 12rem;
    height: 9.9875rem;
    margin-top: .25rem;
    object-fit: cover;
}

.about .right {
    flex: 1;
    padding-right: 2.3375rem;
    padding-left: .625rem;
    background-color: #f7f7f7;
}

.about .right h6 {
    font-size: .6rem;
    color: #1768b2;
    text-align: right;
}

.about .right h4 {
    text-align: right;
    margin: .3125rem 0 .5rem 0;
}

.about .right h4 span {
    font-size: .45rem;
    font-weight: 700;
    color: #000000;
}

.about .right h4 i {
    font-size: .45rem;
    font-weight: 700;
    color: #1768b2;
}

.about .right .text {
    font-size: .2rem;
    line-height: .625rem;
    text-align: justify;
    text-indent: 2em;
    color: #000000;
}

.about .right .number {
    margin: .3125rem 0 .625rem 0;
}

.about .right .number span {
    font-size: .6rem;
    color: #1768b2;
}

.about .right .number i {
    font-size: .375rem;
    color: #000000;
}

.about .right .number h5 {
    font-size: .3rem;
    color: #000000;
}


/* 产品中心 */

.productCenter {
    width: 100%;
    height: auto;
    background-image: url(../img/icon8.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: .375rem 0 .625rem 0;
}

.productCenter .left {
    width: 15.9375rem;
    height: auto;
    margin-top: 1.125rem;
    margin-right: .75rem;
}

.productSwiper {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.productSwiper img {
    width: 5.1875rem;
    height: 7.775rem;
    object-fit: cover;
    background-color: #1768b2;
    border: solid 1px #ffffff;
}

.productSwiper .swiper-slide {
    position: relative;
}

.productSwiper .name {
    width: 5.1875rem;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    background-color: rgba(40, 83, 164, 0.6);
    text-align: center;
    transition: all 0.3s;
}

.productSwiper .name span {
    display: none;
    color: #ffffff;
    font-size: .2625rem;
    line-height: .8625rem;
    text-align: center;
}

.productSwiper .swiper-slide:hover .name {
    height: .8625rem;
}

.productSwiper .swiper-slide:hover span {
    display: block;
}

.productSwiper .bto {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: .5625rem;
}

.productSwiper .bto div {
    width: 1.15rem;
    height: .7625rem;
    cursor: pointer;
}

.productSwiper .bto .product-button-next {
    background-image: url(../img/icon10.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: .85rem;
}

.productSwiper .bto .product-button-prev {
    background-image: url(../img/icon11.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.productCenter .right {
    flex: 1;
}

.productCenter .right .title {
    position: relative;
    width: 1.15rem;
    height: 1.575rem;
    background-image: url(../img/icon22.png);
    background-repeat: no-repeat;
    background-size: cover;
    left: 35%;
    top: 3.5%;
}

.productCenter .right .title h2 {
    position: absolute;
    font-size: .375rem;
    font-weight: 700;
    color: #ffffff;
    left: -0.7375rem;
    top: .375rem;
}

.productCenter .right .title h4 {
    position: absolute;
    font-size: .2rem;
    color: #ffffff;
    font-weight: normal;
    left: -0.9rem;
    top: .875rem;
}

.productCenter .right h5 {
    position: absolute;
    right: 1.75rem;
    writing-mode: vertical-rl;
    font-size: 1.5rem;
    color: #f4f4f4;
    opacity: 0.11;
}

.productCenter .right .nav {
    width: 10%;
    position: absolute;
    z-index: 4;
    margin-top: 1.125rem;
}

.productCenter .right .nav a {
    display: inline-block;
    font-size: .3rem;
    color: #ffffff;
    width: 100%;
    border-bottom: 1px solid rgb(132, 130, 130);
    padding-bottom: .125rem;
    margin-bottom: .625rem;
}


/* 行业应用 */

.industry {
    width: 100%;
    height: auto;
    background-color: #f3f9ff;
    padding: .825rem 0;
}

.industry ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.industry ul h6 {
    font-size: .45rem;
    font-weight: 700;
    color: #000000;
}

.industry ul .text {
    font-size: .375rem;
    line-height: .75rem;
    color: #666666;
    padding-right: 1.25rem;
}

.industry ul li {
    position: relative;
    width: 3.85rem;
    height: 3.0625rem;
}

.industry ul li .bto {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
}

.industry ul li p {
    font-size: .375rem;
    color: #000000;
    margin-top: .375rem;
}

.industry ul li:nth-child(2) .bg,
.industry ul li:nth-child(8) .bg,
.industry ul li:nth-child(10) .bg,
.industry ul li:nth-child(14) .bg {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #fd9d37 0%, #eaba87 0%, #d7d7d7 0%, #83b3d3 0%, #2f8fce 0%, #18337b 100%), linear-gradient( #ffffff, #ffffff);
    background-blend-mode: normal, normal;
    opacity: 0.1;
}

.industry ul li:nth-child(4),
.industry ul li:nth-child(6),
.industry ul li:nth-child(12) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}

.industry ul li img {
    width: .7875rem;
    height: auto;
    object-fit: cover;
}

.industry ul li:hover p,
.industry ul li:hover img {
    animation-name: identifier;
    animation-duration: 1.5s;
}

@keyframes identifier {
    0% {
        transform: scale(1) translateY(0%);
    }
    50% {
        transform: scale(1.2) translateY(40%)
    }
    100% {
        transform: scale(1) translateY(0%);
    }
}


/* 联系我们 */

.aboutUs {
    width: 100%;
    height: 8.875rem;
}

.aboutUs .left {
    width: 49%;
    height: 100%;
    background-image: url(../img/icon19.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 9.5%;
    padding-top: 1.5rem;
}

.aboutUs .right {
    width: 51%;
    height: 100%;
    background-image: url(../img/icon20.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 9.5%;
    padding-top: 1.5rem;
    padding-left: .8rem;
}

.aboutUs h6 {
    font-size: .45rem;
    font-weight: 700;
    line-height: .75rem;
    color: #ffffff;
}

.aboutUs .text {
    font-size: .25rem;
    line-height: 0.75rem;
    color: #ffffff;
    margin: .25rem 0 .625rem;
}


/* 底部 */

.footer {
    width: 100%;
    height: auto;
    background-color: #171717;
}

.footer .top {
    padding: .625rem 0 .375rem 0;
}

.footer .left {
    width: 4.375rem;
    border-right: 1px solid #8d8d8d;
}

.footer .right {
    flex: 1;
    margin-left: 1rem;
}

.footer .left .logo2 {
    display: inline-block;
    width: 3.575rem;
    height: auto;
}

.footer .left .logo2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer .left .qr {
    display: flex;
    margin-top: .825rem;
}

.footer .left .qr div:first-child {
    margin-right: .2125rem;
}

.footer .left .qr img {
    width: 1.8125rem;
    height: 1.8125rem;
    object-fit: cover;
}

.footer .left .qr p {
    font-size: .125rem;
    color: #ffffff;
    margin-top: .15rem;
    text-align: center;
}

.footer ul p {
    font-size: .1875rem;
    font-weight: 700;
    line-height: .85rem;
    color: #ffffff;
}

.footer ul {
    display: flex;
    justify-content: space-between;
}

.footer ul li {
    display: flex;
    flex-direction: column;
}

.footer ul a,
.footer ul span {
    font-size: .1875rem;
    line-height: .85rem;
    color: #ffffff;
}

.footer ul li:last-child span {
    line-height: .45rem;
}

.footer ul li:last-child p {
    display: flex;
    align-items: center;
    font-size: .375rem;
    color: #ffffff;
    font-weight: normal;
}

.footer ul li:last-child img {
    margin-right: .1875rem;
    width: .325rem;
    height: .325rem;
    object-fit: cover;
}

.footer .bto {
    font-size: 14px;
    height: 1.3125rem;
    line-height: 1.3125rem;
    color: #ffffff;
    text-align: center;
    border-top: 1px solid rgba(227, 228, 231, 0.5);
}


/* 产品详情 */

.productDetails {
    width: 100%;
    height: auto;
    background-color: #f7f7f7;
    padding: .75rem 0 .375rem 0;
}

.productDetails-con .nav {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .5rem 0;
}

.productDetails-con .nav .item {
    display: block;
    width: auto;
    padding: 0 .3125rem;
    height: .5625rem;
    background-color: #ffffff;
    border-radius: .275rem;
    text-align: center;
    font-size: .2rem;
    line-height: .5625rem;
    margin-right: .1375rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
}

.productDetails-con .content {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: .225rem;
}

.productDetails-con .content .img {
    width: 6.25rem;
    height: auto;
	  margin-right: .625rem;
}

.productDetails-con .content .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.productDetails-con .content .text {
    margin-top: .75rem;
	    flex: 1;
}

.productDetails-con .content .text h2 {
    font-size: .3rem;
    letter-spacing: 1px;
    color: #333333;
}

.productDetails-con .content .text .ls{
    font-size: .25rem;
    line-height: .3125rem;
    letter-spacing: 1px;
    color: #666666;
    margin: .625rem 0;
}

.productDetails-con .content .text a {
    display: block;
    width: 2.325rem;
    height: .6875rem;
    background-color: #000000;
    border-radius: .1rem;
    font-size: .25rem;
    text-align: center;
    line-height: .6875rem;
    letter-spacing: 1px;
    color: #ffffff;
}

.productDetails-con .drawing {
    width: 100%;
    height: .85rem;
    background-color: #fff;
    margin: .175rem 0 .5rem 0;

}
.productDetails-con .drawing-img {
	  font-size: .25rem;
    line-height: .4375rem;
}
.productDetails-con .drawing span {
    display: inline-block;
    width: 10%;
    height: 100%;
    font-size: .25rem;
    line-height: .85rem;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    background-color: #000;
}

.productDetails-con .drawing-img img {
    width: auto;
    height: auto;
    object-fit: contain;
	
}

.BMap_bubble_title {
    font-size: 16px;
}

.BMap_bubble_content {
    font-size: 14px;
}

.banner img {
    width: 100%;
    height: auto;
}


/* 产品中心内页 */

.productLiner {
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
    padding: .75rem 0;
}

.productLiner-con .nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.75rem 0 0.25rem 0;
}

.productLiner-con .nav .item {
    cursor: pointer;
    width: auto;
    height: .5625rem;
    background-color: #ffffff;
    line-height: .5625rem;
    text-align: center;
    border-radius: .275rem;
    padding: 0 .3125rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .2rem;
    color: #000000;
    margin-right: .1625rem;
}

.productLiner-con .nav .item.active {
    color: #fff;
    background-image: linear-gradient(90deg, #2f8fce 0%, #969683 0%, #fd9d37 0%, #af7f4c 0%, #606060 0%, #000000 100%), linear-gradient( #000000, #000000);
}

/*.productLiner-list {
    display: none;
}*/

.productLiner-list ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.productLiner-list ul li {
    width: 4.75rem;
    height: 4.675rem;
    margin: 0 .125rem .275rem 0;
    background-color: #fff;
}

.productLiner-list ul li:nth-child(4n) {
    margin-right: 0;
}

.productLiner-list .img {
    width: 100%;
    height: 3.7375rem;
    padding: .25rem;
}

.productLiner-list .img img {
    width: 100%;
    height: 100%;
      object-fit: cover;
}

.productLiner-list .name {
    width: 100%;
    height: .9125rem;
    border-top: .0125rem solid #eee;
    font-size: .2rem;
    line-height: .9125rem;
    text-align: center;
    padding: 0 .125rem;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 关于我们内页 */

.aboutInside {
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
    padding: .75rem 0 .275rem 0;
}

.aboutInside .common-title h4,
.productLiner .common-title h4,
.enterprise .common-title h4,
.corporate .common-title h4,
.contactUs .common-title h4,
.honorQualification .common-title h4,
.productDetails .common-title h4 {
    color: #999999;
    font-weight: normal;
}

.aboutInside-con {
    display: flex;
    align-items: center;
    width: 100%;
    height: 6.975rem;
    background-color: #ffffff;
    border-radius: .2875rem;
    padding: .35rem .25rem .375rem .375rem;
    margin-top: .5rem;
}

.aboutInside-con .text {
    flex: 1;
    font-size: .225rem;
    line-height: .575rem;
    color: #000000;
    text-indent: 2em;
    text-align: justify;
    margin-right: .325rem;
}

.aboutInside-con img {
    width: 9.7125rem;
    height: 6.6125rem;
    object-fit: cover;
}


/* 企业文化 */

.enterprise {
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
}

.enterprise-con {
    padding: .2rem 0 .6875rem 0;
}

.enterprise-con ul {
    display: flex;
    align-items: center;
}

.enterprise-con ul li {
    position: relative;
    width: 4.8875rem;
    height: 7.175rem;
    margin-right: .15rem;
}

.enterprise-con ul li:hover .shade {
    height: 100%;
    cursor: pointer;
}

.enterprise-con ul li:last-child {
    margin-right: 0;
}

.enterprise-con ul li>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.enterprise-con .shade {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    display: flex;
    transition: all 0.3s;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.enterprise-con .shade img {
    width: .3375rem;
    height: auto;
    object-fit: cover;
    display: none;
}

.enterprise-con .shade h2 {
    font-size: .25rem;
    color: #ffffff;
    margin-top: .225rem;
    display: none;
}

.enterprise-con .shade P {
    font-size: .225rem;
    line-height: .525rem;
    color: #ffffff;
    display: none;
}

.enterprise-con ul li:hover .shade img,
.enterprise-con ul li:hover .shade h2,
.enterprise-con ul li:hover .shade p {
    display: block;
}


/* 企业形象 */

.corporate {
    width: 100%;
    height: auto;
    background-color: #f7f7f7;
}

.corporate-con {
    padding: .25rem 0;
}

.corporate-con ul {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.corporate-con ul li {
    margin: 0 .075rem .225rem 0;
    width: 4.7875rem;
    height: 4.025rem;
}

.corporate-con ul img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.corporate-con ul li:nth-child(4n) {
    margin-right: 0;
}


/* 联系我们 */

.contactUs {
    width: 100%;
    height: auto;
    padding: .25rem 0 .6rem 0;
    background: #f7f7f7;
}

.contact-con {
    margin-top: .3125rem;
}

.contact-con .top ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact-con .top ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 4.25rem;
    height: 4.1625rem;
    background-color: #ffffff;
    box-shadow: 0 0 .125rem 0 rgba(0, 0, 0, 0.13);
    padding: 0 .0625rem;
    padding-top: .7875rem;
}

.contact-con .top ul li img {
    width: .525rem;
    height: auto;
    object-fit: cover;
}

.contact-con .top ul li p {
    font-size: .2rem;
    line-height: .45rem;
    color: #333333;
    margin-top: .1875rem;
}

#map {
    margin-top: .25rem;
    width: 100%;
    height: 10.375rem;
    box-shadow: 0 .0125rem .1625rem .0125rem rgba(0, 0, 0, 0.06);
}

.contact-con h6 {
    font-size: .325rem;
    line-height: 35px;
    color: #656565;
    text-align: center;
    margin: .625rem 0;
}

.contact-con .form input[type=text] {
    width: 8.5rem;
    height: .8625rem;
    line-height: .8625rem;
    background-color: #ffffff;
    border: solid .0125rem #eeeeee;
    font-size: .2rem;
    color: #656565;
    padding-left: .2375rem;
}

.contact-con .form input[type=submit] {
    width: 9.7125rem;
    height: .8625rem;
    line-height: .8625rem;
    background-color: #009be3;
    border: solid .0125rem #d2d2d2;
    font-size: .325rem;
    color: #ffffff;
    margin-top: .5rem;
}

.contact-con .form textarea {
    width: 100%;
    height: 4.9rem;
    background-color: #ffffff;
    border: solid .0125rem #d2d2d2;
    font-size: .2rem;
    padding: .4rem 0 0 .2375rem;
    color: #656565;
}

.contact-con .form .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .2rem;
}

.inside-card {
    width: 17.5rem;
    height: auto;
    margin: 0 auto;
}


/* 新闻详情 */

.newsdetails {
    width: 100%;
    height: auto;
    background-color: #f7f7f7;
    padding: .5rem 0;
}

.newsdetails h2 {
    font-size: .45rem;
    line-height: .6625rem;
    color: #000000;
    font-weight: normal;
    text-align: center;
}

.newsdetails .text {
    margin-top: .375rem;
}

.newsdetails .text p {
    font-size: .2rem;
    line-height: .6rem;
    color: #000000;
}


/* 新闻资讯 */

.newsInformation {
    width: 100%;
    height: auto;
    padding: .4375rem 0;
}

.newsInformation ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .5rem;
}

.newsInformation ul li {
    width: 6.2625rem;
    height: 1.975rem;
    background-color: #f7f7f7;
    margin: 0 .25rem .275rem 0;
    padding: .25rem .125rem .3125rem .225rem;
}

.newsInformation ul li:nth-child(3n) {
    margin-right: 0;
}

.newsInformation ul h2 {
    font-size: .2125rem;
    font-weight: normal;
    line-height: .6625rem;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsInformation ul p {
    font-size: .175rem;
    line-height: .425rem;
    color: #666666;
}


/* 荣誉资质 */

.honorQualification {
    width: 100%;
    height: auto;
    padding: .8125rem 0;
    background-color: #f7f7f7;
}

.honor-con {
    margin-top: .4rem;
}

.honor-con ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.honor-con ul li {
    cursor: pointer;
    width: 4.75rem;
    height: 6.8375rem;
    margin: 0 .125rem .25rem 0;
}

.honor-con ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.honor-con ul li:nth-child(4n) {
    margin-right: 0;
}

#outerdiv {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 200;
}


/* 案例展示 */

.caseShow {
    width: 100%;
    height: auto;
    padding-top: .1875rem;
}

.projectCase-con ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .25rem;
}

.projectCase-con ul li {
  width: 3rem;
    height: auto;
	padding: .025rem;
    margin: 0 .275rem .375rem 0;
}

.projectCase-con ul li:nth-child(6n) {
    margin-right: 0;
}

.projectCase-con ul img {
     width: 2.875rem;
    height: 2.025rem;
    object-fit: cover;
}

.projectCase-con ul .name {
    width: 100%;
    height: .7rem;
    background-color: #f4f4f4;
    text-align: center;
    font-size: .225rem;
    letter-spacing: 1px;
    color: #000000;
	    line-height:  .7rem;
}

.productCenter .common-title {
    display: none;
}

.productCenter .common-title h2,
.productCenter .common-title h4 {
    color: #fff;
}

table{
    width: 100% !important;
    height: auto;
}

table  tr td{
    height: 35px !important;
    text-align: center;
    font-size: 18px !important;
}



/*子菜单 */
.submenu {
  margin-bottom: 0.25rem;
  display: none;
}
.submenu > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.submenu a {
  display: inline-block;
  border-right: 2px solid #000;
  padding-right: 0.25rem;
  margin-right: 0.25rem;
  font-size: 0.225rem;
}
.submenu a:last-child {
  border-right: none;
}
.submenu a.active {
  color: red;
}