* {

    margin: 0;

    padding: 0;

    font-family: "-apple-system-font", "BlinkMacSystemFont", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Arial", "sans-serif";

    -webkit-font-smoothing:antialiased;

}

body {

    float: left;

    padding-top:100px;

    width: 100%;

    min-width: 1200px;

    color: #333;

    background-color: #fff;

    overflow-x: hidden;

    font-family: "microsoft yahei", "微软雅黑";

}

a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}

img{border:0;}

a {text-decoration: none;color:#323232;-webkit-tap-highlight-color:transparent;}

li {list-style: none;}

input {outline: 0;border: 0;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

textarea {  -webkit-appearance: none;}

.wxtip{

	margin-top: 40px;

    display: inline-block;

    font-size: 14px;

    margin-left: 10px;

    color: #909399;

    padding: 2px 8px;

    background: #f0f0f0;

    border-radius: 40px;

}

::-webkit-scrollbar {

    width:6px

}

::-webkit-scrollbar-track-piece {

    border:none;

    background-color:#eee

}

::-webkit-scrollbar-thumb {

    width:8px;

    background:#4a4e50;

}

::-webkit-scrollbar-thumb:hover {

    background:#313131

}

::-moz-selection {

    background:#313131;

    color:#fff;

    text-shadow:none

}

::selection {

    background:#348fff;

    color:#fff;

    text-shadow:none

}

.icon {

    width: 1em; height: 1em;

    vertical-align: -0.15em;

    fill: currentColor;

    overflow: hidden;

}

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

    .online-box1 {

        top: 5%!important;

    }

}

/***************首页 start***************/

/** 头部导航条 **/

.header-box1 {

    width: 100%;

    height: 100px;

    background: #fff;

    box-sizing: border-box;

    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);

    /* position:relative; */

    position:fixed;

    left:0;

    top:0;

    z-index:99

}

.cont1 {

    width: 1200px;

    margin: 0 auto;

}

.header-box1-hezi1 {

    width: 100%;

}

/* .logo img {

    float: left;

    height: 40px;

    margin-top: 30px;

} */

.sign-box1 {

    float: right;

    display: table;

    margin-top: 30px;

}

.sign-box1 a {

    display: inline-block;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #78a9ff;

    border:1px solid #78a9ff;

    background: #fff;

    margin-left: 20px;

    padding: 0 20px;

    border-radius: 30px;

    font-size: 16px;

}

.sign-box1 a:last-child {

    background: #78a9ff;

    color:#fff;

    border-color:#78a9ff;

}

.header-menu1 {

    float: right;

}

.header-menu1 li {

    display: inline-block;

    line-height: 100px;

    padding:0 22px;

    font-size: 16px;

}

.header-menu1 li a:hover {

    color: #78a9ff;

}

.header-active1 a {

    /* color: #e53f3c; */

    /* border-bottom: 2px solid #78a9ff; */

    color:#78a9ff

}

.chep-tip,.reg-box{

    width:250px;

    /* height:200px; */

    position:absolute;

    top:100px;

    right:80px;

    background:#fff;

    z-index:999;

    border-radius:10px;

    box-shadow:0px 0px 20px rgba(3,0,91,0.1);

    font-size:14px;

    box-sizing:border-box;

    padding-bottom:20px;

    /* opacity:.7; */

    -webkit-transition: all .5s ease-in;

    transition: all .5s ease-in;

    display:none;

}

.chep-tip>span,.reg-box>span{

    display:block ;

    height:40px;

    line-height:40px;

    text-align:center;

    border-bottom:1px dashed #777;

}

.chep-tip>p,.reg-box>p{

    line-height:50px;

    box-sizing:border-box;

    padding-left:30px;

}

.chep-tip>p img,.reg-box>p img{

    width:24px;

    height:24px;

    margin-right:10px;

    vertical-align:middle;

}

/*首页按钮下拉菜单*/

@-webkit-keyframes selectMove{

    0%{

        height:0;

    }

    100%{

        height:100px;

    }

}

@keyframes selectMove{

    0%{

        height:0;

    }

    100%{

        height:100px;

    }

}

/* .home-app:hover .select-box{

    display: flex;

} */

.select-box{

    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07) inset;

    position:absolute;

    z-index:99999;

    left:0;

    top:100px;

    /* height:200px; */

    background: #fff;

    width:100%;

    overflow:hidden;

    display:none;

    /* display: block; */

    padding-top: 52px;

    padding-bottom: 70px;

    /* animation:selectMove .5s linear; */

    /* display:none; */

}

.select-box .select-content{

    display: flex;

    justify-content: center;

}

.select-box-item{

    width: 330px;

    display: flex;

    flex-direction: column;

}

.select-box-item>div:first-child{

    display: flex;

}

.select-box-item>div:first-child>.title{

    color: #3B4B5B;

    font-size:18px;

    border-bottom:1px solid #EDEEF2;

    padding-bottom: 12px;

}

.select-app{

    display: flex;

    align-items: center;

    margin-top: 30px;

}

.select-app img{

    width: 30px;

    height: 30px;

    flex-shrink: 0;

    margin-right: 10px;

}

.select-app .title{

    color: #3B4B5B;

    font-size:18px;

}

.select-app .desc{

    color: #687D9F;

    font-size: 14px;

}

/* .select-box ul{

    height:100%;

    display:-webkit-box;

    display:flex;

    -webkit-box-align: center;

            align-items: center;

    width:1200px;

    margin:0 auto;

    flex-wrap: wrap;

    justify-content: space-between;

}

.select-box ul li{

    display: -webkit-box;

    display: flex;

    width:250px;

}

.select-box ul li > a{

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: center;

            justify-content: center;

    line-height: 25px;

    border:none;

}

.select-box ul li img{

    width:30px;

    height:30px;

    margin-right:10px

}

.select-box ul li p{

    color:#3B4B5B;

    font-size:18px

}

.select-box ul li span{

    font-size:14px;

    color:#687D9F;

    line-height:21px;

} */

/** 首页广告图 **/

.index-box1 {

    display: block;

    width: 100%;

    height: 550px;

    background: url("../images/index-bg1.jpg") no-repeat;

    background-position: center;

    background-size: cover;

}

.cont2 {

    width: 78%;

    margin: 0 auto;

}

.index-box1-hezi1 {

    position: relative;

    width: 100%;

    height: 550px;

}

.index-left1 {

    float: left;

    width: 50%;

    color: #fff;

    height: 100%;

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    align-items: center;

}

.index-right1 {

    float: left;

    width: 50%;

}

.index-right1 img {

    position: absolute;

    bottom: 0;

    right: 6%;

    max-width: 100%;

    max-height: 80%;

}

.index-left1>div>span {

    font-size: 32px;

}

.index-left1>div>p {

    margin: 35px 0 45px;

    font-size: 16px;

}

.index-left1>div a {

    display: inline-block;

    height: 45px;

    line-height: 45px;

    color: #fff;

    background: #30c78f;

    margin-right: 30px;

    padding: 0 15px;

    border-radius: 5px;

    font-size: 16px;

}

.index-left1>div a:last-child {

    background: #e64340;

}

/** 新征程 **/

.index-box2 {

    display: block;

    float: left;

    width: 100%;

    padding: 70px 0;

}

.index-box2-hezi1 {

    width: 100%;

}

.index-title1 {

    width: 100%;

    text-align: center;

}

.index-title1 span {

    color: #333;

    font-size: 32px;

}

.color1 {

    color: #e64340;

    font-style: normal;

}

.index-title1 p {

    color: #999;

    margin-top: 12px;

    font-size: 16px;

}

