/*========NAV begin==============*/
html,
body,
p,
a {
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
    font-family: PingFang SC, Helvetica Neue, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, sans-serif;
    /*user-select: none;*/
}

a {
    color: #333333;
}

a:hover {
    text-decoration: none;
}

.indexHeader {
    position: relative;
    width: 100%;
    background-color: #090B0F;

}

.indexHeader.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
}

.indexHeader .menu-wrapper .navbar-default {
    background: none !important;

}

.indexHeader .menu-wrapper .navbar-brand {
    color: #fff;
    margin-right: 20px;
}

.navbar-nav li {
    /*    position: relative; */
}

.header .nav li.dropdown .mini-dropdown-menu {
    width: 100%;
    left: 0;
    margin-left: 0;
}

.header .nav li.dropdown .mini-dropdown-menu .mini-menu-item {
    display: block;
    color: #333333;
    padding: 12px 20px;
}

.header .nav li.dropdown .mini-dropdown-menu .mini-menu-item i {
    margin: 0 10px;
}

.header .nav li.dropdown .mini-dropdown-menu .mini-menu-item:hover {
    background: #f4f4f4;
    text-decoration: none;
    border-radius: 4px;
}

.header .menu-wrapper.affix .nav li.dropdown .mini-dropdown-menu {
    background: #fff;
}

.header .menu-wrapper.affix .nav li.dropdown .mini-dropdown-menu .mini-menu-item {
    color: #333;
}

.header .menu-wrapper.affix .nav li.dropdown .mini-dropdown-menu .mini-menu-item:hover {
    background: rgb(236, 249, 255);
}

/* .header .nav li.dropdown:hover .dropdown-menu{
    display: none;
} */
.header .nav li.dropdown:hover .mini-dropdown-menu {
    display: block;
}

.navbar-default .navbar-nav>li>a:focus {
    background-color: transparent;
}

.indexHeader .navbar-default .navbar-nav>li>a,
.header.indexHeader .nav li.dropdown b {
    color: #fff;
}

.indexHeader.fixed .navbar-default .navbar-nav>li>a,
.indexHeader.fixed .nav li.dropdown b {
    color: #333;
}

.indexHeader .navbar-default .navbar-nav>li>a:hover {
    background: rgba(255, 255, 255, 0.1);
    border-bottom: 3px solid #0e82ff;

}

.indexHeader .navbar-default .navbar-nav>li.current>a {
    background-color: transparent;
}



.indexHeader .menu-wrapper.affix {
    background-color: #FFFFFF;
}

.indexHeader .menu-wrapper.affix .navbar-nav>li>a:hover {
    background: rgb(247, 247, 247);
}

.indexHeader .menu-wrapper.affix .navbar-default .navbar-nav>li>a,
.header.indexHeader .menu-wrapper.affix .nav li.dropdown b {
    color: #333;
}

/*演示站*/
.indexHeader .navbar-default .navbar-nav>li .btn {
    font-size: 12px;
    width: 104px;
    height: 34px;
    text-align: center;
    background-color: #0e82ff;
    padding: 0px;
    line-height: 34px;
    margin: 24px auto auto 30px;
    border: none;
    color: #fff;
    overflow: hidden;
    border-radius: 17px;
}

.indexHeader .navbar-default .navbar-nav>li .btn span {
    flex-direction: row;
    width: 44px;
    height: 34px;
    -webkit-background-size: cover;
    background-size: cover;
    background: url("/static/img/site/index/new/show.png") no-repeat 14px 7px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.indexHeader .navbar-default .navbar-nav>li>.btn:hover {
    background-color: #3591ec;
    border: none;
}

.indexHeader .navbar-default .navbar-nav>li>.btn:hover span {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
}

/*下拉head*/
/*演示站字体*/
.indexHeader .menu-wrapper.affix .navbar-default .navbar-nav>li>.btn {
    color: #fff;
}

.indexHeader .menu-wrapper.affix .navbar-brand {
    color: #417bd1;
}

/*========NAV end==============*/
/*========幻灯片轮播 begin==============*/
.index_carousel {
    /*top: -80px;*/
    top: 0px;

}

.index_carousel .carousel-indicators {

    top: 80%;
    height: 12px;
    width: 120px;
    position: absolute;
    left: 50%;
    margin-top: -6px;
    margin-left: -60px;
}

.index_carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border: 2px solid #fff;
}

.index_carousel .carousel-indicators li.active {
    background-color: #fff;
    border: none;
}

.index_carousel .carousel-control,
.wapMarket_main .carousel-control {
    top: 50%;
    margin-top: -50px;
    width: 50px;
    height: 100px;
    background-image: none;
    background-color: rgb(241, 241, 241);
    text-shadow: none;
    opacity: 1;
}

.index_carousel .carousel-control.left {
    left: 15%;
    border-radius: 5px 0 0 5px;
}

.index_carousel .carousel-control.right {
    right: 15%;
    border-radius: 0 5px 5px 0;
}

.index_carousel .carousel-control .fa,
.wapMarket_main .carousel-control .fa {
    font-size: 50px;
    line-height: 2;
    z-index: 5;
    color: #fff;
}

.index_carousel .carousel-control .fa {
    opacity: 0.5;
}

.index_carousel .carousel-control:hover,
.wapMarket_main .carousel-control:hover {
    opacity: 0.8;
}

.index_carousel .carousel-control:hover .fa,
.wapMarket_main .carousel-control:hover .fa {
    opacity: 1;
}

