@media (max-width: 1100px){
	html,body {
		min-width: initial;
	}
	#header{
		min-width: initial;
	}
	#header .logo{
		left: 15px;
	}
	#header .contactus{
		margin:17px 15px 0;
	}
	#header .menu li{
		padding:0 9px;
	}
	#header .menu li.hasarrow::before{
		right: -7px;
	}
	.banner .slogan{
		font-size: 40px;
		width: 520px;
	}
	.banner .slogan::before,
	.banner .slogan::after{
		transform: scale(.6);
		margin-top:28px;
	}
	.banner .slogan::before{
		left: -163px;
	}
	.banner .slogan::after{
		right: -163px;
	}
	
	#bailian-product .content,
	#bailian-technology .content,
	#bailian-industry .content,
	#bailian-partner .content,
	#bailian-solution .solution-content,
	#newlist .content,
	#footer .content{
		width: 100%;
	}
	
	#bailian-technology .content{
		padding-top:100px;
	}
	#bailian-solution{
		margin-top:50px;
	}
	
	#bailian-product ul li{
		width: calc(100% / 2 - 40px);
		margin:0 0 20px 20px;
	}
	#bailian-technology .content .title img,
	#bailian-industry .content .title img{
		width: 90%;
	}
	#bailian-technology ul li{
		width: calc(100% / 3 - 30px);
		margin:0 0 0 20px;
	}
	#bailian-industry{
		margin-top:50px;
	}
	#bailian-partner ul li,
	.about .hzhb .content .box ul li{
		width: calc(100% / 4 - 45px);
		margin:0 0 20px 20px;
	}
	#bailian-partner ul li img,
	.about .hzhb .content .box ul li img{
		width: 100%;
		height: auto;
	}
	#footer ul{
		margin:0 0 0 20px;
	}
	#footer ul:nth-child(1){
		width:150px;
	}
	#footer ul:nth-child(2),
	#footer ul:nth-child(3){
		width: 210px;
	}
	#footer .content .catalog div{
		margin:0 20px;
	}
	.about .section .content{
		width: 90%!important;
	}
	.about .gsjj .content{
		height: auto;
	}
	.about .qywh .content{
		width: 100%!important;
	}
	.about .qywh .content .item{
		width: 50%!important;
	}
	.about .fzlc{
		background-size: auto 100%;
	}
	.about .section .content .title.fourth{
		width: 100%;
	}
	.about .ryzz .content .box ul li{
		margin-right:30px;
	}
	.product .banner h1{
		font-size: 36px;
	}
	.product .banner-tab li{
		width: 116px;
	}
	.solution .banner-tab li{
		width: 100px;
	}
	.product .banner-tab li:last-child{
		width: 130px;
	}
	.product .banner-tab li.active a{
		background-size: 20px;
		background-position: 15px center;
	}
	/* 产品 */
	.product .productDesc .content .rightInfo img{
		width: 100%;
	}
	.product .section .content{
		width: 100%;
		padding:60px 40px;
	}
	.product .flow .content img{
		width: 100%;
	}
	.solution .banner h2{
		padding:20px 10%;
		font-size: 20px;
	}
	.solution .banner h2 span{
		display: inline;
	}
	.solution .example{
		padding:0;
	}
	.solution .flow{
		height: auto!important;
	}
	.solution .advantage2 .content .leftInfo{
		display: none;
	}
	
	.solution .example .content .bottomLine .floatul{
		padding:0;
	}
	.solution .example .content .bottomLine .floatul li{
		width: calc(100% / 3 - 4px);
		margin:0;
		text-align: center;
	}
	.product .scene .content .storeUl{
		width:100%;
		overflow: auto;
	}
	.product .scene .content .storeUl li{
		min-width: auto;
		width: calc(50% - 20px);
	}
	.product .scene .content .storeUl li:nth-child(odd){
		margin:0 40px 40px 0!important;
	}
	.product .scene .content .storeUl li:nth-child(even){
		margin:0 0 40px 0!important;
	}
	
	/* 加入我们 */
	.joinus .content{
		width: 100%;
		padding: 0 20px;
	}
	
	.joinus .content h2{
		font-size: 30px;
		line-height: 100px;
	}
	.jobs .tr .td:nth-child(1){
		width: calc(50% - 55px);
	}
	.jobs .tr .td:nth-child(3){
		width: 30%;
	}
	.jobs .detail .title{
		margin:20px 0 10px
	}
	.jobs .detail {
		line-height: 30px;
	}
}

