/*导航*/
.nav-header{
	z-index: 999999;
}
.nav-header .logo{
	width: 210px;
}
.nav-header .main{
	width: 98%;
}
.nav-header .nav-body{
	max-width: 1200px;
}
@media only screen and (max-width: 860px) {
	.nav-header .logo{
		width: 210px;
	}
	#nav-header .nav-header .nav-body .nav-main{
		float: right;
		width: 540px !important;
	}
	.nav-header .nav-body .nav-item{
		width: auto;
	}
}
@media (min-width: 769px) and (max-width: 782px) {
	.nav-header .main{
		width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	.nav-header .logo{
		width: 153px;
	}
	#nav-header .nav-header .nav-body .nav-main{
		width: 100% !important;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: #2e2e2e;
		padding: 30px 10px 0;
		box-sizing: border-box;
		overflow: auto;
		display: none;
	}
	.nav-header .nav-body .nav-item a{
		color: #ffffff;
		text-align: left;
		font-size: 16px;
	}
	.nav-header .nav-body .nav-item{
		float: none;
		width: 100%;
		min-height: 40px;
		height: auto;
		text-align: left;
		padding: 0;
		line-height: 40px;
	}
	.nav-header .nav-body .nav-item:nth-child(2)>a{
		display: none;
	}
	.nav-header .nav-body .nav-item .child-nav-div,.nav-header .nav-body .nav-item .child-nav-div .child-nav,.soft-div,.child-nav li,.soft-div.weixin,#nav-header .nav-header .nav-body .nav-main .clearfix{
		display: block;
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
	}
	.soft-div .logo_bg,.iconfont{
		display: none;
	}
	.nav-header .nav-body .nav-item .child-nav-div{
		position: relative;
		top: 0 !important;
	    border: none;
	    background: #f7f7f7 !important;
	    padding: 0 0 10px;
	}
	.nav-header .nav-body .nav-item .child-nav-div a{
		float: left;
		width: auto;
		padding: 10px 6px 3px;
	}
	.nav-header .nav-body .nav-item .child-nav-div,.child-nav li:nth-child(1){
	    background: #2e2e2e !important;
	    padding: 0 !important;
	}
	.child-nav li{
		background: #3b3b3b !important;
	}
	.nav-header .nav-body .nav-item .child-nav-div p{
		padding: 10px 0 10px 6px;
		color: #ffffff;
		font-size: 16px;
		line-height: 40px;
	}
	.nav-header .nav-body .nav-item .child-nav-div a{
		background: #3b3b3b;
		color: #ffffff;
	}
	.child-nav .soft-div.weixin li{
		margin-left: 0;
	}
	.nav-header .nav-body .close-nav {
		position: fixed;
		display: block !important;
	    top: 20px;
	    right: 15px;
    }
    .nav-header .nav-body .nav-buttom{
    	display: block !important;
    	margin: 15px 0;
    }
	/*.nav-buttom,.nav-header .nav-body .close-nav{
		display: block !important;
	}
	#nav-header .nav-header .nav-body .nav-main{
		position: fixed;
		top: 0;
		right: 0;
		background: #FFFFFF;
		width: 200px !important;
		height: 100%;
		padding: 68px 0 0;
		z-index: 9999;
		display: none;
	}
	.nav-header .nav-body .nav-item{
		width: 100%;
	}
	.nav-header .nav-body .nav-item:hover .child-nav-div,.nav-header .nav-body .nav-item .icon-xiajiantou {
	    display: none;
	}
	.nav-header .nav-body .close-nav {
	    top: 20px;
	    right: 15px;
    }
    .nav-header .nav-body .nav-buttom{
    	cursor: pointer;
    	margin: 1rem auto;
    }*/
}
@media only screen and (max-width: 500px) {
	.nav-header .nav-body .nav-item .child-nav-div a{
		width: 50%;
		padding: 10px 0 10px 20px;
		box-sizing: border-box;
	}
}
@media only screen and (max-width: 320px) {
	.nav-header .nav-body .nav-item .child-nav-div a{
		width: 100%;
		padding: 10px 6px 3px;
	}
}
/*导航蒙层*/
.mc{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 990;
}
.active-block{
	display: block !important;
}
/*底部*/
.footer {}

