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

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;
}
.header_1 h2{
    line-height: 46px;
}
.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: #168491
}

.blue-4bcdd9 {
    color: #3083f4;
}

.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: 27px
}

.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_1 {
    width: 100% ;
    /* min-width:1200px; */
    z-index: 99999;
    background: #fff;
    /* position: fixed; */
    top: 0;
}


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

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

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

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

.header_1 .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: #0455a7;
    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: #0455a7;
    letter-spacing: 10px;
    font-size: 20px;
}

.middle .logo-box .description {
    /*width: 720px;*/
    width: 700px;
}

.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_1 .bottom {
    width: 100%;
    min-width: 1200px;
    height: 46px;
    background-color: #0455a7
}

.header_1 .bottom .nav_box {
    height: 46px;
    line-height: 46px;
    width: 100%;
    display: inline-block;

}

.header_1 .bottom .nav_box > li {
    float: left;
    /*width: 136px;*/
    padding: 0 15px;
    /*border-right: 1px solid #fafafa;*/
    height: 46px;
    text-align: center;
    position: relative;
}
.nav_box > li.about_box:hover .about-list,
.nav_box > li.case_box:hover .products-center-wrap,
.nav_box > li.index:hover .index-lists {
    display: block;
}
.nav_box > li.case_box:hover .products-center-wrap{
    display: block !important;
}
.header_1 .bottom .nav_box > li:last-child {
    border-right: none;
}

.header_1 .bottom .nav_box > li:hover, .nav_box .active {
    background: rgba(13,77,142,1);
}

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

.header_1 .bottom .nav_box  li.active h2 a{
    color: #FFFFFF;
    font-size: 16px
}

.header_1 .bottom .nav_box > li .products-center-wrap{
    position: fixed;
    width: 1200px;
    min-width: 1200px;
    background: #063361;
    padding: 15px 0;
    /*left: 6%;*/
    left: 50%;
    margin-left: -600px;
    display: none;
    z-index: 9999;
}

.header_1 .bottom .nav_box > li .products-center-wrap .products-center-list-wrap{
    float: left;
    margin-right: 10px;
}
.header_1 .bottom .nav_box > li .products-center-wrap .products-center-list-wrap:nth-child(5n){
    margin-right: 0;
}

.header_1 .bottom .nav_box > li .products-center-wrap .products-center-list-wrap p{
    font-size: 14px;
    width: 170px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px 0 20px;
    text-align: left;
    position: relative;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 0.2px;
}

.header_1 .bottom .nav_box > li .products-center-wrap .products-center-list-wrap p img{
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    display: none;
}

.header_1 .bottom .nav_box > li .products-center-wrap .products-center-list-wrap .products-center-list:hover{
    /*background-color: #5680f5;*/
}

.header_1 .bottom .nav_box > li .products-center-wrap .products-center-list-wrap .products-center-list:hover p{
    color: #3083F4;
}

.header_1 .bottom .nav_box > li .products-center-wrap .products-center-list-wrap .products-center-list.list-active{
    /*background-color: #5680f5;*/
}

.header_1 .bottom .nav_box > li .products-center-wrap .products-center-list-wrap .products-center-list.list-active p{
    color: #3083F4;
}

.header_1 .bottom .nav_box > li .products-center-wrap .products-center-list-wrap .products-center-list.list-active p img{
    display: block;
}

.products-center-top{
    display: none;
}

.products-center-top.top-active{
    display: block;
}

.zhqyly-list-wrap{
    width: 100%;
    /*min-width: 194.73px;*/
    background: #063361;
    position: absolute;
    left: 0;
    display: none;
    z-index: 9999;
}

.zhqyly-list-wrap .zhqyly-list.list-active{
    /*background-color: #5680f5;*/

}

.zhqyly-list-wrap .zhqyly-list.list-active p{
    /*color: #fff;*/
    color:rgba(48,131,244,1);
}

.zhqyly-list-wrap .zhqyly-list:hover{
    /*background-color: #5680f5;*/
}

.zhqyly-list-wrap .zhqyly-list:hover p{
    color:rgba(48,131,244,1);
}

.zhqyly-list-wrap .zhqyly-list p{
    font-size: 14px;
    width: 162px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px 0 20px;
    text-align: left;
    position: relative;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 0.2px;
}

/*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: 30px;
    line-height: 30px;
}

.search .tag {
    color: #a4a4a4;
    /*width: 1200px;*/
    margin: 0 auto;
}

.search .tag a {
    /*color: #158390;*/
    color: #999;
    margin-left: 15px
}

.search .tag.standard > a {
    text-decoration: underline;
    padding-left: 18px;
    background: transparent url(../images/pdf.png) no-repeat left center;
}
.search .tag a:hover,
.search .tag a:active,
.search .tag a:focus {
    color: #0455a7;
}
.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
}

.search .tag .search-input .search-btn {
    background-color: #6c6c6c;
    color: #FFFFFF;
    border: 1px solid #7a7a7a;
    cursor: pointer;
    padding: 4px 8px;
    position: relative;
    left: -5px;
    line-height: 0;
}

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

/*首页 新版*/
.module-wrap .index-sale {
    min-height: 700px;
    width: 100%;
    padding-top: 74px;
    padding-bottom: 68px;
}

.module-wrap .index-sale-title {
    text-align: center;
    font-size: 24px;
    position: relative;
}

.module-wrap .index-sale-title > span {
    height: 0;
    display: inline-block;
    position: absolute;
    text-align: center;
    font-size: 64px;
    color: #4bcdd9;
    margin-right: 8px;
    top: -16px;
    left: 395px;
    /*bottom: -20px;*/
    font-weight: bold;
}

.module-wrap .index-sale-title > p {
    color: #999;
    font-size: 15px;
    width: 306px;
    display: block;
    margin-left: 454px;
}

.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: 22%;
    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: #4bcdd9;
    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: absolute;
    bottom: 17px;
    width: 100%;
}

.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: #373D41;*/
    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%;
    max-width: 250px;
    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: 350px;
    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 #4bcdd9;
    color: #4bcdd9;
    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: #4bcdd9;
}

.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;
    /*padding-right: 5px;*/
    margin-bottom: 10px;
}

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

.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 #4bcdd9;
    box-shadow: 0 0 20px rgba(75, 205, 217, 0.5);
    width: 33%;
    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: #168491;
    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));
}

/*index-title*/
.title > .main-title,
.title > .subtitle {
    text-align: center;
}

.title > .main-title {
    color: #333;
    font-size: 26px;
}

.title > .subtitle {
    color: #999999;
    font-size: 14px;
    margin-bottom: 10px;
}

/*immediately-consult*/
.immediately-consult {
    margin: 30px 0;
}

.immediately-consult .immediately {
    width: 100%;
    min-width: 1200px;
    padding: 10px 0;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bolder;
    background: url("../images/boxShadow.png") repeat-y;
    background-size: 100% 100%;
    text-align: center;
    position: relative;
}

.immediately-consult .immediately .telephone .advisory {
    height: 29px;
    line-height: 29px;
    padding-left: 40px;
    background: url("../images/telephone.png") no-repeat;

}

.immediately-consult .immediately .text {
    letter-spacing: 6px;
    /*width: 820px;*/
    margin: 10px 150px;
}

.immediately-consult .immediately .text .click {
    border: 2px solid #3083f4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 0 15px;
    -webkit-animation: bounceIn 1.5s infinite linear;
    -o-animation: bounceIn 1.5s infinite linear;
    animation: bounceIn 1.5s infinite linear;
    display: block;
    float: left;
    position: relative;
    font-size: 28px;
    margin-right: 20px;
    bottom: 5px;
}

.xl-call-btn button ,
button.details_btn,
.immediately-consult .immediately .bottom {
    -webkit-animation: bounceIn 1.5s infinite linear;
    -o-animation: bounceIn 1.5s infinite linear;
    animation: bounceIn 1.5s infinite linear;
    margin-top: 15px;
}

