@charset "utf-8";
/* header footer */
#header{background:#fff; padding:0 3.1%; width:100%; height:105px;}
#header ._header_left{flex:1;}
#header ._header_left h1 img{height:36px; width:auto; transition:all linear 0.1s;}
#header ._header_left ._nav_box{flex:1; margin-left:10px;}
#header ._header_left ._nav_list{margin:0 3.2%; transition:all linear 0.1s; cursor:pointer;}
#header ._header_left ._nav_list>strong{font-size:21px; transition:all linear 0.1s; margin:4px 0;}
#header ._header_left ._nav_list ._line1{width:6px; height:6px;}
#header ._header_left ._nav_list ._line{width:6px; height:6px; border-radius:100%;}
#header ._header_left ._nav_list.active>strong,
#header ._header_left ._nav_list:hover strong {color:#1c48db;}
#header ._header_left ._nav_list.active ._line,
#header ._header_left ._nav_list:hover ._line{background:#1c48db;}

/*#header ._header_right{width:430px;}*/
#header ._header_right strong{color:#1c48db;}
#header ._header_right ._header_btn{height:32px; padding:0 12px; border-radius:16px; background:#1c48db; color:#fff; font-size:14px; margin-left:15px;}

@media (max-width: 1440px) {
    #header ._header_left h1 img{height:28px; width:auto;}
    #header ._header_left ._nav_list{margin:0 2.5%;}
    #header ._header_left ._nav_list>strong{font-size:18px;}
}

#footer{width:100%; background:#222229;}
#footer ._footer_top{padding:70px 60px; min-width:1280px; max-width:1500px; margin:0 auto;}
#footer ._footer_top ._footer_left>img{height:34px;}
#footer ._footer_top ._footer_left>h3{margin:50px 0 26px; font-size:22px; letter-spacing:3px;}
#footer ._footer_top ._footer_left>p{line-height:1.7; color:#999999; margin-bottom:50px;}
#footer ._footer_bot{width:100%; border-top:1px solid #373a43; height:70px; color:#434853;}




/* main */
/************************************* 首页 *************************************/
#indexBanner{position:relative; overflow:hidden;}
#indexBanner ._swiper_list{width:100%; height:675px;}

#bannerNav{position:absolute; left:3.1%; top:52px; z-index:99; height:570px; width:265px;}
#bannerNav>li{padding:0 30px; width:265px; background:rgba(34,34,41,0.93);}
#bannerNav>li strong{font-size:17px;}
#bannerNav>li:first-child{border-radius:10px 10px 0 0;}
#bannerNav>li:last-child{border-radius:0 0 10px 10px;}
#bannerNav>li>a{flex:1;}
#bannerNav>li:hover{background:#111114;}

#bannerNav ._pnav{width:500px; height:570px; padding:20px; display:none; position:absolute; left:265px; top:0; background:#fff; border-radius:10px;}
#bannerNav ._pnav ._arrow{width:10px; height:10px; position:absolute; top:35px; left:-5px; background:#fff; border-bottom-left-radius:2px; transform:rotate(45deg);}
#bannerNav>li:hover ._pnav{display:block;}

#bannerNav ._pnav>h3{padding-bottom:10px; border-bottom:1px solid #e5e5e5; margin-bottom:17px;}
#bannerNav ._pnav ul{width:100%; flex-wrap:wrap;}
#bannerNav ._pnav li{width:50%; height:36px; line-height:36px; margin-bottom:13px; padding-left:18px; border-radius:10px; position:relative;}
#bannerNav ._pnav li:before{content:''; display:block; position:absolute; left:10px; top:17px; width:3px; height:3px; background:#000; border-radius:100%;}
#bannerNav ._pnav li>a{font-size:16px; display:block;}
#bannerNav ._pnav li:hover{background:#1c48db;}
#bannerNav ._pnav li:hover a{color:#fff;}
#bannerNav ._pnav li:hover:before{background:#fff;}


