
/* *****************************内容开始********************************** */
.container{
	padding-top:1rem !important;
	background:#fff !important;
}
/* 轮播部分 */
.container_slider{
	width:100%;
	height:9.8rem;
}
#slider{
	width:100%;
	height:100%;
}
.banner_slider_dian li{
	width:0.18rem !important;
	height:0.18rem !important;
	border:0.03rem solid rgba(255,255,255,1) !important;
	border-radius:9px !important;
	background:transparent !important;
	box-shadow: none !important;
}
.banner_slider_dian li.mui-active{
	background: #237480 !important;
	border:0 !important;
	position:relative;
}
.banner_slider_dian li.mui-active:after{
	content:"";
	display:block;
	width:0.3rem;
	height:0.3rem;
	background: transparent;
	border:0.06rem solid rgba(255,255,255,1);
	box-sizing:border-box;
	border-radius:50%;
	position:absolute;
	top:-0.06rem;
	left:-0.06rem;
}
/* 品牌基础服务 */
.container_serve{
	width:100%;
	margin-top:0.9rem;
}
.npc{
	width: 100%;
	height:2.18rem;
	background:url(../img/npc_bg.png) no-repeat center;
	background-size:2.18rem 2.18rem;
	margin-top:0.4rem;
	margin-bottom:0.2rem;
	padding-top:0.35rem;
	box-sizing: border-box;
}
.npc>b{
	color:#333333;
	font-size: 0.45rem;
	line-height: 1;
	display: block;
	text-align: center;
	margin-bottom:0.16rem;
}
.npc>p{
	color:#999999;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.3rem;
	width:6.4rem;
	margin:0 auto;
}
.npc_img{
	width: 1.55rem;
	heigth:0.22rem;
	margin:0.13rem auto 0;
}
.npc_img>img{
	display: block;
	width: 100%;
	height: 100%;
}
.container_serve_list{
	width:100%;
	height:5rem;
	margin-top:0.22rem;
	position:relative;
}
.container_serve_list .container_serve_img{
	width:100%;
	height:100%;
	overflow:hidden;
}
.container_serve_img ul{
	width:100%;
	height:100%;
	position:relative;
}
.container_serve_img ul li{
	width:100%;
	height:100%;
	opacity:0;
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
	transition:all .4s ease;
}
.container_serve_img ul li.on{
	opacity:1;
	z-index:1;
}
.container_serve_img ul li .container_serve_img_pro{
	width:100%;
	height:100%;
	position:relative;
}
.container_serve_img_pro img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.container_serve_img_pro .container_serve_img_meng{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);
	position:absolute;
	z-index:2;
}
.container_serve_img_text{
	position:absolute;
	width:100%;
	z-index:3;
	text-align:center;
	padding-top:1.7rem;
}
.container_serve_img_text>span{
	color:#fff;
	font-size:0.4rem;
}
.container_serve_img_text a{
	display:block;
	width:1.5rem;
	margin:0 auto;
}
.container_serve_img_text a span{
	color:#fff;
	font-size:0.28rem;
	float:left;
}
.container_serve_img_text a i{
	display:block;
	float:left;
	width:0.45rem;
	height:0.12rem;
	margin-left:0.12rem;
	margin-top:0.20rem;
	background:url(../img/spr_phone.png)no-repeat -0.2rem -6.6rem;
	background-size:5.2rem 12rem;
}
.container_serve_btn{
	position:absolute;
	width:4.7rem;
	height:0.8rem;
	top:100%;
	left:50%;
	z-index:99;
	margin-top:-0.4rem;
	margin-left:-2.35rem;
}
.container_serve_btn ul li{
	float:left;
	margin-right:0.5rem;
}
.container_serve_btn ul li:last-child{
	margin-right:0;
}
.container_serve_btn ul li a{
	display:block;
	width:0.8rem;
	height:0.8rem;
	background:#fff;
	box-shadow:0px 14px 29px 0px rgba(147,147,147,0.1);
	border-radius:50%;
	padding:0.08rem;
	box-sizing:border-box;
	text-align:center;
	transition: all .1s linear;
}
.container_serve_btn ul li a.on{
	background:#247581;
}
.container_serve_btn ul li a.on i{
	background-position-y: -1.44rem;
}
.container_serve_btn ul li a i{
	display:block;
	width:0.65rem;
	height:0.65rem;
	background:url(../img/spr_phone.png)no-repeat -0.2rem -0.78rem;
	background-size:5.2rem 12rem;
	transition:all .2s linear;
}
.container_serve_btn ul li a span{
	color:#666;
	font-size:0.2rem;
}
.container_serve_btn ul li:nth-child(2) a i{
	background-position-x:-0.87rem;
}
.container_serve_btn ul li:nth-child(3) a i{
	background-position-x:-1.53rem;
}
.container_serve_btn ul li:nth-child(4) a i{
	background-position-x:-2.19rem;
}