.footer .foot-register {
  height: 172px;
  border-bottom: 1px solid #1b529b;
  background: url(../images/foot-res-bg_2.png) no-repeat center;
}

.footer .foot-register .text {
  color: #fff;
  font-size: 30px;
  padding: 30px 0;
  letter-spacing: 1px;
  text-align: center;
}

.footer .foot-register .btn {
  display: block;
  margin: 0 auto;
  width: 164px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #fff;
  border-radius: 2px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  letter-spacing: 2px;
}

.footer .foot-layout {
  background: #101429;
}

.footer .guild {
  padding: 20px 30px;
}

.footer .service {
  text-align: center;
  color: #fff;
  border-right: 1px solid #262836;
  width: 200px;
  padding: 0 20px;
  float: left;
}

.footer .service>.icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}

.footer .service .text {
  font-size: 20px;
  margin: 20px 0;
}

.footer .service .tel {
	width: 150px;
	margin: 0 auto;
  font-weight: 800;
  font-size: 17px;
  font-style: italic;
  line-height: 18px;
}

.footer .service .tel .icon {
  width: 18px;
  height: 18px;
  vertical-align: text-top;
  display: inline-block;
}

.footer .service .btn {
  display: block;
  width: 86px;
  height: 30px;
  line-height: 30px;
  margin: 10px auto 0;
  border: 1px solid #3a3d4f;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: transparent;
}

.footer .service .btn:hover {
  background: #2572ff;
}

.footer .outline {
  float: left;
  padding-left: 100px;
}

.footer .outline-list {
  float: left;
  width: 184px;
  padding-left: 16px;
}

.footer .outline-list .outline-list-title {
  color: #fff;
  font-size: 18px;
  padding: 8px 0;
  line-height: 28px;
  text-align: left !important;
}

.footer .outline-list .outline-list-item {
  font-size: 14px;
  color: #ccc;
  line-height: 28px;
  text-align: left !important;
}

.footer .outline-list .outline-list-item a:hover {
  color: #fff;
}

.footer .follow {
  text-align: center;
  width: 120px;
  color: #fff;
  float: right;
}

.footer .follow .text-t {
  font-size: 15px;
  margin: 15px 0;
}

.footer .follow .qr {
  width: 100px;
  height: 100px;
}

.footer .follow .text-b-h {
  font-size: 20px;
  margin: 8px 0 12px;
}

.footer .follow .text-b-t {
  font-size: 14px;
}

.footer .hr {
  width: 960px;
  height: 1px;
  background: #262836;
  margin: 0 auto 16px;
}

.footer .links {
  color: #4c4d50;
  width: 100%;
  max-width: 980px;
  margin: 0 auto 16px;
}

.footer .links .link-item {
  color: #4c4d50;
  font-size: 12px;
  padding: 0 6px;
  line-height: 22px;
  display: inline-block;
}

.footer .links .link-item:hover {
  color: #fff;
}

.footer .copyright {
  padding-bottom: 40px;
}

.footer .copyright .copy-info {
  line-height: 24px;
  color: #4c4d50;
  font-size: 12px;
  text-align: center;
  margin-bottom: 20px;
}

.footer .copyright .copy-prove {
  text-align: center;
}

.footer .copyright .copy-prove img {
  padding: 0 10px;
}