#indexFree{width:100%; padding:0 6%; min-width:1280px; margin:0 auto;}
#indexFree h2{
    padding:80px 0; color:#111114; font-size:38px; text-align:center;
    transform:translateY(120px); opacity:0;
}
#indexFree ._free_item{width:100%; margin-bottom:80px;}
#indexFree ._free_item_img{
    width:67%;
    transform:translateY(120px); opacity:0;
}
#indexFree ._free_item_p{width:33%; padding-left:5%;}
#indexFree ._free_item_p h3{
    font-size:30px;
    transform:translateY(120px); opacity:0;
}
#indexFree ._free_item_p ._line{
    width:80px; height:1px; background:#000; margin:25px 0;
    transform:translateY(120px); opacity:0;
}
#indexFree ._free_item_p p{
    line-height:1.9; font-size:18px; margin-bottom:25px;
    transform:translateY(120px); opacity:0;
}
#indexFree ._free_item_p ._know_more{
    padding:0 24px; height:44px; border-radius:8px; background:#1c48db;
    transform:translateY(120px); opacity:0;
}

#indexFree h2.animation,
#indexFree ._free_item.animation ._free_item_img,
#indexFree ._free_item.animation ._free_item_p h3,
#indexFree ._free_item.animation ._free_item_p ._line,
#indexFree ._free_item.animation ._free_item_p p,
#indexFree ._free_item.animation ._free_item_p ._know_more{animation-name:xh_opacity, xh_tranY120;}


#index5000{width:100%; background:#f2f2f2; padding-bottom:100px;}
#index5000 h2{padding:80px 0; color:#111114; font-size:38px; text-align:center; transform:translateY(120px); opacity:0;}
#index5000 ._hangye_box{width:88%; min-width:1280px; margin:0 auto; background:#fff; padding:75px;}
#index5000 ._hy_main{position:relative; transform:translateY(120px); opacity:0;}
#index5000 ._hy_main>li{width:25%; cursor:pointer;}
#index5000 ._hy_main>li ._hy_title{width:100%; height:70px; border:1px solid #eceff8; border-right:0 none; border-radius:2px;}
#index5000 ._hy_main>li:last-child{border-right:1px solid #eceff8;}

#index5000 ._hy_main>li.active ._hy_title{background:#1c48db; border-color:#1c48db; color:#fff;}

#index5000 ._hy_icons_box{width:100%; padding-top:30px; transform:translateY(120px); opacity:0;}
#index5000 ._hy_icons_box ._hy_content{width:100%; flex-wrap:wrap; display:none;}
#index5000 ._hy_icons_box ._hy_content>li{width:20%; height:180px;}
#index5000 ._hy_icons_box ._hy_content>li ._hy_icon{color:#1c48db; font-size:36px;}
#index5000 ._hy_icons_box ._hy_content>li ._hy_name{font-size:17px; margin:14px 0 10px;}
#index5000 ._hy_icons_box ._hy_content>li ._hy_per{font-size:17px;}

#index5000 ._hy_icons_box ._hy_content.active{display:flex;}

#index5000 ._know_more{width:280px; height:66px; border:1px solid #1c48db; border-radius:2px; margin:30px auto 0; cursor:pointer; transform:translateY(120px); opacity:0;}
#index5000 ._know_more:hover{background:#1c48db;}
#index5000 ._know_more:hover span{color:#fff !important;}

#index5000.animation h2,
#index5000.animation ._hy_main,
#index5000.animation ._hy_icons_box,
#index5000.animation ._know_more{animation-name:xh_opacity, xh_tranY120;}