.index2-menu1 {

    display: block;

    float: left;

    width: 82%;

    margin: 50px 9% 80px;

}

.index2-menu1 li {

    position: relative;

    display: inline-block;

    float: left;

    width: 25%;

    text-align: center;

}

.index2-menu1 li:before {

    content: '';

    position: absolute;

    top: 15px;

    left: 0;

    width: 100%;

    height: 5px;

    background: #b3b3b3;

}

.index2-menu1 li:after {

    content: '';

    position: absolute;

    top: 15px;

    right: 0;

    width: 2px;

    height: 11px;

    background: #fff;

}

.index2-menu1 li span {

    position: relative;

    z-index: 1;

    display: inline-block;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    color: #fff;

    background: #b3b3b3;

    margin-bottom: 15px;

    border-radius: 50%;

    font-size: 16px;

}

.index2-menu1 li p {

    color: #b3b3b3;

    font-size: 16px;

}

.index2-active1 span {

    background: #30c78f!important;

}

.index2-active1:before {

    background: #30c78f!important;

}

.index2-active1 p {

    color: #30c78f!important;

}

.index2-cont1 {

    float: left;

    width: 100%;

}

.index2-list1 {

    float: left;

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    align-items: center;

}

.index2-left1 {

    float: left;

    width: 50%;

    box-sizing: border-box;

    padding-left: 3%;

}

.index2-right1 {

    float: left;

    width: 50%;

    text-align: center;

}

.index2-right1 img {

    max-width: 100%;

}

.index2-left1 span {

    font-size: 30px;

}

.index2-left1 p {

    line-height: 2;

    color: #818080;

    margin: 30px 0 40px;

    font-size: 16px;

}

.index2-left1 a {

    display: inline-block;

    height: 45px;

    line-height: 45px;

    text-align: center;

    color: #fff;

    background: #30c78f;

    border-radius: 5px;

    padding: 0 20px;

    font-size: 16px;

}

/** 营销工具 **/

.index-box3 {

    float: left;

    width: 100%;

    background: #f5f5f5;

    padding: 70px 0;

}

.cont3 {

    width: 92%;

    margin: 0 auto;

}

.index-box3-hezi1 {

    width: 100%;

}

.index3-cont1 {

    width: 100%;

    text-align: center;

}

.index3-menu1 {

    display: table;

    width: 100%;

    text-align: left;

    margin: 60px 0 30px;

}

.index3-menu1 li {

    display: inline-block;

    float: left;

    width: 29.5%;

    margin: 0px 4% 2% 0;

    overflow: hidden;

    font-size: 16px;

}

.index3-menu1 li:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

.index3-menu1 li:nth-child(3n){

    margin-right: 0;

}

.index3-menu1 li img {

    display: block;

    width: 90%;

    margin: auto;

    -webkit-transition: all 600ms;

    transition: all 600ms;

}

.index3-menu1 li a>div {

    position: relative;

    display: block;

    width: 100%;

    background: #f5f5f5;

    padding: 20px 0 10px;

}

.index3-menu1 li a>div span {

    display: block;

    margin: 10px;

    color: #4c4b4b;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    text-align: center;

}

.index3-menu1 li a>div p {

    color: #ee5859;

}

.index3-btn1 {

    display: inline-block;

    height: 45px;

    line-height: 42px;

    text-align: center;

    color: #fff;

    background: #30c78f;

    box-sizing: border-box;

    border: 2px solid #30c78f;

    margin-top: -20px;

    padding: 0 30px;

    border-radius: 5px;

    font-size: 16px;

}

/** 客户案例 **/

.index-box4 {

    float: left;

    width: 100%;

    padding: 70px 0 0 0;

  	height: 861px;

    background: url("../images/goods_bg.png") no-repeat;

    background-size:100% 100%;

}

.index-box4-hezi1 {

    width: 100%;

}

.index4-menu1 {

    display: table;

    width: 100%;

    height: 70px;

    line-height: 70px;

/*    background: #38cf83;*/

    box-sizing: border-box;

    margin: 50px 0 0 0;

    padding: 0 7%;

    overflow: hidden;

    

}

.index4-menu1 li {

    position: relative;

    float: left;

    width: 14.285%;

    text-align: center;

    color: #fff;

    cursor: pointer;

    font-size: 16px;

}

/*.index4-menu1 li:before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    margin-left: -10px;

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid #fff;

    -webkit-transform: translateY(20px);

    -moz-transform: translateY(20px);

    -ms-transform: translateY(20px);

    -o-transform: translateY(20px);

    transform: translateY(20px);

    -webkit-transition: all 300ms;

    -moz-transition: all 300ms;

    -ms-transition: all 300ms;

    -o-transition: all 300ms;

    transition: all 300ms;

}*/

.index4-menu1 li.index4-active1 {

   /*background: #1bbc6b;*/

   border-bottom: 3px solid #e64340;

   color: #fff;

}

.index4-active1:before {

    -webkit-transform: translateY(0)!important;

    transform: translateY(0)!important;

}

.index4-cont1 {

    display: block;

    width: 100%;

    height: 600px;

   /* background: url("../images/index-bg2.jpg") no-repeat; */

    background-position: center;

    background-size: cover;

    position: relative;

}

.index4-list1 {

    position: absolute;

    bottom: 0;

    float: left;

    width: 100%;

  	height: 537px;

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    align-items: center;

}

.index4-list1 img{

	width: 100%;

}

.index4-left1 {

    float: left;

    width: 50%;

    text-align: center;

}

.index4-right1 {

    float: right;

    width: 50%;

}

.index4-left1 img {

    /*position: absolute;*/

    /*bottom: 0;*/

    /*left: 0;*/

    display: block;

    max-width: 80%;

}

.index4-info1>strong {

    color: #6a6a6a;

    font-weight: normal;

    font-size: 18px;

}

.index4-info1>span {

    display: block;

    margin: 40px 0 30px;

    font-size: 26px;

}

.index4-info1>p {

    color: #797979;

    font-size: 18px;

}

.index4-btn1 {

    display: inline-block;

    height: 45px;

    line-height: 45px;

    color: #fff;

    background: #e64340;

    margin-top: 70px;

    padding: 0 40px;

    border-radius: 5px;

    font-size: 16px;

}

/** 服务体系 **/

.index-box5 {

    float: left;

    width: 100%;

    background: #fff;

    padding: 70px 0;

}

.index-box5-hezi1 {

    width: 100%;

}

.index5-menu1 {

    display: block;

    width: 100%;

    margin-top: 70px;

}

.index5-menu1 li {

    float: left;

    width: 25%;

    text-align: center;

    box-sizing: border-box;

    padding: 0 4%;

}

.index5-menu1 li em {

    display: inline-block;

    width: 100px;

    height: 100px;

    line-height: 100px;

    text-align: center;

/*    background: #38cf83;*/

    border-radius: 50%;

    overflow: hidden;

}

.index5-menu1 li em img {

    height: 80px;

    display: inline-block;

    vertical-align: middle;

}

.index5-menu1 li span {

    display: block;

    margin: 15px 0;

    font-size: 20px;

}

.index5-menu1 li p {

    line-height: 1.5;

    color: #6a6969;

    font-size: 14px;

}

/** 合作伙伴 **/

.index-box6 {

    float: left;

    width: 100%;

    padding:  70px 0;

    background: #f7f7fc;

}

.index-box6-hezi1 {

    width: 100%;

}

.index6-menu1 {

    display: table;

    width: 100%;

    border-bottom: 1px solid #dbdbdb;

    border-right: 1px solid #dbdbdb;

    box-sizing: border-box;

    margin: 50px 0 0 0;

}

