body {
    -webkit-font-smoothing: antialiased;
    margin: 0 auto;
    padding: 0;
    width: 100%;

    font:normal 100%;

    min-width: 1280px;
}
.body-i{
    font-family: PingFangSC-Regular,Microsoft Yahei,Helvetica,Arial,Verdana,sans-serif;
}

/*导航*/
.nav-logo-name {
    font-size: 18px!important;
    color: rgb(0,0,0);
    margin:18px 0px 5px 78px;
    width: 116px;
    height: 24px;
}
.logo{
    width: 40px;
    height: 34px;
    float: left;
    margin: 1px 0 0 22px;
}
.MD-logo {
    width: 40px;
    height: 34px;
    float: left;
    left:5px;
    margin: 19px 0 0 32px;
    background: url(../../img/navigation/product-logo.png) no-repeat;
}
.nav ul {
    list-style: none;
    float: right;

}
.nav ul li {
    float: left;
}
.nav ul li a {
    font-size: 14px;
}
.linormal {
    height: 50px;
    padding:15px 15px;
    text-align: center;
    vertical-align: middle;
    color:#464646;
    cursor: pointer;
}
.linormal:hover,.linormal.active{
    color:white;
    background:#00B8FA;
    /*border-bottom: 1px solid #ea5253;*/
}
.nav-call-li{
    height: 50px;
    padding:15px 15px;
    text-align: center;
    vertical-align: middle;
    color:#464646;
    cursor: pointer;
}
.nav-call-li .telephone {
    /*background: rgba(228,225,223,.3);*/
    border-radius: 25px;
    padding:5px 15px;
    text-decoration:none;
    cursor:pointer;
    height: 30px;
    vertical-align: middle;
    margin-top: 10px;

}
.nav-call-li .nav_register{
    background: rgba(228,225,223,0);
    width:104px;
    cursor:pointer;
    height: 35px;
    vertical-align: middle;
    border: 1px solid #00B8FA;
    border-radius: 18px;
    color:#00B8FA;
}

nav.navbar{
    -moz-box-shadow:0 2px 10px #dedede;
    -webkit-box-shadow:0 2px 10px #dedede;
    box-shadow: 0 2px 10px #dedede;
}

/*instruction*/
.instruction {
    background: url(../img/instruction/instruction_bg.jpg) center top no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
}
.ins-intro {
    height: 576px;
    width: 100%;
    margin: 0 auto;
    padding-top: 109px;
}
.ins-header {
    color: rgb(0,0,0);
    font-size: 2.375em;
    line-height: 49px;
    margin: 0!important;
}

.underline {
    margin-top: 23px;
}
.ins-upper-content {
    font-size: 1.2em;
    color: rgb(82,103,122);
    line-height: 30px;
    margin: 81px 0 0 0!important;
}
.ins-follow-content {
    font-size: 1.2em;
    color: rgb(82,103,122);
    line-height: 30px;
    margin: 20px 0 0 0!important;
}
/*instruction*/


/*advantage*/
.advantage {
    position: relative;
    text-align: center;
    padding-top: 107px;
    height: 150%;
    margin-right: 2%;
}
.adv-header {
    color: rgb(0,0,0);
    font-size: 2.2em;
    line-height: 49px;
    margin: 0!important;
}

.adv-header>span {
    font-size: 3em;
    color: rgb(215,50,64);
}
.adv-underline {
    margin-top: 23px;
    margin-left: 25px;
}


.adv-intro {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding-top: 93px;
}
.upper-advantages ul {
    margin: 0!important;
    padding:0;
}
.upper-advantages ul li {
    vertical-align: top;
    display: inline-block;
    list-style-type: none;
    width: 36%;
    height: 30%;
}
.ul-header {
    text-align: left;
    font-size: 1.6em;
    color: rgb(59,75,90);
    line-height: 30px;
    margin: 37px 0 17px 0!important;
    padding-left: 17px;
}
.ul-content {
    text-align: left;
    font-size: 1.2em;
    color: rgb(102,102,102);
    line-height: 30px;
    margin: 10px 0 0 0!important;
    padding-left: 17px;
}

