﻿@charset "utf-8";

/*CSS通用重置样式*/
* {
    word-break: break-all;
    font-family: '微软雅黑', Tahoma, '宋体', Arial, Lucida, Verdana, Helvetica, sans-serif;
}

.clear {
    clear: both;
}

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

fieldset,
img {
    border: 0;
}

:focus {
    outline: 0;
}

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

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

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

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

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

input,
button,
textarea,
select {
    *font-size: 100%;
}

body {
    line-height: 1.5;
    font-size: 12px;
    color: #333;
    background: #FFF;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

sup,
sub {
    font-size: 100%;
    vertical-align: baseline;
}

:link,
:visited,
ins {
    text-decoration: none;
}

blockquote,
q {
    quotes: none;
}

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

a:link,
a:visited,
a:active {
    color: #333;
    text-decoration: none;
}

a:hover {
    cursor: pointer;
}

img {
    vertical-align: middle;
}

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clearit:before,
.clearit:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearit:after {
    clear: both;
}

.clearit {
    zoom: 1;
}

.wrapper {
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 960px;
    z-index: 1;
}

.fontArial {
    font-family: Arial, Helvetica, sans-serif;
}

* html {
    background-image: url(about:blank);
    background-attachment: fixed;
    /*修正IE6振动bug*/
}

select,
input,
img,
select {
    vertical-align: middle;
}

input:checked+label {
    color: #008800 !important;
}

.w-1200 {
    min-width: 1200px;
    width: 1200px;
    margin: auto;
}

.w-1000 {
    width: 1000px;
    min-width: 1000px;
    margin: auto;
}

.bold {
    font-weight: bolder
}

.grey-999 {
    color: #999999;
}

.red {
    color: #ff0000
}

.grey-5f {
    color: #5f5f5f
}

.dark-blue-168491 {
    color: #267be3
}

.blue-4bcdd9 {
    color: #398df4;
}

.yellow {
    color: #fffaa8;
}

.lt {
    text-align: left
}

.rt {
    text-align: right
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ct {
    text-align: center
}

.font50 {
    font-size: 50px;
}

.font60 {
    font-size: 60px;
}

.font28 {
    font-size: 28px
}

.font20 {
    font-size: 20px;
}

.font18 {
    font-size: 18px
}

.font14 {
    font-size: 14px
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/*头部*/
.header {
    width: 100%;
}

.header .top {
    width: 100%;
    min-width: 1200px;
    background-color: #f5f5f5;
    height: 35px;
    line-height: 35px;
}

.header .top .content {
    font-size: 14px;
}

.top .content .tag {
    float: right;
}

.top .content .tag a {
    float: right;
    margin: 0 10px;
}

.top .content .tag a:hover {
    color: #f03c3c;
    text-decoration: underline;
}

#wechat-box {
    z-index: 1;
    position: absolute;
    border: 5px solid #f5f5f5;
    display: none;
    width: 100px;
    height: 100px;
    right: 0;
}

#wechat-box img {
    width: 100%;
}

#wechat:hover {
    cursor: pointer;
}

.header .middle {
    width: 100%;
    padding: 15px 0
}

.header .middle .logo-box {
    position: relative;
}

.middle .logo-box .stock-code {
    display: inline-block;
    height: 25px;
    vertical-align: middle;
    overflow: hidden;
}

.middle .logo-box .stock-code li {
    line-height: 25px;
}

.middle .logo-box .stock-code li.item-1 {
    color: #267be3;
    font-size: 20px;
}

.middle .logo-box .stock-code li.item-2 {
    font-size: 14px;
    color: #99a0a0;
}

.middle .logo-box .stock-code li.item-3 {
    color: #267be3;
    letter-spacing: 10px;
    font-size: 20px;
}

.middle .logo-box .description {
    width: 660px;
}

.middle .logo-box .description div:first-child:hover {
    text-decoration: underline;
}

.middle .logo-box .telephone {
    color: #676767;
    margin-top: 20px;
    padding-left: 50px;
    background: url("../images/call.png") no-repeat;
    height: 42px;
}

.header .bottom {
    width: 100%;
    min-width: 1200px;
    height: 46px;
    background-color: #267be3
}

.header .bottom .nav {
    height: 46px;
    line-height: 46px;
}

.header .bottom .nav>li {
    float: left;
    padding: 0 21px;
    border-right: 1px solid #fafafa;
    height: 46px;
    text-align: center
}

.header .bottom .nav>li:last-child {
    border-right: none;
}

.header .bottom .nav>li:hover,
.nav .active {
    background-color: #398df4
}

.header .bottom .nav>li>a {
    color: #FFFFFF;
    font-size: 16px
}

/*banner*/
.banner {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    position: relative;
}

.banner .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 10%;
    bottom: 10%;
    z-index: 1;
}

.banner .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.banner .hd ul li {
    float: left;
    margin-right: 30px;
    width: 60px;
    height: 8px;
    text-align: center;
    background: #198794;
    cursor: pointer;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    /*IE*/
}

.banner .hd ul li.on,
.banner .hd ul li:hover {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    /*IE*/
}

.banner .bd {
    position: relative;
    height: 100%;
    width: 100%;
    min-width: 1200px;
    z-index: 0;
}

.banner .bd li {
    zoom: 1;
    vertical-align: middle;
}

.banner .bd li img {
    width: 100%;
    display: block
}

/*search*/
.search {
    height: 50px;
    line-height: 50px;
}

.search .tag {
    color: #a4a4a4
}

.search .tag p>a {
    color: #346b96;
    margin-left: 15px
}

.search .tag .search-input {
    float: right;
    width: 325px;
}

.search .tag .search-input input[type=text] {
    border: 1px solid #7a7a7a;
    padding: 4px 45px 4px 20px;
    width: 200px;
    float: left;
    margin-top: 15px;
}

.search .tag .search-input .search-btn {
    background-color: #6c6c6c;
    color: #FFFFFF;
    border: 1px solid #7a7a7a;
    cursor: pointer;
    padding: 0 8px;
    height: 26px;
    /*position: relative;*/
    /*left: -4px;*/
    float: left;
    margin-top: 15px;
}

.search .tag .search-input .ico {
    color: #5a5a5a;
    left: 20px;
    padding-right: 4px;
    position: relative;
    z-index: 3;
}

/*title*/
.title-wrap {
    color: #333333;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 5px 0 15px 0;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.title-wrap .title-line {
    width: 102px;
    height: 3px;
    background: #333;
    /*border: 1px solid #333333;*/
    position: absolute;
    bottom: -1.5px;
    left: 0;
}

/*业务体系*/
.index-main {
    padding: 50px 0;
}

.index-main .main-img {
    width: 1200px;
    height: 114px;
    background: no-repeat center;
    float: left;
    margin-top: 10px;
    margin-bottom: 45px;
    color: white;
    text-align: center;
}

.index-main .main-img p {
    margin-top: 10px;
    font-size: 23px;
    letter-spacing: 5px;
    font-weight: bold;
}

.index-main .main-img p span {
    color: #f8d020;
    font-size: 26px;
}

.block-wrap {
    width: 1200px;
}

.one-block {
    width: 366px;
    height: 488px;
    border: 1px solid #d6d6d6;
    float: left;
    margin-right: 48px;
    transition: 0.4s;
    background: no-repeat;
    background-position: 100% 100%;
}

.block-wrap .move-active {
    transform: scale(1.08);
    box-shadow: 2.4px 1.8px 12px 0 rgba(79, 94, 230, 0.25);
    border: 1px solid #323f5a;
}

.one-block:last-child {
    margin-right: 0;
}

.block-content {
    text-align: center;
}

.block-content-show {
    display: none;
}

.move-active .hide-active {
    display: none;
}

.move-active .show-active {
    display: block;
}

.block-title {
    width: 100%;
    height: 103px;
    border-bottom: 1px solid #d6d6d6;
    background: #eef3f7;
    text-align: center;
    padding-top: 20px;
}

