#indexPage .module .content {

	position:inherit;

	top:0px;

}

#indexPage #mslider .content {

	margin: 0;

	height: 450px;

}

#indexPage #mslider{ height: 450px; }

#mslider .bx-wrapper .bx-viewport{ 

	height: 450px; 

	border: none;

	box-shadow: none; 

}



#indexPage #mservice {



	background-color: #f3f3f3;



}

#indexPage #mservice .content {

	margin:0;

	height:850px;

	overflow:hidden;

}

#indexPage #mproject .content {

	margin:0;

	background: #fff;

	height:100%;

	padding-bottom:80px;

}

#indexPage #mpage{ height: 680px; }

#indexPage #mpage .content {

	margin:0;

	height:680px;

}

#indexPage #mteam .content {

	margin:0;

	height:500px;

}

#indexPage #mnews{ height: 900px; }

#indexPage #mnews .content {

	margin:0;

	height:900px;

}

#indexPage #mcontact .content {

	margin:0;

}

#indexPage #mpartner .content {

	margin:0;

	height:200px;

}

#indexPage #mpartner{ height: 200px; }

#indexPage #mpartner .bx-wrapper .bx-viewport{

	-webkit-box-shadow: 0 0 5px #fff;

	box-shadow: 0 0 5px #fff;

	border: none;

}

#indexPage #mcontact{ height: 258px; }





#header {

	background:#fff;

	padding-top:10px;

}

#header #logo {

	margin-left:2%;

	margin-top:10px;

}

#header .content {

	padding:0px

}

#header ul#nav {

	float:right;

	margin-right:1%;

}

#header ul li.navitem {

	transition: all 0.4s ease-out 0s;

	padding: 10px 26px;

	line-height:42px;

}

#header ul li.navitem a {

	color:#666;

}

#header ul li.navitem a.active, 

#header ul li.navitem:hover a {

	color:#333;

}

#header ul li.navitem a::after {

	content:'';

	display:block;

	margin-top: -5px;

	width:30%;

	height:1px;

	background:transparent;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#header ul li.navitem a.active::after {

width:60%;

background:rgba(0, 0, 0, .5);

}

#header ul li.navitem:hover a::after {

width:100%;

background:rgba(0, 0, 0, .4);

}

#header.mini {

	background-color: rgba(255, 255, 255, 1);

	padding-top:0px;

	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

}

#header.mini ul li.navitem a.active:after, #header.mini ul li.navitem:hover a:after {

	margin-top: -5px;

}

#header ul li.navitem ul.subnav {

	width:192px;

	background:#fff;

	border:0;

	box-shadow: 0 6px 10px rgba(0, 0, 0, .1);

}

#header ul li.navitem ul.subnav li {

	border-bottom:1px solid rgba(0, 0, 0, .08);

}

#header ul li.navitem ul.subnav li a {

	text-align:center;

	color: #666;

	width:100%;

	padding:14px 0;

	background:none;

}

#header ul li.navitem ul.subnav li a i {

	display:none;

}

#header ul li.navitem ul.subnav li a:hover {

	background:#fff;

	color:#000;

	text-indent:inherit;

}

#header ul li.navitem ul.subnav li a:hover::after, #header ul li.navitem ul.subnav li a:after {

display:none;

}

#header ul li.navitem ul.subnav li a:hover {

	background-color:#f5f5f5;

}









.nobanner #header {

	border-bottom:1px solid #f3f3f3

}









#mslider .bx-wrapper .bx-controls-direction {

	display:none;

}

#indexPage #mslider {

	padding-top:140px;

}

#indexPage #mslider ul li div {

	display:none;

}

#indexPage #mslider .bx-wrapper .bx-pager {

	bottom: -4px;

}

#mslider .slider li{ position: relative; }

#mslider .slider li a img{ 

	position: absolute;

	left: 0;

	top: 0;

	right: 0; 

	bottom: 0;

	margin: auto;

	width: 1920px;


}

#mslider .bx-wrapper .bx-pager-item {

	width: 6px;

	height: 6px;

	background:rgba(0, 0, 0, .3);

	margin-bottom: 20px;

	border-radius: 4px;

	position: relative;

	cursor: pointer;

	margin-left: 18px;

}

#mslider .bx-wrapper .bx-pager.bx-default-pager a {

	width:16px;

	height:16px;

	display: block;

	position: absolute;

	top: -5px;

	left:-10px;

	border-radius: 8px;

	border:0;

	background:rgba(0, 0, 0, 0.21);

	opacity:0;

}

#mslider .bx-wrapper .bx-pager.bx-default-pager a.active {

	opacity:1;

}

#mslider .bx-wrapper .bx-pager.bx-default-pager a.active:after {

	content:'';

	height:6px;

	width:6px;

	background: #fff;

	display:block;

	position:absolute;

	top:5px;

	left:5px;

	border-radius:10px;

}









#servicelist {

	width:1200px;

	overflow:hidden;

	padding-top:30px;

}

#servicelist .serviceitem a {

	text-align:center;

}

#servicelist .serviceitem a img {

	width:360px;

	height:200px;

	overflow:hidden;

	transition: all 0.3s ease-out 0s;

	position: relative;

	top:0;

	margin-bottom:24px;

}

#servicelist .serviceitem {

	width:374px;

	float:left;

	min-height: 400px;

	margin-bottom: 60px;

	padding-bottom: 40px;

	margin:0;

	margin-right:25px;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#servicelist .serviceitem div p {

	padding:0 30px;

}

#servicelist .serviceitem div {

	position:relative;

	margin:0;

	transition: all 0.3s ease-out 0s;

	top:0px;

	padding-top:5%;

}

