@charset "UTF-8";



* {



  margin: 0;



  padding: 0; }







body {



  font-family: "webfont" !important;



  font-size: 14px;



}







a {



  text-decoration: none;



  color: black; }







ul {



  list-style: none; }







@font-face {



  font-family: 'iconfont';



  /* project id 858943 */



  src: url("//at.alicdn.com/t/font_858943_oppbetwyd1p.eot");



  src: url("//at.alicdn.com/t/font_858943_oppbetwyd1p.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_858943_oppbetwyd1p.woff") format("woff"), url("//at.alicdn.com/t/font_858943_oppbetwyd1p.ttf") format("truetype"), url("//at.alicdn.com/t/font_858943_oppbetwyd1p.svg#iconfont") format("svg"); }



@font-face {



  font-family: 'webfont';



  src: url("//at.alicdn.com/t/webfont_6j2jkb2d9hu.eot");



  /* IE9*/



  src: url("//at.alicdn.com/t/webfont_6j2jkb2d9hu.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/webfont_6j2jkb2d9hu.woff") format("woff"), url("//at.alicdn.com/t/webfont_6j2jkb2d9hu.ttf") format("truetype"), url("//at.alicdn.com/t/webfont_6j2jkb2d9hu.svg#思源黑体-粗") format("svg");



  /* iOS 4.1- */ }

 .imgtran,

        .pro-hot-list img,

        .cplb-3n-ts-03-list dt img,

        .p15-showcase-left-pic img,

        .p14-product-2-list dl img, 

        .p14-infolist-1-list dt img,

        .case-list img,

        .partner-list img,

    

        

        .imgtran:hover,

        .pro-hot-list img:hover,

        .cplb-3n-ts-03-list dt img:hover,

        .p15-showcase-left-pic img:hover,

        .p14-product-2-list dl img:hover, 

        .p14-infolist-1-list dt img:hover,

        .case-list img:hover,

        .partner-list img:hover {

            transform: translate(0, -10px);

            -webkit-transform: translate(0, -10px);

            -moz-transform: translate(0, -10px);

            -o-transform: translate(0, -10px);

            -ms-transform: translate(0, -10px);

        }

        

        .imgtran2:hover {

            -webkit-transform: scale(1.1);

            -moz-transform: scale(1.1);

            -o-transform: scale(1.1);

            -ms-transform: scale(1.1);

        }

        .clear{ clear: both; display: block; font-size: 0; line-height: 0; }



.paging ul {



  display: flex;



  height: 46px;



  float: right; }



.paging li {



  width: 46px;



  height: 46px;



  background: #f4fafe;



  text-align: center;



  line-height: 46px;



  margin-right: 10px; }



.paging li:hover {



  cursor: pointer; }



