* {
 margin: 0px;
 padding: 0px;
}

html,
body {
 font-size: 14px;
 font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.logo {
 position: fixed;
 z-index: 2000;
 top: 0.42rem;
 left: 0.52rem;
 transition: .3s;
 opacity: 1;
}

.logo,
.logo img {
 width: 2.02rem;
 height: 0.51rem;
}

.swiper-slide-img {
 position: relative;
 height: 9rem;
 max-height: 100vh;
 background: center no-repeat;
 background-size: cover;
}

.banner1 {
 background-image: url(../image/banner1.jpg);
}

.banner2 {
 background-image: url(../image/banner2.jpg);
}

.banner3 {
 background-image: url(../image/banner3.jpg);
}

.banner4 {
 background-image: url(../image/banner4.jpg);
}

.banner5 {
 background-image: url(../image/banner5.jpg);
}

.banner1>img {
 position: absolute;
 left: 2.86rem;
 top: 50%;
 width: 7.57rem;
 height: 2.78rem;
 margin-top: -1.43rem;
}

.banner .swiper-slide-img>div {
 position: absolute;
 left: 2.86rem;
 top: 50%;
 height: 3.32rem;
 margin-top: -1.66rem;
}

.banner .swiper-slide-img>div img {
 height: 0.99rem;
 margin-bottom: 0.71rem;
}

.banner .swiper-slide-img>div p {
 font-style: normal;
 font-weight: 500;
 font-size: 0.32rem;
 line-height: 0.54rem;
 color: #FFFFFF;
 text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.27);
}

.banner-swiper>.swiper-pagination-bullets {
 width: 4.2rem;
 height: 0.04rem;
 left: 2.86rem;
 bottom: 0.9rem !important;
}

.banner-swiper>.swiper-pagination-bullets .swiper-pagination-bullet {
 width: 0.64rem;
 height: 0.04rem;
 border-radius: initial;
 margin: 0 0.08rem !important;
 background: #FFFFFF;
 opacity: 0.54;
}

.banner-swiper .swiper-pagination-bullet-active {
 background: #C41A26 !important;
 opacity: 1 !important;
}

.sub-title {
 height: 0.48rem;
 line-height: 0.48rem;
 padding: 1.5rem 0rem 0.8rem;
 text-indent: 3.35rem;
 font-size: 0.48rem;
 font-style: normal;
 font-weight: 600;
 letter-spacing: 0.05em;
 color: #343434;
}

.accordion {
 height: 4.72rem;
 display: flex;
 justify-content: flex-end;
}

.accordion-con {
 width: calc(100% - 2.86rem);
 height: 4.72rem;
}

.accordion-con ul {
 display: flex;
}

.accordion-con li {
 position: relative;
 width: 33.333%;
 height: 4.72rem;
 background: center no-repeat;
 background-size: cover;
 transition: All 0.5s ease;
 list-style: outside none;
 overflow: hidden;
}

.accordion-con li:nth-of-type(1) {
 background-image: url(../image/Product_banner1.jpg);
}

.accordion-con li:nth-of-type(2) {
 background-image: url(../image/Product_banner2.jpg);
}

.accordion-con li:nth-of-type(3) {
 background-image: url(../image/Product_banner3.jpg);
}

.mask {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background-color: rgba(0, 0, 0, .2);
 transition: .4s;
 opacity: 0;
}

.accordion-con li:hover .mask {
 opacity: 1;
}

.accordion-con li .layer {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 padding: 0rem 0.48rem;
 font-style: normal;
 font-weight: 300;
 color: #FFFFFF;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
}

.layer h3 {
 position: relative;
 height: 0.32rem;
 line-height: 0.32rem;
 padding-bottom: 0.4rem;
 font-size: 0.32rem;
 transition: .5s;
}

.layer h3:after {
 position: absolute;
 bottom: 0.21rem;
 content: '';
 width: 0rem;
 height: 0.07rem;
 display: block;
 background: #C41A26;
 transition: .4s;
 opacity: 0;
}

