body {
    font-family     : 'Montserrat', sans-serif;
    font-size       : 14px;
    letter-spacing  : 0.6px;
    line-height     : 20px;
    text-transform  : capitalize;
    font-weight     : 400;
    background-color: #f5f6f9;
    transition      : font-size 0.2s ease-out;
}

li {
    list-style: none;
}

ul {
    margin-bottom: 0;
    padding-left : 0;
}

a {
    color          : #000;
    text-decoration: none;
    transition     : 0.3s ease-in-out;
}

a:hover,
a.active,
a:focus {
    color          : #ff3333;
    text-decoration: none;
    transition     : 0.3s ease-in-out;
}

button,
input,
select,
textarea {
    outline: none !important;
}

/*home*/
.headerbg {
    width           : 100%;
    color           : #F6F7F9;
    position        : fixed;
    height          : 36px;
    z-index         : 999;
    overflow        : hidden;
    top             : 0;
    left            : 0;
    transition      : 0.3s;
    background-color: #f5f6f9;
}

.bianhao {
    font-size: 12px;
    color    : #86909C;

}

.nav {
    width     : 100%;
    height    : 70px;
    position  : fixed;
    left      : 0;
    top       : 0;
    z-index   : 999;
    transition: 0.3s;
    margin-top: 36px;
}

.navbar {
    padding: 0;
}

.navbar-nav {
    font-size      : 16px;
    width          : 72%;
    justify-content: space-around;
}

.navbar-light .navbar-nav .nav-link {
    color: #333;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #367CFF;
}

.phone {
    margin-left : 11px;
    padding-left: 11px;
    border-left : 1px solid #DBDBDB;
    font-size   : 14px;
    color       : #555;
    font-weight : 500;
}

.content {
    margin-top: 105px;
}

.content .top {
    position: relative;
    overflow: hidden;
}

.content .top .carousel {
    position: unset;
}

.content .jumbotron {
    color           : #fff;
    margin-top      : -40rem;
    position        : relative;
    background-color: inherit;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 0;
    }
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px;
    }
}

.content .jumbotron ul {
    margin-left: 20px;
}

.content .jumbotron ul li {
    list-style : disc;
    font-size  : 20px;
    margin-top : 20px;
    opacity    : 0.7;
    font-weight: 100;
}

.content .jumbotron .display-4 {
    font-size  : 2.5rem;
    font-weight: 500;
    line-height: 2.5rem;
}

.content .jumbotron .btn {
    margin-top: 60px;
    color     : #3B80FB;
    width     : 200px;
    height    : 54px;
}

.content .des {
    position  : relative;
    margin-top: 15rem;
}

.content .des ul {
    border-radius: 10px;
    margin-top   : -100px;
}

.content .des ul .number {
    font-size  : 2.8rem;
    color      : #367CFF;
    font-weight: 400;
    line-height: 1.1rem;
}

.content .des ul li {
    display        : flex;
    flex-direction : column;
    justify-content: center;
    align-items    : center;
}

.content .des ul li .line {
    height     : 100%;
    width      : 1px;
    border-left: 1px solid #989898;
    opacity    : 0.2;
}

.content .des ul .houzui {
    color: #367CFF;
}

.content .des ul .miaoshu {
    color     : #8d8d8d;
    font-size : 16px;
    margin-top: 20px;
}

.content .dingzhititle {
    margin-top: 95px;
}

.content .dingzhititle .title {
    font-size  : 30px;
    font-weight: 500;
    color      : #333;
}

.content .dingzhititle .des {
    font-size : 16px;
    color     : #666;
    margin-top: 20px;
}

.content .porgram {
    margin-top   : 60px;
    margin-bottom: 95px;
}

.content .porgram .box {
    width             : 285px;
    margin-top        : 20px;
    background-color  : #fff;
    transition        : all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition   : all 0.4s ease-in-out;
    -o-transition     : all 0.4s ease-in-out;
    padding: 0;
    flex: 0 0 24% !important;
}

