h1 {
font-size: 0.4rem;
}
h2 {
font-size: 0.36rem;
line-height: 1.5;
}
h3 {
font-size: 0.32rem;
}
h4 {
font-size: 0.28rem;
line-height: 1.5;
}
h5 {
font-size: 0.26rem;
}
@font-face {
font-family: 'Impact';
src: url('../fonts/Impact.ttf');
}
/******
****** 首页 ******
******/
.head {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: calc(100% - 0.6rem);
padding: 0 0.3rem;
display: flex;
justify-content: space-between;
background: rgba(0, 0, 0, 0.65);
align-items: center;
}
.head .head_logo {
width: 2.08rem;
}
.head .locatives {
font-size: 0.24rem;
}
.head .head_menu {
width: 0.48rem;
height: 0.29rem;
}
.ny-head {
background: #fff;
box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.24);
}
.head_bg {
background: #000000;
}
.foot {
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
width: 100%;
padding: 0.12rem 0;
background: #ffffff;
border-top: 1px solid rgba(153, 153, 153, 0.2);
}
.foot .foot-box {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.foot .item {
width: 20%;
text-align: center;
font-size: 0.22rem;
display: inline-flex;
justify-content: center;
}
.foot .item a {
color: #999999;
}
.foot .item .foot_icon {
display: inline-block;
width: 0.4rem;
height: 0.4rem;
}
.foot .item .foot1 {
background: url(../images/index/foot1.png) no-repeat;
background-size: cover;
}
.foot .item .foot2 {
background: url(../images/index/foot2.png) no-repeat;
background-size: cover;
}
.foot .item .foot3 {
width: 0.62rem;
height: 0.54rem;
background: url(../images/index/foot3.png) no-repeat;
background-size: cover;
}
.foot .item .foot6_zhibo {
width: 0.62rem;
height: 0.54rem;
background: url(../images/index/foot6.png) no-repeat;
background-size: cover;
}
.foot .item .foot4 {
background: url(../images/index/foot4.png) no-repeat;
background-size: cover;
}
.foot .item .foot5 {
background: url(../images/index/foot5.png) no-repeat;
background-size: cover;
}
.foot .item .center {
width: 1.1rem;
height: 1.1rem;
border-radius: 50%;
background: #19306d;
position: absolute;
top: -64%;
display: flex;
justify-content: center;
align-items: center;
}
.foot .item.cur a {
color: #19306d;
}
.foot .item.cur .foot1 {
background: url(../images/index/foot1_2.png) no-repeat;
background-size: cover;
}
.foot .item.cur .foot2 {
background: url(../images/index/foot2_2.png) no-repeat;
background-size: cover;
}
.foot .item.cur .foot3 {
background: url(../images/index/foot3.png) no-repeat;
background-size: cover;
}
.foot .item.cur .foot4 {
background: url(../images/index/foot4_2.png) no-repeat;
background-size: cover;
}
.foot .item.cur .foot5 {
background: url(../images/index/foot5_2.png) no-repeat;
background-size: cover;
}
.index-box {
text-align: center;
padding: 0.6rem 0.3rem 0;
}
.ny-box {
margin: 0 0.3rem;
}
.index-content {
padding: 0.3rem 0 0;
}
.index-more {
display: inline-block;
width: 3.6rem;
line-height: 0.8rem;
font-size: 0.24rem;
color: #19306d;
border-radius: 0.16rem;
border: 0.02rem solid #E9E6ED;
}
.hdjz {
width: 100%;
text-align: center;
font-size: 0.26rem;
color: #999999;
padding: 0.24rem 0;
}
.zw {
width: 100%;
height: 1rem;
}
.banner .swiper-pagination-bullet {
background: #fff !important;
}
.ny-banner {
position: relative;
}
.ny-banner .pic {
height: 4rem;
width: 100%;
overflow: hidden;
}
.ny-banner .text {
position: absolute;
top: 0;
left: 0;
height: 4rem;
width: 100%;
}
.ny-banner .text-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
text-align: center;
}
.ny-banner .text-box h2 {
font-size: 0.42rem;
}
.ny-banner .text-box p {
text-transform: uppercase;
font-size: 0.18rem;
text-align: center;
}
.index-1 .index-content {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
text-align: center;
}
.index-1 .index-content .item {
width: 44%;
height: 1.6rem;
margin-bottom: 0.3rem;
border: 0.03rem solid #E9E6ED;
border-radius: 0.1rem;
display: flex;
justify-content: center;
align-items: center;
color: #19306d;
}
.index-1 .index-content .item:last-child,
.index-1 .index-content .item:nth-last-child(2) {
margin-bottom: 0;
}
.index-1 .index-content p {
font-size: 0.26rem;
}
.index-2 .scroll {
white-space: nowrap;
overflow-y: hidden;
overflow-x: scroll;
}
.index-2 .scroll::-webkit-scrollbar {
display: none;
}
.index-2 .item {
width: 100%;
margin-right: 0.24rem;
border-radius: 0.08rem;
overflow: hidden;
position: relative;
display: inline-block;
}
.index-2 .state {
width: 1.34rem;
height: 0.4rem;
font-size: 0.2rem;
border-radius: 0 0 0.32rem 0;
color: #ffffff;
background: #ee7907;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.index-2 .state img {
width: 0.24rem;
height: 0.24rem;
margin-right: 0.08rem;
}
.index-2 .pic {
width: 100%;
border-radius: 0.08rem;
overflow: hidden;
}
.index-2 .pic img {
width: 100%;
}
.index-2 .text {
padding: 0.24rem 0.12rem;
font-size: 0.26rem;
color: #666666;
}
.index-3 .tabs {
padding: 0 0 0.3rem 0;
}
.index-3 .tabs .scroll {
white-space: nowrap;
overflow-y: hidden;
overflow-x: scroll;
font-size: 0;
}
.index-3 .tabs .scroll::-webkit-scrollbar {
display: none;
}
.index-3 .tabs .item {
padding: 0.24rem 0.48rem;
margin-right: 0.14rem;
font-size: 0.26rem;
background: #E9E6ED;
display: inline-block;
}
.index-3 .tabs .item a {
color: #635D8D;
}
.index-3 .tabs .item.cur {
background: #19306d;
}
.index-3 .tabs .item.cur a {
color: #ffffff;
}
.index-3 .tab-con .pic {
width: 6.9rem;
height: 4.6rem;
overflow: hidden;
position: relative;
}
.index-3 .tab-con .solution-container {
padding-bottom: 0.7rem;
}
.index-3 .tab-con .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.index-3 .tab-con .tit {
position: relative;
text-align: left;
padding-left: 0.32rem;
font-weight: normal;
line-height: 0.4rem;
margin-top: 0.2rem;
}
.index-3 .tab-con .tit::before {
content: "";
background: url(../images/index/tit.jpg) no-repeat;
background-size: cover;
width: 0.11rem;
height: 0.28rem;
position: absolute;
top: 0.04rem;
left: 0;
}
.index-3 .tab-con .con {
font-size: 0.26rem;
color: #666666;
height: 1.2rem;
margin: 0.3rem 0;
text-align: left;
text-indent: 0.56rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.index-4 {
padding-bottom: 0.6rem;
}
.index-4 .index-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.index-4 .index-content .item {
width: 3.25rem;
}
.index-4 .index-content .pic {
width: 3.25rem;
height: 2.17rem;
overflow: hidden;
}
.index-4 .index-content .text {
padding: 0.18rem 0.12rem 0.3rem;
font-size: 0.26rem;
color: #666666;
}
.index-5 {
background: url(../images/index/index-bg1.jpg) no-repeat;
background-size: cover;
color: #ffffff;
}
.index-5 .index-content .item {
width: 6.9rem;
background: #ffffff;
display: flex;
justify-content: center;
}
.index-5 .index-content .pic {
width: 5.86rem;
height: 4.28rem;
overflow: hidden;
margin: 0.2rem auto 0.12rem;
}
.index-5 .index-content .text {
display: flex;
width: 6.9rem;
}
.index-5 .index-content .pro-tit {
background: #19306d;
color: #ffffff;
padding: 0.25rem 0.32rem;
font-size: 0.14rem;
}
.index-5 .index-content .pro-tit h2 {
color: #ffffff;
position: relative;
font-weight: 400;
line-height: 0.48rem;
padding-bottom: 0.12rem;
margin-bottom: 0.3rem;
width: 40px;
}
.index-5 .index-content .pro-tit h2::after {
content: "";
width: 0.24rem;
height: 0.02rem;
background: #ffffff;
position: absolute;
left: 0.12rem;
bottom: 0;
}
.index-5 .index-content .pro-tit p {
text-transform: uppercase;
text-align: left;
}
.index-5 .index-content .pro-desc {
text-align: left;
margin: 0.36rem 0.3rem;
background: #FCFCFC;
height: 1.28rem;
overflow: hidden;
}
.index-5 .index-content .pro-desc h4 {
margin-bottom: 0.16rem;
}
.index-5 .index-content .pro-desc p {
font-size: 0.26rem;
color: #666666;
line-height: 1.5;
}
.index-5 .index-content .product-container {
position: relative;
padding-bottom: 0.8rem;
}
.index-5 .index-content .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.index-6 .index-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.index-6 .index-content .item {
width: calc(1.6rem - 0.14rem);
padding: 0.3rem 0;
margin: 0 0.07rem 0.14rem 0.07rem;
border-radius: 0.1rem;
border: 0.03rem solid #E9E6ED;
color: #19306d;
font-size: 0.26rem;
}
.index-6 .index-content .item:nth-last-child(1),
.index-6 .index-content .item:nth-last-child(2),
.index-6 .index-content .item:nth-last-child(3),
.index-6 .index-content .item:nth-last-child(4) {
margin-bottom: 0;
}
.index-6 .index-content .item img {
width: 0.4rem;
height: 0.4rem;
margin: auto;
margin-bottom: 0.1rem;
}
.index-7 .pic {
width: 6.9rem;
height: 4.6rem;
overflow: hidden;
}
.index-7 .item {
padding: 0.32rem;
background: #F9F9F9;
position: relative;
z-index: -2;
}
.index-7 .tit {
position: relative;
text-align: left;
padding-left: 0.32rem;
font-weight: normal;
line-height: 0.4rem;
}
.index-7 .tit::before {
content: "";
background: url(../images/index/tit.jpg) no-repeat;
background-size: cover;
width: 0.11rem;
height: 0.28rem;
position: absolute;
top: 0.04rem;
left: 0;
}
.index-7 .con {
font-size: 0.26rem;
color: #666666;
text-align: left;
padding-top: 0.34rem;
}
.index-7 .con p {
margin-bottom: 0.1rem;
padding-left: 1rem;
position: relative;
}
.index-7 .con i {
display: inline-block;
text-align: center;
width: 0.94rem;
height: 0.36rem;
font-size: 0.26rem;
margin-right: 0.16rem;
position: absolute;
left: 0;
color: #ffffff;
}
.index-7 .con i::after {
content: "";
background: url(../images/index/partner-bg1.png) no-repeat;
background-size: cover;
width: 0.94rem;
height: 0.36rem;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.index-7 .partner-container {
position: relative;
padding-bottom: 0.8rem;
}
.index-7 .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.index-8 {
margin-top: 0.4rem;
background: #19306d;
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 4.5rem;
}
.index-8 .title {
color: #ffffff;
}
.index-8 .title h2 {
color: #ffffff;
position: relative;
padding-bottom: 0.4rem;
}
.index-8 .title h2::after {
content: "";
width: 0.36rem;
height: 0.04rem;
background: #ffffff;
position: absolute;
left: 0;
bottom: 0;
}
.index-8 .title p {
padding-top: 0.34rem;
font-size: 0.26rem;
text-transform: uppercase;
}
.index-8 .content {
position: relative;
width: 5.12rem;
}
.index-8 .content .content-box {
position: absolute;
top: -2.6rem;
left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.index-8 .content .item {
background: url(../images/index/process-bg1.png) no-repeat;
background-size: cover;
width: 1.5rem;
text-align: center;
padding: 0.42rem 0;
margin: 0 0 0.2rem 0.2rem;
}
.index-8 .content .item img {
width: 0.64rem;
height: 0.64rem;
margin: 0.16rem auto;
}
.index-8 .content .item h4 {
font-weight: normal;
}
.index-8 .content .item p {
font-size: 0.12rem;
color: #999999;
text-transform: uppercase;
}
.index-9 .news-container {
position: relative;
}
.index-9 .pic {
width: 6.9rem;
height: 4.6rem;
overflow: hidden;
}
.index-9 .text {
text-align: left;
font-size: 0.26rem;
padding: 0.4rem 0.44rem;
background: #F9F9F9;
}
.index-9 .desc {
color: #666666;
padding: 0.24rem 0 0.28rem;
}
.index-9 .time {
color: #999999;
position: relative;
height: 0.48rem;
}
.index-9 .time i {
position: absolute;
right: 0;
display: inline-block;
}
.index-9 .time i::after {
content: "";
background: url(../images/index/right-icon.png) no-repeat;
background-size: cover;
width: 0.43rem;
height: 0.43rem;
position: absolute;
top: -0.02rem;
right: 0;
}
.index-9 .news-button-next {
right: 0;
top: 28%;
}
.index-9 .news-button-next:after {
content: "";
background: url(../images/index/next-icon.png) no-repeat;
background-size: cover;
width: 0.6rem;
height: 1.5rem;
position: absolute;
right: 0;
}
.index-9 .news-button-prev {
left: 0;
top: 28%;
}
.index-9 .news-button-prev:after {
content: "";
background: url(../images/index/prv-icon.png) no-repeat;
background-size: cover;
width: 0.6rem;
height: 1.5rem;
position: absolute;
right: 0;
}
.index-9 .news-container {
position: relative;
padding-bottom: 0.8rem;
}
.index-9 .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.index-10 {
height: calc(7.13rem - 0.6rem);
background: url(../images/index/about-bg1.jpg) no-repeat;
background-size: cover;
color: #ffffff;
}
.index-10 .about {
padding: 0.3rem;
background: #ffffff;
box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0.1);
}
.index-10 .about .pic {
width: 6.3rem;
height: 3.6rem;
overflow: hidden;
}
.index-10 .about .text {
padding-top: 0.3rem;
font-size: 0.26rem;
line-height: 1.5;
color: #666666;
text-align: left;
}
.index-10 .about .more {
text-align: right !important;
padding-top: 0.3rem;
color: #19306d;
}
.index-11 {
margin-top: 1.2rem;
padding-bottom: 0.88rem;
}
.index-11 .tit {
position: relative;
text-align: left;
padding-left: 0.32rem;
font-weight: normal;
line-height: 0.4rem;
}
.index-11 .tit::before {
content: "";
background: url(../images/index/tit.jpg) no-repeat;
background-size: cover;
width: 0.11rem;
height: 0.28rem;
position: absolute;
top: 0.04rem;
left: 0;
}
.index-11 .fast {
text-align: left;
border: 0.02rem solid #E9E6ED;
padding: 0.2rem;
font-size: 0.24rem;
line-height: 0.44rem;
}
.index-11 .fast .item {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.index-11 .fast .item p {
color: #19306d;
width: 1rem;
}
.index-11 .fast .item a {
padding: 0 0.16rem;
position: relative;
}
.index-11 .fast .item a::after {
content: "";
width: 0.01rem;
height: 0.24rem;
background: #333333;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.index-11 .fast .item a:last-child::after {
width: 0;
}
/******
****** 案例列表 ******
******/
.case-container .tabs {
padding: 0.3rem 0;
}
.case-container .tabs .scroll {
white-space: nowrap;
overflow-y: hidden;
overflow-x: scroll;
font-size: 0;
}
.case-container .tabs .scroll::-webkit-scrollbar {
display: none;
}
.case-container .tabs .item {
padding: 0.16rem 0.48rem;
margin-right: 0.14rem;
font-size: 0.28rem;
background: #E9E6ED;
display: inline-block;
}
.case-container .tabs .item a {
color: #635D8D;
}
.case-container .tabs .item.cur {
background: #19306d;
}
.case-container .tabs .item.cur a {
color: #ffffff;
}
.case-container .tab-con .list-box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.case-container .tab-con .item {
width: 3.35rem;
}
.case-container .tab-con .pic {
width: 3.35rem;
height: 2.23rem;
position: relative;
overflow: hidden;
}
.case-container .tab-con .text {
font-size: 0.26rem;
padding: 0.18rem 0;
}
.case-container .tab-con .solution-container {
padding-bottom: 0.7rem;
}
.case-container .tab-con .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
/******
****** 解决方案 ******
******/
.solution-container .search {
margin: 0.3rem;
background: #F5F5F5;
line-height: 0.64rem;
display: flex;
justify-content: space-between;
font-size: 0.26rem;
}
.solution-container .search input {
padding: 0 0.24rem;
border: 0;
background: none;
line-height: 0.64rem;
flex: 1;
}
.solution-container .search button {
border: none;
background: #19306d;
width: 0.64rem;
height: 0.64rem;
position: relative;
cursor: pointer;
}
.solution-container .search button::after {
content: "";
background: url(../images/solution/search-icon.png) no-repeat;
background-size: cover;
width: 0.4rem;
height: 0.4rem;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.solution-container .tabs {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.solution-container .tabs .item {
width: 2.2rem;
height: 0.8rem;
background: #E9E6ED;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 0.28rem;
line-height: 0.28rem;
margin-bottom: 0.24rem;
}
.solution-container .tabs .item a {
color: #635D8D;
display: inline-block;
text-align: center;
padding: 0.24rem 0.16rem;
width: 100%;
}
.solution-container .tabs .item.cur {
background: #19306d;
}
.solution-container .tabs .item.cur a {
color: #ffffff;
}
.solution-container .tab-con .solution-1 {
padding: 0.32rem 0 0.56rem;
}
.solution-container .tab-con .solution-1 h2 {
text-align: center;
padding-bottom: 0.3rem;
}
.solution-container .tab-con .solution-1 .solution-content {
display: flex;
}
.solution-container .tab-con .solution-1 .pic {
width: 4.6rem;
height: 2.76rem;
overflow: hidden;
}
.solution-container .tab-con .solution-1 .text {
width: 2.3rem;
height: 2.76rem;
background: #19306d;
color: #ffffff;
}
.solution-container .tab-con .solution-1 .text h5 {
padding: 0.12rem 0.16rem;
}
.solution-container .tab-con .solution-1 .text p {
padding: 0 0.3rem;
font-size: 0.24rem;
line-height: 1.4;
position: relative;
padding-left: 0.52rem;
}
.solution-container .tab-con .solution-1 .text i {
display: inline-block;
width: 0.24rem;
height: 0.24rem;
background: #ffffff;
border-radius: 50%;
color: #19306d;
text-align: center;
line-height: 1;
margin-right: 0.02rem;
position: absolute;
top: 0.04rem;
left: 0.16rem;
}
.solution-container .tab-con .solution-1 .desc {
padding: 0.3rem;
color: #19306d;
background: rgba(234, 231, 238, 0.5);
font-size: 0.26rem;
line-height: 1.5;
}
.solution-container .tab-con .solution-2 {
color: #ffffff;
background: url(../images/solution/solution-bg1.jpg) no-repeat;
background-size: cover;
padding-top: 0.64rem;
}
.solution-container .tab-con .solution-2 > h2 {
text-align: center;
padding-bottom: 0.3rem;
}
.solution-container .tab-con .solution-2 .advantage-container {
position: relative;
padding-bottom: 0.4rem;
}
.solution-container .tab-con .solution-2 .swiper-pagination-bullet {
background: #ffffff !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.solution-container .tab-con .solution-2 .solution-content {
padding: 0 0.9rem;
}
.solution-container .tab-con .solution-2 .advantage-box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.solution-container .tab-con .solution-2 .item {
width: 2.6rem;
border: 0.02rem solid #FFFFFF;
border-radius: 0.1rem;
padding: 0.6rem 0;
text-align: center;
margin-bottom: 0.4rem;
font-size: 0.3rem;
font-weight: bold;
}
.solution-container .tab-con .solution-2 .item img {
width: 0.64rem;
height: 0.64rem;
margin: 0.16rem auto;
}
.solution-container .tab-con .solution-3 {
padding-top: 0.64rem;
}
.solution-container .tab-con .solution-3 > h2 {
text-align: center;
padding-bottom: 0.3rem;
}
.solution-container .tab-con .solution-3 .product-container {
position: relative;
padding-bottom: 0.64rem;
}
.solution-container .tab-con .solution-3 .swiper-button-next,
.solution-container .tab-con .solution-3 .swiper-container-rtl .swiper-button-prev {
right: 0.3rem;
left: auto;
top: 16%;
}
.solution-container .tab-con .solution-3 .swiper-button-next:after,
.solution-container .tab-con .solution-3 .swiper-container-rtl .swiper-button-prev:after {
content: "";
background: url(../images/solution/next-icon.png) no-repeat;
background-size: cover;
width: 0.6rem;
height: 1.5rem;
}
.solution-container .tab-con .solution-3 .swiper-button-prev,
.solution-container .tab-con .solution-3 .swiper-container-rtl .swiper-button-next {
left: 0.3rem;
right: auto;
top: 16%;
}
.solution-container .tab-con .solution-3 .swiper-button-prev:after,
.solution-container .tab-con .solution-3 .swiper-container-rtl .swiper-button-next:after {
content: "";
background: url(../images/solution/prv-icon.png) no-repeat;
background-size: cover;
width: 0.6rem;
height: 1.5rem;
}
.solution-container .tab-con .solution-3 .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.solution-container .tab-con .solution-3 .pic {
width: 6.9rem;
height: 4.8rem;
border: 0.01rem solid #E6E6E6;
position: relative;
overflow: hidden;
}
.solution-container .tab-con .solution-3 .pic img {
width: 2.32rem;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.solution-container .tab-con .solution-3 .text > h2 {
padding: 0.4rem 0;
font-weight: normal;
text-align: center;
}
.solution-container .tab-con .solution-3 .text > table {
min-height: 0.28rem;
text-align: left;
border-collapse: collapse;
font-size: 0.28rem;
}
.solution-container .tab-con .solution-3 .text > table td {
padding: 0.24rem;
}
.solution-container .tab-con .solution-3 table,
.solution-container .tab-con .solution-3 table tr th,
.solution-container .tab-con .solution-3 table tr td {
border: 1px solid #E6E6E6;
}
.solution-container .tab-con .solution-4 {
background: url(../images/solution/solution-bg2.jpg) no-repeat;
background-size: cover;
padding-top: 0.64rem;
padding-bottom: 0.64rem;
color: #ffffff;
}
.solution-container .tab-con .solution-4 > h2 {
text-align: center;
padding-bottom: 0.3rem;
}
.solution-container .tab-con .solution-4 .solution-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.solution-container .tab-con .solution-4 .item {
background: url(../images/solution/solution-servicebg.png) no-repeat;
background-size: cover;
width: 1.77rem;
text-align: center;
padding: 0.3rem 0;
font-size: 0.26rem;
margin: 0.16rem 0.24rem;
position: relative;
}
.solution-container .tab-con .solution-4 .item::after {
content: "";
background: url(../images/solution/right-icon.png) no-repeat;
background-size: cover;
width: 0.11rem;
height: 0.2rem;
position: absolute;
top: 0;
bottom: 0;
right: -16%;
margin: auto;
}
.solution-container .tab-con .solution-4 .item:nth-child(3n)::after,
.solution-container .tab-con .solution-4 .item:last-child::after {
width: 0;
}
.solution-container .tab-con .solution-4 .item > img {
width: 0.4rem;
height: 0.4rem;
margin: 0.16rem auto;
}
.solution-container .tab-con .solution-5 {
padding-top: 0.64rem;
}
.solution-container .tab-con .solution-5 > h2 {
text-align: center;
padding-bottom: 0.3rem;
}
.solution-container .tab-con .solution-5 .solution-content .cases-container {
padding-bottom: 0.64rem;
}
.solution-container .tab-con .solution-5 .solution-content .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.solution-container .tab-con .solution-5 .solution-content .cases-box {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.solution-container .tab-con .solution-5 .solution-content .item {
width: 3.35rem;
margin-bottom: 0.16rem;
}
.solution-container .tab-con .solution-5 .solution-content .pic {
width: 3.35rem;
height: 2.23rem;
overflow: hidden;
}
.solution-container .tab-con .solution-5 .solution-content .text {
padding: 0.16rem 0.08rem;
font-size: 0.26rem;
color: #666666;
}
.solution-container .tab-con .solution-6 {
padding-top: 0.24rem;
text-align: center;
}
.solution-container .tab-con .solution-6 .tel {
text-align: center;
padding-bottom: 0.3rem;
}
.solution-container .tab-con .solution-6 .tel a {
text-align: left;
color: #19306d;
font-weight: bold;
position: relative;
padding-left: 0.9rem;
display: inline-block;
font-size: 0.32rem;
}
.solution-container .tab-con .solution-6 .tel a::after {
content: "";
background: url(../images/solution/tel-icon.png) no-repeat;
background-size: cover;
width: 0.82rem;
height: 0.82rem;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.solution-container .tab-con .solution-6 .tel h1 {
line-height: 1;
font-family: "Impact";
}
.solution-container .tab-con .solution-6 .form {
background: #19306d;
color: #ffffff;
padding: 0.5rem 0.3rem 0.88rem;
}
.solution-container .tab-con .solution-6 .form-tit {
font-size: 0.36rem;
position: relative;
padding: 0 1.6rem;
margin-bottom: 0.4rem;
}
.solution-container .tab-con .solution-6 .form-tit::before {
content: "";
width: 1.2rem;
height: 0.01rem;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.solution-container .tab-con .solution-6 .form-tit::after {
content: "";
width: 1.2rem;
height: 0.01rem;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.solution-container .tab-con .solution-6 .form-tit strong {
font-weight: bold;
}
.solution-container .tab-con .solution-6 .form .item {
width: 6.9rem;
height: 0.72rem;
background: #ffffff;
font-size: 0.26rem;
border-radius: 0.1rem;
margin-bottom: 0.3rem;
overflow: hidden;
}
.solution-container .tab-con .solution-6 .form input {
width: calc(6.9rem - 0.48rem);
line-height: 0.72rem;
padding: 0 0.24rem;
}
.solution-container .tab-con .solution-6 .form .btn {
border: none;
width: 100%;
line-height: 0.72rem;
background: #ef7a00;
color: #ffffff;
font-size: 0.26rem;
border-radius: 0.1rem;
}
/******
****** 联系我们 ******
******/
.contact-container {
padding-top: 0.64rem;
}
.contact-container .form {
padding-bottom: 0.64rem;
}
.contact-container .form .form-tit {
font-size: 0.3rem;
position: relative;
margin-bottom: 0.3rem;
padding-left: 0.4rem;
}
.contact-container .form .form-tit::before {
content: "";
width: 0.3rem;
height: 0.28rem;
background: url(../images/contact/message-icon.png) no-repeat;
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.contact-container .form .item {
width: 6.9rem;
height: 0.72rem;
border: 0.01rem solid #E6E6E6;
background: #ffffff;
font-size: 0.26rem;
border-radius: 0.1rem;
margin-bottom: 0.3rem;
overflow: hidden;
}
.contact-container .form input {
width: calc(6.9rem - 0.48rem);
line-height: 0.72rem;
padding: 0 0.24rem;
}
.contact-container .form .btn {
border: none;
width: 100%;
line-height: 0.72rem;
background: #ef7a00;
color: #ffffff;
font-size: 0.26rem;
border-radius: 0.1rem;
}
.contact-container .contact {
padding-top: 0.64rem;
}
.contact-container .contact .item {
display: flex;
align-items: flex-start;
margin-bottom: 0.4rem;
}
.contact-container .contact .pic {
width: 0.4rem;
height: 0.4rem;
overflow: hidden;
}
.contact-container .contact .text {
font-size: 0.26rem;
color: #666666;
line-height: 1.5;
margin-left: 0.24rem;
}
.contact-container .contact .text h3 {
padding-bottom: 0.2rem;
color: #333333;
font-weight: normal;
}
/******
****** 新闻详情 ******
******/
.news-container {
padding-top: 0.64rem;
}
.news-container .news-tit {
border-bottom: 0.01rem solid #DBDBDB;
}
.news-container .news-tit h2 {
font-weight: normal;
text-align: center;
}
.news-container .news-tit .tit-bottom {
display: flex;
justify-content: center;
align-items: center;
font-size: 0.26rem;
color: #999999;
padding: 0.3rem 0;
}
.news-container .news-tit .item {
position: relative;
display: inline-block;
padding: 0 0.32rem;
font-size: 0.24rem !important;
}
.news-container .news-tit .item::after {
content: "";
width: 0.02rem;
height: 0.24rem;
background: #999999;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
transform: rotate(20deg);
}
.news-container .news-tit .item:last-child::after {
width: 0;
}
.news-container .news-con {
padding: 0.3rem 0;
font-size: 0.26rem;
color: 0.24rem;
line-height: 1.5;
color: #666666;
}
.news-container .news-con img {
margin: 0.3rem 0;
}
.news-container .news-lable {
padding: 0.3rem 0;
font-size: 0.26rem;
}
.news-container .news-lable p {
position: relative;
padding-left: 0.3rem;
display: inline-block;
}
.news-container .news-lable p::before {
content: "";
background: url(../images/news/lable-icon.png) no-repeat;
background-size: cover;
width: 0.22rem;
height: 0.22rem;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.news-container .news-lable .lable {
background: rgba(237, 237, 237, 0.3);
color: #19306d;
padding: 0.08rem 0.12rem;
margin-right: 0.1rem;
display: inline-block;
margin-bottom: 0.08rem;
}
.news-container .page {
font-size: 0.28rem;
}
.news-container .page a {
color: #999999;
display: block;
padding: 0.24rem 0;
border-bottom: 0.01rem solid #BFBFBF;
}
.news-container .page a:last-child {
border-bottom: none;
}
.fenge {
width: 100%;
height: 0.24rem;
background: #f9f9f9;
}
.related-container > h2 {
padding-top: 0.3rem;
font-weight: normal;
}
.related-container .item {
padding: 0.3rem 0;
border-bottom: 0.01rem solid rgba(230, 230, 230, 0.6);
}
.related-container .item:last-child {
border-bottom: none;
}
.related-container .item > a {
display: flex;
}
.related-container .item .pic {
width: 2.6rem;
height: 1.74rem;
overflow: hidden;
display: flex;
}
.related-container .item .text {
margin-left: 0.24rem;
width: 3.84rem;
}
.related-container .item .desc {
font-size: 0.26rem;
color: #666666;
margin: 0.12rem 0 0.16rem;
}
.related-container .item .time {
font-size: 0.2rem;
color: #999999;
position: relative;
line-height: 0.28rem;
}
.related-container .item .time::after {
content: "";
height: 0.08rem;
width: 0.08rem;
border-width: 0.01rem 0.01rem 0 0;
border-color: #999999;
border-style: solid;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
/******
****** 新闻列表 ******
******/
.newslist-container .tabs {
display: flex;
justify-content: space-around;
margin: 0.24rem 0;
}
.newslist-container .tabs .item {
padding: 0.24rem 0.32rem;
font-size: 0.3rem;
line-height: 1;
background: #E9E6ED;
color: #635D8D;
}
.newslist-container .tabs .item.cur {
background: #19306d;
}
.newslist-container .tabs .item.cur a {
color: #ffffff;
}
.newslist-container .tab-con {
padding-bottom: 0.44rem;
}
.newslist-container .tab-con .item {
padding: 0.3rem 0;
border-bottom: 0.01rem solid rgba(230, 230, 230, 0.6);
}
.newslist-container .tab-con .item:last-child {
border-bottom: none;
}
.newslist-container .tab-con .item > a {
display: flex;
}
.newslist-container .tab-con .item .pic {
width: 2.6rem;
height: 1.74rem;
overflow: hidden;
display: flex;
}
.newslist-container .tab-con .item .text {
margin-left: 0.24rem;
width: 3.84rem;
}
.newslist-container .tab-con .item .desc {
font-size: 0.26rem;
color: #666666;
margin: 0.12rem 0 0.16rem;
}
.newslist-container .tab-con .item .time {
font-size: 0.2rem;
color: #999999;
position: relative;
line-height: 0.28rem;
}
.newslist-container .tab-con .item .time::after {
content: "";
height: 0.08rem;
width: 0.08rem;
border-width: 0.01rem 0.01rem 0 0;
border-color: #999999;
border-style: solid;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
/******
****** 加入合伙人 ******
******/
.join-container .join-1 {
background: #19306d;
color: #ffffff;
font-size: 0.3rem;
padding: 0.4rem 1.2rem;
text-align: center;
}
.join-container .join-1 strong {
font-weight: bold;
}
.join-container .join-2 {
background: url(../images/join/join-bg1.jpg) no-repeat;
background-size: cover;
padding: 0 0.3rem;
}
.join-container .join-2 .tit {
padding: 0.64rem 0 0.3rem;
text-align: center;
font-weight: bold;
}
.join-container .join-2 .tit > h2 {
color: #19306d;
}
.join-container .join-2 .tit p {
font-size: 0.3rem;
color: #333333;
}
.join-container .join-2 .con {
padding-bottom: 0.64rem;
}
.join-container .join-2 .con table,
.join-container .join-2 .con table tr th,
.join-container .join-2 .con table tr td {
border: 1px solid #E6E6E6;
padding: 0.08rem 0.12rem;
}
.join-container .join-2 .con table {
min-height: 0.28rem;
text-align: left;
border-collapse: collapse;
font-size: 0.28rem;
background: #ffffff;
}
.join-container .join-2 .con table tr th {
text-align: center;
}
.join-container .join-2 .con table tr th:nth-child(1) {
width: 0.93rem;
}
.join-container .join-2 .con table tr th:nth-child(2) {
width: 1.89rem;
}
.join-container .join-2 .con table tr th:nth-child(3) {
width: 2.02rem;
}
.join-container .join-2 .con table tr th:nth-child(4) {
width: 2.04rem;
}
.join-container .join-2 .con table tr th:nth-child(4),
.join-container .join-2 .con table tr td:nth-child(4) {
background: #19306d;
color: #ffffff;
}
.join-container .join-3 {
padding: 0 0.3rem;
}
.join-container .join-3 .tit {
padding: 0.64rem 0 0.3rem;
text-align: center;
font-weight: bold;
}
.join-container .join-3 .tit > h2 {
color: #19306d;
}
.join-container .join-3 .tit p {
font-size: 0.3rem;
color: #333333;
}
.join-container .join-3 .con {
padding: 0.3rem 0;
}
.join-container .join-3 .con .pk-container {
position: relative;
padding-bottom: 0.64rem;
}
.join-container .join-3 .con .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.join-container .join-3 .con .pk-box {
padding: 0 0.4rem;
text-align: center;
display: flex;
flex-wrap: wrap;
}
.join-container .join-3 .con .pk-tit {
text-align: center;
width: 100%;
}
.join-container .join-3 .con .pk-tit > span {
font-size: 0.36rem;
font-family: "Impact";
font-style: oblique;
}
.join-container .join-3 .con .pk-tit > p {
font-size: 0.26rem;
position: relative;
display: inline-block;
margin-left: 0.1rem;
}
.join-container .join-3 .con .pk-tit > p::after {
content: "";
width: 100%;
height: 0.1rem;
background: #E9E6ED;
position: absolute;
left: 0;
right: 0;
bottom: 0.06rem;
margin: auto;
z-index: -1;
}
.join-container .join-3 .con .item {
width: 2.85rem;
position: relative;
margin: 0.16rem 0.06rem;
display: inline-block;
}
.join-container .join-3 .con .pic {
width: 2.85rem;
height: 2rem;
border-radius: 0.1rem 0.1rem 0 0;
overflow: hidden;
}
.join-container .join-3 .con .pic img {
position: static;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.join-container .join-3 .con .icon {
position: absolute;
top: 1.8rem;
left: 0;
right: 0;
margin: auto;
width: 0.4rem;
height: 0.4rem;
}
.join-container .join-3 .con .text {
padding: 0.4rem 0.24rem;
font-size: 0.26rem;
color: #333333;
background: #F9F9F9;
border-radius: 0 0 0.1rem 0.1rem;
text-align: left;
height: 1.8rem;
overflow: hidden;
}
.join-container .join-4 {
background: url(../images/join/join-bg2.jpg) no-repeat;
background-size: cover;
color: #ffffff;
padding: 0 0.3rem;
}
.join-container .join-4 .tit {
padding: 0.64rem 0 0.3rem;
text-align: center;
font-weight: bold;
}
.join-container .join-4 .tit > h2 {
color: #ffffff;
}
.join-container .join-4 .tit p {
font-size: 0.3rem;
color: #ffffff;
}
.join-container .join-4 .con {
padding-bottom: 0.64rem;
}
.join-container .join-4 .con .policy-container {
position: relative;
padding-bottom: 0.24rem;
background: #ffffff;
}
.join-container .join-4 .con .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.join-container .join-4 .con .policy-box {
background: #ffffff;
padding: 0.4rem;
}
.join-container .join-4 .con .pic {
width: 6rem;
height: 4rem;
overflow: hidden;
}
.join-container .join-4 .con .text-tit {
font-size: 0.3rem;
color: #19306d;
font-weight: bold;
padding: 0.4rem 0 0.16rem;
}
.join-container .join-4 .con .text-desc {
font-size: 0.26rem;
color: #333333;
line-height: 2;
height: 2.5rem;
overflow: hidden;
}
.join-container .join-5 {
padding: 0 0.3rem;
}
.join-container .join-5 .tit {
padding: 0.64rem 0 0.3rem;
text-align: center;
font-weight: bold;
}
.join-container .join-5 .tit > h2 {
color: #19306d;
}
.join-container .join-5 .tit p {
font-size: 0.3rem;
color: #333333;
}
.join-container .join-5 .con .partner-container {
position: relative;
padding-bottom: 0.64rem;
background: #ffffff;
}
.join-container .join-5 .con .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.join-container .join-5 .con .partner-box {
display: flex;
justify-content: space-between;
align-items: center;
}
.join-container .join-5 .con .item {
position: relative;
width: 3.35rem;
}
.join-container .join-5 .con .pic {
width: 3.35rem;
height: 2.24rem;
overflow: hidden;
}
.join-container .join-5 .con .text {
padding: 0.18rem;
background: rgba(0, 0, 0, 0.5);
color: #ffffff;
position: absolute;
bottom: 0;
width: calc(3.35rem - 0.36rem);
margin: auto;
text-align: center;
font-size: 0.26rem;
}
.join-container .join-6 {
background: #333333;
padding: 0 0.3rem;
}
.join-container .join-6 .tit {
padding: 0.64rem 0 0.3rem;
text-align: center;
font-weight: bold;
}
.join-container .join-6 .tit > h2 {
color: #ffffff;
}
.join-container .join-6 .tit p {
font-size: 0.3rem;
color: #ffffff;
}
.join-container .join-6 .con .distributor-container {
position: relative;
padding-bottom: 0.44rem;
}
.join-container .join-6 .con .swiper-pagination-bullet {
background: #ffffff !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.join-container .join-6 .con .distributor-box {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.join-container .join-6 .con .item {
position: relative;
width: 3.35rem;
margin-bottom: 0.2rem;
}
.join-container .join-6 .con .pic {
width: 3.35rem;
height: 2.24rem;
overflow: hidden;
}
.join-container .join-6 .con .text {
padding: 0.18rem;
background: rgba(0, 0, 0, 0.5);
color: #ffffff;
position: absolute;
bottom: 0;
width: calc(3.35rem - 0.36rem);
margin: auto;
text-align: center;
font-size: 0.26rem;
}
.join-container .join-7 .tit {
padding: 0.64rem 0 0.3rem;
text-align: center;
font-weight: bold;
}
.join-container .join-7 .tit > h2 {
color: #19306d;
}
.join-container .join-7 .tit p {
font-size: 0.3rem;
color: #333333;
}
.join-container .join-7 .con {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.join-container .join-7 .con .item {
text-align: center;
width: 2.5rem;
height: 3.34rem;
}
.join-container .join-7 .con .item:nth-child(1) {
background: url(../images/join/process-bg1.jpg) no-repeat;
background-size: cover;
color: #ffffff;
}
.join-container .join-7 .con .item:nth-child(2) {
background: url(../images/join/process-bg2.jpg) no-repeat;
background-size: cover;
color: #19306d;
}
.join-container .join-7 .con .item:nth-child(3) {
background: url(../images/join/process-bg3.jpg) no-repeat;
background-size: cover;
color: #ffffff;
}
.join-container .join-7 .con .item:nth-child(4) {
background: url(../images/join/process-bg4.jpg) no-repeat;
background-size: cover;
color: #19306d;
}
.join-container .join-7 .con .item:nth-child(5) {
background: url(../images/join/process-bg5.jpg) no-repeat;
background-size: cover;
color: #ffffff;
}
.join-container .join-7 .con .item:nth-child(6) {
background: url(../images/join/process-bg6.jpg) no-repeat;
background-size: cover;
color: #19306d;
}
.join-container .join-7 .con .item > img {
width: 1rem;
height: 1rem;
margin: 0.4rem auto 0.16rem;
}
.join-container .join-7 .con .item p:nth-child(2) {
font-size: 0.3rem;
font-weight: bold;
padding: 0 0.2rem;
}
.join-container .join-7 .con .item p:nth-child(3) {
font-size: 0.26rem;
text-align: left;
padding: 0 0.2rem;
}
.join-container .join-8 {
background: #333333;
padding: 0.6rem 0;
}
.join-container .join-8 .item {
margin-bottom: 0.4rem;
display: flex;
align-items: center;
}
.join-container .join-8 .item .pic {
padding-left: 1rem;
padding-right: 0.56rem;
border-right: 0.01rem solid rgba(255, 255, 255, 0.2);
}
.join-container .join-8 .item .pic img {
width: 0.72rem;
height: 0.72rem;
}
.join-container .join-8 .item .text {
font-size: 0.26rem;
line-height: 1.5;
color: #ffffff;
padding-left: 0.56rem;
padding-right: 1rem;
}
/******
****** 关于我们 ******
******/
.about-container .about-1 {
background: url(../images/about/about-bg1.jpg) no-repeat;
background-size: cover;
height: 7.18rem;
color: #ffffff;
}
.about-container .about-1 .tit {
padding-top: 0.64rem;
text-align: center;
}
.about-container .about-1 .con {
margin: 0.3rem;
}
.about-container .about-1 .about {
padding: 0.3rem;
background: #ffffff;
box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0.1);
}
.about-container .about-1 .about .pic {
width: 6.3rem;
height: 3.6rem;
overflow: hidden;
}
.about-container .about-1 .about .text {
padding-top: 0.3rem;
font-size: 0.26rem;
line-height: 1.5;
color: #666666;
text-align: left;
}
.about-container .about-1 .about .text p {
text-align: justify;
text-indent: 0.32rem;
}
.about-container .about-1 .about .more {
text-align: right !important;
padding-top: 0.3rem;
color: #19306d;
}
.about-container .about-2 {
margin: 1.5rem 0.3rem 0;
}
.about-container .about-2 .tit {
position: relative;
text-align: left;
padding-left: 0.32rem;
margin-bottom: 0.24rem;
font-weight: normal;
}
.about-container .about-2 .tit::before {
content: "";
background: url(../images/index/tit.jpg) no-repeat;
background-size: cover;
width: 0.11rem;
height: 0.28rem;
position: absolute;
top: 0.04rem;
left: 0;
}
.about-container .about-2 .fast {
text-align: left;
border: 0.02rem solid #E9E6ED;
padding: 0.2rem;
font-size: 0.24rem;
line-height: 0.44rem;
}
.about-container .about-2 .fast .item {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.about-container .about-2 .fast .item p {
color: #19306d;
width: 1rem;
}
.about-container .about-2 .fast .item a {
padding: 0 0.16rem;
position: relative;
}
.about-container .about-2 .fast .item a::after {
content: "";
width: 0.01rem;
height: 0.24rem;
background: #333333;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.about-container .about-2 .fast .item a:last-child::after {
width: 0;
}
.about-container .about-3 .tit {
padding-top: 0.64rem;
text-align: center;
}
.about-container .about-3 .con {
padding: 0.3rem 0;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.about-container .about-3 .con .item {
position: relative;
}
.about-container .about-3 .con .pic {
width: 3.35rem;
height: 2.4rem;
overflow: hidden;
}
.about-container .about-3 .con .text {
width: calc(2.95rem - 0.48rem);
background: #19306d;
color: #ffffff;
text-align: center;
padding: 0.3rem 0.24rem;
position: relative;
top: -0.2rem;
left: 0;
right: 0;
margin: auto;
}
.about-container .about-3 .con .text p:nth-child(1) {
font-size: 0.3rem;
font-weight: bold;
}
.about-container .about-3 .con .text p:nth-child(2) {
font-size: 0.26rem;
}
.about-container .about-4 {
background: url(../images/about/about-bg2.jpg) no-repeat;
background-size: cover;
}
.about-container .about-4 .tit {
padding-top: 0.64rem;
text-align: center;
}
.about-container .about-4 .con {
padding: 0.3rem 0;
}
.about-container .about-4 .con .text {
position: relative;
padding-top: 0.44rem;
height: auto;
overflow: hidden;
}
.about-container .about-4 .con .text::before {
content: "";
background: url(../images/about/aircraft-icon.png) no-repeat;
background-size: cover;
width: 0.44rem;
height: 0.38rem;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.about-container .about-4 .con .text::after {
content: "";
width: 0.01rem;
height: 100%;
background: #999999;
position: absolute;
top: 0.44rem;
left: 0;
right: 0;
margin: auto;
z-index: 0;
}
.about-container .about-4 .con .item {
text-align: right;
margin-right: 50%;
position: relative;
font-size: 0.26rem;
padding-right: 0.95rem;
padding-left: 0.3rem;
}
.about-container .about-4 .con .item::before {
content: "";
background: url(../images/about/point-icon.png) no-repeat;
background-size: cover;
width: 0.2rem;
height: 0.2rem;
position: absolute;
top: 0;
bottom: 0;
right: -0.1rem;
margin: auto 0;
z-index: 1;
}
.about-container .about-4 .con .item::after {
content: "······";
height: 0.2rem;
font-size: 0.16rem;
position: absolute;
top: 0;
bottom: 0;
right: 0.3rem;
margin: auto;
color: #999999;
}
.about-container .about-4 .con .item > p:nth-child(1) {
font-size: 0.3rem;
font-weight: bold;
}
.about-container .about-4 .con .item > p:nth-child(2) {
font-size: 0.26rem;
color: #000033;
}
.about-container .about-4 .con .item:nth-child(2n) {
text-align: left;
margin-right: 0;
margin-left: 50%;
padding-left: 0.95rem;
padding-right: 0.3rem;
}
.about-container .about-4 .con .item:nth-child(2n)::before {
content: "";
background: url(../images/about/point-icon.png) no-repeat;
background-size: cover;
width: 0.2rem;
height: 0.2rem;
position: absolute;
top: 0;
bottom: 0;
left: -0.1rem;
margin: auto 0;
z-index: 1;
}
.about-container .about-4 .con .item:nth-child(2n)::after {
content: "······";
height: 0.2rem;
font-size: 0.16rem;
position: absolute;
top: 0;
bottom: 0;
left: 0.3rem;
margin: auto;
color: #999999;
}
.about-container .about-5 .tit {
padding-top: 0.64rem;
text-align: center;
}
.about-container .about-5 .con {
padding-top: 0.3rem;
}
.about-container .about-5 .con .team-container {
position: relative;
padding-bottom: 0.4rem;
}
.about-container .about-5 .con .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.about-container .about-5 .con .team-box {
display: flex;
justify-content: space-between;
}
.about-container .about-5 .con .pic {
width: 3.35rem;
height: 5.11rem;
overflow: hidden;
}
.about-container .about-5 .con .text {
width: 3.35rem;
padding: 0.3rem 0;
}
.about-container .about-5 .con .text-tit {
font-size: 0.3rem;
font-weight: bold;
color: #19306d;
}
.about-container .about-5 .con .text-con {
font-size: 0.24rem;
color: #666666;
max-height: 1.4rem;
line-height: 1.5;
padding: 0.1rem 0;
overflow: hidden;
}
.about-container .about-6 {
background: url(../images/about/about-bg3.jpg) no-repeat;
background-size: cover;
}
.about-container .about-6 .tit {
padding-top: 0.64rem;
text-align: center;
}
.about-container .about-6 .con {
padding: 0.3rem;
}
.about-container .about-6 .con .environment-container {
position: relative;
padding-bottom: 0.4rem;
}
.about-container .about-6 .con .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.about-container .about-6 .con .environment-box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.about-container .about-6 .con .item {
width: 3.35rem;
}
.about-container .about-6 .con .pic {
width: 3.35rem;
height: 2.24rem;
overflow: hidden;
}
.about-container .about-6 .con .text {
padding: 0.18rem 0.08rem;
text-align: center;
font-size: 0.26rem;
color: #666666;
}
.about-container .about-7 .tit {
padding-top: 0.64rem;
text-align: center;
}
.about-container .about-7 .con {
padding: 0.3rem 0;
}
.about-container .about-7 .con .honor-container {
position: relative;
padding-bottom: 0.4rem;
}
.about-container .about-7 .con .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.about-container .about-7 .con .honor-box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0.3rem 0.4rem;
}
.about-container .about-7 .con .item {
width: 2.85rem;
}
.about-container .about-7 .con .pic {
width: 2.85rem;
height: 3.4rem;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
/******
****** 产品详情 ******
******/
.product-container .product-1 {
padding-bottom: 0.24rem;
}
.product-container .product-1 .pro-tit {
text-align: center;
}
.product-container .product-1 .pro-tit h2 {
font-weight: normal;
color: #19306d;
padding: 0.4rem 0;
}
.product-container .product-1 .pro-container {
position: relative;
padding-bottom: 0.4rem;
}
.product-container .product-1 .pro-pagination {
bottom: 0.6rem;
}
.product-container .product-1 .swiper-pagination-bullet {
background: #19306d !important;
width: 0.3rem;
height: 0.03rem;
border-radius: 0.02rem;
}
.product-container .product-1 .pic {
border: 0.01rem solid #E6E6E6;
padding-bottom: 0.8rem;
}
.product-container .product-1 .pro-text {
font-size: 0.3rem;
}
.product-container .product-1 .pro-text > p {
position: relative;
padding-left: 0.3rem;
line-height: 1.5;
}
.product-container .product-1 .pro-text > p::before {
content: "";
width: 0.04rem;
height: 0.04rem;
background: #999999;
position: absolute;
left: 0;
top: 40%;
}
.product-container .product-1 .pro-desc {
padding: 0.4rem 0;
font-size: 0.28rem;
}
.product-container .product-1 .desc-tit {
padding-bottom: 0.16rem;
}
.product-container .product-1 .desc-con {
line-height: 1.5;
text-indent: 0.48rem;
}
.product-container .product-1 .pro-tel {
text-align: center;
}
.product-container .product-1 .pro-tel a {
position: relative;
padding-left: 1.2rem;
padding-bottom: 0.3rem;
display: inline-block;
margin: 0 auto;
text-align: left;
color: #ef7a00;
font-size: 0.4rem;
font-weight: bold;
font-family: "MicrosoftYaHei-Bold";
}
.product-container .product-1 .pro-tel a::before {
content: "";
background: url(../images/product/tel-icon.png) no-repeat;
background-size: cover;
width: 1rem;
height: 1rem;
position: absolute;
left: 0;
}
.product-container .product-1 .pro-tel h1 {
line-height: 0.42rem;
font-size: 0.6rem;
font-family: "Impact";
}
.product-container .product-1 .btn {
width: 100%;
padding: 0.21rem;
background: #ef7a00;
color: #ffffff;
font-size: 0.28rem;
text-align: center;
border: none;
border-radius: 0.1rem;
}
.product-container .product-2 .pro-tit {
text-align: center;
}
.product-container .product-2 .pro-tit h2 {
font-weight: normal;
color: #333333;
padding: 0.4rem 0;
}
.product-container .product-2 .con {
padding-bottom: 0.88rem;
}
.product-container .product-2 .con > table {
min-height: 0.28rem;
text-align: left;
border-collapse: collapse;
font-size: 0.28rem;
}
.product-container .product-2 .con > table td {
padding: 0.24rem;
}
.product-container .product-2 .con table,
.product-container .product-2 .con table tr th,
.product-container .product-2 .con table tr td {
border: 1px solid #EBEBEB;
}
/*
导航
*/
.top_box {
height: 0.8rem;
}
.ce_nav {
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
overflow: hidden;
z-index: 998;
}
.nav {
display: inline-block;
width: 40%;
height: 100%;
background: #fff;
z-index: 999;
position: fixed;
top: 0;
right: -1%;
transform: translateX(100%);
}
.nav_in {
width: 100%;
height: auto;
}
.nav_in h3 {
width: 100%;
height: 0.86rem;
background: #19306d;
font-size: 0.3rem;
color: #fff;
line-height: 1rem;
text-align: center;
margin: 0;
}
.nav_in li {
width: 100%;
height: 0.8rem;
border-bottom: 1px solid #e3e3e3;
}
.nav_in li a {
line-height: normol;
padding: 0.22rem 0;
display: inline-block;
width: 100%;
font-size: 0.26rem;
text-align: center;
color: #333;
}
.nav_in li a:hover {
background: #19306d;
color: #fff;
}
.nav_in li .active a {
background: #EB2E2C;
color: #fff;
}
.fadeup {
-webkit-animation: fadeInUp 1s 0s both;
animation: fadeInUp 1s 0s both;
}
.fadeup strong {
font-weight: 700;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2rem, 0);
transform: translate3d(0, 2rem, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2rem, 0);
transform: translate3d(0, 2rem, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.share {
width: 100%;
height: 0.6rem;
overflow: hidden;
position: relative;
}
.share em,
.share-a,
.share-a a {
display: inline-block;
float: left;
}
.share em {
line-height: 0.6rem;
color: #808080;
font-size: 0.24rem;
padding-left: 0;
}
.share-a a:last-child {
background-image: url(../images/weibo.png);
background-size: 70% 70%!important;
}
.share-a a:first-child {
background-image: url(../images/weixin.png);
background-size: 80% 80%!important;
}
.share-a a:nth-child(2) {
background-image: url(../images/QQ.png);
background-size: 80% 80%!important;
}
.share-a a {
width: 0.6rem !important;
height: 0.6rem !important;
border-radius: 100% !important;
overflow: hidden;
margin: 0 0.14rem !important;
padding-left: 0!important;
background-color: #003f8f !important;
background-size: cover;
background-repeat: no-repeat !important;
background-position: center ;
}
.share-fan {
display: inline-block;
float: right;
margin-right: 0;
width: 1.7rem;
height: 0.6rem;
border-radius: 0.3rem;
background: #003f8f !important;
text-align: center;
line-height: 0.6rem;
color: #fff;
font-size: 0.22rem;
}
.product-nav {
display: flex;
justify-content: space-around;
align-items: center;
line-height: 0.8rem;
border-bottom: 0.01rem solid #e0e0e0;
}
.product-nav .item {
font-size: 0.28rem;
}
.product-nav .cur {
position: relative;
}
.product-nav .cur::after {
content: "";
width: 100%;
height: 0.02rem;
background: #19306d;
color: #ffffff;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
/*# sourceMappingURL=./style.css.map */