.layer p {
 font-style: normal;
 font-weight: 600;
 font-size: 0.18rem;
 line-height: 0.3rem;
 max-width: 5.6rem;
}

.layer>div {
 height: 0rem;
 transition: .5s;
}

.accordion-con li:hover .layer>div {
 height: 2rem;
}

.accordion-con li:hover .layer h3:after {
 /*color: red;*/
 width: 0.73rem;
 opacity: 1;
}

.technology {
 width: 12.5rem;
 height: 3.7rem;
 margin: 0rem auto;
 display: flex;
 justify-content: space-between;
 margin-bottom: 1.5rem;
}

.technology-item {
 width: 2.04rem;
 height: 3.7rem;
}

@keyframes myfloat {
 0% {
  transform: translateY(0rem);
 }
 /*25%  {transform: translateY(0.05rem);}*/
 50% {
  transform: translateY(-0.1rem);
 }
 /*75%  {transform: translateY(0.05rem);}*/
 100% {
  transform: translateY(0rem);
 }
}

.technology-item-icon {
 width: 2.04rem;
 height: 2.3rem;
 background: center no-repeat;
 background-size: cover;
}

.technology-item-icon:hover {
 animation: myfloat 1.2s linear;
 animation-iteration-count: infinite;
}

.technology-item:nth-of-type(1) .technology-item-icon {
 background-image: url(../image/Capital.png);
}

.technology-item:nth-of-type(2) .technology-item-icon {
 background-image: url(../image/Link.png);
}

.technology-item:nth-of-type(3) .technology-item-icon {
 background-image: url(../image/Model.png);
}

.technology-item:nth-of-type(4) .technology-item-icon {
 background-image: url(../image/Warn.png);
}

.technology-item-text {
 text-align: center;
 font-style: normal;
 font-weight: 500;
}

.technology-item-text p {
 line-height: 0.3rem;
 font-size: 0.2rem;
 color: #666666;
}

.technology-item-text p:nth-of-type(1) {
 height: 0.32rem;
 line-height: 0.32rem;
 font-size: 0.32rem;
 color: #333333;
 margin-bottom: 0.28rem;
}

.business1 {
 background-image: url(../image/Business_bg1.jpg);
}

.business2 {
 background-image: url(../image/Business_bg2.jpg);
}

.business3 {
 background-image: url(../image/Business_bg3.jpg);
}

.business-tit {
 position: absolute;
 top: 1rem;
 left: 18%;
 font-style: normal;
 color: #FFFFFF;
}

.business-text {
 position: absolute;
 top: 3.3rem;
 left: 50%;
 margin-left: 2.5rem;
 font-style: normal;
 font-weight: 600;
 font-size: 0.24rem;
 color: #FFFFFF;
}

.business-text p {
 height: 0.3rem;
 line-height: 0.3rem;
 margin-bottom: 0.2rem;
}

.business-text p:before {
 content: '';
 width: 0.21rem;
 height: 0.21rem;
 border-radius: 50%;
 background: #C41A26;
 border: 0.04rem solid rgba(255, 255, 255, 0.71);
 box-sizing: border-box;
 margin-right: 0.16rem;
 display: inline-block;
 vertical-align: middle;
}

.business-tit p:nth-of-type(1) {
 height: 0.52rem;
 line-height: 0.52rem;
 font-weight: normal;
 font-size: 0.52rem;
 color: #FFFFFF;
 margin-bottom: 0.22rem;
}

.business-tit p:nth-of-type(2) {
 height: 0.3rem;
 line-height: 0.3rem;
 font-weight: 600;
 font-size: 0.24rem;
}

.business-swiper>.swiper-pagination-bullets {
 width: 4.46rem;
 height: 1.04rem;
 left: 50%;
 top: 1.02rem;
 margin-left: 2.5rem;
 display: flex;
 justify-content: space-between;
}

