@charset "utf-8";
html,body ,pre{ font-family:'helvetica neue', arial, 'hiragino sans gb', stheiti, 'microsoft yahei', 'wenquanyi micro hei', sans-serif;color: #5b5b5b;}
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;
}
div, a, i, span, p {-webkit-tap-highlight-color:rgba(0,0,0,0);}
button, input {-webkit-appearance: none;}
a, img {-webkit-touch-callout:none;}
ol,ul,dl,li{list-style:none}
input,select,textarea{ border-radius:0; border:none;outline: none; box-shadow: none; background-color:transparent;}
textarea{resize:none;}
i,h1,h2,h3,h4,h5{font-style: normal;font-weight: normal;}
table{border-collapse:collapse;border-spacing:0}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{border:none; max-width:100%; vertical-align:middle;}
a{ text-decoration:none;outline:none;}
button,div{border: none; background-color: transparent; outline: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b2b2b2;}
.clear-fix:before, .clear-fix:after {
    display: table;
    content: " ";
}
.clear-fix:after {
    clear: both;
}
button {
    cursor: pointer;
}
.page-wrap {
    min-width: 1200px;
    margin: 0 auto;
}
.primary-box {
  margin: 62px 0;
}
.section-c {
    width: 1200px;
    margin: 0 auto;
}
.slider-box {
    position: relative;
}
.page-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    line-height: 80px;
    z-index: 999;
    box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
}
.page-header .section-c {
    width: auto;
    min-width: 809px;
    max-width: 1200px;
}
.header-right {
    float: right;
}
.header-right ul {
    font-size: 0;
}
.header-right ul > li {
    position: relative;
    display: inline-block;
    padding: 0 20px;
}
.header-right ul > li a{
    font-size: 14px;
    color: #515151;
}
.header-right ul > li.active:after {
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 37px;
    height: 3px;
    content: "";
    background-color: #29b524;
    margin-left:  -16px;
}
.header-right ul > li.active a{
    color: #4abf6a;
}
.header-right ul > li .green-btn {
    font-size: 14px;
    color: #fff;
}
.green-btn {
    display: inline-block;
    height: 31px;
    line-height: 31px;
    border-radius: 5px;
    background-color: #47bb64;
    padding: 0 10px;
}
.banner {
    position: relative;
    margin-top: 80px;
}
.banner-content{
    position: absolute;
    bottom: 118px;
    left: 19%;
}
.banner-content .banner-left{
    display: inline-block;
    vertical-align: middle;
}
.primary-btn {
    display: block;
    width: 234px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    border-radius: 30px;
    overflow: hidden;
}
.banner-content .code {
    width: 140px;
    margin-left: 40px;
}
.btn-whrite {
    color: #56d264;
    background-color: #fff;
}
.btn-plain {
    color: #fff;
    border: 1px solid #fff;
}
.v-middle {vertical-align: middle;}
.arrow {display: inline-block;vertical-align: middle;width: 17px;height: 26px;background-image: url("imgs/arrow.png");margin-left: 3px;}
.banner .btn-plain{
    margin-top: 15px;
}
.fun-top{
    position: relative;
    width: 995px;
    border: 6px solid #4ec573;
    padding: 40px 0;
    overflow: hidden;
    margin: 0 auto;
}
.fun-top:after, .fun-top:before {
    position: absolute;
    width: 23px;
    height: 19px;
    content: "";
}
.fun-top:before {
    top: 30px;
    left: 70px;
    background-image: url("imgs/fh-up.png");
}
.fun-top:after {
    bottom: 30px;
    right: 70px;
    background-image: url("imgs/fh-bottom.png");
}
.fun-top p {
    font-size: 36px;
    color: #f49d69;
    text-align: center;
    letter-spacing: 1px;
    line-height: 50px;
}
.primary-title {
    font-size: 36px;
    text-align: center;
    margin-top: 104px;
}
.fun-content {
    display: table;
    width: 950px;
    margin: 70px auto 0 auto;
}
.fun-content > div {
    display: table-cell;
    vertical-align: middle;
}
.fun-content .fun-right {
    padding-left: 10%;
}
.fun-content .fun-left {
    min-width: 342px;
}
.fun-topic {
    margin: 50px 0;
}
.fun-topic span {
    font-size: 24px;
    color: #43b65c;
    margin-right: 3%;
}
.fun-border {
    position: relative;
    padding-bottom: 50px;
}
.fun-border:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 102px;
    height: 8px;
    background-color: #43b65c;
}
.fun-txt {
    font-size: 20px;
    color: #5b5b5b;
    line-height: 33px;
}
.service-box {
    background-color: #f4fff8;
    padding: 70px 0;
}
.service-box .primary-title {
    margin: 0;
}
.service-list {
    font-size: 0;
    margin-top: 5%;
}
.service-list > li {
    position: relative;
    display: inline-block;
    width: calc((100% - 60px)/4);
    text-align: center;
    cursor: pointer;
    margin-right: 20px;
}
.service-list .s-inner {
    position: relative;
    width: 100%;
    height: 220px;
    background-color: #fff;
    box-shadow: 1px 7px 18px 0 rgba(161, 160, 160, .14);
    transition: transform .2s linear;
    z-index: 1;
    overflow: hidden;
}
.service-list .s-content {
    position: absolute;
    top: 47px;
    left: 34px;
    right: 34px;
    bottom: 47px;
    z-index: 10;
}
.service-list > li:hover .s-inner{
    transform: scale(1, 1.2);
    -moz-transform:scale(1, 1.2);
    -webkit-transform:scale(1, 1.2);
    -o-transform:scale(1, 1.2);
}
.service-list .s-title {font-size: 22px;}
.service-list .s-color-1 {color: #44b65d;}
.service-list .s-color-2 {color: #ec9164;}
.service-list .s-color-3 {color: #edbd6b;}
.service-list .s-color-4 {color: #6fceed;}
.service-list .s-infos{font-size: 20px;line-height: 35px;margin-top: 20px;}
.service-list > li:last-child {
    margin-right: 0;
}
.live-box .section-c{display: table;margin-top: 70px;}
.live-box .section-c > div {display: table-cell;vertical-align: middle;}
.live-box .section-c .live-left ,.live-box .section-c .live-right{width: calc((100% - 575px)/2);}
.live-box .section-c .live-left {padding-right: 3%;}
.live-box .circle-box {position: relative;width: 575px;height: 575px;text-align: center;overflow: hidden;}
.live-box .live-group {position: relative;width: 575px;height: 575px;z-index: 99;overflow: hidden;}
.live-box .live-group .live-img {position: absolute;top: 0;left: 143px;opacity:0;transform:scale(.5);transition: all .5s linear;display: block;}
.live-box .live-group .live-img.show{opacity: 1;transform: scale(1)}
.live-box .cbox {
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.circle-dot {
    width: 370px;
    height: 370px;
    left: 50%;
    top: 50%;
    background-color: #c0e0bf;
    z-index: 6;
    margin: -185px 0 0 -185px;
    -webkit-animation: dot-animate-1 2s ease-out;
    -moz-animation: dot-animate-1 2s ease-out;
    animation: dot-animate-1 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.circle-dot-small {
    width: 478px;
    height: 478px;
    left: 50%;
    top: 50%;
    z-index: 4;
    background-color: #dbeedb;
    margin: -239px 0 0 -239px;
    -webkit-animation: dot-animate-2 2s ease-out;
    -moz-animation: dot-animate-2 2s ease-out;
    animation: dot-animate-2 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.circle-dot-inner {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #f2f9f2;
    z-index: 2;
    -webkit-animation: dot-animate 2s ease-out;
    -moz-animation: dot-animate 2s ease-out;
    animation: dot-animate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes dot-animate {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
    }
    50% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@keyframes dot-animate-1 {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@keyframes dot-animate-2 {
    0% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
    50% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
.live-item{margin-bottom: 100px;cursor: pointer;}
.live-left .live-item{text-align: right;}
.live-item:nth-child(3n) {margin-bottom: 0;}
.live-item.live-active h4{color: #30b528;}
.live-icon {display: inline-block;width: 32px;height: 32px;vertical-align: middle;}
.live-left .live-item .live-icon{margin-left: 8px;}
.live-right .live-item .live-icon{margin-right: 8px;}
.live-icon.live-icon-1{background-image: url("imgs/live-icon-1.png")}
.live-icon.live-icon-2{background-image: url("imgs/live-icon-2.png")}
.live-icon.live-icon-3{background-image: url("imgs/live-icon-3.png")}
.live-icon.live-icon-4{background-image: url("imgs/live-icon-4.png")}
.live-icon.live-icon-5{background-image: url("imgs/live-icon-5.png")}
.live-icon.live-icon-6{background-image: url("imgs/live-icon-6.png")}
.live-item.live-active .live-icon-1{background-image: url("imgs/live-active-1.png")}
.live-item.live-active .live-icon-2{background-image: url("imgs/live-active-2.png")}
.live-item.live-active .live-icon-3{background-image: url("imgs/live-active-3.png")}
.live-item.live-active .live-icon-4{background-image: url("imgs/live-active-4.png")}
.live-item.live-active .live-icon-5{background-image: url("imgs/live-active-5.png")}
.live-item.live-active .live-icon-6{background-image: url("imgs/live-active-6.png")}
.live-item h4 {font-size: 24px;color: #3a3a3a;vertical-align: middle;}
.live-item p {font-size: 20px;color: #666666;margin-top: 8px;}
.live-left .live-item p {margin-right: 32px;}
.live-right .live-item p {margin-left: 32px;}
.live-group-btn {text-align: center;margin-top: 60px;}
.live-group-btn a {display: inline-block;}
.green-big-btn{font-size: 30px; color: #fff ;background-color: #29b524;}
.orange-btn {font-size: 30px; color: #fff ;background-color: #ec7e48;margin-left: 40px;}
.service-box{background-color: #f4fff8;}
.sub-title {font-size: 30px;color: #6d6d6d;margin-top: 20px;text-align: center;}
.service-img1 {margin-top: 90px;text-align: center;}
.service-chart {padding-bottom: 130px;}
.service-box .service-dzb {width: 80%;}
.service-map {background-color: #49bc62;padding: 110px 0 160px 0;}
.service-map .primary-title, .service-map .sub-title{color: #fff;}
.service-type {display: table;width: 100%;margin-top: 100px;}
.service-type > li {display: table-cell;width: 24%;text-align: center;}
.service-li {margin: 0 30px 0 60px;}
.service-li .service-type > li {width: 16.67%;}
.service-li .service-type > li:last-child{width: 16.67%;}
.service-type > li:last-child{width: 27%;}
.service-type > li h4 {color: #fff;font-size: 36px;}
.service-type > li h4 i {font-size: 90px;}
.service-type > li span {font-size: 30px;color: #fff;}
.service-type > li p {font-size: 26px;color: #fff;margin-top: 8px;}
.mt-150 {margin-top: 150px !important;}
.step-box .section-c {display: table;margin-top: 80px;}
.step-box .section-c > div {display: table-cell;vertical-align: middle;}
.step-box .section-c .step-left {position: relative;text-align: right;padding-left: 40px;}
.step-box .section-c .step-left img {display: none;opacity: 0;transition: all .5s ease-in-out;}
.step-box .section-c .step-left img.show {display: inline;opacity: 1;}
.step-box .section-c .step-right {padding-left: 130px;}
.step-box .step-item {position: relative;font-size: 30px;color: #3a3a3a;cursor: pointer;padding-bottom: 70px;}
.step-box .step-item:before {position: absolute;left: 30px;top: 0;content: "";height: 100%;width:1px;background-color: #81c47d;z-index: 0;}
.step-box .step-item:last-child{padding: 0;}
.step-box .step-item span {position:relative;display: inline-block;z-index: 5;width: 60px;height: 60px;line-height: 60px;text-align: center;color: #509d5b;border: 1px solid #81c47d;border-radius: 50%;background-color: #fff;margin-right: 8px;}
.step-box .step-item.active span{color: #fff;background-color:#43b65c; }
.simple-box {background-color: #f4fff8;padding: 70px 0;}
.simple-box .section-c {margin-top: 60px;}
.simple-box .primary-title {margin-top: 0;}
.simple-box .simple-list {font-size: 0;}
.simple-box .simple-list > div {display: inline-block;width: calc((100% - 72px)/4);height: 372px;text-align: center;background-color: #fff;box-shadow: 3px 7px 18px 0 rgba(19, 168, 69, .1);vertical-align:top;margin-right: 24px;padding: 20px;}
.simple-box .simple-list > div:last-child{margin-right: 0;}
.simple-box .simple-logo {font-size: 18px;color: #3a3a3a;}
.simple-box .simple-info {position: relative; min-height: 190px;font-size: 16px;color: #666;text-align: justify; line-height: 28px;margin-top: 12px;}
.simple-box .simple-info:after {position: absolute;left: 50%;width: 30px;height: 4px;background-color: #29b524;content: "";bottom: 0;margin-left: -15px;}
.company-box .slider-box {position: relative;}
.company-box .swiper-container {
    width: 1094px;
    text-align: center;
    margin: 80px auto 0 auto;
    overflow: hidden;
}
.company-box .sbt {
    position: absolute;
    top: 50%;
    width: 46px;
    height: 66px;
    background-size: 46px;
    display: none;
    margin-top: -33px;
}
.company-box .section-c:hover .sbt {
    display: block;
}
.company-box .prev-btn {
    background-image: url("imgs/prev-btn1.png");
}
.company-box .next-btn {
    background-image: url("imgs/next-btn1.png");
}
.question-box {background-color: #f4fff8;padding: 70px 0;}
.question-box .primary-title {margin: 0;}
.question-list {margin-top: 60px;}
.question-list li{font-size: 0;margin-bottom: 20px;}
.question-list li > div {display: inline-block;vertical-align: middle;}
.question-list .q-num {width: 42px;height: 42px;background-color: #43b65c;line-height: 42px;text-align: center;font-size: 26px;color: #fff;}
.question-list .q-content {width: calc(100% - 42px);font-size: 24px;color: #3a3a3a;padding-left: 15px;}
.question-list .q-content.q-grey {font-size: 20px;color: #515151;}
.question-list .q-num.q-orange {background-color: #ec9164;}
.question-btn {margin-top: 60px;}
.question-btn .primary-btn{margin: 0 auto;}
.contact-box {position: relative; height: 362px;background-image: url("imgs/contact-bg.png");background-size: 100% 100%;background-repeat: no-repeat;}
.contact-box .question-btn{position: absolute;width: 100%; bottom: 24%;text-align: center;}
.footer-box {background-color: #28292b;}
.footer-box .section-c {padding: 46px 0;}
.footer-box .f-box {display: table;width: 100%;}
.footer-box .f-box > div {display: table-cell;vertical-align: middle;}
.footer-box  .footer-title {font-size: 24px;color: #fff;}
.footer-box .f-left .frist-p {margin-top: 35px;}
.footer-box .f-left p {font-size: 18px;color: #fff;margin-top: 15px;}
.footer-box .f-right {text-align: center;}
.footer-box .f-right img{width: 164px;}
.footer-box .f-right p {font-size: 18px;color: #fff;margin-top: 15px;}
.footer-box .f-copyright {height: 57px;line-height: 57px;background-color: #222;}
.footer-box .f-copyright .section-c{padding: 0;font-size: 14px;color: #fff;border-top: 1px solid #545454;text-align: center;}
.dialog-mask {
    display: none;
    position: fixed;
    width: 414px;
    height: 462px;
    top: 50%;
    left: 50%;
    z-index: 100;
    margin: -207px 0 0 -231px;

}
.dialog-box {
    width: 414px;
    height: 462px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    box-shadow: 3px 2px 7px 0 rgba(164, 164, 164, .53);
    margin: 0 auto;
    padding-top: 20px;
}
.dialog-box img {
    width: 209px;
}
.close-dialog {
    height: 21px;
    cursor: pointer;
    background: url("imgs/close-dialog.png") right 25px top no-repeat;
    background-size: 21px;
    margin-bottom: 30px;
}
.dialog-box p {
    font-size: 34px;
    color: #44b55d;
    letter-spacing: 1px;
    margin-top: 10px;
}
.right-box {
	position: fixed;
	right: 0;
	top: 70%;
}
.right-box img {
	width: 180px;
}
.dialog-mask.red-dialog {
	margin: -326px 0 0 -221px;
}
.red-box .red-close {
	position: absolute;
	right: 0;
	top: -10px;
	width: 33px;
	height: 33px;
	cursor: pointer;
	background-image:url("imgs/close-icon.png");
	background-size: 33px;
}
.red-box {
	position: relative;
	text-align: center;
	border-radius: 5px;
	
}
.red-inner {
	background: #fff;
	margin-top:-20px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
	border-radius: 0 0 10px 10px;
	padding: 30px 0;
	
}
.red-box h4 {
	font-size: 26px;
	color: #fd6d5f;
	margin-bottom: 20px;
}
.red-box p {
	font-size: 26px;
	color: #fd6d5f;
	margin-top: 20px;
}
.copy-btn {
	width: 284px;
	height: 54px;
	font-size: 30px;
	color: #fff;
	border-radius: 27px;
	box-shadow: 1px 3px 7px 0px rgba(250, 114, 101, .66);
	background-color: #ffc21f;
	margin-top: 30px;
	-webkit-animation: btn_ani 1s linear alternate infinite;
    animation: btn_ani 1s linear alternate infinite;
}
@-webkit-keyframes btn_ani{
    0%{-webkit-transform:scale(0.9);}
    100%{-webkit-transform:scale(1);}
}
@keyframes btn_ani{
    0%{transform:scale(0.9);}
    100%{transform:scale(1);}
}
@media screen and (max-width: 1400px) {
    .banner-content {
        bottom: 100px;
    }
    .primary-btn {
        width: 210px;
        height: 51px;
        line-height: 51px;
        font-size: 24px;
    }
    .banner-content .code {
        width: 120px;
    }
}