/* 上下跳动 */

.floating {
    -webkit-animation: floating 3s ease infinite;
    animation: floating 3s ease infinite;
    will-change: transform;
}


/* 鼠标放上去会出现立体的阴影 */

a.card {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    transition: box-shadow .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, box-shadow .2s ease;
    transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease;
}


/***********
*页面样式
***********/

.img-fluid {
    max-width: 100%;
    height: auto
}

.change_col {
    color: red;
}

.change_col_wh {
    color: white;
}


/*==========
前台页面初始化
===========*/

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


/*==========
基本默认值
===========*/

html {
    font-size: 62.5%;
    color: #222222;
}

 ::-moz-selection {
    background-color: #b3d4fc;
    text-shadow: none;
}

 ::selection {
    background-color: #b3d4fc;
    text-shadow: none;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}


/*==========
工具样式
===========*/

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.text-right {
    float: right !important;
}

.text-left {
    float: left !important;
}

.text-center {
    text-align: center !important;
}

.hide {
    display: inline;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}


/*==========
浏览器更新提示
===========*/

.browserupgrade {
    margin: 0;
    padding: 1rem;
    background: #ccc;
}


/*==========
自定义页面样式
===========*/

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
    background-color: #f7f7f7;
}

a {
    color: #fff;
    text-decoration: none;
    outline: none;
}


/* 解决虚线框框 */

a:focus {
    outline: none;
}

a:hover,
a:active {
    color: #ff9900;
    text-decoration: underline;
}


/*网站头部*/

header {
    width: 100%
}

header .top {
    line-height: 3rem;
    padding: 0 1.5rem;
    color: #fff;
    background: #555;
    border-bottom: 1px #ecc000 solid;
}

header .top .tel {
    float: left;
}

header .top ul {
    text-align: right;
}

header .top ul li {
    display: inline-block;
}

header .top ul li+li {
    border-left: 1px solid #999;
    margin-left: -3px;
}

header .top ul li a {
    display: inline-block;
    padding: 0 1.5rem;
    color: #fff;
}

@media only screen and (max-width: 50em) {
    header .top {
        padding: 0 1rem;
    }
}

@media only screen and (min-width: 30.0625rem) and (max-width: 50em) {}

@media only screen and (max-width: 30em) {
    header .top .tel,
    header .top ul li:nth-child(3),
    header .top ul li:nth-child(4) {
        display: none;
    }
}

