html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}

html, body {
background-color: #fff;
margin: 0;
padding: 0;
font-family: 'Microsoft YaHei',"微软雅黑",Arial,sans-serif;
}

:focus {
outline: 0;
}

body {
background: white;
line-height: 1;
color: #434343;
overflow-x: hidden;
}

ol, ul {
list-style: none;
}

.hide {
display: none;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
font-weight: normal;
text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

a:hover, a:visited, a:link, a:active {
outline: none;
color: #434343;
text-decoration: none;
}
.divshow {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fca75c;
    font-size: 12px;
}
.acolor {
    color: #2589FF !important;
}
/*头部的公共样式*/
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}

100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}

100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}

.content_center_box {
max-width: 1200px;
height: auto;
margin: 0 auto;
height: 100%;
}

.header_wrapper {
width: 100%;
height: 61px;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}

.header_wrapper.float_top > header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background: rgba(44,50,63,0.7);
box-shadow: 0 0 5px #999;
-webkit-animation: slideInDown 0.5s ease 1 0s both;
animation: slideInDown 0.5s ease 1 0s both;
}

.page_header {
background: #2C323F;
height: 61px;
color: #fff;
}

.page_header .left_icon_box {
font-size: 0;
padding: 12px 0;
float: left;
}

.page_header .left_icon_box > * {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}

.page_header .left_icon_box > .handday_logo {
    width: 128px;
    height: 35px;
    background-image: url(../../images/default/new_handday_logo.png);
    background-size: 100% 100%;
    background-position: center center;
}

.page_header .left_icon_box > .split_line {
    height: 35px;
    border-left: 1px solid #434C5E;
    margin: 0 10px;
}

.page_header .left_icon_box > .qy_weixin_logo {
    color: #fff;
    margin-top: 8px;
}

.page_header .left_icon_box .qy_weixin_txt {
    margin-top: 11px;
    margin-left: 10px;
}

.header_right_menu {
float: right;
font-size: 0;
}

.header_right_menu a {
color: #fff;
transition: all 0.3s ease;
}

.header_right_menu .menu_list {
display: inline-block;
vertical-align: top;
}

.header_right_menu .menu_list .menu_item {
    width: 80px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    margin: 0px 5px 0 0;
}

    .header_right_menu .menu_list .menu_item > a {
        display: block;
        transition: all 0.3s ease
    }

    .header_right_menu .menu_list .menu_item:hover > a {
        color: #2589FF;
    }

    .header_right_menu .menu_list .menu_item.cur > a {
        color: #2589FF;
    }

    .header_right_menu .menu_list .menu_item:hover > a + div.child_menu_box {
        display: block;
    }

.header_right_menu .vip_ctrl {
display: inline-block;
vertical-align: top;
text-align: center;
padding: 18px 0;
}

.header_right_menu .vip_ctrl a.ctrl_btn {
    display: inline-block;
    vertical-align: top;
    padding: 4px 5px;
    color: #fff;
    box-sizing: border-box;
    font-size: 12px;
    margin-right: 10px;
    height: 24px;
}

.header_right_menu .vip_ctrl.has_border a.ctrl_btn {
    border: 2px solid #fff;
    width: 70px;
}

.header_right_menu .vip_ctrl.has_border a.active_handday {
    background: #3C82D7;
    border-color: #3C82D7;
    color: #fff;
}

.header_right_menu .vip_ctrl.has_border a.ctrl_btn:hover {
    color: #2589FF;
    border-color: #2589FF;
}

.header_right_menu .vip_ctrl.has_border a.active_handday:hover {
    background: #3C82D7;
    border-color: #3C82D7;
    color: #fff;
}

.header_right_menu .child_menu_box {
position: absolute;
left: 50%;
margin-left: -50px;
top: 60px;
width: 100px;
z-index: 100;
display: none;
}

.header_right_menu .child_menu_list {
background: #fff;
position: relative;
box-shadow: 0 0 3px #ddd;
}

.header_right_menu .child_menu_list .caret {
    position: absolute;
    border: 7px solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -7px;
}

.header_right_menu .child_menu_item {
font-size: 12px;
line-height: 42px;
transition: all 0.3s ease;
}

.header_right_menu .child_menu_item:hover {
    background: #f5f5f5;
}

.header_right_menu .child_menu_item > a {
    color: #999;
    display: block;
}

.section_box {
padding-top: 61px !important;
}

.section_box.cn {
padding-top: 91px !important;
}

#banner_box {
min-height: 499px;
}