#indexContact{height:220px; width:100%; min-width:1280px; padding:0 3.1%; overflow:hidden; background:#1c48db url("/assets/mj_v2/img/2.jpg") no-repeat center center / auto 220px;}
#indexContact ._c_left>strong{
    font-size:30px; letter-spacing:2px; margin-bottom:5px; transition:0.1s;
    transform:translateY(120px); opacity:0;
}
#indexContact ._c_left>span{
    transform:translateY(120px); opacity:0;
}
#indexContact ._c_right>strong{
    font-size:42px; margin-right:80px; transition:0.1s;
    transform:translateX(120px); opacity:0;
}
#indexContact ._c_right ._c_btn{
    background:#037dea; height:40px; padding:0 35px; border-radius:20px; margin-left:30px; transition:0.1s;
    transform:translateX(120px); opacity:0;
}


#indexContact.animation ._c_left>strong,
#indexContact.animation ._c_left>span{animation-name:xh_opacity, xh_tranY120;}
#indexContact.animation ._c_right>strong,
#indexContact.animation ._c_right ._c_btn{animation-name:xh_opacity, xh_tranX120;}


@media (max-width: 1440px) {
    #indexContact ._c_left>strong{font-size:28px;}
    #indexContact.animation ._c_right>strong{margin-right:40px; font-size:38px;}
    #indexContact ._c_right ._c_btn{padding:0 25px;}
}


#indexWhy{width:100%; padding:0 3.1% 80px 3.1%; min-width:1280px;}
#indexWhy h2 {
    padding:80px 0; color:#111114; font-size:38px; text-align:center;
    transform:translateY(120px); opacity:0;
}
#indexWhy ._why_box{width:100%; margin-bottom:60px;}
#indexWhy ._why_box>li{
    width:18%; border-radius:10px; overflow:hidden; position:relative; transition:0.2s;
    transform:translateY(120px); opacity:0;
}
#indexWhy ._why_box>li img{width:100%; height:auto; transition:0.2s;}
#indexWhy ._why_box>li ._why_sha{position:absolute; left:0; bottom:0; border-radius:4px; background:rgba(0,0,0,0.65); width:100%; height:100px;}
#indexWhy ._why_box>li:hover{transform:translateY(-7px); box-shadow:0 0 15px rgba(0,0,0,0.8);}
#indexWhy ._why_box>li:hover img{transform:scale(1.1);}
#indexWhy ._know_more{
    width:280px; height:66px; border:1px solid #1c48db; border-radius:2px; margin:30px auto 0; cursor:pointer;
    transform:translateY(120px); opacity:0;
}
#indexWhy ._know_more:hover{background:#1c48db;}
#indexWhy ._know_more:hover span{color:#fff !important;}

#indexWhy.animation h2,
#indexWhy.animation ._know_more,
#indexWhy.animation ._why_box>li{animation-name:xh_opacity, xh_tranY120;}


/************************************ 行业 ************************************/
#hyBanner{width:100%; min-width:1280px; height:675px; background:url("/assets/mj_v2/img/h1.jpg") no-repeat center / 1920px 675px; padding-bottom:50px;}
#hyBanner h2{
    font-size:46px; line-height:2.4; letter-spacing:4px;
    transform:translateY(120px); opacity:0;
}

#hyBanner.animation h2{animation-name:xh_opacity, xh_tranY120;}

#hySix{width:100%; padding:90px 0; min-width:1280px;}
#hySix img{width:250px; transform:translateY(120px); opacity:0;}
#hySix h3{font-size:46px; margin-top:30px; transform:translateY(120px); opacity:0;}

#hySix.animation img,
#hySix.animation h3{animation-name:xh_opacity, xh_tranY120;}