.container .nav_main {
    width: 90%;
    margin-left: 5%;
    height: 10rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.container .ad .nav_main .brand {
    margin-top: 2rem;
    width: 20%;
    background: url('../img/logo@2x.png') no-repeat left;
    background-size: 70% 70%;
    height: 10rem;
    width: 9.4rem;
}

.container .ad .nav_main li span {
    color: #fff;
}

.container .ad .nav_main .headerNav {
    width: 80%;
}

.container .ad .nav_main .headerNav ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.container .ad .nav_main .headerNav ul li {
    margin-right: 2rem;
}

.container .ad .nav_main .headerNav ul li a {
    /* display: inline-block;  会有框框出现*/
}

.container .ad .nav_main .headerNav ul li img {
    margin-right: 1.2rem;
}


/* 获取子元素的css选择器 */

.container .ad .nav_main .headerNav ul li:nth-child(6) {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


/* .container .nav_main ul li a {
    color: #fff;
}

.container .nav_main .other_ul li a {
    color: #222;
} */

.container .nav_main ul li a:hover,
.container .nav_main ul li a:active,
.container .nav_main ul li a.active {
    text-decoration: none;
    color: red;
}

@media only screen and (max-width: 50em) {
    header .main .brand {
        height: 5rem;
        width: 4.7rem;
        float: none;
        display: block;
        padding: 0;
        margin: 1.5rem auto 0.5rem;
        background: url('../img/logo@1x.png') no-repeat left;
        text-align: center;
    }
    header .main ul {
        text-align: center;
    }
    header .main ul li {
        border: none;
    }
    header .main ul li a {
        line-height: 2rem;
        padding: 0 .15rem;
    }
}

.open-navbar {
    transition: all .5s ease!important;
    transform: translateX(0)!important
}

.open-btn {
    right: -20%!important;
}

.open-icon {
    background: url('../img/icon/open.svg') no-repeat center!important;
    background-size: 100%;
}

.shadow::before {
    position: fixed;
    z-index: 100;
    display: block;
    content: '';
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(6, 12, 34, 0.7)!important;
    transition: all .3s ease-in;
}

@media only screen and (max-width: 30em) {
    header .main ul li {
        line-height: 3rem;
    }
    header .main ul li:first-child {
        /* display: none; */
    }
    header .main ul li a {
        font-weight: normal;
        padding: 0 0.5rem;
    }
    .navbar-light .navbar-toggler {
        border: none;
        position: fixed;
        top: 50%;
        right: -16%;
    }
    .navbar-light .navbar-toggler:focus {
        outline: none;
    }
    .collapse:not(.show) {
        display: block;
        height: 100vh;
    }
    .navbar-light .navbar-toggler-icon {
        width: 3rem;
        height: 3rem;
        background-color: #ff9900 !important;
        transition: all .5s ease;
        background: url('../img/icon/close.svg') no-repeat center;
        background-size: 100%;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #fff!important;
        min-height: 5rem;
        font-size: 16px;
    }
    .Lessthan500_nav {
        position: absolute;
        z-index: 10000;
        width: 100%;
    }
    .Lessthan500_nav .navbar {
        position: fixed;
        background: rgba(6, 12, 34, 0.9)!important;
        transition: all .5s ease;
        transform: translateX(-100%);
        width: 80%;
        height: 100%;
    }
    .Lessthan500_nav .navbar img {
        margin-bottom: 2rem;
    }
    .Lessthan500_nav .navbar .test {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Lessthan500_nav .navbar .test .test2 {
        max-height: 43vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Lessthan500_nav .navbar .test .test3 {
        width: 100%;
        height: 100%;
        background-color: green;
    }
    .Lessthan500_nav .navbar a {
        color: red;
    }
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        display: none !important;
    }
}


/*网站主要内容*/

.container {
    width: 100%;
}

.transaction {
    width: 100%;
    background-color: #7c7365;
}

.trans-content {
    height: 0.2rem;
    max-width: 100%;
    margin: 0 auto;
    font-size: 1.5rem;
}

.trans-data {
    float: left;
    padding: 1rem;
    text-align: left;
}

.trans-data span {
    display: inline-block;
    line-height: 3rem;
    color: #fff;
}

.trans-data span.trans-money {
    font-size: 2.2rem;
    color: #ff9900;
    letter-spacing: 3px;
    margin: 0 1rem;
    padding: 0 1rem;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 1px 2px 1px #333 inset;
}

.trans-report {
    text-align: right;
}

.trans-report a {
    display: inline-block;
    padding: 1rem;
    line-height: 3rem;
    color: #fff;
}

@media only screen and (max-width: 50em) {
    .trans-data {
        padding: 1rem 0.5rem;
    }
    .trans-data span {
        font-size: 1.2rem;
    }
    .trans-data span.trans-money {
        font-size: 1.6rem;
        margin: 0;
        padding: 0;
        letter-spacing: inherit;
        box-shadow: none;
        background: transparent;
    }
    .trans-report a {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width:30em) {
    .transaction {
        /* padding: 0.5rem 0; */
    }
    .trans-data,
    .trans-report {
        float: none;
        text-align: center;
    }
    .trans-data,
    .trans-report a {
        padding: 0;
    }
}


/*滚动广告*/

.ad {
    /* display: none; */
}


/*平台特点*/

.feature {
    width: 90%;
    margin: 2rem auto;
    font-size: 0;
}

.feature .item {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: -webkit-calc(33.3333333333% - 1rem);
    width: -moz-calc(33.3333333333% - 1rem);
    width: calc(33.3333333333% - 1rem);
    padding: 1rem;
    font-size: 1.4rem;
    background-color: #fff;
    box-shadow: 0 0 4px #ccc;
}

.feature .item+.item {
    margin-left: 1.5rem;
}

.feature .item h3 {
    display: inline-block;
    width: 40%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    font-size: 3.3rem;
    text-align: center;
    color: #ff9900;
}

.feature .item p {
    display: inline-block;
    width: 55%;
    margin: 0;
    padding: 0;
    color: #999;
}

@media only screen and (min-width:30.0025em) and (max-width: 50em) {
    .feature .item h3,
    .feature .item p {
        display: block;
        width: 100%;
        font-size: 2.6rem;
        text-align: center;
    }
    .feature .item p {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width:30em) {
    .feature {
        width: 96%;
        margin: 1rem auto;
    }
    .feature .item {
        display: block;
        width: auto;
    }
    .feature .item+.item {
        margin: 1rem 0 0;
    }
}


/*最新公告*/

.notice {
    width: 90%;
    margin: 2rem auto;
    font-size: 1.4rem;
    line-height: 3rem;
    background-color: #fff;
    box-shadow: 0 0 4px #ccc;
}

.notice a {
    color: #666;
    float: left;
    display: inline-block;
    width: 70%;
    margin-left: 2rem;
    text-decoration: none;
}

.notice a:hover {
    color: #ff9900;
    text-decoration: none;
}

.notice a:first-child {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.notice a:first-child::before {
    content: '最新公告：\00a0\00a0';
    color: #aaa;
}

.notice a span {
    color: #999;
    font-size: 1.2rem;
    margin-right: 1rem;
}

.notice a.more {
    float: right;
    width: auto;
    margin-right: 2rem;
    color: #ff9900;
}

@media only screen and (max-width: 30em) {
    .product_notice {
        width: 90%;
        margin: auto !important;
        font-size: 1.4rem;
        text-align: justify;
        background-color: #f5f9fa;
        box-shadow: 0 0 4px #ccc;
    }
    .notice {
        width: 96%;
        margin: 1rem auto;
        font-size: 1.2rem;
    }
    .notice a {
        margin-left: 1rem;
    }
    .notice a span {
        display: none;
    }
}


/*产品列表*/

.product {
    width: 90%;
    margin: 2rem auto;
    font-size: 1.4rem;
    background-color: #f5f9fa;
    box-shadow: 0 0 4px #ccc;
}

.product h2 {
    float: left;
    width: 20%;
    margin-top: 3rem;
    text-align: center;
    font-size: 2.4rem;
    font-weight: normal;
    color: #635c51;
}

.product .showOrHidden {
    min-height: 50rem;
}

.product h2 em {
    display: block;
    margin-top: 1rem;
    font-size: 1.6rem;
}

.product h2 em:first-child {
    margin-top: 4rem;
}

.product .news {
    box-sizing: border-box;
    border-top: 1.5rem solid #f5f9fa;
    border-left: 0.5rem solid #f5f9fa;
    border-right: 0.5rem solid #f5f9fa;
    max-width: 800px;
    line-height: 32px;
    margin: 0px auto;
}

.product .news h3 {
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.product .news-footer {
    width: 100%;
    font-size: 14px;
    /* margin-right: 100px; */
    /* margin-inline-end: 100px; */
    text-align: right;
}

.product .news .return {
    width: 15rem;
    margin: 3rem auto;
    display: block;
    text-align: center;
    /* height: 10rem; */
    text-indent: 1rem;
    line-height: 4rem;
    font-weight: bold;
    /* margin: 1.5rem auto;
控制案例里面单元格的高度 
line-height: 4rem; */
    max-width: 15rem;
    text-decoration: none;
    background-color: #ff9900;
    border-radius: 5px;
    border-bottom: 3rem solid #f5f9fa;
}

.product .news .footer-a {
    box-sizing: border-box;
    border-bottom: 3rem solid #f5f9fa;
}

.product .news a:hover {
    color: #fff;
}

.product .product-content {
    float: right;
    width: 79.5%;
    border-left: 1px solid #eee;
    background-color: #fff;
}

.product .product-content.item {
    width: 100%;
}

.product .product-content .item+.item {
    border-top: 1px solid #eee;
}

.product .product-content .item h3 {
    float: left;
    width: 25%;
    margin: 1.5rem 0;
    font-weight: normal;
    text-align: center;
}

.product .product-content .item h3 em {
    margin-right: 0.5rem;
    font-size: 3.6rem;
    color: #8b999d;
}

.product .product-content .item h3 i {
    display: block;
    font-size: 1.2rem;
    font-style: normal;
    color: #999;
}

.product .product-content .item .info {
    float: left;
    line-height: 3.3rem;
    padding: 1rem;
    font-size: 16px;
}

.product .product-content .item .info a {
    color: #666;
}

.product .product-content .item .info a:hover {
    color: #ff9900;
}

.product .product-content .item .info p {
    float: left;
    display: inline-block;
    text-align: center;
    width: 56%;
}

.product .product-content .item .info p:last-child {
    width: 40%;
}

.product .product-content .item .info p span {
    display: block;
    font-size: 2.4rem;
    color: #ff9900;
}

.product .product-content .item .info p span i {
    font-size: 1.2rem;
    font-style: normal;
    color: #999;
}

.product .product-content .item .buy {
    position: relative;
    float: left;
    width: -webkit-calc(22% - 4.4rem);
    width: -moz-calc(22% - 4.4rem);
    width: calc(22% - 4.4rem);
    padding: 1rem;
}

.product .product-content .item .buy a {
    width: 100%;
    text-align: left;
    height: 10rem;
    text-indent: 1rem;
    line-height: 3rem;
    font-weight: bold;
    /* margin: 1.5rem auto;
控制案例里面单元格的高度 
line-height: 4rem; */
    max-width: 30rem;
    text-decoration: none;
    color: #ff9900;
    border-radius: 5px;
}

.product .product-content .item .buy .city-yueyang {
    width: 100%;
    background: url(../img/case/1.1.jpg) no-repeat left;
    background-size: 100% 100%;
    display: block;
}

.product .product-content .item .buy .city-huahuai {
    width: 100%;
    background: url(../img/case/1.3.jpg) no-repeat left;
    background-size: 100% 100%;
    display: block;
}

.product .product-content .item .buy .city-shaoyang {
    width: 100%;
    background: url(../img/case/7.jpg) no-repeat left;
    background-size: 100% 100%;
    display: block;
}

.product .product-content .item .buy .city-jisou {
    width: 100%;
    background: url(../img/case/10.jpg) no-repeat left;
    background-size: 100% 100%;
    display: block;
}

.product .product-content .item .buy a:hover,
.product .product-content .item .buy a:active {
    background-color: #ffc468;
}

.product .product-content .item .buy a.disabled {
    background-color: #ccc !important;
    cursor: not-allowed;
}

@media only screen and (max-width: 50em) {
    .product h2 {
        float: none;
        width: 100%;
        margin-top: 2rem;
        font-size: 2.2rem;
    }
    .product h2 em:first-child {
        margin-top: 0;
    }
    .product h2 em {
        display: inline;
        font-size: 1.2rem;
    }
    .product .product-content {
        float: none;
        width: 100%;
    }
    .product .product-content .item h3 {
        margin-bottom: 2.4rem;
    }
    .product .product-content .item .info {
        padding: 1rem 1rem 0;
    }
    .product .product-content .item .info p span {
        font-size: 2rem;
    }
    .product .product-content .item .buy a {
        margin: 0.5rem auto;
    }
}

@media only screen and (max-width: 30em) {
    .product h2 em:first-child::before {
        content: " ";
        display: table;
    }
    .product .product-content .item h3 em {
        font-size: 2rem;
        margin-right: 0;
    }
    .product .product-content .item {
        box-sizing: border-box;
        border: 0.5rem solid #fff;
        width: 100%;
        background-color: #f6f6f3;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .product .product-content .item .buy {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 20%;
        padding: 0;
        box-sizing: border-box;
        border: 0 solid #fff;
    }
    .product .product-content .item .info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: space-between;
        box-sizing: border-box;
        border-left: 0.5rem solid #f6f6f3;
        padding: 0;
        font-size: 14px;
        text-align: justify;
        line-height: 1.4;
        width: 80%;
    }
    .product .product-content .item .info a {
        box-sizing: border-box;
        border-bottom: 1rem solid #f6f6f3;
        border-right: 0.5rem solid #f6f6f3;
        display: block;
    }
    .product .product-content .item .info span {}
    .product .product-content .item .info .infoContent {
        /* box-sizing: border-box;
        border-left: 1rem solid #f6f6f3; */
        color: #999;
        font-size: 12px;
        line-height: 1.2;
    }
}


/* 联系我们 */

.product .introduce .content .describe .contactUs {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    border: 2rem solid #fff;
}

.product .introduce .content .describe .contactUs div {}

.product .introduce .content .describe .contactUs .name {
    font-size: 18px;
    line-height: 18px;
    color: #444343;
}

.product .introduce .content .describe .contactUs .main .mainContainer {
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 1rem;
}

.product .introduce .content .describe .contactUs .main {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #999999;
}

.product .introduce .content .describe .contactUs .main .title {
    box-sizing: border-box;
    border-bottom: 1rem solid #fff;
    font-size: 16px;
    line-height: 16px;
    color: #696868;
    font-weight: 600;
}

.product .introduce .content .describe .contactUs .main .mainAddressImg {
    position: relative;
    margin-top: 3rem;
    width: 5rem;
    height: 4rem;
    background: url(../img/adress.png) no-repeat;
}

.product .introduce .content .describe .contactUs .main .mainTelImg {
    position: relative;
    margin-top: 3rem;
    width: 5rem;
    height: 4rem;
    background: url(../img/tel.png) no-repeat;
    background-size: 80% 80%;
}

.product .introduce .content .describe .contactUs .main .mainEmallImg {
    position: relative;
    margin-top: 3rem;
    width: 5rem;
    height: 4rem;
    background: url(../img/email.png) no-repeat;
    background-size: 80% 80%;
}

.product .introduce .content .describe .contactUs .mainContainer .mainContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 1px solid red;
    font-size: 14px;
    line-height: 1.6;
    color: #444343;
}


/* 联系我们--复用页面 */


/*底部导航*/

.footer {
    width: 90%;
    margin: 2rem auto;
    font-size: 1.4rem;
    background-color: #fff;
    box-shadow: 0 0 4px #ccc;
}

.footer .footerContent {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.footer .footerContent .mechanism {
    margin-left: 2rem;
    box-sizing: border-box;
    border-bottom: 2rem solid #f5f9fa;
    width: 30%;
    border-right: 1px solid #ff9900;
    background: #f5f9fa;
    text-indent: 2em;
}

.footer .footerContent .mechanism h4 {
    box-sizing: border-box;
    border-bottom: 1rem solid #f5f9fa;
    border-top: 1rem solid #f5f9fa;
    font-size: 20px;
    font-weight: 400 !important;
    text-align: left;
}

.footer .footerContent .mechanism ul {
    box-sizing: border-box;
}

.footer .footerContent .works {
    width: 70%;
}

.footer .footerContent .works ul {
    box-sizing: border-box;
    border-top: 2rem solid #fff;
    border-bottom: 4rem solid #fff;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.footer .footerContent .works h3 {
    box-sizing: border-box;
    border-top: 2rem solid #fff;
    border-bottom: 1rem solid #fff;
    text-align: center;
    font-size: 2.4rem;
    font-weight: normal;
    color: #635c51;
}

.footer .footerContent .works .simpLine {
    width: 12rem;
    margin: auto;
    height: 2px;
    background-color: #ff9900;
}

.footer .footerContent .works ul li {
    flex-wrap: wrap;
    width: 25%;
}

.footer .footerContent .mechanism li {
    text-align: left;
}

.footer-content ul li.title {
    font-size: 1.6rem;
    line-height: 3rem;
}

@media only screen and (max-width: 30em) {
    .footer {
        width: 100%;
        margin: 0;
    }
    .footer .works h3 {
        box-sizing: border-box;
        border-top: 2rem solid #fff;
        border-bottom: 1rem solid #fff;
    }
    .footer .works .simpLine {
        height: 2rem;
    }
    .footer .works ul {
        box-sizing: border-box;
        border: 0rem solid #fff;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .footer .footerContent .works {
        width: 100%;
        box-sizing: border-box;
        border-bottom: 2rem solid #fff;
    }
    .footer .footerContent .works ul li {
        width: 50%;
    }
}


/*底部*/

footer {
    width: 100%;
    padding: 3rem 0 5rem;
    background-color: #ededed;
}

footer ul {
    text-align: center;
}

footer ul li {
    display: inline-block;
}

footer ul li .icon {
    display: inline-block;
    text-indent: -999rem;
    margin-right: 1.5rem;
    background: url(../img/cert1.png) no-repeat;
    -o-background-size: 466px 447px;
    background-size: 466px 447px;
    overflow: hidden;
}

footer ul li .icon-zfywk {
    width: 38px;
    height: 27px;
    background-position: -369px -45px;
}

footer ul li .icon-pcirk {
    width: 78px;
    height: 27px;
    background-position: -110px -96px;
}

footer ul li .icon-visayz {
    width: 36px;
    height: 27px;
    background-position: -426px -90px;
}

footer ul li .icon-vsjmfw {
    width: 63px;
    height: 27px;
    margin-right: 13px;
    background-position: -401px -186px;
}

footer ul li .icon-wlgs {
    width: 22px;
    height: 27px;
    background-position: -48px -48px;
}

footer ul li .icon-rzcx {
    width: 75px;
    height: 27px;
    background-position: 0 -320px;
}

footer ul li .icon-gs {
    width: 30px;
    height: 30px;
    margin-right: 0;
    background: url(https://os.alipayobjects.com/rmsportal/lybcjqloSPjMAFg.png) no-repeat;
    -o-background-size: 30px;
    background-size: 30px;
}

footer p {
    text-align: center;
    color: #999;
}


/* 成功案例頁面 
*******************
*******************
*/

.container .headerTitle {
    width: 100%;
    /* height: 8rem; */
    background: #eceaea;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    /* border-top: 0.5rem solid #ccc; */
    padding-bottom: 1.5rem;
}

.container .headerTitle-time {
    font-size: 14px;
}

.container .headerTitle-time span {
    margin-right: 2rem;
}

.container .product .news p {
    text-indent: 2em;
    text-align: justify;
    font-size: 16px;
}

.container .product .news .news-footer {
    box-sizing: border-box;
    border-top: 3rem solid #f5f9fa;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
}

.container .product .news .news-footer a {
    color: #666;
}

.container .product .news .news-footer a:hover {
    color: #ff9900;
}

.container .headerTitle {
    width: 100%;
}

.container .headerTitle h3 {
    width: 100% !important;
    /* height: 8rem; */
    background: #eceaea;
    margin: 0;
    margin-top: 1rem;
    padding: 0;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    /* border-top: 0.5rem solid #ccc; */
}

.newsImg {
    margin: auto;
    text-align: center;
}

@media only screen and (max-width: 30em) {
    .container .headerTitle {
        border-left: 1em solid #eceaea;
        border-right: 1em solid #eceaea;
        box-sizing: border-box;
        font-size: 1.4rem;
        /* height: 8rem; */
        background: #eceaea;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
        /* border-top: 0.5rem solid #ccc; */
        padding-bottom: 1.5rem;
    }
    .container .headerTitle h3 {
        display: block;
        margin-block-start: 20rem;
        padding-left: 10%;
        font-size: 16px;
        line-height: 28px;
        /* height: 8rem; */
        margin: 0;
        margin-top: 1rem;
        padding: 0;
        /* border-top: 0.5rem solid #ccc; */
    }
    .container .headerTitle .headerTitle-time {
        font-size: 12px;
    }
}

@media only screen and (min-width: 50em) {
    .container .ad-news {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .container .ad-news .owl-carousel-news {
        width: 70%;
    }
}


/* 成功案例子頁面 
*******************
*******************
*/

.news_main_hea_bg {
    width: 100%;
    height: 10rem;
    background-color: #327ccd;
}


/* 业务介绍
*******************
*******************
*/


/* 遮罩开始 */

.col {
    position: relative;
}

.col .mask {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(101, 101, 101, 0.6);
    color: #ffffff;
    opacity: 0;
}

.mask h3 {
    text-align: center;
    vertical-align: middle;
}

.col a:hover .mask {
    opacity: 1;
}


/* 遮罩结束 */

.bus_main_hea {
    position: relative;
}

.bus_main_hea_con {
    position: relative;
}

.bus_main_hea_con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.bus_main_hea_con .nav li {
    color: #fff;
}

.bus_main_hea_con .nav li a:hover,
.bus_main_hea_con .nav li a:active {
    color: red;
}

.bus_main_hea_con .nav li:nth-child(1) {
    height: 10rem;
}

.bus_main_hea_con .nav li:nth-child(1) img {
    height: 10rem;
}

.container_bus {
    margin: auto;
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/* 业务介绍子页面
*******************
*******************
*/

.bus_main_hea_bg {
    width: 100%;
    height: 10rem;
    background-color: #5859ec;
}

.tab {
    width: 100%;
    font-size: 16px;
    box-sizing: border-box;
    border-bottom: 5rem solid #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#wrap {
    width: 100%;
    background: #F2F2F2;
}

#tit {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 6rem;
}

#tit span {
    width: 33.333333333%;
    height: 6rem;
    line-height: 6rem;
    font-size: 20px;
    text-align: center;
    color: #000000;
    border-top: 1px solid #CCCCCC;
}

.tabBusiness {
    background: #fff;
    width: 100%;
}

#con {
    box-sizing: border-box;
    border-left: 4rem solid #fff;
    border-right: 4rem solid #fff;
    text-align: justify;
}

#con li {
    display: none;
}

#con {
    text-align: left;
}

#con .header {
    text-align: center;
}

#con .btn2Business .header div:nth-last-child(1) {
    box-sizing: border-box;
    border-bottom: 2.4rem solid #fff;
}

#con .btn2Business .newsContent p {
    text-indent: 2em;
    text-align: justify;
}

#con .header .businessTitle {
    color: #222222;
    box-sizing: border-box;
    border-top: 3rem solid #fff;
    font-size: 24px;
    text-align: center;
    line-height: 1.7;
}

