@charset "utf-8";
*, ::after, ::before {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body, html {
    height: 100%;
    min-height: 100%;
    margin: 0;
    font-weight: 300;
    color: #333;
    cursor: default
}

a, blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, img, input, label, legend, li, object, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

body {
    font: 14px/1.5 'Helvetica Neue', Helvetica, Arial, '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', Tahoma, 'Hiragino sans gb', SimSun, Sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-size: 100%
}

:focus {
    outline: 0
}

.search-select select:focus {
    outline: 0
}

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

fieldset, img {
    border: 0 none;
    vertical-align: top
}

img {
    width: 100%;
    max-width: 100%;
    height: 100%
}

address, caption, cite, code, dfn, em, i, optgroup, th, var {
    font-style: normal;
    font-weight: 400
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

code, kbd, samp, tt {
    font-size: 100%
}

button, input, select, textarea {
    outline: 0
}

textarea {
    resize: none
}

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

blockquote, q {
    quotes: none
}

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

a, a:focus {
    outline: 0;
    text-decoration: none
}

.fl {
    float: left
}

.fr {
    float: right
}

.container {
    width: 80%;
    margin: 0 auto;
    max-width: 1280px
}

.page-box, .page-padding, .webmap {
    padding: 3rem 0;
    overflow: hidden;
    width: 100%
}

.product-main {
    background: #f5f8f9
}

.top {
    height: 32px;
    background: #333;
    position: relative;
    z-index: 8;
    line-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: #fff;
    overflow: hidden
}

.top .top_fl {
    background: #d70c25;
    height: 32px;
    left: 0;
    top: 0
}

.top .container {
    background: #333;
    height: 32px;
    position: relative;
    z-index: 1
}

.fl.bottom-fl, .fr.bottom-fr, .top .top_fl, .top .top_fr {
    width: 50%;
    position: absolute
}

.top .container .fl {
    background: #d70c25 url(/images/icons/top.png) right center no-repeat;
    padding: 0 10rem 0 0
}

.top .container .fl b {
    font-size: 1.15rem
}

.top_link li {
    float: left;
    padding-left: 20px;
    position: relative
}

.top_link li a {
    padding: 0 0 0 25px;
    color: #ccc
}

.top_link li.mall::before {
    display: block;
    width: 20px;
    height: 17px;
    position: absolute;
    padding-top: 25px;
    content: '';
    background: url(/images/icon.png) no-repeat;
    background-position: -2px 5px
}

.top_link li.college::before {
    display: block;
    width: 20px;
    height: 17px;
    position: absolute;
    padding-top: 25px;
    content: '';
    background: url(/images/icon.png) no-repeat;
    background-position: -3px -21px
}

.top_link li.jz {
    background: url(/images/icon/jz.png) no-repeat 24px;
    background-size: 18px
}

.top_link li.cpqxc {
    background: url(/images/icons/cpqxc.png) no-repeat 21px
}

.cd-header-buttons {
    position: absolute;
    display: inline-block;
    right: 0
}

.cd-header-buttons li {
    display: inline-block
}

.cd-nav-trigger, .cd-search-trigger {
    position: relative;
    display: block;
    width: 25px;
    height: 24px;
    margin-top: 4px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    z-index: 7
}

.cd-header-buttons .cd-search-trigger {
    padding: 0 0 0 5px
}

.cd-search-trigger::after, .cd-search-trigger::before {
    content: '';
    position: absolute;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cd-search-trigger::before {
    top: 4px;
    left: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 7
}

.cd-search-trigger::after {
    height: 3px;
    width: 8px;
    background: #fff;
    bottom: 8px;
    right: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cd-search-trigger span {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #df1415
}

.cd-search-trigger span::after, .cd-search-trigger span::before {
    content: '';
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 22px;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -11px;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s
}

.cd-search-trigger span::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cd-search-trigger span::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cd-search-trigger.search-is-visible::after, .cd-search-trigger.search-is-visible::before {
    opacity: 0
}

.cd-search-trigger.search-is-visible span::after, .cd-search-trigger.search-is-visible span::before {
    opacity: 1
}

.cd-search-trigger.search-is-visible span::before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.cd-search-trigger.search-is-visible span::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cd-search {
    position: absolute;
    width: 100%;
    top: 32px;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.cd-search form {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 777;
    background: #fff;
    padding: 30px 0
}

.cd-search input {
    border: 1px solid #d70c25;
    background: #fff;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin: 0 auto
}

.cd-search input::-webkit-input-placeholder {
    color: #777
}

.cd-search input::-moz-placeholder {
    color: #777
}

.cd-search input:-moz-placeholder {
    color: #777
}

.cd-search input:-ms-input-placeholder {
    color: #777
}

.cd-search input:focus {
    outline: 0
}

.cd-search.is-visible {
    opacity: 1;
    visibility: visible
}

.searchbox {
    position: relative;
    z-index: 7;
    clear: both;
    width: 40%;
    margin: 0 auto;
    padding: 0 100px
}

.mod_select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    border-right: 1px solid #e3e3e3
}

.mod_select .select_box {
    position: relative;
    width: 100px;
    height: 50px
}

.mod_select .select_box .select_txt {
    display: inline-block;
    width: 98px;
    height: 50px;
    padding-left: 28px;
    overflow: hidden;
    line-height: 50px;
    font-size: 14px;
    cursor: pointer
}

.mod_select .select_box .select-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    width: 10px;
    height: 6px;
    background: url(/images/icon.png) no-repeat;
    background-position: -7px -56px
}

.mod_select .select_box .option {
    display: none;
    position: absolute;
    top: 50px;
    left: -1px;
    width: 100px;
    background-color: #fff;
    border-top: 0
}

.mod_select .select_box .option li {
    padding-left: 28px;
    font-size: 14px;
    line-height: 2;
    cursor: pointer
}

.searchbox .import {
    width: 100%;
    height: 50px;
    border: none;
    outline: 0;
    text-indent: 1rem
}

.searchbox .btn-search {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 50px;
    color: #fff;
    border: 0
}

.logo {
    padding: 20px 0 0
}

.logo img {
    width: auto;
    max-width: inherit;
    min-width: inherit;
    height: auto
}

.banner .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 40%;
    outline: 0;
    width: 35px;
    height: 55px;
    text-indent: -9999px;
    z-index: 2
}

.banner .bx-prev {
    background: url(../images/icon/swiper_arrow.png) no-repeat;
    height: 55px;
    width: 35px;
    left: 40px
}

.banner .bx-next {
    background: url(../images/icon/swiper_arrow.png) no-repeat;
    height: 55px;
    width: 35px;
    right: 0;
    background-position: -44px 0
}

.banner .bx-wrapper .bx-pager.bx-default-pager a {
    background: #929292;
    height: 3px;
    width: 30px
}

.banner .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #d70c25;
    height: 5px
}

.banner .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    bottom: 0
}

.banner .slide-index .slide:nth-child(n+2) {
    visibility: hidden;
    display: none
}

.container .index-tit {
    font-size: 2.25rem;
    font-weight: 700
}

.container .common-tit {
    position: relative;
    overflow: hidden
}

.container .common-tit::before {
    position: absolute;
    background: #d70c25;
    top: 37%;
    left: 170px;
    z-index: 0;
    height: 12px;
    z-index: -1;
    width: 8px;
    display: block;
    content: ''
}

.container .common-tit::after {
    position: absolute;
    background: #e6ebef;
    width: 100%;
    top: 37%;
    left: 185px;
    z-index: -1;
    height: 12px;
    display: block;
    content: ''
}

.index-tit-txt {
    font-size: 1rem;
    color: #666
}

.index-tab-main {
    margin-top: 2rem;
    padding: 1px
}

.index-pro-main li {
    width: 31%;
    margin-right: 3.5%;
    float: left
}

.index-pro-main li a {
    color: #fff
}

.index-pro-main li:last-child {
    margin-right: 0
}

.index-pro-main li .tit {
    background: #fff;
    -moz-box-shadow: 0 0 5px 2px #ccc;
    -webkit-box-shadow: 0 0 5px 2px #ccc;
    box-shadow: 0 0 5px 2px #ccc;
    text-align: center;
    padding: 1.25rem 0;
    color: #666
}

.index-pro-main li h2 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #333
}

.index-pro-main li:hover .stars-info {
    display: block;
    bottom: 70%;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.index-pro-main li .stars-info h2 {
    color: #fff
}

.index-pro-main li .stars-info hr {
    background: #fff;
    width: 40px;
    margin: 1.25rem auto;
    height: 3px
}

.index-pro-main li .stars-info .shuffer-link {
    width: 80%;
    margin: 0 auto;
    text-align: left
}

.index-pro-main li .stars-info .shuffer-link h3 a {
    color: #fff;
    background: url(/images/icons/arrow_white.png) right center no-repeat;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 95%;
    margin-bottom: 10px;
    letter-spacing: 1px
}

.index-pro-main li .stars-info .shuffer-link h3 a:hover {
    text-decoration: underline
}

.index-pro-main.index-tab-main li .img {
    box-shadow: 0 0 2px 1px #ccc
}

.index-pro-main.index-tab-main li .img img {
    height: auto
}

.solution-txt {
    padding-top: 7%;
    width: 50%
}

.solution-txt h2 {
    font-size: 2.25rem;
    font-weight: 700
}

.solution-txt hr {
    display: table;
    background: #d70c25;
    width: 80px;
    margin: 1rem 0;
    height: 5px
}

.solution-txt h3 {
    font-size: 1.15rem;
    font-weight: 700
}

.solution-txt p {
    color: #111;
    margin: 1rem 0
}

.about .txt .move, .about-us-box .txt .move, .honor-more .move, .index-about-txt .move, .solution-txt .move {
    background: #d70c25;
    width: 140px;
    color: #fff;
    display: block;
    padding: .5rem 0;
    text-align: center
}

.about .txt .move i, .about-us-box .txt .move i, .honor-more .move i, .index-about-txt .move i, .solution-txt .move i {
    width: 25px;
    height: 12px;
    display: inline-block;
    margin-left: 10px;
    background: url(/images/icons/arrow_right_white.png) no-repeat center center
}

.about .txt .move:hover, .about-us-box .txt .move:hover, .honor-more .move:hover, .index-about-txt .move:hover, .solution-txt .move:hover {
    width: 160px
}

.solution {
    position: relative
}

.solution .solution-bg {
    background-position: center top;
    height: 572px;
    background-repeat: no-repeat
}

.solution-tab-nav {
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%
}

.solution-tab-nav .container {
    border: 3px solid #dce4eb;
    border-right: none;
    overflow: hidden
}

.solution-tab-nav .container {
    height: 60px;
    display: table
}

.solution-tab-nav li {
    width: 25%;
    color: #333;
    text-align: center;
    background: #fff;
    line-height: 55px;
    font-size: 16px;
    text-decoration: none;
    border-right: 3px solid #dce4eb;
    display: table-cell
}

.solution-tab-nav li a {
    display: block;
    cursor: pointer;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333
}

.solution-tab-nav a i {
    background: url(/images/icon.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: 0 -65px;
    margin-right: 3px;
    transition: color 2s ease, background-color .2s ease, transform .5s ease
}

.solution-tab-nav a:hover i, .solution-tab-nav li.on i {
    background-position: 0 -85px;
    transform: rotate(45deg)
}

.solution-tab-nav a:hover, .solution-tab-nav li.on a {
    color: #fff;
    background: #d70c25
}

.page-padding.solution-case .container.case-list li a {
    color: #333;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap
}

.page-padding.solution-case .container.case-list li:hover a {
    color: #fff
}

.index-about {
    vertical-align: middle;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    overflow: hidden
}

.index-about-data li {
    text-align: center;
    width: 33.3%;
    text-align: center;
    float: left;
    margin-top: 12%
}

.index-about-data .round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: block;
    border: 1px solid #b3c1ce;
    text-align: center;
    line-height: 100px;
    font-size: 1.50rem;
    font-weight: 700;
    color: #576574;
    margin: 0 auto
}

.index-about-data .round b {
    font-size: 1.5rem
}

.index-about-data li p {
    color: #576574;
    font-size: 1rem;
    margin-top: 10px
}

.index-about-txt {
    background: #e9f0f6;
    padding: 1.5rem
}

.boss-talk.container .tit strong, .index-about-txt .tit {
    font-size: 1.8rem;
    font-weight: 700
}

.index-about-txt p {
    color: #666;
    margin: 1rem 0
}

.index-about .bx-wrapper .bx-controls-direction a {
    position: absolute;
    bottom: 0;
    outline: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    z-index: 2
}

.index-about .bx-prev {
    background: url(../images/icon/slide_arrow.png) no-repeat;
    right: 31px
}

.index-about .bx-prev:hover {
    background-position: 0 -30px
}

.index-about .bx-next {
    background: url(../images/icon/slide_arrow.png) no-repeat;
    right: 0;
    background-position: -30px -30px
}

.index-about .bx-next:hover {
    background-position: -30px 0
}

.common-tab-nav {
    border-bottom: 3px solid #e2e9ee;
    overflow: hidden;
    margin: 0 0 1rem 0
}

.common-tab-nav li {
    float: left;
    margin: 0 1rem;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    position: relative
}

.common-tab-nav li a {
    color: #333;
    display: block;
    padding: 0 1rem
}

.common-tab-nav li::before {
    position: absolute;
    background: #b6b6b6;
    top: 37%;
    left: -1rem;
    height: 12px;
    width: 1px;
    display: block;
    content: ''
}

.common-tab-nav li:first-child {
    margin: 0 1rem 0 0
}

.common-tab-nav li:first-child::before {
    display: none
}

.common-tab-nav li a:hover, .common-tab-nav li.on a {
    background: #d70c25;
    color: #fff
}

.index-case-list li {
    float: left;
    width: 32%;
    background: #000;
    overflow: hidden
}

.index-case-list li:nth-child(3n+2) {
    margin: 0 2%
}

.index-case-list li:nth-child(n+4) {
    margin-top: 2%
}

.index-case-list .shuffer-up {
    position: relative
}

.index-case-list .img {
    opacity: .75
}

.index-case-list .img img {
    max-height: 270px;
    min-height: 150px
}

.index-case-list .shuffer-box {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 73%;
    left: 0;
    bottom: 0;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.index-case-list .shuffer-box .name img {
    width: 116px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid hsla(0, 0%, 90%, .3)
}

.index-case-list li .stars-info h2 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 auto
}

.index-case-list li:hover .shuffer-box {
    height: 93%
}

.index-case-list li .stars-info p {
    width: 80%;
    margin: 0 auto
}

.index-case-list li .stars-info {
    height: 10%
}

.index-case-list li:hover .stars-info {
    height: 47%
}

.index-case-list li:hover .shuffer-box hr {
    background: #fff;
    width: 40px;
    margin: 7px auto;
    height: 3px
}

.index-news {
    background: #ecf1f5
}

.index-news-list li {
    float: left;
    vertical-align: middle;
    width: 48%;
    margin-bottom: 1.5rem
}

.index-news-list li:nth-child(2n+2) {
    float: right;
    margin-right: 10px
}

.index-news-list li .img, .index-news-list li .txt {
    display: table-cell;
    vertical-align: middle;
    width: 23%
}

.index-news-list li .txt {
    -moz-box-shadow: 3px 3px 5px #ccc;
    -webkit-box-shadow: 3px 3px 5px #ccc;
    box-shadow: 3px 3px 5px #ccc;
    background: #fff;
    padding: 0 1rem;
    width: 60%
}

.index-news-list li .txt p {
    color: #666;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 10px;
    padding-bottom: 8px
}

.index-news-list li .txt h4 {
    font-weight: 700;
    max-height: 45px;
    overflow: hidden
}

.index-news-list li .txt h4 a {
    display: block;
    color: #333
}

.index-news-list li .txt h4 a:hover {
    color: #d70c25
}

.index-service-main li {
    float: left;
    width: 18%;
    margin-right: 2.5%
}

.index-service-main li:nth-child(5) {
    margin-right: 0
}

.index-service-main li .txt {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
    text-align: center;
    padding: 1rem 0
}

.index-service-main li:hover .shuffer-bg {
    height: 100%;
    background-color: #d70c25;
    opacity: 1
}

.index-service-main li .shuffer-up .shuffer-show h5 {
    font-size: 1.05rem;
    font-weight: 700
}

.index-service-main li .shuffer-up .shuffer-show hr {
    display: table;
    margin: 10px auto;
    background: #d2dde6;
    width: 60px;
    height: 3px
}

.index-service-main li .shuffer-up .shuffer-show p {
    color: #666
}

.index-service-main li:hover .shuffer-up .shuffer-show, .index-service-main li:hover .shuffer-up .shuffer-show p {
    color: #fff;
    position: relative;
    z-index: 2
}

.Overlay_bg {
    position: fixed;
    left: 0;
    top: 107px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 5;
    display: none
}

.is-active .Overlay_bg, .is-visible .Overlay_bg {
    display: block !important;
    top: 0
}

.foot {
    overflow: hidden;
    overflow: hidden;
    border-top: 3px solid #c3cdd8;
    background: #e7ebef;
    padding: 2rem 0;
    width: 100%
}

.pc-foot a {
    color: #333
}

.pc-foot a:hover {
    color: #d70c25
}

.pc-foot-1 a, .pc-foot-2 a {
    display: table;
    width: 100%;
    margin-bottom: 8px
}

.nf-sm-2.pc-foot-2, .nf-sm-2.pc-foot-4 {
    width: 25%
}

.nf-sm-2.pc-foot-3 {
    width: 38.333%
}

.pc-foot-3 p {
    margin-bottom: 8px
}

.pc-foot-3 .q {
    margin-bottom: 1rem
}

.pc-foot h6 {
    font-size: 1rem;
    color: #666
}

.pc-foot hr {
    background: #c3cdd8;
    width: 40px;
    height: 3px;
    margin: 10px 0
}

.pc-foot-4 {
    float: right;
    text-align: right
}

.pc-foot-4 img {
    width: auto;
    height: auto
}

.pc-foot-4 .wechat {
    margin-bottom: 1rem
}

.bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    z-index: 10
}