.business-swiper>.swiper-pagination-bullets .swiper-pagination-bullet {
 position: relative;
 width: 0.9rem;
 height: 1.04rem;
 font-style: normal;
 font-weight: 500;
 font-size: 0.32rem;
 line-height: 0.4rem;
 color: #FFFFFF;
 text-align: center;
 border-radius: initial;
 background: transparent;
 opacity: 1;
 transition: .4s;
 box-sizing: border-box;
 padding: 0.12rem;
 margin: 0 0.08rem !important;
}

.sub-line {
 position: absolute;
 left: 0rem;
 bottom: -0.04rem;
 width: 0.9rem;
 height: 0.02rem;
 background: #C41A26;
 display: none;
}

.business-swiper>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1):after,
.business-swiper>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(2):after {
 position: absolute;
 left: 1.29rem;
 content: '';
 width: 0.1rem;
 height: 0.1rem;
 border-radius: 50%;
 background: #FFFFFF;
}

.business-swiper .swiper-pagination-bullet-active {
 background: #C41A26 !important;
}

.business-swiper .swiper-pagination-bullet-active .sub-line {
 display: block;
}

.pies {
 height: 2.3rem;
 background: #F9FAFC;
 display: flex;
 justify-content: center;
 align-items: center;
}

.pies-con {
 width: 12.5rem;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.pie-item {
 width: 1.55rem;
 height: 1.55rem;
 border: 0.01rem solid rgba(181, 69, 71, 0.18);
 box-sizing: border-box;
 border-radius: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
}

.pie-item>div {
 position: relative;
 width: 1.39rem;
 height: 1.39rem;
}

.pie-position {
 position: absolute;
 width: 1.39rem;
 height: 1.39rem;
 font-style: normal;
 font-weight: 600;
 color: #B13A39;
}

.pie-item-t,
.pie-item-b {
 text-align: center;
}

.pie-item-t span:nth-of-type(1) {
 font-size: 0.38rem;
}

.pie-item-t span.sp1 {
 height: 0.58rem;
 line-height: 0.58rem;
 font-size: 0.58rem;
}

.pie-item-t span.sp2 {
 height: 0.58rem;
 line-height: 0.58rem;
 font-size: 0.48rem;
}

.pie-item:nth-of-type(1) .pie-item-t {
 padding-top: 0.2rem;
}

.pie-item:nth-of-type(2) .pie-item-t {
 padding-top: 0.22rem;
}

.pie-item:nth-of-type(3) .pie-item-t {
 padding-top: 0.3rem;
}

.pie-item:nth-of-type(4) .pie-item-t {
 padding-top: 0.3rem;
}

.pie-item-b {
 height: 0.34rem;
 line-height: 0.34rem;
 font-size: 0.24rem;
}

.pie-item-rotate {
 position: relative;
 width: 1.39rem;
 height: 1.39rem;
 border: 0.01rem solid rgba(181, 69, 71, 0.18);
 box-sizing: border-box;
 border-radius: 50%;
}

.pie-item-rotate:after {
 position: absolute;
 top: -0.025rem;
 left: 50%;
 margin-left: -0.02rem;
 content: '';
 width: 0.04rem;
 height: 0.04rem;
 border-radius: 50%;
 background: #B13A39;
 opacity: 0;
}

@keyframes myRotate {
 0% {
  transform: rotate(0deg);
 }
 /*50% {
    transform:rotate(360deg);
  }*/
 100% {
  transform: rotate(360deg);
 }
}

.pie-item-rotate:hover {
 animation: myRotate 2s linear;
 animation-iteration-count: infinite;
}

.pie-item-rotate:hover:after {
 opacity: 1;
}

.product {
 height: 8.42rem;
 display: flex;
 justify-content: center;
 background: center no-repeat;
 background-size: cover;
 background: url(../image/Product_bg.jpg) 0rem 0rem/100% 8.42rem no-repeat;
}

.product-con {
 width: 12.5rem;
 height: 8.42rem;
}

.product-title {
 height: 0.48rem;
 line-height: 0.48rem;
 font-style: normal;
 font-weight: 600;
 font-size: 0.48rem;
 color: #343434;
 padding: 1.5rem 0rem 0.8rem;
}

.product-items {
 /*position: relative;*/
 height: 4.14rem;
 display: flex;
 /*justify-content: flex-start;*/
}

.product-item {
 flex-shrink: 0;
 position: relative;
 width: 2.5rem;
 height: 4.14rem;
 z-index: 10;
 background-color: #F9FAFC;
 background-size: 2.5rem 4.14rem;
 background-repeat: no-repeat;
 background-position-x: right;
 display: flex;
 transition: .4s;
 overflow: hidden;
}


/*.product-item:nth-of-type(1) {
 left: 0rem;
}

.product-item:nth-of-type(2) {
 left: 2.5rem;
}

.product-item:nth-of-type(3) {
 left: 5rem;
}

.product-item:nth-of-type(4) {
 left: 7.5rem;
}

.product-item:nth-of-type(5) {
 left: 10rem;
}*/

.product-item-l {
 flex-shrink: 0;
 width: 2.5rem;
 height: 4.14rem;
 box-shadow: inset -1px 0px 0px #E9E9E9;
 box-sizing: border-box;
 text-align: center;
 display: block;
}

.product-item:nth-of-type(5) .product-item-l {
 box-shadow: none;
}

.product-item:nth-of-type(5):hover .product-item-l {
 box-shadow: inset -1px 0px 0px #E9E9E9;
}

.product-item-r {
 position: relative;
 width: 5rem;
 padding-top: 0.3rem;
 padding-left: 0.35rem;
 padding-right: 0.35rem;
 box-sizing: border-box;
 box-shadow: inset -1px 0px 0px #E9E9E9;
}

.product-item-r p {
 position: relative;
 width: 4rem;
 /*height: 0.3rem;*/
 line-height: 0.3rem;
 font-style: normal;
 font-weight: normal;
 font-size: 0.16rem;
 /*text-indent: 0.3rem;*/
 color: #333333;
 display: flex;
 justify-content: flex-start;
 align-items: center;
}

.product-item-r p:before {
 /*position: absolute;
 top: 0.08rem;*/
 flex-shrink: 0;
 content: '';
 width: 0.14rem;
 height: 0.14rem;
 display: block;
 margin-right: 0.16rem;
 border: 0.04rem solid #BE272D;
 border-radius: 50%;
 box-sizing: border-box;
 background: #FFFFFF;
}

.product-item-r div {
 position: absolute;
 top: 2.76rem;
 height: 0.2rem;
 line-height: 0.2rem;
 font-size: 0.16rem;
 color: #000000;
}

.product-item-r div span {
 line-height: 0.24rem;
 font-style: normal;
 font-weight: normal;
 font-size: 0.14rem;
 display: inline-block;
 padding: 0rem 0.3rem;
 box-sizing: border-box;
 color: rgba(0, 0, 0, 0.6);
}

.product-item:before {
 position: absolute;
 content: '';
 width: 0rem;
 height: 0.03rem;
 display: block;
 transition: .4s;
 /*opacity: 0;*/
 background: #BE272D;
}

.product-item:nth-of-type(1) {
 background-image: url(../image/DataC.jpg);
}

.product-item:nth-of-type(2) {
 background-image: url(../image/DataO.jpg);
}

.product-item:nth-of-type(3) {
 background-image: url(../image/DataM.jpg);
}

.product-item:nth-of-type(4) {
 background-image: url(../image/DataO.jpg);
}

.product-item:nth-of-type(5) {
 background-image: url(../image/DataTS.jpg);
 box-shadow: none;
}

.product-item-tit {
 /*width: 2.5rem;*/
 font-style: normal;
 font-weight: bold;
 font-size: 0.4rem;
 height: 0.4rem;
 line-height: 0.4rem;
 color: #B13A39;
 padding-top: 0.66rem;
}

.product-item-sub-tit {
 /*width: 2.5rem;*/
 font-style: normal;
 font-weight: 500;
 font-size: 0.16;
 height: 0.26rem;
 line-height: 0.26rem;
 color: #B13A39;
 padding-top: 0.2rem;
 padding-left: 0.2rem;
 padding-right: 0.2rem;
 box-sizing: border-box;
}

.product-item-text {
 position: absolute;
 top: 3.72rem;
 width: 2.5rem;
 height: 0.2rem;
 line-height: 0.2rem;
 font-style: normal;
 font-weight: normal;
 font-size: 0.12rem;
 color: rgba(0, 0, 0, 0.6);
}

.product-item:hover {
 /*width: 7.5rem;*/
 /*z-index: 50;*/
}

.product-item:hover:before {
 width: 7.5rem;
 /*opacity: 1;*/
}


/*.product-item:hover .product-item-text {
  top: 1.7rem;
  height: 2rem;
}*/

.partner {
 height: 7.89rem;
 display: flex;
 justify-content: center;
 background: center no-repeat;
 background-size: cover;
 background: url(../image/Partner_bg.jpg) 0rem 0rem/100% 7.89rem no-repeat;
}

.partner-con {
 width: 12.5rem;
 height: 7.89rem;
}

.partner-con-tit {
 height: 0.52rem;
 line-height: 0.52rem;
 font-style: normal;
 font-weight: normal;
 font-size: 0.52rem;
 color: #343434;
 padding: 1.4rem 0rem 0.4rem;
}

.partner-con-tab {
 height: 0.4rem;
 line-height: 0.3rem;
 font-style: normal;
 font-weight: 500;
 font-size: 0.28rem;
 color: #666666;
 display: flex;
 justify-content: flex-start;
 transition: .4s;
}

.partner-con-tab span {
 position: relative;
 margin-right: 0.4rem;
 cursor: pointer;
 transition: .4s;
}

.partner-con-tab span i {
 margin-top: 0.08rem;
 width: 0%;
 height: 0.02rem;
 display: block;
 background: #C41A26;
 transition: .4s;
}

.partner-con-tab span.active {
 color: #C41A26;
}

.partner-con-tab span.active i {
 width: 100%;
}

.tab-con {
 position: relative;
 padding-top: 0.8rem;
 height: 2.97rem;
 /*padding: 0rem 1.17rem;*/
}

.page>div {
 display: none;
 transition: .4s;
}

.page>div:nth-of-type(1) {
 display: block;
}

.tab-swiper-container {
 height: 2.96rem;
}

.page .swiper-button-next {
 right: -0.6rem;
 width: 0.31rem;
 height: 0.63rem;
 background: url(../image/arrow_right.png) 0rem 0rem/0.31rem 0.62rem no-repeat;
 transition: .4s;
 outline: none;
 margin-top: 0rem;
}

.page .swiper-button-next:hover {
 background: url(../image/arrow_right2.png) 0rem 0rem/0.31rem 0.62rem no-repeat;
}

.page .swiper-button-prev {
 left: -0.6rem;
 width: 0.31rem;
 height: 0.63rem;
 background: url(../image/arrow_left.png) 0rem 0rem/0.31rem 0.62rem no-repeat;
 transition: .4s;
 outline: none;
 margin-top: 0rem;
}

.page .swiper-button-prev:hover {
 background: url(../image/arrow_left2.png) 0rem 0rem/0.31rem 0.62rem no-repeat;
}


/*.page .swiper-slide{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
}*/

.page .swiper-slide>div {
 width: 20%;
 height: 1.3rem;
 padding: 0rem 0.18rem;
 margin-bottom: 0.36rem;
 box-sizing: border-box;
 float: left;
}

.trademark {
 width: 100%;
 height: 1.3rem;
 background: center no-repeat;
 background-size: cover;
 float: left;
}


/*.trademark:nth-of-type(5n) {
  margin-right: 0rem;
}*/

.trademark-text {
 height: 0.22rem;
 line-height: 0.22rem;
 font-style: normal;
 font-weight: 500;
 font-size: 0.16rem;
 text-align: center;
 color: #000000;
 padding-top: 0.94rem;
}

.tab-swiper0 .trademark.trademark1 {
 background-image: url(../image/page1/1.jpg);
}

.tab-swiper0 .trademark.trademark2 {
 background-image: url(../image/page1/2.jpg);
}

.tab-swiper0 .trademark.trademark3 {
 background-image: url(../image/page1/3.jpg);
}

.tab-swiper0 .trademark.trademark4 {
 background-image: url(../image/page1/4.jpg);
}

.tab-swiper0 .trademark.trademark5 {
 background-image: url(../image/page1/5.jpg);
}
.tab-swiper0 .trademark.trademark6 {
 background-image: url(../image/page1/6.jpg);
}

.tab-swiper0 .trademark.trademark7 {
 background-image: url(../image/page1/7.jpg);
}

.universal {
 background-image: url(../image/page1/universal.jpg);
}

.tab-swiper1 .trademark.trademark1 {
 background-image: url(../image/page2/1.jpg);
}

.tab-swiper1 .trademark.trademark2 {
 background-image: url(../image/page2/2.jpg);
}

.tab-swiper1 .trademark.trademark3 {
 background-image: url(../image/page2/3.jpg);
}

.tab-swiper1 .trademark.trademark4 {
 background-image: url(../image/page2/4.jpg);
}


.tab-swiper1 .trademark.trademark6 {
 background-image: url(../image/page2/5.jpg);
}

.tab-swiper1 .trademark.trademark7 {
 background-image: url(../image/page2/7.jpg);
}

.tab-swiper1 .trademark.trademark8 {
 background-image: url(../image/page2/8.jpg);
}

.tab-swiper1 .trademark.trademark9 {
 background-image: url(../image/page2/9.jpg);
}

.footer {
 height: 3.4rem;
 display: flex;
 justify-content: center;
 background: rgba(236, 237, 239, 0.6);
}

.footer-con {
 width: 12.5rem;
 height: 3.4rem;
 padding-top: 0.6rem;
 box-sizing: border-box;
 display: flex;
 justify-content: space-between;
}

.footer-text p {
 height: 0.2rem;
 line-height: 0.2rem;
 font-style: normal;
 font-weight: normal;
 font-size: 0.16rem;
 color: #666666;
 margin-bottom: 0.22rem;
}

.footer-text p:nth-of-type(1) {
 height: 0.3rem;
 line-height: 0.3rem;
 font-style: normal;
 font-weight: 600;
 font-size: 0.2rem;
 color: #333333;
}

.footer-text p:nth-of-type(2) {
 height: 0.3rem;
 line-height: 0.3rem;
 font-weight: 500;
}

.footer-img {
 width: 3.68rem;
 height: 2.33rem;
 display: flex;
 justify-content: space-between;
}

.footer-img>div {
 width: 1.64rem;
 height: 2.33rem;
}

.footer-img>div img {
 width: 1.64rem;
 height: 1.64rem;
}

.footer-img>div p {
 line-height: 0.24rem;
 font-style: normal;
 font-weight: normal;
 font-size: 0.16rem;
 text-align: center;
 color: #666666;
}

.footer-icon {
 width: 0.44rem;
 height: 1.08rem;
}

.footer-icon div {
 width: 0.44rem;
 height: 0.44rem;
}

.footer-icon div:nth-of-type(1) {
 background: url(../image/icon1.png) 0rem 0rem/0.44rem 0.44rem no-repeat;
 margin-bottom: 0.2rem;
}

.footer-icon div:nth-of-type(2) {
 background: url(../image/icon2.png) 0rem 0rem/0.44rem 0.44rem no-repeat;
}

.anchor-point {
 position: fixed;
 z-index: 1000;
 right: 0.5rem;
 bottom: 1.1rem;
 width: 0.8rem;
 height: 0.8rem;
 background: url(../image/Top.png) 0rem 0rem/0.8rem 0.8rem no-repeat;
 transition: .4s;
 cursor: pointer;
 opacity: 0;
}
.copyright {
 min-width: 1360px;
 height: 50px;
 line-height: 50px;
 font-style: normal;
 font-weight: normal;
 font-size: 14px;
 text-align: center;
 color: #6F7C9E;
 border-top: 1px solid rgba(255, 255, 255, 0.14);
}