@charset "utf-8";



.unishine-body{font-family:"SourceHanSerifCN-Medium","微软雅黑";position: relative;padding-top:66px;max-width:1920px;margin:0 auto;}
.navbar-unishine{background:#f6f6f6;}
.navbar-unishine .container{padding-top:10px;padding-right:10px;}
.navbar-unishine .navbar-header .navbar-brand{padding:0;margin:5px 0 0 50px;}
.navbar-unishine a{color:#4b4b4b;}
.navbar-unishine li.active a{color:#e21e26;background:none;}
.navbar-unishine li a:hover{background:none;}
.navbar-unishine .icon-bar{background:#e21e26}
.navbar-unishine .navbar-collapse{background:#f6f6f6;}

.navbar-unishine .navbar-nav li a:hover{color:#e21e26;background:none;}

.navbar-unishine.page-top{background:rgba(246, 246, 246, 0.5);}
.navbar-unishine .navbar-nav li a{border-bottom:1px solid;}

@media (min-width: 768px){
	.navbar-unishine .navbar-nav li a {border-bottom:none;}
}

#carousel-slide .carousel-control{width:6%;height:40%;background:#e21e26;top:30%}
#carousel-slide .carousel-control.right{right:10%}
#carousel-slide .carousel-control.left{left:10%}

.unishine-item{position:relative;overflow:hidden;}
.pos-abs{position:absolute;top:0;left:0;}
#about_us{padding-bottom:25px;}
.about-left,
.about-right{position:relative;}
.about-left p{position:absolute;width: 80%;top:50%;left: 8%;color:#808080;font-size:.75rem;}
.about-right p{text-align:right;padding-right:9%;color:#808080;font-size:.75rem;}
.about-right p.red-info{color:#e21e26;font-size: 2rem;}
@media (min-width: 768px){
	.about-left p{width: 35%;font-size:16px;}
	.about-right p{font-size:1.5em;}
	.about-right p.red-info{color:#e21e26;font-size:5.25rem;}
}

#what_we_do_best{
	background: #f6f6f6 url(../images/what_do_line.png) no-repeat left 0;
	padding-bottom:20px;
	background-size:100%;
	color:#808080;
	font-size:.75rem;
}
@media (min-width: 1920px){
	#what_we_do_best{background-position-y:-30%}
}
#what_we_do_best .row p{line-height:2;}
.what-bottom{position:relative;}
.what-bottom p{position:absolute;width: 40%;top: 25%;left: 10%;width: 8em;}
@media (min-width: 768px){
	#what_we_do_best p{font-size:16px;}
}

#client{background:#f6f6f6;}
#client .client-footer{background:#fff;width:100%;height:12%;}
.client-body{background:url(../images/client-bg.png) no-repeat left top;background-size:100%;}
.client-table{background: url(../images/client-table.png) no-repeat center;background-size:cover;padding:5%;}
.client-table td{width:20%;height:20%}
.client-table td img{width:100%;}
.event-table{border:none;}
.event-table td{width:33.33%;}
.event-table td img{width:100%;}
.event-table td a{display:block;overflow:hidden;}
.event-table .event-more{background:#e21e26;}
.work-float{position:absolute;height:100%;width:100%;color:#fff;text-align:center;
top:300%;background:rgba(0,0,0,.5);}
.work-text{position:absolute;bottom:0;padding:0 2%;}
.work-text p{text-align:left;}
.work-float a{}
.event-info{width:40px;height:40px;background:url(../images/event-btns.png) no-repeat top;
	background-size:40px;position:absolute;top:45%;left:45%;z-index:3;}
.event-item{position:relative;overflow:hidden;}

.rm-body{position:absolute;top:20%;width:100%;}
.rm-btn{position:absolute;left:20%;bottom:-15%;width:15%;}

.contect-body{background:url(../images/contect-title.png) no-repeat left top;
	background-size:100%;padding-top:14%;}
#contect_us .pull-left{width:100%;margin:2% 0;}
.contect-address{padding-left:0;}
@media (min-width: 768px){
	.contect-body{padding-left:10%;}
	#contect_us .pull-left{width:50%;}
	.contect-address{padding-left:10%;}
}
#contect_us input,
#contect_us textarea{
	background:#fcfcfc;
}

.hide{display:none;}
.mt-10{margin-top:10px;}
.pt-5s{padding-top:5%;}
.address{position:relative;}
.address>span{position:absolute;background:url(../images/addr-tel.png) no-repeat left center;background-size:2em;display:inline-block;width:2em;height:2em;}
.address>a{color:#4b4b4b;padding-left:2.25em;font-size:16px;display:inline-block;vertical-align:top;}
.address.addr-email>span{background-image:url(../images/addr-email.png)}
.address.addr-name>span{background-image:url(../images/addr-name.png);}
.btn-default.btn-unishine{background:#e21e26;color:#fff;border:none;padding-left:4%;padding-right:4%;}

.page-footer{background:#414042;color:#d1d1d1;font-size;14px;height:100px;}
.page-footer p{margin-bottom:0;}

.gotop{position:fixed;right:5%;bottom:5%;}
.gotop a{display:block;}
.gotop a img{max-width:35px;}

.portfo-menu{position:fixed;z-index:2;left:0;}
#categories-navbar-collapse{background:#fff;}
.portfo-menu .navbar-cate .navbar-nav a{display:block;}
.portfo-menu a{display:block;color:#4b4b4b;margin:3% 0;padding-left:5px;}
.portfo-menu a:hover{color:#e21e26}
.portfo-menu a.active{color:#e21e26;font-size:16px;}

.portfo-item{width:100%;display:table;margin-bottom:5%;}
.portfo-item-left,
.portfo-item-body{display:block;width:100%;}
.portfo-item-body{background:#b8b8b8;color:#fff;padding:3% 2%;}
.portfo-item-left{overflow:hidden;}
.portfo-item-left img{width:100%;display:block;}
@media (min-width: 768px){
	.portfo-list{padding-left:220px;}
	.portfo-menu{left:auto;}
	.portfo-item-left,
	.portfo-item-body{width:60%;display:table-cell;vertical-align:top;}
	.portfo-item-body{width:40%;}
	
}
.portfo-more{margin:0 auto;width:100px;}

#tips{display:none;position:fixed;top:50%;left:50%;
	transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);		/* IE 9 */
-webkit-transform:translate3d(-50%,-50%,0);	/* Safari and Chrome */
-o-transform:translate3d(-50%,-50%,0);		/* Opera */
-moz-transform:translate3d(-50%,-50%,0);		/* Firefox */
}

.scale12,
img.j-hover:hover,
.j-hover:hover img{
transform: scale(1.2);
-ms-transform: scale(1.2);		/* IE 9 */
-webkit-transform:scale(1.2);	/* Safari and Chrome */
-o-transform:scale(1.2);		/* Opera */
-moz-transform:scale(1.2);		/* Firefox */
}
.j-hover:hover .work-float{
	top:0;
}
.j-hover img,
img.j-hover,
.work-float{
transition: all 1s;
-moz-transition:all 1s;/* Firefox 4 */
-webkit-transition:all 1s;/* Safari and Chrome */
-o-transition:all 1s;/* Opera */
}

@keyframes move-right
{
	0%{
		transform:translateX(-100%);
	}
	100% {
		transform:translateX(0);
	}
}

@-moz-keyframes move-right /* Firefox */
{
	0%{
		-moz-transform:translateX(-100%);	
	}
	100% {
		-moz-transform:translateX(0);
	}
}

@-webkit-keyframes move-right /* Safari and Chrome */
{
	0%{
		-webkit-transform:translateX(-100%);
	}
	100% {
		-webkit-transform:translateX(0);
	}
}

@-o-keyframes move-right /* Opera */
{
	0%{
		-o-transform:translateX(-100%);
	}
	100% {
		-o-transform:translateX(0);
	}
}
.move-right{
animation:move-right 2s linear;
-moz-animation:move-right 2s linear;/* Firefox: */
-webkit-animation:move-right 2s linear;/* Safari and Chrome: */
-o-animation:move-right 2s linear;/* Opera: */
}
@keyframes move-left
{
	0%{
		transform:translateX(100%);
	}
	100% {
		transform:translateX(0);
	}
}

@-moz-keyframes move-left /* Firefox */
{
	0%{
		-moz-transform:translateX(100%);	
	}
	100% {
		-moz-transform:translateX(0);
	}
}

@-webkit-keyframes move-left /* Safari and Chrome */
{
	0%{
		-webkit-transform:translateX(100%);
	}
	100% {
		-webkit-transform:translateX(0);
	}
}

@-o-keyframes move-left /* Opera */
{
	0%{
		-o-transform:translateX(100%);
	}
	100% {
		-o-transform:translateX(0);
	}
}
.move-left{
animation:move-left 2s linear;
-moz-animation:move-left 2s linear;/* Firefox: */
-webkit-animation:move-left 2s linear;/* Safari and Chrome: */
-o-animation:move-left 2s linear;/* Opera: */
}