@charset "utf-8";

/* CSS Document */











/*导航*/







#indexPage .module.bgShow .bgmask {

	display: none;

}

#teampost {

	padding-top: 80px;

}

#teambody .theader .subtitle {

	color: #9E9E9E;

}

#teamlist {

	margin-top: 23px;

}

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

	color: #6F6F6F;

	background: transparent;

}

#header.mini {

	background: rgba(255, 255, 255, 0.94);

	padding-top: 0px;

	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);

}

#header .content {

	padding-left: 0px;

	padding-right: 0px;

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

}

#header ul#nav {

	transition: all 0.3s ease-out 0s;
	position: relative

}

#header.mini ul#nav {

	padding: 0px 20px 0px 20px;

	width: 248px;

}
#header ul#nav::after{content: ''; display: block; clear: both;}

#header ul li.navitem {

	padding: 20px 0.5px;

	height: auto;

}
#header ul li.navitem a.active::before, #header ul li.navitem:hover a::before{display: none;}
#header.mini ul li.navitem {

	padding: 10px 0.5px;

}

#header {

	padding-top: 0px;

	background-color: transparent;

	font-size: 12px;

}

#header #logo {

	padding: 20px 40px 20px 40px;

	transition: all 0.3s ease-out 0s;

}

#header #logo img {

	transform: scale(1, 1);

	transition: all 0.3s ease-out 0s;

}

#header.mini #logo {

	padding: 10px 20px 10px 20px;

}

#header.mini #logo img {

	transform: scale(0.8, 0.8);

}

#header ul li.navitem a {

	color: #999;

}

#header ul li.navitem {

	padding: 20px 0.5px;

	height: auto;

	line-height: 20px;

	margin-left: 0px;

}

.nobanner #header {

	background: #fff;

}

.lowB #header {

	background: #FFF;

}

#indexPage a.more {

	height: 100px;

	font-size: 14px;

	background-color: rgba(245, 245, 245, 0);

	line-height: 100px;

	font-family: "Arial";

	color: #2d2d2d;

	border-color: rgb(193, 193, 193);

	border-radius: 0px;

	text-align: center;

	text-indent: 0px;

	margin: 3% auto;

	width: 90%;

}

#indexPage #mproject a.more::after {

	content: "";

	display: block;

	width: 120px;

	height: 1px;

	background-color: #ccc;

	position: absolute;

	left: 50%;

	top: 49px;

	-webkit-margin-before: -1px;

	margin-top: 0px;

	margin-left: -60px;

	transition: all 0.6s ease 0s;

	display: none;

}

#indexPage #mproject a.more:hover::after {

	width: 91px;

}

#indexPage a.more i {

	font-size: 20px;

	position: relative;

}

#indexPage a.more:hover {

	border-color: #BCA267;

	text-indent: 0px;

	text-align: center;

	background-color: #BCA267;

	color: #fff;

}

#indexPage a.more:hover i {

	color: #c5c5c5;

}

#indexPage #mservice a.more:hover i{color:#fff;}



#indexPage #mpartner .slider_control a:hover {

	background-color: #424242

}

#pages{padding: 60px 0;    margin-bottom: 120px;}

#pages a {

	background-color: #fff;

	transform: scale(1.2, 1.2);
	width: 32px;
    height: 32px;
    line-height: 32px;

}

#pages a:hover {

	background-color: #bca267;

	color: #fff;

}

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

	background-color: #5a5a5a;

}

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

	background-color: transparent;

}

#header ul li.navitem a::before {

	position: absolute;

	content: "";

	width: 3px;

	height: 12px;

	background: #bca267;

	right: 3px;

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

	-webkit-transition: .3s;

 	-moz-transition: .3s;

	top: 50%;

	transition: all 0.2s ease 0s;

	margin-top: -6px;

	opacity: 0;

}

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

	width: 3px;

	right: 3px;

	opacity: 0;

}

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

	width: 3px;

	right: 3px;

	opacity: 0;

}

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

	width: 3px;

	right: 3px;

	opacity: 0;

}

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

	width: 3px;

	opacity: 0;

	right: -2px;

}

/*导航下拉菜单 */















































#header ul li.navitem {

	line-height: 20px;

}

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

	padding: 14px 30px;

	width: 150px;

	height: 40px;

	line-height: 40px;

	background: transparent;

	display: block;

	font-size: 14px;

	transition: all 0.2s ease-out 0s;

	color: #999;

	position: relative;

	text-indent: inherit;

	border-color: transparent;

}

body.ipusher #header ul li.navitem ul.subnav li a:hover::before {

	opacity: 0;

}

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

	color: #484848;

	background-color: transparent;

}

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

	text-indent: inherit;

	text-decoration: underline;

}

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

	opacity: 0;

}

#header ul li.navitem ul.subnav {

	border-top: 3px solid transparent;

	opacity: 1

}

#header ul li.navitem ul.subnav li {

	border-bottom: 1px solid transparent;

}

/*幻灯左右切换按钮 */


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

	background-color: transparent;

	border-radius: 0px;

	width: 90px;

	top:50%;

}

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

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

	color: transparent;

	background: url(http://resources.jsmo.xin/templates/upload/1115/201611/icon.png)no-repeat 10px -243px;

	width: 50px;

	height: 50px;

	margin-left: 46px;

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

	border: 0;

	transition: all 0.3s ease 0s;

}

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

	background: url(http://resources.jsmo.xin/templates/upload/1115/201611/icon.png)no-repeat 10px -278px;

	background-color: #BCA267;

}

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

	background: url(http://resources.jsmo.xin/templates/upload/1115/201611/icon.png)no-repeat -37px -243px;

	width: 50px;

	height: 50px;

	margin: 0;

	position: absolute;

	right: 0px;

	left: 940px;

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

	transition: all 0.3s ease 0s;

	border: 0;

}

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

	background: url(http://resources.jsmo.xin/templates/upload/1115/201611/icon.png)no-repeat -37px -278px;

	background-color: #BCA267;

}

/*首页案例背景颜色 */











#projectlist .projectitem a:hover img, .nobanner #projectlist .projectitem a img {

	transform: scale(1.06);

	-moz-transform: scale(1.06, 1.06);

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

	-o-transform: scale(1.06, 1.06);

}

#indexPage #mproject {

	background-attachment: fixed;

	background-color: #fff;

	height: auto;

	padding: 100px 0;

}

#category a {

	padding: 9px 32px;

	margin-right: 0px;

	margin-left: 0px;

	transition: all 0.3s ease-out 0s;

	color: #aaa;

	border: 0px;

	border-bottom: 1px solid #ccc;
	line-height: 17px;

}

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

	background: #fff;

	color: #3d3d3d;

	border-color: rgba(161, 161, 161, 0);

}

#sitecontent #newsPage .content #category a.active, #category a:hover {

	background: #BCA267;

	color: #FFFFFF;

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

}

#sitecontent .npagePage #category a.active {

	background: #bca267;

	color: #fff;

}

/*案例*/







#projectitem_0 {

	animation-name: fadeInUp;

	animation-delay: 0.1s;

}

#projectit #projectitem_2 {

	animation-name: fadeInUp;

	animation-delay: 0.3s;

}

#projectitem_3 {

	animation-name: fadeInUp;

	animation-delay: 0.4s;

}

#projectitem_4 {

	animation-name: fadeInUp;

	animation-delay: 0.1s;

}

#projectitem_5 {

	animation-name: fadeInUp;

	animation-delay: 0.2s;

}

#projectitem_6 {

	animation-name: fadeInUp;

	animation-delay: 0.2s;

}

#projectitem_7 {

	animation-name: fadeInUp;

	animation-delay: 0.2s;

}

#projectitem_8 {

	animation-name: fadeInUp;

	animation-delay: 0.2s;

}

#projectitem_9 {

	animation-name: fadeInUp;

	animation-delay: 0.2s;

}

#indexPage #projectlist .projectitem {

	height: 500px;

	margin: 0 1% 120px 0;

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

}

#projectlist .projectitem_4 a img {

	width: 600px;

}

#projectlist .projectitem a .project_info p {

	padding: 0px;

	display: block;

	color: #6a6a6a;

	text-align: left;

	margin-top: 50px;

	margin-left: 80px;

}

#projectlist .projectitem a .project_info p.title {

	text-align: left;

	margin-left: 80px;

	font-size: 20px

}

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

	color: #3d3d3d;

	text-align: left;

	margin-left: 80px;

	font-size: 20px;

}

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

	color: #BCA267;

}

#projectlist .projectitem a .project_info p.subtitle {

	margin-left: 80px;

}

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

	text-align: left;

}

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

	margin-top: 0;

	color: #929292;

	text-align: left;

	text-overflow: ellipsis;

	overflow: visible;

	white-space: nowrap;

}

#projectlist .projectitem a .project_info p.subtitle::after, .nobanner #projectlist .projectitem a .project_info p.subtitle::after {

	content: "";

	display: block;

	background-color: #4c4c4c;

	width: 20px;

	height: 3px;

	transition: all 0.6s ease 0s;

	margin-top: 230px;

	position: absolute;

	top: 50px;

	display: none;

}

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

	color: #929292;

	text-align: left;

}

#indexPage #projectlist .projectitem {

	margin-bottom: 100px;

	background-color: #fff;

	width: 1200px;

}

#projectlist .projectitem a:hover .project_info {

	background-color: rgba(0,0,0,0)

}

#projectlist .projectitem .project_info p.title {

	color: #4E4E4E;

	padding: 10px 0px;

}

#projectmore {

	color: #3d3d3d;

	height: 100px;

	line-height: 100px;

	background: #262626;

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

	font-size: 18px;

}

#projectmore:hover {

	color: #3d3d3d;

	height: 100px;

	line-height: 100px;

	background: #262626;

	font-size: 18px;

}

.content .header p.subtitle {

	font-size: 16px;

	margin-top:0px;

	color: rgb(165, 165, 165);

	text-align: left;

	margin-left: 2%;

}

#mpage .content .header p.subtitle {

	text-align: center;

	margin-left: 0;

}

#mpage .content .header p.subtitle::before {

	background-color: white;

	display: block;

	content: "";

	width: 980px;

	height: 290px;

	position: absolute;

	left: 50%;

	margin-left: -490px;

	top: 260px;

}

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

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

	text-align: left;

	margin-left: 2%;

}

#indexPage #mproject .content .header p.subtitle {

	text-align: left;

	margin-left: 2%;

}

#indexPage #mproject a.more:hover {

	background-color: rgba(61, 61, 61, 0);

	border-color: rgba(255, 7, 42, 0);

	color: #3d3d3d;

}

#indexPage #mproject a.more {

	width: 240px;

	margin-top: 20px;

	position: relative;

	vertical-align: middle;

	line-height: 48px;

	height: 48px;

	border: none;

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

	color: #AFAFAF;

	font-family: "Times New Roman", Times, serif;
	font-size: 16px;

}

#indexPage #mproject .bx-wrapper .bx-pager.bx-default-pager a {

	display: none;

}

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

	position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: "";
    margin-right: -180px;
    margin-top: -270px;
    color: rgba(44, 44, 44, 0.1);
    font-size: 220px;
    font-family: "Kunstler Script";
    opacity: 1;
    width: 160px;
    height: 120px;
    top: 288px;
    background: url(http://resources.jsmo.xin/templates/upload/1115/201611/sz.png)no-repeat -16px -2px;

}

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

	opacity: 1;

}

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

	position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: "";
    margin-right: -180px;
    margin-top: -270px;
    color: rgba(44, 44, 44, 0.1);
    font-size: 220px;
    font-family: "Kunstler Script";
    opacity: 1;
    width: 160px;
    height: 120px;
    top: 288px;
    background: url(http://resources.jsmo.xin/templates/upload/1115/201611/sz.png)no-repeat -16px -122px;

}

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

	opacity: 1;

}

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

	position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: "";
    margin-right: -180px;
    margin-top: -270px;
    color: rgba(44, 44, 44, 0.1);
    font-size: 220px;
    font-family: "Kunstler Script";
    opacity: 1;
    width: 160px;
    height: 120px;
    top: 288px;
    background: url(http://resources.jsmo.xin/templates/upload/1115/201611/sz.png)no-repeat -16px -234px;
}
#projectlist #projectitem_2.projectitem a .project_info:hover div::after {

	opacity: 1;

}

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

    position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: "";
    margin-right: -180px;
    margin-top: -270px;
    color: rgba(44, 44, 44, 0.1);
    font-size: 220px;
    font-family: "Kunstler Script";
    opacity: 1;
    width: 160px;
    height: 120px;
    top: 288px;
    background: url(http://resources.jsmo.xin/templates/upload/1115/201611/sz.png)no-repeat -16px -355px;

}
#projectlist #projectitem_3.projectitem a .project_info:hover div::after {

	opacity: 1;

}