#servicelist .serviceitem div:after {

	position: absolute;

	content: "";

	left: 5%;

	width: 90%;

	height: 120%;

	border: 1px solid rgba(0, 0, 0, .15);

	margin-left: 0;

	top: 0;

	transition: all 0.3s ease-out 0s;

}

#servicelist .serviceitem div p.title {

	font-size:18px;

}

#servicelist .serviceitem div p.description {

	width:auto;

	margin-top:30px;

}

#servicelist .serviceitem:hover {

	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

	margin-top: -8px;

	background: #fff;

}

#servicelist .serviceitem:hover div {

	margin-top:0px;

}

#servicelist .serviceitem:hover p.title {

	color:#444;

}

#servicelist .serviceitem:hover div:after {

	border: 1px solid rgba(0, 0, 0, .4);

	width:94%;

	left:3%;

	height:125%;

}

#sitecontent .serviceitem a.details {

	width:35px;

	height:35px;

	text-align:center;

	display:block;

	border-radius: 0;

	border: 1px solid transparent;

transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

	margin:0 auto;

	overflow:hidden;

	position:relative;

}

#sitecontent .serviceitem a.details:after {

	content:'';

	width: 15px;

	height: 9px;

	background: url(../image/icon.png) no-repeat -110px -11px;

	display: block;

	margin: 13px 0 0 11px;

	position:absolute;

	top:0px;

	left:0px;

}

#servicelist .serviceitem:hover .details {

	margin-top:-15px;

	border-color: #b6b6b6;

	text-indent:130px;

}

#servicelist .serviceitem .details:hover {

	border:1px solid transparent;

	text-align: inherit;

}

#servicelist .serviceitem div p.title::after {

content:'';

position:absolute;

width:34px;

height:1px;

background:rgba(0, 0, 0, .2);

left: 50%;

margin-left: -17px;

top:61px;

}

 



#indexPage #mproject .content .header {

	padding-top:80px;

	padding-bottom:40px;

}

#indexPage #mproject{ height: auto; }

#indexPage #mproject #projectlist {

	width:1260px;

}

#indexPage #mproject #projectlist {

	width:100%;

	margin:0 auto;

	margin-top:-15px;

}

#indexPage #mproject .content .wrapper {

	width:1275px;

	margin: 0 auto;

}

#indexPage #mproject #projectlist .projectitem {

	width:300px;

	margin:0 15px 25px 0;

	height:325px;

	background:none;

}

#projectlist .projectitem a:hover .project_info {

	background:none

}

#indexPage #mproject #projectlist .projectitem a .project_info div {

	height: 91px;

	border-top: 1px solid rgba(0, 0, 0, .08);

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	position:absolute;

	bottom:0px;

	top:auto;

	width:100%;

	background:#fff;

}

#indexPage #mproject #projectlist .projectitem a .project_info p {

	width:auto;

	text-align:left;

}

#indexPage #mproject #projectlist .projectitem a .project_info .title {

	font-size: 15px;

	color: #666;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	height:28px;

	line-height:28px;

	margin:0px;

	padding: 15px 30px 0px 20px;

}

#indexPage #mproject #projectlist .projectitem a .project_info .subtitle {

	color:#b7b7b7;

	display: block;

	height: 20px;

	line-height:24px;

	overflow: hidden;

	margin:0px;

	padding:0px 20px;

}

#indexPage #mproject #projectlist .projectitem a img {

	height:225px;

}

#indexPage #mproject #projectlist .projectitem a .project_info div:after {

	content:'';

	width:37px;

	height:20px;

	display:block;

	position:absolute;

	top:50%;

	right:2px;

	background: transparent url(../image/icon.png) no-repeat -30px -66px;

	transition: all 0.3s ease-out 0s;

	margin-top:-11px;

	border-left: 1px solid rgba(0, 0, 0, .0);

}

#indexPage #mproject #projectlist .projectitem:hover a .project_info div {

	padding:10px 0;

}

#indexPage #mproject #projectlist .projectitem:hover a .project_info div:after {

	background: url(../image/icon.png) no-repeat 16px -66px;

	border-left:1px solid rgba(0, 0, 0, .1);

}





#projectlist {

	text-align:center;

}

.npagePage #projectlist .wrapper {

	margin-left:0;

	display:inline-block;

	text-align: center;

	width:auto;

}

#sitecontent .npagePage #projectlist .projectitem {

	width:300px;

	margin:0 15px 25px 0;

	height:325px;

	background:none;

	display:inline-block;

	transition: all 0.3s ease-out 0s;

}

#projectlist .projectitem a:hover .project_info {

	background:none

}

.npagePage #projectlist .projectitem a .project_info div {

	height: 90px;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	position:absolute;

	bottom:0px;

	top:auto;

	width:100%;

	background:#fff;

	border-top: 1px solid rgba(0, 0, 0, .08);

}

.npagePage #projectlist .projectitem a .project_info p {

	width:auto;

	text-align:left;

}

.npagePage #projectlist .projectitem a .project_info .title {

	font-size: 15px;

	color: #666;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	height:28px;

	line-height:28px;

	margin:0px;

	padding:18px 70px 0px 30px;

}

.npagePage #projectlist .projectitem a .project_info .subtitle {

	color: #999;

	display: block;

	height: 20px;

	line-height: 20px;

	overflow: hidden;

	margin:0px;

	padding:0px 70px 0px 30px;

}

.npagePage #projectlist .projectitem a .project_info div:after {

	content:'';

	width:37px;

	height:20px;

	display:block;

	position:absolute;

	top:50%;

	right:15px;

	background: transparent url(../image/icon.png) no-repeat -30px -66px;

	transition: all 0.3s ease-out 0s;

	margin-top:-10px;

	border-left: 1px solid rgba(0, 0, 0, 0);

}

