@charset "utf-8";
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 2892385 */
  src: url('//at.alicdn.com/t/c/font_2892385_9twscyil88.woff2?t=1669281486867') format('woff2'),
       url('//at.alicdn.com/t/c/font_2892385_9twscyil88.woff?t=1669281486867') format('woff'),
       url('//at.alicdn.com/t/c/font_2892385_9twscyil88.ttf?t=1669281486867') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    color: #d6000f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke-width: 0.2px;
}


/*Html5*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

body,
html {
    font-size: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

html,
body {
    font-size: 100%;
    background: #fff;
}

body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

a {
    text-decoration: none;
    background: transparent;
    /*修正win8系统IE连接灰色背景*/
    outline: none;
}

a {
    color: #333;
    text-decoration: none;
}

a:focus {
    outline: 0;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
    color: #333;
}

img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    transition: transform 1s;
}

input[type="button"],
input[type="submit"],
li.parallelogram {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p {
    margin: 0;
}

body {
    font: 16px/1.8 "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
}

img {
    width: 100%;
}

:focus {
    outline: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: none;
}

button,
input {
    line-height: normal;
    height: 50px;
}

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

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input.submit {
    cursor: pointer;
}

input.radio {
    width: 13px;
    height: 13px;
}

input[type="text"],
input[type="number"] {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none;
    -webkit-appearance: none;
}

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

ul,
ol,
li {
    list-style: none;
}

i,
em {
    /*font-style: normal;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}


/*清除浮动*/

.clear {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.por {
    position: relative;
}

.poa {
    position: absolute;
}

.pof {
    position: fixed;
}

.ovh {
    overflow: hidden;
}

.transition {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    width: 120px;
    height: 60px;
    line-height: 60px;
    font-size: 0;
    cursor: pointer;
    background: #000;
    text-align: center;
    padding: 0;
    border: none;
    outline: none;
}

.slick-dots {
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: 80px;
    text-align: right;
    z-index: 9999;
}

.slick-dots li {
    display: inline-block;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, .22);
    margin: 5px;
    cursor: pointer;
}

.slick-dots li.slick-active {
    background: #fff;
    position: relative;
}

.wgt-fade-animate {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
}

.appear {
    -wewgtit-animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    -webkit-animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    opacity: 1 !important;
}

@-wewgtit-keyframes opacity_show {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: .1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes opacity_show {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: .1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes opacity_show {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: .1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}


/*reset.css*/


/*fz_main*/

.text-primary {
    color: #ff3817 !important
}

.text-yellow {
    color: #D4C09D;
}

.text-title {
    color: #212628
}

.text-sub {
    color: #666
}

.bg-sub {
    background: #666
}

.text-white {
    color: #fff !important
}

.text-color9 {
    color: #999
}

.text-color4 {
    color: #444
}

.text-black {
    color: #333
}

.bg-bg {
    background: #fafafa
}

.bg-white {
    background: #fff
}

.bg-primary {
    background: #ff3817
}

.bg-active {
    background: #fdeded
}

.bg-bbb {
    background: #bbb
}

.text-blue {
    color: #c7e3ff
}

.bg-border {
    background: #edecec
}

.text-5d {
    color: #5d5d5d
}

.text-border2 {
    color: #d9d9d9
}

.border-primary {
    border-bottom: 1px solid #ff3817
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
button,
cite,
code,
del,
dfn,

/*em,*/

img,
ins,
kbd,
q,
s,
samp,
small,
strike,

/*strong,*/

sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input,
select,
textarea,
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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

a {
    color: inherit;
    outline: none;
    text-decoration: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

caption,
th {
    text-align: left
}

fieldset,
img {
    border: 0
}

legend {
    color: #000
}

ol,
ul {
    list-style: none
}

sub {
    vertical-align: text-bottom
}

sup {
    vertical-align: text-top
}

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

textarea {
    resize: none
}

button,
input[type=button] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: none;
}

input,
select {
    outline: 0
}

body {
    font-size: 16px;
}

a {
    cursor: pointer
}

.layui-layer-close.icon-iconfontguanbi {
    right: -10px !important;
    top: -10px !important;
    text-align: center;
    line-height: 30px;
    font-size: 18px
}

input[type="checkbox"],
input[type="radio"] {
    position: relative;
    top: 1px
}

.layui-layer-tips {
    white-space: nowrap
}

.iconfont.icon-gengduo1 {
    color: #212628 !important
}

.layui-layer-btn .layui-layer-btn0 {
    background: #ff3817 !important;
    border-color: #ff3817 !important
}

.fancybox-button--thumbs {
    display: none !important
}

#IM-BTN-HOLDER {
    display: none !important
}

.fancybox-active {
    height: auto
}

.fancybox-iosfix {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s, visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s, visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--pause svg path:first-child,
.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s, visibility 0s, color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

.fancybox-close-small svg {
    fill: transparent;
    opacity: .8;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke .1s
}

.fancybox-close-small:focus {
    outline: none
}

.fancybox-close-small:hover svg {
    opacity: 1
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
    background: transparent;
    color: #fff
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

.fancybox-caption:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1
}

.fancybox-caption:after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    content: "";
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: fancybox-rotate .8s infinite linear;
    background: transparent;
    border: 6px solid rgba(99, 99, 99, 0.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@keyframes fancybox-rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 16px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs>ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x>ul {
    overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs>ul>li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1)
}

.fancybox-thumbs>ul>li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.fancybox-thumbs>ul>li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 10px)
    }
}

.w {
    width: 1200px
}

.w1 {
    width: 110%
}

.container {
    width: 1200px;
    margin: 0 auto
}

.areal {
    width: 800px;
    float: left
}

.arear {
    width: 300px;
    float: right
}

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pointer {
    cursor: pointer
}

.no-radius {
    border-radius: 0 !important
}

.no-border {
    border-width: 0 !important
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.f60 {
    font-size: 60px
}

.tr {
    text-align: right
}

.pa {
    position: absolute
}

.pr {
    position: relative
}

.pf {
    position: fixed
}

.fl {
    float: left !important
}

.fr {
    float: right !important
}

.fn {
    float: none !important
}

.clearfix {
    _zoom: 1
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    line-height: 0
}

.clear {
    clear: both
}

.inline {
    display: inline-block
}

.letters0 {
    letter-spacing: 0 !important
}

.letters25 {
    letter-spacing: 25px !important
}

.v-vertical {
    vertical-align: middle
}

.block {
    display: block
}

.hide {
    display: none
}

.full-h,
.full,
.cover,
.contain {
    height: 100% !important
}

.full-w,
.full,
.cover,
.contain {
    width: 100% !important
}

.zoomBox img {
    transition: transform ease .3s 0s;
    -moz-transition: transform ease .3s 0s;
    -webkit-transition: transform ease .3s 0s
}

.zoomBox:hover .zoom {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05)
}

.over {
    overflow: hidden
}

.over-x {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.over-y {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.tran {
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}

.opacity1 {
    opacity: .1
}

.bg-opacity1 {
    background-color: rgba(0, 0, 0, 0.1)
}

.opacity2 {
    opacity: .2
}

.bg-opacity2 {
    background-color: rgba(0, 0, 0, 0.2)
}

.opacity3 {
    opacity: .3
}

.bg-opacity3 {
    background-color: rgba(0, 0, 0, 0.3)
}

.opacity4 {
    opacity: .4
}

.bg-opacity4 {
    background-color: rgba(0, 0, 0, 0.4)
}

.opacity5 {
    opacity: .5
}

.bg-opacity5 {
    background-color: rgba(0, 0, 0, 0.5)
}

.opacity6 {
    opacity: .6
}

.bg-opacity6 {
    background-color: rgba(0, 0, 0, 0.6)
}

.opacity7 {
    opacity: .7
}

.bg-opacity7 {
    background-color: rgba(0, 0, 0, 0.7)
}

.opacity8 {
    opacity: .8
}

.bg-opacity8 {
    background-color: rgba(0, 0, 0, 0.8)
}

.opacity9 {
    opacity: .9
}

.bg-opacity9 {
    background-color: rgba(0, 0, 0, 0.9)
}

.opacity10 {
    opacity: 1
}

.bg-opacity10 {
    background-color: #000
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis2 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    box-orient: vertical
}

.ellipsis2-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    font-size: 16px;
    max-height: 42px;
    box-orient: vertical
}

.ellipsis3 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    box-orient: vertical
}

.ellipsis3-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-height: 1.5;
    font-size: 16px;
    max-height: 63px;
    box-orient: vertical
}

.ellipsis4 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    box-orient: vertical
}

.ellipsis4-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-height: 1.5;
    font-size: 16px;
    max-height: 84px;
    box-orient: vertical
}

.ellipsis5 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    box-orient: vertical
}

.ellipsis5-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-height: 1.5;
    font-size: 16px;
    max-height: 105px;
    box-orient: vertical
}

.ellipsis6 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    box-orient: vertical
}

.ellipsis6-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-height: 1.5;
    font-size: 16px;
    max-height: 126px;
    box-orient: vertical
}

.ellipsis7 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    box-orient: vertical
}

.ellipsis7-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-height: 1.5;
    font-size: 16px;
    max-height: 147px;
    box-orient: vertical
}

.ellipsis8 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    box-orient: vertical
}

.ellipsis8-auto {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    line-height: 1.5;
    font-size: 16px;
    max-height: 168px;
    box-orient: vertical
}

.flex-box {
    display: -ms-flexbox;
    display: flex
}

.flex1 {
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden;
    display: block
}

.cover {
    -o-object-fit: cover;
    object-fit: cover
}

.contain {
    -o-object-fit: contain;
    object-fit: contain
}

.l-h {
    line-height: 1.42857143
}

.l-h-1x {
    line-height: 1
}

.l-h-0x {
    line-height: 0
}

.l-h-2x {
    line-height: 2em
}

.underline {
    text-decoration: underline
}

.a-hover:hover {
    color: #ff3817 !important
}

.text-primary.a-hover:hover {
    text-decoration: underline
}

.bg-center {
    background-repeat: no-repeat;
    background-position: center
}

.paging {
    text-align: center;
    padding: 40px
}

.paging a {
    display: inline-block;
    background: #fff;
    padding: 8px 13px;
    border: 1px solid #edecec;
    margin: 0 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.paging a:hover {
    color: #ff3817;
    background: #f8f8f8
}

.paging a.current {
    background: #ff3817;
    border: 1px solid #ff3817;
    color: #fff
}

.mianbao.black .anli_nav .active {
    color: #fff
}

.mianbao .anli_nav {
    color: #999;
    padding: 20px 0;
    padding-right: 40px;
    float: left
}

.mianbao .anli_nav a:hover {
    color: #ff3817
}

.mianbao .anli_nav .active {
    color: #333
}

.mianbao #anliyun {
    padding: 15px 0;
    float: left
}

.mianbao #anliyun .tab {
    float: left;
    padding: 2px 10px;
    cursor: pointer;
    border: 1px solid #edecec;
    font-size: 14px !important;
    margin: 2px 10px;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mianbao #anliyun .tab:before {
    content: '\e607';
    display: block;
    width: 20px;
    height: 20px;
    font-size: 14px !important;
    float: right;
    text-align: center;
    line-height: 20px
}

.mianbao #anliyun .tab:hover {
    color: #ff3817
}

.mianbao .total_anli {
    float: left;
    color: #212628;
    padding: 20px
}

.mianbao .total_anli .active {
    color: #ff3817
}

.mianbao .mianbao_more {
    color: #999999;
    border: 1px solid #edecec;
    background: #f6f6f6;
    width: 85px;
    height: 25px;
    padding: 0px 5px;
    font-size: 16px;
    float: right;
    text-align: center;
    line-height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer
}

.mianbao .mianbao_more i {
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 12px
}

.mianbao .mianbao_more:hover {
    color: #ff3817;
    border: 1px solid #ff3817
}

.process {
    width: 100%;
    margin-top: 30px
}

.process .process-list {
    position: relative;
    width: 155px;
    float: left;
    left: -15px
}

.process .process-list:before {
    content: '';
    float: left;
    width: 100%;
    height: 1px;
    margin-top: 7px;
    background-color: #dadee5;
    position: relative;
    right: 8px
}

.process .process-list:first-child:before {
    background-color: #fff
}

.process .process-list i.iconfont {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    border: 1px solid #dadee5;
    background-color: #fff;
    z-index: 1;
    right: 5px;
    font-size: 12px
}

.process .process-list i.iconfont:before {
    display: none
}

.process .process-list span {
    float: right;
    margin-top: 17px;
    font-size: 16px;
    width: 48px;
    display: block;
    color: #dadee5;
    margin-left: 5px;
    position: relative;
    left: 11px;
    text-align: center
}

.process .process-list.done:before {
    background-color: #ff3817
}

.process .process-list.done:first-child:before {
    background-color: #fff
}

.process .process-list.done i.iconfont {
    background-color: #fff;
    color: #ff3817;
    border-color: #ff3817
}

.process .process-list.done i.iconfont:before {
    display: inline
}

.process .process-list.done span {
    color: #ff3817
}

.process .process-list:first-child.ing:before {
    background-color: transparent
}

.process .process-list.ing i.iconfont {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    border-color: #ff3817
}

.process .process-list.ing i.iconfont:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    text-align: center;
    line-height: 6px;
    background-color: #ff3817;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: inline
}

.process .process-list.ing:before {
    background-color: #ff3817
}

.process .process-list.ing span {
    color: #ff3817
}

.listBox {
    border-bottom: 1px solid #edecec;
    position: relative;
    overflow: hidden;
    padding: 20px 0;
}

.listBox a {
    display: block;
    width: 100%;
    height: 100%;
}

.listBox h3 {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
}

.listBox a img {
    height: 100%;
    object-fit: cover;
}

.listBox .process {
    float: left
}

.listBox .process .process-list {
    width: 120px
}

.listBox .process .process-list:nth-child(1) {
    width: 60px
}

.listBox:last-child {
    border: 0
}

.listBox button {
    opacity: 0
}

.listBox:hover button {
    opacity: 1
}

.listBox .lazy {
    width: 300px;
    height: 200px;
    border-radius: 3px
}

.listBox .pic {
    position: absolute;
    top: 17px;
    left: 6px;
    width: 54px;
    height: 48px;
    z-index: 2
}

.listBox .pic img {
    width: 100%;
    height: 100%
}

.listBox .pic b {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
    margin: auto;
    width: 25px;
    padding-top: 5px
}

.listBox .msg {
    width: 580px;
    padding-left: 15px;
}

.listBox .msg .info p {
    width: 170px
}

.construction_right {
    width: 300px;
    float: right
}

.construction_right .tit b {
    display: block;
    width: 82px;
    height: 1px;
    background: #ff3817;
    margin: 12px auto 0
}

.construction_right .team {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding-bottom: 16px;
    border-radius: 3px
}

.construction_right .team .boxTop .lazy {
    width: 90px;
    height: 90px;
    border-radius: 3px;
    margin: 0 8px;
    background: none
}

.construction_right .team .boxTop .lazy img {
    top: 0 !important
}

.construction_right .team .boxTop .msg {
    width: 182px
}

.construction_right .team .button {
    padding: 5px 12px;
    margin-left: 6px
}

.construction_right .sever {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding-bottom: 16px;
    border-radius: 3px
}

.construction_right .sever .lazy {
    width: 260px;
    height: 196px;
    margin: 0 auto;
    background: none
}

.construction_right .sever .msg {
    margin: 0 auto;
    width: 260px
}

.construction_right .sever .button {
    padding: 5px 12px;
    margin-top: 10px
}

.construction_right .yuyue-box {
    background: #fff;
    min-height: 340px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
    padding: 30px 0;
    padding-top: 1px;
    border-radius: 3px
}

.construction_right .yuyue-box form {
    padding: 0 20px
}

.construction_right .yuyue-box form .tit {
    margin-top: 30px
}

.construction_right .yuyue-box form .tit span {
    color: #ff3817
}

.construction_right .yuyue-box form dd {
    background: #f6f8fa
}

.construction_right .yuyue-box form dd input {
    background: #f6f8fa;
    line-height: 40px;
    height: 40px
}

.construction_right .yuyue-box form .subtit {
    line-height: 2;
    text-align: center
}

.construction_right .yuyue-box form .subtit span {
    color: #ff3817
}

.citySearch {
    display: inline-block;
    background: #fff;
    height: 40px;
    z-index: 2
}

.citySearch .citySelect {
    border-right: solid 1px #d9d9d9;
    float: left;
    width: 80px;
    height: 100%
}

.citySearch .citySelect .curCity {
    line-height: 40px;
    left: 10px;
    top: 0;
    max-width: 3em
}

.citySearch .citySelect .icon {
    right: 10px;
    top: 0;
    color: #ff3817;
    line-height: 40px;
    display: inline-block;
    width: 15px
}

.citySearch .txt {
    width: 240px;
    height: 40px;
    float: left;
    padding: 0 10px;
    font-size: 14px
}

.citySearch .button {
    border-radius: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    width: 58px;
    float: left
}

.citySearch.active .cityList {
    display: block
}

.citySearch.active .icon {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.citySearch .cityList {
    display: none;
    font-size: 16px;
    background: #fff;
    position: absolute;
    left: 0px;
    top: 55px;
    width: 350px;
    border: solid 1px #edecec;
    line-height: 26px;
    padding: 10px
}

.citySearch .cityList:before {
    content: '';
    border-style: solid;
    border-color: transparent transparent #fff;
    border-width: 0 8px 8px;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 15px;
    top: -8px
}

.citySearch .cityList dl {
    padding-left: 30px
}

.citySearch .cityList dl dt {
    float: left;
    margin-left: -30px;
    width: 30px;
    padding-top: 5px
}

.citySearch .cityList dl dd {
    text-align: left;
    border-bottom: solid 1px #edecec;
    padding: 5px 0
}

.citySearch .cityList dl:last-child dd {
    border: 0
}

.citySearch .cityList dl a {
    margin-right: 10px
}

.citySearch .cityList dl a:hover {
    color: #ff3817
}

.citySearch .cityList .tabLayer .line {
    border-top: dashed 1px #edecec;
    height: 0;
    margin: 2px 0 2px 29px;
    overflow: hidden
}

.citySearch .cityList .tabLayer span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.citySearch .cityList .tabLayer a {
    width: 33%;
    color: #666;
    margin: 0 5px;
    white-space: nowrap
}

.citySearch .cityList .tabLayer a:hover {
    color: #ff3817
}

.null .ad-custom {
    width: 100%;
    height: 141px;
    overflow: hidden;
    margin-top: 30px;
    background: #fff;
    border-radius: 3px;
    -ms-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1)
}

.null .ad-custom .title {
    margin-top: 25px
}

.null .ad-custom .title .block {
    width: 5px;
    height: 20px;
    background: #ff3817;
    border-radius: 2px;
    float: left;
    margin: 6px 10px 0 10px
}

.null .ad-custom .title .main {
    float: left;
    color: #212628;
    font-size: 24px
}

.null .ad-custom .title .sub {
    float: left;
    color: #666;
    font-size: 16px;
    margin-top: 8px
}

.null .ad-custom .title .sub span {
    color: #ff3817
}

.null .ad-custom .input-list {
    width: 100%;
    clear: both;
}

.null .ad-custom .input-list .input-box {
    float: left;
    border: 1px solid #edecec;
    background: #f9f9f9;
    margin: 20px 10px;
    border-radius: 30px;
}

.null .ad-custom .input-list .input-box input {
    background: #f9f9f9;
    color: #666;
    width: 280px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    box-sizing: border-box;
    border-radius: 30px;
}

.null .ad-custom .input-list .button-box {
    float: left;
    padding: 11px 22px;
    margin: 20px 10px;
    background: #ff3817;
    border-radius: 30px;
    cursor: pointer
}

.null .ad-custom .input-list .button-box button {
    background: #ff3817;
    color: #fff;
    outline: none;
    cursor: pointer;
    border-radius: 30px;
}

.null .ad-custom .input-list .button-box:hover {
    background: #ff3817;
    border-color: #ff3817;
    color: #fff
}

.null .ad-custom .input-list .button-box:hover button {
    background: #ff3817;
    border-color: #ff3817;
    color: #fff
}

.content-cards {
    width: 1230px;
    margin-left: -15px;
    padding-left: 3px;
    padding-bottom: 7px
}

.content-cards .zhuangxiu-box {
    float: left;
    padding: 12px
}

.content-cards .zhuangxiu-box:hover {
    -ms-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2)
}

.content-cards .zhuangxiu-box:hover .huoke-wy {
    opacity: 1;
    filter: alpha(opacity=100)
}

.content-cards .zhuangxiu-box:hover .liulan-hot {
    opacity: 1;
    filter: alpha(opacity=100)
}

.content-cards .zhuangxiu-box:hover .collect {
    opacity: 1;
    filter: alpha(opacity=100)
}

.content-cards .zhuangxiu-box:hover .zhuangxiu-card {
    background-color: #fff;
    border-color: transparent
}

.content-cards .zhuangxiu-box .huoke-wy {
    transition: all .5s;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    width: 117px;
    height: 30px;
    line-height: 30px;
    background: #ff3817;
    color: #fff;
    bottom: 15px;
    right: 0;
    text-indent: 12px;
    font-size: 16px;
}

.content-cards .zhuangxiu-box .huoke-wy:hover {
    background: #ff3817
}

.content-cards .zhuangxiu-box .huoke-wy:hover:after {
    border-top-color: #ff3817;
    border-bottom-color: #ff3817
}

.content-cards .zhuangxiu-box .huoke-wy:after {
    transition: all .5s;
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: -7px;
    border-top: 15px solid #ff3817;
    border-bottom: 15px solid #ff3817;
    border-left: 7px solid transparent
}

.content-cards .zhuangxiu-box .collect {
    transition: all .5s;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    width: 80px;
    height: 30px;
    background: rgba(0, 0, 0, 0.7);
    bottom: 15px;
    left: 12px;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.content-cards .zhuangxiu-box .collect i {
    font-size: 12px
}

.content-cards .zhuangxiu-box .collect .yes {
    color: red
}

.content-cards .zhuangxiu-box .collect:hover {
    color: #D4C09D
}

.content-cards .zhuangxiu-box .liulan-hot {
    transition: all .5s;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    width: 100px;
    height: 30px;
    bottom: 10px;
    left: 10px;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    line-height: 30px
}

.content-cards .zhuangxiu-box .liulan-hot span {
    font-size: 12px
}

.content-cards .zhuangxiu-box .liulan-hot span i {
    font-size: 12px
}

.content-cards .zhuangxiu-card {
    width: 380px;
    height: 380px;
    margin: auto;
    border: 1px solid #edecec;
    background: #f7f7f7;
    transition: all .5s
}

.content-cards .zhuangxiu-card .img-box {
    height: 270px;
    width: 100%;
    overflow: hidden
}

.content-cards .zhuangxiu-card .img-box img {
    width: 100%;
    transition: all .5s
}

.content-cards .zhuangxiu-card .img-box:hover img {
    transform: scale(1.05, 1.05)
}

.content-cards .zhuangxiu-card .detail-box {
    width: 100%;
    height: 80px;
    padding: 15px 10px
}

.content-cards .zhuangxiu-card .detail-box .designer {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    overflow: hidden
}

.content-cards .zhuangxiu-card .detail-box .designer img {
    width: 100%
}

.content-cards .zhuangxiu-card .detail-box .msg {
    float: left;
    width: 240px;
    margin-left: 16px
}

.content-cards .zhuangxiu-card .detail-box .msg .title {
    color: #212628;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.content-cards .zhuangxiu-card .detail-box .msg .title:hover {
    color: #ff3817
}

.content-cards .zhuangxiu-card .detail-box .msg .sub {
    color: #666;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.content-cards .zhuangxiu-card .detail-box .msg .tel {
    width: 100px;
    height: 25px;
    border: 1px solid #ff3817;
    color: #ff3817;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    cursor: pointer
}

.content-cards .zhuangxiu-card .detail-box .msg .tel:hover {
    color: darkred;
    border: 1px solid darkred
}

.content-cards .divider {
    width: 25px;
    height: 380px;
    float: left
}

.content-cards .selfZhuangxiuBox {
    padding: 0px;
    margin-right: 10px
}

.content-cards .selfZhuangxiuBox:last-child {
    margin-right: 0
}

.content-cards .selfZhuangxiuBox:hover {
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.content-cards .selfZhuangxiuBox .zhuangxiu-card {
    border: 0
}

.guess .titleTop {
    margin-top: 50px
}

.guess .titleTop .block {
    width: 5px;
    height: 20px;
    background: #ff3817;
    border-radius: 2px;
    margin: 10px 10px 0 0;
    display: inline-block;
    position: relative;
    top: 2px
}

.guess .titleTop .main {
    color: #212628;
    font-size: 26px
}

.guess .titleTop h2 {
    display: inline
}

.xiaoguo {
    width: 100%;
    margin-top: 30px;
    background: #ededed;
    height: 485px
}

.xiaoguo .main-title {
    padding-top: 30px;
    color: #212628;
    font-size: 20px;
    text-align: center
}

.xiaoguo .main-title:after {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background: #ff3817;
    margin: 10px auto
}

.xiaoguo .sub-title {
    text-align: center
}

.xiaoguo .sub-title span {
    padding: 0 10px
}

.xiaoguo .sub-title span:hover {
    color: #ff3817
}

.xiaoguo .sub-title span.active {
    color: #ff3817
}

.xiaoguo .img-lists {
    width: 100%
}

.xiaoguo .img-lists .img-list {
    float: left;
    width: 280px;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    height: 223px
}

.xiaoguo .img-lists .img-list img {
    width: 100%;
    display: block
}

.xiaoguo .img-lists .img-list .msg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px
}

.xiaoguo .img-lists .img-list .msg .title {
    float: left
}

.xiaoguo .img-lists .img-list .msg .num {
    margin-right: 20px;
    float: right
}

.select-box {
    width: 100%
}

.select-box .select-card {
    border: 1px solid #edecec;
    border-bottom: 1px
}

.select-box .select-card .list-box {
    padding: 0;
    margin: 0;
    overflow: hidden
}

.select-box .select-card .list-box li {
    min-height: 49px;
    margin: 0;
    border-bottom: 1px solid #edecec;
    text-align: center;
    line-height: 48px;
    position: relative;
    overflow: hidden
}

.select-box .select-card .list-box li .title {
    position: absolute;
    height: inherit;
    width: 80px;
    background: #fafafa
}

.select-box .select-card .list-box li .content {
    position: absolute;
    overflow: hidden;
    left: 80px;
    width: 960px;
    color: #333;
    padding-bottom: 13px;
    padding-left: 10px
}

.select-box .select-card .list-box li .content span {
    display: block;
    padding: 4px 10px;
    margin-left: 10px;
    margin-top: 13px;
    float: left;
    line-height: 1.5;
    height: 20px;
    border-radius: 30px;
}

.select-box .select-card .list-box li .content span.active {
    background: #ff3817;
    color: #fff
}

.select-box .select-card .list-box li .content span.active:hover {
    color: #fff
}

.select-box .select-card .list-box li .content span:hover {
    color: #ff3817
}

.select-box .select-card .list-box li .content span.more {
    float: right
}

.select-box .select-card .list-box li .content span.more i {
    font-size: 12px
}

.select-box .select-card .list-box li .more-a {
    color: #999;
    position: absolute;
    right: 94px;
    cursor: pointer
}

.select-box .select-card .list-box li .more-a i {
    color: #999;
    font-size: 16px;
    display: inline-block;
    position: relative;
    left: 5px
}

.select-box .select-card .list-box li .more-a i.xiangxia1 {
    border: 6px solid transparent;
    border-top-color: #999;
    top: 4px
}

.select-box .select-card .list-box li .more-a i.xiangshang1 {
    border: 6px solid transparent;
    border-bottom-color: #999;
    top: -4px
}

.select-box .sortful {
    padding-top: 10px;
    -ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05)
}

.select-box .sortful .sort-btn {
    float: left
}

.select-box .sortful .sort-btn .news {
    float: left;
    padding: 16px;
    cursor: pointer
}

.select-box .sortful .sort-btn .news:hover {
    color: #ff3817
}

.select-box .sortful .sort-btn .news.active {
    color: #ff3817
}

.select-box .sortful .sort-btn .news i {
    display: inline-block;
    font-size: 16px;
    width: 15px;
    height: 15px
}

.select-box .sortful .sort-btn .hot {
    float: left;
    padding: 16px;
    cursor: pointer
}

.select-box .sortful .sort-btn .hot:hover {
    color: #ff3817
}

.select-box .sortful .sort-btn .hot.active {
    color: #ff3817
}

.select-box .sortful .sort-btn .hot i {
    display: inline-block;
    font-size: 16px;
    width: 15px;
    height: 15px
}

.select-box .sortful .search-btn {
    float: right
}

.select-box .sortful .search-btn .select-input {
    float: left;
    position: relative;
    width: 100px;
    margin: 10px;
    padding: 2px
}

.select-box .sortful .search-btn .select-input select {
    background: none;
    color: #666
}

.select-box .sortful .search-btn .select-input .filter-list {
    top: 33px;
    width: 100px;
    left: 2px
}

.select-box .sortful .search-btn .select-input.areatip .filter-list {
    width: 130px
}

.select-box .sortful .search-btn .select-input.qblp .filter-list {
    width: 155px;
    left: 2px
}

.select-box .sortful .search-btn .search-b {
    float: left;
    border: 1px solid #edecec;
    margin: 12px 10px;
    width: 192px;
    position: relative
}

.select-box .sortful .search-btn .search-b input {
    color: #333;
    float: left;
    padding: 0 5px;
    display: block;
    height: 100%
}

.select-box .sortful .search-btn .search-b div {
    background: #ff3817;
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -1px;
    color: #fff;
    padding: 8px 7px;
    font-size: 16px;
    outline: none;
    cursor: pointer
}

.select-box .sortful .search-btn .search-b div:hover {
    color: #fff;
    background: #ff3817;
    border-color: #ff3817
}

.cardNav {
    height: 50px;
    width: 880px;
    line-height: 50px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
    background: #fff;
    position: relative;
    z-index: 5
}

.cardNav a {
    padding: 0 30px;
    color: #212628;
    font-size: 18px;
    cursor: pointer
}

.cardNav a:hover {
    color: #ff3817
}

.cardNav .active a {
    color: #ff3817
}

.hengtiao-form {
    width: 100%;
    height: 170px;
    position: fixed;
    bottom: 0;
    z-index: 10
}