.block-title p:nth-child(1) {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.block-title p:nth-child(2) {
    color: #666666;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 23px;
}

.block-content ul {
    padding-top: 33px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
}

.block-content ul li {
    margin-bottom: 33px;
}

.show-active .block-title {
    width: 100%;
    height: 103px;
    border-bottom: 1px solid #323f5a;
    background: #323f5a;
    text-align: center;
    padding-top: 20px;

}

.show-active .block-title p:nth-child(1) {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.show-active .block-title p:nth-child(2) {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 23px;
}

.show-active .block-detail {
    padding: 20px;
}

.detail-box {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 15px;
}

.show-active .block-detail .detail-box p:nth-child(1) {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.show-active .block-detail .detail-box p:nth-child(2) {
    color: #666666;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.show-active .block-detail .detail-box a {
    width: 104px;
    height: 30px;
    border: 1px solid #323f5a;
    color: #323f5a;
    display: block;
    line-height: 30px;
    text-align: center;
    margin-bottom: 18px;
}

.show-active .block-detail .detail-box a:hover {
    background: #323f5a;
    color: #fff;
}

.block-detail ul li {
    float: left;
    width: 50%;
    margin-bottom: 15px;
}

.block-detail ul li a {
    color: #333;
    font-weight: bold;
    float: left;
    margin-bottom: 5px;
    font-size: 13px;
}

.block-detail ul li a:hover {
    color: #999;
}

.block-detail ul li p {
    color: #797c83;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
}

.block-detail ul li:nth-child(2),
.block-detail ul li:nth-child(4),
.block-detail ul li:nth-child(6) {
    margin-right: 0;
}

/*点击立即获取解决方案*/
.programme-wrap {
    /* width: 100%;
    min-width: 1200px;
    background: #2d3d5f;
    background: no-repeat; */
    position: relative;
}

.programme-content {
    width: 62.5vw;
    max-width: 1200px;

    /* padding: 20px 0; */
    /* color: #fff; */
    position: absolute;
    /* width: 100%; */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff
}


.programme-content ul li:nth-child(1) {
    /* float: left; */
}

.programme-content ul li:nth-child(2) {
    text-align: center;
    margin-top: 6px;
    /* width: 100%; */
}

.programme-content ul li:last-child {
    /* float: right; */
    text-align: right
}

/* .programme-content ul li .tel, .programme-content ul li .telnumber {
    font-size: 22px;
    color: white;
} */
.programme-content ul li .tel {
    font-size: 24px
}

.programme-content ul li .telnumber {
    font-size: 28px
}

.programme-content ul li .clickGet {
    font-size: 30px;
    letter-spacing: 1px;
    /* float: left;
    line-height: 60px; */
}

.programme-content ul li .applyBtn {
    display: inline-block;
    height: 62px;
    line-height: 60px;
    padding: 20px;
    /* width: 132px;
    height: 40px; */
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    font-size: 34px;
    /* float: left; */
    /* margin-left: 30px;
    margin-top: 12px; */

    padding: 0 20px;
    -webkit-animation: bounceIn 3s infinite linear;
    -o-animation: bounceIn 3s infinite linear;
    animation: bounceIn 3s infinite linear;
    cursor: pointer;
}

.programme-content ul li .text {
    font-size: 24px;
    line-height: 72px;
}

/*路通咨询*/
.index-consultation {
    padding: 20px 0;
}

.consult-wrap {
    margin-left: 40px;
    float: left;
    margin-top: 5px;
}

.consult-wrap .img-icon {
    width: 28px;
    height: 28px;
    float: left;
}

.consult-wrap .img-icon img {
    width: 100%;
}

.consult-wrap .txtScroll-top {
    width: 392px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-left: 10px;
    margin-top: -8px;
}

.txtScroll-top .bd .tempWrap {
    height: 37px;
    overflow: hidden;
    position: relative;
}

.infoList li a {
    display: inline-block;
    width: 354px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 18px;
    color: #333;
}

.infoList li a:hover {
    color: #999;
}

.consult-wrap .right-icon {
    width: 18px;
    height: 18px;
    margin-top: -8px;
}

.title-wrap .more {
    color: #999;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: 100;
    margin-top: 16px;
}

.consultation-content {
    padding: 20px 0;
}

.consultation-content .consultation-left {
    width: 100%;
    height: 400px;
    float: left;
    /*background: cornsilk;*/
    /*overflow: hidden;*/
    position: relative;
}

.consultation-content .consultation-right {
    width: 599px;
    height: 398px;
    float: right;
    border: 1px solid #e8e8e8;
    border-left: 0;
    position: absolute;
    right: 0;
}

.consultation-right ul li.on {
    box-shadow: #e8e8e8 0px 0px 10px 4px;
    -webkit-box-shadow: #e8e8e8 0px 0px 10px 4px;
    -moz-box-shadow: #e8e8e8 0px 0px 10px 4px;
    behavior: url("../js/ie-css3.htc");
}

.consultation-right ul li.on .consult-list {
    /*border-bottom: 1px solid transparent;*/
}

.consultation-right ul li.on .consult-list a {
    color: #323f5a;
}

.consultation-right ul li {
    width: 579px;
    height: 80px;
    padding-left: 20px;
}

/*.consultation-right ul li:hover {
    box-shadow: #e8e8e8 0 0 10px 4px;
}

.consultation-right ul li:hover .consult-list {
    border-bottom: 1px solid transparent;
}

.consultation-right ul li:hover .consult-list a {
    color: #323f5a;
}*/

.consultation-right ul li .consult-list {
    height: 49px;
    width: 569px;
    padding: 15px 10px 15px 0;
    border-bottom: 1px solid #e8e8e8;
}

.consultation-right ul li:last-child .consult-list {
    border-bottom: 0;
}

.consult-font1 .dian {
    color: #999;
    font-size: 15px;
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 20px;
}

.consult-font1 a {
    display: block;
    float: left;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
    width: 413px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.consult-font1 .time-date {
    display: block;
    float: right;
    color: #999;
    margin-top: 3px;
}

.consult-font2 {
    float: left;
    margin-left: 32px;
    margin-top: 5px;
    color: #666;
    width: 528px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.consult-bg {
    width: 600px;
    height: 400px;
    position: relative;
}

.consult-bg img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.block-hover {
    width: 100%;
    height: 42px;
    background: rgba(0, 0, 0, 0.61);
    position: absolute;
    bottom: 0;
    z-index: 111;
    color: white;
    line-height: 42px;
}

.block-hover p {
    margin-left: 20px;
    letter-spacing: 1px;
    width: 560px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

/*.consultation-left .hd ul {
    position: absolute;
    bottom: 50px;
    z-index: 111;
    left: 50%;
    margin-left: -33px;
}

.consultation-left .hd ul li {
    float: left;
    border-radius: 50%;
    border: 1px solid white;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    cursor: pointer;
}*/

.consultation-left .hd ul .on {
    background: white;
}

/*发展历程*/
.index-development {
    padding: 20px 0;
    background: #f7f9fb;
}

.index-development .development-img {
    width: 1200px;
    height: 200px;
    float: left;
    margin-top: 20px;
    box-shadow: 0 0 20px 3px #e8e8e8;
}

.index-development .development-img img {
    width: 100%;
}

.development-content {
    float: left;
    margin-top: 40px;
    height: 300px;
}

.development-item {
    width: 1200px;
    height: 1px;
    background: #c1c1c1;
    position: relative;
    top: 50%;
    margin-top: -5px;
}

.development-item li {
    float: left;
    width: 8px;
    height: 8px;
    background: #c1c1c1;
    border-radius: 50%;
    /*margin-right: 177.5px;*/
    margin-right: 220.5px;
    position: relative;
}

.development-item li:hover {
    background: #323f5a;
}

.development-content .development-item li:hover .development-box {
    background-color: #323f5a;

}

.development-content .development-item li:hover .development-box p {
    color: #fff;
}

.development-content .development-item li:nth-child(1):hover .development-box:after,
.development-content .development-item li:nth-child(3):hover .development-box:after,
.development-content .development-item li:nth-child(5):hover .development-box:after {
    border-left: 7px solid transparent;
    border-top: 7px solid #323f5a;
    border-right: 7px solid transparent;
}

.development-content .development-item li:nth-child(2):hover .development-box:after,
.development-content .development-item li:nth-child(4):hover .development-box:after,
.development-content .development-item li:nth-child(6):hover .development-box:after {
    border-left: 7px solid transparent;
    border-bottom: 7px solid #323f5a;
    border-right: 7px solid transparent;
}

.development-item li:nth-child(1),
.development-item li:nth-child(3),
.development-item li:nth-child(5) {
    top: -10px;
}

.development-item li:nth-child(2),
.development-item li:nth-child(4),
.development-item li:nth-child(6) {
    top: 3px;
}

.development-item li:first-child {
    margin-left: 20px;
}

.development-item li:nth-child(1) .development-box,
.development-item li:nth-child(3) .development-box,
.development-item li:nth-child(5) .development-box {
    position: relative;
    width: 229px;
    height: 77px;
    border: 1px solid #c1c1c1;
    background-color: #fff;
    top: -140px;
    left: -14px;
    padding: 18px;
}

.development-item li:nth-child(1) .development-box:before,
.development-item li:nth-child(3) .development-box:before,
.development-item li:nth-child(5) .development-box:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid #c1c1c1;
    border-right: 8px solid transparent;
}

.development-item li:nth-child(1) .development-box:after,
.development-item li:nth-child(3) .development-box:after,
.development-item li:nth-child(5) .development-box:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 11px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
}

.development-item li:nth-child(2) .development-box,
.development-item li:nth-child(4) .development-box,
.development-item li:nth-child(6) .development-box {
    position: relative;
    width: 229px;
    height: 77px;
    border: 1px solid #c1c1c1;
    background-color: #fff;
    top: 31px;
    left: -14px;
    padding: 18px;
}

.development-item li:nth-child(2) .development-box:before,
.development-item li:nth-child(4) .development-box:before,
.development-item li:nth-child(6) .development-box:before {
    position: absolute;
    content: "";
    top: -8px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #c1c1c1;
    border-right: 8px solid transparent;
}

.development-item li:nth-child(2) .development-box:after,
.development-item li:nth-child(4) .development-box:after,
.development-item li:nth-child(6) .development-box:after {
    position: absolute;
    content: "";
    top: -7px;
    left: 11px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-right: 7px solid transparent;
}

.development-box p:nth-child(1) {
    font-weight: bold;
    margin-bottom: 5px;
}

.development-box p:nth-child(2) {
    color: #666;
}

/*招募合伙人*/
.index-recruit {
    padding: 20px 0 30px 0;
}

.recruit-wrap {
    width: 1164px;
    padding: 18px;
    box-shadow: 0 0 5px 1px #e8e8e8;
}

.recruit-wrap .recruit-box {
    width: 1140px;
    height: 834px;
    padding: 0 30px 0 30px;
    background: url("../images/recruit/bg.png") no-repeat;
}

.recruit-wrap .recruit-box .recruit-block {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e9f1;
}

.recruit-wrap .recruit-box .recruit-block:last-child {
    border-bottom: 0;
}

.recruit-wrap .recruit-box .recruit-block:nth-child(3) {
    width: 958px;
}

.recruit-wrap .recruit-box .recruit-block .recrult-right {
    float: left;
    margin-top: 30px;
}

.recruit-wrap .recruit-box .recruit-block .recrult-left {
    float: left;
    width: 260px;
    text-align: center;
    margin-right: 50px;
}

.recruit-wrap .recruit-box .recruit-block .recrult-right .recrult-title {
    width: 194px;
    height: 54px;
    text-align: center;
    line-height: 54px;
    color: #ea4e4f;
    border: 1px solid #333;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 35px;
    letter-spacing: 1px;
}

.recruit-wrap .recruit-box .recruit-block .recrult-left .recrult-leftTitle {
    width: 113px;
    padding: 0 50px 0 30px;
    margin-top: 35px;
    float: left;
    border-right: 1px solid #b2babd;
    position: relative;
    left: 50%;
    margin-left: -76.5px;
}

.recruit-wrap .recruit-box .recruit-block .recrult-right p {
    font-size: 20px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    color: #39393b;
}

.recruit-wrap .recruit-box .recruit-block .recrult-right button {
    width: 242px;
    height: 56px;
    background-color: #ea4e4e;
    color: white;
    border: 0;
    font-size: 18px;
    cursor: pointer;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    -webkit-animation: bounceIn 1.5s infinite linear;
    -o-animation: bounceIn 1.5s infinite linear;
    animation: bounceIn 1.5s infinite linear;
}

.finger {
    -webkit-animation: bounceIn 1.5s infinite linear;
    -o-animation: bounceIn 1.5s infinite linear;
    animation: bounceIn 1.5s infinite linear;
}

.recruit-wrap .recruit-box .recruit-block .recrult-right ul li {
    font-size: 16px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    color: #39393b;
}

.recruit-wrap .recruit-box .recruit-block .recrult-right ul li img {
    margin-right: 12px;
    margin-top: -2px;
}

.recruit-wrap .recruit-box .recruit-block .recrult-right ul li span {
    font-size: 20px;
}

.recruit-wrap .recruit-box .recruit-block .recrult-right ul.recrult-item li {
    float: left;
    font-size: 20px;
    width: 210px;
}

.recruit-wrap .recruit-box .recruit-block .recrult-right ul.recrult-item li:nth-child(4) {
    clear: both;
}

.recruit-wrap .recruit-box .recruit-block .recrult-right ul.recrult-item li span {
    font-size: 20px;
}

.recruit-wrap .recruit-box .recruit-block .recrult-right h3 {
    font-size: 32px;
    color: #525e6c;
    letter-spacing: 2px;
    font-weight: bold;
}

/*落地案例*/
.index-case {
    padding: 20px 0 30px 0;
    background: #f7f9fb;
}

.slideBox-wrap {
    float: left;
    margin-top: 20px;
}

.slideBox-wrap .title {
    margin-bottom: 10px;
    font-size: 16px;
}

.slideBox-wrap .picScroll-left {
    width: 1200px;
    height: 214px;
    background: white;
    overflow: hidden;
    position: relative;
}

.picScroll-left .hd .prev {
    position: absolute;
    width: 16px;
    height: 54px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: bold;
    top: 50%;
    left: 19px;
    margin-top: -27px;
    line-height: 54px;
    font-size: 20px;
}

.picScroll-left .hd .next {
    position: absolute;
    width: 16px;
    height: 54px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: bold;
    top: 50%;
    right: 19px;
    margin-top: -27px;
    line-height: 54px;
    font-size: 20px;
}

.picScroll-left .bd {
    width: 1072px;
    position: absolute;
    left: 50%;
    margin-left: -536px;
    margin-top: 25px;
}

.picScroll-left .bd ul li {
    width: 162px;
    margin-right: 20px;
    float: left;
    text-align: center;
}

.picList-img {
    width: 132px;
    height: 132px;
    background: no-repeat center;
    background-size: cover;
    margin-bottom: 11px;
    position: relative;
    left: 50%;
    margin-left: -77px;
}

.picScroll-left .bd .picList li p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*服务体系*/
.index-services {
    padding: 20px 0 30px 0;
}

.index-services .services-content {
    float: left;
    margin-top: 20px;
    width: 1200px;
}

.index-services .services-content .services-box {
    width: 588px;
    height: 94px;
    border: 1px solid #dedede;
    float: left;
    margin-bottom: 20px;
}

.index-services .services-content .services-left {
    width: 588px;
    height: 468px;
    border: 1px solid #cacaca;
    float: left;
}

.index-services .services-content .services-right {
    width: 590px;
    height: 470px;
    float: right;
}

.services-content .services-box .services-img {
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 45px;
    margin-top: 15px;
}

.services-content .services-box .services-img img:hover {
    -webkit-animation: rubberBand 1s ease 1 0s both;
    animation: rubberBand 1s ease 1 0s both;
}

.services-content .services-box .services-text {
    float: left;
    margin-top: 15px;
    margin-left: 20px;
}

.services-text p:nth-child(1) {
    font-size: 18px;
    letter-spacing: 1px;
}

.services-text p:nth-child(2) {
    font-size: 15px;
    letter-spacing: 1px;
    color: #666;
}

.services-left .international-box {
    width: 195px;
    height: 470px;
    border-right: 1px solid #cacaca;
    float: left;
}

.services-left .international-box .box-title,
.services-left .domestic-box .box-title {
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    font-weight: bold;
    font-size: 15px;
}

.services-left .domestic-box {
    width: 392px;
    float: left;
    position: relative;
}

.services-left .domestic-box .map1 {
    position: absolute;
    z-index: -111;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.map-info .map-point-item {
    position: absolute;
}

.map-info .map-point-item .point {
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 30px;
    float: left;
}

.map-info .map-point-item .point .dot {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
    z-index: 2;
    background-color: #00a4ff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.map-info .map-point-item .point .line-dot {
    position: absolute;
    left: 6.5px;
    top: 6.5px;
    width: 15px;
    height: 15px;
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #00a4ff;
}

.map-info .map-point-item .point .spread {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;

}

.map-info .map-point-item .map-text {
    float: left;
    margin-top: 5px;
}

.map-info .map-point-item .spread:before,
.map-info .map-point-item .spread:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00a4ff;
    opacity: 0;
    -webkit-animation: spread 4.5s ease-out 1575ms infinite;
    animation: spread 4.5s ease-out 1575ms infinite;
}

.map-info .map-point-item .spread:after {
    animation: spread 4.5s ease-out 225ms infinite;
}

@keyframes spread {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1)
    }

    5% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.services-left .international-box .flag-item {
    float: left;
    margin-top: 30px;
    margin-left: 20px;
}

.services-left .international-box .flag-item li {
    margin-bottom: 22px;
}

.services-left .international-box .flag-item li .flag-icon {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    border-radius: 50%;
}

.services-left .international-box .more-btn {
    width: 157px;
    height: 32px;
    background: #323f5a;
    color: white;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    position: relative;
    left: 50%;
    margin-left: -78.5px;
    float: left;
    margin-top: 65px;
    -webkit-animation: bounceIn 1.5s infinite linear;
    -o-animation: bounceIn 1.5s infinite linear;
    animation: bounceIn 1.5s infinite linear;
}

.services-left .international-box .more-btn img {
    margin-right: 5px;
    margin-top: -3px;
}

.services-right .sale-box {
    width: 588px;
    height: 109px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 10px 0 rgba(54, 72, 82, 0.08);
    margin-bottom: 6px;
    background: no-repeat;
    background-position: right bottom;
}

.services-right .sale-img {
    width: 590px;
    height: 94px;
    margin-top: 26px;
    float: left;
    position: relative;
}

.services-right .sale-img img {
    width: 100%;
}

.sale-box .sale-left {
    float: left;
    margin-top: 25px;
    margin-left: 70px;
    text-align: center;
    padding-right: 53px;

}

.sale-box .sale-left .before-img {
    width: 43px;
    height: 49px;
    margin-bottom: 3px;
}

.sale-box .sale-left p {
    font-size: 14px;
    letter-spacing: 1px;
}

.sale-box .sale-left .before-img img {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.sale-box .sale-left .before-img img:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation: none;
    animation: none;
}

.sale-box .line {
    width: 1px;
    height: 52px;
    background: #eaeaea;
    float: left;
    margin-top: 30px;
}

.sale-right {
    float: left;
    margin-left: 53px;
    margin-top: 15px;
}

.sale-right ul li {
    margin-bottom: 8px;
    font-size: 15px;
}

.square {
    display: block;
    float: left;
    width: 5px;
    height: 5px;
    background-color: #323f5a;
    transform: rotate(45deg);
    margin-right: 5px;
    margin-top: 8px;
}

/*荣誉资质*/
.index-honor {
    padding: 20px 0 30px 0;
    background: #f7f9fb;
}

.index-honor .title-wrap p {
    float: left;
}

.index-honor .title-wrap .title-text {
    font-size: 16px;
    margin-left: 30px;
    margin-top: 12px;
}

.honor-slideBox {
    float: left;
    margin-top: 20px;
}

.honor-slideBox .title {
    margin-bottom: 10px;
    font-size: 16px;
}

.honor-slideBox .honorScroll-left {
    /* width: 1200px; */
    height: 230px;
    background: white;
    overflow: hidden;
    position: relative;
}

.honorScroll-left .hd .prev {
    position: absolute;
    width: 24px;
    height: 52px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: bold;
    top: 50%;
    left: 19px;
    margin-top: -26px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
}

.honorScroll-left .hd .next {
    position: absolute;
    width: 24px;
    height: 52px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: bold;
    top: 50%;
    right: 19px;
    margin-top: -26px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
}

.honorScroll-left .bd {
    width: 1072px;
    position: absolute;
    left: 50%;
    margin-left: -536px;
    margin-top: 25px;
}

.honorScroll-left .bd ul li {
    width: 178px;
    margin-right: 35px;
    float: left;
    text-align: center;
}

.honorScroll-left .picList-img {
    width: 176px;
    height: 176px;
    background: #fff no-repeat center;
    background-size: cover;
    border: 1px solid #c5c5c5;
    margin-bottom: 11px;
}

/*企业风采*/
.index-company {
    padding: 20px 0 30px 0;
}

.company-slideBox {
    float: left;
    margin-top: 20px;
}

.company-slideBox .companyScroll-left {
    width: 1200px;
    height: 198px;
    background: white;
    overflow: hidden;
    position: relative;
}

.companyScroll-left .hd .prev {
    position: absolute;
    width: 24px;
    height: 52px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: bold;
    top: 50%;
    left: 19px;
    margin-top: -26px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
}

.companyScroll-left .hd .next {
    position: absolute;
    width: 24px;
    height: 52px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: bold;
    top: 50%;
    right: 19px;
    margin-top: -26px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
}

.companyScroll-left .bd {
    width: 1012px;
    position: absolute;
    left: 50%;
    margin-left: -506px;
    margin-top: 25px;
}

.companyScroll-left .bd ul li {
    width: 302px;
    margin-right: 63px;
    float: left;
    text-align: center;
}

.companyScroll-left .picList-img {
    width: 302px;
    height: 198px;
    background: no-repeat center;
    background-size: cover;
    margin-bottom: 0;
    position: relative;
    left: 0;
    margin-left: 0
}

/*无锡定位*/
.domestic-box .map-info .wuxi {
    top: 280px;
    left: 300px;
}

.domestic-box .map-info .wuxi .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .wuxi .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .wuxi .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*黑龙江定位*/
.domestic-box .map-info .heilongjiang {
    top: 80px;
    left: 280px;
}

.domestic-box .map-info .heilongjiang .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .heilongjiang .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .heilongjiang .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*长春定位*/
.domestic-box .map-info .changchun {
    top: 130px;
    left: 310px;
}

.domestic-box .map-info .changchun .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .changchun .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .changchun .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*沈阳定位*/
.domestic-box .map-info .shenyang {
    top: 140px;
    left: 240px;
}

.domestic-box .map-info .shenyang .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .shenyang .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .shenyang .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*北京定位*/
.domestic-box .map-info .beijing {
    top: 200px;
    left: 210px;
}

.domestic-box .map-info .beijing .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .beijing .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .beijing .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*河北定位*/
.domestic-box .map-info .hebei {
    top: 225px;
    left: 220px;
}

.domestic-box .map-info .hebei .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .hebei .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .hebei .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*太原定位*/
.domestic-box .map-info .taiyuan {
    top: 250px;
    left: 175px;
}

.domestic-box .map-info .taiyuan .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .taiyuan .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .taiyuan .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*郑州定位*/
.domestic-box .map-info .zhengzhou {
    top: 260px;
    left: 245px;
}

.domestic-box .map-info .zhengzhou .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .zhengzhou .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .zhengzhou .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*成都定位*/
.domestic-box .map-info .chengdu {
    top: 285px;
    left: 90px;
}

.domestic-box .map-info .chengdu .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .chengdu .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .chengdu .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*武汉定位*/
.domestic-box .map-info .wuhan {
    top: 295px;
    left: 205px;
}

.domestic-box .map-info .wuhan .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .wuhan .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .wuhan .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*重庆定位*/
.domestic-box .map-info .chongqing {
    top: 315px;
    left: 135px;
}

.domestic-box .map-info .chongqing .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .chongqing .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .chongqing .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*长沙定位*/
.domestic-box .map-info .changsha {
    top: 345px;
    left: 220px;
}

.domestic-box .map-info .changsha .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .changsha .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .changsha .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*南宁定位*/
.domestic-box .map-info .nanning {
    top: 395px;
    left: 210px;
}

.domestic-box .map-info .nanning .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .nanning .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .nanning .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*广州定位*/
.domestic-box .map-info .guangzhou {
    top: 425px;
    left: 245px;
}

.domestic-box .map-info .guangzhou .item-info {
    width: 305px;
    top: -100px;
    left: -135px;
}

.domestic-box .map-info .guangzhou .item-info>em {
    border-color: #00a4ff transparent transparent transparent;
    bottom: -41px;
    left: 130px;
}

.domestic-box .map-info .guangzhou .item-info>span {
    border-color: #FFF transparent transparent transparent;
    bottom: -39px;
    left: 130px;
}

/*头部*/
.header-wrap {
    /*height: 40px;*/
    /*border-bottom: 1px solid #ececec;*/
}

.header-wrap .headerList-left {
    float: left;
}

.header-wrap .headerList-left ul li {
    float: left;
    color: #666;
    margin-right: 50px;
    line-height: 40px;
}

.header-wrap .headerList-right {
    float: right;
}

.header-wrap .headerList-right ul li {
    float: left;
    color: #666;
    margin-left: 32px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
}

.wx-wrap {
    background: #fff;
    position: absolute;
    top: 42px;
    left: -50px;
    padding: 10px;
    z-index: 9999;
    display: none;
}

/*.header-wrap .headerList-right ul li.wxShow:hover .wx-wrap{
    display: block;
}*/

.wx-wrap b {
    background: url(../images/tf_18.png) no-repeat;
    width: 13px;
    height: 7px;
    display: block;
    position: absolute;
    right: 50%;
    top: -7px;
    margin-left: -6px;
}

.wx-wrap p.pic {
    padding: 5px 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.wx-wrap p.text {
    line-height: 26px;
    position: relative;
    text-align: center;
}

.header-wrap .headerList-right ul li a {
    color: #666;
}

.header-wrap .header-search {
    width: 141px;
    height: 24px;
    border: 0;
    padding-left: 25px;
    background: #eeeeee no-repeat;
    background-position: 5px;
    background-size: 13px 13px;
}

/*topNav*/
.topNav-wrap {
    position: relative;
}

.topNav-wrap .logo {
    width: 120px;
    height: 24px;
    margin: 23px 90px 23px 0;
    float: left;
}

.topNav-wrap .logo img {
    width: 100%;
}

.topNav-wrap .topNav-item {
    float: left;
}

.topNav-wrap .topNav-item li {
    float: left;
    margin-right: 50px;
    height: 67px;
    border-bottom: 3px solid transparent;
}

.topNav-wrap .topNav-item li:hover {
    border-bottom: 3px solid #323f5a;
}

.topNav-wrap .topNav-item li:last-child {
    margin-right: 0;
}

.topNav-wrap .topNav-item li a {
    line-height: 70px;
    display: block;
    font-size: 16px;
    letter-spacing: 1.5px;
    font-weight: bold;
}

.topNav-wrap .topNav-box {
    width: 100%;
    min-width: 1200px;
    background: #f6f7fa;
    padding-top: 25px;
    padding-bottom: 50px;
    position: absolute;
    display: none;
    z-index: 333;
}

.product-wrap .product-list:first-child {
    border-left: 0;
    padding-left: 0;

}

.product-wrap .product-list {
    float: left;
    border-left: 1px solid #d7d7d7;
    padding-left: 90px;
    padding-right: 90px;
}

.product-wrap .product-list:last-child {
    padding-right: 0;
}

.product-wrap .product-list p {
    color: #e70010;
    font-size: 18px;
    margin-bottom: 10px;
}

.product-wrap .product-list ul li {
    margin-bottom: 8px;
}

.topNavBox-item .topNav-list {
    display: none;
}

.headImg-wrap {
    width: 100%;
    min-width: 1200px;
    height: auto;
    position: relative;
}

.headImg-wrap .bd ul li {
    width: 100%;
    height: auto;
    max-height: 480px;
    zoom: 1;
}

.headImg-wrap .bd ul li img {
    width: 100%;
    display: block
}

.headImg-wrap .hd ul {
    position: absolute;
    z-index: 333;
    left: 50%;
    margin-left: -33px;
    bottom: 27px;
}

.headImg-wrap .hd ul li.on {
    background: #d8d8d8;
}

.headImg-wrap .hd ul li {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    /* Firefox */
    -webkit-border-radius: 50%;
    /* Safari and Chrome */
    border: 1px solid #d8d8d8;
    margin-right: 10px;
    behavior: url(../js/ie-css3.htc);
}

/*底部*/
.footer-wrap {
    background: #383d41;
    width: 100%;
    min-width: 1200px;
    padding: 25px 0;
    color: #d7d8d9;
}

.footer-wrap .footer-left {
    margin-right: 60px;
}

.footer-wrap .footer-left,
.footer-wrap .footer-middle {
    float: left;
}

.footer-wrap .footer-right {
    float: right;
    text-align: center;
    margin-top: -35px;
    margin-right: 80px;
}

.footer-wrap .footer-left .footer-img {
    width: 45px;
    height: 45px;
    float: left;
    margin-right: 17px;
}

.footer-wrap .footer-left .footer-img img {
    width: 100%;
}

.footer-wrap .footer-left .footer-tell {
    color: #d7d8d9;
    float: left;
    margin-bottom: 30px;
}

.footer-wrap .footer-left .footer-tell p:nth-child(1) {
    margin-bottom: 3px;
}

.footer-wrap .footer-left .footer-tell p:nth-child(2) {
    font-size: 17px;
    margin-bottom: 15px;
}

.footer-wrap .footer-left .footer-tell ul li {
    margin-bottom: 5px;
    cursor: pointer;
    position: relative;
}

.footer-wrap .footer-left .footer-tell ul li a {
    color: #d7d8d9;
}

.footer-middle {
    padding: 0 20px 10px 20px;
    border-left: 1px solid #d7d8d9;
    border-right: 1px solid #d7d8d9;
}

.footer-middle .footer-item .footer-list {
    float: left;
    margin: 0 55px 0 55px;

}

.footer-middle .footer-item .footer-list p {
    margin-bottom: 15px;
    font-size: 15px;

}

.footer-middle .footer-item .footer-list ul li {
    margin-bottom: 5px;
    color: #9b9ea0
}

.footer-middle .footer-item .footer-list ul li a {
    color: #9b9ea0
}

.qrCode {
    width: 90px;
    height: 90px;
    background: #fff;
    margin-bottom: 15px;
    margin-top: 35px;
}

.qrCode img {
    width: 100%;
}

.topNav-item li.nav-active {
    border-bottom: 3px solid #323f5a;
}

.smallNav-wrap {
    position: relative;
}

.smallNav-wrap .smallNav-item {
    margin-bottom: 25px;
    color: #6b798e;
    cursor: pointer;
    width: 200px;
    font-size: 14px;
    letter-spacing: 1px;
}

.smallNav-wrap .smallNav-item.smallNav-active {
    color: #313f5a;
    font-weight: 900;
}

.smallNav-wrap .smallNav-list {
    position: absolute;
    left: 190px;
    top: 0;
    padding-left: 40px;
    margin-left: 20px;
    border-left: 1px solid #ddd;
    display: none;
}

.smallNav-wrap .smallNav-list.smallNav-show {
    display: block;
}

.smallNav-list ul li {
    float: left;
    letter-spacing: 1px;
    margin-right: 100px;
    margin-bottom: 15px;
    font-size: 15px;
}

.smallNav-wrap .smallNav-list ul li a:hover {
    color: #999;
}

/*产品中心*/
.productCenter-wrap {
    padding: 20px 0;
}

.productCenter-wrap .productCenter-left {
    width: 240px;
    float: left;
}

.productCenter-wrap .productCenter-right {
    width: 866px;
    border: 1px solid #ebedf0;
    float: right;
    padding: 15px;
}

.productCenter-wrap .productCenter-left .productCenter-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 29px;
}

.productSlide-wrap {
    width: 100%;
    margin-bottom: 28px;
}

.productSlide-item {
    width: 100%;
    border-top: 1px solid #ebedf0;
}

.productSlide-item .productSlide-title {
    display: block;
    padding: 17px 0;
    font-weight: bold;
    font-size: 15px;
}

.productSlide-list {
    display: none;
}

.productSlide-list a {
    display: block;
    padding: 10px;
    color: #79828f;
}

.productSlide-list a:hover {
    background: #f8f8f8;
}

.productSlide-title .up {
    width: 15px;
    height: 15px;
    float: right;
    margin-right: 10px;
    margin-top: 3px;
    display: none;
}

.productSlide-title .down {
    width: 15px;
    height: 15px;
    float: right;
    margin-right: 10px;
    margin-top: 3px;
}

.ad-bg {
    width: 240px;
    height: 114px;
    background: #efefef no-repeat center;
    background-size: cover;
}

.productCenterR-seat {
    padding-bottom: 10px;
    border-bottom: 1px solid #ebedf0;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.productCenterR-title {
    float: left;
}

.productCenterR-title p {
    letter-spacing: 1.5px;
    font-size: 18px;
    float: left;
    margin-top: -4px;
    font-weight: 900;
}

.productCenterR-title .line-big {
    width: 4px;
    height: 20px;
    background: #323e5a;
    float: left;
    margin-right: 10px;
}

.productCenterR-content {
    padding: 20px;
    float: left;
    width: 784px;
}

.productCenterR-content .productCenterR-box {
    width: 190px;
    height: 290px;
    box-shadow: 0 0 10px 0 rgba(80, 90, 109, 0.09);
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    padding: 30px;
    margin-bottom: 35px;
}

.productCenterR-content .productCenterR-box:hover {
    box-shadow: #e8e8e8 0 0 10px 4px;
}

.productCenterR-content .productCenterR-box:hover .box-title {
    color: #0d79ce;
}

.productCenterR-box .box-img {
    width: 156px;
    height: 73px;
    /*position: relative;
    left: 50%;
    float: left;
    margin-left: -78px;
    margin-bottom: 35px;*/
    margin: auto;
    margin-bottom: 35px;
    background: no-repeat center;
    background-size: contain;
}

.productCenterR-box .box-title {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.productCenterR-box .box-content {
    width: 100%;
    height: 98px;
    overflow: hidden;
    margin-bottom: 17px;
    color: #8f96a1;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.productCenterR-box .box-more {
    width: 68px;
    height: 23px;
    background: #323E5A;
    text-align: center;
    line-height: 23px;
    cursor: pointer;
}

.productCenterR-box .box-more>a {
    color: #fff;
}

.productDetail-box {
    width: 816px;
    height: 170px;
    background: #f4f6fb;
    margin-bottom: 30px;
    padding: 30px 25px 20px 25px;
}

.productDetail-box .productDetail-title {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 15px;
}

.productDetail-box .productDetail-content {
    line-height: 20px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 30px;
}

.memorabilia-hidden {
    padding-top: 5px;
    margin-bottom: 20px;
}

.productDetail-box .consult-btn {
    width: 100px;
    height: 30px;
    background: #333e5a;
    color: #fff;
    border: 0;
    cursor: pointer;
    -webkit-animation: bounceIn 1.5s infinite linear;
    -o-animation: bounceIn 1.5s infinite linear;
    animation: bounceIn 1.5s infinite linear;
}

.productDetail-introduce {
    padding: 20px;
    width: 824px;
    border: 1px solid #f4f6fb;
}

.productDetail-introduce .productDetail-content {
    padding: 20px;
    float: left;
    width: 784px;
    font-size: 14px;
}

.productDetail-item {
    display: none;
}

.productDetail-list {
    display: none;
}

.email-box {
    width: 240px;
    height: 114px;
    background: #efefef;
}

.iframe-box {
    width: 898px;
    height: 930px;
    float: right;
}

/*大事记-时间线*/
.memorabilia-item {
    margin-left: 20px;
    padding-left: 5px;
}

.read-more-mask {
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
}

.memorabilia-item .memorabilia-list {
    position: relative;
    padding-bottom: 10px;
    /*border-left: 1px solid #484e57;*/
}

.memorabilia-item .memorabilia-list p {
    padding-left: 20px;
    line-height: 22px;
    font-size: 14px;
    color: #666;
    position: relative;
    top: -7px;
}

.memorabilia-item .memorabilia-list .timeline-axis {
    position: absolute;
    /*left: -4.8px;*/
    top: 0px;
    z-index: 10;
    width: 8px;
    height: 8px;
    line-height: 20px;
    background-color: #484e57;
    color: #484e57;
    border-radius: 50%;
    text-align: center;
}

.lookMore {
    width: 130px;
    height: 40px;
    border: 1px solid #484e57;
    color: #484e57;
    background: white;
    position: relative;
    left: 50%;
    top: 50%;
    margin-top: 30px;
    margin-left: -65px;
    cursor: pointer;
}

.lookMore:hover {
    background: #484e57;
    color: white;
}

/*荣誉资质*/
.honor-box .honor-title {
    width: 10%;
    padding: 3px;
    background: #364e5d;
    line-height: 24px;
    text-align: center;
    color: white;
    margin-left: 5px;
    margin-bottom: 15px;
}

.honor-box .honor-imgBox {
    width: 185px;
    float: left;
    margin: 0 5px 20px 5px;
    text-align: center;
}

.honor-box .honor-imgBox .honor-img {
    width: 155px;
    height: 155px;
    background: #f3f8fb;
    margin-bottom: 10px;
    padding: 15px;
}

.honor-box .honor-imgBox .honor-img>div {
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: contain;
}

.honor-box .honor-imgBox p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/*新闻中心*/
.news-box {
    width: 754px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
    padding: 15px 15px 20px 15px;
}

.news-box:hover {
    box-shadow: #e8e8e8 0 0 10px 4px;
}

.news-box .news-img {
    width: 200px;
    height: 120px;
    background: no-repeat center;
    background-size: cover;
    float: left;
    margin-right: 30px;
    overflow: hidden;
}

.news-box .news-content {
    height: 120px;
}

.news-box .news-content a {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block;
}

.news-box .news-content a:hover {
    color: #0d79ce;
}

.news-box .news-content .news-detail {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}

.news-box .news-tips p {
    float: left;
    color: #cecece;
}

.news-box .news-tips p:nth-child(1) {
    float: left;
}

.news-box .news-tips p:nth-child(2) {
    float: right;
}

/*员工风采*/
.member-mienImg {
    float: left;
    width: 251px;
    height: 150px;
    background: #efefef;
    margin: 0 5px 10px 5px;
}

.talentIdea-title {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
}

.talentIdea-wrap {
    list-style-type: disc;
    text-align: left;
    color: #5e5e5e
}

.talentIdea-wrap li p {
    margin-bottom: 10px;
}

.project-title {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: left;
    margin-bottom: 15px;
}

.project-content {
    text-align: left;
}

.project-content .project-jieshao {
    text-indent: 2em;
    margin-bottom: 20px;
}

/*联系我们*/
.tellUs-box {
    width: 290px;
    height: 124px;
    padding: 20px;
    background: #faf9f9;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.tellUs-box p {
    margin-bottom: 10px;
    font-weight: bold;
}

.tellUs-box ul li {
    margin-bottom: 10px;
    color: #364e5d;
}

.tellUs-box ul li img {
    margin-right: 10px;
}

.view-title {
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}

.view-item li {
    margin-bottom: 10px;
    color: #364e5d;
}

.view-item li img {
    margin-right: 10px;
}

/*智慧城市建设*/
.cityBuild-wrap {
    padding: 20px 0;
}

.cityBuild-title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

.cityBuild-wrap .cityBuild-threeWrap {
    width: 100%;
    padding: 40px 0 0 0;
}

.cityBuild-wrap .cityBuild-threeWrap .cityBuild-item {
    width: 1px;
    height: 490px;
    background: #e4e4e4;
    position: relative;
    left: 50%;
    margin-left: -0.5px;
    padding-top: 90px;
}

.cityBuild-wrap .cityBuild-threeWrap .cityBuild-item li {
    width: 32px;
    height: 32px;
    background: no-repeat center;
    background-size: 100%;
    position: relative;
    left: -16px;
    margin: 0 0 155px 0;
}

.cityBuild-wrap .cityBuild-threeWrap .cityBuild-item li:nth-child(1) .cityBuild-block,
.cityBuild-wrap .cityBuild-threeWrap .cityBuild-item li:nth-child(3) .cityBuild-block {
    width: 465px;
    height: 102px;
    border: 1px solid #e4e4e4;
    position: absolute;
    left: 70px;
    top: -65.5px;
    padding: 32px 40px 32px 40px;
}

.cityBuild-wrap .cityBuild-threeWrap .cityBuild-item li:nth-child(2) .cityBuild-block {
    width: 465px;
    height: 102px;
    border: 1px solid #e4e4e4;
    position: absolute;
    left: -577px;
    top: -65.5px;
    padding: 32px 40px 32px 40px;
}

.cityBuild-wrap .cityBuild-threeWrap .cityBuild-item li:nth-child(2) .cityBuild-block:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 545px;
    top: 70px;
    border-left: 10px solid #e4e4e4;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.cityBuild-wrap .cityBuild-threeWrap .cityBuild-item li:nth-child(2) .cityBuild-block:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 545px;
    top: 71px;
    border-left: 9px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}

.cityBuild-item li:nth-child(1) .cityBuild-block:before,
.cityBuild-item li:nth-child(3) .cityBuild-block:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -10px;
    top: 70px;
    border-right: 10px solid #e4e4e4;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.cityBuild-item li:nth-child(1) .cityBuild-block:after,
.cityBuild-item li:nth-child(3) .cityBuild-block:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -9px;
    top: 71px;
    border-right: 9px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}

.cityBuild-item li:nth-child(1) .cityBuild-img,
.cityBuild-item li:nth-child(3) .cityBuild-img {
    width: 70px;
    height: 75px;
    position: absolute;
    top: -25.5px;
    left: -100px;
}

.cityBuild-item li .cityBuild-img:hover {
    -webkit-animation: tada 1s ease 1 0s both;
    animation: tada 1s ease 1 0s both;
}

.cityBuild-item li:nth-child(2) .cityBuild-img {
    width: 70px;
    height: 75px;
    position: absolute;
    top: -25.5px;
    left: 70px;
}

.cityBuild-item li .cityBuild-img img {
    width: 100%;
}

.cityBuild-item li .cityBuild-block p:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.cityBuild-item li .cityBuild-block p:nth-child(2) {
    color: #666666;
    letter-spacing: 2px;
    font-size: 19px;
    line-height: 35px;
}

/*新型智慧城市*/
.newCity-wrap {
    width: 100%;
    padding: 20px 0;
}

.newCity-wrap .newCity-title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 40px;
    color: white;
}

.newCity-boxWrap {
    padding-top: 40px;
    margin-bottom: 40px;
}

.newCity-boxWrap .newCity-box {
    width: 280px;
    float: left;
    margin-right: 174px;
    text-align: center;
}

.newCity-boxWrap .newCity-box:last-child {
    margin-right: 0;
}

.newCity-boxWrap .newCity-box .newCity-img {
    width: 100px;
    height: 100px;
    position: relative;
    left: 50%;
    float: left;
    margin-left: -50px;
    margin-bottom: 28px;
}

.newCity-boxWrap .newCity-box .newCity-img img {
    width: 100%;
}

.newCity-boxWrap .newCity-box .newCity-img img:hover {
    -webkit-animation: bounce 1s ease 1 0s both;
    animation: bounce 1s ease 1 0s both;
}

.newCity-boxWrap .newCity-box p {
    letter-spacing: 2px;
    font-size: 16px;
}

.promptly-box {
    width: 414px;
    height: 38px;
    line-height: 40px;
    border: 1px solid #fff;
    position: relative;
    left: 50%;
    margin-left: -208px;
    margin-bottom: 20px;
}

.promptly-box .promptly-search {
    width: 255px;
    height: 38px;
    border-right: 1px solid #fff;
    background: transparent;
    border-left: 0;
    border-bottom: 0;
    border-top: 0;
    float: left;
    color: white;
    padding-left: 40px;
    background: no-repeat center;
    background-position: 10px;
    background-size: 20px 20px;
}

.promptly-box .promptly-search::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.promptly-box .promptly-search::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(255, 255, 255, 0.6);
}