.npagePage #projectlist .projectitem:hover a .project_info div {

	padding:10px 0;

}

.npagePage #projectlist .projectitem:hover a .project_info div:after {

	background: url(../image/icon.png) no-repeat 16px -66px;

	border-left:1px solid rgba(0, 0, 0, .1);

}

#projectlist .projectitem a:hover .project_info p.title {

	color: #666;

	font-size:15px;

}



.npagePage #category {

	text-align:center;

	margin-top:26px;

	margin-left:0;

	padding-bottom:35px;

}

.npagePage #category a {

	border:0px;

	background:none;

	color:#666;

	font-size:13px;

	position:relative;

}

.npagePage #category a.active {

	color:#fff

}

.npagePage #category a.active:after {

	content: '';

	width:25px;

	height: 1px;

	background: #AAA;

	transition: all 0.3s ease-out 0s;

	position: absolute;

	padding-left: 10px;

	z-index: 1;

	top:25px;

	left:16px

}







#indexPage #mproject a.more, #indexPage #mnews a.more, #indexPage #mservice a.more {

	width:150px;

	height:45px;

	border-bottom:1px solid rgba(0, 0, 0, 0);

	border-top:1px solid rgba(0, 0, 0, 0);

	position:relative;

	border:0px;

	border-radius:0px;

	text-indent:-9999px;

	margin-top:70px;

	margin-bottom:90px;

}

#indexPage #mproject a.more {

	margin-bottom:0px;

	margin-top:55px;

}

#indexPage #mproject a.more i, #indexPage #mnews a.more i, #indexPage #mservice a.more i {

	width: 34px;

	height: 14px;

	display:block;

	background: url(../image/icon.png) no-repeat 0 -22px;

	position:absolute;

	top:50%;

	left:50%;

	margin-top:-7px;

	margin-left:-17px;

	z-index:3

}

#indexPage #mproject a.more i.fa-angle-right:before, #indexPage #mnews a.more i.fa-angle-right:before, #indexPage #mservice a.more i.fa-angle-right:before {

	display:none;

}

#indexPage #mproject a.more:before, #indexPage #mnews a.more:before, #indexPage #mservice a.more:before {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 45px;

	z-index: 1;

	opacity: 0;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

	border-bottom:1px solid rgba(0, 0, 0, .4);

	border-top:1px solid rgba(0, 0, 0, .4);

	-webkit-transform: scale(0.1, 1);

	transform: scale(0.1, 1);

	display:block;

}

#indexPage #mproject a.more:after, #indexPage #mnews a.more:after, #indexPage #mservice a.more:after {

	content: '';

	display:block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index:1;

	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;

	transition: transform 0.3s, background-color 0.3s;

	-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);

	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);

	background-color: rgba(0, 0, 0, .6);

	opacity: 1;

}

#indexPage #mproject a.more:hover, #indexPage #mnews a.more:hover, #indexPage #mservice a.more:hover {

	background: transparent;

	border: inherit;

}

#indexPage #mproject a.more:hover::before, #indexPage #mnews a.more:hover::before, #indexPage #mservice a.more:hover::before {

opacity: 1;

-webkit-transform: scale(1, 1);

transform: scale(1, 1);

}

#indexPage #mproject a.more:hover::after, #indexPage #mnews a.more:hover::after, #indexPage #mservice a.more:hover::after {

webkit-transform: scale3d(0.7, 0.7, 1);

transform: scale3d(0.7, 0.7, 1);

opacity:0;

}

#indexPage #mproject a.more:hover i, #indexPage #mnews a.more:hover i, #indexPage #mservice a.more:hover i {

	background: url(../image/icon.png) no-repeat 0 -38px;

}







#indexPage #mpage.module.bgShow .bgmask {

	display:none;

}

#mpage .module-content .header {

	padding-top:130px;

	padding-bottom:70px;

}

#mpage .content .header p.title, #mpage .content p.description {

	font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";

}

#mpage .content .header p.subtitle {

	font-family: "Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微软雅黑";

}

#mpage .content p.description {

	float: left;

	position: absolute;

	top: 50px;

	left: 50%;

	width:40%;

	padding: 200px 5% 20px 4%;

	line-height:30px;

	height:100px;

}

#indexPage #mpage a.more {

	position:absolute;

	left:75%;

	margin-left:-95px;

	top: 370px;

	border-radius:0px;

	width:200px;

	height:45px;

	font-size:15px;

	font-family:"Times New Roman", Times, serif, '微软雅黑';

	color:#999;

	line-height:46px;

	text-align: center;

	text-indent:inherit;

}

#indexPage #mpage a.more i {

	position:relative;

	top:2px;

}

#indexPage #mpage a.more:hover {

	background:#fff;

	border:1px solid #999;

}

#indexPage #mpage a.more:hover i {

	text-indent: 15px;

}







#indexPage #mnews .content .header {

	display:block;



}

#newslist .newstitem.left a.newscontent, #newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent, #newslist .newstitem.right a.newscontent:hover {

	padding:0px;

}

#newslist .newstitem .newsimg {

	display:none;

}

#newslist .newstitem {

	float:left;

	width:560px;

	height:260px;

	margin: 0 5px 20px 25px;

}

#newslist .news_wrapper, #newslist .newstitem a.newscontent:hover .news_wrapper {

	width:100%;

	background:transparent;

}

#mnews #newslist {

	width:1200px;

	margin:0 auto;

}

#indexPage #mnews #newslist {

	margin-top:6px;

	height: 325px;

}

#newslist .newsbody {

	width:100%;

	position:relative;

	max-width:100%;

	height:100%;

}









