/*--公共部分--*/
@font-face { font-family: "Monts"; src: url("../../fonts/Montserrat-Regular_4.woff") format("woff"); font-weight: normal; font-style: normal; }

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

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

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

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

ul, li { list-style: none; }

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

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

*, :after, :before { -webkit-box-sizing: border-box; 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; 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-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; }

.swiper-wrapper { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-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*/ transition-timing-function: linear; margin: 0 auto; }

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

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

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; 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; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

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

.commonleft { float: none; }

.commonright { float: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 320px) { body { min-width: 320px; } }

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

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

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

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

.bd_weixin_popup { height: 310px !important; }

/* layout start*/
body { font-family: "SourceHanSansCN"; }

.wfont40, .wfont58 { font-size: 20px; }

.wfont36, .wfont35, .wfont32, .wfont30 { font-size: 18px; }

.wfont28, .wfont26, .wfont24, .wfont22 { font-size: 16px; }

.inside-page { padding-top: 20px; padding-bottom: 20px; }

.wpt100 { padding-top: 20px; }

.inside-title { text-align: center; padding-bottom: 10px; }

.inside-title h2 { font-weight: 500; }

@media (min-width: 768px) { .wfont58, .wfont40 { font-size: 24px; }
  .wfont36, .wfont35, .wfont32, .wfont30 { font-size: 20px; } }

@media (min-width: 1024px) { .wfont58 { font-size: 30px; line-height: 40px; }
  .wfont40 { font-size: 28px; }
  .wfont36, .wfont35, .wfont32, .wfont31, .wfont30 { font-size: 24px; }
  .wfont28, .wfont26, .wfont24, .wfont22 { font-size: 22px; }
  .inside-page { padding-top: 40px; padding-bottom: 40px; }
  .wpt100 { padding-top: 40px; }
  .inside-title { padding-bottom: 22px; }
  .fl { float: left; }
  .fr { float: right; } }

@media (min-width: 1260px) { .wfont58 { font-size: 40px; line-height: 50px; }
  .wfont40 { font-size: 32px; line-height: 32px; }
  .wfont36, .wfont35, .wfont32, .wfont31, .wfont30 { font-size: 30px; }
  .wfont28 { font-size: 28px; }
  .wfont26 { font-size: 26px; }
  .wfont24 { font-size: 24px; }
  .inside-page { padding-top: 100px; padding-bottom: 100px; }
  .wpt100 { padding-top: 100px; } }

@media (min-width: 1440px) { .wfont58 { font-size: 58px; line-height: 60px; }
  .wfont40 { font-size: 40px; line-height: 40px; }
  .wfont36 { font-size: 36px; line-height: 36px; }
  .wfont35 { font-size: 35px; line-height: 35px; }
  .wfont32 { font-size: 32px; line-height: 32px; }
  .wfont31 { font-size: 31px; line-height: 32px; } }


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

@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: 40px; top: 50%; margin-top: -25px; }

.swiper-small-prev:after, .swiper-small-next:after { content: ''; width: 20px; height: 20px; border: 2px solid #fff; border-right: none; border-bottom: none; -webkit-transition: all 0.3s; 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); transform: rotate(-45deg); }

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

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

.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; 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); transform: rotate(-45deg); margin-left: 4px; }

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

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

.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; 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; 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); transform: rotate(-45deg); margin-left: 4px; }

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

