.article{
	width: 100%;
	min-width: 1200px;
}
 
 .bg_green{
 	width: 100%;
 	background:#2cbc62;
 	min-width: 1200px;
 	height:574px;
 }
.beautygBanner{  background: url(../images/banner_bg.jpg) center no-repeat; background-size: cover; min-width: 1200px;}
.beautygBanner li.l1{ z-index:6; left:0px; top:160px;animation: bounceInLeft 1s ease 1 0s both;-webkit-animation: bounceInLeft 1s ease 1 0s both;}
.beautygBanner li.l2{ z-index:6; right:40px; top:70px;animation: bounceInRight 1s 1s ease 1 0.8s both;-webkit-animation: bounceInRight 1s ease 1 0.8s both;}
.beautygBanner li.l3{ right:0; bottom:0;animation:pulse 4s ease infinite 0s both;-webkit-animation: pulse 4s ease infinite 0s both;}
.beautygBanner li.l4{ left:10px; bottom:160px;animation: bounceInLeft 1s ease 1 0s both;-webkit-animation: bounceInLeft 1s ease 1 0s both; }
.bannerBtnConsult{
	padding: 8px 20px;
	font-size: 26px;
	color: #fff;
	border: 1px solid #fff;
	border-radius:25px; 
	
}
.bannerBtnConsult:hover{
	background:#fff;
}
.article .titleBorder h2{
	font-size: 30px;
}
 
.industryBg{
	background: url(../images/hangyeBg.png) center no-repeat; 
	background-size:cover;
	padding-bottom:80px;
}
.ul_industry li{
	width: 372px;
	height: 93px;
	float: left;
	position:relative; 
	margin: 15px 42px 15px 0;
}
.ul_industry li:nth-child(3n){
	margin-right: 0;
}
.ul_industry li i{
	display: block;
	width: 40px;
	height: 40px;
	margin: 18px auto 0 auto;
	-webkit-transition: all 1s ease-in-out;    -moz-transition: all 1s ease-in-out;    transition: all 1s ease-in-out; 
	position: relative;
}
.ul_industry li:hover i{
	-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)
}
.ul_industry li .industryDetails{
	position: absolute;
	top:0;
	left: 0;
	width: 372px;
	height: 93px;
	border-radius: 5px; 
	text-align: center;
	color: #fff;
}
.ul_industry li.i1{
	background: url(../images/industrySmbg1.png) center no-repeat;
}
.ul_industry li.i2{
	background: url(../images/industrySmbg2.png) center no-repeat;
}
.ul_industry li.i3{
	background: url(../images/industrySmbg3.png) center no-repeat;
}
.ul_industry li.i4{
	background: url(../images/industrySmbg4.png) center no-repeat;
}
.ul_industry li.i5{
	background: url(../images/industrySmbg5.png) center no-repeat;
}
.ul_industry li.i6{
	background: url(../images/industrySmbg6.png) center no-repeat;
}
.ul_industry li .industryDetails:hover{
   /*background: rgba(31,174,94,.5);*/   
}
.ul_industry li.i1 i{
	background: url(../images/icon_industry1.png) center no-repeat; 
}
.ul_industry li.i2 i{
	background: url(../images/icon_industry2.png) center no-repeat; 
}
.ul_industry li.i3 i{
	background: url(../images/icon_industry3.png) center no-repeat; 
}
.ul_industry li.i4 i{
	background: url(../images/icon_industry4.png) center no-repeat; 
}
.ul_industry li.i5 i{
	background: url(../images/icon_industry5.png) center no-repeat; 
}
.ul_industry li.i6 i{
	background: url(../images/icon_industry6.png) center no-repeat;  
}


