/*/知了云页面样式*/

body, html {
    background: #fff;
    color: #000000;
    width: 100%;
    margin: 0 auto;
    line-height: 1.1;
    font-size: 62.5%;
    font-weight: normal;
    font-family: "Microsoft YaHei", tahoma, arial, 'Hiragino Sans GB', '\5B8B\4F53', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 100%;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
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, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
img {
    border-style: none;
}

.wrapper {
    width: 100%;
}
a {
    color: #108ee9;
    background: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: color .3s ease;
}
a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.website-activity {
    position: fixed;
    top: -10px;
    background-image: url(img/zly/btn.png);
    background-size: 135px 88px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 135px;
    height: 88px;
    right: 5vw;
    z-index: 1000;
    cursor: pointer;
    animation: upDown 3s ease;
    -webkit-animation: upDown 3s ease infinite;
}
.website_home {
    font-size: 1.3rem;
}

.website_home .website_home_part1 {
    background: -webkit-linear-gradient(to right, #fff, #fff), -webkit-linear-gradient(to right, #40a17b, #57c69a);
    background: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #40a17b, #57c69a);
    position: relative;
    background-size: 100% 120px,100% 100%;
    background-position: 0 100%, 0 0;
    background-repeat: no-repeat, no-repeat;
}
.website_home .website_home_part1 {
    overflow: hidden;
}
.website_home .website_home-ct {
    width: 100%;
    color: black;
    text-align: center;
    position: relative;
}
.website_home .top180 {
    padding-top: 150px;
}
.website_home .home_title > div:first-child {
    margin-bottom: 20px;
}
.website_home .website_home_part1 .home_title_bigest {
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}
.website_home .weight {
    font-weight: bolder;
}
.website_home .home_title_bigest {
    font-size: 4rem;
}
.website_home .text_white {
    color: white;
}
.website_home .home_title > div:nth-child(2) {
    margin-bottom: 50px;
}
.website_home .website_home_part1 .home_title_big-2 {
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}
.website_home .weight {
    font-weight: bolder;
}
.website_home .home_title_big-2 {
    font-size: 2.8rem;
}
.website_home .text_white {
    color: white;
}
.website_home .website_home_part1 .check_button {
    transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -webkit-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
}
.website_home .check_button {
    width: 150px!important;
    height: 40px;
    line-height: 40px;
    border: 1px solid white;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    color: white;
    font-size: 1.3rem;
    font-weight: bolder;
}
.website_home .home_1-ct {
    text-align: center;
    position: relative;
    max-width: 1070px;
    margin: 0 auto;
    height: auto;
    z-index: 1;
}
.website_home .website_home_part1 .home_1_img1 {
    transition-delay: 1s;
    -wekit-transition-delay: 1s;
}
.website_home .website_home_part1 .home_1_img3, .website_home .website_home_part1 .home_1_img2, .website_home .website_home_part1 .home_1_img1 {
    transition: opacity 1s 1.5s, margin-top 1s 1.5s;
    -webkit-transition: opacity 1s 1.5s, margin-top 1s 1.5s;
}
.website_home .home_1-ct .home_1_img1 {
    width: 1009px;
    height: 656px;
    background-image: url(img/zly/dashboard.png);
    background-size: 1009px 656px;
    margin: 0 auto;
}
.website_home .home_1-ct .home_1_img1, .website_home .home_1-ct .home_1_img2, .website_home .home_1-ct .home_1_img3 {
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
.website_home .home_1-ct .home_1_img1, .website_home .home_1-ct .home_1_img2, .website_home .home_1-ct .home_1_img3 {
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
}
.website_home .home_1-ct .home_1_img2 {
    position: absolute;
    left: -20px;
    top: 185px;
    width: 202px;
    height: 328px;
    background-image: url(img/zly/phone.png);
    background-size: 202px 328px;
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
}
.website_home .home_1-ct .home_1_img3 {
    position: absolute;
    right: -70px;
    top: 145px;
    width: 449px;
    height: 198px;
    background-image: url(img/zly/card.png);
    background-size: 449px 198px;
    animation-delay: .9s;
    -webkit-animation-delay: .9s;
}
.website_home .home-bo.circle {
    border: 2px solid #fff;
}
.website_home .home-bo {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    transform: translate(0px, 0px);
    opacity: 0;
    animation: flash-left 4s infinite;
    -webkit-animation: flash-left 4s infinite;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    z-index: 1;
}
.website_home .home-bo.right {
    animation: flash-right 4s infinite;
    -webkit-animation: flash-right 4s infinite;
}
.website_home .website_home_part1 .wave-ct {
    position: absolute;
    top: 670px;
    left: 0;
    right: 0;
    height: 294px;
    overflow: hidden;
}
.website_home .website_home_part1 .wave-ct .wave:first-child {
    -webkit-animation: 25s move infinite linear;
    opacity: 0.3;
}
.website_home .website_home_part1 .wave-ct .wave {
    position: absolute;
    left: -1920px;
    top: 0;
    margin: 0;
    padding: 0;
    width: 7680px;
    height: 294px;
    background-image: url(img/zly/wave-pc.png);
    background-repeat: repeat;
}
.website_home .website_home_part2 {
    padding-top: 80px;
}
.website_home .bg_white {
    background-color: white;
}
.website_home .website_home-ct {
    width: 100%;
    color: black;
    text-align: center;
    position: relative;
}
.section {
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
    font-size: 1.6rem;
}
.website_home .home_title > div:first-child {
    margin-bottom: 20px;
}
.website_home .website_home_part2 .home_title_big, .website_home .website_home_part3 .home_title_big, .website_home .website_home_part4 .home_title_big {
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}
.website_home .weight {
    font-weight: bolder;
}
.website_home .home_title_big {
    font-size: 3.4rem;
}
.website_home .home_title > div:nth-child(2) {
    margin-bottom: 50px;
}
.website_home .website_home_part2 .home_title_small, .website_home .website_home_part3 .home_title_small, .website_home .website_home_part4 .home_title_small {
    transition: all 1s ease 0.5s;
    -moz-transition: all 1s ease 0.5s;
    -webkit-transition: all 1s ease 0.5s;
    -o-transition: all 1s ease 0.5s;
}
.website_home .home_title_small {
    font-size: 2rem;
    line-height: 1.5em;
}
.website_home .text_grey {
    color: #808080;
}
.website_home .website_home_part2 .feature_container {
    padding-bottom: 10px;
}
.website_home .feature_container {
    width: 100%;
    position: relative;
    text-align: center;
}
.clearfix {
    zoom: 1;
}
.website_home .website_home_part2 .feature_container .feature_block:nth-child(1) {
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.website_home .feature_container > .feature_block {
    display: inline-block;
    width: 25%;
    min-width: 144px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    margin-bottom: 60px;
    font-size: 1.8rem;
}
.website_home .home2_img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background-size: 120px 120px;
    background-repeat: no-repeat;
    background-position: center;
}
.website_home .home2_1_img {
    background-image: url(img/zly/setting.png);
}

.website_home .home2_2_img {
    background-image: url(img/zly/class.png);
}
.website_home .home2_3_img {
    background-image: url(img/zly/member.png);
}
.website_home .home2_4_img {
    background-image: url(img/zly/staff.png);
}
.website_home .home2_5_img {
    background-image: url(img/zly/status.png);
}
.website_home .home2_6_img {
    background-image: url(img/zly/mkt.png);
}
.website_home .home2_7_img {
    background-image: url(img/zly/interaction.png);
}
.website_home .home2_8_img {
    background-image: url(img/zly/safe.png);
}
.website_home .check_button {
    width: 120px;
    height: 40px;
    line-height: 40px;
    border: 1px solid white;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    color: white;
    font-size: 1.3rem;
    font-weight: bolder;
}
.website_home .website_home_part2 .check_button {
    transition: all 0.5s ease 1.4s;
    -moz-transition: all 0.5s ease 1.4s;
    -webkit-transition: all 0.5s ease 1.4s;
    -o-transition: all 0.5s ease 1.4s;
    background: #57c69a;
}
.website_home .bottom50 {
    margin-bottom: 50px;
}
.website_home .website_home_part3.website_home-ct {
    padding-top: 0;
}
.website_home .website_home-ct {
    width: 100%;
    color: black;
    text-align: center;
    position: relative;
}
.website_home .website_home_part3 {
    width: 100%;
    min-height: 900px;
    height: auto;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 70px;
    background-size: cover;
    background-color: yellow;
    background-image: -webkit-linear-gradient(to bottom, #ffffff, #f5f5f5);
    background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
}
.website_home .website_home_part3.website_home-ct {
    padding-top: 0;
}
.website_home .website_home_part3 .home_3_bg {
    padding-top: 200px;
    padding-bottom: 180px;
    width: 100%;
    height: 100%;
    background-image: url(img/zly/greenbg.png);
    background-size: cover;
}
.website_home .home_title > div:first-child {
    margin-bottom: 20px;
}
.website_home .website_home_part2.hidden .home_title_big, .website_home .website_home_part3.hidden .home_title_big, .website_home .website_home_part4.hidden .home_title_big, .website_home .website_home_part2.hidden .home_title_small, .website_home .website_home_part3.hidden .home_title_small, .website_home .website_home_part4.hidden .home_title_small {
    opacity: 0;
}
.website_home .website_home_part3 .home_title > div:nth-child(2) {
    margin-bottom: 70px;
}
.website_home .home_title_small {
    font-size: 2rem;
    /* line-height: 1.5em; */
}
.website_home .text_white {
    color: white;
}
.website_home .home_3_ct {
    min-height: 200px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.section {
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
    font-size: 1.6rem;
}
.website_home .website_home_part3.hidden .home_3_ct .home_3-block:nth-child(1), .website_home .website_home_part3.hidden .home_3_ct .home_3-block:nth-child(3) {
    opacity: 0;
    margin-top: 50px;
}
.website_home .website_home_part3 .home_3_ct .home_3-block:nth-child(1) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
.website_home .website_home_part3 .home_3_ct .home_3-block {
    -webkit-transition: margin .5s .5s, opacity .5s .5s;
    transition: margin .5s .5s, opacity .5s .5s;
}
.website_home .home_3_ct .home_3-block {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    border-radius: 4px;
    background-color: #4b8e7c;
    margin: 0 10px;
    padding: 1.5em 0 2.5em 0;
}
.website_home .home_3_ct .home_3_1_img {
    background-image: url(img/zly/equipment.png);
}
.website_home .home_3_ct .home_3_img {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    background-size: 200px 200px;
    background-repeat: no-repeat;
    background-position: center;
}
.website_home .home_3_ct .home_3-block .home_3-block-text {
    width: 80%;
    margin: 0 auto;
    white-space: pre-wrap;
    line-height: 1.3em;
}
.website_home .home_3_ct .home_title_small.text_white {
    font-size: 1.8rem;
}
.website_home .home_3_ct .home_3-block .home_title_small {
    margin-top: 1em;
    margin-bottom: 0.8em;
}
.website_home .weight {
    font-weight: bolder;
}
.website_home .text_white {
    color: white;
}
.website_home .home_3_ct .text_white {
    font-size: 1.4rem;
}

.website_home .home_3_ct .home_3_2_img {
    background-image: url(img/zly/benifit.png);
}
.website_home .home_3_ct .home_3-block .home_3-block-text {
    width: 80%;
    margin: 0 auto;
    white-space: pre-wrap;
    line-height: 1.3em;
}
.website_home .home_3_ct .home_3_3_img {
    background-image: url(img/zly/efficient.png);
}
.website_home .home_3_ct .home_3_4_img {
    background-image: url(img/zly/strategy.png);
}
.website_home .website_home_part4 {
    padding-bottom: 80px;
}
.website_home .bg_grey {
    background-color: #f5f5f5;
}
.website_home .website_home-ct {
    width: 100%;
    color: black;
    text-align: center;
    position: relative;
}
.website_home .home_title > div:nth-child(2) {
    margin-bottom: 50px;
}
.website_home .home_4_ct {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    padding-bottom: 85px;
}
.website_home .website_home_part4.hidden .home_4_img_ct {
    opacity: 0;
    margin-top: 50px;
}
.website_home .home_4_ct .home_4_img_ct {
    height: 607px;
    background-image: url(img/zly/pic1.png);
    background-size: 607px 607px;
    background-repeat: no-repeat;
    background-position: center;
}
.website_home .home_4_ct .home_4_img_ct, .website_home .home_4_ct .home_4_text {
    display: inline-block;
    width: 607px;
    vertical-align: top;
}
.website_home .home_4_ct .home_4_text {
    padding-left: 60px;
    box-sizing: border-box;
}
.website_home .home_4_ct .home_4_img_ct, .website_home .home_4_ct .home_4_text {
    display: inline-block;
    width: 607px;
    vertical-align: top;
}
.website_home .home_4_ct .home_4_text .home_4_text_line {
    position: relative;
    text-align: left;
    margin-top: 50px;
    opacity: 1;
}
.website_home .website_home_part4 .home_4_text .home_4_text_line:nth-child(1) {
    transition: all 1s ease 0.5s;
    -moz-transition: all 1s ease 0.5s;
    -webkit-transition: all 1s ease 0.5s;
    -o-transition: all 1s ease 0.5s;
}
.website_home .home_4_ct .home_4_text .home_4_text_line .home_title_big {
    padding-bottom: 0.8em;
}
.website_home .home_4_ct .home_title_small {
    font-size: 1.8rem;
    color: #808080;
}
.website_home .bg_green {
    background-color: #57c69a;
}
.website_home .bg_white {
    background-color: white;
}
.website_home .website_home-ct {
    width: 100%;
    color: black;
    text-align: center;
    position: relative;
}
.website_home .website_home_part5 .home_5_img_1 {
    display: inline-block;
    width: 40px;
    height: 32px;
    background-image: url(img/zly/marks@2x.png);
    margin: 10px auto 20px auto;
    background-size: 40px 32px;
    background-repeat: no-repeat;
    background-position: center;
}
.website_home .website_home_part5 .home_title_small {
    width: 80%;
    margin: 0 auto 30px auto;
}
.website_home .home_title_small {
    font-size: 2rem;
    /* line-height: 1.5em; */
}
.website_home .text_grey {
    color: #808080;
}
.website_home .website_home_part5 .home_5_ct {
    width: 250px;
    height: 200px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    box-sizing: border-box;
}
.website_home .website_home_part5 .home_5_ct .home_5_img_ct {
    display: inline-block;
    width: 33.3%;
    text-align: center;
    position: relative;
    height: 150px;
}
.website_home .website_home_part5 .home_5_ct .home_5_img_ct .home_5_img {
    position: absolute;
    top: 40px;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url(img/zly/pic1.png);
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
.website_home .website_home_part5 .home_5_ct .home_5_img_ct:nth-child(1) .home_5_img {
    background-image: url(img/zly/1.png);
    
.website_home .website_home_part5 .home_5_ct .home_5_img_ct:nth-child(2) .home_5_img {
    background-image: url(img/zly/c_logo/3.png);
}
}
.website_home .website_home_part5 .home_5_ct .home_5_img_ct .home_5_img.actived {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
    top: 30px;
}
.website_home .website_home_part5 .home_5_ct .home_5_img_ct:nth-child(3) .home_5_img {
    background-image: url(img/zly/2.png);
}

.website_home .website_home_part2 .feature_container {
    padding-bottom: 10px;
}
.website_home .home_title_big {
    font-size: 3.4rem;
}

.content-module {
    height: 720px;
    width: 100%;
}
.content-module-1 {
    padding: 78px 0 0 0;
    box-sizing: border-box;
}
.content-module:nth-child(2n + 1) {
    background-color: #fff;
}
.center_0 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.module-title {
    width: 100%;
    text-align: center;
    font-size: 38px;
    color: #333;
    height: 53px;
    line-height: 53px;
    margin-bottom: 50px;
}
.content-module-body {
    position: relative;
}
.fl {
    float: left;
}
.big-img {
    width: 600px;
    height: 420px;
  	
}
.small-img{
	width: 400px;
    height: 300px;
    margin: 0 auto;
  	background-image: url(img/zly/left.png);
  	background-size:cover;
  	background-repeat: no-repeat;
}

.module-text {
    margin-top: 55px;
}
.module-text .part {
    margin-bottom: 60px;
    text-align: left;
    border-radius: 4px;
}
.module-text-title {
    font-size: 24px;
    line-height: 33px;
    height: 33px;
    color: #333;
}
.module-text-content {
    font-size: 16px;
    line-height: 22px;
}
.module-text-content .label {
    color: #666;
}
.module-text-content a .detail {
    color: #51b3f0;
}