/*******************************
    -------[=首页]-------
********************************/

/*-----------------[首页第头部]--------------*/
.index #hd{/*background:rgba(0,0,0,.7);*/background: transparent;/*position: relative;*/}
.index #hd.ok{background:transparent;}
.index #hd .bg{/*background:rgba(0,0,0,.7);*/background: #212121;z-index: 99;max-height: 72px;}
@media only screen and (max-width: 767px) {
	/*.index #hd .bg{}*/
}
@media only screen and (max-width: 567px) {
	/*.index #hd .bg{}*/
}
.index #hd.ok .bg{background:#212121;opacity: 0.8;  filter:alpha(opacity=80);}
.index #bd{padding-top: 0;}
/*-----------------[banner]--------------*/
#banner{position: relative;}
#banner .box{display: block;padding-top: 40%;}
#banner .zz{position: absolute;left: 0;right: 0;top: 0;bottom: 0;
    /*background-color: rgba(0,0,0,.1);*/z-index: 10;
}
#banner .item{position: relative;
	z-index: 9;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* banner指示点 */
#banner .slick-dots{position: absolute;z-index:10;left:0;bottom:17px;width: 100%;
    text-align: center;}
#banner .slick-dots li{display: inline-block;margin:0 3px;}
#banner .slick-dots li button{width: 14px;height: 14px;
    font-size: 0;cursor: pointer;border:0;border-radius: 50%;
    background:#fff;}
#banner .slick-dots li.slick-active button{background:#535359;}

/* banner视频 */
#banner video{position: absolute;left:0;top:0;width: 100%;min-height: 100%;
    z-index: 9;background-color: #212121; /*display: none;*/
}

.banner_wp1{
	min-height: 360px;
	background-repeat: no-repeat;
	background-position: center;
    background-size: auto;
}
.bg_img{display:block;}
.bg_img_xsm{display: none;}
@media only screen and (max-width:1199px){
	.banner_wp1{
		min-height: 350px;
	}
}
@media only screen and (max-width:767px){
	.bg_img{display: none;}
	.bg_img_xsm{display: block;}
	.banner_wp1{
		min-height: 300px;
		background-size: auto 100%;
	}
}
@media only screen and (max-width:640px){
	.banner_wp1{
		min-height: 260px;
	}
}
@media only screen and (max-width:480px){
	.banner_wp1{
		min-height: 220px;
	}
}
/*-----------------[首页第一模块]--------------*/
.index-m1 ul{overflow: hidden;}
.index-m1 li{float: left;padding:72px 37px;
    width: 33.3%;text-align: center;}