.ul_marketProgram li{
	float: left;
	width: 320px;
	height: 114px;
	background:#fff;
	border-radius: 10px;
	padding: 30px;
	margin-top: 35px; 
	margin-right: 30px;
}
.ul_marketProgram li:nth-child(3n){
	margin-right: 0;
}
.marketProgrambg{
	background: url(../images/MarketingProgramBg.png) center no-repeat;
	background-size:cover;
	padding-bottom: 80px; 
}
.ul_marketProgram li a:hover{
	color: ;
}
.ul_marketProgram li dl{
	position: relative;
	padding-left: 100px;
}
.ul_marketProgram li dl dd{
	font-size: 24px;
	color: #333;
	
}
.ul_marketProgram li dl dt{
	font-size:14px;
	color: #999;
	padding-top: 10px;
	line-height: 24px;
}
.ul_marketProgram li dl i.icon_MarketingProgram{
	position: absolute;
	left: 0;
	top:10px;
	transition: all .8s ease-in-out;
}
.ul_marketProgram li:hover{
	box-shadow: 0 0 15px #e2e1e1; 
}
.ul_marketProgram li:hover dl i.icon_MarketingProgram{
	animation: bounce 1s ease 1 0s both;-webkit-animation: bounce 1s ease 1 0s both; 
} 
.ul_characteristic li{
	width: 270px;
	height: 356px;
	background: #fff; 
	float: left;
	margin-right: 40px; 
	margin-bottom: 40px;
	box-shadow: 0 0 20px #f7f7f7; 
}
 
.ul_characteristic li:hover{
	box-shadow: 0 0 20px #e2e1e1; 
}
.ul_characteristic li:nth-child(4n){
	margin-right: 0;
}
.ul_characteristic li i{
	display: block;
	height: 170px;
	width: 270px;
	transition: all .8s ease-in-out;
}
.ul_characteristic{
	background:#fdfdfd;
}

.ul_characteristic li i.icon_characteristic1{
	background: url(../images/icon_characteristic1.png) center no-repeat;
}
.ul_characteristic li i.icon_characteristic2{
	background: url(../images/icon_characteristic2.png) center no-repeat;
}
.ul_characteristic li i.icon_characteristic3{
	background: url(../images/icon_characteristic3.png) center no-repeat;
}
.ul_characteristic li i.icon_characteristic4{
	background: url(../images/icon_characteristic4.png) center no-repeat;
}
.ul_characteristic li i.icon_characteristic5{
	background: url(../images/icon_characteristic5.png) center no-repeat;
}
.ul_characteristic li i.icon_characteristic6{
	background: url(../images/icon_characteristic6.png) center no-repeat;
}
.ul_characteristic li i.icon_characteristic7{
	background: url(../images/icon_characteristic7.png) center no-repeat;
}
.ul_characteristic li i.icon_characteristic8{
	background: url(../images/icon_characteristic8.png) center no-repeat;
}
.ul_characteristic li i.icon_characteristic9{
	background: url(../images/icon_characteristic9.png) center no-repeat;
}
.ul_characteristic li i.icon_characteristic10{
	background: url(../images/icon_characteristic10.png) center no-repeat;
}
.ul_characteristic li i.icon_characteristic11{
	background: url(../images/icon_characteristic11.png) center no-repeat;
}
.ul_characteristic li i.icon_characteristic12{
	background: url(../images/icon_characteristic12.png) center no-repeat;
} 
.ul_characteristic li:hover i{ 
	-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)
	
}
.ul_characteristic li h3{
	font-size: 24px;
	color: #333333;
	text-align:center;  
} 
 .bt_line{
 	width: 31px;
	height: 5px;
	background: #1ec52c;
	margin: 6px auto; 
 }
 .ul_characteristic li p{
 	padding: 18px 40px;
 	font-size: 14px;
	color: #999;
	text-align: center;
 }
.evaluationBg{
	background:#f9fcf6;
	min-width: 1200px;
	padding: 0px 0 80px 0; 
}
.ul_evaluation{
	padding:0 30px;
}
.ul_evaluation li{
	width: 240px;
	float: left;
	text-align: center;  
}
.ul_evaluation li p{
  font-size: 16px;
  color:#333;
  padding: 20px 0;
}
.ul_evaluation li i{
	/*transition: all .8s ease-in-out;*/  
	display: block;
}
.ul_evaluation li a{
	display:block;
}
.ul_evaluation li:hover i{
	/*-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)*/
	 
}
.kanbanBg{
	background: url(../images/kanbanBg.png) center no-repeat;
	background-size: cover;
}
.ul_kanban{
	padding: 0px 0 80px 0;
}
.ul_kanban li{
	float: left;
	width: 600px; 
}
.ul_kanban li img{
	max-width: 600px;
	max-height: 350px;
}
.ul_kanban li p{
	font-size: 20px;
	color: #333;
	text-align:center
}

