body {
    font-size: 62.5%;
    width: 100%;
}

html {
    width: 100%;
}

input,
textarea {
    outline: none;
    padding: .5em;
}

.header {
    z-index: 9999;
}

.float_qq {
    z-index: 9999;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%
}

.w33 {
    width: 33.33333%;
}

.w100 {
    width: 100%;
}

.w50 {
    width: 50%;
}

.fll {
    float: left;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.frr {
    float: right;
}

.center {
    width: 100%;
}

.fullpage-webdev {
    position: relative;
}

.fullpage-webdev-three {
    overflow: hidden;
}

.fullpage-webdev-four {
    overflow: hidden;
}

.fullpage-webdev-one {
    background-image: url(../image/serve.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    max-height: auto;
    min-height: auto;
}

.fullpage-webdev-one::after {
    content: "";
    display: block;
    /*这里的padding =  height / width*/
    padding: 30%;
}

.fullpage-webdev-three::after {
    content: "";
    display: block;
    /*这里的padding =  height / width*/
    padding: 20%;
}

.fullpage-webdev-one-title {
    text-align: center;
    color: white;
    font-weight: bold;
    position: absolute;
    top: 40%;
    width: 100%;
}

.fullpage-webdev-one-title h2 {
    font-size: 5rem;
}

.fullpage-webdev-one-title small {
    font-size: 2.5rem;
}

.none {
    display: none;
}

.fullpage-webdev-two-title {
    color: #2a2c31;
    position: relative;
}

.fullpage-webdev-two-title h2 {
    font-size: 3rem;
}

.fullpage-webdev-two-title small {
    font-size: .95rem;
    /* font-weight: lighter; */
}

.fullpage-webdev-two {
    height: 800px;
}

.fullpage-webdev-two-content {
    display: block;
    width: 100%;
    max-width: 100%;
    bottom: 0;
    height: 800px;
}

.fullpage-webdev-two-content-div {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 50%;
    max-height: 50%;
    transition: all .7s ease-in-out;
    /* left: 2000px */
}

.fwtcd1 {
    transition-delay: 0.3s;
}

.fwtcd2 {
    transition-delay: 0.5s;
}

.fwtcd3 {
    transition-delay: 0.7s;
}

.fwtcd4 {
    transition-delay: 0.9s;
}

.fwtcd5 {
    transition-delay: 1.1s;
}

.fwtcd6 {
    transition-delay: 1.3s;
}

.active .fullpage-webdev-two-content-div {
    left: 0;
}

.fullpage-webdev-two-content-img::before {
    background: rgba(0, 0, 0, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 51;
}

.fullpage-webdev-two {
    height: auto;
}

.fullpage-webdev-two-content-img {
    position: relative;
    z-index: 50;
    width: 100%;
    -webkit-transition: all 0.7s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transition: all 0.7s ease-in-out;
    -ms-transform: scale(1);
    -moz-transition: all 0.7s ease-in-out;
    -moz-transform: scale(1);
    transition: all 0.7s ease-in-out;
    transform: scale(1);
    max-height: 100%;
    height: 100%;
    overflow: hidden;
}

.fullpage-webdev-two-content-title {
    position: absolute;
    z-index: 53;
    top: 20px;
    margin-left: 20px;
    font-size: 20px;
    color: white;
    transition: all ease-in-out 0.3s;
    border-left: 4px #00d19a solid;
    padding-left: 10px;
}

.fullpage-webdev-two-content-text {
    position: absolute;
    z-index: 53;
    padding: 0 20px;
    text-align: left;
    top: 600px;
    color: white;
    transition: all ease-in-out 0.4s;
    font-size: 14px;
}

.fullpage-webdev-two-content-a {
    z-index: 52;
    position: absolute;
    top: 600px;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    transition: all ease-in-out 0.4s;
}

.fullpage-webdev-two-content-title h3 {
    margin: 0;
}

.fullpage-webdev-two-content-img img {
    width: 100%;
}

.fullpage-webdev-two-content-button {
    margin-top: 10px;
}

.fullpage-webdev-two-content-button a {
    background: white;
    font-size: 14px;
    text-transform: uppercase;
    color: black;
    font-weight: lighter;
    padding: 5px 20px;
    display: inline;
    margin-top: 15px;
    transition: all 0.3s ease-in-out;
    border: 1px #fff solid;
}

.transform-fadeInSmall {
    /* opacity: 0; */
    /* -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5); */
    transition: all 1s;
}

.active .transform-fadeInSmall {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}

.transform-fadeIn {
    /* opacity: 0; */
    transition: all 1s;
}

.active .transform-fadeIn {
    opacity: 1;
    transition-delay: 0.6s;
}

.fullpage-webdev-three-title {
    width: 100%;
    text-align: center;
}

.phoneBottom {
    position: absolute;
    bottom: 0;
    height: 60%;
    width: 1104px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 99;
}

.phonePublic {
    background-image: url(../image/wechatthree.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 368px;
    height: 732px;
    transition: all 1s ease-in-out;
    float: left;
}

.phoneTwo {
    background-image: url(../image/wechattwo.png);
    transition-delay: 0.3s;
}

.phoneThree {
    background-image: url(../image/wechatone.png);
    transition-delay: 0.6s;
}

.active .phonePublic {
    transform: translate(0, 0);
}

.fullpage-webdev-three {
    background: url(../image/social-presence-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.fullpage-webdev-three-title {
    color: white;
}

.fullpage-webdev-three::before {
    background: #00d19a;
    opacity: 0.6;
    background-size: cover;
    position: absolute;
    top: 0px;
    height: 100%;
    content: "";
    left: 0px;
    width: 100%;
}

.wechatIco {
    color: white;
    text-align: center;
    z-index: 98;
    position: relative;
    width: auto;
    float: left;
    margin-right: 67.2px;
    transition: all 1s ease-in-out;
}

.active .wechatIco {
    left: 0;
}

.wechatIco2 {
    transition-delay: 0.3s;
}

.wechatIco3 {
    transition-delay: 0.6s;
}

.wechatIco4 {
    transition-delay: 0.9s;
}

.wechatIco5 {
    transition-delay: 1.2s;
}

.wechatIco6 {
    margin-right: 0;
    transition-delay: 1.5s;
}

.wechatIcoDt {
    width: 8rem;
    height: 8rem;
    line-height: 8rem;
    border-radius: 10rem;
    background: RGBA(240, 240, 240, 0.4);
    font-size: 3rem;
    cursor: pointer;
}

.wechatIcoDt i {
    transition: all 1s;
}

.wechatIcoDt:hover i {
    transform: rotate3d(0, -1, 0, 360deg);
}

.wechatIco dd {
    width: 8rem;
    font-size: 1rem;
}

.wechatMiddle {
    width: 1104px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    height: auto;
}

.fullpage-webdev-four-title {
    color: #2a2c31;
}

.fullpage-webdev-four-content {
    margin: 30px auto;
    margin-bottom: 40px;
    position: relative;
    min-height: 400px;
    overflow: hidden;
    height: auto;
}

.fwfd {
    min-height: 40vh;
    height: auto;
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
}

.fwfdContent {
    width: 100%;
    background: #eee;
    border: 1px solid #eee;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 3px 0px #eee;
    margin-top: 10px;
    cursor: pointer;
}

.fwfdContent:hover {
    border: 1px solid #00d19a;
    box-shadow: 0 0 3px 0px #00d19a;
    transform: translate(0, -5px)
}

.fwfdCTitle h3 {
    font-weight: bold;
    font-size: 24px;
}

.fwfdCTitle .redd {
    font-weight: bold;
}

.fwfdContent:hover .fwfdCButton {
    color: white;
}

.fwfd {
    position: relative;
    /* left: 2000px; */
    transition: all 1s ease-in-out;
}

.redd {
    color: #fe3131;
}

.active .fwfd {
    left: 0;
}

.active .fwfd1 {
    transition-delay: 0.3s;
}

.active .fwfd2 {
    transition-delay: 0.6s;
}

.active .fwfd3 {
    transition-delay: 0.9s;
}

.active .fwfd4 {
    transition-delay: 1.2s;
}

.fwfdCTitle {
    margin: 25px 10px 10px 10px;
    font-size: 1.3rem;
    text-align: center;
}

.fwfdCContent {
    width: 100%;
    padding: 0 10px 10px 10px;
    box-sizing: border-box;
    height: 190px;
}

.fwfdCContent {
    font-size: 14px;
}

.fwfdCButton {
    width: auto;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    display: block;
    padding: 5px 0;
    transition: all 0.3s ease-in-out;
    border: 1px #e6e6e6 solid;
    box-sizing: border-box;
    text-align: center;
    margin: 0 10px 10px 10px;
    background: #00d19a;
}

.fwfdCButton:hover {
    color: white;
}

.fwb {
    font-weight: bold;
}

.fullpage-webdev-four-bootom {
    width: 1200px;
    margin: 0 auto;
    height: 74px;
    line-height: 74px;
    /* -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5); */
    transition: all 1s;
}

.active .fullpage-webdev-four-bootom {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}

.fwfbIntro {
    float: left;
    width: 74px;
    text-align: center;
    font-size: .8rem;
}

.fwfbIntro span {
    display: inline-block;
}

.fullpage-webdev-four-bootom i {
    color: #dadbdd;
    font-size: 74px;
    margin: 0 24px;
    float: left;
}

.menu {
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 999;
}

a.menuA {
    border-radius: 50px;
    background: black;
    height: 60px;
    width: 60px;
    color: white;
    display: block;
    text-align: center;
    line-height: 60px;
    font-size: 28px;
    opacity: 0.5;
}

a.menuA:hover {
    color: white;
}

/* wechat */

.wechatBanner {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.container {
    width: 100%;
}

.wechatIntro {
    text-align: center;
    height: 480px;
    background: url(../image/icon_74.png) no-repeat;
    background-attachment: fixed;
}

.wechatIntro h3 {
    padding: 50px 0;
    font-size: 16px;
    color: #3f4752;
    line-height: 30px;
}

/* 
.wechatIntroContent {
    padding: 35px 0;
} */

.wechatIntroDiv {
    float: left;
}

.wechatIntroDiv img {
    padding: 35px 0;
}

.wechatIntroDiv span {
    display: inline-block;
    font-size: 14px;
    color: #60646a;
}

.wechatDevelop {
    background: #f1faff;
    padding: 30px 0;
    border-top: 2px solid #b3d7ec;
    border-bottom: 2px solid #b3d7ec;
}

.wechatDev h2 {
    height: 76px;
    font-size: 36px;
    font-weight: bold;
    color: #60646a;
    text-align: center;
    line-height: 76px;
    margin: 0;
}

.wechatDev small {
    display: inline-block;
    font-size: 14px;
    color: #60646a;
}

.wechatDevTit {
    text-align: center;
    width: 100%;
    margin: 60px 0;
}

.wechatDevCase {
    background: #f8f8f8;
    overflow: hidden;
}

.wechatDevPlanContent {
    width: 915px;
    margin: 0 auto;
}

.wechatDevPlanDiv {
    float: left;
    width: 143px;
    height: 173px;
    margin: 0 20px 35px 20px;
    border-radius: 20px;
    background: #f5f5f5;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.wechatDevPlanDiv:hover {
    background: #3bb6eb;
    box-shadow: 0px 10px 40px 0px #93d7f4;
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
}

.wechatDevPlanDiv:hover.wechatDevPlanDiv p {
    color: white;
}

.wechatDevPlanDiv a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wechatDevPlanDiv h4 {
    width: 100%;
    height: 64px;
    padding: 40px 0 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.wechatDevPlanDiv p {
    font-size: 14px;
    color: #60646a;
    text-align: center;
}

.wechatDevPlan1 h4 {
    background-image: url(../image/ins_1.png);
}

.wechatDevPlanDiv:hover.wechatDevPlan1 h4 {
    background-image: url(../image/ins_2.png);
}

.wechatDevPlan2 h4 {
    background-image: url(../image/ins_3.png);
}

.wechatDevPlanDiv:hover.wechatDevPlan2 h4 {
    background-image: url(../image/ins_4.png);
}

.wechatDevPlan3 h4 {
    background-image: url(../image/ins_5.png);
}

.wechatDevPlanDiv:hover.wechatDevPlan3 h4 {
    background-image: url(../image/ins_6.png);
}

.wechatDevPlan4 h4 {
    background-image: url(../image/ins_7.png);
}

.wechatDevPlanDiv:hover.wechatDevPlan4 h4 {
    background-image: url(../image/ins_8.png);
}

.wechatDevPlan5 h4 {
    background-image: url(../image/ins_9.png);
}

.wechatDevPlanDiv:hover.wechatDevPlan5 h4 {
    background-image: url(../image/ins_10.png);
}

.wechatDevPlan6 h4 {
    background-image: url(../image/ins_11.png);
}

.wechatDevPlanDiv:hover.wechatDevPlan6 h4 {
    background-image: url(../image/ins_12.png);
}

.wechatDevPlan7 h4 {
    background-image: url(../image/ins_13.png);
}

.wechatDevPlanDiv:hover.wechatDevPlan7 h4 {
    background-image: url(../image/ins_14.png);
}

.wechatDevPlan8 h4 {
    background-image: url(../image/ins_15.png);
}

.wechatDevPlanDiv:hover.wechatDevPlan8 h4 {
    background-image: url(../image/ins_16.png);
}

.wechatDevPlan9 h4 {
    background-image: url(../image/ins_17.png);
}

.wechatDevPlanDiv:hover.wechatDevPlan9 h4 {
    background-image: url(../image/ins_18.png);
}

.wechatDevPlan10 h4 {
    background-image: url(../image/ins_19.png);
}

.wechatDevPlanDiv:hover.wechatDevPlan10 h4 {
    background-image: url(../image/ins_20.png);
}

.wechatDevCaseContent {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 50px;
}

.wechatDevCaseDiv {
    float: left;
    margin-right: 47px;
}

.wechatDevCaseDiv:last-of-type {
    margin-right: 0;
}

.wechatDevCaseDiv a {
    height: 250px;
    width: 250px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.wechatDevCaseDiv a img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.wechatDevCaseIntro {
    width: 100%;
    display: inline-block;
    background: white;
    position: absolute;
    bottom: -50px;
    padding: 10px 0;
    color: #858585;
}

.wechatDevCaseDivHover .wechatDevCaseIntro {
    bottom: 0;
}

.wechatDevCaseDivHover img {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.wechatDevelop {
    overflow: hidden;
}

.wechatDevelopLeft {
    float: left;
    width: 400px;
}

.wechatDevelopLeft i {
    display: block;
    width: 100%;
    height: 90px;
    padding: 20px 0 25px;
}

.wechatDevelopLeft span {
    padding-left: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #60646a;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.wechatDevelopLeft li {
    float: left;
    width: 145px;
    height: 176px;
    margin: 0 20px 20px 0;
    border: 3px solid #bcdcee;
    border-radius: 25px;
    background: #fff;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.wechatDevelopLeft .d1 i {
    background: url(../image/icon_75.png) no-repeat center;
}

.wechatDevelopLeft .d2 i {
    background: url(../image/icon_76.png) no-repeat center;
}

.wechatDevelopLeft .d3 i {
    background: url(../image/icon_77.png) no-repeat center;
}

.wechatDevelopLeft .d4 i {
    background: url(../image/icon_78.png) no-repeat center;
}

.wechatDevelopLeft li.on {
    border: 3px solid #3bb6eb;
    background: #3bb6eb;
    box-shadow: 0px 10px 40px 0px #93d7f4;
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
}

.wechatDevelopLeft li.d1.on i {
    background: url("../image/icon_100.png") no-repeat center;
}

.wechatDevelopLeft li.d2.on i {
    background: url("../image/icon_101.png") no-repeat center;
}

.wechatDevelopLeft li.d3.on i {
    background: url("../image/icon_102.png") no-repeat center;
}

.wechatDevelopLeft li.d4.on i {
    background: url("../image/icon_103.png") no-repeat center;
}

.wechatDevelopMid .c2 {
    float: left;
    width: 450px;
    display: none;
}

.wechatDevelopMid h5 {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: bold;
    color: #60646a;
    line-height: 58px;
}

.wechatDevelopMid p {
    font-size: 14px;
    color: #858585;
    line-height: 60px;
}

.wechatDevelopMid span {
    display: inline-block;
    width: 70px;
    color: #60646a;
}

.wechatDevelopMid div.c2.on {
    display: block;
}

.wechatDevelopRight {
    display: block;
    width: 205px;
    height: 418px;
    float: left;
}

.wechatDevelopRight img.a1 {
    max-width: 100%;
    display: none;
}

.wechatDevelopRight img.on {
    display: block;
}

/* miniprogram */

.miniProgramBanner {
    background: #d4d4d2;
    width: 100%;
    padding-top: 55px;
}

.miniProgramTwo {
    background: white;
}

.miniProgramTit {
    text-align: center;
}

.miniProgramTit h3 {
    color: #333;
    font-size: 28px;
    margin: 0;
    padding: 0;
}

.miniProgramTwo {
    padding: 30px 0;
}

.miniProgramTit small {
    font-size: 18px;
    color: #999;
    line-height: 40px;
}

.miniProgramTwoImg {
    text-align: center;
    padding: 20px 0;
}

.miniProgramThree {
    padding: 50px 0;
    background-color: #fafafa;
    overflow: hidden;
}

.miniProgramThree .miniProgramTit h3 {
    color: #1d6ba5;
    font-weight: bold;
}

.miniProgramThreeContainer {
    margin-top: 70px;
}

.miniProgramThreeContent {
    width: 33.33%;
    text-align: center;
    vertical-align: top;
    float: left;
}

.miniProgramThreeContent h4 {
    font-size: 22px;
    color: #333;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.miniProgramThreeContent span {
    font-size: 14px;
    color: #666;
}

.miniProgramThreeBottom {
    font-size: 20px;
    color: #666;
    text-align: center;
    margin: 50px 0 0 0;
}

.miniProgramFour {
    padding: 50px 0;
    overflow: hidden;
}

.miniProgramFourContainer {
    text-align: center;
    margin: 40px auto;
    width: 1200px;
}

.miniProgramFourContent {
    width: 305px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 30px 25px;
    border: solid 1px #d2d2d2;
    margin: 12px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.miniProgramFourContent:hover {
    border-color: #fff;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);
}

.miniProgramFourImg {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url(../image/icon-ad-list.png);
    background-repeat: no-repeat;
    margin: 10px 0 0 0;
}

.miniProgramFourName {
    font-size: 22px;
    color: #333;
    margin: 10px 0;
}

.miniProgramFourIntro {
    font-size: 14px;
    color: #666;
    text-align: left;
}

.miniProgramFourImg1 {
    background-position: -240px 0;
}

.miniProgramFourImg2 {
    background-position: 0 0;
}

.miniProgramFourImg3 {
    background-position: -80px 0;
}

.miniProgramFourImg4 {
    background-position: -320px 0;
}

.miniProgramFourImg5 {
    background-position: -400px 0;
}

.miniProgramFourImg6 {
    background-position: -160px 0;
}

.miniProgramFourContent:hover .miniProgramFourImg {
    background-position-y: -80px;
}

/* app */

.appDevBanner {
    background: url(../image/server-bg2_02.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 400px;
}

.appDevBannerTit {
    padding-top: 100px;
    animation-timing-function: linear;
    color: white;
}

.appDevBannerTit h3 {
    font-size: 44px;
    line-height: 108px;
}

.appDevBannerTit small {
    font-size: 20px;
    line-height: 40px;
}

.appDevTit {
    line-height: 150px;
    font-size: 24px;
    color: #333;
    padding: 0 0.8em;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.appDevTit::after {
    content: "";
    display: block;
    width: 2px;
    height: 24px;
    background: #1673b9;
    position: absolute;
    left: 0;
    top: 49%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.appDevTit h3 {
    display: inline-block;
}

.appDevTit span {
    margin-left: 1em;
    font-size: 16px;
    display: inline-block;
    color: #999;
}

.appDevOneContent {
    width: 100%;
    overflow: hidden;
}

.appDevOneContentC {
    float: left;
    height: 386px;
    width: 33.33%;
}

.appDevOneContentC {
    position: relative;
    cursor: pointer;
}

.appDevOne {
    overflow: hidden;
}

.appDevOneContentC img {
    position: absolute;
    z-index: 1;
    width: 100%;
}

.appDevOneContainer {
    overflow: hidden;
}

.appDevOneContentC::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index: 2;
}

.appDevOneContentC:hover.appDevOneContentC::before {
    background: rgba(53, 203, 253, 0.8);
}

.appDevOneContentC {
    position: relative;
}

.appDevOneContentTextImage {
    top: 0;
    z-index: 3;
    color: white;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 25%;
}

.appDevOneHide {
    position: absolute;
    top: 2000px;
    z-index: 99;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    transition: all .3s;
}

.appDevOneHide.hover {
    top: 100px;
}

.appDevOneHide p {
    color: white;
    font-size: 16px;
    height: 28px;
}

.appDevOneHide h4 {
    font-size: 20px;
    color: white;
    width: 100%;
    text-align: center;
    display: inline-block;
}

.appDevOneContentText {
    width: 100%;
    box-sizing: border-box;
    padding: 0 50px;
}

.appDevOneContentTextImage h4 {
    font-size: 20px;
    line-height: 2em;
    text-align: center;
}

.appDevOneContentTextImage small {
    text-align: center;
    line-height: 2em;
    margin-bottom: 1em;
    font-size: 14px;
}

.appDevOneContentImage {
    background: url(../image/icon.png) no-repeat;
    width: 60px;
    height: 60px;
    margin: 0 auto 38px;
}

.appDevOneContentImageOne {
    background-position: -275px -48px;
}

.appDevOneContentImageTwo {
    background-position: -275px -161px;
}

.appDevOneContentImageThree {
    background-position: -275px -261px;
}

.appDevOneContentImageFour {
    background-image: url(../image/yuanxin.png);
    background-size: 100% 100%;
    background-position: 0% 0%;
}

.appDevOneContentImageFive {
    background-image: url(../image/zuanshi.png);
    background-size: 100% 100%;
    background-position: 0% 0%;
}

.appDevOneContentImageSix {
    background-image: url(../image/wendang.png);
    background-size: 100% 100%;
    background-position: 0% 0%;
}

.appDevTwo {
    width: 100%;
    background-color: #fafafa;
}

a.appDevCaseMore {
    display: block;
    margin: 20px auto;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #333;
    font-size: 16px;
    color: #333;
}

.appDevCase .swiper-slide {
    transition: all .3s;
}

.appDevCase .swiper-slide:hover {
    transform: translate(0, -5px)
}

a.appDevCaseMore:hover {
    background: #0076DB;
    color: white;
    border: 1px solid white;
}

.appDev {
    width: 100%;
}

.appDevThree {
    width: 100%;
    margin: 20px 0;
}

.appDevCase {
    max-width: 100%;
    width: 100%;
}

/* ssl */

.sslBanner {
    height: 515px;
}

.sslBanner img {
    margin-top: 80px;
    float: right;
    width: 718px;
    height: 435px;
}

.sslBannerTit {
    width: 482px;
    margin-top: 160px;
    float: left;
}

.sslBannerTit h3 {
    font-size: 42px;
    line-height: 50px;
    display: inline-block;
    letter-spacing: 2px;
}

.sslBannerTit p {
    margin-top: 20px;
    width: 508px;
    line-height: 24px;
    height: 140px;
    font-size: 14px;
}

a.sslBannerMore {
    border: 1px solid #387ee8;
    background-color: #387ee8;
    display: inline-block;
    padding: 0.5em 2.2em;
    border-radius: 1px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    color: white;
}

a.sslBannerMore:hover {
    background-color: #508de8;
    border: 1px solid #508de8;
}

.sslTit {
    line-height: 150px;
    font-size: 24px;
    color: #333;
    padding: 0 0.8em;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.sslTit::after {
    content: "";
    display: block;
    width: 2px;
    height: 24px;
    background: #1673b9;
    position: absolute;
    left: 0;
    top: 49%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sslOneContent {
    overflow: hidden;
    text-align: center;
}

.sslOneContent h2 {
    font-size: 24px;
    padding: 10px 0
}

.sslOneContent h3 {
    font-size: 16px;
    padding: 5px 0
}

.sslTwoContent ul {
    width: 100%;
}

.sslTwoContent li {
    width: 240px;
    text-align: center;
    margin-left: 80px;
    float: left;
}

.sslTwoContent li:first-child {
    margin-left: 0;
}

.sslTwoContent li h4 {
    font-size: 18px;
    font-weight: bolder;
    color: #222;
    margin-top: 23px;
    letter-spacing: 1px;
}

.sslTwoContent li p {
    text-align: left;
    margin-top: 12px;
    font-weight: 100;
    line-height: 24px;
    color: gray;
    font-size: 14px;
}

.sslThreeContent {
    text-align: center;
}

.sslBannerMore {
    text-align: center;
}

.sslFourContent ul {
    width: 100%;
    text-align: center;
}

.sslFourContent li {
    width: 240px;
    text-align: center;
    display: inline-block;
    margin: 0 50px;
    vertical-align: top;
}

.sslFourContent li:first-child {
    margin-left: 0;
}

.sslFourContent h4 {
    font-size: 18px;
    font-weight: bolder;
    color: #222;
    margin-top: 23px;
    letter-spacing: 1px;
}

.sslFourContent p {
    text-align: left;
    margin-top: 12px;
    font-weight: 100;
    line-height: 24px;
    color: gray;
    font-size: 14px;
}

.sslFourContent img {
    height: 80px;
    width: 80px;
}

.sslFiveContent h3 {
    font-size: 18px;
    color: #222;
    font-weight: 700;
    padding: 15px 0;
}

.sslFiveContent p {
    font-size: 14px;
    padding: 15px 0;
    opacity: 0;
    height: 0;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 1s ease-in-out;
}

.sslFiveContent {
    cursor: pointer;
}

.sslFiveContent:hover p {
    opacity: 1;
    max-height: 500px;
    height: auto;
}

.sslFiveContent:hover h3 {
    color: #4477d0;
}

.sslSix {
    width: 100%;
    height: 100%;
    margin-top: 20px;
    font-size: 0;
    background-color: #387ee8;
    text-align: center;
    padding: 50px 0;
}

.sslSix h3 {
    font-size: 26px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

.service-show {
    margin-top: 0;
}

.sslMore {
    z-index: 2;
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 0 42px;
    height: 36px;
    line-height: 34px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sslMore:hover {
    background-color: white;
    color: #387ee8;
}

/* 商标 */

.trademarkBanner {
    background: url("../image/banner_02.jpg") no-repeat;
    background-size: cover;
    height: 700px;
}

.trademarkBannerTitle {
    padding-top: 250px;
    text-align: center;
}

.trademarkBannerTitle h2 {
    font-size: 28px;
    color: white;
    text-shadow:
}

.trademarkBannerMid {
    background: rgba(0, 0, 0, 0.2);
    padding-top: 22px;
    padding-left: 27px;
    padding-right: 27px;
    padding-bottom: 20px;
    text-align: center;
    overflow: hidden;
    width: 800px;
    margin: 0 auto;
}

.trademarkBannerMid h3 {
    color: #df1344;
    font-size: 24px;
    text-align: center;
}

.trademarkBannerMid form {
    border: 1px solid #999;
    overflow: hidden;
    width: 700px;
    margin: 0 auto;
}

.trademarkBannerMid input {
    color: #999;
    font-size: 14px;
    background-color: #FFF;
    height: 58px;
    line-height: 58px;
    width: 520px;
    padding-left: 10px;
    float: left;
    box-sizing: border-box
}

.trademarkBannerMid form button {
    background-color: #df1344;
    font-size: 16px;
    float: left;
    width: 180px;
    height: 58px;
    border: 0;
    color: #FFF;
    line-height: 58px;
    cursor: pointer;
    outline: none;
    border-color: transparent;
    box-shadow: none;
}

.trademarkBannerMid form button:hover {
    opacity: 0.8;
}

.trademarkTit {
    text-align: center;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
}

.trademarkTit h2 {
    line-height: 130px;
    font-size: 36px;
    font-weight: normal;
    display: inline-block;
    position: relative;
}

.trademarkTit h2::before {
    content: "";
    position: absolute;
    height: 2px;
    background: #df1344;
    width: 100%;
    z-index: 2;
    bottom: 0;
}

.trademarkOneTop {
    width: 1200px;
    height: 160px;
    display: block;
    padding-top: 10px;
    border-bottom: 5px solid #ff2536;
}

.trademarkOneTopLiPubilc {
    text-align: center;
    display: inline-block;
    list-style: none;
    height: 160px;
    width: 125px;
    margin-left: 54px;
    float: left;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.trademarkOneTop li:first-of-type {
    margin-left: 0;
}

.trademarkOneTopLiPubilc span {
    display: block;
    font-size: 14px;
}

.trademarkOneTopLiPubilc img {
    width: 35px;
    height: 35px;
}

.trademarkOneTopLiImg {
    width: 65px;
    height: 65px;
    border: 1px solid #cdcdcd;
    border-radius: 65px;
    line-height: 65px;
    text-align: center;
    margin: 20px auto;
    background: white;
}

li.trademarkOneTopLiPubilc.hover {
    background: #ff2536;
    color: white;
}

.trademarkOneBottomLiPubilc {
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

li.trademarkOneBottomLiPubilc.hover {
    display: block;
}

.trademarkOneBottom {
    height: 500px;
    overflow: hidden;
    padding: 20px 0;
}

.trademarkOneBottomLiPubilcLeft {
    float: left;
    height: 500px;
    border-right: 1px solid #ccc;
    width: 50%;
    box-sizing: border-box;
    padding: 0 20px;
}

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

.trademarkOneBottomTit {
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: normal;
    text-align: left;
}

.toblplTop,
.toblrRTop,
.toblprBottom,
.toblplBottom {
    width: 100%;
    height: 50%;
}

.trademarkOneTopLeftIntro ul {
    width: 100%;
}

.trademarkOneTopLeftIntro li {
    width: 184px;
    background: #000;
    background: #f3f3f3;
    margin-left: 3px;
    float: left;
    height: 170px;
    box-sizing: border-box;
    text-align: center;
}

.trademarkOneTopLeftIntro li:first-of-type {
    margin-left: 0;
}

.trademarkOneTopLeftIntro p {
    font-size: 13px;
    text-align: left;
    padding: 20px;
    height: 70px;
}

.trademarkOneTopLeftIntro a {
    font-size: 14px;
    border: 1px solid #ff2536;
    color: #ff2536;
    width: 88px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
}

.trademarkOneTopLeftIntro a:hover {
    opacity: 0.7;
}

.trademarkOneTopLeftA {
    text-align: center;
}

.trademarkOneTopLeftA a {
    display: inline-block;
    width: 135px;
    height: 41px;
    line-height: 41px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-right: 40px;
}

.trademarkOneTopLeftA a:hover {
    opacity: 0.8;
}

.trademarkOneTopRightIntro li {
    width: 49.4%;
    text-align: left;
}

.trademarkOneTopRightIntro h4 {
    position: relative;
    font-size: 14px;
    padding-left: 30px;
    font-weight: bold;
    line-height: 25px;
    margin-top: 10px;
}

.trademarkOneTopRightIntro h4::before {
    font-family: Font Awesome\ 5 Free;
    color: black;
    font-size: 16px;
    position: absolute;
    left: 10px;
}

.trademarkOneTopRightIntro h4.building::before {
    content: "\f1ad";
}

.trademarkOneTopRightIntro h4.user::before {
    content: "\f007";
}

.trademarkOneTopRightIntro p {
    font-size: 13px;
    color: #666;
    padding: 0 0 0 30px;
    line-height: 30px;
    height: 30px;
    position: relative;
}

.trademarkOneTopRightIntro p::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #ff2536;
    position: absolute;
    left: 15px;
    top: 13px;
}

.trademarkOneRightBottom p {
    border-bottom: 1px solid #ccc;
    background-color: #f3f3f3;
    height: 28px;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 28px;
    padding-left: 16px;
    padding-right: 8px;
    margin-bottom: 1px;
    font-size: 14px;
}

.trademarkOneRightBottom p a {
    float: right;
    margin-right: 10px;
    border: 1px solid #ff2536;
    color: #ff2536;
    width: 88px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.trademarkOneRightBottom p a:hover {
    opacity: 0.7;
}

.trademarkOneBottomLi3Tit {
    padding: 0 20px;
    font-size: 14px;
}

.trademarkOneBottomLi3Tit h3 {
    font-weight: bold;
}

.trademarkOneBottomLi3Img {
    text-align: center;
}

.trademarkOneBottomLi3Img img {
    height: 392px;
    width: 740px;
}

.trademarkTwoLeft,
.trademarkTwoRight {
    min-height: 530px;
    height: auto;
    width: 50%;
    box-sizing: border-box;
}

.trademarkTwoLeft {
    float: left;
}

.trademarkTwoRight {
    float: right;
    border-left: 1px solid #ccc;
}

.trademarkTwoLeftTop {
    text-align: center;
    background: url(../image/reason.gif) no-repeat center;
    width: 447px;
    height: 420px;
    position: relative;
}

.trademarkTwoLeftTopTit {
    position: absolute;
}

.trademarkTwoLeftTopTit p {
    font-size: 16px;
    font-weight: bold;
    line-height: 14px;
}

.trademarkTwoLeftTopTit span {
    font-family: arial;
    font-weight: normal;
    color: #999;
    font-size: 12px;
}

.one.trademarkTwoLeftTopTit {
    top: 50px;
    left: 187px;
}

.two.trademarkTwoLeftTopTit {
    top: 205px;
    left: 350px;
}

.three.trademarkTwoLeftTopTit {
    top: 360px;
    left: 172px;
}

.four.trademarkTwoLeftTopTit {
    top: 205px;
}

.trademarkTwoRightContent {
    width: 100%;
    display: inline-block;
    cursor: pointer;
    margin: 20px;
}

.trademarkTwoRightContent:hover .trademarkTwoRightContentLeft {
    border: 3px solid #df1344;
}

.trademarkTwoRightContent:hover .trademarkTwoRightContentText,
.trademarkTwoRightContent:hover .trademarkTwoRightContentText small {
    color: #df1344;
}

.trademarkTwoRightContentLeft {
    width: 65px;
    height: 65px;
    border: 3px solid #cdcdcd;
    border-radius: 65px;
    line-height: 65px;
    text-align: center;
    background: white;
    float: left;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.trademarkTwoRightContentText {
    height: 65px;
    float: left;
    margin: 0 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: auto;
}

.trademarkTwoRightContentText h3 {
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: bold;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.trademarkTwoRightContentText small {
    font-size: 12px;
    color: #999;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.trademarkTwoRightContent img {
    width: 35px;
    height: 35px;
}

.trademarkThreeTit h3 {
    display: inline-block;
    font-size: 32px;
    color: #5f9e2d;
    padding: 15px 0 0 15px;
    font-weight: bold;
}

.trademarkThreeTit {
    margin: 10px 0;
}

.trademarkThreeTit span {
    font-size: 30px;
    font-weight: normal;
    font-family: Impact;
    text-transform: uppercase;
    color: #9a9a9a;
    padding-left: 5px;
}

.trademarkThreeText {
    margin: 10px 0;
}

.trademarkThreeText p {
    height: 32px;
    line-height: 32px;
    color: #666;
    font-size: 16px;
    background: url(../image/ys_ico01.gif) no-repeat;
    background-position: left center;
    text-indent: 1.5em;
}

.trademarkThreeText p span {
    font-weight: bold;
    color: #53b732;
}

.trademarkThreeContent {
    width: 50%;
    margin: 10px 0;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.trademarkThreeContent:hover {
    transform: translate(0, -10px)
}

.trademarkThreeContent.one {
    float: left;
}

.trademarkThreeContent.two {
    float: right;
}

.trademarkThreeContent.three {
    float: left;
}

.trademarkThreeContent.four {
    float: right;
}

.trademarkOneTop8 {
    display: none;
    position: relative;
}

.trademarkOneTop8 a {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
}

/* 动画 */

.bottom20 {
    top: 40px;
}

.topTransform {
    transform: translate(0, -30%);
}

.topGo {
    top: 0;
}

.top50 {
    top: 50%;
}

.mg0 {
    margin-top: 0;
}

.mt80 {
    padding-top: 80px;
}

.aboutUSOne {
    background: url(../image/Hero-Banner-BG.jpg);
    background-size: cover;
    min-height: 50vh;
    background-position: center;
    color: white;
    padding: 6rem 0;
}

.aboutUSOne h2 {
    font-size: 30px;
    padding-bottom: 25px;
    font-weight: bold;
}

.aboutUSOne p {
    font-size: 18px;
    padding-bottom: 10px;
    line-height: 2.5;
}

.aboutUSOneText {
    width: 60%;
}

.aboutUSOneA {
    background-color: #0EC573;
    border-radius: .3rem;
    border-color: #28a745;
    color: white;
    font-weight: bold;
    transition: color .15s;
    border-radius: .3rem;
    display: inline-block;
    padding: 0 40px;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    float: right;
    margin-top: 30px;
}

.aboutUSOneA:hover {
    background-color: #13AA56;
    border-color: #1e7e34;
    color: white;
}

.aboutUSTwo {
    background-image: linear-gradient(-180deg, #E9F3F9 40%, #FFFFFF 100%);
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.aboutUSTwo h2 {
    font-size: 30px;
    color: #5E656A;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 25px;
}

.aboutUSTwo p {
    font-size: 18px;
    line-height: 2.5;
    color: #586065;
}

.aboutUSTwoContent {
    width: 100%;
    display: flex;
}

.aboutUSTwoContentMargin {
    width: 33.333333%;
    display: flex;
    padding: 1.5rem 15px 1.5rem 0;
}

.aboutUSTwoContentMargin .col-4 {
    border: 1px dashed #BFE2FA;
    border-radius: 5px;
    padding: 1.5rem 1rem .5rem 1rem;
    width: 100%;
    display: flex;
}

.aboutUSTwoContent .col-4 h3 {
    font-size: 36px;
    color: #5E656A;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 25px;
}

.aboutUSTwoContent .col-4 span {
    font-size: 20px;
    color: #5E656A;
    line-height: 1.2;
    padding-bottom: 0;
    font-weight: 500;
}

.aboutUSTwoContent .col-4 img {
    width: 40px;
    height: 40px;
}

.aboutUSThree {
    background: url(../image/Core-Services-BG.jpg) no-repeat;
    background-size: cover;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.aboutUSThree h2 {
    font-size: 30px;
    color: white;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 25px;
}

.aboutUSThree p {
    font-size: 18px;
    line-height: 2.5;
    color: white;
}

.aboutUSThreeContentMargin .col-3 {
    -webkit-transition: all .7s;
    transition: all .7s;
    background: #FFFFFF;
    border-radius: 3px;
    border: 0;
    -webkit-box-shadow: 0 10px 25px 0 rgba(128, 128, 128, 0.2);
    box-shadow: 0 10px 25px 0 rgba(128, 128, 128, 0.2);
    padding: 1.5rem;
    cursor: pointer;
}

.aboutUSThreeContent {
    display: flex;
}

.aboutUSThreeContentMargin {
    padding: 1.5rem 15px 1.5rem 0;
    flex: 0 0 25%;
    max-width: 25%;
}

@font-face {
    font-family: "iconfont";
    src: url('');
    /* IE9*/
    src: url('') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url('') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-wangyexian:before {
    content: "\e764";
}

.icon-idc:before {
    content: "\e76b";
}

.icon-xiaochengxu:before {
    content: "\e507";
}

.icon-kaifa:before {
    content: "\e672";
}

.aboutUSThreeContent i {
    font-size: 50px;
    color: #5e656a;
}

.aboutUSThreeContentMargin h5 {
    font-size: 20px;
    margin-bottom: .75rem;
    font-weight: bold;
}

.aboutUSThreeContentMargin p {
    font-size: 14px;
    color: #9A9A9A;
    line-height: 1.5;
}

.aboutUSThreeContentMargin p:nth-of-type(1) {
    color: #55595c;
    padding-bottom: .5rem;
}

.aboutUSThreeContentMargin .col-3:hover {
    transform: translate(0, -12px);
}

.colorGreen:hover {
    box-shadow: 0 8px 30px 0 rgba(14, 197, 115, 0.3);
}

.colorGreen:hover i {
    color: #0ec573;
}

.colorRed:hover {
    box-shadow: 0 8px 30px 0 rgba(246, 101, 77, 0.3);
}

.colorRed:hover i {
    color: #f6654d;
}

.colorYellow:hover {
    box-shadow: 0 8px 30px 0 rgba(255, 177, 0, 0.3)
}

.colorYellow:hover i {
    color: #ffb100;
}

.colorPurple:hover {
    box-shadow: 0 8px 30px 0 rgba(145, 77, 246, 0.3);
}

.colorPurple:hover i {
    color: #914df6;
}

.aboutUSThreeMore {
    font-size: 12px;
    border: 1px solid #0E99FF;
    color: #0E99FF;
    padding: .25rem .5rem;
    line-height: 1.5;
    border-radius: .2rem;
    float: right;
}

.aboutUSThreeMore:hover {
    background: #0E99FF;
    color: white;
}

.moreContainer {
    padding-top: .75rem;
    overflow: hidden;
}

.titContainer {
    height: 250px;
}

.aboutUSFour {
    background: white;
}

.aboutUSFourContent {
    width: 100%;
    text-align: center;
}

.aboutUSFourContent .col-4 {
    width: 240px;
    text-align: center;
    margin: 0 2.5rem;
    display: inline-block;
    height: 210px;
    vertical-align: top;
}

.aboutUSFourContent img {
    width: 80px;
    vertical-align: top;
}

.aboutUSFourContent .col-4 h3 {
    font-size: 18px;
    font-weight: bolder;
    color: #222;
    margin-top: 23px;
    letter-spacing: 1px;
}

.aboutUSFourContent .col-4 p {
    text-align: left;
    margin-top: 12px;
    font-weight: 100;
    line-height: 24px;
    color: gray;
    font-size: 14px;
}