.bottom, .fl.bottom-fl, .fr.bottom-fr {
    height: 40px;
    background: #333;
    color: #ccc;
    overflow: hidden
}

.fl.bottom-fl {
    background: #333
}

.fr.bottom-fr {
    background: #d70c25;
    right: 0;
    position: absolute;
    bottom: 0
}

.bottom .container {
    height: 40px;
    position: relative;
    z-index: 1;
    background: #333;
    z-index: 11
}

.bottom .container .bottom-link {
    background: url(/images/icons/bottom.png) no-repeat left center #d70c25;
    width: auto;
    float: right;
    height: 40px;
    line-height: 40px;
    padding-left: 2rem
}

.bottom .container .bottom-link a {
    color: #ccc;
    margin-left: 2rem;
    position: relative
}

.bottom .container .bottom-link a::before, .wap-foot .friend-link a::before {
    position: absolute;
    background: #b6b6b6;
    top: 20%;
    left: -1rem;
    height: 12px;
    width: 1px;
    display: block;
    content: ''
}

.bottom .container .bottom-link a:first-child::before, .wap-foot .friend-link a:first-child::before {
    display: none
}

.wap-foot {
    text-align: center;
    background: #ecf1f5;
    padding: 2rem 0;
    border-bottom: 2px solid #d9e1e7
}

.wap-foot .friend-link {
    margin-bottom: 10px
}

.wap-foot a {
    color: #333;
    margin: 0 .75rem;
    position: relative
}

.wap-foot .friend-link a::before {
    left: -.75rem
}

.wap-foot .beian {
    color: #888
}

.wap-foot .beian a {
    color: #888
}

.wap-foot-nav {
    background: #f8f8f8;
    text-align: center;
    overflow: hidden;
    height: 67px;
    width: 100%
}

.wap-foot-nav li a {
    padding: 8px 0;
    display: block;
    color: #999
}

.wap-foot-nav li a:hover, .wap-foot-nav li.on a {
    color: #c52d2f
}

.wap-foot-nav li {
    float: left;
    width: 20%
}

.wap-foot-nav li i {
    background: url(/images/icon.png) no-repeat;
    height: 25px;
    width: 25px;
    display: block;
    margin: 0 auto 5px
}

.wap-foot-nav li.home i {
    background-position: -43px -119px
}

.wap-foot-nav li.home a:hover i, .wap-foot-nav li.home.on i {
    background-position: -6px -119px
}

.wap-foot-nav li.pro i {
    background-position: -6px -152px
}

.wap-foot-nav li.pro a:hover i, .wap-foot-nav li.pro.on i {
    background-position: -43px -152px
}

.wap-foot-nav li.case i {
    background-position: -6px -184px
}

.wap-foot-nav li.case a:hover i, .wap-foot-nav li.case.on i {
    background-position: -43px -184px
}

.wap-foot-nav li.service i {
    background-position: -5px -215px
}

.wap-foot-nav li.service a:hover i, .wap-foot-nav li.service.on i {
    background-position: -42px -215px
}

.wap-foot-nav li.tel i {
    background-position: -6px -248px
}

.wap-foot-nav li.tel.on {
    background-position: -6px -248px
}

.wap-foot-nav li.tel {
    background: #c52d2f
}

.wap-foot-nav li.tel a {
    color: #fff
}

