* {
    padding: 0;
    margin: 0;
}

body {
    /*font-family:"微软雅黑";*/
    font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
    background-color: #fff;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
button,
input,
textarea,
th,
td,
img,
tr,
td,
form,
select,
div,
strong,
span,
s {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 14px;
}

table {
    padding: 0px;
    margin: 0px;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    font-size: 14px;
    font-family: "微软雅黑", "宋体";
}

img {
    display: block;
    margin: auto;
}

a:focus {
    outline: none;
}

input,
select,
textarea {
    outline: none;
}

table {
    border-spacing: 0px;
}

html {
    overflow-x: auto;
}

body {
    min-width: 1200px;
    padding: 90px 0 0 0;
    transition: all 0.5s;
    /*font-family: "微软雅黑", "宋体";*/
    font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

.block {
    width: 1200px;
    margin: auto;
    clear: both;
    height: auto;
}

.block:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}

.middle_box {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    background-color: #fff;
    /*margin-bottom: 115px;*/
}


/*母版页*/


/**头部菜单目录**/

.Master .header .triangle_border_up {
    /*display:none;*/
    width: 0;
    height: 0;
    border-width: 10px 12px;
    border-style: solid;
    border-color: transparent transparent #dbdbdb;
    /*透明 透明  灰*/
    margin: 72px auto;
    position: relative;
    display: none;
}

.Master .header .triangle_border_up span {
    display: block;
    width: 0;
    height: 0;
    border-width: 8px 10px;
    border-style: solid;
    border-color: transparent transparent #f7f7f7;
    /*透明 透明  黄*/
    position: absolute;
    top: -6px;
    left: -10px;
}

.Master .header {
    transition: all 0.5s;
    min-width: 1200px;
    max-width: 1920px;
    width: 100%;
    height: 90px;
    margin: 0 auto;
    position: fixed;
    background: #fff;
    z-index: 1000;
    top: 0;
    left: 0;
    box-shadow: 0px 1px 1px #dbdbdb;
}

.Master .header .logo {
    transition: all 0.5s;
    width: 280px;
    height: 100%;
    margin-left: 30px;
    float: left;
    background: url('../image/logo.png') no-repeat center center;
    background-size: 100% auto;
}

.Master .header .contact {
    transition: all 0.5s;
    line-height: 33px;
    width: 270px;
    height: 33px;
    float: right;
    position: relative;
    margin-top: 33px;
    color: #fe0101;
    font-size: 16px;
    font-weight: 900;
    margin-right: 30px;
}

.Master .header .contact span {
    font-size: 15px;
    padding: 0 0 0 30px;
    float: right;
    width: 67px;
    height: 32px;
    color: #fff;
    line-height: 32px;
    background: url('../image/nav-yuyue.png') no-repeat 10px center #ff0100;
    display: none;
}

.Master .header .nav_list {
    float: right;
    height: 100%;
    position: relative;
    transition: all 0.5s;
}

.Master .header .nav_list li {
    float: left;
    padding-right: 30px;
    height: 100%;
    transition: all 0.5s;
}

.Master .header .nav_list li a {
    transition: all 0.1s;
    color: #000000;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    font-family: "微软雅黑", "宋体";
}

.Master .header .nav_list li a:hover {
    color: #D0101B;
    border-bottom: solid 3px #D0101B;
}

.Master .header .nav_list li.active a {
    color: #D0101B;
    border-bottom: solid 3px #D0101B;
}

.Master.lt1 {
    padding: 80px 0 0 0;
}

.Master.lt1 .header {
    height: 80px;
}

.Master.lt1 .header .logo {
    width: 167px;
    margin-left: 25px;
}

.Master.lt1 .header .contact {
    margin-top: 27px;
    margin-left: 20px;
}

.Master.lt1 .header .nav_list {
    margin-right: 14px;
}

.Master.lt1 .header .nav_list li {
    padding-right: 20px;
}

.Master.lt1 .header .nav_list li a {
    font-size: 15px;
    margin-top: 23px;
}

.Master.lt2 {
    padding: 70px 0 0 0;
}

.Master.lt2 .header {
    height: 70px;
}

.Master.lt2 .header .logo {
    width: 157px;
    margin-left: 20px;
}

.Master.lt2 .header .contact {
    margin-top: 20px;
    margin-left: 15px;
}

.Master.lt2 .header .nav_list {
    margin-right: 13px;
}

.Master.lt2 .header .nav_list li {
    padding-right: 10px;
}

.Master.lt2 .header .nav_list li a {
    font-size: 13px;
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
}

.Master.lt3 {
    padding: 60px 0 0 0;
}

.Master.lt3 .header {
    height: 60px;
}

.Master.lt3 .header .logo {
    width: 147px;
    margin-left: 10px;
}

.Master.lt3 .header .contact {
    margin-top: 15px;
    margin-left: 5px;
}

.Master.lt3 .header .nav_list {
    margin-right: 11px;
}

.Master.lt3 .header .nav_list li {
    padding-right: 6px;
}

.Master.lt3 .header .nav_list li a {
    font-size: 12px;
    margin-top: 18px;
    height: 25px;
    line-height: 25px;
}


/*头部下拉菜单内容*/

.Master .menu_list_box {
    /*min-width:1200px; max-width:1920px;*/
    width: 100%;
    height: 350px;
    margin: 0 auto;
    position: fixed;
    background: #f7f7f7;
    z-index: 1000;
    top: 90px;
    left: 0;
    display: none;
    overflow: hidden;
    /*border:1px solid #dbdbdb;*/
}

.Master .menu_list_box .NVBox {
    min-width: 1000px;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.Master .menu_list_box .NVBox .dom {
    display: none;
    margin-top: 48px;
    margin-left: 30px;
}

.Master .menu_list_box .NVBox .text_lest {
    min-width: 1000px;
    max-width: 1920px;
    width: 100%;
}

.Master .menu_list_box .NVBox .text_lest ul {
    border-right: 1px solid rgb(218, 218, 218);
    float: left;
    height: 269px;
    display: inline-block;
}

.Master .menu_list_box .NVBox .text_lest ul li {
    list-style: none;
    padding: 0 48px 0 20px;
    line-height: 30px;
}

.Master .menu_list_box .NVBox .text_lest ul li a {
    font-size: 12px;
}

.Master .menu_list_box .NVBox.text_lest ul .title {
    color: red;
}

.Master .menu_list_box .NVBox .text_lest ul li a {
    text-decoration: none;
    color: #000000
}

.Master .menu_list_box .NVBox .text_lest ul li a:hover {
    color: red;
}

.Master .menu_list_box .NVBox .img_txt_list .WithFigure {
    margin-top: 4px;
    float: left;
    width: 231px;
    height: 149px;
}

.Master .menu_list_box .NVBox .img_txt_list .TextDescribe {
    float: left;
    font-size: 12px;
    color: #999999;
    line-height: 36px;
    width: 50%;
    padding: 0 50px 0 20px;
}

.Master .menu_list_box .NVBox .img_txt_list .list {
    float: left;
    width: 24%;
}

.Master .menu_list_box .NVBox .img_txt_list .list ul {
    border-left: 1px solid #D9DBDD;
    list-style: none;
    float: left;
    margin: 0 0 0 20px;
    height: 65%;
}

.Master .menu_list_box .NVBox .img_txt_list .list ul li a {
    font-size: 12px;
    padding: 0 20px 0 30px;
    line-height: 30px;
    text-decoration: none;
    color: #000000;
}


/*页面底部结束*/

.Master .fool_box .version_body {
    background-color: #65625d;
}

.Master .fool_box .version_body .version {
    padding: 55px 0 50px 0px;
    width: 1200px;
    margin: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.Master .fool_box .version_body .version ul {
    margin-left: 0px;
    float: left;
    margin-right: 60px;
}

.Master .fool_box .version_body .version ul li {
    list-style: none;
    color: #ffffff;
    line-height: 25px;
    font-size: 15px;
}

.Master .fool_box .version_body .version ul li a {
    font-size: 14px;
}

.Master .fool_box .version_body .version ul li a:hover {
    color: #f62315;
}

.Master .fool_box .version_body .version ul li a {
    text-decoration: none;
    color: #ffffff;
}

.Master .fool_box .version_body .version ul .tab {
    margin: 0 0 15px 0px;
}

.Master .fool_box .version_body .blogroll {
    width: 100%;
    height: 100%;
    background-color: #ececec;
    padding: 15px 0;
    overflow: hidden;
}

.Master .fool_box .version_body .blogroll ul {
    width: 1200px;
    margin: auto;
    padding: 0 27px;
}

.Master .fool_box .version_body .blogroll ul li {
    float: left;
}

.Master .fool_box .version_body .blogroll ul .title {
    padding: 5px 15px;
}

.Master .fool_box .version_body .blogroll ul .list {
    padding: 5px 10px;
}

.Master .fool_box .version_body .blogroll ul li a {
    color: #000;
}

.Master .fool_box .version_body .blogroll ul li a:hover {
    color: red;
}

.Master .fool_box .version_body .end {
    /*height: 140px;*/
    background-color: #d20001;
    margin: 0 auto
}

.Master .fool_box .version_body .end .end_box {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    padding: 27px 0;
    letter-spacing: 1px;
}

.Master .fool_box .version_body .end .end_box .BD {
    float: left;
}

.Master .fool_box .version_body .end .end_box p {
    color: #fff;
    font-size: 14px;
    margin-left: 15px;
    line-height: 32px;
}

.Master .fool_box .version_body .end .end_box p>a {
    color: #fff;
}

.Master .fool_box .version_body .end .end_box .DianHua {
    float: right;
}

.Master .fool_box .version_body .end .end_box .DianHua a {
    font-size: 1.6em;
    color: #fff;
    margin-right: 100px;
}

.Master .fool_box .version_body .end .end_box .rwm {
    width: 81px;
    height: 81px;
    /*background: url('../image/footer-qrcode.png');*/
    background: url('../image/pchVX.png') no-repeat center aliceblue;
    background-size: 92% auto;
    display: inline-block;
    float: right;
    margin-top: -85px;
    margin-left: 50px;
}

.Master .fool_box .Popup {
    width: 610px;
    height: 280px;
    background-color: red;
    opacity: 0.9;
    position: fixed;
    z-index: 999;
    top: 35%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
    overflow: hidden;
}

.Master .fool_box .Popup .middle {
    width: 580px;
    height: 225px;
    border: 1px solid #ffffff;
    top: 50%;
    margin: 0 auto;
    transform: translateY(3.5%);
    color: #ffffff;
    padding: 35px 0 0 0;
    overflow: hidden;
}

.Master .fool_box .Popup .middle .p1 {
    font-size: 18px;
    margin: 0 0 0 46px;
    line-height: 30px;
}

.Master .fool_box .Popup .middle .p2 {
    font-size: 48px;
    margin: 17px 0 0 46px;
}

.Master .fool_box .Popup .middle a {
    height: 33px;
    border: 1px solid #ffffff;
    text-align: center;
    text-decoration: none;
    line-height: 33px;
    padding: 0 20px 0 20px;
    border-radius: 20px;
    display: inline-block;
    margin: 30px 66px 0 0;
}

.Master .fool_box .Popup .middle a:hover {
    cursor: pointer;
    transform: scale(1.1);
}

.Master .fool_box .Popup .middle .consulting {
    background-color: #ffffff;
    color: #f55b0e;
    margin-left: 131px;
}


/*页面右侧漂浮菜单*/

.Master .fool_box .ls_list {
    width: 90px;
    height: 290px;
    position: fixed;
    right: 0;
    margin: 0 auto;
    top: 50%;
    z-index: 999;
    display: none;
}

.Master .fool_box .ls_list a {
    width: 90px;
    height: 95px;
    background-color: #FF0100;
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
}

.Master .fool_box .ls_list a:hover {
    background-color: #000000;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.Master .fool_box .ls_list a:hover {
    cursor: pointer;
    background: -moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5));
}

.Master .fool_box .ls_list a i {
    display: inline-block;
    margin-left: 32px;
    margin-top: 20px;
}

.Master .fool_box .ls_list a .tag_Y {
    background: url('../image/sidebar-yuyue.png');
    width: 30px;
    height: 31%;
}

.Master .fool_box .ls_list a .tag_D {
    background: url('../image/sidebar-dianhua.png');
    width: 26px;
    height: 31%;
}

.Master .fool_box .ls_list a .tag_Z {
    background: url('../image/sidebar-zixun.png');
    width: 30px;
    height: 28.3%;
}

.Master .fool_box .ls_list a p {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    margin-top: 15px;
}

.QQ_zixun_div {
    width: 325px;
    height: 170px;
    position: fixed;
    z-index: 999;
    top: 25%;
    right: 0;
}

.QQ_zixun {
    width: 325px;
    height: 170px;
    display: inline-block;
    border-radius: 5px;
    background: url("../image/clickqq.jpeg")no-repeat center;
}

.x {
    display: inline-block;
    width: 35px;
    height: 30px;
    right: 0;
    position: fixed;
    left: 50;
    margin-left: 352px;
    z-index: 1000;
    top: 25%;
}

.x:hover {
    cursor: pointer;
}


/*广告位*/

.box_skitter .info_slide_dots {
    display: none;
}

.div_ads {
    position: relative;
}

.div_ads .ads_title {
    position: absolute;
    width: 100%;
    bottom: 20px;
}

.div_ads .ads_title .title {
    width: 100%;
    height: 130px;
    padding: 30px 0px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.div_ads .ads_title .title .t1 {
    font-size: 47px;
    height: 86px;
    line-height: 86px;
    color: #fff;
}

.div_ads .ads_title .title .d1 {
    width: 230px;
    color: #fff;
    border: 1px solid #fff;
    height: 43px;
    line-height: 42px;
    margin: 0 auto;
    font-size: 16px;
}

.div_ads .ads_title .title .erp_line {
    width: 500px;
    color: #fff;
    height: 43px;
    line-height: 42px;
    margin: -22px auto;
    font-size: 16px;
}

.div_ads .ads_title .title .erp_line span {
    display: block;
    height: 100%;
    float: left;
}

.div_ads .ads_title .title .erp_line .span1 {
    width: 145px;
    border-top: 1px solid #FFFFFF;
}

.div_ads .ads_title .title .erp_line .span2 {
    width: 210px;
}

.div_ads .ads_title .title .erp_line .span3 {
    width: 145px;
    border-top: 1px solid #FFFFFF;
}


/**首页行业优势**/

.module {
    height: 100%;
    overflow: hidden;
    margin: auto;
}

.module .module_box {
    margin: auto;
    overflow: hidden;
    width: 1200px;
    padding-left: 70px;
    margin-bottom: 50px;
}

.module ul li {
    list-style: none;
    float: left;
    width: 148px;
    height: 210px;
    margin-left: 172px;
}

.module ul li div {
    background: url('../image/index-pic01.png');
    height: 170px;
    width: 100%;
    text-align: center;
    line-height: 170px;
}

.module ul li div a {
    font-size: 40px;
    color: #fff;
    text-decoration: none;
}

.module ul li p {
    font-size: 17px;
    color: #3a3a3a;
    text-align: center;
    margin: 15px 0 0;
}


/*首页新闻中心*/

.news-temp {
    overflow: hidden;
    background: url('../image/indexbg-news.jpg');
    width: 100%;
}

.news-temp .news_box {
    margin: auto;
}

.news-temp .news_box:hover {
    cursor: pointer;
}

.news-temp .news_box {
    width: 1200px;
    margin: auto;
    overflow: hidden;
}

.news-temp .news_box .news_left {
    position: relative;
    width: 600px;
    height: 400px;
    float: left;
    background-color: #ccc3c3;
    background: url('../image/index-banner1.jpg') no-repeat center center;
    background-size: auto 100%;
}

.news-temp .news_box .news_left .bigNewt {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    height: 134px;
    bottom: 0px;
    width: 100%;
}

.news-temp .news_box .news_left .bigNewt .ftitle {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}

.news-temp .news_box .news_left .bigNewt .ftitle .news_titel {
    height: 50px;
    border-bottom: 1px solid #8f8c8b;
    line-height: 60px;
    font-size: 24px;
    padding-bottom: 10px;
    overflow: hidden;
    color: #fef1e2;
}

.news-temp .news_box .news_left .bigNewt .ftitle .desp {
    line-height: 22px;
    margin-top: 8px;
    font-size: 13px;
    color: #fef1e2;
    max-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-temp .news_box .visit news_left .news_titel .desp {
    float: right;
    position: absolute;
}

.news-temp .news_box .news_right {
    float: right;
    height: 400px;
    width: 600px;
    padding-left: 40px;
    box-sizing: border-box;
}

.news-temp .news_box .news_right .reading {
    width: 100%;
    /*padding: 0 0 54px 0;*/
    height: 54px;
    display: table;
    table-layout: fixed;
}

.news-temp .news_box .news_right .reading .title {
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    display: table-cell;
    width: calc(100% - 100px);
    vertical-align: middle;
    line-height: 20px;
    overflow: hidden;
}

.news-temp .news_box .news_right .reading:hover .title {
    color: #eea236;
    text-decoration: underline;
}

.news-temp .news_box .news_right .reading:hover .time {
    color: #eea236;
    text-decoration: underline;
}

.news-temp .news_box .news_right .reading .title .hover_tag {
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #000000;
}

.news-temp .news_box .news_right .reading .introduce {
    font-size: 14px;
    color: #fff;
    margin: 24px 0 0 0;
}

.news-temp .news_box .news_right .reading .time {
    font-size: 14px;
    color: #d4d4d4;
    width: 100px;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.news-temp .outer-more {
    margin: 0 auto;
    padding: 40px 0 30px;
}

.news-temp .outer-more .btn-more {
    width: 140px;
    height: 43px;
    line-height: 43px;
    color: #fff;
    background-position: 0px -250px;
    margin: auto;
    display: block;
    text-align: center;
    background-color: red;
    border-radius: 20px
}


/*首页服务支持*/

.service {
    height: 100%;
    padding: 0 0 30px 0;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
}

.service .service_box {
    margin-top: 40px;
    width: 1200px;
    margin: auto;
    height: 456px;
    overflow: hidden;
}

.service .service_box ul li {
    width: 378px;
    height: 221px;
    float: left;
    list-style: none;
    margin: 2px 8px 2px 8px;
    background-color: #f7f3e8;
    overflow: hidden;
}

.service .service_box ul li:hover .list_box {
    margin-top: -221px;
    transition: 0.3s ease;
}

.service .service_box ul li .list_box {
    width: 378px;
    height: 100%;
    transition: all 0.2s linear;
}

.service .service_box ul li .list_box .on {
    width: 378px;
    height: 221px;
    background-color: #f7f3e8;
}

.service .service_box ul li .list_box .Under {
    width: 376px;
    height: 219px;
    background-color: #ffffff;
    border: 1px solid rgb(16, 142, 233);
}

.service .service_box ul li .list_box .Under .details {
    text-align: center;
    display: inline-block;
    margin: 30px 0 0 23px;
    width: 330px;
    height: 30px;
    background-color: #ffffff;
    border: 1px solid rgb(16, 142, 233);
    text-decoration: none;
    line-height: 30px;
    color: #000000;
    font-size: 12px;
}

.service .service_box ul li .list_box .Under .details:hover {
    box-shadow: 0 0 0 17px #333 inset;
    color: #fff;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.1s ease-out;
}

.service .service_box ul li .on .portrait {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-top: 60px;
    margin-left: 172px;
}

.service .service_box ul li .on .portrait_01 {
    background: url('../image/index-service-pic01.png');
}

.service .service_box ul li .on .portrait_02 {
    background: url('../image/index-service-pic02.png');
}

.service .service_box ul li .on .portrait_03 {
    background: url('../image/index-service-pic03.png');
}

.service .service_box ul li .on .portrait_04 {
    background: url('../image/index-service-pic04.png');
}

.service .service_box ul li .on .portrait_05 {
    background: url('../image/index-service-pic05.png');
}

.service .service_box ul li .on .portrait_06 {
    background: url('../image/index-service-pic06.png');
}

.service .service_box ul li .title {
    text-align: center;
    font-size: 24px;
    color: #333333;
    margin-top: 20px;
}

.service .service_box ul li .txt {
    font-size: 14px;
    color: #999999;
    text-align: center;
    width: 330px;
    line-height: 28px;
    margin: auto;
    margin-top: 15px;
}


/*战略合作*/

.Strategy {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.Strategy .Strategy-list {
    width: 1200px;
    margin: auto;
    height: 100%;
    margin-bottom: 50px;
    overflow: hidden;
}

.Strategy .Strategy-list ul li {
    height: 180px;
    width: 400px;
    margin-top: 60px;
    float: left;
    list-style: none;
    text-align: center;
    overflow: hidden;
    line-height: 180px;
}

.Strategy .Strategy-list ul li a:hover {
    color: red;
}

.Strategy .Strategy-list ul li:hover {
    -webkit-box-shadow: 3px 3px 3px #c8c8c8 inset;
    -moz-box-shadow: 3px 3px 3px red inset;
    box-shadow: 0px 0px 4px red inset;
}

.Strategy .Strategy-list ul li:nth-child(1) {
    background: url("../image/Strategy-list-pic-01.png")no-repeat center top 20px;
}

.Strategy .Strategy-list ul li:nth-child(2) {
    background: url("../image/Strategy-list-pic-02.png")no-repeat center top 20px;
}

.Strategy .Strategy-list ul li:nth-child(3) {
    background: url("../image/Strategy-list-pic-03.png")no-repeat center top 20px;
}

.Strategy .Strategy-list ul li:nth-child(4) {
    background: url("../image/Strategy-list-pic-04.png")no-repeat center top 20px;
}

.Strategy .Strategy-list ul li:nth-child(5) {
    background: url("../image/Strategy-list-pic-05.png")no-repeat center top 20px;
}

.Strategy .Strategy-list ul li .title {
    font-size: 18px;
    color: #323232;
    margin-bottom: 10px;
}

.Strategy .Strategy-list ul li a {
    font-size: 12px;
    color: #999999;
    display: inline-block;
    width: 100%;
}


/**REP**/


/**ERP平台业务系统**/

.AppValue {
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    padding: 0 0 50px 0;
}

.AppValue .AppValueBox {
    width: 1200px;
    height: 100%;
    margin: auto;
    overflow: hidden;
}

.AppValue .AppValueBox .Briefly {
    font-size: 14px;
    line-height: 24px;
    color: #555;
    margin-bottom: 25px;
}

.AppValue .AppValueBox ul li {
    width: 230px;
    height: 337px;
    border: 1px solid #e4e4e4;
    float: left;
    margin-left: 6px;
    margin-bottom: 11px;
    background-color: #f3f3f3;
}


/*.AppValue .AppValueBox ul li:hover{background-color:#e40506;}*/

.AppValue .AppValueBox ul li:nth-child(1) {
    background: url('../image/web/productcenter-ico-001a.png') no-repeat center top 35px #f3f3f3;
}

.AppValue .AppValueBox ul li:nth-child(2) {
    background: url('../image/web/productcenter-ico-002a.png') no-repeat center top 35px #f3f3f3;
}

.AppValue .AppValueBox ul li:nth-child(3) {
    background: url('../image/web/productcenter-ico-003a.png') no-repeat center top 35px #f3f3f3;
}

.AppValue .AppValueBox ul li:nth-child(4) {
    background: url('../image/web/productcenter-ico-004a.png') no-repeat center top 35px #f3f3f3;
}

.AppValue .AppValueBox ul li:nth-child(5) {
    background: url('../image/web/productcenter-ico-005a.png') no-repeat center top 35px #f3f3f3;
}

.AppValue .AppValueBox ul li:nth-child(6) {
    background: url('../image/web/productcenter-ico-001a.png') no-repeat center top 35px #f3f3f3;
}

.AppValue .AppValueBox ul li:nth-child(7) {
    background: url('../image/web/productcenter-ico-002a.png') no-repeat center top 35px #f3f3f3;
}

.AppValue .AppValueBox ul li:nth-child(8) {
    background: url('../image/web/productcenter-ico-003a.png') no-repeat center top 35px #f3f3f3;
}

.AppValue .AppValueBox ul li:nth-child(9) {
    background: url('../image/web/productcenter-ico-004a.png') no-repeat center top 35px #f3f3f3;
}

.AppValue .AppValueBox ul li:nth-child(10) {
    background: url('../image/web/productcenter-ico-005a.png') no-repeat center top 35px #f3f3f3;
}

.AppValue .AppValueBox ul li:hover {
    background-color: #d20001;
    color: #fff;
    transform: rotateY(-360deg);
}

.AppValue .AppValueBox ul li {
    -webkit-transition: All 0.7s ease-in-out;
    -moz-transition: All 0.7s ease-in-out;
    -o-transition: All 0.7s ease-in-out;
    transition: All 0.7s ease-in-out;
}

.AppValue .AppValueBox ul li .title {
    margin-top: 110px;
    text-align: center;
}

.AppValue .AppValueBox ul li .title p {
    font-size: 17px;
    color: #de0a09;
}

.AppValue .AppValueBox ul li:hover p {
    color: #fff;
}

.AppValue .AppValueBox ul li .title i {
    display: inline-block;
    width: 76px;
    height: 2px;
    background-color: #959595;
    margin: auto;
}

.AppValue .AppValueBox ul li a {
    font-size: 12px;
    color: #8b8b8b;
    text-align: center;
    line-height: 24px;
    height: 100%;
    display: inline-block;
    width: 100%;
}

.AppValue .AppValueBox ul li a:hover.AppValue .AppValueBox ul li a p {
    background-color: #e40506;
    color: #fff;
}

.AppValue .AppValueBox ul li p:first-child {
    margin-top: 10px;
}


/**ERP系统构架图**/

.FlowChart {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #d2d2d2;
    padding-bottom: 50px;
}

.FlowChart .Briefly {
    font-size: 12px;
    line-height: 24px;
    color: #555;
    margin-bottom: 25px;
    width: 1200px;
    margin: auto;
}

.FlowChart .Image {
    /*background:url("../image/FlowChart-ico-01.png") no-repeat center center;*/
    width: 1200px;
    height: 100%;
    margin: auto;
    margin-top: 50px;
}

.FlowChart .Image .img {
    margin: auto;
}


/**ERP优势特色**/

.Safety {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    height: 100%;
    padding-bottom: 50px;
}

.Safety .Briefly {
    font-size: 12px;
    line-height: 24px;
    color: #555;
    margin-bottom: 25px;
    width: 1200px;
    margin: auto;
}

.Safety .Shape {
    background: url("../image/web/productcenter-pic-01.png") no-repeat center;
    width: 1200px;
    height: 346px;
    overflow: hidden;
    margin: auto;
}

.Safety .Shape div {
    height: 35px;
    width: 929px;
    margin: auto;
}

.Safety .Shape div:nth-child(1) {
    margin-top: 12px;
}

.Safety .Shape div:nth-child(2) {
    margin-top: 68px;
}

.Safety .Shape div:nth-child(3) {
    margin-top: 68px;
}

.Safety .Shape div:nth-child(4) {
    margin-top: 68px;
}

.Safety .Shape div a {
    width: 167px;
    height: 35px;
    background-color: #a0a0a0;
    display: inline-block;
    float: left;
    text-align: center;
    line-height: 35px;
    color: #fff;
    border-radius: 10px;
}

.Safety .Shape div a:hover {
    background-color: #dd191a;
}

.Safety .Shape div .left {
    float: left;
}

.Safety .Shape div .right {
    float: right;
}


/**核心功能**/

.CoreFun {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.CoreFun .top {
    height: 560px;
    width: 100%;
    overflow: hidden;
    background: url("../image/CoreFun_back.jpg")no-repeat center;
}

.CoreFun .top .CoreTable {
    width: 1200px;
    height: 100%;
    margin: auto;
    background-color: #e6e6e6;
}

.CoreFun .top .CoreTable .tab {
    width: 1200px;
    float: left;
    overflow: hidden;
    position: relative;
}

.CoreFun .top .CoreTable .tab ul .Title {
    width: 217px;
    height: 79px;
    background-color: #5b5b5b;
    border-top: 1px solid #6e6e6e;
    border-bottom: -1px solid #6e6e6e;
    text-align: center;
}

.CoreFun .top .CoreTable .tab ul .Title .atitle {
    line-height: 79px;
    font-size: 17px;
    color: #fff;
}

.CoreFun .top .CoreTable .tab ul .title_active,
.CoreFun .top .CoreTable .tab ul .title_active .atitle {
    background-color: #e03434;
}

.CoreFun .top .CoreTable .tab ul .Title .Title_List {
    position: absolute;
    width: 983px;
    height: 560px;
    background-color: #e03434;
    display: none;
    border-top: 1px solid #6e6e6e;
    margin-left: 108px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.CoreFun .top .CoreTable .tab ul .Title .active {
    display: block;
}

.CoreFun .top .CoreTable .tab ul .Title_List a {
    display: inline-block;
    color: #ffbd0f;
    font-size: 15px;
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 110px;
    padding: 0 55px;
    margin: 20px 0 15px 0;
    background: url("../image/index-solution-pic01.png") no-repeat center top;
    background-size: 40px 40px;
}

.CoreFun .top .CoreTable .tab ul .Title_List a p {
    line-height: 1em;
    padding-top: 3.5em;
}

.CoreFun .top .CoreTable .tab ul li .Title_List a:nth-child(2) {
    background: url("../image/index-solution-pic02.png") no-repeat center top;
    background-size: 40px 40px;
}

.CoreFun .top .CoreTable .tab ul li .Title_List a:nth-child(3) {
    background: url("../image/index-solution-pic03.png") no-repeat center top;
    background-size: 40px 40px;
}

.CoreFun .top .CoreTable .tab ul li .Title_List a:nth-child(4) {
    background: url("../image/index-solution-pic04.png") no-repeat center top;
    background-size: 40px 40px;
}


/**ERP最新签约**/

.Agency {
    padding: 0 0 50px 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url("../image/indexbg-Product.jpg");
}

.Agency .Agency_list {
    width: 1200px;
    margin: auto;
    height: 100%;
    overflow: hidden;
}

.Agency .Agency_list ul li {
    overflow: hidden;
    border: 1px solid #ffffff;
    list-style: none;
    float: left;
    width: 575px;
    height: 100px;
    margin: 0 10px 20px 10px;
}

.Agency .Agency_list ul li .Day {
    display: inline-block;
    width: 85px;
    background-color: #E70012;
    height: 100px;
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    padding: 10px 0 0 0;
}

.Agency .Agency_list ul li .Day .Years {
    font-size: 10px;
    line-height: 30px;
}

.Agency .Agency_list ul li p {
    float: right;
    color: #ffffff;
    line-height: 100px;
    font-size: 18px;
    margin: 0 50px 0 0;
}


/*.typecomparison {width: 100%;height: 100%;overflow: hidden;}
 .typecomparison .typecomparison_box {width: 1200px;height: 100%;margin: auto;}
 .typecomparison .typecomparison_box .left {float: left;width: 220px;height: 100%;}
 .typecomparison .typecomparison_box .left ul li {width: 220px;height: 45px;color: #555555;background-color: #ebebeb;text-align: center;line-height: 45px;margin: 0 0 10px 0;list-style: none;}
 .typecomparison .typecomparison_box .left ul .active {background-color: #e60a0a;color: #ffffff;} 
 .typecomparison .typecomparison_box .right {float: right;background-color: #f7f7f7;width: 965px;overflow: hidden;} 
 .typecomparison .typecomparison_box .right .bottom {width: 100%;overflow: hidden;} 
 .typecomparison .typecomparison_box .right p {font-size: 12px;margin: 20px 20px 10px 20px;color: #555555;}                                                
 .typecomparison .typecomparison_box .right p strong {color: #e03434;}
 .typecomparison .typecomparison_box .right .top {width: 100%;padding: 50px 0 50px 0;}
 .typecomparison .typecomparison_box .right .top ul {float: right;}
 .typecomparison .typecomparison_box .right .top ul li {list-style: none;float: left;height: 16px;color: #555555;font-size: 12px;border-left: 2px solid #555555;padding: 0 10px 0 10px;}
 .typecomparison .typecomparison_box .right .top ul li a {text-decoration: none;color: #555555;}
 .typecomparison .typecomparison_box .right .top ul :first-child {border-left: 0px;}
 .typecomparison .typecomparison_box .top {width: 1200px;margin: auto;height: 150px;overflow: hidden;}
 .typecomparison .typecomparison_box .top p {color: #686868;font-size: 26px;text-align: center;margin: 30px 0 0 0;}
 .typecomparison .typecomparison_box .top .but {margin: 20px 40px 0 0;display: inline-block;float: left;width: 130px;height: 40px;border-radius: 15px;border: 1px solid #dedede;text-align: center;line-height: 40px;text-decoration: none;color: #e03434;}
 .typecomparison .typecomparison_box .top .center {width: 350px;height: 100%;margin: auto;}*/


/*关于我们页面*/

.CoBriefly {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.CoBriefly .CoBrieflyTxt {
    width: 1000px;
    height: 100%;
    margin: auto;
    margin-bottom: 20px;
}

.CoBriefly .CoBrieflyTxt p {
    font-size: 12px;
    line-height: 30px;
    color: #2c2c2c;
    text-indent: 2em;
}

.CoCulture {
    width: 100%;
    height: 600px;
    overflow: hidden;
    background: url('../image/ab1.png') no-repeat center center #3d3938;
    background-size: auto;
    background-size: 100% 100%;
}

.CoCulture .CoCultureBody {
    width: 1200px;
    margin: auto;
    height: 100%;
}

.CoCulture .clsleft {
    float: left;
    width: 60%;
    height: 100%;
    background: url('../image/ab2.png') no-repeat center center;
}

.CoCulture .Culture {
    height: 100%;
    float: right;
    width: calc(40% - 20px);
    padding: 50px 0 0 20px;
    /*margin:50px 20% 0 0 ;*/
    background: url('../image/ab1.png') no-repeat center center;
}

.CoCulture .Culture .title {
    font-size: 33px;
    color: #cb1813;
    margin-bottom: 54px;
}

.CoCulture .Culture p {
    font-size: 27px;
    color: #fff;
    line-height: 72px;
    overflow: hidden;
}


/*新闻中心*/

.NewsCenter {
    width: 1200px;
    height: 100%;
    margin: auto;
    overflow: hidden;
    padding: 0 0 30px 0;
}


/*数据列表*/

.data-list .Current {
    width: 1200px;
    height: 100%;
    margin: auto;
    padding: 0 0 30px 0;
}

.data-list .Current:after {
    content: ".";
    color: white;
    height: 0;
}

.data-list .Current .list-item {
    width: 50%;
    height: 250px;
    float: left;
    overflow: hidden;
    padding: 40px 0 40px 0;
    border-bottom: 1px solid #a0a0a0;
    position: relative;
    overflow: hidden;
}

.data-list .Current .list-item>a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}

.data-list .Current .newcbody {
    position: absolute;
    transition: all 0.5s;
    left: 0;
    width: 100%;
    height: 260px;
    background-color: white;
}

.data-list .Current .list-item div {
    float: left;
    overflow: hidden;
}

.data-list .Current .list-item .Time {
    width: 20%;
    height: 100%;
    color: #858585;
    font-size: 12px;
    line-height: 30px;
}

.data-list .Current .list-item .Time .Icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/Resource../image/time.png");
}

.data-list .Current .list-item .item-title {
    width: 70%;
    height: 100%;
    color: #2b2b2b;
}

.data-list .Current .list-item .item-title a {
    text-decoration: none;
    color: #000000;
    font-size: 24px;
    display: inline-block;
}

.data-list .Current .list-item .item-title .title {
    font-size: 24px;
}

.data-list .Current .list-item .item-title .Details {
    font-size: 12px;
    color: #595959;
    line-height: 25px;
    margin: 20px 0 0 0;
}

.data-list .Current .list-item img {
    position: absolute;
    transition: all 0.5s;
    max-width: 100%;
    left: -100%;
    height: 100%;
}

.data-list .Current .list-item:hover img {
    left: 0;
}

.data-list .Current .list-item:hover .newcbody {
    left: 100%;
}

.data-list .Current .list-item.noimg:hover .newcbody {
    left: 0;
}

.data-list .Paging {
    width: 1200px;
    height: 100%;
    overflow: hidden;
    font-size: 12px;
    padding: 3% 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.data-list .Paging .Total {
    float: left;
    margin: 0 20px 0 0;
}

.data-list .Paging .Total .TotalPages {
    color: #ff0000;
    line-height: 30px;
}

.data-list .Paging .hmoe {
    float: left;
    line-height: 30px;
}

.data-list .Paging .PageControl {
    float: left;
}

.data-list .Paging .PageControl .Pagebut {
    float: left;
}

.data-list .Paging .PageControl .Pagebut .active {
    background-color: #ff0000;
    color: #ffffff;
}

.data-list .Paging .PageControl .Pagebut .active a {
    color: #ffffff;
}

.data-list .Paging .PageControl span,
.Go {
    float: left;
    width: 33px;
    height: 33px;
    display: inline-block;
    border-radius: 50%;
    background-color: #ececec;
    margin: 0 3px 0 3px;
    text-align: center;
    line-height: 33px;
    color: #ff0000;
}

.data-list .Paging .PageControl span:hover {
    cursor: pointer;
    background-color: #ff0000;
    color: #ffffff;
}

.data-list .Paging .PageControl .prev {
    margin: 0 20px 0 20px;
}

.data-list .Paging .PageControl .next {
    float: right;
    margin: 0 20px 0 20px;
}

.data-list .Paging .Last {
    float: left;
    line-height: 30px;
}

.data-list .Paging .CurrentPages {
    float: left;
    margin: 0 20px 0 30px;
    line-height: 30px;
}

.data-list .Paging .CurrentPages div {
    float: right;
    color: #ff0000;
}

.data-list .Paging .Input {
    float: left;
}

.data-list .Paging .Input input {
    float: left;
    width: 30px;
    height: 20px;
    border: 1px solid #d3d3d3;
    margin-top: 5px;
}

.data-list .Paging .Input .Go {
    background-color: #ff0000;
    margin: 0 0 0 30px;
    color: #ffffff;
    cursor: pointer;
}


/*html内容模板*/

.Data-Content {
    width: 1200px;
    height: 100%;
    overflow: hidden;
    margin: auto;
}

.Data-Content .Path {
    padding: 30px 0 30px 0;
    color: #888888;
    font-size: 12px;
}

.Data-Content .Path a {
    color: red;
    padding: 0 10px;
}

.Data-Content .Content-title {
    text-align: center;
    margin: 30px 0 10px 0;
    color: gray;
}

.Data-Content .Content-title .title {
    font-size: 28px;
    color: #000000;
    padding: 0 0 30px 0;
}

.Data-Content .Content-title .title p {}

.Data-Content .Content-Graphic {
    border-bottom: 1px solid #a0a0a0;
    border-top: 1px solid #a0a0a0;
    padding: 0;
    width: 1200px;
    margin-bottom: 50px;
    padding: 30px 0 30px 0;
}

.Data-Content .Content-Graphic .imges {
    margin: auto;
    max-width: 100%;
}

.Data-Content .Content-Graphic .content {
    padding-top: 30px;
    color: #757575;
    font-size: 14px;
    line-height: 30px;
}

.Data-Content .Content-Graphic p {
    text-indent: 2em;
    font-size: 14px;
    line-height: 30px;
}

.Data-Content .Paging {
    text-align: center;
    padding: 0 0 70px 0;
}

.Data-Content .Paging a {
    text-decoration: none;
    color: #b12822;
    font-size: 14px;
}

.Data-Content .Paging .prev {
    margin-left: -30px;
}

.Data-Content .Paging .next {
    margin-left: 30px;
}


/*视频播放模板*/

.Video {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../image/vbg.png') no-repeat center center;
    background-size: 100% 100%;
}

.Video .Player {
    width: 1200px;
    margin: auto;
    height: 500px;
}

.Video .Player video {
    width: 100%;
    height: 500px;
    background-color: #000;
    margin: auto;
}

.Video .radio-more {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 30px auto;
}

.Video .radio-more li {
    display: inline-block;
    width: 18%;
    text-align: center;
    margin: 10px 0;
    opacity: .3;
    cursor: pointer;
    transition: all 0.5s linear;
}

.Video .radio-more li video {
    width: 100%;
    height: 100%;
}

.Video .radio-more li>div {
    display: inline-block;
    vertical-align: top;
    height: 72px;
    margin-top: 10px;
}

.Video .radio-more li:hover {
    opacity: 1;
}

.Video .radio-more li.active {
    opacity: 1;
}

.Video .radio-more .item-text {
    width: 100%;
}


/*.Product {width:100%; height:100%; overflow:hidden;}
.Product .Product-list{width:1200px;  margin:auto; overflow:hidden; margin-top:120px;}
.Product .Product-list ul li{float:left; list-style:none; width:280px; height:373px; background-color:#e6e6e6; margin-left:15px; background:url(../image/index-service-pic01.png) no-repeat center top 62px #e6e6e6;}
.Product .Product-list ul li:nth-child(2){ background:url(../image/index-service-pic02.png) no-repeat center top 62px #e6e6e6;}
.Product .Product-list ul li:nth-child(3){ background:url(../image/index-service-pic03.png) no-repeat center top 62px #e6e6e6;}
.Product .Product-list ul li:nth-child(4){ background:url(../image/index-service-pic04.png) no-repeat center top 62px #e6e6e6;}
.Product .Product-list ul li .title {font-size:14px; color:#000000; text-align:center; width:218px; border-bottom:1px solid #a2a2a2; height:36px; margin:auto; margin-top:132px;}
.Product .Product-list ul li .Describe{font-size:14px; color:#a5a5a5; width:204px; margin:auto;line-height:24px; overflow:hidden; margin-top:28px;}*/


/*.banner_img {width: 100%;height: 256px;margin-top: 100px;overflow: hidden;}*/


/*系统简介*/

.Overview {
    width: 100%;
}

.Overview .Overview_txt {
    width: 1180px;
    overflow: hidden;
    margin: auto;
    color: #8b8b8b;
    font-size: 12px;
    line-height: 24px;
    padding: 0 0 50px 0;
}

.Overview .Overview_txt p:first-child {
    margin-bottom: 22px;
}

.Overview .Overview_txt strong {
    color: #f20909;
    line-height: 30px;
}

.Overview {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.Overview .txt {
    width: 1200px;
    height: 100%;
    margin: auto;
    overflow: hidden;
    padding: 0 0 50px 0;
}

.Overview .txt span {
    display: inline-block;
    width: 93px;
    height: 93px;
    background: url("../image/XX.png");
    float: left;
}

.Overview .txt p {
    font-size: 14px;
    line-height: 27px;
    padding: 0 50px 0 150px;
    color: #545454;
}


/*.title_box_new {width: 100%;height: 134px;margin: auto;color: #f20909;padding: 0 0 30px 0;}
.title_box_new .box i {background-image: url('../image/index-titlepic.png');display: inline-block;width: 200px;height: 100px;float: left;}
.title_box_new .box .right {float: right;}
.title_box_new .box .Chinese {font-size: 36px;text-align: center;}
.title_box_new .English {font-size: 18px;margin: 14px 0 0 0;text-align: center;color: #6d6d6d;}*/


/*方案架构*/

.Architecture {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #310e24;
}

.Architecture .temp_lists {
    width: 1200px;
    height: 100%;
    overflow: hidden;
    margin: auto;
    margin-bottom: 50px;
}

.Architecture .temp_lists ul li {
    width: 180px;
    height: 215px;
    background-color: #ffffff;
    border-radius: 5px;
    float: left;
    list-style: none;
    margin: 0 10px 0 10px;
}

.Architecture .temp_lists ul li i {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 20px 0 0 70px;
    background: url("/Resource../image/web/productcenter-ico-001a.png");
}

.Architecture .temp_lists ul li span {
    color: red;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.Architecture .temp_lists ul li a {
    display: inline-block;
    width: 80px;
    border: 1px solid #CA1412;
    margin-left: 50px;
}

.Architecture .temp_lists ul li p {
    color: #545454;
    font-size: 12px;
    line-height: 30px;
    padding: 0 15px 0 15px;
}

.Architecture .ToolBar {
    width: 1200px;
    height: 100px;
    margin: auto;
    text-align: center;
    margin-bottom: 50px;
}

.Architecture .ToolBar strong {
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    color: #ffffff;
}

.Architecture .ToolBar .BarLists {
    height: 45px;
    width: 100%;
    margin: 25px 0 0 0;
}

.Architecture .ToolBar .Blue {
    background-color: #81b7e6;
}

.Architecture .ToolBar .Copper {
    background-color: #ed9c4b;
}

.Architecture .ToolBar .BarLists ul {
    padding: 0 0 0 100px;
}

.Architecture .ToolBar .BarLists ul li {
    float: left;
    list-style: none;
    padding: 0 40px 0 40px;
    line-height: 15px;
    border-left: 2px solid #4b6178;
    font-size: 14px;
    height: 15px;
    margin: 15px 0 0 0;
}

.Architecture .ToolBar .BarLists ul li:first-child {
    border: 0px solid;
}


/*方案价值*/

.SchemeValue {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.SchemeValue .Value {
    width: 1200px;
    height: 100%;
    margin: auto;
}

l .SchemeValue .Value .tab-title {
    height: 35px;
    width: 100%;
}

.SchemeValue .Value .tab-title ul li {
    width: 198px;
    height: 35px;
    background-color: #d8d8d8;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #535353;
    margin-left: 2px;
    list-style: none;
    float: left;
}

.SchemeValue .Value .tab-title ul .active {
    background-color: #e60a0a;
    color: #ffffff;
}

.SchemeValue .Value .Box {
    width: 1200px;
    background-color: #efefef;
    height: 320px;
    margin-bottom: 50px;
}

.SchemeValue .Value .Box .tab-Content {
    padding: 70px 30px 50px 30px;
}

.SchemeValue .Value .Box .tab-Content ul {
    border-bottom: 1px solid #c8c8c8;
    padding: 0 0 30px 0;
    display: inline-block;
    width: 1140px;
}

.SchemeValue .Value .Box .tab-Content ul li {
    float: left;
    list-style: none;
    margin: 0 50px 0 50px;
}

.SchemeValue .Value .Box .tab-Content ul li i {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../image/web/products-pic-01.png");
    margin: 0 0 20px 0;
}

.SchemeValue .Value .Box .tab-Content ul li p {
    color: red;
    text-align: center;
}

.SchemeValue .Value .Box .tab-Content .text {
    text-align: center;
    color: #4e4e4e;
    font-size: 14px;
    line-height: 30px;
    padding: 10px 0 0 0;
}


/*相关方案*/

.Related {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.Related .back {
    background-color: #e9e9e9;
    padding: 0 0 50px 0;
}

.Related .back .lists {
    width: 1200px;
    height: 100%;
    overflow: hidden;
    margin: auto;
}

.Related .back .lists ul li {
    width: 375px;
    height: 145px;
    float: left;
    list-style: none;
    margin: 0 6px 0 6px;
    background-color: #ffffff;
}

.Related .back .lists ul li i {
    margin: 38px 0 0 20px;
    float: left;
    display: inline-block;
    width: 68px;
    height: 68px;
    background: url("../image/XX-pic-01.png");
}

.Related .back .lists ul li span {
    float: left;
    font-size: 18px;
    margin: 30px 0 0 20px;
    line-height: 50px;
}

.Related .back .lists ul li p {
    float: left;
    margin-left: 20px;
}

.Related .call {
    text-align: center;
    padding: 50px 0 50px 0;
}

.Related .call span {
    font-size: 14px;
    display: inline-block;
}

.Related .call a {
    margin: 0 0 0 10px;
    color: red;
    font-size: 24px;
    line-height: 10px;
}


/*行业Erp*/

.Business {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url("../image/red.jpg") no-repeat center;
    background-size: 100% 780px;
}

.Business .Business_Diverse {
    width: 1200px;
    height: 100%;
    margin: auto;
    overflow: hidden
}

.Business .Business_Diverse ul {
    padding: 0 0 0 30px;
}

.Business .Business_Diverse ul li {
    list-style: none;
    float: left;
    margin: 0 25px 100px 25px;
    width: 140px;
    height: 180px;
}

.Business .Business_Diverse ul li i {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #ffffff;
    /*background:url("../image/Industry-list-01.png")no-repeat center center #fff;*/
    display: inline-block;
}

.Business .Business_Diverse ul li i:nth-child(1) {
    background: url("../image/Industry-list-01.png")no-repeat center center #fff;
}

.Business .Business_Diverse ul li i:nth-child(2) {
    background: url("../image/Industry-list-02.png")no-repeat center center #fff;
}

.Business .Business_Diverse ul li i:nth-child(3) {
    background: url("../image/Industry-list-03.png")no-repeat center center #fff;
}

.Business .Business_Diverse ul li i:nth-child(4) {
    background: url("../image/Industry-list-04.png")no-repeat center center #fff;
}

.Business .Business_Diverse ul li i:nth-child(5) {
    background: url("../image/Industry-list-05.png")no-repeat center center #fff;
}

.Business .Business_Diverse ul li a {
    display: inline-block;
}

.Business .Business_Diverse ul li p {
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
}

.Business .Business_Diverse ul li:hover i {
    transform: rotateX(360deg);
    transform-style: preserve-3d;
}

.Business .Business_Diverse ul li i {
    transition: all 0.8s ease-in-out;
}


/*按行业*/

.Industry {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.Industry .Industry_Diverse {
    width: 1202px;
    height: 100%;
    margin: auto;
    overflow: hidden;
}

.Industry .Industry_Diverse ul {
    display: inline-block;
    padding: 0 0 30px 0;
}

.Industry .Industry_Diverse ul li {
    width: 190px;
    height: 300px;
    background-color: #f7f7f7;
    list-style: none;
    float: left;
    margin: 0 5px 0 5px;
}

.Industry .Industry_Diverse ul li p {
    text-align: center;
    line-height: 30px;
    color: #585858;
}

.Industry .Industry_Diverse ul li:hover img {
    transform: rotateY(360deg);
    transform-style: preserve-3d;
}

.Industry .Industry_Diverse ul li img {
    transition: all 0.8s ease-in-out;
}


/*按规模,移动端*/

.Scale {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #513c3b;
}

.public_Same {
    width: 1200px;
    height: 100%;
    margin: auto;
}

.public_Same ul {
    display: inline-block;
    padding: 0 0 30px 0;
}

.public_Same ul li {
    width: 380px;
    height: 305px;
    background-color: #f7f7f7;
    list-style: none;
    float: left;
    margin: 0 10px 0 10px;
}

.public_Same ul li div {
    width: 100%;
    height: 243px;
    background-color: #d31a18;
    text-align: center;
}

.public_Same ul li div img {
    margin: 70px 0 0 0px;
    display: inline-block;
}

.public_Same ul li span {
    text-align: center;
    color: #ffffff;
    font-weight: 900;
    display: inline-block;
    width: 100%;
}

.public_Same ul li p {
    font-size: 12px;
    color: #868686;
    padding: 0 0 0 10px;
    line-height: 20px;
}

.MovingEnd_Diverse ul li div {
    height: 210px;
}

.MovingEnd_Diverse ul li span {
    color: #d31a18;
    margin: 15px 0 10px 0;
}


/*企业ERP*/

.FreeTrial {
    width: 1200px;
    height: 100%;
    margin: auto;
    overflow: hidden;
}

.FreeTrial .title .Describe {
    font-size: 14px;
}

.FreeTrial .PC-APP .name {
    font-size: 26px;
    margin: 20px 0 15px 15px;
}

.FreeTrial .PC-APP {}

.FreeTrial .PC-APP .PC {
    width: 700px;
    width: 100%;
    float: left;
    overflow: hidden;
    height: 100%;
}

.FreeTrial .PC-APP .PC .PC_System {
    border-top: 1px solid #D13B3D;
    padding: 10px 0 70px 0;
    overflow: hidden;
}

.FreeTrial .PC-APP .PC .PC_System ul li {
    width: 300px;
    height: 35px;
    list-style: none;
    float: left;
    overflow: hidden;
    margin: 15px 40px 0px 10px;
}

.FreeTrial .PC-APP .PC .PC_System ul li:hover {
    background-color: #ec302f;
    color: #ffffff;
}

.FreeTrial .PC-APP .PC .PC_System ul li i {
    margin: 17px 10px 0 15px;
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #c01406;
    float: left;
}

.FreeTrial .PC-APP .PC .PC_System ul li p {
    font-size: 14px;
    line-height: 37px;
    float: left;
}

.FreeTrial .PC-APP .PC .PC_System ul li a {
    float: right;
    display: inline-block;
    width: 90px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #7c2b31;
    background-color: #eedae3;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    margin: 5px 5px 0 0;
}

.FreeTrial .PC-APP .APP {
    display: none;
    width: 360px;
    float: right;
    overflow: hidden;
    height: 100%;
}

.FreeTrial .PC-APP .APP .EWM {
    border-top: 1px solid #D13B3D;
    padding: 10px 0 70px 0;
    overflow: hidden;
}

.FreeTrial .PC-APP .APP .EWM div {
    text-align: center;
    font-size: 12px;
    color: #535353;
    padding: 15px 0 0 0;
}


/*预约演示*/

.Show {
    width: 100%;
    height: 100%;
    background: url("../image/Show_back.jpg")no-repeat center;
    overflow: hidden;
    padding-bottom: 80px;
    background-size: 100% 100%;
}

.Show .ShowLists {
    width: 1200px;
    margin: auto;
    overflow: hidden;
}

.Show .ShowLists ul li {
    float: left;
    list-style: none;
    text-align: center;
    margin-left: 0;
    margin-right: 10px;
    color: #ffffff;
    overflow: hidden;
    width: 382px;
}

.Show .ShowLists ul li img {
    cursor: pointer;
    transition: all 0.6s;
    height: 280px;
}

.Show .ShowLists ul li img:hover {
    transform: scale(1.1);
}

.Show .ShowLists ul li a {
    line-height: 38px;
    height: 38px;
    border: 1px solid #ffffff;
    margin-top: 20px;
    font-weight: 800;
    display: inline-block;
    text-decoration: none;
    width: 378px;
    color: #fff;
}

.Show .ShowLists ul li p {
    font-size: 14px;
    line-height: 30px;
}


/*热门文档*/

.File {
    width: 1200px;
    overflow: hidden;
    margin: auto;
    padding: 0 0 50px 0;
}

.File .FileLists ul li {
    margin: 0 45px 0 0;
    float: left;
    list-style: none;
    width: 555px;
    padding: 15px 0 15px 0;
    border-bottom: 1px dashed #dddddd;
}

.File .FileLists ul li i {
    width: 4px;
    height: 4px;
    background-color: #c01406;
    float: left;
    margin: 8px 10px 0 0;
}

.File .FileLists ul li p {
    float: left;
    font-size: 14px;
    margin: 0 145px 0 0;
}

.File .FileLists ul li a {
    color: #535353;
    font-size: 14px;
    float: right;
    text-decoration: none;
    margin: 0 15px 0 15px;
}


/*增值体验*/

.Experience {
    width: 1200px;
    overflow: hidden;
    margin: auto;
    padding-bottom: 100px;
}

.Experience ul li {
    text-align: center;
    width: 85px;
    font-size: 14px;
    color: #535353;
    float: left;
    list-style: none;
    margin-left: 0;
    margin-right: 35px;
}

.Experience ul li div {
    width: 85px;
    height: 85px;
    background-color: #e5e5e5;
    border-radius: 50%;
}

.Experience ul li div i {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../image/web/products-pic-02.png");
    margin: 22px 0 0 0;
}


/*产品概述*/

.Cooperation {
    width: 1275px;
    margin: auto;
    height: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.Cooperation ul li {
    list-style: none;
    float: left;
    width: 255px;
    height: 350px;
    color: #989898;
}

.Cooperation ul li:hover {
    background-color: #ececec;
    color: #000;
}

.Cooperation ul li div {
    width: 147px;
    height: 170px;
    background: url("../image/index-pic01.png");
    margin: auto;
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    line-height: 170px;
    margin-top: 50px;
}

.Cooperation ul li p {
    text-align: center;
    line-height: 30px;
}


/*合作体系*/

.Process {
    width: 100%;
    height: 1060px;
    overflow: hidden;
    background-color: #423D3a;
}

.Process .ProcessImage {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: auto;
    background: url(../image/Strategy-pic-01.png) no-repeat center top;
}


/*合作要求*/

.Conditions {
    width: 1200px;
    height: 100%;
    overflow: hidden;
    margin: auto;
    padding: 0 0 50px 0;
}

.Conditions ul {
    padding: 50px 0;
}

.Conditions ul li {
    list-style: none;
    float: left;
    width: 320px;
    height: 160px;
    margin: 0 10px;
    border: 1px solid #ececec;
    overflow: hidden;
    padding: 0 20px;
}

.Conditions ul li div {
    width: 75px;
    height: 75px;
    background: url("../image/catefroy.png")no-repeat;
    float: left;
    margin-top: 42px;
}

.Conditions ul li .back-01 {
    background-position: 0px -840px;
}

.Conditions ul li .back-02 {
    background-position: 0px -999px;
}

.Conditions ul li .back-03 {
    background-position: 0px -1161px;
}


/*.Conditions ul li:hover div {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.Conditions ul li {-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;transition: All 0.4s ease-in-out;}*/

.Conditions ul li p {
    font-size: 12px;
}

.Conditions ul li .title {
    margin-top: 41px;
    line-height: 35px;
    font-size: 17px;
}

.Conditions ul li:hover {
    background-color: #d10d1e;
    color: #fff;
}

.Conditions ul li:hover+.Conditions ul li .back-01 {
    background-position: 0px -926px;
}


/*合作申请*/

.Application {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #312b2b;
    padding-bottom: 100px;
}

.Application .FormFill {
    width: 1200px;
    background-color: #ffffff;
    height: 100%;
    padding-bottom: 100px;
    margin: auto;
}

.Application .FormFill .Tips {
    background-color: #d5393a;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding: 0 0 0 15px;
    color: #ffffff;
}

.Application .FormFill .Form {
    overflow: hidden;
}

.Application .FormFill .Form .Fill {
    float: left;
    overflow: hidden;
    width: 46%;
    padding: 30px 0 50px 35px;
}

.Application .FormFill .Form .Fill p {
    font-weight: 900;
}

.Application .FormFill .Form .Fill div {
    margin: 20px 0 0 0;
}

.Application .FormFill .Form .Fill div input {
    width: 480px;
    height: 35px;
    border: 1px solid #c1c1c1;
    padding: 0 0 0 10px;
    background-color: #fff;
}

.Application .FormFill .Form .Fill div input::-webkit-input-placeholder {
    text-indent: 2em;
}

.Application .FormFill .Form .Fill div a {
    font-style: inherit;
    color: red;
}

.Application .FormFill .Form .Radio {
    width: 1200px;
    height: 100%;
    margin: 30px 0 0 35px;
}

.Application .FormFill .Form .Radio p {
    font-weight: 900;
}

.Application .FormFill .Form .Radio .RadioLists ul {
    float: left;
    font-size: 14px;
}

.Application .FormFill .Form .Radio .RadioLists a {
    float: left;
    font-size: 14px;
    line-height: 60px;
}

.Application .FormFill .Form .Radio .RadioLists ul li {
    list-style: none;
    float: left;
    margin-left: 10px;
    margin-right: 25px;
    float: left;
    line-height: 65px;
}

.Application .FormFill .Form .Radio .RadioLists ul li input {
    margin-right: 10px;
}

.Application .FormFill .Form .submit {
    width: 320px;
    height: 45px;
    color: #ffffff;
    background-color: #e87272;
    text-align: center;
    line-height: 45px;
    border: 0px;
    margin: auto;
    margin: 50px 0 100px 0;
    margin-left: 440px;
}

.Application .FormFill .Form .submit:hover {
    cursor: pointer;
}


/*智能中心*/

.System {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.System .System_Describe {
    width: 1200px;
    height: 100%;
    margin: auto;
    padding: 0 0 50px 0;
}

.System .System_Describe .APP_Describe {
    width: 1200px;
    padding: 15px 20px 20px 20px;
    background-color: #f2f2f2;
    border-radius: 10px;
    font-size: 14px;
    color: #535353;
    line-height: 25px;
}

.System .System_Describe p {
    font-size: 14px;
    color: #535353;
    line-height: 30px;
}

.System .System_Describe p strong {
    color: #ff0000;
}

.Get-in-touch {
    width: 1180px;
    height: 65px;
    background-color: #f2f2f2;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 100px;
    text-align: center;
    line-height: 65px;
}

.Get-in-touch .left {
    float: left;
    width: 385px;
    background-color: #e60a0a;
    color: #f2f2f2;
    font-size: 26px;
}

.Get-in-touch .right {
    float: left;
    width: 795px;
    color: #e60a0a;
    font-size: 22px;
}

.Get-in-touch .right span {
    font-size: 14px;
    color: #535353;
    margin: 0 10px 0 0;
    line-height: 10px;
}


/*服务中心*/

.Professional .lists {
    padding: 0 0 50px 0px;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.Professional .lists ul {
    overflow: hidden;
}

.Professional .lists ul li {
    width: 220px;
    height: 260px;
    background-color: #e0e0e0;
    margin-right: 0;
    margin-left: 15px;
    float: left;
    list-style: none;
    padding: 0 30px 0 30px;
    overflow: hidden;
    font-size: 12px;
    color: #a6a6a6;
    line-height: 30px;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    transition: All 0.3s ease-in-out;
}

.Professional .lists ul li:hover {
    margin-top: -20px;
}

.Professional .lists ul li .title {
    border-bottom: 1px solid #9f9f9f;
    margin: auto;
    text-align: center;
    font-size: 18px;
    padding: 0 0 10px 0;
    color: #000000;
}

.Professional .lists ul li .title .pic {
    display: inline-block;
    width: 24px;
    height: 26px;
    background: url("../image/index-service-pic01.png") no-repeat center;
    margin: 40px 0 0 0;
    background-size: 24px 26px;
}


/*服务优势*/

.Service_Advantage {
    background-color: #b31d1e;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.Service_Advantage .lists {
    padding: 0 0 100px 0px;
    width: 1200px;
    margin: auto;
}

.Service_Advantage .lists ul {
    overflow: hidden;
}

.Service_Advantage .lists ul li {
    width: 210px;
    height: 100%;
    float: left;
    list-style: none;
    margin-right: 0px;
    margin-left: 70px;
    text-align: center;
}

.Service_Advantage .lists ul li div {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    text-align: center;
    line-height: 210px;
    font-size: 30px;
    color: #ffffff;
    float: left;
    list-style: none;
    background-color: #7a90a8;
}

.Service_Advantage .lists ul li p {
    font-size: 12px;
    color: #ffffff;
    line-height: 70px;
}


/*常见问题*/

.Problems {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

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

.Problems .lists ul {
    overflow: hidden;
}

.Problems .lists ul .li {
    width: 590px;
    height: 250px;
    background-color: #eef2f6;
    float: left;
    /*margin: 0 0 2px 2px;*/
    overflow: hidden;
}

.Problems .lists ul .back_2 {
    background-color: #dde6ee;
}

.Problems .lists ul .back_3 {
    background-color: #dde6ee;
}

.Problems .lists ul .li:nth-child(1) .left div {
    background-position: 18px -545px;
}

.Problems .lists ul .li:nth-child(2) .left div {}

.Problems .lists ul .li:nth-child(3) .left div {
    background-position: 22px -1028px;
}

.Problems .lists ul .li:nth-child(4) .left div {
    background-position: 24px -1350px;
}

.Problems .lists ul .li .left {
    float: left;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.Problems .lists ul .li .left div {
    width: 220px;
    height: 270px;
    /*background-color:#ffffff;*/
    background: url("../image/servise.png")no-repeat center;
    border-radius: 50%;
    margin: 20px 0 0 23%;
}

.Problems .lists ul .li .left p {
    text-align: center;
    line-height: 50px;
    margin-top: -111px
}

.Problems .lists ul .li .right {
    float: left;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.Problems .lists ul .li .right ul {
    padding: 30px 0 0 40px;
}

.Problems .lists ul .li .right ul li {
    list-style-type: disc;
    color: #373737;
    font-size: 14px;
    line-height: 30px;
    list-style: none;
}

.Problems .lists ul .li .right ul li a {
    color: #000;
    font-size: 14px;
}


/*服务监督*/

.ServiceSupervision {
    font-size: 18px;
    font-weight: 800;
    color: #b31d1e;
    text-align: center;
    width: 100%;
    height: 100px;
    line-height: 100px;
}


/*（除首页）所有页面横幅图片*/


/*.public_banner{height:100%;width:100%; position:relative;   overflow:hidden;  margin:auto; margin-top:50px;}
.public_banner img{display:block; margin:auto; width:100%}
.public_banner .banner_txt{position:relative; width:1200px; float:left; text-align:center; margin:auto;  left:1%; margin-top:-205px;}
.public_banner .banner_txt .Big{font-size:50px; color:#fff;}
.public_banner .banner_txt .Small{font-size:16px; color:#fff;}*/


/*特殊及优点模板*/

.Special {
    background-color: #d2d2d2;
    padding-bottom: 50px;
}

.public_Special {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.public_Special .Special_list {
    width: 1178px;
    height: 100%;
    margin: auto;
    overflow: hidden;
}

.public_Special .Special_list ul li {
    list-style: none;
    float: left;
    width: 230px;
    height: 338px;
    border: 1px solid #e5e5e5;
    background-color: #f4f4f4;
    -left: 0px;
    margin-right: 0.3%;
    margin-top: 15px;
}

.public_Special .Special_list ul li .mark {
    display: inline-block;
    background: url('../image/web/productcenter-ico-001a.png');
    width: 40px;
    height: 40px;
    margin: 34px 95px;
}

.public_Special .Special_list ul li .title {
    width: 100%;
    height: 70px;
    text-align: center;
    color: red;
    line-height: 30px;
}

.public_Special .Special_list ul li .title i {
    display: inline-block;
    border: 1px solid #959595;
    width: 76px;
}

.public_Special .Special_list ul li .txt {
    font-size: 12px;
    padding: 0 22px;
    color: #838383;
    line-height: 20px;
}


/*功能概述模板*/

.FunFrame {
    background-color: #fff;
}

.FunFrame .level .TypeTotal .ul {
    background-color: #d2d2d2;
}

.public_FunFrame {
    background-color: #d2d2d2;
    padding: 1px 0 20px 0;
}

.public_FunFrame .level {
    width: 1200px;
    overflow: hidden;
    height: 100%;
    margin: auto;
    /*padding: 0 0 30px 0;*/
}

.public_FunFrame .level .Theme {
    width: 295px;
    height: 70px;
    background-color: #e70012;
    color: #ffffff;
    font-size: 30px;
    margin: auto;
    line-height: 70px;
    text-align: center;
    border-radius: 8px;
}

.public_FunFrame .level .Theme .Arrow {
    position: relative;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #e70012;
    margin: auto;
}

.public_FunFrame .level .Theme_list {
    height: 52px;
    background-color: #6b5150;
    margin: 50px 0 0 0;
    border-radius: 8px;
    justify-content: center;
    display: flex;
}

.public_FunFrame .level .Theme_list span {
    height: 20px;
    border-right: 1px solid #e4c6bc;
    padding: 0 50px 0 50px;
    margin: auto;
    display: inline-block;
    color: #ffffff;
    margin: 16px 0 0 0;
}

.public_FunFrame .level .Theme_list span:first-child {
    border-left: 1px solid #e4c6bc;
}

.public_FunFrame .level .TypeTotal {
    width: 100%;
    overflow: hidden;
    /*height:460px;*/
}

.public_FunFrame .level .TypeTotal .ul ul {
    height: 370px;
}

.public_FunFrame .level .TypeTotal .ul {
    width: 160px;
    height: 100%;
    background-color: #ffffff;
    float: left;
    margin: 10px 0 10px 10px;
    border-radius: 8px;
}

.public_FunFrame .level .TypeTotal .ul .tile {
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 100%;
    background-color: #deae28;
    display: inline-block;
    border-radius: 8px 8px 0 0;
}

.public_FunFrame .level .TypeTotal .ul li {
    text-align: center;
    line-height: 30px;
    list-style: none;
    font-size: 12px;
    color: #626262;
}

.public_FunFrame .level .TypeTotal .ul li a {
    font-size: 12px;
    color: #626262;
}

.public_FunFrame .level .TypeTotal .ul .CustomBut {
    background-color: #F0e4cc;
    font-size: 14px;
    color: #ce0306;
    text-align: center;
    line-height: 50px;
    width: 100%;
    height: 50px;
    border-radius: 0 0 8px 8px;
    display: inline-block;
    text-decoration: none;
}

.public_FunFrame .level .Interaction {
    width: 100%;
}

.public_FunFrame .level .Interaction .Inte_list {
    height: 48px;
    width: 100%;
    margin: 10px 0 0 0;
}

.public_FunFrame .level .Interaction .Inte_list .Name {
    background-color: #dd5911;
    text-align: center;
    line-height: 48px;
    height: 100%;
    display: inline-block;
    color: #ffffff;
    float: left;
    width: 136px;
}

.public_FunFrame .level .Interaction .Inte_list .list {
    overflow: hidden;
    width: 870px;
    height: 100%;
    background-color: #A29E9F;
    float: left;
}

.public_FunFrame .level .Interaction .Inte_list .list ul li {
    float: left;
    color: #ffffff;
    margin: 0 30px 0 30px;
    line-height: 48px;
}

.public_FunFrame .level .Interaction .Inte_list .Direction {
    display: inline-block;
    font-size: 36px;
    color: #dd5911;
    width: 57px;
    height: 100%;
    line-height: 48px;
    text-align: center;
    float: left;
    background-color: #d2d2d2;
}

.public_FunFrame .level .same {
    width: 100%;
    height: 48px;
    font-size: 14px;
    margin: 30px 0 0 0;
    line-height: 48px;
}


/*所有页面模板标题样式*/

.public_title_White {
    width: 100%;
    height: 68px;
    margin: auto;
    color: #ffffff;
    overflow: hidden;
    padding: 20px 0;
}

.public_title_White .Chinese {
    font-size: 33px;
    text-align: center;
    width: 469px;
    background: url("../image/index-titlepic.png") no-repeat center center;
    margin: auto;
}

.public_title_White .English {
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    line-height: 35px;
}

.public_title_red {
    width: 100%;
    height: 68px;
    margin: auto;
    color: #f20909;
    overflow: hidden;
    padding: 20px 0;
}

.public_title_red .Chinese {
    font-size: 33px;
    text-align: center;
    width: 469px;
    background: url("../image/index-titlepic.png") no-repeat center center;
    margin: auto;
}

.public_title_red .English {
    font-size: 16px;
    text-align: center;
    color: #6d6d6d;
}

.public_title_red .ChineseTxt {
    font-size: 12px;
    color: #a6a6a6;
}


/*首页产品系列*/

.public_Product {
    overflow: hidden;
    width: 100%;
    background: url('../image/indexbg-Product.jpg') no-repeat center;
}

.public_Product .Product-list {
    margin: auto;
    width: 1200px;
    height: 570px;
    background: url('../image/indexbg-Product.jpg');
    margin-top: 60px;
}

.public_Product .Product-list ul li {
    float: left;
    width: 300px;
    height: 472px;
    list-style: none;
    position: relative;
    -webkit-transition: all .5s;
}

.public_Product .Product-list ul .active .Product-item-wrapper {
    position: absolute;
    z-index: 9;
    width: 300px;
    height: 531px;
    background-color: #FE0101;
    opacity: 0.8;
    /*box-shadow: 0 5px 40px rgba(0,0,0,.5);*/
    border: 3px solid #fff;
    top: -28px;
}

.public_Product .Product-list ul .act1 {
    background: url('../image/indexpic-Product-01a.jpg') no-repeat;
    background-size: 100%;
}

.public_Product .Product-list ul .act2 {
    background: url('../image/indexpic-Product-02a.jpg') no-repeat;
    background-size: 100%;
}

.public_Product .Product-list ul .act3 {
    background: url('../image/indexpic-Product-03a.jpg') no-repeat;
    background-size: 100%;
}

.public_Product .Product-list ul .act4 {
    background: url('../image/indexpic-Product-04a.jpg') no-repeat;
    background-size: 100%;
}

.public_Product .Product-list ul li div p {
    color: #ffffff;
    font-size: 40px;
    text-align: center;
}

.public_Product .Product-list ul li div .tag {
    width: 50px;
    height: 7px;
    background-color: #f30a05;
    margin: auto;
    margin-top: 15px;
}

.public_Product .Product-list ul li div .title {
    margin-top: 160px;
}

.public_Product .Product-list ul li div .introduce {
    font-size: 34px;
    margin-top: 150px;
}

.public_Product .Product-list ul li div .txt {
    font-size: 16px;
    line-height: 24px;
    width: 60%;
    margin: auto;
    margin-top: 50px;
}

.public_Product .Product-list ul li div .menu {
    font-size: 15px;
    margin-top: 15px;
}

.public_Product .Product-list ul li div .menu:hover {
    cursor: pointer;
}

.public_Product .Product-list ul li div a {
    display: none;
    position: absolute;
    top: 400px;
    margin-left: 50px;
    text-decoration: none;
    width: 202px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    z-index: 2;
    border: 1px solid #ffffff;
}

.public_Product .Product-list ul li div .short-bar {
    width: 43px;
    height: 6px;
    background-color: #f8090c;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    margin-top: 16px;
}

.public_Product .Product-list ul li.active .short-bar {
    background-color: #fffa01;
}

.public_Product .Product-list ul li.active div a {
    display: block;
    margin-top: 12px;
}

.public_Product .Product-list ul li.active div a:hover {
    transform: scale(1.1);
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.public_Product .Product-list ul li.active .tag {
    background-color: #fdff03;
}


/*成功客户模板*/

.public_win {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.public_win .cgkh {
    width: 1200px;
    height: 100%;
    margin: auto;
    overflow: hidden;
    padding: 15px 0 15px 15px;
}

.public_win .cgkh .cgkh_box_list div a {
    background: url("../image/AboutUS-pic-01.png") no-repeat center;
    width: 227px;
    height: 81px;
    display: inline-block;
    /*float:left; list-style:none;  width:136px; height:99px;*/
    margin: 13px 7px 13px 0;
}

.public_win .cgkh .cgkh_box_list div a:hover {
    -webkit-box-shadow: 0px 3px 3px #c8c8c8 inset;
    -moz-box-shadow: 0px 3px 3px red inset;
    box-shadow: 0px 3px 3px red inset;
}


/*解决方案模板*/

.public_solution {
    overflow: hidden;
}

.public_solution .solution_box {
    /* padding-bottom: 50px; */
    margin: auto;
    overflow: hidden;
}

.public_solution .solution_box .but {
    width: 37px;
    height: 68px;
    display: inline-block;
    float: left;
    margin-top: 60px;
}

.public_solution .solution_box .but:hover {
    transform: scale(1.2);
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.public_solution .solution_box .on {
    background: url('../image/index-solution-leftarrow.png');
    margin-top: 100px;
}

.public_solution .solution_box .next {
    background: url('../image/index-solution-rightarrow.png');
    float: right;
    margin-top: -195px;
}

.public_solution .solution_box .sol_list {
    width: 1200px;
    /* height: 286px; */
    margin: auto;
    overflow: hidden;
}

.public_solution .solution_box .sol_list ul {
    width: 1196px;
    float: left;
    /* height: 286px; */
}

.public_solution .solution_box .sol_list ul li {
    width: 204px;
    height: 290px;
    list-style: none;
    float: left;
    margin: 0 30px 0 60px;
}

.public_solution .solution_box .sol_list ul li:hover {
    cursor: pointer;
}

.public_solution .solution_box .sol_list ul li div {
    width: 204px;
    height: 204px;
    float: left;
    list-style: none;
    background-color: #FB5151;
    border-radius: 50%;
}

.public_solution .solution_box .sol_list ul li div i {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-left: 67px;
    margin-top: 60px;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
}

.public_solution .solution_box .sol_list ul li:hover .wrap i {
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.public_solution .solution_box .sol_list ul li div p {
    text-align: center;
    font-size: 22px;
    color: #ffffff;
    line-height: 40px;
}

.public_solution .solution_box .sol_list ul li .in {
    font-size: 16px;
    color: #888888;
    overflow: hidden;
    width: 180px;
    height: 45px;
    margin: auto;
    padding: 30px 0 0 0;
    text-align: center;
}

.public_solution .solution_box .sol_list ul li .ico1 {
    background: url('../image/index-solution-pic01.png');
}

.public_solution .solution_box .sol_list ul li .ico2 {
    background: url('../image/index-solution-pic02.png');
}

.public_solution .solution_box .sol_list ul li .ico3 {
    background: url('../image/index-solution-pic03.png');
}

.public_solution .solution_box ul li .ico4 {
    background: url('../image/index-solution-pic04.png');
}


/*按钮样式（方案解决，价格查询，预约演示）*/

.public_F_J_Y {
    text-align: center;
}

.public_F_J_Y a {
    display: inline-block;
    width: 125px;
    height: 30px;
    border-radius: 20px;
    background-color: #e60a0a;
    margin: 0 7px 80px 7px;
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    text-decoration: none;
}


/*适应场景模板*/

.public_Scheme {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url("../image/Scheme_back.jpg")no-repeat center;
}

.public_Scheme .Scheme_Diverse {
    width: 1200px;
    height: 100%;
    overflow: hidden;
    margin: auto;
}

.public_Scheme .Scheme_Diverse ul {
    margin: 0 0 50px 0;
    display: inline-block;
}

.public_Scheme .Scheme_Diverse ul li {
    width: 230px;
    height: 300px;
    background-color: #f4f4f4;
    margin: 0 5px 0 5px;
    float: left;
    list-style: none;
    -webkit-transition: All 0.7s ease-in-out;
    -moz-transition: All 0.7s ease-in-out;
    -o-transition: All 0.7s ease-in-out;
    transition: All 0.7s ease-in-out;
}

.public_Scheme .Scheme_Diverse ul li:hover {
    transform: rotateY(-360deg);
    background-color: red;
    color: #d20001;
}

.public_Scheme .Scheme_Diverse ul li i {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 30px 0 0 95px;
}

.public_Scheme .Scheme_Diverse ul li .pic01 {
    background: url('../image/web/productcenter-ico-006a.png');
}

.public_Scheme .Scheme_Diverse ul li .pic02 {
    background: url("../image/web/productcenter-ico-007a.png");
}

.public_Scheme .Scheme_Diverse ul li .pic03 {
    background: url("../image/web/productcenter-ico-008a.png");
}

.public_Scheme .Scheme_Diverse ul li .pic04 {
    background: url("../image/web/productcenter-ico-009a.png");
}

.public_Scheme .Scheme_Diverse ul li .pic05 {
    background: url("../image/web/productcenter-ico-010a.png");
}

.public_Scheme .Scheme_Diverse ul li span {
    display: inherit;
    text-align: center;
    color: red;
    padding: 15px;
    border-bottom: 2px solid #959595;
    overflow: hidden;
    width: 30%;
    margin: auto;
}

.public_Scheme .Scheme_Diverse ul li:hover span {
    color: #fff
}

.public_Scheme .Scheme_Diverse ul li p {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 10px 0 15px;
    color: #868686;
}

.public_Scheme .Scheme_Diverse ul li:hover p {
    color: #fff
}


/*知识库*/

.public_Knowledge_Grey {
    background-color: rgb(122, 122, 122);
}

.public_Knowledge_White {
    background-color: #fff;
}

.public_Knowledge {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0 0 70px 0;
}

.public_Knowledge .Separate {
    width: 1200px;
    height: 450px;
    overflow: hidden;
    margin: auto;
    background: #343434;
}

.public_Knowledge .Separate .tab_head {
    width: 100%;
    height: 450px;
}

.public_Knowledge .Separate .tab_head ul .Title {
    float: left;
    width: calc((100% / 4) - 0px);
    text-align: center;
    height: 45px;
}

.public_Knowledge .Separate .tab_head ul .Title .atitle {
    line-height: 45px;
    font-size: 16px;
    color: #fff;
}

.public_Knowledge .Separate .tab_head ul .TabActive,
.public_Knowledge .Separate .tab_head ul .TabActive .atitle {
    background-color: #e3e3e3;
    font-size: 13px;
    color: red;
    font-weight: 600;
}

.public_Knowledge .Separate .tab_head ul li .tab_Contents {
    background-color: rgb(227, 227, 227);
    width: 1200px;
    display: none;
    overflow: hidden;
    position: absolute;
    height: 410px;
    left: 50%;
    margin-left: -600px;
}


/*.public_Knowledge .Separate .tab_head ul li .tab_Contents:nth-child(2){width: 1423px;}*/

.public_Knowledge .Separate .tab_head ul li .tab_Contents_active {
    display: block;
}

.public_Knowledge .Separate .tab_head ul li .tab_Contents a {
    font-size: 14px;
    color: #000000;
    display: inline-block;
    float: left;
    text-align: left;
    padding: 10px 0 10px 24px;
    width: 300px;
    margin: 0 50px 0 0;
}


/*关于我们页面轮播*/

.Honor {
    background: url("../image/usback.jpg") no-repeat center;
}

.Honor .CoBanner {
    display: flex;
    align-items: center;
}

.Honor .CoBanner .container {
    width: 1024px;
    margin: 0 auto;
    position: relative;
}

.Honor .CoBanner .container .pictureSlider {
    height: 420px;
    margin-bottom: 24px;
}

.Honor .CoBanner .container .poster-item {
    background: #fff;
    height: 398px;
    width: 302px;
    border-radius: 10px;
    /*padding:45px 23px 20px 23px;*/
    cursor: default;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.Honor .CoBanner .container .poster-item .say {
    font-size: 18px;
    margin-bottom: 5px;
    padding-left: 10px;
}

.Honor .CoBanner .container .poster-item .for_btn {
    position: relative;
    height: 398px;
}

.Honor .CoBanner .container .poster-item p {
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    color: #fff;
}

.Honor .CoBanner .container .pictureSlider .poster-list .poster-item .for_btn img {
    width: 302px;
    height: 398px;
}


/*朗速开发平台*/

.Print_Body {
    width: 1200px;
    background-color: #fff;
    height: 100%;
    overflow: hidden;
    margin: auto;
    border: 0px solid #000000;
    padding: 0px 50px 50px 50px;
}

.Print_Body span {
    position: relative;
    color: #CCCCCC;
    font-family: "微软雅黑";
    left: 28%
}

.Print_Body ul {
    width: 100%;
    /*margin:auto; overflow:hidden;  width:1000px;  height:350px;*/
}

.Print_Body ul li:hover {
    margin-top: -20px;
}

.Print_Body ul li {
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    transition: All 0.3s ease-in-out;
    height: 272px;
    width: calc(25% - 20px);
    float: left;
    background-color: #e0e0e0;
    margin: 10px 10px 70px 10px;
    background: #e0e0e0;
    position: relative;
    top: 90px;
}

.Print_Body ul li div img {
    position: relative;
    bottom: 70px;
    width: 60px;
    height: 60px;
    top: 20%;
}

.Print_Body ul li .line {
    position: relative;
    height: 1.5px;
    width: 220px;
    background-color: #999999;
    bottom: 13%;
    margin: auto;
}

.Print_Body ul li .bg {
    position: relative;
    bottom: 70px;
    left: 33%;
    width: 90px;
    height: 100px;
    background: url("../image/noop6.png") no-repeat center;
    background-size: 100px 100px;
}

.Print_Body ul li h2 {
    position: relative;
    bottom: 20%;
    font-family: "微软雅黑";
    text-align: center;
}

.Print_Body ul li p {
    position: relative;
    bottom: 6%;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 18px;
    color: #000;
    width: 210px;
    left: 12%;
}


/*智能平台特色*/

.Intelligence {
    width: 100%;
    height: 600px;
    background: #959595 url('') no-repeat center center;
    background-size: 100% 100%;
}

.Intelligence_Body {
    width: 1200px;
    height: 100%;
    margin: auto;
}

.Intelligence_Body div p {
    position: relative;
    top: 40%;
}

.Intelligence_Body .backg-left {
    position: relative;
    left: 5%;
    top: 10%;
    background: #e6e6e6;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    float: left;
    margin: 30px 30px 70px 30px;
}

.Intelligence_Body .backg-right {
    position: relative;
    right: 5%;
    top: 10%;
    background: #e6e6e6;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    float: right;
    margin: 30px 30px 70px 30px;
}

.Intelligence_Body ul {
    position: relative;
    top: 30%;
}

.Intelligence_Body img {
    position: relative;
    width: 40px;
    height: 40px;
    top: 25%;
}

.Intelligence_Body .backg-big {
    position: relative;
    left: 44%;
    top: 30%;
    background: #e03434 url("../image/noop7.png") no-repeat center center;
    background-size: 100px 100px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

@-webkit-keyframes opac {
    from {
        opacity: 1;
        width: 0;
        height: 0;
        top: 500px;
        left: 500px;
    }
    to {
        opacity: 0;
        width: 1000px;
        height: 1000px;
        top: 100px;
        left: 0;
    }
}

.Intelligence_Body .animate .w2 {
    -webkit-animation-delay: 1s;
}

.Intelligence_Body .animate .w3 {
    -webkit-animation-delay: 2s;
}

.Intelligence_Body .animate .w4 {
    -webkit-animation-delay: 3s;
}

.Intelligence_Body .wave {
    width: 1400px;
    height: 800px;
    position: absolute;
    top: 1150px;
    left: 210px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    display: none;
}

.Intelligence_Body .wave * {
    border: 3px solid #fff;
    position: absolute;
    border-radius: 80%;
    -webkit-animation: opac 4s infinite;
}

.Intelligence_Body:hover .wave {
    display: initial;
}


/*在线咨询*/

.Consultation {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #7a7a7a;
}

.Consultation .public_title_White {
    margin-top: 100px;
    padding: 2px 0 0 0;
}

.Consultation .Consultation_box {
    width: 1200px;
    height: 100%;
    overflow: hidden;
    margin: auto;
}

.Consultation .Consultation_box .left {
    width: 330px;
    height: 510px;
    float: left;
    background: url("../image/backs.png")no-repeat center;
}

.Consultation .Consultation_box .left .title {
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    margin-top: 180px;
}

.Consultation .Consultation_box .left ul li {
    color: #ffffff;
    font-size: 12px;
    margin: 20px 0 0 70px;
    list-style-type: square;
}

.Consultation .Consultation_box .left .More {
    margin: 30px 0 0 58px;
    color: #ffffff;
    font-size: 12px;
}

.Consultation .Consultation_box .right {
    float: right;
    width: 72.2%;
    height: 510px;
}

.Consultation .Consultation_box .right .tab {
    height: 45px;
    width: 100%;
    overflow: hidden;
}

.Consultation .Consultation_box .right .tab ul li {
    width: calc((100% / 3) - 3px);
    height: 45px;
    list-style: none;
    float: left;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    line-height: 45px;
}

.Consultation .Consultation_box .right .tab ul li:nth-child(2) {
    margin: 0 5px 0 4px;
}

.Consultation .Consultation_box .right .tab ul li:hover {
    cursor: pointer;
}

.Consultation .Consultation_box .right .tab ul .active {
    background-color: #ffffff;
    color: #ff0000;
}

.Consultation .Consultation_box .right .Package {
    height: 465px;
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
    float: left;
}

.Consultation .Consultation_box .right .Package .Content {
    height: 465px;
    width: 100%;
}

.Consultation .Consultation_box .right .Package .Content .UpperPart {
    width: 95%;
    height: 179px;
    border-bottom: 1px solid #e5e5e5;
    margin: auto;
    overflow: hidden;
}

.Consultation .Consultation_box .right .Package .Content .UpperPart i {
    display: inline-block;
    float: left;
    width: 75px;
    height: 75px;
    margin: 52px 0 0 100px;
}

.Consultation .Consultation_box .right .Package .Content .UpperPart strong {
    color: #535353;
    height: 179px;
    display: inline-block;
    float: left;
    margin: 60px 0 0 30px;
}

.Consultation .Consultation_box .right .Package .Content .UpperPart p {
    color: #565656;
    padding: 60px 0 0 0;
}

.Consultation .Consultation_box .right .Package .Content .Create {
    width: 480px;
    margin: auto;
    height: 100%;
    padding: 20px 0 0 0;
}

.Consultation .Consultation_box .right .Package .Content .Create ul li {
    list-style: none;
    margin: 15px 0 0 0;
}

.Consultation .Consultation_box .right .Package .Content .Create ul li input {
    width: 450px;
    height: 35px;
    padding: 0 0 0 10px;
    border: 1px solid #e5e5e5;
}

.Consultation .Consultation_box .right .Package .Content .Create ul li a {
    color: red;
    margin-left: 10px;
}

.Consultation .Consultation_box .right .Package .Content .Create .Tips {
    color: red;
    font-size: 14px;
    line-height: 30px;
}

.Consultation .Consultation_box .right .Package .Content .Create .submit {
    width: 460px;
    height: 45px;
    background-color: #d5393a;
    text-align: center;
    line-height: 45px;
    border: 0px;
    margin: 30px 0 0 0;
    color: #ffffff;
}

.Consultation .Consultation_box .right .Package .Content .Create .submit:hover {
    cursor: pointer;
}

.Consultation .Consultation_box .right .Package .Content a {
    display: inline-block;
}

.Consultation .Consultation_box .right .Package .Content .Way {
    float: left;
    width: 220px;
    margin: 90px 0 0 60px;
}

.Consultation .Consultation_box .right .Package .Content .Way img {
    margin: 0 0 0 45px;
}

.Consultation .Consultation_box .right .Package .Content .Way p {
    text-align: center;
    color: red;
}

.Consultation .Consultation_box .right .Package .Content .Way a {
    color: #565656;
    font-size: 14px;
    text-align: center;
    display: inherit;
}

.Consultation .Consultation_box .right .Package .Content .Way .P2 {
    color: #565656;
    font-size: 14px;
    text-align: center;
    display: inherit;
}

.banner-container {
    position: relative;
    width: 100%;
    height: 705px;
    overflow: hidden;
}

.banner-slides {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease;
    z-index: 0;
}

.banner-slide.active {
    opacity: 1;
    z-index: 1;
}

.banner-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 轮播控制按钮 */

.banner-prev,
.banner-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    cursor: pointer;
    z-index: 2;
    border: none;
    border-radius: 50%;
}

.banner-prev {
    left: 20px;
}

.banner-next {
    right: 20px;
}


/* 轮播指示器 */

.banner-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 2;
}

.banner-indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.banner-indicator.active {
    background-color: white;
}