.hengtiao-form .title-a {
    height: 30px;
    width: 100px;
    margin: auto;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.hengtiao-form .title-d {
    height: 30px;
    width: 463px;
    cursor: pointer;
    margin: auto;
    text-align: center;
    line-height: 34px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    background: #191919;
    border-top-left-radius: 45px 30px;
    border-top-right-radius: 45px 30px
}

.hengtiao-form .title-d span {
    color: #D4C09D
}

.hengtiao-form .title-d i {
    color: #D4C09D;
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 28px;
    position: relative;
    top: 4px
}

.hengtiao-form .ht {
    height: 140px;
    width: 100%;
    background: #191919
}

.hengtiao-form .ht .xiangxia {
    position: absolute;
    left: 593px;
    top: 3px
}

.hengtiao-form .ht .xiangxia i {
    color: #ff3817
}

.hengtiao-form .ht .pr {
    height: 140px
}

.hengtiao-form .ht form {
    width: 670px;
    position: absolute;
    height: 90px;
    top: 15px;
    left: 304px
}

.hengtiao-form .ht form input {
    display: block;
    width: 237px;
    padding-left: 10px;
    height: 40px;
    float: left;
    margin-right: 20px;
    margin-top: 9px
}

.hengtiao-form .ht form button {
    width: 47px;
    height: 47px;
    position: absolute;
    padding: 20px 44px;
    word-break: break-all;
    box-sizing: content-box;
    white-space: normal;
    font-size: 18px;
    margin-top: 9px;
    line-height: 25px;
    letter-spacing: 4px
}

.hengtiao-form .ht .zxrx {
    width: 180px;
    height: 140px;
    float: right
}

.hengtiao-form .ht .zxrx .title {
    color: #fff;
    height: 40px;
    line-height: 40px
}

.hengtiao-form .ht .zxrx .tel {
    height: 28px;
    width: 143px;
    text-align: center;
    background: #ff3817;
    border-radius: 8px;
    line-height: 28px
}

.rightBox {
    width: 300px;
    float: right
}

.rightBox .yuyue-box {
    background: #fff;
    min-height: 310px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
    padding: 30px 0;
    padding-top: 1px;
    border-radius: 3px;
}

.rightBox .yuyue-box form {
    padding: 0 20px
}

.rightBox .yuyue-box form .tit span {
    color: #ff3817
}

.rightBox .yuyue-box form dd {
    background: #f6f8fa
}

.rightBox .yuyue-box form dd input {
    background: #f6f8fa;
    line-height: 40px;
    height: 40px;
    color: #333
}

.rightBox .yuyue-box form .city {
    padding: 0;
    position: relative
}

.rightBox .yuyue-box form select {
    width: 124px;
    height: 40px;
    line-height: 40px;
    background: #f6f8fa;
    border-radius: 3px;
    padding-left: 10px
}

.rightBox .yuyue-box form b {
    position: absolute;
    width: 10px;
    height: 40px;
    background: #f6f8fa;
    right: 5px
}

.rightBox .yuyue-box form b:first-child {
    right: 140px
}

.rightBox .yuyue-box form .subtit {
    line-height: 2;
    text-align: center
}

.rightBox .yuyue-box form .subtit span {
    color: #ff3817
}

.rightBox .visit {
    border-radius: 3px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1)
}

.rightBox .visit .sub .text-primary {
    display: inline-block;
    border-bottom: 1px solid #ff3817;
    padding-bottom: 2px
}

.rightBox .visit ul {
    height: 35px;
    line-height: 35px
}

.domesticOutfit {
    border-radius: 3px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1)
}

.domesticOutfit .bg-primary {
    width: 110px;
    height: 1px;
    margin: 0 auto;
    background: #ff3817
}

.domesticOutfit .con {
    padding: 0 15px
}

.recommend {
    height: 225px
}

.recommend h1 {
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: absolute;
    top: 55px;
    left: 30px;
    font-weight: bold;
    z-index: 2;
    font-size: 26px
}

.recommend p {
    position: absolute;
    max-width: 80%;
    z-index: 2;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    top: 100px;
    left: 30px;
    color: #969696
}

.bomLogo {
    height: 200px
}

.bomLogo .bomLogoleft {
    margin-right: 152px;
    padding-left: 168px
}

.bomLogo .lazy {
    width: 441px;
    height: 120px
}

.relative-anli .yhhd {
    height: 220px;
    width: 100%
}

.relative-anli .yhhd .img-box {
    float: left;
    height: 220px;
    width: 290px
}

.relative-anli .yhhd .img-box .status {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.relative-anli .yhhd .yhmsg {
    width: 570px;
    float: right
}

.relative-anli .yhhd .yhmsg .detail {
    width: 550px;
    height: 50px;
    line-height: 1.7
}

.relative-anli .yhhd .yhmsg .hov:hover {
    color: #ff3817
}

.relative-anli .re-list {
    height: 241px;
    width: 100%;
    padding-top: 20px;
    border-bottom: 1px solid #edecec
}

.relative-anli .re-list:last-child {
    border: 0
}

.relative-anli .re-list .img-box {
    float: left;
    height: 200px;
    width: 300px;
    border-radius: 5px;
}

.relative-anli .re-list .an-detail {
    width: auto;
    height: 200px;
    float: left;
    margin-left: 15px;
}

.relative-anli .re-list .an-detail .title:hover {
    color: #ff3817
}

.relative-anli .re-list .an-detail .subtitle .div {
    margin: 0 8px
}

.relative-anli .re-list .an-detail .img-list {
    margin-top: 18px;
}

.relative-anli .re-list .an-detail .img-list .image {
    width: 180px;
    height: 120px;
    border-radius: 5px;
    overflow: hidden;
    float: left;
    margin-right: 15px
}

.relative-anli .re-list .an-detail .img-list .image:nth-child(3) {
    margin-right: 0
}

.relative-anli .re-list .an-detail .text-descript {
    color: #999;
    margin-top: 25px;
    width: 100%;
    height: 106px;
    overflow: hidden;
    word-wrap: break-word;
    line-height: 1.5;
    word-break: break-all
}

.relative-anli .re-list .an-detail .submsg {
    font-size: 14px
}

.relative-anli .re-list .an-detail .submsg .ssqy {
    float: left;
    width: 170px
}

.relative-anli .re-list .an-detail .submsg .ssqy span {
    color: #212628;
    font-weight: bold
}

.relative-anli .re-list .an-detail .submsg .ssqy span:hover {
    color: #ff3817
}

.title-sjsal {
    height: 60px;
    font-size: 20px;
    color: #222;
    width: 100%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.title-sjsal:before {
    content: '';
    display: block;
    float: left;
    height: 20px;
    width: 5px;
    margin-right: 15px;
    border-radius: 3px;
    background: #d6000f;
}

.title-sjsal .more {
    position: absolute;
    top: 5px;
    right: 0;
    color: #999;
    font-size: 14px
}

.sjslb .content-cards {
    width: 1230px;
    margin-left: -10px
}

.sjslb .content-cards .zhuangxiu-box {
    padding: 10px
}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card {
    width: 283px;
    height: 338px
}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .img-box {
    height: 225px
}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .detail-box .msg {
    width: 185px
}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .detail-box .msg .title {
    width: 165px;
    font-size: 16px
}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .detail-box .msg .title a:hover {
    color: #ff3817
}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .detail-box .msg .sub {
    height: 24px;
    line-height: 24px;
    width: 170px;
    font-size: 14px
}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .detail-box .msg .sub a:hover {
    color: #ff3817
}

.selfMinHeight {
    min-height: 777px;
    margin-bottom: 53px
}

.personalCenterLeft {
    width: 240px;
    box-shadow: 0 7px 35px rgba(0, 0, 0, 0.05);
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.personalCenterLeft .leftLogo {
    width: 220px;
    height: 84px;
    border-bottom: 1px solid #edecec;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 26px
}

.personalCenterLeft .leftLogo .lazy {
    height: 46px;
    width: 182px;
    margin: auto
}

.personalCenterLeft .userInfo {
    width: 220px;
    margin: 0 auto;
    border-bottom: 1px solid #edecec;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px
}

.personalCenterLeft .userInfo .lazy {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.personalCenterLeft .userInfo .name {
    max-width: 96px
}

.personalCenterLeft ul li {
    height: 50px;
    line-height: 50px;
    margin-top: 14px;
    border-left: 3px solid #fff
}

.personalCenterLeft ul li:hover i,
.personalCenterLeft ul li:hover span {
    color: #ff3817
}

.personalCenterLeft ul li.active {
    border-left: 3px solid #ff3817;
    background: #f1f1f1
}

.personalCenterLeft ul li.active i,
.personalCenterLeft ul li.active span {
    color: #ff3817
}

.self-module {
    width: 900px;
    padding: 20px;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 20px;
    -ms-box-shadow: 0 5px 29px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 5px 29px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 29px rgba(0, 0, 0, 0.05)
}

.self-module .self-title {
    padding-top: 5px;
    height: 38px;
    border-bottom: 1px solid #edecec
}

.self-module .self-title:before {
    content: '';
    width: 2px;
    height: 20px;
    background-color: #ff3817;
    display: block;
    float: left;
    margin-right: 10px
}

.self-module .self-title span {
    font-weight: bold
}

.self-module .self-title span.title {
    color: #212628
}

.self-module .self-title .more {
    padding-top: 5px;
    width: 83px;
    height: 35px
}

.self-module .self-title .more span {
    font-weight: normal
}

.self-module .self-title .more i {
    color: #999
}

.self-module:last-child {
    margin-bottom: 0
}

.kd-self-layer {
    position: absolute;
    z-index: 999;
    max-width: 420px;
    min-width: 280px;
    padding: 0 15px 15px 15px;
    min-height: 215px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(98, 98, 98, 0.07)
}

.kd-self-layer:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -10px;
    left: 100px
}

.kd-self-layer .self-title {
    padding-top: 20px;
    height: 25px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #edecec;
    margin-bottom: 19px;
    position: relative
}

.kd-self-layer .self-title .close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 10px;
    cursor: pointer
}

.kd-self-layer .self-title .close:hover {
    color: #ff3817
}

.kd-self-layer .self-content {
    font-size: 16px;
    color: #666
}

.kd-self-layer .self-content p {
    word-break: break-all;
    word-wrap: break-word;
    padding-bottom: 10px
}

.personalCenterRight {
    float: right;
    width: 940px
}

.lingganzhiyuan {
    width: 1230px;
    margin-left: -10px
}

.lingganzhiyuan .lg-card {
    width: 305px;
    height: 364px;
    float: left
}

.lingganzhiyuan .lg-card:hover {
    -ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2)
}

.lingganzhiyuan .lg-card:hover .content-card {
    background: transparent
}

.lingganzhiyuan .lg-card:hover .content-card .img-content .liulan-hot {
    opacity: 1;
    filter: alpha(alpha=100)
}

.lingganzhiyuan .lg-card:hover .content-card .img-content .collect {
    opacity: 1;
    filter: alpha(alpha=100)
}

.lingganzhiyuan .lg-card:hover .content-card .img-content .huoke-wy {
    opacity: 1;
    filter: alpha(alpha=100)
}

.lingganzhiyuan .lg-card .content-card {
    transition: all .5s;
    width: 285px;
    height: 344px;
    background: #f8f8f8;
    margin: 10px auto
}

.lingganzhiyuan .lg-card .content-card .img-content {
    width: 100%;
    height: 285px;
    position: relative
}

.lingganzhiyuan .lg-card .content-card .img-content .huoke-wy {
    transition: all .5s;
    opacity: 0;
    filter: alpha(alpha=0);
    position: absolute;
    z-index: 10;
    width: 140px;
    padding: 5px;
    background: #ff3817;
    color: #fff;
    top: 10px;
    text-align: center
}

.lingganzhiyuan .lg-card .content-card .img-content .huoke-wy:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -7px;
    border-top: 15px solid #ff3817;
    border-bottom: 15px solid #ff3817;
    border-right: 7px solid transparent
}

.lingganzhiyuan .lg-card .content-card .img-content .liulan-hot {
    transition: all .5s;
    opacity: 0;
    filter: alpha(alpha=0);
    position: absolute;
    z-index: 10;
    width: 100px;
    height: 30px;
    bottom: 10px;
    left: 10px;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    line-height: 30px
}