.foot-bottom-nav {
    height: 60px;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.foot-bottom-nav .foot-msg {
    border-right: 1px solid #fff
}

.foot-bottom-nav .foot-msg p {
    background: url(../images/icon/f_m.png) no-repeat 3% center;
    background-size: 25px;
    padding: 0 0 0 25px
}

.foot-bottom-nav .foot-tel p {
    background: url(../images/icon/f_t.png) no-repeat 20% center;
    background-size: 25px
}

.foot-bottom-nav .foot-tel {
    border-left: 1px solid #fff
}

.foot-bottom-nav a {
    background: #e63c19;
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.swt-fixed {
    width: 80px;
    background: url(../images/foot/cnchat.gif) no-repeat right top;
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 22222222;
    background-size: contain
}

.swt-fixed a {
    width: 80px;
    height: 120px;
    display: block
}

.page-banner {
    position: relative
}

.breadcrumbnav {
    position: absolute;
    bottom: .5rem;
    right: 0;
    z-index: 1;
    width: 100%
}

.breadcrumbnav .container .breadcrumbnav-link {
    color: #fff;
    float: right
}

.breadcrumbnav .container .breadcrumbnav-link li {
    color: #fff;
    position: relative;
    display: inline-block
}

.breadcrumbnav .container .breadcrumbnav-link li a {
    color: #fff
}

.breadcrumbnav .container .breadcrumbnav-link li::after {
    content: ">";
    font-family: 宋体;
    font-weight: 700;
    margin: 0 10px
}

.breadcrumbnav .container .breadcrumbnav-link i {
    height: 20px;
    width: 14px;
    float: left;
    background: url(/images/icon.png) no-repeat;
    background-position: -35px -2px;
    margin: 0 10px 0 0
}

.product-main .product-tit {
    font-size: 1rem;
    color: #666;
    margin-bottom: 1rem
}

.product-main .product-tit i {
    height: 12px;
    width: 12px;
    background: url(/images/icon.png) no-repeat;
    background-position: -36px -31px;
    float: left;
    margin: 6px 8px 0 0
}

.product-box li {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    margin-bottom: 2rem
}

.product-box .shuffer-up .product-shuffer {
    position: absolute;
    padding-bottom: 1rem;
    bottom: -1px;
    width: 100%;
    -webkit-transition: all linear 250ms;
    transition: all linear 250ms;
    z-index: 2;
    background: #fff
}

.product-box .shuffer-up:hover .product-shuffer {
    padding-bottom: 5%
}

.product-box .shuffer-up:hover .shuffer-bg {
    height: auto
}

.product-box .shuffer-up .shuffer-link {
    display: none;
    margin: 1rem 2rem 0;
    padding-top: 1rem;
    border-top: 1px solid #d6e0e3;
    background: #fff
}

.product-box .shuffer-up:hover .shuffer-link {
    display: block
}

.product-box .shuffer-up:hover .shuffer-link h3 {
    width: 50%;
    float: left;
    margin-bottom: 5px
}

.product-box .shuffer-up:hover .shuffer-link h3 a {
    color: #727272
}

.product-box .shuffer-up:hover .shuffer-link h3 a:hover {
    color: #d70c25
}

.product-box .shuffer-up .product-shuffer .tit {
    padding: 1rem 2rem 0;
    position: relative;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.product-box .shuffer-up .product-shuffer .tit .more {
    height: 40px;
    width: 25px;
    text-align: center;
    line-height: 40px;
    border: #becbd5 1px solid;
    color: #becbd5;
    position: absolute;
    right: 2rem;
    top: 15%;
    -webkit-transition: all linear .3s;
    transition: all linear .3s;
    font-size: 2rem;
    font-family: 宋体
}

.product-box .shuffer-up:hover .product-shuffer .tit .more {
    background: #d70c25;
    border: 1px solid #d70c25;
    color: #fff
}

.product-box .shuffer-up .product-shuffer .tit h2 {
    font-size: 1.5rem;
    color: #010101;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.product-box .shuffer-up .product-shuffer .tit p {
    color: #727272;
    margin-right: 2.5rem;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.page-nav {
    background: #fff;
    -moz-box-shadow: 0 0 5px #cacaca;
    -webkit-box-shadow: 0 0 5px #cacaca;
    box-shadow: 0 0 5px #cacaca;
    position: relative
}

.page-nav-link a {
    color: #666;
    display: block;
    line-height: 60px
}

.page-nav-link .swiper-slide.active a, .page-nav-link a:hover {
    color: #333;
    border-bottom: 3px solid #d70c25
}

.page-nav-link .swiper-slide {
    text-align: center
}

.page-nav-link .swiper-slide a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.product-main-tit {
    border: 2px solid #e7eef5;
    background: #fff;
    padding: 1rem;
    margin-top: 20px;
    display: table;
    width: 100%
}

.product-main-tit .img {
    margin: -60px 1rem 0 0;
    float: left
}

.product-main-tit .txt h1 {
    float: left
}

.product-main-tit .txt {
    padding-top: 1rem;
    color: #666;
    line-height: 1.8
}

.product-list {
    margin-top: 2rem
}

.product-list li {
    float: left;
    width: 32%;
    margin-bottom: 2%;
    background: #fff;
    -moz-box-shadow: 0 0 5px #cacaca;
    -webkit-box-shadow: 0 0 5px #cacaca;
    box-shadow: 0 0 5px #cacaca
}

.product-list li .txt {
    padding: 1rem 1rem 0
}

.product-list li .txt h2 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.product-list li .txt p {
    margin-bottom: 10px;
    color: #8b8b8b;
    height: 45px;
    overflow: hidden
}

.product-list li .txt p a {
    padding: 0 8px;
    display: table-cell;
    color: #666;
    height: 30px;
    line-height: 30px
}

.product-list li .txt p .swt {
    background: #d70c25;
    color: #fff;
    border: 1px solid #d70c25
}

.product-list li .txt p .link {
    border: 1px solid #ddd
}

.index-case-list.page-case-list {
    margin-top: 2rem
}

.page-breadcrumbnav {
    background: #e6ebf3;
    overflow: hidden;
    height: 50px;
    line-height: 50px
}

.product-nav {
    position: relative;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    background: url(/images/icons/down.png) no-repeat right center;
    display: inline-table;
    padding: 0 20px 0 0
}

.product-nav i {
    height: 12px;
    width: 12px;
    background: url(/images/icon.png) no-repeat;
    background-position: -36px -31px;
    display: inline-block;
    margin: 3px 10px 0 0
}

.product-nav-list {
    position: absolute;
    display: none;
    border: 1px solid #e6ebf3;
    background: #fff;
    -webkit-box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    margin-top: 3px;
    padding: 0 1rem;
    width: 200px;
    z-index: 2
}

.product-nav-list a {
    display: table;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #333;
    border-top: 1px solid #c3cdd8;
    white-space: nowrap
}

.product-nav-list a:first-child {
    border: none
}

.case-page-nav .breadcrumbnav-link li, .page-breadcrumbnav .breadcrumbnav-link li {
    color: #666;
    position: relative;
    display: inline-block
}

.case-page-nav .breadcrumbnav-link li a, .page-breadcrumbnav .breadcrumbnav-link li a {
    color: #666
}

.case-page-nav .breadcrumbnav-link li::after, .page-breadcrumbnav .breadcrumbnav-link li::after {
    content: ">";
    font-family: 宋体;
    font-weight: 700;
    margin: 0 10px
}

.case-page-nav .breadcrumbnav-link i, .page-breadcrumbnav .breadcrumbnav-link i {
    height: 20px;
    width: 14px;
    float: left;
    background: url(/images/icon.png) no-repeat;
    background-position: -35px -49px;
    margin: 14px 5px 0 0
}

.case-page-nav .breadcrumbnav-link i {
    margin: 0 8px 0 0
}

.product-info, .product-show {
    width: 50%;
    display: table-cell;
    vertical-align: middle
}

.product-show .bx-wrapper .bx-controls.bx-has-pager .bx-pager.bx-custom-pager .bx-pager-item {
    max-width: 18%;
    flex: 1
}

.product-show .bx-wrapper .bx-controls.bx-has-pager .bx-pager.bx-custom-pager {
    position: inherit;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.product-show .bx-wrapper .bx-controls.bx-has-pager .bx-pager.bx-custom-pager .bx-pager-item {
    background: #908a8a
}

.product-show .bx-wrapper .bx-controls.bx-has-pager .bx-pager.bx-custom-pager .bx-pager-item .bx-pager-link img {
    opacity: .45;
    height: auto
}

.product-show .bx-wrapper .bx-controls.bx-has-pager .bx-pager.bx-custom-pager .bx-pager-item .bx-pager-link.active img, .product-show .bx-wrapper .bx-controls.bx-has-pager .bx-pager.bx-custom-pager .bx-pager-item .bx-pager-link:hover {
    opacity: 1
}

.product-info {
    padding: 0 0 0 2rem;
    overflow: hidden
}

.product-info h1 {
    font-size: 1.8rem;
    border-bottom: 1px solid #dce3ef;
    padding-bottom: .5rem;
    position: relative;
    display: table;
    border-bottom: 3px solid #dce3ef
}

.product-info h1::before {
    content: "";
    position: absolute;
    bottom: -2px;
    height: 1px;
    left: 0;
    background: #dce3ef;
    width: 200%
}

.product-info .product-info-txt {
    margin-top: 2rem
}

.product-show ul.probxslider li:nth-child(n+2) {
    visibility: hidden;
    display: none
}

.product-show .bx-pager-item:nth-child(n+2) {
    visibility: hidden;
    display: none
}

.case-box .product-info-online, .product-info .product-info-online {
    margin-top: 2rem;
    overflow: hidden
}

.case-box .product-info-online a, .product-info .product-info-online a {
    text-align: center;
    float: left;
    vertical-align: middle;
    width: 50%;
    height: 50px;
    line-height: 50px
}

.case-box .product-info-online a.swt, .product-info .product-info-online a.swt {
    background: #d70c25;
    color: #fff;
    border: 1px solid #d70c25;
    font-size: 1rem
}

.case-box .product-info-online a i, .product-info .product-info-online a i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.case-box .product-info-online a i img, .product-info .product-info-online a i img {
    vertical-align: middle;
    display: table
}

.case-box .product-info-online a.tel, .product-info .product-info-online a.tel {
    border: 1px solid #d70c25;
    color: #d70c25;
    font-size: 1.15rem
}

.product-info-other {
    margin-top: 2rem
}

.product-info-other a {
    padding-left: 1.5rem;
    height: 30px;
    line-height: 30px;
    color: #666;
    width: 25%;
    float: left
}

.product-info-other .a {
    background: url(../images/icon/findadd.png) no-repeat left center
}

.product-info-other .b {
    background: url(../images/icon/probook.png) no-repeat left center
}

.product-info-other .c {
    background: url(../images/icon/proservice.png) no-repeat left center
}

.product-info-other .d {
    background: url(../images/icon/proshare.png) no-repeat left center
}

.product-scroll {
    margin-top: 2rem
}

.product-scroll .fixDiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3
}

.product-scroll-nav .container {
    background: #ecf1f5;
    overflow: hidden;
    padding: 1rem 0
}

.product-scroll-nav .container .fl {
    margin-top: 5px
}

.product-scroll-nav .container .fl li {
    float: left;
    padding: 0 1rem;
    border-right: 1px solid #b1b4b6;
    cursor: pointer
}

.product-scroll-nav .container .fl li.on, .product-scroll-nav .container .fl li:hover {
    color: #d70c25
}

.product-scroll-nav .container .online.fr {
    margin-right: 1rem;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d70c25;
    padding: 5px 8px
}

.product-scroll-nav .container .online.fr a {
    color: #d70c25
}

.product-scroll-nav .container .online.fr i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px
}

.product-scroll-list .scroll {
    padding: 3rem 0;
    overflow: hidden
}

.product-scroll-list .scroll:nth-child(2n) {
    background: #f1f5f8
}

.product-scroll-list .scroll .tit {
    font-size: 2rem;
    text-align: center
}

.product-scroll-list .scroll .tit hr {
    display: table;
    margin: 1rem auto 1.5rem;
    background: #c2c8d0;
    height: 3px;
    width: 80px
}

.product-scroll-list .scroll.scroll_2 .container li {
    float: left;
    width: 48%;
    margin-bottom: 4%;
    -webkit-box-shadow: 0 0 8px rgba(201, 201, 201, .35);
    box-shadow: 0 0 8px rgba(201, 201, 201, .35);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    padding: 1rem;
    height: 175px;
    overflow: hidden;
    display: table;
    border: 1px solid #f1f5f8
}

.product-scroll-list .scroll.scroll_2 .container li:nth-child(2n) {
    float: right
}

.product-scroll-list .scroll.scroll_2 .container li .img, .product-scroll-list .scroll.scroll_2 .container li .txt {
    display: table-cell;
    vertical-align: middle
}

.product-scroll-list .scroll.scroll_2 .container li .img {
    width: 20%;
    border-right: 1px solid #dee3e7;
    padding-right: 1rem
}

.product-scroll-list .scroll.scroll_2 .container li .txt {
    padding-left: 1rem
}

.product-scroll-list .scroll.scroll_2 .container li .txt h3 {
    font-size: 1.25rem;
    color: #9e9e9e;
    margin-bottom: 5px
}

.product-scroll-list .scroll.scroll_2 .container li .txt h3 strong {
    color: #333
}

.product-scroll-list .scroll.scroll_2 .container li .txt p {
    color: #9e9e9e
}

.product-scroll-list .scroll.scroll_3 table, .product-scroll-list .scroll.scroll_4 table {
    border-right: 1px solid #c6ccd4;
    border-bottom: 1px solid #c6ccd4;
    text-align: center;
    vertical-align: middle
}

.product-scroll-list .scroll.scroll_3 table td, .product-scroll-list .scroll.scroll_4 table td {
    border-left: 1px solid #c6ccd4;
    border-top: 1px solid #c6ccd4;
    padding: 10px
}

.product-scroll-list .scroll.scroll_3 table tr:nth-child(even) td {
    background: #fff
}

.product-scroll-list .scroll.scroll_3 table tr:nth-child(odd) td {
    background: #f1f5f8
}

.product-scroll-list .scroll.scroll_3 table tr:first-child td {
    background: #d5e1ea !important;
    font-size: 1rem;
    font-weight: 700
}

.product-scroll-list .scroll.scroll_4 table {
    text-align: left
}

.product-scroll-list .scroll.scroll_4 table tr:nth-child(even) td {
    background: #fff;
    padding: 1rem
}

.product-scroll-list .scroll.scroll_4 table tr:nth-child(odd) td {
    background: #f1f5f8;
    padding: 1rem
}

.product-scroll-list .scroll.scroll_4 table tr td:first-child {
    font-weight: 700;
    font-size: 1rem
}

.product-scroll-list .scroll.scroll_4 table tr:first-child td {
    font-size: 1.15rem;
    font-weight: 700;
    background: #d70c25;
    color: #fff
}

.product-scroll-list .scroll.scroll_4 table tr:first-child td:first-child {
    background: #333
}

.product-scroll-list .scroll.scroll_4 table td font {
    color: #d70c25
}

.product-scroll-list .scroll.scroll_4 p {
    text-align: center;
    border: 1px solid #c6ccd4;
    border-top: none;
    padding: 1rem;
    font-size: 1.15rem;
    color: #d70c25;
    font-weight: 700
}

.product-scroll-list .scroll .img img {
    height: inherit
}

.pro-contact {
    padding-right: 2rem
}

.pro-contact p {
    margin-bottom: 1rem;
    letter-spacing: 1px
}

.pro-contact p a {
    color: #434343;
    font-weight: 700
}

.pro-contact p strong {
    font-size: 1.15rem
}

.pro-form .form-label {
    background: 0 0;
    padding: 0
}

.pro-form .form-label span {
    color: #434343;
    left: 0
}

.pro-form .form-label input, .pro-form .form-textarea textarea {
    border: 1px solid #c6ccd4;
    height: 40px;
    line-height: 40px;
    margin-left: 90px;
    padding: 0 0 0 1rem;
    width: 80%
}

.pro-form .form-label.form-textarea {
    height: auto;
    overflow: hidden
}

.pro-form .form-textarea textarea {
    background: 0 0;
    border: 1px solid #c6ccd4;
    height: auto
}

.pro-form .form-textarea b {
    visibility: hidden
}

.pro-form .contact-sub {
    display: table;
    margin: 0 auto
}

.pro-contact p img {
    max-width: 480px
}

.case-main .case-tit {
    background: #d70c25;
    color: rgba(255, 255, 255, .7);
    float: left;
    height: 63px;
    padding: 0 10px;
    width: 135px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    font-size: 1rem
}

.case-main .case-tit p:first-child {
    margin-top: 7px;
    color: rgba(255, 255, 255, 1);
    font-size: 1.15rem;
    font-weight: 700
}

.case-main .case-swiper {
    padding-left: 140px;
    width: 100%
}

.container.case-user {
    border: 3px solid #e7eef5;
    background: #fff;
    overflow: hidden
}

.container.case-user li {
    float: left;
    width: 14.2%;
    text-align: center;
    display: table;
    height: 110px;
    position: relative
}

.container.case-user li::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 80%;
    left: -1px;
    top: 10%;
    border-right: 1px solid #e9ecef
}

.container.case-user li::after {
    content: '';
    display: block;
    position: absolute;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 20%;
    border-bottom: 1px solid #e9ecef
}

.container.case-user li img {
    width: auto
}

.container.case-user li .case-user-img {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 2
}

.container.case-user li .case-user-img a {
    display: block
}

.container.case-list {
    margin: 3rem auto 0;
    width: 100%
}

.company-news li, .container.case-list li {
    -webkit-box-shadow: 0 0 5px 2px rgba(201, 201, 201, .35);
    box-shadow: 0 0 5px 2px rgba(201, 201, 201, .35);
    float: left;
    background: #fff
}

.container.case-list li:hover .txt {
    background: #d70c25
}

.container.case-list li:hover a {
    color: #fff
}

.container.case-list li .txt {
    height: 75px;
    padding: 10px;
    background: #fff;
    overflow: hidden;
    width: 100%;
    display: table;
    vertical-align: middle
}

.container.case-list li .txt h2 {
    display: table-cell;
    vertical-align: middle
}

.container.case-list li a {
    color: #333;
    display: block
}

.container.case-list .list {
    margin-bottom: 1rem
}

.container.case-list .more, .news-common-tit .more {
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin: 10px 0
}

.container.case-list .more a, .news-common-tit .more a {
    color: #777
}

.container.case-list .more i, .news-common-tit .more i {
    background: url(../images/icon/more_down.png) no-repeat;
    width: 14px;
    height: 9px;
    display: inline-block;
    margin-left: 8px
}

.case-page-nav {
    background: #e6ebf3;
    overflow: hidden;
    padding: 1rem 0
}

.case-page-nav .container .tit i {
    float: left;
    height: 20px;
    width: 14px;
    background: url(/images/icon.png) no-repeat;
    background-position: -36px -28px;
    margin: 2px 5px 0 0
}

.case-page-nav .container.wap-show, .page-breadcrumbnav .container .wap-show {
    text-align: center;
    position: relative;
    font-size: .85rem
}

.case-page-nav .container.wap-show .back, .page-breadcrumbnav .container .wap-show .back {
    color: #747475;
    font-family: 宋体;
    position: absolute;
    left: 0;
    top: -7px;
    font-weight: 700;
    font-size: 1.5rem
}

.page-breadcrumbnav .container .wap-show .back {
    top: 0
}

.case-box {
    border: 5px solid #eaeff6
}

.case-box .img, .case-box .txt {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.case-box .txt {
    padding: 2rem;
    border-left: 5px solid #eaeff6
}

.case-box .txt h1 {
    font-size: 1.5rem;
    border-bottom: 2px solid #eaeff6;
    padding-bottom: 10px
}

.case-box .txt .info p {
    margin-top: 10px
}

.case-box .txt .info p strong {
    font-style: normal;
    color: #3671cf
}

.container.article-main {
    padding: 3rem 0
}

.container.article-main p {
    line-height: 1.8
}

.container.article-main .hit {
    background: #f1efef;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 700;
    height: auto;
    overflow: hidden
}

.container.article-main embed {
    min-height: 480px;
    max-width: 640px;
    margin: 0 auto;
    display: table
}

.orther-article {
    background: #f1f4f6;
    padding: 1rem 2.5rem;
    overflow: hidden;
    position: relative
}

.orther-article a {
    color: #333;
    width: 48%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.orther-article a.fl::before {
    content: "<";
    font-family: 宋体;
    font-weight: 700;
    position: absolute;
    left: 10px;
    background: #c9c9c9;
    color: #fff;
    height: 40px;
    width: 20px;
    top: 7px;
    line-height: 40px;
    text-align: center;
    font-size: 1.5rem
}

.orther-article a.fr {
    text-align: right
}

.orther-article a.fr::before {
    content: ">";
    font-family: 宋体;
    font-weight: 700;
    position: absolute;
    right: 10px;
    background: #c9c9c9;
    color: #fff;
    height: 40px;
    width: 20px;
    top: 7px;
    line-height: 40px;
    text-align: center;
    font-size: 1.5rem
}

.orther-article a:hover::before {
    background: #d70c25
}

.orther-article a:hover {
    color: #d70c25
}

.about-product.container {
    margin-top: 2rem
}

.contact-box {
    background: #fff;
    -webkit-box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    box-shadow: 0 5px 8px rgba(201, 201, 201, .35)
}

.contact-box .img, .contact-box .txt {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.contact-box .txt {
    padding: 1rem 1.5rem
}

.contact-box .txt strong, .contact-form h4 {
    font-weight: 700;
    font-size: 1rem
}

.contact-form p {
    color: #999
}

.contact-box .txt hr {
    background: #d70c25;
    width: 80px;
    display: table;
    height: 3px;
    margin: 12px 0 0
}

.contact-box .txt p {
    margin-top: 12px;
    margin-bottom: 10px
}

.contact-box .txt p font {
    color: #d70c25;
    font-size: 1.25rem;
    font-weight: 700
}

.contact-box.contact-box-s {
    margin: 3rem auto;
    overflow: hidden
}

.industry-view .tit, .news-common-tit .tit {
    font-size: 1.5rem;
    margin-bottom: 1rem
}

.news-common-tit .tit a {
    float: right;
    font-size: 14px;
    color: #888
}

.industry-view .tit a b, .news-common-tit .tit a b {
    font-family: 宋体;
    font-size: 1rem;
    margin-left: 5px
}

.news-common-tit .slide {
    -webkit-box-shadow: 3px 3px 3px rgba(201, 201, 201, .35);
    box-shadow: 3px 3px 3px rgba(201, 201, 201, .35)
}

.news-common-tit .news-slider .slide .txt {
    height: 120px;
    padding: 0 13px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    border: 1px solid #ebebeb
}

.company-news li .txt p, .media-view .txt .date, .news-common-tit .news-slider .slide .txt p {
    color: #838383
}

.media-view .txt hr, .news-common-tit .news-slider .slide .txt hr {
    background: #d70c25;
    width: 80px;
    margin: 8px 0;
    height: 3px
}

.news-common-tit .news-slider .slide .txt h2 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.news-common-tit .news-slider .slide .txt h2 a {
    color: #2a2a2a;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.news-common-tit .bx-viewport {
    min-height: 355px
}

.about-honor .bx-controls-direction a, .news-common-tit .bx-controls-direction a {
    height: 40px;
    width: 25px;
    text-align: center;
    line-height: 40px;
    border: #bbb 1px solid;
    color: #bbb;
    position: absolute;
    top: 40%;
    -webkit-transition: all linear .3s;
    transition: all linear .3s;
    font-size: 2rem;
    font-family: 宋体
}

.about-honor .bx-controls-direction a.bx-prev, .news-common-tit .bx-controls-direction a.bx-prev {
    left: -30px
}

.about-honor .bx-controls-direction a.bx-next, .news-common-tit .bx-controls-direction a.bx-next {
    right: -30px
}

.news-common-tit .news-slider .slide:nth-child(n+2) {
    visibility: hidden;
    display: none
}

.about-honor .bx-controls-direction a:hover, .news-common-tit .bx-controls-direction a:hover {
    color: #fff;
    background: #d70c25;
    border: 1px solid #d70c25
}

.industry-view, .media-view {
    width: 48.5%;
    background: #f1f4f7;
    -webkit-box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    box-shadow: 0 5px 8px rgba(201, 201, 201, .35)
}

.media-view .img, .news-voide li .img {
    position: relative
}

.media-view .img p, .news-voide li .img p {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #d70c25;
    color: #fff;
    font-size: 2rem;
    width: 100px;
    text-align: center;
    padding: 12px
}

.news-voide li .img p {
    background: 0 0;
    width: auto
}

.media-view .txt {
    padding: 12px 1rem
}

.industry-view {
    padding: 1rem 2rem
}

.media-view .txt hr {
    margin: 5px 0
}

.industry-view .tit a {
    color: #777;
    font-size: 14px;
    float: right
}

.company-news li .txt hr, .industrt-list .txt hr, .media-view .txt hr {
    background: #e2e9ee;
    height: 3px;
    width: 80px;
    margin: 10px 0
}

.media-view .txt h3 a {
    font-size: 1.25rem;
    color: #222;
    display: block
}

.media-view .txt h3 {
    margin-bottom: 5px
}

.industrt-list li {
    margin-bottom: 1rem
}

.industrt-list .img, .industrt-list .txt {
    display: table-cell;
    vertical-align: middle;
    width: 1%
}

.industrt-list .txt {
    background: #fff;
    padding: 0 1rem
}

.industrt-list .txt a {
    color: #222;
    display: block
}

.news-common-tit .news-slider .slide .txt {
    padding: 10px 1rem;
    display: block;
    width: 100%;
    height: auto
}

.news-common-tit .news-slider.news-voide .txt p {
    background: #d70c25;
    color: #fff;
    width: auto;
    display: table;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 5px;
    margin-bottom: 10px
}

.news-common-tit .news-slider.news-voide .txt p a {
    color: #fff
}

.news-common-tit .news-slider.news-voide .slide .txt h2 {
    height: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.news-common-tit .news-slider.news-voide .slide .img {
    position: relative
}

.news-common-tit .news-slider.news-voide .slide .img p {
    position: absolute;
    left: 1rem;
    bottom: 1rem
}

.news-slider .slide:hover .txt {
    background: #d70c25
}

.news-slider .slide:hover .txt h2 a, .news-slider .slide:hover .txt p {
    color: #fff
}

.news-slider .slide:hover .txt hr {
    background: #fff
}

.company-news li .txt {
    background: #fff;
    width: 100%;
    padding: 1rem;
    min-width: 1%;
    display: table
}

.company-news li .txt h2 {
    height: 42px;
    overflow: hidden
}

.company-news li .txt a {
    color: #2a2a2a;
    display: block
}

.company-news li:hover .txt {
    background: #d70c25;
    color: #fff
}

.company-news li:hover .txt a, .company-news li:hover .txt p {
    color: #fff
}

.media-list.company-news li .img {
    float: left;
    width: 29%
}

.media-list.company-news li .txt {
    width: 1%;
    display: table-cell;
    vertical-align: middle
}

.news-voide li .txt h2 {
    display: table-cell;
    vertical-align: middle
}

.page-common-nav {
    text-align: center;
    overflow: hidden
}

.page-common-nav a {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #c9d0d6;
    padding: 0 1rem;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin: 0 1rem 0 0;
    color: #666
}

.page-common-nav a:last-child {
    margin: 0
}

.page-common-nav a.on, .page-common-nav a:hover {
    background: #d70c25;
    color: #fff;
    border: 1px solid #d70c25
}

.article-tit h1 {
    font-size: 1.75rem;
    color: #2a2a2a
}

.article-tit {
    border-bottom: 2px solid #dce3ef;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    overflow: hidden
}

.article-date {
    color: #666;
    position: relative
}

.article-date .date {
    float: left
}

.article-date .date span {
    margin-right: 1rem
}

.article-date .line {
    position: absolute;
    right: 0;
    bottom: -24px
}

.article-date .line a {
    border: 1px solid #cdcdcd;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    float: left;
    font-family: 宋体;
    font-size: 1rem;
    color: #888
}

.article-date .line a.up {
    border-right: none
}

.article-date .line a.back {
    background: url(/images/icons/back.png) center center no-repeat;
    margin-left: 1rem
}

.voide-about .index-tit {
    margin: 1rem 0 2rem 0
}

.service-tit {
    color: #666;
    font-size: 1rem
}

.service-public .tit, .service-update .tit {
    font-size: 2.25rem;
    text-align: center;
    margin-bottom: 3rem;
    overflow: hidden
}

.service-public .tit strong {
    font-weight: 400;
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 10px
}

.service-public .tit p, .service-update .tit p {
    font-size: 14px;
    color: #666
}

.service-scope .main li {
    width: 22%;
    float: left;
    margin-right: 4%;
    margin-bottom: 4%;
    height: 240px;
    border: 1px solid #ddd;
    text-align: center
}

.service-scope .main li a {
    position: relative;
    display: table;
    width: 100%;
    color: #333
}

.service-scope .main li .shuffer-up {
    width: 100%;
    height: 100%;
    height: 240px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.service-scope .main li .img img {
    width: 56px;
    height: auto
}

.service-scope .main li .shuffer-img {
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0
}

.service-scope .main li .shuffer-bg {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3
}

.service-scope .main li:hover .shuffer-bg {
    opacity: .7
}

.service-scope .main li:hover .shuffer-img {
    bottom: 0;
    z-index: 2;
    left: 0;
    -webkit-transition: all linear .5s;
    transition: all linear .5s;
    opacity: 1
}

.service-scope .main li .shuffer-txt {
    opacity: 0;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    z-index: 3;
    -webkit-transition: all linear .5s;
    transition: all linear .5s;
    left: 0;
    width: 100%
}

.service-scope .main li:hover .shuffer-txt {
    display: block;
    bottom: 25%;
    -webkit-transition: all linear .5s;
    transition: all linear .5s;
    left: 0;
    opacity: 1;
    text-align: center
}

.service-scope .main li .shuffer-txt p {
    padding: 0 2rem;
    margin-bottom: 1rem
}

.service-scope .main li .shuffer-txt p strong {
    font-size: 1.25rem
}

.service-security .main li {
    float: left;
    width: 22%;
    margin: 0 4% 0 0
}

.service-security .main li .txt {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 2px rgba(201, 201, 201, .35);
    box-shadow: 0 0 5px 2px rgba(201, 201, 201, .35);
    height: 200px;
    position: relative;
    padding: 1rem 1.5rem;
    position: relative
}

.service-security .main li .txt p {
    margin-bottom: 5px
}

.service-security .main li .txt hr {
    display: table;
    background: #d70c25;
    width: 60px;
    margin: 10px 0;
    height: 3px
}

.service-security .main li .txt p strong {
    font-size: 1.15rem;
    font-weight: 700
}

.service-security .main li .txt .more {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background: #e5ebf2;
    color: #666;
    font-size: 2rem;
    font-family: 宋体;
    float: right;
    position: absolute;
    right: 1rem;
    bottom: 1rem
}

.service-security .main li .txt .more:hover {
    background: #d70c25;
    color: #fff
}

.service-find {
    display: table;
    vertical-align: middle
}

.service-find .find, .service-find .mall {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 50%
}

.service-find .find .tit {
    background: #ebeff4;
    padding: 5.5%
}

.about-honor .tit, .about-public .txt .tit, .about-tit, .service-find .find .tit .txt, .service-find .mall .tit p strong {
    font-size: 2.25rem;
    font-weight: 400
}

.service-find .find .img {
    position: relative
}

.service-find .find .link {
    position: absolute;
    left: 2rem;
    top: 2rem
}

.service-find .find .link a, .service-sale .link a {
    display: table;
    vertical-align: middle;
    text-align: center;
    line-height: 35px;
    width: 180px;
    margin-top: 1rem
}

.service-find .find .link a i, .service-sale .link a i {
    display: inline-block;
    vertical-align: middle;
    margin-right: .8rem;
    margin-top: 10px
}

.service-find .find .link a.sale, .service-sale .link a.sale {
    background: #d70c25;
    color: #fff
}

.service-find .find .link a.logistics, .service-sale .link a.logistics {
    background: #f3f5f9;
    color: #333
}

.service-find .mall .tit {
    position: absolute;
    left: 2rem;
    top: 2rem;
    right: 2rem
}

.service-find .mall .tit .more {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background: #e5ebf2;
    color: #666;
    font-size: 2rem;
    font-family: 宋体;
    float: left;
    margin-top: 2rem
}

.service-find .mall .tit .more:hover {
    background: #d70c25;
    color: #fff
}

.service-find .mall img {
    height: inherit
}

.container.service-public.service-experts {
    overflow: hidden;
    padding: 12px 5px
}

.experts-swiper .swiper-slide {
    width: 30% !important;
    margin-right: 4%
}

.experts-swiper .swiper-slide .txt {
    background: #fff;
    -webkit-box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    padding: 1rem;
    height: 160px
}

.experts-swiper .swiper-slide .txt p strong {
    font-size: 1.15rem
}

.experts-swiper .swiper-slide .txt p {
    margin-bottom: 10px
}

.experts-swiper .swiper-slide .txt .swt {
    width: 130px;
    height: 40px;
    border: 1px solid #cfcfcf;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #666
}

.experts-swiper .swiper-slide .txt .swt i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background: url(/images/icon/swt_zj_zx.png) no-repeat;
    width: 22px;
    height: 20px
}

.experts-swiper .swiper-slide .txt .swt:hover {
    background: #d70c25;
    border: 1px solid #d70c25;
    color: #fff
}

.experts-swiper .swiper-slide .txt .swt:hover i {
    background: url(../images/icon/swt_zx.png) no-repeat
}

.experts-swiper .swiper-slide img {
    height: auto
}

.security-online .txt {
    background: #f3f5f9;
    padding: 2rem
}

.container.service-public.security-online .txt .tit {
    text-align: left;
    margin-bottom: 0
}

.container.service-public.security-online .txt hr {
    display: table;
    margin: 1rem 0;
    background: #d70c25;
    width: 60px;
    height: 3px
}

.container.service-public.security-online .txt p {
    margin-bottom: 10px
}

.container.service-public.security-online .txt p font {
    color: #d70c25;
    font-size: 22px
}

.container.service-public.security-online .txt p a {
    color: #d70c25;
    text-decoration: underline
}

.service-cloud-list {
    text-align: center;
    margin-bottom: 3rem
}

.service-cloud-list li {
    display: inline-block
}

.service-cloud-main li {
    width: 22%;
    float: left;
    margin-right: 4%;
    background: #fff
}

.service-cloud-main li .txt {
    -webkit-box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    padding: 1rem;
    height: 190px
}

.service-cloud-main li .txt p {
    color: #666
}

.service-cloud-main li .txt p strong {
    border-bottom: 1px solid #bcbcbc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 1rem;
    font-weight: 400;
    display: table;
    width: 100%
}

.service-sale .img, .service-sale .txt {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    position: relative
}

.service-sale .txt {
    background: #f3f5f9;
    padding: 1rem 2rem
}

.service-sale .txt .tit {
    text-align: left;
    margin: 0
}

.service-sale .txt hr {
    margin: 5px 0 15px;
    display: table;
    background: #d70c25;
    width: 60px;
    height: 3px
}

.service-sale .txt p {
    color: #666
}

.service-sale .txt p strong {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 10px;
    display: table;
    color: #333
}

.service-sale .link a {
    display: inline-table;
    margin: 10px 10px 0 0
}

.service-sale .link a.logistics {
    background: #fff;
    border: 2px solid #e3e3e3
}

.service-sale .img .link {
    position: absolute;
    left: 2rem;
    top: 2rem
}

.service-sale .img .link a {
    display: table;
    margin: 1rem
}

.service-date {
    overflow: hidden;
    margin-bottom: 1rem;
    text-align: center
}

.service-date li {
    width: 20%;
    text-align: center;
    display: inline-block;
    position: relative
}

.service-date li p strong {
    font-size: 2.5rem;
    font-weight: 400;
    color: #d70c25
}

.service-date li p span {
    color: #d70c25
}

.service-date li::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 30%;
    left: -1px;
    top: 40%;
    border-right: 1px solid #cececf
}

.service-date li:last-child::before {
    border: none
}

.service-update .tit {
    margin-bottom: 3rem;
    text-align: center
}

.service-update .tit strong, .service-update .tit strong b {
    font-weight: 400
}

.service-update .tit strong {
    display: table;
    width: 100%;
    margin-bottom: 10px
}

.service-update .tit p span {
    color: #c52d2f
}

.updata-before p {
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    width: 1%;
    -webkit-box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    padding: 0 10px
}

.updata-img {
    display: table;
    margin: 1rem auto;
    width: 100%;
    text-align: center
}

.updata-img img {
    width: 70px;
    height: 35px
}

.updata-after p {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #d70c25;
    width: 1%;
    padding: 0 10px;
    color: #fff
}

.youshi li {
    width: 32%;
    float: left
}

.youshi li .txt {
    background: #f3f5f9;
    overflow: hidden;
    padding: 1rem;
    height: 280px
}

.youshi li .txt li {
    display: table;
    width: 100%;
    margin: 0 0 10px;
    background: url(../images/icon/youshiico.jpg) left center no-repeat;
    padding: 0 0 0 1rem
}

.youshi li .txt p {
    border-bottom: 1px solid #c8d2dc;
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    font-size: 1rem
}

.service-solve-list {
    width: 25%;
    float: left;
    text-align: center;
    padding: 2rem 0;
    border-right: 1px solid #e0e4ed;
    border-bottom: 1px solid #e0e4ed;
    height: 100px
}

.service-solve-list i {
    margin-right: 10px
}

.service-solve-list i, .service-solve-list p {
    display: inline-table
}

.process-slide .slide .txt {
    background: #f3f5f9;
    padding: 1rem 10px 0;
    height: 200px;
    text-align: center
}

.process-slide .slide .txt .no {
    color: #9298a3;
    font-size: 3rem
}

.process-slide .slide .txt p span {
    color: #d70c25
}

.page-padding.update-main {
    background: url(../images/service/process_bg.jpg) no-repeat top center;
    overflow: visible
}

.service-update.service-process.container .tit, .service-update.service-process.container .tit p {
    color: #fff
}

.service-process .bx-controls-direction a {
    height: 60px;
    width: 28px;
    background: url(../images/icon/service_slide.png) no-repeat;
    display: block;
    text-indent: -999rem;
    position: absolute;
    top: 41%
}

.service-process .bx-controls-direction a.bx-prev {
    left: -40px
}

.service-process .bx-controls-direction a.bx-prev:hover {
    background-position: 0 -60px
}

.service-process .bx-controls-direction a.bx-next {
    background-position: -29px 0;
    right: -40px
}

.service-process .bx-controls-direction a.bx-next:hover {
    background-position: -29px -60px
}

.solution-tit {
    font-size: 2rem;
    text-align: center
}

.solution-tit hr {
    background: #c2c8d0;
    width: 80px;
    height: 3px;
    display: table;
    margin: 1rem auto 1.5rem
}

.solution-process {
    text-align: center
}

.solution-process li {
    float: left;
    width: 18%;
    margin-right: 2.5%
}

.solution-process li img {
    margin-top: 1rem
}

.solution-process li:last-child {
    margin-right: 0
}

.solution-process li .txt {
    background: #fff;
    background-size: contain;
    -webkit-box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    height: 200px;
    padding: 1rem 0 0
}

.solution-process li .txt strong {
    font-size: 1rem
}

.solution-process li .txt hr {
    display: table;
    margin: 1rem auto;
    width: 40px;
    background: #aab2c2;
    height: 2px
}

.solution-process li .txt p {
    color: #666;
    margin-bottom: 5px
}

.solution-process li .txt p a {
    color: #d70c25
}

.solution-case .container.case-list li .txt {
    display: block;
    padding: 1rem;
    height: 100px
}

.solution-case .container.case-list li .txt h2 {
    font-size: 1rem;
    display: block;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.solution-case .container.case-list li .txt p, .solution-pro li h2 {
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 100%;
    white-space: nowrap;
    color: #666
}

.solution-case .container.case-list li:hover h2, .solution-case .container.case-list li:hover p {
    color: #fff
}

.page-padding.solution-case {
    padding-bottom: 0
}

.solution-do p {
    line-height: 2
}

#timeline {
    width: 100%;
    margin: 30px auto 45px;
    position: relative;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

#timeline:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #d3daea;
    left: 50%;
    top: 0;
    position: absolute
}

#timeline:after {
    content: "";
    clear: both;
    display: table;
    width: 100%
}

#timeline .timeline-item {
    margin: 0 auto;
    position: relative;
    display: table;
    width: 99%
}

#timeline .timeline-item .timeline-icon {
    background: #fff;
    width: 150px;
    height: 50px;
    font-size: 1.25rem;
    color: #666;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    margin-left: -74px;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -ms-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

#timeline .timeline-item .timeline-icon img {
    position: relative;
    top: 14px;
    left: 14px
}

#timeline .timeline-item .timeline-content {
    width: 40%;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 0 5px 2px rgba(201, 201, 201, .75);
    box-shadow: 0 0 5px 2px rgba(201, 201, 201, .75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    text-align: right
}

#timeline .timeline-item .timeline-content:before {
    content: '';
    position: absolute;
    left: 40%;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 20px solid #fff
}

#timeline .timeline-item .timeline-content.right {
    float: right;
    text-align: left
}