/* ipad横屏 ： */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
	
	#bailian-solution ul li{
		width: calc(100% / 3);
		height:343px;
	}
	#bailian-solution ul li img{
		margin:58px 0 0;
	}
	#bailian-partner ul li,
	.about .hzhb .content .box ul li{
		width: calc(100% / 4 - 50px);
		margin:0 0 40px 20px;
	}
	#newlist ul li{
		width: calc(100% / 3 - 33px);
		margin:0 0 20px 20px;
	}
	#newlist ul li img{
		height:230px;
	}
	#newlist .content .more{
		margin:20px 0 100px;
	}
	/* 产品 */
	.product .productDesc .content .leftInfo{
		width: 38%;
	}
	.product .productDesc .content .leftInfo ul{
		width: 80%;
	}
	.product .productDesc .content .rightInfo{
		width: 60%;
		margin-top: 30px;
	}
	.product .example .content .topLine .left{
		width: calc(40% - 20px)!important;
	}
	.product.gene .section .content .topLine:nth-child(3) .left{
		width: 100%!important;
	}
	.product .example .content .topLine .right{
		width: 60%!important;
	}
	.product .example .content .topLine .right:after{
		bottom:auto;
		top:-55px;
		transform: scale(.7);
	}
	.product .example .content .bottomLine .compare .middle{
		width: 140px;
		font-size: 60px;
	}
	.product .example .content .bottomLine .compare .left,
	.product .example .content .bottomLine .compare .right{
		width: calc(100% / 2 - 70px);
	}
	.product .scene .content ul li{
		width: calc(100% / 3 - 20px);
		min-width: auto;
		font-size: 20px;
	}
	.product .scene .content ul li:nth-child(2), .product .scene .content ul li:nth-child(5){
		margin:0 30px;
	}
	.product .scenebg{
		min-height: 400px;
	}
	.product .advantage .content ul li p{
		font-size: 18px;
	}
	.product .example .content .technology p{
		font-size: 14px;
		padding:15px;
	}
	.product .scene .content ul.long li{
		width: calc(50% - 15px);
		font-size: 16px;
	}
	.product .scene .content ul.long li:nth-child(2){
		margin:0 0 0 30px;
	}
	.product .example .content .topLine.long .left{
		width: 100%!important;
	}
	
	.product.tgb .example .content .topLine{
		min-height: 400px;
	}
	.product.tgb .example .content .topLine .left,
	.product.tgb .example .content .topLine .right{
		height: 400px;
	}
	.solution.gene .banner h2 span
	.solution.tgb .banner h2 span{
		display: block;
	}
}

/* ipad竖屏 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){ 
	#bailian-solution ul li{
		width: 100%;
	}
	#bailian-solution{
		height: 1020px;
	}
	#bailian-solution li .des{
		width:60%;
		margin-left:20%;
	}
	#bailian-solution li .detail{
		bottom: 20%;
		left: 50%;
		transform: translateX(-50%);
	}
	#newlist ul li{
		width: calc(100% / 2 - 40px);
		margin:0 0 20px 20px;
	}
	#newlist ul li:nth-child(2){
		display: none;
	}
	#newlist .content .more{
		margin:20px 0 100px;
	}
	.about .qywh .content .item p span{
		width: 48%;
	}
	.about .cstd .content .box ul li{
		width: 100%;
		margin-bottom: 30px;
	}
	.about .fzlc{
		height:2500px;
	}
	.about .ryzz .content .box ul li{
		margin:0 30px 30px;
	}
	
	/* 产品 */
	.product .productDesc .content .leftInfo,
	.product .productDesc .content .rightInfo{
		float:none;
	}
	.product .productDesc .content .leftInfo{
		width: 100%;
		margin-bottom: 30px;
	}
	.product .productDesc .content .leftInfo h3{
		margin:20px 0;
	}
	.product .example .content .topLine{
		margin: 0;
		height:auto!important;
	}
	.product .example .content .topLine::after{
		content: '';
		clear: both;
		display: block;
	}
	.product .example .content .topLine .left,
	.product .example .content .topLine .right{
		width: 100%!important;
		height:auto!important;
		padding:30px;
		margin:0 0 30px;
	}
	.product .example .content .topLine .right:after{
		bottom:auto;
		top:-55px;
		transform: scale(.7);
	}
	.product .example .content .bottomLine .compare .left{
		width: 50%;
		padding-right:10px;
	}
	.product .example .content .bottomLine .compare .middle{
		display: none;
	}
	.product .example .content .bottomLine .compare .right{
		width: 50%;
		padding-left:10px;
	}
	.product .example .content .bottomLine .compare h5{
		text-align: center;
		margin: 0 0 20px;
		padding: 0;
	}
	.product .example .content .bottomLine .compare ul li{
		border-radius: 10px;
		height: 100px;
	}
	.product .example .content .bottomLine p{
		margin: 0 0 30px;
	}
	.product .scene .content h3{
		margin:0 0 30px;
	}
	.product .scene .content ul li{
		width: 100%;
		margin:0 0 40px!important;
	}
	.product .advantage .content ul{
		display: block;
	}
	.product .advantage .content ul li{
		width: 100%!important;
		padding:0 0 0 30px;
		text-align: left;
		margin:0 0 30px!important;
	}
	.product .advantage .content ul li img{
		vertical-align: middle;
		margin:0;
	}
	.product .advantage .content ul li p{
		width: calc(100% - 120px);
		text-align: left;
		display: inline-block;
		vertical-align: middle;
		padding-left: 15px;
	}
	.product .advantage .content ul li p span{
		display: inline;
	}
	.product .advantage{
		min-height: auto;
	}
	.product .scene .content ul.long li{
		width: 100%;
	}
	.product .productDesc .content .leftInfo .btn{
		display: none;
	}
	.product .example .content .solution p{
		vertical-align: top;
		min-height: 122px;
		margin:0;
	}
	.product .example .content .bottomLine dl{
		width: 100%;
		margin: 0 0 15px;
		background: #b4bbd4;
		border-radius: 5px;
		padding: 10px;
		color: #fff;
		font-size: 16px;
	}
	
	.product.tgb .example .content .bottomLine .floatul li{
		margin:10px 45px 10px 0;
	}
} 


