@charset "utf-8";

/*font*/
@font-face { font-family: 'Defaults'; src: url('../fonts/fontawesome-webfont.eot'); src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'webfont-DIN-Medium'; src: url(/fonts/DIN-Medium.eot); src: url(/fonts/DIN-Medium.eot?#iefix) format('embedded-opentype'), url(/fonts/DIN-Medium.woff) format('woff'), url(/fonts/DIN-Medium.ttf) format('truetype'), url(/fonts/DIN-Medium.svg#DIN-Medium) format('svg'); }
@font-face { font-family: 'iconfont'; src: url(/fonts/iconfont.eot); src: url(/fonts/iconfont.eot?#iefix) format('embedded-opentype'), url(/fonts/iconfont.woff) format('woff'), url(/fonts/iconfont.ttf) format('truetype'), url(/fonts/iconfont.svg#DIN-Medium) format('svg'); }

/*init*/
html { font-family: "Source Han Sans"; -webkit-font-smoothing: antialiased; font-size: 14px; }
.no-select { -moz-user-select: none; user-select: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; border: 0; background: transparent; vertical-align: baseline; }
ul, ol, li { list-style: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
a { text-decoration: none; color: #005fb4; }
.copyrights { text-indent: -9999px; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
.tran { transition: all .3s ease; -webkit-transition: all .3s ease; }

@media print {
    * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    select { background: #fff !important; }
}

html, body { width: 100%; overflow-x: hidden; }
body { top: 0 !important; }
/*html.hidden{height: 100%;overflow: hidden;}
body.hidden{height: 100%;overflow: hidden;}*/
.clear:after { content: ''; display: block; clear: both; }
.tran { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }
.tran6 { transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; }
.main { margin: 0 auto; width: 1440px; }
.main:after { content: ''; display: block; clear: both; }
.shade { position: fixed; left: -100%; top: 0; z-index: 1; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s ease; -webkit-transition: opacity .3s ease; }
.shade.active { left: 0; opacity: .7; filter: alpha(opacity=70); }
.line1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.line2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #8A8A8A;}
.line3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.f-l { float: left; }
.f-r { float: right; }

/*头部底部*/
.head { position: relative; z-index: 2; }
.head:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; opacity: .3; }
.head .main { position: relative; }
.head-logo { float: left; }
.head-logo a { display: table-cell; height: 60px; vertical-align: middle; }
/*.head-logo img { display: block; width: 155px; }*/
.head-logo img { display: block; width: 180px; }
.head-com { padding-top: 30px; float: right; }
.head-ser { float: left; }
.head-ser-icon { float: left; width: 40px; height: 40px; background: url(../images/icon1.png) no-repeat center; cursor: pointer; }
.head-ser-main { float: left; border-bottom: 2px solid #fff; }
.head-ser-inp { float: left; width: 0; height: 40px; line-height: 40px; }
.head-ser-close { display: none; float: left; width: 40px; height: 40px; background: url(../images/icon14.png) no-repeat center; cursor: pointer; }
.head-ser-main.active .head-ser-inp { width: 160px; }
.head-ser-main.active .head-ser-close { display: block; }
.head-lang {position: relative;margin: 0 70px;padding-right: 6px;float: left;font-size: 16px;font-weight: bold;background: url(../images/icon3.png) no-repeat right center;}
/*.head-lang-icon { display: block; width: 40px; height: 40px; background: url(../images/icon2.png) no-repeat center; background-size: 63%; cursor: pointer; } */
.head-lang-icon { display: block; width: auto; height: 40px; line-height: 40px; padding: 0 5px; cursor: pointer; color: #FFF; }
.head-lang-main { visibility: hidden; opacity: 0; position: absolute; left: 50%; top: 180%; z-index: 4; margin-left: -55px; padding: 10px 0; width: 110px; background: #fff; transition: all .3s ease; -webkit-transition: all .3s ease; transition-delay: .1s; }
.head-lang-main.active { visibility: visible; opacity: 1; top: 120%; }
.head-lang-main a { line-height: 35px; padding: 0 20px; font-weight: bold; color: #51555d; }
.head-lang-main a:hover { color: #df242b; }
.head-lang-main a.active { color: #df242b; }
.head-lang-main:before { content: ''; position: absolute; left: 50%; top: -7px; margin-left: -5px; width: 10px; height: 7px; background: url(../images/icon15.png) no-repeat center; }
.head-lang-close { display:none;position: absolute; right: -30px; top: 0; width: 18px; height: 18px; background: url(../images/icon14.png); cursor: pointer; }
.head-site { padding-right: 15px; float: left; color: #fff; line-height: 40px; font-size: 16px; background: url(../images/icon3.png) no-repeat right center; cursor: pointer; font-weight: 600; }
.head-menu { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 180%; z-index: 4; width: 100%; background: #fff; transition: all .3s ease; -webkit-transition: all .3s ease; transition-delay: .1s; }
.head-menu.active { visibility: visible; opacity: 1;left:0; top: 120%; }
.head-menu:before { content: ''; position: absolute; right: 28px; top: -7px; width: 10px; height: 7px; background: url(../images/icon15.png) no-repeat center; }
.head-menu-close { display:none;position: absolute; right: -30px; top: 0; width: 18px; height: 18px; background: url(../images/icon14.png); cursor: pointer; }
.head-menu-item { padding: 45px 25px; float: left; width: 20%; border-left: 1px solid #eee; }
.head-menu-tit { }
.head-menu-tit p { float: left; line-height: 54px; font-size: 20px; }
.head-menu-tit p > a { color: #333; }

.head-menu-tit > a { float: left; line-height: 54px; font-size: 20px; color: #333; }
.head-menu-tit > a:hover { color: #000; }
.head-menu-tit img { float: right; width: 54px; }
.head-menu-a { }
.head-menu-a a { display: block; line-height: 36px; color: #8f8f8f; }
.head-menu-a a:hover { color: #000; }
.fixed-ul { position: fixed; right: 40px; top: 50%; z-index: 4; }
.fixed-li { margin-bottom: 10px; }
.back-top { display: none; }
.fixed-li-a { display: block; width: 100px; border: solid 1px #1D8F8B; background: #1D8F8B; color: #FFF; text-align: center; padding: 10px; box-sizing: border-box; font-size: 16px; border-radius: 10px; }
.fixed-li-a img { display: block; width: 50%; height: 50%; margin: 5px auto; }
.fixed-li.back-top a { border: solid 1px #EEE; background: #fff; }
.foot { background: #ffffff; }
/*.foot-top { padding: 45px 0 60px 0; border-bottom: 1px solid #454444; }*/
.foot-top { padding: 15px 0 10px 0; border-bottom: 1px solid #454444; }
.foot-ul { float: left; width: 80%; }
.foot-li { float: left; width: 16.666%; }
.foot-li a { display: block; line-height: 36px; color: #8f8f8f; }
.foot-li a.tit { margin-bottom: 10px; font-size: 20px; color: #a5a5a5; }
.foot-li a:hover { color: #fff; }
.foot-contact { float: right; font-size: 20px; line-height: 36px; color: #a5a5a5; }
/*.foot-bot { padding: 30px 0; line-height: 24px; }*/
.foot-bot { padding: 10px 0; line-height: 24px; }
.foot-bot-p { font-size: 16px; color: #666; text-align:center }
.foot-bot-p * { color: #666; }
.foot-bot-a { float: right; }
.foot-bot-a a { margin-left: 10px; float: left; }

.header { position: fixed; left: 0; top: 0; z-index: 5; padding: 0 5%; width: 100%; }
.header-main { position: relative; }
.header:before { content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 1px; }
.header-cont { float: right;  margin-top:1.5em}
.header-cont .head-com { padding-top: 5px; float: right; }
.header-cont .head-ser-icon { background-image: url(../images/icon32.png); }
.header-cont .head-ser-close { background-image: url(../images/icon33.png); }
.header-cont .head-lang { margin: 0 25px; background-image: url(../images/icon34.png); }
.head-lang-p { padding-right: 10px; font-size: 16px; color: #ffffff; line-height: 40px; cursor: pointer; }
.head-lang-google { opacity: 0; position: absolute; top: 8px; left: 0; width: 100px; overflow: hidden; }
.head-lang-google .goog-te-gadget-simple { padding: 5px; }
.header-cont .head-site { color: #1D8F8B; background-image: url(../images/icon34.png); }
.header-ul { float: left; }
.header-li { position: relative; margin-left: 20px; float: left; }
.header-li-a { position: relative; font-size: 18px; color: #ffffff; line-height: 45px; }
.header-li.pull .header-li-a { padding-right: 40px; }
.header-li.pull .header-li-a:hover{ color:#008BF0}
.header-li.pull .header-li-a:after { content: ''; position: absolute; right: 0; top: 0; width: 32px; height: 25px; background: url(../images/icon35.png) no-repeat left center; }

.header-li-nav { position: absolute; left: -25px; top: 100%; width: 258px; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transform: translateY(15px); }
.header-li-nav:before { content: ''; position: absolute; left: 30px; bottom: 100%; width: 0; height: 0; border-bottom: 8px solid rgba(0, 0, 0, .5); border-left: 8px solid transparent; border-right: 8px solid transparent; }
.header-li-nav a { display: block; padding: 0 28px; color: #fff; font-size: 16px; line-height: 60px; }
.header-li-nav a:hover { background: none;color: #008BF0;}
.header-li:hover .header-li-nav { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; }


/*首页*/
.banner { }
.banner .main { position: relative; z-index: 1; }
.banner-cont { float: left; }
.banner-tit { position: absolute; top: 0; font-size: 63px; color: #fff; }
.banner-tit p { visibility: hidden; margin: 20% 0 6% 0; }
.banner-tit p.go { visibility: visible; -webkit-filter: blur(12px); filter: blur(12px); transform: scale(1.2); -webkit-animation: scaleDownFadeIn 1.5s forwards ease; animation: scaleDownFadeIn 1.5s forwards ease; opacity: 1; }
.banner-tit a { visibility: hidden; }
.banner-tit a.go { visibility: visible; -webkit-filter: blur(12px); filter: blur(12px); transform: scale(1.2); -webkit-animation: scaleDownFadeIn 1.5s forwards ease; animation: scaleDownFadeIn 1.5s forwards ease; opacity: 1; }
.banner-more { position: relative; z-index: 1; padding-left: 50px; display: block; font-size: 20px; color: #fff; line-height: 40px; }
.banner-more i { position: absolute; left: 0; top: 0; z-index: -1; width: 40px; height: 40px; border-radius: 50%; background: #747474; }
.banner-more i:before { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; width: 12px; height: 2px; background: #fff; }
.banner-more i:after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; width: 12px; height: 2px; background: #fff; transform: translate3d(0,0,0) rotate(90deg); -webkit-transform: translate3d(0,0,0) rotate(90deg); }
.banner-more:hover span { padding-left: 5px; }
.banner-more:hover i { transform: scale(1.05); -webkit-transform: scale(1.05); }
.banner-com { position: absolute; left: 0; bottom: 10%; }
.banner-com-dot { padding-top: 3px; float: left; }
.banner-com-dot a { margin-right: 13px; float: left; width: 11px; height: 11px; border-radius: 6px; background: #fff; transition: all .2s ease; -webkit-transition: all .2s ease; }
.banner-com-dot a.active { width: 22px; background: #A5D4D6; }
.banner-com-play { float: left; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-image: url(../images/ico_pause.svg); cursor: pointer; }
.banner-com-play.active { background-image: url(../images/ico_play2.svg); }
.banner-menu { float: right; width: 400px; background: rgba(0, 0, 0, .4); }
.banner-menu-a { position: relative; display: table; padding: 0 40px; width: 100%; }
.banner-menu-a:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #fff; opacity: .3; }
.banner-menu-a:first-child:before { display: none; }
.banner-menu-tit { position: relative; z-index: 2; padding-right: 50px; height: auto; display: table-cell; vertical-align: middle; line-height: 18px; color: #7f7f7f; }
.banner-menu-tit .tit { font-size: 24px; color: #fff; }
.banner-menu-tit .desc { height: 0; overflow: hidden; }
.banner-menu-icon { position: absolute; right: 40px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: url(../images/icon20.png) no-repeat center; }
.banner-menu-bg { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 102%; background-color: #fff; transform: scaleY(0); -webkit-transform: scaleY(0); }
.banner-menu-bg img { position: absolute; right: 30px; top: 50%; margin-top: -27px; width: 54px; }
.banner-menu-a:hover .banner-menu-tit .tit { color: #19226D; }
.banner-menu-a:hover .banner-menu-tit .desc { padding-top: 10px; height: auto; }
.banner-menu-a:hover .banner-menu-bg { transform: scaleY(1); -webkit-transform: scaleY(1); }
.banner-nav { position: relative; z-index: 1; padding: 2px 0; margin: 0 -2px; background: #fff; }
.banner-nav-a { padding: 2px; float: left; width: 33.3333%; position: relative; overflow: hidden; }
.banner-nav-cont { position: relative; overflow: hidden; }
.banner-nav-a img { display: block; width: 100%; }
.banner-nav-desc { position: absolute; left: 0; top: 0; z-index: 1; padding: 40px 60px; width: 100%; height: 100%; font-size: 18px; color: #fff; }
.banner-nav-desc .tit { margin-bottom: 3%; font-size: 30px; }
.banner-nav-desc .more { margin-top: 5%; display: block; width: 42px; height: 42px; border: 0px solid #42a09c; background: url(../images/icon10.png) no-repeat center; }
.banner-nav-a:nth-child(3) .banner-nav-desc .more { border-color: #42a09c; background: url(../images/icon9.png) no-repeat center; }
.banner-nav-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 95% 10%; }
/*.banner-nav-cont:before{visibility:hidden;display:block;content:'';position:absolute;z-index:9999;left:0;top:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));}*/
.banner-nav-a:nth-child(1) .banner-nav-bg { background-color: #2E2E2E; }
.banner-nav-a:nth-child(2) .banner-nav-bg { background-color: #444; }
.banner-nav-a:nth-child(3) .banner-nav-bg { background-color: #3f3f3f; }
.banner-nav-a:hover .banner-nav-bg { background-image: inherit !important; background-position: 95% 10% !important; }
.banner-nav-a:hover:nth-child(1) .banner-nav-bg { opacity: 0.5; background: #19226D; background-repeat: no-repeat !important; }
.banner-nav-a:hover:nth-child(2) .banner-nav-bg { opacity: 0.5; background: #19226D; background-repeat: no-repeat !important; }
.banner-nav-a:hover:nth-child(3) .banner-nav-bg { opacity: 0.5; background: #19226D; background-repeat: no-repeat !important; }
/*.banner-nav-a:hover .banner-nav-desc .more { border-color: #42a09c; background: #1d8f8b url(../images/icon9.png) no-repeat center; }*/
.banner-nav-a:hover .banner-nav-desc .more { border-color: #FFF;  }
.banner-ul { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.banner-li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.banner-li.on { opacity: 1; -webkit-animation: bgScale 8000ms 1 ease-out; -o-animation: bgScale 8000ms 1 ease-out; animation: bgScale 8000ms 1 ease-out; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.banner-li.on.paused { -webkit-animation-play-state: paused !important; animation-play-state: paused !important; }
.banner-li.on.running { -webkit-animation-play-state: running !important; animation-play-state: running !important; }

@-webkit-keyframes bgScale {
    0% { -webkit-transform: scale(1.4); }
    100% { -webkit-transform: scale(1); }
}

@-o-keyframes bgScale {
    0% { -o-transform: scale(1.4); }
    100% { -o-transform: scale(1); }
}

@keyframes bgScale {
    0% { transform: scale(1.4); }
    100% { transform: scale(1) rotate(0.02deg); }
}

.ind-main { background-position: center; background-repeat: no-repeat; background-size: 100%; }
.ind-rd { }
.ind-tit { padding-top: 70px; padding-bottom: 0px; text-align: center; font-size: 36px; text-transform: uppercase; }
.ind-tit .h1 { color: #1D8F8B; }
/*.ind-tit .h2 { position: relative; color: #000; display: inline-block; }*/
.ind-tit .h2 { position: relative; color: #1D8F8B; display: inline-block; }
/*.ind-tit .h2:before { content: ''; position: absolute; right: -25px; bottom: 15px; width: 12px; height: 12px; background: #1D8F8B; border-radius: 50%; }*/
.ind-tit.tl { line-height: 70px; }
.ind-tit.tl .h2 { float: left; }
/*.ind-tit .more { position: relative; z-index: 1; float: right; font-size: 18px; color: #000; }*/
.ind-tit .more { position: relative; z-index: 1; float: right; font-size: 18px; color: #1D8F8B; font-weight: bold; }
.ind-tit .more span { /*margin-left: 10px;*/ display: inline-block; }
.ind-tit .more:before { content: ''; position: absolute; left: -20px; top: 50%; z-index: -1; margin-top: -15px; width: 30px; height: 30px; border-radius: 50%; background: #eaeaea; }
.ind-rd-ul { padding: 30px 0; }
.ind-rd-li { float: left; width: 20%; cursor: pointer; }
.ind-rd-pic { position: relative; margin: 0 auto 30px auto; width: 70px; height: 70px; }
.ind-rd-pic i { position: absolute; left: 50%; bottom: -38px; margin-left: -6px; width: 12px; height: 12px; }
.ind-rd-pic i:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; border: 2px solid #2a9390; border-radius: 50%; transition: all .3s ease; -webkit-transition: all .3s ease; }
.ind-rd-pic i:before { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -6px; width: 12px; height: 12px; transition: all .3s ease; -webkit-transition: all .3s ease; border-radius: 50%; }
.ind-rd-pic img { width: 100%; }
.ind-rd-pic .default { display: block; }
.ind-rd-pic .active { display: none; }
.ind-rd-pic-a { position: absolute; left: 0; top: 0; }
.ind-rd-pic1 { animation: pic1 1s infinite alternate; transform-origin: center 80%; }
.ind-rd-pic2 { animation: pic2 1s 0.28s infinite alternate; transform-origin: center 80%; }
.ind-rd-pic3 { animation: pic3 1s 0.68s infinite alternate; transform-origin: center bottom; }
.ind-rd-pic4 { animation: pic4 1s infinite; }
.ind-rd-pic5, .ind-rd-pic6 { animation: pic5 1s infinite alternate; }
.ind-rd-pic6 { animation-delay: 0.5s; }
.ind-rd-pic7 { transform: translateY(-3px); animation: pic7 1s infinite alternate; }

@keyframes pic1 {
    0% { transform: scale(0.8); }

    100% { transform: scale(1); }
}

@keyframes pic2 {
    0% { transform: scale(0.8); }

    100% { transform: scale(1); }
}

@keyframes pic3 {
    0% { transform: scale(0.9); }

    100% { transform: scale(1); }
}

@keyframes pic4 {
    0% { transform: rotateY(0); }
    100% { transform: rotateY(360deg); }
}

@keyframes pic5 {
    0% { transform: translateY(0); }
    100% { transform: translateY(6px); }
}

@keyframes pic7 {
    0% { transform: translateY(-3px); }
    100% { transform: translateY(3px); }
}

.ind-rd-cont { padding: 40px 30px 20px 30px; border-left: 1px solid #ededef; text-align: center; }
.ind-rd-li:first-child .ind-rd-cont { border-left: none; }
.ind-rd-tit { position: relative; top: 0; padding: 0 30px; display: table-cell; vertical-align: middle; height: 52px; font-size: 22px; color: #000; }
.ind-rd-desc { position: relative; top: 0; margin-top: 15px; font-size: 15px; line-height: 24px; color: #6f7884; transition-delay: .1s; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; }
.ind-rd-li:hover .ind-rd-pic .default { display: none; }
.ind-rd-li:hover .ind-rd-pic .active { display: block; }
.ind-rd-li:hover .ind-rd-tit { top: -10px; }
.ind-rd-li:hover .ind-rd-desc { top: -15px; }
.ind-rd-li:hover .ind-rd-pic i:after { background: linear-gradient(45deg, rgba(12, 148, 138, 1) 0%, rgb(21, 233, 225, 1) 100%); border: none; }
.ind-rd-li:hover .ind-rd-pic i:before { margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; border: 10px solid #ace3e1; }
.ind-rd-more { position: relative; margin: 0 auto; display: block; width: 170px; height: 40px; line-height: 40px; border-radius: 20px; background: #1D8F8B; font-size: 12px; text-align: center; color: #fff; }
.ind-rd-more span { position: relative; display: inline-block; transition: transform .4s cubic-bezier(.23, 1, .32, 1) .1s, opacity .4s cubic-bezier(.23, 1, .32, 1) .1s; white-space: nowrap; z-index: 1; }
.ind-rd-more span:last-child { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.1); opacity: 0; transition: transform .4s cubic-bezier(.23, 1, .32, 1) 0s, opacity .4s cubic-bezier(.23, 1, .32, 1) 0s; }
.ind-rd-more:hover span { transform: scale(.9); opacity: 0; transition: transform .4s cubic-bezier(.23, 1, .32, 1) 0s, opacity .4s cubic-bezier(.23, 1, .32, 1) 0s; }
.ind-rd-more:hover span:last-child { transition: transform .2s cubic-bezier(.23, 1, .32, 1) .2s, opacity .2s cubic-bezier(.23, 1, .32, 1) .2s; transform: translate(-50%, -50%) scale(1); opacity: 1; }
.ind-news { padding-bottom: 60px; }
.ind-news-ul { margin: 0 -45px; }
.ind-news-li { padding: 0 45px; float: left; width: 33.333%; border-left: 1px solid #e7e7e7; }
.ind-news-li:first-child { border-left: none; }
.ind-news-li-a { display: block; }
.ind-news-li-time { padding: 15px 0 20px 0; font-size: 16px; color: #979797;background:#fafafa url(../Images/time.png) no-repeat 3.4em 1.2em}
.ind-news-li-pic { height: 180px; border-radius: 5px; overflow: hidden;  }
.ind-news-li-pic img { display: block; width: 100%; height: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; }
.ind-news-li-tit { padding: 25px 0 10px 0; font-size: 20px; color: #000; font-weight:bold; }
.ind-news-li-desc { margin-bottom: 35px; height: 60px; line-height: 24px; color: #6f7884; }
.ind-news-li-more { padding-right: 40px; margin-bottom:1em; display: inline-block; font-size: 16px; color: #1D8F8B; line-height: 24px; background: url(../images/icon10.png) no-repeat right center; }
.ind-news-li-a:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.ind-news-li-a:hover .ind-news-li-tit { color: #1D8F8B; }
.ind-about { }
.ind-about-item { position: relative; padding: 3% 5%; float: left; width: 50%; height: 330px; font-size: 18px; line-height: 30px; color: #fff; overflow: hidden; }
.ind-about-item img { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; }
.ind-about-item .tit { position: relative; margin-bottom: 40px; font-size: 42px; }
.ind-about-item .tit:before { content: ''; position: absolute; left: 0; bottom: -20px; width: 38px; height: 1px; background: #fff; }
.ind-about-item .tit.bg:before { background: #1e8f8b; }
.ind-about-item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }

/*产品列表*/
.banner-pic { position: relative; overflow: hidden; height: 860px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }
.banner-pic > div { height: 100%; background-size: cover !important; }
.banner-pic > div img { opacity: 0; width: 100%; height: auto; max-width: 100%; }
.banner-desc { position: absolute; left: 0; top: 45%; width: 100%; font-size: 36px; color: #fff; text-align: center; }
.banner-desc p { white-space: pre; font-size:24px; }
.banner-desc .tit { margin-bottom: 20px; font-size: 46px; color: #ffffff; }
.current { padding: 35px 0; font-size: 16px; }
.current a { float: left; color: #1D8F8B; }
.current a.cor { color: #1d8f8b; }
.current span { margin: 0 15px; float: left; color: #1D8F8B; }
.current p { float: left; color: #1D8F8B; }
.product { }
.product-nav { float: left; width: 270px; border:1px solid #E6E6E6 }
.product-nav-tit { margin-bottom: 25px; font-size: 24px; color: #1D8F8B; }
.product-nav-a { }
.product-nav-a a { padding: 30px; line-height: 50px; display: block; border-bottom: 0px solid #f4f4f4; font-size: 18px; color: #969696; background-image: url(../images/icon37.png); background-repeat: no-repeat; background-position: 95% center; transition: all .3s ease; -webkit-transition: all .3s ease; }
.product-nav-a a.active { border-left: 10px #19226D solid; color:#19226D; background-image: url(../images/icon38.png); padding-left: 20px;}
.product-nav-a a.p-menu:hover { border-left: 10px #19226D solid;color: #19226D; background-image: url(../images/icon38.png); }
.product-nav-a a.c-menu:hover { border-left: 10px #19226D solid;color: #19226D;}

/* .product-nav-a a:first-child { border-left:10px #008bf0 solid;  } */
.product-main { float: right; width: 1110px; }
.product-tit { margin-bottom: 15px; font-size: 42px; color: #1D8F8B; }
.product-form { margin: 0 -12px; }
.product-form-a { padding: 12px; float: left; width: 33%; }
.product-form-a:first-child { border-left: 10px #19226d solid;}
.product-form-c { margin-bottom: 20px; color: #1D8F8B; }
.product-form-c .tit { float: left; font-size: 16px; }
.product-form-c .radio { float: right; }
.product-form-c .radio-a { margin-left: 5px; float: left; }
.product-form-sel { position: relative; width: 100%; height: 52px; line-height: 50px; border: 2px solid #415364; font-size: 18px; color: #5c6574; }
.product-form-sel select, .product-form-sel input { width: 100%; padding: 0 20px; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.product-form-sel:before { display: block; width: 42px; height: 50px; background: url(../images/icon37.png) no-repeat center center transparent; transform: rotate(90deg); content: ""; position: absolute; top: 0; right: 0; background-size: 8px; }
/*.product-form-a .jqTransformSelectWrapper { width: 100% !important; height: 52px; background: none; border: 2px solid #415364; }
.product-form-a .jqTransformSelectWrapper div span { height: 52px !important; width: 100% !important; }
.product-form-a .jqTransformSelectWrapper a.jqTransformSelectOpen { height: 52px !important; }
.product-form-a .jqTransformSelectWrapper ul { top: 51px;}*/
/*.product-form-sel select{width: 100%;height: 100%;}*/

.product-form-a.max { width: 30%; }
.product-form-btn { cursor: pointer; margin-top: 38px; float: left; width: 50%; height: 52px; line-height: 52px; background-color: #000; color: #fff; font-size: 16px; text-align: center; }
.product-form-btn:before { display: inline-block; width: 28px; height: 28px; background: url(../images/icon1.png) no-repeat center center transparent; background-size: 20px; content: ""; vertical-align: middle; }
.product-form-btn.bg { background-color: #cbe8e6; color: #1D8F8B; }
.product-form-btn:hover { opacity: 0.8; }
.product-form-btn.bg:before { display: inline-block; width: 32px; height: 32px; background: url(../images/icon36.png) no-repeat center center transparent; content: ""; vertical-align: middle; }
.product-ul { padding: 10px 0; }
.product-li { }
.product-li-a { padding: 42px 0; display: block; color: #212121; border-bottom: 1px solid #e9e9e9; }
.product-li:last-child .product-li-a { border-bottom: none; }
.product-li-pic { float: left; width: 200px; overflow: hidden; }
.product-li-pic img { display: block; width: 100%; height: 100%; transition: all .6s ease; -webkit-transform: all .6s ease; }
.product-li-desc { padding-top: 10px; padding-left: 30px; float: left; width: 800px; }
.product-li-desc .tit { margin-bottom: 15px; font-size: 20px;font-weight: bold;}
.product-li-desc .tit span { margin-bottom: 0; overflow: hidden; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.product-li-desc .desc { font-size: 16px; line-height: 24px; }
.product-li-btn { position: relative; margin-top: 40px; float: right; width: 175px; line-height: 46px; border: 2px solid #22928e; text-align: center; font-size: 16px; color: #000; }
.product-li-btn span { color: #333; position: relative; letter-spacing: 3px; z-index: 10; font-size: inherit; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; }
.product-li-btn:before { content: ""; position: absolute; width: 0; height: 100%; top: 0; right: 0; z-index: 3; background-color: #22928e; color: #000; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.product-li-btn:hover { }
.product-li-btn:hover span { color: #FFF; }
.product-li-btn:hover:before { width: 100%; height: 103%; left: 0; top: -1px; }

.product-li-a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.pageing { padding: 0; }
.contact-form { padding: 50px 0; background-repeat: no-repeat; background-position: center; background-size: cover; border-top: 1px solid #efefef; }
.contact-form-main { margin: 0 auto; width: 1140px; }
.contact-form-tit { padding-bottom: 45px; text-align: center; font-size: 16px; color: #1D8F8B; }
.contact-form-tit .tit { font-size: 32px; margin-bottom: 10px; color: #1d8f8b; text-transform: uppercase; }
.contact-form-cont { }
.contact-form-lf { float: left; width: 660px; }
.contact-form-a { padding: 7px; float: left; width: 50%; }
.contact-form-p { margin-bottom: 10px; font-size: 16px; color: #1D8F8B; }
.contact-form-p span { color: #ff0000; }
.contact-form-a input { padding: 0 20px;; display: block; width: 100%; height: 45px; line-height: 45px; border: 1px solid #ced6da; border-radius: 5px; }
.contact-form-rg { float: right; width: 455px; }
.contact-form-rg textarea { padding: 20px; width: 100%; height: 140px; border: 1px solid #ced6da; border-radius: 5px; resize: none; }
.contact-form-btn { overflow: hidden; position: relative; margin: 30px auto 0 auto; width: 20%; height: 46px; line-height: 46px; background: #1d8f8b; border-radius: 30px; cursor: pointer; text-align: center; font-size: 16px; color: #fff; text-transform: uppercase; }
.contact-form-btn span { color: #fff; position: relative; letter-spacing: 3px; z-index: 10; font-size: inherit; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; }
.contact-form-btn:before { content: ""; position: absolute; width: 0; height: 100%; top: 0; right: 0; z-index: 3; background-color: #000; color: #FFF; border-radius: 30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.contact-form-btn:hover { }
.contact-form-btn:hover span { color: #FFF; }
.contact-form-btn:hover:before { width: 100%; height: 103%; left: 0; top: -1px; }


.product-history { }
.product-history-tit { padding-top: 50px; padding-bottom: 20px; font-size: 24px; color: #1D8F8B; border-bottom: 1px solid #eaeaea; }
.product-history-a { }
.product-history-a a { display: block; font-size: 16px; line-height: 50px; border-bottom: 1px solid #f4f4f4; color: #1D8F8B; }
.product-history-a a:last-child { border-bottom: none; }
.product-desc { margin-bottom: 60px; }
.product-desc-swiper { position: relative; float: left; width: 44%; overflow: hidden; }
.product-desc-ul { }
.product-desc-li { padding: 0; }
.product-desc-li img { display: block; width: 100%; }
.product-desc-btn { visibility: hidden; opacity: 0; position: absolute; top: 50%; margin-top: -23px; z-index: 1; width: 40px; height: 40px; background-repeat: no-repeat; background-size: contain; cursor: pointer; border-radius: 100%; box-shadow: 0 0 3px 3px rgba(0, 0, 0, .05); }
.product-desc-prev { left: 5%; background: url(../images/icon39.png) no-repeat center center; background-size: 55%; }
.product-desc-next { right: 5%; background: url(../images/icon40.png) no-repeat center center; background-size: 55%; }
.product-desc-swiper.show:hover .product-desc-btn { visibility: visible; opacity: 1; }
.product-desc-cont { display: none; float: left; width: 56%; position: relative; padding-left: 20px; }
.product-desc-top { margin-bottom: 30px; min-height: 250px; }
.product-desc-top .tit { margin-bottom: 15px; font-size: 37px; color: #1d8f8b; }
.product-desc-spec { }
.product-desc-spec p { margin-right: 5px; padding: 0 20px; float: left; line-height: 34px; background: #f2f4f7; border-radius: 8px; color: #1D8F8B; }
.product-desc-table { position: absolute; bottom: 0; line-height: 42px; width: 100%; }
.product-desc-table table { width: 100%; background: #f3f9f9; }
.product-desc-table tr:nth-child(2n) { background: #fff; }
.product-desc-table th { }
.product-desc-table td { color: #666; }
.product-intro { clear: both; background: #F2F3F7; padding: 60px 0; }
.product-intro-warp { float: right; width: 1110px; background: #FFF; }
.product-intro-menu { font-size: 16px; background: #F2F3F7; color: #1D8F8B; border-bottom: 1px solid #dadada; }
.product-intro-menu p { position: relative; float: left; padding: 0 50px; margin-bottom: -1px; margin-right: 10px; cursor: pointer; border: 1px solid #dadada; border-bottom: none; line-height: 66px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.product-intro-menu p a { display: block; color: #333; }
.product-intro-menu p.active { background: #fff; color: #1d8f8b; }
.product-intro-menu p.active:before { content: ''; position: absolute; left: 0; top: -1px; width: 100%; height: 3px; background: #1d8f8b; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.product-intro-cont { padding: 30px 0; border: 1px solid #dadada; border-top: none; }
.product-intro-item { /*display: none;*/; overflow: hidden; padding: 0 30px; }
.product-intro-item img { display: block; max-width: 100%; width: 100%; }
.product-intro-item-btn { display: inline-block; width: 186px; line-height: 45px; margin-top: 30px; background: #1d8f8b url(../images/icon59.png) no-repeat 25px center; text-indent: 50px; font-size: 16px; color: #fff; }
.product-intro-item-btn:hover { opacity: 0.8; }

.product-list { clear: both; padding: 50px 0; }
.product-list-tit { position: relative; padding-left: 30px; margin-bottom: 35px; font-size: 30px; color: #1d8f8b; text-transform: uppercase; }
.product-list-tit:before { content: ''; position: absolute; left: 10px; top: 50%; margin-top: -11px; width: 8px; height: 22px; background: #1d8f8b; border-radius: 4px; }
.product-list-swiper { overflow: hidden; }
.product-list-ul { }
.product-list-li { padding: 12px; width: 100%; }
.product-list-li-a { padding: 30px; display: block; box-shadow: 0 0 20px 1px rgba(0, 0, 0, .05); text-align: center; font-size: 18px; color: #1D8F8B; }
.product-list-li-a .tit { margin-bottom: 30px; }
.product-list-li-a img { display: block; width: 100%; }
.product-list-page { padding: 40px 0; text-align: center; }
.product-list-page .swiper-pagination-bullet { background-color: #1D8F8B; opacity: 1; }
.product-list-page .swiper-pagination-bullet-active { background-color: #1d8f8b; }

/*关于我们*/
.about { background-position: right top; background-repeat: no-repeat; background-size: 45%; }
.about-intro { padding: 60px 0; margin: 0 auto; width: 910px; font-size: 18px; line-height: 35px; color: #1D8F8B; }
.about-intro .tit { font-size: 36px; }
.about-intro p { margin-bottom: 25px; }
.about-menu { background: rgba(255, 255, 255, .5); box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05); }
.about-menu-tit { padding-right: 60px; float: left; width: 15%; font-size: 24px; color: #1d8f8b; line-height: 85px; border-right: 1px solid #ececec; text-align: right; }
.about-menu-a { padding: 20px 40px; float: left; width: 85%; }
.about-menu-a a { padding: 0 25px; float: left; line-height: 45px; font-size: 18px; color: #1d8f8b; transition: all .3s ease; -webkit-transition: all .3s ease; }
.about-menu-a a.active { background: #1d8f8b; color: #fff; }
.about-menu-a a:hover { color: #000; }
.about-menu-a a.active:hover { color: #fff; }
.about-count-tit { padding: 40px 0; text-align: center; font-size: 48px; color: #1D8F8B; }
.about-count-tit .tit { margin-bottom: 10px; padding-bottom: 5px; display: inline-block; font-size: 18px; border-bottom: 1px solid #449685; }
.about-count-ul { }
.about-count-li { padding-top: 70px; padding-bottom: 20px; float: left; width: 25%; text-align: center; font-size: 18px; color: #1D8F8B; border-left: 1px solid #f0f0f0; }
.about-count-li:first-child { border: none; }
.about-count-li img { margin: 0 auto 10px auto; display: block; width: 91px; }
.about-count-li .tit { font-size: 72px; color: #1d8f8b; }
.about-core { }
.about-core-tit { padding-top: 70px; padding-bottom: 20px; text-align: center; font-size: 18px; color: #1D8F8B; }
.about-core-tit .tit { margin-bottom: 15px; font-size: 48px; }
.about-core-swiper { position: relative; padding: 0 30px 60px 30px; overflow: hidden; }
.about-core-ul { justify-content: center; }
.about-core-li { padding: 32px; width: 100%; }
.about-core-li a { display: block; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1); }
.about-core-li img { display: block; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; }
.about-core-li:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.about-core-btn { position: absolute; top: 50%; margin-top: -20px; z-index: 2; width: 40px; height: 40px; background-repeat: no-repeat; background-size: contain; cursor: pointer; background-position: center; }
.about-core-prev { left: 10px; background-image: url(../images/icon45.png); }
.about-core-next { right: 10px; background-image: url(../images/icon46.png); }
.about-desc { padding-top: 90px; margin: 0 auto; width: 940px; text-align: center; font-size: 18px; color: #1D8F8B; }
.about-desc .tit { margin-bottom: 30px; font-size: 45px; color: #1D8F8B; }
.about-list { }
.about-list-a { padding: 70px 0; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/img13.jpg); }
.about-list-a:nth-child(2n) { background-image: url(../images/img14.jpg); }
.about-list-a:nth-child(2n) .about-list-desc { float: right; left: auto; right: -88px; }
.about-list-cont { margin: 0 auto;  display: block; }
.about-list-pic { overflow: hidden;  }
.about-list-cont img { display: block; width: 100%; transition: all .3s ease; }
.about-list-desc { position: relative; margin-left: 470px; margin-top: -420px; padding: 45px; background:#FAFAFA;  font-size: 18px; line-height: 30px; color: #212121; }
.about-list-desc .tit { margin-bottom: 20px; font-size: 24px; color: #212121; text-transform: uppercase; font-weight:bold;}
.about-list-desc span { margin-top: 50px; display: block; width: 125px; line-height: 42px; text-align: center; background: url(../images/icon48.png) no-repeat center; background-size: contain; font-size: 18px; color: #1d8f8b; }
.about-list-cont:hover img { transform: scale(1.05); }
.about-culture { }
.about-culture-tit { padding: 60px 0; text-align: center; font-size: 45px; color: #1D8F8B; }
.about-culture-main { padding-bottom: 80px; }
.about-culture-cont { padding-top: 30px; float: left; width: 640px; }
.about-culture-dl { padding: 30px 0; border-bottom: 1px solid #f7f7f7; }
.about-culture-dl dt { float: left; }
.about-culture-dl dt img { }
.about-culture-dl dd { padding-left: 15px; float: left; width: 600px; font-size: 18px; color: #233252; }
.about-culture-dl dd .tit { margin-bottom: 15px; font-size: 24px; color: #1d8f8b; }
.about-culture-pic { float: right; width: 700px; }
.about-culture-pic img { display: block; width: 100%; }

/*技术分享*/
.tech { }
.tech-ul { }
.tech-li { }
.tech-li-a { padding: 20px 0; display: block; border-bottom: 1px solid #EFEFEF; }
.tech-li-time { float: left; width: 180px; font-size: 24px; color: #1D8F8B; text-align: center; }
.tech-li-time .tit { font-size: 102px; color: #237b74; }
.tech-li-cont { padding-top: 15px; float: right; width: 1220px; font-size: 16px; line-height: 24px; color: #1D8F8B; }
.tech-li-cont .tit { font-size: 24px; color: #1D8F8B; }
.tech-li-spec { padding: 15px 0; }
.tech-li-spec p { cursor: initial; margin-right: 12px; padding: 0 12px; float: left; line-height: 34px; font-size: 16px; background: #f2f4f7; border-radius: 5px; }

/*留言板*/
.message { background: #f4f4f4; }
.message-form { padding-top: 225px; height: 1095px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.message-form-main { padding: 95px 270px; background: #fff; }
.message-form-tit { text-align: center; color: #1d8f8b; text-transform: uppercase; }
.message-form-tit .tit { padding-bottom: 10px; display: inline-block; color: #1D8F8B; border-bottom: 1px solid #00b4b0; }
.message-form-tit h1 { margin: 15px 0; font-size: 60px; color: #1d8f8b; }
.message-form-cont { padding: 55px 0; }
.message-form-list { margin: 0 -20px; }
.message-form-item { padding: 0 20px; float: left; width: 33.333%; }
.message-form-inp { margin-bottom: 20px; display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #818a91; }
.message-form-area { display: block; width: 100%; line-height: 45px; border-bottom: 1px solid #818a91; resize: none; }

.message-form-btn { margin: 0 auto; text-align: center; overflow: hidden; }
.message-form-btn a { position: relative; margin-top: 40px; display: inline-block; width: 200px; line-height: 46px; border: 2px solid #22928e; text-align: center; font-size: 16px; color: #000; }
.message-form-btn a span { color: #333; text-align: center; position: relative; letter-spacing: 3px; z-index: 10; font-size: inherit; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; }
.message-form-btn a:before { content: ""; position: absolute; width: 0; height: 100%; top: 0; right: 0; z-index: 3; background-color: #22928e; color: #000; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.message-form-btn a:hover { }
.message-form-btn a:hover span { color: #FFF; }
.message-form-btn a:hover:before { width: 100%; height: 104%; left: 0; top: -1px; }


.message-main { padding: 90px 0; }
.message-cont { margin-bottom: 60px; background: #fff; }
.message-map { float: left; width: 900px; height: 540px; background: #eee; }
.message-contact { padding: 60px; float: right; width: 530px; height: 540px; }
.message-contact .tit { margin-bottom: 25px; font-size: 32px; color: #1D8F8B; }
.message-contact-a { line-height: 22px; margin-bottom: 10px; padding-left: 25px; font-size: 16px; color: #1D8F8B; background-repeat: no-repeat; background-position: left 0; }
.message-contact-a * { color: #1D8F8B; }
.message-contact-a.icon1 { background: url(../images/icon52.png) no-repeat center left; background-size: 16px; }
.message-contact-a.icon2 { background: url(../images/icon53.png) no-repeat center left; background-size: 14px; }
.message-contact-a.icon3 { background: url(../images/icon64.png) no-repeat center left; background-size: 16px; }
.message-contact-list .message-contact { width: 33.333%; padding: 15px; height: 300px; float: left; }
.message-contact-list .message-contact-con { background: #FFF; width: 100%; height: 100%; padding: 30px; }
.message-contact-list .message-contact:first-child { margin-left: 0; }

/*新闻列表*/
.news { }
.news-hot { padding-top: 150px; height: 850px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.news-tit { margin-bottom: 40px; line-height: 60px; }
.news-tit-a { float: left; font-size: 42px; color: #ffffff; text-transform: uppercase; }
.news-tit-p { float: right; font-size: 30px; color: #fff; }
.news-tit-p .cur { color: #A5D4D6; }
.news-hot-swiper { overflow: hidden; }
.news-hot-swiper-page { display: none; text-align: center; padding: 20px 0 0 0; }
.news-hot-swiper-page .swiper-pagination-bullet { width: 20px; height: 2px; border-radius: 0; }
.news-hot-swiper-page .swiper-pagination-bullet-active { background: #1D8F8B; }
.news-hot-ul { }
.news-hot-li { width: 100%; }
.news-hot-li-a { display: block; background: #fff; color: #1D8F8B; font-size: 16px; line-height: 30px; }
.news-hot-pic { float: left; width: 40%; overflow: hidden; }
.news-hot-pic img { display: block; width: 100%;height: 300px; transition: all .3s ease; -webkit-transition: all .3s ease; }
.news-hot-desc { padding: 30px 40px; float: left; width: 55%; color:#212121;}
.news-hot-desc .time { padding-bottom: 12px; margin-bottom: 15px; display: inline-block; font-size: 16px;color:#9B9B9B; border-bottom:0px solid #1d8f8b; }
.news-hot-desc .tit { margin-bottom: 20px; font-size: 24px; font-weight: bold;color:#212121; }
.news-hot-desc .spec { margin-bottom: 20px; }
.news-hot-desc .spec p { padding: 0 15px; margin-right: 5px; float: left; line-height: 34px; background: #f2f4f7; border-radius: 5px; font-size: 14px; }
.news-hot-desc .more { padding-right: 15px; margin-top: 15px; text-align: left; font-size: 16px; color: #555; font-weight: bold; text-transform: uppercase; background: url(../images/icon57.png) no-repeat right center; }
.news-hot-li-a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.news-hot-btn { position: absolute; bottom: -80px; z-index: 2; width: 55px; height: 55px; background-repeat: no-repeat; background-size: contain; cursor: pointer; background-position: center; }
.news-hot-prev { right: 65px; background-image: url(../images/icon55.png); }
.news-hot-next { right: 0; background-image: url(../images/icon56.png); }
.news-ul { margin: 0 -48px; padding: 40px 0; }
.news-li { padding: 15px 48px; margin-bottom: 40px; float: left; width: 33.333%; border-right: 1px solid #e7e7e7; }
.news-li:nth-child(3n) { border: none; }
.news-li-a { display: block; color: #1D8F8B; }
.news-li-a .time { margin-bottom: 20px; font-size: 16px; }
.news-li-pic { margin-bottom: 20px; height: 180px; border-radius: 5px; overflow: hidden; }
.news-li-pic img { display: block; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; }
.news-li-a .tit { margin-bottom: 15px; font-size: 16px; }
.news-li-a .spec { margin-bottom: 15px; font-size: 12px; }
.news-li-a .spec p { float: left; padding: 0 20px; margin-right: 5px; line-height: 34px; border-radius: 5px; background: #f2f4f7; }
.news-li-a .desc { margin-bottom: 30px; height: 72px; line-height: 24px; }
.news-li-a .more { padding-right: 20px; display: inline-block; color: #1D8F8B; background: url(../images/icon57.png) no-repeat right center; }
.news-li-a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.news-li-a:hover .tit { color: #1D8F8B; }
.news-detail { }
.news-detail-top { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px dotted #ddd; }
.news-spec { margin-bottom: 20px; }
.news-spec p { float: left; padding: 0 20px; margin-right: 5px; line-height: 34px; border-radius: 5px; background: #f2f4f7; }
.news-detail-h1 { margin-bottom: 25px; font-size: 34px; color: #1D8F8B; }
.news-detail-time { padding-left: 25px; font-size: 16px; color: #1D8F8B; background: url(../images/icon58.png) no-repeat left center; }
.news-detail-desc { font-size: 16px; line-height: 30px; color: #1D8F8B; border-bottom: 1px solid #f5f5f5; }
.news-detail-desc p { margin-bottom: 20px; }
.news-detail-desc img { margin: 0 auto 20px auto; display: block; max-width: 100% !important; }
.news-download { padding: 30px 0; border-bottom: 1px dotted #ddd; }
.news-download-a { position: relative; padding-left: 30px; float: left; font-size: 16px; color: #1D8F8B; width: 60%; line-height: 45px; }
.news-download-a:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 12px; height: 12px; border-radius: 50%; background: #1d8f8b; }
.news-download-btn { float: right; width: 150px; line-height: 45px; background: #1d8f8b url(../images/icon59.png) no-repeat 25px center; text-indent: 50px; font-size: 16px; color: #fff; }
.news-back { padding: 40px 0; }
.news-back a { display: block; padding-left: 30px; line-height: 30px; background: url(../images/icon60.png) no-repeat left center; font-size: 24px; color: #1D8F8B; }

/*历史*/
/*.history { }
.history-tit { position: relative; padding: 90px 0; text-align: center; color: #1D8F8B; font-size: 18px; }
.history-tit .tit { margin-bottom: 10px; font-size: 48px; }
.history-tit:before { content: ''; position: absolute; left: 50%; bottom: 30px; width: 1px; height: 40px; background: #e4e5e6; }
.history-ul { position: relative; padding-top: 100px; border-top: 1px solid #e4e5e6; }
.history-ul:before { content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #e4e5e6; }
.history-li { color: #1D8F8B; font-size: 18px; line-height: 35px; }
.history-li-year { float: left; width: 50%; padding-right: 45px; text-align: right; }
.history-li-year .tit { margin-bottom: 15px; font-size: 50px; }
.history-li-year .pic { margin-top: 20px; display: inline-block; width: 470px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1); }
.history-li-year .pic img { display: block; width: 100%; }
.history-li-month { float: left; width: 50%; }
.history-li-month-item { position: relative; padding-left: 45px; padding-bottom: 66px; }
.history-li-month-item:before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #278c86; opacity: 0; transition: all .2s ease; }
.history-li:first-child .history-li-month-item:first-child:before { top: -100px; padding-top: 100px; box-sizing: content-box; }
.history-li-month .tit { position: relative; margin-bottom: 15px; padding-left: 70px; font-size: 30px; color: #278c86; }
.history-li-month .tit:before { content: ''; position: absolute; left: 0; top: 50%; width: 52px; height: 2px; background: #bababa; }
.history-li-month .tit:after { content: ''; position: absolute; left: -47px; top: 50%; margin-top: -9px; width: 6px; height: 18px; background-repeat: no-repeat; background-position: center; background-image: url(../images/icon61.png); background-size: contain; transition: all .4s ease; }
.history-li-month-item.active:before { opacity: 1; }
.history-li-month-item.active .tit:after { left: -57px; margin-top: -13px; width: 26px; height: 26px; background-image: url(../images/icon62.png); }*/


/*历史*/
.history { }
.history-tit { position: relative; padding: 90px 0; text-align: center; color: #1D8F8B; font-size: 18px; }
.history-tit .tit { margin-bottom: 10px; font-size: 48px; }
.history-tit:before { content: ''; position: absolute; left: 50%; bottom: 30px; width: 1px; height: 40px; background: #e4e5e6; }
.history-ul { position: relative; padding-top: 100px; border-top: 1px solid #e4e5e6; }
.history-ul:before { content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #e4e5e6; }
.history-li { color: #1D8F8B; font-size: 18px; line-height: 35px; w }
/*.history-li-year { float: left; width: 50%; padding-right: 45px; text-align: right; }
.history-li-year .tit { margin-bottom: 15px; font-size: 50px; }
.history-li-year .pic { margin-top: 20px; display: inline-block; width: 470px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1); }
.history-li-year .pic img { display: block; width: 100%; }*/

.history-li .pic { margin-top: 20px; display: inline-block; width: 470px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1); }
.history-li .pic img { display: block; width: 100%; }


/*.history-li.active { color: #1D8F8B; font-size: 18px; line-height: 35px; }
.history-li.active .history-li-year { float: right; width: 50%; padding-left: 45px; text-align: left; }
.history-li.active .history-li-year .tit { margin-bottom: 15px; font-size: 50px; }
.history-li.active .history-li-year .pic { margin-top: 20px; display: inline-block; width: 470px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1); }
.history-li.active .history-li-year .pic img { display: block; width: 100%; }*/

/*.history-li:nth-child(even) .history-li-month { color: #1D8F8B; font-size: 18px; line-height: 35px; }
.history-li.active .history-li-year { float: right; width: 50%; padding-left: 45px; text-align: left; }
.history-li.active .history-li-year .tit { margin-bottom: 15px; font-size: 50px; }
.history-li.active .history-li-year .pic { margin-top: 20px; display: inline-block; width: 470px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1); }
.history-li.active .history-li-year .pic img { display: block; width: 100%; }*/

.history-li.odd .history-li-month { float: left; width: 50%; }
.history-li.odd .history-li-month-item { position: relative; padding-left: 45px; padding-bottom: 66px; }
.history-li.odd .history-li-month-item:before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #278c86; opacity: 0; transition: all .2s ease; }
.history-li.odd:first-child .history-li-month-item:first-child:before { top: -100px; padding-top: 100px; box-sizing: content-box; }
.history-li.odd .history-li-month .tit { position: relative; margin-bottom: 15px; padding-left: 70px; font-size: 30px; color: #278c86; }
.history-li.odd .history-li-month .tit:before { content: ''; position: absolute; left: 0; top: 50%; width: 52px; height: 2px; background: #bababa; }
.history-li.odd .history-li-month .tit:after { content: ''; position: absolute; left: -47px; top: 50%; margin-top: -9px; width: 6px; height: 18px; background-repeat: no-repeat; background-position: center; background-image: url(../images/icon61.png); background-size: contain; transition: all .4s ease; }
.history-li.odd .history-li-month-item.active:before { opacity: 1; }
.history-li.odd .history-li-month-item.active .tit:after { left: -57px; margin-top: -13px; width: 26px; height: 26px; background-image: url(../images/icon62.png); }


.history-li.even .history-li-month { float: right; width: 50%; text-align: right; }
.history-li.even .history-li-month-item { position: relative; padding-right: 45px; padding-bottom: 66px; }
.history-li.even .history-li-month-item:before { content: ''; position: absolute; right: -1px; top: 0; width: 1px; height: 100%; background: #278c86; opacity: 0; transition: all .2s ease; }
.history-li.even:first-child .history-li-month-item:first-child:before { top: -100px; padding-top: 100px; box-sizing: content-box; }
.history-li.even .history-li-month .tit { position: relative; margin-bottom: 15px; left: 0; font-size: 30px; color: #278c86; padding-right: 70px; }
.history-li.even .history-li-month .tit:before { content: ''; position: absolute; right: 0; top: 50%; width: 52px; height: 2px; background: #bababa; }
.history-li.even .history-li-month .tit:after { content: ''; position: absolute; top: 50%; right: -48px; margin-top: -9px; width: 6px; height: 18px; background-repeat: no-repeat; background-position: center; background-image: url(../images/icon61.png); background-size: contain; transition: all .4s ease; }
.history-li.even .history-li-month-item.active:before { opacity: 1; }
.history-li.even .history-li-month-item.active .tit:after { right: -58px; margin-top: -13px; width: 26px; height: 26px; background-image: url(../images/icon62.png); }






@media screen and (max-width:1500px) {
    .main { width: 1200px; }
    /*header*/
    .head-menu-tit { padding-top: 15px; }
    .head-menu-tit > a { line-height: inherit; }
    .head-menu-tit p { font-size: 16px; line-height: 30px; }
    .head-menu-tit img { width: 30px; }

    /*index*/
    .banner-nav-desc { padding: 20px; font-size: 14px; line-height: 20px; }
    .banner-nav-desc .tit { font-size: 24px; height: auto; overflow: initial !important; }
    .banner-nav-desc .more { width: 36px; height: 36px; background-size: 20px; }
    .banner-nav-a:nth-child(3) .banner-nav-desc .more { background-size: 20px; }
    .ind-tit { font-size: 50px; }
    .ind-about-item { padding: 3%; }

    /*产品列表*/
    .product-main { width: 900px; padding-bottom: 10px; }
    .product-form-btn { background-size: 15px; }
    .product-li-desc { width: 566px; }
    .product-desc-swiper { width: 510px; padding-right: 0; }
    .product-desc-cont { width: 370px; }
    .product-desc-top { min-height: 150px; margin-bottom: 30px; }
    .product-desc-table { position: inherit; overflow-y: auto; }
    .product-desc-table th { text-align: right; white-space: nowrap; padding: 0 10px; }
    .product-desc-table td { color: #666; padding: 0 10px; white-space: nowrap; padding: 0 10px; }

    /*关于我们*/
    .about-count-li { font-size: 16px; }
    .about-count-li .tit { font-size: 50px; }
    .about-menu-tit { padding-right: 20px; }
    .about-culture-pic { width: 580px; }
    .about-culture-cont { width: 600px; }
    .about-culture-dl dd { width: 540px; }

    /*技术分享*/
    .tech-li-cont { width: 1000px; }

    /*留言板*/
    .message-map { width: 470px; }

    /*新闻列表*/
    .news-hot-swiper-page { display: block; }
    .news-hot-btn { display: none; }
    .news-hot-pic { width: 650px; }
    .news-hot-desc { width: 550px; }
    .news-hot-desc { padding: 20px 30px; font-size: 14px; line-height: 26px; }
    .news-hot-desc .time { margin-bottom: 10px; padding-bottom: 5px; }
    .news-hot-desc .tit { margin-bottom: 15px; font-size: 20px; }
}

@media screen and (min-width:1200px) {
    .head-lang:hover .head-lang-main { visibility: visible; opacity: 1; top: 120%; }
    .head-site:hover .head-menu { visibility: visible; opacity: 1; left: 0; top: 120%; }
}

    @media screen and (max-width:1200px) {
        .main { width: 740px; }
        /*header*/
        .head-menu { left: inherit; right: 10px; width: 88%; }
        .head-menu.active { visibility: visible; opacity: 1; right: 10px; top: 120%; left: inherit; }
        .head-menu-item { width: 33.3333%; height: 200px; }
        .foot-ul { width: 100%; }
        .foot-contact { float: left; width: 100%; text-align: center; }

        .head-logo img { width: 260px; }
        .header-li-a { font-size: 16px; font-weight: normal; line-height: 50px; }
        .header-li.pull .header-li-a { padding-right: 0; background: none; }
        .header-li.pull .header-li-a:after { top: 3px; right: 5px; transform: rotate(270deg); background-size: 9px; }

        /*首页*/
        .banner-tit { margin: 48% 0 10% 0; font-size: 30px; }
        .banner-nav-a img { height: 180px; }
        .banner-nav-a:nth-child(1) .banner-nav-bg { background-size: 15% !important; background-position: 93% 14% !important; }
        .banner-nav-bg { background-size: 20% !important; }
        .ind-tit { font-size: 38px; }
        .ind-rd-li { width: 100%; }
        .ind-rd-pic { float: left; }
        .ind-rd-cont { padding: 0 30px 60px 30px; float: left; width: 90%; text-align: left; border: none; }
        .ind-rd-tit { padding: 0; height: auto; }
        .ind-rd-pic i { display: none; }
        .ind-news-li { padding: 0 15px; }
        .ind-news-ul { margin: 0 -15px; }
        .ind-about-item { width: 100%; height: auto; }

        /*产品列表*/
        .banner-pic { height: 250px; }
        .banner-desc { font-size: 20px; top: 40%; }
        .banner-desc .tit { font-size: 30px; }
        .product-nav { margin-bottom: 30px; width: 100%; display: none; }
        .product-nav-a a { float: left; width: 50%; }
        .product-main { width: 100%; }
        .product-form-a { width: 33.333%; }
        .product-form-a:first-child { display: block; }
        .product-form-btn { margin-top: 0; height: 42px; line-height: 42px; }
        .product-li-desc { width: 450px; }
        .product-li-btn { width: 150px; }
        .contact-form-main { width: 740px; }
        .contact-form-lf { width: 100%; }
        .product-desc-li { padding: 0; }
        .contact-form-btn { width: 100%; }
        .contact-form-rg { padding: 8px; width: 100%; }
        .product-history-a a { width: 33.333%; float: left; padding: 0 10px; }
        .product-desc-swiper { width: 100%; }
        .product-desc-cont { float: none; padding: 20px 0; width: 100%; font-size: 12px; }

        /*关于我们*/
        .about-menu-tit { width: 20%; font-size: 16px; }
        .about-menu-a { padding: 20px 15px; width: 80%; }
        .about-menu-a a { padding: 0 10px; font-size: 13px; }
        .about-intro { width: 740px; }
        .about-count-li img { width: 70px; }
        .about-count-li .tit { font-size: 40px; }
        .about-desc { width: 740px; }
        .about-desc .tit { font-size: 35px; }
        .about-list-cont { width: 540px; }
        .about-list-desc { margin-top: -110px; }
        .about-culture-pic { width: 100%; }
        .about-culture-cont { width: 100%; }
        .about-culture-dl dd { width: 690px; }

        /*技术分享*/
        .tech-li-cont { width: 550px; }

        /*留言板*/
        .message-form { height: 950px; }
        .message-form-main { padding: 40px; }
        .message-form-tit h1 { font-size: 40px; }
        .message-form-cont { padding: 50px 0 20px 0; }
        .message-map { width: 100%; }
        .message-contact { width: 100%; height: auto; }
        .message-contact-list .message-contact { padding: 20px; }
        .message-contact .tit { font-size: 20px; }
        .message-contact-a { font-size: 14px; }

        /*新闻列表*/
        .news-hot { padding: 120px 0 60px 0; height: auto; }
        .news-tit { margin-bottom: 20px; line-height: 40px; }
        .news-tit-a { font-size: 30px; }
        .news-hot-pic { width: 100%; }
        .news-hot-desc { width: 100%; }
        .news-hot-btn { bottom: -20px; }
        .news-hot-prev { left: 0; right: auto; }
        .news-hot-next { left: 60px; right: auto; }
        .news-ul { margin: 0; padding: 0; }
        .news-li { width: 50%; padding: 15px 20px; }
        .news-li-pic { height: 145px; }

        /*历史*/
        .history-li-year .pic { width: 270px; box-shadow: none; }
    }

    @media screen and (max-width: 1200px) {
        .main { width: 100%; }
        /*header*/
        .head { padding: 0 15px; }
        /*.header:before{display:none;}*/
        .head-logo a { height: 50px; }
        .head-logo.ny a { height: 60px; }
        .head-logo img { width: 150px; }
        .head-lang { margin: 0 30px; }
        .head-lang-google { width: 55px; }
        .head-lang-icon { background-size: 57%; font-size: 14px; }
        .head-site { font-size: 14px; }
        .head-com { padding-top: 5px; }
        .head-ser { display: none; }
        .head-menu-close { right: -12%; }
        .head-menu:before { right: 15px; }
        .head-menu-main { padding: 10px 0; height: 400px; overflow-y: scroll; }
        .head-menu-item { padding: 0 30px; width: 100%; height: auto; }
        .head-menu-a a { line-height: 30px; }
        .foot-ul { display: none; }
        .foot-top { padding: 20px 0; }
        .foot-contact { font-size: 16px; line-height: 30px; }
        .foot-bot { padding: 15px; }
        .foot-bot-p { margin-bottom: 10px; float: none; width: 100%; text-align: center; font-size: 13px; }
        .foot-bot-a { float: none; width: 100%; text-align: center; }
        .foot-bot-a a { float: none; display: inline-block; }
        .fixed-ul { right: 5px; }
        .fixed-li-a { width: 80px; }
        .header { padding: 0 15px; }
        .header:before { height: 0; box-shadow: 0 0 50px 50px rgb(255 255 255 / 80%); }
        .header-cont .head-site { display: none; }
        .header-cont .head-com { padding-top: 5px; }
        .header-cont .head-lang { line-height: 48px; background: none; }
        .head-lang-close { display: none; }
        .head-lang-p { position: relative; font-size: 14px; padding-right: 2px; }
        .head-lang-p:after { display: block; content: ''; position: absolute; right: -12px; top: 5px; width: 10px; background: url(../images/icon34.png) no-repeat center center; height: 10px; }
        .head-btn { padding-top: 16px; float: left; line-height: 46px; }
        .head-btn i { display: block; width: 20px; height: 2px; background-color: #333; }
        .head-btn:before { content: ''; display: block; width: 20px; height: 2px; background-color: #333; transition: transform .3s ease; -webkit-transition: transform .3s ease; border-radius: 1px; outline: 1px solid transparent; margin-bottom: 5px; }
        .head-btn:after { content: ''; display: block; width: 20px; height: 2px; background-color: #333; transition: transform .3s ease; -webkit-transition: transform .3s ease; border-radius: 1px; margin-top: 4px; }
        .head-btn.active i { width: 0; }
        .head-btn.active:before { transform-origin: left top; -webkit-transform-origin: left top; transform: translate3d(0,0,0) rotate(45deg); -webkit-transform: translate3d(0,0,0) rotate(45deg); }
        .head-btn.active:after { transform-origin: left bottom; -webkit-transform-origin: left bottom; transform: translate3d(0,0,0) rotate(-45deg); -webkit-transform: translate3d(0,0,0) rotate(-45deg); }
        .header-li-nav { display: none; }
        .header-ul { position: fixed; left: 100%; top: 0; z-index: -1; padding-top: 50px; width: 100%; height: 100%; background: #fff; }
        .header-ul.active { left: 0; }
        .header-li { margin: 0; width: 100%; border-bottom: 1px solid #f1f1f1; text-align: center; }
        .header-li-a { display: block; }


        /*index*/

        .banner-cont { padding: 0px 20px; float: none; }
        .banner-txt { margin-top: 47%; }
        .banner-tit p { margin: 13% 0 10% 0; }
        .banner-tit { margin: 0 0 20px 0; font-size: 26px; }
        .banner-more { margin-bottom: 30px; font-size: 14px; }
        .banner-com { position: relative; }
        .banner-menu { width: 100%; display: none; }
        .banner-menu-a { padding: 15px; border-bottom: 1px solid #ddd; }
        .banner-menu-a .banner-menu-tit .tit { color: #1d8f8b; }
        .banner-menu-a .banner-menu-tit .desc { padding-top: 10px; height: auto; }
        .banner-menu-a .banner-menu-bg { height: 100%; transform: scaleY(1); -webkit-transform: scaleY(1); }
        .banner-menu-bg img { width: 40px; }
        .banner-menu-tit .tit { font-size: 18px; }
        .banner-nav { margin: 0; padding: 2px; }
        .banner-nav-a { width: 100%; }
        .ind-tit { padding-top: 40px; padding-bottom: 20px; font-size: 20px; }
        .ind-tit.tl { line-height: 30px; }
        .ind-tit .h2:before { bottom: 8px; right: -15px; width: 6px; height: 6px; }
        .ind-tit .more { font-size: 14px; }
        .ind-rd-ul { padding: 0; }
        .ind-rd-li { padding: 10px 20px; }
        .ind-rd-cont { padding: 0 0 20px 15px; width: 82%; }
        .ind-rd-pic { width: 18%; height: 65px; padding: 2% 0 2% 3%; }
        .ind-rd-desc { margin-top: 5px; }
        .ind-rd-tit { margin-bottom: 10px; font-size: 16px; }
        .ind-news { padding: 0 15px 40px 15px; }
        .ind-news-ul { margin: 0; }
        .ind-news-li { padding: 0 15px; width: 100%; border: none; border-bottom: 0 solid #ddd; }
        .ind-news-li-pic { height: auto; }
        .ind-news-li-tit { padding: 20px 0 10px 0; }
        .ind-news-li-desc { margin-bottom: 10px; }
        .ind-news-li-more { padding-right: 26px; display: inline-block; font-size: 14px; color: #1D8F8B; line-height: 24px; background: url(../images/icon10.png) no-repeat right 6px; background-size: 15px; text-transform: uppercase; }
        .ind-news-swiper-page { text-align: center; padding: 20px 0 0 0; }
        .ind-news-swiper-page .swiper-pagination-bullet { width: 20px; height: 2px; border-radius: 0; }
        .ind-news-swiper-page .swiper-pagination-bullet-active { background: #1D8F8B; }

        .ind-about-item { padding: 20px; font-size: 14px; line-height: 24px; }
        .ind-about-item .tit { margin-bottom: 20px; font-size: 20px; }
        .ind-about-item .tit:before { bottom: -10px; }

        /*产品列表*/
        .banner-pic { height: 180px; }
        .banner-desc { padding: 0 20px; font-size: 14px; }
        .banner-pic > div { background-size: cover !important; }
        .banner-desc .tit { margin-bottom: 10px; font-size: 20px; }
        .current { padding: 20px 15px; font-size: 14px; }
        .current span { margin: 0 10px; }
        .product { padding: 0 15px 0 15px; }
        .product-nav-a a { width: 100%; line-height: 30px; font-size: 16px; }
        .product-tit { font-size: 20px; }
        .product-form { margin: 0; }
        .product-form-a { padding: 10px 0; width: 100%; }
        .product-form-c { margin-bottom: 10px; }
        .product-form-sel { height: 40px; line-height: 38px; font-size: 16px; }
        .product-form-sel select, .product-form-sel input { width: 100%; padding: 0 10px; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
        .product-form-sel:before { width: 38px; height: 38px; background-size: 7px; }
        .product-form-btn { background-size: 24px; }
        .product-ul { overflow: hidden; margin: 0 -5px; padding: 0; }
        .product-li-btn { display: none; }
        .product-li-desc { display: table; }
        .product-li-desc .tit { display: table-cell; vertical-align: middle; }
        .product-li-desc .tit span { font-size: 14px; margin-bottom: 0; text-align: center; overflow: hidden; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 23px; }
        .product-li-desc .desc { display: none; }
        .product-li { float: left; width: 50%; padding: 5px; }
        .product-li-a { border-bottom: 0 solid #e9e9e9; padding: 0; background: #ecf7f6; color: #333; }
        .product-li-pic { width: 100%; float: none; }
        .product-li-desc { padding: 10px; width: 100%; height: 66px; float: none; }
        .product-li-btn { margin: 0 auto; float: none; font-size: 14px; line-height: 40px; }
        .contact-form { padding: 40px 15px; }
        .contact-form-main { width: 100%; }
        .contact-form-a { width: 100%; }
        .contact-form-tit .tit { font-size: 20px; }
        .product-history-a a { width: 100%; }
        .product-desc-top .tit { padding: 30px 0 20px 0; font-size: 18px; margin: 0; color: #1d8f8b; clear: both; }
        .product-desc-spec p { padding: 0 10px; line-height: 28px; border-radius: 4px; }
        .product-desc-top { min-height: auto; }
        .product-desc { margin-bottom: 10px; }
        .product-intro-menu { font-size: 14px; padding: 0 10px; background: #FFF; }
        .product-intro-menu p { padding: 0 10px; line-height: 45px; }
        .product-intro { clear: both; background: #FFF; padding: 0; }
        .product-intro-warp { float: none; width: 100%; }
        .product-list { padding: 0; }
        .product-list-tit { font-size: 18px; margin-top: 30px; }
        .product-list-li-a { padding: 15px; }
        .product-list-li-a .tit { margin-bottom: 15px; font-size: 16px; }
        .product-list-page { padding: 25px 0; }

        /*关于我们*/
        .about-menu { position: relative; z-index: 1; padding: 0 15px; top: 0; }
        .about-menu-tit { position: relative; width: 100%; border: none; text-align: left; line-height: 50px; }
        .about-menu-tit:before { content: ''; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background: url(../images/icon47.png) no-repeat center; background-size: contain; }
        .about-menu-a { position: absolute; left: 0; top: 50px; width: 100%; padding: 0 15px; background: #fff; opacity: 0; }
        .about-menu-a.open { opacity: 1; top: 100%; }
        .about-menu-a a { padding: 0; width: 100%; border-bottom: 1px solid #f1f1f1; }
        .about-menu-a a.active { background: transparent; color: #1D8F8B; font-weight: bold; border-radius: 0; }
        .about-intro { padding: 30px 15px; width: 100%; font-size: 14px; line-height: 30px; }
        .about-intro p { margin-bottom: 10px; }
        .about-intro .tit { font-size: 20px; }
        .about-count { padding: 0 15px; }
        .about-count-tit { padding: 0 0 30px 0; font-size: 20px; }
        .about-count-li { padding: 20px 0; width: 50%; font-size: 14px; }
        .about-count-li .tit { font-size: 20px; }
        .about-count-li img { width: 50px; }
        .about-core-tit { padding-top: 40px; }
        .about-core-tit .tit { margin-bottom: 10px; font-size: 20px; }
        .about-core-li { padding: 10px; }
        .about-core-swiper { padding: 0 10px 30px 10px; }
        .about-desc { padding: 30px 15px 15px 15px; width: 100%; font-size: 14px; line-height: 26px; }
        .about-desc .tit { margin-bottom: 15px; font-size: 20px; }
        .about-list-a { padding: 0; }
        .about-core-btn { width: 24px; height: 24px; }

        .about-core-prev { left: 20px; }
        .about-core-next { right: 20px; }

        .about-list-cont { padding: 0 15px; width: 100%; }
        .about-list-a:nth-child(n+1) .about-list-cont { padding-top: 20px; }
        .about-list-desc { padding: 15px; margin-top: 0; left: auto; width: 100%; font-size: 14px; line-height: 24px; }
        .about-list-desc .tit { margin-bottom: 10px; font-size: 20px; }
        .about-list-a:nth-child(2n) .about-list-desc { right: auto; }
        .about-list-desc span { margin: 20px auto 0 auto; width: 95px; font-size: 14px; }
        .about-culture-main { padding: 0 15px 50px 15px; }
        .about-culture-tit { padding: 30px 0 10px 0; font-size: 20px; }
        .about-culture-cont { padding-top: 0; }
        .about-culture-dl { padding: 20px 0; }
        .about-culture-dl dd { width: 86%; font-size: 16px; }
        .about-culture-dl dd .tit { margin-bottom: 10px; font-size: 18px; }

        /*技术分享*/
        .tech-ul { padding: 0 15px; }
        .tech-li-a { padding: 30px 0; }
        .tech-li-cont { padding-top: 0; width: 80%; font-size: 13px; }
        .tech-li-time { width: 18%; font-size: 14px; }
        .tech-li-time .tit { font-size: 26px; }
        .tech-li-cont .tit { font-size: 16px; }
        .tech-li-spec { padding: 10px 0; }
        .tech-li-spec p { display: none; font-size: 12px; line-height: 24px; }
        .tech-li-spec p:first-child { display: block; }

        /*留言板*/
        .message-form { padding: 80px 15px 30px 15px; height: auto; }
        .message-form-main { padding: 20px; }
        .message-form-tit h1 { font-size: 20px; }
        .message-form-cont { padding: 20px 0; }
        .message-form-list { margin: 0; }
        .message-form-item { padding: 0; width: 100%; }
        .message-main { padding: 20px 15px 15px 15px; }
        .message-cont { margin-bottom: 20px; }
        .message-map { height: 200px; }
        .message-contact { padding: 20px; }
        .message-contact-list .message-contact { padding: 0; }
        .message-contact .tit { margin-bottom: 15px; font-size: 16px; }
        .message-contact-a { padding-left: 25px; margin-bottom: 10px; font-size: 14px; line-height: 20px; }
        .message-form-btn { margin: 0 auto; width: auto; font-size: 14px; line-height: 45px; }
        .message-contact-list .message-contact { width: 100%; margin: 0 0 20px 0; height: auto; }
        .message-contact-list .message-contact:last-child { margin-bottom: 5px; }
        /*新闻列表*/
        .news-hot { padding: 60px 15px; height: auto; }
        .news-hot .current { padding: 20px 0; }
        .news-hot-desc { padding: 15px; }
        .news-hot-desc .tit { margin-bottom: 10px; font-size: 16px; }
        .news-hot-desc .spec p { padding: 0 10px; line-height: 26px; font-size: 12px; }
        .news-hot-desc .time { border-width: 2px; }
        .news-hot-desc .spec { margin-bottom: 10px; }
        .news-tit { margin-bottom: 10px; }
        .news-tit-a { font-size: 20px; }
        .news-tit-p { font-size: 18px; }
        .news-tit-p span { margin: 0 5px; }
        .news-hot-btn { width: 45px; height: 45px; }
        .news-hot-desc .more { font-size: 14px; }
        .news-li { margin-bottom: 0; width: 100%; border: none; border-bottom: 1px solid #f1f1f1; }
        .news-li-pic { height: auto; }
        .news-li-a .spec p { display: none; padding: 0 10px; line-height: 28px; border-radius: 4px; font-size: 12px; }
        .news-li-a .spec p:first-child { display: block; }
        .news-li-a .desc { height: inherit; margin-bottom: 15px; }
        .news-detail { padding: 0 15px; }
        .news-spec p { float: none; padding: 0 10px; margin: 5px 0; line-height: 34px; border-radius: 5px; background: #f2f4f7; width: 100%; }
        .news-detail-h1 { margin-bottom: 15px; font-size: 20px; }
        .news-detail-desc { font-size: 14px; line-height: 26px; }
        .news-detail-desc img { margin: 0 auto; display: block; width: 100% !important; max-width: 100% !important; height: inherit !important; }
        .news-download-btn { width: 120px; font-size: 14px; background-position: 15px center; text-indent: 40px; line-height: 40px; border-radius: 0; }
        .news-download-a { padding-left: 20px; width: 56%; }
        .news-back a { display: block; padding-left: 30px; line-height: 30px; background: url(../images/icon60.png) no-repeat left center; font-size: 16px; color: #1D8F8B; background-size: 20px; }

        /*历史*/
        /*    .history-tit { padding: 40px 0; font-size: 14px; }
    .history-tit .tit { font-size: 20px; }
    .history-tit:before { bottom: 10px; height: 20px; }
    .history-ul { padding-top: 50px; }
    .history-ul:before { left: 15px; }
    .history-li { padding: 0 15px; font-size: 14px; line-height: 26px; }
    .history-li-month-item { padding-left: 15px; }
    .history-li-year { text-align: left; margin-bottom: 30px; width: 100%; padding-right: 0; padding-left: 20px; }
    .history-li-year .tit { font-size: 30px; }
    .history-li-year .pic { width: 100%; }
    .history-li-month { width: 100%; }
    .history-li-month .tit { font-size: 20px; }
    .history-li-month .tit:after { left: -17px; }
    .history-li-month-item.active .tit:after { left: -27px; }*/

        .history-ul:before { display: none !important; }
        .history-ul { position: relative; padding-top: 30px; border-top: 1px solid #e4e5e6; }
        .history-li .history-li-month { float: none !important; width: 100% !important; text-align: left !important; padding-left: 20px !important; font-size: 16px; line-height: 24px; }
        .history-li .history-li-month:first-child { display: none; }
        .history-li .history-li-month-item:before { display: none !important; }
        .history-li .history-li-month-item { padding-left: 0 !important; padding-bottom: 30px !important; padding-right: 20px !important; }
        .history-li .history-li-month .tit { padding-left: 0 !important; font-size: 24px !important; }
        .history-li .tit:before, .history-li .tit:after { display: none !important; }
        .history-li.odd .history-li-month .tit { text-align: right !important; padding-right: 30px !important; }
        .history-li .pic { width: 100%; }
    }

    /*pager*/
    .in-page { clear: both; text-align: center; padding: 50px 0; }
    .in-page ul { margin: 0; padding: 0; height: 40px; font-size: 14px; color: #666; }
    .in-page li { width: auto; background: initial; display: inline-block; padding: 0; height: auto; line-height: inherit; border-bottom: none; }
    .in-page a, .in-page select, .in-page a:visited, .in-page .press { border-radius: 3px; background: #FFF; vertical-align: middle; border: 1px solid #eee; color: #333; display: inline-block; height: 33px; line-height: 33px; margin: 2px; padding: 0 12px; text-decoration: none; font-size: 16px; }
    .in-page .press, .in-page a:active, .in-page a:hover { text-decoration: none; vertical-align: middle; background-color: #333; border: 1px solid #333; color: #FFF; display: inline-block; }
    .in-page a:hover { background-color: #eee; border-color: #DDD; color: #333; }
    .in-page li.list-page { display: none; }
    .in-page li.pre-page a, .in-page li.next-page a { padding: 0 28px; }
    .in-page li.next-page a { background: #FFF url(../static/images/base/icon2.png) no-repeat center center; }
    .in-page li.pre-page a { background: #FFF url(../static/images/base/icon1.png) no-repeat center center; }

    @media screen and (max-width:1200px) {
        .in-page { padding: 30px 0; }
        .in-page li { display: none; }
        .in-page li:first-child, .in-page li:last-child, .in-page li.list-page { display: inline-block; }
        .in-page li.list-page select { width: 58px; border-radius: 0; font-size: 14px; -webkit-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); background: #FFF url(../images/select.png) no-repeat 33px center; background-size: 18px; }
    }


    /*社会招聘*/
    .join { }
    .join-main { padding-bottom: 40px; background: url(../images/bkg6.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; }
    .join-top { }
    .join-tit { padding-top: 50px; padding-bottom: 40px; font-size: 36px; color: #000; text-align: center; }
    .join-nav { margin-bottom: 60px; text-align: center; }
    .join-nav a { display: inline-block; font-size: 20px; color: #000; }
    .join-nav a:hover { color: #01569c; }
    .join-nav a.active { color: #01569c; }
    .join-nav span { margin: 0 40px; display: inline-block; color: #ddd; }
    .join-ul { }
    .join-li { padding: 0 45px; margin-bottom: 25px; background: #fff; }
    .join-li-tit { position: relative; padding: 30px 30px 30px 55px; background: url(../images/icon61.png) no-repeat left center; line-height: 30px; cursor: pointer; }
    .join-li-tit i { position: absolute; right: 0; top: 0; height: 100%; width: 20px; background: url(../images/icon63.png) no-repeat center; }
    .join-li-tit-p { }
    .join-li-tit-p p { float: left; width: 50%; font-size: 18px; color: #000; }
    .join-li-cont { padding: 30px 0; display: none; border-top: 1px solid #dcdcdc; font-size: 16px; line-height: 30px; color: #000; }
    .join-li-intro { margin-bottom: 60px; }
    .join-li-intro .item { float: left; width: 50%; }
    .join-li-intro .item:first-child { padding-right: 10%; }
    .join-li-a a { color: #01569c; }
    .join-li.active { box-shadow: 0 0 10px 5px rgba(1, 86, 156, .1); }
    .join-li.active .join-li-tit i { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
    .join-li.active .join-li-cont { display: block; }
    .join-step { }
    .join-step img { display: block; width: 100%; }
    .join-pic { }
    .join-pic img { float: left; width: 50%; }
    .join-channel { padding-bottom: 85px; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; }
    .join-channel-ul { }
    .join-channel-li { margin: 0 1%; padding: 60px 20px; float: left; width: 31.333%; height: 365px; background: #fff; text-align: center; font-size: 18px; color: #000; }
    .join-channel-li .tit { margin-bottom: 20px; font-size: 24px; }
    .join-channel-li img { margin: 30px auto 0 auto; display: block; }

    @media screen and (max-width: 740px) {
        /*社会招聘*/
        .join-tit { padding-top: 0; padding-bottom: 30px; font-size: 20px; }
        .join-nav { margin-bottom: 30px; }
        .join-nav a { font-size: 16px; }
        .join-nav span { margin: 0 10px; }
        .join-ul { padding: 0 15px; }
        .join-li { padding: 0 15px; }
        .join-li-tit { padding: 15px 20px 15px 35px; }
        .join-li-tit-p p { width: 100%; font-size: 14px; line-height: 24px; }
        .join-li-intro { font-size: 14px; line-height: 24px; margin-bottom: 10px; }
        .join-li-intro .item:first-child { padding-right: 0; margin-bottom: 20px; }
        .join-li-intro .item { width: 100%; }
        .join-step { padding: 0 15px; }
        .join-channel { padding: 0 15px; }
        .join-channel-li { margin: 0 0 15px 0; padding: 20px; width: 100%; height: auto; font-size: 14px; }
        .join-channel-li .tit { margin-bottom: 10px; font-size: 18px; }
        .join-channel-li img { margin-top: 15px; }
    }


    .verify-code { overflow: hidden; display: none; }
    .verify-code-con { width: 320px; padding: 20px 0; overflow: hidden; background: #FFF; }
    .verify-code-con-text { width: 100%; text-align: left; padding: 0 20px; text-align: center; font-size: 18px; color: #333; }
    .verify-code-con-text p { padding: 10px 0; overflow: hidden; color: #999; font-size: 14px; }
    .verify-code-con-text p.active { color: #EB001B; }
    .verify-code-con-text-img { cursor: pointer; vertical-align: top; width: 200px; }
    .verify-code-con-text-inp { box-shadow: 0px 6px 14px -5.86px rgba(40, 43, 109, 0.3); text-indent: 15px; font-size: 16px; border: solid 2px #d9d7d7; height: 38px; width: 100%; border-radius: 30px; margin-top: 15px; }
    .verify-code-con .btn { text-align: right; font-size: 16px; padding: 0 10px 10px; pointer-events: auto; user-select: none; -webkit-user-select: none }
    .verify-code-con .btn a { height: 34px; line-height: 34px; margin: 10px 0; padding: 0 15px; border: 1px solid #dedede; background-color: #FFF; color: #333; border-radius: 30px; box-sizing: initial; font-weight: 400; cursor: pointer; text-decoration: none; display: block; }
    .verify-code-con .btn a:hover { opacity: .9; text-decoration: none; background: #f1f1f1; color: #000; }
    .verify-code-con .btn a:active { opacity: .8 }
    .verify-code-con .btn .btn0 { border-color: #22928e; background-color: #22928e; color: #fff }
    .verify-code-con .btn .btn0:hover { background-color: #000; color: #FFF; border-color: #000; }

    .verify-code-con .btn { overflow: hidden; text-align: center; padding: 10px 0; }
    .verify-code-con .btn a:first-child { margin-left: 0; }
    .verify-code-button { visibility: hidden; opacity: 0; }

    @media (max-width: 1023px) {

        .verify-code-button { z-index: 90000; position: fixed; filter: drop-shadow(rgb(40, 43, 109) 0px 0px 30px); bottom: -100%; left: 50%; transform: translate(calc(-50% - 20px)); margin: 20px; height: 84px; width: 84px; border-radius: 100%; border: none; font-size: 18px; font-weight: bold; padding: 8px; color: #183884; }
        .verify-code-button.active { visibility: visible; opacity: 1; bottom: 30px; }

        .verify-code-con { width: 100%; padding: 20px; overflow: inherit; box-sizing: border-box !important; }
        .verify-code-con-text { float: none; width: 100%; padding: 10px 0 0 0; font-size: 16px; }
        .verify-code-con .btn { text-align: left; padding: 10px 0 0 0; overflow: hidden; }
        .verify-code-con .btn a { padding: 1px; width: 100%; display: block; margin: 10px 0; box-sizing: border-box; height: auto; text-align: center; }
    }




    /*订单提交成功*/
    .wbslc { padding: 180px 0 200px 0; margin: 0; text-align: center; }
    .wbslc-con { margin-top: 15px; }
    .wbslc .qrcode { width: 50%; padding: 0.15rem; background: #FFF; }
    .wbslc p { font-size: 32px; font-weight: bold; }
    .wbslc .s1 { color: #333; font-size: 20px; font-weight: bold; }
    .wbslc .s2 { margin: 10px 0; color: #999; display: inline-block; line-height: 25px; padding: 0 15px; border-radius: 12px; font-size: 12px; font-size: 14px; font-weight: normal; }
    .wbslc .s2 span { margin: 0 5px; }
    .wbslc .s3 { font-size: 0.5rem; }
    .wbslc .s3 span { font-size: 0.28rem; }
    .wbslc-con-btn { overflow: hidden; padding: 1.5rem 0.35rem; }
    .wbslc-con-btn a { display: block; margin: 0.25rem 0; padding: 0.20rem 0; text-align: center; font-size: 0.28rem; font-weight: normal; border-radius: 5px; }
    .wbslc-con-btn-1 { background: #005A64; color: #FFF; }
    .wbslc-con-btn-2 { background: #FFF; border: solid 1px #CCC; color: #333; }
    .wbslc p.wbslc-con-tip { position: relative; font-size: 0.23rem; font-weight: normal; color: #666; padding-left: 0.38rem; text-align: center; }
    .wbslc p.wbslc-con-tip:after { display: inline-block; content: ''; position: absolute; width: 0.3rem; height: 0.3rem; background: url(../images/icon84.png) no-repeat center center; top: 0; left: 0.35rem; background-size: 100%; }
    .wbslc.form { padding: 0; }
    .wbslc.form .wbslc-con { font-size: 0.23rem; overflow: hidden; background: #FFF; text-align: left; }
    .wbslc.form .btn a:first-child { background: #005A64; color: #FFF; }
    .wbslc.form .btn a:last-child { background: #FFF; border: solid 1px #CCC; color: #333; }
    .wbslc.form .btn { padding: 0 0.35rem; }
    .wbslc-form-list { padding: 0 0.15rem 0 0.2rem; font-size: 0.23rem; border-bottom: 0.2rem solid #F7F7F7; }
    .wbslc-form-dl { display: flex; display: -webkit-flex; border-bottom: 1px solid #F4F4F4; }
    .wbslc-form-dl.bor { border-bottom: 10px solid #F7F7F7; }
    .wbslc-form-dt { width: 92px; line-height: 0.8rem; }
    .wbslc-form-dd { position: relative; flex: 1; -webkit-flex: 1; height: 0.8rem; line-height: 0.8rem; color: #747474; font-size: 0.35rem; }
    .wbslc-form-dd-inp { float: left; width: 100%; height: 0.8rem; font-size: 0.23rem; text-align: right; color: #666; }


/*硬件产品*/
.product_a {
	overflow: hidden;
	padding-top: 3%;
	text-align: center;
	margin-bottom: 2%;
}
.product_a a {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	width: 160px;
	font-size: 14px;
	color: #ffffff;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 2%;
	transition: all 0.3s;
    border: 1px solid #ffffff;
    border-radius: 50px;
}
.product_a a:hover {
	background-color: #A5D4D6;
	color: #19226D;
	filter: Alpha(Opacity=80);
	opacity: 0.8;
}
.product_a a.csel {
	background-color: #A5D4D6;
	color: #19226D;
}

.show_t{
	font-size:20px;
}