#timeline .timeline-item .timeline-content strong {
    color: #d30c24;
    font-size: 1rem;
    margin-bottom: 8px
}

#timeline .timeline-item .timeline-content p {
    margin-bottom: 8px
}

#timeline .timeline-item .timeline-content.right:before {
    content: '';
    right: 40%;
    left: inherit;
    border-left: 0;
    border-right: 20px solid #fff
}

#timeline .timeline-item .timeline-content.last {
    background: #d30c24;
    text-align: center
}

#timeline .timeline-item .timeline-content.last strong {
    color: #fff
}

#timeline .timeline-item .timeline-content.last:before {
    border-left: 20px solid #d30c24
}

.solution-bg li {
    width: 32%;
    float: left
}

.solution-bg li:nth-child(2) {
    margin: 0 2%
}

.solution-bg li .img {
    position: relative
}

.solution-bg li .img p {
    position: absolute;
    left: 10px;
    bottom: 0;
    color: #fff;
    font-size: 1.25rem
}

.solution-bg li .img p strong {
    font-size: 2.5rem;
    margin-right: 5px
}

.solution-bg li .txt {
    background: #fff;
    padding: 15px;
    display: table;
    vertical-align: middle;
    -webkit-box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    box-shadow: 0 5px 8px rgba(201, 201, 201, .35);
    color: #666;
    letter-spacing: 1px;
    display: inline-block;
    min-height: 200px
}