.index6-menu1 li {

    background: #fff;

    float: left;

    width: 16.666666%;

    /* padding:50px 0; */

    text-align: center;

    box-sizing: border-box;

    /* border-top: 1px solid #dbdbdb; */

    /* border-left: 1px solid #dbdbdb; */

    overflow: hidden;

}

.index6-menu1 li:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

.index6-menu1 li img {

    display: block;

    width: 100%;

    -webkit-transition: all 600ms;

    transition: all 600ms;

}

/*新闻模块*/

.index-box8{

    width: 100%;

    padding:  70px 0;

    overflow: hidden;

}

.index-box8 .inew_bg {

    background: #f9f9f9;

}

.index-box8 .wrapper {

    width: 1200px;

    margin: 0 auto;

}

.index-box8 .title {

    width: 100%;

    text-align: center;

}

.index-box8 .inew_ui {

    width: 100%;

    margin-top: 30px;

}

.index-box8 .inew_ui ul {

    width: 108%;

}

.index-box8 .animated.delay-1s {

    -webkit-animation-delay: .1s;

    animation-delay: .1s;

}

.index-box8 .inew_ui li {

    float: left;

    margin: 35px 8% 0 0;

    display: inline-block;

    width: 42%;

    position: relative;

}

.index-box8 .animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.index-box8 .inew_ui li .dt {

    float: left;

}

.index-box8 .inew_ui li .dt span {

    color: #777;

    font-size: 20px;

}

.index-box8 .inew_ui li .dt em {

    color: #999;

    text-align: right;

}

.index-box8 .inew_ui li .dd {

    padding-left: 75px;

    line-height: 20px;

}

/** 底部信息栏 **/

.footer-box1 {

	overflow: hidden;

    float: left;

    width: 100%;

    height: 550px;

/*    background: url("../images/index-bg3.jpg") no-repeat;*/

    background-position: center;

    background-size: cover;

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    align-items: center;

}

.footer-box1-hezi1 {

    width: 100%;

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    align-items: center;

}

.footer-left1 {

    float: left;

    width: 50%;

}

.footer-left1 img {

    max-width: 100%;

}

.footer-right1 {

    float: left;

    width: 50%;

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    align-items: center;

}

.footer-right1 p {

    line-height: 1.6;

    color: #fff;

    font-size: 30px;

}

.footer-right1 a {

    display: inline-block;

    height: 45px;

    line-height: 45px;

    text-align: center;

    color: #fff;

    background: #e64340;

    margin-top: 60px;

    padding: 0 40px;

    border-radius: 5px;

    font-size: 16px;

}

/** 底部版权 **/

.copyright-box1 {

    float: left;

    width: 100%;

    text-align: center;

    color: #6d7388;

    background: #121A39;

    font-size: 14px;

}

.copyright-box1 p {

    display: block;

    padding: 25px 0;

}

/** 在线咨询 **/

.online-box1 {

    position: fixed;

    top: 20%;

    right: 0;

    -webkit-transform: translateX(150px);

    transform: translateX(150px);

    -webkit-transition: all 600ms;

    transition: all 600ms;

}

.online-box1-hezi1 {

    position: relative;

    width: 150px;

    background: #f8f8f8;

}

.online-p1 {

    position: absolute;

    top: 0;

    left: -40px;

    width: 40px;

    height: 110px;

    text-align: center;

    box-sizing: border-box;

    border: 1px solid #38cf83;

    background: #fff;

    padding: 5px 0;

    cursor: pointer;

    font-size: 14px;

}

.online-active1 {

    -webkit-transform: translateX(0);

    transform: translateX(0);

}

.online-p1 span {

    display: inline-block;

    width: 20px;

    color: #1bbc6b;

}

.online-p1 span em {

    display: inline-block;

    width: 0;

    height: 0;

    border-top: 7px solid transparent;

    border-right: 10px solid #1bbc6b;

    border-bottom: 7px solid transparent;

}

.online-cont1 {

    display: block;

    width: 100%;

    background: #fff;

    box-sizing: border-box;

    border: 1px solid #9c9c9c;

    border-top: 0;

    /*padding: 15px;*/

}

.online-cont1 strong {

    display: block;

    text-align: center;

    color: #1bbc6b;

    border-top: 1px solid #9c9c9c;

    border-bottom: 1px solid #9c9c9c;

    padding: 10px 0;

    font-weight: normal;

    font-size: 16px;

}

.online-div1 {

    display: block;

    width: 100%;

    text-align: center;

}

.online-div1 a {

    display: block;

    margin: 12px 0;

}

.online-div1 a img {

    height: 22px;

    vertical-align: middle;

    margin: -3px 5px 0 0;

}

.online-div2 img {

    width: 80%;

    margin: 10% 10% -5% 10%;

}

.online-div2 span {

    display: block;

    text-align: center;

    margin: 10px 0;

    font-size: 14px;

}

.online-div3 {

    display: block;

    width: 100%;

}

.online-div3 p {

    width: 100%;

    text-align: center;

    margin: 5px 0;

}

/***************首页 end*****************/

/***************首页 start***************/

/** 头部广告图 **/