.promptly-box .promptly-search:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(255, 255, 255, 0.6);
}

.promptly-box .promptly-search:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.6);
}

.promptly-box .promptly-btn {
    float: left;
    width: 118px;
    height: 38px;
    background: transparent;
    color: #fff;
    border: 0;
    cursor: pointer;
}

/*平台框架*/
.framework-wrap {
    padding: 20px 0 30px 0;
}

/*系统介绍*/
.system-wrap {
    width: 100%;
    min-width: 1200px;
    padding: 20px 0;
    background-image: linear-gradient(to top, #4082f3, #446bd1);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#446bd1', endColorStr='#4082f3', gradientType='0');
}

.system-wrap .systemBox-wrap {
    width: 100%;
    padding: 40px 0;
}

.system-wrap .systemBox-wrap .system-box {
    border-right: 1px solid #d5d5d5;
    width: 199px;
    height: 390px;
    float: left;
    background: white;
}

.system-wrap .systemBox-wrap .system-box:last-child {
    border-right: 0;
}

.detailList-content {
    height: 65px;
    width: 90%;
    float: left;
}

.system-wrap .systemBox-wrap .system-box .systemBox-show {
    width: 96px;
    height: 360px;
    padding: 30px 35px 0 35px;
    text-align: center;
    float: left;
}

.system-wrap .systemBox-wrap .system-box .systemBox-show .systemBox-title {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.system-wrap .systemBox-wrap .system-box .systemBox-show .systemBox-content {
    color: #888;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.system-wrap .systemBox-wrap .system-box .systemBox-show .system-item {
    text-align: center;

}

.system-wrap .systemBox-wrap .system-box .systemBox-show .system-item li {
    margin-bottom: 39px;
    font-size: 14px;
}

.system-wrap .systemBox-wrap .system-box .systemBox-show .system-item li img {
    margin-right: 8px;
    width: 13px;
    margin-top: -2px;
}

.system-box .hide {
    display: none;
}

.system-wrap .systemBox-wrap .system-box.box-small {
    width: 166px;
    height: 390px;
    position: relative;
    top: 50px;
}

.system-wrap .systemBox-wrap .system-box.systemBox-hidden {
    width: 365px;
    height: 490px;
    border-right: 0;
    box-shadow: 1.7px 1.1px 10px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    -webkit-animation: pulse 1s ease 1 0s both;
    animation: pulse 1s ease 1 0s both;
    /*animation: ;*/
}

.systemBox-hidden .show {
    display: block;
}

.systemBox-detail {
    display: none;
}

.systemBox-detail .detail-title {
    width: 345px;
    height: 50px;
    background: #368ff5;
    color: #fff;
    line-height: 50px;
    padding-left: 20px;
    font-size: 15px;
    letter-spacing: 1px;
}

.systemBox-detail .detail-item {
    width: 100%;
}

.systemBox-detail .detail-item li {
    width: 325px;
    padding: 20px;
    height: 70px;
}

.systemBox-detail .detail-item li:hover {
    background: #fafafa;
}

.systemBox-detail .detail-item li .detailList-content p:nth-child(1) {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

.systemBox-detail .detail-item li .detailList-content p:nth-child(2) {
    color: #777777;
}

/*联系我们*/
.tellUs-wrap {
    padding: 40px 0 20px 0;
}

.tellUs-wrap .tellUsBox {
    width: 1046px;
    box-shadow: 0 0 30px 0 rgba(32, 68, 88, 0.1);
    padding: 23px 77px 23px 77px;
}

.tellUs-wrap .tellUsBox .tellUs-headImg {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    /*background: #efefef;*/
    float: left;

    margin-right: 47px;
}

.tellUs-wrap .tellUsBox .tellUs-headImg img {
    width: 100%;
}

.tellUs-wrap .tellUsBox .tellUs-content {
    float: left;
    margin-top: 10px;
}

.tellUs-wrap .tellUsBox .tellUs-content p:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.tellUs-wrap .tellUsBox .tellUs-content p:nth-child(2) {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #e94848;
    margin-bottom: 29px;
}

.tellUs-wrap .tellUsBox .tellUs-content p:nth-child(3) {
    color: #4d5053;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 20px;
    margin-bottom: 43px;
}

.tellUs-wrap .tellUsBox .tellUs-content p:nth-child(1) span {
    font-size: 16px;
    color: #666666;
    letter-spacing: 1px;
    margin-left: 15px;
    font-weight: 100;
}

.tellUs-btn {
    width: 132px;
    height: 42px;
    font-size: 16px;
    background: transparent;
    border: 1px solid #398df4;
    color: #398df4;
    margin-right: 25px;
    cursor: pointer;
}

.tellUs-btn:hover {
    background: #398df4;
    color: #fff;
}

.tellUs-btn {
    -webkit-animation: bounceIn 1.5s infinite linear;
    -o-animation: bounceIn 1.5s infinite linear;
    animation: bounceIn 1.5s infinite linear;
}

/*新型智慧城市*/
.newCityTab-wrap {
    padding: 20px 0 0 0;
}

.newCityTab-item .newCityTab-list {
    width: 210px;
    padding: 15px;
    border-bottom: 2px solid transparent;
    text-align: center;
    color: #666;
    font-size: 16px;
    float: left;
    position: relative;
    cursor: pointer;
}

.newCityTab-item .newCityTab-list.line-show {
    border-bottom: 2px solid #398df4;
    color: #398df4;
}

.newCityTab-item .newCityTab-list:hover {
    border-bottom: 2px solid #398df4;
    color: #398df4;
}

.newCityTab-item .newCityTab-list:hover:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -11px;
    bottom: -8px;
    border-right: 10px solid transparent;
    border-top: 6px solid #398df4;
    border-left: 10px solid transparent;
}

.newCityTab-item .newCityTab-list.line-show:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -11px;
    bottom: -8px;
    border-right: 10px solid transparent;
    border-top: 6px solid #398df4;
    border-left: 10px solid transparent;
}

.newCityTab-item .newCityTab-list .newCityTab-img {
    width: 48px;
    height: 48px;
    /* position: relative;
     left: 50%;
     float: left;
     margin-left: -24px;*/
    margin: auto;
    margin-bottom: 18px;
}

.newCityTab-item .newCityTab-list .newCityTab-img img {
    height: 100%;
    display: none;
}

.newCityTab-item .newCityTab-list .newCityTab-img img.img-show {
    display: block;
}

.newCityExample-wrap {
    width: 100%;
    min-width: 1200px;
    background: #f0f2f4;
    padding: 34px 0;
}

.newCityExample-wrap .newCityExample-item {
    width: 1200px;
    overflow: hidden;
    position: relative;
    display: none;
}

.newCityExample-wrap .newCityExample-item.active-show {
    display: block;
}

.newCityExample-item .bd {
    width: 1100px;
    position: relative;
    left: 50%;
    margin-left: -550px;
    margin-top: 25px;
}

.newCityExample-list li {
    width: 216px;
    height: 226px;
    float: left;
    margin-right: 20px;
    transition: 0.1s;
    background: #fff;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 22px;
}

.newCityExample-item .hd .next {
    width: 24px;
    height: 52px;
    opacity: 0.2;
    background-color: #2a2d48;
    line-height: 52px;
    text-align: center;
    color: white;
    display: block;
    position: absolute;
    right: 0;
    font-size: 20px;
    top: 50%;
    margin-top: -26px;
}

.newCityExample-item .hd .prev {
    width: 24px;
    height: 52px;
    opacity: 0.2;
    background-color: #2a2d48;
    line-height: 52px;
    text-align: center;
    color: white;
    display: block;
    position: absolute;
    left: 0;
    font-size: 20px;
    top: 50%;
    margin-top: -26px;
}

.newCityExample-list li .newCityExample-img {
    width: 52px;
    height: 52px;
    float: left;
    margin-right: 16px;
    margin-bottom: 25px;
    background: #e3e3e3 no-repeat center center;
    background-size: cover;
}

.newCityExample-list li .newCityExample-title {
    float: left;
}

.newCityExample-list li .newCityExample-title p:nth-child(1) {
    font-size: 16px;
    margin-bottom: 5px;
    width: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newCityExample-list li .newCityExample-title p:nth-child(2) {
    color: #666;
}

.newCityExample-list li button,
.newCityExample-list li a.show-detail {
    display: block;
    width: 84px;
    height: 28px;
    border: 1px solid #d1d1d1;
    text-align: center;
    line-height: 25px;
    background: transparent;
    color: #666666;
    /*  position: relative;
      left: 50%;
      margin-left: -43px;*/
    margin: auto;
    cursor: pointer;
}

.newCityExample-list li button:hover,
.newCityExample-list li a.show-detail:hover {
    background: #398df4;
    border: 1px solid transparent;
    color: #fff;
}

/*5年精细打磨*/
.customized-wrap {
    width: 100%;
    min-width: 1200px;
    height: 442px;
    padding: 20px 0;
    background: #f8f9fb url("../images/customized_bg.png") no-repeat;
    background-position: bottom;
    background-size: cover;
}

.customized-box1 {
    margin-bottom: 25px;
    width: 930px;
    position: relative;
    left: 50%;
    float: left;
    margin-left: -465px;
}

.customized-box1 .custonized-item .custonized-list {
    float: left;
}

.customized-box1 .custonized-item .custonized-list .custonized-btn {
    width: 80px;
    height: 34px;
    border: solid 1px #dadada;
    background: white;
    color: #999;
    position: relative;
    letter-spacing: 1px;
    float: left;
    cursor: pointer;
}

.customized-box1 .custonized-item .custonized-list .custonized-btn:hover {
    background: #378ce5;
    color: white;
    border: 1px solid #378ce5;
}

.customized-box1 .custonized-item .custonized-list .custonized-btn.checked {
    background: #378ce5;
    color: white;
    border: 1px solid #378ce5;
}

.customized-box1 .custonized-item .custonized-list .custonized-btn img {
    position: absolute;
    bottom: -8px;
    right: -8px;
    width: 18px;
    display: none;
}

.customized-box1 .custonized-item .custonized-list .custonized-line {
    width: 80px;
    height: 1px;
    background: #dadada;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 16.5px;
}

.customized-box {
    width: 471px;
    position: relative;
    left: 50%;
    float: left;
    margin-left: -235.5px;
    text-align: center;
}

.customized-box .name {
    width: 208px;
    height: 34px;
    background-color: #ffffff;
    border: solid 1px #dadada;
    float: left;
    margin-right: 21px;
    padding-left: 15px;
}

.customized-box .tellphone {
    width: 208px;
    height: 34px;
    background-color: #ffffff;
    border: solid 1px #dadada;
    padding-left: 15px;
    float: left;
}

.customized-wrap .zixun {
    width: 104px;
    height: 35px;
    background-color: #398df4;
    border: 0;
    color: white;
    cursor: pointer;
    margin-top: 15px;
    -webkit-animation: bounceIn 1.5s infinite linear;
    -o-animation: bounceIn 1.5s infinite linear;
    animation: bounceIn 1.5s infinite linear;
}

/*集客业务专题*/
.challenge-wrap {
    padding: 20px 0;
}

.challenge-wrap .challenge-block {
    width: 547px;
    height: 130px;
    float: left;
    margin-right: 20px;
    padding: 42px 0 33px 33px;
    background: no-repeat;
    background-position: right bottom;
}

.challenge-wrap .challenge-block:nth-child(2),
.challenge-wrap .challenge-block:nth-child(4) {
    margin-right: 0;
    background-position: left top;
}

.challenge-wrap .challenge-block .challenge-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    float: left;
    margin-right: 51px;
}

.challenge-wrap .challenge-block .challenge-img img {
    width: 100%;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.challenge-wrap .challenge-block:hover .challenge-img img {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation: none;
    animation: none;
}

.challenge-block .challenge-content {
    float: left;
}

.challenge-block .challenge-content p:nth-child(1) {
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    background: no-repeat left bottom;
    background-size: auto 38px;
}

.challenge-block .challenge-content p:nth-child(2) {
    color: #666;
    letter-spacing: 1px;
    font-size: 15px;
    line-height: 25px;
}

/*我们能为你做什么*/
.whatDo-wrap {
    width: 100%;
    padding: 0 0 20px 0;
    position: relative;
}

.whatDo-wrap .whatDo-box {
    width: 1173px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}

.whatDo-wrap .whatDo-box .whatDo-block {
    width: 476px;
    float: left;
    padding: 15px 27px 15px 27px;
    margin-bottom: 32px;
    margin-right: 109px;
    border: 1px solid #cacaca;
}

.whatDo-wrap .whatDo-box .whatDo-block:hover .whatDo-img img {
    -webkit-animation: swing 1s ease 1 0s both;
    animation: swing 1s ease 1 0s both;
}

.whatDo-wrap .whatDo-box .whatDo-block:nth-child(2),
.whatDo-wrap .whatDo-box .whatDo-block:nth-child(4) {
    margin-right: 0;
}

.whatDo-wrap .whatDo-box .whatDo-block .whatDo-img {
    width: 40px;
    height: 50px;
    float: left;
    margin-right: 26px;
    text-align: center;
    margin-top: 8px;
}

.whatDo-wrap .whatDo-box .whatDo-block .whatDo-img img {
    width: 100%;
}

.whatDo-wrap .whatDo-box .whatDo-block:nth-child(2) .whatDo-img img {
    width: 85%;

}

.whatDo-wrap .whatDo-box .whatDo-block .whatDo-content {
    float: left;
    font-size: 15px;
}

.whatDo-wrap .whatDo-box .whatDo-block .whatDo-content p {
    margin-bottom: 5px;
    font-size: 16px;
    letter-spacing: 2px;
}

.whatDo-wrap .framework-box {
    width: 1200px;
    height: 294px;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0 0 30px 0 rgba(32, 68, 88, 0.1);
    position: absolute;
}

.top250 {
    width: 100%;
    height: 250px;
}

.zhihui {
    padding: 0 0 40px 0;
}

.zhihui-wrap {
    width: calc(100% - 2px);
    border: 1px solid #ececec;
}

.zhihui-wrap .zhihui-box {
    width: 398px;
    height: 520px;
    float: left;
    border-right: 1px solid #ececec;
}

.zhihui-wrap .zhihui-box:last-child {
    border-right: 0;
}

.zhihui-show {
    width: 100%;
    height: 100%;
}

.zhihui-title {
    width: 100%;
    height: 136px;
    background: #398df4;
    color: white;
    text-align: center;
    padding-top: 35px;
}

.zhihui-img {
    width: 50px;
    height: 50px;
    background: #efefef;
    position: relative;
    left: 50%;
    margin-left: -25px;
    margin-bottom: 10px;
}

.zhihui-img img {
    width: 100%;
}

.zhihui-title .zhihui-p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.zhihui-content {
    width: 100%;
    text-align: center;
    padding-top: 40px;
}

.zhihui-content ul li {
    font-size: 15px;
    margin-bottom: 40px;
}

.module-wrap .card-area {
    margin: 82px auto 0 auto;
    width: 1180px;
}

.module-wrap .card-area .card-item {
    z-index: 10;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    position: relative;
    float: left;
    width: 30%;
    height: 548px;
    background-color: transparent;
    border: 1px solid #DBDBDD;
}

.module-wrap .card-area .card-item+.card-item {
    margin-left: -1px;
}

.module-wrap .card-area .card-item .card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
}

.module-wrap .card-area .card-item .card .card-content {
    width: 100%;
    line-height: 2;
}

.module-wrap .card-area .card-item .card .card-content.content-first {
    -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
    -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
    -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
    transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
    z-index: 3;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}

.module-wrap .card-area .card-item .card .card-content.content-second {
    -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    line-height: 2;
}

.module-wrap .card-area .card-item .card .card-content.content-second li {
    float: left;
    width: 50%;
}

.module-wrap .card-area .card-item .card .card-content,
.module-wrap .card-area .card-item .card .card-title {
    position: absolute;
    left: 0;
    right: -1px;
    z-index: 1;
}

.module-wrap .card-area .card-item .card .card-title {
    background-color: #398df4;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    height: 170px;
    line-height: 26px;
    font-size: 14px;
    top: 0;
}

.module-wrap .card-area .card-item .card .card-title .content {
    position: relative;
    /*bottom: 17px;*/
    width: 100%;
    top: 17px;

}

.module-wrap .card-area .card-item .card .card-title h2,
.module-wrap .card-area .card-item .card .card-title p.card-title-p {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.module-wrap .card-area .card-item .card .card-title .short-info {
    color: #fff;
    font-size: 14px;
}

.module-wrap .card-area .card-item .card .card-title .ali-product-img {
    width: 55px;
    height: 55px;
    margin: 10px auto;
    position: relative;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.module-wrap .card-area .card-item .card .card-title .ali-product-img img {
    position: absolute;
    left: 0;
    width: 100%;
}

.module-wrap .card-area .card-item .card .card-title .ali-product-img .un-hover {
    z-index: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}

.module-wrap .card-area .card-item .card .card-title .ali-product-img .with-hover {
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}

.module-wrap .card-area .card-item .card .card-title h2,
.module-wrap .card-area .card-item .card .card-title p.card-title-p,
.module-wrap .card-area .card-item .card .card-title .short-info,
.module-wrap .card-area .card-item .card .card-title .ali-product-img img {
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.module-wrap .card-area .card-item .card .card-content {
    height: 376px;
    position: absolute;
    top: 170px;
}

.module-wrap .card-area .card-item .card .card-content.content-first .content-first-list {
    width: 100%;
    font-size: 16px;
    color: #373D41;
    margin-top: 47px;
    margin-bottom: 47px;
}

.module-wrap .card-area .card-item .card .card-content.content-first .content-first-list li {
    margin-bottom: 30px;
}

.module-wrap .card-area .card-item .card .card-content.content-second {
    max-width: 415px;
    left: 25px;
    font-size: 14px;
    color: #a9b0b4;
    text-align: left;
    padding-top: 26px;
}

.module-wrap .card-area .card-item .card .card-content.content-second .main-head {
    color: #373d41;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px;
}

.module-wrap .card-area .card-item .card .card-content.content-second .main-desc {
    line-height: 22px;
}

.module-wrap .card-area .card-item .card .card-content.content-second .main-btn {
    cursor: pointer;
    width: 100px;
    height: 30px;
    font-size: 14px !important;
    background-color: #fff;
    border: 1px solid #398df4;
    color: #398df4;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}

.module-wrap .card-area .card-item .card .card-content.content-second .main-btn:hover {
    color: #fff;
    background: #398df4;
}

.module-wrap .card-area .card-item .card .card-content .other-info {
    line-height: 22px;
    border-top: 1px solid #ebebec;
    padding-top: 20px;
    font-size: 12px;
}

.module-wrap .card-area .card-item .card .card-content .other-info .other-info-list {
    height: 80px;
    margin-bottom: 10px;
}

.module-wrap .card-area .card-item .card .card-content .other-info .other-info-list .other-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 80%;
}

.module-wrap .card-area .card-item .card .card-content .other-info .other-info-list .list-context {
    color: #398df4;
}

.module-wrap .card-area .card-item .card .card-content .other-info .other-head {
    font-size: 14px;
    font-weight: normal;
    color: #373d41;
}

.module-wrap .card-area .card-item.active {
    z-index: 100;
    border: 1px solid #398df4;
    box-shadow: 0 0 20px rgba(75, 205, 217, 0.5);
    width: 39.6%;
    height: 563px;
}

.module-wrap .card-area .card-item.active .card .ali-product-img {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.module-wrap .card-area .card-item.active .card .ali-product-img .un-hover {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}

.module-wrap .card-area .card-item.active .card .ali-product-img .with-hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}

.module-wrap .card-area .card-item.active .card .card-title {
    left: -1px;
    background-color: #267be3;
    height: 185px;
    top: -15px;
}

.module-wrap .card-area .card-item.active .card .card-title h2,
.module-wrap .card-area .card-item.active .card .card-title p.card-title-p,
.module-wrap .card-area .card-item.active .card .card-title .short-info {
    color: #fff;
}

.module-wrap .card-area .card-item.active .card .card-content.content-first {
    -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}

.module-wrap .card-area .card-item.active .card .card-content.content-second {
    -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
    -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
    -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
    transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
    z-index: 3;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}

/*为什么选择路通集客？*/
.choose-wrap {
    padding: 20px 0;
}

.choose-item {
    width: 800px;
    position: relative;
    left: 50%;
    margin-left: -400px;
    margin-bottom: 60px;
    padding-top: 40px;
}

.choose-item li {
    width: 158px;
    height: 42px;
    border-right: 1px solid #e4e4e4;
    float: left;
    padding-left: 40px;
    text-align: center;
    position: relative;
}

.choose-item li:last-child {
    border-right: 0;
}

.choose-item li p:nth-child(1) {
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    left: 75px;
}

.choose-item li p:nth-child(2) {
    position: absolute;
    font-size: 20px;
    color: #666666;
    font-weight: 100;
    top: 30px;
    left: 55px;
    letter-spacing: 2px;
}

.choose-box {
    width: 1200px;
    margin: 0 auto;
    height: 418px;
    box-shadow: 0px 10px 30px 0 rgba(32, 68, 88, 0.1);
    background: no-repeat center;
    /*background-size: 100%;*/
}

.choose-box p:nth-child(1) {
    font-size: 25px;
    margin-bottom: 10px;
}

.choose-box p:nth-child(2) {
    font-size: 27px;
    margin-bottom: 50px;
    color: #ef2d2d;
    letter-spacing: 1px;
    font-weight: bold;
}

.xiaoshou-wrap li {
    float: left;
    text-align: center;
    margin-bottom: 44px;
    margin-right: 80px;
}

.xiaoshou-wrap li span {
    font-size: 15px;
}

.xiaoshow-imgWrap {
    float: left;
}

.xiaoshow-imgWrap div img {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.xiaoshow-imgWrap div img:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation: none;
    animation: none;
}

/* 分页样式 */
.pagination {
    margin: 20px;
}

.pagination li.thisclass {
    background: #323f5a none repeat scroll 0 0;
    color: #fff;
}

.pagination li {
    border: 1px solid #dddddd;
    display: block;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-right: 5px;
    padding: 0 12px;
}

/*返回顶部*/
#roll {
    display: none;
    /* position: absolute; */
    /* bottom: 0;
    right: 5%;
    width: auto;
    min-width: 0; */
    z-index: 999;
    top: 700px
}

#roll_top {
    cursor: pointer;
    bottom: 20px;
    position: absolute;;
    width: 48px;
    height: 72px;
    margin-top: 8px;
    /* box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .15); */
    background: url(../images/top.png) no-repeat center center;
    background-size: 50%;
    z-index: 1000;
    right: -48px;
}

/*上一篇 下一篇*/
.productDetail-footer {
    width: 100%;
    background: #f4f6fb;
}

.productDetail-footer>div {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding-left: 25px;
    width: 45%;
}

.fl {
    float: left;
}

.productDetail-introduce>.footer {
    background-color: rgb(248, 248, 248);
    margin-bottom: 15px;
}

.productDetail-introduce>.footer>div {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 25px;
    color: #79828f;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 45%;
}

.productDetail-introduce>.footer>div a {
    color: #79828f;
}

/*关于我们*/
.aboutUs-title {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 0 8px 0;
    position: relative;
    margin-bottom: 18px;
    font-family: '黑体';
    background: no-repeat;
    background-position: bottom;
}

.aboutUs-title .aboutUs-line {
    width: 110px;
    height: 3px;
    background: #323f5a;
    position: absolute;
    left: 0;
    bottom: 0;
}

.aboutUs-item .aboutUs-list {
    list-style-type: square;
    font-size: 22px;
    font-family: '黑体';
}

.aboutUs-item .aboutUs-list h3 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: '黑体';
    margin-bottom: 20px;
    background: url("../images/about/title_bg.png") no-repeat;
    background-position: left 15px;
    /*margin-top: 2px;*/
}

.aboutUs-item .aboutUs-list .aboutUs-box {
    height: 800px;
    position: relative;
    margin-bottom: 47px;
}

.aboutUs-item .aboutUs-list .aboutUs-box .aboutUs-bg {
    width: 830px;
    height: 334px;
    position: absolute;
    top: 40px;
    background: url("../images/about/aboutUs_bg.png") no-repeat;
    background-size: 100% 100%;
    right: 0;
    z-index: -1;
}

.aboutUs-item .aboutUs-list .aboutUs-box .aboutUs-detail {
    width: 720px;
    height: 560px;
    padding: 64px 35px 33px 45px;
    box-shadow: 0px 2px 35px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    top: 145px;
    text-align: right;
    background: white;
}

.aboutUs-item .aboutUs-list .aboutUs-box .aboutUs-img {
    width: 453px;
    /*height: 329px;*/
    /*background: #efefef;*/
    position: absolute;
}

.aboutUs-item .aboutUs-list .aboutUs-box .aboutUs-img img {
    width: 100%;
}

.aboutUs-item .aboutUs-list .aboutUs-box .aboutUs-detail p:nth-child(1) {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: '黑体';
}

.aboutUs-item .aboutUs-list .aboutUs-box .aboutUs-detail p:nth-child(2) {
    font-size: 12px;
    letter-spacing: 1.9px;
    font-family: '黑体';
    color: #666;
    margin-bottom: 36px;
}

.aboutUs-item .aboutUs-list .aboutUs-box .aboutUs-detail p:nth-child(3) {
    font-size: 18px;
    letter-spacing: 1px;
    font-family: '黑体';
    margin-bottom: 20px;
}

.aboutUs-item .aboutUs-list .aboutUs-box .aboutUs-detail p:nth-child(4),
.aboutUs-item .aboutUs-list .aboutUs-box .aboutUs-detail p:nth-child(5),
.aboutUs-item .aboutUs-list .aboutUs-box .aboutUs-detail p:nth-child(6) {
    font-size: 16px;
    letter-spacing: 0.6px;
    font-family: '黑体';
    color: #666;
    line-height: 1.88;
    text-align: left;
    text-indent: 2em;
    margin-bottom: 10px;
}

.aboutUs-item .aboutUs-list .aboutUs-box .aboutUs-detail p:nth-child(7) {
    width: 13px;
    height: 56px;
    background: #f5c919;
    position: absolute;
    right: 0;
    top: 60px;
}

.advantage-item {
    width: 800px;
    position: relative;
    left: 50%;
    margin-left: -400px;
    margin-bottom: 40px;
}

.advantage-item li {
    width: 158px;
    height: 42px;
    border-right: 1px solid #e4e4e4;
    float: left;
    padding-left: 40px;
    text-align: center;
    position: relative;
}

.advantage-item li:last-child {
    border-right: 0;
}

.advantage-item li p:nth-child(1) {
    position: absolute;
    font-size: 15px;
    font-weight: bold;
    left: 70px;
    color: #666666;
}

.advantage-item li p:nth-child(1) span {
    font-size: 25px;
}

.advantage-item li p:nth-child(2) {
    position: absolute;
    font-size: 15px;
    color: #333;
    font-weight: 100;
    top: 35px;
    left: 55px;
    letter-spacing: 2px;
}

.advantage-wrap {
    width: 100%;
    margin-bottom: 15px;
}

.advantage-wrap .advantage-box {
    float: left;
    width: 397px;
    height: 61px;
    border: solid 1px #c9c9c9;
    padding: 18px 11px 20px 17px;
    margin-right: 12px;
    margin-bottom: 12px;
}

.advantage-wrap .advantage-box:nth-child(2),
.advantage-wrap .advantage-box:nth-child(4) {
    margin-right: 0;
}

.advantage-wrap .advantage-box .advantage-img {
    width: 42px;
    height: 32px;
    float: left;
    margin-right: 22px;
    text-align: center;
}

.advantage-wrap .advantage-box .advantage-img img {
    height: 100%;
}

.advantage-wrap .advantage-box .advantage-content {
    float: left;
    width: 330px;
    margin-top: -5px;
}

.advantage-wrap .advantage-box .advantage-content p:nth-child(1) {
    font-size: 15px;
    margin-bottom: 8px;
}

.advantage-wrap .advantage-box .advantage-content p:nth-child(2) {
    font-size: 13px;
    letter-spacing: 1px;
}

/*园区内景*/
.scenery-wrap {
    width: 100%;
    margin-bottom: 20px;
}

.scenery-wrap .scenery-box {
    width: 276px;
    height: 178px;
    background: #efefef;
    float: left;
    margin-right: 18px;
    margin-bottom: 26px;
}

.scenery-wrap .scenery-box:nth-child(3) {
    margin-right: 0;
}

.scenery-wrap .scenery-content {
    text-indent: 2em;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #666666;
}

.exhibition-wrap {
    width: 100%;
    height: 664px;
    background: url("../images/about/exhibition_bg.png") no-repeat;
    margin-bottom: 25px;
    background-size: 100%;
}

.exhibition-wrap .exhibition-box {
    width: 829px;
    /*height: 190px;*/
    padding: 13px;
}

.exhibition-wrap .exhibition-box:nth-child(1) .exhibition-left,
.exhibition-wrap .exhibition-box:nth-child(3) .exhibition-left {
    width: 265px;
    /*height: 185px;*/
    /*background: #efefef;*/
    float: left;
    margin-right: 55px;
}

.exhibition-wrap .exhibition-box:nth-child(1) .exhibition-left img,
.exhibition-wrap .exhibition-box:nth-child(3) .exhibition-left img {
    width: 100%;
}

.exhibition-wrap .exhibition-box:nth-child(2) .exhibition-left {
    float: left;
    position: relative;
    /*top: 50%;*/
    /*margin-top: -69.5px;*/
    margin-top: 15px;
}

.exhibition-wrap .exhibition-box:nth-child(2) .exhibition-right img {
    width: 100%;
}

.exhibition-wrap .exhibition-box:nth-child(2) .exhibition-title {
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: "黑体";
    margin-bottom: 16px;
}

.exhibition-wrap .exhibition-box:nth-child(2) .exhibition-right {
    width: 265px;
    height: 185px;
    background: #efefef;
    float: right;
    margin-right: 55px;
}

.exhibition-wrap .exhibition-box:nth-child(1) .exhibition-right,
.exhibition-wrap .exhibition-box:nth-child(3) .exhibition-right {
    float: left;
    position: relative;
    /*top: 50%;*/
    /*margin-top: -69.5px;*/
    margin-top: 15px;
}

.exhibition-wrap .exhibition-box:nth-child(1) .exhibition-title,
.exhibition-wrap .exhibition-box:nth-child(3) .exhibition-title {
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: "黑体";
    margin-bottom: 16px;
}

.exhibition-wrap .exhibition-box:nth-child(1) .exhibition-title .exhibition-line,
.exhibition-wrap .exhibition-box:nth-child(3) .exhibition-title .exhibition-line {
    margin-top: 10px;
    width: 20px;
    height: 4px;
    background-color: #323f5a;
}

.exhibition-wrap .exhibition-box:nth-child(2) .exhibition-title .exhibition-line {
    margin-top: 10px;
    width: 20px;
    height: 4px;
    background-color: #323f5a;
}

.exhibition-wrap .exhibition-box:nth-child(1) .exhibition-right>p,
.exhibition-wrap .exhibition-box:nth-child(3) .exhibition-right>p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #666666;
    width: 399px;
}