#con .header .businessColumn,
#con .header .businessTime {
    box-sizing: border-box;
    border-left: 1.5rem solid #fff;
    border-right: 1.5rem solid #fff;
    font-size: 18px;
    line-height: 18px;
    color: #999;
}

#con .newsContent .newsContent-in p span {
    font-size: 20px;
    display: block;
    box-sizing: border-box;
    border-top: 2.4rem solid #fff;
}

#tit span.select {
    background: #ff9900;
    color: #d6e9fd;
}

#con li.nesShow {
    display: block;
}

@media only screen and (max-width: 30em) {
    .tab {
        font-size: 14px;
    }
    #con {
        box-sizing: border-box;
        border-left: 0.8rem solid #fff;
        border-right: 0.8rem solid #fff;
        text-align: justify;
    }
    #tit span {
        font-size: 14px;
    }
    #con .header .businessTitle {
        font-weight: 400 !important;
        margin: auto;
        font-size: 18px;
        max-width: 90%;
    }
    #con .header .businessColumn,
    #con .header .businessTime {
        border-left: 0.6rem solid #fff;
        border-right: 0.6rem solid #fff;
        font-size: 14px;
    }
    #con .newsContent .newsContent-in p {
        text-align: justify;
    }
    #con .newsContent .newsContent-in p span {
        font-size: 16px;
    }
}