/* footer end */
/*底部导航*/
.footer{
	background: #101010 !important;
	font-size: 13px !important;
}
.footer .footer-bot{
	background-color:#000 !important;
	padding: 12px !important;
}
.footer .footer-body{
	padding: 2rem 0 1rem !important;
}
.footer .footer-body ul{
	width: 15.5% !important;
}
.footer .footer-body ul li{
	line-height: 1.5rem !important;
  color: #7E7E7E !important;
}
.footer .footer-body ul .title{
	font-size: 0.75rem !important;
   font-weight: bold !important;
}
.footer .footer-body ul li a{
	color: #7E7E7E !important;
}
.footer .footer-body ul li a:hover{
	color: #fff !important;
}
.footer .desc{
	text-align: center !important;
  color: #ccc !important;
  line-height: 1.5rem !important;
}
.footer .desc a{
	color: #0000df !important;
}
.foot-img{
	margin-right: 8% !important;
}
.foot-img > div{
	border: 2px solid #0a73c3 !important;
    color: #0191ff !important;
    text-align: center !important;
    padding: 20px 10px 10px !important;
    position: relative !important;
}
.foot-img p{
	margin-top:13px !important;
}
.foot-img h3{
  font-size: 14px !important;
    color: #fff !important;
    background-color: #111 !important;
    position: absolute !important;
    top: -7px !important;
    margin: auto !important;
    width: 96px !important;
    left: 0 !important;
    right: 0 !important;
}
.footer .footer-body ul.foot-info{
	margin-left: 5% !important;
    text-align: center !important;
    border-left: 1px dashed !important;
    padding-left: 4% !important;
    width: 25% !important;
}
.inner, .wrp1150 {
	width: 100% !important;
	max-width: 1150px;
    margin: 0 auto !important;
    overflow: hidden !important;
}
.clearfix:before, .clearfix:after {
    content: '';
    display: block !important;
    height: 0 !important;
    overflow: hidden !important;
}
.bg-foot_icon_02 {
    width: 80px !important;
    height: 80px !important;
    background: url(../images/sprites-common.png) -20px -20px !important;
}
.icon {
    display: block !important;
}
.footer .outline-list .outline-list-item a {
    text-decoration: none !important;
    color: #666666 !important;
    background: transparent !important;
}
.bg-foot_icon_01 {
	float: left;
    width: 19px !important;
    height: 17px !important;
    background: url(../images/sprites-common.png) -398px -226px !important;
}
@media only screen and (max-width: 1137px) {
	.footer .outline{
		width: calc(100% - 361px) !important;
		padding: 0 !important;
	}
	.footer .outline-list{
		width: 33.33% !important;
		box-sizing: border-box !important;
	}
	.footer .copyright{
		padding: 0 !important;
	}
}
@media only screen and (max-width: 768px) {
	.footer .service,.footer .outline,.footer .follow{
		float: none !important;
		width: 100% !important;
		margin: 0 auto !important;
		overflow: hidden;
	}
	.bg-foot_icon_02{
		display: none !important;
	}
	.footer .service{
		display: none !important;
	}
	.footer .follow{
		width: 120px !important;
	}
	.footer .service .text,.footer .service .tel{
		float: left;
		width: auto;
		margin: 10px 5px !important;
		font-size: 16px !important;
	}
}
@media only screen and (max-width: 468px) {
	.footer .outline-list{
		float: none !important;
		width: 100% !important;
		overflow: hidden;
	}
	.footer .outline-list li{
		float: left !important;
		margin: 0 10px 0 0 !important;
	}
	.footer .guild{
		padding: 0 10px 0 !important;
		position: relative;
	}
	.footer .outline-list{
		padding-left: 0 !important;
	}
	.footer .follow{
		position: absolute;
		bottom: 0;
		right: 5px;
	}
	.footer .outline{
		padding: 0 0 20px !important;
	}
}
@media only screen and (max-width: 350px) {
	.footer .follow{
		display: none;
	}
	.footer .outline{
		padding: 0 0 10px !important;
	}
}
/*首页*/
/*banner*/
@media only screen and (max-width: 1149px) {
	.banner{
		height: auto;
	}
	.banner .pj-Carousel,.banner .pj-Carousel-box{
		width: 100% !important;
	}
	.banner .pj-Carousel {
	    width: 100% !important;
	    height: auto;
	    padding: 43% 0 0;
	}
	.banner .pj-Carousel-item{
		width: 100% !important;
		background-size: 160% auto !important;
		background-position: center;
	}
	.banner-foot{
		display: none;
	}
	.banner .banner-btn.dds-banner-btn,.banner .banner-btn.sj-banner-btn{
	    left: 5%;
	    bottom: 15%;
	}
	.banner .pj-Carousel-nav{
		bottom: 10px;
	}
}
@media only screen and (max-width: 768px) {
	.banner .banner-btn.dds-banner-btn,.banner .banner-btn.sj-banner-btn{
	    left: 2%;
	    bottom: 15%;
	    height: 38px;
	}
	.banner .banner-btn .btn {
	    width: 100px;
	    height: 36px;
	    line-height: 36px;
	    font-size: 14px;
	}
}
@media only screen and (max-width: 650px) {
	.banner .banner-btn.dds-banner-btn,.banner .banner-btn.sj-banner-btn{
	    left: 0;
	    height: 30px;
	}
	.banner .banner-btn .btn {
	    width: 80px;
	    height: 28px;
	    line-height: 28px;
	    font-size: 14px;
	}
}
/*全网渠道智能营销*/
@media only screen and (max-width: 1149px) {
	.inner, .wrp1150{
		width: 100%;
	}
	.col-pt .col-pt-left,.col-pt .col-pt-right{
		width: 100%;
		max-width: 656px;
		float: none;
		margin: 0 auto;
	}
	.col-pt .col-pt-left .list .item{
		width: 50%;
		box-sizing: border-box;
	}
	.col-pt .box{
		width: calc(100% - 16px);
		min-height: 221px;
		height: auto;
		box-sizing: border-box;
	}
	.col-pt .box.box-5{
		width: calc(100% - 16px);
		min-height: 320px;
		height: auto;
		box-sizing: border-box;
	}
	.col-pt .box .h3{
		font-size: 20px;
	}
	.col-pt .box .p{
		min-height: 66px;
	}
	.col-pt .col-pt-right .box .icon{
		display: none !important;
	}
	.col-pt .box .btn-group .btn,.col-pt .col-pt-right .box .btn{
		width: 100px;
	    height: 34px;
	    /*margin: 0 calc(25% - 50px);*/
	    text-align: center;
	    border-radius: 17px;
	    line-height: 32px;
	}
}
@media only screen and (max-width: 768px) {
	.col-title .h2,.col-pt .col-pt-right .box .span,.col .h2{
		font-size: 24px;
	}
	.col-title .h2{
		line-height: 36px;
		margin: 0 auto 20px;
	}
	.col-title .p,.col-pt .box .p{
		font-size: 16px;
		line-height: 22px;
	}
	.col-pt .box{
		padding: 10px;
	}
	.col-pt .box .h3{
		line-height: 1.2;
	}
}
@media only screen and (max-width: 584px) {
	.col-pt .box .btn-group .btn{
		float: none;
		margin: 0 auto 10px;
	}
}
@media only screen and (max-width: 472px) {
	.col-pt .box .p{
		min-height: 80px;
		margin: 20px 0 0;
	}
	.col-pt .col-pt-right .box .p{
		min-height: 40px;
	}
	.col-pt .box.box-5{
		min-height: 280px;
	}
	.col{
		padding: 30px 0;
	}
	.col-title .h2,.col-pt .col-pt-right .box .span{
		font-size: 20px;
	}
	.col-title .h2{
		line-height: 26px;
		margin: 0 auto 20px;
	}
	.col-title .p,.col-pt .box .p{
		font-size: 14px;
		line-height: 20px;
	}
}
@media (min-width: 350px) and (max-width: 376px) {
	.col-pt .box .p{
		height: 90px;
	}
}
@media only screen and (max-width: 350px) {
	.col-pt .col-pt-left .list .item{
		width: 100%;
		box-sizing: border-box;
	}
	.col-pt .box .btn-group .btn {
	     margin: 0 calc(25% - 52px); 
	}
	.col-pt .box .p{
		min-height: 22px;
		margin: 20px 0;
	}
	.col-pt .box{
		min-height: 100px;
	}
	.col-pt .box.box-5{
		min-height: 260px;
	}
	.col-pt .col-pt-right .box .h3{
		margin: 0 0 20px;
	}
}
/*微信营销解决方案*/
@media only screen and (max-width: 948px) {
	.col-cp .list .item .box .h3{
		font-size: 20px;
	}
	.col-cp .list .item .box .p{
		height: 80px;
	}
	.col-cp .list .item .box{
		margin: 10px;
		padding: 10px;
	}
}
@media only screen and (max-width: 768px) {
	.col-cp .list .item{
		width: 33.33%;
	}
	.col-cp .list .item .box .h3{
		font-size: 18px;
	}
	.col-cp .list .item .box .p{
		font-size: 14px;
	}
}
@media only screen and (max-width: 481px) {
	.col-cp .list .item{
		width: 50%;
	}
}
@media only screen and (max-width: 326px) {
	.col-cp .list .item{
		width: 100%;
	}
	.col-cp .list .item .box .p{
		min-height: 45px;
		height: auto;
	}
}
/*软件*/
@media only screen and (max-width: 1149px) {
	.col-fn .list .items .item-right{
		left: 25%;
	}
}
@media only screen and (max-width: 1000px) {
	.col-fn .list .items{
		width: 33.33%;
		float: left;
		margin: 5px 0;
	}
	.col-fn .list{
		width: 630px;
		height: 500px;
		margin: 0 auto;
	}
	.col-fn .list .items .item-left {
	    border-bottom: none;
	}
	.col-fn .list .items .item-right{
		width: 630px;
		left: 50%;
		transform: translateX(-50%);
		top: 160px;
	}
	.col-fn .list .items .item-right .p{
		margin: 40px 0 20px;
	    overflow: initial;
	}
}
@media only screen and (max-width: 640px) {
	.col-fn .list .items .item-left {
	    width: 160px;
	    height: 40px;
	    line-height: 40px;
	    padding-left: 5px;
	}
	.col-fn .list .items .item-left span{
	    line-height: 40px;
	}
	.col-fn .list,.col-fn .list .items .item-right{
		width: 480px;
	}
	.col-fn{
		background-size: cover !important;
	}
	.col-fn .list{
		height: 590px;
	}
	.col-fn .list .items .item-right .foot-list .item{
		margin: 0 calc(16.66% - 50px);
	}
	.col-fn .list .items .item-right .btn-group{
		width: 268px;
		margin: 20px auto;
		padding: 0 0 0 20px;
	}
	.col-fn .list .items{
		margin: 0;
	}
}
@media (min-width: 511px) and (max-width: 640px) {
	.col-fn .list .items .item-right{
		top: 100px;
	}
}
@media only screen and (max-width: 510px) {
	.col-fn .list .items .item-right{
		width: 100%;
	}
	.col-fn .list{
		width: 320px;
	}
	.col-fn .list .items{
		width: 50%;
	}
	.col-fn .list .items .item-right .p {
	   height: 100px;
       margin: 20px 0 20px;
	}
	.col-fn .list .items .item-right{
		top: 145px;
	}
}
@media only screen and (max-width: 360px) {
	.col-fn .list{
		width: calc(100% - 20px);
	}
	.col-fn .list .items .item-left{
		width: 100%;
	}
	.col-fn .list .items .item-right .p{
	    overflow: hidden;
	}
	.col-fn .list .items .item-right .btn-group{
		width: 100%;
		padding: 0;
	}
	.col-fn .list .items .item-right .btn-group .btn{
		margin: 0 calc(25% - 52px) !important;
	}
}
/*全网APP引流，打造私域流量池*/
@media only screen and (max-width: 768px) {
	.col-yx .list .item{
		width: 25%;
	}
	.col-yx .list .item .box .icon{
		width: 50px;
		height: 50px;
		background-size: 100% auto;
	}
	.col-yx .list .item .box .h3{
		font-size: 16px;
	}
	.col-yx .list .item .box .p{
		line-height: 1.6;
		margin: 10px 0 0;
	}
}
@media only screen and (max-width: 600px) {
	.col-yx .list .item{
		width: 33.33%;
	}
	.col-yx .list .item .box{
		padding: 0 5px;
		margin: 5px;
	}
}
@media only screen and (max-width: 370px) {
	.col-yx .list .item{
		width: 50%;
	}
}
@media only screen and (max-width: 240px) {
	.col-yx .list .item{
		width: 100%;
	}
	.col-yx .list .item .box .p{
		height: auto;
	}
}
/*客户营销案列全网精准引流效果图*/
.col-lc{
	height: auto;
}
.col-lc .img img{
	width: 100%;
	height: auto;
	display: block;
}
/*机器猫核心优势*/
.col-hx .list .item .box .h3{
	line-height: 1.5;
}
@media only screen and (max-width: 768px) {
	.col-hx .list .item .box .h3{
		font-size: 18px;
	}
	.col-hx .list .item .box .icon{
		margin: 0 auto 10px;
	}
}
@media only screen and (max-width: 680px) {
	.col-hx .list .item{
		width: 33.33%;
	}
	.col-hx .list .item .box .h3{
		font-size: 16px;
	}
	.col-hx .list .item .box{
		padding: 10px 5px;
	}
}
@media only screen and (max-width: 528px) {
	.col-hx .list .item{
		width: 50%;
	}
}
@media only screen and (max-width: 355px) {
	.col-hx .list .item .box .p{
		height: 88px;
	}
}
@media only screen and (max-width: 300px) {
	.col-hx .list .item{
		width: 100%;
	}
	.col-hx .list .item .box .p{
		height: auto;
	}
}
/*营销技巧*/
@media only screen and (max-width: 1149px) {
	.col-zx .inner{
		width: 780px;
	}
	.col-zx .list .items{
		height: 150px;
	}
}
@media only screen and (max-width: 830px) {
	.col-zx .inner{
		width: 760px;
		padding: 10px;
	}
}
@media only screen and (max-width: 800px) {
	.col-zx .inner{
		width: 390px;
	}
	.col-zx .list{
		margin: 10px 10px 0;
	}
	.col-zx .list .items {
	    margin: 8px 0 0;
	}
}
@media only screen and (max-width: 768px) {
	.col-zx,.col{
		padding: 30px 0;
	}
}
@media only screen and (max-width: 755px) {
	.col-zx .list{
		float: none;
		margin: 10px auto 0;
	}
}
@media only screen and (max-width: 410px) {
	.col-zx .inner,.col-zx .list{
		width: 100%;
		box-sizing: border-box;
	}
	.col-zx .list{
		margin: 10px auto 0;
	}
	.col-zx .list .adv-img{
		width: 100%;
		height: auto;
		display: block;
	}
	.col-zx .list .items li a{
		width: calc(100% - 54px);
	}
}
/*留电*/
@media only screen and (max-width: 700px) {
	.col-foot-zx .content{
		width: 96%;
		margin: 0 auto;
	}
	.col-foot-zx .box{
		float: none;
		width: 100%;
		max-width: 500px;
		margin: 0 auto 20px;
	}
	.col-foot-zx .btn-zx{
		float: none;
		margin: 0 auto;
		display: block;
	}
	.col-foot-zx .btn-zx:before{
		display: none;
	}
	.col-foot-zx{
		height: auto;
		background-size: auto 100% !important;
	}
}
/*article_article.htm*/
@media only screen and (max-width: 768px) {
	.soft_c{
		background-size: 100% auto !important;
	}
}
/*gywm.htm*/
#profile .banner{
}
@media only screen and (max-width: 1149px){
	#profile{
		padding-top: 60px;
	}
	#profile .banner{
		background-size: 100% auto !important;
	    padding-top: 27%;
	}
	#profile .profile-team img{
		width: calc(25% - 20px);
		height: auto;
		margin: 0 10px;
	}
	#profile .profile-ys li{
		width: calc(25% - 16px);
		margin: 0 8px;
	}
}
@media only screen and (max-width: 849px){
	#profile .profile-ys{
		max-width: 582px;
		margin: 0 auto;
	}
	#profile .profile-ys li{
		width: calc(50% - 16px);
		margin: 8px;
	}
}
@media only screen and (max-width: 768px){
	#profile .profile-column-head .title,#profile .sm-column .text{
		font-size: 20px;
		line-height: 40px;
	}
	#profile .column{
		padding: 30px 0;
	}
	#profile .profile-column-head{
		margin-bottom: 0;
	}
	#profile .profile-text p{
		margin-top: 20px;
		margin-bottom: 0;
		font-size: 14px;
	}
	#profile .profile-team{
		width: 90%;
		max-width: 600px;
		margin: 0 auto;
	}
	#profile .profile-team img{
		width: calc(50% - 20px);
		margin: 10px;
	}
	#profile .profile-ys li .box{
		padding-top: 10px;
	}
	#profile .profile-ys li .title{
		font-size: 16px;
		line-height: 24px;
		margin: 0 auto 10px;
	}
	#profile .profile-ys li .text{
		line-height: 24px;
	}
}
@media only screen and (max-width: 500px){
	#profile .profile-ys li{
		height: 300px;
	}
}
/*index_appyinliu.htm*/
/*banner*/
@media only screen and (max-width: 900px){
	.banner .btn-group{
	    left: 5%;
	    bottom: 25%;
	}
	.banner .btn-group .btn{
	    width: 100px;
	    height: 32px;
	    line-height: 32px;
	    font-size: 16px;
	}
}
@media only screen and (max-width: 550px){
	.banner .btn-group .btn{
	    width: 90px;
	    height: 28px;
	    line-height: 28px;
	    font-size: 14px;
	    margin: 0 10px 0 0;
	}
}
@media only screen and (max-width: 400px){
	.banner .btn-group{
	    left: 5%;
	    bottom: 5%;
	}
	.banner .btn-group .btn{
	    margin: 0;
	}
	.banner .btn-group .btn{
		display: block;
	}
	.banner .btn-group .btn.resUrl{
		margin: 0 0 5px;
	}
}
@media only screen and (max-width: 860px){
	.yx-col .list .item .box{
		margin: 10px 5px;
	}
}
@media only screen and (max-width: 768px){
	.col .h2{
		line-height: 34px;
		margin: 0 auto 10px;
	}
	.col .p{
		font-size: 14px;
		line-height: 1.5;
	}
	.yx-col .list{
		padding-top: 20px;
	}
	.yx-col .list .item{
		width: 33.33%;
	}
}
@media only screen and (max-width: 560px){
	.yx-col .list .item{
		width: 50%;
	}
}
/*引流软件特色优势*/
@media only screen and (max-width: 1100px){
	.ts-col .list .item .box{
		width: calc(100% - 10px);
		margin: 5px auto;
	}
}
@media only screen and (max-width: 768px){
	.ts-col .list{
		padding-top: 10px;
	}
	.ts-col .list .item{
		width: 33.33%;
	}
	.ts-col .list .item .box .h3{
		font-size: 16px;
	    margin: 6px 0 10px;
	}
	.ts-col .list .item .box .icon{
		margin: 20px auto;
	}
}
@media only screen and (max-width: 483px){
	.ts-col .list .item{
		width: 50%;
	}
}
@media only screen and (max-width: 329px){
	.ts-col .list .item{
		width: 100%;
	}
	.ts-col .list .item .box,.ts-col .list .item .box .txt{
		height: auto;
	}
	.ts-col .list .item .box .txt{
		margin: 0 0 20px;
	}
}
.js-col .img img,.qw-col .img img{
	width: 100%;
	height: auto;
	display: block;
}
@media only screen and (max-width: 768px){
	.js-col .img,.qw-col .img{
		padding: 20px 0 0;
	}
}
/*我们的优势*/
@media only screen and (max-width: 1072px){
	.ys-col .list .item .box{
		margin: 10px;
		padding: 20px 10px;
	}
}
@media only screen and (max-width: 892px){
	.ys-col .list .item .box .txt{
		height: 75px;
	}
}
@media only screen and (max-width: 768px){
	.ys-col .list{
		margin-top: 20px;
	}
}
@media only screen and (max-width: 640px){
	.ys-col .list .item .box .txt{
		height: 100px;
	}
}
@media only screen and (max-width: 556px){
	.ys-col .list .item{
		width: 50%;
	}
	.ys-col .list .item .box .txt{
		height: 75px;
	}
	.qw-col .text .p{
		line-height: 1.5;
	}
	.qw-col .text{
		padding: 10px;
		margin: 20px 0 0;
	}
}
@media only screen and (max-width: 432px){
	.ys-col .list .item .box .txt{
		height: 100px;
	}
}
@media only screen and (max-width: 348px){
	.ys-col .list .item{
		width: 100%;
	}
	.ys-col .list .item .box .txt{
		height: auto;
	}
}
@media only screen and (max-width: 767px) and (min-width: 0px){
.hero_slider_bg {
    height: 300px !important;
}
}
.zaixianjy {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
}