.ad-box1 {

    display: block;

    width: 100%;

    height: 370px;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

.ad-box1 .ad-title{

    width:100%;

    height:100%;

    display:-webkit-box;

    display:flex;

    -webkit-box-pack:center;

            justify-content:center;

    -webkit-box-align:center;

            align-items:center;

    font-size:40px;

    font-weight:bold;

    color:#fff;

    background:rgba(70,94,136,.8);

}

/** 功能列表 **/

.func-box1 {

    /* float: left; */

    width: 100%;

    padding: 70px 0;

}

.func-box1-hezi1 {

    width: 100%;

    display:-webkit-box;

    display:flex;

}

.func-left1 {

    /* float: left; */

    width: 20%;

}

.func-right1 {

    /* float: left; */

    width: 80%;

}

.func-div1 {

    float: left;

    width: 100%;

    line-height: 40px;

    padding-bottom: 15px;

    border-bottom: 1px solid #b2b2b2;

}

.func-menu1 {

    display: table;

    width: 100%;

    box-sizing: border-box;

    padding-right: 3%;

}

.func-menu1 li {

    width: 100%;

}

.func-menu1 li a {

    display: inline-block;

    min-width: 150px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    color: #7b7b7b;

    box-sizing: border-box;

    border: 1px solid transparent;

    margin: 0 0 15px 0;

    padding: 0 40px;

    border-radius: 22px;

}

.func-menu1 li a:hover {

    color: #5b89e7!important;

    border-color: #5b89e7!important;

}

.func-active1 a {

    color: #5b89e7!important;

    border-color: #5b89e7!important;

}

.func-div1>span {

    float: left;

    display: inline-block;

}

.func-div1>span  img {

    height: 20px;

    vertical-align: middle;

    margin: -3px 5px 0 0;

}

.func-menu2 {

    float: left;

}

.func-menu2 li {

    display: inline-block;

    margin-left: 60px;

}

.func-menu2 li img {

    height: 20px;

    vertical-align: middle;

    margin: -3px 0 0 5px;

}

.func-menu2 li a {

    display: inline-block;

    border-bottom: 3px solid transparent;

}

.func-menu2 li a:hover {

    border-color: #4773ce!important;

}

.func-active2 a {

    border-color: #4773ce!important;

}

.func-menu3 {

    display: table;

    width: 100%;

    padding: 30px 0 0 0;

}

.func-menu3 li {

    float: left;

    width: 32%;

    margin: 0 2% 2% 0;

    overflow: hidden;

}

.func-menu3 li:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

.func-menu3 li:nth-child(3n){

    margin-right: 0;

}

.func-menu3 li img {

    display: block;

    width: 100%;

    -webkit-transition: all 600ms;

    transition: all 600ms;

}

.func-info1 {

    position: relative;

    float: left;

    width: 100%;

    background: #fff;

}

.func-info1 span {

    display: block;

    width: 100%;

    box-sizing: border-box;

    padding: 10px 30px 5px 0;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.func-info1 p {

    color: #ee5859;

}

.func-info1 em {

    display: inline-block;

    width: 22px;

    height: 22px;

    line-height: 22px;

    text-align: center;

    color: #fff;

    background: #ee5859;

    vertical-align: middle;

    margin: -5px 0 0 5px;

    border-radius: 50%;

    font-style: normal;

    font-size: 14px;

}

.page-menu {

    float: left;

    width: 100%;

    text-align: center;

    margin: 30px 0 0 0;

}

.page-menu a,

.page-menu b {

    display: inline-block;

    height: 35px;

    line-height: 35px;

    color: #999;

    box-sizing: border-box;

    background: #fff;

    border: 1px solid #999;

    margin: 3px 2px;

    padding: 0 12px;

    font-weight: normal;

    font-size: 14px;

    border-radius: 50%;

    border-radius: 3px;

}

.page-menu>b,

.page-menu>a:hover {

    color: #fff;

    background: #ee5859;

    border: 1px solid #ee5859;

}

/***************首页 end*****************/

/***************套餐 start***************/

/** 套餐 **/

.package-box1 {

    display: block;

    width: 100%;

    height: 500px;

    background: url("../images/package-bg1.jpg") center/cover no-repeat;

}

.package-box1 .cont1 {

    height: 100%;

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    align-items: center;

}

.package-box1-hezi1 {

    width: 100%;

}

.package-cont1 {

    width: 100%;

}

.package-menu1 {

    display: table;

    width: 100%;

}

.package-menu1 li {

    float: left;

    display: inline-block;

    width: 23.5%;

    text-align: center;

    margin: 0 2% 0 0;

}

.package-menu1 li:nth-child(4n){

    margin-right: 0;

}

.package-top {

    display: block;

    width: 100%;

    color: #fff;

    background: skyblue;

    padding: 70px 0;

}

.package-top span {

    font-size: 24px;

}

.package-top p {

    margin-top: 15px;

    font-size: 18px;

}

.package-bottom {

    display: block;

    width: 100%;

    background: #fff;

    padding: 25px 0;

}

.package-bottom a {

    display: inline-block;

    min-width: 55%;

    height: 45px;

    line-height: 45px;

    color: #fff;

    background: skyblue;

    border-radius: 5px;

    font-size: 18px;

}

.package-menu1 li:nth-child(1) .package-top {

    background: #4ea1f4;

}

.package-menu1 li:nth-child(2) .package-top {

    background: #ffc36d;

}

.package-menu1 li:nth-child(3) .package-top {

    background: #38cf83;

}

.package-menu1 li:nth-child(4) .package-top {

    background: #ff7272;

}

.package-menu1 li:nth-child(1) a {

    background: #4ea1f4;

}

.package-menu1 li:nth-child(2) a {

    background: #ffc36d;

}

.package-menu1 li:nth-child(3) a {

    background: #38cf83;

}

.package-menu1 li:nth-child(4) a {

    background: #ff7272;

}

/** 售后服务 **/

.package-box2 {

    /* float: left; */

    width: 100%;

    padding: 60px 0;

}

.package2-info1 {

    display: block;

    width: 100%;

    margin-top: 50px;

}

.package-table1 {

    width: 100%;

    border-collapse: collapse;

}

.package-table1 td {

    text-align: center;

    border: 1px solid #dcdedd;

    padding: 10px;

}

.package-table1 td:last-child {

    text-align: left;

}

/***************套餐 end*****************/

/***************知识 start***************/

.know-menu1 {

    display: block;

    width: 100%;

}

.know-menu1 li {

    position: relative;

    float: left;

    width: 100%;

    min-height: 180px;

    box-sizing: border-box;

    border-bottom: 1px dashed #c7c6c6;

    padding: 2%;

}

.know-menu1 li:hover {

    background: #efefef;

}

.know-menu1 li:hover img {

    -webkit-transform: translate(-3px, -3px);

    transform: translate(-3px, -3px);

    box-shadow: 2px 4px 7px 2px rgba(0,0,0,.45);

}

.know-left1 {

    /*position: absolute;*/

    /*top: 20px;*/

    /*left: 0;*/

    /*width: 280px;*/

    float: left;

    width: 25%;

}

.know-right1 {

    float: left;

    width: 75%;

    box-sizing: border-box;

    padding-left: 3%;

}

.know-left1 img {

    display: block;

    width: 100%;

    -webkit-transition: all 600ms;

    -webkit-transition: all 300ms;

    transition: all 300ms;

}

.know-right1>span {

    display: block;

    margin-bottom: 15px;

    color: #444;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    font-size: 18px;

}

.know-right1>p {

    width: 100%;

    height: 112px;

    line-height: 1.8;

    color: #9a9a9a;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    font-size: 16px;

}

.jian,

.new {

    display: inline-block;

    color: #567fd2;

    border: 1px solid #567fd2;

    margin-left: 10px;

    padding: 0 10px;

    border-radius: 3px;

    font-style: normal;

    font-size: 16px;

}

.new {

    color: #f4514e;

    border: 1px solid #f4514e;

}

.know-title1 {

    display: block;

    width: 100%;

    border-bottom: 1px solid #d2d2d2;

    padding-bottom: 20px;

}

.know-title1>h2 {

    width: 100%;

    text-align: center;

    margin-bottom: 30px;

    font-weight: normal;

    font-size: 26px;

}

.know-title1>p {

    line-height: 1.5;

    color: #868686;

    font-size: 14px;

}

.know2-info1 {

    width: 100%;

    line-height: 1.8;

    text-align: center;

    padding: 20px 0;

}

.know2-info1 p {

    text-align: left;

}

.know2-info1 img {

    width: 100%;

    height: auto;

}

/***************知识 end*****************/

/***************关于 start***************/

.about-box1 {

    display: block;

    width: 100%;

    padding: 60px 0;

}

.about-box1-hezi1 {

    width: 100%;

}

.about-title1 {

    text-align: center;

}

.about-title1 img {

    width: 20%;

}

.about-title1 span {

    display: block;

    margin-top: 20px;

    font-size: 30px;

}

.about-title1 p {

    margin-top: 15px;

    font-size: 20px;

}

.about-menu1 {

    display: table;

    width: 90%;

    margin: 40px 5%;

}

.about-menu1 li {

    float: left;

    width: 18%;

    background: #f8f8f8;

    box-sizing: border-box;

    margin: 0 1%;

    padding: 2% 2% 6% 2%;

}

.about-menu1 li strong {

    font-weight: normal;

    font-size: 18px;

}

.about-menu1 li span {

    display: block;

    font-size: 14px;

}

.about-menu1 li p {

    line-height: 1.5;

    margin-top: 15px;

    font-size: 14px;

}

.about-info1 {

    line-height: 2;

    color: #666;

}

.about-info1 img {

    max-width: 100%;

}

.about-title2 {

    display: block;

    text-align: center;

    margin: 60px 0 30px;

    font-size: 30px;

}

/***************关于 end*****************/

/***************帮助 start***************/

.help-box1 {

    float: left;

    width: 100%;

    background: #f1f4f9;

    padding: 60px 0;

}

.help-box1-hezi1 {

    width: 100%;

}

.help-left1 {

    float: left;

    width: 15%;

}

.help-right1 {

    float: right;

    width: 82%;

    background: #fff;

    box-sizing: border-box;

    padding: 0 2% 3% 2%;

}

.help1-menu1 {

    display: block;

    width: 100%;

}

.help1-menu1 li {

    width: 100%;

    text-align: center;

    background: #fff;

}

.help1-menu1 li a {

    display: inline-block;

    border-left: 3px solid transparent;

    margin: 25px 0;

    padding-left: 7px;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    font-size: 16px;

}

.help1-menu1 li a:hover {

    color: #3e78d9;

    border-color: #eb5656!important;

}

.help1-active1 a {

    color: #3e78d9;

    border-color: #eb5656!important;

}

.help1-menu2 {

    float: left;

    width: 100%;

}

.help1-menu2 li {

    float: left;

    width: 100%;

    box-sizing: border-box;

    border-bottom: 1px dashed #b9b9b9;

    padding: 40px 0;

}

.help1-menu2 li:hover span {

    color: #3e78d9;

}

.help1-left1 {

    float: left;

    width: 70%;

}

.help1-right1 {

    float: left;

    width: 30%;

    text-align: right;

}

.help1-left1 span {

    display: block;

    width: 100%;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    font-size: 18px;

}

.help1-left1 p {

    height: 48px;

    line-height: 1.5;

    margin-top: 15px;

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}

.help1-right1 a {

    display: inline-block;

    height: 40px;

    line-height: 40px;

    color: #8c8c8c;

    border: 1px solid #8c8c8c;

    margin-top: 25px;

    padding: 0 30px;

}

.help1-right1 a:hover {

    color: #4c8fff;

    border-color: #4c8fff;

}

.help2-div1 {

    width: 100%;

    border-bottom: 1px dashed #b9b9b9;

    padding: 25px 0;

}

.help2-div1>a:first-child {

    color: #4c8fff;

}

/***************帮助 end*****************/

/***************功能详情 start************/

.func2-box1 {

    display: block;

    width: 100%;

    display:-webkit-box;

    display:flex;

    -webkit-box-orient:vertical;

    -webkit-box-direction:normal;

            flex-direction:column

}

.func2-box1-hezi1 {

    width: 100%;

}

.func2-cont1 {

    display: block;

    float: left;

    width: 100%;

    padding: 60px 0;

}

.func2-left1 {

    position: relative;

    float: left;

    box-sizing: border-box;

    width: 330px;

    height: 608px;

    background: url("../images/iphone6.png") center/91% 100% no-repeat;

    margin-left: 7%;

    padding: 40px;

	    background-position: 46% !important;

}

.func2-right1 {

    float: right;

    width: 55%;

    color: #666;

    line-height: 1.8;

}

.func2-slide1 {

    overflow: hidden;

}

.func2-slide1 img {

    display: block;

    width: 100%;

    /*margin: 40px 0 0 40px;*/

}

.func2-container1 {

    /*width: 284px;*/

    /*height: 524px;*/

    /*background: url("../images/iphone6.png") center/cover no-repeat;*/

    /*-webkit-box-sizing: border-box;*/

    /*-moz-box-sizing: border-box;*/

    /*box-sizing: border-box;*/

    /*padding: 40px;*/

	    top: 18px;

}

.func2-next1,

.func2-prev1 {

    width: 35px;

    height: 35px;

    background: #999;

    background-position: center;

    background-size: 60% 60%;

    background-repeat: no-repeat;

    border-radius: 50%;

}

.func2-next1 {

    right: -30px;

}

.func2-prev1 {

    left: -30px;

}

.func2-div1 {

    position: relative;

    float: left;

    width: 100%;

    margin-bottom: 20px;

}

.func2-div1>img {

    position: absolute;

    top: 6px;

    left: 0;

    width: 80px;

}

.func2-div1>div {

    float: left;

    width: 100%;

    min-height: 80px;

    box-sizing: border-box;

    padding-left: 100px;

}

.func2-div1>div span {

    color: #222;

    font-size: 20px;

}

.func2-p1 {

    float: left;

    width: 100%;

    background: #ffede7;

    box-sizing: border-box;

    margin-bottom: 20px;

    padding: 15px;

}

.func2-p1 span {

    color: #e64340;

    font-size: 18px;

}

.func2-div2 {

    float: left;

    width: 100%;

    margin-bottom: 20px;

}

.func2-div2 em {

    display: inline-block;

    box-sizing: border-box;

    border: 1px solid #d3d3d3;

    margin-right: 10px;

    padding: 2px 10px;

    cursor: pointer;

    font-style: normal;

    font-size: 14px;

    color: #666;

    border: none;

}

/*.func2-div2 em:hover {

    border-color: #e64340;

}*/

.func2-div3 a {

    display: inline-block;

    height: 45px;

    line-height: 45px;

    text-align: center;

    color: #fff;

    background: #e64340;

    border-radius: 5px;

    margin-right: 25px;

    padding: 0 25px;

}

.func2-div3 a:last-child {

    background: #428bca;

}

.func2-div4 {

    float: left;

    width: 100%;

    margin-top: 20px;

}

.func2-div4 p {

    display: block;

    margin-bottom: 20px;

}

.func2-div4 p em {

    display: inline-block;

    width: 30px;

    height: 30px;

    text-align: center;

/*    background: #38cf83;*/

	border: 2px solid #38cf83;

    border-radius: 50%;

    vertical-align: middle;

    margin: 0 15px 0 0;

}

.func2-div4 p em img {

    height: 70%;

    vertical-align: top;

    margin-top: 15%;

}

.func2-span1 {

    color: #e64340;

}

.func2-cont2 {

    float: left;

    width: 100%;

    padding: 30px 0 50px;

}

.func2-menu1 {

    display: table;

    width: 100%;

    height: 45px;

    line-height: 45px;

    background: #f2f2f2;

}

.func2-menu1 li {

    display: inline-block;

    box-sizing: border-box;

    border-top: 2px solid transparent;

    padding: 0 25px;

    cursor: pointer;

}

.func2-active1 {

    background: #fff;

    border-color: #e64340!important;

}

.func2-list1 {

    display: none;

}

.func2-list1:first-child {

    display: block;

}

/* xigua */

.shade{

    position: fixed;

    z-index: 2001;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    top: 0;

    left: 0;

    bottom: 0;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}

.pop-code {

    background: url(../images/data_qrcode.png);

    width: 320px;

    height: 420px;

    z-index: 1001;

    position: fixed;

    top: 50%;

    left: 50%;

    margin: -190px 0 0 -150px;

    background:#fff;

    border-radius:10px;

}

.pop-code .c-title {

    height: 35px;

    line-height: 35px;

    text-align: center;

    font-size: 16px;

    padding: 20px 0;

}

.pop-code .c-code {

    width: 200px;

    height: 200px;

    margin: 0 auto 45px;

}

.pop-code .c-code img {

    width: 200px;

    height: 200px;

}

.scan-code-tip {

    background: url(../images/line.png) no-repeat;

    width: 290px;

    margin: 0 auto;

    position: relative;

    color: #999;

    text-align: center;

    padding: 20px 0;

}

.scan-code-tip h4 {

    font-size: 18px;

    color: #333;

    padding-bottom: 6px;

    font-weight: normal;

}

.pop-code .sweep-tip {

    margin-bottom: 8px;

    font-size: 16px;

}

/* 注册弹窗开始 */

.func3-bg1{

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.6);

}

.func3-box2 {

    position: absolute;

    top: 50%;

    left: 60%;

    z-index: 999;

    width: 210px;

    height: 300px;

    background: #fff;

    box-sizing: border-box;

    margin-top: -175px;

    margin-left: -270px;

    padding: 18px 28px;

    border-radius: 10px;

}

.func3-list2 {

    float: left;

    width: 50%;

    box-sizing: border-box;

    padding-right: 35px;

    border-right: 1px solid #a2a2a2;

}

/* 注册弹窗结束 */

/** 演示弹窗 **/

.func2-bg1 {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.6);

}