/* 公司介绍 *************
*************************
*************************/

.aboutUsContent .card {
    margin-bottom: 6rem;
}

.card .col img {}

.card .col-md-4 img {}

.card .row .card-body {
    margin-left: 3rem;
}

.introduce {
    width: 100%;
}

.introduce h3 {
    box-sizing: border-box;
    border-top: 2rem solid #F7F7F8;
    border-bottom: 1rem solid #F7F7F8;
    text-align: center;
    font-size: 2.4rem;
    font-weight: normal;
    color: #635c51;
}

.introduce .describe h4 {
    box-sizing: border-box;
    border: 1rem solid #fff;
    font-weight: bold;
}

.introduce .describe p {
    box-sizing: border-box;
    border: 1rem solid #fff;
    text-align: justify;
}

.introduce .simpLine {
    width: 12rem;
    margin: auto;
    margin-bottom: 2.5rem;
    height: 2px;
    background-color: #ff9900;
}

.introduce .content {
    width: 100%;
    display: flex;
    background-color: #fff;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.introduce .content .describe {
    width: 50%;
    max-width: 800px;
    box-sizing: border-box;
    /* border: #fff; */
    border: #fff 2rem solid;
    background: #fff;
}

.introduce .content .video,
.introduce .content .map {
    width: 50%;
}