.exhibition-wrap .exhibition-box:nth-child(2) .exhibition-left>p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #666666;
    width: 399px;
}

/*董事长致辞*/
.speech-wrap {
    width: 779px;
    height: 364px;
    padding: 26px 47px 0 40px;
    box-shadow: 0 0 30px 0 rgba(32, 68, 88, 0.1);
    margin-bottom: 25px;
    background-size: 100%;
    background: no-repeat;
}

.speech-wrap .speech-headImg {
    width: 100px;
    height: 100px;
    /*background: #efefef;*/
    float: left;
    margin-right: 38px;
    border-radius: 50%;
}

.speech-wrap .speech-content {
    float: left;
    width: 640px;
}

.speech-wrap .speech-content p {
    margin-top: 15px;
    margin-bottom: 35px;
}

.speech-wrap .speech-content p span:nth-child(1) {
    font-size: 17px;
    letter-spacing: 1px;
    margin-right: 19px;
}

.speech-wrap .speech-content p span:nth-child(2) {
    font-size: 14px;
    letter-spacing: 1px;
}

.speech-wrap .speech-content p:nth-child(2),
.speech-wrap .speech-content p:nth-child(3) {
    font-size: 15px;
    line-height: 30px;
    color: #43464a;
    text-indent: 2em;
    margin-bottom: 0;
    /*margin-bottom: px;*/
}

