
@font-face {
    font-family: 'langdon';
    src: url("font/langdon/font.woff2")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/css/font/langdon/font.woff2*/ format('woff2'),
         url("font/langdon/font.woff")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/css/font/langdon/font.woff*/ format('woff'),
         url("font/langdon/font.OTF")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/css/font/langdon/font.OTF*/ format("opentype");
    font-weight: normal;
    font-style: normal;

}

.index_platform_model{width: 92%; max-width: 1200px; margin: 100px auto 0px;}
.index_platform_model .main_title{font-size: 42px; line-height: 42px; color: #111; text-align: center;}
.index_platform_model .platform_list{margin-top: 80px; font-size: 0px; text-align: center;}
.index_platform_model .platform_list .platform_item{display: inline-block; width: 30.83333%; border:1px solid #e5e5e5; box-sizing:border-box; margin-right: 3.75%; border-radius: 8px; padding: 20px 22px 30px; margin-bottom: 40px; position: relative; top: 0px; text-align: left; vertical-align: top;}
.index_platform_model .platform_list .platform_item a{text-decoration: none;}
.index_platform_model .platform_list .platform_item:nth-child(3n){margin-right: 0px;}
.index_platform_model .platform_list .platform_item .pic{width:100%; padding-top: 75%; height: 0px; position: relative;}
.index_platform_model .platform_list .platform_item .pic img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}
.index_platform_model .platform_list .platform_item .info_box{margin-top: 25px; height:210px; overflow: hidden; }
.index_platform_model .platform_list .platform_item .info_box .title{font-size: 28px; line-height: 28px; color: #3a3a3a;}
.index_platform_model .platform_list .platform_item .info_box .func{margin-top: 15px;}
.index_platform_model .platform_list .platform_item .info_box .func li{font-size: 16px; line-height: 30px; color: #000; padding-left: 12px; position: relative;}
.index_platform_model .platform_list .platform_item .info_box .func li:before{content: ''; position: absolute; left: 0px; top:15px; width: 4px; height: 4px; background-color: #000;}
.index_platform_model .platform_list .platform_item .info_box .desc{margin-top: 20px; font-size: 16px; color: #646464; line-height: 30px; max-height: 90px; overflow: hidden;}
.index_platform_model .platform_list .platform_item .link{font-size: 20px; color: #0bba91; text-decoration: none; font-weight: bold;}
.index_platform_model .platform_list .platform_item:hover{top: -9px; border-color: #b7e6d8; box-shadow:7px 7px 9px rgba(52,187,157,0.1); }

.index_promote_mode{width: 92%; max-width: 1200px; margin: 125px auto 0px;}
.index_promote_mode .main_title{font-size: 42px; line-height: 42px; text-align: center; color: #111111;}
.index_promote_mode .promote_list{margin-top: 95px; font-size: 0px; text-align: center;}
.index_promote_mode .promote_list .promote_item{display: inline-block; vertical-align: top; width: 17.91667%; margin-right: 2.5833%; position: relative;}
.index_promote_mode .promote_list .promote_item .step{display:block; width: 123px; height: 123px; border:1px solid #0cba91; box-sizing:border-box; text-align: center; line-height: 123px; color: #0cba91; font-size: 97px; border-radius:62px;margin:  auto;font-family: 'langdon' !important; position: relative; background-color: #fff;}
.index_promote_mode .promote_list .promote_item .title{font-size: 28px; color: #3a3a3a; line-height: 28px; margin-top: 25px;}
.index_promote_mode .promote_list .promote_item .desc{font-size: 16px; line-height: 30px; color: #646464; margin-top: 7px;}
.index_promote_mode .promote_list .promote_item:last-child{margin-right: 0px;}
.index_promote_mode .promote_list .promote_item:nth-child(2n){margin-top: 90px;}

.index_promote_mode .promote_list .promote_item:nth-child(1) .step:before{content: ''; width: 12px; height: 12px; background:url("../images/index_promote_point.png")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/images/index_promote_point.png*/ no-repeat center center; background-size: cover; position: absolute; right: 4px; bottom: 20px;}
.index_promote_mode .promote_list .promote_item:nth-child(1) .step:after{content: ''; width:145px; height: 0px; border-top: 1px solid #16bd96; position: absolute; transform:rotate(14deg); top: 110px; right: -127px; z-index: -1;}

.index_promote_mode .promote_list .promote_item:nth-child(2) .step:before{content: ''; width: 12px; height: 12px; background:url("../images/index_promote_point.png")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/images/index_promote_point.png*/ no-repeat center center; background-size: cover; position: absolute; left: -2px; top: 33px; z-index: 2;}
.index_promote_mode .promote_list .promote_item:nth-child(2) .step:after{content: ''; width: 12px; height: 12px; background:url("../images/index_promote_point.png")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/images/index_promote_point.png*/ no-repeat center center; background-size: cover; position: absolute; right: -2px; top: 33px; z-index: 2;}

.index_promote_mode .promote_list .promote_item:nth-child(3) .step:before{content: ''; width:145px; height: 0px; border-top: 1px solid #16bd96; position: absolute; transform:rotate(-14deg); top: 109px; left: -128px; z-index: -1;}
.index_promote_mode .promote_list .promote_item:nth-child(3) .step:after{content: ''; width: 12px; height: 12px; background:url("../images/index_promote_point.png")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/images/index_promote_point.png*/ no-repeat center center; background-size: cover; position: absolute; right: 5px; top: 90px; z-index: 2;}

.index_promote_mode .promote_list .promote_item:nth-child(4) .step:before{content: ''; width:145px; height: 0px; border-top: 1px solid #16bd96; position: absolute; transform:rotate(14deg); top: 23px; left: -138px; z-index: -1;}
.index_promote_mode .promote_list .promote_item:nth-child(4) .step:after{content: ''; width: 12px; height: 12px; background:url("../images/index_promote_point.png")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/images/index_promote_point.png*/ no-repeat center center; background-size: cover; position: absolute; left: -2px; top: 35px; z-index: 2;}

.index_promote_mode .promote_list .promote_item:nth-child(5) .step:before{content: ''; width:145px; height: 0px; border-top: 1px solid #16bd96; position: absolute; transform:rotate(-14deg); top: 112px; left: -130px; z-index: -1;}
.index_promote_mode .promote_list .promote_item:nth-child(5) .step:after{content: ''; width: 12px; height: 12px; background:url("../images/index_promote_point.png")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/images/index_promote_point.png*/ no-repeat center center; background-size: cover; position: absolute; left: 4px; top: 90px; z-index: 2;}

.index_promote_mode .promote_more{display: block;width: 432px; height: 63px; line-height: 63px; font-size: 24px; text-align: center; color: #fff; text-decoration: none; margin: 115px auto 0px; border-radius: 43px; background-color: #0db083;}
.index_promote_mode .promote_more:hover{background-color: #fd834d;}

.index_channel_mode{width: 100%; margin-top: 140px; background-color: #f7f7f7; overflow: hidden; text-align: center;  padding-top: 65px;  padding-bottom: 65px;}
.index_channel_mode .main_title{font-size: 42px; line-height: 65px; color: #111111;}
.index_channel_mode .main_title span{font-size: 36px;}
.index_channel_mode .left_pic{display: inline-block; vertical-align: top; width:50%; max-width: 600px; margin-top: 80px;}
.index_channel_mode .right_info{display: inline-block; vertical-align: top; width:50%; max-width: 600px; padding-left: 70px; text-align: left; }
.index_channel_mode .right_info .advantage_list{margin-top: 45px;}
.index_channel_mode .right_info .advantage_list .advantage_item{padding-left: 65px; margin-bottom: 35px;}
.index_channel_mode .right_info .advantage_list .advantage_item .title{font-size: 28px; line-height: 32px; color: #0bba91; font-weight: bold;}
.index_channel_mode .right_info .advantage_list .advantage_item .desc{font-size: 18px; line-height: 32px; color: #3a3a3a; margin-top: 10px;}
.index_channel_mode .right_info .advantage_list .advantage_item.type_1{background:url("../images/index_channel_pic1.png")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/images/index_channel_pic1.png*/ no-repeat;}
.index_channel_mode .right_info .advantage_list .advantage_item.type_2{background:url("../images/index_channel_pic2.png")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/images/index_channel_pic2.png*/ no-repeat;}
.index_channel_mode .right_info .advantage_list .advantage_item.type_3{background:url("../images/index_channel_pic3.png")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/images/index_channel_pic3.png*/ no-repeat;}

.user_case .main_title{font-size: 42px;}
.user_case .case_more{display: block;width: 432px; height: 63px; line-height: 63px; font-size: 24px; text-align: center; color: #fff; text-decoration: none; margin: 70px auto 90px; border-radius: 43px; background-color: #0db083;}
.user_case .case_more:hover{background-color: #fd834d;}


@media screen and (max-width: 991px) {
    .banner .banner_main .b_info{margin-top: 10vw;}
    .index_platform_model{margin: 9.33333vw auto 0px; margin-top: 370px;}
    .index_platform_model .main_title{font-size: 6.66667vw; line-height: 8.53333vw; margin: 0px 9vw 0px;}
    .index_platform_model .platform_list{margin-top: 9.33333vw;}
    .index_platform_model .platform_list .platform_item{display: block; width: 82.60869%; margin:0px auto 8vw; text-align: center;}
    .index_platform_model .platform_list .platform_item .info_box{height:auto; margin-bottom: 8.8vw; }
    .index_platform_model .platform_list .platform_item .info_box .title{font-size: 5.06666vw; font-weight: bold; line-height:5.06666vw; }
    .index_platform_model .platform_list .platform_item .info_box .func li{font-size: 3.73333vw; line-height:  5.6vw; }
    .index_platform_model .platform_list .platform_item .info_box .func li:before{content: none;}
    .index_platform_model .platform_list .platform_item .info_box .desc{font-size: 3.73333vw; line-height:  5.6vw; max-height: none;}
    .index_platform_model .platform_list .platform_item .link{font-size: 3.73333vw;}
    .index_platform_model .platform_list .platform_item:nth-child(3n){margin-right: auto;}
    .index_platform_model .platform_list .platform_item:hover{top: 0px; border-color: #e5e5e5; box-shadow:none;}

    .index_promote_mode{margin-top: 9.33333vw;}
    .index_promote_mode .main_title{font-size: 6.66667vw; line-height: 6.66667vw;}
    .index_promote_mode .promote_list{margin: 9.33333vw auto 0px; width: 81.15942%; position: relative;}
    .index_promote_mode .promote_list:before{content:'' ; width: 0px; height: 100%; border-right: 1px solid #0cba91; position: absolute; top: 0px; left: 8.2vw; z-index: -1;}
    .index_promote_mode .promote_list .promote_item{width:100%; margin-right: 0px; text-align: left; margin-top: 10vw;}
    .index_promote_mode .promote_list .promote_item:nth-child(2n){margin-top: 10vw;}
    .index_promote_mode .promote_list .promote_item:first-child{margin-top: 0px;}
    .index_promote_mode .promote_list .promote_item:last-child{background-color: #fff;}
    .index_promote_mode .promote_list .promote_item .step{display: inline-block; vertical-align: top; width: 16.4vw; height: 16.4vw; line-height: 16.4vw; border-radius: 8.2vw; font-size: 12.8vw;}
    .index_promote_mode .promote_list .promote_item .info_box{display: inline-block; vertical-align: top; width: calc(100% - 22.8vw); margin-left: 6vw;}
    .index_promote_mode .promote_list .promote_item .info_box .title{font-size: 5.06666vw; line-height: 5.06666vw; margin-top: 3.33333vw; }
    .index_promote_mode .promote_list .promote_item .info_box .desc{font-size: 3.73333vw; line-height: 7.46667vw; margin-top: 4vw;}

    .index_promote_mode .promote_list .promote_item:nth-child(1) .step:before{ width:6px; height:6px; bottom: -3px; right:50%; margin-right: -3px;}
    .index_promote_mode .promote_list .promote_item:nth-child(1) .step:after{content: none;}

    .index_promote_mode .promote_list .promote_item:nth-child(2) .step:before{width:6px; height:6px; top: -3px; right:50%; margin-right: -3px; left: unset;}
    .index_promote_mode .promote_list .promote_item:nth-child(2) .step:after{width:6px; height:6px; bottom: -3px; right:50%; margin-right: -3px; top: unset;}
    .index_promote_mode .promote_list .promote_item:nth-child(3) .step:before{content: none;}
    .index_promote_mode .promote_list .promote_item:nth-child(3) .step:after{width:6px; height:6px; top: -3px; right:50%; margin-right: -3px;}

    .index_promote_mode .promote_list .promote_item:nth-child(4) .step:before{width: 6px; height: 6px; background:url("../images/index_promote_point.png")/*tpa=http://shenzhen.googles-seo.com/static/themes/t269/images/index_promote_point.png*/ no-repeat center center; background-size: cover; position: absolute; top: -3px; left:50%; margin-left: -3px; z-index: 2; border-top:0px; transform:unset;}
    .index_promote_mode .promote_list .promote_item:nth-child(4) .step:after{width:6px; height:6px; bottom: -3px; top: unset; left:50%; margin-left: -3px;}

    .index_promote_mode .promote_list .promote_item:nth-child(5) .step:before{content: none;}
    .index_promote_mode .promote_list .promote_item:nth-child(5) .step:after{width:6px; height:6px; top: -3px; left:50%; margin-left: -3px;}

    .index_promote_mode .promote_more{width: 78.66667vw; height: 13.46667vw; line-height:13.46667vw; font-size: 4.53333vw; margin-top: 11.33333vw; border-radius: 6.93333vw; font-size: 4.53333vw; max-width: unset;}
    .index_promote_mode .promote_more:hover{background-color: #0db083;}

    .index_channel_mode{margin-top: 14.66667vw; padding-top:10vw; padding-bottom: 8vw;}
    .index_channel_mode .main_title{font-size: 6.66667vw; line-height: 8.66666vw; text-align: center;}
    .index_channel_mode .main_title span{font-size: 5.33333vw;}
    .index_channel_mode .left_pic{width: 68%; text-align: center; max-width: unset; margin-top:8vw; }
    .index_channel_mode .right_info{width: 83.33333%; margin-left: 0px; max-width: unset; margin-top:8vw; padding-left: 0px;}
    .index_channel_mode .right_info .advantage_list{margin: 0px auto 0px; }
    .index_channel_mode .right_info .advantage_list .advantage_item{background-position: 0px 2vw !important;}
    .index_channel_mode .right_info .advantage_list .advantage_item .title{font-size: 5.06666vw; line-height: 8.53333vw; }
    .index_channel_mode .right_info .advantage_list .advantage_item .desc{font-size: 3.73333vw; line-height: 7.46667vw;}

    .user_case .main_title{font-size: 6.66667vw;}
    .user_case .case_more{width: 78.66667vw; height: 13.46667vw; line-height:13.46667vw; font-size: 4.53333vw; margin-top: 11.33333vw; margin-bottom:13.33333vw;  border-radius: 6.93333vw; font-size: 4.53333vw; max-width: unset;}
    .user_case .case_more:hover{background-color: #0db083;}

    .user_case .case_list .swiper-button-prev, .user_case .case_list .swiper-button-next{display: none;}

}