.introduce_func_line {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.introduce_nav {
    width: 100%;
    height: 77px;
    /*top: 60px;*/
    border-bottom: 1px solid #E0E0E0;
    background: #fff;
    z-index: 1;
    font-family: "SCHeiti", "Helvetica", "lucida Grande", BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei";
    font-weight: 200;
    position: fixed;
    left: 0;
    position: absolute
}

.intro_nav_icon {
    float: left;
    margin-right: 17px;
    margin-left: 20px
}

.introduce_nav_operation {
    width: 1000px;
    margin: 0 auto
}

.introduce_nav_item {
    width: 160px;
    float: left;
    height: 45px;
    padding-top: 30px;
    margin-left: 69px;
    cursor: pointer
}

.introduce_nav_txt {
    font-size: 18px;
    color: #787878;
    font-family: "微软雅黑";
}

.introduce_nav_choose {
    -border-bottom: 3px solid #2A8AE2
}

.introduce_nav_choose .introduce_nav_txt {
    color: #2A8AE2;
    font-family: "微软雅黑";
}

.introduce_mail_func, .introduce_mng_func, .introduce_integrate {
    margin-top: 40px;
    /* height: 660px; */
    /* width: 1000px; */
    /* position: relative; */
    /* left: 50%; */
    /* margin-left: -500px; */
    font-family: "SCHeiti", "Helvetica", "lucida Grande", BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei";
}

.introduce_mng_func {
    top: 0px;
    height: 1025px;
    margin-top: 180px;
}

.introduce_integrate {
    top: 0;
    padding-left: 60px;
    margin-top: 80px;
    height: 670px;
    padding-left: 60px
}

.introduce_mail_func_title {
    margin-bottom: 40px;
    font-size: 24px;
    color: #000
}

.introduce_func_item {
    width: 170px;
    height: 170px;
    border: 1px solid #E0E0E0;
    /* float: left; */
    /* margin-right: 37px; */
    /* margin-bottom: 37px; */
    margin: 5px;
    -mz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.introduce_func_item:hover {
    border: 1px solid #2C8DE1
}

.introduce_integrate_item {
    width: 260px;
    height: 260px;
    border: 1px solid #E0E0E0;
    float: left;
    margin-right: 50px;
    margin-bottom: 50px;
    -mz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.introduce_integrate_item:hover {
    border: 1px solid #2C8DE1
}

.introduce_func_item_last, .introduce_integrate_item_last {
    /* margin-right: 0px */
}

.intro_title, .intro_hover_title {
    color: #000;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
    line-height: 1;
    margin-bottom: 18px;
    margin-top: -5px;
	font-family:"微软雅黑";
}

.intro_hover_title {
    color: #252525;
	font-family:"微软雅黑";
}

.intro_integrate_title {
    color: #000;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    margin-bottom: 12px;
    font-weight: 200;
	font-family:"微软雅黑";
}

.intro_sub_title_m15, .intro_sub_title_m14, .intro_sub_title_m12, .intro_sub_title_m7, .intro_sub_title_m13, .intro_integrate_sub_title_m15 {
    color: #757575;
    font-size: 14px;
    text-align: left;
    margin: 0 15px;
    line-height: 18px;
    font-weight: 200
}

.intro_sub_title_m14 {
    margin: 0 14px
}

.intro_sub_title_m12 {
    margin: 0 12px
}

.intro_sub_title_m7 {
    margin: 0 6px
}

.intro_sub_title_m13 {
    margin: 0 13px
}

.intro_integrate_sub_title_m15 {
    font-size: 14px
}

.mail_func_icon, .manage_func_icon {
    margin: 0px 63px 19px
}

.integrate_icon {
    margin: 50px 36px 20px
}

.vip_tip {
    position: absolute;
    margin-left: 53px !important;
    margin-top: -1px !important;
}

.introduce_func_item_normal {
    margin-top: 46px
}

.introduce_func_item, .introduce_func_item_normal, .introduce_func_item_hover {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all 0.2s
}

.introduce_func_item:hover .introduce_func_item_normal {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px)
}

.introduce_func_desc2:hover .introduce_func_item_hover {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -webkit-transform: translateY(-45px);
    -moz-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    -o-transform: translateY(-45px);
    transform: translateY(-45px)
}

.introduce_func_desc3:hover .introduce_func_item_hover {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px)
}

.introduce_func_item:hover .introduce_func_item_hover {
    opacity: 1
}

.introduce_func_item_hover {
    opacity: 0
}

.mail_func_icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
    background-repeat: no-repeat;
    background-image: url("../images/mail_func-s4bc9910cdb.png")/*tpa=/templets/htm/style/css/img/product/mail_func-s4bc9910cdb.png*/;
    background-size: 48px 1004px
}
.mail_func_icon_1 {
    background-position: 0 0;
    height: 44px;
    width: 48px
}

.mail_func_icon_10 {
    background-position: 0 -54px;
    height: 44px;
    width: 44px
}