.carouselBtn {
    position: absolute;
    bottom: 150px;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.carouselBtn .GH_btnBox>a.solution_get {
    width: 140px;
    background: url(/static/img/site/index/new/test.png) no-repeat 100px center;
}

.carouselBtn .GH_btnBox>a.solution_more {
    width: 140px;
    background: url(/static/img/site/index/new/contact.png) no-repeat 100px center;
}

/*========幻灯片轮播 end==============*/
.mt60 {
    margin-top: 60px;
}

.mb60 {
    margin-bottom: 60px;
}

.pt40 {
    padding-top: 40px;
}
.pb40{
    padding-bottom:40px;
}
.indexTitle {
    margin: 0 auto;
    text-align: center;
}

.indexTitle h2 label {
    margin: 0 15px;
    font-weight: normal;
}

.indexTitle h2 {
    margin-top: 0;
    margin-bottom: 5px;
}

.indexTitle h2 span {
    font-size: 10px;
    vertical-align: middle;
    color: #e8e8e8;
}

.indexTitle p {
    margin-bottom: 0;
    color: #999;
    text-transform: uppercase;
}

.indexTitle h2.baise,
.indexTitle p.baise {
    color: #fff;
}

.indexTitle p.gray {
    color: #eee;
}

.customMain_old {
    width: 100%;
    background: url(/static/img/site/index/case_bg.jpg) no-repeat top center;
}

/**************产品推荐************/
/**************B2C品牌商城************/
.product {
    margin-top: 100px;
}

.product_title {
    border: none;
    margin-bottom: 36px;
    margin-top: 0;
    margin-bottom: 50px;
    padding-bottom: 0;
}

.product_title h1 {
    font-size: 30px;
    color: #333;
    margin-top: 0;
}

.product_title h3 {
    font-size: 14px;
    color: #999;
    margin-top: 15px;
}

/**************B2C品牌商城************/
.product .product_left {
    width: 580px;
    height: 370px;
    border: none;
    border-radius: inherit;
    padding: 0px;
    margin: 0px;
    background: -webkit-linear-gradient(150deg, #21aadc, #1672cd);
    background: -o-linear-gradient(150deg, #21aadc, #1672cd);
    background: -moz-linear-gradient(150deg, #21aadc, #1672cd);
    background: linear-gradient(150deg, #21aadc, #1672cd);
}

.panel-body {
    margin: 24px 0px 0px 32px;
    padding: 0px;
}

.product .product_left h1 {
    font-size: 20px;
    color: #fff;
    margin: 0px;
    padding: 0px;
    margin-bottom: 18px;
    font-weight: normal;
}

.product .product_left p {
    margin-bottom: 16px;
    width: 528px;
    font-size: 13px;
    color: #e7f8fe;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

/*精细化运营*/
.product .product_left .operate_left {
    padding: 0px;
    margin: 10px 0 0 0;
}

.product .operate_left .operate_left-tit {
    font-size: 16px;
    color: #fff;
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
    padding-bottom: 6px;
    font-weight: bold;
}

.product .operate_left li {
    font-size: 12px;
    color: #c5effe;
    padding-bottom: 2px;
}

.product .operate_right li {
    color: #bddefd;
}

/*电商模式*/
.product .pattern {
    margin: 16px 0px 16px 0px;
    padding-left: 0px;


}

.product .pattern .pattern_tit {
    font-size: 16px;
    color: #fff;

}

.product .pattern li {
    float: left;
    line-height: 20px;
    padding-right: 20px;
    color: #fff;
    font-size: 12px;


}

.product .pattern .pattern_icon i {
    font-size: 20px;
    padding-right: 10px;
}

.product .pattern .pattern_icon:hover {
    color: #fdde6a;
    cursor: pointer;

}

/*了解详情Btn*/
.product .productBtn {
    margin: 0px;
}

.product .productBtn .btn-default {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    width: 109px;
    height: 34px;
    line-height: 20px;
    margin-right: 10px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.product .productBtn .btn-default:hover {
    background: #fff;
    color: #14a0d1;
    cursor: pointer;
}

/*******END******/
/*******B2C品牌商城******/

/*******B2B2C多用户商城******/
.product .product_right {
    margin-left: 34px;
    background: -webkit-linear-gradient(350deg, #0e82ff, #1bbcd4);
    background: -o-linear-gradient(350deg, #0e82ff, #1bbcd4);
    background: -moz-linear-gradient(350deg, #0e82ff, #1bbcd4);
    background: linear-gradient(350deg, #0e82ff, #1bbcd4);
}

.product .product_right p {
    color: #e3f1fe;
}

/*.product .product_right .operate_left li {*/
/*color: #bcdeff;*/

/*}*/
.product .product_right .btn-default:hover {
    color: #1069bf;

}


/*******产品中心******/
.productBox #ztbox {
    margin-top: 35px;
}

.productBox #ztbox .prev,
.productBox #ztbox .next {
    display: block;
    width: 27px;
    height: 60px;
    float: left;
    margin-top: 157.5px;
    background-image: url("/static/img/site/index/zhongxin.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.productBox #ztbox .prev {
    background-position: 0 -120px;
}

.productBox #ztbox .next {
    background-position: -27px -120px;
}

.productBox #ztbox .conter {
    position: relative;
    margin: 0px 3px;
    width: 1140px !important;
    height: 375px;
    float: left;
    display: inline;
    overflow: hidden;
}

.productBox #ztbox .conter .product_item {
    position: relative;
    width: 275px !important;
    height: 375px !important;
    padding: 15px 20px;
    float: left;
    margin: 0px 5px;
    border-top: 15px solid #fff;
    border-bottom: 15px solid #fff;
    background-color: #f4f4f4;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
}

.productBox .product_item .product_icon {
    background-image: url("/static/img/site/index/zhongxin.png");
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.productBox .product_item .product_icon.icon01 {
    background-position: 0 0;
}

.productBox .product_item:hover .product_icon.icon01 {
    background-position: 0 -60px;
}

.productBox .product_item .product_icon.icon02 {
    background-position: -60px 0;
}

.productBox .product_item:hover .product_icon.icon02 {
    background-position: -60px -60px;
}

.productBox .product_item .product_icon.icon03 {
    background-position: -120px 0;
}

.productBox .product_item:hover .product_icon.icon03 {
    background-position: -120px -60px;
}

.productBox .product_item .product_icon.icon04 {
    background-position: -180px 0;
}

.productBox .product_item:hover .product_icon.icon04 {
    background-position: -180px -60px;
}

.productBox .product_item .product_icon.icon05 {
    background-position: -240px 0;
}

.productBox .product_item:hover .product_icon.icon05 {
    background-position: -240px -60px;
}

.productBox .product_item .product_icon.icon06 {
    background-position: -300px 0;
}

.productBox .product_item:hover .product_icon.icon06 {
    background-position: -300px -60px;
}

.productBox .product_item .product_icon.icon07 {
    background-position: -360px 0;
}

.productBox .product_item:hover .product_icon.icon07 {
    background-position: -360px -60px;
}

.productBox .product_item h4,
.aboutKnow_item h4 {
    font-size: 16px;
    text-align: center;
}

.productBox .product_item h5,
.aboutKnow_item h5 {
    font-size: 14px;
    text-align: center;
    color: #ccc;
}

.productBox .product_item .product_line,
.aboutKnow_item .product_line {
    display: block;
    margin: 30px auto;
    height: 1px;
    width: 80px;
    background-color: #cccccc;
}

.productBox .product_item p,
.aboutKnow_item p {
    color: #777;
    font-size: 13px;
}

.productBox .product_item .product_more {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 24px;
    text-align: center;
    font-size: 13px;
    line-height: 24px;
    color: #fff;
    border: 1px solid #fff;
    visibility: hidden;
}

.productBox #ztbox .conter .product_item:hover {
    background-color: #ff8c3e;
    border-top-color: #ff8c3e;
    border-bottom-color: #ff8c3e;
}

.productBox .product_item:hover h4,
.productBox .product_item:hover h5,
.productBox .product_item:hover p,
.aboutKnow_item:hover h4,
.aboutKnow_item:hover h5,
.aboutKnow_item:hover p {
    color: #fff;
}

.productBox .product_item:hover .product_line,
.aboutKnow_item:hover .product_line {
    background-color: #fff;
}

.productBox .product_item:hover .product_more {
    visibility: visible;
    text-decoration: none;
}

a.moreBtn,
a.index_adBtn,
a.index_adbuy {
    display: block;
    width: 140px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
}

a.moreBtn {
    margin: 40px auto;
    background-color: #0e82ff;
}

a.index_adBtn {
    background-color: #0e82ff;
}

.index_fuwu01 a.index_adBtn {
    position: absolute;
    top: 190px;
}

.projectBox a.index_adBtn,
.customMain a.index_adBtn {
    margin: 40px auto;
}

.index_fuwu02 a.index_adbuy {
    background: #1dbffe url("/static/img/site/index/index_wen.jpg") no-repeat 13px 8px;
}

.index_fuwu02 a.index_adbuy {
    position: absolute;
    top: 210px;
    left: 45px;
}

a.moreBtn:hover,
a.index_adBtn:hover,
a.index_adbuy:hover,
a.moreBtn:focus,
a.index_adBtn:focus,
a.index_adbuy:focus {
    text-decoration: none;
}

a.moreBtn .fa,
a.index_adBtn .fa {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 50%;
}

a.moreBtn .fa {
    color: #0e82ff;
}

a.index_adBtn .fa {
    color: #0e82ff;
}

/*广告*/
.index_fuwu01 {
    width: 100%;
    height: 378px;
    background: url("/static/img/site/index/index01.jpg") no-repeat center center;
}

.index_fuwu01 .container,
.index_fuwu02 .container {
    position: relative;
}

.index_fuwu02 {
    width: 100%;
    height: 300px;
    background: url("/static/img/site/index/ad02.jpg") no-repeat center center;
}

/*解决方案*/
.GH_solution {
    width: 100%;
    height: 754px;
    background: url(/static/img/site/index/new/SolveBg.jpg) no-repeat;
    overflow: hidden;
    background-size: cover;
}

.GH_solution .GH_solutionBg {
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.GH_soMain>ul {
    display: inline-block;
    height: 580px;
    width: 300px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.78);
    /*padding-top:80px;*/

}

.GH_soMain>ul>li {
    width: 100%;
    height: 82.8px;
    /*float: left;*/
    cursor: pointer;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.2);

}

/*.GH_soMain > ul > .cross-border{*/

/*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/
/*}*/

.GH_soMain>ul>li:nth-child(1) {

    /*background: url("/static/img/site/index/new/solution/solution01.jpg") no-repeat center center;*/
    /*background-size: cover;*/
}

.GH_soMain>ul>li:nth-child(2) {

    /*background: url("/static/img/site/index/new/solution/solution02.jpg") no-repeat center center;*/
    /*background-size: cover;*/
}

.GH_soMain>ul>li:nth-child(3) {

    /*background: url("/static/img/site/index/new/solution/solution03.jpg") no-repeat center center;*/
    /*background-size: cover;*/
}

.GH_soMain>ul>li:nth-child(4) {

    /*background: url("/static/img/site/index/new/solution/solution04.jpg") no-repeat center center;*/
    /*background-size: cover;*/
}

.GH_soMain>ul>li:nth-child(5) {

    /*background: url("/static/img/site/index/new/solution/solution05.jpg") no-repeat center center;*/
    /*background-size: cover;*/
    /*background-color: #0ccbe2;*/
}

.GH_soMain>ul>li>a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    font-size: 16px;
    color: #fff;
    position: relative;


}

.GH_soMain>ul>li>a span {

    position: absolute;
    top: 32px;
}

.GH_soMain>ul>li>a:focus,
.GH_soMain>ul>li>a:hover,
.GH_soMain>ul>li>a:active,
.GH_soMain>ul>li>a:visited {
    color: #fff;
    text-decoration: none;

}

.GH_soMain>ul>li:nth-child(odd)>a {
    background-color: rgba(0, 0, 0, 0.7);
}

.GH_soMain>ul>li:nth-child(even)>a {
    background-color: rgba(0, 0, 0, 0.7);
}

.GH_soMain>ul>li.active>a {
    /*background-color: rgba(0, 0, 0, 0.2);*/
    background-color: #0e82ff;
}

.GH_soMain>ul>li>a>i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 24px;
    margin: 30px 20px 0px 30px;
}

.GH_soMain>ul>li:nth-child(1)>a>i {
    background: url("/static/img/site/index/new/solution/solution_icon1.png") no-repeat center center;
}

.GH_soMain>ul>li:nth-child(2)>a>i {

    background: url("/static/img/site/index/new/solution/solution_icon2.png") no-repeat center center;
}

.GH_soMain>ul>li:nth-child(3)>a>i {
    background: url("/static/img/site/index/new/solution/solution_icon3.png") no-repeat center center;
}

.GH_soMain>ul>li:nth-child(4)>a>i {
    background: url("/static/img/site/index/new/solution/solution_icon4.png") no-repeat center center;
}

.GH_soMain>ul>li:nth-child(5)>a>i {
    background: url("/static/img/site/index/new/solution/solution_icon5.png") no-repeat center center;
}

.GH_soMain>ul>li:nth-child(6)>a>i {
    background: url("/static/img/site/index/new/solution/solution_icon6.png") no-repeat center center;
}

.GH_soMain>ul>li:nth-child(7)>a>i {
    background: url("/static/img/site/index/new/solution/solution_icon7.png") no-repeat center center;
}

.GH_soMain {
    height: 580px;
}

.GH_soMain .tab-content {
    height: 580px;
    width: 860px;
    float: right;
    margin-left: 40px;
    /*background-color: #000;*/
    color: #fff;
}

/*.GH_somain {*/
/*background-color: #fff;*/
/*}*/

/*.GH_somain > img {*/
/*display: block;*/
/*float: left;*/
/*}*/

.GH_soText {
    float: left;
    /*margin: 20px 40px 40px;*/
    height: 580px;
    width: 860px;
    overflow: hidden;
    margin: 30px 0px 0px 0px;

}

.GH_soText h1 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: normal;
}

.GH_soText p {
    display: flex;
    width: 99%;
    color: #888;
    font-size: 12px;
    margin: 10px 0px 0px 0px;
}

.mar40 {
    margin: 40px 0px 26px 0px;
    display: flex;

}

.GH_soText_left {
    padding-left: 0px;
}

.GH_soText .GH_soText_left h4 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 20px;
}

.GH_soText .GH_pattern {
    float: left;
}

/*支持的软件*/
.GH_soText .GH_software {
    margin: 0px;
    display: flex;
}

.GH_soText .GH_software .GH_software {
    font-size: 16px;
    color: #fff;
}

.GH_soText .GH_software li {
    float: left;
    line-height: 20px;
    padding-right: 20px;
    color: #fff;
    font-size: 12px;
}

.GH_soText .GH_software .GH_software_icon i {
    font-size: 20px;
    padding-right: 10px;
}

.GH_soText .GH_software .GH_software_icon:hover {
    color: #fdde6a;
    cursor: pointer;
}

/*END*/
/*支持的软件*/


/*解决方案了解详情按钮*/

.GH_soText .GH_soText-nav {
    color: #cecece;
    font-size: 13px;
}

.GH_soText .GH_soTextBtn {
    margin: 22px 0px 0px 0px;
}

.GH_soText .GH_soTextBtn .btn-default {
    border: 1px solid #8C8C8C;
    background-color: transparent;
    color: #fff;
    /*margin-top: 40px;*/
    font-size: 14px;
    width: 109px;
    height: 34px;
    line-height: 20px;
    margin-right: 20px;
}

.GH_soText .GH_soTextBtn .btn-default:hover {
    background: #fff;
    color: #333;
    cursor: pointer;
    border: none;
}


/*解决方案相关案例*/
.GH_soText .GH_List {
    margin: 10px 0px 0px 0px;

}

.GH_soText .GH_List h1 {
    font-size: 20px;
    font-weight: normal;

}

.GH_soText .GH_List .col-lg-12 {
    padding: 0px;
}

.GH_soText .GH_List .col-lg-12 .logo {
    margin-right: 15px;
    border-radius: 6px;
}

/*END*/
/*解决方案相关案例*/


.GH_btnBox {
    text-align: center;
}

.GH_btnBox>a {
    display: inline-block;
    width: 150px;
    padding: 10px 30px 10px 0;
    text-align: center;
    margin: 25px auto 0;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
}

.GH_btnBox>a.solution_get {
    color: #ffc900;
    border-color: #ffc900;
    background: url(/static/img/site/index/new/solution_get.png) no-repeat 113px center;
}

.GH_btnBox>a.solution_more {
    margin-left: 60px;
    color: #16bf73;
    border-color: #16bf73;
    background: url(/static/img/site/index/new/solution_more.png) no-repeat 113px center;
}

.GH_btnBox>a:hover,
.GH_btnBox>a:active,
.GH_btnBox>a:visited {
    text-decoration: none;
}

/*END*/
/*解决方案*/


/*电商服务*/
.GH_service {
    padding-top: 100px;
    background: #f7f7f7;
    padding-bottom: 70px;
}

.GH_service .container {
    display: flex;
    flex-wrap: wrap;
}

.GH_service .GH_service_sc {
    width: 228px;
    padding: 20px 0 15px 0;
    margin-right: 15px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    transition: all .5s;
    cursor: pointer;
    border-radius: 0;
    color: #858585;
    box-shadow: none;
}

.GH_service .GH_service_sc:nth-child(5n) {
    margin-right: 0;
}

.GH_service .GH_service_sc .panel-heading {
    background-color: transparent;
    border: none;
    font-size: 16px;
}

.GH_service .GH_service_sc .panel-heading .panel-title {
    font-size: 19px;
}

.GH_service .GH_service_sc:hover {
    border-color: #0e82ff;
}

.GH_service .GH_service_sc .panel-body {
    margin: 5px 20px 0px 20px;
    text-align: center;

}

.GH_service .GH_service_sc .panel-body p {
    font-size: 13px;
    text-align: left;
    margin: 0 auto;
    height: 72px;
}

.GH_service .GH_service_sc .GH_serviceBtn {
    margin: 15px auto 0;
}

.GH_service .GH_service_sc .GH_serviceBtn .btn-default {
    border: 1px solid #fff;
    background-color: transparent;
    padding: 5px 0;
    color: #0e82ff;
    font-size: 12px;
    width: 74px;
    border: 1px solid #0e82ff;
}

.GH_service .GH_service_sc .GH_serviceBtn .btn-default:hover {
    opacity: 0.8;
}





/*===================
客户案例
=================*/
.customMain {
    width: 100%;
    background: #fff url("/static/img/site/index/new/index_news.jpg") no-repeat bottom center;
    background-size: cover;
    /*background-color: #f3f6f7;*/
    /*margin-top:60px;*/

}

.customCenter {
    margin-top: 40px;
}

.appCustom .appzuo,
.appCustom .appyou {
    display: block;
    width: 22px;
    height: 38px;
    float: left;
    background-image: url("/static/img/site/index/zhongxin.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.appCustom .appzuo,
.appCustom .appyou {
    margin-top: 356px;
}

.appCustom .appzuo {
    background-position: -120px -120px;
}

.appCustom .appyou {
    background-position: -142px -120px;
}

.ScrCont {
    margin-left: -20px;
}

.ScrCont_item {
    float: left;
    width: 273px;
    margin-left: 30px;
    margin-bottom: 30px;
    /*border: 1px solid #eaeaea;*/
    background: #fff;
    /*border-radius: 8px;*/
    overflow: hidden;
    border-radius: 8px;
}

.ScrCont_img img {
    position: relative;
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.ScrCont_text {
    padding: 5px 14px;
    color: #333333;
    color: #858585;
    font-size: 12px;
}

.ScrCont_text .logo {
    /*position: absolute;*/
    /*bottom: 10px;*/
    /*left: 50%;*/
    /*margin-left: -90px;*/
    text-align: center;
    margin: 10px 0 20px;
}

.ScrCont_text .logo img {
    height: 50px;
}

.ScrCont_text .logo .logo-name {
    font-size: 26px;
    font-weight: 600;
    line-height: 50px;
    color: #333333;
}

.ScrCont_text h5 {
    font-size: 20px;
    color: #333;
    /*padding-top:15px;*/
}

.ScrCont_text .text {
    display: flex;
    flex-wrap: wrap;
}

.ScrCont_text .text h6 {
    width: 45%;
    margin: 5px 0;
    white-space: nowrap;
}

.ScrCont_item .bar {
    width: 0;
    height: 4px;
    background: #0e82ff;
    transition: 0.5s all ease;
}

.ScrCont_item:hover .bar {
    width: 100%;
}

.customMain_adBtn {
    display: block;
    width: 150px;
    height: 40px;
    line-height: 37px;
    /*padding: 10px 30px 10px 0;*/
    text-align: center;
    margin: 0px auto 80px;
    border-radius: 3px;
    color: #0e82ff;
    border: 1px solid #0e82ff;
    font-size: 16px;
    /*background: url("/static/img/site/index/new/right_o-eyes.png") no-repeat 113px center;*/
}

.customMain_adBtn:hover {
    background-color: #0e82ff;
    color: #fff;
}

.customMain_adBtn:hover,
.customMain_adBtn:visited {
    /*color: #34a3d6;*/
    text-decoration: none;
}

.customMain .btn-compose {
    text-align: center;
    margin: 40px 0;
}

.customMain .btn-compose .btn {
    padding: 6px 40px;
    font-size: 15px;
}

.customMain .btn-compose .btn.head_play {
    background-color: #0e82ff;
    color: #fff;
    border-color: #0e82ff;
}

.customMain .btn-compose .btn:hover {
    opacity: 0.8;
}

/*================
新标题
=================*/
.headLine {
    margin: 80px 0px 50px auto;
    text-align: center;
}

.headLine h1 {
    margin-bottom: 15px;
    font-size: 30px;
    color: #333;
}

.headLine h3 {
    color: #999;
    font-size: 14px;
    margin-top: 15px;
}

.headLine h4 {
    /*position: relative;*/
    /*text-transform: uppercase;*/
    color: #999;
    padding: 0px;
    margin-top: 15px;
    font-size: 14px;
    /*margin:20px 0px 80px 0px;*/

}

/*.headLine h4:before,*/
/*.headLine h4:after {*/
/*content: '';*/
/*position: absolute;*/
/*top: 9px;*/
/*height: 1px;*/
/*width: 130px;*/
/*}*/

/*.headLine h4:before {*/
/*left: 350px;*/
/*}*/

.headLine h4:after {
    right: 350px;
}

.newsMain .headLine,
.GH_solution .headLine,
.crmTab .headLine {
    color: #fff;
}

.customMain .headLine,
.crmWechat .headLine {
    color: #1b1b1b;
}

.customMain .headLine h4,
.crmWechat .headLine h4 {
    color: #c0c0c0;
}

.newsMain .headLine h4:before,
.newsMain .headLine h4:after,
.GH_solution .headLine h4:before,
.GH_solution .headLine h4:after,
.crmTab .headLine h4:before,
.crmTab .headLine h4:after {
    background-color: #ffffff;
}

.customMain .headLine h4:before,
.customMain .headLine h4:after,
.crmWechat .headLine h4:before,
.crmWechat .headLine h4:after {
    background-color: #c0c0c0;
}

.crmWechat .headLine h4:before {
    left: 300px;
}

.crmWechat .headLine h4:after {
    right: 300px;
}

/*================
新闻列表
=================*/
.newsMain {
    width: 100%;
    padding-bottom: 80px;
    background-color: #f7f7f7;
}

.newsMain .newsMain_nwes .newsMain_title {
    padding-bottom: 22px;
    width: 330px;
}

.newsMain .newsMain_nwes .newsMain_title p {
    font-size: 21px;
    color: #333;
}

.newsMain .newsMain_nwes .newsMain_title i {
    display: block;
    width: 50px;
    height: 2px;
    background-color: #00a1ea;

}

.newsMain .newsMain_nwes {
    float: left;
    width: 370px;
    margin-right: 45px;
}

.newsMain .newsMain_nwes .newsMain_box {
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10);
    border-radius: 6px;
    overflow: hidden;
}

.newsMain .newsMain_nwes:nth-child(3) {
    margin-right: 0;
}

.newsMain .newsMain_nwes .news-img {
    border-radius: 5px;
    width: 100%;
    height: 220px;
}

.newsMain .newsMain_nwes .newsMain_Nav {
    margin: 20px;
    display: inline-block;
}

.newsMain .newsMain_nwes .newsMain_Nav .newsMain_Nav_tit {
    font-size: 18px;
    color: #333;
}

.newsMain .newsMain_nwes .newsMain_Nav .time {
    font-size: 12px;
    color: #999999;
    margin-top: 12px;
}

.newsMain .newsMain_nwes .newsMain_Nav p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 12px;
    color: #858585;
}

.newsMain .newsMain_nwes .newsMain_Nav .newsMain_NavBtn {
    background-color: transparent;
    width: 370px;
    border: 1px solid #0e82ff;
    vertical-align: middle;
    font-size: 16px;
    color: #0e82ff;
    margin-top: 12px;
}

.newsMain .item {
    float: left;
    width: 370px;
    margin-left: 45px;
    background-color: #fff;
}

.newsMain .item:first-child {
    margin-left: 0;
}

.newsMain .item a.img {
    display: block;
    width: 100%;
    height: auto;
}

.newsMain .item a.name {
    display: block;
    margin: 10px 20px;
    height: 30px;
    line-height: 35px;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: bold;
    overflow: hidden;
}

.newsMain .item a.name:hover {
    text-decoration: none;
}

.newsMain .item .passage {
    margin: 0 20px 20px;
    font-size: 13px;
    color: #999;
    line-height: 20px;
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}

.consultOnline {
    display: block;
    width: 130px;
    padding: 10px 20px 10px 0;
    text-align: center;
    margin: 60px auto 0;
    color: #16bf73;
    border: 1px solid #16bf73;
    background: url("/static/img/site/index/new/contact.png") no-repeat 90px center;
    border-radius: 3px;
}

.consultOnline:hover,
.consultOnline:visited {
    color: #16bf73;
    text-decoration: none;
}

/*new versions stylesheet*/
/*========o2o特征==========*/
.O2O_feature>p {
    font-size: 14px;
    line-height: 1.8;
}

/*============Tab切换 产品类型 begin============*/
.categoryBox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.categoryBox #categoryItem {
    height: 78px;
    width: 100%;
    margin-bottom: 0;
    background-color: rgba(16, 16, 16, .4);
    display: flex;

}

.categoryBox #categoryItem>li {
    flex-direction: row;
    float: left;
    width: 20%;
    text-align: center;
    height: 78px;
    border-left: 1px solid rgba(255, 255, 255, .3);
    cursor: pointer;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;

}

.categoryBox #categoryItem>li:first-child {
    border-left: none;
}