.solution-bg li .txt span {
    color: #333;
    font-weight: 700
}

.solution-do .img {
    margin: 1.5rem 0;
    position: relative
}

.solution-do .img .list {
    position: absolute;
    left: 0;
    bottom: 1rem;
    width: 100%
}

.solution-do .img .list .box {
    text-align: center
}

.solution-do .img .list .box p {
    display: inline-block;
    position: relative;
    min-width: 150px;
    background: #e9f4fa;
    height: 46px;
    line-height: 46px;
    margin: 0 10px;
    padding: 0 1rem;
    text-align: center;
    font-size: 1rem
}

.solution-do .img .list .box p:after, .solution-do .img .list .box p:before {
    content: '';
    width: 12px;
    height: 46px;
    display: block;
    position: absolute;
    top: 0
}

.solution-do .img .list .box p:before {
    background: url(../images/icon/solution_left.png);
    left: -12px
}

.solution-do .img .list .box p:after {
    background: url(../images/icon/solution_right.png);
    right: -12px
}

.solution-do .main .p5 {
    float: left;
    width: 25%;
    text-align: center
}

.solution-do .main .p5 div {
    width: 8%;
    display: table-cell;
    vertical-align: middle
}

.solution-do .main .p5 .p8 {
    background: url(../images/icon/solution_arrow.png) no-repeat center center
}

.solution-do .main .main-list {
    float: left;
    width: 75%
}

.solution-do .main .main-list .p6 {
    width: 18%;
    margin-left: 2.5%;
    float: left;
    text-align: center
}

.solution-do .main .main-list .p6:nth-child(1) {
    margin-left: 0
}

.solution-do .main img {
    width: auto
}

.advantage li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    margin-top: 2rem
}

.advantage li .img, .advantage li .txt {
    display: table-cell;
    vertical-align: middle
}

.advantage li .txt {
    vertical-align: top
}

.advantage li .img {
    width: 33%
}

.advantage li .txt {
    width: 67%;
    background: #fff;
    padding: 1rem 2rem;
    -webkit-box-shadow: 0 3px 3px rgba(201, 201, 201, .35);
    box-shadow: 0 3px 3px rgba(201, 201, 201, .35);
    color: #666
}

.advantage li .txt h3 {
    font-size: 1.25rem;
    color: #333
}

.advantage li .txt hr {
    background: #d10f27;
    height: 2px;
    width: 80px;
    margin: 8px 0
}

.advantage li .txt .table table {
    margin-top: 10px;
    border-right: 1px solid #c2c8d0;
    border-bottom: 1px solid #c2c8d0;
    width: auto;
    min-width: 300px
}

.advantage li .txt .table table td {
    border-left: 1px solid #c2c8d0;
    border-top: 1px solid #c2c8d0;
    padding: 2px 10px;
    min-width: 50px
}

.advantage li .txt .table table td.last {
    color: #fff;
    background: #d10f27
}

.solution-pro li {
    float: left;
    -webkit-box-shadow: 0 0 5px 1px rgba(201, 201, 201, .75);
    box-shadow: 0 0 5px 1px rgba(201, 201, 201, .75)
}

.solution-pro li h2 {
    padding: 10px 1rem;
    color: #333;
    text-align: center;
    background: #f1f5f8
}

.solution-pro li:hover h2 {
    background: #d10f27;
    color: #fff
}

.container-shadow, .sub-page-box.no-page-txt {
    -webkit-box-shadow: 0 0 5px 2px rgba(201, 201, 201, .5);
    box-shadow: 0 0 5px 2px rgba(201, 201, 201, .5)
}

.about {
    background: #fff
}

.about .txt {
    padding: 0 2rem;
    line-height: 1.8
}

.about .txt .link {
    margin: 1rem 0
}

.about .txt .link a, .about .txt .link em {
    color: #336ac1
}

.about .txt .link a {
    white-space: nowrap;
    word-break: keep-all
}

.about .txt .link em {
    margin: 0 .5rem
}

.about-histroy .container {
    position: relative
}

.about-histroy {
    background: url(/images/about/histroybg.jpg) no-repeat center center
}

.about-histroy .img {
    background: #fff;
    padding: 1rem
}

.about-histroy .txt {
    background: #fff;
    padding: 1rem 2rem;
    vertical-align: top !important
}

.about-histroy .txt .year {
    color: #c0cae3;
    font-size: 4rem;
    border-bottom: 1px solid #c0cae3;
    margin-bottom: 10px
}

.about-histroy .txt .info {
    color: #666
}

.about-histroy .txt .info img {
    display: none
}

.about-histroy .txt .info strong {
    font-size: 1.15rem;
    margin-bottom: 5px;
    display: table;
    width: 100%
}

.about-histroy .time {
    margin-top: 1rem;
    background: #fff;
    position: absolute;
    right: 3rem;
    bottom: 3rem;
    width: 42%;
    z-index: 1
}

.about-histroy .time li, .histroy-list li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative
}

.about-histroy .time li b, .histroy-list li b {
    background: url(/images/icons/arrow_white.png) #c0cae3 center center no-repeat;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: block;
    margin: 0 auto;
    position: relative;
    margin-bottom: 5px
}

.about-histroy .time li:before, .histroy-list li:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #c0cae3;
    position: absolute;
    top: 14px;
    left: 0
}

.about-histroy .time li a:hover b, .about-histroy .time li.on b, .histroy-list li a:hover b, .histroy-list li.on b {
    background: url(/images/icons/arrow_white.png) #d70c25 center center no-repeat
}

.about-histroy .time li.on a, .histroy-list li.on a {
    color: #434343
}

.about-histroy .time li a, .histroy-list li a {
    color: #777
}

.about-histroy .time li a:hover, .histroy-list li a:hover {
    color: #d70c25
}

.histroy-list li a strong, .histroy-main .txt p {
    font-size: 1rem
}

.about-innovation .img {
    position: relative
}

.about-innovation .img .txt {
    position: absolute;
    background: #fff;
    padding: 1rem;
    color: #888;
    left: 0;
    bottom: 0;
    width: 100%
}

.about-innovation .img .txt strong {
    font-size: 1.5rem;
    border-right: 1px solid #a2b3cd;
    color: #333;
    padding-right: 1rem;
    margin-right: 1rem
}

.about-honor {
    background: url(/images/icons/honor_bg.jpg)
}

.about-honor .tit {
    text-align: center;
    margin-bottom: 2rem
}

.about-honor .tit p {
    font-size: 14px;
    color: #888
}

.honor-more {
    text-align: center;
    margin: 2rem auto 0
}

.honor-more .move {
    margin: 0 auto
}

.histroy-list {
    background: #fff;
    padding: 3rem 2rem;
    overflow: hidden
}

.about-tit, .histroy-main .txt {
    text-align: center
}

.about-tit {
    margin-bottom: 2rem
}

.factory {
    margin: 2rem 0;
    display: table;
    width: 100%
}

.factory li {
    width: 48%;
    float: left
}

.factory li:nth-child(2) {
    margin: 0 0 0 4%
}

.factory li .txt {
    padding: 2rem 1rem 1rem;
    position: relative
}

.factory li .txt .num {
    position: absolute;
    color: #b0bed8;
    font-size: 4rem;
    top: -3rem
}

.factory li .txt p strong {
    font-size: 1rem
}

.about-us-box {
    margin-bottom: 3rem
}

.about-us-box .txt {
    padding: 0 2rem;
    background: #fff;
    overflow: hidden
}

.about-us-box .txt h4 {
    font-size: 1rem;
    color: #888;
    border-bottom: 2px solid #d70c25;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    width: auto;
    display: table
}

.about-us-box .txt h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem
}

.about-us-box .txt p, .about-us-txt p {
    color: #666;
    margin-bottom: 1rem
}

.about-us-box .txt p b {
    background: #666;
    width: 5px;
    height: 5px;
    float: left;
    margin-right: .5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-top: 8px
}

.about-us-txt {
    text-align: center
}

.about-us-txt strong {
    font-size: 1.25rem;
    color: #333
}

.join-us-nav a {
    background: #f5f8f9
}

.join-us, .join-us-box {
    margin-top: 2rem
}

.join-us .tit {
    text-align: center
}

.join-us .tit hr {
    background: #c2c8d0;
    height: 3px;
    display: table;
    margin: 10px auto;
    width: 80px
}

.join-us .tit strong {
    font-size: 2rem;
    font-weight: 400
}

.join-us .tit p {
    color: #666
}

.join-us-f {
    overflow: hidden;
    margin-top: 2rem
}

.join-us-f .txt dl {
    border: 1px solid #cedee4;
    display: table;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 15px
}

.join-us-f .txt dl dd, .join-us-f .txt dl dt {
    display: table-cell;
    vertical-align: middle;
    padding: 1rem
}

.join-us-f .txt dl dt {
    background: #e7f1f4;
    border-right: 1px solid #cedee4;
    white-space: nowrap;
    word-break: keep-all;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    width: 120px
}

.join-us-box {
    display: table;
    width: 100%
}

.join-us-box .join-us-r .txt {
    padding: 1rem;
    min-height: 200px;
    line-height: 1.8;
    color: #666
}

.recruitment .tit {
    margin-top: 2rem;
    background: #d1dfe9;
    border: 1px solid #c6ccd4;
    overflow: hidden;
    padding: 1rem
}

.recruitment .tit span, .recruitment-list span {
    float: left;
    width: 16.6%;
    text-align: center
}

.recruitment .recruitment-main .recruitment-list {
    border: 1px solid #c6ccd4;
    border-top: none;
    padding: 1rem;
    overflow: hidden
}

.recruitment .recruitment-main .recruitment-list:nth-child(2n) {
    background: #f1f5f8
}

.recruitment .recruitment-main .recruitment-list a {
    color: #666
}

.honor-slider .slide:nth-child(n+2) {
    visibility: hidden;
    display: none
}

.honor-slider .slide img {
    max-width: 390px;
    max-height: 240px
}

.honor-swiper, .status-nav {
    background: #fff;
    margin: 2rem auto;
    padding: 1rem 2rem;
    text-align: center
}

.ProductList, .status-nav {
    overflow: hidden
}

.ProductList li {
    float: left;
    width: 33.3%;
    overflow: hidden;
    text-align: center;
    height: 330px;
    margin-bottom: 2rem
}

.ProductList.patent-box li {
    height: 355px
}

.ProductList .unit {
    position: relative;
    z-index: 4;
    margin: 0 auto
}

.ProductList .img {
    display: block;
    border: 3px solid #e2eaf2;
    padding: 2rem;
    width: 80%;
    margin: 0 auto;
    background: #f2f6f9;
    height: 270px
}

.ProductList p {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 1rem 10px;
    box-shadow: 0 3px 5px 0 rgba(201, 201, 201, .5);
    -webkit-box-shadow: 0 3px 5px 0 rgba(201, 201, 201, .5);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.patent {
    padding: .5rem 10px;
    display: block;
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-shadow: 0 3px 5px 1px rgba(201, 201, 201, 1);
    -webkit-box-shadow: 0 3px 5px 1px rgba(201, 201, 201, 1)
}

.patent p {
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 90%;
    margin-bottom: .5rem
}

.ProductList .img img {
    width: auto;
    height: inherit;
    height: 200px
}

.allProduct {
    position: relative;
    z-index: 2
}

.honor-swiper .swiper-slide, .status-nav li {
    border-right: 1px solid #ababab
}

.honor-swiper .swiper-slide.last, .status-nav li.last {
    border-right: none
}

.honor-swiper .swiper-slide a, .status-nav a {
    color: #2a2a2a;
    padding: 1rem
}

.status-nav li {
    width: 33.3%;
    float: left
}

.honor-swiper .swiper-slide a:hover, .honor-swiper .swiper-slide.on a, .status-nav a.on, .status-nav a:hover {
    border-bottom: 3px solid #d70c25;
    font-weight: 700
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity
}

.isotope .isotope-item.no-transition, .isotope.no-transition, .isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.txt-list {
    border: 1px solid #c6ccd4;
    border-bottom: none
}

.txt-list li {
    padding: 1rem;
    background: #f1f5f8;
    border-bottom: 1px solid #c6ccd4
}

.txt-list li b {
    background: #ccd2db;
    width: 4px;
    float: left;
    margin-right: 5px;
    height: 15px;
    margin-top: 3px
}

.txt-list li:hover {
    color: #d70c25
}

.txt-list li:hover b {
    background: #d70c25
}

.txt-list li:nth-child(2n) {
    background: #fff
}

.status-main .page-paging {
    margin: 0 auto
}

.img-list.ProductList, .img-list.ProductList li {
    overflow: inherit
}

.about-before .about-voide, .about-before .txt {
    display: table-cell;
    vertical-align: middle
}

.about-before .txt {
    padding: 2rem;
    color: #666;
    line-height: 1.8
}

.about-before .txt p {
    margin-bottom: 1rem
}

.about-before .txt .tit {
    display: table;
    background: #d70c25;
    height: 40px;
    color: #fff;
    line-height: 40px;
    font-size: 1rem;
    padding: 0 2rem 0 1rem;
    margin-bottom: 1rem
}

.about-before .txt .tit b {
    background: #d70c25;
    border-right: 2px solid #fff;
    float: left;
    width: 1px;
    height: 40px
}

.about-before .txt .tit p {
    float: left;
    margin: 0 0 0 10px;
    background: url(../images/icon/triangle.png) no-repeat right center;
    padding: 0 15px 0 5px
}

.about-before .about-voide {
    background: #000;
    width: 555px;
    height: 540px
}

.boss-talk.container, .innovation-swiper {
    margin: 3rem auto 0
}

.boss-talk.container .tit {
    border-bottom: 2px solid #dfe3eb;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    text-align: center
}

.boss-talk.container .tit strong {
    margin-bottom: 10px;
    display: table;
    width: 100%
}

.boss-talk.container .tit p {
    font-size: 1.25rem
}

.talk-main p {
    color: #666;
    line-height: 1.8;
    margin-bottom: 10px
}

.talk-main p strong {
    font-size: 1rem;
    color: #333
}

.innovation-public .tit {
    text-align: center;
    color: #888
}

.innovation-public .tit strong {
    color: #333;
    font-weight: 400
}

.innovation-public .tit hr {
    height: 3px;
    width: 80px;
    display: table;
    margin: .75rem auto;
    background: #c2c8d0
}

.innovation-one {
    margin-top: 2rem
}

.innovationtab-tab-nav {
    background: #f1f5f8;
    overflow: hidden
}

.innovationtab-tab-nav li a {
    width: 25%;
    float: left;
    text-align: center;
    padding: 1rem 0;
    border-bottom: 3px solid #fff;
    position: relative;
    font-size: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.innovationtab-tab-nav li a:before {
    content: '';
    width: 2px;
    height: 10px;
    background: #c8cacc;
    position: absolute;
    top: 40%;
    right: 0
}

.ex-center .txt li:last-child:before, .innovationtab-tab-nav li:last-child a:before {
    display: none
}

.innovationtab-tab-nav li a:hover, .innovationtab-tab-nav li.on a {
    border-bottom: 3px solid #d70c25;
    color: #d70c25
}

.innovationtab-bg {
    position: relative
}

.innovationtab-bg .txt {
    position: absolute;
    background: #fff;
    width: auto;
    display: table;
    border-bottom: 5px solid #c4cee5;
    padding: 1rem;
    max-width: 280px;
    left: 7%;
    top: 15%
}

.innovationtab-bg .txt ul {
    padding: 0 1rem
}

.innovationtab-bg .txt li {
    list-style: disc;
    margin-top: 5px
}

.innovation-pro .shuffer-up:hover .shuffer-bg {
    height: 50%;
    background: #fff
}

.index-pro-main.innovation-pro li .stars-info {
    padding: 0 10px;
    text-align: left;
    height: 1px
}

.index-pro-main.innovation-pro li {
    overflow: hidden
}

.index-pro-main.innovation-pro li:hover .stars-info {
    bottom: 45%
}

.index-pro-main.innovation-pro li .stars-info h2 {
    color: #333;
    border-bottom: 1px solid #c8d2dc;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.index-pro-main.innovation-pro li p {
    color: #666
}

.about-us-box.innovation-slide, .cloud-list {
    margin: 2rem auto 0
}

.about-us-box .txt {
    background: #f1f5f8
}

.about-us-box .txt h3, .cloud-list li .txt h4 {
    border-bottom: 1px solid #c8d2dc;
    padding-bottom: 1rem
}

.cloud-list li .txt h4 {
    margin-bottom: .75rem;
    color: #333;
    font-size: 1rem;
    padding-bottom: .75rem
}

.cloud-list li .txt {
    padding: 1rem;
    min-height: 200px
}

.cloud-list li .txt p {
    background: url(../images/icon/youshiico.jpg) left center no-repeat;
    padding-left: 1rem;
    color: #666;
    margin-bottom: 5px
}

.page-padding.product-main.about-innovation-main {
    padding-bottom: 0
}

.about-innovation-main .page-common-nav {
    margin-bottom: 3rem
}

.ex-center .txt {
    padding: 1rem 2rem
}

.ex-center .txt li {
    float: left;
    width: 33.3%;
    text-align: center;
    margin: 0 0 1rem;
    position: relative
}

.ex-center .txt li:before {
    content: '';
    width: 1px;
    height: 30px;
    background: #cbd5de;
    position: absolute;
    top: 30%;
    right: 0
}

.ex-center .txt li p {
    margin-bottom: 5px
}

.ex-center .txt li p.n {
    color: #336ac1;
    font-size: 2rem
}

.ex-center .txt li p.n span {
    font-size: 14px
}

.ex .txt {
    background: #fff;
    padding: 1rem 2rem;
    color: #666
}

.ex .txt h4 {
    color: #1b1b1b;
    font-size: 1.5rem;
    border-bottom: 1px solid #cdd3e0;
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

.ex .txt p {
    margin-bottom: 1rem
}

.ex .txt p strong {
    font-size: 1.25rem;
    color: #333
}

.innovationtab-tab-nav.innovation-swiper {
    background: 0 0
}

.innovationtab-tab-nav.innovation-swiper li {
    border: 2px solid #e2eaf2;
    position: relative;
    cursor: pointer
}

.innovationtab-tab-nav.innovation-swiper li .bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    vertical-align: middle;
    padding-top: 20%
}

.innovationtab-tab-nav.innovation-swiper li.on .bg, .innovationtab-tab-nav.innovation-swiper li:hover .bg {
    background-color: rgba(70, 70, 70, .5);
    color: #fff
}

.innovationtab-tab-nav.innovation-swiper li p {
    text-align: center;
    width: 50%;
    display: table-cell;
    margin: 0 auto;
    vertical-align: middle
}

.product-nav.search-tit {
    background: 0 0
}

.search-main p {
    color: #666;
    border-bottom: 1px solid #d9dfe8;
    padding: 3px 0 10px
}

.search-main li {
    border-bottom: 1px solid #d9dfe8;
    padding: 1rem 0
}

.search-main li h2 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 7px
}

.search-main li h2 span {
    color: #d70c25
}

.search-main li h2 a {
    color: #333
}

.search-main li p {
    padding: 0;
    border-bottom: none
}

.search-container {
    display: table;
    margin: 3rem auto 0;
    width: 60%;
    border: 1px solid #d70c25
}

.search-select {
    display: inline-block;
    width: auto;
    position: relative;
    vertical-align: middle;
    padding: 0;
    overflow: hidden;
    color: #555;
    border-right: 1px solid #aaa;
    text-shadow: none;
    z-index: 2;
    width: 80px
}

.search-select:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #999;
    top: 17px;
    right: 14px;
    cursor: pointer;
    z-index: -2
}