/*资质荣誉*/
.honour-wrap {
    width: 100%;
    height: 138px;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}

.honour-wrap .hd .prev {
    position: absolute;
    width: 24px;
    height: 52px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: bold;
    top: 50%;
    left: 0;
    margin-top: -26px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
}

.honour-wrap .hd .next {
    position: absolute;
    width: 24px;
    height: 52px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: bold;
    top: 50%;
    right: 0;
    margin-top: -26px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
}

.honour-wrap .bd {
    width: 800px;
    position: absolute;
    left: 50%;
    margin-left: -400px;
}

.honour-wrap .bd .honour-item .honour-list {
    width: 138px;
    margin-right: 26px;
    float: left;
    text-align: center;
}

.honour-wrap .picList-img {
    width: 136px;
    height: 136px;
    background: #fff no-repeat center;
    background-size: cover;
    border: 1px solid #c5c5c5;
    margin-bottom: 11px;
}

/*路通愿景*/
.lootom-vision {
    width: 100%;
    height: 390px;
    position: relative;
    margin-bottom: 25px;
    background: url("../images/about/vision_bg.png") no-repeat;
    background-size: 100%;
}

.lootom-vision .vision-right {
    width: 390px;
    height: 452px;
    position: absolute;
    right: 36px;
    top: -62px;
}