@media (max-width: 750px){
	html,
	body {
		min-width: initial;
		font-family: '苹方-简', 'Microsoft YaHei', '微软雅黑', Helvetica, Arial, sans-serif;
		font-size: 14px;
		color: #484949;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.media{
		display: block;
	}
	
	/* 页头 */
	#header{
		height: 45px;
		min-width: initial;
	}
	#header .logo{
		width: 85px;
		height: 30px;
		background-size: 100% auto;
		left: 15px;
	}
	#header .contactus{
		width: auto;
		height: 22px;
		line-height: 22px;
		font-size: 9px;
		padding:0 10px;
		margin:13px 15px 0 0;
	}
	
	/* 页尾 */
	#footer{
		height: auto;
		padding: 0 15px;
	}
	#footer .content{
		padding-top:20px;
	}
	#footer ul li{
		width: 130%;
	}
	#footer .content .catalog{
		margin: 0;
	}
	#footer .content .catalog ul:nth-child(1),
	#footer .content .catalog ul:nth-child(2),
	#footer .content .catalog ul:nth-child(3){
		display: none;
	}
	#footer .content .catalog ul:nth-child(4) li:nth-child(2) em{
		width: 100%;
		display: block;
		font-size: 20px;
	}
	#footer .content .catalog div{
		margin-top: 40px;
	}
	#footer .catalog img{
		width: 70px;
	}
	#footer .content .catalog h2{
		line-height: 40px;
		font-size: 9px;
		color:#9499a8;
	}
	#footer ul li em{
		color:#fff!important;
	}
	#footer .content .copyright{
		width: 100%;
		height: 50px;
		position: relative;
	}
	#footer .content .copyright img{
		width: 80px;
		position: absolute;
		right: 0;
		bottom: 15px;
	}
	#footer .content .copyright a{
		font-size: 8px;
		position: absolute;
		left: 0;
		bottom: 3px;
		text-align: left;
	}
	
	/* 商务合作 */
	.dlgMsg{
		left: 5%;
		right: 5%;
		width: auto;
		padding: 0px;
	}
	.dlgMsg.contactForm:before{
		font-size: 20px;
		margin-top: 40px;
	}
	#form-contact ul{
		width: 100%;
	}
	#form-contact ul li{
		padding:0 15px 10px;
	}
	#form-contact .operate button{
		padding:0 20px;
	}
	#form-contact ul li label.error{
		left: 15px;
	}
	#form-contact ul li b{
		right: 20px;
	}
	
	/* 首页 */
	.home .banner{
		width: 100%;
		height: 180px!important;
		min-width: initial;
		background-image: url(https://cdn.001.bailian-ai.com/web2/images/media/index/banner-index.jpg);
		background-size: 100% 100%;
	}
	.banner .slogan{
		width: 260px;
		font-size: 20px;
		transform: translateX(-50%) translateY(-50%);
	}
	.banner .slogan::before,
	.banner .slogan::after{
		transform: scale(.3);
		left: -135px;
		top:-29px;
	}
	.banner .slogan::after{
		left:auto;
		right: -135px;
	}
	.banner .leftmsk,.banner .rightmsk{
		width: 100%;
	}
	
	
	#bailian-product .content,
	#bailian-solution .solution-content,
	#bailian-technology .content,
	#bailian-industry .content,
	#bailian-partner .content,
	#newlist .content,
	#footer .content{
		width: 100%;
	}
	
	#bailian-product .content{
		padding-top: 30px;
	}
	
	#bailian-product .content .title img{
		width: 60%;
	}
	#bailian-product .content .title h2{
		font-size: 20px;
		top: -10px
	}
	#bailian-product ul li{
		width: calc(50% - 35px);
		height: 150px;
		margin: 0 0 15px 15px;
	}
	#bailian-product ul li img{
		margin:10px 0 0;
		width: 72px;
	}
	#bailian-product ul li h5{
		font-size: 14px;
		padding: 3px;
	}
	#bailian-product ul li p{
		font-size: 10px;
		line-height: 16px;
	}
	#bailian-product ul li p.normal{
		display: none;
	}
	#bailian-product ul li p.media{
		display: inline-block;
	}
	#bailian-product li .product-hover{
		display: none;
	}
	#bailian-solution{
		height: auto;
		margin-top:30px;
		background-size: 100% 100%;
		z-index: 2;
	}
	#bailian-solution .content .title{
		padding-top:30px;
	}
	#bailian-solution .content .title img{
		width: 60%;
	}
	#bailian-solution .content .title h2{
		font-size: 20px;
		top:-10px;
	}
	#bailian-solution .solution-content{
		position: static;
	}
	#bailian-solution ul li{
		width: 100%;
		height: 260px;
		background-size: 110% 110%!important;
		background-position: -10px -10px!important;
	}
	#bailian-solution ul li:first-child,
	#bailian-solution ul li:last-child{
		border-radius: 0;
	}
	#bailian-solution ul li img{
		height: 50px!important;
		margin-top: 40px;
	}
	#bailian-solution ul li h5{
		padding: 30px 0 20px;
	}
	#bailian-solution li .detail{
		bottom: 15px;
	}
	#bailian-solution li .name{
		padding-top: 30px;
	}
	#bailian-technology{
		margin-top: 522px;
		position: relative;
		z-index: 1;
	}
	#bailian-technology .content{
		padding-top: 30px;
	}
	#bailian-technology .content .title img{
		width: 80%;
	}
	#bailian-technology .content .title h2{
		font-size: 20px;
		top:-10px;
	}
	#bailian-technology ul li{
		width:calc(100% - 30px);
		height: auto;
		margin:0 0 15px 15px;
		text-align: left;
		border: 1px solid #d4def8;
		border-radius: 6px;
		padding: 15px;
	}
	#bailian-technology ul li img{
		float:left;
		margin:0 0 0 5px;
	}
	#bailian-technology ul li h5{
		margin: 0 0  0 100px;
	}
	#bailian-technology ul li p{
		font-size: 10px;
		margin: 15px 0 0 5px;
		color:#484949;
	}
	#bailian-technology ul li .detail{
		display: none;
	}
	#bailian-technology ul li:nth-child(2) img{
		float:right;
		margin:5px 0 0 0;
	}
	#bailian-technology ul li:nth-child(2) h5{
		margin: 0 100px 0 0;
		text-align: right;
	}
	#bailian-technology ul li:nth-child(2) p{
		text-align: right;
	}
	#bailian-technology ul li:hover::after{
		display: none!important;
	}
	#bailian-industry{
		height: 300px;
		margin-top: 30px;
	}
	#bailian-industry .content .title{
		padding-top: 30px;
		margin-bottom: 20px;
	}
	#bailian-industry .content .title img{
		width: 80%;
	}
	#bailian-industry .content .title h2{
		font-size: 20px;
		top:-10px;
	}
	#bailian-industry ul li{
		transform: scale(.5);
	}
	
	#bailian-partner{
		
	}
	#bailian-partner .content{
		padding-top: 0;
	}
	#bailian-partner .content .title{
		padding-top: 30px;
		margin-bottom: 20px;
	}
	#bailian-partner .content .title img{
		width: 60%;
	}
	#bailian-partner .content .title h2{
		font-size: 20px;
		top:-10px;
	}
	#bailian-partner ul{
		width: 100%;
	}
	#bailian-partner ul li{
		width: calc(100% / 3 - 20px);
		height: 72px;
		margin:0 0 15px 15px;
	}
	#bailian-partner ul li img{
		width: 100%;
		height: auto;
	}
	
	#newlist .content{
		padding-top: 0;
	}
	#newlist .content .title{
		padding-top: 30px;
		margin-bottom: 20px;
	}
	#newlist .content .title img{
		width: 60%;
	}
	#newlist .content .title h2{
		font-size: 20px;
		top:-10px;
	}
	#newlist ul li{
		width: calc(100% - 45px);
		margin:0 0 15px 15px;
		padding:0 0 0 ;
	}
	#newlist ul li img{
		width: 90px;
		height: auto;
		float:left;
		margin: 6px 0 0 6px;
	}
	#newlist ul li h4{
		font-size: 14px;
		margin:0;
		padding:10px 10px 0;
	}
	#newlist ul li p{
		font-size: 11px;
		padding:0 10px;
	}
	#newlist .content .more{
		/* display: none; */
		margin-bottom: 30px;
	}
	
	/* 媒体中心 */
	.banner{
		width: 100%;
		height: 180px!important;
		min-width: initial;
		background-size: auto 100%;
		margin-top: 45px;
	}
	.banner .title{
		font-size: 20px;
		padding-top:60px;
	}
	.banner .title::after{
		width: 25px;
		height: 2px;
		border-radius: 1px;
		top: 100px;
	}
	.news #newlist{
		padding: 30px 0;
	}
	
	/* 关于百炼 */
	.about .qywh{
		height: 480px;
		margin-bottom: 30px;
	}
	.about .section .content{
		width: 100%;
	}
	.about .gsjj .content{
		height: auto;
		padding-top:36px;
	}
	.about .gsjj .content .title{
		height: 45px;
		background-size: auto 100%;
		margin-bottom: 25px;
	}
	.about .section .content .title h3{
		font-size: 20px;
		left: 15px;
	}
	.about .gsjj .content .box{
		padding: 0 15px;
	}
	.about .gsjj .content .box p{
		font-size: 13px;
		line-height: 20px;
	}
	.about .gsjj .content::after{
		display: none;
	}
	
	.about .qywh .content .title{
		width: 100px;
		height: 45px;
		background-size: auto 100%;
		top: 30px;
		right: 15px;
	}
	.about .section .content .title.second h3{
		color:#fff!important;
	}
	.about .qywh .content .item{
		width: 50%!important;
		height: 160px!important;
		padding: 40px 0 0 15px!important;
		
	}
	.about .qywh .content .item h4{
		font-size: 20px;
	}
	.about .qywh .content .item p{
		font-size: 13px;
		line-height: 20px;
	}
	.about .qywh .content .item.yj{
		top: 160px;
	}
	.about .qywh .content .item.jzg{
		padding:40px 15px 0!important;
		top: 320px;
	}
	.about .qywh .content .item p span{
		width: 50%;
		float: left;
	}
	.about .qywh .content .item p span:nth-child(2),
	.about .qywh .content .item p span:nth-child(4){
		text-align: right;
	}
	
	.about .section .content .title.third{
		height: 45px;
		background-size: auto 100%;
		margin-bottom: 30px;
	}
	
	.about .section .content .title h3{
		font-size: 20px;
		left: 15px;
	}
	
	.about .fzlc{
		height: 1400px;
		background-size: auto 100%;
		background-position: top center;
		margin-bottom: 30px;
		
	}
	.about .section.fzlc .content{
		width: 100%!important;
		padding-top:30px;
	}
	.about .section .content .title.fourth{
		width: 100%;
		height: 45px;
		background-size: auto 100%;
		background-position: center bottom;
		margin: 0 0 20px;
	}
	.about .section .content .title.fourth h3{
		font-size: 20px;
		left: 50%;
		transform: translateX(-50%);
	}
	.about .fzlc .content .box ul li{
		width: calc(100% - 60px);
		padding: 30px 0 0;
	}
	.about .fzlc .content .box ul li:nth-child(2n+1){
		margin:0 0 0 60px;
	}
	.about .fzlc .content .box ul li:nth-child(2n){
		border-right:0;
		margin:0 0 0 60px;
		border-left: 2px solid #668fee;
	}
	.about .fzlc .content .box ul li dl::before{
		width: 15px;
		height: 15px;
		background-size: 100% 100%;
		left: -10px!important;
		top:3px;
	}
	.about .fzlc .content .box ul li dl dd{
		width: calc(100% - 15px);
	}
	.about .fzlc .content .box ul li:nth-child(2n+1) dl{
		padding-left: 16px;
	}
	.about .fzlc .content .box ul li dl dd{
		padding:0 0 0 10px!important;
		background-size:5px 5px;
		background-position: left 8px;
		font-size: 12px;
		line-height: 20px;
	}
	.about .fzlc .content .box ul li:nth-child(2n) dl::before{
		right: auto;
		left: -16px;
	}
	
	.about .fzlc .content .box ul li:nth-child(2n+1) dl dt{
		left:-45px;
	}
	.about .fzlc .content .box ul li dl dt span.year{
		font-size: 12px;
	}
	.about .fzlc .content .box ul li dl dt span.month{
		font-size: 9px;
	}
	.about .fzlc .content .box ul li:nth-child(2n) dl{
		padding: 0 0 0 15px;
	}
	.about .fzlc .content .box ul li:nth-child(2n) dl dd{
		text-align: left;
		background-position: left 8px;
	}
	.about .fzlc .content .box ul li:nth-child(2n) dl dt{
		left: -45px;
	}
	
	.about .section .content .title.fifth{
		width: 100%;
		height: 45px;
		background-size: auto 100%;
		background-position: center bottom;
		margin: 0 0 40px;
	}
	.about .section .content .title.fifth h3{
		font-size: 20px;
		left: 50%;
		transform: translateX(-50%);
	}
	.about .ryzz .content .box ul{
		width: 100%;
	}
	.about .ryzz .content .box ul li{
		width: calc(50% - 22px);
		height: 95px;
		margin:0 0 15px 15px;
	}
	.about .ryzz .content .box ul li .desc p{
		font-size: 12px;
		line-height: 20px;
	}
	.about .ryzz .content .box{
		padding:0 0 30px;
	}
	
	
	.about .section .content .title.sixth{
		height: 45px;
		background-size: auto 100%;
		margin-bottom: 30px;
	}
	.about .hzhb .content .box{
		padding:0;
	}
	.about .hzhb .content .box ul{
		width: 100%;
	}
	.about .hzhb .content .box ul li{
		width: calc(100% / 3 - 20px);
		height: 72px;
		margin:0 0 15px 15px;
	}
	.about .hzhb .content .box ul li img{
		width: 100%;
		height: auto;
	}
	
	/* 产品-渠道宝 */
	.product .banner h1{
		font-size: 20px;
		padding-top: 55px;
	}
	.product .banner h1 span{
		display: block;
	}
	.product .banner-tab{
		width: calc(100% - 10px);
		left: 5px;
		bottom: -25px;
		box-shadow: 8px 0 40px rgba(51, 90, 212, 0.2);
	}
	.product .banner-tab h3{
		font-size: 12px;
		margin:0 0 10px;
	}
	.product .banner-tab ul{
		padding: 0 10px;
		background: #fff;
		overflow: hidden;
		border-radius: 5px;
		display: flex;
	}
	.product .banner-tab ul li{
		height: 45px;
		line-height: 45px;
		border:none!important;
		flex: 1;
	}
	.product .banner-tab ul li a{
		font-size: 12px;
		padding: 0!important;
		background: none!important;
		color:#484949;
	}
	.product .banner-tab ul li.active a{
		color: #02b6c2!important;
	}
	.product .banner-tab li:hover:after, .product .banner-tab li.active:after{
		height: 2px;
		width: 10px;
		left: 50%;
		bottom: 5px;
		transform: translateX(-50%);
		border:none;
	}
	.product .section .content{
		width: 100%;
		padding: 0 15px;
		position: relative;
	}
	.product .productDesc .content .leftInfo{
		width: 100%;
	}
	.product .productDesc .content .rightInfo{
		width: calc(100% - 30px);
		padding: 10px;
		border-radius: 10px;
		float: left;
		position: absolute;
		top: 60px;
	}
	.product .productDesc .content .rightInfo img{
		width: 100%;
		height: 180px;
	}
	.product .productDesc .content .leftInfo h3{
		font-size: 16px;
		margin: 290px 0 15px;
		
	}
	.product .productDesc .content .leftInfo p{
		font-size: 12px;
		line-height: 20px;
	}
	.product .section.productDesc{
		min-height: auto;
		padding-bottom: 30px;
	}
	.product .example .content h3,
	.product .scene .content h3,
	.product .advantage .content h3{
		font-size: 20px;
		padding: 60px 0 0;
		margin:0 0 30px;
	}
	.product .example .content .topLine .left,
	.product .example .content .topLine .right,
	.product .example .content .bottomLine{
		width: 100%!important;
		height: auto!important;
		padding: 15px;
	}
	.product .example .content .topLine .left{
		margin:0 0 15px;
	}
	.product .example .content .topLine h4,
	.product .example .content .bottomLine h4{
		font-size:14px;
		margin:0 0 15px;
	}
	.product .example .content .topLine p,
	.product .example .content .bottomLine p{
		font-size: 12px;
		line-height: 20px;
		margin:0;
	}
	.solution .example .content .bottomLine p span{
		display: inline;
	}
	.product .example .content .topLine .right:after{
		transform: scale(.5);
		bottom:auto;
		top: -70px;
		right: -70px;
	}
	.product .example .content .topLine{
		height:auto!important;
		min-height: auto;
		margin-bottom: 15px;
		overflow: auto;
	}
	.product .example .content .bottomLine .compare{
		height: auto!important;
		padding:0;
		background: none;
		margin-top:30px;
	}
	.product .example .content .bottomLine .compare .left,
	.product .example .content .bottomLine .compare .right{
		width: calc(50% - 5px);
	}
	.product .example .content .bottomLine .compare .right{
		margin:0 0 0 10px;
	}
	.product .example .content .bottomLine .compare .middle{
		display: none;
	}
	.product .example .content .bottomLine .compare h5{
		padding:0;
		text-align: center;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.product .example .content .bottomLine .compare .left ul li,
	.product .example .content .bottomLine .compare .right ul li{
		height: 80px;
		padding: 6px;
		font-size: 10px;
		line-height: 15px;
		border-radius: 5px;
		margin:0 0 10px;
	}
	.product .example .content .bottomLine .compare.qdb{
		height: auto;
	}
	
	.product .scene .content ul li{
		width: 100%!important;
		height: 50px;
		line-height: 50px;
		font-size: 14px!important;
		min-width: auto;
		margin:0 0 20px!important;
		box-shadow: 0 5px 0 #c1cfeb;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.product .scenebg{
		min-height: auto;
	}
	.product .advantage .content ul{
		display: block;
	}
	.product .advantage .content ul li{
		width: 100%!important;
		padding:0 0 0 30px;
		text-align: left;
		margin:0 0 30px!important;
	}
	.product .advantage .content ul li img{
		width: 50px;
		vertical-align: middle;
		margin:0;
	}
	.product .advantage .content ul li p{
		width: calc(100% - 60px);
		font-size: 14px;
		line-height: 20px;
		text-align: left;
		display: inline-block;
		vertical-align: middle;
		padding-left: 15px;
	}
	.product .advantage .content ul li p span{
		display: inline;
	}
	.product .advantage{
		min-height: auto;
	}
	.product .flow{
		display: none;
	}
	
	/* 产品-子弹标讯 */
	.product .example .content .bottomLine.solution p{
		width: calc(50% - 8px);
		padding: 10px;
		margin:0;
	}
	.product .example .content .bottomLine.solution p:nth-child(2){
		margin-right: 10px!important;
	}
	.product .example .content .bottomLine dl{
		width: 100%;
		margin:0 0 15px;
		background: #b4bbd4;
		border-radius: 5px;
		padding: 10px;
		color:#fff;
	}
	.product .example .content .bottomLine dl dt{
		margin-bottom: 5px;
		font-size: 14px;
	}
	.product .example .content .bottomLine dl dd{
		font-size: 12px;
	}
	.product .section.example .content{
		padding-bottom: 30px;
	}
	
	
	/* 产品-潜客宝 */
	.product .productDesc .content .leftInfo .btn{
		width: 70px;
		height: 30px;
		line-height: 30px;
		font-size: 10px;
		margin-top: 15px;
		display: none;
	}
	
	/* 产品-创意宝 */
	.product .productDesc .content .leftInfo ul li{
		width: calc(100% - 20px);
		margin: 5px 0;
	}
	.product .productDesc .content .leftInfo ul span{
		font-size: 10px;
	}
	
	/* 产品-通关宝 */
	.product .example .content .technology p{
		width: 100%;
		margin:0 0 10px!important;
	}
	.product .example .content .technology p b{
		font-size: 14px!important;
	}
	.product .example .content .bottomLine .floatul li{
		width: 100%;
		margin:0 0 10px;
		font-size: 12px;
	}
	.product .scene .content ul.long li:nth-child(2){
		height: auto;
		padding: 10px 15px;
		line-height: 20px;
	}
	
	/* 解决方案-精准调研 */
	.solution .banner h1{
		padding-top: 40px;
	}
	.solution .banner h2{
		width: calc(100% - 20px);
		padding: 5px 20px 0;
		font-size: 10px;
		line-height: 20px;
	}
	.solution .banner h2 span{
		display: inline;
	}
	.solution .banner h2 .normal{
		display: none;
	}
	.solution .example{
		padding-bottom: 0;
	}
	.solution .advantage .content .leftInfo,
	.solution .advantage2 .content .leftInfo{
		display: none;
	}
	
	/* 解决方案-智能巡店助手 */
	.solution .example .content .topLine p b{
		font-size: 12px!important;
		margin:10px 0 2px;
		display: inline-block;
	}
	.solution .example .content .bottomLine .floatul{
		padding:0;
	}
	.solution .example .content .bottomLine .floatul li{
		width: 100%;
		margin:0 0 15px;
		background: #b4bbd4;
		border-radius: 5px;
		padding: 10px;
		color:#fff;
	}
	.solution .example .content .bottomLine .floatul li img{
		display: none;
	}
	
	/* 导航 */
	#header .menu{
		width: 100%;
		background: #fff;
		position: absolute;
		top: 45px;
		display: none;
		z-index: 9;
	}
	#header .menubtn{
		width: 20px;
		height: 20px;
		background: red;
		float:right;
		margin:13px 15px 0 0;
		background: url(https://cdn.001.bailian-ai.com/web2/images/common/menubtn.png) no-repeat;
		background-size: 20px 40px;
	}
	#header .menubtn.active{
		background-position: left bottom;
	}
	.menumask{
		width: 100%;
		background: rgba(0,0,0,.4);
		position: fixed;
		left:0;
		top: 45px;
		bottom: 0;
		right:0;
		z-index: 9;
		display: none;
	}
	.menumask.active{
		display: block;
	}
	
	#header .menu li{
		width: 100%;
		padding:0;
		border-top: 1px solid #e0e0e0;
	}
	#header .menu li a{
		width: 100%;
		height: 45px;
		line-height: 45px;
		padding-left: 15px;
		font-size: 12px;
		position: relative;
	}
	#header .menu .active a{
		border:none;
	}
	#header .submenu{
		width: 100%;
		height: 0;
		position: static;
		padding:0;
		background: none;
		overflow: auto;
		display: block!important;
		
	}
	#header .submenu dt{
		display: none;
	}
	#header .submenu dd,
	#header .submenu.prd dd{
		width: 100%;
		height: 45px;
		text-align: left;
		padding:0 0 0 30px;
		margin:0;
		border: none;
		border-top: 1px solid #e0e0e0;
		border-radius: 0;
		background: none!important;
	}
	#header .submenu::before{
		display: none;
	}
	#header .submenu dd::before{
		left: 0px;
		top: -2px;
		transform: scale(.5);
	}
	#header .submenu.prd{
		padding: 0;
	}
	#header .submenu.prd dd::before{
		left: 0;
		top: -2px;
	}
	#header .submenu.prd dd a{
		text-indent: 0;
	}
	#header .menu li a:hover{
		color:#666;
	}
	#header .menu li .slidebtn::after{
		content:'>';
		position: absolute;
		right: 15px;
		top: 0;
		transform: scaleY(2);
		color:#c6c6c6;
		transition: all 0.2s ease;
	}
	#header .menu li a.active{
		color: #2c51c5;
	}
	#header .menu li .active.slidebtn::after{
		transform: rotate(90deg) scaleY(2);
	}
	
	#back-to-top{
		width: 40px;
		height: 40px;
		line-height: 50px;
		text-align: center;
		font-size: 14px;
		color:#484949;
		border:1px solid #c5c5c5;
		border-radius: 50%;
		background-color: #fff;
		position: fixed;
		right: 10px;
		bottom: 80px;
		z-index: 9;
		display: none;
	}
	#back-to-top::before{
		content: '>';
		position: absolute;
		left: 50%;
		top:-15px;
		transform: translateX(-100%) rotate(-90deg) scaleY(2);
	}
	
	/* 加入我们 */
	.joinus .content{
		width: 100%;
		padding: 0 20px;
	}
	
	.joinus .content h2{
		font-size: 30px;
		line-height: 100px;
	}
	.jobs .tr .td:nth-child(1){
		width: calc(50% - 55px);
	}
	.jobs .tr .td:nth-child(2){
	}
	.jobs .tr .td:nth-child(3){
		width: 30%;
	}
	.jobs .detail .title{
		margin:20px 0 10px
	}
	.jobs .detail {
		line-height: 30px;
	}
}