.categoryBox #categoryItem>li>a {

    display: inline-block;
    /*float: left;*/
    padding: 0 10px;
    color: #fff;
    font-size: 14px;

}

.categoryBox #categoryItem>li>a:hover {
    text-decoration: none;
}

.categoryBox #categoryItem>li>a:focus {
    text-decoration: none;
}

.categoryBox #categoryItem>li.active a {
    border-bottom: 2px solid #34a3d6;
}

.categoryBox #categoryItem>li>a>i {
    display: block;
    margin: 8px auto;
    height: 36px;
}

.categoryBox #categoryItem>li:nth-child(1)>a>i {
    width: 36px;
    background: url("/static/img/site/index/new/category/icon.png") no-repeat -7px -26px;
}

.categoryBox #categoryItem>li:hover {
    /*color: #000;*/
    background-color: rgba(21, 112, 203, .9);

}

/*.categoryBox #categoryItem > li:hover i{*/
/*width: 36px;*/
/*background: url("/static/img/site/index/new/category/icon.png") no-repeat -7px -88px;*/
/*}*/


/*.categoryBox #categoryItem > li:nth-child(1) > a > i {*/
/*width: 36px;*/
/*background: url("/static/img/site/index/new/category/icon.png") no-repeat -7px -26px;*/
/*}*/
/*.categoryBox #categoryItem > li:nth-child(1) > a > i:hover {*/
/*background: url("/static/img/site/index/new/category/icon.png") no-repeat -7px -88px;*/
/*}*/

/*ban划过icon图标变色*/
.categoryBox #categoryItem>li:nth-child(2)>a>i {
    width: 36px;
    background: url("/static/img/site/index/new/category/icon.png") no-repeat -84px -26px;
}

/*.categoryBox #categoryItem > li:nth-child(2) > a > i:hover {
    /*background: url("/static/img/site/index/new/category/icon.png") no-repeat -84px -88px;
}*/

.categoryBox #categoryItem>li:nth-child(3)>a>i {
    width: 36px;
    background: url("/static/img/site/index/new/category/icon.png") no-repeat -318px -26px;
}

/*.categoryBox #categoryItem > li:nth-child(3) > a > i:hover {*/
/*background: url("/static/img/site/index/new/category/icon.png") no-repeat -162px -88px;*/
/*}*/

.categoryBox #categoryItem>li:nth-child(4)>a>i {
    width: 36px;
    background: url("/static/img/site/index/new/category/icon.png") no-repeat -392px -26px;

}

/*.categoryBox #categoryItem > li:nth-child(4) > a > i:hover {*/
/*background: url("/static/img/site/index/new/category/icon.png") no-repeat -240px -88px;*/
/*}*/

.categoryBox #categoryItem>li:nth-child(5)>a>i {
    width: 36px;
    background: url("/static/img/site/index/new/category/icon.png") no-repeat -162px -26px;
}

/*.categoryBox #categoryItem > li:nth-child(5) > a > i:hover {*/
/*background: url("/static/img/site/index/new/category/icon.png") no-repeat -318px -88px;*/
/*}*/
.categoryBox #categoryItem>li:nth-child(6)>a>i {
    width: 36px;
    background: url("/static/img/site/index/new/category/icon.png") no-repeat -240px -26px;
}

/*.categoryBox #categoryItem > li:nth-child(6) > a > i:hover {*/
/*background: url("/static/img/site/index/new/category/icon.png") no-repeat -392px -88px;*/
/*}*/

.categoryBox #categoryItem>li:nth-child(7)>a>i {
    width: 36px;
    background: url("/static/img/site/index/new/category/icon.png") no-repeat -467px -26px;
}

/*.categoryBox #categoryItem > li:nth-child(7) > a > i:hover {*/
/*background: url("/static/img/site/index/new/category/icon.png") no-repeat -467px -87px;*/
/*}*/

/*.categoryBox #categoryItem > li:nth-child(6) > a > i {*/
/*width: 36px;*/
/*background: url("/static/img/site/index/new/category/webpos.png") no-repeat center center;*/
/*}*/

/*.categoryBox #categoryItem > li:nth-child(7) > a > i {*/
/*width: 36px;*/
/*background: url("/static/img/site/index/new/category/erp.png") no-repeat center center;*/
/*}*/

/*.categoryBox #categoryItem > li:nth-child(8) > a > i {*/
/*width: 36px;*/
/*background: url("/static/img/site/index/new/category/crm.png") no-repeat center center;*/
/*}*/

#categoryMain {
    margin-top: 180px;
}

.tab-item-box .tab-item {
    width: 20%;
    float: left;
    text-align: center;
}

.tab-item-box .tab-item>span {
    width: 100px;
    display: inline-block;
    height: 100px;
    border: 1px solid #9da0a5;
    border-radius: 50%;
}