#projectlist #projectitem_4.projectitem a .project_info div::after {
    position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: "";
    margin-right: -180px;
    margin-top: -270px;
    color: rgba(44, 44, 44, 0.1);
    font-size: 220px;
    font-family: "Kunstler Script";
    opacity: 1;
    width: 160px;
    height: 120px;
    top: 288px;
    background: url(http://resources.jsmo.xin/templates/upload/1115/201611/sz.png)no-repeat -16px -464px;
}
#projectlist #projectitem_4.projectitem a .project_info:hover div::after {

	opacity: 1;

}

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

	position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: "";
    margin-right: -180px;
    margin-top: -270px;
    color: rgba(44, 44, 44, 0.1);
    font-size: 220px;
    font-family: "Kunstler Script";
    opacity: 1;
    width: 160px;
    height: 120px;
    top: 288px;
    background: url(http://resources.jsmo.xin/templates/upload/1115/201611/sz.png)no-repeat -16px -578px;

}

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

	position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: "";
    margin-right: -180px;
    margin-top: -270px;
    color: rgba(44, 44, 44, 0.1);
    font-size: 220px;
    font-family: "Kunstler Script";
    opacity: 1;
    width: 160px;
    height: 120px;
    top: 288px;
    background: url(http://resources.jsmo.xin/templates/upload/1115/201611/sz.png)no-repeat -16px -700px;

}

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

	position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: "";
    margin-right: -180px;
    margin-top: -270px;
    color: rgba(44, 44, 44, 0.1);
    font-size: 220px;
    font-family: "Kunstler Script";
    opacity: 1;
    width: 160px;
    height: 120px;
    top: 288px;
    background: url(http://resources.jsmo.xin/templates/upload/1115/201611/sz.png)no-repeat -16px -810px;

}

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

	position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: "";
    margin-right: -180px;
    margin-top: -270px;
    color: rgba(44, 44, 44, 0.1);
    font-size: 220px;
    font-family: "Kunstler Script";
    opacity: 1;
    width: 160px;
    height: 120px;
    top: 288px;
    background: url(http://resources.jsmo.xin/templates/upload/1115/201611/sz.png)no-repeat -16px -926px;

}

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

	position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: "";
    margin-right: -180px;
    margin-top: -270px;
    color: rgba(44, 44, 44, 0.1);
    font-size: 220px;
    font-family: "Kunstler Script";
    opacity: 1;
    width: 160px;
    height: 120px;
    top: 288px;
    background: url(http://resources.jsmo.xin/templates/upload/1115/201611/sz.png)no-repeat -16px -1042px;

}

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

	position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: "";
    margin-right: -180px;
    margin-top: -270px;
    color: rgba(44, 44, 44, 0.1);
    font-size: 220px;
    font-family: "Kunstler Script";
    opacity: 1;
    width: 160px;
    height: 120px;
    top: 288px;
    background: url(http://resources.jsmo.xin/templates/upload/1115/201611/sz.png)no-repeat -16px -1154px

}

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

	position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: "";
    margin-right: -180px;
    margin-top: -270px;
    color: rgba(44, 44, 44, 0.1);
    font-size: 220px;
    font-family: "Kunstler Script";
    opacity: 1;
    width: 160px;
    height: 120px;
    top: 288px;
    background: url(http://resources.jsmo.xin/templates/upload/1115/201611/sz.png)no-repeat -16px -1268px
}

#indexPage #projectlist #projectitem_4 {

	width: 1200px;

}

#indexPage #projectlist #projectitem_5, #indexPage #projectlist #projectitem_6, #indexPage #projectlist #projectitem_7, #indexPage #projectlist #projectitem_8 {

	width: 1200px;

}

#indexPage #projectlist #projectitem_5:hover a::after, #indexPage #projectlist #projectitem_6:hover a::after, #indexPage #projectlist #projectitem_7:hover a::after, #indexPage #projectlist #projectitem_8:hover a::after {

	top: 24%;

}

#indexPage #projectlist .projectitem a img {

	width: 400px;

	z-index: 1;

	position: relative;

}

/*首页背景不加透明蒙层 */































































/*首页服务背景层 */















































#contactform p textarea.inputtxt {

	width: 1120px;

	height: 50px;

	float: none;

	line-height: 18px;

}

#contactform p .inputtxt {

	border: none;

	margin-bottom: 5px;

	background: none;

	color: #D6D6D6;

	;

	width: 320px;

	float: left;

	border-bottom: 1px solid rgba(231, 228, 228, 0.22);

	margin: 40px 0 0 40px;

}

#contactform p {

	border-bottom: 0px;

	padding-top: 0px;

	width: 1200px;

	margin: 0 auto;

	text-align: center;

	margin-bottom: 40px;

}

#indexPage #mteam .description {

	color: #909090;

	background-color: #fff;

	padding: 0px;

	border-radius: 8px;

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

}

#indexPage #mteam .header img {

	width: 100%;

	height: auto;

	border-radius: 0;

	margin: 6px auto 24px auto;

}

#indexPage #mteam .header img::after {

	content: "";

	display: block;

	width: 120px;

	height: 120px;

	background-color: red;

}

#indexPage #mteam .content_list li .header {

	width: 200px;

	height: 160px;

	overflow: hidden;

}

#indexPage #mteam .bx-wrapper .bx-pager ::after {

	content: "";

	width: 1000px;

	height: 1px;

	background: #d2d2d2;

	margin: 20px 0;

	position: absolute;

}

.content .header p.title {

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

	font-size: 24px;

	text-align: left;

	margin-left: 2%;

	color: rgb(68, 68, 68);

}

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

	color: #333;

}

.npagePage .content .header p.title {

	text-align: center;

	margin-left: 0px;

}

.npagePage .content .header p.subtitle {

	text-align: center;

	margin-left: 0px;

}

#newsPage .content .header p {

	text-align: center;

}

#indexPage #mteam .slider_control a i:hover {

	color: #3d3d3d;

}

.teamitem a div.wrap span {

	background: #fff;

}

.teamitem a div.wrap {

	background: #BCA267;

}

/*团队详情*/


.npagePage #teamlist .teamitem a {

	width: 320px;

	height:400px;

}

.npagePage #teamlist .teamitem a img {

	width: 100%;

	height: auto;

	transition: all 0.6s ease 0s;

}

.npagePage #teamlist .teamitem:hover a img {

	transform: scale(1.1, 1.1);

}

.teamitem:hover a div.wrap{transform: translate(0, -50px);}


/*首页幻灯高度*/



#indexPage #mslider {

	height: auto;

}

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

	width: 20px;

	height: 4px;

	margin: 0px 5px;

	border-radius: 6px;

	border: 1px solid #C8C8C8;

}



#shares a {

	background: transparent;

}

#shares a#gotop {

	margin-top: 1px;

	background-color: rgba(0, 0, 0, 0.2);

	transition: all 0.3s ease-out 0s;

}

#shares a#gotop:hover {

	background-color: rgba(0, 0, 0, 0.8);

}

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

	width: 50px;

	height: 1px;

}

#indexPage #mslider ul li p {

	color: #5d5d5d;

}

#mslider .sliderArrow {

	position: absolute;

	bottom: 120px;

	z-index: 2;

	animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;

	-moz-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;

	-webkit-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;

	-o-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;

	display: block;

	left: 50%;

	width: 29px;

	height: 25px;

	margin-left: -16px;

	color: #9b9b9b;

	font-size: 48px;

}

/*新导航*/


/*在线咨询*/



#olx_head {

	background: #3d3d3d;

	border-radius: 0px;

}

#olx_qq li a:hover i {

	color: #fff;

}

#olx_qq li a:hover {

	padding: 18px 30px;
	background: #BCA267;

}

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

	border: 1px solid #BCA267;

	background-color: #BCA267;

	height: 3px;

}

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

	margin: 0px 1px;

	border-radius: 0px;

	border: 1px solid rgba(143, 143, 143, 0.3);

}

/*首页关于我们*/





#indexPage #mpage .wrapper li .fimg {

	width: 50%;

	height: 1024px;

	background-size: cover;

}

#mpage .content .header {

	width: 100%;

	float: right;

	padding-top: 120px;

	padding-bottom: 0;

}

#mpage .module-content .description {

	max-height: 108px;

	height: auto;

	line-height: 28px;

	padding: 0;

	float: none;

	width: 640px;

	text-align: left;

	z-index: 10;

	position: relative;

	transition: all 0.6s ease-out;

	padding-top: 90px;

}

#indexPage #mpage .slider::after {

	content: "";

	display: block;

	width: 940px;

	height: 250px;

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

	border: 1px solid #BCA267;

	position: absolute;

	left: 50%;

	margin-left: -470px;

	top: 280px;

}

#mpage .content .header p.subtitle::after {

	position: inherit;

	content: "";

	height:40px;

	background:rgb(197, 197, 197);

	margin: 22px 50% 0;

	width: 1px;

	float: left;

	text-align: left;

	top: -276px;

	display: block;

	transition: all ease-out .3s;

	z-index: 10;

}

#indexPage #mpage a.more {

	width: 180px;

	float: none;

	line-height: 42px;

	height: 42px;

	position: relative;

	z-index: 10;

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

	text-indent:0px;

}

#indexPage #mpage a.more:hover i {

	color: #fff;

}

/*首页联系*/





#mcontact .content > .header {

	animation-name: fadeInUp;

}

#indexPage #mcontact .content {

	width: 100%;

	height: 823px;

}

#contactinfo {

	width: 35%;

	padding-left: 10%;

	margin-bottom: 60px;

}

#contactform.fr {

	background-color: #46474e;

	width: 100%;

	padding: 0;

	margin-right: 0;

}

#contactform p .inputsub {

	width: 280px;

	height: 56px;

	line-height: 52px;

	background-color: rgba(186, 186, 186, 0);

	border: 2px solid #6D6D6D;

	margin-top: 10px;

	padding: 0;

	color: #fff;

	margin-bottom: 100px;

}

#contactform p .inputsub:hover {

	background-color: rgba(186, 186, 186, 0.37);

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

	color: #E8E8E8;

}

#contactform .inputtxt.active {

	border-color: #424242

}

#indexPage #mcontact .header p {

	text-align: center;

	padding-left: 0;

	margin: 0;

}

#indexPage #mcontact .content .fw {

	width: 100%;

}

#contactinfo h3 {

	color: #3d3d3d;

	width: 342px;

	padding-right: 60px

}

#contactinfo div a {

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

    color: #959595;

}

#contactinfo div a:hover {

	background: #bca267;

	border-radius: 0px;

	color: #fff;

}

/*首页新闻*/



#indexPage .newsbody .description {

	display: block;

	margin-top: 0px;

	height: 20px;

	overflow: hidden;

	font-size: 12px;

	color: #A4A4A4;

}

#indexPage #mteam {

	background-color: #fff;

	height: 620px;

}

#indexPage #mteam .content .content_list .header {

	padding-top: 0px;

	animation-name: fadeInUp;

	float: left;

}

#indexPage #mteam .content > .header {

	display: block;

	position: absolute;

	top: 140px;

	width: 100%;

	animation-name: fadeInLeft;

}

/*案例*/




#indexPage #mproject .content > .header {

	animation-name: fadeInLeft;

	animation-delay: 0.1s;

}

#projectinfo {

	width: 340px;

	float: right;

	padding: 0px 50px;

	margin-left: 0px;

	position: relative;

}

#projectwrap.fw {

	width: 100%;

}

#projectwrap {

	padding-top: 80px;

}

#projectbody {

	max-width: 100%;

	margin: 0px auto;

	width: calc(100% - 490px);

	float: left;

	padding: 0 48px 0 0;

	border-right: 1px solid #ECECEC;

	padding-bottom: 60px;

}

