@charset "utf-8";
/* CSS Document */
body {
    margin: 0px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-family: "微软雅黑";
}
.header_100 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 110px;
    border-bottom: 5px solid #0084e0;
    /* box-shadow: 0px 3px 2px #0063a5;*/
    z-index: 2;
}
.header_div {
    max-width: 1200px;
    min-width: 1000px;
    height: 92px;
    position: relative;
    margin: 0 auto;
    z-index: 3;
}
.header {
    position: relative;
    margin: 0 auto;
    width: 96%;
    min-width: 960px;
}
.clear {
    clear: both;
}
.logo_div {
    float: left;
    width: 300px;
    margin-top: 25px;
}
.crm_name {
    float: left;
    width: 220px;
    height: 35px;
    margin-left: 14px;
    text-align: left;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
}
.logo_txt {
    float: left;
    width: 220px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-size: 15px;
    color: #333333;
    margin-left: 15px;
    letter-spacing: 1.1px;
}
.logo {
    width: 65px;
    height: 45px;
    float: left;
    margin-top: 10px;
}
.logo img {
    width: 100%;
}
.nav_right {
    width: 660px;
    float: right;
}
.tel_ico {
    width: 25px;
    height: 25px;
    float: right;
    margin-top: 34px;
}
.tel_ico img {
    width: 25px;
    height: 25px;
}
.tel {
    height: 25px;
    line-height: 25px;
    float: right;
    margin-top: 33px;
    font-size: 21px;
    color: #2f6cb6;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 25px;
}
.header_button_div {
    float: right;
    margin-top: 20px;
    margin-left: 15px;
}
.button_blue, .button_gray_border {
    background: #2f6cb6;
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 3px;
    border: 0px;
    outline: 0px;
    font-size: 14px;
    font-family: "微软雅黑";
    cursor: pointer;
}
.button_gray_border {
    background: #ffffff;
    color: #999999;
    border: 1px solid #999999;
    padding: 7px 13px;
}
.nav_div_absolutely {
    width: 100%;
    position: absolute;
    height: 75px;
    z-index: 4;
}
.nav_bg {
    width: 100%;
    height: 75px;
    background: #000000;
    position: absolute;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    z-index: 3;
}
.nav_div {
    max-width: 1200px;
    min-width: 1000px;
    position: relative;
    margin: 0 auto;
    height: 75px;
    z-index: 5;
}
.nav {
    float: right;
    width: 100%;
    margin-top: 15px;
}
.nav_txt {
    float: right;
    width: 116px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.nav_line {
    float: right;
    width: 2px;
    height: 20px;
    background: #eeeeee;
    margin-top: 3px;
}
a.link_white {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
}
a.link_nav {
    color: #555555;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}
a.link_white_14 {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
}
a.link_white_14:hover {
    text-decoration: underline;
}

.link_white_12 {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
}
.link_white_12:hover {
    text-decoration: underline;
}


a.link_white_20_bold {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    display: block;
}
a.link_white_20_bold:hover {
    text-decoration: underline;
}
a.link_white_20 {
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    display: block;
}
a.link_white_16 {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    display: block;
}
.nav_outside_div {
    width: 100%;
    height: 75px;
    z-index: 2;
    position: relative;
    margin: 0 auto;
}
.banner_index_1, .banner_index_2, .banner_index_3, .banner_index_4, .banner_index_5 {
    width: 100%;
    height: 50px;
    padding-top: 450px;
    position: relative;
    margin: 0 auto;
    margin-top: -75px;
    z-index: 1;
    background: url(images/banner_index_1.jpg) no-repeat center;
}
.banner_index_2 {
    background: url(images/banner_index_2.jpg) no-repeat center;
}
.banner_index_3 {
    background: url(images/banner_index_3.jpg) no-repeat center;
}
.banner_index_4 {
    background: url(images/banner_index_4.jpg) no-repeat center;
}
.banner_index_5 {
    background: url(images/banner_index_5.png) no-repeat center;
}
.banner_question, .banner_news, .banner_crmplan, .banner_video, .banner_contacts, .banner_6soft, .banner_company, .banner_law, .banner_cloud, .banner_customized, .banner_down, .banner_server, .banner_function {
    width: 100%;
    height: 130px;
    padding-top: 30px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
    background: url(images/question.png) no-repeat center;
}
.banner_news {
    background: url(images/news.png) no-repeat center;
}
.banner_crmplan {
    background: url(images/crmplan.png) no-repeat center;
}
.banner_video {
    background: url(images/video.png) no-repeat center;
}
.banner_contacts {
    background: url(images/contacts.png) no-repeat center;
}
.banner_6soft {
    background: url(images/6soft.png) no-repeat center;
}
.banner_company {
    background: url(images/company.png) no-repeat center;
}
.banner_law {
    background: url(images/law.png) no-repeat center;
}
.banner_cloud {
    background: url(images/cloud.png) no-repeat center;
}
.banner_customized {
    background: url(images/customized.png) no-repeat center;
}
.banner_down {
    background: url(images/down.png) no-repeat center;
}
.banner_server {
    background: url(images/server.png) no-repeat center;
}
.banner_function {
    background: url(images/function.png) no-repeat center;
}
.banner_ip {
    width: 100%;
    height: 75px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
    background: #2f6cb6;
    margin-bottom: -20px;
}
.banner_crm {
    width: 100%;
    position: relative;
    margin: 0 auto;
    z-index: 1;
    background: url(images/crm2.png) no-repeat center;
    height: 325px;
}
.banner_crm3 {
    width: 100%;
    position: relative;
    margin: 0 auto;
    z-index: 1;
    background: url(images/crm3.png) no-repeat center;
    height: 325px;
}
.content {
    width: 100%;
    position: fixed;
    top: 592px;
    z-index: 1;
}
.news_index_bg {
    width: 100%;
    height: 70px;
    position: relative;
    margin: 0 auto;
    background: #f8f8f8;
}
.news_index_div {
    max-width: 1200px;
    min-width: 1000px;
    height: 70px;
    position: relative;
    margin: 0 auto;
}
.news_index_title {
    height: 70px;
    line-height: 70px;
    text-align: left;
    float: left;
    color: #b62f2f;
    margin-left: 2%;
    font-size: 15px;
    letter-spacing: 1.2px;
}
a.link_blue_15 {
    color: #2f6cb6;
    text-decoration: none;
    font-size: 15px;
}
a.link_blue_15:hover {
    text-decoration: underline;
}
a.link_blue_16 {
    color: #2f6cb6;
    text-decoration: none;
    font-size: 16px;
}
a.link_blue_16:hover {
    text-decoration: underline;
}
a.link_blue_15_line {
    color: #2f6cb6;
    text-decoration: underline;
    font-size: 15px;
}
a.link_blue_15_line:hover {
    text-decoration: none;
}
a.link_blue_16_line {
    color: #2f6cb6;
    text-decoration: underline;
    font-size: 16px;
}
a.link_blue_16_line:hover {
    text-decoration: none;
}
a.link_blue_16_page {
    color: #2f6cb6;
    text-decoration: underline;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}
a.link_blue_16_page:hover {
    text-decoration: none;
}
a.link_gray_16_page {
    color: #666666;
    text-decoration: none;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}
a.link_gray_16_page:hover {
    text-decoration: underline;
}
a.link_blue_14_line {
    color: #2f6cb6;
    text-decoration: underline;
    font-size: 14px;
}
a.link_blue_14_line:hover {
    text-decoration: none;
}
a.link_blue_18_line {
    color: #448aca;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}
a.link_blue_18_line:hover {
    text-decoration: underline;
}
a.link_blue_bright_18 {
    color: #0096fe;
    text-decoration: none;
    font-size: 18px;
    display: block;
}
a.link_gray_13 {
    color: #cccccc;
    text-decoration: none;
    font-size: 13px;
}
a.link_gray_13:hover {
    color: #7b7b7b;
}
a.link_footer {
    color: #a6a6a6;
    text-decoration: none;
    font-size: 13px;
}
a.link_footer:hover {
    color: #a6a6a6;
}
.news_index_more {
    height: 70px;
    line-height: 70px;
    text-align: right;
    float: right;
    margin-right: 2%;
}
a.link_deongaree_15 {
    color: #002551;
    text-decoration: none;
    font-size: 15px;
}
a.link_deongaree_15:hover {
    text-decoration: underline;
}
.column_title {
    width: 100%;
    position: relative;
    margin: 0 auto;
    color: #2f6cb6;
    font-size: 34px;
    text-align: center;
    margin-top: 60px;
    letter-spacing: 2px;
}
.column_title_white {
    width: 100%;
    position: relative;
    margin: 0 auto;
    color: #ffffff;
    font-size: 34px;
    text-align: center;
    padding-top: 40px;
    letter-spacing: 2px;
}
.column_title_line, .column_title_line_filter {
    width: 400px;
    height: 0px;
    border-bottom: 4px solid #eeeeee;
    position: relative;
    margin: 0 auto;
    margin-top: 15px;
}
.column_title_line_filter {
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}
.column_title_line_blue, .column_title_line_white {
    width: 90px;
    height: 0px;
    border-bottom: 8px solid #2f6cb6;
    position: relative;
    margin: 0 auto;
    margin-top: -6px;
}
.column_title_line_white {
    border-bottom: 8px solid #ffffff;
}
.column_title_explain, .column_title_explain_white {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    color: #666666;
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 40px;
    letter-spacing: 1.2px;
}
.column_title_explain_white {
    color: #ffffff;
}
.column_title_en {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    color: #666666;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 40px;
}
.content_div {
    max-width: 1200px;
    min-width: 1000px;
    position: relative;
    margin: 0 auto;
}
.video_index {
    width: 38%;
    float: left;
    margin-left: 2%;
    cursor: pointer;
}
.video_index img {
    width: 100%;
}
.brand_introduce_title {
    width: 98%;
    float: left;
    text-align: left;
    border-left: 6px solid #2f6cb6;
    font-size: 17px;
    color: #666666;
    padding-left: 2%;
    padding-bottom: 6px;
    letter-spacing: 1.2px;
}
.brand_introduce {
    width: 55%;
    float: right;
    margin-right: 2%;
}
.brand_introduce ul {
    margin: 0px;
    padding: 0px;
}
.brand_introduce li {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    list-style: none;
}
.brand_introduce_txt {
    float: right;
    width: 97%;
    color: #666666;
    line-height: 1.7;
    letter-spacing: 1.3px;
    font-size: 15px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.brand_introduce_more {
    width: 95%;
    margin-left: 5%;
    float: left;
    text-align: left;
}
.content_div_gray {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: #f8f8f8;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 75px;
}
.product_introduce {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1000px;
    margin-bottom: 40px;
}
.crm3_index_introduce, .crm2_index_introduce {
    width: 45.5%;
    background: #ffffff;
    box-shadow: 3px 10px 10px #e5e5e5;
    float: left;
    border-radius: 8px;
    margin-left: 2%;
    padding-bottom: 50px;
}
.crm2_index_introduce {
    float: right;
    margin-right: 2%;
}
.index_product_introduce_pic {
    width: 100%;
    float: left;
}
.index_product_introduce_pic img {
    width: 100%;
}
.index_product_subhead {
    float: left;
    margin-left: 5%;
    color: #2f6cb6;
    font-size: 20px;
    text-align: left;
    margin-top: 28px;
    font-weight: bold;
    width: 100px;
}
.index_product_introduce {
    text-align: left;
    float: left;
    width: 90%;
    margin-left: 5%;
    font-size: 15px;
    margin-top: 10px;
    color: #666666;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: 1.2px;
}
.index_product_introduce_line {
    float: left;
    width: 90%;
    margin-left: 5%;
    border-bottom: 2px solid #eeeeee;
    height: 0px;
    margin-top: 20px;
}
.index_video_button_div {
    float: right;
    margin-top: 20px;
    margin-right: 5%;
}
.button_20, .button_red_20 {
    float: right;
    padding: 8px 20px 10px 28px;
    font-size: 20px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid #2f6cb6;
    color: #2f6cb6;
    background: #ffffff;
    cursor: pointer;
}
.button_20:hover {
    background: #d2e9f7;
    text-decoration: none;
}
.button_red_20 {
    float: left;
    border: 2px solid #ce4b4b;
    color: #ce4b4b;
}
.button_red_20:hover {
    background: #f9cccc;
    text-decoration: none;
}
.button_red_18 {
    float: left;
    padding: 8px 20px 10px 28px;
    font-size: 18px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid #ce4b4b;
    color: #ce4b4b;
    background: #ffffff;
    cursor: pointer;
}
.button_red_18:hover {
    background: #f9cccc;
    text-decoration: none;
}
.button_1 {
    border: 2px solid #2f6cb6;
    border-radius: 5px;
    font-size: 16px;
    padding: 8px 20px 10px 20px;
    color: #2f6cb6;
    background: #ffffff;
    display: block;
    cursor: pointer;
    text-decoration: none;
}
.index_contrast_div {
    width: 100%;
    position: relative;
    margin: 0 auto;
    background: #f8f8f8;
}
.index_contrast_left {
    text-align: right;
    float: left;
    width: 46%;
    height: 60px;
}
.index_contrast_right {
    float: right;
    width: 46%;
    text-align: left;
    height: 60px;
}
.index_contrast_line {
    width: 80px;
    height: 0px;
    position: relative;
    margin: 0 auto;
    border-bottom: 5px solid #4395d8;
    margin-top: -32px;
    margin-bottom: 120px;
}
.button_blue_solid_left, .button_blue_solid_right {
    color: #ffffff;
    background: #4395d8;
    border-radius: 8px;
    float: right;
    padding: 15px 40px;
    cursor: pointer;
    font-size: 22px;
}
.button_blue_solid_right {
    float: left;
}
.advantage_index {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
.advantage_s_left {
    width: 21%;
    margin-right: 1%;
    float: left;
    padding-top: 140px;
}
.advantage_s_right {
    width: 21%;
    margin-left: 1%;
    float: left;
    padding-top: 140px;
}
.advantage_b {
    width: 38%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
}
.advantage_arrow {
    width: 8%;
    text-align: center;
    float: left;
    padding-top: 150px;
}
.advantage_s_left img, .advantage_s_right img, .advantage_b img {
    width: 100%;
}
.advantage_arrow img {
    width: 50px;
    height: 50px;
}
.advantage_index_txt_div {
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
}
.advantage_index_txt_title {
    width: 500px;
    position: relative;
    margin: 0 auto;
    color: #2f6cb6;
    font-size: 24px;
    text-align: center;
    letter-spacing: 2px;
}
.advantage_index_txt {
    font-size: 15px;
    color: #666666;
    width: 500px;
    text-align: center;
    line-height: 1.7;
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
    letter-spacing: 1.2px;
}
.phone_index_div {
    width: 880px;
    position: relative;
    margin: 0 auto;
}
.advantage_bg_white {
    width: 1000px;
    position: relative;
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 150px;
}
.advantage_bg_gray {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: #f8f8f8;
    padding-top: 1px;
    padding-bottom: 1px;
}
.advantage_txt_right, .advantage_txt_left {
    width: 560px;
    float: right;
    margin-right: 10px;
    margin-top: 78px;
}
.advantage_txt_left {
    float: left;
}
.phone_index_left {
    width: 50%;
    float: left;
    margin-top: 215px;
}
.phone_index_title {
    color: #2f6cb6;
    width: 100%;
    font-size: 34px;
    text-align: left;
    float: left;
}
.phone_index_txt {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.phone_index_txt ul {
    margin: 0px;
    padding: 0px;
}
.phone_index_txt li {
    list-style: none;
    float: left;
    width: 100%;
    text-align: left;
    color: #666666;
    font-size: 15px;
    margin-top: 3px;
    letter-spacing: 1.2px;
    line-height: 1.7;
}
.phone_index_pic {
    width: 50%;
    float: right;
    text-align: right;
    margin-top: 60px;
}
.phone_index_pic img {
    width: 426px;
    height: 504px;
}
.advantage_pic_left, .advantage_pic_right {
    width: 373px;
    float: left;
    text-align: left;
}
.advantage_pic_right {
    float: right;
}
.advantage_pic_left img, .advantage_pic_right img {
    width: 90%;
}
.crmplan_index_div {
    width: 1000px;
    position: relative;
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 150px;
}
.crmplan_index_pic {
    width: 373px;
    height: 278px;
    float: left;
}
.crmplan_index_pic img {
    width: 373px;
    height: 278px;
}
.crmplan_index_right {
    width: 560px;
    float: right;
    margin-right: 10px;
    margin-top: 27px;
}
.crmplan_index_button_div {
    float: left;
    margin-top: 40px;
}
.certificate_index_bg {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px;
}
.certificate_index_div {
    max-width: 1200px;
    min-width: 1000px;
    position: relative;
    margin: 0 auto;
}
.certificate {
    position: relative;
    margin: 0 auto;
    width: 96%;
    margin-bottom: 80px;
}
.certificate ul {
    margin: 0px;
    padding: 0px;
}
.certificate li {
    width: 25%;
    list-style: none;
    float: left;
}
.certificate_div {
    width: 16.8%;
    float: left;
}
.certificate_pic {
    width: 80%;
    float: left;
    margin-left: 10%;
}
.certificate_pic img {
    width: 100%;
}
.certificate_txt {
    width: 100%;
    float: left;
    text-align: center;
    color: #666666;
    font-size: 14px;
    letter-spacing: 1.2px;
    margin-top: 10px;
}
.certificate_blank {
    width: 4%;
    float: left;
    height: 100px;
}
.footer_bg {
    width: 100%;
    position: relative;
    margin: 0 auto;
    background: #212121;
    padding-top: 70px;
    padding-bottom: 20px;
    z-index: 1;
}
.footer_content {
    width: 96%;
    position: relative;
    margin: 0 auto;
}
.footer_left {
    float: left;
    width: 38%;
    border-right: 1px solid #4d4d4d;
}
.footer_right {
    float: right;
    width: 60%;
}
.footer_logo {
    float: left;
    width: 100%;
    text-align: left;
}
.footer_about_us {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.footer_about_us_txt {
    float: left;
    width: 124px;
    height: 39px;
    line-height: 39px;
    text-align: left;
    font-size: 18px;
    color: #eaeaea;
    font-weight: bold;
    letter-spacing: 2px;
}
.footer_about_us_ico {
    float: left;
    width: 39px;
    height: 39px;
    margin-right: 17px;
    cursor: pointer;
}
.footer_ico_pop {
    position: absolute;
    width: 150px;
    height: 150px;
    background: #ffffff;
    border-radius: 5px;
    padding: 10px;
    margin-left: 39px;
    margin-top: -39px;
    display: none;
}
.footer_ico_pop img {
    width: 150px;
    height: 150px;
}
.footer_left_txt {
    float: left;
    width: 90%;
    margin-top: 25px;
}
.footer_left_txt ul {
    margin: 0px;
    padding: 0px;
}
.footer_left_txt li {
    width: 100%;
    float: left;
    color: #7e7e7e;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    letter-spacing: 1.2px;
    margin-bottom: 5px;
    list-style: none;
}
.footer_content {
    max-width: 1200px;
    min-width: 1000px;
    position: relative;
    margin: 0 auto;
    z-index: 2;
}
.service_idea {
    width: 100%;
    position: relative;
    margin: 0 auto;
    font-size: 34px;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1.4px;
}
.footer_nav_div {
    max-width: 1200px;
    min-width: 1000px;
    position: relative;
    margin: 0 auto;
    margin-top: 35px;
}
.footer_nav {
    width: 100%;
    float: left;
}
.footer_nav_one_list_div {
    width: 30%;
    float: right;
    margin-top: 30px;
}
.footer_nav_one_list_title {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 16px;
    color: #eaeaea;
    letter-spacing: 1.2px;
    font-weight: bold;
}
.footer_nav_one_list {
    width: 100%;
    float: left;
    margin-top: 13px;
}
.footer_nav_one_list ul {
    margin: 0px;
    padding: 0px;
}
.footer_nav_one_list li {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 8px;
    list-style: none;
    letter-spacing: 1.5px;
}
.footer_nav_line {
    width: 0px;
    height: 148px;
    float: left;
    border-left: 1px solid #454545;
    margin-right: 5%;
    margin-left: -1.5%;
}
a.link_gray {
    color: #7b7b7b;
    text-decoration: none;
}
a.link_copyright {
    color: #646464;
    text-decoration: none;
}
a.link_copyright:hover {
    text-decoration: underline;
}
a.link_gray:hover {
    text-decoration: underline;
}
a.link_gray_14 {
    color: #999999;
    text-decoration: none;
}
a.link_gray_14:hover {
    text-decoration: underline;
}
.banner_title {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1.4px;
    color: #ffffff;
}
.banner_title_en {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
    color: #ffffff;
}
.news_list {
    width: 96%;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
}
.news_list ul {
    margin: 0px;
    padding: 0px;
}
.news_list li {
    list-style: none;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 35px;
    padding-top: 28px;
}
.news_list li:hover {
    background: #f3f3f3;
}
.news_date_div {
    width: 12%;
    float: left;
    border-right: 1px solid #f7f7f7;
}
.news_date {
    width: 100%;
    float: left;
    color: #2f6cb6;
    text-align: center;
    font-size: 60px;
}
.news_year_month {
    width: 100%;
    float: left;
    color: #2f6cb6;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.news_list_title_div {
    width: 84%;
    float: left;
    margin-left: 2%;
}
.news_list_title {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 14px;
}
.news_list_content_summary {
    padding-left: 1%;
    width: 99%;
    float: left;
    text-align: left;
    font-size: 14px;
    color: #999999;
    line-height: 1.7;
    letter-spacing: 1.2px;
    margin-top: 10px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.page {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
    height: 30px;
    line-height: 30px;
    margin-top: 30px;
}
a.link_page {
    color: #999999;
    text-decoration: none;
    font-size: 14px;
    background: #ffffff;
    padding: 8px 16px;
    border-radius: 4px;
    margin-left: 10px;
    border: 1px solid #d3d3d3;
}
a.link_page:hover {
    border: 1px solid #2f6cb6;
    color: #ffffff;
    background: #2f6cb6;
}
a.link_page_current {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    background: #2f6cb6;
    padding: 8px 16px;
    border-radius: 4px;
    margin-left: 10px;
    border: 1px solid #2f6cb6;
}
.news_title {
    width: 96%;
    position: relative;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 1.7;
    padding-bottom: 30px;
    margin-top: 50px;
    color: #333333;
    border-bottom: 1px solid #e5e5e5;
}
.news_source {
    width: 96%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    color: #999999;
    margin-top: 20px;
    font-size: 14px;
}
.news_content {
    width: 96%;
    position: relative;
    margin: 0 auto;
    text-align: left;
    color: #000000;
    margin-top: 20px;
    font-size: 16px;
    line-height: 2.2;
    letter-spacing: 1.4px;
    text-align: justify;
    text-justify: inter-ideograph;
    padding-bottom: 50px;
}
.crmplan_div_bg {
    width: 100%;
    background: #f8f8f8;
    position: relative;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px;
}
.crmplan {
    width: 96%;
    min-height: 500px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px #cbcbcb;
    position: relative;
    margin: 0 auto;
    background: url(images/crmplan_logo.png) no-repeat right bottom;
    background-color: #ffffff;
}
.crmplan_q {
    width: 80%;
    text-align: center;
    color: #2f6cb6;
    font-size: 34px;
    position: relative;
    margin: 0 auto;
    padding-top: 80px;
}
.crmplan_button_div {
    width: 100%;
    position: relative;
    margin: 0 auto;
    margin-top: 100px;
}
.crmplan_button_blue_div {
    width: 46%;
    float: left;
    text-align: right;
}
.crmplan_button_red_div {
    width: 46%;
    float: right;
    text-align: left;
}
.crmplan_a, .crmplan_a_explain {
    width: 80%;
    text-align: left;
    color: #666666;
    font-size: 16px;
    text-indent: 2em;
    position: relative;
    margin: 0 auto;
    line-height: 2;
    letter-spacing: 1.4px;
    text-align: justify;
    text-justify: inter-ideograph;
    padding-top: 80px;
}
.crmplan_a_explain {
    text-align: center;
    color: #d02d2d;
    font-size: 15px;
    padding-top: 20px;
}
.crmplan_a_button_div {
    width: 100%;
    position: relative;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
}
.triangle {
    position: absolute;
    font-size: 16px;
    left: 80px;
    color: #ffffff;
    top: -8px;
    font-family: "宋体";
    z-index: 7;
}
.down_menu_div {
    width: 370px;
    height: 112px;
    margin-left: -50px;
    margin-top: 13px;
    position: absolute;
    background: #ffffff;
    z-index: 6;
    padding-top: 8px;
    display: none;
}
.down_menu {
    width: 100%;
    position: relative;
    height: 40px;
    z-index: 8;
    margin-top: 8px;
}
.down_menu:hover {
    background: #e5e5e5;
    cursor: pointer;
}
.down_menu_triangle {
    height: 29px;
    padding-top: 11px;
    text-align: right;
    width: 50px;
    float: left;
}
.down_menu_name {
    width: 110px;
    height: 40px;
    line-height: 40px;
    float: left;
    color: #306cb5;
    font-size: 18px;
    text-align: left;
    margin-left: 20px;
    letter-spacing: 1px;
    font-weight: bold;
}
.down_menu_explain {
    width: 170px;
    height: 40px;
    line-height: 40px;
    float: left;
    color: #999999;
    font-size: 16px;
    text-align: left;
}
.banner_crm_bg {
    width: 100%;
    height: 500px;
    position: relative;
    margin: 0 auto;
    margin-top: -75px;
    z-index: 1;
    background: -webkit-linear-gradient(left top, #1970be, #1987cc); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #1970be, #1987cc); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #1970be, #1987cc); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #1970be, #1987cc); /* 标准的语法 */
}
.banner_crm_div {
    max-width: 1200px;
    min-width: 1000px;
    position: relative;
    margin: 0 auto;
    padding-top: 75px;
    height: 425px;
}
.crm_banner_pic {
    width: 401px;
    height: 341px;
    float: left;
    margin-top: 65px;
}
.crm_banner_pic img {
    width: 401px;
    height: 341px;
}
.crm_banner_pic:hover {
    cursor: pointer;
}
.banner_crm_txt {
    width: 55%;
    float: right;
    margin-top: 40px;
}
.banner_crm_title {
    width: 100%;
    float: left;
    text-align: left;
    color: #ffffff;
    font-size: 32px;
    letter-spacing: 1.4px;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}
.banner_crm_introduce {
    width: 100%;
    float: left;
    width: 100%;
    margin-top: 40px;
}
.banner_crm_introduce ul {
    margin: 0px;
    padding: 0px;
}
.banner_crm_introduce li {
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.banner_crm_introduce_title {
    width: 18%;
    float: left;
    text-align: left;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 1.2px;
}
.banner_crm_introduce_content {
    width: 82%;
    float: right;
    text-align: left;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 1.2px;
}
.usage_mode {
    width: 90%;
    position: relative;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.usage_mode_div_left, .usage_mode_div_right {
    border: 5px solid #f4f4f4;
    background: #ffffff;
    width: 45%;
    height: 390px;
    float: left;
}
.usage_mode_div_right {
    float: right;
}
.usage_mode_line {
    width: 100px;
    height: 23px;
    position: relative;
    margin: 0 auto;
    background: #2f6cb6;
    margin-top: -15px;
}
.usage_mode_title, .usage_mode_txt {
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #2f6cb6;
    position: relative;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}
.usage_mode_txt {
    color: #333333;
    margin-top: 5px;
}
.usage_mode_notes {
    width: 100%;
    text-align: center;
    color: #2f6cb6;
    position: relative;
    margin: 0 auto;
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.usage_mode_explain {
    width: 80%;
    text-align: left;
    position: relative;
    margin: 0 auto;
    margin-top: 15px;
    height: 70px;
    font-size: 16px;
    color: #666666;
    line-height: 1.7;
    letter-spacing: 1.2px;
    text-indent: 2em;
}
.crm_price {
    position: relative;
    margin: 0 auto;
    color: #d02d2d;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}
.crm_operation_button_div {
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    width: 118px;
}
.crm_function {
    width: 96%;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
}
.crm_function ul {
    margin: 0px;
    padding: 0px;
}
.crm_function li {
    width: 23%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    height: 220px;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 0px 15px #e6e6e6;
    list-style: none;
    margin-bottom: 25px;
    cursor: default;
}
.crm_function_ico {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 10px;
}
.crm_function_txt {
    width: 100%;
    float: left;
    text-align: center;
    color: #0068b7;
    font-size: 22px;
}
.crm_function_details {
    width: 86%;
    float: left;
    margin-left: 7%;
    text-align: left;
    color: #666666;
    font-size: 15px;
    line-height: 1.7;
    height: 220px;
    margin-top: 20px;
    text-align: justify;
    text-justify: inter-ideograph;
    text-indent: 2em;
    display: none;
}
.crm_advantage_defect {
    width: 96%;
    position: relative;
    margin: 0 auto;
}
.crm_advantage_div {
    width: 47.5%;
    float: left;
    min-height: 380px;
    background: #ffffff;
    box-shadow: 0px 0px 15px #cbcbcb;
    border-radius: 8px;
}
.crm_lack_div {
    width: 47.5%;
    float: right;
    min-height: 380px;
    background: #f9f9f9;
    box-shadow: 0px 0px 15px #cbcbcb;
    border-radius: 8px;
}
.crm_advantage_title, .crm_lack_title {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    float: left;
    color: #ce4b4b;
    font-weight: bold;
    font-size: 18px;
    margin-top: 35px;
}
.crm_lack_title {
    color: #23b58d;
}
.crm_advantage_lack {
    width: 80%;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 10%;
    float: left;
}
.crm_advantage_lack ul {
    margin: 0px;
    padding: 0px;
}
.crm_advantage_lack li {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    list-style: none;
}
.crm_advantage_dot, .crm_lack_dot {
    float: left;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #ce4b4b;
    margin-top: 9px;
}
.crm_lack_dot {
    background: #23b58d;
}
.crm_advantage_txt, .crm_lack_txt {
    color: #333333;
    font-size: 15px;
    letter-spacing: 1.2px;
    line-height: 1.7;
    text-align: left;
    float: right;
    width: 95%;
    text-align: justify;
    text-justify: inter-ideograph;
}
.crm_lack_txt {
    color: #666666;
}
.video_div {
    width: 88%;
    position: relative;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 100px;
}
.video_crm2_div, .video_crm3_div {
    width: 43%;
    float: left;
}
.video_crm3_div {
    float: right;
}
.video_pic {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
}
.video_crm_name {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0 auto;
    font-size: 27px;
    color: #2f6cb6;
    font-weight: bold;
    letter-spacing: 1.4px;
}
.video_rit_group_title {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0 auto;
    font-size: 20px;
    color: #2c2c2c;
    font-weight: bold;
    margin-top: 30px;
}
.video_rit_group {
    width: 100%;
    text-align: left;
    float: left;
    font-size: 16px;
    color: #666666;
    margin-top: 20px;
    margin-bottom: 60px;
    letter-spacing: 1.2px;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-ideograph;
    text-indent: 2em;
    height: 60px;
}
.contacts_div {
    width: 990px;
    position: relative;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px;
}
.map {
    width: 500px;
    height: 460px;
    float: left;
}
.contacts_txt_div {
    width: 430px;
    float: right;
}
.contacts_txt {
    width: 100%;
    float: right;
    margin-top: 10px;
}
.contacts_txt ul {
    margin: 0px;
    padding: 0px;
}
.contacts_txt li {
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    font-size: 14px;
    color: #666666;
    letter-spacing: 1.2px;
    list-style: none;
    line-height: 1.7;
}
.contacts_company {
    width: 100%;
    text-align: left;
    float: left;
    font-size: 26px;
    letter-spacing: 1.2px;
    font-weight: bold;
    color: #2f6cb6;
    margin-bottom: 15px;
}
.wechat_pic {
    width: 100%;
    text-align: left;
    float: left;
    margin-top: 10px;
}
.wechat_pic ul {
    margin: 0px;
    padding: 0px;
}
.wechat_pic li {
    float: left;
    width: 120px;
    height: 120px;
    list-style: none;
    margin-right: 70px;
}
.wechat_pic li img {
    width: 120px;
    height: 120px;
}
.wechat_txt {
    width: 120px;
    text-align: center;
    float: left;
    font-size: 14px;
    color: #666666;
    margin-top: 6px;
    margin-right: 70px;
}
.brand_pic {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0 auto;
    padding-top: 55px;
}
.brand {
    width: 80%;
    position: relative;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 40px;
}
.brand ul {
    margin: 0px;
    padding: 0px;
}
.brand li {
    text-align: left;
    float: left;
    width: 100%;
    color: #666666;
    font-size: 16px;
    text-indent: 2em;
    line-height: 2;
    letter-spacing: 1.4px;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 40px;
    list-style: none;
}
.company_introduce {
    width: 90%;
    position: relative;
    margin: 0 auto;
    text-align: left;
    color: #666666;
    font-size: 16px;
    text-indent: 2em;
    line-height: 2;
    letter-spacing: 1.4px;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 30px;
}
.customer_logo_title_line {
    border-bottom: 3px solid #2f6cb6;
    height: 0px;
    width: 400px;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
}
.customer_logo_title {
    position: relative;
    margin: 0 auto;
    font-size: 28px;
    font-weight: bold;
    color: #2f6cb6;
    background: #ffffff;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin-top: -23px;
}
.customer_logo {
    max-width: 1097px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px;
    padding-top: 10px;
}
.customer_logo img {
    width: 100%;
}
.company_idea {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
.company_idea ul {
    margin: 0px;
    padding: 0px;
}
.company_idea li {
    width: 33.3%;
    float: left;
    list-style: none;
}
.company_idea_ico {
    width: 100%;
    float: left;
    text-align: center;
}
.company_idea_ico img {
    width: 106px;
    height: 90px;
}
.company_idea_name {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    margin-top: 20px;
}
.company_idea_txt {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    margin-top: 10px;
    line-height: 1.7;
}
.certificate_1 {
    width: 96%;
    position: relative;
    margin: 0 auto;
    padding-bottom: 120px;
}
.certificate_1 ul {
    margin: 0px;
    padding: 0px;
}
.certificate_1 li {
    float: left;
    list-style: none;
}
.company_certificate_b {
    width: 30%;
    height: 340px;
    float: left;
    text-align: center;
    color: #666666;
    font-size: 16px;
    line-height: 2;
}
.company_certificate_s {
    width: 21%;
    height: 295px;
    float: left;
    text-align: center;
    padding-top: 45px;
}
.company_certificate_arrow {
    width: 14%;
    height: 144px;
    float: left;
    text-align: center;
    padding-top: 145px;
}
.law_adviser {
    width: 80%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 80px;
    color: #666666;
    font-weight: bold;
    font-size: 24px;
}
.cloud_div {
    width: 88%;
    position: relative;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.cloud_introduce, .server_introduce {
    width: 46.5%;
    float: left;
}
.server_introduce {
    float: right;
}
.cloud_ico {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 30px;
}
.cloud_ico img {
    width: 270px;
    height: 170px;
}
.server_pic {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 30px;
}
.server_pic img {
    width: 230px;
    height: 210px;
}
.cloud_summary_title, .server_question_title {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 24px;
    color: #2f6cb6;
    padding-bottom: 30px;
}
.server_question_title {
    text-align: left;
    padding-bottom: 20px;
}
.cloud_summary {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 16px;
    color: #666666;
    letter-spacing: 1.2px;
    line-height: 1.7;
    text-indent: 2em;
    text-align: justify;
    text-justify: inter-ideograph;
    padding-bottom: 10px;
}
.server_answer, .server_answer_no_blank_space {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #666666;
    letter-spacing: 1.2px;
    line-height: 1.7;
    text-indent: 2em;
    text-align: justify;
    text-justify: inter-ideograph;
    padding-bottom: 30px;
}
.server_answer_no_blank_space {
    text-indent: 0;
}
.cloud_price {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 20px;
    color: #ff5000;
    margin-top: 30px;
    padding-bottom: 15px;
}
.cloud_open_div {
    width: 75%;
    position: relative;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.cloud_advantage_div {
    width: 900px;
    position: relative;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 20px;
}
.cloud_advantage_pic_left, .cloud_advantage_pic_right {
    width: 130px;
    height: 130px;
    float: left;
}
.cloud_advantage_pic_right {
    float: right;
}
.cloud_advantage_pic_left img, .cloud_advantage_pic_right img {
    width: 130px;
    height: 130px;
}
.cloud_advantage_left, .cloud_advantage_right {
    width: 600px;
    height: 137px;
    float: right;
    margin-top: 13px;
    margin-right: 20px;
}
.cloud_advantage_right {
    float: left;
    margin-left: 20px;
}
.cloud_advantage_title_left, .cloud_advantage_title_right {
    width: 100%;
    color: #2f6cb6;
    font-size: 24px;
    text-align: left;
    float: left;
}
.cloud_advantage_title_right {
    text-align: right;
    float: right;
}
.cloud_advantage_txt_left, .cloud_advantage_txt_right {
    width: 100%;
    color: #666666;
    font-size: 16px;
    text-align: left;
    margin-top: 15px;
    line-height: 1.7;
    letter-spacing: 1.2px;
    float: left;
}
.cloud_advantage_txt_right {
    text-align: right;
    float: right;
}
.button_switch_div {
    width: 100%;
    position: absolute;
    z-index: 4;
    margin-top: 355px;
}
.button_switch {
    width: 120px;
    position: relative;
    margin: 0 auto;
}
.button_switch ul {
    margin: 0px;
    padding: 0px;
}
.button_switch li {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #ffffff;
    margin-left: 6px;
    margin-right: 6px;
    float: left;
    list-style: none;
    cursor: pointer;
}
.button_switch_no_present {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.button_switch_present {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.link_blue_18_bold {
    color: #2f6cb6;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
.link_blue_18_bold:hover {
    text-decoration: underline;
}
.video_pop_div {
    width: 766px;
    height: 530px;
    margin-left: -383px;
    margin-top: -265px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 8;
    background-color: #FFF;
    border-radius: 5px;
}
.cover, .cover_remind {
    z-index: 7;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #000000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.cover_remind {
    z-index: 19;
}
.pop {
    display: none;
}
.close {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    float: right;
    cursor: pointer;
    color: #d92526;
    font-size: 38px;
    font-weight: bold;
}
.video_pop {
    width: 730px;
    height: 425px;
    float: left;
    margin-left: 18px;
}
.video_pop_title {
    width: 670px;
    margin-left: 48px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #333;
    font-size: 24px;
}
.login_button_link {
    background: #2f6cb6;
    padding: 8px 15px;
    border-radius: 3px;
    font-size: 14px;
    display: block;
    cursor: pointer;
    float: right;
    margin-top: 28px;
    margin-left: 15px;
}
.reg_button_link {
    background: #ffffff;
    padding: 7px 13px;
    border-radius: 3px;
    font-size: 14px;
    display: block;
    cursor: pointer;
    float: right;
    margin-top: 28px;
    margin-left: 15px;
    border: 1px solid #999999;
}
.map_content {
    width: 215px;
    height: 95px;
}
.map_content_titile {
    width: 180px;
    height: 27px;
    background: url(images/logo_map.jpg) no-repeat left;
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    padding-left: 35px;
    margin: 5px 0px;
}
.map_txt {
    width: 215px;
    text-align: left;
    line-height: 1.7;
    font-size: 12px;
}
.certificate_pop_div {
    position: fixed;
    left: 27%;
    right: 27%;
    top: 20px;
    bottom: 20px;
    z-index: 8;
    background-color: #FFF;
    border-radius: 5px;
}
.certificate_pop {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    overflow-y: auto;
}
.certificate_pop img {
    width: 100%;
}
.customized_introduce {
    width: 990px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 40px;
}
.customized_plan_1, .customized_plan_2 {
    width: 469px;
    background: #ffffff;
    box-shadow: 3px 10px 10px #e5e5e5;
    float: left;
    border-radius: 8px;
    padding-bottom: 40px;
}
.customized_plan_2 {
    float: right;
}
.customized_plan_title_div {
    width: 100%;
    float: left;
}
.customized_plan_title_div img {
    width: 100%;
}
.customized_plan {
    width: 84%;
    float: left;
    margin-top: 20px;
    margin-left: 8%;
    color: #666666;
    font-size: 15px;
    text-align: left;
    line-height: 2.1;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: 1.2px;
    text-indent: 2em;
}
.font_bold {
    font-weight: bold;
}
.customized_process {
    width: 853px;
    height: 308px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 50px;
}
.customized_process img {
    width: 100%;
}
.question {
    width: 1140px;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 120px;
}
.question ul {
    margin: 0px;
    padding: 0px;
}
.question li {
    width: 360px;
    height: 220px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    float: left;
    list-style: none;
}
.question_div_1, .question_div_2 {
    width: 295px;
    min-height: 162px;
    padding: 30px 30px 22px 35px;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 0px 15px #e6e6e6;
    position: absolute;
    z-index: 2;
}
.question_div_2 {
    z-index: 1;
}
.question_ico {
    background: #ce4b4b;
    font-size: 16px;
    color: #ffffff;
    float: left;
    padding: 5px 9px;
    border-radius: 4px;
}
.question_txt, .crm_question_txt {
    color: #2f6cb6;
    font-weight: bold;
    font-size: 18px;
    float: right;
    width: 85%;
    min-height: 40px;
    text-align: left;
    line-height: 1.4;
    letter-spacing: 1.2px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.crm_question_txt {
    min-height: 80px;
}
.answer_button_div, .crm_answer_button_div {
    width: 190px;
    float: left;
    padding-left: 105px;
    text-align: left;
    margin-top: 50px;
}
.crm_answer_button_div {
    margin-top: 30px;
}
.button {
    padding: 6px 25px 8px 25px;
    font-size: 16px;
    float: left;
    border-radius: 5px;
    text-align: center;
    border: 2px solid #2f6cb6;
    font-size: 16px;
    color: #2f6cb6;
    background: #ffffff;
    cursor: pointer;
}
.button:hover {
    background: #d2e9f7;
}
.button_16 {
    padding: 6px 25px 8px 25px;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid #2f6cb6;
    font-size: 16px;
    color: #2f6cb6;
    background: #ffffff;
    cursor: pointer;
}
.button_16:hover {
    background: #d2e9f7;
}
.button_red {
    padding: 10px 29px 12px 29px;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    background: #d92525;
    cursor: pointer;
}
.button_red:hover {
    background: #c41010;
}
.answer_txt {
    font-size: 15px;
    line-height: 2;
    text-align: left;
    letter-spacing: 1.2px;
    width: 97%;
    margin-left: 2%;
    float: left;
    color: #666666;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-top: 15px;
    display: none;
}
.down_div {
    width: 96%;
    position: relative;
    margin: 0 auto;
    padding-top: 10px;
}
.down_div ul {
    margin: 0px;
    padding: 0px;
}
.down_div li {
    width: 27.3%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 20px;
    padding: 15px 2%;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 15px #e6e6e6;
    list-style: none;
}
.down_logo {
    width: 60px;
    height: 60px;
    float: left;
    padding-top: 5px;
}
.down_logo img {
    width: 60px;
    height: 60px;
}
.down_name {
    width: 74%;
    float: right;
    text-align: left;
    color: #2f6cb6;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
}
.font_15 {
    font-size: 15px;
}
.down_div_bg {
    width: 100%;
    background: #f8f8f8;
    position: relative;
    margin: 0 auto;
    padding-top: 1px;
    padding-bottom: 80px;
}
.down_button_div {
    width: 74%;
    float: right;
    height: 42px;
}
.down_data {
    font-size: 14px;
    color: #666666;
    float: left;
    width: 40%;
    height: 42px;
    line-height: 42px;
    text-align: left
}
.down_button {
    background: #e3f0ff;
    color: #2f6cb6;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    width: 90px;
    float: right;
    margin-top: 5px;
}
a.link_blue {
    color: #2f6cb6;
    font-size: 14px;
    text-decoration: none;
}
.server_configure {
    position: relative;
    margin: 0 auto;
    width: 75%;
    border: 2px solid #4d95d6;
    border-radius: 4px;
    margin-top: 15px;
}
.server_configure ul {
    margin: 0px;
    padding: 0px;
}
.server_configure li {
    list-style: none;
    width: 94%;
    float: left;
    border-bottom: 2px solid #eeeeee;
    padding: 4% 3%;
}
.server_hardware {
    width: 30%;
    float: left;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #2f6cb6;
    height: 50px;
    padding-top: 25px;
}
.hardware_system {
    width: 70%;
    float: right;
    text-align: center;
    color: #666666;
    font-size: 22px;
    margin-bottom: 12px;
    margin-top: 8px;
}
.hardware_remark {
    width: 70%;
    float: right;
    text-align: center;
    color: #999999;
    font-size: 16px;
}
.server_maintain_proposal {
    width: 96%;
    text-align: left;
    color: #666666;
    text-align: left;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
    line-height: 2;
    letter-spacing: 1.2px;
    font-size: 16px;
    text-indent: 2em;
    text-align: justify;
    text-justify: inter-ideograph;
}
.server_maintain_proposal_list {
    width: 92%;
    margin-left: 5%;
    float: left;
    margin-bottom: 80px;
}
.server_maintain_proposal_list ul {
    margin: 0px;
    padding: 0px;
}
.server_maintain_proposal_list li {
    width: 100%;
    float: left;
    text-align: left;
    line-height: 1.7;
    letter-spacing: 1.4px;
    font-size: 16px;
    color: #666666;
    list-style: none;
    margin-bottom: 7px;
    margin-top: 7px;
}
.font_blue_bg {
    color: #ffffff;
    border-radius: 30px;
    background: #4d95d6;
    padding-left: 1.5px;
    padding-right: 1.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 17px;
}
.crm_advantage_lack_div {
    width: 96%;
    position: relative;
    margin: 0 auto;
    margin-bottom: 25px;
}
.crm_relevant {
    width: 960px;
    position: relative;
    margin: 0 auto;
    padding-top: 130px;
    padding-bottom: 80px;
}
.crm_relevant ul {
    margin: 0px;
    padding: 0px;
}
.crm_relevant li {
    width: 320px;
    float: left;
    list-style: none;
}
.crm_relevant_bg {
    float: left;
    background: #eaf0f8;
    width: 262px;
    height: 262px;
    border-radius: 131px;
    margin-left: 29px;
    margin-right: 29px;
}
.crm_relevant_div {
    float: left;
    width: 218px;
    height: 218px;
    border-radius: 109px;
    background: #ffffff;
    box-shadow: 0px 0px 10px #e5e5e5;
    margin-left: 22px;
    margin-top: 22px;
}
.crm_relevant_ico {
    float: left;
    width: 100px;
    height: 100px;
    margin-left: 59px;
    margin-top: 35px;
}
.crm_relevant_ico img {
    width: 100px;
    height: 100px;
}
.crm_relevant_txt {
    float: left;
    width: 218px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #2f6cb6;
    font-size: 22px;
}
.help {
    width: 96%;
    position: relative;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 60px;
    padding-top: 30px;
    box-shadow: 0px 0px 10px #cbcbcb;
    border-radius: 8px;
}
.help_content {
    width: 850px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 20px;
}
.help_content_title_1 {
    width: 850px;
    text-align: center;
    font-size: 30px;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    padding-bottom: 42px;
}
.help_content_title_2 {
    width: 850px;
    text-align: center;
    font-size: 32px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 10px;
    font-family: "隶书";
}
.help_content_title_3 {
    width: 850px;
    text-align: center;
    font-size: 14px;
    position: relative;
    margin: 0 auto;
    font-family: "宋体";
}
.help_content_title_4 {
    width: 850px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    margin-top: 15px;
}
.help_content_title {
    width: 850px;
    text-align: left;
    float: right;
    font-size: 24px;
    margin-top: 30px;
}
.video_title {
    width: 800px;
    float: right;
    margin-top: 5px;
}
.video_title ul {
    margin: 0px;
    padding: 0px;
}
.video_title li {
    list-style: none;
    float: left;
    width: 800px;
    background: url(images/dot.jpg) repeat-x;
}
.video_title_1 {
    float: left;
    font-size: 16px;
    text-align: left;
    height: 35px;
    line-height: 33px;
    letter-spacing: 1.6px;
    background-color: #FFF;
}
.video_title_2 {
    float: right;
    text-align: right;
    height: 35px;
    width: 85px;
    font-size: 16px;
    background: url(images/video_play_ico.png) left no-repeat;
    line-height: 33px;
    background-color: #FFF;
}
.video_title_5 {
    float: right;
    text-align: right;
    margin-right: 10px;
    height: 15px;
    margin-top: 5px;
    font-size: 13px;
    color: #666;
    background-color: #FFF;
}
.contrast_div {
    width: 96%;
    position: relative;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0px 0px 8px #84c6ff;
}
.contrast_list {
    width: 100%;
    position: relative;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 15px;
    background: #ffffff;
    margin-top: 55px;
}
.contrast_list td, .contrast_list th {
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    border-right: 1px solid #c8dcf5;
    border-bottom: 1px solid #c8dcf5;
    height: 60px;
    color: #2f6cb6;
}
.contrast_headline {
    background: #e3f0ff;
    font-weight: bold;
    color: #000;
    font-size: 20px;
}
.contrast_usage_mode {
    background: #e3f0ff;
    font-weight: bold;
    color: #000;
    font-size: 18px;
}
.font_red {
    color: #d02d2d;
}
.font_18 {
    font-size: 16px;
    font-weight: bold;
}
.crm_contrast_button_div {
    width: 82%;
    margin-left: 13%;
    float: left;
}
.crm_contrast_button_div ul {
    margin: 0px;
    padding: 0px;
}
.crm_contrast_button_div li {
    width: 33.3%;
    float: left;
    list-style: none;
}
.crm_contrast_button {
    background: #d2e9f7;
    font-size: 14px;
    color: #2f6cb6;
    padding: 4px 15px 5px 15px;
    border-radius: 15px;
    float: left;
    cursor: pointer;
}
.crm_contrast_button:hover {
    background: #aad9f5;
}
.contrast_crmplan_button_div {
    position: relative;
    margin: 0 auto;
    width: 280px;
    margin-bottom: 60px;
}
.crm_contrast_button_red {
    background: #d02d2d;
    font-size: 14px;
    color: #ffffff;
    padding: 4px 15px 5px 15px;
    border-radius: 15px;
    float: left;
    cursor: pointer;
    margin-left: 32%;
}
.ip_div {
    width: 86%;
    min-height: 500px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px #cbcbcb;
    position: relative;
    margin: 0 auto;
    background-color: #ffffff;
}
.ip_current {
    width: 60%;
    text-align: left;
    color: #2f6cb6;
    font-size: 22px;
    position: relative;
    margin: 0 auto;
    padding-top: 90px;
}
.ip_check {
    width: 60%;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
}
.ip_check ul {
    margin: 0px;
    padding: 0px;
}
.ip_check li {
    width: 100%;
    text-align: left;
    color: #333333;
    font-size: 22px;
    float: left;
    list-style: none;
    text-decoration: none;
    margin-top: 30px;
}
.input_ip_check {
    border: 1px solid #2f6cb6;
    height: 38px;
    outline: 0px;
    width: 350px;
    padding-left: 10px;
}
.button_ip_check {
    height: 41px;
    padding-left: 40px;
    padding-right: 40px;
    background: #2f6cb6;
    font-size: 18px;
    color: #ffffff;
    outline: 0px;
    border: 0px;
    cursor: pointer;
    border-radius: 4px;
}
.ip_remarks {
    width: 60%;
    text-align: left;
    color: #999999;
    font-size: 14px;
    position: relative;
    margin: 0 auto;
    margin-top: 5px;
}
.ip_interface {
    width: 60%;
    text-align: left;
    color: #666666;
    font-size: 18px;
    position: relative;
    margin: 0 auto;
    padding-top: 50px;
}
a.none_line {
    text-decoration: none;
}
.cloud_open_button_div {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 8px;
}
.map_location {
    width: 1200px;
    height: 600px;
    position: relative;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
}
.setuperr_div {
    width: 84%;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    padding-bottom: 60px;
}
.setuperr_title {
    width: 100%;
    text-align: left;
    font-size: 22px;
    color: #d02d2d;
    float: left;
    margin-bottom: 30px;
    margin-top: 10px;
}
.setuperr_list {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.setuperr_list ul {
    margin: 0px;
    padding: 0px;
}
.setuperr_list li {
    width: 100%;
    float: left;
    line-height: 2.1;
    letter-spacing: 1.4px;
    font-size: 16px;
    color: #666666;
    list-style: none;
    margin-bottom: 15px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.content_div_gray_1 {
    width: 100%;
    background: #f8f8f8;
    position: relative;
    margin: 0 auto;
    padding-top: 1px;
    padding-bottom: 40px;
}
.remind_pic {
    width: 100px;
    height: 38px;
    position: relative;
    margin: 0 auto;
    margin-top: 40px;
}
.remind_pic img {
    width: 100px;
    height: 38px;
}
.expire_remind {
    width: 600px;
    position: relative;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 100px;
    padding-bottom: 40px;
}
.expire_remind_title {
    width: 600px;
    position: relative;
    margin: 0 auto;
    color: #e60012;
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 1.2px;
}
.expire_remind_txt {
    width: 500px;
    position: relative;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 30px;
    text-align: left;
    line-height: 2;
    letter-spacing: 1.2px;
}
/*推广页面css开始*/
.extension_banner_title {
    width: 100%;
    float: left;
    text-align: left;
    color: #ffffff;
    font-size: 32px;
    letter-spacing: 1.4px;
    height: 40px;
    line-height: 40px;
}
.extension_banner_txt {
    width: 100%;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.extension_banner_txt ul {
    margin: 0px;
    padding: 0px;
}
.extension_banner_txt li {
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.extension_banner_txt_title {
    width: 18%;
    float: left;
    text-align: left;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 1.2px;
}
.extension_banner_txt_content {
    width: 82%;
    float: right;
    text-align: left;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 1.2px;
}
.extension_banner_button_div {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.extension_banner_button_div ul {
    margin: 0px;
    padding: 0px;
}
.extension_banner_button_div li {
    list-style: none;
    float: left;
    margin-right: 40px;
    height: 54px;
    line-height: 54px;
}
.extension_banner_button, .extension_banner_try_button {
    width: 124px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    float: left;
    text-align: left;
    padding-left: 30px;
    cursor: pointer;
    background: url(images/down_ico.png) no-repeat 114px;
    background-color: #c1003f;
    font-size: 18px;
    color: #ffffff;
}
.extension_banner_try_button {
    background: url(images/try_ico.png) no-repeat 114px;
    background-color: #c1003f;
}
.extension_banner_button:hover, .extension_banner_try_button:hover {
    background-color: #e5004f;
}
a.link_white_18 {
    color: #ffffff;
    text-decoration: underline;
    font-size: 18px;
}
a.link_white_18:hover {
    text-decoration: none;
}
a.link_white_18_bold {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    display: block;
}
a.link_white_18_unline {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    display: block;
}
a.link_black_18_unline {
    color: #000000;
    text-decoration: none;
    font-size: 18px;
    display: block;
}
a.link_blue_18_unline {
    color: #00406d;
    text-decoration: none;
    font-size: 18px;
    display: block;
}
a.link_gray_try {
    color: #333333;
    text-decoration: none;
    font-size: 16px;
    display: block;
}
.extension_bg_white {
    width: 970px;
    position: relative;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
}
.extension_bg_gray {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: #f8f8f8;
    padding-top: 1px;
    padding-bottom: 1px;
}
.extension_txt_right, .extension_txt_left {
    width: 620px;
    float: right;
    margin-top: 150px;
    font-size: 34px;
    color: #2f6cb6;
    text-align: right;
}
.extension_txt_left {
    float: left;
    text-align: left;
}
.extension_pic_left, .extension_pic_right {
    width: 350px;
    float: left;
    text-align: left;
}
.extension_pic_right {
    float: right;
    text-align: right;
}
.extension_pic_left img, .extension_pic_right img {
    width: 100%;
}
/*推广页面css结束*/
.crm_nav {
    width: 168px;
    float: left;
    border-left: 3px solid #2f6cb6;
    margin-top: 50px;
}
.crm_nav_float {
    width: 168px;
    position: fixed;
    border-left: 3px solid #2f6cb6;
    top: 30px;
}
.crm_nav_gray {
    width: 118px;
    height: 50px;
    line-height: 50px;
    margin-left: 25px;
    text-align: center;
    font-size: 18px;
    color: #666666;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    font-weight: 300;
}
a.link_crm_nav_gray {
    color: #666666;
    text-decoration: none;
    font-size: 18px;
    display: block;
}
.crm_nav_blue {
    width: 168px;
    height: 51px;
    color: #ffffff;
    border-bottom-right-radius: 25px;
    background: #306cb5;
    cursor: pointer;
}
.crm_nav_blue_txt {
    width: 118px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    height: 51px;
    line-height: 51px;
    float: left;
}
.dot {
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 4px;
    float: left;
    margin-left: 17px;
    margin-top: 22px;
}
.crm_introduce {
    width: 79%;
    float: right;
    margin-right: 1%;
    margin-top: 20px;
}
.advantage_div {
    width: 57%;
    float: left;
    margin-top: 30px;
}
.advantage_title, .defect_title {
    width: 100%;
    float: left;
    color: #ce4b4b;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    height: 40px;
    line-height: 40px;
}
.defect_title {
    color: #23b58d;
}
.advantage_explain {
    width: 100%;
    float: left;
    color: #333333;
    font-size: 18px;
    text-align: left;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
}
.advantage {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.advantage ul {
    margin: 0px;
    padding: 0px;
}
.advantage li {
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.advantage_ico {
    width: 6%;
    float: left;
    margin-top: 5px;
    text-align: left;
}
.advantage_ico img {
    width: 20px;
    height: 20px;
}
.advantage_txt {
    width: 94%;
    float: left;
    font-size: 16px;
    color: #666666;
    line-height: 1.7;
    font-weight: 300;
    text-align: justify;
    text-justify: inter-ideograph;
}
.advantage_pic {
    width: 43%;
    margin-top: 50px;
    float: left;
    text-align: center;
}
.advantage_defect {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.upgrade_tips {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #ce4b4b;
    letter-spacing: 1.2px;
    line-height: 1.7;
}
.button_upgrade_tips {
    width: 20%;
    float: left;
    margin-left: 40.5%;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid #ce4b4b;
    color: #ce4b4b;
    background: #ffffff;
    cursor: pointer;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 50px;
}
.button_upgrade_tips:hover {
    background: #f9cccc;
    text-decoration: none;
}
.q_a {
    width: 100%;
    float: left;
    margin-top: 45px;
    margin-bottom: 40px;
}
.q_a ul {
    margin: 0px;
    padding: 0px;
}
.q_a li {
    width: 100%;
    list-style: none;
    float: left;
    margin-bottom: 50px;
}
.q_ico, .a_ico {
    width: 38px;
    height: 38px;
    float: left;
    color: #ffffff;
    text-align: center;
    line-height: 37px;
    font-size: 18px;
    background: #ce4b4b;
    border-radius: 20px;
}
.a_ico {
    background: #448aca;
}
.q_div {
    float: left;
    border: 2px solid #e7e7e7;
    min-width: 100px;
    background: #ffffff;
    z-index: 1;
    margin-left: 20px;
    border-radius: 5px;
    margin-top: -10px;
    height: 54px;
    line-height: 53px;
    box-shadow: -3px 3px 16px #e7e7e7;
}
.q_div_txt {
    font-size: 18px;
    color: #2f6cb6;
    font-weight: bold;
    text-align: left;
    margin-left: 20px;
    margin-right: 10px;
}
.triangle_under_q {
    position: absolute;
    font-size: 26px;
    color: #e7e7e7;
    margin-left: -13px;
    font-family: "宋体";
    margin-top: 1px;
}
.triangle_on_q {
    position: absolute;
    font-size: 26px;
    margin-left: -11px;
    color: #ffffff;
    font-family: "宋体";
    margin-top: 1px;
}
.q_a_div {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.a_txt {
    width: 92%;
    float: left;
    color: #666666;
    font-size: 16px;
    line-height: 1.7;
    margin-left: 2.5%;
    font-weight: 300;
    text-align: justify;
    text-justify: inter-ideograph;
}
.crm_banner_left {
    position: absolute;
    left: 3%;
    width: 97%;
    z-index: 2;
    margin-top: 68px;
}
.banner_crm_pic {
    width: 488px;
    height: 325px;
    position: absolute;
    right: 3%;
    z-index: 1;
}
.banner_crm_pic img {
    width: 488px;
    height: 325px;
}
.crm_title {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 34px;
    color: #393a3c;
    height: 40px;
    line-height: 40px;
    margin-bottom: 17px;
    letter-spacing: 1.7px;
}
.crm_explain {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: #666666;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
}
.function_contrast {
    width: 50%;
    float: left;
    margin-top: 20px;
}
.function_pic {
    width: 100%;
    height: 150px;
    float: left;
    text-align: center;
    margin-bottom: 10px;
}
.function_title {
    float: left;
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #2f6cb6;
    font-size: 24px;
    text-align: center;
}
.function {
    width: 76%;
    float: left;
    margin-left: 24%;
    margin-top: 27px;
    margin-bottom: 30px;
}
.function ul {
    margin: 0px;
    padding: 0px;
}
.function li {
    width: 100%;
    float: left;
    list-style: none;
    margin-bottom: 10px;
}
.dot_function {
    float: left;
    margin-top: 10px;
    width: 6px;
    height: 6px;
    background: #ffffff;
    border-radius: 6px;
    border: 2px solid #2f6cb6;
}
.function_txt {
    float: left;
    width: 90%;
    text-align: left;
    color: #333333;
    font-size: 17px;
    height: 28px;
    line-height: 28px;
    margin-left: 10px;
}
.button_function_detail {
    width: 20%;
    float: left;
    margin-left: 40.5%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border-radius: 25px;
    text-align: center;
    border: 2px solid #2f6cb6;
    color: #2f6cb6;
    background: #ffffff;
    cursor: pointer;
    margin-top: 25px;
    margin-bottom: 50px;
    font-weight: 700;
}
.button_function_detail:hover {
    background: #eaf0f8;
}
.function_introduce {
    width: 100%;
    float: left;
    text-align: center;
    color: #2f6cb6;
    font-size: 28px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    letter-spacing: 1.7px;
}
.function_explain {
    width: 100%;
    float: left;
    text-align: center;
    color: #666666;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    letter-spacing: 1.7px;
    margin-top: 10px;
}
.function_introduce_pic {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 90px;
}
.button_try {
    width: 30%;
    float: left;
    letter-spacing: 1.7px;
    margin-left: 35%;
    height: 60px;
    line-height: 60px;
    font-size: 26px;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background: #cc0000;
    cursor: pointer;
    margin-top: 25px;
    margin-bottom: 50px;
    box-shadow: -3px 3px 10px #dddddd;
}
.button_try:hover {
    background: #bd0000;
}
.function_crm_pic {
    width: 90%;
    float: left;
    text-align: center;
    margin-left: 5%;
    margin-bottom: -5px;
    box-shadow: 0px 0px 20px #e7e7e7;
}
.function_crm_pic img {
    width: 100%;
    height: auto;
    border-radius: 5px 5px 0px 0px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.help_title {
    width: 100%;
    float: left;
    color: #333333;
    font-size: 24px;
    text-align: center;
    margin-top: 30px;
    height: 30px;
    line-height: 30px;
}
.help_title_explain {
    width: 100%;
    float: left;
    color: #333333;
    font-size: 18px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.help_list_title {
    width: 100%;
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #333333;
    margin-bottom: 5px;
}
.help_button_left {
    width: 80px;
    position: relative;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
    color: #2f6cb6;
    background: url(images/hand.png) left no-repeat;
    padding-left: 42px;
    height: 40px;
    line-height: 44px;
}
.help_button_div_left {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 40px;
}
.help_button_div_right {
    float: right;
    width: 47%;
    margin-top: 5px;
    margin-bottom: 40px;
}
.help_list {
    width: 96%;
    margin-left: 4%;
    float: left;
    margin-top: 10px;
    margin-bottom: 40px;
}
.help_list ul {
    margin: 0px;
    padding: 0px;
}
.help_list li {
    width: 100%;
    float: left;
    list-style: none;
    border-bottom: 2px dotted #333333;
    margin-bottom: 12px;
}
.help_list_title_two {
    width: 99%;
    margin-left: 1%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    color: #333333;
    float: left;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.help_list_title_three {
    height: 30px;
    line-height: 30px;
    background: #ffffff;
    text-align: left;
    color: #333333;
    float: left;
    margin-bottom: -8px;
    font-size: 16px;
}
.help_list_see {
    height: 30px;
    line-height: 30px;
    background: #ffffff;
    text-align: right;
    float: right;
    margin-bottom: -8px;
}
.mode_title {
    width: 100%;
    color: #333333;
    font-size: 24px;
    text-align: left;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 15px;
}
.font_blue {
    color: #2f6cb6;
    font-size: 26px;
    font-weight: bold;
}
.mode_explain_blue, .mode_explain_red {
    float: left;
    width: 47%;
    margin-right: 3%;
    height: 34px;
    line-height: 34px;
    border-radius: 50px;
    background: #eaf0f8;
    text-align: center;
    color: #2f6cb6;
    font-size: 17px;
}
.mode_explain_red {
    background: #fef5e7;
    color: #ef4747;
}
.mode_content, .download_explain {
    width: 100%;
    float: left;
    margin-top: 27px;
    margin-bottom: 10px;
}
.mode_content ul, .download_explain ul {
    margin: 0px;
    padding: 0px;
}
.mode_content li, .download_explain li {
    width: 100%;
    float: left;
    list-style: none;
    margin-bottom: 5px;
}
.download_explain {
    margin-top: 15px;
}
.download_explain_title {
    width: 100%;
    color: #2f6cb6;
    font-size: 24px;
    text-align: left;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    margin-top: 15px;
}
.mode_txt {
    float: left;
    width: 86%;
    color: #666666;
    font-size: 16px;
    line-height: 2;
    margin-left: 10px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.mode_cost, .mode_free, .install_cost {
    float: left;
    width: 100%;
    text-align: left;
    color: #d02d2d;
    font-size: 18px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
}
.mode_free {
    width: 80%;
    margin-left: 38px;
}
.install_cost {
    width: 80%;
    margin-left: 14px;
}
.button_mode {
    background: #2f6cb6;
    color: #ffffff;
    font-size: 18px;
    border-radius: 5px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    float: left;
    font-weight: 700;
    letter-spacing: 1.7px;
    margin-top: 20px;
}
.button_mode:hover {
    background: #2b62a5;
}
.mode_div {
    width: 57%;
    float: left;
    height: 440px;
}
.mode {
    width: 100%;
    float: left;
    margin-bottom: 100px;
    margin-top: 20px;
}
.mode_pic {
    width: 42%;
    margin-left: 1%;
    padding-top: 20px;
    float: left;
    text-align: left;
    height: 420px;
}
.parameter_crm_name, .company_features_title, .function_introduce_title {
    width: 38%;
    position: relative;
    margin: 0 auto;
    color: #2f6cb6;
    font-size: 22px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    padding-left: 25px;
    padding-right: 25px;
    border-left: 4px solid #b1dcf2;
    border-right: 4px solid #b1dcf2;
    margin-top: 20px;
}
.company_features_title {
    width: 19%;
}
.function_introduce_title {
    width: 12%;
    margin-bottom: 35px;
}
.function_hot_div {
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 45px;
}
.function_hot_module {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #333333;
    font-size: 28px;
}
.function_hot {
    float: left;
    width: 29%;
    height: 250px;
    background: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 25px;
    margin-top: 10px;
}
.function_hot:hover {
    box-shadow: 0px 0px 20px #d8ecff;
}
.function_hot_line {
    float: left;
    width: 2px;
    height: 200px;
    margin-top: 35px;
    background: #e6f1fc;
    margin-left: 3%;
    margin-right: 3%;
}
.function_ico {
    float: left;
    width: 100%;
    height: 70px;
    text-align: center;
    margin-top: 25px;
}
.function_ico img {
    width: 70px;
    height: 70px;
}
.function_hot_name {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #333333;
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
}
.function_hot_txt {
    float: left;
    width: 80%;
    margin-left: 10%;
    font-size: 14px;
    color: #999999;
    line-height: 1.4;
    text-align: justify;
    text-justify: inter-ideograph;
    text-indent: 2em;
    margin-top: 5px;
}
.crm_introduce_content {
    width: 100%;
    position: relative;
    margin: 0 auto;
    line-height: 2;
    color: #666666;
    font-size: 16px;
    text-align: justify;
    text-justify: inter-ideograph;
    text-indent: 2em;
    margin-top: 20px;
    margin-bottom: 60px;
}
.company_features {
    width: 96%;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
}
.company_features ul {
    margin: 0px;
    padding: 0px;
}
.company_features li {
    width: 45%;
    float: left;
    list-style: none;
    height: 40px;
    line-height: 40px;
    background: url(images/lamp.png) left no-repeat;
    padding-left: 5%;
    text-align: left;
    font-size: 17px;
    color: #333333;
    margin-bottom: 6px;
}
.parameter_pic {
    width: 53%;
    text-align: left;
    float: left;
}
.parameter_div {
    width: 100%;
    position: relative;
    margin: 0 auto;
    margin-top: 100px;
}
.parameter_content {
    width: 47%;
    float: left;
}
.parameter_txt {
    float: left;
    width: 93%;
    color: #666666;
    font-size: 16px;
    line-height: 2;
    margin-left: 10px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.parameter_title {
    float: left;
    text-align: left;
    color: #2f6cb6;
    font-size: 22px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    padding-left: 4%;
    border-left: 4px solid #b1dcf2;
}
.font_gray_bold {
    color: #333333;
    font-weight: bold;
}
.parameter_crm_hardware {
    width: 100%;
    position: relative;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 100px;
}
.table {
    border-collapse: collapse;
    background: #ffffff;
    border: 2px solid #e5e5e5;
    color: #666666;
    font-size: 16px;
}
.table td {
    margin: 0;
    padding: 15px 25px;
    text-align: left;
}
.table tr, .table td {
    border: 2px solid #e5e5e5;
}
.table th {
    border: 2px solid #a0a0a0;
    font-weight: bold;
    background: #e5e5e5;
    color: #333333;
    text-align: left;
    padding: 15px 35px;
}
.video_list_title {
    width: 100%;
    float: left;
    height: 22px;
    line-height: 22px;
    font-size: 20px;
    text-align: left;
    color: #464646;
    margin-bottom: 40px;
    margin-top: 20px;
}
.video_list {
    width: 100%;
    float: right;
}
.video_list ul {
    margin: 0px;
    padding: 0px;
}
.video_list li {
    width: 20%;
    float: left;
    list-style: none;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 40px;
}
.video_list li a {
    display: block;
}
.video_list_pic {
    width: 100%;
    height: 143px;
    float: left;
    border-radius: 5px;
    background: -webkit-linear-gradient(#3f8ed6, #5ec1e9); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#3f8ed6, #5ec1e9); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#3f8ed6, #5ec1e9); /* Firefox 3.6 - 15 */
    background: linear-gradient(#3f8ed6, #5ec1e9); /* 标准的语法 */
    cursor: pointer;
}
.video_list_pic:hover {
    background: -webkit-linear-gradient(#387eb9, #52a6ca); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#387eb9, #52a6ca); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#387eb9, #52a6ca); /* Firefox 3.6 - 15 */
    background: linear-gradient(#387eb9, #52a6ca); /* 标准的语法 */
}
.video_list_title_num {
    float: left;
    width: 64px;
    height: 43px;
    padding-top: 23px;
    padding-left: 2px;
    text-align: center;
    border-radius: 33px;
    background: #ffffff;
    font-size: 24px;
    color: #4090d6;
    font-style: italic;
    margin-top: -17px;
    margin-left: -13px;
}
.video_list_play {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: -5px;
}
.video_list_play img {
    width: 58px;
    height: 58px;
}
.video_list_time {
    width: 95.5%;
    float: left;
    text-align: right;
    font-size: 18px;
    color: #ffffff;
    font-weight: 300;
    margin-top: 7px;
}
.video_list_small_title {
    width: 100%;
    float: left;
    text-align: center;
    color: #2f6cb6;
    font-weight: bold;
    font-size: 18px;
    height: 55px;
    line-height: 55px;
}
.video_play_title {
    width: 1180px;
    float: left;
    margin-left: 10px;
    color: #333333;
    font-size: 24px;
    text-align: left;
    height: 40px;
    line-height: 40px;
}
.video_play_route {
    width: 1180px;
    float: left;
    margin-left: 10px;
    text-align: left;
    color: #666666;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}
.video_play_div {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    margin-top: 25px;
}
.video {
    float: left;
    margin-left: 10px;
    width: 910px;
    height: 588px;
    background: #f2f2f2;
}
.video_recommend_div {
    width: 250px;
    height: 588px;
    float: right;
}
.video_recommend_title {
    width: 250px;
    height: 22px;
    line-height: 22px;
    float: left;
    text-align: left;
    font-size: 20px;
    color: #333333;
    margin-bottom: 20px;
}
.video_recommend {
    float: left;
    width: 250px;
    height: 546px;
    overflow-y: auto;
}
.video_recommend ul {
    margin: 0px;
    padding: 0px;
}
.video_recommend li {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    list-style: none;
}
.video_recommend li a {
    display: block;
}
.video_recommend_name {
    float: left;
    width: 220px;
    text-align: center;
    color: #2f6cb6;
    font-weight: bold;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
}
.video_recommend_content {
    float: left;
    width: 220px;
    height: 124px;
    background: #f2f2f2;
    margin-bottom: 27px;
}
.head_portrait {
    width: 70px;
    margin-left: 10px;
    height: 57px;
    padding-top: 13px;
    text-align: center;
    float: left;
    background: #ffffff;
    border-radius: 35px;
    box-shadow: 0px 0px 20px #e5e5e5;
}
.video_message {
    width: 88%;
    padding: 10px;
    float: right;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    height: 80px;
    background: #ffffff;
    font-family: "微软雅黑";
    color: #333333;
    font-size: 16px;
    letter-spacing: 1.7px;
    outline: 0px;
}
.video_message:hover {
    border: 2px solid #c0d3e9;
}
input::-webkit-input-placeholder {
 color: #666666;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #666666;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #666666;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #666666;
}
.message_button_div {
    width: 100%;
    float: left;
    text-align: right;
    margin-top: 15px;
    margin-bottom: 40px;
}
.button_blue_18 {
    width: 125px;
    height: 40px;
    font-size: 18px;
    color: #ffffff;
    background: #448aca;
    border-radius: 3px;
    outline: 0px;
    border: 0px;
    cursor: pointer;
}
.message_list {
    width: 100%;
    float: left;
    margin-top: -20px;
}
.message_list ul {
    margin: 0px;
    padding: 0px;
}
.message_list li {
    width: 100%;
    float: left;
    list-style: none;
    margin-bottom: 30px;
    margin-top: 30px;
}
.message_title {
    width: 72%;
    float: right;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #2f6cb6;
    text-align: left;
    border-top: 2px solid #eeeeee;
}
.message_time {
    width: 18%;
    float: right;
    text-align: right;
    height: 60px;
    line-height: 60px;
    color: #666666;
    font-size: 16px;
    border-top: 2px solid #eeeeee;
}
.message_content {
    width: 90%;
    line-height: 1.7;
    float: right;
    text-align: justify;
    text-justify: inter-ideograph;
    word-warp: break-word;
    word-break: break-all;
    font-size: 16px;
    color: #666666;
}
.message_reply {
    width: 87%;
    float: right;
    background: #f7f7f7;
    padding: 1.5%;
    border-radius: 4px;
    margin-top: 10px;
}
.message_reply_logo {
    width: 111px;
    height: 34px;
    float: left;
}
.message_reply_txt {
    width: 99%;
    margin-left: 1%;
    float: left;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-ideograph;
    word-warp: break-word;
    word-break: break-all;
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
}
.message_page {
    float: right;
    text-align: right;
    margin-bottom: 60px;
    height: 30px;
    line-height: 30px;
    color: #666666;
    font-size: 16px;
}
.banner_video_play {
    width: 100%;
    height: 75px;
    position: relative;
    margin: 0 auto;
    margin-top: -75px;
    z-index: 1;
    background: #2178c6;
}
.count_div {
    width: 400px;
    height: 270px;
    margin-left: -200px;
    margin-top: -135px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 8;
    background-color: #FFF;
    border-radius: 5px;
}
.close_count {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 5px;
    color: #888888;
    text-align: center;
    line-height: 40px;
    font-size: 40px;
    cursor: pointer;
    top: 3px;
    border-radius: 0px 3px 0px 0px;
}
.count {
    background: #eeeeee;
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    color: #666666;
    margin-top: 50px;
}
.count_input {
    width: 200px;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
    border: 0px;
    border-bottom: 1px solid #dcdcdc;
    height: 40px;
    line-height: 40px;
    outline: 0px;
    font-size: 15px;
    letter-spacing: 1.4px;
}
.count_wrong_remind {
    width: 200px;
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
}
.count_wrong_remind_ico {
    width: 21px;
    height: 21px;
    background: url(images/count_wrong_remind.png) no-repeat;
    float: left;
}
.count_wrong_remind_txt {
    width: 174px;
    text-align: left;
    padding-left: 5px;
    height: 21px;
    float: left;
    line-height: 21px;
    font-size: 14px;
    color: #999999;
}
.feedback {
    width: 79%;
    float: right;
    margin-right: 1%;
    margin-top: 40px;
}
a.link_message_page {
    color: #666666;
    text-decoration: none;
    font-size: 16px;
    background: #f4f4f4;
    padding: 8px 16px;
    margin-left: 10px;
}
.extension_content {
    float: left;
    padding-bottom: 211px;
    width: 100%;
    background: -webkit-linear-gradient(left top, #134888, #6494cf); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #134888, #6494cf); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #134888, #6494cf); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #134888, #6494cf); /* 标准的语法 */
}
.extension_div {
    position: fixed;
    top: 115px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: -webkit-linear-gradient(left top, #134888, #6494cf); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #134888, #6494cf); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #134888, #6494cf); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #134888, #6494cf); /* 标准的语法 */
}
.extension {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    margin-top: 130px;
    height: 476px;
    z-index: 1;
}
.extension_txt {
    width: 546px;
    float: left;
}
.extension_crm_name {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 37px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 2.2px;
    text-shadow: 0px 5px 5px rgba(4, 0, 0, 0.4);
}
.extension_slogan {
    width: 100%;
    float: left;
    letter-spacing: 2.2px;
    text-align: left;
    font-size: 24px;
    color: #ffea00;
    margin-top: 15px;
}
.use_plan {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.use_plan ul {
    margin: 0px;
    padding: 0px;
}
.use_plan li {
    width: 100%;
    float: left;
    text-align: left;
    list-style: none;
	line-height: 1.6;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 10px;
}
a.link_yellow_16 {
    color: #ffea00;
    text-decoration: none;
    font-size: 16px;
}
a.link_yellow_16:hover {
    text-decoration: underline;
}
.dot_extension {
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 4px;
    float: left;
    margin-top: 7px;
    margin-right: 8px;
}
.button_extension_div {
    width: 100%;
    float: left;
    margin-top: 80px;
	margin-bottom: 12px;
}
.button_down {
    float: left;
    padding-right: 26px;
    padding-left: 56px;
    text-align: left;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 17px;
    letter-spacing: 1.4px;
    background: url(images/extension_down_ico.png) 26px no-repeat;
    background-color: #00a4f0;
    cursor: pointer;
    box-shadow: 0px 5px 13px rgba(4, 0, 0, 0.1);
    margin-right: 36px;
}
.button_down:hover {
    background-color: #009ce4;
}
.button_extension_try {
    float: left;
    padding-right: 26px;
    padding-left: 62px;
    text-align: left;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    color: #154c8e;
    font-size: 17px;
    letter-spacing: 1.4px;
    background: url(images/extension_cloud_ico.png) 20px no-repeat;
    background-color: #ffffff;
    cursor: pointer;
    box-shadow: 0px 5px 13px rgba(4, 0, 0, 0.1);
}
.button_extension_try:hover {
    background-color: #efefef;
}
.down_file_size {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    margin-top: 15px;
}
.down_version {
    width: 100%;
    float: left;
	margin-bottom:3px;
	
}
.down_version ul {
    margin: 0px;
    padding: 0px;
}
.down_version li {
    float: left;
	width: 160px;
    list-style: none;
	line-height: 20px;
    text-align: left;
    color: #ffffff;
    font-size: 12px;
}

.dot_down_version {
    width: 4px;
    height: 4px;
    background: #ffffff;
    border-radius: 2px;
    float: left;
    margin-top: 9px;
    margin-right: 8px;
}

.extension_pic {
    float: right;
    width: 634px;
}
.extension_pic img {
    width: 634px;
    height: 472px;
}
.reg_remind_div {
    width: 520px;
    height: 300px;
    margin-left: -260px;
    margin-top: -150px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 20;
    background-color: #FFF;
    border-radius: 5px;
}
.reg_wrong_remind {
    width: 159px;
    position: relative;
    margin: 0 auto;
    margin-top: 40px;
}
.reg_remind_txt {
    width: 120px;
    text-align: center;
    height: 39px;
    line-height: 39px;
    font-size: 24px;
    float: left;
    color: #333333;
}
.reg_remind_ico {
    width: 39px;
    height: 39px;
    background: url(images/reg_remind.png) no-repeat;
    float: left;
}
.reset_password_button {
    border: 0px;
    padding: 10px 40px 10px 40px;
    text-align: center;
    font-size: 18px;
    background: #2f6cb6;
    outline: 0px;
    cursor: pointer;
    letter-spacing: 1.2px;
    position: relative;
    margin: 0 auto;
    margin-top: 8px;
    border-radius: 4px;
    color: #ffffff;
}
.reg_login {
    border: 0px;
    width: 138px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background: #2f6cb6;
    cursor: pointer;
    letter-spacing: 1.2px;
    position: relative;
    margin: 0 auto;
    margin-top: 8px;
    border-radius: 4px;
}
.link_login {
    font-size: 18px;
    display: block;
    text-decoration: none;
    color: #ffffff;
}
.success_remind_ico {
    width: 39px;
    height: 39px;
    background: url(images/success_remind.png) no-repeat;
    float: left;
}
.banner_year {
    width: 100%;
    height: 400px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    background: url("images/2021banner.jpg") no-repeat center;
    background-color: #e2272e;
}
.banner_index_div {
    width: 100%;
    height: 400px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
    background: url(images/index_banner.png) no-repeat center;
    background-color: #0069b2;
}
.banner_index {
    width: 1200px;
    height: 400px;
    position: relative;
    margin: 0 auto;
}
.banner_pic_1, .banner_pic_2, .banner_pic_3, .banner_pic_4, .banner_pic_5 {
    position: absolute;
    width: 747px;
    height: 400px;
    right: 0px;
    z-index: 2;
    background: url(images/index_banner_1.png) no-repeat;
}
.banner_pic_2 {
    background: url(images/index_banner_2.png) no-repeat;
}
.banner_pic_3 {
    background: url(images/index_banner_3.png) no-repeat;
}
.banner_pic_4 {
    background: url(images/index_banner_4.png) no-repeat;
}
.banner_pic_5 {
    background: url(images/index_banner_5.png) no-repeat;
}
.banner_slogan_div {
    position: absolute;
    z-index: 3;
    width: 80%;
    left: 20px;
    height: 390px;
}
.banner_slogan_big {
    width: 100%;
    float: left;
    text-align: left;
    color: #ffffff;
    font-size: 34px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    letter-spacing: 1.6px;
    margin-top: 84px;
}
.slogan_yellow {
    font-size: 44px;
    font-weight: bold;
    color: #fffb4f;
}
.banner_slogan_small {
    width: 100%;
    float: left;
    text-align: left;
    color: #ffffff;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    letter-spacing: 1.6px;
}
.index_column_title, .index_column_title_en {
    width: 100%;
    position: relative;
    margin: 0px auto;
    color: #333333;
    font-size: 30px;
    text-align: center;
    margin-top: 25px;
}
.index_column_title_en {
    color: #666666;
    font-size: 16px;
    margin-top: 15px;
}
.index_column_title_white {
    width: 100%;
    height: 30px;
    padding-top: 45px;
    position: relative;
    margin: 0px auto;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
}
.index_column_title_white_en {
    color: #ffffff;
    font-size: 16px;
    margin-top: 15px;
}
.banner_button {
    width: 136px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    float: left;
    background: #ffd70f;
    margin-top: 45px;
    cursor: pointer;
    border-radius: 4px;
}
.banner_button:hover {
    background: #f8d10f;
}
.index_product {
    width: 1185px;
    min-height: 361px;
    padding-left: 5px;
    padding-right: 10px;
    position: relative;
    margin: 0px auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
.index_product_pic_div {
    width: 542px;
    height: 314px;
    float: left;
}
.index_product_pic {
    width: 100%;
    float: left;
}
.index_product_pic img {
    width: 100%;
    height: auto;
}
.index_product_txt {
    width: 643px;
    float: left;
}
.index_product_title, .index_product_title_crm3 {
    float: left;
    border-left: 8px solid #0e91e9;
    height: 32px;
    line-height: 32px;
    text-align: left;
    padding-left: 21px;
    color: #333333;
    font-size: 26px;
    font-weight: bold;
    margin-left: 5px;
    margin-bottom: 15px;
}
.index_product_title_crm3 {
    border-left: 8px solid #00b783;
}
.use_method {
    float: left;
    margin-left: 40px;
    width: 600px;
    margin-top: 10px;
    font-weight: 300;
}
.use_method ul {
    margin: 0px;
    padding: 0px;
}
.use_method li {
    float: left;
    width: 100%;
    text-align: left;
    list-style: none;
    color: #333333;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 1.2px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.font_weight {
    font-weight: bold;
}
.index_try_div {
    float: left;
    width: 600px;
    margin-left: 40px;
    margin-top: 40px;
}
.index_try_blue, .index_download, .index_try_green {
    float: left;
    width: 150px;
    height: 44px;
    line-height: 46px;
    border-radius: 23px;
    background: #0e91e9;
    box-shadow: 0px 0px 7px #1ea5ff;
    cursor: pointer;
    text-align: center;
}
.index_try_blue:hover {
    background: #0882d3;
}
.index_try_green {
    background: #00b783;
    box-shadow: 0px 0px 7px #46d9af;
}
.index_try_green:hover {
    background: #02aa7a;
}
.index_download {
    color: #0e91e9;
    height: 43px;
    line-height: 45px;
    background: #ffffff;
    margin-left: 30px;
    margin-top: 1px;
}
a.link_index_try {
    color: #ffffff;
    font-size: 17px;
    display: block;
    text-decoration: none;
    font-weight: 300;
    letter-spacing: 1.2px;
}
a.link_index_download {
    color: #0e91e9;
    font-size: 17px;
    display: block;
    text-decoration: none;
    font-weight: 300;
    letter-spacing: 1.2px;
}
.index_download:hover {
    background: #e7f6ff;
}
.index_introduce_title {
    float: left;
    margin-left: 40px;
    width: 600px;
    height: 30px;
    line-height: 30px;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}
.index_function {
    float: left;
    margin-left: 32px;
    width: 611px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.index_function ul {
    margin: 0px;
    padding: 0px;
}
.index_function li {
    float: left;
    width: 80px;
    list-style: none;
    margin-bottom: 20px;
}
.index_function_ico {
    float: left;
    width: 100%;
    text-align: center;
}
.index_function_ico img {
    width: 34px;
    height: 34px;
}
.index_hot_function {
    float: left;
    width: 100%;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #666666;
    font-size: 14px;
}
.index_product_link_crm2, .index_product_link_crm3 {
    float: right;
    border-left: 8px solid #ffffff;
    padding-left: 3%;
    width: 90%;
    text-align: left;
    margin-top: 25px;
}
.index_product_link_crm3 {
    border-left: 8px solid #f6f6f6;
}
.index_content_gray {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: #fafafa;
    padding-top: 1px;
    padding-bottom: 1px;
}
.index_content_news {
    position: relative;
    margin: 0 auto;
    width: 100%;
    margin-top: 80px;
    background: #f6f6f6;
    padding-top: 15px;
    padding-bottom: 20px;
}
.comparison_pic_crm2 {
    float: left;
    width: 40%;
    margin-left: 2%;
}
.comparison_pic_crm3 {
    float: right;
    width: 40%;
    margin-right: 2%;
}
.comparison_pic {
    width: 100%;
    float: left;
    text-align: center;
}
.comparison_txt {
    width: 100%;
    float: left;
    text-align: center;
    color: #333333;
    font-weight: bold;
    font-size: 24px;
    margin-top: 15px;
}
.comparison_div {
    position: relative;
    margin: 0 auto;
    width: 96%;
    height: 328px;
    margin-top: 30px;
    margin-bottom: 70px;
    background: url(images/comparison.png) center no-repeat;
    background-color: #f6f6f6;
}
.index_function_crm2, .index_function_crm3 {
    width: 30%;
    float: left;
    margin-left: 4%;
    margin-top: 40px;
}
.index_function_crm2 ul, .index_function_crm3 ul {
    margin: 0px;
    padding: 0px;
}
.index_function_crm2 li, .index_function_crm3 li {
    width: 100%;
    float: left;
    list-style: none;
    margin-bottom: 17px;
    font-weight: 300;
}
.index_function_crm3 {
    float: right;
    margin-right: 2%;
    margin-left: 2%;
}
.index_function_txt {
    width: 94%;
    float: right;
    font-size: 16px;
    color: #333333;
    text-align: left;
    line-height: 1.4;
}
.index_function_dot {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #1675b5;
    float: left;
    margin-top: 6px;
}
.button_comparison_div {
    width: 32%;
    height: 328px;
    float: left;
}
.button_comparison {
    width: 227px;
    height: 57px;
    line-height: 57px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    margin-top: 138px;
    letter-spacing: 1.8px;
}
.button_comparison:hover {
    background: #146ca7;
    border-radius: 5px;
}
.index_news {
    width: 96%;
    float: left;
    margin-left: 2%;
    margin-top: 30px;
    background: url(images/index_news_line.png) repeat-y center;
    background-color: #ffffff;
}
.index_news ul {
    margin: 0px;
    padding: 0px;
}
.index_news li {
    width: 50%;
    float: left;
    list-style: none;
    border-bottom: 1px solid #ebebeb;
    padding-top: 23px;
    padding-bottom: 18px;
}
.index_news_title {
    width: 70%;
    float: left;
    text-align: left;
    line-height: 1.4;
    margin-top: 9px;
}
.index_news_time {
    width: 24%;
    float: left;
}
.index_news_date {
    color: #333333;
    font-size: 32px;
    width: 100%;
    text-align: center;
}
.index_news_month {
    color: #333333;
    font-size: 17px;
    width: 100%;
    text-align: center;
}
.index_news_more {
    float: left;
    width: 96%;
    margin-left: 2%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    margin-bottom: 40px;
    background: #ffffff;
}
.index_about_us_div {
    width: 100%;
    position: relative;
    margin: 0 auto;
    height: 350px;
    background: url(images/about_us_bg.png) center no-repeat;
    background-color: #017ad2;
}
.index_about_us_txt {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 36px;
    color: #ffffff;
    text-shadow: 3px 3px 5px #3d3d3d;
    margin-top: 30px;
}
.index_about_us_button {
    position: relative;
    margin: 0 auto;
    width: 192px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #ffffff;
    border-radius: 28px;
    margin-top: 50px;
}
.link_blue_bright_18:hover {
    background: #f2f2f2;
    border-radius: 30px;
}
.brand_brief_introduce {
    width: 90%;
    position: relative;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: left;
    background: #f6f6f6;
    padding: 25px 3%;
    color: #666666;
    margin-top: 50px;
}
.font_blue_bold {
    color: #2f6cb6;
    font-size: 16px;
    font-weight: bold;
}
.brand_introduce_button {
    width: 136px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: right;
    margin-right: 2%;
    background: #2f9fee;
    border-radius: 20px;
    margin-top: 10px;
}
.brand_introduce_button:hover {
    background: #2b97e2;
    border-radius: 20px;
}
.about_us_div {
    width: 100%;
    position: relative;
    margin: 0 auto;
    height: 373px;
    background: url(images/about_us_pic.png) center no-repeat;
    background-color: #2a3237;
    margin-top: 100px;
}
.about_us_txt {
    width: 80%;
    position: relative;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 3px 15px #cbcbcb;
    padding: 40px 65px 35px 65px;
}
.about_us_txt ul {
    margin: 0px;
    padding: 0px;
}
.about_us_txt li {
    float: left;
    width: 100%;
    color: #666666;
    font-size: 16px;
    text-indent: 2em;
    line-height: 2;
    letter-spacing: 1.4px;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 15px;
    list-style: none;
}
.about_us_map {
    width: 80%;
    position: relative;
    margin: 0 auto;
    margin-top: 150px;
}
.about_us_map img {
    width: 100%;
    height: auto;
}
.about_us_spread {
    width: 80%;
    position: relative;
    margin: 0 auto;
    text-align: left;
    color: #666666;
    font-weight: bold;
    font-size: 16px;
    line-height: 2;
    text-indent: 2em;
    margin-top: 30px;
    margin-bottom: 85px;
}
.company_idea_div {
    width: 100%;
    height: 450px;
    position: relative;
    margin: 0 auto;
    background: #1e3449;
}
.brand_introduce_dot {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #1675b5;
    float: left;
    margin-top: 8px;
}
.crm_pic {
    width: 100%;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}
.crm_pic img {
    width: 100%;
    height: auto;
}
.crm_summary_alpha {
    width: 695px;
    height: 320px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    background: #000000;
    z-index: 2;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.crm_summary_div {
    width: 695px;
    height: 320px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 3;
}
.function_name {
    width: 525px;
    float: left;
    margin-left: 70px;
    font-size: 40px;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    margin-top: 35px;
}
.pic_num {
    width: 80px;
    float: right;
    text-align: left;
    color: #ffffff;
    margin-top: 35px;
}
.function_summary {
    width: 555px;
    float: left;
    margin-left: 70px;
    font-size: 27px;
    font-weight: 500;
    color: #ffffff;
    text-align: left;
    line-height: 1.7;
    margin-top: 20px;
}
.pic_view_operation {
    width: 695px;
    height: 88px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 3;
    background: #4489ca;
}
.pic_next {
    width: 230px;
    float: right;
}
.pic_next ul {
    margin: 0px;
    padding: 0px;
}
.pic_next li {
    width: 100px;
    height: 88px;
    line-height: 88px;
    float: left;
    text-align: left;
    list-style: none;
    font-size: 20px;
    font-weight: bold;
}
.pic_button_div {
    width: 395px;
    float: left;
    margin-left: 70px;
}
.pic_button_div ul {
    margin: 0px;
    padding: 0px;
}
.pic_button_div li {
    width: 135px;
    height: 48px;
    line-height: 46px;
    border-radius: 24px;
    background: #255585;
    box-shadow: 0px 3px 7px #2166aa;
    margin-right: 37px;
    margin-top: 18px;
    list-style: none;
    float: left;
    text-align: center;
    cursor: pointer;
}
.pic_button_div li:hover {
    background: #214c78;
}
.banner_m {
    width: 100%;
    height: 880px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
    background: url(images/banner_m.png) no-repeat center;
}
.m_download {
    width: 90%;
    position: relative;
    margin: 0 auto;
    padding-top: 80px;
}
.download_div {
    width: 53%;
    float: left;
    margin-bottom: 50px;
    margin-left: 2%;
}
.channel_download {
    background: #1c67c2;
    width: 120px;
    height: 36px;
    line-height: 36px;
    float: left;
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
}
.explain_download {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 1.4px;
    margin-top: 10px;
    margin-bottom: 13px;
}
.code_div {
    float: left;
    width: 104px;
    margin-right: 60px;
}
.code_download {
    float: left;
    width: 88px;
    height: 88px;
    border: 2px solid #ffffff;
    padding: 6px;
    border-radius: 6px;
}
.code_txt {
    float: left;
    width: 104px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
    color: #ffffff;
    font-size: 16px;
}
.m_pic {
    float: right;
    width: 45%;
}
.m_pic img {
    width: 100%;
    height: auto;
}
.system_num {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
.app_logo {
    float: left;
    width: 10%;
    height: 91px;
    margin-left: 2%;
    text-align: left;
}
.num_explain {
    float: left;
    width: 72%;
}
.num_explain_title {
    background: #cc0000;
    padding-left: 20px;
    padding-right: 13px;
    height: 38px;
    line-height: 38px;
    float: left;
    border-radius: 6px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1.4px;
}
.num_explain_txt {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    line-height: 1.8;
    margin-top: 10px;
    letter-spacing: 1.4px;
}
.remind_ico {
    float: left;
    margin-top: 30px;
    width: 39px;
    height: 39px;
}
.remind_title {
    float: left;
    margin-top: 30px;
    margin-left: 10px;
    height: 39px;
    line-height: 39px;
    color: #ffffff;
    font-size: 18px;
}
.remind_content {
    float: left;
    width: 90%;
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 1.4px;
    margin-top: 10px;
    margin-bottom: 13px;
}
.app_explain_title {
    background: #1c67c2;
    height: 36px;
    line-height: 36px;
    padding-left: 30px;
    padding-right: 27px;
    float: left;
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
}
.mobile_download {
    background: #ffffff;
    width: 480px;
    padding-left: 50px;
    padding-right: 50px;
    height: 300px;
    margin-left: -150px;
    margin-top: -307px;
    position: absolute;
    z-index: 2;
    border-radius: 5px;
    box-shadow: 0px 0px 20px #d6d6d6;
    display: none;
}
.download_title {
    float: left;
    width: 100%;
    text-align: center;
    color: #448aca;
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-top: 38px;
}
.download_code {
    float: left;
    width: 480px;
    margin-top: 30px;
}
.download_code ul {
    margin: 0px;
    padding: 0px;
}
.download_code li {
    float: left;
    list-style: none;
    width: 100px;
    height: 100px;
    margin-left: 30px;
    margin-right: 30px;
}
.download_code li img {
    width: 100px;
    height: 100px;
}
.download_code_txt {
    float: left;
    width: 480px;
}
.download_code_txt ul {
    margin: 0px;
    padding: 0px;
}
.download_code_txt li {
    float: left;
    list-style: none;
    width: 160px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #333333;
    font-size: 15px;
}
.mobile_download_div {
    width: 412px;
    float: left;
}
.mobile_download_blank {
    float: left;
    width: 50px;
    height: 40px;
}
.product_mobile_download {
    list-style: none;
    float: left;
    width: 88px;
    height: 88px;
    padding: 6px;
    border: 2px solid #a0cfff;
    border-radius: 6px;
}
.product_mobile_download img {
    width: 88px;
    height: 88px;
}
.product_mobile_download_txt {
    float: left;
    width: 104px;
    height: 40px;
    line-height: 40px;
    color: #666666;
    font-size: 16px;
    text-align: center;
}
.banner_crm_content {
    width: 1200px;
    height: 325px;
    position: relative;
    margin: 0 auto;
}
.download_button {
    width: 170px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    float: left;
    background: #2f9fee;
    cursor: pointer;
    border-radius: 4px;
}
.download_button:hover {
    background: #2b96e1;
}
.try_button {
    width: 170px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    float: left;
    background: #ffde00;
    cursor: pointer;
    border-radius: 4px;
}
.try_button:hover {
    background: #f9d900;
}
.try_15 {
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #1094a5;
    font-size: 16px;
    font-weight: bold;
}
.crm2_version {
    width: 100%;
    float: left;
}
.crm2_version ul {
    margin: 0px;
    padding: 0px;
}
.crm2_version li {
    float: left;
    height: 40px;
    line-height: 40px;
    list-style: none;
    text-align: left;
    margin-right: 25px;
    color: #999999;
    font-size: 12px;
}
.login_button {
    width: 117px;
    height: 36px;
    background: #ffffff;
    font-size: 14px;
    font-weight: bold;
    color: #0084e0;
    outline: 0px;
    border: 2px solid #0084e0;
    border-radius: 4px;
    cursor: pointer;
}
.login_button:hover {
    background: #e7f3ff;
}
.login_div {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: #f3f3f3;
    padding-top: 40px;
    padding-bottom: 100px;
}
.login {
    width: 460px;
    min-height: 500px;
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
    background: #ffffff;
    margin-top: 60px;
    padding-top: 30px;
}
.login_title_line {
    width: 340px;
    position: relative;
    margin: 0 auto;
    border-bottom: 1px solid #dcdcdc;
}
.login_title {
    position: relative;
    margin: 0 auto;
    font-size: 18px;
    margin-bottom: -25px;
    color: #666666;
    height: 50px;
    line-height: 50px;
    width: 120px;
    background: #ffffff;
}
.login_mode {
    width: 340px;
    position: relative;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 10px;
}
.login_mode_user {
    width: 160px;
    height: 40px;
    float: left;
    cursor: pointer;
}
.login_mode_code {
    width: 160px;
    float: right;
    cursor: pointer;
}
.login_mode_user_ico_black, .login_mode_user_ico_gray, .login_mode_code_ico_black, .login_mode_code_ico_gray {
    width: 21px;
    height: 21px;
    float: left;
    background: url(images/reg_user_black.png) no-repeat;
}
.login_mode_user_ico_gray {
    background: url(images/reg_user_gray.png) no-repeat;
}
.login_mode_code_ico_black {
    float: right;
    background: url(images/reg_code_black.png) no-repeat;
}
.login_mode_code_ico_gray {
    float: right;
    background: url(images/reg_code_gray.png) no-repeat;
}
.login_mode_user_txt_black, .login_mode_user_txt_gray, .login_mode_code_txt_black, .login_mode_code_txt_gray {
    width: 110px;
    height: 21px;
    line-height: 21px;
    float: left;
    margin-left: 10px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
.login_mode_code_txt_black, .login_mode_code_txt_gray {
    width: 110px;
    text-align: right;
    float: right;
    margin-left: 0px;
}
.login_mode_user_txt_gray, .login_mode_code_txt_gray {
    color: #999999;
}
.login_input {
    width: 340px;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
    border: 0px;
    border-bottom: 1px solid #dcdcdc;
    height: 40px;
    line-height: 40px;
    outline: 0px;
    font-size: 15px;
    letter-spacing: 1.4px;
}
.reg_remind {
    width: 340px;
    position: relative;
    margin: 0 auto;
    text-align: left;
    font-size: 13px;
    color: #cc3333;
    height: 13px;
    margin-top: 3px;
}
.get_password_link {
    width: 340px;
    position: relative;
    margin: 0 auto;
    text-align: right;
    height: 30px;
    line-height: 30px;
    margin-top: 3px;
}
a.link_blue_login {
    font-size: 14px;
    color: #4d95d6;
    text-decoration: none;
}
a.link_blue_login:hover {
    text-decoration: underline;
}
.login_button_big, .code_verification_button {
    width: 340px;
    color: #ffffff;
    border: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 18px;
    background: #2f6cb6;
    outline: 0px;
    cursor: pointer;
    letter-spacing: 1.2px;
    position: relative;
    margin: 0 auto;
    margin-top: 50px;
    border-radius: 4px;
}
.code_verification_button {
    color: #e9e9e9;
    background: #b5b5b5;
}
.reg_link {
    width: 340px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 25px;
}
::-webkit-input-placeholder {
 color: #c5c5c5;
}
:-moz-placeholder { /* Firefox 18- */
 color: #c5c5c5;
}
::-moz-placeholder { /* Firefox 19+ */
 color: #c5c5c5;
}
:-ms-input-placeholder {
 color: #c5c5c5;
}
.cover_user {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    text-align: center;
    vertical-align: middle;
    min-height: 200px;
}
.count_div_user, .tel_repeat_remind_div {
    width: 400px;
    height: 270px;
    margin-left: -200px;
    margin-top: -135px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 3;
    background-color: #FFF;
    border-radius: 5px;
}
.tel_repeat_remind_div {
    width: 560px;
    height: 400px;
    margin-left: -280px;
    margin-top: -200px;
    z-index: 8;
}
.close_user {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 5px;
    color: #888888;
    text-align: center;
    line-height: 40px;
    font-size: 40px;
    cursor: pointer;
    top: 3px;
    border-radius: 0px 3px 0px 0px;
}
.count_input {
    width: 200px;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
    border: 0px;
    border-bottom: 1px solid #dcdcdc;
    height: 40px;
    line-height: 40px;
    outline: 0px;
    font-size: 15px;
    letter-spacing: 1.4px;
}
.count_wrong_remind {
    width: 200px;
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
}
.count_wrong_remind_ico {
    width: 21px;
    height: 21px;
    background: url(images/count_wrong_remind.png) no-repeat;
    float: left;
}
.count_wrong_remind_txt {
    width: 174px;
    text-align: left;
    padding-left: 5px;
    height: 21px;
    float: left;
    line-height: 21px;
    font-size: 14px;
    color: #999999;
}
.get_password_mode_button, .get_password_mode_button_default {
    position: relative;
    margin: 0 auto;
    width: 320px;
    padding-left: 40px;
    color: #2f6cb6;
    border: 3px solid #2f6cb6;
    border-radius: 8px;
    font-size: 18px;
    padding-top: 13px;
    padding-bottom: 13px;
    outline: 0px;
    text-align: left;
    background: url(images/get_password_arrow.png) no-repeat 300px;
    cursor: pointer;
    margin-top: 40px;
    letter-spacing: 1.4px;
}
.get_password_mode_button_default {
    background: url(images/get_password_arrow.png) no-repeat 300px;
    background-color: #dfecfc;
}
.code_get_password_remind, .tel_repeat_remind {
    width: 340px;
    font-size: 16px;
    color: #ff6666;
    position: relative;
    margin: 0 auto;
    line-height: 1.7;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: 1.2px;
    margin-top: 45px;
}
.tel_repeat_remind {
    width: 475px;
    margin-top: 40px;
}
.get_password_code_pic, .login_code_pic {
    position: relative;
    margin: 0 auto;
    width: 245px;
    height: 245px;
    margin-top: 38px;
}
.get_password_code_pic img, .login_code_pic img {
    width: 245px;
    height: 245px;
}
.login_code_pic {
    margin-top: 20px;
    border: 1px solid #e5e5e5;
    padding: 5px;
}
.choice_getpassword_user {
    width: 480px;
    height: 180px;
    overflow-y: auto;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
}
.choice_getpassword_user ul {
    margin: 0px;
    padding: 0px;
}
.choice_getpassword_user li {
    width: 100%;
    float: left;
    list-style: none;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.choice_user_radio_button_div {
    width: 30px;
    height: 18px;
    padding-top: 2px;
    text-align: left;
    float: left;
}
.choice_user_radio_button {
    width: 17px;
    height: 17px;
}
.choice_user {
    height: 20px;
    line-height: 20px;
    text-align: left;
    width: 265px;
    float: left;
    color: #666666;
    font-size: 14px;
}
.choice_user_reg_time {
    height: 20px;
    line-height: 20px;
    text-align: right;
    width: 150px;
    float: right;
    color: #999999;
    font-size: 13px;
}
.choice_user_company {
    height: 20px;
    line-height: 20px;
    text-align: left;
    width: 425px;
    float: left;
    color: #666666;
    font-size: 13px;
    margin-left: 30px;
}
.reg_success_button {
    border: 0px;
    padding: 10px 40px 10px 40px;
    text-align: center;
    font-size: 18px;
    background: #2f6cb6;
    outline: 0px;
    cursor: pointer;
    letter-spacing: 1.2px;
    position: relative;
    margin: 0 auto;
    margin-top: 25px;
    border-radius: 4px;
    color: #ffffff;
}
.reg_success_button {
    margin-top: 0px;
}
.get_password_success_ico {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}
.get_password_success_txt {
    width: 80%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 1.4px;
    color: #666666;
    margin-top: 30px;
    margin-bottom: 20px;
}
.code_login_cover {
    width: 245px;
    height: 245px;
    position: absolute;
    background: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 1;
}
.code_login_display {
    width: 245px;
    height: 245px;
    position: absolute;
    z-index: 2;
}
.code_login_display_txt {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding-top: 60px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
}
.code_login_display_button_div {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding-top: 40px;
    text-align: center;
}
.code_login_display_button {
    padding: 9px 20px 9px 22px;
    text-align: center;
    font-size: 14px;
    outline: 0px;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 1.2px;
    color: #ffffff;
    border: 0px;
    background: #2f6cb6;
}
.get_password_tel, .get_password_code {
    width: 350px;
    position: relative;
    margin: 0 auto;
    margin-top: 80px;
}
.get_password_code {
    margin-top: 30px;
    margin-bottom: 30px;
}
.reg_remind_ico {
    width: 39px;
    height: 39px;
    background: url(images/reg_remind.png) no-repeat;
    float: left;
}
.reg_remind_explain {
    width: 390px;
    position: relative;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #666666;
    text-align: left;
    line-height: 2;
}
.get_password_remind {
    width: 234px;
    float: left;
    margin-left: 100px;
    text-align: left;
    font-size: 13px;
    color: #cc3333;
    height: 13px;
    margin-top: 3px;
}
.count_button_div {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}
.count_button {
    padding: 7px 20px 7px 22px;
    text-align: center;
    font-size: 13px;
    outline: 0px;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 1.2px;
    color: #ffffff;
    border: 0px;
    background: #2f6cb6;
}
.reg_success_password {
    width: 80%;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 16px;
    letter-spacing: 1.4px;
    color: #666666;
}
.reg_success_txt {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    letter-spacing: 1.2px;
    color: #666666;
    font-weight: bold;
    margin-top: 40px;
}
.reg_success_remind {
    width: 80%;
    font-size: 14px;
    color: #999999;
    position: relative;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 1.2px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.login_button {
    width: 117px;
    height: 36px;
    background: #ffffff;
    font-size: 14px;
    font-weight: bold;
    color: #0084e0;
    outline: 0px;
    border: 2px solid #0084e0;
    border-radius: 4px;
    cursor: pointer;
}
.login_button:hover {
    background: #e7f3ff;
}
.copyright {
    width: 100%;
    height: 85px;
    padding-top: 30px;
    position: relative;
    margin: 0 auto;
    bottom: 0px;
    font-size: 13px;
    text-align: center;
    line-height: 2.2;
    color: #646464;
    background: #212121;
}
.verification_code_button {
    color: #666666;
    border: 0px;
    padding: 7px 14px 8px 17px;
    text-align: center;
    font-size: 15px;
    background: #e3e3e3;
    outline: 0px;
    cursor: pointer;
    letter-spacing: 1.2px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}
.reg_information {
    width: 100px;
    float: left;
    text-align: left;
    color: #999999;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}
.reg_input, .reg_verification_code_input, .reg_tel_input, .get_password_input {
    border: 0px;
    outline: 0px;
    border-bottom: 1px solid #dcdcdc;
    height: 39px;
    line-height: 39px;
    width: 340px;
    padding-left: 10px;
    font-size: 16px;
    float: left;
}
.reg_verification_code_input {
    width: 108px;
}
.get_password_input {
    width: 229px;
}
.reg {
    width: 820px;
    min-height: 480px;
    position: relative;
    margin: 0 auto;
    background: #ffffff;
    margin-top: 30px;
    padding-top: 55px;
    padding-bottom: 60px;
}
.hope_contact_title {
    color: #666666;
    width: 630px;
    float: left;
    margin-left: 190px;
    text-align: left;
    font-size: 16px;
    letter-spacing: 1.2px;
}
.hope_contact {
    width: 630px;
    float: left;
    margin-left: 190px;
    margin-top: 40px;
    margin-bottom: 80px;
}
.hope_contact ul {
    margin: 0px;
    padding: 0px;
}
.hope_contact li {
    list-style: none;
    float: left;
    width: 20%;
    text-align: left;
}
.contact_button_gray, .contact_button_blue {
    color: #999999;
    border: 1px solid #999999;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 90px;
    text-align: center;
    font-size: 14px;
    background: #ffffff;
    outline: 0px;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 1.2px;
}
.contact_button_blue {
    color: #2f6cb6;
    border: 1px solid #2f6cb6;
    background: #f2f7fe;
}
.triangle_on {
    position: absolute;
    font-size: 16px;
    color: #f2f7fe;
    top: -8px;
    font-family: "宋体";
    left: 37px;
}
.triangle_under {
    font-size: 16px;
    position: absolute;
    color: #acc4e2;
    top: -9px;
    font-family: "宋体";
    left: 37px;
}
.contact_explain {
    border: 1px solid #acc4e2;
    margin-top: 12px;
    font-size: 14px;
    color: #2f6cb6;
    padding: 5px 4px 5px 12px;
    position: absolute;
    background: #f2f7fe;
    letter-spacing: 1.2px;
    border-radius: 4px;
}
.reg_div {
    width: 620px;
    margin-left: 190px;
    float: left;
    margin-bottom: 15px;
}
.reg_title {
    width: 620px;
    margin-left: 190px;
    float: left;
    margin-top: 49px;
    margin-bottom: 29px;
}
.reg_title_txt {
    float: left;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    width: 106px;
    text-align: left;
    height: 28px;
    line-height: 28px;
}
.reg_explain {
    float: left;
    text-align: left;
    font-size: 16px;
    color: #2f6cb6;
    height: 28px;
    line-height: 28px;
    letter-spacing: 1.2px;
}
.reg_information {
    width: 100px;
    float: left;
    text-align: left;
    color: #999999;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}
.reg_button_gray, .reg_button_blue {
    color: #e9e9e9;
    border: 0px;
    padding: 10px 80px 10px 80px;
    text-align: center;
    font-size: 18px;
    background: #b5b5b5;
    outline: 0px;
    cursor: pointer;
    letter-spacing: 1.2px;
    float: left;
    margin-left: 100px;
    margin-top: 30px;
    border-radius: 4px;
}
.reg_button_blue {
    background: #2f6cb6;
    color: #ffffff;
}
.remind {
    width: 520px;
    padding-left: 100px;
    text-align: left;
    font-size: 13px;
    color: #cc3333;
    float: left;
    height: 13px;
    margin-top: 3px;
}
.get_password {
    width: 460px;
    min-height: 440px;
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
    background: #ffffff;
    margin-top: 60px;
    padding-top: 90px;
}
.function_pop_dot {
    width: 10px;
    height: 10px;
    background: #306cb5;
    float: left;
    margin-top: 34px;
    margin-left: 35px;
}
.function_pop_title_div {
    float: right;
    width: 730px;
    margin-right: 40px;
    margin-top: 24px;
}
.function_pop_title {
    float: left;
    width: 100%;
    text-align: left;
    color: #000000;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
}
.function_pop_explain {
    float: left;
    color: #000000;
    font-size: 14px;
    width: 100%;
    line-height: 1.6;
    margin-top: 10px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.function_pop_pic {
    float: left;
    width: 730px;
    margin-left: 45px;
    margin-top: 15px;
    text-align: center;
}
.function_pop_pic img {
    width: 700px;
    height: 420px;
}
.function_pop {
    background: #ffffff;
    width: 830px;
    height: 600px;
    margin-left: -415px;
    margin-top: -300px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 8;
    border-radius: 15px;
}
.close_function {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 36px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    color: #666666;
    font-size: 30px;
    cursor: pointer;
    border-radius: 20px;
    z-index: 9;
    background: #d2d2d2;
}
.close_function:hover {
    background: #c9c9c9;
}
.banner {
    width: 100%;
    height: 400px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    background: url("images/banner.jpg") no-repeat center;
    background-color: #f7e0da;
}