.caseBg{
	background:#f9fcf6;
	padding-bottom: 80px;
	min-width: 1200px;
}

.industrySchemeList{ margin:30px 0;}
.ul_icon_solution li{ text-align:center; position:relative; float:left; width:240px; height:240px;  
 box-shadow: 0 0 15px #fbfbfb; background: url(../images/solutionBg.png) center no-repeat; margin-right: 80px;
  margin-bottom: 50px;
 }
.ul_icon_solution li .industry{ width:100%;   margin-top:50px;}
.ul_icon_solution li .industry i{ display:inline-block; width:90px; height:90px; }
.ul_icon_solution li .industry:hover i{-webkit-animation: tada 1s 0s 1 linear both;    animation: tada 1s 0s 1 linear both;}  
.ul_icon_solution li .industry em{ display:none; width:90px; height:90px; }
.ul_icon_solution li .industry p{ color:#333; font-size:20px; line-height:40px;} 
.ul_icon_solution li:nth-child(4n){ margin-right:0;}
 .ul_icon_solution li:hover{
 	background:#89cd54; 
 	box-shadow: 0 0 15px #89cd54; 
 	color:#fff;
 } 
.ul_icon_solution li:hover .industry p{
	color: #fff;
}
.ul_icon_solution li:hover .industry i{
	display: none;
}
.ul_icon_solution li:hover .industry em{
	display: inline-block;
} 

.freeUser h2{
	font-size: 50px;
	color:#fff;
	min-width: 1200px;
	width: 100%; 
}
.freeUser{
	background: url(../images/freeUserBg.png) center no-repeat;
	background-size: cover;
	height: 300px;
	width: 100%;
}
.freeUser h2{
	font-size: 50px; 
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 50px 0;
}
.freeUseWith{
	width: 900px;
	margin: 0 auto;
}
.freeUseWith input{
	height: 55px;
	padding: 20px;
	width: 490px;
	border-radius: 2px;
	background: #fff;
	line-height: 35px;
	font-size: 24px;
	font-weight: normal;
}
.freeUseWith button{
	color:#181921;
	background:#ffde00;
	height: 55px; 
	width: 290px;
	font-size: 30px;
	line-height: 55px;
	border-radius: 2px;
}
.freeUseWith button:hover{
	background:#e2c500;
	cursor: pointer;
}

/*footer*/
.footTwo{
	border-top:1px solid #2a2b32;
	padding: 60px 0 30px 0; 
}
.foot_flQQ{
	font-size: 28px;
	color: #fff; 
	position: relative;
}
.foot_flQQ i{
	position: absolute;
	left:-50px;
	top:-10px
}
.btn_online{
	background:#29bc6e;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	margin: 20px 0;
	cursor: pointer;
}
.btn_online a:hover{
	color:#fff!important;
}
.btn_online a:hover span{
	color:#fff!important;
}
.btn_online span{
	padding:8px  5px 8px 30px;
	background: url(../images/icon_qqzixun.png) left center  no-repeat; 
}
.footTwo1{
	padding-left: 85px; 
}
.footTwo1 dl{
	color:#a9a9a9;
	padding: 5px 0;
}

/**/
.footTwo1{
	padding-right: 30px;
}
.ul_foot li{
	min-height: 250px;
	border-left: 1px solid #2a2b32;
	padding: 0 50px 0 20px;
	float: left; 
}
.ul_foot li span.span_til{
	font-size: 18px;
	color: #fff;
	display: inline-block;
	line-height: 32px;
}
.ul_foot li a{
	font-size: 14px;
	color: #949494;
	display: block;
	line-height: 30px;
}
.ul_foot li a:hover{
	color:#29bc6e;
}
 
 /*案例*/ 
 .zzsc_box a.img:hover{
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	Opacity:0.9;
	Filter:alpha(opacity=90);
	outline:none;
}
 .zzsc_box .img{
	display: block;
}
  .zzsc_box { 
	display: block; 
	height: 602px;
	border-top: 1px solid #eee; 
	border-left: 1px solid #eee;  
	background:#fff;  
}
 .zzsc_box ul{
 	
 }
 .zzsc_box li { 
	position: relative;
	width: 400px;
	height: 300px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	float: left;
	overflow: hidden;
} 
 .zzsc_box li .images{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 400px;
	height: 300px;
}
.swiper-wrapper{
	height: 602px;
}
 .zzsc_box li .images img{
	max-width: 400px;
	max-height: 300px;
}
 .zzsc_box li .casehover{
	position: absolute;
	left: 0;
	top:0px;
	background: rgba(0,0,0,0.23);
	width: 400px;
	height: 300px;
	display: none;
	transition: all .8s ease-in-out;
}
 .zzsc_box li .casehover a{
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	width: 400px;
	height: 300px;
}
 .zzsc_box li .casehover a img{
	max-height: 196px;
	max-height: 196px;
	
}
 .zzsc_box li:hover .casehover{ display:block}
 

.sanjiao{
	position:absolute;
	top:16px;
	left: 200px;
	width: 20px;
	height: 20px;
	background: #fff;
	/*border: 2px solid #89cd54;*/
	border-top:1px solid #89cd54;
	border-left:1px solid #89cd54;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* Internet Explorer */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); /* Opera */
}

/**/
.buildingAisde{
	height: 246px;
	margin-top: -123px;
}
.hotelAside li i{
	width: 26px;
	height: 26px; 
	margin-right: 10px;
	
	
}
.hotelAside li.fl1 i{
	background: url(../images/icon_fl1.png) center no-repeat;background-size: 20px auto;
}

.hotelAside li.fl2 i{
	background: url(../images/icon_fl2.png) center no-repeat;background-size: 20px auto;
}
.hotelAside li.fl3 i{
	background: url(../images/icon_fl3.png) center no-repeat;background-size: 20px auto;
}
.hotelAside li.fl4 i{
	background: url(../images/icon_fl4.png) center no-repeat;background-size: 20px auto;
}
.hotelAside li.fl5 i{
	background: url(../images/icon_fl5.png) center no-repeat;background-size: 20px auto;
}
.hotelAside li.fl6 i{
	background: url(../images/icon_fl6.png) center no-repeat;background-size: 20px auto;
}

.hotelAside li.fl1:hover i,.hotelAside li.fl1.active i { background: url(../images/icon_fl1hover.png) center no-repeat;background-size: 20px auto;}
.hotelAside li.fl2:hover i,.hotelAside li.fl2.active i { background: url(../images/icon_fl2hover.png) center no-repeat;background-size: 20px auto;}
.hotelAside li.fl3:hover i,.hotelAside li.fl3.active i { background: url(../images/icon_fl3hover.png) center no-repeat;background-size: 20px auto;}
.hotelAside li.fl4:hover i,.hotelAside li.fl4.active i { background: url(../images/icon_fl4hover.png) center no-repeat;background-size: 20px auto;}
.hotelAside li.fl5:hover i,.hotelAside li.fl5.active i { background: url(../images/icon_fl5hover.png) center no-repeat;background-size: 20px auto;}
.hotelAside li.fl6:hover i,.hotelAside li.fl6.active i { background: url(../images/icon_fl6hover.png) center no-repeat;background-size: 20px auto;}
 
.newsbox{
	background:#f7f8fb;
	height: 49px;
	min-width: 1200px;
	color:#595961;
}
.ul_newsbox li{
	float: left;
	width: 286px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 40px;
    position: relative;
    padding-left: 15px;
    background: url(../images/not_i.png) left center no-repeat;
    line-height: 49px;
}
.ul_newsbox li a{
	color:#595961;
}
.ul_newsbox li a:hover{
	text-decoration: underline;
	color:#0ab856;
}
.gonggaoTil{
	line-height: 49px; 
}
 
.qrCodeContent li.active .qrCode_img{
	display: block;
}

.gonggaoTil{
	width: 70px;
}
.ul_newsbox{
	width: 1120px;
}

.ul_newsbox li{
	width: 318px;
	margin-left: 40px;
}