#newslist .newsbody .title {

	width:480px;

	height:54px;

	overflow:hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	font-size:16px;

	color: #575757;

	line-height:32px;

	text-align:left;

	position:absolute;

	top:54px;

	text-indent:0px;

}

#indexPage #newslist .newsbody .title {

	top:110px;

	padding-left:40px;

	font-size: 17px;

}

#newslist .separator {

	display:none;

}

#newslist .newsbody .description {

	width:480px;

	height:78px;

	overflow : hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	transition: all 0.3s ease-out 0s;

	margin-top: 0;

	color: #999;

	line-height:26px;

	text-align:left;

	position:absolute;

	top:108px;

}

#indexPage #newslist .newsbody .description {

	top: 158px;

	padding-left: 40px;

}

#newslist .newsbody .date {

	width:70px;

	height:88px;

	background: transparent;

	position: relative;

	top:-50px;

	left:0px;

	padding:20px 30px 0 40px;

	font-weight:100;

	text-align:right;

}

#indexPage #newslist .newsbody .date {

	width:auto;

	text-align:left;

	top: 10px;

}





#newslist .newsbody .date .md {

	color:#adadad;

	position: relative;

	top: 40px;

	transition: all 0.3s ease-out 0s;

	font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";

	display:block;

	line-height:20px;

	width:100%;

}

#indexPage #newslist .newsbody .date .md {

	font-size:0;

}

#newslist .newsbody .date .md span {

	display:none;

	border:none;

}

#newslist .newsbody .date .year {

	font-size: 42px;

	float: left;

	color: #999;

	font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";

	display:block;

	line-height: 46px;

	position:relative;

	top:-20px;

	width:100%;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#newslist li.newstitem:hover .newsbody .date .year {

	color:#555;

}

#newslist li.newstitem:hover {

transition: all .3s ease-out 0s;

}

#newslist li.newstitem:hover .date:after {

	left:85px;

}

#indexPage #newslist li.newstitem:hover .newsbody .title {

	text-indent:0;

	top:100px;

}

#newslist li.newstitem:hover .newsbody .description {

	top:93px;

}

#indexPage #newslist li.newstitem:hover .newsbody .description {

	top:148px;

}

#newslist li.newstitem:hover .newsbody:after {

	opacity:1;

	bottom:54px;

	left:135px;

}

#mnews a.more {

	display:block;

	margin-bottom:80px;

}









.Pagenews .content {

	text-align:center;

}

.Pagenews #category {

	width:1200px;

	margin-left:0px;

	display:inline-block;

	margin-top:52px;

}

.Pagenews #category a.active:after {

	top:1px;

	background:transparent;

}

.Pagenews #newslist {

	width:1200px;

	display:inline-block;

	margin:0 auto;

}

.Pagenews #newslist .newstitem {

	width:100%;

	margin:0;

	height:190px;

	border-top: 1px solid rgba(0, 0, 0, .06);

}

.Pagenews #newslist .wrapper .news_wrapper {

	width:880px;

	float:left;

	position:inherit;

}

.Pagenews #newslist .newstitem .newsimg {

	display:block;

	float:right;

	position:inherit;

	width: 200px;

	height: 130px;

	margin:32px 15px 32px;

}

.Pagenews #newslist .news_wrapper, .Pagenews #newslist .newstitem a.newscontent:hover .news_wrapper {

	width:600px;

}

.Pagenews #newslist .newsbody .date {

	padding:20px 70px 0 0px;

	width:120px;

	top:0;

	text-align:left;

}

.Pagenews #newslist .newsbody .date .year {

	color:#999;

	top:22px;

	font-size:40px;

}

.Pagenews #newslist .newsbody .date .md {

	display:none;

}

.Pagenews #newslist .newsbody .date:after {

	left:100px;

	top:8px;

}

.Pagenews #newslist .newsbody .title {

	left:155px;

	width:600px;

	margin-top:-10px;

	line-height:24px;

	height:24px;

}

.Pagenews #newslist .newsbody .description {

	left:155px;

	width:600px;

	top:100px;

	margin-top:-12px;

	height:52px;

	overflow : hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.Pagenews #newslist .newstitem:hover .newsbody .title, .Pagenews #newslist .newstitem:hover .newsbody .description {

	left:175px

}

.Pagenews #newslist .newstitem:hover .newsbody .date:after {

	width:60px;

	background:#7D7D7D;

}

.Pagenews #newslist .newstitem:hover .title {

	color:#333

}

.Pagenews #newslist .newstitem:hover .date .year {

	color:#333;

}

.Pagenews #newslist .newstitem a.details {

	width:35px;

	height:35px;

	text-align:center;

	display:block;

	border-radius: 0;

	border:none;

	border-bottom: 1px solid transparent;

transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

	overflow:hidden;

	position:relative;

	margin:0px;

	z-index:3;

	top:-96px;

	left:2px;

}

.Pagenews #newslist .newstitem a.details:after {

	content:'';

	width: 15px;

	height: 9px;

	background: url(../image/icon.png) no-repeat -110px -11px;

	display: block;

	margin: 13px 0 0 11px;

	position:absolute;

	top:0px;

	left:0px;

}

.Pagenews #newslist .newstitem:hover .details {

	border-color: #b6b6b6;

	text-indent:130px;

	background:transparent;

	border-bottom: 1px solid rgba(0, 0, 0, .2);

}

.Pagenews #newslist .newstitem:hover .details:after {

	background: url(../image/icon.png) no-repeat 0px -71px;

}

.Pagenews #newslist .newstitem .details:hover {

	border:none;

	text-align: left;

}

#indexPage #mteam .header {

	padding-top:90px;

}