@media (min-width: 1024px) { .swiper-circle-prev:hover, .swiper-circle-next:hover { border-color: #009cb6; }
  .swiper-circle-prev:hover:after, .swiper-circle-next:hover:after { border-color: #009cb6; }
  .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-pic-prev, .swiper-pic-next { display: none; cursor: pointer; width: 40px; height: 40px; background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; z-index: 33; position: absolute; top: 50%; margin-top: -20px; -webkit-transition: background 0.3s; transition: background 0.3s; }

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

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

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

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

@media (min-width: 1440px) { .swiper-pic-prev { width: 50px; height: 50px; margin-top: -25px; }
  .swiper-pic-next { width: 50px; height: 50px; margin-top: -25px; } }


/* 视频播放*/
.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); 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); 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%); 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 .img { display: block; position: relative; height: 300px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.indexbanner ul .inban-info { width: 100%; position: absolute; left: 0; top: 40%; color: #1d1340; font-size: 12px; }

.indexbanner ul .inban-info .cn { font-size: 18px; font-weight: 500; }

.indexbanner ul .inban-info .en { font-family: "Century"; font-weight: bold; font-size: 16px; line-height: 18px; margin: 5px 0 10px; }

.indexbanner ul .inban-info .index-more { display: inline-block; border: solid 1px #1d1340; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 10px; height: 25px; line-height: 25px; }

.indexb-dots { position: absolute; bottom: 5px; left: 0; right: 0; text-align: center; z-index: 3; }

.indexb-dots span { display: inline-block; background-color: #928ea0; margin: 0 5px; width: 30px; height: 2px; }

.indexb-dots .swiper-pagination-bullet-active { background-color: #32b4b0; }

.inxban-btn { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 2; display: none; }

.inxban-btn span { display: block; cursor: pointer; width: 13px; height: 13px; border-top: 1px solid #fff; border-left: 1px solid #fff; position: absolute; opacity: 0.3; }

.inxban-btn span::before { content: ""; display: block; width: 25px; height: 25px; border: 1px solid #fff; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: -10px; top: -10px; }

.inxban-btn .inxban-prev { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 15px; }

.inxban-btn .inxban-next { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 15px; }

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

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

@media (min-width: 440px) { .indexbanner ul li .img { width: 100%; height: auto; } }

@media (min-width: 768px) { .indexbanner ul .inban-info .cn { font-size: 24px; line-height: 30px; }
  .indexbanner ul .inban-info .en { font-size: 20px; margin: 10px 0 20px; line-height: 26px; }
  .indexbanner ul .inban-info .index-more { padding: 0 20px; height: 30px; line-height: 30px; } }

/* banner e*/
@media (min-width: 1024px) { .indexbanner ul .inban-info .cn { font-size: 30px; line-height: 40px; }
  .indexbanner ul .inban-info .en { font-size: 30px; line-height: 34px; margin: 15px 0 30px; }
  .indexbanner ul .inban-info .index-more { font-size: 16px; padding: 0 40px; height: 40px; line-height: 40px; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
  .indexbanner ul .inban-info .index-more:hover { background-color: #058cd8; color: #fff; }
  .indexbanner ul .info-one { -webkit-transition: all 400ms; transition: all 400ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
  .indexbanner ul .info-two { -webkit-transition: all 800ms; transition: all 800ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
  .indexbanner ul .info-three { -webkit-transition: all 1000ms; transition: all 1000ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
  .indexbanner ul li.active .info-one, .indexbanner ul li.active .info-two, .indexbanner ul li.active .info-three { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .indexb-dots { bottom: 21px; }
  .indexb-dots span { margin: 0 5px; width: 50px; height: 3px; } }

/* banner e*/
@media (min-width: 1260px) { .indexbanner ul .inban-info { top: 46%; }
  .indexbanner ul .inban-info .cn { font-size: 40px; line-height: 50px; }
  .indexbanner ul .inban-info .en { font-size: 38px; line-height: 48px; margin: 20px 0 47px; }
  .indexb-dots { bottom: 41px; }
  .indexb-dots span { margin: 0 10px; width: 80px; height: 3px; } }

@media (min-width: 1440px) { .indexbanner ul .inban-info .cn { font-size: 58px; line-height: 60px; } }

.header-top { position: absolute; top: 0; left: 0; right: 0; z-index: 60; height: 59px; padding: 10px 0 0 0; }

.indexHeader { position: fixed; }

.header-top.shawo { position: fixed; background: #FFffff; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); }

.header-top.active, .header-top.cur, .header-top.shawo, .header-top.header-black { background-color: #FFffff; -webkit-box-shadow: 0 5px 10px -5px #eae8eb; box-shadow: 0 5px 10px -5px #eae8eb; }

.header-top.active .logo .ac, .header-top.cur .logo .ac, .header-top.shawo .logo .ac, .header-top.header-black .logo .ac { opacity: 1; }

.header-top.active .logo .ac.hide, .header-top.cur .logo .ac.hide, .header-top.shawo .logo .ac.hide, .header-top.header-black .logo .ac.hide { opacity: 0; }

.logo { position: absolute; z-index: 9; right: 20px; top: 14px; }

.logo img { height: 30px; }

.logo .ac { position: absolute; left: 0; top: 0; opacity: 1; }

.logo .ac.show { opacity: 1; }

.head-ctrl { position: absolute; top: 0; left: 0; z-index: 9; background-color: #058cd8; padding: 21px 17px; }

.head-ctrl .menu-handle { width: 23px; height: 17px; position: relative; display: block; }

.head-ctrl .menu-handle span { width: 23px; height: 2px; background: #ffffff; position: absolute; left: 0; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }

.head-ctrl .menu-handle span:first-child { top: 2px; }

.head-ctrl .menu-handle span:nth-child(2) { top: 8px; }

.head-ctrl .menu-handle span:last-child { bottom: 1px; }

.head-ctrl .menu-handle.cur span:first-child { -webkit-transform: translate(0, 5px) rotate(45deg); -ms-transform: translate(0, 5px) rotate(45deg); transform: translate(0, 5px) rotate(45deg); }

.head-ctrl .menu-handle.cur span:nth-child(2) { opacity: 0; }

.head-ctrl .menu-handle.cur span:last-child { -webkit-transform: translate(0, -7px) rotate(-45deg); -ms-transform: translate(0, -7px) rotate(-45deg); transform: translate(0, -7px) rotate(-45deg); }

.header-nav { position: fixed; top: 59px; width: 100%; left: 0; height: 100%; background: #ffffff; padding: 0; display: none; overflow-y: auto; padding-bottom: 190px; }

.header-nav li { position: relative; border-bottom: 1px solid #dddddd; padding: 0 20px; }

.header-nav li h3 { font-size: 14px; position: relative; }

.header-nav li h3 a { display: block; padding: 20px 0; }

.header-nav li h3 .num { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 5px; font-family: Arial; font-weight: lighter; color: #8adbee; font-size: 20px; }

.header-nav li.cur .phsearchicon:after { transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 24px; }

.sub-nav { display: none; width: 100%; z-index: 3; padding: 0 0 15px 25px; }

.sub-item a { display: block; text-align: left; padding: 6px 0; }

.phsearchicon { display: block; position: absolute; right: 0; top: 0; cursor: pointer; height: 100%; width: 70%; }

.phsearchicon:after { content: ""; position: absolute; top: 29px; right: 10px; width: 10px; height: 10px; border-right: 1px solid #bebebe; border-top: 1px solid #bebebe; border-left: 0; border-bottom: 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.full-main-nav { display: none; }

.headerweb { padding: 0 20px; }

.languageEdition { left: 70px; top: 20px; position: absolute; white-space: nowrap; color: #d3d3d3; z-index: 89; }

.languageEdition span { padding: 0px 5px; color: #333; }

.languageEdition a { color: #333; }

.languageEdition a.cur { color: #333; }

.header-top.shawo .languageEdition { color: #999; }

.header-top.shawo .languageEdition a { color: #999; }

.header-top.shawo .languageEdition a.cur { color: #333; }

@media (max-width: 1260px) { .btn-search { padding-left: 0px; padding-top: 0; position: absolute; cursor: pointer; right: 56px; top: 18px; height: auto; }
  #search-form { width: 300px; top: 42px; left: 0; }
  #search-form input[type="submit"] { width: 50px; } }

@media (min-width: 1260px) { .logo { top: 24px; right: 40px; }
  .logo img { height: 40px; }
  .languageEdition { left: 40px; top: 35px; }
  .head-ctrl { padding: 31px 28px; display: none; }
  .head-ctrl .menu-handle { height: 19px; }
  .head-ctrl .menu-handle span:nth-child(2) { top: 9px; }
  .head-ctrl .menu-handle.cur span:last-child { -webkit-transform: translate(0, -9px) rotate(-45deg); -ms-transform: translate(0, -9px) rotate(-45deg); transform: translate(0, -9px) rotate(-45deg); }
  .header-top { padding: 26px 0 0; height: 95px; }
  .headerweb { padding: 0 40px; }
  .header-top.active, .header-top.cur, .header-top.shawo, .header-top.header-black { background: transparent; -webkit-box-shadow: none; box-shadow: none; }
  .header-top.active .header-nav li.cur h3 a, .header-top.cur .header-nav li.cur h3 a, .header-top.shawo .header-nav li.cur h3 a, .header-top.header-black .header-nav li.cur h3 a { color: #8adbee; }
  .header-top.active .header-nav li h3 a, .header-top.cur .header-nav li h3 a, .header-top.shawo .header-nav li h3 a, .header-top.header-black .header-nav li h3 a { color: #333333; }
  .sub-nav { display: block; position: absolute; z-index: -99; left: -10px; right: -10px; padding: 10px 0px; width: auto; top: 32px; opacity: 0; visibility: hidden; -webkit-transition: all .6s ease; transition: all .6s ease; }
  .sub-nav a { padding: 8px 0px; text-align: center; }
  .sub-nav a:hover { color: #058cd8; }
  .languageEdition span { margin: 0 5px; }
  .header-nav { position: absolute; display: block; top: 35px; background: none; height: auto; width: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; padding: 0px 60px 0px 0px; text-align: center; overflow: visible; }
  .header-nav ul li { border: none; display: inline-block; padding: 0px 0px 20px; margin: 0px 8px; }
  .header-nav ul li h3 a { padding: 0px; color: #ffffff; font-size: 16px; border-bottom: 2px solid transparent; }
  .header-nav ul li:hover > .sub-nav { z-index: 9; opacity: 1; visibility: visible; }
  .header-nav ul li:hover > h3 a { border-bottom: 2px solid #059cde; }
  .headerhoverBg { background: #fff; height: 400px; width: 100%; position: fixed; left: 0px; top: 0px; z-index: 50; display: none; }
  .headerhover { background-color: transparent !important; }
  .headerhover .header-nav ul li h3 a { color: #333; }
  .headerhover .logo img { opacity: 0; }
  .headerhover .logo .ac { opacity: 1; }
  .headerhover .languageEdition a { color: #999; }
  .headerhover .languageEdition a.cur { color: #333; }
  .phsearchicon { display: none; }
  .full-main-nav { display: block; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; -webkit-transition: all ease .5s; transition: all ease .5s; width: 100%; height: 100%; overflow: hidden; }
  .full-main-nav .full-navbg { position: relative; z-index: 3; height: 100%; overflow: hidden; background: url(../images/navlibg2.jpg) no-repeat center; background-size: cover; }
  .full-main-nav .full-navbg::before { content: ''; position: absolute; left: 50%; top: 0; z-index: 2; width: 81.25%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: none; height: 100%; background-repeat: repeat-y; background-position: center 0; background-size: 100% auto; /* background-image: url(../images/linebg.png);*/ display: none; }
  .full-main-nav::before { content: ''; position: absolute; left: 50%; top: 0; z-index: 2; width: 81.25%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: none; height: 100%; background-repeat: repeat-y; background-position: center 0; background-size: 100% auto; /*background-image: url(../images/linebg02.png);*/ }
  .full-main-nav .nav-swiper { position: relative; z-index: 3; height: 100%; overflow: visible; }
  .full-main-nav .nav-swiper li { width: 14.285714285714286%; border-right: 1px solid #f0f0f0; background-color: #ffffff; }
  .full-main-nav .nav-swiper li:hover { background: none; }
  .full-main-nav .nav-swiper li:last-child { border: 0; }
  .full-main-nav .nav-swiper li a { -webkit-transition: all ease .3s; transition: all ease .3s; }
  .full-main-nav .nav-swiper li:hover .libg { opacity: 1; -webkit-transition: all ease .5s; transition: all ease .5s; }
  .full-main-nav .nav-swiper li:hover a { color: #ffffff; }
  .full-main-nav .nav-swiper li:hover a { opacity: 1; }
  .full-main-nav .nav-swiper li .subnav { opacity: 1; text-align: center; }
  .full-main-nav .nav-swiper .swiper-slide:hover .id, .full-main-nav .nav-swiper .swiper-slide:hover .title, .full-main-nav .nav-swiper .swiper-slide:hover .subnav { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
  .full-main-nav .nav-swiper li:hover .title { width: 100%; }
  .full-main-nav .nav-swiper li:hover .id:before { opacity: 1; }
  .full-main-nav .nav-swiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
  .full-main-nav.active { z-index: 51; opacity: 1; }
  .full-main-nav.active li { top: 0; opacity: 1; }
  .full-main-nav li { position: relative; top: -40px; opacity: 0; -webkit-transition-duration: 0.5s, 0.5s, 0.5s; transition-duration: 0.5s, 0.5s, 0.5s; -webkit-transition-property: opacity, top; transition-property: opacity, top; }
  .full-main-nav li:nth-child(1) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
  .full-main-nav li:nth-child(2) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
  .full-main-nav li:nth-child(3) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
  .full-main-nav li:nth-child(4) { -webkit-transition-delay: 1s; transition-delay: 1s; }
  .full-main-nav li:nth-child(5) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
  .full-main-nav li:nth-child(6) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
  .full-main-nav li:nth-child(7) { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; }
  .full-main-nav li .id { -webkit-transition: all ease .5s; transition: all ease .5s; font-size: 56px; line-height: 56px; color: #f6f6f6; font-family: DINEng; text-align: center; }
  .full-main-nav li .id::before { content: ''; display: block; width: 1px; height: 62px; background-color: #00b9fc; margin: 0 auto 25px; opacity: 0; }
  .full-main-nav li .full-text { position: absolute; left: 0; top: 29%; width: 100%; }
  .full-main-nav li .title { -webkit-transition: all ease .5s; transition: all ease .5s; text-align: center; font-size: 24px; color: #545454; line-height: 28px; margin: 57px 0 29px; }
  .full-main-nav li .subnav { -webkit-transition: all ease .5s; transition: all ease .5s; font-size: 14px; line-height: 28px; }
  .full-main-nav li .subnav a { color: #9a9a9a; } }

@media (min-width: 1600px) { .indexbody .header-top.active, .indexbody .header-top.shawo, .indexbody .header-top.header-black { background: transparent; }
  .full-main-nav li .id { font-size: 88px; line-height: 88px; }
  .full-main-nav li .id::before { margin-bottom: 86px; }
  .logo { right: 70px; } }

.footer { margin-top: 0px; background: url(../images/footbg.jpg) no-repeat 0 0; background-size: cover; padding: 20px 0; color: #ffffff; overflow: hidden; }

.footer a { color: #ffffff; }

.footer-top { padding: 0 0 20px; }

.footer-top ul { font-size: 0; margin: 0; }

.footer-top ul li { font-size: 14px; width: 100%; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); line-height: 40px; }

.footer-top ul li p { display: none; }

.footer-top ul li:last-child { margin: 0px; border-bottom: none; }

.footer-bot { border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 20px 0; }

.footer-bot .flogo { padding: 0 0 10px; }

.footer-bot .flogo img { height: 46px; }

.footer-bot .address { padding: 5px 0 0; }

@media (min-width: 1024px) { .footer { padding: 50px 0 30px; }
  .footer a:hover { color: #058cd8; }
  .footer-top ul { margin: 0; }
  .footer-top ul li { float: left; width: -webkit-calc(100% / 7); width: calc(100% / 7); padding: 0 0 12px; font-size: 16px; line-height: 24px; border-bottom: none; }
  .footer-top ul li p { padding-top: 10px; display: block; }
  .footer-top ul li p > a { display: block; line-height: 34px; font-size: 14px; color: rgba(255, 255, 255, 0.4); }
  .footer-top ul li p > a:hover { color: #fff; }
  .footer-top ul li:last-child { width: auto; }
  .footer-bot { padding: 35px 0 0; }
  .footer-bot .left { float: left; }
  .footer-bot .right { float: right; text-align: right; line-height: 22px; }
  .footer-bot .address { padding: 15px 0 0; } }


@import url("//at.alicdn.com/t/font_2762266_vnbuice9uyr.css");
/*--banner--*/
.commonBanner { width: 100%; position: relative; overflow: hidden; }

.commonBanner .bigImg { display: block; position: relative; height: 280px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

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

.commonBannerText p svg { width: 100%; height: 60px; }

.commonBannerText p svg text { dominant-baseline: middle; text-anchor: middle; font-size: 30px; font-weight: 900; fill: rgba(0, 0, 0, 0); stroke: rgba(255, 255, 255, 0.6); stroke-width: .3; text-transform: uppercase; }

.commonBannerText h3 { color: #fff; font-size: 20px; letter-spacing: 5px; padding-left: 0px; line-height: 24px; }

.commonBannerText p.policyText text { font-size: 32px; }

.commonBannerText p.videoBtn { padding-top: 20px; }

.commonBannerText p.videoBtn span { width: 40px; height: 40px; -webkit-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(255, 255, 255, 0.6); cursor: pointer; margin: 0px auto; display: block; position: relative; }

.commonBannerText p.videoBtn span::after { border: 10px solid transparent; border-top-width: 6px; border-bottom-width: 6px; position: absolute; left: 55%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; border-right: none; border-left-color: #fff; }

.container { padding: 0px 10px; margin: 0px auto; position: relative; z-index: 2; }

.Classlistbox { margin-top: 0px; padding: 15px 0px 0px; }

.Classlistbox ul { padding-top: 7px; }

.Classlistbox ul li { margin-top: 3px; border: 2px solid #f6f6f6; }

.Classlistbox ul li > a { display: block; line-height: 62px; padding-left: 30px; color: #828282; background: #f6f6f6; font-size: 16px; position: relative; }

.Classlistbox ul li > a::after { position: absolute; content: ''; right: 30px; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); width: 10px; height: 10px; border: 2px solid #828282; border-left: none; border-top: none; }

.Classlistbox ul li p { display: none; }

.Classlistbox ul li p a { display: block; line-height: 62px; padding-left: 30px; color: #999999; border-top: 2px solid #e1e1e1; font-size: 16px; position: relative; }

.Classlistbox ul li p a::after { position: absolute; content: ''; right: 30px; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); width: 10px; height: 10px; border: 2px solid #999999; border-left: none; border-top: none; }

.Classlistbox ul li p a:hover { color: #058cd8; }

.Classlistbox ul li p a:hover::after { border-color: #058cd8; }

.Classlistbox ul li p a.cur { color: #058cd8; }

.Classlistbox ul li p a.cur::after { border-color: #058cd8; }

.Classlistbox ul li.cur { border-color: #058cd8; background: #fff; color: #000000; }

.Classlistbox ul li.cur > a { background: #fff; color: #000000; }

.Classlistbox ul li.cur > a::after { border-color: #333333; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.Classlistbox ul li.cur p { display: block; }

.Classlistbox ul li:hover { border-color: #058cd8; background: #fff; color: #000000; }

.Classlistbox ul li:hover > a { background: #fff; color: #000000; }

.Classlistbox ul li:hover > a::after { border-color: #333333; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.ClasslistTitle { -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; background: #058cd8; height: 167px; text-align: center; padding-top: 50px; }

.ClasslistTitle p { font-size: 12px; color: rgba(255, 255, 255, 0.3); text-transform: uppercase; letter-spacing: 3px; padding-left: 0px; }

.ClasslistTitle h3 { font-size: 24px; color: #ccedff; padding-top: 10px; }

.contentBox { padding: 30px 15px; }

.contentTitle { border-bottom: 2px solid #d2d2d2; padding-bottom: 15px; }

.contentTitle h3 { font-size: 18px; color: #333333; position: relative; float: left; line-height: 35px; }

.contentTitle h3::after { content: ''; position: absolute; right: -20px; top: -2px; width: 8px; height: 8px; background: #058cd8; }

.contentTitle .location { padding-bottom: 15px; }

.location { padding-top: 8px; color: #999999; }

.location a { padding: 0px 5px; font-size: 13px; color: #999999; line-height: 17px; }

.location a.cur { color: #333333; }

.location a:nth-child(1) { padding-left: 0px; }

.detailLocation { padding-top: 8px; color: #999999; text-align: right; }

.detailLocation a { padding: 0px 10px; font-size: 13px; color: #999999; line-height: 17px; }

.detailLocation a img { display: inline-block; }

.detailLocation a.cur { color: #333333; }

.detailLocation a:nth-child(1) { padding-left: 0px; }

.detaiClassTitle { font-size: 16px; color: #666666; padding-top: 15px; }

.newsList li { border-bottom: 1px solid #dcdbdb; position: relative; }

.newsList li span { line-height: 50px; font-size: 14px; float: right; color: #999999; margin-left: 15px; position: relative; z-index: 2; }

.newsList li a { line-height: 50px; height: 50px; font-size: 16px; color: #333333; position: relative; z-index: 2; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.newsList li::after { right: -10px; left: -10px; height: 100%; position: absolute; top: 0px; }

.newsList li:hover::after { background: #f4fafd; content: ''; }

.commonMore { text-align: center; padding-top: 20px; clear:both;}

.commonMore a { display: inline-block; width: 130px; line-height: 40px; color: #333333; font-size: 12px; -webkit-border-radius: 40px; border-radius: 40px; border: 2px solid #058cd8; }

.detailTitle { padding-top: 15px; padding-bottom: 25px; border-bottom: 2px solid #f0f0f0; position: relative; }

.detailTitle h1 { color: #000000; font-size: 20px; line-height: 28px; }

.detailTitle .time { text-align: center; color: #999999; font-size: 14px; padding-top: 10px; }

.detailbox { padding-right: 0px; background: #f9fbfe;}

.detailContent { font-size: 14px; color: #666; line-height: 2; padding: 35px 1rem 40px 0; text-align: justify; }

.detailContent p { margin: 0px 0px 15px; text-indent: 2em; }

.detailContent img { display: block; max-width: 100%; margin: 0px auto; }

.UpperAndLower a { height: 40px; display: block; width: 100%; background: #f2f8ff; position: relative; }

.UpperAndLower a:hover { background: #caecff; }

.UpperAndLower a::after { position: absolute; width: 33px; height: 15px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; display: block; background-repeat: no-repeat; }

.UpperAndLower .Prev { float: left; width: -webkit-calc(50% - 1px); width: calc(50% - 1px); }

.UpperAndLower .Prev a::after { background-image: url(../images/Prev_01.png); }

.UpperAndLower .Prev:hover a::after { background-image: url(../images/Prev_02.png); }

.UpperAndLower .Next { float: right; width: -webkit-calc(50% - 1px); width: calc(50% - 1px); }

.UpperAndLower .Next a::after { background-image: url(../images/Next_01.png); }

.UpperAndLower .Next:hover a::after { background-image: url(../images/Next_02.png); }

.share { position: absolute; right: 0px; bottom: -25px; }

.share span { cursor: pointer; z-index: 3; display: block; width: 38px; height: 38px; position: relative; background: #058cd8; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 0px 6px rgba(5, 140, 216, 0.5); box-shadow: 0px 0px 6px rgba(5, 140, 216, 0.5); }

.share span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.share span img { width: 20px; }

.share p { position: absolute; top: 0px; width: 100%; background: #f5f5f5; -webkit-border-radius: 38px; border-radius: 38px; display: none; padding: 40px 0px 20px; }

.share p a { display: block; width: 25px; margin: 8px auto 0px !important; opacity: 1; float: none; padding: 0px !important; height: 25px; background-size: 25px; background-repeat: no-repeat; -webkit-transition: all .4s ease; transition: all .4s ease; }

.share p a.weixin { background-image: url(../images/share_001.png); }

.share p a.weixin:hover { background-image: url(../images/share_01.png); }

.share p a.weibo { background-image: url(../images/share_002.png); }

.share p a.weibo:hover { background-image: url(../images/share_02.png); }

.share p a.QQ { background-image: url(../images/share_003.png); }

.share p a.QQ:hover { background-image: url(../images/share_03.png); }

.imagelistBg { padding-top: 20px; background: #f6f6f6; margin-bottom: -20px; padding-bottom: 40px; }

.imagelistBox { margin-top: 0px; padding: 30px 15px; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; }

.imagelistTitle { font-size: 20px; line-height: 24px; padding-bottom: 20px; text-align: center; color: #000000; }

.imagelistCarousel { overflow: hidden; position: relative; }

.imageContentbox { overflow: hidden; }

.imageContentbox img { display: block; width: 100%; position: relative; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; }

.imageContent { position: relative; padding: 15px 15px 30px; background: #058cd8; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; }

.imageContent .time { color: #fff; font-size: 14px; }

.imageContent h3 { color: #fff; font-size: 16px; }

.imageContent .desc { margin-top: 5px; color: rgba(255, 255, 255, 0.7); font-size: 12px; }

.imagelistCarouselDot { position: absolute; right: 0px; width: 395px; bottom: 2%; padding-left: 40px; z-index: 30; }

.imagelistCarouselDot span { width: 6px; height: 6px; -webkit-border-radius: 0px; border-radius: 0px; background: #50afe4; display: inline-block; margin-right: 6px; }

.imagelistCarouselDot span.swiper-pagination-bullet-active { width: 20px; background: #8ed6ff; }

.imagelistSearch { padding: 20px 0px; }

.imagelistSearch p { position: relative; }

.imagelistSearch p label { display: block; width: 100%; border: 1px solid #c6c7cb; padding: 12px 130px 12px 15px; }

.imagelistSearch p label input { width: 100%; float: left; background: none; border: none; outline: none; color: #333333; }

.imagelistSearch p .btn { position: absolute; right: 0px; width: 120px; height: 100%; top: 0px; background: #333333 url(../images/Search_01.png) no-repeat center; }

.imagelist ul { margin: 0px -2.5px; }

.imagelist ul li { padding: 0px 2.5px 20px; position: relative; }

.imagelist ul li::after { background: #3465ae; width: 70%; height: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 0px 75px #3465ae; box-shadow: 0px 0px 75px #3465ae; }

.imagelist ul li img { display: block; position: relative; z-index: 2; width: 100%; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }

.imagelist ul li .imagelistContent { padding: 15px; position: relative; background: #fff; border: 1px solid #eeeeee; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; z-index: 9; }

.imagelist ul li .imagelistContent h3 { font-size: 16px; color: #333333; }

.imagelist ul li .imagelistContent p { font-size: 14px; color: #a8a8a8; margin-top: 5px; }

.imagelist ul li:hover::after { content: ''; }

.newsImgList { padding: 30px 0px 40px; }

.newsImgList h2 { font-size: 20px; line-height: 24px; text-align: center; color: #000000; padding-bottom: 20px; font-weight: 700; }

.newsImgList ul { margin: 0px -15px; display:flex; flex-wrap:wrap;}

.newsImgList ul li { padding: 0px 15px 20px; position: relative; }

/* .newsImgList ul li::after { background: #3465ae; width: 70%; height: 10%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 0px 75px #3465ae; box-shadow: 0px 0px 75px #3465ae; } */
.newsImgList ul li::after { background: #3465ae; width: 70%; height:10%; position: absolute; left: 50%; -webkit-transform: translate(-50%, -110%); -ms-transform: translate(-50%, -110%); transform: translate(-50%, -110%); -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 0px 50px #3465ae; box-shadow: 0px 0px 50px #3465ae; }
.newsImgList ul li img { display: block; position: relative; z-index: 2; width: 100%; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }

.newsImgList ul li .newsImgListContent { padding: 15px; position: relative; background: #fff; border: 1px solid #eeeeee; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; z-index: 9; }

.newsImgList ul li .newsImgListContent h3 { font-size: 16px; color: #333333; }

.newsImgList ul li .newsImgListContent p { font-size: 14px; color: #a8a8a8; margin-top: 5px; }

.newsImgList ul li:hover::after { content: ''; }

.imageDetailBox { background: #fff; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px 15px 35px; }

.textList ul { margin: 0px -10px; }

.textList ul li { padding: 0px 10px 20px; position: relative; }

.textList ul li .textListContent { position: relative; background: #f6f6f6; padding: 20px 15px 10px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 9; position: relative; }

.textList ul li .textListContent h3 { font-size: 18px; color: #333333; }

.textList ul li .textListContent p.desc { font-size: 14px; color: #828282; line-height: 22px; margin-top: 10px; }

.textList ul li .textListContent p.time { font-size: 12px; color: #999999; margin-top: 10px; }

.textList ul li:hover::after { content: ''; }

.imageDetailBox .share { left: 0px; right: auto; }

.imageDetailBox .detailbox { padding: 0px; }

.newsDetailBox { background: #fff; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px 15px 0px; }

.newsDetailBox .share { left: 0px; right: auto; }

.newsDetailBox .detailbox { padding: 0px 0px 40px; }

.hideScroll { overflow: hidden; }

.policyTitle { font-size: 18px; padding-top: 30px; padding-bottom: 20px; line-height: 24px; text-align: center; color: #000000; font-weight: 700; }

.InnovationDetail h2 { font-size: 18px; padding-top: 30px; padding-bottom: 20px; line-height: 24px; text-align: center; color: #000000; font-weight: 700; }

.policyList { overflow: hidden; position: relative; }

.policyList dl { padding-bottom: 30px; }

.policyList dl dt img { display: block; width: 100%; }

.policyList dl dd { padding: 15px 15px 0px; }

.policyList dl dd h3 { font-size: 18px; color: #333333; line-height: 22px; font-weight: 700; position: relative; padding-top: 15px; }

.policyList dl dd h3::after { content: ''; position: absolute; left: 0px; top: 0px; width: 10px; height: 10px; -webkit-border-radius: 100%; border-radius: 100%; background: #058cd8; }

.policyList dl dd .descBox { margin-top: 10px; }

.policyList dl dd .descBox p { font-size: 12px; color: #666666; line-height: 20px; }

.policyList dl dd .descBox .ApplicationBtn { padding-top: 10px; }

.policyList dl dd .descBox .ApplicationBtn a { display: block; width: 120px; line-height: 40px; background: #d2efff; color: #058cd8; -webkit-border-radius: 40px; border-radius: 40px; font-size: 14px; font-weight: 700; text-align: center; }

.policyList dl .icon { display: none; }

.policyDetailClass { overflow-x: auto; white-space: nowrap; text-align: center; }

.policyDetailClass a { display: inline-block; border-bottom: 2px solid #dcdcdc; padding: 10px 0px; margin: 0px 5px; font-size: 14px; position: relative; }

.policyDetailClass a::after { position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); width: 10px; height: 10px; border: 2px solid #828282; border-left: none; border-top: none; }

.policyDetailClass a.cur { border-color: #058cd8; color: #058cd8; }

.policyDetailClass a.cur::after { border-color: #058cd8; background: #fff; color: #000000; }

.policyDetailClass a:hover { border-color: #058cd8; color: #058cd8; }

.policyDetailClass a:hover::after { border-color: #058cd8; background: #fff; color: #000000; }

.policyDetailContentbox { color: #999999; font-size: 14px; line-height: 22px; padding-bottom: 40px; padding-top: 30px; padding-right: 10px; padding-left: 10px; }

.policyDetailContentList { position: relative; padding-left: 35px; padding-bottom: 20px; }

.policyDetailContentList::after { content: ''; width: 1px; height: 100%; position: absolute; left: 10px; top: 0px; background: #dcdcdc; }

.policyDetailContentList .num { position: absolute; left: 0px; top: 0px; z-index: 9; width: 20px; height: 20px; -webkit-border-radius: 100%; border-radius: 100%; background: #058cd8; font-size: 14px; line-height: 20px; text-align: center; color: #fff; }

.policyDetailContentList .policyDetailTitle { font-size: 16px; color: #333333; font-weight: 700; padding-top: 5px; }

.policyDetailContentList .policyDetailContent { font-size: 14px; color: #666; line-height: 1.8; margin-top: 15px; }

.planningBg { background: #f7f7f7 url(../images/planning_01.jpg) no-repeat bottom; background-size: 100% auto; margin-bottom: -20px; }

.planningTitle { text-align: center; padding-top: 100px; color: #333333; font-size: 34px; line-height: 44px; font-weight: 700; }

.planningClass { padding-top: 20px; }

.planningClass ul { overflow-x: auto; white-space: nowrap; text-align: center; }

.planningClass ul li { display: inline-block; padding: 0px 1px; position: relative; }

.planningClass ul li a { display: block; line-height: 45px; padding: 0px 20px; color: #333333; font-size: 14px; font-weight: 700; background: #fff; text-align: center; position: relative; z-index: 2; }

.planningClass ul li:after { content: ''; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute; width: 75%; height: 63%; -webkit-box-shadow: 0px 0px 40px #0079bd; box-shadow: 0px 0px 40px #0079bd; background: #0079bd; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.planningClass ul li.cur a { background: #0d90d9; color: #fff; }

.planningClass ul li.cur:after { opacity: 1; visibility: visible; }

.planningClass ul li:hover:after { opacity: 1; visibility: visible; }

.planningClass ul li:hover a { background: #0d90d9; color: #fff; }

.planningClass ul li:nth-child(1) a { -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; }

.planningClass ul li:last-child a { -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; }

.planningListbox { padding: 35px 0px; }

.planningMap img { display: block; width: 100%; }

.planningList { position: relative; overflow: hidden; margin-top: 25px; }

.planningList ul li img { display: block; width: 100%; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; }

.planningList ul li .planningListContent { background: #fff; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; padding: 15px 15px 80px; }

.planningList ul li .planningListContent h3 { color: #333333; font-weight: 700; font-size: 16px; }

.planningList ul li .planningListContent p { color: #999999; font-size: 12px; line-height: 20px; margin-top: 10px; }

.SwitchBtn { bottom: 20px; left: 15px; position: absolute; z-index: 20; }

.SwitchBtn span { width: 35px; height: 35px; display: inline-block; background: #bbbbbb; position: relative; cursor: pointer; }

.SwitchBtn span::after { content: ''; display: block; border: 2px solid #fff; border-top: none; border-left: none; width: 10px; height: 10px; position: absolute; left: 55%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); }

.SwitchBtn span:nth-child(2)::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); left: 50%; }

.SwitchBtn span:hover { background: #32a1df; }

.HelloThereTitle { text-align: center; font-size: 16px; color: #058cd8; font-weight: 700; padding-top: 30px; }

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

.HelloThereIntro h3 { color: #484848; font-size: 24px; line-height: 1.2; font-weight: 700; padding-bottom: 15px; }

.HelloThereIntro p { color: #828282; font-size: 12px; line-height: 20px; }

.ThreebigIntro { overflow: hidden; }

.ThreebigIntro ul { padding: 20px 0px; margin: 10px auto 0px; max-width: 820px; position: relative; text-align: center; }

.ThreebigIntro ul li { float: left; position: relative; z-index: 9; vertical-align: middle; width: 33.333%; }

.ThreebigIntro ul li::before { position: absolute; width: 225px; top: 50%; z-index: 2; height: 1px; background: #f2f2f2; display: none; }

.ThreebigIntro ul li::after { position: absolute; width: 180px; height: 180px; display: none; z-index: 1; position: absolute; top: 0px; background: #f5f9f8; -webkit-border-radius: 100%; border-radius: 100%; }

.ThreebigIntro ul li:nth-child(1):before { content: ''; left: -225px; }

.ThreebigIntro ul li:nth-child(1):after { left: 130px; content: ''; }

.ThreebigIntro ul li div { width: 95px; height: 95px; line-height: 100px; font-size: 12px; margin: 0px auto; position: relative; z-index: 10; -webkit-border-radius: 100%; border-radius: 100%; font-weight: 700; color: #fff; vertical-align: middle; }

.ThreebigIntro ul li:nth-child(1) div { background: #00ac4f; }

.ThreebigIntro ul li:nth-child(2) { z-index: 10; }

.ThreebigIntro ul li:nth-child(2) div { width: 95px; height: 95px; line-height: 20px; font-size: 14px; background: #484848; font-weight: 700; }

.ThreebigIntro ul li:nth-child(2) div p { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.ThreebigIntro ul li:nth-child(2) div p img { height: 32px; display: block; margin: 0px auto 3px; }

.ThreebigIntro ul li:nth-child(3) div { background: #058cd8; }

.ThreebigIntro ul li:nth-child(3):after { left: -130px; content: ''; }

.ThreebigIntro ul li:nth-child(3):before { content: ''; left: 180px; }

.ThreebigIntro ul li div em { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 8px; line-height: 1px; display: none; }

.ThreebigIntro ul li div em i { display: inline-block; width: 8px; height: 8px; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px 40px 0px 0px; }

.ThreebigIntro ul li:nth-child(1) div em { left: -155px; }

.ThreebigIntro ul li:nth-child(1) div em i { background-color: #00ac4f; }

.ThreebigIntro ul li:nth-child(3) div em { right: -155px; }

.ThreebigIntro ul li:nth-child(3) div em i { background-color: #058cd8; margin: 0px 0px 0px 40px; }

.ThreebigIntro ul li:nth-child(2) div span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../images/HelloThere_01.png) no-repeat; width: 276px; height: 276px; display: none; }

.HelloThereVideo { margin-top: 10px; position: relative; margin-bottom: -20px; }

.HelloThereVideo span { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(255, 255, 255, 0.6); cursor: pointer; }

.HelloThereVideo span::after { border: 10px solid transparent; border-top-width: 6px; border-bottom-width: 6px; position: absolute; left: 55%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; border-right: none; border-left-color: #fff; }

.HelloThereVideo img { display: block; width: 100%; }

.serviceIntroBg { overflow: hidden; position: relative; }

.serviceTitle { text-align: center; font-size: 16px; font-weight: 700; color: #000000; padding-top: 30px; }

.serviceIntro dl { margin-top: 30px; }

.serviceIntro dt { position: relative; }

.serviceIntro dt img { display: block; width: 100%; -webkit-border-radius: 8px; border-radius: 8px; }

.serviceIntro dt span { display: none; width: 248px; position: absolute; left: -184px; top: 55px; }

.serviceIntro dd { padding-left: 0px; padding-top: 20px; }

.serviceIntro dd h3 { font-size: 20px; color: #058cd8; font-weight: 700; line-height: 1.1; white-space: nowrap; }

.serviceIntro dd h4 { font-size: 16px; color: #000000; font-weight: 700; line-height: 1.4; margin-top: 10px; }

.serviceIntro dd h4::after { content: ''; height: 5px; width: 35px; display: block; background: #b2e3ff; margin-top: 10px; }

.serviceIntro dd p { font-size: 12px; color: #828282; line-height: 20px; margin-top: 10px; }

.serviceExhibition { margin-top: 0px; overflow: hidden; position: relative; }

.serviceExhibition ul li { overflow: hidden; position: relative; }

.serviceExhibition ul li img { display: block; height: 300px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.serviceExhibition em { display: block; position: absolute; width: 35px; height: 35px; border: 2px solid rgba(255, 255, 255, 0.3); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; cursor: pointer; }

.serviceExhibition em i { display: block; position: absolute; width: 15px; height: 2px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; background: #fff; }

.serviceExhibition em i::after { content: ''; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); width: 10px; height: 10px; border: 2px solid #fff; border-left: none; border-top: none; }

.serviceExhibition em.serviceExhibitionPrev { left: 10px; }

.serviceExhibition em.serviceExhibitionNext { right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.serviceExhibition em.serviceExhibitionNext i::after { right: 0px; left: auto; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.serviceExhibitionText { position: absolute; left: 0px; top: 50%; padding: 0px 20px; color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; }

.serviceExhibitionText h3 { font-size: 20px; line-height: 1.2; }

.serviceExhibitionText p.icon { padding: 5px 0px; }

.serviceExhibitionText p.icon span { width: 15px; height: 2px; background: #fff; -webkit-transform: rotate(-55deg); -ms-transform: rotate(-55deg); transform: rotate(-55deg); display: inline-block; }

.serviceExhibitionText p.desc { font-size: 14px; padding-top: 20px; }

.serviceExhibitionContentBg { /*background: url(../images/service_06.jpg) no-repeat bottom; background-size: 100% auto;*/ padding-top: 35px; }

.serviceExhibitionClassbox { overflow: hidden; position: relative; }

.serviceExhibitionClass { position: relative; border-bottom: 2px solid #e3e3e3; }

.serviceExhibitionClass ul li { padding-bottom: 10px; width: 25%; text-align: center; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; }

.serviceExhibitionClass ul li span { width: 35px; height: 35px; display: block; margin: 0px auto; background-repeat: no-repeat; background-size: cover; }

.serviceExhibitionClass ul li p { font-size: 14px; color: #828282; padding-top: 10px; font-weight: 600; }

.serviceExhibitionClass ul li span.serviceIcon1 { background-image: url(../images/service_07.png); }

.serviceExhibitionClass ul li span.serviceIcon2 { background-image: url(../images/service_08.png); }

.serviceExhibitionClass ul li span.serviceIcon3 { background-image: url(../images/service_09.png); }

.serviceExhibitionClass ul li span.serviceIcon4 { background-image: url(../images/service_10.png); }

.serviceExhibitionClass ul li span.serviceIcon5 { background-image: url(../images/service_11.png); }

.serviceExhibitionClass ul li span.serviceIcon6 { background-image: url(../images/service_12.png); }

.serviceExhibitionClass ul li span.serviceIcon7 { background-image: url(../images/service_13.png); }

.serviceExhibitionClass ul li span.serviceIcon8 { background-image: url(../images/service_14.png); }

.serviceExhibitionClass ul li.cur span.serviceIcon1 { background-image: url(../images/service_007.png); }

.serviceExhibitionClass ul li.cur span.serviceIcon2 { background-image: url(../images/service_008.png); }

.serviceExhibitionClass ul li.cur span.serviceIcon3 { background-image: url(../images/service_009.png); }

.serviceExhibitionClass ul li.cur span.serviceIcon4 { background-image: url(../images/service_010.png); }

.serviceExhibitionClass ul li.cur span.serviceIcon5 { background-image: url(../images/service_011.png); }

.serviceExhibitionClass ul li.cur span.serviceIcon6 { background-image: url(../images/service_012.png); }

.serviceExhibitionClass ul li.cur span.serviceIcon7 { background-image: url(../images/service_013.png); }

.serviceExhibitionClass ul li.cur span.serviceIcon8 { background-image: url(../images/service_014.png); }

.serviceExhibitionClass ul li.cur { border-color: #058cd8; }

.serviceExhibitionClass ul li.cur p { color: #058cd8; }

.serviceExhibitionContent { padding: 30px 0px 50px; }

.serviceExhibitionContent dl { display: none; }

.serviceExhibitionContent dt h3 { font-size: 20px; line-height: 1.3; color: #333333; padding-bottom: 10px; }

.serviceExhibitionContent dt p svg { width: 100%; height: 40px; }

.serviceExhibitionContent dt p svg text { font-size: 40px; font-weight: 900; fill: rgba(0, 0, 0, 0); stroke: rgba(88, 195, 255, 0.6); stroke-width: .6; text-transform: uppercase; letter-spacing: -4px; }

.serviceExhibitionContent dd { padding-top: 20px; }

.serviceExhibitionContent dd .desc { font-size: 14px; color: #333333; line-height: 20px; }

.serviceExhibitionContent dd h3 { font-size: 14px; color: #333333; font-weight: 700; margin-top: 10px; }

.serviceExhibitionContent dd .OfficeHours { font-size: 12px; color: #828282; padding-top: 10px; }

.ServiceMattersbox { overflow: hidden; position: relative; background: url(../images/service_25.jpg) no-repeat bottom; background-size: 100% auto; }

.ServiceMattersTitle { font-size: 18px; text-align: center; color: #333333; font-weight: 700; padding-top: 30px; line-height: 1.4; }

.ServiceMattersImg { margin-top: 15px; position: relative; }

.ServiceMattersImg img { width: 100%; display: block; position: relative; z-index: 2; -webkit-border-radius: 8px; border-radius: 8px; }

.ServiceMattersList { padding: 15px 0px 30px; margin-top: 0px; }

.ServiceMattersList ul li { padding: 20px; margin-top: 20px; position: relative; background: #d2efff; -webkit-border-radius: 10px; border-radius: 10px; }

.ServiceMattersList ul li h3 { font-size: 16px; line-height: 1.4; color: #333333; font-weight: 700; padding-top: 10px; }

.ServiceMattersList ul li h4 { color: #666666; font-size: 14px; margin-top: 5px; margin-bottom: -5px; }

.ServiceMattersList ul li img { height: 35px; }

.ServiceMattersList ul li .desc { font-size: 12px; line-height: 20px; margin-top: 5px; color: #999999; }

.ServiceMattersList ul li .btn { padding-top: 25px; }

.ServiceMattersList ul li .btn a { display: inline-block; width: 120px; line-height: 40px; -webkit-border-radius: 40px; border-radius: 40px; font-size: 12px; text-align: center; color: #058cd8; background: #fff; font-weight: 700; }

.ServiceMattersList ul li .link { line-height: 24px; font-size: 12px; padding-top: 10px; }

.ServiceMattersList ul li .link span { color: #999999; padding: 0px 10px; }

.ServiceMattersList ul li .link a { color: #999999; }

.ServiceMattersList ul li .link a:hover { color: #058cd8; }

.ServiceMattersList ul li .more { font-size: 12px; padding-top: 10px; font-weight: 700; }

.ServiceMattersList ul li .more a { color: #999999; padding-right: 20px; display: inline-block; position: relative; background: url(../images/service_22.png) no-repeat center right; }

.ServiceMattersList ul li .more a:hover { color: #058cd8; background: url(../images/service_022.png) no-repeat center right; }

.ServiceMattersList dl dt { font-size: 18px; padding-bottom: 10px; padding-top: 30px; color: #000000; border-bottom: 1px solid #333333; }

.ServiceMattersList dl dd { float: left; width: 50%; padding: 15px 5px 0px; }

.ServiceTypeList { margin: 0px -5px; padding-top: 15px; }

.ServiceTypeContent { padding: 30px 5px 15px; background: #fff; -webkit-box-shadow: 0px 0px 50px rgba(218, 218, 218, 0.6); box-shadow: 0px 0px 50px rgba(218, 218, 218, 0.6); -webkit-border-radius: 20px; border-radius: 20px; text-align: center; min-height: 270px; }

.ServiceTypeContent h4 { font-size: 14px; color: #333333; font-weight: 700; padding-top: 10px; }

.ServiceTypeContent .icon img { height: 50px; display: block; margin: 0px auto; }

.ServiceTypeContent p.ServiceLink { color: #666666; padding-top: 10px; }

.ServiceTypeContent p.ServiceLink a { color: #666666; font-size: 12px; }

.ServiceTypeContent p.ServiceLink a:hover { color: #058cd8; }

.popupVideobg { display: none; position: fixed; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; }

.popupVideoBox { position: absolute; width: 100%; top: 50%; left: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.popupVideo { padding: 0px 20px; max-width: 1000px; margin: 0px auto; position: relative; }

.popupVideo i { position: absolute; top: -28px; right: 20px; width: 20px; height: 20px; display: block; background: url(../images/close.png) no-repeat; cursor: pointer; }

.popupVideo video { display: block; width: 100%; }

.popupVideo iframe { width: 100%; height: 400px; }

.indexNewsClass { text-align: center; padding-top: 15px; }

.indexNewsClass a { font-size: 13px; width: 100px; line-height: 30px; display: inline-block; border: 2px solid #cbd1d9; color: #333333; -webkit-border-radius: 5px; border-radius: 5px; margin: 0px 5px; }

.indexNewsClass a.cur { background: #059cde; border: 2px solid #059cde; color: #fff; }

.indexNewsTabbox { position: relative; }

.indexNewsTab { position: absolute; left: 0px; top: 0px; width: 100%; opacity: 0; visibility: hidden; }

.indexNewsTabCur { position: relative; visibility: visible; opacity: 1; }

.entrepreneurBox { padding: 15px 20px; position: relative; }

.entrepreneurBox::after { border: 2px solid #bfc4ca; -webkit-border-radius: 0 !important; border-radius: 0 !important; z-index: 1; content: ''; width: 100%; height: 100%; position: absolute; display: block; top: 0px; left: 0px; }

.entrepreneurBox .name { color: #333; font-weight: 500; position: relative; z-index: 5; }

.entrepreneurBox .desc { color: rgba(51, 51, 51, 0.5); position: relative; z-index: 5; }

.entrepreneurBox .icon { position: relative; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0); }

.entrepreneurBox .icon img:nth-child(1) { display: none !important; }

.index-work-item ul li img { height: 35px !important; }

.entrepreneurBox::after { background: #fff; overflow: hidden; border: none !important; }

.entrepreneurBox .icon img:nth-child(2) { display: block !important; }

.entrepreneurBox .more { position: relative; z-index: 5; }

.index-work-item ul li .entrepreneurBox .icon { border-color: rgba(255, 255, 255, 0.5); }

.entrepreneurBox:hover::after { background-color: #0596db; border: none; background-image: -webkit-gradient(linear, left top, right top, from(#06aee3), to(#0596db)); background-image: linear-gradient(to right, #06aee3, #0596db); }

.entrepreneurBox:hover .name { color: #fff; }

.entrepreneurBox:hover .desc { color: #fff; }

.entrepreneurBox:hover .icon img:nth-child(1) { display: none; }

.entrepreneurBox:hover .icon img:nth-child(2) { display: block; }

.contactTel { font-size: 12px; color: #ffffff; padding-top: 10px; }

.contactTel a { color: #fff; }

.inxpage-wrap { -webkit-border-radius: 10px; border-radius: 10px; }

.index-plan { padding-top: 30px; }

.indexNewsMore { position: absolute; top: -20px; right: 0px; font-size: 12px; color: #999; }

.indexNewsMore:hover { color: #0596db; }

/*--2021-7-12新的修改--*/
.index-title .enTitle { font-size: 16px; color: #999999; text-transform: uppercase; padding-top: 10px; letter-spacing: 1px; font-weight: 700; }

.indexTopNews { background-color: #fff; position: relative; text-align: center; padding: 0px 0px 20px; margin-top: 20px; overflow: hidden; }

.indexTopNews h2 { font-size: 20px; line-height: 24px; padding-top: 10px; padding-bottom: 10px; letter-spacing: 3px; color: #fff; background-color: #059cde; padding-left: 3px; }

.indexTopNews h3 { font-size: 18px; color: #282828; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; height: 40px; padding: 0px 25px; margin-top: 10px; font-weight: 700; }

.indexTopNews h3 a { color: #282828; }

.indexTopNews .desc { color: #666666; font-size: 14px; padding: 0px 25px; display: -webkit-box; height: 22px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align: center; margin-top: 5px; }

.indexTopNews .more { text-align: center; padding-top: 10px; }

.indexTopNews .more a { display: inline-block; color: #059cde; font-size: 14px; line-height: 18px; padding-right: 20px; background: url(../images/topMore.png) no-repeat right center; }

.indexNewsbannerbox { padding-top: 20px; }

.indexNewsbanner { overflow: hidden; position: relative; }

.indexNewsbanner ul li { position: relative; overflow: hidden; }

.indexNewsbanner ul li img { width: 100%; object-fit: cover; display: block; position: relative; }

.indexNewsbanner ul li p { line-height: 40px; height: 40px; font-size: 14px; position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 0px 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0, 0, 0, 0.6); color: #fff; }

.indexNewsbannerDot { position: absolute; right: 10px; z-index: 20; line-height: 40px; bottom: 0px; }

.indexNewsbannerDot span { display: inline-block; background: #fff; opacity: 0.4; height: 8px; width: 8px; -webkit-border-radius: 100%; border-radius: 100%; margin-left: 8px; }

.indexNewsbannerDot span.swiper-pagination-bullet-active { opacity: 1; }

.indexNewsList { background: #fff; height: 430px; padding: 15px 30px 0px; }

.indexNewsList h3 { font-size: 14px; color: #059cde; padding-top: 10px; }

.indexNewsList ul { border-bottom: 1px solid #dcdcdc; margin-top: 6px; padding-bottom: 20px; }

.indexNewsList h3:first-child { padding-top: 0px; }

.indexNewsList ul:last-child { border-bottom: none; padding: 0px; }

.indexNewsList ul li { font-size: 16px; }

.indexNewsList ul li a { color: #282828; display: block; line-height: 26px; height: 26px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.indexNewsImglist { overflow: hidden; position: relative; margin-top: 20px; }

.indexNewsImglist ul li img { display: block; width: 100%; }

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

.indexClass a { width: 90px; line-height: 40px; display: inline-block; margin: 0px 1px; text-align: center; background: #fff; font-size: 12px; }

.indexClass a:first-child { -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; }

.indexClass a:last-child { -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; }

.indexClass a.cur, .indexClass a:hover { background-color: #1e98dc; background: -webkit-gradient(linear, left top, right bottom, from(#4cace3), to(#058cd8)); background: linear-gradient(to bottom right, #4cace3, #058cd8); color: #fff; }

.indexCalculator { padding-top: 30px; }

.indexCalculator h3 { font-size: 20px; line-height: 24px; color: #058cd8; text-align: center; font-weight: 100; padding-bottom: 20px; }

.indexCalculatorSearch { position: relative; }

.indexCalculatorSearch label { padding: 10px 80px 10px 15px; display: block; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; }

.indexCalculatorSearch label input { width: 100%; font-size: 12px; color: #666; }

.indexCalculatorSearchBtn { width: 70px; position: absolute; right: 0px; top: 0px; height: 100%; color: #fff; background: #058cd8; -webkit-border-radius: 0px 4px 4px 0px !important; border-radius: 0px 4px 4px 0px !important; }

.indexCalculatorEnText { padding-top: 20px; }

.indexCalculatorEnText img { display: block; margin: 0px auto; max-width: 100%; }

.scientificResearchbox { padding-top: 30px; }

.scientificResearchMap { display: none; position: relative; }

.yuandian_shuoming { position: absolute; top: 0; left: 0; }

.yuandian_shuoming p i { width: 18px; height: 18px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: middle; position: relative; }

.yuandian_shuoming p span { display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 16px; }

.yuandian_shuoming p.yijiancheng i { border: 1px solid #fe6f3f; }

.yuandian_shuoming p.zaijian { margin-top: 10px; }

.yuandian_shuoming p.zaijian i { border: 1px solid #6ba829; }

.scientificResearchMap img { display: block; width: 100%; }

.yuandian_shuoming p i::after { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; display: block; content: ""; }

.yuandian_shuoming p.yijiancheng i::after { background: #fe6f3f; -webkit-box-shadow: 0 2px 10px #fe6f3f; box-shadow: 0 2px 10px #fe6f3f; }

.yuandian_shuoming p.zaijian i::after { background: #6ba829; -webkit-box-shadow: 0 2px 10px #6ba829; box-shadow: 0 2px 10px #6ba829; }

.scientificResearchMap ul li { position: absolute; width: 1%; height: 1%; cursor: pointer; }

.scientificResearchMap ul li span { display: block; width: 8px; height: 8px; -webkit-transition: all .6s ease; transition: all .6s ease; background: #ffa587; -webkit-border-radius: 100%; border-radius: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; }

.scientificResearchMap ul li::after { content: ''; width: 8px; height: 8px; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.scientificResearchMap ul li:hover span { background: #fe6f3f; width: 12px; height: 12px; }

.scientificResearchMap ul li:hover::after { -webkit-animation: mymove 1.3s infinite; animation: mymove 1.3s infinite; width: 12px; height: 12px; }

.scientificResearchMap ul li.cur span { background: #fe6f3f; width: 12px; height: 12px; }

.scientificResearchMap ul li.cur::after { -webkit-animation: mymove 1.3s infinite; animation: mymove 1.3s infinite; width: 12px; height: 12px; }

@keyframes mymove { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);
    opacity: 0; }
  70% { -webkit-transform: translate(-50%, -50%) scale(2.3); transform: translate(-50%, -50%) scale(2.3);
    opacity: 1; }
  to { -webkit-transform: translate(-50%, -50%) scale(2.3); transform: translate(-50%, -50%) scale(2.3);
    opacity: 0; } }

@-webkit-keyframes mymove { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);
    opacity: 0; }
  70% { -webkit-transform: translate(-50%, -50%) scale(2.3); transform: translate(-50%, -50%) scale(2.3);
    opacity: 1; }
  to { -webkit-transform: translate(-50%, -50%) scale(2.3); transform: translate(-50%, -50%) scale(2.3);
    opacity: 0; } }

.scientificResearchListbox { position: relative; }

.scientificResearchList { overflow: hidden; position: relative; background: #fff; -webkit-box-shadow: 0px 0px 60px rgba(37, 64, 96, 0.6); box-shadow: 0px 0px 60px rgba(37, 64, 96, 0.6); -webkit-border-radius: 4px; border-radius: 4px; }

.projectImg { position: relative; overflow: hidden; }

.projectImg img { display: block; width: 100%; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }

.projectText { background: #fff; padding: 20px; min-height: 200px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; }

.projectText h3 { font-size: 16px; color: #333333; line-height: 24px; height: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.projectText p { font-size: 12px; line-height: 24px; height: 24px; color: #999999; background-repeat: no-repeat; background-position: 0px 2px; padding-left: 25px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.projectText p.address { margin-top: 5px; background-image: url(../images/scientificResearch_04.png); }

.projectText p.area { background-image: url(../images/scientificResearch_05.png); }

.projectText p.desc { background-image: url(../images/scientificResearch_06.png); }

.scientificResearchListBtn { left: 20px; position: absolute; bottom: 15px; z-index: 20; }

.scientificResearchListBtn span { display: inline-block; width: 30px; height: 30px; background: #bbbbbb; cursor: pointer; margin-right: 2px; position: relative; }

.scientificResearchListBtn span:hover { background: #1d97dc; -webkit-box-shadow: 0px 0px 10px rgba(5, 140, 216, 0.6); box-shadow: 0px 0px 10px rgba(5, 140, 216, 0.6); }

.scientificResearchListBtn span::after { content: ''; position: absolute; top: 50%; width: 10px; height: 10px; border: 2px solid #fff; border-left: none; border-top: none; }

.scientificResearchListBtn span.scientificResearchListPrevBtn::after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); left: -webkit-calc(50% + 3px); left: calc(50% + 3px); }

.scientificResearchListBtn span.scientificResearchListNextBtn::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); left: -webkit-calc(50% - 3px); left: calc(50% - 3px); }

.commonClass { background-color: #058cd8; }

.commonClass ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.commonClass ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; }

.commonClass ul li a { line-height: 40px; font-size: 12px; display: block; color: rgba(255, 255, 255, 0.6); text-align: center; border-bottom: 2px solid transparent; }

.commonClass ul li.cur a { color: #fff; border-bottom: 2px solid #9adbff; }

.commonClass ul li::after { content: ""; position: absolute; width: 1px; height: 20px; background-color: rgba(255, 255, 255, 0.6); right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; }

.commonClass ul li:first-child::before { content: ""; position: absolute; width: 1px; height: 20px; background-color: rgba(255, 255, 255, 0.6); left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; }

.commonClass ul li:hover a { color: #fff; border-bottom: 2px solid #9adbff; }

.CooperationZoneImg { margin-top: 20px; }

.CooperationZoneImg img { width: 100%; -webkit-border-radius: 5px; border-radius: 5px; }

.CooperationZoneImg dl { margin: 10px 0px 0px; padding: 10px 20px 30px; background: #ffffff; font-size: 14px; color: #828282; text-align: center; line-height: 28px; position: relative; z-index: 9; }

.fourAdvantage { text-align: center; padding-bottom: 60px; }

.fourAdvantage h3 { font-size: 20px; color: #333333; line-height: 40px; }

.fourAdvantage ul { position: relative; margin-top: 25px; }

.fourAdvantage ul::before { top: 100px; width: 100%; height: 3px; content: ''; display: none; position: absolute; background: url(../images/CooperationZone_02.png) repeat-x; }

.fourAdvantage ul li { float: left; width: 50%; position: relative; padding-bottom: 20px; }

.fourAdvantage ul li img { max-width: 90px; display: block; margin: 0px auto; }

.fourAdvantage ul li .enTitle { font-size: 12px; color: #1ba6ff; text-transform: uppercase; letter-spacing: 4px; padding-left: 4px; font-weight: 700; margin-top: 5px; }

.fourAdvantage ul li h4 { font-size: 16px; color: #333333; }

.fourAdvantage ul li .desc { font-size: 12px; padding-top: 5px; color: #828282; }

.fourAdvantage ul li:nth-child(2n+1) { clear: left; }

.ThreeTypesbox { padding: 30px 0px; background: #f6f6f6; }

.ThreeTypes { position: relative; overflow: hidden; }

.ThreeTypesContent { padding: 30px 20px; background: #fff; -webkit-border-radius: 20px 0px 20px 0px; border-radius: 20px 0px 20px 0px; text-align: center; }

.ThreeTypesContent img { display: block; max-width: 80px; margin: 0px auto; }

.ThreeTypesContent .enTitle { color: #adadad; font-size: 12px; text-transform: uppercase; padding-bottom: 8px; }

.ThreeTypesContent h3 { font-size: 18px; color: #333333; padding-bottom: 20px; }

.ThreeTypesContent .desc { font-size: 14px; color: #828282; padding-top: 25px; max-width: 300px; margin: 0px auto; }

.historyTimebg { padding: 60px 20px; background: url(../images/CooperationZone_10.jpg) no-repeat; background-size: cover; }

.historyTimebg h3 { font-size: 20px; line-height: 24px; padding-bottom: 30px; color: #ffffff; text-align: center; }

.historyTime { max-width: 750px; margin: 0px auto; overflow: hidden; }

.historyTime ul li { font-size: 16px; color: #fff; width: -webkit-calc(33% - 17px); width: calc(33% - 17px); cursor: pointer; }

.historyTime ul li p.timeIcon { position: relative; }

.historyTime ul li p.timeIcon span { margin-left: 5px; width: 20px; height: 20px; display: block; background: rgba(255, 255, 255, 0.5); -webkit-border-radius: 100%; border-radius: 100%; position: relative; }

.historyTime ul li p.timeIcon::before { position: absolute; content: ''; left: 25px; right: -5px; height: 2px; background: rgba(255, 255, 255, 0.5); top: 50%; margin-top: -1px; }

.historyTime ul li .timeText { padding-bottom: 12px; }

.historyTime ul li:last-child { width: auto; }

.historyTime ul li:last-child p.timeIcon::before { display: none; }

.historyTime ul li.cur p.timeIcon span::after { content: ''; width: 60%; height: 60%; position: absolute; left: 50%; top: 50%; background: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 100%; border-radius: 100%; }

.historyContentbg { overflow: hidden; position: relative; padding: 50px 0px; background: #fbfbfb; }

.historyContentList ul li .year { border-bottom: 1px solid #d8d9dc; padding-bottom: 15px; font-size: 28px; }

.historyContent { line-height: 26px; color: #666666; font-size: 14px; padding-left: 50px; position: relative; margin-top: 25px; }

.historyContent .month { position: absolute; left: 0px; top: 0px; font-size: 16px; color: #333333; }

.planbox { overflow: hidden; }

.plan { padding-top: 30px; }

.plan h3 { font-size: 20px; color: #333333; line-height: 20px; text-align: center; }

.plan ul { padding-top: 20px; }

.planContent { background: url(../images/CooperationZone_11.png) no-repeat; background-size: cover; padding: 30px 0px 30px 30px; position: relative; overflow: hidden; }

.planContent p img { height: 30px; }

.planContent h4 { font-size: 16px; color: #333333; padding-top: 10px; line-height: 24px; }

.planContent span { position: absolute; right: -10px; bottom: -15px; font-size: 90px; line-height: 90px; color: rgba(255, 255, 255, 0.3); font-family: Arial, Helvetica, sans-serif; }

.planSystem { text-align: center; padding-top: 50px; }

.planSystem h3 { font-size: 16px; color: #333333; text-align: center; line-height: 30px; }

.planSystem h4 { padding-top: 10px; }

.planSystem h4 span { line-height: 45px; -webkit-border-radius: 45px; border-radius: 45px; width: 150px; font-size: 16px; display: inline-block; background: #058cd8; color: #fff; position: relative; }

.planSystem h4 span::after { content: ''; display: block; width: 12px; height: 12px; background: #058cd8; border: 3px solid #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -6px; -webkit-border-radius: 100%; border-radius: 100%; }

.planSystem h4 span::before { width: 2px; content: ''; display: block; height: 22px; background: #e5e5e5; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -26px; }

.planSystem ul { margin: 25px -5px 0px; position: relative; }

.planSystem ul span { height: 2px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 50%; background: #e5e5e5; top: 0px; }

.planSystem ul span.line2 { top: 107px; }

.planSystem ul span.line3 { top: 139px; }

.planSystem ul::before { top: 109px; width: 2px; content: ''; display: block; height: 30px; background: #e5e5e5; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.planSystem ul li { float: left; width: 50%; padding: 30px 5px; margin-bottom: 30px; }

.planSystem ul li p { line-height: 45px; -webkit-border-radius: 45px; border-radius: 45px; font-size: 12px; border: 2px solid #2f94c2; color: #333333; position: relative; }

.planSystem ul li p i { display: block; width: 12px; height: 12px; background: #058cd8; border: 3px solid #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 100%; border-radius: 100%; }

.planSystem ul li p i.topDot { top: -6px; }

.planSystem ul li p i.topDot::before { width: 2px; content: ''; display: block; height: 27px; background: #e5e5e5; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -29px; }

.planSystem ul li p i.bottomDot { bottom: -6px; }

.planSystem ul li p i.bottomDot::before { width: 2px; content: ''; display: block; height: 27px; background: #e5e5e5; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -29px; }

.page03 .index-plan .span_en { display: block; margin-left: 0 !important; margin-top: 10px; }

.focusingbg { background: #fbfbfb; padding: 30px 0px 40px; }

.focusingbg h3 { font-size: 18px; color: #333333; text-align: center; line-height: 20px; }

.focusing { max-width: 599px; position: relative; margin: 20px auto 0px; }

.focusing .circularImg { display: none; width: 100%; }

.focusingField { margin: 0px auto; width: 200px; position: relative; }

.focusingField .FieldBg { display: block; width: 100%; }

.focusingField dl { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.focusingField dl dt img { display: block; height: 40px; margin: 0px auto; }

.focusingField dl dd { font-size: 14px; color: #ffffff; padding-top: 10px; line-height: 22px; }

.focusing ul { margin-top: 20px; }

.focusing ul li { float: left; width: 50%; padding: 0px 10px 20px; }

.focusing ul li h4 { font-size: 16px; color: #333333; padding-top: 10px; }

.focusing ul li p { font-size: 12px; color: rgba(51, 51, 51, 0.6); text-transform: uppercase; line-height: 18px; }

.focusing ul li img { display: block; height: 50px; }

.focusing ul li:nth-child(2n+1) { clear: left; }

.serviceMap { margin-top: 40px; }

.serviceMap img { display: block; width: 100%; }

.serviceActivity { background: url(../images/service_26.jpg) no-repeat; background-size: cover; margin-top: 100px; }

.serviceActivity .commonweb { position: relative; min-height: 220px; padding: 30px 0px; }

.serviceActivity .ActivityTitle { text-align: center; color: #fff; }

.serviceActivity .ActivityTitle h3 { font-size: 24px; text-transform: uppercase; }

.serviceActivity .ActivityTitle h4 { font-size: 18px; letter-spacing: 15px; padding-top: 10px; }

.serviceActivity dl { text-align: center; color: #ffffff; padding-top: 15px; }

.serviceActivity dl dt { font-size: 18px; }

.serviceActivity dl dd { font-size: 12px; padding-top: 5px; }

.serviceActivity dl p.more { padding-top: 15px; }

.serviceActivity dl p.more a { display: inline-block; text-align: center; color: #fff; font-size: 14px; line-height: 45px; background: url(../images/service_27.png) no-repeat; width: 133px; height: 45px; }

.ActivityNoticebox { background: #f7f7f7; padding-bottom: 80px; }

.ActivityNoticebox .location { text-align: right; padding-top: 20px; }

.ActivityNoticebox h3 { padding-top: 20px; font-size: 18px; text-align: center; line-height: 1.4; }

.ActivityNotice { margin-top: 15px; background: #fff; -webkit-border-radius: 8px; border-radius: 8px; }

.ActivityNoticeTitme { overflow-x: auto; white-space: nowrap; border-bottom: 1px solid #f2f2f2; }

.ActivityNoticeTitme ul { padding-left: 6px; }

.ActivityNoticeTitme ul li { display: inline-block; height: 60px; margin-left: -6px; padding: 8px 20px 0px 20px; text-align: center; border-right: 1px solid #f2f2f2; color: #999999; font-size: 14px; line-height: 20px; position: relative; cursor: pointer; }

.ActivityNoticeTitme ul li:last-child { border-right: none; }

.ActivityNoticeTitme ul li.cur { color: #058cd8; font-weight: 700; background: #f6f9fe; }

.ActivityNoticeTitme ul li.cur::after { content: ''; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0px; width: 34px; height: 4px; -webkit-border-radius: 10px; border-radius: 10px; background: #058cd8; display: block; position: absolute; }

.ActivityNoticeContent { padding: 15px; }

.ActivityNoticeContent dl { display: none; }

.ActivityNoticeContent dl dt { padding-top: 0px; padding-right: 0px; }

.ActivityNoticeContent dl dt h4 { font-size: 14px; color: #058cd8; }

.ActivityNoticeContent dl dt h5 { color: #333333; font-size: 18px; line-height: 28px; height: 28px; margin-top: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.ActivityNoticeContent dl dt .desc { font-size: 14px; color: #828282; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 10px; }

.ActivityNoticeContent dl dt .timeAddress { color: #666666; font-size: 14px; line-height: 24px; margin-top: 20px; }

.ActivityNoticeContent dl dt .more { padding-top: 20px; }

.ActivityNoticeContent dl dt .more a { display: inline-block; width: 100px; background: #058cd8; color: #fff; line-height: 35px; text-align: center; -webkit-border-radius: 35px; border-radius: 35px; }

.ActivityNoticeContent dl dd { padding-top: 25px; }

.ActivityNoticeContent dl dd img { display: block; width: 100%; }

.Innovationbox { padding: 30px 0px 40px; }

.Innovationbox h2 { font-size: 20px; line-height: 24px; text-align: center; color: #000000; padding-bottom: 20px; font-weight: 700; }

.Innovation ul li { padding-bottom: 20px; }

.Innovation ul li h3 { border: 1px solid #dedede; -webkit-border-radius: 8px; border-radius: 8px; position: relative; padding: 10px 0px 10px 55px; font-size: 14px; color: #828282; cursor: pointer; }

.Innovation ul li h3 img { position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 28px; }

.Innovation ul li h3 img.defaImg { display: block; }

.Innovation ul li h3 img.curImg { display: none; }

.Innovation ul li h3 span { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 20px; height: 20px; }

.Innovation ul li h3 span::after { content: ''; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 2px; background-color: #d7d7d7; }

.Innovation ul li h3 span::before { content: ''; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 2px; height: 100%; background-color: #d7d7d7; }

.InnovationList { padding: 1px 15px 20px; background: #f6f6f6; display: none; }

.InnovationListContent { padding: 20px 15px; background: #ffffff; -webkit-border-radius: 10px; border-radius: 10px; margin-top: 20px; }

.InnovationListContent h4 { font-size: 14px; color: #333333; font-weight: 700; }

.InnovationListContent div { position: relative; font-size: 12px; color: #828282; line-height: 22px; }

.InnovationListContent .Date { margin-top: 5px; padding-left: 55px; }

.InnovationListContent .Date .Title { position: absolute; left: 0px; top: 0px; }

.InnovationListContent .Company { padding-left: 55px; }

.InnovationListContent .Company .Title { position: absolute; left: 0px; top: 0px; }

.InnovationListContent .desc { padding-left: 32px; }

.InnovationListContent .desc .Title { position: absolute; left: 0px; top: 0px; }

.InnovationListContent .more { padding-top: 20px; }

.InnovationListContent .more a { font-size: 12px; -webkit-border-radius: 34px; border-radius: 34px; line-height: 34px; width: 100px; display: inline-block; color: #cacaca; border: 2px solid #cacaca; text-align: center; }

.InnovationListContent .more a:hover { background: #0698dc; border-color: #0698dc; color: #fff; -webkit-box-shadow: 0px 10px 25px rgba(5, 140, 216, 0.4); box-shadow: 0px 10px 25px rgba(5, 140, 216, 0.4); }

.Innovation ul li.cur h3 { -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; background: #0698dc; border-color: #0698dc; color: #fff; }

.Innovation ul li.cur h3 img.defaImg { display: none; }

.Innovation ul li.cur h3 img.curImg { display: block; }

.Innovation ul li.cur .InnovationList { border: 1px solid #dedede; border-top: none; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; }

.Innovation ul li.cur .InnovationList { display: block; }

.Innovation ul li.cur h3 span::after { background: #fff; }

.Innovation ul li.cur h3 span::before { display: none; }

.enclosure { padding-top: 15px; }

.enclosure h3 { font-size: 16px; color: #333; font-weight: 700; }

.enclosure ul li { margin-top: 10px; }

.enclosure ul li a { display: block; border: 1px solid #dcdcdc; background: url(../images/Innovation_02.png) no-repeat 95% center; padding: 15px 45px 15px 15px; font-size: 14px; color: #828282; }

.enclosure ul li:hover a { border: 1px solid #1f98dc; background: #1f98dc url(../images/Innovation_002.png) no-repeat 95% center; color: #fff; -webkit-box-shadow: 0px 5px 20px rgba(5, 140, 216, 0.2); box-shadow: 0px 5px 20px rgba(5, 140, 216, 0.2); }

.InnovationDetail { padding-top: 20px; overflow: hidden; }

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

.trafficTitle h3 { font-size: 20px; color: #000000; line-height: 30px; font-weight: 700; }

.trafficTitle p { color: #828282; font-size: 14px; padding-top: 5px; letter-spacing: 5px; }

.trafficBanner { overflow: hidden; position: relative; margin-top: 25px; }

.trafficBanner ul li img { display: block; width: 100%; }

.trafficBanner span { top: -webkit-calc(50% - 110px); top: calc(50% - 110px); width: 25px; height: 25px; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid #fff; z-index: 20; cursor: pointer; }

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

.trafficBanner span.trafficBannerPrev { left: 20px; }

.trafficBanner span.trafficBannerPrev::after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); left: -webkit-calc(50% + 2px); left: calc(50% + 2px); }

.trafficBanner span.trafficBannerNext { right: 20px; }

.trafficBanner span:hover { border: none; background-color: #0596db; background-image: -webkit-gradient(linear, left top, right top, from(#06aee3), to(#0596db)); background-image: linear-gradient(to right, #06aee3, #0596db); -webkit-box-shadow: 0px 5px 10px rgba(5, 140, 216, 0.4); box-shadow: 0px 5px 10px rgba(5, 140, 216, 0.4); }

.trafficBannerText { margin: 0px 5%; padding-bottom: 0px; }

.trafficBannerText dt { position: relative; margin-top: -30px; padding: 50px 0px; text-align: center; background-color: #0596db; background-image: -webkit-gradient(linear, left top, right top, from(#06aee3), to(#0596db)); background-image: linear-gradient(to right, #06aee3, #0596db); -webkit-box-shadow: 0px 20px 40px rgba(5, 140, 216, 0.3); box-shadow: 0px 20px 40px rgba(5, 140, 216, 0.3); }

.trafficBannerText dd { color: #666; font-size: 14px; line-height: 22px; padding: 20px; }

.trafficList { padding: 20px 0px 40px; }

.trafficList dl { position: relative; }

.trafficList dl dt { position: relative; background: #000; cursor: pointer; }

.trafficList dl dt span { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../images/enlargeIcon.png) no-repeat center; background-size: 20px; border: 2px solid #fff; -webkit-border-radius: 100%; border-radius: 100%; display: none; }

.trafficList dl dt img { display: block; width: 100%; opacity: 1; }

.trafficList dl dt:hover span { display: block; }

.trafficList dl dt:hover img { opacity: 0.6; }

.trafficList dl dd { font-size: 12px; color: #999999; padding-left: 10px; padding-top: 15px; padding-bottom: 15px; line-height: 26px; }

.trafficList dl dd h3 { font-size: 18px; color: #000000; font-weight: 700; padding-bottom: 0px; }

.trafficList dl dd p { margin-top: 8px; color: #999999; }

.trafficList dl dd p b { color: #058cd8; }

.index_oneshi { height: 142px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: 20px; display: block; }

.projectTitle { position: absolute; left: 0px; color: #fff; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; }

.projectTitle p { font-size: 14px; letter-spacing: 2px; text-transform: uppercase; padding-bottom: 10px; font-weight: 700; }

.projectTitle h3 { font-size: 18px; letter-spacing: 5px; }

.Restaurant { padding-left: 4px; padding-top: 15px; }

.Restaurant h3 { font-size: 18px; color: #000000; text-align: center; line-height: 30px; padding-bottom: 20px; }

.Restaurant ul li { float: left; width: 50%; border: 1px solid #dadada; margin-top: -1px; margin-left: -1px; }

.Restaurant ul li img { display: block; width: 100%; }

.RestaurantMatchingbox { margin-top: 30px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }

.RestaurantMatchingbox::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); background-image: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(0, 0, 0, 0.6)), color-stop(5%, rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 5%, rgba(0, 0, 0, 0)); content: ''; display: block; }

.RestaurantMatchingbox .commonweb { position: relative; z-index: 20; }

.RestaurantMatchingClass { color: #fff; }

.RestaurantMatchingClass h3 { font-size: 18px; padding-left: 0px; padding-top: 20px; line-height: 24px; }

.RestaurantMatchingClass .desc { font-size: 14px; padding-left: 0px; padding-top: 5px; }

.RestaurantMatchingClass ul { padding-top: 20px; }

.RestaurantMatchingClass ul li { float: left; width: 25%; background: rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); }

.RestaurantMatchingClass ul li a { display: block; display: -webkit-box; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 14px; text-align: center; color: rgba(255, 255, 255, 0.8); }

.RestaurantMatchingClass ul li:last-child { border-right: none; }

.RestaurantMatchingClass ul li.cur a { background-color: #058ed9; color: #fff; }

.RestaurantMatchingContent { display: none; padding: 20px 0px 30px; }

.RestaurantMatchingContent h3 { font-size: 20px; line-height: 24px; color: #ffffff; }

.RestaurantMatchingContent .desc { max-width: 540px; color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 20px; padding-top: 10px; }

.RestaurantMatchingContent .line { padding-top: 10px; }

.RestaurantMatchingContent .line span { display: inline-block; height: 2px; width: 25px; background: #fff; }

.landmarkbox { background-color: #f2f2f2; padding-top: 30px; padding-bottom: 20px; }

.landmarkbox h3 { font-size: 18px; color: #000000; text-align: center; line-height: 30px; padding-bottom: 20px; }

.landmarkBigImg { position: relative; overflow: hidden; }

.landmarkBigImg img { display: block; width: 100%; }

.landmarkBigImg span { width: 20px; height: 20px; z-index: 20; position: absolute; border: 1px solid #fff; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); cursor: pointer; }

.landmarkBigImg span.landmarkBigImgPrevBtn { left: 20px; border-right: none; border-bottom: none; }

.landmarkBigImg span.landmarkBigImgNextBtn { right: 20px; border-left: none; border-top: none; }

.landmarkBigImgText { position: absolute; left: 0px; text-align: center; width: 100%; z-index: 20; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.landmarkBigImgText p { color: rgba(255, 255, 255, 0.3); font-size: 16px; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 0px; }

.landmarkBigImgText h4 { font-size: 20px; line-height: 24px; letter-spacing: 5px; color: #fff; }

.landmarkSmallImg { max-width: 1200px; position: relative; overflow: hidden; margin: 30px auto 0px; }

.landmarkSmallImg ul li { position: relative; cursor: pointer; }

.landmarkSmallImg ul li p { position: relative; }

.landmarkSmallImg ul li p img { display: block; width: 100%; }

.landmarkSmallImg ul li h4 { font-size: 14px; padding-top: 5px; color: #000; font-weight: 600; text-align: center; }

.landmarkSmallImg ul li.cur p::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; border: 2px solid #37b8ff; }

.MedicalResourcesbox { padding-top: 30px; }

.MedicalResourcesbox h3 { font-size: 18px; color: #000000; text-align: center; line-height: 24px; padding-bottom: 20px; }

.MedicalResources { position: relative; overflow: hidden; }

.MedicalResources ul li { position: relative; }

.MedicalResources ul li img { width: 100%; display: block; }

.MedicalResources span { top: -webkit-calc(50% - 50px); top: calc(50% - 50px); position: absolute; width: 20px; height: 20px; border: 1px solid #fff; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); cursor: pointer; }

.MedicalResources span.MedicalResourcesPrevBtn { left: 20px; border-right: none; border-bottom: none; }

.MedicalResources span.MedicalResourcesNextBtn { right: 20px; border-left: none; border-top: none; }

.MedicalResourcesText { font-size: 12px; line-height: 20px; padding: 15px; background: #fff; position: relative; z-index: 20; margin: -30px 30px 0px; bottom: 0px; color: #828282; }

.understand { padding-top: 50px; overflow: hidden; }

.understand ul { margin: 0px -15px; }

.understand ul li { float: left; width: 50%; padding: 0px 15px 30px; }

.understand ul li img { width: 100%; display: block; -webkit-border-radius: 5px; border-radius: 5px; }

.understand ul li .time { color: #999999; font-size: 16px; padding-top: 15px; }

.understand ul li h3 { font-size: 20px; color: #333333; display: -webkit-box; height: 60px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 5px; }

.understand ul li .arrow { padding-top: 15px; }

.understand ul li .arrow span { display: inline-block; height: 23px; width: 40px; position: relative; }

.understand ul li .arrow span::after { height: 1px; width: 40px; background-color: #999999; content: ''; display: block; position: absolute; left: 0px; top: 50%; }

.understand ul li .arrow span::before { position: absolute; right: 2px; width: 12px; height: 12px; border: 1px solid #999; top: 50%; border-top: none; border-left: none; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); content: ''; display: block; }

.serviceDetailbox { padding: 20px 0px 40px; }

.serviceDetailbox h2 { font-size: 20px; line-height: 24px; text-align: center; color: #000000; padding-bottom: 20px; font-weight: 700; }

.serviceDetailbox .location { text-align: right; }

.serviceDetailTitle { text-align: center; font-size: 20px; line-height: 30px; color: #000; font-weight: 700; padding-top: 20px; }

.serviceDetailTitle img { vertical-align: middle; height: 30px; margin-right: 15px; }

.serviceDetailList { border-bottom: 1px solid #eeeeee; padding-top: 20px; }

.serviceDetailList h3 { font-size: 14px; color: #333333; font-weight: 700; position: relative; padding-left: 15px; }

.serviceDetailList h3::after { width: 4px; height: 17px; content: ''; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 3px; border-radius: 3px; background: #058cd8; }

.serviceDetailList ul { margin: 0px; padding: 20px 0px 20px; }

.serviceDetailList ul p { width: 100%; padding: 0px 0px 10px;  overflow:hidden; zoom:1;}

.serviceDetailList ul p a { width:100%; display: block;display: -webkit-box;height: 30px;line-height: 30px;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: 12px;color: #666666;padding: 0px 15px;background: #f1f2f3; margin-bottom:10px;}

.serviceDetailList:last-child { border: none; }

.serviceDetailBanner img { display: block; width: 100%; }

.passageway dl { border-bottom: 1px solid #e5e5e5; padding: 20px 0px; }

.passageway dl dt { line-height: 24px; padding-bottom: 20px; }

.passageway dl dt h3 { font-size: 18px; color: #000000; }

.passageway dl dt p { font-size: 18px; color: #999999; font-weight: 100; }

.passageway dl dd { font-size: 12px; color: #828282; line-height: 18px; }

.passageway dl dd h3 { color: #000000; font-size: 14px; font-weight: 700; margin-bottom: 10px; }

.passageway dl dd p { margin-bottom: 20px; }

.passageway dl dd img { display: block; width: 100%; }

.passageway dl:last-child { border-bottom: none; padding-bottom: 0px; }

.buildInfo ul li { border-bottom: 1px solid #e5e5e5; padding: 15px 0px; }

.buildInfo ul li a { display: block; padding-left: 170px; position: relative; }

.buildInfo ul li .SmallImg { position: relative; width: 150px; position: absolute; left: 0px; }

.buildInfo ul li .SmallImg img { display: block; width: 100%; max-height: 160px; object-fit: cover; }

.buildInfo ul li h3 { font-size: 16px; color: #000000; font-weight: 700; display: -webkit-box; height: 22px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.buildInfo ul li .address { background: url(../images/buildInfo_04.png) no-repeat 0px 3px; padding-left: 20px; font-size: 12px; color: #828282; margin-top: 5px; display: -webkit-box; height: 22px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.buildInfo ul li .desc { font-size: 12px; color: #999999; display: -webkit-box; height: 36px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 5px; }

.buildInfo ul li .time { color: #828282; font-size: 12px; margin-top: 0px; }

.scientificDetailTitle { border-bottom: 1px solid #e5e5e5; padding-bottom: 35px; text-align: center; padding-top: 35px; }

.scientificDetailTitle h1 { font-size: 22px; color: #000000; }

.scientificDetailTitle .source { font-size: 14px; color: #999999; padding-top: 10px; }

.setUpSize { text-align: center; padding-top: 10px; }

.setUpSize span { display: inline-block; margin: 0px 8px; width: 25px; height: 25px; cursor: pointer; -webkit-border-radius: 6px; border-radius: 6px; background: #d2d2d2; color: #fff; font-size: 14px; line-height: 25px; text-align: center; }

.setUpSize span.cur { background: #058cd8; }

.pt30 { padding-top: 30px; }

.enlargeImgbox { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.6); display: none; }

.enlargeImg { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 1200px; text-align: center; }

.enlargeImg p { display: inline-block; position: relative; vertical-align: middle; }

.enlargeImg p img { display: block; margin: 0px auto; max-width: 100%; }

.enlargeImg p i { position: absolute; top: -28px; right: 0px; width: 20px; height: 20px; display: block; background: url(../images/close.png) no-repeat; cursor: pointer; }

.mobile-work-iconlist { display: none; }

.mobile-work-iconlist { padding: 0 15px; background: #fff; -webkit-border-radius: 8px; border-radius: 8px; }

.mobile-work-iconlist .mob_item { padding: 20px 0; border-bottom: 1px solid #f2f2f2; }

.mobile-work-iconlist .mob_item:last-child { border-bottom: none; }

.mobile-work-iconlist .mob_item .mob_imgbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.mobile-work-iconlist .mob_item .mob_imgbox .mobimg_icon { width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background: #ebf3fb; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.mobile-work-iconlist .mob_item .mob_imgbox .mobimg_icon img { width: 22px; }

.mobile-work-iconlist .mob_item .mob_imgbox .mobimg_text { width: -webkit-calc(100% - 65px); width: calc(100% - 65px); }

.mobile-work-iconlist .mob_item .mob_imgbox .mobimg_text .mobtitname { font-size: 16px; font-weight: 600; }

.mobile-work-iconlist .mob_item .mob_imgbox .mobimg_text .mobdesc { font-size: 14px; color: #666666; line-height: 18px; }

.calculator_box { background: url(../images/calculator.jpg) no-repeat; background-size: cover; padding-top: 90px; padding-bottom: 70px; }

.calculator_title { font-size: 60px; line-height: 60px; color: #fff; text-align: center; font-weight: 600; margin-bottom: 25px; }

.cal_formbox { background: #fff; height: 84px; width: 100%; -webkit-border-radius: 42px; border-radius: 42px; line-height: 90px; }

.cal_formbox input { font-size: 22px; background: none; width: -webkit-calc(100% - 260px); width: calc(100% - 260px); -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 50px; }

.cal_formbox input::-webkit-input-placeholder { color: #bebebe; }

.cal_formbox input::-moz-placeholder { color: #bebebe; }

.cal_formbox input:-ms-input-placeholder { color: #bebebe; }

.cal_formbox input::placeholder { color: #bebebe; }

.cal_formbox button { background: #f68f24; height: 100%; width: 260px; color: #fff; font-size: 22px; border: none; -webkit-border-radius: 42px; border-radius: 42px; float: right; }

.hot_keyword { text-align: center; color: #fff; margin-top: 16px; font-size: 16px; }

.hot_keyword span { margin-right: 16px; }

.cal_attr { margin-top: 36px; }

.cal_attr .cal_item { margin-bottom: 10px; }

.cal_attr .cal_item .cal_name { display: inline-block; color: #fff; font-size: 16px; width: 80px; vertical-align: top; margin-top: 13px; }

.cal_attr .cal_item .cal_attr_list { display: inline-block; font-size: 0; width: -webkit-calc(100% - 85px); width: calc(100% - 85px); }

.cal_attr .cal_item .cal_attr_list p { display: inline-block; font-size: 16px; margin-right: 10px; margin-bottom: 10px; }

.cal_attr .cal_item .cal_attr_list p a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #fff; min-width: 120px; height: 50px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid rgba(255, 255, 255, 0.2); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; }

.cal_attr .cal_item .cal_attr_list p a:hover { background: #f68f24; border-color: #f68f24; }

.cal_attr .cal_item .cal_attr_list p a img { margin-left: 14px; }

.cal_attr .cal_item .cal_attr_list p:nth-child(6) ~ p { display: none; }

.cal_attr .cal_item .cal_attr_list p.cal_more { display: inline-block !important; }

.cal_more.active img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.pipei_btnbox { text-align: center; margin-top: 40px; }

.pipei_imgbox { position: relative; display: inline-block; }

.pipei_text { font-size: 22px; color: #fff; position: absolute; top: 54%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pipei_text span { margin-right: 18px; }

.jzcp_box { background: url(../images/jzcp.jpg) no-repeat; background-size: cover; padding: 80px 0; -webkit-border-radius: 20px; border-radius: 20px; margin-top: 40px; margin-bottom: 30px; }

.jzcp_box p { color: #fff; font-size: 18px; text-align: center; margin-bottom: 16px; }

.jzcp_box p span { font-size: 40px; }

.jzcp_box a { width: 180px; height: 55px; line-height: 55px; text-align: center; }

.jzcp_box_btn { text-align: center; margin-top: 30px; }

.jzcp_box_btn a { display: inline-block; margin: 0 10px; font-size: 18px; color: #fff; background: #175ee0; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-border-radius: 30px; border-radius: 30px; }

.jzcp_box_btn a:hover { background: #f68f24; }

.culture_box { padding: 25px; border: 2px solid #f0f0f0; -webkit-border-radius: 20px; border-radius: 20px; }

.rule_box { font-size: 0; padding-bottom: 25px; border-bottom: 1px solid #e6e6e6; position: relative; }

.rule_box p { font-size: 16px; font-weight: 600; display: inline-block; }

.rule_box .rule_list { display: inline-block; }

.rule_box .rule_list a { display: inline-block; font-size: 16px; height: 46px; line-height: 42px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eff6ff; color: #999999; padding: 0 22px; margin-right: 10px; }

.rule_box .rule_list a.active, .rule_box .rule_list a:hover { border-color: #eff6ff; background: #eff6ff; color: #1c80f2; }

.rule_box .rule_list a:last-child { margin-right: 0; }

.culture_box .personnel_boxlist ul li { background: url(../images/culture_listbg.jpg) no-repeat; border: none !important; -webkit-border-radius: 20px; border-radius: 20px; padding: 40px 50px; }

.culture_main { margin-bottom: 95px; }

.jzcp_box { position: relative; }

.jzpingce_box { position: absolute; top: 0; bottom: 0; right: -180px; z-index: 2; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

.jzpingce_box img { height: 100%; }

.cebian_zc { padding: 120px 15px; background: url(../images/zc_detailsbg.jpg) no-repeat; background-size: cover; -webkit-border-radius: 10px; border-radius: 10px; }

.cebian_zc a::after { display: none !important; }

.cebian_zc a { padding: 0 !important; border-top: none !important; border-bottom: none !important; }

.cebian_zc h6 { font-size: 24px; color: #fff; margin-bottom: 10px; font-style: italic; }

.historyContentList .swiper-slide { max-height: 400px; overflow-y: auto; }

.historyContentList .swiper-slide::-webkit-scrollbar { width: 2px; }

.historyContentList .swiper-slide::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #058cd8; }

.historyContentList .swiper-slide::-webkit-scrollbar-track { -webkit-border-radius: 0; border-radius: 0; background: rgba(0, 0, 0, 0.1); }

#loader { display: block; position: relative; width: 100px; height: 100px; margin: 30px auto; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid transparent; border-top-color: #058cd8; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }

#loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid transparent; border-top-color: #058cd8; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }

#loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid transparent; border-top-color: #058cd8; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.loader_text { text-align: center; font-size: 16px; }

.onestop_main { background: #f2f4f6; padding: 90px 0; }

.onestop_title { font-size: 34px; text-align: center; margin-bottom: 25px; line-height: 34px; }

.onestop_zc_list .zc_item { margin-bottom: 20px; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.onestop_zc_list .zc_item .zc_text ul { max-height: 208px; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 30px; }

.onestop_zc_list .zc_item .zc_text ul::-webkit-scrollbar { width: 2px; }

.onestop_zc_list .zc_item .zc_text ul::-webkit-scrollbar-track { background-color: #dddddd; -webkit-border-radius: 0; border-radius: 0; }

.onestop_zc_list .zc_item .zc_text ul::-webkit-scrollbar-thumb { background-color: #4440d1; -webkit-border-radius: 0; border-radius: 0; }

.onestop_zc_list .zc_item .zc_text ul li:first-child { margin-top: 0; }

.onestop_zc_list .zc_item .zc_text ul li { letter-spacing: 1px; font-size: 22px; line-height: 26px; margin: 26px 0; color: #000; padding-left: 20px; position: relative; }

.onestop_zc_list .zc_item .zc_text ul li p span { color: #ff0000; font-weight: 600; }

.onestop_zc_list .zc_item .zc_text ul li::after { display: block; content: ""; position: absolute; left: 0; width: 4px; height: 4px; background: #000; top: 11px; }

.onestop_zc_list .zc_item .zc_xian { width: 100%; height: 2px; background-image: -webkit-gradient(linear, left top, right top, from(#e0e1f9), to(#fff)); background-image: linear-gradient(to right, #e0e1f9, #fff); }

.onestop_zc_list .zc_item .zc_text h4 { margin-top: 26px; font-size: 16px; color: #999999; }

.onestop_zc_list .zc_item .zc_imgbox { width: 43%; text-align: center; }

.onestop_zc_list .zc_item .zc_text { max-width: 50%; }

.zc_odd_imgbox { display: none; }

.onestop_cysh { margin-top: 80px; }

.onestop_cysh_listitem { margin-bottom: 20px; }

.onestop_cysh_tit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid #d9d9d9; }

.onestop_cysh_tit .pon_cn { font-size: 20px; position: relative; padding-left: 10px; }

.onestop_cysh_tit .pon_cn::after { display: block; content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4px; height: 16px; background: #3182f6; }

.onestop_cysh_tit .pon_en { font-size: 18px; color: rgba(0, 0, 0, 0.2); text-transform: uppercase; }

.cysh_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; }

.cysh_list .item { position: relative; text-align: center; margin-bottom: 30px; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; margin-right: 30px; width: -webkit-calc(25% - (90px / 4)); width: calc(25% - (90px / 4)); height: 275px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.cysh_list .item:nth-child(4n) { margin-right: 0; }

.cysh_list .item .iconbox { height: 52px; margin-bottom: 16px; }

.cysh_list .item .iconbox img { max-height: 100%; }

.cysh_list .item p { font-size: 18px; line-height: 22px; }

.cysh_list .item::after { display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 4px solid #3182f6; -webkit-border-radius: 20px; border-radius: 20px; opacity: 0; z-index: -1; -webkit-transition: all 0.4s; transition: all 0.4s; }

.cysh_list .item:hover::after { z-index: 2; opacity: 1; }

.onestop_imgtong { position: absolute; z-index: 1; }

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

.onestop_zc, .onestop_cysh, .onestop_cysh_listitem, .onestop_main { position: relative; }

.vaccines_tips { margin-top: 40px; font-size: 16px; margin-bottom: 15px; }

.address_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.address_list .item { margin-bottom: 30px; margin-right: 30px; width: -webkit-calc(50% - 15px); width: calc(50% - 15px); -webkit-border-radius: 20px; border-radius: 20px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 45px; }

.address_list .item:nth-child(2n) { margin-right: 0; }

.address_list .item h2 { font-weight: 600; font-size: 18px; margin-bottom: 10px; }

.address_list .item p { font-size: 16px; color: #828282; line-height: 30px; }

.address_list .item p img { display: inline-block; margin-right: 10px; vertical-align: middle; }

.address_list .item p span { display: inline-block; vertical-align: middle; }

.cysh_list { position: relative; z-index: 2; }

.onestop_img01 { left: 0; bottom: -35%; }

.onestop_img02 { right: 0; top: -6%; }

.onestop_img03 { right: -280px; top: -100px; z-index: -1; }

.onestop_img04 { left: 0; bottom: -58px; }

.onestop_img05 { top: -150px; right: -400px; }

.onestop_img06 { left: -280px; top: -60px; z-index: -1; }

.header-top { background: #fff; }

.page02 { padding: 100px 0; }

.indexNewsList h2 { font-size: 24px; color: #059cde; padding-left: 10px; border-left: 2px #059cde solid; }

.indexNewsList .innew_top { margin-top: 20px; }

.indexNewsList .innew_top .imgbox img { width: 100%; }

.indexNewsList .innew_top a { position: relative; display: block; }

.indexNewsList .innew_top .bgtext { position: absolute; left: 0; bottom: 0; height: 50px; line-height: 50px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: rgba(0, 0, 0, 0.6); font-size: 18px; padding-left: 10px; color: #fff; }

.innew_bot_ul { padding-left: 20px; }

.innew_bot .innew_bot_ul li { list-style: disc; line-height: 30px; margin-top: 10px; }

.innew_bot .innew_bot_ul li::marker { color: #d6d2d2; }

.innew_bot .innew_bot_ul li a { display: block; font-size: 18px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.innew_bot .innew_bot_ul li:hover a { color: #059cde; }

.searchbtn { cursor: pointer; }

.backTop { position: fixed; bottom: 20%; right: 20px; width: 60px; height: 60px; background-color: #414348; -webkit-border-radius: 6px; border-radius: 6px; z-index: 999; color: #fff; cursor: pointer; }

.page03 { padding-bottom: 100px; padding-top: 100px; }

.backTopbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }

.backTop .sanjiao { margin: 0 auto; margin-top: 5px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 8px solid #fff; }

.page03 .index-work-wrap { padding-top: 0 !important; }

.page03 .index-plan .span_zn { font-size: 26px; }

.page03 .index-plan .span_en, .page07box .p_title_en { font-size: 16px; color: #999999; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; }

.page007 { background-size: cover; background-repeat: no-repeat; padding: 70px 0; }

.page07box .p_title { text-align: center; line-height: 40px; letter-spacing: 4px; }

.page07box .p_title_en { text-align: center; color: #999999; margin-top: 5px; }

.page07box .page07box_ul ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; margin-bottom: 28px; }

.page07box .page07box_ul .p_en { color: #999; font-size: 14px; opacity: 0.5; letter-spacing: 2px; text-transform: uppercase; margin-top: 0 !important; margin-bottom: 8px; text-align: center; }

.page07box .page07box_ul .p_cn { font-size: 20px; text-align: center; }

.page07box .page07box_ul ul li { margin-right: 11.66%; }

.page07box .page07box_ul ul li img { -webkit-transition: all 0.5s; transition: all 0.5s; max-width: 160px; }

.page07box .page07box_ul ul li:last-child { margin-right: 0; }

.page07box_links { color: #fff; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 346px; height: 95px; text-align: center; background: rgba(129, 210, 255, 0.2); -webkit-border-radius: 60px; border-radius: 60px; font-size: 22px; }

.page07box_linksbox { width: 92.5%; margin: 0 auto; height: 70px; line-height: 70px; background: #0fa2df; -webkit-border-radius: 60px; border-radius: 60px; -webkit-box-shadow: 0px 0px 10px rgba(5, 140, 216, 0.6); box-shadow: 0px 0px 10px rgba(5, 140, 216, 0.6); }

.page07box_links span { margin-right: 14px; }

.page07box_links:hover { color: #fff; }

body, html { overflow-x: hidden !important; position: relative; }

.page04 { padding-bottom: 230px; padding-top: 40px; background-size: cover; }

.page05 { padding: 88px 0; padding-top: 0 !important; }

.page05 .index-news-btns { height: auto !important; }

.page05 .index-news-prev { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.page05 .index-news-next { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.scientificResearchMap ul li.cur::after { background: rgba(254, 111, 63, 0.4); }

.scientificResearchMap ul li.no_build span { background: #6ba829 !important; }

.scientificResearchMap ul li.cur span { z-index: 9; }

.scientificResearchMap ul li.no_build::after { background: rgba(255, 235, 59, 0.4) !important; }

.page06 { height: 878px; }

.page06 .index-contact-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.page06 .index-contact-map { float: none !important; }

.page06 .index-contect-form { float: none !important; padding: 100px 40px !important; }

.page07 { padding: 0 !important; }

.indexbanner-bots { position: absolute; left: 50%; bottom: 40px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 99; }

.indexbanner-bots .swiper-pagination-bullet { cursor: pointer; width: 35px; height: 4px; margin: 0 4px; background-color: rgba(255, 255, 255, 0.5); display: inline-block; }

.indexbanner-bots .swiper-pagination-bullet-active { background-color: #059cde; }

.searchimg_two { display: inline-block; }

.searchimg_one { display: none; }

.headerhover .searchimg_two { display: inline-block; }

.headerhover .searchimg_one { display: none; }

#search-form { -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 100%; left: 40px; width: 20%; overflow: hidden; background: #ffffff; max-height: 0; }

#search-form fieldset { position: relative; padding: 0; border: none; z-index: 9; width: 100%; }

#search-form input[type="search"] { width: 100%; padding: 0 5px 0 22px; background: #ffffff; border: none; color: #333; z-index: 9; border: 1px solid #eee; border-right: none; }

#search-form #search-clear { display: none !important; }

input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button { opacity: 0 !important; }

#search-form input { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 60px; }

#search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 15%; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #ffffff; background: url(../images/search.png) no-repeat center #059cde; border: none; cursor: pointer; z-index: 11; }

.zcjsj_box { padding: 90px 0; }

.InnovationListContent .desc { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.InnovationList::after { display: block; content: ""; clear: both; }

.InnovationListContent { width: 48%; margin-right: 4%; float: left; }

.InnovationListContent:nth-child(2n) { margin-right: 0; }

@font-face { font-family: "Novecentowide"; src: url("../../fonts/Novecento-Wide-Normal-2.otf"); }

.zcjsj_box .ttt { font-size: 40px; line-height: 40px; text-align: center; margin-bottom: 27px; }

.personnel_search { background-color: #edf8fd; padding: 45px 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.personnel_ul li { padding: 16px 0; position: relative; }

.personnel_ul li::after { display: block; content: ""; position: absolute; bottom: 0; left: 0; background: url(../images/xian.png) no-repeat; height: 3px; width: 100%; }

.personnel_ul li .span01 { width: 88px; }

.personnel_ul li .span02 { width: 150px; }

.personnel_ul li .span03 { margin-right: 10px; }

.personnel_ul li .spantong { font-size: 16px; display: inline-block; vertical-align: middle; }

.personnel_ul li .per_cent { display: inline-block; vertical-align: middle; }

.personnel_ul li .per_cent dl dd { cursor: pointer; font-size: 16px; display: inline-block; margin-right: 25px; }

.personnel_ul li .per_cent dl dd img { width: 16px; margin-right: 5px; display: inline-block; vertical-align: middle; }

.personnel_ul li .per_cent dl dd span { display: inline-block; vertical-align: middle; }

.personnel_ul li .per_cent dl dd .img02 { display: none; }

.personnel_ul li .per_cent dl dd.cur .img01 { display: none; }

.personnel_ul li .per_cent dl dd.cur .img02 { display: inline-block; }

.personnel_ul li .per_cent dl dd:last-child { margin-right: 0; }

.per_input { position: relative; width: 345px; height: 50px; line-height: 50px; background: #d3ecf9; -webkit-border-radius: 25px; border-radius: 25px; }

.per_input input { font-size: 16px; width: 100%; padding-left: 30px; background: none; }

.per_input .layui-edge { position: absolute; right: 25px; top: 50%; margin-top: -3px; cursor: pointer; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #c2c2c2; transition: all .3s; -webkit-transition: all .3s; }

.per_cent { position: relative; }

.option_list { position: absolute; left: 0; top: 50px; padding: 5px 0; z-index: 899; min-width: 100%; border: 1px solid #eee; max-height: 300px; overflow-y: auto; background-color: #fff; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.08); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.08); display: none; }

.option_list .option_item { padding: 0 20px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }

.option_list .option_item.selectActive { background: #059cde !important; color: #fff !important; }

.option_list .option_item:hover { background: #eee; }

.pipei_btn { width: 155px; height: 50px; line-height: 50px; text-align: center; background: #058cd8; font-size: 16px; border: none; -webkit-border-radius: 25px; border-radius: 25px; color: #fff; -webkit-box-shadow: 0px 10px 25px rgba(5, 140, 216, 0.4); box-shadow: 0px 10px 25px rgba(5, 140, 216, 0.4); }

.personnel_search { position: relative; }

.personnel_search form { position: relative; z-index: 1; }

.imgposid { position: absolute; right: -170px; bottom: 0; z-index: 0; }

.pipei_btn { margin-top: 30px; }

.personnel_boxlist { margin-top: 40px; }

.personnel_boxlist ul li { margin-bottom: 20px; padding: 35px 60px; position: relative; background: url(../images/yuanbg.jpg) no-repeat; background-size: cover; border: 1px solid #daebf4; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; }

.personnel_boxlist ul li .attr { position: absolute; top: 0; right: 0; color: #fff; }

.personnel_boxlist ul li .line01 { font-size: 20px; }

.personnel_boxlist ul li .line01 span { color: #058cd8; }

.personnel_boxlist ul li .linetong { margin-top: 20px; color: #828282; font-size: 16px; line-height: 34px; }

.personnel_boxlist .attr { background: url(../images/juxing.png) no-repeat; width: 138px; height: 36px; background-size: cover; font-size: 16px; text-align: center; line-height: 36px; }

.xianlubox .xianlubox_item span { margin-right: 10px; color: #058cd8; font-size: 54px; font-family: "Novecentowide"; }

.xianlubox .xianlubox_item { margin-top: 20px; }

.xianlubox { background: url(../images/xian_img.png) no-repeat 15px center; }

.qinquanbox .q_item { display: inline-block; padding: 50px 0; margin-left: 15px; }

.qinquanbox .q_item i { font-family: "Novecentowide"; color: #058cd8; font-size: 48px; font-style: normal; margin-top: 12px; }

.qinquanbox .q_item p { font-size: 14px; color: #828282; margin-bottom: 10px; }

.qinquanbox { background: url(../images/qinquan.png) no-repeat center right; }

.header-nav ul li h3 a { color: #333; }

.header-top { position: relative; }

.cysh_list .item p { height: 66px; }

.onestop_zc_list .zc_item .zc_imgbox img { max-width: 100%; }

@media (min-width: 1400px) { .header-nav ul li h3 a { font-size: 18px; }
  .index-work-item ul li .desc { font-size: 16px !important; } }

@media screen and (max-width: 1400px) { .onestop_img02 { height: 600px; } }

@media screen and (max-width: 1220px) { .onestop_zc_list .zc_item .zc_text ul li { font-size: 18px; margin: 20px 0; } }

@media screen and (max-width: 1024px) { .onestop_zc_list .zc_item .zc_text ul li { font-size: 16px; margin: 10px 0; }
  .onestop_zc_list .zc_item .zc_text h4 { font-size: 14px; margin-top: 10px; }
  .cysh_list .item p { font-size: 14px; line-height: 20px; }
  .onestop_cysh_tit .pon_en { font-size: 14px; }
  .cysh_list .item { height: auto; padding-top: 50px; padding-bottom: 50px; }
  .page02, .page03 { padding: 60px 0; }
  .indexTopNews h3 { font-size: 20px !important; }
  .indexNewsList { height: auto !important; padding-top: 30px; padding-bottom: 30px; }
  .index-news-wrap, .index-work-wrap { padding-bottom: 0 !important; }
  .page07box .p_title_en { margin-top: 0; }
  .page07box .p_title_en { font-size: 16px; letter-spacing: 4px; }
  .page07box_links { font-size: 18px; }
  .page04 { padding-bottom: 60px; }
  #search-form { width: 100%; }
  .index-contact-map { height: 400px !important; }
  .page06 { height: auto; }
  .page06 .index-contact-wrap { display: block; }
  .page06 .index-contect-form { padding: 60px 40px !important; }
  .imgposid { width: 60%; right: -10%; bottom: 0; }
  .personnel_boxlist ul li { padding: 25px; }
  .personnel_search { padding: 35px 25px; }
  .zcjsj_box .ttt { font-size: 30px; } }

@media (max-width: 768px) { .index_oneshi { height: 90px; }
  .address_list .item { margin-right: 0; width: 100%; margin-bottom: 15px; padding: 15px; }
  .address_list .item h2 { font-size: 16px; }
  .address_list .item p { font-size: 14px; line-height: 24px; }
  .address_list .item p img { width: 12px; }
  .address_list .item p span { width: -webkit-calc(100% - 30px); width: calc(100% - 30px); }
  .InnovationListContent { float: none; width: 100%; margin-right: 0; }
  .onestop_main { padding: 40px 0; }
  .onestop_title { font-size: 22px; margin-bottom: 15px; }
  .onestop_zc_list .zc_item { display: block; }
  .onestop_zc_list .zc_item .zc_text { width: 100%; max-width: 100%; }
  .onestop_zc_list .zc_item .zc_imgbox { width: 100%; margin-top: 30px; }
  .onestop_zc_list .zc_item:nth-child(2n) .zc_imgbox { display: none; }
  .onestop_zc_list .zc_item:nth-child(2n) .zc_odd_imgbox { display: block; }
  .onestop_cysh_tit .pon_en { display: none; }
  .onestop_cysh_tit .pon_cn { font-size: 18px; }
  .onestop_cysh { margin-top: 40px; }
  .onestop_zc_list .zc_item .zc_text ul { padding-right: 0; }
  .onestop_zc_list .zc_item { padding: 20px; }
  .cysh_list .item { margin-right: 15px; width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin-bottom: 15px; }
  .cysh_list .item:nth-child(2n) { margin-right: 0; } }

@media (max-width: 600px) { .onestop_zc_list .zc_item .zc_xian { margin-top: 5px; }
  .onestop_zc_list .zc_item .zc_text ul li { letter-spacing: 0; padding-left: 10px; font-size: 14px; margin: 0; }
  .cysh_list .item .iconbox img { max-width: 40px; }
  .cysh_list .item .iconbox { margin-bottom: 8px; height: auto; }
  .cysh_list .item p { height: auto; }
  .cysh_list .item p br { display: none; }
  .qinquanbox .q_item { padding: 0; margin-left: 0; margin-top: 20px; }
  .serviceExhibitionClass ul li { width: 33.333%; }
  .xianlubox_item { font-size: 14px; }
  .indexbanner-bots { bottom: 5%; }
  .indexbanner-bots .swiper-pagination-bullet { width: 20px; height: 3px; }
  .page02 .commonweb { padding-top: 0; }
  .indexNewsList { padding: 15px; }
  .indexNewsList h2 { font-size: 18px; line-height: 18px; }
  .indexNewsList .innew_top .bgtext { height: 40px; line-height: 40px; font-size: 14px; }
  .innew_bot .innew_bot_ul li a { font-size: 16px; }
  .innew_bot .innew_bot_ul li { line-height: 20px; }
  .page03 .index-plan .span_zn { font-size: 18px; }
  .page03 .index-plan .span_en { font-size: 12px; }
  .page007 { padding: 60px 0; }
  .page07box .page07box_ul ul li img { width: 100%; }
  .page07box .p_title { line-height: 28px; }
  .page07box .page07box_ul .p_en { text-align: center; line-height: 18px; height: 36px; font-size: 12px; letter-spacing: 0; margin-top: 10px; }
  .page07box .page07box_ul .p_cn { font-size: 16px; }
  .page07box_links { width: 250px; height: 60px; line-height: 60px; font-size: 16px; }
  .page07box_linksbox { height: 45px; line-height: 45px; }
  .page07box_links img { width: 13px; }
  .page05 { padding-top: 0; padding-bottom: 60px; }
  .index-story-wrap, .index-point-wrap, .index-work-wrap { padding-bottom: 0 !important; }
  .page06 .index-contect-form { padding: 20px !important; }
  .incontect-form-box ul li input, .incontect-form-box ul li textarea { -webkit-border-radius: 6px !important; border-radius: 6px !important; }
  .index-title .enTitle { font-size: 12px; padding-top: 0; }
  .personnel_ul li .per_cent dl dd { font-size: 14px; margin-right: 10px; }
  .per_cent { width: -webkit-calc(100% - 135px); width: calc(100% - 135px); }
  .per_input { width: 100%; }
  .personnel_boxlist ul li .line01 { font-size: 16px; }
  .personnel_boxlist ul li .linetong { margin-top: 10px; color: #828282; font-size: 14px; line-height: 28px; }
  .zcjsj_box { padding: 60px 0; }
  .personnel_ul li .spantong { font-size: 14px; }
  .imgposid { display: none; }
  .personnel_ul li .span02 { width: 130px; }
  .per_input input { padding-left: 15px; } }

@media (min-width: 768px) { .row { margin: 0px -10px; }
  .detailbox { padding-right: 30px; }
  .container { max-width: 750px; }
  .Classlistbox { float: left; width: 230px; margin-right: 20px; padding: 0px; }
  .contentBox { float: left; width: -webkit-calc(100% - 250px); width: calc(100% - 250px); padding: 35px 20px 35px; }
  .textList ul li { float: left; width: 50%; }
  .imagelistBox { margin-top: -40px; padding: 40px 20px; }
  .imagelistBg { padding-top: 0px; }
  .imagelistTitle { font-size: 24px; line-height: 30px; }
  .textList ul li::after { background: #616161; width: 70%; height: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 0px 60px #616161; box-shadow: 0px 0px 60px #616161; }
  .textList ul li .textListContent { position: relative; height: 300px; background: #f6f6f6; padding: 50px 30px 30px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 9; position: relative; }
  .textList ul li .textListContent h3 { font-size: 20px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 28px; height: 56px; }
  .textList ul li .textListContent p.desc { font-size: 14px; color: #828282; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 24px; height: 72px; margin-top: 20px; }
  .textList ul li .textListContent p.time { font-size: 14px; color: #999999; margin-top: 15px; position: absolute; left: 30px; bottom: 30px; right: 0px; }
  .commonMore { padding-top: 30px; }
  .commonMore a { display: inline-block; width: 160px; line-height: 46px; -webkit-border-radius: 46px; border-radius: 46px; font-size: 14px; }
  .commonBanner .bigImg { display: block; width: 100%; height: auto; position: relative; left: 0px; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); }
  .commonBannerText p svg { width: 100%; height: 100px; }
  .commonBannerText p svg text { font-size: 80px; }
  .commonBannerText p.policyText text { font-size: 80px; }
  .commonBannerText h3 { font-size: 26px; letter-spacing: 14px; padding-left: 14px; line-height: 30px; }
  .imageContentbox { padding-right: 295px; }
  .imageContent { width: 295px; right: 0px; height: 100%; padding: 30px 20px 0px; -webkit-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; position: absolute; top: 0px; }
  .imagelistCarouselDot { position: absolute; right: 0px; width: 295px; bottom: 15%; padding-left: 20px; }
  .imageContent .time { font-size: 14px; padding-bottom: 10px; }
  .imageContent h3 { font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 22px; height: 44px; }
  .imageContent .desc { margin-top: 10px; color: rgba(255, 255, 255, 0.7); font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 18px; height: 54px; }
  .imageContentbox img { position: relative; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; }
  .imagelistSearch { padding: 20px 0px; text-align: right; }
  .imagelistSearch p { display: inline-block; width: 395px; }
  .imagelist ul li { float: left; width: 50%; }
  .imagelist ul li .imagelistContent { padding: 20px; }
  .imagelist ul li .imagelistContent h3 { font-size: 18px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 28px; height: 56px; }
  .imagelist ul li .imagelistContent p { font-size: 14px; color: #a8a8a8; margin-top: 10px; }
  .newsImgList { padding: 60px 0px 70px; }
  .newsImgList h2 { font-size: 26px; line-height: 30px; padding-bottom: 30px; }
  .newsImgList ul li { float: left; width: 50%; }
  .newsImgList ul li .newsImgListContent { padding: 20px; }
  .newsImgList ul li .newsImgListContent h3 { font-size: 18px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 28px; height: 56px; }
  .newsImgList ul li .newsImgListContent p { font-size: 14px; color: #a8a8a8; margin-top: 10px; }
  .detailTitle { padding-top: 25px; }
  .detailTitle h1 { float: left; width: -webkit-calc(100% - 100px); width: calc(100% - 300px); color: #000000; font-size: 24px; line-height: 32px; }
  .detailTitle .time { float: left; width: 300px; text-align: right; color: #999999; font-size: 16px; }
  .imageDetailBox { margin-top: -40px; padding: 30px 30px; }
  .newsDetailBox { padding: 30px 30px 0px; }
  .newsList li a { line-height: 58px; height: 58px; font-size: 16px; }
  .newsList li::after { right: -20px; left: -20px; }
  .newsList li span { line-height: 58px; font-size: 14px; }
  .contentTitle h3 { font-size: 24px; float: left; }
  .contentTitle .location { float: right; }
  .Classlistbox { margin-top: -167px; padding: 0px; }
  .policyTitle { font-size: 24px; padding-top: 50px; padding-bottom: 30px; line-height: 30px; }
  .InnovationDetail h2 { font-size: 24px; padding-bottom: 30px; line-height: 30px; }
  .serviceExhibitionClass ul li { width: 20%; padding-bottom: 20px; }
  .planningMap { float: left; width: 470px; }
  .planningList { float: left; width: -webkit-calc(100% - 480px); width: calc(100% - 480px); margin-left: 10px; margin-top: 0px; }
  .planningClass ul { margin: 0px -1px; overflow: visible; }
  .planningClass ul li { float: left; width: 16.666666666666668%; padding: 0px 1px; position: relative; }
  .planningClass ul li a { display: block; line-height: 50px; padding: 0px; color: #333333; font-size: 14px; }
  .HelloThereTitle { font-size: 18px; padding-top: 60px; }
  .HelloThereIntro { padding-top: 60px; }
  .HelloThereIntro h3 { font-size: 34px; line-height: 1.2; padding-bottom: 20px; }
  .HelloThereIntro p { font-size: 14px; line-height: 24px; }
  .ThreebigIntro ul { padding: 40px 0px; margin: 20px auto 0px; }
  .ThreebigIntro ul li { float: none; display: inline-block; width: auto; }
  .ThreebigIntro ul li div { width: 180px; height: 180px; line-height: 180px; font-size: 18px; }
  .ThreebigIntro ul li:nth-child(2) div { width: 220px; height: 220px; line-height: 24px; font-size: 18px; margin: 0px 70px; }
  .ThreebigIntro ul li:nth-child(2) div p img { height: 60px; }
  .ThreebigIntro ul li:nth-child(2) div span { display: block; }
  .ThreebigIntro ul li::after { display: block; }
  .HelloThereVideo { margin-top: 40px; }
  .serviceTitle { font-size: 18px; padding-top: 40px; }
  .serviceIntro dt { width: 340px; float: left; }
  .serviceIntro dt span { width: 100px; position: absolute; left: -74px; top: 55px; display: block; }
  .serviceIntro dt span img { -webkit-border-radius: 0px; border-radius: 0px; }
  .serviceIntro dd { float: left; width: -webkit-calc(100% - 340px); width: calc(100% - 340px); padding-left: 40px; padding-top: 30px; }
  .serviceIntro dd h3 { font-size: 30px; }
  .serviceIntro dd h4 { font-size: 18px; margin-top: 10px; }
  .serviceIntro dd h4::after { height: 5px; width: 35px; margin-top: 15px; }
  .serviceIntro dd p { font-size: 14px; margin-top: 15px; }
  .serviceExhibition { margin-top: 0px; }
  .serviceExhibition ul li img { display: block; width: 100%; height: auto; position: relative; left: 0%; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
  .serviceExhibitionText h3 { font-size: 30px; }
  .serviceExhibitionText p.icon { padding: 10px 0px; }
  .serviceExhibitionText p.icon span { width: 20px; height: 3px; }
  .serviceExhibitionText p.desc { font-size: 16px; }
  .serviceExhibitionContent { padding: 50px 0px 70px; }
  .serviceExhibitionClass ul li span { width: 40px; height: 40px; }
  .ServiceMattersTitle { font-size: 26px; padding-top: 60px; }
  .ServiceMattersList ul li { padding: 30px 80px 30px 100px; }
  .ServiceMattersList ul li h3 { font-size: 18px; }
  .ServiceMattersList ul li img { position: absolute; height: 45px; left: 40px; top: 35px; }
  .ServiceMattersList ul li .more { font-size: 14px; padding-top: 15px; }
  .indexNewsMore { font-size: 14px; }
  .indexClass a { width: 130px; line-height: 45px; font-size: 14px; }
  .scientificResearchMap { float: left; max-width: 790px; padding-right: 50px; width: 66.66667%; position: relative; display: block; }
  .scientificResearchListbox { float: right; width: 33.33333%; position: relative; }
  .indexTopNews { padding: 15px 100px 0px 140px; height: 120px; }
  .indexTopNews h2 { font-size: 24px; width: 120px; height: 120px; line-height: 40px; padding-top: 20px; letter-spacing: 3px; color: #fff; background-color: #059cde; position: absolute; left: 0px; top: 0px; padding-left: 3px; }
  .indexTopNews h2 span { display: block; }
  .indexTopNews h3 { font-size: 28px; padding: 0px; color: #282828; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 45px; height: 45px; margin: 0px; }
  .indexTopNews h3 a { color: #282828; }
  .indexTopNews .desc { color: #666666; padding: 0px; font-size: 14px; }
  .indexTopNews .more { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 40px; }
  .indexTopNews .more a { display: block; width: 40px; color: #059cde; font-size: 18px; line-height: 18px; padding-right: 20px; background: url(../images/topMore.png) no-repeat right center; }
  .commonClass ul li a { line-height: 45px; font-size: 14px; }
  .detaiClassTitle { font-size: 18px; padding-top: 25px; }
  .Innovationbox { padding: 60px 0px 70px; }
  .Innovationbox h2 { font-size: 26px; line-height: 30px; padding-bottom: 30px; }
  .serviceDetailbox { padding: 50px 0px 70px; }
  .serviceDetailbox h2 { font-size: 26px; line-height: 30px; padding-bottom: 30px; }
  .focusingbg { padding: 40px 0px 60px; }
  .focusingbg h3 { font-size: 22px; line-height: 24px; }
  .plan { padding-top: 40px; }
  .plan h3 { font-size: 22px; line-height: 30px; }
  .plan ul { margin: 0px -10px; padding-top: 20px; }
  .plan ul li { float: left; width: 33.3333%; padding: 0px 10px; }
  .planSystem h4 span { line-height: 56px; -webkit-border-radius: 56px; border-radius: 56px; width: 300px; font-size: 18px; }
  .fourAdvantage ul::before { display: block; top: 65px; }
  .fourAdvantage ul li { width: 25%; padding: 0px; }
  .fourAdvantage ul li img { max-width: 129px; }
  .fourAdvantage ul li h4 { font-size: 18px; }
  .fourAdvantage ul li .enTitle { margin-top: 15px; }
  .fourAdvantage ul li .desc { font-size: 14px; padding-top: 5px; }
  .fourAdvantage ul li:nth-child(2n+1) { clear: none; }
  .ThreeTypesbox { padding: 50px 0px; }
  .ThreeTypesContent .enTitle { font-size: 14px; padding-bottom: 8px; }
  .ThreeTypesContent h3 { font-size: 20px; padding-bottom: 20px; }
  .ThreeTypesContent .desc { font-size: 14px; padding-top: 25px; }
  .ThreeTypesContent img { max-width: 100px; }
  .fourAdvantage h3 { font-size: 24px; }
  .historyTimebg h3 { font-size: 24px; line-height: 28px; padding-bottom: 30px; }
  .historyTime ul li { font-size: 18px; }
  .InnovationList { padding: 20px 30px 30px; }
  .InnovationListContent { padding: 30px; }
  .InnovationListContent h4 { font-size: 16px; }
  .InnovationListContent div { font-size: 14px; line-height: 24px; }
  .InnovationListContent .Date { margin-top: 10px; padding-left: 65px; }
  .InnovationListContent .Company { padding-left: 65px; }
  .InnovationListContent .desc { padding-left: 40px; }
  .InnovationListContent .more a { font-size: 12px; -webkit-border-radius: 38px; border-radius: 38px; line-height: 38px; width: 120px; }
  .Innovation ul li h3 { padding: 15px 0px 15px 70px; font-size: 16px; }
  .Innovation ul li h3 img { left: 25px; height: 30px; }
  .buildInfo ul li { padding: 20px 0px; }
  .buildInfo ul li a { padding-left: 200px; }
  .buildInfo ul li .SmallImg { width: 180px; }
  .buildInfo ul li h3 { font-size: 18px; display: -webkit-box; height: 24px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .buildInfo ul li .address { padding-left: 20px; font-size: 15px; margin-top: 5px; }
  .buildInfo ul li .desc { font-size: 12px; margin-top: 10px; }
  .buildInfo ul li .time { font-size: 12px; margin-top: 8px; }
  .passageway dl { padding: 30px 0px; }
  .passageway dl dt { line-height: 30px; padding-bottom: 0px; }
  .passageway dl dt h3 { font-size: 24px; }
  .passageway dl dt p { font-size: 24px; }
  .passageway dl dd { font-size: 12px; line-height: 18px; }
  .passageway dl dd h3 { font-size: 16px; margin-bottom: 10px; }
  .passageway dl dd p { margin-bottom: 20px; }
  .ServiceTypeList { margin: 0px -15px; padding-top: 0px; }
  .ServiceTypeContent { padding: 50px 15px 15px; }
  .ServiceMattersList dl dt { font-size: 20px; padding-bottom: 10px; padding-top: 40px; }
  .ServiceTypeContent .icon img { height: 60px; }
  .ServiceTypeContent h4 { font-size: 18px; }
  .serviceMap { margin-top: 70px; }
  .serviceDetailTitle { font-size: 26px; line-height: 30px; padding-top: 25px; }
  .serviceDetailTitle img { height: 40px; }
  .serviceDetailList { padding-top: 30px; }
  .serviceDetailList h3 { font-size: 16px; }
  .serviceDetailList ul {  padding: 20px 0px 20px; }
  .serviceDetailList ul p a {float: left;width: 49%; margin-right:1%; margin-bottom:15px;padding: 0px 10px 10px; display: -webkit-box; height: 38px; line-height: 38px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 14px; padding: 0px 20px; }
  .location a { padding: 0px 10px; }
  .trafficList { padding: 30px 0px 70px; }
  .trafficList dl dt { width: 50%; }
  .trafficList dl dd { width: 50%; font-size: 14px; color: #828282; padding-left: 60px; padding-top: 0px; padding-bottom: 0px; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .trafficList dl dd h3 { font-size: 22px; line-height: 30px; color: #000000; font-weight: 700; padding-bottom: 5px; }
  .trafficList dl:nth-child(2n) dt { float: right; }
  .trafficList dl:nth-child(2n) dd { left: 0px; padding-left: 0px; padding-right: 60px; text-align: right; }
  .trafficBanner span { width: 40px; height: 40px; }
  .trafficBannerText { max-width: 650px; margin: 0px auto; }
  .trafficBanner span.trafficBannerPrev { left: 50px; }
  .trafficBanner span.trafficBannerNext { right: 50px; }
  .Restaurant { padding-top: 25px; }
  .Restaurant h3 { font-size: 20px; }
  .Restaurant ul li { width: 33.333%; }
  .landmarkbox { padding-top: 50px; padding-bottom: 20px; }
  .landmarkbox h3 { font-size: 20px; }
  .landmarkSmallImg ul li h4 { font-size: 16px; padding-top: 5px; }
  .landmarkBigImg span { width: 35px; height: 35px; }
  .landmarkBigImg span.landmarkBigImgPrevBtn { left: 40px; }
  .landmarkBigImg span.landmarkBigImgNextBtn { right: 40px; }
  .landmarkBigImgText p { font-size: 20px; letter-spacing: 5px; padding-bottom: 10px; }
  .landmarkBigImgText h4 { font-size: 26px; line-height: 30px; letter-spacing: 10px; }
  .MedicalResources span { top: 50%; }
  .MedicalResourcesText { font-size: 14px; line-height: 24px; padding: 30px 20px 15px; position: absolute; left: 10%; right: 10%; margin: 0px; }
  .MedicalResources span.MedicalResourcesPrevBtn { left: 40px; }
  .MedicalResources span.MedicalResourcesNextBtn { right: 40px; }
  .RestaurantMatchingContent { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0px 0px 0px 70px; }
  .RestaurantMatchingContent h3 { font-size: 26px; line-height: 30px; }
  .RestaurantMatchingContent .desc { font-size: 14px; line-height: 22px; padding-top: 15px; }
  .RestaurantMatchingContent .line { padding-top: 40px; }
  .RestaurantMatchingContent .line span { height: 3px; width: 30px; }
  .RestaurantMatching { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .RestaurantMatchingClass { min-height: 600px; width: 250px; background: rgba(255, 255, 255, 0.1); }
  .RestaurantMatchingClass h3 { font-size: 20px; padding-left: 40px; padding-top: 50px; line-height: 24px; }
  .RestaurantMatchingClass .desc { font-size: 14px; padding-left: 40px; padding-top: 10px; }
  .RestaurantMatchingClass ul { padding-top: 30px; }
  .RestaurantMatchingClass ul li { border-top: 1px solid rgba(255, 255, 255, 0.2); float: none; width: auto; border-right: none; background: none; }
  .RestaurantMatchingClass ul li a { display: block; border-left: 4px solid transparent; display: -webkit-box; height: 60px; line-height: 60px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 14px; padding-left: 40px; text-align: left; color: rgba(255, 255, 255, 0.6); }
  .RestaurantMatchingClass ul li.cur a { background-color: #058ed9; color: #fff; border-left-color: #04d9ff; }
  .RestaurantMatchingbox { margin-top: 60px; }
  .MedicalResourcesbox { padding-top: 50px; }
  .MedicalResourcesbox h3 { font-size: 22px; line-height: 30px; }
  .enclosure ul { margin: 0px -15px; }
  .enclosure ul li { padding: 0px 15px; float: left; width: 50%; margin-top: 15px; }
  .ActivityNoticebox .location { text-align: right; padding-top: 30px; }
  .ActivityNotice { margin-top: 25px; }
  .ActivityNoticeTitme { float: left; width: 125px; border-right: 1px solid #f2f2f2; overflow: visible; border-bottom: none; }
  .ActivityNoticeTitme ul li { display: block; height: 80px; text-align: left; line-height: 24px; padding: 15px 0px 0px 20px; border-bottom: 1px solid #f2f2f2; border-right: none; color: #999999; font-size: 16px; position: relative; cursor: pointer; }
  .ActivityNoticeTitme ul li:last-child { border-bottom: none; }
  .ActivityNoticeTitme ul li.cur { color: #058cd8; font-weight: 700; background: #f6f9fe; }
  .ActivityNoticeTitme ul li.cur::after { content: ''; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4px; height: 34px; -webkit-border-radius: 10px; border-radius: 10px; background: #058cd8; left: 0px; display: block; position: absolute; }
  .ActivityNoticeContent { padding: 0px 20px 0px; float: left; width: -webkit-calc(100% - 125px); width: calc(100% - 125px); }
  .ActivityNoticeContent dl dt { float: left; width: 46%; padding-top: 30px; padding-right: 20px; }
  .ActivityNoticeContent dl dt h4 { color: #058cd8; }
  .ActivityNoticeContent dl dt h5 { color: #333333; font-size: 20px; line-height: 28px; height: 28px; margin-top: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
  .ActivityNoticeContent dl dt .desc { color: #828282; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 10px; }
  .ActivityNoticeContent dl dt .timeAddress { color: #666666; line-height: 24px; margin-top: 20px; }
  .ActivityNoticeContent dl dt .more { padding-top: 30px; }
  .ActivityNoticeContent dl dt .more a { display: inline-block; width: 130px; background: #058cd8; color: #fff; line-height: 45px; text-align: center; -webkit-border-radius: 45px; border-radius: 45px; }
  .ActivityNoticeContent dl dd { float: left; width: 54%; padding-top: 30px; }
  .ActivityNoticeContent dl dd img { display: block; width: 100%; } }

@media (min-width: 1024px) { .container { max-width: 970px; }
  .imageDetailBox .detailbox { padding: 0px 0px 0px 30px; margin-left: 160px; border-left: 2px solid #f0f0f0; }
  .newsDetailBox .detailbox { padding: 0px 0px 60px 30px; margin-left: 160px; border-left: 2px solid #f0f0f0; }
  .policyDetailClass { float: left; width: 260px; overflow-x: visible; white-space: initial; }
  .policyDetailClass a { display: block; border-top: 2px solid #dcdcdc; border-bottom: none; padding: 25px 0px 25px 2px; font-size: 18px; position: relative; }
  .policyDetailClass a::after { content: ''; }
  .policyDetailContentbox { float: left; width: -webkit-calc(100% - 260px); width: calc(100% - 260px); padding-left: 50px; padding-bottom: 50px; padding-top: 0px; padding-right: 0px; }
  .policyList dl { padding-bottom: 30px; }
  .policyList dl dd { padding: 20px 15px 0px; }
  .policyList dl dd h3 { font-size: 20px; color: #333333; line-height: 24px; font-weight: 700; position: relative; padding-top: 20px; }
  .policyList dl dd h3::after { content: ''; position: absolute; left: 0px; top: 0px; width: 12px; height: 12px; -webkit-border-radius: 100%; border-radius: 100%; background: #058cd8; }
  .policyList dl dd .descBox { margin-top: 10px; }
  .policyList dl dd .descBox p { font-size: 14px; color: #666666; line-height: 22px; }
  .policyList dl dd .descBox .ApplicationBtn { padding-top: 10px; }
  .policyList dl dd .descBox .ApplicationBtn a { display: block; width: 140px; line-height: 45px; -webkit-border-radius: 45px; border-radius: 45px; }
  .detailContent { font-size: 16px; }
  .serviceExhibitionClass ul li { width: 16.666666666666668%; }
  .planningListbox { padding: 65px 0px; }
  .planningMap { width: 570px; }
  .planningList { width: -webkit-calc(100% - 600px); width: calc(100% - 600px); margin-left: 30px; }
  .planningList ul li .planningListContent { padding: 20px 20px 90px; }
  .planningList ul li .planningListContent h3 { font-size: 16px; }
  .planningList ul li .planningListContent p { font-size: 14px; line-height: 22px; margin-top: 10px; }
  .SwitchBtn { bottom: 25px; left: 20px; }
  .SwitchBtn span { width: 35px; height: 35px; }
  .ThreebigIntro ul { padding: 40px 0px; margin: 40px auto 0px; }
  .ThreebigIntro ul li::before { display: block; }
  .ThreebigIntro ul li div em { display: block; }
  .ThreebigIntro ul li div em i { display: inline-block; width: 8px; height: 8px; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px 20px 0px 0px; }
  .ThreebigIntro ul li:nth-child(1) div em { left: -95px; }
  .ThreebigIntro ul li:nth-child(3) div em { right: -95px; }
  .ThreebigIntro ul li:nth-child(3) div em i { background-color: #058cd8; margin: 0px 0px 0px 20px; }
  .HelloThereVideo span { width: 70px; height: 70px; }
  .HelloThereVideo span::after { border: 14px solid transparent; border-top-width: 10px; border-bottom-width: 10px; border-left-color: #fff; border-right: none; }
  .HelloThereVideo { margin-top: 70px; }
  .serviceTitle { font-size: 20px; padding-top: 60px; }
  .serviceIntroBg { background: url(../images/service_04.png) no-repeat right bottom; background-size: auto 433px; }
  .serviceIntro dt { width: 440px; }
  .serviceIntro dt span { width: 180px; position: absolute; left: -124px; top: 55px; }
  .serviceIntro dd { width: -webkit-calc(100% - 440px); width: calc(100% - 440px); padding-left: 40px; padding-top: 60px; }
  .serviceIntro dd h3 { font-size: 40px; }
  .serviceIntro dd h4 { font-size: 20px; margin-top: 15px; }
  .serviceIntro dd h4::after { height: 5px; width: 35px; margin-top: 15px; }
  .serviceIntro dd p { font-size: 14px; margin-top: 15px; line-height: 26px; }
  .serviceExhibition { margin-top: 0px; }
  .serviceExhibition em { position: absolute; width: 48px; height: 48px; }
  .serviceExhibition em i { position: absolute; width: 20px; height: 2px; }
  .serviceExhibition em.serviceExhibitionPrev { left: 60px; }
  .serviceExhibition em.serviceExhibitionNext { right: 60px; }
  .serviceExhibitionContent { padding: 70px 0px 90px; }
  .serviceExhibitionContent dt { float: left; width: 400px; }
  .serviceExhibitionContent dt h3 { font-size: 24px; padding-bottom: 15px; }
  .serviceExhibitionContent dt p svg { width: 100%; height: 70px; }
  .serviceExhibitionContent dt p svg text { font-size: 70px; }
  .serviceExhibitionContent dd { width: -webkit-calc(100% - 400px); width: calc(100% - 400px); float: left; padding-left: 20px; padding-top: 0px; }
  .serviceExhibitionContent dd .desc { font-size: 16px; line-height: 26px; }
  .serviceExhibitionContent dd h3 { font-size: 16px; margin-top: 20px; }
  .serviceExhibitionContent dd .OfficeHours { font-size: 14px; padding-top: 10px; }
  .serviceExhibitionClass ul li p { font-size: 16px; }
  .ServiceMattersList ul li { padding: 30px 80px 30px 100px; }
  .ServiceMattersList ul li h3 { font-size: 20px; }
  .ServiceMattersList ul li h4 { font-size: 16px; margin-top: 15px; margin-bottom: -5px; }
  .ServiceMattersList ul li .desc { font-size: 14px; line-height: 24px; margin-top: 10px; }
  .ServiceMattersList ul li img { position: absolute; height: 45px; left: 40px; top: 35px; }
  .ServiceMattersTitle { font-size: 34px; padding-top: 80px; }
  .ServiceMattersList { padding: 15px 0px 60px; margin-top: 30px; }
  .ServiceMattersImg { margin-top: 30px; }
  .ServiceMattersImg::after { width: 100%; position: absolute; right: -80%; height: 87%; -webkit-border-radius: 8px; border-radius: 8px; background: #e5ecf5; content: ''; bottom: -10%; }
  .ServiceMattersImg::before { width: 30%; position: absolute; left: -6%; height: 87%; -webkit-border-radius: 8px; border-radius: 8px; background: #f0f0f0; content: ''; top: -17%; }
  .ServiceMattersList ul li .btn a { display: inline-block; width: 140px; line-height: 45px; -webkit-border-radius: 45px; border-radius: 45px; font-size: 14px; }
  .ServiceMattersList ul li .link { line-height: 24px; font-size: 14px; padding-top: 10px; }
  .ServiceMattersList ul li .link span { padding: 0px 15px; }
  .entrepreneurBox { padding: 15px 25px; }
  .indexNewsClass a { margin: 0px 10px; font-size: 16px; width: 160px; line-height: 45px; }
  .indexNewsbanner { float: left; width: -webkit-calc(66.66666666666667% - 6px); width: calc(66.66666666666667% - 6px); margin-right: 6px; }
  .indexNewsListBox { float: left; width: 33.333333333333336%; padding-left: 14px; }
  .indexNewsbanner ul li img { height: 430px; }
  .indexCalculator { padding-top: 60px; }
  .indexCalculator h3 { font-size: 28px; line-height: 30px; }
  .indexCalculatorSearchBtn { width: 110px; }
  .indexCalculatorSearch label { padding: 14px 120px 14px 20px; }
  .indexCalculatorSearch label input { font-size: 14px; }
  .commonBannerText p.videoBtn span { width: 70px; height: 70px; }
  .commonBannerText p.videoBtn span::after { border: 14px solid transparent; border-top-width: 10px; border-bottom-width: 10px; border-left-color: #fff; border-right: none; }
  .focusingbg { padding: 50px 0px 80px; }
  .focusingbg h3 { font-size: 28px; line-height: 30px; }
  .focusing { max-width: 499px; position: relative; margin: 40px auto 0px; }
  .focusing .circularImg { display: block; }
  .focusingField { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 358px; }
  .focusingField dl dt img { height: 56px; }
  .focusingField dl dd { font-size: 20px; padding-top: 10px; line-height: 26px; }
  .focusing ul { margin: 0px; }
  .focusing ul li { position: absolute; text-align: right; padding-right: 60px; width: auto; float: none; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; }
  .focusing ul li h4 { font-size: 18px; color: #333333; }
  .focusing ul li p { font-size: 14px; color: rgba(51, 51, 51, 0.6); text-transform: uppercase; padding-top: 0px; }
  .focusing ul li img { display: block; height: 40px; position: absolute; right: 0px; top: 0px; }
  .focusing ul li::after { content: ''; display: block; width: 20px; height: 20px; background: #058cd8; border: 6px solid #e2f0f7; position: absolute; -webkit-border-radius: 100%; border-radius: 100%; right: -50px; top: 8px; }
  .focusing ul li:nth-child(1) { top: 39px; left: -170px; }
  .focusing ul li:nth-child(2) { top: 39px; left: auto; text-align: left; padding-right: 0px; padding-left: 65px; right: -120px; }
  .focusing ul li:nth-child(2) img { left: 0px; right: auto; }
  .focusing ul li:nth-child(2)::after { left: -50px; right: auto; }
  .focusing ul li:nth-child(3) { top: 240px; left: -172px; }
  .focusing ul li:nth-child(4) { top: 240px; left: auto; text-align: left; padding-right: 0px; padding-left: 65px; right: -158px; }
  .focusing ul li:nth-child(4) img { left: 0px; right: auto; }
  .focusing ul li:nth-child(4)::after { left: -50px; right: auto; }
  .focusing ul li:nth-child(5) { top: 440px; left: -130px; }
  .focusing ul li:nth-child(6) { top: 440px; left: auto; text-align: left; padding-right: 0px; padding-left: 65px; right: -235px; }
  .focusing ul li:nth-child(6) img { left: 0px; right: auto; }
  .focusing ul li:nth-child(6)::after { left: -50px; right: auto; }
  .focusing ul li:nth-child(2n+1) { clear: none; }
  .plan { padding-top: 60px; }
  .plan h3 { font-size: 28px; line-height: 30px; }
  .planSystem ul span.line2 { top: 117px; }
  .planSystem ul span.line3 { top: 149px; }
  .planSystem ul::before { top: 119px; }
  .planSystem ul { margin: 25px -20px 0px; }
  .planSystem ul li { padding: 30px 20px; margin-bottom: 30px; }
  .planSystem ul li p { line-height: 55px; -webkit-border-radius: 55px; border-radius: 55px; font-size: 18px; }
  .CooperationZoneImg dl { margin: -60px 100px 0px; padding: 30px 20px; font-size: 16px; }
  .historyTimebg { padding: 100px 20px; }
  .historyTimebg h3 { font-size: 28px; line-height: 30px; padding-bottom: 30px; }
  .historyTime ul li p.timeIcon span { margin-left: 8px; width: 28px; height: 28px; }
  .historyTime ul li p.timeIcon::before { left: 36px; right: -8px; }
  .ServiceMattersList dl dd { width: 33.333%; padding: 30px 15px 0px; }
  .serviceActivity .commonweb { padding: 0px; }
  .serviceActivity .ActivityTitle { left: 0px; text-align: left; position: absolute; color: #ffffff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .serviceActivity .ActivityTitle h3 { font-size: 24px; text-transform: uppercase; }
  .serviceActivity .ActivityTitle h4 { font-size: 18px; letter-spacing: 15px; padding-top: 10px; }
  .serviceActivity dl { padding-top: 45px; }
  .serviceActivity dl dt { font-size: 26px; }
  .serviceActivity dl dd { font-size: 16px; padding-top: 15px; }
  .trafficTitle { padding-top: 40px; }
  .trafficTitle h3 { font-size: 24px; line-height: 30px; }
  .trafficTitle p { font-size: 18px; padding-top: 10px; letter-spacing: 5px; } }

.commonBannerText h3 { text-shadow: 0 10px 20px rgba(0, 0, 0, 0.6); }

.policyDetailClass a { text-align: left !important; }

.fujianone a { background: url(../images/view_hei.png) no-repeat 95% center !important; }

.fujianone:hover a { border: 1px solid #1f98dc; background: #1f98dc url(../images/view_white.png) no-repeat 95% center !important; color: #fff; -webkit-box-shadow: 0px 5px 20px rgba(5, 140, 216, 0.2); box-shadow: 0px 5px 20px rgba(5, 140, 216, 0.2); }

@media (min-width: 1200px) { .detailbox { padding-right: 80px; }
  .container { max-width: 1200px; }
  .textList ul li { float: left; width: 33.3333%; }
  .imagelistBox { margin-top: -80px; padding: 80px 40px; }
  .imagelistTitle { font-size: 34px; line-height: 40px; padding-bottom: 30px; }
  .imagelistBg { padding-bottom: 80px; }
  .textList ul li .textListContent { position: relative; height: 390px; }
  .textList ul li .textListContent h3 { font-size: 24px; }
  .textList ul li .textListContent p.desc { font-size: 16px; }
  .textList ul li .textListContent p.time { font-size: 16px; }
  .commonMore { padding-top: 40px; }
  .commonMore a { display: inline-block; width: 200px; line-height: 56px; -webkit-border-radius: 56px; border-radius: 56px; }
  .commonBannerText p svg { width: 100%; height: 120px; }
  .commonBannerText p svg text { font-size: 120px; }
  .commonBannerText p.policyText text { font-size: 120px; }
  .commonBannerText h3 { font-size: 40px; letter-spacing: 20px; padding-left: 20px; line-height: 40px; }
  .imageContentbox { padding-right: 395px; }
  .imageContent { width: 395px; padding: 90px 40px 0px; }
  .imagelistCarouselDot { width: 395px; padding-left: 40px; }
  .imageContent .time { font-size: 16px; padding-bottom: 15px; }
  .imageContent h3 { font-size: 22px; line-height: 24px; height: 48px; }
  .imageContent .desc { margin-top: 20px; font-size: 14px; line-height: 20px; height: 60px; }
  .imagelist ul li { width: 33.3333%; padding: 0px 2.5px 40px; }
  .imagelist ul li .imagelistContent { padding: 30px; }
  .imagelist ul li .imagelistContent h3 { font-size: 24px; }
  .imagelist ul li .imagelistContent p { font-size: 16px; }
  .newsImgList { padding: 90px 0px 100px; }
  .newsImgList h2 { font-size: 34px; line-height: 40px; }
  .newsImgList ul li { width: 33.3333%; padding: 0px 15px 40px; }
  .newsImgList ul li .newsImgListContent { padding: 30px; }
  .newsImgList ul li .newsImgListContent h3 { font-size: 22px; }
  .newsImgList ul li .newsImgListContent p { font-size: 16px; }
  .share p { max-height: 0px; -webkit-transition: all .6s ease; transition: all .6s ease; overflow: hidden; display: block; padding: 0px; }
  .share:hover p { padding: 40px 0px 20px; max-height: 300px; }
  .imageDetailBox { margin-top: -80px; padding: 40px 40px; }
  .newsList li a { line-height: 77px; height: 77px; font-size: 18px; }
  .newsList li span { line-height: 77px; font-size: 16px; }
  .newsList li::after { right: -30px; left: -30px; }
  .Classlistbox { width: 260px; margin-right: 30px; padding: 0px; }
  .contentBox { width: -webkit-calc(100% - 290px); width: calc(100% - 290px); padding: 70px 30px 70px; }
  .contentTitle h3 { font-size: 30px; }
  .UpperAndLower a { height: 60px; }
  .policyTitle { font-size: 34px; padding-top: 70px; padding-bottom: 40px; line-height: 40px; }
  .InnovationDetail h2 { font-size: 34px; padding-bottom: 40px; line-height: 40px; }
  .policyDetailContentbox { padding-left: 100px; padding-bottom: 100px; }
  .policyList dl .icon { position: absolute; left: -82%; display: block; }
  .policyList dl { padding-bottom: 100px; margin-left: 45%; position: relative; }
  .policyList dl dd { position: absolute; left: -45%; top: 0px; width: 600px; padding: 0px; }
  .policyList dl dd h3 { font-size: 24px; line-height: 30px; padding-top: 20px; }
  .policyList dl dd h3::after { width: 16px; height: 16px; }
  .policyList dl dd .descBox { margin-top: 20px; padding: 30px 40px; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); background: rgba(255, 255, 255, 0.9); -webkit-border-radius: 5px; border-radius: 5px; }
  .policyList dl dd .descBox p { font-size: 14px; line-height: 22px; }
  .policyList dl dd .descBox .ApplicationBtn { padding-top: 20px; }
  .policyList dl dd .descBox .ApplicationBtn a { width: 150px; line-height: 52px; -webkit-border-radius: 52px; border-radius: 52px; font-size: 14px; }
  .policyList dl:nth-child(2n) { margin-left: 0%; margin-right: 45%; padding-top: 50px; }
  .policyList dl:nth-child(2n) dd { left: 73%; }
  .policyList dl:nth-child(2n) dd h3 { left: -52%; top: -45px; }
  .policyList dl:nth-child(2n) .icon { left: 164%; top: -70px; }
  .serviceExhibitionClass ul li { width: 12.5%; }
  .planningMap { width: 740px; }
  .planningList { width: -webkit-calc(100% - 800px); width: calc(100% - 800px); margin-left: 60px; }
  .planningList ul li .planningListContent { padding: 25px 25px 110px; }
  .planningList ul li .planningListContent h3 { font-size: 18px; }
  .planningList ul li .planningListContent p { font-size: 16px; line-height: 26px; margin-top: 15px; }
  .SwitchBtn { bottom: 35px; left: 25px; }
  .SwitchBtn span { width: 45px; height: 45px; }
  .planningClass ul li a { line-height: 66px; font-size: 16px; }
  .HelloThereTitle { font-size: 20px; padding-top: 90px; }
  .HelloThereIntro { padding-top: 90px; }
  .HelloThereIntro h3 { font-size: 44px; line-height: 1.2; padding-bottom: 30px; }
  .HelloThereIntro p { font-size: 16px; line-height: 28px; }
  .ThreebigIntro ul { padding: 40px 0px; margin: 60px auto 0px; }
  .ThreebigIntro ul li div em i { display: inline-block; width: 8px; height: 8px; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px 40px 0px 0px; }
  .ThreebigIntro ul li:nth-child(1) div em { left: -155px; }
  .ThreebigIntro ul li:nth-child(3) div em { right: -155px; }
  .ThreebigIntro ul li:nth-child(3) div em i { background-color: #058cd8; margin: 0px 0px 0px 40px; }
  .HelloThereVideo { margin-top: 100px; }
  .serviceTitle { font-size: 24px; padding-top: 80px; }
  .serviceIntro dt { width: 540px; }
  .serviceIntro dt span { width: 248px; left: -184px; top: 55px; }
  .serviceIntro dd { width: -webkit-calc(100% - 540px); width: calc(100% - 540px); padding-left: 60px; padding-top: 120px; }
  .serviceIntro dd h3 { font-size: 50px; }
  .serviceIntro dd h4 { font-size: 24px; margin-top: 20px; }
  .serviceIntro dd h4::after { height: 5px; width: 35px; margin-top: 25px; }
  .serviceIntro dd p { font-size: 16px; margin-top: 25px; }
  .serviceIntroBg { background-size: auto 533px; }
  .serviceExhibition { margin-top: 0px; }
  .serviceExhibition em { position: absolute; width: 58px; height: 58px; }
  .serviceExhibition em.serviceExhibitionPrev { left: 80px; }
  .serviceExhibition em.serviceExhibitionNext { right: 80px; }
  .serviceExhibitionText h3 { font-size: 40px; }
  .serviceExhibitionText p.icon { padding: 15px 0px; }
  .serviceExhibitionText p.icon span { width: 30px; height: 4px; }
  .serviceExhibitionText p.desc { font-size: 18px; }
  .serviceExhibitionContent { padding: 90px 0px 125px; }
  .serviceExhibitionContent dt { width: 470px; }
  .serviceExhibitionContent dt h3 { font-size: 30px; padding-bottom: 25px; }
  .serviceExhibitionContent dt p svg { width: 100%; height: 90px; }
  .serviceExhibitionContent dt p svg text { font-size: 90px; }
  .serviceExhibitionContent dd { width: -webkit-calc(100% - 470px); width: calc(100% - 470px); padding-left: 110px; }
  .serviceExhibitionContent dd .desc { font-size: 18px; line-height: 30px; }
  .serviceExhibitionContent dd h3 { font-size: 18px; margin-top: 30px; }
  .serviceExhibitionContent dd .OfficeHours { font-size: 16px; padding-top: 10px; }
  .serviceExhibitionClass ul li span { width: 48px; height: 48px; }
  .serviceExhibitionClass ul li { padding-bottom: 30px; }
  .ServiceMattersTitle { font-size: 44px; padding-top: 110px; }
  .ServiceMattersList { padding: 15px 0px 100px; margin-top: 30px; }
  .ServiceMattersList ul li { padding: 45px 100px 45px 145px; }
  .ServiceMattersList ul li h3 { font-size: 24px; }
  .ServiceMattersList ul li h4 { font-size: 16px; margin-top: 15px; margin-bottom: -15px; }
  .ServiceMattersList ul li .desc { font-size: 16px; line-height: 32px; margin-top: 15px; }
  .ServiceMattersList ul li img { position: absolute; height: 55px; left: 60px; top: 50px; }
  .ServiceMattersList ul li .btn a { width: 170px; line-height: 60px; -webkit-border-radius: 60px; border-radius: 60px; font-size: 14px; }
  .ServiceMattersList ul li .link { line-height: 32px; font-size: 16px; padding-top: 15px; }
  .ServiceMattersList ul li .link span { padding: 0px 20px; }
  .ServiceMattersList ul li .more { font-size: 16px; padding-top: 25px; }
  .contactTel { font-size: 16px; }
  .indexClass a { width: 150px; line-height: 50px; font-size: 16px; }
  .indexNewsbanner ul li p { line-height: 50px; height: 50px; font-size: 16px; }
  .indexNewsbannerDot { line-height: 50px; }
  .scientificResearchbox { padding-top: 60px; }
  .projectText { padding: 25px; min-height: 250px; }
  .projectText h3 { font-size: 18px; line-height: 30px; height: 30px; }
  .projectText p { font-size: 14px; line-height: 30px; height: 30px; background-position: 0px 5px; }
  .projectText p.address { margin-top: 15px; }
  .scientificResearchListBtn { left: 25px; }
  .scientificResearchListBtn span { width: 36px; height: 36px; }
  .commonClass ul li a { line-height: 68px; font-size: 18px; }
  .Innovationbox { padding: 90px 0px 100px; }
  .Innovationbox h2 { font-size: 34px; line-height: 40px; }
  .serviceDetailbox { padding: 90px 0px 100px; }
  .serviceDetailbox h2 { font-size: 34px; line-height: 40px; }
  .focusingbg { padding: 60px 0px 100px; }
  .focusingbg h3 { font-size: 34px; line-height: 40px; }
  .focusing { max-width: 599px; }
  .focusing ul li { padding-right: 65px; }
  .focusing ul li h4 { font-size: 22px; }
  .focusing ul li p { font-size: 16px; padding-top: 5px; }
  .focusing ul li img { height: 50px; }
  .focusing ul li::after { top: 13px; }
  .focusing ul li:nth-child(1) { top: 39px; left: -170px; }
  .focusing ul li:nth-child(2) { top: 39px; left: auto; text-align: left; padding-right: 0px; padding-left: 65px; right: -110px; }
  .focusing ul li:nth-child(3) { top: 300px; left: -192px; }
  .focusing ul li:nth-child(4) { top: 300px; left: auto; text-align: left; padding-right: 0px; padding-left: 65px; right: -169px; }
  .focusing ul li:nth-child(5) { top: 539px; left: -110px; }
  .focusing ul li:nth-child(6) { top: 539px; left: auto; text-align: left; padding-right: 0px; padding-left: 65px; right: -224px; }
  .planContent { height: 200px; padding: 45px 0px 0px 60px; }
  .planContent p img { height: 50px; }
  .planContent h4 { font-size: 24px; padding-top: 10px; line-height: 28px; }
  .planContent span { right: -30px; bottom: -45px; font-size: 150px; line-height: 150px; }
  .planSystem h3 { font-size: 26px; line-height: 30px; }
  .planSystem ul { margin: 25px -50px 0px; }
  .planSystem ul li { width: 50%; padding: 30px 50px; margin-bottom: 30px; }
  .planSystem h4 span { line-height: 56px; -webkit-border-radius: 56px; border-radius: 56px; width: 400px; font-size: 20px; }
  .fourAdvantage ul li { float: left; width: 25%; }
  .fourAdvantage ul::before { display: block; }
  .fourAdvantage ul li img { max-width: 189px; }
  .fourAdvantage ul li h4 { font-size: 20px; }
  .fourAdvantage ul li .desc { font-size: 16px; padding-top: 13px; }
  .ThreeTypesbox { padding: 70px 0px; }
  .ThreeTypesContent img { max-width: 129px; }
  .ThreeTypesContent .enTitle { font-size: 16px; padding-bottom: 8px; }
  .ThreeTypesContent h3 { font-size: 24px; padding-bottom: 20px; }
  .ThreeTypesContent .desc { font-size: 16px; padding-top: 25px; }
  .historyTime ul li { font-size: 22px; }
  .InnovationList { padding: 20px 40px 40px; }
  .InnovationListContent { padding: 40px; }
  .InnovationListContent h4 { font-size: 18px; }
  .InnovationListContent div { font-size: 16px; line-height: 26px; }
  .InnovationListContent .Date { margin-top: 15px; padding-left: 75px; }
  .InnovationListContent .Company { padding-left: 75px; }
  .InnovationListContent .desc { padding-left: 45px; }
  .InnovationListContent .more a { font-size: 14px; -webkit-border-radius: 44px; border-radius: 44px; line-height: 44px; width: 150px; }
  .Innovation ul li h3 { padding: 20px 0px 20px 90px; font-size: 18px; }
  .Innovation ul li h3 img { left: 35px; height: 40px; }
  .buildInfo ul li { padding: 30px 0px; }
  .buildInfo ul li a { padding-left: 250px; }
  .buildInfo ul li .SmallImg { width: 220px; }
  .buildInfo ul li h3 { font-size: 20px; display: -webkit-box; height: 30px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .buildInfo ul li .address { padding-left: 20px; font-size: 16px; margin-top: 10px; }
  .buildInfo ul li .desc { font-size: 14px; margin-top: 15px; }
  .buildInfo ul li .time { font-size: 14px; margin-top: 13px; }
  .passageway dl { padding: 50px 0px; }
  .passageway dl dt { line-height: 40px; }
  .passageway dl dt h3 { font-size: 30px; }
  .passageway dl dt p { font-size: 30px; }
  .passageway dl dd { font-size: 14px; line-height: 22px; }
  .passageway dl dd h3 { font-size: 18px; margin-bottom: 10px; }
  .passageway dl dd p { margin-bottom: 20px; }
  .ServiceMattersList dl dt { font-size: 24px; padding-bottom: 15px; padding-top: 50px; }
  .ServiceMattersList dl dd { width: 25%; padding: 30px 15px 0px; }
  .ServiceTypeContent .icon img { height: 70px; }
  .ServiceTypeContent h4 { font-size: 20px; padding-top: 20px; }
  .ServiceTypeContent p.ServiceLink a { font-size: 14px; }
  .serviceMap { margin-top: 100px; }
  .serviceDetailTitle { font-size: 34px; line-height: 40px; padding-top: 35px; }
  .serviceDetailTitle img { height: 50px; }
  .serviceDetailList { padding-top: 30px; }
  .serviceDetailList h3 { font-size: 18px; }
  .serviceDetailList ul {padding: 20px 0px 20px;}
  .serviceDetailList ul p a {width: 32%; margin-right:2%; padding: 0px 15px 20px; margin-bottom:20px; display: -webkit-box;height: 48px;line-height: 48px;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: 16px;padding: 0px 30px;}
  .serviceDetailList ul p a:nth-child(3n){ margin-right:0;}
  .trafficList { padding: 50px 0px 100px; }
  .trafficList dl dd { font-size: 16px; padding-left: 60px; }
  .trafficList dl dd h3 { font-size: 28px; font-weight: 700; padding-bottom: 15px; }
  .ActivityNoticebox h3 { font-size: 22px; } }

@media (min-width: 1260px) { .trafficBannerText { max-width: 970px; padding-bottom: 50px; }
  .trafficBannerText dt { float: left; width: 230px; height: 150px; position: relative; margin-top: -50px; }
  .trafficBannerText dd { float: left; width: -webkit-calc(100% - 230px); width: calc(100% - 230px); font-size: 16px; line-height: 30px; padding: 30px 0px 0px 50px; }
  .projectTitle p { font-size: 16px; padding-bottom: 10px; }
  .projectTitle h3 { font-size: 20px; }
  .Restaurant { padding-top: 45px; }
  .Restaurant ul li { width: 25%; }
  .landmarkbox { padding-top: 100px; padding-bottom: 70px; }
  .landmarkbox h3 { font-size: 28px; }
  .landmarkSmallImg ul li h4 { font-size: 18px; padding-top: 10px; }
  .MedicalResourcesText { font-size: 16px; line-height: 30px; padding: 30px 30px 15px; }
  .MedicalResources span.MedicalResourcesPrevBtn { left: 80px; }
  .MedicalResources span.MedicalResourcesNextBtn { right: 80px; }
  .RestaurantMatchingClass h3 { font-size: 24px; padding-top: 50px; line-height: 32px; }
  .RestaurantMatchingClass .desc { font-size: 16px; padding-top: 15px; }
  .RestaurantMatchingClass ul { padding-top: 40px; }
  .RestaurantMatchingClass ul li a { display: -webkit-box; height: 80px; line-height: 80px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 16px; }
  .RestaurantMatchingbox { margin-top: 80px; }
  .MedicalResourcesbox { padding-top: 70px; }
  .MedicalResourcesbox h3 { font-size: 28px; line-height: 30px; }
  .enclosure h3 { font-size: 18px; }
  .policyDetailContentList .policyDetailTitle { font-size: 18px; }
  .policyDetailContentList .policyDetailContent { font-size: 16px; }
  .policyDetailContentList { padding-left: 45px; }
  .policyDetailContentList::after { left: 15px; }
  .policyDetailContentList .num { width: 30px; height: 30px; font-size: 20px; line-height: 30px; }
  .indexTopNews { padding: 20px 180px 0px 230px; height: 120px; }
  .indexTopNews h3 { font-size: 28px; }
  .ActivityNoticebox h3 { padding-top: 30px; font-size: 28px; }
  .ActivityNoticeContent { padding: 0px 50px 0px; }
  .ActivityNoticeContent dl dt { padding-top: 60px; padding-right: 40px; }
  .ActivityNoticeContent dl dt h4 { font-size: 16px; }
  .ActivityNoticeContent dl dt h5 { font-size: 26px; }
  .ActivityNoticeContent dl dt .desc { font-size: 16px; margin-top: 10px; }
  .ActivityNoticeContent dl dt .timeAddress { font-size: 16px; margin-top: 20px; }
  .ActivityNoticeContent dl dt .more { padding-top: 50px; } }

@media (min-width: 1400px) { .policyList dl { padding-bottom: 100px; }
  .policyList dl dd { position: absolute; left: -45%; top: 0px; width: 600px; }
  .policyList dl dd h3 { font-size: 30px; line-height: 36px; padding-top: 30px; }
  .policyList dl dd h3::after { width: 20px; height: 20px; }
  .policyList dl dd .descBox { margin-top: 30px; padding: 40px 60px; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
  .policyList dl dd .descBox p { font-size: 14px; line-height: 24px; }
  .policyList dl dd .descBox .ApplicationBtn { padding-top: 20px; }
  .policyList dl dd .descBox .ApplicationBtn a { width: 150px; line-height: 52px; -webkit-border-radius: 52px; border-radius: 52px; font-size: 14px; }
  .policyList dl:nth-child(2n) { padding-top: 60px; }
  .policyList dl:nth-child(2n) dd { left: 73%; }
  .policyList dl:nth-child(2n) dd h3 { left: -52%; top: -60px; }
  .policyList dl:nth-child(2n) .icon { left: 164%; top: -70px; }
  .indexClass a { width: 200px; line-height: 66px; }
  .indexTopNews { padding: 20px 180px 0px; }
  .indexTopNews h2 { font-size: 28px; width: 120px; height: 120px; line-height: 40px; padding-top: 20px; letter-spacing: 3px; }
  .indexTopNews h3 { font-size: 28px; line-height: 45px; height: 45px; }
  .indexTopNews .desc { color: #666666; font-size: 16px; }
  .indexTopNews .more { right: 80px; }
  .indexNewsbanner ul li p { line-height: 60px; height: 60px; font-size: 20px; }
  .indexNewsbannerDot { line-height: 60px; right: 30px; }
  .scientificResearchbox { padding-top: 100px; }
  .projectText { padding: 30px; min-height: 250px; }
  .projectText h3 { font-size: 22px; }
  .projectText p { font-size: 16px; }
  .scientificResearchListBtn span { width: 40px; height: 40px; }
  .indexCalculator { padding-top: 100px; }
  .indexCalculator h3 { font-size: 34px; line-height: 38px; }
  .indexCalculatorSearchBtn { width: 190px; }
  .indexCalculatorSearch label { padding: 17px 70px 17px 25px; }
  .indexCalculatorSearch label input { font-size: 16px; }
  .plan { padding-top: 90px; }
  .plan h3 { font-size: 34px; line-height: 40px; }
  .planSystem h4 span { line-height: 76px; -webkit-border-radius: 76px; border-radius: 76px; width: 500px; font-size: 24px; }
  .planSystem ul { margin: 25px -100px 0px; }
  .planSystem ul span.line2 { top: 137px; }
  .planSystem ul span.line3 { top: 167px; }
  .planSystem ul::before { top: 138px; }
  .planSystem ul li { width: 50%; padding: 30px 100px; margin-bottom: 30px; }
  .planSystem ul li p { line-height: 75px; -webkit-border-radius: 75px; border-radius: 75px; font-size: 20px; }
  .ThreeTypesContent { padding: 50px 35px; }
  .fourAdvantage h3 { font-size: 30px; }
  .historyTimebg { padding: 160px 20px; }
  .historyTimebg h3 { font-size: 34px; line-height: 40px; padding-bottom: 40px; }
  .trafficBanner span { width: 50px; height: 50px; top: -webkit-calc(50% - 80px); top: calc(50% - 80px); }
  .trafficTitle { padding-top: 60px; }
  .trafficTitle h3 { font-size: 34px; line-height: 40px; }
  .trafficTitle p { font-size: 18px; padding-top: 15px; letter-spacing: 5px; }
  .Restaurant h3 { font-size: 28px; }
  .landmarkBigImg span { width: 50px; height: 50px; }
  .landmarkBigImg span.landmarkBigImgPrevBtn { left: 80px; }
  .landmarkBigImg span.landmarkBigImgNextBtn { right: 80px; }
  .landmarkBigImgText p { font-size: 24px; letter-spacing: 5px; padding-bottom: 15px; }
  .landmarkBigImgText h4 { font-size: 34px; line-height: 40px; letter-spacing: 10px; }
  .RestaurantMatchingContent h3 { font-size: 32px; line-height: 36px; }
  .RestaurantMatchingContent .desc { font-size: 16px; line-height: 24px; padding-top: 20px; }
  .RestaurantMatchingContent .line { padding-top: 50px; }
  .RestaurantMatchingContent .line span { height: 4px; width: 36px; }
  .trafficList dl dt span { width: 87px; height: 87px; background-size: 28px; }
  .ActivityNoticebox h3 { padding-top: 40px; font-size: 34px; } }

@media (min-width: 1620px) { .policyList dl { padding-bottom: 140px; }
  .policyList dl dd { width: 700px; left: -50%; }
  .policyList dl dd h3 { font-size: 36px; line-height: 44px; padding-top: 45px; }
  .policyList dl dd h3::after { width: 26px; height: 26px; }
  .policyList dl dd .descBox { margin-top: 40px; padding: 50px 80px; -webkit-box-shadow: 0px 0px 38px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 38px rgba(0, 0, 0, 0.1); }
  .policyList dl dd .descBox p { font-size: 16px; line-height: 30px; }
  .policyList dl dd .descBox .ApplicationBtn { padding-top: 30px; }
  .policyList dl dd .descBox .ApplicationBtn a { width: 170px; line-height: 60px; -webkit-border-radius: 60px; border-radius: 60px; font-size: 14px; }
  .policyList dl:nth-child(2n) { padding-top: 100px; }
  .policyList dl:nth-child(2n) dd { left: 82%; }
  .policyList dl:nth-child(2n) dd h3 { left: -72%; top: -60px; }
  .policyList dl:nth-child(2n) .icon { left: 164%; top: -70px; }
  .trafficBannerbox .commonweb { max-width: 1480px; margin: 0px auto; }
  .landmarkbox .commonweb { max-width: 1480px; margin: 0px auto; }
  .trafficBannerText { max-width: 1200px; }
  .trafficBannerText dt { width: 300px; height: 220px; position: relative; margin-top: -100px; }
  .trafficBannerText dd { width: -webkit-calc(100% - 300px); width: calc(100% - 300px); color: #666; font-size: 20px; line-height: 30px; padding: 30px 0px 0px 50px; }
  .projectTitle p { font-size: 18px; padding-bottom: 10px; }
  .projectTitle h3 { font-size: 22px; }
  .trafficBanner span.trafficBannerPrev { left: 90px; }
  .trafficBanner span.trafficBannerNext { right: 90px; } }

@media (min-width: 1920px) { .serviceExhibitionContentBg { background-size: 100% auto; } }

@font-face { font-family: "Gilroy"; src: url("../../fonts/Gilroy-Medium.otf"); }

.scientificResearch_list .scientificResearchbox { display: none; }

.scientificResearch_list .scientificResearchbox:first-child { display: block; }

.mobileshow { display: none; }

.pdd0 { padding-left: 0; padding-right: 0; }

.mobile_newsList li { padding: 18px 0; border-bottom: 1px solid #e3e3e3; }

.mobile_newsList li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.mobile_newsList li .newriqi { text-align: center; }

.mobile_newsList li .newriqi .new_day { font-size: 28px; color: #828282; line-height: 25px; font-family: "Gilroy"; }

.mobile_newsList li .newriqi .new_year { font-size: 12px; line-height: 20px; color: #828282; font-family: "Gilroy"; }

.mobile_newsList li .newname { margin-left: 20px; font-size: 15px; line-height: 24px; }

.historyCobtn .resnbtn { border-color: #333; }

.hist_prev { float: left; left: 20px; border-right: none !important; border-bottom: none !important; }

.hist_next { right: 20px; float: right; border-left: none !important; border-top: none !important; }

.mobile_RestaurantMatchingbox { display: none; }

.mobile_RestaurantMatchingbox .swiper-slide { padding-bottom: 30px !important; }

.swiper-container .swiper-slide::after { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); background-image: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(0, 0, 0, 0.6)), color-stop(5%, rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 5%, rgba(0, 0, 0, 0)); content: ''; display: block; }

.resnbtn { width: 20px; height: 20px; z-index: 20; border: 1px solid #fff; bottom: 15px; position: absolute; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); cursor: pointer; }

.resn_prev { float: left; left: 20px; border-right: none; border-bottom: none; }

.resn_next { right: 20px; float: right; border-left: none; border-top: none; }

.RestaurantMatchingClass, .mobile_RestaurantMatchingbox .RestaurantMatchingContent { position: relative; z-index: 2; }

.mobile_RestaurantMatchingbox .desc { color: rgba(255, 255, 255, 0.8); }

.mobile_RestaurantMatchingbox { background: none; }

.mobile_RestaurantMatchingbox .RestaurantMatchingContent { display: block; }

.mobile_RestaurantMatchingbox .commonweb { padding: 0; }

.mobile_RestaurantMatchingbox .swiper-slide { background-position: center; background-size: cover; background-repeat: no-repeat; padding: 0 15px; }

.jtbanner .swiper-slide .jtbimg_box { display: block; background-position: center; background-size: cover; background-repeat: no-repeat; height: 530px; position: relative; }

.active_cur { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; }

.page01 .indexbanner li .insw_link { background-repeat: no-repeat; background-size: cover; background-position: center; display: block; height: 80vh; position: relative; }

.banner_box { position: absolute; top: 44%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 220px; text-align: right; color: #fff; }

.banner_box .textname01 { font-size: 96px; line-height: 100px; font-weight: 600; letter-spacing: 5px; margin-bottom: 48px; text-shadow: 0 6px 5px rgba(0, 0, 0, 0.3); }

.banner_box .textname02 { font-size: 36px; line-height: 52px; font-weight: 600; text-shadow: 0 6px 5px rgba(0, 0, 0, 0.3); letter-spacing: 3px; }

.historyss-pagination { text-align: center; margin-top: 10px; display: none; }

.historyss-pagination span { width: 8px; height: 8px; margin: 0 3px; background: #dcdcdc; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; }

.historyss-pagination .swiper-pagination-bullet-active { background: #058cd8; }

.xianlubox_imgbox { display: none; }

.clearfloat::after { display: block; content: ""; clear: both; }

.entrepreneurBox .icon { width: 68px; height: 68px; background: #30a8e1; -webkit-border-radius: 50%; border-radius: 50%; }

@media (max-width: 1366px) { .banner_box .textname01 { font-size: 70px; line-height: 70px; margin-bottom: 30px; }
  .banner_box .textname02 { font-size: 30px; }
  .page01 .indexbanner li .insw_link { height: 600px; }
  .banner_box { right: 40px; }
  .jzpingce_box { position: fixed; right: 0; height: 310px; bottom: 10%; top: auto; } }

@media (max-width: 1260px) { .calculator_title { font-size: 36px; line-height: 40px; }
  .cal_formbox { height: 60px; line-height: 60px; }
  .cal_formbox input { font-size: 16px; } }

@media (max-width: 1200px) { .active_cur { top: 59px; }
  .qinquanbox .q_item { padding: 20px 0; }
  #search-form { left: 56px; } }

@media (max-width: 1024px) { .banner_box { right: 20px; }
  .banner_box .textname01 { font-size: 50px; line-height: 50px; }
  .banner_box .textname02 { font-size: 24px; }
  #search-form { left: 0; }
  .cal_formbox button { font-size: 16px; width: 190px; }
  .cal_attr .cal_item .cal_name { font-size: 14px; }
  .cal_attr .cal_item .cal_attr_list p { font-size: 14px; }
  .cal_attr .cal_item .cal_attr_list p a { min-width: 110px; height: 45px; }
  .pipei_text { font-size: 18px; }
  .pipei_text span { margin-right: 6px; }
  .pipei_imgbox > img { width: 230px; }
  .pipei_text img { width: 25px; }
  .jzcp_box p span { font-size: 30px; }
  .jzpingce_box { display: none; }
  .jzcp_box p { font-size: 16px; margin-bottom: 6px; } }

@media (max-width: 768px) { .historyss-pagination { display: block; }
  .mobile_RestaurantMatchingbox { display: block; }
  .pc_RestaurantMatchingbox { display: none; }
  .page02 .indexTopNews, .indexNewsList .innew_top, .indexNewsList h2 { display: none; }
  .innew_bot .innew_bot_ul li:first-child { margin-top: 0; }
  .banner_box .textname02 { font-size: 18px; line-height: 24px; }
  .banner_box .textname01 { font-size: 24px; line-height: 30px; margin-bottom: 20px; }
  .page01 .indexbanner li .insw_link { height: 70vh; }
  .banner_box { left: 15px; right: 15px; text-align: left; }
  .indexNewsImglist { display: none; }
  .entrepreneurBox .icon { display: inline-block; vertical-align: middle; width: 35px; }
  .entrepreneurBox .icontext { display: inline-block; vertical-align: middle; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
  .index-work-item ul li .more { position: absolute !important; top: 10px; right: 15px; }
  .entrepreneurBox::after { -webkit-border-radius: 0px 15px 0px 15px; border-radius: 0px 15px 0px 15px; }
  .index-contact-map { display: none; }
  .phsearchicon { width: 100% !important; }
  .ThreeTypes-pes { text-align: center; }
  .ThreeTypes-pes span { display: inline-block; margin: 0 4px; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background: #c7c4c4; }
  .ThreeTypes-pes .swiper-pagination-bullet-active { background: #058cd8; }
  .jtbanner .swiper-slide .jtbimg_box { height: 400px; }
  .index-work-item ul li .desc { font-size: 14px !important; }
  .index-work-item ul li .name { font-size: 16px; }
  .projectText p { font-size: 14px; }
  .InnovationListContent div { font-size: 14px; }
  .InnovationListContent .Date, .InnovationListContent .Company { padding-left: 65px; }
  .InnovationListContent .desc { padding-left: 38px; }
  .InnovationListContent h4 { font-size: 16px; }
  .header-nav ul li h3 a { font-size: 16px; }
  .sub-item a { font-size: 14px; }
  .CooperationZoneImg dl { padding: 0; text-align: left; margin-bottom: 20px; }
  .page06 .index-contect-form { padding: 20px 0 !important; }
  .commonBanner { display: none; }
  .commonBanner_show { display: block; }
  .calculator_box { padding: 40px 0; }
  .cal_formbox { height: 45px; line-height: 45px; }
  .cal_formbox button { width: 130px; }
  .cal_formbox input { font-size: 14px; padding-left: 15px; width: -webkit-calc(100% - 130px); width: calc(100% - 130px); }
  .calculator_title { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
  .cal_attr { margin-top: 20px; }
  .cal_attr .cal_item .cal_attr_list p a { height: 40px; }
  .jzcp_box { padding: 50px 0; }
  .jzcp_box_btn a { font-size: 16px; }
  .jzcp_box a { width: 140px; height: 45px; line-height: 45px; text-align: center; }
  .culture_box .personnel_boxlist ul li { padding: 20px; }
  .culture_box { border-width: 1px; padding: 15px; }
  .rule_box .rule_list a { font-size: 14px; }
  .culture_main { margin-bottom: 40px; }
  .rule_box { padding-bottom: 15px; }
  .personnel_boxlist { margin-top: 20px; }
  .personnel_boxlist ul li .line01 { font-size: 16px; }
  .personnel_boxlist ul li { margin-bottom: 10px; -webkit-border-radius: 5px !important; border-radius: 5px !important; }
  .personnel_boxlist ul li .linetong { margin-top: 10px; font-size: 14px; line-height: 26px; } }

@media (max-width: 560px) { .hot_keyword span { margin-right: 10px; }
  .cal_formbox button { font-size: 14px; width: 100px; }
  .cal_formbox input { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); }
  .cal_attr .cal_item .cal_name { margin-top: 5px; }
  .jzcp_box p { font-size: 14px; }
  .jzcp_box { padding: 40px 15px; }
  .cal_attr .cal_item .cal_attr_list p a { min-width: 85px; -webkit-border-radius: 5px; border-radius: 5px; }
  .cal_attr .cal_item .cal_attr_list p { font-size: 12px; }
  .cal_attr .cal_item .cal_attr_list p a img { margin-left: 6px; width: 6px; }
  .cal_attr .cal_item .cal_attr_list p a { height: 35px; }
  .hot_keyword span, .hot_keyword p { font-size: 12px; }
  .index-plan ul li .icon-box .text { font-size: 16px !important; margin-left: 15px !important; }
  .index-plan ul li .icon-box { text-align: left !important; }
  .index-plan ul li .icon-box .icon { width: 50px !important; height: 50px !important; text-align: center; }
  .index-plan ul li .icon-box .icon img { width: 90% !important; height: 90% !important; margin: 0 auto; margin-top: 5%; }
  .index-plan ul { width: 100% !important; }
  .index-plan ul li { display: block !important; width: 100%; margin-bottom: 15px !important; }
  .contentBox { padding-left: 0; padding-right: 0; }
  .understand { padding-top: 30px; }
  .understand ul li { width: 100%; }
  .understand ul li h3 { height: auto; font-size: 16px; line-height: 24px; }
  .mobileshow { display: block; }
  .pcshow { display: none; }
  .page03 { padding-top: 0; }
  .mobile-work-iconlist { display: block; margin-top: 20px; }
  .index-work-iconlist { display: none !important; }
  .qinquanbox, .xianlubox { background: none; }
  .xianlubox_imgbox { display: block; }
  .xianlubox_imgbox img { max-width: 100%; }
  .xianlubox_imgbox { margin-top: 20px; }
  .CooperationZoneImg dl br { display: none; }
  .trafficBannerText dt { -webkit-box-shadow: 0px 5px 10px rgba(5, 140, 216, 0.3); box-shadow: 0px 5px 10px rgba(5, 140, 216, 0.3); }
  .incontect-form-box ul li { width: 100% !important; }
  .footer-bot { font-size: 12px !important; }
  .footer-bot .flogo img { height: 35px; }
  .footer-top { display: none; }
  .index-work-iconlist .pagination { display: none; }
  .indexNewsbanner ul li p { padding-right: 76px; }
  .banner_box .textname02 { font-size: 18px; line-height: 30px; letter-spacing: 0; }
  .banner_box .textname01 { font-size: 26px; line-height: 30px; margin-bottom: 20px; letter-spacing: 0; }
  .footer-bot .address span { display: block; }
  .HelloThereIntro p { text-align: left; }
  .HelloThereIntro p br { display: none; }
  .HelloThereIntro h3 { font-size: 18px; }
  .fourAdvantage ul li .enTitle { letter-spacing: 0; }
  .fourAdvantage ul li .desc { line-height: 22px; font-size: 14px; }
  .focusing ul li { text-align: center; }
  .focusing ul li img { margin: 0 auto; }
  .projectTitle p { font-size: 12px; padding-bottom: 0; }
  .projectTitle h3 { font-size: 16px; letter-spacing: 0; }
  .trafficBannerText dt { padding: 30px 0; width: 70%; margin-left: auto; margin-right: auto; }
  .jtbanner .swiper-slide .jtbimg_box { height: 250px; }
  .RestaurantMatchingClass h3 br, .ServiceTypeContent p.ServiceLink { display: none; }
  .ServiceTypeContent { min-height: initial; padding: 30px 5px 30px; }
  .serviceMap img { display: none; }
  .Classlistbox { display: none; }
  .page01 .indexbanner li .insw_link { height: 100vh; }
  .banner_box .textname02 br { display: none; }
  .RestaurantMatching-swiper { height: 100vh; }
  .mobile_RestaurantMatchingbox .swiper-slide { height: 100% !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .mobile_Restboxpos .resnbtn { position: static; }
  .mobile_Restboxpos .mobile_Restboxpos { position: absolute; left: 15px; right: 15px; top: 66%; }
  .MedicalResourcesbox { margin-top: 20px; }
  .HelloThereIntro p { font-size: 16px; line-height: 26px; }
  .CooperationZoneImg dl { font-size: 16px; }
  .container, .commonweb { padding: 0 15px; }
  .commonClass ul li a, .RestaurantMatchingContent .desc { font-size: 14px; } }

.index-work-item ul li:hover .more::after { border-color: rgba(255, 255, 255, 0.6) !important; }

.entrepreneurBox::before { display: block; content: ""; clear: both; }

.index-work-item ul li .more { float: right; }

.pos_static { position: static !important; }

.flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.flex_center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -ms-flex-align: center; align-items: center; }

.flex_column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.watch-video { position: relative; }

.watch-btncon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.watch-btncon span { width: 30px; height: 30px; display: block; background-image: url(../images/play.png); background-position: center center; background-size: cover; margin: 0 auto; }

.watch-btncon em { color: #00a3df; font-size: 12px; }

/*html, body {*/
/*overflow-x: hidden;*/
/*}*/
html, body { width: 100%; height: 100%; }

.showScroll { overflow: visible; min-height: 100%; height: auto; }

.swiper-container .swiper-slide { height: 100%; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.full-pages-swiper .side-pages { display: none; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 50; }

.full-pages-swiper .side-pages .swiper-pagination-bullet { cursor: pointer; position: relative; display: block; width: 30px; height: 30px; -webkit-border-radius: 0; border-radius: 0; background: #fff; opacity: 1; color: #828282; font-size: 14px; line-height: 18px; }

.full-pages-swiper .side-pages .swiper-pagination-bullet::before { content: ""; display: block; width: 60%; height: 1px; background-color: #d5d5d5; position: absolute; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 1px; }

.full-pages-swiper .side-pages .swiper-pagination-bullet:last-child { display: none; }

.full-pages-swiper .side-pages .swiper-pagination-bullet:last-child::before { display: none; }

.full-pages-swiper .side-pages .swiper-pagination-bullet::after { content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; position: absolute; right: -20px; top: 50%; margin-top: -5px; }

.full-pages-swiper .side-pages .swiper-pagination-bullet span { display: block; position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.full-pages-swiper .side-pages .swiper-pagination-bullet b { display: block; font-size: 16px; font-weight: normal; margin: 0 0 2px; }

.full-pages-swiper .side-pages .swiper-pagination-bullet i { font-style: normal; display: none; }

.full-pages-swiper .side-pages .swiper-pagination-bullet-active { background: -webkit-gradient(linear, left top, right bottom, from(#06b4e6), to(#059dde)); background: linear-gradient(to bottom right, #06b4e6, #059dde); color: #fff; }

.full-pages-swiper .side-pages .swiper-pagination-bullet-active::before { display: none; }

.full-pages-swiper .side-pages .swiper-pagination-bullet-active::after { border-left-color: #00a4dd; }

.full-pages-swiper { height: 100%; }

.full-pages-swiper > div.swiper-wrapper div.swiper-slide { overflow: hidden; height: auto; }

.page01 { background-color: #f7f7f7; }

.page01 .indexbanner { width: 100%; position: relative; overflow: hidden; z-index: 1; }

.page01 .indexbanner ul { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; }

.page01 .indexbanner li { /*height: 250px;*/ }

.page01 .indexbanner li video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; object-fit: cover; display: none; }

.page01 .indexbanner li a { display: block; width: 100%; height: 100%; background-size: cover; background-position: center 0; }

.index-page-content { position: absolute; z-index: 1; bottom: 5%; width: 100%; }

.inxpage-wrap { padding: 10px; background-color: #fff; }

.index-search-box { background-color: #f7f7f7; -webkit-border-radius: 28px; border-radius: 28px; border: solid 1px #e4e4e4; height: 40px; line-height: 40px; position: relative; }

.index-search-box form { display: block; height: 100%; }

.index-search-box input { display: block; height: 100%; }

.index-search-box .winput-text { background: none; font-size: 12px; width: 100%; padding: 0 50px 0 10px; }

.index-search-box .winput-text::-webkit-input-placeholder { color: #c2c1c1; }

.index-search-box .winput-text:-moz-placeholder { color: #c2c1c1; }

.index-search-box .winput-text::-moz-placeholder { color: #c2c1c1; }

.index-search-box .winput-text:-ms-input-placeholder { color: #c2c1c1; }

.index-search-box .winput-submit { position: absolute; right: 10px; top: 0; background: url(../images/searchicon.png) no-repeat center; width: 18px; padding: 0; }

.search-table { color: #069dde; font-size: 12px; padding: 5px 0; }

.search-table a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; color: #999999; margin: 0 5px 0 0; }

.search-table a:hover { color: #058cd8; }

.inpage-icons { overflow: auto; }

.inpage-icons ul { width: -webkit-max-content; width: -moz-max-content; width: max-content; overflow: auto; }

.inpage-icons ul li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; text-align: center; padding: 0 10px; }

.inpage-icons ul li .icon img { height: 50px; }

.inpage-icons ul li .text { font-size: 12px; }

.page02 { background-color: #f7f7f7; }

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

.index-title .title { letter-spacing: 4px; }

.index-title .desc { font-size: 12px; line-height: 16px; padding: 5px 0 0; }

.index-news-recommend { padding: 20px 0 0; }

.index-news-recommend dl { background-color: #fff; }

.index-news-recommend dl dt { float: left; width: 100%; }

.index-news-recommend dl dt img { width: 100%; }

.index-news-recommend dl dd { overflow: hidden; padding: 5px 10px; }

.index-news-recommend dl dd .date { font-family: "Monts"; }

.index-news-recommend dl dd .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.index-news-recommend dl dd .text { color: #999999; display: -webkit-box; height: 22px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.index-news-recommend dl dd .more { position: relative; display: inline-block; }

.index-news-recommend dl dd .more::before { content: ""; display: inline-block; width: 32px; height: 1px; background-color: #333333; }

.index-news-recommend dl dd .more::after { content: ""; display: inline-block; width: 8px; height: 8px; border-top: 1px solid #333333; border-right: 1px solid #333333; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 1px; }

.index-news-list { padding: 10px 0; position: relative; }

.index-news-wrapper { overflow: hidden; }

.index-news-wrapper ul li { background-color: #fff; }

.index-news-wrapper ul li a { display: block; }

.index-news-wrapper ul li img { width: 100%; }

.index-news-wrapper ul li .info { padding: 5px; }

.index-news-wrapper ul li .info .name { display: -webkit-box; height: 22px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.index-news-wrapper ul li .info .date { font-family: "Monts"; color: #999; }

.index-news-dots { text-align: center; margin: 10px 0 0; height: 5px; }

.index-news-dots span { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 5px; height: 5px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #e3e3e3; margin: 0 3px; }

.index-news-dots .swiper-pagination-bullet-active { background-color: #058cd8; }

.index-news-btns { position: static; z-index: 3; left: 0; width: 100%; height: 30px; display: none; }

.index-news-btns span { display: block; width: 30px; height: 30px; background-color: #ffffff; border: solid 1px #cbd1d9; position: absolute; }

.index-news-btns span::before { content: ""; display: block; width: 10px; height: 10px; border-top: 2px solid #666; border-left: 2px solid #666; position: absolute; top: 9px; }

.index-news-btns span.index-news-prev { left: -10px; }

.index-news-btns span.index-news-prev::before { left: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.index-news-btns span.index-news-next { right: -10px; }

.index-news-btns span.index-news-next::before { right: 11px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.index-plan .index-plan-list { overflow-x: auto; }

.index-plan ul { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 0; padding: 10px 0 0; }

.index-plan ul li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; margin: 0 10px 0 0; }

.index-plan ul li .icon-box { background-color: rgba(255, 255, 255, 0.6); -webkit-border-radius: 0px; border-radius: 0px; padding: 10px 15px; text-align: center; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }

.index-plan ul li .icon-box .icon { display: inline-block; width: 40px; height: 40px; padding: 10px; border: 1px solid #d9d9d9; -webkit-border-radius: 100%; border-radius: 100%; vertical-align: middle; }

.index-plan ul li .icon-box .icon img { display: block; width: 100%; height: 100%; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }

.index-plan ul li .icon-box .icon .imgac { display: none; }

.index-plan ul li .icon-box .text { display: inline-block; vertical-align: middle; font-size: 12px; margin-left: 5px; color: #333; }

.index-plan ul li:hover .icon-box { background: -webkit-gradient(linear, left top, right bottom, from(#07b5e6), to(#0591da)); background: linear-gradient(to bottom right, #07b5e6, #0591da); color: #fff; }

.index-plan ul li:hover .icon-box .icon { border-color: rgba(238, 238, 238, 0.2); }

.index-plan ul li:hover .icon-box .icon .img { display: none; }

.index-plan ul li:hover .icon-box .icon .imgac { display: block; }

.index-plan ul li:hover .icon-box .text { color: #fff; }

.backimg { background-repeat: no-repeat; background-position: center; background-size: cover; }

.page03 .index-title { color: #333333; }

.index-work-table { max-width: 760px; overflow: hidden; margin: 0 auto; padding: 10px 0 0; }

.index-work-table ul { font-size: 0; }

.index-work-table ul li { -webkit-border-radius: 3px; border-radius: 3px; border: solid 2px #fafafa; color: #fff; text-align: center; padding: 10px 5px; cursor: pointer; }

.index-work-table ul li .icon { display: inline-block; vertical-align: middle; }

.index-work-table ul li .icon img { display: block; height: 26px; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }

.index-work-table ul li .icon .imgac { display: none; }

.index-work-table ul li .text { display: inline-block; vertical-align: middle; font-size: 12px; margin-left: 10px; }

.index-work-table ul li:hover, .index-work-table ul li.cur { background: #ffffff; color: #333; }

.index-work-table ul li:hover .icon .img, .index-work-table ul li.cur .icon .img { display: none; }

.index-work-table ul li:hover .icon .imgac, .index-work-table ul li.cur .icon .imgac { display: block; }

.index-work-wrap { overflow: hidden; }

.index-work-iconlist { overflow: hidden; padding: 30px 0 0; display: none; }

.index-work-iconlist:first-child { display: block; }

.index-work-item { overflow: hidden; }

.index-work-item ul li { color: #fff; }

.index-work-item ul li img { height: 35px; }

.index-work-item ul li .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; margin: 3px 0; }

.index-work-item ul li .desc { font-size: 12px; display: -webkit-box; height: 32px; line-height: 16px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.index-work-item ul li .more { position: relative; display: inline-block; }

.index-work-item ul li .more::before { content: ""; display: inline-block; width: 20px; height: 2px; background-color: #727679; }

.index-work-item ul li .more::after { content: ""; display: inline-block; width: 10px; height: 10px; border-top: 2px solid #727679; border-right: 2px solid #727679; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -webkit-calc(50% - 1px); top: calc(50% - 1px); right: 1px; }

.index-work-item ul li:hover .more { margin-left: 10px; }

.index-work-item ul li:hover .more::before { background-color: rgba(255, 255, 255, 0.6); }

.index-work-item ul li:hover .more::after { border-color: rgba(255, 255, 255, 0.6); }

.pagination { text-align: center; height: 6px; margin: 10px 0 0; }

.pagination span { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; margin: 0 3px; width: 6px; height: 6px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #fff; }

.pagination .swiper-pagination-bullet-active { background-color: #058cd8; }

.index-point-slide { float: right; margin-top: 68px; }

.index-point-slide .first { padding: 5px; width: 60px; height: 55px; color: #fff; background-color: #058cd8; font-size: 14px; position: relative; }

.index-point-slide .first .text { display: inline-block; position: static; z-index: 3; left: 0; right: 0; text-align: center; font-weight: 500; }

.index-point-slide .first .text:after { content: ""; display: block; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin: 0 auto; }

.index-point-slide ul li { background-color: #7b919e; color: #fff; text-align: center; padding: 5px; width: 60px; height: 55px; font-size: 12px; margin: 1px 0 0 0; }

.index-point-slide ul li img { display: block; margin: 0  auto; height: 25px; }

.index-point-slide ul li .text { font-weight: 500; }

.index-point-slide ul li:hover { background: -webkit-gradient(linear, left top, right bottom, from(#06b4e6), to(#059dde)); background: linear-gradient(to bottom right, #06b4e6, #059dde); }

.index-story-list { padding: 20px 0 0; position: relative; }

.index-story-list li { position: relative; }

.index-story-list li img { width: 100%; }

.index-story-list li .info { background-color: #fff; padding: 10px; }

.index-story-list li .dete { font-family: "Monts"; color: #999999; }

.index-story-list li .name { display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0 0 5px; }

.index-story-list li .desc { font-size: 12px; display: -webkit-box; height: 36px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #999999; }

.index-story-list li .label { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background-color: #058cd8; color: #fff; line-height: 20px; text-align: center; font-weight: 500; }

.index-story-list .index-news-dots { display: block; }

.index-story-wrapper { overflow: hidden; }

.index-contact-wrap { height: 100%; padding-top: 0px; }

.index-contact-map { height: 30vh; }

.index-contact-map .map { width: 100%; height: 100%; }

.index-contect-form { height: auto; background: url(../images/ilimg1.jpg) no-repeat right top; background-size: cover; color: #fff; padding: 40px 0; position: relative; }

.index-contect-form .index-title { text-align: left; }

.incontect-form-box { padding: 5px 0 0; }

.incontect-form-box ul { margin: 0 -5px; }

.incontect-form-box ul li { position: relative; float: left; width: 50%; padding: 0 5px 0; margin: 10px 0 0; }

.incontect-form-box ul li.li5, .incontect-form-box ul li.li6 { width: 100%; }

.incontect-form-box ul li span { position: absolute; top: 7px; left: 13px; z-index: 1; }

.incontect-form-box ul li span img { height: 19px; }

.incontect-form-box ul li label { display: block; position: relative; -webkit-border-radius: 6px; border-radius: 6px; }

.incontect-form-box ul li input { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 10px 0 30px; -webkit-border-radius: 54px; border-radius: 54px; background-color: #fff; font-size: 14px; font-weight: 500; }

.incontect-form-box ul li input::-webkit-input-placeholder { color: #999; }

.incontect-form-box ul li input::-moz-placeholder { color: #999; }

.incontect-form-box ul li input:-ms-input-placeholder { color: #999; }

.incontect-form-box ul li input::placeholder { color: #999; }

.incontect-form-box ul li textarea { display: block; width: 100%; height: 60px; padding: 7px 10px 0 30px; -webkit-border-radius: 25px; border-radius: 25px; background-color: #fff; }

.incontect-form-box ul li.li6 label { padding-right: 110px; }

.incontect-form-box ul li .codeimg { display: block; position: absolute; right: 0; top: 0; width: 98px; height: 100%; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 54px; border-radius: 54px; background-color: #fff; }

.incontect-form-box ul li .codeimg img { -webkit-border-radius: 6px; border-radius: 6px; height: 37px; }

.incontect-form-box ul li.li7 { width: 100%; }

.incontect-form-box ul li.li7 input { background: -webkit-gradient(linear, left top, right bottom, from(#06b4e6), to(#059dde)); background: linear-gradient(to bottom right, #06b4e6, #059dde); color: #fff; }

.full-pages-swiper .page07.swiper-slide { height: auto; }

.full-pages-swiper > div.swiper-wrapper { display: block; }

.index-story-wrap, .index-point-wrap, .index-work-wrap { padding-top: 50px; padding-bottom: 50px; }

.index-news-wrap { padding-bottom: 50px; padding-top: 20px; }

.index-work-wrapbox { overflow: hidden; }

.index-work-wrap, .index-point-wrap { padding-top: 30px; }

@media (max-width: 320px) { .index-news-recommend dl dd .text { display: none; }
  .index-work-table ul li { padding: 2px 0; }
  .index-work-table ul li .icon img { height: 20px; }
  .index-work-table ul li .text { margin-left: 2px; }
  .index-contact-map { height: 30%; }
  .index-contect-form { height: 70%; } }

@media (min-width: 768px) { .index-news-recommend dl dd { padding: 30px 30px 0; }
  .index-news-recommend dl dd .name { margin: 2px 0 5px; }
  .index-news-recommend dl dd .text { height: 66px; -webkit-line-clamp: 3; }
  .index-news-recommend dl dd .more { margin: 10px 0 0; }
  .inpage-icons ul { width: auto; }
  .inpage-icons ul li { float: left; width: 14.285714285714286%; }
  .index-plan { overflow: hidden; }
  .index-plan .index-plan-list { overflow: hidden; }
  .index-plan ul { width: auto; margin: 0 -10px; }
  .index-plan ul li { float: left; width:33.33%; margin: 0; padding: 0 5px; }
  .index-plan ul li .icon-box { padding: 5px 10px; }
  .index-plan ul li .icon-box .icon { display: inline-block; width: 40px; height: 40px; padding: 10px; border: 1px solid #bfc4ca; -webkit-border-radius: 100%; border-radius: 100%; vertical-align: middle; }
  .index-news-dots { display: none; }
  .index-news-btns { display: block; }
  .index-news-btns span { cursor: pointer; }
  .index-news-btns span:hover { background: -webkit-gradient(linear, left top, right bottom, from(#06b4e6), to(#059dde)); background: linear-gradient(to bottom right, #06b4e6, #059dde); border-color: transparent; -webkit-box-shadow: 0 5px 10px -5px #059dde; box-shadow: 0 5px 10px -5px #059dde; }
  .index-news-btns span:hover::before { border-color: #ffffff; }
  .index-work-table { padding: 20px 0 0; max-width: 500px; margin: 0 auto; }
  .index-work-table ul li { padding: 10px 10px 10px 20px; }
  .index-work-table ul li .text { font-size: 14px; margin-left: 2px; text-align: center; width: 73%; }
  .index-work-table ul li .icon img { height: 36px; }
  .index-work-item ul li { padding: 0px 0 0; }
  .index-work-item ul li img { height: 45px; }
  .index-work-item ul li .name { font-size: 16px; margin: 10px 0; }
  .index-work-item ul li .desc { line-height: 20px; height: 40px; -webkit-line-clamp: 2; }
  .index-work-item ul li .more { margin: 20px 0 0; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
  .index-work-item ul li .more::before { width: 32px; }
  .pagination { display: none; }
  .incontect-form-box ul { margin: 0; }
  .incontect-form-box ul li { padding: 0; }
  .incontect-form-box ul li input { height: 54px; line-height: 54px; padding: 0 51px; }
  .incontect-form-box ul li textarea { height: 144px; padding: 15px 20px 20px 54px; }
  .incontect-form-box ul li span { top: 13px; left: 20px; }
  .incontect-form-box ul li .codeimg { height: 54px; width: 180px; }
  .incontect-form-box ul li.li6 label { padding-right: 190px; }
  .index-plan ul li .icon-box .text { font-size: 16px; } }

@media (min-width: 1260px) { html, body { overflow: hidden; }
  .page01 .indexbanner { max-height: 83.33333%; }
  .page01 .indexbanner li video { display: block; }
  .watch-btncon { display: none; }
  .full-pages-swiper .side-pages { display: block; left: 0; }
  .full-pages-swiper .side-pages .swiper-pagination-bullet { width: 68px; height: 64px; }
  .full-pages-swiper .side-pages .swiper-pagination-bullet::before { width: 48px; }
  .full-pages-swiper .side-pages .swiper-pagination-bullet span { font-size: 12px; width: 48px; }
  .full-pages-swiper .side-pages .swiper-pagination-bullet i { display: block; }
  .full-pages-swiper .side-pages .swiper-pagination-bullet b { font-size: 16px; }
  .full-pages-swiper { width: 100%; height: 100%; }
  .full-pages-swiper .swiper-slide::before { content: ''; position: absolute; left: 50%; top: 0; z-index: 2; width: 81.25%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: none; height: 100%; background-repeat: repeat-y; background-position: center 0; background-size: 100% auto; /* background-image: url(../images/linebg.png);*/ display: none; }
  .full-pages-swiper .swiper-slide .swiper-slide::before { display: none; }
  .full-pages-swiper .swiper-slide:nth-child(3)::before, .full-pages-swiper .swiper-slide:nth-child(4)::before, .full-pages-swiper .swiper-slide:nth-child(5)::before, .full-pages-swiper .swiper-slide:nth-child(6)::before { /*background-image: url(../images/linebg02.png);*/ }
  .full-pages-swiper .swiper-slide { position: relative; }
  .fadeInUp { opacity: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
  .fadeInUp.animateac { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .inxpage-wrap { padding: 40px 50px; }
  .index-search-box { height: 55px; }
  .index-search-box .winput-text { font-size: 14px; padding: 0 50px 0 30px; }
  .index-search-box .winput-submit { right: 20px; }
  .search-table { font-size: 14px; padding: 11px 0 16px; }
  .search-table a { margin: 0 24px 0 0; }
  .inpage-icons ul li .icon { -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
  .inpage-icons ul li .icon img { height: 98px; }
  .inpage-icons ul li .text { font-size: 14px; margin-top: -10px; }
  .inpage-icons ul li:hover .icon { margin-top: -5px; }
  .index-news-recommend dl dt { width: 50%; }
  .index-news-wrapper { padding: 0 0 20px; }
  .index-news-wrapper ul li { -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
  .index-news-wrapper ul li:hover { -webkit-box-shadow: 0 5px 21px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 21px -5px rgba(0, 0, 0, 0.2); }
  .index-news-wrapper ul li .img { overflow: hidden; }
  .index-news-wrapper ul li .img:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .index-news-wrapper ul li .img img { -webkit-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s; }
  .index-story-list li .img { overflow: hidden; }
  .index-story-list li .img:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .index-story-list li .img img { -webkit-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s; }
  .index-story-list li .info { background-color: #fff; padding: 10px; position: absolute; right: 0; left: 28px; z-index: 2; bottom: -75px; -webkit-box-shadow: 0 5px 21px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 21px -5px rgba(0, 0, 0, 0.2); }
  .index-story-list li .desc { line-height: 20px; height: 60px; -webkit-line-clamp: 3; }
  .index-story-list li .label { width: 60px; height: 60px; line-height: 20px; padding: 10px; }
  .index-story-list .index-news-dots { height: 8px; margin: 20px 0 0; }
  .index-story-list .index-news-dots span { margin: 0 10px; width: 8px; height: 8px; }
  .index-story-wrapper { padding-bottom: 95px; }
  .index-contact-wrap { padding-top: 0; }
  .index-contact-map, .index-contect-form { float: left; width: 50%; height: 100%; }
  .incontect-form-box ul li { float: none; width: 100%; }
  .full-pages-swiper > div.swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .ycenter { position: static; z-index: 3; left: 0; right: 0; }
  .page01 .indexbanner { height: 80%; }
  .index-news-wrap { padding-top: 59px; }
  .full-pages-swiper > div.swiper-wrapper div.swiper-slide { height: 100%; }
  .full-pages-swiper > div.swiper-wrapper div.swiper-slide:last-child { height: auto; }
  .index-page-content { bottom: 10%; }
  .index-contect-form .commonweb { position: static; z-index: 3; }
  .index-story-wrap, .index-point-wrap, .index-work-wrap { padding-top: 0px; padding-bottom: 0px; }
  .index-news-wrap { padding-bottom: 0px; padding-top: 0px; }
  .index-work-wrap, .index-point-wrap { padding-top: 30px; }
  .commonweb { max-width: 970px; margin: 0px auto; }
  .headerActive { top: -100%; }
  .headerbg { background-color: rgba(0, 0, 0, 0.5); } }

@media (min-width: 1260px) { .index-title .desc { font-size: 14px; padding: 8px 0; }
  .index-news-wrap { padding-top: 0; }
  .index-news-recommend { padding: 20px 0 0; }
  .index-news-recommend dl dd { padding: 38px 40px 0 56px; }
  .index-news-recommend dl dd .name { margin: 11px 0 13px; }
  .index-news-recommend dl dd .more { margin: 36px 0 0; }
  .index-news-list { padding: 10px 0; }
  .index-news-wrapper ul li .info { padding: 10px 25px; }
  .index-news-wrapper ul li .info .name { font-size: 18px; -webkit-line-clamp: 2; line-height: 26px; height: 52px; margin: 0 0 8px; }
  .index-news-btns span { width: 50px; height: 50px; }
  .index-news-btns span::before { top: 18px; }
  .index-news-btns span.index-news-prev { left: -30px; }
  .index-news-btns span.index-news-prev::before { left: 20px; }
  .index-news-btns span.index-news-next { right: -30px; }
  .index-news-btns span.index-news-next::before { right: 20px; }
  .index-plan ul { padding: 20px 0 0; }
  .index-plan ul li { padding: 0 10px; }
  .index-plan ul li .icon-box { padding: 15px 15px; }
  .index-plan ul li .icon-box .icon { display: inline-block; width: 56px; height: 56px; padding: 14px; }
  .index-plan ul li .icon-box .text { font-size: 20px; margin-left: 18px; }
  .index-point-slide { right: 10px; }
  .index-point-slide .first { padding: 10px; width: 80px; height: 75px; font-size: 14px; }
  .index-point-slide ul li { padding: 18px 0 10px; width: 80px; height: 75px; font-size: 14px; }
  .index-point-slide ul li img { height: 33px; }
  .incontect-form-box ul li { margin: 15px 0 0; }
  .index-contect-form { padding-left: 40px; }
  .index-work-wrap, .index-point-wrap { padding-top: 40px; }
  .header-nav ul li { margin: 0px 10px; }
  .logo img { height: 46px; }
  .commonweb { max-width: 1200px; } }

@media (min-width: 1440px) { .index-news-btns span.index-news-prev { left: -80px; }
  .index-news-btns span.index-news-next { right: -80px; }
  .page05 .index-title .desc, .page06 .index-title .desc { font-size: 14px; padding: 18px 0 0; }
  .page03 .index-title .desc { font-size: 14px; padding: 18px 0; }
  .page06 .index-title { max-width: 392px; }
  .page06 .index-title .desc { font-size: 14px; padding: 18px 0 0; line-height: 22px; }
  .index-work-table { padding: 30px 0 0; }
  .index-work-table ul li { padding-top: 14px; padding-bottom: 14px; text-align: left; }
  .index-work-table ul li .text { font-size: 18px; }
  .index-work-table ul li .icon img { height: 48px; }
  .index-work-item ul li { padding: 0px 0 0; }
  .index-work-item ul li img { height: 50px; }
  .index-work-item ul li .name { font-size: 20px; margin: 10px 0; }
  .index-work-item ul li .desc { font-size: 14px; }
  .index-point-slide { right: 10px; }
  .index-point-slide .first { padding: 10px; width: 109px; height: 92px; font-size: 18px; }
  .index-point-slide ul li { padding: 19px 0 10px; width: 109px; height: 92px; font-size: 16px; }
  .index-story-list { padding: 60px 0 0; }
  .index-story-list li .info { padding: 35px 30px; bottom: -150px; }
  .index-story-list li .name { line-height: 24px; height: 48px; font-size: 18px; margin: 10px 0; }
  .index-story-list li .desc { font-size: 14px; }
  .index-story-wrapper { padding-bottom: 170px; }
  .index-contect-form { padding-left: 102px; }
  .index-work-wrap, .index-point-wrap { padding-top: 60px; }
  .header-nav ul li { margin: 0px 15px; }
  .header-nav ul li h3 a { font-size: 18px; } }

@media (min-width: 1680px) { .full-pages-swiper .side-pages { display: block; left: 101px; }
  .full-pages-swiper .side-pages .swiper-pagination-bullet { width: 98px; height: 94px; }
  .full-pages-swiper .side-pages .swiper-pagination-bullet::before { width: 68px; }
  .full-pages-swiper .side-pages .swiper-pagination-bullet span { font-size: 14px; width: 68px; }
  .full-pages-swiper .side-pages .swiper-pagination-bullet b { font-size: 20px; }
  .page04 .index-point-slide { margin-top: 300px; }
  .index-work-wrap, .index-point-wrap { padding-top: 80px; }
  .header-nav ul li { margin: 0px 20px; } }

@media (min-height: 1080px) { .index-news-list { padding: 20px 0; }
  .index-news-recommend { padding: 40px 0 0; }
  .index-news-wrapper ul li .info { padding: 18px 25px; }
  .index-plan ul { padding: 35px 0 0; }
  .index-work-item ul li { padding-top: 70px; } }

@media screen and (min-width: 10024px) { .commonweb { max-width: 900px; margin: 0px auto; }
  .wfont40 { font-size: 24px; line-height: 24px; }
  .indexNewsClass { padding-top: 5px; }
  .indexNewsClass a { line-height: 35px; font-size: 14px; width: 100px; }
  .index-news-recommend dl dt { width: 40%; }
  .index-news-recommend dl dd { width: 60%; padding: 20px 20px 0; }
  .index-news-recommend dl dd .name { margin: 5px 0; height: 22px; line-height: 22px; font-size: 18px; }
  .index-news-recommend dl dd .text { height: 44px; -webkit-line-clamp: 2; }
  .index-news-recommend dl dd .more { margin-top: 15px; }
  .index-news-wrapper ul li .info { padding: 5px 15px; }
  .index-news-wrapper ul li .info .name { font-size: 14px; -webkit-line-clamp: 2; line-height: 18px; height: 36px; margin: 0px 0px 3px; }
  .wfont30 { font-size: 20px; }
  .index-plan ul li .icon-box { padding: 10px; }
  .index-work-iconlist { padding: 25px 0 0; }
  .entrepreneurBox { padding: 10px 25px; }
  .index-work-item ul li img { height: 25px; }
  .index-work-item ul li .name { font-size: 14px; margin: 5px 0px; }
  .index-work-item ul li .desc { line-height: 16px; height: 32px; }
  .index-work-item ul li .more { margin: 0; }
  .index-plan { padding-top: 20px; }
  .index-plan ul li .icon-box .icon { width: 36px; height: 36px; padding: 10px; }
  .incontect-form-box ul li span { top: 3px; left: 20px; }
  .incontect-form-box ul li input { height: 35px; line-height: 35px; }
  .incontect-form-box ul li textarea { height: 100px; padding: 4px 20px 20px 54px; }
  .contactTel span { font-size: 18px; }
  .incontect-form-box ul li .codeimg { height: 35px; }
  .incontect-form-box ul li .codeimg img { height: 30px; }
  .index-plan ul { padding-top: 10px; }
  .indexTopNews { height: 70px; padding: 5px 100px 0px; }
  .indexTopNews h2 { height: 70px; width: 70px; font-size: 18px; line-height: 24px; padding-top: 10px; }
  .indexTopNews h3 { font-size: 28px; line-height: 30px; height: 30px; }
  .indexTopNews .desc { font-size: 14px; display: -webkit-box; height: 22px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 5px; }
  .indexTopNews .more { right: 30px; }
  .indexTopNews .more a { font-size: 16px; }
  .indexNewsbanner { height: 300px; }
  .indexNewsbanner ul li img { height: auto; width: 100%; }
  .indexNewsList { height: 300px; padding: 5px 20px 0px; }
  .indexNewsList h3 { padding-top: 5px; }
  .indexNewsList ul { padding-bottom: 7px; margin-top: 3px; }
  .indexNewsList ul li { font-size: 12px; line-height: 20px; height: 20px; }
  .indexTopNews { margin-top: 5px; }
  .indexNewsbannerbox { padding-top: 10px; }
  .indexNewsImglist { margin-top: 10px; }
  .indexClass { padding-top: 10px; }

  .indexClass a { line-height: 40px; font-size: 14px; width: 130px; }
  .index-work-wrap, .index-point-wrap { padding-top: 20px; }
  .scientificResearchbox { padding-top: 30px; }
  .projectText { padding: 15px 20px; min-height: 220px; }
  .projectText h3 { font-size: 18px; height: 24px; }
  .projectText p { font-size: 14px; }
  .projectText p.address { margin-top: 8px; }
  .index-title .enTitle { padding-top: 5px; font-size: 12px; }
  .inxpage-wrap { padding: 40px 20px; }
  .inpage-icons ul li .text { font-size: 12px; }
  .trafficBannerText { max-width: 750px; } }
/*--分页样式--*/
.pages	{font-size: 13px; padding: 20px 0 20px; margin: 20px 0; display:flex; justify-content:center;}
.pages li{float: left;margin-right: 6px; border-bottom:none !important; width:auto !important; padding:0 !important;}
.pages li:hover::after {content:none !important;}
.page-previous a{background-color: #fff;border: 1px solid #e4e4e4;border-radius: 2px; padding: 7px 14px !important; width:69px;}
.page-next a{background-color: #fff;border: 1px solid #e4e4e4;border-radius: 2px; padding: 7px 14px !important; width:69px;}
.page a{background-color: #f5f5f5;border: 1px solid #d7d7d7;border-radius: 2px;color: #333;cursor: pointer;padding: 7px 14px !important;text-decoration: none;}
.page a:hover,.page-active a{background-color: #058cd8;border: 1px solid #ccdbe4; color: #FFFFFF;}