/*.page-sdjs { --brand: #2a7fe9; }*/
.page-sdjs .brand-banner { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwMzFjMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJhN2ZlOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(0deg, #6031c2 0%, #2a7fe9 100%); background-image: -webkit-linear-gradient(0deg, #6031c2 0%, #2a7fe9 100%); background-image: linear-gradient(90deg, #6031c2 0%, #2a7fe9 100%); }
.page-sdjs .brand-footer { border-color: #5c9cec; }

/*.page-ymlf { --brand: #009944; }*/
.page-ylmf .brand-banner, .page-ymlf .brand-banner { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkZDc5MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTk0NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(0deg, #3dd790 0%, #009944 100%); background-image: -webkit-linear-gradient(0deg, #3dd790 0%, #009944 100%); background-image: linear-gradient(90deg, #3dd790 0%, #009944 100%); }
.page-ylmf .brand-footer, .page-ymlf .brand-footer { border-color: #18b35d; }

/*.page-ddxt, .page-dngs { --brand: #2474ab; }*/
.page-ddxt .brand-banner, .page-dngs .brand-banner { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkNDE5MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI0NzRhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(0deg, #5d4190 0%, #2474ab 100%); background-image: -webkit-linear-gradient(0deg, #5d4190 0%, #2474ab 100%); background-image: linear-gradient(90deg, #5d4190 0%, #2474ab 100%); }
.page-ddxt .brand-banner-lf .dtxt, .page-dngs .brand-banner-lf .dtxt { color: #88f0ff; }
.page-ddxt .brand-footer, .page-dngs .brand-footer { border-color: #1a5b88; }

/*.page-fqhy { --brand: #1c8ddb; }*/
.page-fqhy .brand-banner { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0OGVkYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3ODFlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(0deg, #148eda 0%, #7781e2 100%); background-image: -webkit-linear-gradient(0deg, #148eda 0%, #7781e2 100%); background-image: linear-gradient(90deg, #148eda 0%, #7781e2 100%); }
.page-fqhy .brand-footer { border-color: #1875b5; }


.brand-banner { height: 529px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjZDY4NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyOWYwOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(0deg, #2cd684 0%, #529f08 100%); background-image: -webkit-linear-gradient(0deg, #2cd684 0%, #529f08 100%); background-image: linear-gradient(90deg, #2cd684 0%, #529f08 100%); }

.brand-banner-lf { width: 520px; margin-top: 50px; }
.brand-banner-lf .dtit { font-size: 60px; color: #fefefe; line-height: 60px; }
.brand-banner-lf .dtxt { font-size: 30px; color: #ffce34; margin-top: 20px; }
.brand-banner-lf .dtxt span + span { margin-left: 30px; }
.brand-banner-lf .dlist { font-size: 18px; color: #fff; line-height: 33px; margin-top: 10px; }
.brand-banner-lf .btn-list { font-size: 0; margin-top: 20px; }
.brand-banner-lf .btn-list li { float: left; width: 160px; }
.brand-banner-lf .btn-list li + li { margin-left: 20px; }
.brand-banner-lf .btn-list a { display: block; width: 160px; height: 44px; line-height: 44px; font-size: 16px; color: #fff; text-align: center; border-radius: 4px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhYzllZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlNzVlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -moz-linear-gradient(180deg, #4ac9ed 0%, #1e75ed 100%); background: -webkit-linear-gradient(180deg, #4ac9ed 0%, #1e75ed 100%); background: linear-gradient(-90deg, #4ac9ed 0%, #1e75ed 100%); }
.brand-banner-lf .btn-list a + a { margin-left: 20px; }
.brand-banner-lf .btn-list a.w10 { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiOTlmOSIvPjxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjOWRiMWY4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNWVjOWY2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -moz-linear-gradient(0deg, #db99f9 0%, #9db1f8 45%, #5ec9f6 100%); background: -webkit-linear-gradient(0deg, #db99f9 0%, #9db1f8 45%, #5ec9f6 100%); background: linear-gradient(90deg, #db99f9 0%, #9db1f8 45%, #5ec9f6 100%); }
.brand-banner-lf .btn-list a.wxp { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwZGZhNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1YzkzZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -moz-linear-gradient(180deg, #50dfa7 0%, #75c93d 100%); background: -webkit-linear-gradient(180deg, #50dfa7 0%, #75c93d 100%); background: linear-gradient(-90deg, #50dfa7 0%, #75c93d 100%); }
.brand-banner-lf .btn-list a i { display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -3px; }
.brand-banner-lf .btn-list .ptxt { font-size: 12px; color: #fff; line-height: 20px; }
.brand-banner-lf .btn-list .txtlist { margin-top: 16px; }

.brand-banner-rg { width: 376px; height: 326px; margin-top: 99px; position: relative; }

.wrap-barnd { width: 962px; margin: 0 auto; }


.mac-box { position: relative; height: 100%; overflow: hidden; background: url(mac.png); }
.mac-box .pic { width: 358px; height: 207px; position: absolute; left: 9px; top: 20px; }
.mac-box .pshade { position: absolute; left: 0; top: 0; width: 135px; height: 243px; overflow: hidden; border-radius: 15px; }
.mac-box .pshade span { display: block; position: absolute; left: -200px; top: -136px; width: 300px; height: 400px; background-color: rgba(255, 255, 255, 0.14); -moz-transform: rotate(21deg); -ms-transform: rotate(21deg); -webkit-transform: rotate(21deg); transform: rotate(21deg); }



.brand-info { margin: 31px 0 20px 0; }
.brand-info .dtit { font-size: 24px; color: #333333; font-weight: bold; }
.brand-info .dtxt { font-size: 16px; color: #666666; line-height: 26px; margin-top: 14px; text-indent: 2em; }




/* 系统列表 */
.sys_zt_list{
    border-bottom: 1px solid transparent;
}
.sys_zt_list h2{
    height: 74px;
    line-height: 74px;
    font-size: 22px;
}
.sys_zt_list .sys_zt_list_1{
    padding-left: 4px;
    width: 1245px;
}
.sys_zt_list .item{
    width: 370px;
    height: 216px;
    background: #f5f6f8;
    box-sizing: border-box;
    padding-left: 28px;
    padding-right: 22px;
    float: left;
    margin-right: 44px;
    margin-bottom: 27px;
    
}

.sys_zt_list .sys_zt_ico{
    display: block;
    float: left;
    width: 50px;
    height: 86px;
    background: url(ico_sys_zt_01.png) no-repeat;
    margin-left: -32px;
    margin-top: -7px;
    margin-right: 16px;
		text-indent: -9999px;
}
.sys_zt_list .item .title{
    margin-bottom: 13px;
}
.sys_zt_list .item .title h3{
    float: left;
    width: 280px;
    line-height: 32px;
    font-size: 18px;
    font-weight: normal;
    margin-top: 24px;
    height: 64px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.sys_zt_list .item .lazy{
    width: 130px;
    height: 98px;
    margin-right: 20px;
}
.sys_zt_list .item .sys_zt_list_text{
    width: 166px;
}
.sys_zt_list .item .sys_zt_list_text p{
    line-height: 24px;
    padding-bottom: 6px;
}
.sys_zt_list .item .sys_zt_list_text span{
    color: #999;
}
.sys_zt_list .item .sys_zt_list_text a{
    display: block;
    width: 110px;
    height: 32px;
    line-height: 30px;
    border:1px solid #cfe1f6;
    text-align: center;
    color: #358ff0;
    margin-top: 6px;
    box-sizing: border-box;
}
.sys_zt_list .mb20{
    line-height: 50px;
    height: 50px;
}




.right-fixed-box { width: 1396px; margin: 0 auto; height: 0; position: relative; z-index: 999; }
.right-fixed-box .bar-wrap { position: fixed; bottom: 70px; }
.right-fixed-box .right-fixed { width: 65px; height: 0; float: right; }
.right-fixed-box .back-top { display: none; width: 65px; height: 45px; padding-top: 18px; background: #f5f5f5; text-align: center; position: relative; }
.right-fixed-box .back-top:hover .barewm, .right-fixed-box .back-top:hover .hov { display: block; }
.right-fixed-box .back-top i { display: inline-block; }
.right-fixed-box .back-top.enter { display: block; }
.right-fixed-box .hov { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 52px; text-align: center; font-size: 14px; padding-top: 12px; background: #1385dc; color: #fff; }

.right-menu { width: 180px; height: 350px; padding: 10px 10px 0; background: #FFF; border-radius: 4px; box-shadow: 1px 3px 9px #eee; margin-left: 65px; display: none; }
.right-menu.enter { display: block; }
.right-menu li { width: 180px; height: 48px; line-height: 48px; padding: 0; margin-bottom: 10px; border-bottom: 0; border-radius: 4px; font-size: 16px; color: #666; font-weight: bold; cursor: pointer; text-align: center; background-color: #f5f5f5; }
.right-menu li.on { background-color: #1385dc; color: #fff; }


.brand-fixedmenu { display: none; }
.brand-fixedmenu.enter { display: block; }
.brand-fixedmenu li { width: 82px; height: 28px; line-height: 28px; text-align: center; background-color: #fff; color: #bbb; display: block; border: 1px solid #ddd; font-size: 14px; cursor: pointer; padding: 3px 10px;}
.brand-fixedmenu li.on { color: #1364a6; border: 1px solid #ddd; }
.brand-fixedmenu li:hover { background-color: #1364a6; color: #fff; border: 1px solid #1364a6; }
.brand-fixedmenu li + li { margin-top: 6px; }



.brand-bot { margin-top: 30px; }
.common-tabtit { width: 100%; margin: 0; padding-bottom: 5px; border-bottom: 1px solid #1364a6; }
.common-tabtit .aitem { font-weight: normal; }
.common-tabtit .on { color: #1364a6; }

.common-tabtit { height: 40px; line-height: 40px; }
.common-tabtit .aitem { display: block; float: left; font-size: 16px; color: #666; margin-right: 30px; font-weight: bold; cursor: pointer; position: relative; }
.common-tabtit .on { color: #1385dc; }
.common-tabtit .on i { display: block; height: 5px; border-radius: 3px; width: 30%; bottom: 2px; left: 40%; position: absolute; background: #1385dc; }

.brand-bot-title { font-size: 16px; color: #666; font-weight: bold; margin-bottom: 10px; }

.brand-news { margin-top: 10px; }
.brand-news li { width: 25%; }
.brand-news li a { width: 95%; }
.brand-news li a:hover { color: #1364a6; }
.brand-news li span { display: none; }


.about-news li { float: left; width: 25%; line-height: 30px; margin: 4px 0; }
.about-news li i { display: block; float: left; width: 0; height: 0; border: 5px solid; border-color: transparent transparent transparent #ddd; margin: 11px 0 0 0; }
.about-news li .idot { border: none; width: 4px; height: 4px; border-radius: 4px; background-color: #ccc; margin: 13px 10px 0 0; }
.about-news li a { width: 280px; height: 30px; overflow: hidden; font-size: 14px; color: #333; float: left; display: block; white-space: nowrap; text-overflow: ellipsis; }
.about-news li a:hover { color: #1385dc; }
/*.about-news li span { font-size: 12px; color: #666; display: block; float: right; margin-right: 20px; }*/


.hide{display:none}