#banner_box img {
margin-left: -951px;
}
/*  底部的公共样式  */
.page_footer {
height: 63px;
background: #3f4348;
font-size: 0;
overflow: hidden;
}

.page_footer .left_logo {
display: inline-block;
vertical-align: top;
width: 188px;
height: 63px;
background-image: url(../../images/default/foot_logo.png);
background-position: center center;
background-repeat: no-repeat;
margin-left: 100px;
}

.page_footer .right_copyright {
display: inline-block;
vertical-align: top;
font-size: 12px;
color: #fff;
line-height: 16px;
padding: 15px 0;
box-sizing: border-box;
}

.page_footer a {
color: #fff;
}

.serve_record a {
margin-right: 20px;
}

.beian_icon {
position: relative;
left: 20px;
top: 5px;
}

.page_footer_2 {
text-align: center;
color: #a0a0a0;
font-size: 14px;
margin-top: 70px;
}

.page_footer_2 a {
text-align: center;
color: #a0a0a0;
}

.page_footer_2 .about_group {
}

.page_footer_2 .about_group > a {
    margin: 0 10px;
}

.page_footer_2 .help_group {
margin-top: 20px;
}

.page_footer_2 .help_group > a {
    vertical-align: middle;
}

/*
产品介绍侧边菜单的样式
*/

.aside_menu {
float: left;
width: 178px;
background: #fff;
border: 1px solid #D5D4DC;
box-sizing: border-box;
}

.aside_menu .parent_menu_item {
padding: 20px;
line-height: 36px;
}

.aside_menu .parent_menu_item > a {
    font-size: 0;
    display: block;
}

    .aside_menu .parent_menu_item > a .name_txt {
        font-size: 18px;
        display: inline-block;
        vertical-align: top;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 130px;
    }

.parent_menu_item .sel {
color: #3C82D7;
}

.p_6 {
padding: 6px 0;
line-height: normal
}

.aside_menu .parent_menu_item > a .arrow {
display: inline-block;
vertical-align: top;
width: 5px;
height: 8px;
background-repeat: no-repeat;
background-image: url(../../images/default/arrow_right.png);
background-position: 0 -8px;
margin-top: 5px;
}

.aside_menu .parent_menu_item > a.cur {
color: #3C82D7;
}

.aside_menu .parent_menu_item > a.cur .arrow {
background-position: 0 0;
}

.aside_menu .parent_menu_item .child_link {
font-size: 16px;
/*line-height: 36px;*/
}

.aside_menu .parent_menu_list > .parent_menu_item:not(:first-child) {
border-top: 1px solid #d5d4dc;
}

.aside_menu .child_menu_list.has_list_style {
padding-left: 20px;
}

.aside_menu .child_menu_list .child_menu_item {
font-size: 14px;
position: relative;
}

.child_menu_item:hover {
background-color: #ededed;
}

.dot_black {
width: 4px;
height: 4px;
display: inline-block;
border-radius: 50%;
background-color: black;
position: absolute;
left: -13px;
top: 16px;
}

.aside_menu .child_menu_list .child_menu_item > a {
font-size: 14px;
display: block;
}

.bg_c_ed {
background-color: #ededed;
}
/*
产品介绍侧边菜单的样式
*/




/*
其他应用的公共样式start
*/
.other_app {
background: #fff;
padding: 60px 55px;
box-sizing: border-box;
}

.other_app .title {
position: relative;
font-size: 20px;
}

.other_app .title .dashed_line {
    position: absolute;
    border-top: 1px dashed #CCCCCC;
    left: 100px;
    right: 0;
    top: 50%;
}

.app_list {
margin-top: 44px;
overflow: hidden;
}

.app_list .app_item {
float: left;
width: 96px;
}

.app_list .app_item:not(:last-child) {
    margin-right: 54px;
}

.app_list .app_item .app_icon {
    background-image: url(../../images/default/product/product_icon_group.png);
    background-size: 96px 1056px;
    display: inline-block;
    vertical-align: top;
    width: 96px;
    height: 96px;
    border-radius: 22px;
}

.app_list .app_item .app_name {
    font-size: 14px;
    text-align: center;
    color: #909090;
    margin-top: 18px;
    font-weight: 900;
}

.app_list .app_item .app_icon.app_1 {
    background-position: 0 0;
}

.app_list .app_item .app_icon.app_2 {
    background-position: 0 -96px;
}

.app_list .app_item .app_icon.app_3 {
    background-position: 0 -192px;
}