.content .porgram .box .app {
    /* background-image: url("../img/APPdelov.png");
    width           : 100%;
    height          : 80px;
    line-height     : 80px;
    padding-left    : 30px; */
    position: relative;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content .porgram .box .app .name {
    font-size  : 18px;
    color      : #fff;
    font-weight: 500;
    position: absolute;
    left: 30px;
}

.content .porgram .box .app .name::after {
    content: " ";
    width: 30px;
    height: 2px;
    display: table;
    margin-top: 10px;
    background-color: #fff;
}

.content .porgram .box ul {
    padding         : 30px 45px;
    background-color: #fff;
    height          : 240px;
}

.content .porgram .box ul li {
    list-style   : disc;
    font-size    : 15px;
    color        : #333;
    margin-bottom: 20px;
}

.content .porgram .box .btn {
    margin-top : -70px;
    margin-left: 30px;
}

.content .porgram .box:hover {
    box-shadow       : 4px 4px 8px 2px #989898;
    transform        : translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform   : translate(0, -10px);
    -o-transform     : translate(0, -10px);
    -ms-transform    : translate(0, -10px);
}

.content .porgram .box .weixin {
    position: relative;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content .porgram .box .weixin .name {
    font-size  : 18px;
    color      : #fff;
    font-weight: 500;
    position: absolute;
    left: 30px;
}

.content .porgram .box .weixin .name::after {
    content         : " ";
    width           : 30px;
    height          : 2px;
    display         : table;
    margin-top: 10px;
    background-color: #fff;
}

.content .porgram .box .wangzhan {
    position: relative;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content .porgram .box .wangzhan .name {
    font-size  : 18px;
    color      : #fff;
    font-weight: 500;
    position: absolute;
    left: 30px;
}

.content .porgram .box .wangzhan .name::after {
    content         : " ";
    width           : 30px;
    height          : 2px;
    display         : table;
    margin-top      : 10px;
    background-color: #fff;
}

.content .porgram .box .dingzhi {
    position: relative;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content .porgram .box .dingzhi .name {
    font-size  : 18px;
    color      : #fff;
    font-weight: 500;
    position: absolute;
    left: 30px;
}

.content .porgram .box .dingzhi .name::after {
    content         : " ";
    width           : 30px;
    height          : 2px;
    display         : table;
    margin-top      : 10px;
    background-color: #fff;
}

.content .porgram .container {
    display        : flex;
    flex-direction : row;
    justify-content: space-between;
    align-items    : center;
    flex-wrap      : wrap;
}

/*service*/
.content .service {
    background-image: url("../img/servicebg.png");
    padding         : 80px 0 105px 0;
}

.content .service .tops .title {
    font-size  : 30px;
    color      : #fff;
    font-weight: 500;
}

.content .service .tops .subtitle {
    font-size : 16px;
    color     : #fff;
    margin-top: 20px;
}

.content .service .middle {
    margin-top     : 80px;
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: space-between;
    align-items    : center;
}

.content .service .middle .list {
    width             : 32%;
    height            : 220px;
    background-color  : rgb(255, 255, 255, 0.1);
    padding           : 20px 18px;
    margin-top        : 16px;
    transition        : all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition   : all 0.4s ease-in-out;
    -o-transition     : all 0.4s ease-in-out;
    flex: 0 0 31%;
}

.content .service .middle .list .title {
    font-size  : 18px;
    color      : #fff;
    font-weight: 600;
    margin-top : 15px;
}

.content .service .middle .list .subtitle {
    font-size : 14px;
    color     : #fff;
    margin-top: 28px;
}

.content .service .middle .list:hover {
    box-shadow       : 4px 4px 8px 2px #247dff;
    transform        : translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform   : translate(0, -10px);
    -o-transform     : translate(0, -10px);
    -ms-transform    : translate(0, -10px);
}

.content .service .more {
    width: 100%;
}

.content .service .more a {
    width      : 180px;
    height     : 54px;
    line-height: 35px;
    color      : #367CFF;
    font-size  : 15px;
}

.content .anli {
    padding         : 80px 0 105px 0;
    background-color: #e4ebfc;
}

.content .anli .tops .title {
    font-size  : 30px;
    color      : #333;
    font-weight: 500;
}

.content .anli .tops .subtitle {
    font-size : 16px;
    color     : #666;
    margin-top: 20px;
}

.content .anli .middle {
    margin-top     : 80px;
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: space-between;
    align-items    : center;
}

.content .anli .middle .list {
    background-color  : #fff;
    margin-top        : 16px;
    transition        : all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition   : all 0.4s ease-in-out;
    -o-transition     : all 0.4s ease-in-out;
    box-shadow        : 0px 0px 28px 7px rgba(167, 167, 167, 0.15);
    border-radius     : 4px;
    padding: 0;
    margin: 5px;
    flex: 0 0 24%;
}

.content .anli .middle .list .title {
    padding    : 20px 0 0 20px;
    font-size  : 18px;
    color      : #333;
    font-weight: 600;
}

.content .anli .middle .list .label {
    padding: 14px 0 22px 20px;
}

.content .anli .middle .list .label label {
    padding     : 6px 8px;
    border      : 1px solid #b1b1b1;
    color       : #b1b1b1;
    font-size   : 14px;
    margin-right: 10px;
}

.content .anli .middle .list:hover {
    box-shadow       : 4px 4px 8px 2px #b1b1b1;
    transform        : translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform   : translate(0, -10px);
    -o-transform     : translate(0, -10px);
    -ms-transform    : translate(0, -10px);
}

.content .anli .more a {
    width      : 180px;
    height     : 54px;
    line-height: 35px;
    color      : #fff;
    font-size  : 15px;
}


.content .liyun {
    padding: 80px 0 105px 0;
}

.content .liyun .tops .title {
    font-size  : 30px;
    color      : #333;
    font-weight: 500;
}

.content .liyun .tops .subtitle {
    font-size : 16px;
    color     : #666;
    margin-top: 20px;
}

.content .liyun .middle {
    margin-top     : 80px;
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: space-between;
    align-items    : center;
}

.content .liyun .middle .list {
    max-width         : 380px;
    background-color  : #fff;
    margin-top        : 28px;
    transition        : all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition   : all 0.4s ease-in-out;
    -o-transition     : all 0.4s ease-in-out;
}

.content .liyun .middle .list .title {
    padding    : 28px 0 0 25px;
    font-size  : 20px;
    color      : #333;
    font-weight: 600;
}

.content .liyun .middle .list .subtitle {
    padding  : 18px 25px 28px 25px;
    font-size: 15px;
    color    : #848484;

}

.content .liucheng {
    padding          : 80px 0 105px 0;
    background-image : url("../img/liuchengbg.png");
    background-repeat: no-repeat;
    background-size  : cover;
}

.content .liucheng .tops .title {
    font-size  : 30px;
    color      : #fff;
    font-weight: 500;
}

.content .liucheng .tops .subtitle {
    font-size : 16px;
    color     : #fff;
    margin-top: 20px;
}

.content .liucheng .middle {
    margin-top     : 77px;
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: space-between;
    align-items    : center;
}

.content .liucheng .middle .list .title {
    font-size  : 20px;
    font-weight: 600;
    color      : #fff;
    margin-top : 23px;
}

.content .liucheng .bottom {
    margin-top: 113px;
}

.content .liucheng .bottom .title {
    font-size    : 26px;
    font-weight  : 600;
    color        : #fff;
    margin-bottom: 52px;
}

.content .liucheng .bottom form {
    display        : flex;
    flex-direction : row;
    justify-content: space-between;
    align-items    : center;
}

.content .liucheng .bottom form input {
    width           : 32%;
    height          : 42px;
    border          : 1px solid rgb(255, 255, 255, 0.3);
    border-radius   : 2px;
    background-color: transparent;
    padding         : 13px;
    color           : #fff;
    opacity         : 0.6;
}

.content .liucheng .bottom form input::placeholder {
    color      : #fff;
    opacity    : 0.6;
    font-size  : 14px;
    font-weight: 400;
}

.content .liucheng .btn {
    font-size  : 16px;
    color      : #367CFF;
    width      : 180px;
    height     : 54px;
    line-height: 35px;
}


/*app.html=============================================================================================*/

.content .apps {
    margin-top   : 60px;
    margin-bottom: 95px;
}

.content .apps .box {
    width             : 285px;
    margin-top        : 20px;
    background-color  : #fff;
    transition        : all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition   : all 0.4s ease-in-out;
    -o-transition     : all 0.4s ease-in-out;
}

.content .apps .box .app {
    background-image: url("../img/appzhibo.png");
    width           : 100%;
    height          : 80px;
    line-height     : 80px;
    padding-left    : 30px;
}

.content .apps .box .app .name {
    font-size  : 18px;
    color      : #fff;
    font-weight: 500;
}

.content .apps .box .app .name::after {
    content         : " ";
    width           : 30px;
    height          : 2px;
    display         : table;
    margin-top      : -20px;
    background-color: #fff;
}

.content .apps .box ul {
    padding         : 30px 45px;
    background-color: #fff;
    height          : 240px;
}

.content .apps .box ul li {
    list-style   : disc;
    font-size    : 15px;
    color        : #333;
    margin-bottom: 20px;
}

.content .apps .box .btn {
    margin-left  : 30px;
    margin-bottom: 30px;
}

.content .apps .box:hover {
    box-shadow       : 4px 4px 8px 2px #989898;
    transform        : translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform   : translate(0, -10px);
    -o-transform     : translate(0, -10px);
    -ms-transform    : translate(0, -10px);
}

.content .apps .box .weixin {
    background-image: url("../img/shequtuangou.png");
    width           : 100%;
    height          : 80px;
    line-height     : 80px;
    padding-left    : 30px;
}

.content .apps .box .weixin .name {
    font-size  : 18px;
    color      : #fff;
    font-weight: 500;
}

.content .apps .box .weixin .name::after {
    content         : " ";
    width           : 30px;
    height          : 2px;
    display         : table;
    margin-top      : -20px;
    background-color: #fff;
}

.content .apps .box .wangzhan {
    background-image: url("../img/wenjiaoyule.png");
    width           : 100%;
    height          : 80px;
    line-height     : 80px;
    padding-left    : 30px;
}

.content .apps .box .wangzhan .name {
    font-size  : 18px;
    color      : #fff;
    font-weight: 500;
}

.content .apps .box .wangzhan .name::after {
    content         : " ";
    width           : 30px;
    height          : 2px;
    display         : table;
    margin-top      : -20px;
    background-color: #fff;
}

.content .apps .box .dingzhi {
    background-image: url("../img/gongxiangjingji.png");
    width           : 100%;
    height          : 80px;
    line-height     : 80px;
    padding-left    : 30px;
}

.content .apps .box .dingzhi .name {
    font-size  : 18px;
    color      : #fff;
    font-weight: 500;
}

.content .apps .box .dingzhi .name::after {
    content         : " ";
    width           : 30px;
    height          : 2px;
    display         : table;
    margin-top      : -20px;
    background-color: #fff;
}

.content .apps .box .shejiaohangye {
    background-image: url("../img/shejiaohangye.png");
    width           : 100%;
    height          : 80px;
    line-height     : 80px;
    padding-left    : 30px;
}

.content .apps .box .shejiaohangye .name {
    font-size  : 18px;
    color      : #fff;
    font-weight: 500;
}

.content .apps .box .shejiaohangye .name::after {
    content         : " ";
    width           : 30px;
    height          : 2px;
    display         : table;
    margin-top      : -20px;
    background-color: #fff;
}

.content .apps .box .shejiaodianshang {
    background-image: url("../img/shejiaodianshang.png");
    width           : 100%;
    height          : 80px;
    line-height     : 80px;
    padding-left    : 30px;
}

.content .apps .box .shejiaodianshang .name {
    font-size  : 18px;
    color      : #fff;
    font-weight: 500;
}

.content .apps .box .shejiaodianshang .name::after {
    content         : " ";
    width           : 30px;
    height          : 2px;
    display         : table;
    margin-top      : -20px;
    background-color: #fff;
}

.content .apps .box .zhinengshenghuo {
    background-image: url("../img/zhinengshenghuo.png");
    width           : 100%;
    height          : 80px;
    line-height     : 80px;
    padding-left    : 30px;
}

.content .apps .box .zhinengshenghuo .name {
    font-size  : 18px;
    color      : #fff;
    font-weight: 500;
}

.content .apps .box .zhinengshenghuo .name::after {
    content         : " ";
    width           : 30px;
    height          : 2px;
    display         : table;
    margin-top      : -20px;
    background-color: #fff;
}

.content .apps .box .kuajingdianshang {
    background-image: url("../img/kuajingdianshang.png");
    width           : 100%;
    height          : 80px;
    line-height     : 80px;
    padding-left    : 30px;
}

.content .apps .box .kuajingdianshang .name {
    font-size  : 18px;
    color      : #fff;
    font-weight: 500;
}

.content .apps .box .kuajingdianshang .name::after {
    content         : " ";
    width           : 30px;
    height          : 2px;
    display         : table;
    margin-top      : -20px;
    background-color: #fff;
}

.content .apps .container {
    display        : flex;
    flex-direction : row;
    justify-content: space-between;
    align-items    : center;
    flex-wrap      : wrap;
}

.content .apps .box .contents {
    padding  : 22px;
    color    : #888;
    font-size: 14px;
    height   : 150px;
}

.content .apps .bottombtn a {
    font-size  : 1rem;
    width      : 180px;
    height     : 54px;
    line-height: 35px;
}

/*appgongneng*/
.content .appgongneng {
    background-color: #F2F6FF;
    padding         : 80px 0 105px 0;
}

.content .appgongneng .tops .title {
    font-size  : 30px;
    color      : #333;
    font-weight: 500;
}

.content .appgongneng .tops .subtitle {
    font-size : 16px;
    color     : #333;
    margin-top: 20px;
}

.content .appgongneng .middle {
    margin-top: 80px;

}

/*核心功能*/
.content .hexingongneng {
    padding         : 80px 0 105px 0;
    background-color: #fff;
}

.content .hexingongneng .tops .title {
    font-size  : 30px;
    color      : #333;
    font-weight: 500;
}

.content .hexingongneng .tops .subtitle {
    font-size : 16px;
    color     : #666;
    margin-top: 20px;
}

.content .hexingongneng .middle {
    margin-top     : 80px;
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: center;
    align-items    : center;
}

.content .hexingongneng .middle .list {
    display           : flex;
    flex-direction    : column;
    justify-content   : center;
    align-items       : center;
    background-color  : #fff;
    margin-top        : 16px;
    transition        : all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition   : all 0.4s ease-in-out;
    -o-transition     : all 0.4s ease-in-out;
    border-radius     : 4px;
    width             : 230px;
    height            : 230px;
}

.content .hexingongneng .middle .list .title {
    padding    : 20px 0 0 0;
    font-size  : 18px;
    color      : #333;
    font-weight: 600;
}

.content .hexingongneng .middle .list .label {
    padding: 17px 0 0 0;
}

.content .hexingongneng .middle .list .label label {
    padding     : 6px 8px;
    border      : 1px solid #b1b1b1;
    color       : #b1b1b1;
    font-size   : 14px;
    margin-right: 10px;
}

.content .hexingongneng .middle .list:hover {
    box-shadow       : 4px 4px 8px 2px #b1b1b1;
    transform        : translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform   : translate(0, -10px);
    -o-transform     : translate(0, -10px);
    -ms-transform    : translate(0, -10px);
}

/*经典案例*/
.content .appjingdiananli {
    padding         : 80px 0 80px 0;
    background-color: #F2F6FF;
}

.content .appjingdiananli .tops .title {
    font-size  : 30px;
    color      : #333;
    font-weight: 500;
}

.content .appjingdiananli .tops .subtitle {
    font-size : 16px;
    color     : #666;
    margin-top: 20px;
}

.content .appjingdiananli .middle {
    margin-top     : 80px;
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: center;
    align-items    : center;
}

.content .appjingdiananli .middle .list {
    max-width         : 290px;
    margin-top        : 28px;
    transition        : all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition   : all 0.4s ease-in-out;
    -o-transition     : all 0.4s ease-in-out;
}

.content .appjingdiananli .middle .list .title {
    font-size  : 18px;
    color      : #333;
    font-weight: 600;
    text-align : center;
}

.content .appjingdiananli .middle .list .subtitle {
    padding  : 18px 25px 28px 25px;
    font-size: 15px;
    color    : #848484;

}

.content .appjingdiananli .bottombtn a {
    width      : 180px;
    height     : 54px;
    font-size  : 15px;
    line-height: 35px;
}

/*微信开发*/
.content .weixinkaifa {
    padding: 80px 0 80px 0;
}

.content .weixinkaifa .tops .title {
    font-size  : 30px;
    color      : #333;
    font-weight: 500;
}

.content .weixinkaifa .tops .subtitle {
    font-size : 16px;
    color     : #666;
    margin-top: 20px;
}

.content .weixinkaifa .container {
    display        : flex;
    flex-direction : row;
    justify-content: space-around;
    align-items    : center;
    flex-wrap      : wrap;
}

.content .weixinkaifa .box {
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    background-color: #fff;
    border-radius   : 4px;
    box-shadow      : 0 0 28px 7px rgb(167 167 167 / 10%);
    max-width       : 560px;
    margin-top      : 30px;
}

.content .weixinkaifa .box .right {
    padding   : 0 22px;
    margin-top: 20px;
}

.content .weixinkaifa .box .right .title {
    font-size  : 18px;
    font-weight: 500;
    color      : #333;
}

.content .weixinkaifa .box .right .contents {
    font-size  : 14px;
    font-weight: 400;
    color      : #888888;
    line-height: 22px;
    margin-top : 16px;
}

.content .weixinkaifa .box .right .btn {
    width      : 94px;
    height     : 36px;
    margin-top : 25px;
    line-height: 25px;
}

.content .weixinkaifa .bottombtn .btn {
    width      : 180px;
    height     : 54px;
    line-height: 35px;
    font-size  : 15px;
}

/*场景应用*/
.content .changjingyingyong {
    padding         : 80px 0 80px 0;
    background-color: #fff;
}

.content .changjingyingyong .tops .title {
    font-size  : 30px;
    color      : #333;
    font-weight: 500;
}

.content .changjingyingyong .tops .subtitle {
    font-size : 16px;
    color     : #666;
    margin-top: 20px;
}

.content .changjingyingyong .middle {
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: space-around;
    align-items    : center;
}

.content .changjingyingyong .middle .list {
    margin-top: 25px;
}

.content .changjingyingyong .middle .list .dianshangchangjing {
    background-image: url("../img/dianshangchangjing.png");
    width           : 220px;
    height          : 124px;
    line-height     : 124px;
    text-align      : center;
    color           : #fff;
    font-size       : 16px;
}

.content .changjingyingyong .middle .list .muyingchangjing {
    background-image: url("../img/muyingchangjing.png");
    width           : 220px;
    height          : 124px;
    line-height     : 124px;
    text-align      : center;
    color           : #fff;
    font-size       : 16px;
}

.content .changjingyingyong .middle .list .zhibochangjing {
    background-image: url("../img/zhibochangjing.png");
    width           : 220px;
    height          : 124px;
    line-height     : 124px;
    text-align      : center;
    color           : #fff;
    font-size       : 16px;
}

.content .changjingyingyong .middle .list .shequchangjing {
    background-image: url("../img/shequchangjing.png");
    width           : 220px;
    height          : 124px;
    line-height     : 124px;
    text-align      : center;
    color           : #fff;
    font-size       : 16px;
}

.content .changjingyingyong .middle .list .xinlingshouchangjing {
    background-image: url("../img/xinlingshouchangjing.png");
    width           : 220px;
    height          : 124px;
    line-height     : 124px;
    text-align      : center;
    color           : #fff;
    font-size       : 16px;
}

.content .changjingyingyong .middle .list .canyingchangjing {
    background-image: url("../img/canyingchangjing.png");
    width           : 220px;
    height          : 124px;
    line-height     : 124px;
    text-align      : center;
    color           : #fff;
    font-size       : 16px;
}

.content .changjingyingyong .middle .list .yiliaochangjing {
    background-image: url("../img/yiliaochangjing.png");
    width           : 220px;
    height          : 124px;
    line-height     : 124px;
    text-align      : center;
    color           : #fff;
    font-size       : 16px;
}

.content .changjingyingyong .middle .list .guoshuchangjing {
    background-image: url("../img/guoshuchangjing.png");
    width           : 220px;
    height          : 124px;
    line-height     : 124px;
    text-align      : center;
    color           : #fff;
    font-size       : 16px;
}

.content .changjingyingyong .middle .list .zhizaochangjing {
    background-image: url("../img/zhizaochangjing.png");
    width           : 220px;
    height          : 124px;
    line-height     : 124px;
    text-align      : center;
    color           : #fff;
    font-size       : 16px;
}

.content .changjingyingyong .middle .list .jiaoyuchangjing {
    background-image: url("../img/jiaoyuchangjing.png");
    width           : 220px;
    height          : 124px;
    line-height     : 124px;
    text-align      : center;
    color           : #fff;
    font-size       : 16px;
}

/*anli.html===========================================================================*/

.content .moreanlititle {
    margin-top   : 95px;
    margin-bottom: 80px;
}

.content .moreanlititle .title {
    font-size  : 30px;
    font-weight: 500;
    color      : #333;
}

.content .moreanlititle .des {
    font-size : 16px;
    color     : #666;
    margin-top: 20px;
}

.content .moreanli .tab .tab_content {
    margin-top: 50px;
}

.content .moreanli .tab .tab_content .tabs_item {
    display: none;
}

.content .moreanli .tab .tabs_item:first-child {
    display: block;
}
.content .moreanli .tab .tabs li{
    margin-bottom: 10px;
}
.content .moreanli .tab .tabs li a {
    padding         : 11px 36px;
    background-color: #e9e9e9;
    border-radius   : 19px;
    display: block;
}

.content .moreanli .tab .tabs li a:hover {
    background-color: #367cff !important;
    color           : #fff;
}

.content .moreanli .tab .tabs .current a {
    background-color: #367cff !important;
    color           : #fff;
}


.content .moreanli .products-details-tab-content {
    margin-top     : 50px;
    margin: 0;
    /* display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: space-between;
    align-items    : center; */
}
.content .moreanli .products-details-tab-content .col-lg-3{
    flex: 0 0 23%;
}
@media(max-width: 768px){
    .content .moreanli .products-details-tab-content .col-lg-3{
        flex: 0 0 100%;
        margin: 0 0 20px 0 !important;
    }
}
.content .moreanli .products-details-tab-content .list {
    background-color  : #fff;
    margin-top        : 16px;
    transition        : all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition   : all 0.4s ease-in-out;
    -o-transition     : all 0.4s ease-in-out;
    box-shadow        : 0px 0px 28px 7px rgba(167, 167, 167, 0.15);
    border-radius     : 4px;
    padding: 0;
    margin: 10px;
}

.content .moreanli .products-details-tab-content .list img{
    width: 100%;
    max-height: 180px;
}

.content .moreanli .products-details-tab-content .list .title {
    padding    : 20px 0 0 20px;
    font-size  : 18px;
    color      : #333;
    font-weight: 600;
}

.content .moreanli .products-details-tab-content .list .label {
    padding: 14px 0 22px 20px;
}

.content .moreanli .products-details-tab-content .list .label label {
    padding      : 4px 8px;
    border       : 1px solid #b1b1b1;
    color        : #b1b1b1;
    font-size    : 12px;
    margin-right : 10px;
    border-radius: 2px;
}

.content .moreanli .products-details-tab-content .list:hover {
    box-shadow       : 4px 4px 8px 2px #b1b1b1;
    transform        : translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform   : translate(0, -10px);
    -o-transform     : translate(0, -10px);
    -ms-transform    : translate(0, -10px);
}

/*新闻资讯===================================================================================================*/
.content .news .list {
    padding-bottom: 30px;
    padding-top   : 30px;
    border-bottom : 1px solid #e9e9e9;
}

.content .news .list .right {
    margin-left: 40px;
}

.content .news .list img {
    max-width : 340px;
    max-height: 200px;
}

.content .news .list .right .title {
    font-size  : 18px;
    font-weight: 600;
    color      : #262626;
}

.content .news .list .right .des {
    margin-top : 22px;
    font-size  : 14px;
    color      : #888;
    line-height: 24px;
}

.content .news .list .right .time {
    margin-top   : 12px;
    margin-bottom: 12px;
    font-size    : 13px;
    color        : #888;
    line-height  : 24px;
}

.content .news .list .right .label span {
    font-size   : 14px;
    color       : #717171;
    line-height : 24px;
    margin-right: 35px;
}

/*关于我们===================================================================================================*/
.content .news {
    margin-bottom: 100px;
}

.content .news .left {
    padding-right: 40px;
}

.content .news .left .title {
    font-size  : 28px;
    font-weight: 600;
    color      : #367cff;
}

.content .news .left .des {
    font-size    : 16px;
    color        : #848484;
    line-height  : 30px;
    margin-top   : 40px;
    margin-bottom: 50px;
}

.content .news .left .wenhua .title {
    font-size: 20px;
    color    : #333;
}

.content .news .left .wenhua .des {
    font-size: 16px;
    color    : #333;
}

.content .news .left .wenhua div {
    margin-top: 20px;
}

.content .news .right {
    max-width: 600px;
}

.content .zhishicanquan {
    padding-top     : 95px;
    padding-bottom  : 80px;
    background-color: #fff;
}

.content .zhishicanquan .title {
    font-size  : 30px;
    font-weight: 500;
    color      : #333;
}

.content .zhishicanquan .des {
    font-size : 16px;
    color     : #666;
    margin-top: 20px;
}

/*应用特效时，以上样式可删除*/
#d_tab29 ul,
#d_tab29 li {
    margin    : 0;
    padding   : 0;
    list-style: none
}

#d_tab29 img {
    border        : 0;
    vertical-align: top
}

#d_tab29 {
    position  : relative;
    height    : 770px;
    text-align: left
}

#d_tab29 .d_img {
    position: relative;
    margin  : 0 auto;
    width   : 1000px;
    height  : 100%
}

