@font-face {
	font-family: 'iconfont';
	src: url('iconfont.woff2?t=1732074667640') format('woff2'),
		 url('iconfont.woff?t=1732074667640') format('woff'),
		 url('iconfont.ttf?t=1732074667640') format('truetype');
  }

html, body {scroll-behavior: smooth;}

h1, h2, h3, h4, h5, h6{margin: 0;}
::-webkit-scrollbar{display:none}
.banner_title{position:absolute;text-align:left;color:#4674b7;top:38.2%;left:50%}
#title_desc{display:inline-table}
#title_desc .zh{font-size:3.50vw;line-height:4.15vw;font-weight:400;text-shadow:0px 5px 5px #fff}
#title_desc .en{margin-top:0.3vw; font-family:"Arial,Microsoft YaHei";font-size:1.05vw;line-height:1.5vw;font-weight:400;color:#fff; letter-spacing:0.5px;text-shadow:0px 1px 1px #4674b7;}

/* #title_desc .zh{font-size:68vw;line-height:80px;font-weight:400;text-shadow:0px 5px 5px #fff}
#title_desc .en{margin-top:10px; font-family:"Arial,Microsoft YaHei";font-size:20px;line-height:30px;font-weight:400;color:#fff; letter-spacing:0.5px;text-shadow:0px 1px 1px #4674b7;} */

.typed-cursor--blink{display:none}
.nav{align-items:center}
.nav .nav-title{width:100px;margin-bottom:0;font-size:20px;font-weight:400;color:#999}
.nav ul{margin:0;width:calc(100% - 120px);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}
.nav ul li{margin:0 35px 0 0;flex-shrink:0}
.nav ul li a{font-size:20px;color:#4674b7}
.desc-info .title{align-items:baseline}
.logo-two{margin-left:25px;width:174px;}
.logo-two img{width:100%;height:100%}
.line-container{width:calc(100% - 230px);overflow:hidden}
.desc-info .line{width:calc(100%);height:2px;background-color:#529cd5}
.desc-info .desc{width:calc(100% - 230px);color:#4674b7;margin-left:220px}

/** 优势 **/
.system{background-color:#e5f3fe}
.system .title{color:#2a66cd}
.system .desc{color:#666;line-height: 25px;}
.system .left img{width:100%;max-width:679px;}
.system .right{text-align:right}
.system .right img{width:100%;max-width:590px;}

/** 平台 **/
.advantage .left{text-align:center}
.advantage .left img{max-width:480px;width:100%}
.advantage .right{text-align:center}
.advantage .title h3{margin-bottom:0;color:#2a66cd}
.advantage .label .plus{display:inline-block;width:25px;height:25px;border-radius:50%;background-color:#c2e4fe;text-align:center;line-height:20px;color:#fff;font-size:20px}
.advantage .arrow{width:100%}
.advantage .button{margin-top:5px;padding:0 70px;height:60px;line-height:60px;border-radius:30px;display:inline-block;color:#337eff;background-color:#c2e4ff;font-weight:700}

/** 牛客云 **/
.niukeyun-logo{width:162px;height:auto}
.niukeyun-logo img{width:100%;}
.structure{text-align:center; background-color:#fafafa;overflow: hidden;}
.structure img{width:100%;max-width: 1016px;}
.point .point-banner>img{display:block;max-width:100%;height:auto;margin:0 auto 32px;object-fit:contain;object-position:center}
.point .title h2{text-align: center;color:#64a1f4;}
.steps{margin-top:64px}
.steps .steps-item{display:flex;align-items:center;margin:32px 0}
.steps .steps-item .steps-cover{order:1;width:50%}
.steps .steps-item .steps-cover .wrap{background-color:#ebf1ff;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);overflow:hidden}
.steps .steps-item .steps-cover .wrap>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.steps .steps-item .steps-intro{order:2;width:50%;padding-left:5%;position:relative}
.steps .steps-item .steps-intro>h3{color:#337eff;font-weight:700}
.steps .steps-item .steps-intro>h4{font-weight:500;color:#e44438;margin-bottom:8px}
.steps .steps-item .steps-intro>ul{margin-bottom:24px}
.steps .steps-item .steps-intro>ul>li{margin-bottom:4px}
.steps .steps-item .steps-intro>ul>li label{color:#337eff}
.steps .steps-item .steps-intro>i{display:block;position:absolute;top:50%;right:2%;font-size:20em;line-height:1;color:#ebf1ff;transform:translateY(-50%);z-index:-1}
.steps .steps-item:nth-child(even) .steps-intro>i{left:2%;}
.steps .steps-item:nth-child(odd) .steps-intro{order:0;padding-left:0}

/* google引擎营销 */
.google .foot{margin:70px 0 45px;}
.google .sem{margin-top:90px}
.google .sem h3{color:#3f8ff2;}
.google .sem .desc{color:#666666;line-height:27px;}
.google .ads .subtitle span{display: inline-block;width:18px;height: 24px;background:url("../image/google/bg_icon.jpg");color:#fff;font-size: 12px;}
.google .ads .subtitle h4{color:#dd4a3f;}
.google .ads h4{display: inline-block;}
.google .service,.google .type{text-align: center;}
.google .service img{max-width: 275px;width: 100%;}
.google .type img{max-width:283px ;width: 100%;}

/**  Tik Tok **/
.tiktok-logo{width:205px;height:auto}
.tiktok-logo img{width:100%;}
.tik-function{margin-bottom: 45px;}
.tik-function h2{text-align: center;color:#3f8ff2;}
.tik-img-box-1{text-align: center;} 
.tik-img-box-1 img{width: 100%;max-width: 614px;} 
.function-list{padding-left:160px}
.function-list .item{margin-bottom:15px; padding: 0 65px 0 35px; width: 360px; height:64px; line-height: 64px;border-radius: 32px; background-color:#e5f1ff;}
.function-list .item2,.function-list .item6{margin-left:50px;}
.function-list .item3,.function-list .item5{margin-left:100px;}
.function-list .item4{margin-left:150px;}
.function-list .item .num{font-weight: bold; color:#3f8ff2;}
.function-list .item .tit{margin-left:10px; color:#333333;}
.function-list .item .icon{float:right; color:#666666;}
.function-list .item .icon i{font-size: 32px;}

/* 六大核心亮点 */
.tik-core{background-color:#f7f7f7;overflow: hidden;}
.tik-core .title {margin:0 200px}
.tik-core .title h2{height:50px;line-height: 50px;align-items: center;}
.tik-core .title .left-line,.tik-core .title .right-line{display: inline-block;width: 30%;height:2px;background-color:#95c0f4;}
.tik-core .title .text{color:#2858ff;}
.tik-core-list {padding: 10px 0 20px;}
.tik-core-list .item{padding-bottom: 40px; text-align: center;}
.tik-core-list .item img{max-width: 120px;}
.tik-core-list .item .desc{color:#3f8ff2;}

/* 七大功能整合 */
.tik-problem{padding-bottom:110px; overflow: hidden;}
.tik-problem h2 {position: relative; text-align: center;color: #3f8ff2;z-index: 9;}
.problem-list{position: relative; padding:20px 0 0 180px;z-index: 9;}
.problem-list .item{margin-bottom:15px; padding: 0 65px 0 35px; width: 360px; height:64px; line-height: 64px;border-radius: 32px; background-color:#e5f1ff;}
.problem-list .item2,.problem-list .item4{margin-left:50px;}
.problem-list .item1,.problem-list .item5{margin-left:100px;}
.problem-list .item .num{margin-right:10px; font-weight: bold; color:#3f8ff2;}
.tik-img-box-2{text-align: center;}
.tik-img-box-2 img{position:absolute;top:-132px;right:0px; width: 100%;max-width: 642px;}

/* SNS 社媒运营 */
.sns-logo{width:172px;}
.sns-logo img{width:100%;}
.sns .subtitle{margin-bottom:5px; font-weight: bold;}
.sns .content{line-height: 25px;color:#666666;}
.sns .social{margin:70px 0 0 20px; padding:50px;border-radius: 20px;background-color:#f1fcff;}
.sns .social img{width: 100%;max-width: 740px;}
.sns .title2{ text-align:center}
.sns .title2 h2{margin-bottom: 0;color:#3f8ff2}
.sns .title2 h3{margin-top: 0; color:#aaaaaa;font-family:'Arial';font-weight:normal;}

/* 全球邮 */
.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}
.media-middle{vertical-align:middle}
.media-left,.media>.pull-left{padding-right:10px}
.pageProds .section .container{padding:0}
.pageProds .section .container .row{margin:0 -10px}
.pageProds .point{position:relative;top:-75px}
.pageProds .section h3{line-height:18px;vertical-align:middle;padding:40px 10px 30px;color:#3f8ff2;}
.pageProds .section h3 .img{display:inline-block;width:18px;height:18px;background:url(../image/mail/arrow.jpg) no-repeat 50% 50%;vertical-align:middle;margin-right:10px}
.pageMail .section-advantage h3{padding-top:30px;margin:0 10px 20px;color:#333;}
.pageMail .section-advantage .list{} 
.pageMail .section-advantage .item{padding:0 10px;margin-bottom:20px}
.pageMail .section-advantage .col-wrap{border:1px solid #e8e8e8;padding:0 20px;height:200px}
.pageMail .section-advantage .col-wrap:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}
.pageMail .section-advantage .col-wrap {}
.pageMail .section-advantage h4{font-size:18px;padding-bottom:10px;padding-top:20px;border-bottom:1px solid #e5e5e5;margin-bottom:15px;color:#333;font-weight:400;}
.pageMail .section-function h3{padding-top:30px;margin:0 10px 20px;color:#333;}
.pageMail .section-function .col-wrap{border:1px solid #e8e8e8;padding:0 20px;height:150px;text-align:center;-webkit-transition-property:background-color;-webkit-transition-duration:.3s;-webkit-transition-timing-function:ease}
.pageMail .section-function .col-wrap:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}
.pageMail .section-function .img{display:inline-block;width:50px;height:50px;line-height:50px;margin:20px 0;overflow:hidden;-webkit-transition-property:height,margin-top;-webkit-transition-duration:.3s;-webkit-transition-timing-function:ease}
.pageMail .section-function h4{margin-bottom:10px;font-weight:400;color:#333;}
.pageMail .section-function p{font-size:16px;line-height:26px;display:none;-webkit-transition-property:display;-webkit-transition-duration:.3s;-webkit-transition-timing-function:ease}
.pageMail .section-function .col-wrap:hover{background-color:#494949}
.pageMail .section-function .col-wrap:hover .img{display: none; height:0;margin-top:5px}
.pageMail .section-function .col-wrap:hover h4{margin-top: 15px; color:#fff}
.pageMail .section-function .col-wrap:hover p{display:block;color:#fff}

.section-advantage .desc{color:#666} 
.list-paddingleft-2 li{margin-left:15px;line-height: 27px;font-size: 16px;list-style-type: disc;}
.prods-prod4 .row{margin:0 -10px}
.prods-prod4 .item{padding:0 10px;margin-bottom:20px}
.prods-prod4  [class*=am-u-] {padding-left: 1rem;padding-right: 1rem;    padding-bottom: 2rem;}
.prods-prod4 .col-wrap{border:1px solid #e8e8e8;padding:30px;text-align:center}
.prods-prod4 .col-wrap .img{width:60px;height:60px;display:inline-block;vertical-align:middle;margin-bottom:20px;line-height:0}
.prods-prod4 .col-wrap img{max-width:60px;max-height:60px;vertical-align:middle}
.prods-prod4 .col-wrap strong{display:block;font-size:18px;font-weight:400;margin-bottom:15px}
.prods-prod4 .col-wrap p{font-size:16px;line-height:26px;height:54px;overflow:hidden;color:#666}
.prods-prod4 .col-wrap:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}
.prods-prod6 .row{margin:0 -10px}
.prods-prod6 .item{padding:0 10px}
.prods-prod6 .media{padding:20px}
.prods-prod6 .media-left .img{display:inline-block;height:50px;width:50px;line-height:0;vertical-align:middle}
.prods-prod6 .media-left img{max-height:50px;max-width:50px}
.prods-prod6 .media-heading{margin-bottom:5px; display:block;font-weight:400;font-size:18px;color:#333;line-height: 22px;}
.prods-prod6 p{font-size:16px;line-height: 26px;}
.prods-prod6 .media-body{font-size:12px;line-height:16px;color:#666}
.prods-prod6 .media:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}
.pageProds .section-prod11{margin-bottom:20px}
.prods-prod11 .item{padding:0 10px}
.prods-prod11 .col-wrap{height:205px;border:1px solid #e8e8e8;padding-bottom:30px;-webkit-transition-property:border;-webkit-transition-duration:.3s;-webkit-transition-timing-function:ease}
.prods-prod11 .col-wrap:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}
.prods-prod11 .tit{height:110px;line-height:110px;background:#000;text-align:center;color:#fff;font-size:18px}
.prods-prod11 p{text-align:center;font-size:16px;color:#666;line-height:26px;padding:20px 40px 0}
.prods-prod4 .item{margin-bottom:20px}
.prods-prod4 .item .img,.prods-prod6  .item .img{background:0 0!important}
.prods-prod11 .item:first-child .tit{background:#333 url(../image/mail/1.png) no-repeat 50% 50%;background-size:100% 100%}
.prods-prod11 .item:nth-child(2) .tit{background:#333 url(../image/mail/2.png) no-repeat 50% 50%;background-size:100% 100%}
.prods-prod11 .item:nth-child(3) .tit{background:#333 url(../image/mail/3.png) no-repeat 50% 50%;background-size:100% 100%}

@media screen and (min-width:769px) {
    /** 强大推广团队 **/
    .google .title2{ text-align:center}
	.google .title2 h2{margin-bottom: 0;color:#3f8ff2}
	.google .title2 h3{margin-top: 0; color:#aaaaaa;font-family:'Arial';font-weight:normal;}
	.google .main{position:relative;margin:0 auto;width:970px;height:630px}
	.google .card{display:flex;justify-content:space-between;margin-top:50px}
	.google .card .item{position:absolute;width:31%;border-radius:28px;border:1px solid #999;box-shadow:0 0 8px rgba(0,0,0,.2);background-color:#fff;z-index: 8888;}
	.google .card .item:nth-child(odd) .head .text{margin-left:20px;}
	.google .card .item:nth-child(even) .head .text{float:right;margin-right:20px; } 
	.google .card .item:nth-child(even) .icon-box{left:10px;right:0px;}
	.google .card .item1{top:10px;left:10px;}
	.google .card .item2{top:10px;right:10px}
	.google .card .item3{top:calc(50% - 68px);left:10px;}
	.google .card .item4{top:calc(50% - 68px);;right:10px}
	.google .card .item5{bottom:10px;left:10px;}
	.google .card .item6{bottom:10px;right:10px} 
	.google .card .item3 .iconfont{font-size: 23px;}
	.google .card .item6 .iconfont{font-size: 23px;}
	.google .card .item .head{width:100%;height:54px;line-height:54px;border-radius:27px;background-color:#4f7cbe}
	.google .card .text{color:#fff;}
	.google .card .item .desc{margin-top:5px; height:75px;}
	.google .card .item:nth-child(odd) .desc{text-align: left; margin-left:20px;}
	.google .card .item:nth-child(even) .desc{margin-left:20px;}
	.google .card .icon-box{position:absolute;top:5px;right:10px;width:40px;height:40px;display:block;border-radius:20px;border:1px solid #3065b3;background-color: #fff;}
	.google .card .iconfont{margin:5px; width:30px;height:30px;line-height: 30px;text-align: center; display:block;color:#1954aa;font-size: 28px;}
	.google .core{position: absolute;left:calc(50% - 126px); top:200px;z-index: 9999;}
	.line-box{position: absolute;left:calc(50% - 160px);top:92px; width:320px;height: 458px;z-index: 8888;}
	.line-box .line{position: absolute; width: 77px;height: 229px;}
	.line-box .line1{top:0px; left:0px; border-top:2px solid #6d91c8;border-right:2px solid #6d91c8;border-bottom:2px solid #6d91c8;}
	.line-box .line2{top:0px; right:0px; border-top:2px solid #6d91c8;border-left:2px solid #6d91c8;border-bottom:2px solid #6d91c8;}
	.line-box .line3{bottom:0px;left:0px; border-right:2px solid #6d91c8;border-bottom:2px solid #6d91c8;}
	.line-box .line4{bottom:0px;right:0px; border-left:2px solid #6d91c8;border-bottom:2px solid #6d91c8;}
}

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

}
@media screen and (max-width:1400px) {
	/**  Tik Tok **/
	.function-list {padding-left: 40px;}
	.problem-list {padding: 10px 0 0 40px;}
}

@media screen and (max-width:1200px) {
	/**  Tik Tok **/
	.function-list {padding-left: 10px;}
	.function-list .item{margin-bottom:20px; padding: 0 20px 0 20px;  height:56px; line-height: 56px;border-radius: 27px; }
}

@media screen and (max-width:1024px) {
	.tik-problem{padding-bottom:80px;}
	.tik-img-box-2 img {top: -65px;}
}

@media screen and (max-width:960px) {
	.line-container {width: calc(100% - 160px);overflow: hidden;}
	.logo-two{width:150px;margin-left:0;}
	.desc-info .desc{margin-left:10px;margin-right:10px;width:calc(100% - 20px);color:#4674b7}
	
	/** 牛客云 **/
	.point .title h2{margin-bottom: 20px;}
	.niukeyun-logo{width:150px;margin-left: 0px;}
	.steps{margin-top:0}
	.steps .steps-item{flex-wrap:wrap;margin:0}
	.steps .steps-item .steps-cover{width:100%}
	.steps .steps-item .steps-cover .wrap{clip-path:none}
	.steps .steps-item .steps-intro{width:100%;padding-left: 0%;}
	.steps .steps-item .steps-intro>h3{font-size:18px;margin-bottom:8px}
	.steps .steps-item .steps-intro>h4{font-size:16px;margin-bottom:4px}
	.steps .steps-item .steps-intro>ul{margin-bottom:12px}
	.steps .steps-item .steps-intro>ul>li{font-size:14px;margin-bottom:4px}
	.steps .steps-item .steps-intro>ul>li span{display:block}
	.steps .steps-item .steps-intro>i{display:none}
	.steps .steps-item:nth-child(odd) .steps-intro{order:2}
	.flex-sm{display: flex;}
	.google .main{position:relative;margin:0 auto;width:100%;height:630px}

	/**  Tik Tok **/
	.tiktok-logo{width:150px;height:auto}
	.function-list{padding-left:10px}
	.function-list .item{margin-left:0px;margin-bottom:10px; padding: 0 20px 0 20px; width: 100%; height:46px; line-height: 46px;border-radius: 23px; }
	.function-list .item .num{font-weight: bold; color:#3f8ff2;}
	.function-list .item .tit{margin-left:8px; color:#333333;}
	.function-list .item .icon i{font-size:20px;}
	.tik-core .title {margin:0 50px}

	/* 七大功能整合 */
	.tik-problem{padding-bottom: 60px;}
	.problem-list{padding:20px 10px 0 10px;}
	.problem-list .item{margin-left:0px;margin-bottom:10px; padding: 0 65px 0 35px; width: 100%; height:46px; line-height: 46px;border-radius: 23px;}
	.tik-img-box-2 img {top: -85px;}
	.sns-logo{width:150px;margin-left:0px}
	.mail-logo{width: 150px;margin-left:0px}
}

@media screen and (max-width:768px) {
	.info-wrap{padding:10px}

	 /** 强大推广团队 **/
	 .down-show-960{display: block;}
	.google .title2{ text-align:center}
	.google .title2 h2{margin-bottom: 0;color:#3f8ff2}
	.google .title2 h3{margin-top: 0; color:#aaaaaa;font-family:'Arial';font-weight:normal;}
	.google .main{position:relative;margin:0 auto;width:100%;height:auto}
	.google .card{width:50%;}
	.google .card .item{position:relative;margin-bottom: 20px;width:100%;border-radius:21px;border:1px solid #999;box-shadow:0 0 8px rgba(0,0,0,.2);background-color:#fff}
	.google .card .item .head{width:100%;height:40px;line-height:40px;border-radius:20px;background-color:#4f7cbe}
	.google .card .item .icon-box{float: left;margin:5px 0 0 5px; width:30px;height:30px;display:block;border-radius:15px;border:1px solid #3065b3;background-color: #fff;}
	.google .card .item .text{float:right;width:calc(100% - 50px);text-align: left; color:#fff;} 
	.google .card .item .desc{margin-left:10px;margin-top:5px; height:55px;text-align: left; }
	.google .card .iconfont{margin:3px; width:22px;height:22px;line-height: 22px;text-align: center; display:block;color:#1954aa;font-size: 22px;}
	.google .card .item3 .iconfont,.google .card .item6 .iconfont{font-size: 18px;}
	.google .core{position: relative;margin:286px 1% 0 2%;width: 35%;}
	.google .core img{width:100%;}
	.line-box{margin-top:52px; position: relative; width:10%;}
	.line-box .line{position: relative; width: 100%;height:122px;border-top:2px solid #6d91c8;border-left:2px solid #6d91c8;}
	.line5{border-bottom: 2px solid #6d91c8;}

	/* google引擎营销 */
	.google .foot{margin:30px 0 25px;}
	.google .sem {margin-top: 0px;}
	.tik-problem {padding-bottom: 36px;}
	.tik-img-box-2 img{top:-20px; width: 100%;}

	.prods-prod4 .col-wrap{padding:15px 10px;}

	.prods-prod11 p{font-size: 14px;}
	.prods-prod6 .media{padding: 10px;}
	.prods-prod6 p{font-size:13px;line-height: 20px;}
	.prods-prod4 .col-wrap p{font-size: 14px;}
}

@media screen and (max-width:641px) {
	.tik-core .title .left-line, .tik-core .title .right-line{width: 25%;}
	.tik-problem{padding-bottom: 0px;}
	.tik-img-box-2 img{position: relative; top:-20px; width: 100%;}

	/* SNS 社媒运营 */
	.sns .social {margin: 20px 0px 0 0px;padding: 40px;}
	.pageMail .section-advantage .col-wrap{height: auto;}
}

@media screen and (max-width:450px) {
	.logo-two,.niukeyun-logo,.tiktok-logo,.sns-logo,.mail-logo{width:120px;}

	.nav{margin:0 10px}
	.line-container{width:calc(100% - 130px)}
	.advantage .button{margin-top:5px;padding:0 50px;height:40px;line-height:40px;border-radius:20px}
	.tik-core .title {margin:0 10px}
	.tik-core-list .item{padding-bottom: 20px;}
    .tik-core-list .item img{max-width: 90px;}


	.media-left,.media>.pull-left{vertical-align: middle;}
	.system .desc{line-height: 24px;}

	.list-paddingleft-2 li{font-size: 14px;line-height: 24px;}
	.pageMail .section-function p {font-size: 14px;line-height: 24px;}
	.pageMail .section-advantage h4{font-size: 16px;}


	.prods-prod4 .col-wrap strong{font-size:14px}
	.prods-prod4 .col-wrap p{height:66px; line-height: 22px;}
	
}


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

	.prods-prod4 p{font-size: 14px;line-height: 16px;}

}