._hy_section{width:100%; padding:90px 11%; min-width:1280px; overflow:hidden;}
._hy_section1{background:url('/assets/mj_v2/img/hbg1.jpg') no-repeat top center / 1920px 100%;}
._hy_section2{background:url('/assets/mj_v2/img/hbg2.jpg') no-repeat top center / 1920px 100%;}
._hy_section3{background:url('/assets/mj_v2/img/hbg3.jpg') no-repeat top center / 1920px 100%;}
._hy_section4{background:url('/assets/mj_v2/img/hbg4.jpg') no-repeat top center / 1920px 100%;}
._hy_section5{background:url('/assets/mj_v2/img/hbg5.jpg') no-repeat top center / 1920px 100%;}
._hy_section6{background:url('/assets/mj_v2/img/hbg6.jpg') no-repeat top center / 1920px 100%;}
._hy_section ._hy_head{position:relative;}
._hy_section ._hy_head ._hy_index{
    width:122px; height:122px; margin-right:40px;
    transform:translateY(120px); opacity:0;
}
._hy_section ._hy_head ._hy_head_info{height:122px;}
._hy_section ._hy_head_info>h4{
    font-size:32px;
    transform:translateY(120px); opacity:0;
}
._hy_section ._hy_head_info>p{
    font-size:24px;
    transform:translateY(120px); opacity:0;
}
._hy_section ._hy_head ._hy_yin{position:absolute;}
._hy_section ._hy_head ._hy_yin1{left:-130px; top:-30px; transform:translateX(-120px); opacity:0;}
._hy_section ._hy_head ._hy_yin2{right:-130px; bottom:-30px; transform:translateX(120px); opacity:0;}
._hy_section ._p_info{margin:68px 0;}
._hy_section ._p_info>p{transform:translateY(120px); opacity:0;}
._hy_section ._p_info>p:first-child{font-size:24px; font-weight:bold;}
._hy_section ._p_info>p:last-child{font-size:20px; font-weight:bold; letter-spacing:1px; line-height:1.6; margin-top:15px;}
._hy_section ._hy_imgs{width:100%;}
._hy_section ._hy_imgs_1{width:60%; transform:translateY(120px); opacity:0;}
._hy_section ._hy_imgs_2{width:30%; transform:translateY(120px); opacity:0;}

._hy_section.animation ._hy_head ._hy_index,
._hy_section.animation ._hy_head_info>h4,
._hy_section.animation ._hy_head_info>p,
._hy_section.animation ._p_info>p,
._hy_section.animation ._hy_imgs_1,
._hy_section.animation ._hy_imgs_2 {animation-name:xh_opacity, xh_tranY120;}
._hy_section.animation ._hy_head ._hy_yin1{animation-name:xh_opacity, xh_tran-X120;}
._hy_section.animation ._hy_head ._hy_yin2{animation-name:xh_opacity, xh_tranX120;}


/************************************ ERP手册 ************************************/
#describeMain{width:100%; min-width:1280px; border-top:1px solid #ebebeb;}
#describeMain ._main_left{width:265px; min-height:calc(100vh - 75px); border-right:1px solid #ebebeb; position:sticky; top:0; z-index:99;}
#describeMain #describeNav{height:570px; width:265px; padding-left:20px;}
#describeMain #describeNav>li{padding:0 30px; width:245px; height:70px; position:relative; transition:0.2s;}
#describeMain #describeNav>li strong{font-size:17px;}
#describeMain #describeNav>li>a{flex:1;}
#describeMain #describeNav>li:hover{background:#f7f8fa; padding-right:22px;}
#describeMain #describeNav>li.active strong,
#describeMain #describeNav>li.active span{color:#1c48db;}

#describeMain #describeNav ._pnav{width:500px; padding:20px; display:none; position:absolute; z-index:99; left:230px; top:0; background:#fff; border:1px solid #e0e0e0; border-radius:10px;}
#describeMain #describeNav ._pnav ._arrow{width:10px; height:10px; position:absolute; top:30px; left:-5px; background:#fff; border-left:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; border-bottom-left-radius:2px; transform:rotate(45deg);}
#describeMain #describeNav>li:hover ._pnav{display:block;}