.introduce .content .video video {
    max-width: 800px;
    box-sizing: border-box;
    border: #fff 2rem solid;
    height: 100%;
    width: 100%;
    display: block;
}

.introduce .content .describe h4 {
    font-size: 18px;
}

@media only screen and (max-width: 30em) {
    .card .row .card-body {
        margin-left: 0;
    }
}


/* 业务介绍 *************
*************************
*************************/

.product .introduce .content .businessContent {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.product .introduce .content .businessContent .business {
    /* 换行第一行在上面 */
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.product .introduce .content .businessContent .business .businessTitle {
    display: block;
}

.product .introduce .content .businessContent .business .businessTitle span {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}

.product .introduce .content .businessContent .business .businessTitle p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
}

.product .introduce .content .businessContent .businessImg {
    width: 50%;
    box-sizing: border-box;
    border: 1rem solid #fff;
}

.product .introduce .content .businessContent .businessImg img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    border: 0;
}

.product .businessContent .business div {
    box-sizing: border-box;
    border-bottom: 0.8rem solid #fff;
    border-left: 0.8em solid #fff;
    border-right: 1rem solid #fff;
}

@media only screen and (max-width: 30em) {
    .product .introduce .content .businessContent {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .product .introduce .content .businessContent .businessImg {
        width: 100%;
    }
    .product .introduce .content .businessContent .business {
        /* 换行第一行在上面 */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .product .introduce .content .businessContent .business .businessBtn1 {
        box-sizing: border-box;
        border-top: 2rem solid #fff;
    }
}


/* 联系我们 */

.introduce .content .map {
    margin-right: 2rem;
    margin-bottom: -0.5rem;
    min-height: 300px;
    width: 50%;
}

.introduce .content .map iframe {
    width: 100%;
    min-height: 350px;
}

@media only screen and (max-width: 50em) {
    .introduce .content {
        width: 100%;
        display: flex;
        background-color: #fff;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .introduce .content .describe {
        width: 100%;
    }
    .introduce .content .video {
        width: 100%;
    }
    .introduce .content .map {
        width: 100%;
        box-sizing: border-box;
        border: #fff 2rem solid;
    }
}

@media only screen and (max-width: 30em) {
    .product {
        width: 100% !important;
    }
    .introduce .content .map {
        margin: 0 !important;
        padding: 0 !important;
        width: 98%;
        box-sizing: border-box;
        border: #fff 0rem solid;
    }
}


/* 其他分页css样式 */


/* 联系我们分页 */

.contactUs .main {}

.headers {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.OtherH3 {
    color: #444343 !important;
    text-indent: 1em;
    font-size: 24px !important;
    /* height: 8rem !important; */
    line-height: 8rem !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 9rem !important;
    width: 100% !important;
    text-align: left !important;
}

.OtherSimpLine {
    width: 0;
    height: 0;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    border-left: 2rem solid red;
}


/* 公司简介分页 */

.aboutUsContent {
    background: #fff;
    box-sizing: border-box;
    border: 2rem solid #fff;
}

.aboutUsContent .aboutUsTitle {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}

.aboutUsContent .aboutUsRange {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    background: #fff;
    box-sizing: border-box;
    border-top: 2rem solid #fff;
}

.aboutUsContent P {
    font-size: 14px;
    line-height: 2;
    text-align: justify;
}

.aboutUsContent span {
    font-size: 16px;
    line-height: 2.5;
}

@media only screen and (max-width: 30em) {
    .aboutUsContent {
        border-left: 1rem solid #fff;
        border-right: 1rem solid #fff;
    }
}


/*右侧导航*/

.new_right_nav {
    display: block;
    width: 58px;
    height: 273px;
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 99;
}

.new_right_menu {
    display: block;
    width: 170px;
    height: 58px;
    margin-bottom: 10px;
    background-color: #ff3318;
    border-radius: 4px 0 0 4px;
    font-size: 0px;
    color: #fff;
    line-height: 58px;
    position: relative;
    cursor: default;
}

.new_right_menu span {
    display: inline-block;
    float: left;
    width: 28px;
    height: 28px;
    /*margin-left: 12px;*/
    position: absolute;
    left: 12px;
    top: 15px;
    overflow: hidden;
}

.new_right_menu span img {
    display: block;
    width: 100%;
    height: 100%;
}

.new_right_menu_in {
    display: inline-block;
    width: 130px;
    float: right;
    text-align: right;
    font-size: 14px;
    padding-right: 8px;
}


/*.new_right_menu:hover{
	background-color: #9d2932;
}*/

.new_right_menu_ewm {
    display: none;
    width: 128px;
    height: 128px;
    border-radius: 10px;
    background-color: #ff3318;
    padding: 5px;
    position: absolute;
    top: -36px;
    left: -142px;
}

.new_right_menu_ewm img {
    border-radius: 8px;
}

@media only screen and (max-width: 30em) {
    .Lessthan500 {
        display: block;
    }
    .mechanism,
    .Exceed500 {
        display: none;
    }
}

@media only screen and (min-width: 30em) {
    .Exceed500 {
        display: block;
    }
    .Lessthan500 {
        display: none;
    }
}