.lootom-vision .vision-right img {
    width: 100%;
}

.lootom-vision .vision-left {
    padding-left: 22px;
    float: left;
}

.aboutUs-list .lootom-vision .vision-left h3 {
    font-size: 18px;
    float: left;
    margin-right: 5px;
    margin-bottom: 35px;
    background: transparent;
}

.lootom-vision .vision-left .sanjiao {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #b6b6b6 transparent transparent transparent;
    float: left;
    margin-top: 11px;
}

.lootom-vision .vision-left ul li {
    margin-bottom: 30px;
}

.lootom-vision .vision-left ul li .vision-num {
    width: 28px;
    height: 20px;
    background: no-repeat;
    background-size: 100%;
    color: white;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    float: left;
    margin-right: 10px;
}

.lootom-vision .vision-left ul li .vision-content {
    float: left;
}

.lootom-vision .vision-left ul li .vision-content p:nth-child(1) {
    font-size: 17px;
    letter-spacing: 1px;
    margin-top: -3px;
    color: #e58223;
    margin-bottom: 8px;
}

.lootom-vision .vision-left ul li .vision-content p:nth-child(2) {
    font-size: 14px;
    color: #666;
}

/*员工风采*/
.staff-box {
    width: 100%;
    height: 190px;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    background: #f7f9fb;
}

