body {margin: 0;padding: 0;}
a {text-decoration: none;color: inherit;outline: none;}
a:hover {text-decoration: none;}
li:before {
  content: none;
}
.icon-control {padding: 10px;background-color: #999 !important;border-radius: 50%;}

/* 基础公用类 */
/* 活跃颜色 */
.active-color {color: #172a88;}
.active-bg {background-color: #fff !important;}
.text-active-m {color: #ffc107}
.text-center{ text-align: center;}
.page-title {padding: 2vw 10vw 2vw 10vw;}

/* 填写用户信息 */
.user-popup {width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 10000;display: none;}
.user-popup .bg {width: 100vw;height: 100vh;background-color: #00000061;}

.user-popup .form-frame {left: 50%;width: 40vw;position: fixed;top: 50%;background-color: #fff;padding: 2vw;transform: translate(-50%, -50%);}
.user-popup .form-frame .title {text-align: center;}
.user-popup .form-frame .x_x {position: absolute;right: 2vw;top: 2vw;cursor: pointer;}

.user-popup .form-frame .form-item {display: flex;align-items: center;}
.user-popup .form-frame .form-item .label {width: 7vw;text-align: right;}
.user-popup .form-frame .form-item .input {border: none;box-shadow: 0 0 .2vw gray;width: calc(100% - 9vw);padding: .5vw 0.9vw;}
.user-popup .form-frame .form-item button {margin: 0 auto;width: 10vw;height: 3vw;line-height: 3vw;color: #fff;background-color: #172a88;border: none;outline: none;}


/* 产品弹窗 */
.content-popup {width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 10000;display: none;}
.content-popup .bg {width: 100vw;height: 100vh;background-color: #00000061;}
/* 弹窗样式 */
.popup-frame-style {overflow: auto;height: 80vh;width: 60vw;position: fixed;top: 50%;left:50%;background-color: #fff;padding: 2vw;transform: translate(-50%, -50%);}
.content-popup .form-frame {position: fixed;top: 50%;left: 50%;width: 40vw;background-color: #fff;padding: 2vw;transform: translate(-50%, -50%);}
.x_x_1 {position: absolute;right: 2vw;top: 2vw;cursor: pointer;}

/* 头部 */
.my-header {transition:.5s;padding: .5vw 5vw;color: #fff;display: flex;align-items: center;justify-content: space-between;position: fixed;top: 0;left: 0;z-index: 999;width: calc(100% - 10vw);}
.my-header .logo {padding-right: 2vw;width: 8vw;} 
.my-header .menu {display: flex;font-size: 0.9vw;}
.my-header .menu .menu-item {padding-left: 3vw;cursor: pointer;display: flex;align-items: center;position: relative;}
.my-header .menu .menu-item:hover {color: #172a88;}
.my-header .menu .menu-item:hover .menu-item-2{display: block;}
.my-header .menu .menu-item .menu-item-2 {position: absolute;top: 100%;left: 1.5vw; display: none;color: #333;width: 100%;background-color: #fff;box-shadow: 0 0 .2vw gray;}
.my-header .menu .menu-item .menu-item-2 .menu-item-2-item {padding: .5vw;text-align: center; font-size: 0.7vw;}
.my-header .menu .menu-item .menu-item-2 .menu-item-2-item:hover {color: #fff;background-color: #172a88;}

.my-header .menu .icon {display: flex;align-items: center;font-size: 0.9vw;margin-left: 1.5vw;}
.my-header .menu .icon div {font-size: 1.5vw;margin-left: 0.9vw;}
/* 固钉 */
.my-header.on{background:#fff;box-shadow:0px 0px 10px #ddd;color: #333;padding: .5vw 5vw;}

/* 图片内加内容 */
.m1 {position: relative;}
.m1::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.m1 .m1-max {height: 45vw;width: 100%;display: block;}
.m1 .m1-max img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.m1 .m1-min {height:30vw;overflow: hidden;position: relative;}
.m1 .m1-min img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.m1 .m1-1 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 1;}
.m1 .m1-1 .title {font-size: 2.6vw;font-weight: bold;}
.m1 .m1-1 .detail {font-size: 0.9vw;padding-top: 0.9vw;}


/* 产品展示 */
.m2 {padding: 2vw 10vw 4vw 10vw;height: 35vw;width: 78vw;overflow: hidden;}
.m2 .m2-title {font-size: 2vw;font-weight: bold;color: #172a88;text-align: center;}
.m2 .m2-1 {margin: 0 10vw;display: flex;margin-top: 2vw;}
.m2 .m2-1 .item {cursor: pointer;margin: 0 2vw;padding-bottom: .5vw;border-bottom: .0.9vw solid gray;font-weight: bold;white-space: nowrap;width: calc(20% - 0.5vw);font-size: 0.9vw;}

.m2 .m2-2 {display: flex;justify-content: space-between;margin-top: 4vw;}
.m2 .m2-2 .item {flex: 1;display: flex;flex-direction: column;justify-content: space-between;margin-right: 4vw;}
.m2 .m2-2 .item img {width: 100%;transition: all .3s;}
.m2 .m2-2 .item img:hover {transform: scale(1.1);}
.m2 .m2-2 .item .title{font-size: 2vw;font-weight: bold;}
.m2 .m2-2 .item .detal{font-size: 1.0vw;padding-top: 0.9vw;}
.m2 .m2-2 .item .content{font-size: 0.9vw;padding-top: 2vw;}
.m2 .m2-2 .item .more{width: 8vw;padding: .5vw 0;text-align: center;border: 2px dashed #c1c1c1;font-size: 0.9vw;border-radius: 999px;cursor: pointer;}
.m2 .m2-2 .item .more:hover {border: .0.9vw dashed #0082f0;;color: #0082f0;}

.m2 .m2-1-min {display: none;}
.swiper-frame {width: calc(100%);height: 44px;margin: 0 auto;margin-top: 10px;}
.swiper-frame .left-arrow {float: left;width: 44px;height: 44px;line-height: 44px; transform: rotate(180deg);font-weight: bold;cursor: pointer;color: #999;text-align: right;}
.swiper-frame .right-arrow {float: right;width: 44px;height: 44px;line-height: 44px; font-weight: bold;cursor: pointer;color: #999;text-align: right;}
.swiper-frame .swiper-item-frame {overflow: hidden;width: calc(100% - 88px);height: 44px;float: left;line-height: 44px;}
.swiper-frame .swiper-item-frame .swiper {white-space: nowrap;transition: all .3s;}
.swiper-frame .swiper-item-frame .swiper .swiper-item {display: none;width: 100%;text-align: center;cursor: pointer;}


/* 图片内加列表内容 */
.m3 {padding: 4vw 10vw;background: url('../image/m3-1.jpg');background-size: cover;background-position: center center;position: relative;}
.m3::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.m3 .m3-title {font-size: 2vw;color: #fff;margin-bottom: 2vw;font-weight: bold;position: relative;}
.m3 .m3-1 {display: flex;justify-content: space-between;position: relative;}
.m3 .m3-1 .m3-1-1 {width: 13vw;height: 30vw;background: linear-gradient(to top, #ffffff00, #012652);border-top-left-radius: .5vw;border-top-right-radius: .5vw;position: relative;}
.m3 .m3-1 .m3-1-1 .item {padding: 0 1.3vw;padding-top: 0.9vw;margin-top: .8vw;font-size: .8vw;position: relative;cursor: pointer;color: #fff;}
.m3 .m3-1 .m3-1-1 .item:hover {color: #0082f0;}
.m3 .m3-1 .m3-1-1 .item-active {border-left: .3vw solid #0082f0;padding-left: 0.9vw;position: relative;color: #0082f0;}


.m3 .m3-1 .m3-1-2 {width: calc(100% - 18vw);color: #fff;}
.m3 .m3-1 .m3-1-2 .title {font-size: 2vw;color: #0082f0;font-weight: bold;}
.m3 .m3-1 .m3-1-2 .detail {font-size: 0.9vw;padding-top: 2vw;} 
.m3 .m3-1 .m3-1-2 .m3-1-2-1 {display: flex;margin-top: 7vw;justify-content: space-between;} 
.m3 .m3-1 .m3-1-2 .m3-1-2-1 .item {border-radius: .5vw;width: 22%;}
.m3 .m3-1 .m3-1-2 .m3-1-2-1 .item .img-frame{height: auto;padding: 0;width: 100%;}
.m3 .m3-1 .m3-1-2 .m3-1-2-1 .item img {width:100%;display: block;transition: all .3s;}
.m3 .m3-1 .m3-1-2 .m3-1-2-1 .item img:hover {transform: scale(1.1);}
.m3 .m3-1 .m3-1-2 .m3-1-2-1 .item div {line-height: 2vw;height: 2vw;overflow: hidden;width: calc(100% - 2vw);padding: 0 0.9vw;font-size: .9vw;padding: 0;text-align: center;}


/* 咨询动态 */
.m4 {padding: 2vw 10vw;}
.m4 .m4-1 {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2vw;}
.m4 .m4-1 .title {font-size: 2vw;color: #172a88;font-weight: bold;}
.m4 .m4-1 .more {width: 8vw;padding: .5vw 0;text-align: center;border: .0.9vw dashed gray;font-size: 0.9vw;border-radius: 999px;cursor: pointer;}
.m4 .m4-1 .more:hover {border: .0.9vw dashed #0082f0;;color: #0082f0;}

.m4 .m4-2 {display: flex;justify-content: space-between;margin-top: 3vw;}
.m4 .m4-2 .item {display: flex;flex-direction: column;justify-content: space-between;width: calc(50% - 2vw);}
.m4 .m4-2 .item1 {display: flex;flex-direction: column;justify-content: space-between;width: calc(50% - 2vw);position: relative;}
.m4 .m4-2 .item img {display: none;}

.m4 .m4-2 .item .title {font-weight: bold;font-size: 1.0.9vw;}
.m4 .m4-2 .item .detail {font-size: .8vw;color: #666;margin-top: 0.9vw;text-align: justify;}
.m4 .m4-2 .item .list {height: calc(20% - 2vw);font-size: .9vw;padding: 0.9vw;display: flex;}
.m4 .m4-2 .item .list:hover {font-weight: bold;box-shadow: 0 0 .5vw -.0.9vw gray;border-radius: .3vw;}
.m4 .m4-2 .item .list-active {font-weight: bold;box-shadow: 0 0 3px -.0.9vw gray;border-radius: .3vw;}
.m4 .m4-2 .item .list .date {white-space: nowrap;padding-right: .5vw;height: 100%;border-right: .0.9vw solid #c5c5c5;color: #172a88;font-size: .9vw;font-weight: normal;cursor: pointer;}
.m4 .m4-2 .item .list .content {padding-left: .5vw;font-size: .9vw;text-align: justify;color: #333;}
.m4 .m4-2 .item img {width: 100%;}
.m4 .m4-2 .item1 img {width: 100%;transition: all .3s;}
.m4 .m4-2 .item1 img:hover {transform: scale(1.1);}
.m4 .m4-2 .img-frame {position: relative;}
.m4 .m4-2 .img-frame .img-title {position: absolute;bottom: 0;color: #fff;background-color: rgba(0, 0, 0, 0.5);height: 34px;line-height: 34px;text-align: center;width: calc(100% - 20px);padding: 0 10px;font-size: 14px;}
.m4 p{ line-height: 1.5vw;}

/* 合作伙伴 */
.m5 {padding: 4vw 9vw 4vw 10vw;background-color: #f5f5f5;display: flex;justify-content: space-between;transition: all .3s;}
.m5 .m5-img-frame {flex: 1;height: 8vw;margin-bottom: 10px;background-color: #fff;margin-left: 0.9vw;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.m5 .m5-img {width: 80%;}
.m5 .m5-title {flex: 1;margin-right: 0.9vw;font-size: 1.8vw;color: #172a88;font-weight: bold;position: relative;text-align: right;white-space: nowrap;width: 5vw;height: 8vw;}
.m5 .m5-title .right-arrow {position: absolute;bottom: 0;right: 0;width: 5vw;}


/* pc合作伙伴 */
.m5-pc {padding: 4vw 10vw;display: flex;background-color: #f5f5f5;}
.m5-pc .m5-title {width: 10vw;height: 8vw;font-size: 1.8vw;color: #172a88;font-weight: bold;position: relative;}
.m5-pc .m5-title .right-arrow {position: absolute;bottom: 0;left: 0;width: 5vw;}
.m5-pc .scroll-y {white-space: nowrap;width: 70vw;overflow: hidden;font-size: 0;}
.m5-pc .m5-img-frame {width: 9vw;height: 8vw;margin-bottom: 10px;background-color: #fff;position: relative;display: inline-block;font-size: 16px;margin-right: 0.9vw;}
.m5-pc .m5-img {width: 80%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;}
.m5-pc .m5Scroll {transition: all .3s;}

/* 底部 */
.m6 {padding-top: 3vw;background: url('../image/m6-1.png') #eee;background-size: cover;background-position: center center;position: relative;}
.m6::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}

.m6 .m6-1 {padding: 0 5vw;display: flex;position: relative;color: #fff;justify-content: space-between;}
.m6 .m6-1 .m6-1-1 {display: flex;flex-direction: column;font-size: 0.9vw;padding-right: 5vw;}
.m6 .m6-1 .m6-1-1 div {display: flex;justify-content: space-between;padding-top: .5vw;}
.m6 .m6-1 .m6-1-1 img {width: 10vw;}
.m6 .m6-1 .m6-1-2 {padding: 0 5vw;border-left: .0.9vw solid #ffffff11;border-right: .0.9vw solid #ffffff11;display: flex;justify-content: space-between;flex: 1;}
.m6 .m6-1 .m6-1-2 .m6-1-2-1 {padding: 0 0.9vw;}
.m6 .m6-1 .m6-1-2 .m6-1-2-1 .title {font-weight: bold;font-size: 0.9vw;color: #fff;}
.m6 .m6-1 .m6-1-2 .m6-1-2-1 .item {font-size: .8vw;margin-top: .5vw;color: #b8b8b8;}
.m6 .m6-1 .m6-1-3 {margin-right: 0vw;}
.m6 .m6-1 .m6-1-3 .m6-1-3-1 {display: flex;margin-top: 10px;}
.m6 .m6-1 .m6-1-3 .m6-1-3-1 div {padding-left: 0.9vw;display: flex;flex-direction: column;text-align: center;font-size: .8vw;}
.m6 .m6-1 .m6-1-3 .m6-1-3-1 div img {width: 5vw;}
.m6 .m6-1 .m6-1-3 .m6-1-3-2 {font-size: .9vw; color: #fff; margin-left: 0vw;margin-top: 0vw;display: inline-block;border: .0.9vw dashed #a5abb1;border-radius: .3vw;display: flex;align-items: center;width: 6vw;padding: .2vw 0;justify-content: center;}
.m6 .m6-1 .m6-1-3 .m6-1-3-2 .icon {padding-left: .5vw;font-size: .9vw;}
.m6 .m6-2 {border-top: .0.9vw solid #ffffff11;margin-top: 2vw;padding: 0.9vw 5vw;display: flex;justify-content: space-between;color: #797a7a;position: relative;font-size: .9vw;}

.m7 {padding: 0 10vw;}
.m7 .m7-1 {width: 100%;height: 30vw;box-shadow: 0 0 .5vw -.2vw gray;display: flex;}
.m7 .m7-1 .item1 {width: 50%;height: 30vw;overflow: hidden;}
.m7 .m7-1 .item1 img {width: 100%;transition: all .3s;height: 100%;}
.m7 .m7-1 .item1 img:hover {transform: scale(1.1);}
.m7 .m7-1 .item2 {width: calc(50% - 4vw);height: calc(100% - 2vw);overflow: hidden;margin-left: 2vw;text-align: justify; padding-top: 60px;}
.m7 .m7-1 .item2 .img-frame {display: flex;justify-content: right;}
.m7 .m7-1 .item2 img {height: 4vw;padding: .5vw 0;}
.m7 .m7-1 .about {padding: 4vw 0;height: calc(100% - 8vw);text-align: justify;}

.m8 {padding: 0 10vw;margin-top: 4vw;}
.m8 img{ width: 50vw;height: auto; text-align: center;}
.m8 .m8-1 {width: 100%;box-shadow: 0 0 .5vw -.2vw gray;display: flex;justify-content: space-between;}
.m8 .m8-1 .m8-1-1 {width: 60.9vw;padding: 2vw;text-align: justify;}
.m8 .m8-1 .m8-1-1 .img {float: right;}
.m8 .m8-1 .m8-1-1 .aic-frame {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.m8 .m8-1 .m8-1-1 .aic-frame div .detail-btn {padding-left: 20vw;display: flex;align-items: center;position: relative;cursor: pointer;}
.m8 .m8-1 .m8-1-1 .aic-frame div .detail-btn:hover {color: #172a88;}
.m8 .m8-1 .m8-1-1 .aic-frame div .detail-btn:hover .line{background-color: #172a88;}
.m8 .m8-1 .m8-1-1 .aic-frame div .detail-btn .line {width: 19vw;height: 0.9vw;background-color: #33333331;left: 0;position: absolute;}

.m8 .m8-1 .img-frame {width: 30.9vw;margin: 2vw; overflow: hidden;}
.m8 .m8-1 .img-frame-0 {width: 35vw; overflow: hidden;position: relative;}
.m8 .m8-1 .img-frame-0 .company-info {padding: 4vw;position: absolute;top: 0;left: 0;width: calc(100% - 8vw);height: calc(100% - 8vw);display: flex;flex-direction: column;justify-content: space-between;}
.m8 .m8-1 img {width: 100%;transition: all .3s;}
.m8 .m8-1 img:hover {transform: scale(1.1);}

.m9 {padding: 0 10vw;margin-bottom: 6vw;}
.m9 .m9-1 {width: 100%;height: 30vw;background-color: #d8ece3;position: relative;}
.m9 .m9-1 .m9-1-img {width: 100%;height: 30vw;overflow: hidden;}
.m9 .m9-1 .m9-1-img img {width: 100%;}
.m9 .m9-1 .pop-up {padding: 2vw;width: 34vw;height: 26vw;position: absolute;bottom: 3vw;box-shadow: 0 0 0.9vw gray;background-color: #fff;text-align: justify;display: flex;justify-content: space-between;flex-direction: column;}
.m9 .m9-1 .left {left: 3vw;}
.m9 .m9-1 .right {right: 3vw;}
.m9 .m9-1 .center {left: 50%;transform: translate(-50%, 0);}
.m9 .m9-1 .pop-up .m9-1-1 {height: calc(100% - 2.4vw);overflow: hidden;}
.m9 .m9-1 .pop-up .detail-btn {height: 2.0.9vw;width: 8vw;display: flex;justify-content: center;align-items: center;border-radius: 9999px;border: .0.9vw solid #999;cursor: pointer;}
.m9 .m9-1 .pop-up .detail-btn:hover {border: .0.9vw solid #172a88;color: #172a88;}
.m9 p img{width:40vw;}
/* 治轮播图指示器 */
.indicator {bottom: -4vw !important;}

/* 一些公共的pc显示或隐藏 */
.show-m {display: none !important;}
.show-m-flex {display: none !important;}
.show-pc {display: block !important;}
.show-pc-flex {display: flex !important;}
.show-pc-webkit-box {display: webkit-box !important;}

/* 公共样式 */
/* 公共导航 */
.nav-tabs {padding: 0 10vw;border-bottom: 1px solid #eee;height: 3vw;display: flex;justify-content: space-between;display: flex;align-items: center;}
.nav-tabs .nav-item-frame {display: flex;height: 100%;}
.nav-tabs .nav-item-frame .nav-item {margin-right: 30px;font-size: 0.9vw;padding: 0 10px;position: relative;display: flex;align-items: center;cursor: pointer;}
.nav-tabs .nav-item-frame .nav-item .line {position: absolute;bottom: 0;width: 100%;left: 0;height: 3px;background-color: #172a88;}
.nav-tabs .nav-location {font-size: 0.9vw;}

/* 公共悬浮窗 */
.suspension {position: fixed;right: 5vw;top: 20vw;z-index: 10000;color: #fff;transform: translate(calc(100% + 0.9vw), 0);}
.suspension .suspension-frame {width: 3vw;height: 3vw;margin-top: 3px;border-radius: .2vw;display: flex;justify-content: center;align-items: center;font-size: 1.2vw;cursor: pointer;position: relative;}
.suspension .suspension-frame:hover .suspension-show {display: block;box-shadow: 0 0 .2vw gray;}
.suspension .suspension-frame .suspension-show {position: absolute;left: 0;top: 50%;transform: translate(calc(-100% - 0.9vw), -50%);display: none;}
.suspension .suspension-frame .suspension-show img {width: 10vw;height: 10vw;}
.suspension .suspension-frame .suspension-show .phone {background-color: #fff;padding: .4vw 0.9vw;color: #333;white-space: nowrap;}

#scrollTop {display: none;}

/* 关于我们 */
.m3 .about-img {width: 17.5vw;height: 29.75vw;}
.about-m3 {background: url('../image/about/about_2.png');}
.m4 {position: relative;}
.m4 .culture {width: 40vw;margin: 0 auto;text-align: center;margin-top: 3vw;font-size: 0.9vw;padding-bottom: 4vw;}
.m4 .purpose {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 50%);width: 80vw;padding: 2vw 0; background-color: #3047bbfa;z-index: 10;border-radius: .5vw;display: flex;}
.m4 .purpose .purpose-item {flex: 1;text-align: center;padding: 0.9vw 3vw;}
.m1 .purpose-img {width: 100%;height: 20vw;overflow: hidden;position: relative;}
.m1 .purpose-img  img {width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.news-list {display: flex;flex-wrap: wrap;padding: 4vw 9vw 4vw 10vw;}
.news-list .news-item {width: calc(33.333% - 0.9vw);margin-right: 0.9vw;margin-bottom: 3vw;padding-bottom: 0.9vw;border-bottom: .0.9vw solid #66666641;cursor: pointer;}
.news-list .news-item .img-frame {width: 100%;height: 16.79vw;overflow: hidden;}
.news-list .news-item .img-frame img {width: 100%;transition: all .3s;}
.news-list .news-item .img-frame img:hover {transform: scale(1.1);}
.news-list .news-item .detail-frame {padding: 0.9vw;}
.news-list .news-item .detail-frame .title {height: 3.8vw;line-height: 1.9vw;}
.m6-about {padding: 4vw 10vw;}
#news {display: none;}


/* 联系我们 */
.m8 .m8-1 .img-frame-us {height: 20vw;color: #fff;}
.m8 .m8-1 .contact {height: 20vw;overflow: hidden;}
.message {padding: 0 10vw;background-image: url('../image/contact/3.png');background-size: cover;background-position: center center;}
.message .message-title {font-size: 1.5vw;padding: 0.9vw 0;}
.message .submit {text-align: center;}
.message .submit button {width: 20vw;height: 2vw;margin: 2vw 0;color: #fff;background-color: #172a88;border: none;outline: none;}
.message .message-flex {display: flex;justify-content: space-between;}
.message .message-left {width: calc(50% - 3vw);}
.message .message-right {width: calc(50% - 3vw);}
.message .input-item {width: calc(100% - 0.9vw);height: 2vw; padding: 0 .5vw;border: .0.9vw solid #66666641;display: flex;margin-bottom: 0.9vw;}
.message .input-item .input-label {width: 6vw;line-height: 2vw;}
.message .input-item .input {width: calc(100% - 6vw);height: calc(100% - .0.9vw);outline: none; border:1px soli #999; }
.message .textarea {width: calc(100% - .2vw - 0.9vw);height: calc(10vw + .2vw); border: .0.9vw solid #66666641;outline: none;padding: .5vw; font-size: 0.9vw;}

/* 新闻详情 */
.news-frame {background-color: #f7f7f7;}
.news-popup {width: 66vw;background-color: #fff;transform: translate(0, -5vw);margin: 0 auto;padding: 0 2vw;}
.news-popup .nav {display: flex;justify-content: right;padding: 2vw 0;}
.news-popup .title {text-align: center;}
.news-popup .date {text-align: center;padding: 2vw 0;}
.news-popup p {text-align: justify;}
.news-popup .back {text-align: center;padding-bottom: 5vw;padding-top: 4vw;}
.news-popup .back span {cursor: pointer;}

/* 服务与支持 */
.service-m3 {padding: 4vw 10vw;background: url('../image/service/1.png');background-size: cover;background-position: center center;position: relative;}
.service-m3 .item-frame {display: flex;justify-content: space-between;}
.service-m3 .item-frame .item {width: calc(33.333% - 3vw);display: flex;flex-direction: column;background-color: #fff;padding: 0.9vw;padding-bottom: 3vw;}
.service-m3 .item-frame .item:hover {box-shadow: 0 0 .3vw -.0.9vw gray;}
.service-m3 .item-frame .item .icon {width: 5vw;height: 5vw;}
.service-m3 .item-frame .item .img- {width: 100%;}
.service-m3 .item-frame .item .item-title {padding: .5vw 0;}
.service-m3 .item-frame .item .line {width: 100%;height: 1px;background-color: #eee;margin: 5px 0;}

.service .list-frame {display: flex;justify-content: space-between;margin-top: 2vw;}
.service .list-frame .item {width: calc(33.333% - 0.9vw);line-height: 3vw;}
.service .list-frame .item .img-frame {width: 100%;overflow: hidden;}
.service .list-frame .item img {width: 100%;transition: all .3s;}
.service .list-frame .item img:hover {transform: scale(1.1);}


/* 典型案例 */
.m8-case {padding: 0 10vw;margin-top: 4vw;display: flex;flex-wrap: wrap;justify-content: space-between;}
.m8-1-case {width: 32%;margin-bottom: 2vw;}
.m8-1-case .img-frame-0 {width: 100%;border-radius: 8px;overflow: hidden; border: 2px solid #eee;}
.m8-1-case .img-frame-0 img {width: 100%;transition: .3s;}
.m8-1-case .img-frame-0 img:hover {transform: scale(1.1);}
.m8-1-case .m8-1-case-title {text-align: center;}

