::-webkit-scrollbar  
{  
    width: 6px;  
    height: 10px;  
    background-color: #F5F5F5;  
}  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  
    background-color: #F5F5F5;  
}   
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #ccc;  
}  

/*手机端侧边栏样式*/
.filter{background: rgba(0, 0, 0, 0.56);height: 100%;width: 100%;
	z-index: 999;position: fixed;left: 0px;top: 0px;display: none;}
.sidenav {
    background: #fff; 
}
.sidenav li {list-style-type: none;border-bottom: #dddddd solid 1px;font-size: 18px;
    padding: 10px 10px 10px 30px;
}
.sidenav a { color: #222222; text-decoration: none;}
.sidenav .tow_sidenav{
    background: #eeeeee;
    margin: 10px -10px -10px -30px;
    border-top: 1px solid #ddd;
    display: none;
}
.sidenav .tow_sidenav li:last-child{
    border: none;
}
.sidenav .tow_sidenav li{
    font-size: 16px;
    margin-left: 8px;
}
.sidenav .icon{
    font-size: 12px;
    margin-top: 5px;
}

.left_banner{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 70%;
    height: 100%;
    z-index: 999;
    background: #fff;
    display: none;
}
.left_banner .title{padding: 10px 10px 10px 30px; background: #437abe;color: #fff;
    font-size: 28px;
}



/*深耕电商15年，企业级互联网商业系统服务供应商*/
.introduction{
	padding-top: 88px;
	z-index: 2;
}
.introduction_item{
	height: 100px;
}
.introduction_item ul{
	margin-left: 9%;
	margin-bottom: 0px;
}
.introduction_item ul li{
	height: 202px;
	cursor:pointer;
}
.introduction_line{
	width: 100%;
	height: 1px;
	background: #dddddd;
	position: relative;
	top: -113px;
	margin: 0px;
	z-index: -10;
}
.opposite img{
	margin-left: 2px;
}
/*解决方案*/
.solution{
	width: 100%;
	padding-top: 40px;
	margin-top: 20px;
	background: #f5f5f5;
}
.solution .scroll_graph{
	max-width: 1400px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
}
.solution .scroll_graph img{
	width: 100%;
}
.solution .web-swiper-container{
	margin: 40px 0px 80px 0px;
}
.fangan{
	position: absolute;
	bottom: 9rem;
	z-index: 10;
	color: red;
	width: 100%;
	text-align:center;
	color: #fff;
}
.fangan img{
	width: 26px !important;
	vertical-align:text-bottom;
}
/*消费互联网*/
.consumption{
	padding-top: 40px;
	padding-bottom: 70px;
}
.consumption-upper{cursor:pointer}
.consumption-next{cursor:pointer}
.consumption-list{
	position: relative !important;
    height: 384px;
}
.consumption-info{
	overflow: hidden;
	margin:0 auto;
	max-width: 800px;
    position: relative;
    padding: 8px;
}
.consumption .header-img{
	/*position: absolute;
	top: 6px;*/
	left: 10%;
    right: 10%;
    float: left;
    overflow: hidden;
}
.consumption .header-img:hover img{
	transform: scale(1.1);  
}
.consumption .header-img img{
	width: 100%;
	max-height: 224px;
	transition: all 0.2s;  
}
.consumption .info{
	/*position: absolute;
	top: 270px;*/
	text-align: left;
    background: #fff;
    padding:12px 10px;
    float: left;
    min-height: 126px;
}
.consumption .info .title{
	font-size: 18px;
	color: #222222;
	padding: 12px 0px 6px 6px;
	overflow : hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 1;
  	-webkit-box-orient: vertical;
}
.consumption .info .text{
	font-size: 14px;
	padding:0px 6px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
/*客户名称*/
.case_name{
	padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}
.case_name .info{}
.carousel{
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
}
.carousel-list{
	position: relative !important;
	height: 354px !important;
}
.carousel-info{
	overflow: hidden;
	margin:0 auto;
	width: 800px;
    position: relative;
}
.carousel .header-img{
	position: absolute;
	top: 7px;
	left: 3rem;
	z-index: 8;
	width: 220px;
	height:220px;
	background: url(../images/carousel.png);
	background-size: cover;
}
.carousel .header-img img{
	width: 128px;
	height: 72px;
	margin-top: 74px;
}
.carousel .info{
	position: absolute;
	top: 116px;
	width: 100%;
	height: 270px;
	text-align: left;
	cursor:pointer;
	background: #f7f7f7;
	border: 1px solid #eeeeee;
	padding: 158px 20px 20px 20px;
}
.carousel .info:hover{
	background: #508dd8;
	color: #fff;
}
.carousel .info:hover .title{
	color: #fff;
}
.carousel .info:hover .text{
	color: #fff;
}
.carousel .info .title{
	font-size: 18px;
	color: #222222;
	padding-left: 6px;
	padding-bottom: 6px;
	text-align: center;
	word-wrap: normal; 
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.carousel .info .text{
	font-size: 14px;
	padding:0px 6px;
	text-align: center;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.outer_frame_upper{
    width: 26px !important;
    height: 26px !important;
	position: absolute !important;
    right: 40px !important;
    padding: 2px !important;
    border-radius: 2px !important;
    z-index: 99 !important;
    background: #437abe !important;
    color: #fff !important;
    font-size: 14px !important;
    transform: rotate(50deg) !important;
    -ms-transform:rotate(50deg) !important; /* Internet Explorer */
	-moz-transform:rotate(50deg) !important; /* Firefox */
	-webkit-transform:rotate(50deg) !important; /* Safari 和 Chrome */
	-o-transform:rotate(50deg) !important; /* Opera */
}
.outer_frame_upper span{
	display: block;
	transform: rotate(-50deg) !important;
    -ms-transform:rotate(-50deg) !important; /* Internet Explorer */
	-moz-transform:rotate(-50deg) !important; /* Firefox */
	-webkit-transform:rotate(-50deg) !important; /* Safari 和 Chrome */
	-o-transform:rotate(-50deg) !important; /* Opera */
}
.outer_frame_next{
	margin-top: 2px;
    width: 25.6px !important;
    height: 25.6px !important;
	position: absolute !important;
	right: 0px !important;
	padding: 2px !important;
	border-radius: 2px !important;
	z-index: 99 !important;
	background: #437abe !important;
	color: #fff !important;
	font-size: 14px !important;
    transform: rotate(50deg) !important;
    -ms-transform:rotate(50deg) !important; /* Internet Explorer */
	-moz-transform:rotate(50deg) !important; /* Firefox */
	-webkit-transform:rotate(50deg) !important; /* Safari 和 Chrome */
	-o-transform:rotate(50deg) !important; /* Opera */
}
.outer_frame_next span{
	display: block;
	transform: rotate(-50deg) !important;
    -ms-transform:rotate(-50deg) !important; /* Internet Explorer */
	-moz-transform:rotate(-50deg) !important; /* Firefox */
	-webkit-transform:rotate(-50deg) !important; /* Safari 和 Chrome */
	-o-transform:rotate(-50deg) !important; /* Opera */
}
/*咨询中心*/
.new_consult{
	background: #eee;
	padding-top: 40px;
	padding-bottom: 40px;
}
.new_consult .info .title{
	color: #437abe;
	font-size: 22px;
}
.new_consult .info ul{
	margin:0px;
	padding:0px 2px 0px 2px;
}
.new_consult .info ul li{
	color: #222222;
	font-size: 16px;
}
.new_consult .info .tag{
	word-wrap: normal; /* for IE */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 84%;
}
.new_consult .info ul .time{
	color: #999999;
	font-size: 14px;
}
/*提交表单*/
.contact{
	height: 1025px;
	background: url(../images/buttom_map.png) center no-repeat;
}
.contact .buttom{
	width: 50%;
	margin:0 auto;
    padding-top: 40px;
}
.contact .buttom .title{
	font-size: 30px;
}
.contact .buttom .from{
	position: relative;
	width: 100%;
	height: 420px;
	top: 40px;
}
.contact .buttom .from .name{
	position: absolute;
	top: 10px;
	width: 100%;
}
.contact .buttom .from #corporate_name{
	padding: 4px 4px 4px 36px;
    box-sizing: initial;
}
.contact .buttom .from .contacts{
	position: absolute;
	top: 76px;
	left: -10px;
	width: 44%;
	padding:10px;
}
.contact .buttom .from #contacts{
	width: 100%;
	padding: 4px 4px 4px 36px;
    box-sizing: initial;
}
.contact .buttom .from .phome{
	position: absolute;
	top: 76px;
	right: -24px;
	width: 44%;
	padding:10px;
}
.contact .buttom .from #phome{
	width: 100%;
	padding: 4px 4px 4px 36px;
    box-sizing: initial;
}
.contact .buttom .from .conter{
	position: absolute;
	top: 144px;
	width: 100%;
	padding:10px;
}
.contact .buttom .from #conter{
	width: 103%;
	height: 100px;
	padding: 4px 4px 4px 36px;
    box-sizing: initial;
}
.contact .buttom .from .submit{
	position: absolute;
	top: 274px;
	left: -13px;
	width: 100%;
	padding:10px;
}
.contact .buttom .from #submit{
	background: #437abe;
	color: #fff;
	border:none;
	width: 109%;
	padding: 8px 0px;
}
/*弹出层*/
.mask{
	background:#000;
    opacity: 0.6;
	position: fixed;
	margin-top: -79px;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: none;
}
.bg{
	width: 910px;
	height: 387px;
	margin:0 auto;
	position: fixed;
    left: 50%;
    top: 26%;
    margin-left: -440px;
	background:url(../images/bg.png)no-repeat left top;
	background-size: 100% 100%;
	z-index: 1000;
	display: none;
}
.bg .pull{
	position: absolute;
	right: 0px;
	top: -60px;
	cursor:pointer;
}
.bg ul li{
	height: 39px;
	padding:0px !important;
}
.bg ul li img{
	width: 100%;
}
.bg ul li:not(:first-child){
	margin-left: -20px
}
.bg ul li span{
	position: relative;
	top: -29px;
	font-size: 12px;
	color: #333;
}
.bg ol li{
	width: 172px;
	height: 176px;
	border-radius: 6px;
	padding-top: 34px;
}
.bg .case-list li{
	background: #fff;
	float: left;
    margin: 26px 3px 22px 3px;
}
.bg .b2p2b li {
	position: relative;
	top: 0px !important;
}
.remai{
	width: 168px;
	height: 210px;
	background: url(../images/remai.png)no-repeat left top;
	position: fixed;
	bottom: 10px;
    left: 40px;
	z-index: 1000;
}
.remai-close{
	width: 30px;
	height: 30px;
	position: absolute;
    right: 0px;
    cursor:pointer;
}


