/*--公共部分--*/
@font-face { font-family: "Montserrat-Bold"; src: url("../fonts/montserrat-bold.woff") format("woff"), url("../fonts/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; font-size: 16px; }

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: 1320px; padding: 0 60px; } }

/* layout start*/



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

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

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

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

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

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

@media (min-width: 1024px) { .mm-pagination { display: none; } }

.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: 38px; top: 50%; margin-top: -25px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #7f7f7f; }

.swiper-small-prev:after, .swiper-small-next:after { content: ''; width: 10px; height: 10px; 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); margin-left: 4px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) { .swiper-circle-prev:hover, .swiper-circle-next:hover { border-color: #007757; }
  .swiper-circle-prev:hover:after, .swiper-circle-next:hover:after { border-color: #007757; }
  .swiper-circle-prev:after { margin-left: 5px; }
  .swiper-circle-next:after { margin-right: 5px; } }

@media (min-width: 1680px) { .swiper-circle-prev, .swiper-circle-next { width: 54px; height: 54px; margin-top: -27px; line-height: 52px; } }

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

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

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

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

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

.swiper-white-prev, .swiper-white-next { display: none; position: absolute; width: 40px; height: 40px; cursor: pointer; position: absolute; z-index: 199; text-align: center; line-height: 40px; -webkit-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -20px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

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

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

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

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

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

@media (min-width: 1680px) { .swiper-white-prev, .swiper-white-next { width: 64px; height: 64px; margin-top: -32px; line-height: 64px; } }


/* 视频播放*/
.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; }

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

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

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

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

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

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

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

.watct-link a { width: 60px; height: 60px; display: block; margin: 0 auto; background: url(../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 { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

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

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

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

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

.ivideo-popup video + div { display: none !important; }

.ivideo-popup video + div + div { display: none !important; }

.ivideo-popup video + div + div + div { display: none !important; }

.ivideo-popup video + div + div + div + div { display: none !important; }

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

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

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

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

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

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

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

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

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

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

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

.banner-font { color: #fff; text-align: center; }

.banner-font .title { line-height: 1.4; font-size: 18px; font-weight: lighter; }

.banner-font .bod { font-weight: normal; font-size: 22px; }

.banner-font .text { line-height: 1.2; font-weight: lighter; padding-top: 2px; }

@-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: 768px) { .banner-font .title { font-size: 24px; }
  .banner-font .bod { font-size: 32px; }
  .banner-font .text { font-size: 16px; } }

@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: 10px; height: 10px; margin: 0 5px; }
  .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: 3%; opacity: 1; }
  .indexbanner:hover .index-banner-next { right: 3%; opacity: 1; }
  .nvcommonweb { padding-left: 20px; padding-right: 20px; }
  .banner-font .title { font-size: 32px; }
  .banner-font .bod { font-size: 46px; }
  .banner-font .text { padding-top: 8px; font-size: 18px; } }

@media (min-width: 1260px) { .swiper-button-prev, .swiper-button-next { width: 60px; height: 60px; }
  .swiper-button-prev:after, .swiper-button-next:after { width: 40px; height: 40px; }
  .banner-pagination { bottom: 3.7%; }
  .nvcommonweb { padding-left: 35px; padding-right: 35px; max-width: 1920px; margin: 0 auto; }
  .banner-font .title { font-size: 42px; }
  .banner-font .bod { font-size: 52px; }
  .banner-font .text { font-size: 20px; } }

@media (min-width: 1680px) { .banner-font .title { font-size: 48px; }
  .banner-font .bod { font-size: 60px; }
  .banner-font .text { font-size: 24px; } }

/* banner e*/
/* inside banner s */
.inprobanner { width: 100%; overflow: hidden; position: relative; }

.inprobanner ul li { width: 100%; height: auto; }

.inprobanner ul li.cur .inproban-font { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }

.inproban-font { position: absolute; z-index: 22; padding-left: 15px; padding-right: 15px; width: 100%; top: 7.5%; -webkit-transition: opacity .9s linear 0.5s,-webkit-transform .9s linear 0.5s; transition: opacity .9s linear 0.5s,-webkit-transform .9s linear 0.5s; -o-transition: opacity .9s linear 0.5s,-o-transform .9s linear 0.5s; transition: opacity .9s linear 0.5s,transform .9s linear 0.5s; transition: opacity .9s linear 0.5s,transform .9s linear 0.5s,-webkit-transform .9s linear 0.5s,-o-transform .9s linear 0.5s; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); }

.inproban-font .title { color: #000000; font-size: 18px; font-weight: bold; line-height: 1.2; margin-bottom: 8px; }

.inproban-font .text { color: #666666; font-size: 13px; line-height: 1.44444; }

.inproban-font .more { padding-top: 20px; }

@media (min-width: 768px) { .inproban-font { padding-left: 20px; padding-right: 20px; }
  .inproban-font .title { font-size: 24px; }
  .inproban-font .text { font-size: 14px; }
  .inproban-font .more { padding-top: 40px; } }

@media (min-width: 1024px) { .inpro-pagination { display: block; position: absolute; bottom: 10%; }
  .inpro-pagination span { background-color: #000; width: 10px; height: 10px; margin: 0 6px; }
  .inproban-font { padding-left: 0px; padding-right: 0px; width: 34.61538%; max-width: 630px; }
  .inproban-font .title { font-size: 36px; margin-bottom: 12px; }
  .inpro-swiper-prev, .inpro-swiper-next { display: block; }
  .inpro-swiper-prev { left: -20px; }
  .inpro-swiper-next { right: -20px; } }

@media (min-width: 1260px) { .inproban-font .title { font-size: 48px; }
  .inproban-font .text { font-size: 16px; }
  .inproban-font .more { padding-top: 50px; } }

@media (min-width: 1680px) { .inproban-font .title { font-size: 60px; }
  .inproban-font .text { font-size: 18px; }
  .inproban-font .more { padding-top: 65px; }
  .inpro-swiper-prev { left: -32px; }
  .inpro-swiper-next { right: -32px; } }

/* inside banner e */

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

.inside-banner .banner { position: relative; }

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

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

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

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

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

.inbanabout-word { color: #fff; line-height: 1.29412; font-size: 20px; font-weight: lighter; }

.inbanabout-word > p, .inbanabout-word > * { display: block; font-weight: inherit; }

.inban-bsfont { width: 100%; position: relative; }

.inban-bsfont .title { color: #fff; line-height: 1.5; font-size: 22px; position: relative; z-index: 2; }

.inban-bsfont .bsen { width: 100%; left: 0; line-height: 1; z-index: 1; padding-left: 15px; padding-right: 15px; }

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

@media (min-width: 768px) { .inban-bsfont .bsen { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } }

@media (min-width: 1024px) { .inside-banner .pcimg { display: block; }
  .inside-banner .msimg { display: none; }
  .inbanabout-word { font-size: 24px; }
  .inban-bsfont .title { font-size: 32px; }
  .inban-bsfont .bsen { padding-left: 40px; padding-right: 40px; } }

@media (min-width: 1260px) { .inban-bsfont .title { font-size: 36px; }
  .inban-bsfont .bsen { padding-left: 60px; padding-right: 60px; } }

@media (min-width: 1680px) { .inbanabout-word { font-size: 34px; }
  .inban-bsfont .title { font-size: 48px; } }

/* 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); }

.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: 30px; height: 30px; 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; padding-top: 15px; padding-bottom: 15px; }

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

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

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

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

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

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

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

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

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

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

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

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

.mobnav-btn span:first-child { top: 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: 60px; 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: #282828; 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: 2px 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; }

.hsubnav .lv2img { display: block; width: 100%; overflow: hidden; position: relative; display: none; }

.hsubnav .lv2img:after { content: ''; display: block; width: 100%; padding-bottom: 72.16495%; }

.hsubnav .lv2img img { display: block; position: absolute; top: 0; left: 0; width: 100%; }

.lv2nav { line-height: 30px; }

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

.lv2nav .lv2 a { display: block; width: 100%; color: #282828; 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: 120px; font-size: 0; text-align: left; }
  .header-right { line-height: 80px; position: absolute; top: 0; right: 20px; }
  .logo { padding: 20px 0; float: left; }
  .logo a img { height: 40px; }
  .index-search { position: relative; padding-top: 25px; padding-bottom: 25px; 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: #076a57; }
  .lang-icon { width: auto; padding-left: 35px; font-size: 16px; }
  .index-lang { padding-top: 25px; padding-bottom: 25px; cursor: pointer; margin-left: 20px; }
  .lang-dropmenu ul li a:hover { color: #007757 !important; }
  /*===========================*/
  .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 18px; border-bottom: none; display: inline-block; vertical-align: top; position: relative; }
  nav .lvnav .lv1 h4 { padding: 0; text-align: center; line-height: 80px; }
  nav .lvnav .lv1 h4 a { font-size: 16px; position: relative; }
  nav .lvnav .lv1 h4 a:after { content: ''; position: absolute; bottom: 0; height: 3px; background-color: #007757; 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: #007757 !important; }
  nav .lvnav .lv1.cur h4 a:after, nav .lvnav .lv1:hover h4 a:after { left: 0; right: 0; }
  .hsubnav { position: absolute; width: 130px; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); padding: 10px 0 10px; }
  .hsubnav .subdrop { float: right; width: 600px; }
  .hsubnav .lv2img { display: block; width: 194px; float: left; }
  .subcommon { padding-left: 20px; padding-right: 20px; }
  .lv2nav { display: block; width: auto; overflow: hidden; padding-right: 0px; line-height: 40px; }
  .lv2nav .lv2 { padding: 0; text-align: center; padding: 0; }
  .lv2nav .lv2 a { position: relative; }
  .lv2nav .lv2 a:hover { color: #007757; } }

@media (min-width: 1260px) { body { padding-top: 90px; }
  .headerweb { padding-left: 35px; padding-right: 35px; max-width: 1920px; margin: 0 auto; }
  .header-right { right: 35px; line-height: 90px; }
  .logo { padding: 20px 0; }
  .logo a img { height: 50px; }
  .index-search { padding-top: 30px; padding-bottom: 30px; }
  .index-search .search-box { top: 90px; }
  .index-lang { padding-top: 30px; padding-bottom: 30px; }
  nav .lvnav .lv1 { padding: 0 30px; }
  nav .lvnav .lv1 h4 { line-height: 90px; }
  .hsubnav .subdrop { width: 710px; }
  .subcommon { padding-left: 35px; padding-right: 35px; max-width: 1920px; margin: 0 auto; } }

@media (min-width: 1680px) { .header-left { padding-right: 160px; }
  .logo { padding: 16px 0; }
  .logo a img { height: 58px; }
  .index-lang { margin-left: 40px; }
  .lang-icon { min-width: 80px; font-size: 17px; }
  nav .lvnav .lv1 { padding: 0 35px; }
  nav .lvnav .lv1 h4 a { font-size: 18px; }
  .hsubnav { width: 160px; padding: 15px 0 10px; }
  .hsubnav .subdrop { width: 840px; }
  .lv2nav .lv2 a { font-size: 16px; } }

.share-module { width: 100%; }

.share-module .title { display: inline-block; vertical-align: middle; color: #333333; font-size: 14px; font-weight: bold; line-height: 1.5; }

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

.share-module .bdsharebuttonbox a { display: inline-block; vertical-align: top; margin: 0; width: 33px; height: 33px; background-position: center center; float: none; background-size: contain; margin-left: 8px; position: relative; -webkit-border-radius: 4px; border-radius: 4px; border: none; }

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

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

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

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

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

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

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

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

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

.footerweb { padding-top: 30px; padding-bottom: 10px; }

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

.footernav { width: 100%; }

.ftlvnav { width: 100%; }

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

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

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

.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 #999; 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 15px; display: none; }

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

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

.flogo { display: block; padding-bottom: 10px; }

.flogo a { display: block; }

.flogo a img { display: block; height: 32px; }

.footer-contact { color: #666666; line-height: 1.5; font-size: 14px; }

.footer-contact a { display: inline-block; vertical-align: top; line-height: 1.3; color: #222222; font-size: 22px; }

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

.copyright a { color: #333333; margin: 0 -6px; display: inline-block; vertical-align: top; }

.copyright .beian { color: #999999; margin: 0; }

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

.footer-share { text-align: center; padding-top: 10px; padding-bottom: 10px; }

@media (min-width: 1024px) { .ffcommonweb { padding-left: 20px; padding-right: 20px; }
  .footerweb { position: relative; border-bottom: 1px solid #e0e0e0; padding-top: 55px; padding-bottom: 35px; }
  .footop-left, .foobot-left { float: left; }
  .footop-right, .foobot-right { float: right; }
  .ftlvnav .lv1 { border-bottom: none; float: left; width: auto; position: relative; padding-right: 60px; }
  .ftlvnav .lv1:last-child { padding-right: 0; }
  .ftlvnav .lv1 h4 { padding: 0 0 8px; }
  .ftlvnav .lv1 h4 a { font-size: 16px; }
  .ftlvnav .lv1 h4 .icon { display: none; }
  .ftsub { padding: 0px; display: block !important; }
  .ftsub .lv2 { padding-bottom: 6px; }
  .ftsub .lv2 a { font-size: 14px; display: inline-block; vertical-align: top; width: auto; }
  .ftsub .lv2 a:hover { color: #007757; }
  .flogo { padding-top: 20px; padding-bottom: 0px; }
  .flogo a img { height: 50px; }
  .footer-contact { text-align: right; }
  .footer-contact a { font-size: 28px; }
  .footer-bottom { padding-top: 30px; padding-bottom: 65px; }
  .footer-share { text-align: right; padding-bottom: 50px; }
  .footer-share .bdsharebuttonbox a .img { left: auto; right: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .footer-share .bdsharebuttonbox a .img:after { margin-left: 0; left: 125px; } }

@media (min-width: 1260px) { .ffcommonweb { padding-left: 35px; padding-right: 35px; max-width: 1920px; margin: 0 auto; }
  .ftlvnav .lv1 { padding-right: 80px; }
  .ftlvnav .lv1 h4 a { font-size: 18px; }
  .ftsub .lv2 a { font-size: 16px; } }

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

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

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

.aside .iphone { background: #000 url(../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: #007757; }
  .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 */
@-webkit-keyframes zoomWave { 0% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; }
  100% { -webkit-transform: scale(1.4); transform: scale(1.4);
    opacity: 0.2; } }
@-o-keyframes zoomWave { 0% { -o-transform: scale(1); transform: scale(1);
    opacity: 1; }
  100% { -o-transform: scale(1.4); transform: scale(1.4);
    opacity: 0.2; } }
@keyframes zoomWave { 0% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);
    opacity: 1; }
  100% { -webkit-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);
    opacity: 0.2; } }

.full-ivideo-wrapper { position: relative; overflow: hidden; }

.full-ivideo { width: 100%; overflow: hidden; position: relative; }

.full-ivideo .cover { display: block; overflow: hidden; position: relative; }

.full-ivideo .cover::before { content: ''; display: block; width: 100%; padding-bottom: 40.10417%; }

.full-ivideo .cover img { display: block; width: auto; position: absolute; height: 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); }

.full-ivideo .offset { position: absolute; left: 0; z-index: 2; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.ivideo-btn { display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: url(../images/ivideobtn.png) no-repeat scroll center center; background-size: contain; position: relative; z-index: 22; }

.ivideo-navigator { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 44; display: none; }

.idxtop { margin-top: 10px; }

.idxbot { margin-bottom: 10px; }

.ivideo-hundle { width: 44px; height: 44px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; position: relative; margin: 0 auto; border: 1px solid rgba(255, 255, 255, 0.6); font-size: 0; 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; }

.ivideo-hundle:after { content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.4); -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: zoomWave 1.8s 0s infinite forwards; -o-animation: zoomWave 1.8s 0s infinite forwards; animation: zoomWave 1.8s 0s infinite forwards; }

.ivideo-hundle::before { content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: zoomWave 2s 0s infinite forwards; -o-animation: zoomWave 2s 0s infinite forwards; animation: zoomWave 2s 0s infinite forwards; }

.quickly-package { width: 100%; overflow: hidden; position: relative; }

.quickly-conts { position: relative; }

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

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

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

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

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

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

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

.quickly-swiper ul li .title { display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #333333; font-size: 18px; line-height: 1.5; }

.quickly-swiper ul li .text { 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; color: #8c8c8c; font-size: 14px; margin-top: 2px; margin-bottom: 5px; }

.mlearn-more { display: inline-block; vertical-align: top; position: relative; line-height: 40px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #007757; border: 1px solid #dbdbdb; font-size: 14px; padding-left: 25px; padding-right: 55px; }

.mlearn-more:after, .mlearn-more::before { content: ''; width: 11px; height: 10px; background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; top: 50%; margin-top: -5px; right: 25px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.mlearn-more::before { z-index: 1; background-image: url(../images/quiarrow.png); opacity: 1; }

.mlearn-more::after { z-index: 2; background-image: url(../images/quiarrows.png); opacity: 0; }

.quickly-pagination { position: static; padding-top: 20px; padding-bottom: 20px; }

.quickly-pagination span { background-color: #999; }

.quickly-swiper-prev, .quickly-swiper-next { border-color: #fff; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: 21.81818%; margin-top: 0; }

.quickly-swiper-prev { left: 15px; }

.quickly-swiper-next { right: 15px; }

.index-business { background-color: #fafafa; width: 100%; position: relative; }

.business-section { padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 10px; }

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

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

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

.busmap-desktop { display: none; }

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

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

.buscountry-mask { position: relative; }

.buscountry-mask .dot { position: absolute; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; left: 0; top: 12px; display: none; }

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

.buscountry-mask .dot:after { content: ''; position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; background-color: rgba(230, 33, 41, 0.6); -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; }

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

.busmaplicont { width: 100%; background-color: #fff; padding: 15px 20px; position: relative; }

.busmaplicont .title { color: #333; font-size: 16px; line-height: 1.33333; }

.busmaplicont .text { color: #666; font-size: 12px; line-height: 1.5; margin-top: 4px; }

.diagram-panel { padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 30px; background-color: #e7fdf4; background-repeat: no-repeat; background-position: right bottom; background-image: url(../images/mapasidebg.jpg); background-size: 100% auto; }

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

.diagram-view { padding-bottom: 30px; }

.diagram-view .textcon { padding-top: 10px; padding-bottom: 30px; }

.diagram-view .text { color: #868c89; line-height: 1.5; font-size: 14px; }

.business-numlist { position: relative; }

.business-numlist ul { font-size: 0; }

.business-numlist ul li { display: inline-block; vertical-align: bottom; width: 66px; text-align: center; margin-right: 20px; }

.business-numlist ul li:last-child { margin-right: 0; }

.business-numlist ul li:nth-child(3n-2) .column { height: 80px; background-color: #007757; }

.business-numlist ul li:nth-child(3n-1) .column { height: 140px; background-color: #999999; }

.business-numlist ul li:nth-child(3n) .column { height: 222px; background-color: #007757; }

.business-numlist ul li .column { width: 100%; position: relative; margin-bottom: 7px; padding: 12px 0; }

.business-numlist ul li .column::before { content: ''; display: inline-block; vertical-align: bottom; height: 100%; }

.business-numlist ul li .title { color: #fff; line-height: 1; display: inline-block; vertical-align: bottom; }

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

.business-numlist ul li .title .num { font-size: 24px; font-weight: bold; }

.business-numlist ul li .title .type { font-size: 14px; }

.business-numlist ul li .desc { color: #333333; font-size: 12px; display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.mbusiness-numlist { position: relative; text-align: center; max-width: 400px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; }

.mbusiness-numlist ul { font-size: 0; }

.mbusiness-numlist ul li { display: inline-block; vertical-align: bottom; width: 33.33%; text-align: center; padding: 0 10px; }

.mbusiness-numlist ul li .column { width: 100%; position: relative; padding: 12px 0; }

.mbusiness-numlist ul li .column::before { content: ''; display: inline-block; vertical-align: bottom; height: 100%; }

.mbusiness-numlist ul li .title { color: #333; line-height: 1; display: inline-block; vertical-align: bottom; }

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

.mbusiness-numlist ul li .title .num { font-size: 24px; font-weight: bold; color: #007757; }

.mbusiness-numlist ul li .title .type { font-size: 14px; }

.mbusiness-numlist ul li .desc { color: #333333; font-size: 12px; display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/* 首页 e */
/* 发展历程 s */
.page-container { width: 100%; overflow: hidden; position: relative; }

.course-module { width: 100%; position: relative; padding-top: 45px; padding-bottom: 65px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.course-item { display: none; }

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

.course-list li .tit { color: #333333; font-size: 18px; line-height: 1.2; margin-bottom: 6px; }

.course-list li .tit span { font-size: 14px; padding-left: 2px; }

.course-list li .cont-desc { color: #333333; font-size: 14px; line-height: 1.5; }

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

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

/* 发展历程 e */
/* 企业概况 s */
.inTop { padding-top: 30px; }

.inTop2 { padding-top: 30px; }

.inBot { padding-bottom: 30px; }

.survey-tinno { width: 100%; position: relative; margin-bottom: 30px; }

.survey-tinno:after { content: ''; display: block; width: 100%; clear: both; height: 0; visibility: hidden; }

.survey-tinno .thumb { display: block; width: 100%; overflow: hidden; position: relative; margin-bottom: 10px; }

.survey-tinno .thumb:after { content: ''; display: block; width: 100%; padding-bottom: 118.51852%; }

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

.survey-tinno .content { padding-top: 20px; }

.survey-tinno .nnotitle { text-align: left; margin-bottom: 15px; padding-top: 0; padding-bottom: 0; }

.survey-tinno .text { color: #666666; font-size: 14px; line-height: 1.71429; }

.survey-tinno .text h4 { color: #333333; font-size: 16px; font-weight: bold; margin-bottom: 3px; }

.survey-tinno .tinno-mtitle { display: none; }

.survey-title { position: relative; text-align: center; padding: 15px 0; }

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

.survey-title .bsen { width: 100%; position: absolute; top: 50%; left: 0; line-height: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; padding-left: 15px; padding-right: 15px; }

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

.survey-company { width: 100%; overflow: hidden; position: relative; padding-top: 60px; padding-bottom: 80px; }

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

.survey-offset { position: relative; z-index: 2; width: 100%; }

.surcom-title .title { color: #fff; }

.surcompany-wrapper { padding-top: 50px; }

.surcompany-swcont { position: relative; }

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

.surcompany-swiper ul li { width: 100%; height: auto; text-align: center; }

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

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

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

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

.surcompany-swiper ul li .title { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #ffffff; font-weight: bold; line-height: 1.5; font-size: 16px; margin-top: 15px; margin-bottom: 5px; }

.surcompany-swiper ul li .text { display: block; width: 100%; display: -webkit-box; height: 60px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #ffffff; font-size: 14px; }

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

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

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

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

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

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

.survey-basicpake { padding-top: 30px; padding-bottom: 20px; }

.surbasic-word { padding-top: 5px; padding-bottom: 10px; max-width: 900px; margin: 0 auto; }

.survey-word { color: #666666; font-size: 14px; line-height: 1.71429; text-align: center; }

.surbasic-cover { display: block; overflow: hidden; position: relative; width: 100%; margin: 0 auto; max-width: 960px; }

.surbasic-cover img { display: block; width: 100%; }

.survey-turnpake { width: 100%; position: relative; background-color: #fff; background-image: url(../images/inaboutus-bg02.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom; padding-top: 25px; padding-bottom: 55px; }

.surturn-word { padding-top: 5px; max-width: 800px; margin: 0 auto; line-height: 2.14286; }

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

.surturn-swcont { position: relative; }

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

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

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

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

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

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

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

.survey-filedpake { width: 100%; overflow: hidden; position: relative; }

.filed-cover { display: block; width: 100%; overflow: hidden; position: relative; }

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

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

.filed-offset { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; padding-top: 16.66667%; }

.surwhite-title .title { color: #fff; }

.surfiled-word { padding-top: 20px; color: #fff; line-height: 2.14286; max-width: 980px; margin: 0 auto; }

.survey-dreampake { width: 100%; overflow: hidden; position: relative; padding-top: 30px; }

.survey-dream { width: 100%; position: relative; }

.survey-dream:after { content: ''; display: block; width: 100%; clear: both; height: 0; visibility: hidden; }

.survey-dream .thumb { display: block; width: 100%; overflow: hidden; position: relative; margin-bottom: 10px; }

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

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

.survey-dream .content { padding-top: 20px; }

.survey-dream .nnotitle { text-align: left; margin-bottom: 15px; padding-top: 0; padding-bottom: 0; }

.survey-dream .text { color: #666666; font-size: 14px; line-height: 1.71429; }

.survey-dream .dream-mtitle { display: none; }

/* 企业概况 e */
/* 企业文化 s */
.inside-title { text-align: center; color: #333333; font-size: 20px; line-height: 1.5; }

.inside-title.green { color: #007757; }

.culture-space { padding-top: 10px; padding-bottom: 30px; text-align: center; }

.culture-sign { position: relative; max-width: 570px; display: inline-block; vertical-align: top; color: #333333; line-height: 1.38462; font-size: 16px; padding: 0 60px; min-height: 44px; }

.culture-sign::before, .culture-sign::after { content: ''; position: absolute; width: 26px; height: 36px; background-repeat: no-repeat; background-size: contain; }

.culture-sign::before { background-image: url(../images/sign-icon-left.png); top: 0; left: 0; background-position: center top; }

.culture-sign::after { background-image: url(../images/sign-icon-right.png); bottom: 0; right: 0; background-position: center bottom; }

.culture-fullpake { background-color: #f7f7f7; padding-top: 50px; padding-bottom: 40px; }

.culture-module { position: relative; }

.culture-module .culture-conts { position: relative; }

.culture-module .modebase { display: block; overflow: hidden; position: relative; width: 90%; max-width: 331px; margin: 0 auto; }

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

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

.culture-module ul { padding-top: 40px; }

.culture-module ul li { width: 100%; overflow: hidden; position: relative; margin-bottom: 15px; }

.culture-module ul li::before { content: ''; position: absolute; width: 100px; height: 15px; background-repeat: no-repeat; background-size: auto 100%; background-position: right center; background-image: url(../images/culture-bar02.png); left: 10px; top: 27px; z-index: 1; }

.culture-module ul li .icon { width: 70px; display: block; overflow: hidden; position: relative; float: left; z-index: 2; }

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

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

.culture-module ul li .mode { display: block; width: auto; overflow: hidden; padding-top: 10px; padding-left: 50px; }

.culture-module ul li .title { color: #666666; line-height: 1.66667; font-size: 14px; font-weight: bold; }

.culture-module ul li .text { color: #666666; font-size: 14px; line-height: 22px; }

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

.culture-panel .panel { display: block; width: 100%; overflow: hidden; position: relative; height: 260px; }

.culture-panel .panel img { display: block; width: auto; height: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.culture-panel .offset { position: absolute; top: 50%; left: 0; width: 100%; z-index: 22; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; }

.culture-node { display: inline-block; vertical-align: top; position: relative; white-space: nowrap; }

.culture-node .title { color: #ffffff; line-height: 1.5; font-weight: bold; font-size: 18px; display: inline-block; vertical-align: middle; margin-right: -1.5em; }

.culture-node .base { height: 80px; overflow: hidden; display: inline-block; vertical-align: middle; }

.culture-node .base img { display: block; height: 100%; }

/* 企业文化 e */
/* 全球化品质 s */
.quality-content { padding-top: 20px; padding-bottom: 30px; }

.quality-module { position: relative; }

.quality-item { border-top: 2px solid #ededed; padding: 30px 0; }

.quality-item:first-child { border-top: none; }

.quality-item:first-child .quality-section { line-height: 2; }

.quality-title { color: #000000; font-size: 18px; line-height: 1.41176; font-weight: bold; margin-bottom: 20px; }

.quality-section { color: #666666; font-size: 14px; line-height: 1.5; }

.quality-section .title { color: #333333; font-size: 16px; font-weight: bold; margin-bottom: 6px; }

/* 全球化品质 e */
/* 全球化服务 s */
.global-network { background-color: #f8faf9; padding-top: 35px; padding-bottom: 55px; }

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

.network-module { position: relative; }

.network-map { position: relative; }

.network-map img { display: block; width: 100%; }

.network-map .dots { position: absolute; top: 0; left: 0; z-index: 11; }

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

.network-mask { position: relative; }

.network-mask ul li { color: #000; font-size: 14px; line-height: 1.5; margin-bottom: 5px; position: relative; }

.network-mask ul li .icon { display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 18px; text-align: center; border: 2px solid transparent; -webkit-border-radius: 50%; border-radius: 50%; position: relative; font-size: 0; }

.network-mask ul li .icon:after { content: ''; width: 12px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: middle; margin-top: -2px; }

.network-mask ul li .icon1 { border-color: #afd5c8; }

.network-mask ul li .icon1:after { background-color: #017751; }

.network-mask ul li .icon2 { border-color: #eccaad; }

.network-mask ul li .icon2:after { background-color: #d04239; }

.network-mask ul li .icon3 { border-color: #f1d393; }

.network-mask ul li .icon3:after { background-color: #e59b00; }

.network-mask ul li p { display: inline-block; vertical-align: middle; padding-left: 2px; }

.global-customer { padding-top: 40px; padding-bottom: 30px; }

.customer-content { padding-top: 20px; }

.customer-module { padding-bottom: 30px; }

.customer-title { text-align: center; color: #666666; font-size: 16px; line-height: 1.5; font-weight: bold; margin-bottom: 15px; }

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

.customer-list ul { margin: 0 -5px; }

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

.customer-list ul li a { display: block; width: 100%; position: relative; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid #dbdbdb; }

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

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

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

/* 全球化服务 e */
/* 生产制造 s */
.produce-profile { position: relative; width: 100%; background-color: #f8faf9; background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom; background-image: url(../images/producebg.png); padding-top: 30px; padding-bottom: 80px; }

.profile-word { color: #666666; font-size: 14px; line-height: 1.5; text-align: center; position: relative; padding-top: 10px; padding-bottom: 40px; margin-bottom: 20px; }

.profile-word:after { content: ''; position: absolute; width: 1px; height: 36px; background-color: #999999; bottom: 0; left: 50%; }

.profile-mask { text-align: center; color: #333333; line-height: 1.7; font-size: 14px; margin-bottom: 25px; }

.produce-swcont { position: relative; margin: 0 -5px; }

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

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

.produce-swiper ul li .conts { display: block; width: 100%; position: relative; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #fff; -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); }

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

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

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

.produce-swiper ul li .content { text-align: center; padding: 13px 10px 20px; }

.produce-swiper ul li .num { display: block; line-height: 1; color: #333333; font-weight: lighter; font-size: 30px; margin-bottom: 7px; }

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

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

.produce-single { padding-top: 40px; padding-bottom: 40px; }

.produce-wcont { max-width: 890px; margin: 0 auto; padding-bottom: 25px; }

.produce-word { text-align: center; color: #333333; line-height: 1.7; font-size: 14px; }

.produce-cover { width: 100%; overflow: hidden; position: relative; }

.produce-cover img { display: block; width: 100%; }

.produce-numfile { background-color: #f8faf9; padding-top: 40px; padding-bottom: 40px; }

/* 生产制造 e */
/* 研发能力 s */
.research-content { padding-bottom: 20px; }

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

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

.research-module { position: relative; }

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

.research-panel { position: relative; padding-bottom: 40px; }

.research-panel .stitle { margin-bottom: 10px; }

.research-panel .text { color: #333; line-height: 1.5; font-size: 14px; }

.research-numlist { padding-top: 16px; padding-bottom: 26px; }

.research-numlist ul li { display: inline-block; vertical-align: top; padding-right: 70px; }

.research-numlist ul li:last-child { padding-right: 0; }

.research-numlist ul li .title { line-height: 1; color: #333333; margin-bottom: 8px; }

.research-numlist ul li .title span { display: inline-block; vertical-align: middle; }

.research-numlist ul li .title .num { font-size: 40px; font-weight: bold; }

.research-numlist ul li .title .type { font-size: 20px; font-weight: bold; }

.research-numlist ul li .desc { color: #333333; line-height: 1.5; font-size: 14px; }

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

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

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

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

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

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

.research-list ul li .content { padding-top: 20px; padding-bottom: 30px; }

.research-list ul li .title { margin-bottom: 8px; }

.research-list ul li .word { color: #828282; font-size: 14px; line-height: 1.5; }

.research-list ul li .item-a { margin-bottom: 6px; }

.research-list ul li .item-b { margin-bottom: 3px; display: inline-block; vertical-align: top; min-width: 49%; }

/* 研发能力 e */
/* 产品展示 s */
.product-container { width: 100%; overflow: hidden; position: relative; background-color: #F5F5F5; padding-left: 15px; padding-right: 15px; }

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

.learn-more { display: inline-block; vertical-align: top; background-color: #000000; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #fff; font-size: 14px; line-height: 1.5; padding: 10px 30px; -webkit-border-radius: 60px; border-radius: 60px; }

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

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

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

.inproduct-list ul li .conts { display: block; width: 100%; position: relative; background-color: #fff; padding: 20px 15px 30px; }

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

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

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

.inproduct-list ul li .content { padding-top: 10px; }

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

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

.inproduct-list ul li .more { padding-top: 20px; }

.inproduct-tabline { padding-top: 30px; padding-bottom: 50px; }

.inproduct-line { height: 1px; width: 100%; position: relative; }

.inproduct-line:after { content: ''; position: absolute; top: 0; left: -60px; right: -60px; height: 1px; background-color: #e5e5e5; }

.inproduct-dots { text-align: center; color: #666666; padding-left: 15px; padding-right: 15px; font-size: 14px; line-height: 1.5; }

.inproduct-tabbar { padding-top: 10px; padding-bottom: 40px; }

.inproduct-bar { width: 100%; position: relative; height: 1px; background-color: #e5e5e5; max-width: 450px; margin: 0 auto; }

.inproduct-bar .bar { position: absolute; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #007757; left: 0; height: 2px; }

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

.look-more { display: inline-block; vertical-align: top; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #000000; line-height: 1.5; padding: 10px 30px; border: 2px solid #b2b2b2; -webkit-border-radius: 60px; border-radius: 60px; }

.prodetail-article { width: 100%; overflow: hidden; position: relative; padding-top: 50px; }

.prodetail-control { width: 100%; position: relative; background-color: #fff; padding: 12px 0; position: fixed; top: 60px; left: 0; z-index: 22; }

.prodetail-control .return-button { float: right; }

.return-button { display: inline-block; vertical-align: top; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #333333; font-size: 14px; line-height: 26px; font-weight: bold; padding-right: 24px; position: relative; }

.return-button:after, .return-button::before { content: ''; position: absolute; width: 13px; height: 13px; 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; right: 0; top: 50%; margin-top: -7px; }

.return-button::before { background-image: url(../images/return-icon.png); z-index: 1; opacity: 1; }

.return-button::after { background-image: url(../images/return-icons.png); z-index: 2; opacity: 0; }

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

.prodetail-section img { max-width: 100% !important; height: auto !important; }

.pc-product-section { display: none; }

.mo-product-section { display: block; }

/* 产品展示 e */
/* 新闻中心 s */
.innews-wrapper { padding-top: 20px; }

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

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

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

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

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

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

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

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

.innews-list ul li .title { display: block; color: #666666; font-size: 16px; display: -webkit-box; height: 52px; line-height: 26px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-bottom: 10px; }

.innews-list ul li .text { display: block; color: #999999; font-size: 14px; display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 15px; }

.innews-list ul li .time { color: #666666; font-size: 12px; line-height: 1.5; }

.loading-more { padding-top: 10px; }

/* 新闻中心 e */
/* 新闻详情 s */
.innews-article { padding-top: 20px; }

.article-title { color: #222222; line-height: 1.5; font-size: 18px; padding-bottom: 15px; border-bottom: 2px solid #333333; margin-bottom: 15px; }

.article-content { position: relative; }

.article-aside { padding-bottom: 15px; }

.article-date { display: inline-block; vertical-align: top; }

.article-date p { display: inline-block; vertical-align: middle; }

.article-date .ymtime { color: #333333; font-size: 14px; line-height: 1.5; }

.article-date .day { color: #333333; font-size: 14px; line-height: 1.5; position: relative; margin-left: 5px; }

.article-date .day::before { content: '-'; position: absolute; right: 100%; }

.article-detail { color: #828282; font-size: 14px; line-height: 1.71429; }

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

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

.article-tab { border-top: 1px solid #0b3121; border-bottom: 1px solid #0b3121; }

.article-tab .prevnext { display: block; width: 100%; position: relative; overflow: hidden; line-height: 30px; color: #000; font-size: 14px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f0f3f7; }

.article-tab .prevnext:last-child { border-bottom: none; }

.article-tab .prevnext::after { content: ''; position: absolute; width: 0; height: 0; border: 5px solid transparent; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 25%; top: 50%; }

.article-tab .prevnext span { display: block; float: left; }

.article-tab .prevnext .mask { width: 25%; text-align: center; }

.article-tab .prevnext .desc { width: 75%; padding-left: 10%; padding-right: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.article-tab .prevnext .time { display: none; }

.article-tab .prev::after { border-bottom-color: #000000; margin-top: -7px; }

.article-tab .next::after { border-top-color: #000000; margin-top: -3px; }

.article-more { text-align: right; }

.return-tobtn { display: inline-block; vertical-align: top; color: #282828; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; line-height: 1.5; padding: 10px 60px; border: 1px solid #eaeaea; -webkit-border-radius: 100px; border-radius: 100px; }

/* 新闻详情 e */
/* CSR  声明 s */
.indicate-wrapper { padding-top: 15px; }

.indicate-article { text-align: center; color: #666666; font-size: 14px; line-height: 1.875; }

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

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

.indicate-list ul li { border-bottom: 1px solid #e5e5e5; }

.indicate-list ul li.cur .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.indicate-list ul li .hd { position: relative; padding: 15px 0; z-index: 2; }

.indicate-list ul li .hd-title { color: #333333; line-height: 1.5; font-size: 18px; padding-right: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.indicate-list ul li .icon { position: absolute; width: 12px; height: 22px; background: url(../images/downarrow.png) no-repeat scroll center center; background-size: contain; right: 0; top: 50%; margin-top: -11px; }

.indicate-list ul li .bd { position: relative; z-index: 1; color: #333333; font-size: 14px; line-height: 1.5; padding-left: 15px; padding-bottom: 30px; display: none; -webkit-transition: margin-top 0.3s 0.3s; -o-transition: margin-top 0.3s 0.3s; transition: margin-top 0.3s 0.3s; }

.indicate-list ul li .bd .title { position: relative; font-weight: bold; line-height: 28px; }

.indicate-list ul li .bd .title::before { content: ''; position: absolute; width: 4px; height: 4px; background-color: #333; left: -12px; top: 12px; }

.indicate-base { padding-top: 35px; color: #333333; font-size: 14px; font-weight: lighter; }

.indicate-base > p, .indicate-base > * { display: block; font-weight: inherit; }

/* CSR  声明 e */
/* 慈善公益 s */
.charitable-control { padding: 10px 0; position: relative; border-bottom: 2px solid #333333; margin-bottom: 20px; }

.charit-dell { padding-top: 5px; }

.charit-tips { color: #333333; font-size: 14px; line-height: 34px; }

.charit-tips span { color: #828282; }

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

.charit-form input { display: block; line-height: 40px; height: 40px; }

.charit-form .chinput { width: 100%; border: 1px solid #dddddd; background-color: #fff; font-size: 14px; color: #333; padding-left: 15px; padding-right: 75px; }

.charit-form .chbtn { position: absolute; top: 0; right: 0; width: 75px; background-color: #333333; color: #fff; font-size: 14px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.charitable-list { width: 100%; overflow: hidden; position: relative; }

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

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

.charitable-list ul li:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #dddddd; }

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

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

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

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

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

.charitable-list ul li .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 22; background-color: rgba(0, 0, 0, 0); text-align: center; display: none; }

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

.charitable-list ul li .mask .plus { display: block; width: 36px; height: 36px; background: url(../images/plus.png) no-repeat scroll center center; background-size: contain; margin: 0 auto; }

.charitable-list ul li .mask .info { color: #fff; font-size: 14px; line-height: 1.5; padding-top: 10px; }

.charitable-list ul li .cell { display: inline-block; vertical-align: middle; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }

.charitable-list ul li .content { padding-top: 15px; padding-bottom: 25px; }

.charitable-list ul li .title { color: #222222; font-size: 16px; font-weight: bold; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; }

/* 慈善公益 e */
/* 冲突矿场管理 s */
.conflict-container { width: 100%; overflow: hidden; position: relative; background-repeat: repeat-y; background-color: #fff; background-size: 100% auto; background-position: left top; }

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

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

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

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

.conflict-list ul li .poster img { display: block; width: 100%; }

.conflict-list ul li .figure { display: none; overflow: hidden; position: relative; }

.conflict-list ul li .figure img { display: block; width: 100%; }

.conflict-list ul li .offset { padding-top: 15px; }

.conflict-list ul li .conflict { padding-bottom: 25px; }

.conflict-list ul li .title { color: #333333; line-height: 1.54545; font-size: 16px; margin-bottom: 10px; }

.conflict-list ul li .text { color: #666666; line-height: 1.625; font-size: 14px; }

.conf-title { position: relative; color: #333333; font-size: 18px; line-height: 1.5; padding-top: 20px; margin-bottom: 15px; }

.conf-title::before { content: ''; position: absolute; width: 16px; height: 16px; background-color: #007757; -webkit-border-radius: 50%; border-radius: 50%; left: 0; top: 0; }

/* 冲突矿场管理 e */
/* 廉洁建设 s */
.honest-space { padding-top: 20px; padding-bottom: 15px; }

.honest-word { text-align: center; line-height: 1.5; }

.honest-word .title { color: #333333; font-size: 16px; font-weight: bold; margin-bottom: 5px; }

.honest-word .text { color: #007757; font-size: 18px; }

.honest-fullpake { padding-bottom: 40px; }

.honest-module { position: relative; }

.honest-module .modebase { width: 90%; max-width: 393px; margin: 0 auto; display: block; overflow: hidden; position: relative; }

.honest-module .modebase:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.honest-module .modebase img { display: block; position: absolute; width: 100%; top: 0; left: 0; }

.honest-module ul { padding-top: 30px; }

.honest-module ul li { width: 100%; overflow: hidden; margin-bottom: 20px; }

.honest-module ul li .icon { width: 77px; display: block; overflow: hidden; position: relative; float: left; }

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

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

.honest-module ul li .mode { display: block; width: auto; overflow: hidden; padding-top: 5px; padding-left: 20px; }

.honest-module ul li .title { color: #333; font-weight: bold; line-height: 1.5; font-size: 16px; margin-bottom: 5px; }

.honest-module ul li .text { color: #666666; font-size: 14px; line-height: 1.5; }

.honest-cell { background-color: #f9f9f9; position: relative; padding: 35px 15px; margin-bottom: 10px; color: #333333; }

.honest-cell::before, .honest-cell::after { content: ''; position: absolute; width: 22px; height: 22px; border: 2px solid #007757; }

.honest-cell::before { border-right: none; border-bottom: none; top: 0; left: 0; }

.honest-cell::after { border-top: none; border-left: none; bottom: 0; right: 0; }

.honest-cell .cell-aside { padding-bottom: 15px; position: relative; z-index: 2; }

.honest-cell .title { font-size: 20px; font-weight: bold; line-height: 1.5; margin-bottom: 3px; }

.honest-cell .sup { font-size: 14px; line-height: 1.5; }

.honest-cell .cell-section { line-height: 1.875; font-size: 14px; position: relative; z-index: 2; }

.honest-cell .cell-font { position: absolute; width: 75.83333%; left: 7.5%; bottom: 0.83333%; z-index: 1; }

.honest-cell .cell-font img { display: block; width: 100%; }

/* 廉洁建设 e */
/* 联系我们 s */
.baiduMap { width: 100%; height: 300px; }

.map-title { color: #007757; font-size: 14px; font-weight: bold; line-height: 1.5; padding-top: 20px; padding-bottom: 14px; }

.contact-mapcell { width: 100%; position: relative; border-top: 1px solid #000000; }

.contact-mapcell ul li { display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #dcdcdc; line-height: 1.5; }

.contact-mapcell ul li .cell { display: table-cell; vertical-align: middle; }

.contact-mapcell ul li .cell-hd { width: 100px; background-color: #f5f5f5; color: #333333; font-size: 16px; padding-left: 15px; }

.contact-mapcell ul li .cell-bd { color: #828282; font-size: 14px; padding: 15px 0 15px 15px; }

.contact-mapcell ul li .cell-bd .bfz { font-size: 16px; }

.contact-mapcell ul li .cell-bd p { display: inline-block; vertical-align: top; width: auto; padding-right: 20px; }

.contact-mapcell ul li .cell-bd a { color: #828282; }

/* 联系我们 e */
/* GMS s */
.gms-module { padding-top: 30px; width: 100%; position: relative; }

.gms-module .figure { display: block; width: 100%; overflow: hidden; position: relative; max-width: 510px; margin: 0 auto; }

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

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

.gms-module .content { position: relative; padding-top: 80px; margin-top: 20px; }

.gms-module .content::before { content: ''; position: absolute; width: 55px; height: 55px; background-color: #cee5db; -webkit-border-radius: 50%; border-radius: 50%; left: 0; top: 6px; }

.gms-module .title { color: #333333; font-weight: bold; line-height: 1.2; font-size: 20px; }

.gms-module .text { padding-top: 15px; padding-bottom: 25px; color: #828282; font-size: 14px; line-height: 1.5; }

.gms-module .info { color: #666666; font-size: 14px; line-height: 1.5; }

/* GMS e */
/* 创新设计 s */
.design-process { width: 100%; position: relative; padding-top: 50px; padding-bottom: 50px; }

.process-sfont { position: absolute; width: 100%; top: 30px; left: 0; z-index: 1; display: none; }

.process-sfont img { display: block; width: 100%; }

.process-medias { position: relative; z-index: 22; padding-left: 15px; padding-right: 15px; }

.process-swiper { width: 100%; overflow: hidden; position: relative; max-width: 630px; margin: 0 auto; }

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

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

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

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

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

.process-rotating { display: none; }

.process-content { position: relative; }

.process-tabbox { padding-top: 30px; }

.process-mode { display: none; }

.process-unit { width: 100%; overflow: hidden; position: relative; padding-bottom: 30px; }

.process-unit .process-num { float: left; width: 1.5em; word-wrap: break-word; color: #007757; line-height: 1; font-size: 50px; font-weight: bold; }

.process-unit .process-tips { display: block; overflow: hidden; width: auto; padding-top: 12px; padding-left: 10px; }

.process-unit .process-tips .title { color: #333333; font-size: 20px; line-height: 1.2; margin-bottom: 10px; }

.process-unit .process-tips .sub { color: #666666; font-size: 12px; line-height: 1.2; }

.process-base { padding-left: 60px; padding-bottom: 50px; }

.process-cell { position: relative; color: #6666; font-size: 1.5; font-size: 14px; }

.process-cell .process-link { display: inline-block; vertical-align: top; line-height: 1.5; color: #ff0000; font-size: 16px; }

.process-cell .stitle { color: #333; line-height: 1.5; font-size: 20px; font-weight: lighter; margin-top: 5px; letter-spacing: 2px; }

.process-offset { position: absolute; left: 0; top: 150px; }

.process-swiper-prev, .process-swiper-next { position: static; margin: 10px 0; }

.process-wfont { display: block; width: 100%; overflow: hidden; position: relative; display: none; }

.process-wfont:after { content: ''; display: block; width: 100%; padding-bottom: 12.85714%; }

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

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

.design-innovate { width: 100%; position: relative; background-repeat: no-repeat; background-size: contain; background-position: left top; padding-top: 30px; padding-bottom: 40px; z-index: 23; margin-top: -30px; }

.innovate-wrapper { width: 100%; padding-top: 20px; }

.innovate-panel { display: block; width: 100%; overflow: hidden; margin-bottom: 10px; }

.innovate-panel img { display: block; width: 100%; }

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

.innovate-list ul { position: relative; margin: 0 -20px; }

.innovate-list ul li { padding-bottom: 10px; padding-left: 10px; padding-right: 10px; float: none; }

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

.design-team { background-repeat: no-repeat; background-size: contain; background-position: left top; background-color: #f8faf9; padding-top: 40px; padding-bottom: 30px; }

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

.team-panel { width: 100%; overflow: hidden; position: relative; margin-bottom: 10px; }

.team-panel img { display: block; width: 100%; }

/* 创新设计 e */


@media (min-width: 768px) { .survey-title { padding: 24px 0; }
  .survey-title .bsen { padding-left: 20px; padding-right: 20px; }
  .culture-module ul { font-size: 0; }
  .culture-module ul li { display: inline-block; vertical-align: top; width: 50%; padding-left: 10px; padding-right: 10px; }
  .invcommonweb { padding-left: 20px; padding-right: 20px; }
  .product-container { padding-left: 20px; padding-right: 20px; }
  /* 新闻详情 s */
  .article-tab .prevnext::after { left: 16.66667%; }
  .article-tab .prevnext .mask { width: 16.16162%; }
  .article-tab .prevnext .desc { width: 70.70707%; padding-left: 9.09091%; padding-right: 9.09091%; }
  .article-tab .prevnext .time { display: block; width: 13.13131%; }
  /* 新闻详情 e */ }


@media (min-width: 1024px) { /* 首页 s */
  .ivideo-btn { width: 60px; height: 60px; }
  .ivideo-hundle { width: 64px; height: 64px; opacity: 0; }
  .ivideo-popup { position: absolute; background: none; z-index: 22; }
  .ivideo-popup video { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }
  .ivideo-popup .tianjiatvwrap { width: 100%; position: static; margin: 0; height: 100%; overflow: hidden; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .ivideo-popup .tianjiatvwrap .videobox { height: 100%; }
  .ivideo-popup .recclosebtn { top: 10px; right: 10px; margin: 0; display: none; }
  .ivideo-navigator { display: block; }
  .quickly-package { margin-bottom: 20px; }
  .quickly-swiper ul li .conts:hover .figure img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }
  .quickly-swiper ul li .content { padding-top: 25px; }
  .quickly-swiper ul li .title { font-size: 20px; }
  .quickly-swiper ul li .text { font-size: 16px; margin-bottom: 8px; height: 52px; line-height: 26px; }
  .mlearn-more { padding-left: 35px; padding-right: 70px; }
  .mlearn-more::before, .mlearn-more::after { right: 40px; }
  .mlearn-more:hover { border-color: #007757; background-color: #007757; color: #fff; }
  .mlearn-more:hover::before { opacity: 0; }
  .mlearn-more:hover::after { opacity: 1; }
  .quickly-swiper-prev { left: 25px; }
  .quickly-swiper-next { right: 25px; }
  .index-business { overflow: hidden; }
  .business-section { padding-left: 20px; padding-right: 0px; padding-top: 80px; padding-bottom: 0px; float: left; width: 64.32292%; }
  .business-aside { float: right; height: 100%; width: 35.67708%; }
  .busmapimg .mapmo { display: none; }
  .busmap-desktop { display: block; }
  .busmap-desktop .mappc { display: block; width: 100%; }
  .busmap-desktop .busmaphover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  .busmap-desktop .busmaphover img { position: absolute; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; }
  .busmap-desktop .busmaphover img.cur { opacity: 1; visibility: visible; }
  .busmapdots { padding-top: 0px; position: absolute; top: 0; left: 0; height: 100%; }
  .busmapdots li { margin-bottom: 0px; position: absolute; cursor: pointer; }
  .busmapdots li.cur .busmaplicont { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .busmaplicont { width: 200px; background-color: rgba(1, 24, 14, 0.9); position: absolute; left: -60px; top: 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); }
  .busmaplicont .title { color: #fff; }
  .busmaplicont .text { color: #b3bab7; }
  .diagram-panel { padding-left: 25px; padding-right: 20px; min-height: 100%; }
  .business-numlist ul li { margin-right: 40px; }
  .business-numlist ul li:nth-child(3n-2) .column { height: 60px; }
  .business-numlist ul li:nth-child(3n-1) .column { height: 120px; }
  .business-numlist ul li:nth-child(3n) .column { height: 202px; }
  /* 首页 e */
  /* 发展历程 s */
  .course-module { padding-top: 0px; padding-bottom: 0px; }
  .course-module:after { left: 41.66667%; }
  .course-offset { padding-bottom: 0px; position: absolute; left: 0; width: 100%; padding-top: 7.5%; z-index: 22; }
  .course-title { font-size: 22px; }
  .active-container { height: 180px; bottom: 180px; right: 58.33333%; }
  .course-container { height: 720px; padding-left: 41.66667%; }
  .course-swyear { width: 41.66667%; padding-top: 360px; padding-bottom: 180px; }
  .course-swyear ul li { padding-left: 13%; }
  .course-font { font-size: 32px; font-weight: lighter; }
  .course-font span { font-size: 16px; }
  .course-descontent { padding-left: 8.57143%; padding-top: 15%; padding-bottom: 8.57143%; }
  .course-dectit { margin-bottom: 40px; }
  .course-dectit .title { font-size: 20px; }
  .course-dectit .sub { font-size: 24px; }
  .course-list li { margin-bottom: 30px; }
  .course-list li .tit { font-size: 20px; margin-bottom: 12px; }
  .course-swiper-prev { bottom: 38.88889%; left: 0px; }
  .course-swiper-next { bottom: 28.88889%; left: 0px; }
  /* 发展历程 e */
  /* 企业概况 s */
  .inTop { padding-top: 60px; }
  .inTop2 { padding-top: 60px; }
  .inBot { padding-bottom: 60px; }
  .survey-tinno { margin-bottom: 60px; }
  .survey-tinno .thumb { float: left; width: 45%; margin-bottom: 0px; }
  .survey-tinno .content { padding-top: 30px; padding-left: 30px; float: left; width: 55%; }
  .survey-tinno .nnotitle .bsen { display: none; }
  .survey-tinno .text h4 { font-size: 18px; }
  .survey-tinno .tinno-mtitle { display: block; position: absolute; width: 100%; right: -30px; top: 15px; }
  .survey-tinno .tinno-mtitle img { display: block; max-width: 100%; }
  .survey-title { padding: 30px 0; }
  .survey-title .title { font-size: 24px; }
  .survey-title .bsen { padding-left: 40px; padding-right: 40px; }
  .survey-company { padding-top: 100px; padding-bottom: 120px; }
  .surcompany-wrapper { padding-top: 80px; }
  .surcompany-swcont { padding-left: 8.33333%; padding-right: 8.33333%; }
  .surcompany-swiper.center{ text-align:center; }
  .surcompany-swiper.center ul{display:block; } 
  .surcompany-swiper.center ul li{ display:inline-block;vertical-align:top; }
  .surcompany-swiper ul li .icon { width: 100px; }
  .surcompany-swiper ul li .title { font-size: 18px; margin-top: 25px; margin-bottom: 10px; }
  .surcompany-swiper-prev { left: 30px; }
  .surcompany-swiper-next { right: 30px; }
  .survey-basicpake { padding-top: 60px; padding-bottom: 30px; }
  .surbasic-word { padding-top: 10px; }
  .survey-turnpake { padding-top: 40px; padding-bottom: 95px; }
  .surturn-word { padding-top: 15px; }
  .surturn-wrapper { padding-top: 40px; }
  .surturn-swiper-prev { left: -40px; }
  .surturn-swiper-next { right: -40px; }
  .filed-cover:after { padding-bottom: 36.45833%; }
  .filed-offset { padding-top: 8.33333%; }
  .surfiled-word { padding-top: 50px; }
  .survey-dreampake { padding-top: 60px; }
  .survey-dream .thumb { margin-bottom: 0px; float: right; width: 47.5%; }
  .survey-dream .content { padding-top: 12.5%; padding-right: 3.33333%; float: left; width: 52.5%; }
  .survey-dream .nnotitle { margin-bottom: 35px; }
  .survey-dream .dream-mtitle { display: block; position: absolute; width: 100%; left: -30px; top: 90px; }
  .survey-dream .dream-mtitle img { display: block; max-width: 100%; }
  /* 企业概况 e */
  /* 企业文化 s */
  .inside-title { font-size: 30px; font-weight: normal; }
  .culture-space { padding-top: 20px; padding-bottom: 50px; }
  .culture-sign { font-size: 20px; padding: 0 80px; }
  .culture-sign::before, .culture-sign::after { width: 36px; }
  .culture-fullpake { padding-top: 120px; padding-bottom: 240px; }
  .culture-module ul { padding-top: 0px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 22; }
  .culture-module ul li { width: auto; margin-bottom: 0px; padding-left: 0; padding-right: 0; position: absolute; overflow: inherit; }
  .culture-module ul li:nth-child(odd) { right: 50%; }
  .culture-module ul li:nth-child(odd):after { background-image: url(../images/culture-bar01.png); top: 50%; margin-top: -9px; right: 1px; background-position: left center; }
  .culture-module ul li:nth-child(odd) .mode { right: 160px; }
  .culture-module ul li:nth-child(even) { left: 50%; }
  .culture-module ul li:nth-child(even):after { background-image: url(../images/culture-bar02.png); top: 50%; margin-top: -9px; left: 1px; background-position: right center; }
  .culture-module ul li:nth-child(even) .mode { left: 160px; }
  .culture-module ul li:nth-child(1) { margin-right: 50px; top: -35px; }
  .culture-module ul li:nth-child(2) { margin-left: 50px; top: -35px; }
  .culture-module ul li:nth-child(3) { margin-right: 140px; top: 50%; margin-top: -45px; }
  .culture-module ul li:nth-child(4) { margin-left: 140px; top: 50%; margin-top: -45px; }
  .culture-module ul li:nth-child(5) { top: 100%; margin-right: -45px; margin-top: -50px; }
  .culture-module ul li:nth-child(5):after { width: 19px; height: 145px; background-image: url(../images/culture-bar03.png); margin-right: -10px; right: 50%; background-position: center bottom; top: 0; margin-top: 0; }
  .culture-module ul li:nth-child(5) .mode { top: 160px; left: 50%; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .culture-module ul li::before { display: none; }
  .culture-module ul li:after { content: ''; width: 145px; height: 19px; background-repeat: no-repeat; display: block; position: absolute; }
  .culture-module ul li .icon { width: 90px; float: none; }
  .culture-module ul li .mode { padding: 20px 10px; background: url(../images/bubble-shadow.png) no-repeat scroll center top; background-size: 100% 100%; position: absolute; width: 200px; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .culture-module ul li .title { font-size: 16px; }
  .culture-module ul li .text { min-height: 44px; }
  .culture-panel .panel { height: auto; }
  .culture-panel .panel img { width: 100%; left: 0%; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .culture-node .title { font-size: 20px; }
  .culture-node .base { height: 90px; }
  /* 企业文化 e */
  /* 全球化品质 s */
  .quality-item { padding: 50px 0; overflow: hidden; }
  .quality-item .quality-title { float: left; width: 45.83333%; }
  .quality-item .quality-section { display: block; width: auto; overflow: hidden; }
  .quality-title { font-size: 24px; margin-bottom: 0px; font-weight: normal; }
  /* 全球化品质 e */
  /* 全球化服务 s */
  .global-network { padding-top: 60px; padding-bottom: 80px; }
  .network-wrapper { padding-top: 60px; }
  .network-map { margin: 0 -10px; }
  .network-offset { padding-top: 0px; position: absolute; bottom: 35px; left: 0; z-index: 23; }
  .network-mask ul li { font-size: 16px; margin-bottom: 7px; }
  .global-customer { padding-top: 60px; }
  .customer-content { padding-top: 30px; }
  .customer-module { padding-bottom: 45px; }
  .customer-title { font-size: 20px; margin-bottom: 25px; font-weight: normal; }
  .customer-list ul { margin: 0 -10px; }
  .customer-list ul li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; width: 20%; }
  .customer-list ul li a:hover { -webkit-box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.1); border-color: transparent; }
  /* 全球化服务 e */
  /* 生产制造 s */
  .produce-profile { padding-top: 60px; padding-bottom: 120px; }
  .profile-word { font-size: 16px; padding-top: 15px; padding-bottom: 55px; margin-bottom: 30px; }
  .profile-mask { font-size: 16px; margin-bottom: 35px; }
  .produce-swcont { margin: 0 -10px; }
  .produce-swiper { padding: 0 10px 20px; }
  .produce-swiper ul li { -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.1); }
  .produce-swiper ul li .num { font-size: 40px; }
  .produce-swiper ul li .title { font-size: 18px; }
  .produce-swiper-prev { left: -40px; }
  .produce-swiper-next { right: -40px; }
  .produce-single { padding-top: 60px; padding-bottom: 60px; }
  .produce-wcont { padding-bottom: 35px; }
  .produce-word { font-size: 16px; }
  .produce-numfile { padding-top: 60px; padding-bottom: 60px; }
  /* 生产制造 e */
  /* 研发能力 s */
  .research-content { padding-bottom: 40px; }
  .invcommonweb { padding-left: 40px; padding-right: 40px; }
  .research-wrapper { padding-top: 30px; }
  .research-module .research-panel { position: absolute; right: 0; top: 0; width: 45.71429%; padding-top: 7.14286%; z-index: 22; }
  .research-title { font-size: 22px; }
  .research-panel { padding-bottom: 0px; }
  .research-panel .stitle { margin-bottom: 20px; }
  .research-panel .text { font-size: 16px; }
  .research-numlist ul li { padding-right: 100px; }
  .research-numlist ul li .title .num { font-size: 48px; }
  .research-numlist ul li .title .type { font-size: 26px; }
  .research-list ul li { margin-bottom: 0px; }
  .research-list ul li:nth-child(odd) { padding-right: 54.28571%; }
  .research-list ul li:nth-child(even) { padding-left: 54.28571%; }
  .research-list ul li:nth-child(4n-3) { margin-top: -140px; }
  .research-list ul li:nth-child(4n-2) { margin-top: -580px; }
  .research-list ul li:nth-child(4n-1) { margin-top: -120px; }
  .research-list ul li:nth-child(4n) { margin-top: -420px; }
  .research-list ul li:nth-child(1) { margin-top: 0 !important; }
  .research-list ul li .content { padding-top: 30px; padding-bottom: 40px; }
  .research-list ul li .item-a { margin-bottom: 10px; }
  .research-list ul li .item-b { margin-bottom: 6px; }
  /* 研发能力 e */
  /* 产品展示 s */
  .product-container { padding-left: 30px; padding-right: 30px; }
  .learn-more:hover { background-color: #007757; }
  .inproduct-list ul { margin: 0 -25px; }
  .inproduct-list ul li { padding-left: 25px; padding-right: 25px; margin-bottom: 60px; }
  .inproduct-list ul li .conts { padding: 13.06818% 38.63636% 13.06818% 8.52273%; }
  .inproduct-list ul li:hover .figure { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  .inproduct-list ul li .figure { width: 48.86364%; position: absolute; top: 20px; right: 0; -webkit-transition: opacity .9s linear 0.1s,-webkit-transform .9s linear 0.1s; transition: opacity .9s linear 0.1s,-webkit-transform .9s linear 0.1s; -o-transition: opacity .9s linear 0.1s,-o-transform .9s linear 0.1s; transition: opacity .9s linear 0.1s,transform .9s linear 0.1s; transition: opacity .9s linear 0.1s,transform .9s linear 0.1s,-webkit-transform .9s linear 0.1s,-o-transform .9s linear 0.1s; }
  .inproduct-list ul li .content { padding-top: 0px; }
  .inproduct-list ul li .title { font-size: 24px; font-weight: normal; }
  .inproduct-list ul li .text { font-size: 14px; }
  .inproduct-tabline { padding-top: 50px; padding-bottom: 60px; }
  .inproduct-tabbar { padding-top: 20px; padding-bottom: 70px; }
  .look-more:hover { background-color: #007757; color: #fff; border-color: #007757; }
  .prodetail-article { padding-top: 70px; }
  .prodetail-control { padding: 22px 0; top: 80px; }
  .return-button:hover { color: #007757; }
  .return-button:hover::before { opacity: 0; }
  .return-button:hover::after { opacity: 1; }
  .pc-product-section { display: block; }
  .mo-product-section { display: none; }
  /* 产品展示 e */
  /* 新闻中心 s */
  .innews-list ul { margin: 0 -20px; }
  .innews-list ul li { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; }
  .innews-list ul li a:hover .figure img { -webkit-transform: translate(-50%, -50%) scale(1.03); -ms-transform: translate(-50%, -50%) scale(1.03); -o-transform: translate(-50%, -50%) scale(1.03); transform: translate(-50%, -50%) scale(1.03); }
  .innews-list ul li a:hover .title { color: #007757; }
  .innews-list ul li .content { padding-top: 25px; }
  .innews-list ul li .title { font-size: 18px; }
  .innews-list ul li .text { margin-bottom: 20px; }
  .innews-list ul li .time { font-size: 14px; }
  .loading-more { padding-top: 20px; }
  /* 新闻中心 e */
  /* 新闻详情 s */
  .innews-article { padding-top: 30px; }
  .article-title { font-size: 22px; padding-bottom: 30px; margin-bottom: 30px; }
  .article-content:after { content: ''; display: block; width: 100%; height: 0; visibility: hidden; clear: both; }
  .article-aside { padding-bottom: 0px; float: left; width: 16.66667%; }
  .article-section { display: block; width: auto; overflow: hidden; }
  .article-date p { display: block; }
  .article-date .day { font-size: 40px; line-height: 1; margin-left: 0px; }
  .article-date .day::before { display: none; }
  .article-tabbar { padding-top: 45px; padding-bottom: 40px; }
  .article-tab .prevnext { font-size: 16px; padding-top: 16px; padding-bottom: 16px; }
  .article-tab .prevnext .time { font-size: 14px; }
  .article-tab .prev:hover:after { border-bottom-color: #007757; }
  .article-tab .next:hover:after { border-top-color: #007757; }
  .return-tobtn { padding: 15px 80px; }
  .return-tobtn:hover { background-color: #007757; border-color: #007757; color: #fff; }
  /* 新闻详情 e */
  /* CSR  声明 s */
  .indicate-wrapper { padding-top: 25px; }
  .indicate-article { font-size: 14px; }
  .indicate-list ul li.cur .bd { margin-top: -30px; }
  .indicate-list ul li .hd { padding: 35px 0; cursor: pointer; }
  .indicate-list ul li .hd-title { font-size: 22px; }
  .indicate-list ul li .icon { width: 18px; }
  .indicate-list ul li .bd { padding-left: 260px; padding-bottom: 55px; }
  .indicate-list ul li .bd .title { font-size: 16px; margin-bottom: 5px; }
  .indicate-base { padding-top: 55px; }
  /* CSR  声明 e */
  /* 慈善公益 s */
  .charitable-control { margin-bottom: 40px; overflow: hidden; }
  .charit-cell { float: right; }
  .charit-dell { padding-top: 0px; float: left; }
  .charit-tips { line-height: 44px; }
  .charit-form { width: 320px; }
  .charit-form input { line-height: 44px; height: 44px; }
  .charit-form .chbtn:hover { background-color: #444; }
  .charitable-list ul { margin: 0 -15px; }
  .charitable-list ul li { padding-left: 15px; padding-right: 15px; margin-bottom: 40px; }
  .charitable-list ul li a:hover .figure img { -webkit-transform: translate(-50%, -50%) scale(1.03); -ms-transform: translate(-50%, -50%) scale(1.03); -o-transform: translate(-50%, -50%) scale(1.03); transform: translate(-50%, -50%) scale(1.03); }
  .charitable-list ul li a:hover .mask { background-color: rgba(0, 0, 0, 0.5); }
  .charitable-list ul li a:hover .cell { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }
  .charitable-list ul li .content { padding-bottom: 35px; }
  .charitable-list ul li .title { margin-bottom: 15px; }
  /* 慈善公益 e */
  /* 冲突矿场管理 s */
  .conflict-container { background-image: url(../images/conflictbg.png); }
  .conflict-wrapper { padding-top: 40px; padding-bottom: 40px; }
  .conflict-list ul li:nth-child(3n-2) { padding-top: 40px; padding-bottom: 20px; }
  .conflict-list ul li:nth-child(3n-2) .poster { padding-left: 45.3125%; }
  .conflict-list ul li:nth-child(3n-2) .conflict { padding-top: 3.33333%; padding-right: 38.33333%; }
  .conflict-list ul li:nth-child(3n-1) { padding-top: 100px; padding-bottom: 80px; }
  .conflict-list ul li:nth-child(3n-1) .poster { padding-right: 45.3125%; }
  .conflict-list ul li:nth-child(3n-1) .conflict { padding-top: 10%; padding-left: 40%; }
  .conflict-list ul li:nth-child(3n) { padding-bottom: 60px; }
  .conflict-list ul li:nth-child(3n) .poster { display: none; }
  .conflict-list ul li:nth-child(3n) .offset { position: static; }
  .conflict-list ul li:nth-child(3n) .figure { display: block; float: right; width: 44.16667%; }
  .conflict-list ul li:nth-child(3n) .content { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; display: block; width: auto; overflow: hidden; padding: 0 6.66667% 0 0; }
  .conflict-list ul li:nth-child(3n) .conflict { padding-top: 30px; }
  .conflict-list ul li .offset { padding-top: 0px; position: absolute; z-index: 22; top: 0; left: 0; width: 100%; }
  .conflict-list ul li .conflict { padding-bottom: 0px; }
  .conflict-list ul li .content { background-color: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0 0 35px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px -5px rgba(0, 0, 0, 0.1); padding: 40px 55px; }
  .conflict-list ul li .title { font-size: 18px; margin-bottom: 12px; }
  .conf-title { font-size: 24px; padding-top: 36px; margin-bottom: 0px; }
  .conf-title::before { width: 26px; height: 26px; }
  /* 冲突矿场管理 e */
  /* 廉洁建设 s */
  .honest-space { padding-top: 35px; padding-bottom: 25px; }
  .honest-word .title { margin-bottom: 7px; }
  .honest-word .text { font-size: 20px; }
  .honest-fullpake { padding-bottom: 200px; }
  .honest-module ul { padding-top: 0px; position: absolute; top: 0; left: 0; width: 100%; z-index: 22; }
  .honest-module ul li { width: 50%; margin-bottom: 0px; position: absolute; }
  .honest-module ul li:nth-child(1) { top: 52px; right: 50%; padding-right: 140px; text-align: right; }
  .honest-module ul li:nth-child(1) .icon { float: right; }
  .honest-module ul li:nth-child(1) .mode { padding-left: 0; padding-right: 35px; }
  .honest-module ul li:nth-child(2) { top: 52px; left: 50%; padding-left: 140px; }
  .honest-module ul li:nth-child(3) { top: 360px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-align: center; }
  .honest-module ul li:nth-child(3) .icon { float: none; margin: 0 auto; }
  .honest-module ul li:nth-child(3) .mode { padding-left: 0; padding-top: 30px; }
  .honest-module ul li .mode { padding-top: 10px; }
  .honest-module ul li .title { font-size: 18px; }
  .honest-cell { padding: 4.58333% 8.33333%; margin-bottom: 20px; color: #333333; }
  .honest-cell .cell-aside { padding-bottom: 0px; float: left; }
  .honest-cell .title { font-size: 24px; font-weight: normal; }
  .honest-cell .sup { text-align: justify; -moz-text-align-last: justify; text-align-last: justify; }
  .honest-cell .cell-section { padding-left: 10%; display: block; width: auto; overflow: hidden; }
  /* 廉洁建设 e */
  /* 联系我们 s */
  .baiduMap { height: 500px; }
  .map-title { font-size: 16px; padding-top: 26px; padding-bottom: 20px; }
  .contact-mapcell ul li .cell-hd { width: 150px; font-size: 18px; padding-left: 30px; }
  .contact-mapcell ul li .cell-bd { padding: 20px 0 20px 20px; }
  /* 联系我们 e */
  /* GMS s */
  .gms-module { padding-top: 0px; }
  .gms-module .figure { margin: 10px 0 0; float: right; width: 42.5%; margin-right: -30px; }
  .gms-module .content { padding-top: 90px; margin-top: 0px; display: block; width: auto; overflow: hidden; padding-right: 6.25%; }
  .gms-module .content::before { top: 0px; }
  .gms-module .title { font-size: 24px; }
  .gms-module .text { padding-top: 18px; padding-bottom: 40px; }
  /* GMS e */
  /* 创新设计 s */
  .design-process { padding-top: 160px; padding-bottom: 180px; }
  .design-process:after { content: ''; background-repeat: no-repeat; background-size: contain; background-position: left bottom; background-image: url(../images/cxsjcirclebg01.png); width: 510px; position: absolute; bottom: 0; z-index: 0; padding-bottom: 52.08333%; }
  .process-sfont { top: 50px; display: block; }
  .process-medias { padding-left: 0px; padding-right: 0px; position: absolute; width: 50%; right: 0; z-index: 33; top: 70px; }
  .process-medias:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }
  .process-swiper { display: none; }
  .process-rotating { display: block; position: absolute; top: 7%; left: 29.16667%; width: 85.41667%; height: 85.41667%; border: 1px solid #efefef; -webkit-border-radius: 50%; border-radius: 50%; }
  .rotating-slider { position: relative; width: 100%; height: 100%; }
  .rotating-slider svg { display: none; }
  .rotating-slider ul { width: 100%; height: 100%; -webkit-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; }
  .rotating-slider ul li { position: absolute; width: 12px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #000; cursor: pointer; z-index: 2; }
  .rotating-slider ul li .conts { width: 100%; height: 100%; -webkit-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; position: absolute; top: 0%; left: 0%; -webkit-transition: -webkit-transform 0.1s linear; transition: -webkit-transform 0.1s linear; -o-transition: -o-transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear, -o-transform 0.1s linear; }
  .rotating-slider ul li .figure { width: 400px; display: block; overflow: hidden; position: relative; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
  .rotating-slider ul li .figure:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }
  .rotating-slider ul li .figure img { display: block; position: absolute; width: 100%; top: 0; left: 0; }
  .rotating-slider ul li.cur { z-index: 1; }
  .rotating-slider ul li.cur .figure { -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); opacity: 1; }
  .rotating-slider ul li:not(.cur):hover .figure { -webkit-transform: translate(-50%, -50%) scale(0.15); -ms-transform: translate(-50%, -50%) scale(0.15); -o-transform: translate(-50%, -50%) scale(0.15); transform: translate(-50%, -50%) scale(0.15); opacity: 1; }
  .process-module { position: relative; z-index: 12; }
  .process-tabbox { padding-top: 0px; min-height: 330px; }
  .process-unit { padding-bottom: 50px; }
  .process-unit .process-num { font-size: 70px; }
  .process-unit .process-tips { padding-top: 20px; padding-left: 20px; }
  .process-unit .process-tips .title { font-size: 30px; margin-bottom: 15px; }
  .process-unit .process-tips .sub { font-size: 14px; }
  .process-base { padding-left: 100px; padding-bottom: 70px; }
  .process-cell .process-link { font-size: 18px; }
  .process-cell .stitle { font-size: 24px; letter-spacing: 4px; }
  .process-offset { top: 160px; }
  .process-swiper-prev, .process-swiper-next { margin: 20px 0; }
  .process-wfont { display: block; }
  .mprocess-pagination { padding-top: 20px; }
  .design-innovate { padding-top: 100px; padding-bottom: 60px; margin-top: -180px; background-image: url(../images/cxsjcirclebg02.png); }
  .innovate-wrapper { padding-top: 35px; }
  .inside-title.white { color: #fff; }
  .innovate-panel { margin-bottom: 20px; }
  .innovate-list ul li { padding-bottom: 20px; }
  .design-team { padding-top: 60px; padding-bottom: 50px; background-image: url(../images/cxsjteambg.png); }
  .team-wrapper { padding-top: 40px; }
  .team-panel { margin-bottom: 20px; }
  /* 创新设计 e */ }


@media (min-width: 1260px) { /* 首页 s */
  .ivideo-btn { width: 80px; height: 80px; }
  .ivideo-hundle { width: 84px; height: 84px; }
  .ivideo-popup .recclosebtn { top: 20px; right: 20px; }
  .quickly-package { margin-bottom: 30px; }
  .mlearn-more { line-height: 48px; }
  .business-section { padding-left: 35px; padding-top: 100px; }
  .busmaplicont { width: 230px; }
  .busmaplicont .title { font-size: 18px; }
  .diagram-panel { padding-left: 60px; padding-right: 35px; padding-top: 16.05839%; padding-bottom: 8.0292%; }
  .panel-title { font-size: 24px; }
  .diagram-view { padding-bottom: 50px; }
  .diagram-view .text { font-size: 16px; }
  .business-numlist ul li { width: 80px; }
  .business-numlist ul li:nth-child(3n-2) .column { height: 90px; }
  .business-numlist ul li:nth-child(3n-1) .column { height: 150px; }
  .business-numlist ul li:nth-child(3n) .column { height: 232px; }
  .business-numlist ul li .title .num { font-size: 36px; }
  .business-numlist ul li .title .type { font-size: 16px; }
  .business-numlist ul li .desc { font-size: 14px; }
  /* 首页 e */
  /* 发展历程 s */
  .course-title { font-size: 26px; }
  .course-font { font-size: 40px; }
  .course-font span { font-size: 20px; }
  .course-dectit { margin-bottom: 50px; }
  .course-dectit .title { font-size: 24px; }
  .course-dectit .sub { font-size: 36px; }
  .course-list li .tit { font-size: 24px; }
  .course-list li .tit span { font-size: 16px; }
  .course-list li .cont-desc { font-size: 16px; }
  /* 发展历程 e */
  /* 企业概况 s */
  .inTop { padding-top: 80px; }
  .inTop2 { padding-top: 80px; }
  .inBot { padding-bottom: 80px; }
  .survey-tinno { margin-bottom: 100px; }
  .survey-tinno .content { padding-top: 8.33333%; padding-left: 5%; }
  .survey-tinno .nnotitle { margin-bottom: 45px; }
  .survey-tinno .text h4 { font-size: 20px; margin-bottom: 6px; }
  .survey-tinno .tinno-mtitle { right: -55px; top: 70px; }
  .survey-title { padding: 32px 0; }
  .survey-title .title { font-size: 30px; }
  .survey-title .bsen { padding-left: 60px; padding-right: 60px; }
  .survey-company { padding-top: 6.77083%; padding-bottom: 9.375%; }
  .surcompany-swiper ul li .icon { width: 110px; }
  .survey-basicpake { padding-top: 90px; padding-bottom: 40px; }
  .survey-turnpake { padding-bottom: 115px; }
  .surturn-word { padding-top: 20px; }
  .surturn-wrapper { padding-top: 50px; }
  .surturn-swiper-prev { left: -50px; }
  .surturn-swiper-next { right: -50px; }
  .survey-dreampake { padding-top: 100px; }
  .survey-dream .nnotitle { margin-bottom: 45px; }
  .survey-dream .dream-mtitle { left: -50px; top: 110px; }
  /* 企业概况 e */
  /* 企业文化 s */
  .culture-space { padding-bottom: 75px; }
  .culture-fullpake { padding-top: 140px; padding-bottom: 260px; }
  .culture-module ul li:nth-child(odd) .mode { right: 220px; }
  .culture-module ul li:nth-child(even) .mode { left: 220px; }
  .culture-module ul li:nth-child(5) .mode { top: 160px; }
  .culture-module ul li:after { width: 200px; }
  .culture-module ul li .mode { width: 274px; }
  /* 企业文化 e */
  /* 全球化品质 s */
  .quality-item { padding: 55px 0; }
  .quality-title { font-size: 28px; }
  .quality-section { font-size: 16px; }
  .quality-section .title { font-size: 18px; margin-bottom: 12px; }
  /* 全球化品质 e */
  /* 全球化服务 s */
  .global-network { padding-top: 80px; padding-bottom: 100px; }
  .global-customer { padding-top: 80px; }
  .customer-content { padding-top: 45px; }
  .customer-title { margin-bottom: 35px; }
  /* 全球化服务 e */
  /* 生产制造 s */
  .produce-profile { padding-top: 80px; padding-bottom: 190px; }
  .produce-swiper-prev { left: -60px; }
  .produce-swiper-next { right: -60px; }
  .produce-single { padding-top: 80px; padding-bottom: 80px; }
  /* 生产制造 e */
  /* 研发能力 s */
  .invcommonweb { padding-left: 60px; padding-right: 60px; max-width: 1520px; margin: 0 auto; }
  .research-title { font-size: 26px; }
  .research-panel .stitle { margin-bottom: 35px; }
  .research-panel .text{ font-size:18px; }
  .research-list ul li:nth-child(4n-3) { margin-top: -12.85714%; }
  .research-list ul li:nth-child(4n-2) { margin-top: -54.28571%; }
  .research-list ul li:nth-child(4n-1) { margin-top: -14.28571%; }
  .research-list ul li:nth-child(4n) { margin-top: -44.28571%; }
  .research-list ul li .word { font-size: 16px; }
  .research-list ul li .item-a { margin-bottom: 14px; }
  /* 研发能力 e */
  /* 产品展示 s */
  .learn-more { padding: 14px 40px; }
  .inproduct-list ul { margin: 0 -30px; }
  .inproduct-list ul li { padding-left: 30px; padding-right: 30px; margin-bottom: 80px; }
  .inproduct-list ul li .title { font-size: 30px; margin-bottom: 10px; }
  .inproduct-list ul li .text { font-size: 16px; height: 84px; line-height: 28px; }
  .inproduct-list ul li .more { padding-top: 50px; }
  .inproduct-dots { font-size: 16px; }
  .look-more { padding: 13px 50px; }
  .prodetail-control { top: 90px; }
  /* 产品展示 e */
  /* 新闻中心 s */
  .innews-list ul li .title { height: 60px; line-height: 30px; font-size: 20px; margin-bottom: 15px; }
  .innews-list ul li .text { margin-bottom: 30px; }
  /* 新闻中心 e */
  /* 新闻详情 s */
  .article-title { font-size: 26px; }
  .article-date .day { font-size: 50px; }
  /* 新闻详情 e */
  /* CSR  声明 s */
  .indicate-article { font-size: 16px; }
  .indicate-list ul li .hd-title { font-size: 28px; }
  .indicate-base { font-size: 16px; }
  /* CSR  声明 e */
  /* 慈善公益 s */
  .charit-tips { font-size: 16px; }
  /* 慈善公益 e */
  /* 冲突矿场管理 s */
  .conflict-wrapper { padding-top: 60px; }
  .conflict-list ul li:nth-child(3n) .text { font-size: 14px; }
  .conflict-list ul li .content { padding: 60px 75px; }
  .conflict-list ul li .text { font-size: 16px; }
  .conf-title { font-size: 28px; }
  /* 冲突矿场管理 e */
  /* 廉洁建设 s */
  .honest-module ul li .text { font-size: 16px; }
  .honest-cell .title { font-size: 30px; }
  .honest-cell .cell-section { font-size: 16px; padding-left: 13%; }
  /* 廉洁建设 e */
  /* 联系我们 s */
  .contact-mapcell ul li .cell-hd { width: 170px; font-size: 20px; }
  .contact-mapcell ul li .cell-bd { font-size: 16px; padding: 30px 0 30px 30px; }
  .contact-mapcell ul li .cell-bd .bfz { font-size: 18px; }
  .contact-mapcell ul li .cell-bd p { padding-right: 30px; }
  /* 联系我们 e */
  /* GMS s */
  .gms-module .figure { margin-right: -50px; }
  .gms-module .title { font-size: 30px; }
  /* GMS e */
  /* 创新设计 s */
  .design-process:after { width: 610px; }
  .process-sfont { top: 75px; }
  .process-medias { top: 110px; }
  .process-tabbox { min-height: 430px; }
  .process-unit { padding-bottom: 80px; }
  .process-unit .process-num { font-size: 90px; }
  .process-unit .process-tips { padding-top: 30px; }
  .process-unit .process-tips .title { font-size: 40px; }
  .process-base { padding-left: 110px; padding-bottom: 100px; }
  .process-offset { top: 210px; }
  .process-swiper-prev, .process-swiper-next { margin: 20px 0; }
  .design-innovate { padding-top: 120px; padding-bottom: 70px; }
  .design-team { padding-top: 90px; padding-bottom: 70px; }
  /* 创新设计 e */ }



@media (min-width: 1680px) { /* 首页 s */
  .quickly-swiper ul li .content { padding-top: 35px; }
  .quickly-swiper ul li .title { font-size: 28px; }
  .quickly-swiper ul li .text { font-size: 18px; height: 60px; line-height: 30px; }
  .mlearn-more { font-size: 16px; }
  .busmaplicont { width: 330px; padding: 22px 55px; }
  .busmaplicont .title { font-size: 24px; }
  .busmaplicont .text { font-size: 14px; }
  .panel-title { font-size: 30px; }
  .diagram-view { padding-bottom: 75px; }
  .diagram-view .textcon { padding-bottom: 60px; }
  .diagram-view .text { font-size: 18px; }
  .business-numlist ul li { width: 90px; margin-right: 50px; }
  .business-numlist ul li:nth-child(3n-2) .column { height: 110px; }
  .business-numlist ul li:nth-child(3n-1) .column { height: 170px; }
  .business-numlist ul li:nth-child(3n) .column { height: 250px; }
  .business-numlist ul li .column { margin-bottom: 14px; }
  /* 首页 e */
  /* 发展历程 s */
  .active-container { height: 225px; bottom: 225px; }
  .course-container { height: 900px; }
  .course-swyear { padding-top: 450px; padding-bottom: 225px; }
  /* 发展历程 e */
  /* 企业概况 s */
  .inTop { padding-top: 100px; }
  .inBot { padding-bottom: 100px; }
  .survey-tinno .tinno-mtitle { width: 110%; right: -230px; }
  .surcompany-wrapper { padding-top: 110px; }
  .surcompany-swiper ul li .icon { width: 110px; }
  .surturn-swiper-prev { left: -70px; }
  .surturn-swiper-next { right: -70px; }
  .filed-offset { padding-top: 11.45833%; }
  .surfiled-word { padding-top: 70px; }
  .survey-dream .dream-mtitle { left: -180px; }
  /* 企业概况 e */
  /* 企业文化 s */
  .inside-title { font-size: 44px; }
  .culture-sign { font-size: 26px; padding: 0 110px; }
  .culture-module ul li:nth-child(odd) .mode { right: 270px; }
  .culture-module ul li:nth-child(even) .mode { left: 270px; }
  .culture-module ul li:nth-child(5):after { height: 145px; }
  .culture-module ul li:after { width: 245px; }
  .culture-module ul li .mode { padding: 20px; width: 274px; }
  .culture-module ul li .title { font-size: 18px; }
  .culture-node .title { font-size: 24px; }
  .culture-node .base { height: 115px; }
  /* 企业文化 e */
  /* 全球化品质 s */
  .quality-title { font-size: 34px; }
  .quality-section .title { font-size: 20px; }
  /* 全球化品质 e */
  /* 全球化服务 s */
  .network-wrapper { padding-top: 90px; }
  .network-mask ul li { font-size: 18px; }
  .global-customer { padding-top: 100px; }
  .customer-title { font-size: 28px; }
  /* 全球化服务 e */
  /* 生产制造 s */
  .profile-word { font-size: 20px; }
  .profile-mask { font-size: 20px; }
  .produce-swiper ul li .num { font-size: 48px; }
  .produce-swiper ul li .title { font-size: 20px; }
  .produce-single { padding-top: 100px; padding-bottom: 100px; }
  .produce-word { font-size: 20px; }
  .produce-numfile { padding-top: 100px; padding-bottom: 100px; }
  /* 生产制造 e */
  /* 研发能力 s */
  .research-title { font-size: 36px; }
  .research-panel .text { font-size: 20px; }
  .research-numlist ul li .title .num { font-size: 54px; }
  .research-numlist ul li .title .type { font-size: 30px; }
  .research-numlist ul li .desc { font-size: 16px; }
  .research-list ul li .content { padding-top: 40px; padding-bottom: 55px; }
  .research-list ul li .word { font-size: 18px; }
  .research-list ul li .item-b { min-width: 32.5%; }
  /* 研发能力 e */
  /* 产品展示 s */
  .product-container { padding-left: 50px; padding-right: 50px; }
  .inproduct-list ul li .title { font-size: 38px; }
  .inproduct-list ul li .text { font-size: 18px; }
  .inproduct-list ul li .more { padding-top: 75px; }
  .inproduct-tabline { padding-top: 65px; padding-bottom: 75px; }
  .prodetail-article { padding-top: 80px; }
  .prodetail-control { padding: 27px 0; }
  /* 产品展示 e */
  /* 新闻中心 s */
  .innews-list ul li .title { height: 68px; line-height: 34px; font-size: 24px; }
  /* 新闻中心 e */
  /* 新闻详情 s */
  .article-tab .prevnext { font-size: 18px; padding-top: 22px; padding-bottom: 22px; }
  .article-tab .prevnext .time { font-size: 16px; }
  .return-tobtn { padding: 18px 100px; }
  /* 新闻详情 e */
  /* CSR  声明 s */
  .indicate-list ul li.cur .bd { margin-top: -40px; }
  .indicate-list ul li .hd { padding: 45px 0; }
  .indicate-list ul li .hd-title { font-size: 36px; }
  .indicate-list ul li .icon { width: 22px; }
  .indicate-list ul li .bd .title { font-size: 18px; margin-bottom: 10px; }
  /* CSR  声明 e */
  /* 冲突矿场管理 s */
  .conflict-list ul li:nth-child(3n-2) { padding-top: 55px; padding-bottom: 30px; }
  .conflict-list ul li:nth-child(3n-1) { padding-top: 130px; padding-bottom: 100px; }
  .conflict-list ul li:nth-child(3n) { padding-bottom: 80px; }
  .conflict-list ul li:nth-child(3n) .conflict { padding-top: 45px; }
  .conflict-list ul li .content { padding: 70px 85px; }
  .conflict-list ul li .title { font-size: 22px; }
  .conf-title { font-size: 36px; padding-top: 46px; }
  .conf-title::before { width: 36px; height: 36px; }
  /* 冲突矿场管理 e */
  /* 廉洁建设 s */
  .honest-word .title { font-size: 18px; }
  .honest-word .text { font-size: 24px; }
  .honest-module ul li .title { font-size: 20px; }
  /* 廉洁建设 e */
  /* 联系我们 s */
  /* 联系我们 e */
  /* GMS s */
  .gms-module .figure { margin-right: -100px; }
  /* GMS e */
  /* 创新设计 s */
  .design-process { padding-top: 290px; padding-bottom: 390px; }
  .design-process:after { width: 910px; padding-bottom: 1000px; }
  .process-tabbox { min-height: 506px; }
  .process-unit { padding-bottom: 100px; }
  .process-unit .process-num { font-size: 110px; }
  .process-unit .process-tips { padding-top: 30px; }
  .process-unit .process-tips .title { font-size: 60px; }
  .process-cell .process-link { font-size: 24px; }
  .process-cell .stitle { font-size: 30px; letter-spacing: 8px; }
  .process-offset { top: 260px; }
  .design-innovate { padding-top: 180px; padding-bottom: 90px; margin-top: -390px; }
  .team-wrapper { padding-top: 65px; }
  /* 创新设计 e */ }


.pagination { text-align: center; display: none; }

.viewmore-module { display: block; width: 100%; text-align: center; background-color: #007757; 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; }

.mobile-viewmore { text-align: center; }

@media (min-width: 1024px) { .viewmore-module { display: none; }
  .mobile-viewmore { 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; } }


/*----网站地图 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: #007757; }

.sitemapcont2 dl dt a:hover { color: #076a57; }

.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: #076a57; }
  .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: #007757; }

.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: #007757; 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: #007757; text-align: center; font-family: "Microsoft YaHei"; }

.searchinputcont401 dd input:hover { background-color: #076a57; }

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

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



.imgboxbox{text-align:center;}
.imgboxbox img{width:100%;display:block;margin:0 auto;}
.mobile_showbox{display:none;}


.bgimg{background-position: center;background-repeat: no-repeat;background-size: cover;}
.ctd_main{padding: 140px 0;}
.ctd_main .ctdma_text{text-align: center;color: #fff;}
.ctd_main .ctdma_text h2{font-size: 40px;padding: 0;margin: 0;}
.ctd_main .ctdma_text p{margin-top: 20px;font-size: 16px;line-height:30px;}
.kcxfz_content{position: relative;}
.kcxfz_main{margin: 60px auto;}
.kcxfz_content .right{padding-top: 30px;    padding-left: 250px;}
.kcxfz_content .right .rightbox{background: #f5f5f5;padding: 30px 0;min-height: 360px;padding-left: 40%;padding-right: 60px;}
.kcxfz_content .right .rightbox h2{font-size: 30px;position: relative;padding-bottom: 10px;margin-bottom: 30px;display: inline-block;}
.kcxfz_content .right .rightbox h2::after{display: block;content: "";content: '';width: 30%;height: 2px;background-color: #c7000b;position: absolute;left:0;bottom: 0;min-width: 35px;}
.kcxfz_content .right .rightbox .kcdesc{font-size: 16px;line-height: 30px;}
.kcxfz_content .left{width: 585px;position: absolute;left: 0;top: 0;}
.kcxfz_content .left img{width: 100%;display: block;}
.subtitle_link{display: flex;flex-wrap: wrap;margin-top: 50px;}
.subtitle_link a{text-decoration: none;color: #333;border: 1px solid #8c8888;padding: 10px 15px;}
.subtitle_link a:first-child{margin-right: 15px;}
.subtitle_link a:hover{background: #007a53;border-color: #007a53;color: #fff;}
.product_img_mobile{display:none;}

 @media (max-width: 1260px){
    .kcxfz_content .left{position: static;width: 100%;order: 2;}
    .kcxfz_content .right{padding: 0;order: 1;width: 100%;margin-bottom: 30px;text-align: center;}
    .kcxfz_content .right .rightbox h2::after{left: 50%;transform: translateX(-50%);}
    .kcxfz_content .right .rightbox{background: none;min-height: inherit;padding: 0;}
    .kcxfz_content{display: flex;flex-wrap: wrap;}
    .subtitle_link{justify-content: center;}
    .ctd_main .ctdma_text h2{font-size: 30px;}
}
@media (max-width: 768px){
    .ctd_main .ctdma_text p br{display: none;}
    .ctd_main .ctdma_text h2{font-size: 22px;}
    .ctd_main .ctdma_text p{font-size: 14px;line-height: 24px;margin-top: 15px;}
    .ctd_main{padding: 80px 0;}
    .kcxfz_content .right .rightbox h2{font-size: 22px;margin-bottom: 15px;}
    .kcxfz_content .right .rightbox .kcdesc{font-size: 14px;line-height: 24px;}
    .subtitle_link{margin-top: 20px;}
    .subtitle_link a{font-size: 14px;}
    .kcxfz_main { margin: 30px auto;}
	.mobile_showbox{display:block;}
	.pc_showbox{display:none;}

	.product_img_mobile{display:block;}
	.product_img_pc{display:none;}
}