.lingganzhiyuan .lg-card .content-card .img-content .collect {
    transition: all .5s;
    opacity: 0;
    filter: alpha(alpha=0);
    position: absolute;
    z-index: 10;
    width: 80px;
    height: 30px;
    background: rgba(0, 0, 0, 0.7);
    top: 10px;
    right: 10px;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lingganzhiyuan .lg-card .content-card .title {
    margin: auto;
    height: 30px;
    width: 260px;
    font-size: 16px;
    line-height: 30px;
    color: #212628
}

.lingganzhiyuan .lg-card .content-card .title:hover {
    color: #ff3817
}

.lingganzhiyuan .lg-card .content-card .subtitle {
    margin: auto;
    height: 30px;
    width: 260px
}

.lingganzhiyuan .lg-card .content-card .subtitle a:hover {
    color: #ff3817
}

.lingganzhiyuan .lg-card .content-card .subtitle .div {
    padding: 0 5px
}

.self-module .lingganzhiyuan {
    margin-left: 0;
    padding-top: 10px;
    width: 900px;
    overflow: hidden
}

.self-module .lingganzhiyuan .lg-card {
    width: 292px;
    height: 297px;
    margin-right: 10px
}

.self-module .lingganzhiyuan .lg-card .content-card {
    width: 292px;
    height: 297px;
    margin: 0
}

.self-module .lingganzhiyuan .lg-card .content-card .title {
    height: 35px;
    line-height: 35px
}

.self-module .lingganzhiyuan .lg-card .content-card .img-content {
    height: 228px
}

.self-module .lingganzhiyuan .lg-card:last-child {
    margin-right: 0
}

.self-module .lingganzhiyuan .lg-card:hover {
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.freeConsultation {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 3px
}

.freeConsultation .lazy {
    width: 90px;
    height: 90px;
    border-radius: 3px
}

.freeConsultation .info {
    width: 174px
}

.goldMaster .selectBoxs {
    border: 1px solid #edecec;
    position: relative
}

.goldMaster .selectBoxs .tit {
    width: 80px;
    padding: 10px 0;
    text-align: center;
    border-right: solid 1px #edecec;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.goldMaster .selectBoxs ul {
    background-color: #fff;
    width: 1110px;
    position: relative;
    padding-left: 90px !important
}

.goldMaster .selectBoxs ul li {
    cursor: pointer;
    padding: 0 10px
}

.goldMaster .selectBoxs ul li a {
    padding: 4px 10px
}

.goldMaster .selectBoxs ul li:hover {
    color: #ff3817
}

.goldMaster .selectBoxs ul li.active a {
    background: #ff3817;
    color: #fff;
    border-radius: 30px;
}

.goldMaster .selectBoxs ul li.active:hover a {
    color: #fff !important
}

.friendly .tab-tit {
    border-bottom: solid 1px #edecec;
    line-height: 40px;
    height: 40px;
    font-size: 18px
}

.friendly .tab-tit span {
    margin-right: 25px;
    display: inline-block;
    border-bottom: solid 1px transparent;
    cursor: pointer
}

.friendly .tab-tit span.active {
    border-color: #ff3817;
    color: #333
}

.friendly .tab-layer .alink {
    margin-top: 20px;
    line-height: 1.6
}

.friendly .tab-layer .alink a {
    color: #999;
    margin-right: 10px;
    display: inline-block;
    font-size: 16px;
    width: 8.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.friendly .tab-layer .alink a:hover {
    color: #ff3817
}

.lh1 {
    line-height: 1
}

.customerEvaluationDetails .detailsLeft {
    width: 880px;
    overflow: hidden
}

.customerEvaluationDetails .detailsLeft .boxLazy {
    width: 800px;
    margin: 0 auto
}

.customerEvaluationDetails .detailsLeft img {
    max-width: 100%
}

.present-list-card {
    width: 383px;
    height: 526px;
    background-color: #fff;
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.05)
}

.present-list-card .cont-r {
    width: 65px;
    height: 27px;
    border: 2px solid #fafafa;
    position: absolute;
    top: -10px;
    left: -13px;
    z-index: 1;
    border-radius: 15px;
    line-height: 27px
}

.present-list-card .img {
    width: 100%;
    height: 226px
}

.present-list-card .con {
    height: 216px
}

.article-content {
    overflow: hidden
}

.article-content * {
    white-space: normal !important
}

.article-content b,
.article-content strong {
    font-weight: bold
}

.article-content p {
    padding-bottom: 20px;
    line-height: 24px
}

.article-content img {
    max-width: 800px !important;
    height: auto;
    margin: auto;
    display: block;
    padding-bottom: 20px
}

.get-custom-form-common {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    min-height: 310px;
    padding: 10px;
    width: 280px
}

.get-custom-form-common .input {
    background-color: #f3f3f3;
    height: 40px;
    border: solid 1px #f3f3f3;
    border-radius: 30px;
    padding: 0 15px;
}

.get-custom-form-common .input input {
    width: 100%;
    height: 100%;
    color: #666;
    line-height: 40px;
    background: transparent
}

.self-kong {
    height: 80px;
}

.my-share-box {
    padding: 20px;
    background: #fff;
    border: solid 1px #ddd;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100
}

.my-share-box .share-tit {
    font-size: 16px;
    margin-bottom: 15px
}

.my-share-box a {
    margin: 5px 10px;
    display: inline-block;
    background: #f8f8f8;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}

.my-share-box a:hover {
    transform: scale(1.1)
}

.my-share-box .iconfont {
    font-size: 30px;
    color: #fff
}

.shejishiye .designer-list {
    width: 1230px;
    margin-left: -10px
}

.shejishiye .designer-list .designer-carder {
    width: 305px;
    float: left;
    height: 400px;
    transition: all .5s
}

.shejishiye .designer-list .designer-carder .designer-msg {
    margin: 10px auto;
    width: 285px;
    height: 380px;
    background: #f7f7f7;
    position: relative;
    transition: all .5s
}

.shejishiye .designer-list .designer-carder .designer-msg.reward:after {
    content: '';
    display: block;
    position: absolute;
    width: 70px;
    height: 27px;
    top: 290px;
    right: -4px;
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-photo {
    width: 100%;
    height: 285px;
    position: relative
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-photo .ktal {
    transition: all .5s;
    width: 102px;
    position: absolute;
    z-index: 10;
    background: #333;
    color: #fff;
    border: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-photo .ktal:hover {
    background: #000
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-photo .tuijian {
    position: absolute;
    left: 0;
    top: 10px;
    width: 68px;
    height: 26px;
    background: #ff3817;
    border-radius: 0 0 15px 0;
    color: #fff;
    line-height: 26px
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-photo .ztsj {
    transition: all .5s;
    width: 103px;
    position: absolute;
    bottom: 0;
    border: 0;
    right: 0;
    opacity: 0;
    border-radius: 0;
    filter: alpha(opacity=0)
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-name {
    font-size: 18px;
    color: #212628;
    margin-left: 10px;
    margin-right: 70px;
    height: 25px;
    line-height: 25px;
    position: relative
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-name span {
    font-size: 16px;
    margin-left: 11px
}

.shejishiye .designer-list .designer-carder .designer-msg .tag {
    position: absolute;
    width: 50px;
    border: #edecec 1px solid;
    background: #f6e6e6;
    height: 17px;
    color: #eb4f4f;
    line-height: 17px;
    text-align: center;
    font-size: 16px;
    top: 300px;
    left: 174px
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-alnr {
    width: 265px;
    margin: auto;
    height: 25px;
    line-height: 25px
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-alnr .div {
    width: 125px;
    height: 25px;
    color: #666;
    float: left;
    font-size: 16px;
    line-height: 25px
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-alnr .div span {
    color: #212628
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-alnr .div span:hover {
    color: #ff3817
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-hobbit {
    width: 265px;
    height: 25px;
    margin: auto;
    line-height: 25px
}

.shejishiye .designer-list .designer-carder:hover {
    -ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2)
}

.shejishiye .designer-list .designer-carder:hover .designer-msg {
    background: #fff
}

.shejishiye .designer-list .designer-carder:hover .designer-msg .ktal {
    opacity: 1;
    filter: alpha(opacity=100)
}

.shejishiye .designer-list .designer-carder:hover .designer-msg .ztsj {
    opacity: 1;
    filter: alpha(opacity=100)
}

.common-zixun .tit:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 75px;
    height: 1px;
    background: #ff3817;
    left: 0
}

.common-zixun .line {
    width: 452px;
    margin-bottom: 20px
}

.common-zixun .line b {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #ff3817;
    border-radius: 50%;
    margin-right: 12px;
    float: left
}

.common-zixun .line span {
    width: 300px
}

.case-tag-box {
    box-shadow: 3px 5px 18px 8px rgba(0, 0, 0, 0.03);
    border: 1px solid #f1f1f1
}

.case-tag-box .a {
    overflow: hidden;
    width: 746px
}

.case-tag-box .c {
    width: 760px
}

.case-tag-box .p3 {
    width: 33%;
    border-right: 1px solid #f1f1f1
}

.common-search-null {
    height: 80px;
    background-position: center;
    background-repeat: no-repeat
}

.huoke .input-n {
    float: left;
    background: #fcfcfc;
    border: 1px solid #edecec;
    padding: 10px 20px;
    margin-left: 10px
}

.huoke .input-n input {
    background: #fcfcfc;
    outline: none;
    width: 220px;
    color: #666;
    border: none;
    outline: none;
    height: 20px
}

.huoke .button {
    float: right
}

.advertisement {
    height: 100px;
    width: 100%;
    min-width: 1200px;
    background-repeat: no-repeat;
    background-position: center
}

.spjx-zx {
    width: 100%;
    height: 75px;
    background-color: #f6f6f6
}

.spjx-zx .photo {
    width: 114px;
    height: 104px;
    border: 1px solid #edecec;
    left: 45px;
    top: -40px
}

.spjx-zx .neirong {
    width: 520px;
    line-height: 75px;
    top: 0;
    left: 190px
}

.spp-temp {
    padding-bottom: 13px;
    padding-left: 10px
}

.spp-temp span {
    display: block;
    padding: 2px 8px;
    margin-left: 10px;
    margin-top: 13px;
    float: left;
    line-height: 1.5;
    height: 20px;
    font-size: 14px
}

.right_slide {
    position: fixed;
    z-index: 50;
    right: 0;
    top: 50%;
    margin-top: -100px;
    width: 80px;
    text-align: center
}

.right_slide .link-box {
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #ccc;
    display: block;
    margin-bottom: 1px
}

.right_slide .link-box .link {
    display: block;
    margin: auto;
    color: #fff;
    width: 80px;
    padding: 15px 0;
    position: relative;
    z-index: 2
}

.right_slide .link-box:hover {
    background: #ff3817
}

.bottom-top-btn {
    position: fixed;
    bottom: 45px;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #ccc;
    color: #fff;
    cursor: pointer;
    z-index: 99;
    line-height: 1;
    font-size: 14px
}

.bottom-top-btn:hover {
    background: #ff3817
}

.not-find {
    padding-top: 50px
}

.not-find .pic {
    width: 100px;
    margin: auto;
    text-align: center
}

.not-find .pic img {
    width: 100%
}

.not-find .title {
    text-align: center;
    font-size: 24px;
    color: #212628
}

.not-find .title span {
    color: #ff3817
}

.not-find .subtitle {
    font-size: 16px;
    text-align: center
}

.not-find .subtitle span {
    color: #ff3817
}

.not-find-title {
    font-size: 24px
}

.not-find-title:before {
    content: '';
    display: block;
    float: left;
    width: 5px;
    height: 24px;
    background: #ff3817;
    border-radius: 2px;
    margin: 5px 10px 0px 2px
}

.withOutLazy {
    overflow: hidden;
    text-align: center
}

.withOutLazy img {
    height: 100%
}

.withOutLazy-width {
    overflow: hidden;
    text-align: center
}

.withOutLazy-width img {
    width: 100%;
    vertical-align: middle
}

#doyoo_share {
    position: inherit;
    display: none !important
}

.doyoo_f_original body {
    overflow: auto !important
}

.doyoo_f_original {
    overflow: auto !important
}

.doyoo_f_frame {
    display: none !important
}

.yuyue-box form {
    max-width: 400px;
    padding: 0 40px;
    margin: 0 auto;
    font-size: 14px
}

.yuyue-box form .tit {
    font-size: 20px;
    margin-top: 40px
}

.yuyue-box dl {
    margin-top: 20px
}

.yuyue-box dt {
    margin-top: 10px
}

.yuyue-box dd {
    margin-top: 15px;
    height: 40px;
    border: solid 1px #f3f3f3;
    border-radius: 30px;
    padding: 0 10px
}

.yuyue-box dd input {
    width: 100%;
    height: 100%;
    color: #666;
    line-height: 40px
}

.yuyue-box .btn {
    border-radius: 5px;
    height: 40px;
    margin-top: 15px
}

.lazy {
    position: relative;
    background: url("data:image/gif;base64,R0lGODlhEAAQALMMAKqooJGOhp2bk7e1rZ2bkre1rJCPhqqon8PBudDOxXd1bISCef///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAAMACwAAAAAEAAQAAAET5DJyYyhmAZ7sxQEs1nMsmACGJKmSaVEOLXnK1PuBADepCiMg/DQ+/2GRI8RKOxJfpTCIJNIYArS6aRajWYZCASDa41Ow+Fx2YMWOyfpTAQAIfkEBQAADAAsAAAAABAAEAAABE6QyckEoZgKe7MEQMUxhoEd6FFdQWlOqTq15SlT9VQM3rQsjMKO5/n9hANixgjc9SQ/CgKRUSgw0ynFapVmGYkEg3v1gsPibg8tfk7CnggAIfkEBQAADAAsAAAAABAAEAAABE2QycnOoZjaA/IsRWV1goCBoMiUJTW8A0XMBPZmM4Ug3hQEjN2uZygahDyP0RBMEpmTRCKzWGCkUkq1SsFOFQrG1tr9gsPc3jnco4A9EQAh+QQFAAAMACwAAAAAEAAQAAAETpDJyUqhmFqbJ0LMIA7McWDfF5LmAVApOLUvLFMmlSTdJAiM3a73+wl5HYKSEET2lBSFIhMIYKRSimFriGIZiwWD2/WCw+Jt7xxeU9qZCAAh+QQFAAAMACwAAAAAEAAQAAAETZDJyRCimFqbZ0rVxgwF9n3hSJbeSQ2rCWIkpSjddBzMfee7nQ/XCfJ+OQYAQFksMgQBxumkEKLSCfVpMDCugqyW2w18xZmuwZycdDsRACH5BAUAAAwALAAAAAAQABAAAARNkMnJUqKYWpunUtXGIAj2feFIlt5JrWybkdSydNNQMLaND7pC79YBFnY+HENHMRgyhwPGaQhQotGm00oQMLBSLYPQ9QIASrLAq5x0OxEAIfkEBQAADAAsAAAAABAAEAAABE2QycmUopham+da1cYkCfZ94UiW3kmtbJuRlGF0E4Iwto3rut6tA9wFAjiJjkIgZAYDTLNJgUIpgqyAcTgwCuACJssAdL3gpLmbpLAzEQA7LyogIHx4R3YwMHxhMDk3N2E3ZTFmMDQ1MjlmZTRhZDdhYzlhZWJkNjE3NyAqLw==") center center no-repeat;
    overflow: hidden;
    background-color: #fff;
    -webkit-transform: rotateZ(0)
}

.lazy img.lazy_img {
    background: none;
}

.lazy.load-over {
    background-image: none
}

img.lazy_img {
    background: url(../images/loading.gif) center center no-repeat;
    background-color: #fff
}

.auto_height {
    height: 500px;
    background: url(../images/loading.gif) center center no-repeat;
    background-color: #fff
}

.auto_height.load-over {
    background-image: none
}

.button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ff3817;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    outline: none;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 30px
}

.button.is-round {
    border-radius: 30px;
    padding: 12px 23px
}

.button.is-plain:focus,
.button.is-plain:hover {
    background: #fff;
    border-color: #ff3817;
    color: #ff3817
}

.button.is-disabled,
.button.disabled {
    opacity: .6;
    cursor: not-allowed
}

.button-primary {
    color: #fff;
    background-color: #ff3817;
}

.button-primary:focus,
.button-primary:hover {
    background: #ff3817;
    color: #fff
}

.button-primary.is-plain {
    color: #ff3817;
    background: #fff;
    border-color: #ff3817
}

.button-primary.is-plain:hover,
.button-primary.is-plain:focus {
    background: #ff3817;
    border-color: #ff3817;
    color: #fff
}

.button-black {
    color: #fff;
    background-color: #D4C09D;
    border-color: #D4C09D
}

.button-black:focus,
.button-black:hover {
    background: #cdb17f;
    border-color: #cdb17f;
    color: #fff
}

.button-black.is-plain {
    color: #333;
    background: #fff;
    border-color: #333
}

.button-black.is-plain:hover,
.button-black.is-plain:focus {
    background: #333;
    border-color: #333;
    color: #fff
}

.button-transparent {
    color: #333;
    background: transparent;
    border-color: #333
}

.button-transparent.white {
    color: #fff;
    border-color: #fff
}

.button-transparent:hover,
.button-transparent:focus {
    background: #ff3817;
    border-color: #ff3817;
    color: #fff
}

.head {
    min-width: 1200px;
    background: #fff;
    -ms-box-shadow: 0 15px 16px rgba(0, 0, 0, 0.02);
    -o-box-shadow: 0 15px 16px rgba(0, 0, 0, 0.02);
    box-shadow: 0 15px 16px rgba(0, 0, 0, 0.02)
}

.head.black {
    border-bottom: solid 1px #1e2528;
    background: #1e2528
}

.head.black .topBox {
    border-bottom: 1px solid #1e2528
}

.head .topBox {
    padding: 6px 0;
    height: 30px;
    box-sizing: border-box;
    background: #f8f8f8;
    border-bottom: 1px solid #edecec;
    font-size: 16px;
    color: #999
}

.head .topBox i {
    position: relative;
    color: #999
}

.head .topBox .left .cityNav {
    z-index: 102;
    line-height: 23px
}

.head .topBox .left .cityNav.black .cityBtn {
    border: solid 1px #1e2528;
    border-bottom: none
}

.head .topBox .left .cityNav .cityBtn {
    padding: 0 4px 5px 4px;
    border: solid 1px transparent;
    border-bottom: 0
}

.head .topBox .left .cityNav.active .cityBtn {
    border-color: #edecec;
    background: #fff;
    position: relative;
    z-index: 101
}

.head .topBox .left .cityNav.active .cityBtn .text-title {
    color: #212628 !important
}

.head .topBox .left .cityNav.active .cityBtn .text-white {
    color: #fff
}

.head .topBox .left .cityNav.active .cityList {
    display: block
}

.head .topBox .left .cityList {
    display: none;
    font-size: 16px;
    background: #fff;
    position: absolute;
    left: 22px;
    top: 27px;
    width: 350px;
    border: solid 1px #edecec;
    line-height: 26px;
    padding: 15px
}

.head .topBox .left .cityList .tabTit {
    border-bottom: dotted 1px border;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.head .topBox .left .cityList .tabTit span {
    padding: 5px 10px;
    cursor: pointer
}

.head .topBox .left .cityList .tabTit .active {
    background: #a569c4;
    color: #fff
}

.head .topBox .left .cityList .tabLayer .line {
    border-top: dashed 1px #edecec;
    height: 0;
    margin: 2px 0 2px 29px;
    overflow: hidden
}

.head .topBox .left .cityList .tabLayer span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.head .topBox .left .cityList .tabLayer a {
    width: 33%;
    color: #666;
    margin: 0 5px;
    white-space: nowrap
}

.head .topBox .left .cityList .tabLayer a:hover {
    color: #ff3817
}

.head .topBox .right .register,
.head .topBox .right .login {
    border-right: 1px solid #edecec
}

.head .topBox .right i {
    width: 17px;
    height: 19px;
    display: inline-block;
    color: #ff3817;
    top: 1px
}

.head .topBox .hotLine span {
    color: #ff3817
}

.head .bottomBox {
    height: 100px;
    clear: both
}

.head .bottomBox .logo img {
    width: 225px;
    height: 37px;
    display: block
}

.head .bottomBox .logo span {
    color: #000;
    letter-spacing: 0.5px
}

.head .bottomBox .nav {
    width: 875px;
    height: 100%;
    position: relative;
    z-index: 101
}

.head .bottomBox .nav.black .hnav-list {
    background: #1e2528
}

.head .bottomBox .nav.black i.hget-hide {
    color: #fff
}

.head .bottomBox .nav.black li {
    color: #fff
}

.head .bottomBox .nav.black li a:before {
    background-color: #ff3817
}

.head .bottomBox .nav.black li:hover a {
    color: #ff3817
}

.head .bottomBox .nav.black li.active {
    color: #ff3817
}

.head .bottomBox .nav.black li.active a:before {
    background-color: #ff3817
}

.head .bottomBox .nav .hnav-list {
    background: #fff;
    position: relative;
    z-index: 10;
    height: 100px
}

.head .bottomBox .nav .header-search {
    position: absolute;
    top: 0;
    left: 60px;
    z-index: 1;
    height: 100px;
    width: 660px
}

.head .bottomBox .nav .header-search .search {
    background: #fff;
    width: 530px;
    height: 36px;
    border: solid 1px #ff3817;
    z-index: 23;
    margin: 30px 0 0 0;
    position: relative
}

.head .bottomBox .nav .header-search .search dl {
    color: #666;
    width: 110px;
    line-height: 36px;
    border-right: solid 1px #ddd;
    background: #fafafa;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.head .bottomBox .nav .header-search .search dl dt {
    padding-left: 10px
}

.head .bottomBox .nav .header-search .search dl dt i {
    width: 19px;
    font-size: 10px
}

.head .bottomBox .nav .header-search .search dl dd {
    position: absolute;
    left: -1px;
    top: 36px;
    width: 100%;
    background: #f9f9f9;
    border: solid 1px #ff3817;
    border-top: 0;
    display: none;
    z-index: 99999;
    overflow: hidden
}

.head .bottomBox .nav .header-search .search dl dd span {
    display: block;
    cursor: pointer;
    padding-left: 8px
}

.head .bottomBox .nav .header-search .search dl dd span:hover {
    background: #c6c6c6;
    color: #fff
}

.head .bottomBox .nav .header-search .search .keyword {
    width: 300px;
    height: 35px;
    top: 0;
    left: 108px;
    line-height: 35px;
    position: absolute;
    border: 0;
    padding: 0 0 0 10px
}

.head .bottomBox .nav .header-search .search .submit {
    width: 115px;
    height: 36px;
    background: #ff3817;
    color: #fff;
    border: 0;
    position: absolute;
    right: 0;
    outline: none;
    line-height: 36px;
    top: 0;
    cursor: pointer
}

.head .bottomBox .nav .header-search .search .submit i {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    line-height: 1;
    left: 27px;
    top: 11px
}

.head .bottomBox .nav .header-search .search .submit:focus,
.head .bottomBox .nav .header-search .search .submit:hover {
    background: #ff3817;
    border-color: #ff3817;
    color: #fff
}

.head .bottomBox .nav i {
    color: #333
}

.head .bottomBox .nav .baojia {
    padding: 2px 10px;
    background: #ff3817;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    line-height: initial
}

.head .bottomBox .nav .list-item {
    line-height: 100px;
    position: relative;
    float: left;
    width: 86px;
    height: 100px;
    text-align: center;
    color: #333;
}

.head .bottomBox .nav .list-item a:before {
    content: ''
}

.head .bottomBox .nav .list-item.active {
    color: #ff3817
}

.head .bottomBox .nav .list-item.active a:before {
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -11px;
    bottom: 30px;
    display: inline-block;
    height: 2px;
    width: 22px;
    top: 65px;
    background-color: #ff3817;
    content: "";
    transform: scale3d(1, 1, 1);
    transform-origin: center;
    transition: all 0.5s;
    color: #000
}

.head .bottomBox .nav .list-item:hover a {
    color: #ff3817
}

.head .bottomBox .nav .list-item:hover .hnav-second {
    display: block
}

.head .bottomBox .nav .list-item:hover .hnav-second {
    margin-left: -12px;
    font-weight: normal
}

.head .bottomBox .nav .list-item:hover .hnav-second .hlist {
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #edecec;
    position: relative;
    color: #333
}

.head .bottomBox .nav .list-item:hover .hnav-second .hlist:before {
    content: '';
    margin: 0;
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: -1px;
    background: #ff3817;
    display: none
}

.head .bottomBox .nav .list-item:hover .hnav-second .hlist:hover {
    color: #ff3817
}

.head .bottomBox .nav .list-item:hover .hnav-second .hlist:hover:before {
    display: block !important
}

.my-header {
    position: fixed;
    z-index: 99;
    height: 46px;
    width: 100%;
    min-width: 1200px;
    background-color: #fff;
    -ms-box-shadow: 0 5px 10px rgba(59, 57, 60, 0.04);
    -o-box-shadow: 0 5px 10px rgba(59, 57, 60, 0.04);
    box-shadow: 0 5px 10px rgba(59, 57, 60, 0.04)
}

.my-header ul li {
    float: left;
    height: 46px;
    cursor: pointer;
    line-height: 46px
}

.my-header ul li.active {
    color: #ff3817;
    border-bottom: 1px solid #ff3817
}

.my-header .header-tel {
    width: 360px;
    line-height: 46px
}

.my-header-zhan {
    width: 100%;
    height: 46px
}

.head-sub {
    min-width: 1200px;
    background: #fff;
    box-shadow: 0 15px 16px rgba(0, 0, 0, 0.02)
}

.head-sub .topBox {
    padding: 4px 0;
    height: 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #edecec;
    background: #f8f8f8;
    font-size: 16px;
    color: #999
}

.head-sub .topBox i {
    position: relative;
    top: 3px;
    color: #aaa
}

.head-sub .topBox .left .cityNav {
    z-index: 100
}

.head-sub .topBox .left .cityNav.black .cityBtn {
    border: solid 1px #1e2528;
    border-bottom: none
}

.head-sub .topBox .left .cityNav .cityBtn {
    padding: 2px 6px 5px 6px;
    border: solid 1px #f1f1f1;
    border-bottom: 0
}

.head-sub .topBox .left .cityNav.active .cityBtn {
    border-color: #edecec;
    background: #fff;
    position: relative;
    z-index: 101
}

.head-sub .topBox .left .cityNav.active .cityBtn .text-title {
    color: #212628 !important
}

.head-sub .topBox .left .cityNav.active .cityBtn .text-white {
    color: #fff
}

.head-sub .topBox .left .cityNav.active .cityList {
    display: block
}

.head-sub .topBox .left .cityNavFz {
    z-index: 100;
    line-height: 23px
}

.head-sub .topBox .left .cityNavFz.black .cityBtn {
    border: solid 1px #1e2528;
    border-bottom: none
}

.head-sub .topBox .left .cityNavFz .icon-htmal5icon14 {
    color: #999;
    top: 0
}

.head-sub .topBox .left .cityNavFz.active .cityBtn {
    border-color: #edecec;
    background: #fff;
    position: relative;
    z-index: 101
}

.head-sub .topBox .left .cityNavFz.active .cityBtn .text-title {
    color: #212628 !important
}

.head-sub .topBox .left .cityNavFz.active .cityBtn .text-white {
    color: #fff
}

.head-sub .topBox .left .cityNavFz.active .cityList {
    display: block
}

.head-sub .topBox .left .cityList {
    display: none;
    font-size: 16px;
    background: #fff;
    position: absolute;
    left: 22px;
    top: 26px;
    width: 350px;
    border: solid 1px #edecec;
    line-height: 26px;
    padding: 15px;
    z-index: 99999999999;
}

.head-sub .topBox .left .cityList .tabTit {
    border-bottom: dotted 1px border;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.head-sub .topBox .left .cityList .tabTit span {
    padding: 5px 10px;
    cursor: pointer
}

.head-sub .topBox .left .cityList .tabTit .active {
    background: #302e31;
    color: #fff
}

.head-sub .topBox .left .cityList .tabLayer .line {
    border-top: dashed 1px #edecec;
    height: 0;
    margin: 2px 0 2px 29px;
    overflow: hidden
}

.head-sub .topBox .left .cityList .tabLayer span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.head-sub .topBox .left .cityList .tabLayer a {
    width: 33%;
    color: #666;
    margin: 0 5px;
    white-space: nowrap
}

.head-sub .topBox .left .cityList .tabLayer a:hover {
    color: #ff3817
}

.head-sub .topBox .right {
    padding-top: 2px
}

.head-sub .topBox .right .register,
.head-sub .topBox .right .login {
    border-right: 1px solid #edecec
}

.head-sub .topBox .right i {
    width: 17px;
    height: 19px;
    display: inline-block;
    color: #ff3817;
    top: 1px
}

.head-sub .cbox {
    height: 80px;
    vertical-align: center;
    position: relative;
    border-bottom: 1px solid #edecec
}

.head-sub .cbox .logo img {
    width: 219px;
    height: 39px;
    display: block
}

.head-sub .cbox .logo span {
    color: #000;
}

.head-sub .cbox .header-search {
    position: absolute;
    top: 0;
    left: 350px;
    z-index: 99;
    height: 100px;
    width: 660px;
}

.head-sub .cbox .header-search .search {
    background: #fff;
    width: 530px;
    height: 36px;
    border: solid 1px #ff3817;
    z-index: 23;
    margin: 20px 0 0 0;
    position: relative
}

.head-sub .cbox .header-search .search dl {
    color: #666;
    width: 110px;
    line-height: 36px;
    border-right: solid 1px #ddd;
    background: #fafafa;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.head-sub .cbox .header-search .search dl dt {
    padding-left: 8px
}

.head-sub .cbox .header-search .search dl dt i {
    width: 19px;
    font-size: 10px
}

.head-sub .cbox .header-search .search dl dd {
    position: absolute;
    left: -1px;
    top: 36px;
    width: 100%;
    background: #f9f9f9;
    border: solid 1px #ff3817;
    border-top: 0;
    display: none;
    z-index: 99999;
    overflow: hidden
}

.head-sub .cbox .header-search .search dl dd span {
    display: block;
    cursor: pointer;
    padding-left: 8px
}

.head-sub .cbox .header-search .search dl dd span:hover {
    background: #c6c6c6;
    color: #fff
}

.head-sub .cbox .header-search .search .keyword {
    width: 300px;
    height: 35px;
    top: 0;
    left: 108px;
    line-height: 35px;
    position: absolute;
    border: 0;
    padding: 0 0 0 10px
}

.head-sub .cbox .header-search .search .submit {
    width: 115px;
    height: 36px;
    background: #ff3817;
    color: #fff;
    border: 0;
    position: absolute;
    right: 0;
    outline: none;
    line-height: initial;
    top: 0;
    cursor: pointer
}

.head-sub .cbox .header-search .search .submit i {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    line-height: 1;
    left: 27px;
    top: 11px
}

.head-sub .cbox .tel {
    width: 193px;
    height: 80px;
    background-size: 100%
}

.head-sub .cbox .tel .icons {
    line-height: 80px;
    width: 48px;
    text-align: center
}

.head-sub .bottomBox .title {
    color: #333
}

.head-sub .bottomBox .title.active {
    color: #ff3817
}

.head-sub .bottomBox .list-item {
    line-height: 70px;
    position: relative;
    float: left;
    width: 115px;
    height: 70px;
    text-align: center;
    color: #333
}

.head-sub .bottomBox .list-item a:before {
    content: ''
}

.head-sub .bottomBox .list-item a {
    display: block
}

.head-sub .bottomBox .list-item.active {
    color: #ff3817
}

.head-sub .bottomBox .list-item.active a:before {
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -11px;
    bottom: 30px;
    display: inline-block;
    height: 2px;
    width: 22px;
    top: 48px;
    background-color: #ff3817;
    content: "";
    transform: scale3d(1, 1, 1);
    transform-origin: center;
    transition: all 0.5s;
    color: #000
}

.head-sub .bottomBox .list-item:hover a {
    color: #ff3817
}

.head-sub .bottomBox .list-item:hover .hnav-second {
    display: block
}

.head-sub .bottomBox .list-item:hover .hnav-second .hlist {
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #edecec;
    position: relative;
    color: #333
}

.head-sub .bottomBox .list-item:hover .hnav-second .hlist:before {
    content: '';
    margin: 0;
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: -1px;
    background: #ff3817;
    display: none
}

.head-sub .bottomBox .list-item:hover .hnav-second .hlist:hover {
    color: #ff3817
}

.head-sub .bottomBox .list-item:hover .hnav-second .hlist:hover:before {
    display: block !important
}

.hnav-second {
    display: none;
    width: 110px;
    background: #fff;
    border: 1px solid #edecec;
    z-index: 99999;
    font-weight: normal;
    position: relative
}

.head-sub .bottomBox .list-item {
    line-height: 70px;
    position: relative;
    float: left;
    width: 108px;
    height: 70px;
    text-align: center;
    color: #333;
}

.head-sub .bottomBox .list-item .hot {
    position: absolute;
    top: -15px;
    right: 12px;
    color: #e60012;
}

.renovationList .info {
    height: 60px;
    overflow: hidden;
}

.zx-time {
    margin-top: 50px;
}

.zx-time span {
    color: #777;
    font-size: 16px;
    margin-right: 20px;
}


/*fz_main*/

.container {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}


/*nav*/

.solid {
    background: #0f1826;
    width: 100%;
    height: 100px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.header .page-title {
    width: 0;
    height: 0;
    opacity: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-fiexed {
    top: -100% !important;
    -webkit-transition: 2s;
    -o-transition: 2s;
    -moz-transition: 2s;
    transition: 2s;
}

.fixed0 {
    top: 0 !important;
}

nav {
    background: rgba(15, 24, 39, 0.8);
    color: #fff;
    width: 100%;
    height: 100px;
    z-index: 199302;
    position: relative;
    transition: background .5s;
    -moz-transition: background .5s;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
}

nav.active {
    position: fixed;
    top: 0;
    background: rgba(255, 255, 255, .8);
    border-bottom: 1px solid #808080
}

nav.active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: blur(0px);
    -webkit-filter: blur(0px);
}

nav div {
    height: inherit;
    margin: 0 auto;
    line-height: 100px;
}

nav div>* {
    float: left;
}

nav div i {
    position: relative;
}

nav div i>img {
    vertical-align: middle;
}

nav div i>a {
    display: block;
    width: 100%;
    height: 100%;
}

nav div i>a>img {
    vertical-align: top;
}

.nav_tel * {
    float: none;
}

.nav_tel i,
.nav_tel span {
    color: #d6000f;
    font-size: 20px;
    font-weight: bold;
}

nav div ul {
    height: 100px;
    line-height: 100px;
    margin-left: 30px;
}
nav div ul li {
    position: relative;
    width: 105px;
    font-size: 16px;
    float: left;
    transition: background .5s;
    -moz-transition: background .5s;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    background: transparent;
}

nav div ul li a {
    position: relative;
    display: block;
    height: 100%;
    text-align: center;
    color: #fff;
}

nav div ul li:hover {
    background: #fff;
}

nav div ul li:hover>a {
    color: #333;
}

nav div ul li a.active::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 4px;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
    background: #d6000f;
}

nav div ul li a.active:hover::after {
    display: none;
}

nav div ul li:last-child {
    height: 120px;
    line-height: 120px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,.66);
    background-color: #ff5b00;
    color: #fff;
    overflow: hidden;
}

nav div ul li:last-child:hover {
    background: #d6000f;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,.66);
}
nav div ul li:last-child a:active,
nav div ul li:last-child a:hover {
    background: #d6000f;
    color: #fff;
}

nav div ul li dl {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    background: #0f1826;
}

nav div ul li dl dd {
    height: 50px;
    background: #373737;
    transition: background .5s;
    -moz-transition: background .5s;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    line-height: 50px;
}

nav div ul li dl dd a {
    color: #fff;
}

nav div ul li dl dd a h1 {
    font-size: 16px;
    color: #fff;
}

nav div ul li dl dd:hover {
    background: #fff;
}

nav div ul li dl dd:hover>a,
nav div ul li dl dd:hover>a h1 {
    color: #000;
}

.header-add {
    color: #d6000f;
    margin-left: 40px;
    display: none;
}

.header-add span {
    display: inline-block;
}

.header-add span i,
.header-add span label {
    color: #d6000f;
    font-size: 16px;
    font-weight: bold;
    height: 100px;
    line-height: 100px;
    cursor: pointer;
    display: inline-block;
}

.header-add img {
    width: 15px;
}

.nav_tel {
    width: 200px;
    height: 100px;
    background-image: url(/static/images/telLight.gif);
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;

    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
}

/* nav  end */


/* banner */

.banner .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    background: #fff;
    border-radius: 0;
    opacity: 0.5;
}

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

.banner .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 40px;
}


/* banner  end */

.paddT110 {
    padding-top: 110px;
}

.flexBox {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


/* -------- */

.ind-one {
    background: #efefef;
}

.ind-one-list {
    width: 100%;
    background: #fff;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ind-one-inner {
    position: relative;
    width: 30%;
    padding-right: 5%;
    padding: 30px;
}

.ind-one-inner h3 {
    position: absolute;
    top: -77px;
    left: 0;
    background: #0f1826;
    color: #fff;
    font-size: 28px;
    padding: 10px 40px;
}

.ind-one-inner p {
    color: #777;
}

.ind-more {
    position: relative;
    background: #d6000f;
    color: #fff;
    padding: 6px 25px 6px 19px;
    margin-top: 25px;
}

.ind-more::before {
    position: absolute;
    content: '';
    top: 15px;
    right: 15px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
}

.ind-one-ul {
    width: 70%;
}

.ind-one-ul li {
    position: relative;
    width: 25%;
    padding: 40px 20px;
    text-align: center;
}

.ind-one-ul li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: -webkit-calc(100% + 60px);
    height: -moz-calc(100% + 60px);
    height: calc(100% + 60px);
    top: -30px;
    left: 0;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    opacity: 0;
}

.ind-one-ul li:hover::before {
    opacity: 1;
}

.ind-one-ul li a {
    position: relative;
}

.ind-one-ul li i {
    font-size: 48px;
    width: 48px;
    display: block;
    margin: 0 auto;
    color: rgba(208 0 6/.66);
}

.ind-one-ul li h4 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 15px;
}

.ind-one-ul li p {
    font-size: 16px;
    color: #777;
    margin: 5px 0;
}

.ind-one-ul li span {
    width: 120px;
    margin: 0 auto;
    display: block;
    background: none;
    color: #e5aa5c;
    margin-top: 10px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.ind-one-ul li span::before {
    right: 20px;
    border-left: 5px solid #e5aa5c;
}

.ind-one-ul li:hover span {
    background: #d6000f;
    color: #fff;
}

.ind-one-ul li:hover span::before {
    border-left: 5px solid #ffd8d1;
}


/* -------- */

.index-fav {
    background: #efefef;
    padding: 120px 0 60px;
}

.indexFav {
    overflow: visible;
    position: relative;
    margin-bottom: 50px;
    width: 1280px;
    margin: 0 auto 0;
}

.indexFav .swiper-container {
    overflow: visible;
}

.maxad {
    margin: 0 auto;
    height: auto !important;
}

.maxad-samll .slick-list * {
    height: auto !important;
}

.maxad li {
    float: left;
    text-align: left;
    width: 800px;
    opacity: .4;
}

.maxad-max .slick-list {
    overflow: visible;
}

.maxad-samll li {
    margin-top: 0;
    opacity: 1;
}

.maxad li img {
    margin: 0;
    display: inline;
    -webkit-transition: all 0.4ms linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.maxad-max li {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.maxad-max li.slick-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.maxad-max.maxad li .maxtbox {
    background: #fff;
    position: absolute;
    top: 0;
    left: 30%;
    height: 100px;
}

.maxad .slick-current {
    opacity: 1;
    width: 1280px;
    margin-top: 0;
}

.maxad .slick-current img {
    margin-left: 280px;
    width: 77%;
    margin-top: 0px;
}

.swiper-container li.swiper-slide-prev {
    text-align: right;
}

.indexFav .swiper-pagination {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    background: #fff;
    overflow: visible;
    z-index: 8;
}

.indexFav .swiper-pagination li {
    clear: both;
    float: none;
}

.maxad-samll li .maxtbox {
    height: 150px !important;
    padding-top: 40px;
    position: relative;
    text-align: left;
    padding-left: 50px;
    -webkit-transition: all 0.4ms linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.maxad-samll .slick-list {
    padding: 0 !important;
    overflow: visible;
}

.swiper-pagination .maxad .slick-current .maxtbox {
    background: #0f1826;
    width: 100%;
    margin-left: 30px;
}

.swiper-pagination .maxtext1 {
    color: #333;
    font-size: 18px
}

.swiper-pagination .maxtext2 {
    color: #d6000f;
    font-size: 16px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.swiper-pagination .maxtext4 {
    color: #d6000f;
    font-size: 16px;
    position: absolute;
    right: 20px;
    bottom: 27px;
    display: none
}

.swiper-pagination .maxtext4:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #d6000f;
    margin-left: 5px
}

.case_index_run_warp .swiper-slide {
    width: 1200px;
    margin-right: 325px;
}

.swiper-pagination .slick-current .maxtext1 {
    color: #d6000f;
}

.swiper-pagination .slick-current .maxtext2 {
    color: #d6000f;
}

.swiper-pagination .slick-current .maxtext4 {
    display: block
}

.maxad-max li .maxpic {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.maxad-max li .maxpic img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.maxad-max li.slick-active .maxpic img {
    width: -webkit-calc(100% - 300px);
    width: -moz-calc(100% - 300px);
    width: calc(100% - 300px);
}


/* 案例 */

.case_index_box {
    width: 100%;
    background-color: #0f1826;
    position: relative;
    min-width: 1300px;
    overflow: hidden;
}

.case_index_title {
    text-align: center;
    color: #fff;
    padding: 70px 0 50px 0;
    font-size: 42px;
    font-weight: normal;
}

.case_run_box {
    position: relative;
    width: 100%;
    min-width: 1300px;
}

.case_warp {
    height: 563px;
    position: relative;
}

.case_run_box {
    width: 100%;
    height: 563px;
    min-width: 1300px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.case_run_box.active {
    opacity: 1;
}

.case_img_lf {
    width: 1200px;
    height: 563px;
    float: left;
    overflow: hidden;
}

.case_img_rt {
    width: 350px;
    height: 563px;
    float: right;
    overflow: hidden;
}

.case_run_item {
    overflow: hidden;
    float: left;
    position: relative;
}

.case_index_content_box {
    width: 1000px;
    height: 0;
    position: relative;
    margin: 0 auto;
    float: left;
}

.case_index_content {
    position: absolute;
    top: 95px;
    right: 0;
    z-index: 20;
}

@media screen and (min-width: 1500px) {
    .designer_btn_lf {
        left: -103px;
    }
    .designer_btn_rt {
        right: -103px;
    }
}

.sc_item_middle_box {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 31px 18px 22px 29px;
    height: 136px;
    background-color: #fff;
}

.sc_item_middle_box img {
    width: 120px;
    height: 80px;
    float: left;
}

.sc_item_middle_content {
    margin-left: 138px;
    line-height: 28px;
    font-size: 16px;
    color: #535252;
    overflow: hidden;
    height: 80px;
}

.sc_item_hover ul {
    background-color: #fff !important;
    padding: 20px 0 48px 17px;
    height: 165px;
    overflow: hidden;
}

.sc_item_hover .xgt_down {
    min-height: 370px;
    height: 370px;
    overflow: hidden;
}

.sc_item_hover {
    cursor: pointer;
    display: none;
    transition: -webkit-transform 0.1s;
    -moz-transition: transform 0.1s, -moz-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s, -moz-transform 0.1s, -o-transform 0.1s;
    -moz-transition: -moz-transform 0.1s;
    -webkit-transition: -webkit-transform 0.1s;
    -o-transition: -o-transform 0.1s;
}

.sc_item_hover li {
    line-height: 32px;
    height: 32px;
    border: none;
    width: 100%;
    overflow: hidden;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #646464;
}

.sc_item_hovered {
    display: block;
    position: absolute;
    top: -20px;
    left: 0;
    box-shadow: 0px 5px 20px #ccc;
    z-index: 500;
    height: 544px;
    overflow: hidden;
    width: 412px;
}

.sc_item_hovered ul {
    height: 119px;
}

.sc_item_hovered:hover {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

.case_text {
    width: 524px;
    height: 377px;
    background-color: rgba(255, 255, 255, 0.85);
    top: 155px;
    z-index: 999;
    display: inline-block;
    padding: 46px 53px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    float: right;
    margin-right: 75px;
    position: absolute;
    right: -330px;
}

.case_index_content .case_p {
    margin-top: 20px;
    font-size: 18px;
    color: #222;
    line-height: 28px;
    width: 413px;
    height: 145px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    overflow: hidden;
    white-space: normal;
}

.case_text img {
    float: left;
}

.case_title {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 335px;
    float: left;
    line-height: 48px;
    margin-bottom: 15px;
}

.case_btn {
    width: 160px;
    height: 50px;
    color: #fff;
    font-size: 18px;
    border-radius: 2px;
    background: #000;
    text-align: center;
    line-height: 50px;
    float: left;
    cursor: pointer;
    margin-top: 40px;
    margin-right: 12px;
}

.case_btn:hover {
    background-color: #d6000f;
}

.case_down {
    margin: 0 auto;
    position: relative;
    padding: 32px 0;
    overflow: hidden;
}

.case_more {
    display: inline-block;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    width: 50px;
    margin-left: 96px;
    cursor: pointer;
    line-height: 30px;
}

.case_style_img {
    position: absolute;
    left: 152px;
    top: 60px;
    width: auto;
}

.case_style {
    float: left;
    margin-right: 75px;
    color: #a5a5a5;
    font-size: 16px;
    cursor: pointer;
    width: 116px;
    height: 38px;
    text-align: center;
    line-height: 38px;
}

.case_style:hover,
.case_style.active {
    background: #d6000f;
    color: #fff;
}

.case_list span.active .case_style {
    background: #d6000f;
    color: #fff;
}

.designer_title {
    padding-top: 70px;
    padding-bottom: 50px;
    text-align: center;
    color: #333;
    font-size: 42px;
    font-weight: normal;
}

.pagination {
    text-align: right;
    margin-right: -375px;
    margin-bottom: 30px;
}

.click-left {
    width: 18px;
    height: 15px;
    background: url("../images/arrow_left.png") center center no-repeat;
    display: inline-block;
    cursor: pointer;
}

.click-right {
    width: 18px;
    height: 15px;
    background: url("../images/arrow_right.png") center center no-repeat;
    display: inline-block;
    cursor: pointer;
}

.click-left:hover {
    background: url("../images/arrow_left_hover.png") center center no-repeat;
}

.click-right:hover {
    background: url("../images/arrow_right_hover.png") center center no-repeat;
}

.left_count {
    display: inline-block;
    margin-left: 12px;
    font-size: 25px;
    font-weight: bold;
    color: #faf9f9;
}

.right_count {
    display: inline-block;
    margin-right: 12px;
    font-size: 18px;
    font-weight: bold;
    color: #626262;
}

.case_index_content .swiper-pagination {
    position: static;
    display: inline-block;
    width: auto;
}

.case_index_content .swiper-pagination .swiper-pagination-current {
    position: relative;
    display: inline-block;
    margin-left: 12px;
    font-size: 25px;
    font-weight: bold;
    color: #faf9f9;
}

.case_index_content .swiper-pagination .swiper-pagination-current::after {
    content: '/';
    font-size: 25px;
    color: #626262;
    margin: 0 5px;
}

.case_index_content .swiper-pagination .swiper-pagination-total {
    display: inline-block;
    margin-right: 12px;
    font-size: 18px;
    font-weight: bold;
    color: #626262;
}

.cases-info-jsj .cases-sjs-tit p {
    margin: 15px 0;
}

.cases-info-jsj .cases-sjs-tit p span {
    color: #d6000f;
}


/* 案例  end */

.title-inner {
    margin: 60px 0;
    text-align: center;
}

.title-inner h3 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 15px;
}

.title-inner.block h3 {
    color: #0f1826;
}

.title-inner span {
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .2);
}

.title-inner.block span {
    background: rgba(0, 0, 0, .2);
}

.title-inner span::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 6px;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
    background: #fff;
}

.title-inner.block span::before {
    background: #0f1826;
}

.title-inner p {
    margin-top: 18px;
    color: #fff;
}

.title-inner.block p {
    color: #0f1826;
}


/* design */

.design_boxs {
    overflow: hidden;
}

.designer_item {
    position: relative;
    width: -webkit-calc(25% - 10px);
    width: -moz-calc(25% - 10px);
    width: calc(25% - 10px);
    margin: 0 5px;
    float: left;
}

.desinger_hover {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0;
    z-index: 999;
    background: rgba(15, 24, 38, 0.7);
    display: none;
}

.designer_item:hover .desinger_hover {
    opacity: 1;
}

.desinger_hover img {
    width: 50px;
    height: 50px;
    display: block;
    margin: 208px auto 0;
}

.designer_more {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

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

.desonger_img_box:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.desonger_img_box img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.desonger_img_box p {
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    bottom: 0;
    text-align: center;
    background: rgba(15, 24, 38, 0.5);
}

.designer_level {
    position: absolute;
    width: 100%;
    height: 63px;
    line-height: 63px;
    color: #fff;
    font-size: 18px;
    bottom: 0;
    text-align: center;
    background: rgba(15, 24, 38, 0.7);
}

.designer_level span {
    font-size: 16px;
}

.designer_item:hover .desonger_img_box img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.design_list {
    position: relative;
    padding: 0 70px 0;
    margin-top: 40px;
}

.design_list .slick-arrow {
    position: absolute;
    width: 70px;
    height: 100%;
    top: 0;
    left: 0;
    background: #0f1826 url(../images/left.png) no-repeat center;
    -o-background-size: 40px;
    background-size: 40px;
}

.design_list .slick-next {
    left: auto;
    right: 0;
    background: #0f1826 url(../images/right.png) no-repeat center;
    -o-background-size: 40px;
    background-size: 40px;
}

.design_list .swiper-slide {
    margin: 0 5px;
}

.design_button {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 80px;
}

.design_button a {
    display: inline-block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

.design_more_one {
    background: #d6000f;
    color: #fff;
}

.design_more_two {
    background: #333;
    color: #fff;
}

.design_more_one:hover {
    background: #99000b;
    background: -webkit-linear-gradient(to bottom, #d6000f, #99000b);
    background: -moz-linear-gradient(to bottom, #d6000f, #99000b);
    background: -o-linear-gradient(to bottom, #d6000f, #99000b);
    background: linear-gradient(to bottom, #d6000f, #99000b);
    color: #fff;
}
.design_more_two:hover {
    background: #0d0d0d;
    background: -webkit-linear-gradient(to bottom, #333, #0d0d0d);
    background: -moz-linear-gradient(to bottom, #333, #0d0d0d);
    background: -o-linear-gradient(to bottom, #333, #0d0d0d);
    background: linear-gradient(to bottom, #333, #0d0d0d);
    color: #fff;
}


/* design-info */

.designInfoBanner {
    width: 80%;
    margin: 0 auto;
    height: 600px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.designInfoBanLeft {
    position: relative;
    width: 50%;
}

.designInfoBanPic {
    width: 340px;
    height: 340px;
    border: 15px solid #333;
    border-radius: 170px;
    overflow: hidden;
}

.designInfoBanPic img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.designInfoBanright {
    width: 50%;
    background: rgba(255, 255, 255, .1);
    height: 100%;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.designInfoBanright .qwzz_one_txt {
    width: 100%;
    position: static;
    background: none;
    opacity: 1;
}

.designInfoBanright .qwzz_one_txt .qwzz_one_tt {
    font-size: 16px;
}

.designInfoBanright .qwzz_one_txt .qwzz_one_tt:nth-of-type(2) {
    border-radius: 0;
}

.designInfoBanright .qwzz_one_txt .qwzz_one_tt:nth-of-type(3) {
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}

.designInfoButton {
    width: 60%;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    background: #d6000f;
    border-radius: 30px;
    font-size: 16px;
}

.caseItem-master {
    padding: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.effect-bubba {
    text-align: center;
}

.effect-bubba-background {
    background: #000;
}

.effect-bubba:hover img {
    opacity: 0.7;
    -webkit-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    -moz-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.caseItem-master::before,
.caseItem-master::after {
    pointer-events: none;
}

.caseItem-master::before,
.caseItem-master::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
    -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;
}

.caseItem-master::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.caseItem-master::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.effect-bubba p {
    padding: 20px;
    opacity: 0;
    margin-top: 60px;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
    -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

.effect-bubba:hover .caseItem-master::before,
.effect-bubba:hover .caseItem-master::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.effect-bubba:hover h2,
.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.zoomBox img {
    -webkit-transition: -webkit-transform ease .3s 0s;
    transition: -webkit-transform ease .3s 0s;
    -o-transition: -o-transform ease .3s 0s;
    -moz-transition: transform ease .3s 0s, -moz-transform ease .3s 0s;
    transition: transform ease .3s 0s;
    transition: transform ease .3s 0s, -webkit-transform ease .3s 0s, -moz-transform ease .3s 0s, -o-transform ease .3s 0s;
    -moz-transition: transform ease .3s 0s;
    -webkit-transition: transform ease .3s 0s;
}

.zoomBox:hover .zoom {
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.relativeTitle {
    height: 50px;
    line-height: 50px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;

    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
}

.relativeTitle span {
    height: 60px;
    font-size: 20px;
    color: #222;
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;

    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.relativeTitle span:before {
    content: '';
    display: block;
    float: left;
    height: 20px;
    width: 5px;
    margin-right: 15px;
    border-radius: 3px;
    background: #d6000f;
}

.inServiceStore {
    padding: 50px 0;
}

.inServiceStore .storeCards {
    height: 550px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

.inServiceStore .storeCards .storeLeft {
    width: 50%;
    padding: 0 80px;
    background-color: #ddd;
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;

    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;

    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;

    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
}

.inServiceStore .storeCards .storeLeft > div:nth-of-type(1) {
    color: #d6000f;
    font-size: 24px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
}

.inServiceStore .storeCards .storeLeft:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ddd;
    top: 300px;
    right: -14px;
    z-index: 9;
}

.inServiceStore .storeCards .storeLeft > div {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

.inServiceStore .storeCards .storeLeft i {
    font-size: 20px;
    margin-right: 5px;
}

.inServiceStore .storeCards .storeLeft form {
    width: 100%;
    margin-top: 30px;
}

.inServiceStore .storeCards .storeLeft form h3 {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #d6000f;
}

.inServiceStore .storeCards .storeLeft form input,
.inServiceStore .storeCards .storeLeft form button {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-left: 15px;
}
.inServiceStore .storeCards .storeLeft form button {
    border: 0;
    margin-bottom: 0;
    padding: 0;
}
.inServiceStore .storeCards .storeLeft form button:hover {
    background: -webkit-linear-gradient(to bottom, #d6000f, #99000b);
    background: -moz-linear-gradient(to bottom, #d6000f, #99000b);
    background: -o-linear-gradient(to bottom, #d6000f, #99000b);
    background: linear-gradient(to bottom, #d6000f, #99000b);
}

#allmap {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.inServiceStore .storeCards .storeRight {
    width: 50%;
    height: 100%;
}

.inServiceStore .storeCards .storeRight * {
    width: auto;
}


/* design-info  end */


/* design  end */

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}


/* gd */

.block_08 {
    background: url(../images/gd_bg.jpg) no-repeat center;
    overflow: hidden;
    padding: 0 0 130px;
}

.bl_08_con li {
    position: relative;
    top: 0;
    width: 19%;
    margin-left: 20px;
    cursor: pointer;
    float: left;
    text-align: center;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    margin: 0 0.5%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.bl_08_con li:nth-child(1) {
    margin-left: 0;
}

.bl_08_con li:nth-child(even) {
    top: 50px;
}

.bl_08_con li:hover {
    top: -20px;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    z-index: 10
}

.bl_08_con li:hover:nth-child(even) {
    top: 30px;
}

.bl_08_con li:hover em {
    border-color: #eee;
}

.bl_08_con dl {
    width: 240px;
    height: 360px;
    letter-spacing: 2px;
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    padding: 60px 36px 70px;
    color: #ececeb;
    letter-spacing: 2px;
}

.bl_08_con dt {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, .33);
    color: #fff;
    font-size: 18px;
    width: 100%;
    height: 60px;
    line-height: 60px;
}

.bl_08_con dd {
    margin-top: 20px
}

.bl_08_con em {
    width: 40%;
    display: inline-block;
    border-bottom: 1px solid #41413f;
}

.bl_08_con h4 {
    font-size: 18px;
    color: #0f1826;
}

.bl_08_con p {
    height: 73px;
    margin-top: 25px;
    overflow: hidden;
    color: #0f1826;
    font-size: 16px;
    text-align: left;
}


/* gd  end */


/* lp */

.patent-btns {
    position: absolute;
    z-index: 3;
    height: 1px;
    overflow: visible;
    width: 100%;
    left: 0;
    top: -webkit-calc(50% - .6rem);
    top: -moz-calc(50% - .6rem);
    top: calc(50% - .6rem);
}

.patent-btns .btn {
    position: absolute;
    display: block;
    top: -37px;
    width: 50px;
    height: 258px;
    background-color: rgba(15, 24, 38, .6);
    cursor: pointer;
    background-position: center !important;
    background-repeat: no-repeat !important;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.patent-btns .btn:hover {
    background-color: rgba(15, 24, 38, 1);
}

.patent-btns .prev {
    left: 0;
    background-image: url(../images/left.png);
    -o-background-size: 30px;
    background-size: 30px;
}

.patent-btns .next {
    right: 0;
    background-image: url(../images/right.png);
    -o-background-size: 30px;
    background-size: 30px;
}

.pro-bot-btns {
    position: absolute;
    z-index: 3;
    height: 1px;
    overflow: visible;
    width: 100%;
    left: 0;
    top: 50%;
}

.pro-bot-btns .btn {
    position: absolute;
    display: block;
    top: -20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-position: center !important;
    -o-background-size: 100% auto !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.pro-bot-btns .btn:hover {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}

.pro-bot-btns .prev {
    left: 20px;
}

.pro-bot-btns .next {
    right: 20px;
}

.honor-banner1-wrap {
    position: relative;
    margin-bottom: .8rem;
}

.honor-banner1-wrap .patent-btns {
    top: 50%;
}

.honor-banner1 {
    position: relative;
    font-size: 16px;
    line-height: 2;
    color: #333;
    text-align: center;
    overflow: hidden;
}

.honor-banner1 .honor-slide-name {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 5%;
    text-align: center;
    font-size: 16px;
    line-height: 2;
    color: #fff;
    opacity: 0;
}

.honor-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.honor-banner1 .honor-slide-name h3 {
    font-size: 22px;
}

.honor-banner1 .honor-slide-name p {
    margin: 2px 0 20px;
}

.honor-banner1 .honor-slide-name span {
    display: inline-block;
    padding: 2px 30px;
    border: 1px solid #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.honor-banner1 .honor-slide-name:hover span {
    background: #fff;
    color: #333;
}

.honor-banner1 .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 610px;
    height: auto;
}

.honor-banner1 .swiper-slide.swiper-slide-active {
    z-index: 4;
}

.honor-banner1 .swiper-slide.swiper-slide-active .img-wrap {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.honor-banner1 .swiper-slide.swiper-slide-active:before {
    opacity: 0;
}

.honor-banner1 .swiper-slide.swiper-slide-active .honor-slide-name {
    opacity: 1;
}

.honor-banner1-wrap {
    position: relative;
    margin-bottom: .8rem;
}

.honor-banner1-wrap .patent-btns {
    top: 50%;
}

@media (max-width: 1600px) {
    .w1480 {
        width: 92%;
    }
}

@media (max-width: 1391px) {
    .w1280,
    .w1340 {
        width: 92%;
    }
    .honor-banner1.w1280 {
        width: 970px;
    }
}

@media (max-width: 1200px) {
    .honor-banner1 .honor-slide-name {
        margin-top: 16px;
    }
    .honor-banner1.w1280 {
        width: 700px;
    }
    .honor-banner1 .swiper-slide {
        width: 450px;
        height: 380px;
    }
}

@media (max-width: 1023px) {
    .honor-banner1-wrap.w1480 {
        width: 100%;
    }
}

@media (max-width: 900px) {
    .honor-banner1.w1280 {
        width: 92%;
    }
    .honor-banner1 .swiper-slide {
        width: 100%;
        height: auto;
    }
}


/* lp  end */


/* news */

.sc_warp {
    background: #f5f5f5;
    padding: 1px 0 60px;
    margin-top: 80px;
}

.sc_item_box .sc_item {
    width: -webkit-calc(33.33% - 25px);
    width: -moz-calc(33.33% - 25px);
    width: calc(33.33% - 25px);
    margin-right: 25px;
    float: left;
    position: relative;
    border-radius: 5px;
}

.sc_head_over .mask {
    opacity: 0.2;
}

.sc_head_over .sc_title {
    background-color: red;
}

.sc_item_box ul {
    padding: 20px;
    margin: 0;
    padding: 0;
    padding: 15px;
    height: 319px;
    overflow: hidden;
}

.sc_item_box li {
    position: relative;
    height: 60px;
    list-style: none;
    color: #505050;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
}

.sc_item_box li h3 {
    position: relative;
    width: -webkit-calc(100% - 8px);
    width: -moz-calc(100% - 8px);
    width: calc(100% - 8px);
    background-position: 0 27px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #666;
    font-weight: 500;
    font-size: 16px;
}

.sc_item_box li:hover::before {
    opacity: 1;
}

.sc_item_box li span {
    position: relative;
    font-size: 16px;
    color: rgba(0, 0, 0, .33);
}

.sc_item {
    width: 100%;
    padding: 8px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.sc_item_on {
    width: 410px;
    height: 530px;
    box-shadow: 0px 2px 20px #888888;
    left: -10px;
    top: -20px;
    z-index: 10;
}

.sc_head {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer;
    height: 170px;
    overflow: hidden;
}

.sc_head {
    position: relative;
    background-color: #323232;
    width: 100%;
}

.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.33);
}

.sc_head_over .mask {
    opacity: 0.2;
}

.sc_head_over .sc_title {
    background-color: red;
}

.sc_title {
    width: 100%;
    height: 100%;
    background-color: rgba(0 0 0 /.66);
    position: absolute;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.sc_title label {
    width: 140px;
    height: 60px;
    color: #ccc;
    font-size: 24px;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .33);
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.sc_title label span {
    width: 140px;
    height: 60px;
    color: #333;
    font-size: 24px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .77);
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.sc_img {
    width: 100%;
}


/* news  end */


/* partant */

.index_partant {
    padding: 60px 0 40px;
    background: #fff;
}

.par_title h3 {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d6d6d6;
}

.par_list {
    overflow: hidden;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.par_list a {
    width: 16.666%;
    padding: 20px 40px;
}

.div1 {
    width: 100%;
    height: 80px;
    margin: 1rem 0;
    position: relative;
}

.div1 ul {
    width: 100% !important;
    left: 0 !important;
    top: 0;
}

.div1 ul li {
    float: left;
    list-style: none;
    width: 160px;
    height: 80px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 0 5px;
    position: relative;
    overflow: hidden;
}

.div2 {
    width: 100%;
    height: 98px;
    margin: 1rem 0;
    position: relative;
}

.div2 ul {
    width: 100% !important;
    left: 0 !important;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.div2 ul li {
    float: left;
    list-style: none;
    width: 14.28%;
    height: 80px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 0 5px;
    position: relative;
    overflow: hidden;
}

.par_logo {
    height: 249px;
    overflow: hidden;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
}

.par_logo.active {
    height: 425px;
}

.par_logo li {
    width: 146px;
    height: 73px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    background: url(../images/qwzz_logo.png) no-repeat center;
    background-size: 1168px 730px;
    -moz-background-size: 1168px 730px;
    position: relative;
    left: -1px;
    transform: translateX(1px);
}
.parLogo{
    height: auto;
}
.parLogo li{
    background: none;
    padding: 10px 0;
    height: auto;
}
.parLogo li img{
    display: block;
    height: 86px;
    width: 90%;
    margin: 0 auto;
    object-fit: contain;
}

.par_logo li:nth-last-child(-n+8) {
    margin-bottom: 0px;
}

.par_logo li:nth-child(1) {
    background-position: 0px 0px;
}

.par_logo li:nth-child(2) {
    background-position: -146px 0;
}

.par_logo li:nth-child(3) {
    background-position: -292px 0;
}

.par_logo li:nth-child(4) {
    background-position: -438px 0;
}

.par_logo li:nth-child(5) {
    background-position: -584px 0;
}

.par_logo li:nth-child(6) {
    background-position: -730px 0;
}

.par_logo li:nth-child(7) {
    background-position: -876px 0;
}

.par_logo li:nth-child(8) {
    background-position: -1022px 0;
}

.par_logo li:nth-child(9) {
    background-position: 0px -73px;
}

.par_logo li:nth-child(10) {
    background-position: -146px -73px;
}

.par_logo li:nth-child(11) {
    background-position: -292px -73px;
}

.par_logo li:nth-child(12) {
    background-position: -438px -73px;
}

.par_logo li:nth-child(13) {
    background-position: -584px -73px;
}

.par_logo li:nth-child(14) {
    background-position: -730px -73px;
}

.par_logo li:nth-child(15) {
    background-position: -876px -73px;
}

.par_logo li:nth-child(16) {
    background-position: -1022px -73px;
}

.par_logo li:nth-child(17) {
    background-position: 0px -146px;
}

.par_logo li:nth-child(18) {
    background-position: -146px -146px;
}

.par_logo li:nth-child(19) {
    background-position: -292px -146px;
}

.par_logo li:nth-child(20) {
    background-position: -438px -146px;
}

.par_logo li:nth-child(21) {
    background-position: -584px -146px;
}

.par_logo li:nth-child(22) {
    background-position: -730px -146px;
}

.par_logo li:nth-child(23) {
    background-position: -876px -146px;
}

.par_logo li:nth-child(24) {
    background-position: -1022px -146px;
}

.par_logo li:nth-child(25) {
    background-position: 0px -219px;
}

.par_logo li:nth-child(26) {
    background-position: -146px -219px;
}

.par_logo li:nth-child(27) {
    background-position: -292px -219px;
}

.par_logo li:nth-child(28) {
    background-position: -438px -219px;
}

.par_logo li:nth-child(29) {
    background-position: -584px -219px;
}

.par_logo li:nth-child(30) {
    background-position: -730px -219px;
}

.par_logo li:nth-child(31) {
    background-position: -876px -219px;
}

.par_logo li:nth-child(32) {
    background-position: -1022px -219px;
}

.par_logo li:nth-child(33) {
    background-position: 0px -292px;
}

.par_logo li:nth-child(34) {
    background-position: -146px -292px;
}

.par_logo li:nth-child(35) {
    background-position: -292px -292px;
}

.par_logo li:nth-child(36) {
    background-position: -438px -292px;
}

.par_logo li:nth-child(37) {
    background-position: -584px -292px;
}

.par_logo li:nth-child(38) {
    background-position: -730px -292px;
}

.par_logo li:nth-child(39) {
    background-position: -876px -292px;
}

.par_logo li:nth-child(40) {
    background-position: -1022px -292px;
}

.par_logo li:hover {
    border: 1px solid #d6000f;
}

.par_logo li:nth-child(1):hover {
    background-position: 0px -365px;
}

.par_logo li:nth-child(2):hover {
    background-position: -146px -365px;
}

.par_logo li:nth-child(3):hover {
    background-position: -292px -365px;
}

.par_logo li:nth-child(4):hover {
    background-position: -438px -365px;
}

.par_logo li:nth-child(5):hover {
    background-position: -584px -365px;
}

.par_logo li:nth-child(6):hover {
    background-position: -730px -365px;
}

.par_logo li:nth-child(7):hover {
    background-position: -876px -365px;
}

.par_logo li:nth-child(8):hover {
    background-position: -1022px -365px;
}

.par_logo li:nth-child(9):hover {
    background-position: 0px -438px;
}

.par_logo li:nth-child(10):hover {
    background-position: -146px -438px;
}

.par_logo li:nth-child(11):hover {
    background-position: -292px -438px;
}

.par_logo li:nth-child(12):hover {
    background-position: -438px -438px;
}

.par_logo li:nth-child(13):hover {
    background-position: -584px -438px;
}

.par_logo li:nth-child(14):hover {
    background-position: -730px -438px;
}

.par_logo li:nth-child(15):hover {
    background-position: -876px -438px;
}

.par_logo li:nth-child(16):hover {
    background-position: -1022px -438px;
}

.par_logo li:nth-child(17):hover {
    background-position: 0px -511px;
}

.par_logo li:nth-child(18):hover {
    background-position: -146px -511px;
}

.par_logo li:nth-child(19):hover {
    background-position: -292px -511px;
}

.par_logo li:nth-child(20):hover {
    background-position: -438px -511px;
}

.par_logo li:nth-child(21):hover {
    background-position: -584px -511px;
}

.par_logo li:nth-child(22):hover {
    background-position: -730px -511px;
}

.par_logo li:nth-child(23):hover {
    background-position: -876px -511px;
}

.par_logo li:nth-child(24):hover {
    background-position: -1022px -511px;
}

.par_logo li:nth-child(25):hover {
    background-position: 0px -584px;
}

.par_logo li:nth-child(26):hover {
    background-position: -146px -584px;
}

.par_logo li:nth-child(27):hover {
    background-position: -292px -584px;
}

.par_logo li:nth-child(28):hover {
    background-position: -438px -584px;
}

.par_logo li:nth-child(29):hover {
    background-position: -584px -584px;
}

.par_logo li:nth-child(30):hover {
    background-position: -730px -584px;
}

.par_logo li:nth-child(31):hover {
    background-position: -876px -584px;
}

.par_logo li:nth-child(32):hover {
    background-position: -1022px -584px;
}

.par_logo li:nth-child(33):hover {
    background-position: 0px -657px;
}

.par_logo li:nth-child(34):hover {
    background-position: -146px -657px;
}

.par_logo li:nth-child(35):hover {
    background-position: -292px -657px;
}

.par_logo li:nth-child(36):hover {
    background-position: -438px -657px;
}

.par_logo li:nth-child(37):hover {
    background-position: -584px -657px;
}

.par_logo li:nth-child(38):hover {
    background-position: -730px -657px;
}

.par_logo li:nth-child(39):hover {
    background-position: -876px -657px;
}

.par_logo li:nth-child(40):hover {
    background-position: -1022px -657px;
}

.par_logo li.qwzz_l_1 {
    background-position: 0px 0px;
}

.par_logo li.qwzz_l_2 {
    background-position: -146px 0;
}

.par_logo li.qwzz_l_3 {
    background-position: -292px 0;
}

.par_logo li.qwzz_l_4 {
    background-position: -438px 0;
}

.par_logo li.qwzz_l_5 {
    background-position: -584px 0;
}

.par_logo li.qwzz_l_6 {
    background-position: -730px 0;
}

.par_logo li.qwzz_l_7 {
    background-position: -876px 0;
}

.par_logo li.qwzz_l_8 {
    background-position: -1022px 0;
}

.par_logo li.qwzz_l_9 {
    background-position: 0px -73px;
}

.par_logo li.qwzz_l_10 {
    background-position: -146px -73px;
}

.par_logo li.qwzz_l_11 {
    background-position: -292px -73px;
}

.par_logo li.qwzz_l_12 {
    background-position: -438px -73px;
}

.par_logo li.qwzz_l_13 {
    background-position: -584px -73px;
}

.par_logo li.qwzz_l_14 {
    background-position: -730px -73px;
}

.par_logo li.qwzz_l_15 {
    background-position: -876px -73px;
}

.par_logo li.qwzz_l_16 {
    background-position: -1022px -73px;
}

.par_logo li.qwzz_l_17 {
    background-position: 0px -146px;
}

.par_logo li.qwzz_l_18 {
    background-position: -146px -146px;
}

.par_logo li.qwzz_l_19 {
    background-position: -292px -146px;
}

.par_logo li.qwzz_l_20 {
    background-position: -438px -146px;
}

.par_logo li.qwzz_l_21 {
    background-position: -584px -146px;
}

.par_logo li.qwzz_l_22 {
    background-position: -730px -146px;
}

.par_logo li.qwzz_l_23 {
    background-position: -876px -146px;
}

.par_logo li.qwzz_l_24 {
    background-position: -1022px -146px;
}

.par_logo li.qwzz_l_25 {
    background-position: 0px -219px;
}

.par_logo li.qwzz_l_26 {
    background-position: -146px -219px;
}

.par_logo li.qwzz_l_27 {
    background-position: -292px -219px;
}

.par_logo li.qwzz_l_28 {
    background-position: -438px -219px;
}

.par_logo li.qwzz_l_29 {
    background-position: -584px -219px;
}

.par_logo li.qwzz_l_30 {
    background-position: -730px -219px;
}

.par_logo li.qwzz_l_31 {
    background-position: -876px -219px;
}

.par_logo li.qwzz_l_32 {
    background-position: -1022px -219px;
}

.par_logo li.qwzz_l_33 {
    background-position: 0px -292px;
}

.par_logo li.qwzz_l_34 {
    background-position: -146px -292px;
}

.par_logo li.qwzz_l_35 {
    background-position: -292px -292px;
}

.par_logo li.qwzz_l_36 {
    background-position: -438px -292px;
}

.par_logo li.qwzz_l_37 {
    background-position: -584px -292px;
}

.par_logo li.qwzz_l_38 {
    background-position: -730px -292px;
}

.par_logo li.qwzz_l_39 {
    background-position: -876px -292px;
}

.par_logo li.qwzz_l_40 {
    background-position: -1022px -292px;
}

.par_logo li.qwzz_l_1:hover {
    background-position: 0px -365px;
}

.par_logo li.qwzz_l_2:hover {
    background-position: -146px -365px;
}

.par_logo li.qwzz_l_3:hover {
    background-position: -292px -365px;
}

.par_logo li.qwzz_l_4:hover {
    background-position: -438px -365px;
}

.par_logo li.qwzz_l_5:hover {
    background-position: -584px -365px;
}

.par_logo li.qwzz_l_6:hover {
    background-position: -730px -365px;
}

.par_logo li.qwzz_l_7:hover {
    background-position: -876px -365px;
}

.par_logo li.qwzz_l_8:hover {
    background-position: -1022px -365px;
}

.par_logo li.qwzz_l_9:hover {
    background-position: 0px -438px;
}

.par_logo li.qwzz_l_10:hover {
    background-position: -146px -438px;
}

.par_logo li.qwzz_l_11:hover {
    background-position: -292px -438px;
}

.par_logo li.qwzz_l_12:hover {
    background-position: -438px -438px;
}

.par_logo li.qwzz_l_13:hover {
    background-position: -584px -438px;
}

.par_logo li.qwzz_l_14:hover {
    background-position: -730px -438px;
}

.par_logo li.qwzz_l_15:hover {
    background-position: -876px -438px;
}

.par_logo li.qwzz_l_16:hover {
    background-position: -1022px -438px;
}

.par_logo li.qwzz_l_17:hover {
    background-position: 0px -511px;
}

.par_logo li.qwzz_l_18:hover {
    background-position: -146px -511px;
}

.par_logo li.qwzz_l_19:hover {
    background-position: -292px -511px;
}

.par_logo li.qwzz_l_20:hover {
    background-position: -438px -511px;
}

.par_logo li.qwzz_l_21:hover {
    background-position: -584px -511px;
}

.par_logo li.qwzz_l_22:hover {
    background-position: -730px -511px;
}

.par_logo li.qwzz_l_23:hover {
    background-position: -876px -511px;
}

.par_logo li.qwzz_l_24:hover {
    background-position: -1022px -511px;
}

.par_logo li.qwzz_l_25:hover {
    background-position: 0px -584px;
}

.par_logo li.qwzz_l_26:hover {
    background-position: -146px -584px;
}

.par_logo li.qwzz_l_27:hover {
    background-position: -292px -584px;
}

.par_logo li.qwzz_l_28:hover {
    background-position: -438px -584px;
}

.par_logo li.qwzz_l_29:hover {
    background-position: -584px -584px;
}

.par_logo li.qwzz_l_30:hover {
    background-position: -730px -584px;
}

.par_logo li.qwzz_l_31:hover {
    background-position: -876px -584px;
}

.par_logo li.qwzz_l_32:hover {
    background-position: -1022px -584px;
}

.par_logo li.qwzz_l_33:hover {
    background-position: 0px -657px;
}

.par_logo li.qwzz_l_34:hover {
    background-position: -146px -657px;
}

.par_logo li.qwzz_l_35:hover {
    background-position: -292px -657px;
}

.par_logo li.qwzz_l_36:hover {
    background-position: -438px -657px;
}

.par_logo li.qwzz_l_37:hover {
    background-position: -584px -657px;
}

.par_logo li.qwzz_l_38:hover {
    background-position: -730px -657px;
}

.par_logo li.qwzz_l_39:hover {
    background-position: -876px -657px;
}

.par_logo li.qwzz_l_40:hover {
    background-position: -1022px -657px;
}


/* partant  end */


/* --- */

.t-fixedform {
    background: #0f1826;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 100px;
    color: #fff;
    display: none;
}

.t-fixedform__wrap {
    position: relative;
    color: #333;
}

.t-fixedform__close {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    top: -32px;
    cursor: pointer;
    z-index: 999;
    background: rgba(0, 0, 0, 0.55);
    text-align: center;
    line-height: 32px;
    color: #fff;
}

.footer-fixed-contact-wrap-open {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    background-color: #d6000f;
    display: none;
    font-size: 0;
    cursor: pointer;
}

.footer-isClose .footer-fixed-contact-wrap-open {
    display: block;
}

.footer-fixed-contact-wrap-open i {
    font-size: 60px;
    width: 100px;
    height: 100px;
    display: inline-block;
    line-height: 100px;
    color: #fff;
    text-align: center;
}

.footer-isClose {
    -moz-transform: translateX(-moz-calc(-100% + 100px));
    -webkit-transform: translateX(-webkit-calc(-100% + 100px));
    -ms-transform: translateX(calc(-100% + 100px));
    -o-transform: translateX(calc(-100% + 100px));
    transform: translateX(calc(-100% + 100px));
}

.t-fixedform__col1 {
    width: 190px;
    float: left;
    margin-right: 30px;
}

.t-fixedform__col1__img {
    margin-top: -12px;
}

.t-fixedform__col2 {
    width: 280px;
    height: 100px;
    background: #d6000f;
    text-align: center;
    padding: 10px 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.t-fixedform__col2__title {
    font-size: 24px;
    color: #fff;
}

.t-fixedform__col2__border {
    width: 100%;
}

.t-fixedform__col2__border span {
    width: 80%;
    height: 1px;
    display: block;
    margin: 0 auto;
    background: -webkit-linear-gradient(to right, #d6000f, #ffffff, #d6000f);
    background: -moz-linear-gradient(to right, #d6000f, #ffffff, #d6000f);
    background: -o-linear-gradient(to right, #d6000f, #ffffff, #d6000f);
    background: -webkit-linear-gradient(left, #d6000f, #ffffff, #d6000f);
    background: -moz-linear-gradient(left, #d6000f, #ffffff, #d6000f);
    background: -o-linear-gradient(left, #d6000f, #ffffff, #d6000f);
    background: linear-gradient(to right, #d6000f, #ffffff, #d6000f);
}

.t-fixedform__col2__text {
    color: #fff;
    font-size: 24px;
}

.t-fixedform__col2__text span {
    color: #fff;
    font-weight: bold;
}

.t-fixedform__col3 {
    padding-top: 40px;
    line-height: 30px;
    float: left;
    width: 160px
}

.t-fixedform__col3__img {
    width: 22px;
    height: 22px;
    margin: 5px 8px 0 0;
    color: #fff;
    font-size: 16px;
    vertical-align: top
}

.t-fixedform__col3 span {
    font-size: 26px;
    font-weight: 500
}

.t-fixedform__col3__form {
    margin-top: 34px
}

.t-fixedform__col3__form__mr {
    margin-right: 0!important
}

.t-fixedform__col4 {
    float: left;
    width: 740px
}

.t-fixedform__col4__address {
    float: left;
    width: 150px
}

.t-fixedform__col4__wrap {
    position: relative
}

.t-fixedform__col4__input {
    width: 100px
}

.t-fixedform__col4__m {
    color: #999;
    position: absolute;
    top: 0;
    right: 10px
}

.t-fixedform__col4__btn {
    background: #d6000f!important;
    border-radius: 0!important;
    border: 1px solid #d6000f!important;
    color: #fff
}

.t-fixedform__col4__btn:hover {
    color: #fff!important
}

.t-fixedform__row {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.t-fixedform__row .ad-custom {
    background: none;
    width: 1000px;
    height: 100px;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.t-fixedform__row .ad-custom .input-list {
    width: 760px;
    padding: 0 20px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.t-fixedform__row .ad-custom .input-list .input-box,
.t-fixedform__row .ad-custom .input-list .input-box input {
    border-radius: 5px;
    color: #b1b1b1;
}

.t-fixedform__row .ad-custom .input-list .input-box input {}

.t-fixedform__row .ad-custom .input-list .input-box {
    width: 220px;
    height: 50px;
}

.t-fixedform__row .ad-custom .input-list .button-box {
    width: 220px;
    height: 50px;
    text-align: center;
    border-radius: 5px;
}

.t-fixedform__row .ad-custom .input-list .button-box button {
    border-radius: 5px;
    height: 100%;
}

.t-fixed-tel {
    width: 220px;
    color: #fff;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
}

.t-fixed-tel i {
    font-size: 22px;
}

.t-fixed-tel span {
    display: inline-block;
    font-size: 22px;
}

.t-fixed-tel p {
    color: #d6000f;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.t-fixedshou {
    width: 100%;
    height: 100px;
    background: rgba(0 0 0 /.8);
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    -moz-transition: transform .6s ease;
    -webkit-transition: transform .6s ease;
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    -o-transition: -o-transform .6s ease;
    -moz-transition: transform .6s ease, -moz-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease, -moz-transform .6s ease, -o-transform .6s ease;
    z-index: 999;
}

.t-fixedshou .flexBox {
    width: 100%;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.t-fixed-left {
    width: 146px;
}

.t-fixed-left img {
    margin-top: -30px;
}

.t-fixed-right p {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
}

.t-fixed-right p span {
    color: #d6000f;
}

.t-fixed-right img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* ---   end */


/* footer */

.footer-content {
    border-top: 4px solid #d6000f;
    background: #0f0f0f url(../images/footer.png) no-repeat center;
    -o-background-size: cover;
    background-size: cover;
}

.footer_top {
    padding: 0;
}

.footer_nav {
    width: 960px;
    margin: 30px auto;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
}

.footer_nav a {
    font-size: 18px;
    color: rgba(255, 255, 255, .33);
}

.footer_nav a:hover {
    color: #d6000f;
}

.footer-body {
    padding-top: 60px;
    padding-bottom: 100px;
}

.footer-body-bottom {
    font-size: 16px;
    text-align: center;
}

.footer-body-bottom:before {
    content: "";
    display: block;
    background-color: rgba(255, 255, 255, .11);
    width: 800px;
    height: 1px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.footer-body-bottom p,
.footer-body-bottom a {
    vertical-align: middle;
    color: rgba(255, 255, 255, .22);
}

.footer-body-bottom a.recordcode {
    padding-left: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAFDklEQVQ4EQXBbWwbZwHA8f89dz6fz2/nxLFj4tI1jdamrG1GW2AjpFuH9oLaMIJUVoQQQ2VMoDGB2AfQ+DCND+NLJaZpgMqQ6NQPwJAm2qqsy4LY1ooOphbaqi9Zmqax0zSx49hn34vPdw+/nyKlBKcDQIRAyAhXr5CIDQLtQefmhcl/nP7393y3pz/06M6jfTt2vA3DFd+XxF0XhAIIAMikUaSUBE4TFIkIJaqeA95/ePb0mWfP/v3GpHRnjUXfRM1ZbMwbuDWzN/7I8InRA1N/kOE9J6XfRioKIFGzQwiAlmLTlutIMwe6Z8z85o2Zbz8zfbDtLRj3plQOG3d51ljkwQeK9D1Q1A4/8+7Xzrz6ygklocYdXcHjPwTaxwAIAFSBUDNool72L7z8zq+PNzl0eJjvlFtkf3eF+vWQ+lxIc/9v+Wp4ieePPcXRvwbI67//S8r0DGGkMJJxAARAyrdJxpujt0++ODex/9KENVLkh/lLzB9vITZYhHYX/AhlwOLcc2c5aF6g+MX7+fL+UwdWP3zjprNwccvV9/4GgACI+y6a907qxPW0/tHSbp7YbdO+2ELcbqJYceJrId7Zu8Q29WO0XWp/PM/UY11mPtnGmx+EpZTSSSDGABAAzdVaOfrXe0ciJQGaQ8ZeorUMsTCANQ9ls4m+y0Lc6aATUZt3GerzQVFotAXxAe3I1vGpTQACYOHau1/vVqvjuZQOvTiyVCI/Pkgbif1gP+GhMqmXxjCf34EYMCnsytNxuiAlpYIJlYsPry2e+y6AADBTudGWHTA84IHRz5nzJtq+DPUDGwmrNsr/Ojin7hLMr6O/ME7fj3fy1rEGkGRsu0ZnbgWvMlcGEADR2tKBVkPjvrJN+XM6r7+Z5J+vVBjbUyJrpnGuNIhWfLxLDdLVdS6/fINXj8UpjllsH2pSq/oEa9fGAQSA0DqW3RJkVm9w8LGQXpAiOLlM/58+RgzF6A6oRAWN/L4SpZmb1I5eptNVmZqMka7PYrc0tLSIAWgACfPT02LLrcmwOMTTn7c5MjTA69VRgsUr9NdnEdkE7pUG9kiBaq7En0UCMhZPf2GFXrqM9RkFM7fhFIAGAKIgW5KlOZv7Ruf55U938eILE5y0t0MrYNKp02cJ3jqVpo0J5PjJDwz2jMyyNAt4DlHP3gmgAWhWd3cvXSRYDqisXOVH43GmppPMnHa4Jnbw+LZPKCVq9E4M0W24bNhq8vPHb3H33C2cwMDI62iWvhVAkVLitz/6Zv38r467y138WgCVBTY/OUa8aEBYJ6xrtFdcspv6YGM/VGrMv30dN50nNZwiMWiSHTm0V8995X1FSglAr/Pfb61dPvJa6LnZ2gfLaEnJ4N5RwjWXwOkgTAOjL4mix6ifm6MXamR3bybwqGe3TDyVtDLTiv4oGkDgLuCuulVvOeEaxShb3DdC2OwQ2i0wdVTdQk9Ad71Np9LA2NiPUS7irzt4VVsmNrRRMxkSgACQ3ZuofPizwmfTg7FcCb8ZEYUaUajirdogI7r1Ju3ZVRQ1BoqCd6dGLCEofqmU1037+5ELAAJAVzPE+/c8aTvZ15xKpaOr62QKPWKKg64EqP460nVJb82TGckg9DZaVkfJDd7uaff/QjPv/YaqrwKgASADlJjmtOrJ59yrxZfc5uoTfrC491PbBrZFtpIyLNGnJdLYd7idGLAcrTBxcW1uZdpdaJwZ2luIFFVFhh4A/wcuIjcTHG3F4QAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: left;
}

.footer_branch_stores {
    width: 1280px;
    margin: 30px auto;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    
    display: -moz-flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;

    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;

    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
}

.footer_branch_stores label {
    width: 100px;
    text-align: center;
    font-size: 18px;
    color: rgba(255, 255, 255, .33);
}

.footer_tel {
    width: 400px;
    height: 80px;
    margin: 0 auto;
    font-size: 24px;
    transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.footer_tel span {
    width: 200px;
    height: 80px;
    border-radius: 5px 0 0 5px;
    background: -webkit-linear-gradient(to bottom, #ffffff, #999999);
    background: -moz-linear-gradient(to bottom, #ffffff, #999999);
    background: -o-linear-gradient(to bottom, #ffffff, #999999);
    background: -webkit-linear-gradient(top, #ffffff, #999999);
    background: -moz-linear-gradient(top, #ffffff, #999999);
    background: -o-linear-gradient(top, #ffffff, #999999);
    background: linear-gradient(to bottom, #ffffff, #999999);
    color: #333;
    font-weight: 400;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.footer_tel a {
    width: 200px;
    height: 70px;
    background: -webkit-linear-gradient(to bottom, #d6000f, #99000b);
    background: -moz-linear-gradient(to bottom, #d6000f, #99000b);
    background: -o-linear-gradient(to bottom, #d6000f, #99000b);
    background: -webkit-linear-gradient(top, #d6000f, #99000b);
    background: -moz-linear-gradient(top, #d6000f, #99000b);
    background: -o-linear-gradient(top, #d6000f, #99000b);
    background: linear-gradient(to bottom, #d6000f, #99000b);
    color: #fff;
    font-weight: 700;
    border-radius: 0 5px 5px 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}


/* footer  end */


/* tc */

.tc_inner {
    width: 100%;
    height: 100vh;
    background: rgba(16, 51, 70, .5);
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    display: none;
    z-index: 200;
}

.tc_three.three {
    display: block !important;
    opacity: 0;
    visibility: hidden;
}

.tc_three.three.on {
    opacity: 1;
    visibility: inherit;
}

.tc_wrap {
    width: 456px;
    position: absolute;
    background: #fff;
    padding: 40px 90px;
    border-top: 3px solid #d6000f;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tc_clock {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    color: #fff;
    width: 35px;
    height: 35px;
    background: #000;
    cursor: pointer;
    border-bottom-left-radius: 15px;
}

.tc_clock img {
    display: block;
    width: 16px;
    margin: 7px auto;
}

.tc_title {
    margin-bottom: 30px;
}

.tc_title h3 {
    font-size: 25px;
    font-weight: bold;
}

.tc_title p {
    font-size: 16px;
}

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

.tc_input input,
.tc_input select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    border-radius: 30px;
    font-size: 16px;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, .11), 0 0 3px rgba(0, 0, 0, .33);
}

.tc_button {
    margin-top: 20px;
}

.tc_button span {
    font-size: 16px;
    color: #d6000f;
}

.tc_button button {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 30px;
    border: none;
    margin-top: 15px;
    background: #d6000f;
}

.tc_button button:hover {
    background: #99000b;
    background: -webkit-linear-gradient(to bottom, #d6000f, #99000b);
    background: -moz-linear-gradient(to bottom, #d6000f, #99000b);
    background: -o-linear-gradient(to bottom, #d6000f, #99000b);
    background: -webkit-linear-gradient(top, #d6000f, #99000b);
    background: -moz-linear-gradient(top, #d6000f, #99000b);
    background: -o-linear-gradient(top, #d6000f, #99000b);
    background: linear-gradient(to bottom, #d6000f, #99000b);
}

.tc_fg>p {
    margin-bottom: 15px;
}

.tc_fg ul {
    -webkit-flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
}

.tc_fg li {
    width: 21%;
    margin: 0 2%;
    cursor: pointer;
}

.tc_fg li img {
    position: relative;
    border: 2px solid #fff;
}

.tc_fg li.on img {
    border: 2px solid #d6000f;
}

.tc_fg li span {
    position: relative;
}

.tc_fg li.on span::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background: #d6000f url(../images/yes.png) no-repeat center;
    -o-background-size: 10px;
    background-size: 10px;
    border-radius: 50%;
    top: -24px;
    left: 50%;
    margin-left: -10px;
}

.tc_fg li span {
    background: #dddddd;
    display: block;
    padding: 3px;
    margin-top: 10px;
    font-size: 16px;
}

.tc_fa .tc_wrap {
    width: 666px;
    padding-left: 40px;
    padding-right: 40px;
}

.tc_dsq .tc_wrap {
    padding-left: 90px;
    padding-right: 90px;
}

.tc_sjfa {
    width: 80%;
    margin: 30px auto 0;
}

.tc_sjfa ul li {
    width: 46%;
    margin: 0 2%;
}

.tc_xzfg li {
    width: 49%;
    margin: 0 0.5%;
}

.fg_page {
    margin-top: 30px;
}

.fg_page i {
    color: #d6000f;
}

.newzlbj_box2 {
    -webkit-flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
}

.newzlbj_box2 li {
    width: 16.666%;
    background: #dddddd;
    margin: 0 5px;
    padding: 2px 0;
}

.newzlbj_box2 li.on {
    background: #d6000f;
    color: #fff;
}

.newzlbj_box2 li p {
    font-size: 16px;
}

.tc_bjsc h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}

.tc_dsq_lx {
    width: 100%;
}

.tc_mfsj {
    border-radius: 10px;
    overflow: hidden;
}

.tc_sjmf_l {
    width: 50%;
}

.tc_sjmf_r {
    width: 50%;
    padding: 30px 40px;
}

.tc_mfsj .tc_clock {
    background: #0000ff;
}

.tc_mfsj .tc_wrap {
    padding: 0;
    border: none;
    width: 750px;
}

.tc_mfsj .tc_button span {
    color: #333;
    margin-top: 20px;
    display: block;
}

.tc_mfsj .tc_button span i,
.tc_title p i {
    color: #d6000f;
}

.tc_mfsj .tc_sjfa ul li {
    width: 100%;
    margin: 5px 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.tc_mfsj .tc_sjfa ul li span,
.tc_mfsj .tc_sjfa ul li input,
.tc_mfsj .tc_sjfa ul li select {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    border-radius: 0;
}

.tc_mfsj .tc_sjfa ul li input,
.tc_mfsj .tc_sjfa ul li select {
    width: 180px;
}

.tc_mfsj .tc_sjfa ul li input {
    margin-left: 10px;
}

.tc_mfsj .tc_sjfa {
    margin-top: 20px;
}

.tc_mfsj .tc_title {
    margin-bottom: 10px;
}


/* tc  end */


/* quote-new */

.zy_house {
    padding-bottom: 60px;
}

.bg-center {
    background-repeat: no-repeat;
    background-position: center;
}

.zybox_h2 {
    width: 100%;
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-top: 64px;
    margin-left: 24px;
    text-shadow: 5px 5px 15px rgba(0, 0, 0, .33);
}

.zybox_p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 23px;
    text-shadow: 5px 5px 15px rgba(0, 0, 0, .33);
}

.con h1,
.con h3 {
    font-weight: 400
}

.con {
    width: 1100px;
    margin: 0 auto;
    color: #333
}

.con_t {
    font-size: 24px;
    padding-bottom: 15px
}

.con_bj {
    position: relative;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    overflow: hidden;
}

.con_bj h3 {
    font-size: 24px;
}

.con_bj h3 span {
    font-size: 16px;
    letter-spacing: -1px;
    margin-left: 6px;
}

.con_bj h3 em {
    color: #f72f0e;
}

.con_bj_cal {
    position: relative;
    width: 536px;
    padding: 40px 40px 30px 50px;
    border-right: 1px solid #CBCBCE;
}

.bj_form {
    width: 370px;
    padding-top: 20px;
    font-size: 14px
}

.bj_res_t,
.bj_res_t b,
.calc-btn em,
.ele_bt {
    text-align: center
}

.form_line input {
    background: #fff;
    color: #999;
    font-size: 16px;
    width: 249px;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
}

.bj_form .tip,
.bj_res_con .tip {
    color: #333;
    font-size: 14px
}

.bj_res_con .tip {
    margin-top: 50px;
}

.bj_form .form_error {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px
}

.calc-btn {
    position: absolute;
    top: 124px;
    right: -46px;
    display: block;
    width: 90px;
    height: 90px;
    background: -webkit-linear-gradient(120deg, #ec2302, #fe3716);
    background: -moz-linear-gradient(120deg, #ec2302, #fe3716);
    background: -o-linear-gradient(120deg, #ec2302, #fe3716);
    background: linear-gradient(-30deg, #ec2302, #fe3716);
    border-radius: 45px;
    border: none;
    z-index: 15;
}

.ico-line-btn {
    width: 140px;
    height: 140px;
    right: -71px;
    display: block;
    position: absolute
}

.bj_form .tip,
.bj_res_con .tip i {
    color: #f72f0e;
}

.bj_res_con .tip i {
    color: #f72f0e;
}

.zybox3 {
    height: 83px;
    padding-top: 5px;
    right: -100px;
    bottom: 70px;
    display: block;
    position: absolute;
    font-size: 18px;
    text-align: center;
    width: 206px;
    background: #fcfcfc;
}

.zybox3 h2 {
    font-size: 28px;
    color: #f72f0e;
    line-height: 42px;
}

.ico-line-btn {
    background: url(../images/ico-line-btn.png) no-repeat;
    top: 99px;
    z-index: 9;
}

.calc-btn em {
    display: block;
    font-size: 22px;
    color: #fff;
    width: 44px;
    height: 48px;
    line-height: 27px;
    margin: 0 auto;
}

.circle-animate {
    position: absolute;
    top: 115px;
    right: -56px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #f72f0e;
    z-index: 12;
    -webkit-animation: scale-three2 1.5s ease infinite;
    -moz-animation: scale-three2 1.5s ease infinite;
    -o-animation: scale-three2 1.5s ease infinite;
    animation: scale-three2 1.5s ease infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes scale-three2 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: .8
    }
    100% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

@-webkit-keyframes scale-three2 {
    0% {
        -webkit-transform: scale(1);
        opacity: .7
    }
    100% {
        -webkit-transform: scale(1.3);
        opacity: 0
    }
}

@-moz-keyframes scale-three2 {
    0% {
        -moz-transform: scale(1);
        opacity: .7
    }
    100% {
        -moz-transform: scale(1.3);
        opacity: 0
    }
}

@-o-keyframes scale-three2 {
    0% {
        -o-transform: scale(1);
        opacity: .7
    }
    100% {
        -o-transform: scale(1.3);
        opacity: 0
    }
}

.con_bj_res {
    width: 416px;
    padding: 45px 50px 45px 0;
    color: #333;
    font-size: 16px;
}

.mt20 {
    margin-top: 20px !important;
}

.bj_res_t {
    height: 90px;
    line-height: 90px;
    font-size: 20px;
    background: url(../images/jsj.jpg) no-repeat center;
    -o-background-size: contain;
    background-size: contain;
}

.bj_res_ul li,
.bj_res_ul li strong {
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.bj_res_ul li strong {
    font-size: 18px;
}

.bj_res_t b {
    font-size: 27px;
    display: block;
    text-align: right;
    padding-right: 20px;
    font-family: 'digifaw';
}

.bj_res_t span.bj_res_t_y {
    font-size: 14px
}

.bj_res_ul {}

.bj_res_ul em {
    color: #f72f0e
}

.zy_house select {
    width: 72px;
    padding-left: 8px;
    height: 40px;
    border: 1px solid #e5e5e5;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(../images/down.png) no-repeat 87% center;
    -o-background-size: 10px;
    background-size: 10px;
    font-size: 16px;
    color: #999;
    margin-right: 5px;
}

.bj_res_con {
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 30px;
}

.bj_res_ul li {
    background: #eee;
    border-radius: 5px;
    margin: 15px 0;
    overflow: hidden;
}

.bj_res_ul li p {
    width: 50%;
    float: left;
}

.bj_res_ul li strong {
    width: 50%;
    float: left;
    font-weight: 500;
    border-left: 1px solid #e0e0e0;
}


/* quote-new  end */


/* ----- */

.ny-banner {
    width: 100%;
    height: 600px;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.ny-banner .container {
    height: 100%;
}

.uniqueTag {
    display: none;
}

.ny-mbx {
    line-height: 71px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
}

.ny-mbx .container {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.navigation {
    line-height: 60px;
}

.ny-mbx-title a {
    margin-right: 50px;
    font-size: 18px;
}

.ny-mbx-title a.on {
    display: inline-block;
    border-bottom: 2px solid #d6000f;
    color: #d6000f;
    font-size: 18px;
}

.ny-mbx-title a.on h1 {
    display: inline-block;
    border-bottom: 2px solid #d6000f;
    color: #d6000f;
    font-size: 18px;
}

.nav-home {
    color: #999;
}

.navigation a {
    font-size: 16px;
    color: #999;
}

.navigation span,
h2,
h1 {
    font-size: 16px;
    color: #999;
    font-weight: normal;
    display: inline-block;
}

.navigation a:hover {
    border-bottom: 1px solid #999;
}


/* -----  end */


/* design */

.fourDes_top {
    padding: 42px 0;
}

.fourDes_list {
    border: 1px solid #edecec;
    border-bottom: 1px;
    background: #fff;
}

.fourDes_list li {
    min-height: 60px;
    margin: 0;
    border-bottom: 1px solid #edecec;
    text-align: center;
    line-height: 60px;
    position: relative;
    overflow: hidden;
}

.fourDes_list li .title {
    position: absolute;
    height: inherit;
    width: 100px;
    background: #fafafa;
}

.fourDes_list li .content {
    position: absolute;
    top: 0;
    left: 112px;
    width: -webkit-calc(100% - 112px);
    width: -moz-calc(100% - 112px);
    width: calc(100% - 112px);
    color: #333;
    padding: 0;
    text-align: left;
}

.fourDes_list li a {
    display: inline-block;
    padding: 4px 10px;
    margin-left: 10px;
    line-height: 1.5;
}

.fourDes_list li a.active {
    background: #d6000f;
    color: #fff;
}

.fourDes_list li a:hover {
    color: #d6000f;
}

.fourDes_list li a.active:hover {
    color: #fff;
}

.four_bottom {
    background: #fff;
    overflow: hidden;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: end;
    -webkit-justify-content: end;
    -moz-justify-content: end;
}

.four_bottom_l {
    padding-left: 25px;
}

.four_bottom_r {
    margin: 15px 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.four_bottom_r input {
    width: 220px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #9e9e9e;
    outline: none;
    padding-left: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.four_bottom_r button {
    background: #d6000f;
    color: #fff;
    width: 160px;
    height: 50px;
    line-height: 50px;
    border: 0;
}

.four_bottom_r button:hover {
    background: -webkit-linear-gradient(to bottom, #d6000f, #99000b);
    background: -moz-linear-gradient(to bottom, #d6000f, #99000b);
    background: -o-linear-gradient(to bottom, #d6000f, #99000b);
    background: -webkit-linear-gradient(top, #d6000f, #99000b);
    background: -moz-linear-gradient(top, #d6000f, #99000b);
    background: -o-linear-gradient(top, #d6000f, #99000b);
    background: linear-gradient(to bottom, #d6000f, #99000b);
    color: #fff;
    width: 160px;
    height: 50px;
    line-height: 50px;
    border: 0;
}

.fourDes_item {
    display: block;
    float: left;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    padding: 10px;
    margin: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-transition: all 0.48s;
    -o-transition: all 0.48s;
    -moz-transition: all 0.48s;
    transition: all 0.48s;
}

.fourDes_item>div {
    position: relative;
}

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

.fourDes_img img {
    width: 100%;
    -webkit-transition: all 0.48s;
    -o-transition: all 0.48s;
    -moz-transition: all 0.48s;
    transition: all 0.48s;
}

.fourDes_pos {
    z-index: 10;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.48s;
    -o-transition: all 0.48s;
    -moz-transition: all 0.48s;
    transition: all 0.48s;
}

.fourDes_pos a {
    float: left;
    width: 50%;
    background: #000;
    color: #fff;
    font-size: 16px;
    line-height: 2.6;
    text-align: center;
}

.fourDes_pos a:last-child {
    background: #d6000f
}

.fourDes_info {
    padding: 14px 0;
}

.fourDes_info h3 {
    font-size: 21px;
    font-weight: 500;
    line-height: 2;
}

.fourDes_info h3 span {
    font-size: 16px;
    margin-left: 11px;
    background: #d6000f;
    color: #fff;
    border-radius: 15px;
    padding: 3px 10px;
}

.fourDes_info h3 i {
    float: right;
    font-size: 16px;
    margin-top: 10px;
    color: #777;
}

.fourDes_info p {
    line-height: 1.8;
    font-size: 16px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.fourDes_info p em {
    float: right;
    font-size: 16px;
    margin-top: 2px;
    color: #777;
}

.fourDes_info p span:first-of-type {
    margin-right: 14px;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.fourDes_item:hover {
    -ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.fourDes_item:hover .fourDes_img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.fourDes_item:hover .fourDes_pos {
    opacity: 1;
}

.fourDes_item:hover .fourDes_info {
    background: #fff;
}

.four_zan {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 36px;
    line-height: 36px;
    background: #d6000f;
    color: #fff;
    text-align: center;
}

.four_zan img {
    width: 20px;
    margin-right: 3px;
    margin-top: -4px;
}

.ad-custom {
    width: 100%;
    overflow: hidden;
    background: url(../images/design-bg.png) repeat center;
    padding: 15px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ad-custom .title {
    width: 25%;
}

.ad-custom .title .block {
    width: 5px;
    height: 20px;
    background: #d6000f;
    border-radius: 2px;
    float: left;
    margin: 6px 10px 0 10px
}

.ad-custom .title .main {
    float: left;
    color: #fff;
    height: 100px;
    line-height: 100px;
    font-size: 24px;
    background: url(../images/sjs-tb.png) no-repeat left;
    -o-background-size: 80px;
    background-size: 80px;
    padding-left: 80px;
}

.ad-custom .title .sub {
    float: left;
    color: #666;
    font-size: 16px;
    margin-top: 8px
}

.ad-custom .title .sub span {
    color: #d6000f
}

.ad-custom .input-list {
    width: 75%;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
}

.ad-custom .input-list .input-box {}

.ad-custom .input-list .input-box input {
    color: #666;
    width: 220px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    padding-left: 20px;
    border: none;
    font-size: 16px;
}

.ad-custom .input-list .button-box {
    cursor: pointer;
    border-radius: 25px;
    overflow: hidden;
}

.ad-custom .input-list .button-box button {
    width: 220px;
    height: 50px;
    line-height: 50px;
    background: #d6000f;
    color: #fff;
    outline: none;
    cursor: pointer;
    border: none;
}

.ad-custom .input-list .button-box:hover {}

.ad-custom .input-list .button-box:hover button {
    background: -webkit-linear-gradient(to bottom, #d6000f, #99000b);
    background: -moz-linear-gradient(to bottom, #d6000f, #99000b);
    background: -o-linear-gradient(to bottom, #d6000f, #99000b);
    background: -webkit-linear-gradient(top, #d6000f, #99000b);
    background: -moz-linear-gradient(top, #d6000f, #99000b);
    background: -o-linear-gradient(top, #d6000f, #99000b);
    background: linear-gradient(to bottom, #d6000f, #99000b);
    color: #fff
}

.page {
    clear: both;
    margin: 3% auto 0;
    text-align: center;
}

.page a {
    display: inline-block;
    border: 1px solid #d7d7d7;
    padding: 6px 12px;
}

.page a.current {
    background: #d6000f;
    border: 1px solid #d6000f;
}

.page a.current {
    color: #fff;
}

.page a {
    font-size: 16px;
    color: #666666;
}

.page a:hover {
    background: #d6000f;
    cursor: pointer;
    border: 1px solid #d6000f;
}

.page a:hover {
    color: #fff;
}

@media (max-width: 480px) {
    .page a {
        padding: 5px 10px;
    }
}


/* design  end */


/* xf */

.zyA_right {
    position: fixed;
    right: 5px;
    bottom: 250px;
    margin-top: -100px;
    width: 75px;
    text-align: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    display: block;
    z-index: 999;
}
#newBridge #nb-frame-chat-box {
    bottom: 100px;
    right: 85px;
}
.zyA_right .zyA_link {
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #fff;
    display: block;
    border-top: 1px solid #999;
}

.zyA_right .zyA_link:first-child {
    border: none;
}

.zyA_right .zyA_link .zyA_box {
    display: block;
    margin: auto;
    color: #d6000f;
    width: 75px;
    height: 75px;
    padding: 10px 0;
    position: relative;
    z-index: 2;
}

.zyA_right .zyA_link .zyA_box i {
    width: 36px;
    height: 36px;
    font-size: 36px;
}

.zyA_right .zyA_link p {
    margin-top: 2px;
    font-size: 16px;
}

.zyA_right .zyA_link:hover i,
.zyA_right .zyA_link:hover p {
    color: #fff;
}

.zyA_right .zyA_link:hover {
    background: #00f;
}

.zyA_right .zyA_link .zyA_box:hover {
    color: #fff;
}

.zyA_right .zyA_link.active {
    background: #d6000f;
    position: relative;
}

.zyA_right .zyA_link.active .zyA_box {
    color: #fff;
    padding: 22px 0 15px;
}

.zyA_box_1 {
    position: absolute;
    top: -14px;
    right: 20%;
}

.zyA_right .zyA_link:hover .zyA_block {
    display: none;
}

.zyA_right .zyA_link:hover .zyA_none {
    display: inline-block;
}

.zyA_none {
    display: none;
}

.zyA_right .zyA_link.code {
    position: relative;
}

.zyA_right .zyA_link.code .zyA_box_2 {
    position: absolute;
    top: -51px;
    right: 100px;
    background: #f1f1f1;
    padding: 8px;
    display: none;
}

.zyA_right .zyA_link.code .zyA_box_2 img {
    width: 150px;
    height: 150px;
}

.zyA_box_2 .zyA_box_2sj {
    display: block;
    width: 0;
    height: 0;
    border-width: 12px 0 12px 12px;
    border-style: solid;
    border-color: transparent transparent transparent #edecec;
    position: absolute;
    top: 50%;
    right: -12px;
    margin-top: -12px;
}

.zyA_right .zyA_link.code:hover .zyA_box_2 {
    display: block;
}


/* xf  end */


/* case */

.cases-box {
    width: 101%;
    overflow: hidden;
}

.cases-items {
    display: block;
    float: left;
    width: 32.333%;
    margin: 0 1% 2% 0;
    cursor: pointer;
    position: relative;
}

.cases-items:nth-child(3n) {
    margin-right: 0;
}

.cases-items .cases-img {
    position: relative;
    overflow: hidden;
}

.cases-items .cases-img a {
    width: 100%;
    height: 100%;
}

.cases-items .cases-img img {
    width: 100%;
    height: 266px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.cases-items .cases-img .cases-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.38);
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.cases-items .cases-img .cases-border {
    position: absolute;
    top: 10%;
    left: 5%;
    width: 90%;
    height: 80%;
    border: 1px solid #ffffff;
    padding: 8%;
}

.cases-items .cases-img .cases-border * {
    color: #ffffff;
}

.cases-items .cases-img .cases-p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 6%;
    line-height: 24px;
}

.cases-items .cases-img .cases-desgin {}

.cases-items .cases-img .cases-desgin h4 {
    font-size: 16px;
    letter-spacing: 1px;
}

.cases-items .cases-img .cases-desgin h4 span {
    display: inline-block;
    letter-spacing: 0;
    font-weight: 600;
    margin-right: 3px;
}

.cases-items .cases-img .cases-desgin p {
    line-height: 28px;
}

.cases-items .cases-con {
    padding: 20px 28px;
    background: #efefef;
    position: relative;
}

.cases-items .cases-con h3 {
    font-size: 18px;
    display: block;
    color: #272727;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.cases-items .cases-con>p {
    padding-right: 72px;
    line-height: 24px;
    overflow: hidden;
    color: #666666;
    font-size: 16px;
}

.cases-items .cases-an {
    text-align: center;
    background: rgba(0, 0, 0, .66);
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
}

.cases-items:hover .cases-an {
    top: 0;
}

.cases-items .cases-an span {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;

    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;

    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.cases-items .cases-an span label {
    border: 1px solid #fff;
    padding: 15px;
    border-radius: 5px;
}

.cases-items .cases-con div p {
    font-size: 16px;
    line-height: 24px;
}

.cases-items .cases-con div p em {
    color: #da251e;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 3px;
}

.cases-items .cases-con .cases-an span {
    font-size: 16px;
    padding: 5px 14px;
    display: inline-block;
    border: 1px solid #333;
}

.cases-items:hover .cases-con .cases-an span {
    background: #d6000f;
    border: 1px solid #d6000f;
    color: #fff;
}

.cases-items:hover .cases-img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.cases-items:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.cases-items:hover .cases-con .cases-an span {
    background: #da251e;
}

.cases-rw {
    position: absolute;
    top: -50px;
    left: 30px;
}

.cases-tx {
    float: left;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: 10px;
    overflow: hidden;
}

.students-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.cases-rw span {
    font-size: 18px;
    color: #fff;
    line-height: 60px;
}


/* case-info */

.mt30 {
    margin-top: 30px;
}

.cases-info-inner {
    margin-bottom: 40px;
    overflow: hidden;
}

.case-tag-box {
    background: #fff;
}

.case-tag-box li {
    width: 33.333%;
    padding: 30px;
    text-align: center;
    border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.case-tag-box li p {
    color: #777;
    margin-top: 10px;
}

.cases-info-left {
    width: 70%;
}

.news-info-inner h3 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #333;
    padding-left: 15px;
    margin: 15px 0;
    background: #ddd;
    background:-moz-linear-gradient(left,#ddd,#fff);
    background:-webkit-linear-gradient(left,#ddd,#fff);
    background: -o-linear-gradient(left,#ddd,#fff);
    background: -ms-linear-gradient(left,#ddd,#fff);
    background: linear-gradient(to right, #ddd,#fff);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#fff',GradientType= );
}

.cases-Tit {
    margin-top: 23px;
    font-size: 26px;
    text-align: center;
}

.cases-Tit h1 {
    color: #000;
    font-size: 24px;
}

.cases-inn {
    margin-top: 20px;
}

.module .module-title {
    position: relative;
    padding-left: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

.module .module-title:before {
    content: "";
    display: block;
    width: 6px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 3px;
    background: #da251e;
}

.module .module-content {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    text-align: center;
}

.module-content .figure-box {
    margin-bottom: 3px;
    background-color: #f6f6f6;
    overflow: hidden;
}

.module-content img {
    width: 100%;
    margin: 0 auto 10px;
}

.module-content p {
    text-align: justify;
    margin-bottom: 20px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    background: #ffffff;
    padding: 8px 15px;
}

.cases-info-right {
    width: 30%;
    padding-left: 30px;
}

.cases-info-sjs,
.cases-info-jsj,
.cases-info-js {
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.cases-sjs-tit {
    margin-bottom: 20px;
    overflow: hidden;
}

.cases-sjs-img {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 50%;
    margin-right: 15px;
    overflow: hidden;
}

.cases-sjs-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.cases-sjs-tit h3 {
    font-size: 18px;
    font-weight: bold;
    padding-top: 12px;
    margin-bottom: 6px;
}

.cases-sjs-tit h3 span {
    color: #d6000f;
}

.cases-sjs-tit a {
    font-size: 16px;
    background: #d6000f;
    color: #fff;
    padding: 3px 10px;
    border-radius: 14px;
}

.cases-info-sjs>p {
    font-size: 16px;
    color: #777;
    margin: 13px 0;
}

.cases-info-jsj .cases-sjs-tit {
    text-align: center;
    margin-bottom: 10px;
}

.cases-info-jsj .bj_res_t {
    background: #f1f1f1;
    height: 50px;
    line-height: 50px;
}

.cases-info-button {
    width: 100%;
}

.cases-info-button button {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.cases-info-button button img {
    width: 20px;
    margin-top: -4px;
    display: inline-block;
    vertical-align: middle;
}

.cases-info-button button:hover {
    background: -webkit-linear-gradient(to bottom, #d6000f, #99000b);
    background: -moz-linear-gradient(to bottom, #d6000f, #99000b);
    background: -o-linear-gradient(to bottom, #d6000f, #99000b);
    background: -webkit-linear-gradient(top, #d6000f, #99000b);
    background: -moz-linear-gradient(top, #d6000f, #99000b);
    background: -o-linear-gradient(top, #d6000f, #99000b);
    background: linear-gradient(to bottom, #d6000f, #99000b);
}

.cases-info-js {
    padding: 50px 30px;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.cases-info-js h3,
.cases-info-js h4 {
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin: 6px 0;
}

.cases-info-js h4 {
    margin-bottom: 15px;
}

.case-info-dt .design_list {
    padding: 0;
    margin-top: 20px;
}

.case-info-dt .design_list .slick-arrow {
    display: none;
    width: 40px;
    -o-background-size: 22px;
    background-size: 22px;
}

.case-info-dt .designer_item {
    margin: 0;
}

.cases-info-lm {
    position: relative;
    background: #fff;
    padding: 20px 20px;
    margin-bottom: 20px;
}

.cases-info-lm .slick-slide {
    text-align: center;
    position: relative;
}

.cases-info-lm .slick-slide.slick-current {
    color: #d6000f;
}

.cases-info-lm::before {
    position: absolute;
    content: '';
    bottom: -15px;
    left: 58px;
    width: 0;
    height: 0;
    border-top: 15px solid #ffffff;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.cases-info-gd::before {
    content: none;
}

.process-gd {
    background: #fff;
    padding: 40px;
    margin: 0;
}

.cases-info-gd a {
    width: 20%;
    text-align: center;
}

.cases-info-gd a.on {
    color: #d6000f;
}

.gd_pic {
    margin-bottom: 30px;
}

.gd_pic p {
    text-align: center;
    color: #777;
    margin-top: 12px;
    font-size: 16px;
}


/* case-info  end */


/* case  end */


/* qwzz */

.ny_title {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 40px;
}

.ny_title h3 {
    font-size: 26px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.ny_title span {
    position: relative;
    width: 60px;
    display: block;
    margin: 0 auto;
}

.ny_title span::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 2px;
    top: 0;
    left: 0;
    background: #0f1826;
}

.ny_title span::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    top: 0;
    right: 0;
    background: #d6000f;
}

.qwzz_ban {
    position: relative;
    background: #0f1826;
    padding: 50px 0;
}

.qwzz_ban::before {
    position: absolute;
    content: '';
    width: -webkit-calc((100% - 1200px) / 2 - 30px);
    width: -moz-calc((100% - 1200px) / 2 - 30px);
    width: calc((100% - 1200px) / 2 - 30px);
    bottom: 0;
    right: 0;
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
    background: #d6000f;
}

.qwzz_ban_tit {
    color: #fff;
}

.qwzz_ban_tit h3 {
    font-size: 40px;
    margin-bottom: 20px;
}

.qwzz_ban_tit h3 span {
    display: block;
    width: 100%;
}

.qwzz_ban_nr {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.qwzz_ban_nr p {
    width: 400px;
    font-size: 16px;
    line-height: 2;
}

.qwzz_ban_nav {
    display: none;
    overflow: hidden;
}

.qwzz_ban_nav a {
    position: relative;
    float: left;
    margin-right: 80px;
    padding-right: 12px;
    color: #fff;
}

.qwzz_ban_nav a.on {
    color: #d6000f;
}

.qwzz_ban_nav a::after {
    content: '';
    position: absolute;
    bottom: 8px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ffffff;
}

.qwzz_ban_nav a.on::before {
    content: '';
    position: absolute;
    bottom: 5px;
    right: -3px;
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background: #d6000f;
}

.qwzz_ban_nav a.on::after {
    bottom: 6px;
    border-right: 5px solid transparent;
    border-top: 5px solid #d6000f;
    border-left: 5px solid transparent;
    right: -3px;
}

.qwzz_ban_dt {
    position: relative;
    width: -webkit-calc(100% + 60px);
    width: -moz-calc(100% + 60px);
    width: calc(100% + 60px);
    margin-top: 30px;
}

@media screen and (max-width: 1500px) {
    .qwzz_ban_dt {
        width: 100%;
    }
}

.qwzz_ban_dt ul {
    position: absolute;
    top: 0;
    right: 0;
    width: 210px;
    height: 100%;
}

.qwzz_ban_dt ul li {
    position: relative;
    width: 70px;
    height: 100%;
    float: left;
    background: rgba(15, 24, 38, .3);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.qwzz_ban_dt ul li a {
    position: absolute;
    width: 20px;
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 3;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.qwzz_ban_dt ul li a h1 {
    font-size: 18px;
    color: #fff;
}

.qwzz_ban_dt ul li:nth-child(2) {
    background: rgba(15, 24, 38, .5);
}

.qwzz_ban_dt ul li:nth-child(3) {
    background: rgba(15, 24, 38, .8);
}

.qwzz_ban_dt ul li:hover {
    background: rgba(15, 24, 38, .95);
}

.qwzz_one {
    background: #f5f5f5;
}

.qwzz_one_ico {
    width: 16.666%;
    border-left: 1px solid rgba(0, 0, 0, .1);
    text-align: center;
    padding: 50px 0 30px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.qwzz_one_ico span {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.qwzz_one_ico.slick-current,
.qwzz_one_ico:hover {
    background: #fff;
}

.qwzz_one_ico.slick-current span {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.qwzz_one_ico .iconfont {
    width: 45px;
    height: 45px;
    font-size: 45px;
}

.qwzz_one_ico .iconfont svg {
    width: 45px;
    height: 45px;
}

.qwzz_one_ico p {
    margin: 20px 0;
}

.qwzz_one_pic {
    padding-left: -webkit-calc((100% - 1280px) / 2);
    padding-left: -moz-calc((100% - 1280px) / 2);
    padding-left: calc((100% - 1280px) / 2);
    padding-bottom: 50px;
    overflow: hidden;
}

.qwzz_one_nr .qwzz_one_pic {
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
}

.qwzz_one_pic .slick-list {
    overflow: visible;
}

.qwzz_one_box {
    position: relative;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.qwzz_one_box.slick-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.qwzz_one_lm {
    width: 1280px;
    margin: 0 auto;
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.qwzz_one_txt {
    position: absolute;
    width: 400px;
    height: 600px;
    padding: 15px;
    color: #fff;
    top: 0px;
    right: 50%;
    margin-right: -640px;
    opacity: 0;
    background: rgba(0 0 0 /.33);
    -webkit-transition: all .5s linear 1s;
    -o-transition: all .5s linear 1s;
    -moz-transition: all .5s linear 1s;
    transition: all .5s linear 1s;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    opacity: 0;
}

.qwzz_one_box.slick-active .qwzz_one_txt {
    opacity: 1;
}

.qwzz_one_txt h1 {
    font-size: 25px;
    color: #fff;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 30px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.qwzz_one_txt h1:before,
.qwzz_one_txt h1:after {
    content: "";
    width: 5px;
    height: 50px;
    background: #ccc;
    transform: skewX(-15deg);
}

.qwzz_one_txt h1:before {
    margin-right: 15px;
}

.qwzz_one_txt h1:after {
    margin-left: 15px;
}

.qwzz_one_txt h3 {
    font-size: 25px;
    color: #fff;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 30px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.qwzz_one_txt h3:before,
.qwzz_one_txt h3:after {
    content: "";
    width: 5px;
    height: 50px;
    background: #ccc;
    transform: skewX(-15deg);
}

.qwzz_one_txt h3:before {
    margin-right: 15px;
}

.qwzz_one_txt h3:after {
    margin-left: 15px;
}

.qwzz_one_txt .qwzz_one_tt {
    font-size: 16px;
    -webkit-flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
}

.qwzz_one_txt .qwzz_one_tt:nth-of-type(1) span,
.qwzz_one_txt .qwzz_one_tt:nth-of-type(2) span {
    border-bottom: 1px solid #333;
}

.qwzz_one_txt .qwzz_one_tt:nth-of-type(1) i,
.qwzz_one_txt .qwzz_one_tt:nth-of-type(2) i {
    border-bottom: 1px solid #666;
}

.qwzz_one_txt .qwzz_one_tt:nth-of-type(1) {
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

.qwzz_one_txt .qwzz_one_tt:nth-of-type(2) {
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}

.qwzz_one_txt .qwzz_one_tt span {
    width: 120px;
    background: #4f4f4f;
    width: 30%;
    padding: 15px;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.qwzz_one_txt .qwzz_one_tt i {
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
    background: #999;
    color: #333;
    width: 70%;
    padding: 15px;
    font-style: normal;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.qwzz_one_img {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.qwzz_one_img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.qwzz_one_pic .slick-prev {
    bottom: 100px;
    left: 50%;
    margin-left: -640px;
    opacity: 0.33;
    z-index: 999;
}

.qwzz_one_pic .slick-prev::before {
    content: '←';
    color: #fff;
    font-size: 16px;
}

.qwzz_one_pic .slick-next {
    bottom: 100px;
    left: 50%;
    margin-left: -520px;
    opacity: 0.33;
    z-index: 999;
}

.qwzz_one_pic .slick-next::before {
    content: '→';
    color: #fff;
    font-size: 16px;
}

.qwzz_one_pic .slick-prev:hover,
.qwzz_one_pic .slick-next:hover {
    opacity: 1;
}


/* 2 */

.qwzz_two {
    background: url(../images/zc-bg.jpg) no-repeat center;
    -o-background-size: cover;
    background-size: cover;
}

.qwzz_two_nr {
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
}

.qwzz_two_pic {
    width: 50%;
    float: left;
    height: 382px
}

.qwzz_two_pic a {
    display: none;
}

.qwzz_two_pic a.on {
    display: block;
}

.qwzz_two_list {
    width: 50%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.qwzz_two_list a {
    float: left;
    text-align: center;
    padding: 4px 15px;
    border: 1px solid #fff;
    cursor: pointer;
    margin: 15px 0;
}

.qwzz_two_list a.on {
    border: 1px solid #d6000f;
    color: #d6000f;
}

.qwzz_two_logo {
    overflow: hidden;
    width: 100%;
    padding: 0 80px;
}

.qwzz_two_logo ul {
    display: none;
}

.qwzz_two_logo ul.on {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

.qwzz_two_logo li img {
    display: block;
    width: auto;
    height: 30px;
    margin: 0 auto;
}


/* 2  end */

.marT50 {
    margin-top: 50px;
}


/* 3 */

.qwzz_three {
    background: #f5f5f5;
    padding-bottom: 50px;
}

.qu_arrow {
    background: #0f1826;
}

.qu_arrow .slick-prev {
    width: 60px;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(15, 24, 38, .6) url(../images/left.png) no-repeat center;
    -o-background-size: 20px;
    background-size: 20px;
    z-index: 999;
}

.qu_arrow .slick-next {
    width: 60px;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(15, 24, 38, .6) url(../images/right.png) no-repeat center;
    -o-background-size: 20px;
    background-size: 20px;
    z-index: 999;
}


/* 3  end */

.pb50 {
    padding-bottom: 50px;
}


/* 4 */

.qwzz_four_list {
    font-size: 0;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
}

.qwzz_four_list li {
    width: -webkit-calc((100% - 30px) / 3);
    width: -moz-calc((100% - 30px) / 3);
    width: calc((100% - 30px) / 3);
    overflow: hidden;
}

.qwzz_four_list li:nth-child(1),
.qwzz_four_list li:nth-child(2) {
    width: -webkit-calc((100% - 15px) / 2);
    width: -moz-calc((100% - 15px) / 2);
    width: calc((100% - 15px) / 2);
    margin-bottom: 15px;
}

.qwzz_four_list li img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.qwzz_four_list li:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}


/* 4  end */


/* 5 */

.qwzz_six li {
    position: relative;
    margin: 0 5px;
    overflow: hidden;
}

.qwzz_six li img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.qwzz_six li:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.qwzz_six_txt {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 10px;
}

.qwzz_six_txt p {
    height: 25px;
    font-size: 16px;
    overflow: hidden;
    -webkit-transition: height .5s;
    -o-transition: height .5s;
    -moz-transition: height .5s;
    transition: height .5s;
}

.qwzz_six li:hover .qwzz_six_txt p {
    height: auto;
}

.qwzz_six .slick-list {
    padding: 0 !important;
}

.qwzz_six .slick-arrow {
    z-index: 9;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.qwzz_six .slick-prev {
    left: -58px;
    background: rgba(0, 0, 0, 0.57) url(../images/left.png) no-repeat center;
    -o-background-size: 15px;
    background-size: 15px;
}

.qwzz_six .slick-next {
    right: -58px;
    background: rgba(0, 0, 0, 0.57) url(../images/right.png) no-repeat center;
    -o-background-size: 15px;
    background-size: 15px;
}

.qwzz_six .slick-arrow:hover {
    background-color: rgba(0, 0, 0, .8);
}


/* 5  end */


/* 6 */

.qwzz_logo {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.qwzz_logo img {
    width: 1280px;
    height: 800px;
}


/* soft */

.soft-banner {
    position: relative;
    width: 100%;
    height: -webkit-calc(100vh - 100px);
    height: -moz-calc(100vh - 100px);
    height: calc(100vh - 100px);
    background: #15181d;
}

.soft-ban-left {
    width: 40%;
    position: relative;
}

.soft-ban-left .cases-info-jsj {
    width: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 15px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 50px 40px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .77);
    text-align: center;
}

.soft-ban-left .cases-sjs-tit {
    color: #333;
    margin-bottom: 40px;
}

.soft-ban-left .cases-sjs-tit h3 {
    font-size: 26px;
}

.soft-ban-left .tc_input input {
    border-radius: 30px;
    background: #fff;
    color: #333;
    padding: 12px 18px;
}

.soft-ban-left .tc_button {
    width: 100%;
}

.soft-ban-right {
    position: relative;
    width: 60%;
}

.soft-ban-txt {
    color: #fff;
    text-align: center;
    padding-top: 20%;
}

.soft-ban-txt h3 {
    font-size: 44px;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

.soft-ban-txt p {
    font-size: 20px;
    letter-spacing: 2px;
}

.soft-ban-icon {
    position: absolute;
    width: 100%;
    bottom: 12%;
    left: 0;
    padding: 40px 10%;
    background: rgba(15, 24, 38, .6);
    -webkit-flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.soft-ban-icon .iconfont {
    width: 40px;
    margin: 0 auto;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    height: 40px;
    color: #fff;
    font-size: 37px;
}

.soft-ban-icon li:hover .iconfont {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.soft-ban-icon span {
    color: #fff;
    text-align: center;
    display: block;
    font-size: 16px;
    margin-top: 7px;
}


/* 1 */

.softOne {
    overflow: hidden;
}

.soft-title {
    width: 800px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 30px;
}

.soft-title h3 {
    font-size: 33px;
    margin-bottom: 15px;
}

.soft-title p {
    color: #777;
    font-size: 18px;
    line-height: 2;
}

.softOne_list li {
    width: 12.5%;
    text-align: center;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    cursor: pointer;
}

.softOne_list li h3 {
    font-weight: bold;
}

.softOne_list li span {
    display: block;
    font-size: 16px;
}

.softOne_list li.slick-current {
    border-bottom: 2px solid #d6000f;
}

.softOne_box {
    padding-right: -webkit-calc((100% - 1280px)/2);
    padding-right: -moz-calc((100% - 1280px)/2);
    padding-right: calc((100% - 1280px)/2);
}

.softOne_box .slick-list {
    overflow: inherit;
}

.softOne_in {
    position: relative;
    opacity: 0.6;
}

.softOne_in.slick-active {
    opacity: 1;
}

.softOne_txt {
    width: 360px;
    background: rgba(255, 255, 255, .8);
    position: absolute;
    padding: 50px 50px 80px;
    top: 50%;
    left: -webkit-calc(100% - 1280px);
    left: -moz-calc(100% - 1280px);
    left: calc(100% - 1280px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.softOne_txt h3 {
    font-size: 22px;
}

.softOne_txt p {
    line-height: 2;
    margin: 30px 0;
}

.softOne_txt a {
    display: inline-block;
    border: 1px solid #333;
    padding: 3px 18px;
}

.softOne_box .slick-next {
    position: absolute;
    right: -webkit-calc((100% - 1280px)/2 - 110px);
    right: -moz-calc((100% - 1280px)/2 - 110px);
    right: calc((100% - 1280px)/2 - 110px);
    bottom: 60px;
    width: 100px;
}

.softOne_box .slick-next::after {
    content: 'Next →';
    font-size: 16px;
    color: #fff;
    z-index: 999;
}


/* 1  end */


/* 2 */

.softTwo_list {
    width: 50%;
    margin: 0 auto 30px;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
}

.softTwo_list span {
    text-align: center;
    cursor: pointer;
}

.softTwo_list span.on {
    color: #d6000f;
}

.softTwo_box .softTwo_fb {
    display: none;
}

.softTwo_box .softTwo_fb.on {
    display: block;
}


/* 2  end */


/* 3 */

.softThree {
    background: #262626;
}

.soft-title.write,
.soft-title.write p {
    color: #fff;
}


/* 3  end */


/* 4 */

.softThree_box {
    overflow: hidden;
}

.softThree_left {
    width: 33.333%;
    float: left;
}

.softThree_left img {
    width: 90%;
}

.softThree_nr {
    display: none;
}

.softThree_nr.on {
    display: block;
}

.softThree_txt {
    background: #d6000f;
    color: #fff;
    margin-top: 20px;
    padding: 20px 30px;
    width: 90%;
}

.softThree_txt h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.softThree_txt h3 i {
    font-size: 16px;
}

.softThree_txt p {
    font-size: 16px;
    height: 50px;
    overflow: hidden;
}

.softThree_txt a {
    display: inline-block;
    padding: 4px 15px;
    background: #000;
    font-size: 16px;
    margin-top: 20px;
    color: #fff;
}

.softThree_right {
    width: 66.666%;
    float: left;
    padding-left: 30px;
}

.softThree_pic {
    overflow: hidden;
}

.softThree_pic li {
    float: left;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    margin: 0 10px;
    position: relative;
    padding-top: 23%;
    cursor: pointer;
    overflow: hidden;
}

.softThree_pic li img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 3px solid #262626;
    border-radius: 50%;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1)
}

.softThree_pic li.on img {
    border: 3px solid #d6000f;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=0);
    -webkit-filter: grayscale(0)
}

.softThree_img {
    margin-top: 40px;
}

.softThree_img li {
    position: relative;
    padding-top: 41%;
    overflow: hidden;
    display: none;
}

.softThree_img li img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.softThree_img li.on {
    display: block;
}


/* 4  end */


/* 5 */

.softFour {
    position: relative;
}

.softFour::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 80%;
    bottom: 0;
    left: 0;
}

.softFour_box {
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 60px;
}

.softFour_left {
    width: 50%;
    padding-right: 30px;
}

.softFour_right {
    width: 50%;
    padding-left: 30px;
    margin-bottom: -60px;
}

.softFour_right p {
    margin-bottom: 30px;
    text-align: center;
}

.abAbout_num {
    margin-bottom: 80px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.abAbout_num div {
    position: relative;
    text-transform: capitalize;
}

.abAbout_num p {
    font-size: 40px;
    font-weight: bold;
    color: #000;
}

.abAbout_num p span {
    vertical-align: middle;
    display: inline-block;
}

.abAbout_num>div>span {
    display: block;
    text-align: center;
}

.softFour .soft-ban-icon {
    position: relative;
    margin-top: 50px;
}

.softFour .soft-ban-icon .container {
    max-width: 90%;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.softFour .soft-ban-icon .iconfont {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 3px solid #999;
    border-radius: 50%;
    font-size: 24px;
}

.softFour .soft-ban-icon i {
    color: #fff;
    display: block;
    text-align: center;
    margin: 10px 0 3px;
}

.softFour .soft-ban-icon .iconfont.softIcon {
    font-size: 39px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
}


/* 5   end*/


/* 6 */

.accordion-box {
    width: 100%;
    height: 409px
}

.accordion-box ul {
    padding: 0;
    width: inherit;
    height: 409px;
    overflow: hidden;
    position: relative
}

.accordion-box ul li {
    width: 792px;
    height: 409px;
    position: absolute;
    top: 0;
    -o-transition: all ease .3s 0s;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
    overflow: hidden;
}

.accordion-box ul li .left {
    width: 674px;
    height: inherit;
    overflow: hidden;
    position: relative;
    float: left
}

.accordion-box ul li .left .shadow {
    position: absolute;
    bottom: 120px;
    width: 674px;
    height: 125px;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

.accordion-box ul li .left .shadow .title {
    line-height: 35px;
}

.accordion-box ul li .left .shadow a {
    width: 122px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #fff;
    border-radius: 2px;
    display: inline-block;
    font-size: 16px;
    margin-top: 10px;
}

.accordion-box ul li .left .shadow a img {
    width: 8px;
    height: 14px;
}

.accordion-box ul li .left img {
    z-index: -1;
    width: 674px;
    height: 409px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-transition: all ease .3s 0s;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}

.accordion-box ul li .right {
    width: 118px;
    height: 409px;
    float: left;
    position: relative;
    -o-transition: all ease .3s 0s;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}

.accordion-box ul li .right .title {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: tb-lr;
    position: absolute;
    top: 150px;
    left: 43px;
    font-size: 20px;
    -webkit-writing-mode: tb-lr;
    -ms-writing-mode: tb-lr;
    color: #333;
    letter-spacing: 7px;
}

.accordion-box ul li .right .title span {
    font-size: 16px;
    color: #999;
    margin-top: 12px;
    text-transform: uppercase;
}

.accordion-box ul li .right .sub-title {
    -ms-writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    -webkit-writing-mode: tb-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: tb-lr;
    position: absolute;
    top: 115px;
    font-size: 16px;
    left: 27px
}

.accordion-box ul li .right::before {
    -o-transition: all ease .3s 0s;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 48%;
    left: -10px;
    width: 0;
    height: 0;
    border-right-width: 10px;
    border-right-style: solid;
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: transparent
}

.accordion-box ul li:nth-child(odd) .right {
    background: #DEE0E2
}

.accordion-box ul li:nth-child(odd) .right::before {
    border-right-color: #DEE0E2
}

.accordion-box ul li:nth-child(even) .right {
    background: #F6F8FA
}

.accordion-box ul li:nth-child(even) .right::before {
    border-right-color: #F6F8FA
}

.accordion-box ul li:hover .right {
    background: #0f1826;
}

.accordion-box ul li:hover .right::before {
    border-right-color: #0f1826;
}

.accordion-box ul li:hover .right .title {
    color: #d6000f;
}


/* 6  end */


/* soft  end */


/* technology */

.technologyOne {
    background: #f5f5f5;
    padding-bottom: 300px;
}

.technologyOne>.container::after {
    position: absolute;
    content: '';
    width: 272px;
    height: 249px;
    top: 0;
    right: -300px;
    z-index: 999;
}

.technologyOne_box {
    width: 88%;
    margin: 0 auto;
    background: #0f1826;
    position: relative;
    padding-bottom: 320px;
}

.technologyOne_box>h3 {
    padding: 70px 0 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 800px;
    margin: 0 auto;
}

.technologyOne_box .softFour::before {
    content: none;
}

.technologyOne_box .softFour .soft-ban-icon {
    padding: 0;
    background: none;
}

.technologyOne_nr {
    background: #fff;
    width: 88%;
    margin: 40px 6% 0;
    padding: 50px 30px 40px 30px;
    position: absolute;
}

.technologyOne_nr h3 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 20px;
}

.technologyOne_pic a {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin: 0 10px;
    position: relative;
    padding-top: 35%;
    overflow: hidden;
}

.technologyOne_pic a img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}


/* 1 */

.technologyTwo {
    background: #0f1826;
    padding-top: 60px;
    padding-bottom: 60px;
}

.technologyTwo_tit {
    width: 100%;
    overflow: hidden;
}

.technologyTwo_t_t {
    color: #fff;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.technologyTwo_t_t h3 {
    font-size: 28px;
}

.technologyTwo_t_t span {
    font-size: 16px;
}

.technologyTwo_t_r .ad-custom {
    background: none;
    padding: 0;
    margin: 0;
}

.technologyTwo_t_r {
    width: 100%;
    color: #999;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
}

.technologyTwo_t_r .ad-custom .input-list {
    width: 700px;
    margin: 15px auto;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

.technologyTwo_t_r .ad-custom .input-list .input-box {}

.technologyTwo_t_r .ad-custom .input-list .input-box input {
    background: #ddd;
    width: 220px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
}

.technologyTwo_t_r .ad-custom .input-list .button-box {}

.technologyTwo_t_r .ad-custom .input-list .button-box button {
    background: #d6000f;
    color: #fff;
    width: 220px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    border-radius: 25px;
}

.technologyTwo_t_r .ad-custom .input-list .button-box:hover,
.technologyTwo_t_r .ad-custom .input-list .button-box:hover button {
    background: -webkit-linear-gradient(to bottom, #d6000f, #99000b);
    background: -moz-linear-gradient(to bottom, #d6000f, #99000b);
    background: -o-linear-gradient(to bottom, #d6000f, #99000b);
    background: -webkit-linear-gradient(top, #d6000f, #99000b);
    background: -moz-linear-gradient(top, #d6000f, #99000b);
    background: -o-linear-gradient(top, #d6000f, #99000b);
    background: linear-gradient(to bottom, #d6000f, #99000b);
    color: #fff;
}

.technologyTwo_list {
    margin-top: 50px;
}

.technologyTwo_list li {
    position: relative;
}

.technologyTwo_list li .technologyTwo_img {
    overflow: hidden;
}

.technologyTwo_list li .technologyTwo_img img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.technologyTwo_list li:hover .technologyTwo_img img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.technologyTwo_txt {
    width: 100%;
    bottom: -81px;
    left: 0;
    background: #fff;
    text-align: center;
    padding: 10px;
}

.technologyTwo_txt h3 {
    font-size: 20px;
}

.technologyTwo_list li:hover .technologyTwo_txt h3 {
    color: #d6000f;
}

.technologyTwo_txt p {
    font-size: 16px;
}

.technologyTwo_list .slick-list {
    padding: 0 !important;
}

.technologyTwo_list .slick-prev {
    top: -69px;
    right: 40px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0.5;
    z-index: 999;
}

.technologyTwo_list .slick-prev::before {
    content: '→';
    color: #fff;
    font-size: 16px;
}

.technologyTwo_list .slick-next {
    top: -50px;
    right: 0;
    opacity: 0.5;
    z-index: 999;
}

.technologyTwo_list .slick-next::before {
    content: '→';
    color: #fff;
    font-size: 16px;
}

.technologyTwo_list .slick-prev:hover,
.technologyTwo_list .slick-next:hover {
    opacity: 1;
}


/* 1  end */


/* 2 */

.technologyThree {
    background: url(../picture/techThreebg.jpg) no-repeat center;
    -o-background-size: cover;
    background-size: cover;
}

.technologyThree h3 {
    font-size: 30px;
    padding-top: 80px;
    text-align: center;
    letter-spacing: 2px;
}

.technologyThreeList {
    position: relative;
    height: 550px;
}

.technologyThreeList li {
    position: absolute;
}

.technologyThreeList li p {
    background: rgba(15, 24, 38, .5);
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
}

.techList-1 {
    right: 50%;
    bottom: 50px;
    margin-right: 30px;
}

.techList-2 {
    right: 58%;
    bottom: 150px;
    margin-right: 30px;
}

.techList-3 {
    right: 66%;
    bottom: 250px;
    margin-right: 30px;
}

.techList-4 {
    right: 74%;
    bottom: 350px;
    margin-right: 30px;
    width: 330px;
}

.techList-5 {
    left: 50%;
    bottom: 50px;
    margin-left: 30px;
}

.techList-6 {
    left: 58%;
    bottom: 150px;
    margin-right: 30px;
}

.techList-7 {
    left: 66%;
    bottom: 250px;
    margin-right: 30px;
}

.techList-8 {
    left: 74%;
    bottom: 350px;
    margin-right: 30px;
    width: 330px;
}


/* 2  end */


/* 3 */

.technologyFour {
    background: url(../picture/techFourBg.jpg) no-repeat center;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 100px;
}

.technologyFourList {
    overflow: hidden;
}

.technologyFourList li {
    position: relative;
    width: 20%;
    float: left;
    color: #fff;
    text-align: center;
    padding: 0 15px;
}

.technologyFourList li sub {
    position: absolute;
    top: 54px;
    left: 50%;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .1);
}

.technologyFourList li h4 {
    font-size: 18px;
    margin-bottom: 20px;
}

.technologyFourList li:hover h4 {
    color: #d6000f;
}

.technologyFourList li em {
    position: relative;
    display: block;
}

.technologyFourList li i {
    position: relative;
    display: block;
    width: 4px;
    height: 4px;
    margin: 0 auto;
    background: #fff;
    border-radius: 50%;
    z-index: 99;
}

.technologyFourList li em::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -9px;
    border-radius: 100%;
    background: rgba(255, 56, 23, 0.3);
    width: 18px;
    height: 18px;
    -webkit-animation: circleMiniGreenBefore 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    -moz-animation: circleMiniGreenBefore 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    -o-animation: circleMiniGreenBefore 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleMiniGreenBefore 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    display: none;
}

.technologyFourList li em::after {
    content: '';
    position: absolute;
    z-index: 9;
    background: #d6000f;
    border-radius: 50%;
    width: 14px;
    top: -5px;
    left: 50%;
    margin-left: -7px;
    height: 14px;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -webkit-animation: circleMiniGreen 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    -moz-animation: circleMiniGreen 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    -o-animation: circleMiniGreen 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    animation: circleMiniGreen 1.5s cubic-bezier(.455, .03, .515, .955) infinite alternate;
    display: none;
}

.technologyFourList li:hover em::before,
.technologyFourList li:hover em::after {
    display: block;
}

@-webkit-keyframes circleMiniGreenBefore {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes circleMiniGreenBefore {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.7);
        -moz-transform: scale(1.7);
        transform: scale(1.7)
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes circleMiniGreenBefore {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.7);
        -o-transform: scale(1.7);
        transform: scale(1.7)
    }
    100% {
        opacity: 0
    }
}

@keyframes circleMiniGreenBefore {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.7);
        -moz-transform: scale(1.7);
        -o-transform: scale(1.7);
        transform: scale(1.7)
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes circleMiniGreen {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes circleMiniGreen {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes circleMiniGreen {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes circleMiniGreen {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        opacity: .8
    }
    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.technologyFourList li .teFP {
    margin-top: 40px;
}

.technologyFourList li .teFP {
    font-size: 16px;
    line-height: 2;
}

.technologyFourList li .teFs {
    font-size: 14px;
    margin-bottom: 1px;
    overflow: hidden;
}

.technologyFourList li .teFs:nth-child(1) {
    border-radius: 5px 5px 0 0;
}

.technologyFourList li .teFs:nth-child(3) {
    border-radius: 0 0 5px 5px;
    min-height: 120px;
}

.technologyFourList li .teFP span {
    width: 50%;
    background: #d6000f;
    padding: 3px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
}

.technologyFourList li .teFP span label {
    display: block;
    text-align: center;
}

.technologyFourList li .teFP span:first-child {
    background: rgba(255, 255, 255, .1);
}


/* 3  end */


/* 4 */

.technologyFive {
    background: #f5f5f5;
}

.techFiveTit {
    text-align: center;
}

.techFiveTit h3 {
    font-size: 28px;
    margin-bottom: 20px;
}

.techFiveTit a {
    display: inline-block;
    border: 1px solid #d6000f;
    color: #d6000f;
    padding: 3px 10px;
    border-radius: 5px;
}

.techFiveBox {}

.techFiveBox .swiper-slide {
    border-radius: 15px;
    overflow: hidden;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    -moz-transition: 300ms;
    transition: 300ms;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
}

.techFiveBox .swiper-slide.slick-current {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.techFiveBox .slick-list {
    width: 545px;
    padding: 0 !important;
    margin: 0 auto;
    overflow: inherit;
}

.techFiveNr {
    position: relative;
}

.techFiveH3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 30px;
    color: #fff;
    letter-spacing: 3px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.techFiveH3 span {
    display: block;
}

.techFiveH3 h3 {
    width: 200px;
    background: rgba(255, 255, 255, .66);
    border-radius: 15px;
    text-align: center;
    color: #666;
    transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
}

.techFiveTxt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255 255 255 /.66);
    opacity: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
}

.techFiveTxt>div {
    width: 300px;
    height: 120px;
    background: rgba(255 255 255 /.66);
    border-radius: 15px;
    color: #333;
    transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
}

.techFiveTxt h4 {
    font-size: 36px;
}

.techFiveTxt span {
    content: "";
    width: 200px;
    height: 1px;
    background: -webkit-linear-gradient(to right, #ffffff, #333333, #ffffff);
    background: -moz-linear-gradient(to right, #ffffff, #333333, #ffffff);
    background: -o-linear-gradient(to right, #ffffff, #333333, #ffffff);
    background: -webkit-linear-gradient(left, #ffffff, #333333, #ffffff);
    background: -moz-linear-gradient(left, #ffffff, #333333, #ffffff);
    background: -o-linear-gradient(left, #ffffff, #333333, #ffffff);
    background: linear-gradient(to right, #ffffff, #333333, #ffffff);
}

.techFiveTxt p {
    font-size: 18px;
}

.techFiveBox .swiper-slide.slick-current .techFiveH3 {
    opacity: 0;
}

.techFiveBox .swiper-slide.slick-current .techFiveTxt {
    opacity: 1;
}

.techFiveBox .slick-dots {
    position: static;
    margin: 20px auto 0;
    text-align: center;
}

.techFiveBox .slick-dots li {
    width: 14px;
    height: 3px;
    background: #82868d;
    border-radius: 0;
    margin: 0 3px;
    top: 0;
}

.techFiveBox .slick-dots li.slick-active {
    background: #d6000f;
    border: none;
}


/* 4  end */


/* 5 */

.techSixBox {
    position: relative;
    padding-top: 70px;
}

.techSixBox::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 80%;
    top: 0;
    left: 0;
    background: #0f1826;
}

.techSixInner {
    overflow: hidden;
}

.techSixLeft {
    width: 45%;
    margin-right: 5%;
    float: left;
}

.techSixRight {
    width: 50%;
    float: left;
    margin-top: 80px;
}

.techSixList {
    margin: 0 10px;
}

.techSixTxt {
    background: #fff;
    padding: 15px 30px;
}

.techSixTxt p {
    font-size: 16px;
    margin-top: 10px;
}

.techSixRight .slick-prev {
    width: 50px;
    height: 50px;
    top: -69px;
    right: 40px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0.5;
    z-index: 999;
}

.techSixRight .slick-prev::before {
    content: '→';
    color: #fff;
    font-size: 16px;
    display: block;
    text-align: center;
    line-height: 50px;
}

.techSixRight .slick-next {
    width: 50px;
    height: 50px;
    top: -69px;
    right: 0;
    opacity: 0.5;
    z-index: 999;
}

.techSixRight .slick-next::before {
    content: '→';
    color: #fff;
    font-size: 16px;
    display: block;
    text-align: center;
    line-height: 50px;
}

.techSixRight .slick-prev:hover,
.techSixRight .slick-next:hover {
    opacity: 1;
}


/* 5  end */


/* 6 */

.technologySenven {
    background: url(../picture/techSenvenBg.jpg) no-repeat center;
    -o-background-size: cover;
    background-size: cover;
}

.techSenTit span {
    width: 49%;
    text-align: right;
    padding-right: 50px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

.techSenTit span:nth-child(2) {
    text-align: left;
    padding-left: 50px;
}

.techSenList {
    margin-top: 30px;
}

.techSenList li {
    width: 50%;
    padding: 50px;
    text-align: center;
    color: #fff;
    background: #e83e23;
}

.techSenListScroll {
    height: 402px;
    overflow-y: scroll;
}

.techSenListScroll::-webkit-scrollbar {
    width: 3px;
    height: 16px;
    background-color: rgba(255, 255, 255, .5);
}


/*定义滚动条轨道 内阴影+圆角*/

.techSenListScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .5);
}


/*定义滑块 内阴影+圆角*/

.techSenListScroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #555;
}

.techSenList li:nth-child(2n) {
    background: #fff;
    color: #000;
}

.techSenList li p {
    margin: 15px 0;
    text-align: left;
}


/* 6  end */


/* technology  end */


/* vr */

.vrList {
    background: #f5f5f5;
}

.vrRgzdList {
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid rgba(0, 0, 0, .1);
}

.vrRgzdLeft {
    width: 50%;
}

.vrRgzdRight {
    width: 50%;
}

.vrRgzdBox {
    height: 50%;
    background: #fff;
}

.vrRgzdText {
    position: relative;
    padding: 30px;
    width: 50%;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.vrRgzdText::after {
    position: absolute;
    content: '';
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #fff;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -15px;
    right: -30px;
    z-index: 9;
}

.vrRgzdBox:nth-child(2) .vrRgzdText::after {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #fff;
    border-left: none;
    left: -30px;
}

.vrRgzdPic {
    position: relative;
    width: 50%;
    padding-top: 50%;
    overflow: hidden;
}

.vrRgzdPic img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.vrList .cases-items .cases-img .cases-bg::after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(../images/video.png) no-repeat center;
    -o-background-size: contain;
    background-size: contain;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* vr  end */


/* --- */

.jpgd-info .technologyTwo_list {
    margin-top: 30px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
}

.jpgd-info .technologyTwo_list li {
    width: 290px;
    margin-bottom: 15px;
}

.news-info-inner {
    padding: 20px;
    text-align: left;
}

.news-info-inner>h1 {
    color: #000;
    font-size: 25px;
}

.news-info-inner .zx-time {
    margin-top: 20px;
    margin-bottom: 50px;
}

.news-info-inner>p {
    line-height: 2;
    margin-bottom: 10px;
}

.news-info-inner>p img {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}


/* ---  end */


/* news */

.newsTopBox {}

.newsTopLeft {
    width: 50%;
}

.newsTopLeft img {
    width: 100%;
    height: 427px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.newsTopRight {
    width: 50%;
    background: #f5f5f5;
    padding: 50px;
}

.newsTopRight .zx-time {
    margin-top: 20px;
}

.newsTopRight h3 {
    font-size: 22px;
}

.newsTopRight p {
    line-height: 2;
    margin: 25px 0;
}

.newsTopRight a {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #d6000f;
    color: #d6000f;
}

.newsTopBox:hover .newsTopRight a {
    background: #d6000f;
    color: #fff;
}

.newsTop .slick-list {
    padding: 0 !important;
}

.newsTop .slick-dots {
    width: 50%;
    left: 0;
    text-align: center;
    bottom: 30px;
}


/* news  end */


/* jobs */

.recJob {
    padding: 30px 0;
    color: #666;
}


/* search */

.recJob .recJob_sech {
    position: relative;
    z-index: 3;
}

.recJob_sel {
    position: relative;
    float: left;
    width: 18.59%;
    margin-right: 0.82%;
    margin-bottom: 15px;
}

.recJob_sel .recJob_a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: #fff;
    color: #666666;
    font-size: 16px;
    background-position: 95% center;
    background-image: url(../images/recruit-arrow.png);
    background-repeat: no-repeat;
    border: 1px solid transparent;
}

.recJob_sel .recJob_opt {
    position: absolute;
    left: 0;
    top: 40px;
    background: #fff;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: none;
    visibility: hidden;
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    box-shadow: 0 2px 2px rgba(1, 1, 1, 0.13);
    padding: 10px 0;
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.recJob_sel .recJob_opt a {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 16px;
}

.recSec_job {
    float: left;
    width: 23.14%;
}

.recSec_job input {
    display: block;
    border: none;
    padding: 10px;
    height: 40px;
    line-height: 20px;
    border: none;
    outline: none;
    background: #fff;
    width: 100%;
    color: #666666;
    font-size: 16px;
}

.recJob_sech .recJob_btn {
    display: block;
    float: right;
    width: 17.6%;
    margin: 0;
    height: 40px;
    border: none;
    padding: 0;
    text-align: center;
    background: #d6000f;
    font-size: 16px;
    color: #fff;
}

.recJob_sel.on {
    z-index: 3;
}

.recJob_sel.on .recJob_a {
    background-color: #1e1b20;
    color: #fff;
    background-image: url(../images/recruit-arrow2.png);
    border: 1px solid #1e1b20;
}

.recJob_sel.on .recJob_opt {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}


/* job */

.recJob_box {
    margin: 20px 0 0;
}


/* job-tit */

.recJob_tit {
    line-height: 20px;
    background: #1c1d21;
    padding: 10px 2%;
    overflow: hidden;
}

.recJob_tit span {
    float: left;
    width: 22%;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    padding: 5px 10px;
}

.recJob_tit span:nth-child(5) {
    width: 10%;
}


/* job-list  */

.recJob_list {
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

.recruit li {
    margin-bottom: 20px;
    background: #f5f5f5;
}

.recJob_name {
    display: block;
    font-size: 0;
    padding: 15px 30px;
    position: relative;
    overflow: hidden;
}

.recJob_name:hover {
    color: #333;
}

.recJob_list li.cur .recJob_name:hover {
    color: #fff;
}

.recJob_name::after {
    content: "";
    position: absolute;
    right: 60px;
    top: 50%;
    width: 12px;
    height: 8px;
    margin-top: -4px;
    background-image: url(../images/recruit-down.png);
    background-position: center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
}

.recJob_name span {
    float: left;
    width: 22%;
    line-height: 20px;
    font-size: 16px;
    padding: 5px 10px;
}

.recJob_name span:last-of-type {
    width: 10%;
}

.recJob_info {
    display: none;
    position: relative;
    border-top: 1px solid #efefef;
    padding: 0 40px;
    background: #f5f5f5;
}

.recJob_top {
    padding: 20px 0;
    padding-bottom: 25px;
    border-bottom: 1px solid #dcdcdc;
}

.recJob_top span {
    display: inline-block;
    width: 24%;
    font-size: 16px;
    line-height: 36px;
    color: #666;
}

.recJob_btm {
    overflow: hidden;
    padding: 40px 10px;
    border-bottom: 1px solid #dcdcdc;
}

.recJob_btm h4 {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    margin-bottom: 12px;
}

.recJob_btm p {
    line-height: 26px;
    color: #666;
}

.recJob_btm .recJob_l {
    float: left;
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 80px;
    margin-bottom: 15px;
}

.recJob_btm .recJob_r {
    width: 50%;
    float: right;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 60px;
}

.recJob_info .tips {
    padding: 20px 0;
    color: #d6000f;
    line-height: 20px;
    font-size: 16px;
}

.recJob_info .tips a {
    display: inline-block;
    color: #d6000f;
}

.recJob_list li.cur {
    background: #1c1d21;
    color: #fff;
}

.recJob_list li.cur .recJob_name::after {
    background-image: url(../images/recruit-up.png);
}

@media (max-width: 900px) {
    .recJob {
        padding: 48px 0;
    }
    .recJob_sel {
        width: 32%;
        margin: 0 0 2% 2%;
    }
    .recJob_sel:first-of-type {
        margin: 0 0 2% 0;
    }
    .recSec_job {
        width: 78%;
    }
    .recJob_sech .recJob_btn {
        width: 20%;
    }
    .recJob_name {
        padding: 20px 0;
    }
    .recJob_info {
        padding: 0 28px 10px;
    }
    .recJob_top {
        padding: 16px 0;
    }
    .recJob_top span {
        width: auto;
        margin-right: 24px;
        font-size: 16px;
        line-height: 2.4;
    }
    .recJob_tit {
        padding: 10px 28px;
    }
    .recJob_list {
        padding: 0 28px 30px;
    }
    .recJob_btm {
        padding: 28px 10px;
    }
    .recJob_btm .recJob_l {
        padding-right: 60px;
    }
    .recJob_btm .recJob_r {
        padding-left: 32px;
    }
    .recJob_btm h4 {
        font-size: 17px;
        margin-bottom: 8px;
    }
}

@media (max-width: 680px) {
    .recJob_info .tips {
        padding: 0 14px;
    }
    .recJob_list {
        padding: 0 14px 20px;
    }
    .recJob_btm {
        padding: 20px 10px;
    }
    .recJob_btm .recJob_l {
        padding: 0;
        float: none;
        width: 100%;
    }
    .recJob_btm .recJob_r {
        float: none;
        padding: 0;
        width: 100%;
    }
    .recJob_btm h4 {
        font-size: 16px;
    }
    .recJob_btm p {
        font-size: 16px;
    }
    .recJob_info {
        padding: 0 22px 6px;
    }
    .recJob_info .tips {
        padding: 14px 0;
    }
    .recJob_sel {
        width: 100%;
        margin: 0 0 10px !important;
    }
    .recJob_tit {
        padding: 10px 14px;
    }
    .recJob_tit span {
        width: 24%;
        font-size: 16px;
        padding: 6px 0;
    }
    .recJob_tit span:nth-child(3) {
        width: 28%;
    }
    .recJob_tit span:nth-child(5) {
        display: none;
    }
    .recJob_name {
        padding: 10px 0;
    }
    .recJob_name span {
        width: 24%;
        font-size: 16px;
        padding: 6px 0;
        text-align: center;
    }
    .recJob_name span:nth-child(3) {
        width: 28%;
    }
    .recJob_name span:last-of-type {
        display: none;
    }
    .recJob_name::after {
        display: none;
    }
}

@media (max-width: 480px) {
    .recJob {
        padding: 32px 0;
    }
    .recJob_tit {
        padding: 10px;
    }
    .recSec_job input {
        line-height: 36px;
        height: 36px;
        padding: 0 10px;
    }
    .recJob_sech .recJob_btn {
        font-size: 16px;
        line-height: 36px;
        height: 36px;
    }
    .recJob_list {
        padding: 0 10px 12px;
    }
    .recJob_info {
        padding: 0 14px 6px;
    }
    .recJob_top {
        padding: 12px 0;
    }
    .recJob_top span {
        margin-right: 18px;
        line-height: 2;
    }
    .recJob_btm {
        padding: 12px 6px;
    }
    .recJob_btm h4 {
        font-size: 16px;
        margin-bottom: 0;
    }
    .recJob_btm p {
        line-height: 24px;
    }
    .recJob_info .tips {
        font-size: 16px;
    }
}

.recIdea {
    padding: 40px 50px;
    color: #666;
    background: #f5f5f5;
    margin-bottom: 50px;
    overflow: hidden;
}

.recIdea_tit .recIdea_en {
    font-size: 33px;
    line-height: 38px;
    margin-bottom: 8px;
}

.recIdea_tit .recIdea_cn {
    font-size: 30px;
    color: #333;
    margin-bottom: 20px;
}

.recIdea .recIdea_p {
    width: 60%;
}

.recIdea .recIdea_p p {
    font-size: 16px;
    line-height: 30px;
}

@media (max-width: 1440px) {
    .recIdea .innerWrap {
        width: 80%;
    }
}

@media (max-width: 1280px) {
    .recIdea {
        padding: 100px 0;
    }
}

@media (max-width: 1024px) {
    .recIdea {
        padding: 68px 0;
    }
    .recIdea_tit .recIdea_en {
        font-size: 30px;
        line-height: 1.4;
    }
    .recIdea_tit .recIdea_cn {
        font-size: 26px;
    }
    .recIdea .recIdea_p {
        width: 62%;
    }
}

@media (max-width: 900px) {
    .recIdea {
        padding: 48px 0;
    }
    .recIdea_tit {
        float: none;
        margin-bottom: 16px;
    }
    .recIdea_tit .recIdea_en {
        margin: 0;
        font-size: 28px;
    }
    .recIdea_tit .recIdea_cn {
        font-size: 24px;
    }
    .recIdea .recIdea_p {
        float: none;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .recIdea {
        padding: 32px 0;
    }
    .recIdea .innerWrap {
        width: 90%;
    }
    .recIdea_tit {
        margin-bottom: 12px;
    }
    .recIdea_tit .recIdea_en {
        font-size: 26px;
    }
    .recIdea_tit .recIdea_cn {
        font-size: 22px;
    }
    .recIdea .recIdea_p p {
        line-height: 26px;
        color: #666;
        font-size: 16px;
        letter-spacing: 0.5px;
    }
}


/* jobs  end */


/* contact */

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

.contactTop h3 {
    font-size: 26px;
}

.contactTop p {
    margin: 40px 0;
    font-size: 33px;
}

.contactTop p img {
    width: 30px;
}

.contactTopTxt span {
    width: 50%;
}

.contactTopTxt span i {
    color: #d6000f;
    font-size: 33px;
}

.contactCen {
    padding: 60px 0;
}

.contactCen li {
    width: 33.333%;
    padding: 30px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contactCen li img {
    width: 35px;
}

.contactCenTxt {
    width: -webkit-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: calc(100% - 45px);
    margin-left: 10px;
}

.contactCenTxt i {
    display: block;
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    margin: 10px 0;
}

.contactBottom {
    border: 1px solid #f5f5f5;
    padding: 5px;
    margin-bottom: 40px;
}

#allmap-c {
    width: 100%;
    height: 450px;
}

#allmap-c * {
    width: auto;
}


/* ---- */

.nContact-con {
    background: #f5f5f5;
    margin: 48px 0;
}

.nContact-font {
    width: 486px;
    height: 364px;
}

.nContact-font-tit {
    margin-bottom: 19px;
    line-height: 1;
    font-size: 24px;
    color: #333333;
}

.nContact-font-item {
    padding: 5px 0;
    line-height: 18px;
    font-size: 16px;
    color: #666666;
}

.nContact-font-item-ico {
    width: 18px;
    height: 18px;
}

.nContact-font-item-txt {
    padding-left: 30px;
}

.nContact-map {
    width: 776px;
    height: 362px;
    border: 1px solid #dddddd;
}

.iw_poi_title {
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
    color: #CC5522;
}

.iw_poi_content {
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

.nContact-list {
    width: -webkit-calc(100% + 24px);
    width: -moz-calc(100% + 24px);
    width: calc(100% + 24px);
    overflow: hidden;
    margin-bottom: 40px;
}

.nContact-list li {
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
    padding: 24px;
    width: -webkit-calc(33.333% - 24px);
    width: -moz-calc(33.333% - 24px);
    width: calc(33.333% - 24px);
    background-color: #f5f5f5;
}

.nContact-list li:nth-child(3n) {
    margin-right: 0;
}

.nContact-list-l {
    width: 96px;
}

.nContact-list-l-ico {
    margin: auto;
    width: 36px;
    height: 36px;
}

.nContact-list-l-ico .iconfont {
    width: 34px;
    height: 34px;
    font-size: 34px;
}

.nContact-list-l-tit {
    margin-top: 18px;
    line-height: 1;
    font-size: 16px;
    text-align: center;
    color: #666666;
}

.nContact-list-r {
    width: -webkit-calc(100% - 96px);
    width: -moz-calc(100% - 96px);
    width: calc(100% - 96px);
    padding-left: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #666666;
}

.nContact-list-r-h2 {
    margin-bottom: 11px;
    line-height: 1;
    font-size: 18px;
    color: #333333;
}

.page-box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    ustify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}


/* ----  end */


/* contact  end */


/* about */

.aboutOneBoxLeft {
    width: 40%;
    position: relative;
    overflow: hidden;
}

.aboutOneBoxLeft img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.aboutOneBoxRight {
    width: 60%;
    padding-left: 40px;
}

.aboutOneBoxRight h3 {
    font-size: 30px;
}

.aboutOneBoxRight h5 {
    font-size: 20px;
    margin: 25px 0;
}

.aboutOneBoxP {
    padding: 25px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.aboutOneBoxP p {
    text-indent: 2em;
    line-height: 2;
    margin: 10px 0;
}


/* 1 */

.aboutThree {
    background: #333;
    padding: 50px 0;
}

.aboutThree .technologyTwo_t_t {
    width: 100%;
    text-align: center;
    float: none;
}

.aboutThreeBox {
    margin-top: 40px;
}

.aboutThreeBox .aboutOneBoxLeft {
    width: 45%;
    margin-right: 5%;
    height: 600px;
    border-radius: 15px;
}

.aboutThreeBoxRight {
    width: 50%;
}

.aboutThreeBoxRight li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 20px;
    margin-bottom: 20px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.aboutThreeCl {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #b1b1b1;
    color: #fff;
    font-size: 24px;
    text-align: center;
    background: #99000b;
    border-radius: 15px;
    padding: 16px 18px;
}

.aboutThreeTxt {
    padding-left: 15px;
}

.aboutThreeTxt h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
}

.aboutThreeTxt p {
    color: #777;
}

.aboutThreeBoxRight li:hover .aboutThreeCl {
    background: #d6000f;
}


/* 1  end */


/* history */

.aboutTwoBox {
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.aboutTwoYear {
    width: 30%;
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.aboutTwoYearList {
    text-align: right;
    font-size: 16px;
    color: #c1c1c1;
    padding: 40px 0;
    height: 116px;
    padding-right: 40px;
}

.aboutTwoYearList.slick-current {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #d6000f;
}

.aboutTwoYearList h3 {
    font-size: 25px;
    display: inline-block;
    margin-right: 5px;
}

.aboutTwoNr {
    width: 70%;
}

.aboutTwoText {
    padding-left: 50px;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.aboutTwoNn {
    width: 50%;
}

.aboutTwoNn span {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #777;
}

.aboutTwoNn .ny_title {
    padding: 0;
}

.aboutTwoImg {
    width: 50%;
}

.aboutTwoNn h3 {
    font-size: 40px;
}

.aboutTwoP {
    margin-top: 80px;
}

.aboutTwoP p {
    font-size: 16px;
    margin: 20px 0;
    line-height: 2;
}

.aboutTwoNr .slick-prev,
.aboutTwoNr .slick-next {
    width: 40px;
    height: 40px;
    top: 0px;
    z-index: 9;
}

.aboutTwoNr .slick-prev {
    background: #dce2e3 url(../images/left.png) no-repeat center;
    -o-background-size: 20px;
    background-size: 20px;
    right: 50px;
}

.aboutTwoNr .slick-next {
    background: #dce2e3 url(../images/right.png) no-repeat center;
    -o-background-size: 20px;
    background-size: 20px;
    right: 0;
}

.aboutTwoNr .slick-prev:hover,
.aboutTwoNr .slick-next:hover {
    background-color: #d6000f;
}

.slick-list {
    padding: 0 !important;
}


/* history end*/


/* honor */

.aboutFiveBox {
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.aboutFiveBoxList {
    width: 100%;
    position: static;
}

.aboutFiveBoxList .slick-slide {
    margin-right: 15px;
}

.aboutFiveBoxList img {
    margin-bottom: 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.aboutFiveBoxList .slick-list {
    padding: 0 !important;
}


/* honor  end */


/* about  end */


/* activity */

.activityTwo .ad-custom {
    display: block;
    padding: 30px 60px;
    margin: 15px 0 50px;
}

.activityTwo .ad-custom .title {
    width: 100%;
}

.activityTwo .ad-custom .title .main {
    background: none;
    padding-left: 0;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}

.activityTwo .ad-custom .input-list {
    width: 100%;
    padding: 0 50px;
    overflow: hidden;
}

.activityTwo .ad-custom .input-list .input-box,
.activityTwo .ad-custom .input-list .button-box {
    width: 30%;
    text-align: center;
    padding: 0;
}


/* sjs */

.activitySjs {
    background: #000;
}

.activitySjs .qwzz_one_box {
    margin-left: 0;
}

.activitySjs .activitySjs_one_txt {
    width: 260px;
    padding-right: 20px;
    float: left;
    position: static;
    margin-top: 30px;
    background: none;
}

.activitySjs .qwzz_one_img {
    width: -webkit-calc(100% - 260px);
    width: -moz-calc(100% - 260px);
    width: calc(100% - 260px);
    float: left;
}

.activeitySjs_tx {
    position: relative;
    margin-bottom: 20px;
}

.activeitySjs_tx img {
    width: 160px;
    height: 160px;
    border: 3px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    overflow: hidden;
}

.activeitySjs_tx h3 {
    width: 200px;
    position: absolute;
    top: 50%;
    left: 170px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #000;
    color: #fff;
    padding: 8px 0 8px 20px;
    font-size: 26px;
    z-index: 9;
}

.activeitySjs_tx h3 span {
    font-size: 16px;
    padding-left: 5px;
}

.activitySjs_one_txt>p {
    font-size: 16px;
    color: #777;
    margin: 15px 0;
}

.activitySjs_one_txt>a {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #d6000f;
    color: #d6000f;
    font-size: 16px;
    margin-top: 20px;
}

.activitySjs_one_txt>a:hover {
    background: #d6000f;
    color: #fff;
}

.activitySjs .qwzz_one_pic .slick-prev {
    margin-left: -60px;
    opacity: 0.77!important;
}

.activitySjs .qwzz_one_pic .slick-next {
    margin-left: 70px;
    opacity: 0.77!important;
}


/* sjs  end */


/* gy */

.activityGyBox {
    position: relative;
}

.activityGyBox .activityPic img {
    display: block;
    width: 618px;
    margin: 180px auto 300px;
}

.activityPic li {
    display: none;
}

.activityPic li.on {
    display: block;
}

.activityGyList li {
    position: absolute;
    width: 249px;
    text-align: center;
}

.activityGyList li .iconfont {
    width: 45px;
    height: 45px;
    font-size: 45px;
    color: #ff3818;
    margin: 0 auto;
}

.activityGyList li h3 {
    color: #fff;
    background: #000;
    width: 250px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    margin: 10px 0;
}

.activityGyList li p {
    font-size: 16px;
    padding: 0 10px;
}

.actGy-1 {
    position: absolute;
    top: -210px;
    left: 350px;
}

.actGy-2 {
    position: absolute;
    top: -40px;
    left: 100px;
}

.actGy-3 {
    position: absolute;
    top: 190px;
    left: 0;
}

.actGy-4 {
    position: absolute;
    top: 420px;
    left: 100px;
}

.actGy-5 {
    position: absolute;
    top: 570px;
    left: 350px;
}

.actGy-6 {
    position: absolute;
    top: -210px;
    right: 350px;
}

.actGy-7 {
    position: absolute;
    top: -40px;
    right: 100px;
}

.actGy-8 {
    position: absolute;
    top: 190px;
    right: 0;
}

.actGy-9 {
    position: absolute;
    top: 420px;
    right: 100px;
}

.actGy-10 {
    position: absolute;
    top: 570px;
    right: 350px;
}


/* gy  end */


/* ys */

.activityYs {
    background: #333;
}

.activityYsBox {}

.activityYs .techSenList li {
    padding: 20px 50px;
    background: #e83e23;
    color: #fff;
    border-radius: 30px;
    width: 55%;
}

.activityYs .techSenList li:nth-child(2) {
    background: #f5f5f5;
    color: #a5a5a5;
    width: 45%;
    border-radius: 0;
}

.activityYs .techSenList li p {
    padding-left: 35px;
}

.activityYs .techSenList li:nth-child(2) p {
    margin: 8px 0;
    font-size: 16px;
}

.activityYs .techSenTit span {
    text-align: center;
    padding-right: 0;
    font-size: 35px;
    margin-top: 0;
    width: 55%;
    padding: 14px;
    text-shadow: 0 0 5px rgb(0 0 0);
}

.activityYs .techSenTit span:nth-child(2) {
    width: 45%;
}

.activityYs .techSenList {
    position: relative;
    margin-top: 0;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.activityYs .techSenList::before {
    position: absolute;
    content: '';
    width: 400px;
    height: 400px;
    top: 50%;
    left: 55%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.06;
}

.activityMyBox {
    margin-bottom: 40px;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.activityMyBox li {
    width: -webkit-calc(33.333% - 10px);
    width: -moz-calc(33.333% - 10px);
    width: calc(33.333% - 10px);
    margin: 5px;
}

.activityMyPic {
    position: relative;
    width: 100%;
    padding-top: -webkit-calc(70% - 10px);
    padding-top: -moz-calc(70% - 10px);
    padding-top: calc(70% - 10px);
    margin-bottom: 10px;
    overflow: hidden;
}

.activityMyBox li img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.activityMyBox li.activityMy-1 .activityMyPic {
    padding-top: -webkit-calc(140% - 10px);
    padding-top: -moz-calc(140% - 10px);
    padding-top: calc(140% - 10px);
}


/* ys  end */


/* activity  end */


/* address */

.addRessBox {
    position: relative;
    background: url(../picture/addBg.jpg) no-repeat center;
    -o-background-size: cover;
    background-size: cover;
    padding: 100px 0 180px;
}

.addRessBox::before {
    position: absolute;
    content: '';
    width: -webkit-calc((100% - 1280px)/2 + 200px);
    width: -moz-calc((100% - 1280px)/2 + 200px);
    width: calc((100% - 1280px)/2 + 200px);
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
}

.addRessLm {
    width: 200px;
}

.addRessLm>img {
    width: 169px;
    margin-bottom: 30px;
}

.addRessA a {
    position: relative;
    color: #fff;
    padding: 13px 25px;
    font-size: 18px;
    width: 100%;
    display: block;
    margin: 10px 0;
}

.addRessA a span {
    position: relative;
}

.addRessA a.on::before {
    position: absolute;
    content: '';
    width: 108%;
    height: 100%;
    top: 0;
    left: 0;
    background: #d6000f;
}

.addRessA a.on::after {
    position: absolute;
    content: '';
    top: 19px;
    right: 5px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
}

.addRessList {
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
    padding: 0 0 0 50px;
    margin-top: 80px;
}

.addRessL {
    background: #fff;
}

.addRessLi .addRessL {
    padding: 30px;
    height: 300px;
    margin-right: 15px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;

    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;

    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
}

.addRessL h3 {
    font-size: 24px;
    height: 60px;
    line-height: 60px;
}

.addRessL p {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}

.addRessL p span {
    color: #d6000f;
}

.addRessLi .slick-slide>div {
    margin: 10px 5px;
}

.addRessLi .slick-dots {
    position: static;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.addRessList {
    position: relative;
}

.addRessLi {
    position: absolute;
    top: 0;
    left: 50px;
    width: 100%;
    opacity: 0;
}

.addRessLi.on {
    opacity: 1;
    z-index: 99;
}


/* address  end */

.vrTitle {
    width: 250px;
    text-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 20px;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.vrTitle h3 {
    width: 50%;
    cursor: pointer;
    opacity: 0.5;
}

.vrTitle h3.on,
.vrTitle h3:hover {
    opacity: 1;
}

.vrTitle h1 {
    width: 50%;
    cursor: pointer;
    opacity: 0.5;
    font-size: 26px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #333;
}

.vrTitle h1.on,
.vrTitle h1:hover {
    opacity: 1;
}

.sdvr_wrap {
    padding-top: 0;
}

.tc_fz {
    width: 100%;
    height: 100vh;
    background: rgba(16, 51, 70, .5);
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    display: none;
    z-index: 999999;
}

.tc_inner_fz {
    width: 580px;
    position: absolute;
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tc_fz_clock {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 18px;
    color: #fff;
    width: 25px;
    cursor: pointer;
    border-bottom-left-radius: 15px;
    opacity: 0.5;
}

.tc_inner_fz>h3 {
    font-size: 18px;
    padding: 20px 20px 10px;
    font-weight: 700;
}

.fcfzBox {
    padding: 20px 20px 30px 20px;
    line-height: 30px;
}

.el-radio {
    color: #606266;
    cursor: pointer;
    margin-right: 30px;
    font-size: 16px;
}

.el-radio,
.el-radio__inner,
.el-radio__input {
    position: relative;
    display: inline-block;
}

.el-radio__inner {
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.el-radio__inner:after {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    -o-transition: -o-transform .15s ease-in;
    -moz-transition: transform .15s ease-in, -moz-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in, -moz-transform .15s ease-in, -o-transform .15s ease-in;
}

.el-radio__original {
    opacity: 0;
    outline: 0;
    position: absolute !important;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

.el-radio__label {
    font-size: 16px;
    padding-left: 10px;
}

.el-radio__input {
    cursor: pointer;
    vertical-align: middle;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #d6000f;
    background: #d6000f;
}

.el-radio__input.is-checked .el-radio__inner:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.newzlbj_con {
    position: relative;
    width: 80%;
    margin: 60px auto 0;
}

.newzlbj_jdt {
    width: 100%;
    height: 24px;
    border-radius: 12px;
}

.newzlbj_jdt .newzlbj_jdt_cover {
    width: 100%;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    transition: width 5s;
    -moz-transition: width 5s;
    -webkit-transition: width 5s;
    -o-transition: width 5s;
    border-bottom-right-radius: 13px;
    border-top-right-radius: 13px;
}

.newzlbj_jdt img {
    display: block;
}

.newzlbj_jdt .newzlbj_jdt_cover span {
    display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    top: -40px;
    left: -40px;
    background-color: #d6000f;
    text-align: center;
    font-size: 18px;
    color: #fff;
    position: absolute;
}

.newzlbj_jdt .newzlbj_jdt_cover:after {
    content: "";
    width: 0;
    height: 0;
    top: -10px;
    left: -10px;
    position: absolute;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #d6000f transparent transparent transparent;
}

.progressbar {
    width: 100%;
    height: 24px;
    border-radius: 12px;
    background: -webkit-linear-gradient(to right, #f7a7a7, #d6000f);
    background: -moz-linear-gradient(to right, #f7a7a7, #d6000f);
    background: -o-linear-gradient(to right, #f7a7a7, #d6000f);
    background: -webkit-linear-gradient(left, #f7a7a7, #d6000f);
    background: -moz-linear-gradient(left, #f7a7a7, #d6000f);
    background: -o-linear-gradient(left, #f7a7a7, #d6000f);
    background: linear-gradient(to right, #f7a7a7, #d6000f);
}

.newzlbj_con h4 {
    font-size: 20px;
    color: #ff3817;
    margin: 40px 0 20px;
}

.layui-laypage {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: 10px 0;
    font-size: 0;
}

.page span,
.page a {
    border: 1px solid #ededed;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 10px 0px;
    background-color: #fff;
    color: #7a7d81;
    font-size: 16px;
    line-height: 30px;
}

.page .layui-laypage-count,
.page .layui-laypage-skip {
    border: none;
}

.layui-laypage button,
.layui-laypage input {
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ededed;
}

.layui-laypage input {
    width: 40px;
    margin: 0 10px;
    padding: 0 3px;
    text-align: center;
}

.layui-laypage button {
    margin-left: 10px;
    padding: 0 10px;
    cursor: pointer;
}

.layui-disabled,
.layui-disabled:hover {
    color: #d2d2d2 !important;
    cursor: not-allowed !important;
}

.layui-laypage .layui-laypage-curr {
    background-color: #d6000f;
    border: 1px solid #d6000f;
    color: #fff;
    width: 30px;
}


/* villa */

.villa_one_box li {
    width: 240px;
    height: 240px;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
}

.villa_one_box li:before {
    content: "";
    width: 1px;
    height: 160px;
    background: #ddd;
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.villa_one_box li:nth-child(1):before {
    display: none;
}

.villa_one_box li:hover {
    background: #d6000f;
    box-shadow: 15px 15px 0 rgba(0, 0, 0, .11);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.villa_one_box li:hover:before {
    height: 240px;
    top: 0;
}

.villa_one_box h3 {
    font-size: 22px;
    font-weight: bold;
    color: #d6000f;
}

.villa_one_box li:hover h3 {
    color: #fff;
}

.villa_one_box i {
    display: block;
    width: 50px;
    height: 3px;
    margin: 15px auto 20px;
    background: #d6000f;
}

.villa_one_box li:hover i {
    background: #fff;
}

.villa_one_box span {
    display: block;
    font-size: 15px;
    color: #333;
}

.villa_one_box li:hover span {
    color: #fff;
}

.villa_two_box .swiper-slide {
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    -moz-transition: 300ms;
    transition: 300ms;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.villa_two_box .swiper-slide-active,
.swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.villa_two_box .swiper-pagination {
    color: #fff;
    bottom: 40px;
}

.villa_two_box .swiper-pagination-current {
    font-size: 40px;
    margin-right: 10px;
}

.villa_two_box .swiper-pagination-total {
    position: relative;
}

.villa_two_box .swiper-slide p {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #fff;
    font-size: 20px;
}

.villa_two_box .swiper-slide p span {
    color: #d6000f;
}

.villa_three ul {
    font-size: 0;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
}

.villa_three ul li {
    width: -webkit-calc((100% - 30px) / 3);
    width: -moz-calc((100% - 30px) / 3);
    width: calc((100% - 30px) / 3);
    overflow: hidden;
}

.villa_three ul li:nth-child(1),
.villa_three ul li:nth-child(2) {
    width: -webkit-calc((100% - 15px) / 2);
    width: -moz-calc((100% - 15px) / 2);
    width: calc((100% - 15px) / 2);
    margin-bottom: 15px;
}

.villa_three ul li img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.villa_three ul li:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.img_pic {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.img_pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.villa_four_list {
    height: -webkit-calc((1280px - 45px) / 2);
    height: -moz-calc((1280px - 45px) / 2);
    height: calc((1280px - 45px) / 2);

    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;

    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
}

.villa_four_list li {
    margin-right: 15px;
    width: -webkit-calc((100% - 45px) / 4);
    width: -moz-calc((100% - 45px) / 4);
    width: calc((100% - 45px) / 4);

    height: -webkit-calc((1280px - 45px) / 2);
    height: -moz-calc((1280px - 45px) / 2);
    height: calc((1280px - 45px) / 2);
}

.villa_four_list li:nth-of-type(2),
.villa_four_list li:nth-of-type(3),
.villa_four_list li:nth-of-type(5),
.villa_four_list li:nth-of-type(6) {
    height: -webkit-calc((1280px - 45px) / 4 - 7.5px);
    height: -moz-calc((1280px - 45px) / 4 - 7.5px);
    height: calc((1280px - 45px) / 4 - 7.5px);
}

.villa_four_list li:nth-of-type(2),
.villa_four_list li:nth-of-type(5) {
    margin-bottom: 15px;
}

.villa_four_list li:nth-of-type(5),
.villa_four_list li:nth-of-type(6) {
    margin-right: 0;
}

.villa_four .design_button {
    margin-bottom: 0;
}

.villa_five_list li {
    width: 23%;
    margin: 0 1% 2%;
    border: 1px solid rgba(0, 0, 0, .11);
    border-radius: 5px;
    padding: 40px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.villa_five_list li i {
    font-size: 48px;
    width: 48px;
    display: block;
    margin: 0 auto;
}

.villa_five_list li p {
    font-size: 18px;
    margin-bottom: 10px;
}

.villa_five_list li span {
    display: block;
    width: 50px;
    margin: 0 auto;
    height: 2px;
    background: #555;
}

.villa_five_list li:hover i,
.villa_five_list li:hover p {
    color: #fff;
}

.villa_five_list li:hover span {
    background: #fff;
}

.villa_five_list li:hover {
    background: #d6000f;
    border: 1px solid #d6000f;
    box-shadow: 10px 10px 0 rgba(0, 0, 0, .33);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.soft-title.write span {
    position: relative;
    width: 60px;
    display: block;
    margin: 0 auto;
}

.soft-title.write span::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 2px;
    top: 0;
    left: 0;
    background: #fff;
}

.soft-title.write span::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    top: 0;
    right: 0;
    background: #d6000f;
}

.villa_seven_list li {
    width: 23%;
    margin: 0 1% 2%;
    border: 1px solid rgba(0, 0, 0, .11);
    border-radius: 5px;
    padding: 40px;
    background: #fff;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.villa_seven_list li:hover {
    background: #d6000f;
    border: 1px solid #d6000f;
    box-shadow: 10px 10px 0 rgba(0, 0, 0, .33);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.villa_seven_list li i {
    font-size: 48px;
    display: block;
    margin: 0 auto;
}

.villa_seven_list li h3 {
    font-size: 22px;
    font-weight: bold;
}

.villa_seven_list li p {
    font-size: 14px;
    color: #999;
}

.villa_seven_list li:hover i,
.villa_seven_list li:hover h3,
.villa_seven_list li:hover p {
    color: #fff;
}

.villa_eight ul {
    width: 320px;
    margin: 0 auto;
}

.villa_eight li {
    margin: 0 0 30px;
}

.villa_eight li input {
    background: none;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 25px;
    text-align: center;
    color: #fff;
}

.villa_eight li span {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #fff;
}

.villa_eight li input::-webkit-input-placeholder {
    color: #fff;
}

.villa_eight li input::-moz-placeholder {
    color: #fff;
}

.villa_eight li input:-moz-placeholder {
    color: #fff;
}

.villa_eight li input:-ms-input-placeholder {
    color: #fff;
}

.ny_title p {
    font-size: 18px;
    margin-top: 27px;
}


/* villa  end */


/* oldhouse */

.old-title h3 {
    color: #333;
    margin-bottom: 0;
}

.old-title p {
    text-transform: uppercase;
}

.old_two_box {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 50px;
}

.old_two_list {
    background: #fff;
    box-shadow: 0 -5px 15px rgba(0, 0, 0, .11);
    position: relative;
    top: -50px;
}

.old_two_list li {
    position: relative;
    width: 20%;
    text-align: center;
    height: 300px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
}

.old_two_list li:hover {
    background: #d6000f;
}

.old_two_list li::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    right: 0;
    background: #999;
}

.old_two_list li:last-child:before {
    content: none;
}

.old_two_list li i {
    font-size: 48px;
    display: block;
    margin: 0 auto;
    color: #d6000f;
}

.old_two_list li p {
    margin-top: 10px;
}

.old_two_list li:hover::before {
    background: #d6000f;
}

.old_two_list li:hover i,
.old_two_list li:hover p {
    color: #fff;
}

.lod_two_txt {
    color: #333;
    font-size: 16px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.lod_two_txt p {
    width: calc(100% / 3);
    padding: 60px 30px;
    background: #fff;
    text-align: center;
    position: relative;
    height: 200px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.lod_two_txt p:after {
    content: "";
    width: 1px;
    height: 50%;
    background: #ddd;
    position: absolute;
    top: 50px;
    right: 0;
}

.old_two_nr {
    width: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
}

.old_two_nr,
.old_two_nr li:first-child {
    height: 750px;
}

.old_two_nr li {
    width: 630px;
    overflow: hidden;
}

.old_two_nr li:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .33);
}

.old_two_nr li:first-child {
    margin-right: 20px;
}

.old_two_nr li div {
    width: 100%;
    height: 315px;
    overflow: hidden;
}

.old_two_nr li:first-child div {
    height: 700px;
}

.old_two_nr li h3 {
    background: #f5f5f5;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
}

.old_two_nr li label,
.old_two_nr li span {
    display: inline-block;
}

.old_two_nr li label {}

.old_two_nr li span {}

.old_two_nr li img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.old_two_nr li div:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.old_three_list li {
    width: calc(1250px / 3);
    background-color: #f5f5f5;
}

.old_three_list li:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .33);
}

.old_three_list li:nth-child(1),
.old_three_list li:nth-child(2),
.old_three_list li:nth-child(3) {
    margin-bottom: 15px;
}

.old_three_list li span {
    width: 100%;
    display: block;
    overflow: hidden;
}

.old_three_list li p {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-align: center;
}

.old_three_list li img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.old_three_list li:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.old_four {
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.old_four_txt {
    text-align: center;
    font-size: 36px;
    font-weight: 100;
    width: 500px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #333;
    margin: 0 auto;
    background: rgba(255, 255, 255, .66);
}

.old_par_bt {
    margin: 50px auto;
    text-align: center;
}

.old_par_bt h3 {
    font-weight: bold;
}

.old_par_bt span {
    color: #4c4c4c;
}

.old_jjfa {
    width: 100%;
    height: 500px;
    background-color: #f5f5f5;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.old_jjfa>div {
    width: 1000px;
    margin: 0 auto;
}

.old_jjfa_left {
    width: 50%;
    position: relative;
}

.old_jjfa_left li {
    position: relative;
    margin-bottom: 15px;
    align-items: center;
}

.old_jjfa_left li:last-child {
    margin-bottom: 0;
}

.old_jjfa_left li p,
.old_jjfa_left li span {
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    display: inline-block;
}

.old_jjfa_left li p {
    background: #ddd;
}

.old_jjfa_left li span {
    width: 240px;
    background: #fff;
}

.old_icon {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #d6000f;
    display: inline-block;
}

.old_icon i:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    top: -8px;
    left: -8px;
    border: 3px dashed #d6000f;
    border-radius: 50%;
    animation: rotate 8s linear infinite;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.old_jjfa_left li i {
    font-size: 24px;
    line-height: 50px;
    color: #ffffff;
    display: block;
    text-align: center;
}

.old_jjfa_txt {
    width: calc(100% - 60px);
    padding-left: 15px;
    font-size: 18px;
    display: inline-block;
}

.old_jjfa_right {
    width: 50%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.old_jjfa_right .tc_input {
    width: 100%;
}

.old_jjfa_right .tc_input input {
    background: #fff;
}

.old_jjfa_right .tc_button {
    width: 100%;
}

.old_jjfa_right .tc_button button {
    height: 60px;
    line-height: 60px;
    background: #d6000f;
    border-radius: 0;
}


/* oldhouse  end */


/* active */

.ac-nr {
    height: 600px;
    position: relative;
}
.ac-nr img {
    width: 1920px;
    height: 600px;
    left: 50%;
    margin-left: -960px;
    position: absolute;
}

.ac-footer {
    height: 600px;
    margin-top: -600px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.ac-footer-nr {
    width: 600px;
    margin: 0 auto;
    text-align: center;
}

.ac-footer-nr>h3 {
    color: #fff;
    font-size: 30px;
    text-shadow: 5px 5px 0 rgba(0, 0, 0, .11);
}

.ac-footer-in {
    margin-top: 30px;
}

.ac-footer-in li {
    width: 100%;
    margin: 1.5% 11%;
}

.ac-footer-in .cases-info-button {
    width: 200px;
    margin: 20px auto 0;
}


/* active  end */


/* quote */

i,
em {
    font-style: normal;
}

.quote_one_box li {
    width: 20%;
    text-align: center;
    padding: 0 30px;
}

.quote_one_box li .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    background: #f5f5f5;
    display: table;
}

.quote_one_box li i {
    font-size: 40px;
    width: 40px;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
}

.quote_one_box li h3 {
    margin: 10px 0 5px;
    font-size: 22px;
}

.quote_one_box li span {
    display: block;
    width: 40px;
    height: 3px;
    background: #d6000f;
    margin: 0 auto 10px;
}

.quote_two {
    background: url(../images/quote-two-bg.jpg) no-repeat center;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 1px;
}

.quote_two_box {}

.quote_two_box li {
    position: relative;
    background-color: #fff;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 23.333%;
    margin: 0 5%;
    padding: 50px 40px 160px;
    text-align: center;
    color: #000;
}

.quote_two_box li::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: -20px;
    left: -20px;
    background: #fff;
    opacity: 0.2;
}

.quote_two_box li h3 {
    font-size: 22px;
}

.quote_two_box li span {
    width: 80px;
    height: 1px;
    display: block;
    margin: 10px auto;
    background: #000;
}

.quote_two_box li p {
    font-size: 15px;
}

.quote_two_box li em {
    font-size: 120px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #000;
    opacity: 0.3;
    line-height: 1;
}

.quote_three_box {
    overflow: hidden;
}

.quote_three_left {
    width: 50%;
    float: left;
}

.quote_three_right {
    width: 45%;
    margin-left: 5%;
    float: left;
    margin-top: -5px;
}

.quote_three_right .slick-list {
    padding: 15px !important;
}

.quote_three_right .slick-list * {
    height: auto !important;
}

.quote-tr-text {
    position: relative;
    padding: 28px 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
}

.quote-tr-text h3 {
    font-size: 18px;
    width: 90px;
    padding-right: 28px;
    text-align: right;
}

.quote-tr-text p {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    border-left: 1px solid #999;
    padding-left: 28px;
    font-size: 15px;
    letter-spacing: 1px;
}

.quote-tr-text.slick-current {
    background: #e83e23;
    color: #fff;
}

.quote-tr-text.slick-current p {
    border-color: #fff;
}

.quote-tr-text.slick-current::before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -20px;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #e83e23;
}

.quote_four {
    padding-top: 1px;
}

.quote_four_box li {
    width: 33.333%;
}

.quote_four_box li .quote_four_pic {
    padding: 0 20px;
}

.quote_four_box li span {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 50px 0 20px;
}

.quote_four_box li span::before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.quote_four_box li p {
    text-align: center;
    color: #fff;
    font-size: 19px;
}

.quote_five {
    background: #f5f5f5;
    padding-top: 70px;
}

.quote_five_left {
    width: 66.666%;
}

.quote_five_right {
    width: 32.333%;
    margin-left: 1%;
}

.quote_five_right .cases-info-button button {
    background: #e83e23;
}

.quote_five_right .cases-info-jsj>span {
    text-align: center;
    color: #e83e23;
    margin-top: 20px;
    display: block;
    font-size: 14px;
}

.quote_five_left li {
    position: relative;
    width: 48%;
    margin: 0 1% 2%;
}

.quote_five_left li a {
    display: block;
    width: 100%;
    height: 100%;
}

.quote_five_left .quout_five_pic {
    position: relative;
    padding-top: 54%;
    width: 100%;
    overflow: hidden;
}

.quote_five_left .quout_five_pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.quote_five_left li:hover .quout_five_pic img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.quote_five_text {
    position: absolute;
    width: 80%;
    color: #fff;
    font-size: 25px;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.quote_five_text h3 {
    font-size: 44px;
    color: #e83e23;
    line-height: 1;
}


/* quote end */

.cases-info-button button:hover {
    background: -webkit-linear-gradient(to bottom, #d6000f, #99000b);
    background: -moz-linear-gradient(to bottom, #d6000f, #99000b);
    background: -o-linear-gradient(to bottom, #d6000f, #99000b);
    background: -webkit-linear-gradient(top, #d6000f, #99000b);
    background: -moz-linear-gradient(top, #d6000f, #99000b);
    background: -o-linear-gradient(top, #d6000f, #99000b);
    background: linear-gradient(to bottom, #d6000f, #99000b);
}


.articleTips {
    font-size: 12px;
    color: #999;
    height: 30px;
    line-height: 30px;
}
.caseBtn {
    width: 100%;
    font-size: 14px;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.caseBtn .box {
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: left;
    cursor: pointer;
    position: relative
}

.caseBtn .box:hover a {
    color: #d6000f;
}

.caseBtn .box i {
    border: 5px solid transparent;
    border-bottom-color: #666;
    position: relative;
    top: -12px;
    margin-right: 7px
}

.caseBtn .box:nth-child(2) i {
    border: 5px solid transparent;
    border-top-color: #666;
    top: 10px
}

.caseBtn .box h3 {
    display: inline-block;
}


/*start 弹框部分*/

.shadeXH {
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    position: fixed;
    left: 0px;
    top: 0px;
    display: none;
    z-index: 1000;
}

.shadeXH>div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shadeXH>div>i {
    color: #05439b;
    font: normal normal normal 100px/1 FontAwesome;
}

.wap_tanc {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}

.wap_tanc_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    -webkit-opacity: 0.4;
}

.wap_tanc_con {
    width: 250px;
    padding: 16px;
    padding-bottom: 0;
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -55px;
    margin-left: -125px;
    display: none;
}

.wap_tanc_con h5 {
    margin: 0;
    padding-bottom: 16px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    border-bottom: 1px solid #EBEBEB;
}

.wap_tanc_btn a {
    display: inline-block;
    width: 50%;
    float: left;
    line-height: 50px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 16px;
    color: #006fff;
}

.wap_tanc_con1 {
    width: 500px;
    height: 250px;
    margin-top: -125px;
    margin-left: -250px;
    padding: 50px;
}

.wap_tanc_con1 h5 {
    border-bottom: none;
    text-align: left;
    line-height: 40px;
    font-weight: normal !important;
}

.wap_tanc_con1 h5 img {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.wap_tanc_con1 h5 p {
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
}

.wap_tanc_con1 h5 p span {
    color: #ea5404;
    margin: 0 3px;
}

.wap_tanc_con1 a {
    font-size: 16px;
    display: inline-block;
    padding-left: 95px;
    margin-top: 20px;
    color: #ea5404;
    letter-spacing: 1px;
}

.wap_tanc_con1>p {
    font-size: 24px;
    color: #999;
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}


/*end 弹框部分*/