@charset "utf-8";
/* ================================ */
/*         全局样式定义   			*/
/* Author:			Jianlin		    */
/* Copyright:		www.nphai.net	*/
/* Create Date:		May-01-2015		*/
/* ================================ */

/* ==========================
 * 重新定义Html元素
 * ========================== */
*{box-sizing: content-box}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0;font-weight: normal}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, table, th, td { font-size: 1em; font-style: normal; font-weight: normal;font-family:"Microsoft YaHei";}
a { color: #333; text-decoration: none; outline: medium none; -webkit-transition-property:color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;font-size: 14px;}
a:link, a:visited, a:active { text-decoration: none;}
ul, ol { list-style: none outside none;}
fieldset, img { border: medium none; vertical-align: middle;}
caption, th {  text-align: left;}
table { border-collapse: collapse; border-spacing: 0;}
body { font-family:"Microsoft YaHei"; color: #666; background: #FFF none repeat scroll 0 0; min-width: 1200px;text-shadow: 0 0 1px #ccc;font-size:14px}
i, cite, em { font-style: normal;}
input,button,select,textarea{ outline:none}
input[type="text"], input[type="password"], input.text, input.password {color: #777; background-color: #FFF; vertical-align: top; display: inline-block; height: 20px; padding: 4px; border: solid 1px #CCC; outline: 0 none;}
input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.password:focus, textarea:focus { color: #333; border-color: #75B9F0; box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); outline: 0 none;}
textarea, .textarea {color: #777; background-color: #FFF; vertical-align: top; display: inline-block; height: 60px; padding: 4px; border: solid 1px #CCC; outline: 0 none; resize:none;}
select { color: #777; background-color: #FFF; height: 30px; padding:0 5px; border: solid 1px #CCC;}
select option { line-height: 20px; height: 20px; padding: 4px;}
html {min-height:101%; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block; }
/*图片放大效果*/
.img_zoom{transition:all 0.36s ease}
.img_zoom:hover{-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-moz-transform: none;}
/*案例轮播*/
.caseWrap{}
.caseWrap .caseSlide{display: inline-block;width:100%}
#newBridge{display: none !important;}
.lef{float: left;}
.rig{float: right;}
li {
	list-style: none;
}
/*背景*/
.background{ position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: #000;opacity: 0.7;display: none;z-index: 1000;}
/************************************************************************  首页样式 ****************************************************************************/
.w,.wrapper{width:1200px !important;margin:0 auto !important;min-width: 1200px}
/*******************************  导航  ***********************************/
.header_fixed{
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #ddd;
    z-index:99;
}
.header_blank{
    height:75px;
}
.menu_sub_box{
    display: none;
	width: 1010px;
	height: 280px;
	position: absolute;
	left: 95px;
	top: 65px;
	padding-top: 10px;
    margin-top:25px;
	background-color: #fff;
	z-index: 999;
	border-radius: 3px;
    border:1px solid #ddd;
    border-top:none
}
.menu_sub_box ul{
	width: 900px;
	height: 80px;
	border-bottom: 1px solid #D6D6D6;
	margin: 0 auto;
}
.menu_sub_box a:hover{
    color:#69A5DB
}
.menu_sub_box ul li{
	width: 220px;
	height: 35px;
	border-left: 1px solid #D6D6D6;
	margin-top: 26px;
	display: inline-block;
    position:relative;
    text-align: center;
}
.menu_sub_box ul li:first-child{
	border: none;
}
.menu_sub_box ul li img{
	width: 32px;
	height: 32px;
    margin-top:-7px
}
.menu_sub_box ul li h2{
	display: inline;
	font-size: 18px;
	margin-left: 12px;
	line-height: 36px;
}
.menu_sub_box ul li h2 a{
    font-size:16px;
}
.menu_sub_box ul li .menu_sub_list{
    position:absolute;
    top:80px;
	list-style: none;
	width:inherit;
}
.menu_sub_box ul li .menu_sub_list dd{
	line-height: 32px;
	text-align: center;
}
.header .user{
	width: 183px;
	height:100%;
	float: right;
}
.header .user .login{
	width: 84px;
	height:33px;
	float: left;
	border: 1px #69A5DB solid;
	border-radius: 3px;
	text-align: center;
	line-height: 33px;
	color: #69A5DB;
	font-size: 14px;
	margin-top:20px;
}
.header .user .register{
	width: 86px;
	height:35px;
	float: right;
	background-color: #69A5DB;
	border-radius: 3px;
	text-align: center;
	line-height: 35px;
	color: #FFFFFF;
	font-size: 14px;
	margin-top:20px;
}
.header .user .account{
    display: inline-block;
    margin: 28px 18px 13px;
    font-size: 16px;
    color: #69A5DB;
}
/*****************************************************************************/
.index-banner{
	width: 100%;
	height: 945px;
	background-image: url(../images/e11.jpg);
	background-size: auto 945px;
	background-repeat: no-repeat;
}
.index-banner .logo1{
	position: absolute;
	width: 190px;
	top: 12px;
	left: 35px;
}
.index-banner .nr{
	text-align: center;
}
.index-banner .nr h2{
	letter-spacing: 4px;
	font-size: 44px;
	color: #fff;;
	padding: 60px 0 20px;
}
.index-banner .nr h3{
	letter-spacing: 7px;
	font-size: 16px;
	color: #fff;;
}
.index-banner .nr a{
	display: inline-block;
	padding: 12px 48px 13px;
	margin: 30px 0 40px;
	background-color:#fff;
	color:#367bf0;
	font-size: 16px;
	border-radius:3px;
}
.index-banner .nr .opening:hover{
	color: #0063D2;
}
.index-banner .nr a.download{
    background-color: #69a5db;
    color: #fff;
}
.index-banner .nr .vedio{
	display: block;
	margin: 0 auto;
	width:1000px;
	border-radius: 3px;
}




/*******************************  新零售系统   ***********************************/
.index-p1{
	padding-top: 80px;
	height: 500px;
}
.index-p1 .left{
	float: left;
}
.index-p1 .right{
	float: right;
}
.index-p1 .left .title{
	position: relative;
}
.index-p1 .left .title i{
	display: inline-block;
	background-color:#367bf0 ;
	width: 60px;
	height: 14px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -99;
}
.index-p1 .left h2{
	font-size: 40px;
	color: #333333;
	margin-bottom: 20px;
}
.index-p1 .left .box{
	width: 450px;
	margin-bottom:12px;
	cursor: pointer;
	padding: 22px 0 22px 15px;
}
.index-p1 .left .box.active{
	background-color: #F5F5F5;
}
.index-p1 .left .box h3{
	font-size: 18px;
	margin-bottom: 5px;
}
.index-p1 .left .box h4{
	color: #999999;
	font-size: 14px;
}
.index-p1 .left .open{
	display: inline-block;
	padding: 12px 35px;
	border-radius: 3px;
	background-color: #367bf0;
	color: #fff;
	margin-top: 20px;
	
}
.index-p1 .right .sp1{
	width: 700px;
	margin: 40px 0 5px;
	border: 1px solid #EDEDED;
	box-shadow: 0 0 30px #bbb;
}
.index-p1 .right .bt{
	text-align: center;
}


/*******************************  bar栏  ***********************************/
.bar{
    width: 70px;
    height: 264px;
    box-shadow: 0 0 5px #aaa;
    border-radius: 3px;
    position: fixed;
    right: 10px;;
    bottom:100px;
    text-align: center;
    background-color: #fff;
    z-index: 999;

}
.bar .box1{
    width: 70px;
    height: 66px;
    border-bottom: 1px solid #DBDBDB;
    position: relative;
}
.bar .box1 i{
    color: #69A5DB;
    font-size: 33px;
    margin-top: 13px;
    display: inline-block;
    text-shadow: none;
}

.bar .box1 .tel{
    position: absolute;
    top: 6px;
    right: 92px;
    text-align: center;
    display: none;
    transition: all 0.5s;
}
.bar .box1:hover .tel{
    display: block;

}
.bar .box1 p{
    width: 175px;
    height: 55px;
    background-color:#69A5DB;
    color: #fff;
    line-height: 55px;
    font-size: 19px;
    border-radius: 3px;
    position: relative;
    box-shadow: 0 0 5px #69A5DB;

}
.bar .box1 span{
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 15px solid #69A5DB;
    border-bottom: 14px solid transparent;
    position: absolute;
    top: 13px;
    left: 170px;
}
.bar .box2{
    width: 70px;
    height: 66px;
    border-bottom: 1px solid #DBDBDB;
}
.bar .box2 i{
    color: #69A5DB;
    font-size: 29px;
    margin-top: 17px;
    text-shadow: none;
    display: inline-block;
}
.bar .box3{
    width: 70px;
    height: 66px;
    border-bottom: 1px solid #DBDBDB;
    position: relative;
}
.bar .bar-icon{
    width: 40px;
    margin-top: 15px;
}
.bar .box3 .wecat{
    width: 215px;
    height: 130px;
    box-shadow: 0 0 7px #aaa;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    top: -24px;
    right:92px;
    background: #fff;
    display: none;
    transition: all 0.5s;
}
.bar .box3:hover .wecat{
    display: block;
}
.bar .box3 .wecat span{
    display: inline-block;
}
.bar .box3 .wecat span img{
    width: 93px;
    height: 93px;
    margin-top: 13px;;
}
.bar .box3 .wecat span p{
    text-align: center;
}
.bar .box4{
    width: 70px;
    height: 66px;
}

.bar .box4 i{
    color: #69A5DB;
    font-size: 14px;
    margin-top: 15px;
    display: inline-block;
    text-shadow: none;
}
.bar .box4 p{
    font-size: 12px;
    color: #69A5DB;
}
.bar .box4:hover{
    background-color: #69A5DB;
}
.bar .box4:hover p{
    color: #fff;
}
.bar .box4:hover i{
    color: #fff;
}
/*******************************  banner  ***********************************/
.home_banner,.common_banner{
	width: 100%;
	z-index: -1;
	text-align: center;

}
.home_banner img,.common_banner img{
	width: 100%;
}
.video_btns{
    position: relative;
    top: -20px;
    z-index: 9;
}
.video_btns .vbtn{
    height: 35px;
    line-height: 35px;
    display: inline-block;
    background-color: #69A5DB;
    width: 120px;
    color: #fff;
    box-shadow: 0 0 10px #000;
}
.videoPlayModel{}
.card{
	margin-top:-85px;
	z-index: 2;
	text-align: center	
}
.card .card_cont{
	width: 983px;
	height:100px;
	box-shadow: 0 0 10px #AAAAAA;
	border-radius:3px;
	display: inline-block;
    position:relative;
	background-color: #FFFFFF;	
}
.card .box {
	width: 245px;
	float: left;
	border-right: 1px #E6E6E6 solid;
	margin-top: 25px;
}
.card .box .content{
	margin: 0 auto;	
}
.card .box .content img{
	display: block;
	width: 38px;
	height:38px;
	margin: -6px auto 0;
    transition:all ease-out 0.3s;
    transform: rotate(0deg);
}
.card .box .content p{
	text-align: center;
	margin-top: 7px;
	font-size: 14px;
}
.card .box .content p a{
    font-size:16px
}

.card .box:nth-child(4){
	border: none;
}
/*******************************  商城产品  ***********************************/
.part1{
	padding-top: 48px;	
	height: 516px;
	text-align: center;
}	
.part1 .title h2{
	font-size: 24px;
	color: #333333;
}
.part1 .title p{
	font-size: 14px;
	margin: 20px auto 60px;
}
.part1 .box{
	float: left;
	margin-left: 35px;
}
.part1 ul li:first-child{
	margin-left: 0;
}
.part1 .box .locate{
	z-index: 2;
}
.part1 .box .head{
	width:205px;
	height:100px;
	background-color:#69A5DB;
	box-shadow:0 0 7px #69A5DB;
	border-radius: 5px;
	display: inline-block;	
}
.part1 .box .head_color1{
	background-color: #31B987;
	box-shadow:0 0 7px #31B987;
}
.part1 .box .head_color2{
	background-color: #DB69AE;
	box-shadow:0 0 7px #DB69AE;
}
.part1 .box .head_color3{
	background-color: #DBBB69;
	box-shadow:0 0 7px #DBBB69;
}
.part1 .box .head  img{
	display: inline-block ;
	width:40px;
	height:40px;
	margin-top: 16px;
}
.part1 .box .head  h3{
	text-align: center;
	color: #FFFFFF;
	font-size: 17px;
	line-height: 30px;
}
.part1 .box .box1{
	width:273px;
	height:260px;
	box-shadow: 0 0 7px #c9c9c9;
	border-radius: 5px;
	background-color: #FFFFFF;
	padding-top: 75px;
	margin-top: -50px;
	z-index: 1;
}
.part1 .box .box1  p{
	line-height: 45px;
	font-size:14px;
	text-align: center;
}
.part1 .box .box1  a{
    width: 80px;
    height: 27px;
    border-radius: 30px;
    border: 1px #69A5DB solid;
    font-size: 11px;
    color: #69A5DB;
    display: inline-block;
    margin-top: 18px;
    line-height: 26px;
}
.part1 .box .second a{
	border-color: #31B987;
	color: #31B987;
}
.part1 .box .third a{
	border-color: #DB69AE;
	color: #DB69AE;
}
.part1 .box .fourth a{
	border-color: #DBBB69;
	color: #DBBB69;
}
.part1 .box .first a:hover{
    color: #fff;
    background-color:#69A5DB;
}
.part1 .box .second a:hover{
    color: #fff;
    background-color:#31B987;
}
.part1 .box .third a:hover{
    color: #fff;
    background-color:#DB69AE;
}
.part1 .box .fourth a:hover{
    color: #fff;
    background-color:#DBBB69;
} 
/*******************************  解决方案  ***********************************/
.part2{
	padding-top: 70px;
	height: 490px;	
}	
.part2 .title h2{
	font-size: 24px;
	color: #333333;
	text-align: center;	
}
.part2 .title p{
	font-size: 14px;
	margin: 20px auto 60px;
	text-align: center;	
}
.part2 .box{
	float: left;
	margin-left: 18px;
}
.part2 ul li:first-child{
	margin-left: 0;
}
.part2 .box .box1{
	width: 285px;
    height: 220px;
}
.part2 .box .box1 img{
	width: 100%;
    height: 220px;
}
.part2 .box .box2{
	height: 62px;
	font-size: 17px;
	box-shadow: 0 0 7px #c9c9c9;
	text-align: center;
	line-height: 62px;
	letter-spacing:1px;
}
.part2 .box .box2 a{
	font-size: 17px;
}
/*******************************  行业解决方案  ***********************************/
.beijing{
	height: 670px;
	background: url(../images/picture/120.jpg) center;
	overflow: hidden;	
}
.part3{
	padding-top: 85px;
	height: 100%;
}
.part3 .yanse{
    width: 200px;
    height: 500px;
    background-color: #171717;
    opacity:0.7;
    border-radius:3px;
    position:absolute;
}
.part3 .tab{
	width: 200px;
	height: 500px;
	float: left;
	position: relative;
}
.part3 .tab1{
	width: 200px;
	height: 100px;
	position: relative;
    cursor:pointer;
}
.part3 .tab1:hover,.part3 .tab1.active{
	background-color: #69A5DB;
	top:-1px;
}
	
.part3 .tab1 img{
	width: 42px;
	height: 42px;
	float: left;
	margin: 29px 10px 0 37px;
}	
.part3 .tab1 h2{
	float: left;
	line-height:100px;
	font-size:17px;
	color:#FFFFFF;
	letter-spacing: 1px;
}
.part3 .tab1 .line{
	width: 100px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 25%;
	bottom: 0px;
}
.part3 .tab1:hover .line,.part3 .tab1.active .line{
	 visibility: hidden;
}
.part3 .tab1:hover img,.part3 .tab1.active img{
	transform: translate(-1px);
}
.part3 .tab1:hover h2,.part3 .tab1.active h2{
	transform: translate(-1px);
}
.part3 .content{
	width: 884px;
	float: right;
}
.part3 .content .hangyeItem{
    height:500px;
}
.part3 .content h3{
	font-size:20px;
	color: #fff;
}
.part3 .content p{
	font-size:14px;
	color: #fff;
	margin: 20px 0 30px;
	line-height: 26px;
}
.part3 .content .button{
	width: 168px;
}
.part3 .content .button .more{
	width: 77px;
	height: 26px;
	border: 1px #FFFFFF solid;
	border-radius:15px;
	color: #fff;
	font-size: 12px;
	display: inline-block;
	text-align: center;
	line-height: 26px;
}
.part3 .content .button .request{
	width: 79px;
	height: 28px;
	background-color: #fff;
	border-radius:15px;
	font-size: 12px;
	display: inline-block;
	text-align: center;
	line-height: 26px;
	float: right;
}
.part3 .content span{
	font-size:20px;
	color: #fff;
	margin: 30px 0 20px;
	display: block;
}
.part3 .content .case .case1{
	width: 175px;
	height: 110px;
	border-radius: 3px;
	float: left;
	overflow: hidden;
	margin-right: 12px;
}
.part3 .content .case .case1 img{
	width: 175px;
	height: 110px;
}
/*******************************  客户案例  ***********************************/
.part4{
	padding-top: 60px;
}
.part4 .title h2{
	font-size: 24px;
	color: #333333;
	text-align: center;	
}
.part4 .title p{
	font-size: 14px;
	margin: 15px 0 20px;
	text-align: center;
}
.title .view{
	text-align: center;
	margin-bottom: 30px;
}
.title .view a{
	display: inline-block;
	width: 96px;
	height:32px;
	border: 1px solid #69A5DB;
	border-radius: 3px;
	font-size: 14px;
	color: #69A5DB;
	text-align: center;
	line-height: 32px;
}
.part4 .case{
	width: 280px;
	height:328px;
	box-shadow: 0 0 7px #AAA;
	border-radius: 3px;
	overflow: hidden;
	float: left;
	margin:25px 0 0 25px;
}
.part4 .caseList{
    position:relative;
}
.part4 .caseList ul{
    display: inline-block;
    width:1225px;
    margin-left:-25px;
    zoom:1
}
.part4 .case img{
	width: 100%;
	height:200px;	
}
.part4 .case .content{
	width: 283px;
	height: 328px;
	padding-top: 17px;
	text-align: center;
	background-color: #fff;
	transition: all 0.75s;
	display: inline-block;
}
.part4 .case .content:hover{
	margin-top:-200px	
}
.part4 .case .content .case_title{
	width: 125px;
	height:55px;
    font-size:18px;
    line-height: 55px;
}
.part4 .case .content p{
	font-size: 16px;
	color: #333;
	margin:6px 0 50px; 	
}
.part4 .case .content span{
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	width: 211px;	
}
/*******************************  易拓学院  ***********************************/
.part5{
	padding-top: 48px;
}
.part5 .title h2,.part5 .title h2 a{
	font-size: 24px;
	color: #333333;
	text-align: center;	
}
.part5 .title p{
	font-size: 14px;
	margin: 20px 0;
	text-align: center;
}
.part5 .articleList{
    position: relative;
}
.part5 ul{
    display: inline-block;
    width:1220px;
    margin-left:-20px;
    zoom:1;
}
.part5 ul li{
	float: left;
	text-align: center;
	margin-left: 20px;
    width:285px
}
.part5 ul li img{
	width: 285px;
	height:170px;
	border-radius: 5px;
	margin: 60px 0 15px;
	display: block;
}
.part5 ul li p{
	display: inline-block;
	font-size: 16px;
	width:228px;
	text-align: center;
	line-height: 25px;
    height:25px;
    overflow: hidden;
	color: #666;
}
.opera{

}
.opera a{
    position:absolute;
    top:50%;
    margin-top:-25px
}
.opera a img{
    width:50px
}
.opera a.prev{
    left:-80px
}
.opera a.next{
    right:-80px
}
/*******************************  友情链接  ***********************************/
.part6{
	padding-top: 48px;
	height: 320px;
}
.part6 .title h2{
	font-size: 24px;
	color: #333333;
	text-align: center;	
}
.part6 .title p{
	font-size: 14px;
	margin: 20px 0 25px;
	text-align: center;
}
.part6 ul{
    width:1250px;
    margin-left:-50px
}
.part6 ul li{
	margin-left: 50px;
	float: left;
}
.part6 ul li img{
	width: 158px;
	height: 60px;
	margin-top: 25px;
}
/*******************************  底部栏  ***********************************/
.bottom_background{
	height:485px; 
	background-color: #373D44;
}
.bottom{
	color:#bbb;
	text-align: center;
	text-shadow: none;
}
.bottom a{
	color: #bbb;
}
.bottom a:hover{
    color: #FFF;
}
.bottom .top li{
	width: 200px;
	height: 55px;
	border: 1px solid #bbb;
	float: left;
	margin: 50px 0 62px 105px;
    background-color: hsla(0,0%,100%,.1);
    color:#fff;
    font-size:16px
}
.bottom .top li:first-child{
	margin-left: 67px;
}
.bottom .top li .box{
	display: inline-block;
}
.bottom .top li img{
	width: 34px;
	height: 34px;
	float:left;
	margin:10px 10px 0 0px; 
}
.bottom .top li p{
	line-height: 55px;
	float: left;
}
.bottom .content{
	height: 430px;	
}
.bottom .content ul li{
	width: 150px;
	float: left;
	margin-left: 95px;
}
.bottom .content ul li:first-child{
	margin-left: 44px;
}
.bottom .content ul li h3{
	font-size: 18px;
	letter-spacing: 1px;
}
.bottom .content ul li .x_line{
	width: 40px;
    height: 1px;
    background-color: #bbb;
    margin: 20px auto 14px;	
}
.bottom .content ul li h2{
	line-height: 42px;
	letter-spacing: 2px;
}
.bottom .content .y_line{
	width: 1px;
	height:177px;
	background-color: #bbb;
	float: left;
	margin: 20px 88px 0;
}
.bottom .content .footer_tel{
    display: inline-block;
}
.bottom .content .footer_tel span{
    font-size:22px;
}
.bottom .content .footer_tel span{
    font-size: 18px;
}
.bottom .content .footer_tel em{
    font-size:32px
}
.bottom .content .weixin{
	float: left;
	text-align: right;
	margin: 50px 35px 0 0;
}
.bottom .content .weixin span{
	font-size: 12px;
    width: 130px;
    margin-top: 12px;
    display: inline-block;
    line-height: 20px;
	letter-spacing: 1px;
}
.bottom .content img{
	float: left;
	width: 110px;
	height: 110px;
	margin-top: 33px;
}
.bottom .beian{
	text-align: center;	
}
.bottom .beian p{
	width: 100%;
	line-height: 22px;
	display: inline-block;
	font-size: 12px;
}

/*************************************************************************  B2C  ******************************************************************************/
/***************************  多渠道展现 全终端覆盖  ********************************/
.b2c_part1{
	padding-top: 48px;
	height: 516px;
}
.b2c_part1 .title{
	text-align: center;
}
.b2c_part1 .title h3{
	font-size: 24px;
	color: #333;
}
.b2c_part1 .title p{
	margin: 20px 0 30px;
}
.b2c_part1 ul li{
	width: 350px;
	height: 165px;
	border: 1px solid #bbb;
	border-radius:5px;
	float: left;
	margin: 40px 0 0 72px;
}
.b2c_part1 ul li:first-child{
	margin-left: 0;
}
.b2c_part1 ul li:nth-child(4){
	margin-left: 0;
}
.b2c_part1 ul li img{
	width: 70px;
	height: 70px;
	float: left;
	margin: 35px 0 0 50px;
}
.b2c_part1 ul li .content{
	width: 160px;
	height: 100px;
	float: left;
	margin: 30px 0 0 40px;
}
.b2c_part1 ul li .content h2{
	font-size: 18px;
	color: #333;
}
.b2c_part1 ul li .content .x_line{
	width: 120px;
	height: 1px;
	background-color: #bbb;
	margin: 15px 0;
}
.b2c_part1 ul li .content p{
	width: 142px;
	line-height: 22px;
}
/*************************** 提供全面支持，助商家实现全网营销 ********************************/
.b2c_part2{
	height: 430px;
	padding-top: 48px;
}
.b2c_part2 .title{
	text-align: center;
}
.b2c_part2 .title h3{
	font-size: 24px;
	color: #333;
}
.b2c_part2 .title p{
	margin: 20px 0 60px;
}
.b2c_part2 ul li{
	width: 248px;
	height:250px;
	box-shadow: 0 0 10px #aaa;
	border-radius: 5px;
	float: left;
	text-align: center;
    padding-top: 45px;
	margin-left: 40px;
}
.b2c_part2 ul li:first-child{
	margin-left: 43px;
}
.b2c_part2 ul li h3{
	font-size: 18px;
	color: #333;
}
.b2c_part2 ul li p{
	width: 185px;
	margin: 20px auto 30px;
	line-height: 22px;
}
.b2c_part2 ul li img{
	width: 90px;
	height:90px;
}
/*************************** 聚焦商家需求，解决商家实际运营痛点 ********************************/
.b2c_part3{
	height: 370px;
	padding-top: 70px;
}
.b2c_part3 .title{
	text-align: center;
}
.b2c_part3 .title h3{
	font-size: 24px;
	color: #333;
}
.b2c_part3 .title p{
	margin: 20px 0 -10px;
}
.b2c_part3 ul li{
	width:320px;
	height: 73px;
	float: left;
	margin: 70px 0 0 95px;
}
.b2c_part3 ul li:first-child{
	margin-left: 50px;
}
.b2c_part3 ul li:nth-child(4){
	margin-left: 50px;
}
.b2c_part3 ul li img{
	width: 45px;
	height: 45px;
	float:left;
}
.b2c_part3 ul li .content{
	float: left;
	margin-left: 20px;
}
.b2c_part3 ul li .content h3{
	font-size: 18px;
	color: #333;
}
.b2c_part3 ul li .content p{
	width: 200px;
	margin-top: 13px;
	line-height: 22px;
}
/*************************** 我们系统的优势是什么？ ********************************/
.b2c_part4{
	height: 840px;
	padding-top: 48px;
}
.b2c_part4 .title{
	text-align: center;
}
.b2c_part4 .title h3{
	font-size: 24px;
	color: #333;
}
.b2c_part4 .title p{
	margin: 20px 0 7px;
}
.b2c_part4 ul li{
	width:327px;
	height: 267px;
	box-shadow: 0 0 10px #bbb;
	border-radius: 10px;
	float: left;
	margin: 53px 0 0 56px;
	text-align: center;
	padding-top: 60px;
}
.b2c_part4 ul li:first-child{
	margin-left: 53px;
}
.b2c_part4 ul li:nth-child(4){
	margin-left: 53px;
}
.b2c_part4 ul li img{
	width: 95px;
	height: 95px;
}
.b2c_part4 ul li  h3{
	font-size: 18px;
	color: #333;
	margin: 24px 0 20px 0px;
}
.b2c_part4 ul li p{
	width: 230px;
	line-height: 22px;
	display: inline-block;
}
/*************************** 支持 · 多种商业业态 ********************************/
.b2c_part5{
	height: 632px;
	padding-top: 48px;
}
.b2c_part5 .title{
	text-align: center;
}
.b2c_part5 .title h3{
	font-size: 24px;
	color: #333;
}
.b2c_part5 .title p{
	margin: 20px 0 23px;
}
.b2c_part5 ul li{
	width:330px;
	height: 185px;
	background-image: url(../images/picture/100.jpeg);
	background-size: 330px 185px;
	border-radius: 5px;
	float: left;
	text-align: center;
	position: relative;
	color: #ededed;	
	margin: 37px 0 0 47px;
}

.b2c_part5 ul li:first-child{
	margin-left: 60px;
	background-image: url(../images/picture/96.jpg);
}
.b2c_part5 ul li:nth-child(2){
	background-image: url(../images/picture/97.jpg);
}
.b2c_part5 ul li:nth-child(3){
	background-image: url(../images/picture/98.jpg);
}
.b2c_part5 ul li:nth-child(4){
	margin-left: 60px;
	background-image: url(../images/picture/99.jpg);
}
.b2c_part5 ul li:nth-child(5){
	background-image: url( ../images/picture/102.jpg);
}

.b2c_part5 ul li .state2{
	width:inherit;
	height:inherit;
	position: absolute;
	top: 0;left: 0;
	opacity: 0;
	transition: all 0.75s;
}
.b2c_part5 ul li .state2 img{
	width:48px;
	height:48px;
	margin-top: 23px;
	
}
.b2c_part5 ul li .state2 h3{
	font-size: 20px;
	margin: 10px 0 10px;
}
.b2c_part5 ul li .state2 p{
	width: 176px;
	line-height: 22px;
	display: inline-block;
}
.b2c_part5 ul li .state1{
	width:inherit;
	height:inherit;
	position: absolute;
	top: 0;left: 0;	
	transition: all 0.75s;
}
.b2c_part5 ul li:hover .state1{
	opacity: 0;
}
.b2c_part5 ul li:hover .state2{
	opacity: 1;
}

.b2c_part5 ul li .state1 img{
	width:48px;
	height:48px;
	margin: 48px 0 13px;
}

.b2c_part5 ul li .state1 h3{
	font-size: 20px;
}
.b2c_part5 a{
	text-align: center;
	display: inline-block;
	width: 100%;
}
.b2c_part5 a .more{
	width: 166px;
	height:43px;
	border: 2px solid #69A5DB;
	border-radius: 50px;
	color: #69A5DB;
	font-size: 16px;
	line-height: 43px;
	margin-top: 48px;
	display: inline-block;
}
/*************************** 客户案例 ********************************/
.b2c_part6{
	height: 550px;
	padding-top: 48px;
}
.b2c_part6 .title{
	text-align: center;
}
.b2c_part6 .title h3{
	font-size: 24px;
	color: #333;
}
.b2c_part6 .title p{
	margin: 15px 0 40px;
}
.b2c_part6 ul li{
	width:316px;
	height: 370px;
	border-radius: 5px;
	float: left;
	margin-left: 63px;
	box-shadow: 0 0 7px #aaa;
    overflow: hidden;
}
.b2c_part6 ul li img{
	width:100%;
	height: 270px;
	border-radius: 5px 5px 0 0;
}
.b2c_part6 ul li .info{
    height:100px;
    display: inline-block;
    width:100%;
    background-color: #fff;
    overflow: hidden;
}
.b2c_part6 ul li .word{
	float: left;
	margin: 10px 0 0 25px;
    width:240px
}

.b2c_part6 ul li .word h3{
	font-size: 20px;
	color: #333;
	margin-bottom: 8px;
}
.b2c_part6 ul li .word p{
    height: 40px;
    line-height: 20px;
    color: #888;
    overflow: hidden;
}
.b2c_part6 ul li .go{
	width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #69A5DB;
    float: right;
    font-size: 17px;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin-top: 40px;
    margin-right: 10px;
}
/************************************************************************* B2B2C ****************************************************************************/

/*************************** 多种业务场景模式 自由灵活切换 ********************************/
.b2b2c_part1{
	height: 826px;
	padding-top: 48px;
}
.b2b2c_part1 .title{
	text-align: center;
}
.b2b2c_part1 .title h3{
	font-size: 24px;
	color: #333;
}
.b2b2c_part1 .title p{
	margin: 15px 0 32px;
}
.b2b2c_part1 ul{
	width: 705px;
	height: 52px;
	margin: 0 auto 50px;
}
.b2b2c_part1 ul li:first-child{
    border-left:1px solid #69A5DB
}
.b2b2c_part1 ul li{
	width:175px;
	height: inherit;
	border: 1px solid #69A5DB;
	border-left: none;
	float: left;
	text-align: center;
	line-height: 52px;
	font-size: 18px;
	color: #69A5DB;
}
.b2b2c_part1 ul a{
	width:175px;
	float: left;
}
.b2b2c_part1 ul li:hover,.b2b2c_part1 ul li.active{
	background-color: #69A5DB;
	color:#fff;
}
.b2b2c_part1 ul a:first-child{
	border-left: 1px solid #69A5DB;
}
.b2b2c_part1 .model_pic{
    text-align: center;
    width:600px;
    display: inline-block;
}
.b2b2c_part1 .model_pic img{
	max-width: 600px;
	height: 430px;
}
.b2b2c_part1 .content{
	float: right;
	width: 500px;
	margin: 100px  60px 0 0;
}
.b2b2c_part1 .content h3{
	font-size: 18px;
	color: #333;
}
.b2b2c_part1 .content p{
	width: 477px;
	line-height: 22px;
	margin: 20px 0 10px;
}
.b2b2c_part1 .content i{
	width: 477px;
	line-height: 22px;
}
.b2b2c_part1 .content a{
	color: #69A5DB;
	width: 111px;
	height: 35px; 
	margin-top: 22px;
	border: 1px solid #69A5DB;
	display: block;
	text-align: center;
	line-height: 35px;
} 
.b2b2c_part1 ol{
	margin-top: 40px;
	text-align: center;
}
.b2b2c_part1 ol h3{
	font-size: 20px;
	color: #333;
}
.b2b2c_part1 ol li{
	width: 195px;
	height: 106px;
	float: left;
	text-align: center;
	background-color: #DBA069;
	margin: 23px 0 0 30px;
	border-radius: 7px;
	box-shadow: 0 0 7px #DBA069;		
}
.b2b2c_part1 ol li:nth-child(2){
	margin-left: 54px;
}
.b2b2c_part1 ol li:nth-child(3){
	background-color: #DB6969;
	box-shadow: 0 0 7px #DB6969;
}
.b2b2c_part1 ol li:nth-child(4){
	background-color: #69A5DB;
	box-shadow: 0 0 7px #69A5DB;
}
.b2b2c_part1 ol li:nth-child(5){
	background-color: #DB69A0;
	box-shadow: 0 0 7px #DB69A0;
}
.b2b2c_part1 ol li:nth-child(6){
	background-color: #8B56BF;
	box-shadow: 0 0 7px #8B56BF;
	margin-right: 47px;
}
.b2b2c_part1 ol li img{
	width: 50px;
	height: 50px;
	margin: 13px 0 6px;
}
.b2b2c_part1 ol li p{
	font-size: 17px;
	color: #fff;	
}
/*************************** B2B2C分销模块，四大核心功能 ********************************/
.b2b2c_part2{
	height: 465px;
	padding-top: 60px;
}
.b2b2c_part2 .title{
	text-align: center;
}
.b2b2c_part2 .title h3{
	font-size: 24px;
	color: #333;
}
.b2b2c_part2 .title p{
	margin: 20px 0 60px;
}
.b2b2c_part2 ul li{
	width:260px;
	height: 227px;
	box-shadow: 0 0 10px #69A5DB;
	border-radius: 5px;
	float: left;
	margin-left: 47px;
	text-align: center;
	padding-top: 33px;
}
.b2b2c_part2 ul li:first-child{
	margin-left: 0;
}
.b2b2c_part2 ul li img{
	width: 70px;
	height: 70px;
}
.b2b2c_part2 ul li  h3{
	font-size: 18px;
	color: #333;
	margin: 15px 0 20px;
}
.b2b2c_part2 ul li p{
	width: 200px;
	line-height: 22px;
	display: inline-block;
}
/*************************** 数十项营销组合，玩转互动营销 ********************************/
.b2b2c_part3_beijing{
	background-color: #ededed;
	height: 650px;
	padding-top: 60px;
}
.b2b2c_part3 .title{
	text-align: center;
}
.b2b2c_part3 .title h3{
	font-size: 24px;
	color: #333;
}
.b2b2c_part3 .title p{
	margin: 16px 0 43px;
}
.b2b2c_part3 ul li{
	width:207px;
	height: 182px;
	float: left;
	margin: 17px 0 0 17px;
	text-align: center;
	padding-top: 35px;
	background-color: #fff;
}
.b2b2c_part3 ul li:first-child{
	margin-left: 49px;
}
.b2b2c_part3 ul li:nth-child(6){
	margin-left: 49px;
}
.b2b2c_part3 ul li img{
	width: 54px;
	height: 54px;
}
.b2b2c_part3 ul li  h3{
	font-size: 18px;
	color: #333;
	margin: 15px 0 20px;
}
.b2b2c_part3 ul li p{
	width: 145px;
	line-height: 22px;
	display: inline-block;
}
/*************************** 核心技术优势 ********************************/
.b2b2c_part4{
	height: 433px;
	padding-top: 48px;
}
.b2b2c_part4 .title{
	text-align: center;
}
.b2b2c_part4 .title h3{
	font-size: 24px;
	color: #333;
}
.b2b2c_part4 .title p{
	margin: 20px 0 60px;
}
.b2b2c_part4 ul li{
	width:240px;
	height: 300px;
	float: left;
	text-align: center;
	background-image:url(../images/picture/136.jpg)
}
.b2b2c_part4 ul li:nth-child(2){
	background-image:url(../images/picture/88.jpg)
}
.b2b2c_part4 ul li:nth-child(3){
	background-image:url(../images/picture/89.jpg)
}
.b2b2c_part4 ul li:nth-child(4){
	background-image:url(../images/picture/90.jpg)
}
.b2b2c_part4 ul li:nth-child(5){
	background-image:url(../images/picture/91.jpg)
}
.b2b2c_part4 ul li img{
	width: 64px;
	height: 64px;
	margin: 50px auto 5px;
	display: block;
}
.b2b2c_part4 ul li .xline{
	width: 65px;
	height: 2px;
	background-color: #fff;
	display: inline-block;
}
.b2b2c_part4 ul li  h3{
	font-size: 17px;
	color: #ededed;
	margin: 13px 0 12px;
}
.b2b2c_part4 ul li p{
	width: 180px;
	line-height: 22px;
	display: inline-block;
	color: #ededed;
	font-size: 12px;
}
/*************************** 客户案例 ********************************/
.b2b2c_part5{
	height: 550px;
	padding-top: 48px;
}
.b2b2c_part5 .title{
	text-align: center;
}
.b2b2c_part5 .title h3{
	font-size: 24px;
	color: #333;
}
.b2b2c_part5 .title p{
	margin: 15px 0 40px;
}
.b2b2c_part5 ul li{
	width:316px;
	height: 370px;
	border-radius: 5px;
	float: left;
	margin-left: 63px;
	box-shadow: 0 0 7px #aaa;
}
.b2b2c_part5 ul li img{
	width:100%;
	height: 270px;
	border-radius: 5px 5px 0 0;
}
.b2b2c_part5 ul li .word{
	float: left;
	margin: 23px 0 0 25px;
}
.b2b2c_part5 ul li .word h3{
	font-size: 20px;
	color: #333;
	margin-bottom: 8px;
}
.b2b2c_part5 ul li .word p{	
}
.b2b2c_part5 ul li .go{
	width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #69A5DB;
    float: left;
    font-size: 17px;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin: 31px 0 0 107px;
}
/********************************************************************* 小程序 ********************************************************************/

/*************************** 小程序商城能用在哪？ ********************************/
.program_part1{
	height: 786px;
	padding-top: 48px;
}
.program_part1{
	text-align: center;
}
.program_part1 h3{
	font-size: 24px;
	color: #333;
}
.program_part1 p{
	margin: 20px 0 15px;
}
.program_part1 ul li{
	width:263px;
	height: 304px;
	box-shadow: 0 0 10px #AAA;
	border-radius: 5px;
	float: left;
	margin: 45px 0 0 48px;
}
.program_part1 ul li:first-child{
	margin-left: 0;
}
.program_part1 ul li:nth-child(5){
	margin-left: 0;
}
.program_part1 ul li:hover{
	background-color: #69A5DB;
	color: #fff;
}
.program_part1 ul li:hover h3{
	color: #fff;
}
.program_part1 ul li:hover a{
	background-color: #DB6969;
	color: #fff;
}
.program_part1 ul li span{
	display: inline-block;
	font-size:60px;
	color: #69a5db;
	margin: 32px 0 17px;
}
.program_part1 ul li:first-child span{
	font-size: 77px;
	margin: 23px 0 6px;
}
.program_part1 ul li:nth-child(5) span{
	font-size: 71px;
    margin: 22px 0 16px;
}
.program_part1 ul li:nth-child(2) span{
	font-size: 67px;
    margin: 24px 0 16px;
}
.program_part1 ul li:hover span{
	color:#fff
}
.program_part1 ul li  h3{
	font-size: 18px;
	color: #333;
}
.program_part1 ul li p{
	width: 165px;
	line-height: 22px;
	margin: 15px auto 44px;
}
.program_part1 ul li a{
	display: inline-block;
	width: 91px;
	height: 30px;
	border: 1px solid #DB6969;
	border-radius:20px;
	color:#DB6969;
	line-height: 30px;	
}
/*************************** 小程序流量入口 ********************************/
.program_part2{
	height: 355px;
	padding-top: 70px;
}
.program_part2 .title{
	text-align: center;
}
.program_part2 h3{
	font-size: 24px;
	color: #333;
}
.program_part2 p{
	margin: 20px 0 -10px;
}
.program_part2 ul li{
	width:223px;
	height: 73px;
	float: left;
	margin: 70px 0 0 95px;
}
.program_part2 ul li:first-child{
	margin-left: 20px;
}
.program_part2 ul li:nth-child(5){
	margin-left: 20px;
}
.program_part2 ul li img{
	width: 38px;
	height: 38px;
	float:left;
}
.program_part2 ul li .content{
	float: left;
	margin-left: 20px;
}
.program_part2 ul li .content h3{
	font-size: 18px;
	color: #333;
}
.program_part2 ul li .content p{
	width: 130px;
	margin-top: 13px;
	line-height: 22px;
}
/*************************** 做小程序商城有什么优势？ ********************************/
.program_part3{
	height: 583px;
	padding-top: 75px;
}
.program_part3 .title{
	text-align: center;
}
.program_part3 .title h3{
	font-size: 24px;
	color: #333;
}
.program_part3 .title p{
	margin: 20px 0 60px;
}
.program_part3 ul li{
	width:327px;
	height: 450px;
	box-shadow: 0 0 10px #aaa;
	border-radius: 5px;
	float: left;
	margin-left: 106px;	
}
.program_part3 ul li:first-child{
	margin-left: 0;
}
.program_part3 ul li span{
	text-align: center;
	margin: 0 auto;
    display: block;
}
.program_part3 ul li  h3{
	display: inline-block;
	width:260px;
	height: 84px;
	border-bottom: 1px dotted #616161;
	font-size: 20px;
	color: #333;
	line-height: 84px;
	margin-bottom: 13px;
}
.program_part3 ul li .item{
	width:180px;
	height: 35px;
	margin: 20px auto 0;
}
.program_part3 ul li .item img{
	width:12px;
	height: 12px;
	float: left;
	margin: 5px 25px 0 0;
}
.program_part3 ul li .item p{
	font-size: 16px;
}
/*************************** 小程序覆盖行业 ********************************/
.program_part4{
	height: 730px;
	padding-top: 48px;
}
.program_part4 {
	text-align: center;
}
.program_part4 .title h3{
	font-size: 24px;
	color: #333;
}
.program_part4 .title p{
	margin: 20px 0 60px;
}
.program_part4 ul li{
	width:297px;
	height: 297px;
	float: left;
	margin: 2px 0 0 2px;
	margin-left:2px;
	background-image: url(../images/picture/80.jpg);
	background-size: 297px 297px;
}
.program_part4 ul li:nth-child(2){
	background-image: url(../images/picture/82.jpg);
}
.program_part4 ul li:nth-child(3){
	background-image: url(../images/picture/81.jpg);
}
.program_part4 ul li:nth-child(4){
	background-image: url(../images/picture/87.jpg);
}
.program_part4 ul li:nth-child(5){
	background-image: url(../images/picture/83.jpg);
}
.program_part4 ul li:nth-child(6){
	background-image: url(../images/picture/84.jpg);
}
.program_part4 ul li:nth-child(7){
	background-image: url(../images/picture/85.jpg);
}
.program_part4 ul li:nth-child(8){
	background-image: url(../images/picture/86.jpg);
}
.program_part4 ul li:first-child{
	margin-left: 0;
}
.program_part4 ul li:nth-child(5){
	margin-left: 0;
}
.program_part4 ul li img{
	width: 75px;
	height: 75px;
	margin-top: 73px;
}
.program_part4 ul li  h3{
	font-size: 26px;
	color: #fff;
	letter-spacing: 1px;
}
.program_part4 ul li .xline{
	width: 114px;
    height: 1px;
    background-color: #fff;
    margin: 25px auto 15px;
}
/*************************** 精选小程序案例 ********************************/
.program_part5{
	height: 675px;
	padding-top: 48px;
}
.program_part5 {
	text-align: center;
}
.program_part5 .title h3{
	font-size: 24px;
	color: #333;
}
.program_part5 .title p{
	margin: 20px 0 60px;
}
.program_part5 .content{
    width:1237px;
    margin-left:-37px
}
.program_part5 .content .case{
	width: 272px;
	height: 468px;
	position: relative;
	overflow: hidden;
	float: left;
	margin-left: 37px;		
}
.program_part5 .content .black{
	width: inherit;
	height: inherit;
	background-color: #000;
	opacity: 0;
	position: absolute;
	top: 0;left: 0;
	z-index: -1;
	transition: all 0.75s;
}
.program_part5 .content .picture{
	width: inherit;
	height: inherit;
	float: left;
	position: absolute;
	top: 0;left: 0;
	z-index: -2
}
.program_part5 .content .case .qr{
	width: 272px;
	height: 272px;
	position: absolute;
	top:98px; left: 272px;
	transition: all 0.75s;
}
.program_part5 .content .case:hover .qr{
	margin-left: -272px;
}
.program_part5 .content .case:hover .black{
	opacity: 0.7
}
/*********************************************************************** 微信商城 ********************************************************************/

/*************************** 多种业务模式,完美兼容 ********************************/
.wechat_part1{
	height: 330px;
	padding-top: 48px;
	text-align: center;
}
.wechat_part1 .title h3{
	font-size: 24px;
	color: #333;
}
.wechat_part1 .title p{
	margin: 20px 0 55px;
}
.wechat_part1 ul li{

	float: left;
	margin-left: 23px;
}
.wechat_part1 ul li:first-child{
	margin-left: 0;
}
.wechat_part1 ul li  h3{
	width:277px;
	height: 60px;
	background-color: #69A5DB;
	box-shadow: 0 0 5px #69A5DB;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
	line-height: 60px;
}
.wechat_part1 ul li .content{
	width:277px;
	height: 110px;
	border: 1px solid #69A5DB;
	border-radius: 5px;
	position: relative;
	margin-top: 30px;
}
.wechat_part1 ul li .content p{
	width: 250px;
	line-height: 22px;
	display: inline-block;
	margin-top: 20px;
}
.wechat_part1 ul li .content i{
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 9px solid #69A5DB;
    position: absolute;
    bottom: 110px;
    left: 129px;
}
.wechat_part1 ul .color1 h3{
	background-color: #DB6969;
	box-shadow: 0 0 5px #DB6969;
}
.wechat_part1 ul .color1 .content{
	border-color:#DB6969;
}
.wechat_part1 ul .color1 .content i{
	border-bottom-color: #DB6969;
}
.wechat_part1 ul .color2 h3{
	background-color: #DBA069;
	box-shadow: 0 0 5px #DBA069;
}
.wechat_part1 ul .color2 .content{
	border-color:#DBA069;
}
.wechat_part1 ul .color2 .content i{
	border-bottom-color: #DBA069;
}
.wechat_part1 ul .color3 h3{
	background-color: #31B987;
	box-shadow: 0 0 5px #31B987;
}
.wechat_part1 ul .color3 .content{
	border-color:#31B987;
}
.wechat_part1 ul .color3 .content i{
	border-bottom-color: #31B987;
}
/*************************** YiShop微商城实现的价值 ********************************/
.wechat_part2{
	height: 500px;
	padding-top: 48px;
}
.wechat_part2 .title{
	text-align: center;
}
.wechat_part2 .title h3{
	font-size: 24px;
	color: #333;
}
.wechat_part2 .title p{
	margin: 20px 0 60px;
}
.wechat_part2 .picture{
	width: 565px;
	height: 365px;
	float: left;
	box-shadow: 0 0 30px #aaa;
    border-radius: 2px;
}
.wechat_part2 ul{
	float: left;
	margin: 10px 0 0 84px;
}
.wechat_part2 ul li{
	margin-top: 30px;
}

.wechat_part2 ul li img{
	width: 38px;
	height: 38px;
	float: left;
}
.wechat_part2 ul li .content{
	margin-left: 60px;
}
.wechat_part2 ul li .content h3{
	font-size: 18px;
	color: #333;
	margin-bottom: 5px;
}
/*************************** 热门营销玩法  塑造场景营销 ********************************/
.wechat_part3{
	height: 600px;
	padding-top: 48px;
	text-align: center;
}
.wechat_part3 .title h3{
	font-size: 24px;
	color: #333;
}
.wechat_part3 .title p{
	margin: 20px 0 28px;
}
.wechat_part3 ul{
	text-align: left;
}
.wechat_part3 ul li{
	width:353px;
	height: 143px;
	box-shadow: 0 0 10px #69A5DB;
	border-radius: 3px;
	float: left;
	margin: 32px 0 0 35px;
}
.wechat_part3 ul li img{
	width: 78px;
	height: 78px;
	margin: 28px 0 0 32px;
	float: left;
}
.wechat_part3 ul li .content{
	float: left;
	margin: 30px 0 0 25px;
}
.wechat_part3 ul li .content h3{
	font-size: 18px;
	color: #333;
}
.wechat_part3 ul li .content p{
	width: 180px;
	line-height: 22px;
	display: inline-block;
	margin-top: 8px;
}
.wechat_part3 a{
	display: inline-block;
	width: 135px;
	height: 40px;
	border: 2px solid #94BCE0;
	color: #94BCE0;
	line-height: 40px;
	font-size: 16px;
	margin-top: 50px;
}
/*************************** 四大核心亮点 · 抢占移动电商风口 ********************************/
.wechat_beijing{
	height: 670px;
	background-image: url(../images/picture/122.jpg);
	background-size:100% 100%;
}
.wechat_part4{
	padding-top: 80px;
	color:#fff;
	text-align: center
}
.wechat_part4 .title h3{
	font-size: 24px;
}
.wechat_part4 .title p{
	margin: 20px 0 65px;
}
.wechat_part4 ul li{
	width:208px;
	float: left;
	margin-left: 100px;
}
.wechat_part4 ul li:first-child{
	margin-left: 34px;
}

.wechat_part4 ul li img{
	width: 70px;
	height: 70px;
}
.wechat_part4 ul li  h3{
	font-size: 18px;
	margin: 17px 0 15px;
}
.wechat_part4 ul li p{
	width: 184px;
	line-height: 22px;
	display: inline-block;
}
.wechat_part4 ul li  .xline{
	width: 100px;
	height: 1px;
	background-color: #fff;
	margin: 15px auto 25px;	
}
.wechat_part4 ul li span{
	display: inline-block;
	line-height: 22px;
	width: 155px;
}
.wechat_part4 a{
	display: inline-block;
	width: 135px;
	height: 40px;
	border: 2px solid #fff;
	color: #fff;
	line-height: 40px;
	font-size: 16px;
	margin-top: 57px;
}
/*************************** 客户案例 ********************************/
 .wechat_part5{
	height: 675px;
	padding-top: 48px;
}
.wechat_part5 {
	text-align: center;
}
.wechat_part5 .title h3{
	font-size: 24px;
	color: #333;
}
.wechat_part5 .title p{
	margin: 20px 0 60px;
}
.wechat_part5 .content .case{
	width: 272px;
	height: 468px;
	position: relative;
	overflow: hidden;
	float: left;
	margin-left: 37px;		
}
.wechat_part5 .content .case:first-child{
	margin-left: 0;
}
.wechat_part5 .content .black{
	width: inherit;
	height: inherit;
	background-color: #000;
	opacity: 0;
	position: absolute;
	top: 0;left: 0;
	z-index: -1;
	transition: all 0.75s;
}
.wechat_part5 .content .picture{
	width: inherit;
	height: inherit;
	float: left;
	position: absolute;
	top: 0;left: 0;
	z-index: -2
}
.wechat_part5 .content .case .qr{
	width: 272px;
	height: 272px;
	position: absolute;
	top:98px; left: 272px;
	transition: all 0.75s;
}
.wechat_part5 .content .case:hover .qr{
	margin-left: -272px;
}
.wechat_part5 .content .case:hover .black{
	opacity: 0.7
}
/*********************************************************************** 跨境电商 ********************************************************************/

/*************************** banner ********************************/
.big_banner{
	width: 100%;
	z-index: -1;
	position: relative;
}
.big_banner img{
	width: 100%;
}
/*************************** 抓住市场井喷期 ********************************/
.kuajing_part1{
	height: 775px;
	padding-top: 48px;
	text-align: center;
}
.kuajing_part1 .title h3{
	font-size: 24px;
	color: #333;
}
.kuajing_part1 .title p{
	margin: 20px auto 50px;
	width: 873px;
	line-height: 22px;
}
.kuajing_part1 img{
	width: 1200px;
	height: 580px;
}
/*************************** 跨境电商企业的困境 ********************************/
.kuajing_part2_beijing{
	background-color: #ededed;
	height: 555px;
	padding-top: 60px;
}
.kuajing_part2{
	text-align: center;
}
.kuajing_part2 .title h3{
	font-size: 24px;
	color: #333;
}
.kuajing_part2 .title p{
	margin: 16px 0 43px;
}
.kuajing_part2 ul li{
	width:297px;
	height: 360px;
	float: left;
	margin-left: 2px;
	background-color: #fff;
}
.kuajing_part2 ul li:first-child{
	margin-left: 0;
}
.kuajing_part2 ul li img{
	width: 80px;
	height: 80px;
	margin-top: 78px;
}
.kuajing_part2 ul li  h3{
	font-size: 18px;
	color: #333;
	margin: 15px 0 25px;
}
.kuajing_part2 ul li p{
	width: 220px;
	line-height: 22px;
	display: inline-block;
}
/*************************** 主流化运营方案 ********************************/
.kuajing_part3{
	height: 584px;
	padding-top: 48px;
	text-align: center;
}
.kuajing_part3 .title h3{
	font-size: 24px;
	color: #333;
}
.kuajing_part3 .title p{
	margin: 20px 0 60px;
}
.kuajing_part3 ul li{
	width:335px;
	height: 475px;
	border-radius: 5px;
	float: left;
	margin-left: 49px;
	box-shadow: 0 0 7px #aaa;
}
.kuajing_part3 ul li img{
	width:100%;
	height: 255px;
	border-radius: 5px 5px 0 0;
}
.kuajing_part3 ul li .word{
	float: left;
	margin: 6px 0 0 25px;
}
.kuajing_part3 ul li .word h3{
	font-size: 18px;
	color: #333;
	margin: 15px 0 15px;
}
.kuajing_part3 ul li .word p{
	width: 280px;
	line-height: 30px;
}
.kuajing_part3 ul li .word .first{
	text-align:left;
}
/*************************** 商业模式 ********************************/
.kuajing_part4{
	height: 760px;
	padding-top: 70px;
	text-align: center;
}
.kuajing_part4 .title h3{
	font-size: 24px;
	color: #333;
}
.kuajing_part4 .title p{
	margin: 20px auto 30px;
	width: 873px;
	line-height: 22px;
}
.kuajing_part4 img{
	width: 1100px;
	height: 600px;
}
/*************************** 解决方案 ********************************/
.kuajing_part5_beijing{
	height: 700px;
	background-image: url(../images/picture/123.jpg);
	background-size:100% 100%;
}
.kuajing_part5{
	padding-top: 70px;
	color:#fff;
	text-align: center;
}
.kuajing_part5 .title h3{
	font-size: 26px;
}
.kuajing_part5 .title p{
	margin: 20px 0 112px;
}
.kuajing_part5 ul li{
	width:217px;
	height: 258px;
	float: left;
	background-color: #DB6969;
	border-radius: 10px;
	margin-left: 28px;
	position: relative;
}
.kuajing_part5 ul li:first-child{
	margin-left: 0;
}
.kuajing_part5 ul li .circle1{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #DB6969;
	position: absolute;
	top: -47px;
	right:57px;
}
.kuajing_part5 ul li:nth-child(2){
	background-color: #69A5DB;
}
.kuajing_part5 ul li:nth-child(2) .circle1{
	background-color: #69A5DB;
}
.kuajing_part5 ul li:nth-child(2) .circle1 .circle2{
	background-color: #2A8ABF;
}
.kuajing_part5 ul li:nth-child(3){
	background-color: #31B987;
}
.kuajing_part5 ul li:nth-child(3) .circle1{
	background-color: #31B987;
}
.kuajing_part5 ul li:nth-child(3) .circle1 .circle2{
	background-color: #149979;
}
.kuajing_part5 ul li:nth-child(4){
	background-color: #D97F4C;
}
.kuajing_part5 ul li:nth-child(4) .circle1{
	background-color: #D97F4C;
}
.kuajing_part5 ul li:nth-child(4) .circle1 .circle2{
	background-color: #CC5F31;
}
.kuajing_part5 ul li:nth-child(5){
	background-color: #B069D1;
}
.kuajing_part5 ul li:nth-child(5) .circle1{
	background-color: #B069D1;
}
.kuajing_part5 ul li:nth-child(5) .circle1 .circle2{
	background-color: #9536C2;
}
.kuajing_part5 ul li .circle1 .circle2{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #EB3D5C;
	margin: 10px auto;
}
.kuajing_part5 ul li .circle1 .circle2 img{
	width: 45px;
	height: 45px;
	margin-top: 18px;
}
.kuajing_part5 ul li .circle1 .circle2 .ccc{
	margin-left: 5px;
}
.kuajing_part5 ul li  h3{
	font-size: 19px;
	margin: 69px 0 23px;
}
.kuajing_part5 ul li p{
	width: 154px;
	line-height: 22px;
	display: inline-block;
}
.kuajing_part5 a{
	display: inline-block;
	width: 135px;
	height: 40px;
	border: 2px solid #fff;
	margin-top: 68px;
	line-height: 40px;
	color: #fff;
}
/*************************** 客户案例 ********************************/
  .kuajing_part6{
	height: 550px;
	padding-top: 48px;
}
.kuajing_part6 .title{
	text-align: center;
}
.kuajing_part6 .title h3{
	font-size: 24px;
	color: #333;
}
.kuajing_part6 .title p{
	margin: 15px 0 40px;
}
.kuajing_part6 ul li{
	width:316px;
	height: 370px;
	border-radius: 5px;
	float: left;
	margin-left: 63px;
	box-shadow: 0 0 7px #aaa;
}
.kuajing_part6 ul li img{
	width:100%;
	height: 270px;
	border-radius: 5px 5px 0 0;
}
.kuajing_part6 ul li .word{
	float: left;
	margin: 23px 0 0 25px;
}
.kuajing_part6 ul li .word h3{
	font-size: 20px;
	color: #333;
	margin-bottom: 8px;
}
.kuajing_part6 ul li .word p{
	
}
.kuajing_part6 ul li .go{
	width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #69A5DB;
    float: left;
    font-size: 17px;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin: 31px 0 0 107px;
}
/*********************************************************************** 农村电商 ********************************************************************/

/*************************** 农村电商下一个新蓝海 ********************************/
.village_part1{
	height: 758px;
	padding-top: 48px;
	text-align: center;
}
.village_part1 .title h3{
	font-size: 24px;
	color: #333;
}
.village_part1 .title p{
	margin: 20px auto 60px;
	width: 873px;
	line-height: 22px;
}
.village_part1 img{
	height: 600px;
}
/*************************** 农村电商怎么做，难点在哪里 ********************************/
.village_part2{
	height: 475px;
	padding-top: 48px;
	text-align: center;
}
.village_part2 .title h3{
	font-size: 24px;
	color: #333;
}
.village_part2 .title p{
	margin: 20px 0 60px;
}
.village_part2 ul li{
	width:277px;
	height: 340px;
	border-radius: 5px;
	float: left;
	margin-left: 30px;
	box-shadow: 0 0 7px #aaa;
}
.village_part2 ul li:first-child{
	margin-left: 0;
}
.village_part2 ul li img{
	width:100%;
	height: 200px;
	border-radius: 5px 5px 0 0;
}
.village_part2 ul li h3{
	font-size: 18px;
	color: #333;
	margin: 20px 0 10px;
}
.village_part2 ul li p{
	width: 210px;
	line-height: 22px;
	display: inline-block;
}
/*************************** 农村电商模式设计 ********************************/
.village_part3{
	height: 755px;
	padding-top: 48px;
	text-align: center;
}
.village_part3 .title h3{
	font-size: 24px;
	color: #333;
}
.village_part3 .title p{
	margin: 20px auto 60px;
	width: 873px;
	line-height: 22px;
}
.village_part3 img{
	width: 1100px;
	height: 600px;
}
/*************************** 电商解决方案 ********************************/
.village_part4{
	height: 595px;
	padding-top: 60px;	
}
.village_part4 .title{
	text-align: center;
}
.village_part4 .title h3{
	font-size: 24px;
	color: #333;
}
.village_part4 .title p{
	margin: 20px 0 70px;
}
.village_part4 .middle{
	width: 610px;
	height: 305px;
	margin: 0 auto;
	position: relative
}
.village_part4 .middle img{
	width: inherit;
	height: inherit;	
}
.village_part4 .middle .firth{
	text-align: right;
	position: absolute;
	top: 2px;
    left: -270px;
}
.village_part4 .middle .second{
	position: absolute;
	top: 2px;
    right: -270px;
}
.village_part4 .middle .third{
	text-align: right;
	position: absolute;
	bottom: -38px;
    left: -270px;
}
.village_part4 .middle .fourth{
	position: absolute;
	bottom: -38px;
    right: -270px;
}
.village_part4 .middle .content p{
	width: 230px;
	margin-top: 12px;
}
.village_part4 a{
	text-align: center;
	display: block;
	width: 166px;
	height: 43px;
	border: 2px solid #69A5DB;
	border-radius: 30px;
	color: #69A5DB;
	line-height: 43px;
	font-size: 16px;
	margin: 100px auto 0;	
}
/*************************** 客户案例 ********************************/
  .village_part5{
	height: 550px;
	padding-top: 48px;
}
.village_part5 .title{
	text-align: center;
}
.village_part5 .title h3{
	font-size: 24px;
	color: #333;
}
.village_part5 .title p{
	margin: 15px 0 40px;
}
.village_part5 ul li{
	width:316px;
	height: 370px;
	border-radius: 5px;
	float: left;
	margin-left: 63px;
	box-shadow: 0 0 7px #aaa;
}
.village_part5 ul li img{
	width:100%;
	height: 270px;
	border-radius: 5px 5px 0 0;
}
.village_part5 ul li .word{
	float: left;
	margin: 23px 0 0 25px;
}
.village_part5 ul li .word h3{
	font-size: 20px;
	color: #333;
	margin-bottom: 8px;
}
.village_part5 ul li .go{
	width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #69A5DB;
    float: left;
    font-size: 17px;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin: 31px 0 0 107px;
}
/*********************************************************************** 母婴电商 ********************************************************************/

/*************************** 母婴电商红利期！ 紧握良机！ ********************************/
.baby_part1{
	height: 840px;
	padding-top: 48px;
	text-align: center;
}
.baby_part1 .title h3{
	font-size: 24px;
	color: #333;
}
.baby_part1 .title p{
	margin: 20px auto 60px;
	width: 873px;
	line-height: 22px;
}
.baby_part1 img{
	width: 1200px;
	height: 678px;
}
/*************************** 业务特征 ********************************/
.baby_part2{
	height: 515px;
	padding-top: 48px;
	text-align: center;
}
.baby_part2 .title h3{
	font-size: 24px;
	color: #333;
}
.baby_part2 .title p{
	margin: 20px 0 60px;
}
.baby_part2 ul li{
	width:335px;
	height: 380px;
	box-shadow: 0 0 7px #aaa;
	border-radius: 5px;
	float: left;
	margin-left: 54px;
}
.baby_part2 ul li:first-child{
	margin-left: 42px;
}
.baby_part2 ul li img{
	width: 90px;
	height: 90px;
	margin: 56px 0 20px;
}
.baby_part2 ul li h3{
	font-size: 18px;
	color: #333;
}
.baby_part2 ul li .xline{
	width: 250px;
	height: 1px;
	background-color: #BFBDBF;
	margin: 25px auto 30px;
}
.baby_part2 ul li p{
	width: 224px;
	line-height: 22px;
	display: inline-block;
}
/*************************** 母婴电商运营体系 ********************************/
.baby_part3{
	height: 635px;
	padding-top: 48px;
	text-align: center;
}
.baby_part3 .title h3{
	font-size: 24px;
	color: #333;
}
.baby_part3 .title p{
	margin: 20px 0 60px;
}
.baby_part3 img{
	width: 1200px;
	height: 500px;
}
/*************************** 解决方案要点 ********************************/
.baby_part4{
	height: 568px;
	padding-top: 48px;
	text-align: center;
}
.baby_part4 .title h3{
	font-size: 24px;
	color: #333;
}
.baby_part4 .title p{
	margin: 20px 0 60px;
}
.baby_part4 ul{
	display: inline-block;
}
.baby_part4 ul li{
	width:260px;
	float: left;
	margin-left: 50px;
}
.baby_part4 ul li:first-child{
	margin-left: 10px;;
}
.baby_part4 ul li img{
	width: 180px;
	height: 180px;
	border-radius: 50%;
	box-shadow: 0 0 24px #aaa;
}
.baby_part4 ul li  h3{
	font-size: 18px;
	color: #333;
	margin: 25px 0 20px;
}
.baby_part4 ul li p{
	width: 242px;
	line-height: 22px;
	display: inline-block;
}
.baby_part4 a{
	text-align: center;
	display: inline-block;
	width: 166px;
	height: 43px;
	border: 2px solid #69A5DB;
	border-radius: 30px;
	color: #69A5DB;
	line-height: 43px;
	font-size: 16px;
	margin-top: 48px;
}
/*************************** 客户案例 ********************************/	
.baby_part5{
	height: 550px;
	padding-top: 48px;
}
.baby_part5 .title{
	text-align: center;
}
.baby_part5 .title h3{
	font-size: 24px;
	color: #333;
}
.baby_part5 .title p{
	margin: 15px 0 40px;
}
.baby_part5 ul li{
	width:316px;
	height: 370px;
	border-radius: 5px;
	float: left;
	margin-left: 63px;
	box-shadow: 0 0 7px #aaa;
}
.baby_part5 ul li img{
	width:100%;
	height: 270px;
	border-radius: 5px 5px 0 0;
}
.baby_part5 ul li .word{
	float: left;
	margin: 23px 0 0 25px;
}
.baby_part5 ul li .word h3{
	font-size: 20px;
	color: #333;
	margin-bottom: 8px;
}
.baby_part5 ul li .go{
	width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #69A5DB;
    float: left;
    font-size: 17px;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin: 31px 0 0 107px;
}
/*********************************************************************** 生鲜电商 ********************************************************************/

/*************************** 交易规模及前景 ********************************/
.fresh_part1{
	height: 655px;
	padding-top: 48px;
	text-align: center;
}
.fresh_part1 .title h3{
	font-size: 24px;
	color: #333;
}
.fresh_part1 .title p{
	margin: 20px auto 55px;
	width: 873px;
	line-height: 22px;
}
.fresh_part1 img{
	width: 1100px;
	height: 500px;
}
/*************************** 主流生鲜电商模式 ********************************/
.fresh_part2{
	height: 600px;
	padding-top: 48px;
	text-align: center;
}
.fresh_part2 .title h3{
	font-size: 24px;
	color: #333;
}
.fresh_part2 .title p{
	margin: 20px auto 45px;
	width: 873px;
	line-height: 22px;
}
.fresh_part2 img{
	width: 1100px;
	height: 480px;
}
/*************************** 生鲜电商的痛点 ********************************/
.fresh_part3{
	height: 565px;
	padding-top: 48px;
	text-align: center;
}
.fresh_part3 .title h3{
	font-size: 24px;
	color: #333;
}
.fresh_part3 .title p{
	margin: 20px 0 60px;
}
.fresh_part3 ul li{
	width:277px;
	height: 360px;
	border-radius: 5px;
	float: left;
	margin-left: 30px;
	box-shadow: 0 0 7px #aaa;
}
.fresh_part3 ul li:first-child{
	margin-left: 0;
}
.fresh_part3 ul li img{
	width:100%;
	height: 200px;
	border-radius: 5px 5px 0 0;
}
.fresh_part3 ul li h3{
	font-size: 18px;
	color: #333;
	margin: 20px 0 10px;
}
.fresh_part3 ul li p{
	width: 210px;
	line-height: 22px;
	display: inline-block;
}
/*************************** 生鲜电商解决方案 ********************************/
.fresh_part4_beijing{
	background-color: #ededed;
	height: 613px;
	padding-top: 60px;
}
.fresh_part4{
	text-align: center;
}
.fresh_part4 .title h3{
	font-size: 24px;
	color: #333;
}
.fresh_part4 .title p{
	margin: 16px 0 43px;
}

.fresh_part4 ul li{
	width:297px;
	height: 360px;
	float: left;
	margin-left: 4px;
	background-color: #fff;
}
.fresh_part4 ul li:first-child{
	margin-left: 0;
}
.fresh_part4 ul li img{
	width: 80px;
	height: 80px;
	margin-top: 67px;
}
.fresh_part4 ul li  h3{
	font-size: 18px;
	color: #333;
	margin: 15px 0 25px;
}
.fresh_part4 ul li p{
	width: 220px;
	line-height: 25px;
	display: inline-block;
}
.fresh_part4 a{
	display: inline-block;
	width: 135px;
	height: 40px;
	border: 2px solid #94BCE0;
	color: #94BCE0;
	line-height: 40px;
	font-size: 16px;
	margin-top: 48px;
}
/*************************** 丰富的营销手段 ********************************/
.fresh_part5{
	height: 553px;
	padding-top: 48px;
	text-align: center;
}
.fresh_part5 .title h3{
	font-size: 24px;
	color: #333;
}
.fresh_part5 .title p{
	margin: 20px 0 20px;
}
.fresh_part5 ul li{
	width:270px;
	height: 194px;
	box-shadow: 0 0 10px #aaa;
	border-radius: 5px;
	float: left;
	margin-left: 34px;
	margin: 37px 0 0 40px;
}
.fresh_part5 ul li:first-child{
	margin-left: 0;
}
.fresh_part5 ul li:nth-child(5){
	margin-left: 0;
}
.fresh_part5 ul li img{
	width: 68px;
	height: 68px;
	margin: 38px 0 15px;
}
.fresh_part5 ul li  h3{
	font-size: 20px;
	color: #333;
}
/*************************** 客户案例 ********************************/	
.fresh_part6{
	height: 550px;
	padding-top: 48px;
}
.fresh_part6 .title{
	text-align: center;
}
.fresh_part6 .title h3{
	font-size: 24px;
	color: #333;
}
.fresh_part6 .title p{
	margin: 15px 0 40px;
}
.fresh_part6 ul li{
	width:316px;
	height: 370px;
	border-radius: 5px;
	float: left;
	margin-left: 63px;
	box-shadow: 0 0 7px #aaa;
}
.fresh_part6 ul li img{
	width:100%;
	height: 270px;
	border-radius: 5px 5px 0 0;
}
.fresh_part6 ul li .word{
	float: left;
	margin: 23px 0 0 25px;
}
.fresh_part6 ul li .word h3{
	font-size: 20px;
	color: #333;
	margin-bottom: 8px;
}
.fresh_part6 ul li .word p{
	
}
.fresh_part6 ul li .go{
	width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #69A5DB;
    float: left;
    font-size: 17px;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin: 31px 0 0 107px;
}
/*********************************************************************** 综合百货 ********************************************************************/

/*************************** 传统百货行业现状 ********************************/
.market_part1{
	height: 554px;
	padding-top: 48px;
}
.market_part1 .title{
	text-align: center;
}
.market_part1 .title h3{
	font-size: 24px;
	color: #333;
}
.market_part1 .title p{
	margin: 20px 0 60px;
}
.market_part1 ul li{
	width:382px;
	height: 420px;
	border-radius: 5px;
	float: left;
	margin-left: 27px;
	box-shadow: 0 0 7px #aaa;
}
.market_part1 ul li:first-child{
	margin-left: 0;
}
.market_part1 ul li img{
	width:100%;
	height: 300px;
	border-radius: 5px 5px 0 0;
}
.market_part1 ul li .word{
	float: left;
	margin: 23px 0 0 25px;
}
.market_part1 ul li .word h3{
	font-size: 18px;
	color: #333;
	margin-bottom: 8px;
}
.market_part1 ul li .word p{
	width: 338px;
	line-height: 22px;
}
/*************************** 综合百货行业电商解决方案框架 ********************************/
.market_part2{
	height: 770px;
	padding-top: 48px;
	text-align: center;
}
.market_part2 .title h3{
	font-size: 24px;
	color: #333;
}
.market_part2 .title p{
	margin: 20px auto 20px;
	width: 873px;
	line-height: 22px;
}
.market_part2 img{
	width: 1200px;
	height: 568px;
}
.market_part2 a{
	text-align: center;
	display: inline-block;
	width: 166px;
	height: 43px;
	border: 2px solid #69A5DB;
	border-radius: 30px;
	color: #69A5DB;
	line-height: 43px;
	font-size: 16px;
	margin-top: 35px;
}
/*************************** 综合百货行业解决方案模式 ********************************/
.market_part3{
	height: 720px;
	padding-top: 48px;
	text-align: center;
}
.market_part3 .title h3{
	font-size: 24px;
	color: #333;
}
.market_part3 .title p{
	margin: 20px auto 20px;
	width: 873px;
	line-height: 22px;
}
.market_part3 img{
	width: 780px;
	height: 655px;
}
/*************************** 客户案例 ********************************/
.market_part4{
	height: 550px;
	padding-top: 48px;
}
.market_part4 .title{
	text-align: center;
}
.market_part4 .title h3{
	font-size: 24px;
	color: #333;
}
.market_part4 .title p{
	margin: 15px 0 40px;
}
.market_part4 ul li{
	width:316px;
	height: 370px;
	border-radius: 5px;
	float: left;
	margin-left: 63px;
	box-shadow: 0 0 7px #aaa;
}
.market_part4 ul li img{
	width:100%;
	height: 270px;
	border-radius: 5px 5px 0 0;
}
.market_part4 ul li .word{
	float: left;
	margin: 23px 0 0 25px;
}

.market_part4 ul li .word h3{
	font-size: 20px;
	color: #333;
	margin-bottom: 8px;
}
.market_part4 ul li .go{
	width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #69A5DB;
    float: left;
    font-size: 17px;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin: 31px 0 0 107px;
}
/*********************************************************************** 新零售 ********************************************************************/

/*************************** 新零售电商业务的 5大特征 ********************************/
.retail_part1{
	height: 363px;
	padding-top: 48px;
	text-align: center;
}
.retail_part1 .title h3{
	font-size: 24px;
	color: #333;
}
.retail_part1 .title p{
	margin: 20px 0 60px;
}

.retail_part1 ul li{
	width:212px;
	height: 228px;
	box-shadow: 0 0 7px #aaa;
	border-radius: 15px;
	float: left;
	margin-left: 35px;
}
.retail_part1 ul li:first-child{
	margin-left: 0;
}
.retail_part1 ul li h3{
	padding-top: 22px;
	width:inherit;
	height: 70px; 
	font-size: 16px;
	color: #fff;
	line-height: 22px;
	background-color: #69A5DB;
	border-radius: 15px;
	box-shadow: 0 0 7px #69A5DB;
}
.retail_part1 ul li:nth-child(2) h3{
	background-color: #DB6969;
	box-shadow: 0 0 7px #DB6969;
}
.retail_part1 ul li:nth-child(3) h3{
	background-color: #31B987;
	box-shadow: 0 0 7px #31B987;
}
.retail_part1 ul li:nth-child(4) h3{
	background-color: #DBA069;
	box-shadow: 0 0 7px #DBA069;
}
.retail_part1 ul li:nth-child(5) h3{
	background-color: #8B56BF;
	box-shadow: 0 0 7px #8B56BF;
}
.retail_part1 ul li p{
	margin:20px auto 0;
	width: 170px;
	line-height: 22px;
}
/*************************** 新零售解决方案优势 ********************************/
.retail_part2{
	height: 555px;
	padding-top: 48px;
	text-align: center;
}
.retail_part2 .title h3{
	font-size: 24px;
	color: #333;
}
.retail_part2 .title p{
	margin: 20px 0 60px;
}
.retail_part2 ul li{
	width:280px;
	height: 352px;
	box-shadow: 0 0 7px #aaa;
	border-radius: 5px;
	float: left;
	margin-left: 26px;
}
.retail_part2 ul li:first-child{
	margin-left: 0;
}

.retail_part2 ul li img{
	width: 86px;
	height: 86px;
	margin-top: 33px;
}
.retail_part2 ul li  h3{

	width: 180px;
	font-size: 18px;
	color: #333;
	margin: 20px auto 25px;
}
.retail_part2 ul li p{
	width: 230px;
	line-height: 25px;
	display: inline-block;
}
/*************************** 新零售系统三大价值 ********************************/
.retail_part3_beijing{
	height: 680px;
	background-image: url(../images/picture/103.jpg);
	background-size:100% 100%;
}
.retail_part3{
	padding-top: 65px;
	text-align: center
}
.retail_part3 .title{
	color: #fff;
}
.retail_part3 .title h3{
	font-size: 24px;
}
.retail_part3 .title p{
	margin: 20px 0 60px;
}

.retail_part3 ul li{
	width:278px;
	height: 333px;
	background-color: #fff;
	border-radius: 5px;
	float: left;
	margin-left: 90px;
	box-shadow: 0 0 7px #aaa;
}
.retail_part3 ul li:first-child{
	margin-left: 90px;
}

.retail_part3 ul li h3{
	display: inline-block;
	width: 190px;
	height: 77px;
	font-size: 18px;
	line-height: 22px;
	color: #333;
	border-bottom: 1px dotted #BEC2C9;
	margin-top: 35px;
}
.retail_part3 ul li .content{
	display: inline-block;
}
.retail_part3 ul li span{
	display: inline-block;
	text-align: left;
	line-height: 60px;
	margin-top: 10px;
}
.retail_part3 a{
	display: inline-block;
	width: 135px;
	height: 40px;
	border: 2px solid #fff;
	color: #fff;
	line-height: 40px;
	font-size: 16px;
	margin-top: 48px;
}
/*************************** 适用行业 ********************************/
.retail_part4{
	padding-top: 45px;
	text-align: center
}
.retail_part4 p{
	font-size: 24px;
	color: #333;
	margin-bottom: 45px;
}
.retail_part4 ul{
	width: 1200px;
	height: 176px;
	margin-top: 24px;
	background-color: #fff;
	box-shadow: 0 0 10px #bbb;
	border-radius: 5px;
}
.retail_part4 ul li{
	float: left;
	width: 100px;
	height: 140px;
	margin: 24px 0 0 92px;
}
.retail_part4 ul li:first-child{
	margin-left: 70px;
}
.retail_part4 ul li img{
	width: 90px;
	height:90px;
	border-radius: 50%;
	box-shadow: 0 0 10px #7D7D7D;
}
.retail_part4 ul li h3{
	font-size: 16px;
	color: #333;
	margin-top: 20px;
}
/*************************** 客户案例 ********************************/
 .retail_part5{
	height: 550px;
	padding-top: 48px;
}
.retail_part5 .title{
	text-align: center;
}
.retail_part5 .title h3{
	font-size: 24px;
	color: #333;
}
.retail_part5 .title p{
	margin: 15px 0 40px;
}
.retail_part5 ul li{
	width:316px;
	height: 370px;
	border-radius: 5px;
	float: left;
	margin-left: 63px;
	box-shadow: 0 0 7px #aaa;
}
.retail_part5 ul li img{
	width:100%;
	height: 270px;
	border-radius: 5px 5px 0 0;
}
.retail_part5 ul li .word{
	float: left;
	margin: 23px 0 0 25px;
}

.retail_part5 ul li .word h3{
	font-size: 20px;
	color: #333;
	margin-bottom: 8px;
}
.retail_part5 ul li .go{
	width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #69A5DB;
    float: left;
    font-size: 17px;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin: 31px 0 0 107px;
}
/*********************************************************************** 多渠道 ********************************************************************/

/*************************** 跨平台运营多店铺，实现真正的全网营销 ********************************/
.channel_part1{
	height: 410px;
	padding-top: 48px;
	text-align: center;
}
.channel_part1 .title h3{
	font-size: 24px;
	color: #333;
}
.channel_part1 .title p{
	margin: 20px 0 60px;
}
.channel_part1 ul li{
	width:220px;
	float: left;
	margin-left: 100px;
}
.channel_part1 ul li:first-child{
	margin-left: 10px;
}
.channel_part1 ul li img{
	width: 90px;
	height: 90px;
}
.channel_part1 ul li  h3{
	font-size: 18px;
	color: #333;
	margin: 22px 0 22px;
}
.channel_part1 ul li p{
	width: 200px;
	line-height: 25px;
	display: inline-block;
}
/*************************** 综合百货行业电商解决方案框架 ********************************/
.channel_part2_beijing{
	background-color: #EFF0F8;
	height: 695px;
	text-align: center;
}
.channel_part2{
	display: inline-block;
	padding-top: 60px;
	
}
.channel_part2 h3{
	font-size: 24px;
	color: #333;
}
.channel_part2 img{
	width: 1200px;
	height: 405px;
	margin: 60px 0 30px;
}
.channel_part2 a{
	display: inline-block;
	width: 166px;
	height: 43px;
	border: 2px solid #69A5DB;
	border-radius: 30px;
	color: #69A5DB;
	line-height: 43px;
	font-size: 16px;
}
/*************************** 我们方案的优势 ********************************/
.channel_part3{
	height: 340px;
	padding-top: 48px;
	text-align: center;
}
.channel_part3 .title h3{
	font-size: 24px;
	color: #333;
}
.channel_part3 .title p{
	margin: 20px 0 60px;
}
.channel_part3 ul li{

	float: left;
	margin-left: 21px;
}
.channel_part3 ul li:first-child{
	margin-left: 0;
}
.channel_part3 ul li  h3{
	width:221px;
	height: 60px;
	background-color: #69A5DB;
	box-shadow: 0 0 7px #69A5DB;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	line-height: 60px;
}
.channel_part3 ul li .content{
	width:221px;
	height: 104px;
	border: 1px solid #69A5DB;
	border-radius: 5px;
	position: relative;
	margin-top: 30px;
}
.channel_part3 ul li .content p{
	width: 200px;
	line-height: 22px;
	display: inline-block;
	margin-top: 20px;
}
.channel_part3 ul li .content i{
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 9px solid #69A5DB;
    position: absolute;
    bottom: 104px;
    left: 100px;
}
.channel_part3 ul .color1 h3{
	background-color: #DB6969;
	box-shadow: 0 0 5px #DB6969;
}
.channel_part3 ul .color1 .content{
	border-color:#DB6969;
}
.channel_part3 ul .color1 .content i{
	border-bottom-color: #DB6969;
}
.channel_part3 ul .color2 h3{
	background-color: #DBA069;
	box-shadow: 0 0 5px #DBA069;
}
.channel_part3 ul .color2 .content{
	border-color:#DBA069;
}
.channel_part3 ul .color2 .content i{
	border-bottom-color: #DBA069;
}
.channel_part3 ul .color3 h3{
	background-color: #31B987;
	box-shadow: 0 0 5px #31B987;
}
.channel_part3 ul .color3 .content{
	border-color:#31B987;
}
.channel_part3 ul .color3 .content i{
	border-bottom-color: #31B987;
}
.channel_part3 ul .color4 h3{
	background-color: #D6659B;
	box-shadow: 0 0 5px #D6659B;
}
.channel_part3 ul .color4 .content{
	border-color:#D6659B;
}
.channel_part3 ul .color4 .content i{
	border-bottom-color: #D6659B;
}
/*************************** 客户案例 ********************************/
 .channel_part4{
	height: 550px;
	padding-top: 48px;
}
.channel_part4 .title{
	text-align: center;
}
.channel_part4 .title h3{
	font-size: 24px;
	color: #333;
}
.channel_part4 .title p{
	margin: 15px 0 40px;
}
.channel_part4 ul li{
	width:316px;
	height: 370px;
	border-radius: 5px;
	float: left;
	margin-left: 63px;
	box-shadow: 0 0 7px #aaa;
}
.channel_part4 ul li img{
	width:100%;
	height: 270px;
	border-radius: 5px 5px 0 0;
}
.channel_part4 ul li .word{
	float: left;
	margin: 23px 0 0 25px;
}
.channel_part4 ul li .word h3{
	font-size: 20px;
	color: #333;
	margin-bottom: 8px;
}
.channel_part4 ul li .go{
	width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #69A5DB;
    float: left;
    font-size: 17px;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin: 31px 0 0 107px;
}
/*************************** 传统企业难点在哪里 ********************************/
.smart_part1{
	height: 477px;
	padding-top: 48px;   
	text-align: center;
}
.smart_part1 .title h3{
	font-size: 24px;
	color: #333;
}
.smart_part1 .title p{
	margin: 20px 0 60px;
}
.smart_part1 ul li{
	width:277px;
	height: 343px;
	border-radius: 5px;
	float: left;
	margin-left: 30px;
	box-shadow: 0 0 7px #aaa;
}
.smart_part1 ul li:first-child{
	margin-left: 0;
}
.smart_part1 ul li img{
	width:100%;
	height: 200px;
	border-radius: 5px 5px 0 0;
}
.smart_part1 ul li h3{
	font-size: 18px;
	color: #333;
	margin: 20px 0 10px;
}
.smart_part1 ul li p{
	width: 210px;
	line-height: 22px;
	display: inline-block;
}
/*************************** 我们的优势 ********************************/
.smart_part2{
	height: 590px;
	padding-top: 48px;
	text-align: center;
}
.smart_part2 .title h3{
	font-size: 24px;
	color: #333;
}
.smart_part2 .title p{
	margin: 20px 0 60px;
}
.smart_part2 ul li{
	width:323px;
	height: 380px;
	box-shadow: 0 0 7px #aaa;
	border-radius: 5px;
	float: left;
	margin-left: 70px;
}
.smart_part2 ul li:first-child{
	margin-left: 45px;
}
.smart_part2 ul li img{
	width: 85px;
	height: 85px;
	margin: 43px 0 25px;
}
.smart_part2 ul li  h3{
	font-size: 18px;
	color: #333;
}
.smart_part2 ul li .xline{
	width: 250px;
	height: 1px;
	background-color: #BFBDBF;
	margin: 25px auto 25px;
}
.smart_part2 ul li p{
	width: 250px;
	line-height: 25px;
	display: inline-block;
}
/*************************** 解决方案架构 ********************************/
.smart_part3_beijing{
	height: 730px;
	background-color: #5691B3;
	padding-top: 48px;
}
.smart_part3 .title{
	color: #fff;
	text-align: center;
}
.smart_part3 .title h3{
	font-size: 24px;
}
.smart_part3 .title p{
	margin: 20px 0 55px;
}
.smart_part3 img{
	width: 720px;
	height: 370px;
	float: left;
	margin-top: 70px;
}
.smart_part3 .content{
	width: 370px;
	height: 540px;
	background-color: #fff;
	border-radius: 7px;
	float: left;
	margin-left: 64px; 
	padding-left: 30px;
}
.smart_part3 .content h3{
	width: 342px;
	height: 64px;
	border-bottom: 1px solid #bbb;
	font-size: 20px;
	color: #333;
	line-height: 64px;
}
.smart_part3 .content h2{
	font-size: 20px;
	color: #333;
	margin-top: 18px;
}
.smart_part3 .content p{
	width: 342px;
	line-height: 22px;
	margin-top: 15px;
}
/*************************** 多种行业解决方案 ********************************/
.smart_part4{
	padding-top: 48px;
	height: 930px;
	text-align: center;		
}
.smart_part4 .title h2{
	font-size: 24px;
	color: #333;
}
.smart_part4 .title p{
	font-size: 14px;
	margin: 20px 0 47px;
	text-align: center;
}
.smart_part4 .case{
	width: 290px;
	height:333px;
	box-shadow: 0 0 7px #AAA;
	overflow: hidden;
	float: left;
	margin:13px 13px 0 0;
	color: #fff;
}
.smart_part4 ul li:nth-child(4){
	margin-right: 0;
}

.smart_part4 ul li:nth-child(8){
	margin-right: 0;
}
.smart_part4 .case img{
	width: 100%;
	height:270px;	
}
.smart_part4 .case .content{
	width: 290px;
	height: 300px;
	background-color: #0D0D0D;
	opacity: 0.87;
	transition: all 0.75s;
	padding-top: 17px;
}
.smart_part4 .case .content p{
	font-size: 20px;
	margin-bottom: 30px;
	letter-spacing: 1px;
}
.smart_part4 .case .content .box{
	display: inline-block;
}
.smart_part4 .case .content .box span{
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	width: 240px;	
	text-align: left;
}
.smart_part4 .case .content:hover{
	margin-top: -270px;
	padding-top: 33px;
}
.smart_part4 a{
	text-align: center;
	display: inline-block;
	width: 200px;
	height: 50px;
	border: 2px solid #69A5DB;
	border-radius: 30px;
	color: #69A5DB;
	line-height: 50px;
	font-size: 16px;
	margin-top: 60px;
}
/*************************** 信任并使用我们服务的客户 ********************************/
.smart_part5{
	padding-top: 48px;
	height: 315px;
	text-align: center;		
}
.smart_part5 .title h2{
	font-size: 24px;
	color: #333;
}
.smart_part5 .title p{
	font-size: 14px;
	margin: 20px 0 47px;
	text-align: center;
}
.smart_part5 img{
	width: 220px;
	height: 120px;
	border: 1px solid #D1D1D1;
	border-radius: 7px;
	margin-left: 18px;
}
.smart_part5 .first{
	margin-left: 0;
}
/*********************************************************************** 客户案例 ********************************************************************/

/*************************** banner ********************************/
.case_banner{
	height: 755px;
	background-image:url(../images/picture/148.jpg);
	background-size: 100% 100%;
	text-align: center;
}
.case_banner .focus{
	margin: 0 auto;
	width: 1200px;
	height:500px;
	position: relative;
}
.case_banner .focus .picture{
	width: inherit;
	height:inherit;
	margin-top: 200px;
}
.case_banner .focus .circle1{
	width: 50px;
	height:50px;
	position: absolute;
	bottom:27px;
	left: 23px;
	opacity: 0;
}
.case_banner .focus .circle2{
	width: 50px;
	height:50px;
	position: absolute;
	bottom:27px;
	right: 23px;
	opacity: 0;
}
.case_banner .focus:hover .circle1{
	opacity: 1;
}
.case_banner .focus:hover .circle2{
	opacity: 1;
}
/*************************** 卡片 ********************************/
.case_card{
	width: 1055px;
	height:65px;
	box-shadow: 0 0 7px #aaa;
	border-radius: 3px;
	margin: 32px auto 0;
    overflow: hidden;
}
.case_card li a{
	display: inline-block;
	width: 85px;
	height:33px;
	float: left;
	margin:16px 0 0 15px;
	text-align: center;
	line-height: 33px;
}
.case_card .active a{
	margin-left: 36px;
}
.case_card li:hover a, .case_card .active a{
	background-color: #69A5DB;
	box-shadow: 0 0 5px #69A5DB;
	border-radius: 3px;
	color: #fff;
}
/*************************** 客户案例 ********************************/
.case_body{
	background-color: #eee;
}
 .case_part1{
	text-align: center;
	padding-top: 48px;
}
.case_part1 h3{
	width: 160px;
	font-size: 24px;
	color: #333;
	float: left;	
}
.case_part1 .xline1{
	width: 520px;
	height: 1px;
	background-color: #CFCFCF;
	float: left;
	margin-top: 16px;
}
.case_part1 .xline2{
	width: 520px;
	height: 1px;
	background-color: #CFCFCF;
	float: left;
	margin-top: 16px;
}
.case_part1 ul{
	display: inline-block;
    width:1240px;
    margin-left:-40px;
    margin-bottom: 50px;
}
.case_part1 ul li{
	width:285px;
	height: 588px;
	float: left;
	margin: 40px 0 0 15px;
	background-color: #fff;
	text-align: center;
}
.case_part1 ul li .tupian{
	position: relative;
}
.case_part1 ul li .tupian .qr{
	width:170px;
	height: 170px;
	position: absolute;
	top: 189px;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
	transition: all 0.5s;
}
.case_part1 ul li .tupian i{
	display: inline-block;
	width:100%;
	height: 548px;
	background-color: #0D0D0D;
	opacity: 0;
	position:absolute;
	top: 0;
	left: 0;
	transition: all 0.5s;
}
.case_part1 ul li .tupian .picture{
	width:100%;
	height: 548px;
}
.case_part1 ul li .tupian:hover i{
	opacity: 0.7;
	cursor: pointer;
}
.case_part1 ul li .tupian:hover .qr{
	opacity: 1;
	cursor: pointer;
}
.case_part1 ul li .word{
	margin: 16px 0 0 0;
}
.case_part1 ul li .word span{
	display: inline-block;
	font-size: 18px;
	color: #000;
	margin-bottom: 8px;
}
.case_part1 ul li .go{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #69A5DB;
    float: left;
    font-size: 17px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    margin: 21px 0 0 138px;
}

/*************************** part3 ********************************/
.case_part3{
	height: 773px;
	text-align: center;
	padding-top: 48px;
}
.case_part3 h3{
	width: 160px;
	font-size: 24px;
	color: #333;
	float: left;	
}
.case_part3 .xline1{
	width: 520px;
	height: 1px;
	background-color: #CFCFCF;
	float: left;
	margin-top: 16px;
}
.case_part3 .xline2{
	width: 520px;
	height: 1px;
	background-color: #CFCFCF;
	float: left;
	margin-top: 16px;
}
.case_part3 ul{
	float: left;
}
.case_part3 ul li{
	width:372px;
	height: 330px;
	float: left;
	margin: 40px 0 0 42px;
	background-color: #fff;
}
.case_part3 ul li:first-child{
	margin-left: 0;
}
.case_part3 ul li:nth-child(4){
	margin-left: 0;
}.case_part3 ul li .tupian{
	position: relative;
}
.case_part3 ul li .tupian .qr{
	width:170px;
	height: 170px;
	position: absolute;
	top: 38px;
	left: 100px;
	opacity: 0;
	transition: all 0.5s;
}
.case_part3 ul li .tupian i{
	display: inline-block;
	width:100%;
	height: 244px;
	background-color: #0D0D0D;
	opacity: 0;
	position:absolute;
	top: 0;
	left: 0;
	transition: all 0.5s;
}
.case_part3 ul li .tupian .picture{
	width:100%;
	height: 244px;
}
.case_part3 ul li .tupian:hover i{
	opacity: 0.7;
}
.case_part3 ul li .tupian:hover .qr{
	opacity: 1;
}
.case_part3 ul li .word{
	float: left;
	margin: 16px 0 0 25px;
	text-align: left;
}
.case_part3 ul li .word span{
	display: inline-block;
	font-size: 20px;
	color: #333;
	margin-bottom: 8px;
}
.case_part3 ul li .go{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #69A5DB;
    float: left;
    font-size: 17px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    margin: 21px 0 0 138px;
}
/*********************************************************************** 案例详情 ********************************************************************/

/*************************** 平台介绍 ********************************/
.xiangqing_part1{
	text-align: center;
}
.xiangqing_part1 h3{
	font-size: 24px;
	color: #333;
	margin: 48px auto 20px;
}
.xiangqing_part1 p{
	display: inline-block;
	width: 740px;
	line-height: 22px;
}
/*************************** 终端界面展示 ********************************/
.frame{
	height: 1100px;
}
.reveal{
	width: 150px;
	font-size: 24px;
	color: #333;
	margin: 48px auto 38px;
}
.xiangqing_part2{
	height: 600px;
	position: relative;
	text-align: center;
}
.xiangqing_part2 .box{
	width: 1114px;
	margin: 0 auto;	
}
.xiangqing_part2 .beijing{
	width: 100%;
	height: 600px;
	position: absolute;
	top:200px;
	z-index: -1;
	left: 0;
}
.xiangqing_part2 .box .pc{
	width: 1114px;
	height: 405px;
}
.xiangqing_part2 .box .phone{
	width: 1114px;
	height: 523px;
}
.xiangqing_part2 .content p{
	color: #fff;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
}
.xiangqing_part2 .content i{
	margin: 0 auto;
	display: block;
	width: 1px;
	height: 30px;
	background-color: #fff;
}
/*************************** 终端界面展示  2 ********************************/
.xiangqing_part3{
	padding-top: 70px;
	height: 573px;
}
.xiangqing_part3 .pc{
	width: 660px;
	height: 420px;
	float: left;
	margin-left: 130px;
}
.xiangqing_part3 .box{
	float: left;
	width: 180px;
	text-align: center;
	margin: 65px 0 0 100px;
}
.xiangqing_part3 .box .box1{
	display: inline-block;
	width: 170px;
	height: 170px;
	text-align: center;
	position: relative;	
}
.xiangqing_part3 .box .box1 img{
	width: inherit;
	height: inherit;
}
.xiangqing_part3 .box .box1 p{
	text-align: left;
	line-height: 26px;
	position: absolute;
	bottom: 0;
	right: -90px;
}
.xiangqing_part3 .box .first{
	display: inline-block;
	width: 180px;
	height: 50px;
	border: 1px solid #bbb;
	border-radius: 3px;
	line-height: 50px;
	margin: 28px 0 10px;
}
.xiangqing_part3 .box .second{
	display: inline-block;
	width: 182px;
	height: 52px;
	background-color: #333;
	color: #fff;
	line-height: 52px;
	border-radius: 3px;
}
/*************************** 其它精彩案例 ********************************/
.xiangqing_part4_beijing{
	height: 530px;
	background-color: #EDEDED;
}
 .xiangqing_part4{
	text-align: center;
	padding-top: 60px;
}
.xiangqing_part4 h3{
	font-size: 24px;
	color: #333;	
}
.xiangqing_part4 ul{
    display: inline-block;
    width:100%
}
.xiangqing_part4 ul li{
	width:275px;
	height: 250px;
	float: left;
	margin: 42px 0 0 33px;
	background-color: #fff;
}
.xiangqing_part4 ul li:first-child{
	margin-left: 0;
}
.xiangqing_part4 ul li img{
	width:100%;
	height: 182px;
}
.xiangqing_part4 ul li .word{
	float: left;
	margin: 10px 0 0 20px;
	text-align: left;
}
.xiangqing_part4 ul li .word span{
	display: inline-block;
	font-size: 18px;
	color: #333;
	margin-bottom: 2px;
}
.xiangqing_part4 ul li .word p{
color: #666;
}
.xiangqing_part4 .more{
	display: inline-block;
    width: 120px;
    height: 38px;
    border: 1px solid #999;
    color: #666;
    line-height: 38px;
    font-size: 14px;
    margin-top: 50px;
}
/*********************************************************************** 关于我们 ********************************************************************/

/*************************** 卡片 ********************************/
.about_card ul{
	width: 630px;
    height: 52px;
	margin: 18px auto 55px;
	box-shadow: 0 0 7px #aaa;
	border-radius: 3px;
	text-align: center;
}
.about_card ul li{
	width: 126px;
    height: 52px;
	float: left;
	position: relative
}
.about_card ul li a{
	width: 126px;
    height: 25px;
	float: left;
	font-size: 16px;
	line-height: 25px;
	margin-top: 12px;
	border-left: 1px solid #C4C4C4;
}
.about_card ul li:first-child a{
	border-left: none;
	color: #fff;
	
}
.about_card ul li:hover ,.about_card ul .active{
	background-color: #69A5DB;
}
.about_card ul li:hover a{
	color: #fff;
	font-size: 16px;
	border-left: none; 	
}
/*************************** 公司简介 ********************************/
.about_part1{
	text-align: center;
}
.about_part1 h3{
	font-size: 24px;
	color: #333;
}	
.about_part1 p{
	width: 600px;
	margin-top: 40px;
	margin: 40px auto 0;
	font-size: 16px;
}
/*************************** 发展历程 ********************************/
.about_part2{
	height: 500px;
	padding-top: 60px;
	text-align: center
}
.about_part2 h3{
	font-size: 24px;
	color: #333;
	margin-bottom: 40px;
}
.about_part2 .desc{
	font-size: 16px;
	margin-bottom: 20px;
}
.about_part2 .box{
	display: inline-block;
}
.about_part2 .left{
	float: left;
}
.about_part2 .left p{
	margin-top: 102px;
	text-align: right;
	line-height: 25px;
}
.about_part2 .left p:first-child{
	margin-top: -8px;
}
.about_part2 img{
	float: left;
	margin-left: 15px;
}
.about_part2 .right{
	float: left;
	margin: 70px 0 0 15px;
}
.about_part2 .right p{
	line-height: 25px;
	margin-top: 105px;
	text-align: left;
}
.about_part2 .right p:first-child{
	margin-top: -10px;
}
/*************************** 团队风采 ********************************/
 .about_part3{
	height: 545px;
	padding-top: 48px;
	text-align: center;
}
.about_part3 .title h3{
	font-size: 24px;
	color: #333;
}
.about_part3 .title p{
	margin: 20px 0 45px;
	line-height: 27px;
}
/*************************** 获得荣誉 ********************************/
.about_part4{
	height: 650px;
	padding-top: 60px;
	text-align: center;
}
.about_part4 h3{
	font-size: 24px;
	color: #333;
	margin-bottom: 40px;
}
.about_part4 ul li{
	width: 180px;
	float: left;
	margin-left: 30px;
}
.about_part4 ul li:first-child{
	margin-left: 87px;
}
.about_part4 ul li img{
	width: 185px;
	height: 248px;
}
.about_part4 ul li p{
	margin-top: 20px;
}
.about_part4 dl{
	margin-top: 40px;
	list-style: none;
	float: left;
}
.about_part4 dl li{
	width: 260px;
	float: left;
	margin-left: 26px;
}
.about_part4 dl li img{
	width: 260px;
	height: 185px;
}
.about_part4 dl li:first-child{
	margin-left: 40px;
}
.about_part4 dl li p{
	margin-top: 20px;
}
/*************************** 联系我们 ********************************/
 .about_part5{
	height: 740px;
	padding-top: 48px;
	text-align: center;
}
.about_part5 .title h3{
	font-size: 24px;
	color: #333;
}
.about_part5 .title p{
	margin: 20px 0 45px;
	line-height: 27px;
}
.about_part5 img{
	width: 970px;
	height: 540px;
}
/*************************** 系列教程  ********************************/
.tutorial-p1{
	min-height: 800px;
	padding-top: 40px;
}
.tutorial-p1 ul{
	display: inline-block;
}
.tutorial-p1 ul li{
	width: 350px;
    float:left;
    margin-right:75px;
    margin-bottom:25px
}
.tutorial-p1 ul li:nth-child(3n){
    margin-right:0
}
.tutorial-p1 ul li .fm{
    display: block;
	width: 100%;
	height: 200px;
}
.tutorial-p1 ul li .title{
	font-size: 16px;
	margin: 15px 0 10px;
}
.tutorial-p1 ul li .box{
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}
.tutorial-p1 ul li .js{
	color: #999;
}

.tutorial-p1 ul li .box h5{
	float: left;
	color: #dd2b2b;
	font-size: 14px;
	font-weight: bold;
}
.tutorial-p1 ul li .box h5 i{
	font-size: 28px;
	
}
.tutorial-p1 ul li .box a{
	float: right;
	padding: 6px 18px;
	border-radius: 80px;
	color: #fff;
	background-color: #DD2B2B;
}
/*************************** 系列教程详情  ********************************/
.tutorial-d1{
	display: inline-block;
	width: 100%;
	padding: 20px;
	margin: 20px 0 5px;
	background-color: #fff;
}
.tutorial-d1 .fm{
	float: left;
	width: 400px;
	height: 220px;
    display: block;
}
.tutorial-d1 .box{
	width: 770px;
	float: right;
	padding-left:30px;
	text-align: left;
}
.tutorial-d1 .box .title{
	font-size: 20px;
	margin: 10px 0 10px;
}
.tutorial-d1 .box .js{
	color: #999;
	margin: 10px 0;
}
.tutorial-d1 .box h5{
	color: #dd2b2b;
	font-size: 14px;
	font-weight: bold;
}
.tutorial-d1 .box h5 i{
	font-size: 28px;
}
.tutorial-d1 .box a{
	padding: 12px 45px;
	border-radius: 3px;
	color: #fff;
	background-color: #DD2B2B;
	margin-top:78px;
	display: inline-block;
	font-size: 16px;
}
.tutorial-d2{
	width: 100%;
	padding: 10px 20px 20px 20px;
	background-color: #fff;
	margin-bottom: 10px;
	
}
.tutorial-d2 h3{
	font-size: 18px;
	line-height: 40px;
}
.tutorial-d2 p{
	line-height: 24px;
	font-size: 14px;
	color: #999999;
}
.tutorial-d2.adjust{
	min-height: 400px;
	margin-bottom: 40px;
}
/*导航改版*/
.header-bar{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	border-bottom: 1px solid #ededed;
	background-color:#fff
}
.logo {
	display: block;
	width: 160px;
	margin-top: 15px;
	max-width: 190px;
	max-height: 47px;
}
.index-nav{height: 80px;}
.index-nav img{width: 150px;margin-top: 13px;}
.index-nav .mid .box{float: right;margin:30px 0 0 35px;width: 80px;text-align: center;}
.index-nav .mid li {float: left;}
.index-nav .mid li .nav{float: left;font-size: 15px;line-height: 30px;margin: 24px 0 0 35px;color:#fff;}
.index-nav .mid li .nav:hover{border-bottom: 2px solid #fff;}
.index-nav.adjust .mid li .nav{color: #666;}
.index-nav.adjust .mid li .nav:hover,.index-nav.adjust .mid li .nav.active{color: #4190EB;}
.index-nav .mid .active{padding: 0 5px;color:#333 ;font-weight: bold;}
.index-nav .login a{line-height: 80px;margin:0 35px;}
.index-nav .login .zh{border-left: 2px solid #fff;line-height: 20px;margin:30px 80px 0 35px;padding:0 0 0 30px;}
.index-nav.adjust .login .zh{margin-right: 0;padding-left: 0;}
.index-nav.adjust .login a:hover{color: #4190EB;}
.index-nav .login a:hover{color: #A4C1FF;}
.index-nav .login .zc{padding: 5px 30px 6px;line-height: 20px;margin: 26px 80px 0 0;}
.index-nav .login .zc1{padding: 5px 30px 6px;line-height: 20px;margin: 26px 0 0 0;}
.index-nav .login .zc:hover{color: #4190EB;background-color:#ECF1FF;}
.index-nav.adjust .login .zc1:hover{color: #fff;background-color:#FF6A00;}
.index-nav .dl{margin: 30px 0 0 20px;}
.index-nav .dl h3{margin-left: 35px;line-height: 80px;}
.index-nav .dl a{padding: 0 15px;}
.index-nav .dl a:hover{color: #1C75C6;}
.index-nav .dl .fir{margin-right: 80px;border-left: 1px solid #FFFFFF;}
.index-nav .dl .sec{border-left: 1px solid #999;}
.index-nav .dl .zc{padding: 6px 34px 7px;}
/*导航改版-解决方案*/
.index-nav .mid .menu:hover .menu_box{display: block;}
.index-nav .mid .menu:hover .trigal em{display: block;}
.index-nav .mid li {float: left;}
.index-nav .mid .menu {position: relative;}
.index-nav .mid .menu .trigal {cursor: pointer;position: relative;display: block;height: 65px;}
.index-nav .mid .menu .trigal em {display: none;position: absolute;z-index: 999;top: 70px;right: 0;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 8px solid #fff;}
.index-nav .mid .menu_box{display: none;text-align: center;width: 160px;min-height: 220px;position: absolute;left: 0;top: 62px;padding: 10px 20px;background-color: #fff;z-index: 999; border: 1px solid #ededed;}
.index-nav .mid .menu .menu_box .item-menu{ width: 100%; display: inline-block; cursor: pointer;}
.index-nav .mid .menu .menu_box .item-menu img{ width: 22px; height: 22px; float: left; margin: 10px 5px 0 0;}
.index-nav .mid .menu .menu_box .item-menu h3{ font-size: 16px; color: #333333; float: left; line-height: 40px;}

/*个人头像样式调整*/
#member_avatar{margin-left: 35px;position: relative;}
#member_avatar .avatar{width: 40px;height: 40px;cursor: pointer;border-radius: 100%;margin: 20px 0;}
#member_avatar .icon{width: 13px;}
#member_avatar .info{position: absolute;background: #FFFFFF;width: 300px;right: 0;top: 75px;border-radius: 3px;box-shadow: 0 0 10px #DBDBDB;padding: 10px 0;display: none;z-index: 1000;}
#member_avatar .info .part{display:block; width: 0; height: 0; border: 10px solid;border-color: transparent transparent #FFFFFF;position: absolute;top: -20px;right: 20px;}
#member_avatar .info .item{overflow: auto;padding: 0 20px;line-height: 40px;}
#member_avatar .info .item .name{float: left;font-size: 16px;}
#member_avatar .info .item .val{float: left;font-size: 16px;}
#member_avatar .info .operate{overflow: auto;}
#member_avatar .info .operate .items{display: block;line-height: 40px;margin: 0;padding: 0 20px;float: inherit;color: #666;}
#member_avatar .info .operate .items:hover{color: #4190EB;background: #dedddd;}
#member_avatar .info .operate .items .layui-icon{font-size: 18px;margin-right: 5px;display: block;float: left;}

/*选择时长弹框*/
.popup_frame{position: fixed;bottom: 0;right:0; top: 0;left: 0;margin: auto;width: 400px;height: 280px;z-index: 9999;background: #fff;border-radius: 3px;}
.public-form .guide_img{width: 94%;margin: 10px auto 50px;display: block;}
.popup_frame .title{font-size: 16px;color: #333333;padding-left: 3%;border-bottom: 1px solid #EDEDED;line-height: 50px;}
.popup_frame .content{padding:10px 3%;}
.popup_frame .content .wxapp_tip{font-size: 16px; color: #DD2B2B;line-height: 20px;}
.popup_frame .content .item{overflow: auto;margin-bottom:10px;}
.popup_frame .content .item .time_title{font-size: 14px; color: #333333;line-height:30px;font-weight: 700;}
.popup_frame .content .item .time_list{overflow: auto;min-height: 40px;}
.popup_frame .content .item .time_list .val{font-size: 14px; color: #666;padding: 5px 15px;border: 1px solid #DBDBDB;display: block;float: left;margin-right:10px;margin-bottom:10px; border-radius: 3px;cursor: pointer;}
.popup_frame .content .item .time_list .val.active{background-color: #e4f0ff;color: #4190eb;border-color: #4190eb;}
.popup_frame .content .item .name{font-size: 14px; color: #333333;line-height: 40px;font-weight: 700;float: left;}
.popup_frame .content .item .price{font-size: 24px; color: #DD2B2B;line-height: 40px;font-weight: 700;float: left;margin-left:10px;}
.popup_frame .content .item .use_key{font-size: 14px; color: #689FDD;line-height: 40px;float: left;margin-left: 20px;cursor: pointer;}
.popup_frame .content .item .input_name{font-size: 14px; color: #333333;line-height: 40px;float: left;}
.popup_frame .content .item .input_val{font-size: 14px; color: #333333;float: left;width: 70%;line-height:30px;padding: 5px 10px;margin-left:10px;margin-bottom: 0;}
.popup_frame .confirm-btn{position: absolute;bottom: 0;width: 100%;text-align: center;line-height:50px;font-size: 16px; color: #FFFFFF;background: #4190EB;cursor: pointer;}
/*2023-03-07登录页面改版*/
.login-frame{width: 800px;height: 480px;border-radius: 8px;}
.login-frame .close_btn{width: 35px;height: 35px;position: absolute;right: -60px;top: 0;cursor: pointer;}
.login-frame .left{position: absolute;width: 332px;left: 0;top: 0;height: 100%;border-radius: 8px 0 0 8px;}
.login-frame .left .image{width: 100%;height: 100%;object-fit: cover;border-radius: 8px 0 0 8px;}
.login-frame .right{width: 474px;height: 100%;position: absolute;right: 0;top: 0;border-radius: 8px;background: #FFFFFF;}
.login-frame .right .common{}
.login-frame .right .common.login1{display: block;}
.login-frame .right .common.login2{display: none;}
.login-frame .right .common.login3{display: none;}
.login-frame .right .common.login4{display: none;}
.login-frame .right .common .center{width: 350px;margin: 40px auto 0;}
.login-frame .right .common.login1 .center,.login-frame .right .common.login2 .center{margin-top: 80px;}
.login-frame .right .common .toggle{position: absolute;cursor: pointer;top: 0;right: 0;border-radius: 8px;overflow: hidden;}
.login-frame .right .common .toggle .icon{height: 80px;float: right;}
.login-frame .right .common .toggle .text{position: absolute;top: 46px;right: 55px;font-size: 14px;color: #2497db;width: 113px;text-align: center;line-height: 20px;}
.login-frame .right .common .title{font-size: 24px;color: #333333;font-weight: bold;border: none;margin-bottom: 25px;padding: 0;line-height: 30px;}
.login-frame .right .common .title .back-login{font-size: 16px;color: #0F7EFB;font-weight: 500;float: right;cursor: pointer;}
.login-frame .right .common.login3 .title{text-align: center;margin-top: 100px;}
.login-frame .right .common.login3 .title .icon{height: 30px;margin-right: 5px;}
.login-frame .right .common .input{width: 100%;position: relative;margin-bottom: 15px;}
.login-frame .right .common .input .layui-input{width: 100%;line-height: 50px;height: 50px;font-size: 16px;color: #333333;border-radius: 3px;background: #F5F5F5;}
.login-frame .right .common.login2 .input+.input .layui-input{padding-right: 35%;}
.login-frame .right .common .input .layui-input:-webkit-autofill {
	-webkit-animation: autofill-fix 1s infinite!important;
	/* 选择历史记录的文字颜色*/
	-webkit-text-fill-color: #333333;
	-webkit-transition: background-color 50000s ease-in-out 0s!important;
	transition: background-color 50000s ease-in-out 0s!important;
	background-color: transparent!important;
	background-image: none !important;
	/* 选择历史记录的背景颜色 */
	-webkit-box-shadow: 0 0 0 1000px transparent inset!important;
}
.login-frame .right .common .input .code{position: absolute;right: 0;top: 0;line-height: 50px;width: 30%;text-align: center;cursor: pointer;font-size: 16px;color: #333333;}
.login-frame .right .common .operate{overflow: auto;line-height: 30px;}
.login-frame .right .common .operate .btn{font-size: 16px;color: #0F7EFB;float: left;cursor: pointer;}
.login-frame .right .common .operate .btn.forget{float: right;color: #999999;}
.login-frame .right .common .submit{background: #0F7EFB;width: 100%;border-radius: 5px;border: none;font-size: 20px;color: #FFFFFF;line-height: 50px;cursor: pointer;margin-top: 30px;}
.login-frame .right .common .tips{font-size: 16px;color: #999999;text-align: center;display: block;line-height: 22px;margin-top: 20px;}
.login-frame .right .common .code-box{width: 163px;height: 163px;margin: 0 auto;position: relative;}
.login-frame .right .common .code-box .wechat_qrcode{width: 100%;}
.login-frame .right .common .code-box .scan{display:none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;background-color: #ffffffee;font-size: 16px;}
.login-frame .right .common .code-box .scan.active{display: block}
.login-frame .right .common .code-box .scan i{font-size: 60px;display: block;color: #fff;background-color: #4190EB;border-radius: 50px;width: 80px;height: 80px;line-height: 80px;margin: 40px auto 10px;}
.login-frame .right .common.login3 .tips{width: 64%;margin: 20px auto 0;}

.scrm{}
.scrm .item{width: 100%;margin: 50px auto 20px;}
.scrm .item .title{font-size: 54px;font-weight: bold;color: #0F7EFB;text-align: center;line-height: 100px;}
.scrm .item .sub-title{font-size: 32px;color: #333333;font-weight: normal;margin-left: 20px;}
.scrm .item h3{font-size: 22px;text-align: center;line-height: 60px;color: #333333;letter-spacing: 5px;}
.scrm .item h3 .mark{color: #0F7EFB;font-weight: bold;}
.scrm .item img{width: 100%;}
.scrm .item p{text-align: center;line-height: 22px;}
.scrm .item ul{overflow: auto;}
.scrm .item ul li{width: 46%;float: left;border: 1px solid #ededed;border-radius: 3px;padding: 18px;margin: 0 20px 20px 0;}
.scrm .item ul li:nth-child(2n){margin-right: 0;}
.scrm .item ul li .li-title{font-size: 22px;color: #333333;font-weight: bold;line-height: 40px;}
.scrm .item ul li .li-desc{font-size: 16px;color: #333333;text-align: left;line-height: 30px;}

/*视频号矩阵介绍页样式*/
.wechat-video{}
.wechat-video .item{ width: 100%;margin: 50px auto 20px;}
.wechat-video .item h3{font-size: 24px;text-align: center;line-height: 60px;color: #333333;letter-spacing: 5px; margin-bottom: 20px;}
.wechat-video .item .item-ul{ margin: 20px 0;}
.wechat-video .item .item-ul ul{ display: flex;}
.wechat-video .item .item-ul ul li{ flex:1; margin: 0 15px; padding: 50px 0; background-color: #fff;box-shadow:10px 10px 30px #F5F5F5; border-radius: 10px;}
.wechat-video .item .item-ul ul li .top{ text-align: center;padding-bottom: 30px; margin: 0 60px;}
.wechat-video .item .item-ul ul li .line1{ border-bottom: 2px solid #0483f0; }
.wechat-video .item .item-ul ul li .line2{ border-bottom: 2px solid #1125db;}
.wechat-video .item .item-ul ul li .line3{ border-bottom: 2px solid #ff9908;}
.wechat-video .item .item-ul ul li .top p{font-size: 22px; color: #333333;}
.wechat-video .item .item-ul ul li .bottom{padding-top: 30px;}
.wechat-video .item .item-ul ul li .bottom p{font-size: 24px;}
.wechat-video .item .item-ul ul li .bottom .p1{color:#0483f0;}
.wechat-video .item .item-ul ul li .bottom .p2{color:#1125db;}
.wechat-video .item .item-ul ul li .bottom .p3{color:#ff9908;}
.wechat-video .item .img{width: 100%;}