/*--公共部分--*/

.swiper-wrapper { width: 100%; height: 544px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-slide { align-items: center;display: flex;-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: linear; /*之前是ease-out*/ -o-transition-timing-function: linear; transition-timing-function: linear; margin: 0 auto; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }




@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1320px; padding: 0 60px; } }

.bd_weixin_popup { height: 310px !important; }

/* layout start*/



/*动画*/
@-webkit-keyframes fadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@-o-keyframes fadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeUp { 0% { opacity: 0;
    -webkit-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

.fadeUp { -webkit-animation-name: fadeUp; -o-animation-name: fadeUp; animation-name: fadeUp; }

@-webkit-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

.fadeDown { -webkit-animation-name: fadeDown; -o-animation-name: fadeDown; animation-name: fadeDown; }

@-webkit-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeLeft { 0% { opacity: 0;
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  100% { opacity: 1;
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.fadeLeft { -webkit-animation-name: fadeLeft; -o-animation-name: fadeLeft; animation-name: fadeLeft; }

@-webkit-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeRight { 0% { opacity: 0;
    -o-transform: translateX(50%);
    transform: translateX(50%); }
  100% { opacity: 1;
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.fadeRight { -webkit-animation-name: fadeRight; -o-animation-name: fadeRight; animation-name: fadeRight; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.fadewidth { -webkit-animation-name: fadewidth; -o-animation-name: fadewidth; animation-name: fadewidth; }

@-webkit-keyframes fadewidth { 0% { opacity: 0;
    width: 0; }
  100% { width: 100%;
    opacity: 1; } }

@-o-keyframes fadewidth { 0% { opacity: 0;
    width: 0; }
  100% { width: 100%;
    opacity: 1; } }

@keyframes fadewidth { 0% { opacity: 0;
    width: 0; }
  100% { width: 100%;
    opacity: 1; } }

.imgshow { -webkit-animation-name: imgshow; -o-animation-name: imgshow; animation-name: imgshow; }

@-webkit-keyframes lineleft { 0% { width: 0; }
  100% { width: 140px; } }

@-o-keyframes lineleft { 0% { width: 0; }
  100% { width: 140px; } }

@keyframes lineleft { 0% { width: 0; }
  100% { width: 140px; } }

.lineleft { -webkit-animation-name: lineleft; -o-animation-name: lineleft; animation-name: lineleft; }

@-webkit-keyframes lineright { 0% { left: 0;
    opacity: 1; }
  100% { left: 140px;
    opacity: 0; } }

@-o-keyframes lineright { 0% { left: 0;
    opacity: 1; }
  100% { left: 140px;
    opacity: 0; } }

@keyframes lineright { 0% { left: 0;
    opacity: 1; }
  100% { left: 140px;
    opacity: 0; } }

.lineright { -webkit-animation-name: lineright; -o-animation-name: lineright; animation-name: lineright; }

@-webkit-keyframes fadeAni { 0% { opacity: 1; }
  100% { opacity: 0.2; } }

@-o-keyframes fadeAni { 0% { opacity: 1; }
  100% { opacity: 0.2; } }

@keyframes fadeAni { 0% { opacity: 1; }
  100% { opacity: 0.2; } }

@-webkit-keyframes rotateToRunning { form { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-o-keyframes rotateToRunning { form { -o-transform: rotate(0); transform: rotate(0); }
  to { -o-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes rotateToRunning { form { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes rotateOtRunning { form { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }

@-o-keyframes rotateOtRunning { form { -o-transform: rotate(0); transform: rotate(0); }
  to { -o-transform: rotate(-360deg); transform: rotate(-360deg); } }

@keyframes rotateOtRunning { form { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } }

.mm-pagination { width: 100%; text-align: center; line-height: normal; font-size: 0; text-align: center; z-index: 22; bottom: 5%; }

.mm-pagination span { display: inline-block; vertical-align: top; width: 8px; height: 8px; background-color: #999; margin: 0 3px; cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%; }

.mm-pagination span.swiper-pagination-bullet-active { background-color: #3047c7; }


.swiper-small-prev, .swiper-small-next { display: none; position: absolute; width: 40px; height: 40px; cursor: pointer; position: absolute; z-index: 199; text-align: center; line-height: 40px; top: 50%; margin-top: -25px; }

.swiper-small-prev:after, .swiper-small-next:after { content: ''; width: 20px; height: 20px; border: 2px solid #fff; border-right: none; border-bottom: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: inline-block; vertical-align: middle; }

.swiper-small-prev.swiper-button-disabled, .swiper-small-next.swiper-button-disabled { cursor: default; }

.swiper-small-prev:after { border-color: #7f7f7f; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.swiper-small-next:after { border-color: #7f7f7f; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }


.swiper-ssmall-prev, .swiper-ssmall-next { display: none; position: absolute; width: 30px; height: 30px; cursor: pointer; position: absolute; border: 1px solid #7f7f7f; z-index: 199; text-align: center; line-height: 28px; top: 50%; margin-top: -15px; -webkit-border-radius: 50%; border-radius: 50%; }

.swiper-ssmall-prev:after, .swiper-ssmall-next:after { content: ''; width: 7px; height: 7px; border: 2px solid #fff; border-right: none; border-bottom: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: inline-block; vertical-align: middle; margin-top: -2px; }

.swiper-ssmall-prev.swiper-button-disabled, .swiper-ssmall-next.swiper-button-disabled { cursor: default; }

.swiper-ssmall-prev:after { border-color: #7f7f7f; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 3px; }

.swiper-ssmall-next:after { border-color: #7f7f7f; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-right: 3px; }

.swiper-pagination { position: absolute; bottom: 2%; text-align: center; width: 100%; }

.swiper-pagination span { width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #eee; display: inline-block; margin: 0 5px; }

.swiper-pagination .swiper-pagination-bullet-active { background-color: #3047c7; }

.swiper-circle-prev, .swiper-circle-next { display: none; position: absolute; width: 40px; height: 40px; cursor: pointer; position: absolute; z-index: 199; text-align: center; line-height: 38px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #7f7f7f; top: 50%; margin-top: -20px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.swiper-circle-prev:after, .swiper-circle-next:after { content: ''; width: 10px; height: 10px; border: 2px solid #7f7f7f; border-right: none; border-bottom: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: inline-block; vertical-align: middle; margin-top: -2px; }

.swiper-circle-prev.swiper-button-disabled, .swiper-circle-next.swiper-button-disabled { cursor: default; }

.swiper-circle-prev:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 4px; }

.swiper-circle-next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-right: 4px; }


@media (min-width: 1260px) { .swiper-circle-prev { left: -60px; }
  .swiper-circle-next { right: -60px; } }

.swiper-updown-prev, .swiper-updown-next { width: 27px; height: 27px; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; cursor: pointer; background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; z-index: 33; }

.swiper-updown-prev { background-image: url(../img/swiper-updown-prev.png); }

.swiper-updown-next { background-image: url(../img/swiper-updown-next.png); }


@media (min-width: 1680px) { .swiper-updown-prev, .swiper-updown-next { width: 73px; height: 73px; } }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 0px; top: 1%; z-index: 50; width: 2px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(48, 71, 199, 0.5)!important; -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; }


/* 视频播放*/
.recruitmentfloat { display: none; z-index: 2000; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; }

.tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; }

.tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; }

.recclosebtn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }

.recclosebtn:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.recclosebtn:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }


@media (min-width: 1440px) { /* 视频播放*/
  .tianjiatvwrap { width: 1000px; margin-left: -500px; }
  .tianjiatvwrap .videobox { height: 600px; } }

@-webkit-keyframes bannerAni { 0%, 100% { -webkit-transform: translateY(0%); transform: translateY(0%); }
  25% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  75% { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-o-keyframes bannerAni { 0%, 100% { -o-transform: translateY(0%); transform: translateY(0%); }
  25% { -o-transform: translateY(-10px); transform: translateY(-10px); }
  75% { -o-transform: translateY(10px); transform: translateY(10px); } }

@keyframes bannerAni { 0%, 100% { -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
  25% { -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  75% { -webkit-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } }

/* banner s*/
.indexbanner { width: 100%; height: -webkit-calc(100vh - 60px); height: calc(100vh - 60px); overflow: hidden; position: relative; z-index: 10; }

.indexbanner ul { width: 100%; }

.indexbanner ul li { width: 100%; height: auto; overflow: hidden; z-index: 44; }

.indexbanner ul li.cur .banner-offset { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.picbox, .viobox { position: relative; width: 100%; height: 100%; top: 0; left: 0; }

.banner-img, .mbanner-img { display: block; width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; }

.banner-img img, .mbanner-img img { display: block; width: 100%; }

.watch-video { display: block; width: 100%; height: 100%; position: absolute; z-index: 6; top: 0; left: 0; }

.bannerwatch-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 13; display: none; }

.watct-link { position: absolute; text-align: center; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.watct-link a { width: 60px; height: 60px; display: block; margin: 0 auto; background: url(../img/playbtn.png) center center no-repeat; background-size: auto 40px; }

.bannervideo { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; background-color: #000; }

.bannervideo video { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.bannervideo video + div { display: none !important; }

.bannervideo video + div + div { display: none !important; }

.bannervideo video + div + div + div { display: none !important; }

.bannervideo video + div + div + div + div { display: none !important; }

.swiper-button-prev, .swiper-button-next { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; cursor: pointer; position: absolute; z-index: 66; width: 40px; height: 40px; }

.swiper-button-prev:after, .swiper-button-next:after { content: ''; width: 30px; height: 30px; position: absolute; border: 2px solid #e5e6e5; top: 50%; }

.swiper-button-prev:hover:after, .swiper-button-next:hover:after { border-color: #5e84ff; }

.swiper-button-prev:after { left: 5%; border-right: none; border-bottom: none; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.swiper-button-next:after { border-right: none; border-bottom: none; right: 5%; -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.index-banner-prev, .index-banner-next { -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }

.banner-pagination { position: absolute; bottom: 60px; width: 100%; left: 0; text-align: center; z-index: 66; line-height: normal; font-size: 0; }

.banner-pagination span { display: inline-block; margin: 0 4px; vertical-align: middle; width: 10px; height: 10px; cursor: pointer; -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid #fff; }

.banner-pagination span.swiper-pagination-bullet-active { background-color: #ffae00; border-color: #ffae00; }

.banner-offset { position: absolute; z-index: 22; -webkit-transition: all .9s linear 0.5s; -o-transition: all .9s linear 0.5s; transition: all .9s linear 0.5s; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); left: 0; width: 100%; top: 8.33333%; }

.banner-font { display: inline-block; vertical-align: top; width: auto; }

.banner-font .title { color: #5667e8; font-size: 20px; line-height: 1.2; }

.banner-font .text { color: #a7b2ff; font-size: 14px; font-weight: lighter; line-height: 1.5; margin-top: 10px; margin-bottom: 30px; }

.look-more { display: inline-block; vertical-align: top; background-color: #2e73f9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e73f9), color-stop(90%, #3145aa)); background-image: -webkit-linear-gradient(top, #2e73f9 20%, #3145aa 90%); background-image: -o-linear-gradient(top, #2e73f9 20%, #3145aa 90%); background-image: linear-gradient(to bottom, #2e73f9 20%, #3145aa 90%); color: #fff; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 14px; line-height: 1.5; padding: 8px 20px; -webkit-border-radius: 50px; border-radius: 50px; }

.look-more:after { content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 9px; background: url(../img/button-arrow.png) no-repeat scroll center center; background-size: contain; margin-left: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.font-ani { position: absolute; z-index: 2; bottom: 80px; left: 0; width: 100%; text-align: center; padding-left: 20px; padding-right: 20px; }

.font-ani > img { width: 100%; max-width: 420px; }

.gif { position: absolute; top: 20%; height: 100%; width: 100%; }

.gif > div { position: absolute; }

.gif .root { left: 0; top: 0; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: root; -o-animation-name: root; animation-name: root; -webkit-animation-duration: 10s; -o-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; }

.gif .ai { top: 178px; left: 312px; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ai; -o-animation-name: ai; animation-name: ai; -webkit-animation-duration: 10s; -o-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; }

.gif .light { top: -25px; left: 313px; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: light; -o-animation-name: light; animation-name: light; -webkit-animation-duration: 10s; -o-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; }

.gif .brain { top: -13px; left: 319px; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: brain; -o-animation-name: brain; animation-name: brain; -webkit-animation-duration: 10s; -o-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; }

/*** root ***/
@-webkit-keyframes root { 0% { -webkit-transform: scale(0.5); transform: scale(0.5);
    opacity: .5; }
  25% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-o-keyframes root { 0% { -o-transform: scale(0.5); transform: scale(0.5);
    opacity: .5; }
  25% { opacity: 1;
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes root { 0% { -webkit-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5);
    opacity: .5; }
  25% { opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

/*** ai ***/
@-webkit-keyframes ai { 0% { opacity: 0; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0.7; }
  100% { opacity: 1; } }
@-o-keyframes ai { 0% { opacity: 0; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0.7; }
  100% { opacity: 1; } }
@keyframes ai { 0% { opacity: 0; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0.7; }
  100% { opacity: 1; } }

/*** light ***/
@-webkit-keyframes light { 0% { opacity: 0; }
  50% { opacity: 0; }
  75% { opacity: 1; } }
@-o-keyframes light { 0% { opacity: 0; }
  50% { opacity: 0; }
  75% { opacity: 1; } }
@keyframes light { 0% { opacity: 0; }
  50% { opacity: 0; }
  75% { opacity: 1; } }

/*** light ***/
@-webkit-keyframes brain { 0% { opacity: 0; }
  75% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes brain { 0% { opacity: 0; }
  75% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes brain { 0% { opacity: 0; }
  75% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes updown { 0% { bottom: 5px;
    opacity: 1; }
  100% { bottom: 0px;
    opacity: 0; } }

@-o-keyframes updown { 0% { bottom: 5px;
    opacity: 1; }
  100% { bottom: 0px;
    opacity: 0; } }

@keyframes updown { 0% { bottom: 5px;
    opacity: 1; }
  100% { bottom: 0px;
    opacity: 0; } }

.mouseicon { width: 25px; height: 40px; position: absolute; left: 50%; bottom: 5px; z-index: 105; margin-left: -12px; background: url(../img/wmouse.png) center no-repeat; display: block; -webkit-animation: updown 1.5s infinite; background-size: auto; }

.mousemask { position: absolute; width: 164px; height: 42px; background: url(../img/mousebg.png) center no-repeat; bottom: 0; left: 50%; margin-left: -82px; z-index: 104; }



@media (min-width: 1260px) { .swiper-button-prev, .swiper-button-next { width: 60px; height: 60px; }
  .swiper-button-prev:after, .swiper-button-next:after { width: 40px; height: 40px; }
  .banner-pagination span { margin: 0 8px; width: 14px; height: 14px; }
  .banner-font .title { font-size: 36px; }
  .banner-font .text { font-size: 24px; }
  .look-more { font-size: 16px; } }

@media (min-width: 1680px) { .banner-font .title { font-size: 46px; }
  .banner-font .text { font-size: 30px; margin-bottom: 90px; } }

/* banner e*/


/* 内页banner s */
.inside-banner { width: 100%; overflow: hidden; position: relative; }

.inside-banner .banner { position: relative; z-index: 1; }

.inside-banner .pcimg { display: none; width: 100%; overflow: hidden; }

.inside-banner .pcimg img { display: block; width: 100%; }

.inside-banner .msimg { display: block; width: 100%; overflow: hidden; }

.inside-banner .msimg img { display: block; width: 100%; }

.inside-banner .maskpos { position: absolute; z-index: 22; left: 0; width: 100%; top: 40%; }

.inside-font { color: #ffffff; }

.inside-font .title { font-size: 18px; line-height: 1.5; margin-bottom: 6px; }

.inside-font .sub { opacity: 0.3; line-height: 1; font-size: 20px; font-weight: lighter; letter-spacing: -1px; }



@media (min-width: 1260px) { .inside-font .title { font-size: 24px; margin-bottom: 8px; }
  .inside-font .sub { font-size: 30px; } }

@media (min-width: 1680px) { .inside-font .title { font-size: 30px; }
  .inside-font .sub { font-size: 36px; } }

/* 内页banner e */
/* 内页导航 s */
.inside-fullpanel { width: 100%; position: relative; z-index: 299; }

.full-inside-subnav { width: 100%; position: relative; border-bottom: 1px solid #eeeeee; background-color: #f7f7f7; }

.inside-subnav { width: 100%; }

.inside-subnav .home { display: none; }

.inside-level { display: none; }

.inside-subitem .open-title { color: #424454; font-size: 13px; text-align: center; width: 100%; position: relative; line-height: 40px; padding: 5px 0; }

.inside-subitem .open-title:after { content: ''; display: inline-block; border: 5px solid transparent; border-top-color: #666; vertical-align: middle; margin-top: 4px; margin-right: -16px; margin-left: 7px; }

.inside-subitem .insubnav { position: absolute; top: 51px; left: 0; width: 100%; text-align: center; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); padding: 10px 0; display: none; }

.inside-subitem .insubnav ul li { width: 100%; line-height: 24px; padding: 4px 0; }

.inside-subitem .insubnav ul li a { display: block; width: 100%; color: #424454; font-size: 13px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.inside-subitem .insubnav ul li.cur a { color: #3047c7; }


@media (min-width: 1260px) { .inside-subnav { padding-left: 54px; }
  .inside-subnav .home { width: 54px; height: 54px; }
  .inside-level { line-height: 52px; }
  .inside-subitem .open-title { line-height: 52px; } }

/* 内页导航 e */


/* header s */
/* body { padding-top: 60px; } */

header { position: fixed; width: 100%; top: 0; left: 0; background-color: #FFFFFF; z-index: 499; -webkit-transition: background-color 0.3s , top 0.3s; -o-transition: background-color 0.3s , top 0.3s; transition: background-color 0.3s , top 0.3s; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.headerweb { width: 100%; position: relative; padding-left: 15px; padding-right: 15px; }

.header-left { float: left; }

.header-right { float: right; line-height: 60px; font-size: 0; }

.logo { padding: 10px 0; }

.logo a { display: block; width: 100%; }

.logo a img { display: block; height: 40px; }

.logo a .light { display: none; }

.search-icon { display: block; width: 30px; height: 30px; background-image: url(../img/index-search.png); background-repeat: no-repeat; background-position: center center; background-size: auto; margin: 0 auto; }

.index-search { display: inline-block; vertical-align: middle; padding-top: 15px; padding-bottom: 15px; }

.index-search .search-txt { line-height: 20px; color: #999999; font-size: 14px; display: none; }

.index-search .search-box { position: absolute; overflow: hidden; top: 60px; width: 100%; left: 0; background-color: #fff; padding: 20px 15px; display: none; border-bottom: 1px solid #ddd; }

.index-search .search-box input { display: block; height: 40px; font-size: 14px; }

.index-search .search-box .search-txt { width: 80%; text-indent: 10px; display: inline-block; vertical-align: top; float: left; border: 1px solid #cdcdcd; border-right-color: #5e84ff; }

.index-search .search-box .search-txt::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }

.index-search .search-box .search-txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

.index-search .search-box .search-txt::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

.index-search .search-box .search-txt:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }

.index-search .search-box .search-btn { width: 20%; z-index: 2; color: #fff; display: inline-block; vertical-align: top; font-family: "微软雅黑"; background-color: #5e84ff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; float: left; }

.lang-icon { display: block; line-height: 30px; height: 30px; width: 30px; position: relative; color: #282828; font-size: 0px; background-image: url(../img/index-lang.png); background-repeat: no-repeat; background-position: left center; background-size: auto auto; margin: 0 auto; }

.index-lang { display: inline-block; vertical-align: middle; padding-top: 15px; padding-bottom: 15px; position: relative; margin-left: 10px; }

.lang-dropmenu { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; width: 100px; padding-top: 5px; padding-bottom: 5px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); display: none; }

.lang-dropmenu ul li { width: 100%; line-height: 20px; padding: 4px 0; text-align: center; }

.lang-dropmenu ul li a { display: block; width: 100%; color: #333; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

/*===========================*/
.mobnav-btn { display: inline-block; vertical-align: middle; width: 26px; height: 34px; position: relative; margin-left: 12px; }

.mobnav-btn span { position: absolute; width: 100%; height: 2px; background-color: #262a27; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.mobnav-btn span:first-child { top: 8px; }

.mobnav-btn span:nth-child(2) { top: 50%; margin-top: -1px; }

.mobnav-btn span:last-child { bottom: 8px; }

.mobnav-btn.open span:first-child { top: 16px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.mobnav-btn.open span:nth-child(2) { opacity: 0; }

.mobnav-btn.open span:last-child { bottom: 16px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/*===========================*/

.hsubnav { width: 100%; padding: 0 15px 15px 20px; display: none; }

.lv2nav { line-height: 30px; }

.lv2nav .lv2 { width: 100%; position: relative; }

.lv2nav .lv2 a { display: block; width: 100%; color: #333; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-transform: uppercase; }


@media (min-width: 1260px) { .headerweb { padding-left: 60px; padding-right: 60px; max-width: 1920px; margin: 0 auto; }
  .header-left { padding-right: 150px; }
  .header-right { right: 60px; line-height: 70px; }
  .logo { padding: 10px 0; }
  .logo a img { height: 50px; }
  .index-search { padding-top: 0px; padding-bottom: 0px; }
  .index-search .search-box { top: 70px; }
  .index-lang { padding-top: 0px; padding-bottom: 0px; margin-left: 32px; }
  .lang-dropmenu ul li a { font-size: 16px; }
  .hsubnav { width: 150px; } }

@media (min-width: 1680px) { .headerweb { padding-left: 4.16667%; padding-right: 4.16667%; }
  .header-right { right: 4.16667%; }
  .logo { padding: 5px 0; }
  .logo a img { height: 60px; }
  .lv2nav .lv2 a { font-size: 15px; } }

footer { width: 100%; position: relative; background-color: #1e1e1e; }

.ffcommonweb { padding-left: 15px; padding-right: 15px; }

.footer-top { width: 100%; padding-top: 35px; padding-bottom: 40px; }

.footer-bottom { width: 100%; padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); }

.footernav { width: 100%; }

.ftlvnav { width: 100%; }

.ftlvnav .lv1 { width: 100%; line-height: 26px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.ftlvnav .lv1 h4 { width: 100%; position: relative; padding: 10px 0; }

.ftlvnav .lv1 h4 a { display: block; width: 100%; color: #868686; font-size: 15px; }

.ftlvnav .lv1 h4 .icon { position: absolute; width: 30%; right: 0; top: 0; height: 100%; }

.ftlvnav .lv1 h4 .icon:after { content: ''; position: absolute; border: 2px solid #868686; border-left: none; border-bottom: none; width: 10px; height: 10px; right: 10px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 50%; margin-top: -9px; }

.ftlvnav .lv1.cur h4 .icon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; }

.ftsub { width: 100%; padding: 0 15px 20px; display: none; }

.ftsub .lv2 { line-height: 24px; padding-bottom: 3px; padding-top: 3px; }

.ftsub .lv2 a { display: block; width: 100%; font-size: 13px; color: #797979; font-weight: lighter; }

.footer-right { padding-top: 25px; }

.share-erweima { width: 100%; padding-top: 15px; text-align: center; }

.share-erweima ul { font-size: 0; }

.share-erweima ul li { display: inline-block; vertical-align: top; padding-left: 5px; padding-right: 5px; }

.share-erweima ul li .image { display: block; width: 120px; padding: 2px; position: relative; overflow: hidden; background-color: #fff; }

.share-erweima ul li .image::before { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.share-erweima ul li .image img { position: absolute; width: 100%; display: block; top: 0; left: 0; }

.share-erweima ul li .title { font-size: 14px; color: #868686; font-weight: lighter; line-height: 30px; padding-top: 4px; }

.footer-link { text-align: center; font-size: 0; line-height: 22px; }

.footer-link li { position: relative; display: inline-block; vertical-align: top; font-size: 14px; padding: 0 10px; }

.footer-link li:after { content: ''; position: absolute; right: 0; height: 12px; background-color: #868686; width: 1px; top: 50%; margin-top: -6px; }

.footer-link li a { color: #868686; }

.footer-link li:first-child { padding-left: 0; }

.footer-link li:last-child { padding-right: 0; }

.footer-link li:last-child:after { display: none; }

.copyright { color: #868686; font-size: 14px; line-height: 24px; text-align: center; }

.copyright a { color: #868686; }


@media (min-width: 1260px) { .ffcommonweb { max-width: 1320px; padding-left: 60px; padding-right: 60px; margin: 0 auto; }
  .footer-left { float: left; }
  .ftlvnav .lv1 { padding-right: 60px; width: auto; }
  .footer-right { padding-top: 0px; float: right; }
  .share-erweima { padding-top: 0px; }
  .share-erweima ul li { padding-left: 15px; padding-right: 15px; }
  .share-erweima ul li .title { font-size: 16px; } }

/*==========================================================*/
.aside { position: fixed; width: 40px; display: block; bottom: 100px; right: 15px; z-index: 122; }

.aside .aitem { display: block; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #000; z-index: 199; overflow: hidden; position: relative; }

.aside .goto:after { content: ''; position: absolute; width: 10px; height: 10px; border: 2px solid #fff; border-left: none; top: 50%; left: 50%; border-bottom: none; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); margin-top: 2px; }

.aside .iphone { background: #000 url(../img/iphone.png) no-repeat scroll center center; top: 2px; }


@media (min-width: 1260px) { .aside { right: 55px; bottom: 130px; width: 50px; }
  .aside .aitem { width: 50px; height: 50px; } }

/*==========================================================*/


/* 首页 s */
.index-technology { width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center top; background-color: #1b1f31; padding-top: 40px; padding-bottom: 30px; }

.index-title { text-align: center; color: #5e84ff; line-height: 1.5; font-size: 20px; position: relative; padding-bottom: 10px; }

.index-title:after { content: ''; position: absolute; width: 30px; height: 3px; background-color: #5e84ff; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.index-word { color: #5e84ff; font-size: 14px; line-height: 1.5; text-align: center; }

.subtxtTop { padding-top: 5px; }

.idxtech-wrapper { padding-top: 25px; }

.idxtech-moudle { width: 100%; position: relative; }

.idxtech-addition { padding-top: 10px; }

.idxtech-arrow { display: block; width: 46px; height: 48px; background: url(../img/codeArrowPic.png) no-repeat scroll center; background-size: contain; display: none; }

.core-components { font-size: 0; }

.core-component { display: block; position: relative; background-repeat: no-repeat; background-size: 100% 100%; background-position: center bottom; text-align: center; }

.core-component .component-hd { padding-bottom: 10px; }

.core-component .title { color: #afb9ff; line-height: 1.5; font-size: 16px; }

.core-component .desc { color: #afb9ff; line-height: 1.5; font-size: 14px; }

.core-component .desc p { display: inline-block; vertical-align: top; position: relative; }

.core-componentA { background-image: url(../img/codeunitbg01.png); padding-top: 20px; padding-bottom: 50px; }

.core-componentA .desc p { padding: 0 10px; }

.core-componentB { background-image: url(../img/codeunitbg02.png); padding-bottom: 40px; }

.core-componentB .component-hd { font-size: 0; }

.core-componentB .title { display: inline-block; vertical-align: top; width: 50%; color: #d5fffa; }

.core-componentB .desc { color: #d5fffa; }

.core-componentC { background-image: url(../img/codeunitbg03.png); padding-bottom: 90px; }

.core-componentC .desc p { padding: 0 10px; }

.core-componentC .desc p:after { content: ''; width: 12px; height: 13px; background: url(../img/codeArrowIcon.png) no-repeat scroll center center; background-size: contain; position: absolute; top: 50%; margin-top: -6px; right: -9px; }

.core-componentC .desc p:last-child:after { display: none; }

.idxtech-swiper { width: 100%; overflow: hidden; position: relative; padding: 5px; }

.idxtech-swiper ul::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #282c3d; -webkit-border-radius: 50%; border-radius: 50%; top: 0px; left: 0px; z-index: 22; -webkit-box-shadow: 0 0 4px 6px #1b1f31; box-shadow: 0 0 4px 6px #1b1f31; }

.idxtech-swiper ul::after { content: ''; position: absolute; width: 10px; height: 10px; background-color: #282c3d; -webkit-border-radius: 50%; border-radius: 50%; bottom: 0px; left: 0px; z-index: 22; -webkit-box-shadow: 0 0 4px 6px #1b1f31; box-shadow: 0 0 4px 6px #1b1f31; }

.idxtech-swiper ul li { width: 100%; height: auto; position: relative; }

.idxtech-swiper ul li::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #282c3d; -webkit-border-radius: 50%; border-radius: 50%; top: -5px; right: -5px; z-index: 22; -webkit-box-shadow: 0 0 4px 6px #1b1f31; box-shadow: 0 0 4px 6px #1b1f31; }

.idxtech-swiper ul li:nth-child(odd) a { border-top: 1px solid rgba(255, 255, 255, 0.1); }

.idxtech-swiper ul li:nth-child(even)::after { content: ''; position: absolute; width: 10px; height: 10px; background-color: #282c3d; -webkit-border-radius: 50%; border-radius: 50%; bottom: -5px; right: -5px; z-index: 22; -webkit-box-shadow: 0 0 4px 6px #1b1f31; box-shadow: 0 0 4px 6px #1b1f31; }

.idxtech-swiper ul li:nth-child(1)::after { content: ''; position: absolute; width: 10px; height: 10px; background-color: #282c3d; -webkit-border-radius: 50%; border-radius: 50%; bottom: -5px; left: -5px; z-index: 22; -webkit-box-shadow: 0 0 4px 6px #1b1f31; box-shadow: 0 0 4px 6px #1b1f31; }

.idxtech-swiper ul li:nth-child(1) a, .idxtech-swiper ul li:nth-child(2) a { border-left: 1px solid rgba(255, 255, 255, 0.1); }

.idxtech-swiper ul li a { display: block; width: 100%; position: relative; overflow: hidden; padding: 11.90476% 15px; }

.idxtech-swiper ul li a::before { content: ''; position: absolute; width: 100%; left: 0; bottom: 0; height: 1px; background-color: rgba(255, 255, 255, 0.1); }

.idxtech-swiper ul li a::after { content: ''; position: absolute; width: 1px; right: 0; top: 0; height: 100%; background-color: rgba(255, 255, 255, 0.1); }

.idxtech-swiper ul li .icon { width: 100px; margin: 0 auto; display: block; overflow: hidden; position: relative; -webkit-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }

.idxtech-swiper ul li .icon:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.idxtech-swiper ul li .icon img { display: block; position: absolute; width: 100%; top: 0; left: 0; }

.idxtech-swiper ul li .title { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #afb9ff; font-size: 14px; line-height: 2; text-align: center; }

.idxmm-pagination { width: 100%; text-align: center; line-height: normal; font-size: 0; text-align: center; z-index: 22; bottom: 5%; }

.idxmm-pagination span { display: inline-block; vertical-align: top; width: 8px; height: 8px; background-color: #36439f; margin: 0 5px; cursor: pointer; -webkit-border-radius: 30px; border-radius: 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.idxmm-pagination span.swiper-pagination-bullet-active { background-color: #5e84ff; width: 20px; }

.idxtech-pagination { padding-top: 30px; }

.index-solution { width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center top; background-color: #1e2444; background-image: url(../img/index-prosolbg.jpg); padding-top: 50px; }

.idxsolution-wrapper { padding-top: 30px; }

.idxsolution-swcont { position: relative; }

.idxsolution-swiper { width: 100%; overflow: hidden; position: relative; }

.idxsolution-swiper ul li { width: 100%; height: auto; }

.idxsolution-swiper ul li .conts { display: block; width: 100%; position: relative; padding: 0 25px 70px; }

.idxsolution-swiper ul li .imgbox { width: 100%; overflow: hidden; position: relative; margin-bottom: 7px; }

.idxsolution-swiper ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.idxsolution-swiper ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 69.38776%; }

.idxsolution-swiper ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: auto; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.idxsolution-swiper ul li .mask { display: block; width: 100%; overflow: hidden; z-index: 22; position: absolute; top: 0; left: 0; -webkit-animation: fadeAni cubic-bezier(0.5, 0.36, 0.44, 0.89) 1s infinite forwards alternate; -o-animation: fadeAni cubic-bezier(0.5, 0.36, 0.44, 0.89) 1s infinite forwards alternate; animation: fadeAni cubic-bezier(0.5, 0.36, 0.44, 0.89) 1s infinite forwards alternate; }

.idxsolution-swiper ul li .mask::after { content: ''; display: block; width: 100%; padding-bottom: 69.38776%; }

.idxsolution-swiper ul li .mask img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: auto; height: 100%; }

.idxsolution-swiper ul li .title { color: #7082fb; line-height: 1.5; text-align: center; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 8px; }

.idxsolution-swiper ul li .text { display: block; width: 100%; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-align: center; font-size: 14px; color: #8d9ef0; }

.idxsolution-swiper ul li .base { text-align: center; padding-top: 30px; }

.idxsolution-pagination { position: absolute; }

.idxsolution-swiper-prev, .idxsolution-swiper-next { border-color: #fff; margin-top: 0; top: 36.23188%; }

.idxsolution-swiper-prev:after, .idxsolution-swiper-next:after { border-color: #fff; }

.index-case { width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center top; background-color: #313fa0; padding-top: 50px; padding-bottom: 50px; z-index: 22; }

.idxcase-title { color: #fff; }

.idxcase-title:after { background-color: #fff; }

.idxcase-wrapper { padding-top: 30px; }

.idxcase-module { width: 100%; position: relative; }

.idxcase-taboffset { padding-left: 35px; padding-right: 35px; position: relative; }

.idxcase-tab { width: 100%; overflow: hidden; position: relative; }

.idxcase-tab ul li { width: 100%; height: auto; }

.idxcase-tab ul li a { display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #9ca9ff; position: relative; font-size: 14px; line-height: 44px; text-align: center; padding: 0 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: rgba(255, 255, 255, 0.3); }

.idxcase-tab ul li.cur a { color: #fff; background-color: #5e93ff; }

.idxcase-tabswiper-prev, .idxcase-tabswiper-next { display: block; border-color: #fff; }

.idxcase-tabswiper-prev:after, .idxcase-tabswiper-next:after { border-color: #fff; }

.idxcase-tabswiper-prev { left: 0; }

.idxcase-tabswiper-next { right: 0; }

.idxcase-tabprofile { padding-top: 40px; padding-bottom: 30px; }

.idxcase-tabitem { display: none; }

.idxcase-brief { color: #fff; }

.idxcase-brief .title { font-size: 16px; line-height: 1.5; margin-bottom: 10px; }

.idxcase-brief .text { display: block; width: 100%; font-size: 14px; max-height: 120px; line-height: 24px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }

.idxcase-looktab { padding-bottom: 40px; }

.idxcase-lookitem { display: none; }

.look-more2 { background-color: #d1e1ff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d1e1ff), color-stop(90%, #337bff)); background-image: -webkit-linear-gradient(top, #d1e1ff 20%, #337bff 90%); background-image: -o-linear-gradient(top, #d1e1ff 20%, #337bff 90%); background-image: linear-gradient(to bottom, #d1e1ff 20%, #337bff 90%); color: #003aa9; }

.look-more2::after { background-image: url(../img/button-arrows.png); }

.idxcase-content { background-color: #4656bf; padding: 20px 30px; -webkit-border-top-right-radius: 35px; border-top-right-radius: 35px; -webkit-border-bottom-left-radius: 35px; border-bottom-left-radius: 35px; }

.idxcase-switem { display: none; }

.idxcase-swiper { width: 100%; overflow: hidden; position: relative; }

.idxcase-swiper ul li { width: 100%; height: auto; }

.idxcase-swiper ul li .conts { display: block; width: 100%; position: relative; }

.idxcase-swiper ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.idxcase-swiper ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 84.21053%; }

.idxcase-swiper ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.idxcase-swiper ul li .content { padding-top: 10px; }

.idxcase-swiper ul li .title { display: block; width: 100%; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.5; font-size: 16px; margin-bottom: 5px; }

.idxcase-swiper ul li .text { display: block; width: 100%; color: #fff; font-size: 14px; display: -webkit-box; height: 120px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }

.idxcase-swiper ul li .more { padding-top: 30px; }

.arrow-more { display: inline-block; vertical-align: top; line-height: 28px; position: relative; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 14px; padding-right: 25px; }

.arrow-more:after, .arrow-more::before { content: ''; position: absolute; display: block; width: 15px; height: 9px; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; right: 0; top: 50%; margin-top: -5px; }

.arrow-more::before { background-image: url(../img/small-arrow-next.png); z-index: 1; opacity: 1; }

.arrow-more::after { background-image: url(../img/small-arrow-nexts.png); z-index: 2; opacity: 0; }

.idxcase-swiperhun-offset { padding-top: 20px; }

.swiper-xarrow-prev, .swiper-xarrow-next { display: inline-block; vertical-align: middle; width: 24px; height: 24px; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; background-repeat: no-repeat; background-size: auto; cursor: pointer; }

.swiper-xarrow-prev.swiper-button-disabled, .swiper-xarrow-next.swiper-button-disabled { cursor: default; }

.swiper-xarrow-prev { background-image: url(../img/small-arrow-prev.png); background-position: left 4px center; }

.swiper-xarrow-prev:hover { background-image: url(../img/small-arrow-prevs.png); }

.swiper-xarrow-next { background-image: url(../img/small-arrow-next.png); background-position: right 4px center; }

.swiper-xarrow-next:hover { background-image: url(../img/small-arrow-nexts.png); }

.idxcase-pagination { display: inline-block; vertical-align: middle; color: #fff; line-height: 24px; font-size: 16px; padding: 0 10px; }

.idxcase-pagination .swiper-pagination-current { color: #7283fe; }

.index-introduce { width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center top; background-color: #212644; background-image: url(../img/index-introbg.jpg); z-index: 11; }

.idxintro-region { padding-top: 50px; }

.idxintro-wrapper { padding-top: 40px; padding-bottom: 40px; }

.idxintro-domain { text-align: center; }

.idxintroen-title { color: #96a3ff; font-size: 20px; line-height: 1.2; font-weight: bold; }

.idxintrocn-title { color: #96a3ff; font-size: 16px; line-height: 1.5; }

.idxintro-textcon { padding-top: 10px; }

.idxintro-text { color: #abb9ff; font-size: 14px; line-height: 1.75; }

.idxintro-text p a { margin-top: 20px; }

.idxintro-pic { display: block; width: 100%; overflow: hidden; position: relative; }

.idxintro-pic:after { content: ''; display: block; width: 100%; padding-bottom: 37.84247%; }

.idxintro-pic img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: auto; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.inner-rotate { -webkit-animation: rotateToRunning 12s linear infinite forwards; -o-animation: rotateToRunning 12s linear infinite forwards; animation: rotateToRunning 12s linear infinite forwards; }

.out-rotate { -webkit-animation: rotateOtRunning 12s linear infinite forwards; -o-animation: rotateOtRunning 12s linear infinite forwards; animation: rotateOtRunning 12s linear infinite forwards; }

.index-news { width: 100%; overflow: hidden; position: relative; z-index: 22; background-repeat: no-repeat; background-size: cover; background-position: center top; background-color: #1b1f31; padding-top: 50px; padding-bottom: 50px; }

.idxnews-control { width: 100%; position: relative; }

.idxnews-control .offset { text-align: center; padding-top: 20px; }

.idxnews-wrapper { padding-top: 30px; }

.idxnews-swcont { position: relative; }

.idxnews-swiper { width: 100%; overflow: hidden; position: relative; }

.idxnews-swiper ul li { width: 100%; height: auto; }

.idxnews-swiper ul li .conts { display: block; width: 100%; position: relative; overflow: hidden; }

.idxnews-swiper ul li .time { display: block; line-height: 1.2; color: #7a92ff; font-size: 16px; }

.idxnews-swiper ul li .title { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #7a92ff; font-size: 16px; line-height: 1.5; margin-bottom: 10px; }

.idxnews-swiper ul li .text { display: block; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #aab5eb; font-size: 14px; }

.idxnews-swiper ul li .more { padding-top: 20px; }

.idxnews-pagination { padding-top: 30px; }

.index-package { width: 100%; position: relative; background-color: #1b1f31; padding-bottom: 170px; }

.index-footer { background-color: #1e1e1e; padding-top: 170px; }

.index-partner { position: absolute; left: 0; width: 100%; bottom: -150px; z-index: 23; }

.idxpartner-module { background-color: #313fa0; padding: 50px 18px 60px; -webkit-border-radius: 60px 0 60px 0; border-radius: 60px 0 60px 0; }

.idxpartner-title { color: #c0c4f0; }

.idxpartner-title:after { background-color: #c0c4f0; }

.idxpartner-wrapper { padding-top: 20px; }

.idxpartner-swiper { width: 100%; overflow: hidden; position: relative; }

.idxpartner-swiper ul li { width: 100%; height: auto; }

.idxpartner-swiper ul li a { display: block; width: 100%; position: relative; overflow: hidden; }

.idxpartner-swiper ul li .icon { display: block; width: 100%; overflow: hidden; position: relative; }

.idxpartner-swiper ul li .icon:after { content: ''; display: block; width: 100%; padding-bottom: 35.89744%; }

.idxpartner-swiper ul li .icon img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: auto; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.idxpartner-base { padding-top: 30px; text-align: center; }

.idxpartner-pagination { display: inline-block; vertical-align: middle; line-height: normal; font-size: 0; padding: 0 4px; }

.idxpartner-pagination span { display: inline-block; vertical-align: middle; width: 5px; height: 5px; background-color: #c0c4f0; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 3px; cursor: pointer; }

.idxpartner-pagination span.swiper-pagination-bullet-active { background-color: #ffae00; }

/* 首页 e */
/* 新闻列表 s */
.page-container { width: 100%; overflow: hidden; position: relative; }

.intop { padding-top: 30px; }

.inbot { padding-bottom: 50px; }

.inside-title { color: #1a1a1a; font-size: 20px; line-height: 1.5; text-align: center; }

.innews-content { position: relative; }

.suptop { padding-top: 15px; }

.innews-control { width: 100%; position: relative; padding-bottom: 20px; border-bottom: 2px solid #333333; }

.innews-result { font-size: 0; padding-top: 15px; }

.innews-result .line { display: inline-block; vertical-align: middle; width: 1px; height: 14px; background-color: #dfdfdf; margin: 0 18px; }

.innews-form { position: relative; }

.innews-form.has { padding-left: 125px; }

.innews-form.has .select-unit { position: absolute; top: 0; left: 0; }

.select-unit { border: 1px solid #aaaaaa; width: 120px; }

.select-unit select { display: block; width: 100%; height: 40px; color: #828282; font-size: 14px; padding-left: 10px; padding-right: 20px; background-image: url(../img/input-arrow.png); background-repeat: no-repeat; background-size: auto; background-position: center right 12px; }

.form-unit { width: 100%; position: relative; border: 1px solid #aaaaaa; }

.form-unit .input { display: block; width: 100%; height: 40px; color: #828282; font-size: 14px; padding-left: 10px; padding-right: 60px; }

.form-unit .btns { width: 60px; position: absolute; right: 0; top: 0; height: 40px; background: transparent url(../img/form-search.png) no-repeat scroll center center; font-size: 0; }

.innews-mask { display: inline-block; vertical-align: middle; line-height: 24px; color: #828282; font-size: 14px; }

.innews-mask .nums { color: #3047c7; font-weight: bold; }

.innews-list { width: 100%; position: relative; }

.innews-list ul li { border-bottom: 1px solid #eeeeee; position: relative; }

.innews-list ul li a { display: block; width: 100%; position: relative; overflow: hidden; padding: 20px 0; }

.innews-list ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.innews-list ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 62.5%; }

.innews-list ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.innews-list ul li .content { padding-top: 15px; }

.innews-list ul li .time { color: #828282; font-size: 13px; line-height: 1.5; margin-bottom: 3px; }

.innews-list ul li .title { color: #333333; font-size: 18px; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; margin-bottom: 10px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.innews-list ul li .text { color: #333333; font-size: 14px; display: block; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.innews-list ul li .text br { display: none; }

.hundel-loadmore { padding-top: 30px; }

/* 新闻列表 e */
/* 新闻详情  s */
.innews-header { position: relative; padding-top: 20px; padding-bottom: 20px; border-top: 2px solid #333333; border-bottom: 1px solid #eeeeee; }

.innews-header .time { color: #828282; font-size: 13px; line-height: 1.5; padding-top: 5px; }

.article-title { color: #333333; font-size: 18px; line-height: 1.5; }

.article-context { color: #666666; font-size: 14px; line-height: 1.71429; padding-top: 25px; padding-bottom: 35px; }

.article-context img { max-width: 100% !important; height: auto !important; }

.article-share { padding-top: 20px; padding-bottom: 20px; }

.share-module { position: relative; font-size: 0; }

.share-module .title { display: inline-block; vertical-align: middle; color: #666; font-size: 14px; line-height: 1.5; padding-right: 7px; }

.share-module .bdsharebuttonbox { line-height: normal; display: inline-block; vertical-align: middle; }

.share-module .bdsharebuttonbox a { display: inline-block; vertical-align: top; margin: 0; width: 24px; height: 24px; background-position: center center; float: none; background-size: contain; margin-left: 3px; margin-right: 3px; position: relative; border: none; }

.share-module .bdsharebuttonbox a::before { display: none; }

.share-module .bdsharebuttonbox a:hover { background-size: 100% 100%; background-position: center center; opacity: 1; }

.share-module .bdsharebuttonbox a:hover .img { opacity: 1; visibility: visible; }

.share-module .bdsharebuttonbox a .img { position: absolute; width: 150px; height: 150px; padding: 5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; bottom: 44px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; }

.share-module .bdsharebuttonbox a .img img { display: block; width: 100%; }

.share-module .bdsharebuttonbox a .img:after { content: ''; border: 8px solid transparent; border-top-color: #fff; position: absolute; bottom: -16px; left: 50%; margin-left: -8px; }

.share-module .bdsharebuttonbox .bds_weixin { background-image: url(../img/weixin.png); }

.share-module .bdsharebuttonbox .bds_tsina { background-image: url(../img/weibo.png); }

.share-module .bdsharebuttonbox .bds_sqq { background-image: url(../img/qq.png); }

.as-tabmodule { width: 100%; position: relative; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }

.as-tabmodule .item { line-height: 30px; }

.as-tabmodule .item a { display: inline-block; vertical-align: top; max-width: 100%; position: relative; color: #333333; font-size: 14px; }

.as-tabmodule .item a .for { position: absolute; left: 0; top: 0; width: 56px; color: #999999; }

.as-tabmodule .item a .txt { display: block; width: 100%; padding-left: 56px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.article-control { text-align: right; padding-top: 30px; }

.return-button { display: inline-block; vertical-align: top; color: #333333; font-size: 14px; line-height: 1.5; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid #eeeeee; -webkit-border-radius: 70px; border-radius: 70px; padding: 12px 60px; }

/* 新闻详情  e */
/* 客户案例-智能制造案例 s */
.custome-panel { padding-top: 15px; padding-bottom: 30px; }

.custome-swiper { width: 100%; overflow: hidden; position: relative; }

.custome-swiper ul li { width: 100%; height: auto; }

.custome-swiper ul li .conts { display: block; width: 100%; position: relative; overflow: hidden; background-color: #f7f7f7; }

.custome-swiper ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.custome-swiper ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 56.66667%; }

.custome-swiper ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.custome-swiper ul li .content { padding: 20px 15px 30px; }

.custome-swiper ul li .title { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333333; font-size: 16px; font-weight: bold; line-height: 1.5; margin-bottom: 5px; }

.custome-swiper ul li .text { display: block; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #828282; font-size: 14px; }

.custome-swiper ul li .more { padding-top: 20px; }

.look-detail { display: inline-block; vertical-align: top; background-color: #3047c7; color: #fff; font-size: 14px; line-height: 1.5; padding: 12px 40px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.custome-pagination { padding-top: 20px; }

.custome-fullbar { background-color: #f7f7f7; padding-top: 30px; padding-bottom: 50px; }

.custome-filter { width: 100%; position: relative; margin-bottom: 15px; font-size: 0; z-index: 33; }

.cfilter-all { display: inline-block; vertical-align: top; line-height: 30px; position: relative; color: #222222; font-size: 14px; font-weight: bold; padding: 0 20px; }

.cfilter-all::before { content: ''; position: absolute; width: 14px; height: 14px; left: 0; top: 8px; background: url(../img/all-icon.png) no-repeat scroll center center; }

.quoted-dropdown { display: inline-block; vertical-align: top; position: relative; padding: 0 20px; }

.quoted-dropdown::before { content: ''; position: absolute; width: 1px; height: 13px; background-color: #dddddd; left: 0; top: 8px; }

.quoted-dropdown .quotedbtn { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222222; font-size: 14px; padding-right: 18px; font-weight: bold; line-height: 30px; position: relative; cursor: pointer; }

.quoted-dropdown .quotedbtn:after { content: ''; position: absolute; border: 4px solid transparent; border-top-color: #333333; top: 13px; right: 0px; }

.quoted-dropdown.open .dropdown-menu { display: block; }

.quoted-dropdown.open .quotedbtn:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); top: 9px; }

.quoted-dropdown .dropdown-menu { position: absolute; top: 100%; left: 0; width: 100%; background-color: #ffffff; border: 1px solid #ebebeb; border-top: none; padding-top: 8px; padding-bottom: 8px; display: none; }

.quoted-dropdown .dropdown-menu li { width: 100%; line-height: 32px; text-align: center; }

.quoted-dropdown .dropdown-menu li a { display: block; color: #333; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding-right: 10px; }

.custome-wrapper { margin-bottom: -20px; }

.custome-list { width: 100%; position: relative; }

.custome-list ul { margin: 0 -10px; }

.custome-list ul li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }

.custome-list ul li a { display: block; width: 100%; position: relative; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #fff; }

.custome-list ul li .imgboxs { position: relative; width: 100%; overflow: hidden; }

.custome-list ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.custome-list ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 52.63158%; }

.custome-list ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.custome-list ul li .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 11; }

.custome-list ul li .plus { display: block; width: 49px; height: 49px; position: absolute; top: 50%; left: 50%; z-index: 22; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/plus-icon.png) no-repeat scroll center center; background-size: contain; -webkit-transition: top 0.9s,opacity 0.3s; -o-transition: top 0.9s,opacity 0.3s; transition: top 0.9s,opacity 0.3s; opacity: 0; top: 0; }

.custome-list ul li .content { padding: 12px 10px; }

.custome-list ul li .title { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666666; font-size: 14px; line-height: 1.5; text-align: center; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

/* 客户案例-智能制造案例 e */
/* 常见问题 s */
.service-question { width: 100%; position: relative; }

.question-tabbar { position: relative; width: 100%; padding-left: 30px; padding-right: 30px; }

.question-tabbar::before, .question-tabbar::after { content: ''; position: absolute; width: 100%; height: 1px; background-color: #dcdcdc; left: 0; z-index: 0; }

.question-tabbar::before { top: 0; }

.question-tabbar::after { bottom: 0; }

.question-swiper { width: 100%; overflow: hidden; position: relative; z-index: 2; }

.question-swiper ul li { width: 100%; position: relative; height: auto; line-height: 30px; }

.question-swiper ul li a { display: block; position: relative; width: 100%; text-align: center; color: #666666; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 10px 0; }

.question-swiper ul li a::after { content: ''; position: absolute; height: 2px; background-color: #3047c7; bottom: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 51%; right: 51%; }

.question-swiper ul li.cur a { color: #3047c7; }

.question-swiper ul li.cur a::after { left: 0; right: 0; }

.question-swiper-prev, .question-swiper-next { display: block; }

.question-swiper-prev { left: 0; }

.question-swiper-next { right: 0; }

.question-list { width: 100%; position: relative; }

.question-list ul li { width: 100%; position: relative; border-bottom: 1px solid #eaeaea; }

.question-list ul li.cur .arrow { border-color: #3047c7; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 30px; }

.question-list ul li .cell-hd { width: 100%; position: relative; padding: 20px 30px 20px 45px; }

.question-list ul li .cell-bd { width: 100%; position: relative; padding: 20px 30px 20px 45px; border-top: 1px solid #eaeaea; background-color: #fbfbfb; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; display: none; }

.question-list ul li .cell-bd .letter { color: #3047c7; }

.question-list ul li .letter { color: #828282; font-size: 16px; font-weight: bold; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: absolute; left: 0; width: 45px; text-align: center; top: 20px; line-height: 1.5; }

.question-list ul li .title { color: #828282; font-size: 14px; line-height: 1.75; }

.question-list ul li .text { color: #828282; font-size: 14px; line-height: 2; }

.question-list ul li .arrow { position: absolute; width: 12px; height: 12px; border: 2px solid #c0c0c0; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 10px; top: 24px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

/* 常见问题 e */
/* 网络营销 s */
.service-network { width: 100%; position: relative; }

.baiduMap { height: 400px; }

.network-aside { padding-top: 30px; }

.network-swiper { width: 100%; position: relative; overflow: hidden; padding-bottom: 10px; }

.network-swiper ul li { width: 100%; height: auto; position: relative; }

.network-swiper ul li a { display: block; width: 100%; position: relative; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 18px 15px; }

.network-swiper ul li a::before { content: ''; position: absolute; width: 18px; height: 18px; border: 2px solid #fff; border-top: none; border-right: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 50px; top: 50%; margin-top: -10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; display: none; }

.network-swiper ul li .title { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333333; font-size: 16px; font-weight: bold; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; margin-bottom: 3px; }

.network-swiper ul li .desc { display: block; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 14px; }

.network-swiper ul li.cur a { background-color: #3047c7; -webkit-box-shadow: 0 5px 10px -5px rgba(45, 62, 199, 0.4); box-shadow: 0 5px 10px -5px rgba(45, 62, 199, 0.4); }

.network-swiper ul li.cur a::before { opacity: 1; }

.network-swiper ul li.cur .title { color: #fff; }

.network-swiper ul li.cur .desc { color: #fff; opacity: 0.8; }

.network-pagination { padding-top: 10px; }

/* 网络营销 e */
/* 资料下载 s */
.download-control { width: 100%; position: relative; border: 2px solid #f2f2f2; border-top-color: #3047c7; padding: 30px 30px; margin-bottom: 30px; }

.download-control::before, .download-control::after { content: ''; position: absolute; width: 2px; height: 45px; background-color: #3047c7; top: -2px; }

.download-control::before { left: -2px; }

.download-control::after { right: -2px; }

.download-search { width: 100%; max-width: 590px; margin: 0 auto; }

.download-form { width: 100%; position: relative; }

.download-form.has { padding-left: 100px; }

.download-form.has .download-select { position: absolute; top: 0; left: 0; }

.download-select { width: 95px; display: block; }

.download-select select { width: 100%; height: 40px; color: #828282; border: 1px solid #aaaaaa; text-align: center; font-size: 14px; padding-left: 10px; padding-right: 20px; background-image: url(../img/input-arrow.png); background-repeat: no-repeat; background-size: auto; background-color: transparent; background-position: center right 12px; }

.download-ctrl { width: 100%; position: relative; padding-right: 50px; }

.download-ctrl .input { display: block; width: 100%; height: 40px; color: #828282; font-size: 14px; padding-left: 10px; padding-right: 60px; font-size: 14px; border: 1px solid #aaaaaa; }

.download-ctrl .btns { width: 40px; position: absolute; right: 0; top: 0; height: 40px; background: #3b3c3d url(../img/down-search.png) no-repeat scroll center center; font-size: 0; }

.download-result { text-align: center; line-height: 1.5; color: #828282; font-size: 14px; padding-top: 10px; }

.download-list { width: 100%; position: relative; border-top: 1px solid #333333; }

.download-list ul li { border-bottom: 1px solid #e4e4e4; }

.download-list ul li .conts { display: block; width: 100%; position: relative; overflow: hidden; padding: 15px 40px 15px 60px; }

.download-list ul li .mask { position: absolute; top: 15px; left: 10px; width: 32px; }

.download-list ul li .mask img { display: block; width: 100%; }

.download-list ul li .title { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 32px; padding: 0px 20px; border-left: 1px solid #e4e4e4; color: #333333; font-size: 14px; }

.download-list ul li .down { width: 32px; display: block; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url(../img/down-icon.png); -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; position: absolute; right: 10px; top: 15px; z-index: 10; }

.download-list ul li .down:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.download-list ul li .down img { display: block; position: absolute; width: 100%; top: 0; left: 0; }

/* 资料下载 e */
/* 发展历程 s */
.course-module { width: 100%; position: relative; padding-top: 45px; padding-bottom: 65px; }

.course-module:after { content: ''; position: absolute; left: 33.33333%; width: 2px; height: 100%; background-color: #ebebeb; top: 0; z-index: 2; margin-left: -1px; }

.course-offset { padding-bottom: 10px; }

.course-title { color: #666666; font-size: 18px; font-weight: bold; line-height: 1.5; }

.active-container { position: absolute; width: 1920px; height: 110px; border: 1px solid #d1d1d1; bottom: 285px; right: 66.66667%; z-index: 1; margin-right: -1px; }

.course-container { width: 100%; height: 550px; position: relative; padding-left: 33.33333%; z-index: 10; }

.course-swyear { position: absolute; left: 0; top: 0; width: 33.33333%; height: 100%; padding-top: 220px; padding-bottom: 220px; overflow: hidden; }

.course-swyear ul li { width: 100%; height: auto; position: relative; padding-right: 15px; }

.course-swyear ul li:after { content: ''; position: absolute; right: 0px; width: 2px; background-color: #979797; height: 20%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: opacity 0.3s 0.1s; -o-transition: opacity 0.3s 0.1s; transition: opacity 0.3s 0.1s; }

.course-swyear ul li.swiper-slide-active .course-font { color: #666666; }

.course-swyear ul li.swiper-slide-active:after { opacity: 1; }

.course-table { display: table; width: 100%; height: 100%; }

.course-font { display: table-cell; vertical-align: middle; text-align: center; color: #d1d1d1; line-height: 1.5; font-size: 22px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.course-font span { font-size: 14px; padding-left: 5px; }

.course-descontent { width: 100%; height: 100%; overflow: hidden; padding-left: 35px; padding-top: 20px; padding-bottom: 20px; }

.course-IScroll { max-height: 100%; overflow-y: auto; width: 100%; padding-right: 10px; }

.course-IScroll::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.5); opacity: 0; }

.course-IScroll::-webkit-scrollbar { width: 2px; height: 2px; opacity: 0; display: none; }

.course-IScroll::-webkit-scrollbar-thumb { background-color: #5e84ff; -webkit-border-radius: 10px; border-radius: 10px; opacity: 0; }

.course-dectit { margin-bottom: 20px; }

.course-dectit .title { color: #5e84ff; font-size: 18px; line-height: 1.5; }

.course-dectit .sub { color: #5e84ff; opacity: 0.3; line-height: 1.2; font-size: 18px; font-weight: bold; }

.course-item { display: none; }

.course-contxt { color: #333333; font-size: 14px; line-height: 1.875; }

.course-contxt .title { font-weight: bold; line-height: 1.5; font-size: 16px; margin-bottom: 3px; }

.course-contxt img { max-width: 100% !important; height: auto !important; }

.course-swiper-prev { bottom: 355px; left: -10px; }

.course-swiper-next { bottom: 295px; left: -10px; }

/* 发展历程 e */
/* 团队管理 s */
.team-wrapper { padding-top: 20px; }

.teamfull-conts { width: 100%; position: relative; }

.team-swiper { width: 100%; overflow: hidden; position: relative; }

.team-swiper ul li { width: 100%; position: relative; }

.team-swiper ul li .conts { display: block; width: 100%; position: relative; }

.team-swiper ul li .name-font { position: absolute; width: 100%; top: 0px; left: 0; z-index: 1; }

.team-swiper ul li .name-font img { display: block; width: 100%; }

.team-swiper ul li .content { position: relative; z-index: 10; }

.team-swiper ul li .people { padding-bottom: 10px; }

.team-swiper ul li .title { color: #000000; font-size: 20px; line-height: 1.5; display: inline-block; vertical-align: baseline; }

.team-swiper ul li .title .tag { font-size: 14px; }

.team-swiper ul li .tips { display: inline-block; vertical-align: baseline; color: #000000; font-size: 14px; line-height: 1.5; padding-left: 15px; }

.team-swiper ul li .progress { color: #666666; font-size: 14px; line-height: 24px; }

.team-swiper ul li .progress .item { display: block; position: relative; margin-bottom: 5px; padding-left: 15px; }

.team-swiper ul li .progress .item::before { content: ''; position: absolute; width: 4px; height: 4px; background-color: #666666; left: 0; top: 10px; }

.team-swiper ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; max-width: 325px; margin: 0 auto; -webkit-transition: all 0.3s .03s; -o-transition: all 0.3s .03s; transition: all 0.3s .03s; z-index: 2; }

.team-swiper ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 110.47619%; }

.team-swiper ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.team-swiper ul li .hidden { display: none; }

.team-pagination { position: absolute; bottom: 2%; }

.team-offset { font-size: 0; display: none; }

.team-swiper-prev, .team-swiper-next { display: inline-block; vertical-align: top; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; cursor: pointer; background-repeat: no-repeat; background-size: contain; background-position: center center; z-index: 33; width: 48px; height: 48px; border: 1px solid #dcdcdc; }

.team-swiper-prev { background-image: url(../img/team-prev.png); background-color: #fff; }

.team-swiper-next { background-image: url(../img/team-nexts.png); background-color: #00a6f0; border-color: #00a6f0; }

/* 团队管理 e */
/* 合作伙伴 s */
.partner-container { width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom; background-image: url(../img/parnerbg.png); padding-bottom: 20px; }

.partner-wrapper { padding-top: 20px; }

.partner-list { width: 100%; position: relative; }

.partner-list ul { margin: 0 -10px; }

.partner-list ul li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }

.partner-list ul li a { display: block; width: 100%; position: relative; overflow: hidden; }

.partner-list ul li .icon { display: block; width: 100%; overflow: hidden; position: relative; }

.partner-list ul li .icon:after { content: ''; display: block; width: 100%; padding-bottom: 42.85714%; }

.partner-list ul li .icon img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: auto; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

/* 合作伙伴 e */
/* 荣誉资质 s */
.honor-content { width: 100%; position: relative; }

.honor-panel { width: 100%; position: relative; }

.honor-panel .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.honor-panel .figure:after { content: ''; display: block; width: 100%; padding-bottom: 75%; }

.honor-panel .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: auto; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.honor-panel .content { position: absolute; z-index: 2; width: 100%; top: 23.33333%; left: 0; padding: 0 15px; }

.honor-panel .title { color: #ffffff; font-size: 18px; line-height: 1.5; margin-bottom: 3px; }

.honor-panel .text { color: #ffffff; font-size: 14px; line-height: 1.3; opacity: 0.3; }

.honor-panel .text br { display: none; }

.honor-wrapper { position: relative; z-index: 22; padding-left: 15px; padding-right: 15px; margin-top: -40px; }

.honor-listcon { background-color: #fff; padding-top: 20px; padding-left: 20px; padding-right: 20px; }

.honor-list { position: relative; }

.honor-list ul { margin: 0 -10px; }

.honor-list ul li { padding-left: 10px; padding-right: 10px; margin-bottom: 15px; position: relative; padding-top: 15px; }

.honor-list ul li a { display: block; width: 100%; position: relative; overflow: hidden; }

.honor-list ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; border: 1px solid #e5e5e5; }

.honor-list ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 140.74074%; }

.honor-list ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.honor-list ul li .content { padding-top: 15px; }

.honor-list ul li .title { text-align: center; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666666; font-size: 16px; line-height: 1.5; }

/* 荣誉资质 e */
/* 社会招聘 s */
.recruit-form { position: relative; }

.recruit-form::after { content: ''; position: absolute; width: 1px; height: 24px; background-color: #e5e5e5; right: 64px; top: 50%; margin-top: -12px; }

.recruit-form .sinput { display: block; width: 100%; border: 2px solid #e5e5e5; height: 48px; font-size: 14px; color: #333; padding-left: 10px; padding-right: 64px; }

.recruit-form .sbtn { position: absolute; width: 60px; height: 48px; top: 0; right: 0; cursor: pointer; background: transparent url(../img/recruit-search.png) no-repeat scroll center center; font-size: 0; background-size: contain; }

.recruit-filter { padding-top: 20px; padding-bottom: 30px; }

.filter-unit { position: relative; overflow: hidden; line-height: 30px; }

.filter-unit .ms-type { color: #333333; font-size: 14px; font-weight: bold; margin-bottom: 10px; }

.filter-unit .ms-filter { font-size: 0; }

.filter-unit .ms-filter li { display: inline-block; vertical-align: top; position: relative; margin-right: 15px; margin-bottom: 10px; }

.filter-unit .ms-filter li a { display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 4px; border-radius: 4px; color: #999999; font-size: 14px; padding: 0 10px; min-width: 65px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.filter-unit .ms-filter li .close { position: absolute; width: 11px; height: 11px; right: 10px; top: 9px; background: url(../img/zpclose.png) no-repeat scroll center center; display: none; cursor: pointer; }

.filter-unit .ms-filter li.cur a { background-color: #3047c7; color: #fff; }

.filter-unit .ms-filter li.cur .close { display: block; }

.filter-unit .ms-filter li.cur .close + a { padding-right: 28px; }

.recruit-request { background-color: #f7f7f7; padding-top: 30px; padding-bottom: 35px; }

.recruit-list { width: 100%; position: relative; }

.recruit-list ul li { margin-bottom: 10px; }

.recruit-list ul li .hd { width: 100%; position: relative; border: 1px solid #e5e5e5; background-color: #ffffff; padding: 10px 15px; }

.recruit-list ul li .hd .title { color: #333333; font-size: 14px; line-height: 32px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.recruit-list ul li .hd .addr { color: #929292; font-size: 14px; line-height: 1.5; padding-bottom: 5px; }

.recruit-list ul li .hd .date { position: relative; padding-left: 26px; color: #808080; font-size: 14px; line-height: 28px; }

.recruit-list ul li .hd .date::before { content: ''; position: absolute; width: 17px; height: 17px; left: 0; top: 5px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url(../img/talentdate.png); }

.recruit-list ul li .hd .close { position: absolute; width: 32px; height: 32px; top: 50%; right: 0; margin-top: -16px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s; }

.recruit-list ul li .hd .close:after, .recruit-list ul li .hd .close::before { content: ''; position: absolute; background-color: #c6c6c6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.recruit-list ul li .hd .close::before { height: 1px; width: 24px; left: 4px; top: 15px; }

.recruit-list ul li .hd .close:after { width: 1px; height: 24px; top: 4px; left: 15px; }

.recruit-list ul li .con { width: 100%; position: relative; padding-right: 32px; overflow: hidden; }

.recruit-list ul li .bd { display: none; width: 100%; padding: 20px 15px 30px; border: 1px solid #e5e5e5; border-top: none; }

.recruit-list ul li .detail { color: #a7a7a7; font-size: 14px; line-height: 1.85714; }

.recruit-list ul li .detail .title { color: #282828; font-size: 16px; font-weight: bold; margin-bottom: 5px; }

.recruit-list ul li .vlink { padding-top: 24px; }

.recruit-list ul li.on .hd { background-color: transparent;color:#005AE2 }

.recruit-list ul li.on .hd .date { color:#005AE2}
.recruit-list ul li.on .hd .addr { color:#005AE2}
.recruit-list ul li.on .hd .title { color:#005AE2}

.recruit-list ul li.on .hd .close { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.recruit-list ul li.on .hd .close:after, .recruit-list ul li.on .hd .close::before { background-color: #3047c7; }

.recruit-view { display: inline-block; vertical-align: top; line-height: 28px; text-align: center; color: #fff; background-color: #3047c7; font-size: 16px; padding: 6px 40px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.recruit-list ul li .hd { padding: 24px 40px; }
.recruit-list ul li .bd { padding: 40px 40px 45px; }
.recruit-list ul li .detail .title { font-size: 18px; margin-bottom: 10px; }
.recruit-list ul li .hd { padding: 20px 30px; cursor: pointer; }
.recruit-list ul li .hd .title { float: left; width: 22.42991%; }
.recruit-list ul li .hd .addr { float: left; width: 30.84112%; line-height: 32px; padding-bottom: 0px; }
.recruit-list ul li .hd .date { line-height: 32px; float: left; }
.recruit-list ul li .bd { padding: 30px 30px 40px; }
/* 社会招聘 e */
/* 校园招聘 s */
.zpschool-wrapper { padding-bottom: 40px; }

.zpschool-conts { position: relative; }

.zpschool-swiper { width: 100%; overflow: hidden; position: relative; }

.zpschool-swiper ul li { width: 100%; height: auto; position: relative; }

.zpschool-swiper ul li a { display: block; width: 100%; position: relative; overflow: hidden; }

.zpschool-swiper ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.zpschool-swiper ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 98.42105%; }

.zpschool-swiper ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.zpschool-swiper ul li .content { padding-top: 15px; }

.zpschool-swiper ul li .title { display: block; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333333; font-size: 16px; }

.zpschool-swiper ul li .text { display: block; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #828282; font-size: 14px; margin-top: 10px; margin-bottom: 15px; }

.zpschool-swiper ul li .time { color: #828282; font-size: 13px; line-height: 1.5; }

.zpschool-pagination { padding-top: 30px; }

.zpschool-panel { position: relative; }

.zpschool-panel .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.zpschool-panel .figure:after { content: ''; display: block; width: 100%; padding-bottom: 62.5%; }

.zpschool-panel .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: auto; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.zpschool-panel .offset { position: absolute; top: 26.66667%; left: 0; width: 100%; z-index: 22; }

.zpschool-panel .more-top { padding-top: 30px; text-align: center; }

.zpschool-font { position: relative; text-align: center; }

.zpschool-font .title { color: #fff; line-height: 1.5; font-size: 18px; width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.zpschool-font .bsen { display: block; overflow: hidden; }

.zpschool-font .bsen img { display: block; max-width: 100%; margin: 0 auto; }

.request-button { display: inline-block; vertical-align: top; position: relative; text-align: center; color: #ffffff; font-size: 14px; line-height: 1.5; border: 1px solid #fff; padding: 11px 45px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.zpschool-video { padding-top: 30px; padding-bottom: 40px; }

.invideo-module { position: relative; }

.video-display { position: relative; overflow: hidden; margin-bottom: 10px; }

.video-display .videobox { position: absolute !important; width: 100%; left: 0; top: 0; height: 100%; cursor: pointer; z-index: 11; }

.video-display .videobox video { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.video-display .videomark { width: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 1; visibility: visible; z-index: 22; cursor: pointer; }

.video-display .videomark.close { opacity: 0; visibility: hidden; }

.video-display .videomark .cover { display: block; width: 150%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.video-display .videomark .offset { position: absolute; top: 0; left: 0; width: 100%; z-index: 11; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.invideo-mode { padding-left: 15px; padding-right: 15px; width: 100%; max-width: 730px; margin: 0 auto; text-align: center; }

.invideo-mode .playbtn { padding-top: 15px; text-align: center; }

.invideo-font { text-align: center; position: relative; padding: 10px 0; }

.invideo-font .title { line-height: 1.5; color: #fff; font-size: 18px; margin-bottom: 4px; z-index: 2; position: relative; }

.invideo-font .text { color: #ffffff; font-size: 12px; line-height: 1.71429; z-index: 2; position: relative; }

.invideo-font .fzimg { position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; height: 100%; max-height: 150px; width: auto; }

.invio-btn { display: inline-block; vertical-align: top; width: 45px; height: 45px; background: url(../img/playerbtn.png) no-repeat scroll center center; background-size: contain; -webkit-border-radius: 50%; border-radius: 50%; }

.videolist-base { position: relative; }

.videolist-swiper { width: 100%; overflow: hidden; position: relative; }

.videolist-swiper ul li a { display: block; width: 100%; position: relative; overflow: hidden; }

.videolist-swiper ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.videolist-swiper ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 46.66667%; }

.videolist-swiper ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.videolist-swiper ul li .title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; color: #666666; font-size: 14px; line-height: 1.5; padding-top: 10px; }

.videolist-pagination { padding-top: 20px; }

/* 校园招聘 e */
/* 联系我们 s */
.contact-wrapper { padding-bottom: 40px; }

.contact-message { position: relative; }

.contact-wover { padding-bottom: 40px; }

.contact-file { padding-bottom: 30px; }

.contact-file .title { color: #333333; font-size: 16px; line-height: 1.5; margin-bottom: 4px; }

.contact-file .text { color: #878282; font-size: 14px; line-height: 1.5; }

.contact-info li { position: relative; padding-left: 32px; line-height: 28px; color: #666666; font-size: 14px; margin-bottom: 8px; }

.contact-info li .icon { position: absolute; width: 20px; top: 2px; left: 0; }

.contact-info li a { color: inherit; }

.feedback-form { position: relative; }

.feedback-list { margin: 0 -10px; }

.feedback-list li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }

.feedback-control { position: relative; }

.feedback-control .label { display: block; color: #333333; font-size: 14px; font-weight: bold; line-height: 1.625; margin-bottom: 10px; cursor: default; }

.feedback-control .control { display: block; width: 100%; height: 36px; border-bottom: 1px solid #b5b5b5; color: #333; font-size: 14px; line-height: 36px; }

.feedback-require { text-align: right; }

.feedback-submit { display: inline-block; vertical-align: top; position: relative; }

.feedback-submit .control { display: block; cursor: pointer; height: 44px; line-height: 42px; border: 1px solid #3047c7; color: #3047c7; background-color: transparent; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 0 40px; }

.contact-map { width: 100%; position: relative; }

.mappos-mask { position: absolute; left: 15px; top: -40px; z-index: 22; }

.map-mask { display: block; overflow: hidden; position: relative; width: 80px; -webkit-box-shadow: 0 10px 15px -10px #344dcc; box-shadow: 0 10px 15px -10px #344dcc; }

.map-mask:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.map-mask img { display: block; position: absolute; width: 100%; top: 0; left: 0; }

.cbaiduMap { height: 400px; }

/* 联系我们 e */
/* 产品方案 超高清视频 s */
.special-state { position: relative; padding-bottom: 30px; }

.special-smti { color: #4c505c; font-size: 18px; line-height: 1.5; text-align: center; }

.special-space { padding-top: 10px; max-width: 1200px; margin: 0 auto; }

.special-word { text-align: center; color: #4c505c; font-size: 14px; line-height: 1.75; }

.special-word br { display: none; }

.special-drawer { position: relative; }

.drawer-tabcons { position: relative; padding-left: 40px; padding-right: 40px; }

.drawer-tab { width: 100%; overflow: hidden; position: relative; padding-left: 1px; }

.drawer-tab ul li { width: 100%; height: auto; overflow: hidden; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }

.drawer-tab ul li a.active { color: #3047c7; }

.drawer-tab ul li a.active:after { left: -1px; right: -1px; }

.drawer-tab ul li:first-child { border-left: 1px solid #e5e5e5; }

.drawer-tab ul li a { display: block; position: relative; text-align: center; color: #4c505c; font-size: 14px; padding: 10px 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.drawer-tab ul li a:after { content: ''; position: absolute; left: 51%; right: 51%; bottom: 0px; height: 3px; background-color: #3047c7; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 2; }

.drawer-tab ul li a::before { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #e5e5e5; z-index: 1; }

.drawertab-swiper-prev, .drawertab-swiper-next { display: block; }

.drawertab-swiper-prev { left: 0; }

.drawertab-swiper-next { right: 0; }

.drawer-engine { padding-top: 30px; padding-bottom: 40px; position: relative; z-index: 22; }

.special-title { text-align: center; position: relative; line-height: 1.5; color: #4c505c; font-size: 20px; }

.engine-fullbar { padding-top: 20px; padding-bottom: 15px; }

.yqmatrix-engine { display: block; width: 100%; position: relative; }

.yqmatrix-spread { position: relative; }

.yqmatrix-core { text-align: center; line-height: 1.5; }

.yqmatrix-core .corebase { display: block; overflow: hidden; position: relative; width: 100%; max-width: 320px; margin: 0 auto; display: none; }

.yqmatrix-core .corebase:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.yqmatrix-core .corebase img { display: block; position: absolute; width: 100%; top: 0; left: 0; }

.yqmatrix-core .title { color: #424856; font-size: 16px; margin-bottom: 6px; }

.yqmatrix-core .text { color: #9598a0; font-size: 13px; }

.yqmatrix-expand { padding-top: 30px; padding-bottom: 20px; font-size: 0; }

.yqmatrix-expand li { display: block; position: relative; width: 100%; overflow: hidden; line-height: 1.5; margin-bottom: 20px; }

.yqmatrix-expand li .icon { display: block; overflow: hidden; position: relative; width: 70px; float: left; }

.yqmatrix-expand li .icon:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.yqmatrix-expand li .icon img { display: block; position: absolute; width: 100%; top: 0; left: 0; }

.yqmatrix-expand li .mode { display: block; width: auto; overflow: hidden; padding-top: 12px; padding-left: 10px; }

.yqmatrix-expand li .title { color: #424856; font-size: 14px; margin-bottom: 2px; }

.yqmatrix-expand li .text { color: #9598a0; font-size: 13px; }

.yqmatrix-wing .wing-item { margin-bottom: 20px; }

.wing-circle .figure { display: block; overflow: hidden; position: relative; display: none; }

.wing-circle .figure:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.wing-circle .figure img { display: block; position: absolute; width: 100%; top: 0; left: 0; }

.wing-circle .title { color: #424856; font-size: 16px; margin-bottom: 6px; }

.wing-circle .text { color: #9598a0; font-size: 13px; }

.engine-accordion { position: relative; width: 100%; }

.engine-accordion ul li { position: relative; overflow: hidden; margin-bottom: 20px; -webkit-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear; }

.engine-accordion ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.engine-accordion ul li .figure img { display: block; width: 100%; }

.engine-accordion ul li .content { padding-top: 10px; -webkit-transition: padding-top 0.3s linear; -o-transition: padding-top 0.3s linear; transition: padding-top 0.3s linear; }

.engine-accordion ul li .num { line-height: 1; color: #ff9e21; font-size: 18px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow: hidden; }

.engine-accordion ul li .title { line-height: 1.5; font-size: 16px; margin-bottom: 10px; padding-top: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.engine-accordion ul li .text { font-size: 14px; line-height: 24px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.engine-accordion ul li .text > p, .engine-accordion ul li .text > * { display: block; position: relative; padding-left: 8px; }

.engine-accordion ul li .text > p::before, .engine-accordion ul li .text > *::before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #333; left: 0; top: 10px; }

.drawer-smore { position: relative; padding-top: 30px; padding-bottom: 35px; }

.smore-fullbar { position: relative; z-index: 22; }

.smore-fullbar::before { content: ''; position: absolute; width: 100%; left: 0; bottom: 200px; background: url(../img/smore-maskbg.png) no-repeat scroll center bottom; background-size: contain; height: 330px; z-index: 1; }

.smore-fullbar .commonweb { position: relative; z-index: 2; }

.smore-tabbar { position: relative; padding-top: 30px; z-index: 22; }

.smore-conts { position: relative; }

.smore-tab { width: 100%; overflow: hidden; position: relative; }

.smore-tab ul li { width: 100%; height: auto; position: relative; }

.smore-tab ul li.cur a { background-color: #3879f1; border-color: #3879f1; }

.smore-tab ul li.cur .icons .normal { opacity: 0; }

.smore-tab ul li.cur .icons .hover { opacity: 1; }

.smore-tab ul li.cur .title { color: #fff; }

.smore-tab ul li.cur .title:after { background-image: url(../img/smore-sanjiaos.png); }

.smore-tab ul li a { display: block; width: 100%; position: relative; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid #daddde; padding: 20px 15px 20px; background-color: #fff; }

.smore-tab ul li .icons { display: block; overflow: hidden; position: relative; width: 62px; }

.smore-tab ul li .icons:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.smore-tab ul li .icons img { display: block; position: absolute; width: 100%; top: 0; left: 0; }

.smore-tab ul li .icons img { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.smore-tab ul li .icons .normal { opacity: 1; z-index: 1; }

.smore-tab ul li .icons .hover { opacity: 0; z-index: 2; }

.smore-tab ul li .title { color: #54565d; line-height: 30px; font-size: 16px; margin-top: 30px; position: relative; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.smore-tab ul li .title:after { content: ''; position: absolute; width: 12px; height: 12px; background-repeat: no-repeat; background-size: contain; background-position: right bottom; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; right: 0; bottom: 5px; background-image: url(../img/smore-sanjiao.png); }

.smore-pagination { padding-top: 15px; }

.smore-pagination span { background-color: #fff; }

.smore-pagination span.swiper-pagination-bullet-active { background-color: #3879f1; }

.smoretab-web { position: relative; z-index: 21; margin-top: -50px; }

.smore-tabpic { width: 100%; overflow: hidden; position: relative; }

.smore-tabpic ul li { width: 100%; height: auto; }

.smore-tabpic ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.smore-tabpic ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 66.66667%; }

.smore-tabpic ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: auto; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.smore-tabpic ul li .offset { position: absolute; z-index: 22; left: 0; width: 100%; top: 41.66667%; padding-left: 15px; padding-right: 15px; }

.smore-tabpic ul li .word { text-align: center; color: #ffffff; font-size: 16px; line-height: 1.5; }

.smore-tabpic ul li .word br { display: none; }

.smore-ability { position: relative; z-index: 19; background-color: #fbfbfb; padding-top: 80px; padding-bottom: 40px; margin-top: -50px; }

.ability-feature { padding-bottom: 40px; }

.feature-mask { position: relative; }

.feature-mask .line-a { width: 1px; height: 40px; background-color: #d0d0d0; display: none; margin: 0 auto; }

.feature-mask .line-b { width: 100%; height: 1px; background-color: #d0d0d0; max-width: 920px; margin: 0 auto; display: none; }

.feature-title { width: 100%; max-width: 590px; margin: 0 auto; text-align: center; color: #fff; line-height: 1.5; padding: 10px 10px; letter-spacing: 2px; font-size: 18px; background-color: #3047c7; background-image: -webkit-linear-gradient(45deg, #1f67ca 40%, #2f8ce3 80%); background-image: -o-linear-gradient(45deg, #1f67ca 40%, #2f8ce3 80%); background-image: linear-gradient(45deg, #1f67ca 40%, #2f8ce3 80%); }

.feature-swcons { position: relative; }

.feature-swiper { width: 100%; overflow: hidden; position: relative; }

.feature-swiper ul li { width: 100%; height: auto; position: relative; padding-top: 30px; }

.feature-swiper ul li::before { content: ''; width: 1px; height: 30px; position: absolute; background-color: #d0d0d0; display: block; left: 50%; top: 0; }

.feature-swiper ul li .conts { display: block; width: 100%; position: relative; overflow: hidden; height: 100%; background-color: #f3f5f7; border: 1px solid #e5e5e5; }

.feature-swiper ul li .hd { border-bottom: 1px solid #e5e5e5; padding: 8px 9px; }

.feature-swiper ul li .title { position: relative; line-height: 30px; padding-left: 36px; color: #54565d; font-size: 15px; }

.feature-swiper ul li .title .dots { background-color: #3879f1; color: #fff; width: 30px; height: 30px; font-size: 13px; position: absolute; left: 0; top: 0; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; }

.feature-swiper ul li .title .txt { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.feature-swiper ul li .bd { padding: 33px 15px 20px; }

.feature-swiper ul li .text { color: #424856; font-size: 13px; line-height: 22px; min-height: 154px; }

.feature-pagination { padding-top: 20px; }

.smore-scene { position: relative; }

.scene-tabbar { padding-top: 30px; padding-bottom: 20px; }

.scene-tabsw { width: 100%; position: relative; overflow: hidden; }

.scene-tabsw ul li { width: 100%; height: auto; line-height: 30px; position: relative; }

.scene-tabsw ul li.cur a { color: #3879f1; }

.scene-tabsw ul li a { display: block; width: 100%; position: relative; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #8d8f98; font-size: 14px; text-align: center; }

.swiper-scrollbar { -webkit-border-radius: 10px; border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; }

.scene-scrollbar { display: none; }

.scene-swiper { width: 100%; overflow: hidden; position: relative; }

.scene-swiper ul li { width: 100%; height: auto; }

.scene-swiper ul li .conts { display: block; width: 100%; position: relative; }

.scene-swiper ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.scene-swiper ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 54.23729%; }

.scene-swiper ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.scene-swiper ul li .content { background-color: #fff; padding: 15px 15px 20px; }

.scene-swiper ul li .title { color: #424856; font-size: 16px; line-height: 1.5; margin-bottom: 5px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.scene-swiper ul li .text { color: #424856; font-size: 13px; line-height: 22px; }

.scene-swiper ul li .text br { display: none; }

.scene-pagination { padding-top: 20px; }

.smore-ulmedia { padding-top: 30px; }

.ulmedia-arrow { display: block; width: 100%; overflow: hidden; position: relative; width: 110px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }

.ulmedia-arrow:after { content: ''; display: block; width: 100%; padding-bottom: 61.15108%; }

.ulmedia-arrow img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: auto; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.ulmedia-title { text-align: center; color: #1d89ce; line-height: 1.2; font-size: 20px; margin-bottom: 10px; }

.ulmedia-todo { text-align: center; position: relative; line-height: 26px; color: #333642; font-size: 14px; }

.ulmedia-todo .todo { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.ulmedia-todo .old { color: #bbbbbb; }

.ulmedia-todo .arrow { width: 20px; height: 8px; background: url(../img/smore-yellow.png) no-repeat scroll center center; display: block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); margin: 0 auto; }

.ulmedia-module { position: relative; width: 100%; max-width: 960px; margin: 0 auto; padding-top: 65px; }

.ulmedia-module .maskpic { position: absolute; width: 280px; top: 0; left: 50%; margin-left: -140px; }

.ulmedia-module .maskpic:after { content: ''; display: block; width: 100%; padding-bottom: 45.71429%; }

.ulmedia-module .maskpic img { position: absolute; display: block; width: 100%; top: 0; left: 0; }

.ulmedia-mode { padding: 80px 20px 30px; border: 4px solid #f6f7f9; }

.ulmedia-list { margin: 0 -10px; }

.ulmedia-list li { padding-left: 10px; padding-right: 10px; position: relative; text-align: center; margin-bottom: 10px; }

.ulmedia-list li .conts { display: inline-block; vertical-align: top; width: 100%; max-width: 214px; position: relative; overflow: hidden; }

.ulmedia-list li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.ulmedia-list li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 85.98131%; }

.ulmedia-list li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.ulmedia-list li .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 7.94393%; padding-left: 14.01869%; padding-right: 14.01869%; }

.ulmedia-list li .icon { display: block; overflow: hidden; position: relative; width: 50px; margin: 0 auto; }

.ulmedia-list li .icon:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.ulmedia-list li .icon img { display: block; position: absolute; width: 100%; top: 0; left: 0; }

.ulmedia-list li:nth-child(odd) .circle { color: #20cddb; }

.ulmedia-list li:nth-child(even) .circle { color: #57adf8; }

.ulmedia-list li .circle { position: absolute; width: 40px; line-height: 40px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; font-size: 16px; font-weight: bold; }

.ulmedia-list li .textcon { padding-top: 33.75%; }

.ulmedia-list li .text { color: #424856; font-size: 13px; line-height: 1.38462; }

.drawer-brain { position: relative; padding-top: 20px; padding-bottom: 30px; }

.brain-fullbar { padding-top: 25px; }

.brmatrix-spread { position: relative; }

.brmatrix-core { position: relative; }

.brmatrix-core .corebase { display: block; overflow: hidden; position: relative; width: 100%; max-width: 350px; margin: 0 auto; }

.brmatrix-core .corebase:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.brmatrix-core .corebase img { display: block; position: absolute; width: 100%; top: 0; left: 0; }

.brmatrix-core .offset { position: absolute; z-index: 22; left: 0; width: 100%; top: 44.85714%; }

.brmatrix-core .content { display: block; max-width: 460px; margin: 0 auto; text-align: center; }

.brmatrix-core .entitle { line-height: 1.2; color: #fff; font-size: 20px; }

.brmatrix-core .cntitle { color: #fff; line-height: 1.5; font-size: 18px; margin-top: 7px; }

.brmatrix-expand { padding-top: 20px; font-size: 0; }

.brmatrix-expand li { background-repeat: no-repeat; position: relative; padding-left: 10px; margin-bottom: 10px; }

.brmatrix-expand li::before { content: ''; position: absolute; width: 4px; height: 4px; background-color: #3047c7; -webkit-border-radius: 50%; border-radius: 50%; left: 0; top: 10px; }

.brmatrix-expand li .text { color: #4c505c; font-size: 14px; line-height: 1.75; }

.brmatrix-expand li .text br { display: none; }

.special-apply { padding-top: 15px; padding-bottom: 40px; }

.apply-content { padding-top: 30px; }

.apply-modes ul li { position: relative; margin-bottom: 20px; }

.apply-modes ul li .dot { display: none; }

.apply-modes ul li:nth-child(1) .circle { border-color: rgba(56, 121, 241, 0.9); }

.apply-modes ul li:nth-child(1) .desc { color: #4c86f2; }

.apply-modes ul li:nth-child(2) .circle { border-color: rgba(242, 166, 46, 0.9); }

.apply-modes ul li:nth-child(2) .desc { color: #f2a62e; }

.apply-modes ul li:nth-child(3) .circle { border-color: rgba(79, 190, 53, 0.9); }

.apply-modes ul li:nth-child(3) .desc { color: #60c449; }

.apply-modes ul li .circle { width: 200px; height: 200px; background-color: #fff; margin: 0 auto; position: relative; text-align: center; border: 12px solid transparent; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0; }

.apply-modes ul li .circle::before { content: ''; display: inline-block; vertical-align: top; height: 100%; width: 0; }

.apply-modes ul li .justify { display: inline-block; vertical-align: top; width: 100%; padding-top: 30.95238%; }

.apply-modes ul li .title { color: #4c505c; font-size: 16px; line-height: 1.5; }

.apply-modes ul li .desc { font-size: 14px; line-height: 1.2; padding-top: 5px; }

.apply-capsule { text-align: center; background-color: #f6f6f6; color: #4c505c; font-size: 14px; line-height: 1.5; padding: 12px 10px; letter-spacing: 2px; border: 2px solid #e5e5e5; -webkit-border-radius: 60px; border-radius: 60px; max-width: 590px; margin: 0 auto; }

.apply-line-a { width: 2px; height: 48px; background-color: #e5e5e5; margin: 0 auto; display: none; }

.apply-line-b { width: 100%; height: 2px; background-color: #e5e5e5; margin: 0 auto; display: none; max-width: 1130px; }

.apply-swcons { position: relative; }

.apply-swiper { width: 100%; overflow: hidden; position: relative; }

.apply-swiper ul li { width: 100%; height: auto; position: relative; padding-top: 36px; }

.apply-swiper ul li::before { content: ''; width: 2px; height: 36px; position: absolute; background-color: #e5e5e5; display: block; left: 50%; top: 0; }

.apply-swiper ul li .conts { display: block; width: 100%; position: relative; overflow: hidden; }

.apply-swiper ul li .figure { display: block; overflow: hidden; position: relative; width: 100%; margin: 0 auto; }

.apply-swiper ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.apply-swiper ul li .figure img { display: block; position: absolute; width: 100%; top: 0; left: 0; }

.apply-swiper ul li .content { padding-top: 10px; }

.apply-swiper ul li .title { text-align: center; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #4c505c; font-size: 14px; line-height: 1.5; }

.apply-pagination { padding-top: 20px; }

.special-quality { padding-top: 15px; position: relative; }

.special-quality .special-title { padding-left: 15px; padding-right: 15px; }

.quality-module { padding-top: 12px; padding-bottom: 24px; }

.quality-title { text-align: center; color: #3879f1; font-size: 16px; line-height: 1.5; }

.quality-mode { text-align: center; padding-top: 15px; padding-bottom: 25px; }

.quality-mode ul li { position: relative; margin-bottom: 5px; }

.quality-mode ul li .text { color: #4c505c; font-size: 14px; line-height: 1.71429; }

.taste-photo { width: 100%; position: relative; overflow: hidden; }

.taste-photo .ctrl { position: absolute; top: 0; z-index: 44; width: 1px; background-color: #fff; height: 100%; left: 50%; }

.taste-photo .drag { display: block; width: 40px; height: 40px; background-color: #364264; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: -20px; top: 50%; margin-top: -20px; border: 1px solid #fff; cursor: move; }

.taste-photo .drag::before, .taste-photo .drag::after { content: ''; border: 1px solid #fff; width: 8px; height: 8px; position: absolute; top: 50%; margin-top: -4px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.taste-photo .drag::before { border-top: none; border-left: none; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px; }

.taste-photo .drag::after { border-top: none; border-right: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; }

.photo-cover { position: relative; }

.photo-cover .photo-title { text-align: right; }

.photo-hover { position: absolute; top: 0; left: 0; z-index: 22; width: 100%; height: 100%; }

.photo-hover .offset { height: 100%; width: 50%; overflow: hidden; position: relative; }

.photo-hover .spread { width: 100vw; height: 100%; position: relative; }

.photo-cover .figure, .photo-hover .figure { width: 100%; overflow: hidden; position: relative; }

.photo-cover .figure:after, .photo-hover .figure:after { content: ''; display: block; width: 100%; padding-bottom: 335px; }

.photo-cover .figure img, .photo-hover .figure img { position: absolute; top: 50%; left: 50%; height: 100%; display: block; width: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.photo-cover .conts, .photo-hover .conts { position: absolute; left: 0; width: 100%; top: 50%; padding-left: 10px; padding-right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.photo-title { color: #ffffff; line-height: 1.5; font-size: 16px; white-space: nowrap; }

.quality-screen .screen-half { padding-bottom: 40px; }

.screen-half { width: 100%; position: relative; }

.screen-half ul { margin: 0 -1px; }

.screen-half ul li { padding-left: 1px; padding-right: 1px; margin-bottom: 2px; font-size: 0; }

.screen-half ul li .item { display: inline-block; vertical-align: top; width: 50%; position: relative; }

.screen-half ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.screen-half ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 151%; }

.screen-half ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: auto; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.screen-half ul li .title { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; color: #ffffff; font-size: 14px; line-height: 1.5; padding: 12.5% 9% 0; }

.screen-half ul li .origin { text-align: left; }

.screen-half ul li .hdtv { text-align: right; }

.gradual-item { padding: 30px 0; border-top: 1px solid #e6e6e6; }

.gradual-item ul { margin: 0 -1px; }

.gradual-item ul li { padding-left: 1px; padding-right: 1px; margin-bottom: 2px; }

.gradual-item ul li .conts { display: block; width: 100%; position: relative; overflow: hidden; }

.gradual-item ul li .figure { display: block; width: 100%; overflow: hidden; position: relative; }

.gradual-item ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 75%; }

.gradual-item ul li .figure img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: auto; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.gradual-item ul li .title { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; color: #ffffff; font-size: 14px; line-height: 1.5; padding: 6.25% 4.5% 0; }

.gradual-item ul li .gradual { display: block; width: 100%; position: relative; }

.gradual-item ul li .justify { padding-bottom: 20px; }

.gradual-item ul li .mtitle { color: #3879f1; line-height: 1.5; font-size: 18px; margin-bottom: 10px; }

.gradual-item ul li .mtext { color: #4c505c; font-size: 14px; line-height: 1.71429; }

/* 产品方案 超高清视频 e */
/* 产品方案 智能制造 */
.introduce { color: #4c505c; padding: 30px 0px; }

.introduce .introduce-r .img { width: 100%; }

.introduce .introduce-l { padding: 15px 0px; }

.introduce .introduce-l h2 { font-size: 18px; line-height: 36px; font-weight: bold; }

.introduce .introduce-l p { font-size: 14px; margin-bottom: 10px; }

.function-container { background: url(../img/function-bg.png); background-size: cover; padding: 20px 0; }

.function-container .section-name { color: #fff; font-size: 18px; text-align: center; line-height: 36px; font-weight: bold; }

.function-container .section-desc { color: rgba(255, 255, 255, 0.46); font-size: 14px; text-align: center; }

.function-container .section-desc br { display: none; }

.function-container .function { margin-top: 25px; }

.function-container .function .algo-item { color: #fff; width: 100%; text-align: center; margin-bottom: 30px; }

.function-container .function .algo-item p { padding: 0 20px; }

.function-container .function .algo-item div { font-size: 18px; position: relative; font-weight: bold; line-height: 48px; margin-bottom: 10px; }

.function-container .function .algo-item div::after { content: ''; width: 30px; height: 2px; background-color: #fff; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.point-container .thumb { display: none; }

.point-container .point-slide { margin: 30px 0; overflow: hidden; }

.point-container .point-slide .point-item .img img { width: 100%; }

.point-container .point-slide .point-item .content { margin-top: 15px; }

.point-container .point-slide .point-item .content h2 { color: #4468ec; font-size: 18px; font-weight: bold; line-height: 48px; }

.point-container .point-slide .point-item .content p { color: #666; }

.app-container { padding-top: 30px; }

.app h2 { font-size: 18px; font-weight: bold; margin-bottom: 30px; text-align: center; }

.app .app-relative { position: relative; }

.app .app-relative .app-1, .app .app-relative .app-2, .app .app-relative .app-3, .app .app-relative .app-4, .app .app-relative .app-5 { position: relative; border: 2px dashed #666666; color: #666666; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px 10px; margin-bottom: 30px; }

.app .app-relative .app-1 .order-1, .app .app-relative .app-1 .order-2, .app .app-relative .app-1 .order-3, .app .app-relative .app-1 .order-4, .app .app-relative .app-1 .order-5, .app .app-relative .app-2 .order-1, .app .app-relative .app-2 .order-2, .app .app-relative .app-2 .order-3, .app .app-relative .app-2 .order-4, .app .app-relative .app-2 .order-5, .app .app-relative .app-3 .order-1, .app .app-relative .app-3 .order-2, .app .app-relative .app-3 .order-3, .app .app-relative .app-3 .order-4, .app .app-relative .app-3 .order-5, .app .app-relative .app-4 .order-1, .app .app-relative .app-4 .order-2, .app .app-relative .app-4 .order-3, .app .app-relative .app-4 .order-4, .app .app-relative .app-4 .order-5, .app .app-relative .app-5 .order-1, .app .app-relative .app-5 .order-2, .app .app-relative .app-5 .order-3, .app .app-relative .app-5 .order-4, .app .app-relative .app-5 .order-5 { position: absolute; color: #fff; background-color: #0e34bd; width: 30px; height: 30px; text-align: center; line-height: 30px; -webkit-border-radius: 50%; border-radius: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 0; }

.app .app-relative .app-1 p img, .app .app-relative .app-2 p img, .app .app-relative .app-3 p img, .app .app-relative .app-4 p img, .app .app-relative .app-5 p img { display: block; float: left; margin-right: 16px; }

.app .app-relative .app-2 p img, .app .app-relative .app-4 p img { float: right; margin-left: 15px; margin-right: 0px; }

.service-container { position: relative; }

.service-bg { position: absolute; left: 0px; top: 0px; height: 200px; width: 100%; background-color: #f1f1f5; z-index: -999; }

.service h2 { font-size: 18px; text-align: center; padding-top: 30px; padding-bottom: 20px; font-weight: bold; }

.service .service-scope { color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.service .service-scope .scope-item { float: left; position: relative; overflow: hidden; width: 49%; height: 120px; margin-bottom: 10px; }

.service .service-scope .scope-item img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; }

.service .service-scope .scope-item .content { position: absolute; top: 0; left: 0; text-align: center; padding: 5px 10px 0px; }

.service .service-scope .scope-item .content h3 { font-size: 16px; font-weight: bold; position: relative; line-height: 38px; }

.service .service-scope .scope-item .content h3:after { content: ''; position: absolute; left: 50%; right: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 3px; background-color: #fff; display: block; }

.service .service-scope .scope-item .content p { margin-top: 10px; }

/* 产品方案 智能制造 */
/*** 加入我们 - 工作环境 ***/
.env-container, .cultivate-container { padding: 20px 0 30px; }

.env-container h2, .cultivate-container h2 { font-size: 18px; font-weight: bold; text-align: center; line-height: 54px; }

.env-container .env-slide .env-block { background-image: -webkit-gradient(linear, left top, right bottom, from(#567ff3), to(#3047c7)); background-image: -webkit-linear-gradient(top left, #567ff3, #3047c7); background-image: -o-linear-gradient(top left, #567ff3, #3047c7); background-image: linear-gradient(to bottom right, #567ff3, #3047c7); display: none; width: 380px; height: 380px; padding: 52px 0px 52px 52px; line-height: 1.5; }

.env-container .env-slide .env-block .cn { font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 15px; }

.env-container .env-slide .env-block .en { color: rgba(255, 255, 255, 0.8); font-size: 28px; margin-bottom: 30px; }

.env-container .env-slide .slide { position: relative; }

.env-container .env-slide .slide #env-slide { overflow: hidden; width: 100%; }

.env-container .env-slide .slide img { width: 100%; }

.env-container .video { position: relative; margin-top: 20px; height: 300px; overflow: hidden; }

.env-container .video img, .env-container .video video { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 100%; }

.cultivate-container { background-color: #f7f7f7; padding: 30px 0; }

.cultivate-container .section-desc { color: #666666; text-align: center; }

.cultivate-container .cultivate .item { text-align: center; margin-top: 40px; }

.cultivate-container .cultivate .item .img { display: inline-block; position: relative; margin-bottom: 30px; }

.cultivate-container .cultivate .item .img::after { content: ''; width: 2px; height: 50px; background-color: #3047c7; display: block; position: absolute; bottom: -25px; left: 50%; }

.cultivate-container .cultivate .item .title { font-size: 18px; font-weight: bold; line-height: 54px; }

.cultivate-container .cultivate .item p { color: #666; }

.benefits-container { background: url(../img/join-15.png) no-repeat; background-size: cover; padding: 30px 0; }

.benefits-container .benefits { color: #fff; }

.benefits-container .benefits > h2 { font-size: 18px; font-weight: bold; text-align: center; }

.benefits-container .benefits li { text-align: center; padding-top: 20px; margin-bottom: 20px; }

.benefits-container .benefits li .img { display: inline-block; }

.benefits-container .benefits li h3 { font-size: 18px; font-weight: bold; line-height: 1; margin-top: 15px; }

.benefits-container .benefits li .line { display: inline-block; width: 2px; height: 30px; background-color: #fff; margin-top: 15px; margin-bottom: 15px; }

.benefits-container .benefits li strong { display: block; line-height: 1; margin-bottom: 10px; }

.life-container { padding-top: 30px; padding-bottom: 30px; }

.life-container .life { position: relative; }

.life-container .life h2 { font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 20px; }

.life-container .life .life-photo { overflow: hidden; }

.life-container .life .life-photo img { width: 100%; }

.life-container .life .life-thumb-box { position: relative; display: none; }

.life-container .life .life-thumb { position: absolute; overflow: hidden; width: 850px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; }

.life-container .life .life-thumb .item { padding: 5px; background-color: #fff; }

.life-container .life .life-thumb .item.active { background-color: #1f67ca; }

.life-container .life .life-thumb .item img { width: 100%; }

.control-container { padding-bottom: 30px; }

.control h2 { font-size: 18px; text-align: center; padding-top: 30px; padding-bottom: 20px; font-weight: bold; }

.control .control-img img { width: 100%; }

.use-container { background: url(../img/use-bg.png) no-repeat center center; background-size: cover; }

.use { color: #fff; }

.use h2 { font-size: 18px; text-align: center; padding-top: 30px; padding-bottom: 20px; font-weight: bold; }

.use .use-step { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.use .use-step .info { width: 49%; text-align: center; margin-bottom: 20px; }

.use .use-step .info .img { background-color: #fff; padding: 5px; }

.use .use-step .info .img img { width: 100%; }

.use .use-step .info h4 { font-size: 16px; margin-top: 5px; }

.use .use-step .line { height: 1px; width: 100%; background-color: rgba(255, 255, 255, 0.5); display: none; }

.for h2 { font-size: 18px; text-align: center; padding-top: 30px; padding-bottom: 20px; font-weight: bold; }

.for .for-step { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.for .for-step .item { width: 48%; text-align: center; margin-bottom: 10px; }

.for .for-step .item img { width: 100%; }

.custom-container { padding-bottom: 30px; }

.custom h2 { font-size: 18px; text-align: center; padding-top: 30px; padding-bottom: 20px; font-weight: bold; }

.custom .custom-l { border: 1px solid #e5e5e5; padding: 5px 5px 80px; position: relative; }

.custom .custom-l .stage { text-align: center; margin-top: 30px; }

.custom .custom-l .stage .stage-name { color: #3879f1; }

.custom .custom-l .stage .stage-step { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; }

.custom .custom-l .stage .stage-step .step { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 140px; overflow: hidden; }

.custom .custom-l .stage .stage-step .step span { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #eeeeee; -webkit-border-radius: 50%; border-radius: 50%; margin-top: 15px; margin-bottom: 10px; }

.custom .custom-l .stage .stage-step .step span.blue { background-color: #3879f1; color: #fff; }

.custom .custom-l .stage .stage-step .step .img { height: 100px; }

.custom .custom-l .stage .stage-step .step .img img { height: 100%; }

.custom .custom-l .link { position: absolute; left: 50%; bottom: -90px; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }

.custom .custom-r { border: 1px solid #e5e5e5; padding: 80px 5px 5px; margin-top: 30px; text-align: center; }

.custom .custom-r .smore { text-align: center; margin-top: 20px; }

.custom .custom-r .smore p { font-size: 16px; }

.custom .custom-r .insight { display: inline-block; margin-top: 20px; }

.custom .custom-r .insight li { text-align: left; color: #666666; font-size: 16px; position: relative; padding-left: 20px; margin-bottom: 10px; }

.custom .custom-r .insight li:before { content: ''; display: block; position: absolute; width: 5px; height: 5px; background-color: #3879f1; -webkit-border-radius: 50%; border-radius: 50%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.system-container { padding-bottom: 30px; }

.system h2 { font-size: 18px; text-align: center; padding-top: 30px; padding-bottom: 20px; font-weight: bold; }

.system .sys { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; }

.system .sys .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; }

.system .sys .item .img { margin-right: 20px; text-align: center; width: 106px; }

.system .sys .item .content h4 { font-size: 16px; line-height: 36px; font-weight: bold; }

.trait-container { padding-bottom: 30px; }

.trait h2 { font-size: 18px; text-align: center; padding-top: 30px; padding-bottom: 20px; font-weight: bold; }

.trait .trait-item .item { margin-bottom: 20px; }

.trait .trait-item .item .title { text-align: center; font-size: 18px; color: #fff; padding: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.trait .trait-item .item .title .img { margin-right: 10px; }

.trait .trait-item .item .title span { display: block; text-align: left; }

.trait .trait-item .item .title span:last-child { font-size: 16px; }

.trait .trait-item .item .bg1 { background-color: #3879f1; }

.trait .trait-item .item .bg2 { background-color: #d3c316; }

.trait .trait-item .item .bg3 { background-color: #57adf8; }

.trait .trait-item .item .content { text-align: center; background-color: #f3f5f7; padding: 15px; }

.trait .trait-item .item .content p { color: #57adf8; font-size: 20px; margin-top: 50px; margin-bottom: 70px; }

.trait .trait-item .item .content h3 { font-size: 18px; text-align: left; }

.trait .trait-item .item .content .desc { text-align: left; }

.trait .trait-item .item .content li { margin-bottom: 20px; }

.super-container { padding-bottom: 30px; }

.super h2 { font-size: 18px; text-align: center; padding-top: 30px; padding-bottom: 20px; font-weight: bold; }

.super .super-wrapper .super-item1 { padding: 20px; border: 1px solid #0c8eff; }

.super .super-wrapper .super-item1 .item1-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; }

.super .super-wrapper .super-item1 .item1-title .img { margin-right: 20px; }

.super .super-wrapper .super-item1 p { padding-left: 15px; margin-top: 20px; position: relative; color: #666666; }

.super .super-wrapper .super-item1 p::before { content: ''; position: absolute; width: 5px; height: 5px; background-color: #0c8eff; -webkit-border-radius: 50%; border-radius: 50%; top: 10px; left: 0; }

.super .super-wrapper .super-item { text-align: center; padding: 30px 20px; border: 1px solid #e5e5e5; border-top: none; }

.super .super-wrapper .super-item h4 { font-size: 16px; line-height: 50px; position: relative; }

.super .super-wrapper .super-item h4:after { content: ''; position: absolute; width: 50px; height: 1px; background-color: #e5e5e5; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.super .super-wrapper .super-item ul { margin-top: 20px; }

.super .super-wrapper .super-item ul li { color: #666; line-height: 30px; }

.smore-insight-container { background: url(../img/smore-bg.png) no-repeat center center; padding-bottom: 30px; }

.somre-insight h2 { font-size: 18px; text-align: center; padding-top: 30px; padding-bottom: 20px; font-weight: bold; color: #fff; }

.somre-insight .arg { overflow-x: auto; }

.somre-insight .arg table thead { background-color: #2f8ce3; color: #fff; }

.somre-insight .arg table thead th { font-weight: normal; padding: 10px 20px; }

.somre-insight .arg table tbody { text-align: center; background-color: #fff; }

.somre-insight .arg table tbody tr { border-bottom: 1px solid #e5e5e5; }

.somre-insight .arg table tbody tr td { padding: 20px 10px; }

.somre-insight .arg table tbody tr td:first-child { color: #2f8ce3; }

.support-container { padding-bottom: 30px; }

.support h2 { font-size: 18px; text-align: center; padding-top: 30px; padding-bottom: 20px; font-weight: bold; }

.support .item .form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 30px; }

.support .item .form .title { margin-right: 30px; font-size: 18px; color: #4a83f2; }

.support .item .form .img { width: 150px; }

.support .item .form .img img { width: 100%; }

.support .item .table { overflow: auto; }

.support .item table { width: 1200px; margin-top: 30px; }

.support .item table tr { background-color: #f1f1f5; }

.support .item table tr td { border: 1px solid #e5e5e5; color: #666666; padding: 10px 20px; }

.support .item table tr td:first-child { background-color: #3879f1; color: #fff; }

/*** 加入我们 - 工作环境 ***/
/**** 关于我们 - 公司简介 *****/
.company-desc { padding-top: 30px; padding-bottom: 30px; }

.company-desc .desc { text-align: center; }

.company-desc .desc h2 { font-size: 18px; font-weight: bold; margin-bottom: 20px; }

.company-desc .desc h2 b { position: relative; }

.company-desc .desc h2 b:after { content: ''; display: block; position: absolute; width: 110%; height: 6px; background-color: #c6cfff; bottom: 0; left: -10px; z-index: -99; }

.company-desc .desc p br { display: none; }

.building-container { width: 100%; height: 125px; background: url(../img/info-01.png) no-repeat center; background-size: cover; }

.ai-container { padding-top: 30px; padding-bottom: 30px; }

.ai-container h2 { font-size: 18px; font-size: 18px; font-weight: bold; text-align: center; }

.ai-container h2 span { font-size: 20px; color: #4468ec; }

.ai-container .data { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; margin-bottom: 20px; }

.ai-container .data .data-1 { text-align: center; float: left; padding: 0px 15px; }

.ai-container .data .data-1 .num { color: #4468ec; font-size: 14px; }

.ai-container .data .data-1 .num span { font-size: 18px; font-weight: bold; }

.ai-container .data .data-1 p { color: #666666; }

.ai-container .lic .lic-l h2, .ai-container .lic .lic-r h2 { color: #fff; text-align: center; font-size: 18px; font-weight: bold; padding: 10px 0; }

.ai-container .lic .lic-l { margin-bottom: 20px; }

.ai-container .lic .lic-l h2 { color: #fff; background-color: #4468ec; text-align: center; font-size: 18px; font-weight: bold; padding: 10px 0; }

.ai-container .lic .lic-r h2 { background-color: #819cff; }

.ai-container .lic ul { padding: 15px; -webkit-box-shadow: 0 0 10px rgba(68, 104, 236, 0.1); box-shadow: 0 0 10px rgba(68, 104, 236, 0.1); }

.ai-container .lic ul li { position: relative; padding-left: 15px; color: #666; }

.ai-container .lic ul li::before { content: "·"; font-size: 30px; line-height: 0; vertical-align: sub; position: absolute; left: 0; top: 10px; color: #4468ec; }

.ai-container .lic ul li:hover::before { color: #819cff; }

.now-container { background: url(../img/info-2.png) no-repeat; background-size: cover; color: #fff; text-align: center; padding-top: 30px; padding-bottom: 30px; }

.now-container br { display: none; }

.now-container h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }

.now-container p { margin-bottom: 30px; }

.now-container .img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.now-container .img .img-item { width: 45%; }

.now-container .img .img-item img { width: 100%; }

.feature-container { text-align: center; padding-top: 30px; padding-bottom: 30px; color: #1a1a1a; }

.feature-container br { display: none; }

.feature-container h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }

.feature-container p { margin-bottom: 30px; }

.feature-container span { font-size: 18px; color: #4468ec; margin-bottom: 20px; display: block; }

.feature-container .img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.feature-container .img .img-item { width: 100%; }

.feature-container .img .img-item img { width: 100%; }

.el-container { background: url(../img/info-7.png) no-repeat; background-size: cover; color: #fff; padding-top: 30px; padding-bottom: 30px; }

.el-container .el-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 16px; }

.el-container .el-box li { position: relative; padding-left: 15px; line-height: 48px; font-size: 18px; }

.el-container .el-box li:before { content: '·'; font-size: 40px; position: absolute; color: #fff; left: 0; top: -2px; }

.mission-container { background-color: #fafafa; }

.mission-container .mission .item { padding: 30px 20px; }

.mission-container .mission .item h2 { font-size: 18px; font-weight: bold; }

.mission-container .mission .item p { color: #666666; }

.point-container h2 { font-size: 18px; text-align: center; padding-top: 30px; padding-bottom: 20px; font-weight: bold; }

#point-swiper { position: relative; }

/**** 关于我们 - 公司简介 *****/

.point-container { padding-top: 60px; }
.point-container h2 { font-size: 36px; line-height: 1.5; margin-bottom: 20px; }
.point-container .slide { width: 100%; -webkit-box-shadow: 0 0 10px #e5e5e5; box-shadow: 0 0 10px #e5e5e5; }
.point-container .slide > div { float: left; }
.point-container .slide .thumb { display: block; }
.point-container .slide .thumb ul { width: 340px; -webkit-box-shadow: 7px 0px 10px -5px #e5e5e5; box-shadow: 7px 0px 10px -5px #e5e5e5; }
.point-container .slide .thumb ul li { padding: 40px 35px; border-bottom: 1px solid #e5e5e5; font-size: 20px; cursor: pointer; }
.point-container .slide .thumb ul li.active { color: #fff; background-color: #4468ec; }
.point-container .slide .thumb ul li:last-child { border-bottom: none; }
.point-container .slide .point-slide { margin: 0px; width: 858px; }
.point-container .slide .point-slide .point-item { padding: 42px 50px; }
.point-container .slide .point-slide .point-item > div { float: left; }
.point-container .slide .point-slide .point-item .img { width: 354px; }
.point-container .slide .point-slide .point-item .img img { width: auto; }
.point-container .slide .point-slide .point-item .content { width: 404px; padding-left: 50px; }
.point-container .slide .point-slide .point-item .content h2 { text-align: left; font-size: 20px; }

@media (min-width: 1260px) { /* 首页 s */
  .index-technology { padding-top: 90px; padding-bottom: 70px; }
  .index-title { font-size: 34px; }
  .index-word { font-size: 18px; }
  .subtxtTop { padding-top: 15px; }
  .idxtech-arrow { width: 66px; }
  .core-component .component-hd { padding-bottom: 17px; }
  .core-component .title { font-size: 24px; }
  .core-component .desc { font-size: 18px; }
  .core-componentA { padding-bottom: 100px; }
  .core-componentA .desc p { padding: 0 30px; }
  .core-componentB { padding-bottom: 60px; }
  .core-componentC { padding-bottom: 170px; }
  .core-componentC .desc p { padding: 0 25px; }
  .idxtech-swiper ul li .icon { width: 120px; }
  .idxtech-swiper ul li .title { font-size: 16px; }
  .idxmm-pagination span { width: 12px; height: 12px; margin: 0 10px; }
  .idxmm-pagination span.swiper-pagination-bullet-active { width: 30px; }
  .idxtech-pagination { padding-top: 70px; }
  .index-solution { padding-top: 120px; }
  .idxsolution-wrapper { padding-top: 60px; }
  .idxsolution-swiper ul li .conts { padding: 0 55px 110px; }
  .idxsolution-swiper ul li .title { font-size: 24px; }
  .index-case { padding-top: 120px; padding-bottom: 120px; }
  .idxcase-module { min-height: 580px; }
  .idxcase-taboffset { height: 300px; }
  .idxcase-tab ul li a { line-height: 50px; }
  .idxcase-tab ul li.cur a { font-size: 20px; }
  .idxcase-brief .title { font-size: 24px; }
  .idxcase-looktab { top: 360px; }
  .arrow-more { font-size: 16px; }
  .idxcase-swiperhun-offset { top: 460px; }
  .idxcase-pagination { font-size: 18px; padding: 0 26px; }
  .index-introduce { margin-top: -80px; }
  .idxintro-region { padding-top: 140px; }
  .idxintro-base { width: 70.83333%; }
  .idxintroen-title { font-size: 34px; }
  .idxintrocn-title { font-size: 24px; }
  .inner-rotate-a .star { top: 26.72414%; left: 3.96552%; }
  .inner-rotate-b .star { bottom: 18.27586%; left: 9.48276%; }
  .inner-rotate-c .star { bottom: 15.77586%; right: 11.12069%; }
  .inner-rotate-d .star { top: 12.24138%; right: 15.68966%; }
  .out-rotate-a .star { bottom: 22.96296%; left: 4.81481%; }
  .out-rotate-b .star { top: 32%; right: 1.85185%; }
  .out-rotate-c .star { top: 18.59259%; right: 9.48148%; }
  .index-news { padding-top: 130px; padding-bottom: 140px; }
  .idxnews-swiper ul li .time { font-size: 20px; }
  .idxnews-swiper ul li .title { font-size: 20px; }
  .idxnews-swiper-prev { left: -60px; }
  .idxnews-swiper-next { right: -60px; }
  /* 首页 e */
  /* 新闻列表 s */
  .intop { padding-top: 70px; }
  .inbot { padding-bottom: 100px; }
  .inside-title { font-size: 34px; }
  .suptop { padding-top: 25px; }
  /* 新闻列表 e */
  /* 新闻详情  s */
  .return-button { padding: 23px 90px; }
  /* 新闻详情  e */
  /* 客户案例-智能制造案例 s */
  .custome-panel { padding-bottom: 60px; }
  .custome-swiper ul li .title { font-size: 24px; margin-bottom: 20px; }
  .custome-swiper ul li .more { padding-top: 35px; }
  .look-detail { padding: 16px 50px; }
  .custome-fullbar { padding-top: 70px; padding-bottom: 100px; }
  /* 客户案例-智能制造案例 e */
  /* 常见问题 s */
  /* 常见问题 e */
  /* 网络营销 s */
  .network-map { padding-right: 36.97917%; }
  .network-swiper ul li .title { font-size: 20px; }
  /* 网络营销 e */
  /* 发展历程 s */
  .course-title { font-size: 26px; }
  .course-font { font-size: 40px; }
  .course-font span { font-size: 20px; }
  .course-dectit { margin-bottom: 50px; }
  .course-dectit .title { font-size: 24px; }
  .course-dectit .sub { font-size: 36px; }
  /* 发展历程 e */
  /* 团队管理 s */
  .team-swiper ul li .people { padding-bottom: 35px; }
  .team-swiper ul li .title { font-size: 36px; }
  .team-swiper ul li .title .tag { font-size: 20px; }
  .team-swiper ul li .tips { font-size: 18px; }
  .team-swiper ul li .progress { font-size: 16px; }
  .team-swiper ul li .progress .item { margin-bottom: 20px; }
  .team-offset { top: 100px; }
  /* 团队管理 e */
  /* 合作伙伴 s */
  .partner-list ul { margin: 0 -60px; }
  .partner-list ul li { padding-left: 60px; padding-right: 60px; margin-bottom: 55px; }
  /* 合作伙伴 e */
  /* 社会招聘 s */
  .recruit-list ul li .hd { padding: 24px 40px; }
  .recruit-list ul li .bd { padding: 40px 40px 45px; }
  .recruit-list ul li .detail .title { font-size: 18px; margin-bottom: 10px; }
  /* 社会招聘 e */
  /* 校园招聘 s */
  .zpschool-swiper ul li .title { height: 56px; line-height: 28px; font-size: 18px; }
  .zpschool-swiper-prev { left: -60px; }
  .zpschool-swiper-next { right: -60px; }
  .zpschool-panel .more-top { padding-top: 80px; }
  .zpschool-font .title { font-size: 30px; }
  .zpschool-video { padding-top: 90px; padding-bottom: 95px; }
  .invideo-font .title { font-size: 28px; }
  .invio-btn { width: 85px; height: 85px; }
  /* 校园招聘 e */
  /* 联系我们 s */
  .feedback-list { margin: 0 -30px; }
  .feedback-list li { padding-left: 30px; padding-right: 30px; }
  .mappos-mask { left: 50%; margin-left: -600px; top: -80px; }
  .map-mask { width: 160px; }
  /* 联系我们 e */
  /* 产品方案 超高清视频 s */
  .special-state { padding-bottom: 60px; }
  .special-smti { font-size: 28px; }
  .special-word { font-size: 16px; }
  .drawer-tab ul li a { font-size: 18px; padding: 25px 5px; }
  .drawer-engine { padding-top: 55px; padding-bottom: 75px; }
  .special-title { font-size: 36px; }
  .engine-fullbar { padding-bottom: 75px; }
  .yqmatrix-core .title { font-size: 22px; margin-bottom: 10px; }
  .yqmatrix-expand li .title { font-size: 18px; }
  .yqmatrix-wing .wing-item:after { content: ''; width: 25%; }
  .yqmatrix-wing .wing-item:nth-child(1):after { left: 296px; }
  .yqmatrix-wing .wing-item:nth-child(2):after { right: 296px; }
  .wing-circle .figure { display: block; width: 266px; }
  .wing-circle .title { font-size: 22px; margin-bottom: 10px; }
  .engine-accordion ul li .title { font-size: 22px; }
  .drawer-smore { padding-top: 55px; padding-bottom: 60px; }
  .smore-fullbar::before { bottom: 50px; }
  .smore-tabbar { padding-top: 60px; }
  .smore-tab ul li a { padding: 30px 20px 35px; }
  .smore-tab ul li .title { font-size: 20px; margin-top: 60px; }
  .smoretab-web { max-width: 1760px; margin: 0 auto; padding-left: 40px; padding-right: 40px; margin-top: -50px; }
  .smore-tabpic ul li .word { font-size: 20px; }
  .smore-ability { padding-top: 240px; padding-bottom: 75px; }
  .ability-feature { padding-bottom: 75px; }
  .feature-title { font-size: 22px; }
  .feature-swiper ul li .title { line-height: 34px; padding-left: 42px; font-size: 18px; }
  .feature-swiper ul li .title .dots { width: 34px; height: 34px; }
  .scene-tabbar { margin-top: 90px; padding-right: 140px; }
  .scene-tabsw ul li { padding-left: 70px; }
  .scene-tabsw ul li::before { width: 60px; }
  .scene-swiper ul li .title { font-size: 22px; width: 260px; }
  .ulmedia-title { font-size: 30px; }
  .drawer-brain { padding-top: 55px; }
  .brain-fullbar { padding-top: 65px; }
  .brmatrix-core .entitle { font-size: 30px; }
  .brmatrix-core .cntitle { font-size: 24px; }
  .brmatrix-expand li .text { font-size: 16px; }
  .special-apply { padding-top: 55px; padding-bottom: 60px; }
  .apply-modes ul li .title { font-size: 20px; }
  .apply-capsule { font-size: 22px; }
  .apply-swiper ul li .title { font-size: 18px; }
  .special-quality { padding-top: 55px; }
  .quality-title { font-size: 22px; }
  .quality-mode { padding-bottom: 60px; }
  .gradual-item ul li .mtitle { font-size: 22px; margin-bottom: 20px; }
  /* 产品方案 超高清视频 e */
  /* 加入我们 - 工作环境 */
  .env-container h2, .cultivate-container h2 { font-size: 34px; margin-bottom: 20px; }
  .env-container { padding-top: 60px; padding-bottom: 100px; }
  .env-container .env-slide .env-block { background-image: -webkit-gradient(linear, left top, left bottom, from(#567ff3), to(#3047c7)); background-image: -webkit-linear-gradient(#567ff3, #3047c7); background-image: -o-linear-gradient(#567ff3, #3047c7); background-image: linear-gradient(#567ff3, #3047c7); display: block; float: left; }
  .env-container .env-slide .slide { width: 820px; float: left; position: relative; }
  .env-container .env-slide .slide .env-botton-prev { display: block; left: -415px; }
  .env-container .env-slide .slide .env-botton-prev:after { width: 30px; height: 30px; }
  .env-container .env-slide .slide .env-botton-next { display: block; right: -35px; }
  .env-container .env-slide .slide .env-botton-next:after { width: 30px; height: 30px; }
  .benefits-container { padding: 90px 0 100px; }
  .benefits-container .benefits > h2 { font-size: 34px; margin-bottom: 50px; }
  .life-container { padding-top: 90px; padding-bottom: 100px; }
  .life-container .life h2 { font-size: 34px; margin-bottom: 30px; }
  .life-container .life .life-thumb-box { display: block; }
  .life-container .life .life-thumb-prev { display: block; left: 100px; background-color: #b8b8b8; }
  .life-container .life .life-thumb-prev:after { width: 10px; height: 10px; left: 45%; }
  .life-container .life .life-thumb-prev:hover { background-color: #3e5cd8; }
  .life-container .life .life-thumb-prev:hover:after { border-color: #fff; }
  .life-container .life .life-thumb-next { display: block; right: 100px; background-color: #b8b8b8; }
  .life-container .life .life-thumb-next:after { width: 10px; height: 10px; right: 45%; }
  .life-container .life .life-thumb-next:hover { background-color: #3e5cd8; }
  .life-container .life .life-thumb-next:hover:after { border-color: #fff; }
  /* 加入我们 - 工作环境 */
  /**** 关于我们 - 公司简介 *****/
  .company-desc { padding-top: 90px; padding-bottom: 90px; }
  .company-desc .desc h2 { font-size: 30px; margin-bottom: 25px; line-height: 44px; }
  .company-desc .desc h2 b:after { left: -13px; height: 12px; }
  .company-desc .desc p { font-size: 16px; }
  .building-container { height: 255px; }
  .ai-container { padding-top: 70px; padding-bottom: 70px; }
  .ai-container h2 { font-size: 26px; }
  .ai-container h2 span { font-size: 30px; }
  .ai-container .data { margin-top: 30px; margin-bottom: 30px; }
  .ai-container .data .data-1 p { color: #666666; }
  .ai-container .lic .lic-l, .ai-container .lic .lic-r { width: 50%; }
  .ai-container .lic .lic-l h2, .ai-container .lic .lic-r h2 { font-size: 24px; line-height: 48px; }
  .ai-container .lic ul { padding: 20px 48px; min-height: 470px; }
  .ai-container .lic ul li { line-height: 40px; }
  .ai-container .lic ul li::before { top: 18px; }
  .now-container { padding-top: 120px; padding-bottom: 120px; }
  .now-container h2 { font-size: 26px; line-height: 40px; margin-bottom: 34px; }
  .now-container p { margin-bottom: 80px; padding: 0px 100px; font-size: 16px; }
  .now-container .img .img-item { width: 175px; }
  .now-container .img .img-item img { width: 100%; }
  .feature-container { padding-top: 70px; padding-bottom: 70px; }
  .feature-container h2 { font-size: 26px; line-height: 40px; margin-bottom: 30px; }
  .feature-container p { font-size: 16px; margin-bottom: 45px; }
  .feature-container span { font-size: 30px; margin-bottom: 50px; }
  .el-container { padding-top: 90px; padding-bottom: 90px; }
  .el-container .el-box li { line-height: 72px; font-size: 30px; padding-left: 24px; }
  .mission-container .mission .item { padding: 135px 65px; }
  .mission-container .mission .item h2 { font-size: 30px; margin-bottom: 20px; }
  .mission-container .mission .item p { font-size: 16px; }
  /**** 关于我们 - 公司简介 *****/
  /*** 产品与方案 - 智能制造 ***/
  .introduce { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .introduce .introduce-l { width: 660px; padding: 65px 20px 15px 0; }
  .introduce .introduce-l h2 { font-size: 36px; margin-bottom: 30px; line-height: 1.5; }
  .introduce .introduce-l p { font-size: 16px; margin-top: 20px; }
  .function-container .section-name { font-size: 36px; margin-bottom: 20px; padding-top: 90px; }
  .function-container .section-desc { line-height: 30px; }
  .function-container .function { position: absolute; top: 0; margin-top: 0; }
  .function-container .function .algo-item { width: 300px; height: 630px; padding-top: 260px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom: 0; }
  .function-container .function .algo-item:hover { background-color: rgba(255, 255, 255, 0.1); padding-top: 250px; }
  .function-container .function .algo-item:hover p { display: block; }
  .function-container .function .algo-item p { padding: 0 40px; display: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .function-container { padding: 0px 0; height: 630px; }
  .function-container .commonweb { position: relative; }
  .function-container .section-desc { font-size: 16px; }
  .service { padding-top: 50px; padding-bottom: 50px; }
  .service h2 { font-size: 36px; margin-bottom: 37px; }
  .service-bg { height: 360px; }
  .service .service-scope { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .service .service-scope .scope-item { width: 24%; margin-bottom: 13px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .service .service-scope .scope-item:hover .content { background-color: rgba(72, 130, 237, 0.9); }
  .service .service-scope .scope-item:hover .content p { display: block; }
  .service .service-scope .scope-item .content { height: 100%; padding-top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .service .service-scope .scope-item .content p { display: none; }
  .app-container { padding-top: 90px; padding-bottom: 90px; }
  .app h2 { font-size: 36px; line-height: 1.5; margin-bottom: 36px; }
  .app .app-relative .app-1 .order-1, .app .app-relative .app-1 .order-2, .app .app-relative .app-1 .order-3, .app .app-relative .app-1 .order-4, .app .app-relative .app-1 .order-5, .app .app-relative .app-2 .order-1, .app .app-relative .app-2 .order-2, .app .app-relative .app-2 .order-3, .app .app-relative .app-2 .order-4, .app .app-relative .app-2 .order-5, .app .app-relative .app-3 .order-1, .app .app-relative .app-3 .order-2, .app .app-relative .app-3 .order-3, .app .app-relative .app-3 .order-4, .app .app-relative .app-3 .order-5, .app .app-relative .app-4 .order-1, .app .app-relative .app-4 .order-2, .app .app-relative .app-4 .order-3, .app .app-relative .app-4 .order-4, .app .app-relative .app-4 .order-5, .app .app-relative .app-5 .order-1, .app .app-relative .app-5 .order-2, .app .app-relative .app-5 .order-3, .app .app-relative .app-5 .order-4, .app .app-relative .app-5 .order-5 { top: unset; }
  .app .app-relative { background-repeat: no-repeat; background-position: top center; height: 750px; display: block; }
  .app .app-relative .app-1 { top: 83px; left: -54px; }
  .app .app-relative .app-1 .order-1 { top: -30px; }
  .app .app-relative .app-2 { top: 435px; left: -70px; }
  .app .app-relative .app-2 .order-2 { top: -30px; }
  .app .app-relative .app-3 { left: 450px; bottom: 0px;}
  .app .app-relative .app-3 .order-3 { top: -30px; }
  .app .app-relative .app-4 { top: 445px; right: -60px; width: 360px !important;}
  .app .app-relative .app-4 .order-4 { bottom: -60px; }
  .app .app-relative .app-5 { top: 83px; right: -68px; }
  .app .app-relative .app-5 .order-5 { top: -30px; }
  .app .app-relative .app-1, .app .app-relative .app-2, .app .app-relative .app-3, .app .app-relative .app-4, .app .app-relative .app-5 { width: 276px; position: absolute; padding: 20px 30px; }
  .app .app-relative .app-1 p img, .app .app-relative .app-2 p img, .app .app-relative .app-3 p img, .app .app-relative .app-4 p img, .app .app-relative .app-5 p img { display: none; }
  .point-container { padding-top: 60px; }
  .point-container h2 { font-size: 36px; line-height: 1.5; margin-bottom: 20px; }
  .point-container .slide { width: 100%; -webkit-box-shadow: 0 0 10px #e5e5e5; box-shadow: 0 0 10px #e5e5e5; }
  .point-container .slide > div { float: left; }
  .point-container .slide .thumb { display: block; }
  .point-container .slide .thumb ul { width: 340px; -webkit-box-shadow: 7px 0px 10px -5px #e5e5e5; box-shadow: 7px 0px 10px -5px #e5e5e5; }
  .point-container .slide .thumb ul li { padding: 40px 35px; border-bottom: 1px solid #e5e5e5; font-size: 20px; cursor: pointer; }
  .point-container .slide .thumb ul li.active { color: #fff; background-color: #4468ec; }
  .point-container .slide .thumb ul li:last-child { border-bottom: none; }
  .point-container .slide .point-slide { margin: 0px; width: 858px; }
  .point-container .slide .point-slide .point-item { padding: 42px 50px; }
  .point-container .slide .point-slide .point-item > div { float: left; }
  .point-container .slide .point-slide .point-item .img { width: 354px; }
  .point-container .slide .point-slide .point-item .img img { width: auto; }
  .point-container .slide .point-slide .point-item .content { width: 404px; padding-left: 50px; }
  .point-container .slide .point-slide .point-item .content h2 { text-align: left; font-size: 20px; }
  .introduce { padding: 60px 0px 90px; } }

@media (min-width: 1440px) { .apply-swcons { margin: 0 -40px; }
  .photo-title { font-size: 48px; } }

@media (max-width: 1360px) { .banner-font { margin-left: 60px; } }


@media (min-width: 1680px) { /* 首页 s */
  .index-title { font-size: 40px; }
  .index-title:after { height: 5px; }
  .index-word { font-size: 20px; }
  .core-component .title { font-size: 30px; }
  .core-component .desc { font-size: 20px; }
  .idxsolution-swiper ul li .title { font-size: 30px; }
  .idxcase-tab ul li a { font-size: 20px; }
  .idxcase-tab ul li.cur a { font-size: 24px; }
  .idxcase-brief .title { font-size: 30px; }
  .idxcase-swiper ul li .title { font-size: 20px; }
  .index-introduce { margin-top: -120px; }
  .idxintro-region { padding-top: 200px; }
  .idxintro-wrapper { padding-top: 70px; }
  .idxintro-domain { max-width: 880px; }
  .idxintroen-title { font-size: 42px; }
  .idxintrocn-title { font-size: 30px; }
  /* 首页 e */
  /* 网络营销 s */
  .network-map { padding-right: 40.625%; }
  /* 网络营销 e */
  /* 发展历程 s */
  .active-container { height: 230px; bottom: 460px; }
  .course-container { height: 1150px; }
  .course-swyear { padding-top: 460px; padding-bottom: 460px; }
  /* 发展历程 e */
  /* 团队管理 s */
  .team-swiper { width: 100%; }
  .team-swiper ul li { padding: 0 7.91667%; }
  .team-swiper ul li .hidden { left: -9.40594%; }
  /* 团队管理 e */
  /* 校园招聘 s */
  .zpschool-panel .more-top { padding-top: 9.16667%; }
  /* 校园招聘 e */ }

.pagination { text-align: center; display: none; }

.viewmore-module { display: block; width: 100%; text-align: center; background-color: #3047c7; color: #fff; font-size: 14px; line-height: 28px; padding: 8px 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }


/*相册轮播 s*/
.thumb-popup { display: none; position: fixed; left: 0; top: 0; z-index: 2018; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); }

.thumb-popup .thumb-wraper { position: absolute; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; width: 100%; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper { position: relative; overflow: hidden; width: 90%; max-width: 880px; margin: 0 auto; }

.thumb-popup .close { position: absolute; right: 4%; top: 4%; z-index: 9; width: 40px; height: 40px; font-size: 24px; font-weight: bold; line-height: 30px; text-align: center; color: #fff; cursor: pointer; background: #5e84ff; -webkit-border-radius: 100%; border-radius: 100%; line-height: 40px; opacity: 1; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li { padding: 0 20px; overflow: hidden; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li img { display: block; max-width: 100%; max-height: 90%; position: relative; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); width: 540px; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li p { text-align: center; font-size: 16px; padding: 20px 0; color: #fff; bottom: 5%; width: 100%; left: 0; position: absolute; }

.thumb-popup .thumb-wraper .banner-btn { display: none; width: 60px; height: 120px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; cursor: pointer; }

.thumb-popup .thumb-wraper .banner-btn::after { content: ""; position: absolute; top: 40%; left: 50%; margin-top: -5px; width: 40px; height: 40px; border-right: 1px solid #fff; border-top: 1px solid #fff; border-left: 0; border-bottom: 0; }

.thumb-popup .thumb-wraper .banner-btn.swiper-left { left: -10px; }

.thumb-popup .thumb-wraper .banner-btn.swiper-right { right: -10px; }

.thumb-popup .thumb-wraper .banner-btn.swiper-left::after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: -4px; }

.thumb-popup .thumb-wraper .banner-btn.swiper-right::after { margin-left: -7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.thumb-popup .thumb-wraper .banner-btn.swiper-left:hover::after { border-color: #5e84ff; }

.thumb-popup .thumb-wraper .banner-btn.swiper-right:hover::after { border-color: #5e84ff; }

.thumb-popup .thumb-wraper .banner-btn.swiper-button-disabled { cursor: default; }


/*相册轮播 e*/


/*----网站地图 start----*/
.sitemapcont2 { padding: 6% 30px; overflow: hidden; background: #fff; margin-top: 25px; }

.sitemapcont2 dl { position: relative; margin-bottom: 36px; }

.sitemapcont2 dl dt { font-size: 16px; font-weight: bold; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.sitemapcont2 dl dt a { color: #3047c7; }

.sitemapcont2 dl dt a:hover { color: #2d3ec7; }

.sitemapcont2 dl dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }

.Singlepage { margin-top: 45px; }

@media (min-width: 1600px) { .sitemapcont2 dl dt { font-size: 22px; }
  .sitemapcont2 dl dd { font-size: 16px; } }

/*----网站地图 end----*/
@-webkit-keyframes fade-left-slide { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }
@-o-keyframes fade-left-slide { 0% { opacity: 0;
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -o-transform: translateX(0px);
    transform: translateX(0px); } }
@keyframes fade-left-slide { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); } }

@-webkit-keyframes fade-right-slide { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

@-o-keyframes fade-right-slide { 0% { opacity: 0;
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -o-transform: translateX(0px);
    transform: translateX(0px); } }

@keyframes fade-right-slide { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); } }

.slide-fade-left { -webkit-animation: fade-left-slide 1s 1; -o-animation: fade-left-slide 1s 1; animation: fade-left-slide 1s 1; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 1; }

.slide-fade-right { -webkit-animation: fade-right-slide 1s 1; -o-animation: fade-right-slide 1s 1; animation: fade-right-slide 1s 1; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 1; }

/* 法律声明 s */
.inside-wrapper { padding-top: 30px; padding-bottom: 25px; }

.legal-title { text-align: center; font-size: 22px; color: #333333; line-height: 1.2; }

.terms-contents, .legaltext { padding: 30px 0 15px; }

.fonts-lh28, .fonts-lh30, .fonts-lh32 { font-size: 14px; color: #333; line-height: 24px; }

@media (min-width: 1260px) { .inside-wrapper { padding-top: 80px; padding-bottom: 65px; }
  .legal-title { font-size: 34px; } }

/* 法律声明 e */

.quoted-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; display: none; }

.quoted-modal.fade .quoted-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); }

.quoted-modal.in .quoted-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.quoted-dialog { position: relative; margin: 80px 15px 40px; }

.quoted-modal-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; display: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.quoted-modal-bg.fade { opacity: 0; filter: alpha(opacity=0); }

.quoted-modal-bg.in { opacity: 0.5; filter: alpha(opacity=50); }

.modal-scrollbar { width: 100px; height: 100px; background-color: #5e84ff; overflow: scroll; position: absolute; top: -1000px; left: -1000px; }

.modal-open { overflow: hidden; }

.openweb-close { position: absolute; width: 40px; height: 40px; background: url(../img/modalclose.png) no-repeat scroll center center; top: -45px; right: 0; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.thumb-container { width: 100%; position: relative; background-color: #fff; padding: 10px; }

.thumb-wrapper { width: 100%; position: relative; }

.thumb-swiper { width: 100%; overflow: hidden; position: relative; }

.thumb-swiper ul li { width: 100%; height: auto; overflow: hidden; }

.thumb-swiper ul li::before { content: ''; display: block; width: 100%; padding-bottom: 60.52632%; }

.thumb-swiper ul li img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; }

.thumb-switch-prev, .thumb-switch-next { display: none; }

.thumb-pagination { position: absolute; bottom: 18px; left: 0; width: 100%; line-height: normal; font-size: 0; text-align: center; z-index: 24; }

.thumb-pagination span { display: inline-block; vertical-align: top; width: 8px; height: 8px; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 4px; cursor: pointer; }

.thumb-pagination span.swiper-pagination-bullet-active { background-color: #5e84ff; }

.thumb-base { padding-top: 10px; }

.thumb-text { color: #333; font-size: 14px; line-height: 1.5; }

.searchcont401 { padding-top: 20px; padding-bottom: 40px; background-color: #ffffff; min-height: 60vh; }

.searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; }

.searchtitle401 span { color: #3047c7; }

.resultlist401 { font-size: 13px; padding: 3% 0; }

.resultlist401 ul { padding-bottom: 30px; }

.resultlist401 ul li img { display: block; width: 100%; margin-bottom: 2%; }

.resultlist401 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }

.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }

.resultlist401 h4 em { color: #3047c7; font-style: normal; }

.resultlist401 h4 a { display: block; }

.resulttext401 { overflow: hidden; height: 72px; color: #999; }

.resultlabel401 { color: #999; display: inline-block; padding-top: 30px; }

.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; font-family: "Microsoft YaHei"; }

.searchinputcont401 dd input { margin-top: 10px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; height: 40px; line-height: 40px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #3047c7; text-align: center; font-family: "Microsoft YaHei"; }

.searchinputcont401 dd input:hover { background-color: #2d3ec7; }

.keywords { color: #da251d; }

.loadingmore { display: block; width: 100%; font-size: 14px; background-color: #3047c7; height: 40px; line-height: 40px; color: #ffffff; text-align: center; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.loadingmore:hover { background-color: #3047c7; }


.dead-discern { padding-top: 20px; padding-bottom: 20px; text-align: center; }

.no-discern { display: inline-block; vertical-align: top; position: relative; padding-left: 60px; text-align: left; }

.no-discern .noicon { position: absolute; top: 0; left: 0; width: 42px; }

.no-discern .noicon img { display: block; width: 100%; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: static; }

.no-discern .cnts .title { color: #333; font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 10px; }

.no-discern .cnts .info { color: #666; font-size: 14px; line-height: 24px; padding-left: 10px; }


.common-back { right: 25px; }