.app_list .app_item .app_icon.app_4 {
    background-position: 0 -288px;
}

.app_list .app_item .app_icon.app_5 {
    background-position: 0 -384px;
}

.app_list .app_item .app_icon.app_6 {
    background-position: 0 -480px;
}

.app_list .app_item .app_icon.app_7 {
    background-position: 0 -576px;
}

.app_list .app_item .app_icon.app_8 {
    background-position: 0 -672px;
}

.app_list .app_item .app_icon.app_9 {
    background-position: 0 -768px;
}

.app_list .app_item .app_icon.app_10 {
    background-position: 0 -864px;
}

.app_list .app_item .app_icon.app_11 {
    background-position: 0 -960px;
}

/*产品模块公共样式*/

.product_name_introl .app_txt .app_name {
font-size: 34px;
font-weight: 900;
color: #404040;
}

.product_name_introl .app_txt .app_name .app_mean {
font-size: 20px;
color: #909090;
font-weight: normal;
}

.mb_16 {
margin-bottom: 16px;
}

.mb_36 {
margin-bottom: 36px;
}

.mb_46 {
margin-bottom: 46px;
}

.mt_30 {
margin-top: 30px;
}

.ta_r {
text-align: right;
}

.ta_l {
text-align: left;
}

.lh_16 {
line-height: 16px;
}

.lh_20 {
line-height: 20px;
}

.lh_22 {
line-height: 22px;
}

.lh_24 {
line-height: 24px;
}

.lh_30 {
line-height: 30px;
}

.lh_36 {
line-height: 36px;
}

.lh_45 {
line-height: 45px;
}

.color_fff {
color: white;
}

.color_ff6700 {
color: #ff6700;
}

.color_ff6801 {
color: #ff6801
}

.color_999999 {
color: #999999;
}

.pl_25 {
padding-left: 25px;
}

.pl_165 {
padding-left: 165px;
}

.color_909090 {
color: #909090
}

.color_252525 {
color: #252525;
}

.color_3982d7 {
color: #3982d7;
}

.pl_15 {
padding-left: 15px;
}

/*
其他应用的公共样式end
*/

/*新增通用样式*/
.pt_80 {
padding-top: 80px
}

.p_r {
position: relative;
}

.p_a {
position: absolute;
}

.fs_16 {
font-size: 16px;
}

.fs_14 {
font-size: 14px;
}

.fs_12 {
font-size: 12px;
}

.fs_18 {
font-size: 18px;
}

.fs_22 {
font-size: 22px;
}

.fs_30 {
font-size: 30px;
}

.fw_700 {
font-weight: 700;
}

.fw_l {
font-weight: inherit;
}

.mt_80 {
margin-top: 80px;
}

.title_h3 {
border-left: 6px solid #ff6700;
padding-left: 22px;
font-size: 20px;
font-weight: 700;
color: #404040;
margin-bottom: 18px;
}

.bg_w {
background: white;
}

.bg_f7 {
background: #f7f7f7;
}
/*三个轮播图样式*/
#rotate_box {
width: 100%;
height: 427px;
display: flex;
padding: 0 44px;
box-sizing: border-box;
}

#left_btn {
border: none;
margin-right: 40px;
padding: 0;
background-color: transparent;
}

#right_btn {
border: none;
margin-left: 40px;
padding: 0;
background-color: transparent;
}

.rotate_img_box {
display: flex;
flex-grow: 1;
position: relative;
}

.rotate_img_box img {
display: none;
position: absolute
}

.rotate_img_box .cur {
display: block;
}

.rotate_1 {
width: 340px;
height: 214px;
left: 0;
top: 106px;
}

.rotate_2 {
width: 436px;
height: 274px;
left: 178px;
top: 76px;
z-index: 2
}

.rotate_3 {
width: 340px;
height: 214px;
left: 452px;
top: 106px;
}

#industry_name {
font-size: 20px;
color: #404040;
text-align: center;
position: relative;
top: -40px;
}

.test {
position: absolute;
width: 436px;
height: 274px;
left: 178px;
top: 76px;
z-index: 3;
display: flex;
color: white;
}

.test div:nth-child(1) {
width: 220px;
padding-left: 50px;
padding-top: 50px;
}

.division {
width: 180px;
height: 1px;
background: white;
margin-top: 15px;
margin-bottom: 10px;
}

.customer {
width: 100px;
text-align: center;
padding-top: 165px;
padding-left: 30px;
line-height: 20px;
}
/*侧边栏样式*/
.side_box {
display: flex;
}

