﻿.more_button { margin:20px auto;
	transform: translateY(40px);
	transition: transform .8s .0s, opacity .8s .0s;
	opacity: 0;
}
.letmove .index-news-one {
	transition: transform .8s .1s, opacity .8s .1s;
}
.more_button {
	transition: transform .8s .2s, opacity .8s .2s;
}
.more_button {
	transform: translateY(0);
	opacity: 1;
}
/*更多按钮*/
.more_button{position:relative;overflow:hidden;z-index:1;width:48px;height:48px;border:1px solid #d1d1d1;-moz-border-radius:100%;border-radius:100%;color:#e0e0e0;text-align:center;line-height:48px;display:block;margin:0 auto;font-size:12px;-o-transition:all 1.7s ease;-moz-transition:all 1.7s ease;transition:all 1.7s ease;-webkit-mask-image:radial-gradient(white,black);mask-image:radial-gradient(white,black)}
.more_button:focus{outline:none}
.more_button:hover{background:#e00012;color:#fff;border:1px solid #e00012}
.more_button i{display:block;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);width:100%;height:100%;background:-moz-radial-gradient(#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);background:-o-radial-gradient(#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);background:radial-gradient(#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);opacity:0;-o-transition:1.2s,opacity 1.8s;-moz-transition:1.2s,opacity 1.8s;transition:1.2s,opacity 1.8s;-moz-border-radius:50%;border-radius:50%}
.more_button:hover i{-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);transform:scale(10);opacity:1;-o-transition:3s,opacity .3s;-moz-transition:3s,opacity .3s;transition:3s,opacity .3s}
.dot2 span,.dot1 span{position:absolute;color:#d1d1d1;left:50%;top:50%;-webkit-transform:translateX(-50%)translateY(-50%);-moz-transform:translateX(-50%)translateY(-50%);-o-transform:translateX(-50%)translateY(-50%);transform:translateX(-50%)translateY(-50%);-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
.dot1 span{color:#d1d1d1}
.dot1 span:nth-child(1){-o-transition:all .4s .5s ease,color .3s;-moz-transition:all .4s .5s ease,color .3s;transition:all .4s .5s ease,color .3s;left:30%}
.dot1 span:nth-child(2){-o-transition:all .4s .4s ease,color .3s;-moz-transition:all .4s .4s ease,color .3s;transition:all .4s .4s ease,color .3s;left:50%}
.dot1 span:nth-child(3){-o-transition:all .4s .3s ease,color .3s;-moz-transition:all .4s .3s ease,color .3s;transition:all .4s .3s ease,color .3s;left:70%}
.more_button:hover .dot1 span:nth-child(1){left:120%;-o-transition:all .4s .2s ease,color .3s;-moz-transition:all .4s .2s ease,color .3s;transition:all .4s .2s ease,color .3s;color:#fff}
.more_button:hover .dot1 span:nth-child(2){left:120%;-o-transition:all .4s .1s ease,color .3s;-moz-transition:all .4s .1s ease,color .3s;transition:all .4s .1s ease,color .3s;color:#fff}
.more_button:hover .dot1 span:nth-child(3){left:120%;-o-transition:all .4s 0s ease,color .3s;-moz-transition:all .4s 0s ease,color .3s;transition:all .4s 0s ease,color .3s;color:#fff}
.dot2 span:nth-child(1){left:-20%;-o-transition:all .4s .2s ease,color .3s;-moz-transition:all .4s .2s ease,color .3s;transition:all .4s .2s ease,color .3s;color:#d1d1d1}
.dot2 span:nth-child(2){left:-20%;-o-transition:all .4s .1s ease,color .3s;-moz-transition:all .4s .1s ease,color .3s;transition:all .4s .1s ease,color .3s;color:#d1d1d1}
.dot2 span:nth-child(3){left:-20%;-o-transition:all .4s 0s ease,color .3s;-moz-transition:all .4s 0s ease,color .3s;transition:all .4s 0s ease,color .3s;color:#d1d1d1}
.more_button:hover .dot2 span:nth-child(1){left:30%;-o-transition:all .4s .5s ease,color .3s;-moz-transition:all .4s .5s ease,color .3s;transition:all .4s .5s ease,color .3s;color:#fff}
.more_button:hover .dot2 span:nth-child(2){left:50%;-o-transition:all .4s .4s ease,color .3s;-moz-transition:all .4s .4s ease,color .3s;transition:all .4s .4s ease,color .3s;color:#fff}
.more_button:hover .dot2 span:nth-child(3){left:70%;-o-transition:all .4s .3s ease,color .3s;-moz-transition:all .4s .3s ease,color .3s;transition:all .4s .3s ease,color .3s;color:#fff}

#mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask {
	background-color: rgba(255,255,255,.8); 
}
#mproject {margin-top:30px;}

.module {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 2
}
.module:last-child {
	border: none
}
.module .bgmask {
	background-color: rgba(0,0,0,.7);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none
}
.module.bgShow {
	background-attachment: fixed
}
.module.bgShow .bgmask {
	display: block
}
.module.bgShow .content {
	position: relative;
}

.hover-shadow:hover{box-shadow: 3px 2px 7px #666; -webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}.hover-shadow:before{display:none}

.hover-shadow2{/*background:rgba(2,45,100,.3);*/ background:#015cb5} 

/*.hover-shadow2 :hover{background:rgba(2,45,100,.3);} */

@media screen and (max-width: 768px) {
/*手机端*/
#projectlist .projectitem {
	width: 50%; padding:1px;
	height: auto;
	float: left;
	position: relative;
	background:#FFFFFF;}
#projectlist .projectwen{width:98%;}
}
@media screen and (min-width: 769px) {
#projectlist .projectitem {
	width: 25%; padding:1px;
	height: auto;
	float: left;
	position: relative;
background:#FFFFFF;
}
#projectlist .projectwen{width:33.33%;}
}
#projectlist .projectitem a {
	display: block;
	overflow: hidden
}
#projectlist .projectitem a img {
	width: 100%;
	max-height:220;
	height:e-xpression(this.height>220?"220px":this.height);

	height: auto;
	transition: all ease-out .3s
}
#projectlist .projectitem a:hover img {
	transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
}
#projectlist .projectitem .project_info {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	position: absolute;
	left: 0;
	top: 0;
	transition: all ease-out .3s;
}
#projectlist .projectitem a:hover .project_info {
	background: rgba(0,0,0,.7)
}
#projectlist .projectitem .project_info p {
	text-align: center;
	color: #fff;
	padding: 0 20px
}
#projectlist .projectitem .project_info div {
	position: relative;
	top: 45%;
	margin-top: -15px
}
#projectlist .projectitem .project_info p.title {
	margin-top: 10px;
	color: rgba(0,0,0,0);
	font-size:18px;
	transition: all ease-out .3s;
}
#projectlist .projectitem a:hover .project_info p.title {
	margin-top: 0px;
	color: #fff;
}
#projectlist .projectitem .project_info p.subtitle {
	margin-top: 16px;
	color: rgba(0,0,0,0);
	font-size: 12px;
	transition: all ease-out .3s;
}

#projectlist .projectitem a:hover .project_info p.subtitle {
	margin-top: 0px;
	color: #b7b7b7;
	background:url("../images/fangdajing.png"/*tpa=http://www.xayuhua.com/skin/images/fangdajing.png*/) no-repeat right center;
height:45px; text-align:center; width:58%;
}