@font-face { font-family: "DINPro-Medium"; src: url("../font/DINPro-Medium.woff2") format("woff2"), url("../font/DINPro-Medium.woff") format("woff"), url("../font/DINPro-Medium.ttf") format("truetype"), url("../font/DINPro-Medium.eot") format("embedded-opentype"), url("../font/DINPro-Medium.svg") format("svg"); font-weight: normal; font-style: normal; }
.fontsp { font-family: "DINPro-Medium"; }
* { box-sizing: border-box; margin: 0; padding: 0; font-family: "宋体", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "PingFang SC", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;     }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body { margin: 0; position: relative; overflow-x: hidden; color: #4c4645 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; line-height: 1.2em; font-weight: normal; }
ol, ul { list-style: none }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template { display: none }
a { color: #4c4645; background-color: transparent; -webkit-tap-highlight-color: transparent; text-decoration: none; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; }
a:active, a:hover { outline: 0; text-decoration: none }
a:hover { color: #e5011a }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
dfn { font-style: italic }
mark { color: #000; background: #ff0 }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { vertical-align: middle; padding: 0; border: none; -ms-interpolation-mode: bicubic; max-width: 100%; max-height: 100% }
address, cite, dfn, em, var, i { font-style: normal; }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { height: 1px; background: #ddd; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none }
:focus { outline: 0 }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit }
button { overflow: visible; border: none }
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 { padding: 0; border: 0 }
input { line-height: normal; -webkit-appearance: none }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver }
legend { padding: 0; border: 0 }
textarea { overflow: auto }
optgroup { font-weight: 700 }
table { border-spacing: 0; border-collapse: collapse }
td, th { padding: 0 }
@media print {
    *, :after, :before { color: #000 !important; text-shadow: none !important; background: 0 0 !important; -webkit-box-shadow: none !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^="#"]:after, a[href^="javascript:"]:after { content: "" }
    blockquote, pre { border: 1px solid #999; page-break-inside: avoid }
    thead { display: table-header-group }
    img, tr { page-break-inside: avoid }
    img { max-width: 100% !important }
    h2, h3, p { orphans: 3; widows: 3 }
    h2, h3 { page-break-after: avoid }
}
.none { display: none }
.check:checked, .check:not(:checked) { position: absolute; left: -9999px; opacity: 0 }
.check:checked+label, .check:not(:checked)+label { position: relative; display: inline-block; height: 14px; font-size: 14px; cursor: pointer; padding-left: 20px; }
.check+label:after, .check+label:before { position: absolute; top: 2px; left: 0; z-index: 0; width: 16px; height: 13px; border-radius: 3px; content: ''; background: #000 }
.check:checked+label:after { background: #ca140d }
.radio:checked+label, .radio:not(:checked)+label { position: relative; display: inline-block; height: 16px; font-size: 14px; line-height: 16px; cursor: pointer; padding-left: 20px }
.radio+label:after, .radio+label:before { position: absolute; top: -1px; left: 0; z-index: 0; width: 16px; height: 16px; border-radius: 50%; content: '' }
.radio:not(:checked)+label:after, .radio:not(:checked)+label:before { border: 1px solid #888 }
.radio:checked, .radio:not(:checked) { position: absolute; left: -9999px; opacity: 0 }
.radio:checked+label:before { border: 1px solid #d9a65c }
.radio:checked+label:after { width: 8px; height: 8px; border-radius: 50%; background: #d9a65c; top: 3px; left: 4px }
.line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.line3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
::-webkit-input-placeholder { color: 595757;     }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button }


.clearfix:after { clear: both; display: block; visibility: hidden; overflow: hidden; height: 0; content: "." }
.l { float: left }
.r { float: right }
.fl { float: left !important }
.fr { float: right !important }
.bor { border: 1px dashed #999 }
.poab { position: absolute }
.pore { position: relative }
.texto { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.imgInline { display: inline-block !important; vertical-align: middle }
.imgMargin { margin: 0 auto }
.imgW100 { width: 100% }
.text-r { text-align: right }
.text-m { text-align: center }
.text-bold { font-weight: 700; }
.text-light { font-weight: 100; }
.text-up { text-transform: uppercase; }
.flex { display: flex; justify-content: space-between; flex-wrap: wrap }
.flex-left { display: flex; flex-wrap: wrap }
.flex-center { display: flex; flex-wrap: wrap; justify-content: center; }
.flex-right { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.flex-v-center { display: -webkit-flex; display: flex; flex-direction: column; justify-content: center }
.flex-v-bottom { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; }
.trans { transition: all .5s }
.trans-mask { display: block; overflow: hidden; width: 100%; cursor: pointer; position: relative; }
.trans-mask img { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.trans-mask:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.bg-mask .pic { overflow: hidden; }
.bg-mask .pic a { background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; display: block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.bg-mask:hover .pic a { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.bgimg { background-repeat: no-repeat; background-position: center; background-size: cover; }
.wp { width: 92%; margin: 0 auto; max-width: 1400px }
.wp2 { width: 92%; margin: 0 auto; max-width: 1268px }
.greybg { background: #f2f2f2 }
.textup { text-transform: uppercase }
.co { color: #e5011a }
.co-fff { color: #fff !important }
.fixdbody { position: fixed; top: 0; left: 0; right: 0; bottom: 0 }
.m-show { display: none }
.filter-page { filter: blur(5px); }
@media screen and (max-width:980px) {
    .pc-show { display: none }
    .m-show { display: block }
}
.trans-line:before { content: ''; position: absolute; width: 60px; height: 100%; margin-top: 0px; margin-left: -120px; overflow: hidden; z-index: 6; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg) }
.trans-line:hover:before { -webkit-animation: aniBlink .6s ease-out forwards; -moz-animation: aniBlink .6s ease-out forwards; -o-animation: aniBlink .6s ease-out forwards; animation: aniBlink .6s ease-out forwards }
@keyframes aniBlink {
    from { margin-left: -50% }
    to { margin-left: 120% }
}
@-webkit-keyframes aniBlink {
    from { margin-left: -50% }
    to { margin-left: 120% }
}


.pic-scale .pic, .img-scale { position: relative; overflow: hidden; }
.img-scale img, .pic-scale img { -webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; }
.img-scale:hover img, .pic-scale:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.img-scale.scale2:hover img, .pic-scale.scale2:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.oh { overflow: hidden; }
body::after { position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(0, 0, 0, 0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }
.st-menu-open::after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 99; }


.com-btn { display: inline-block; vertical-align: middle; padding: 0 16px; height: 34px; line-height: 34px; border-radius: 17px; font-size: 16px; color: #ffffff !important; text-align: center; background-color: #e5011a; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; font-weight: 600; }
.com-btn:after { content: ""; position: absolute; left: 1px; top: 1px; width: calc(100% - 6px); height: 28px; border: 2px solid #fff; border-radius: 17px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-btn:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); }


.header { position: relative; height: 150px; align-items: center; }
.header .menu { position: absolute; left: 3.125%; width: 30px; height: 27px; background: url(../image/menu.png) no-repeat center; background-size: contain; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.header .menu:hover { background: url(../image/menu-on.png) no-repeat center; background-size: contain; }
.header .logo { margin: 0 60px; }
.header .nav-list { align-items: center; }
.header .nav-list li { position: relative; margin: 0 30px; }
.header .nav-list li:before { content: ""; position: absolute; left: -18px; top: 50%; margin-top: -5px; width: 10px; height: 10px; border: solid 1px #e5011a; border-radius: 50%; opacity: 0; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.header .nav-list li:hover:before, .header .nav-list li.on:before { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.header .nav-list li a { font-size: 18px; color: #281f20; font-weight: bold; }
.header .nav-list li.on a, .header .nav-list li a:hover { color: #e5011a; }
.header .contact { position: absolute; right: 3.125%; align-items: center; }
.header .contact .tel { font-size: 18px; color: #281f20; font-weight: bold; }
.header .contact .tel i { font-size: 25px; color: #e5011a; vertical-align: middle; margin-right: 10px; font-weight: normal; }


.menu-btn { z-index: 999; overflow: hidden; margin-left: 20px; width: 36px; height: 36px; background: 0 0; text-indent: -5260px; opacity: 1; position: relative; z-index: 999; }
.menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3 { position: absolute; top: 50%; right: 0; display: block; width: 36px; height: 2px; background: #184691; transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s; transition-property: transform, width, margin, background-color }
.menu-btn .line-1 { margin-top: -11px; width: 30px }
.menu-btn .line-3 { margin-top: 11px; width: 30px }
.drawerMenu-open .menu-btn .line-1 { visibility: hidden }
.drawerMenu-open .menu-btn .line-2 { margin-top: 0 !important; width: 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.drawerMenu-open .menu-btn .line-3 { margin-top: 0 !important; width: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.searchbtn { width: 40px; line-height: 38px; text-align: center; font-size: 24px; color: #184691 }
.mobNav { position: fixed; top: 50px; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, .95); z-index: 98; padding-top: 53px; padding: 40px 5% 30px; display: none }
.mobNav ul { height: 70vh; overflow: auto }
.mobNav ul li { padding: 15px 0; border-bottom: 1px solid #ddd }
.mobNav ul li:last-child { border-bottom: 0 }
.mobNav ul li .navp a { font-size: 15px; color: #184691; font-weight: bold; }
.mobNav ul li .navp i { display: block; width: 16px; transition: .3s; transform-origin: center; margin-right: 5px }
.mobNav ul li.on .navp i { transform: rotate(-45deg); }
.mobNav ul li .subNavm { margin-top: 10px; padding-left: 10px; display: none }
.mobNav ul li .subNavm a { display: block; line-height: 30px; font-size: 14px }
.headerm { display: none; padding: 10px 0; position: fixed; left: 0; right: 0; top: 0; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: #fff; height: 60px }
.headerm .logo img { height: 40px }
.serm { height: 20px; display: inline-block; }
@media screen and (max-width:1800px) {
    .header .nav-list li { margin: 0 20px; }
}
@media screen and (max-width:1600px) {
    .header .nav-list li { margin: 0 16px; }
}
@media screen and (max-width:1440px) {
    .header .nav-list li a { font-size: 15px; }
    .header .nav-list li { margin: 0 16px; }
    .header .contact .tel { font-size: 16px; }
    .header .contact .tel i { font-size: 22px; margin-right: 5px; }
}
@media screen and (max-width:1360px) {
    .header .logo { margin: 0 35px; }
}
@media screen and (max-width:1280px) {
    .header .logo { margin: 0 25px; }
    .header .nav-list li { margin: 0 12px; }
}
@media screen and (max-width:1270px) {
    .header .nav-list { display: none; }
    .header { height: 50px; position: fixed; left: 0; top: 0; right: 0; z-index: 99; background: #fff; box-shadow: 0 4px 10px rgba(116, 116, 116, 0.1); }
    .header .logo img { height: 36px; }
    body { padding-top: 50px; }
    .header .menu { width: 20px; height: 20px; }
}
@media screen and (max-width:980px) { }
@media screen and (max-width:640px) {
    .menu-btn { transform: translateY(-2px); }
    .headerm { height: 55px }
    .headerm .logo img { height: 35px }
    .header .contact .tel { font-size: 0; }
    .header .contact .tel i { font-size: 26px; margin-right: 0; }
}
.aimer-layer { position: relative; z-index: 999999 }
.aimer-layer-shade { background-color: rgba(0, 0, 0, .7); pointer-events: auto }
.aimer-layer-main, .aimer-layer-shade { position: fixed; left: 0; top: 0; width: 100%; height: 100% }
.aimer-layer-main.hide { display: none; }
.aimer-layer-main { display: table; font-family: Helvetica, arial, sans-serif; pointer-events: none }
.aimer-layer-wrap { display: table-cell; vertical-align: middle; text-align: center }
.aimer-layer-container { width: 320px; min-height: 180px; position: relative; display: inline-block; text-align: left; background-color: #fff; font-size: 14px; border-radius: 5px; box-shadow: 0 0 8px rgba(0, 0, 0, .1); pointer-events: auto }
.aimer-layer-header { padding: 5px 24px; color: rgba(0, 0, 0, .65); background: #fff; border-bottom: 1px solid #e8e8e8; border-radius: 4px 4px 0 0; text-align: center; font-size: 16px; line-height: 16px; height: 30px; text-align: left }
.aimer-layer-header span { line-height: 28px }
.aimer-layer-footer { width: 100%; height: 46px; line-height: 46px; text-align: right; border-radius: 0 0 5px 5px; position: absolute; bottom: 0 }
.aimer-layer-footer button { margin-right: 20px }
.aimer-confirm-content { min-height: 40px; padding: 20px; line-height: 24px; word-break: break-all; overflow: hidden; font-size: 14px; overflow-x: hidden; overflow-y: auto }
.aimer-message-content { min-width: 100px; color: #fff; background: rgba(0, 0, 0, .6); padding: 15px 10px }
@keyframes anim-scale-enter {
    0% { opacity: 0; transform: scale(.5) }
    to { opacity: 1; transform: scale(1) }
}
@keyframes anim-scale-leave {
    0% { opacity: 1; transform: scale(.5) }
    to { opacity: 0; transform: scale(0) }
}
.anim-scale-enter { animation-name: anim-scale-enter; -webkit-animation-name: anim-scale-enter }
.anim-scale-leave { animation-name: anim-scale-leave; -webkit-animation-name: anim-scale-leave }
@keyframes anim-up-enter {
    0% { opacity: 0; transform: translateY(800px) }
    to { opacity: 1; transform: translateY(0) }
}
@keyframes anim-up-leave {
    0% { opacity: 0; transform: translateY(0) }
    to { opacity: 1; transform: translateY(800px) }
}
.anim-up-leave { animation-name: anim-up-leave }
.anim-up-enter { animation-name: anim-up-enter }
.aimer-layer-close { width: 24px; height: 24px; background: transparent; border: none; border-radius: 50%; position: relative; cursor: pointer; line-height: 20px; float: right; margin-top: 3px; display: none; }
.aimer-layer-close:after { transform: rotate(-45deg) }
.aimer-layer-close:after, .aimer-layer-close:before { width: 18px; height: 2px; background-color: #67b1f6; content: ""; left: 50%; top: 50%; margin-left: -9px; margin-top: -1px; position: absolute }
.aimer-layer-close:before { transform: rotate(45deg) }
.aimer-layer-close:hover { transform: scale(.9) }
.webmap { background: #68696a url(404.png) 50% no-repeat/cover; height: 100%; position: relative; text-align: center }
.webmap .close { position: absolute; right: 56px; top: 42px; width: 40px; height: 40px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADfUlEQVRYhc2Zv08UQRTHv1ywIcZGk0M58EDQWButNJGzRGzVP8LgX6BWxkYqf9BKqZXRQhu18EeisbESUPkhVv5o1EQ04WMxb7xhb+92dvcgTvKyBzPvvc++2dl587YHUIFWkXRY0glJhySNSapJ2m79PyR9kjQv6bWkR5JeSlrP7QnIIzXgCvCR1vYb+GbyO6V/1XRreXzGDtwFXAfWzNk68BS4AIwD1RSdqvVdsLHrprsG3DSbXQE8A3w24z+Aq8C+nJGX6Vw1G5jNs2UAe4GZIGK3gP4CYEnpN1s+ojPAtryAfcA9M/AFmOgCWFImzDbAffMZBdgL3DXF98DoJsCF075gvu6mRTJNyU/rAt2Z0iypBpAzWYCnbeDXTY5cUkbNJ8aQCrgTt7LWgckthPNy0nx/MZYWwGt2B7NtDOwApig37XXgYgiQkFljuJEEHMC9QH92ADhnyvM2Pi/cCM0d6HybMVXce3LN+/Adl01xuoODQWC5IORwoDuXMQvTNu6yB6wAK7j5z9ohhoGlnJD1QGcuQmfUWFaAioAjpvwiMhp1YDEScm8wNgbOy3PTOVKRNG6JzYPIBGhJ0nFJi5ZmPZY0kDJuyPrqlnY1LAWLaQ/t2hBw22hPRN6dlyHcTpMWyVrQlydyXhqme0fAG/tjT04jfuG8S0DWaO4MReBkOgBvhHs5/ypgJIzWfADpfxeF87IGfJbBfSthyN/xHM1WFk64re9XJfKhjWk9id897QbmaRVJ3yX1lbAxILdaxyQtmIxJeiJpsITd7ZK+l10kA8Ezt2DPY/i/97jVXniRVCS9NeKDJSL3Qe59uir3rhu3SI5YJPfmtH3ArnMVuXOrJB0tCLcYwPkWQg4bZD2H/WN2fS3yb3XhFC7itrOYsUu4vTzGx7+tTmxMFrKy6KTDes4bWsalXZ3GtyQLIi7d6k84io1GEnKFzgunJd3yBrIS1vOBg6woZEFOtRlTNYaWhFVkp/w7gUvETWunWZjCHR/S+tum/B7AH5pOlYAoKpNkHJrEf37s9LLVB/d+chzcxdaWPkZpJrbRpQ/RWjzajIP8JAWLR2Ekw/LbLN0rv81SsvwWSrKAOU3xAuY0XSxghpJWAn6GK2M0gN0pOrtxJeCLbHIJOJRORfQ/NIvof1L6CxXRe6DUZ4iG3GeI/Wr9DLGqjZ8hXqnAZ4i/ZYCly8t567EAAAAASUVORK5CYII=) 50% no-repeat; transition: transform .5s }
.webmap .close:hover { transform: rotate(1turn) }
.webmap .webmap-content { position: absolute; width: 1400px; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.webmap .menu a { color: #fff; transition: color .2s }
.webmap .menu a:hover { color: #e5011a }
.webmap .menu .nochild { display: none }
.webmap .menu>li { display: inline-block; margin: 0 50px 0 0; vertical-align: top; font-size: 24px }
.webmap .menu>li:last-child { margin-right: 0 }
.webmap .menu>li>a { letter-spacing: 8px; text-indent: 8px; display: inline-block }
.webmap .menu>li>a:after { content: ""; width: 100%; height: 16px; display: block; background: url(../image/menu-ico.png) 50% no-repeat; margin: 28px 0 }
.webmap .menu .secmenu { margin-top: 56px }
.webmap .menu .secmenu li { font-size: 18px; line-height: 36px }
@media (max-width:1750px) {
    .webmap .menu>li { margin: 0 38px }
}
@media (max-width:1750px) {
    .webmap .menu>li { margin: 0 20px }
}
@media (max-width:1450px) {
    .webmap .menu>li { margin: 0 15px; font-size: 22px; }
    .webmap .menu .secmenu li { font-size: 16px; }
}
@media (max-width:1280px) {
    .webmap .webmap-content { width: 92%; }
    .webmap .menu .secmenu { margin-top: 0; }
    .webmap .menu>li { margin: 0 10px; font-size: 18px; }
}
@media (max-width:640px) {
    .webmap .menu>li>a:after { display: none; }
    .webmap .menu>li { margin: 15px 0; }
    .webmap .close { width: 30px; height: 30px; background-size: contain; }
    .webmap .menu>li.on>a { color: #e5011a; }
}
.footer { padding-top: 85px; padding-bottom: 65px; background: url(../image/foot-bg.jpg) no-repeat center; background-size: cover; }
.footer .left { width: 445px; }
.footer .left .contact { align-items: center; }
.footer .left .contact .tel { font-size: 36px; font-weight: bold; letter-spacing: 0px; color: #ffffff; }
.footer .left .contact .tel i { font-size: 36px; font-weight: normal; margin-right: 8px; color: #e5011a; }
.foot-nav { margin-top: 60px; }
.foot-nav li { width: 33.3333%; margin-bottom: 25px; }
.foot-nav li a { font-size: 18px; color: #d7d7d7; }
.links { margin-top: 70px; border-top: 1px solid #473F41; padding-top: 25px; padding-bottom: 25px; font-size: 14px; color: rgba(215, 215, 215, .6); }
.links a { color: rgba(215, 215, 215, .6); }
.copyright span { font-family: Arial; }
.copyright, .copyright a { color: rgba(215, 215, 215, .5); font-size: 14px; line-height: 24px; }
.copyright a:hover, .links a:hover, .foot-nav li a:hover { color: rgba(255, 255, 255, 1); }
.footer .message { width: 51.35%; }
.footer .message h3 { position: relative; font-size: 42px; font-weight: bold; color: #f5f5f5; line-height: 1; margin-bottom: 40px; }
.footer .message h3:before { content: ""; position: absolute; left: -36px; top: 10px; width: 19px; height: 19px; border: solid 2px #e5011a; border-radius: 50%; }
.foot-form ul li { padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #5b5354; }
.foot-form .inp { font-size: 16px; color: #bec2c7; background: transparent; border: none; }
.foot-form .sub { width: 269px; height: 48px; background-color: #e5011a; text-align: center; line-height: 48px; font-size: 18px; color: #f5f5f5; border: none; margin-top: 38px; }
@media screen and (max-width:1366px) { }
@media screen and (max-width:1200px) { }
@media screen and (max-width:768px) {
    .webmap .menu>li { width: 100%; }
    .webmap .menu .secmenu { display: none; }
    .com-btn { font-size: 14px; }
}
@media screen and (max-width:640px) { }
.in-banner .swiper-slide img.ba { display: none }
.in-banner .swiper-pagination-bullets { bottom: 30px; right: 0 }
.in-banner .swiper-pagination-bullet { margin: 0 7px !important }
.in-banner .swiper-pagination-bullet { width: 15px; height: 15px; background-color: #000000; opacity: 0.5; border: solid 2px #000000; }
.in-banner .swiper-pagination-bullet-active { border-color: #e5011a; background-color: transparent; opacity: 1; }
.in-banner .swiper-button-prev { left: 5%; width: 50px; height: 50px; opacity: .5; transition: .3s; border-radius: 50%; background: #fff; color: #203654 }
.in-banner .swiper-button-next { right: 5%; width: 50px; height: 50px; opacity: .5; transition: .3s; border-radius: 50%; background: #fff; color: #203654 }
.in-banner .swiper-button-prev i { font-size: 25px }
.in-banner .swiper-button-next i { font-size: 25px }
.in-banner .swiper-button-prev:hover, .in-banner .swiper-button-next:hover { opacity: 1 }
.in-banner .bamask { position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; height: 20% }
.in-banner .bamask img { height: 100%; width: 100% }
.in-banner .swiper-slide.swiper-slide-active img {     }
    @keyframes imageAnimation {
        0% { opacity: 0; animation-timing-function: ease-in }
        10% { opacity: .5 }
        30% { opacity: .8 }
        70% { opacity: 1; transform: scale(1.03); animation-timing-function: ease-out }
        95% { opacity: 1; transform: scale(1.04) }
        to { opacity: 1; transform: scale(1.04) }
    }
    @keyframes fadeAnimation {
        0% { opacity: .8; transform: scale(1.04) }
        20% { opacity: 0; -webkit-transform: scale(1.04) }
        60% { opacity: 0; transform: scale(1.04) }
        to { opacity: 0 }
    }
    @media screen and (max-width:1280px) {

     }
    @media screen and (max-width:768px) {

     }
    @media screen and (max-width:640px) {
        .in-banner .swiper-pagination-bullet { margin: 0 10px !important }
        .in-banner .swiper-pagination-bullets { bottom: 15px; right: 0 }

        
        .in-banner .swiper-pagination-bullet { font-size: 14px; }
        .in-banner .swiper-pagination-bullet-active { font-size: 20px }
        .in-banner .swiper-button-prev, .in-banner .swiper-button-next { width: 30px; height: 30px; margin-top: -15px; line-height: 30px }
        .in-banner .swiper-button-prev i { font-size: 14px }
        .in-banner .swiper-button-next i { font-size: 14px }
    }

    
    .com-title { margin-bottom: 30px; padding: 50px 0; text-align: center; background: url(../image/tit-bg.png) no-repeat center; }
    .com-title.nm { margin-bottom: 0; }
    .com-title.text-left { text-align: left; background-position: left; }
    .com-title h3 { font-size: 48px; line-height: 1; letter-spacing: 10px; color: #281f20; font-weight: bold; }
    .com-title h3 span { color: #e5011a; }
    .com-title p { font-size: 20px; letter-spacing: 16px; color: #81868e; line-height: 1; margin-top: 26px; font-weight: normal; }
    .index-a { padding-top: 110px; padding-bottom: 120px; background: url(../image/bg12.jpg) no-repeat center; background-size: cover; }
    .class-list .item { position: relative; flex-direction: row-reverse; padding: 58px 80px; justify-content: flex-start; }
    .class-list .item .zixun { position: absolute; top: 82%; right: 150px; }
    .class-list .item:after { content: ""; position: absolute; right: -39px; top: 47px; width: 78px; height: 78px; background: url(../image/class-tit-1.png) no-repeat center; background-size: contain; }
    .class-list .item:last-child:after { background: url(../image/class-tit-2.png) no-repeat center; background-size: contain; }
    .class-list .item:first-child { width: 42.5714%; height: 407px; background: url(../image/class-bg-1.png) no-repeat; background-size: contain; }
    .class-list .item:last-child { width: 49.7142%; height: 415px; background: url(../image/class-bg-2.png) no-repeat; background-size: contain; }
    .class-list .item .tit { writing-mode: tb-rl }
    .class-list .item .tit h4 { font-size: 42px; letter-spacing: 8px; color: #e5011a; font-weight: bold; line-height: 1.2; }
    .class-list .item .tit p { font-size: 14px; font-weight: normal; color: #81868e; letter-spacing: 1px; opacity: .5; }
    .class-list .item ul { flex: 1; display: flex; justify-content: center; }
    .class-list .item ul li { writing-mode: tb-rl; margin: 0 10%; }
    .class-list .item:last-child ul li { margin: 0 5%; }
    .class-list .item ul li h5 { font-size: 24px; font-weight: bold; letter-spacing: 1px; color: #281f20; margin-left: 8px; }
    .class-list .item ul li h5 a { color: #281f20; display: inline-block; position: relative; }
    .class-list .item ul li h5 a:after { content: ""; position: absolute; left: 50%; bottom: -30px; margin-left: -7.5px; width: 15px; height: 15px; border: solid 2px #e5011a; border-radius: 50%; opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
    .class-list .item ul li h5 a:hover:after { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    .class-list .item ul li p { font-size: 16px; font-weight: normal; letter-spacing: 0px; color: #81868e; }
    .class-list .item ul li p a { color: #81868e; }
    .class-list .item ul li h5 a:hover { color: #e5011a; }
    .index-b { padding-top: 60px; position: relative; }
    .team-list, .team-index-list { overflow: visible; }
    .team-list .item, .team-index-list .item { width: 596px; border: solid 1px #a2a2a2; overflow: hidden; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
    .team-list .swiper-slide-prev, .team-index-list .swiper-slide-prev { opacity: 0; }
    .team-list .item .pic { position: relative; width: 60%; border-right: solid 1px #a2a2a2; }
    .team-list .item .pic .btn { position: absolute; left: 30px; bottom: 22px; width: 34px; height: 110px; padding: 0 8px; background: url(../image/btn-bg.png) no-repeat center; background-size: contain; color: #fff !important;     display: flex; align-items: center; justify-content: center; font-size: 16px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); }
    .team-list .item:hover .pic .btn { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    .team-list .item .cont { position: relative; width: 40%; padding: 40px 30px 40px 10px; align-content: space-between; text-align: right; justify-content: center; }
    .team-list .item .cont:after { content: ""; position: absolute; top: 0; left: 0; right: 11px; bottom: 11px; border: solid 1px #a2a2a2; border-left: none; border-top: none; background: #fff; }
    .team-list .item .cont:before { content: ""; position: absolute; top: -1px; right: -1px; width: 11px; height: 10px; border: 1px solid #fff; border-bottom: 1px solid #a2a2a2; border-left: 1px solid #a2a2a2; }
    .team-list .item .cont .tit { display: flex; flex-direction: row-reverse; width: 100%; position: relative; z-index: 2; }
    .team-list .item .cont .tit h4 { width: 36px; display: inline-block; font-size: 36px; font-weight: bold; line-height: 1.1; letter-spacing: 4px; color: #333333; position: relative; }
    .team-list .item .cont .tit h4:before { content: ""; position: absolute; right: -4px; top: -4px; width: 18px; height: 18px; border: solid 2px #df1111; border-radius: 50%; }
    .team-list .item .cont .tit h4 span { position: relative; }
    .team-list .item .cont .tit p { font-size: 16px; line-height: 1.1; letter-spacing: 1px; color: #525252; margin-right: 15px; font-weight: bold; }
    .team-list .item .cont .tit p span { width: 16px; display: inline-block; vertical-align: top; margin-left: 10px; }
    .team-list .item .cont .des { font-family: SimSun; font-size: 14px; line-height: 24px; color: #8c8c8c; position: relative; z-index: 2; }
    .tool-bar .swiper-pagination { position: static; width: 92.5%; height: 2px; background: #dddddd; border-bottom: none; }
    .tool-bar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { top: 0; background: #e60533; }
    .team-list .tool-bar, .team-index-list .tool-bar { margin-top: 62px; }
    .team-list .tool-bar .swiper-button-next, .team-index-list .tool-bar .swiper-button-next { position: static; margin-right: 10px; }
    .team-list .tool-bar .swiper-button-next i, .team-index-list .tool-bar .swiper-button-next i { font-weight: normal; font-size: 48px; color: #959595; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
    .team-index-list .item { display: flex; flex-wrap: space-between; flex-wrap: wrap; width: 700px; }
    .team-index-list .item .pic { width: 60%; }
    .team-index-list .item .pic img { height: 100%; width: 100%; object-fit: cover; }
    .team-index-list .item .cont { width: 40%; padding: 30px; line-height: 1.75; color: #595757; font-size: 16px; font-weight: normal; }
    .team-show { position: relative; border: 1px solid #a2a2a2; padding: 20px; max-width: 1388px; position: relative; right: -12px; background: #fff; }
    .team-show:before { content: ""; position: absolute; left: -12px; top: 12px; width: 100%; height: 100%; border: 1px solid #a2a2a2; z-index: -1; }
    .team-show .cont { width: 41.5%; border-right: none; padding: 50px 50px 50px 45px; font-size: 16px; line-height: 30px; }
    .team-show .cont h4 { font-size: 28px; color: #e9424e; font-weight: bold; line-height: 1.3; }
    .team-show .cont h5 { font-size: 16px; color: #525252; line-height: 1.75; margin-top: 20px; margin-bottom: 45px; font-weight: bold; }
    .team-show .cont p { color: #8c8c8c; font-size: 16px; }
    .team-show .swiper-pagination { bottom: 20px; }
    .team-show .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 15px; background-color: #000000; opacity: 0.3; border: solid 2px #000000; }
    .team-show .swiper-pagination .swiper-pagination-bullet-active { border-color: #e5011a; background-color: transparent; opacity: .7; }
    .team-show .pic { width: 58.5%; }
    .index-c { margin-top: 105px; padding-top: 110px; background: url(../image/about-bg.jpg) no-repeat center top; background-size: cover; }
    .index-c .cont { width: 46.5%; }
    .index-c .cont .com-title { margin-bottom: 20px; }
    .index-c .cont .des { font-size: 16px; font-weight: normal; line-height: 32px; letter-spacing: 1px; color: #595757; margin-bottom: 45px; }
    .index-c .cont .des p { font-weight: normal; }
    .scroll-list li .num { font-size: 30px; color: #281f20; }
    .scroll-list li .num i { font-size: 60px; font-weight: bold; letter-spacing: 0px; color: #281f20; line-height: 1; }
    .scroll-list li .num sup { display: inline-block; top: -30px; width: 31px; height: 32px; background: url(../image/tit-bg2.png) no-repeat center; background-size: contain; font-size: 18px; font-weight: bold; color: #ffffff; text-align: center; line-height: 32px; margin-left: 5px; }
    .scroll-list li h4 { font-size: 16px; font-weight: normal; letter-spacing: 1px; color: #81868e; margin-top: 10px; }
    .scroll-list.white li .num i, .scroll-list.white li .num, .scroll-list.white li h4 { color: #fff; }
    .index-c .cont .scroll-list { margin-top: 80px; }
    .index-c .item-pic { padding-top: 35px; width: 45%; }
    .index-c .item-pic .item { width: 47%; text-align: center; margin-bottom: 40px; }
    .index-c .item-pic .item .tit { font-size: 16px; color: #281f20; margin-top: 15px; }
    .index-about { padding-bottom: 90px; }
    .index-d { padding-top: 125px; padding-bottom: 105px; background: url(../image/index-jm-bg.jpg) no-repeat center top; }
    .index-d .jiameng h4 { font-size: 42px; font-weight: bold; letter-spacing: 4px; color: #ffffff; }
    .index-d .jiameng p { font-size: 18px; letter-spacing: 9px; color: #ffffff; margin-top: 12px; }
    .index-d .jiameng .zixun { display: inline-block; width: 140px; height: 34px; line-height: 34px; border-radius: 17px; overflow: hidden; background: url(../image/btn-bg2.png) no-repeat center; background-size: contain; font-size: 16px; color: #ffffff; text-align: center; margin-top: 55px; }
    .jiameng-list { margin-top: 110px; }
    .jiameng-list .item { position: relative; width: 15.7124%; height: 320px; background-color: #ffffff; text-align: center; }
    .jiameng-list .item:after { content: ""; position: absolute; right: -8px; bottom: -8px; width: 100%; height: 100%; background-color: #ebebeb; }
    .jiameng-list .item .box { position: relative; width: 100%; height: 100%; z-index: 2; background: #fff; padding-top: 50px; padding-bottom: 30px; }
    .jiameng-list .item .box h5 { font-size: 24px; font-weight: bold; letter-spacing: 2px; color: #281f20; margin-top: 15px; }
    .jiameng-list .item .box p { font-size: 16px; letter-spacing: 2px; color: #e5011a; margin-top: 40px; }
    .index-e { padding-bottom: 100px; }
    .case-list:after { content: ""; width: 23.9285%; }
    .case-list .item { width: 23.9285%; border-bottom: 2px solid #d7d9dd; }
    .case-list .item .pic { height: 450px; background-color: #ffffff; border: solid 1px #d9d9d9; text-align: center; line-height: 450px; font-size: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
    .case-list .item .pic:hover { border-color: #666; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
    .case-list .item .tit { padding-top: 25px; padding-bottom: 25px; font-size: 20px; color: #181f2e; padding-left: 44px; position: relative; font-weight: bold; }
    .case-list .item .tit:before { content: ""; position: absolute; left: 12px; top: 50%; margin-top: -9px; width: 13px; height: 13px; border: solid 2px #df1111; border-radius: 50%; }
    .case-list .item .tit span { font-size: 16px; color: #81868e; margin-left: 15px; }
    .index-case-list { margin-bottom: -40px; }
    .index-case-list .item { margin-bottom: 40px; }
    .index-f { padding: 110px 0; background: url(../image/index-news-bg.jpg) no-repeat center; background-size: cover; }
    .tit-bar-1 { align-items: flex-end; }
    .tit-bar-2 { text-align: center; }
    .tit-bar-2.left { text-align: left; }
    .tit-bar-2.left .title h3:after { left: 0; margin-left: 0; }
    .tit-bar { margin-bottom: 45px; }
    .tit-bar .title h3 { font-size: 42px; font-weight: bold; line-height: 1; color: #000000; position: relative; }
    .tit-bar .title h3 span { color: #df1111; }
    .tit-bar .title p { font-size: 16px; font-weight: normal; line-height: 24px; letter-spacing: 5px; color: #81868e; margin-top: 15px; }
    .tit-bar .more { font-size: 16px; line-height: 24px; color: #595757; font-weight: normal; }
    .tit-bar-2 .title h3 { padding-bottom: 24px; }
    .tit-bar-2 .title h3:after { content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -16px; width: 32px; height: 3px; background-color: #e60333; }
    .news-list { margin-bottom: -22px; }
    .news-list .item { width: 32.1427%; height: 300px; background-color: #ffffff; margin-bottom: 22px; }
    .news-list .item .abox { position: relative; display: block; width: 100%; height: 100%; }
    .news-list .item .abox h4 { position: absolute; left: 32px; top: 40px; font-size: 20px; font-weight: bold; line-height: 36px; color: #181f2e; padding-left: 32px; }
    .news-list .item .abox h4:before { content: ""; position: absolute; left: 0; top: 10px; width: 13px; height: 13px; border: solid 2px #df1111; border-radius: 50%; }
    .news-list .item .abox .date { position: absolute; right: 30px; bottom: 30px; font-size: 16px; line-height: 1.2; color: #8c8c8c; font-weight: normal; text-align: center; border-left: 1px solid #d9d9d9; padding-left: 35px; }
    .news-list .item .abox .date .d1 { font-size: 42px; font-weight: bold; line-height: 1; color: #181f2e; margin-bottom: 4px; }
    .news-list .item:nth-child(2n) .abox img { display: none; }
    .news-list .item:nth-child(2n+1) .abox h4 { color: #fff; }
    .news-list .item:nth-child(2n+1) .abox .date, .news-list .item:nth-child(2n+1) .abox .date .d1 { color: #fff; }
    .news-list .item:nth-child(2n+1) .abox .date { border-left: 1px solid #d9d9d9; }
    .fengcai-cate { justify-content: center; margin-bottom: 45px; }
    .fengcai-cate li { display: flex; justify-content: center; align-items: center; width: 128px; height: 47px; border-radius: 24px; border: solid 1px transparent; text-align: center; -webkit-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; margin: 0 10px; cursor: pointer; }
    .fengcai-cate li.on, .fengcai-cate li:hover { border-color: #e5011a; }
    .fengcai-cate li span { display: inline-block; width: 120px; height: 39px; background-color: transparent; border-radius: 19px; font-size: 18px; line-height: 39px; color: #000; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; font-weight: bold; }
    .fengcai-cate li.on span, .fengcai-cate li:hover span { background-color: #e5011a; color: #fff; }
    .fengcai-list .item .pic { height: 300px; line-height: 280px; background-color: #ffffff; border: solid 1px #d9d9d9; padding: 10px 0; }
    .fengcai-list .item { width: 32.1428%; }
    .fengcai-list .item .pic img {     }
        .com-swp-btn { text-align: center; margin-top: 60px; width: 100%; }
        .com-swp-btn>div { display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: url(../image/swp-btn.png) no-repeat center; background-size: contain; margin: 0 8px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
        .com-swp-btn>div:hover { background: url(../image/swp-btn-on.png) no-repeat center; background-size: contain; }
        .com-swp-btn .swp-btn-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
        .index-news-content { display: flex; flex-wrap: nowrap; flex-direction: row-reverse; justify-content: space-between; }
        .index-news-content .pic { width: 48%; }
        .index-news-content .pic .abox { position: relative; overflow: hidden; height: 100%; display: block; height: 100%; }
        .index-news-content .pic .abox img { width: 100%; height: 100%; }
        .index-news-content .pic .abox .tit { position: absolute; left: 0; bottom: 0; width: 100%; height: 69px; line-height: 69px; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 0 27px; font-size: 0; }
        .index-news-content .pic .abox .tit span { font-size: 18px; display: inline-block; vertical-align: middle; width: 75%; }
        .index-news-content .pic .abox .tit .date { font-size: 14px; color: #fff; opacity: .5; }
        .index-news-content .cont { overflow: hidden; width: 50%; padding-right: 25px; }
        .index-news-cate { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 30px; }
        .index-news-cate ul li { float: left; font-size: 18px; color: #252525; font-weight: bold; cursor: pointer; padding: 0 20px; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
        .index-news-cate ul li:before { content: ""; position: absolute; left: 0; bottom: -16px; width: 100%; border-bottom: 2px solid #e60333; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
        .index-news-cate ul li.on:before { opacity: 1; visibility: visible; }
        .index-news-cate ul li.on, .index-news-cate ul li:hover, .index-news-cate .more:hover { color: #e60333; }
        .index-news-cate .more { font-size: 16px; color: #999; margin-top: 3px; }
        .index-news-tab .item .subitem { display: flex; flex-wrap: nowrap; justify-content: space-between; }
        .index-news-tab .item .subitem ~ .subitem { margin-top: 29px; }
        .index-news-tab .item .subitem .spic { width: 25%; overflow: hidden; }
        .index-news-tab .item .subitem .scont { width: 75%; position: relative; padding-left: 17px; padding-top: 5px; }
        .index-news-tab .item .subitem .scont h4 { font-size: 18px; color: #252525; line-height: 1; font-weight: bold; }
        .index-news-tab .item .subitem .scont p { font-size: 14px; color: #999; line-height: 22px; margin-top: 8px; margin-bottom: 8px; }
        .index-news-tab .item .subitem .scont .more { font-size: 14px; color: #999; line-height: 1; }
        .index-news-tab .item .subitem .scont .date { position: absolute; right: 5px; bottom: 0; font-size: 14px; color: #999; }
        @media screen and (max-width:1366px) {
            .team-show .cont { padding: 20px 30px 20px 20px; }
            .team-show .cont h4 { font-size: 26px; }
        }
        @media screen and (max-width:1280px) { }
        @media screen and (max-width:1200px) { }
        @media screen and (max-width:1024px) {
            .footer .message { width: 40%; }
        }
        @media screen and (max-width:768px) {
            .index-news-content { display: block; }
            .index-news-content .pic { width: 100%; float: none !important; }
            .index-news-content .cont { width: 100%; padding-right: 0; margin-top: 40px; }
            .class-list .item:first-child { width: 670px; height: 458px; }
            .class-list .item:last-child { width: 670px; height: 400px; margin-top: 50px; }
            .team-show .cont { width: 100%; }
            .team-show .pic { width: 100%; margin-top: 20px; }
            .index-c { background-size: contain; }
            .index-c .cont { width: 100%; }
            .index-c .cont .com-title { width: 50%; }
            .jiameng-list .item { width: 20%; }
            .jiameng-list .item .box h5 { font-size: 20px; }
            .footer .wp { flex-direction: column-reverse; }
            .footer .left { width: 100%; }
            .footer .message { width: 100%; margin-bottom: 50px; }
            .footer .message h3:before { display: none; }
        }
        @media screen and (max-width:640px) {
            .index-news-content .cont { margin-top: 20px; }
            .index-news-cate ul li:before { bottom: -11px; }
            .index-news-cate .more { font-size: 14px; }
            .index-news-cate { padding-bottom: 10px; margin-bottom: 20px; }
            .index-news-cate ul li { font-size: 16px; padding: 0 10px; }
            .index-news-tab .item .subitem .scont p { display: none; }
            .index-news-tab .item .subitem .scont h4 { font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 10px; }
            .index-news-tab .item .subitem ~ .subitem { margin-top: 10px; }
            .index-a { padding-top: 30px; padding-bottom: 0; }
            .com-title { margin-bottom: 30px; padding: 30px 0; }
            .com-title h3 { font-size: 28px; letter-spacing: 5px; }
            .com-title p { font-size: 16px; letter-spacing: 5px; margin-top: 20px; padding: 0 4%; line-height: 1.3; }
            .class-list .item { padding: 5% 30px; }
            .class-list .item:first-child { width: 100%; height: 0; padding-bottom: 63.2885%; }
            .class-list .item:last-child { width: 100%; height: 0; padding-bottom: 54.6264%; margin-top: 30px; }
            .class-list .item:after { right: -14px; top: 20%; width: 35px; height: 35px; }
            .class-list .item .tit h4 { font-size: 20px; letter-spacing: 6px; height: 150px; }
            .class-list .item .tit p { font-size: 10px; }
            .class-list .item ul li h5 { font-size: 14px; margin-left: 4px; width: 18px; }
            .class-list .item ul { padding: 0 15px;                 }
            .class-list .item .zixun { top: 72%; right: 20%; }
            .class-list .item ul li p { font-size: 12px; width: 15px; }
            .team-list .item .cont .tit h4:before { width: 10px; height: 10px; }
            .index-b { padding-top: 50px; }
            .team-show .cont { padding: 10px; }
            .team-show .cont h4 { font-size: 20px; }
            .team-show .cont h5 { font-size: 16px; margin-top: 20px; margin-bottom: 30px; }
            .team-show .cont h4 br, .team-show .cont h5 br { display: none; }
            .team-show .cont p { font-size: 14px; }
            .index-c { margin-top: 70px; padding-top: 50px; }
            .index-c .cont .com-title { width: 58%; margin-bottom: 0; }
            .index-c .cont .com-title p { padding: 0; }
            .index-c .cont .des { font-size: 14px; line-height: 1.75; margin-bottom: 35px; }
            .index-c .cont .scroll-list { margin-top: 50px; }
            .scroll-list li .num { font-size: 20px; }
            .scroll-list li .num i { font-size: 36px; }
            .scroll-list li .num sup { top: -30px; width: 24px; height: 24px; font-size: 12px; font-weight: normal; line-height: 25px; }
            .scroll-list li h4 { font-size: 14px; }
            .index-about { padding-bottom: 60px; }
            .com-title.nm { padding-top: 60px; padding-bottom: 50px; }
            .index-d { padding-top: 60px; padding-bottom: 60px; background-size: cover; }
            .index-d .jiameng h4 { font-size: 26px; }
            .index-d .jiameng p { font-size: 16px; letter-spacing: 4px; }
            .index-d .jiameng .zixun { width: 130px; height: 30px; line-height: 30px; font-size: 14px; margin-top: 40px; }
            .jiameng-list { margin-top: 70px; }
            .jiameng-list .item .box h5 { font-size: 16px; padding: 0 5px; }
            .jiameng-list .item .box h5 br { display: none; }
            .jiameng-list .item .box p { font-size: 14px; letter-spacing: 2px; color: #e5011a; margin-top: 30px; }
            .jiameng-list .item .box .pic { padding: 0 15px; }
            .jiameng-list .item { height: 310px; }
            .index-e { padding-bottom: 60px; padding-top: 60px; }
            .tit-bar .title h3 { font-size: 26px; }
            .tit-bar-2 .title h3 { padding-bottom: 16px; }
            .index-f { padding: 60px 0 50px; }
            .index-news-content .pic .abox .tit { height: 40px; line-height: 40px; padding: 0 15px; font-size: 0; }
            .index-news-content .pic .abox .tit span { font-size: 16px; }
            .fengcai-list .item { width: 48%; margin-bottom: 20px; }
            .fengcai-list .item .pic { height: 200px; line-height: 200px; padding: 0; }
            .fengcai-list .item .pic img { width: 100%; height: 100%; object-fit: cover; }
            .case-list .item .tit { padding-top: 15px; padding-bottom: 15px; font-size: 14px; padding-left: 30px; }
            .case-list .item .tit:before { left: 5px; top: 50%; margin-top: -5px; width: 10px; height: 10px; }
            .index-case-list { margin-bottom: -20px; }
            .fengcai-cate li { width: 120px; height: 40px; }
            .fengcai-cate li span { width: 114px; height: 36px; border-radius: 19px; font-size: 16px; line-height: 36px; }
            .footer { padding-top: 50px; padding-bottom: 60px; }
            .footer .message h3 { position: relative; font-size: 26px; margin-bottom: 20px; }
            .foot-form ul li { padding-top: 15px; padding-bottom: 15px; }
            .foot-form .inp { font-size: 14px; }
            .foot-form .sub { width: 100%; height: 40px; line-height: 40px; font-size: 16px; margin-top: 28px; }
            .footer .left .contact .tel { font-size: 28px; }
            .footer .left .contact .tel i { font-size: 28px; }
            .foot-nav { margin-top: 50px; }
            .foot-nav li a { font-size: 16px; }
            .links { margin-top: 30px; padding-top: 20px; padding-bottom: 20px; font-size: 14px; }
        }
        @media screen and (max-width:414px) {
            .homeE .item .txt { padding: 25px }
            .homeE .item .txt h4 { font-size: 24px }
            .homeE .item .txt p { font-size: 14px }
            .homeE .item .txt:after { left: 40px; top: 45% }
            .homeE .item em { font-size: 42px; right: 35px }
            .homeE .item i { left: 25px; bottom: 30px }
        }
        @media screen and (max-width:375px) { }

        
        .hidden_search .text { width: 100%; height: 40px; padding: 0; font-size: 14px; color: #444; background: none; border: none; font-family: "Microsoft Yahei"; }
        .hidden_search .btn { display: block; cursor: pointer; position: absolute; right: 0; top: 0; height: 40px; width: 40px; border: none; border-radius: 50%; overflow: hidden; font-size: 24px; color: #e5011a; background: transparent; }
        .hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 45px; padding-left: 20px; width: 95% }
        .hidden_search .close_btn { position: absolute; right: 20px; top: 50%; width: 26px; height: 26px; transform: translateY(-50%); -webkit-transition: 0.5s; transition: 0.5s; font-size: 26px; color: #777 }
        .hidden_search .close_btn:hover { color: #e5011a; }
        .cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, .7); visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; opacity: 0; }
        .cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
        .cd-popup-container { position: relative; padding: 30px 40px 30px 30px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
        .is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
        .cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }
        .cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
        .cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
        .cd-popup-container1 { top: 10%; }
        .is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
        .sear_p { float: left; margin: 20px 0 0 5%; width: 90%; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; }
        .sear_txt { float: left; height: 30px; font-size: 12px; line-height: 30px; border: none; width: calc(100% - 35px); background: none; color: #666; text-indent: 5px; }
        @media screen and (max-width:600px) {
            .cd-popup-container { width: 90% }
            .hidden_search .text { font-size: 14px }
            .cd-popup-container { padding: 20px 50px 20px 10px }
        }
        #browser-modal { width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: #303233; position: fixed; z-index: 9999; }
        #browser-modal .browser-modal-cover { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #111; opacity: .9; z-index: -1 }
        #browser-modal .browser-content { width: 700px; margin-top: 120px; margin-left: auto; margin-right: auto; padding-bottom: 80px; padding-top: 50px; background-color: #fff; border-radius: 5px }
        #browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px }
        #browser-modal .browser-content .browser-text-title { text-transform: uppercase; font-size: 24px }
        #browser-modal .browser-content .browser-text-desc { margin-top: 30px; margin-bottom: 20px; font-size: 14px }
        #browser-modal .browser-content .browser-list { width: 600px; margin: 20px auto; height: 130px }
        #browser-modal .browser-content .browser-item { float: left; width: 150px; padding-top: 20px; padding-bottom: 20px; margin-left: auto; margin-right: auto }
        #browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto; font-size: 80px; line-height: 80px; margin-bottom: 10px; }
        #browser-modal .browser-content .browser-item .iconchrome { background: url(../image/bro.png) no-repeat 0 0 }
        #browser-modal .browser-content .browser-item .iconfirefox { background: url(../image/bro.png) no-repeat 0 -100px }
        #browser-modal .browser-content .browser-item .iconopera { background: url(../image/bro.png) no-repeat 0 -200px }
        #browser-modal .browser-content .browser-item .iconEdge { background: url(../image/bro.png) no-repeat 0 -300px }
        #browser-modal .browser-content .browser-item a { cursor: pointer; display: block }
        #browser-modal .browser-content .browser-item a img { display: block; margin: 0 auto; max-width: 100px; width: 100px; height: 100px }
        #browser-modal .browser-content .browser-item a h4 { text-align: center; margin-top: 20px; font-size: 18px; font-weight: 700 }
        .client-2 { position: fixed; right: -170px; top: 50%; z-index: 900; }
        .client-2 li a { text-decoration: none; }
        .client-2 li { margin-top: 1px; clear: both; height: 62px; position: relative; }
        .client-2 li i { background: url(../image/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; }
        .client-2 li p { height: 20px; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; }
        .client-2 .my-kefu-qq i { background-position: 4px 5px; }
        .client-2 .my-kefu-tel i { background-position: 0 -21px; }
        .client-2 .my-kefu-liuyan i { background-position: 4px -62px; }
        .client-2 .my-kefu-weixin i { background-position: -34px 4px; }
        .client-2 .my-kefu-weibo i { background-position: -30px -22px; }
        .client-2 .my-kefu-ftop { display: none; }
        .client-2 .my-kefu-ftop i { width: 33px; height: 31px; background-position: -23px -47px; background-size: 52px 82px; }
        .client-2 .my-kefu-ftop .my-kefu-main { padding-top: 6px; }
        .client-2 .my-kefu-left { float: left; width: 62px; height: 47px; position: relative; }
        .client-2 .my-kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; }
        .client-2 .my-kefu-right { width: 20px; }
        .client-2 .my-kefu-tel-main { background: #bf2323; color: #fff; height: 62px; width: 230px; padding: 9px 0 0; float: left; }
        .client-2 .my-kefu-main { background: #bf2323; width: 97px; height: 62px; position: relative; padding: 9px 0 0; float: left; }
        .client-2 .my-kefu-weixin-pic { position: absolute; left: -130px; top: -24px; display: none; z-index: 333; }
        .my-kefu-weixin-pic img { width: 115px; height: 115px; }

        
        .menu-footer { display: none; width: 100%; height: 45px; line-height: 45px; text-align: center; background: rgba(0, 0, 0, 0.7); font-size: 0; position: fixed; left: 0; bottom: 0; z-index: 99999; }
        .menu-footer a { position: relative; float: left; width: 33.3333%; color: #fff; font-size: 14px; }
        .menu-footer img { width: 14px; margin-top: -2px; margin-right: 5px; }
        .menu-footer a ~ a:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -5px; height: 10px; border-left: 1px solid #a0a0a0; opacity: 0.5; }
        @media (max-width:640px) {
            .client-2 { display: none; }
            .menu-footer { display: block; }
        }

        
        @media all and (-ms-high-contrast:none) {
        *::-ms-backdrop, }

        

        
        @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { }