.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }

img { display: block; max-width: 100%; }

* { box-sizing: border-box; margin: 0; padding: 0; }

ul { list-style: none; }

.container { max-width: 1400px; margin: 0 auto; }

a { text-decoration: none; }

* { font-family: 'SimHei'; color: #333; }

.w33-5 { float: left; width: 33.5%; }

.w66-5 { float: left; width: 66.5%; }

body { max-width: 1920px; margin: 0 auto !important; overflow-x: hidden; }

#lizi { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e8e8e8; z-index: 1; }

.more-comm { display: block; width: 140px; padding-bottom: 23px; border-bottom: 3px solid #e4e4e4; position: relative; padding-right: 5px; }

.more-comm::before { content: ''; display: block; height: 3px; width: 0px; background: #003867; position: absolute; bottom: -3px; left: 0; transition: all 0.5s; }

.more-comm:hover::before { width: 100%; }

.more-comm .name { float: left; font-size: 14px; line-height: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #003867; }

.more-comm img { float: right; height: 10px; margin-top: 2px; }

.go-top, .go-next { position: absolute; bottom: 90px; right: 1%; width: 70px; height: 70px; z-index: 10; }

.go-top::after, .go-next::after { content: ''; display: block; width: 1px; height: 400%; background-color: #5a6371; position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% + 15px); }

.go-top::before, .go-next::before { content: ''; display: block; width: 1px; height: 0%; background-color: #00abd2; position: absolute; left: 50%; z-index: 1; transform: translateX(-50%); bottom: calc(100% + 15px); animation: gotop 3s linear forwards infinite; }

.go-top .top-btn, .go-top .next-btn, .go-next .top-btn, .go-next .next-btn { width: 100%; height: 100%; border-radius: 50%; transition: all 0.4s; background: #424c5d url(../img/index/model-2-btn-icon-1.png) no-repeat 50% 50%; transform: rotate(90deg); }

.go-top .top-btn:hover, .go-top .next-btn:hover, .go-next .top-btn:hover, .go-next .next-btn:hover { background-color: #00abd2; }

.go-next { right: auto; left: 1%; }

.go-next::before { top: calc(-400% - 15px); bottom: auto; }

.go-next .next-btn { transform: rotate(-90deg); background: #fff url(../img/index/model-2-btn-icon.png) no-repeat 50% 50%; }

.go-next .next-btn:hover { background: #00abd2 url(../img/index/model-2-btn-icon-1.png) no-repeat 50% 50%; }

@keyframes gotop { 0% { height: 0; }
  100% { height: 400%; } }

.header { position: absolute; top: 0; left: 0; width: 100%; padding: 65px 45px 55px; padding-right: 13%; z-index: 100; font-size: 0; text-align: right; transition: all 1s; }

.header.inside { position: fixed !important; }

.header.inside .logo, .header.inside .nav { transform: translateY(0%); }

.header.active { position: fixed !important; background: #fff; }

.header.active .img1 { display: none; }

.header.active .img2 { display: block; }

.header.active .nav { border-color: #e5e5e5; }

.header.active .nav .nav-list .list .name { color: #333; transition: all 0.4s; }

.header.active .nav .nav-list .list .name:hover { color: #00abd2; }

.header.active .nav .nav-list .list .name::after { background: #00abd2; }

.header .img2 { display: none; }

.header .logo { float: left; transform: translateY(-300%); transition: all 1.2s; }

.header .nav { padding: 25px 0 0; display: inline-block; vertical-align: top; padding-right: 50px; position: relative; font-size: 0; transform: translateY(-300%); transition: all 1.2s; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.header .nav .nav-list { padding-bottom: 45px; white-space: nowrap; }

.header .nav .nav-list .list { display: inline-block; padding-right: 35px; position: relative; }

.header .nav .nav-list .list.active .name { color: #00abd2; }

.header .nav .nav-list .list.active .name::after { background: #00abd2; }

.header .nav .nav-list .list.active .name::after { width: 100%; }

.header .nav .nav-list .list::after { position: absolute; content: ''; display: block; width: 100%; top: 0; height: 150px; z-index: -1; }

.header .nav .nav-list .list:hover .downmenu-box { display: block; }

.header .nav .nav-list .list .name { position: relative; display: inline-block; padding: 10px 15px; font-size: 16px; line-height: 16px; color: #fff; }

.header .nav .nav-list .list .name::after { position: absolute; left: 0; bottom: -46px; content: ''; display: block; width: 0%; height: 2px; transition: all 0.4s; background: #fff; }

.header .nav .nav-list .list .name:hover::after { width: 100%; }

.header .nav .seach-main { position: absolute; right: 0; top: 35px; }

.header .nav .seach-main img { height: 16px; cursor: pointer; }

.header .head-btn { position: fixed; top: 80px; right: 45px; }

.seach-form { display: none; position: absolute; top: calc(100% + 10px); right: 0; background: #fff; white-space: nowrap; z-index: 10; box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.3); }

.seach-form input { width: 150px; line-height: 30px; display: inline-block; vertical-align: top; border: none; border-right: 1px solid #dfdfdf; padding: 0 10px; outline: none; }

.seach-form .seach-btn { display: inline-block; line-height: 30px; font-size: 13px; color: #333; padding: 0 8px; transition: all 0.4s; cursor: pointer; }

.seach-form .seach-btn:hover { background: #00abd2; color: #fff; }

.downmenu-box { position: absolute; display: none; top: 150px; min-width: 277px; text-align: left; background: #fff; padding: 20px 0; }

.downmenu-box .downmenu-list a { display: block; padding: 0 25px; font-size: 14px; line-height: 40px; border-bottom: 1px solid #fff; transition: all 0.4s; white-space: nowrap; }

.downmenu-box .downmenu-list a:hover { border-color: #00abd2; }

.footer { position: relative; z-index: 1; padding: 95px 0 55px; background: url(../img/index/foot-bg.jpg) no-repeat 50% 50%; background-size: cover; }

.footer .foot-title { font-size: 16px; line-height: 16px; color: #00abd2; margin-bottom: 10px; }

.footer-main { position: relative; }

.footer-main .left { width: 33.5%; float: left; }

.footer-main .left .logo img { height: 55px; }

.footer-main .left .share { margin-top: 40px; font-size: 0; }

.footer-main .left .share a { margin-right: 10px; width: 50px; height: 50px; position: relative; display: inline-block; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.4s; }

.footer-main .left .share a:hover { background-color: #00abd2 !important; }

.footer-main .left .share a:nth-child(1) { background: url(../img/index/share-icon1.png) no-repeat 50% 50%; }

.footer-main .left .share a:nth-child(2) { background: url(../img/index/share-icon2.png) no-repeat 50% 50%; }

.footer-main .left .share a:nth-child(2) img { position: absolute; width: 120px; height: auto; max-width: 1000%; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%) scale(0); transition: all 0.4s; transform-origin: 50% 100%; }

.footer-main .left .share a:nth-child(2):hover img { transform: translateX(-50%) scale(1); }

.footer-main .left .share a:nth-child(3) { background: url(../img/index/share-icon3.png) no-repeat 50% 50%; }

.footer-main .left .share a:nth-child(4) { background: url(../img/index/share-icon4.png) no-repeat 50% 50%; }

.footer-main .left .share a:nth-child(5) { background: url(../img/index/share-icon5.png) no-repeat 50% 50%; }

.footer-main .left .copyright { position: absolute; bottom: 0; left: 0; width: 33.5%; margin-top: 50%; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, 0.4); }

.footer-main .left .copyright a { display: inline-block; color: rgba(255, 255, 255, 0.4); transition: all 0.4s; }

.footer-main .left .copyright a:hover { color: rgba(255, 255, 255, 0.8); }

.footer-main .right { width: 66.5%; float: right; }

.foot-message { font-size: 0; }

.foot-message form { margin: 0 -10px; }

.foot-message .list { display: inline-block; vertical-align: top; width: 50%; padding: 25px 10px 0; margin-bottom: 10px; }

.foot-message .list.msg { width: 100%; }

.foot-message .list .name { margin-top: -30px; font-size: 14px; line-height: 14px; color: #fff; transition: all 0.4s; transform-origin: 0 0; }

.foot-message .list .name.active { transform: translateY(-10px) scale(0.5); }

.foot-message .list input, .foot-message .list textarea { border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); background: transparent; line-height: 30px; width: 100%; font-size: 14px; color: #fff; outline: none; }

.foot-message .list input:focus ~ .name, .foot-message .list textarea:focus ~ .name { transform: translateY(-10px) scale(0.5); }

.foot-message .btn { margin-left: 10px; margin-top: 20px; width: 170px; line-height: 50px; background: #00abd2; color: #fff; text-align: center; font-size: 14px; position: relative; cursor: pointer; transition: all 0.4s; }

.foot-message .btn::after { display: block; width: 0; height: 2px; content: ''; background: #fff; transition: all 0.4s; position: absolute; bottom: -1px; }

.foot-message .btn:hover { opacity: 0.9; }

.foot-message .btn:hover::after { width: 100%; }

.foot-contact { font-size: 0; margin-top: 95px; display: flex; justify-content: space-between; flex-wrap: wrap; }

.foot-contact .list { vertical-align: top; }

.foot-contact .list .text { width: auto !important; font-size: 14px; line-height: 24px; color: #fff; }

.u-elevation-1 { box-shadow: 0 0 40px 0 rgba(78, 87, 92, 0.1); }

.u-reset-btn-styles { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; }

.c-btn__round { display: block; position: relative; width: 54px; height: 54px; background-color: #fff; border-radius: 50%; }

#l-header-menu__trigger, #l-header-contact { display: none; transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

#l-header-menu__trigger { margin-bottom: 20px; }

#l-header-menu__trigger { transform: scale(0); pointer-events: none; z-index: 99; }

#l-header-menu__trigger.is-shown, #l-header-contact.is-shown { -webkit-transform: scale(1); transform: scale(1); pointer-events: all; display: block; }

.c-btn__round > .inner { display: flex; justify-content: center; align-items: center; position: relative; height: 100%; z-index: 10; color: #333; font-size: 16px; font-weight: bold; }

.c-btn__round .bars { display: block; position: relative; width: 20px; height: 14px; }

.c-btn__round:hover .bars:before, .c-btn__round:hover .bars .bar, .c-btn__round:hover .bars:after { background-color: #fff; }

.c-btn__round:hover .inner { color: #fff; }

.c-btn__round .bars:before { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.c-btn__round .bars:before, .c-btn__round .bars .bar, .c-btn__round .bars:after { display: block; content: ''; position: absolute; width: 100%; height: 2px; top: 50%; left: 0; margin-top: -1px; background-color: #00abd2; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s; }

.c-btn__round .bars:after { bottom: 0; top: auto; }

.c-btn__round:hover .c-text-path { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); }

.c-btn__round .c-text-path { position: absolute; top: -30%; left: -30%; width: 160%; height: 160%; opacity: 0; transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s; transform: rotate(-45deg); pointer-events: none; }

.c-text-path { width: 64px; height: 64px; letter-spacing: 0.1em; font-size: 6px; color: #00abd2; }

.c-text-path .c-text-path__text { fill: #00abd2; font-size: 13px; font-weight: bold; font-family: 'Arial'; }

.c-btn__round:before { display: block; width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; border-radius: 50%; background-color: #00abd2; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: scale(0); z-index: 1; }

.c-btn__round:hover:before { transform: scale(1); }

.c-btn__round.is-active .bars:after { bottom: auto; top: 50%; }

.c-btn__round.is-active .bars:before { transform: translateY(0) rotate(-135deg); }

.c-btn__round.is-active .bars .bar { transform: scale(0); }

.c-btn__round.is-active .bars:after { transform: translateY(0) rotate(135deg); }

.inside-banner { position: relative; }

.inside-kv-box { position: absolute !important; top: 0; width: 100%; height: 100%; left: 50%; transform: translateX(-50%); }

.inside-kv-box .kv-info { position: absolute; left: 0; top: 40%; z-index: 1; width: 410px; height: 280px; padding-top: 40px; padding-left: 40px; background: url(../img/kv-text-bg.png) no-repeat 0 50%; background-size: contain; }

.inside-kv-box .kv-info .name-en { display: inline-block; font-size: 30px; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; position: relative; padding: 0 5px; margin-bottom: 10px; }

.inside-kv-box .kv-info .name-en::after { content: ''; display: block; width: 100%; height: 10px; background: #00abd2; position: absolute; top: 50%; left: 0; z-index: -1; transform: translateY(-50%); }

.inside-kv-box .kv-info .name-cn { font-size: 46px; line-height: 60px; color: #fff; }

.inside-kv-box .kv-infoother { position: absolute; left: 0; top: 40%; z-index: 1; width: 410px; height: 280px; padding-top: 40px; padding-left: 40px; }

.inside-kv-box .kv-infoother .name-en { display: inline-block; font-size: 30px; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; position: relative; padding: 0 5px; margin-bottom: 10px; }

.inside-kv-box .kv-infoother .name-line { display: block; width: 80px; height: 2px; margin: 28px 0; background-color: #fff; }

.inside-kv-box .kv-infoother .name-cn { font-size: 46px; line-height: 60px; color: #fff; }

.en-page .inside-kv-box .kv-info { width: auto !important; }

@media screen and (max-width: 1500px) { .container { max-width: 1200px; }
  .go-top, .go-next { width: 60px; height: 60px; }
  .inside-kv-box .kv-info, .kv-infoother { width: 300px; height: 215px; padding-left: 20px; padding-top: 20px; }
  .inside-kv-box .kv-info .name-cn, .kv-infoother .name-cn { font-size: 35px; line-height: 45px; }
  .inside-kv-box .kv-info .name-line, .kv-infoother .name-line { width: 70px; margin: 24px 0; }
  .downmenu-box { top: 75px; padding: 10px 0; min-width: 200px; }
  .downmenu-box .downmenu-list a { line-height: 30px; }
  .header { padding: 35px 35px 40px; padding-right: 13%; }
  .header .logo { float: left; }
  .header .logo img { height: 60px; }
  .header .nav { padding-top: 13px; }
  .header .nav .nav-list { padding-bottom: 20px; }
  .header .nav .nav-list .list { padding-right: 25px; }
  .header .nav .nav-list .list::after { height: 100px; }
  .header .nav .nav-list .list .name::after { bottom: -21px; }
  .header .nav .seach-main { position: absolute; right: 0; top: 23px; }
  .header .nav .seach-main img { height: 16px; }
  .header .head-btn { position: fixed; top: 50px; right: 35px; }
  .c-btn__round { width: 42px; height: 42px; }
  .c-text-path .c-text-path__text { font-size: 12px; }
  #l-header-menu__trigger { margin-bottom: 10px; }
  .footer-main .left .copyright { margin-top: 60%; } }

@media screen and (max-width: 1200px) { .container { max-width: 900px; }
  .footer-main .left .copyright { bottom: 20px; }
  .inside-kv-box .kv-info, .kv-infoother { width: 220px; height: 165px; padding-left: 20px; padding-top: 20px; }
  .inside-kv-box .kv-info .name-en, .kv-infoother .name-en { font-size: 18px; }
  .inside-kv-box .kv-info .name-en::after, .kv-infoother .name-en::after { height: 5px; }
  .inside-kv-box .kv-info .name-line, .kv-infoother .name-line { width: 60px; margin: 20px 0; }
  .inside-kv-box .kv-info .name-cn, .kv-infoother .name-cn { font-size: 25px; line-height: 30px; }
  .header { padding: 25px 25px 40px; padding-right: 13%; }
  .header .logo img { height: 45px; }
  .header .nav { padding-top: 13px; }
  .header .nav .nav-list { padding-bottom: 20px; }
  .header .nav .nav-list .list { padding-right: 15px; }
  .header .nav .nav-list .list .name { font-size: 14px; line-height: 14px; padding: 5px 8px; }
  .header .nav .nav-list .list .name::after { bottom: -21px; }
  .header .nav .seach-main { position: absolute; right: 0; top: 20px; }
  .header .nav .seach-main img { height: 14px; }
  .header .head-btn { position: fixed; top: 30px; right: 25px; }
  .footer-main .left { width: 33.5%; float: left; }
  .footer-main .left .logo img { height: 40px; }
  .footer-main .left .share { margin-top: 40px; font-size: 0; }
  .footer-main .left .share a { margin-right: 10px; width: 40px; height: 40px; background-size: 16px !important; }
  .footer-main .left .copyright { margin-top: 50%; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, 0.4); }
  .footer-main .left .copyright a { display: inline-block; color: rgba(255, 255, 255, 0.4); }
  .footer-main .right { width: 66.5%; float: right; }
  .foot-message .btn { line-height: 40px; }
  .foot-contact { display: block; margin-top: 60px; }
  .foot-contact .list { display: inline-block; padding-right: 20px; margin-bottom: 20px; } }

@media screen and (max-width: 950px) { .container { max-width: 700px; }
  .go-top, .go-next { width: 45px; height: 45px; }
  .go-top .top-btn, .go-top .next-btn, .go-next .top-btn, .go-next .next-btn { background-size: 10px; }
  .footer-main .left .copyright { position: static; }
  .inside-kv-box .kv-info, .kv-infoother { width: 190px; height: 135px; padding-left: 15px; padding-top: 15px; }
  .inside-kv-box .kv-info .name-en, .kv-infoother .name-en { font-size: 16px; }
  .inside-kv-box .kv-info .name-en::after, .kv-infoother .name-en::after { height: 4px; }
  .inside-kv-box .kv-info .name-line, .kv-infoother .name-line { width: 50px; margin: 18px 0; }
  .inside-kv-box .kv-info .name-cn, .kv-infoother .name-cn { font-size: 20px; line-height: 26px; }
  .more-comm { padding-bottom: 15px; border-bottom-width: 2px; }
  .more-comm::before { height: 2px; }
  .footer-main .left { width: 100%; float: left; }
  .footer-main .left .logo img { height: 40px; }
  .footer-main .left .share { margin-top: 20px; font-size: 0; }
  .footer-main .left .share a { margin-right: 10px; width: 40px; height: 40px; background-size: 16px !important; }
  .footer-main .left .copyright { margin-top: 50%; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, 0.4); }
  .footer-main .left .copyright a { display: inline-block; color: rgba(255, 255, 255, 0.4); }
  .footer-main .right { width: 100%; float: right; }
  .footer-main .left .copyright { margin-top: 20px; width: 100%; }
  .foot-message .btn { line-height: 40px; }
  .foot-contact { display: block; margin-top: 60px; }
  .foot-contact .list { display: inline-block; padding-right: 20px; margin-bottom: 20px; }
  #l-header-menu__trigger { display: block !important; transform: scale(1) !important; pointer-events: all !important; margin-left: 10px; margin-bottom: 0; }
  .header { padding: 20px; }
  .header .logo img { height: 42px; }
  .header .nav { margin-top: 45px; display: none; width: 100%; padding-top: 10px; padding-right: 0; border: none; }
  .header .nav .nav-list { padding-bottom: 0px; white-space: normal; }
  .header .nav .nav-list .list { padding-right: 0px; width: 100%; text-align: center; padding: 8px 0; }
  .header .nav .nav-list .list::after { display: none; }
  .header .nav .nav-list .list:hover .downmenu-box { display: none; }
  .header .nav .nav-list .list .name { display: block; font-size: 18px; line-height: 18px; padding: 5px 8px; }
  .header .nav .nav-list .list .name::after { display: none; bottom: -21px; }
  .header .nav .seach-main { display: none; }
  .header .head-btn { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: row-reverse; }
  .downmenu-box { position: relative; width: 100%; top: 0; text-align: center; } }

@media screen and (max-width: 650px) { .container { max-width: 100%; padding: 0 18px; }
  .go-next { display: none !important; }
  .inside-banner img { height: 250px; object-fit: cover; }
  .inside-kv-box .kv-info, .kv-infoother { width: 160px !important; height: 125px !important; left: 40px; }
  .inside-kv-box .kv-info .name-line, .kv-infoother .name-line { width: 40px !important; margin: 10px 0 !important; }
  .inside-kv-box .kv-info .name-cn, .kv-infoother .name-cn { font-size: 18px; line-height: 22px; }
  .kv-infoother .name-en { font-size: 18px !important; margin-bottom: 0 !important; }
  .kv-infoother .name-cn { font-size: 18px !important; line-height: 22px !important; }
  .c-text-path { display: none; }
  .c-btn__round { width: 40px; height: 40px; }
  .c-btn__round .bars { width: 15px; height: 11px; }
  .c-btn__round .bars:before { transform: translateY(-4px); }
  .c-btn__round .bars:before, .c-btn__round .bars .bar, .c-btn__round .bars:after { height: 1px; margin-top: -1px; }
  .c-btn__round .bars:after { bottom: auto; top: 50%; transform: translateY(4px); }
  .header { padding: 10px 15px; }
  .header .logo img { height: 40px; }
  .header .nav { margin-top: 45px; display: none; width: 100%; height: 100vh; padding-top: 10px; padding-right: 0; border: none; }
  .header .nav .nav-list { padding-bottom: 0px; white-space: normal; }
  .header .nav .nav-list .list { margin-right: 0px; width: 100%; text-align: center; padding: 8px 0; }
  .header .nav .nav-list .list name { display: block; font-size: 14px; line-height: 14px; padding: 5px 8px; }
  .header .head-btn { top: 10px; right: 15px; }
  .c-btn__round > .inner { font-size: 14px; }
  .footer { padding: 35px 0 30px; }
  .foot-contact .list { width: 100%; } }

.fieldinforMain { padding: 20px 0; }

.inside-banner, .introduce { overflow: hidden; }

.en-page .navbox .navcontent:hover { padding: 0 10px !important; }

.navbox { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 62px 0; border-bottom: 1px solid #e5e5e5; }

.navbox .navcontent { position: relative; background-color: #e5e5e5; color: #464646; font-size: 20px; width: 23.4%; margin-right: 2%; height: 68px; line-height: 68px; vertical-align: middle; text-align: center; cursor: pointer; transition: all 0.4s; }

.navbox .navcontent span { display: inline-block; vertical-align: middle; line-height: 20px; }

.navbox .navcontent:hover { background-color: #003867; text-align: left; box-sizing: border-box; padding: 0 50px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.navbox .navcontent:hover span { color: #ffffff; }

.navbox .navcontent:hover .navcicon { display: block; }

.navbox .navcontent:last-child { margin-right: 0; }

.navbox .navcicon { display: none; background: url("../img/fieldinfor/jt.png") no-repeat 50% 50%; width: 19px; height: 22px; background-size: 15px; }

.modename { font-size: 36px; line-height: 70px; height: 70px; padding-left: 26px; border-left: 2px solid #00abd2; color: #333; }

.modename.xb { margin: 77px 0; }

.modename.mg10 { margin-bottom: 10px; }

.modename.mg38 { margin-bottom: 38px; }

.modename.mg94 { margin: 0 0 42px 0; }

.cellbox { position: relative; }

.cellbox .celltip { position: absolute; width: 41.4%; right: 82px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 105px 114px; background-color: #ffffff; color: #333333; font-size: 14px; line-height: 2; }

.containerexts { background-color: #f2f2f2; margin: 120px 0  90px 0; }

.containerexts .stepbox { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.containerexts .stepbox .right { position: relative; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.containerexts .stepbox .right img { position: absolute; bottom: 98px; left: 0; height: 480px; z-index: 2; object-fit: cover; }

.containerexts .stepbox .left { width: 65.7%; padding: 98px 0; }

.containerexts .stepbox .left .top .modeInfo { padding-right: 5%; margin-left: 31px; font-size: 14px; color: #333333; line-height: 2; padding-bottom: 40px; }

.containerexts .stepbox .left .bottom { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 480px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }

.containerexts .stepbox .left .bottom .brief { width: 16.4%; border-right: 1px solid #d9d9d9; padding-top: 196px; }

.containerexts .stepbox .left .bottom .brief > div { margin-bottom: 45px; }

.containerexts .stepbox .left .bottom .brief > div .cic { border-radius: 100%; display: inline-block; width: 10px; height: 10px; background: #c1c1c1; opacity: 1; position: relative; margin: 0 10px !important; }

.containerexts .stepbox .left .bottom .brief > div .cicactive { background: #003867; }

.containerexts .stepbox .left .bottom .brief > div .cicactive::after { display: block; content: ''; width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); border: 1px solid #003867; transition: all 0.4s; }

.containerexts .stepbox .left .bottom .details { -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: start; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 112px 124px 10px 78px; }

.containerexts .stepbox .left .bottom .details span { display: block; font-size: 30px; font-weight: bold; color: #333; margin-bottom: 32px; }

.containerexts .stepbox .left .bottom .details p { font-size: 14px; line-height: 1.8; color: #666666; letter-spacing: 1.5px; }

.prodectWrap { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; margin-bottom: 125px; }

.prodectWrap .prodectbox { width: 33.3%; border: 1px solid #d9d9d9; transition: all 0.4s; }

.prodectWrap .prodectbox:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.prodectWrap .prodectbox:hover .imgbox img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.prodectWrap .prodectbox .imgbox { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 279px; background-color: #efefef; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; }

.prodectWrap .prodectbox .imgbox img { transition: all 0.4s; max-width: 80%; max-height: 80%; }

.prodectWrap .prodectbox .prodectInfo { padding: 36px 32px; }

.prodectWrap .prodectbox .prodectInfo .prodectTip { font-weight: bold; font-size: 20px; color: #333; margin-bottom: 14px; }

.prodectWrap .prodectbox .prodectInfo .system { font-size: 20px; height: 48px; line-height: 24px; overflow: hidden; word-spacing: 2px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; color: #333; }

.prodectWrap .prodectbox .prodectInfo .morebox { padding-top: 42px; }

.containerlast { position: relative; padding: 94px 0 246px 0; overflow: hidden; }

.containerlast .container { position: relative; z-index: 2; }

.containerlast .container .datasbox { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }

.containerlast .container .datasbox .datas { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 49.5%; margin-right: 0.5%; margin-bottom: 10px; overflow: hidden; }

.containerlast .container .datasbox .datas .img { width: 37.7%; }

.containerlast .container .datasbox .datas .img img { width: 100%; object-fit: cover; transition: all 0.4s; }

.containerlast .container .datasbox .datas .introduce { -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; z-index: 1; font-size: 18px; line-height: 2; color: #444444; background-color: #ffffff; padding: 12.8% 5.2%; transition: all 0.4s; }

.containerlast .container .datasbox .datas:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.containerlast .container .datasbox .datas:hover .introduce { color: #00abd2; }

.swiper-paginations .pages span { font-size: 14px; }

.inside-kv-box .kv-infoother { top: 60% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-top: 0 !important; width: auto !important; height: auto !important; }

@media screen and (max-width: 1500px) { .inside-kv-box .kv-infoother .name-line { margin: 24px 0; }
  .inside-kv-box .kv-infoother .name-en { font-size: 28px; }
  .inside-kv-box .kv-infoother .name-cn { font-size: 35px; line-height: 45px; }
  .navbox { padding: 62px 0; }
  .navbox .navcontent { font-size: 20px; height: 68px; line-height: 68px; }
  .navbox .navcicon { display: none; width: 19px; height: 22px; }
  .navbox .navActive { padding: 0 50px; }
  .modename { font-size: 32px; line-height: 68px; height: 68px; padding-left: 24px; }
  .modename.xb { margin: 75px 0; }
  .modename.mg10 { margin-bottom: 10px; }
  .modename.mg38 { margin-bottom: 36px; }
  .modename.mg94 { margin: 0 0 40px 0; }
  .cellbox .celltip { right: 82px; padding: 100px 108px; }
  .prodectWrap .prodectbox .imgbox img { max-width: 70%; } }

@media screen and (max-width: 1200px) { .inside-kv-box .kv-infoother .name-line { width: 60px; margin: 20px 0; }
  .inside-kv-box .kv-infoother .name-en { font-size: 18px; }
  .inside-kv-box .kv-infoother .name-cn { font-size: 25px; line-height: 30px; }
  .navbox { padding: 60px 0; }
  .navbox .navcontent { font-size: 18px; height: 66px; line-height: 66px; }
  .navbox .navcicon { display: none; width: 17px; height: 20px; }
  .navbox .navActive { padding: 0 28px; }
  .modename { font-size: 30px; line-height: 64px; height: 64px; padding-left: 20px; }
  .modename.xb { margin: 71px 0; }
  .modename.mg10 { margin-bottom: 10px; }
  .modename.mg38 { margin-bottom: 32px; }
  .modename.mg94 { margin: 0 0 36px 0; }
  .cellbox .celltip { width: 56%; right: 62px; padding: 80px 88px; }
  .prodectWrap .prodectbox .imgbox img { max-width: 60%; } }

#lizi2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e8e8e8; z-index: 1; }

@media screen and (max-width: 950px) { .navbox { padding: 54px 0; }
  .navbox .navcontent { font-size: 14px; height: 60px; line-height: 60px; }
  .navbox .navcicon { display: none; width: 14px; height: 17px; }
  .navbox .navActive { padding: 0 22px; }
  .modename { font-size: 28px; line-height: 60px; height: 60px; padding-left: 18px; }
  .modename.xb { margin: 68px 0; }
  .modename.mg10 { margin-bottom: 10px; }
  .modename.mg38 { margin-bottom: 30px; }
  .modename.mg94 { margin: 0 0 34px 0; }
  .cellbox .celltip { width: 52%; right: 47px; padding: 21px 37px; }
  .containerexts { margin: 80px 0  50px 0; }
  .containerexts .stepbox .right { position: relative; overflow: hidden; }
  .containerexts .stepbox .right img { position: relative; z-index: 2; bottom: 48px; left: 0; height: 402px; object-fit: cover; }
  .containerexts .stepbox .left { width: 65.7%; padding: 68px 0; }
  .containerexts .stepbox .left .bottom { height: 549px; }
  .containerexts .stepbox .left .bottom .brief { width: 20%; padding-top: 176px; }
  .containerexts .stepbox .left .bottom .brief > div { margin-bottom: 40px; }
  .containerexts .stepbox .left .bottom .brief > div span { font-size: 14px; }
  .containerexts .stepbox .left .bottom .brief > div .cic { width: 6px; height: 6px; margin: 0 8px !important; }
  .containerexts .stepbox .left .bottom .brief > div .cicactive::after { width: 14px; height: 14px; }
  .containerexts .stepbox .left .bottom .details { padding: 58px 68px 10px 44px; }
  .containerexts .stepbox .left .bottom .details span { font-size: 20px; margin-bottom: 26px; }
  .prodectWrap .prodectbox .imgbox img { max-width: 50%; } }

@media screen and (max-width: 650px) { .stepbox .swiper-slide { padding: 10px; }
  .navbox { padding: 24px 0; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .navbox .navcontent { margin-right: 0; font-size: 14px; width: 100%; height: 48px; line-height: 48px; margin-bottom: 10px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .navbox .navcicon { display: none; width: 14px; height: 17px; margin: 0 10px; }
  .modename { font-size: 18px; line-height: 44px; height: 44px; padding-left: 16px; }
  .modename.xb { margin: 28px 0; }
  .modename.mg10 { margin-bottom: 6px; }
  .modename.mg38 { margin-bottom: 15px; }
  .modename.mg94 { margin: 0 0 17px 0; }
  .cellbox .celltip { position: relative; width: 100%; padding: 5px 10px; top: 0; left: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .containerexts { margin: 30px 0 20px 0; }
  .containerexts .stepbox { display: block; }
  .containerexts .stepbox .right { position: relative; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-image: url("../img/about/about-bg.jpg"); background-size: 100% 100%; }
  .containerexts .stepbox .right img { position: relative; bottom: 0; left: 0; }
  .containerexts .stepbox .left { width: 100%; padding: 30px 0; }
  .containerexts .stepbox .left .top .modeInfo { margin-left: 10px; font-size: 14px; padding-bottom: 20px; }
  .containerexts .stepbox .left .bottom { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; height: auto; }
  .containerexts .stepbox .left .bottom .brief { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; border-right: 0; padding-top: 16px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .containerexts .stepbox .left .bottom .brief > div { margin-bottom: 25px; }
  .containerexts .stepbox .left .bottom .brief > div .cic { border-radius: 100%; display: inline-block; width: 10px; height: 10px; background: #c1c1c1; opacity: 1; position: relative; margin: 0 10px !important; }
  .containerexts .stepbox .left .bottom .brief > div .cicactive { background: #003867; }
  .containerexts .stepbox .left .bottom .brief > div .cicactive::after { display: block; content: ''; width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); border: 1px solid #003867; transition: all 0.4s; }
  .containerexts .stepbox .left .bottom .details { padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: start; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 4px 6px 20px; }
  .containerexts .stepbox .left .bottom .details span { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 32px; }
  .containerexts .stepbox .left .bottom .details p { font-size: 14px; line-height: 2; height: auto; letter-spacing: 2px; overflow-y: scroll; text-align: justify; }
  .prodectWrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; }
  .prodectWrap .prodectbox .imgbox { height: 180px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .prodectWrap .prodectbox .prodectInfo { padding: 20px 10px; }
  .prodectWrap .prodectbox .prodectInfo .prodectTip { font-weight: bold; font-size: 16px; color: #333; margin-bottom: 14px; }
  .prodectWrap .prodectbox .prodectInfo .system { font-size: 16px; color: #333; }
  .prodectWrap .prodectbox .prodectInfo .morebox { padding-top: 22px; }
  .containerlast { margin-top: 0px; padding: 20px 0; position: relative; }
  .containerlast .container .datasbox { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .containerlast .container .datasbox .datas { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 20px; }
  .containerlast .container .datasbox .datas .img { width: 40%; }
  .containerlast .container .datasbox .datas .img img { height: 120px; }
  .containerlast .container .datasbox .datas .introduce { -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 1.5; overflow: hidden; padding: 10px 15px; }
  .containerexts .stepbox .left .bottom .brief > div span br { display: none; }
  .swiper-container.swiper-container-horizontal.swiper-container-android { width: 100%; }
  .swiper-container-horizontal { width: 100% !important; } }

#lizi { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #e8e8e8; }

/*# sourceMappingURL=../map/fieldinfor.css.map */