.tab-item-box .tab-item:hover>span {
    border-color: #268cf4;
}

.tab-item-box .tab-item:nth-child(1)>span {
    background: url("/static/img/site/index/new/Tab/B2C_01_01.png") no-repeat center center;
}

.tab-item-box .tab-item:nth-child(1):hover>span {
    background: url("/static/img/site/index/new/Tab/B2C_01_02.png") no-repeat center center;
}

.tab-item-box .tab-item:nth-child(2)>span {
    background: url("/static/img/site/index/new/Tab/B2C_02_01.png") no-repeat center center;
}

.tab-item-box .tab-item:nth-child(2):hover>span {
    background: url("/static/img/site/index/new/Tab/B2C_02_02.png") no-repeat center center;
}

.tab-item-box .tab-item:nth-child(3)>span {
    background: url("/static/img/site/index/new/Tab/B2C_03_01.png") no-repeat center center;
}

.tab-item-box .tab-item:nth-child(3):hover>span {
    background: url("/static/img/site/index/new/Tab/B2C_03_02.png") no-repeat center center;
}

.tab-item-box .tab-item:nth-child(4)>span {
    background: url("/static/img/site/index/new/Tab/B2C_04_01.png") no-repeat center center;
}

.tab-item-box .tab-item:nth-child(4):hover>span {
    background: url("/static/img/site/index/new/Tab/B2C_04_02.png") no-repeat center center;
}

.tab-item-box .tab-item:nth-child(5)>span {
    background: url("/static/img/site/index/new/Tab/B2C_05_01.png") no-repeat center center;
}

.tab-item-box .tab-item:nth-child(5):hover>span {
    background: url("/static/img/site/index/new/Tab/B2C_05_02.png") no-repeat center center;
}

.tab-item-box.bbc .tab-item:nth-child(4)>span {
    background: url("/static/img/site/index/new/Tab/BBC_04_01.png") no-repeat center center;
}

.tab-item-box.bbc .tab-item:nth-child(4):hover>span {
    background: url("/static/img/site/index/new/Tab/BBC_04_02.png") no-repeat center center;
}

.tab-item-box.bbc .tab-item:nth-child(5)>span {
    background: url("/static/img/site/index/new/Tab/BBC_05_01.png") no-repeat center center;
}

.tab-item-box.bbc .tab-item:nth-child(5):hover>span {
    background: url("/static/img/site/index/new/Tab/BBC_05_02.png") no-repeat center center;
}

.categoryItem_text {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
}

.tab-item-title {
    width: 100%;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    background-color: #eef0f3;
}

.tab-item-text {
    text-align: left;
    width: 100%;
    min-height: 200px;
    padding: 20px 15px;
    line-height: 1.8;
}

.categoryItem_text:hover {
    border-color: #268cf4;
    box-shadow: 0 0 35px rgba(39, 142, 255, 0.3);
    z-index: 5;
}

.categoryItem_text:hover .tab-item-title {
    background-color: #268cf4;
    color: #FFFFff;
}

.colorBox-item>div {
    width: 33.33333%;
    padding: 10px 0 13px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.colorBox-item:nth-child(4)>div {
    border-bottom: none;
}

.colorBox-item>div:first-child {
    border-left: none;
}

.colorBox-item:nth-child(1)>div {
    background-color: #00c37d;
}

.colorBox-item:nth-child(2)>div {
    background-color: #47adff;
}

.colorBox-item:nth-child(3)>div {
    background-color: #fe7443;
}

.colorBox-item:nth-child(4)>div {
    background-color: #ffa417;
}

.colorBox-item>div>span {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 5px;
}

.colorBox-item:nth-child(1)>div:nth-child(1)>span {
    background: url("/static/img/site/index/new/Tab/wei_01.png") no-repeat center center;
}

.colorBox-item:nth-child(1)>div:nth-child(2)>span {
    background: url("/static/img/site/index/new/Tab/wei_02.png") no-repeat center center;
}

.colorBox-item:nth-child(1)>div:nth-child(3)>span {
    background: url("/static/img/site/index/new/Tab/wei_03.png") no-repeat center center;
}

.colorBox-item:nth-child(2)>div:nth-child(1)>span {
    background: url("/static/img/site/index/new/Tab/wei_04.png") no-repeat center center;
}

.colorBox-item:nth-child(2)>div:nth-child(2)>span {
    background: url("/static/img/site/index/new/Tab/wei_05.png") no-repeat center center;
}

.colorBox-item:nth-child(2)>div:nth-child(3)>span {
    background: url("/static/img/site/index/new/Tab/wei_06.png") no-repeat center center;
}

.colorBox-item:nth-child(3)>div:nth-child(1)>span {
    background: url("/static/img/site/index/new/Tab/wei_07.png") no-repeat center center;
}

.colorBox-item:nth-child(3)>div:nth-child(2)>span {
    background: url("/static/img/site/index/new/Tab/wei_08.png") no-repeat center center;
}

.colorBox-item:nth-child(3)>div:nth-child(3)>span {
    background: url("/static/img/site/index/new/Tab/wei_09.png") no-repeat center center;
}

.colorBox-item:nth-child(4)>div:nth-child(1)>span {
    background: url("/static/img/site/index/new/Tab/wei_10.png") no-repeat center center;
}

.colorBox-item:nth-child(4)>div:nth-child(2)>span {
    background: url("/static/img/site/index/new/Tab/wei_11.png") no-repeat center center;
}

.colorBox-item:nth-child(4)>div:nth-child(3)>span {
    background: url("/static/img/site/index/new/Tab/wei_12.png") no-repeat center center;
}

.colorBox.app .colorBox-item:nth-child(1)>div:nth-child(1)>span {
    background: url("/static/img/site/index/new/Tab/APP_01.png") no-repeat center center;
}

.colorBox.app .colorBox-item:nth-child(1)>div:nth-child(2)>span {
    background: url("/static/img/site/index/new/Tab/APP_02.png") no-repeat center center;
}

.colorBox.app .colorBox-item:nth-child(1)>div:nth-child(3)>span {
    background: url("/static/img/site/index/new/Tab/APP_03.png") no-repeat center center;
}

.colorBox.app .colorBox-item:nth-child(2)>div:nth-child(2)>span {
    background: url("/static/img/site/index/new/Tab/APP_05.png") no-repeat center center;
}

.colorBox.app .colorBox-item:nth-child(3)>div:nth-child(3)>span {
    background: url("/static/img/site/index/new/Tab/APP_09.png") no-repeat center center;
}

.tab-item-box.crm .tab-item {
    width: 25%;
}

.crmTab {
    width: 100%;
    height: 480px;
    background: url("/static/img/site/index/new/Tab/crm_bg.jpg") no-repeat center center;
}

.crmMedia .item {
    display: block;
    float: left;
    text-align: center;
    color: #FFFFff;
    width: 14.28571428571429%;
}

.crmMedia .item>span {
    display: block;
    width: 100px;
    height: 100px;
    padding: 25px;
    margin: 0 auto 20px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
}

.crmMedia .item>span>i {
    width: 50px;
    height: 50px;
    display: block;
}

.crmMedia .item:nth-child(1)>span>i {
    background: url("/static/img/site/index/new/Tab/crm_media_01.png") no-repeat center center;
}

.crmMedia .item:nth-child(2)>span>i {
    background: url("/static/img/site/index/new/Tab/crm_media_02.png") no-repeat center center;
}

.crmMedia .item:nth-child(3)>span>i {
    background: url("/static/img/site/index/new/Tab/crm_media_03.png") no-repeat center center;
}

.crmMedia .item:nth-child(4)>span>i {
    background: url("/static/img/site/index/new/Tab/crm_media_04.png") no-repeat center center;
}

.crmMedia .item:nth-child(5)>span>i {
    background: url("/static/img/site/index/new/Tab/crm_media_05.png") no-repeat center center;
}

.crmMedia .item:nth-child(6)>span>i {
    background: url("/static/img/site/index/new/Tab/crm_media_06.png") no-repeat center center;
}

.crmMedia .item:nth-child(7)>span>i {
    background: url("/static/img/site/index/new/Tab/crm_media_07.png") no-repeat center center;
}

.crmWechatImg>div {
    position: relative;
    width: 240px;
    height: 280px;
    float: left;
}

.crmWechatImg>div:nth-child(1) {
    background: url("/static/img/site/index/new/Tab/crm_wechat_01.jpg") no-repeat center top;
}

.crmWechatImg>div:nth-child(2) {
    background: url("/static/img/site/index/new/Tab/crm_wechat_02.jpg") no-repeat center top;
}

.crmWechatImg>div:nth-child(3) {
    background: url("/static/img/site/index/new/Tab/crm_wechat_03.jpg") no-repeat center top;
}

.crmWechatImg>div:nth-child(4) {
    background: url("/static/img/site/index/new/Tab/crm_wechat_04.jpg") no-repeat center top;
}

.crmWechatImg>div:nth-child(5) {
    background: url("/static/img/site/index/new/Tab/crm_wechat_05.jpg") no-repeat center top;
}

.crmWechatImg>div>span {
    position: absolute;
    left: 20px;
    top: 220px;
    display: block;
    width: 200px;
    padding: 6px 10px;
    font-size: 12px;
    background-color: #f9f9f9;
    border: 1px solid #e7e7e7;
    visibility: hidden;
}

.crmWechatImg>div:hover>span {
    visibility: visible;
}

/*============Tab切换 产品类型 end============*/
@media (max-width: 1600px) {
    .index_carousel .carousel-control.left {
        left: 6%;
    }

    .index_carousel .carousel-control.right {
        right: 6%;
    }
}

@media (max-width: 1440px) {
    .index_carousel .carousel-control.left {
        left: 5%;
    }

    .index_carousel .carousel-control.right {
        right: 5%;
    }
}

/*浮动窗口*/
.float_window {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    background-color: rgba(48, 49, 53, 0.71);
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 1000;
    color: #fff;
    padding-top: 9px;
    display: none;
}

.float_window p {
    font-size: 20px;
    padding: 0px;
    margin: 0px;
}

.float_window .close_img {
    position: absolute;
    top: 10%;
    right: 170px;
    cursor: pointer;
    display: block;
}

.float_window .float_top {
    padding: 5px 0px 0px 10px;
}

.float_window p .float_lj {
    display: inline-block;
    font-size: 16px;
    margin-left: 30px;
    color: #fff;
    width: 120px;
    height: 30px;
    line-height: 30px;
    background-color: #f18e00;
    border-radius: 20px;
    cursor: pointer;
    text-decoration: none;
}

/*弹窗*/
.popup {
    width: 428px;
    height: 222px;
    border-radius: 5px;
    background: url("/static/img/site/index/popup.png")no-repeat center top;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -214px;
    margin-top: -111px;
    z-index: 1000;
    box-shadow: 0px 1px 9px rgba(52, 116, 211, .7);
}

.popup .popup_text {
    color: #fff;
    font-size: 16px;
    padding: 0px 10px;
    margin-top: 17%;
    margin-left: 46%;
    text-align: center;
}

.popup .popup_text span {
    color: #FFC900;
    padding-left: 2px;
}

.popup_btn {
    margin-top: 6%;
    margin-left: 52%;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    padding: 5px 10px;

}

.popup_btn:hover,
.popup_btn:focus {
    background-color: #fff;
    border: 1px solid #fff;
    color: #2C6FCE;
}

.popu_close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;

}

.zx {
    position: fixed;
    bottom: 10%;
    right: 1.5%;
    cursor: pointer;
}

.serviceBanner .container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    color: #FFFFFF;
}

.serviceBanner .container .banner-box {
    position: absolute;
    left: 0;
    top: 130px;
}

.serviceBanner .container h1 {
    font-size: 36px;
    font-weight: bold;
    line-height: 50px;
}

.serviceBanner .container p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
}

.bot-tag {
    width: 1200px;
    height: 110px;
    margin: 0 auto;
    margin-top: -55px;
    border-radius: 10px;
    background-color: #0e82ff;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bot-tag .tag-item {
    width: 20%;
    text-align: center;
    border-right: 1px solid #ffffff;
}

.bot-tag .tag-item:last-child {
    border: none;
}

.bot-tag .tag-item .top {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
}

.bot-tag .tag-item .top img {
    width: 25px;
    margin-right: 10px;
}

.bot-tag .tag-item .top .title {
    margin: 0;
    font-size: 16px;
}

.bot-tag .tag-item .desc {
    margin: 0;
}