#d_tab29 .d_img li {
    position: absolute;
    display : none;
    z-index : 0
}

#d_tab29 .d_img .cont {
    width     : 100%;
    height    : 87px;
    background: rgba(0, 0, 0, 0.5);
    position  : absolute;
    bottom    : 0px;
    left      : 0px;
    z-index   : 99999;
}

#d_tab29 .d_img li img {
    width: 100%
}

#d_tab29 .d_img li.d_pos1 {
    display: block;
    width  : 400px;
    left   : 0%;
    top    : 60px;
    z-index: 1
}

#d_tab29 .d_img li.d_pos2 {
    display: block;
    width  : 450px;
    left   : 10%;
    top    : 40px;
    z-index: 2
}

#d_tab29 .d_img li.d_pos3 {
    display: block;
    width  : 500px;
    left   : 25%;
    top    : 20px;
    z-index: 3
}

#d_tab29 .d_img li.d_pos4 {
    display: block;
    width  : 450px;
    right  : 10%;
    top    : 40px;
    z-index: 2
}

#d_tab29 .d_img li.d_pos5 {
    display: block;
    width  : 400px;
    right  : 0%;
    top    : 60px;
    z-index: 1
}

#d_tab29 .d_menu {
    position  : absolute;
    bottom    : 20px;
    width     : 100%;
    text-align: center
}