.zaixianjy ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0;
}

.zaixianjy li {
	float: left;
	border-radius: 5px;
	padding: 20px;
	width: 30.33%;
	height: auto;
	box-sizing: border-box;
	box-shadow: 0 0px 5px 0 rgba(48, 64, 79, .1);
	transform: scale(1);
	transition: transform .2s ease-out;
	margin: 10px 1.5%;
	list-style: none;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.zaixianjy li:hover {
	transform: scale(1.05);
}

.online-text p {
	color: #7f8999;
	margin-top: 30px;
	width: 100%;
	min-height: 60px;
}

.rightTry {
	width: 109px;
	height: 34px;
	line-height: 34px;
}

.zaixian0 {
	background-image: url(../images/jy-bg-s.png), url(/static/images//jy-bg-d.png);
}

.zaixian1 {
	background-image: url(../images/zs-bg-s.png), url(/static/images//zs-bg-d.png);
}

.zaixian2 {
	background-image: url(../images/wx-bg-s.png), url(/static/images//wx-bg-d.png);
}

.zaixian3 {
	background-image: url(../images/cp-bg-s.png), url(../images/cp-bg-s.png);
}

.zaixian4 {
	background-image: url(../images/dx-bg-s.png), url(/static/images//dx-bg-d.png);
}

.zaixian5 {
	background-image: url(../images/yx-bg-s.png), url(/static/images//yx-bg-d.png);
}

.ss-mbtn-01 {
    transition: all ease .2s;
    background: #2c86fb;
    border: 1px solid #2c86fb;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.center {
    text-align: center;
}
.fs14 {
    font-size: 14px!important;
}

.zaixian-h{
	overflow: hidden;
}

.zaixian-h>img{
	float: left;
	width: 40px;
	height: auto;
	display: block;
}

.zaixian-h>p{
	float: left;
	width: calc(100% - 50px);
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	margin: 10px 0 10px 10px;
}

@media only screen and (max-width: 768px) {
	.zaixianjy li{
		width: 47%;
	}
}
@media only screen and (max-width: 540px) {
	.zaixianjy li{
		background-size: 40% auto;
	}
	.rightTry{
		width: 90px;
		height: 30px;
		line-height: 30px;
		border-radius: 18px;
	}
	.online-text p{
		margin: 15px 0;
	}
}
@media only screen and (max-width: 470px) {
	.zaixianjy li{
		padding: 10px;
	}
	.zaixian-h>p{
		font-size: 14px;
	}
}
@media only screen and (max-width: 406px) {
	.zaixianjy li{
		width: 94%;
	}
}
.nav-header .nav-body .nav-item .child-nav-div{
	max-width: 1200px;
	left: 50%;
	transform: translateX(-50%);
}