/* 案例 */
.container_case{
	padding-top:1.2rem;
	background:#F7F9F8;
}
.title_text{
	text-align: center;
}
.title_text span{
	color:#333;
	font-size:0.36rem;
	font-weight:bold;
}
.title_text p{
	color:#666;
	font-size:0.2rem;
	width:6.5rem;
	margin:0 auto;
	line-height:0.3rem;
}
.container_case_slider{
	padding:0rem 0.35rem;
	padding-bottom:0.58rem;
}
.case_slider{
	width:6.8rem !important;
	height:4.25rem !important;
	margin-top:0.46rem !important;
}
.container_case_brand,.container_case_package{
	background:#fff;
	padding-top:0.6rem;
}
.case_brand_list,.case_package_list{
	width:100%;
	height:4.8rem;
	margin-top:0.35rem;
	padding:0 0.2rem;
}
.case_brand_list ul li{
	float:left;
}
.case_brand_list ul li:nth-child(1){
	width:3.5rem;
	height:4.8rem;
	margin-right:0.2rem;
}
.case_brand_list ul li:nth-child(2){
	width:3.4rem;
	height:2.3rem;
	margin-bottom:0.2rem;
}
.case_brand_list ul li:nth-child(3){
	width:3.4rem;
	height:2.3rem;
}
.case_brand_list ul li a,.case_package_list ul li a{
	display:block;
	width:100%;
	height:100%;
}
.case_brand_list ul li a img,.case_package_list ul li a img{
	width:100%;
	height:100%;
}
.container_case_package{
	padding-bottom:0.8rem;
}
.container_case_package .case_package_list ul li{
	float:left;
}
.case_package_list ul li:nth-child(1){
	width:3.8rem;
	height:2.3rem;
	margin-right:0.2rem;
	margin-bottom:0.2rem;
}
.case_package_list ul li:nth-child(2){
	width:3.1rem;
	height:2.3rem;
	margin-bottom:0.2rem;
}
.case_package_list ul li:nth-child(3){
	width:3.1rem;
	height:2.3rem;
	margin-right:0.2rem;
}
.case_package_list ul li:nth-child(4){
	width:3.8rem;
	height:2.3rem;
}
.container_case_digitization{
	width:100%;
	height:8rem;
	padding-top:0.5rem;
	background:url(../img/container_case_digitization_bg.png)no-repeat 0 0;
	background-size:cover;
	position:relative;
}
.container_case_digitization .title_text span{
	color:#fff;
}
.container_case_digitization .title_text p{
	color:#ccc;
}
.case_digitization_img{
	width:100%;
	height:4.23rem;
	position:absolute;
	bottom:0;
	left:0;
}
.case_digitization_img img{
	width:100%;
	height:100%;
}
.case_digitization_list{
	width:6rem;
	margin:0.4rem auto;
}
.case_digitization_list ul li{
	float:left;
	margin-right:0.25rem;
}
.case_digitization_list ul li:last-child{
	margin-right:0;
}
.case_digitization_pro{
	width:1rem;
	text-align:center;
}
.case_digitization_pro i{
	display:block;
	width:0.5rem;
	height:0.5rem;
	margin:0 auto;
	background:url(../img/spr_phone.png) no-repeat -0.2rem -11.3rem; 
	background-size:5.2rem 12rem;
}
.case_digitization_pro span{
	color:#fff;
	font-size:0.24rem;
	line-height:1;
}
.case_digitization_list ul li:nth-child(2) i{
	background-position-x:-0.72rem;
}
.case_digitization_list ul li:nth-child(3) i{
	background-position-x:-1.24rem;
}
.case_digitization_list ul li:nth-child(4) i{
	background-position-x:-1.76rem;
}
.case_digitization_list ul li:nth-child(5) i{
	background-position-x:-2.28rem;
}