#projectimages li img {

	display: block;

	float: none;

	max-width: 100%;

	margin: 0px auto;

}

#projectinfo .description a {

	background: #3d3d3d;

	color: #fff;

	width: 340px;

}

#projectinfo .description a:hover {

	background: #3d3d3d;

	color: #fff;

}

#plheader {

	padding-bottom: 22px;

}

.teamitem {

	height: auto;

}

.teamitem .teaminfo {

	text-align: left;

	height: auto;

	overflow: hidden;

	transition: all 0.6s ease 0s;

}

.Pageteam .wrap .teamitem:hover .teaminfo {

	height: auto;

}

.teamitem .teaminfo .description::after {

	content: "";

	display: block;

	width: 20px;

	height: 1px;

	background-color: #ccc;

	transition: all 0.6s ease 0s;

	margin-top: 26px;

	opacity: 0;

	position: absolute;

}

.teamitem:hover .teaminfo .description::after {

	width: 320px;

	opacity: 1;

}

.teamitem .teaminfo .description {

	margin-top: 22px;

}

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

	margin: -60px -20px;

	background: rgb(201, 201, 201);

}

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

	background: #3d3d3d;

}

.teamitem .title a {

	color: #3d3d3d;

}

/*新*/





.npagePage #projectlist .wrapper {

	width: 96%;

}

#indexPage #mproject .content .wrapper {

	width: 1040px;

	margin: 0 auto;

}

.content .header {

	padding-top: 80px;

	padding-bottom: 60px;

}

#newsPage .content .header {

	padding-bottom: 22px;

}

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

	bottom: -9%;

	text-align: right;

}

#indexPage #mpage .content {

	margin-top: 0;

	top: 0;

}

#indexPage #mteam .content {

	margin-top: -17%;

}

#moduleControl a.moduleCItem {

	border-radius: 0;

	height: 1px;

	margin-bottom: 10px;

	width: 10px;

	border: 1px solid transparent;

	background-color: #DEDEDE;

}

.module-content .description {

	width: 410px;

	text-align: left;

}

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

	width: 400px;

}

/*新闻*/





#indexPage .module .bgmask {

	background-color: transparent;

}

#indexPage #mslider ul li p.title {

	font-size: 42px;

	line-height: 32px;

	height: 32px;

	text-align: left;

	padding: 0px 110px 0px;

	margin: 600px 0px 0px 20px;

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

	width: 500px;

}

#indexPage #mslider ul li p.subtitle {

	font-size: 14px;

	height: 25px;

	transition-delay: 0.2s;

	text-align: left;

	padding: 12px 110px;

	width: auto;

	margin: 1px 1800px 0px 20px;

	color: #A1A1A1;

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

	line-height: 24px;

}

#projecttags a:hover {

	color: #fff;

	background: #BCA267;

}

#projectib .projectitem a .project_info p.title {

	color: #333;

}

#projectib .projectitem:hover a .project_info p.title{color: #bca267;}

#projectib .projectitem a .project_info p.subtitle {

	color: #8a8a8a;

}

#projectib .projectitem a .project_info {

	background-color: #fff;

	padding: 6px 0 28px 0;

}

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

	display: inline;

}

#projectinfo::after {

	position: absolute;

	content: "";

	top:0px;

	left: -2px;

	width: 4px;

	height: 54px;

	background: #BCA267;

}

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

	bottom: -6%;

	display: block;

	left: 238px;

}

.Pageservice #servicelist .serviceitem div p.title {

	line-height: 26px;

	transition: all 0.6s ease 0s;

	text-align: center;

	width: 260px;

	height: 31px;

	overflow: hidden;

	text-overflow: ellipsis;

}

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

	padding-top: 20px;

}

#projectinfo .header .description {

	color: #939393;

}

#projectlist .projectitem a .project_info::after {

	width: 20px;

	height: 3px;

	position: absolute;

	content: "";

	top: 140px;

	left: 520px;

	background-color: #4c4c4c;

	opacity: 0;

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

}

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

	top: 115px;

	opacity: 1;

}

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

	color: #565656;

	padding: 60px 0px 5px 0;

	text-align: left;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

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

}

#projectlist .projectitem a .project_info p.title::after, .nobanner #projectlist .projectitem a .project_info p.title::after {

	position: absolute;

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

	content: "";

	margin-right: 20px;

	margin-top: -56px;

	color: rgba(153, 153, 153, 0.1);

	right: 0;

	font-size: 120px;

	font-family: "HeliosExtThin";

	display: none;

}

#indexPage #projectlist .projectitem a .project_info div {

	position: initial;

	height: 560px;

	width: 640px;

	margin-left: 440px;

	bottom: -120px;

	top: auto;

	background-color: #fff;

	transition: all 0.3s ease-out 0s;

}

#projectlist .projectitem a .project_info:hover div {

	bottom: 20px;

}

#indexPage #mproject .content #category a:hover {

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

	color: #fff;

	background-color: #3d3d3d;

}

/*首页新闻*/



#indexPage #newslist #newsitem {

	width: 280px;

}

#indexPage #newslist #newsitem_0 a.details {

	display: block;

	width: 45px;

	height: 40px;

	text-indent: -9999px;

	background: url(http://resources.jsmo.xin/templates/upload/369/icon/jt.png)no-repeat -232px 4px;

	border: none;

	margin: 0px;

	position: absolute;

	top: 400px;

	right: 40px;

	border-radius: 0;

}

#indexPage #newslist #newsitem_0:hover a.details {

	background: url(http://resources.jsmo.xin/templates/upload/369/icon/jt.png)no-repeat -232px -46px;

}

#indexPage #mpage .content, #indexPage #mpage .module-content, #indexPage #mpage .wrapper, #indexPage #mpage .slider, #indexPage #mpage .wrapper li, #indexPage #mpage .wrapper li .fimg {

	padding-bottom: 220px;

}

#indexPage #mpage .wrapper li, #indexPage #mpage .slider, #indexPage #mpage .content {

	padding-bottom: 120px;

}

 #mpage .content .header p.subtitle::after #mpage .content .header:hover p.subtitle::after {

 height: 170px;

}

#indexPage #servicelist .serviceitem {

	width: 80%;

	background-color: transparent;

	padding: 30px 0 0;

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

}

#indexPage #servicelist .serviceitem:hover {

	background-color: transparent;

	padding: 0px 0;

}

/*#pages { padding: 40px 0 0px; }



#indexPage #mpartner .wrapper ul li a { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: relative; top: 0px; }



#indexPage #mpartner .wrapper ul li a:hover { box-shadow: 0px 10px 26px rgba(0, 0, 0, .1); top: -10px; }



#indexPage #mpartner .wrapper ul li { margin: 0px 0 20px 0px; background-color: transparent; }



#mpartner .bx-viewport { padding-bottom: 20px; padding-left: 20px; }



#mpartner .content .header { padding-bottom: 2%; width: 100%; animation-name: fadeInLeft }



*/



#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active {

	background-color: #3d3d3d;

	border: 1px solid #3d3d3d;

}

 @keyframes mymove {

 0% {

 transform:scale(1.2, 1.2)

}

 100% {

 transform:scale(1, 1)

}

}

/* #banner div {

	animation: pulse 20s;

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

} */

.postbody {

	color: #838383;

}

#indexPage #mteam .summary p.title {

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

	color: #474747;

	font-size: 20px;

}

#indexPage #mteam .summary p.title::after {

	content: "";

	display: block;

	width: 2px;

	height: 1px;

	background-color: #ccc;

	position: absolute;

	left: 14.5%;

	top: 20px;

	transition: all 0.6s ease 0s;

	opacity: 0;

}

#indexPage #mteam .content_list li:hover .summary p.title::after {

	width: 60px;

	opacity: 1;

}

#indexPage #mteam .content_list li:hover .summary p {

	margin-left: 20px;

}

#indexPage #mnews .content .header {

	display: block;

	padding-bottom: 0px;

	animation-name: fadeInLeft;

}

#indexPage #mnews .content {

	width: 100%;

	height: 410px;

	top: 50%;

	margin-top: -205px;

}

#indexPage #newslist {

	width: 100%;

	margin: 0 auto;

	height: 560px;

	position: relative

}

#indexPage #mteam .summary p {

	text-align: left;

	padding-left: 40px;

	transition: all 0.6s ease 0s;

	margin-left: 0px

}

#indexPage #mteam .content .fw a.details {

	display: block;

	width: 140px;

	height: 40px;

	line-height: 42px;

	margin-right: 240px;

	border-radius: 0;

	text-indent: 55px;

	font-size: 13px;

	color: #000;

	text-transform: capitalize;

	text-transform: uppercase;

	text-transform: lowercasecase;

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

}

#indexPage #mteam .content .content_list li:hover a.details {

	text-indent: 42px;

}

#indexPage #mteam .content .content_list li:hover a.details i {

	text-indent: 18px;

	color: #707070;

}

#indexPage .newsimg, #newslist .separator {

	display: none

}

#indexPage #newslist .newstitem {

	position: absolute;

	display: none;

	width: 420px;

	height: 350px;

	line-height: 30px;

	top: 0

}

#indexPage .newstitem .newsbody {

	display: block;

	max-width: 50%;

	vertical-align: auto;

	width: 50%;

	transition: all 0.6s ease 0s;

	margin-top: 260px;

}

#indexPage .newstitem:hover .newsbody {

	margin-left: 12px;

}

#indexPage .newstitem .newsbody::after {

	position: absolute;

	content: "";

	width: 0px;

	height: 1px;

	background: #DEDEDE;

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

	top: 20px;

	left: 0px;

	opacity: 0;

}

#indexPage .newstitem:hover .newsbody::after {

	width: 100%;

	opacity: 1;

}

#newslist .newstitem .newsbody .date {

	position: absolute;

	top: 20px;

	font-weight: inherit;

	font-family: Arial;

	color: #B0B0B0;

	margin-bottom: 0;

	display: block;

	padding: 0;

	float: none;

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

	display: none;

}

#teambody .theader .title {

	font-size: 24px;

}

#indexPage #mteam .summary p.title a {

	color: #333;

}

#indexPage #mteam .summary:hover p.title a {

	color: #BCA267;

}

#newslist .newstitem .newsbody .title {

	font-size: 14px;

	color: #7b7b7b;

	display: inline-block;

	line-height: 24px;

	width: 100%;

	overflow: hidden;

	height: 24px;

	text-overflow: ellipsis;

	white-space: nowrap;

	float: none;

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

	margin-left: 16px;

}

#newslist .newstitem .newsbody .title::after {

	content: "";

	display: block;

	background-color: red;

	width: 50px;

	height: 40px;

	background: url(http://resources.jsmo.xin/templates/upload/1115/201611/icon.png)no-repeat -34px -172px;

	right: 20px;

	position: absolute;

	bottom: 40px;

	transition: all 0.6s ease 0s;

}

#indexPage #newslist #newsitem_0::after {

	background-color: red;

	content: "";

	display: block;

	background-color: red;

	width: 50px;

	height: 40px;

	background: url(http://resources.jsmo.xin/templates/upload/1115/201611/icon.png)no-repeat -34px -172px;

	right: 20px;

	position: absolute;

	bottom:30px;

	transition: all 0.6s ease 0s;

}

#indexPage #newslist #newsitem_0:hover::after {

	right: 28px;

}

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

	right: 26px;

}

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

	width: 280px;

	padding: 0;

	text-align: left;

	background-color: #fff;

}

#newslist .news_wrapper {

	background-color: transparent;

	width: 100%;

}

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

	background-color: transparent;

	width: 100%;

}

.newstitem:hover #newsPage #newslist .newsbody {

	margin-left: 20px;

}

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

	padding: 0

}

#newslist .newstitem.right a.newscontent .newsimg {

	left: 0

}

#newslist .news_wrapper::before {

	height: 0

}

#indexPage #newslist #newsitem_1 .news_wrapper, #indexPage #newslist #newsitem_2 .news_wrapper, #indexPage #newslist #newsitem_3 .news_wrapper, #indexPage #newslist #newsitem_4 .news_wrapper, #indexPage #newslist #newsitem_5 .news_wrapper {

	transition: all ease-out .3s

}