#indexPage #mteam .header img {

	width:160px;

	height:160px;

	overflow:hidden;

	border-radius: 80px;

}

#indexPage #mteam .bx-wrapper .bx-controls-direction a {

	margin-top:23px;

}

#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-prev i {

	margin-left:14px;

}

#indexPage #mteam .bx-wrapper .bx-controls-direction a i {

	font-size:26px;

	margin-top: 6px;

	margin-left:17px;

}

#indexPage #mteam .bx-wrapper .bx-controls-direction a:hover {

	background-color:rgba(0, 0, 0, .8);

}







#indexPage #mpartner .content .header {

	display:none;

}

#indexPage #mpartner .module-content {

	padding:60px 0;

	height:80px;

}

#indexPage #mpartner .wrapper {

	height:auto;

}

#indexPage #mpartner .wrapper ul li {

	height:60px;

	padding-top:20px;

}

#indexPage #mpartner .wrapper ul li a {

	width:112px;

	height:auto;

	margin-right:10px;

}

#indexPage #mpartner .bx-wrapper .bx-pager {

	display:none;

}

#indexPage #mpartner .bx-wrapper .bx-controls-direction {

	display:block;

}

#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled {

	display:block;

}

#mpartner .bx-wrapper .bx-controls-direction a {

	background:none;

	

}

#mpartner .bx-wrapper .bx-controls-direction a i {

	color:#c3c6ca;

}

#mpartner .bx-wrapper .bx-controls-direction a:hover {

	

}

#mpartner .bx-wrapper .bx-controls-direction a:hover i {

	color:#fff;

}

#indexPage #mpartner .bx-wrapper .bx-prev {

	left:-58px;

}

#indexPage #mpartner .bx-wrapper .bx-next {

	right:-32px;

}



#mpartner .bx-controls-direction a.bx-prev  {

	background: url(../image/ico_img01.png)no-repeat -152px -61px;

	margin-top: -10px;

}

#mpartner .bx-controls-direction a.bx-prev:hover {

	background: url(../image/ico_img01.png)no-repeat -152px -93px;

	margin-top: -10px;

}

#mpartner .bx-controls-direction a.bx-next {

	background: url(../image/ico_img01.png)no-repeat -188px -61px;

	margin-top: -10px;

}

#mpartner .bx-controls-direction a.bx-next:hover {

	background: url(../image/ico_img01.png)no-repeat -188px -93px;

	margin-top: -10px;

}

#mpartner .bx-controls-direction a i {

	width: 50px;

	height: 30px;

}

 





#indexPage #mcontact {

	background-color:#f3f3f3

}

#indexPage #mcontact .content {

	width:1200px;

	margin:0 auto;

	padding:80px 0 68px;

	height:auto;

}

#indexPage #mcontact .content:after {

	content:'';

	display:block;

	clear: both;

}

#indexPage #mcontact .content .header {

	width:480px;

	float:left;

}

#indexPage #mcontact .content .header p.title {

	color: #666;

	text-align:left;

}

#indexPage #mcontact .content .header .subtitle {

	text-align:left;

	font-family:"Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微软雅黑";

}

#indexPage #mcontact .content #contactlist {

	width:720px;

	float:left;

}

#mcontact .content #contactform {

	display:none;

}

#mcontact .content #contactinfo {

	width:720px;

	float:left;

	position:relative;

}

#mcontact .content #contactinfo p {

	float:left;

	width:290px;

	padding-right:60px;

	margin-top:14px;

	height:auto;

	color:#999;

	font-size:12px;

	line-height:inherit;

}

#mcontact .content #contactinfo h3 {

	color:#696969;

}

#mcontact #contactinfo div {

	position: absolute;

	top:35px;

	left:-250px;

}

#mcontact #contactinfo div:after {

	content:'关注';

	color: #696969;

	height: 20px;

	font-size: 16px;

	line-height: 20px;

	overflow: hidden;

	position: absolute;

	top:-56px;

	left:0px;

}

#mcontact #contactinfo div a {

	background-color: transparent;

	color:#9b9b9b;

	font-size:16px;

	border:2px solid rgba(0, 0, 0, 0)

}

#mcontact #contactinfo div a:hover {

	background-color:#000;

	border:2px solid #5d5d5d;

	border-radius:0px;

}

#mcontact #contactinfo div a:hover i {

	color:#fff;

}







#indexPage .module.bgShow .bgmask {

	display:none;

}

#indexPage #mnews .bgmask{ display: block; }

#footer {

	background:#fff;

}

#footer a path {

	fill: rgb(148, 148, 148);

}

#footer p {

	width:1200px;

	margin:0 auto;

	height:44px;

	line-height:44px;

	padding:0;

	text-align:left;

}











#pages a.active, #pages a:hover {

	background-color: #8cd4c1;

}







.npagePage #banner, .npagePage #banner div {

	height:260px;

}

#indexPage .module {

	z-index: auto;

}





#header .content {

	text-align:center;

}

#header .content img {

	float:none;

}

#header #logo {

	width:100%;

	margin:0 auto;

	padding:10px 0;

	float:left;

}

#header ul#nav {

	width:1280px;

	text-align: center;

}

#header .content #nav {

	margin:0 auto;

	width: auto;

	display: inline-block;

	float:none;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

.content .header p.subtitle {

	font-family:"Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微软雅黑";

}

#indexPage #mproject #category {

	display: block;

}

#category a {

	border:none;

	font-size: 14px;

	padding:10px 28px;

	margin-right:0;

}

#category a.active, #category a:hover {

	background: #8cd4c1;

	color: #fff;

	border-color: #8cd4c1;

}

#category a::after {

content:'';

position:absolute;

width:1px;

height:12px;

margin-left:30px;

margin-top: 2px;