.index-m1 li .img{margin:0 auto;width: 134px;height: 134px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;}
.index-m1 li h3{margin:22px 0 8px;
    height: 24px;line-height: 24px;overflow: hidden;
    font-size: 18px;color:#443f3c;}
.index-m1 li p{height: 44px;line-height: 22px;font-size: 14px;
    color:#8a8a8a;overflow: hidden;}

/*-----------------[首页第二模块]--------------*/
.index-m2{width: 100%;overflow: hidden;padding-top: 33px;background:#1f1f23;}
.index-m2 .g-tit h3{color:#fff;}
.index-m2 .img{float: right;margin-right: 32px;}
.index-m2 .img img{width: 422px;height: 444px;}
.index-m2 .txt{padding-top: 7px;width: 550px;}
.index-m2 .con p{margin:26px 0;font-size: 13px;line-height: 26px;color:#e7e7e7;
    height: 104px;overflow: hidden;}
.index-m2 .con img{margin-right: 6px;/*width: 165px;*/max-width: 100%;width: auto; height: 108px;}
.index-m2 .gywm-wp  .con img{max-width: 100%;width: auto;}

/*-----------------[首页第三模块]--------------*/
.index-m3{overflow: hidden;}
.ul-news{overflow: hidden;margin:19px 0 39px -3px;}
.ul-news li{float: left;width: 50%;}
.ul-news li a{display: block;overflow: hidden;margin:0 0 24px 3px;
    padding:7px;background:#fff;}

.ul-news li .img{float: left;}
.ul-news li .img img,
.ul-news li .img{width: 200px;height: 150px;}
.ul-news li .img img{display: block;}
.ul-news li .txt{padding-left: 230px;}
.ul-news li .bt{height: 44px;line-height: 44px;overflow: hidden;
    font-size: 20px;color:#8a8a8a;font-family: "arial";}
.ul-news li .bt .year{display: inline-block;color:#bdbdbd;}
.ul-news li .bt .year:before{content:'';display: inline-block;margin:0 14px 0 9px;
    width: 1px;height:44px;background:#c8c8c8;vertical-align: middle;}
.ul-news li h3{margin-bottom: 5px;padding:19px 0 13px;border-bottom: 1px solid #efefef;}
.ul-news li h3 em{display: block;height: 21px;line-height: 21px;overflow: hidden;
    font-size: 16px;color:#464646;}
.ul-news li p{font-size: 14px;line-height: 22px;height: 44px;overflow: hidden;
    color:#777;}

.ul-news li a:hover p,
.ul-news li a:hover h3 em,
.ul-news li a:hover .bt,
.ul-news li a:hover .bt .year{color:#23d47a;}


/*-----------------[首页底部切换]--------------*/
.index-fd{padding:20px 0;background:#fff;}
.index-fd .slide{position: relative;margin:0 auto;width: 1080px;}
.index-fd .slide .item{display: inline-block;margin:0 17px;}
.index-fd .slick-arrow{position: absolute;top:50%;margin-top: -18px;padding:0;
    width: 36px;height: 36px;cursor: pointer;border:0;font-size: 0;border-radius: 50%;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;}
.index-fd .slick-prev{left:-58px;
    background:#fff url("../images/prev.png")/*tpa=http://www.vi-brand.com/Public/Home/images/prev.png*/ no-repeat center;}
.index-fd .slick-prev:hover{background:#13df81 url("../images/prev-hover.png")/*tpa=http://www.vi-brand.com/Public/Home/images/prev-hover.png*/ no-repeat center;}
.index-fd .slick-next{right:-58px;
    background:#fff url("../images/next.png")/*tpa=http://www.vi-brand.com/Public/Home/images/next.png*/ no-repeat center;}
.index-fd .slick-next:hover{background:#13df81 url("../images/next-hover.png")/*tpa=http://www.vi-brand.com/Public/Home/images/next-hover.png*/ no-repeat center;}



/*******************************
    -------[=详情页]-------
********************************/
.inside-xq{padding:34px 0 100px;overflow: hidden;}
.inside-xq .col-l{width: 67%;}
.inside-xq .col-r{width: 28%;}


.inside-xq .col-l img{display: block;margin:0 auto;}

.inside-xq .col-r .link{margin-top: 30px;padding: 40px 0 17px;border-top: 1px dotted #c8c8c8;}
.inside-xq .col-r .link a{display: inline-block;margin:0 0 5px 5px;padding:0 10px;
    height: 30px;line-height: 30px;background:#f3f3f3;color:#999;}
.inside-xq .col-r .link a:hover{background:#03d522;color:#fff;}

/* 列表 */
.ul-pic{overflow: hidden;margin-left: -5px;}
.ul-pic li{float: left;width: 50%;}
.ul-pic li .box{margin-left: 5px;}
.ul-pic li .img{
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;}
.ul-pic li .img a{display: block;padding-top: 64%;}
.ul-pic li:hover .img{opacity: .9;}
.ul-pic li .txt{padding:10px 0;font-size: 12px;}
.ul-pic li h3{margin-bottom: 3px;}
.ul-pic li p{color:#999;}
.ul-pic li h3,
.ul-pic li p{height: 16px;line-height: 16px;overflow: hidden;}

/*******************************
    -------[关于灵创]-------
********************************/
.show-767{
	display: none;
}
.gywm-wp{
	padding: 40px 0 126px 0;
}
.single-img{
	padding-top: 77px;
	background-color: #212121;
}
.single-img img{
	display: block;
	border: none;
}
#banner .single-img img{width:100%;}
.index-m2 .img-left{
	width: 40%;
	float: left;
	margin: 0 0 0 50px;
}
.index-m2 .img-left img{
	width: auto;
	height: auto;
}

.index-m2 .text-right{
	width: 50%;
	float: right;
	margin-top: 20px;
	margin-right: 10px;
}
.gywm-wp .g-tit h3{
	font-size: 16px;
}
.gywm-wp .con p{
	height: auto;
	color: #808080;
	font-size: 13px;
	line-height: 26px;
}

@media only screen and (max-width: 1199px) {
	
	.index-m2 .img.img-left{
		width: 40%;
	}
	.index-m2 .img.img-left img{
		width: auto;
	}
	.gywm-wp{
		padding: 20px 0 20px 0;
	}
}
@media only screen and (max-width: 959px) {
	.index-m2 .txt.text-right{
		width: 50%;
	}
	.gywm-wp{
		padding: 20px 0 0px 0;
	}
}
@media only screen and (max-width: 767px) {
	.show-767{
		display: block;
	}
	.gywm-wp{
		padding:0;
		width: 100% !important;
	}
	.single-img{
		padding-top: 0px;
	}
	.index-m2 .img.img-left{
		width: 100%;
		background-color: #202020;
		margin-top: 0;
	}
	.index-m2 .img-left img{
		width: 280px !important;
	}
	.index-m2 .txt.text-right{
		width: 100%;
		margin-right: 0;
	}
	.index-m2 .text-right .con{
		padding: 0 5%;
	}
	
}
/*******************************
    -------[餐饮VI设计]-------
********************************/
.g-tit-2{
    padding-top: 40px;
}
.cysj-c1{
	background: #222;
}
.c1-title{
	padding-top: 50px;
	text-align: center;
}
.c1-title h3{
	font-size: 26px;
	color: #666666;
}
.c1-title p{
	color: #ccc;
}
.cysj-c1 ul {
	padding: 52px 0;
}
.cysj-c1 li{
	display: block;
	float: left;
    width: 33.3%;
	padding:0px 15px;
    text-align: center;
    overflow: hidden;
}
.cysj-c1 li:nth-child(2){border-left: 1px solid #4b4b4b;border-right: 1px solid #4b4b4b;}
.cysj-c1 li img{
	display: block;
}
.cysj-c1 .txt{
	padding: 10px;
}

.cysj-c1 .img a{
	display: block;
}
.cysj-c1 .img div{
	display: none;
	background-repeat:no-repeat ;
	background-position: center;
	background-size:auto 100%;
	overflow: hidden;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;；
}

.cysj-c1 .txt h3{
	/*margin: 12px 0 8px;*/
	margin: 5px 0 15px;
    line-height:1.6;
    overflow: hidden;
    font-size: 18px;
}
.cysj-c1 .txt h3 a{
	color: #fff;
}
.cysj-c1 .txt h3 a:hover{
	color: #ccc;
}
.cysj-c1 .txt strong{
	display: block;
	color: #666;
	font-weight: 400;
	margin-bottom: 10px;
	font-size: 0;		
}
.cysj-c1 .txt strong span{
	display: block;
	width: 10%;
	height: 1px;;
	background: #ccc;
	margin: 0 auto;
}
.cysj-c1 .txt p{
	display: block;
	height: 66px;
    line-height: 22px;
    color: #8a8a8a;
    overflow: hidden;
}

/**/
.bg{
	width: 100%;
	/*max-height: 72px;*/
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.bg-cysj{
	background: #333;
}
.bg-c222{
	background: #222;
}
.c1-title-2{
	/*background: #222;*/
	padding-bottom: 30px;
}
.z-i1{
	position: relative;
	z-index: 1;
}

@media only screen and (min-width: 769px) {
	.cysj-c1 .txt:hover{
		/*background: #e7090b;*/
		background: #333;
		color: #fff;
	}
	.cysj-c1 .txt:hover h3,.cysj-c1 .txt:hover p{
		color: inherit;
	}	
}
@media only screen and (max-width: 769px) {
	.cysj-c1 li:nth-child(2){border-left: none;border-right: none;}
	.cysj-c1 .wp{
		/*padding-bottom: 30px;*/
	}
	.c1-title {
	    padding: 40px 0 20px;
	    text-align: center;
	}
	.cysj-c1 .txt h3{
		margin: 10px 0 0;
	}
	.cysj-c1 .txt strong{
		font-size: 12px;	
		margin: 5px 0;	
	}
	.cysj-c1 ul {
		padding: 0px 0;
	}
	.cysj-c1 li{
		width: 100%;
		padding:30px 10px;
		border-bottom: 1px dashed #666;
	}
	.cysj-c1 li:nth-child(1){
		border-top: 1px dashed #666;
	}
	
	.cysj-c1 .img{
		width: 30%;
		float: left;		
	}
	.cysj-c1 .min-right .img{
		float: right;
	}
	.cysj-c1 .img img{
		/*border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;；*/
		display: none;
	}
	.cysj-c1 .img div{
		display: block;
	}
	.cysj-c1 .txt{
		float: left;
		max-width: 70%;
		text-align: left;
		padding: 0 0 0 5%;
	}
	.cysj-c1 .min-right .txt{
		padding: 0 3%;
	}
	.cysj-c1 .txt strong span{
		display: none;
	}
}
@media only screen and (max-width: 479px) {
	
	.c1-title{
		padding: 30px 0 20px;
	}
	.c1-title h3{
		font-size: 16px;
	}
	
	.cysj-c1 .txt h3{
		font-size: 16px;
		margin: 0;
	}
	.cysj-c1 .txt strong{
		/*font-size: 12px;*/	
		margin: 5px 0;	
	}

	.cysj-c1 .txt p{
		height: 88px;
	}
}
@media only screen and (max-width: 379px) {
	.cysj-c1 .txt strong{
		font-size: 12px;	
		margin:0;	
	}
	.cysj-c1 .txt p{
	}
	.cysj-c1 .img img{
		margin-top: 5%;		
	}
}



/*anli*/
.anli{ width:1200px; height:auto; margin:0 auto; }
.anli_b{ width:1158px; height:auto; margin:0 auto; margin-top:35px;}
.anli_b ul{width:1200px;  }
.anli_b ul li{ width:100px; height:100px; float:left; margin-bottom:32px;  padding-right:32px;}
.anli_b ul li img{ width:100px; height:100px;}
.anli_b ul li a{ width:100px; height:100px; display:block;}
.anli_b ul li a:hover{-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
.customer .linkBtn{margin:30px auto 0px auto;}
.tit {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 58px;
    margin-bottom: 40px;
}