#indexPage #newslist #newsitem_1 .news_wrapper::after, #indexPage #newslist #newsitem_2 .news_wrapper::after, #indexPage #newslist #newsitem_3 .news_wrapper::after, #indexPage #newslist #newsitem_4 .news_wrapper::after, #indexPage #newslist #newsitem_5 .news_wrapper::after {

	width: 100%;

	height: 0px;

	position: absolute;

	content: "";

	left: 0;

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

	background-color: green;

	z-index: -1;

	margin-top: -4px;

	opacity: 0;

}

#indexPage #newslist #newsitem_1 a:hover .news_wrapper::after, #indexPage #newslist #newsitem_2 a:hover .news_wrapper::after, #indexPage #newslist #newsitem_3:hover .news_wrapper::after, #indexPage #newslist #newsitem_4:hover .news_wrapper::after, #indexPage #newslist #newsitem_5:hover .news_wrapper::after {

	width: 100%;

	height: 38px;

	position: absolute;

	content: "";

	left: 0;

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

	background-color: #3d3d3d;

	z-index: -1;

	margin-top: -4px;

}

#indexPage #newslist #newsitem_1 a:hover .news_wrapper, #indexPage #newslist #newsitem_2 a:hover .news_wrapper, #indexPage #newslist #newsitem_3 a:hover .news_wrapper, #indexPage #newslist #newsitem_4 a:hover .news_wrapper, #indexPage #newslist #newsitem_5 a:hover .news_wrapper {

	background-color: transparent;

}

#indexPage #newslist #newsitem_1 a:hover .date, #indexPage #newslist #newsitem_2 a:hover .date, #indexPage #newslist #newsitem_3 a:hover .date, #indexPage #newslist #newsitem_4 a:hover .date, #indexPage #newslist #newsitem_5 a:hover .date {

	color: #9a9a9a

}

#indexPage #newslist #newsitem_1 a:hover .title, #indexPage #newslist #newsitem_2 a:hover .title, #indexPage #newslist #newsitem_3 a:hover .title, #indexPage #newslist #newsitem_4 a:hover .title, #indexPage #newslist #newsitem_5 a:hover .title {

	color: #444;

}

#indexPage #newslist #newsitem_1 {

	display: block;

	left: 0px;

	top: 0px;

}

#indexPage #newslist #newsitem_2 {

	display: block;

	left: 0px;

	top: 0px

}

#indexPage #newslist #newsitem_3 {

	display: block;

	left: 0px;

	top: 0px

}

#indexPage #newslist #newsitem_4 {

	display: block;

	left: 0px;

	top: 0px

}

#indexPage #newslist #newsitem_5 {

	display: block;

	left: 0px;

	top: 0px

}

#indexPage #newslist #newsitem_0 {

	display: block;

	width: 240px;

	margin-left: 40px;

	top: 0px;

}

#indexPage #newslist #newsitem_0 .newsimg {

	display: block;

	width: 280px;

	height: 240px

}

#indexPage #newslist #newsitem_0 .news_wrapper, #newsPage #newslist .newstitem .news_wrapper {

	width: 100%;

	height: 200px;

	left: 0px;

	position: absolute;

	top: 240px;

}

#indexPage #newslist #newsitem_0 .news_wrapper::after {

	position: absolute;

	content: "";

	width: 0px;

	height: 1px;

	border: 0;

	background: #DEDEDE;

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

	top: 20px;

	left: 0px;

	opacity: 0;

}

#indexPage #newslist #newsitem_0:hover .news_wrapper::after {

	width: 100%;

	opacity: 1;

}

#indexPage #newslist #newsitem_0 .newsbody .title, #newsPage #newslist .newstitem .newsbody .title {

	font-size: 15px;

	color: #535353;

	display: block;

	width: 100%;

	float: none;

	position: relative;

	top: 0px;

	transition: all 0.6s ease 0s;

}

#indexPage #newslist #newsitem_0 a:hover .newsbody .title {

	color: #3d3d3d;

}

#indexPage #newslist #newsitem_0 .newsbody .description, #newsPage #newslist .newstitem .newsbody .description {

	font-size: 12px;

	line-height: 22px;

	color: #909090;

	text-align: left;

	height: 24px;

	overflow: hidden;

	display: block;

	transition: all 0.6s ease 0s;

	overflow: hidden;

	display: block;

}

#indexPage #newslist #newsitem_0 .newsbody::after, #newsPage #newslist .newstitem .newsbody::after {

	content: 'MORE';

	width: 120px;

	height: 30px;

	line-height: 30px;

	display: block;

	text-align: center;

	margin-top: 85px;

	color: #3d3d3d;

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

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

	position: absolute;

	left: 52px;

	top: 110px;

	opacity: 0;

	transition: all 0.6s ease 0s;

}

#indexPage #newslist #newsitem_0 a:hover .newsbody::after, #newsPage #newslist .newstitem a:hover .newsbody::after {

	background-color: #bca267;

	color: #fff;

	opacity: 1;

}

#indexPage #newslist #newsitem_0 a:hover .newsbody::after {

	opacity: 0;

}

#indexPage #newslist #newsitem_0 .newsimg::after {

	position: absolute;

	content: "";

	width: 420px;

	height: 1px;

	background: #e4e4e4;

	margin: 0px 0 0 114%;

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

	margin-top: 149px;

	display: none;

}

#indexPage #newsitem_0 a:hover .newsimg::after {

	width: 76px;

}

#indexPage #newsitem_0 .newsbody .description::after, #newsPage #newslist .newstitem .newsbody .description::after {

	margin: 0;

	position: absolute;

	left: 460px;

	top: 84px;

	content: "";

	width: 0px;

	height: 32px;

	background: #3d3d3d;

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

	z-index: -1;

	display: none;

}

#indexPage #newsitem_0 a:hover .newsbody .description::after {

	width: 123px;

}

#newsPage #newslist .newstitem a:hover .newsbody .description::after {

	width: 123px;

}

#indexPage #mnews .bx-controls {

	display: block;

}

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

	bottom: -70px;

}

#indexPage .content #newsitem .newscontent .description::before {

	content: "";

	display: block;

	background-color: red;

	width: 50px;

	height: 40px;

	background: url(http://resources.jsmo.xin/templates/upload/1115/201611/icon.png)no-repeat -34px -172px;

	position: absolute;

	position: absolute;

	right: 20px;

	top: 40px;

	transition: all 0.6s ease 0s;

}

#indexPage .content #newsitem .newscontent:hover .description::before {

	right: 30px;

}

/*news list*/











#newsPage #newslist {

	width: 96%;

	height: auto

}

#newsPage #newslist .wrapper {

	margin-right: 0px;

	width: auto;

	height: auto

}

#newslist .wrapper {

	height: 800px;

}

#newsPage #newslist .newstitem {

	width: 24%;

	height: 340px;

	float: left;

	margin-bottom: 60px

}

#newsPage #newslist .newstitem .news_wrapper {

	width: 100%;

	left: 290px;

}

#newsPage #newslist .newstitem .news_wrapper::before {

	content: "";

	display: block;

	;

	width: 1px;

	height: 0;

	background-color: #bca267;

	position: absolute;

	top: 0;

	transition: all 0.6s ease 0s;

	opacity: 0;

	z-index: 2;

}

#newsPage #newslist .newstitem:hover .news_wrapper::before {

	opacity: 1;

	height: 100%;

}

#newsPage #newslist .newstitem .news_wrapper::after {

	content: "";

	display: block;

	;

	width: 1px;

	height: 100%;

	background-color: #ccc;

	position: absolute;

	top: 0;

	transition: all 0.6s ease 0s;

	opacity: 0;

}

#newsPage #newslist .newstitem:hover .news_wrapper::after {

	opacity: 1;

}

#newsPage #newslist .newstitem .newsbody::after {

	margin-top: 12px;

}

#newsPage #newslist .newstitem .newsbody .title {

	top: -4px

}

#newsPage #newslist .newstitem .newsbody .description::after {

	margin: 0;

	position: absolute;

	left: 0;

	top: 128px;

	content: "";

	width: 0px;

	height: 32px;

	background: #3d3d3d;

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

	z-index: -1;

}

#indexPage #newslist #newsitem_0 .newsbody .date, #newsPage #newslist .newstitem .newsbody .date {

	display: block;

	padding: 0;

	float: none;

	position: relative;

	top: 32px;

	transition: all 0.6s ease 0s;

	display: none;

}

#indexPage #newslist #newsitem_0:hover .newsbody .date {

	margin-left: 10px;

}

/**/















/*新闻*/







#indexPage #mnews a.more {

	font-size: 12px;

	display: block;

	width: 120px;

	height: 38px;

	line-height: 40px;

	position: absolute;

	right: 3%;

	top: -46px;

	margin-left: -110px;

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

	animation-name: fadeInRight;

	animation-delay: 0.4s;

	border: 1px solid #C6C6C6;

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

	text-indent:0px;

}

#indexPage #mnews a.more:hover {

	background: #3d3d3d;

	border: 1px solid #3d3d3d;

}

#mteam .content_list li {

	animation-name: fadeInUp;

}

.newstitem {

	animation-name: fadeInUp;

	animation-delay: 0.0s;

}

#newsitem_1 {

	animation-name: fadeInRight;

	animation-delay: 0.1s;

}

#newsitem_2 {

	animation-name: fadeInRight;

	animation-delay: 0.2s;

}

#newsitem_3 {

	animation-name: fadeInRight;

	animation-delay: 0.3s;

}

#newsitem_4 {

	animation-name: fadeInRight;

	animation-delay: 0.4s;

}

#newsitem_5 {

	animation-name: fadeInRight;

	animation-delay: 0.5s;

}

#mpartner .content_list li {

	animation-name: fadeInUp;

	animation-delay: 0.1s;

}

.slider li div {

	animation-name: fadeInUp;

	animation-delay: 0.1s;

}

#newslist .newsbody {

	width: 740px;

}

#newsPage #newslist .newstitem a.newscontent {

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

	padding-bottom: 20px;

}

#newsPage #newslist .newstitem a:hover .newsbody .title {

	color: #BCA267;

}

.postbody img {

	max-width: 100%;

	width: auto;

}

.npagePage #banner div {

	height: 380px;

}

.npagePage #banner {

	height: 380px;

}

#mpage .content .header p.title {

	text-align: center;

	margin-left: 0;

	font-size: 26px;

	color: rgb(68, 68, 68);

}

#projectlist .wrapper {

	width: 85%;

	margin: 0 auto;

}

#indexPage #mproject #category {

	position: absolute;

	top: 30px;

	display: block;

	animation-name: fadeInUp;

	right: 2.5%;

	margin-right: 0;

}

#indexPage #mproject #category a {

	padding: 0;

	border: none;

	border-bottom: none;

	margin: 0 -10px 0 10px;

	border-right: 1px solid #ededed;

	padding: 6px 24px;

	font-size: 14px;



}

#indexPage #mproject #category a:last-child {

	border: 0;

}

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

	background-color: transparent;

	border-radius: 0px;

	width: 40px;

	top: 230px;

}

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

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

	color: transparent;

	background: url(http://resources.jsmo.xin/templates/upload/1115/201611/icon.png)no-repeat 4px -248px;

	width: 40px;

	height: 40px;

	margin: 0;

}

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

	background: url(http://resources.jsmo.xin/templates/upload/1115/201611/icon.png)no-repeat -44px -248px;

	width: 40px;

	height: 40px;

	margin: 0;

	position: absolute;

	right: 131px;

	left: 0px;

}

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

	left: 40px;

}

#projectlist .projectitem a::after {

	content: '';

	width: 40px;

	height: 40px;

	line-height: 40px;

	background: url(http://resources.jsmo.xin/templates/upload/307/201606/soso-ico.png);

	margin: 0 auto;

	margin-left: -20px;

	margin-top: 0px;

	display: inline-block;

	position: absolute;

	top: 0%;

	left: 50%;

	z-index: 10;

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

	opacity: 0;

}

#projectlist .projectitem:hover a::after {

	margin-left: -20px;

	margin-top: -20px;

	top: 50%;

	opacity: 0;

}

#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active title {

	color: #000;

	font-size: 12px;

}

#indexPage #mcontact {

	background-color: #fff;

}

