/*--公共部分--*/
@font-face { font-family: "Montserrat-Bold"; src: url("../css/Montserrat-Bold.woff") format("woff"), url("../css/Montserrat-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; }

ul, li { list-style: none; }

img { border: 0px; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.swiper-wrapper { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; 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 { -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; -moz-box-orient: vertical; -moz-box-direction: normal; 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 (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 1024px) { .commonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-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: 1200px; padding: 0; } }

/* 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(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

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

@keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  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(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

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

@keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  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 maskmove0 { 0% { right: 23.54167%;
    height: 100%; }
  100% { right: 0%;
    height: 100%; } }

@-o-keyframes maskmove0 { 0% { right: 23.54167%;
    height: 100%; }
  100% { right: 0%;
    height: 100%; } }

@keyframes maskmove0 { 0% { right: 23.54167%;
    height: 100%; }
  100% { right: 0%;
    height: 100%; } }

@-webkit-keyframes maskmove { 0% { right: 0;
    height: 100%; }
  99% { right: -100%;
    height: 100%; }
  99.99% { right: -100%;
    height: 0%; }
  100% { right: 100%;
    height: 100%; } }

@-o-keyframes maskmove { 0% { right: 0;
    height: 100%; }
  99% { right: -100%;
    height: 100%; }
  99.99% { right: -100%;
    height: 0%; }
  100% { right: 100%;
    height: 100%; } }

@keyframes maskmove { 0% { right: 0;
    height: 100%; }
  99% { right: -100%;
    height: 100%; }
  99.99% { right: -100%;
    height: 0%; }
  100% { right: 100%;
    height: 100%; } }

@-webkit-keyframes maskmove2 { 0% { right: 100%;
    height: 100%; }
  100% { right: 23.54167%;
    height: 100%; } }

@-o-keyframes maskmove2 { 0% { right: 100%;
    height: 100%; }
  100% { right: 23.54167%;
    height: 100%; } }

@keyframes maskmove2 { 0% { right: 100%;
    height: 100%; }
  100% { right: 23.54167%;
    height: 100%; } }

@-webkit-keyframes maskSlide { 0% { right: 80%;
    height: 100%; }
  100% { right: -100%;
    height: 100%; } }

@-o-keyframes maskSlide { 0% { right: 80%;
    height: 100%; }
  100% { right: -100%;
    height: 100%; } }

@keyframes maskSlide { 0% { right: 80%;
    height: 100%; }
  100% { right: -100%;
    height: 100%; } }

@-webkit-keyframes playZoom { 0% { -webkit-transform: scale(0); transform: scale(0);
    opacity: 0; }
  30% { -webkit-transform: scale(0.8); transform: scale(0.8);
    opacity: 1; }
  100% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 0; } }

@-o-keyframes playZoom { 0% { -o-transform: scale(0); transform: scale(0);
    opacity: 0; }
  30% { -o-transform: scale(0.8); transform: scale(0.8);
    opacity: 1; }
  100% { -o-transform: scale(1); transform: scale(1);
    opacity: 0; } }

@keyframes playZoom { 0% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0);
    opacity: 0; }
  30% { -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);
    opacity: 1; }
  100% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);
    opacity: 0; } }

.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); }

@media (min-width: 1024px) { .swiper-small-prev:hover:after, .swiper-small-next:hover:after { border-color: #e7222a; } }

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

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

.swiper-pic-prev { background-image: url(../images/pic-button-prev.png); }

.swiper-pic-next { background-image: url(../images/pic-button-next.png); }

@media (min-width: 1024px) { .swiper-pic-prev:hover { background-image: url(../images/pic-button-prevs.png); }
  .swiper-pic-next:hover { background-image: url(../images/pic-button-nexts.png); } }

@media (min-width: 1680px) { .swiper-pic-prev { width: 60px; height: 60px; }
  .swiper-pic-next { width: 60px; height: 60px; } }

.swiper-hidden-prev, .swiper-hidden-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; line-height: 40px; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #e7222a; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0; cursor: pointer; }

.swiper-hidden-prev::before, .swiper-hidden-next::before { content: ''; display: inline-block; vertical-align: middle; width: 0px; height: 100%; }

.swiper-hidden-prev:after, .swiper-hidden-next:after { content: ''; width: 12px; height: 12px; border: 2px solid #fff; display: inline-block; vertical-align: middle; }

.swiper-hidden-prev:hover, .swiper-hidden-next:hover { background-color: #da1119; }

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

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

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

@media (min-width: 1660px) { .swiper-hidden-prev, .swiper-hidden-next { width: 60px; height: 60px; line-height: 60px; } }

.small-pic-prev, .small-pic-next { display: none; cursor: pointer; width: 27px; height: 27px; background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; position: absolute; z-index: 33; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

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

.small-pic-prev { background-image: url(../images/small-pic-prev.png); }

.small-pic-next { background-image: url(../images/small-pic-next.png); }

@media (min-width: 1024px) { .small-pic-prev:hover { background-image: url(../images/small-pic-prevs.png); }
  .small-pic-next:hover { background-image: url(../images/small-pic-nexts.png); } }


/* 视频播放*/
.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: 768px) { /* 视频播放*/
  .tianjiatvwrap { width: 660px; left: 50%; margin-left: -330px; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .tianjiatvwrap .videobox { height: 400px; } }

@media (min-width: 1024px) { /* 视频播放*/
  .tianjiatvwrap { width: 700px; margin-left: -350px; }
  .tianjiatvwrap .videobox { height: 400px; } }

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

/* banner s*/
.indexbanner { width: 100%; overflow: hidden; position: relative; z-index: 10; }

.indexbanner ul { width: 100%; }

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

.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(../images/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 + 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: 1px solid #e5e6e5; top: 50%; }

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

.swiper-button-prev:after { left: 12%; 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: 12%; -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: 15px; width: 100%; left: 0; text-align: center; z-index: 66; line-height: normal; font-size: 0; }

.banner-pagination span { display: inline-block; vertical-align: middle; width: 22px; height: 1px; cursor: pointer; background-color: #fff; -webkit-border-radius: 0; border-radius: 0; }

.banner-pagination span.swiper-pagination-bullet-active { background-color: #e7222a; height: 3px; }

.banner-pos { position: absolute; z-index: 2; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.banner-pos .bantextcon { width: 100%; padding-right: 17.1875%; }

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

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

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

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

@media (min-width: 1024px) { .watch-video { display: none; }
  .bannerwatch-video { display: block; }
  .index-banner-prev { left: 40px; }
  .index-banner-next { right: 40px; }
  .banner-pagination { bottom: 5%; }
  .banner-pagination span { width: 30px; }
  .banner-pos .bantextcon { padding-right: 31.25%; }
  .index-banner-prev, .index-banner-next { display: block; opacity: 0; }
  .index-banner-prev { left: 0%; }
  .index-banner-next { right: 0%; }
  .indexbanner:hover .index-banner-prev { left: 5%; opacity: 1; }
  .indexbanner:hover .index-banner-next { right: 5%; opacity: 1; } }

@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 e*/

.inside-banner { width: 100%; overflow: hidden; position: relative; }

.inside-banner .banner { width: 100%; overflow: hidden; position: relative; }

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

.inside-banner .wordpos { width: 100%; position: absolute; z-index: 22; left: 0; bottom: 30%; }

.inside-banner .Keywords { color: #fff; }

.inside-banner .Keywords .title { line-height: 1; font-size: 24px; padding-bottom: 4px; }

.inside-banner .Keywords .sub { line-height: 1.5; font-size: 12px; }

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

@media (min-width: 768px) { .inside-banner .Keywords .title { font-size: 30px; }
  .inside-banner .Keywords .sub { font-size: 14px; } }

@media (min-width: 1024px) { .inside-banner .Keywords .title { font-size: 40px; padding-bottom: 8px; }
  .inside-banner .Keywords .sub { font-size: 16px; }
  .invcommonweb { padding-left: 40px; padding-right: 40px; } }

@media (min-width: 1260px) { .invcommonweb { padding-left: 60px; padding-right: 60px; width: 100%; max-width: 1680px; margin: 0 auto; } }

@media (min-width: 1680px) { .inside-banner .Keywords .title { font-size: 48px; }
  .inside-banner .Keywords .sub { font-size: 18px; } }

/* banner e */


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

header { position: fixed; width: 100%; top: 0; left: 0; background-color: #FFFFFF; z-index: 299; -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); }

header.open .index-runtime { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 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: 12px 0; }

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

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

.logo a .light { display: none; }

.search-icon { display: block; width: 32px; height: 32px; background-image: url(../images/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; margin-right: 10px; padding-top: 14px; padding-bottom: 14px; }

.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: #e7222a; }

.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: #e7222a; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; float: left; }

.lang-icon { display: block; line-height: 32px; width: 32px; height: 32px; position: relative; color: #333; font-size: 0px; background-image: url(../images/index-global.png); background-repeat: no-repeat; background-position: center center; background-size: 26px auto; margin: 0 auto; }

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

.lang-base { line-height: 20px; color: #999999; font-size: 14px; text-align: center; display: none; }

.lang-base .lang-drop { display: inline-block; vertical-align: top; position: relative; padding-left: 15px; }

.lang-base .lang-drop::before { content: ''; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #bbbbbb; left: 0; top: 6px; }

.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; }

.index-runtime { position: fixed; z-index: 220; left: 0; right: 0; width: 100%; bottom: 0; padding: 25px 0; text-align: center; background-color: #fff; -webkit-transition: all 0.3s cubic-bezier(0.56, 0.01, 0.46, 1); -o-transition: all 0.3s cubic-bezier(0.56, 0.01, 0.46, 1); transition: all 0.3s cubic-bezier(0.56, 0.01, 0.46, 1); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; text-align: center; }

.runtime-button { line-height: normal; display: block; }

.runtime-icon { display: inline-block; vertical-align: top; line-height: 32px; width: 32px; height: 32px; position: relative; background-image: url(../images/index-time.png); background-repeat: no-repeat; background-position: center center; background-size: auto; margin: 0 auto; }

.runtime-txt { line-height: 20px; color: #999999; font-size: 14px; }

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

.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: 9px; }

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

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

.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); }

/*===========================*/
nav { position: fixed; top: 54px; background-color: #fff; left: 0; right: 0; bottom: 0; padding-top: 20px; padding-bottom: 80px; z-index: 188; overflow-x: hidden; overflow-y: auto; display: none; }

nav .lvnav { width: 100%; }

nav .lvnav .lv1 { width: 100%; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #ddd; }

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

nav .lvnav .lv1 h4 a { display: block; color: #333333; font-size: 16px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-transform: uppercase; }

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

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

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

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

.hsubnav ul .lv2 { width: 100%; position: relative; padding: 3px 0; }

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

@media (min-width: 1024px) { body { padding-top: 80px; }
  .headerweb { padding-left: 20px; padding-right: 20px; position: relative; }
  .header-left { float: none; width: 100%; padding-right: 170px; font-size: 0; text-align: left; }
  .header-right { line-height: 80px; position: absolute; top: 0; right: 20px; }
  .logo { padding: 21px 0; float: left; }
  .logo a img { height: 38px; }
  .index-search { position: relative; margin: 0; cursor: pointer; }
  .index-search .search-txt { display: block; }
  .index-search .search-box { top: 80px; width: 300px; left: auto; right: 0; background-color: #fff; padding: 10px 10px; border-bottom: none; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .index-search .search-box .search-btn:hover { background-color: #da1119; }
  .index-lang { margin-left: 20px; margin-right: 20px; cursor: pointer; }
  .lang-base { display: block; }
  .lang-dropmenu ul li a:hover { color: #e7222a !important; }
  .index-runtime { position: static; display: inline-block; vertical-align: middle; width: auto; padding-top: 14px; padding-bottom: 14px; background-color: transparent; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }
  /*===========================*/
  .mobnav-btn { display: none; }
  /*===========================*/
  nav { position: static; background-color: transparent; padding-top: 0px; padding-bottom: 0px; overflow: inherit; display: inline-block; vertical-align: top; float: right; }
  nav .lvnav { font-size: 0; }
  nav .lvnav .lv1 { width: auto; padding: 0 16px; position: relative; border-bottom: none; display: inline-block; vertical-align: top; }
  nav .lvnav .lv1 h4 { padding: 0; text-align: center; line-height: 80px; }
  nav .lvnav .lv1 h4 a { font-size: 15px; position: relative; }
  nav .lvnav .lv1 h4 a:after { content: ''; position: absolute; bottom: 0; height: 4px; background-color: #e7222a; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 51%; right: 51%; }
  nav .lvnav .lv1 h4 .num { display: none; }
  nav .lvnav .lv1 h4 .nvm { display: block; }
  nav .lvnav .lv1 h4 .icon { display: none !important; }
  nav .lvnav .lv1.cur h4 a, nav .lvnav .lv1:hover h4 a { color: #e7222a !important; }
  nav .lvnav .lv1.cur h4 a:after, nav .lvnav .lv1:hover h4 a:after { left: 0; right: 0; }
  .hsubnav { width: 130px; padding: 0; position: absolute; overflow:hidden;left: 50%; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; line-height: 30px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .hsubnav ul { font-size: 0; padding: 10px 0 10px; }
  .hsubnav ul .lv2 { width: 100%; padding: 0; text-align: center; padding: 0; }
  .hsubnav ul .lv2 a { position: relative; padding: 2px 5px; }
  .hsubnav ul .lv2:hover a { color: #e7222a; }
  .hsubnav.aboutUsNav { width: auto; left: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; white-space: nowrap; min-width: 130px; }
  .hsubnav.aboutUsNav ul {min-width: 260px; }
  .hsubnav.aboutUsNav ul:after{ content:'';display:block;width:100%;clear:both;height:0;visibility:visible; }
  .hsubnav.aboutUsNav ul li{ float:left;width:130px; }
  .hsubnav.aboutUsNav ul li:nth-child(2n+1){ clear:both; }
  .hsubnav.aboutUsNav ul li::before { content: ''; position: absolute; width: 1px; height: 16px; background-color: #999999; left: -2px; top: 50%; margin-top: -8px; } }

@media (min-width: 1260px) { body { padding-top: 100px; }
  .headerweb { padding-left: 40px; padding-right: 40px; max-width: 1560px; margin: 0 auto; }
  .header-left { padding-right: 180px; }
  .header-right { right: 40px; line-height: 100px; }
  .logo { padding: 27px 0; }
  .logo a img { height: 46px; }
  .index-search { padding-top: 24px; padding-bottom: 24px; }
  .index-search .search-box { top: 100px; }
  .index-lang { padding-top: 24px; padding-bottom: 24px; margin-left: 24px; margin-right: 24px; }
  .index-runtime { padding-top: 24px; padding-bottom: 24px; }
  nav .lvnav .lv1 { padding: 0 24px; }
  nav .lvnav .lv1 h4 { line-height: 100px; }
  nav .lvnav .lv1 h4 a { font-size: 16px; }
  .hsubnav { width: 150px; }
  .hsubnav ul .lv2 a { font-size: 15px; padding: 4px 5px; }
  .hsubnav.aboutUsNav { min-width:300px; }
  .hsubnav.aboutUsNav ul li{ width: 150px; } }

@media (min-width: 1660px) { .header-left { padding-right: 200px; }
  .logo { padding: 24px 0; }
  .logo a img { height: 52px; }
  .index-search .search-txt { font-size: 15px; }
  .index-lang { margin-left: 30px; margin-right: 30px; }
  .lang-base { font-size: 15px; }
  .runtime-txt { font-size: 15px; }
  nav .lvnav .lv1 { padding: 0 30px; }
  nav .lvnav .lv1 h4 a { font-size: 18px; }
  .hsubnav ul .lv2 a { font-size: 16px; } }

footer { width: 100%; position: relative; background-color: #333333; z-index: 33; }

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

.footer-top { width: 100%; padding-top: 30px; padding-bottom: 40px; background-color: #555555; background-repeat: no-repeat; background-size: cover; background-position: center 0; }

.footer-bottom { width: 100%; padding: 15px 0; border-top: 1px solid #575757; }

.footernav { width: 100%; }

.ftlvnav { width: 100%; }

.ftlvnav .lv1 { width: 100%; line-height: 26px; border-bottom: 1px solid #999; }

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

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

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

.ftlvnav .lv1 h4 .icon:after { content: ''; position: absolute; border: 1px solid #f2f2f2; 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 10px 20px; display: none; }

.ftsub .lv2 { line-height: 22px; }

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

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

.footer-focus .title { color: #e1e1e1; font-size: 13px; line-height: 26px; }

.footer-focus .telcon { padding-top: 5px; padding-bottom: 15px; }

.footer-focus .tel { display: inline-block; vertical-align: top; color: #e1e1e1; font-size: 20px; line-height: 1.4; }

.footer-share { width: 100%; padding: 20px 0 40px; }

.footer-share .bdsharebuttonbox { text-align: center; }

.footer-share .bdsharebuttonbox a { display: inline-block; vertical-align: top; margin: 0; width: 32px; height: 32px; background-position: center center; float: none; background-size: cover; margin-left: 4px; position: relative; }

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

.footer-share .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; opacity: 0; visibility: hidden; }

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

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

.footer-share .bdsharebuttonbox .bds_tieba { background-image: url(../images/ficon01.png); font-size: 0; }

.footer-share .bdsharebuttonbox .bds_weixin { background-image: url(../images/ficon02.png); }

.footer-share .bdsharebuttonbox .bds_tsina { background-image: url(../images/ficon03.png); }

.footer-share .bdsharebuttonbox .bds_sqq { background-image: url(../images/ficon04.png); }

.footer-SNS .title { color: #e1e1e1; font-size: 13px; line-height: 26px; }

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

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

.share-erweima ul li { display: inline-block; vertical-align: top; }

.share-erweima ul li .image { display: block; width: 115px; 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: #bababa; font-weight: lighter; line-height: 24px; padding-top: 8px; }

.copyright { color: #5f5f5f; font-size: 12px; line-height: 22px; text-align: center; }

.copyright a { color: #5f5f5f; }

.copyright a:hover { color: #73797d; }

@media (min-width: 1024px) { .ffcommonweb { padding-left: 20px; padding-right: 20px; }
  .footerweb { position: relative; }
  .footer-top { padding-top: 54px; padding-bottom: 70px; background-image: url(../images/footerbg.jpg); }
  .footer-left { padding-right: 360px; }
  .footer-right { padding-top: 0; text-align: right; position: absolute; top: 0; right: 0; }
  .footer-focus { display: inline-block; vertical-align: top; }
  .footer-focus .tel { font-size: 24px; }
  .footer-share { padding: 0; }
  .footer-share .bdsharebuttonbox { display: inline-block; vertical-align: top; }
  .footer-SNS { display: inline-block; vertical-align: top; padding-left: 40px; position: relative; }
  .footer-SNS::before { content: ''; position: absolute; width: 1px; top: 6px; bottom: 0; left: 20px; background-color: #6c6c6c; }
  .share-erweima { width: 100%; padding-top: 12px; }
  .ftlvnav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
  .ftlvnav .lv1 { border-bottom: none; float: left; width: 20%; position: relative; padding-bottom: 28px; }
  .ftlvnav .lv1:after { content: ''; position: absolute; bottom: 0; left: 0; width: 15px; height: 2px; background-color: #7c7c7c; }
  .ftlvnav .lv1 h4 { padding: 0 0 5px; }
  .ftlvnav .lv1 h4 .icon { display: none; }
  .ftsub { padding: 0px; display: block !important; }
  .ftsub .lv2 a { display: inline-block; vertical-align: top; width: auto; }
  .ftsub .lv2 a:hover { color: #93989c; } }

@media (min-width: 1260px) { .footerweb { width: 100%; position: relative; }
  .ffcommonweb { padding-left: 40px; padding-right: 40px; max-width: 1440px; margin: 0 auto; }
  .footer-left { padding-left: 45px; padding-right: 460px; }
  .footer-focus .tel { font-size: 28px; }
  .footer-SNS { padding-left: 80px; }
  .footer-SNS::before { left: 36px; }
  .share-erweima { padding-top: 15px; } }

/*==========================================================*/
.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(../images/iphone.png) no-repeat scroll center center; top: 2px; }

@media (min-width: 1024px) { .aside { right: 40px; bottom: 100px; }
  .aside .aitem { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .aside .goto { display: none; }
  .aside .goto:hover { background-color: #e7222a; }
  .aside .goto:hover:after { border-color: #fff; }
  .aside .iphone { display: none; } }

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

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


/* 内页导航 s */
.full-inside-subnav { border-bottom: 1px solid #efefed; position: relative; z-index: 188; width: 100%; top: 0; left: 0; background-color: #fff; }

.inside-subitem { width: 100%; }

.channel-title { line-height: 50px; color: #222222; position: relative; text-align: center; font-size: 16px; }

.channel-title.none:after { display: none; }

.channel-title:after { content: ''; display: inline-block; vertical-align: middle; margin: 0 -15px -3px 10px; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #333 transparent transparent transparent; }

.second-level { display: none; position: absolute; width: 100%; top: 51px; z-index: 10; left: 0; background-color: #fff; padding-top: 5px; padding-bottom: 10px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); font-size: 0; }

.second-level ul { display: block; width: 100%; }

.second-level ul li { display: block; width: 100%; text-align: center; line-height: 34px; }

.second-level ul li a { display: block; width: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 14px; padding-left: 20px; padding-right: 20px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #666666; position: relative; }

.second-level ul li.cur a { color: #e7222a; }

@media (min-width: 1024px) { .full-inside-subnav { border-bottom-width: 4px; }
  .inside-subitem:after { content: ''; display: block; width: 100%; clear: both; }
  .channel-title { line-height: 60px; font-size: 22px; float: left; position: relative; padding-left: 30px; }
  .channel-title:after { display: none; }
  .channel-title::before { content: ''; position: absolute; width: 20px; height: 20px; background: url(../images/subnavicon.png) no-repeat scroll center; background-size: contain; left: 0; top: 50%; margin-top: -10px; }
  .second-level { display: block !important; position: static; width: auto; background-color: transparent; padding-top: 0px; padding-bottom: 0px; -webkit-box-shadow: none; box-shadow: none; float: right; }
  .second-level ul li { display: inline-block; vertical-align: top; width: auto; text-align: center; line-height: 60px; position: relative; margin-left: 30px; }
  .second-level ul li:after { content: ''; position: absolute; bottom: -4px; left: 51%; right: 51%; height: 4px; background-color: #e7222a; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .second-level ul li a { padding-left: 0; padding-right: 0; }
  .second-level ul li:hover:after, .second-level ul li.cur:after { left: 0; right: 0; }
  .second-level ul li:hover a, .second-level ul li.cur a { color: #e7222a; } }

@media (min-width: 1260px) { .channel-title { font-size: 26px; line-height: 80px; }
  .second-level ul li { line-height: 80px; }
  .second-level ul li a { font-size: 16px; } }

@media (min-width: 1660px) { .channel-title { font-size: 30px; }
  .second-level ul li { margin-left: 40px; } }

/* 内页导航 e */

.KCmagic-form { display: block; width: 100%; position: relative; background-color: #fff; -webkit-box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.2); padding: 30px 15px 50px; }

.KCmagic-form::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #e7222a; }

.KCmagic-list { margin-left: -15px; margin-right: -15px; }

.KCmagic-list li { padding-left: 15px; padding-right: 15px; margin-bottom: 10px; }

.KCmagic-list li.has .KCmagic-control .holder { top: 1px; color: #e7222a; -webkit-transform: scale(0.83); -ms-transform: scale(0.83); -o-transform: scale(0.83); transform: scale(0.83); color: #666; font-size: 12px; }

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

.KCmagic-control .control { display: block; width: 100%; position: relative; background-color: transparent; z-index: 22; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; height: 50px; font-size: 14px; color: #666666; padding-top: 10px; padding-left: 15px; padding-right: 25px; border: 1px solid #dddddd; }

.KCmagic-control .control::-webkit-input-placeholder { /* WebKit browsers */ color: #808080; }

.KCmagic-control .control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #808080; }

.KCmagic-control .control:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #808080; }

.KCmagic-control .control:focus { border-color: #e7222a; }

.KCmagic-control .control:focus + .holder { top: 1px; color: #e7222a !important; -webkit-transform: scale(0.83); -ms-transform: scale(0.83); -o-transform: scale(0.83); transform: scale(0.83); font-size: 12px; }

.KCmagic-control .comarea { display: block; width: 100%; height: 180px; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; border: 1px solid #dddddd; padding: 15px 15px; line-height: 26px; color: #808080; position: relative; background-color: transparent; z-index: 22; font-size: 14px; }

.KCmagic-control .comarea::-webkit-input-placeholder { /* WebKit browsers */ color: #808080; }

.KCmagic-control .comarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #808080; }

.KCmagic-control .comarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #808080; }

.KCmagic-control .comarea:focus { border-color: #e7222a; }

.KCmagic-control .comarea:focus + .holder { top: 1px; color: #e7222a !important; -webkit-transform: scale(0.83); -ms-transform: scale(0.83); -o-transform: scale(0.83); transform: scale(0.83); font-size: 12px; }

.KCmagic-control .holder { position: absolute; color: #aaaaaa; font-size: 12px; line-height: 24px; left: 15px; top: 11px; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; z-index: 1; -webkit-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.KCmagic-control .star { color: #e7222a; font-size: 12px; font-weight: bold; position: absolute; right: 15px; top: 11px; line-height: 24px; }

.KCmagic-codeImage { padding-right: 180px; position: relative; }

.KCmagic-codeImage .codeImage { position: absolute; top: 0; right: 0; width: 170px; height: 46px; padding-left: 110px; line-height: normal; }

.KCmagic-codeImage .codeImage .code { position: absolute; top: 0; left: 0; width: 100px; height: 100%; }

.KCmagic-codeImage .codeImage .code img { display: block; width: 100%; height: 100%; }

.KCmagic-codeImage .codeImage .mess { color: #0a142d; font-size: 12px; line-height: 14px; padding-top: 10px; display: block; }

.KCmagic-btnblock { text-align: center; font-size: 0; padding-top: 20px; }

.KCmagic-btnblock .inblock { display: inline-block; vertical-align: top; width: auto; padding: 0 3px; }

.KCmagic-submit { width: 100%; overflow: hidden; position: relative; }

.KCmagic-submit .control { display: block; width: 135px; height: 46px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; background-color: transparent; color: #e7222a; border: 1px solid #e7222a; font-size: 14px; }

.KCmagic-reset { width: 100%; overflow: hidden; position: relative; }

.KCmagic-reset .control { display: block; width: 135px; height: 46px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: transparent; color: #737373; border: 1px solid #dddddd; font-size: 14px; cursor: pointer; }

@media (min-width: 1024px) { .KCmagic-form { -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); padding: 50px 55px 65px; }
  .KCmagic-control .control { height: 55px; padding-left: 20px; padding-right: 30px; }
  .KCmagic-control .comarea { height: 220px; padding: 22px 20px; font-size: 14px; }
  .KCmagic-control .holder { left: 20px; top: 14px; }
  .KCmagic-control .star { font-size: 14px; right: 20px; top: 18px; }
  .KCmagic-codeImage { padding-right: 110px; }
  .KCmagic-codeImage .codeImage { right: -70px; height: 55px; }
  .KCmagic-codeImage .codeImage .mess { padding-top: 14px; }
  .KCmagic-btnblock { text-align: left; white-space: nowrap; margin-left: -10px; margin-right: -10px; }
  .KCmagic-btnblock .inblock { width: 25%; padding-left: 10px; padding-right: 10px; }
  .KCmagic-submit .control { width: 100%; height: 55px; }
  .KCmagic-submit .control:hover { background-color: #e7222a; color: #fff; }
  .KCmagic-reset .control { width: 100%; height: 55px; }
  .KCmagic-reset .control:hover { background-color: #ddd; color: #fff; } }

@media (min-width: 1260px) { .KCmagic-form { padding: 70px 85px 85px; }
  .KCmagic-control .control { height: 60px; font-size: 16px; }
  .KCmagic-control .comarea { height: 290px; font-size: 16px; }
  .KCmagic-control .holder { font-size: 14px; top: 16px; }
  .KCmagic-control .star { top: 20px; }
  .KCmagic-codeImage .codeImage { height: 60px; }
  .KCmagic-codeImage .codeImage .mess { padding-top: 18px; }
  .KCmagic-submit .control { height: 60px; }
  .KCmagic-reset .control { height: 60px; } }


/* 首页 s */
.idxcommonweb { padding-left: 15px; padding-right: 15px; }

.index-industry { width: 100%; position: relative; overflow: hidden; padding-top: 30px; padding-bottom: 40px; }

.index-title { text-align: center; }

.index-title .title { line-height: 1.5; color: #333333; font-size: 20px; font-weight: bold; position: relative; }

.index-title .en { line-height: 1.5; color: #999999; font-size: 14px; }

.industry-module { width: 100%; position: relative; overflow: hidden; }

.industry-control { padding-top: 20px; padding-bottom: 30px; }

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

.scrollbarColor::-webkit-scrollbar { width: 2px; height: 2px; }

.scrollbarColor::-webkit-scrollbar-thumb { background-color: #e7222a; -webkit-border-radius: 10px; border-radius: 10px; }

.hxcontrol-conts { position: relative; padding-left: 35px; padding-right: 35px; }

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

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

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

.hxcontrol-list { width: 100%; position: relative; text-align: center; overflow: hidden; }

.hxcontrol-list ul { white-space: nowrap; font-size: 0; }

.hxcontrol-list ul li { display: inline-block; vertical-align: top; position: relative; line-height: 44px; }

.hxcontrol-list ul li:after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #f2f2f2; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.hxcontrol-list ul li.cur:after { background-color: #e7222a; }

.hxcontrol-list ul li.cur .title { color: #fff; }

.hxcontrol-list ul li a { display: block; width: 100%; position: relative; z-index: 2; padding: 0 20px; }

.hxcontrol-list ul li .tips { display: none; font-size: 14px; line-height: 24px; position: relative; color: #e7222a; }

.hxcontrol-list ul li .title { font-size: 16px; }

.hxcontrol-more { display: none; }

.learn-more { display: inline-block; vertical-align: top; position: relative; line-height: 40px; color: #fff; padding: 0 22px; background-color: #e7222a; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.learn-more:after { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 10px; background: url(../images/arrow-icon.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; }

.mhxcontrol-more { text-align: center; }

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

.hxscreen-swiper ul li { width: 100%; overflow: hidden; position: relative; }

.hxscreen-swiper ul li .cons { display: block; width: 100%; }

.hxscreen-swiper ul li .image { width: 100%; overflow: hidden; position: relative; }

.hxscreen-swiper ul li .image:after { content: ''; display: block; width: 100%; padding-bottom: 78.57143%; }

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

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

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

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

.hxscreen-pagination { position: absolute; bottom: 5%; left: 0; z-index: 22; width: 100%; }

.hxcustom-case { padding-top: 20px; }

.hxcustom-item { display: none; }

.hxcustom-title { text-align: center; width: 100%; line-height: 30px; color: #999999; font-size: 14px; }

.hxcustom-swipercon { padding: 20px 0px; position: relative; }

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

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

.hxcustom-swiper ul li .cons { display: block; width: 100%; }

.hxcustom-swiper ul li .icon { display: block; width: 100%; position: relative; overflow: hidden; border: 1px solid #dadada; }

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

.hxcustom-swiper ul li .icon img { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; max-height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; -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); }

.index-product { width: 100%; position: relative; overflow: hidden; background-color: #f4f4f4; background-repeat: no-repeat; background-size: cover; background-position: center 0; padding-top: 30px; padding-bottom: 40px; }

.idxproduct-tabbar { padding-top: 15px; padding-bottom: 15px; }

.idxproduct-conts { padding-left: 35px; padding-right: 35px; position: relative; max-width: 670px; margin: 0 auto; }

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

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

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

.idxproduct-tab { display: block; width: 100%; overflow: hidden; text-align: center; padding-right: 1px; }

.idxproduct-tab ul { font-size: 0; }

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

.idxproduct-tab ul li a { display: block; color: #777777; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid #cccccc; margin-right: -1px; line-height: 34px; padding: 0 30px; }

.idxproduct-tab ul li.cur a { background-color: #e7222a; color: #fff; border-color: #e7222a; }

.idxproduct-module { width: 100%; position: relative; display: none; }

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

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

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

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

.idxproduct-swiper ul li .image:after { content: ''; display: block; width: 100%; padding-bottom: 117.64706%; }

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

.idxproduct-swiper ul li .title{ position:absolute;z-index:22;left:0;width:100%; line-height:1.5; text-align:center; color:#fff; bottom:0;background-color:rgba(0,0,0,0.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding:15px 5px; -ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s; }

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

.idxproduct-pagination { position: absolute; bottom: 5%; }

.index-news { width: 100%; overflow: hidden; position: relative; padding-top: 30px; padding-bottom: 30px; }

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

.idxnews-more { display: none; }

.idxnews-moudle { width: 100%; position: relative; padding-top: 20px; }

.idxnews-aside { padding-top: 20px; }

.idxnews-mode { display: block; width: 100%; position: relative; overflow: hidden; }

.idxnews-mode .image { display: block; width: 100%; overflow: hidden; position: relative; }

.idxnews-mode .image:after { content: ''; display: block; width: 100%; padding-bottom: 79.6875%; }

.idxnews-mode .image img { display: block; width: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.idxnews-mode .word { position: absolute; bottom: 0; z-index: 22; padding: 0 20px 25px; }

.idxnews-mode .word .time { color: #bfc2c7; font-size: 14px; line-height: 1.5; }

.idxnews-mode .word .title { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #ffffff; line-height: 1.5; padding: 4px 0; }

.idxnews-mode .word .text { max-height: 44px; line-height: 22px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #c7cad0; font-size: 14px; margin-bottom: 20px; }

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

.idxnews-list ul li { width: 100%; position: relative; }

.idxnews-list ul li a { display: block; width: 100%; background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-top: 1px solid #f2f2f2; padding: 15px 20px 20px; }

.idxnews-list ul li .title-unit { width: 100%; position: relative; }

.idxnews-list ul li .title-unit::before { content: ''; position: absolute; width: 4px; height: 4px; background-color: #8d929a; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; top: 50%; margin-top: -2px; left: -12px; -webkit-border-radius: 50%; border-radius: 50%; }

.idxnews-list ul li .title { line-height: 30px; color: #333333; font-size: 16px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.idxnews-list ul li .time { color: #a4a8ae; font-size: 12px; }

.idxnews-list ul li .text { color: #808080; font-size: 14px; max-height: 44px; line-height: 22px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.idxnews-list ul li .arrow { width: 20px; height: 15px; position: absolute; display: none; }

.idxnews-list ul li .arrow:before, .idxnews-list ul li .arrow:after { content: ''; width: 20px; height: 15px; background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 0; left: 0; }

.idxnews-list ul li .arrow:before { background-image: url(../images/arrow-icon2.png); z-index: 1; opacity: 1; }

.idxnews-list ul li .arrow:after { background-image: url(../images/arrow-icon3.png); z-index: 2; opacity: 0; }

.midxnews-more { text-align: center; padding-top: 20px; }

.index-business { background-color: #f4f4f4; padding-top: 30px; padding-bottom: 30px; }

.business-numbar { padding-top: 22px; padding-bottom: 32px; }

.business-numlist { width: 100%; position: relative; text-align: center; }

.business-numlist ul { font-size: 0; margin-left: -10px; margin-right: -10px; }

.business-numlist ul li { display: inline-block; vertical-align: top; width: 50%; text-align: center; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; }

.business-numlist ul li .title { line-height: 1; color: #e7222a; font-size: 0; }

.business-numlist ul li .title .num { font-size: 26px; font-weight: bold; vertical-align: baseline; }

.business-numlist ul li .title .type { font-size: 16px; font-weight: bold; vertical-align: baseline; }

.business-numlist ul li .desc { color: #666666; font-size: 14px; line-height: 22px; padding-top: 10px; }

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

.mapimg { width: 100%; display: block; }

.mapimg .mapmo { display: block; width: 100%; }

.map-desktop { display: none; }

.mapdots { width: 100%; padding-top: 20px; font-size: 0; }

.mapdots li { margin-bottom: 15px; }

.mapdots li.cur .country-mask .dot:after { opacity: 0; }

.mapdots li.cur .country-mask .dot:before { background-color:#660000; }

.mapdots li.cur .country-mask .name { /*padding-left: 25px;*/ color:#660000; }

.country-mask { position: relative; }

.country-mask .dot { position: absolute; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; left: 0; top: 13px; display: none; }

.country-mask .dot::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #333333; -webkit-border-radius: 50%; border-radius: 50%; top: 0; left: 0; z-index: 2; }

.country-mask .dot:after { content: ''; position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.country-mask .name { display: none; position: relative; padding-left: 15px; line-height: 30px; color: #3c3c3c; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.maplicont { width: 100%; background-color: #fff; -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); -webkit-border-radius: 10px; border-radius: 10px; padding: 15px 20px; position: relative; }

.maplicont .title { color: #e7222a; font-size: 16px; line-height: 1.6; position: relative; padding-right: 20px; }

.maplicont .title::after { content: ''; display: block; width: 12px; height: 12px; border: 1px solid #e7222a; border-right: none; border-top: none; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 2px; top: 50%; margin-top: -10px; }

.maplicont .title.cur2::after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-top: -2px; }

.maplicont .content { padding-top: 4px; display: none; }

.maplicont .item { width: 100%; overflow: hidden; line-height: 24px; color: #757575; font-size: 14px; }

.maplicont .item a { color: #757575; }

.maplicont .item .label { float: left; }

.maplicont .item .hbinfo { display: block; width: auto; overflow: hidden; }

/* 首页 e */
/* 内页通用 s */
.inside-page { width: 100%; overflow: hidden; position: relative; }

.intop { padding-top: 30px; }

.inside-title { display: block; width: 100%; text-align: center; position: relative; padding-top: 10px; }

.inside-title .title { color: #0a142d; font-size: 20px; line-height: 1.5; padding-bottom: 10px; position: relative; z-index: 2; }

.inside-title .title:after { content: ''; position: absolute; bottom: 0; width: 40px; height: 2px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #e7222a; }

.inside-title .ensub { position: absolute; z-index: 1; width: 100%; top: 0; left: 0; color: #f7f7f6; font-size: 30px; letter-spacing: -2px; line-height: 1; }

@media (min-width: 1024px) { .intop { padding-top: 40px; }
  .inside-title { padding-top: 20px; }
  .inside-title .title { font-size: 25px; padding-bottom: 10px; }
  .inside-title .title:after { width: 50px; }
  .inside-title .ensub { font-size: 40px; } }

@media (min-width: 1260px) { .intop { padding-top: 50px; }
  .inside-title .title { font-size: 30px; padding-bottom: 14px; }
  .inside-title .title:after { width: 60px; }
  .inside-title .ensub { font-size: 50px; } }

/* 内页通用 e */
/* 公司简介 s */
.company-module { width: 100%; position: relative; padding-top: 30px; padding-bottom: 40px; }

.profile-thumb { width: 100%; overflow: hidden; position: relative; }

.profile-thumb:after { content: ''; display: block; width: 100%; padding-bottom: 86.2069%; }

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

.profile-content { padding-top: 35px; padding-bottom: 25px; }

.profile-sup { color: #d9d9d9; font-size: 30px; line-height: 1; }

.profile-sub { color: #323232; font-size: 16px; line-height: 1.4; }

.profile-context { padding-top: 30px; color: #666666; font-size: 14px; line-height: 1.6; }

.company-nums { padding: 25px 0; text-align: center; }

.company-nums ul { margin-left: -10px; margin-right: -10px; }

.company-nums ul li { display: inline-block; vertical-align: top; width: auto; padding-left: 10px; padding-right: 10px; }

.company-nums ul li:first-child .title .num { color: #e7222a; }

.company-nums ul li:first-child .info:after { content: ''; position: absolute; width: 100%; height: 1px; background-color: #a7a7a7; left: 0; bottom: 0; }

.company-nums ul li .title { width: 100%; position: relative; line-height: 1; font-size: 0; }

.company-nums ul li .title span { display: inline-block; vertical-align: baseline; }

.company-nums ul li .title .num { color: #515151; font-size: 40px; font-weight: bold; }

.company-nums ul li .title .type { font-size: 12px; color: #2e2e2e; }

.company-nums ul li .info { line-height: 1.5; font-size: 12px; color: #828282; position: relative; padding-bottom: 4px; }

.company-panel { width: 100%; overflow: hidden; position: relative; background-color: #e7222a; }

.company-panel .thumb { width: 100%; overflow: hidden; position: relative; }

.company-panel .thumb:after { content: ''; width: 100%; display: block; padding-bottom: 39.47368%; }

.company-panel .thumb img { position: absolute; width: 100%; left: 0; top: 0; }

.company-panel .content { padding: 15px 15px 20px; }

.company-panel .entitle { color: #ff6464; line-height: 1; font-size: 24px; }

.company-panel .cntitle { line-height: 1.4; color: #fff; font-size: 18px; }

.company-panel .textcon { padding-top: 10px; }

.company-panel .text { color: #fad2d3; font-size: 14px; line-height: 22px; }

.company-culture { background-color: #f4f7f8; background-repeat: no-repeat; background-size: cover; background-position: center bottom; padding-top: 30px; padding-bottom: 30px; }

.company-culture .inside-title .ensub { color: #e7eaea; }

.culture-wrapper { padding: 20px 0 0; }

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

.culture-tower { width: 100%; max-width: 520px; margin: 0 auto; position: relative; }

.culture-tower:after { content: ''; display: block; width: 100%; padding-bottom: 76.76056%; }

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

.culture-tower .mask { position: absolute; z-index: 22; top: 0; left: 0; width: 100%; text-align: center; color: #fff; height: 100%; }

.culture-tower .mask li { line-height: 1.5; font-size: 18px; font-weight: bold; width: 100%; left: 0; position: absolute; }

.culture-tower .mask li:nth-child(1) { top: 20.18349%; }

.culture-tower .mask li:nth-child(2) { top: 51.37615%; }

.culture-tower .mask li:nth-child(3) { top: 77.06422%; }

.culture-mode { padding-top: 30px; }

.culture-mode ul li { width: 100%; background-color: #fff; margin-bottom: 10px; padding: 12px 15px; line-height: 20px; color: #1c2336; font-size: 14px; -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.1); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.culture-mode ul li .icon { display: block; width: 40px; overflow: hidden; position: relative; float: left; }

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

.culture-mode ul li .icon img { position: absolute; width: 100%; top: 0; left: 0; }

.culture-mode ul li .overs { display: block; width: auto; overflow: hidden; padding-left: 6px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.company-history { padding-top: 30px; padding-bottom: 50px; }

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

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

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

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

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

.history-swiper ul li .image { width: 100%; overflow: hidden; }

.history-swiper ul li .image img { display: block; width: 100%; }

.history-swiper ul li .word { display: block; width: auto; overflow: hidden; padding-top: 15px; }

.history-swiper ul li .word .years { color: #e7222a; font-size: 26px; line-height: 1; }

.history-swiper ul li .word .textcon { padding-top: 8px; }

.history-swiper ul li .word .text { line-height: 20px; font-size: 14px; color: #666666; }

/* 公司简介 s */
/* 联系我们 s */
.method-listcon { padding-top: 30px; padding-bottom: 10px; }

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

.method-list ul { margin-left: -10px; margin-right: -10px; }

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

.method-list ul li .cons { display: block; width: 100%; overflow: hidden; position: relative; text-align: center; background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid #efefed; -webkit-border-radius: 4px; border-radius: 4px; padding: 20px 5px 25px 5px; }

.method-list ul li:last-child .cons { padding-bottom: 11px; }

.method-list ul li .icon { display: block; width: 80px; margin-left: auto; margin-right: auto; margin-bottom: 4px; overflow: hidden; position: relative; }

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

.method-list ul li .icon img { position: absolute; top: 0; left: 0; width: 100%; }

.method-list ul li .title { color: #737373; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 14px; line-height: 1.625; }

.method-list ul li .word { padding-top: 2px; }

.method-list ul li .word .as { color: #010c11; font-weight: bold; font-size: 14px; }

.method-list ul li .word .info { color: #010c11; font-size: 14px; line-height: 20px; }

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

.baiduMap { height: 320px; }

.map-address { position: absolute; z-index: 22; bottom: 0; left: 0; width: 100%; text-align: center; padding: 10px 15px; background-color: #f8f8f8; font-size: 0; }

.map-address .address { display: inline-block; vertical-align: top; color: #e7222a; font-size: 14px; line-height: 24px; position: relative; width: auto; padding-left: 12px; }

.map-address .address:after { content: ''; display: block; position: absolute; width: 14px; height: 14px; background: url(../images/addricon.png) no-repeat scroll center; background-size: contain; top: 5px; left: -5px; }

.contact-feedback { padding-top: 40px; padding-bottom: 60px; }

.feedback-desc { text-align: center; padding-top: 15px; padding-bottom: 25px; color: #5a5a5a; font-size: 14px; line-height: 1.5; }

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

.feedback-module .online-wover { padding-top: 20px; }

.online-banner { width: 100%; overflow: hidden; position: relative; }

.online-banner::before { content: ''; display: block; width: 100%; padding-bottom: 93.65854%; }

.online-banner img { position: absolute; top: 0; left: 0; width: 100%; display: block; height: auto; }

.feedback-wover { padding-top: 30px; }

.feedback-banner { width: 100%; overflow: hidden; position: relative; }

.feedback-banner::before { content: ''; display: block; width: 100%; padding-bottom: 66.2069%; }

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

.feedback-form { width: 100%; }

.feedback-list { margin-left: -5px; margin-right: -5px; }

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

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

.feedback-control .control { display: block; width: 100%; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; height: 46px; font-size: 14px; color: #666666; padding-left: 15px; padding-right: 50px; border: 1px solid #e8e8e8; }

.feedback-control .control::-webkit-input-placeholder { /* WebKit browsers */ color: #808080; }

.feedback-control .control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #808080; }

.feedback-control .control:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #808080; }

.feedback-control .control:focus { border-color: #e7222a; }

.feedback-control .control:focus + .icon::before { opacity: 1; }

.feedback-control .control:focus + .icon::after { opacity: 0; }

.feedback-control .icon { position: absolute; top: 8px; right: 14px; width: 24px; height: 30px; }

.feedback-control .icon::after, .feedback-control .icon::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-repeat: no-repeat; background-position: center center; background-size: contain; }

.feedback-control .icon::before { z-index: 2; opacity: 0; }

.feedback-control .icon::after { z-index: 1; opacity: 1; }

.feedback-control .icon01::before { background-image: url(../images/icon01s.png); }

.feedback-control .icon01::after { background-image: url(../images/icon01.png); }

.feedback-control .icon02::before { background-image: url(../images/icon02s.png); }

.feedback-control .icon02::after { background-image: url(../images/icon02.png); }

.feedback-control .icon03::before { background-image: url(../images/icon03s.png); }

.feedback-control .icon03::after { background-image: url(../images/icon03.png); }

.feedback-control .icon04::before { background-image: url(../images/icon04s.png); }

.feedback-control .icon04::after { background-image: url(../images/icon04.png); }

.feedback-control .icon05::before { background-image: url(../images/icon05s.png); }

.feedback-control .icon05::after { background-image: url(../images/icon05.png); }

.feedback-control .icon06::before { background-image: url(../images/icon06s.png); }

.feedback-control .icon06::after { background-image: url(../images/icon06.png); }

.feedback-control .comarea { display: block; width: 100%; height: 180px; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; border: 1px solid #edeae8; padding: 8px 15px; line-height: 26px; color: #808080; font-size: 14px; }

.feedback-control .comarea::-webkit-input-placeholder { /* WebKit browsers */ color: #808080; }

.feedback-control .comarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #808080; }

.feedback-control .comarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #808080; }

.feedback-control .comarea:focus { border-color: #e7222a; }

.feedback-control .comarea:focus + .icon::before { opacity: 1; }

.feedback-control .comarea:focus + .icon::after { opacity: 0; }

.feedback-control .offset { color: #d7d7d7; font-size: 14px; position: absolute; right: 15px; bottom: 15px; }

.require-inblock { margin-bottom: 20px; }

.feedback-codeImage { padding-right: 100px; position: relative; }

.feedback-codeImage .codeImage { display: block; position: absolute; overflow: hidden; top: 0; right: 0; width: 100px; height: 46px; border: 1px solid #e8e8e8; border-left: none; }

.feedback-codeImage .codeImage img { display: block; width: 100%; height: 100%; }

.feedback-codeImage .feedback-control .control { padding-right: 20px; }

.require-btnblock { text-align: center; font-size: 0; padding-top: 20px; }

.require-btnblock .inblock { display: inline-block; vertical-align: top; width: auto; padding: 0 3px; }

.feedback-submit { width: 100%; overflow: hidden; position: relative; }

.feedback-submit .control { display: block; width: 135px; height: 46px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; background-color: #e7222a; background-color: #e7222a; color: #ffffff; font-size: 14px; border: none; }

.feedback-reset { width: 100%; overflow: hidden; position: relative; }

.feedback-reset .control { display: block; width: 135px; height: 46px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #e8e8e8; color: #666666; font-size: 14px; border: none; cursor: pointer; }

/* 联系我们 e */
/* 社会责任 s */
.social-module { padding-top: 30px; padding-bottom: 40px; }

.social-desc { color: #666666; font-size: 14px; line-height: 1.5; text-align: center; }

.social-listcon { padding-top: 30px; padding-bottom: 30px; }

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

.social-list ul li .content { display: block; width: 100%; max-width: 240px; margin: 0 auto; position: relative; padding: 62px 28px 0; }

.social-list ul li .mask { position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: #e7222a; border: 10px solid #efefed; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; color: #fff; font-size: 0px; }

.social-list ul li .mask::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }

.social-list ul li .mask span { display: inline-block; vertical-align: middle; font-size: 14px; }

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

.social-list ul li .mode:after { content: ''; display: block; width: 100%; padding-bottom: 115.93407%; }

.social-list ul li .mode img { position: absolute; top: 0; left: 0; width: 100%; }

.social-list ul li .offset { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; font-size: 0; }

.social-list ul li .offset::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }

.social-list ul li .txt { display: inline-block; vertical-align: middle; color: #fff; line-height: 1.4; font-size: 18px; text-align: left; font-weight: bold; }

.social-panel { width: 100%; position: relative; overflow: hidden; background-color: #d90000; }

.social-panel .thumb { width: 100%; overflow: hidden; position: relative; }

.social-panel .thumb:after { content: ''; display: block; width: 100%; padding-bottom: 51.73653%; }

.social-panel .thumb img { position: absolute; top: 0; left: 0; width: 100%; }

.social-panel .content { padding: 20px 15px; text-align: right; }

.social-panel .content .entitle { color: #f19494; font-size: 24px; line-height: 1; letter-spacing: -1px; }

.social-panel .content .cntitle { color: #fff; line-height: 1.5; font-size: 18px; position: relative; padding-top: 3px; padding-bottom: 10px; }

.social-panel .content .cntitle:after { content: ''; position: absolute; width: 40px; height: 1px; background-color: #ec8080; right: 0; bottom: 0; }

.social-panel .content .title { color: #f3aeae; font-size: 18px; line-height: 1.5; padding-top: 14px; padding-bottom: 8px; }

.social-panel .content .text { color: #fff; font-size: 14px; line-height: 24px; }

/* 社会责任 e */
/* 应用领域 s*/
.field-apply .industry-offset { display: none; }

.apply-wrapper { padding-top: 20px; padding-bottom: 80px; }

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

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

.applymax-swiper ul li { width: 100%; background-color: #fff; }

.applymax-swiper ul li .thumb { width: 100%; overflow: hidden; position: relative; }

.applymax-swiper ul li .thumb:after { content: ''; display: block; width: 100%; padding-bottom: 88.33333%; }

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

.applymax-swiper ul li .content { border: 1px solid #edf1f7; padding: 25px 15px 80px; }

.applymax-swiper ul li .textcon { padding-top: 20px; }

.applymax-swiper ul li .text { color: #042536; font-size: 14px; line-height: 24px; height: 144px; padding-right: 10px; overflow-x: hidden; overflow-y: auto; }

.applymax-swiper ul li .text::-webkit-scrollbar-track { background-color: #ebeeef; }

.applymax-swiper ul li .text::-webkit-scrollbar { width: 2px; height: 2px; }

.applymax-swiper ul li .text::-webkit-scrollbar-thumb { background-color: #e7222a; -webkit-border-radius: 10px; border-radius: 10px; }

.apply-title { position: relative; padding-bottom: 15px; }

.apply-title:after { content: ''; position: absolute; width: 70px; height: 1px; background-color: #e7222a; left: 0; bottom: 0; }

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

.apply-title .sub { color: #8691a2; font-size: 14px; line-height: 1.55; }

.apply-pagination { display: none; }

.apply-offset { padding: 0 15px; margin-top: -60px; }

.applymin-swipercon { position: relative; background-color: #fff; -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.3); padding: 0 15px; }

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

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

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

.applymin-swiper ul li .icon { display: block; width: 60px; overflow: hidden; position: relative; margin: 0 auto; }

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

.applymin-swiper ul li .icon img { position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.applymin-swiper ul li .icon .now { opacity: 1; visibility: visible; }

.applymin-swiper ul li .icon .hov { opacity: 0; visibility: hidden; }

.applymin-swiper ul li .info { color: #042536; font-size: 14px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.applymin-swiper ul li.cur a { background-color: #042536; }

.applymin-swiper ul li.cur a .icon .now { opacity: 0; visibility: hidden; }

.applymin-swiper ul li.cur a .icon .hov { opacity: 1; visibility: visible; }

.applymin-swiper ul li.cur a .info { color: #fff; }

.applymin-pagination { position: absolute; bottom: -25px; }

.applymin-pagination span { background-color: #042536; }

.field-client { padding-bottom: 60px; }

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

.client-module .inside-title { margin-bottom: 20px; }

.client-banner { width: 100%; overflow: hidden; position: relative; }

.client-banner:after { content: ''; display: block; width: 100%; padding-bottom: 56.14286%; }

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

.client-offset { padding-top: 20px; }

.client-item { display: none; width: 100%; position: relative; }

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

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

.client-swiper ul li a { display: block; width: 100%; overflow: hidden; background-color: #f7f7f6; }

.client-swiper ul li a:after { content: ''; display: block; width: 100%; padding-bottom: 51.6129%; }

.client-swiper ul li a img { position: absolute; max-width: 100%; top: 50%; left: 50%; height: 100%; max-height: 80px; -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); -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.client-pagination { width: 100%; text-align: center; padding-top: 20px; font-size: 0; line-height: normal; }

.client-pagination span { display: inline-block; vertical-align: top; width: 8px; height: 2px; background-color: #ee7f88; margin: 0 2px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.client-pagination span.swiper-pagination-bullet-active { width: 16px; background-color: #e7222a; }

.field-honor { width: 100%; overflow: hidden; position: relative; }

.common-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; z-index: 1; background-position: center top; }

.honor-module { width: 100%; position: relative; z-index: 2; padding-top: 30px; padding-bottom: 40px; }

.title-honor .title { color: #0a142d; }

.title-honor .title:after { display: none; }

.title-honor .title span { display: inline-block; vertical-align: top; position: relative; padding: 0 10px; }

.title-honor .title span:after, .title-honor .title span:before { content: ''; position: absolute; width: 40px; height: 2px; background-color: #e7222a; top: 50%; margin-top: -1px; }

.title-honor .title span:before { left: -40px; }

.title-honor .title span:after { right: -40px; }

.title-honor .ensub { color: #cec5c6; }

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

.honor-tabbar { padding-top: 30px; padding-bottom: 30px; }

.honor-tab { width: 100%; position: relative; text-align: center; }

.honor-tab ul { font-size: 0; }

.honor-tab ul li { display: inline-block; vertical-align: top; width: auto; background-color: #e7222a; padding: 0 35px; position: relative; }

.honor-tab ul li:last-child:after { display: none; }

.honor-tab ul li:after { content: ''; position: absolute; width: 1px; height: 22px; background-color: #ca151c; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; }

.honor-tab ul li.cur a { color: #fff; }

.honor-tab ul li.cur a:after { left: 0; right: 0; }

.honor-tab ul li a { display: inline-block; vertical-align: top; width: auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #840005; font-size: 14px; line-height: 40px; position: relative; padding: 0 20px; }

.honor-tab ul li a:after { content: ''; position: absolute; bottom: 0; left: 51%; right: 51%; height: 4px; background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.honor-content .honor-mode { width: 100%; position: relative; display: none; }

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

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

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

.honor-swiper ul li .imgcont { background-color: #f8f8f8; padding: 25px 15px 15px; }

.honor-swiper ul li .image { width: 100%; max-width: 225px; margin: 0 auto; overflow: hidden; position: relative; }

.honor-swiper ul li .image:after { content: ''; display: block; width: 100%; padding-bottom: 97.77778%; }

.honor-swiper ul li .image img { position: absolute; display: block; width: 100%; 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); -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.honor-swiper ul li .title { text-align: center; background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #737373; line-height: 1.5; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding: 15px 5px; font-size: 14px; }

.honor-pagination { width: 100%; text-align: center; padding-top: 20px; font-size: 0; line-height: normal; }

.honor-pagination span { display: inline-block; vertical-align: top; width: 10px; height: 3px; background-color: #a9a8ad; margin: 0 2px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.honor-pagination span.swiper-pagination-bullet-active { width: 40px; background-color: #e7222a; }

.honor-swiper-prev, .honor-swiper-next { top: 28.94737%; }

.honor-swiper-prev { background-image: url(../images/pic-button-prev2.png); }

.honor-swiper-prev:hover { background-image: url(../images/pic-button-prev2s.png); }

.honor-swiper-next { background-image: url(../images/pic-button-next2.png); }

.honor-swiper-next:hover { background-image: url(../images/pic-button-next2s.png); }

/* 应用领域 e*/
/* 5G s*/
.fiveG-container { display: block; width: 100%; position: relative; padding-top: 40px; padding-bottom: 80px; }

.fiveG-exhibition { width: 100%; overflow: hidden; position: relative; }

.fiveG-baseswiper { width: 100%; overflow: hidden; position: relative; }

.fiveG-baseswiper ul li { width: 100%; height: auto; }

.fiveG-baseswiper ul li .image { display: block; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: left top; background-size: auto 100%; }

.fiveG-baseswiper ul li .image img { position: relative; display: block; width: auto; min-width: 100%; height: 100%; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.fiveG-stamp { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 22; padding-top: 40px; padding-bottom: 90px; background-color: rgba(0, 0, 0, 0.2); }

.fiveG-content { width: 100%; max-width: 940px; margin: 0 auto; }

.fiveG-title { text-align: center; color: #fff; line-height: 1.5; position: relative; font-size: 18px; padding-bottom: 8px; }

.fiveG-title:after { content: ''; position: absolute; width: 40px; height: 1px; background-color: #e7222a; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; }

.fiveG-textcon { padding-top: 20px; padding-bottom: 25px; }

.fiveG-text { text-align: center; color: #fff; font-size: 14px; line-height: 1.625; }

.fiveG-minswcont { width: 100%; position: relative; }

.fiveG-minswiper { width: 100%; overflow: hidden; position: relative; }

.fiveG-minswiper ul li { width: 100%; height: auto; }

.fiveG-minswiper ul li a { display: block; width: 100%; overflow: hidden; background-color: rgba(255, 255, 255, 0.7); padding: 10px; }

.fiveG-minswiper ul li .image { display: block; width: 100%; overflow: hidden; position: relative; }

.fiveG-minswiper ul li .image:after { content: ''; display: block; width: 100%; padding-bottom: 82.35294%; }

.fiveG-minswiper ul li .image img { position: absolute; display: block; width: 100%; top: 0; left: 50%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }

.fiveG-minswiper ul li .title { text-align: center; color: #333333; font-size: 14px; line-height: 1.5; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding-top: 8px; }

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

.fiveGs-pic-prev { background-image: url(../images/pic-button-prev2.png); }

.fiveGs-pic-prev:hover { background-image: url(../images/pic-button-prev2s.png); }

.fiveGs-pic-next { background-image: url(../images/pic-button-next2.png); }

.fiveGs-pic-next:hover { background-image: url(../images/pic-button-next2s.png); }

.fiveG-offset { position: relative; z-index: 22; margin-top: -70px; }

.control-module { width: 100%; position: relative; padding: 25px 15px 20px; background-color: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.2); }

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

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

.control-swiper ul li.cur .figure { -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); }

.control-swiper ul li.cur .figure:after { opacity: 1; visibility: visible; }

.control-swiper ul li.cur .figure::before { opacity: 1; visibility: visible; }

.control-swiper ul li.cur .title { color: #e7222a; }

.control-swiper ul li a { display: block; width: 100%; position: relative; padding: 0 10px; }

.control-swiper ul li .figure { width: 100%; display: block; position: relative; overflow: hidden; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }

.control-swiper ul li .figure:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #bfbfbf; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; z-index: 3; }

.control-swiper ul li .figure::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); z-index: 2; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; visibility: hidden; opacity: 0; }

.control-swiper ul li .image { width: 100%; display: block; position: relative; overflow: hidden; z-index: 1; }

.control-swiper ul li .image:after { content: ''; display: block; width: 100%; padding-bottom: 64.28571%; }

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

.control-swiper ul li .title { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #0a142d; font-size: 14px; line-height: 1.5; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; text-align: center; padding-top: 10px; }

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

.control-pagination span { background-color: #0a142d; }

.square-pic-prev, .square-pic-next { display: none; cursor: pointer; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: absolute; z-index: 33; border: 1px solid #cccccc; }

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

.square-pic-prev::before, .square-pic-prev:after, .square-pic-next::before, .square-pic-next:after { content: ''; display: block; width: 15px; height: 9px; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -7px; background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.square-pic-prev:hover, .square-pic-next:hover { border-color: #e7222a; }

.square-pic-prev:hover::before, .square-pic-next:hover::before { opacity: 0; visibility: hidden; }

.square-pic-prev:hover::after, .square-pic-next:hover::after { opacity: 1; visibility: visible; }

.square-pic-prev::before { background-image: url(../images/sarrow-prev.png); opacity: 1; visibility: visible; }

.square-pic-prev::after { background-image: url(../images/sarrow-prevs.png); opacity: 0; visibility: hidden; }

.square-pic-next::before { background-image: url(../images/sarrow-next.png); opacity: 1; visibility: visible; }

.square-pic-next::after { background-image: url(../images/sarrow-nexts.png); opacity: 0; visibility: hidden; }

/* 5G e*/
/* 产品详情 s */
.product-panel { width: 100%; position: relative; padding-bottom: 50px; }

.product-view { position: relative; max-width: 720px; margin: 0 auto; }

.propost-maximg { width: 100%; overflow: hidden; position: relative; border: 1px solid #e5e5e5; -webkit-border-radius: 12px; border-radius: 12px; }

.propost-maximg ul li { width: 100%; height: auto; overflow: hidden; }

.propost-maximg ul li .pic, .propost-maximg ul li .vio { position: relative; width: 100%; height: 100%; top: 0; left: 0; }

.propost-maximg ul li .image { width: 100%; position: relative; overflow: hidden; }

.propost-maximg ul li .image::before { content: ''; display: block; width: 100%; padding-bottom: 75%; }

.propost-maximg ul li .image img { display: block; width: auto; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }

.propost-maximg ul li .bimg { display: block; width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; }

.float_layer { display: none; }

.propost-pagination { bottom: 15px; }

.propost-mincon { padding-top: 20px; }

.product-minview { width: 100%; position: relative; }

.propost-minimg { width: 100%; overflow: hidden; }

.propost-minimg ul li { width: 20%; height: auto; overflow: hidden; cursor: pointer; }

.propost-minimg ul li a { width: 100%; display: block; overflow: hidden; position: relative; background-color: #eeeeee; -webkit-border-radius: 4px; border-radius: 4px; }

.propost-minimg ul li a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #dadada; z-index: 4; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.propost-minimg ul li a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; -webkit-border-radius: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; }

.propost-minimg ul li .icon { width: 100%; display: block; overflow: hidden; position: relative; z-index: 1; }

.propost-minimg ul li .icon:before { content: ''; display: block; width: 100%; padding-bottom: 75%; }

.propost-minimg ul li .icon img { display: block; max-width: 100%; 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%); }

.propost-minimg ul li.cur a:after { border-color: #e7222a; }

.propost-minimg ul li.cur a:before { opacity: 1; visibility: visible; }

.propost-minimg ul li.vio::before { content: ''; position: absolute; width: 17px; height: 17px; background: url(../images/proplaybtn.png) no-repeat scroll center center; background-size: contain; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; z-index: 33; }

.propost-pagination { position: absolute; }

.propost-pagination span { background-color: #0a142d; }

.product-viobtn { display: block; cursor: pointer; width: 40px; height: 40px; background: url(../images/proplaybtn.png) no-repeat scroll center center; background-size: contain; 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%); }

.propost-prev, .propost-next { position: absolute; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; width: 30px; height: 30px; z-index: 44; }

.propost-prev:after, .propost-next:after { content: ''; position: absolute; width: 12px; height: 12px; border: 2px solid #666; top: 50%; }

.propost-prev:hover:after, .propost-next:hover:after { border-color: #e7222a; }

.propost-next { right: -15px; }

.propost-next:after { border-left: none; border-bottom: none; right: 0; margin-right: 4px; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.propost-prev { left: -15px; }

.propost-prev:after { border-right: none; border-bottom: none; left: 0; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); margin-left: 4px; }

.product-prctfile { padding-top: 40px; }

.profile-title { color: #010c11; font-size: 18px; line-height: 1.25; }

.profile-desc { width: 100%; position: relative; line-height: 24px; color: #5c5c5c; font-size: 14px; }

.profile-desc ul li { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px dashed #e0e0e0; }

.profile-desc ul li .title { color: #a2a2a2; margin-bottom: 5px; }

.profile-icon { padding-top: 20px; padding-bottom: 20px; }

.profile-icon ul { font-size: 0; }

.profile-icon ul li { width: auto; display: inline-block; vertical-align: top; margin-right: 15px; margin-bottom: 5px; }

.profile-icon ul li img { display: block; height: 40px; }

.profile-contact { font-size: 0; }

.profile-contact .theme-btn { margin-right: 10px; }

.profile-btn { display: inline-block; vertical-align: top; line-height: 40px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #fff; font-size: 14px; padding: 0 30px; }

.profile-btn::before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: 0 0; margin-right: 4px; }

.profile-btn.theme-btn { background-color: #e7222a; }

.profile-btn.theme-btn::before { background-image: url(../images/psicon01.png); }

.profile-btn.dark-btn { background-color: #848996; }

.profile-btn.dark-btn::before { background-image: url(../images/psicon02.png); }

/* 产品详情 e */
/* 产品详情 2 s*/
.product-scenario { width: 100%; background-color: #fafafa; background-repeat: no-repeat; background-size: cover; background-position: 0 0; padding-top: 35px; padding-bottom: 55px; }

.product-scenario .inside-title .ensub { color: #f4f4f4; }

.scenario-textcon { padding-top: 15px; padding-bottom: 25px; }

.scenario-text { text-align: center; color: #666666; font-size: 14px; line-height: 1.5; }

.scenario-swcont { width: 100%; position: relative; padding-left: 0px; padding-right: 0px; }

.scenario-mainswiper { width: 100%; position: relative; overflow:hidden; }

.scenario-mainswiper ul li { width: 100%; height: auto; position: relative; }

.scenario-mainswiper ul li.swiper-slide-active a { -webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1); }

.scenario-mainswiper ul li.swiper-slide-active .word { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

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

.scenario-mainswiper ul li .image { width: 100%; overflow: hidden; position: relative; }

.scenario-mainswiper ul li .image:before { content: ''; display: block; width: 100%; padding-bottom: 61.77885%; }

.scenario-mainswiper ul li .image img { position: absolute; top: 0; left: 0; display: block; width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.scenario-mainswiper ul li .word { width: 100%; position: absolute; z-index: 22; left: 0; bottom: 0; padding: 15px 15px; background-color: rgba(255, 255, 255, 0.9); -webkit-transition: all ease 0.6s; -o-transition: all ease 0.6s; transition: all ease 0.6s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; }

.scenario-mainswiper ul li .word .title { width: 100%; line-height: 1.5; color: #000000; font-size: 16px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.product-feature { width: 100%; overflow: hidden; position: relative; padding-top: 40px; padding-bottom: 40px; }

.feature-module { width: 100%; position: relative; z-index: 2; }

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

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

.feature-list ul { border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; }

.feature-list ul li { padding-left: 0; padding-right: 0; position: relative; }

.feature-list ul li a { display: block; width: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: rgba(255, 255, 255, 0.5); border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 35px 10px 20px; cursor: default; }

.feature-list ul li .icons { display: block; width: 50px; overflow: hidden; position: relative; margin: 0 auto; }

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

.feature-list ul li .icons img { display: block; width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.feature-list ul li .icons .now { opacity: 1; visibility: visible; }

.feature-list ul li .icons .hov { opacity: 0; visibility: hidden; }

.feature-list ul li .info { margin-top: 6px; text-align: center; display: block; width: 100%; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; color: #333333; font-weight: bold; }

.product-holder { font-size: 14px; line-height: 1.5; color: #333; }

.product-holder img { max-width: 100% !important; }

.product-message { padding-top: 40px; padding-bottom: 50px; }

.product-message .inside-title { padding-top: 0; }

.product-message .inside-title .title { padding-bottom: 0; }

.product-message .inside-title .title:after { display: none; }

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

.message-list { margin-left: -10px; margin-right: -10px; }

.message-list li { margin-bottom: 20px; }

/* 产品详情 2 e*/
/* 产品中心 s */
.product-tabbar { padding-top: 25px; padding-bottom: 30px; }

.product-conts { padding-left: 35px; padding-right: 35px; position: relative; max-width: 870px; margin: 0 auto; }

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

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

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

.common-tab { display: block; width: 100%; overflow: hidden; text-align: center; }

.common-tab ul li { height: auto; position: relative; border-bottom: 1px solid #d8dde6; width: 50%; }

.common-tab ul li a { display: block; color: #666666; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-right: -1px; line-height: 34px; padding: 0 30px; border-left: 1px dashed #d8dde6; border-right: 1px dashed #d8dde6; }

.common-tab ul li:last-child a { border-right: none; }

.common-tab ul li:first-child a { border-left: none; }

.common-tab ul li.cur a { background-color: #e7222a; color: #fff; }

.product-listcon { padding-bottom: 40px; }

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

.product-list ul { margin-left: -10px; margin-right: -10px; }

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

.product-list ul li a { display: block; width: 100%; position: relative; border: 1px solid #e5e5e5; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding-right: 50%; }

.product-list ul li .thumb { display: block; width: 100%; overflow: hidden; position: relative; background-color: #fff; }

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

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

.product-list ul li .content { position: absolute; top: 0; right: 0; width: 50%; height: 100%; overflow: hidden; padding: 4.16667% 1.66667% 0 2.5%; }

.product-list ul li .content .title { display: block; width: 100%; display: -webkit-box; height: 44px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333333; font-size: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.product-list ul li .content .text { display: block; width: 100%; display: -webkit-box; height: 44px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #999999; font-size: 14px; margin-top: 5px; margin-bottom: 12px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.product-list ul li .content .more { display: block; width: 23px; height: 23px; position: relative; overflow: hidden; }

.product-list ul li .content .more:after, .product-list ul li .content .more::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.product-list ul li .content .more:after { background-image: url(../images/promore.png); visibility: visible; opacity: 1; }

.product-list ul li .content .more::before { background-image: url(../images/promores.png); visibility: hidden; opacity: 0; }

.product-more { text-align: center; line-height: normal; padding-top: 10px; }

.load-button { display: inline-block; vertical-align: top; }

.load-button a { display: block; position: relative; color: #e7222a; line-height: 26px; padding-left: 22px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 14px; }

.load-button a::before { content: ''; position: absolute; width: 15px; height: 15px; background: url(../images/loadmore.png) no-repeat scroll center; background-size: contain; left: 0; top: 50%; margin-top: -7px; }

.related-container { padding-bottom: 40px; min-height: 240px; }

.product-related { display: none; }

.product-related .product-listcon { padding-top: 30px; }

.innews-more { text-align: center; }

/* 产品中心 e */
/* 投资者关系 - 定期报告 s */
.report-tabbar { padding-top: 30px; padding-bottom: 20px; }

.report-conts { position: relative; padding-left: 35px; padding-right: 35px; }

.report-container { padding-bottom: 50px; }

.report-listcon { padding-bottom: 20px; }

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

.report-list ul li { width: 100%; position: relative; margin-bottom: 15px; background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.report-list ul li:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid #c0c7d2; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.report-list ul li a { display: block; width: 100%; position: relative; z-index: 2; padding: 20px 15px; }

.report-list ul li a::before { content: ''; position: absolute; width: 0%; left: 0; top: 0; height: 2px; background-color: #e7222a; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.report-list ul li .modes { display: block; position: relative; padding-right: 80px; }

.report-list ul li .icon { float: left; width: 44px; margin-right: 10px; overflow: hidden; position: relative; }

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

.report-list ul li .icon img { position: absolute; top: 0; left: 0; max-width: 100%; }

.report-list ul li .content { display: block; width: auto; overflow: hidden; }

.report-list ul li .title { line-height: 26px; font-size: 14px; font-weight: bold; display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.report-list ul li .info { color: #aaaaaa; font-size: 12px; line-height: 20px; }

.report-list ul li .download { position: absolute; top: 0; right: 0; padding-top: 5px; }

.report-list ul li .download span { display: inline-block; vertical-align: middle; }

.report-list ul li .download .downtxt { color: #666666; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 0 5px; }

.report-list ul li .download .downicon { width: 20px; height: 30px; position: relative; overflow: hidden; }

.report-list ul li .download .downicon::before, .report-list ul li .download .downicon::after { content: ''; position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; top: 0; left: 0; }

.report-list ul li .download .downicon::before { opacity: 1; visibility: visible; }

.report-list ul li .download .downicon::after { opacity: 0; visibility: hidden; }

.report-list ul li .download .arrowicon::before { background-image: url(../images/downloadicon.png); }

.report-list ul li .download .arrowicon::after { background-image: url(../images/downloadicons.png); }

.report-list ul li .download .zoomicon::before { background-image: url(../images/zoomicon.png); }

.report-list ul li .download .zoomicon::after { background-image: url(../images/zoomicons.png); }

.report-more { text-align: center; }

/* 投资者关系 - 定期报告 e */
/* 投资者关系 - 股票图示 s */
.notice-container { padding-top: 30px; padding-bottom: 50px; }

.stock-wrapper { padding-top: 30px; padding-bottom: 50px; }

.stock-module { width: 100%; position: relative; overflow: hidden; }

.stock-aside { padding-bottom: 30px; }

.stock-contact { width: 100%; overflow: hidden; position: relative; }

.stock-contact .image { display: block; width: 100%; overflow: hidden; position: relative; }

.stock-contact .image:after { content: ''; display: block; width: 100%; padding-bottom: 40.35088%; }

.stock-contact .image img { position: absolute; top: 0; left: 0; width: 100%; }

.stock-contact .contact { padding-top: 10px; }

.stock-contact .contact li { width: 100%; position: relative; overflow: hidden; line-height: 24px; color: #090403; font-size: 14px; padding-bottom: 4px; }

.stock-contact .contact li .label { float: left; width: 70px; }

.stock-contact .contact li .target { display: block; width: auto; overflow: hidden; }

.stock-contact .contact li .target a { color: #090403; }

.stock-tab { width: 100%; position: relative; }

.stock-tab:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #ccc; z-index: 1; }

.stock-tab ul { width: 100%; font-size: 0; white-space: nowrap; position: relative; z-index: 2; }

.stock-tab ul li { display: inline-block; vertical-align: top; }

.stock-tab ul li a { display: block; padding: 0 10px; color: #333; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; font-size: 14px; line-height: 36px; }

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

.stock-tab ul li.cur a { color: #e7222a; }

.stock-tab ul li.cur a:after { left: 0; right: 0; }

.stock-content { padding-top: 15px; padding-left: 15px; }

.stock-content .stock-item { display: none; }

.stock-content .stock-item img { display: block; width: 100%; }

/* 投资者关系 - 股票图示 e */
/* 投资者关系 - 图示 s */
.investor-wrapper { padding-top: 30px; padding-bottom: 30px; }

/* 投资者关系 - 图示 e */
/* 人才资源 s */
.talent-container { padding-top: 30px; }

.talent-president { width: 100%; position: relative; padding-bottom: 40px; }

.talent-president .author { width: 100%; overflow: hidden; position: relative; }

.talent-president .author:after { content: ''; display: block; width: 100%; padding-bottom: 122.22222%; }

.talent-president .author img { position: absolute; top: 0; left: 0; display: block; width: 100%; }

.talent-president .content { padding: 20px 15px 0; position: relative; }

.chief-mode { position: relative; }

.chief-mode .conts { display: block; width: 100%; position: relative; padding: 20px 30px 0; }

.chief-mode .conts::before, .chief-mode .conts:after { content: ''; position: absolute; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center center; }

.chief-mode .conts::before { background-image: url(../images/pun01.png); top: 0; left: 0; }

.chief-mode .conts::after { background-image: url(../images/pun02.png); bottom: 0; right: 0; }

.chief-mode .title { color: #000000; font-size: 16px; font-style: italic; line-height: 1.6; }

.chief-mode .info { padding-top: 15px; color: #6b808b; font-size: 14px; line-height: 1.5; }

.talent-recruitment { padding-bottom: 35px; }

.recruit-tabbar { background-color: #f6f8fa; padding: 25px 20px; }

.recruit-barcons { display: block; position: relative; }

.recruit-tab { text-align: center; }

.recruit-tab ul { font-size: 0; }

.recruit-tab ul li { display: inline-block; vertical-align: top; width: auto; margin-left: 5px; margin-right: 5px; }

.recruit-tab ul li a { display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #010c11; font-size: 14px; line-height: 40px; background-color: #fff; padding: 0 30px; }

.recruit-tab ul li.cur a { color: #fff; background-color: #e7222a; }

.recruit-offset { padding-top: 20px; }

.recruit-form { display: block; width: 100%; position: relative; background-color: #fff; overflow: hidden; -webkit-border-radius: 50px; border-radius: 50px; padding-right: 100px; }

.recruit-form .zpinput { display: block; background-color: transparent; width: 100%; height: 40px; padding: 0 20px; color: #7a7d7f; font-size: 14px; }

.recruit-form .zpsubbtn { position: absolute; top: 0; right: 0; height: 40px; width: 100px; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #fff; background-color: #e7222a; }

.recruit-tabcontent .recruit-tabitem { display: none; }

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

.recruit-subbarcons { position: relative; padding-left: 35px; padding-right: 35px; }

.recruit-subtab { display: block; width: 100%; overflow: hidden; text-align: center; position: relative; }

.recruit-subtab:after { content: ''; position: absolute; width: 100%; left: 0; height: 1px; background-color: #d8dde6; z-index: 1; bottom: 0; }

.recruit-subtab ul { position: relative; z-index: 2; }

.recruit-subtab ul li { height: auto; position: relative; width: 50%; }

.recruit-subtab ul li a { display: block; color: #666666; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-right: -1px; line-height: 34px; padding: 0 30px; border-left: 1px dashed #d8dde6; border-right: 1px dashed #d8dde6; }

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

.recruit-subtab ul li:last-child a { border-right: none; }

.recruit-subtab ul li:first-child a { border-left: none; }

.recruit-subtab ul li.cur a { color: #e7222a; }

.recruit-subtab ul li.cur a:after { left: 0; right: 0; }

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

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

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

.talent-customer { width: 100%; position: relative; padding-bottom: 40px; }

.customer-bg { display: none; background-size: auto 100%; }

.customer-module { position: relative; z-index: 22; }

.customer-list { width: 100%; }

.customer-list ul { margin-left: -5px; margin-right: -5px; }

.customer-list ul li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; text-align: center; }

.customer-list ul li .conts { display: block; width: 100%; position: relative; background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 10px 5px 10px; -webkit-box-shadow: 0 5px 15px -2px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px -2px rgba(0, 0, 0, 0.1); }

.customer-list ul li .conts::before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 4px; background-color: #e7222a; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }

.customer-list ul li .icon { display: block; width: 60px; margin: 0 auto; overflow: hidden; position: relative; }

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

.customer-list ul li .icon img { position: absolute; top: 0; left: 0; width: 100%; }

.customer-list ul li .title { display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #737373; font-size: 14px; line-height: 24px; padding-top: 10px; }

.customer-list ul li .info { display: block; width: 100%; display: -webkit-box; height: 44px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #010c11; font-size: 13px; word-break: break-all; }

.customer-list ul li .info a { color: #010c11; }

.talent-process { width: 100%; position: relative; padding-top: 10px; padding-bottom: 30px; }

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

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

.process-base { display: none; width: 100%; overflow: hidden; position: relative; }

.process-base:after { content: ''; display: block; width: 100%; padding-bottom: 56.36364%; }

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

.process-list { margin-left: -10px; margin-right: -10px; }

.process-list li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; text-align: center; }

.process-list li .conts { display: block; width: 100%; }

.process-list li .icon { display: block; width: 110px; margin: 0 auto; overflow: hidden; position: relative; background-color: #fff; border: 3px solid #edf1f5; -webkit-border-radius: 50%; border-radius: 50%; }

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

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

.process-list li .title { color: #010c11; font-size: 14px; line-height: 1.5; display: block; width: 100%; padding-top: 6px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.talent-welfare { background-color: #f6f8fa; padding-top: 35px; padding-bottom: 30px; }

.talent-welfare .inside-title .ensub { color: #ffffff; }

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

.welfare-swcont { position: relative; }

.welfare-swiper { width: 100%; position: relative; }

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

.welfare-swiper ul li.swiper-slide-active .image::before { opacity: 0; }

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

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

.welfare-swiper ul li .image::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.4; z-index: 2; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.welfare-swiper ul li .image:after { content: ''; display: block; width: 100%; padding-bottom: 57.14286%; }

.welfare-swiper ul li .image img { position: absolute; display: block; top: 0; left: 0; width: 100%; z-index: 1; }

.welfare-swiper ul li .word { padding-top: 10px; }

.welfare-swiper ul li .title { display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #010c11; font-size: 16px; line-height: 1.5; }

.welfare-swiper ul li .info { display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #6b808b; font-size: 12px; line-height: 1.5; }

.welfare-pagination { font-size: 0; line-height: normal; text-align: center; padding-top: 20px; }

.welfare-pagination span { display: inline-block; vertical-align: top; width: 20px; height: 2px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin: 0 2px; background-color: #8d9196; }

.welfare-pagination span.swiper-pagination-bullet-active { width: 30px; background-color: #e7222a; }

.welfare-swiper-prev { background-image: url(../images/pic-button-prev2.png); }

.welfare-swiper-prev:hover { background-image: url(../images/pic-button-prev2s.png); }

.welfare-swiper-next { background-image: url(../images/pic-button-next2.png); }

.welfare-swiper-next:hover { background-image: url(../images/pic-button-next2s.png); }

.talent-development { padding-top: 30px; padding-bottom: 60px; }

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

.development-conts { position: relative; }

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

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

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

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

.development-swiper ul li .image:after { content: ''; display: block; width: 100%; padding-bottom: 73.68421%; }

.development-swiper ul li .image img { position: absolute; display: block; top: 0; left: 0; width: 100%; z-index: 1; }

.development-swiper ul li .word { padding-top: 10px; padding-bottom: 10px; }

.development-swiper ul li .title { display: block; width: 100%; line-height: 1.5; color: #010c11; font-size: 16px; font-weight: bold; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding-bottom: 5px; }

.development-swiper ul li .info { display: block; width: 100%; color: #6b808b; font-size: 14px; max-height: 176px; line-height: 22px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 8; }

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

.development-pagination span { background-color: #6b808b; }

.talent-staff { background-color: #f6f8fa; padding-top: 30px; padding-bottom: 30px; }

.talent-staff .inside-title .ensub { color: #fff; }

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

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

.staff-list ul { margin-left: -5px; margin-right: -5px; }

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

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

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

.staff-list ul li .word{ position: absolute; width: 100%; left: 0;bottom: 0; z-index: 22; background-color: rgba(255,255,255,0.85);padding: 10px 10px;color: #666;font-size: 16px;line-height: 1.5;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.staff-list ul li .image:after { content: ''; display: block; width: 100%; padding-bottom: 65.82278%; }

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

/*.staff-list ul li:nth-child(5n) .image:after { padding-bottom: 135.89744%; }*/

/* 人才资源 e */


@media (min-width: 768px) { /* 首页 s */
  .mapdots { margin-left: -10px; margin-right: -10px; }
  .mapdots li { display: inline-block; vertical-align: top; width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
  /* 首页 e */
  /* 5G s*/
  .fiveG-content { padding-left: 30px; padding-right: 30px; }
  .fiveG-minswcont { padding-left: 60px; padding-right: 60px; }
  .control-module { padding: 40px 80px 35px; }
  /* 5G e*/
  /* 产品详情2 s */
  .scenario-swcont { padding-left: 0px; padding-right: 0px; }
  /* 产品详情2 e */ }


@media (min-width: 1024px) { /* 首页 s */
  .idxcommonweb { padding-left: 40px; padding-right: 40px; }
  .index-industry { padding-top: 80px; padding-bottom: 60px; }
  .industry-offset { position: absolute; top: 0; left: 0; width: 100%; padding-top: 50px; }
  .industry-place { width: 100%; height: 0; position: absolute; z-index: 2; }
  .industry-holder { width: 41.66667%; background-color: #ebebeb; height: 120px; position: absolute; top: 0; left: 0; }
  .index-title .title { font-size: 28px; }
  .index-title .en { font-size: 16px; }
  .title-change { text-align: left; white-space: nowrap; }
  .title-change .title { display: inline-block; vertical-align: middle; padding-right: 15px; }
  .title-change .title:after { content: ''; position: absolute; top: 50%; margin-top: -10px; width: 1px; height: 20px; background-color: #cccccc; right: 0; }
  .title-change .en { display: inline-block; vertical-align: middle; padding-left: 10px; }
  .industry-module { padding-top: 15px; }
  .industry-control { float: left; width: 48.57143%; padding: 8.57143% 0 0 80px; }
  .hxcontrol-conts { padding-left: 0px; padding-right: 0px; }
  .hxcontrol-swiper-prev, .hxcontrol-swiper-next { display: none; }
  .hxcontrol-list { overflow: inherit; position: relative; text-align: center; width: 200px; }
  .hxcontrol-list ul { white-space: normal; display: block; }
  .hxcontrol-list ul li { display: block; line-height: 60px; margin-bottom: 1px; }
  .hxcontrol-list ul li.cur:after { -webkit-transform: scaleX(1.1); -ms-transform: scaleX(1.1); -o-transform: scaleX(1.1); transform: scaleX(1.1); }
  .hxcontrol-list ul li.cur .tips { opacity: 1; visibility: visible; }
  .hxcontrol-list ul li:hover:after { -webkit-transform: scaleX(1.1); -ms-transform: scaleX(1.1); -o-transform: scaleX(1.1); transform: scaleX(1.1); background-color: #e7222a; }
  .hxcontrol-list ul li:hover .title { color: #fff; }
  .hxcontrol-list ul li:hover .tips { opacity: 1; visibility: visible; }
  .hxcontrol-list ul li .tips { display: block; position: absolute; left: 160px; top: 50%; margin-top: -12px; white-space: nowrap; padding-left: 74px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; }
  .hxcontrol-list ul li .tips:after { content: ''; position: absolute; width: 70px; height: 1px; background-color: #e7222a; left: 0; top: 50%; margin-top: -1px; z-index: 1; }
  .hxcontrol-list ul li .tips::before { content: ''; position: absolute; width: 50px; height: 1px; background-color: #fff; left: 0; top: 50%; margin-top: -1px; z-index: 2; }
  .hxcontrol-list ul li .title { font-size: 18px; }
  .hxcontrol-more { padding-top: 50px; display: block; }
  .learn-more:hover { background-color: #da1119; }
  .learn-more:hover:after { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); }
  .mhxcontrol-more { display: none; }
  .industry-screen { float: right; width: 51.42857%; }
  .industry-show { border: 1px solid #dadada; padding-bottom: 15px; }
  .hxscreen-swiper { margin-top: -15px; margin-left: -15px; }
  .mm-pagination { display: none !important; }
  .hxcustom-case { padding-top: 0px; margin-top: 20px; position: relative; }
  .hxcustom-title { font-size: 16px; position: absolute; top: 50%; margin-top: -15px; left: -110px; text-align: left; width: auto; padding-right: 70px; }
  .hxcustom-title:after { content: ''; position: absolute; width: 60px; height: 1px; background-color: #e7222a; right: 0; top: 50%; margin-top: -1px; }
  .hxcustom-swipercon { padding: 0px; position: relative; }
  .hxcustom-swiper ul li:hover .icon img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .index-product { padding-top: 50px; padding-bottom: 60px; background-image: url(../images/index-probg.jpg); }
  .idxproduct-tabbar { padding-top: 25px; padding-bottom: 25px; }
  .producttab-swiper-prev, .producttab-swiper-next { display: none; }
  .idxproduct-tab ul li a { font-size: 16px; line-height: 40px; padding: 0 40px; }
  .idxproduct-tab ul li:hover a { background-color: #e7222a; color: #fff; border-color: #e7222a; }
  .idxproduct-content { padding-left: 20px; padding-right: 20px; }
  .idxproduct-swiper ul li .title{ opacity:0; }
  .idxproduct-swiper ul li a:hover .image img { -webkit-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); }
  .idxproduct-swiper ul li a:hover .title{ opacity:1; }
  .idxproduct-more { padding-top: 40px; }
  .idxproduct-swiper-prev, .idxproduct-swiper-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .idxproduct-swiper-prev { left: -50px; }
  .idxproduct-swiper-next { right: -50px; }
  .index-news { padding-top: 60px; padding-bottom: 60px; }
  .idxnews-more { display: block; position: absolute; right: 0; top: 50%; margin-top: -20px; }
  .idxnews-moudle { padding-top: 0; margin-top: 20px; padding-left: 530px; min-height: 390px; }
  .idxnews-prompt { position: absolute; top: 0; left: 0; width: 490px; }
  .idxnews-aside { padding-top: 0px; }
  .idxnews-mode .word { padding: 0 35px 30px; }
  .idxnews-mode .word .time { font-size: 16px; }
  .idxnews-mode .word .title { font-size: 18px; }
  .idxnews-list ul li { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .idxnews-list ul li a { padding: 25px 100px 20px 30px; }
  .idxnews-list ul li:hover { -webkit-box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.1); z-index: 2; }
  .idxnews-list ul li:hover .title-unit::before { background-color: #e7222a; }
  .idxnews-list ul li:hover .title { color: #e7222a; }
  .idxnews-list ul li:hover .arrow::before { opacity: 0; }
  .idxnews-list ul li:hover .arrow:after { opacity: 1; }
  .idxnews-list ul li .title { font-size: 18px; margin-bottom: 10px; }
  .idxnews-list ul li .time { position: absolute; right: 15px; top: 25px; line-height: 30px; font-size: 14px; }
  .idxnews-list ul li .arrow { display: block; top: 80px; right: 15px; }
  .midxnews-more { display: none; }
  .index-business { padding-top: 55px; padding-bottom: 55px; }
  .business-numbar { padding-top: 32px; padding-bottom: 42px; }
  .business-numlist ul { margin-left: -30px; margin-right: -30px; }
  .business-numlist ul li { width: auto; margin-bottom: 0px; padding-left: 30px; padding-right: 30px; position: relative; }
  .business-numlist ul li:after { content: ''; position: absolute; width: 1px; right: 0; top: 7px; bottom: 4px; background-color: #e6e6e6; }
  .business-numlist ul li:last-child:after { display: none; }
  .business-numlist ul li .title .num { font-size: 32px; }
  .business-numlist ul li .title .type { font-size: 18px; }
  .business-numlist ul li .desc { padding-top: 18px; }
  .mapimg .mapmo { display: none; }
  .map-desktop { display: block; position: relative; }
  .map-desktop .mappc { display: block; width: 100%; }
  .map-desktop .maphover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  .map-desktop .maphover img { position: absolute; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; }
  .map-desktop .maphover img.cur { opacity: 1; visibility: visible; }
  .mapdots { padding-top: 0px; position: absolute; top: 0; left: 0; height: 100%; z-index: 22; }
  .mapdots li { margin-bottom: 0px; position: absolute; width: auto; cursor: pointer; z-index:2; }
  .mapdots li.cur{ z-index:22;  }
  .mapdots li.cur .maplicont { opacity: 1; visibility: visible; }
  .country-mask .dot { display: block; }
  .country-mask .name { display: block; }
  .maplicont { width: 300px; background-color: rgba(255, 255, 255, 0.9); -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 15px; border-radius: 15px; left: -80px; position: absolute; bottom: 40px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; }
  .maplicont:after { content: ''; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-top-color: rgba(255, 255, 255, 0.9); left: 80px; bottom: -20px; }
  .maplicont .title { font-size: 17px; padding-right: 0; }
  .maplicont .title::after{ display:none; }
  .maplicont .content { padding-top: 8px;display: block !important; }
  .maplicont .item { font-size: 15px; line-height: 28px; }
  /* 首页 e */
  /* 公司简介 s */
  .company-module { padding-top: 40px; padding-bottom: 80px; }
  .company-profile { width: 100%; overflow: hidden; }
  .profile-thumb { width: 48.33333%; float: right; margin-left: 50px; margin-bottom: 30px; }
  .profile-content { padding-top: 0px; padding-bottom: 45px; }
  .profile-sup { font-size: 44px; }
  .profile-sub { font-size: 18px; }
  .profile-context { padding-top: 55px; }
  .company-nums { padding: 35px 0; text-align: left; }
  .company-nums ul { margin-left: -20px; margin-right: -20px; }
  .company-nums ul li { padding-left: 20px; padding-right: 20px; }
  .company-nums ul li .title .num { font-size: 50px; }
  .company-nums ul li .title .type { font-size: 14px; }
  .company-panel { padding-right: 35.83333%; }
  .company-panel .offset { position: absolute; top: 0; right: 0; width: 35.83333%; }
  .company-panel .content { padding: 10.46512% 10.46512% 0; }
  .company-panel .textcon { padding-top: 20px; }
  .company-panel .text { max-height: 110px; line-height: 22px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .company-culture { background-image: url(../images/culturebg.jpg); padding-top: 40px; padding-bottom: 60px; }
  .culture-wrapper { padding: 45px 0 0; }
  .culture-module { padding-right: 275px; }
  .culture-tower { width: 560px; max-width: 710px; position: absolute; top: 0; right: 0; z-index: 22; }
  .culture-tower .mask li { font-size: 22px; }
  .culture-tower::before { content: ''; position: absolute; bottom: -50px; left: 0; right: 0; height: 60px; background: url(../images/culture-towershadow.png) no-repeat scroll center; background-size: contain; }
  .culture-mode { padding-top: 40px; padding-bottom: 40px; }
  .culture-mode ul li { margin-bottom: 35px; padding: 20px 35px; line-height: 30px; font-size: 16px; -webkit-box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); -webkit-border-radius: 200px 0 0 200px; border-radius: 200px 0 0 200px; }
  .culture-mode ul li:last-child { margin-bottom: 0; }
  .culture-mode ul li .icon { width: 60px; }
  .culture-mode ul li .overs { padding-left: 20px; }
  .company-history { padding-top: 65px; padding-bottom: 80px; }
  .history-wrapper { padding-top: 0px; }
  .hiscommonweb { padding-left: 40px; padding-right: 40px; }
  .history-module::before { content: ''; position: absolute; left: 0; width: 100%; height: 3px; background-color: #e7222a; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .history-module{ }
  .history-swiper { padding-top: 40px; padding-bottom: 40px; }
  .history-swiper ul li { padding-left: 20px; position: relative; }
  .history-swiper ul li .dot { position: absolute; width: 20px; height: 20px; background-color: rgba(230, 33, 41, 0.2); -webkit-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -10px; left: 0; z-index: 1; }
  .history-swiper ul li .dot::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #e62129; -webkit-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -5px; left: 50%; margin-left: -5px; z-index: 2; }
  .history-swiper ul li:after { content: ''; position: absolute; width: 1px; height: 140px; background-color: #e7222a; left: 10px; }
  .history-swiper ul li .image { width: 136px; border: 2px solid #eeeeee; -webkit-border-radius: 4px; border-radius: 4px; }
  .history-swiper ul li .word { padding-top: 0px; position: absolute; top: 0; left: 136px; width: 100%; padding-left: 15px; }
  .history-swiper ul li:nth-child(odd) { padding-top: 200px; }
  .history-swiper ul li:nth-child(odd):after { bottom: 0; }
  .history-swiper ul li:nth-child(even) { padding-bottom: 200px; }
  .history-swiper ul li:nth-child(even):after { top: 0; }
  .history-swiper-prev { left: -40px; }
  .history-swiper-next { right: -40px; }
  /* 公司简介 s */
  /* 联系我们 s */
  .method-listcon { padding-top: 45px; padding-bottom: 20px; }
  .method-list ul { margin-left: -20px; margin-right: -20px; }
  .method-list ul li { padding-left: 20px; padding-right: 20px; margin-bottom: 30px; }
  .method-list ul li .cons:hover { -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.2); }
  .method-list ul li .icon { width: 90px; margin-bottom: 8px; }
  .baiduMap { height: 360px; }
  .contact-feedback { padding-top: 60px; padding-bottom: 70px; }
  .feedback-module .online-cover { float: right; width: 34.16667%; }
  .feedback-module .online-wover { padding-top: 0px; display: block; width: auto; overflow: hidden; padding-right: 20px; }
  .feedback-cover { float: right; width: 41.42857%; }
  .feedback-wover { padding-top: 0px; display: block; width: auto; overflow: hidden; padding-right: 3.92857%; }
  .feedback-banner { -webkit-box-shadow: -10px 0 20px -5px rgba(0, 0, 0, 0.1); box-shadow: -10px 0 20px -5px rgba(0, 0, 0, 0.1); }
  .require-btnblock { text-align: left; }
  .require-btnblock .inblock { padding: 0 5px 0 0; }
  .feedback-submit .control { width: 190px; }
  .feedback-submit .control:hover { background-color: #da1119; opacity: 0.9; }
  .feedback-reset .control { width: 190px; }
  .feedback-reset .control:hover { background-color: #dbd9d9; }
  /* 联系我们 e */
  /* 社会责任 s */
  .social-module { padding-top: 50px; padding-bottom: 70px; }
  .social-desc { font-size: 16px; }
  .social-listcon { padding-top: 50px; padding-bottom: 50px; }
  .social-list ul li .mask span { font-size: 16px; }
  .social-list ul li .txt { font-size: 22px; }
  .social-panel { padding-right: 30%; }
  .social-panel .offset { position: absolute; top: 0; right: 0; height: 100%; width: 30%; }
  .social-panel .content { width: 100%; height: 100%; padding: 19.44444% 9.72222% 0 10px; background: url(../images/social-bgimg.jpg) no-repeat scroll left top; background-size: cover; }
  .social-panel .content .cntitle { font-size: 20px; padding-bottom: 15px; }
  .social-panel .content .title { font-size: 20px; padding-bottom: 12px; }
  /* 社会责任 e */
  /* 应用领域 s*/
  .field-apply .industry-offset {  position: relative; margin-top: -40px; padding-bottom: 70px; }
  .field-apply .inside-title {  }
  .apply-wrapper { padding-top: 40px; padding-bottom: 80px; }
  .applymax-swiper ul li .cell-bundle { display: block; width: 100%; position: relative; padding-left: 50%; }
  .applymax-swiper ul li .content { position: absolute; width: 50%; height: 100%; top: 0; left: 0; padding: 8.33333% 5% 0 4.16667%; }
  .applymax-swiper ul li .textcon { padding-top: 30px; }
  .applymax-swiper ul li .text { padding-right: 30px; }
  .apply-title { padding-bottom: 25px; }
  .apply-title:after { width: 80px; }
  .apply-title .title { font-size: 20px; }
  .apply-title .sub { font-size: 16px; }
  .apply-offset { padding: 0 35px; margin-top: -64px; }
  .applymin-swipercon { padding: 0 60px; }
  .applymin-swiper ul li a { padding: 22px 5px; }
  .applymin-swiper ul li:hover a { background-color: #042536; }
  .applymin-swiper ul li:hover a .icon .now { opacity: 0; visibility: hidden; }
  .applymin-swiper ul li:hover a .icon .hov { opacity: 1; visibility: visible; }
  .applymin-swiper ul li:hover a .info { color: #fff; }
  .applymin-swiper-prev { left: 10px; }
  .applymin-swiper-next { right: 10px; }
  .field-client { padding-bottom: 80px; }
  .client-module { padding-right: 41.66667%; }
  .client-module .inside-title { position: absolute; margin-bottom: 0px; left: 60.83333%; text-align: left; margin-top: 10px; }
  .client-module .inside-title .title:after { left: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .client-offset { padding-top: 0px; position: absolute; right: 0; top: 34%; width: 40.41667%; }
  .client-swiper ul li a:hover img { -webkit-transform: translate(-50%, -50%) scale(1.01); -ms-transform: translate(-50%, -50%) scale(1.01); -o-transform: translate(-50%, -50%) scale(1.01); transform: translate(-50%, -50%) scale(1.01); }
  .client-pagination { padding-top: 0px; position: absolute; right: 0; top: -24px; text-align: right; z-index: 22; }
  .honor-module { padding-top: 45px; padding-bottom: 60px; }
  .title-honor .title span { padding: 0 20px; }
  .title-honor .title span:after, .title-honor .title span:before { width: 50px; }
  .title-honor .title span:before { left: -50px; }
  .title-honor .title span:after { right: -50px; }
  .hocommonweb { padding-left: 40px; padding-right: 40px; }
  .honor-tabbar { padding-bottom: 50px; }
  .honor-tab ul li { padding: 0 55px; }
  .honor-tab ul li:after { height: 32px; }
  .honor-tab ul li a:hover { color: #fff; }
  .honor-tab ul li a:hover:after { left: 0; right: 0; }
  .honor-tab ul li a { font-size: 16px; line-height: 50px; padding: 0 30px; }
  .honor-swiper ul li a:hover .image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .honor-swiper ul li a:hover .title { color: #fff; background-color: rgba(0,0,0,0.3); }
  .honor-swiper ul li .imgcont { padding: 30px 15px 20px; }
  .honor-swiper ul li .title { padding: 20px 5px; }
  .honor-pagination { padding-top: 40px; }
  .honor-pagination span.swiper-pagination-bullet-active { width: 60px; background-color: #e7222a; }
  .honor-swiper-prev { left: -40px; }
  .honor-swiper-next { right: -40px; }
  /* 应用领域 e*/
  /* 5G s*/
  .fiveG-container { padding-top: 60px; padding-bottom: 100px; }
  .fiveG-baseswiper ul li .image { background-size: cover; background-position: center center; }
  .fiveG-baseswiper ul li .image img { width: 100%; }
  .fiveG-stamp { padding-top: 80px; padding-bottom: 160px; background-color: rgba(0, 0, 0, 0); }
  .fiveG-title { font-size: 24px; padding-bottom: 12px; }
  .fiveG-textcon { padding-top: 30px; padding-bottom: 40px; }
  .fiveG-text { font-size: 16px; }
  .fiveG-minswcont { padding-left: 100px; padding-right: 100px; }
  .fiveG-minswiper ul li a { padding: 15px; }
  .fiveG-minswiper ul li a:hover .image img { -webkit-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); }
  .fiveG-minswiper ul li .title { font-size: 16px; padding-top: 12px; }
  .fiveGs-pic-prev, .fiveGs-pic-next { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .fiveGs-pic-prev { left: 20px; }
  .fiveGs-pic-next { right: 20px; }
  .fiveG-offset { margin-top: -119px; }
  .control-module { padding: 40px 130px 35px; max-width: 940px; margin: 0 auto; }
  .control-swiper ul li:hover .figure { -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); }
  .control-swiper ul li:hover .figure:after { opacity: 1; visibility: visible; }
  .control-swiper ul li:hover .figure::before { opacity: 1; visibility: visible; }
  .control-swiper ul li:hover .title { color: #e7222a; }
  .control-swiper ul li a { padding: 0 15px; }
  .control-swiper ul li .title { font-size: 16px; padding-top: 15px; }
  .control-swiper-prev, .control-swiper-next { top: 80px; }
  .control-swiper-prev { left: 60px; }
  .control-swiper-next { right: 60px; }
  /* 5G e*/
  /* 产品详情 s */
  .product-panel { padding-bottom: 80px; }
  .product-panel:after { content: ''; display: block; width: 100%; clear: both; }
  .product-view { position: relative; max-width: 600px; margin: 0; float: left; width: 500px; }
  .float_layer { position: absolute; width: 150px; height: 150px; background: rgba(0, 0, 0, 0.5); display: none; border: 1px solid #ebebeb; overflow: hidden; cursor: move; top: 0; left: 0; }
  .float_layer span { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }
  .float_layer span img { position: absolute; max-width: none; width: auto; height: auto; max-height: initial; top: 0; left: 0; }
  .propost-minimg ul li:hover a:after { border-color: #e7222a; }
  .propost-minimg ul li:hover a:before { opacity: 1; visibility: visible; }
  .product-viobtn { width: 50px; height: 50px; }
  .propost-prev, .propost-next { display: none; }
  .product-prctfile { display: block; width: auto; overflow: hidden; padding-top: 0; padding-left: 40px; }
  .profile-title { border-top: 1px dashed #e0e0e0; padding-top: 18px; font-size: 22px; }
  .profile-icon ul li { margin-right: 20px; }
  .profile-icon ul li:last-child { margin-right: 0; }
  .profile-contact .theme-btn { margin-right: 20px; }
  .profile-btn.theme-btn:hover { background-color: #da1119; }
  .profile-btn.dark-btn:hover { background-color: #626773; }
  /* 产品详情 e */
  /* 产品详情 2 s*/
  .product-scenario { padding-top: 45px; padding-bottom: 75px; }
  .scenario-textcon { padding-top: 25px; padding-bottom: 55px; }
  .scenario-text { font-size: 16px; }
  .scenario-swcont { padding-left: 0px; padding-right: 0px; }
  .scenario-mainswiper ul li { width: 720px; }
  .scenario-mainswiper ul li.swiper-slide-active a { -webkit-box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.2); }
  /*.scenario-mainswiper ul li .word { padding: 25px 20px; }*/
  .scenario-mainswiper ul li .word .title { font-size: 18px; }
  .scenario-swiper-prev, .scenario-swiper-next { display: block; }
  /*.scenario-swiper-prev { left: 50%; margin-left: -340px; }
  .scenario-swiper-next { right: 50%; margin-right: -340px; }*/
  .scenario-swiper-prev { left: 50%; margin-left: -145px; }
  .scenario-swiper-next { right: 50%; margin-right: -145px; }
  .product-feature { padding-top: 65px; padding-bottom: 65px; }
  .feature-wrapper { padding-top: 60px; }
  .feature-list ul li:hover { z-index: 2; }
  .feature-list ul li:hover a { background-color: white; -webkit-box-shadow: 0 5px 35px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 35px -5px rgba(0, 0, 0, 0.2); }
  .feature-list ul li:hover .icons .hov { opacity: 1; visibility: visible; }
  .feature-list ul li:hover .icons .now { opacity: 0; visibility: hidden; }
  .feature-list ul li:hover .info { color: #e7222a; }
  .feature-list ul li a { padding: 45px 20px 30px; }
  .feature-list ul li .info { margin-top: 8px; font-size: 15px; }
  .product-holder { font-size: 16px; }
  .product-message { padding-top: 50px; padding-bottom: 80px; }
  .message-wrapper { padding-top: 30px; }
  .message-form .feedback-require { padding-right: 440px; position: relative; }
  .message-form .require-btnblock { padding-top: 0; position: absolute; top: 0; right: 0; }
  .message-form .require-btnblock .inblock { padding-right: 0; padding-left: 30px; }
  .message-list { margin-left: -15px; margin-right: -15px; }
  .message-list li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }
  /* 产品详情 2 e*/
  /* 产品中心 s */
  .product-tabbar { padding-top: 35px; padding-bottom: 50px; }
  .product-conts { padding-left: 50px; padding-right: 50px; }
  .commontab-swiper-prev, .commontab-swiper-next { display: none; }
  .common-tab ul li { width: 20%; }
  .common-tab ul li a { line-height: 40px; }
  .common-tab ul li:hover a { background-color: #e7222a; color: #fff; }
  .common-tab.center ul { display:block; text-align:center;font-size:0;}
  .common-tab.center ul li{ display:inline-block;vertical-align:top; }
  .product-listcon { padding-bottom: 80px; }
  .product-list ul li a:hover .thumb img { -webkit-transform: translate(0, 0) scale(1.1); -ms-transform: translate(0, 0) scale(1.1); -o-transform: translate(0, 0) scale(1.1); transform: translate(0, 0) scale(1.1); }
  /*.product-list ul li a:hover { background-color: #e7222a; }
  .product-list ul li a:hover .thumb img { -webkit-transform: translate(0, 0) scale(1.1); -ms-transform: translate(0, 0) scale(1.1); -o-transform: translate(0, 0) scale(1.1); transform: translate(0, 0) scale(1.1); }
  .product-list ul li a:hover .content .title { color: #fff; }
  .product-list ul li a:hover .content .text { color: #fff; }
  .product-list ul li a:hover .content .more::before { visibility: visible; opacity: 1; }
  .product-list ul li a:hover .content .more::after { visibility: hidden; opacity: 0; }*/
  .product-list ul li .content { padding: 8.33333% 4.16667% 0 5.83333%; }
  .product-list ul li .content .title { font-size: 18px; line-height: 26px; height: 52px; }
  .product-list ul li .content .text { margin-bottom: 30px; }
  .product-more { padding-top: 20px; }
  .load-button a:hover { color: #da1119; }
  .product-solution-hbclone { height: 193px; display: none; }
  .product-solution-fix.fixed { width: 100%; position: fixed; z-index: 298; left: 0; top: 80px; padding-top: 40px; 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); }
  .product-solution-fix.fixed + .product-solution-hbclone { display: block; }
  .related-container { padding-bottom: 80px; }
  .product-related .product-listcon { padding-top: 50px; }
  /* 产品中心 e */
  /* 投资者关系 - 定期报告 s */
  .report-tabbar { padding-top: 45px; padding-bottom: 30px; margin-left: -35px; margin-right: -35px; }
  .report-conts { max-width: 800px; }
  .report-container { padding-bottom: 70px; }
  .report-list ul li { margin-bottom: 20px; }
  .report-list ul li:hover { -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2); }
  .report-list ul li:hover:after { opacity: 0; }
  .report-list ul li:hover a::before { width: 100%; }
  .report-list ul li:hover .download .downtxt { color: #e7222a; }
  .report-list ul li:hover .download .downicon::before { opacity: 0; visibility: hidden; }
  .report-list ul li:hover .download .downicon::after { opacity: 1; visibility: visible; }
  .report-list ul li a { padding: 37px 35px; }
  .report-list ul li .modes { padding-right: 230px; }
  .report-list ul li .icon { margin-right: 20px; }
  .report-list ul li .title { font-size: 16px; }
  .report-list ul li .info { font-size: 13px; }
  .report-list ul li .download { text-align: center; width: 100px; }
  .report-list ul li .download .downtxt { font-size: 16px; }
  .report-list ul li .download .downicon { width: 30px; }
  /* 投资者关系 - 定期报告 e */
  /* 投资者关系 - 股票图示 s */
  .notice-container { padding-top: 30px; padding-bottom: 70px; }
  .stock-wrapper { padding-top: 50px; padding-bottom: 70px; }
  .stock-aside { padding-bottom: 0px; float: right; width: 47.5%; }
  .stock-section { float: left; width: 45%; }
  .stock-tab ul li a { padding: 0 15px; }
  .stock-tab ul li:hover a { color: #e7222a; }
  .stock-tab ul li:hover a:after { left: 0; right: 0; }
  /* 投资者关系 - 股票图示 e */
  /* 投资者关系 - 图示 s */
  .investor-wrapper { padding-top: 45px; padding-bottom: 60px; }
  /* 投资者关系 - 图示 e */
  /* 人才资源 s */
  .talent-container { padding-top: 40px; }
  .talent-president { padding-bottom: 80px; padding-left: 285px; }
  .talent-president .author { position: absolute; top: 0; left: 0; width: 285px; -webkit-box-shadow: 5px 15px 25px -5px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 25px -5px rgba(0, 0, 0, 0.2); }
  .talent-president .content { padding: 50px 40px 0; min-height: 350px; }
  .chief-mode .conts { padding: 30px 40px 0; }
  .chief-mode .conts::before, .chief-mode .conts:after { width: 40px; height: 40px; }
  .chief-mode .title { font-size: 22px; }
  .chief-mode .info { padding-top: 20px; font-size: 16px; }
  .talent-recruitment { padding-bottom: 55px; }
  .recruit-tabbar { padding: 20px 30px; }
  .recruit-barcons { padding-right: 500px; }
  .recruit-tab { text-align: left; }
  .recruit-tab ul li { margin-left: 0px; margin-right: 15px; }
  .recruit-tab ul li:hover a { color: #fff; background-color: #e7222a; }
  .recruit-offset { padding-top: 0px; position: absolute; top: 0; right: 0; width: 500px; }
  .recruit-form { padding-right: 140px; }
  .recruit-form .zpsubbtn { width: 120px; }
  .recruit-form .zpsubbtn:hover { background-color: #da1119; }
  .recruit-subtabbar { padding-top: 30px; padding-bottom: 30px; }
  .recruit-subbarcons { padding-left: 50px; padding-right: 50px; max-width: 860px; margin: 0 auto; }
  .recruit-subtab ul { position: relative; z-index: 2; }
  .recruit-subtab ul li { width: 20%; }
  .recruit-subtab ul li a { padding: 0 10px; }
  .recruit-subtab ul li:hover a { color: #e7222a; }
  .recruit-subtab ul li:hover a:after { left: 0; right: 0; }
  .recruit-swiper-prev, .recruit-swiper-next { display: none; }
  .talent-customer { padding-top: 30px; padding-bottom: 0px; }
  .customer-bg { display: block; }
  .customer-list ul { margin-left: -15px; margin-right: -15px; }
  .customer-list ul li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; width: 21.6667%; }
  .customer-list ul li:nth-child(4n) { width: 35%; }
  .customer-list ul li:hover .conts { -webkit-box-shadow: 0 5px 15px -2px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px -2px rgba(0, 0, 0, 0.1); }
  .customer-list ul li:hover .conts::before { width: 100%; }
  .customer-list ul li .conts { padding: 30px 15px 10px; -webkit-box-shadow: none; box-shadow: none; }
  .customer-list ul li .icon { width: 70px; }
  .customer-list ul li .info { font-size: 15px; }
  .talent-process { padding-top: 50px; padding-bottom: 70px; }
  .process-wrapper { padding-top: 50px; }
  .process-module { padding: 0 4.16667%; }
  .process-base { display: block; }
  .process-offset { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 22; padding: 0 15.41667%; }
  .process-list { margin-left: 0px; margin-right: 0px; width: 100%; height: 100%; position: relative; }
  .process-list li { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; position: absolute; width: auto; }
  .process-list li:nth-child(3n+1) { left: 0; }
  .process-list li:nth-child(3n+2) { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .process-list li:nth-child(3n+3) { right: 0; }
  .process-list li:nth-child(1), .process-list li:nth-child(2), .process-list li:nth-child(3) { top: 0; }
  .process-list li:nth-child(4), .process-list li:nth-child(5), .process-list li:nth-child(6) { top: 35.48387%; }
  .process-list li:nth-child(7), .process-list li:nth-child(8), .process-list li:nth-child(9) { top: 70.96774%; }
  .talent-welfare { padding-top: 45px; padding-bottom: 40px; }
  .welfare-wrapper { padding-top: 30px; }
  .welfare-swiper { overflow: hidden; }
  .welfare-swiper ul li { width: 600px; }
  .welfare-swiper ul li.swiper-slide-active .info { opacity: 1; visibility: visible; }
  .welfare-swiper ul li .word { padding-top: 15px; text-align: center; }
  .welfare-swiper ul li .title { font-size: 20px; }
  .welfare-swiper ul li .info { font-size: 14px; opacity: 0; visibility: hidden; }
  .welfare-pagination { padding-top: 30px; }
  .welfare-pagination span { margin: 0 5px; }
  .welfare-pagination span.swiper-pagination-bullet-active { width: 50px; }
  .welfare-swiper-prev, .welfare-swiper-next { display: block; top: 34.73684%; width: 40px; height: 40px; }
  .welfare-swiper-prev { left: 10px; }
  .welfare-swiper-next { right: 10px; }
  .talent-development { padding-top: 60px; padding-bottom: 120px; }
  .development-wrapper { padding-top: 40px; }
  .development-swiper ul li .word { padding-top: 14px; padding-bottom: 14px; }
  .development-swiper ul li .title { font-size: 18px; padding-bottom: 8px; }
  .development-swiper-prev, .development-swiper-next { top: 18.51852%; }
  .development-swiper-prev { left: -40px; }
  .development-swiper-next { right: -40px; }
  .talent-staff { padding-top: 50px; padding-bottom: 50px; }
  .staff-wrapper { padding-top: 35px; }
  .staff-list ul { width: 100%; position: relative; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; }
  .staff-list ul li .word{ font-weight:bold; }
  .staff-list ul li a:hover .image img{-webkit-transform: translateX(-50%) scale(1.03);-ms-transform: translateX(-50%) scale(1.03); -o-transform: translateX(-50%) scale(1.03); transform: translateX(-50%) scale(1.03); }
  /*.staff-list ul:after { content: ''; display: block; width: 100%; padding-bottom: 44.16667%; }
  .staff-list ul li { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; position: absolute; width: 32.91667%; }
  .staff-list ul li:nth-child(5n-4) { top: 0; left: 0; }
  .staff-list ul li:nth-child(5n-3) { top: 0; right: 0; }
  .staff-list ul li:nth-child(5n-2) { left: 0; bottom: 0; }
  .staff-list ul li:nth-child(5n-1) { right: 0; bottom: 0; }
  .staff-list ul li:nth-child(5n) { width: 32.5%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }*/
  /* 人才资源 e */ 
  .idxproduct-tab.center ul { display:block; text-align:center;font-size:0;}
  .idxproduct-tab.center ul li{ display:inline-block;vertical-align:top; }

  }


@media (min-width: 1260px) { /* 首页 s */
  .idxcommonweb { max-width: 1480px; margin: 0 auto; }
  .index-industry { padding-top: 100px; padding-bottom: 80px; }
  .industry-offset { padding-top: 70px; }
  .industry-holder { height: 170px; }
  .index-title .title { font-size: 36px; font-weight: normal; }
  .index-title .en { font-size: 20px; font-weight: lighter; }
  .title-change .title:after { margin-top: -15px; width: 1px; height: 30px; }
  .industry-control { padding: 8.57143% 0 0 12.85714%; }
  .hxcontrol-list ul li { display: block; line-height: 70px; }
  .hxcontrol-list ul li .tips { padding-left: 84px; }
  .hxcontrol-list ul li .title { font-size: 20px; }
  .idxproduct-tabbar { padding-top: 35px; padding-bottom: 30px; }
  .index-news { padding-top: 75px; padding-bottom: 75px; }
  .idxnews-moudle { padding-left: 590px; min-height: 435px; }
  .idxnews-prompt { width: 550px; }
  .idxnews-mode .word { padding: 0 50px 30px; }
  .idxnews-list ul li a { padding: 30px 140px 30px 40px; }
  .idxnews-list ul li .time { right: 25px; top: 30px; }
  .idxnews-list ul li .arrow { top: 85px; right: 25px; }
  .business-numlist ul li { padding-left: 60px; padding-right: 60px; }
  .business-numlist ul li .title .num { font-size: 42px; }
  .business-numlist ul li .title .type { font-size: 22px; }
  /* 首页 e */
  /* 公司简介 s */
  .company-module { padding-top: 50px; padding-bottom: 100px; }
  .profile-thumb { margin-left: 70px; margin-bottom: 50px; }
  .profile-sup { font-size: 54px; }
  .profile-sub { font-size: 20px; }
  .company-nums ul li .title .num { font-size: 60px; }
  .company-panel .entitle { font-size: 32px; }
  .company-panel .cntitle { font-size: 24px; }
  .company-panel .textcon { padding-top: 30px; }
  .company-culture { padding-top: 60px; padding-bottom: 80px; }
  .culture-module { padding-right: 31.89189%; }
  .culture-tower { width: 63.96396%; }
  .culture-tower .mask li { font-size: 26px; }
  .culture-mode { padding-top: 60px; padding-bottom: 60px; }
  .culture-mode ul li { margin-bottom: 50px; padding: 26px 52px; font-size: 16px; }
  .company-history { padding-top: 80px; padding-bottom: 80px; }
  .hiscommonweb { max-width: 1500px; margin: 0 auto; }
  .history-swiper { padding-top: 65px; padding-bottom: 65px; padding-left: 60px; padding-right: 60px; }
  .history-swiper ul li .word .years { font-size: 34px; }
  .history-swiper-prev { left: 0px; }
  .history-swiper-next { right: 0px; }
  /* 公司简介 s */
  /* 联系我们 s */
  .method-listcon { padding-top: 55px; padding-bottom: 30px; }
  .method-list ul { margin-left: -50px; margin-right: -50px; }
  .method-list ul li { padding-left: 50px; padding-right: 50px; margin-bottom: 50px; }
  .method-list ul li .cons { padding: 27px 5px 35px 5px; }
  .method-list ul li:last-child .cons { padding-bottom: 21px; }
  .method-list ul li .icon { width: 100px; }
  .method-list ul li .title { font-size: 16px; }
  .method-list ul li .word .as { font-size: 16px; }
  .baiduMap { height: 400px; }
  .map-address .address { font-size: 16px; }
  .contact-feedback { padding-top: 70px; padding-bottom: 80px; }
  .feedback-desc { padding-bottom: 55px; font-size: 16px; }
  .feedback-control .control { height: 52px; padding-left: 20px; padding-right: 55px; }
  .feedback-control .icon { top: 11px; right: 16px; width: 30px; }
  .feedback-control .comarea { padding: 12px 20px; }
  .feedback-codeImage .codeImage { height: 52px; }
  .feedback-submit .control { height: 52px; }
  .feedback-reset .control { height: 52px; }
  /* 联系我们 e */
  /* 社会责任 s */
  .social-module { padding-top: 70px; padding-bottom: 85px; }
  .social-listcon { padding-top: 60px; padding-bottom: 60px; }
  .social-panel .content .entitle { font-size: 30px; }
  .social-panel .content .cntitle { font-size: 24px; padding-bottom: 20px; }
  .social-panel .content .cntitle:after { width: 60px; }
  .social-panel .content .title { font-size: 24px; padding-top: 22px; }
  /* 社会责任 e */
  /* 应用领域 s*/
  .field-apply .industry-offset { margin-top: -60px; padding-bottom: 100px; }
  .apply-wrapper { padding-bottom: 100px; }
  .applymax-swiper ul li .textcon { padding-top: 40px; }
  .applymax-swiper ul li .text { padding-right: 50px; font-size: 16px; }
  .apply-title { padding-bottom: 30px; }
  .apply-title:after { width: 90px; }
  .apply-title .title { font-size: 24px; }
  .apply-title .sub { font-size: 18px; }
  .apply-offset { padding: 0 50px; margin-top: -70px; }
  .applymin-swipercon { -webkit-box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.3); padding: 0 75px; }
  .applymin-swiper ul li a { padding: 28px 5px; }
  .applymin-swiper ul li .info { font-size: 16px; padding-top: 4px; }
  .applymin-swiper-prev, .applymin-swiper-next { width: 40px; height: 40px; line-height: 40px; }
  .applymin-swiper-prev { left: 15px; }
  .applymin-swiper-next { right: 15px; }
  .field-client { padding-bottom: 110px; }
  .client-module .inside-title { margin-top: 15px; }
  .client-pagination { top: -44px; }
  .hocommonweb { max-width: 1280px; margin: 0 auto; }
  .honor-tab ul li { padding: 0 90px; }
  .honor-tab ul li a { font-size: 18px; line-height: 60px; padding: 0 35px; }
  .honor-tab ul li a:after { height: 4px; }
  .honor-swiper ul li .title { padding: 25px 5px; }
  /* 应用领域 e*/
  /* 5G s*/
  .fiveG-container { padding-top: 80px; padding-bottom: 120px; }
  .fiveG-stamp { padding-top: 100px; padding-bottom: 210px; }
  .fiveG-title { font-size: 30px; }
  .fiveG-offset { margin-top: -170px; }
  .control-module { padding: 60px 130px 55px; max-width: 1200px; -webkit-box-shadow: 0px 25px 30px -25px rgba(0, 0, 0, 0.2); box-shadow: 0px 25px 30px -25px rgba(0, 0, 0, 0.2); }
  .control-swiper ul li .figure::after { border-width: 4px; }
  .control-swiper ul li .title { font-size: 18px; padding-top: 20px; }
  .control-swiper-prev, .control-swiper-next { top: 130px; }
  /* 5G e*/
  /* 产品详情 s */
  .product-panel { padding-bottom: 100px; }
  .product-view { width: 50%; }
  .product-prctfile { padding-left: 80px; }
  .profile-title { padding-top: 25px; font-size: 32px; }
  .profile-desc ul li { padding-top: 23px; padding-bottom: 23px; }
  .profile-desc ul li .title { margin-bottom: 0px; float: left; width: 80px; }
  .profile-desc ul li .text { display: block; width: auto; overflow: hidden; }
  .profile-icon { padding-top: 30px; padding-bottom: 30px; }
  .profile-btn { line-height: 45px; padding: 0 40px; }
  /* 产品详情 e */
  /* 产品详情 2 s*/
  .product-scenario { padding-top: 55px; padding-bottom: 85px; }
  .scenario-mainswiper ul li { width: 800px; }
  /*.scenario-swiper-prev { margin-left: -380px; }
  .scenario-swiper-next { margin-right: -380px; }*/
  .scenario-swiper-prev { margin-left: -190px; }
  .scenario-swiper-next { margin-right: -190px; }
  .product-feature { padding-top: 85px; padding-bottom: 85px; }
  .feature-wrapper { padding-top: 80px; }
  .feature-list ul li a { padding: 60px 35px 40px; }
  .feature-list ul li .info { line-height: 30px; height: 60px; font-size: 17px; }
  .product-message { padding-top: 60px; padding-bottom: 100px; }
  .message-wrapper { padding-top: 40px; }
  /* 产品详情 2 e*/
  /* 产品中心 s */
  .product-tabbar { padding-top: 55px; padding-bottom: 60px; }
  .product-listcon { padding-bottom: 120px; }
  .product-list ul li .content { padding: 13.33333% 4.16667% 0 5.83333%; }
  .product-list ul li .content .title { font-size: 20px; line-height: 30px; height: 60px; }
  .product-list ul li .content .more { width: 27px; height: 27px; }
  .product-more { padding-top: 45px; }
  .product-solution-hbclone { height: 235px; }
  .product-solution-fix.fixed { top: 100px;padding-top: 50px; }
  .related-container { padding-bottom: 100px; }
  .product-related .product-listcon { padding-top: 60px; }
  /* 产品中心 e */
  /* 投资者关系 - 定期报告 s */
  .report-tabbar { padding-top: 55px; padding-bottom: 40px; margin-left: -50px; margin-right: -50px; }
  .report-conts { padding-left: 50px; padding-right: 50px; max-width: 800px; }
  .report-container { padding-bottom: 80px; }
  .report-listcon { padding-bottom: 40px; }
  .report-list ul li a { padding: 47px 55px; }
  .report-list ul li .icon { margin-right: 35px; }
  /* 投资者关系 - 定期报告 e */
  /* 投资者关系 - 股票图示 s */
  .notice-container { padding-top: 40px; padding-bottom: 80px; }
  .stock-wrapper { padding-top: 60px; padding-bottom: 90px; }
  .stock-contact .contact { padding-top: 18px; }
  .stock-contact .contact li { font-size: 16px; padding-bottom: 7px; }
  .stock-contact .contact li .label { width: 85px; }
  /* 投资者关系 - 股票图示 e */
  /* 投资者关系 - 图示 s */
  .investor-wrapper { padding-top: 55px; padding-bottom: 80px; }
  /* 投资者关系 - 图示 e */
  /* 人才资源 s */
  .talent-container { padding-top: 50px; }
  .talent-president { padding-bottom: 100px; padding-left: 315px; }
  .talent-president .author { width: 315px; }
  .talent-president .content { min-height: 385px; }
  .chief-mode .title { font-size: 30px; }
  .chief-mode .info { font-size: 18px; }
  .recruit-barcons { padding-right: 560px; }
  .recruit-tab ul li { margin-right: 20px; }
  .recruit-tab ul li a { font-size: 16px; line-height: 50px; padding: 0 45px; }
  .recruit-offset { width: 560px; }
  .recruit-form { padding-right: 160px; }
  .recruit-form .zpinput { height: 50px; font-size: 16px; }
  .recruit-form .zpsubbtn { height: 50px; width: 160px; font-size: 16px; }
  .talent-customer { padding-top: 40px; }
  .customer-list ul { margin-left: -20px; margin-right: -20px; }
  .customer-list ul li { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; }
  .customer-list ul li .conts { padding: 40px 25px 10px; }
  .customer-list ul li .icon { width: 80px; }
  .customer-list ul li .title { font-size: 16px; padding-top: 14px; }
  .customer-list ul li .info { height: 52px; line-height: 26px; font-size: 18px; }
  .talent-process { padding-top: 85px; padding-bottom: 110px; }
  .process-wrapper { padding-top: 60px; }
  .process-list li .icon { border-width: 5px; width: 140px; }
  .process-list li .title { font-size: 16px; padding-top: 10px; }
  .talent-welfare { padding-top: 65px; padding-bottom: 60px; }
  .welfare-swiper ul li { width: 700px; }
  .welfare-swiper ul li.swiper-slide-active .title { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  .welfare-swiper ul li .word { padding-top: 20px; }
  .welfare-swiper ul li .title { font-size: 24px; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
  .welfare-swiper ul li .info { font-size: 16px; }
  .welfare-pagination { padding-top: 45px; }
  .welfare-pagination span { height: 4px; }
  .welfare-pagination span.swiper-pagination-bullet-active { width: 70px; }
  .talent-development { padding-top: 85px; padding-bottom: 170px; }
  .development-wrapper { padding-top: 50px; }
  .development-swiper ul li .title { font-size: 24px; font-weight: normal; }
  .development-swiper ul li .info { font-size: 16px; max-height: 192px; line-height: 24px; }
  .development-swiper-prev, .development-swiper-next { width: 50px; height: 50px; }
  .talent-staff { padding-top: 60px; padding-bottom: 60px; }
  .staff-wrapper { padding-top: 45px; }
  /* 人才资源 e */ }

@media (min-width: 1360px) { .honor-swiper-prev, .honor-swiper-next { width: 53px; height: 53px; }
  .honor-swiper-prev { left: -70px; }
  .honor-swiper-next { right: -70px; }
  .development-swiper-prev { left: -70px; }
  .development-swiper-next { right: -70px; } }


@media (min-width: 1680px) { /* 首页 s */
  .hxcontrol-list ul li .title { font-size: 24px; }
  .idxproduct-tab ul li a { font-size: 18px; }
  .idxproduct-content { padding-left: 0px; padding-right: 0px; }
  .idxproduct-swiper-prev { left: -85px; }
  .idxproduct-swiper-next { right: -85px; }
  .idxnews-moudle { padding-left: 700px; min-height: 510px; }
  .idxnews-prompt { width: 640px; }
  .idxnews-mode .word .title { font-size: 20px; }
  .idxnews-mode .word .text { line-height: 26px; max-height: 52px; font-size: 16px; }
  .idxnews-list ul li a { padding: 32px 190px 40px 50px; }
  .idxnews-list ul li .title-unit::before { width: 6px; height: 6px; margin-top: -3px; left: -17px; }
  .idxnews-list ul li .title { font-size: 20px; margin-bottom: 14px; }
  .idxnews-list ul li .time { right: 30px; top: 32px; font-size: 16px; }
  .idxnews-list ul li .text { font-size: 16px; line-height: 26px; max-height: 52px; }
  .idxnews-list ul li .arrow { top: 95px; right: 30px; }
  /* 首页 e */
  /* 公司简介 s */
  .history-swiper { padding-left: 80px; padding-right: 80px; }
  .history-swiper ul li:after { height: 200px; }
  .history-swiper ul li .image { width: 170px; }
  .history-swiper ul li .word { left: 170px; }
  .history-swiper ul li .word .years { font-size: 40px; }
  .history-swiper ul li .word .textcon { padding-top: 12px; }
  .history-swiper ul li .word .text { font-size: 14px; }
  .history-swiper ul li:nth-child(odd) { padding-top: 290px; }
  .history-swiper ul li:nth-child(even) { padding-bottom: 290px; }
  .history-swiper ul li:last-child .word .text { max-width:8em; }
  /* 公司简介 e */
  .honor-swiper-prev { left: -90px; }
  .honor-swiper-next { right: -90px; }
  /* 产品详情 2 s*/
  .scenario-mainswiper ul li { width: 830px; }
  /*.scenario-mainswiper ul li .word { padding: 35px 20px; }*/
  .scenario-mainswiper ul li .word .title { font-size: 20px; }
  /*.scenario-swiper-prev { margin-left: -400px; }
  .scenario-swiper-next { margin-right: -400px; }*/
  .scenario-swiper-prev { margin-left: -210px; }
  .scenario-swiper-next { margin-right: -210px; }
  /* 产品详情 2 e*/
  /* 人才资源 s */
  .talent-president .content:after { content: ''; display: block; position: absolute; width: 700px; height: 165px; background: url(../images/talentbg.png) no-repeat scroll center center; background-size: contain; bottom: -10px; right: -130px; }
  /* 人才资源 e */ }


.pagination { text-align: center; display: none; }

.viewmore-module { display: block; width: 100%; text-align: center; background-color: #e7222a; 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; }

@media (min-width: 1024px) { .viewmore-module { display: none; }
  .pagination { display: block; text-align: center; }
  .laypage_main { display: inline-block; vertical-align: top; }
  .pagination .laypage_main .laypage_curr { background-color: #bb9f69; color: #fff; }
  .pagination .laypage_main a, .pagination .laypage_main input, .pagination .laypage_main span { width: 36px; height: 36px; display: inline-block; vertical-align: middle; background-color: #fff !important; line-height: 36px; text-align: center; font-size: 15px; border: 1px solid #d8d8d8; }
  .pagination .laypageskin_molv .laypage_curr { background-color: #bb9f69 !important; border-color: #bb9f69; }
  .laypageskin_molv .laypage_prev, .laypageskin_molv .laypage_next { position: relative; text-align: center; font-size: 0 !important; padding: 0 10px !important; }
  .laypageskin_molv .laypage_prev span, .laypageskin_molv .laypage_next span { display: none; }
  .laypageskin_molv .laypage_prev:after, .laypageskin_molv .laypage_next:after { content: ''; width: 8px; height: 8px; border: 2px solid #919191; border-top: none; border-right: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-top: -2px; }
  .laypageskin_molv .laypage_prev:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-left: 3px; }
  .laypageskin_molv .laypage_next:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 0px; } }


/* 新闻列表 s */
.innews-container { padding-top: 20px; padding-bottom: 60px; }

.innews-listcon { padding-bottom: 30px; }

.innews-ul { width: 100%; }

.innews-ul li { padding: 20px 0; border-bottom: 1px solid #dedede; }

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

.innews-ul li .image { width: 100%; overflow: hidden; position: relative; }

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

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

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

.innews-ul li .word .title { width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color: #595959; font-size: 16px; font-weight: bold; line-height: 1.5; }

.innews-ul li .word .time { color: #e7222a; line-height: 24px; font-size: 14px; padding: 5px 0; color: #adadad; }

.innews-ul li .word .text { color: #a1a1a1; font-size: 14px; line-height: 24px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 48px; }

.innews-ul li .word .more { padding-top: 25px; }

.innews-ul li .word .innewsmore { display: inline-block; vertical-align: top; color: #888888; font-size: 13px; line-height: 24px; padding: 5px 20px; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.load-more-button { display: block; width: 100%; position: relative; }

.load-more-button a { display: block; width: 100%; background-color: #e7222a; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align: center; font-size: 14px; color: #fff; line-height: 1.5; padding: 11px 10px; }

@media (min-width: 1024px) { .innews-container { padding-top: 26px; padding-bottom: 80px; }
  .innews-listcon { padding-bottom: 50px; }
  .innews-ul li { padding: 30px 0; }
  .innews-ul li a:hover .image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .innews-ul li a:hover .word .innewsmore { background-color: #e7222a; color: #fff; border-color: #e7222a; }
  .innews-ul li .image { width: 375px; float: right; }
  .innews-ul li .word { padding-top: 0px; overflow: hidden; padding-right: 45px; }
  .innews-ul li .word .title { font-size: 18px; }
  .innews-ul li .word .time { font-size: 16px; padding: 12px 0; }
  .innews-ul li .word .more { padding-top: 35px; }
  .innews-ul li .word .viewmore { padding: 8px 30px; }
  .load-more-button a { font-size: 16px; padding: 13px 10px; }
  .load-more-button a:hover { background-color: #da1119; } }

@media (min-width: 1260px) { .innews-ul li { padding: 40px 0; }
  .innews-ul li .word { padding-right: 60px; } }

/* 新闻列表 e */


/*相册轮播 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: #e7222a; -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: 640px; }

.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: #e7222a; }

.thumb-popup .thumb-wraper .banner-btn.swiper-right:hover::after { border-color: #e7222a; }

.thumb-popup .thumb-wraper .banner-btn.swiper-button-disabled { cursor: default; }

@media (min-width: 768px) { .thumb-popup .thumb-wraper .banner-btn.swiper-left { left: 4%; }
  .thumb-popup .thumb-wraper .banner-btn.swiper-right { right: 4%; } }

@media (min-width: 1024px) { .thumb-popup .thumb-wraper .banner-btn { display: block; } }

/*相册轮播 e*/


/* 人才招聘 s */
.recruit-container { padding-top: 30px; padding-bottom: 40px; }

.in-recruitment { width: 100%; }

.in-recruitment ul li { width: 100%; border-bottom: 1px solid #d9d9d9; }

.in-recruitment ul li .retitle { width: 100%; line-height: 30px; padding: 8px 15px; position: relative; font-size: 15px; font-weight: bold; }

.in-recruitment ul li .retitle .name { display: block; width: 90%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.in-recruitment ul li .retitle:after { content: ''; position: absolute; width: 30px; height: 30px; top: 50%; margin-top: -15px; right: 5px; background-repeat: no-repeat; background-position: center center; background-size: auto; background-image: url(../images/reicons.png); }

.in-recruitment ul li .tips { width: 100%; overflow: hidden; color: #4c4c4c; font-size: 14px; line-height: 2; border-bottom: 1px solid #cccccc; padding-bottom: 15px; margin-bottom: 15px; }

.in-recruitment ul li .tips span { color: #e7222a; }

.in-recruitment ul li .reword { width: 100%; background-color: #f6f8fa; padding: 20px 20px 30px; display: none; }

.in-recruitment ul li .reword .detail { color: #666666; line-height: 26px; font-size: 14px; }

.in-recruitment ul li .reword .detail .title { color: #333333; font-size: 16px; font-weight: bold; line-height: 2; margin-bottom: 4px; }

.in-recruitment ul li .vlink { padding-top: 20px; }

.in-recruitment ul li.on { border-color: #e6e6e6; }

.in-recruitment ul li.on .retitle { color: #fff; background-color: #e7222a; }

.in-recruitment ul li.on .retitle:after { background-image: url(../images/reicon.png); }

.recruit-view { display: inline-block; vertical-align: top; line-height: 28px; text-align: center; color: #fff; background-color: #e7222a; -webkit-border-radius: 42px; border-radius: 42px; font-size: 14px; padding: 5px 20px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; min-width: 96px; }

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

@media (min-width: 1024px) { .recruit-container { padding-top: 60px; padding-bottom: 80px; }
  .in-recruitment ul li .retitle { cursor: pointer; padding: 15px 45px; font-size: 16px; font-weight: normal; }
  .in-recruitment ul li .retitle:after { right: 22px; }
  .in-recruitment ul li .tips { padding-bottom: 25px; margin-bottom: 25px; }
  .in-recruitment ul li .tips > p, .in-recruitment ul li .tips > * { float: left; min-width: 25%; padding-right: 20px; }
  .in-recruitment ul li .tips > p:nth-child(4n+1), .in-recruitment ul li .tips > *:nth-child(4n+1) { clear: both; }
  .in-recruitment ul li .reword { padding: 35px 45px 45px; }
  .in-recruitment ul li .reword .detail { line-height: 30px; }
  .in-recruitment ul li .reword .detail .title { font-weight: normal; }
  .in-recruitment ul li .vlink { padding-top: 35px; }
  .recruit-view { padding: 7px 28px; min-width: 112px; }
  .recruit-view:hover { background-color: #da1119; }
  .recruit-more { padding-top: 50px; } }

@media (min-width: 1260px) { .in-recruitment ul li .retitle { font-size: 18px; }
  .in-recruitment ul li .tips { font-size: 15px; }
  .in-recruitment ul li .reword .detail { font-size: 15px; }
  .in-recruitment ul li .reword .detail .title { font-size: 16px; }
  .recruit-view { margin-right: 15px; } }

/* 人才招聘 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: #e7222a; }

.sitemapcont2 dl dt a:hover { color: #da1119; }

.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: 767px) { .sitemapcont2 { padding: 5% 30px; }
  .sitemapcont2 dl dt { font-size: 20px; }
  .sitemapcont2 dl dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .sitemapcont2 dl dd a { margin: 0 50px 8px 0; }
  .sitemapcont2 dl dd a:hover { color: #da1119; }
  .Singlepage { margin-top: 0px; } }

@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: 1024px) { .inside-wrapper { padding-top: 60px; padding-bottom: 50px; }
  .legal-title { font-size: 30px; }
  .legaltext { padding-top: 60px; padding-bottom: 30px; }
  .fonts-lh30 { font-size: 16px; line-height: 30px; } }

@media (min-width: 1260px) { .inside-wrapper { padding-top: 80px; padding-bottom: 65px; }
  .legal-title { font-size: 34px; } }

/* 法律声明 e */

.searchcont401 { padding-top: 20px; padding-bottom: 40px; background-color: #ffffff; min-height: 60vh; }

.searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; }

.searchtitle401 span { color: #e7222a; }

.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: #e7222a; 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: #e7222a; text-align: center; font-family: "Microsoft YaHei"; }

.searchinputcont401 dd input:hover { background-color: #da1119; }

.keywords { color: #da251d; }

@media (min-width: 768px) { .searchtitle401 { font-size: 24px; }
  .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; }
  .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
  .resultlist401 ul li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; } }

@media (min-width: 992px) { .searchcont401 { padding-top: 40px; padding-bottom: 60px; }
  .searchinputcont401 { width: 45%; margin: 0 auto; }
  .resultlist401 ul { padding-bottom: 60px; }
  .searchinputcont401 dt { float: left; width: 78%; }
  .searchinputcont401 dd { float: left; width: 22%; }
  .searchinputcont401 dt input { font-size: 16px; }
  .searchinputcont401 dd input { margin-top: 0; }
  .searchinputcont401 dd input { font-size: 16px; font-weight: bold; } }

.loadingmore { display: block; width: 100%; font-size: 14px; background-color: #e7222a; 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: #e7222a; }

@media (min-width: 1024px) { .loadingmore { height: 50px; line-height: 50px; font-size: 16px; } }

.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; }

.article-container { width: 100%; position: relative; }

.article-wrapper { padding-bottom: 45px; border-bottom: 1px solid #d9d9d9; }

.innews-article { width: 100%; overflow: hidden; position: relative; }

.innews-header { padding-bottom: 20px; position: relative; }

.innews-header:after { content: ''; position: absolute; width: 100%; height: 4px; left: 0; bottom: 0; background: url(../images/newsline.png) repeat-x scroll left center; background-size: auto 100%; }

.innews-header .time { color: #a1a1a1; font-size: 14px; line-height: 1.5; padding-top: 4px; }

.article-title { color: #010c11; font-size: 18px; line-height: 1.5; font-weight: bold; }

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

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

.article-aside { background-color: #f2f2f2; padding: 20px 15px 0; margin-top: 20px; }

.innews-title { color: #444444; font-size: 16px; line-height: 1.5; font-weight: bold; padding-bottom: 15px; }

.innews-aside { width: 100%; position: relative; overflow: hidden; }

.innews-aside ul li { margin-bottom: 20px; }

.innews-aside ul li a { display: block; width: 100%; position: relative; }

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

.innews-aside ul li .image:after { content: ''; display: block; width: 100%; padding-bottom: 58.82353%; }

.innews-aside ul li .image img { position: absolute; top: 50%; left: 50%; width: 100%; display: block; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; -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); }

.innews-aside ul li .word { padding-top: 15px; }

.innews-aside ul li .time { color: #a1a1a1; font-size: 14px; line-height: 1.2; padding-bottom: 10px; }

.innews-aside ul li .title { display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #444444; font-size: 16px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-bottom: 7px; }

.innews-aside ul li .text { display: block; width: 100%; display: -webkit-box; height: 54px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #a1a1a1; font-size: 12px; }

.innews-aside ul li .more { padding-top: 40px; }

.innews-aside ul li .innewsmore { display: inline-block; vertical-align: top; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #797a81; font-size: 13px; line-height: 2; }

.article-tabcons { width: 100%; padding: 20px 0 40px; }

.as-tabmodule { width: 100%; position: relative; }

.as-tabmodule .prevnext { line-height: 30px; padding-bottom: 20px; }

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

.as-tabmodule .prevnext a .for { position: absolute; left: 0; top: 0; width: 56px; }

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

.as-tabmodule .shome { display: inline-block; vertical-align: top; color: #ffffff; font-size: 14px; background-color: #e7222a; line-height: 42px; padding: 0 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 768px) { .as-tabmodule .prevnext { padding-bottom: 0px; padding-right: 120px; }
  .as-tabmodule .shome { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } }

@media (min-width: 1024px) { .article-wrapper { padding-bottom: 65px; }
  .innews-article { padding-right: 35.83333%; min-height: 520px; }
  .innews-header { padding-top: 10px; padding-bottom: 30px; }
  .innews-header:after { height: 8px; }
  .innews-header .time { font-size: 16px; }
  .article-title { font-size: 20px; }
  .article-aside { padding: 25px 25px 0; margin-top: 0px; position: absolute; top: 0; right: 0; width: 33.33333%; height: 100%; }
  .innews-title { font-size: 20px; }
  .innews-aside ul li a:hover .image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .innews-aside ul li a:hover .title { color: #e7222a; }
  .innews-aside ul li a:hover .innewsmore { color: #e7222a; }
  .innews-aside ul li .time { font-size: 16px; }
  .article-tabcons { padding: 35px 0 90px; }
  .as-tabmodule .prevnext { padding-right: 200px; }
  .as-tabmodule .prevnext a .for { width: 75px; }
  .as-tabmodule .prevnext a .txt { padding-left: 75px; }
  .as-tabmodule .prevnext a:hover .txt { color: #e7222a; }
  .as-tabmodule .shome { font-size: 16px; padding: 0 36px; line-height: 50px; }
  .as-tabmodule .shome:hover { background-color: #da1119; } }

@media (min-width: 1260px) { .article-wrapper { padding-bottom: 75px; }
  .innews-header { padding-top: 15px; }
  .innews-header .time { font-size: 18px; }
  .article-title { font-size: 24px; }
  .article-context { font-size: 16px; }
  .innews-title { font-size: 24px; padding-bottom: 22px; }
  .innews-aside ul li .word { padding-top: 20px; }
  .innews-aside ul li .time { font-size: 18px; }
  .innews-aside ul li .title { font-size: 18px; } }
 
 
 

/* 招聘专题页面 s */
.animateac { -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

@media (min-width: 1024px) { .animatedcc { -webkit-transition-duration: 0.6s !important; -o-transition-duration: 0.6s !important; transition-duration: 0.6s !important; -webkit-transition-property: all !important; -o-transition-property: all !important; transition-property: all !important; -webkit-transition-timing-function: ease-in-out !important; -o-transition-timing-function: ease-in-out !important; transition-timing-function: ease-in-out !important; }
  .fadeIN { opacity: 0; }
  .fadeUp { opacity: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); }
  .fadeDown { opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .fadeLeft { opacity: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .fadeRight { opacity: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); }
  .fadeIN.animatedcc { opacity: 1; }
  .fadeUp.animatedcc { opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
  .fadeDown.animatedcc { opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
  .fadeLeft.animatedcc { opacity: 1; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
  .fadeRight.animatedcc { opacity: 1; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } }

@-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(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

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

@keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  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(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

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

@keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  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; } }

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

.swiper-cirle-prev:after, .swiper-cirle-next:after { content: ''; width: 12px; height: 12px; 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; -webkit-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; margin-top: -2px; }

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

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

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

@media (min-width: 1024px) { .swiper-cirle-prev:hover, .swiper-cirle-next:hover { border-color: #e7222a !important; }
  .swiper-cirle-prev:hover:after, .swiper-cirle-next:hover:after { border-color: #e7222a !important; } }

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

.recruit-page01 { padding-top: 60px; }

.special-header { position: absolute; top: 0; left: 0; width: 100%; }

.special-header header { position: relative; }

.special-banner { width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 10; }

.special-banner ul li { width: 100%; overflow: hidden; z-index: 44; }

.special-font { position: absolute; top: 28.23529%; left: 53.125%; z-index: 44; text-align: center; padding-right: 10px; }

.special-font .title { font-size: 20px; line-height: 1.2; letter-spacing: 2px; margin-bottom: 10px; color: #fff; }

.special-font .title span { color: #00c0e1; }

.special-font .info { font-weight: lighter; color: #fff; font-size: 14px; line-height: 1.2; }

.special-img, .mspecial-img { display: block; width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center bottom; cursor: default; }

.special-img { display: none; }

.mspecial-img { display: block; }

.recruit-pagination { display: none; }

@media (min-width: 768px) { .special-font .title { font-size: 34px; }
  .special-font .info { font-size: 20px; } }

@media (min-width: 1024px) { .recruit-page01 { padding-top: 80px; }
  .special-font .title { font-size: 44px; margin-bottom: 17px; }
  .special-font .info { font-size: 24px; }
  .special-img { display: block; }
  .mspecial-img { display: none; } }

@media (min-width: 1260px) { .recruit-page01 { padding-top: 100px; }
  .special-font .title { font-size: 54px; } }

@media (min-width: 1440px) { .special-font .title { font-size: 64px; }
  .special-font .info { font-size: 32px; } }

@media (min-width: 1680px) { .special-font .title { font-size: 80px; }
  .special-font .info { font-size: 40px; } }

.flex-css { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; position: relative; }

.mflex-center { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-justify { display: block; width: 100%; position: relative; z-index: 22; }

.special-request { padding-top: 30px; padding-bottom: 50px; position: relative; overflow: hidden; }

.special-base { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }

.special-title { text-align: center; color: #fff; line-height: 1.5; font-size: 22px; }

.request-wrapper { padding: 40px 20px 0; }

.request-swcont { width: 100%; position: relative; }

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

.request-swiper ul li { width: 100%; height: auto; text-align: center; }

.request-swiper ul li a { display: block; width: 100%; max-width: 122px; margin: 0 auto; overflow: hidden; position: relative; }

.request-swiper ul li .icon { display: block; width: 100%; overflow: hidden; position: relative; background: url(../images/lyczpsqbg.png) no-repeat scroll center center; background-size: contain; }

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

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

.request-swiper ul li .title { display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #fff; font-size: 14px; padding-top: 10px; line-height: 1.5; }

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

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

.request-swiper-prev { left: -75px; }

.request-swiper-next { right: -75px; }

@media (min-width: 768px) { .request-wrapper { padding: 7.5% 14.16667% 0; }
  .request-swiper ul li .title { font-size: 16px; } }

@media (min-width: 1024px) { .special-request { padding-top: 130px; padding-bottom: 120px; }
  .special-title { font-size: 30px; }
  .request-wrapper { padding: 7.5% 14.16667% 12.5%; }
  .request-swiper ul li a:hover .icon img { -webkit-transform: translateY(-50%) scale(1.03); -ms-transform: translateY(-50%) scale(1.03); -o-transform: translateY(-50%) scale(1.03); transform: translateY(-50%) scale(1.03); }
  .request-swiper ul li .title { font-size: 18px; padding-top: 15px; } }

@media (min-width: 1260px) { .request-swiper ul li a { max-width: 142px; } }

@media (min-width: 1680px) { .special-request { padding-top: 200px; padding-bottom: 220px; }
  .special-title { font-size: 40px; }
  .request-swiper ul li .title { font-size: 24px; padding-top: 25px; } }

.special-arrange { position: relative; overflow: hidden; padding-top: 30px; padding-bottom: 50px; }

.special-arrange .special-title { color: #000000; }

.arrange-wrapper { padding: 40px 10px 0; }

.arrange-tabbar { width: 100%; position: relative; z-index: 22; }

.arrange-conts { width: 100%; position: relative; padding: 0 40px; }

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

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

.arrange-swiper ul li a { display: block; width: 100%; max-width: 142px; margin: 0 auto; overflow: hidden; position: relative; }

.arrange-swiper ul li.cur .icon { background-image: url(../images/lyczpapicons.png); }

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

.arrange-swiper ul li .icon { display: block; width: 100%; padding-top: 115.49296%; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; background-repeat: no-repeat; background-position: center top; background-size: contain; background-image: url(../images/lyczpapicon.png); }

.arrange-swiper ul li .title { position: absolute; top: 50%; left: 0; width: 100%; line-height: 36px; height: 36px; text-align: center; margin-top: -18px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 14px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.arrange-content { position: relative; margin-top: -12.30769%; background-color: #fff; z-index: 11; padding: 20% 15px 7.69231%; -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.2); }

.arrange-module { display: none; }

.arrange-mode { text-align: center; color: #666666; font-size: 14px; line-height: 1.5; }

.arrange-mode .title { line-height: 1.2; color: #e60012; font-size: 18px; margin-bottom: 5px; }

.arrange-mode .info { margin-bottom: 20px; }

.arrange-swiper-prev, .arrange-swiper-next { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); }

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

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

@media (min-width: 768px) { .arrange-wrapper { padding: 7.5% 12.5% 0; }
  .arrange-conts { padding: 0 15%; }
  .arrange-swiper ul li .title { font-size: 18px; }
  .arrange-content { margin-top: -10.62271%; padding: 14.44444% 15px 7.22222%; }
  .arrange-swiper-prev, .arrange-swiper-next { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); 
  } 
  .request-pagination{  padding-top:30px;}
   .arrange-swiper-prev{left:5%;}
   .arrange-swiper-next{right:5%;}
}

@media (min-width: 1024px) { .special-arrange { padding-top: 70px; padding-bottom: 100px; }
  .arrange-swiper ul li:hover .icon { background-image: url(../images/lyczpapicons.png); }
  .arrange-swiper ul li:hover .title { color: #fff; }
  .arrange-content { margin-top: -9.44444%; padding: 14.44444% 15px 7.22222%; }
  .arrange-mode { font-size: 16px; }
  .arrange-mode .title { font-size: 24px; } }

@media (min-width: 1680px) { .special-arrange { padding-top: 130px; padding-bottom: 160px; }
  .arrange-swiper ul li .title { font-size: 24px; }
  .arrange-mode { font-size: 20px; }
  .arrange-mode .title { font-size: 30px; margin-bottom: 10px; }
  .arrange-mode .info { margin-bottom: 30px; } }

.special-progress { overflow: hidden; position: relative; padding-top: 30px; padding-bottom: 50px; }

.special-progress .special-title { color: #000; }

.progress-wrapper { padding-top: 40px; }

.progress-module { width: 100%; position: relative; background-repeat: no-repeat; background-size: contain; background-position: center center; }

.progress-panel ul li { margin-bottom: 20px; text-align: center; }

.progress-panel ul li .conts { display: block; width: 100%; max-width: 122px; margin: 0 auto; position: relative; }

.progress-panel ul li .crystal { display: block; width: 100%; position: relative; text-align: center; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; background-repeat: no-repeat; background-position: center top; background-size: contain; background-image: url(../images/lyczplcicon.png); color: #fff; }

.progress-panel ul li .crystal:after { content: ''; display: block; width: 100%; padding-top: 115.49296%; }

.progress-panel ul li .crystal .step { line-height: 1; font-size: 16px; font-weight: lighter; margin-bottom: 4px; }

.progress-panel ul li .crystal .num { line-height: 1; font-size: 32px; font-weight: bold; }

.progress-panel ul li .cell { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }

.progress-panel ul li .title { white-space: nowrap; display: block; width: 100%; color: #333333; font-size: 14px; padding-top: 10px; }

@media (min-width: 768px) { .progress-wrapper { padding-top: 7.5%; }
  .progress-panel ul li { margin-bottom: 40px; padding-left: 40px; padding-right: 40px; }
  .progress-panel ul li .crystal .step { font-size: 18px; }
  .progress-panel ul li .crystal .num { font-size: 36px; } }

@media (min-width: 1024px) { .special-progress { padding-top: 100px; padding-bottom: 100px; }
  .progress-module { background-image: url(../images/lycprogressbg.png); }
  .progress-module::after { content: ''; display: block; width: 100%; padding-bottom: 38.33333%; }
  .progress-panel { position: absolute; top: 0; left: 0; width: 100%; padding: 0 10.41667%; height: 100%; }
  .progress-panel ul { width: 100%; position: relative; height: 100%; }
  .progress-panel ul li { margin-bottom: 0px; width: 14.94737%; padding-left: 0px; padding-right: 0px; position: absolute; }
  .progress-panel ul li:nth-child(1), .progress-panel ul li:nth-child(2), .progress-panel ul li:nth-child(3), .progress-panel ul li:nth-child(4) { top: 0; }
  .progress-panel ul li:nth-child(1) { left: 0; }
  .progress-panel ul li:nth-child(2) { left: 28.42105%; }
  .progress-panel ul li:nth-child(3) { left: 56.31579%; }
  .progress-panel ul li:nth-child(4) { left: 84.21053%; }
  .progress-panel ul li:nth-child(5), .progress-panel ul li:nth-child(6), .progress-panel ul li:nth-child(7), .progress-panel ul li:nth-child(8) { top: 65.21739%; }
  .progress-panel ul li:nth-child(8) { left: 0; }
  .progress-panel ul li:nth-child(7) { left: 28.42105%; }
  .progress-panel ul li:nth-child(6) { left: 56.31579%; }
  .progress-panel ul li:nth-child(5) { left: 84.21053%; } }

@media (min-width: 1260px) { .special-progress { padding-top: 60px; padding-bottom: 60px; }
  .progress-wrapper { padding-top: 40px; }
  .progress-panel ul li .crystal .step { font-size: 20px; margin-bottom: 8px; }
  .progress-panel ul li .crystal .num { font-size: 46px; }
  .progress-panel ul li .title { font-size: 18px; padding-top: 20px; } }

@media (min-width: 1440px) { .special-progress { padding-top: 110px; padding-bottom: 110px; }
  .progress-wrapper { padding-top: 6.25%; } }

@media (min-width: 1680px) { .special-progress { padding-top: 100px; padding-bottom: 160px; }
  .progress-panel ul li .conts { max-width: 142px; }
  .progress-panel ul li .crystal .step { font-size: 24px; }
  .progress-panel ul li .crystal .num { font-size: 60px; }
  .progress-panel ul li .title { font-size: 24px; padding-top: 25px; } }

.special-pursue { overflow: hidden; position: relative; padding-top: 30px; padding-bottom: 50px; }

.special-pursue .special-title { color: #000; }

.pursue-wrapper { padding-top: 40px; }

.pursue-tabbar { padding-bottom: 30px; }

.pursue-conts { position: relative; padding-left: 40px; padding-right: 40px; }

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

.pursue-swiper ul li { text-align: center; line-height: 40px; }

.pursue-swiper ul li a { display: block; width: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #999999; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #fff; font-size: 14px; border-right: 1px solid #adadad; }

.pursue-swiper ul li.cur a { background-color: #e60012; }

.pursue-swiper-prev, .pursue-swiper-next { display: block; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }

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

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

.pursue-content { background-color: #ffffff; -webkit-box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.1); padding: 5.55556% 20px 6.66667%; }

.pursue-module { display: none; }

.pursue-mode { color: #666666; font-size: 14px; line-height: 1.75; }

.pursue-mode .title { color: #e60012; font-size: 18px; line-height: 1.5; margin-bottom: 8px; }

.pursue-mode a { color: inherit; }

@media (min-width: 768px) { .pursue-wrapper { padding: 7.5% 12.5% 0; }
  .pursue-tabbar { padding-bottom: 5%; }
  .pursue-conts { width: 100%; padding-left: 60px; padding-right: 60px; max-width: 600px; margin: 0 auto; }
  .pursue-swiper-prev, .pursue-swiper-next { display: none; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  .pursue-content { padding: 5.55556% 13.33333% 6.66667%; } }

@media (min-width: 1024px) { .special-pursue { padding-top: 80px; padding-bottom: 80px; }
  .pursue-swiper ul li { line-height: 50px; }
  .pursue-swiper ul li a { font-size: 16px; }
  .pursue-swiper ul li:hover a { background-color: #e60012; }
  .pursue-mode .title { font-size: 20px; } }

@media (min-width: 1260px) { .special-pursue { padding-top: 60px; padding-bottom: 60px; }
  .pursue-content { padding: 5.55556% 21.11111% 6.66667%; } }

@media (min-width: 1440px) { .special-pursue { padding-top: 110px; padding-bottom: 110px; } }

@media (min-width: 1680px) { .special-pursue { padding-top: 150px; padding-bottom: 150px; }
  .pursue-swiper ul li { line-height: 60px; }
  .pursue-swiper ul li a { font-size: 18px; }
  .pursue-mode { font-size: 16px; }
  .pursue-mode .title { font-size: 24px; margin-bottom: 18px; } }

.aside-pages { position: fixed; z-index: 222; right: 2px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.aside-pages span { width: 10px; height: 10px; border: 1px solid #fff; opacity: 0.5; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom: 10px; }

.aside-pages span i, .aside-pages span b { display: none; }

.aside-pages span.swiper-pagination-bullet-active { background-color: #fff; opacity: 1; }

.aside-pages.black span { border-color: #979594; }

.aside-pages.black span.swiper-pagination-bullet-active { background-color: #e60012; border-color: #e60012; }

@media (min-width: 768px) { .aside-pages { right: 3.125%; }
  .aside-pages span { width: 15px; height: 15px; margin-bottom: 20px; } }

@media (min-width: 1680px) { .aside-pages span { margin-bottom: 30px; } }

/* 招聘专题页面 e */