*{padding: 0; margin: 0;}
.w_50{width: 50%;}
a{color: #333 !important;}
.navLower{display: none;}
.nav_hover:hover .navLower{display: block;}
.navhover:hover{display: block;}
.navhover:hover .title{color: #3495FE;}
.navhover .el-icon-arrow-right{ transition: all 0.3s;  }
.navhover:hover .el-icon-arrow-right{color: #3495FE; margin-left: 20px;}
.noactive:hover{color:#3495FE !important;}
.noactive:hover a{color:#3495FE !important;}
.header a{color:#fff !important;}
.header2 a{color:#333 !important;}
.botton{width:134px; height:40px; border-radius:30px; border:#666 solid 1px; text-align:center; line-height:40px; color:#333; margin:auto; position:relative; transition:all 0.3s; overflow:hidden}
.hover{width:134px;height:100%;border-radius:30px; background:#3495FE;  text-align:center; line-height:40px; display:block;margin:auto; position:absolute;z-index:1; top:0; left:-100%; transition:all 0.3s}
.b-test{width:100%; height:100%; text-align:center; line-height:40px; position:absolute; z-index:2; top:0; left:0}
.allist{position:relative}
.otitle{ transition:all 0.5s}
.imgh img{ transition:all 0.5s}
.imgh img:hover{ transform:scale(1.2);}
.bounceInDown{top:0;}
/*.allist :nth-child(odd){margin-left:-100%}*/
/*.allist :nth-child(even){margin-right:-100%}*/
.botton:hover{
    color:#fff ;
    border: #3495FE solid 1px;
}
.botton:hover .hover{
    left: 0;
}
button{
	border:0;
	
	outline:none;
}
.crmactive{background: #3495FE !important; color: #fff;}
	.appList{width: 160px; height:100px; border-radius: 12px; padding: 30px 0; box-shadow: 0 0 6px #ccc; margin:40px auto 0 auto; text-align: center; cursor: pointer; border: #FFFFFF solid 1px;}
	.appList:hover{border: #3495FE solid 1px; color: #3495FE;}
	.w_16:hover .title{color: #3495FE;}
.w_1000{width: 1000px; margin: auto;}
.color_999{color: #999; font-size: 14px; line-height: 22px;}
.test4{
	 text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  height: 86px;
	  -webkit-line-clamp: 4;
	  line-clamp:4;
	  -webkit-box-orient: vertical;
}
.test3{
	 text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  line-clamp:3;
	  -webkit-box-orient: vertical;
}
.w_20{width: 20%;}
.w_25{width: 25%;}
.w_16{width: 16.6%;}
.fl{float: left;}
	html{background: #fff;}
	.flex{
		width: 1000px;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
		flex-flow:row wrap;
		/* justify-content:space-evenly; */
	}
	.flexItem{width: 300px; padding: 10px; box-shadow: 0 0 6px #eee; border-radius: 6px; margin-left: 10px; margin-bottom: 10px; cursor: pointer; overflow: hidden; position: relative; }
	a{text-decoration:none;}
	/* .flexItem::after{content: ''; } */
	.buttom_l{position: absolute; height: 3px; transition: all 0.3s; width: 320px; bottom: 0;background: #3495FE; left: -100%; }
	.flexItem img{transition: all 0.3s;}
	.flexItem:hover .buttom_l{left: 0; }
	.flexItem:hover img{ transform: scale(1.2);}
	/* .flexItem:nth-child(2n+1){margin: 0 10px 0px 10px;} */
	.navlist{ margin: 0 20px; cursor: pointer;  border: #ccc solid 1px; padding: 4px 20px; border-radius: 30px;}
	.acti{margin: 0 20px;border: #3495FE solid 1px;cursor: pointer; padding: 4px 20px; border-radius: 30px; color: #3495FE;}
	.cartlist{cursor: pointer; margin-top: 40px; padding: 20px 0; transition: all 0.4s; }
	.cartlist:hover .xq{color: #3495FE;}
	.cartlist:hover{ box-shadow: 0px 0px 8px #CCCCCC; box-sizing: border-box; padding:20px 10px; border-radius: 8px;}
	.title{font-size: 16px; color: #333; font-weight: bold; line-height: 50px;}
	.por{position: relative;}
	.top200{top: 260px; font-size: 60px; color: #fff; }
	.top300{top: 460px; font-size: 40px; color: #fff; }
	.bottom400{bottom: 360px; margin: auto;}
	.poa{position: absolute; z-index: 5; width: 100%; text-align: center; }
	.bottom200{ bottom: 200px; text-align: center;}
	.button:hover{background: #fff !important; color: #333 !important; transition: all 0.3s;}
	.bottom100{bottom: 100px;}
	.width_50{width: 50%; cursor: pointer; box-sizing: border-box; padding: 0 20px; float: left; margin-top: 40px;}
	.width_33{width: 33.3%; float: left; box-sizing: border-box; padding: 0 20px; margin-top: 40px; cursor: pointer; line-height: 0;}
	.bg_test{width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; z-index: 5; left: 0; top: 100%; box-sizing: border-box; padding: 10px; color: #fff; transition: all 0.3s; }
	.width_33:hover .bg_test{top: 0;}
	.tit{position: absolute; width: 1; width: 90px; left: 50%; margin-left: -45px; top: -45px;}
	/* .width_50:hover{} */
	.list{border: #ccc solid 1px; box-sizing: border-box; padding: 20px; height: 149px;}
	.list:hover{border: #3495FE solid 1px; transition: all 0.3s; }
	.list:hover .img{border: #3495FE solid 1px !important;}
	#dowebok{
		/* animation:myfirst 5s linear 2s infinite alternate; */
		animate-duration: 2s;    /* /动画持续时间 */
		    animate-delay: 1s;    /* //动画延迟时间 */
		    animate-iteration-count: infinite;    /* //动画执行次数 */
	}