#indexPage #mcontact .header p.title {

	color: #444;

}

#projectbody .postbody {

	padding: 1px 50px 50px;

	background-color: #fff;
    width:78%;
    margin: 0 auto;

}

#projectimages {

	padding: 0px 50px 10px;

	background: #fff;

}

#indexPage #newslist .newsbody .description {

	width: 280px

}

#newslist, #newslist .wrapper, #indexPage #mnews .content_list {

	width: 96%;

	margin: 0 auto;

}

#indexPage #newsPage #newslist .newstitem a.newscontent::after {

	content: "";

	display: block;

	width: 1078px;

	height: 1px;

	background-color: #f1f1f1;

	position: absolute;

	top: 200px;

	left: 0px;

	transition: all 0.6s ease 0s;

	z-index: -10;

	border-bottom: 1px solid #f1f1f1;

}

#indexPage #newsPage #newslist .newstitem a:hover.newscontent::after {

	top: -40px;

	height: 240px;

	opacity: 1;

	z-index: -10;

	background-color: red;

}

/*服务*/







#servicelist .serviceitem a img {

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

	width: auto;

	height: 200px;

	max-width: 100%;

}

#indexPage #servicelist #serviceitem_8:hover::before {

	width: 38px;

	height: 1px;

	background-color: #a1a1a1;

	color: #3d3d3d;

}

#servicelist .serviceitem:hover .title {

	color: #fff;

}

#mservice .bx-wrapper {

	height: 350px;

}

#indexPage #mservice a.more::after{ 

	content: "";

    display: block;

    width: 200px;

    height: 45px;

    background-color:rgba(188, 162, 103, 0);

    position: absolute;

    left: 50%;

    margin-left: -100px;

    top: 297px;

    opacity: 0;

    transition: all 0.6s ease 0s;

    z-index: -1;

    border: 1px solid rgba(255, 255, 255, 0.8);

}

#indexPage #mservice:hover a.more::after{ 

    opacity:1;

}

#indexPage #mservice a.more {

	margin: 0;

    position: absolute;

    right: 5%;

    top: 20px;

    height: 100%;

    font-size: 14px;

    line-height: 30px;

    width: 50%;

    background-color: rgba(51, 51, 51, 0);

    border-color: rgba(51, 51, 51, 0);

    color: #Fff;

    display: block;

    left: 0;

    top: 0;

    line-height: 640px;

    z-index: 1;

    border: 0;

    opacity: 0;

}

#indexPage #mservice a.more:hover {

	background-color:rgba(188, 162, 103, 0.7);

	border-color:rgba(61, 61, 61, 0);

	opacity:1;

}

#mservice .content .header p.title {

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

	text-align: left;

	margin-left: 0%;

}

#mservice .content .header p.subtitle {

	text-align: left;

	margin-left: 0%;

}

#servicelist .serviceitem div {

	width: 320px;

	margin-left: 20px;

	margin-top: 248px;

}

#servicelist .serviceitem div p.title {

	transition: all 0.6s ease 0s;

	text-align: center;

	height: 30px;

	line-height: 30px;

	color: #fff;

	font-size: 18px;

}

#indexPage #mservice .content .header, #indexPage #mnews .content .header {

	width: 100%;

	margin-bottom: 40px;

}

#indexPage #mservice a.more::before {

	position: absolute;

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

	content: "";

	top: 14px;

	left: -83px;

	width: 115px;

	height: 1px;

	background: #3d3d3d;

	opacity: 0;

}

#indexPage #mservice a.more:hover::before {

	left: 88px;

	width: 20px;

	background: #fff;

	opacity: 0;

}

#servicelist .serviceitem a {

	text-align: center;

	width: 100%;

	margin-top: -100px;

	margin-left: -10px;

}

#servicelist .serviceitem {

	width: 320px;

	height: auto;

	margin-right: 70px;
	margin-bottom: 20px;

}

#sitecontent #servicelist .serviceitem a {

	height: 380px;

}



#sitecontent #servicelist .serviceitem a::after {

	background-color: rgba(188, 162, 103, 0.87);

	content: "";

	display: block;

	position: absolute;

	width: 100%;

	height: 0;

	opacity: 0;

	transition: all 0.6s ease 0s;

}

#sitecontent #servicelist .serviceitem:hover a::after {

	opacity: 1;

	height: 100%

}

#sitecontent #servicelist .serviceitem a img {

	height: auto;

	width: 100%;

	float: left;

	left: -2%;

	position: absolute;

	top: -100px;

}

#sitecontent #servicelist #serviceitem_4 {

	display: none;

}

#servicelist .serviceitem div p.description {

	width: auto;

	height: 70px;

	color: #fff;

	text-align: left;

	margin-top: 6px;

	transition: all 0.6s ease 0s;

	padding: 0 20px;

}

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

	content: "";

	display: block;

	width: 0px;

	height: 1px;

	background-color: #3d3d3d;

	position: absolute;

	margin-top: 0px;

	margin-top: 16px;

	opacity: 0;

	transition: all 0.6s ease 0s;

}

#servicelist .serviceitem:hover div p.description::after {

	opacity: 0;

	width: 260px;

	background-color: #3d3d3d;

}

.Pageservice .content #servicelist .serviceitem a.details {

	display: -moz-box;

	border-radius: 0px;

	width: 260px;

	height: 46px;

	margin: 0;

	line-height: 46px;

	font-size: 16px;

	color: #3d3d3d;

	text-indent: 114px;

	transition: all ease-out .3s;

	border: 0;

	opacity: 0;

}

.Pageservice .content #servicelist .serviceitem:hover a.details {

	opacity: 0;

	background-color: #3d3d3d;

	color: #fff;

}

.Pageservice .content .header p.subtitle::after {

	content: "";

	display: block;

	width: 0px;

	height: 340px;

	background-color: transparent;

	position: absolute;

	left: 40%;

	top: 230px;

}

#indexPage #mpage .wrapper li .fimg {

	height: 0;

	display: none;

}

#indexPage #mpage .wrapper li {

	padding-bottom: 140px;

}

#indexPage .module {

	z-index: auto

}

#indexPage .module .content {

	position: relative;

	top: 0;

}

#indexPage #mproject .content {

	margin: 0;

}

#indexPage #mservice {

	padding-top: 100px;

	height: 900px;

}

#indexPage #mservice .content {

	margin: 0;

	height: auto

}

#indexPage #mnews {

	padding-top: 100px;

	height: 680px;

	background-color: #f6f2e8;

}

#indexPage #mnews .content {

	margin: 0;

	top: 0

}

#indexPage #mpartner {

	padding-top: 50px;

	height: 600px

}

#indexPage #mpartner .content {

	margin: 0;

}

#indexPage #mcontact {

	padding-top: 100px;

	height: auto;

}

#indexPage #mcontact .content {

	margin: 0;

}

#indexPage #mservice {

	padding-top: 100px;

	height: 560px;

	padding-bottom: 100px;

}

#indexPage #mteam .content {

	margin-top: 0;

}

#sitecontent .npagePage .content .header::before {

	position: absolute;

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

	content: "";

	width: 96%;

	height: 1px;

	background: #eaeaea;

	text-align: left;

	margin-top: 78px;

	left: 2%;

	opacity: 0;

}

#sitecontent .npagePage .content .header.fw p.title {

	margin-left: 0;

}

#sitecontent .npagePage .content .header.fw p.subtitle {

	margin-left: 0;

}

#sitecontent .npagePage .content .header.fw::before {

	position: absolute;

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

	content: "";

	width: 90%;

	height: 1px;

	background: #e1e1e1;

	text-align: left;

	margin-top: 78px;

	left: 5%;

}

#sitecontent .npagePage .content #projectwrap .header::before {

	position: absolute;

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

	content: "";

	width: 90%;

	height: 1px;

	background: #d8d8d8;

	text-align: left;

	margin-left: 5%;

	margin-top: 70px;

	display: none;

}

#projectinfo .header p {

	margin-left: 0;

}

#projectinfo .header {

	margin: 0px 0 20px 0;

	padding: 0px 0 20px 0;

}

#sitecontent .npagePage .content .header p.title::before {

	position: absolute;

	content: "";

	top: 86px;

	width: 1px;

	height: 50px;

	background: #c3c3c3;

	margin-left: 150px;

	opacity: 0;

}

#category li.hasmore div {

	width: 90%;

	left: 5%;

}

#category li.hasmore div ul {

	border-top:0;

	text-align: left;
	text-align: center;
	margin: 0 auto;

}

#projectinfo .header p.title::before {

	display: none

}

/*服务*/































#indexPage #mservice .content .header {

	width: 47%;

	margin: 0 0 0 auto;

	display: none;

}

#indexPage #mservice .content_list:after {

	content: "";

	display: block;

	width: 1px;

	height: 503px;

	background-color: #efefef;

	position: absolute;

	left: 265px;

	top: 30px;

	display: none;

}

#indexPage #mservice .content_list {

	position: relative;

}

#indexPage #servicelist {

	width: 50%;

	margin: 0 0 0 auto;

}

#indexPage #servicelist .serviceitem {

	width: 50%;

	height: 380px;

	padding: 0;

	margin-bottom: 0px;

	position: relative;

	z-index: 10;

}

#indexPage #servicelist .serviceitem div {

	position: absolute;

	width: 90%;

	text-align: center;

	z-index: 2;

}

#indexPage #servicelist .serviceitem div p.description {

	height: 50px;

	overflow: hidden;

	line-height: 24px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	transition: all 0.6s ease 0s;

	margin-left: 0px;

	white-space: inherit;

	margin-top: 0px;

	text-align: center;

}

#indexPage #servicelist .serviceitem div p.description::after {

	content: "";

	display: block;

	width: 1px;

	height: 0px;

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

	position: absolute;

	top: 90%;

	left: 50%;

	margin-left: 1px;

	opacity: 0;

	text-align: right;

	margin-top: 10px;

	transition: all 0.6s ease 0s;

}

#indexPage #servicelist .serviceitem:hover div p.description::after {

	height: 56px;

	opacity: 1;

}

#indexPage #servicelist .serviceitem:hover div p.title {

	margin-left: 10px;

}

#indexPage #servicelist .serviceitem:hover div p.description {

	margin-left: 10px;

}

#indexPage #servicelist .serviceitem a.details {

	display: block;

	width: 160px;

	height: 40px;

	line-height: 42px;

	border: none;

	margin: 0px;

	position: absolute;

	top: 380px;

	left: 50%;

	margin-left: -80px;

	border-radius: 0;

	border: 1px solid #fff;

	text-indent: 0;

	color: #fff;

	opacity: 0;

	transition: all 0.8s ease 0s;

	font-size: 13px;

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

	text-transform: capitalize;

	text-transform: uppercase;

	text-transform: lowercasecase;

}

#indexPage #servicelist .serviceitem:hover a.details {

	top: 240px;

	opacity: 1;

}

#indexPage #servicelist .serviceitem a.details::after {

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

}

#indexPage #servicelist a.details:hover i {

	color: #fff;

}

/*分享*/































#shares a#sshare {

	color: transparent;

	background-image: url("http://resources.jsmo.xin/templates/upload/220/icon/fenxiang.png");

	background-repeat: no-repeat;

}

#shares {

	height: 35px;

	right: 66px;

	bottom: -3px;

}

#shares a#gotop {

	margin-top: 6px;

	background: none;

	color: #5f5f5f;

}

#shares a i {

	border-right: 1px solid rgba(167, 167, 167, 0.3);

	padding: 0 20px;

}

#shares a i.fa-share-alt {

	padding: 0 16px;

}

#shares a i.fa-weixin {

	color: transparent;

	background-image: url(http://resources.jsmo.xin/templates/upload/220/icon/shoujih.png);

	background-repeat: no-repeat;

	font-size: 16px;

	height: 16px;

	margin: 0 0 0 26px;

	padding: 0 8px;

}

#online_open i {

	margin-top: 5px;

}

#shares a i.fa-share-alt {

	padding: 0 16px;

}

#online_open {

	margin: 0 10px 0 0;

	background: none;

	bottom: 0px;

	color: #515151;

}

#footer p {

	position: fixed;

	bottom: 0;

	background: #fff;

	padding: 8px 230px;

	right: 0px;

	width: 100%;

}