.func2-box2 {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 999;

    width: 540px;

    height: 350px;

    background: #fff;

    box-sizing: border-box;

    margin-top: -175px;

    margin-left: -270px;

    padding: 20px 35px;

    border-radius: 10px;

}

.func2-list2 {

    float: left;

    width: 50%;

    box-sizing: border-box;

    padding-right: 35px;

    border-right: 1px solid #a2a2a2;

}

.func2-list2:last-child {

    padding-left: 35px;

    padding-right: 0;

    border-right: 0;

}

.func2-list2 img {

    display: block;

    width: 100%;

}

.func2-list2>span {

    display: block;

    margin-bottom: 20px;

}

.func2-list2 p {

    line-height: 1.5;

    margin-top: 10px;

    font-size: 14px;

}

.func2-list2 p em {

    color: #e64340;

    font-style: normal;

    font-size: 15px;

}

.func2-delete1 {

    position: absolute;

    top: 20px;

    right: 20px;

    width: 20px;

    cursor: pointer;

}

.func2-delete1 img {

    display: block;

    width: 100%;

}

/***************功能详情 end**************/

/*Menu DropEft CSS*/

.WaterBtn { position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 0; }

.water { display: block; position: absolute; background: rgba(255, 255, 255, 0.14); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); }

.drop-animate { -webkit-animation: dropper 0.65s linear; animation: dropper 0.65s linear; }