.service-content {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}

.service-content .service-item {
    width: 24%;
    border: 1px solid #eeeeee;
    padding: 15px;
    margin-bottom: 15px;
}

.service-content .service-item img {
    height: 50px;
}

.service-content .service-item .title {
    font-size: 18px;
    color: #333333;
    margin: 20px 0;
}

.service-content .service-item .desc {
    color: #666666;
    line-height: 24px;
    text-align: justify;
}

.service-content .service-item .desc .light {
    color: #f6a321;
}

.submitTo {
    width: 1050px;
    margin: 0 auto;
    position: relative;
}

.submitTo .big-title {
    font-size: 20px;
    margin-bottom: 20px;
}

.submitTo .choose-type {
    margin-top: 20px;
    margin-left: 20px;
}

.submitTo .choose-type .tit {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 10px;
}

.submitTo .choose-type .types {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
}

.submitTo .choose-type .types .type-part {
    display: flex;
    align-items: center;
    margin: 5px 0;
    margin-right: 23px;
}

.submitTo .choose-type .type-part .name {
    margin: 0;
    margin-left: 4px;
}

.submitTo .contact-us {
    margin-left: 20px;
}

.submitTo .contact-us .contact-line {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.submitTo .contact-us .contact-line .tit {
    width: 80px;
    font-size: 16px;
    position: relative;
    display: inline-block;
}

.submitTo .contact-us .contact-line input {
    border: 1px solid #e4e4e4;
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    width: 300px;
}

.submitTo .contact-us .contact-line .send {
    border: none;
    background-color: #276bef;
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    padding: 0 20px;
    margin-left: 10px;
}

.submitTo .contact-us .btn-order {
    border: none;
    width: 200px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    border-radius: 29px;
    cursor: pointer;
    padding: 0 32px;
    text-align: center;
    color: #fff;
    background-color: #276bef;
}

.submitTo .discount-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 500px;
}

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

.goodness-main {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.goodness-main .goodness {
    width: 23%;
    color: #333333;
    line-height: 26px;
    text-align: center;
    border-radius: 8px;
    padding: 20px;
    border: 3px solid #ffffff;
    box-shadow: rgba(92, 92, 92, 0.23) 0 0 27px;
}

.goodness-main .goodness:hover {
    border: 3px solid #2274E6;
}

.goodness-main .goodness img {
    width: 70px;
    height: 70px;
}

.goodness-main .goodness .title {
    font-size: 18px;
}

input[type=checkbox] {
    margin: 0;
}

.joinus {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}

.joinus .join-title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}

.joinus .post {
    margin-bottom: 20px;
}

.joinus .post .post-name {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    background-color: #0db3f4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
    font-size: 16px;
    position: relative;
}

.joinus .post .post-name .name {
    margin: 0;
    padding-left: 15px;
}

.joinus .post .post-name .name::before {
    content: '';
    position: absolute;
    top: 18px;
    left: 30px;
    width: 2px;
    height: 24px;
    background-color: #FFFFFF;
    display: block;
}

.joinus .post .post-name .fa {
    font-size: 22px;
}

.joinus .post .post-main {
    border: 1px solid #0db3f4;
    padding: 15px 30px;
    display: none;
}

.joinus .post .post-main .post-title {
    font-weight: bold;
}

.joinus .post .post-main .post-desc {
    line-height: 26px;
}

.contactUs {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}

.contactUs .con-title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}

.contactUs .con-box {
    display: flex;
    justify-content: space-between;
}

.contactUs .con-item {
    display: flex;
    width: 50%;
    padding: 30px 50px;
    background-color: #ffffff;
    line-height: 22px;
    color: #666666;
}

.contactUs .con-item img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}

.contactUs .con-item .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
}

.news-main {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    display: flex;
}

.news-main .news-left {
    width: 800px;
    margin-right: 40px;
}

.news-main .news-left .swiper-slide img {
    border-radius: 12px;
    width: 800px;
}

.news-main .news-left .swiper-container {
    margin-bottom: 30px;
}

.news-main .news-left .news-item {
    background-color: #ffffff;
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #eeeeee;
}

.news-main .news-left .news-item .content {
    width: 100%;
}

.news-main .news-left .news-item a {
    text-decoration: none;
    color: #333333;
}

.news-main .news-left .news-item .news-img {
    border-radius: 12px;
    width: 200px;
    height: 120px;
    margin-right: 20px;
}

.news-main .news-left .news-item .title {
    font-size: 18px;
    font-weight: bold;
    font-family: "微软雅黑";
}