background:rgba(0, 0, 0, .2);

transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#category a:last-child::after {

width:0px;

}

#category a:hover::after {

background:transparent;

}

#header #logo img {

	transform: scale(1, 1);

	transition: all 0.3s ease-out 0s;

	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#header.mini #logo img {

	transform: scale(0.8, 0);

	-moz-transform:scale(0.8, 0);

	-webkit-transform:scale(0.8, 0);

	-o-transform:scale(0.8, 0);

}

#header.mini .content #nav {

	margin-top: -60px;

}

.nobanner .npagePage {

	padding-top: 140px;

}

#indexPage .content .header {

	padding-top:80px;

}

#indexPage #mpage .content .header {

	width: 50%;

	float: right;

	padding-top:130px;

}

#indexPage #mcontact .content .header {

	padding-top:0;

}

#indexPage #mslider .bx-wrapper {

	position:relative;

}

#indexPage #mpage .wrapper li .fimg {

	width: calc(50% - 60px);

	height:580px;

	float: left;

	border: 30px solid #fff;

	border-top: 50px solid #fff;

	border-bottom: 50px solid #fff;

}

#indexPage #mnews a.details {

	display:block;

	border:none;

	text-indent:100px;

	margin:0;

	color:#999;

	font-size:15px;

	width:200px;

	font-family:Georgia, "Times New Roman", Times, serif;

	height:50px;

	line-height:50px;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	position: relative;

	left:-58px;

	top: -20px;

}

#indexPage #mnews a.details:hover {

	color:#666;

}

#indexPage #mnews a.details i {

	position:relative;

	top:3px;

}

#indexPage #mnews a.details:hover i {

	text-indent:10px;

}

 #newslist .newstitem:nth-of-type(odd) {

border-right:1px solid rgba(0, 0, 0, 0.08);

}

#indexPage #mnews #newslist .newstitem {

	padding-bottom:45px;

	margin: 6px 25px 20px 5px;

	padding-top: 8px;

	transition: all 0.3s ease-out 0s;

}

#indexPage #mnews .content_list {

	margin-left:34px;

}

#indexPage #mnews #newslist .newstitem:hover a.details {

	color: #666

}

#indexPage #mnews #newslist .newstitem:hover a.details i {

	text-indent: 10px;

	color: #707070;

}

 #indexPage #newslist .newsbody .description::after {

content:'';

position:absolute;

width:36px;

height:1px;

background:rgba(0, 0, 0, .1);

margin-top:51px;

left: 40px;

transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

 #indexPage #mnews #newslist .newstitem:hover .newsbody .description::after {

width:100%;

background:rgba(0, 0, 0, .3)

}

#indexPage #mnews {

	background-color: #f8f8f8;

	border-top: 1px solid rgba(0, 0, 0, .0);

}

#indexPage #servicelist {

	height:495px;

	overflow:hidden;

}

#sitecontent #indexPage #mservice .serviceitem a.details {

	width:35px;

	height:35px;

	text-align:center;

	display:block;

	border-radius: 0;

	border: 1px solid transparent;

transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

	margin:0 auto;

	overflow:hidden;

	position:relative;

	top:-20px;

	display: none;

}

#indexPage #servicelist .serviceitem div p.description {

	margin-top:15px;

	padding:0 40px;

	line-height:24px;

	color:#8D8D8D;

}

#indexPage #servicelist .serviceitem div p.title {

	font-size:18px;

}

#indexPage #servicelist .serviceitem {

	height:396px;

	min-height:396px;

	margin-bottom:50px;

	padding-bottom:0;

	background:#fff;

	padding-top:7px;

	margin-right:25px;

	width:374px;

	transition: all 0.3s ease-out 0s;

}

#indexPage #servicelist .serviceitem:hover {

	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

	margin-top:-8px;

}

#indexPage #servicelist .serviceitem a {

	text-align:center;

}

#indexPage #servicelist .serviceitem:last-child, #indexPage #servicelist .serviceitem:nth-child(3n) {

margin-right:0

}

#indexPage #mservice a.more {

	margin-top:0;

}

#indexPage #mpartner {

	border-top:1px solid rgba(0, 0, 0, .05)

}

#projectlist .projectitem a img {

	height:225px;

	overflow:hidden;

}

.Pageanli #category a.active::after {

display:none;

}

#projectlist .projectitem a:hover img {

	transform: scale(1.08, 1.08);

}

#sitecontent .npagePage #projectlist .projectitem {

	float:none;

}

#sitecontent .npagePage #projectwrap {

	width:1300px;

}

#sitecontent .npagePage #projectinfo .header p.title {

	font-size:20px;

	margin-bottom: 5px;

}

#sitecontent .npagePage #projectinfo .header p.subtitle {

	font-size:13px;

	font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";

}

#sitecontent .npagePage #projectwrap #projectbody {

	width:900px;

	border-right: 1px solid rgba(0, 0, 0, .05);

}

#projecttags a:hover {

	background: #575757;

	color:#fff;

}

#projectib .projectitem a .project_info p.title {

	margin-bottom:4px;

}

#projectinfo .header {

	border:none;

}

#projectib .projectitem {

	margin-bottom:25px;

}

.npagePage #banner {

	padding-top:140px;

}

.npagePage #banner div {

	height:260px;

}

.Pageservice #servicelist {

	padding-top:80px;

}

.Pageservice #servicelist .serviceitem div::after {

top:-5px;

left:5%;

}

.Pageservice #servicelist .serviceitem:hover div::after {

width:94%;

left:3%;

height: 180px;

top: -10px;

}

.Pageservice #servicelist .serviceitem a.details {

	margin-top: -30px;

	opacity: 0;

}