/* 渠道建设板块 */
.container_channel .container_channel_top{
	margin-top:0.15rem;
	padding-bottom:0.37rem;
}
.container_channel_top ul li{
	float:left;
}
.container_channel_top ul li:nth-child(1){
	box-shadow:0px 1px 0px 0px rgba(242,242,242,1), 1px 0px 0px 0px rgba(242,242,242,1);
}
.container_channel_top ul li:nth-child(2){
	box-shadow:0px 1px 0px 0px rgba(242,242,242,1), 0px 0px 0px 0px rgba(242,242,242,1);
}
.container_channel_top ul li:nth-child(3){
	box-shadow:0px 0px 0px 0px rgba(242,242,242,1), 1px 0px 0px 0px rgba(242,242,242,1);
}
.container_channel_top ul li a{
	display:block;
	width:3.75rem;
	height:3.8rem;
	text-align:center;
	padding-top:0.5rem;
}
.container_channel_top ul li a i{
	display:block;
	width:0.9rem;
	height:0.9rem;
	background:url(../img/spr_phone.png)no-repeat -0.2rem -2.1rem;
	background-size:5.2rem 12rem;
	margin:0 auto;
	margin-bottom:0.5rem;
}
.container_channel_top ul:after{
	content:"";
	display:block;
	clear:both;
}
.container_channel_top ul li:nth-child(2) a i{
	background-position-x:-1.12rem;
}
.container_channel_top ul li:nth-child(3) a i{
	background-position-x:-2.04rem;
}
.container_channel_top ul li:nth-child(4) a i{
	background-position-x:-2.96rem;
}
.container_channel_top ul li a span{
	color:#333;
	font-size:0.36rem;
	font-weight:bold;
}
.container_channel_top ul li a p{
	width:2.7rem;
	font-size:0.2rem;
	margin:0.2rem auto;
	line-height:0.3rem;
}
.container_channel_chain{
	padding-top:0.55rem;
	background:#F7F9F8;
}
.container_channel_chain .channel_chain_pro{
	margin-top:0.5rem;
	padding:0 0.2rem;
}
#chain_list_pro{
	background:#F7F9F8 !important;
}
.channel_chain_pro>img{
	width:100%;
	height:3.6rem;
}
.channel_chain_list{
	width:100%;
	overflow:hidden;
	height:1.95rem !important;
	position:relative;
	padding-bottom:0.2rem;
	box-sizing:content-box !important;
}
.channel_chain_list ul{
	width:230% !important;
	position:absolute;
}
.channel_chain_list ul li{
	float:left;
	width:3.1rem;
	height:1.95rem;
	margin-right:0.2rem;
}
.channel_chain_list ul li img{
	width:100%;
	height:100%;
}
.container_channel_market{
	padding-top:0.55rem;
	padding-bottom:0.4rem;
	width:100%;
	background:url(../img/container_channel_market_bg.png)no-repeat 100% 100%;
	background-size:cover;
}
.channel_market_list{
	width:100%;
	padding:0.5rem 0.2rem;
}
.channel_market_list ul{
	position:relative;
}
.channel_market_list ul:after{
	content:"";
	display:block;
	clear:both;
}
.channel_market_list ul li{
	float:left;
	width:3.5rem;
	height:5.46rem;
}
.channel_market_list ul li:nth-child(1){
	margin-right:0.2rem;
	margin-bottom:0.2rem;
	width:3.4rem;
	height:2.63rem;
}
.channel_market_list ul li:nth-child(3){
	margin-right:0.2rem;
	width:3.4rem;
	height:2.63rem;
	position:absolute;
	top:2.83rem;
}
.channel_market_list ul li a{
	display:block;
	width:100%;
	height:100%;
}
.channel_market_list ul li a img{
	width:100%;
    height:100%;
}
.channel_market_btn{
	margin-top:0.1rem;
	width:100%;
	padding:0 0.2rem;
}
.channel_market_btn a{
	width:100%;
	height:1rem;
	text-align:center;
	line-height:1rem;
	border:1px solid #737573;
	color:#737573;
	font-size:0.34rem;
}
/* 深耕策划设计16年 助力企业成王 */
.container_concept{
	width:100%;
}
.container_concept .title{
	width:100%;
	height:2rem;
	background:url(../img/container_concept_title_bg.png)no-repeat 100% 100%;
	background-size:cover;
	text-align:center;
	padding-top:0.35rem;
	box-sizing:border-box;
}
.container_concept .title span{
	color:#fff;
	font-size:0.45rem;
	font-weight:500;
	line-height:1.5;
}
.container_concept .title p{
	color:#ccc;
	font-size:0.2rem;
	width:4.2rem;
	margin:0 auto;
	line-height:0.32rem;
}
.container_concept_pro{
	margin-top:0.5rem;
	height:7.11rem;
}
.container_concept_pro img{
	width:100%;
	height:100%;
}
/* 它们是我们的深度合作伙伴 */
.container_cooperation{
	padding-bottom:0.7rem;
	position:relative;
}
.cooperation_logo{
	position:absolute;
	width:2.3rem;
	height:1.6rem;
	top:50%;
	left:50%;
	margin-top:0.07rem;
	margin-left:-1.15rem;
}
.container_cooperation_pro{
	margin-top:0.3rem;
	width:100%;
	height:8.45rem;
	padding:0 0.2rem;
	box-sizing:border-box;
}
.container_cooperation_pro img{
	width:100%;
	height:100%;
}
/* .container_cooperation_pro{
	margin-top:0.3rem;
	width:100%;
	height:8.45rem;
	background:url(../img/container_cooperation_pro_bg.png)no-repeat;
	background-size:cover;
	padding:0 0.2rem;
}
.container_cooperation_pro ul li{
	float:left;
}
.container_cooperation_pro ul:after{
	content:"";
	display:block;
	clear:both;
}
.container_cooperation_pro ul li{
	width:2.3rem;
	height:1.6rem;
	margin-right:0.1rem;
	margin-bottom:0.1rem;
	border:1px solid #E8E8E8;
	box-sizing:border-box;
	background:rgba(255,255,255,.3);
}
.container_cooperation_pro ul li:nth-child(3n){
	margin-right:0;
}
.container_cooperation_pro ul li img{
	width:100%;
	height:100%;
} */
/* 狼性+王者文化 专职专业团队 */
.container_team_img{
	margin-top:0.4rem;
}
.container_team_img ul li{
	float:left;
	width:50%;
	height:2.7rem;
}
.container_team_img ul:after{
	content:"";
	display:block;
	clear:both;
}
.container_team_img ul li:nth-child(1){
	width:100%;
	height:4.5rem;
}
.container_team_img ul li img{
	width:100%;
	height:100%;
}
/* 未来我们想辅佐更多的企业成王 */
.container_future{
	width:100%;
	padding-bottom:0.5rem;
}
.container_future_pro{
	margin-top:0.35rem;
	padding:0 0.3rem;
	width:100%;
}
.container_future_pro ul li{
	margin-bottom:0.3rem;
}
.container_future_pro ul li a{
	display:block;
	width:100%;
	height:3.4rem;
	background:url(../img/future_pro_one_bg.png)no-repeat;
	background-size:cover;
	border-radius:0.1rem;
	padding-top:1.12rem;
	padding-left:0.64rem;
	overflow:hidden;
}
.container_future_pro ul li:nth-child(2) a{
	background:url(../img/future_pro_two_bg.png)no-repeat;
	background-size:cover;
    padding-left:3.67rem;
}
.container_future_pro ul li a span{
	color:#323232;
	font-size:0.36rem;
	font-weight:bold;
}
.container_future_pro ul li a p{
	color:#909090;
	font-size:0.2rem;
}
