
/* 主营业务 div底块 */
.zhuyingyewu{
	margin: 0 auto;
	width: 1100px;
	height:230px;
	display: flex;
}
/* 主营业务图片 */
.zhuyingyewu .zhuYingTu{
	width: 220px;
	height: 250px;
	float: left;
	margin-top: 20px ;
	
}
/* 精彩案例div底图 */
.jingcaiganli{
	margin: 0px auto;
	width: 1100px;
	height: 700px;
	margin-top:20px ;
	/*border: 1px solid red;*/
}
/* 精彩案例和关于我们 前的 小色块 */
.divSeKuai{
	float: left;
	width: 5px;
	height: 58px;
	background: #4b1141;
	
}
/* 精彩案例关于我们标题处的  英文 */
.yingWen{
	margin-top:-20px ;
	font-size: 20px;font-family: Arial; color:#999;margin-left: 10px;
}
/* 精彩案例关于我们 标题处的  汉字 */
.hanZi{
	font-size: 30px;font-family: 方正兰亭粗黑; color: #4b1141;margin-left: 10px;
}
/* 精彩案例 的内容 div块 */
.anLiNeiRong{
	margin-left: 33px;
	float: left;
	width: 333px;
}
/* 关于我们 div底块 */
.guanyuwomen{
	margin: 0 auto;
	width: 1100px;
	height: 380px;
	margin-top:0px ;
}

.about.text{
	margin-left: 30px; float: left; width: 610px;text-align: justify;
}

/* 关于我们的文字样式 */
.guangyuwomenwenzi{
	font-family: 微软雅黑;
	font-size: 15px;
	color: #999;
}
/* 合作伙伴 表格 内边距 */
.heZuoBiaoGe{
	padding:0px 20px 15px;
}
/* 所属展会 */
.suoSuanZhanHui{
	height: 30px; line-height: 30px; font-size: 16px;
}
/* 展台名称 */
.zhanTaiMingCheng{
	font-size: 25px;font-family: 微软雅黑;
}
/* 展台缩略图 */
.zhanTaiTuQian{

}
.picutre_many img {
	height: 70px;
	/*border: 1px solid red;*/
	padding: 0px 10px ;
}










.zhuyewu.div{
	background: #FFF;height: 420px;margin-top: 0px;
}

.ABOUT.div{
	width: 100%; background: #efefef;
}

.about.img{
	width: 1100px;margin: auto;
}

.about.us.div{
	width: 100%;margin-top: -28px;background: #fff;
}


.box {

	position: relative;
	background: rgba(255,255,255,1);
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
	color: #FFFF00;
	box-shadow: inset 0 0 0 3px #4b1141;
	-webkit-transition: background 0.4s 0.5s;
	transition: background 0.4s 0.5s;
}

.box:hover {
	background: rgba(255,255,255,0);
	transition-delay: 0s;
}



.box svg {
	position: absolute;
	top: 0;
	left: 0;
}



.box svg line {
	
	stroke-width: 6;
	stroke: #fff;
	fill: none;
	-webkit-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}


.box svg line.top,
.box svg line.bottom {
	stroke-dasharray: 195 195; 
}

.box svg line.left,
.box svg line.right {
	stroke-dasharray: 70 70;
}

.box:hover svg line.top {
	-webkit-transform: translateX(-390px);
	transform: translateX(-390px);
}

.box:hover svg line.bottom {
	-webkit-transform: translateX(390px);
	transform: translateX(390px);
}

.box:hover svg line.left {
	-webkit-transform: translateY(140px);
	transform: translateY(140px);
}

.box:hover svg line.right {
	-webkit-transform: translateY(-140px);
	transform: translateY(-140px);
}

/* Alternatives */