@-webkit-keyframes dropper {

    100% {

        opacity: 0;

        -webkit-transform: scale(2.5);

    }

}

@keyframes dropper {

    100% {

        opacity: 0;

        -webkit-transform: scale(2.5);

                transform: scale(2.5);

    }

}

/*加盟页面开始*/

.agent-box1,.agent-box2{

	width: 820px;

	margin: auto;

	overflow: hidden;

	height: 406px;

}

.agent-box1 .agent-left1{

	width: 392px;

	height: 115px;

	margin-top: 150px;

	float: left;

}

.agent-body .title{

	font-size: 32px;

    font-weight: 800;

}

.agent-body .title span{

	color: #266da3;

}

.agent-body .text{

	margin-top: 32px;

	font-size: 14px;

  	line-height: 25px;

}

.agent-box1 .agent-right1{

	width: 216px;

	height: 156px;

	margin-top: 122px;

	padding-left: 158px;

	overflow: hidden;

}

.agent-box1 .agent-right1 img{

	width: 216px;

	height: 156px;

}

.agent-box2 .agent-left2{

	width: 289px;

	height: 197px;

	margin-top: 102px;

	float: left;

}

.agent-box2 .agent-right2{

	width: 333px;

	height: 170px;

	margin-top: 122px;

	padding-left: 158px;

	overflow: hidden;

}

.agent-box2 .agent-left2 img{

	width: 289px;

	height: 197px;

}

.agent-box3,.agent-box4{

	width: 820px;

	margin: auto;

	overflow: hidden;

}

.agent-body .title3{

	line-height: 103px;

	text-align: center;

	font-size: 32px;

	font-weight: 800;

	width: 100%;

}

.agent-body .title4,.agent-body .title5{

	margin-top: 15px;

	font-size: 16px;

	text-align: center;

}

 .agent-box3 ul,.agent-box4 ul{

	padding-top: 52px;

	overflow: hidden;

}

.agent-box3 li,.agent-box4 li{

	width: 409px;

	height: 170px;

	color: #FFFFFF;

	float: left;

}

.agent-box3 li .img-box,.agent-box4 li .img-box {

    width: 144px;

    height: 170px;

    display: inline-block;

    float: left;

}

.agent-box3 .li-title,.agent-box4 .li-title{

	font-size: 18px;

	font-weight: 700;

}

.agent-box3 .li-text,.agent-box4 .li-text{

	width: 200px;

	display: inline-block;

	margin-top: 18px;

}

#goodness-box ul li,#goodness-box p{

	color: #000000;

}

#step-box ul{

	padding-top: 60px;

	overflow: hidden;

	width: 820px;

	margin: auto;

}

#step-box ul li{

	margin-top: 20px;

	float: left;

	font-size: 14px;

	background-color: #FFFFFF;

}

.agent-body .ul-text li{

	height: 185px;

	width: 132px;

	text-align: center;

	margin-right: 102px;

	overflow: hidden;

	width: 200px;

	height: 150px;

	border-radius: 5px;

}

.agent-body .ul-text li:last-child{

	margin-right: 0px;

}

.agent-body .ul-text li .img-box{

	width: 100px;

	margin: auto;

	margin-top: 20px;

}

.agent-body .ul-text li span{

	display: block;

	margin-bottom: 20px ;

}

.page-join-msg {

    float: left;

    width: 300px;

    height: 450px;

    padding: 20px 40px 0 40px;

    margin-left: 20px;

    background-color: rgba(255,255,255,.65);

    box-shadow: 0 5px 10px rgba(165,165,165,.45);

    transition:all 1s;

	-webkit-transition:all 1s; 

}

.page-join-msg:hover{

	 box-shadow: 0 10px 25px rgba(165,165,165,.45);

}

.page-join-msg .msg-title {

    margin-bottom: 25px;

    color: #20283b;

    font-size: 22px;

    text-align: center;

}

.page-join-msg .msg-img {

    text-align: center;

    margin-bottom: 10px;

}

.page-join-msg .msg-desc {

    color: #545964;

    font-size: 14px;

    line-height: 2;

}

.site_layout {

    width: 1210px;

    margin-left: auto;

    margin-right: auto;

    zoom: 1;

    overflow: hidden;

    padding: 20px 0;

}

.page-join-msg .msg-desc .desc-detail {

    margin-bottom: 15px;

}

.page-join-msg .msg-desc {

    color: #545964;

    font-size: 14px;

    line-height: 2;

}

.msg-desc img {

    border: 0 none;

    vertical-align: middle;

    -ms-interpolation-mode: bicubic;

}

.page-join-msg-info {

    font-weight: 700;

    text-align: center;

}

.page-join-msg-info .main {

    margin-right: 40px;

    color: #394657;

    font-size: 26px;

}

.page-join-msg-info .sub {

    color: #394657;

    font-size: 18px;

}

.page-join-msg-info {

    font-weight: 700;

    margin-top: 50px;

    text-align: center;

}

.question-box{

	width: 100%;

	height: 600px;

}

#uoolu_jiameng{

	overflow: hidden;

}

.question-box .question-ul{

	width: 820px;

	margin: auto;

	overflow: hidden;

	margin-top: 90px;

}

.question-ul ul li{

	width: 310px;

	float: left;

	font-size: 14px;

	float: left;

	margin-bottom: 41px;

}

.question-ul ul li:nth-of-type(odd){

	margin-right: 200px;

}

.question-ul .question-title{

	color: #2992fe;

}

.question-ul .question-text{

	margin-top: 40px;

}

.question-ul .question-text span{

	color: #2992fe;

}

.question-box .join-btn{

	width: 270px;

	height: 50px;

	background-color: #2991ff;

	border: 1px solid #2991ff;

	border-radius: 5px;

	color: #FFFFFF;

	text-align: center;

	font-size: 18px;

}

.agent-body .img-box img{

	width: 90%;

	transition:all 1s;

	-webkit-transition:all 1s; 

}