.Pageservice #servicelist .serviceitem:hover .details {

	margin-top:-65px;

	opacity: 1;

	border:transparent;

}

.Pageservice #servicelist .serviceitem div {

	top:0;

	padding-top: 5px;

}

.Pageservice #servicelist .serviceitem {

	margin-bottom:80px;

	padding-bottom:0;

	height:410px;

	min-height: 410px;

	padding-top: 7px;

}

.Pageservice #servicelist .serviceitem:nth-child(3n), .Pageservice #servicelist .serviceitem:last-child {

border-right:none;

}

.Pageservice #servicelist .serviceitem a img {

	top:0;

}

.Pagenews #newslist .newstitem:nth-of-type(2n+1) {

border-right:none;

}

.Pagenews #newslist .newstitem:first-child {

	border-top:none;

}

.Pageservice #servicelist .serviceitem div p.title::after {

top:50px;

}

.Pageservice #servicelist .serviceitem div p.description {

	margin-top:22px;

}

.npagePage .postbody {

	width:1100px;

	overflow:hidden;

}

#teampost .postbody {

	width:730px;

	overflow:hidden;

}

#teampost #teambody .theader .title {

	font-size:26px;

	margin-bottom:5px;

}

.Pageanli #category a::after {

content: '';

position: absolute;

width: 1px;

height: 12px;

margin-left:29px;

margin-top: 2px;

background: rgba(0, 0, 0, .15);

transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

.Pageanli #category li:last-child a::after {

background:none;

}

#indexPage #mteam {

	background:#f8f8f8;

}





#shares a {

	width:40px;

	height:40px;

}

#shares a#sshare {

	display:none;

}

#shares a i {

	margin-top:11px;

}

#shares a i.fa-weixin {

	margin: 11px 0 0 4px;

	background-image: url(404.png);

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#shares a#gotop {

	margin-top:0;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

#shares a#gotop i {

	margin-top:8px;

}

#shares a#gotop:hover {

	background:rgba(0, 0, 0, .9)

}

#shares a#sweibo, #shares a#sweixin {

	background-color:rgba(255, 255, 255, .8);

	border: 1px solid rgba(0, 0, 0, .1);

	width: 38px;

	height: 39px;

	border-bottom:none;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	position: fixed;

	bottom: 120px;

	right: 10px;

}

#shares a#sweixin {

	border-bottom: 1px solid rgba(0, 0, 0, .1);

	height:38px;

	position: fixed;

	bottom: 80px;

}

.fa-weibo::before {

color:#999;

}

#shares a#sweibo:hover {

	background-color:#555;

}

#shares a#sweibo:hover .fa-weibo::before {

color:#fff;

}

#shares a#sweixin:hover {

	background-color:#555;

}

#shares a#sweixin:hover i.fa-weixin {

	background-image: url(404.png);

}

#indexPage #mservice .wrapper {

	margin-left:13px;

}



















#projectlist .projectitem a .project_info div::before {

content:'';

position:absolute;

width:100%;

height: 90%;

border-bottom: 1px solid rgba(0, 0, 0, .1);

left:0;

}

#indexPage #mnews .content .header::after {

content:'';

position:absolute;

width:100%;

height:1px;

background: rgba(0, 0, 0, .1);

top: 230px;

}

#projectinfo .description a {

	margin:15px 0;

	transition: all 0.3s ease-out 0s;

	background-color: #8cc6b7;

	width:calc(100% - 10px);

}

#projectinfo .description a:hover {

	background-color: #4bb69a;

	color:#fff;

}

#sitecontent .npagePage #projectwrap #projectinfo .header .description {

	color:#999;

	line-height:26px;

}

.Pageteam #teamlist .teamitem {

	border: 1px solid rgba(0, 0, 0, .1);

	margin-bottom: 60px;

	height:180px;

}

.Pageteam #teamlist .teamitem a {

	position:relative;

	top:10px;

	left:10px;

}

.Pageteam #teamlist .teamitem .description {

	line-height:24px;

}

.Pageteam #teamlist .teamitem a.details {

	display:block;

	border-radius:0px;

	width:37px;

	height:20px;

	text-indent:-9999px;

	position:relative;

	border:none;

	border-left:1px solid #dfdfdf;

	left:328px;

	top:-4px;

	transition: all 0.3s ease-out 0s;

	opacity:0

}







#teamlist {

	width:1200px;

	padding-top:100px;

}

#teamlist .teamitem .wrap {

	display:none;

}

#teamlist .teamitem {

	width:560px;

	height:260px;

	border-top: 1px solid rgba(0, 0, 0, .06);

	border-bottom: 1px solid rgba(0, 0, 0, 0);

	margin: 0 40px 20px 0;

	transition: all 0.3s ease-out 0s;

}

#teamlist .teamitem a {

	float:left;

	width:180px;

	height:160px;

	overflow:hidden;

	transition: all 0.3s ease-out 0s;

}

#teamlist .teamitem a img {

	width:100%;

	height:100%;

}

#teamlist .teamitem .teaminfo {

	float:right;

	width:308px;

	height:140px;

transition: all .6s cubic-bezier(.215, .61, .355, 1);

	padding:40px 20px 10px 0px;

	margin:0px;

	text-align:left;

}

#teamlist .teamitem .title a {

	float:none;

	color:#333;

	left: 0;

	top: 0;

}

#teamlist .teamitem .title {

	display:inline-block;

	padding-right: 12px;

}

#teamlist .teamitem .subtitle {

	display:inline-block;

	max-width:202px;

	font-size:13px;

	color: #999;

	margin-top:7px;

}

#teamlist .teamitem .description {

	font-size:13px;

	line-height:26px;

	height: 52px;

	overflow: hidden;

	color: #757575;

}