.search-select select {
    cursor: pointer;
    padding: 10px;
    width: 81px;
    border: none;
    background: 0 0;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.search-container .search-input {
    padding: 10px 0 10px 10px;
    width: 70%
}

.search-container .btn-search {
    float: right;
    background: #d70c25;
    color: #fff;
    height: 40px;
    padding: 0 1rem
}

.cd-main-content .web-img.web-margin {
    position: relative
}

.cd-main-content .web-img.web-margin img {
    min-height: 150px
}

.cd-main-content .Bread-nav {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    color: #fff
}

.cd-main-content .Bread-nav a {
    color: #fff
}

.page-box h3 {
    font-size: 1.5rem;
    font-weight: 700;
    width: 100%;
    float: left;
    border-bottom: 1px solid #c9c5c6;
    padding: 0 0 15px 0;
    margin-bottom: 15px
}

.page-box p {
    line-height: 30px;
    min-height: 15px
}

section .container .page-tit {
    display: none
}

.webmap-tit {
    width: 100%;
    margin-bottom: 1%
}

.webmap-h1, .webmap-h2, .webmap-tit a {
    font-weight: 700
}

.mapbox a {
    margin: 0 5px;
    color: #333
}

.mapbox {
    border-bottom: 1px solid #bab7b6;
    padding-bottom: 2%;
    margin-bottom: 2%;
    height: auto;
    overflow: hidden
}

.webmap-h2 {
    margin-bottom: 10px
}

.webmap-h2 a {
    font-size: 15px
}

.webmap-tit a {
    color: #b81b32;
    font-size: 1rem
}

.webmap-h3 a {
    margin-bottom: 5px;
    display: inline-table
}

@media screen and (min-width: 1371px) {
    .container {
        width: 80%
    }

    .solution-process li img {
        width: auto;
        max-width: inherit
    }
}

@media screen and (min-width: 1060px) and (max-width: 1370px) {
    .menu > ul > li > a {
        padding: 0 0 0 10px !important
    }

    .nav_sub .container ul {
        width: 55% !important
    }

    .b-logo {
        display: none
    }

    .product-info-other a {
        width: 50%
    }

    .service-find .find .tit {
        padding: 4.75%
    }

    .about-histroy .time {
        bottom: 1rem
    }
}

@media screen and (min-width: 992px) and (max-width: 1059px) {
    .nav_sub .container ul {
        width: 55% !important
    }

    .index-case-list .shuffer-box .name img {
        width: 70px
    }

    .index-case-list li:hover .stars-info {
        height: 55%
    }

    .b-logo {
        display: none
    }

    .about-before .about-voide, .product-info-other a {
        width: 50%
    }

    .service-find .find .tit {
        padding: 3.4%
    }

    .about-histroy .time {
        bottom: 1rem
    }

    .about-histroy .txt .year {
        font-size: 3rem
    }

    .about-histroy .txt .info p {
        display: none
    }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .nav_sub .container ul {
        width: 55% !important
    }

    .a-logo, .nav-diplay {
        display: none
    }

    .menu > ul > li > a {
        padding: 0 6px !important
    }

    .nav_sub .nav_img_link {
        width: 30%
    }

    .nav_sub .container ul {
        width: 68% !important
    }

    .index-case-list .shuffer-box .name img {
        width: 70px
    }

    .index-case-list li:hover .stars-info {
        height: 70%
    }

    .common-tab-nav li {
        margin: 0 .5rem
    }

    .common-tab-nav li::before {
        left: -.5rem
    }

    .b-logo {
        display: block !important
    }

    .about-before .about-voide, .product-info-other a {
        width: 50%
    }

    .product-scroll-list .scroll.scroll_2 .container li {
        height: 250px !important
    }

    .service-scope .main li .shuffer-txt p {
        padding: 0 1rem
    }

    .service-find .find .tit {
        padding: 1.5%
    }

    .innovation-pro .shuffer-up:hover .shuffer-bg {
        height: 42%
    }

    .index-pro-main.innovation-pro li:hover .stars-info {
        bottom: 38%
    }

    .shuffer-up.container-shadow:nth-child(2n+2) {
        float: left
    }

    .search-container .search-input {
        width: 60%
    }

    .about-histroy .txt .year {
        font-size: 2rem
    }

    .about-histroy .txt .info p {
        display: none
    }

    .about-histroy .time {
        bottom: 5px
    }
}

@media screen and (min-width: 769px) and (max-width: 1370px) {
    .container {
        width: 90%
    }

    .product-scroll-list .scroll.scroll_2 .container li {
        height: 220px
    }

    .service-cloud-list li {
        width: 20%
    }
}

@media screen and (min-width: 769px) {
    .nf-sm-12 {
        width: 100%
    }

    .nf-sm-11 {
        width: 91.66666667%
    }

    .nf-sm-10 {
        width: 83.33333333%
    }

    .nf-sm-9 {
        width: 75%
    }

    .nf-sm-8 {
        width: 66.66666667%
    }

    .nf-sm-7 {
        width: 58.33333333%
    }

    .nf-sm-6 {
        width: 50%
    }

    .nf-sm-5 {
        width: 41.66666667%
    }

    .nf-sm-4 {
        width: 33.33333333%
    }

    .nf-sm-3 {
        width: 25%
    }

    .nf-sm-2 {
        width: 16.66666667%
    }

    .nf-sm-1 {
        width: 8.33333333%
    }

    .nf-sm-1, .nf-sm-10, .nf-sm-11, .nf-sm-12, .nf-sm-2, .nf-sm-3, .nf-sm-4, .nf-sm-5, .nf-sm-6, .nf-sm-7, .nf-sm-8, .nf-sm-9 {
        float: left
    }

    .index-about .nf-sm-6.fr {
        float: right
    }

    .index-about .nf-sm-6.fl {
        float: left
    }

    .menuOverlay {
        position: fixed;
        left: 0;
        top: 107px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        z-index: 5;
        display: none
    }

    .index-contact {
        display: none
    }

    .searchbox {
        border: 1px solid #d70c25;
        min-width: 550px
    }

    .mod_select {
        border-right: 1px solid #e3e3e3
    }

    .mod_select .select_box .option {
        background-color: #fff;
        border: 1px solid #d70c25
    }

    .searchbox .btn-search {
        background-color: #d70c25
    }

    .language_box, .top-language {
        display: none
    }

    .pc-show {
        display: block
    }
    .wap-show {
        display: none
    }

    .b-logo, .foot-bottom-nav, .index-service-main .wap-li, .top-logo, .wap-foot, .wap-foot-nav {
        display: none
    }

    .product-box li {
        width: 48%;
        float: left;
        margin-bottom: 4%
    }

    .about-innovation .img, .join-us-box .join-us-r {
        float: left;
        width: 48%
    }

    .about-innovation .img:nth-child(2n), .media-list.company-news li:nth-child(2n), .product-box li:nth-child(2n) {
        float: right
    }

    .company-news li:nth-child(3n+2), .container.case-list li:nth-child(3n+2), .product-list li:nth-child(3n+2), .solution-pro li:nth-child(3n+2) {
        margin: 0 2%
    }

    .product-list li .img img {
        max-height: 280px
    }

    .about-product .product-list li .img img {
        max-height: 220px
    }

    .container.case-user li:nth-child(n+8)::after {
        border: none
    }

    .container.case-user li:nth-child(7n)::before {
        border: none
    }

    .company-news li, .container.case-list li, .innovation-pro li, .solution-pro li {
        float: left;
        width: 32%;
        margin-bottom: 2%
    }

    .container.company-news.news-common-tit.news-box li {
        margin-bottom: 0
    }

    .innovation-pro li {
        margin: 0 0 2%
    }

    .cloud-list li {
        float: left;
        width: 32%
    }

    .innovation-pro li:nth-child(3n+2) {
        margin: 0 2% 2%
    }

    .media-list.company-news li {
        width: 48%;
        margin: 0 0 4%;
        float: left
    }

    .media-list.company-news li .txt {
        display: table-cell;
        vertical-align: middle;
        width: 1%
    }

    .about-us-box .img, .about-us-box .txt, .security-online .img, .security-online .txt {
        display: table-cell;
        vertical-align: middle;
        width: 50%
    }

    .cloud-list li:nth-child(2), .youshi li:nth-child(2) {
        margin: 0 2%
    }

    .service-solve-list:nth-child(4n) {
        border-right: none
    }

    .service-solve-list:nth-child(n+5) {
        border-bottom: none
    }

    .container.article-main img {
        width: auto;
        height: auto
    }

    .news-img2 {
        float: left;
        width: 50%;
        text-align: center;
        margin: 20px auto;
        border-left: 5px solid #fff;
        border-right: 5px solid #fff
    }

    .news-img3 {
        float: left;
        width: 33.3%;
        text-align: center;
        margin: 20px auto;
        border-left: 5px solid #fff;
        border-right: 5px solid #fff
    }

    .news-img4 {
        float: left;
        width: 25%;
        text-align: center;
        margin: 20px auto;
        border-left: 5px solid #fff;
        border-right: 5px solid #fff
    }

    .news-img3 img, .news-img4 img {
        width: 100% !important
    }

    .contact-box.contact-box-s .img {
        float: right
    }

    .contact-box.contact-box-s .txt {
        float: left;
        padding: 2rem 0 0 2rem
    }

    .service-cloud-main li:nth-child(4), .service-scope .main li:nth-child(4n+4), .service-security .main li:nth-child(4n+4) {
        margin-right: 0
    }

    .about .img, .about .txt, .about-histroy .img, .about-histroy .txt {
        display: table-cell;
        width: 50%;
        vertical-align: middle
    }

    .about-us-main .index-about-data li {
        width: 16.66667%;
        margin: 2rem 0
    }

    .join-us-f .img {
        width: 50%;
        float: left
    }

    .join-us-box .join-us-r1, .join-us-f .txt {
        width: 48%;
        float: right;
        margin-left: 2%
    }

    .join-us-f1 .img {
        float: right
    }

    .join-us-f1 .txt {
        float: left;
        margin: 0 2% 0 0
    }

    .reveal-modal {
        width: 60%
    }

    .reveal-box h3 {
        font-size: 1.25rem
    }

    .reveal-box .t {
        overflow: hidden;
        border-bottom: 1px solid #d1d1d1;
        border-top: 1px solid #d1d1d1;
        margin: 10px 0;
        padding: 10px 0 0
    }

    .reveal-box .t span {
        float: left;
        width: 33.3%;
        margin-bottom: 10px
    }

    .reveal-box .c li {
        margin-bottom: 10px
    }

    .reveal-box .c .c1 {
        width: 30%;
        float: left
    }

    .reveal-box .c .c2 {
        width: 70%;
        float: left
    }

    .img-list.ProductList li {
        width: 32%;
        margin-bottom: 2%
    }

    .img-list.ProductList li:nth-child(3n+2) {
        margin: 0 2%
    }

    .img-list.ProductList li .img, .img-list.ProductList li p {
        width: 100%
    }

    .innovation-public .tit strong {
        font-size: 1.5rem
    }

    .ex .img, .ex .txt {
        display: table-cell;
        vertical-align: middle;
        width: 50%
    }

    .case-box .img img {
        min-height: 385px;
        height: auto
    }

    .media-view .img img {
        max-height: 366px
    }

    .container.company-news.news-common-tit.news-box, .container.company-news.news-common-tit.news-voide {
        margin-top: 3rem
    }

    .banner .bx-next {
        right: 40px
    }

    .container.service-update.service-update-two .case-list-show li .img {
        max-height: 230px;
        overflow: hidden
    }
}

@media screen and (max-width: 768px) {
    header {
        position: fixed !important;
        -moz-box-shadow: 0 0 5px #ddd;
        -webkit-box-shadow: 0 0 5px #ddd;
        box-shadow: 0 0 5px #ddd;
        width: 100%;
        top: 0
    }

    .top .container, .top .container .fl {
        background: 0 0;
        padding: 0
    }

    .top .top_fl {
        background: #d70c25 url(/images/icons/top.png) no-repeat right center
    }

    .top .top_fr {
        right: 0;
        top: 0
    }

    .top .container .fl {
        float: left
    }

    .top .container .fr.top_link {
        float: right
    }

    .container {
        width: 90%
    }

    .fl, .fr {
        float: inherit
    }

    .top-logo {
        display: biock;
        float: left;
        margin-top: 10px
    }

    .banner {
        margin-top: 112px
    }

    .container.article-main, .page-box, .page-padding, .webmap {
        padding: 2rem 0
    }

    .solution-txt {
        width: 100%;
        padding-top: 15%
    }

    .container .common-tit::before {
        left: 125px
    }

    .container .common-tit::after {
        left: 135px
    }

    .common-tab-nav li::before {
        display: none
    }

    .container .index-tit, .solution-txt h2 {
        font-size: 1.75rem
    }

    .index-case-list li, .index-service-main li {
        width: 48%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .index-service-main li:nth-child(2n+2) {
        float: right
    }

    .common-tab-nav {
        border: none;
        border-left: 1px solid #dee4ea
    }

    .common-tab-nav li {
        border: 1px solid #dee4ea;
        border-left: none;
        margin: 0 !important
    }

    .index-case-list li:nth-child(3n+2), .index-case-list li:nth-child(n+4) {
        margin: 0 0 15px
    }

    .index-case-list li:nth-child(2n) {
        float: right
    }

    .index-case-list .shuffer-box .name img {
        width: 65px
    }

    .index-case-list li .stars-info p {
        display: none
    }

    .index-news-list li {
        width: 100%;
        float: inherit;
        margin: 0 0 15px !important
    }

    .index-news-list li .img, .index-news-list li .txt {
        width: 51%
    }

    .index-service-main li.wap-li {
        display: table;
        vertical-align: middle
    }

    .index-service-main li.wap-li .img, .index-service-main li.wap-li .txt {
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        padding: 0
    }

    .index-news-list li .img {
        width: 35%
    }

    .bottom, .foot, .index-service-main .pc-li, .pc-foot {
        display: none
    }

    .banner .bx-controls-direction {
        display: none
    }

    .menu.container .logo {
        display: none !important
    }

    .index-contact {
        background: url(/images/contact.png) no-repeat;
        background-size: cover;
        padding: 30px 0;
        color: #fff !important;
        position: relative
    }

    .index-contact-main p {
        margin-top: 1rem
    }

    .index-contact-main p b {
        background: #c52d2f;
        color: #fff;
        font-size: 1.25rem;
        padding: 8px
    }

    .contact-wechat {
        position: absolute;
        right: 5%;
        bottom: 30px;
        text-align: center;
        max-width: 100px;
        font-size: 12px
    }

    footer {
        padding-bottom: 60px;
        clear: both;
        display: block
    }

    .top-language {
        position: fixed !important;
        right: 90px;
        top: 15px;
        z-index: 8;
        height: 20px;
        width: 20px
    }

    .top_language_btn {
        height: 20px;
        width: 20px;
        background: url(../images/icon/language.png) no-repeat;
        display: block
    }

    .language_box .close-tit {
        background: #e9eff2 url(../images/icon/language.png) 10px center no-repeat;
        padding: 8px 8px 8px 35px;
        font-size: 1rem;
        color: #888;
        font-weight: 700
    }

    .language_box .close-tit .close {
        background: url(../images/icon/close.png) no-repeat right center;
        height: 19px;
        width: 19px;
        margin-top: 2px;
        float: right
    }

    .language_list {
        padding: 0 10px 1rem
    }

    .language_list a {
        height: 45px;
        line-height: 45px;
        border-bottom: 1px solid #e9eff2;
        display: block;
        color: #666
    }

    .language_box {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        display: none;
        z-index: 3
    }

    .language_box .box {
        width: 80%;
        height: auto;
        position: fixed;
        right: 5%;
        top: 55px;
        background: #fff;
        max-width: 160px
    }

    .top_link li.cd-header-buttons {
        float: right;
        padding-left: 0
    }

    .solution-tab-nav .container {
        border: none
    }

    .solution-tab-nav li {
        font-size: 14px;
        width: 48%;
        float: left;
        border: 3px solid #dce4eb;
        margin-top: 1rem
    }

    .solution-tab-nav li:nth-child(2n+2) {
        float: right
    }

    .index-about-data {
        padding-bottom: 2rem;
        overflow: hidden
    }

    .index-about-data li, .innovation-swiper {
        margin: 2rem 0 0
    }

    .index-about-data li p, .innovationtab-tab-nav li a {
        font-size: 14px
    }

    #select_value {
        display: none
    }

    .about-product .more.wap-show, .index-tab-main .more.wap-show {
        display: table;
        width: 100%;
        padding: 1rem 0 0;
        text-align: center
    }

    .about-product .more.wap-show a, .index-tab-main .more.wap-show a {
        color: #888;
        font-size: 16px
    }

    .about-product .more.wap-show a i, .index-tab-main .more.wap-show a i {
        margin-left: 9px;
        display: inline-block
    }

    .mod_select, .product-scroll-nav .container .online.fr, .searchbox .btn-search {
        display: none
    }

    .product-scroll .fixDiv {
        top: 50px
    }

    .index-service-main li.wap-li, .product-scroll-nav .container {
        width: 100%
    }

    .product-scroll-nav .container .fl li {
        width: 20%;
        text-align: center;
        padding: 0
    }

    .product-scroll-list .scroll .tit {
        font-size: 1.15rem
    }

    .wap-show {
        display: block
    }

    .article-date .line, .container.service-public.security-online .txt hr, .pc-show {
        display: none
    }

    .about-product.container .product-list li:nth-child(3), .index-case-list li:nth-child(5), .index-case-list li:nth-child(6) {
        display: none
    }

    .index-news-list li {
        display: none
    }

    .index-news-list li:nth-child(1), .index-news-list li:nth-child(2) {
        display: block
    }

    .product-list li, .solution-pro li {
        width: 48%;
        margin-bottom: 4%
    }

    .product-list li:nth-child(3n+2) {
        margin: 0 0 4%
    }

    .innovation-public .tit strong, .product-box .shuffer-up .product-shuffer .tit h2 {
        font-size: 1.25rem
    }

    .product-list li:nth-child(2n), .solution-pro li:nth-child(2n) {
        float: right
    }

    .product-box .shuffer-up .shuffer-link {
        margin: 1rem 1rem 0
    }

    .page-banner, .page-breadcrumbnav {
        margin-top: 112px
    }

    .about-before .about-voide, .about-before .txt, .product-info, .product-show {
        width: 100%;
        display: table;
        height: auto
    }

    .product-info {
        padding: 1rem 0
    }

    .product-info h1 {
        font-size: 1rem
    }

    .product-info h1::before {
        width: 800%
    }

    .product-scroll-list .scroll.scroll_2 .container li {
        width: 100%
    }

    .product-scroll-list .scroll {
        padding: 2rem 0
    }

    .scroll.scroll_3 .container, .scroll.scroll_4 .container {
        overflow: auto
    }

    .container.case-user li {
        width: 33.3%
    }

    .container.case-user li:nth-child(n+13) {
        display: none
    }

    .container.case-user li:nth-child(3n)::before {
        border: none
    }

    .container.case-user li:nth-child(n+10)::after {
        border: none
    }

    .container.case-list li, .service-cloud-main li, .service-security .main li {
        width: 48%
    }

    .container.case-list li:nth-child(2n+2), .service-cloud-main li:nth-child(2n+2), .service-security .main li:nth-child(2n+2) {
        float: right
    }

    .service-cloud-main li, .service-security .main li {
        margin: 0 0 4%
    }

    .news-box li {
        float: inherit
    }

    .container.case-list.solution-case li:nth-child(3), .news-box li:nth-child(n+2) {
        display: none
    }

    .company-news li, .container.case-list li {
        margin-bottom: 4%
    }

    .about-product.container {
        margin-top: 1rem
    }

    .case-box .img, .case-box .txt {
        display: table;
        width: 100%;
        border: none
    }

    .case-box .txt {
        padding: 1rem
    }

    .article-tit h1, .boss-talk.container .tit p, .case-box .txt h1 {
        font-size: 1rem
    }

    .news-img2, .news-img3, .news-img4 {
        width: 100%;
        margin-bottom: 1rem
    }

    .orther-article {
        background: 0 0;
        padding: 0
    }

    .orther-article a.fr {
        position: relative
    }

    .orther-article a.fr::before {
        left: 10px
    }

    .orther-article a {
        float: left;
        width: 100%;
        text-align: left !important;
        background: #f1f4f6;
        height: 60px;
        line-height: 55px;
        padding: 0 1rem 0 2.5rem;
        margin-bottom: 1rem
    }

    .contact-box.contact-box-s {
        margin: 2rem auto
    }

    .contact-box .img, .contact-box .txt {
        display: table;
        width: 100%
    }

    .contact-box.contact-box-q .txt, .contact-box.contact-box-s .txt {
        padding: 1rem 1.5rem
    }

    .contact-box .txt {
        padding: 2rem 1.5rem
    }

    .media-view {
        margin-bottom: 2rem
    }

    .industry-view, .media-view {
        width: 100%
    }

    .news-common-tit .bx-viewport {
        min-height: inherit
    }

    .about-us-txt strong, .industry-view .tit, .media-view .img p, .news-common-tit .tit {
        font-size: 1.15rem
    }

    .media-list.company-news li {
        width: 100%
    }

    .media-list.company-news li .txt {
        display: table-cell;
        vertical-align: middle;
        width: .7%
    }

    .index-case-list.page-case-list li:nth-child(3n) {
        display: none
    }

    .news-voide li {
        float: right;
        width: 48%
    }

    .news-voide li:nth-child(2n+2) {
        float: left
    }

    .advantage li .txt .table table, .news-voide li:first-child, .service-find {
        width: 100%
    }

    .service-public .tit, .service-update .tit strong {
        font-size: 1.5rem;
        text-align: left;
        margin-bottom: 1rem
    }

    .service-public .tit strong::before {
        position: absolute;
        background: #d70c25;
        top: 30%;
        left: 105px;
        z-index: 0;
        height: 12px;
        width: 8px;
        display: block;
        content: ''
    }

    .service-public .tit strong::after {
        position: absolute;
        background: #e6ebef;
        width: 100%;
        top: 30%;
        left: 115px;
        z-index: 0;
        height: 12px;
        display: block;
        content: ''
    }

    .container.service-public.security-online .tit strong::before, .service-public.service-security .tit::before {
        left: 180px
    }

    .container.service-public.security-online .tit strong::after, .service-public.service-security .tit::after {
        left: 195px
    }

    .service-scope .main {
        text-align: center;
        display: table
    }

    .service-scope .main li, .solution-process li {
        width: 31%;
        margin: 0 0 2%;
        display: inline-table;
        float: inherit
    }

    .service-scope .main li:nth-child(3n+2), .solution-process li:nth-child(3n+2) {
        margin: 0 2% 2%
    }

    .service-scope .main li:hover .shuffer-txt {
        bottom: 10%
    }

    .service-scope .main li .shuffer-txt p {
        padding: 0 10px
    }

    .service-find .find, .service-find .mall, .service-sale .img, .service-sale .txt {
        display: table;
        width: 100%
    }

    .about-honor .tit, .about-public .txt .tit, .about-tit, .service-find .find .tit .txt, .service-find .mall .tit p strong {
        font-size: 1.5rem
    }

    .experts-swiper .swiper-slide {
        width: 31% !important;
        margin-right: 3%
    }

    .security-online .txt {
        padding: 1.5rem
    }

    .service-cloud-list li {
        width: 33%
    }

    .service-cloud-list {
        margin-bottom: 2rem
    }

    .service-sale .txt hr, .service-update .tit strong b {
        display: none
    }

    .service-public.service-sale .tit strong::before, .service-public.service-security .tit strong::before, .service-team .tit strong::before {
        left: 155px
    }

    .service-public.service-sale .tit strong::after, .service-public.service-security .tit strong::after, .service-team .tit strong::after {
        left: 170px
    }

    .service-sale .img .link a.logistics {
        background: #f3f5f9;
        color: #333;
        border: none
    }

    .service-public.service-team .tit, .service-update .tit {
        margin-bottom: 1rem
    }

    .join-us .tit strong, .service-date li p strong, .solution-tit {
        font-size: 1.5rem
    }

    .service-date li {
        width: 40%
    }

    .service-update .tit strong {
        text-align: center
    }

    .service-update .tit strong span {
        display: table;
        width: 100%;
        font-weight: 700
    }

    .service-update .tit p {
        text-align: left
    }

    .youshi li {
        width: 48%
    }

    .youshi li:nth-child(2) {
        float: right
    }

    .youshi li:nth-child(3) {
        width: 100%;
        display: table;
        vertical-align: middle;
        margin-top: 4%
    }

    .service-solve-list {
        width: 33.3%;
        padding: 2rem 0 0;
        height: 145px
    }

    .service-solve-list:nth-child(3n) {
        border-right: none
    }

    .service-solve-list:nth-child(n+7) {
        border-bottom: none
    }

    .service-solve-list i, .service-solve-list p {
        display: table;
        margin: 0 auto 10px
    }

    .service-update-two .container.case-list {
        margin: 1.5rem 0 1rem
    }

    .page-padding.update-main .bx-controls.bx-has-controls-direction, .service-update-two .container.case-list li:nth-child(3) {
        display: none !important
    }

    #timeline {
        padding: 0
    }

    #timeline:before {
        left: 0
    }

    #timeline .timeline-item .timeline-icon {
        width: 100px;
        line-height: 40px;
        height: 40px
    }

    #timeline .timeline-item .timeline-content {
        width: 98%;
        float: right;
        text-align: left;
        margin-top: 50px
    }

    #timeline .timeline-item .timeline-content.right:before, #timeline .timeline-item .timeline-content:before {
        display: none
    }

    #timeline .timeline-item .timeline-icon {
        left: 0;
        margin-left: 8px
    }

    #timeline .timeline-item {
        margin-bottom: 1.5rem
    }

    .factory li, .solution-bg li {
        width: 100%;
        margin: 0 0 1rem !important
    }

    .solution-do .img .list {
        position: relative
    }

    .solution-do .img .list .box {
        padding: 1rem 12px 0;
        overflow: hidden
    }

    .solution-do .img .list .box p {
        margin: 1rem 0 0
    }

    .solution-do .img .list .p1, .solution-do .img .list .p3 {
        width: 55%;
        float: left
    }

    .solution-do .img .list .p2, .solution-do .img .list .p4 {
        width: 40%;
        float: right
    }

    .solution-do .main .main-list, .solution-do .main .p5 {
        float: inherit;
        display: table-cell;
        vertical-align: middle;
        width: 8%
    }

    .solution-do .main .main-list .p6 {
        width: 45%;
        margin: 0 2.5% 5px !important
    }

    .advantage li {
        display: block
    }

    .about-innovation .img .txt strong, .advantage li .txt h3 {
        font-size: 1rem
    }

    .advantage li .img, .advantage li .txt {
        width: 100%;
        display: table
    }

    .container.case-list {
        margin: 2rem auto 0
    }

    .case-box .product-info-online, .product-info .product-info-online, .product-info .product-info-txt, .product-info-other {
        margin-top: 1rem
    }

    .product-box .shuffer-up .product-shuffer .tit {
        padding: 1rem 1rem 0
    }

    .about .txt {
        padding: 1rem 2rem
    }

    .about-histroy .txt {
        overflow: hidden
    }

    .about-histroy .txt .year {
        font-size: 2rem
    }

    .about-innovation .img .txt strong {
        padding-right: .5rem;
        margin-right: .5rem
    }

    .about-tit, .cloud-list li {
        margin-bottom: 1rem
    }

    .about-us-box {
        margin-bottom: 2rem
    }

    .about-us-box .txt {
        padding: 1rem 1.5rem
    }

    .about-us-box .txt h3, .page-box h3 {
        font-size: 1.25rem
    }

    .join-us-box .join-us-r {
        margin-top: 2rem
    }

    .join-us-box {
        margin: 0
    }

    .recruitment .tit span.name, .recruitment-list span.name {
        width: 50%
    }

    .recruitment .tit span.more, .recruitment .tit span.wage, .recruitment-list span.more, .recruitment-list span.wage {
        width: 25%
    }

    .reveal-modal {
        width: 90%
    }

    .reveal-box h3 {
        font-size: 1.15rem;
        border-bottom: 1px solid #d1d1d1;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .join-us-f .img {
        margin-bottom: 1rem
    }

    .honor-swiper, .status-nav {
        background: 0 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        padding: 1rem 0
    }

    .ProductList li {
        width: 100%;
        height: 280px
    }

    .ProductList .img {
        height: 220px
    }

    .ProductList .img img {
        height: 150px
    }

    .boss-talk.container .tit strong, .ex .txt h4 {
        font-size: 1.35rem
    }

    .boss-talk.container .tit {
        margin: 0 0 1rem;
        padding: 0 0 1rem
    }

    .boss-talk.container {
        margin: 2rem auto 0
    }

    .innovationtab-bg .txt {
        position: relative;
        width: 100%;
        border-bottom: none;
        left: 0;
        max-width: none
    }

    .innovation-pro .shuffer-up:hover .shuffer-bg {
        height: 45%
    }

    .index-pro-main.innovation-pro li:hover .stars-info {
        bottom: 40%
    }

    .innovationtab-tab-nav {
        text-align: center
    }

    .innovationtab-tab-nav li {
        display: inline-block;
        width: 32%
    }

    .innovationtab-tab-nav li a, .search-container {
        width: 100%
    }

    .ex .txt p strong {
        font-size: 1rem
    }

    .search-container {
        margin-top: 2rem
    }

    .search-container .search-input {
        width: 60%
    }

    .about-histroy .time {
        position: static;
        width: 100%;
        margin: 0
    }

    .solution-do .img {
        margin: 1.5rem 0 0
    }

    .about-innovation-main .page-common-nav {
        margin-bottom: 2rem
    }

    .container.company-news.news-common-tit.news-box, .container.company-news.news-common-tit.news-voide {
        margin-top: 2rem
    }

    .index-pro-main li {
        width: 100%;
        margin-bottom: 1rem;
        margin-right: 0
    }

    .index-pro-main li .img, .index-pro-main li .tit {
        display: table-cell;
        vertical-align: middle;
        width: 50%
    }

    .index-pro-main li .shuffer-link h3 {
        width: 50%
    }

    .ProductList.patent-box li {
        height: 310px
    }
}