.agent-body .img-box img:hover{

transform:rotate(5deg);

-ms-transform:rotate(5deg); /* Internet Explorer */

-moz-transform:rotate(5deg); /* Firefox */

-webkit-transform:rotate(5deg); /* Safari 和 Chrome */

-o-transform:rotate(5deg); /* Opera */

}

.agent-body .change-box{

	transition:all 1s;

	-webkit-transition:all 1s; 

}

.agent-body .change-box:hover{

	-webkit-transform: scale(1.05);

	        transform: scale(1.05);

}

.agent-body .change-top{

	transition:all 1s;

	-webkit-transition:all 1s; 

}

.agent-body .change-top:hover{

	-webkit-transform: translate(0px,-10px);

	        transform: translate(0px,-10px);

}

.agent-body .join-btn{

	width: 270px;

	height: 50px;

	background-color: #2991ff;

	border: 1px solid #2991ff;

	border-radius: 5px;

	color: #FFFFFF;

	text-align: center;

	font-size: 18px;

	border-radius: 30px;

}

/*加盟页面结束*/

/*购买弹出开始*/

.buy2-bg1 {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.6);

}

.buy2-box2 {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 999;

    width: 500px;

    height: 310px;

    background: #fff;

    box-sizing: border-box;

    margin-top: -175px;

    margin-left: -270px;

    padding: 20px 35px;

    border-radius: 10px;

}

.buy2-list2 {

    float: left;

    width: 50%;

    box-sizing: border-box;

    padding-right: 35px;

}

.buy2-list2:last-child {

    padding-left: 10px!important;

    padding-right: 0!important;

    border-right: 0!important;

}

.buy2-list2 img {

    display: block;

    width: 80%;

  	margin:auto;

}

.buy2-list2>span {

    display: block;

    margin-bottom: 20px;

}

.buy2-list2 p {

    line-height: 1.5;

    margin-top: 10px;

    font-size: 14px;

}

.buy2-list2 p em {

    color: #e64340;

    font-style: normal;

    font-size: 15px;

}

.buy2-delete1 {

    position: absolute;

    top: 20px;

    right: 20px;

    width: 20px;

    cursor: pointer;

}

.buy2-delete1 img {

    display: block;

    width: 100%;

}

/*购买弹出结束*/

/*时代开始*/

.shidai{

	width:100%;

	height:680px;

	background:#0E36BB;

	background-size:cover;

	background-position:center;

	background-repeat:no-repeat}

.shidai1{

	text-align:center;

	font-size:50px;

	color:#FFF;

	padding-top:120px}

.shidai2{

	color:#FFF;

	font-size:30px;

	text-align:center;

	margin-top:20px}

.shidai3{

	width:66px;

	height:3px;

	background:#FFF;

	margin:0 auto;

	margin-top:20px}

.shidai4{

	overflow:hidden;

	width: 1200px;

    margin: 80px auto 0;}

.shidai41{

	width:25%;

	float:left;

	color:#FFF;

	overflow:hidden;

	position:relative;

	height:90px}

.shidai40{

	position:absolute;

	top:0;

	left:50%;

	-webkit-transform:translateX(-50%);

	        transform:translateX(-50%);

	width:158px}

.shidai401{

	position:absolute;

	top:0;

	left:50%;

	-webkit-transform:translateX(-50%);

	        transform:translateX(-50%);

	width:130px}

.shidai402{

	position:absolute;

	top:0;

	left:50%;

	-webkit-transform:translateX(-50%);

	        transform:translateX(-50%);

	width:105px}

.shidai411{

	font-size:48px;

	float:left}

.shidai412{

	font-size:24px;

	float:left;

	padding-top:24px;

	margin-left:2px}

.shidai413{

	color:#FFF;

	font-size:24px;

	float:left}

.shidai_desc{

	color:#FFF;

	margin-top:64px;

	font-size:16px;

	text-align:center}

.shidai_btn{

	font-size:16px;

	width:170px;

	height:50px;

	border-radius:25px;

	color:#ffffff;

	border:1px solid #ffffff;

	margin:0 auto;

	text-align:center;

	line-height:50px;

	margin-top:70px;

	display:block;

    margin-bottom: 50px;

}