.follow-advantages ul {
    margin: 0!important;
    padding:0;
}
.follow-advantages ul li {
    vertical-align: top;
    display: inline-block;
    list-style-type: none;
    width: 36%;
    height: 30%;
}
/*advantage*/


/*join us*/
.JU {
    position: relative;
    text-align: center;
    height: 100%;
    width: 90%;
    border:1px solid #dedede;
    margin: auto;
    margin-bottom: 30px;
    padding-bottom:50px!important;
}
.JU-header {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    padding-top: 50px;
}
.JU-underline {
    margin: 23px 0 77px 0;
}

.fill-in {
    width: 100%;
    height: 836px;
    background-color: #fff;
    margin: 0 auto;
    align-content: center;
}
.left-content {
    text-align: center;
    position: relative;
}
.title1 {
    font-size:2em;
    color: rgb(0,0,0);
    line-height: 30px;
    margin-right: 255px;
    text-align: right;
}
.left-content>form {
    margin-top: 40px;
}
.left-content form p {
    margin: 0px;
}
.left-content form span {
    color: rgb(215,50,64);
    vertical-align: middle;
}
.left-content form label {
    margin: 0!important;
}
.TB-company {
    vertical-align: baseline;
    width: 340px;
    height: 43px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid rgb(245,245,245);
    background-color: rgb(245,245,245);

    padding-left: 15px;
    margin-left: 10px;
    font-size: 16px;
}
.TB-name {
    vertical-align: baseline;
    margin-left:-5px;
    width: 340px;
    height: 43px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid rgb(245,245,245);
    background-color: rgb(245,245,245);

    padding-left: 15px;
    margin-left: 5px;
    font-size: 16px;
}
.TB-tel {
    vertical-align: baseline;
    width: 340px;
    height: 43px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid rgb(245,245,245);
    background-color: rgb(245,245,245);

    padding-left: 15px;
    margin-left: 10px;
    font-size: 16px;
}
.TB-product {
    vertical-align: top;
    width: 340px;
    height: 135px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid rgb(245,245,245);
    background-color: rgb(245,245,245);

    padding-left: 15px;
    margin-left: 10px;
    padding-top: 10px;
    font-size: 16px;
}
.TB-intention {
    vertical-align: top;
    width: 340px;
    height: 135px;
    border-radius: 5px;
    border: 1px solid rgb(245,245,245);
    background-color: rgb(245,245,245);

    padding-left: 15px;
    margin-left: 10px;
    padding-top: 10px;
    font-size: 16px;
}
.btn-sub {
    height: 49px;
    width: 340px;
    background-color: rgb(215,50,64);
    border-radius: 5px;
    border: 1px solid rgb(215,50,64);
    color: rgb(255,255,255);
    font-size: 18px;

}



.right-content {
    position: relative;
    float: left;
    left:6%;
}
.channel-agent {
    position: relative;
    height: 631px;
    margin-top: 121px;
    width: 120%;

    background-color: rgb(59,75,90);
    border: 1px solid rgb(59,75,90);
}
.CA-header {
    padding-top: 72px;
    font-size: 24px;
    line-height: 30px;
    color: rgb(255,255,255);
}
.tel-icon {
    margin-top: 66px;
}

.ema-icon {
    margin-top: 46px;
}
/*join us*/

/*footer*/

.footer {
    position: relative;
    height: 280px;
    width: 100%;
    background-color: rgb(250,250,250);

}

.footer-upper-p {
    font-size: 12px;
    color: rgb(150,148,148);
    text-align: center;
    padding-top: 72px;
}
.footer-follow-p {
    font-size: 12px;
    color: rgb(150,148,148);
    text-align: center;
    margin-top: 20px;
}
/*footer*/