@media screen and (max-width: 481px) {
    .top-logo {
        width: 200px;
        margin-top: 10px !important
    }

    .top-logo img {
        height: 28px
    }

    .top-language {
        right: 75px
    }

    .index-about-data .round {
        height: 80px;
        width: 80px;
        line-height: 80px;
        font-size: 1.75rem
    }

    .index-contact-main p b {
        font-size: 1.1rem
    }

    .product-main-tit .txt {
        display: table;
        width: 100%
    }

    .product-list li {
        width: 100%;
        margin-bottom: 1.5rem
    }

    .product-info-other a {
        width: 50%
    }

    .product-info .product-info-online a {
        width: 100%
    }

    .product-scroll-list .scroll.scroll_2 .container li .img, .product-scroll-list .scroll.scroll_2 .container li .txt {
        display: table;
        width: 100%
    }

    .product-scroll-list .scroll.scroll_2 .container li .txt h3 {
        font-size: 1rem
    }

    .product-scroll-list .scroll.scroll_2 .container li .img {
        text-align: center;
        border: none
    }

    .product-scroll-list .scroll.scroll_2 .container li .img img {
        width: auto;
        margin-bottom: 10px
    }

    .container.case-list li .txt {
        height: 85px
    }

    .index-pro-main li .stars-info .shuffer-link, .index-pro-main li .stars-info hr, .page-paging .end, .page-paging .num, .status-nav span {
        display: none
    }

    .news-common-tit .bx-controls-direction a.bx-prev {
        left: 1rem
    }

    .news-common-tit .bx-controls-direction a.bx-next {
        right: 1rem
    }

    .news-common-tit .slide {
        width: 300px;
        margin: 0 auto !important
    }

    .experts-swiper .swiper-slide {
        width: 47% !important
    }

    .innovation-pro .shuffer-up:hover .shuffer-bg {
        height: 65%
    }

    .index-pro-main.innovation-pro li:hover .stars-info {
        bottom: 60%
    }

    .product-scroll-list .scroll.scroll_2 .container li .txt {
        padding-left: 0
    }

    .index-pro-main li .stars-info h2 {
        margin-top: 1.5rem
    }

    .index-pro-main li .tit {
        padding: 0 10px
    }
}