.shidai_btn:hover{

	color:#78a9ff;

	text-decoration:none;

	background:#ffffff}

/*时代结束*/

/*新增模块开始*/

.index-box7{

	overflow: hidden;

	padding: 70px 0 0 0;

	margin: 50px 0 0 0;

    overflow: hidden;

    height: 480px;

}

.ul-text7 li{

	margin: 50px 0 0 0;

}

.ul-text7 li{

    height: 185px;

    width: 132px;

    text-align: center;

    margin-right: 78px;

    overflow: hidden;

    width: 174px;

    height: 206px;

    border-radius: 5px;

    float: left;

    box-shadow: 1px 4px 5px rgba(165,165,165,.45);

    border: 1px solid #eee;

}

.ul-text7 li:last-child{

	margin-right: 0px;

}

.ul-text7 li .img-box{

	width: 100px;

	margin: auto;

	margin-top: 20px;

}

.ul-text7 li span{

	display: block;

	margin-bottom: 20px ;

}

.change-box7{

	transition:all 1s;

	-webkit-transition:all 1s; 

}

.change-box7:hover{

	-webkit-transform: scale(1.05);

	        transform: scale(1.05);

}

.change-top7{

	transition:all 1s;

	-webkit-transition:all 1s; 

}

.change-top7:hover{

	-webkit-transform: translate(0px,-10px);

	        transform: translate(0px,-10px);

}

.ul-text7 li .img-box img{

	width: 70%;

	margin: 12% 0;

}

.gray_message{

	color: #999;

    font-size: 12px;

    margin-top: 12px;

}

/*新增模块结束*/

/*首页广告图开始*/

.ad-new-year{

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    z-index: 999;

    background-color: rgba(0,0,0,0.5);

    text-align: center;

    display: none;

}

.ad-box{

    display: -webkit-box;

    display: flex;

    width: 100%;

    height: 100%;

    -webkit-box-pack: center;

            justify-content: center;

    -webkit-box-align: center;

            align-items: center;

}

.ad-box>div{

    width: 447px;

    height: 175px;

    background-color: #fff;

    display: -webkit-box;

    display: flex;

    padding: 45px 40px;

    border-radius: 10px;

    -webkit-box-pack: justify;

            justify-content: space-between;

}

.ad-left{

    display: -webkit-box;

    display: flex;

    text-align:left;

    font-size:14px;

    justify-content: space-between;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

}

.ad-left img{

    width: 60px;

    height: 60px;

}

.ad-left>div:first-of-type{

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

            align-items: center;

}

.ad-left>div:nth-of-type(2){

    font-size: 14px;

    text-align: left;

    /* margin-top: 20px; */

    color: #666;

    line-height: 25px;

}

.ad-text{

    text-align: left;

    font-size: 14px;

    padding: 6px;

    line-height: 22px;

    height: 48px;

}

/*首页广告图结束*/

/*End DropEft CSS*/

.mb20{

    margin-bottom:20px;

}

.mb10{

    margin-bottom:10px;

}

/*底部导航*/

.footer-nav-wrapper{

    background:#121A39;

}

.footer-nav{

    padding:30px 0;

    width:80%;

    display:-webkit-box;

    display:flex;

    -webkit-box-pack: justify;

            justify-content: space-between;

    margin:0 auto;

    font-size:12px;

    color:#aaa;

}

.footer-nav dl dt{

    font-size:14px;

    color:#fff;

    margin-bottom:30px;

}

.footer-nav dl:last-of-type{

    max-width:300px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.footer-nav dl:last-of-type dt{

    text-align: center;

}

.footer-nav dl:last-of-type dd{

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    width:100%;

	

}

.footer-nav dl dd{

    line-height:36px;

  padding-left:0 !important;

}

.footer-nav dl dd img{

    width:20px;

	display:inline-block !important;

    vertical-align: sub;

}

.footer-nav dl a{

    color:#fff;

}

/*右侧浮动工具栏*/

@-webkit-keyframes rtl{

    0%{

        right:-200px

    }

    100%{

        right:0;

    }

}

@keyframes rtl{

    0%{

        right:-200px

    }

    100%{

        right:0;

    }

}

@-webkit-keyframes ltr{

    0%{

        left:-200px

    }

    100%{

        left:0;

    }

}

@keyframes ltr{

    0%{

        left:-200px

    }

    100%{

        left:0;

    }

}

/* .consult{

    width:100px;

    height:300px;

    position:fixed;

    right:0;

    top:50%;

    -webkit-transform:translatey(-50%);

            transform:translatey(-50%);

    display:-webkit-box;

    display:flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

    justify-content: space-around;

    -webkit-box-align: center;

            align-items: center;

    -webkit-animation:rtl .8s linear ;

            animation:rtl .8s linear ;

}

.consult>div{

    display:-webkit-box;

    display:flex;

    -webkit-box-pack: center;

            justify-content: center;

    -webkit-box-align: center;

            align-items: center;

    cursor:pointer;

    width:50px;

    height:50px;

    position:relative;

    border-radius:50%;

    background-size:100% 100%;

}

.consult>div:first-of-type{

    background-image:url("../images/对话-实色@2x.png");

}

.consult>div:first-of-type:hover{

    background-image:url("../images/对话触发@2x.png");

}

.consult>div:nth-of-type(2){

    background-image:url("../images/电话.png");

}

.consult>div:nth-of-type(2):hover{

    background-image:url("../images/电话触发@2x.png");

}

.consult>div:nth-of-type(3){

    background-image:url("../images/微信@2x.png");

}

.consult>div:nth-of-type(3):hover{

    background-image:url("../images/微信触发@2x.png");

}

.consult>div:nth-of-type(4){

    background-image:url("../images/置顶@2x.png");

}

.consult>div:nth-of-type(4):hover{

    background-image:url("../images/置顶触发@2x.png");

}

.consult>div>img{

    width:25px;

    height:25px;

} */

.phone-box .phone,.qrcode-box .qrcode,.consult-hover{

    position:absolute;

    width:150px;

    padding:10px 0;

    background:#fff;

    text-align:center;

    left:-170px;

    top:0;

    border-radius:5px;

    display:none;

    -webkit-transition:all .5s ease-in-out;

    transition:all .5s ease-in-out;

    opacity:0;

    box-shadow:0px 10px 15px rgba(3,0,91,0.15)

}

.phone-box:hover .phone,.qrcode-box:hover .qrcode,.consult-box:hover .consult-hover{

    display:block;

    opacity: 1;

    box-shadow:0px 10px 15px rgba(3,0,91,0.15);

}

.phone-box .phone::after,.qrcode-box .qrcode::after,.consult-hover::after{

    content:"";

    position:absolute;

    width:15px;

    height:15px;

    background:#fff;

    right:-8px;

    top:15px;

    -webkit-transform:rotatez(45deg);

            transform:rotatez(45deg);

}

.qrcode-box .qrcode img{

    width:120px;

    height:120px;

}

.advantage{

    height:500px;

    display: -webkit-box;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    -webkit-box-align: center;

            align-items: center;

}

.advantage li{

    width:330px;

    height:200px;

    /* background:rgba(255,255,255,1); */

    /* box-shadow:0px 0px 10px rgba(3,0,91,0.16); */

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

    -webkit-box-pack: center;

            justify-content: center;

    -webkit-box-align: center;

            align-items: center;

}

.advantage li img{

    width:50px;

    height:50px;

    margin-bottom:20px;

}

.advantage li p{

    text-align: center;

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

    color:#687d9f;

    font-size:14px;

    line-height:35px;

}

.advantage li p span:first-of-type{

    font-size:20px;

    color:#2d3c56;

}

.solutionShortMove{

    bottom:-100px !important;

}

.solutionLongMove{

    bottom:20px !important;

}

/*咨询弹框*/

.consult-fixed-wrapper{

    position: fixed;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.6);

    left:0;

    top:0;

    display: none;

    z-index:99; 

}

.consult-fixed{

    width: 300px;

    height:400px;

    border-radius:10px;

    background:#fff;

    display:-webkit-box;

    display:flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

    position: absolute;

    left:50%;

    top:50%;

    -webkit-transform: translate(-50%,-50%);

            transform: translate(-50%,-50%);

}

.consult-fixed-top{

    width:100%;

    height:150px;

    border-bottom:1px dashed #aaa;

    display:-webkit-box;

    display:flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

    -webkit-box-pack: center;

            justify-content: center;

    -webkit-box-align:center;

            align-items:center;

    font-size:20px;

    font-weight:bolder;

}

.consult-fixed-top img{

    width:70px;

    height:70px;

    border-radius:50%;

    margin-bottom:10px;

}

.consult-fixed-bottom{

    box-sizing: border-box;

    padding:20px;

    display:-webkit-box;

    display:flex;

    text-align: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

    -webkit-box-pack: center;

            justify-content: center;

    -webkit-box-align: center;

            align-items: center;

    font-size:14px;

}

.consult-fixed-bottom img{

    width:100px;

    height:100px;

    margin:20px;

}

.close-consult{

    width:25px;

    height:25px;

    background:url("../images/%c3%a5%c2%85%c2%b3%c3%a9%c2%97%c2%ad%402x.html");

    background-size:100% 100%;

    position:absolute;

    bottom:-50px;

    left:50%;

    -webkit-transform:translatex(-50%);

            transform:translatex(-50%);

}

.consult{

    position:fixed;

    right:0;

    top:50%;

    width:40px;

    background:#409eff;

    display:flex;

    flex-direction: column;

    align-items:center;

    padding:10px 0;

    font-size:14px;

    color:#fff;

    cursor:pointer;

    border-radius:3px 0 0 3px;

}

.consult span{

    writing-mode:tb-rl;

    margin-top:5px;

    letter-spacing:2px;

}

.new-ad{

    height:200px;

    width:100%;

    background-image:url("../images/new_ad_bg.png");

    background-size:100% 100%;

    position:relative;

}

.new-ad .mask{

    position:absolute;

    left:0;

    top:0;

    height:100%;

    width:100%;

    color:#fff;

    display:flex;

    flex-direction: column;

    justify-content: center;

    text-align:center;

    align-items: center;

    background-color:rgba(47,92,242,.9);

}   

.new-ad p{

    font-size:24px;

    font-weight:bolder;

   

}

.new-ad a{

    margin-top:30px;

    color:#fff;

    display:inline-block;

    width:120px;

    background:#fff;

    color:#409eff;

    height:36px;

    line-height:36px;

    border-radius:3px;

}

.page-menu a:not([href]) {

    display: none;

}

.qw-box{

    position:fixed;

    left:10px;

    top:50%;

    transform:translateY(-50%);

    border-radius:5px;

    z-index:1001;

}

.qw-box .qw-box-close{

    position:absolute;

    top:-5px;

    right:-5px;

    border-radius:50%;

    cursor:pointer;

}

.qw-box .qw-box-close::before{

    content:'';

    position:absolute;

    width:15px;

    height:1px;

    background:#444;

    transform:rotateZ(-45deg);

}

.qw-box .qw-box-close::after{

    content:'';

    position:absolute;

    transform:rotateZ(45deg);

    width:15px;

    height:1px;

    background:#444;

}

.qw-box img{

    width:180px;

    height:358px;

}