.immediately-consult .immediately .bottom a {
    padding: 8px 30px;
    border: 2px solid #3083f4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.immediately-consult .immediately .bottom a:link,
.immediately-consult .immediately .bottom a:active,
.immediately-consult .immediately .bottom a:visited {
    color: #3083f4;
}

.immediately-consult .immediately-bg {
    height: 64px;
    width: 100%;
    min-width: 1200px;
    background: url("../images/box-Shadow-bg.png") no-repeat;
    background-size: 100%;
}

/*index-news*/
.index-news .news-box {
    margin: 0 40px 20px 40px;
}

.index-news .news-item {
    width: 320px;
}

.index-news > .introduction {
    margin: 20px 40px;
    width: 715px;
}

.index-news .question {
    width: 320px;
}

.index-news .news-box .title {
    /*border-bottom: 1px solid #e5e5e5;*/
    margin: 15px 0;
    font-size: 20px;
    vertical-align: bottom;
}

.index-news .news-box .title em {
    color: #7c7c7c;
    font-size: 14px;
    margin-left: 10px;
}

.index-news .news-box .title .line {
    margin-top: 5px;
    width: 160px;
    background-color: #237AE8;
    height: 6px;
    top: 3px;
    position: relative;
}

.index-news .news-box .title .more {
    color: #3083f4;
    font-size: 12px;
    float: right;
    margin-top: 10px;
}

.index-news .news-box .news-list ul {
    width: 100%;
}

.index-news .news-box .news-list li a {
    color: #5f5f5f;
}

.index-news .news-box .news-list li .news-title {
    display: inline-block;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-news .news-box .news-list li .news-time {
    float: right;
}

.index-news .news-box .company {
}

.company .company-box .img-box {
    border: 2px solid #a2a2a2;
    width: 235px;
    height: 235px;
    overflow: hidden;
    float: left;
}

.company .company-box .img-box img {
    width: 100%;
}

.company .company-box .text-box {
    height: 220px;
    margin-left: 245px;
    padding: 10px;
    overflow: hidden;
}

.company .company-box .text-box p {
    font-size: 14px;
    line-height: 150%;
    text-indent: 2em;
}

.question .fa_con {
    position: relative;
    height: 235px;
    overflow: hidden;
}

.question .fa_con dl {
    padding: 12px 0;
    overflow: hidden;
}

.question .fa_con dl dt {
    font-weight: bolder;
    background: url(../images/wen.gif) no-repeat 0 center;
    padding: 0 0 0 32px;
}

.question .fa_con dl dd {
    color: #666;
    height: 39px;
    background: url(../images/da.gif) no-repeat 0 0;
    margin: 6px 0 0 0;
    padding: 0 0 0 32px;
    overflow: hidden;
}

.diploma .line {
    width: 240px !important;
}

.diploma .diploma-img .img-box {
    padding: 0 10px;
    width: 1100px;
    height: 286px;
    overflow: hidden;
    position: relative;
}

.diploma .diploma-img .img-box li {
    margin: 0 3px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.diploma .diploma-img .img-box li .pic img {
    width: 280px;
    height: 280px;
    display: block;
    padding: 2px;
}

.diploma > .team-style .img-box li .pic img {
    width: 180px;
    height: auto;
}

.diploma > .new-sign .img-box,
.diploma > .team-style .img-box {
    height: auto;
}

.diploma > .new-sign .img-box li .pic img {
    width: 200px;
    height: auto;
}

.diploma .diploma-img .img-left,
.panel-box .img-left,
.diploma .diploma-img .img-box,
.panel-box .tempWrap,
.diploma .diploma-img .img-right,
.panel-box .img-right {
    float: left;
}

.panel-box .img-left a,
.diploma .diploma-img .img-left a,
.panel-box .img-right a,
.diploma .diploma-img .img-right a {
    display: inline-block;
    width: 26px;
    height: 114px;
    margin-top: 86px;
}

.diploma > .team-style .img-left a,
.diploma > .team-style .img-right a {
    margin-top: 40px;
}
.panel-box .img-left a,
.panel-box .img-right a {
    margin-top: 70px;
}
.diploma > .new-sign .img-left a,
.diploma > .new-sign .img-right a {
    margin-top: 4px;
}

.panel-box .img-left a ,
.diploma .diploma-img .img-left a {
    background: url("../images/all.gif") no-repeat;
}

.panel-box .img-left a:hover ,
.diploma .diploma-img .img-left a:hover {
    background: url("../images/all02.gif") no-repeat;
}

.panel-box .img-right a ,
.diploma .diploma-img .img-right a {
    background: url("../images/alr.gif") no-repeat;
}

.panel-box .img-right a:hover ,
.diploma .diploma-img .img-right a:hover {
    background: url("../images/alr02.gif") no-repeat;
}

/*客户案例 首页*/
.solution .solution-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-flow: wrap;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.solution .solution-box .case-tab > li {
    /*width: 294px;*/
    width: 233px;
    text-align: center;
    margin: 0 4px;
    float: left;
    font-size: 18px;
    padding: 10px 0;
    color: #fefefe;
    cursor: pointer;
    position: relative;
    background-color: #4bcdd9;

}
.solution .solution-box .case-tab > li:first-child {
    margin-left: 0;
}
.solution .solution-box .case-tab > li:last-child {
    margin-right: 0;
}
.solution .solution-box .case-tab > li.active {
    background-color: #168491;
}
.solution .solution-box .case-tab > li.active:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 100%;
    left: calc(50% - 3em);
    border-top: 2em solid #168491;
    border-right: 3em solid transparent;
    border-left: 3em solid transparent;
}
.solution .solution-box .case-box {
    margin-top: 50px;
    background:  #168491;
    width: 100%;
    padding: 35px 0;
}
.solution .solution-box .case-box .case-box-item {
    display: none;
}
.solution .solution-box .case-box > .active {
    display: block;
}
.case-box .case-box-item em.img-left > a,
.case-box .case-box-item em.img-right > a{
    width: 43px;
    height: 43px;
}

.case-box .case-box-item em.img-left > a,
.case-box .case-box-item em.img-left > a:hover {
    background: url(../images/left-btn.png) no-repeat;
}
.case-box .case-box-item em.img-right > a,
.case-box .case-box-item em.img-right > a:hover {
    background: url(../images/right-btn.png) no-repeat;
}
.case-box .case-box-item {
    position: relative;
    height: 241px;
    overflow: hidden;
}
.case-box .case-box-item .picList {
    overflow:hidden;
}
.case-box .case-box-item .case-li {
    border: 1px solid #f0f0f0;
    width: 225px;
    height: 239px;
    background: #4bcdd9;
}
.over-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.case-box .case-box-item .case-li .top {
    margin-top: 20px;
}

.case-box .case-box-item .case-li .top .img{
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    margin: 0 20px;
    overflow: hidden;
    background: no-repeat center center;
    background-size: cover;
    float: left;
}
.case-box .case-box-item .case-li .top .img > img{
    width: 100%;
    height: 100%;
}
.case-box .case-box-item .case-li .top .title {
    font-size: 16px;
    float: left;
    width: 110px;
    color: #fefefe;
    vertical-align: middle;
}
.case-box .case-box-item .case-li .top .title > .sub {
    font-size: 12px;
}
.case-box .case-box-item .case-li .introduction {
    font-size: 14px;
    color: #fefefe;
    text-align: left;
    padding: 20px 10px;
}
.case-box .case-box-item .case-li .more {
    width: 90%;
    margin: auto;
    text-align: right;
}
.case-box .case-box-item .case-li .more > a {
    font-size: 14px;
    color: #f0f0f0;
    padding: 3px 10px;
    border: 1px solid #f0f0f0;
}
.case-box .case-box-item .case-li .more > a:hover {
    text-decoration: underline;
}


.solution .solution-box .solution-item {
    width: 30%;
    margin: 10px 1.5%;
    box-shadow: 0 0 5px 1px #ffffff;
    text-align: center;
    background: #fafafa url("../images/solution-bg.png") no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;

}

.solution .solution-box .solution-item:hover {
    -webkit-transform: translate3d(0px, -2px, 0px);
    -moz-transform: translate3d(0px, -2px, 0px);
    -ms-transform: translate3d(0px, -2px, 0px);
    -o-transform: translate3d(0px, -2px, 0px);
    transform: translate3d(0px, -2px, 0px);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.22);
    background-image: url("../images/solution-bg-hover.png");
    cursor: pointer;
}

.solution .solution-box .solution-item .solution-img {
    width: 128px;
    height: 128px;
    overflow: hidden;
    margin: 35px auto 0;
}

.solution .solution-box .solution-item .solution-img > img {
    width: 100%;
    height: 100%;
}

.solution .solution-box .solution-item .solution-title,
.solution .solution-box .solution-item .solution-int {
    margin: 20px 0;
    font-size: 20px;
    color: #444;
}

.solution .solution-box .solution-item:hover .solution-title,
.solution .solution-box .solution-item:hover .solution-int {
    color: #4bcdd9;
}

.solution .solution-box .solution-item .solution-title {
    margin-bottom: 0;
}

.solution .solution-box .solution-item .solution-int {
    margin-top: 0 !important;
    color: #656565;
}

.solution .solution-box .solution-item .box {
    width: 10%;
    margin: 20px auto;
    height: 8px;
    background: #444;
}

.solution .solution-box .solution-item:hover .box {
    background-color: #4bcdd9;
}

.solution .solution-box .solution-item .solution-info {
    overflow: hidden;
    width: 80%;
    margin: 15px auto;
    height: 70px;
    color: #888888;
    text-align: left;
    text-indent: 2em;
}

.solution .solution-box .solution-item .solution-more {
    color: #444444;
    padding: 8px 0;
    width: 35%;
    margin: 20px auto 35px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 16px;
    background: #f5f5f5;
    border: 1px solid #444;
}

.solution .solution-box .solution-item:hover .solution-more {
    border-color: #4bcdd9;
    background-color: #4bcdd9;
    color: #fff;
}

.solution .solution-box .consumer {
    float: left;
    width: 330px;
    text-align: center;
    margin: 20px;
    cursor: pointer;
}

.solution .solution-box .consumer .product-logo {
    border: 2px solid #afafaf;
    width: 326px;
    height: 192px;
    position: relative;
    overflow: hidden;
}

.solution .solution-box .consumer .product-logo > img {
    -webkit-transform: scale(1, 1) perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: scale(1, 1) perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: scale(1, 1) perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: scale(1, 1) perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: scale(1, 1) perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-origin: center center 0;
    -moz-transform-origin: center center 0;
    -ms-transform-origin: center center 0;
    -o-transform-origin: center center 0;
    transform-origin: center center 0;
    -webkit-transition: transform 700ms ease 0s;
    -moz-transition: transform 700ms ease 0s;
    -ms-transition: transform 700ms ease 0s;
    -o-transition: transform 700ms ease 0s;
    transition: transform 700ms ease 0s;
}

.solution .solution-box .consumer .product-logo:hover > img {
    -webkit-transform: scale(1.2, 1.2) perspective(300px) rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
    -moz-transform: scale(1.2, 1.2) perspective(300px) rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
    -ms-transform: scale(1.2, 1.2) perspective(300px) rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
    -o-transform: scale(1.2, 1.2) perspective(300px) rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
    transform: scale(1.2, 1.2) perspective(300px) rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
}

.solution .solution-box .consumer .product-logo:hover > .introduction {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*IE*/
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.solution .solution-box .consumer .product-logo .introduction {
    text-indent: 2em;
    text-align: left;
    font-size: 16px;
    color: #FFFFFF;
    padding: 15px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /*IE*/
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: center center 0;
    -moz-transform-origin: center center 0;
    -ms-transform-origin: center center 0;
    -o-transform-origin: center center 0;
    transform-origin: center center 0;
    -webkit-transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    -moz-transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    -ms-transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    -o-transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    background: rgba(62, 45, 12, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#993E2D0C, endColorstr=#993E2D0C); /*IE*/
    zoom: 1;
}

.solution .solution-box .consumer .product-logo img {
    width: 100%;
    border: none;
}

.solution .solution-box .consumer .product-name {
    font-size: 16px;
    font-weight: bolder;
    padding: 10px 0;
    background-color: #afafaf;
}

/*新闻列表*/
.post {
    border-bottom: 1px dashed #ddd;
    overflow: hidden;
    padding: 25px;
}

.post:hover {
    border-bottom: 1px solid #fff;
    box-shadow: 0 0 6px 3px #ddd;
}

.post_left {
    background: url("../images/logo.png") no-repeat scroll 0 0;
    background-size: 100%;
    float: left;
    height: 130px;
    overflow: hidden;
    position: relative;
    width: 200px;
}

.post_left img {
    width: 100%;
    position: relative;
}

.post_right {
    display: inline;
    float: left;
    margin-left: 25px;
    overflow: hidden;
    width: 450px;
}

.post_title {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.post_title a {
    color: #333;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}

.post_title a:hover {
    color: #0d79cb;
}

.post_property {
    margin-top: 20px;
}

.post_author {
    color: #333;
    float: left;
    font-size: 14px;
    font-weight: bold;
}

.post_author a {
    color: #0076d3;
}

.post_author a:hover {
    color: #0d79cb;
}

.post_author span {
    color: #53d40f;
}

.post_spliter {
    color: #999;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.post_date {
    color: #999;
    float: left;
    font-size: 14px;
}

.post_brief {
    color: #656565;
    font-size: 14px;
    height: 50px;
    line-height: 25px;
    margin-top: 20px;
    overflow: hidden;
}

.post_meta {
    font-size: 14px;
    margin-top: 20px;
}

.post_tag {
    float: left;
    text-decoration: none;
}

a.post_tag_item {
    border: 0 none;
    color: #999;
    display: block;
    float: left;
    font-size: 14px;
    margin-right: 10px;
}

a.post_tag_item:hover {
    color: #3083f4;
}

.pagination {
    margin: 20px;
}

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

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

/*解决方案 列表页*/
/*.module > .solution-box .consumer .product-name{*/
/*font-weight: 100;*/
/*background-color: #ffffff;*/
/*}*/

/*核心开发团队*/
.index-news .core-teams .teams-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-flow: wrap;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.index-news .core-teams .teams-box .member {
    width: 25%;
    margin-top: 10px;
    padding: 10px 0;
    box-shadow: 0 0 5px 1px #ffffff;
    text-align: center;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.index-news .core-teams .teams-box .member:hover {
    -webkit-transform: translate3d(0px, -2px, 0px);
    -moz-transform: translate3d(0px, -2px, 0px);
    -ms-transform: translate3d(0px, -2px, 0px);
    -o-transform: translate3d(0px, -2px, 0px);
    transform: translate3d(0px, -2px, 0px);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.22);
    cursor: pointer;
}

.index-news .core-teams .teams-box .member:hover .member-int {
    border-color: #4bcdd9;
}

.index-news .core-teams .teams-box .member:hover .member-int:before {
    border-bottom: 10px solid #4bcdd9;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.core-teams .teams-box .member .member-header {
    margin: auto;
    width: 200px;
    height: 200px;
    overflow: hidden;
}

.core-teams .teams-box .member .member-header > img {
    width: 100%;
}

.core-teams .teams-box .member .member-int {
    width: 90%;
    margin: 10px auto;
    border: 2px solid #444;
    color: #818181;
    position: relative;
}

.core-teams .teams-box .member .member-int:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    bottom: 100%;
    left: calc(50% - 10px);
    border-bottom: 10px solid #686868;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.core-teams .teams-box .member .member-int .member-name {
    width: 90%;
    margin: auto;
    border-bottom: 1px dashed #444;
}

.core-teams .teams-box .member .member-int .member-name .name {
    font-size: 16px;
    color: #444;
}

.core-teams .teams-box .member .member-int .int {
    padding: 10px 5px;
}

.core-teams .teams-box .member .member-int .int > p {
    line-height: 20px;
}

.core-teams .teams-box .member .member-pic {
    position: relative;
    width: 260px;
    height: 260px;
    overflow: hidden;
}

.core-teams .teams-box .member .member-pic > img {
    -webkit-transform: scale(1, 1) perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: scale(1, 1) perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: scale(1, 1) perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: scale(1, 1) perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: scale(1, 1) perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-origin: center center 0;
    -moz-transform-origin: center center 0;
    -ms-transform-origin: center center 0;
    -o-transform-origin: center center 0;
    transform-origin: center center 0;
    -webkit-transition: transform 700ms ease 0s;
    -moz-transition: transform 700ms ease 0s;
    -ms-transition: transform 700ms ease 0s;
    -o-transition: transform 700ms ease 0s;
    transition: transform 700ms ease 0s;
}

.core-teams .teams-box .member .member-pic:hover > img {
    -webkit-transform: scale(1.2, 1.2) perspective(300px) rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
    -moz-transform: scale(1.2, 1.2) perspective(300px) rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
    -ms-transform: scale(1.2, 1.2) perspective(300px) rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
    -o-transform: scale(1.2, 1.2) perspective(300px) rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
    transform: scale(1.2, 1.2) perspective(300px) rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
}

.core-teams .teams-box .member .member-pic:hover .biography {
    bottom: 0;
    left: 0;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*IE*/
    right: 0;
    top: 0;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.teams-box .member .member-pic .biography {
    left: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /*IE*/
    position: absolute;
    top: 0;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: center center 0;
    -moz-transform-origin: center center 0;
    -ms-transform-origin: center center 0;
    -o-transform-origin: center center 0;
    transform-origin: center center 0;
    -webkit-transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    -moz-transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    -ms-transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    -o-transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    padding: 10px;
    right: 0;
    bottom: 0;
    background: rgba(62, 45, 12, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#993E2D0C, endColorstr=#993E2D0C); /*IE*/
    zoom: 1;
}

.teams-box .member .member-pic .biography .autograph,
.teams-box .member .member-pic .biography .motto {
    color: #FFFFFF;
}

.teams-box .member .member-pic .biography .autograph {
    height: 210px;
    overflow: hidden;
    /*margin-top: 20px;*/
}

.teams-box .member .member-pic .biography .autograph img {
    width: 96px;
    /*margin-bottom: 10px;*/
}

.teams-box .member .member-pic .biography .autograph li {
    /*margin-left: 20px;*/
    line-height: 25px;
    text-align: left;
}

.teams-box .member .member-pic .biography .motto {

}

.core-teams .teams-box .member .member-pic > img {
    width: 100%;
    height: 100%;
    border: none;
}

.core-teams .teams-box .member .member-name {
    font-size: 14px;
    padding: 10px 0;
}

/*搜索下的主体部分*/
.index-main {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.index-main .main-nav-box {
    width: 267px;
}

.index-main .main-nav-box .main-title {
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    height: 50px;
    line-height: 50px;
    background-color: #2eafbb;
}

.index-main .main-nav-box .main-nav {
    padding: 10px;
    border-left: 2px solid #e2e2e2;
    border-right: 2px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
}

.index-main .main-nav-box .main-nav div {
    color: #FFFFFF;
    font-size: 18px;
    margin: 10px 0;
    padding: 8px 0 8px 60px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;;
    background-color: #d1d1d1;

}

.index-main .main-nav-box .main-nav div.on,
.index-main .main-nav-box .main-nav div:hover {
    cursor: pointer;
    background-color: #2eafbb;
}

.index-main .main-nav-box .main-nav ul {
    margin-left: 60px;
    display: none;
}

.index-main .main-nav-box .main-nav li {
    background: url("../images/right.png") no-repeat;
    line-height: 11px;
    height: 11px;
    padding-left: 20px;
    font-size: 16px;
    margin: 20px 0;
    /*line-height: 28px;*/
    cursor: pointer;
}

.index-main .index-main-right {
    width: 860px;
}

.index-main .index-main-right .main-right-nav li {
    line-height: 56px;
    width: 108px;
    height: 56px;
    font-size: 16px;
    text-align: center;
    background-color: #f3f3f3;
    border: 1px solid #c9c9c9;
    border-collapse: inherit;
    margin: 0 0 -1px -1px;
    float: left;
    cursor: pointer;
}

.index-main .index-main-right .main-right-nav li.on,
.index-main .index-main-right .main-right-nav li.on a,
.index-main .index-main-right .main-right-nav li:hover,
.index-main .index-main-right .main-right-nav li:hover a {
    background-color: #2eafbb;
    color: #FFFFFF;
}

.index-main .index-main-right .show {
    padding: 50px 0;
}

.index-main .index-main-right .show .show-box {
    display: none;
}

.index-main .index-main-right .show .active {
    display: inline;
}

.index-main .index-main-right .main-right-box {
    display: none;
}

.index-main .index-main-right > .active {
    display: inline;
}

.index-main .index-main-right .show .show-img {
    float: left;
    width: 200px;
    overflow: hidden;
    margin-right: 40px;
}

.index-main .index-main-right .show .show-img img {
    width: 100%;
}

.index-main .index-main-right .show .show-right {
    width: 610px;
    float: left;
}

.index-main .index-main-right .show .show-right .title {
    background: url("../images/index-dian.png") no-repeat;
    border-bottom: 1px solid #d4d4d4;
    padding: 0 0 8px 40px;
    font-size: 28px;
    color: #2eafbb;
}

.index-main .index-main-right .show .show-right .title > a > .advisory-btn {
    -webkit-animation: 0;
    -o-animation: 0;
    animation: 0;
}

.index-main .index-main-right .show .show-right li {
    margin: 20px;
    font-size: 20px;
    padding: 0 0 25px 30px;
    height: 23px;
    line-height: 23px;
    background: url("../images/yuan.png") no-repeat;
}

/**/

.danger .title {
    background: url(../images/index/danger/danger-title-bg.png) no-repeat top center;
    color: #ffffff;
    height: 75px;
    line-height: 55px;
    font-weight: bolder;
    text-align: center;
    font-size: 24px;
}

.danger .title > span {
    color: #ffee7a;
    font-size: 34px;
}

.danger .title > em {
    font-size: 34px;
}

.danger .danger-box {
    margin-top: 20px;
    position: relative;
    /*height: 647px;*/
    width: 1200px;
    /*overflow: hidden;*/
    background-size: 100%;
}

.danger .danger-box .item {
    width: 33.33%;
    text-align: center;
    float: left;
}
.danger .danger-box .item .img-box {
    width: 180px;
    height: 180px;
    margin: auto;
    /*overflow: hidden;*/
}

.danger .danger-box .item:hover .img-box img {
    -webkit-animation:bounce 1s ease 1 0s both;
    animation:bounce 1s ease 1 0s both;

}

.danger .danger-box .item > table {
    width: 90%;
    margin: 30px auto;
    border-collapse: collapse;
    text-align: center;
}

.danger .danger-box .item > table th,
.danger .danger-box .item > table td {
    text-align: center;
    border: 1px dashed #ddd;
    font-size: 14px;
}

.danger .danger-box .item > table th {
    font-size: 18px;
    padding: 12px 0;
    font-weight: 600;
}

.danger .danger-box .item:nth-child(1) > table th,
.danger .danger-box .item:nth-child(1) > table td {
    color: #4bcdd9;
    border-color: #4bcdd9;
}

.danger .danger-box .item:nth-child(2) > table th,
.danger .danger-box .item:nth-child(2) > table td {
    color: #d9764b;
    border-color: #d9764b;
}

.danger .danger-box .item:nth-child(3) > table th,
.danger .danger-box .item:nth-child(3) > table td {
    color: #4b7dd9;
    border-color: #4b7dd9;
}

.danger .danger-box .item .table-title {
    background: no-repeat top center;
    width: 80px;
    height: 221px;
    color: #fff !important;
    font-size: 22px;
    /*width: 50px;*/
    /*padding-left: 20px;*/
}

.danger .danger-box .item > table td:not(.table-title) {
    height: 43px;
    line-height: 43px;
}

.danger .danger-box .item .table-1 {
    background-image: url(../images/index/danger/table-1.png);
}

.danger .danger-box .item .table-2 {
    background-image: url(../images/index/danger/table-2.png);
}

.danger .danger-box .item .table-3 {
    background-image: url(../images/index/danger/table-3.png);
}

/*.danger .danger-box .item h3{
    color: #4bcdd9;
    font-size: 20px;
    font-weight: bolder;
}
.danger .danger-box .item h3 >em{
    margin-right: 5px;
    font-weight: bolder;
    color: #aaaaaa;
}
.danger .danger-box .item li{
    font-size: 16px;
    font-weight: bolder;
    height: 18px;
    line-height: 18px;
    margin-top: 20px;
    padding-left: 30px;
    background: url("../images/index/danger/x.png") no-repeat;
}
.danger .danger-box .item-1{
    bottom: 2px;
    left: 80px;
}
.danger .danger-box .item-2{
    bottom: 2px;
    left: 420px;
}
.danger .danger-box .item-3{
    bottom: 2px;
    right: 80px;
}*/
/* 合作伙伴 & 新闻动态 */
.cooperative-news {
    margin-bottom: 30px;
    height: 480px;
}

.cooperative-news .cooperative,
.cooperative-news .news {
    width: 50%;
}

.cooperative-news .title {
    background-color: #fafafa;
    padding: 15px 0;
}

.cooperative-news .main-title,
.cooperative-news .subtitle {
    text-align: center;
}

.cooperative-news .main-title {
    color: #333;
    font-size: 26px;
}

.cooperative-news .subtitle {
    color: #999;
    font-size: 14px;
}

/*合作伙伴*/
.cooperative-news .cooperative-box .icon {
    width: 22%;
    height: 40px;
    float: left;
    border: 1px solid #eee;
    margin: 14px 1%;
    padding: 15px 0;
    cursor: pointer;
    background: no-repeat center center;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.cooperative-news .cooperative-box .icon:hover {
    -webkit-animation:pulse 1s ease 1 0s both;
    animation:pulse 1s ease 1 0s both;
}
.cooperative-news .cooperative-box .icon-1 {
    background-image: url(../images/index/cooperative/1.png);
}
.cooperative-news .cooperative-box .icon-2 {
    background-image: url(../images/index/cooperative/2.png);
}
.cooperative-news .cooperative-box .icon-3 {
    background-image: url(../images/index/cooperative/3.png);
}
.cooperative-news .cooperative-box .icon-4 {
    background-image: url(../images/index/cooperative/4.png);
}
.cooperative-news .cooperative-box .icon-5 {
    background-image: url(../images/index/cooperative/5.png);
}
.cooperative-news .cooperative-box .icon-6 {
    background-image: url(../images/index/cooperative/6.png);
}
.cooperative-news .cooperative-box .icon-7 {
    background-image: url(../images/index/cooperative/7.png);
}
.cooperative-news .cooperative-box .icon-8 {
    background-image: url(../images/index/cooperative/8.png);
}
.cooperative-news .cooperative-box .icon-9 {
    background-image: url(../images/index/cooperative/9.png);
}
.cooperative-news .cooperative-box .icon-10 {
    background-image: url(../images/index/cooperative/10.png);
}
.cooperative-news .cooperative-box .icon-11 {
    background-image: url(../images/index/cooperative/11.png);
}
.cooperative-news .cooperative-box .icon-12 {
    background-image: url(../images/index/cooperative/12.png);
}
.cooperative-news .cooperative-box .icon-13 {
    background-image: url(../images/index/cooperative/13.png);
}
.cooperative-news .cooperative-box .icon-14 {
    background-image: url(../images/index/cooperative/14.png);
}
.cooperative-news .cooperative-box .icon-15 {
    background-image: url(../images/index/cooperative/15.png);
}
.cooperative-news .cooperative-box .icon-16 {
    background-image: url(../images/index/cooperative/16.png);
}

/*.cooperative-news .cooperative-box .icon-1 {
    background-image: url(../images/index/cooperative/al-1.png);
}

.cooperative-news .cooperative-box .icon-1:hover {
    background-image: url(../images/index/cooperative/al-2.png);
}

.cooperative-news .cooperative-box .icon-2 {
    background-image: url(../images/index/cooperative/bj-1.png);
}

.cooperative-news .cooperative-box .icon-2:hover {
    background-image: url(../images/index/cooperative/bj-2.png);
}

.cooperative-news .cooperative-box .icon-3 {
    background-image: url(../images/index/cooperative/haier-1.png);
}

.cooperative-news .cooperative-box .icon-3:hover {
    background-image: url(../images/index/cooperative/haier-2.png);
}

.cooperative-news .cooperative-box .icon-4 {
    background-image: url(../images/index/cooperative/hp-1.png);
}

.cooperative-news .cooperative-box .icon-4:hover {
    background-image: url(../images/index/cooperative/hp-2.png);
}

.cooperative-news .cooperative-box .icon-5 {
    background-image: url(../images/index/cooperative/jm-1.png);
}

.cooperative-news .cooperative-box .icon-5:hover {
    background-image: url(../images/index/cooperative/jm-2.png);
}

.cooperative-news .cooperative-box .icon-6 {
    background-image: url(../images/index/cooperative/lt-1.png);
}

.cooperative-news .cooperative-box .icon-6:hover {
    background-image: url(../images/index/cooperative/lt-2.png);
}

.cooperative-news .cooperative-box .icon-7 {
    background-image: url(../images/index/cooperative/nmg-1.png);
}

.cooperative-news .cooperative-box .icon-7:hover {
    background-image: url(../images/index/cooperative/nmg-2.png);
}

.cooperative-news .cooperative-box .icon-8 {
    background-image: url(../images/index/cooperative/xj-1.png);
}

.cooperative-news .cooperative-box .icon-8:hover {
    background-image: url(../images/index/cooperative/xj-2.png);
}

.cooperative-news .cooperative-box .icon-9 {
    background-image: url(../images/index/cooperative/yh-1.png);
}

.cooperative-news .cooperative-box .icon-9:hover {
    background-image: url(../images/index/cooperative/yh-2.png);
}*/

/*新闻轮播*/
.focusBox {
    position: relative;
    width: 100%;
    height: 260px;
    margin: 15px 0;
    /*overflow: hidden;*/
    text-align: left;
}
.focusBox .pic {
    width: 100%;
    height: 260px!important;
    overflow: hidden;
}

.focusBox .pic img {
    width: 100%;
    height: 100%;
    /*height: 260px;*/
    display: block;
}

.focusBox .txt-bg {
    position: absolute;
    bottom: 0;
    z-index: 1;
    height: 36px;
    left: 32px;
    right: 0;
    background: #333;
    filter: alpha(opacity=40);
    opacity: 0.4;
    overflow: hidden;
}

.focusBox .txt {
    position: absolute;
    bottom: -120px;
    z-index: 2;
    height: 120px;
    left: 0;
    right: 0;
    overflow: hidden;
    background: #fff;
}

.focusBox .txt li {
    height: 120px;
    /*line-height: 36px;*/
    position: absolute;
    background: #fff;
    bottom: -120px;
}

.focusBox .txt li a {
    display: block;
    color: inherit;
    padding: 0 0 0 10px;
    /*font-size: 14px;*/
    /*font-weight: bold;*/
    text-decoration: none;
}

.focusBox .txt li .news-title {
    color: #4bcdd9;
    font-size: 18px;
    margin-top: 8px;
}
.focusBox .txt li .time {
    color: #aaa;
    margin: 8px;
    font-size: 12px;
}
.focusBox .txt li .description {
    color: #666;
    font-size: 12px;
}
.focusBox .prev,
.focusBox .next {
    position: absolute;
    display: inline-block;
    background: #4bcdd9 no-repeat center center;
}
.focusBox .prev {
    background-image:  url(../images/index/top.png);
}
.focusBox .next {
    background-image:  url(../images/index/bottom.png);
}
.focusBox .num {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    bottom: 0;
}
.focusBox .prev,
.focusBox .next,
.focusBox .num li {
    position: relative;
    width: 32px;
    height: 10%;
    line-height: 250%;
    overflow: hidden;
    text-align: center;
    margin-right: 1px;
    cursor: pointer;
}

.focusBox .num li a, .focusBox .num li span {
    position: absolute;
    z-index: 2;
    display: block;
    color: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
}

.focusBox .num li span {
    z-index: 1;
    background: black;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.focusBox .num li.on a, .focusBox .num > li a:hover {
    background-color: rgba(75, 205, 217,.7);
}

/* 视频播放 */

.cooperative-news .video-box > .zyb_video {
    min-width: 45%;
    width: 90%;
    height: 375px;
    position: relative;
    margin: auto;
}
.cooperative-news .video-box .zyb_video > .bottom {
    width: 100%;
    text-align: center;
    position: absolute;
    font-size: 18px;
    color: #333;
    bottom: 0;
}

.cooperative-news .video-box > .zyb_video > .introduction {
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    bottom: 10%;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,.5);
}
.cooperative-news .video-box > .zyb_video > .introduction > .title {
    margin-top: 15%;
    font-size: 24px;
    background: none;
}
.cooperative-news .video-box > .zyb_video > .introduction > .detail {
    width: 80%;
    margin: 10px auto 10px;
    font-size: 14px;
}
.cooperative-news .video-box > .zyb_video > .introduction > .btn {
    margin-top: 30px;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    padding: 5px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
}
.cooperative-news .video-box > .zyb_video > .introduction > .btn:hover {
    border-color: #4bcdd9;
    background-color: #4bcdd9;
}


.cooperative-news .video-box .video-view {
    text-align: center;
    width: 53%;
    margin: 15px auto;
    position: relative;
}

.cooperative-news .video-box .video-view .play-button {
    /*width: 50%;*/
    cursor: pointer;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 15px 5px 15px 30px;
    margin: auto;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    background: #4bcdd9 url(../images/index/play.png) no-repeat 15px center;
}

.cooperative-news .video-box .video-view .icon {
    position: absolute;
    right: -55px;
    top: 8px;
    width: 46px;
    height: 36px;
    -webkit-animation:shake 2.5s  infinite;
    animation:shake 2.5s infinite;
    background: url(../images/index/pointer.png) no-repeat;
}

/*选择我们*/
.choose .choose-box {
    /*margin-top: 30px;*/
    height: 600px;
    overflow: hidden;
}

.choose .choose-box .choose-list {
    margin-left: 80px;
    padding: 20px 0;
    font-size: 18px;
    font-weight: bold;
}

.choose .choose-box .box {
    float: left;
}

.choose .choose-box .box-left,
.choose .choose-box .box-right {
    width: calc(50% - 65px);
    height: 536px;
}

.choose .choose-box .choose-item {
    padding: 15px 0;
    width: 90%;
    margin: 15px auto;
    border: 1px dashed #4bcdd9;
}
.choose .choose-box .choose-item:hover .icon {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-animation:none;
    animation:none;
}

.choose .choose-box .box-right .choose-item {
    margin-bottom: 70px;
}

.choose .choose-box .choose-item .icon {
    width: 48px;
    height: 56px;
    margin: auto;
    overflow: hidden;
    background: no-repeat center center;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.choose .choose-box .choose-item .icon-1 {
    background-image: url(../images/index/choose/icon-1.png);
}

.choose .choose-box .choose-item .icon-2 {
    background-image: url(../images/index/choose/icon-2.png);
}

.choose .choose-box .choose-item .icon-3 {
    background-image: url(../images/index/choose/icon-3.png);
}

.choose .choose-box .choose-item .icon-4 {
    background-image: url(../images/index/choose/icon-4.png);
}

.choose .choose-box .choose-item .icon-5 {
    background-image: url(../images/index/choose/icon-5.png);
}

.choose .choose-box .choose-item .icon-6 {
    background-image: url(../images/index/choose/icon-6.png);
}

.choose .choose-box .choose-item .icon-7 {
    background-image: url(../images/index/choose/icon-7.png);
}

.choose .choose-box .choose-item .border-l,
.choose .choose-box .choose-item .border-r {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 20%;
}

.choose .choose-box .choose-item .border-l + .fr,
.choose .choose-box .choose-item .border-r + .fl {
    width: calc(80% - 32px);
    margin: 0 15px;
}

.choose .choose-box .choose-item .border-l {
    border-left: 1px dashed #4bcdd9;
}

.choose .choose-box .choose-item .fr:nth-child(2) div,
.choose .choose-box .choose-item .fl:nth-child(2) div {
    color: #333;
    font-size: 14px;
}

.choose .choose-box .choose-item .fl:nth-child(2) div > span,
.choose .choose-box .choose-item .fr:nth-child(2) div > span {
    color: #e83434;
    font-size: 18px;
}

.choose .choose-box .choose-item .border-l + .fr {
    text-align: right;
}

.choose .choose-box .choose-item .border-r {
    border-right: 1px dashed #4bcdd9;
}

.choose .choose-box .choose-item .icon-title {
    color: #4bcdd9;
    font-weight: 600;
    font-size: 18px;
}

.choose .choose-box .box-bottom {
    width: 130px;
    height: 536px;
    margin-top: 30px;
    background: url(../images/index/choose/choose.png) no-repeat top center;
}

.choose .choose-box .choose-list .choose-title-left {
    width: 452px;
    height: 107px;
    background: url("../images/index/choose/you.png") no-repeat;
    padding: 6px 0 0 270px;
    color: #ffffff;
    font-weight: bolder;
    font-size: 30px;
}

.choose .choose-box .choose-list .choose-title-right {
    width: 452px;
    margin-right: 80px;
    height: 107px;
    background: url("../images/index/choose/zuo.png") no-repeat right;
    padding-top: 8px;
    color: #ffffff;
    font-weight: bolder;
    font-size: 30px;
}

.choose .choose-box .choose-list .choose-int {
    padding-left: 10px;
}

.choose .choose-box .choose-list .choose-int > li {
    padding-left: 20px;
    background: url("../images/index/choose/gou.png") no-repeat 0 16px;
}

.choose .choose-box .choose-list .choose-title-left > em {
    margin-right: 20px;
    font-weight: 900;
}

.choose .choose-box .choose-list .choose-title-right > em {
    font-weight: 900;
    margin: 0 20px;
}

.choose .choose-box .choose-list span {
    font-size: 26px;
    margin: 0 8px;
    color: #f26b6b;
}

.choose .choose-box .choose-list h3 {
    font-weight: bold;
}

.choose .choose-box .choose-list p {
    line-height: 30px;
    margin-left: 20px;
}

.choose .choose-01 {
    height: 215px;
    background: url("../images/index/choose/1.png") no-repeat center right;
    margin-right: 120px;
}

.choose .choose-02 {
    height: 332px;
    background: url("../images/index/choose/2.png") no-repeat center left;
    margin-left: 100px;
}

.choose .choose-03 {
    height: 243px;
    background: url("../images/index/choose/3.png") no-repeat center right;
    margin-right: 100px;
}

.choose .choose-04 {
    height: 315px;
    background: url("../images/index/choose/4.png") no-repeat center left;
    margin-left: 150px;
}

.choose .choose-05 {
    height: 279px;
    background: url("../images/index/choose/5.png") no-repeat center right;
    margin-right: 100px;
}

.choose .choose-06 {
    height: 298px;
    background: url("../images/index/choose/6.png") no-repeat center left;
    margin-left: 200px;
}

.choose .choose-07 {
    height: 347px;
    background: url("../images/index/choose/7.png") no-repeat center right;
    margin-right: 100px;
}

.choose .third p {
    margin-top: 20px;
}

.choose .forth ul {
    margin-left: 80px;
}

.choose .forth li {
    list-style-type: " ★ ";
    padding: 10px 0;
}

/*合作流程*/
.advisory .advisory-box {
    margin-top: 50px;
    width: 1200px;
    height: 1520px;
}

.advisory .advisory-box .process-box {
    position: relative;
    height: 550px;
    background: #fafafa url("../images/index/advisory/advisory-bg.png") no-repeat center center;
}

.advisory .advisory-box .process-item {
    position: absolute;
}

.advisory .advisory-box .process-item .process-title {
    color: #fff;
    font-weight: bolder;
    font-size: 18px;
}

.advisory .advisory-box .process-item .process-content {
    font-size: 14px;
    margin-top: 20px;
    margin-left: -25px;
    width: 150px;
}

.advisory .advisory-box .process-item .process-content > span {
    color: #f26b6b;
}

.advisory .advisory-box .process-1 {
    top: 78px;
    left: 75px;
}

.advisory .advisory-box .process-2 {
    top: 78px;
    left: 395px;
}

.advisory .advisory-box .process-3 {
    top: 78px;
    left: 715px;
}

.advisory .advisory-box .process-4 {
    top: 78px;
    left: 1035px;
}

.advisory .advisory-box .process-5 {
    top: 350px;
    left: 70px;
}

.advisory .advisory-box .process-6 {
    top: 350px;
    left: 395px;
}

.advisory .advisory-box .process-7 {
    top: 350px;
    left: 715px;
}

.advisory .advisory-box .process-8 {
    top: 350px;
    left: 1035px;
}

.advisory .advisory-box .index-aftermarket {
    margin-top: 30px;
}

.advisory .advisory-box .index-aftermarket .index-aftermarket-title {
    /*font-weight: bolder;*/
    text-align: center;
    letter-spacing: 5px;
    color: #4bcdd9;
    font-size: 26px;
}

.advisory .advisory-box .index-aftermarket .index-aftermarket-title > span {
    color: #f26b6b;
}

.advisory .advisory-box .index-aftermarket .index-aftermarket-int {
    text-align: center;
    color: #666;
    margin: 10px auto;
    font-size: 20px;
    letter-spacing: 10px;
}

/*.advisory .advisory-box .index-aftermarket .index-aftermarket-int:after,
.advisory .advisory-box .index-aftermarket .index-aftermarket-int:before{
    content: '';
    display: inline-block;
    width: 380px;
    height: 1px;
    border-bottom: 1px solid #4bcdd9;
    margin-bottom: 6px;
}*/

.advisory .advisory-box .index-aftermarket .index-aftermarket-item .aftermarket-item-1 {
    width: 1200px;
    margin: auto;
    background: url("../images/index/advisory/2.png") no-repeat center right;
    height: 350px;
}

.advisory .advisory-box .index-aftermarket .index-aftermarket-item .aftermarket-item-2 {
    width: 1200px;
    margin: 60px auto;
    background: url("../images/index/advisory/1.png") no-repeat center left;
    height: 385px;
}

.advisory .advisory-box .index-aftermarket .index-aftermarket-item .item {
    margin-bottom: 20px;
}

.advisory .advisory-box .index-aftermarket .index-aftermarket-item .item .aftermarket-item-title {
    height: 31px;
    line-height: 31px;
    font-size: 26px;
    /*font-weight: bolder;*/
}

.advisory .advisory-box .index-aftermarket .index-aftermarket-item .item .aftermarket-item-title > em {
    color: #ffffff;
    font-weight: 900;
    margin-right: 10px;
    padding-left: 4px;
    display: block;
    float: left;
    width: 51px;
    height: 31px;
    background: url("../images/index/advisory/title-bg.png") no-repeat;
}

.advisory .advisory-box .line-1 {
    margin-top: 10px;
    margin-bottom: 4px;
    width: 300px;
    height: 1px;
    border-bottom: 1px dashed #c2c2c2;
}

.advisory .advisory-box .line-2 {
    width: 200px;
    margin-left: 50px;
    margin-bottom: 10px;
    height: 1px;
    border-bottom: 1px dashed #c2c2c2;
}

.advisory .advisory-box ul {
    margin-left: 20px;
}

.advisory .advisory-box ul > li {
    font-size: 18px;
    height: 10px;
    line-height: 10px;
    background: url("../images/index/advisory/xing.png") no-repeat 0 8px;
    padding: 8px 0 8px 15px;
}

/*客户见证*/
.diploma > .testimonials .img-box {
    height: auto;
}

.diploma > .testimonials .img-left a,
.diploma > .testimonials .img-right a {
    margin-top: 20px;
}

.testimonials .img-box li {
    float: left;
    margin-left: 10px;
}

.testimonials .img-box dt {
    width: 232px;
    float: left;
}

.testimonials .img-box dt img {
    border: 1px solid #dedede;
    display: block;
    height: 154px;
    padding: 2px;
    width: 210px;
}

.testimonials .img-box dd {
    float: left;
    width: 290px;
    text-align: left;
}

.testimonials .img-box dd h6 a {
    font-size: 16px;
    line-height: 30px;
}

.testimonials .img-box dd p {
    text-indent: 2em;
    height: 96px;
    line-height: 24px;
    margin: 4px 0 12px;
    overflow: hidden;
}

/*内页主体*/
.main {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.main .main-left-box {
    width: 267px;
    margin-bottom: 20px;
}

.main .main-left-box .main-title {
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    height: 50px;
    line-height: 50px;
    background-color: #4bcdd9;
}

.main .main-left-box .border {
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-top: 0;

}

.main .main-left-box .main-nav div {
    color: #FFFFFF;
    font-size: 18px;
    margin: 10px 0;
    padding: 8px 10px 8px 60px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;;
    background-color: #008794;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}

.main .main-left-box .main-nav div.on,
.main .main-left-box .main-nav div:hover {
    cursor: pointer;
    background-color: #4bcdd9;
}

.main .main-left-box .main-nav ul {
    margin-left: 30px;
    display: none;
}

.main .main-left-box .main-nav li {
    background: url("../images/right.png") no-repeat;
    line-height: 11px;
    height: 11px;
    padding-left: 20px;
    font-size: 16px;
    margin: 20px 0;
    /*line-height: 28px;*/
    cursor: pointer;
}

/*相关文章*/
.main .main-left-box .article .article-box {
    padding: 5px 0;
    margin: 5px 0;
    border-bottom: 1px dotted #9c9c9c;
}

.main .main-left-box .article .article-box .title {
    color: #4bcdd9;
    width: 235px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    padding-left: 40px;
    font-weight: bold;
    margin: 0 auto;
    background: url("../images/article-title-bg.png") no-repeat;
}

.main .main-left-box .article .article-box li {
    height: 5px;
    line-height: 5px;
    background: url("../images/ico003.png") no-repeat;
    margin: 20px 10px 20px 40px;
    padding-left: 8px;
    font-size: 14px;
}

/*联系路通物联*/
.main .main-left-box .content {
    padding: 15px;
}

.main .main-left-box .content .telephone {
    background: url("../images/dianhua.png") no-repeat;
    color: #909090;
    padding-left: 60px;
}

.main .main-left-box .content .content-box {
    font-size: 14px;
    color: #747474;
}

/*内页主体右半部分*/
.main .main-right {
    border: 1px solid #c9c9c9;
    width: 900px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.main .main-right .content {
    padding: 0 15px;
}

.main .main-right .content .position {
    padding: 10px 4px;
    border-bottom: 1px dotted #c9c9c9;
}

.main .main-right .content .position a {
    margin: 0 8px;
}

/* about-ztx */
.content-body .about-title {
    font-size: 20px;
    background: url("../images/about/about-title.png") no-repeat center;
    width: 135px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 900;
    color: #ffffff;
}

.content-body .about-int {
    margin-top: 20px;
}

.content-body .about-int > p {
    font-size: 16px;
    color: #222;
    text-indent: 2em;
}

.content-body .about-int > p > span {
    font-weight: 900;
}

.content-body .about-course .course-list {
    font-size: 16px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 10px;
}

.content-body .about-course {
    /*max-height: 600px;*/
    position: relative;
    overflow: hidden;
}
.content-body .about-course .read-more {
    width: 100%;
    position: absolute;
    bottom: 0;
    display: none;
    text-align: center;
}

.content-body .about-course .read-more .read-more-mask {
    height: 200px;
    background: -moz-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));
    background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));
    background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));
}
.content-body .about-course .read-more .read-more-btn {
    border: 1px solid #4bcdd9;
    font-size: 16px;
    color: #4bcdd9;
    bottom: 20%;
    left: 40%;
    background: #fff;
    border-radius: 4px;
    line-height: 30px;
    padding: 2px 15px;
    position: absolute;
}


.content-body .about-course .course-list .course-date {
    width: 70px;
    padding: 0 10px;
}

.content-body .about-course .course-list .course-dian {
    width: 10px;
    height: 10px;
    margin: 6px;
    background-color: #4bcdd9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.content-body .about-course .course-list .course {
    width: 650px;
    /*height: 80px;*/
    padding-bottom: 20px;
    border-left: 2px solid #4bcdd9;
    margin-left: -12px;
    padding-left: 20px;
    /*margin-top: 6px;*/
    overflow: hidden;
}

.content-body .about-course .course-list .course span {
    color: #ff0000;
}

.content-body .about-course .course-list:first-child .course {
    margin-top: 6px;
}

.content-body .about-course .course-list:last-child .course {
    border-left: none;
}

.content-body .about-course .course-list:last-child {
    margin-top: -6px;
}

.content-body .culture .culture-title {
    font-size: 16px;
    background: url("../images/about/xing.png") no-repeat left center;
    padding: 3px 0 3px 25px;
    height: 20px;
    line-height: 20px;
}

.content-body .culture > ul > li {
    font-size: 14px;
    padding: 2px 0;
}

.content-body .certificate {
    position: relative;
    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;
}

.content-body .certificate .certificate-item {
    text-align: center;
}

.content-body .certificate .certificate-item > .img {
    padding: 10px;
}

.content-body .certificate .certificate-item > .text {
    font-size: 16px;
}

.content-body .about-project .project-item .project-title {
    font-size: 16px;
    font-weight: 900;
}

.content-body .about-project .project-item:hover .project-title {
    color: #4bcdd9;
    text-decoration: underline;
}

.content-body .about-project .project-item .project-int {
    padding: 8px 0;
    font-size: 16px;
    text-indent: 2em;
}

.content-body .about-project .project-item .project-dashed {
    border-top: 1px dashed #a9a9a9;
    width: 90%;
    margin: 12px auto 12px;
}

.content-body .about-project .project-more {
    font-size: 16px;
    color: #4bcdd9;
    margin-bottom: 20px;
}

.content-body .about-project .project-more > a {
    cursor: pointer;
    color: inherit;
}

.content-body .about-advantage .advantage-item {
    padding: 10px 0;
}

.content-body .about-advantage .advantage-item .advantage-title {
    font-size: 16px;
    font-weight: 900;
}

.content-body .about-advantage .advantage-item .advantage-int > p {
    padding: 8px 0;
    text-indent: 2em;
    font-size: 16px;
}

.content-body .about-advantage .advantage-item .advantage-int > p > span {
    color: #ff0000;
}

.content-body .about-advantage .advantage-item .advantage-line {
    background: url("../images/about/advantage-bg.png") no-repeat;
    width: 944px;
    height: 23px;
    margin: 10px auto;
}

.content-body .about-content {
    height: 179px;
    background: url("../images/about/content.png") no-repeat right bottom;
}

.content-body .about-content .content .content-title {
    padding: 6px 0;
    font-size: 16px;
    font-weight: 900;
    color: #4bcdd9;
}

.content-body .about-content .content {
    background: url("../images/about/content-bg.png") no-repeat;
    background-size: 100% 100%;
    padding: 10px 0 10px 20px;
    width: 450px;
    position: relative;
}

.content-body .about-content .content .content-btn {
    position: absolute;
    right: 40px;
    bottom: 20px;
}

.content-body .about-content .content > .item {
    font-size: 16px;
    padding: 5px 0 5px 30px;
}

.content-body .about-content .content .address {
    background: url("../images/about/add.png") no-repeat left center;
}

.content-body .about-content .content .tel {
    background: url("../images/about/tel.png") no-repeat left center;
}

.content-body .about-content .content .qq {
    background: url("../images/about/qq.png") no-repeat left center;
}

.content-body .about-content .content .mail {
    background: url("../images/about/mail.png") no-repeat left center;
}

/*.content-body > p {
    font-size: 16px;
    text-indent: 2em;
    margin-bottom: 15px;
}*/

/*about-comment*/
.content-body > .address > .address-item {
    width: 380px;
    height: 200px;
    margin: 10px;
    float: left;
    text-align: center;
    background-color: #f5f5f5;
}

.content-body > .address > .address-item .address-img {
    margin-top: 30px;
}

.content-body > .address > .address-item .address-title {
    margin: 10px 0;
    font-size: 16px;
    font-weight: bolder;
    color: #4bcdd9;
}

.content-body > .address > .address-item .address-line {
    width: 36px;
    height: 6px;
    margin: 12px auto 12px;
    background-color: #4bcdd9;
}

.content-body > .address > .address-item .address-name {
    margin-top: 20px;
    font-size: 16px;
}

.dotted {
    border-bottom: 1px dotted #c9c9c9;
    padding: 10px 4px;
}

.content-body > .way > .way-item .way-title {
    font-size: 18px;
    font-weight: bolder;
    width: 227px;
    padding: 24px 0 8px 0;
    background: url("../images/about/comment/bg.png") no-repeat left bottom;
}

.content-body > .way > .way-item .way-title .way-img {
    margin-right: 12px;
    float: left;
}

.content-body > .way > .way-item .way-route {
    padding: 12px 0;
    font-size: 14px;
    font-weight: bolder;
}

.content-body > .way > .way-item .way-route > em {
    margin-right: 6px;
    display: inline-block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #4bcdd9;
}

.content-body > .way > .way-item > p {
    font-size: 14px;
    margin: 4px 0;
    line-height: 18px;
}

.content-body > .way > .way-item > p > span {
    color: #f26b6b;
}

.main .main-right .content .content-body {
    padding: 30px;
}

.main .main-right .content .content-body .content-box {
    width: 85%;
    margin: auto;
}

.content .content-body .content-box .show-img {
    overflow: hidden;
    width: 200px;
}

.content .content-body .content-box .show-img > img {
    width: 100%;
}

.content .content-body .content-box .item-list {
    padding: 20px 0;
    width: 65%;
}

.content .content-body .content-box .item-list .title {
    background: url("../images/index-dian.png") no-repeat scroll 0 0;
    border-bottom: 1px solid #d4d4d4;
    color: #2eafbb;
    font-size: 28px;
    padding: 0 0 8px 40px;
}

.content .content-body .content-box .item-list ul {
    padding: 20px 30px;
}

.content .content-body .content-box .item-list li {
    list-style-type: disc;
    font-size: 14px;
    margin-bottom: 8px;
    /*height: 30px;*/
    /*line-height: 30px;*/
}

.main .main-right .content .footer {
    background-color: #c9c9c9;
    margin-bottom: 15px;
}

.main .main-right .content .footer > div {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 25px;
    width: 45%;
}

/*立即咨询按钮*/
.advisory-btn {
    -webkit-animation: bounceIn 1.5s infinite linear;
    -o-animation: bounceIn 1.5s infinite linear;
    animation: bounceIn 1.5s infinite linear;
    cursor: pointer;
    background-color: #3083f4;
    color: #FFFFFF;
    padding: 8px 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: block;
}

/*内页新闻列表*/
.main .main-right .news {
    border-top: 1px solid #c9c9c9;
    padding: 15px;
}

.main .main-right .news > .news-title {
    padding: 0 0 10px 15px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #848484;
}

.main .main-right .news > .new-box {
    padding: 10px 0;
}

.main .main-right .news > .new-box li {
    margin: 4px 0;
    font-size: 14px;
    float: left;
    width: 47%;
}

.main .main-right .news > .new-box li a {
    color: #646464;
}

.main .main-right .news > .new-box li:nth-child(odd) {
    padding-right: 40px;
}

.main .main-right .news > .new-box li .news-title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%;
}

.main .main-right .news > .new-box li .news-time {
    float: right;
}

/*合作咨询模块*/
.module {
    margin: 10px auto;
}

.module .module-title {
    text-align: center;
    font-size: 35px;
    color: #3083f4;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 15px;
    margin-bottom: 30px;
}

.module .module-title .line {
    height: 3px;
    width: 150px;
    margin: auto;
    background: #959595;
    position: relative;
    margin-bottom: -13px;
}

/*实地考察*/
.study .study-box {
    background: #f1f1f1;
    margin: 20px 0;
    padding: 25px 50px;
}

.study .study-box .letter .letter-title {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px dashed #bababa;
}

.study .study-box .letter .letter-content p:first-child {
    text-indent: 0;
}

.study .study-box .letter .letter-content p {
    font-weight: bold;
    font-size: 14px;
    margin: 8px 0;
    text-indent: 2em;
}

.study .study-box .letter .letter-content .sign {
    font-size: 14px;
    font-weight: bold;
}

.study .study-box .contact-box {
    margin-top: 20px;
    margin-right: 40px;
}

.study .study-box .contact-box {
    width: 398px;
    height: 279px;
    overflow: hidden;
    background: url("../images/study-right-bg.png") no-repeat;
}

.study .study-box .contact-box .top {
    width: 60%;
    margin: 35px auto;
    border-bottom: 1px solid #c8c8c8;
    padding: 15px;
}

.study .study-box .contact-box .top > .advisory-btn {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid #26a1ac;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    -webkit-box-shadow: 1px 1px 2px 2px #ccc;
    -moz-box-shadow: 1px 1px 2px 2px #ccc;
    box-shadow: 1px 1px 2px 2px #ccc;
}

.study .study-box .contact-box .bottom {
    width: 60%;
    margin: 15px auto;
}

.study .study-box .contact-box .bottom .free-phone {
    margin-top: 15px;
    font-weight: bold;
    padding-left: 50px;
}

.study .study-box .contact-box .bottom .free-phone > .text {
    color: #000000;
    font-size: 16px;
}

.study .study-box .contact-box .bottom .free-phone > .phone {
    color: #107e8f;
    font-size: 24px;
}

/*合作流程*/
.process .process-box {
    padding: 0 15px;
}

.process .process-box .process-item {
    margin-right: 20px;
    margin-top: 20px;
    width: 270px;
    height: 320px;
    float: left;
    border: 1px solid #e5dfed;
    background: #f5f5f5;
    color: #4f4f4f;
    -webkit-box-shadow: 1px 1px 2px 2px #efebec;
    -moz-box-shadow: 1px 1px 2px 2px #efebec;
    box-shadow: 1px 1px 2px 2px #efebec;
}

.process .process-box .process-item > .pic,
.process .process-box .process-item > .text {
    padding: 20px;
    margin: 0 20px;
}

.process .process-box .process-item > .pic {
    font-size: 80px;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}

.process .process-box .process-item > .text {
    border-top: 1px solid #fefefe;
    text-align: center;
}

.process .process-box .process-item > .text > h3 {
    font-size: 23px;
}

.process .process-box .process-item > .text > p {
    font-size: 20px;
    text-align: left;
}

.process .process-box .process-item:hover {
    background-color: #3083f4;
    color: #FFFFFF;
    cursor: pointer;
}

.process .process-box .process-item:hover > .pic {
    border-color: #408ff9;
}

.process .process-box .process-item:hover > .text {
    border-color: #297ae8;
}

/*售后增值服务*/
.aftermarket .aftermarket-title {
    text-align: center;
    font-size: 35px;
}

.aftermarket .aftermarket-title > .en {
    font-size: 12px;
    color: #cccccc;
}

.aftermarket .aftermarket-title > .subtitle {
    font-size: 18px;
}

.aftermarket .aftermarket-box .aftermarket-item {
    position: relative;
    padding: 15px 0;
}

.aftermarket .aftermarket-box .aftermarket-round {
    position: absolute;
    top: calc(50% - 34px);
    left: 0;
    right: 0;
    margin: auto;
    width: 68px;
    height: 68px;
    line-height: 68px;
    font-size: 50px;
    text-align: center;
    background: #f0f0f0;
    border: 1px solid #cccccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
}

.aftermarket .aftermarket-box .aftermarket-line {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    background: #cccccc;
    z-index: 1;

}

.aftermarket .aftermarket-box div:first-child .aftermarket-line {
    top: 50%;
}

.aftermarket .aftermarket-box div:last-child .aftermarket-line {
    bottom: 50%;
}

.aftermarket .aftermarket-box .aftermarket-pic,
.aftermarket .aftermarket-box .aftermarket-text {
    width: 447px;
    height: auto;
    overflow: hidden;
}

.aftermarket .aftermarket-box .aftermarket-text h3 {
    font-size: 22px;
    color: #4bcdd9;
}

.aftermarket .aftermarket-box .aftermarket-text {
    margin-top: 40px;
}

.aftermarket .aftermarket-box .aftermarket-text ul {
    margin-top: 15px;
}

.aftermarket .aftermarket-box .aftermarket-text li {
    color: #606060;
    font-size: 16px;
}

.aftermarket .aftermarket-box .aftermarket-pic > img {
    width: 100%;
}

/*系统选型*/
.selection-box > td {
    font-size: 14px !important;
    line-height: 24px;
}

.selection-box table {
    border-collapse: collapse;
    color: #444;
    overflow: hidden;
    width: 100%;
}

.selection-box {
    font-size: 14px;
    margin-top: 0;
    padding: 0 10px 20px;
    width: 100%;
}

.hr-h20 {
    height: 30px;
}

.selection-box table {
    border: 1px solid #fff;
    text-align: center;
}

.selection-box .th1 th, .selection-box .th2 th {
    background: #474f54 none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
}

.selection-box td {
    border: 1px solid #fff;
    line-height: 40px;
}

.selection-box td img {
    margin-top: 10px;
}

.selection-box .tit {
    border-bottom: 1px solid #eee;
    padding-left: 30px;
    text-align: left;
}

.selection-box .tit2 {
    border-bottom: 1px solid #eee;
    padding-left: 20px;
    text-align: left;
}

.selection-box .th2 th {
    background: #a3bece none repeat scroll 0 0;
    line-height: 36px;
}

.selection-box td .gou {
    background: url("../images/gou.gif") no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.selection-box .bg-f5f {
    background: #f5f6f7 none repeat scroll 0 0;
}

.selection-box .bg-e7f {
    background: #e7f4e6 none repeat scroll 0 0;
}

.selection-box .bg-fbf {
    background: #fbf5e6 none repeat scroll 0 0;
}

.selection-box .bg-e7f {
    background: #e7f4f9 none repeat scroll 0 0;
}

.selection-box .bg-fbf {
    background: #fbf1f1 none repeat scroll 0 0;
}

.selection-box .bg-bl {
    border-bottom: 1px solid #eee;
}

.selection-box .bg1 {
    background: #010001 none repeat scroll 0 0;
}

.selection-box .bg2 {
    background: #2932a1 none repeat scroll 0 0;
}

.selection-box .bg3 {
    background: #262042 none repeat scroll 0 0;
}

.selection-box .bg4 {
    background: #38aa30 none repeat scroll 0 0;
}

.selection-box tfoot P {
    font-size: 16px;
    line-height: 24px;
}

/*内页banner*/
.in-banner,
.in-banner img {
    min-width: 1200px;
    width: 100%;
}

/*log*/
.log-item .log-year {
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    width: 180px;
    background: url("../images/clock.png") no-repeat center right;
}

.log-item .log-year > .close {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.log-item .log-box .line {
    height: 80px;
    border-right: 1px solid #4bcdd9;
    width: 148px;
}

.log-item .log-list .log-date {
    font-size: 16px;
    height: 23px;
    line-height: 23px;
    width: 120px;
    margin-left: 40px;
    background: url("../images/yuan.png") no-repeat center right;
}

.log-item .log-list .log {
    border-left: 1px solid #4bcdd9;
    margin-left: -12px;
    padding-left: 40px;
    width: 600px;
    padding-bottom: 10px;
}

.log-item .log-list .log .log-title {
    font-size: 16px;
    padding-bottom: 8px;
}

.log-item .log-list .log .log-summary {
    font-size: 14px;
    line-height: 25px;
    color: #676767;
}

.article-head {
    margin-top: 15px;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
}

.article-head .article-title {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}

.article-head .article-info {
    color: #999;
    font-size: 14px;
    margin-bottom: 20px;
}

.article-head .article-info > span {
    margin: 0 8px;
}

#roll {
    /*position: fixed;*/
    /*right: calc(50% - 620px);*/
    /*top: 80%;*/
    /*width: 15px;*/
    display: none;
}

/*
#roll_top {
    cursor: pointer;
    background: url("../images/top.png");
    height: 72px;
    width: 26px;
}
*/

/*team*/
.content-body dl.dl_2 {
    display: inline-block;
    /*float: left;*/
    padding: 10px;
    width: 180px;
}

.content-body dl.dl_2 dt {
    border: 1px solid #d6d6d6;
    overflow: hidden;
    width: 99%;
}

.content-body dl.dl_2 dt img {
    width: 100%;
    height: auto;
}

.content-body dl.dl_2 dd {
    height: 24px;
    line-height: 24px;
    margin: 2px 0 0;
    overflow: hidden;
    text-align: center;
}

/*网格化*/
.gridding > .title {
    font-size: 30px;
    text-align: center;
    padding: 20px 0;
    margin: 0 30px;
    border-bottom: 1px dashed #c9c9c9;
}

.gridding > .introduction {
    font-size: 16px;
    line-height: 28px;
    margin: 15px 30px;
    background: #f5f5f5;
    color: #999999;
    padding: 15px;
    text-indent: 2em;
}

.gridding > .content-item {
    font-size: 15px;
    margin: 0 30px;
}

.gridding > .content-item > .title {
    font-weight: bolder;
    margin: 5px 0;
}

.gridding > .content-item > p {
    text-indent: 2em;
    margin-bottom: 8px;
    line-height: 28px;
}

.gridding > .content-item > ul {
    margin-left: 20px;
    margin-bottom: 10px;
}

.gridding > .content-item > ul > li {
    background: url("../images/dian.png") no-repeat left 10px;
    padding-left: 15px;
    line-height: 28px;
}

.gridding > .content-item > .center-img {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-bottom: 10px;
}

/*spots*/
.spots {
    width: 100%;
}

.spots .big-data {
    display: block;
    margin: 0 auto;
    line-height: 58px;
    color: #00dfb9;
    font-size: 20px;
    width: 200px;
    height: 58px;
    border: 1px solid #00dfb9;
    text-align: right;
    padding-right: 20px;
    background: url("../images/spots/data.png") no-repeat 20px center;
}

.spots .sp-frame {
    margin-top: 50px;
    margin-bottom: 50px;
}

.spots .sp-frame .frame-item {
    width: 25%;
}

.spots .sp-frame .frame-item > .item {
    border: 2px solid #e1e1e1;
    width: 80%;
    padding: 20px;
    margin: 20px 0;
    height: 306px;
    overflow: hidden;
}

.spots .sp-frame .frame-item > .item > .icon {
    width: 90px;
    height: 90px;
    margin: auto;
}

.spots .sp-frame .frame-item > .item > .icon > img {
    width: 100%;
}

.spots .sp-frame .frame-item > .item > .title {
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    margin: 30px 0;
    color: #333;
}

.spots .sp-frame .frame-item > .item > .sub {
    font-size: 16px;
    color: #666;
    height: 120px;
    overflow: hidden;
}

.spots .sp-frame .frame-item > .item > .info {
    font-size: 16px;
    overflow: hidden;
    color: #fff;
    height: 320px;
    /*margin-top: 50px;*/
}

.spots .sp-frame .frame-item > .item > .more {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    font-style: italic;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #fff;
    margin: 20px auto;
}

.spots .spots-title {
    background: url('../images/spots/spots-title.png') no-repeat center;
    width: 100%;
    height: 129px;
    text-align: center;
    margin: 30px 0;
}

.spots .spots-title > span {
    display: block;
}

.spots .spots-title .title {
    padding-top: 30px;
    font-size: 24px;
    font-weight: bolder;
    color: #333333;
}

.spots .spots-title .sub {
    font-size: 20px;
    margin-top: 8px;
    color: #cccccc;
}

.spots .sp-item {
    padding: 50px 0;
}

.spots .sp-item:nth-child(even) {
    background: #f4f4f4;
}

.sp-item .sp-img,
.sp-item .sp-list {
    width: 50%;
}

.sp-item .sp-img {
    text-align: center;
}

.sp-item .sp-list .question-title .title {
    font-size: 24px;
    font-weight: 600;
    color: #333333;
}

.sp-item .sp-list .question-title .sub {
    font-size: 22px;
    color: #cccccc;
    font-style: italic;
}

.sp-item .sp-list .line {
    width: 80px;
    height: 1px;
    background-color: #898989;
    margin-top: 10px;
}

.sp-item .sp-list .lon-line {
    width: 240px;
    height: 1px;
    background-color: #898989;
    margin: 10px 0;
}

.sp-item .sp-list > ul > li {
    font-size: 16px;
    color: #555555;
    margin: 15px 0;
}

.sp-item .sp-list > ul > li > em {
    margin-right: 8px;
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #4bcdd9;
}

.sp-beautiful > .w-1200 > .sp-list {
    background: #f4f4f4;
}

.sp-beautiful > .w-1200 > .sp-list > div > .title {
    text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;
}

.sp-beautiful > .w-1200 > .sp-list > div > p {
    color: #555555;
    font-size: 16px;
    line-height: 30px;
    padding: 5px 0;
}

.sp-beautiful > .w-1200 > .sp-list > div > h3 {
    font-size: 16px;
    color: #333;
}

.sp-beautiful > .w-1200 > .sp-list > div > .btn {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 58px;
    width: 220px;
    height: 58px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #4bcdd9;
    margin: 30px auto;
}

.slideTxtBox {
    margin: auto;
    width: 1200px;
}

.slideTxtBox .hd {
    height: 49px;
    line-height: 49px;
    background: #f5f5f5;
    position: relative;
    z-index: 2;
}

.slideTxtBox .hd ul {
    width: 100%;
}

.slideTxtBox .hd ul li {
    float: left;
    width: 14.286%;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
}

.slideTxtBox .hd ul li a {
    color: inherit;
}

.slideTxtBox .hd ul li:hover,
.slideTxtBox .hd ul li.on {
    background: #4bcdd9;
    color: #fff;
    position: relative;
}

/*.slideTxtBox .hd ul li:hover:before,
.slideTxtBox .hd ul li.on:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 100%;
    left: calc(50% - 5px);
    border-top: 10px solid #4be8ce;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}*/
.slideTxtBox .bd {
    margin: 30px 0;
}

.slideTxtBox .bd .detailsLeft {
    width: 245px;
    background-color: #fff;
}

.slideTxtBox .bd .detailsLeft .showS {
    background-color: #f0f0f0;
    height: 220px;
}

.slideTxtBox .bd .detailsLeft ul.menus {
    background: #f5f5f5 none repeat scroll 0 0;
    margin: 0;
    padding: 15px 0 15px 15px;
}

.detailsLeft ul.menus > li.active, .detailsLeft ul.menus > li:hover {
    background: #fff none repeat scroll 0 0;
}

.detailsLeft ul.menus > li.active i, .detailsLeft ul.menus > li:hover i {
    background-image: url("../images/spots/right-hover.png");
}

.detailsLeft ul.menus > li {
    cursor: pointer;
    height: 54px;
    line-height: 44px;
    overflow: hidden;
}

.detailsLeft ul.menus > li h3 {
    border-bottom: 1px solid #f6f6f6;
    font-size: 14px;
    font-weight: normal;
    margin-right: 15px;
    padding: 8px 4px;
}

.detailsLeft ul.menus > li i {
    display: inline-block;
    height: 24px;
    margin-right: 10px;
    margin-top: 10px;
    overflow: hidden;
    vertical-align: top;
    width: 24px;
    background: url("../images/spots/right.png") no-repeat 100% 100%;
    background-size: 100%;
}

.detailsArticle {
    /* background: #fff none repeat scroll 0 0;
     padding: 0 20px 35px 35px;
     width: 880px;*/
}

.detailsArticle > .item {
    display: none;
    margin-bottom: 45px;
}

.detailsArticle > .item:first-child {
    display: block;
}

.detailsArticle > .item .article-title-sub {
    height: 150px;
    overflow: hidden;
    padding: 0 20px 0 150px;
    position: relative;
    background: #fff;
    border: 1px solid #f0f0f0;
    display: table;
}

.detailsArticle > .item .article-title-sub .icon-title {
    height: 151px;
    width: 151px;
    left: 0;
    top: 0;
    overflow: hidden;
    position: absolute;
    background-color: #f5f5f5;
    text-align: center;
    color: #fff;
}

.detailsArticle > .item .article-title-sub .icon-title > .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #4bcdd9;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 60px;
    margin: 25px auto 10px;
}

.detailsArticle > .item .article-title-sub .icon-title > .title {
    padding: 0 5px;
    font-size: 15px;
    color: #333;
    text-align: center;
}

.detailsArticle > .item .article-title-sub p {
    text-indent: 2em;
    color: #8d8d8d;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    padding: 0 0 10px 20px;
    height: 120px;
    width: 688px;
    display: table-cell;
    vertical-align: middle;
}

.detailsArticle > .item .article-title-thu {
    border: 1px solid #f0f0f0;
    border-top: none;
    padding: 20px 20px 0 20px;
}

.detailsArticle > .item .article-title-thu .gallery > li {
    display: block;
    border: 1px solid #f0f0f0;
    float: left;
    height: 100px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 100px;
}

.detailsArticle > .item .article-title-thu .gallery > li > a {
    height: 100px;
    width: 100px;
}

.detailsArticle > .item .article-title-thu .gallery > li > a > img {
    max-width: 100px;
    width: 100%;
    height: 100%;
}

.detailsArticle > .item .tab-content-title {
    color: #313131;
    font-size: 20px;
    padding: 20px 0;
}

.detailsArticle > .item .tab-content-title:before {
    content: '';
    width: 100%;
    border-top: 1px solid #ccc;
    position: relative;
    display: block;
    top: 18px;
}

.detailsArticle > .item .tab-content-title span {
    display: inline-block;
    background-color: #fff;
    position: relative;
    padding-right: 20px;
}

.detailsArticle > .item .function-list > li {
    font-size: 14px;
    position: relative;
    border: 1px solid #f0f0f0;
    border-bottom: none;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.detailsArticle > .item .function-list > li:hover {
    background: #ffffff;
    border-bottom: 1px solid #f0f0f0;
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.detailsArticle > .item .function-list > li:last-child {
    border-bottom: 1px solid #f0f0f0;
}

.detailsArticle > .item .function-list > li > div.icon {
    text-align: center;
    width: 78px;
    height: 78px;
    border-right: 1px solid #f0f0f0;
    line-height: 78px;
    display: list-item;
}

.detailsArticle > .item .function-list > li > div.icon > i {
    line-height: 78px;
    font-size: 50px;
    color: #4bcdd9;
}

.detailsArticle > .item .function-list > li > div.sub {
    border-right: 1px solid #f0f0f0;
    position: relative;
    text-align: center;
    font-size: 16px;
    height: 78px;
    line-height: 78px;
    top: 0;
    padding: 0;
    color: #333;
    width: 173px;
}

.detailsArticle > .item .function-list > li > div.info {
    width: calc(100% - 78px - 215px);
    height: 78px;
    display: table;
    overflow: hidden;
    padding: 0 20px;
}

.detailsArticle > .item .function-list > li > div.info > p {
    line-height: 25px;
    display: table-cell;
    vertical-align: middle;
}

#reserved {
    overflow: hidden;
}

#reserved > .module-img {
    margin: 8px auto 20px;
    width: 90px;
    height: 90px;
}

#reserved > .consult-us {
    position: relative;
    cursor: pointer;
    -webkit-animation: bounceIn 1.5s infinite linear;
    -o-animation: bounceIn 1.5s infinite linear;
    animation: bounceIn 1.5s infinite linear;
}

#reserved > .consult-us > .consult-button {
    width: 110px;
    height: 34px;
    line-height: 34px;
    margin: 10px auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #4bcdd9;
    color: #4bcdd9;
    text-align: center;
    font-size: 15px;
}

#reserved > .consult-us > .consult-nav {
    background: url("../images/spots/shou.png") no-repeat;
    width: 28px;
    height: 22px;
    position: absolute;
    right: 15px;
    top: 6px;
}

#reserved > .module-info {
    width: 95%;
    margin: auto;
    text-indent: 2em;
    font-size: 14px;
    color: #666;
}

.video-h {
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

*::before, *::after {
    box-sizing: border-box;
}

*::before, *::after {
    box-sizing: border-box;
}

.video-con {
    background: #000 none repeat scroll 0 0;
    height: 495px;
    left: calc(50% - 440px);
    position: absolute;
    top: calc(50% - 248px);
    width: 880px;
}

.video-close {
    background: rgba(0, 0, 0, 0) url("../images/video-close.png") no-repeat scroll center center;
    cursor: pointer;
    height: 30px;
    left: 100%;
    margin-left: 25px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 100;
}

.zyb_video {
    background: rgba(0, 0, 0, 0) repeat-x scroll center center;
    height: 549px;
    margin-bottom: 80px;
    min-width: 1200px;
    position: relative;
}

.zyb_video .s2b {
    cursor: pointer;
    height: 158px;
    position: absolute;
    width: 158px;
    left: calc(50% - 76px);
    left: -webkit-calc(50% - 76px);
    top: calc(50% - 76px);
    top: -webkit-calc(50% - 76px);
    -webkit-animation: pulse 2s infinite linear;
    -o-animation: pulse 2s infinite linear;
    animation: pulse 2s infinite linear;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.zyb_video .s2b i {
    background: rgba(0, 0, 0, 0) url("../images/btn_zyb_video.png") no-repeat scroll -170px -48px;
    cursor: pointer;
    display: block;
    height: 25px;
    left: calc(50% - 8px);
    position: absolute;
    top: calc(50% - 8px);
    width: 25px;
}

/*智慧养老*/
.pension .problem {
    /*min-width:1200px;*/
    /*width:1200px;*/
    background: #F3F8FB;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 50px;
}

.pension .problem .problem-title-chinese, .pension .update .update-title-chinese, .pension .leader .leader-title-chinese, .pension .professional .professional-title-chinese {
    color: #4BCDD9;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 1px
}

.pension .problem .problem-title-english, .pension .update .update-title-english, .pension .leader .leader-title-english, .pension .professional .professional-title-english {
    color: #c6c7c8;
    font-size: 13px;
    padding-top: 6px;
    font-weight: 500;
}

.pension .problem .problem-title-chinese .words {
    color: #E63F43;
    font-size: 40px;
    padding: 0 3px;
}

.pension .problem .problem-title-chinese .ask {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #E7B52C;
    color: #fff;
    border-radius: 50%;
    font-size: 22px;
    margin-left: 8px
}

.pension .problem .problem-pic {
    margin-top: 24px;
}

.pension .problem .problem-introduce {
    margin: 50px 0 76px 0;
    width: 100%;
    position: relative;

}

.pension .problem .problem-introduce .cause {
    color: #4BCDD9;
    font-weight: 600;
    font-size: 15px;
}

.pension .problem .problem-introduce .cause-first {
    position: absolute;
    top: 1px;
    left: 384px;
}

.pension .problem .problem-introduce .cause-second {
    position: absolute;
    top: 1px;
    left: 710px;
}

.pension .problem .problem-introduce .cause-third {
    position: absolute;
    top: 135px;
    left: 340px;
}

.pension .problem .problem-introduce .cause-fourth {
    position: absolute;
    top: 135px;
    left: 754px;
}

.pension .problem .problem-introduce .cause-fifth {
    position: absolute;
    top: 264px;
    left: 542px;
}

.pension .problem .problem-introduce .describe {
    width: 323px;
    text-align: left;
    font-size: 12px;
}

.pension .problem .problem-introduce .describe-first {
    position: absolute;
    top: 24px;
    left: 158px;
}

.pension .problem .problem-introduce .describe-second {
    position: absolute;
    top: 24px;
    left: 710px;
}

.pension .problem .problem-introduce .describe-third {
    position: absolute;
    top: 159px;
    left: 144px;
}

.pension .problem .problem-introduce .describe-fourth {
    position: absolute;
    top: 159px;
    left: 753px;
}

.pension .problem .problem-introduce .describe-fifth {
    position: absolute;
    top: 288px;
    left: 406px;
    font-size: 12px;
}

.pension .problem .btn-detail {
    text-decoration: none;
    color: #4BCDD9;
    background: #fff;
    padding: 8px 40px;
    border-radius: 20px;
    cursor: pointer;
    border: 1px solid #E9EAEB;
}

/*problem end*/
/*social start*/
.pension .social {
    /*min-width:1200px;*/
    /*width:1200px;*/
    /*height:320px;*/
    background: url('../images/pension/aged.png') no-repeat center center;
    background-size: cover;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
}

.pension .social .social-title {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 0 0 20px 0;
}

.pension .social .social-content, .pension .leader .leader-content {
    list-style: none;
    padding: 40px 0;
    /*width:86%;*/
    /*margin:38px auto;*/
}

.pension .social .social-content li, .pension .leader .leader-content li {
    float: left;
    width: 25%;
}

.pension .social .social-content li .content-head, .pension .leader .leader-content li .content-head {
    font-size: 12px;
    color: #fff;
    display: block
}

.pension .social .social-content li .content-image, .pension .leader .leader-content li .content-image {
    display: block;
    margin: 18px auto;
}

.pension .social .social-content li .content-words, .pension .leader .leader-content li .content-words {
    color: #fff;
    font-size: 14px;
    width: 184px;
    margin: 10px auto;
}

/*social end*/
/*professional start*/
.pension .professional {
    /*min-width:1200px;*/
    /*width:1200px;*/
    background: url('../images/pension/bg-product.png');
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 30px;
    /*height:400px;*/
}

.pension .professional .professional-content {
    height: 446px;
    position: relative;
    background: url("../images/pension/professional.png") no-repeat center;
}

/*pic public start*/
.pension .professional .professional-content .content-pic {
    position: absolute;
    cursor: pointer;
    width: 217px;
    height: 190px;
    background-size: cover;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.pension .professional .professional-content .content-pic .pic-icon,
.pension .professional .professional-content .content-pic .pic-words {
    display: block;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.pension .professional .professional-content .content-pic .pic-icon {
    margin: 50px auto 14px;
}

.pension .professional .professional-content .content-pic .pic-words {
    font-size: 16px;
    font-weight: 600;
    color: #3CD0CF;
}

.pension .professional .professional-content .content-pic .hover-title,
.pension .professional .professional-content .content-pic .hover-content {
    display: none;
    position: relative;
    z-index: 1;
    margin-top: 10px;
    font-size: 14px;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.pension .professional .professional-content .content-pic:hover {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.pension .professional .professional-content .content-pic:hover .pic-icon,
.pension .professional .professional-content .content-pic:hover .pic-words {
    display: none;
}

.pension .professional .professional-content .content-pic:hover .hover-title,
.pension .professional .professional-content .content-pic:hover .hover-content {
    display: block;
}

.pension .professional .professional-content .content-pic1 {
    top: 45px;
    left: 178px;
    background: url('../images/pension/pic-1.png') no-repeat center center;
}

.pension .professional .professional-content .content-pic1:hover {
    background-image: url("../images/pension/polygons-1.png");
}

.pension .professional .professional-content .content-pic2 {
    top: 158px;
    left: 370px;
    background: url('../images/pension/pic-2.png') no-repeat center center;
}

.pension .professional .professional-content .content-pic2:hover {
    background-image: url("../images/pension/polygons-2.png");
}

.pension .professional .professional-content .content-pic3 {
    top: 158px;
    right: 370px;
    background: url('../images/pension/pic-3.png') no-repeat center center;
}

.pension .professional .professional-content .content-pic3:hover {
    background-image: url("../images/pension/polygons-3.png");
}

.pension .professional .professional-content .content-pic4 {
    top: 45px;
    right: 178px;
    background: url('../images/pension/pic-4.png') no-repeat center center;
}

.pension .professional .professional-content .content-pic4:hover {
    background-image: url("../images/pension/polygons-4.png");
}

.pension .professional .professional-content .content-btn {
    display: inline-block;
    color: #4BCDD9;
    text-decoration: none;
    width: 130px;
    border: 2px solid #4BCDD9;
    line-height: 30px;
    position: absolute;
    bottom: 28px;
    left: 535px;
}

/*professional end*/
/*update start*/
.pension .update {
    /*min-width:1200px;*/
    /*width:1200px;*/
    background: #F3F8FB;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 30px;
}

.pension .update .update-content {
    list-style: none;
    width: 100%;
    margin: 30px auto;
}

.pension .update .update-content li {
    float: left;
    width: 33.3334%;
    margin-top: 20px;
}

.pension .update .update-content li .ways {
    border: 1px solid #CFD3D3;
    width: 80%;
    height: 100px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

.pension .update .update-content li .ways .ways-title {
    margin: 14px 40px 10px 46px;
    font-size: 14px;
    color: #4BCDD9;
    font-weight: 600;
}

.pension .update .update-content li .ways .ways-img {
    position: absolute;
    top: 14px;
    left: 18px;
}

.pension .update .update-content li .ways .ways-words {
    margin: 0 46px 0;
    font-size: 14px;
    color: #B0B1B2;
}

/*update end*/
/*leader start*/
.pension .leader {
    background: #fff;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 30px;
}

.pension .leader .leader-content li .head-different {
    color: #4BCDD9;
    font-size: 16px;
}

.pension .leader .leader-content li .words-different {
    color: #333;
}

.color-C8D33B {
    color: #C8D33B !important;
}

.color-23C687 {
    color: #23C687 !important;
}

.color-F7AF3E {
    color: #F7AF3E !important;
}

/*footer*/
.footer {
    margin-top: 20px;
}

.footer .foot-nav {
    background-color: #272727;
    color: #999999;
    font-size: 14px;
    min-width: 1200px;
}

.footer .foot-nav .navigation .nav {
    padding: 30px 0;
}

.footer .foot-nav .navigation .nav > .columns li {
    color: #999999;
}

.navigation .nav .columns {
    width: 180px;
}

.navigation .nav .columns h3 {
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.footer .foot-nav .navigation .code {
    width: 180px;
    padding: 30px 20px;
    text-align: center;
    border-left: 1px solid #414141;
    -webkit-box-shadow: -1px 0 #222;
    -moz-box-shadow: -1px 0 #222;
    box-shadow: -1px 0 #222;
}

.footer .foot-nav .navigation .code div {
    margin-top: 5px
}

.footer .foot-information {
    min-width: 1200px;
    background-color: #969696
}

.footer .foot-information .information {
    padding: 20px 0;
    color: #FFFFFF
}

.foot-information .information .address div {
    padding: 3px 0
}

.foot-information .information .record {
    margin-top: 15px;
    width: 500px
}

.foot-information .information .record img {
    margin-left: 10px
}

/*申请试用*/
#dialog-model {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:19891014;
    background-color:#000;
    opacity:0.3;
    filter:alpha(opacity=30);
    display: none;
}
#dialog {
    display: none;
    z-index:19891015;
    position: fixed;
    pointer-events: auto;
    top: 10%;
    left: calc(50% - 350px);
    width: 700px;
    border-radius: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    margin: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3)
}
#Description {
    display: none;
    z-index:19891015;
    position: fixed;
    pointer-events: auto;
    top: 10%;
    left: calc(50% - 500px);
    width: 1000px;
    border-radius: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    margin: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3)
}
.layui-layer-title {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;
}
/*.layui-layer-setwin {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 0;
    line-height: initial;
}
.layui-layer-dialog .layui-layer-content {
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
}
.layui-layer-setwin .layui-layer-close {
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    right: 10px;
    position: absolute;
    top: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.layui-layer-setwin .layui-layer-close::before,
.layui-layer-setwin .layui-layer-close::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -3px;
    background: #333;
}
.layui-layer-setwin .layui-layer-close::before {
    transform: rotate(45deg);
}
.layui-layer-setwin .layui-layer-close::after {
    transform: rotate(-45deg);
}
.layui-layer-setwin .layui-layer-close:hover {
    transform: rotate(90deg);
}*/
.form  input,textarea,
#dialog  input,textarea{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

#dialog .cont {
    background: #fff none repeat scroll 0 0;
    margin-top: 30px;
    overflow: hidden;
    padding: 20px 10px;
    width: 940px;
}

#dialog .ov {
    overflow: hidden;
}

#dialog .w-contact-About .h2 {
    color: #ff7200;
    font-size: 36px;
    height: 60px;
    line-height: 55px;
    overflow: hidden;
    padding-left: 20px;
}

#dialog .cpty p {
    font-size: 16px;
    line-height: 34px;
    overflow: hidden;
}