#footer.mini p {

	padding: 8px 230px;

	right: 0px;

}

#shares a {

	color: #515151;

	background-color: transparent;

	display: inline-flex;

	height: 22px;

	width: auto;

}

#shares a#sweibo {

	background-color: transparent;

	transition: all 0.3s ease-out 0s;

}

#shares a#sweibo:hover {

	background: transparent;

}

#shares a#sweixin {

	background-color: transparent;

	transition: all 0.3s ease-out 0s;

}

#shares a#sweixin:hover {

	background-color: transparent;

}

#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); /* IE 9 */

	-moz-transform: rotate(90deg); 	/* Firefox */

	-webkit-transform: rotate(90deg); /* Safari 和 Chrome */

	-o-transform: rotate(90deg); 	/* Opera */

}

#footer a path {

	fill: #808080;

}

#footer {

	position: fixed;

	z-index: 10;

}

#projecttags {

	margin-top: 20px;

	width: 340px;

	float: right;

	padding: 0px 50px;

	margin-left: 0px;

}

#projectib {

	margin-right: 0px;

	margin-top: 12px;

	width: 340px;

	float: right;

	padding: 0px 50px;

	margin-left: 0px;

}

#projectib .projectitem {

	width: 160px;

}

.summary {

	float: left;

	animation-name: fadeInUp;

}

#indexPage #mteam .header img {

	float: left;

	margin: 0px auto 24px auto;

}

.bx-wrapper .bx-prev {

	left: 0;

}

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

	opacity: 0;

}

.bx-wrapper .bx-next {

	right: 940px;

}

#newslist .newstitem .newsimg, #newslist .newstitem .news_wrapper {

	width: 280px;

	height: 240px;

	top: 64px;

	display: block;

}

.description {

	display: 0;

}

#indexPage #mpage .wrapper {

	padding-bottom: 120px;

}

.slider one .title {

	color: red;

}

.npagePage #newslist .newsbody .description {

	margin-top: 12px;

	color: #9e9e9e;

	width:68%;

	margin-left: 0px;

}

#contactinfo {

	width: 1120px;

	padding-left: 0;

	float: none;

	margin: 0 auto;

}

#contactinfo p.add {

	text-overflow: ellipsis;

	overflow: inherit;

	white-space: inherit;

}

#contactinfo p {

	float: left;

	width: 246px;

	padding-right: 50px;

	padding-left: 52px;

	height: auto;

	border-left: 1px solid #ececec;

}

#mcontact .content #contactinfo {

	height: 140px;

	position: relative;

	margin-top: 60px;

	animation-name: slideInUp;

}

#contactinfo h3 {

	width: 320px;

	float: left;

	overflow: inherit;

	white-space: inherit;

}

#mcontact .content #contactform {

	margin-top: 80px;

	float: none;

	height: 100%;

}

#mcontact .content #contactform {

	animation-name: slideInUp;

}

#contactinfo div {

	position: absolute;

	top: 30px;

}

/*首页团队*/



.animated {

	animation-name: fadeInRight;

	animation-delay: 0.1s;

}

#indexPage #mteam .bx-wrapper::after {

	content: '';

	width: 86%;

	display: block;

	position: absolute;

	bottom: -20px;

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

	display: none;

}

#indexPage #mteam .bx-wrapper .bx-controls-direction::after {

	content: "";

	width: 200px;

	display: block;

	position: absolute;

	bottom: 210px;

	border-bottom: 2px solid #3d3d3d;

}

#indexPage #mteam .bx-wrapper::before {

	content: '';

	width: 85%;

	display: block;

	position: absolute;

	bottom: 210px;

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

}

#indexPage a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i {

	font-size: 16px;

}





/*案例内页*/


.npagePage content {

	text-align: center;

}

.npagePage #category {

	display: inline-block;

	position: static;

	top: 180px;

	right: 0;

	padding: 30px 0 80px 0;

}

.nobanner .npagePage #projectlist .projectitem {

	height: 460px;

	overflow: hidden;

	margin-bottom: 20px;

}

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

	overflow: hidden;

	position: absolute;

}

.nobanner #projectlist .projectitem a .project_info p::after {

	display: none;

}

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

	margin-left:0px;

	text-align: center;

}

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

	margin-left:0px;

	width:auto;

	text-align: center;
	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;
    display:block;


}

.npagePage #projectlist .projectitem a .project_info p.subtitle::after {

	content: "";

	display: block;

	width: 20px;

	height: 1px;

	background-color: #BCA267;

	position: absolute;

	top: -140px;

	left: 50%;

	border: 0;

	transition: all 0.6s ease 0s;

	margin-left: -10px;

}

.npagePage #projectlist .projectitem:hover a .project_info p.subtitle::after {

	width: 60px;

	left: 50%;

	position: absolute;

	margin-left: -30px;

}

.npagePage #projectlist .projectitem a .project_info p {

	margin-left: 0px;

	width:auto;

	margin-top: 20px;

	text-align: center;

	font-size: 12px;

	line-height: 20px;

	color: #8C8C8C;
	padding: 0 40px;

}

.npagePage #projectlist .projectitem a .project_info div {

	height:auto;

	top: 110%;

	transition: all 0.6s ease 0s;

	background-color: #fff;

	margin-top:0;

    padding-bottom: 40px;
}

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

	top: 56%;
	padding-top: 8%;

}

.npagePage #projectlist .projectitem a .project_info {

	width: 90%;

	margin-left: 5%;

}

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

	content: "";

	display: block;

	width: 94%;

	height:86%;

	border: 1px solid #bca267;

	position: absolute;

	top:6%;

	left:3%;

}



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

	width:auto;

	padding: 0 60px;

	font-size: 16px;

}



.module-content .description{height: 42px;}



/*案例内页--媒体查询*/

@media screen and (min-width:1920px) {
.npagePage #projectlist .projectitem:hover a .project_info div{padding-top: 10%;}

}

@media screen and (max-width:1440px) {

.nobanner .npagePage #projectlist .projectitem{ height: 340px; }

.npagePage #projectlist .projectitem:hover a .project_info div{padding-top: 14%;margin-top:-16%; top: 59%;}
.npagePage #projectlist .projectitem a .project_info p{padding: 0px 30px;}


}

@media screen and (max-width:1660px) {

.npagePage #projectlist .projectitem a .project_info p.subtitle::after{top: -146px;}
.npagePage #projectlist .projectitem:hover a .project_info div{ top: 59%;}
}








/*新闻内页*/



.npagePage .content {

	text-align: center;

}

#sitecontent #newsPage #category {

	text-align: center;

	width: 100%;

	margin: 0 auto;

	display: block;

}

#newsPage #newslist .newstitem .newsimg {

	top: 0px;

	left: 0;

	transition: all 0.6s ease 0s;

	display: block;

	width: 100%;

	height: 260px

}

#newsPage #newslist .newstitem .news_wrapper {

	height: 160px;

	top: 280px;

	left: 0px;

}

#newsPage #newslist .newstitem .newsbody .date {

	top: 38px;

}

#newsPage #newslist .newsbody {

	margin-top: 0px;

	transition: all 0.6s ease 0s;

}

#newsPage #newslist a:hover .newsbody {

	margin-left: 50px;

}

#newsPage .content #category a {

	margin-right: 4px;

}

.npagePage #newslist .newstitem .newsbody .title {

	margin-left: 0px;

}

#newsPage #newslist #newsitem .newsbody .description, #newsPage #newslist .newstitem .newsbody .description {

	height: 44px;

}

/*服务内页*/


#sitecontent .npagePage #servicelist .serviceitem a img {

	left: auto;

	position: inherit;

	width:280px;

	height: auto;

	float: none;

}

#sitecontent .npagePage #servicelist .serviceitem a img::after {

	content: "";

	display: block;

	width: 20px;

	height: 1px;

	background-color: red;

}

#sitecontent .npagePage #servicelist .serviceitem a::after {

	display: none;

}

#sitecontent .npagePage #servicelist .serviceitem {

	background-color: #F0F0F0;

    padding: 20px;

}

.npagePage #servicelist {

	margin-top:26px;

}

.npagePage #servicelist .serviceitem div {

	width: 640px;

	margin: 30px 0 0 40px;

	color: red;

	background-color: rgba(188, 162, 103, 0);

	float: left;

}

.npagePage #sitecontent #servicelist .serviceitem:hover a div {

	top: 41.6%;

}

.npagePage #servicelist .serviceitem {

	width: 1180px;

}

.npagePage #sitecontent #servicelist .serviceitem {

	overflow: visible

}

#sitecontent .npagePage #servicelist .serviceitem a img {

	float: left;

}

.npagePage #servicelist .serviceitem div p.title {

	text-align: left;

	color: #444;

}

.npagePage #servicelist .serviceitem div p.description {

	padding: 0;

	color: #848484;

}

#projectlist #projectitem_1 a .project_info div::before
.npagePage #servicelist .serviceitem {

	margin-right: 0;

}

.Pageservice .content #servicelist .serviceitem a.details{height:200px; display: block; opacity: 1; background-color:rgba(255,255,255,0); position: absolute;border: 1px solid #ccc;}
.Pageservice  .content #servicelist .serviceitem:hover a.details{opacity: 1; background-color:#bca267;border: 1px solid #bca267;}


#sitecontent .npagePage #servicelist .serviceitem a.details{
	width: 140px;
    height: 40px;
    position: absolute;
    left: 340px;
    top:70%;
    text-indent: 0px;
    line-height: 40px;
}


#sitecontent .npagePage #servicelist .serviceitem{position: relative;color: #fff;}
#sitecontent .npagePage a.details:hover i{color: #fff;}

/*团队*/



#indexPage #mteam .fw {

	padding-left: 197px;

	padding-top: 220px;

}

.fw p {

	text-align: left;

}





/*案例--媒体查询*/



@media screen and (min-width:1441px) and (max-width:1920px) {

} 

@media screen and (min-width:1331px) and (max-width:1440px) {

#indexPage #mnews .bx-wrapper .bx-controls-direction a{top:35%;}

#indexPage #newslist .content_list li.newstitem .newsimg {

	height: 200px !important;

}

#indexPage #newslist .content_list li.newstitem .news_wrapper {

	top: 200px;

	height: auto !important;

}

#indexPage #newslist #newsitem_0::after {

	bottom:78px !important;

}

#indexPage #newslist #newsitem_0 .news_wrapper {

	top: 200px;

}

#indexPage #newslist #newsitem_0 .news_wrapper::after {

	top: 0px

}

#newslist .newstitem .newsbody .title::after {

	bottom: 18px !important;

}

#newsPage #newslist .newsitem:after{bottom:85px !important ;}

#indexPage .newstitem .newsbody {

	margin-top: 20px !important;

}

#newslist .newstitem a.newscontent {

	height: 280px !important;

}

#indexPage .newstitem .newsbody::after {

	top: 0px;

}

#indexPage #newslist #newsitem_0 {

	height: 340px !important

}

#newsPage #newslist .newstitem .newsimg {

	height: 220px !important;

}

#newsPage #newslist .newstitem .news_wrapper {

	top: 220px;

	height: auto !important;

}

#newsPage #newslist #newsitem_0::after {

	bottom: 85px !important;

}

#newsPage #newslist #newsitem_0 .news_wrapper {

	top: 220px;

}

#newsPage #newslist #newsitem_0 .news_wrapper::after {

	top: 0px

}

#newsPage .newstitem .newsbody {

	margin-top: 20px !important;

}

#newsPage .newstitem .newsbody::after {

	top: 0px;

}

#newsPage #newslist #newsitem_0 {

	height: 306px !important

}

#newsPage #newslist .newstitem {

	height: 306px;

}

#newsPage #newslist .newstitem:after{bottom:85px !important ;}

#newsPage #newslist .newstitem .newsbody::after{top:0px;}

}

@media screen and (min-width:1200px) and (max-width:1329px) {

#indexPage #newslist .content_list li.newstitem .newsimg {

	height: 220px !important;

}

#indexPage #newslist .content_list li.newstitem .news_wrapper {

	top: 220px;

	height: auto !important;

}

#indexPage #newslist #newsitem_0::after {

	bottom: 28px !important;

}

#indexPage #newslist #newsitem_0 .news_wrapper::after {

	top: 0px

}