#describeMain #describeNav ._pnav>h3{padding-bottom:10px; border-bottom:1px solid #e5e5e5; margin-bottom:17px;}
#describeMain #describeNav ._pnav ul{width:100%; flex-wrap:wrap;}
#describeMain #describeNav ._pnav li{width:50%; height:36px; line-height:36px; margin-bottom:13px; padding-left:18px; border-radius:10px; position:relative;}
#describeMain #describeNav ._pnav li:before{content:''; display:block; position:absolute; left:10px; top:17px; width:3px; height:3px; background:#000; border-radius:100%;}
#describeMain #describeNav ._pnav li>a{font-size:16px; display:block;}
#describeMain #describeNav ._pnav li:hover{background:#1c48db;}
#describeMain #describeNav ._pnav li:hover a{color:#fff;}
#describeMain #describeNav ._pnav li:hover:before{background:#fff;}

#describeMain #describeNav ._pnav .active{background:#1c48db;}
#describeMain #describeNav ._pnav .active a{color:#fff;}


#describeMain ._main_right{flex:1; padding:0 40px;}
#describeMain ._main_right ._art_top{padding:80px 0;}
#describeMain ._main_right ._art_top>h1{font-size:42px; text-align:center; transform:translateY(120px); opacity:0; animation-name:xh_opacity, xh_tranY120;}
#describeMain ._main_right ._art_top>p{font-size:21px; padding-top:15px; text-align:center; line-height:1.4; transform:translateY(120px); opacity:0; animation-name:xh_opacity, xh_tranY120;}
#describeMain ._art_line{width:100%; height:1px; background:#e0e0e0; position:relative; transform:translateY(120px); opacity:0; animation-name:xh_opacity, xh_tranY120;}
#describeMain ._art_line_blue_box{position:absolute; left:0; bottom:-3px; width:100%; height:6px;}
#describeMain ._art_line_blue{width:0; height:6px; background:#1c48db; border-radius:3px; animation-name:lineWidthChange;}
@keyframes lineWidthChange {
    from{width:0px;}
    to{width:100px;}
}
#describeMain ._article_content{padding:60px 0; font-size:18px; line-height:1.6; transform:translateY(120px); opacity:0; animation-name:xh_opacity, xh_tranY120;}
#describeMain ._article_content>p{margin-bottom:40px;}
#describeMain ._article_content img{max-width:100% !important;}

#describeMain ._signature{border-top:1px solid #e0e0e0; margin:0 -40px; padding:40px; transform:translateY(120px); opacity:0;}
#describeMain ._signature h3{font-size:30px; line-height:1.6;}
#describeMain ._signature>ul{flex-wrap:wrap; margin-top:30px;}
#describeMain ._signature li{padding:15px 25px; background:#f6f7f8; border-radius:99px; transition:0.2s; margin:0 10px 15px 0;}
#describeMain ._signature li:hover{background:#1c48db;}
#describeMain ._signature li:hover a{color:#fff;}
#describeMain ._signature.animation{animation-name:xh_opacity, xh_tranY120;}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 17px 0;
    border-radius: 3px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #2c3e50;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination > li:first-child > a,.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination > li:last-child > a,.pagination > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #1c48db;
    border-color: #ddd;
}

.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #1c48db;
    border-color: #ddd;
    cursor: default;
}

.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

.pagination-lg > li > a,.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.pagination-sm > li > a,.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}


.pager {
    padding-left: 0;
    margin: 17px 0;
    list-style: none;
    text-align: center;
}

.pager .pagination {
    margin: 0;
}
.pager .pager {
    margin: 0;
}
.pager li {
    margin: 0 0.4em;
    display: inline-block;
}
.pager li:first-child > a,
.pager li:last-child > a,
.pager li:first-child > span,
.pager li:last-child > span {
    padding: 0.5em 1.2em;
}
.pager li > a,
.pager li > span {
    background: none;
    border: 1px solid #1c48db;
    border-radius: 0.25em;
    padding: 0.5em 0.93em;
    font-size: 14px;
}