#dialog .cor-64b {
    color: #64b339;
}

#dialog .mar-t-10 {
    margin-top: 10px;
}

#dialog .mar-b-10 {
    margin-bottom: 10px;
}

.form .label {
    display: block;
    line-height: 32px;
    overflow: hidden;
    padding: 4px 3px;
    width: 100%;
}

.form .title {
    color: #444;
    float: left;
    font-size: 16px;
    padding-right: 8px;
    text-align: right;
    width: 150px;
}

.cpty span {
    color: #ff4040;
}

.form .txt {
    background: #fff none repeat scroll 0 0;
    color: #aaa;
    display: inline;
    float: left;
    font-size: 16px;
    height: 32px;
    line-height: 16px;
    margin-right: 10px;
    overflow: hidden;
    padding: 8px;
    width: 200px;
}

.cpty span {
    color: #ff4040;
}

.form .submit {
    background-color: #56bd48;
    display: block;
    height: 40px;
    margin: 0 auto;
    color: #FFFFFF;
    width: 122px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
}



#dialog .form .textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #aaa;
    float: left;
    font-size: 14px;
    height: 90px;
    line-height: 16px;
    margin-right: 10px;
    padding: 8px;
    width: 200px;
}

.error{
    margin-left: 20px;
    color: red;
}