.paging li:nth-of-type(1) {



  width: 46px;



  height: 46px;



  background: #bebebe; }



  .paging li:nth-of-type(1) img {



    width: 100%; }



.paging li:last-child {



  background: #146de2; }



  .paging li:last-child img {



    width: 100%; }







body[aos-duration=‘6000‘] [aos], [aos][aos][aos-duration=‘4000‘] {



  transition-duration: 6000ms; }







.header-box {



background: white url(/skins/images/headbg.jpg) repeat-x bottom;



z-index: 9999;



width: 100%;

}



  .header-box .public-top {



    background: #f3f5f9; }



    .header-box .public-top .top-logo {



      width: 1200px;



      margin: 0 auto;



      position: relative;



      display: flex;



      justify-content: space-between; }



      .header-box .public-top .top-logo .welcome {



        font-size: 12px;



        padding: 9px 225px; }



      .header-box .public-top .top-logo .LeaveAmessage {



        display: flex;



        padding: 6px;



        width: 131px;



        justify-content: space-between;



        align-items: center; }



        .header-box .public-top .top-logo .LeaveAmessage a {



          font-size: 12px; }



  .header-box .zhuhe {



    width: 1200px;



    margin: 0 auto;



    margin-top: 26px; }



    .header-box .zhuhe .logo {



      position: absolute;



      z-index: 4;



      top: 0; }







.swiper-container-top {



  overflow: hidden; }







.ThePhone-nav {



  width: 1025px;



  margin-left: 222px; }



  .ThePhone-nav .top {



    display: flex;



    justify-content: space-between; }



    .ThePhone-nav .top .left span {



      display: block; }



    .ThePhone-nav .top .left span:nth-of-type(1) {



      color: #146de2;



      font-size: 26px;



      font-weight: 600; }



    .ThePhone-nav .top .left span:nth-of-type(2) {



      font-size: 16px;



      color: black;



      line-height: 33px; }



    .ThePhone-nav .top .right {



      display: flex;



      align-items: center;



      margin-right: 44px; }



      .ThePhone-nav .top .right .img {



        width: 53px;



        margin-right: 14px; }



      .ThePhone-nav .top .right .p span {



        display: block; }



      .ThePhone-nav .top .right .p span:nth-of-type(1) {



        font-size: 16px;



        color: black; }



      .ThePhone-nav .top .right .p span:nth-of-type(2) {



        font-size: 40px;



        color: #146de2;



        font-family: webfont; }



  .ThePhone-nav .buttom {



display: flex;



justify-content: space-between;



margin-top: 26px;



padding-bottom: 22px;



margin-left: -32px;

}



    .ThePhone-nav .buttom .d {



width: 149px;



height: 20px;



text-align: center;



z-index: 2;



font-family: initial;



background: url("../images/xian3.png") right no-repeat;



/* background-size: 100% 100%; */



}



      .ThePhone-nav .buttom .d .a {



color: white;



font-size: 16px;



display: block;



}



      .ThePhone-nav .buttom .d .u {



/* background: white; */



display: none;



padding-top: 20px;



}



        .ThePhone-nav .buttom .d .u li:nth-of-type(1) {



          border-top: 2px solid #146de2; }



        .ThePhone-nav .buttom .d .u li {



          padding: 12.5px 17px;



          background: white;



          border-bottom: 1px solid #dddddd; }



        .ThePhone-nav .buttom .d .u li:hover {



          background: #146de2; }



          .ThePhone-nav .buttom .d .u li:hover a {



            color: white !important; }



    .ThePhone-nav .buttom .d:last-child {



      background: none; }







.backgroung-img {



  position: relative; }



  .backgroung-img .title {



    position: absolute;



    left: 7.5%;



    top: 28%;



    opacity: 0.9; }



    .backgroung-img .title .p1 {



      font-size: 47px;



      color: white; }



    .backgroung-img .title .p2 {



      color: white;



      display: flex;



      align-items: center;



      margin-top: 26px;



      margin-bottom: 44px; }



      .backgroung-img .title .p2 span {



        color: white;



        font-size: 19px; }



      .backgroung-img .title .p2 i {



        width: 3px;



        height: 3px;



        border-radius: 50px;



        background: white;



        display: block;



        margin: 0 2px; }



    .backgroung-img .title .a {



      display: block;



      width: 167px;



      border-radius: 5px;



      height: 51px;



      text-align: center;



      line-height: 51px;



      color: white;



      border: 1px solid white; }



      .backgroung-img .title .a span {



        margin-right: 10px; }







.headine {



  text-align: center; }



  .headine p:nth-of-type(1) {



    display: flex;



    align-items: center;



    justify-content: center;



    font-family: initial 微软雅黑; }



    .headine p:nth-of-type(1) span {



      color: #2b2b2b; }



    .headine p:nth-of-type(1) .heng {



      margin-right: 30px;



      margin-left: 30px;



      width: 57px;



      height: 1px;



      background: #e6e6e6; }



    .headine p:nth-of-type(1) .t-color {



      color: #146de2;



      font-size: 40px; }



    .headine p:nth-of-type(1) .t-black {



      color: black;



      font-size: 40px; }



  .headine p:nth-of-type(2) {



    line-height: 23px;



    color: #a2a2a3;



    font-size: 17px;



    margin-top: 20px; }







.back_to_top {



  position: fixed;



  bottom: 46px;



  right: 30px;



  width: 60px;



  height: 60px;



  background: #232324;



  border: none;



  text-align: center;



  z-index: 99999; }



  .back_to_top img {



    width: 89%; }







.index-search-box {



  background: #f3f5f9; }



  .index-search-box .index-search {



    width: 1180px;



    padding: 10px;



    margin: 0 auto;



    display: flex;



    justify-content: space-between; }



    .index-search-box .index-search .left {



      display: flex;



      align-items: center;



     /* justify-content: space-between;*/



      width: 600px; }



      .index-search-box .index-search .left p {



        color: #6d6e6e;



        font-size: 15px; }



      .index-search-box .index-search .left p:nth-of-type(1) {



        font-family: MicrosoftYaHei-Bold;



        font-size: 18px;



        font-stretch: normal;



        letter-spacing: 0px;



        color: black;



        font-weight: 600; }



    .index-search-box .index-search .right {



      display: flex;



      align-items: center; }



      .index-search-box .index-search .right input {



        width: 280px;



        height: 38px;



        border-left: 1px solid #c3c3c3;



        border-top: 1px solid #c3c3c3;



        border-bottom: 1px solid #c3c3c3;



        padding-left: 14px; }



      .index-search-box .index-search .right button {



        width: 78px;



        height: 40px;



        background: #146de2;



        color: white;



        border: none;



        margin-left: -2px; }







.section {



  background-image: url("../images/数据背景.png");



  background-size: 100% 100%;



  padding-bottom: 80px; }



  .section .container {



    display: flex;



    width: 1200px;



    margin: 0 auto; }



    .section .container .left {



      width: 542px;



      padding-right: 21px; }



      .section .container .left .left-p1 {



        font-size: 26px;



        font-weight: 600;



        color: #146de2; }



      .section .container .left .left-p2 {



        color: #2b2b2b;



        font-size: 15px;



        line-height: 30px;



        margin-top: 18px; }



      .section .container .left .left-p3 {



        font-size: 26px;



        font-weight: 600;



        color: #2b2b2b;



        line-height: 43px;



        margin-top: 29px;



        margin-bottom: 23px; }



      .section .container .left .left-p4 {



        line-height: 28px;



        color: #2b2b2b;



        font-size: 14px; }



      .section .container .left .data {



        display: flex;



        justify-content: space-between;



        margin-top: 21px; }



        .section .container .left .data .d {



          display: flex;



          align-items: center; }



          .section .container .left .data .d .p1 span:nth-of-type(1) {



            font-size: 50px;



            color: #146de2;



            display: block;



            font-family: webfont; }



            .section .container .left .data .d .p1 span:nth-of-type(1) sup {



              left: 23px;



              float: right;



              top: -54px; }



          .section .container .left .data .d .p1 span:nth-of-type(2) {



            font-size: 16px;



            color: #2b2b2b; }



          .section .container .left .data .d .p2 {



            color: #146de2;



            font-size: 14px;



            margin-left: 6px; }



    .section .container .right {



      width: 600px;



      height: 460px; }







.contact-box {



  background-image: url("../images/联系.jpg");



  background-size: 100% 100%; }



  .contact-box .contact {



    width: 1200px;



    margin: 0 auto;



    display: flex;



    justify-content: space-between;



    align-items: center; }



    .contact-box .contact p {



      padding: 36px 0; }



      .contact-box .contact  p {



font-size: 32px;



color: white;



line-height: 51px;



font-weight: 600;



font-family: webfont;



}



    .contact-box .contact .right p {



      font-size: 40px;



      color: white;



      font-family: webfont; }



    .contact-box .contact .right a {



      width: 169px;



      height: 40px;



      margin-top: 5px;



      text-align: center;



      line-height: 40px;



      background: #ffa32a;



      color: white;



      display: flex;



      align-items: center;



      justify-content: center;



      border-radius: 5px; }



      .contact-box .contact .right a span {



        color: white;



        font-size: 16px; }



      .contact-box .contact .right a img {



        width: 21px;



        margin-right: 5px; }







.slider-show-box {



  background: #f3f5f9;



  padding-bottom: 25px; }



  .slider-show-box .slider-show {



    width: 1100px;



    margin: 0 auto; }



    .slider-show-box .slider-show .slider-list {



width: 262px;



text-align: center;



/* background: white; */



padding-bottom: 24px;



}



      .slider-show-box .slider-show .slider-list img {



width: 100%;



border: 1px solid #146de2;



}



      .slider-show-box .slider-show .slider-list p {



/* background: white; */



}



        .slider-show-box .slider-show .slider-list p span {



font-size: 18px;



/*font-weight: 600;*/



display: block;



margin-top: 24px;

}



        .slider-show-box .slider-show .slider-list p i {



          display: block;



          width: 141px;

font-style: normal;



          height: 39px;



          text-align: center;



          line-height: 39px;



          color: white;



          font-size: 16px;



          background: #146de2;



          margin: 0 auto;



          margin-top: 17px;



          border-radius: 2px; }



    .slider-show-box .slider-show .swiper-slide {



      display: flex;



      justify-content: space-between; }



    .slider-show-box .slider-show .swiper-button-prev {



      position: relative;



      width: 39px;



      height: 39px;



      top: -192px;







      left: -69px;



      outline: none;



      font-family: iconfont;



      text-align: center;



      line-height: 39px;



      background: white;



      opacity: 1 !important; }



    .slider-show-box .slider-show .swiper-button-next {



      position: relative;



      left: 1130px;



      width: 39px;



      height: 39px;



      text-align: center;



      line-height: 39px;



      background: white;



      top: -214px;



      outline: none;



      font-family: iconfont;



      opacity: 1 !important; }



    .slider-show-box .slider-show .swiper-button-Addclass {



      background: #146de2;



      color: white; }







.CoreStrengths {



  background-image: url("../images/优势背景.jpg");



  background-size: 100% 100%;



  padding-bottom: 141px; }



  .CoreStrengths .headine-center {



    width: 1170px;



    margin: 0 auto;



    padding: 71px 0; }



    .CoreStrengths .headine-center .headine-background {



      width: 574px;



      height: 471px;



      background-image: url("../images/优势中间.png");



      background-size: 100% 100%;



      margin: 0 auto;



      position: relative; }



      .CoreStrengths .headine-center .headine-background .one {



        width: 285px;



        position: absolute; }



        .CoreStrengths .headine-center .headine-background .one .p1 {



          display: flex;



          align-items: center; }



          .CoreStrengths .headine-center .headine-background .one .p1 img {



            width: 46px;



            margin-right: 10px; }



          .CoreStrengths .headine-center .headine-background .one .p1 .s1 {



            font-size: 30px;



            color: white;



            font-weight: 600; }



          .CoreStrengths .headine-center .headine-background .one .p1 .s2 {



            font-size: 30px;



            color: white; }



        .CoreStrengths .headine-center .headine-background .one .img1 {



          width: 350px;



          height: 192px;



          margin-top: 17px; }



        .CoreStrengths .headine-center .headine-background .one .p2 {



          font-size: 14px;



          color: white;



          line-height: 21px;



          margin-top: 20px; }







.index-choose {width: 100%;background: #f3f5f9;padding-bottom: 80px;}



  .index-choose .choose-one {width: 1200px;margin: 0 auto;/* margin-bottom: 94px; */display: flex;}



    .index-choose .choose-one .left {



      width: 600px;



      height: 360px;



      position: relative; }



      .index-choose .choose-one .left .img {



        width: 100%;



        height: 100%; }



      .index-choose .choose-one .left .title {



        width: 112px;



        height: 127px;



        background-image: url("../images/角标.png");



        background-size: 100% 100%;



        position: absolute;



        top: -57px;



        display: flex;



        align-items: center; }



        .index-choose .choose-one .left .title p {



          width: 64px;



          font-size: 16px;



          color: white;



          margin: 0 auto; }



    .index-choose .choose-one .right {



      padding: 0 39px;



      background: white;



      width: 522px;



      height: 360px; }



      .index-choose .choose-one .right .title {



        display: flex;



        align-items: center; }



        .index-choose .choose-one .right .title .digital {



          width: 90px;



          height: 90px;



          text-align: center;



          line-height: 90px;



          background-image: url("../images/数字.png");



          background-size: 100% 100%;



          font-size: 20px;



          color: white;



          margin-right: 10px; }



        .index-choose .choose-one .right .title .This-title {



          margin-top: 49px; }



          .index-choose .choose-one .right .title .This-title p:nth-of-type(1) {



            font-size: 35px;



            color: #146de2;



            font-weight: 600; }



          .index-choose .choose-one .right .title .This-title p:nth-of-type(2) {



            font-size: 17px;



            color: #2b2b2b;



            padding: 11px 16px;



            background: #f3f5f9;



            font-weight: 600;



            margin-top: 8px; }



      .index-choose .choose-one .right .content {



        margin-top: 30px; }



        .index-choose .choose-one .right .content p {



          color: #2b2b2b;



          line-height: 30px;



          font-size: 16px; }







.process {



  background-image: url("../images/合作流程.jpg");



  background-size: 100% 100%;



  padding-bottom: 100px;



  margin-top: -20px; }



  .process .TheFlowChart {



    width: 1200px;



    height: 400px;



    margin: 0 auto;



    position: relative; }



    .process .TheFlowChart .OME {



      display: flex;



      align-items: center;



      position: absolute;



      top: 50%;



      margin-top: -50px; }



      .process .TheFlowChart .OME img {



        width: 133px; }



      .process .TheFlowChart .OME p {



        width: 55px;



        border-top: 1px dotted white;



        margin-left: -7px; }



    .process .TheFlowChart .square {



      width: 472px;



      height: 358px;



      border: 1px dotted white;



      position: absolute;



      top: 50%;



      margin-top: -165px;



      left: 338px; }



    .process .TheFlowChart .processimg {



      display: flex;



      align-items: center;



      position: absolute; }



      .process .TheFlowChart .processimg img {



        width: 133px; }



      .process .TheFlowChart .processimg p {



        width: 71px;



        border-top: 1px dotted white;



        margin-left: -7px; }



    .process .TheFlowChart .top-one {



      top: -26px; }



    .process .TheFlowChart .buttom-one {



      top: 328px; }







.partners-box {



  background: #f3f5f9;



  padding-bottom: 72px; }



  .partners-box .partners {



    width: 1200px;



    margin: 0 auto;



    display: flex;



    justify-content: space-between; }



    .partners-box .partners .left {



      width: 800px; }



      .partners-box .partners .left .top {



        padding-top: 70px;



        padding-bottom: 30px; }



        .partners-box .partners .left .top p:nth-of-type(1) span {



          font-size: 39px; }



      .partners-box .partners .left .buttom {



        width: 800px; }



        .partners-box .partners .left .buttom .slide-buttom {



          width: 800px;



          border: 1px solid #dbdbdb;



          float: left;



          background: white; }



          .partners-box .partners .left .buttom .slide-buttom .swiper-slide .shu {



            display: flex;



            align-items: center;



            width: 356px;



            height: 240px;



            border: 1px solid #cccccc;



            float: left;



            padding-left: 42px; }



            .partners-box .partners .left .buttom .slide-buttom .swiper-slide .shu p:nth-of-type(1) {



              font-size: 77px;



              color: #146de2; }



              .partners-box .partners .left .buttom .slide-buttom .swiper-slide .shu p:nth-of-type(1) sup {



                left: -10px;



                font-size: 25px; }



            .partners-box .partners .left .buttom .slide-buttom .swiper-slide .shu p:nth-of-type(2) {



              margin-top: 31px;



              margin-left: -26px; }



              .partners-box .partners .left .buttom .slide-buttom .swiper-slide .shu p:nth-of-type(2) span {



                display: block; }



              .partners-box .partners .left .buttom .slide-buttom .swiper-slide .shu p:nth-of-type(2) span:nth-of-type(1) {



                font-size: 18px;



                font-weight: 600;



                color: #2b2b2b; }



              .partners-box .partners .left .buttom .slide-buttom .swiper-slide .shu p:nth-of-type(2) span:nth-of-type(2) {



                font-size: 14px;



                color: #6d6e6e; }



          .partners-box .partners .left .buttom .slide-buttom .swiper-button-next, .partners-box .partners .left .buttom .slide-buttom .swiper-button-prev {



            width: 39px;



            height: 39px;



            background: white;



            background-image: none;



            font-family: iconfont;



            text-align: center;



            line-height: 39px;



            border-bottom: 1px solid #dbdbdb;



            color: #989898;



            font-size: 21px;







            position: absolute;



            right: 401px;



            top: 23px; }



          .partners-box .partners .left .buttom .slide-buttom .swiper-button-disabled {



            opacity: 1 !important; }



          .partners-box .partners .left .buttom .slide-buttom .swiper-button-prev {



            left: 321px !important; }



          .partners-box .partners .left .buttom .slide-buttom .slider-left-color {



            background: #146de2;



            color: white; }



        .partners-box .partners .left .buttom .test {



          width: 198px;



          height: 119px;



          border: 1px solid #dbdbdb;



          float: left;



          display: flex;



          align-items: center;



          justify-content: center;



          background: white;



          float: left;



          position: relative; }



          .partners-box .partners .left .buttom .test img {



            max-width: 100%;



            max-height: 100%; }



        .partners-box .partners .left .buttom .test-Addclass {



          position: absolute;



          width: 196px;



          height: 117px;



          border: 2px solid #146de2; }



    .partners-box .partners .right {



      width: 360px; }



      .partners-box .partners .right .top {



        padding-top: 70px;



        padding-bottom: 30px; }



        .partners-box .partners .right .top p:nth-of-type(1) span {



          font-size: 40px; }



      .partners-box .partners .right .buttom {



        background: white; }



      .partners-box .partners .right .swiper-slide {



        height: 482px; }



        .partners-box .partners .right .swiper-slide p {



          margin-top: 10px;



          color: #2b2b2b;



          font-size: 17px; }



      .partners-box .partners .right .swiper-container {



        text-align: center;



        top: 88px; }



        .partners-box .partners .right .swiper-container .swiper-button-next, .partners-box .partners .right .swiper-container .swiper-button-prev {



          width: 30px;



          height: 30px;



          background: white;



          background-image: none;



          font-family: iconfont;



          text-align: center;



          line-height: 30px;



          border: 1px solid #dbdbdb;



          color: #989898;



          font-size: 21px;



          position: absolute;



          right: 0;



          top: 32%;



          margin-top: -16px; }



        .partners-box .partners .right .swiper-container .slider-left-color {



          background: #146de2;



          color: white;



          opacity: 1 !important; }







.new-information-box {



  width: 100%;



  background: #f3f5f9; }



  .new-information-box .new-information {



    width: 1200px;



    margin: 0 auto;



    display: flex;



    justify-content: space-between;



    padding-bottom: 71px; }



    .new-information-box .new-information .left {



      width: 518px; }



      .new-information-box .new-information .left img {



        width: 100%; }



      .new-information-box .new-information .left .IntroductionToThe {



display: flex;



/* background: #68c2b8; */



padding: 20px 0;



margin-top: -3px;



}



        .new-information-box .new-information .left .IntroductionToThe .p1 {



          margin-right: 21px; }



          .new-information-box .new-information .left .IntroductionToThe .p1 span {



            display: block; }



          .new-information-box .new-information .left .IntroductionToThe .p1 span:nth-of-type(1) {



            font-size: 38px;



            color: white;



            font-weight: 600; }



          .new-information-box .new-information .left .IntroductionToThe .p1 span:nth-of-type(2) {



            font-size: 12px;



            color: #ebebeb; }



        .new-information-box .new-information .left .IntroductionToThe .p2 span {



display: block;



color: #333;



}



        .new-information-box .new-information .left .IntroductionToThe .p2 span:nth-of-type(1) {



          font-size: 16px;



          margin-bottom: 10px; }



        .new-information-box .new-information .left .IntroductionToThe .p2 span:nth-of-type(2) {



font-size: 14px;



line-height: 24px;



color: #666;



}



    .new-information-box .new-information .right {



      width: 580px;



      background: white;



      padding: 32px 34px;



      border-radius: 10px; }



      .new-information-box .new-information .right .tab {



        width: 333px;



        display: flex;



        justify-content: space-between; }



        .new-information-box .new-information .right .tab div {



          padding: 8px 23px;



          font-size: 16px;



          border-radius: 5px; }



        .new-information-box .new-information .right .tab .tab-color {



          background: #68c2b8;



          border-radius: 5px;



          color: white; }



      .new-information-box .new-information .right .list {



margin-top: 15px;



position: relative;



padding-bottom: 20px;



}



        .new-information-box .new-information .right .list .list-p1 {



          display: flex;



          justify-content: space-between; }



          .new-information-box .new-information .right .list .list-p1 .sp1 {



            display: block;



            padding-bottom: 11px;



            font-size: 16px;



            width: 422px; }



          .new-information-box .new-information .right .list .list-p1 .sp1 {



            border-bottom: 1px solid #dbdbdb;



            margin-left: 148px;



            }



          .new-information-box .new-information .right .list .list-p1 .p1 {



text-align: center;



position: absolute;



left: 0;



width: 130px;



margin-top: -4px;



}

.new-information-box .new-information .right .list .list-p1 .p1 img{max-width:100%}

            .new-information-box .new-information .right .list .list-p1 .p1 span {



              display: block; }



            .new-information-box .new-information .right .list .list-p1 .p1 .p1-sp1 {



              font-size: 34px;



              color: #868686;



              display: none;



              font-weight: 600; }



            .new-information-box .new-information .right .list .list-p1 .p1 .display {



              display: block; }



            .new-information-box .new-information .right .list .list-p1 .p1 .p1-sp2 {



              color: #868686;



              font-size: 14px; }



        .new-information-box .new-information .right .list .u {



          width: 446px;



          margin-left: 148px;



          padding-top: 12px;



          display: none;



          }



          .new-information-box .new-information .right .list .u li {



            color: #989898;



            line-height: 23px;



            font-size: 14px; }



        .new-information-box .new-information .right .list .display {



          display: block; }







.ContactUs-box {



  background-image: url("../images/联系我们.png");



  background-size: 100% 100%;



  padding-bottom: 75px; }



  .ContactUs-box .ContactUs {



    width: 1200px;



    margin: 0 auto;



    display: flex;



    justify-content: space-between; }



    .ContactUs-box .ContactUs .left {



      width: 580px;



      height: 469px; }



      .ContactUs-box .ContactUs .left .title {



        width: 580px;



        padding: 15px 0;



        color: white;



        font-size: 30px;



        font-weight: 600;



        border-bottom: 1px solid #fff; }



      .ContactUs-box .ContactUs .left .content {



        padding: 15px 0;



        display: flex;



        align-items: center;



        justify-content: space-between;



        border-bottom: 1px solid #fff; }



        .ContactUs-box .ContactUs .left .content .p1 span {



          display: block; }



        .ContactUs-box .ContactUs .left .content .p1 span:nth-of-type(1) {



          font-size: 16px;



          color: white; }



        .ContactUs-box .ContactUs .left .content .p1 span:nth-of-type(2) {



          font-size: 50px;



          color: white; }



        .ContactUs-box .ContactUs .left .content .a {



          width: 117px;



          height: 49px;



          text-align: center;



          line-height: 49px;



          background: #ffa32a;



          font-size: 14px;



          color: white;



          display: flex;



          align-items: center;



          justify-content: center; }



          .ContactUs-box .ContactUs .left .content .a img {



            margin-right: 5px; }



      .ContactUs-box .ContactUs .left .conter {



        display: flex;



        justify-content: space-between;



        padding-top: 57px; }



        .ContactUs-box .ContactUs .left .conter .conter-left .p span {



          display: block; }



        .ContactUs-box .ContactUs .left .conter .conter-left .p .sp1 {



          font-size: 16px;



          color: white;



          font-weight: 600;



          line-height: 30px; }



        .ContactUs-box .ContactUs .left .conter .conter-left .p .sp2 {



          font-size: 14px;



          color: white;



          line-height: 30px; }



        .ContactUs-box .ContactUs .left .conter .conter-right .sp1 {



          font-size: 16px;



          color: white;



          font-weight: 600;



          line-height: 30px; }



        .ContactUs-box .ContactUs .left .conter .conter-right .erweima {



display: flex;



align-items: center;



justify-content: space-between;



margin-top: 30px;



width: 230px;



}



          .ContactUs-box .ContactUs .left .conter .conter-right .erweima p {



            text-align: center; }



            .ContactUs-box .ContactUs .left .conter .conter-right .erweima p span {



              color: white;



              font-size: 14px;



              display: block;



              line-height: 36px; }



    .ContactUs-box .ContactUs .rigth {



      padding: 30px;



      background: #e9f7ff;



      width: 520px; }



      .ContactUs-box .ContactUs .rigth .p1 {



        display: flex;



        align-items: center;



        padding-bottom: 18px; }



        .ContactUs-box .ContactUs .rigth .p1 img {



          width: 30px;



          margin-right: 5px; }



        .ContactUs-box .ContactUs .rigth .p1 span {



          font-size: 24px;



          color: #146de2; }



      .ContactUs-box .ContactUs .rigth .name {



        padding: 20px 0;



        display: flex; }



        .ContactUs-box .ContactUs .rigth .name input {



          margin-right: 15px; }



      .ContactUs-box .ContactUs .rigth input {



        border: none; }







.friendship-link {



  width: 1200px;



  margin: 0 auto;



  padding: 50px 20px;



  display: flex;



  align-items: center; }



  .friendship-link p {



    font-size: 15px;



    color: black;



    font-weight: 600; }



  .friendship-link a {



    font-size: 15px;



    color: #636363;



    margin: 0 20px; }







.footer {



  width: 100%;



  background: #232324; }



  .footer ul {



    width: 1200px;



    margin: 0 auto;



    display: flex;



    justify-content: space-between;



    padding: 50px 0; }



    .footer ul li p {



      color: #bfbfbf;



      font-size: 17px; }



    .footer ul li a {



      color: #a7a6a6;



      font-size: 14px;



      line-height: 30px;



      display: block; }



    .footer ul li div {



      display: flex;



      justify-content: space-between;



      width: 147px;



      margin-top: 20px; }



    .footer ul li .showe {



      display: none; }



  .footer .copyright {



    padding: 20px;



    color: #a7a6a6;



    text-align: center;



    font-size: 13px;



    border-top: 1px solid #383535; }







.OnlineMessage {



  border-bottom: 1px solid #eaeaea; }



  .OnlineMessage .Bread {



    width: 1200px;



    margin: 0 auto;



    display: flex;



    justify-content: space-between;



    align-items: center; }



    .OnlineMessage .Bread .left {



      display: flex;



      align-items: center; }



      .OnlineMessage .Bread .left span, .OnlineMessage .Bread .left a {



        margin-right: 5px;



        color: #d5d5d5; }



      .OnlineMessage .Bread .left span img {



        margin: 0 5px; }



      .OnlineMessage .Bread .left a:last-child {



        color: black; }



    .OnlineMessage .Bread .rigth {



      display: flex;



      justify-content: space-between;



      height: 60px;



      line-height: 60px; }



      .OnlineMessage .Bread .rigth li {



        margin-left: 45px;



        }



      .OnlineMessage .Bread .rigth .liAddClass {



        border-bottom: 3px solid #146de2;



        color: #146de2; }



      .OnlineMessage .Bread .rigth li:hover {



        cursor: pointer; }







.OnlineMessage-title {



  display: flex;



  align-items: center;



  margin: 0 auto;



  margin-top: 68px;



  margin-bottom: 56px;



  width: 1200px; }



  .OnlineMessage-title p {



    font-size: 24px;



    margin-left: 15px; }



  .OnlineMessage-title img {



    width: 43px; }







.OnlineMessage-content {



  width: 1200px;



  margin: 0 auto;



  display: flex;



  padding-bottom: 70px; }



  .OnlineMessage-content .left {



    width: 600px; }



    .OnlineMessage-content .left img {



      width: 100%; }



  .OnlineMessage-content .rigth {



    background: #f4fafe;



    padding: 62px 40px;



    width: 520px; }



    .OnlineMessage-content .rigth .name {



      display: flex;



      margin-bottom: 20px; }



      .OnlineMessage-content .rigth .name input:nth-of-type(1) {



        margin-right: 15px; }







.meiye-information {



  display: flex;



  width: 1200px;



  height: 327px;



  margin: 0 auto;



  margin-top: 61px; }



  .meiye-information .rigth {



    overflow: hidden;



    width: 1200px;



    height: 327px;



    background: #f4fafe; }



    .meiye-information .rigth .left {



      width: 600px;



      height: 327px;



      float: left; }



      .meiye-information .rigth .left img {



        width: 100%;



        height: 327px; }



    .meiye-information .rigth .content {



      width: 600px;



      float: left; }



      .meiye-information .rigth .content .p1 {



        padding: 40px 0 22px 26px;



        font-size: 24px;



        font-weight: 600; }



      .meiye-information .rigth .content .p2 {



        padding: 0 40px;



        display: flex;



        justify-items: center; }



        .meiye-information .rigth .content .p2 p {



          margin-right: 25px;



          display: flex;



          align-items: center;



          color: #989999; }



          .meiye-information .rigth .content .p2 p img {



            margin-right: 10px; }



          .meiye-information .rigth .content .p2 p span {



            font-size: 14px;



            color: #989999; }



      .meiye-information .rigth .content .p3 {



        padding: 20px 40px;



        font-size: 14px;



        color: #989999; }



      .meiye-information .rigth .content .a1 {



        padding: 0 40px;



        font-size: 15px;



        color: #146de2; }



    .meiye-information .rigth .swiper-container {



      height: 100%; }



    .meiye-information .rigth .swiper-pagination {



      text-align: right;



      margin-left: -20px; }



    .meiye-information .rigth .swiper-pagination-bullet {



      width: 11px;



      height: 11px; }



    .meiye-information .rigth .swiper-pagination-bullet-active {



      background: #146de2; }



    .meiye-information .rigth .swiper-button-next, .meiye-information .rigth .swiper-button-prev {



      width: 37px;



      height: 37px;



      top: 86%;



      background: #bebebe; }



      .meiye-information .rigth .swiper-button-next img, .meiye-information .rigth .swiper-button-prev img {



        width: 100%; }



    .meiye-information .rigth .AddClassbackgrpund {



      background: #146de2; }



    .meiye-information .rigth .swiper-button-next {



      left: 687px; }



    .meiye-information .rigth .swiper-button-prev {



      left: 640px; }







.meiye-information-list {



  width: 1200px;



  margin: 0 auto; }



  .meiye-information-list .u {



    width: 1200px;



    margin: 0 auto;



    display: flex;



    justify-content: space-between;



    flex-wrap: wrap;



    padding-top: 5px; }



    .meiye-information-list .u .l {



      width: 373px;



      margin-top: 40px; }



      .meiye-information-list .u .l .img {



        position: relative; }



        .meiye-information-list .u .l .img img {



          width: 100%; }



        .meiye-information-list .u .l .img p {



          padding: 15px;



          background: #146de2;



          position: absolute;



          bottom: 0;



          left: 0;



          text-align: center; }



          .meiye-information-list .u .l .img p span:nth-of-type(1) {



            font-size: 36px;



            font-weight: 600;



            color: white;



            display: block; }



          .meiye-information-list .u .l .img p span:nth-of-type(2) {



            font-size: 14px;



            color: white;



            display: block; }



      .meiye-information-list .u .l .content {



        padding: 20px;



        background: #f4fafe; }



        .meiye-information-list .u .l .content .p1 {



          font-size: 16px;



          color: black; }



        .meiye-information-list .u .l .content .p2 {



          height: 0px;



          font-size: 14px;



          color: #989999;



          margin-top: 30px;



          padding-bottom: 40px;



          position: relative;



          max-height: 40px;



          overflow: hidden; }



        .meiye-information-list .u .l .content .p2:after {



          }



        .meiye-information-list .u .l .content .a1 {



          font-size: 14px;



          color: #4e4e4e;



          margin-top: 20px;



          display: block; }



    .meiye-information-list .u .l:hover .p2:after {



      background: -webkit-linear-gradient(left, transparent, #146de2 14%);



      background: -o-linear-gradient(right, transparent, #146de2 14%);



      background: -moz-linear-gradient(right, transparent, #146de2 14%);



      background: linear-gradient(to right, transparent, #146de2 14%); }



    .meiye-information-list .u .l:hover .img p {



      background: #ffa32a; }



    .meiye-information-list .u .l:hover .content {



      background: #146de2; }



      .meiye-information-list .u .l:hover .content p, .meiye-information-list .u .l:hover .content a {



        color: white !important; }







.DynamicInformation {



  display: flex;



  justify-content: space-between;



  width: 1200px;



  margin: 30px auto; }



  .DynamicInformation .left {



    width: 781px;



    padding-bottom: 20px;



    border-bottom: 1px solid #ededed; }



    .DynamicInformation .left .p1 {



      font-size: 24px;



      color: black;



      font-weight: 600; }



    .DynamicInformation .left .browse {



      display: flex;



      justify-content: space-between;



      padding: 20px 0px;



      border-bottom: 1px solid #bebebe; }



      .DynamicInformation .left .browse .d1 {



        display: flex;



        align-content: space-between; }



        .DynamicInformation .left .browse .d1 p {



          display: flex;



          align-items: center;



          font-size: 14px;



          color: #bebebe;



          margin-right: 50px; }



          .DynamicInformation .left .browse .d1 p img {



            width: 15px;



            height: 15px;



            margin-right: 10px; }



      .DynamicInformation .left .browse .d2 {



        display: flex;



        align-items: center; }



        .DynamicInformation .left .browse .d2 img {



          width: 20px;



          height: 20px;



          margin-left: 10px; }



    .DynamicInformation .left .Abstract {



      font-size: 14px;



      line-height: 26px;



      color: #666666;



      margin-top: 20px; }



    .DynamicInformation .left .skills {



      font-size: 14px;



      line-height: 26px;



      color: #666666;



      margin-top: 20px; }



    .DynamicInformation .left .Abstract-list .p1 {



      font-size: 20px;



      font-weight: 600;



      color: #146de2;



      margin-top: 24px; }



    .DynamicInformation .left .Abstract-list img {



      width: 710px;



      padding: 20px 0; }



    .DynamicInformation .left .Abstract-list .p2 {



      font-size: 14px;



      color: #3F3F3F;



      margin-top: 10px; }



  .DynamicInformation .rigth {



    width: 339px; }



    .DynamicInformation .rigth .p1 {



      display: flex;



      justify-content: space-between;



      align-items: center;



      padding: 20px 0; }



      .DynamicInformation .rigth .p1 span {



        font-size: 22px;



        font-weight: 600;



        color: black; }



      .DynamicInformation .rigth .p1 a {



        color: #a1a1a1;



        font-size: 14px;



        font-family: iconfont; }



    .DynamicInformation .rigth .p2 {



      padding: 20px 0;



      font-size: 14px;



      color: black;



      border-bottom: 1px solid #dedede; }



    .DynamicInformation .rigth .u {



      margin-top: 20px; }



      .DynamicInformation .rigth .u li {



        font-size: 14px;



        color: #a1a1a1;



        margin-top: 18px;



        line-height: 37px; }



      .DynamicInformation .rigth .u li:hover {



        color: #146de2; }







.jump {



  width: 1200px;



  margin: 0 auto;



  padding-bottom: 50px; }



  .jump .d {



    width: 781px;



    display: flex;



    justify-content: space-between; }



    .jump .d .p p {



      margin-bottom: 10px; }



      .jump .d .p p span {



        font-size: 14px;



        color: black; }



      .jump .d .p p a {



        font-size: 14px;



        color: black; }



      .jump .d .p p a:hover {



        color: #5ebfb4; }



    .jump .d .return a {



      padding: 13px 42px;



      background: #5fbfb5;



      color: #e6e9e8;



      display: flex;



      align-items: center; }



      .jump .d .return a img {



        width: 20px;



        margin-right: 10px; }







.oembackground {



  width: 100%;



  background-image: url("../images/oembj.png");



  background-repeat: no-repeat;



  background-size: 100% 100%; }



  .oembackground .oem-content {



width: 1200px;



margin: 0 auto;



line-height: 2;



color: #666;



}



    .oembackground .oem-content .oem-content-p1 {



      font-size: 16px;



      color: #333333;



      line-height: 30px; }



    .oembackground .oem-content .BrandParty {



      margin-top: 41px; }



      .oembackground .oem-content .BrandParty .BrandParty-title {



        display: flex;



        align-items: center; }



        .oembackground .oem-content .BrandParty .BrandParty-title img {



          width: 30px;



          height: 27px;



          margin-right: 10px; }



        .oembackground .oem-content .BrandParty .BrandParty-title span:nth-of-type(1) {



          font-size: 24px;



          font-weight: 600;



          color: black; }



        .oembackground .oem-content .BrandParty .BrandParty-title span:nth-of-type(2) {



          font-size: 24px;



          color: #767676; }



      .oembackground .oem-content .BrandParty .u {



        margin-top: 29px; }



      .oembackground .oem-content .BrandParty .CooperationProcess {



        width: 1200px;



        margin-bottom: 60px;



        margin-top: 53px; }



.pro_list2{overflow:hidden}

.product {

    padding-top: 0;

    padding-bottom: 78px;

    background-color: #f3f5f9;

    margin-top: 0;

}



.pro_dl {

    margin-bottom: 70px;

    width: 720px;

    height: 346px;

    background-color: #fff;

    padding: 26px 40px;

    overflow: hidden;

}

.pro_dl dl{

    height: 346px;

    margin-bottom: 70px;

}



.pro_dl dt {

    width: 362px;

    height: 346px;

    float: left;

}



.pro_dl dt img {

    width: 362px;

    height: 346px;

}



.pro_dl dd {

    width: 305px;

    float: right;

    padding-top: 60px;

}



.pro_dl .pro_title {

    height: 48px;

    font-size: 20px;

    font-weight: bold;

    line-height: 48px;

    color: #333;

    margin-bottom: 10px;

}



.pro_dl .pro_title span {

    color: #146de2;

}



.pro_dl .pro_desc {

    font-size: 14px;

    font-weight: normal;

    line-height: 32px;

    color: #333;

    height:128px;

    margin-bottom: 10px;

    overflow: hidden;

}



.pro_dl .pro_link {

    width: 120px;

    height: 38px;

    background-color: #333333;

    text-align: center;

}



.pro_dl .pro_link a {

    font-size: 14px;

    font-weight: normal;

    line-height: 38px;

    color: #fff;

    display: block;

}



.pro_list {

    margin-bottom: 70px;

    float: right;

    width: 366px;

    height: 400px;

    padding: 0 8px;

    background-color: #ffffff;

}



.pro_list img {

    width: 362px;

    height: 346px;

    margin: 0 auto;

    display: block;

}



.pro_list li span {

    border-top: 1px solid #ebebeb;

    display: block;

    height: 52px;

    padding-left: 28px;

    font-size: 14px;

    font-weight: normal;

    line-height: 52px;

    color: #000;

}



.pro_list .pro_news {

    position: absolute;

    top: -30px;

    right: -30px;

    z-index: 99;

}



.pro_list .pro_news img {

    width: 66px;

    height: 66px;

}



.pro_list .pro_nav {

    position: absolute;

    right: 10px;

    bottom: 24px;

    z-index: 99;

    font-size: 0;

    line-height: 0;

}



.pro_list .pro_nav span {

    display: inline-block;

    width: 8px;

    height: 8px;

    margin-right: 6px;

    background-color: #333333;

    border-radius: 50%;

    overflow: hidden;

}



.pro_list .pro_nav span.cur {

    background-color: #146de2;

}



.pro_con .pro_prev,

.pro_con .pro_prev img,

.pro_con .pro_next,

.pro_con .pro_next img {

    width: 31px;

    height: 68px;

    cursor: pointer;

    z-index: 99;

}



.pro_con .pro_next {

    top: 160px;

    right: -30px;

}



.pro_con .pro_prev {

    top: 160px;

    left: -30px;

}



.pro_con dl {

    width: 258px;

    height: 400px;

    margin-right: 54px;

    position: relative;

}



.pro_con dl.pro_c1 {

    background-image: url('/skins/images/pro_icon3.png');

    background-size: 260px 374px;

    background-repeat: no-repeat;

    background-position: center top;

}



.pro_con dl.pro_c2 {

    background-image: url('/skins/images/pro_icon3.png');

    background-size: 260px 374px;

    background-repeat: no-repeat;

    background-position: center top;

}



.pro_con dl.pro_c3 {

    background-image: url('/skins/images/pro_icon3.png');

    background-size: 260px 374px;

    background-repeat: no-repeat;

    background-position: center top;

}



.pro_con dl.pro_c4 {

    background-image: url('/skins/images/pro_icon3.png');

    background-size: 260px 374px;

    background-repeat: no-repeat;

    background-position: center top;

}



.pro_con dl dt {

    width: 128px;

    height: 250px;

    position: absolute;

    left: 0;

    bottom: 0;

}



.pro_con dl dt img {

    width: 128px;

    height: 250px;

}



.pro_con dl dd {

    width: 176px;

    float: right;

    text-align: center;

    padding-top: 22px;

}



.pro_con .pro_title {

    height: 60px;

    font-size: 18px;

    font-weight: normal;

    line-height: 60px;

    color: #fff;

    background-image: url('../images/pro_icon10.png');

    background-size: 50px 1px;

    background-repeat: no-repeat;

    background-position: center bottom;

    margin-bottom: 10px;

}



.pro_con .pro_title a {

    color: #fff;

}



.pro_con .pro_txt {

    font-size: 13px;

    font-weight: normal;

    line-height: 25px;

    color: #fff;

    height: 225px;

    margin-bottom: 10px;

}



.pro_con .pro_txt a {

    color: #fff;

}



.pro_con .pro_link {

    margin: 0 auto;

    width: 84px;

    height: 28px;

    background-color: #333333;

}



.pro_con .pro_link a {

    display: block;

    font-size: 14px;

    font-weight: normal;

    line-height: 26px;

    color: #fff;

}





.pr {

    position: relative;

}







.pa {

    position: absolute;

}





.fr{ float: right; }

.fl{ float: left; }











.ProductDetails-box {



  width: 100%;



  height: 500px;



  background-image: url("../images/详情背景.png");



  background-size: 100% 100%;



  background-repeat: no-repeat;



  padding: 50px 0; }



  .ProductDetails-box .ProductDetails {



    width: 1200px;



    margin: 0 auto;



    display: flex;



    align-items: center;



    justify-content: space-between; }



    .ProductDetails-box .ProductDetails .TheThumbnail {



      width: 100px; }



      .ProductDetails-box .ProductDetails .TheThumbnail .swiper-slide {



        width: 80px;



        height: 80px !important;



        text-align: center;



        border: 1px solid white;



        display: flex;



        justify-content: center;



        align-items: center;



        margin-top: 10px; }



      .ProductDetails-box .ProductDetails .TheThumbnail .addClassBorder {



        border: 1px solid #5fbfb5; }



      .ProductDetails-box .ProductDetails .swiper-container .swiper-slide {



        display: flex;



        align-items: center;



        justify-content: space-around; }



    .ProductDetails-box .ProductDetails .d1 {



      width: 527px; }



      .ProductDetails-box .ProductDetails .d1 .p1 {



        padding: 20px 0;



        font-size: 30px;



        border-bottom: 1px dashed white;



        color: black; }



      .ProductDetails-box .ProductDetails .d1 .p2 {



        padding: 20px 0;



        font-size: 16px;



        color: black;



        border-bottom: 1px dashed white; }



      .ProductDetails-box .ProductDetails .d1 .d2 {



        display: flex;



        margin-top: 20px; }



        .ProductDetails-box .ProductDetails .d1 .d2 p span {



          display: block;



          line-height: 30px;



          font-size: 16px; }







.fenjie {



display: flex;



margin-top: 30px;



}



  .fenjie div:nth-of-type(1) {



    width: 20%;



    height: 55px;



    border-bottom: 1px solid #e9ebea; }



  .fenjie div:nth-of-type(2) {



text-align: center;



line-height: 55px;



width: 350px;



height: 55px;



font-size: 22px;



border-top: 2px solid #146de2;



border-left: 1px solid #e9ebea;



border-right: 1px solid #e9ebea;



}



  .fenjie div:nth-of-type(3) {



    width: 60%;



    height: 55px;



    border-bottom: 1px solid #e9ebea; }







.canpin-content {



  width: 1200px;



  margin: 0 auto; }



  .canpin-content .p {



    padding: 48px 0;



    font-size: 16px;



    width: 868px;



    text-align: center;



    margin: 0 auto; }



  .canpin-content img {



    width: 100%; }



  .canpin-content .switch {



    display: flex;



    justify-content: space-between;



    align-items: center;



    margin: 50px 0; }



    .canpin-content .switch p {



      font-size: 14px;



      line-height: 24px; }



    .canpin-content .switch p:nth-of-type(1) a {



      color: #146de2; }



    .canpin-content .switch .a2 {



      padding: 15px 37px;



      color: #f4f4f4;



      display: flex;



      font-size: 14px;



      background: #146de2;



      align-items: center; }



      .canpin-content .switch .a2 img {



        width: 20%;



        margin-right: 10px; }







.AseriesOfDetails {



  width: 1200px;



  margin: 0 auto; }



  .AseriesOfDetails .AseriesOfDetails-slider .swiper-container {



    width: 100%;



    height: 400px; }



    .AseriesOfDetails .AseriesOfDetails-slider .swiper-container .swiper-slide .img-bj {



      width: 100%;



      position: absolute; }



    .AseriesOfDetails .AseriesOfDetails-slider .swiper-container .swiper-slide .img-cp {



      position: absolute;



      left: 700px;



      top: 55%; }



    .AseriesOfDetails .AseriesOfDetails-slider .swiper-container .swiper-slide p {



      position: absolute;



      margin-left: 120px;



      top: 50%;



      margin-top: -119px; }



      .AseriesOfDetails .AseriesOfDetails-slider .swiper-container .swiper-slide p .sp1 {



        font-size: 30px;



        color: #101110;



        display: block; }



      .AseriesOfDetails .AseriesOfDetails-slider .swiper-container .swiper-slide p .sp2 {



        width: 486px;



        font-size: 18px;



        color: #4c4c4c;



        padding-top: 29px;



        padding-bottom: 45px;



        display: block; }



      .AseriesOfDetails .AseriesOfDetails-slider .swiper-container .swiper-slide p .a {



        width: 111px;



        display: block;



        height: 41px; }



        .AseriesOfDetails .AseriesOfDetails-slider .swiper-container .swiper-slide p .a img {



          width: 111px; }



  .AseriesOfDetails .AseriesOfDetails-slider #slider-prev, .AseriesOfDetails .AseriesOfDetails-slider #slider-Next {



    width: 32px;



    height: 32px;



    text-align: center;



    line-height: 32px;



    border-radius: 50%;



    position: relative;



    background: white;



    color: #989898;



    z-index: 5;



    -moz-user-select: none;



    /*火狐*/



    -webkit-user-select: none;



    /*webkit浏览器*/



    -ms-user-select: none;



    /*IE10*/



    -khtml-user-select: none;



    /*早期浏览器*/



    user-select: none;



    font-family: iconfont; }



  .AseriesOfDetails .AseriesOfDetails-slider #slider-prev, .AseriesOfDetails .AseriesOfDetails-slider #slider-Next:hover {



    cursor: pointer; }



  .AseriesOfDetails .AseriesOfDetails-slider #slider-prev {



    top: -364px;



    left: 1085px;



    background: #5ebfb4;



    color: white; }



  .AseriesOfDetails .AseriesOfDetails-slider #slider-Next {



    top: -396px;



    left: 1119px; }



  .AseriesOfDetails .AseriesOfDetails-list {



display: flex;



align-items: center;



justify-content: space-between;



flex-wrap: wrap;



padding-bottom: 30px;



}



    .AseriesOfDetails .AseriesOfDetails-list li {



width: 25%;



/* height: 400px; */



/* padding-left: 92px; */



/* padding-right: 70px; */



/* display: flex; */



margin-bottom: 30px;



line-height: 3;



text-align: center;



align-items: center;



}

 .AseriesOfDetails .AseriesOfDetails-list li div{padding:0 10px}



 .AseriesOfDetails .AseriesOfDetails-list li img{max-width:100%}





 

      .AseriesOfDetails .AseriesOfDetails-list li  .p1 {



        font-size: 16px;



        color: black;



        }





        .AseriesOfDetails .AseriesOfDetails-list li .left .a img {



          width: 111px; }



      .AseriesOfDetails .AseriesOfDetails-list li .rigth img {



        margin-left: 34px; }



    .AseriesOfDetails .AseriesOfDetails-list .li1 {



      background-image: url("../images/产品背景2.png");



      background-size: 100% 100%; }



    .AseriesOfDetails .AseriesOfDetails-list .li2 {



      background-image: url("../images/产品背景3.png");



      background-size: 100% 100%; }



    .AseriesOfDetails .AseriesOfDetails-list .li3 {



      background-image: url("../images/产品背景4.png");



      background-size: 100% 100%; }



    .AseriesOfDetails .AseriesOfDetails-list .li4 {



      background-image: url("../images/产品背景5.png");



      background-size: 100% 100%; }







.AboutUs {



  width: 1200px;



  margin: 0 auto;



  margin-top: 50px; }



  .AboutUs .top {



    display: flex;



    align-content: space-between; }



    .AboutUs .top .top-left {



      border-right: 1px solid #e5e5e5;



      padding-right: 47px;



      margin-right: 40px;



      width: 868px; }



      .AboutUs .top .top-left .p1 {



        font-size: 26px;



        color: #5ebfb4;



        font-weight: 600; }



      .AboutUs .top .top-left .p2 {



        font-size: 14px;



        color: #676767;



        padding-top: 18px;



        line-height: 28px;



        width: 868px; }



        .AboutUs .top .top-left .p2 .dingzhi {



          width: 868px;



          font-family: MicrosoftYaHei;



          font-size: 14px;



          font-weight: normal;



          font-stretch: normal;



          line-height: 28px;



          letter-spacing: 0px;



          display: block;



          color: #666666;



          margin-top: 18px; }



      .AboutUs .top .top-left .p3 {



        font-size: 26px;



        font-weight: 600;



        margin-top: 29px;



        color: black;



        padding-bottom: 5px; }



    .AboutUs .top .top-rigth .top-rigth-list {



      width: 181px;



      padding: 32px 0;



      display: flex;



      align-items: center;



      border: 1px solid #d7d7d7;



      padding-left: 25px;



      padding-right: 35px; }



      .AboutUs .top .top-rigth .top-rigth-list p:nth-of-type(1) span:nth-of-type(1) {



        font-size: 59px;



        color: #146de2;



        display: block; }



      .AboutUs .top .top-rigth .top-rigth-list p:nth-of-type(1) span:nth-of-type(2) {



        color: black;



        font-size: 16px;



        display: block; }



      .AboutUs .top .top-rigth .top-rigth-list p:nth-of-type(1) sup {



        font-size: 25px;



        margin-left: -14px;



        float: right;



        left: 16px;



        top: -50px; }



      .AboutUs .top .top-rigth .top-rigth-list p:nth-of-type(2) {



        font-size: 14px;



        color: #146de2; }



  .AboutUs .buttom {



    display: flex;



    justify-content: space-between;



    margin-top: 60px;



    padding-bottom: 72px;



    background-image: url("../images/数据背景.png");



    background-size: 100% 100%;



    background-repeat: no-repeat; }



    .AboutUs .buttom img {



      width: 714px;



      height: 311px; }







.contactpage {



  width: 1200px;



  margin: 0 auto;



  display: flex;



  align-items: center;



  justify-content: space-between;



  padding-bottom: 20px;



  border-bottom: 1px solid #e9ebea; }



  .contactpage .left {



    width: 600px; }



    .contactpage .left .p1 {



      padding-top: 60px;



      padding-bottom: 28px;



      font-size: 26px;



      font-weight: 600; }



    .contactpage .left .p2 {



      font-size: 14px;



      padding-bottom: 10px;



      color: #3F3F3F;



      border-bottom: 1px solid #e9ebea; }



    .contactpage .left .phone {



      padding: 20px 0;



      display: flex;



      align-items: center;



      border-bottom: 1px solid #e9ebea; }



      .contactpage .left .phone img {



        width: 48px;



        margin-right: 15px; }



      .contactpage .left .phone p span:nth-of-type(1) {



        font-size: 16px;



        font-weight: 600;



        color: black;



        display: block; }



      .contactpage .left .phone p span:nth-of-type(2) {



        font-size: 24px;



        color: #146de2;



        font-weight: 600;



        display: block;



        margin-top: 5px; }



    .contactpage .left .fixed-phone {



      margin-top: 20px; }



      .contactpage .left .fixed-phone p {



        font-size: 14px;



        color: #4c4c4c;



        line-height: 28px; }



  .contactpage .rigth {



    display: flex; }



    .contactpage .rigth div {



      text-align: center;



      margin-right: 30px; }



      .contactpage .rigth div img {



        width: 100%; }



      .contactpage .rigth div p {



        margin-top: 10px; }







.contactpage-buttom {



  width: 1200px;



  margin: 0 auto;



  margin-top: 20px;



  display: flex;



  justify-content: space-between;



  padding-bottom: 39px; }



  .contactpage-buttom .d {



    width: 302px;



    border-right: 1px solid #f2f2f2;



    padding-left: 49px; }



    .contactpage-buttom .d .p1 {



      font-size: 18px;



      font-weight: 600;



      color: black;



      line-height: 24px; }



    .contactpage-buttom .d .p2 {



      display: flex;



      align-items: center; }



      .contactpage-buttom .d .p2 img {



        width: 11px;



        margin-right: 5px; }



      .contactpage-buttom .d .p2 span {



        font-size: 16px;



        color: #767676;



        line-height: 24px; }



    .contactpage-buttom .d .topAndbottom {



      margin-top: 23px;



      margin-bottom: 19px; }



  .contactpage-buttom .d:nth-of-type(1) {



    padding: 0 !important; }



  .contactpage-buttom .d:last-child {



    border: none; }







.BrandVision {



  background-image: url("../images/oembj.png");



  background-size: 100% 100%;



  background-repeat: no-repeat;



  padding-bottom: 50px; }



  .BrandVision .top {



    width: 1200px;



    margin: 0 auto;



    display: flex;



    align-items: center;



    justify-content: space-between; }



    .BrandVision .top p {



      font-size: 16px;



      line-height: 32px;



      width: 708px;



      color: #434343; }



  .BrandVision .d2 {



    width: 1200px;



    margin: 32px auto;



    font-size: 16px;



    line-height: 32px; }



    .BrandVision .d2 p {



      color: #434343; }



  .BrandVision .d3 {



    margin: 0 auto;



    width: 1200px;



    display: flex;



    justify-content: space-between; }



    .BrandVision .d3 img:nth-of-type(1) {



      width: 708px; }



    .BrandVision .d3 img:nth-of-type(2) {



      width: 456px; }



  .BrandVision .d4 {



    margin: 0 auto;



    width: 1200px;



    display: flex;



    align-items: center;



    justify-content: space-between; }



    .BrandVision .d4 img {



      width: 708px; }



    .BrandVision .d4 p {



      width: 456px;



      font-size: 16px;



      line-height: 32px;



      color: #434343; }







.ProductionAbility {



  width: 1200px;



  height: 523px;



  margin: 0 auto;



  position: relative; }



  .ProductionAbility .TheThumbnail {



    width: 260px;



    height: 529px;



    position: absolute;



    right: 0;



    background: #f4fafe;



    display: flex;



    flex-wrap: wrap;



    justify-content: center;



    overflow: hidden; }



    .ProductionAbility .TheThumbnail .d {



      width: 197px; }



      .ProductionAbility .TheThumbnail .d img {



        width: 100%;



        height: 100%; }



      .ProductionAbility .TheThumbnail .d p {



        position: relative;



        font-size: 14px;



        color: white;



        width: 100%;



        height: 113px;



        top: -113px;



        text-align: center;



        line-height: 158px;



        background-color: rgba(0, 0, 0, 0.5);



        /* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */ }



    .ProductionAbility .TheThumbnail .pAddClass {



      border: 1px solid #5ebfb4 !important; }



      .ProductionAbility .TheThumbnail .pAddClass p {



        display: none !important; }



  .ProductionAbility .swiper-container {



    width: 940px;



    height: 529px;



    margin-left: 0; }



    .ProductionAbility .swiper-container .swiper-slide img {



      width: 100%; }



    .ProductionAbility .swiper-container .swiper-pagination {



      left: 0;



      text-align: right;



      margin-left: -19px; }



    .ProductionAbility .swiper-container .swiper-pagination-bullet-active {



      background: #5ebfb4;



      border: 1px solid white;



      width: 11px;



      height: 11px; }



  .ProductionAbility #slider-prev, .ProductionAbility #slider-Next {



    width: 30px;



    height: 30px;



    text-align: center;



    line-height: 30px;



    border-radius: 50%;



    position: relative;



    background: white;



    color: #989898;



    z-index: 5;



    -moz-user-select: none;



    /*火狐*/



    -webkit-user-select: none;



    /*webkit浏览器*/



    -ms-user-select: none;



    /*IE10*/



    -khtml-user-select: none;



    /*早期浏览器*/



    user-select: none;



    font-family: iconfont;



    border: 1px solid #a1a1a1; }



  .ProductionAbility .swiper-pagination-bullet {



    width: 12px;



    height: 12px; }



  .ProductionAbility #slider-prev, .ProductionAbility #slider-Next:hover {



    cursor: pointer; }



  .ProductionAbility #slider-prev {



    top: -565px;



    left: 1130px;



    color: #a1a1a1; }



  .ProductionAbility #slider-Next {



    top: -597px;



    left: 1170px;



    color: #a1a1a1; }



  .ProductionAbility .jiantouaddclass {



    background: #5ebfb4 !important;



    color: white !important;



    border: 1px solid #5ebfb4 !important; }







.swiper-containerteam {



  overflow: hidden;



  width: 1200px;



  margin: 0 auto; }



  .swiper-containerteam .ProductionAbility-bottom {



    margin-bottom: 81px; }







.TeamStrength {



  width: 1200px;



  margin: 0 auto;



  display: flex;



  flex-wrap: wrap; }



  .TeamStrength .TeamStrength-list {



    width: 270px;



    margin-top: 40px;



    margin-left: 40px; }



    .TeamStrength .TeamStrength-list img {



      width: 100%; }



    .TeamStrength .TeamStrength-list p {



      background: #f4fafe;



      padding: 9px 14px; }



      .TeamStrength .TeamStrength-list p span:nth-of-type(1) {



        font-size: 18px;



        line-height: 28px;



        display: block; }



      .TeamStrength .TeamStrength-list p span:nth-of-type(2) {



        font-size: 14px;



        line-height: 28px; }



  .TeamStrength .TeamStrength-list:hover p {



    background: #146de2; }



    .TeamStrength .TeamStrength-list:hover p span {



      color: white; }



  .TeamStrength .TeamStrength-list:nth-of-type(1) {



    margin-left: 0 !important; }



  .TeamStrength .TeamStrength-list-addclass p {



    background: #146de2; }



    .TeamStrength .TeamStrength-list-addclass p span {



      color: white; }







/*# sourceMappingURL=zengwei.css.map */



.j-swiper{



  overflow: hidden;



}









@keyframes rotation {
  from {
    transform: rotateY(0deg); }

  to {
    transform: rotateY(-360deg); } }

@keyframes rotation1 {
  from {
    transform: rotateY(0deg); }

  to {
    transform: rotateY(-360deg); } }

@keyframes rotation2 {
  from {
    transform: rotateY(-45deg); }

  to {
    transform: rotateY(-405deg); } }

@keyframes rotation3 {
  from {
    transform: rotateY(-90deg); }

  to {
    transform: rotateY(-450deg); } }

@keyframes rotation4 {
  from {
    transform: rotateY(-135deg); }

  to {
    transform: rotateY(-495deg); } }

@keyframes rotation5 {
  from {
    transform: rotateY(-180deg); }

  to {
    transform: rotateY(-540deg); } }

@keyframes rotation6 {
  from {
    transform: rotateY(-225deg); }

  to {
    transform: rotateY(-585deg); } }

@keyframes rotation7 {
  from {
    transform: rotateY(-270deg); }

  to {
    transform: rotateY(-630deg); } }

@keyframes rotation8 {
  from {
    transform: rotateY(-315deg); }

  to {
    transform: rotateY(-675deg); } }


@media (max-width:1300px){
      .pointContainer{
        display: none !important;
      }
    }
    
@media (max-width: 600px) {
.play{
	display:none !important;
}

#a03{
	padding-top:50px !important;
}	
	
#gallery {
	width: 30%!important;
}	

#china {
	width: 30%!important;
}	

#special {
	width: 30%!important;
}	
	
.china-content .tab-pane {
	height: 320px; 
	overflow:hidden;
}	

.special-content .tab-pane {
	height: 350px; 
	overflow:hidden;
}	
    #carousel figure {
        width: 136px;
        height: 100px;
    }

    #carousel figure:nth-child(1) {
        transform: rotateY(0deg) translateZ(180px);
    }

    #carousel figure:nth-child(2) {
        transform: rotateY(45deg) translateZ(180px);
    }

    #carousel figure:nth-child(3) {
        transform: rotateY(90deg) translateZ(180px);
    }

    #carousel figure:nth-child(4) {
        transform: rotateY(135deg) translateZ(180px);
    }

    #carousel figure:nth-child(5) {
        transform: rotateY(180deg) translateZ(180px);
    }

    #carousel figure:nth-child(6) {
        transform: rotateY(225deg) translateZ(180px);
    }

    #carousel figure:nth-child(7) {
        transform: rotateY(270deg) translateZ(180px);
    }

    #carousel figure:nth-child(8) {
        transform: rotateY(315deg) translateZ(180px);
    }
      
	#carousel figure:nth-child(9) {
        transform: rotateY(225deg) translateZ(180px);
    }

    #carousel figure:nth-child(10) {
        transform: rotateY(270deg) translateZ(180px);
    }

    #carousel figure:nth-child(11) {
        transform: rotateY(315deg) translateZ(180px);
    }
	
    .caursel3d-container {
        height: 150px;
    }
    


  .galleryrow .item,
  .galleryrow2 .item {
    height: 125px; }

  .galleryrow .item span,
  .galleryrow2 .item span {
    font-size: 0.8rem; }

  .video,
  .picture {
    width: 20px;
    height: 21px; }

  .play {
    width: 36px;
    height: 36px; }

  .galleryrow .item:hover span,
  .galleryrow2 .item:hover span {
    font-size: 1.4rem; }

    .china-item {
      width: 20%!important;
    margin: 0; }

  .special-item {
      width: 25%!important;
    padding: 0 10px !important; }

  .show-item {
    width: 90%;
    height: 100px;
    margin: 5%; }

  .special-item img {
    width: 100%;
    height: auto;
    border-radius: 15px;
     }

  .showroom {
    width: 100%;
    height: 200px; }

  .show-tips {
    margin-top: -47px; }

  .galleryrow,
  .galleryrow2 {
    height: 300px; } }
@media (min-width: 1200px) {
.huaneng-container{
  margin-top:-70px;	
}	

 .caursel3d {
        width: 336px;
        height: 208px;
        top: 100px;
        perspective: 2100px;
    }

    #carousel figure {
        width: 286px;
        height: 358px;
    }

    #carousel figure:nth-child(1) {
        transform: rotateY(0deg) translateZ(480px);
    }

    #carousel figure:nth-child(2) {
        transform: rotateY(45deg) translateZ(480px);
    }

    #carousel figure:nth-child(3) {
        transform: rotateY(90deg) translateZ(480px);
    }

    #carousel figure:nth-child(4) {
        transform: rotateY(135deg) translateZ(480px);
    }

    #carousel figure:nth-child(5) {
        transform: rotateY(180deg) translateZ(480px);
    }

    #carousel figure:nth-child(6) {
        transform: rotateY(225deg) translateZ(480px);
    }

    #carousel figure:nth-child(7) {
        transform: rotateY(270deg) translateZ(480px);
    }

    #carousel figure:nth-child(8) {
        transform: rotateY(315deg) translateZ(480px);
    }
     
	#carousel figure:nth-child(9) {
        transform: rotateY(225deg) translateZ(180px);
    }

    #carousel figure:nth-child(10) {
        transform: rotateY(270deg) translateZ(180px);
    }

    #carousel figure:nth-child(11) {
        transform: rotateY(315deg) translateZ(180px);
    }
    .caursel3d-container {
        position: relative;
    }
    

.responsibility-container {
  position: relative;
  top:-100px;
  width: 100%;
  background-image: url(/skins/images/bg_3dd.png);
  background-position: center;
  background-size: 100% 85%;
  background-repeat: no-repeat; }

.responsibility {
  position: relative; }

.responsibility .title span {
  background-color: #fff; }

.caursel3d-container {
    position: relative;
}


.showSelectImg-container {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.showSelectImg {
  display: block;
  width: 600px;
  height: 100%;
  margin: 0 auto; }

.responsibility .more {
    top: 50px;
}
/* 420,260 */
/* .carousel3d { */
.caursel3d {
  display: block;
  position: relative;
  margin: auto; }

#carousel {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
 
  transform-style: preserve-3d;

  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: rotation; }

#carousel:hover {
    animation-play-state: paused;
}

#carousel figure {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    overflow: hidden;
}
.caursel3d img{
  cursor: pointer;
  transition: all .5s ease;
  
  width: 100%;
  height: 100%; }

.caursel3d img:hover{
  transform: scale(1.2, 1.2); }

.huaneng-container {
  position: relative;
  padding: 60px 0;
  