#newslist .newstitem .newsbody .title::after {

	bottom: 30px !important;

}

#indexPage .newstitem .newsbody {

	margin-top: 20px !important;

}

#newslist .newstitem a.newscontent {

	height: 310px !important;

}

#indexPage #newslist #newsitem_0 .news_wrapper {

	top: 220px;

}

#indexPage .newstitem .newsbody::after {

	top: 0px;

}

#indexPage #newslist #newsitem_0 {

	height: 306px !important

}

#newsPage #newslist .newstitem .newsimg {

	height: 220px !important;

}

#newsPage #newslist .newstitem .news_wrapper {

	top: 220px;

	height: auto !important;

}

#newsPage #newslist #newsitem_0::after {

	bottom: 85px !important;

}

#newsPage #newslist #newsitem_0 .news_wrapper {

	top: 220px;

}

#newsPage #newslist #newsitem_0 .news_wrapper::after {

	top: 0px

}

#newsPage .newstitem .newsbody {

	margin-top: 20px !important;

}

#newsPage .newstitem .newsbody::after {

	top: 0px;

}

#newsPage #newslist #newsitem_0{

	height: 306px !important

}

#newsPage #newslist .newstitem {

	height: 306px;

}

#newsPage #newslist .newstitem:after{bottom:85px !important ;}

#newsPage #newslist .newstitem .newsbody::after{top:0px;}

}

/*首页案例*/



#projectlist .projectitem a {

	height: 460px;

}

#indexPage #projectlist #projectitem_1 a img {

	margin-left: 660px;

}

#indexPage #projectlist #projectitem_1 a .project_info div {

	margin-left: 0;

}

#indexPage #projectlist #projectitem_3 a img {

	margin-left: 660px;

}

#indexPage #projectlist #projectitem_3 a .project_info div {

	margin-left: 0;

}

#indexPage #projectlist #projectitem_5 a img {

	margin-left: 660px;

}

#indexPage #projectlist #projectitem_5 a .project_info div {

	margin-left: 0;

}

#indexPage #projectlist #projectitem_7 a img {

	margin-left: 660px;

}

#indexPage #projectlist #projectitem_7 a .project_info div {

	margin-left: 0;

}
#indexPage #projectlist #projectitem_9 a img {

	margin-left: 660px;

}

#indexPage #projectlist #projectitem_9 a .project_info div {

	margin-left: 0;

}
#indexPage #projectlist #projectitem_11 a img {

	margin-left: 660px;

}

#indexPage #projectlist #projectitem_11 a .project_info div {

	margin-left: 0;

}








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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 520px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	z-index: 1;

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

}

#projectlist #projectitem_0 a .project_info:hover div::before {

	background: rgb(61, 61, 61);

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

}

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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 520px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	z-index: 1;

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

}

#projectlist #projectitem_2 a .project_info:hover div::before {

	background: rgb(61, 61, 61);

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

}

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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 520px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	z-index: 1;

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

}

#projectlist #projectitem_4 a .project_info:hover div::before {

	background: rgb(61, 61, 61);

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

}

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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 520px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	z-index: 1;

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

}

#projectlist #projectitem_6 a .project_info:hover div::before {

	background: rgb(61, 61, 61);

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

}

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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 520px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	z-index: 1;

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

}

#projectlist #projectitem_8 a .project_info:hover div::before {

	background: rgb(61, 61, 61);

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

}

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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 520px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	z-index: 1;

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

}

#projectlist #projectitem_10 a .project_info:hover div::before {

	background: rgb(61, 61, 61);

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

}

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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 520px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	z-index: 1;

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

}

#projectlist #projectitem_12 a .project_info:hover div::before {

	background: rgb(61, 61, 61);

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

}

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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 80px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	z-index: 1;

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

}

#projectlist #projectitem_1 a:hover .project_info div::before {

	background: rgb(61, 61, 61);

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

}

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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 80px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	font-family: "Times New Roman", Times, serif;
	z-index: 1;

}

#projectlist #projectitem_3 a:hover .project_info div::before {

	background: rgb(61, 61, 61);

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

}

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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 80px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	font-family: "Times New Roman", Times, serif;
	z-index: 1;

}

#projectlist #projectitem_5 a:hover .project_info div::before {

	background: rgb(61, 61, 61);

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

}

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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 80px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	font-family: "Times New Roman", Times, serif;
	z-index: 1;

}

#projectlist #projectitem_7 a:hover .project_info div::before {

	background: rgb(61, 61, 61);

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

}

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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 80px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	font-family: "Times New Roman", Times, serif;
	z-index: 1;

}

#projectlist #projectitem_9 a:hover .project_info div::before {

	background: rgb(61, 61, 61);

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

}

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

	content: "MORE";

	display: block;

	width: 160px;

	height: 42px;

	background: rgba(255, 255, 255, 0.22);

	text-align: center;

	line-height: 42px;

	font-size: 14px;

	color: #aeaeae;

	position: absolute;

	top: 340px;

	left: 80px;

	border: 1px solid #C6C6C6;

	transition: all 0.6s ease 0s;

	font-family: "Times New Roman", Times, serif;
	z-index: 1;

}

#projectlist #projectitem_11 a:hover .project_info div::before {

	background: rgb(61, 61, 61);

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

}

#projectlist #projectitem_1 a .project_info::after {

	left: 80px;

}

#projectlist #projectitem_3 a .project_info::after {

	left: 80px;

}

#projectlist #projectitem_5 a .project_info::after {

	left: 80px;

}
#projectlist #projectitem_7 a .project_info::after {

	left: 80px;

}
#projectlist #projectitem_9 a .project_info::after {

	left: 80px;

}
#projectlist #projectitem_11 a .project_info::after {

	left: 80px;

}

#indexPage #projectlist #projectitem_0 .project_img::before {

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

	left: -25px;

}

#indexPage #projectlist #projectitem_2 .project_img::before {

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

	left: -25px;

}

#indexPage #projectlist #projectitem_4 .project_img::before {

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

	left: -25px;

}

#indexPage #projectlist #projectitem_6 .project_img::before {

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

	left: -25px;

}

#indexPage #projectlist #projectitem_8 .project_img::before {

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

	left: -25px;

}

#indexPage #projectlist #projectitem_10 .project_img::before {

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

	left: -25px;

}

#indexPage #projectlist #projectitem_12 .project_img::before {

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

	left: -25px;

}

#projectitem_1 .project_img::before {

	left: auto;

	right: 115px;

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

}

#projectitem_3 .project_img::before {

	left: auto;

	right: 115px;

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

}

#projectitem_5 .project_img::before {

	left: auto;

	right: 115px;

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

}

#projectitem_7 .project_img::before {

	left: auto;

	right: 115px;

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

}

#projectitem_9 .project_img::before {

	left: auto;

	right: 115px;

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

}

#projectitem_11 .project_img::before {

	left: auto;

	right: 115px;

	content: "";

	width: 400px;

	height: 450px;

	border: #adadad 1px solid;

	position: absolute;

	top: -25px;

}

#indexPage #projectlist #projectitem_0 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	left: -25px;

	top: 185px;

}

#indexPage #projectlist #projectitem_2 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	left: -25px;

	top: 185px;

}

#indexPage #projectlist #projectitem_4 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	left: -25px;

	top: 185px;

}

#indexPage #projectlist #projectitem_6 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	left: -25px;

	top: 185px;

}

#indexPage #projectlist #projectitem_8 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	left: -25px;

	top: 185px;

}

#indexPage #projectlist #projectitem_10 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	left: -25px;

	top: 185px;

}

#indexPage #projectlist #projectitem_12 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	left: -25px;

	top: 185px;

}

#indexPage #projectlist #projectitem_1 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	right: 115px;

	top: 185px;

}

#indexPage #projectlist #projectitem_3 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	right: 115px;

	top: 185px;

}

#indexPage #projectlist #projectitem_5 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	right: 115px;

	top: 185px;

}

#indexPage #projectlist #projectitem_7 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	right: 115px;

	top: 185px;

}

#indexPage #projectlist #projectitem_9 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	right: 115px;

	top: 185px;

}

#indexPage #projectlist #projectitem_11 .project_img::after {

	background-color: #bca267;

	display: block;

	top: 25px;

	position: absolute;

	width: 400px;

	height: 300px;

	content: "";

	right: 115px;

	top: 185px;

}

#projectlist .projectitem a .project_info p::after {

	content: "";

	display: block;

	width: 0px;

	height: 42px;

	background-color: #000;

	position: absolute;

	bottom: 116px;

	border: 1px solid #000;

	opacity: 0;

	transition: all 0.4s ease 0s;

}

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

	width: 160px;

	opacity: 1;

}

#indexPage #newslist #newsitem_0 {

	margin: 0

}

#indexPage #newslist .newsitem {

	margin: 0

}

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

	width: 100%;

}

#indexPage #newslist #newsitem_0 .newsimg, #indexPage #newslist .newstitem .newsimg {

	width: 100%;

	height: 260px;

	top: 0;

}

#indexPage #newslist .newstitem .news_wrapper {

	width: 100%;

	height: 120px;

	top: 240px

}

#indexPage .newstitem .newsbody {

	margin: 0;

	margin-top: 40px;

}

#indexPage #newslist .newsbody .description {

	width: auto;

	margin-left: 16px;

}

#indexPage #newslist .bx-viewport {

	height: 420px;

}

#indexPage #newslist .bx-wrapper .bx-controls-direction a.bx-prev {

	left: 50%;

	margin-left: -40px;

}

#indexPage #newslist .bx-wrapper .bx-controls-direction a.bx-next {

	right: 50%;

	margin-right: -152px;

}

#indexPage #newslist .bx-wrapper .bx-controls-direction a.bx-next i {

	left: 0;

	right: 50%;

	margin-left: -60px;

	margin-top: 256px;

	transition: all 0.2s ease 0s;

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

	border-bottom: 1px solid #ccc;

}

#indexPage #newslist .bx-wrapper .bx-controls-direction a:hover.bx-next i {

	border-bottom: 1px solid #BCA267;

	background-color: #BCA267;

}

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

	position: absolute;

	left: 50%;

	margin-left: -60px;

	margin-top: 256px;

	transition: all 0.2s ease 0s;

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

	border-bottom: 1px solid #ccc;

}

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

	border-bottom: 1px solid #BCA267;

	background-color: #BCA267;

}

#indexPage #newslist .bx-wrapper .bx-pager-item {

	display: none;

}

#indexPage #mservice {

	height: 720px;

	padding: 0;

	background-size: auto

}

#indexPage #mservice .content, #indexPage #servicelist, #indexPage #mservice .wrapper, #indexPage #mservice .content_list, #sitecontent #servicelist .serviceitem a {

	height: 100%;

}

#sitecontent #servicelist .serviceitem {

	overflow: hidden;

	height: 50%

}

#indexPage #servicelist {

	margin: 0 0 0 50%

}

#servicelist .serviceitem a {

	margin: 0

}

#sitecontent #servicelist .serviceitem a img {

	position: static

}

#indexPage #servicelist .serviceitem div {

	margin-top: -50px;

	transition: all ease-out .5s;

}

#sitecontent #servicelist .serviceitem:hover a div {

	top: 36%

}

/*首页幻灯/











/*导航*/







body.ipusher.open #header #headSHBtn {

	right: 40px;

	left: auto;

}

body.ipusher.open #header #headSHBtn:hover {

	background-color: #BCA267;

}

body.ipusher.open #header #headSHBtn i::before {

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

}

body.ipusher #header #headSHBtn i {

	font-size: 17px;

	margin-top: 17px;

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

}

body.ipusher #header #headSHBtn:hover i {

	color: #fff;

	transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-o-transform: rotate(90deg);

}

body.ipusher.open #header #headSHBtn:hover i {

	color: #fff;

	transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-o-transform: rotate(90deg);

}

#headSHBtn {

	display: block;

	left: -90px;

	top: 20px;

	color: #dedede;

	background: #393939;

	width: 50px;

	height: 50px;

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

}

#headSHBtn:hover {

	background-color: #BCA267;

}