/*
    文字的飞入
*/
/*lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/
@keyframes lefteaseinAnimate{
    0%{ transform: translateX(-100px); opacity: 0;}
    100%{ transform: translateX(0px); opacity: 1;}
}
@-webkit-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-100px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-o-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-100px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-ms-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-100px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-100px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
.ins-header{
    animation: lefteaseinAnimate 1s ease 1;
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;

    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

/*bottomeaseinAnimate动画，实现从页面的下方淡入页面效果*/
@keyframes bottomeaseinAnimate{
    0%{ transform: translateY(200px); opacity: 0;}
    100%{ transform: translateY(0px); opacity: 1;}
}
@-webkit-keyframes bottomeaseinAnimate{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
@-o-keyframes bottomeaseinAnimate{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
@-ms-keyframes bottomeaseinAnimate{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
@-moz-keyframes bottomeaseinAnimate{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
.ins-follow-content{
    animation: bottomeaseinAnimate 2s ease 1;
    -webkit-animation: bottomeaseinAnimate 2s ease 1;
    -ms-animation: bottomeaseinAnimate 2s ease 1;
    -o-animation: bottomeaseinAnimate 2s ease 1;
    -moz-animation: bottomeaseinAnimate 2s ease 1;

    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}
.ins-upper-content{
    animation: bottomeaseinAnimate 1.5s ease 1;
    -webkit-animation: bottomeaseinAnimate 1.5s ease 1;
    -ms-animation: bottomeaseinAnimate 1.5s ease 1;
    -o-animation: bottomeaseinAnimate 1.5s ease 1;
    -moz-animation: bottomeaseinAnimate 1.5s ease 1;

    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}
.daohang {
    width:100%!important;
}

@media (max-width:1150px){
    .lispecial-second{
        display: none!important;
    }
}
@media (max-width:982px){
    .lispecial-second{
        display: none!important;
    }
    .lispecial-third{
        display:none!important;
    }
}
@media (max-width:902px){
    .lispecial-second{
        display: none!important;
    }
    .lispecial-third{
        display:none!important;
    }
    .lispecial-forth{
        display:none!important;
    }
}
@media (max-width:835px){
    .lispecial-second{
        display: none!important;
    }
    .lispecial-third{
        display:none!important;
    }
    .lispecial-forth{
        display:none!important;
    }
    .nav>li>a{padding:10px 10px!important;}
}
.TB-identifying {
    vertical-align: baseline;
    margin-left:-5px;
    width: 235px;
    height: 43px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid rgb(245,245,245);
    background-color: rgb(245,245,245);

    padding-left: 15px;
    margin-left: 5px;
    font-size: 16px;
}

.name {
    font-size: 16px;
}
.tel{
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition:all 0.7s ease;
    -o-transition:all 0.7s ease;
    -ms-transition:all 0.7s ease;
}
.tel:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
.letter{
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition:all 0.7s ease;
    -o-transition:all 0.7s ease;
    -ms-transition:all 0.7s ease;
}
.letter:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}

.nav_index {
    text-decoration:none;color:rgb(59, 75, 90);top:25px;margin-right:-17px;margin-left:23px;white-space:nowrap;
}
.nav_index:hover{
    color: rgb(249,92,91)!important;
}
.nav_product {
    text-decoration:none;color:rgb(59, 75, 90);top:25px;margin-right:-17px;margin-left:23px;white-space:nowrap;
}
.nav_product:hover{
    color: rgb(249,92,91)!important;
}
.nav_price {
    text-decoration:none;color:rgb(59, 75, 90);top:25px;margin-right:-17px;margin-left:23px;white-space:nowrap;
}
.nav_price:hover{
    color: rgb(249,92,91)!important;
}
.nav_service {
    text-decoration:none;color:rgb(59, 75, 90);top:25px;margin-right:-17px;margin-left:23px;white-space:nowrap;
}
.nav_service:hover{
    color: rgb(249,92,91)!important;
}
.nav_download {
    text-decoration:none;color:rgb(59, 75, 90);top:25px;margin-right:-17px;margin-left:23px;white-space:nowrap;
}
.nav_download:hover{
    color: rgb(249,92,91)!important;
}
.nav_our {
    text-decoration:none;color:rgb(59, 75, 90);top:25px;margin-right:-17px;margin-left:23px;white-space:nowrap;
}
.nav_our:hover{
    color: rgb(249,92,91)!important;
}
.nav_cooperation {
    text-decoration:none;color:#fff;top:25px;margin-right:-17px;margin-left:23px;white-space:nowrap;
}
.nav_login {
    text-decoration:none;
    color: rgb(59, 75, 90);
    border-color: rgb(59, 75, 90);
}
.nav_login:hover{
    color: #f95259!important;
    border-color: #f95259!important;
}
.nav_register {
    text-decoration:none;background-color:transparent;border-color:#00B8FA!important;color:#00B8FA!important;
}
.nav_register:hover{
    background-color: #00B8FA!important;
    color: #fff!important;
}

.cooperation-bg{
    background-color:rgb(249, 92, 91);
}


.first-page{
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 40px;
}
.first-page img{
    width: 100%;
    height: auto;
}
.first-page .content{
    position: absolute;
    top:35%;
    width: 100%;
    text-align: center;
}
.first-page .content .version-title{
    font-size: 30px;
    color:#fff;
    font-weight: 600;
}
.first-page .content .version-subtitle{
    font-size: 18px;
    margin-top: 15px;
    color:#fff;
}

.join-part,.profit-part,.process-part,.prospect-part,.advantage-part{
    background:rgba(0,0,0,0);
    padding-bottom:30px;
    text-align: center;
}
.join-part .title,.profit-part .title,.process-part .title,.prospect-part .title,.advantage-part .title{
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    padding:50px
}
.join-part .img-content{
    width:100%;
    text-align: center;
}
.join-part .img-content .content{
    display: inline-block;
    position: relative;
    width: auto;
    text-align: center;
}
.join-part .img-content .content .title{
    position: absolute;
    top:90px;
    font-size:24px;
    color:#fff;
    width: 100%;
    padding:0;
}
.join-part .img-content .content .subtitle{
    position: absolute;
    top:140px;
    font-size:14px;
    color:#fff;
    width: 100%;
    padding:0;
}
/*.join-part .img-content .content{
    width:22%;
}*/
.join-part .img-content .content img{
    width:369px;
    height:auto;
}

.profit-part .content{
    border:1px solid #dedede;
    width: 1200px;
    text-align: left;
    margin: 10px auto;
    -moz-box-shadow: 1px 1px 2px #ccc;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
    overflow:hidden;
    color:#758290;
    font-size:16px;
    position: relative;
}

.process-part .content ul{
    padding:0;
    margin:0;
}
.process-part .content ul li{
    display: inline-block;
    margin:0 -3px;
}
.process-part .content .step img{
    height: auto;
    width: auto;
}
.process-part .content .step-note {
    font-size: 14px;
    color:#4d4d4d;
    background: #fafafa;
    padding:15px 10px;
    width:200px;
}
.prospect-part .content{
    width: 1200px;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
}
.prospect-part .content .note{
    display: inline-block;
    width:60%;
    text-align: left;
    font-size: 16px;
    color:#666;
    vertical-align: middle
}
.prospect-part .content .img{
    display: inline-block;
    width:39%
}
.advantage-part .content .support-item{
    display: inline-block;
    width:200px;
    height:auto;
    text-align: center;
    margin:0 20px;
}
.advantage-part .content .support-item .support-title{
    font-size: 18px;
    color:#333;
    font-weight: 500;
    padding-bottom: 15px;
}
.advantage-part .content .support-item .support-note{
    font-size: 14px;
    color:#7d8996;
    line-height: 1.5;
}