/* Public */
@charset "utf-8";

@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('/static/fonts/SourceHanSansCN-Regular.ttf');
}

@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('/static/fonts/SourceHanSansCN-Medium.ttf');
}

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,
input, select, button, textarea, iframe, table, th, td
{
    margin: 0;
    padding: 0;
}
img {
    border: 0 none;
    vertical-align: top;
}
ul,li,dl,dd,dt {
    list-style-type: none;
}
i,em,cite {
    font-style: normal
}
body {
    -webkit-text-size-adjust:none; /* 谷歌不支持12px以下字号 */
    font-family: SourceHanSansCN-Regular,SourceHanSansCN;
    font-weight:400;
}
a{
    text-decoration: none;
}
.clear,.cle {
    clear:both;
}
a,area {
    blr:expression(this.onFocus=this.blur()); /*  去掉IE下链接虚线框 */
}
a:focus {
    outline: none; /* 去掉火狐下链接虚线框 */
}

#header, #banner, #content, #footer {
    min-width: 1200px;
}

.revealOnScroll { opacity: 0; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
@-webkit-keyframes fadeInBottom { 0% {
    opacity:0;
    -webkit-transform:translateY(100px);
    transform:translateY(100px);
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes fadeInBottom { 0% {
    opacity:0;
    -webkit-transform:translateY(100px);
    transform:translateY(100px);
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
.fadeInBottom { -webkit-animation-name: fadeInBottom; animation-name: fadeInBottom; }
@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-80px)}
    100%{opacity:1; -webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
    0%{opacity:0;-moz-transform:translateX(-80px)}
    100%{opacity:1;-moz-transform:translateX(0)}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(80px)}
    100%{opacity:1; -webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
    0%{opacity:0;-moz-transform:translateX(80px)}
    100%{opacity:1;-moz-transform:translateX(0)}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }



@-webkit-keyframes fadeInTop { 0% {
    opacity:0;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes fadeInTop { 0% {
    opacity:0;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
.fadeInTop { -webkit-animation-name: fadeInTop; animation-name: fadeInTop; }

@-webkit-keyframes fadeInDown { 0% {
    opacity:0;
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes fadeInDown { 0% {
    opacity:0;
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft { 0% {
    opacity:0;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
}
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
@keyframes fadeInLeft { 0% {
    opacity:0;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
}
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight { 0% {
    opacity:0;
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
}
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
@keyframes fadeInRight { 0% {
    opacity:0;
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
}
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes danchu { 0% {
    opacity:0;

}
    100% {
        opacity:1;

    }
}
@keyframes danchu { 0% {
    opacity:0;

}
    100% {
        opacity:1;
    }
}

/* 头部 */
.header {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 101;
}
.header .container {
    width: 100%;
    height: 101px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
.header .main {
    width: 1200px;
    height: 101px;
    margin: 0 auto;
}
.main_bg {
    position: absolute;
    width: 100%;
    height: 101px;
    left: 0;
    top: -100%;
    z-index: 99;
    background: rgba(255, 255, 255, 0.97);
    transition: all 1.5s cubic-bezier(.19,1,.22,1);
    -webkit-transition: all 1.5s cubic-bezier(.19,1,.22,1);
    box-shadow: 0 0 4px #cccccc;
}
.container_fixed .main_bg {
    top: -0%;
    transition: all 1.5s cubic-bezier(.19,1,.22,1);
    -webkit-transition: all 1.5s cubic-bezier(.19,1,.22,1);
}
/* logo */
.logo {
    width: 228px;
    height: 81px;
    float: left;
    position: relative;
    margin: 10px auto;
    z-index: 100;
}
.logo img {
    width: 100%;
    height: 100%;
}
.container_fixed .logo {}
/* logo_end */
/* 头部导航 */
.headerNav {
    float: right;
    position: relative;
    z-index: 100;
}
.headerNav_main {
    float: left;
    margin-top: 40px;
}
/* 栏目 */
.headerNav_li {
    width: auto;
    line-height: 20px;
    position: relative;
    margin-right: 60px;
    float: left;
}
.headerNav_li > a {
    font-size: 18px;
    color: #ffffff;
}
.container_fixed .headerNav_li > a {
    color: #000000;
}
.headerNav_li_subclass > a::after {
    content: '';
    width: 17px;
    height: 11px;
    background: url('/static/images/headerNav_down.png') no-repeat;
    background-size: 17px 11px;
    position: absolute;
    top: 9px;
    right: -22px;
}
.headerNav_li_active > a::after {
    content: '';
    width: 17px;
    height: 11px;
    background: url('/static/images/headerNav_up.png') no-repeat;
    background-size: 17px 11px;
    position: absolute;
    top: 9px;
    right: -22px;
}
.container_fixed .headerNav_li_subclass > a::after{
    background: url(/static/images/headerNav_down_active.png) no-repeat;
}
/* 一级类别 */
.headerNav_ul2 {
    position: absolute;
    padding-top: 59px;
    left: -100px;
    display: none;
}
.headerNav_ul2::before {
    content: '';
    width: 26px;
    height: 26px;
    background: url(/static/images/headerNav_triangle.png) no-repeat;
    position: absolute;
    top: 40px;
    left: 130px;
}
.headerNav_li2 {
    width: 280px;
    height: 65px;
    line-height: 65px;
    position: relative;
    border: 1px solid #f5f5f5;
    text-align: center;
    background: #ffffff;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.headerNav_li2:first-child {
    border-radius: 4px 4px 0 0;
}
.headerNav_li2:last-child {
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #ccc;
}
.headerNav_li2 > a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
/* 电话 */
.headerNav_tel {
    width: auto;
    height: 45px;
    line-height: 45px;
    float: left;
    margin: 27px auto;
    padding: 0 20px;
    position: relative;
    border: 1px solid #ffffff;
    border-radius: 4px;
}
.headerNav_tel::before {
    content: '';
    width: 14px;
    height: 14px;
    float: left;
    background: url('/static/images/headerNav_tel.png') no-repeat;
    background-size: 14px 14px;
    margin-top: 15px;
    margin-right: 15px;
}
.headerNav_tel span {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}
.container_fixed .headerNav_tel {
    border: 1px solid #000000;
}
.container_fixed .headerNav_tel span {
    color: #000000;
}
.container_fixed .headerNav_tel::before {
    background: url('/static/images/headerNav_tel_active.png') no-repeat;
}
/* 头部导航_end */
/* 头部_end */
/* 底部 */
.footer {
    width: 100%;
    height: auto;
    position: relative;
}
.footer .container {
    width: 100%;
    height: auto;
    position: relative;
}
.footer .main {
    background: #000000;
}
/* 底部导航 */
.footerNav {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 100px 0;
}
.footerNav_main {
    width: 1200px;
    margin: 0 auto;
}
.footerNav_li {
    width: 100px;
    line-height: 24px;
    position: relative;
    margin-right: 72px;
    float: left;
}
.footerNav_li > a {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}
.footerNav_ul2 {
    margin-top: 10px;
}
.footerNav_li2 {
    width: auto;
    line-height: 30px;
}
.footerNav_li2 > a {
    width: auto;
    font-size: 14px;
    color: #838383;
}
.footerNav_li2:hover > a {
    color: #ffffff;
}
/* 联系 */
.footerNav_contact {
    width: 340px;
    line-height: 24px;
    float: left;
    position: relative;
}
.footerNav_contact>a {
    font-size: 16px;
    color: #ffffff;
}
.footerNav_contact_ul {
    margin-top: 10px;
}
.footerNav_contact_li {
    width: auto;
    height: 30px;
    line-height: 30px;
}
.footerNav_contact_li > span {
    width: 321px;
    float: left;
    margin-left: 5px;
    font-size: 14px;
    color: #838383;
}
.footerNav_contact_li > span > a {
    width: auto;
    margin-left: 2px;
    font-size: 14px;
    color: #838383;
}
.footerNav_contact_li:hover > span, .footerNav_contact_li:hover > span > a {
    color: #ffffff;
}
.footerNav_contact_li > i {
    width: 14px;
    height: 14px;
    margin: 8px auto;
    float: left;
}
.footerNav_phone > i {
    background: url("/static/images/footerNav_phone.png") no-repeat;
    background-size: 14px 14px;
}
.footerNav_qq > i {
    background: url("/static/images/footerNav_qq.png") no-repeat;
    background-size: 14px 14px;
}
.footerNav_web > i {
    background: url("/static/images/footerNav_web.png") no-repeat;
    background-size: 14px 14px;
}
.footerNav_addres > i {
    background: url("/static/images/footerNav_addres.png") no-repeat;
    background-size: 14px 14px;
}
/* 底部导航_end */
/* 版权 */
.copy {
    width: 100%;
    height: auto;
    position: relative;
}
.copy_main {
    width: 1200px;
    height: auto;
    line-height: 20px;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 14px;
    color: #838383;
    text-align: center;
}
/* 版权_end */
/* 底部_end */

/* 营销窗口 */
.marketing {
    width: 83px;
    position: fixed;
    right: 6px;
    bottom: 80px;
    z-index: 100;
}
.marketing_li {
    width: 83px;
    height: 83px;
    position: relative;
    margin-top: 17px;
    border-radius: 50%;
}
.marketing_li:first-child {
    margin-top: 0;
}
.marketing_li:last-child {
    margin-top: 60px;
}
.marketing_li i {
    width: 83px;
    height: 83px;
    display: block;
}
/* 手机 */
.marketing_phone a i {
    background: url("/static/images/marketing_phone.png") no-repeat;
    background-size: 83px 83px;
}
.marketing_phone .marketing_phone_box {
    width: 249px;
    height: 83px;
    line-height: 83px;
    position: absolute;
    top: 0;
    left: -166px;
    background: #6D9DCD;
    border-radius: 50px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    display: none;
}
/* QQ */
.marketing_qq a i {
    background: url("/static/images/marketing_qq.png") no-repeat;
    background-size: 83px 83px;
}
.marketing_qq a i:hover {
    background: url("/static/images/marketing_qq_active.png") no-repeat;
    background-size: 83px 83px;
}
/* 微信 */
.marketing_wechat a i {
    background: url("/static/images/marketing_wechat.png") no-repeat;
    background-size: 83px 83px;
}
.marketing_wechat a i:hover {
    background: url("/static/images/marketing_wechat_active.png") no-repeat;
    background-size: 83px 83px;
}
.marketing_wechat .marketing_wechat_box {
    width: 137px;
    height: 154px;
    position: absolute;
    top: -25px;
    right: 88px;
    display: none;
}
.marketing_wechat .marketing_wechat_box img {
    width: 137px;
    height: 154px;
}
/* 定制 */
.marketing_programme a i {
    background: url("/static/images/marketing_programme.png") no-repeat;
    background-size: 83px 83px;
}
.marketing_programme a i:hover {
    background: url("/static/images/marketing_programme_active.png") no-repeat;
    background-size: 83px 83px;
}
/* 回到顶部 */
.marketing_top {
    display: none;
}
.marketing_top a i {
    background: url("/static/images/marketing_top.png") no-repeat;
    background-size: 83px 83px;
}
.marketing_top a i:hover {
    background: url("/static/images/marketing_top_active.png") no-repeat;
    background-size: 83px 83px;
}
/* 营销窗口_end */
/* end_Public */

/* index */
/* 广告条 */
.index .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.index .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.index .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
.index .banner .swiper-container .swiper-slide-consultation {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.index .banner .swiper-container .swiper-slide-consultation a {
    width: 246px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 640px auto 0;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    transition: all 0.5s;
}
.index .banner .swiper-container .swiper-slide-consultation a:hover {
    transform: scale(1.05);
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.index .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* 服务项目 */
.index .serviceItems {
    width: 100%;
    height: auto;
    position: relative;
}
.index .serviceItems_main {
    width: 1200px;
    height: 550px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.index .serviceItems_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 42px;
    color: #212121;
    text-align: center;
}
.index .serviceItems_box {
    width: 100%;
    height: 100%;
    position: relative;
}
.index .serviceItems_li {
    width: 260px;
    height: 300px;
    float: left;
    margin-right: 53px;
}
.index .serviceItems_li:last-child {
    margin-right: 0;
}
.index .serviceItems_img {
    width: 190px;
    height: 156px;
    position: relative;
    margin: 0 auto;
}
.index .serviceItems_img img {
    width: 100%;
    height: 100%;
}
.index .serviceItems_name {
    width: 100%;
    height: auto;
    line-height: 30px;
    margin-top: 30px;
    text-align: center;
    overflow: hidden;
}
.index .serviceItems_name a {
    font-size: 22px;
    font-weight: 500;
    color: #212121;
}
.index .serviceItems_content {
    width: 100%;
    height: auto;
    line-height: 24px;
    font-size: 12px;
    color: #767676;
    text-align: center;
    overflow: hidden;
}
.index .serviceItems_more {
    width: 100%;
    height: auto;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
}
.index .serviceItems_more a {
    font-size: 16px;
    color: #246FB7;
}
/* 服务项目_end */
/* 合作流程 */
.index .cooperationProcess {
    width: 100%;
    height: auto;
    position: relative;

}
.index .cooperationProcess_main {
    width: 1200px;
    height: 555px;
    margin: 0 auto;
    position: relative;
    background: url("/static/images/index/index_process.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.index .cooperationProcess_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 42px;
    color: #212121;
    text-align: center;
}
/* 合作流程_end */
/* 案例展示 */
.index .casePresentation {
    width: 100%;
    height: auto;
    position: relative;
}
.index .casePresentation_main {
    width: 1200px;
    height: 800px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.index .casePresentation_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.index .casePresentation_box {
    width: 100%;
    height: 470px;
    position: relative;
}
.index .casePresentation_li {
    width: 378px;
    height: 398px;
    float: left;
    margin: 0 30px 30px 0;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    overflow: hidden;
}
.index .casePresentation_li:hover {
    border: 1px solid #3189DD;
}
.index .casePresentation_li:nth-child(3n) {
    margin: 0 0 30px 0;
}
.index .casePresentation_img {
    width: 378px;
    height: 284px;
}
.index .casePresentation_img img {
    width: 100%;
    height: 100%;
}
.index .casePresentation_name {
    width: 360px;
    height: 40px;
    line-height: 40px;
    margin: 25px 0 0 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.index .casePresentation_name a {
    font-size: 24px;
    color: #3c3c3c;
}
.index .casePresentation_li:hover .casePresentation_name a{
    color: #3189DD;
}
.index .casePresentation_content {
    width: 356px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 0 22px;
    font-size: 18px;
    color: #939393;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.index .casePresentation_more {
    width: 254px;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    text-align: center;
}
.index .casePresentation_more a {
    display: block;
    font-size: 20px;
    color: #797979;
}
.index .casePresentation_more:hover {
    border: 1px solid #3189DD;
}
.index .casePresentation_more:hover a {
    color: #3189DD;
}
/* 案例展示_end */
/* 360°全方位一站式服务 */
.index .allService {
    width: 100%;
    height: auto;
    position: relative;
    background: #F8F8F8;
}
.index .allService_main {
    width: 1200px;
    height: 1400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.index .allService_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.index .allService_box {
    width: 100%;
    height: 400px;
    position: relative;
}
.index .allService_li {
    width: 260px;
    height: 310px;
    float: left;
    margin-right: 53px;
}
.index .allService_li:last-child {
    margin-right: 0;
}
.index .allService_img {
    width: 202px;
    height: 202px;
    position: relative;
    margin: 0 auto;
}
.index .allService_img img {
    width: 100%;
    height: 100%;
}
.index .allService_name {
    width: 100%;
    height: auto;
    line-height: 33px;
    margin-top: 25px;
    text-align: center;
}
.index .allService_name a {
    font-size: 22px;
    font-weight: 500;
    color: #212121;
}
.index .allService_content {
    width: 100%;
    height: auto;
    line-height: 24px;
    margin: 0 auto;
    font-size: 14px;
    color: #767676;
    text-align: center;
}
.index .allService_box2 {
    width: 100%;
    height: 600px;
    position: relative;
    margin-bottom: 75px;
    background: url("/static/images/index/index_data.png") no-repeat center center;
    background-size: 100% 100%;
}
.index .allService_ul2 {
    width: 100%;
    height: 252px;
    padding: 174px 0;
}
.index .allService_li2 {
    width: 260px;
    height: 252px;
    float: left;
    margin-right: 53px;
}
.index .allService_li2:last-child {
    margin-right: 0;
}
.index .allService_num {
    width: 100%;
    height: 219px;
    line-height: 219px;
    font-size: 80px;
    font-weight:bold;
    color: #ffffff;
    text-align: center;
}
.index .allService_text {
    width: 100%;
    height: 33px;
    line-height: 33px;
    font-size: 22px;
    color: #ffffff;
    text-align: center;
}
.index .allService_more {
    width: 254px;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    text-align: center;
}
.index .allService_more a {
    display: block;
    font-size: 20px;
    color: #797979;
}
.index .allService_more:hover {
    border: 1px solid #3189DD;
}
.index .allService_more:hover a {
    display: block;
    color: #3189DD;
}
/* 360°全方位一站式服务_end */
/* 新闻动态 */
.index .newsInformation {
    width: 100%;
    height: auto;
    position: relative;
}
.index .newsInformation_main {
    width: 1200px;
    height: 700px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.index .newsInformation_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.index .newsInformation_box {
    width: 100%;
    height: auto;
    position: relative;
}
.index .newsInformation_li {
    width: 378px;
    height: 398px;
    float: left;
    margin: 0 30px 30px 0;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    overflow: hidden;
}
.index .newsInformation_li:hover {
    border: 1px solid #3189DD;
}
.index .newsInformation_li:nth-child(3n) {
    margin: 0 0 30px 0;
}
.index .newsInformation_img {
    width: 378px;
    height: 284px;
}
.index .newsInformation_img img {
    width: 100%;
    height: 100%;
}
.index .newsInformation_name {
    width: 360px;
    height: 40px;
    line-height: 40px;
    margin: 25px 0 0 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.index .newsInformation_name a {
    font-size: 24px;
    color: #3c3c3c;
}
.index .newsInformation_li:hover .newsInformation_name a{
    color: #3189DD;
}
.index .newsInformation_content {
    width: 356px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 0 22px;
    font-size: 18px;
    color: #939393;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.index .newsInformation_more {
    width: 254px;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    text-align: center;
    clear: both;
}
.index .newsInformation_more a {
    font-size: 20px;
    color: #797979;
}
.index .newsInformation_more:hover {
    border: 1px solid #3189DD;
}
.index .newsInformation_more:hover a {
    color: #3189DD;
}
/* 新闻动态_end */
/* 合作企业 */
.index .cooperativeEnterprise {
    width: 100%;
    height: auto;
    position: relative;
}
.index .cooperativeEnterprise_main {
    width: 1200px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.index .cooperativeEnterprise_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.index .cooperativeEnterprise_box {
    width: 100%;
    height: auto;
    position: relative;
}
.index .cooperativeEnterprise_li {
    width: 200px;
    height: 100px;
    float: left;
    position: relative;
}
.index .cooperativeEnterprise_img {
    width: 200px;
    height: 100px;
}
.index .cooperativeEnterprise_img img {
    width: 100%;
    height: 100%;
}
/* 合作企业_end */
/* 内容区_end */
/* index_end */

/* about */
/* 广告条 */
.about .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.about .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.about .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
.about .banner .swiper-container .swiper-slide-consultation {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.about .banner .swiper-container .swiper-slide-consultation a {
    width: 246px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 640px auto 0;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    transition: all 0.5s;
}
.about .banner .swiper-container .swiper-slide-consultation a:hover {
    transform: scale(1.05);
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.about .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* aboutTitle */
.about .aboutTitle {
    width: 100%;
    height: auto;
    position: relative;
}
.about .aboutTitle_main {
    width: 1200px;
    height: 100%;
    min-height: 708px;
    margin: 0 auto;
    position: relative;
    background: #ffffff;
    overflow: hidden;
}
.about .aboutTitle_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.about .aboutTitle_box {
    width: 100%;
    height: auto;
    position: relative;
}
.about .aboutTitle_line {
    width: auto;
    height: auto;
    position: relative;
    margin: 0 97px;
    border-left: 2px solid #4074A3;
}
.about .aboutTitle_text {
    width: auto;
    height: auto;
    margin: 0 50px;
}
.about .aboutTitle_text > span {
    line-height: 46px;
    font-size: 24px;
    color: #3C3C3C;
}
.about .aboutTitle_text > p {
    line-height: 46px;
    font-size: 24px;
    color: #3C3C3C;
}
.about .aboutTitle_text > p > span {
    line-height: 46px;
    font-size: 24px;
    color: #858585;
}
/* aboutTitle_end */
/* aboutTeam */
.about .aboutTeam {
    width: 100%;
    height: auto;
    position: relative;
    background: #F8F8F8;
}
.about .aboutTeam_main {
    width: 1200px;
    height: 100%;
    min-height: 708px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.about .aboutTeam_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.about .aboutTeam_box {
    width: 100%;
    height: auto;
    position: relative;
}
.about .aboutTeam_li {
    width: auto;
    height: 550px;
    position: relative;
    background: #ffffff;
    text-align: center;
}
.about .aboutTeam_img {
    width: 200px;
    height: 200px;
    position: relative;
    margin: 0 auto;
    margin-top: 50px;
}
.about .aboutTeam_img img {
    width: 100%;
    height: 100%;
}
.about .aboutTeam_name {
    width: 100%;
    height: auto;
    line-height: 50px;
    margin-top: 30px;
    font-size: 38px;
    color: #3C3C3C;
    text-align: center;
}
.about .aboutTeam_content {
    width: 330px;
    height: 149px;
    line-height: 45px;
    margin: 20px auto 0;
    font-size: 18px;
    color: #3C3C3C;
}
/* swiper */
.about .about-swiper-container {
    width: 100%;
    height: 100%;
}
.about .about-swiper-container .swiper-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}
.about .about-swiper-container .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
}
.about .about-swiper-container .about-swiper-pagination {
    padding: 50px 0;
    text-align: center;
}
.about .about-swiper-container .about-swiper-pagination span {
    width: 20px;
    height: 20px;
    background: #D8D8D8;
    opacity: 1;
}
.about .about-swiper-container .about-swiper-pagination span.swiper-pagination-bullet-active {
    background: #00B462;
}
/* aboutTeam_end */
/* aboutAdvantage */
.about .aboutAdvantage {
    width: 100%;
    height: auto;
    position: relative;
}
.about .aboutAdvantage_main {
    width: 1200px;
    height: 1500px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.about .aboutAdvantage_title {
    width: 100%;
    height: auto;
    line-height: 78px;
    padding: 51px 0;
    font-size: 52px;
    color: #212121;
    text-align: center;
}
.about .aboutAdvantage_box {
    width: 100%;
    height: 1200px;
    position: relative;
}
.about .aboutAdvantage_box > div {
    width: 247px;
    height: 350px;
    position: absolute;
}
.about .aboutAdvantage_box > div.aboutAdvantage_row1 {
    top: 0;
    left: 0;
}
.about .aboutAdvantage_box > div.aboutAdvantage_row2 {
    top: 0;
    right: 0;
}
.about .aboutAdvantage_box > div.aboutAdvantage_row3 {
    width: 727px;
    height: 712px;
    top: 65px;
    left: 235px;
}
.about .aboutAdvantage_box > div.aboutAdvantage_row3 .aboutAdvantage_img {
    width: 727px;
    height: 712px;
}
.about .aboutAdvantage_box > div.aboutAdvantage_row4 {
    bottom: 50px;
    left: 476px;
}
.about .aboutAdvantage_box > div .aboutAdvantage_img {
    width: 247px;
    height: 247px;
    position: relative;
}
.about .aboutAdvantage_box > div .aboutAdvantage_img img {
    width: 100%;
    height: 100%;
}
.about .aboutAdvantage_box > div .aboutAdvantage_name {
    width: 100%;
    height: auto;
    line-height: 30px;
    margin-top: 10px;
    font-size: 30px;
    color: #3C3C3C;
    text-align: center;
}
.about .aboutAdvantage_box > div .aboutAdvantage_content {
    width: 100%;
    height: auto;
    line-height: 26px;
    margin-top: 10px;
    font-size: 20px;
    color: #949494;
    text-align: center;
}
/* aboutAdvantage_end */
/* 内容区_end */
/* about_end */

/* service */
/* 广告条 */
.service .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.service .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.service .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
.service .banner .swiper-container .swiper-slide-consultation {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.service .banner .swiper-container .swiper-slide-consultation a {
    width: 246px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 640px auto 0;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    transition: all 0.5s;
}
.service .banner .swiper-container .swiper-slide-consultation a:hover {
    transform: scale(1.05);
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.service .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* 服务项目 */
.service .serviceItems {
    width: 100%;
    height: auto;
    position: relative;
}
.service .serviceItems_main {
    width: 1200px;
    height: 550px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service .serviceItems_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 42px;
    color: #212121;
    text-align: center;
}
.service .serviceItems_box {
    width: 100%;
    height: 100%;
    position: relative;
}
.service .serviceItems_li {
    width: 260px;
    height: 300px;
    float: left;
    margin-right: 53px;
}
.service .serviceItems_li:last-child {
    margin-right: 0;
}
.service .serviceItems_img {
    width: 190px;
    height: 156px;
    position: relative;
    margin: 0 auto;
}
.service .serviceItems_img img {
    width: 100%;
    height: 100%;
}
.service .serviceItems_name {
    width: 100%;
    height: auto;
    line-height: 30px;
    margin-top: 30px;
    text-align: center;
    overflow: hidden;
}
.service .serviceItems_name a {
    font-size: 22px;
    font-weight: 500;
    color: #212121;
}
.service .serviceItems_content {
    width: 100%;
    height: auto;
    line-height: 24px;
    font-size: 12px;
    color: #767676;
    text-align: center;
    overflow: hidden;
}
.service .serviceItems_more {
    width: 100%;
    height: auto;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
}
.service .serviceItems_more a {
    font-size: 16px;
    color: #246FB7;
}
/* 服务项目_end */
/* 合作流程 */
.service .cooperationProcess {
    width: 100%;
    height: auto;
    position: relative;
}
.service .cooperationProcess_main {
    width: 1200px;
    height: 555px;
    margin: 0 auto;
    position: relative;
    background: url("/static/images/index/index_process.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.service .cooperationProcess_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 42px;
    color: #212121;
    text-align: center;
}
/* 合作流程_end */
/* 产品类型 */
.service .productType {
    width: 100%;
    height: auto;
    position: relative;
}
.service .productType_main {
    width: 1200px;
    height: 700px;
    margin: 0 auto;
    padding-top: 118px;
    position: relative;
    overflow: hidden;
}
.service .productType_titleList {
    width: 300px;
    height: 562px;
    float: left;
    position: relative;
}
.service .productType_titleUl {
    width: 300px;
    height: 562px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.service .productType_titleLi {
    width: 300px;
    line-height: 30px;
    margin-top: 30px;
}
.service .productType_titleLi a {
    font-size: 20px;
    color: #8F8F8F;
}
.service .productType_titleLi_cur a {
    padding-bottom: 13px;
    color: #11B96C;
    border-bottom: 1px solid #1DBC73;
}
.service .productType_boxList {
    width: 900px;
    height: 562px;
    float: left;
    position: relative;
    overflow: hidden;
}
.service .productType_boxLi {
    width: 900px;
    height: 562px;
    position: relative;
    background: #2b85e4;
}
.service .productType_boxHigt {
    background: url("/static/images/service/service_productType_boxHigt.png");
}
.service .productType_boxLi_img {
    width: 106px;
    height: 88px;
    margin: 0 auto;
    padding-top: 60px;
    position: relative;
}
.service .productType_boxLi_img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.service .productType_boxLi_img img:hover {
    transform: scale(1.5);
}
.service .productType_boxLi_content {
    width: 700px;
    height: 90px;
    line-height: 30px;
    margin: 0 auto;
    padding-top: 34px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}
.service .productType_boxLi_type {
    width: 700px;
    height: 80px;
    margin: 0 auto;
    padding-top: 40px;
}
.service .productType_boxLi_typeUl {
    text-align: center;
}
.service .productType_boxLi_typeLi {
    width: 85px;
    height: 80px;
    display: inline-block;
    margin-right: 60px;
    position: relative;
    transition: all 0.5s;
}
.service .productType_boxLi_typeLi:hover {
    transform: scale(1.05);
}
.service .productType_boxLi_typeLi:last-child {
    margin-right: 0;
}
.service .productType_boxLi_typeImg {
    width: 40px;
    height: 40px;
    margin: 0 auto;
}
.service .productType_boxLi_typeImg img {
    width: 100%;
    height: 100%;
}
.service .productType_boxLi_typeName {
    width: 100%;
    height: auto;
    line-height: 30px;
    margin-top: 5px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
.service .productType_boxLi_query {
    width: 174px;
    height: 42px;
    line-height: 42px;
    margin: 65px auto 0;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    text-align: center;
    transition: all 0.5s;
}
.service .productType_boxLi_query:hover {
    transform: scale(1.5);
}
.service .productType_boxLi_query a {
    display: block;
    font-size: 14px;
    color: #FFFFFF;
}
/* 产品类型_end */
/* 360°全方位一站式服务 */
.service .allService {
    width: 100%;
    height: auto;
    position: relative;
    background: #F8F8F8;
}
.service .allService_main {
    width: 1200px;
    height: 1400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service .allService_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.service .allService_box {
    width: 100%;
    height: 400px;
    position: relative;
}
.service .allService_li {
    width: 260px;
    height: 310px;
    float: left;
    margin-right: 53px;
}
.service .allService_li:last-child {
    margin-right: 0;
}
.service .allService_img {
    width: 202px;
    height: 202px;
    position: relative;
    margin: 0 auto;
}
.service .allService_img img {
    width: 100%;
    height: 100%;
}
.service .allService_name {
    width: 100%;
    height: auto;
    line-height: 33px;
    margin-top: 25px;
    text-align: center;
}
.service .allService_name a {
    font-size: 22px;
    font-weight: 500;
    color: #212121;
}
.service .allService_content {
    width: 100%;
    height: auto;
    line-height: 24px;
    margin: 0 auto;
    font-size: 14px;
    color: #767676;
    text-align: center;
}
.service .allService_box2 {
    width: 100%;
    height: 600px;
    position: relative;
    margin-bottom: 75px;
    background: url("/static/images/index/index_data.png") no-repeat center center;
    background-size: 100% 100%;
}
.service .allService_ul2 {
    width: 100%;
    height: 252px;
    padding: 174px 0;
}
.service .allService_li2 {
    width: 260px;
    height: 252px;
    float: left;
    margin-right: 53px;
}
.service .allService_li2:last-child {
    margin-right: 0;
}
.service .allService_num {
    width: 100%;
    height: 219px;
    line-height: 219px;
    font-size: 80px;
    font-weight:bold;
    color: #ffffff;
    text-align: center;
}
.service .allService_text {
    width: 100%;
    height: 33px;
    line-height: 33px;
    font-size: 22px;
    color: #ffffff;
    text-align: center;
}
.service .allService_more {
    width: 254px;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    text-align: center;
}
.service .allService_more a {
    display: block;
    font-size: 20px;
    color: #797979;
}
.service .allService_more:hover {
    border: 1px solid #3189DD;
}
.service .allService_more:hover a {
    display: block;
    color: #3189DD;
}
/* 360°全方位一站式服务_end */
/* 更多模块 */
.service .moreModules {
    width: 100%;
    height: auto;
    position: relative;
}
.service .moreModules_main {
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service .moreModules_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.service .moreModules_title:after {
    width: 63px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    background: #00B462;
    position: absolute;
    top: 65px;
    content: '内测中';
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    border-radius: 19px;
}
.service .moreModules_box {
    width: 100%;
    height: 370px;
    position: relative;
}
.service .moreModules_ul {
    margin-top: 50px;
}
.service .moreModules_li {
    width: 260px;
    height: 300px;
    float: left;
    margin-right: 53px;
}
.service .moreModules_li:last-child {
    margin-right: 0;
}
.service .moreModules_img {
    width: 200px;
    height: 200px;
    position: relative;
    margin: 0 auto;
}
.service .moreModules_img img {
    width: 100%;
    height: 100%;
}
.service .moreModules_name {
    width: 100%;
    height: auto;
    line-height: 33px;
    margin-top: 25px;
    text-align: center;
}
.service .moreModules_name a {
    font-size: 22px;
    font-weight: 500;
    color: #212121;
}
.service .moreModules_content {
    width: 100%;
    height: auto;
    line-height: 24px;
    margin-top: 10px;
    font-size: 14px;
    color: #767676;
    text-align: center;
}
/* 更多模块 */
/* 合作企业 */
.service .cooperativeEnterprise {
    width: 100%;
    height: auto;
    position: relative;
}
.service .cooperativeEnterprise_main {
    width: 1200px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service .cooperativeEnterprise_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.service .cooperativeEnterprise_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service .cooperativeEnterprise_li {
    width: 200px;
    height: 100px;
    float: left;
    position: relative;
}
.service .cooperativeEnterprise_img {
    width: 200px;
    height: 100px;
}
.service .cooperativeEnterprise_img img {
    width: 100%;
    height: 100%;
}
/* 合作企业_end */
/* 内容区_end */
/* service_end */

/* service_higt */
/* 广告条 */
.service_high .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.service_high .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.service_high .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
.service_high .banner .swiper-container .swiper-slide-consultation {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.service_high .banner .swiper-container .swiper-slide-consultation a {
    width: 246px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 640px auto 0;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    transition: all 0.5s;
}
.service_high .banner .swiper-container .swiper-slide-consultation a:hover {
    transform: scale(1.05);
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.service_high .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* 服务项目 */
.service_high .serviceItems {
    width: 100%;
    height: auto;
    position: relative;
}
.service_high .serviceItems_main {
    width: 1200px;
    height: 856px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service_high .serviceItems_title {
    width: 100%;
    height: auto;
    padding: 50px 0;
    text-align: center;
}
.service_high .serviceItems_title1 {
    height: 80px;
    line-height: 80px;
    display: block;
    font-size: 48px;
    color: #212121;
}
.service_high .serviceItems_title2 {
    line-height: 30px;
    display: block;
    margin-top: 10px;
    font-size: 20px;
    color: #8F8F8F;
}
.service_high .serviceItems_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_high .serviceItems_li {
    width: 220px;
    height: 200px;
    float: left;
    margin: 90px 20px 0 0;
}
.service_high .serviceItems_li:nth-child(6n) {
    margin-right: 0;
}
.service_high .serviceItems_img {
    width: 80px;
    height: 77px;
    position: relative;
    margin: 0 auto;
}
.service_high .serviceItems_img img {
    width: 100%;
    height: 100%;
}
.service_high .serviceItems_name {
    width: 100%;
    height: auto;
    line-height: 33px;
    margin-top: 35px;
    text-align: center;
}
.service_high .serviceItems_name a {
    font-size: 22px;
    color: #212121;
}
.service_high .serviceItems_content {
    width: 200px;
    height: auto;
    line-height: 24px;
    margin: 5px auto 0;
    font-size: 14px;
    color: #767676;
    text-align: center;
}
/* 服务项目_end */
/* 开发流程 */
.service_high .developmentProcess {
    width: 100%;
    height: auto;
    position: relative;
}
.service_high .developmentProcess_main {
    width: 100%;
    height: 700px;
    position: relative;
    overflow: hidden;
    background: #f8f8f8;
}
.service_high .developmentProcess_title {
    width: 100%;
    height: auto;
    padding: 50px 0;
    text-align: center;
}
.service_high .developmentProcess_title1 {
    height: 80px;
    line-height: 80px;
    display: block;
    font-size: 48px;
    color: #212121;
}
.service_high .developmentProcess_title2 {
    line-height: 30px;
    display: block;
    margin-top: 10px;
    font-size: 20px;
    color: #8F8F8F;
}
.service_high .developmentProcess_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}
.service_high .developmentProcess_img {
    width: 1200px;
    height: 389px;
    margin: 0 auto;
    position: relative;
}
.service_high .developmentProcess_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.service_high .developmentProcess_ul {
    width: 100%;
    height: 126px;
    position: relative;
}
.service_high .developmentProcess_li {
    width: 181px;
    height: 126px;
    float: left;
    margin-right: 69px;
    position: relative;
    text-align: center;
}
.service_high .developmentProcess_li:first-child {
    margin-left: 11px;
}
.service_high .developmentProcess_li:last-child {
    margin-right: 0;
}
.service_high .developmentProcess_name {
    width: auto;
    height: auto;
    line-height: 24px;
    margin-top: 20px;
    font-size: 16px;
    color: #212121;
}
.service_high .developmentProcess_content {
    width: auto;
    height: auto;
    line-height: 24px;
    margin-top: 10px;
    font-size: 12px;
    color: #7C7C7C;
}
.service_high .developmentProcess_ul2 {
    width: 100%;
    height: 126px;
    margin-top: 136px;
    position: relative;
}
.service_high .developmentProcess_li2 {
    width: 181px;
    height: 126px;
    float: left;
    margin-right: 69px;
    position: relative;
    text-align: center;
}
.service_high .developmentProcess_li2:first-child {
    margin-left: 146px;
    margin-right: 56px;
}
.service_high .developmentProcess_li2:last-child {
    margin-right: 0;
}
.service_high .developmentProcess_name2 {
    width: auto;
    height: auto;
    line-height: 24px;
    margin-top: 40px;
    font-size: 16px;
    color: #212121;
}
.service_high .developmentProcess_content2 {
    width: auto;
    height: auto;
    line-height: 24px;
    margin-top: 10px;
    font-size: 12px;
    color: #7C7C7C;
}
/* 开发流程_end */
/* 相关案例 */
.service_high .caseInformation {
    width: 100%;
    height: auto;
    position: relative;
}
.service_high .caseInformation_main {
    width: 1200px;
    height: 650px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service_high .caseInformation_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.service_high .caseInformation_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_high .caseInformation_li {
    width: 378px;
    height: 398px;
    float: left;
    margin: 0 30px 30px 0;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    overflow: hidden;
}
.service_high .caseInformation_li:hover {
    border: 1px solid #3189DD;
}
.service_high .caseInformation_li:nth-child(3n) {
    margin: 0 0 30px 0;
}
.service_high .caseInformation_img {
    width: 378px;
    height: 284px;
}
.service_high .caseInformation_img img {
    width: 100%;
    height: 100%;
}
.service_high .caseInformation_name {
    width: 360px;
    height: 40px;
    line-height: 40px;
    margin: 25px 0 0 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.service_high .caseInformation_name a {
    font-size: 24px;
    color: #3c3c3c;
}
.service_high .caseInformation_li:hover .caseInformation_name a {
    color: #3189DD;
}
.service_high .caseInformation_content {
    width: 356px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 0 22px;
    font-size: 18px;
    color: #939393;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.service_high .caseInformation_more {
    width: 254px;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    text-align: center;
}
.service_high .caseInformation_more a {
    font-size: 20px;
    color: #797979;
}
.service_high .caseInformation_more:hover {
    border: 1px solid #3189DD;
}
.service_high .caseInformation_more:hover a {
    color: #3189DD;
}
/* 相关案例_end */
/* 内容区_end */
/* service_higt_end */

/* service_app */
/* 广告条 */
.service_app .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.service_app .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.service_app .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
.service_app .banner .swiper-container .swiper-slide-consultation {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.service_app .banner .swiper-container .swiper-slide-consultation a {
    width: 246px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 640px auto 0;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    transition: all 0.5s;
}
.service_app .banner .swiper-container .swiper-slide-consultation a:hover {
    transform: scale(1.05);
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.service_app .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* 服务项目 */
.service_app .serviceItems {
    width: 100%;
    height: auto;
    position: relative;
    background: #ffffff;
}
.service_app .serviceItems_main {
    width: 1200px;
    height: 650px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service_app .serviceItems_title {
    width: 100%;
    height: auto;
    padding: 50px 0;
    text-align: center;
}
.service_app .serviceItems_title1 {
    height: 80px;
    line-height: 80px;
    display: block;
    font-size: 48px;
    color: #212121;
}
.service_app .serviceItems_title2 {
    line-height: 30px;
    display: block;
    margin-top: 10px;
    font-size: 20px;
    color: #8F8F8F;
}
.service_app .serviceItems_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_app .serviceItems_li {
    width: 260px;
    height: 330px;
    float: left;
    margin: 40px 53px 0 0;
}
.service_app .serviceItems_li:last-child {
    margin: 40px 0 0;
}
.service_app .serviceItems_img {
    width: 228px;
    height: 180px;
    position: relative;
    margin: 0 auto;
}
.service_app .serviceItems_img img {
    width: 100%;
    height: 100%;
}
.service_app .serviceItems_name {
    width: 100%;
    height: auto;
    line-height: 33px;
    margin-top: 35px;
    text-align: center;
}
.service_app .serviceItems_name a {
    font-size: 22px;
    color: #212121;
}
.service_app .serviceItems_content {
    width: 210px;
    height: auto;
    line-height: 24px;
    margin: 5px auto 0;
    font-size: 12px;
    color: #767676;
    text-align: center;
}
/* 服务项目_end */
/* 技术优势 */
.service_app .technologicalSuperiority {
    width: 100%;
    height: auto;
    position: relative;
}
.service_app .technologicalSuperiority_main {
    width: 1200px;
    height: 461px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: url("/static/images/service/service_app_technologicalSuperiority.png") no-repeat;
    background-size: 100% 100%;
}
.service_app .technologicalSuperiority_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #ffffff;
    text-align: center;
}
.service_app .technologicalSuperiority_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_app .technologicalSuperiority_li {
    width: 260px;
    height: 250px;
    float: left;
    margin: 20px 53px 0 0;
}
.service_app .technologicalSuperiority_li:last-child {
    margin: 20px 0 0 0;
}
.service_app .technologicalSuperiority_img {
    width: 85px;
    height: 85px;
    margin: 0 auto;
}
.service_app .technologicalSuperiority_img img {
    width: 100%;
    height: 100%;
}
.service_app .technologicalSuperiority_content {
    width: 200px;
    height: auto;
    line-height: 32px;
    margin: 25px auto 0;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
/* 技术优势_end */
/* 开发流程 */
.service_app .developmentProcess {
    width: 100%;
    height: auto;
    position: relative;
}
.service_app .developmentProcess_main {
    width: 100%;
    height: 700px;
    position: relative;
    overflow: hidden;
    background: #f8f8f8;
}
.service_app .developmentProcess_title {
    width: 100%;
    height: auto;
    padding: 50px 0;
    text-align: center;
}
.service_app .developmentProcess_title1 {
    height: 80px;
    line-height: 80px;
    display: block;
    font-size: 48px;
    color: #212121;
}
.service_app .developmentProcess_title2 {
    line-height: 30px;
    display: block;
    margin-top: 10px;
    font-size: 20px;
    color: #8F8F8F;
}
.service_app .developmentProcess_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}
.service_app .developmentProcess_img {
    width: 1200px;
    height: 389px;
    margin: 0 auto;
    position: relative;
}
.service_app .developmentProcess_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.service_app .developmentProcess_ul {
    width: 100%;
    height: 126px;
    position: relative;
}
.service_app .developmentProcess_li {
    width: 181px;
    height: 126px;
    float: left;
    margin-right: 69px;
    position: relative;
    text-align: center;
}
.service_app .developmentProcess_li:first-child {
    margin-left: 11px;
}
.service_app .developmentProcess_li:last-child {
    margin-right: 0;
}
.service_app .developmentProcess_name {
    width: auto;
    height: auto;
    line-height: 24px;
    margin-top: 20px;
    font-size: 16px;
    color: #212121;
}
.service_app .developmentProcess_content {
    width: auto;
    height: auto;
    line-height: 24px;
    margin-top: 10px;
    font-size: 12px;
    color: #7C7C7C;
}
.service_app .developmentProcess_ul2 {
    width: 100%;
    height: 126px;
    margin-top: 136px;
    position: relative;
}
.service_app .developmentProcess_li2 {
    width: 181px;
    height: 126px;
    float: left;
    margin-right: 69px;
    position: relative;
    text-align: center;
}
.service_app .developmentProcess_li2:first-child {
    margin-left: 146px;
    margin-right: 56px;
}
.service_app .developmentProcess_li2:last-child {
    margin-right: 0;
}
.service_app .developmentProcess_name2 {
    width: auto;
    height: auto;
    line-height: 24px;
    margin-top: 40px;
    font-size: 16px;
    color: #212121;
}
.service_app .developmentProcess_content2 {
    width: auto;
    height: auto;
    line-height: 24px;
    margin-top: 10px;
    font-size: 12px;
    color: #7C7C7C;
}
/* 开发流程_end */
/* 相关案例 */
.service_app .caseInformation {
    width: 100%;
    height: auto;
    position: relative;
}
.service_app .caseInformation_main {
    width: 1200px;
    height: 650px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service_app .caseInformation_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.service_app .caseInformation_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_app .caseInformation_li {
    width: 378px;
    height: 398px;
    float: left;
    margin: 0 30px 30px 0;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    overflow: hidden;
}
.service_app .caseInformation_li:hover {
    border: 1px solid #3189DD;
}
.service_app .caseInformation_li:nth-child(3n) {
    margin: 0 0 30px 0;
}
.service_app .caseInformation_img {
    width: 378px;
    height: 284px;
}
.service_app .caseInformation_img img {
    width: 100%;
    height: 100%;
}
.service_app .caseInformation_name {
    width: 360px;
    height: 40px;
    line-height: 40px;
    margin: 25px 0 0 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.service_app .caseInformation_name a {
    font-size: 24px;
    color: #3c3c3c;
}
.service_app .caseInformation_li:hover .caseInformation_name a {
    color: #3189DD;
}
.service_app .caseInformation_content {
    width: 356px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 0 22px;
    font-size: 18px;
    color: #939393;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.service_app .caseInformation_more {
    width: 254px;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    text-align: center;
}
.service_app .caseInformation_more a {
    font-size: 20px;
    color: #797979;
}
.service_app .caseInformation_more:hover {
    border: 1px solid #3189DD;
}
.service_app .caseInformation_more:hover a {
    color: #3189DD;
}
/* 相关案例_end */
/* 内容区_end */
/* service_higt_end */

/* service_wechat */
/* 广告条 */
.service_wechat .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.service_wechat .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.service_wechat .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
.service_wechat .banner .swiper-container .swiper-slide-consultation {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.service_wechat .banner .swiper-container .swiper-slide-consultation a {
    width: 246px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 640px auto 0;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    transition: all 0.5s;
}
.service_wechat .banner .swiper-container .swiper-slide-consultation a:hover {
    transform: scale(1.05);
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.service_wechat .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* 服务项目 */
.service_wechat .serviceItems {
    width: 100%;
    height: auto;
    position: relative;
    background: #ffffff;
}
.service_wechat .serviceItems_main {
    width: 1200px;
    height: 550px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service_wechat .serviceItems_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.service_wechat .serviceItems_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_wechat .serviceItems_li {
    width: 260px;
    height: 330px;
    float: left;
    margin-right: 53px;
}
.service_wechat .serviceItems_li:last-child {
    margin-right: 0;
}
.service_wechat .serviceItems_img {
    width: 220px;
    height: 220px;
    position: relative;
    margin: 0 auto;
}
.service_wechat .serviceItems_img img {
    width: 100%;
    height: 100%;
}
.service_wechat .serviceItems_name {
    width: 250px;
    height: auto;
    line-height: 33px;
    margin: 35px auto 0;
    text-align: center;
}
.service_wechat .serviceItems_name a {
    font-size: 22px;
    color: #212121;
}
/* 服务项目_end */
/* 盈利模式 */
.service_wechat .servicePattern {
    width: 100%;
    height: auto;
    position: relative;
}
.service_wechat .servicePattern_main {
    width: 1200px;
    height: 606px;
    margin: 0 auto;
    position: relative;
    background: url("/static/images/service/service_wechat_spot.png");
    background-size: 100% 100%;
    overflow: hidden;
}
.service_wechat .servicePattern_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #ffffff;
    text-align: center;
}
.service_wechat .servicePattern_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_wechat .servicePattern_ul {
    margin-top: 40px;
}
.service_wechat .servicePattern_li {
    width: 260px;
    height: 169px;
    float: left;
    margin-right: 53px;
    position: relative;
}
.service_wechat .servicePattern_li:nth-child(4n) {
    margin-right: 0;
}
.service_wechat .servicePattern_img {
    width: 82px;
    height: 82px;
    margin: 0 auto;
}
.service_wechat .servicePattern_img img {
    width: 100%;
    height: 100%;
}
.service_wechat .servicePattern_name {
    width: 100%;
    height: auto;
    line-height: 27px;
    margin-top: 15px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
}
/* 盈利模式_end */
/* 技术优势 */
.service_wechat .technologicalSuperiority {
    width: 100%;
    height: auto;
    position: relative;
}
.service_wechat .technologicalSuperiority_main {
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service_wechat .technologicalSuperiority_title {
    width: 100%;
    height: auto;
    padding: 50px 0;
    text-align: center;
}
.service_wechat .technologicalSuperiority_title1 {
    height: 80px;
    line-height: 80px;
    display: block;
    font-size: 48px;
    color: #212121;
}
.service_wechat .technologicalSuperiority_title2 {
    line-height: 30px;
    display: block;
    margin-top: 10px;
    font-size: 20px;
    color: #8F8F8F;
}
.service_wechat .technologicalSuperiority_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_wechat .technologicalSuperiority_li {
    width: 260px;
    height: 260px;
    float: left;
    margin: 90px 53px 0 0;
}
.service_wechat .technologicalSuperiority_li:last-child {
    margin: 90px 0 0;
}
.service_wechat .technologicalSuperiority_img {
    width: 144px;
    height: 144px;
    position: relative;
    margin: 0 auto;
}
.service_wechat .technologicalSuperiority_img img {
    width: 100%;
    height: 100%;
}
.service_wechat .technologicalSuperiority_name {
    width: 100%;
    height: auto;
    line-height: 33px;
    margin-top: 20px;
    text-align: center;
}
.service_wechat .technologicalSuperiority_name a {
    font-size: 22px;
    color: #212121;
}
.service_wechat .technologicalSuperiority_content {
    width: 184px;
    height: auto;
    line-height: 24px;
    margin: 5px auto 0;
    font-size: 14px;
    color: #767676;
    text-align: center;
}
/* 技术优势_end */
/* 相关案例 */
.service_wechat .caseInformation {
    width: 100%;
    height: auto;
    position: relative;
}
.service_wechat .caseInformation_main {
    width: 1200px;
    height: 650px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service_wechat .caseInformation_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.service_wechat .caseInformation_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_wechat .caseInformation_li {
    width: 378px;
    height: 398px;
    float: left;
    margin: 0 30px 30px 0;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    overflow: hidden;
}
.service_wechat .caseInformation_li:hover {
    border: 1px solid #3189DD;
}
.service_wechat .caseInformation_li:nth-child(3n) {
    margin: 0 0 30px 0;
}
.service_wechat .caseInformation_img {
    width: 378px;
    height: 284px;
}
.service_wechat .caseInformation_img img {
    width: 100%;
    height: 100%;
}
.service_wechat .caseInformation_name {
    width: 360px;
    height: 40px;
    line-height: 40px;
    margin: 25px 0 0 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.service_wechat .caseInformation_name a {
    font-size: 24px;
    color: #3c3c3c;
}
.service_wechat .caseInformation_li:hover .caseInformation_name a {
    color: #3189DD;
}
.service_wechat .caseInformation_content {
    width: 356px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 0 22px;
    font-size: 18px;
    color: #939393;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.service_wechat .caseInformation_more {
    width: 254px;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    text-align: center;
}
.service_wechat .caseInformation_more a {
    font-size: 20px;
    color: #797979;
}
.service_wechat .caseInformation_more:hover {
    border: 1px solid #3189DD;
}
.service_wechat .caseInformation_more:hover a {
    color: #3189DD;
}
/* 相关案例_end */
/* 内容区_end */
/* service_wechat_end */

/* service_gather */
/* 广告条 */
.service_gather .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.service_gather .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.service_gather .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
.service_gather .banner .swiper-container .swiper-slide-consultation {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.service_gather .banner .swiper-container .swiper-slide-consultation a {
    width: 246px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 640px auto 0;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    transition: all 0.5s;
}
.service_gather .banner .swiper-container .swiper-slide-consultation a:hover {
    transform: scale(1.05);
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.service_gather .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* 收款 */
.service_gather .receivables {
    width: 100%;
    height: auto;
    position: relative;
}
.service_gather .receivables_main {
    width: 1200px;
    height: 820px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service_gather .receivables_title {
    width: 100%;
    height: auto;
    padding: 50px 0;
    text-align: center;
}
.service_gather .receivables_title1 {
    height: 80px;
    line-height: 80px;
    display: block;
    font-size: 48px;
    color: #212121;
}
.service_gather .receivables_title2 {
    line-height: 30px;
    display: block;
    margin-top: 10px;
    font-size: 20px;
    color: #8F8F8F;
}
.service_gather .receivables_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_gather .receivables_li {
    width: 380px;
    height: 254px;
    float: left;
    margin: 0 30px 40px 0;
}
.service_gather .receivables_li:nth-child(3n) {
    margin: 0 0 40px 0;
}
.service_gather .receivables_img {
    width: 380px;
    height: 254px;
    position: relative;
    margin: 0 auto;
}
.service_gather .receivables_img img {
    width: 100%;
    height: 100%;
}
/* 收款 */
/* 支付 */
.service_gather .payment {
    width: 100%;
    height: auto;
    position: relative;
}
.service_gather .payment_main {
    width: 1200px;
    height: 850px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service_gather .payment_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.service_gather .payment_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_gather .payment_li {
    width: 380px;
    height: 288px;
    float: left;
    margin: 0 30px 30px 0;
    border-radius: 4px;
}
.service_gather .payment_li:nth-child(3n) {
    margin: 0 0 30px 0;
}
.service_gather .payment_img {
    width: 380px;
    height: 288px;
}
.service_gather .payment_img img {
    width: 100%;
    height: 100%;
}
/* 支付_end */
/* 优势 */
.service_gather .advantage {
    width: 100%;
    height: auto;
    position: relative;
}
.service_gather .advantage_main {
    width: 1200px;
    height: 341px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: url("/static/images/service/service_gather_advantage.png") no-repeat;
    background-size: 100% 100%;
}
.service_gather .advantage_title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 20px 0;
    font-size: 38px;
    color: #ffffff;
    text-align: center;
}
.service_gather .advantage_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_gather .advantage_li {
    width: 380px;
    height: 210px;
    float: left;
    margin: 20px 30px 0 0;
    position: relative;
}
.service_gather .advantage_li:last-child {
    margin: 20px 0 0 0;
}
.service_gather .advantage_img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
.service_gather .advantage_img img {
    width: 100%;
    height: 100%;
}
.service_gather .advantage_name {
    width: 100%;
    height: auto;
    line-height: 35px;
    margin-top: 10px;
    font-size: 22px;
    color: #ffffff;
    text-align: center;
}
.service_gather .advantage_content {
    width: 300px;
    height: auto;
    line-height: 24px;
    margin: 10px auto 0;
    font-size: 14px;
    color: #FFFFFF;
}
/* 优势_end */
/* 开发流程 */
.service_gather .developmentProcess {
    width: 100%;
    height: auto;
    position: relative;
}
.service_gather .developmentProcess_main {
    width: 100%;
    height: 700px;
    position: relative;
    overflow: hidden;
    background: #f8f8f8;
}
.service_gather .developmentProcess_title {
    width: 100%;
    height: auto;
    padding: 50px 0;
    text-align: center;
}
.service_gather .developmentProcess_title1 {
    height: 80px;
    line-height: 80px;
    display: block;
    font-size: 48px;
    color: #212121;
}
.service_gather .developmentProcess_title2 {
    line-height: 30px;
    display: block;
    margin-top: 10px;
    font-size: 20px;
    color: #8F8F8F;
}
.service_gather .developmentProcess_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}
.service_gather .developmentProcess_img {
    width: 1200px;
    height: 389px;
    margin: 0 auto;
    position: relative;
}
.service_gather .developmentProcess_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.service_gather .developmentProcess_ul {
    width: 100%;
    height: 126px;
    position: relative;
}
.service_gather .developmentProcess_li {
    width: 181px;
    height: 126px;
    float: left;
    margin-right: 318px;
    position: relative;
    text-align: center;
}
.service_gather .developmentProcess_li:first-child {
    margin-left: 11px;
}
.service_gather .developmentProcess_li:last-child {
    margin-right: 0;
}
.service_gather .developmentProcess_name {
    width: auto;
    height: auto;
    line-height: 24px;
    margin-top: 20px;
    font-size: 16px;
    color: #212121;
}
.service_gather .developmentProcess_content {
    width: auto;
    height: auto;
    line-height: 24px;
    margin-top: 10px;
    font-size: 12px;
    color: #7C7C7C;
}
.service_gather .developmentProcess_ul2 {
    width: 100%;
    height: 126px;
    margin-top: 136px;
    position: relative;
}
.service_gather .developmentProcess_li2 {
    width: 181px;
    height: 126px;
    float: left;
    position: relative;
    text-align: center;
}
.service_gather .developmentProcess_li2:first-child {
    margin-left: 259px;
    margin-right: 322px;
}
.service_gather .developmentProcess_name2 {
    width: auto;
    height: auto;
    line-height: 24px;
    margin-top: 40px;
    font-size: 16px;
    color: #212121;
}
.service_gather .developmentProcess_content2 {
    width: auto;
    height: auto;
    line-height: 24px;
    margin-top: 10px;
    font-size: 12px;
    color: #7C7C7C;
}
/* 开发流程_end */
/* 相关案例 */
.service_gather .caseInformation {
    width: 100%;
    height: auto;
    position: relative;
}
.service_gather .caseInformation_main {
    width: 1200px;
    height: 650px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.service_gather .caseInformation_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
}
.service_gather .caseInformation_box {
    width: 100%;
    height: auto;
    position: relative;
}
.service_gather .caseInformation_li {
    width: 378px;
    height: 398px;
    float: left;
    margin: 0 30px 30px 0;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    overflow: hidden;
}
.service_gather .caseInformation_li:hover {
    border: 1px solid #3189DD;
}
.service_gather .caseInformation_li:nth-child(3n) {
    margin: 0 0 30px 0;
}
.service_gather .caseInformation_img {
    width: 378px;
    height: 284px;
}
.service_gather .caseInformation_img img {
    width: 100%;
    height: 100%;
}
.service_gather .caseInformation_name {
    width: 360px;
    height: 40px;
    line-height: 40px;
    margin: 25px 0 0 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.service_gather .caseInformation_name a {
    font-size: 24px;
    color: #3c3c3c;
}
.service_gather .caseInformation_li:hover .caseInformation_name a {
    color: #3189DD;
}
.service_gather .caseInformation_content {
    width: 356px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 0 22px;
    font-size: 18px;
    color: #939393;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.service_gather .caseInformation_more {
    width: 254px;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    text-align: center;
}
.service_gather .caseInformation_more a {
    font-size: 20px;
    color: #797979;
}
.service_gather .caseInformation_more:hover {
    border: 1px solid #3189DD;
}
.service_gather .caseInformation_more:hover a {
    color: #3189DD;
}
/* 相关案例_end */
/* 内容区_end */
/* service_gather */

/* case */
/* 广告条 */
.case .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.case .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.case .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.case .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* 类别导航 */
.case .typeNav {
    width: 1200px;
    min-height: 130px;
    margin: -130px auto 0;
    position: relative;
    z-index: 100;
    background: #FFFFFF;
}
.case .typeNav_main {
    width: 1100px;
    height: auto;
    float: left;
    padding: 45px 50px;
    background: #ffffff;
    box-shadow:0px 6px 17px 0px rgba(189,212,255,0.5);
}
.case .typeNav_li {
    min-width: 90px;
    max-width: 200px;
    height: 40px;
    line-height: 40px;
    float: left;
    margin: 0 30px 0 0;
    padding: 0 5px;
    position: relative;
    background: #F4F4F4;
    border-radius: 04px;
    text-align: center;
}
.case .typeNav_li a {
    display: block;
    font-size: 16px;
    color: #000000;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.case .typeNav_li:hover, .case .typeNav_li_active {
    background: #00B462;
}
.case .typeNav_li:hover a, .case .typeNav_li_active a {
    color: #FFFFFF;
}
/* 类别导航_end */
/* 案例展示 */
.case .casePresentation {
    width: 100%;
    height: auto;
    position: relative;
}
.case .casePresentation_main {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 100px;
    position: relative;
    overflow: hidden;
}
.case .casePresentation_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #212121;
    text-align: center;
    display: none;
}
.case .casePresentation_box {
    width: 100%;
    height: auto;
    position: relative;
}
.case .casePresentation_li {
    width: 378px;
    height: 398px;
    float: left;
    margin: 0 30px 30px 0;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    overflow: hidden;
}
.case .casePresentation_li:hover {
    border: 1px solid #3189DD;
}
.case .casePresentation_li:nth-child(3n) {
    margin: 0 0 30px 0;
}
.case .casePresentation_img {
    width: 378px;
    height: 284px;
}
.case .casePresentation_img img {
    width: 100%;
    height: 100%;
}
.case .casePresentation_name {
    width: 360px;
    height: 40px;
    line-height: 40px;
    margin: 25px 0 0 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.case .casePresentation_name a {
    font-size: 24px;
    color: #3c3c3c;
}
.case .casePresentation_li:hover .casePresentation_name a{
    color: #3189DD;
}
.case .casePresentation_content {
    width: 356px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 0 22px;
    font-size: 18px;
    color: #939393;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.case .casePresentation_more {
    width: 254px;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    text-align: center;
    clear: both;
}
.case .casePresentation_more a {
    display: block;
    font-size: 20px;
    color: #797979;
}
.case .casePresentation_more:hover {
    border: 1px solid #3189DD;
}
.case .casePresentation_more:hover a {
    color: #3189DD;
}

/*

.case .list_page {padding: 10px; text-align: center}
.case .pagination li {display: inline-block; margin-right: 10px; text-align: center;}
.case .pagination li span {display: block;  padding: 4px 12px; background: #fff; border: 1px solid #aaaaaa; border-radius: 3px; color: #676767;}
.case .pagination li a {display: block;  padding: 4px 12px; background: #fff; border: 1px solid #aaaaaa; border-radius: 3px; color: #676767;}
.case .pagination li.active span, .case .pagination li:hover a {background: #3189DD; border: 1px solid #3189DD; color: #FFFFFF;}
*/
.case .list_page {width: 1200px;clear: both;padding: 10px;text-align: center;}
.case .pagination li {display: inline-block; margin-right: 10px; text-align: center;}
.case .pagination li span {display: block;  padding: 4px 12px; background: #fff; border: 1px solid #aaaaaa; border-radius: 3px; color: #676767;}
.case .pagination li a {display: block;  padding: 4px 12px; background: #fff; border: 1px solid #aaaaaa; border-radius: 3px; color: #676767;}
.case .pagination li.active span, .case .pagination li:hover a {background: #00B462; border: 1px solid #00B462; color: #FFFFFF;}
/* 案例展示_end */
/* 内容区_end */
/* case_end */

/* case_detail */
/* 广告条 */
.case .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.case_detail .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.case_detail .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.case_detail .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* 详情 */
.case_detail .detail {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 100;
}
.case_detail .detail_main {
    width: 1200px;
    height: 265px;
    margin: -200px auto 0;
    padding: 30px 0;
    background: #6375AA;
    border-radius: 4px;
}
.case_detail .detail_box {
    width: 100%;
    height: auto;
    position: relative;
}
.case_detail .detail_name {
    width: 800px;
    height: auto;
    line-height: 78px;
    padding: 0 0 0 115px;
}
.case_detail .detail_name h1 {
    font-size: 28px;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.case_detail .detail_label {
    width: 948px;
    height: auto;
    line-height: 24px;
    padding: 12px 126px 0;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 47;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.case_detail .detail_link {
    width: 80px;
    height: 100px;
    position: absolute;
    top: -30px;
    right: 122px;
    text-align: center;
}
.case_detail .detail_link img {
    width: 80px;
    height: 80px;
}
.case_detail .detail_link span {
    line-height: 18px;
    display: block;
    font-size: 12px;
    color: #FFFFFF;
}
.case_detail .detail_content {
    width: 1000px;
    height: auto;
    line-height: 30px;
    padding: 34px 0 0 113px;
    font-size: 16px;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/* 详情_end */
/* 详情展示 */
.case_detail .detailShow {
    width: 100%;
    height: auto;
    position: relative;
    background: url("/static/images/case/detail_bg.png") repeat-x;
    margin-top: -125px;
}
.case_detail .detailShow_main {
    width: 1200px;
    height: auto;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.case_detail .detailShow_box {
    width: 100%;
    height: auto;
    margin-top: 250px;
    padding-bottom: 200px;
}
.case_detail .detailShow_list {
    width: 1000px;
    height: 530px;
    margin: 0 auto;
}
.case_detail .detailShow_list:nth-child(odd) .detailShow_list_left {
    float: left;
}
.case_detail .detailShow_list:nth-child(even) .detailShow_list_left {
    float: right;
}
.case_detail .detailShow_list_left {
    width: 500px;
    height: auto;
    margin-top: 100px;
}
.case_detail .detailShow_list_left h2 {
    font-weight: 400;
    color: #000000;
}
.case_detail .detailShow_list_left span {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    color: #000000;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case_detail .detailShow_list:nth-child(odd) .detailShow_list_right {
    float: right;
    top: 25px;
}
.case_detail .detailShow_list:nth-child(even) .detailShow_list_right {
    float: left;
    top: -25px;
}
.case_detail .detailShow_list_right {
    width: 258px;
    height: 530px;
    position: relative;
    background: url(/static/images/case/detail_mobile.png) no-repeat;
    background-size: cover;
}
.case_detail .detailShow_list_right_img {
    width: 228px;
    height: 406.1px;
    position: absolute;
    top: 60px;
    left: 15px;
}
.case_detail .detailShow_list_right_img img {
    width: 228px;
    height: 406.1px;
}
.case_detail .detailShow_list:nth-child(even) .detailShow_list_left h2, .case_detail .detailShow_list:nth-child(even) .detailShow_list_left span {
    color: #FFFFFF;
}
/* 详情展示_end */
/* 详情展示 */
.case_detail .detailShow2 {
    width: 100%;
    height: auto;
    position: relative;
}
.case_detail .detailShow2_main {
    width: 1200px;
    height: auto;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.case_detail .detailShow2_box {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.case_detail .detailShow2_pc {
    width: 960px;
    height: 653px;
    position: relative;
    margin: 0 auto;
    background: url("/static/images/case/detail_pc2.png");
    background-size: 960px 653px;
}
.case_detail .detailShow2_pc_img {
    width: 650px;
    height: 406px;
    background: #ffffff;
    position: absolute;
    top: 139px;
    left: 155px;
}
.case_detail .detailShow2_pc_img img {
    width: 650px;
    height: 406px;
}
.case_detail .detailShow2_detail {
    width: 1200px;
    height: auto;
    overflow: hidden;
}
.case_detail .detailShow2_detail img, .case_detail .detailShow2_detail video {
    max-width: 1200px;
}
    /* 详情展示_end */
/* 详情Page */
.case_detail .detailPage {
    width: 100%;
    height: auto;
    position: relative;
    clear: both;
}
.case_detail .detailPage_main {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #6375AA;
}
.case_detail .detailPage_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 50px 0;
    font-size: 48px;
    color: #FFFFFF;
    text-align: center;
}
.case_detail .detailPage_box {
    width: 1200px;
    height: auto;
    position: relative;
    margin: 0 auto;
    padding-bottom: 100px;
    overflow: hidden;
}
.case_detail .detailPage_li {
    width: 350px;
    height: auto;
    float: left;
    transition: all ease 0.8s;
}
.case_detail .detailPage_li:nth-child(3n-1) {
    margin: 0 75px 0 0;
}
.case_detail .detailPage_li:nth-child(3n-2) {
    margin: 50px 75px 0 0;
}
.case_detail .detailPage_li:nth-child(3n-3) {
    margin: 70px 0 0 0;
}
.case_detail .detailPage_li_img {
    width: 350px;
}
.case_detail .detailPage_li_img img {
    width: 100%;
}
/* 详情Page_end */
/* 内容区_end */
/* case_detail_end */

/* news */
/* 广告条 */
.news .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.news .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.news .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.news .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* 类别导航 */
.news .typeNav {
    width: 1200px;
    min-height: 130px;
    margin: -130px auto 0;
    position: relative;
    z-index: 100;
    background: #FFFFFF;
}
.news .typeNav_main {
    width: 1100px;
    height: auto;
    float: left;
    padding: 45px 50px;
    background: #ffffff;
    box-shadow:0px 6px 17px 0px rgba(189,212,255,0.5);
}
.news .typeNav_li {
    min-width: 90px;
    max-width: 200px;
    height: 40px;
    line-height: 40px;
    float: left;
    margin: 0 30px 0 0;
    padding: 0 5px;
    position: relative;
    background: #F4F4F4;
    border-radius: 04px;
    text-align: center;
}
.news .typeNav_li a {
    display: block;
    font-size: 16px;
    color: #000000;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.news .typeNav_li:hover, .news .typeNav_li_active , .case .typeNav_li_active {
    background: #00B462;
}
.news .typeNav_li:hover a, .news .typeNav_li_active a , .case .typeNav_li_active a {
    color: #FFFFFF;
}
/* 类别导航_end */
/* 新闻列表 */
.news .list {
    width: 100%;
    height: auto;
    position: relative;
}
.news .list_main {
    width: 1200px;
    height: 100%;
    margin: 0 auto ;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.news .list_box {
    width: 100%;
    height: auto;
    position: relative;
}
.news .list_li {
    width: 100%;
    height: 330px;
    margin-bottom: 40px;
    position: relative;
}
.news .list_li:last-child {
    margin-bottom: 64px;
}
.news .list_left {
    width: 700px;
    height: 283px;
    float: left;
}
.news .list_name {
    width: 650px;
    height: auto;
    line-height: 45px;
    margin-top: 50px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.news .list_name a {
    font-size: 30px;
    color: #3C3C3C;
}
.news .list_li:hover .list_name a  {
    color: #00B462;
}
.news .list_content {
    width: 650px;
    height: auto;
    line-height: 36px;
    margin-top: 27px;
    font-size: 20px;
    color: #939393;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news .list_detail {
    width: 180px;
    height: 60px;
    line-height: 60px;
    margin-top: 44px;
    background: #00B462;
    border-radius: 4px;
    text-align: center;
}
.news .list_detail a {
    display: block;
    font-size: 20px;
    color: #FFFFFF;
}
.news .list_right {
    width: 500px;
    height: 283px;
    float: right;
    position: relative;
}
.news .list_img{
    width: 500px;
    height: 283px;
}
.news .list_img img {
    width: 100%;
    height: 100%;
}
.news .list_line {
    width: 100%;
    height: 4px;
    float: left;
    margin-top: 40px;
    background: #F4F4F4;
}
.news .list_li:hover .list_line  {
    background: #00B462;
}
.news .list_page {padding: 10px; text-align: center}
.news .pagination li {display: inline-block; margin-right: 10px; text-align: center;}
.news .pagination li span {display: block;  padding: 4px 12px; background: #fff; border: 1px solid #aaaaaa; border-radius: 3px; color: #676767;}
.news .pagination li a {display: block;  padding: 4px 12px; background: #fff; border: 1px solid #aaaaaa; border-radius: 3px; color: #676767;}
.news .pagination li.active span, .news .pagination li:hover a {background: #00B462; border: 1px solid #00B462; color: #FFFFFF;}
/* 新闻列表_end */
/* 内容区_end */
/* news_end */

/* news_detail */
/* 广告条 */
.news_detail .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.news_detail .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.news_detail .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.news_detail .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* 详情 */
.news_detail .detail {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.news_detail .detail_box {
    width: 100%;
    height: auto;
    margin: 96px auto;
    position: relative;
}
.news_detail .detail_title {
    width: 100%;
    height: auto;
    line-height: 78px;
    padding-bottom: 26px;
    border-bottom: 4px solid #000000;
}
.news_detail .detail_title h1 {
    font-size: 52px;
    font-weight: 400;
    color: #000000;
}
.news_detail .detail_time {
    width: auto;
    height: auto;
    line-height: 32px;
    margin-top: 25px;
    font-size: 21px;
    color: #9B9B9B;
}
.news_detail .detail_content {
    width: 100%;
    height: auto;
    line-height: 36px;
    margin-top: 79px;
    font-size: 20px;
    color: #111111;
}
.news_detail .detail_content img {
    max-width: 1200px;
}
.news_detail .detail_content video {
    max-width: 1200px;
}
.news_detail .detail_copy {
    width: 100%;
    height: auto;
    line-height: 36px;
    margin-top: 180px;
    font-size: 20px;
    color: #818181;
}
.news_detail .detail_praised {
    width: 160px;
    height: 100px;
    margin: 60px auto;
}
.news_detail .detail_praised em {
    width: 160px;
    height: 100px;
    display: block;
    cursor: pointer;
    background: url("/static/images/news/news_smallClassroom_praised.png");
    background-size: 160px 100px;
}
.news_detail .detail_praised:hover em {
    background: url("/static/images/news/news_smallClassroom_praised_active.png");
    background-size: 160px 100px;
}
.news_detail .detail_direction {
    width: 100%;
    height: 100px;
    position: relative;
}
.news_detail .detail_left {
    width: 886px;
    height: 100px;
    float: left;
}
.news_detail .detail_prev, .news_detail .detail_next {
     width: 100%;
     height: 36px;
     line-height: 36px;
 }
.news_detail .detail_prev a, .news_detail .detail_next a {
    font-size: 20px;
    color: #818181;
}
.news_detail .detail_right {
    width: 256px;
    height: 100px;
    float: right;
}
.news_detail .detail_return {
    width: 254px;
    height: 52px;
    line-height: 52px;
    margin-top: 17px;
    border: 1px solid #B1B1B1;
    border-radius: 4px;
    text-align: center;
}
.news_detail .detail_return a {
    display: block;
    font-size: 20px;
    color: #797979;
}
.news_detail .detail_return:hover {
    border: 1px solid #00B462;
}
.news_detail .detail_return:hover a {
    color: #00B462;
}
/* 详情_end */
/* 内容区_end */
/* news_detail_end */

/* news_faq */
/* 广告条 */
.news_faq .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.news_faq .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.news_faq .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.news_faq .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* 类别导航 */
.news_faq .typeNav {
    width: 1200px;
    min-height: 130px;
    margin: -130px auto 0;
    position: relative;
    z-index: 100;
    background: #FFFFFF;
}
.news_faq .typeNav_main {
    width: 1100px;
    height: auto;
    float: left;
    padding: 45px 50px;
    background: #ffffff;
    box-shadow:0px 6px 17px 0px rgba(189,212,255,0.5);
}
.news_faq .typeNav_li {
    width: 100px;
    height: 40px;
    line-height: 40px;
    float: left;
    margin: 0 30px 0 0;
    position: relative;
    background: #F4F4F4;
    border-radius: 04px;
    text-align: center;
}
.news_faq .typeNav_li a {
    display: block;
    font-size: 16px;
    color: #000000;
}
.news_faq .typeNav_li:hover, .case .typeNav_li_active {
    background: #00B462;
}
.news_faq .typeNav_li:hover a, .case .typeNav_li_active a {
    color: #FFFFFF;
}
/* 类别导航_end */
/* 分类列表 */
.news_faq .classList {
    width: 100%;
    height: auto;
    position: relative;
}
.news_faq .classList_main {
    width: 1200px;
    height: 100%;
    position: relative;
    margin: 80px auto;
}
.news_faq .classList_businessMain, .news_faq .classList_downloadMain, .news_faq .classList_agreementMain {
    width: 100%;
    height: auto;
    padding-bottom: 50px;
    position: relative;
    border-bottom: 1px solid #F4F4F4;
}
.news_faq .classList_downloadMain, .news_faq .classList_agreementMain {
    margin-top: 80px;
}
.news_faq .classList_businessTitle, .news_faq .classList_downloadTitle, .news_faq .classList_agreementTitle {
    width: 100%;
    height: auto;
    line-height: 36px;
    font-size: 28px;
    color: #000000;
}
.news_faq .classList_businessUl {
    padding-top: 50px;
    padding-left: 30px;
    display: flex;
}
.news_faq .classList_businessLi {
    width: auto;
    height: auto;
    line-height: 30px;
    flex: 1;
}
.news_faq .classList_businessLi > a {
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #000000;
}
.news_faq .classList_businessLi2 {
    width: auto;
    height: auto;
    line-height: 30px;
    margin-top: 35px;
}
.news_faq .classList_businessLi2 > a {
    display: block;
    font-size: 20px;
    color: #000000;
}
.news_faq .classList_downloadUl, .news_faq .classList_agreementUl {
    padding-top: 50px;
    padding-left: 30px;
    display: flex;
}
.news_faq .classList_downloadLi, .news_faq .classList_agreementLi {
    width: auto;
    height: auto;
    line-height: 30px;
    flex: 1;
}
.news_faq .classList_downloadLi > a, .news_faq .classList_agreementLi > a {
    display: block;
    font-size: 26px;
    color: #000000;
}
/* 分类列表_end */
/* 内容区_end */
/* news_faq_end */

/* Product */
/* 广告条 */
.product .banner {
    width: 100%;
    height: auto;
    position: relative;
}
/* swiper */
.product .banner .swiper-container {
    width: 100%;
    height: 100%;
}
.product .banner .swiper-container img {
    width: 100%;
    height: 100%;
}
/* swiper_end */
/* 广告条_end */
/* 内容区 */
.product .content {
    width: 100%;
    height: auto;
    position: relative;
}
/* feedback */
.product .feedback {
    width: 100%;
    height: auto;
    position: relative;
}
.product .feedback_main {
    width: 1200px;
    height: 1450px;
    margin: -150px auto 0;
    padding: 75px 0;
    position: relative;
    z-index: 100;
    background: #FFFFFF;
}
.product .feedback_box {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
}
.product .feedback_box > div {
    width: 400px;
    height: 120px;
    float: left;
    position: relative;
}
.product .feedback_name, .product .feedback_wechat {
    margin-right: 200px;
}
.product .feedback_box > div > label {
    width: 100%;
    height: 24px;
    line-height: 36px;
    font-size: 20px;
    color: #000000;
}
.product .feedback_box > div > span {
    font-size: 12px;
    color: #D62F2F;
}
.product .feedback_box > div > input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    border: 2px solid #E6E6E6;
    border-radius: 4px;
    outline-color: #00B462;
    font-size: 16px;
    color: #000000;
    text-indent: 30px;
}
.product .feedback_box > div > .feedback_tips {
    width: 100%;
    height: auto;
    line-height: 24px;
    font-size: 12px;
    text-align: right;
    color: #D62F2F;
    display: none;
}
.product .feedback_box > div.feedback_phone > input {
    width: 290px;
    float: right;
}
.product .feedback_box > div.feedback_phone .feedback_areaCode {
    width: 100px;
    height: 42px;
    position: absolute;
    left: 0;
    top: 46px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}
.product .feedback_box > div.feedback_phone .feedback_areaCode .feedback_areaCode_open {
    width: 20px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 2px;
    background: url(/static/images/product/feedback_areaCode_open.png) no-repeat;
}
.product .feedback_box > div.feedback_phone .feedback_areaCode .feedback_areaCode_country {
    width: 100px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    overflow: hidden;
}
.product .feedback_box > div.feedback_phone .feedback_areaCode .feedback_areaCode_country p {
    width: initial;
    height: 42px;
    line-height: 42px;
    padding-left: 8px;
    font-size: 15px;
    color: #666;
}
.product .feedback_box > div.feedback_phone .feedback_areaCode .feedback_areaCode_country p i {
    display: inline-block;
    margin-left: 4px;
}
.product .feedback_box > div.feedback_phone .feedback_areaCode .feedback_areaCode_select {
    width: 398px;
    height: 175px;
    position: absolute;
    top: 40px;
    left: -1px;
    z-index: 6;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    overflow-x: auto;
    display: none;
}
.product .feedback_box > div.feedback_phone .feedback_areaCode .feedback_areaCode_select p {
    width: 366px;
    height: 25px;
    line-height: 25px;
    padding-left: 15px;
    font-size: 15px;
    color: #666;
}
.product .feedback_box > div.feedback_phone .feedback_areaCode .feedback_areaCode_select p:hover {
    background: #00B462;
    color: #fff;
}
.product .feedback_box > div.feedback_phone .feedback_areaCode .feedback_areaCode_select p i {
    height: 25px;
    float: right;
    display: block;
    margin-right: 15px;
}
.product .feedback_box > div.feedback_type {
    width: 100%;
    height: 350px;
}
.product .feedback_box > div.feedback_type > input {
    width: auto;
    display: none;
}
.product .feedback_box > div > .feedback_typeBox {
    width: 1000px;
    height: auto;
    margin: 30px auto 0;
}
.product .feedback_box > div > .feedback_typeBox .feedback_typeUl .feedback_typeLi {
    width: 170px;
    height: 260px;
    float: left;
    margin-right: 106px;
    position: relative;
    cursor: pointer;
}
.product .feedback_box > div > .feedback_typeBox .feedback_typeUl .feedback_typeLi:last-child {
    margin-right: 0;
}
.product .feedback_box > div > .feedback_typeBox .feedback_typeUl .feedback_typeLi .feedback_typeImg img {
    width: 170px;
    height: 145px;
}
.product .feedback_box > div > .feedback_typeBox .feedback_typeUl .feedback_typeLi .feedback_typeTitle {
    width: 100%;
    height: auto;
    line-height: 33px;
    margin-top: 10px;
    font-size: 22px;
    color: #212121;
    text-align: center;
}
.product .feedback_box > div > .feedback_typeBox .feedback_typeUl .feedback_typeLi .feedback_typeRadio {
    width: 40px;
    height: 40px;
    margin: 15px auto 0;
}
.product .feedback_box > div > .feedback_typeBox .feedback_typeUl .feedback_typeLi .feedback_typeRadio a {
    width: 40px;
    height: 40px;
    display: block;
    background: url("/static/images/product/product_type_icon.png");
    background-size: 100% 100%;
}
.product .feedback_box > div > .feedback_typeBox .feedback_typeUl .feedback_typeLi:hover .feedback_typeRadio a {
    background: url("/static/images/product/product_type_icon_active.png");
    background-size: 100% 100%;
}
.product .feedback_box > div > .feedback_typeBox .feedback_typeUl .feedback_typeLi .feedback_typeRadio_active a {
    background: url("/static/images/product/product_type_icon_active.png");
    background-size: 100% 100%;
}
.product .feedback_box > div.feedback_time {
    width: 100%;
    height: 200px;
}
.product .feedback_box > div.feedback_time > input {
    width: auto;
    display: none;
}
.product .feedback_box > div > .feedback_timeBox {
    width: 1000px;
    height: 80px;
    margin: 40px auto 0;
    position: relative;
}
.product .feedback_box > div > .feedback_timeBox .feedback_timeUl {
    width: 1000px;
    position: absolute;
}
.product .feedback_box > div > .feedback_timeBox .feedback_timeUl .feedback_timeLi {
    width: 100px;
    height: auto;
    line-height: 24px;
    float: left;
    margin-right: 125px;
    font-size: 16px;
    color: #000000;
    text-align: center;
    cursor: pointer;
}
.product .feedback_box > div > .feedback_timeBox .feedback_timeUl .feedback_timeLi:last-child {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right: 0;
}
.product .feedback_box > div > .feedback_timeBox .feedback_timeUl .feedback_timeLi i {
    width: 31px;
    height: 31px;
    display: block;
    margin: 30px auto 0;
    position: relative;
    z-index: 100;
}
.product .feedback_box > div > .feedback_timeBox .feedback_timeUl .feedback_timeLi i.feedback_timeStatus_undone {
    background: url("/static/images/product/product_time_icon.png") no-repeat;
    background-size: 31px 31px;
}
.product .feedback_box > div > .feedback_timeBox .feedback_timeUl .feedback_timeLi i.feedback_timeStatus_active {
    background: url("/static/images/product/product_time_icon_active.png") no-repeat;
    background-size: 31px 31px;
}
.product .feedback_box > div > .feedback_timeBox .feedback_timeLine {
    width: 900px;
    height: 16px;
    position: absolute;
    top: 62px;
    left: 50px;
    float: left;
    overflow: hidden;
}
.product .feedback_box > div > .feedback_timeBox .feedback_timeLineBar {
    width: 100%;
    height: 16px;
    background: #e4e4e4;
    display: inline-block;
    float: left;
}
.product .feedback_box > div > .feedback_timeBox .feedback_timeLineHighlight {
    width: 0%;
    height: 16px;
    display: block;
    background: #00C000;
}
.product .feedback_box > div.feedback_budget {
    width: 100%;
    height: 200px;
}
.product .feedback_box > div.feedback_budget > input {
    width: auto;
    display: none;
}
.product .feedback_box > div > .feedback_budgetBox {
    width: 1000px;
    height: 80px;
    margin: 40px auto 0;
    position: relative;
}
.product .feedback_box > div > .feedback_budgetBox .feedback_budgetUl {
    width: 1000px;
    position: absolute;
}
.product .feedback_box > div > .feedback_budgetBox .feedback_budgetUl .feedback_budgetLi {
    width: 100px;
    height: auto;
    line-height: 24px;
    float: left;
    margin-right: 125px;
    font-size: 16px;
    color: #000000;
    text-align: center;
    cursor: pointer;
}
.product .feedback_box > div > .feedback_budgetBox .feedback_budgetUl .feedback_budgetLi:last-child {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right: 0;
}
.product .feedback_box > div > .feedback_budgetBox .feedback_budgetUl .feedback_budgetLi i {
    width: 31px;
    height: 31px;
    display: block;
    margin: 30px auto 0;
    position: relative;
    z-index: 100;
}
.product .feedback_box > div > .feedback_budgetBox .feedback_budgetUl .feedback_budgetLi i.feedback_budgetStatus_undone {
    background: url("/static/images/product/product_time_icon.png") no-repeat;
    background-size: 31px 31px;
}
.product .feedback_box > div > .feedback_budgetBox .feedback_budgetUl .feedback_budgetLi i.feedback_budgetStatus_active {
    background: url("/static/images/product/product_time_icon_active.png") no-repeat;
    background-size: 31px 31px;
}
.product .feedback_box > div > .feedback_budgetBox .feedback_budgetLine {
    width: 900px;
    height: 16px;
    position: absolute;
    top: 62px;
    left: 50px;
    float: left;
    overflow: hidden;
}
.product .feedback_box > div > .feedback_budgetBox .feedback_budgetLineBar {
    width: 100%;
    height: 16px;
    background: #e4e4e4;
    display: inline-block;
    float: left;
}
.product .feedback_box > div > .feedback_budgetBox .feedback_budgetLineHighlight {
    width: 0%;
    height: 16px;
    display: block;
    background: #00C000;
}
.product .feedback_box > div.feedback_explain {
    width: 100%;
    height: 350px;
}
.product .feedback_box > div.feedback_explain > textarea {
    width: 936px;
    height: 150px;
    line-height: 24px;
    margin-top: 10px;
    padding: 26px 30px;
    font-size: 16px;
    border: 2px solid #E6E6E6;
}
.product .feedback_box > div.feedback_verify {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background: rgba(0,0,0,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
    overflow: hidden;
    display: none;
}
.product .feedback_box > div.feedback_verify .feedback_verifyMain {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
}
.product .feedback_box > div.feedback_verify .feedback_verifyTable {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    padding: 10px;
}
.product .feedback_box > div.feedback_verify .feedback_verifyWrap {
    width: 484px;
    height: initial;
    margin: 0 auto;
    position: relative;
    transition: all .3s;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox {
    position: relative;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifyClose {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    background: #000000;
    border-radius: 0 0 0 50px;
    text-align: center;
    cursor: pointer;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifyClose:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block;
    float: right;
    content: 'x';
    font-size: 20px;
    color: #fff;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifyTitle {
    padding-top: 20px;
    text-align: center;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifyTitle h2 {
    font-size: 26px;
    color: #000000;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifyPhone {
    width: 300px;
    margin: 0 auto;
    padding-top: 30px;
    font-size: 20px;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifyImgCaptcha {
    width: 300px;
    height: 40px;
    margin: 0 auto;
    padding-top: 10px;
    font-size: 20px;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifyImgCaptcha #feedback_verifyImgValue {
    width: 150px;
    height: 40px;
    line-height: 30px;
    border: 2px solid #E6E6E6;
    border-radius: 4px;
    outline-color: #00B462;
    font-size: 16px;
    color: #000000;
    text-indent: 15px;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifyImgCaptcha #feedback_verifyImages {
    width: 100px;
    height: 40px;
    display: inline-block;
    margin-left: 1px;
    cursor: pointer;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifyImgCaptcha #feedback_verifyImgRefresh {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    background: url(/static/images/product/feedback_verifyImgRefresh.png) no-repeat;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifySmsCaptcha {
    width: 300px;
    margin: 0 auto;
    padding-top: 10px;
    font-size: 20px;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifySmsCaptcha #feedback_verifySmsValue {
    width: 176px;
    height: 40px;
    line-height: 30px;
    border: 2px solid #E6E6E6;
    border-radius: 4px;
    outline-color: #00B462;
    font-size: 16px;
    color: #000000;
    text-indent: 15px;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifySmsCaptcha #feedback_verifySmsObtain {
    width: 110px;
    height: 40px;
    display: inline-block;
    background: none;
    border: 2px solid #00B462;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    color: #00B462;
    text-align: center;
    cursor: pointer;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifySmsCaptcha .feedback_verifySmsObtain_active {
    border: 2px solid #cccccc!important;
    color: #cccccc!important;
    cursor: no-drop!important;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifySuccess {
    width: 256px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
}
.product .feedback_box > div.feedback_verify .feedback_verifyBox .feedback_verifySuccess #feedback_verifySuccess {
    width: 100%;
    height: 60px;
    margin: 0;
    font-size: 22px;
    color: #FFFFFF;
    text-indent: 0;
    background: #00B462;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.product .feedback_box > div.feedback_success {
    width: 256px;
    height: 60px;
    line-height: 60px;
    margin: 0 372px;
    background: #00B462;
    border-radius: 04px;
    text-align: center;
}
.product .feedback_box > div.feedback_success > input {
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 22px;
    color: #FFFFFF;
    text-indent: 0;
    background: none;
    border: none;
    cursor: pointer;
}
/* feedback_end */
/* 内容区_end */
/* product_end */