.mail_func_icon_11 {
    background-position: 0 -108px;
    height: 44px;
    width: 44px
}

.mail_func_icon_12 {
    background-position: 0 -162px;
    height: 44px;
    width: 44px
}

.mail_func_icon_13 {
    background-position: 0 -216px;
    height: 44px;
    width: 44px
}

.mail_func_icon_14 {
    background-position: 0 -270px;
    height: 44px;
    width: 44px
}

.mail_func_icon_15 {
    background-position: 0 -324px;
    height: 44px;
    width: 44px
}

.mail_func_icon_16 {
    background-position: 0 -378px;
    height: 44px;
    width: 44px
}

.mail_func_icon_17 {
    background-position: 0 -432px;
    height: 44px;
    width: 44px
}

.mail_func_icon_18 {
    background-position: 0 -486px;
    height: 44px;
    width: 44px
}

.mail_func_icon_19 {
    background-position: 0 -540px;
    height: 32px;
    width: 32px
}

.mail_func_icon_2 {
    background-position: 0 -582px;
    height: 44px;
    width: 44px
}

.mail_func_icon_3 {
    background-position: 0 -636px;
    height: 44px;
    width: 44px
}

.mail_func_icon_4 {
    background-position: 0 -690px;
    height: 44px;
    width: 44px
}

.mail_func_icon_5 {
    background-position: 0 -744px;
    height: 44px;
    width: 44px
}

.mail_func_icon_6 {
    background-position: 0 -798px;
    height: 44px;
    width: 46px
}

.mail_func_icon_7 {
    background-position: 0 -852px;
    height: 44px;
    width: 44px
}

.mail_func_icon_8 {
    background-position: 0 -906px;
    height: 44px;
    width: 44px
}

.mail_func_icon_9 {
    background-position: 0 -960px;
    height: 44px;
    width: 44px
}

.manage_func_icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
    background-repeat: no-repeat;
    background-image: url("../images/manage_func-s8d5b83415e.png")/*tpa=/templets/htm/style/css/img/product/manage_func-s8d5b83415e.png*/;
    background-size: 44px 960px
}
.manage_func_icon_1 {
    background-position: 0 0;
    height: 44px;
    width: 44px
}

.manage_func_icon_10 {
    background-position: 0 -54px;
    height: 44px;
    width: 44px
}

.manage_func_icon_11 {
    background-position: 0 -108px;
    height: 44px;
    width: 44px
}

.manage_func_icon_12 {
    background-position: 0 -162px;
    height: 44px;
    width: 44px
}

.manage_func_icon_13 {
    background-position: 0 -216px;
    height: 44px;
    width: 44px
}

.manage_func_icon_14 {
    background-position: 0 -270px;
    height: 44px;
    width: 44px
}

.manage_func_icon_15 {
    background-position: 0 -324px;
    height: 44px;
    width: 44px
}

.manage_func_icon_16 {
    background-position: 0 -378px;
    height: 44px;
    width: 44px
}

.manage_func_icon_17 {
    background-position: 0 -432px;
    height: 44px;
    width: 44px
}

.manage_func_icon_18 {
    background-position: 0 -486px;
    height: 44px;
    width: 44px
}

.manage_func_icon_2 {
    background-position: 0 -540px;
    height: 42px;
    width: 36px
}

.manage_func_icon_3 {
    background-position: 0 -592px;
    height: 44px;
    width: 44px
}

.manage_func_icon_4 {
    background-position: 0 -646px;
    height: 44px;
    width: 44px
}

.manage_func_icon_5 {
    background-position: 0 -700px;
    height: 44px;
    width: 44px
}

.manage_func_icon_6 {
    background-position: 0 -754px;
    height: 44px;
    width: 44px
}

.manage_func_icon_7 {
    background-position: 0 -808px;
    height: 44px;
    width: 44px
}

.manage_func_icon_8 {
    background-position: 0 -862px;
    height: 44px;
    width: 44px
}

.manage_func_icon_9 {
    background-position: 0 -916px;
    height: 44px;
    width: 44px
}

.integrate_icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
    background-repeat: no-repeat;
    background-image: url("../images/integrate-s3ee50aab6e.png")/*tpa=/templets/htm/style/css/img/product/integrate-s3ee50aab6e.png*/;
    background-size: 188px 530px
}
.integrate_icon_1 {
    background-position: 0 0;
    height: 80px;
    width: 188px
}

.integrate_icon_2 {
    background-position: 0 -90px;
    height: 80px;
    width: 188px
}

.integrate_icon_3 {
    background-position: 0 -180px;
    height: 80px;
    width: 188px
}

.integrate_icon_4 {
    background-position: 0 -270px;
    height: 80px;
    width: 188px
}

.integrate_icon_5 {
    background-position: 0 -360px;
    height: 80px;
    width: 188px
}

.integrate_icon_6 {
    background-position: 0 -450px;
    height: 80px;
    width: 188px
}