/* 解决方案左侧菜单栏样式 */
.solution-left-menu .menu-item {
    margin: 10px 0;
}
.solution-left-menu .menu-item .title {
    color: #fff;
    padding: 10px 18px 10px 18px;
    width: 100%;
    font-size:16px;
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/
    background: #3083F4 url(../images/top-btn.png) no-repeat 90% center;
    background-size: 16px 16px;
    cursor: pointer;
}

.solution-left-menu div.active .title{
    background-color: #3083F4;
    background-image: url(../images/down-btn.png);
}

.solution-left-menu .menu-item > ul {
    display: none;
}

.solution-left-menu .menu-item > ul > li {
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
   /* -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    margin: 5px 0;
    padding: 10px 22px 10px 22px;
}
.solution-left-menu .menu-item > ul > li > a > em {
    width: 8px;
    height: 8px;
    background: #a8a8a8;
    margin-right: 10px;
    display: inline-block;
}
.solution-left-menu .menu-item > ul > li.active {
    /*background-color: #00d1de;*/
}
.solution-left-menu .menu-item > ul > li.active > a {
    color: #3083F4;
}
.solution-left-menu .menu-item > ul > li.active > a > em {
   /* transform:rotate(45deg);
    -ms-transform:rotate(45deg); 	!* IE 9 *!
    -moz-transform:rotate(45deg); 	!* Firefox *!
    -webkit-transform:rotate(45deg); !* Safari 和 Chrome *!
    -o-transform:rotate(45deg); 	!* Opera *!*/
    background-color: #3083F4;
}
#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:99999;
}
.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 {
    PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -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
}
.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: 75px; LEFT: 1px
}
.float0831 .btnOpen_n {
    TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
    TOP: 75px; 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
}

/*一体技术*/
.xl-technology-panel{
    width: 100%;
    padding: 55px 0;
}

.xl-technology-panel .w-1200 .xl-technology-img{
    width: 1200px;
    margin-bottom: 30px;
}

.xl-technology-panel .w-1200 .xl-technology-img img{
    width: 100%;
}

.xl-technology-boxWrap .xl-technology-box .xl-technology-list{
    float: left;
    width: 400px;
    margin-right: 25px;
    /*margin-right: 60px;*/
}

.xl-technology-boxWrap .xl-technology-box .xl-technology-list:last-child{
    width: 350px;
    margin-right: 0;
}

.xl-technology-boxWrap .xl-technology-box .xl-technology-list .technology-title{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.xl-technology-boxWrap .xl-technology-box .xl-technology-list .technology-content{
    width:350px;
    float: left;
    line-height: 24px;
    letter-spacing: 1px;
    font-size: 15px;
    color: #666666;
}

.xl-technology-boxWrap .xl-technology-box .xl-technology-list img{
    width: 22px;
    height: 22px;
    display: inline-block;
    float: right;
    margin-top: 3px;
}

/*应急广播平台*/
.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%;
}

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