.hide_side {
position: fixed;
right: 10px;
top: 45%;
}

.hide_side li {
width: 64px;
height: 64px;
background-color: #6792bb;
margin-bottom: 10px;
border-radius: 12px;
padding-top: 10px;
box-sizing: border-box;
position: relative;
}

.hide_side li img {
    display: block;
    margin: 0 auto;
}

.hide_side li p {
    font-size: 12px;
    color: white;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
}

.hide_side li:hover {
    background-color: #2885dd;
}

.hide_side li:first-child div {
    width: 108px;
    height: 100px;
    position: absolute;
    left: -115px;
    top: 0;
    display: none;
    background-image: url("../../images/default/ewm.png")
}

.hide_side li:nth-child(2) div {
    width: 172px;
    height: 70px;
    position: absolute;
    left: -179px;
    top: 0;
    display: none;
    background-image: url("../../images/default/qq.png")
}

.hide_side li:nth-child(3) div {
    width: 173px;
    height: 45px;
    position: absolute;
    left: -179px;
    top: 10px;
    display: none;
    background-image: url("../../images/default/phone.png")
}

.hide_side li:first-child:hover div {
    display: block
}

.hide_side li:nth-child(2):hover div {
    display: block
}

.hide_side li:nth-child(3):hover div {
    display: block
}

.page_footer {
height: 63px;
background: #000;
font-size: 0;
overflow: hidden;
}

.page_footer .right_copyright {
display: inline-block;
vertical-align: top;
font-size: 12px;
color: #fff;
line-height: 16px;
padding: 15px 0;
box-sizing: border-box;
margin: 0 auto;
margin-left: 352px;
}

.serve_record {
text-align: center;
}

.warp_foot {
background: #000;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
width: 100%;
}

.all_link {
text-align: center;
height: 190px;
margin: 0 auto;
width: 1200px;
padding-top: 41px;
}

.link_logo {
width: 127px;
height: 90px;
margin: 0px 30px;
display: inline-block;
background: url("../../images/default/logo.png") no-repeat center center;
}

.link_title {
display: inline-block;
width: 120px;
vertical-align: top;
padding-top: 5px;
margin: 0px 30px;
}

.p_title {
height: 16px;
font-size: 16px;
letter-spacing: 1px;
color: #00a0e9;
margin-bottom: 25px;
}

.p_txt {
display: block;
font-size: 13px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 16px;
cursor: pointer;
}

.p_txt:hover, .p_txt:visited, .p_txt:link, .p_txt:active {
color: rgba(255, 255, 255, 0.5);
}

.txt_img {
display: inline-block;
width: 99px;
height: 99px;
background: url("../../images/default/code.png") no-repeat center center;
position: relative;
}

.sidebar {
position: fixed;
right: 20px;
top: 40%;
z-index: 100;
}

.sidebar .s_mod {
width: 56px;
height: 56px;
background: #61A7FF;
color: #fff;
font-size: 12px;
border-radius: 4px;
text-align: center;
padding-top: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-bottom: 2px;
display: block;
position: relative;
}

.sidebar .s_mod .wai {
    background: #fff;
    height: 56px;
    line-height: 56px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0px 0 0 15px;
    position: absolute;
    right: 100px;
    border-radius: 4px;
    top: 0;
    z-index: 10;
    width: 240px;
    color: #404040;
    text-align: left;
    font-size: 14px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
    opacity: 0;
    transition: all .3s ease-in;
}

.sidebar .s_mod .nei:hover + .wai {
    opacity: 1;
    right: 59px;
}

.sidebar .s_mod .wai .icona {
    width: 25px;
    height: 25px;
    /*background: url(../../images/default/icp.png) no-repeat center center;*/
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.sidebar .s_mod .wai span {
    vertical-align: middle;
}

.sidebar .s_mod .icon_1 {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../../images/default/home/right_i_2.png) no-repeat center center;
    margin: 0 auto;
    margin-bottom: 8px;
}

.sidebar .s_mod .icon_2 {
    display: block;
    width: 14px;
    height: 16px;
    background: url(../../images/default/home/right_i_1.png) no-repeat center center;
    margin: 0 auto;
    margin-bottom: 6px;
}

.sidebar .s_mod .icon_3 {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/default/home/right_i_0.png) no-repeat center center;
    margin: 0 auto;
    margin-bottom: 6px;
}

.sidebar .s_mod .txt {
    font-size: 12px;
}