@media screen and (max-width: 421px) {
    .media-list.company-news li .img img {
        max-width: 100%
    }

    .page-common-nav a {
        width: 23%;
        padding: 0 .35rem;
        margin: 0 .25rem 0 0
    }

    .service-scope .main li {
        width: 48%;
        float: left;
        margin: 0 0 4% !important
    }

    .service-scope .main li:nth-child(2n+2) {
        float: right
    }

    .service-cloud-main li .txt {
        height: 230px
    }

    .solution-process li {
        width: 100%
    }

    .solution-process li img {
        width: auto;
        max-width: inherit
    }

    .solution-process li .txt {
        height: auto;
        padding-bottom: 1rem
    }

    .solution-do .img .list .box p {
        width: 100%
    }

    .solution-do .main .main-list .p6 {
        width: 80%;
        margin: 0 !important;
        float: right
    }

    .innovationtab-tab-nav li {
        width: 49%
    }

    .search-container .search-input {
        width: 45%
    }
}

@media screen and (max-width: 381px) {
    .language_nav, .top-language {
        display: none
    }

    .case-box .product-info-online a, .container.case-list li, .index-tab-main .img, .index-tab-main .index-case-list li, .index-tab-main .index-news-list li, .index-tab-main .txt, .news-voide li .img, .news-voide li .txt, .service-security .main li {
        width: 100%;
        display: table
    }

    .container.case-list li {
        display: block
    }

    .news-voide li .txt, .news-voide li .txt h2 {
        height: auto;
        padding: .5rem
    }

    .service-find .find .link {
        top: 0
    }

    .service-find .mall .tit {
        top: 1rem
    }

    .youshi li, .youshi li:nth-child(3) {
        width: 100%;
        display: table;
        margin-bottom: 1rem
    }

    .youshi li .txt, .youshi li:nth-child(3) .txt, .youshi li:nth-child(3) .wap-show {
        width: 100%;
        display: block;
        height: auto
    }

    .service-solve-list {
        width: 50%
    }

    .service-solve-list:nth-child(even) {
        border-right: none
    }

    .service-solve-list:nth-child(odd) {
        border-right: 1px solid #e0e4ed
    }

    .ProductList li, .index-pro-main.innovation-pro li {
        width: 100%
    }

    .innovation-pro .shuffer-up:hover .shuffer-bg {
        height: 40%
    }

    .index-pro-main.innovation-pro li:hover .stars-info {
        bottom: 35%
    }
}

.shuffer-up {
    position: relative
}

.shuffer-bg {
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.shuffer-up:hover .shuffer-bg {
    height: 100%;
    background-color: #d70c25;
    opacity: 1;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.stars-info {
    height: 180px;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    -webkit-transition: all linear .5s;
    transition: all linear .5s;
    color: #fff;
    opacity: 0
}

.shuffer-up:hover .stars-info {
    height: 20%;
    border-bottom: none;
    -webkit-transition: all linear .5s;
    transition: all linear .5s;
    opacity: 1;
    display: block
}

.shuffer-link {
    opacity: 0;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.shuffer-up:hover .stars-info {
    opacity: 1;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.shuffer-up:hover .shuffer-link {
    opacity: 1;
    -webkit-transition: all linear .8s;
    transition: all linear .8s
}

.move {
    transition: width 1s;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0
}

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

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    width: 100%
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block
}

.bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.page-paging div {
    display: table;
    width: 100%
}

.page-paging {
    margin: 30px auto 0;
    text-align: center;
    width: 100%;
    overflow: hidden
}

.page-paging a, .page-paging span {
    padding: 7px 14px;
    border: 1px solid #c5cad3;
    margin: 0 2px;
    color: #333;
    display: inline-table
}

.page-paging .on, .page-paging a:hover, .page-paging span {
    background: #d70c25;
    color: #fff;
    border: 1px solid #d70c25
}

.page-paging span {
    float: inherit !important
}

.page-paging .end {
    border: none
}

.form-label {
    background: #f2f7f8;
    height: 40px;
    line-height: 40px;
    margin-bottom: 1rem;
    position: relative;
    padding: 0 1rem
}

.form-label span {
    position: absolute;
    left: 1rem;
    top: 0;
    color: #999
}

.form-label span b {
    color: #d70c25;
    margin-right: 3px
}

.form-label input {
    background: 0 0;
    width: 100%;
    padding-left: 90px
}

.form-textarea {
    background: #f2f7f8;
    margin-bottom: 1rem
}

.form-textarea textarea {
    background: 0 0;
    padding: 10px;
    width: 100%;
    min-height: 75px;
    color: #999
}

.form-label textarea:focus {
    color: #333
}

.form-main .sub {
    background: #d70c25;
    color: #fff;
    height: 40px;
    line-height: 40px;
    width: 120px
}

.Validform_checktip {
    margin-left: 8px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #999;
    font-size: 12px
}

.Validform_wrong {
    color: red;
    padding-left: 20px;
    white-space: nowrap
}

#Validform_msg {
    color: #7d8289;
    font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
    width: 280px;
    -webkit-box-shadow: 2px 2px 3px #aaa;
    -moz-box-shadow: 2px 2px 3px #aaa;
    background: #fff;
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 99999;
    display: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 50%
}

#Validform_msg .iframe {
    position: absolute;
    left: 0;
    top: -1px;
    z-index: -1
}

#Validform_msg .Validform_title {
    line-height: 40px;
    height: 40px;
    text-align: left;
    font-weight: 700;
    padding: 0 8px;
    color: #fff;
    position: relative;
    background-color: #d70c25
}

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
    line-height: 22px;
    position: absolute;
    right: 8px;
    top: 0;
    color: #fff;
    text-decoration: none;
    font-size: 1rem
}

#Validform_msg a.Validform_close:hover {
    color: #ccc
}

#Validform_msg .Validform_info {
    padding: 1rem;
    border: 1px solid #bbb;
    border-top: none;
    text-align: left;
    background: #fff
}

.Validform_bg {
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: Alpha(opacity=50)
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0
}

.reveal-modal {
    visibility: hidden;
    margin: 0 auto;
    z-index: 101;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.reveal-modal .close-reveal-modal {
    font-size: 3rem;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
    cursor: pointer
}

.reveal-box {
    padding: 2rem;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    background: #fff;
    position: relative;
    width: 100%
}

.reveal-box .y {
    color: #666
}

.reveal-box .y strong {
    color: #333
}

.reveal-box .y p {
    margin-bottom: 5px
}

.reveal-box .y .r, .reveal-box .y .z {
    margin-bottom: 15px
}

.rc-sub {
    overflow: hidden;
    margin-top: 1rem;
    display: table;
    width: 100%
}

.reveal-box .c li {
    margin-bottom: 10px
}

.rc-sub a {
    background: #d70d25;
    color: #fff;
    padding: .5rem 1rem;
    float: left
}

.mui-mbar-tabs {
    height: 100%;
    right: 0;
    position: fixed;
    bottom: 0;
    z-index: 9
}

.quick_links_panel {
    width: 40px;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0
}

.right-item {
    display: table;
    margin: 0 auto;
    position: relative
}

.tooltip {
    width: 280px;
    padding: 10px;
    border-radius: 3px;
    position: absolute;
    border: 1px solid #ccc;
    margin: -800px 0 0 -20px;
    background: #ffecbf;
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    left: -265px;
    top: 98px;
    font-size: 12px
}

.tooltip p {
    color: #434343;
    margin: 0
}

.right-item:hover .tooltip {
    margin: -145px 0 0 -20px;
    -webkit-transition: width .15s ease-in-out;
    -moz-transition: width .15s ease-in-out
}

.quick_links_panel a {
    display: block;
    width: 40px;
    height: 66px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 0;
    padding: 0
}

.quick_links_panel .mp_tooltip {
    height: 105px;
    line-height: 38px;
    width: 84px;
    position: absolute;
    z-index: 2;
    left: -121px;
    top: 0;
    background: url(../images/icon/rightwechat.jpg) no-repeat;
    color: #d8d8d8;
    text-align: center;
    display: block;
    visibility: hidden;
    border: 1px solid #bfbfbf
}

.mp_hot {
    background: url(../images/icon/righthot.jpg) no-repeat;
    width: 160px;
    height: 66px;
    position: absolute;
    z-index: 2;
    left: -121px;
    top: 0;
    color: #d8d8d8;
    text-align: center;
    display: block;
    visibility: hidden;
    border: 1px solid #bfbfbf
}

.mp_tel {
    background: url(../images/icon/righttel.jpg) no-repeat top center #e7e7e8;
    width: 128px;
    height: 170px;
    position: absolute;
    z-index: 2;
    left: -121px;
    bottom: 0;
    color: #ce012f;
    text-align: center;
    display: block;
    visibility: hidden;
    border: 1px solid #bfbfbf
}

.api-lxb-cb-con {
    width: 128px;
    position: absolute;
    margin: 0 auto;
    display: table;
    bottom: 17px;
    text-align: center
}

.api-lxb-cb-con input {
    width: 110px;
    margin-bottom: 6px;
    text-align: center;
    height: 22px
}

.api-lxb-cb-input {
    background: #373d44;
    border: 1px solid #373d44;
    color: #fff;
    font-size: 11px
}

.api-lxb-cb-btn {
    background: #ce012f;
    border: none;
    color: #fff;
    font-size: 12px
}

.quick_links {
    position: absolute;
    top: 60%;
    left: 0;
    margin-top: -190px;
    background: #fff;
    z-index: 2;
    width: 40px
}

.quick_links li {
    position: relative;
    display: block;
    left: 0;
    top: 0;
    border-bottom: 1px solid #bfbfbf
}

.quick_links i {
    width: 40px;
    height: 66px;
    display: inline-block;
    background: url(../images/icon/sprites.png) no-repeat;
    cursor: pointer
}

.quick_links .right_tel {
    background-position: 0 -68px
}

.quick_links .right_contact {
    background-position: 0 -137px
}

.quick_links .right_wechat {
    background-position: 0 -205px
}

.quick_links .right_hot {
    background-position: 0 -272px
}

.quick_links .right_online, .quick_links .right_online:hover {
    background-position: -42px 0
}

.quick_links .right_tel:hover {
    background-position: -42px -68px
}

.quick_links .right_contact:hover {
    background-position: -42px -136px
}

.quick_links .right_wechat:hover {
    background-position: -42px -204px
}

.quick_links .right_hot:hover {
    background-position: -42px -272px
}

.api-lxb-cb-input:hover .tt {
    display: block
}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 90px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(/images/top.jpg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
    z-index: 9999999
}

.cd-top.cd-fade-out {
    opacity: .5
}

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 40px;
        width: 40px;
        right: 0;
        bottom: 40px
    }
}

.no-page {
    margin: 5% auto 7%;
    width: 40%;
    height: auto;
    text-align: center
}

.no-page-txt {
    background: #fff;
    padding: 4% 5%;
    margin-bottom: 3%
}

.no-page-txt h2 {
    font-size: 100px;
    height: 100px;
    line-height: 100px;
    font-family: Verdana, Geneva, sans-serif;
    color: #b81b32;
    font-weight: 700
}

.no-page-txt p {
    margin: 2% auto 4%;
    font-size: 24px;
    font-weight: 700;
    color: #595757
}

.sub-page-box {
    padding: 0 0 5%
}

.sub-page-box .s1 {
    background: #b81b32;
    text-align: left;
    color: #fff;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 400;
    padding-left: 2%
}

.sub-page-box .s1 a {
    float: right;
    margin-right: 2%;
    color: #fff;
    font-family: "Comic Sans MS";
    font-weight: 700;
    cursor: pointer
}

.sub-page-box .s2 {
    font-size: 14px;
    font-weight: 400;
    color: #595757
}

.sub-page-box .s3 a {
    background: #b81b32;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 12px;
    cursor: pointer
}

.no-page-link {
    text-align: left
}

.sub-page.no-page .no-page-link a {
    color: #333
}

.friend-link {
    overflow: hidden
}

.friend-link p {
    margin-bottom: .5rem;
    font-size: 1rem;
    color: #434343
}

@media only screen and (min-width: 769px) {
    #LRfloater2 {
        bottom: 45px !important
    }

    #LRMINIWIN {
        height: 355px !important;
        width: 325px !important
    }
}