/*自适应调整*/
@media screen and (max-width: 800px) {
	.introduction_line{
		display: none;
	}
}
@media screen and (max-width: 992px) {
	.right_nav{
		display: none;
	}
	.toggle{
		position: absolute;
    	left: 10px;
    	top: 12px;
    	width: 28px;
    	height: 28px;
		display: block !important;
	}
	.toggle img{
		width: 100%;
	}
	/*.from{
		position: absolute;
    	right: 10px;
    	top: 12px;
    	width: 28px;
    	height: 28px;
    	display: block !important;
	}
	.from img{
		width: 100%;
	}*/
}

/*手机端*/
@media screen and (max-width: 700px) {
	body{
		margin-top: 59px !important;
	}
	h2{  /*改变标题字体*/
		padding: 0px 8px;
		font-size: 18px !important;
	}    
	.flex_wrap {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	} 
	/* 手机端侧边栏 */
    .sidenav {
        background: #fff; 
    }
    .sidenav li {list-style-type: none;border-bottom: #dddddd solid 1px;font-size: 18px;
        padding: 10px 10px 10px 30px;
    }
    .sidenav a { color: #222222; text-decoration: none;}
    .sidenav .tow_sidenav{
        background: #eeeeee;
        margin: 10px -10px -10px -30px;
        border-top: 1px solid #ddd;
        display: none;
    }
    .sidenav .tow_sidenav li:last-child{
        border: none;
    }
    .sidenav .tow_sidenav li{
        font-size: 16px;
        margin-left: 8px;
    }
    .sidenav .icon{
        font-size: 12px;
        margin-top: 5px;
    }

    .banner_from{display: none;}

    .left_banner{
        position: fixed;
        top: 0px;
        left: 0px;
        width: 70%;
        height: 100%;
        z-index: 999;
        background: #fff;
        display: none;
        overflow: auto;
    }
    .left_banner .title{padding: 10px 10px 10px 30px; background: #437abe;color: #fff;
        font-size: 28px;
    }
	.logo{
		padding: 10px 0px !important;
	}
	.logo_img{
		margin: 0 auto;
    	display: -webkit-box;
	}
	.fangan{display: none;}

	/*消费互联网*/
	.consumption-info{
		box-sizing: border-box !important;
    	padding: 6px 6px 6px 0px !important;
	}
	.consumption-span{display: none;}

	.introduction{
		padding-top: 30px;
	}
	.introduction h2{
		margin-bottom: 10px;
	}
	.introduction h6{
		margin-bottom: 10px !important;
	}
	.introduction .introduction_item ul li{padding:0px;height: auto;}
	.opposite img{margin-left:0px; margin-top: 30px;}
	.introduction .introduction_item ul{margin-left: 0px;padding:0.4rem;}
	.introduction_item ul li:last-child{height: 150px !important;}
	.introduction_item ul li:nth-child(odd){padding-right: 2px}
	.introduction_item ul li:nth-child(even){padding-left: 2px}
	.introduction .introduction_item ul li .last img{max-height: 142px !important;}
	.introduction .introduction_item .correct{display: none !important;}
	.introduction .introduction_item .opposite{display: block !important;}
	.introduction_item{height: 689px;}
	/*产业互联网*/
	.solution{
		margin-top: 0px;
		padding-top: 10px;
	}
	.port-1 .text-desc{
		top: 0% !important;
	}
	.btn{display: none !important;}
	.case-prev{display: none !important;}
	.case-next{display: none !important;}
	.text-desc{background: none !important;}
	/*解决方案*/
	.consumption .info .title{
		padding-top: 6px;
	}
	.consumption-list{
		position: relative !important;
		height: 308px !important;
		width: 50% !important;
		padding: 0px 4px;
    	margin-bottom: 10px;
	}

	/*客户名称*/
	.case_name{
		padding:10px 0px;
	}
	.case_name .info{
		/*top: 20px;*/
	}

	.port-1 .text-desc{    
		padding: 28px 20px 20px !important;
	}
	.consumption .info{
		top: 256px;
    	width: 100%;
	}
	.case_button{display: none;}

	.swiper-slide{
		height: 326px;
	}

	.consumption{
		background: #eee;
		padding-bottom: 0px;
	}
	.carousel{
    	padding-top: 20px;
    	padding-bottom: 0px;
	    box-sizing: border-box;
	    padding-right: 6px;
	}
	.carousel .header-img{
		padding: 0px 10px;
	}
	.carousel-list{
		position: relative !important;
		height: 396px !important;
		width: 80% !important;
    	margin: 0 auto;
	}
	.carousel-list:last-child {height: 402px !important;}
	.carousel .info{
		/*padding: 126px 6px 10px 6px;*/
		max-width: 260px;
	}
	.carousel .header-img{
		/*top: -88px;
    	left: 60px;*/
	}

	.new_consult {
    padding-top: 22px;
	}

	.contact .buttom{
		width: 76%;
	}
	.contact .buttom .from .phome{
		right: -16px;
	}
	.contact .buttom .from #conter{
		width: 107%;
	}
	.contact .buttom .from #submit{
		width: 117%;
	}

 }