body.ipusher #header ul li.navitem ul.subnav {

	margin: 0px;

	height: auto;

	background-color: transparent;

	overflow: hidden;

	right: 50%;

	left: auto;

	z-index: 5;

	margin-right: -320px;

	position: absolute;

	transform: translate3d(0px, 0px, 0px);

	-moz-transform: translate3d(0px, 0px, 0px);

	-webkit-transform: translate3d(0px, 0px, 0px);

	top: 10px;

}

body.ipusher #header .content {

	padding-top: 180px;

	background-color: #fff;

	padding-bottom: 0px;

}

#logoClone img {

	margin: 20px 30px;

}

body.ipusher #header {

	width: 100%;

	left: auto;

	background-color: #FFF;

	right: -100%;

	position: fixed;

	z-index: 999999;

}

body.ipusher.open #header {

	transform: translate3d(-100%, 0, 0);

	-webkit-transform: translate3d(-100%, 0, 0);

	-moz-transform: translate3d(-100%, 0, 0);

	-o-transform: translate3d(-100%, 0, 0);

}

body.ipusher #header #logo {

	margin: 30px 0;

	display: none;

}

body.ipusher #header #logo img {

	margin-left: 60px;

	height: 34px;

}

body.ipusher #header ul li.navitem {

	text-align: center;

	border-top: 1px solid #F5F5F5;

	padding: 20px 0px;

	position: relative

}

#header ul li.navitem a {

	color: #000;

	font-size: 18px;

	position: relative;

	padding-bottom: 34px;

	border-bottom: 2px solid transparent;

}

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

	color: #bca267;

	border-bottom: 3px solid #bca267;

}

/*首页头部导航*/







#headSHBtn i {

	display: none;

}

#headSHBtn:after {

	content: '';

	display: block;

	width: 20px;

	height: 2px;

	background: #999;

	position: absolute;

	top: 30px;

	left: 15px;

	transition: all 0.3s ease-out 0s

}

#headSHBtn:before {

	content: '';

	display: block;

	width: 20px;

	height: 2px;

	background: #999;

	position: absolute;

	top: 20px;

	left: 15px;

	transition: all 0.3s ease-out 0s

}

#headSHBtn:hover::after {

	transform: rotate(45deg);

	top: 25px;

	background: #fff

}

#headSHBtn:hover::before {

	transform: rotate(-45deg);

	top: 25px;

	background: #fff

}

/*快捷菜单*/















#moduleControl a.moduleCItem {

	display: block;

}

#moduleControl a.moduleCItem {

	margin-bottom: 20px;

	border-radius: 10px;

	width: 11px;

	height: 11px;

	position: relative;

}

#moduleControl a.moduleCItem:hover span, #moduleControl a.moduleCItem.active span {

	width: 70px;

	height: 24px;

	position: absolute;

	top: -6px;

	text-indent: initial;

	color: #959595;

	overflow: hidden;

	font-size: 12px;

	line-height: 24px;

	right: 0;

	text-align: right;

	padding-right: 25px;

	display: none;

}

/*#moduleControl a.moduleCItem span::after { content:""; position:absolute; top:11px; right:12px; width:0px; height:1px; background:rgba(0,0,0,0);}*/















/*#moduleControl a.moduleCItem:hover span::after, #moduleControl a.moduleCItem.active span::after { content:""; position:absolute; top:11px; right:12px; width:15px; height:1px; background:rgba(0,0,0,.2);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}*/















#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active {

	background-color: transparent;

	border: 2px solid #00C0FF;

}

#moduleControl a.moduleCItem:hover::before, #moduleControl a.moduleCItem.active::before {

	position: absolute;

	content: "";

	background: transparent;

	right: 20px;

}

#moduleControl a.moduleCItem {

	border: 2px solid transparent;

}

#moduleControl a.moduleCItem::before {

	position: absolute;

	content: "";

	height: 3px;

	background: #a8a8a8;

	width: 3px;

	left: 0px;

	margin: 4px 0 0 4px;

	border-radius: 3px;

}

#moduleControl a.moduleCItem::after {

	position: absolute;

	content: "";

	height: 24px;

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

	width: 1px;

	left: 0px;

	margin: 11px 0 0 5px;

}

#moduleControl a.moduleCItem:last-child::after {

	position: absolute;

	content: "";

	height: 0px;

	width: 0px;

}

/*合作伙伴*/







#indexPage #mpartner {

	height: 180px;

}

#indexPage #mpartner .content {

	height: 180px;

}

#indexPage #mpartner .content .header {

	display: none;

}

#indexPage #mpartner .module-content {

	padding: 25px 0;

	width: 1060px;

	height: 80px;

	position: relative;

}

#indexPage #mpartner .wrapper {

	height: auto;

	display: inline-block;

	width: 1060px;

}

#indexPage #mpartner .wrapper ul li {

	height: 100px;

	padding-top:52px;

}

#indexPage #mpartner .wrapper ul li a {

	width: 126px;

	height: auto;

	margin-right: 5px;

}

#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;

	margin: 0;

	right: auto;

	left: auto;

}

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

	display: none;

}

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

	background: #5d5d5d;

}

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

	color: #fff;

	margin: 0px;

}

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

	left: -58px;

}

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

	right: -58px;

}

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

	width: 50px;

	height: 50px;

}

#newsPage #newslist .newstitem {

	margin: 0 0.5% 20px;

	width: 24%;

	position: relative;

	overflow: hidden;

	transition: all 0.6s ease 0s;

}

#newsPage #newslist a:hover .newsbody {

	margin-left: 0px;

	position: relative;

}

#newsPage #newslist .newstitem .news_wrapper::before {

	display: none;

}

#newsPage #newslist .newstitem .news_wrapper::after {

	display: none;

}

#newsPage #newslist .newsbody {

	width: auto;

	position:relative;

}

#newsPage #newslist .newstitem .newsbody::after {

	display: none;

}

#newsPage #newslist .newstitem .newsbody .title {

	color: #7b7b7b;

	width: 70%;

	margin-left: 16px;

}

#newsPage #newslist .newstitem .newsbody .description {

	height: 24px;

	margin-top: 0px;

	margin-left: 16px;

	overflow: hidden;

}

#newsPage #newslist .newstitem a:hover .newsbody .title {

	color: #444;

	margin-left: 28px;

}

#newsPage #newslist .newstitem a:hover .newsbody .description {

	margin-left: 28px;

}

#newsPage #newslist .newstitem:after {

	content: "";

	display: block;

	width: 0;

	height: 1px;

	background: #DEDEDE;

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

	position: absolute;

	bottom: 80px;

}

#newsPage #newslist .newstitem:hover:after {

	width: 100%;

}

#newsPage #newslist .newstitem .newsbody::after {

	content: "";

	display: block;

	background-color: red;

	width: 50px;

	height: 40px;

	background: url(http://resources.jsmo.xin/templates/upload/1115/201611/icon.png)no-repeat -34px -172px;

	right: 2%;

	position: absolute;

	top: 0px;

	left: auto;

	transition: all 0.6s ease 0s;

	opacity: 1;

	border-color: transparent;

	margin-top:-6px

}

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

	right: 4%;

}

#newsPage #newslist .newstitem .newsbody .title::after {

	display: none;

}

#newsPage #newslist .newstitem a:hover .newsbody::after {

	background-color: transparent;

}

#newsPage #newslist .newstitem:hover {

	box-shadow: 0 8px 42px rgba(0, 0, 0, 0.12);
	z-index: 1;

}
#indexPage #mproject{position: relative;overflow: hidden;}
#indexPage #mproject .content .wrapper{ padding: 28px 46px; overflow: hidden; position: relative}


.mvideom.mvideom01 .bx-wrapper .bx-controls-direction a{display: none;}



/* 2019.08.05 yyq 4-5 */
/* 处理分类 */
.bodyindex #indexPage #category .more,
.bodyindex #indexPage #category a:first-child,
.bodylist #category .more {
    display: none;
}

.bodyindex #indexPage #category a.more {
    position: static;
    width: auto;
    height: auto;
    text-indent: 0;
    display: none;
    line-height: 16px;
    height: 16px;
    font-size: 13px;
    color: #7b7b7b;
    background-color: #EAEAEA;
    margin-left: 0;
    border: none;
}

.bodyindex #indexPage #category a.more:hover {
    background: #50a4fe;
    color: #FFFFFF;
    transition: 0.3s;
    transform-origin: bottom;
    border: none;
}

#category a:nth-last-child(2)::after {
    display: none;
}
#indexPage #mproject #category a:nth-last-child(2) {
	border: none;
}

/* 处理图片 */
#projectlist .projectitem .project_img,
#indexPage #mteam .content .content_list .header,
#mservice .serviceitem .service_img,
#teamlist .teamitem .teamimg,
#servicelist .serviceitem .service_img,
#projectib .projectitem .propost_img,
#mpartner .content_list li .par_img {
    position: relative;
    display: block;
    overflow: hidden;
}
#projectlist .projectitem .project_img img,
#indexPage #projectlist .projectitem a img,
#indexPage #mteam .content .content_list .header img,
#sitecontent #servicelist .serviceitem a img,
#teamlist .teamitem .teamimg img,
#sitecontent .npagePage #servicelist .serviceitem a img,
#projectib .projectitem .propost_img img,
#mpartner .content_list li .par_img img {
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#indexPage #projectlist .projectitem .project_img {
	padding-top: 39%;
	width: 400px;
}
#projectlist .projectitem .project_img {
	padding-top: 105%;
}
#indexPage #mteam .content .content_list .header {
	padding-top: 13.5%;
    height: 0;
}
#mservice .serviceitem .service_img {
	padding-top: 76%;
}
#teamlist .teamitem .teamimg {
	padding-top: 125%;
}
.Pageservice #servicelist .serviceitem .service_img {
	padding-top: 29.2%;
    width: 280px;
    float: left;
}
#projectib .projectitem .propost_img {
	padding-top: 125%;
}
#mpartner .content_list li .par_img {
	padding-top: 40%;
}

/* 其他样式 */
.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
#indexPage #mservice {
	background-size: auto !important;
}
#sitecontent #servicelist .serviceitem a::after,
#indexPage #servicelist .serviceitem div {
	top: 0; 
}
.Pageteam #teamlist .teamitem,
.Pageteam #teamlist .teamitem a {
	height: 540px;
}
#page_contact #postbody p {
	text-align: center;
}
#indexPage #projectlist .projectitem:nth-child(odd) .projectitem_wrapper::before {
    content: "";
    width: 400px;
    height: 450px;
    border: #adadad 1px solid;
    position: absolute;
    top: -25px;
    left: -25px;
}
#indexPage #projectlist .projectitem:nth-child(odd) .projectitem_wrapper::after {
    background-color: #bca267;
    display: block;
    top: 25px;
    position: absolute;
    width: 400px;
    height: 300px;
    content: "";
    left: -25px;
    top: 185px;
}
#indexPage #projectlist .projectitem:nth-child(even) .projectitem_wrapper::before {
    left: auto;
    right: 115px;
    content: "";
    width: 400px;
    height: 450px;
    border: #adadad 1px solid;
    position: absolute;
    top: -25px;
}
#indexPage #projectlist .projectitem:nth-child(even) .projectitem_wrapper::after {
    background-color: #bca267;
    display: block;
    top: 25px;
    position: absolute;
    width: 400px;
    height: 300px;
    content: "";
    right: 115px;
    top: 185px;
}
#indexPage #projectlist #projectitem_0 .project_img::before,
#indexPage #projectlist #projectitem_0 .project_img::after,
#projectitem_1 .project_img::before,
#indexPage #projectlist #projectitem_1 .project_img::after {
	content: none;
}
#newslist .wrapper {
	margin: 0 auto !important;
}
#indexPage #mnews a.more {
	right: 2%;
}
#indexPage #mslider ul li p.title,
#indexPage #mslider ul li p.subtitle {
	width: 100%;
    margin: 0;
	padding: 0;
	text-align: inherit;
}
#indexPage #projectlist .projectitem:nth-child(even) .project_img {
	float: right;
	margin-right: 140px;
}
#indexPage #projectlist #projectitem_1 a img {
	margin-left: 0;
}
#sitecontent #servicelist .serviceitem a {
    height: 345px;
}
.bodylistpost .npagePage {
	padding-bottom: 40px;
}
#page_contact.content_editor #postbody p {
	text-align: initial;
}
/* 2019.08.05 yyq 4-5 */