/*default.css  start*/

html {
    color: #000;
    background: #FFF
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

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

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    /* font-weight: normal */
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input,
textarea,
select {
    *font-size: 100%
}

legend {
    color: #000
}

#yui3-css-stamp.cssreset {
    display: none
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body a.wfEditorMode {
    display: none;
}

body.wfEditorMode a.wfEditorMode {
    display: block;
    height: 1.3em;
    line-height: 1.3em;
    float: right;
    margin: 0;
    padding: 0 0.5em;
    background: white;
    color: #99ccff;
    margin-top: -1.3em
}


/*default.css  end*/


/*index.css  start*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
option,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

* {
    outline: 0 none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul li {
    list-style: none;
}

a {
    color: black;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}

img {
    border: 0;
}

@font-face {
    font-family: SourceHanSansCN;
    src: url('/themes/basic/skin/font/SourceHanSansCN-Normal.ttf');
}

body {
    font-family: Microsoft YaHei, Open Sans, "HelveticaNeue-Light", "Helvetica?Neue?Light", "Helvetica?Neue", Helvetica, Arial, "Lucida?Grande", sans-serif, Arial, Verdana, Source Han Sans SC, Source Han Sans CN;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}


/*banner*/

.section_banner {
    height: 2000px;
    visibility: hidden;
    position: relative;
}

.sy_banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

.sy_banner .slider {
    overflow: hidden;
}

.sy_banner .slider .item_insuremo {
    background: linear-gradient(139deg, rgb(218, 58, 228) 0.074%, rgb(95, 57, 225) 51.91%, rgb(1, 0, 2) 99.934%);
}

.sy_banner .slider .item {
    float: left;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.sy_banner .slider img.pic_img {
    float: left;
    width: 100%;
    height: 100%;
}

.sy_banner .slider .item a.item_link {
    /*    display: block;*/
    width: 100%;
    height: 100%;
}

.banner_num {
    width: 100%;
    height: 58px;
    position: absolute;
    left: 0;
    bottom: 35px;
    text-align: center;
    z-index: 9;
}

.banner_num a {
    display: inline-block;
    width: 99px;
    height: 58px;
    text-indent: 100px;
    overflow: hidden;
    cursor: pointer;
    margin: 0 2px;
    background: url(../images/banner_num_icon1.png) no-repeat;
}

.banner_num a:nth-of-type(1) {
    background-position: 0px 0px;
}

.banner_num a.selected:nth-of-type(1) {
    background-position: 0px -58px;
}

.banner_num a:nth-of-type(3) {
    background-position: -99px 0px;
}

.banner_num a.selected:nth-of-type(3) {
    background-position: -99px -58px;
}

.banner_num a:nth-of-type(2) {
    background-position: -198px 0px;
}

.banner_num a.selected:nth-of-type(2) {
    background-position: -198px -58px;
}

.sy_banner_prev {
    width: 100px;
    height: 125px;
    position: absolute;
    top: 50%;
    left: 8%;
    margin-top: -60px;
    cursor: pointer;
    background: url("../images/sy_banner_prev.png") no-repeat center center;
    z-index: 899;
    opacity: 0;
}

.sy_banner_next {
    width: 100px;
    height: 125px;
    position: absolute;
    top: 50%;
    right: 8%;
    margin-top: -60px;
    cursor: pointer;
    background: url("../images/sy_banner_next.png") no-repeat center center;
    z-index: 899;
    opacity: 0;
}

.sy_banner_pos {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.sy_banner_pos_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 180px;
    box-sizing: border-box;
}

.sy_banner_title1 {
    width: 100%;
    height: auto;
}

.sy_banner_title1 .top {
    width: 100%;
    height: auto;
    margin-bottom: 100px;
}

.sy_banner_title1 .top h3 {
    font-size: 48px;
    color: #f58220;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

.sy_banner_title1 .top p {
    font-size: 32px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.sy_banner_title1 .bottom {}

.sy_banner_title1_pic {
    width: 100%;
    height: 160px;
    position: absolute;
    top: 45%;
    left: 0;
}

.sy_banner_title1_pic .banner_title1_line {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 150px;
}

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

.sy_banner_title1_pic_list ul li {
    float: left;
    width: 12.5%;
    height: 160px;
    position: relative;
    overflow: hidden;
}

.sy_banner_title1_pic_list ul li .pic {
    display: block;
    width: 55px;
    height: 55px;
    overflow: hidden;
}

.sy_banner_title1_pic_list ul li .img {
    display: inherit;
    width: 55px;
    height: 55px;
    position: absolute;
}

.sy_banner_title1_pic_list ul li.li_1 .pic {
    position: absolute;
    top: 15px;
    left: 0;
}

.sy_banner_title1_pic_list ul li.li_2 .pic {
    position: absolute;
    top: 15px;
    left: 10px;
}

.sy_banner_title1_pic_list ul li.li_3 .pic {
    position: absolute;
    top: 105px;
    left: 30px;
}

.sy_banner_title1_pic_list ul li.li_4 .pic {
    position: absolute;
    top: 60px;
    left: 45px;
}

.sy_banner_title1_pic_list ul li.li_5 .pic {
    position: absolute;
    top: 0;
    left: 25px;
}

.sy_banner_title1_pic_list ul li.li_6 .pic {
    position: absolute;
    top: 50px;
    left: 30px;
}

.sy_banner_title1_pic_list ul li.li_7 .pic {
    position: absolute;
    top: 105px;
    left: 50px;
}

.sy_banner_title1_pic_list ul li.li_8 .pic {
    position: absolute;
    right: 0;
    top: 5px;
}

.sy_banner_title1_pic_list ul li .pic .img {
    background: url(../images/home_banner_icon.png) no-repeat;
}

.sy_banner_title1_pic_list ul li.li_1 .pic .img1 {
    background-position: -110px -55px;
}

.sy_banner_title1_pic_list ul li.li_1 .pic .img2 {
    background-position: -110px 0px;
}

.sy_banner_title1_pic_list ul li.li_2 .pic .img1 {
    background-position: -330px -55px;
}

.sy_banner_title1_pic_list ul li.li_2 .pic .img2 {
    background-position: -330px 0px;
}

.sy_banner_title1_pic_list ul li.li_3 .pic .img1 {
    background-position: -275px -55px;
}

.sy_banner_title1_pic_list ul li.li_3 .pic .img2 {
    background-position: -275px 0px;
}

.sy_banner_title1_pic_list ul li.li_4 .pic .img1 {
    background-position: -220px -55px;
}

.sy_banner_title1_pic_list ul li.li_4 .pic .img2 {
    background-position: -220px 0px;
}

.sy_banner_title1_pic_list ul li.li_5 .pic .img1 {
    background-position: 0px -55px;
}

.sy_banner_title1_pic_list ul li.li_5 .pic .img2 {
    background-position: 0px 0px;
}

.sy_banner_title1_pic_list ul li.li_6 .pic .img1 {
    background-position: -55px -55px;
}

.sy_banner_title1_pic_list ul li.li_6 .pic .img2 {
    background-position: -55px 0px;
}

.sy_banner_title1_pic_list ul li.li_7 .pic .img1 {
    background-position: -110px -55px;
}

.sy_banner_title1_pic_list ul li.li_7 .pic .img2 {
    background-position: -110px 0px;
}

.sy_banner_title1_pic_list ul li.li_8 .pic .img1 {
    background-position: -165px -55px;
}

.sy_banner_title1_pic_list ul li.li_8 .pic .img2 {
    background-position: -165px 0px;
}

.sy_banner_title2 {
    width: 100%;
    height: auto;
}

.sy_banner_title2 .left {
    float: left;
    width: 45%;
    padding-top: 12%;
    box-sizing: border-box;
}

.sy_banner_title2 .left h3 {
    font-size: 34px;
    color: #ffffff;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 30px;
}

.sy_banner_title2 .left p {
    font-size: 26px;
    color: #ffffff;
    line-height: 40px;
}

.sy_banner_title2 .right {
    float: left;
    width: 55%;
    position: relative;
}

.sy_banner2_title2_right {
    width: 460px;
    height: 470px;
    position: absolute;
    top: 60px;
    right: 40px;
}

.sy_banner2_title2_right .banner2_title2_tu {
    display: block;
    width: 460px;
    height: 470px;
}

.sy_banner2_title2_right .banner2_title2_tu_line {
    position: absolute;
    left: 0;
    top: 0;
    width: 460px;
    height: 470px;
    display: block;
    /*    background: url(../images/sy_banner2_bj_line.png) no-repeat center center;*/
    -webkit-animation: pointAnimations 5s linear infinite;
    -moz-animation: pointAnimations 5s linear infinite;
    -ms-animation: pointAnimations 5s linear6 infinite;
    animation: pointAnimations 5s linear infinite;
}

@-webkit-keyframes pointAnimations {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes pointAnimations {
    0% {
        -moz-transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes pointAnimations {
    0% {
        -ms-transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg)
    }
}

@keyframes pointAnimations {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.sy_banner2_title2_list {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.sy_banner2_title2_list ul li {
    float: left;
    width: 77px;
    height: 100px;
}

.sy_banner2_title2_list ul li .pic {
    display: block;
    width: 77px;
    height: 77px;
    overflow: hidden;
}

.sy_banner2_title2_list ul li img {
    display: inherit;
    width: 77px;
    height: 77px;
    position: absolute;
}

.sy_banner2_title2_list ul li p {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
}

.sy_banner2_title2_list ul li.li_1 .pic {
    position: absolute;
    top: -5px;
    left: 221px;
}

.sy_banner2_title2_list ul li.li_2 .pic {
    position: absolute;
    top: 102px;
    right: 13px;
}

.sy_banner2_title2_list ul li.li_3 .pic {
    position: absolute;
    top: 278px;
    right: 5px;
}

.sy_banner2_title2_list ul li.li_4 .pic {
    position: absolute;
    bottom: 5px;
    right: 130px;
}

.sy_banner2_title2_list ul li.li_5 .pic {
    position: absolute;
    bottom: 21px;
    left: 91px;
}

.sy_banner2_title2_list ul li.li_6 .pic {
    position: absolute;
    top: 239px;
    left: -6px;
}

.sy_banner2_title2_list ul li.li_7 .pic {
    position: absolute;
    top: 66px;
    left: 34px;
}

.sy_banner2_title2_list ul li.li_1 p {
    position: absolute;
    top: -32px;
    left: 235px;
}

.sy_banner2_title2_list ul li.li_2 p {
    position: absolute;
    top: 78px;
    right: 35px;
}

.sy_banner2_title2_list ul li.li_3 p {
    position: absolute;
    top: 362px;
    right: 31px;
}

.sy_banner2_title2_list ul li.li_4 p {
    position: absolute;
    bottom: -22px;
    right: 133px;
}

.sy_banner2_title2_list ul li.li_5 p {
    position: absolute;
    bottom: -30px;
    left: 40px;
}

.sy_banner2_title2_list ul li.li_6 p {
    position: absolute;
    top: 325px;
    left: -10px;
    /* left: -5px; */
}

.sy_banner2_title2_list ul li.li_7 p {
    position: absolute;
    top: 40px;
    left: 27px;
}

.sy_banner2_title2_list ul li.active p {
    color: #ffa528;
}

.sy_banner_title3 {
    width: 100%;
    height: auto;
}

.sy_banner_title3 .left {
    float: left;
    width: 100%;
    padding-top: 12%;
    box-sizing: border-box;
    text-align: center;
}

.sy_banner_title3 .left h3 {
    font-size: 46px;
    color: #0087ff;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 30px;
}

.sy_banner_title3 .left p {
    font-size: 30px;
    color: #333333;
    line-height: 40px;
}

.sy_banner_title3 .right {
    float: left;
    width: 55%;
    position: relative;
    display: none;
}

.sy_banner3_title3_right {
    width: 353px;
    height: 375px;
    position: absolute;
    top: 90px;
    right: 40px;
}

.sy_banner3_title3_right .banner3_title3_tu {
    display: block;
    width: 353px;
    height: 375px;
}

.sy_banner3_title3_list {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.sy_banner3_title3_list ul li {
    float: left;
    width: 79px;
    height: 100px;
}

.sy_banner3_title3_list ul li .pic {
    display: block;
    width: 79px;
    height: 79px;
    overflow: hidden;
}

.sy_banner3_title3_list ul li img {
    display: inherit;
    width: 79px;
    height: 79px;
    position: absolute;
}

.sy_banner3_title3_list ul li p {
    font-size: 16px;
    color: #0087ff;
    line-height: 20px;
}

.sy_banner3_title3_list ul li.li_1 .pic {
    position: absolute;
    top: 0;
    left: 155px;
}

.sy_banner3_title3_list ul li.li_2 .pic {
    position: absolute;
    top: 165px;
    right: 3px;
}

.sy_banner3_title3_list ul li.li_3 .pic {
    position: absolute;
    top: 310px;
    right: 5px;
}

.sy_banner3_title3_list ul li.li_1 p {
    position: absolute;
    top: 110px;
    left: 35px;
    transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    /* Internet Explorer */
    -moz-transform: rotate(-50deg);
    /* Firefox */
    -webkit-transform: rotate(-50deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-50deg);
    /* Opera */
}

.sy_banner3_title3_list ul li.li_2 p {
    position: absolute;
    top: 175px;
    left: 125px;
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    /* Internet Explorer */
    -moz-transform: rotate(-10deg);
    /* Firefox */
    -webkit-transform: rotate(-10deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-10deg);
    /* Opera */
}

.sy_banner3_title3_list ul li.li_3 p {
    position: absolute;
    top: 270px;
    left: 190px;
    transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    /* Internet Explorer */
    -moz-transform: rotate(10deg);
    /* Firefox */
    -webkit-transform: rotate(10deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(10deg);
    /* Opera */
}

.sy_banner3_title3_list ul li.active p {
    color: #ffa528;
}


/*special_effects_ebao*/

.special_effects_ebao {
    max-width: 1920px;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0 auto;
    /*    display: none;*/
}

.special_effects {
    display: block;
    width: 1920px;
    height: 633.4px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -960px;
    ;
}

.special_effects .tr {
    display: block;
    width: 100%;
    height: 79.2px;
    text-align: center;
}

.special_effects .tr .td {
    width: 79.2px;
    height: 79.2px;
    display: inline-block;
    float: left;
    background-size: 100% !important;
}

.banner3_bj_bottom {
    width: 100%;
    height: 220px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}


/*ͷ��*/

.sy_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #005bac;
    z-index: 999;
}

.sy_header_con {
    max-width: 1200px;
    width: 100%;
    height: 120px;
    margin: 0 auto;
    box-sizing: border-box;
}

.sy_header_con .logo {
    float: left;
    width: auto;
    height: 57px;
    margin-top: 32px;
}

.sy_header_con .logo a {
    display: block;
}

.sy_header_con .logo a img {
    display: inherit;
}

.sy_header_con .logo a img.logo001 {
    display: block
}

.sy_header_con .logo a img.logo002 {
    display: none
}

.sy_header_con .right {
    float: right;
    width: auto;
    height: 120px;
    padding: 20px 0;
    box-sizing: border-box;
}

.sy_header_con .right .top {
    width: auto;
    height: 40px;
    text-align: right;
}

.sy_header_con .right .language {
    float: right;
    display: inline-block;
    width: auto;
    height: 40px;
    position: relative;
}

.sy_header_con .right .language>a {
    width: auto;
    height: auto;
    padding-right: 15px;
    background: url(../images/language_jt.png) no-repeat center right;
}

.sy_header_con .right .language a {
    display: block;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
}

.sy_header_con .right .language .language_show {
    width: 120px;
    height: auto;
    position: absolute;
    top: 40px;
    right: -30px;
    background: url(../images/language_show_bj.png) 100% 100%;
    z-index: 999;
    padding: 10px 0;
    /*box-sizing: border-box;*/
    display: none;
}

.sy_header_con .right .language .language_show a {
    text-align: center;
    line-height: 36px;
}

.sy_header_con .right .language .language_show a:hover {
    background: url(../images/nav_ul_bj_hover.png) 100% 100%;
}

.header_search {
    display: inline-block;
    width: auto;
    height: 40px;
    position: relative;
    margin-right: 5px;
}

.header_search .searchform {
    display: inline-block;
    width: auto;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 22px;
    border: 0px solid #fff;
    box-sizing: border-box;
}

.header_search .searchformbj {
    background-color: #fff;
    color: #000000;
}

.header_search .searchformbj .btn_submit {
    background: url(../images/fdjbj.png) no-repeat center center;
}

.header_search .searchext {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 12px;
    border: none;
    text-indent: 10px;
    background-color: transparent;
    color: #000000;
    padding-left: 12px;
    padding-right: 32px;
    font-size: 14px;
}

.header_search .btn_submit {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    border: none;
    background: url(../images/fdj.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -1000px;
    overflow: hidden;
    cursor: pointer;
}

.sy_header_con .right .nav {
    width: auto;
    height: 60px;
    float: right;
}

.sy_header_con .right .nav>ul>li {
    float: left;
    margin-left: 40px;
    position: relative;
}

.sy_header_con .right .nav>ul>li>a {
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 40px;
    height: 60px;
    font-weight: bold;
}

.sy_header_con .right .nav>ul>li>a.active {
    color: #0087ff;
}

.sy_header_con .right .nav>ul>li>a:hover {
    color: #0087ff;
}


/*sub_Nav*/

.sy_header_con .right .nav .sub_Nav {
    width: auto;
    height: auto;
    position: absolute;
    top: 60px;
    left: -20px;
    display: none;
}

.sy_header_con .right .nav .sub_Nav a {
    display: block;
    width: 180px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding-left: 20px;
    box-sizing: border-box;
    background: url(../images/nav_ul_bj.png) 100% 100%;
    margin-bottom: 1px;
}

.sy_header_con .right .nav .sub_Nav_li a {
    width: 250px;
}


/*.sy_header_con .right .nav .sub_Nav a.active{
    background: url(../images/nav_ul_bj_hover.png) 100% 100%;
}*/

.sy_header_con .right .nav .sub_Nav a.current {
    background: url(../images/nav_ul_bj_hover.png) 100% 100%;
}

.sy_header_con .right .nav .sub_Nav a:hover {
    background: url(../images/nav_ul_bj_hover.png) 100% 100%;
}


/*一级*/

.sy_header_con .right .nav ul li .ul1 {
    width: auto;
    height: auto;
    position: absolute;
    top: 60px;
    left: -20px;
    display: none;
}

.sy_header_con .right .nav ul li .ul1 li {
    float: left;
    width: 180px;
    height: 44px;
    position: relative;
    margin-bottom: 1px;
    margin-right: 1px;
}

.sy_header_con .right .nav ul li .ul1 li a {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 14px;
    padding-left: 20px;
    box-sizing: border-box;
    background: url(../images/nav_ul_bj.png) 100% 100%;
    font-weight: normal !important;
}

.sy_header_con .right .nav ul li .ul1 li a:hover {
    background: url(../images/nav_ul_bj_hover.png) 100% 100%;
}

.sy_header_con .right .nav ul li .ul1 li a.current {
    background: url(../images/nav_ul_bj_hover.png) 100% 100%;
}

.sy_header_con .right .nav ul li .ul1>li.active_hover>a {
    background: url(../images/nav_ul_bj_hover.png) 100% 100%;
}

.sy_header_con .right .nav ul li .ul1>li>a {
    background: url(../images/nav_ul_bj.png) 100% 100%;
    font-weight: bold
}

.sy_header_con .right .nav ul li .ul2>li.active_hover>a {
    background: url(../images/nav_ul_bj_hover.png) 100% 100%;
}

.sy_header_con .right .nav ul li .ul2>li>a {
    background: url(../images/nav_ul_bj.png) 100% 100%;
    font-weight: bold
}


/*二级*/

.sy_header_con .right .nav ul li .ul1 li .ul2 {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 181px;
    display: none;
}


/*三级*/

.sy_header_con .right .nav ul li .ul1 li .ul2 li .ul3 {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 181px;
    display: none;
}

.sy_header_con .right .nav ul li .ul1 li .ul2 li .ul3 li a {
    display: block;
    width: 180px;
    margin-bottom: 1px;
    font-weight: bold
}


/*main*/

.main {
    width: 100%;
    height: auto;
    margin-top: 120px;
}

.sy_main {
    margin-top: 0 !important;
}

.core_system {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.core_system_con_pos {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.core_system_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 90px 0;
    box-sizing: border-box;
    position: relative;
}

.core_system_con h2 {
    font-size: 26px;
    color: #535353;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.core_system_con .article1 {
    font-size: 20px;
    color: #666666;
    line-height: 24px;
    text-align: center;
    margin-bottom: 50px;
}

.core_system_list {
    width: 100%;
    height: auto;
}

.core_system_list ul li {
    float: left;
    width: 31.333333%;
    height: auto;
    margin: 0 1%;
}

.core_system_list ul li .pic {
    display: block;
    margin-bottom: 40px;
}

.core_system_list ul li .pic img {
    display: block;
    margin: 0 auto;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}

.core_system_list ul li .pic:hover img {
    cursor: pointer;
}


/* .core_system_list ul li .pic:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
} */

.core_system_list ul li h3 {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

.core_system_list ul li h3 a {
    color: #333333;
}

.core_system_list ul li h3 a:hover {
    color: #0087ff;
}

.core_system_list ul li .article2 {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    text-align: center;
}


/*fast_components*/

.fast_components {
    width: 100%;
    height: 800px;
    background: url("../images/fast_bj.jpg") 50% no-repeat;
    background-size: cover;
}

.fast_components_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    padding-top: 110px;
    padding-bottom: 100px;
    box-sizing: border-box;
    margin: 0 auto;
}

.fast_components_con h2 {
    font-size: 30px;
    color: #ffffff;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-align: center;
}

.fast_components_con .article1 {
    font-size: 20px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
    padding: 0 150px;
    box-sizing: border-box;
    margin-bottom: 70px;
}

.fast_components_sec {
    width: 100%;
    height: auto;
}

.fast_components_sec .fa_left {
    float: left;
    width: 46%;
    height: auto;
}

.fast_com_list {
    width: 100%;
    height: auto;
    padding-left: 35px;
    padding-right: 40px;
    box-sizing: border-box;
}

.fast_com_list ul li {
    float: left;
    width: 100%;
    height: auto;
    min-height: 71px;
    padding-left: 65px;
    box-sizing: border-box;
    border-left: 2px solid #fff;
    position: relative;
    padding-bottom: 25px;
}

.fast_com_list ul li:last-child {
    border-left: 0;
}

.fast_com_list ul li .pic {
    width: 71px;
    height: 71px;
    position: absolute;
    top: 0;
    left: -35px;
    cursor: pointer;
    overflow: hidden;
}

.fast_com_list ul li .pic img {
    display: block;
    width: 71px;
    height: 71px;
    position: relative;
    top: 0;
}

.fast_com_list ul li.active .pic img {
    position: relative;
    top: -71px;
}

.fast_com_list ul li .sec {
    width: 100%;
    height: auto;
    padding-top: 25px;
    box-sizing: border-box;
}

.fast_com_list ul li .sec h3 {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: bold;
    cursor: pointer;
}

.fast_com_list ul li .sec .fast_show {
    width: 100%;
    height: auto;
    display: none;
}

.fast_com_list ul li .sec .fast_show a {
    display: block;
}

.fast_com_list ul li .sec .fast_show .article:hover {
    color: #0087ff;
}

.fast_com_list ul li .sec .article {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 10px;
}

.fast_components_sec .fa_right {
    float: left;
    width: 54%;
    height: auto;
    position: relative;
}

.fast_components_sec .fa_right .right_img {
    position: absolute;
    width: 100%;
    height: auto;
    max-height: 600px;
    overflow: hidden;
}

.fast_right_item {
    width: 100%;
    height: auto;
    margin-bottom: 100%;
}

.fast_right_item a {
    display: block;
}

.fast_right_item .pic {
    width: 100%;
    height: auto;
}

.fast_right_item .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}


/*news_events*/

.news_events {
    width: 100%;
    height: 740px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.news_events_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 170px;
    padding-bottom: 100px;
    box-sizing: border-box;
}

.news_events_con_sec {
    margin: 0 -2%;
}

.news_events_con .item {
    float: left;
    width: 46%;
    height: auto;
    margin: 0 2%;
    position: relative;
}

.news_events_con .item h2 {
    font-size: 26px;
    color: #535353;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.news_events_con .item p.more {
    width: auto;
    height: 40px;
    vertical-align: bottom;
    position: absolute;
    top: 0;
    right: 0;
}

.news_events_con .item p.more a {
    display: block;
    font-size: 17px;
    color: #f58220;
    line-height: 50px;
}

.news_events_con .item p.more a:hover {
    color: #0087ff;
}

.sy_news_list {
    width: 100%;
    height: auto;
}

.sy_news_list ul li {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 20px;
    opacity: 0;
    height: 92px;
}

.sy_news_list ul li a {
    display: block;
}

.sy_news_list ul li .article {
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0px;
    font-weight: bold;
    padding-top: 5px;
}

.sy_news_list ul li .p_contents {
    font-size: 15px;
    color: #666;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sy_news_list ul li .article:hover {
    color: #0087ff;
}

.sy_news_list ul li .time {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}

.sy_news_list ul li .time:hover {
    color: #0087ff;
}

.sy_events_list {
    width: 100%;
    height: auto;
}

.sy_events_list ul li {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 20px;
    position: relative;
    opacity: 0;
    height: 92px;
}

.sy_events_list ul li a {
    display: block;
}

.sy_events_list ul li .pic {
    width: 92px;
    height: 92px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}

.sy_events_list ul li .pic img {
    display: block;
    width: 90px;
    height: 90px;
}

.sy_events_list ul li .right {
    width: 100%;
    height: auto;
    padding-left: 120px;
    box-sizing: border-box;
}

.sy_events_list ul li .right h3 {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sy_events_list ul li .right h3:hover {
    color: #0087ff;
}

.sy_events_list ul li .right .time {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px;
    padding-left: 30px;
    background: url("../images/sy_time_icon_h.png") no-repeat left center;
}

.sy_events_list ul li .right .time:hover {
    color: #0087ff;
    background: url("../images/time_icon.png") no-repeat left center;
}

.sy_events_list ul li .right .eventaddress {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    ;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px;
    padding-left: 30px;
    background: url("../images/sy_offices_dz_icon_h.png") no-repeat left center;
}

.sy_events_list ul li .right .eventaddress:hover {
    color: #0087ff;
    background: url("../images/offices_dz_icon.png") no-repeat left center;
}

.sy_events_list ul li .right .article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sy_events_list ul li .right .article a:hover {
    color: #0087ff;
}


/*sy_partners*/

.sy_partners {
    width: 100%;
    height: 600px;
    background: url(../images/partners_bj.jpg) 50% no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.sy_partners_pos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../images/sy_partners_bj.png) 100% 100%;
}

.sy_partners_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    padding-top: 60px;
    /*    padding-bottom: 100px;*/
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}

.sy_partners_con h2 {
    font-size: 26px;
    color: #ffffff;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-align: center;
}

.sy_partners_con .article {
    font-size: 19px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
    padding: 0 150px;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.sy_partners_con .article p a {
    color: #ffffff;
}

.sy_partners_con .article p a:hover {
    color: #0087ff;
}


/*.partners_nav{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.partners_nav ul{
    text-align: center;
}
.partners_nav ul li{
    display: inline-block;
    margin: 0 20px;
    font-size: 16px;
    color: #ffffff;
    line-height: 50px;
    padding-left: 60px;
    box-sizing: border-box;
    cursor: pointer;
}
.partners_nav ul li:nth-of-type(1){
    background: url("../images/eBao-Cloud-icon-wr.png") no-repeat left center;
}
.partners_nav ul li:nth-of-type(2){
    background: url("../images/Core-Suites-icon-wr.png") no-repeat left center;
}
.partners_nav ul li:nth-of-type(3){
    background: url("../images/fast-components-icon-wr.png") no-repeat left center;
}
.partners_nav ul li:nth-of-type(1).active{
    background: url("../images/eBao-Cloud-icon-or.png") no-repeat left center;
    color: #0087ff;
}
.partners_nav ul li:nth-of-type(2).active{
    background: url("../images/Core-Suites-icon-or.png") no-repeat left center;
    color: #0087ff;
}
.partners_nav ul li:nth-of-type(3).active{
    background: url("../images/fast-components-icon-or.png") no-repeat left center;
    color: #0087ff;
}
.partners_nav ul li:nth-of-type(1):hover{
    background: url("../images/eBao-Cloud-icon-or.png") no-repeat left center;
    color: #0087ff;
}
.partners_nav ul li:nth-of-type(2):hover{
    background: url("../images/Core-Suites-icon-or.png") no-repeat left center;
    color: #0087ff;
}
.partners_nav ul li:nth-of-type(3):hover{
    background: url("../images/fast-components-icon-or.png") no-repeat left center;
    color: #0087ff;
}*/

.partners_nav_num {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    text-align: center;
}

.partners_nav_num div {
    display: inline-block;
    width: 124px;
    height: 67px;
    margin: 0 15px;
    margin-bottom: 20px;
    /*text-indent: -1000px;
    overflow: hidden;*/
}


/*.partners_nav_num a:nth-of-type(1){
    background: url("../images/eBaoCloud-WR.png") no-repeat left center;
}
.partners_nav_num a:nth-of-type(2){
    background: url("../images/CoreSuite-WR.png") no-repeat left center;
}
.partners_nav_num a:nth-of-type(3){
    background: url("../images/fastcomponents-WR.png") no-repeat left center;
}
.partners_nav_num a:nth-of-type(1).selected{
    background: url("../images/eBaoCloud-BL.png") no-repeat left center;
    color: #0087ff;
}
.partners_nav_num a:nth-of-type(2).selected{
    background: url("../images/CoreSuite-BL.png") no-repeat left center;
    color: #0087ff;
}
.partners_nav_num a:nth-of-type(3).selected{
    background: url("../images/fastcomponents-BL.png") no-repeat left center;
    color: #0087ff;
}
.partners_nav_num a:nth-of-type(1):hover{
    background: url("../images/eBaoCloud-BL.png") no-repeat left center;
    color: #0087ff;
}
.partners_nav_num a:nth-of-type(2):hover{
    background: url("../images/CoreSuite-BL.png") no-repeat left center;
    color: #0087ff;
}
.partners_nav_num a:nth-of-type(3):hover{
    background: url("../images/fastcomponents-BL.png") no-repeat left center;
    color: #0087ff;
}*/

.partners_nav_num div img {
    display: block;
    width: 100%;
}

.partners_nav_num div .hidden {
    display: none;
}

.partners_nav_num div:hover .show,
.partners_nav_num div.active .show {
    display: none;
}

.partners_nav_num div:hover .hidden,
.partners_nav_num div.active .hidden {
    display: block;
}

.partners_list_con {
    display: none;
}

.partners_list_con.active {
    display: block;
}

.partners_list_con {
    width: 1000px;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;
}

.partners_list .partners_item {
    float: left;
    width: 1000px;
    height: auto;
    margin-bottom: 100%;
}

.partners_list .partners_item a {
    display: block;
}

.partners_item .pic {
    width: 186px;
    /* height: 108px; */
    /* overflow: hidden; */
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
}

.partners_item .pic img {
    display: inherit;
    /* width: 186px; */
    height: 58px;
}

.partners_item .pic .pic_hover {
    display: inherit;
    /* width: 186px; */
    height: 58px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.partners_item .partners_article {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
    text-align: left;
    margin-bottom: 20px;
}

.partners_item .partners_article:hover {
    color: #0087ff;
}

.partners_item .partners_article2 {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
    text-align: left;
}

.partners_item .partners_article2:hover {
    color: #0087ff;
}


/*gotop*/

.gotop {
    display: block;
    width: 56px;
    height: 55px;
    background: url("../images/gotop_icon.png") no-repeat;
    background-position: 0 0;
    cursor: pointer;
    position: fixed;
    right: 30px;
    top: 73%;
    /*    opacity: 0;*/
    z-index: 999;
    overflow: hidden;
    display: none;
}

.gotop:hover {
    background: url("../images/gotop_icon.png") no-repeat;
    background-position: 0 -55px;
}


/*首页banner侧边导航*/

.sy_side_nav {
    width: auto;
    height: auto;
    position: fixed;
    top: 60%;
    right: 10px;
    z-index: 999;
}

.sy_contact_us {
    width: auto;
    height: auto;
    position: relative;
    cursor: pointer;
}

.sy_contact_us .contact_us_icon {
    width: auto;
    height: auto;
    padding: 15px;
    box-sizing: border-box;
    background-color: #ffa528;
    border-radius: 5px;
}

.sy_contact_us .contact_us_icon .pic {
    display: block;
    margin-bottom: 5px;
}

.sy_contact_us .contact_us_icon .pic img {
    display: block;
    margin: 0 auto;
}

.sy_contact_us .contact_us_icon p {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
}

.sy_contact_show {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: url(../images/sy_contact_bj.png) 50% no-repeat;
    background-size: cover;
    border-left: 6px solid #ffa528;
    padding-top: 40px;
    padding-bottom: 20px;
    box-sizing: border-box;
    display: none;
}

.sy_contact_show_list {
    width: 260px;
    height: auto;
}

.sy_contact_show_list ul li {
    float: left;
    width: 50%;
    height: auto;
    padding: 0 10px;
    box-sizing: border-box;
}

.sy_contact_show_list ul li.li_1 {
    border-right: 1px solid #cacaca;
}

.sy_contact_show_list ul li a {
    display: block;
}

.sy_contact_show_list ul li .pic {
    display: block;
    width: 29px;
    height: 29px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.sy_contact_show_list ul li.li_1 .pic {
    background: url(../images/sy_contact_show_icon_img.png) no-repeat;
    background-position: 0 0;
}

.sy_contact_show_list ul li.li_2 .pic {
    background: url(../images/sy_contact_show_icon_img.png) no-repeat;
    background-position: 0 -29px;
}

.sy_contact_show_list ul li p {
    font-size: 13px;
    color: #333333;
    line-height: 16px;
    text-align: center;
}

.sy_contact_close {
    font-size: 12px;
    color: #333333;
    line-height: 20px;
    padding-right: 12px;
    box-sizing: border-box;
    background: url(../images/sy_contact_close.png) no-repeat center right;
    position: absolute;
    top: 10px;
    right: 10px;
}

.sy_partners .partners_list a.wfEditorMode {
    position: relative;
    z-index: 9;
    top: 30px;
}


/*footer*/

.footer {
    width: 100%;
    height: 150px;
    background: url("../images/footer_bj.jpg") 50% no-repeat;
    background-size: cover;
}

.footer_con {
    max-width: 1200px;
    width: 100%;
    height: 150px;
    margin: 0 auto;
    padding-top: 40px;
    box-sizing: border-box;
    position: relative;
}

.footer_con .top {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 15px;
}

.footer_con .top a {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    font-weight: bold;
    padding-right: 10px;
    border-right: 2px solid #fff;
    margin-right: 5px;
    text-transform: uppercase;
}

.footer_con .top a:hover {
    color: #0087ff;
}

.footer_con .top a:last-child {
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
}

.footer_con p.copy {
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    text-align: center;
}

.footer_con p.copy a {
    color: #fff;
    cursor: pointer !important;
}

.footer_con p.copy a.b {
    cursor: none;
}

.footer_con p.copy a:hover {
    /* color: #0087ff; */
    cursor: inherit;
}

.footer_con .footer_link {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    top: 70px;
    right: 0;
}

.footer_con .footer_link a {
    display: inline-block;
    width: 25px;
    height: 26px;
    margin: 0 5px;
}

.footer_con .footer_link .footer_link_in {
    background: url(../images/footer_link_f_in.png) no-repeat;
    background-position: 0 0;
}

.footer_con .footer_link .footer_link_f {
    background: url(../images/footer_link_f_in.png) no-repeat;
    background-position: 0 -26px;
}

.footer_con .footer_link a img {
    display: block;
}

sup {
    line-height: 0 !important;
    /*vertical-align: super;*/
    vertical-align: 11px;
    font-size: 12px;
}

p sup,
li sup {
    font-size: 12px;
    vertical-align: 3px;
}

@media only screen and (max-width: 1440px) {

    .sy_header_con,
    .sy_banner_pos_con,
    .core_system_con,
    .fast_components_con,
    .news_events_con,
    .sy_partners_con {
        max-width: 960px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .sy_banner_title1 .top {
        padding: 0 100px;
        box-sizing: border-box;
    }

    .core_system {
        height: 650px;
    }

    .fast_components {
        height: 850px;
    }

    .fast_components_con .article1 {
        padding: 0 50px;
    }

    .news_events {
        height: auto;
    }

    .news_events_con {
        padding-top: 120px;
    }

    .sy_partners_con .article {
        padding: 0 80px;
        margin-bottom: 40px;
    }

    .partners_nav {
        padding: 0 50px;
        box-sizing: border-box;
        margin-bottom: 30px;
    }

    .partners_nav ul li {
        margin-bottom: 20px;
    }

    .partners_item .partners_article {
        padding: 0;
    }

    .partners_item .partners_article2 {
        padding: 0;
    }

    .partners_list_con {
        width: 920px;
    }

    .partners_list .partners_item {
        width: 920px;
    }

    .special_effects {
        width: 1360px;
        height: 448px;
        margin-left: -680px;
    }

    .special_effects .tr {
        height: 56px;
    }

    .special_effects .tr .td {
        width: 56px;
        height: 56px;
    }

    .gotop {
        top: auto;
        bottom: 95px;
    }

}

@media only screen and (max-width: 960px) {
    sup {
        vertical-align: 10px;
        font-size: 22px;
    }

    .core_system {
        height: auto;
    }

    .core_system_con {
        padding-bottom: 50px;
    }

    .core_system_list ul li {
        width: 96%;
        padding: 0 65px;
        box-sizing: border-box;
        margin-bottom: 50px;
    }

    .core_system_list ul li .pic {
        margin-bottom: 30px;
    }

    .fast_components_sec .fa_left {
        width: 100%;
    }

    .fast_components_sec .fa_right {
        display: none;
    }

    .fast_components {
        height: 880px;
    }

    .news_events_con .item {
        width: 96%;
    }

    .sy_news_list ul li .article {
        height: auto;
    }

    .news_events_con .sy_news {
        margin-bottom: 50px;
    }

    .sy_partners {
        height: 850px;
    }

    .sy_partners_con .article {
        padding: 0 20px;
    }

    .sy_banner_title1_pic {
        display: none;
    }

    .sy_banner_title2 .right {
        display: none;
    }

    .sy_banner_title3 .right {
        display: none;
    }

    .sy_banner_title2 .left {
        width: 100%;
    }

    .sy_banner_title3 .left {
        width: 100%;
    }

    .footer_con {
        padding-top: 30px;
    }

    .footer_con .top {
        margin-bottom: 10px;
    }

    .footer_con .footer_link {
        position: relative;
        top: 20px;
        text-align: center;
    }

    .partners_list_con {
        height: auto;
    }

    .partners_list_con {
        width: 600px;
    }

    .partners_list .partners_item {
        width: 600px;
    }

    .sy_news_list ul li {
        height: auto;
    }

    .sy_events_list ul li {
        height: auto;
    }
}

@media only screen and (max-width: 640px) {

    p sup,
    li sup {
        font-size: 18px;
        vertical-align: 8px;
        max-height: 99999px;
    }

    .fast_components {
        height: auto;
    }

    .sy_partners_video {
        display: none;
    }

    .sy_partners {
        min-height: 1180px;
    }

    .sy_banner_title1 .top {
        padding: 0;
    }

    .sy_banner_title1 .top p br {
        display: none;
    }

    .sy_side_nav {
        display: none;
    }

    .sy_banner_pos_con {
        padding-top: 250px !important;
    }

    .sy_banner_title1 .top h3,
    .sy_banner_title2 .left h3,
    .sy_banner_title3 .left h3 {
        font-size: 36px;
        line-height: 46px;
    }

    .sy_banner_title1 .top p,
    .sy_banner_title2 .left p,
    .sy_banner_title3 .left p {
        font-size: 26px;
        line-height: 40px;
    }

    .core_system_list ul li h3,
    .fast_com_list ul li .sec h3,
    .news_events_con .item p.more a {
        font-size: 26px;
        line-height: 40px;
    }

    .core_system_con .article1,
    .core_system_list ul li .article2,
    .fast_components_con .article1,
    .fast_com_list ul li .sec .article,
    .sy_news_list ul li .article,
    .sy_partners_con .article,
    .partners_nav ul li {
        font-size: 24px;
        line-height: 40px;
    }

    .sy_news_list ul li .time,
    .sy_events_list ul li .right .time,
    .sy_events_list ul li .right .eventaddress {
        font-size: 20px;
        line-height: 30px;
    }

    .core_system_list ul li {
        padding: 0;
    }

    .fast_com_list ul li {
        padding-bottom: 40px;
    }

    .fast_com_list ul li .sec {
        padding-top: 15px;
    }

    .sy_events_list ul li .right h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .sy_events_list ul li .right .time {
        margin-bottom: 0;
    }

    .sy_events_list ul li .right {
        padding-left: 130px;
    }

    .sy_events_list ul li .pic {
        width: 102px;
        height: 102px;
    }

    .sy_events_list ul li .pic img {
        display: inherit;
        width: 100px;
        height: 100px;
    }

    .partners_nav {
        padding: 0;
    }

    .footer_con .top a {
        font-size: 14px;
    }

    .footer_con p.copy {
        display: block;
        font-size: 12px;
        line-height: 20px;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .footer_con p.copy a {
        font-size: 12px;
    }

    .footer,
    .footer_con {
        height: auto;
    }

    .footer_con {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .footer_con .top {
        margin-bottom: 20px;
    }

    .footer_con .footer_link {
        top: 15px;
    }

    .partners_item .partners_article {
        font-size: 24px;
        line-height: 40px;
    }

    .partners_item .partners_article2 {
        font-size: 24px;
        line-height: 40px;
    }

    .partners_item .pic {
        margin-bottom: 40px;
    }

    .partners_item .partners_article {
        margin-bottom: 40px;
    }

    .sy_partners_con .article {
        padding: 0;
    }

    .partners_nav_num div {
        width: 214px;
        height: 140px;
    }

    /*.partners_nav_num a:nth-of-type(3){
         width: 260px;
        height: 87px;
    }
    .partners_nav_num a:nth-of-type(1){
        background: url("../images/mob-eBaoCloud-WR.png") no-repeat left center;
    }
    .partners_nav_num a:nth-of-type(2){
        background: url("../images/mob-CoreSuite-WR.png") no-repeat left center;
    }
    .partners_nav_num a:nth-of-type(3){
        background: url("../images/mob-fastcomponents-WR.png") no-repeat left center;
    }
    .partners_nav_num a:nth-of-type(1).selected{
        background: url("../images/mob-eBaoCloud-BL.png") no-repeat left center;
    }
    .partners_nav_num a:nth-of-type(2).selected{
        background: url("../images/mob-CoreSuite-BL.png") no-repeat left center;
    }
    .partners_nav_num a:nth-of-type(3).selected{
        background: url("../images/mob-fastcomponents-BL.png") no-repeat left center;
    }
    .partners_nav_num a:nth-of-type(1):hover{
        background: url("../images/mob-eBaoCloud-BL.png") no-repeat left center;
    }
    .partners_nav_num a:nth-of-type(2):hover{
        background: url("../images/mob-CoreSuite-BL.png") no-repeat left center;
    }
    .partners_nav_num a:nth-of-type(3):hover{
        background: url("../images/mob-fastcomponents-BL.png") no-repeat left center;
    }*/
    .special_effects {
        width: 640px;
        height: 213px;
        margin-left: -320px;
    }

    .special_effects .tr {
        height: 26.6px;
    }

    .special_effects .tr .td {
        width: 26.6px;
        height: 26.6px;
    }

    .banner3_bj_bottom {
        height: 140px;
        background: url(/themes/basic/skin/images/banner3_bj.png) 100% 100%;
        background-size: 100% !important;
    }
}


/*index.css  end*/


/*global.css  start*/


/*��ҳ banner*/

.ny_header {
    /*    position: relative !important;*/
}

.con_section_banner {
    width: 100%;
    height: 215px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.con_section_banner .con_banner {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 215px;
}

.con_section_banner .con_banner img {
    width: 100%;
    display: inherit;
}

.con_banner_title {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    margin-top: 65px;
}

.con_banner_title h2 {
    font-size: 40px;
    color: #005bac;
    line-height: 50px;
    font-weight: bold;
    text-transform: uppercase;
}

.con_banner_title p {
    font-size: 18px;
    color: #ffa528;
    line-height: 24px;
    text-transform: uppercase;
}


/*���м*/

.con_subNav {
    width: 100%;
    /*    height: 44px;*/
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    background-color: #f8fbfd;
}

.con_subNav .subNav {
    max-width: 1200px;
    width: 100%;
    text-align: left;
    margin: 0 auto;
}

.con_subNav .subNav {
    padding: 12px 0px;
}

.con_subNav .subNav ul li {
    float: left;
    line-height: 25px;
}

.con_subNav .subNav ul li a {
    display: inline-block;
}

.con_subNav .subNav ul li span {
    display: inline-block;
    font-size: 14px;
    color: #333333;
}

.con_subNav .subNav ul li span.sep {
    margin: 0 5px;
}

.con_subNav .subNav ul li.current span {
    color: #005bac;
}

.con_subNav .subNav ul li span:hover {
    color: #005bac;
}


/*��ҳ����*/

.navigation_link {
    max-width: 1920px;
    width: 100%;
    height: 180px;
    padding: 45px 0;
    box-sizing: border-box;
    background-color: #f8fbfd;
}

.navigation_link ul {
    max-width: 100%;
    width: max-content;
    margin: auto;
}

.navigation_link ul li {
    float: left;
    width: 25vw;
    height: 90px;
    border-right: 1px solid #e7e7e7;
    padding: 15px 0;
    box-sizing: border-box;
    text-align: center;
}

/* .navigation_link ul li:nth-of-type(1) {
    margin-left: 12.5%;
} */

.navigation_link ul li a {
    display: block;
}

.navigation_link ul li:last-child {
    border-right: 0;
}

.navigation_link ul li .pic {
    display: inline-block;
    width: auto;
    height: 60px;
    margin: 0 20px;
    /* 新加 */
    position: relative;
    width: 60px;
}

.navigation_link ul li .pic img {
    display: block;
    margin: 0 auto;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}

.navigation_link ul li:hover .pic img {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.navigation_link ul li .right {
    display: inline-block;
    width: auto;
    height: 60px;
    vertical-align: top;
    margin: 0 20px;
}

.navigation_link ul li .right h3 {
    width: auto;
    font-size: 18px;
    color: #000000;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: bold;
}

.navigation_link ul li .right .more {
    width: 110px;
    font-size: 14px;
    color: #999999;
    line-height: 25px;
    text-align: left;
    background: url("../images/navigation_link_icon.png") no-repeat right center;
    box-sizing: border-box;
    font-weight: bold;
}

.navigation_link ul li:hover h3 {
    color: #0087ff;
}

.navigation_link ul li:hover .more {
    color: #0087ff;
    background: url("../images/navigation_link_icon2.png") no-repeat right center;
}


/*����*/

.content {
    max-width: 1920px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
}


/*canvas*/

.content_position {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/*cloud*/

.cloud {
    max-width: 1920px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.clo_section1 {
    width: 100%;
    height: auto;
}

.clo_section1 .left {
    float: left;
    width: 50%;
    height: 570px;
    cursor: pointer;
    overflow: hidden;
}

.clo_section1 .left img {
    display: inherit;
}

.clo_section1_left {
    position: relative;
}

.clo_section1 .left .imgbox {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.clo_section1_left .title_sp {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.clo_section1_left .title_sp .sp_icon {
    width: 70px;
    height: 70px;
    background: url(../images/video_icon.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
}

.clo_section1_left .title_sp h2 {
    width: 100%;
    font-size: 26px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 70px;
    left: 0;
    font-weight: bold;
}

.clo_section1_left .clo_section1_video_bj {
    width: 100%;
    height: 100%;
    background: url(../images/video_pic_bj.png) 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.clo_section1_left_phone {
    display: none;
}

.clo_section1 .right {
    float: left;
    width: 50%;
    height: 570px;
    position: relative;
    overflow: hidden;
}

.clo_section1 .right .pic {
    width: 100%;
    height: 570px;
}

.clo_section1 .right .pic img {
    display: inherit;
}

.clo_section1_right_title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/cloud_title_bj.png) 100% 100%;
}

.clo_section1_right_title h2 {
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 30px;
    background: url("../images/cloud_xian.jpg") no-repeat center bottom;
    padding-top: 70px;
}

.clo_section1_right_title h4 {
    font-size: 20px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    margin-top: 30px;
    font-weight: normal;
}

.clo_section1_right_title .article {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    margin-top: 50px;
    padding-left: 10%;
    padding-right: 10%;
    box-sizing: border-box;
}

.clo_section1_right_title .article p {
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian_bai.png) no-repeat left 10px;
}

.clo_section1_right_title a.wfEditorMode {
    position: relative;
    top: 100px;
    z-index: 1;
}

.clo_section1_left .title_sp a.wfEditorMode {
    position: relative;
    top: 50px;
    z-index: 1;
}


/*
.cloud .clo_sec1{
    width: 100%;
    height: 800px;
    background: url("../images/cloud_sec1_bj.jpg") 50% no-repeat;
    background-size: cover;
    position: relative;
}
.cloud .clo_sec1 .title{
    max-width: 1200px;
    width: 100%;
    height: 280px;
    background: url(../images/cloud_title_bj.png) 100% 100%;
    margin: 0 auto;
    position: relative;
    top: 33%;
    z-index: 1;
}
.cloud .clo_sec1 .title h3{
    font-size: 40px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 30px;
    background: url("../images/cloud_xian.jpg") no-repeat center bottom;
    padding-top: 65px;
}
.cloud .clo_sec1 .title .article{
    font-size: 20px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    margin-top: 40px;
}
.clo_sec1 .clo_sec1_bj{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/clo_sec1_bj.png") 100% 100%;
    display: none;
}*/

.cloud .clo_sec2 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.cloud .clo_sec2_con {
    max-width: 800px;
    width: 100%;
    height: auto;
    padding-top: 90px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.cloud .clo_sec2_con h2 {
    font-size: 26px;
    color: #333333;
    line-height: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: bold;
}

.cloud .clo_sec2_con .pic {
    width: 100%;
    height: auto;
    margin-bottom: 90px;
}

.cloud .clo_sec2_con .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.cloud .clo_sec3 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #f3f3f3;
    overflow: hidden;
}

.cloud .clo_sec3_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    padding: 90px 0;
    box-sizing: border-box;
    margin: 0 auto;
}

.cloud .clo_sec3_con h3 {
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}

.cloud .clo_sec3_con .pic {
    width: 100%;
    height: auto;
}

.cloud .clo_sec3_con .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.cloud .clo_sec4 {
    width: 100%;
    height: 850px;
    background: url("../images/cloud_pic_bj1.jpg") 50% no-repeat;
    background-size: cover;
}

.cloud .clo_sec4_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 100px;
    box-sizing: border-box;
}

.cloud .clo_sec4_con h3 {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.cloud .clo_sec4_con .article1 {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin-bottom: 60px;
}

.clo_sec4_list {
    width: 100%;
    height: auto;
}

.clo_sec4_list ul {
    margin: 0 -0.5%;
}

.clo_sec4_list ul li {
    float: left;
    width: 19%;
    height: 430px;
    margin: 0 0.5%;
    border: 2px solid #fff;
    padding: 20px 10px;
    box-sizing: border-box;
}

.clo_sec4_list ul li .pic {
    display: block;
    margin-bottom: 10px;
}

.clo_sec4_list ul li .pic img {
    display: block;
    margin: 0 auto;
}

.clo_sec4_list ul li h4 {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    height: 44px;
    font-weight: bold;
    padding-bottom: 10px;
    background: url("../images/cloud_line.jpg") no-repeat center bottom;
    margin-bottom: 20px;
    text-align: center;
}

.clo_sec4_list ul li .article {
    font-size: 13px;
    color: #fff;
    line-height: 20px;
}

.clo_sec4_list ul li .article p {
    position: relative;
}

.clo_sec4_list ul li .article p strong {
    font-weight: bold;
}

.clo_sec4_list ul li.li_1 .article p {
    padding-left: 12px;
    background: url("../images/cloud_dian.png") no-repeat left 8px;
    line-height: 20px;
}

.clo_sec4_list ul li.li_3 .article p {
    padding-left: 12px;
}

.clo_sec4_list ul li.li_4 .article p {
    padding-left: 12px;
}

.clo_sec4_list ul li .article p span.dian {
    width: 12px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 100px;
    overflow: hidden;
    background: url("../images/cloud_dian.png") no-repeat left 8px;
}

.cloud .clo_sec4_article {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin-top: 50px;
}

.cloud .clo_sec4_article a {
    /*    color: #fff;*/
}

.cloud .clo_sec4_article .link {
    display: inline-block;
    width: auto;
    height: 42px;
    border-radius: 22px;
    margin: 0 40px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    text-align: left;
    padding: 0 25px;
    box-sizing: border-box;
    background: #31affc;
    font-weight: bold;
    margin-top: 10px;
}

.cloud .clo_sec4_article .link:hover {
    background: #005bac;
}


/*use_cases*/

.use_cases {
    max-width: 1920px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.use_cases_sec1 {
    width: 100%;
    height: auto;
}

.use_cases_sec1_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.use_cases_sec1_con h3 {
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    margin-bottom: 70px;
    text-align: center;
    font-weight: bold;
}

.use_cases_sec1_item {
    max-width: 800px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 70px;
}

.use_cases_sec1_item1 {
    max-width: 900px;
}

.use_cases_sec1_item .pic {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.use_cases_sec1_item .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.use_cases_sec1_item p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    text-align: center;
}

.use_cases_sec2 {
    width: 100%;
    height: auto;
    /* min-height: 800px; */
    background: url("../images/use_cases_sec2_bj.jpg") 50% no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.use_cases_sec2_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px;
    box-sizing: border-box;
}

.use_cases_sec2_con h3.title {
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 70px;
}

.use_cases_sec2_con .title_p {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}

.use_cases_sec2_list {
    width: 100%;
    height: auto;
    /* padding: 0 60px; */
    box-sizing: border-box;
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.use_cases_sec2_list ul li {
    float: left;
    width: 370px;
    height: auto;
    margin: 0 15px;
}

.use_cases_sec2_list ul li .pic {
    width: 317px;
    height: 150px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin: 15px auto 0;
}

.use_cases_sec2_list ul li .pic img {
    display: inherit;
    max-width: 317px;
    height: 150px;
    position: relative;
}

.use_cases_sec2_list ul li .pic .pic_hover {
    display: inherit;
    max-width: 317px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.use_cases_sec2_list ul li .pic:hover .pic_hover {
    opacity: 1;
}

.use_cases_sec2_list ul li h3 {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 10px;
    max-height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.use_cases_sec2_list ul li h3:hover {
    color: #0087ff;
}

.use_cases_sec2_list ul li .article {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 10px;
    height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.use_cases_sec2_list ul li .article:hover p {
    color: #0087ff;
}

.use_cases_sec2_list ul li .more {
    font-size: 14px;
    /* color: #fff; */
    line-height: 28px;
    cursor: pointer;
}

.use_cases_sec2_list ul li .more:hover {
    color: #0087ff;
}

.use_cases_sec2_link {
    width: 100%;
    height: auto;
    text-align: center;
}

.use_cases_sec2_link a {
    display: inline-block;
    width: auto;
    height: 42px;
    border-radius: 22px;
    margin: 0 40px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    text-align: left;
    padding: 0 25px;
    box-sizing: border-box;
    background: #31affc;
    font-weight: bold;
    margin-top: 10px;
}

.use_cases_sec2_link a:hover {
    background: #005bac;
}

.use_cases_sec2_list span {
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -25px;
}

.use_cases_sec2_list .use_cases_prev {
    background: url(../images/use_cases_prev_hover.png) no-repeat left center;
    left: 0px;
}

.use_cases_sec2_list .use_cases_prev:hover {
    background: url(../images/use_cases_prev_hover.png) no-repeat left center;
}

.use_cases_sec2_list .use_cases_next {
    background: url(../images/use_cases_next_hover.png) no-repeat right center;
    right: 0px;
}

.use_cases_sec2_list .use_cases_next:hover {
    background: url(../images/use_cases_next_hover.png) no-repeat right center;
}


/*e_news*/

.e_news {
    width: 100%;
    height: auto;
    background: url("../images/e_news_bj.jpg") 50% no-repeat;
    background-size: cover;
}

.e_news_con {
    max-width: 1360px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url("../images/e_news_bj_con.png") 100% 100%;
    padding: 0 80px;
    padding-top: 50px;
    padding-bottom: 100px;
    box-sizing: border-box;
}

.e_news h1 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.e_news_list {
    width: 100%;
    height: auto;
}

.e_news_list ul {
    margin: 0 -3%;
}

.e_news_list ul li {
    float: left;
    width: 44%;
    height: auto;
    margin: 0 3%;
    padding-bottom: 4px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.e_news_list ul li a {
    display: block;
}

.e_news_list ul li h3 {
    font-size: 18px;
    color: #333333;
    line-height: 28px;
    font-weight: bold;
    /*height: 54px;*/
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 1;
    -webkit-box-orient: vertical;*/
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.e_news_list ul li h3:hover {
    color: #31affc;
}

.e_news_list ul li .article {
    font-size: 14px;
    color: #333333;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 30px;
}

.e_news_list ul li .article:hover {
    color: #31affc;
}

.e_news_list ul li:first-child .article:hover {
    color: #31affc;
}

.e_news_list ul li:first-child .more:hover {
    color: #31affc;
}

.e_news_list ul li p.more {
    display: none;
}

.e_news_list ul li p.p1_time {
    display: none;
}

.e_news_list ul li p.time {
    font-size: 14px;
    color: #31affc;
    line-height: 24px;
    padding-left: 30px;
    background: url("../images/time_icon.png") no-repeat left center;
    margin-bottom: 10px
}

.e_news_list ul li:first-child {
    width: 94%;
    height: auto;
    padding-bottom: 20px;
}

.e_news_list ul li:first-child h3 {
    margin-bottom: 10px;
    height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.e_news_list ul li:first-child .p1_time {
    display: block;
    margin-bottom: 10px;
}

.e_news_list ul li:first-child .p2_time {
    display: none;
}

.e_news_list ul li:first-child .more {
    display: block;
    font-size: 14px;
    color: #f58220;
    line-height: 28px;
    cursor: pointer;
}

.e_news_list ul li:first-child .article {
    color: #666666;
    margin-bottom: 20px;
}


/*pagebox*/

.pagebox {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 50px auto;
    text-align: center;
}

.pagebox ul li.first,
.pagebox ul li.last {
    display: none;
}

.pagebox ul li {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 5px;
}

.pagebox ul li a {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    box-sizing: border-box;
}

.pagebox ul li a:hover {
    background-color: #31affc;
    color: #fff;
    border: 1px solid #31affc;
}

.pagebox ul li.selected a {
    background-color: #31affc;
    color: #fff;
    border: 1px solid #31affc;
}


/*news_pages*/

.news_pages {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.news_pages_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.news_pages h1 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    padding: 0 15%;
    box-sizing: border-box;
}


/*.news_pages p.time {
    font-size: 14px;
    color: #31affc;
    line-height: 24px;
    text-align: center;
}*/

.news_pages .time {
    font-size: 14px;
    color: #31affc;
    line-height: 24px;
    text-align: center;
}

.news_pages .article {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-top: 50px;
}

.news_pages .article p {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-bottom: 24px;
}

.news_pages strong {
    font-weight: 600
}

.news_pages .article p em {
    font-style: italic;
}

.news_pages .article ul li {
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left 10px;
}

.news_pages .article p strong {
    font-weight: bold;
}

.news_pages .article p a {
    color: #31affc;
}

.news_pages .article p a:hover {
    color: #0087ff;
}

.news_pages .article2 {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}

.news_pages .article2 p a {
    color: #31affc;
}

.news_pages .article2 p a:hover {
    color: #0087ff;
}

.news_pages_btn {
    width: 100%;
    height: auto;
    margin: 50px auto;
}

.news_pages_btn .other {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}

.news_pages_btn .other a {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}

.news_pages_btn .other a:hover {
    color: #31affc;
}

.news_pages_btn .back a {
    display: inline-block;
    width: auto;
    height: 40px;
    background-color: #31affc;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    padding: 0 20px;
    border: 0;
    box-sizing: border-box;
}

.news_pages_btn .back a:hover {
    background-color: #005bac;
}

.events_pages h2 {
    margin-bottom: 50px;
}

.events_pages .eventaddress {
    font-size: 14px;
    color: #31affc;
    line-height: 24px;
    text-align: left;
    padding-left: 30px;
    background: url(../images/offices_dz_icon.png) no-repeat left center;
    box-sizing: border-box;
}

.events_pages .time {
    text-align: left;
    padding-left: 30px;
    background: url(../images/time_icon.png) no-repeat left center;
    box-sizing: border-box;
}

.events_pages .article {
    margin-top: 24px;
}

.related_posts {
    width: 100%;
    height: auto;
    margin-top: 50px;
}

.related_posts h3 {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.related_posts ul li {
    float: left;
    width: 100%;
    height: auto;
}

.related_posts ul li a {
    display: block;
    font-size: 14px;
    color: #31affc;
    line-height: 24px;
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left 10px;
}

.related_posts ul li a:hover {
    color: #0087ff;
}

.search_content {
    max-width: 1200px;
    width: 100%;
    height: auto;
    min-height: 500px;
    margin: 200px auto 100px;
}

.search_content .e_news_list ul li:first-child {
    width: 44%;
    padding-bottom: 30px;
}

.search_content .e_news_list ul li:first-child h3 {
    height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: inherit;
}

.search_content .e_news_list ul li:first-child .p1_time {
    display: none;
}

.search_content .e_news_list ul li:first-child .p2_time {
    display: block;
}

.search_content .e_news_list ul li:first-child .more {
    display: none;
}

.search_content .e_news_list ul li:first-child .article {
    color: #333333;
    margin-bottom: 30px;
}

.search_content .e_news_list ul li {
    width: 94%;
}

.search_content .e_news_list ul li:first-child {
    width: 94%;
}

.search_content .e_news_list ul li h3 {
    height: auto;
}

.search_content .e_news_list ul li .article,
.search_content .e_news_list ul li:first-child .article {
    height: auto;
    margin-bottom: 0;
}

.search_content .e_news_list ul li:first-child h3 {
    height: auto;
}

.search_content .e_news_list ul li {
    padding-bottom: 20px;
}

.search_content .e_news_list ul li .article {
    overflow: visible;
    display: inline-block;
}

.searchbox1 {
    width: 480px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 60px;
}

.searchbox1 .searchtext {
    float: left;
    width: 430px;
    height: 44px;
    line-height: 44px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #ececec;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.searchbox1 .searchbtn {
    float: left;
    width: 50px;
    height: 44px;
    background: #005bac url(../images/search_fdj_bj.png) no-repeat center center;
    box-sizing: border-box;
    border: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}

.searchbox1 .searchbtn:hover {
    background: #ececec url(../images/search_fdj_bj_hover.png) no-repeat center center;
}

.search-error {
    text-align: center;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 50px;
}

.search-result-empry {
    text-align: center;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 50px;
}

.searchbox1 p {
    float: left;
    width: 100%;
    height: auto;
    padding-top: 20px;
    box-sizing: border-box;
    text-align: center;
}

.searchbox1 p label {
    margin: 0 10px;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}

.searchbox1 p label input {
    margin-right: 5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.searchbox1 p a {
    display: inline-block;
    margin: 0 10px;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}

.searchbox1 p a input {
    margin-right: 5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.search_logo_carousel {
    position: relative;
}

.search_logo_carousel_prev {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/glance_prev.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: -80px;
    margin-top: -25px;
}

.search_logo_carousel_next {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/glance_next.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: -80px;
    margin-top: -25px;
}

.search_logo_insurance p {
    margin-bottom: 20px;
}


/*e_events*/

.e_events {
    width: 100%;
    height: auto;
    background: url("../images/e_news_bj.jpg") 50% no-repeat;
    background-size: cover;
}

.e_events_con {
    max-width: 1360px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url("../images/e_news_bj_con.png") 100% 100%;
    padding: 0 80px;
    padding-top: 50px;
    padding-bottom: 100px;
    box-sizing: border-box;
}

.e_events h1 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 60px;
}

.e_events_list {
    width: 100%;
    height: auto;
}

.e_events_list ul {
    margin: 0 -3%;
}

.e_events_list ul li {
    float: left;
    width: 44%;
    height: auto;
    margin: 0 3%;
    padding-bottom: 30px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.e_events_list ul .even_hide {
    display: none;
}

.e_events_list ul li a {
    display: block;
}

.e_events_list ul li h2 {
    font-size: 18px;
    color: #000000;
    line-height: 25px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 13px;
    box-sizing: border-box;
    border-left: 3px solid #31affc;
    margin-bottom: 40px;
    text-align: left;
}

.e_events_list ul li h2:hover {
    color: #31affc;
}

.e_events_list ul li .list_sec {
    width: 100%;
    height: 120px;
    position: relative;
    padding-left: 120px;
    box-sizing: border-box;
}

.e_events_list ul li .list_sec .pic {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 0;
    left: 0;
}

.e_events_list ul li .list_sec .pic img {
    display: block;
    width: 90px;
    height: 90px;
}

.e_events_list ul li .list_sec .right {
    width: 100%;
    height: 120px;
}

.e_events_list ul li .list_sec .right .time {
    font-size: 14px;
    color: #31affc;
    line-height: 24px;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 10px;
    padding-left: 30px;
    background: url("../images/time_icon.png") no-repeat left center;
}

.e_events_list ul li .list_sec .right .article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.e_events_list ul li .list_sec .right .article:hover {
    color: #31affc;
}

.e_events_list ul li .list_sec .right .eventaddress {
    font-size: 14px;
    color: #31affc;
    line-height: 24px;
    ;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 10px;
    padding-left: 30px;
    background: url("../images/offices_dz_icon.png") no-repeat left center;
}


/*.e_events_list ul li p.time{
    font-size: 14px;
    color: #31affc;
    line-height: 24px;
    padding-left: 30px;
    background: url("../images/time_icon.png") no-repeat left center;
}*/


/*e_offices*/

.e_offices {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.e_offices_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.e_offices h1 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.e_offices_nav {
    width: 100%;
    height: 60px;
    margin-bottom: 50px;
}

.e_offices_nav ul li {
    float: left;
    width: 33.333333%;
    height: 60px;
}

.e_offices_nav ul li a {
    display: block;
    width: 100%;
    height: 60px;
    border-bottom: 3px solid #005bac;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    line-height: 60px;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.e_offices_nav ul li a.active {
    background-color: #005bac;
    color: #fff;
}

.e_offices_nav ul li a:hover {
    background-color: #005bac;
    color: #fff;
}

.e_offices_list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.e_offices_list ul {
    margin: 0 -2%;
}

.e_offices_list ul li {
    float: left;
    width: 50%;
    height: auto;
    min-height: 260px;
    position: relative;
    padding: 0 2%;
    padding-bottom: 40px;
    border-bottom: 1px dashed #e6e6e6;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.e_offices_list ul li .pic {
    width: 185px;
    height: 160px;
    position: absolute;
    top: 0;
    left: 4%;
}

.e_offices_list ul li .pic img {
    display: block;
    width: 185px;
    height: 160px;
}

.e_offices_list ul li .right {
    width: 100%;
    height: auto;
    padding-left: 205px;
    padding-right: 20px;
    box-sizing: border-box;
}

.e_offices_list ul li .right h3 {
    font-size: 18px;
    color: #000000;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 24px;
}

.e_offices_list ul li .right p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding-left: 30px;
    box-sizing: border-box;
}

.e_offices_list ul li .right p.dz {
    background: url("../images/offices_dz_icon.png") no-repeat left 2px;
}

.e_offices_list ul li .right p.tel {
    background: url("../images/offices_phone_icon.png") no-repeat left 4px;
}

.e_offices_list ul li .right p.fax {
    background: url("../images/offices_fax_icon.png") no-repeat left 4px;
}

.e_offices_list ul li .map_icon {
    display: block;
    width: 37px;
    height: 37px;
    background: url("../images/offices_map_icon.png") no-repeat center center;
    cursor: pointer;
    position: absolute;
    right: 4%;
    bottom: 30px;
}

.e_offices_list ul li .map_icon:hover {
    background: url("../images/offices_map_icon_hover.png") no-repeat center center;
}


/*offices_map*/

.offices_map {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 99;
    display: none;
}

.offices_mask {
    height: 100%;
    width: 100%;
    background: url(../images/resource_mask.png);
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: -1;
}

.offices_map_con {
    position: absolute;
    top: 50%;
    right: 0%;
    max-width: 1920px;
    width: 100%;
    height: 650px;
    margin-top: -300px;
    background: #f5f9fc;
    z-index: 999;
}

.offices_map_conter {
    max-width: 1200px;
    width: 100%;
    height: 650px;
    padding: 100px 0;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}

.offices_map_colse {
    width: 40px;
    height: 40px;
    background: url(../images/poput_close.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 40px;
    right: 0;
}

.offices_map_conter .map {
    width: 100%;
    height: 450px;
}


/*e_enquiry*/

.e_enquiry {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.e_enquiry_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 30px auto;
    background-color: #f8fbfd;
    padding-top: 20px;
    padding-bottom: 50px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.e_enquiry h2 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.e_enquiry_center {
    max-width: 900px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.e_enquiry_sec1 {
    width: 100%;
    height: auto;
    border: 1px solid #e7e7e7;
    padding: 15px;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 50px;
}

.e_enquiry_sec1 .pic {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}

.e_enquiry_sec1 .pic img {
    display: block;
    margin: 0 auto;
}

.e_enquiry_sec1 p {
    font-size: 14px;
    color: #818080;
    line-height: 24px;
    text-align: center;
}

.e_enquiry_sec1 p strong {
    font-weight: bold;
    color: #666666;
}

.e_enquiry_sec1 p a {
    font-weight: bold;
    color: #31affc;
}

.e_enquiry_sec1 p span {
    color: #de0101;
}

.enquiry_form {
    width: 100%;
    height: auto;
}

.enquiry_form form {
    margin: 0 -2.5%;
}

.enquiry_form .item {
    float: left;
    width: 45%;
    height: auto;
    margin: 0 2.5%;
    /*margin-bottom: 15px;*/
}

.enquiry_form .item label {
    display: block;
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 10px;
}

.enquiry_form .item label span {
    color: #de0101;
    margin-left: 5px;
}

.enquiry_form .item input {
    width: 100%;
    height: 32px;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.enquiry_form .item select {
    width: 100%;
    height: 32px;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    padding: 4px 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.enquiry_form .enquiry_message {
    width: 95%;
    height: auto;
}

.enquiry_form .item textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.enquiry_form .enquiry_verification input {
    width: 160px;
    float: left;
}

.enquiry_form .enquiry_verification img#yw0 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    height: 44px;
    width: auto;
}

.enquiry_form .enquiry_verification a#yw0_button {
    font-size: 14px;
    color: #666666;
    line-height: 44px;
}

.enquiry_form .enquiry_verification a#yw0_button:hover {
    color: #005bac;
}

.enquiry_form .enquiry_btn {
    width: 95%;
    height: auto;
    margin-top: 30px;
}

.enquiry_form .enquiry_btn input {
    width: 160px;
    height: 40px;
    background-color: #31affc;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

.enquiry_form .enquiry_btn input:hover {
    background-color: #005bac;
}

.enquiry_form .enquiry_btn .submit_info {
    margin-right: 60px;
    cursor: pointer;
}

.enquiry_form .enquiry_btn a {
    display: inherit;
    float: right;
    font-size: 16px;
    color: #31affc;
    line-height: 40px;
}

.enquiry_form .enquiry_btn a:hover {
    color: #005bac;
}

.enquiry_form .enquiry_btn a.a_office {
    display: none;
}

.enquiry_form .item .error_prompt {
    width: 100%;
    height: 20px;
    margin-top: 5px;
}

.enquiry_form .item .error_prompt label {
    margin-bottom: 0;
    line-height: 20px;
}

.input-enquiry_type {
    position: relative;
}

.enquiry_type_down {
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../images/enquiry_type_down.png) no-repeat center center;
    position: absolute;
    top: 1px;
    right: 0;
}

.please_select_show {
    width: 100%;
    height: auto;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    padding: 10px 0;
    box-sizing: border-box;
    position: absolute;
    top: 32px;
    left: 0px;
    display: none;
    z-index: 99;
}

.please_select_show ul li {
    float: left;
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding: 0 10px;
    box-sizing: border-box;
}

.please_select_show ul li:hover {
    background-color: #31affc;
    color: #fff;
    cursor: pointer;
}


/*thank_you_poput*/

.thank_you_poput {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 99;
    display: none;
}

.thank_you_mask {
    height: 100%;
    width: 100%;
    background: url(../images/resource_mask.png);
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.thank_you_conter {
    position: absolute;
    top: 50%;
    right: 50%;
    left: 50%;
    width: 960px;
    height: 700px;
    margin-left: -480px;
    margin-top: -350px;
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
    z-index: 99;
}

.thank_you_conter .thank_you_close {
    width: 40px;
    height: 40px;
    background: url(../images/poput_close.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

.thank_you_conter h3 {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.thank_you_con {
    width: 100%;
    height: auto;
    margin: 100px auto;
    text-align: center;
}

.thank_you_con img {
    display: inline-block;
    width: 105px;
    height: 95px;
    margin-right: 30px;
}

.thank_you_con p {
    display: inline-block;
    width: auto;
    height: 95px;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    vertical-align: top;
    margin-top: 25px;
}

.thank_you_conter .go_enquiry {
    font-size: 14px;
    color: #31affc;
    line-height: 26px;
}

.thank_you_conter a:hover {
    text-decoration: underline;
}

.thank_you_link {
    margin-top: 50px;
    border-top: 1px solid #e6e6e6;
    padding-top: 50px;
    box-sizing: border-box;
}

.thank_you_link a {
    display: inline-block;
    width: auto;
    font-size: 14px;
    color: #31affc;
    line-height: 20px;
    background: url(../images/icon_nextlink.gif) no-repeat right 7px;
    padding-right: 10px;
    box-sizing: border-box;
}


/*resource_mail*/

.resource_mail {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 99;
    display: none;
}

.resource_mail_mask {
    height: 100%;
    width: 100%;
    background: url(../images/resource_mask.png);
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.resource_mail_conter {
    position: absolute;
    top: 50%;
    right: 50%;
    left: 50%;
    width: 960px;
    height: 700px;
    margin-left: -480px;
    margin-top: -350px;
    background: #f6fafd;
    padding: 40px;
    box-sizing: border-box;
    z-index: 99;
}

.resource_mail_conter .resource_mail_close {
    width: 40px;
    height: 40px;
    background: url(../images/poput_close.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

.resource_mail_conter h3 {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.resource_mail_conter p {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}

.resource_mail_conter p strong {
    font-weight: normal;
    color: red;
}

.resource_mail_conter .email_link {
    margin: 26px auto;
}

p.resource_mail_con_close {
    border-radius: 18px;
    background: #9ea0a2;
    width: 100px;
    height: 36px;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

p.resource_mail_con_close:hover {
    background: #0087ff;
}

p.email_link a {
    color: #31affc;
}

p.email_link a:hover {
    text-decoration: underline;
}

.resource_mail_link {
    padding-top: 30px;
    border-top: 1px solid #e6e6e6;
    box-sizing: border-box;
    margin-top: 300px;
}

.resource_mail_link p a {
    color: #31affc;
}

.resource_mail_link p a:hover {
    text-decoration: underline;
}


/*overview*/

.overview {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.overview_sec1 {
    width: 100%;
    height: 750px;
    background: url("../images/overview_img1.jpg") no-repeat 50%;
    background-size: cover;
}

.overview_sec1_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 160px;
    box-sizing: border-box;
}

.overview_sec1 h2 {
    font-size: 40px;
    color: #fff;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 30px;
    background: url("../images/cloud_xian.jpg") no-repeat center bottom;
}

.overview_sec1 h3 {
    font-size: 20px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    margin-top: 40px;
    font-weight: normal;
}

.overview_sec1_list {
    width: 100%;
    height: auto;
    padding: 0 12%;
    box-sizing: border-box;
    margin-top: 90px;
}

.overview_sec1_list ul li {
    float: left;
    width: 33.333333%;
    height: auto;
    text-align: center;
}

.overview_sec1_list ul li .li_con {
    width: 139px;
    height: 139px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    background: url(../images/overview_yuan1.png) no-repeat;
}

.overview_sec1_list ul li .li_con .yuan {
    position: absolute;
    left: 0;
    top: 0;
    width: 139px;
    height: 139px;
    display: inline-block;
    background: url(../images/overview_yuan2.png) no-repeat;
    -webkit-animation: pointAnimations 3s linear;
    -moz-animation: pointAnimations 3s linear;
    -ms-animation: pointAnimations 3s linear;
    animation: pointAnimations 3s linear;
    display: none;
}

@-webkit-keyframes pointAnimations {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes pointAnimations {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes pointAnimations {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(360deg)
    }
}

@keyframes pointAnimations {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.overview_sec1_list ul li .li_con h3 {
    font-size: 24px;
    color: #fff;
    line-height: 139px;
    font-weight: bold;
}

.overview_sec1_list ul li .li_con h3 span {
    font-size: 40px;
    color: #fff;
    line-height: 40px;
}

.overview_sec1_list ul li p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
}

.overview_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin-bottom: 70px;
}

.overview_sec2 {
    width: 100%;
    height: auto;
    margin-top: 80px;
    padding: 0 80px;
    box-sizing: border-box;
    margin-bottom: 60px;
}

.overview_sec2 .article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    text-align: center;
}

.overview_sec2 .article p {
    margin-bottom: 24px;
}

.overview_sec3 {
    width: 100%;
    height: auto;
    margin-bottom: 100px;
}

.overview_sec3 ul {
    margin: 0 -2%;
}

.overview_sec3 ul li {
    float: left;
    width: 46%;
    height: auto;
    margin: 0 2%;
    position: relative;
}

.overview_sec3 ul li .pic {
    display: block;
    width: 100%;
}

.overview_sec3 ul li .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.overview_sec3 ul li .title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 18%;
    padding-left: 40px;
}

.overview_sec3 ul li .title h3 {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
    padding-bottom: 20px;
    box-sizing: border-box;
    background: url("../images/overview_xian.png") no-repeat left bottom;
    margin-bottom: 15px;
}

.overview_sec3 ul li .title p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.overview_sec4 {
    width: 100%;
    height: auto;
    text-align: center;
}

.overview_sec4 a {
    display: inline-block;
    width: 190px;
    height: 42px;
    border-radius: 22px;
    margin: 0 40px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    text-align: left;
    padding-left: 22px;
    box-sizing: border-box;
}

.overview_sec4 a.left_cloud {
    background: #31affc url("../images/overview_icon1.png") no-repeat 140px center;
}

.overview_sec4 a.left_cloud:hover {
    background: #005bac url("../images/overview_icon1.png") no-repeat 140px center;
}

.overview_sec4 a.right_software {
    background: #31affc url("../images/overview_icon2.png") no-repeat 140px center;
}

.overview_sec4 a.right_software:hover {
    background: #005bac url("../images/overview_icon2.png") no-repeat 140px center;
}


/*about_us*/

.about_us {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.about_us_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    padding-top: 50px;
    --custom-size: 1 / 1920 * 100vw;
}

@media (max-width: 1680px) {
    .about_us_con {
        --custom-size: 1 / 1920 * 100vw * 1.2;
    }
}

@media (max-width: 960px) {
    .about_us_con {
        --custom-size: 1 / 1920 * 100vw * 4;
    }
}

.about_us_con h2.title {
    font-size: clamp(20px, 30 * var(--custom-size), 30 * var(--custom-size));
    color: #535353;
    line-height: 40px;
    margin-bottom: 50px;
    text-align: center;
    font-weight: bold;
}

.about_us_con .item {
    margin-bottom: 50px;
}

.about_us_sec1 .left {
    /* float: left; */
    width: 90%;
    margin: 0 auto;
    height: auto;
    /* padding-right: 20px; */
    box-sizing: border-box;
}

.about_us_sec1 .left .icon {
    display: block;
    margin-bottom: 20px;
}

.about_us_sec1 .left .icon img {
    display: block;
}

.about_us_sec1 .left .article {
    font-size: clamp(16px, 20 * var(--custom-size), 20 * var(--custom-size));
    color: #666666;
    line-height: 24px;
    margin-bottom: 40px;
}

.about_us_sec1 .left .article p {
    margin-bottom: 24px;
}

.about_us_sec1 .left .about_us_sec1_link {
    /* display: inline-block; */
    width: 280px;
    /* float: left; */
    margin: 0 auto;
}

.about_us_sec1 .left .about_us_sec1_link a {
    display: inline-block;
    width: 100%;
    height: 42px;
    border-radius: 22px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    text-align: left;
    /*    padding: 0 25px;*/
    padding-right: 35px;
    box-sizing: border-box;
    background: #31affc url(../images/system_suite_download_icon_fff.png) no-repeat 85% center;
    font-weight: bold;
    text-align: center;
}

.about_us_sec1 .left .about_us_sec1_link a:hover {
    background: #005bac url(../images/system_suite_download_icon_fff.png) no-repeat 85% center;
}

.about_us_sec1 .left .about_us_sec2_link {
    float: left;
    width: 48%;
    margin-right: 4%;
    display: inline-block;
}

.about_us_sec1 .left .about_us_sec2_link a {
    display: inline-block;
    width: 100%;
    height: 42px;
    border-radius: 22px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    text-align: left;
    /*    padding: 0 25px;*/
    padding-right: 35px;
    box-sizing: border-box;
    background: #31affc url(../images/system_suite_download_icon_fff.png) no-repeat 85% center;
    font-weight: bold;
    text-align: center;
}

.about_us_sec1 .left .about_us_sec2_link a:hover {
    background: #005bac url(../images/system_suite_download_icon_fff.png) no-repeat 85% center;
}

.about_us_sec3_article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 30px;
}

.about_us_sec1 .right {
    float: right;
    width: 50%;
    height: auto;
    padding-left: 20px;
    box-sizing: border-box;
}

.about_us_sec1 .right .pic {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.about_us_sec1 .right .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.about_us_sec1 .right p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    text-align: center;
}

.about_us_sec2 {
    width: 100%;
    height: auto;
}

.about_us_sec2 .left {
    float: left;
    width: 50%;
    height: auto;
    padding-right: 20px;
    box-sizing: border-box;
}

.about_us_sec2 .left .pic {
    display: block;
    width: 100%;
    height: auto;
}

.about_us_sec2 .left .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.about_us_sec2 .right {
    float: left;
    width: 50%;
    height: auto;
    padding-left: 40px;
    box-sizing: border-box;
}

.about_us_sec2 .right .icon {
    display: block;
    margin-bottom: 30px;
}

.about_us_sec2 .right .icon img {
    display: block;
}

.about_us_sec2 .right .article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 50px;
}

.about_us_sec2 .right .article p {
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left 10px;
}

.about_us_sec2 .right .about_us_sec2_link a {
    display: inline-block;
    width: 285px;
    height: 42px;
    border-radius: 22px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    text-align: left;
    /*    padding: 0 25px;*/
    padding-right: 35px;
    box-sizing: border-box;
    background: #31affc url(../images/system_suite_download_icon_fff.png) no-repeat 235px center;
    font-weight: bold;
    text-align: center;
}

.about_us_sec2 .right .about_us_sec2_link a:hover {
    background: #005bac url(../images/system_suite_download_icon_fff.png) no-repeat 235px center;
}

.about_us_sec3 {
    width: 100%;
    height: auto;
}

.about_us_sec3 ul {
    margin: 0 -2%;
}

.about_us_sec3 ul li {
    float: left;
    width: 46%;
    height: auto;
    margin: 0 2%;
    position: relative;
}

.about_us_sec3 ul li .pic {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.about_us_sec3 ul li .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.about_us_sec3 ul li .section {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px 60px;
    padding-right: 30px;
    box-sizing: border-box;
}

.about_us_sec3 ul li .section h3 {
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 15px;
    box-sizing: border-box;
    background: url(../images/overview_xian.png) no-repeat center bottom;
    margin-bottom: 10px;
}

.about_us_sec3 ul li .section h3 strong {
    font-weight: bold;
}

.about_us_sec3 ul li .section h3 span {
    display: block;
    margin-top: 4px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: normal;
}

.about_us_sec3 ul li .section h4 {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 25px;
}

.about_us_sec3 ul li .section .article {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 25px;
}

.about_us_sec3 ul li .section .article p {
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian_bai.png) no-repeat left 12px;
}

.about_us_sec3 ul li .section .more {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
}

.about_us_sec3 ul li .section .more:hover {
    color: #0087ff;
}

.about_us_sec1 a.wfEditorMode {
    position: relative;
    left: 35px;
    z-index: 1;
}


/*responsibility*/

.responsibility {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.responsibility_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 100px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    position: relative;
    z-index: 1;
}

.responsibility h1 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.responsibility h3 {
    font-size: 20px;
    color: #535353;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 25px;
}

.res_sec1 {
    width: 100%;
    height: auto;
    margin-bottom: 45px;
    padding: 0 40px;
    box-sizing: border-box;
}

.res_sec1 .article {
    text-align: center;
}

.res_sec2 {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 40px;
}

.res_sec2_list {
    width: 100%;
    height: auto;
}

.res_sec2_list ul {
    margin: 0 -3%;
}

.res_sec2_list ul li {
    float: left;
    width: 44%;
    height: auto;
    margin: 0 3%;
    margin-bottom: 60px;
}

.res_sec2_list ul li.li_3 {
    padding-top: 8%;
    box-sizing: border-box;
}

.res_sec2_list ul li.li_4 .pic {
    max-width: 396px;
    width: 95%;
}

.res_sec2_list ul li.li_4 .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.res_sec3 {
    width: 100%;
    height: auto;
    padding-bottom: 40px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 40px;
}

.res_sec4 .article1 {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}

.res_sec4_list {
    width: 100%;
    height: auto;
}

.res_sec4_list ul {
    margin: 0 -3%;
}

.res_sec4_list ul li {
    float: left;
    width: 44%;
    height: auto;
    margin: 0 3%;
    margin-bottom: 40px;
}

.res_sec4_list ul li .article {
    position: relative;
    top: -7px;
}

.res_sec4_list ul li .pic {
    width: 100%;
}

.res_sec4_list ul li .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}


/*careers*/

.careers {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.careers_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 80px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    position: relative;
    z-index: 1;
}

.careers h1 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.careers h3 {
    font-size: 20px;
    color: #535353;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 25px;
}

.careers_sec1 {
    width: 100%;
    height: auto;
    padding-bottom: 70px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 50px;
}

.careers_sec1 .left {
    float: left;
    width: 50%;
    height: auto;
    padding-right: 5%;
    box-sizing: border-box;
}

.careers_sec1 .right {
    float: left;
    width: 50%;
    height: auto;
    padding-top: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.careers_sec1 .right .pic {
    width: 100%;
    max-width: 560px;
}

.careers_sec1 .right .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

/* .careers_sec1 .right h3 {
    display: block;
    width: 260px;
    height: 42px;
    border-radius: 22px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    font-weight: normal;
    box-sizing: border-box;
    background: #31affc;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0 20px;
} */

.careers_sec1 .right .title {
    /*    text-align: center;*/
    cursor: pointer;
    margin-bottom: 15px;
    display: inline-block;
    width: 260px;
    height: 42px;
    border-radius: 22px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    padding-left: 60px;
    box-sizing: border-box;
    background: #31affc url("../images/jian-right.png") no-repeat 215px 14px;
    text-align: left;
    margin: 0 auto;
}

/* 
.careers_sec1 .right h3 a {
    color: #fff;
}

.careers_sec1 .right:hover h3 {
    background: #005bac;
} */

.careers_sec2 {
    width: 100%;
    height: auto;
    padding-bottom: 70px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 60px;
}

.careers_job_opportunities {
    max-width: 320px;
    width: 100%;
    height: auto;
    /*    margin: 0 auto;*/
    margin-top: 40px;
    text-align: center;
    margin-left: 25px;
}

.careers_job_opportunities .title {
    /*    text-align: center;*/
    cursor: pointer;
    margin-bottom: 15px;
    background: url("../images/navigation_link_icon_b.png") no-repeat 166px 7px;
}

/* .careers_job_opportunities .title:hover {
    color: #31affc;
    background-position: 160px -23px;
} */

.careers_job_opportunities_con {
    width: 100%;
    height: auto;
    position: relative;
}

.careers_job_opportunities_con h3 {
    width: 100%;
    height: 36px;
    font-size: 15px;
    line-height: 34px;
    border: 1px solid #e6e6e6;
    padding-right: 40px;
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    padding-left: 20px;
    color: #666
}

.careers_job_show_down {
    width: 40px;
    height: 30px;
    background: url('../images/careers_job_show_down.png') no-repeat center center;
    position: absolute;
    top: 3px;
    right: 0;
}

.careers_job_active .careers_job_show_down {
    background: url('../images/careers_job_show_up.png') no-repeat center center;
}

.careers_job_show {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    position: absolute;
    top: 36px;
    left: 0;
    z-index: 99;
    display: none;
}

.careers_job_show a {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    /*color: #fff;*/
    color: #666;
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px;
    box-sizing: border-box;
    background: url(../images/careers_job_show_bj.png) 100% 100%;
    /*    background: #999999;*/
    margin-bottom: 1px;
}

.careers_job_show a:hover {
    background: url(../images/nav_ul_bj_hover.png) 100% 100%;
    color: #fff;
}

.careers .showwrap {
    width: 500px;
    height: 300px;
    border: 2px solid #999;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10;
    margin-left: -255px;
    margin-top: -155px;
    display: none;
    box-shadow: 0 0 5px rgb(220, 220, 220)
}

.careers .showwrap .close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
}

.careers .showwrap p {
    text-align: center;
    color: #666;
    font-size: 20px;
    margin-top: 70px;
    font-weight: bold
}

.careers .showwrap .btnbox {
    text-align: center
}

.careers .showwrap .readmores {
    display: inline-block;
    width: 125px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #005bac;
    border: 1px solid #005bac;
    border-radius: 25px;
    margin-top: 20%
}

.careers_sec2 h3 {
    text-align: center;
}

.careers_sec2 .article1 {
    text-align: center;
    padding: 0 10%;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.careers_sec2_list {
    width: 100%;
    height: auto;
}

.careers_sec2_list ul li {
    float: left;
    width: 20%;
    height: auto;
    position: relative;
    padding-top: 60px;
    box-sizing: border-box;
    cursor: pointer;
}

.careers_sec2_list ul li .title {
    width: 100%;
    height: 100px;
    margin: 0 auto;
}

.careers_sec2_list ul li .title h4 {
    font-size: 62px;
    color: #31affc;
    line-height: 70px;
    font-weight: bold;
    text-align: center;
}

.careers_sec2_list ul li .title p {
    font-size: 12px;
    color: #31affc;
    line-height: 20px;
    text-align: center;
}

.careers_sec2_list ul li .careers_show {
    width: 300px;
    height: auto;
    border: 1px solid #e5e5e5;
    padding: 25px;
    box-sizing: border-box;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 1;
}

.careers_sec2_list ul li .careers_show h4 {
    font-size: 50px;
    color: #ffa528;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 15px;
}

.careers_sec2_list ul li .careers_show h4 span {
    font-size: 12px;
    color: #ffa528;
    line-height: 16px;
    margin-left: 0;
    border-bottom: 1px solid #fff;
}

.careers_sec3 {
    margin: 0 -2%;
}

.careers_sec3 .c_item {
    float: left;
    width: 46%;
    height: auto;
    margin: 0 2%;
}

.careers_sec4 {
    text-align: center;
}

.careers_sec4 .about_tech {
    display: inline-block;
    width: 260px;
    height: 42px;
    border-radius: 22px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    padding-left: 60px;
    box-sizing: border-box;
    background: #31affc url("../images/careers_icon1.png") no-repeat 215px center;
    text-align: left;
    margin: 0 auto;
    margin-top: 50px;
}

.careers_sec4 .about_tech:hover {
    background: #005bac url("../images/careers_icon1.png") no-repeat 215px center;
}


/*resource*/

.resource {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.resource_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.resource h1 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.resource_nav {
    width: 100%;
    /*    height: 60px;*/
    margin-bottom: 50px;
}

.resource_nav ul {
    display: flex;
    justify-content: center;
}

.resource_nav ul li {
    float: left;
    width: 25%;
    /*    height: 60px;*/
}

.resource_nav ul li a {
    display: block;
    width: 100%;
    height: 50px;
    border-bottom: 3px solid #005bac;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    line-height: 50px;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-weight: bold
}

.resource_nav ul li a.active {
    background-color: #005bac;
    color: #fff;
}

.resource_nav ul li a:hover {
    background-color: #005bac;
    color: #fff;
}

.resource_article {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    text-align: center;
    /*    margin-top: 50px;*/
    margin-bottom: 40px;
    font-weight: bold;
}

.resource_list {
    width: 100%;
    height: auto;
}

.resource_list ul {
    margin: 0 -2.5%;
}

.resource_list ul li {
    float: left;
    width: 45%;
    height: auto;
    margin: 0 2.5%;
    border: 2px solid #e9e9e9;
    padding: 20px 40px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 40px;
    background: url(../images/resource_list_li_bj.png) 100% 100%;
}

.resource_list ul li .pic {
    width: 76px;
    height: 68px;
    position: absolute;
    top: 30px;
    left: 40px;
}

.resource_list ul li .pic img {
    display: inherit;
    width: 76px;
    height: 68px;
}

.resource_list ul li .right {
    width: 100%;
    height: 150px;
    padding-left: 100px;
    box-sizing: border-box;
}

.resource_list ul li .right h3 {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /*height:72px*/
}

.resource_list ul li .right h3.enh3 {
    font-size: 14px
}

.resource_list ul li .right .file_size {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 7px;
    height: 24px;
}

.resource_list ul li .right .resource_download {
    display: block;
    width: 215px;
    font-size: 16px;
    color: #31affc;
    line-height: 30px;
    background: url("../images/resource_download.png") no-repeat right center;
}

.resource_list ul li .right .resource_download2 {
    width: 120px;
}

.resource_list ul li .right .resource_download:hover {
    color: #ff8a00;
    background: url("../images/resource_download2.png") no-repeat right center;
}


/*resource_poput*/

.resource_poput {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 99;
    display: none;
}

.resource_mask {
    height: 100%;
    width: 100%;
    background: url(../images/resource_mask.png);
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.resource_conter {
    position: absolute;
    top: 50%;
    right: 50%;
    left: 50%;
    width: 960px;
    height: 700px;
    margin-left: -480px;
    margin-top: -350px;
    background: #f6fafd;
    padding: 40px;
    box-sizing: border-box;
    z-index: 99;
}

.resource_conter h3 {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.resource_conter .poput_close {
    width: 40px;
    height: 40px;
    background: url(../images/poput_close.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

.resource_conter .article {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    margin-bottom: 20px;
}

.resource_conter h4 {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.resource_form {
    max-width: 720px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.resource_form form {
    margin: 0 -2.5%;
    margin-bottom: 20px;
}

.resource_form .item {
    float: left;
    width: 45%;
    height: auto;
    margin: 0 2.5%;
    margin-bottom: 20px;
}

.resource_form .item label {
    display: block;
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 5px;
}

.resource_form .item label span {
    color: #de0101;
    margin-left: 5px;
}

.resource_form .item input {
    width: 100%;
    height: 38px;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    line-height: 28px;
}

.resource_form .resource_verification {
    width: 95%;
}

.resource_form .resource_verification input {
    width: 160px;
    float: left;
    /*    margin-top: 5px;*/
}

.resource_form .resource_verification img#yw1 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    height: 38px;
}

.resource_form .resource_verification a#yw1_button {
    font-size: 14px;
    color: #666666;
    line-height: 38px;
}

.resource_form .resource_verification a#yw1_button:hover {
    color: #005bac;
}

.resource_form .resource_choice {
    width: 95%;
    height: 28px;
    margin-top: 10px;
}

.resource_form .resource_choice input {
    width: auto;
    height: 28px;
}

.resource_form .resource_choice span {
    display: inline-block;
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    vertical-align: top;
}

.resource_form .resource_btn {
    width: 95%;
    height: auto;
    margin-top: 20px;
}

.resource_form .resource_btn input {
    width: 160px;
    height: 40px;
    background-color: #31affc;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
}

.resource_form .resource_btn input:hover {
    background-color: #005bac;
}

.resource_form .resource_btn .submit_info {
    margin-right: 60px;
    cursor: pointer;
}

.resource_form .resource_btn a {
    display: inherit;
    float: right;
    font-size: 16px;
    color: #31affc;
    line-height: 40px;
}

.resource_form p {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
}

.resource_form p a {
    color: #31affc;
}

.resource_form p a:hover {
    text-decoration: underline;
}


/*video*/

.video {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.video_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.video h1 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.video_nav {
    width: 100%;
    /*    height: 60px;*/
    margin-bottom: 50px;
}

.video_nav ul li {
    float: left;
    width: 25%;
    /*    height: 60px;*/
}

.video_nav ul li a {
    display: block;
    width: 100%;
    height: 50px;
    border-bottom: 3px solid #005bac;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    line-height: 50px;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-weight: bold
}

.video_nav ul li a.active {
    background-color: #005bac;
    color: #fff;
}

.video_nav ul li a:hover {
    background-color: #005bac;
    color: #fff;
}

.video_article {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
}

.video_list {
    width: 100%;
    height: auto;
}

.video_list ul {
    margin: 0 -3%;
    display: flex;
    flex-wrap: wrap;
}

.video_list ul li {
    float: left;
    width: 44%;
    height: auto;
    margin: 0 3%;
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}

.video_list ul li .pic {
    width: 100%;
    height: auto;
    font-size: 0;
    cursor: pointer;
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    margin-top: -2px;
}

.video_list ul li .pic img {
    display: inherit;
    width: 100%;
    height: auto;
    position: relative
}

.video_list .video_list_icon {
    width: 70px;
    height: 70px;
    background: url(../images/video_icon.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
}

.video_list .video_pic_bj {
    width: 100%;
    height: 100%;
    background: url(../images/video_pic_bj.png) 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.video_list ul li h3 {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    font-weight: bold;
    margin-top: 20px;
    height: 48px;
}

.video_list ul li .article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    /* height: 96px; */
    min-height: 96px;
}

.video_list_phone {
    display: none;
}


/*视频*/

.videoshadow {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: url(../images/bg_videoshadow.png) repeat;
}

.videobox {
    position: absolute;
    width: 0px;
    height: 2px;
    margin: -250px 0 0 -445px;
    left: 50%;
    top: 50%;
    background: #000;
    overflow: hidden;
}

.videobox .close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 26px;
    z-index: 9;
    height: 26px;
    background: url(../images/poput_close.png) center center no-repeat;
    cursor: pointer;
}

.videobox #video {
    background: url(../images/loading040.gif) no-repeat center center #000;
}


/*job*/

.job {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.job_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.job h2 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}

.job_article {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    text-align: center;
    margin-bottom: 60px;
    padding: 0 100px;
    box-sizing: border-box;
}

.job_nav {
    width: 100%;
    height: auto;
    margin-bottom: 60px;
}

.job_nav .job_area {
    padding-left: 100px;
    position: relative;
    box-sizing: border-box;
}

.job_area_office {
    font-size: 16px;
    color: #000000;
    line-height: 38px;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
}


/*.job_area .job_item.job_item12 h3{
        font-size:12px;
}*/

.job_nav .job_item {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    position: relative;
}

.job_nav .job_item h3 {
    width: 100px;
    font-size: 16px;
    color: #000000;
    line-height: 38px;
    position: absolute;
    top: 0;
    left: 0;
}

.job_nav .job_item.job_role h3 {
    font-weight: bold;
}

.job_nav .job_item.job_job h3 {
    font-weight: bold;
}

.job_area .job_item h3 {
    font-size: 14px;
}

.job_nav .job_item_list {
    width: 100%;
    height: auto;
    padding-left: 100px;
    box-sizing: border-box;
}

.job_nav .job_item_list ul li {
    float: left;
    width: auto;
    height: 38px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.job_nav .job_item_list ul li.active {
    background: #1065b0;
}

.job_nav .job_item_list ul li.active a {
    color: #fff;
}

.job_nav .job_item_list ul li a {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 36px;
    font-size: 13px;
    color: #666666;
    border: 1px solid #dcdcdc;
    padding: 0 25px;
    box-sizing: border-box;
}

.job_nav .job_item_list ul li a:hover {
    background: #1065b0;
    color: #fff;
}

.job_item_all {
    width: 100%;
    height: auto;
    text-align: center;
}

.job_item_all .job_item_list {
    padding-left: 0;
}

.job_item_all .job_item_list ul li {
    float: none;
    display: inline-block;
}

.job_list {
    width: 100%;
    height: auto;
    min-height: 300px;
}

.job_list ul {
    margin: 0 -2%;
}

.job_list ul li {
    float: left;
    width: 46%;
    height: auto;
    margin: 0 2%;
    border: 1px solid #f5f5f5;
    border-top: 4px solid #d7d7d7;
    box-sizing: border-box;
    margin-bottom: 4%;
    padding: 30px 20px;
    position: relative;
    cursor: pointer;
}

.job_list ul li h3 {
    font-size: 18px;
    color: #333333;
    line-height: 28px;
    margin-bottom: 10px;
    height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.job_list ul li p {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    height: 24px;
}

.job_list ul li .jia {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 58px;
    right: 30px;
    background: url("../images/job_jia.png") no-repeat center center;
}

.job_item_list a.wfEditorMode {
    position: relative;
    top: 5px;
    left: 30px;
    padding: 0 !important;
    border: 0 !important;
    width: auto !important;
}

.job_list ul h4 {
    font-size: 20px;
    color: #ffa528;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    padding-top: 80px;
}


/*分页*/

.mypager {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 50px auto;
    text-align: center;
}

.mypager ul li.first,
.mypager ul li.last {
    display: none;
}

.mypager ul li {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 5px;
}

.mypager ul li a {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    box-sizing: border-box;
}

.mypager ul li a:hover {
    background-color: #31affc;
    color: #fff;
    border: 1px solid #31affc;
}

.mypager ul li.active a {
    background-color: #31affc;
    color: #fff;
    border: 1px solid #31affc;
}


/*jobdetail*/

.jobdetail {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.jobdetail .jobdetail_title {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.jobdetail .jobdetail_time {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    text-align: center;
}

.jobdetail .jobdetail_content {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-top: 50px;
}

.jobdetail .jobdetail_content p strong {
    display: block;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin: 20px 0;
}

.jobdetail .job_mailto {
    display: inline-block;
    width: auto;
    height: 42px;
    border-radius: 22px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    font-weight: normal;
    box-sizing: border-box;
    background: #31affc;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0 40px;
}

.jobdetail .job_mailto:hover {
    background: #0087ff;
}

.jobdetail table {
    width: 100%;
    height: auto !important;
    border: 1px solid #d9dbe0;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.jobdetail table tr th {
    font-size: 16px;
    color: #333333;
    text-align: center;
    line-height: 20px;
    border: 1px solid #d9dbe0;
    padding: 10px 0;
    box-sizing: border-box;
}

.jobdetail table tr td {
    line-height: 20px;
    padding: 10px 0;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    border: 1px solid #d9dbe0;
    text-align: center;
}

.jobdetail .jobdetail_content ul li {
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left 10px;
}


/*弹框*/

.job_popup {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 14999;
    display: none;
}

.job_mask {
    height: 100%;
    width: 100%;
    background: url(../images/resource_mask.png);
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 1;
}

.job_popup_conter {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1200px;
    height: 600px;
    margin-top: -300px;
    margin-left: -600px;
    background: #ffffff;
    z-index: 999;
    padding: 60px 50px 30px;
    box-sizing: border-box;
    overflow: hidden;
}

.job_popup_colse {
    width: 40px;
    height: 40px;
    background: url(../images/poput_close.png) no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 30px;
}

.job_popup_conter_aa {
    width: 100%;
    height: 510px;
    overflow: auto;
}

.job_popup_article {
    width: 100%;
    /* padding-bottom: 30px; */
}

.job_popup_article .job_title {
    font-size: 20px;
    color: #333333;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.job_popup_article .job_time {
    font-size: 14px;
    color: #31affc;
    line-height: 24px;
    text-align: center;
}

.job_popup_article .job_content {
    width: 100%;
    height: auto;
    padding-top: 30px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.job_popup_article .job_content p strong {
    display: block;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin: 20px 0;
}


/*product_services*/

.product_services {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.product_services_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 70px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.product_services h2 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.product_services h3.product_services_title {
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.product_services .article1 {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    text-align: center;
    margin-bottom: 40px;
    padding: 0 60px;
    box-sizing: border-box;
    font-weight: bold;
}

.product_services_article {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    text-align: center;
    margin-bottom: 60px;
    box-sizing: border-box;
    font-weight: bold;
}

.product_services_list {
    width: 100%;
    height: auto;
}

.product_services_list ul li {
    float: left;
    width: 100%;
    height: auto;
    padding-bottom: 50px;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.product_services_list ul li .left {
    float: left;
    width: 50%;
    height: auto;
    padding-right: 5%;
    box-sizing: border-box;
}

.product_services_list ul li .left .pic {
    display: inline-block;
    margin-bottom: 10px;
    cursor: pointer;
}

.product_services_list ul li .left .pic img {
    display: inherit;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}

.product_services_list ul li .left .pic:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.product_services_list ul li .left h3 {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
}

.product_services_list ul li .left h3 a {
    color: #333333;
}

.product_services_list ul li .left h3 a:hover {
    color: #005bac;
}

.product_services_list ul li .left .article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 20px;
}

.product_services_list_a {
    display: block;
    font-size: 14px;
    color: #f58220;
    line-height: 28px;
}

.product_services_list_a:hover {
    color: #31affc;
}

.product_services_list ul li .right {
    float: left;
    width: 50%;
    height: auto;
}

.product_services_list ul li .right .pic {
    display: block;
    width: 100%;
    height: auto;
}

.product_services_list ul li .right .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.product_services_list ul li .right p {
    display: block;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    text-align: center;
    margin-top: 10px;
}

.product_services_list ul li.pro_li .left {
    float: right;
    padding-left: 5%;
    padding-right: 0;
}

.pro_components {
    margin-bottom: 80px;
}

.pro_components_pic {
    width: 100%;
    height: auto;
}

.pro_components_pic .left {
    float: left;
    width: 50%;
    height: auto;
    padding-right: 5%;
    box-sizing: border-box;
}

.pro_components_pic .left p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.pro_components_pic .right {
    float: left;
    width: 50%;
    height: auto;
}

.pro_components_pic .right img {
    display: inherit;
    width: 100%;
    height: auto;
}

.pro_components_pic .right p {
    display: block;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    text-align: center;
    margin-top: 10px;
}

.product_services_nav {
    width: 100%;
    height: 70px;
    background-color: #31affc;
    box-shadow: inset 0 10px 20px #2a96d8;
}

.product_services_nav_con {
    max-width: 1200px;
    width: 100%;
    height: 70px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.product_services_nav_con p {
    display: inline-block;
    margin: 0 25px;
    font-size: 16px;
    color: #fff;
    line-height: 70px;
}

.product_services_nav_con a {
    display: inline-block;
    width: auto;
    height: 70px;
    line-height: 70px;
    font-size: 16px;
    color: #fff;
    margin: 0 5px;
    position: relative;
}

.product_services_nav_con a:hover {
    color: #005bac;
}

.product_services_nav_con a::before,
.product_services_nav_con a::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}

.product_services_nav_con a::before {
    margin-right: 5px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
}

.product_services_nav_con a::after {
    margin-left: 5px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
}

.product_services_nav_con a:hover::before,
.product_services_nav_con a:hover::after,
.product_services_nav_con a:focus::before,
.product_services_nav_con a:focus::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    color: #005bac;
}

.product_services_nav_con a.wfEditorMode {
    position: absolute;
    top: 20px;
    right: 0;
}

a.popupPhoto {
    display: block;
    position: relative;
}

.popupPhoto_bj {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: url(../images/popupPhoto_bj.png) 100% 100%;
}

.popupPhoto_fdj {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: -20px !important;
    margin-top: -20px !important;
    background: url(../images/popupPhoto_fdj.png) 100% 100%;
}


/*system_suite*/

.system_suite {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.system_suite_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.system_suite h2 {
    font-size: 26px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.system_suite h1 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.system_suite h2 span a {
    display: inline-block;
    font-size: 18px;
    color: #ff8a00;
    line-height: 40px;
    padding-right: 35px;
    box-sizing: border-box;
    background: url("../images/system_suite_download_icon.png") no-repeat right center;
    position: absolute;
    top: 0;
    right: 0;
}

.system_suite h2 span a:hover {
    color: #0087ff;
    background: url("../images/system_suite_download_icon2.png") no-repeat right center;
}

.system_suite_nav {
    width: 100%;
    /*    height: 60px;*/
    margin-bottom: 40px;
}

.system_suite_nav ul li {
    float: left;
    width: 33.333333%;
    /*    height: 60px;*/
}

.grouplife_nav ul li {
    width: 50%;
}

.system_suite_nav ul li a {
    display: block;
    width: 100%;
    height: 50px;
    border-bottom: 3px solid #005bac;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    line-height: 50px;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.system_suite_nav ul li a.active {
    background-color: #005bac;
    color: #fff;
}

.system_suite_nav ul li a:hover {
    background-color: #005bac;
    color: #fff;
}

.download_brochure {
    width: 100%;
    height: auto;
    text-align: center;
}

.download_brochure a {
    display: inline-block;
    width: 210px;
    height: 42px;
    border-radius: 22px;
    margin: 0 40px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    text-align: left;
    padding-left: 22px;
    box-sizing: border-box;
    background: #31affc url(../images/system_suite_download_icon_fff.png) no-repeat 165px center;
}

.download_brochure a:hover {
    background: #005bac url(../images/system_suite_download_icon_fff.png) no-repeat 165px center;
}


/*system_overview*/

.system_overview {
    width: 100%;
    height: auto;
    margin-bottom: 80px;
}

.system_overview .over_article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.system_overview .over_article p {
    /*    margin-bottom: 24px;*/
}

.system_overview .over_article p strong {
    font-weight: bold;
}

.system_overview .over_article ul li {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding-left: 15px;
    box-sizing: border-box;
    background: url("../images/sys_fun_dian.png") no-repeat left 10px;
}

.system_overview .over_article ul li strong {
    font-size: 14px;
    color: #31affc;
    font-weight: bold;
}

.system_overview .over_sec2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.system_overview .over_sec2_list {
    width: 100%;
    height: auto;
}

.system_overview .over_sec2_list ul {
    margin: 0 -1%;
}

.system_overview .over_sec2_list ul li {
    float: left;
    width: 31.333333%;
    height: auto;
    margin: 0 1%;
    position: relative;
    padding-left: 60px;
    box-sizing: border-box;
    min-height: 150px;
}

.system_overview .over_sec2_list ul li.li2 .article {
    /*margin-top: 11px*/
}

.system_overview .removes ul li .article {
    margin-top: 11px
}

.system_overview .removes ul li.remove0 .article {
    margin-top: 0px
}

.system_overview .over_sec2_list ul li .pic {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 0;
}

.system_overview .over_sec2_list ul li .pic img {
    display: inherit;
    width: 40px;
    height: 40px;
}

.system_overview .over_sec2_list ul li .article {
    display: inline-block;
    vertical-align: middle;
    margin-right: -6px;
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.system_overview .over_sec2_list ul li:after {
    content: '';
    width: 0;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.system_overview .over_sec3 {
    margin: 0 -3%;
}

.system_overview .over_sec3 .left {
    float: left;
    width: 58%;
    height: auto;
    margin: 0 3%;
}

.system_overview .over_sec3 .right {
    float: left;
    width: 30%;
    height: auto;
    margin: 0 3%;
}

.system_overview .over_sec3 .pic {
    display: block;
    width: 100%;
    height: auto;
}

.system_overview .over_sec3 .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.system_overview .over_sec3 h3 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.system_overview .over_sec3 p {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.grouplife_overview .grouplife_overview_sec3 {
    margin: 0
}

.grouplife_overview .grouplife_overview_sec3 .left {
    float: left;
    width: 46%;
    height: auto;
    margin: 0 2%;
}

.grouplife_overview .grouplife_overview_sec3 .right {
    float: left;
    width: 46%;
    height: auto;
    margin: 0 2%;
}

.life_overview .life_sec3 {
    width: 100%;
    height: auto;
}

.life_overview .life_sec3 .left {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}

.life_overview .life_sec3 .left ul li {
    float: left;
    width: 44%;
    height: auto;
    margin: 0 2%;
}

.life_overview .life_sec3 .right {
    width: 100%;
    height: auto;
}

.life_overview .life_sec3 .right .pic {
    max-width: 400px;
    margin: 0 auto;
}


/*system_functional*/

.system_functional {
    width: 100%;
    height: auto;
    margin-bottom: 100px;
}

.system_functional .fun_article1 {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 40px;
}

.system_functional .fun_article1 strong {
    color: #31affc;
    font-weight: normal;
}

.system_functional .fun_article1 strong a {
    color: #31affc;
    font-weight: normal;
}

.system_functional .fun_article1 strong a:hover {
    color: #0087ff;
}

.system_functional_list {
    width: 100%;
    height: auto;
    position: relative;
}

.system_functional_list ul li.li_item {
    float: left;
    width: 100%;
    height: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 65px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    position: relative;
    margin-bottom: -1px;
    min-height: 160px;
    cursor: pointer;
}

.ulpointer li {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left center;
}

.ulpointer li span {
    color: #666
}

.system_functional_list ul li.li_item .pic {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 20px;
    left: 0;
    overflow: hidden;
}

.system_functional_list ul li.li_item .pic img {
    display: inherit;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
}

.system_functional_list ul li.li_item.active .pic img {
    position: relative;
    top: -40px;
}

.system_functional_list ul li.li_item .fun_right {
    width: 100%;
    height: auto;
}

.system_functional_list ul li.li_item .fun_right h3 {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 5px;
}

.system_functional_list ul li.li_item .fun_right .sec_article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 15px;
}

.system_functional_list ul li.li_item .fun_right .fun_show {
    display: none;
}

.system_functional_list ul li.li_item .fun_right .fun_show .article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.system_functional_list ul li.li_item .fun_right .fun_show .article ul {
    margin-bottom: 15px;
}

.system_functional_list ul li.li_item .fun_right .fun_show .article ul li {
    padding-left: 15px;
    box-sizing: border-box;
    background: url("../images/sys_fun_dian.png") no-repeat left 10px;
}

.system_functional_list ul li.li_item .fun_right .fun_down {
    width: 30px;
    height: 30px;
    background: url("../images/fun_down.png") no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 0;
}

.system_functional_list ul li.li_item.active .fun_right .fun_down {
    background: url("../images/fun_up.png") no-repeat center center;
}


/*system_technical*/

.system_technical {
    width: 100%;
    height: auto;
    margin-bottom: 100px;
}

.system_technical .tec_article1 {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 40px;
}

.system_technical_list {
    width: 100%;
    height: auto;
}

.system_technical_list ul li {
    float: left;
    width: 100%;
    height: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 65px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    position: relative;
    margin-bottom: -1px;
    min-height: 160px;
    cursor: pointer;
}

.system_technical_list ul li .pic {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 20px;
    left: 0;
    overflow: hidden;
}

.system_technical_list ul li .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.system_technical_list ul li.active .pic img {
    position: relative;
    top: -40px;
}

.system_technical_list ul li .tec_right h3 {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-right: 30px;
    box-sizing: border-box;
}

.system_technical_list ul li .tec_right .article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 10px;
    height: 42px;
    overflow: hidden;
}

.system_technical_list ul li .tec_right .article p {
    margin-bottom: 15px;
}

.system_technical_list ul li.active .tec_right .article {
    height: auto;
}

.system_technical_list ul li .tec_right .article p img {
    display: block;
    max-width: 900px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
}

.system_technical_list ul li .tec_right .tec_down {
    width: 30px;
    height: 30px;
    background: url("../images/fun_down.png") no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 0;
}

.system_technical_list ul li.active .tec_right .tec_down {
    background: url("../images/fun_up.png") no-repeat center center;
}


/*services*/

.services {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.services_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.services_con h2 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.services_con h1 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.services_art1 {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.services_con .services_sec {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.services_con .services_sec h3 {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 15px;
}

.services_con .services_sec .acticle {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.services_con .services_sec .acticle ul li {
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left 10px;
}


/*legal*/
.legal {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.legal_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 200px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.legal_con h2 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}

.legal_con p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.legal_con h3 {
    font-size: 20px;
    color: #000000;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.legal_con .legal_sec1 p {
    margin-bottom: 24px;
}

.not-allow {
    margin-bottom: 25px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.legal_con .not-allow p {
    margin-bottom: 15px;
}

.legal_con .legal_sec2 p {
    margin-bottom: 24px;
}

.legal_con h4 {
    font-weight: normal;
    color: #666666;
    margin-bottom: 10px;
}

.legal_con .legal_sec3 {
    margin-bottom: 24px;
}

.legal_con .legal_sec3 p,
.legal_con .legal_sec4 p {
    padding-left: 20px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left 10px;
}

.legal-title {
    margin-right: 30px;
    width: 16%;
    flex-shrink: 0;
}

.legal_secl {
    margin-bottom: 30px;
}

.flex {
    display: flex;
}

.legal_con .legal-intro {
    font-size: 16px;
}

.legal_con .legal-intro a {
    color: #005bac;
    text-decoration: underline;
}

/* general_clause */
.general_clause .flex {
    flex-wrap: wrap;
}

.legal_secl p {
    padding-right: 1%;
    font-size: 16px;
    margin-bottom: 20px;
}

.general_clause .legal_secl p {
    white-space: nowrap;
    width: 32%;
}

.w100 {
    width: 100% !important;
}

.legal_secl p a {
    color: #005bac;
    text-decoration: underline;
}

.general_clause_history .flex {
    flex-direction: column;
}


.general_clause_history .legal_secl p {
    width: 100%;
    padding-left: 16vw;
    box-sizing: border-box;
}

@media (max-width: 1380px) {
    .general_clause_history .legal_secl p {
        padding-left: 13vw;
    }
}

@media (max-width: 768px) {
    .general_clause .legal_secl p {
        width: 100%;
    }

    .legal_single .flex {
        flex-direction: column;
    }

    .legal-title {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .general_clause_history .legal_secl p {
        padding-left: 0;
    }
}

/* general_clause */

/*privacy_policy*/

.privacy_policy {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.privacy_policy_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 200px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.privacy_policy_con h2 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}

.privacy_policy_con p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.privacy_policy_con h3 {
    font-size: 20px;
    color: #000000;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.privacy_policy_con h4 {
    font-weight: normal;
    color: #666666;
    margin-bottom: 10px;
}

.privacy_policy_sec1 p,
.privacy_policy_sec7 p {
    margin-bottom: 24px;
}

.privacy_policy_sec7 p a {
    color: #02a1e4;
}

.privacy_policy_sec7 p a:hover {
    color: #02a1e4;
    text-decoration: underline;
}

.privacy_policy_sec7 p strong {
    color: #333;
}

.privacy_policy_con_a p {
    position: relative;
    padding-left: 40px;
    margin-bottom: 13px;
}

.privacy_policy_con_a p em {
    position: absolute;
    left: 0px;
    top: 0px;
}

.privacy_policy_con_a .privacy_dow {
    font-size: 14px;
    color: #333;
}

.privacy_policy_con_a .privacy_dow a {
    color: #02a1e4;
}

.privacy_policy_con_a .privacy_dow a:hover {
    color: #02a1e4;
    text-decoration: underline;
}



.privacy_policy_m_b {
    margin-bottom: 30px;
}

.privacy_policy .privacy_policy_sec3 p {
    padding-left: 20px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left 10px;
}

.privacy_policy .privacy_policy_sec4 p {
    padding-left: 20px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left 10px;
}

.privacy_policy_sec10 .article {
    margin-bottom: 24px;
}

.privacy_policy_sec10 .article p {
    padding-left: 20px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left 10px;
}


/*subscription*/

.subscription {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.subscription_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 200px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.subscription_con h2 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.subscription_con strong {
    font-weight: bold;
}

.subscription .group03 {
    padding-top: 20px;
}

.subscription h3 {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}


/*clients*/

.clients {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.clients_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.clients h1 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.clients .article1 {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.clients .article2 {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.clients .article2 a {
    color: #31affc;
    text-decoration: underline;
    font-weight: bold;
}

.clients_sec1 {
    width: 100%;
    height: auto;
    background-color: #f6f9fc;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    margin-top: 40px;
    margin-bottom: 50px;
}

.clients_sec1 .clients_item {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    position: relative;
}

.clients_sec1 .clients_item h3 {
    width: 140px;
    font-size: 16px;
    color: #000000;
    line-height: 38px;
    position: absolute;
    top: 0;
    left: 0;
}

.clients_sec1 .clients_item_list {
    width: 100%;
    height: auto;
    padding-left: 140px;
    box-sizing: border-box;
}

.clients_sec1 .clients_item_list ul li {
    float: left;
    width: auto;
    height: 38px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-radius: 6px;
}

.clients_sec1 .clients_item_list ul li a {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 36px;
    font-size: 13px;
    color: #666666;
    border: 1px solid #dcdcdc;
    padding: 0 25px;
    box-sizing: border-box;
    border-radius: 5px;
}

.clients_sec1 .clients_item_list ul li.active {
    background: #1065b0;
}

.clients_sec1 .clients_item_list ul li.active a {
    color: #fff;
}

.clients_sec1 .clients_item_list ul li:hover {
    background: #1065b0;
}

.clients_sec1 .clients_item_list ul li:hover a {
    color: #fff;
}

.clients_nav {
    width: 100%;
    height: 58px;
    text-align: center;
}

.clients_nav ul {
    width: 930px;
    height: auto;
    margin: 0 auto;
}

.clients_nav ul li {
    float: left;
    width: auto;
    height: auto;
    border-bottom: 2px solid #005bac;
    box-sizing: border-box;
    position: relative;
}

.clients_nav ul li a {
    display: block;
    width: 230px;
    height: 58px;
    font-size: 16px;
    color: #000000;
    line-height: 56px;
    font-weight: bold;
    border: 1px solid #cccccc;
    border-bottom: 0;
    margin-right: -1px;
    box-sizing: border-box;
}

.clients_nav ul li a:hover {
    background: #1065b0;
    color: #fff;
}

.clients_nav ul li:last-child a {
    margin-right: 0;
}

.clients_nav ul li a.wfEditorMode {
    position: absolute;
    width: auto;
    right: 0;
    top: 0px;
}

.clients_list_logo {
    width: 100%;
    height: auto;
    min-height: 500px;
    margin-top: 60px;
}

.clients_list_logo .item_logo {
    width: 100%;
    height: auto;
    margin-bottom: 60px;
}

.clients_list_logo .item_logo h3 {
    font-size: 16px;
    color: #000000;
    line-height: 30px;
    margin-bottom: 30px;
    display: none;
}

.clients_list_logo .item_logo .item_logo_list {
    width: 100%;
    height: auto;
}

.clients_list_logo .item_logo_list ul li {
    float: left;
    width: 185px;
    height: 90px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    box-sizing: border-box;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    position: relative;
}


/*.clients_list_logo .item_logo_list ul li:hover{
    border: 3px solid #1065b0;
}*/

.clients_list_logo .item_logo_list ul li img {
    display: initial;
    width: 183px;
    height: 88px;
    border-radius: 5px;
    box-sizing: border-box;
}

.logo_pic_line {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 3px solid #1065b0;
    border-radius: 5px;
    box-sizing: border-box;
    opacity: 0;
}

.clients_list_logo h4 {
    font-size: 20px;
    color: #ffa528;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    padding-top: 80px;
}

.partnerstetail .clients_item_list ul li a.active {
    background: #1065b0;
    color: #fff;
}

.partnerstetail .clients_list_logo .item_logo_list ul li a {
    display: block;
}

.clients_popup_conter .clientsdetail_pic {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.clients_popup_conter .clientsdetail_pic .pic {
    display: block;
    width: 185px;
    height: 90px;
    /*    border: 1px solid #e9e9e9;*/
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 auto;
}

.clients_popup_conter .clientsdetail_pic .pic img {
    display: initial;
    width: 183px;
    height: 88px;
}

.clients_popup_conter .clientsdetail_title {
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 15px;
}

.clients_popup_conter .clientsdetail_content {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.clients_popup_conter .clientsdetail_content ul li {
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left 10px;
}

.clients_popup_conter .clientsdetail_content p {
    margin-bottom: 8px;
}

.clients_popup_conter .clientsdetail_content p strong {
    color: #000000;
    font-weight: bold;
}

.clients_popup_conter .clientsdetail_content p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.clients_popup_conter .clientsdetail_content span {
    font-size: 14px;
    /* font-size: 14px !important; */
    line-height: 24px;
}

.clients_list_logo .item_logo_list ul li a {
    display: block;
}

.clients .clients_list_logo .item_logo_list ul li a.wfEditorMode {
    position: absolute;
    top: 30px;
    z-index: 1;
}

#job_result .item_logo_list a.wfEditorMode {
    position: absolute;
    top: 0px;
    z-index: 1;
}


/*collaborus*/

.collaborus {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 100px;
}

.collaborus h2 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
}

.collaborus h2 span a {
    display: inline-block;
    font-size: 18px;
    color: #ff8a00;
    line-height: 40px;
    padding-right: 35px;
    box-sizing: border-box;
    background: url("../images/system_suite_download_icon.png") no-repeat right center;
    position: absolute;
    top: 0;
    right: 0;
}

.collaborus h2 span a:hover {
    color: #0087ff;
    background: url("../images/system_suite_download_icon2.png") no-repeat right center;
}

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

.collaborus_sec1 .article {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
}

.collaborus_sec2 {
    width: 100%;
    height: auto;
}

.collaborus_sec2 .left {
    float: left;
    width: 50%;
    height: 570px;
    cursor: pointer;
}

.collaborus_sec2 .left img {
    display: inherit;
}

.collaborus_sec2_left {
    position: relative;
}

.collaborus_sec2_left .title_sp {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.collaborus_sec2_left .title_sp .sp_icon {
    width: 70px;
    height: 70px;
    background: url(../images/video_icon.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
}

.collaborus_sec2_left .title_sp p {
    width: 100%;
    font-size: 30px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 70px;
    left: 0;
    font-weight: bold;
}

.collaborus_sec2_left .collaborus_video_bj {
    width: 100%;
    height: 100%;
    background: url(../images/video_pic_bj.png) 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.collaborus_youku_pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.collaborus_sec2 .left a.wfEditorMode {
    position: relative;
    top: 50px;
    z-index: 1;
}

.collaborus_sec2_left_phone {
    display: none;
}

.collaborus_sec2 .right {
    float: left;
    width: 50%;
    height: 570px;
    position: relative;
}

.collaborus_sec2 .right .pic {
    width: 100%;
    height: 570px;
}

.collaborus_sec2 .right .pic img {
    display: inherit;
}

.collaborus_sec2 .right .collaborus_form {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding-left: 60px;
    padding-top: 70px;
    box-sizing: border-box;
}

.collaborus_form h3 {
    width: 450px;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 25px;
}

.collaborus_form form {
    width: 450px;
    height: auto;
}

.collaborus_form .item {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    position: relative
}

.collaborus_form .item input {
    width: 100%;
    height: 36px;
    border: 1px solid #fff;
    background-color: transparent;
    padding: 10px 25px;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}

.collaborus_form .btn input {
    width: 200px;
    height: 45px;
    line-height: 45px;
    border: 0;
    background-color: #086dba;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
    font-size: 14px;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    font-size: 14px;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    font-size: 14px;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
    font-size: 14px;
}

.collaborus_verification {
    position: relative;
}

.collaborus_verification input {
    padding-right: 150px !important;
}

.collaborus_verification img#yw0 {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 40px
}

.tishis {
    width: 160px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 40%;
    bottom: -35px;
    z-index: 2;
    display: none;
    background: #e51b00
}

.tishis img {
    position: absolute;
    left: 20px;
    top: -9px
}

.collaborus_sec3 {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    box-sizing: border-box;
    margin-bottom: 60px;
}

.collaborus_sec3_list {
    position: relative;
    height: 350px;
}

.collaborus_sec3_list ul li {
    float: left;
    width: 325px;
    height: auto;
    margin: 0 20px;
}

.collaborus_sec3_list ul li .pic {
    display: block;
    width: 325px;
    height: 208px;
    margin-bottom: 20px;
}

.collaborus_sec3_list ul li .pic img {
    display: inherit;
    width: 325px;
    height: 208px;
}

.collaborus_sec3_list ul li h3 {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    font-weight: bold;
}

.collaborus_sec3_list ul li .article {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
}

.collaborus_sec3 .glance_prev {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../images/glance_prev.png") no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 90px;
    left: 0;
}

.collaborus_sec3 .glance_next {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../images/glance_next.png") no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 90px;
    right: 0;
}

.collaborus_sec4 {
    width: 100%;
    height: auto;
    background: url("../images/collaborus_img6_bj.jpg") no-repeat 50%;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 90px;
    box-sizing: border-box;
}

.collaborus_sec4 h2 {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    color: #fff;
    margin-bottom: 40px;
}

.collaborus_sec4 .article {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}

.collaborus_sec4 .article p {
    margin-bottom: 28px;
    padding-left: 15px;
    box-sizing: border-box;
    background: url("../images/cloud_dian.png") no-repeat left 12px;
}

.collaborus_sec4 .article p:last-child {
    background: url("") no-repeat left 12px;
}

.collaborus_sec5 {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 100px;
    box-sizing: border-box;
    margin-bottom: 80px;
}

.collaborus_sec5 h2 {
    margin-top: 0;
}

.collaborus_sec5 .pic {
    max-width: 1000px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 80px;
}

.collaborus_sec5 .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.collaborus_sec5_icon {
    width: 100%;
    height: auto;
    text-align: center;
}

.collaborus_sec5_icon a {
    display: inline-block;
    width: 95px;
    height: 90px;
    margin: 0 20px;
}

.collaborus_sec5_icon a img {
    display: inherit;
    width: 95px;
    height: 90px;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}

.collaborus_sec5_icon a:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}


/*big_data*/

.big_data {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.big_data_con {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 120px;
    box-sizing: border-box;
}

.big_data h2 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
}

.big_data h2 span a {
    display: inline-block;
    font-size: 18px;
    color: #ff8a00;
    line-height: 40px;
    padding-right: 35px;
    box-sizing: border-box;
    background: url("../images/system_suite_download_icon.png") no-repeat right center;
    position: absolute;
    top: 0;
    right: 0;
}

.big_data h2 span a:hover {
    color: #0087ff;
    background: url("../images/system_suite_download_icon2.png") no-repeat right center;
}

.big_data .article1 {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.big_data_sec1 {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    margin-bottom: 45px;
}

.big_data_sec1 h3 {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.big_data_sec1 .article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.big_data_sec1 .article ul li {
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left 10px;
    ;
}

.big_data_sec2 {
    width: 100%;
    height: auto;
    padding-bottom: 40px;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.big_data_sec2 .left {
    float: left;
    width: 60%;
    height: auto;
    padding-right: 10%;
    box-sizing: border-box;
}

.big_data_sec2 .right {
    float: left;
    width: 40%;
    height: auto;
    box-sizing: border-box;
}

.big_data_sec2 .left h3 {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}

.big_data_sec2 .left .article {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}

.big_data_sec2 .article ul li {
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/sys_fun_dian.png) no-repeat left 10px;
    /*    margin-bottom: 24px;*/
}

.big_data_sec2 .right .pic {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.big_data_sec2 .right .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.big_data_sec2 .right p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    text-align: center;
}

.big_data_sec3 {
    margin-bottom: 80px;
}

.big_data_sec3 .article2 {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 50px;
}

.big_data_sec3_list {
    width: 100%;
    height: auto;
}

.big_data_sec3_list ul {
    margin: 0 -1%;
}

.big_data_sec3_list ul li {
    float: left;
    width: 31.33333%;
    height: auto;
    margin: 0 1%;
    padding-left: 50px;
    box-sizing: border-box;
    position: relative;
}

.big_data_sec3_list ul li .pic {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
}

.big_data_sec3_list ul li .pic img {
    display: inherit;
    width: 35px;
    height: 35px;
}

.big_data_sec3_list ul li h3 {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    min-height: 48px;
    font-weight: bold;
    margin-bottom: 10px;
}

.big_data_sec3_list ul li .article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}


/* 侧边导航*/

.side_navigation {
    width: auto;
    height: auto;
    position: fixed;
    top: 380px;
    right: 30px;
    padding-top: 20px;
    z-index: 99;
    opacity: 1;
}

.side_navigation .side_list ul li {
    display: block;
    width: auto;
    height: 55px;
    margin-bottom: 20px;
}

.side_navigation .side_list ul li a {
    display: block;
    width: auto;
    height: 55px;
}

.side_navigation .side_list ul li .pic {
    float: right;
    width: 55px;
    height: 55px;
}

.side_navigation .side_list ul li .pic img {
    display: inherit;
    width: 55px;
    height: 55px;
}

.side_navigation .side_list ul li p {
    display: block;
    float: right;
    width: auto;
    height: 55px;
    font-size: 16px;
    color: #fff;
    line-height: 55px;
    font-weight: bold;
    text-align: right;
    padding: 0 15px;
    box-sizing: border-box;
    display: none;
}

.side_line {
    display: block;
    width: 2px;
    height: 100%;
    background-color: #ff9b00;
    position: absolute;
    top: 0;
    right: 27px;
    z-index: -1;
}

.side_navigation .side_list ul li.active {
    background: #ffa528;
    border-top-left-radius: 5px;
    border-top-right-radius: 32px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 32px;
}

.side_navigation .side_list ul li.active p {
    display: block;
}


/*ebao_error*/

.ebao_error {
    max-width: 960px;
    width: 100%;
    margin: 220px auto 100px;
    min-height: 500px;
}

.ebao_error h3 {
    font-size: 24px;
    color: #000000;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}

.ebao_error .ebao_img {
    width: 100%;
    height: auto;
    margin-top: 100px;
    margin-bottom: 100px;
}

.ebao_error .pic {
    display: inherit;
    margin: 0 auto;
}

.ebao_error .article {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.ebao_error .article p {
    margin-bottom: 24px;
}

.ebao_error .article p a {
    font-size: 14px;
    color: #31affc;
    line-height: 24px;
}

.ebao_error .article p a:hover {
    color: #0087ff;
}

@media only screen and (min-width: 1440px) {

    .product_services .article1,
    .product_services_article {
        font-size: 16px;
    }

}

@media only screen and (max-width: 1440px) {
    .video_list ul li {
        float: left;
        width: 44%;
        height: auto;
        margin: 0px 3%;
        position: relative;
        margin-bottom: 40px;
        overflow: hidden;
    }

    .con_banner_title,
    .con_subNav .subNav,
    .cloud .clo_sec1 .title,
    .cloud .clo_sec3_con,
    .cloud .clo_sec4_con {
        max-width: 960px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .ebao_error {
        max-width: 960px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .navigation_link ul li .pic,
    .navigation_link ul li .right {
        margin: 0 10px;
    }

    .cloud .clo_sec4 {
        height: auto;
    }

    .clo_sec4_list ul li {
        height: 460px;
        padding-left: 8px;
        padding-right: 2px;
    }

    .e_news_con,
    .e_events_con {
        max-width: 960px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .overview_sec1_con,
    .overview .overview_con,
    .responsibility_con,
    .careers_con,
    .resource_con,
    .e_offices_con,
    .e_enquiry_con,
    .video_con,
    .clients_con {
        max-width: 960px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .overview_sec1_list {
        padding: 0;
    }

    .resource_list ul {
        margin: 0 -2%;
    }

    .resource_list ul li {
        width: 46%;
        margin: 0 2%;
        margin-bottom: 4%;
        padding: 15px 25px;
    }

    .resource_list ul li .pic {
        left: 25px;
    }

    .resource_list ul li .right {
        padding-left: 90px;
    }

    .e_offices_list ul li .pic {
        width: 162px;
        height: auto;
    }

    .e_offices_list ul li .pic img {
        width: 162px;
        height: 140px;
    }

    .e_offices_list ul li .right {
        padding-left: 185px;
        padding-right: 0;
    }

    .job_con,
    .big_data_con,
    .collaborus_sec1,
    .collaborus_sec3,
    .collaborus_sec4 h2,
    .collaborus_sec4 .article,
    .collaborus_sec5,
    .system_suite_con,
    .services_con,
    .product_services_con,
    .legal_con,
    .privacy_policy_con,
    .use_cases_sec1_con,
    .use_cases_sec2_con,
    .about_us_con {
        max-width: 960px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .subscription_con {
        max-width: 960px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .subscription_con {
        padding-top: 150px;
    }

    .privacy_policy_con {
        padding-top: 150px;
    }

    .legal_con {
        padding-top: 150px;
    }

    .system_overview .over_sec2_list ul li {
        width: 48%;
        min-height: 120px;
    }

    /*     .system_functional_list ul li.li_item {
        padding-left: 100px;
    } */
    /*     .system_technical_list ul li {
        padding-left: 100px;
    } */
    .system_overview .over_sec3 {
        margin: 0;
    }

    .life_overview .life_sec3 .left {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .life_overview .life_sec3 .right {
        width: 100%;
        margin: 0 auto;
    }

    .system_overview .over_sec3 .right .pic {
        max-width: 400px;
        margin: 0 auto;
    }

    .offices_map_conter,
    .news_pages_con {
        max-width: 960px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .sy_header_con {
        height: 100px;
    }

    .main {
        margin-top: 100px;
    }

    .sy_header_con .logo {
        margin-top: 22px;
    }

    .sy_header_con .right {
        height: 100px;
        padding: 10px 0;
    }

    .sy_header_con .right .nav>ul>li>a {
        height: 50px;
    }

    .sy_header_con .right .nav ul li .ul1 {
        position: absolute;
        top: 50px;
    }

    .sy_header_con .right .nav .sub_Nav {
        position: absolute;
        top: 50px;
    }

    .sy_banner_title1_pic {
        position: absolute;
        top: 50%;
        left: 0;
    }

    .sy_banner_pos_con {
        padding-top: 150px;
    }

    .sy_banner_title2 .left {
        padding-top: 4%;
    }

    .sy_banner2_title2_right {
        top: -10px;
        right: 0;
    }

    .sy_banner_title3 .left {
        padding-top: 4%;
    }

    .sy_banner3_title3_right {
        position: absolute;
        top: 0;
        right: 40px;
    }

    .news_pages h2 {
        padding: 0 10%;
    }

    .clients_list_logo .item_logo_list ul li {
        width: 169px;
        height: 82px;
        /* overflow: hidden; */
    }

    .clients_list_logo .item_logo_list ul li img {
        width: 167px;
        height: 80px;
    }

    .cloud .clo_sec2_con .pic {
        width: 60%;
        height: auto;
        margin: 0 auto;
        margin-bottom: 70px;
    }

    .cloud .clo_sec1 {
        height: 520px;
    }

    .cloud .clo_sec2_con h2 {
        margin-bottom: 30px;
    }

    .cloud .clo_sec2_con {
        padding-top: 70px;
    }

    .resource_mail_conter {
        width: 640px;
        height: 560px;
        margin-left: -320px;
        margin-top: -280px;
    }

    .resource_mail_link {
        margin-top: 150px;
    }

    .resource_conter {
        width: 640px;
        height: 560px;
        margin-left: -320px;
        margin-top: -280px;
    }

    .resource_conter h3 {
        margin-bottom: 10px;
    }

    .resource_conter .article {
        line-height: 20px;
        margin-bottom: 10px;
    }

    .resource_conter h4 {
        margin-bottom: 10px;
    }

    .resource_form .item {
        margin-bottom: 10px;
    }

    .resource_conter .poput_close {
        top: 10px;
        right: 10px;
    }

    .resource_form .item input {
        height: 30px;
    }

    .resource_form .resource_verification input {
        margin-top: 0;
    }

    /*    .resource_form .resource_verification img#yw1{
            width: auto;
            height: 30px;
        }*/
    .resource_form .resource_verification img#yw1 {
        width: auto;
        height: 30px;
    }

    .resource_form .resource_verification img {
        width: auto;
        height: 30px;
    }

    .resource_form .resource_verification a#yw1_button {
        line-height: 30px;
    }

    .resource_form .resource_btn {
        margin-top: 10px;
    }

    .resource_form .resource_btn input {
        height: 40px;
    }

    .resource_form form {
        margin-bottom: 10px;
    }

    .search_content,
    .jobdetail {
        max-width: 960px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .system_overview .over_sec3 .left {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .system_overview .over_sec3 .pic {
        max-width: 700px;
        margin: 0 auto;
    }

    .system_overview .over_sec3 .right {
        width: 100%;
        margin: 0 auto;
    }

    .system_overview .over_sec3 .right .pic {
        max-width: 450px;
        margin-bottom: 50px;
    }

    .product_services_list ul li .right {
        padding-top: 105px;
        box-sizing: border-box;
    }

    .cloud .clo_sec1 .title {
        top: 26%;
    }

    .grouplife_overview .grouplife_overview_sec3 .left {
        float: left;
        width: 46%;
        height: auto;
        margin: 0 2%;
    }

    .grouplife_overview .grouplife_overview_sec3 .right {
        float: left;
        width: 46%;
        height: auto;
        margin: 0 2%;
    }

    .grouplife_overview .grouplife_overview_sec3 .right .pic {
        max-width: 700px;
        margin-bottom: 40px;
    }

    .thank_you_conter {
        width: 640px;
        height: 500px;
        margin-left: -320px;
        margin-top: -250px;
    }

    .thank_you_con {
        margin: 60px auto;
    }

    .thank_you_link {
        margin-top: 30px;
        padding-top: 30px;
    }

    .job_list ul li h3 {
        height: 56px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .clo_section1_right_title .article {
        padding-left: 80px;
        padding-right: 80px;
        margin-top: 30px;
    }

    .use_cases_sec1_item .pic {
        width: 85%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .use_cases_sec1_item1 .pic {
        width: 90%;
    }

    .about_us_sec1 .right p {
        padding: 0 50px;
        box-sizing: border-box;
    }

    .about_us_sec3 ul li .section {
        padding: 25px;
        padding-top: 25px;
        padding-right: 20px;
    }

    .about_us_sec3 ul li .section h4 {
        margin-bottom: 10px;
    }

    .about_us_sec3 ul li .section .article {
        line-height: 25px;
    }

    .about_us_sec3 ul li .section .article p {
        background: url(../images/sys_fun_dian_bai.png) no-repeat left 10px;
        margin-bottom: 5px;
        box-sizing: border-box;
    }

    .about_us_sec3 ul li .section .article {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {
    .sy_banner_title1 .top h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .sy_banner_title1 .top p {
        font-size: 25px;
        line-height: 30px;
    }

    .sy_banner_title2 .left h3 {
        /*font-size: 30px;*/
        font-size: 26px;
        line-height: 40px;
    }

    .sy_banner_title2 .left p {
        font-size: 21px;
        line-height: 30px;
    }

    .sy_banner_title3 .left h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .sy_banner_title3 .left p {
        font-size: 24px;
        line-height: 30px;
    }

    .sy_banner2_title2_list ul li p {
        font-size: 14px;
    }

    .sy_banner3_title3_list ul li p {
        font-size: 14px;
    }

    .core_system_con h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .core_system_con .article1 {
        /*        font-size: 14px;*/
    }

    .fast_components_con h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .fast_components_con .article1 {
        /*        font-size: 14px;*/
    }

    .fast_components {
        height: 650px;
    }

    .fast_components_con {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .news_events_con .item h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .news_events_con .item p.more a {
        font-size: 15px;
    }

    .news_events_con {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .core_system {
        height: 600px;
    }

    .core_system_con {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .sy_partners_con h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .sy_partners_con .article {
        /*        font-size: 14px;*/
    }

    .sy_partners_con {
        padding-bottom: 80px;
    }

    /*    .sy_partners{
        height: 580px;
    }*/
    .con_banner_title h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .con_banner_title p {
        font-size: 16px;
    }

    .cloud .clo_sec1 .title h3,
    .cloud .clo_sec3_con h3,
    .cloud .clo_sec4_con h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .cloud .clo_sec1 .title .article {
        font-size: 20px;
    }

    .cloud .clo_sec4_con .article1 {
        margin-bottom: 40px;
    }

    .clo_sec4_list ul li {
        height: 460px;
    }

    .cloud .clo_sec4_con {
        padding-bottom: 80px;
    }

    .clo_sec4_list ul li .article {
        line-height: 20px;
    }

    /*     .e_news h2,
    .e_events h2 {
        font-size: 24px;
        line-height: 30px;
    } */
    .e_news_list ul li h3 {
        font-size: 16px;
    }

    .pagebox {
        margin: 30px auto;
    }

    .e_news_con,
    .e_events_con {
        padding-bottom: 70px;
    }

    .e_events_list ul li h3 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 30px;
    }

    .e_events_list ul li .list_sec {
        margin-bottom: 20px;
    }

    .overview_sec1 h2 {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 30px;
    }

    .overview_sec1 h2 span {
        font-size: 20px;
    }

    .overview_sec1 {
        height: 600px;
    }

    .overview_sec1_con {
        padding-top: 100px;
    }

    .overview_sec1_list {
        margin-top: 100px;
    }

    .responsibility h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    /*     .careers h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 60px;
    } */
    .careers_sec1 {
        padding-bottom: 50px;
    }

    .careers_sec2 {
        padding-bottom: 70px;
        margin-bottom: 60px;
    }

    .job h2,
    .e_enquiry h2,
    .product_services h2,
    {
    font-size: 24px;
    line-height: 30px;
}

.resource_con {
    padding-bottom: 50px;
}

.e_offices_list ul li .right h3 {
    font-size: 16px;
    margin-bottom: 20px;
}

.system_overview .over_sec3 h3 {
    font-size: 24px;
    line-height: 30px;
}

.system_suite h2 span a {
    font-size: 16px;
}

.system_overview .over_sec2_list ul li {
    min-height: 96px;
}

.system_overview {
    margin-bottom: 50px;
}

/*     .system_functional_list ul li.li_item {
        padding-top: 20px;
        padding-bottom: 20px;
    } */
/*     .system_technical_list ul li {
        padding-top: 20px;
        padding-bottom: 20px;
    } */
.system_suite_con {
    padding-bottom: 100px;
}

.collaborus h2 {
    font-size: 24px;
    line-height: 30px;
}

.collaborus h2 span a {
    font-size: 16px;
}

.collaborus_sec4 {
    padding-bottom: 60px;
}

.collaborus_form h3 {
    font-size: 24px;
    line-height: 30px;
}

.collaborus_sec2 .left {
    height: 500px;
}

.collaborus_sec2 .right {
    height: 500px;
}

.collaborus_sec2 .right .pic {
    height: 500px;
}

.clo_section1 .left {
    height: 500px;
}

.clo_section1 .right {
    height: 500px;
}

.collaborus_sec2 .right .collaborus_form {
    padding-top: 50px;
}

.collaborus_sec5 .pic {
    max-width: 800px;
}

.collaborus_sec2_left .title_sp p {
    font-size: 24px;
    top: 45px;
}

.big_data h2,
.services_con h2 {
    font-size: 24px;
    line-height: 30px;
}

.big_data h2 span a {
    font-size: 16px;
}

.big_data .article1 {
    padding-bottom: 40px;
}

.cloud .clo_sec4_con .article1 {
    font-size: 14px;
}

.sy_header_con .right .nav ul li .ul1 li {
    height: 36px;
    line-height: 36px;
}

.sy_header_con .right .nav ul li .ul1 li a {
    font-size: 13px;
    height: 36px;
    line-height: 36px;
}

.sy_header_con .right .nav .sub_Nav a {
    font-size: 13px;
    height: 36px;
    line-height: 36px;
}

.sy_header_con .logo {
    width: auto;
    height: 43px;
    margin-top: 14px;
}

.sy_header_con .logo a img {
    display: inherit;
    width: 100%;
}

.sy_header_con .logo a img.logo001 {
    display: none
}

.sy_header_con .logo a img.logo002 {
    display: block
}

.job_popup_conter {
    width: 960px;
    margin-left: -480px;
    padding: 60px 40px 25px;
}

.clients_popup_conter .clientsdetail_title,
.clients_popup_conter .clientsdetail_pic {
    margin-bottom: 18px
}

.job_popup_conter_aa {
    height: 510px
}

.sy_header_con {
    height: 70px;
}

.main {
    margin-top: 70px;
}

.sy_header_con .right {
    height: 70px;
}

.sy_header_con .right .top {
    height: 25px;
}

.header_search {
    height: 25px;
}

.sy_header_con .right .language {
    height: 25px;
}

.sy_header_con .right .language a {
    line-height: 25px;
    font-size: 12px;
}

.sy_header_con .right .language .language_show {
    top: 25px;
}

.header_search .searchform {
    height: 25px;
    line-height: 25px;
}

.header_search .btn_submit {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 25px;
}

.header_search .searchext {
    height: 25px;
    line-height: 25px;
}

.sy_header_con .right .nav {
    height: 25px;
}

.sy_header_con .right .nav>ul>li>a {
    font-size: 14px;
    line-height: 25px;
    height: 35px;
}

.sy_header_con .right .nav ul li .ul1 {
    top: 35px;
}

.sy_header_con .right .nav .sub_Nav {
    top: 35px;
}

.banner_num {
    bottom: 20px;
}

.side_navigation {
    position: fixed;
    top: 160px;
}

.sy_banner2_title2_right {
    top: -30px;
    right: -85px;
}

.sy_banner2_title2_list ul li.li_6 p {
    position: absolute;
    top: 315px;
    left: -5px;
}

.sy_banner2_title2_list ul li.li_5 p {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.use_cases_sec2_list ul li {
    width: 276px;
}

.use_cases_sec2_list ul li .pic {
    width: 200px;
    height: 95px;
}

.use_cases_sec2_list ul li .pic img {
    display: block;
    width: 200px;
    height: 95px;
    margin: 0 auto;
}

.use_cases_sec2_list ul li .pic .pic_hover {
    width: 200px;
    height: 95px;
}

.use_cases_sec1_con h3 {
    font-size: 24px;
    line-height: 30px;
}
}

@media (max-width:1440px) {
    .about_us_sec3 ul li .pic img {
        width: auto;
        height: 430px;
    }
}

@media only screen and (max-width: 1200px) {

    /* 弹框*/
    .job_popup_conter {
        width: 600px;
        height: 600px;
        margin-top: -300px;
        margin-left: -300px;
        padding: 70px 30px 30px;
    }

    .side_navigation {
        position: fixed;
        top: 360px;
    }
}

@media only screen and (max-width: 960px) {
    .insuremo-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .use_cases_sec2_con .title_p {
        font-weight: normal;
        line-height: 1.5em;
    }

    .clo_sec2_con {
        max-width: 960px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .navigation_link {
        height: 240px;
        padding: 20px 0;
    }

    .navigation_link ul li {
        width: 50%;
        margin-bottom: 20px;
    }

    .clo_sec4_list ul li {
        width: 99%;
        height: auto;
        margin-bottom: 20px;
        padding: 30px 20px;
    }

    .overview_sec2 {
        padding: 0;
    }

    .careers_sec1 .left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 50px;
    }

    .careers_sec1 .right {
        width: 100%;
    }

    .careers_sec1 .right .pic {
        margin: 0 auto;
    }

    .e_offices_list ul li {
        width: 100%;
    }

    .e_offices_list ul li .pic {
        left: 2%;
    }

    .careers_sec2_list ul li {
        width: 33.333333%;
        margin-bottom: 30px;
    }

    .big_data_sec3_list ul li {
        float: left;
        width: 98%;
        margin-bottom: 40px;
    }

    .big_data_sec2 .left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }

    .big_data_sec2 .right {
        width: 100%;
    }

    .big_data_sec2 .right .pic {
        max-width: 472px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .system_suite h2 span a {
        display: block;
        position: static;
        text-align: right;
        margin-top: 20px;
    }

    .collaborus h2 span a {
        display: block;
        position: static;
        text-align: right;
        margin-top: 20px;
    }

    .clo_section1 .left {
        width: 100%;
        height: 500px;
    }

    .clo_section1 .right .pic,
    .clo_section1 .right {
        width: 100%;
        height: 574px;
    }

    .collaborus_sec2 .left {
        width: 100%;
        height: 500px;
    }

    .collaborus_sec2 .right {
        width: 100%;
        height: 500px;
    }

    .collaborus_sec2 .right .pic {
        height: 500px;
    }

    .collaborus_sec2_left .title_sp p {
        top: 50px;
    }

    .collaborus_sec2 .right .collaborus_form {
        padding-top: 50px;
    }

    .collaborus_sec2 .right .collaborus_form {
        padding-left: 0;
    }

    .collaborus_form form {
        margin: 0 auto;
    }

    .collaborus_form h3 {
        width: auto;
        text-align: center;
    }

    .clients_nav {
        height: auto;
    }

    .clients_nav ul {
        width: auto;
    }

    .resource_list ul li {
        width: 94%;
    }

    .product_services_nav {
        height: auto;
    }

    .product_services_nav_con {
        height: auto;
        padding: 20px 0;
        box-sizing: border-box;
    }

    .product_services_nav_con p {
        line-height: 40px;
    }

    .product_services_nav_con a {
        height: 40px;
        line-height: 40px;
    }

    .clo_section1_right_title .article {
        /*padding-left: 240px;*/
    }

    .about_us_sec1 .left {
        width: 100%;
        padding-right: 0;
    }

    .about_us_sec1 .right {
        float: left;
        width: 100%;
        padding-left: 0;
        margin-bottom: 50px;
    }

    .about_us_sec1 .left {
        float: none;
        display: block;
        max-width: 600px;
        margin: 0 auto;
    }

    .about_us_sec3_article {
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .about_us_sec1 .right .pic {
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .about_us_sec2 .right {
        float: none;
        display: block;
        max-width: 600px;
        margin: 0 auto;
    }

    .about_us_sec2 .left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 50px;
    }

    .about_us_sec2 .right {
        width: 100%;
        padding-left: 0;
    }

    .about_us_sec1 .left .about_us_sec1_link {
        text-align: center;
    }

    .about_us_sec1 .left .about_us_sec2_link {
        text-align: center;
    }

    .about_us_sec2 .left .pic {
        max-width: 600px;
        margin: 0 auto;
    }

    .about_us_sec2 .right .about_us_sec2_link {
        text-align: center;
    }

    .about_us_sec3 ul li {
        float: none;
        display: block;
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .about_us_sec3 ul li .pic img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 640px) {
    .news_pages .article ul li {
        background: url(../images/sys_fun_dian.png) no-repeat left 18px;
        -webkit-background-size: 8px auto;
        background-size: 8px auto;
    }

    .gotop {
        right: 20px;
    }

    .e_events_list ul li {
        width: 96%;
    }

    .e_news_list ul li {
        width: 96%;
    }

    .overview_sec3 ul li {
        width: 96%;
        margin-bottom: 4%;
    }

    .overview_sec4 a {
        margin: 0 25px;
    }

    .res_sec4_list ul li {
        width: 94%;
    }

    .resource_list ul li {
        width: 96%;
    }

    .careers_sec2_list ul li {
        width: 50%;
        margin-bottom: 30px;
    }

    .careers_sec3 .c_item {
        width: 96%;
        margin-bottom: 6%;
    }

    .careers_sec3 .c_item .article {
        font-size: 24px;
        max-height: 99999px;
    }

    .careers_sec3 .right .about_tech {
        margin-top: 30px;
    }

    .job_list ul li {
        width: 96%;
    }

    .system_overview .over_sec2_list ul li {
        width: 98%;
        min-height: 90px;
    }

    .system_overview .over_sec2_list ul li .pic {
        position: absolute;
        top: 0;
        margin-top: 0px;
    }

    .system_overview .over_sec3 .left {
        width: 94%;
        margin-bottom: 50px;
    }

    .system_overview .over_sec3 .right {
        width: 94%;
    }

    .clients_nav ul {
        width: 460px;
    }

    .res_sec2_list ul li {
        width: 94%;
        margin-bottom: 40px;
    }

    .res_sec2_list ul li.li_3 {
        padding-top: 0;
    }

    .res_sec2_list ul li.li_4 .pic {
        margin: 0 auto;
    }

    .clients_list_logo .item_logo_list ul li {
        width: 185px;
        height: 90px;
        overflow: hidden;
    }

    .clients_list_logo .item_logo_list ul li img {
        width: 183px;
        height: 88px;
    }

    .resource_list ul li .right {
        height: auto;
    }

    .resource_list ul li .right h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    /*.clo_section1_left_pc{
            display: none;
        }*/
    .clo_section1_left_phone {
        display: block;
    }

    .clo_section1_left_phone a {
        display: block;
        height: 500px;
    }

    .clo_section1 .right .pic {
        height: 574px;
    }

    .clo_section1_left .title_sp .sp_icon {
        display: none
    }

    .clo_section1_left .title_sp h2 {
        top: 120px
    }

    .collaborus_sec2_left_pc {
        display: block;
    }

    .collaborus_sec2_left_phone {
        display: block;
    }

    .collaborus_sec2_left_phone a {
        display: block;
    }

    .collaborus_sec2_left .title_sp .sp_icon {
        display: none;
    }

    .video_list_pc {
        display: block;
    }

    .video_list_phone {
        display: none;
    }

    /* .video_list .video_list_icon {
        display: none
    } */
    .side_navigation {
        display: none;
    }

    .video_list ul li {
        width: 94%;
    }

    .video_list ul li .article {
        height: auto;
    }

    .search_content .e_news_list ul li:first-child {
        width: 94%;
    }

    .search_content .span_one {
        font-size: 26px;
        line-height: 40px;
    }

    .search_content .span_two {
        font-size: 24px;
        line-height: 40px;
    }

    /*     .news_pages h2 {
        padding: 0;
        font-size: 20px;
        line-height: 30px;
    } */
    .con_subNav .subNav {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .con_subNav .subNav ul li {
        line-height: 30px;
    }

    .con_subNav .subNav ul li span {
        font-size: 20px;
    }

    .navigation_link ul li {
        text-align: left;
        padding-left: 20px;
        box-sizing: border-box;
    }

    .navigation_link ul li .right h3 {
        font-size: 22px;
        line-height: 26px;
    }

    .navigation_link ul li .right .more {
        display: block;
        width: 140px;
        font-size: 18px;
        line-height: 24px;
    }

    .navigation_link ul li .pic {
        width: 60px;
    }

    .pagebox ul li a {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 20px;
    }

    .product_services_nav_con p {
        font-size: 24px;
    }

    .product_services_nav_con a {
        font-size: 24px;
    }

    .overview_sec1 h3 {
        font-size: 24px;
        line-height: 40px;
    }

    .cloud .clo_sec1 .title .article,
    .cloud .clo_sec4_con .article1 {
        font-size: 24px;
        line-height: 40px;
    }

    .clo_sec4_list ul li h4 {
        font-size: 26px;
        line-height: 40px;
    }

    .clo_sec4_list ul li .article {
        font-size: 24px;
        line-height: 40px;
    }

    .clo_sec4_list ul li.li_1 .article p {
        padding-left: 15px;
        background: url(../images/cloud_dian.png) no-repeat left 17px;
        font-size: 24px;
        line-height: 40px;
    }

    .clo_sec4_list ul li .article p span.dian {
        display: inline-block;
        height: 40px;
        background: url(../images/cloud_dian.png) no-repeat left 17px;
    }

    .e_events_list ul li h2 {
        font-size: 26px;
        line-height: 40px;
    }

    .e_events_list ul li .list_sec .right .time,
    .e_events_list ul li .list_sec .right .eventaddress,
    .e_news_list ul li p.time {
        font-size: 20px;
        line-height: 30px;
    }

    .e_events_list ul li .list_sec .right .article,
    .e_news_list ul li .article {
        font-size: 24px;
        line-height: 38px;
    }

    .e_events_list ul li .list_sec,
    .e_events_list ul li .list_sec .right {
        height: auto;
    }

    .e_news_list ul li .article {
        height: 80px;
    }

    .e_news_list ul li h3 {
        font-size: 24px;
        line-height: 40px;
        height: auto;
    }

    .e_news_list ul li:first-child h3 {
        height: auto;
        white-space: inherit;
    }

    .e_news_list ul li:first-child .more {
        font-size: 20px;
    }

    .news_pages .article {
        font-size: 24px;
        line-height: 40px;
    }

    .news_pages .article p {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .news_pages .article ul {
        max-height: 99999px;
    }

    .news_pages .article p em span {
        font-size: 25px !important
    }

    /*     .news_pages h2 {
        font-size: 26px;
        line-height: 40px;
    } */
    .news_pages .time {
        font-size: 20px;
        line-height: 30px;
    }

    .news_pages .eventaddress {
        font-size: 20px;
        line-height: 30px;
    }

    .news_pages_btn .other {
        font-size: 24px;
        line-height: 40px;
        max-height: 99999px;
    }

    .news_pages_btn .other a {
        font-size: 24px;
        line-height: 40px;
    }

    .news_pages_btn .back a {
        height: 50px;
        font-size: 24px;
        line-height: 50px;
        padding: 0 30px;
    }

    .news_pages .article2 {
        font-size: 24px;
        line-height: 40px;
    }

    .overview_sec1_con {
        padding-top: 120px;
    }

    .overview_sec1_list {
        margin-top: 70px;
    }

    .overview_sec1_list ul li p {
        font-size: 24px;
        line-height: 40px;
    }

    .overview_sec2 .article {
        font-size: 24px;
        line-height: 40px;
    }

    .overview_sec2 .article p {
        margin-bottom: 40px;
    }

    .overview_sec3 ul li .title h3 {
        font-size: 26px;
        line-height: 40px;
    }

    .overview_sec3 ul li .title p {
        font-size: 24px;
        line-height: 40px;
    }

    .overview_sec4 a {
        font-size: 24px;
        width: 240px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
    }

    .overview_sec4 a.left_cloud {
        background: #31affc url(../images/overview_icon1.png) no-repeat 175px center;
    }

    .overview_sec4 a.left_cloud:hover {
        background: #005bac url("../images/overview_icon1.png") no-repeat 175px center;
    }

    .overview_sec4 a.right_software {
        background: #31affc url(../images/overview_icon2.png) no-repeat 195px center;
    }

    .overview_sec4 a.right_software:hover {
        background: #005bac url(../images/overview_icon2.png) no-repeat 195px center;
    }

    .res_sec1 {
        padding: 0;
        margin-bottom: 50px;
    }

    .responsibility_con {
        font-size: 24px;
        line-height: 40px;
    }

    .careers_job_opportunities {
        max-width: 337px;
    }

    .careers_job_show a {
        font-size: 20px
    }

    .responsibility h3,
    .careers h3 {
        font-size: 26px;
        line-height: 40px;
        max-height: 99999px;
    }

    .res_sec2_list ul li {
        margin-bottom: 50px;
    }

    .careers h1 {
        margin-bottom: 50px;
    }

    .careers_con {
        font-size: 24px;
        line-height: 40px;
    }

    .careers_sec1 .right h3 {
        width: 400px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
        font-size: 24px;
        margin-top: 40px;
    }

    .careers_sec4 .about_tech {
        width: 400px;
        height: 50px;
        border-radius: 25px;
        font-size: 24px;
        line-height: 50px;
        background: #31affc url(../images/careers_icon1.png) no-repeat 350px center;
    }

    .careers_sec2_list ul li .careers_show h4 span {
        font-size: 18px;
    }

    .careers_sec2_list ul li .title p {
        font-size: 20px;
        line-height: 30px;
    }

    .resource_article,
    .video_article {
        font-size: 24px;
        line-height: 40px;
    }

    .resource_nav ul li a,
    .video_nav ul li a {
        font-size: 26px;
    }

    .resource_list ul li .right h3 {
        font-size: 24px;
        line-height: 30px;
        /*height:90px*/
        margin: 25px 0
    }

    .resource_list ul li .right .file_size {
        font-size: 20px;
        line-height: 30px;
    }

    .resource_list ul li .right .resource_download {
        font-size: 24px;
        line-height: 30px;
    }

    .resource_list ul li .right .resource_download {
        padding-right: 20px;
    }

    .resource_list ul li .right .resource_download {
        width: 245px;
    }

    .resource_list ul li .right .resource_download2 {
        width: 120px;
    }

    .video_list ul li {
        margin-bottom: 50px;
    }

    .video_list ul li h3 {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 10px;
        margin-top: 30px;
    }

    .video_list ul li .article {
        font-size: 24px;
        line-height: 40px;
    }

    .e_offices_nav ul li a {
        font-size: 19px;
    }

    .e_offices_list ul li .right h3 {
        font-size: 26px;
        line-height: 26px;
    }

    .e_offices_list ul li .right p {
        font-size: 24px;
        line-height: 40px;
    }

    .e_offices_list ul li .right p.dz {
        background: url(../images/offices_dz_icon.png) no-repeat left 10px;
    }

    .e_offices_list ul li .right p.tel {
        background: url(../images/offices_phone_icon.png) no-repeat left 12px;
    }

    .e_offices_list ul li .right p.fax {
        background: url(../images/offices_fax_icon.png) no-repeat left 12px;
    }

    .e_offices_list ul li {
        padding-bottom: 80px;
    }

    .e_enquiry_sec1 p {
        font-size: 24px;
        line-height: 40px;
    }

    .enquiry_form .enquiry_verification {
        width: 100%;
    }

    .enquiry_form .item label {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .enquiry_form .item input {
        height: 50px;
        font-size: 24px;
        line-height: 28px;
    }

    .enquiry_form .item select {
        height: 50px;
        font-size: 24px;
        line-height: 28px;
    }

    .enquiry_form .item {
        margin-bottom: 40px;
    }

    .product_services .article1 {
        padding: 0;
        font-size: 25px;
        line-height: 40px;
    }

    .product_services h3.product_services_title,
    .product_services_list ul li .left h3 {
        font-size: 26px;
        line-height: 40px;
    }

    .product_services_article,
    .product_services_list ul li .left .article,
    .product_services_list ul li .right p {
        font-size: 24px;
        line-height: 40px;
    }

    .product_services_list_a {
        font-size: 20px;
        line-height: 30px;
    }

    .product_services_list ul li .left {
        width: 100%;
        padding-right: 0;
    }

    .product_services_list ul li .right {
        width: 100%;
        padding-top: 60px;
    }

    .product_services_list ul li {
        padding-bottom: 60px;
        margin-bottom: 60px;
    }

    .system_suite_nav ul li a {
        font-size: 26px;
    }

    .system_overview .over_article {
        font-size: 24px;
        line-height: 40px;
    }

    .system_overview .over_article ul li {
        font-size: 24px;
        line-height: 40px;
        background: url(../images/sys_fun_dian.png) no-repeat left 18px;
    }

    .system_overview .over_article ul li strong {
        font-size: 26px;
        line-height: 40px;
    }

    .system_overview .over_sec2_list ul li {
        margin-bottom: 40px;
    }

    .system_overview .over_sec2_list ul li.li2 .article {
        margin-top: 0px
    }

    .system_overview .removes ul li .article {
        margin-top: 0px
    }

    .system_overview .over_sec2_list ul li .article {
        font-size: 24px;
        line-height: 40px;
    }

    .system_overview .over_sec3 p {
        font-size: 24px;
        line-height: 40px;
    }

    .download_brochure a {
        width: 340px;
        height: 66px;
        border-radius: 50px;
        font-size: 24px;
        line-height: 66px;
        background: #31affc url(../images/system_suite_download_icon_fff.png) no-repeat 270px center;
        padding-left: 50px;
    }

    .download_brochure a:hover {
        background: #0087ff url(../images/system_suite_download_icon_fff.png) no-repeat 270px center;
    }

    .system_overview {
        margin-bottom: 40px;
    }

    .system_suite_con {
        padding-bottom: 80px;
    }

    .system_functional .fun_article1 {
        font-size: 24px;
        line-height: 40px;
    }

    .system_functional_list ul li.li_item .fun_right h3 {
        font-size: 26px;
        line-height: 40px;
    }

    .system_functional_list ul li.li_item .fun_right .fun_down {
        top: 30px;
    }

    .system_functional_list ul li.li_item .fun_right .sec_article {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .system_functional_list ul li.li_item .fun_right .fun_show .article {
        font-size: 24px;
        line-height: 40px;
    }

    .system_functional_list ul li.li_item .fun_right .fun_show .article ul {
        max-height: 99999px;
    }

    .system_functional_list ul li.li_item .fun_right .fun_show .article ul li {
        background: url("../images/sys_fun_dian.png") no-repeat left center;
        font-size: 22px;
        max-height: 99999px;
        line-height: 30px;
    }

    .system_technical .tec_article1 {
        font-size: 24px;
        line-height: 40px;
    }

    .system_technical_list ul li .tec_right h3 {
        font-size: 26px;
        line-height: 40px
    }

    .system_technical_list ul li .tec_right .tec_down {
        top: 30px;
    }

    .system_technical_list ul li .tec_right .article {
        font-size: 24px;
        line-height: 40px;
        height: 77px;
    }

    .system_technical_list ul li .tec_right .article p {
        margin-bottom: 30px;
    }

    .services_art1,
    .services_con .services_sec .acticle,
    .collaborus_sec1 .article,
    .collaborus_sec3_list ul li .article {
        font-size: 24px;
        line-height: 40px;
    }

    .services_con .services_sec h3,
    .collaborus_sec3_list ul li h3 {
        font-size: 26px;
        line-height: 40px;
    }

    .services_art1 {
        margin-bottom: 40px;
    }

    .services_con .services_sec {
        margin-bottom: 40px;
    }

    .collaborus_form .item input {
        font-size: 24px;
    }

    ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #fff;
        font-size: 24px;
    }

    :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #fff;
        font-size: 24px;
    }

    ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #fff;
        font-size: 24px;
    }

    :-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #fff;
        font-size: 24px;
    }

    .collaborus_form .btn input {
        font-size: 24px;
    }

    .collaborus_sec3 {
        padding-bottom: 50px;
    }

    .collaborus_sec3_list {
        height: 410px;
    }

    .collaborus_sec4 .article {
        font-size: 24px;
        line-height: 40px;
    }

    .collaborus_sec4 .article p {
        margin-bottom: 40px;
        background: url(../images/cloud_dian.png) no-repeat left 17px;
    }

    .big_data .article1 {
        font-size: 24px;
        line-height: 40px;
    }

    .big_data_sec1 h3,
    .big_data_sec2 .left h3 {
        font-size: 26px;
        line-height: 40px;
    }

    .big_data_sec1 .article,
    .big_data_sec2 .left .article,
    .big_data_sec2 .right p,
    .big_data_sec3 .article2,
    .big_data_sec3_list ul li .article {
        font-size: 24px;
        line-height: 40px;
    }

    .big_data_sec3_list ul li h3 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .clients .article1,
    .clients .article2 {
        font-size: 24px;
        line-height: 40px;
    }

    .clients_sec1 .clients_item h3 {
        width: 200px;
        font-size: 24px;
        line-height: 40px;
    }

    .clients_sec1 .clients_item_list {
        padding-left: 200px;
    }

    .clients_sec1 .clients_item_list ul li {
        height: 40px;
    }

    .clients_sec1 .clients_item_list ul li a {
        height: 40px;
        line-height: 38px;
        font-size: 20px;
        padding: 0 20px;
    }

    .clients_popup_conter .clientsdetail_title {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .clients_popup_conter .clientsdetail_content {
        font-size: 24px;
        line-height: 40px;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    .clients_popup_conter .clientsdetail_content p {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .services_con .services_sec .acticle ul li {
        background: url(../images/sys_fun_dian.png) no-repeat left 18px;
    }

    .big_data_sec1 .article ul li {
        background: url(../images/sys_fun_dian.png) no-repeat left 18px;
    }

    .big_data_sec2 .article ul li {
        background: url(../images/sys_fun_dian.png) no-repeat left 18px;
    }

    .clients_popup_conter .clientsdetail_content ul li {
        background: url(../images/sys_fun_dian.png) no-repeat left 18px;
    }

    .resource_conter {
        height: 800px;
        margin-top: -400px;
    }

    .resource_conter h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .resource_conter .article,
    .resource_conter h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .resource_form .item label {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .resource_form .item {
        margin-bottom: 20px;
        position: relative;
    }

    .resource_form .resource_choice input {
        display: block;
        position: absolute;
        top: 5px;
        left: 0;
        width: 20px;
        height: 30px;
    }

    .resource_form .resource_choice span {
        display: block;
        width: 100%;
        padding-left: 30px;
        box-sizing: border-box;
        font-size: 20px;
    }

    .resource_form .resource_choice {
        height: auto;
    }

    .resource_form p {
        font-size: 20px;
        line-height: 30px;
    }

    .jobdetail .jobdetail_content p strong {
        font-size: 26px;
        line-height: 40px;
        margin: 40px 0;
    }

    .jobdetail .jobdetail_content ul li {
        font-size: 24px;
        line-height: 40px;
        background: url(../images/sys_fun_dian.png) no-repeat left 18px;
    }

    .jobdetail table tr th {
        font-size: 26px;
        line-height: 40px;
    }

    .jobdetail table tr td {
        font-size: 24px;
        line-height: 40px;
    }

    .sy_banner_title3 .left {
        padding-top: 6%;
    }

    .cloud .clo_sec4_article {
        font-size: 24px;
        line-height: 40px;
    }

    .clo_section1_right_title h4 {
        font-size: 26px;
        line-height: 40px;
        margin-top: 20px;
    }

    .clo_section1_right_title .article {
        font-size: 24px;
        line-height: 40px;
        padding: 0 20px;
        margin-top: 20px;
    }

    .clo_section1_right_title .article p {
        font-size: 24px;
        line-height: 36px;
        background: url(../images/sys_fun_dian_bai.png) no-repeat left 16px;
    }

    .clo_section1_left .title_sp h2 {
        top: 50px;
    }

    .clo_section1_right_title h2 {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .clo_section1_right_title .article {
        padding-left: 55px;
    }

    .cloud .clo_sec4_article .link {
        font-size: 24px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
        padding: 0 30px;
        margin-top: 20px;
    }

    .related_posts h3 {
        font-size: 24px;
        line-height: 40px;
    }

    .related_posts ul li a {
        font-size: 24px;
        line-height: 40px;
        padding-left: 15px;
        background: url(../images/sys_fun_dian.png) no-repeat left 18px;
    }

    .use_cases_sec1_item p {
        font-size: 24px;
        line-height: 40px;
    }

    .use_cases_sec1_item p br {
        display: none;
    }

    .use_cases_sec2_list {
        height: auto;
        min-height: 400px;
        margin-bottom: 50px;
    }

    .use_cases_sec2_list ul li {
        width: 480px;
        min-height: 400px;
        margin: 0;
    }

    .use_cases_sec2_list ul li .pic img {
        margin: 0 auto;
    }

    .use_cases_sec2_list ul li h3 {
        font-size: 26px;
        line-height: 40px;
        max-height: 120px;
        margin-bottom: 20px;
    }

    .use_cases_sec2_list ul li .article {
        font-size: 24px;
        line-height: 40px;
        max-height: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .use_cases_sec2_list ul li .more {
        font-size: 24px;
        line-height: 40px;
    }

    .use_cases_sec2_link a {
        font-size: 24px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
        padding: 0 30px;
    }

    .about_us_sec1 .right p {
        font-size: 24px;
        line-height: 40px;
    }

    .about_us_con h2.title {
        font-size: 40px;
    }

    .about_us_sec1 .left .article {
        font-size: 26px;
        line-height: 40px;
    }

    .about_us_sec1 .left .article p {
        margin-bottom: 40px;
    }

    .about_us_sec1 .left .about_us_sec1_link a {
        /*        width: 350px;*/
        font-size: 24px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
        padding: 0 30px;
        padding-right: 65px;
        background: #31affc url(../images/system_suite_download_icon_fff.png) no-repeat 92% center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .about_us_sec1 .left .about_us_sec1_link a:hover {
        background: #005bac url(../images/system_suite_download_icon_fff.png) no-repeat 92% center;
    }

    .about_us_sec1 .left .about_us_sec2_link {
        margin: 0 auto;
    }

    .about_us_sec1 .left .about_us_sec2_link a {
        /*        width: 300px;*/
        font-size: 24px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
        padding: 0 30px;
        padding-right: 70px;
        background: #31affc url(../images/system_suite_download_icon_fff.png) no-repeat 235px center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .about_us_sec1 .left .about_us_sec2_link a:hover {
        background: #005bac url(../images/system_suite_download_icon_fff.png) no-repeat 235px center;
    }

    .about_us_sec1 .left .about_us_sec1_link,
    .about_us_sec2_link {
        display: block;
        margin: 0 auto;
    }

    .about_us_sec1 .left .about_us_sec2_link {
        display: block;
        margin-right: 2%;
        width: 49%;
    }

    .about_us_sec3_article {
        font-size: 24px;
        line-height: 40px;
    }

    .about_us_sec2 .right .article {
        font-size: 24px;
        line-height: 40px;
    }

    .about_us_sec2 .right .article p {
        background: url(../images/sys_fun_dian.png) no-repeat left 17px;
    }

    .about_us_sec2 .right .about_us_sec2_link a {
        width: 440px;
        font-size: 24px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
        padding: 0 30px;
        padding-right: 70px;
        background: #31affc url(../images/system_suite_download_icon_fff.png) no-repeat 385px center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .about_us_sec2 .right .about_us_sec2_link a:hover {
        background: #005bac url(../images/system_suite_download_icon_fff.png) no-repeat 385px center;
    }

    .about_us_sec3 ul li .section {
        padding: 20px;
        padding-top: 20px;
        padding-right: 10px;
    }

    .about_us_sec3 ul li .section h3 {
        font-size: 24px;
        line-height: 40px;
    }

    .about_us_sec3 ul li .section h3 span {
        font-size: 24px;
    }

    .about_us_sec3 ul li .section h4 {
        font-size: 24px;
        line-height: 40px;
    }

    .about_us_sec3 ul li .section .article {
        font-size: 24px;
        line-height: 32px;
    }

    .about_us_sec3 ul li .section .article p {
        background: url(../images/sys_fun_dian_bai.png) no-repeat left 14px;
    }

    .about_us_sec3 ul li .section .more {
        font-size: 24px;
        line-height: 40px;
    }

    /*    .about_us_sec3 ul li .section .article {
        height: 120px;
    }*/
    .searchbox1 {
        height: auto;
    }

    .searchbox1 .searchtext {
        height: 50px;
        line-height: 50px;
        font-size: 24px;
    }

    .searchbox1 .searchbtn {
        height: 50px;
    }

    .searchbox1 p label {
        font-size: 26px;
        line-height: 40px;
    }

    .searchbox1 p label input {
        margin-right: 10px;
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

    .searchbox1 p a {
        font-size: 26px;
        line-height: 40px;
    }

    .searchbox1 p a input {
        margin-right: 10px;
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

    .search-error {
        font-size: 24px;
        line-height: 40px;
    }

    .search-result-empry {
        font-size: 24px;
        line-height: 40px;
    }

    .subscription_con {
        font-size: 24px;
        line-height: 40px;
    }

    .subscription h3 {
        font-size: 26px;
        line-height: 40px;
        padding-bottom: 10px;
    }

    .subscription .group03 {
        padding-top: 40px;
    }

    .subscription_con h2 {
        margin-bottom: 10px;
    }

    .legal_con h3,
    .privacy_policy_con h3 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .legal_con p,
    .privacy_policy_con p,
    .privacy_policy_con h4 {
        font-size: 24px;
        line-height: 40px;
        white-space: unset;
    }

    .legal_con h4 {
        font-size: 24px;
        line-height: 40px;
    }

    .not-allow {
        margin-bottom: 40px;
        font-size: 24px;
        line-height: 40px;
        white-space: unset;
    }

    .not-allow ul li {
        font-size: 24px;
    }

    .legal_con .legal_sec1 p,
    .legal_con .legal_sec2 p,
    .legal_con .legal_sec3 {
        margin-bottom: 40px;
    }

    .privacy_policy_sec1 p,
    .privacy_policy_sec7 p {
        margin-bottom: 40px;
    }

    .privacy_policy_m_b {
        margin-bottom: 40px;
    }

    .enquiry_type_down {
        top: 10px;
    }

    .please_select_show {
        top: 50px;
    }

    .please_select_show ul li {
        font-size: 24px;
        line-height: 40px;
    }

    .about_us_sec3 ul li .pic {
        display: flex;
        justify-content: center;
    }

    .about_us_sec3 ul li .pic img {
        width: auto;
        height: 600px;
    }
}


/*global.css  end*/


/*resize.css  start*/

.nav-toggle {
    display: none;
}

.grid {
    display: none;
}

.shadow {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #000;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

@media only screen and (max-width: 1200px) {
    .pageinner {
        float: left;
        width: 100%;
        z-index: 100;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
        -ms-transition: -ms-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
        position: relative;
    }

    .sideopen .pageinner {
        -webkit-transform: translateX(-470px);
        -moz-transform: translateX(-470px);
        -ms-transform: translateX(-470px);
        transform: translateX(-470px);
    }

    body.sideopen .shadow {
        display: block;
    }

    .sideopen .grid {
        /*        position:absolute;*/
        position: fixed;
        width: 470px;
        top: 0px;
        right: 0px;
        height: 100%;
        display: block;
        background-color: #005bac;
    }

    .grid>li {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .sidenav {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 330px;
        overflow: hidden;
        padding-top: 20px;
    }

    li.laug {
        font-size: 16px;
    }

    li.laug a {
        display: inline-block;
        text-indent: 0px;
        color: #333;
        font-size: 16px;
    }

    body.sideopen .sidenav {
        background: #fff;
    }

    .three {
        -webkit-transform: translateX(470px);
        -moz-transform: translateX(470px);
        -ms-transform: translateX(470px);
        transform: translateX(470px);
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
        -ms-transition: -ms-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
    }

    body.sideopen .three {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        list-style: none
    }

    .sidenav li {
        _overflow: hidden;
        width: 100%;
    }

    .sidenav a {
        text-decoration: none;
        display: block;
        line-height: 48px;
    }

    .sidenav b {
        display: block;
        color: #333333;
        font-size: 18px;
        line-height: 4;
        font-weight: normal;
    }

    .sidenav b .en {
        color: #bdbdbd;
    }

    .sidenav a:hover b {
        color: #3f853f;
    }

    .sidenav a.active b {
        color: #3f853f;
    }

    .nav-toggle {
        display: block;
        right: 20px;
        top: 20px;
        width: 60px;
        height: 60px;
        z-index: 2;
        position: absolute;
        cursor: pointer;
        -webkit-transition-duration: 0.66s;
        transition-duration: 0.66s;
        -webkit-transition-timing-function: swing;
        transition-timing-function: swing;
    }

    .nav-toggle .icon {
        width: 36px;
        height: 4px;
        background-color: #ffffff;
        border-radius: 2px;
        position: absolute;
        top: 28px;
        left: 12px;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        transiting-timing-function: swing;
    }

    .nav-toggle .icon:before,
    .nav-toggle .icon:after {
        width: 36px;
        height: 4px;
        background-color: #ffffff;
        border-radius: 2px;
        content: "";
        position: absolute;
        left: 0;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: swing;
        transition-timing-function: swing;
    }

    .nav-toggle .icon:before {
        top: -9px;
    }

    .nav-toggle .icon:after {
        top: 9px;
    }

    body.sideopen .nav-toggle .icon {
        width: 0;
    }

    body.sideopen .nav-toggle .icon:before {
        -webkit-transform: translateY(9px) rotate(45deg);
        -ms-transform: translateY(9px) rotate(45deg);
        transform: translateY(9px) rotate(45deg);
        display: none;
    }

    body.sideopen .nav-toggle .icon:after {
        -webkit-transform: translateY(-9px) rotate(-45deg);
        -ms-transform: translateY(-9px) rotate(-45deg);
        transform: translateY(-9px) rotate(-45deg);
        display: none;
    }

    .sy_header_con .right .top {
        display: none;
    }

    .sy_header_con .right .nav ul {
        display: none;
    }

    .sy_header_con {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .grid ul {
        width: 100%;
        padding-top: 20px;
        background-color: #005bac;
    }

    .grid ul li ul {
        padding-top: 0;
    }

    .grid #sideli>ul>li {
        border-bottom: 1px solid #ccc;
    }

    .grid ul li {
        float: left;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .grid ul li ul li {
        padding-top: 0;
        padding-bottom: 0;
    }

    .grid ul li a {
        display: inline-block;
        line-height: 45px;
        width: 100%;
        text-indent: 40px;
        font-size: 24px;
        color: #fff;
        padding-left: 20px;
        box-sizing: border-box;
    }

    .grid ul li .sub_Nav {
        padding-left: 40px;
        box-sizing: border-box;
        display: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .grid ul li .sub_Nav a {
        font-size: 20px;
    }

    .grid ul li ul {
        padding-left: 40px;
        box-sizing: border-box;
    }

    .grid ul li .ul1>li>a {
        font-size: 22px;
    }

    .grid ul li .ul2>li>a {
        font-size: 20px;
    }

    .grid ul li .ul3>li>a {
        font-size: 18px;
    }

    .grid ul .phone_li .phone_subNav {
        display: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .grid ul li.li_a {
        background: url(../images/nav_jia.png) no-repeat 35px 25px;
    }

    .grid ul li.li_a.menu {
        background: url(../images/nav_jian.png) no-repeat 35px 25px;
    }

    .grid_close {
        float: right;
        display: block;
        width: 60px;
        height: 60px;
        cursor: pointer;
        background: url(../images/grid_close.png) no-repeat center center;
        margin-top: 20px;
        margin-right: 20px;
    }

    .grid_language_show {
        float: left;
        width: 100%;
        height: auto;
        padding: 30px 10px 20px 35px;
        box-sizing: border-box;
    }

    .grid_language_show a {
        display: block;
        float: left;
        font-size: 18px;
        color: #fff;
        line-height: 24px;
    }

    .grid_language_show span {
        display: block;
        float: left;
        font-size: 24px;
        color: #fff;
        line-height: 22px;
        margin: 0 10px;
    }

    .grid_language_show a.active {
        color: #0087ff;
    }

    .side_search {
        width: 100%;
        height: auto;
        margin-top: 50px;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .side_search .searchext {
        float: left;
        width: 280px;
        height: 44px;
        line-height: 44px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border: 1px solid #e7e7e7;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        background-color: transparent;
        font-size: 20px;
        color: #fff;
    }

    .side_search .btn_submit {
        float: left;
        width: 44px;
        height: 44px;
        border: none;
        text-indent: 999px;
        background: url(../images/side_search_fdj.png) no-repeat center center #fff;
    }
}


/*resize.css  end*/


/*jquery.jscrollpane.css  start*/


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    width: 30px;
    background: url(../images/bg_scroll01.png) repeat-y;
    position: relative;
    left: 3px;
}

.jspDrag {
    background: url(../images/bg_scroll02.png) no-repeat;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    height: 62px;
    width: 30px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}


/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner {
    margin: 0 -3px 0 0;
}


/*jquery.jscrollpane.css  end*/


/*prettyPhoto.css  start*/

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
    height: 13px
}

div.pp_default .pp_top .pp_left {
    background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat
}

div.pp_default .pp_top .pp_middle {
    background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x
}

div.pp_default .pp_top .pp_right {
    background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat
}

div.pp_default .pp_content .ppt {
    color: #f8f8f8
}

div.pp_default .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px
}

div.pp_default .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px
}

div.pp_default .pp_next:hover {
    background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer
}

div.pp_default .pp_previous:hover {
    background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer
}

div.pp_default .pp_expand {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
    /*    display: none !important;*/
}

div.pp_default .pp_expand:hover {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
    cursor: pointer
}

div.pp_default .pp_contract {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_contract:hover {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
    cursor: pointer
}


/*div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}*/

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../images/prettyPhoto/default/poput_close.png) center center no-repeat;
    cursor: pointer;
}

div.pp_default .pp_gallery ul li a {
    background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa
}

div.pp_default .pp_social {
    margin-top: 7px;
    display: none;
}

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto
}

div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px
}

div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    width: 20px;
    margin: 4px 0 0
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px
}


/*div.pp_default .pp_content_container .pp_details{margin-top:5px}*/

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px;
    position: absolute;
    top: 0;
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative
}

div.pp_default .pp_nav .currentTextHolder {
    font-family: Georgia;
    font-style: italic;
    color: #999;
    font-size: 11px;
    left: 75px;
    line-height: 25px;
    position: absolute;
    top: 2px;
    margin: 0;
    padding: 0 0 0 10px
}

div.pp_default .pp_close:hover,
div.pp_default .pp_nav .pp_play:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover {
    opacity: 0.7
}

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 5px 50px 5px 0
}

div.pp_default .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat
}

div.pp_default .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x
}

div.pp_default .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat
}

div.pp_default .pp_loaderIcon {
    background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat
}

div.light_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
}

div.light_rounded .pp_next:hover {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand:hover {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract:hover {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_arrow_previous {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
}

div.light_rounded .pp_arrow_next {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
}

div.light_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
}

div.dark_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
}

div.dark_rounded .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y
}

div.dark_rounded .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y
}

div.dark_rounded .pp_next:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand:hover {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract:hover {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_description {
    margin-right: 85px;
    color: #fff
}

div.dark_rounded .pp_nav .pp_play {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
}

div.dark_rounded .pp_arrow_next {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}

div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
    background: #000
}

div.dark_square .pp_description {
    color: #fff;
    margin: 0 85px 0 0
}

div.dark_square .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat
}

div.dark_square .pp_expand {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_expand:hover {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract:hover {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_square .pp_nav {
    clear: none
}

div.dark_square .pp_nav .pp_play {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}

div.dark_square .pp_arrow_next {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}

div.dark_square .pp_next:hover {
    background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_square .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_expand {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_expand:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_square .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_arrow_previous {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_arrow_next {
    background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_next:hover {
    background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_previous:hover {
    background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_top .pp_left {
    background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat
}

div.facebook .pp_top .pp_middle {
    background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x
}

div.facebook .pp_top .pp_right {
    background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat
}

div.facebook .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y
}

div.facebook .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y
}

div.facebook .pp_expand {
    background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_expand:hover {
    background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract:hover {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.facebook .pp_description {
    margin: 0 37px 0 0
}

div.facebook .pp_loaderIcon {
    background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat
}

div.facebook .pp_arrow_previous {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default
}

div.facebook .pp_arrow_next {
    background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default
}

div.facebook .pp_nav {
    margin-top: 0
}

div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px
}

div.facebook .pp_nav .pp_play {
    background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_next:hover {
    background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.facebook .pp_previous:hover {
    background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat
}

div.facebook .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x
}

div.facebook .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat
}

div.pp_pic_holder a:focus {
    outline: none
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000
}


/*.pp_content{height:40px;min-width:40px}*/

.pp_content {
    height: 40px;
    min-width: 40px;
    padding-bottom: 40px;
    /*    box-sizing: border-box;*/
}

* html .pp_content {
    width: 40px
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
}
.edit-desc-node{
    position: absolute;
    z-index: 99;
    top: 150px;
}
.pp_content_container .pp_left {
    padding-left: 20px
}
.pp_content_container .pp_right {
    padding-right: 20px
}

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px
}

.pp_description {
    display: none;
    margin: 0
}

.pp_social {
    float: left;
    margin: 0
}

.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden
}

.pp_social .twitter {
    float: left
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0
}

.pp_nav p {
    float: left;
    white-space: nowrap;
    margin: 2px 4px
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px
}

a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative
}

.pp_gallery ul {
    float: left;
    height: 35px;
    position: relative;
    white-space: nowrap;
    margin: 0 0 0 5px;
    padding: 0
}

.pp_gallery ul a {
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden
}

.pp_gallery ul a img {
    border: 0
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0
}

.pp_gallery li.default a {
    background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px
}

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px !important
}

a.pp_next {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_previous {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}


/*a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}*/

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    /*    top:10px;*/
    bottom: 5px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -12px 0 0 -12px
}


/*#pp_full_res{line-height:1!important}*/

#pp_full_res {
    line-height: 1 !important;
    padding-top: 40px;
    box-sizing: border-box;
}

#pp_full_res .pp_inline {
    text-align: left
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    z-index: 9999;
    margin: 0 0 5px 15px
}

div.pp_default .pp_content,
div.light_rounded .pp_content {
    background-color: #fff
}

div.pp_default #pp_full_res .pp_inline,
div.light_rounded .pp_content .ppt,
div.light_rounded #pp_full_res .pp_inline,
div.light_square .pp_content .ppt,
div.light_square #pp_full_res .pp_inline,
div.facebook .pp_content .ppt,
div.facebook #pp_full_res .pp_inline {
    color: #000
}

div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a,
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
    border-color: #fff
}

div.pp_default .pp_details,
div.light_rounded .pp_details,
div.dark_rounded .pp_details,
div.dark_square .pp_details,
div.light_square .pp_details,
div.facebook .pp_details {
    position: relative
}

div.light_rounded .pp_top .pp_middle,
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right,
div.light_rounded .pp_bottom .pp_middle,
div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content,
div.facebook .pp_content {
    background: #fff
}

div.light_rounded .pp_description,
div.light_square .pp_description {
    margin-right: 85px
}

div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next,
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next,
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next,
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_rounded .pp_arrow_previous.disabled,
div.dark_rounded .pp_arrow_previous.disabled,
div.dark_square .pp_arrow_previous.disabled,
div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_arrow_next.disabled,
div.dark_rounded .pp_arrow_next.disabled,
div.dark_square .pp_arrow_next.disabled,
div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_rounded .pp_loaderIcon,
div.light_square .pp_loaderIcon {
    background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.dark_rounded .pp_top .pp_middle,
div.dark_rounded .pp_content,
div.dark_rounded .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .currentTextHolder,
div.dark_square .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded #pp_full_res .pp_inline,
div.dark_square #pp_full_res .pp_inline {
    color: #fff
}

.pp_top,
.pp_bottom {
    height: 20px;
    position: relative
}

* html .pp_top,
* html .pp_bottom {
    padding: 0 20px
}

.pp_top .pp_left,
.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_top .pp_middle,
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
    left: 0;
    position: static
}

.pp_top .pp_right,
.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_fade,
.pp_gallery li.default a img {
    display: none
}

@media only screen and (max-width: 640px) {
    div.pp_pic_holder {
        max-width: 640px !important;
        height: auto !important;
    }

    .pp_content,
    div.pp_default .pp_content_container .pp_details,
    div.ppt {
        max-width: 600px !important;
        height: auto !important;
    }

    div.pp_pic_holder img {
        max-width: 600px !important;
        height: auto !important;
    }
}


/*prettyPhoto.css  end*/


/*jquery.fancybox.css  start*/


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url(../images/fancybox_sprite.png);
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(../images/blank.gif);
    /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}


/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(../images/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}


/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}


/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url(../images/fancybox_sprite@2x.png);
        background-size: 44px 152px;
        /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url(../images/fancybox_loading@2x.gif);
        background-size: 24px 24px;
        /*The size of the normal image, half the size of the hi-res image*/
    }
}


/*jquery.fancybox.css  end*/

/*-----eBao Cloud Paas--*/

.paas {
    position: relative;
    padding: 50px 0 0;
}

.paas .paas-content {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
}

.paas-content>.article {
    padding: 0px 0px 40px;
}

.paas .article h1 {
    font-size: 30px;
    /*color: #31affc;*/
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 16px;
}

.paas .article h1 strong {
    display: block;
    font-size: 22px;
    margin-top: 20px;
    color: #535353;
}

.paas .article p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

.paas .article p img {
    /* max-width: 80%; */
    max-width: 70%;
    height: auto;

}

.paas-content strong {
    font-weight: bold;
}

.paas-content .article_ul ul li,
.how .des .right li {
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 20px;
}

.paas-content .article_ul ul li .icon,
.paas-content .article_ul ul li .info {
    float: left;
}

.paas-content .article_ul ul li .icon {
    width: 6%;
    margin-right: 2%;
}

.paas-content .article_ul ul li .icon img {
    max-width: 60px;
    width: 100%;
    height: auto;
}

.paas-content .article_ul ul li .info {
    width: 92%;
    color: #666;
}

.paas-content .article_ul ul li .info strong {
    color: #333;
}

.paas-content .article_ul ul li a {
    color: #f58220;
    display: block;
}

.paas-content .article_ul ul li a:hover {
    color: #31affc;
    /*text-decoration: underline;*/
}

.paas-content .article_ul ul li em {
    font-style: italic;
}

.paas-content .article_ul ul li span {
    display: block;
}

.paas .use_cases_sec2_list ul li .pic img {
    height: auto;
}

.paas-content .article_ul.paas_ul ul li,
.how .des .right li {
    padding-left: 15px;
    background: url("../images/s1.png") no-repeat left 9px;
    margin-bottom: 16px;
    color: #666;
}

.paas-content .article_ul.paas_ul ul li,
.how .des .right li {
    margin-bottom: 2px;
}


.paas-content .article_ul ul li strong {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.use_cases_sec1_item {
    max-width: 1000px;
}

.clo_section1_right_title .article p {
    background: none;
    padding-left: 0;
    margin-bottom: 12px;
}

.clo_section1_right_title h1 {
    background: none;
}

.use_cases_sec2_list.paas-case-list ul li .article {
    display: block;
    max-height: inherit;
}

/* .use_cases_sec2_list.paas-case-list {
      height: 510px;
  } */

.use_cases_sec2_list.paas-case-list {
    margin-bottom: 0px;
}

.paas-cases-con h3.title {
    margin-bottom: 20px;
}

/*-----eBao Cloud insuremo--*/

.insuremo {
    position: relative;
    padding: 50px 0 0;
}

.insuremo .insuremo-content {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    /* border-bottom: 1px solid #eee; */
}

.insuremo-content>.article {
    /* padding: 0 50px 20px; */
}

.insuremo .article h1 {
    font-size: 30px;
    /*color: #31affc;*/
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 16px;
    color: #545454;
}

.insuremo .article p {
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.insuremo .article p img {
    max-width: 100%;
    height: auto;
}

.insuremo .article .apic img {
    width: 50%;
}

.insuremo-content strong {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    color: #333;
    /* display: block; */
}

.insuremo .insuremo-content h1 strong {
    display: block;
    font-size: 26px;
    margin-top: 20px;
    color: #535353;
}

.insuremo-content .article_ul ul li,
.how .des .right li {
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 20px
}

.insuremo-content .article_ul ul li .icon,
.insuremo-content .article_ul ul li .info {
    float: left
}

.insuremo-content .article_ul ul li .icon {
    width: 6%;
    margin-right: 2%;
}

.insuremo-content .article_ul ul li .icon img {
    max-width: 60px;
    width: 100%;
    height: auto;
}

.insuremo-content .article_ul ul li .info {
    width: 92%;
    color: #666;
}

.insuremo-content .article_ul ul li .info strong {
    color: #333;
}

.insuremo-content .article_ul ul li a {
    color: #f58220;
    display: block
}

.insuremo-content .article_ul ul li a:hover {
    color: #31affc;
    /*text-decoration: underline;*/
}

.insuremo-content .article_ul ul li em {
    font-style: italic;
}

.insuremo-content .article_ul ul li span {
    display: block
}

.insuremo .use_cases_sec2_list ul li .pic img {
    height: auto;
}

.insuremo-content .article_ul.insuremo_ul ul li,
.how .des .right li {
    padding-left: 15px;
    background: url("../images/b_dian.png") no-repeat left 10px;
    margin-bottom: 16px;
    color: #666;
}

.insuremo-content .article_ul.insuremo_ul ul li,
.how .des .right li {
    margin-bottom: 2px;
}

.insuremo-content .article_ul ul li strong {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.use_cases_sec1_item {
    max-width: 1000px;
}

.clo_section1_right_title .article p {
    background: none;
    padding-left: 0;
    margin-bottom: 12px
}

.clo_section1_right_title h2 {
    background: none;
}

.use_cases_sec2_list.insuremo-case-list ul li .article {
    display: block;
    max-height: inherit;
}


/* .use_cases_sec2_list.insuremo-case-list {
    height: 510px;
} */

.use_cases_sec2_list.insuremo-case-list {
    margin-bottom: 0px;
    margin-top: 50px;
}

.insuremo-cases-con h2.title {
    margin-bottom: 20px;
    font-size: 26px;
    color: #535353;
    text-align: center;
    font-weight: bold;
}


/* .use_cases_sec2_list .use_cases_slider li p {
    color: #fff;
} */

.news_pages_con p img {
    max-width: 100%;
    height: auto;
}

.insuremo-content h4 {
    font-size: 16px;
    color: #666;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 16px;
}


/*.use_cases_sec2_list.insuremo-case-list ul li h3{text-align: center;}*/

.car-cloud .article {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
}

.insuremo .car-cloud .article h3 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    color: #333;
}

.insuremo-content .article_ul ul li a:hover {
    color: #31affc;
    /*text-decoration: underline;*/
}

.insuremo-content .article_ul ul li a {
    color: #f58220;
    /*text-decoration: underline;*/
}


/* .product_services_list ul li.li0 .left .pic {
    display: none;
} */

.product_services_list ul li.li0 {
    border-bottom: none;
    padding-bottom: 30px
}


/* .car-cloud .product_services_list ul li.li0 .left h3 {
    margin-left: 0;
    font-size: 20px
} */

.li_h1 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 25px
}

.product_services_list_title02 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 40px
}

.product_services_list02 ul li .left .pic {
    display: none;
}

.car-cloud .product_services_list.product_services_list02 ul li .left h3 {
    margin-left: 0
}


/*.product_services_list02 ul li .right{width: 40%}*/

.product_services_list ul li.li2_0 .right .pic img {
    width: 70%;
    margin: 0 auto
}

.product_services_list ul li .left .article p a.href_a {
    color: #f58220
}

.product_services_list ul li .left .article p a.href_a:hover {
    color: #31affc
}

.car-cloud .product_services_list ul li .leftblock {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.car-cloud .article .popupPhoto {
    display: inline-block;
}

.system_overview .over_sec4_list ul li {
    width: 48%;
    min-height: 100px;
    height: 100px;
}

.car-cloud .product_services_list ul li {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.car-cloud .product_services_list ul li.li0 {
    margin-bottom: 0;
}

.car-cloud .product_services_list ul li .left .article {
    margin-bottom: 0;
    padding-bottom: 0;
}

.car-cloud .product_services_list ul li .left h3 {
    vertical-align: middle;
    display: inline-block;
    color: #333;
    font-size: 16px;
    /* margin-left: 16px; */
    cursor: auto;
}

.car-cloud .product_services_list ul li .right .pic_2 {
    width: 50%;
    float: left;
}

.car-cloud .product_services_list ul li .article ul {
    list-style: disc;
    padding-left: 20px;
}

.car-cloud .product_services_list ul li .article li {
    padding: 0;
    padding-left: 0;
    margin: 0;
    border: none;
    list-style: disc;
}

.car-cloud .product_services_list ul li .article table {
    table-layout: fixed;
}

.car-cloud .product_services_list ul li .article table td {
    width: 50%;
    text-align: center;
}

.car-cloud .product_services_list ul li .article table td img {
    width: 100%;
}

.car-cloud.insuremo-content h4 {
    font-size: 24px;
    color: #535353
}

.car-cloud .product_services_list ul li .article ul {
    list-style: none;
    padding-left: 0;
}

.car-cloud .product_services_list ul li .article li {
    padding-left: 15px;
    list-style: none;
    background: url('../images/b_dian.png') no-repeat left 10px;
    color: #666;
}


/* 车商城 下载按钮 */

.car_cloud_download {
    text-align: center;
    margin-bottom: 60px;
}

.car_cloud_download a {
    display: inline-block;
    width: 210px;
    height: 42px;
    border-radius: 22px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    /* text-align: left; */
    /* padding: 0 25px; */
    /* padding-right: 35px; */
    padding: 0 35px;
    box-sizing: border-box;
    /* background: #31affc url(../images/system_suite_download_icon_fff.png) no-repeat 165px center; */
    background: #31affc;
    font-weight: bold;
}

.car_cloud_download a.download {
    display: inline-block;
    vertical-align: top;
    padding: 0px 5px;
}

.car_cloud_download a.download:after {
    content: '';
    background: url('../images/system_suite_download_icon_fff.png') no-repeat;
    width: 20px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background-size: 20px auto;
    margin-top: -2px;
}

.car_cloud_download a:hover {
    background: #005bac;
}

.iframe_link {
    width: 100%;
    height: 750px;
    overflow-x: hidden;
}

.cloud.insuremo .insuremo-content h2 {
    font-size: 26px;
    color: #535353;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1440px) {

    /* .use_cases_sec2_list.insuremo-case-list ul li {
        width: 226px;
    } */
    .use_cases_sec2_list.insuremo-case-list ul li .article {
        max-height: inherit;
    }

    /*     .use_cases_sec2_list.insuremo-case-list {
        height: 400px;
    } */

    .paas .paas-content {
        max-width: 960px;
        box-sizing: border-box;
    }

    .paas-content>.article {
        padding: 0 20px 20px;
    }

    .insuremo .insuremo-content {
        max-width: 960px;
    }

    .insuremo-content>.article {
        padding: 0 20px 30px;
    }

    .car-cloud .product_services_list {
        padding: 0 20px 0;
        width: inherit;
    }

    .car-cloud .product_services_list ul li.pro_li .left {
        padding-left: 5%;
    }

    .car-cloud .product_services_list ul li .right {
        padding-top: 0;
    }

    .car-cloud .product_services_list ul li .leftblock,
    .car-cloud .product_services_list ul li.pro_li .leftblock {
        padding-left: 0;
    }

    .car-cloud.insuremo-content h4 {
        font-size: 20px;
    }

    /*.product_services_list ul li.li0{padding-bottom: 5px}*/
}


/* @media only screen and (max-width:960px) {
    .use_cases_sec2_list.insuremo-case-list {
        height: 508px;
    }
} */

@media only screen and (max-width: 1440px) and (min-width: 1200px) {
    .sup {
        vertical-align: 4px
    }

    .insuremo .article h2,
    .use_cases_sec2_con h3.title {
        font-size: 24px;
        line-height: 30px;
    }
}

@media only screen and (max-width:640px) {

    p,
    .insuremo-content .article_ul ul {
        max-height: 99999px;
    }

    .paas-content .article_ul ul li {
        font-size: 24px;
    }

    .paas .article p {
        font-size: 24px;
        line-height: 34px;
        margin-top: 10px;
    }

    .paas-content .article_ul.paas_ul ul li {
        background-position: left 18px;
    }

    .paas-content .article_ul.paas_ul ul li strong {
        font-size: 24px;
    }

    .paas-content .article_ul ul li .info {
        max-height: 999px;
    }

    .use_cases_sec2_list.paas-case-list ul li .article {
        max-height: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .use_cases_sec2_list.paas-case-list ul li {
        width: 480px;
        overflow: hidden;
        padding: 0px 20px;
    }

    .insuremo .article p,
    .insuremo-content .article_ul ul li {
        font-size: 24px;
        line-height: 40px;
    }

    .insuremo .article .apic img {
        width: 100%;
    }

    .insuremo-content .article_ul.insuremo_ul ul li {
        background-position: left 18px;
    }

    .insuremo-content .article_ul.insuremo_ul ul li strong {
        font-size: 24px;
    }

    .insuremo-content h4 {
        font-size: 24px;
    }

    .insuremo-content .article_ul ul li .info {
        max-height: 999px;
    }

    .use_cases_sec2_list.insuremo-case-list ul li .article {
        height: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .use_cases_sec2_list.insuremo-case-list ul li {
        width: 480px;
        padding: 0px 10px;
    }

    .car-cloud .product_services_list ul li.pro_li .left {
        padding-left: 0;
    }

    .insuremo .car-cloud .article h3,
    .product_services_list_title02,
    .car-cloud .product_services_list ul li .left h3,
    .car-cloud .product_services_list ul li.li0 .left h3,
    .pro_li .li_h1 {
        font-size: 25px;
        max-height: 99999px;
    }

    .car-cloud.insuremo-content h4 {
        font-size: 24px;
    }

    .insuremo-content strong {
        font-size: 24px;
    }

    .product_services_list ul li .left .pic {
        display: block;
        margin-bottom: 20px;
    }

    .car-cloud .product_services_list ul li .left h3 {
        margin-left: 0;
    }

    .car-cloud .product_services_list ul li .article li {
        background-position: 0 18px;
    }

    /*  */
    .system_overview .over_article ul li,
    .system_overview .over_sec2_list ul li .article {
        font-size: 20px;
        line-height: 28px;
    }

    .system_overview .over_sec4_list ul li {
        width: 100%;
        height: auto;
        margin-bottom: 0px;
    }

    .system_functional_list ul li.li_item,
    .system_technical_list ul li {
        padding-left: 80px;
    }

    .system_functional_list ul li.li_item .pic,
    .system_technical_list ul li .pic {
        width: 60px;
        height: 60px;
    }

    .system_functional_list ul li.li_item.active .pic img,
    .system_technical_list ul li.active .pic img {
        top: -60px;
    }

    .system_functional_list ul li.li_item .fun_right .sec_article,
    .system_technical_list ul li .tec_right .article {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 0;
    }

    .system_functional_list ul li.li_item.active .fun_right .sec_article {
        margin-bottom: 20px;
    }

    .system_technical_list ul li .tec_right h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .navigation_link,
    .navigation_link ul li {
        height: auto;
    }

    .system_functional_list ul li.li_item .fun_right h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .system_technical_list ul li .tec_right .article {
        font-size: 16px;
        line-height: 20px;
    }

    .system_suite_nav ul li a {
        font-size: 24px;
    }

    .insuremo-content .article_ul ul li strong {
        font-size: 24px;
    }

    .use_cases_sec2_con {
        padding-bottom: 100px;
    }

    .insuremo-cases-con h2.title {
        font-size: 30px;
    }

    .cloud.insuremo .insuremo-content h2 {
        font-size: 30px;
    }
}

.download_brochure.alt-api {
    margin-top: 80px;
}

.download_brochure.alt-api a {
    width: auto;
    padding-right: 57px;
    background: #31affc url(../images/system_suite_download_icon_fff.png) no-repeat 90% center;
}

.download_brochure.alt-api a:hover {
    background-color: #005bac;
}

.cloud-btn {
    text-align: center;
    margin-bottom: 80px;
}

.cloud-btn .al {
    height: 42px;
    display: inline-block;
    background: #31affc;
    border-radius: 22px;
    padding: 0px 40px;
    line-height: 42px;
    color: #fff;
    font-size: 14px;
}

.cloud-btn .al:hover {
    background: #005bac;
}

@media (max-width: 640px) {
    .cloud-btn .al {
        font-size: 24px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
    }
}

.video_list iframe {
    position: absolute;
    width: 100%;
    height: 102%;
    top: -3px;
    left: 0px;
    z-index: 0;
    border: 0;
    border: none;
    background: #fff;
}

.video_list iframe video {
    object-fit: cover;
}

.pic_over {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 0;
}


/*20200213  video 全屏遮罩*/

.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.white_content {
    text-align: center;
    margin: auto;
    position: fixed;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 1002;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    width: 100%;
    height: 100%;
}

.white_content_small {
    position: absolute;
    top: 0px;
    z-index: 1005;
    width: 100%;
    text-align: right;
}

#close {
    background: url(../images/close.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-top: -21px;
    margin-right: -32px;
    border-radius: 50%;
}

.white_content iframe {
    border: 0;
    font-size: 0;
}

.white_content iframe body {
    padding: 0;
    margin: 0;
}

.video-content {
    position: relative;
    font-size: 0
}

.video-item {}


/* 2020-12-10 start */

.collaborus_sec2 .right .collaborus_form {
    padding-top: 44px;
}

.check-new {
    margin-bottom: 10px;
}

.check-new p {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
}

.check-new input {
    margin-right: 10px;
}


/* 2020-12-10 end */

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

    /* 2020-12-11 start */
    .collaborus_sec2 .left {
        height: 540px;
    }

    .collaborus_sec2 .right {
        height: 540px;
    }

    .collaborus_sec2 .right .pic {
        height: 540px;
    }

    .collaborus_sec2 .right .collaborus_form {
        padding-top: 25px;
    }
}

@media only screen and (max-width: 640px) {
    .check-new p {
        font-size: 18px;
    }

    .collaborus_sec2 .right {
        width: 100%;
        height: 650px;
    }

    .collaborus_sec2 .right .pic {
        height: 100%;
    }

    .about_us_sec1 .left .about_us_sec1_link {
        width: 350px;
    }
}


/* -- */
.trademark_list {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 200px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.trademark_list h2 {
    font-size: 30px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.trademark_list .text p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-top: 24px;
}

.trademark_list .text ul li {
    padding-left: 20px;
    box-sizing: border-box;
    background: url('../images/sys_fun_dian.png') no-repeat left 10px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.trademark_list h3 {
    /* text-align: center;    */
    font-size: 20px;
    color: #000000;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 40px;
}

.trademark_list h4 {
    margin-top: 25px;
    font-size: 16px;
    font-weight: bold;
}

.trademark_list table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-top: 30px;
}

.trademark_list table tr td {
    border: 1px solid #999;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 14px 20px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.trademark_list table tr th {
    border: 1px solid #999;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 14px 20px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    background: #005bac;
    color: #fff;
    font-size: 18px;
    word-wrap: break-word;
    word-break: break-all;
}

.trademark_list table tr td sup {
    vertical-align: 5px;
}

.trademark_list h3 .phone_img {
    display: none;
}

.trademark_list h3 .wap_img {
    display: none;
}


.podcast ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.podcast ul li {
    width: 47%;
    margin-bottom: 40px;
}


@media only screen and (max-width: 1440px) {

    .trademark_list {
        max-width: 960px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        padding-top: 150px;
    }

    .trademark_list h3 .pc_img {
        display: none;
    }

    .trademark_list h3 .phone_img {
        display: block;
    }

    .trademark_list h3 .wap_img {
        display: none;
    }


}


@media only screen and (max-width: 640px) {

    .trademark_list .text p {
        font-size: 24px;
        line-height: 40px;
    }

    .trademark_list .text ul li {
        font-size: 24px;
        line-height: 40px;
    }

    .trademark_list table tr td {
        font-size: 24px;
        line-height: 40px;
        word-wrap: break-word;
        word-break: break-all;
    }

    .trademark_list table tr th {
        font-size: 24px;
        padding: 18px 20px;
    }

    .trademark_list h3 .pc_img {
        display: none;
    }

    .trademark_list h3 .phone_img {
        display: none;
    }

    .trademark_list h3 .wap_img {
        display: block;
    }

    .video_list ul li h3 {
        height: auto;
    }

    .video_list ul li .pic .imgbox {
        width: 100%
    }

    .system_overview .over_article ul {
        max-height: 99999px;
    }

    .system_overview .over_article ul li {
        max-height: 99999px;
        font-size: 24px;
        margin: 5px 0px;
        line-height: 36px;
    }

    .system_functional_list ul li.li_item .fun_right .sec_article {
        max-height: 99999px;
        font-size: 24px;
        line-height: 36px;
    }

    .system_functional_list ul li.li_item .fun_right h3 {
        font-size: 24px;
    }

    .system_technical_list ul li .tec_right .article p {
        font-size: 24px;
        line-height: 36px;
    }

    .sy_partners_con h2 {
        font-size: 30px;
    }

    .news_events_con .item h2 {
        font-size: 30px;
    }

    .ulpointer {
        margin-top: 10px;
    }

    .ulpointer li span {
        font-size: 24px;
        max-height: 99999px;
        line-height: 40px;
    }


}



.xz_banner_con {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100vh;
}

.xz_banner_con .fl {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.xz_banner_con .fl h1 {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 46px;
    color: #777af2;
}

.xz_banner_con .fl h1 sup {
    font-size: 26px;
    color: #777af2;
    display: inline-block;
    vertical-align: super;
}

.xz_banner_con .fl h2 {
    font-size: 42px;
    font-weight: bold;
    color: #3a374f;
    margin-top: 25px;
}

.xz_banner_con .fl p {
    font-size: 18px;
    color: #777af2;
    margin-top: 20px;
    line-height: 26px;
}

.xz_banner_con .fr {
    width: 55%;
    position: relative;
    display: flex;
    justify-content: center;
}

.xz_banner_con .fr .pic {
    position: absolute;
    top: 15%;
    left: 0px;
    width: 796px;
    height: 585px;
    overflow: hidden;
}

.xz_banner_con .fr .pic img {
    width: 100%;
    height: 100%;
}

.xz_banner_con .fr .pic .anim {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    animation-direction: alternate-reverse;
}

.xz_banner_con .fr .fig {
    position: absolute;
    bottom: 0px;
    left: 47%;
}

.xz_banner_con .fr .fig img {
    max-height: 70vh;
    display: block;
    font-size: 0px;
}

.xz_banner_con .fl .link {
    margin-top: 40px;
}

.xz_banner_con .fl .link {
    font-size: 14px;
    background: #ffffff;
    display: inline-block;
    background: #777af2;
    padding: 18px 28px;
    border-radius: 5px;
    color: #ffffff;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.xz_banner_con .fl .link:after {
    content: '';
    background: url('../images/insu_1.png') no-repeat center center;
    width: 7px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -1px;
}

.xz_banner_con .fl .link:hover {
    background: #5558e1;
}

.x_banner_pos {
    background: url('../images/banner3/banner3_x_1.png') no-repeat left bottom;
    background-size: 100%;
    overflow: hidden;
}

.x_banner_pos .x_list {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.x_banner_pos .x_list span {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.xz_banner_con3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    align-items: end;
}

.xz_banner_con3 h3 {
    font-size: 48px;
    color: #0087ff;
    font-weight: bold;
}

.xz_banner_con3 p {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    margin-top: 30px;
}

.x_banner_pos_con {
    padding-top: 0px;
}


@media only screen and (max-width: 1440px) {

    .xz_banner_con .fl h1 {
        font-size: 32px;
    }

    .xz_banner_con .fl h2 {
        font-size: 30px;
        margin-top: 15px;
    }

    .xz_banner_con .fl p {
        font-size: 16px;
        line-height: 22px;
        margin-top: 10px;
    }

    .xz_banner_con3 h3 {
        font-size: 32px;
        color: #0087ff;
        font-weight: bold;
    }

    .xz_banner_con3 p {
        font-size: 24px;
        font-weight: bold;
        color: #333333;
        margin-top: 30px;
    }

    .xz_banner_con .fr .pic {
        width: 510px;
        height: 375px;
        top: 20%;
    }

    .xz_banner_con .fr .fig img {
        height: 54vh;
    }

    .xz_banner_con .fl .link {
        margin-top: 20px;
    }

    .xz_banner_con .fl h1 sup {
        font-size: 20px;
    }

}


@media only screen and (max-width: 640px) {


    .xz_banner_con .fl {
        width: 100%;
        text-align: center;
        align-items: center;
    }

    .xz_banner_con .fr {
        width: 100%;
    }

    .xz_banner_con .fl h1 {
        font-size: 36px;
    }

    .xz_banner_con .fl h2 br {
        display: none;
    }

    .xz_banner_con {
        display: block;
    }

    .xz_banner_con .fr .fig {
        display: none;
    }

    .x_banner_pos_con {
        padding-top: 0px !important;
    }

    .xz_banner_con {
        padding-top: 250px;
    }

    .xz_banner_con .fl h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .xz_banner_con .fr .pic {
        width: 94%;
        left: 3%;
        margin-top: 80px;
    }

    .xz_banner_con .fl .link {
        display: none;
    }

    .xz_banner_con .fl p {
        font-size: 24px;
        margin-top: 20px;
        line-height: 32px;
    }

    .xz_banner_con .fl p br {
        display: none;
    }

    .x_banner_pos .x_list span {
        background-position: left 90% !important;
    }

}



/* 3.21 */
.insurace .list {
    margin-top: 50px;
}

.insurace .list ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.insurace .list ul li .link {
    display: block;
    box-shadow: 0px 6px 8px 4px rgba(119, 122, 242, 0.07);
    padding: 50px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
}

.insurace .list ul li {
    width: 31.5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.insurace .list ul li .icon img {
    margin: 0 auto;
    display: block;
}

.insurace .list ul li h3 {
    font-size: 18px;
    color: #3a374f;
    font-weight: bold;
    margin-top: 20px;
    max-height: 99999px;
    line-height: 25px;
}

.insurace .list ul li p {
    font-size: 14px;
    color: #4c4c4c;
    margin-top: 10px;
    line-height: 22px;
}

.insurace h6 {
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    margin-top: 50px;
}

@media only screen and (min-width: 960px) {
    .insurace .list ul li .link:hover {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        box-shadow: 0px 6px 8px 4px rgba(119, 122, 242, 0.2);
    }
}

@media only screen and (max-width: 1440px) {

    .insurace .list ul li h3 {
        font-size: 18px;
    }

    .insurace .list ul li .link {
        padding: 30px;
    }

}

@media only screen and (max-width: 960px) {

    .insurace .list ul {
        display: block;
    }

    .insurace .list ul li {
        width: 100%;
    }

    .insurace .list {
        margin-top: 30px;
    }

    .insurace .list ul li {
        margin-top: 20px;
        padding: 20px;
    }

    .insurace .list ul li h3 {
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }

    .insurace .list ul li p {
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }

    .insurace h6 {
        font-size: 24px;
        line-height: 35px;
        max-height: 99999px;
        margin-top: 20px;
    }

}

@media only screen and (max-width: 760px) {

    /* 手机端banner */
    .sy_banner .slider img.pic_img {
        transform: scale(1.2);
        transform-origin: left;
    }

    .x_banner_pos {
        background-size: 200%;
    }

    .x_banner_pos .x_list {
        top: auto;
        bottom: 35%;
        transform: scale(2);
        transform-origin: left;
    }

    .xz_banner_con3 {
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        margin-top: 45%;
    }

    .xz_banner_con3 h3 {
        font-size: 36px;
    }

    .xz_banner_con3 p {
        font-size: 28px;
    }
}

.wpb_wrapper h5 {
    font-size: 22px;
    margin-bottom: 20px;
    color: rgb(57, 54, 78);
    font-weight: bold;
}

.wpb_wrapper p {
    margin-bottom: 20px;
}

.wpb_wrapper td,
.wpb_wrapper th,
.wp-block-table td,
.wp-block-table th {
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    padding: 10px;
    color: #666;
}

.wpb_wrapper table,
.wp-block-table table {
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
}

.wpb_wrapper a {
    color: #005bac;
}

.vc_col-sm-6 {
    width: 50%;
}

.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.vc_row:after,
.vc_row:before {
    content: " ";
    display: table;
}

.vc_row:after {
    clear: both;
}

.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.vc_custom_1691742771026 {
    padding-top: 20px !important;
}

.legal_con_1205 {
    max-width: 1160px;
}

.vc_column_container {
    width: 100%;
}

.kd-panel-subtitle ol,
.wpb_text_column ol {
    counter-reset: num;
}

.kd-panel-subtitle ol>li,
.wpb_text_column ol>li {
    line-height: 32px;
    margin-bottom: 10px;
    padding-left: 38px;
    position: relative;
    margin: 0;
    counter-increment: num;
}

.kd-panel-subtitle ol>li:before,
.wpb_text_column ol>li:before {
    content: counter(num, decimal);
    padding-right: 20px;
    font-weight: bold;
    color: #005bac;
}

.xz_banner_con .fl h1 sup {
    font-size: 26px;
    color: #fff;
    display: inline-block;
    vertical-align: super;
}

.item_insuremo .xz_banner_con .fl h1,
.item_insuremo .xz_banner_con .fl h2,
.item_insuremo .xz_banner_con .fl p {
    color: #fff;
}

@media (min-width: 768px) {

    .vc_col-sm-1,
    .vc_col-sm-10,
    .vc_col-sm-11,
    .vc_col-sm-12,
    .vc_col-sm-2,
    .vc_col-sm-3,
    .vc_col-sm-4,
    .vc_col-sm-5,
    .vc_col-sm-6,
    .vc_col-sm-7,
    .vc_col-sm-8,
    .vc_col-sm-9 {
        float: left;
    }

    .vc_col-sm-12 {
        width: 100%;
    }

    .vc_col-sm-6 {
        width: 50%;
    }
}


@media (max-width: 768px) {

    .legal_con .wpb_wrapper *,
    .vc_row {
        font-size: 15px;
        line-height: 1.5;
    }

    .wp-block-table {
        margin: 0;
    }

    .vc_column_container>.vc_column-inner {
        padding: 0;
    }

    .wp-block-table .has-fixed-layout td,
    .wp-block-table .has-fixed-layout th {
        word-break: break-word;
    }

    .wp-block-table .has-fixed-layout {
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse;
    }
}