.news-main .news-left .news-item .desc {
    height: 44px;
    font-size: 14px;
    margin-top: 10px;
    text-indent: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-main .news-left .news-item .tips {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.news-main .news-left .tap {
    display: flex;
    align-items: center;
}

.news-main .news-left .tap .tap-item {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    padding: 0 12px;
    color: #666;
    border-radius: 4px;
    margin-right: 10px;
    background-color: #f7f7fa;
    border: 1px solid #e5e5e5;
}

.news-main .news-left .tap .tap-item:hover {
    color: #0e82ff;
    border-color: #0e82ff;
    background-color: #e7f2ff;
}

.news-main .news-left .news-item .tips .flow {
    display: flex;
    align-items: center;
}

.news-main .news-left .news-item .tips .icon {
    margin-left: 15px;
}

.news-main .news-left .news-item .icon {
    display: flex;
    align-items: center;
    color: #999999;
}

.news-main .news-left .news-item .icon img {
    width: 18px;
    margin-right: 6px;
}

.news-main .news-left .article-title {
    font-size: 26px;
    font-family: "微软雅黑";
    font-weight: bold;
    margin-bottom: 20px;
}

.news-main .news-left .article-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #999999;
}

.news-main .news-left .article-meta .icon {
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.news-main .news-left .article-meta img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.news-main .news-left .article-brief {
    background-color: #f6f6f6;
    color: #999;
    font-size: 14px;
    padding: 10px 16px;
    border: 1px solid #eee;
    margin-top: 30px;
}

.news-main .news-left .article-content {
    margin-top: 20px;
}

.news-main .news-left .article-content p {
    line-height: 28px;
    color: #666666 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.news-main .news-left .article-content h1 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    color: #0e82ff !important;
}

.news-main .news-left .article-content img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.news-main .news-left .nodata {
    text-align: center;
    color: #999999;
    margin-top: 80px;
}

.news-main .news-right {
    width: 360px;
}

.news-main .news-right a {
    text-decoration: none;
    color: #333333;
}

.news-main .news-right a:hover {
    color: #333333;
}

.news-main .news-right .news-title {
    font-size: 18px;
    padding-bottom: 2px;
    color: #333333;
    text-align: center;
    border-bottom: 2px solid #ccc;
}

.news-main .news-right .hot-item {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.news-main .news-right .hot-item img {
    width: 20px;
    margin-right: 6px;
}

.news-main .news-right .hot-item .tit {
    margin: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-main .news-right .care-info {
    text-align: center;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}

.news-main .news-right .care-info img {
    width: 200px;
}

.news-main .news-right .care-text {
    font-size: 16px;
    line-height: 34px;
    padding-left: 10px;
}

.news-main .news-right .care-btn {
    margin-top: 10px;
    width: 100%;
    border: none;
    background-color: #ececec;
    padding: 10px 0;
    border-radius: 5px;
}

.news-right .right-panel {
    background-color: #ffffff;
    margin-bottom: 20px;
    padding: 15px;
}

.news-right .right-head {
    height: 30px;
    font-weight: 700;
    color: #8c8c8c;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 15px;
}

.news-right .right-head .name {
    font-size: 18px;
    margin-right: 5px;
    color: #0a0a0a;
}

.right-panel li {
    display: flex;
    margin-bottom: 20px;
}

.right-panel li .small-img {
    border-radius: 12px;
    width: 100px;
    height: 70px;
    margin-right: 10px;
}

.right-panel li .news-info {
    flex: 1;
    overflow: hidden;
}

.right-panel .news-icon {
    display: flex;
    align-items: center;
    margin-top: 5px;
    color: #999999;
}

.right-panel .news-icon img {
    width: 15px;
    margin-right: 3px;
}

.right-panel .news-icon .time {
    margin-right: 10px;
}

.news-right .nav-link a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    background-color: #E3E3E380;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.news-main .swiper-button-next,
.news-main .swiper-button-prev {
    background-size: 20px 28px;
}

.news-main .menu {
    display: flex;
    margin-bottom: 15px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.news-main .menu a {
    text-decoration: none;
}

.news-main .menu .menu-text {
    color: #333333;
    margin: 0;
    width: 100px;
    font-size: 16px;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.news-main .menu .menu-text.active {
    color: #0e82ff;
    border-bottom: 2px solid #0e82ff;
}

.pagger-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.pagger-box p {
    margin: 0;
}

.pagger-box ul {
    margin: 0;
    display: flex;
    align-items: center;
}

.pagger-box ul li {
    background-color: #f0f0f0;
    overscroll-behavior: #666666;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 6px;
}

.pagger-box ul li:last-child {
    margin: 0;
}

.pagger-box ul li.active {
    background-color: #0e82ff;
    color: #ffffff;
}

.pagger-box .first-page,
.last-page,
.total-pages,
.total-count {
    display: none;
}

.pagger-box .turnPage {
    border: none;
    background-color: #0e82ff;
    color: #ffffff;
    width: 65px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0 20px;
}

.pagger-box .pageWrap {
    width: auto !important;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .index_carousel .carousel-control.left {
        left: 2%;
    }

    .index_carousel .carousel-control.right {
        right: 2%;
    }
}

.sass-index {
    padding-top: 50px;
}

.sass-content .service-item {
    width: 25%;
    border-right: none;
    position: relative;
    padding-bottom: 70px;
    margin-bottom: 0;
}

.sass-content .service-item:last-child {
    border-right: 1px solid #eee;
}

.sass-content .service-item:hover img {
    -webkit-animation: icon-bounce .5s alternate;
    -moz-animation: icon-bounce .5s alternate;
    -ms-animation: icon-bounce .5s alternate;
    -o-animation: icon-bounce .5s alternate;
    animation: icon-bounce .5s alternate;
}

.sass-content .service-item a {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -43px;
    color: #0e82ff;
    font-size: 13px;
    width: 86px;
    border: 1px solid #0e82ff;
    text-decoration: none;
    padding: 6px 0;
    border-radius: 4px;
}

/* 首页最新动态 */
.index-news-gh{
    background-color: #f2f7ff;
}
.index-news-gh .common-title{
    font-size: 40px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #333333;
}
.index-news-service {
    width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.index-news-service .index-news-service-item {
    cursor: pointer;
    width: 386px;
    background: #FFFFFF;
    /* padding: 24px; */
    box-sizing: border-box;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
    border-radius: 8px;
    margin: 0 18px 24px 0;
    transition: 0.5s ease-in-out;
}
.index-news-service .index-news-service-item .new_card_header{
    width: 100%;
    height: 175px;
    background-size: cover;
}
.index-news-img-bg1{
    background: url('../../img/site/index/news_01.png');
}
.index-news-img-bg2{
    background: url('../../img/site/index/news_02.png');
}
.index-news-img-bg3{
    background: url('../../img/site/index/news_03.png');
}
.index-news-service .index-news-service-item .index-news-img-bg .index-news-img-bg-img{
    width: 100%;
}
.index-news-service .index-news-service-item:nth-child(3n) {
    margin-right: 0;
}
.card_info{

}
.card_info .en_info {
    height: 22px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    color: #ffffff;
    opacity: 0.8;
}
.align-center {
    align-items: center;
}
.card_info .flex {
    display: flex;
}
.flex {
    display: flex;
}
.p-l-28 {
    padding-left: 28px;
}
.new_card_header {
    width: 386px;
    height: 175px;
    background-size: cover;
}
.card_info .card_info_tit {
    /* height: 33px; */
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 600;
    /* line-height: 33px; */
    color: #ffffff;
}
.card_info .keyword {
    /* height: 33px; */
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 300;
    /* line-height: 33px; */
    color: #ffffff;
    opacity: 0.8;
}
.m-l-10 {
    margin-left: 10px;
}
.index-news-item-bottom{
    padding: 16px 27px 18px;
}
.index-news-item-bottom .news_title {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 26px;
    color: #282828;
    width: 281px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_title :hover {
    color: #0e82ff;
}
.h-14 {
    height: 14px;
}
.w-28 {
    width: 28px;
}
.flex-justify-between {
    justify-content: space-between;
}
img {
    display: block;
}
.p-t-16 {
    padding-top: 16px;
}
.p-t-20 {
    padding-top: 20px;
}
.index-news-item-bottom .news_desc {
    height: 44px;
    line-height: 22px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #999;
    margin-top: 10px;
    width: 332px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 18px;
    cursor: pointer;
}
.index-news-item-bottom .line {
    border-bottom: 1px solid #eee;
}
.index-news-item-bottom .index-news-item-bottom-bottom {
    padding-top: 4px;
}
.index-news-item-bottom .index-news-item-bottom-bottom .order-num {
    width: 35px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    color: #999999;
}
.index-news-item-bottom .index-news-item-bottom-bottom .new_info {
    width: 305px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #282828;
    font-size: 14px;
    /* padding-top: 16px; */
}
.new_info:hover {
    color: #0e82ff;
}
/* 首页客户案例 */
.costom-case-list {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.costom-case-list .mask-left {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
    z-index: 6;
    width: 150px;
    height: 600px;
}

.costom-case-list .mask-right {
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
    z-index: 6;
    width: 150px;
    height: 600px;
}

.costom-case-list .case-box {
    border: 1px solid #e2e2e2;
    margin-bottom: 40px;
    box-shadow: 0px 2px 4px 0 rgb(141, 141, 141, 0.5);
}

.case-list {
    display: flex;
    margin-bottom: 40px;
}

.case-list img {
    width: 180px;
    margin-right: 20px;
    box-shadow: 0px 5px 12px rgb(121, 148, 193, 0.1);
}

.row_left_animation {
    animation: 20s rowup-left linear infinite alternate;
}

.row_right_animation {
    animation: 20s rowup-right linear infinite alternate;
}

@keyframes rowup-left {
    0% {
        transform: translate3d(160px, 0, 0);
    }

    100% {
        transform: translate3d(-480px, 0, 0);
    }
}

@keyframes rowup-right {
    0% {
        transform: translate3d(-480px, 0, 0);
    }

    100% {
        transform: translate3d(160px, 0, 0);
    }
}

.index-chart-tips {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.index-chart-tips li {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin: 0 30px;
}

.index-chart-tips li img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.index-notes {
    font-size: 14px;
    color: #999999;
    margin-left: 120px;
    margin-top: 20px;
}

.index-line-intro {
    display: flex;
    align-items: center;
    width: 1200px;
    margin: 10px auto;
    height: 100px;
    background-color: #ffffff;
}

.index-line-intro li {
    width: 20%;
    text-align: center;
}

.index-line-intro li .big-tit {
    font-size: 26px;
    font-weight: bold;
    color: #000000;
}

.index-line-intro li .small-tit {
    color: #777777;
    margin-top: 6px;
}

.index-swiper {
    position: relative;
    width: 100%;
    height: 550px;
}

.index-swiper img {
    width: 100%;
    height: 550px !important;
    /* object-fit: cover; */
}

.index-swiper .swiper-title {
    position: absolute;
    left: 50%;
    top: 100px;
    margin-left: -600px;
    width: 1200px;
    color: #ffffff;
}

.index-swiper .swiper-title h2 {
    font-size: 36px;
}

.index-swiper .swiper-title .infos {
    width: 780px;
    font-size: 16px;
    line-height: 28px;
}

.index-swiper .swiper-title .tag {
    margin: 25px 0;
}

.index-swiper .swiper-title .tag span {
    padding: 0px 8px;
    height: 26px;
    line-height: 26px;
    background-color: rgba(255, 255, 255, .1);
    display: inline-block;
    margin-right: 10px;
}

.index-swiper .tag-name {
    margin: 25px 0;
    display: flex;
    align-items: center;
}

.index-swiper .tag-name img {
    width: 20px;
    height: 20px !important;
    margin-right: 4px;
}

.index-swiper .tag-name .name {
    font-size: 16px;
    margin-right: 20px;
}

.index-swiper .bot-btn {
    display: flex;
    margin-top: 50px;
}

.index-swiper .bot-btn .btn-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 42px;
    color: #ffffff;
    background-color: #0e82ff;
    border: 1px solid #0e82ff;
    border-radius: 4px;
    margin-right: 30px;
}

.index-swiper .bot-btn img {
    width: 15px;
    height: 15px !important;
    margin-left: 5px;
}

.index-swiper .btn-item.primary {
    background-color: transparent;
    border-color: #ffffff;
}

.index-swiper .swiper-button-prev {
    left: 50%;
    margin-left: -700px;
}

.index-swiper .swiper-button-next {
    right: 50%;
    margin-right: -700px;
}

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

.index-news {
    overflow: hidden;
}

.index-news .left-news {
    float: left;
    width: 550px;
    margin-right: 50px;
}

.index-news .left-news .big-img {
    border-radius: 12px;
    width: 550px;
    height: 300px;
    margin-bottom: 15px;
}

.index-news .right-news {
    float: left;
    width: 600px;
}

.index-news .news-title {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 18px;
    color: #000;
}

.index-news .news-icon {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #aaa;
}

.index-news .news-icon img {
    width: 14px;
    margin-right: 3px;
    filter: grayscale(100%);
}

.index-news .news-icon .time {
    margin-right: 10px;
}

.index-news .news-desc {
    color: #666;
    line-height: 18px;
    margin-top: 3px;
    font-size: 13px;
    /* transform: scale(); */
}

.index-news li {
    display: flex;
    margin-bottom: 25px;
}

.index-news .small-img {
    border-radius: 12px;
    width: 100px;
    height: 80px;
    margin-right: 15px;
}
/* 4个 */
.wrap, .shopdw {
    width: 1200px;
    margin: 0 auto;
}
.clearfix {
    zoom: 1;
}
li, ul {
    list-style: none outside;
}

.termials-ul li {
    float: left;
    padding: 34px 20px 0 12px;
    width: 300px;
    height: 200px;
    background: #fff;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    margin-left: -1px;
    margin-top: -1px;
    cursor: pointer;
}
.termials-ul li h5 {
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: bold;
    color: #383D41;
}
.termials-ul li span {
    display: inline-block;
    font-size: 14px;
    color: #6D6D6D;
    text-align: left;
    line-height: 20px;
}
.termials-ul li .svg {
    width: 30px;
    height: 30px;
    margin-bottom: 7px;
}

.termials-ul li:hover {
    background: linear-gradient(138deg, #4F6AF4 0%, #0F5CF0 100%);
    transform: scale(1.05);
    transition: all 0.6s;
}
.termials-ul li:hover .svg  {
    display: none;
    margin-bottom: 7px;
}

.termials-ul li:hover h5  {
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #4e8aff;
}
.termials-ul li:hover span  {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 20px;
}
/* 3 */
.index-services-items {
    margin-left: 1px;
}
.index-services-items li {
    float: left;
    padding: 40px 20px;
    width: 399px;
    height: 190px;
    border-bottom: 1px solid #E5E6E7;
    border-right: 1px solid #E5E6E7;
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    cursor: pointer;
}
.index-services-items li h4 {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: bold;
    color: #383D41;
}
.index-services-items li p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    text-align: left;
}
.index-services-items li:nth-child(3n){
    border-right: 0;
}
.index-services-items li:nth-child(4), .index-services-items li:nth-child(5), .index-services-items li:nth-child(6) {
    border-bottom: 0;
}
.index-services-items li:hover{
    background-color: #f6f6ff;
}
.index-services-items li:hover h4{
    color: #0e82ff;
}
/*  */
.right-toolbar {
    position: fixed;
    top: 40%;
    right: 0;
    width: 80px;
    background-color: #ffffff;
    box-shadow: 0 0 5px 0 rgba(141, 141, 141, .5);
    z-index: 10;
}

.right-toolbar li {
    position: relative;
    width: 80px;
    height: 80px;
    text-align: center;
}

.right-toolbar a {
    display: block;
    color: #333333;
    padding: 10px 0;
}

.right-toolbar li .bar-img {
    height: 28px;
    margin: 10px 0 5px 0;
}

.right-toolbar li:hover {
    background-color: #0e82ff;
}

.right-toolbar li:hover a {
    color: #ffffff;
}

.right-toolbar li:hover .bar-img {
    filter: grayscale(100%) brightness(240%);
}

.right-toolbar li .toolbar-hide {
    display: none;
    position: absolute;
    right: 80px;
    top: 0;
    width: 250px;
    background-color: #ffffff;
    box-shadow: 0 0 5px 0 rgba(141, 141, 141, .5);
}

.right-toolbar li .ewm-img {
    width: 160px;
    height: 160px;
    margin-top: 20px;
}

.right-toolbar li .ewm-tips {
    margin: 5px 0 15px;
}

.right-toolbar .phone-row {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
}

.right-toolbar .phone-row img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.about-us {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    overflow: hidden;
}

.about-us .left-img {
    float: left;
    width: 600px;
    height: 400px;
}

.about-us .right-about {
    float: left;
    width: 600px;
    height: 400px;
    padding: 20px 40px 20px 20px;
    background-color: #ffffff;
}

.about-us .right-about .first {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.about-us .right-about .second {
    color: #0e82ff;
    margin-bottom: 10px;
}

.about-us .about-input {
    width: 100%;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
    line-height: 1.8;
    border: 1px solid #e2e2e2;
    margin: 5px 0;
}

.about-us .tit {
    font-size: 12px;
}

.about-us .about-row {
    display: flex;
    align-items: center;
}

.about-us .about-row img {
    height: 35px;
    margin-left: 15px;
}

.about-us .submit {
    padding: 10px 35px;
    font-size: 16px;
    color: #fff;
    background: #0e82ff;
    border-radius: 5px;
    border: none;
    margin-top: 20px;
}

.footer-info {
    display: flex;
    justify-content: center;
    color: #ffffff;
    background-color: #333333;
}

.footer-info .footer-item {
    display: flex;
    align-items: center;
    width: 300px;
    padding: 40px 30px;
}

.footer-info .footer-item img {
    width: 30px;
    margin-right: 20px;
}

.footer-info .footer-item .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
}

.tech-panel {
    width: 1200px;
    margin: 0 auto;
    background-color: #f5f5f5;
    overflow: hidden;
}

.tech-panel .tech-box {
    width: 50%;
    float: left;
}

.tech-panel .tech-box .top-title {
    margin-top: 25px;
    font-size: 18px;
    text-align: center;
}

.tech-panel ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px;
}

.tech-panel ul li {
    width: 260px;
    padding: 35px 15px;
    border-radius: 10px;
    margin-top: 20px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.1);
}

.tech-panel ul .title {
    font-size: 18px;
    color: #000000;
    margin-top: 15px;
}

.tech-panel ul .sub-title {
    color: #666666;
    margin-top: 10px;
}

.advant-panel {
    margin-top: 80px;
}

.advant-panel h2 {
    font-size: 24px;
    text-align: center;
    margin: 20px 0 50px 0;
}

.advant-panel .top-advant {
    position: relative;
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    padding: 40px 0;
    overflow: hidden;
}

.advant-panel .top-advant::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    filter: blur(5px);
    z-index: -1;
    background: url('/static/img/site/icon/index02.jpg');
    background-size: cover;
}

.advant-panel .par-list .items {
    color: #ffffff;
}

.advant-panel .left-info {
    width: 500px;
    color: #ffffff;
    font-size: 12px;
    margin: 15px 12px;
}

.advant-panel .left-info .title {
    font-size: 24px;
    margin-bottom: 20px;
}

.advant-panel .link-btn {
    display: inline-block;
    padding: 10px 20px;
    border: solid 1px #fff;
    border-radius: 5px;
    margin-top: 20px;
    color: #fff;
    font-size: 14px;
    background-color: transparent;
}

.advant-panel .link-btn:hover {
    background-color: #F90;
}

.advant-panel .right-info {
    width: 600px;
    margin-left: 100px;
}

.advant-panel .right-info img {
    max-width: 600px;
    max-height: 320px;
}

.advant-panel .per-text {
    margin: 15px 0 10px 0;
    color: #ffffff;
}

.advant-panel .per-text .num {
    font-size: 36px;
    margin-right: 5px;
    font-weight: 700;
}

.advant-panel .per-fill {
    position: relative;
    width: 100%;
    height: 10px;
    background-color: #ffffff;
}

.advant-panel .fill-in {
    position: absolute;
    top: 1px;
    left: 1px;
    height: 8px;
    background-color: #F90;
}

.advant-panel .per-tips {
    position: absolute;
    padding: 5px;
    background: #fff;
    color: #000;
    top: -39px;
    margin-left: -16px;
    white-space: nowrap;
}

.advant-panel .per-tips::before {
    content: '';
    position: absolute;
    top: 30px;
    left: 10px;
    width: 0;
    height: 0;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
}

.advant-panel .bot-advant {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.advant-panel .bot-item {
    display: flex;
    width: 30%;
    margin-right: 3%;
    margin-top: 30px;
}

.advant-panel .bot-item img {
    width: 38px;
    height: 38px;
    margin-right: 20px;
    transition: all 0.5s;
}

.advant-panel .bot-item .item-right {
    flex: 1;
}

.advant-panel .bot-item .title {
    font-size: 18px;
    margin: 5px 0 20px 0;
    color: #000000;
}

.advant-panel .bot-item .title::after {
    content: '';
    display: block;
    width: 10%;
    height: 3px;
    background: #2a75ff;
    margin-top: 5px;
    transition: all 0.8s;
}

.advant-panel .bot-item .desc {
    font-size: 12px;
    color: #666666;
}

.advant-panel .bot-item:hover img {
    transform: rotate(20deg);
}

.advant-panel .bot-item:hover .title::after {
    width: 50%;
}

.process-panel {
    width: 100%;
    height: 600px;
    margin-top: 80px;
    background: url('/static/img/site/icon/index03.jpg');
}

.process-panel .top-title {
    padding: 50px 0;
    text-align: center;
    color: #ffffff;
}

.process-panel .top-title h2 {
    font-size: 24px;
    margin-bottom: 15px;
}

.process-panel ul {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    width: 1200px;
}

.process-panel ul li {
    width: 25%;
    text-align: center;
    color: #ffffff;
    margin: 25px 0;
}

.process-panel ul li img {
    width: 52px;
    height: 52px;
    margin-bottom: 10px;
}

.process-panel ul li .name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.contact-bg {
    position: relative;
    width: 100%;
    height: 340px;
    background: url('/static/img/site/icon/index04.jpg');
    background-size: cover;
    margin-bottom: 30px;
}

.contact-bg .local-img {
    position: absolute;
    bottom: 60px;
    left: 50%;
    width: 40px;
}

.contact-bg .local-panel {
    position: absolute;
    bottom: 110px;
    left: 45%;
    width: 240px;
    padding: 15px;
    background-color: #ffffff;
    border-radius: 10px;
}

.contact-bg .local-panel::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 28%;
    width: 0;
    height: 0;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
}

.contact-bg .local-panel .title {
    font-weight: 700;
}

.contact-bg .local-panel .addr {
    font-size: 12px;
    margin: 5px 0;
}

.contact-bg .local-panel .l-btn {
    border: none;
    color: #ffffff;
    font-size: 12px;
    background-color: #f29900;
}

.point-panel {
    background-color: #f5f5f5;
    padding: 60px 0;
}

.point-panel h2 {
    font-size: 24px;
    text-align: center;
    margin: 0 0 30px 0;
}

.point-panel ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.point-panel ul li {
    width: 390px;
    margin: 5px;
    padding: 20px 40px;
    text-align: center;
    background-color: #ffffff;
}

.point-panel ul img {
    width: 30px;
    height: 30px;
    margin: 15px 0;
}

.point-panel ul .title {
    font-size: 18px;
    font-weight: 700;
}

.point-panel ul .desc {
    font-size: 16px;
    color: #666666;
    height: 68px;
    margin: 15px 0;
    text-align: left;
}

.product-panel {
    padding-bottom: 60px;
    width: 100%;
    /*background: url('/static/img/site/icon/index06.jpg');*/
    background-size: cover;
}

.product-panel h2 {
    font-size: 24px;
    text-align: center;
    margin: 0 0 15px 0;
}

.product-panel .subtitle {
    text-align: center;
    color: #999999;
}

.product-panel .pro-list {
    width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product-panel .pro-list .pro-item {
    width: 275px;
    padding: 30px 20px;
    margin-bottom: 20px;
    background-color: #ffffff;
}

.product-panel .pro-list .top-text {
    display: flex;
    align-items: center;
}

.product-panel .pro-list img {
    width: 30px;
    height: 39px;
    padding-bottom: 8px;
    border-bottom: 1px solid #24b6b1;
}

.product-panel .pro-list .name {
    flex: 1;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 8px;
    line-height: 30px;
    padding-left: 15px;
    border-bottom: 1px solid #e9e9e9;
}

.product-panel .pro-list .desc {
    color: #666666;
    margin-top: 15px;
}

.partake-box {
    background-color: #f7f7f7;
}

.partake-panel {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 70px 0;
}

.partake-panel .par-img {
    width: 570px;
    object-fit: contain;
}

.partake-panel .par-info {
    width: 600px;
}

.partake-panel .par-info .title {
    color: #ffa800;
    font-size: 24px;
    font-weight: 700;
}

.partake-panel .par-info .tit {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.partake-panel .par-info .desc {
    font-size: 12px;
    color: #666;
    line-height: 22px;
    display: block;
    border-bottom: dashed 1px #CCCCCC;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.partake-panel .par-info .tag {
    display: flex;
    margin-bottom: 15px;
}

.partake-panel .par-info .tag span {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    padding: 0 12px;
    color: #666;
    border-radius: 4px;
    margin-right: 10px;
    background-color: #f7f7fa;
    border: 1px solid #e5e5e5;
}

.partake-panel .par-info .desc-t {
    font-weight: 700;
    color: #333333;
}

.partake-panel .par-right {
    align-self: flex-start;
    padding-top: 36px;
    width: 550px;
}

.partake-panel .par-right .big-title {
    font-weight: 600;
}

.partake-panel .par-right .small-title {
    font-size: 12px;
    color: #666666;
    line-height: 22px;
    margin-bottom: 10px;
}

.par-list {
    display: flex;
    flex-wrap: wrap;
}

.par-list .items {
    display: flex;
    align-items: center;
    margin: 6px 0;
    font-size: 12px;
    width: 50%;
    color: #666666;
}

.par-list img {
    width: 16px;
    margin-right: 8px;
}

.partake-panel .img-list {
    display: flex;
    margin-top: 20px;
}

.partake-panel .img-list .imgs {
    width: 33%;
    text-align: center;
    color: #666666;
}

.partake-panel .img-list img {
    width: 130px;
    height: 130px;
    margin-bottom: 5px;
}

.settle-panel {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.settle-panel .settle-item {
    width: 590px;
    border: 1px solid #e9e9e9;
}

.settle-panel .s-title {
    font-size: 24px;
    color: #ffffff;
    background: #7faf2d;
    padding: 15px 0;
    text-align: center;
    line-height: 1.2;
}

.settle-panel .s-info {
    display: flex;
    align-items: center;
    padding: 10px 60px;
    border-bottom: 1px solid #eeeeee;
    font-size: 16px;
    color: #666666;
}

.settle-panel .s-info:nth-child(2n+1) {
    background: #f9f9f9;
}

.settle-panel .s-info img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.settle-panel .s-btn {
    display: block;
    margin: 15px auto;
    font-size: 18px;
    width: 80%;
    color: #ffffff;
    background: #b27630;
    border: none;
    padding: 10px 0;
    border-radius: 5px;
}

.scheme-banner {
    width: 100%;
    height: 550px;
    text-align: center;
    background: url('/static/img/site/icon/index07.jpg');
    background-size: cover;
    color: #ffffff;
    font-size: 16px;
    padding-top: 150px;
}

.scheme-banner h2 {
    margin: 0;
    font-size: 28px;
    margin-bottom: 25px;
    font-weight: 700;
}
.hotimg{
    margin-left: 10px;
    transform: scale(0.8);
}
.bg-grey {
    background-color: #f2f7ff;
}

.common-title {
    width: 1200px;
    margin: auto;
    padding: 70px 0 40px;
    text-align: center;
}

.common-title h1 {
    font-size: 34px;
    margin: 0;
}

.common-title h3 {
    font-size: 14px;
    color: #999999;
    margin: 24px 0 0 0;
}
.common-bg-title{
    padding-left: 20px;
    background: url('../../img/site/index/bg-goodtitle.png');
    background-size: cover;
    width: 1200px;
    height: 89px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 20px;
    /* padding: 70px 0 40px; */
    /* text-align: center; */
}
.common-bg-title h1 {
    font-size: 28px;
    color: #333;
    margin: 0;
}

.common-bg-title h3 {
    font-size: 14px;
    color: #333;
    margin: 12px 0 0 0;
}
.new-service {
    width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.new-service .service-item {
    cursor: pointer;
    width: 387px;
    background: #FFFFFF;
    padding: 24px;
    box-sizing: border-box;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
    border-radius: 8px;
    margin: 0 18px 24px 0;
    transition: 0.5s ease-in-out;
}

.new-service .service-item:nth-child(3n) {
    margin-right: 0;
}

.new-service .service-item:hover {
    transform: translateY(-10px);
}

.new-service .service-item .img-bg {
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
    background-color: #F4F5F7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-service .service-item img {
    width: 24px;
    height: 24px;
    margin: 12px;
}

.new-service .service-item .big-name {
    font-weight: 500;
    font-size: 20px;
    color: #1F2C3D;
    margin-bottom: 24px;
}

.new-service .service-item .desc {
    color: #666666;
    line-height: 22px;
    margin-bottom: 24px;
}

.new-service .service-item .bot-btn {
    display: flex;
    align-items: center;
	justify-content: flex-end;
}

.new-service .service-item .btns {
    width: 112px;
    line-height: 34px;
    text-align: center;
    color: #0e82ff;
    border: 1px solid #0e82ff;
    border-radius: 4px;
}

.new-service .service-item .btns:hover {
    color: #ffffff;
    background-color: #0e82ff;
}

.new-service .service-item .btn-text {
    font-size: 12px.common-title h3;
    margin-left: 50px;
}

.new-service .service-item .btn-text:hover {
    color: #0e82ff;
}

/* 服务保障 */
.index-ensure .advant-panel .bot-item {
    margin: 0 0 30px 0;
}

.index-ensure {
    /*background-image: url(/static/img/site/index/index_section01.png);*/
    background-size: cover;
    padding-bottom: 30px;
}

.index-ensure .ensure-box {
    display: flex;
    width: 1200px;
    margin: auto;
}

.index-ensure .ensure-item {
    width: 150px;
    height: 244px;
    border: 1px solid #FFFFFF;
    background: linear-gradient(153deg, #EAEEF5 0%, #FFFFFF 100%);
    box-shadow: 0px 3px 20px rgb(5, 36, 82, 0.07);
    border-radius: 2px;
    cursor: pointer;
    transition: all 1s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    overflow: hidden;
}

.index-ensure .ensure-item:last-child {
    margin-right: 0;
}

.index-ensure .ensure-item .out-img {
    width: 62px;
    height: 62px;
}

.index-ensure .ensure-item .out-name {
    font-size: 18px;
    margin-top: 44px;
}

.index-ensure .ensure-item .in-info {
    display: none;
}

.index-ensure .ensure-item.active {
    width: 400px;
    background: #2A7EFB;
    color: #fff;
    background-image: url(/static/img/site/index/icons/ensure13.png);
    background-size: 124px 124px;
    background-position: right top;
    background-repeat: no-repeat;
}

.index-ensure .ensure-item.active .out-img,
.index-ensure .ensure-item.active .out-name {
    display: none;
}

.index-ensure .ensure-item.active .in-info {
    display: block;
}

.index-ensure .ensure-item .in-img {
    width: 30px;
    height: 30px;
}

.index-ensure .ensure-item .in-name {
    font-size: 24px;
    font-weight: 600;
    line-height: 18px;
    color: #FFFFFF;
    margin: 20px 0 24px;
}

.index-ensure .ensure-item .lines {
    width: 22px;
    height: 3px;
    background-color: #fff;
}

.index-ensure .ensure-item .desc {
    width: 310px;
    font-weight: 400;
    line-height: 22px;
    color: #FFFFFF;
    margin-top: 20px;
}

.footer-link {
    padding-bottom: 20px;
    font-size: 12px;
    color: #eeeeee;
    background-color: #333333;
}

.footer-link a {
    color: #ffffff;
}

.w1200-img {
    width: 1200px;
}

.new-core {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.new-core .core-item {
    width: 282px;
    height: 240px;
    padding: 24px 20px;
    box-sizing: border-box;
    margin-right: 24px;
    border: 1px solid #EEF0F3;
    margin-bottom: 20px;
    box-shadow: 0 8px 20px 0 rgb(0, 0, 0, 0.05);
    border-radius: 8px;
    background-color: #ffffff;
    text-align: center;
}

.new-core .core-item:nth-child(4n) {
    margin-right: 0;
}

.new-core .core-item img {
    width: 40px;
    height: 40px;
    filter: grayscale(100%);
}

.new-core .core-item:hover img {
    filter: grayscale(0);
}

.new-core .core-item .name {
    padding: 16px 0 24px;
    line-height: 25px;
    font-weight: 500;
    font-size: 18px;
    color: #1F2C3D;
}

.new-core .core-item .desc {
    font-weight: 400;
    color: #909399;
    line-height: 21px;
}

.new-b2b-system {
    display: flex;
}

.new-b2b-system .system-list {
    width: 225px;
    margin-right: 18px;
    border: 1px solid #EEF0F3;
    box-shadow: 0 8px 20px 0 rgb(0, 0, 0, 0.05);
}

.new-b2b-system .system-list:nth-child(5n) {
    margin-right: 0;
}

.new-b2b-system .system-list .top-bg {
    background-color: #2a75ff;
    padding: 30px 0;
    text-align: center;
}

.new-b2b-system .system-list img {
    width: 40px;
    height: 40px;
}

.new-b2b-system .system-list .name {
    font-size: 18px;
    font-weight: 600;
    padding-top: 16px;
    text-align: center;
}

.new-b2b-system .system-list .desc {
    font-weight: 400;
    color: #666666;
    padding: 16px 16px 24px 16px;
}

.problem-list {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
}

.problem-list .problem-item {
    width: 380px;
    padding: 30px 24px;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    margin: 0 30px 10px 0;
}

.problem-list .problem-item:nth-child(3n) {
    margin-right: 0;
}

.problem-list .problem-item .title {
    font-size: 18px;
    margin-bottom: 16px;
}

.problem-list .problem-item .msg {
    color: #666666;
    line-height: 21px;
}

.problem-list .problem-item:hover {
    color: #ffffff;
    background-color: #409efe;
}

.problem-list .problem-item:hover .msg {
    color: #ffffff;
}

.job-panel .job-first {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.job-panel .job-second {
    display: flex;
}

.job-panel .job-second .right {
    flex: 1;
    margin-left: 22px;
}

.job-panel .job-item {
    position: relative;
    width: 284px;
    height: 212px;
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
}

.job-panel .job-item img {
    position: absolute;
    width: 284px;
    height: 212px;
}

.job-panel .job-item .out-title {
    position: relative;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    width: 100%;
    height: 212px;
    line-height: 212px;
    background-color: rgba(0, 0, 0, 0.5);
}

.job-panel .job-item .in-title {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 212px;
    background-color: rgba(102, 150, 255, 0.8);
    transition: margin-top 0.5s;
}

.job-panel .job-item:hover .name {
    display: none;
}

.job-panel .job-item:hover .in-title {
    margin-top: -212px;
}

.job-panel .job-left,
.job-panel .job-left img,
.job-panel .job-left .out-title,
.job-panel .job-left .in-title {
    height: 444px;
    line-height: 444px;
}

.job-panel .job-left:hover .in-title {
    margin-top: -444px;
}

.job-panel .job-right,
.job-panel .job-right img,
.job-panel .job-right .out-title,
.job-panel .job-right .in-title {
    width: 593px;
}

.job-panel .job-last .out-title {
    background-color: rgba(102, 150, 255, 1);
}

.solution-list {
    display: flex;
    flex-wrap: wrap;
}

.solution-list .solution-item {
    width: 560px;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgb(0, 0, 0, 0.1);
    margin: 0 20px 30px 20px;
}

.solution-list .top-bg {
    position: relative;
    width: 100%;
    height: 150px;
}

.solution-list .top-bg img {
    position: absolute;
    width: 560px;
    height: 150px;
    filter: blur(4px);
}

.solution-list .top-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 150px;
    padding: 25px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.5);
}

.solution-list .top-box .title {
    font-size: 24px;
}

.solution-list .tag-list {
    margin-top: 10px;
}

.solution-list .tag-list span {
    padding: 1px 6px;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, 0.3);
}

.solution-list .bot-info {
    padding: 20px;
}

.solution-list .bot-info .desc {
    margin-bottom: 15px;
}

.solution-list .info-list {
    display: flex;
    flex-wrap: wrap;
}

.solution-list .info-list .name {
    width: 50%;
    color: #0e82ff;
    line-height: 30px;
}

.solution-list .info-list .name::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #0e82ff;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}

.solution-list .bot-btn {
    display: none;
    text-align: center;
    margin-top: 30px;
}

.solution-list .bot-btn .btns {
    display: inline-block;
    width: 220px;
    height: 46px;
    line-height: 44px;
    background: #0e82ff;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid #0e82ff;
    margin: 0 15px;
}

.solution-list .bot-btn .btns.primary {
    color: #333333;
    background-color: #ffffff;
    border-color: #e6e6e6;
}

.solution-list .bot-btn .btns.primary:hover {
    border-color: #0e82ff;
}

.solution-list .solution-item:hover .info-list {
    display: none;
}

.solution-list .solution-item:hover .bot-btn {
    display: block;
}

.index-toolbar {
    position: fixed;
    top: 18%;
    right: 20px;
    width: 105px;
    z-index: 100;
}

.index-toolbar .toobar-main {
    width: 105px;
    height: 250px;
    background: url(/static/img/site/index/bar-bg.png) no-repeat;
    background-size: 100%;
    text-align: center;
}

.index-toolbar .toobar-main .kefu-img {
    position: relative;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 0 10px -5px #5d90fb;
    z-index: 1;
}

.index-toolbar .kefu-box {
    position: relative;
    width: 78px;
    height: 78px;
    margin: auto;
    padding-top: 10px;
}

.index-toolbar .box-border {
    position: absolute;
    left: 0;
    width: 78px;
    height: 78px;
    background-size: 100% 100%;
    animation: move-data 2s linear 1.2s infinite;
    border-radius: 50%;
}

@keyframes move-data {
    0% {
        box-shadow: 0 0 0 10px rgb(21, 91, 212, 24%);
        transform: scale(.7);
    }

    50% {
        box-shadow: 0 0 0 10px rgb(21, 91, 212, 24%);
        transform: scale(1.1);
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(.7);
    }
}

.index-toolbar .online {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 88px;
    height: 32px;
    background: url(/static/img/site/index/bar-bg1.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    margin: 10px auto 20px;
    font-size: 13px;
    color: #ffffff;
    padding-bottom: 4px
}

.index-toolbar .online img {
    width: 14px;
    margin-right: 2px;
}

.index-toolbar .phone-img {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #666666;
    margin-bottom: 4px;
}

.index-toolbar .phone-img img {
    width: 13px;
    height: 13px;
    margin-right: 6px;
}

.index-toolbar .phone-num {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}

.index-toolbar .toobar-bot {
    margin-top: 10px;
    width: 105px;
    height: 115px;
    background: url(/static/img/site/index/bar-bg.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-size: 13px;
    color: #666666;
    display: flex;
    flex-direction: column;
    align-items: center
}

.index-toolbar .toobar-bot img {
    width: 86px;
    height: 86px;
    margin-top: 5px;
}

/* ============================================================================ */

.programme_index_box {
    height: 800px;
    width: 1200px;
    box-sizing: border-box;
    padding-top: 49px;
    margin: auto;
}
.programme_index_box1 {
    height: 700px;
    width: 1200px;
    box-sizing: border-box;
    padding-top: 49px;
    margin: auto;
}
.programme_index_box-first {
    width: 1200px;
    margin: auto;
}

.programme_index_box_1 {
    width: 100%;
    transition: all 0.3s;
    background: #f2f7ff no-repeat;
}

.programme_index_box_2 {
    width: 100%;
    transition: all 0.3s;
    background: #f2f7ff0a no-repeat;
}

.programme_index_box_width {
    width: 1200px;
}

.programme_header {
    text-align: center;
}

.programme_header_title {
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    letter-spacing: 1px;
}

.programme_header_title1 {
    font-size: 34px;
    color: #000;
    letter-spacing: 1px;
}

.programme_header_msg {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999;
    margin-top: 21px;
}

.programme_header_msg1 {
    font-size: 16px;
    color: #000;
    margin-top: 21px;
}

.programme_index_box_center {
    width: 1200px;
    height: 560px;
    background: transparent;
    border-radius: 10px;
    margin-top: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.programme_index_box_center1 {
    width: 1200px;
    height: 460px;
    background: transparent;
    border-radius: 10px;
    margin-top: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.programme_index_box_left {
    width: 200px;
    height: 560px;
    box-sizing: border-box;
    background: #9d9eb324;
    border-radius: 10px 0px 0px 10px;
    padding-top: 15px;
}

.programme_index_box_right {
    width: 1000px;
    height: 560px;
    background: #FFFFFF;
    border-radius: 0px 10px 10px 0px;
}

.programme_index_box_left ul li {
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.programme_on {
    background: #FFFFFF;
}
.programme_on1 {
    background: #FFFFFF;
}
.programme_index_box_left ul li img {
    width: 18px;
    height: 18px;
    margin: 0;
    margin-left: 12px;
}

.programme_index_box_left ul li p {
    margin: 0;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666;
    margin-left: 5px;
}

.programme_index_box_center1 .programme_index_box_left ul li p {
    margin: 0;
    font-size: 16px;
    color: #666;
    margin-left: 5px;
}

.programme_index_box_left_btn {
    width: 116px;
    height: 32px;
    border: 1px solid #666;
    border-radius: 4px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666;
    cursor: pointer;
    margin-top: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.programme_index_box_left_btn1 {
    width: 116px;
    height: 32px;
    border: 1px solid #666;
    border-radius: 4px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666;
    cursor: pointer;
    margin-top: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.programme_index_box_left_btn1:hover{
    background: rgba(102, 102, 102, 0.22);
}
.programme_index_box_right_box {
    width: 1000px;
    height: 560px;
    padding: 30px;
    box-sizing: border-box;
}

.box_right_box_banner {
    width: 940px;
    height: 250px;
}

.box_right_box_center {
    margin-top: 24px;
    display: flex;
    align-items: center;
}

.programme_index_box_right img {
    margin: 0;
}

.programme_index_box_right p {
    margin: 0;
}

.box_right_box_center img {
    width: 24px;
    height: 24px;
}

.box_right_box_center p {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
}

.box_right_box_center_p1 {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-top: 18px;
    height: 44px;
}

.box_right_box_center_btn {
    width: 110px;
    height: 34px;
    background: #0994FF;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-top: 11px;
    cursor: pointer;
}
.box_right_box_center_btn2{
    color: #666;
    text-decoration: none;
}
.box_right_box_center_btn2:hover, .box_right_box_center_btn2:visited, .box_right_box_center_btn2:link, .box_right_box_center_btn2:active {
    color:#666;
    background-color: #ffffff0c;
    text-decoration: none;
}
.box_right_box_center_btn img {
    width: 13px;
    height: 8px;
    margin-left: 8px;
    transition: all 0.3s;
}

.box_right_box_center_btn:hover img {
    margin-left: 13px;
    -webkit-animation: arrow 1s linear infinite;
    -moz-animation: arrow 1s linear infinite;
    animation: arrow 1s linear infinite;
}

.box_right_box_center_footer {
    display: flex;
    align-items: center;
    margin-top: 36px;
}

.box_right_box_center_footer p {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 500;
    color: #000000;
    margin-right: 30px;
}

.box_right_box_center_footer img {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 152px;
    height: 60px;
    margin-right: 19px;
}

.box_right_box_center_footer img:last-child {
    margin-right: 0;
}

.box_right_box_center_btn1 {
    width: 110px;
    height: 34px;
    background: #0994FF;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: absolute; */
    cursor: pointer;
    /* bottom: 0; */
    margin-top: 100px;
}

.box_right_box_banner1 {
    width: 700px;
    /* height: 250px; */
    object-fit: contain;
}

.programme_index_box_right_box_father {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: flex-start;
}

.programme_index_box_right_box_father-letf {
    position: relative;
    padding-right: 30px;
    width: 500px;
}