.header {
    width: 100%;
    height: auto;
    background-color: #000000;
    z-index: 999999;
}

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

.header .menu {
    width: 100%;
    height: 1.4125rem;
}

.header .menu .common-card {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .left {
    width: 4.3125rem;
    height: 1rem;
      margin-right: 3.5875rem;
}

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

.header .right {
    flex: 1;
}

.header .right ul li {
    margin-right: .75rem;
}

.header .right ul li a {
    font-size: .225rem;
    color: #ffffff;
    padding: .1875rem 0;
}

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

.header .right ul {
    display: flex;
    align-items: center;
}

.header .form {
    position: relative;
    width: 1.375rem;
    height: .275rem;
}

.header .form input[type=text] {
    width: 100%;
    height: 100%;
    background-color: rgba(221, 218, 218, 0.5);
    border-radius: .1375rem;
    color: #fff;
	 font-size: .15rem;
}

.header .form input[type=submit] {
    position: absolute;
    width: 12px;
    height: 12px;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    right: .0625rem;
    top: .075rem;
}


/* 轮播 */

.homeSwiper {
    position: relative;
    width: 100%;
    height: auto;
}

.homeSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homeSwiper .swiper-pagination {
    position: absolute;
    width: 20%;
    left: 80%;
    bottom: 2%;
}

.homeSwiper .swiper-pagination-bullet,
.recommendedSwiper .swiper-pagination-bullet {
    width: .175rem;
    height: .175rem;
    background-color: #f7f502;
    opacity: 1;
}

.homeSwiper .swiper-pagination-bullet-active,
.recommendedSwiper .swiper-pagination-bullet-active {
    background: #fff !important;
}


/* 热品推荐 */

.recommended {
    width: 100%;
    height: auto;
    padding: .2875rem 0;
    background-image: url(../img/icon21.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.home-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home-title h2 {
    font-size: .4rem;
    letter-spacing: 1px;
    color: #333333;
}

.home-title span {
    display: inline-block;
    width: .575rem;
    height: .0625rem;
    background-color: #f7f502;
    border-radius: .025rem;
    margin: .25rem 0;
}

.home-title h4 {
      font-size: .2rem;
    letter-spacing: 1px;
    color: #333333;
}

.recommendedSwiper {
    position: relative;
    width: 22.25rem;
    margin: 0 auto;
    overflow: hidden;
    margin-top: .5625rem;
    padding-bottom: 1.5rem;
}

.recommendedSwiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.recommendedSwiper .img {
    width: 4.2625rem;
    height: 3.575rem;
    background-color: #ffffff;
    padding: .625rem;
}

.recommendedSwiper .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.recommendedSwiper p {
    font-size: .25rem;
    line-height: .675rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333333;
}

.recommendedSwiper a {
    display: inline-block;
    width: 1.5625rem;
    height: .4125rem;
    background-image: linear-gradient(90deg, #2f8fce 0%, #969683 0%, #fd9d37 0%, #af7f4c 0%, #606060 0%, #000000 100%), linear-gradient( #000000, #000000);
    background-blend-mode: normal, normal;
    border-radius: .2125rem;
}

.recommendedSwiper a>div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recommendedSwiper a span {
    font-size: .175rem;
    color: #ffffff;
}

.recommendedSwiper a img {
    width: .225rem;
    height: .225rem;
    object-fit: cover;
    margin-left: .2rem;
}

.recommendedSwiper .swiper-pagination {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


/* 关于我们 */

.about {
    width: 100%;
    height: auto;
    background-color: #f8f8f8;
    padding: .5875rem 0 .8rem 0;
}

.about .top {
    height: 2.9125rem;
    height: 3.5125rem;
    background-color: #ffffff;
    box-shadow: 0 .075rem 0 0 rgba(0, 0, 0, 0.09);
    border-radius: .3875rem;
    margin-bottom: .4875rem;
}

.about .top .avtice {
    display: none;
}

.about .top ul {
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.about .top ul li {
    width: 4rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-right: .0125rem solid #eee;
    position: relative;
}

.about .top .circle {
    position: absolute;
    right: -0.125rem;
    top: 40%;
}

.about .top .circle span {
    display: block;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
}

.about .top .circle span::before {
    content: '';
    display: block;
    width: .175rem;
    height: .175rem;
    border-radius: 50%;
    position: relative;
    left: 15%;
    top: 15%;
    background-color: #000000;
}

.about .top img {
    width: .675rem;
    height: auto;
    object-fit: cover;
}

.about .top p {
    font-size: .3rem;
    margin-top: .3375rem;
    color: #000000;
}

.about .top ul li:hover {
    cursor: pointer;
    background-image: linear-gradient(90deg, #2f8fce 0%, #969683 0%, #fd9d37 0%, #af7f4c 0%, #606060 0%, #000000 100%), linear-gradient( #000000, #000000);
    background-blend-mode: normal, normal;
}

.about .top ul li:hover p {
    color: #fff;
}

.about .top ul li:hover .circle,
.about .top ul li:hover .default {
    display: none;
}

.about .top ul li:hover .avtice {
    display: block;
}

.about-con {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
}

.about-con .left {
    width: 12rem;
    height: 8.7875rem;
}

.about-con .right {
    flex: 1;
}

.about-con .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-con .right .title {
    margin-top: .35rem
}

.about-con .right p {
    font-size: 1.0125rem;
    line-height: 5px;
    opacity: 0.1;
}

.about-con .right span {
    font-size: .45rem;
    font-weight: 700;
    line-height: 0px;
    color: #000000;
}

.about-text {
    position: absolute;
    left: 42%;
    top: 12%;
    width: 12rem;
    height: 6.5125rem;
    background-color: #ffffff;
    box-shadow: 0 .075rem .375rem .025rem rgba(0, 0, 0, 0.09);
    font-size: .2rem;
   line-height: .35rem;
       text-align: justify;
    color: #000000;
    padding: .5rem .7375rem .625rem .5375rem;
}

.about-con .more {
    display: inline-block;
    width: 3rem;
    height: .825rem;
    background-color: #ffffff;
    box-shadow: 0 .05rem 0 0 rgba(0, 0, 0, 0.09);
    border-radius: .4125rem;
    font-size: .225rem;
    text-align: center;
    line-height: .825rem;
    color: #000000;
    margin-top: 7.25rem;
    margin-left: .75rem;
}


/* 产品中心 */

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

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

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

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

.productCenter .nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .625rem 0;
	    flex-wrap: wrap;
}

.productCenter .nav .item {
    display: block;
    cursor: pointer;
    width: auto;
    height: .5625rem;
    padding: 0 .25rem;
    background-color: #ffffff;
    border-radius: .275rem;
    font-size: .2rem;
    line-height: .5625rem;
    color: #000000;
    text-align: center;
    margin-right: .175rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
	    flex-grow: 1;
     flex-basis: 3.75rem;
	    margin-bottom: .125rem;
}
.productCenter .nav .item a{
   display: block;
    width: 100%;
    height: 100%;

}




 
.productCenter .nav .item:hover {
    color: #fff;
    box-shadow: 0 .05rem 0 0 rgba(0, 0, 0, 0.09);
    background-image: linear-gradient(90deg, #2f8fce 0%, #969683 0%, #fd9d37 0%, #af7f4c 0%, #606060 0%, #000000 100%), linear-gradient( #000000, #000000);
}

.productSwiper {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 1.075rem;
}

.productSwiper .swiper-slide {
    width: 4.7625rem;
    height: 4.675rem;
    background-color: #ffffff;
}

.productSwiper .img {
    width: 100%;
    height: 3.7375rem;
    padding: .5rem;
}

.productSwiper .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

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

.productSwiper .swiper-pagination-bullet {
    width: .225rem;
    height: .225rem;
    background-color: #ffffff;
    opacity: 1;
}

.productSwiper .swiper-pagination-bullet-active {
    border: solid .0375rem #000000;
}


/* 行业解决方案 */

.industrySolution {
    width: 100%;
    height: auto;
    padding: .625rem 0;
}

.industrySolution .home-title span {
    background-color: #00afba;
}

.industrySolution-con {
    margin-top: .625rem;
}

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

.industrySolution-con ul li {
    position: relative;
    width: 4.9rem;
    height: 8.9125rem;
    margin-right: .225rem;
}

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

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

.industrySolution-con ul .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    letter-spacing: .0125rem;
    transition: all 0.3s;
}

.industrySolution-con ul .text span {
    color: #ffffff;
    line-height: .8625rem;
    font-size: .225rem;
    display: none;
}

.industrySolution-con ul li:hover {
    cursor: pointer;
}

.industrySolution-con ul li:hover .text {
    height: 10%;
}

.industrySolution-con ul li:hover .text span {
    display: block;
}


/* 我们的优势 */

.advantages {
    position: relative;
    width: 100%;
    height: auto;
    padding: .7875rem 0;
    background-image: url(../img/icon21.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 1.95rem;
}

.advantages .title {
    position: absolute;
    left: 1.95rem;
    top: 11%;
    height: auto;
}

.advantages .title h2 {
    font-size: 1.0125rem;
    color: #000000;
    line-height: 0px;
    opacity: 0.1;
}

.advantages .title p {
    font-size: .45rem;
    line-height: 0px;
    color: #000000;
}

.advantagesSwiper {
    position: relative;
    width: 100%;
    height: 8.9875rem !important;
    overflow: hidden;
}

.advantagesSwiper .swiper-slide {
    display: flex;
    align-items: center;
}

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

.advantagesSwiper .left h2 {
      font-size: .25rem;
    color: #000000;
}

.advantagesSwiper .left p {
    font-size: .225rem;
    color: #000000;
    margin: .3625rem 0 .75rem 0;
}
.advantagesSwiper .left p  span{
  font-family: "微软雅黑" !important;
}
.advantagesSwiper .left .ls {
    font-size: .225rem;
    color: #000000;
    text-align: justify;
}

.advantagesSwiper .left .ls {
    font-size: .225rem;
    line-height: .575rem;
    color: #000000;
}

.advantagesSwiper .img {
    width: 12.625rem;
    height: 8.975rem;
}

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

.advantagesSwiper .bottom {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 9999;
    left: 0;
    bottom: 0;
}

.advantagesSwiper .bottom div {
    width: .45rem;
    height: .45rem;
    cursor: pointer;
}

.advantagesSwiper .bottom .advantages-next {
    background-image: url(../img/icon12.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: .6rem;
}

.advantagesSwiper .bottom .advantages-prev {
    background-image: url(../img/icon13.png);
    background-repeat: no-repeat;
    background-size: cover;
}


/* 定制服务流程 */

.serviceProcess {
    width: 100%;
    height: 6.8125rem;
    background-color: #000000;
    padding: .725rem 0;
}

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

.serviceProcess .title h2 {
    font-size: .575rem;
    font-weight: 700;
    color: #ffffff;
    margin-top: .25rem;
}

.serviceProcess .title h4 {
    font-size: .3625rem;
    color: #ffffff;
    margin-bottom: 1rem;
}

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

.serviceProcess ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.serviceProcess ul p {
       font-size: .3rem;
    color: #ffffff;
    margin-top: .2125rem;
}

.serviceProcess ul .img {
    position: relative;
    width: 2rem;
    height: 2rem;
    background-image: linear-gradient( #ffffff, #ffffff), linear-gradient( #0162af, #0162af);
    background-blend-mode: normal, normal;
    border: solid .0625rem #e7e7e7;
    border-radius: 50%;
}

.serviceProcess ul .img img {
    width: 1.075rem;
    height: auto;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.serviceProcess ul .img .active,
.serviceProcess ul li:hover .default {
    display: none;
}

.serviceProcess ul li:hover .img {
    cursor: pointer;
    background-image: linear-gradient( #000, #000), linear-gradient( #0162af, #0162af);
    border: solid .025rem #ffffff;
}

.serviceProcess ul li:hover .active {
    display: block;
}


/* 荣誉资质 */

.honor {
    width: 100%;
    height: auto;
    padding: .425rem 0 .225rem 0;
    background-image: url(../img/icon22.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.honor .home-title span {
    background-color: #00afba;
}

.honor .common-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.honorSwiper {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: .4375rem 0 .825rem 0;
    background-image: url(../img/icon23.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 95%;
}

.honorSwiper .swiper-slide img {
    width: 4.825rem;
    height: 6.8375rem;
    object-fit: cover;
}

.honorSwiper .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 2.5%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.honorSwiper .swiper-pagination-bullet {
    width: .4125rem;
    height: .4125rem;
    opacity: 1;
    background-color: #ffffff;
    border: solid .05rem #333333;
}

.honorSwiper .swiper-pagination-bullet-active {
    background-color: #00afba;
}

.honor .more {
    display: inline-block;
    width: 3rem;
    height: .825rem;
    background-color: #ffffff;
    box-shadow: 0 .05rem 0 0 rgba(0, 0, 0, 0.09);
    border-radius: .4125rem;
    font-size: .225rem;
    text-align: center;
    line-height: .825rem;
    color: #000000;
}


/* 新闻资讯 */

.news {
    width: 100%;
    height: auto;
    padding: .75rem 0;
}

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

.news .title h2 {
    font-size: .4rem;
    letter-spacing: 1px;
    color: #000000;
}

.news .title h4 {
    font-size: .225rem;
    letter-spacing: 1px;
    color: #333333;
    margin-top: .3rem;
}

.newsSwiper {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: .875rem;
}

.newsSwiper .swiper-slide a {
    display: flex;
}

.newsSwiper .left p {
    font-size: .4rem;
    letter-spacing: 1px;
    color: #999999;
}

.newsSwiper .left span {
    font-size: .25rem;
    letter-spacing: 1px;
    color: #999999;
}

.newsSwiper .right {
    border-left: .0125rem solid #ded8d8;
    padding-left: .55rem;
    margin-left: .5rem;
}

.newsSwiper .right p {
    font-size: .225rem;
    color: #333333;
}

.newsSwiper .right .text {
    width: 4.0125rem;
    font-size: .1875rem;
    color: #999999;
    line-height: .5rem;
}

.news .bottom div {
    width: .45rem;
    height: .45rem;
}

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

.news .bottom .news-next {
    background-image: url(../img/icon12.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: .6rem;
    cursor: pointer;
}

.news .bottom .news-prev {
    background-image: url(../img/icon13.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}


/* 底部 */

.footer {
    width: 100%;
    height: auto;
    background-color: #333333;
    padding-top: .6625rem;
}

.footer .common-card {
    display: flex;
    align-items: center;
}

.footer .left .text {
    font-size: .225rem;
     line-height: .4375rem;
    color: #ffffff;
}

.footer .left {
    width: 5.25rem;
    height: auto;
     margin-right: .75rem;
}

.footer .right {
    flex: 1;
}

.footer .left p {
    font-size: .375rem;
    color: #ffffff;
    font-weight: 700;
}

.footer .left span {
    font-size: .2375rem;
    color: #ffffff;
    margin-top: .3rem;
}

.footer .right ul {
    display: flex;
    
}

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

.footer .right ul p {
       font-size: 15px;
    font-weight: 700;
    line-height: .65rem;
    color: #ffffff;
}
.footer .right ul li:nth-child(1){
    margin-right: .9125rem;
}
.footer .right ul a,
.footer .right ul span {
       font-size: 11px;
      line-height: .4375rem;
    color: #ffffff;
}

.footer .right ul img {
      width: 2rem;
        height: 2rem;
    object-fit: cover;
}

.footer .bottom {
    width: 100%;
    height: auto;
    border-top: .0125rem solid rgba(238, 237, 237, 0.5);
    font-size: .1875rem;
    line-height: .65rem;
    text-align: center;
    color: #ffffff;
}


/* 产品中心内页 */

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

.productLiner .common-title h2,
.aboutInside .common-title h2,
.enterprise .common-title h2,
.corporate .common-title h2,
.contactUs .common-title h2,
.honorQualification .common-title h2,
.newsInformation .common-title h2,
.productDetails .common-title h2 {
    color: #000;
}

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

.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: 12px;
    color: #000000;
    margin-right: .1625rem;
	   flex-grow: 1;
     flex-basis: 3.75rem;
	    margin-bottom: .125rem;
}
.productLiner-con .nav .item  a{
    display: block;
    width: 100%;
    height: 100%;
}
.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: auto;
    margin: 0 .325rem .275rem 0;
    background-color: #fff;
}

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

.productLiner-list .img {
    position: relative;
    width: 100%;
    height: 3.7375rem;
    padding: .25rem;
	    margin: 10px 0;
}

.productLiner-list .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    object-fit: contain;
	    width: 100%;
    height: 100%;
}

.productLiner-list .name {
    width: 100%;
      height: .75rem;
    border-top: .0125rem solid #eee;
    font-size: 13px;
        line-height: .375rem;
    text-align: center;
    padding: 0 .125rem;
	display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;*/
	 
}
 .productCenter .nav .item {
 font-size: 12px;
}

/* 关于我们内页 */

.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: .2rem;
     line-height: .35rem;
    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: 14px;
    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  .productLiner-con .nav .item {
	    flex-grow: inherit;
}

.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 .1875rem .225rem 0;
    width: 4.9375rem;
    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);
}
#map iframe{
    width: 100% !important;
    height: 100% !important;
}
.contact-con h6 {
       font-size: .2625rem;
    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;
}

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


/* 荣誉资质 */

.honorQualification {
    width: 100%;
    height: auto;
    padding: .8125rem 0;
    background-color: #f7f7f7;
	  
}
.honor {
    display: none;
}
.honor-con {
    margin-top: .4rem;
}

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

.honor-con ul li {
    cursor: pointer;
    width: 4.825rem;
    height: 6.8375rem;
    margin: 0 .225rem .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;
}


/* 新闻详情 */

.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;
}


/* 产品详情 */

.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;
	 flex-wrap: wrap;
}

.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;
	   flex-grow: 1;
     flex-basis: 3.75rem;
	    margin-bottom: .125rem;
}

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

.productDetails-con .content .img {
     width: 5.5rem;
    height: auto;
}

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

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

.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 span {
    display: inline-block;
width: fit-content;
    height: 100%;
padding: 0 10px;
    font-size: .25rem;
    line-height: .85rem;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    background-color: #000;
}
.drawing-img span{

 font-family: "微软雅黑" !important;
 background-color: transparent !important;
 font-size: 16px !important;
  color: #000 !important;
}
.productDetails-con .drawing-img img {
    width: 50%;
    height: auto;
    object-fit: contain;
}

.BMap_bubble_title {
    font-size: 16px;
}

.BMap_bubble_content {
    font-size: 14px;
}


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

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

.contact-con .form,.contact-con h6 {
    display: none;
}