#teamlist .teamitem a.details:after {

	content: '';

	width: 37px;

	height: 20px;

	display: block;

	position: absolute;

	top:0px;

	left:0px;

	background: transparent url(../image/icon.png) no-repeat -20px -66px;

	transition: all 0.3s ease-out 0s;

}

#teamlist .teamitem:hover {

	border-top:1px solid #8cd4c1;

}

#teamlist .teamitem:hover a {

	margin-top:0px;

}

#teamlist .teamitem:hover .teaminfo {

	padding-top:48px;

}

#teamlist .teamitem:hover a.details {

	opacity:1;

	margin-top:48px;

}

.nobanner #projectlist .projectitem a .project_info p.title {

	color:#666;

}

.nobanner #projectlist .projectitem a .project_info p.subtitle {

	color:#999;

}



#projectinfo4 .header p.title {

	font-size:22px;

	margin-bottom: 8px;

}

#projectinfo4 .header p.subtitle {

	font-family:Arial, Helvetica, sans-serif, "微软雅黑";

	font-size:14px;

	font-weight:bold;

	color:#ff6700;

}

#projectinfo4 div.description {

	margin-top:20px;

	line-height:24px;

	font-size:13px;

}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {

	background-color:rgba(255, 255, 255, .8);

	border: 1px solid rgba(255, 255, 255, .8);

}

#projectinfo4 div.description a {

	display:inline-block;

	width:150px;

	height:40px;

	line-height:40px;

	background:#ff6700;

	color:#fff;

	text-align:center;

	margin:20px auto;

	transition: all 0.3s ease-out 0s;

}

#projectinfo4 div.description a:hover {

	background:#ff8e41;

}

#projectbody4 .postbody4 {

	margin-top:20px;

}

#projectbody4 .postbody4 p {

	line-height:24px;

}

#post_slider {

	background:#f8f8f8;

}

#projectimages4 img {

	margin-bottom:10px;

}

#projectbody4 {

	border-bottom: 1px dotted rgba(0, 0, 0, .1);

	padding-bottom:20px;

}



.npagePage4 #projectwrap4 {

	margin-top:10px;

}

.npagePage4 #post_slider, #post_slider1 {

	height:510px;

}

.npagePage4 #post_slider li {

	height:510px;

}

.npagePage4 #projectshow4 {

	margin-top:10px;

}

.npagePage4 .bx-wrapper {

	width: 1180px;

	margin: 0px auto;

}

.npagePage4 .bx-wrapper .bx-controls-direction a {

	border-radius:0;

	background: rgba(0, 0, 0, .0);

	width:50px;

	height:50px;

	border:1px solid rgba(0, 0, 0, .1)

}

.npagePage4 .bx-wrapper .bx-controls-direction a i {

	color:rgba(0, 0, 0, .3);

}

.npagePage4 .bx-wrapper .bx-controls-direction a:hover {

	background:rgba(0, 0, 0, .5);

}

.npagePage4 .bx-wrapper .bx-controls-direction a:hover i {

	color:#fff;

}

.npagePage4 .bx-wrapper .bx-controls-direction a.bx-next i {

	margin-left:20px;

	margin-top:9px;

}

.npagePage4 .bx-wrapper .bx-controls-direction a.bx-prev i {

	margin-left:19px;

	margin-top:9px;

}

.npagePage4 #projectlist .wrapper {

	text-align:left;

}

.npagePage4 #projectinfo4 {

	border-bottom:1px dotted rgba(0, 0, 0, .1);

}

.npagePage4 #projectinfo4 .header {

	padding-bottom:10px;

	padding-top:50px;

}

#sitecontent .npagePage4 #projectlist .projectitem {

	width:24%;

	margin: 0 10px 25px 0;

	height: 372px;

}

#sitecontent .npagePage4 #projectlist .projectitem:nth-child(4n), #sitecontent .npagePage3 #projectlist .projectitem:last-child {

margin-right:0;

}

#sitecontent .npagePage4 #projectlist .projectitem a img {

	height:auto;

}

.npagePage4 #projecttags4 a {

	border:1px solid rgba(0, 0, 0, .15);

	background:#fff;

	padding:5px 18px;

	transition: all 0.3s ease-out 0s;

}

.npagePage4 #projecttags4 a:hover {

	border:1px solid #6fc9b1;

	background:#8cd4c1;

	color:#fff;

}

#category li.hasmore div ul a.active, #category li.hasmore div ul a:hover {

	background: #8cd4c1;

}

.yy_tag_I {

	margin: 0 10px 0 0;

	color: #e1e1e1;

}



#olx_head {

	background: #3e3e3e;

	border-radius: 0px;

}

#olx_qq li a:hover i {

	color: #d2d2d2;

}

#olx_qq li a:hover {

	padding: 18px 30px;

}

#online_open i {

	margin-top:10px;

}

#online_open {

	background: none;

	bottom: 0px;

	color: #515151;

	bottom: 160px;

	color:#999;

	background-color: rgba(255, 255, 255, .8);

	border: 1px solid rgba(0, 0, 0, .1);

	width: 38px;

	height: 39px;

	border-bottom: none;

}

#online_open:hover {

	background-color: #555;

	color:#fff;

}

#online_lx {

	border-radius: 0px;

	bottom: 36px;

	margin-right: -10px;

}

#olx_tel div {

	color: #898989;

}

#olx_qq li a i {

	color: #504f4f;

}

#olx_head i:hover {

	color: #fff;

	transform: rotate(90deg);

	-ms-transform: rotate(90deg); 	

	-moz-transform: rotate(90deg); 	

	-webkit-transform: rotate(90deg); 

	-o-transform: rotate(90deg); 	

}