.staff-box .hd .prev {
    position: absolute;
    width: 24px;
    height: 52px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: bold;
    top: 50%;
    left: 0;
    margin-top: -26px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
}

.staff-box .hd .next {
    position: absolute;
    width: 24px;
    height: 52px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: bold;
    top: 50%;
    right: 0;
    margin-top: -26px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
}

.staff-box .bd {
    width: 750px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -69px;
    margin-left: -375px;
}

.staff-box .bd .honour-item .honour-list {
    width: 210px;
    height: 138px;
    background: #fff;
    margin-right: 66px;
    float: left;
    text-align: center;
}

/*人才理念*/
.idea-wrap {
    width: 100%;
    background: url("../images/about/idea-bg.png") no-repeat;
    background-size: 100%;
    background-position: -24px -5px;
}

.idea-wrap .idea-box {
    width: 433px;
    height: 152px;
    float: left;
}

.idea-wrap .idea-box .idea-title {
    height: 38px;
    font-size: 17px;
    position: relative;
    margin-bottom: 21px;
    background: no-repeat;
    background-position: left bottom;
}

.idea-wrap .idea-box .idea-title p {
    position: absolute;
    bottom: -5px;
    font-size: 18px;
}

.idea-wrap .idea-box p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

/*企业价值观*/
.corporateValues-wrap {
    width: 100%;
    margin-bottom: 30px;
}

.corporateValues-wrap .corporateValues-box {
    width: 173px;
    float: left;
}

.corporateValues-wrap .corporateValues-box .corporateValues-img {
    width: 70px;
    /*height: 70px;*/
    /*background: #efefef;*/
    margin-bottom: 10px;
    position: relative;
    left: 50%;
    margin-left: -35px;
    border-radius: 50%;
}

.corporateValues-wrap .corporateValues-box .corporateValues-img img {
    width: 100%;
}

.corporateValues-wrap .corporateValues-box .corporateValues-title {
    font-size: 15px;
    letter-spacing: 1px;
    float: left;
    margin-bottom: 25px;
}

.corporateValues-wrap .corporateValues-box .corporateValues-title .corporateValues-line {
    width: 47px;
    height: 1px;
    background: #d3d3d3;
    float: left;
    margin-top: 11px;
}

.corporateValues-wrap .corporateValues-box .corporateValues-title .corporateValues-dian {
    width: 5px;
    height: 5px;
    background: #f5c919;
    border-radius: 50%;
    float: left;
    margin-top: 9px;
}

.corporateValues-wrap .corporateValues-box .corporateValues-title p {
    float: left;
    margin: 0 5px 0 5px;
    color: #333;
    font-size: 15px;
}

.corporateValues-wrap .corporateValues-box p {
    font-size: 13px;
    color: #666;
    text-align: center;
}

/*关于我们-员工风采*/
.personnel-wrap {
    width: 554px;
    height: 321px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -277px;
    margin-top: 30px;
}

.personnel-wrap .hd .next {
    width: 15%;
    height: 100%;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
    text-align: center;
    position: absolute;
    left: auto;
    right: 0;
    color: rgba(255, 255, 255, 0.49);
    font-size: 28px;
    line-height: 315px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    display: none;
}