#d_tab29 .d_menu li {
    display     : inline-block;
    zoom        : 1;
    *display    : inline;
    background  : url('../img/btn.png') no-repeat 0 0;
    width       : 12px;
    height      : 12px;
    cursor      : pointer;
    margin-right: 3px
}

#d_tab29 .d_menu li.d_select {
    background: url('../img/btn.png') no-repeat 0 -18px
}

#d_tab29 .d_next {
    position   : absolute;
    left       : 50%;
    margin-left: 475px;
    top        : 300px;
    z-index    : 10;
    cursor     : pointer
}

#d_tab29 .d_prev {
    position   : absolute;
    left       : 50%;
    margin-left: -525px;
    top        : 300px;
    z-index    : 10;
    cursor     : pointer
}

.content .zhishicanquanimg{
    min-height: 700px;
    background-color: #fff;
}
.content .zhishicanquanimg .ruanzhu{
    position: absolute;
    bottom: 60px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.content .maps {
    margin-bottom: 130px;
}
.content .maps .map{
    /* max-width: 700px; */
}

.content .maps .map #map{
    width: 700px;
    height: 400px;
}
.content .maps .right{
    margin-left: 30px;
}
.content .maps .right .phones img{
    margin-right: 12px;
}

.content .maps .right .phones .phonetitle{
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.content .maps .right .phones .phonenumber{
    font-size: 24px;
    color: #367cff;
    line-height: 30px;
    margin-top: 5px;
    font-weight: 500;
}

.content .maps .right .email{
    margin-top: 30px;
}
.content .maps .right .email img{
    margin-right: 12px;
}
.content .maps .right .email .emailtitle{
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-transform: lowercase;
}

.content .maps .right .email .emailnumber{
    font-size: 24px;
    color: #367cff;
    line-height: 30px;
    margin-top: 5px;
    font-weight: 500;
    text-transform: lowercase;
}

.content .maps .right .address{
    margin-top: 30px;
}

.content .maps .right .address img{
    margin-right: 12px;
}

.content .maps .right .address .addresstitle{
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.content .maps .right .address .addressnumber{
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin-top: 5px;
    font-weight: 500;
}

.content .maps .right .bottombtn a{
    width: 140px;
    height: 44px;
    font-size: 16px;
}

/*newsdetail*/
.content .newsdetail{
    padding: 90px 0 0 0;
    background-color: #fff;

}
.content .newsdetail .left{
    max-width: 800px;
}

.content .newsdetail .left .title{
    font-size: 28px;
    font-weight: 500;
    color: #262626;
    line-height: 40px;
}

.content .newsdetail .left .pagetitle{
    line-height: 20px;
}
.content .newsdetail .left .time{
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 24px;
    margin: 30px 0 55px 0;
}

.content .newsdetail .left .content{
    margin-top: 0;
}

.content .newsdetail .left .page{
    margin: 95px 50px;
}
.content .newsdetail .left .page .lefts{
    padding: 20px;
    border: 1px solid #f3f3f3;
    background-color: #fbfbfb;
    width: 50%;
}

.content .newsdetail .left .page .lefts .imgbox{
    margin-left: 20px;
}
.content .newsdetail .left .page .lefts .imgbox .title{
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}

.content .newsdetail .left .page .rights{
    padding: 20px;
    border: 1px solid #f3f3f3;
    border-left: none;
    background-color: #fbfbfb;
    width: 50%;
}

.content .newsdetail .left .page .rights .imgbox{
    margin-left: 20px;
}
.content .newsdetail .left .page .rights .imgbox .title{
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}

.content .newsdetail .right{
    border: 1px solid #eee;
    padding: 20px;
    height: 100%;
}
.content .newsdetail .right .biaoti{
    font-size: 20px;
    font-weight: 500;
    color: #262626;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 18px;
}

.content .newsdetail .right .list .item{
    max-width: 260px;
    margin-top: 20px;
}
.content .newsdetail .right .list .item img{
    margin-right: 15px;
}
.content .newsdetail .right .list .item .title{
    font-size: 14px ;
    color: #333;
    line-height: 20px;
}
.content .newsdetail .right .list .item .time{
    font-size: 12px;
    color: #888;
    line-height: 20px;
    margin-top: 6px;
}
/*---------------------------------------------------------------- footer  -------------------------------------------------------------------------------------*/

.footer a,
.demo_link {
    color      : #c8c8c8 !important;
    line-height: 30px;
}

/* .footer a:hover {
    color: #ff3333 !important;
} */

.footer .footer_title {
    margin-bottom: 30px;
}


/*first_footer*/

.first_footer {
    background-color: #3C3C3C;
    padding         : 47px 0 36px 0;
}

.first_footer .info {
    color: #fff;
}

.first_footer .info .rexian {
    font-size  : 14px;
    font-weight: 400;
    opacity    : 0.8;
    line-height: 18px;
}

.first_footer .info .phones {
    font-size  : 14px;
    line-height: 18px;
    margin     : 14px 0;
}

.first_footer .info .address {
    font-size  : 14px;
    font-weight: 400;
    line-height: 18px;
}


/*third_footer*/

.third_footer {
    background-color: #3C3C3C;
}

.th_foo {
    padding         : 40px 0 0px 0;
    border-top      : 1px solid rgba(255, 255, 255, .2);
    /* border-bottom: 1px solid rgba(255, 255, 255, .2); */
}

.third_footer .weixingongzhonghao {
    font-size : 14px;
    color     : #fff;
    opacity   : 0.8;
    margin-top: 10px;
}

/*fourth_footer*/

.fourth_footer {
    display: flex;
    width  : 100%;
}

.fourth_footer .fth_foo div {
    float        : left;
    margin-bottom: 10px;
}

.item_row {
    /*border-right:  1px solid rgba(255,255,255,.2); */
}

.item_name1 li {
    float: left;
}

.item_name1 li {
    padding     : 0 10px;
    border-right: 1px solid #c9c6c6;
    margin      : 4px 0;
}

.item_name1 li:first-child {
    border-right: none;
    padding     : 0;
}

.item_name1 li:last-child {
    border-right: none;
}

.footer .item_name1 a {
    line-height: 20px;
}

.item_name2 {
    padding: 10px 0 0 50px;
}


/*fifth_footer*/

.fifth_footer {
    background-color: #3C3C3C;

    padding: 33px 0;
}

.fifth_footer .custom_container {
    border-top: 1px solid rgb(255, 255, 255, 0.1);
}


/*--------------------------------------------------------------/  footer  -------------------------------------------------------------------------------------*/


/*app.html*/
.content .top .appjumu {
    margin-top    : -300px;
    padding-bottom: 120px;
}

.content .top .appjumu .title {
    font-size  : 35px;
    color      : #fff;
    font-weight: 500;
}

.content .top .appjumu .des {
    margin-top : 30px;
    color      : #fff;
    font-weight: 400;
    opacity    : 0.7;
    font-size  : 20px;
    max-width  : 500px;
    line-height: 35px;
}

.content .top .appjumu .btn {
    margin-top : 35px;
    width      : 200px;
    height     : 54px;
    font-size  : 16px;
    color      : #3B80FB;
    line-height: 35px;

}