.personnel-wrap .hd .next:hover {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.personnel-wrap .hd .prev {
    width: 15%;
    height: 100%;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
    text-align: center;
    position: absolute;
    left: 0;
    color: rgba(255, 255, 255, 0.49);
    font-size: 28px;
    line-height: 315px;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    display: none;
}

.personnel-wrap .hd .prev:hover {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.personnel-wrap .bd {
    position: absolute;
    z-index: -1;
}

.personnel-wrap .bd .personnel-item li {
    width: 554px;
    height: 321px;
    background: #efefef;
    float: left;
    text-align: center;
}

#customer .customer {
    display: inline-block;
    /*min-width: 120px;*/
    padding: 0 6px;
    font-size: 14px;
    background: url(../images/customer/bg.png) no-repeat center center;
}

#customer .state {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    top: -3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* 商桥代码 */
.float0831 {
    POSITION: fixed;
    TOP: 180px;
    RIGHT: 1px;
    _position: absolute;
    z-index: 2000;
}

.float0831 A {
    COLOR: #00a0e9
}

.float0831 A:hover {
    COLOR: #ff8100;
    TEXT-DECORATION: none
}

.float0831 .floatL {
    POSITION: relative;
    WIDTH: 28px;
    FLOAT: left
}

.float0831 .floatL A {
    TEXT-INDENT: -9999px;
    DISPLAY: block;
    FONT-SIZE: 0px
}

.float0831 .floatR {
    BACKGROUND: url(../images/customer/float_bg.gif)
}

.float0831 .tp {
    BACKGROUND: url(../images/customer/float_bg.gif)
}

.float0831 .cn {
    BACKGROUND: url(../images/customer/float_bg.gif)
}

.float0831 .floatR {
    PADDING-BOTTOM: 15px;
    WIDTH: 130px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: -131px bottom;
    FLOAT: left;
    OVERFLOW: hidden
}

.float0831 .tp {
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: 0% 0%;
    HEIGHT: 10px
}

.float0831 .cn {
    BACKGROUND-REPEAT: repeat-y;
    BACKGROUND-POSITION: -262px 0px
}

.float0831 .cn H3 {
    TEXT-INDENT: -9999px;
    HEIGHT: 36px;
    FONT-SIZE: 0px
}

.float0831 .cn UL {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 14px;
    PADDING-RIGHT: 14px;
    PADDING-TOP: 0px
}

.float0831 .cn UL LI {
    BORDER-BOTTOM: #e6e5e4 1px solid;
    LINE-HEIGHT: 36px;
    WORD-WRAP: break-word;
    HEIGHT: 36px;
    OVERFLOW: hidden;
    WORD-BREAK: normal
}

.float0831 .titZx {
    BACKGROUND: url(../images/customer/float_s.gif) no-repeat
}

.float0831 .titDh {
    BACKGROUND: url(../images/customer/float_s.gif) no-repeat
}

.float0831 .titDc {
    BACKGROUND: url(../images/customer/float_s.gif) no-repeat
}

.float0831 .icoZx {
    BACKGROUND: url(../images/customer/float_s.gif) no-repeat
}

.float0831 .icoTc {
    BACKGROUND: url(../images/customer/float_s.gif) no-repeat
}

.float0831 .icoFf {
    BACKGROUND: url(../images/customer/float_s.gif) no-repeat
}

.float0831 .icoTl {
    BACKGROUND: url(../images/customer/float_s.gif) no-repeat;
}

.float0831 .btnOpen {
    BACKGROUND: url(../images/customer/float_s.gif) no-repeat
}

.float0831 .btnOpen_n {
    BACKGROUND: url(../images/customer/float_s.gif) no-repeat
}

.float0831 .btnCtn {
    BACKGROUND: url(../images/customer/float_s.gif) no-repeat
}

.float0831 .titZx {
    BACKGROUND-POSITION: 5px -10px
}

.float0831 .titDh {
    BACKGROUND-POSITION: 5px -66px
}

.float0831 .titDc {
    BACKGROUND-POSITION: 5px -124px
}

.float0831 .icoZx {
    BACKGROUND-POSITION: 2px -154px
}

.float0831 .icoTc {
    BACKGROUND-POSITION: 0px -323px
}

.float0831 .icoFf {
    BACKGROUND-POSITION: 2px -213px
}

.float0831 .icoTl {
    font-size: 12px;
    PADDING-LEFT: 12px;
    DISPLAY: block;
    BACKGROUND-POSITION: -5px -266px;
    FLOAT: left
}

.float0831 .btnOpen {
    BACKGROUND-POSITION: -30px -396px
}

.float0831 .btnOpen_n {
    BACKGROUND-POSITION: 0px -530px
}

.float0831 .btnCtn {
    BACKGROUND-POSITION: 0px -396px
}

.float0831 .icoZx {
    PADDING-LEFT: 28px;
    DISPLAY: block;
    FLOAT: left;
    font-size: 12px
}

.float0831 .icoTc {
    PADDING-LEFT: 28px;
    DISPLAY: block;
    FLOAT: left
}

.float0831 .icoFf {
    PADDING-LEFT: 28px;
    DISPLAY: block;
    FLOAT: left
}

.float0831 .btnOpen {
    POSITION: relative;
    WIDTH: 28px;
    HEIGHT: 118px;
    TOP: 80px;
    LEFT: 2px
}

.float0831 .btnOpen_n {
    POSITION: relative;
    WIDTH: 28px;
    HEIGHT: 118px;
    TOP: 80px;
    LEFT: 2px
}

.float0831 .btnCtn {
    POSITION: relative;
    WIDTH: 28px;
    HEIGHT: 118px;
    TOP: 80px;
    LEFT: 2px
}

.float0831 .btnOpen {
    TOP: 118px;
    LEFT: 1px
}

.float0831 .btnOpen_n {
    TOP: 118px;
    LEFT: 1px
}

.float0831 .btnCtn {
    TOP: 118px;
    LEFT: 2px
}

.float0831 UL LI H3.titDc A {
    WIDTH: 80px;
    DISPLAY: block;
    HEIGHT: 36px
}

.float0831 UL LI.top {
    BORDER-BOTTOM: #ace5f9 1px solid
}

.float0831 UL LI.bot {
    BORDER-BOTTOM-STYLE: none
}

.float0831 UL.webZx {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    WIDTH: 164px;
    PADDING-RIGHT: 0px;
    BACKGROUND: url(../images/webZx_bg.jpg) no-repeat;
    HEIGHT: 65px;
    PADDING-TOP: 0px
}

.float0831 UL LI.webZx-in {
    BORDER-BOTTOM-STYLE: none;
    PADDING-LEFT: 5px;
    HEIGHT: 50px;
    PADDING-TOP: 8px
}

/*应急广播平台*/
.emergency-policy {
    width: 100%;
    padding: 20px 0;
}

.emergency-effect {
    width: 100%;
    padding: 20px 0 40px 0;
}

.emergency-policy .emergency-leftWrap {
    width: 256px;
    height: 259px;
    padding: 35px 32px 35px 32px;
    background: no-repeat;
    background-size: 100% 100%;
    float: left;
}

.emergency-policy .emergency-leftWrap .policy-bgtitle {
    /*border-left: 9px solid #f3dd24;*/
    /*padding-left: 10px;*/
    margin-bottom: 20px;
    height: 41px;
}

.emergency-policy .emergency-leftWrap .policy-bgtitle p:nth-child(1) {
    font-family: PangMenZhengDao;
    font-size: 21.5px;
    font-weight: bold;
    letter-spacing: 1.9px;
    text-align: left;
    color: #ffffff;
}

.emergency-policy .emergency-leftWrap .policy-bgtitle p:nth-child(2) {
    font-family: HelveticaNeueLTPro-ThEx;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: left;
    color: #ffffff;
}

.emergency-policy .emergency-leftWrap .policy-bgcontent {
    font-family: PingFang-SC;
    font-size: 13.3px;
    line-height: 2;
    letter-spacing: 1px;
    text-align: left;
    margin-left: 5px;
    color: #ffffff;
}

.emergency-policy .emergency-rightWrap {
    width: 820px;
    float: right;
}

.emergency-policy .emergency-rightWrap .emergency-list .emergency-item {
    height: 72px;
    border-left: 1px solid #d4d4d4;
    position: relative;
}

.emergency-policy .emergency-rightWrap .emergency-list .emergency-item:last-child {
    border-left: 0
}

.emergency-policy .emergency-rightWrap .emergency-list .emergency-item .dianlog {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("../images/emergency/list_dian.png") no-repeat;
    background-size: 100% 100%;
    /*  background-image: linear-gradient(to top, #323f5a, #717783);
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.16);*/
    position: absolute;
    left: -8px;
}

.emergency-policy .emergency-rightWrap .emergency-list .emergency-item .emergency-itemContent {
    margin-left: 30px;
    float: left;
    margin-top: -5px;
}

.emergency-policy .emergency-rightWrap .emergency-list .emergency-item .emergency-itemContent p:nth-child(1) {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-align: left;
    color: #333333;
    margin-bottom: 5px;
}

.emergency-policy .emergency-rightWrap .emergency-list .emergency-item .emergency-itemContent p:nth-child(2) {
    letter-spacing: 0.8px;
    text-align: left;
    color: #666666;
    font-size: 15px;
}

/*实质推动，多地显成效*/
.emergency-effect .emergency-effectTitle {
    font-size: 16px;
    color: #333333;
    margin-left: 30px;
    margin-bottom: 20px;
}

.emergency-effect .emergency-effectWrap {
    width: 1200px;
    height: 460px;
    background-color: #f8f9fa;
    box-shadow: 0px 2px 8px 0 rgba(4, 0, 0, 0.12);
    border-top: 6px solid #323f5a;
}

.emergency-effect .emergency-effectWrap .effectImglist {
    width: 1000px;
    height: 254px;
    position: relative;
    left: 50%;
    margin-left: -500px;
    margin-top: 28px;
    margin-bottom: 40px;
}

.emergency-effect .emergency-effectWrap .effectImglist .effectImgItem {
    width: 189px;
    height: 100%;
    /*background: #fff;*/
    float: left;
    margin-right: 81px;
}

.emergency-effect .emergency-effectWrap .effectImglist .effectImgItem img {
    width: 100%;
    height: 100%;
}

.emergency-effect .emergency-effectWrap .effectImglist .effectImgItem:last-child {
    margin-right: 0;
}

.emergency-effect .emergency-effectWrap .effectlist {
    margin-left: 30px;
}

.emergency-effect .emergency-effectWrap .effectlist .effectItem {
    margin-bottom: 20px;
}

.emergency-effect .emergency-effectWrap .effectlist .effectItem p {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.8px;
    text-align: left;
    color: #666666;
}

/*应急广播系统总体架构*/
.emergency-system {
    width: 100%;
    padding: 20px 0;
}

.emergency-system .emergency-systemWrap {
    width: 1200px;
}

.emergency-system .emergency-systemWrap img {
    width: 100%;
}

/*应急广播路通建设优势*/
.emergency-advantages {
    width: 100%;
    padding: 20px 0;
}

.emergency-advantagesWrap .emergency-advantagesItem {
    width: 360px;
    height: 362px;
    float: left;
    margin-right: 60px;
    margin-bottom: 50px;
    box-shadow: 0px 1px 5px 0 rgba(24, 47, 90, 0.18);
}

.emergency-advantagesWrap .emergency-advantagesItem:hover .emergency-advantagesImg img {
    -webkit-animation: tada 1s ease 1 0s both;
    animation: tada 1s ease 1 0s both;
}

.emergency-advantagesWrap .emergency-advantagesItem:nth-child(3),
.emergency-advantagesWrap .emergency-advantagesItem:nth-child(6) {
    margin-right: 0
}

.emergency-advantagesWrap .emergency-advantagesItem .emergency-advantagesImg {
    width: 100%;
    height: 192px;
    padding-top: 50px;
    text-align: center;
}

.emergency-advantagesWrap .emergency-advantagesItem .emergency-advantagesImg p {
    font-size: 19px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1.4px;
    color: #333333;
}

.emergency-advantagesWrap .emergency-advantagesItem .emergency-advantagesContent {
    width: 321px;
    height: 64px;
    padding: 29px 16px 27px 23px;
    background-color: #f7f9fc;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: left;
    color: #5c6a81;
}

/*广电部门与应急广播*/
.emergency-department {
    width: 100%;
    padding: 20px 0 40px 0;
}

.emergency-department .emergency-departmentWrap .emergency-departmentItem {
    width: 220px;
    height: 226px;
    float: left;
    padding: 30px 40px 0 40px;

}

/*.emergency-department .emergency-departmentWrap .emergency-departmentItem:hover{*/
/*-webkit-animation: fliplnY 1s ease 1 0s both;*/
/*animation: fliplnY 1s ease 1 0s both;*/
/*}*/

.emergency-department .emergency-departmentWrap .emergency-departmentItem.departmentShow {
    box-shadow: 0px 1px 5px 0 rgba(24, 47, 90, 0.18);
}

.emergency-department .emergency-departmentWrap .emergency-departmentItem.departmentShow .departmentItem-img img {
    -webkit-animation: wobble 1s ease 1 0s both;
    animation: wobble 1s ease 1 0s both;
}

.emergency-department .emergency-departmentWrap .departmentShow .departmentItem-content.departmentShows {
    display: block;
}

/*.emergency-department .emergency-departmentWrap .emergency-departmentItem:hover {*/
/*background-color: #ffffff;*/
/*box-shadow: 0px 1px 5px 0 rgba(24, 47, 90, 0.18);*/
/*}*/

/*.emergency-department .emergency-departmentWrap .emergency-departmentItem:hover .departmentItem-content {
    display: block;
}*/

.emergency-department .emergency-departmentWrap .emergency-departmentItem .departmentItem-img {
    width: 54px;
    height: 54px;
    /*background: cornsilk;*/
    margin: 0 auto;
    margin-bottom: 22px;
}

.emergency-department .emergency-departmentWrap .emergency-departmentItem .departmentItem-img img {
    width: 100%;
    height: 100%;
}

.emergency-department .emergency-departmentWrap .emergency-departmentItem .departmentItem-title {
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 1.2px;
    color: #333333;
    text-align: center;
    margin-bottom: 10px;
}

.emergency-department .emergency-departmentWrap .emergency-departmentItem .departmentItem-content {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: 0.8px;
    text-align: left;
    color: #7a7c83;
    display: none;
}

/*应急广播应用场景*/
.emergency-scene {
    width: 100%;
    padding: 20px 0;
}

.emergency-scene .emergency-sceneList {
    margin-bottom: 30px;
}

.emergency-scene .emergency-sceneList h3 {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1.2px;
    text-align: left;
    color: #333333;
    margin-bottom: 15px;
}

.emergency-scene .emergency-sceneList .emergency-sceneItem {
    float: left;
    width: 280px;
    height: 282px;
    box-shadow: 0px 1px 5px 0 rgba(24, 47, 90, 0.18);
    margin-right: 26px;
}

.emergency-scene .emergency-sceneList .emergency-sceneItem:last-child {
    margin-right: 0
}

.emergency-scene .emergency-sceneList .emergency-sceneItem .sceneItem-img {
    width: 280px;
    height: 200px;
    /*background: #efefef;*/
    margin-bottom: 28px;
    overflow: hidden;
}

.emergency-scene .emergency-sceneList .emergency-sceneItem .sceneItem-img:hover img {
    transform: scale(1.2);
}

.emergency-scene .emergency-sceneList .emergency-sceneItem .sceneItem-img img {
    width: 100%;
    height: 100%;
    transition: 0.4s;
}

.emergency-scene .emergency-sceneList .emergency-sceneItem .sceneItem-title {
    text-align: center;
    width: 280px;
    font-size: 17px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 1.1px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*视播一体化平台*/
.emergency-platform {
    width: 100%;
    padding: 20px 0;
}

.emergency-platform .platformImg {
    width: 1200px;
}

.emergency-platform .platformImg img {
    width: 100%;
}

/*应急广播相关产品*/
.emergency-produce {
    width: 100%;
    padding: 20px 0;
}

.emergency-produce .emergency-produceWrap {
    width: 100%;
    padding-bottom: 40px;
    background-color: #f7f9fb;
}

.produce-slideBox {
    float: left;
    margin-top: 30px;
}

.produce-slideBox .title {
    margin-bottom: 10px;
    font-size: 16px;
}

.produce-slideBox .produceScroll-left {
    width: 1200px;
    height: 220px;
    background: white;
    overflow: hidden;
    position: relative;
}

.produceScroll-left .hd .prev {
    position: absolute;
    width: 24px;
    height: 52px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: bold;
    top: 50%;
    left: 19px;
    margin-top: -26px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
}

.produceScroll-left .hd .next {
    position: absolute;
    width: 24px;
    height: 52px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: bold;
    top: 50%;
    right: 19px;
    margin-top: -26px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
}

.produceScroll-left .bd {
    width: 1072px;
    position: absolute;
    left: 50%;
    margin-left: -536px;
    margin-top: 25px;
    /*background: cornflowerblue;*/
}

.produceScroll-left .bd ul li {
    width: 241px;
    margin-right: 35px;
    float: left;
    text-align: center;
}

.produceScroll-left .picList-img {
    width: 239px;
    height: 148px;
    background: #fff no-repeat center;
    background-size: contain;
    border: 1px solid #c5c5c5;
    margin-bottom: 11px;
    left: 0;
    margin-left: 0;
    /* position: relative;
     left:50%;
     margin-left: -66px;*/
}

.produceScroll-left .bd ul li p {
    font-size: 17px;
}

.produceScroll-left .picList-img img {
    width: 100%;
}

@media (min-width: 1200px) {
    .programme-content {
        min-width: 980.625px;
    }

}

@media (min-width:978px) and (max-width: 1200px) {
    .programme-content ul li .tel {
        font-size: 20px
    }

    .programme-content ul li .telnumber {
        font-size: 22px
    }

    .programme-content {
        min-width: 85%;
    }

    .programme-content ul li .applyBtn {
        height: 53px;
        line-height: 51px;
        font-size: 28px;
        padding: 0 20px;

    }

    .programme-content ul li .text {
        font-size: 20px;
        line-height: 65px;
    }

    .programme-content ul li:nth-child(2) {}
}

@media (min-width:767px) and (max-width: 978px) {
    .programme-content ul li .tel {
        font-size: 16px
    }

    .programme-content ul li .telnumber {
        font-size: 18px
    }

    .programme-content {
        min-width: 100%;
    }

    .programme-content ul li .applyBtn {
        height: 49px;
        line-height: 48px;
        font-size: 24px;
        padding: 0 16px;

    }

    .programme-content ul li .text {
        font-size: 16px;
        line-height: 61px;
    }
}

@media (max-width:767px) {

    .programme-content ul li .tel,
    .programme-content ul li .telnumber {
        font-size: 12px
    }

    .programme-content {
        min-width: 96%;

    }

    .programme-content ul li:nth-child(1) {
        padding: 0;
    }

    .programme-content ul li:nth-child(3) {
        padding: 0;
    }

    .programme-content ul li:nth-child(2) {
        padding: 0;
    }

    .programme-content ul li .applyBtn {
        height: 28px;
        line-height: 26px;
        font-size: 12px;
        padding: 0 6px;

    }

    .programme-content ul li .text {
        font-size: 12px;
        line-height: 34px;
        padding: 0;
    }
}
