/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */


/*导航*/

#projectlist .projectitem a:hover .project_info {
	background: rgba(0, 0, 0, 0);
}
#indexPage #mproject a:before {
	color: rgba(8, 8, 8, 0);
}
#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: rgba(255, 255, 255, 0.79);
	background: transparent;
}
#header.mini {
	background: rgb(24, 24, 24);
	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.16);
}
#header ul#nav {
	float: right;
	padding: 0px 40px 0px 40px;
	transition: all 0.3s ease-out 0s;
}
#header.mini ul#nav {
	padding: 0px 20px 0px 20px;
}
#header ul li.navitem {
	padding: 20px 0.5px;
	height: auto;
}
#header ul li.navitem:hover a::before {
	display: block;
	width: 59px;
}
#header.mini ul li.navitem {
	padding: 10px 0.5px;
}
#header {
	padding-top: 0px;
	background-color: rgba(0, 0, 0, 0.08);
}
#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: #7B7B7B;
	padding: 10px 26px;
	display: block;
	position: relative;
}
#header ul li.navitem {
	padding: 20px 0.5px;
	height: auto;
	line-height: 20px;
}
.nobanner #header {
	background: rgb(33, 33, 33);
}
.lowB #header {
	background: #FFF;
}
#indexPage a.more {
	height: 100px;
	font-size: 14px;
	background-color: #292929;
	line-height: 100px;
	font-family: "Arial";
	color: rgba(255, 255, 255, 0.26);
	border-color: #1e1e1e;
	border-radius: 0px;
	text-align: center;
	text-indent: 0px;
	margin: 3% auto;
	width: 94%;
}
#indexPage #mproject a.more::after {
	content: "";
	display: block;
	width: 120px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.1);
	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: 16px;
	position: relative;
}
#indexPage a.more:hover {
	border-color: #3d3d3d;
	text-indent: 0px;
	text-align: center;
	background-color: #ffc000;
	color: #fff;
}
#indexPage a.more:hover i {
	color: #fff;
}
#indexPage #mpartner .slider_control a:hover {
	background-color: #424242
}
#pages a.active, #pages a:hover {
	background: #3F3F3F;
	color: rgba(255, 255, 255, 0.66);
}
.bx-wrapper .bx-controls-direction a:hover {
	background-color: transparent;
}
/*导航下划线渐变*/

#header ul li.navitema::before {
	width: 0px;
	height: 2px;
	left: 0;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	content: '';
	height: 2px;
	position: absolute;
	background: linear-gradient(to right, #FB213E 9%, #CA326F, #B336B7) !important;
	left: 25px;
	top: 59px;
	position: absolute;
}
#header.mini ul li.navitem a.active::before, #header ul li.navitem:hover a::before {
	display: none;
}
#header ul li.navitem a.active::before, #header ul li.navitem:hover a::before {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#header ul li.navitem:hover a::before {
	width: 20px;
}
#header ul li.navitem ul.subnav li a::before {
	width: 0px;
}
/*导航下拉菜单 */


/*分页鼠标 */

#header ul li.navitem {
	line-height: 20px;
}
#header ul li.navitem ul.subnav li a {
	padding: 14px 30px;
	width: 150px;
	height: 20px;
	line-height: 20px;
	background: #2f2f2f;
	display: block;
	font-size: 12px;
	transition: all 0.2s ease-out 0s;
	color: #999;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
#header ul li.navitem ul.subnav li a:hover {
	text-indent: 10px;
	background: #323232;
	color: #fff;
}
#header ul li.navitem ul.subnav {
	border-top: 3px solid #545454;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}
#header ul li.navitem ul.subnav li {
	border-bottom: 1px solid rgba(72, 72, 72, 0.9);
}
/*幻灯左右切换按钮 */

#indexPage .module {
	background-position: center;
	position: relative;
	z-index: 2;
	height: 100%;
	background-size: initial;
}
#indexPage #mslider ul li {
	background-size: initial;
}
#indexPage #mnews .bx-wrapper .bx-controls-direction a {
	margin-top: -90px;
}
.bx-wrapper .bx-controls-direction a {
	background-color: transparent;
	border-radius: 0px;
	width: 50px;
	top: 59%;
	margin-top: -50px;
}
.bx-wrapper .bx-controls-direction a:hover i {
	background-color: #e42a4f;
	background-image: url(../pic/ynicon.png) no-repeat 0px 0px;
	width: 40px;
}
.bx-wrapper .bx-controls-direction a.bx-next i {
	background-image: url(../pic/ynicon.png)no-repeat 0px 0px;
	width: 40px;
	height: 40px;
	margin: 0;
	position: absolute;
	right: 0px;
	left: 890px;
	border-radius: 30px;
}
.bx-wrapper .bx-controls-direction a:hover.bx-next i {
	background-color: #e42a4f;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover i {
	background-image: url(../pic/ynicon.png) no-repeat 0px 0px;
}
/*幻灯条切换 */

.bx-wrapper .bx-controls-direction a i {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	background-image: url(../pic/ynicon.png) no-repeat 0px 0px;
	width: 40px;
	height: 40px;
	margin-left: 46px;
	border-radius: 30px;
	background-color: #1e1c1c;
}
#indexPage #mslider .bx-wrapper .bx-pager {
	bottom: 70px;
}
/*首页案例背景颜色 */


/*幻灯圆图标字 */

.fa-angle-right:before {
	content: "\f105";
	font-size: 7px;
	display: block;
	margin-left: 19px;
	margin-top: 13px;
	color: rgb(8, 8, 8);
}
.fa-angle-left:before {
	content: "\f104";
	font-size: 7px;
	display: block;
	margin-left: 19px;
	margin-top: 13px;
	color: rgb(8, 8, 8);
}
/*幻灯圆图标字 */

#projectlist .projectitem a img, .nobanner #projectlist .projectitem a img {
	filter: grayscale(12%);
}
#projectlist .projectitem a:hover img, .nobanner #projectlist .projectitem a img {
	filter: grayscale(0%);
}
#projectlist .projectitem a:hover img {
	transform: scale(1.0, 1.0);
}
#indexPage #mproject {
	background-attachment: fixed;
	background-color: #161616;
	height: auto;
	padding: 30px 0px 40px 0px;
}
#category a {
	margin-right: 0px;
	margin-left: 0px;
	transition: all 0.3s ease-out 0s;
	color: #7f7f7f;
	border: 0px;
	border-bottom: 1px solid rgba(204, 204, 204, 0);
	line-height: 26px;
	height: 26px;
}
#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: rgba(255, 192, 0, 0);
	color: #202020;
}
#sitecontent #newsPage .content #category a.active {
	display: inline-block;
}
#sitecontent .npagePage #category a.active {
	padding: 7px 28px;
	background: rgba(61, 61, 61, 0);
	color: #E32956;
	display: block;
	margin-right: 0px;
	font-size: 14px;
}
#sitecontent .npagePage #category li.hasmore div ul a.active, #sitecontent .npagePage #category li.hasmore div ul a:hover {
	background-color: transparent;
	color: #fff;
}
#category li.hasmore div ul a::before {
	position: absolute;
	content: "";
	width: 5px;
	height: 1px;
	margin-top: 12px;
	z-index: 10;
	background-color: #444;
	margin-left: -20px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#category li.hasmore div ul a.active::before, #category li.hasmore div ul a:hover::before {
	background-color: #FFC000;
}
/*幻灯数字*/

#indexPage #mslider .bx-wrapper .bx-pager {
	width: 130px;
	top: 50%;
	margin-top: -140px;
	bottom: auto;
	right: 270px;
}
#indexPage #mslider .bx-wrapper .bx-pager:after {
	content: '';
	position: absolute;
	top: 0px;
	right: 60px;
	height: 100%;
	width: 1px;
	background: rgba(255, 255, 255, 0.15);
	z-index: 0
}
#mslider .bx-wrapper .bx-pager-item {
	width: 128px;
	height: 74px;
	border: 1px solid transparent;
	position: relative;
	z-index: 3;
}
#mslider .bx-wrapper .bx-pager.bx-default-pager a {
	margin: 0 auto;
	width: 128px;
	height: 74px;
	border-color: transparent;
}
#mslider .bx-wrapper .bx-pager-item a:after {
	color: rgba(255, 255, 255, 0.14);
	display: block;
	font-size: 16px;
	width: 128px;
	height: 74px;
	text-indent: 50px;
	line-height: 74px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#mslider .bx-wrapper .bx-pager-item:nth-child(1) a:after {
	content: "01";
}
#mslider .bx-wrapper .bx-pager-item:nth-child(2) a:after {
	content: "02";
}
#mslider .bx-wrapper .bx-pager-item:nth-child(3) a:after {
	content: "03";
}
#mslider .bx-wrapper .bx-pager.bx-default-pager a:hover:after, #mslider .bx-wrapper .bx-pager.bx-default-pager a.active:after, #mslider .bx-wrapper .bx-pager.bx-default-pager a:focus:after {
	box-shadow: 0px 6px 19px rgba(16, 16, 16, 0.51);
	font-size: 35px;
	text-indent: -35px;
	color: #c42b62;
}
#mslider .bx-wrapper .bx-pager.bx-default-pager a:hover, #mslider .bx-wrapper .bx-pager.bx-default-pager a.active, #mslider .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background-color: transparent;
	border-color: transparent;
	border-image: linear-gradient(#AB2CA1, #AB2C71, #f9223e) 30 30;
	background: #000;
	color: #c42b62;
}
/*案例*/

.nobanner .npagePage #projectlist .projectitem:nth-child(4n) {
	margin-right: 0px;
}
#projectitem_0 {
	animation-name: fadeInUp;
	animation-delay: 0.1s;
}
#projectitem_1 {
	animation-name: fadeInUp;
	animation-delay: 0.2s;
}
#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 {
	width: 288px;
	height: 310px;
	margin: 0px 15px 15px 0px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	overflow: hidden;
	transition: all 0.6s ease 0s;
}
#indexPage #projectlist .projectitem:nth-child(4n) {
	margin-right: 0px
}
#projectlist .projectitem_4 a img {
	width: 600px;
	border: 1px red solid;
}
#indexPage #projectlist .projectitem:hover {
	box-shadow: 0px 6px 19px rgba(0, 0, 0, 0.58);
	margin-top: -10px;
	margin-bottom: 25px
}
#projectlist .projectitem a:hover .project_info p.title {
	color: #fff;
	text-align: left;
	margin: -36px 0px 0 18px;
	font-size: 16px;
	width: 170px;
	overflow: hidden;
}
#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: #d4d3d0;
	width: 1px;
	height: 1px;
	transition: all 0.6s ease 0s;
	opacity: 0;
	margin-top: 260px;
	position: absolute;
	right: 9px;
}
#projectlist .projectitem a:hover .project_info p.subtitle::after {
	margin-right: -26px;
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.63);
	width: 38px;
	margin-top: -36px;
}
#projectlist .projectitem a:hover .project_info p.subtitle {
	color: rgba(255, 255, 255, 0.56);
	margin-left: 3px;
}
#projectlist .projectitem {
	margin-bottom: 100px;
 background-color: (0, 0, 0, 0);
	width: 23.2%;
}
#projectlist .projectitem a:hover .project_info {
}
#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: 14px;
	margin-top: 2px;
	color: rgb(165, 165, 165);
	text-align: left;
	margin-left: 3%;
	color: #818181;
}
#mpage .content .header p.subtitle {
	text-align: left;
	font-size: 13px;
	margin-left: 100px;
	width: 423px;
	color: #484848;
	padding-top: 6px;
	border-bottom: 1px rgba(255, 255, 255, 0.12) solid;
	padding-bottom: 18px;
}
#indexPage #mproject .content .header p.title {
	font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
	text-align: left;
	font-size: 22px;
	color: #e62a4e;
	margin-left: 0px
}
/*标题英文*/

#indexPage #mproject .content .header p.subtitle {
	text-align: left;
	margin-left: 38px;
	margin-top: -16px;
	font-size: 13px;
	display: inherit;
}
#indexPage #mproject a.more:hover {
	background-color: #303030;
	background: linear-gradient(to right, #f9223e 8%, #AB2C71 68%, #AB2CA1);
	border: 1px solid rgba(48, 48, 48, 0);
}
#indexPage #mproject a:hover i {
	font-size: 0px;
	width: 69px;
	background: url(../pic/ynicon.png)no-repeat 33px -120px;
	position: relative;
	top: -24px;
	left: -16px;
}
#indexPage #mteam a:hover i {
	font-size: 0px;
	width: 69px;
	background: url(../pic/ynicon.png)no-repeat 33px -120px;
	position: relative;
	top: -25px;
	left: -15px;
}
#indexPage #mnews a:hover i {
	font-size: 0px;
	width: 69px;
	background: url(../pic/ynicon.png)no-repeat 33px -120px;
	position: relative;
	top: -25px;
	left: -16px;
}
#indexPage #mservice a:hover i {
	font-size: 0px;
	width: 69px;
	background: url(../pic/ynicon.png)no-repeat 33px -120px;
	position: relative;
	top: -24px;
	left: -15px;
}
#indexPage #mproject a.more {
	margin-top: 55px;
	border: 1px #333333 solid;
	position: relative;
	vertical-align: middle;
	line-height: 30px;
	width: 106px;
	height: 30px;
	color: rgba(0, 0, 0, 0);
	border-radius: 90px;
	background-color: rgba(37, 37, 37, 0);
}
#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: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_0.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "02";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_1.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "03";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_2.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "04";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_3.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "05";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(179, 179, 179);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_4.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "06";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_5.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "07";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_6.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "08";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_7.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "09";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_8.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "10";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_9.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "11";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_10.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "12";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_11.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#indexPage #projectlist #projectitem_5, #indexPage #projectlist #projectitem_6, #indexPage #projectlist #projectitem_7, #indexPage #projectlist #projectitem_8 {
}
#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%;
}
/*首页背景不加透明蒙层 */


/*首页服务背景层 */

#contactform p textarea.inputtxt {
	width: 1120px;
	height: 50px;
	float: none;
	line-height: 18px;
}
#contactform p .inputtxt {
	border: none;
	margin-bottom: 5px;
	background: none;
	color: #bdbdbd;
	width: 320px;
	float: left;
	border-bottom: 1px solid rgba(80, 80, 80, 0.22);
	margin: 40px 0 0 40px;
}
#contactform p .inputtxt:hover {
	border-bottom: 1px solid #454545;
}
#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: 200px;
	height: 120px;
	border-radius: 0;
	margin: 6px auto 24px auto;
	box-shadow: 0px 8px 18px rgba(10, 10, 10, 0.51);
}
/*#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: 26px;
	text-align: left;
	margin-left: 3%;
	color: rgba(255, 255, 255, 0.8);
}
#indexPage #mteam .content .header p.title {
	color: #e62a4e;
	font-size: 22px;
	display: inline;
	margin-left: 0px;
}
.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: #8e8e8e;
}
.teamitem a div.wrap {
	background: rgba(0, 0, 0, 0.7);
}
.npagePage #teamlist .teamitem a {
	width: 320px;
	height: auto;
}
.npagePage #teamlist .teamitem a img {
	width: 160px;
	height: 160px;
	transition: all 0.6s ease 0s;
	border-radius: 120px;
	margin-top: 20px
}
.npagePage #teamlist .teamitem:hover a img {
}
/*首页幻灯高度*/

#indexPage #mslider {
	height: 400px;
}
#indexPage #mslider {
	height: 0
}
#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);
}
#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: #ee2745;
}
#olx_qq li a:hover {
	padding: 18px 30px;
}
.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 #E62A4E;
	background-color: #E62A4E;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	margin: 4px 6px;
	border-radius: 0px;
	border: 1px solid rgba(143, 143, 143, 0.3);
	width: 50px;
	height: 2px;
}
/*首页关于我们*/

#mpage .content .header {
	width: 50%;
	float: right;
	padding-top: 230px;
	padding-bottom: 0;
}
#mpage .module-content .description {
	max-height: 108px;
	height: auto;
	line-height: 24px;
	float: none;
	text-align: left;
	z-index: 10;
	position: relative;
	left: 522px;
	top: 251px;
	font-size: 13px;
	float: right;
	transition: all 0.6s ease-out;
	text-align: left;
	color: rgba(255, 255, 255, 0.34);
}
#indexPage #mpage .wrapper li::before {
	content: "";
	display: block;
	width: 100%;
	height: 51%;
	position: absolute;
	top: 400px;
	bottom: 0;
}
#indexPage #mpage a.more {
	float: none;
	position: relative;
	z-index: 10;
	background: linear-gradient(to right, #f9223e 8%, #f9223e 68%, #f9223e);
	transition: all 0.4s ease 0s;
	width: 100px;
	height: 28px;
	border-radius: 90px;
	top: 455px;
	left: 50%;
	text-indent: 20px;
	margin: 0px;
	margin-left: 101px;
	line-height: 28px;
	color: #fff;
	font-size: 13px;
	border: 0px solid rgba(151, 151, 151, 0);
}
/*首页联系*/

#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: #1b1b1b;
	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: 1px solid rgba(109, 109, 109, 0.4);
	margin-top: 10px;
	padding: 0;
	color: #fff;
	margin-bottom: 100px;
}
#contactform p .inputsub:hover {
	background-color: #E62A4E;
	border: 2px solid rgba(134, 134, 134, 0);
	color: #F3F3F3;
}
#contactform .inputtxt.active {
	border-color: #424242
}
#indexPage #mcontact .header p {
	text-align: center;
	padding-left: 0;
	margin: 0;
}
#indexPage #mcontact .header p.subtitle {
	color: #818181;
}
#indexPage #mcontact .content .fw {
	width: 100%;
}
#contactinfo h3 {
	color: #bdbdbd;
	width: 342px;
	padding-right: 60px
}
#contactinfo div a {
	background: #393939;
	border: 1px solid rgba(123, 123, 123, 0);
	transition: all 0.6s ease 0s;
}
#contactinfo div a:hover {
	background: rgba(123, 123, 123, 0);
	color: #E62A4E;
	border: 1px solid #E62A4E;
}
#indexPage #mnews .content .header p.title {
	font-size: 22px;
	text-align: left;
	margin-left: 3%;
	color: rgba(255, 255, 255, 0.8);
	display: initial;
	color: #e62a4e;
	margin-left: 0px;
}
#indexPage #mnews .content .header p.subtitle {
	margin-left: 18px;
	font-size: 13px;
	color: #4e4e4e;
	display: inline;
	margin-top: 0px
}
#indexPage #mnews {
	background-attachment: inherit;
	background-position: center !important;
}
/*首页新闻*/

#indexPage .newsbody .description {
	display: block;
	margin-top: 30px;
}
#indexPage #mteam {
	background-color: #1e1e1e;
	height: 740px;
	background-color: #151515;
}
#indexPage #mteam .content .content_list .header {
	padding-top: 0px;
	animation-name: fadeInUp;
	position: relative;
}
#indexPage #mteam .content>.header {
	display: block;
	animation-name: fadeInLeft;
	padding-top: 100px;
}
/*案例*/

#indexPage #mproject .content>.header {
	animation-name: fadeInLeft;
	animation-delay: 0.1s;
}
#projectinfo {
	width: 340px;
	float: left;
	padding: 0px 50px 0 0;
	margin-left: 0px;
	position: relative;
}
#projectwrap.fw {
	width: 1200px;
}
#projectwrap {
	padding-top: 80px;
}
#projectbody {
	max-width: 100%;
	margin: 0px auto;
	width: 800px;
	float: right;
	padding: 0;
	border-right: 1px solid rgba(236, 236, 236, 0);
	padding-bottom: 60px;
}
#projectimages li img {
	display: block;
	float: none;
	max-width: 100%;
	margin: 0px auto;
}
#projectinfo .description a {
	background: #3d3d3d;
	color: #fff;
	width: 300px;
}
#projectinfo .description a:hover {
	background: #3d3d3d;
	color: #fff;
}
#plheader {
	padding-bottom: 22px;
}
.teamitem {
	height: auto;
	position: relative
}
.teamitem .teaminfo {
	text-align: left;
	height: auto;
	overflow: hidden;
	transition: all 0.6s ease 0s;
	margin-top: 50px;
}
.Pageteam .wrap .teamitem:hover .teaminfo {
	height: auto;
}
.teamitem::after {
	content: "";
	display: block;
	width: 1100px;
	height: 1px;
	background-color: rgba(72, 72, 72, 0.2);
	transition: all 0.6s ease 0s;
	margin-top: 0px;
	opacity: 1;
	position: absolute;
	left: -280px;
	margin-left: 280px;
}
#teamlist .wrap {
	margin-right: 0
}
.teamitem:hover::after {
	opacity: 1;
	background: linear-gradient(100deg, #f9223e 12%, #AB2C71 83%, #AB2CA1)
}
.teamitem .teaminfo .description {
	margin-top: 19px;
	line-height: 24px;
	height: 50px;
}
#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: #d2d2d2;
}
/*新*/

.npagePage #projectlist .wrapper {
	width: 100%;
}
#indexPage #mproject .content .wrapper {
	width: 100%;
	margin: 0 auto;
	margin-top: 25px;
}
.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;
	height: 500px;
}
#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: 420px;
	text-align: left;
}
#projectlist .projectitem a .project_info p {
	padding: 0 18px;
}
/*新闻*/

#indexPage .module .bgmask {
	background-color: transparent;
}
#indexPage #mslider ul li p.title {
	font-size: 42px;
	line-height: 60px;
	height: 60px;
	text-align: left;
	padding: 0px 110px 30px;
	margin: 0 1800px 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 {
	background: rgba(243, 243, 243, 0.06);
}
#projecttags a:hover {
	color: #fff;
	background: #3d3d3d;
}
#projectib .projectitem a .project_info p.title {
	color: #A5A5A5;
}
#projectib .projectitem a .project_info p.subtitle {
	color: #505050;
}
#projectib .projectitem a .project_info {
	background-color: #1e1e1e;
	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: #3d3d3d;
}
#indexPage #mteam .bx-wrapper .bx-pager {
	bottom: -6%;
	display: block;
	left: 238px;
	width: auto;
}
.Pageservice #servicelist .serviceitem div p.title {
	line-height: 26px;
	transition: all 0.6s ease 0s;
	text-align: left;
	width: 260px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 24px;
}
.Pageservice #servicelist .serviceitem:hover div p.title {
	color: #fff;
}
.Pageservice #servicelist .serviceitem:hover div p.description {
	color: rgba(255, 255, 255, 0.58);
}
.Pageservice #servicelist .serviceitem:hover {
	box-shadow: 0px 7px 18px rgba(0, 0, 0, 0.3);
	background-color: #b3256a;
}
#projectinfo .header .description {
	color: #939393;
}
#projectlist .projectitem a .project_info::after {
	width: 0%;
	height: 1px;
	position: absolute;
	content: "";
	top: 100%;
	left: 0;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	background-color: #3d3d3d;
}
#projectlist .projectitem a:hover .project_info::after {
	width: 100%;
}
#projectlist .projectitem a .project_info p.title, .nobanner #projectlist .projectitem a .project_info p.title {
	color: #fff;
	padding: 47px 3px 5px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
}
#projectlist .projectitem a .project_info p.title {
	padding: 48px 0px 5px;
}
#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";
}
#projectlist .projectitem a .project_info div {
	position: absolute;
	height: 120px;
	width: 90%;
	margin-left: 5%;
	bottom: -120px;
	background: linear-gradient(to right, #f9223e 8%, #AB2C71 68%, #AB2CA1) !important;
	opacity: 0.9;
	margin-top: 0;
	top: auto;
	transition: all 0.3s ease-out 0s;
}
#npagePage #projectlist .projectitem a .project_info div {
	display: none;
	background: rgba(0, 0, 0, 0.22) !important;
}
#npagePage #projectlist .projectitem a:hover .project_info div {
	display: block;
}
#npagePage .projectitem a .project_info:hover div {
	height: 50px;
}
#npagePage .projectitem a .project_info div {
	position: absolute;
	height: 50px;
	width: 100%;
	margin-left: 0%;
	bottom: -120px;
	background: rgba(4, 4, 4, 0.31);
	opacity: 0.9;
	margin-top: 0;
	top: auto;
	transition: all 0.3s ease-out 0s;
}
#projectlist .projectitem a .project_info:hover div {
	bottom: 20px;
	background-color: rgb(249, 6, 6);
	height: 65px;
}
#indexPage #mproject .content #category a:hover {
	background: rgba(61, 61, 61, 0);
	color: rgb(253, 192, 0);
}
/*首页新闻*/

#indexPage #newslist li a.details {
	display: none;
	width: 45px;
	height: 40px;
	text-indent: -9999px;
	background: url(../pic/icon.png)no-repeat -32px -176px;
	border: none;
	margin: 0px;
	position: absolute;
	top: 11px;
	right: 522px;
	border-radius: 0;
}
#indexPage #newslist li:hover a.details {
	z-index: 1;
	display: block;
	background: url(../pic/icon.png)no-repeat -32px -216px
}
#indexPage #newslist .newstitem .newsbody .title {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.33);
	display: inline-block;
	line-height: 52px;
	width: 280px;
	overflow: hidden;
	height: 52px;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: none;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	margin-left: 20px;
}
#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 {
	overflow: hidden
}
#mpage .content .header p.subtitle::after {
	position: inherit;
	content: "";
	height: 150px;
	background: rgba(212, 212, 212, 0.2);
	margin: 22px 50% 0;
	width: 1px;
	float: left;
	text-align: left;
	top: -276px;
	display: block;
	transition: all ease-out .3s;
	z-index: 10;
	display: none;
}
 #mpage .content .header p.subtitle::after #mpage .content .header:hover p.subtitle::after {
 height: 170px;
}
#mpage .module-content .description {
	padding-top: 80px;
}
#indexPage #servicelist .serviceitem {
	background-color: #121010;
	padding: 30px 0 0;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	display: inline-block;
	float: none;
}
#indexPage #servicelist .serviceitem:hover {
	padding: 0px 0;
}
#servicelist .serviceitem a p.service_img {
	width: 350px;
	height: 200px;
	display: inherit;
	margin: 15px;
}
#pages {
	padding: 40px 0 100px 0;
}
#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: none;
	top: -10px;
}
#indexPage #mpartner .wrapper ul li {
	margin: 8px 0 20px 0px;
	background-color: transparent;
}
#mpartner .bx-viewport {
	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: 22px;
}
#indexPage #mteam .summary p:nth-child(3n) {
	transition: all 0.4s ease 0s;
	width: 222px;
	height: 69px;
	font-size: 13px;
	line-height: 23px;
	overflow: hidden;
	color: #454545;
}
#indexPage #mteam .content_list li:hover#teamitem_0 .summary p.title::after {
	margin-left: -220px;
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
	margin-right: 1129px;
	margin-top: -24px;
	font-size: 100px;
	font-weight: 600;
	opacity: 2;
	font-family: "AVGARDD";
	color: linear-gradient(40deg, #f9223e 8%, #AB2C71 68%, #AB2CA1) !important;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(110deg, #f9223e 15%, #AB2C71 70%, #AB2CA1);
	letter-spacing: -5PX;
}
#indexPage #mteam .content_list li:hover#teamitem_1 .summary p.title::after {
	margin-left: -220px;
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
	;
	margin-right: 715px;
	margin-top: -24px;
	font-size: 100px;
	font-weight: 600;
	opacity: 2;
	font-family: "AVGARDD";
	color: linear-gradient(40deg, #f9223e 8%, #AB2C71 68%, #AB2CA1) !important;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(110deg, #f9223e 15%, #AB2C71 70%, #AB2CA1);
	letter-spacing: -5PX;
}
#indexPage #mteam .content_list li:hover#teamitem_2 .summary p.title::after {
	margin-left: -220px;
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
	;
	margin-right: 330px;
	margin-top: -24px;
	font-size: 100px;
	font-weight: 600;
	opacity: 2;
	font-family: "AVGARDD";
	color: linear-gradient(40deg, #f9223e 8%, #AB2C71 68%, #AB2CA1) !important;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(110deg, #f9223e 15%, #AB2C71 70%, #AB2CA1);
	letter-spacing: -5PX;
}
#indexPage #mteam .content_list li:hover p:nth-child(3n) {
	padding-top: 8px;
}
#indexPage #mteam .content_list li:hover#teamitem_0 a.details {
	transition: all 0.4s ease 0s;
	width: 97px;
	height: 24px;
	top: 183px;
	left: 115px;
	border: 0px solid rgba(151, 151, 151, 0);
	text-indent: 31px;
	line-height: 24px;
	background-color: #fff;
	background: linear-gradient(100deg, #f9223e 20%, #AB2C71 84%, #AB2CA1) !important;
}
#indexPage #mteam .content_list li:hover#teamitem_1 a.details {
	transition: all 0.4s ease 0s;
	width: 97px;
	height: 24px;
	top: 183px;
	left: 115px;
	border: 0px solid rgba(151, 151, 151, 0);
	text-indent: 31px;
	line-height: 24px;
	background-color: #fff;
	background: linear-gradient(100deg, #f9223e 20%, #AB2C71 84%, #AB2CA1) !important;
}
#indexPage #mteam .content_list li:hover#teamitem_2 a.details {
	transition: all 0.4s ease 0s;
	width: 97px;
	height: 24px;
	top: 183px;
	left: 115px;
	border: 0px solid rgba(151, 151, 151, 0);
	text-indent: 31px;
	line-height: 24px;
	background-color: #fff;
	background: linear-gradient(100deg, #f9223e 20%, #AB2C71 84%, #AB2CA1) !important;
}
#indexPage #mteam .content_list li:hover#teamitem_0:after {
	content: "";
	left: 70px;
	top: 180px;
	width: 60px;
	transform: rotate(90deg);
}
#indexPage #mteam .content_list li:hover#teamitem_1:after {
	content: "";
	left: 70px;
	top: 180px;
	width: 60px;
	transform: rotate(90deg);
}
#indexPage #mteam .content_list li:hover#teamitem_2:after {
	content: "";
	left: 70px;
	top: 180px;
	width: 60px;
	transform: rotate(90deg);
}
#indexPage #mteam .content_list li:hover p.title a {
	color: #CE2962;
	position: relative;
	top: 10px;
	transition: all 0.4s ease 0s;
}
#indexPage #mteam .content_list li {
	transition: all 0.4s ease 0s;
	padding-left: 0px;
	padding-right: 0px;
}
#indexPage #mteam .content_list li:hover {
	background-color: #1a1a1a;
	border: 1px #1A1A1A solid;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 3px;
	margin-right: 3px;
	box-shadow: 0px 7px 19px rgba(0, 0, 0, 0.58);
}
#indexPage #mteam .content_list li:hover .summary p:nth-child(3n) {
	color: #5A5A5A;
}
#indexPage #mnews .content .header {
	display: block;
	padding-bottom: 60px;
	animation-name: fadeInLeft;
}
#indexPage #mnews .content {
	height: 410px;
	top: 50%;
	margin-top: -205px;
}
#indexPage #newslist {
	width: 610px;
	margin: 0 auto;
	height: 100%;
	float: left;
}
#indexPage #mteam .summary p {
	text-align: left;
	padding-left: 40px;
	transition: all 0.6s ease 0s;
	margin-left: 0px;
	font-size: 14px;
	color: rgba(80, 80, 80, 0.8);
	margin-top: 2px;
}
#indexPage .newsimg, #newslist .separator {
	display: none
}
#indexPage #newslist .newstitem {
	position: absolute;
	display: none;
	width: 420px;
	height: 30px;
	line-height: 30px;
	border: 1px rgba(255, 255, 255, 0.1) solid;
}
#indexPage .newstitem .newsbody {
	overflow: hidden;
	display: block;
	vertical-align: auto;
	width: 100%;
	transition: all 0.6s ease 0s;
	width: 570px;
	height: 52px;
}
#indexPage .newstitem:hover .newsbody {
	margin-left: 0px;
}
#indexPage #newslist .newstitem:hover.newstitem .newsbody .title {
	margin-left: 54px;
}
#indexPage .newstitem .newsbody::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 40px;
	background: #a2a2a2;
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	top: 0px;
	left: 0px;
	opacity: 0;
}
#indexPage .newstitem:hover .newsbody::after {
	width: 1px;
	height: 40px;
	background: #a2a2a2;
	left: -26px;
	opacity: 1;
}
#newslist .newstitem .newsbody .date {
	position: absolute;
	top: 20px;
	font-weight: inherit;
	font-family: Arial;
	color: rgba(176, 176, 176, 0.44);
	margin-bottom: 0;
	display: block;
	padding: 0;
	float: none;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#teambody .theader .title {
	font-size: 24px;
	color: #F7F7F7;
}
#indexPage #mteam .summary p.title a {
	color: #707070;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	transition: all 0.4s ease 0s;
	position: relative;
	top: 0;
}
#indexPage #mteam .summary p.subtitle {
	display: none;
	color: rgba(47, 47, 47, 0.66);
}
#newslist .newstitem .newsbody .title {
	font-size: 13px;
	color: #454545;
	display: inline-block;
	line-height: 52px;
	width: 280px;
	overflow: hidden;
	height: 52px;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: none;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent {
	padding: 0;
	text-align: left;
	width: 570px;
	height: 52px;
	position: relative;
}
#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:hover.left a.newscontent, #newslist .newstitem.right a.newscontent:hover {
	padding: 0
}
#newslist .newstitem.right a.newscontent .newsimg {
	left: 0
}
#newslist .news_wrapper::before {
	height: 0
}
#indexPage #newslist .newstitem {
	height: 52px;
	width: 570px;
	display: block;
	position: relative;
	float: left;
	margin-bottom: 10px;
	transition: all 0.4s ease 0s;
}
#indexPage #newslist .newstitem .newsimg {
	display: none;
	width: 500px;
	height: 280px
}
#indexPage #newslist .newstitem .news_wrapper {
	width: 570px;
	left: auto;
	position: absolute;
	top: 0px;
	height: 52px;
}
#newsPage #newslist .newstitem .newsbody .title {
	top: -22px;
	font-size: 16px;
	color: #b0b0b0;
	display: block;
	width: 600px;
	float: none;
	position: relative;
}
#indexPage #newslist .newstitem:hover a .newsbody .title {
	color: rgba(255, 255, 255, 0.91);
}
#indexPage #newslist .newstitem:hover a .newsbody .date {
	color: rgba(255, 255, 255, 0.61);
}
#indexPage #newslist .newstitem:hover {
	margin-left: 15px;
	border: 1px rgba(4, 1, 1, 0) solid;
	transition: all 0.8s ease 0s;
}
#indexPage #newslist .newstitem .newsbody .description, #newsPage #newslist .newstitem .newsbody .description {
	font-size: 12px;
	line-height: 22px;
	color: #6a6a6a;
	text-align: left;
	height: 42px;
	overflow: hidden;
	margin-top: 5px;
	display: block
}
#indexPage #newslist .newstitem .newsbody .description {
	transition: all 0.6s ease 0s;
	display: none;
}
#indexPage #newslist .newstitem:hover .newsbody .description {
	color: #B6B6B6;
}
#newsPage #newslist .newstitem:hover .newsbody .description {
	color: rgba(159, 159, 159, 0.58);
}
#indexPage #newslist .newstitem .newsbody::after, #newsPage #newslist .newstitem .newsbody::after {
	content: 'MORE';
	width: 120px;
	height: 32px;
	line-height: 32px;
	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;
	right: 10px;
	top: 20px;
	opacity: 0;
	transition: all 0.6s ease 0s;
}
#indexPage #newslist .newstitem a:hover .newsbody::after, #newsPage #newslist .newstitem a:hover .newsbody::after {
	width: 90px;
	height: 30px;
	border-radius: 30px;
	background-color: #3d3d3d;
	color: rgba(255, 255, 255, 0.59);
	opacity: 1;
	margin-top: 14px;
}
#indexPage #newslist .newstitem a:hover .newsbody::after {
	opacity: 0;
}
#indexPage .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 .newstitem 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 {
	display: none;
}
#indexPage #mnews .bx-wrapper .bx-controls-direction a {
	width: 40px;
	float: left;
	margin-left: -70px
}
#indexPage #mnews .bx-wrapper .bx-controls-direction a i {
	margin: 0px;
	width: 40px;
	position: inherit;
	left: 0;
}
#indexPage #mnews .bx-wrapper .bx-controls-direction a.bx-next {
	float: right;
	right: 0px;
	margin-right: -70px;
	margin-left: 0;
}
/*news list*/

#newsPage #newslist {
	width: 1180px;
	height: auto;
	margin-top: 60px;
}
#newsPage #newslist .wrapper {
	margin-right: 0px;
	width: auto;
	height: auto
}
#newsPage #newslist .newstitem {
	width: 100%;
	height: 181px;
	float: left;
	margin-bottom: 60px
}
#newsPage #newslist .newstitem .news_wrapper {
	width: auto;
	left: 290px;
	margin-top: 40px;
}
#newsPage #newslist .newstitem .newsbody::after {
	margin-top: 22px;
}
#newsPage #newslist .newstitem .newsbody .title {
	top: -22px;
}
#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 .newstitem .newsbody .date {
	display: inline;
	padding: 0;
	color: rgba(176, 176, 176, 0.33);
	font-size: 12px;
	float: right;
	width: 80px;
	height: 52px;
	line-height: 52px;
	text-align: left;
	position: inherit;
}
#indexPage #mnews .module.bgShow {
	background-attachment: inherit;
}
/**/


/*新闻*/

#indexPage #mnews a.more {
	display: block;
	width: 106px;
	height: 30px;
	line-height: 45px;
	position: absolute;
	margin-top: 150px;
	background-color: transparent;
	border-color: rgba(255, 255, 255, 0.13);
	color: rgba(255, 255, 255, 0.5);
	animation-name: fadeInRight;
	animation-delay: 0.4s;
	border-radius: 60px;
	left: 553px;
	color: rgba(255, 255, 255, 0);
}
#indexPage #mnews a.more i {
	margin-top: -14px;
	left: -15px;
	height: 23px;
}
#indexPage #mnews .fa-angle-right:before {
	content: "\f105";
	font-size: 7px;
	display: block;
	margin-top: 21px;
	color: rgba(8, 8, 8, 0);
}
#indexPage #mnews a.more:hover {
	background: linear-gradient(40deg, #f9223e 8%, #AB2C71 68%, #AB2CA1) !important;
	border: 1px solid rgba(48, 48, 48, 0);
	color: rgba(255, 255, 255, 0);
}
#mteam .content_list li {
	animation-name: fadeInUp;
}
#newsitem_0 {
	animation-name: fadeInLeft;
	animation-delay: 0.0s;
}
#newsitem_1 {
	animation-name: fadeInRight;
	animation-delay: 0.1s;
}
#newsitem_2 {
	animation-name: fadeInRight;
	animation-delay: 0.0s;
}
#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 {
	padding-bottom: 20px;
	border-bottom: 0px solid rgba(255, 255, 255) !important
}
#newsPage #newslist .newstitem a:hover .newsbody .title {
	color: #ee2745;
}
.postbody img {
	max-width: 100%;
	width: auto;
}
.npagePage #banner div {
	height: 300px;
}
.npagePage #banner {
	height: 300px;
}
#mpage .content .header p.title {
	text-align: left;
	margin-left: 100px;
	width: 150px;
	font-size: 22px;
	color: #fa213e;
}
#projectlist .wrapper {
	margin: 0 auto;
}
#indexPage #mproject #category {
	font-size: 13px;
	position: absolute;
	top: 5px;
	display: block;
	animation-name: fadeInUp;
	right: 0%;
	margin-right: 0;
	padding-bottom: 0px;
	border-bottom: 1px rgba(97, 97, 97, 0.24) solid;
}
#indexPage #mproject #category a {
	margin: 0px -3px;
	height: 28px;
	padding: 8px 14px;
	line-height: 18px;
}
#indexPage #mproject #category a:nth-child(1) {
	border-bottom: 1px #f22542 solid;
}
#indexPage #mproject .content #category a:hover {
	border-bottom: 1px solid #dc314f;
	color: #fff;
}
#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: 110px;
	left: 90px
}
#indexPage #mteam .bx-wrapper .bx-controls-direction a i {
	width: 40px;
	margin: 0;
	position: inherit;
	left: 0px;
}
#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-next {
	right: 90px;
	left: auto;
}
/*#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(../pic/jt.png)no-repeat 0px 4px; width: 45px; height: 40px; margin: 0; }

#indexPage #mteam .bx-wrapper .bx-controls-direction a:hover i { background: url(../pic/jt.png)no-repeat 0px -37px; width: 45px; }

#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-next i { background: url(../pic/jt.png)no-repeat -231px 4px; width: 45px; height: 40px; margin: 0; position: absolute; right: 131px; left: -64px; }

#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-next:hover i { background: url(../pic/jt.png)no-repeat -231px -37px; }*/


/*#projectlist .projectitem a::after { content: ''; width: 40px; height: 40px; line-height: 40px; background: url(../pic/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: #1e1e1e;
}
#indexPage #mcontact .header p.title {
	color: rgba(255, 255, 255, 0.8);
}
#projectbody .postbody {
	padding: 1px 50px 50px;
	background-color: #1e1e1e;
}
#projectimages {
	padding: 0px 0px 10px 0;
	background: #1e1e1e;
}
/*服务*/

#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 div p.title {
	color: #fff;
}
#mservice .bx-wrapper {
	height: 350px;
}
#indexPage #mservice a.more {
	margin: 0;
	width: 106px;
	height: 30px;
	border-radius: 90px;
	line-height: 45px;
	background-color: transparent;
	border-color: #4b4b4b;
	color: transparent;
	margin-left: 556px;
	position: relative;
	top: -66px;
}
#indexPage #mservice a.more:hover {
	background: linear-gradient(40deg, #f9223e 8%, #AB2C71 68%, #AB2CA1);
	border: 1px solid rgba(48, 48, 48, 0);
}
#mservice .content .header p.title {
	font-family: "微软雅黑";
	text-align: left;
	font-size: 22px;
	margin-left: 0%;
	color: #e62a4e;
	display: inline;
}
#mservice .content .header p.subtitle {
	text-align: left;
	margin-left: 0%;
	color: rgba(255, 255, 255, 0.2);
	display: inline;
	font-size: 13px;
	margin-left: 18px;
}
#servicelist .serviceitem div {
	width: 320px;
	margin-left: 40px;
}
#servicelist .serviceitem div p.title {
	transition: all 0.6s ease 0s;
	color: rgba(255, 255, 255, 0.55);
	display: block;
	text-align: center;
	width: 100%;
	overflow: hidden;
}
#indexPage #mservice .content .header {
	position: absolute;
	left: 0px;
	margin-bottom: 0px;
	margin-top: -7px;
	height: 0px;
}
#servicelist .serviceitem a {
	text-align: center;
	width: 100%;
	margin-top: 0px;
	overflow: hidden;
}
#servicelist .serviceitem {
	margin-right: 0px;
	margin-right: 20px;
}
#sitecontent #servicelist .serviceitem a img {
	float: left;
	position: absolute;
	display: block;
}
#sitecontent #servicelist:hover .serviceitem:hover a img {
	filter: grayscale(0%);
	display: none;
}
#servicelist .serviceitem div p.description {
	width: 440px;
	height: 46px;
	color: rgba(170, 170, 170, 0.6);
	text-align: left;
	margin-top: 6px;
	transition: all 0.6s ease 0s;
}
#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 {
	padding-bottom: 80px;
	padding-bottom: 80px;
	height: 740px;
	position: relative;
}
#indexPage .module {
	z-index: auto
}
#indexPage .module .content {
	position: relative;
	top: 0;
}
#indexPage #mproject .content {
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
}
#indexPage #mservice .content {
	margin: 0;
	height: auto
}
#indexPage #mnews {
	padding-top: 100px;
	height: 640px;
	background-color: #040101;
}
#indexPage #mnews .content {
	height: auto;
	top: 0;
	width: 1200px;
	margin: 0 auto;
}
#indexPage #mpartner {
	height: auto;
	background-color: #1e1e1e;
}
#indexPage #mpartner .content {
	margin: 0;
	height: auto;
	background-color: #242424;
}
#indexPage #mcontact {
	padding-top: 100px;
	height: auto;
}
#indexPage #mcontact .content {
	margin: 0;
}
#indexPage #mservice {
	padding-top: 100px;
	height: 740;
	background-color: #1e1e1e;
}
#indexPage #mteam .content {
	margin-top: 0;
	width: 1200px;
	margin: 0 auto;
}
#sitecontent .npagePage .content .header::before {
	position: absolute;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	content: "";
	width: 90%;
	height: 1px;
	background: rgba(66, 66, 66, 0.53);
	text-align: left;
	margin-top: 78px;
	left: 5%;
	display: none;
}
#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: #3b3b3b;
	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;
	border-bottom: rgba(204, 204, 204, 0.28) 1px dotted;
	width: 300px;
}
#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 ul {
	border-top: transparent 0px solid;
	text-align: left;
	padding-top: 6px;
	margin: 20px;
}
#projectinfo .header p.title::before {
	display: none
}
#mproject .content .header p.title {
	text-align: center;
	font-size: 26px;
	color: #fff;
}
#mproject .content .header p.subtitle {
	text-align: center;
	margin-left: 0;
	font-size: 14px;
}
/*服务*/
#indexPage #mservice .content_list {
	position: relative;
}
#indexPage #servicelist {
	width: 100%;
	text-align: center;
}
#indexPage #servicelist .serviceitem {
	height: 380px;
	padding: 0;
	margin-bottom: 30px;
	position: relative;
	z-index: 10;
}
#indexPage #servicelist .serviceitem:nth-child(3n) {
	margin-right: 0px
}
#indexPage #servicelist .serviceitem div p.description {
	width: calc(100% - 1px);
	height: 53px;
	margin: 6px 0;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.25);
	overflow: hidden;
}
#indexPage #servicelist .serviceitem:hover div p.description {
	color: rgba(255, 255, 255, 0.58);
}
#indexPage #servicelist .serviceitem:hover a img {
	display: block;
}
#indexPage #servicelist .serviceitem:hover a:after {
}
#indexPage #servicelist .serviceitem:hover {
	box-shadow: 0px 7px 18px rgba(0, 0, 0, 0.3);
	background-color: #b3256a;
}
#indexPage #servicelist .serviceitem a.details {
	display: none;
	width: 45px;
	height: 40px;
	text-indent: -9999px;
	background: url(../pic/jt.png)no-repeat -232px 4px;
	border: none;
	margin: 0px;
	position: absolute;
	top: 134px;
	left: 260px;
	border-radius: 0;
	opacity: 0;
}
#indexPage #servicelist .serviceitem:hover a.details {
	opacity: 0;
}
#indexPage #servicelist .serviceitem:hover a.details {
	background: url(../pic/jt.png)no-repeat -232px -46px;
}
#indexPage #servicelist .bx-controls {
	display: none;
}
/*分享*/
#shares a#sshare {
	color: transparent;
	background-image: url("../pic/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.16);
	padding: 0 20px;
}
#shares a i.fa-share-alt {
	padding: 0 16px;
}
#shares a i.fa-weixin {
	color: transparent;
	background-image: url(../pic/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: #292929;
	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: 300px;
	float: left;
	padding: 0;
	margin-left: 0px;
}
#projectib {
	margin-right: 0px;
	margin-top: 12px;
	width: 300px;
	float: left;
	padding: 0;
	margin-left: 0px;
}
#projectib .projectitem {
	width: 140px;
}
.summary {
	float: left;
	animation-name: fadeInUp;
	margin-top: -64px;
}
#indexPage #mteam li .header {
	float: left;
	margin: -64px auto 24px 224px;
	width: 114px;
	height: 116px;
	margin-bottom: 110px;
}
#indexPage #mteam .header img {
	margin: 0px;
	width: 110px;
	height: 110px;
	border-radius: 60px;
	margin: 0px;
	margin-left: -89px;
}
.bx-wrapper .bx-prev {
	left: 0;
}
#indexPage #mteam .bx-wrapper .bx-pager {
	opacity: 1;
	left: auto;
	margin-top: -64px;
	right: 20px;
	bottom: 50%;
	width: 44px;
}
#indexPage #mteam .bx-controls-direction {
	display: none;
}
.bx-wrapper .bx-next {
	right: 940px;
}
#newslist .newstitem .newsimg, #newslist .newstitem .news_wrapper {
	top: 0px;
	right: auto;
	left: auto;
}
.description {
	display: 0;
}
#indexPage #mpage .wrapper {
	padding-bottom: 120px;
}
.slider one .title {
	color: red;
}
.npagePage #newslist .newsbody .description {
	margin-top: 30px;
	color: #9e9e9e;
	width: 580px;
	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.ellipsis span {
	color: #626262;
}
#contactinfo p {
	float: left;
	width: 246px;
	padding-right: 50px;
	padding-left: 52px;
	height: auto;
	border-left: 1px solid #313131;
}
#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;
}
#indexPage #mteam .summary {
	width: 208px;
	margin-left: 70px;
	animation-name: fadeInUp;
	margin-top: -64px;
}
#indexPage #mteam #teamitem_0 .summary p.title::after {
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
	content: "01";
	margin-right: 1155px;
	margin-top: -9px;
	font-size: 44px;
	margin-left: -205px;
	font-weight: 600;
	opacity: 2;
	font-family: "AVGARDD";
	color: #636262;
}
#indexPage #mteam #teamitem_1 .summary p.title::after {
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
	content: "02";
	margin-top: -9px;
	margin-left: -205px;
	font-size: 12px;
	font-size: 44px;
	opacity: 2;
	font-weight: bold;
	font-weight: 600;
	font-family: "AVGARDD";
	color: #636262;
}
#indexPage #mteam #teamitem_2 .summary p.title::after {
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
	content: "03";
	margin-right: 370px;
	margin-top: -9px;
	margin-left: -205px;
	color: #636262;
	font-size: 44px;
	font-weight: 600;
	opacity: 2;
	font-family: "AVGARDD";
	color: #636262;
}
#indexPage #mteam #teamitem_3 .summary p.title::after {
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
	content: "04";
	margin-right: 3px;
	margin-top: -9px;
	color: rgb(255, 255, 255);
	margin-left: -205px;
	right: 0;
	font-size: 44px;
	opacity: 2;
	font-family: "AVGARDD";
	color: #636262;
}
#indexPage #mteam #teamitem_4 .summary p.title::after {
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
	content: "05";
	margin-right: 3px;
	margin-top: -9px;
	color: rgb(179, 179, 179);
	margin-left: -205px;
	right: 0;
	font-size: 12px;
	font-family: "AVGARDD";
	opacity: 0;
	color: #636262;
}
#projectlist #projectitem_4.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "06";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_5.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "07";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_6.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "08";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_7.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "09";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_8.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "10";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_9.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "11";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_10.projectitem a .project_info:hover div::after {
	opacity: 0;
}
#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: "12";
	margin-right: 3px;
	margin-top: -40px;
	color: rgb(255, 255, 255);
	right: 0;
	font-size: 12px;
	font-family: "HeliosExtThin";
	opacity: 0;
}
#projectlist #projectitem_11.projectitem a .project_info:hover div::after {
	opacity: 0;
}
/*首页团队*/
.animated {
	animation-name: fadeInRight;
	animation-delay: 0.1s;
}
/*案例内页*/
.npagePage content {
	text-align: center;
}
.npagePage #category {
	display: inline-block;
	position: static;
	top: 180px;
	right: 0;
	padding: 0px;
}
.npagePage #projectlist .projectitem {
	width: 23%;
	overflow: hidden;
	margin-bottom: 10px;
}
#mproject .header p.title {
	text-align: left;
}
#mproject .header p.subtitle {
	text-align: left;
	padding: 0 20px;
}
.nobanner .npagePage #projectlist .projectitem {
	overflow: hidden;
	height: 310px;
	width: 280px;
	margin-bottom: 15px;
	transition: all 0.6s ease 0s;
}
.nobanner .npagePage #projectlist .projectitem:hover {
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.44);
}
.nobanner .npagePage #projectlist .projectitem a .project_info {
	overflow: hidden;
	position: absolute;
	width: 280px;
	height: 310px;
}
#mproject #pages {
	width: 100%;
}
/*新闻内页*/
.npagePage .content {
	text-align: center;
	background-color: #212121;
}
#sitecontent #newsPage #category {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	display: block;
	border-top: 1px solid #2B2B2B;
}
#newsPage #newslist .newstitem .newsimg {
	margin-top: 10px;
	left: 70%;
	transition: all 0.6s ease 0s;
	display: block;
	width: 280px;
	height: 160px
}
#newsPage #newslist .newstitem .news_wrapper {
	height: 160px;
	top: 0px;
	left: 0px;
}
#newsPage #newslist .newstitem .newsbody .date {
	top: 22px;
}
#newsPage #newslist .newsbody {
	margin-top: 2px;
	transition: all 0.6s ease 0s;
	margin-left: -15px;
}
#newsPage #newslist a:hover .newsbody {
	margin-left: 40px;
}
#newsPage #newslist .newstitem a.newscontent::after {
	content: "";
	display: block;
	width: 1180px;
	height: 1px;
	background-color: rgb(38, 38, 38);
	position: absolute;
	top: 210px;
	left: 0px;
	transition: all 0.6s ease 0s;
	z-index: -10;
}
#newsPage #newslist .newstitem a:hover.newscontent::after {
	top: -30px;
	height: 240px;
	opacity: 1;
	z-index: -10;
	background-color: rgb(38, 38, 38);
}
#newsPage .content #category a {
	margin-right: 4px;
}
#newsPage #category {
	padding: 30px 0 100px 0;
}
#newsPage .content #category a {
	height: 20px;
	line-height: 20px;
}
#newsPage .content #category a.active {
	height: 20px;
	line-height: 20px;
	margin-right: 6px;
}
/*案例三级页面*/
.npagePage2 #projectwrap1, #projectwrap2, #projectwrap3, #projectwrap4, #projectwrap5 {
	width: 1280px;
}
.npagePage2 #projectinfo .description a, #projectinfo1 .description a, #projectinfo2 .description a, #projectinfo3 .description a, #projectinfo4 .description a, #projectinfo5 .description a {
	background-color: #3b3b3b;
}
.npagePage2 #projectbody1, #projectbody2 {
	width: 900px;
}
.npagePage2 #projectlist .projectitem a .project_info p {
	padding: 0px;
}
.npagePage2 #projectlist .projectitem {
	background: rgba(0, 0, 0, 0.28);
}
.npagePage2 #npagePage #projectlist .projectitem a .project_info p.subtitle {
	height: 12px;
	line-height: 12px;
}
.npagePage2 #projectlist .projectitem {
	margin-bottom: 10px;
}
/*服务内页*/
#projectlist .projectitem {
	background: rgba(0, 0, 0, 0);
}
#sitecontent .npagePage #servicelist .serviceitem a img {
	left: auto;
	position: inherit;
	height: auto;
}
#sitecontent .npagePage #servicelist .serviceitem a img::after {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	background-color: red;
}
#sitecontent {
	background-color: #212121;
}
/*团队*/
#indexPage #mteam .content_list li {
	border: 1px rgba(255, 255, 255, 0.06) solid;
	position: relative;
	width: 380px;
	height: 330px;
	float: left;
	margin-top: 145px;
	background-color: rgba(0, 0, 0, 0.28);
	margin-right: 8px;
	margin-left: 8px;
}
.fw p {
	text-align: left;
}
/*案例--媒体查询*/
#indexPage #projectlist #projectitem_5, #indexPage #projectlist #projectitem_6, #indexPage #projectlist #projectitem_7, #indexPage #projectlist #projectitem_8 {
	height: 310px
}
#mproject #projectlist .projectitem a {
	width: 288px;
	height: 310px;
}
/*线*/
.postbody hr {
	border-top: 1px dotted rgba(211, 211, 211, 0.26);
}
#sitecontent .npagePage #servicelist .serviceitem a img {
	display: block;
	background-color: #1b1b1b;
}
.npagePage #servicelist .serviceitem div {
	margin: 0px;
	width: 378px;
	text-align: center;
}
.npagePage #servicelist .serviceitem div p.description {
	transition: all 0.4s ease 0s;
	margin-left: 20px;
	width: 340px;
}
#sitecontent .npagePage #servicelist:hover .serviceitem:hover a img {
	display: block;
}
.Pageservice #servicelist .serviceitem div p.title {
	display: block;
	width: 100%;
	text-align: center;
	transition: all 0.4s ease 0s;
}
.npagePage #servicelist .serviceitem {
	width: 380px;
	height: 380px;
	background-color: #1B1A1A;
	margin-bottom: 20px;
	transition: all 0.4s ease 0s;
}
.npagePage #servicelist .serviceitem:nth-child(3n) {
	margin-right: 0px;
}
#newsPage #newslist .newstitem .newsbody .description::after {
	display: none;
}
#newsPage #newslist .newstitem .news_wrapper {
	left: 380px;
}
#newsPage #newslist .newstitem .newsimg {
	left: 30px;
	margin-top: 10px;
}
#indexPage #mteam .bx-wrapper .bx-pager-item {
	width: 3px;
	height: 3px;
	background: #4e4e4e;
	position: relative;
	z-index: 6;
	float: left;
	border-color: transparent;
	margin: 12px;
}
#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a:hover, #indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a.active {
	width: 16px;
	height: 16px;
	top: -8px;
	left: -8px;
	z-index: -1;
	opacity: 0.6;
	margin: 0;
	background: rgba(71, 71, 71, 0.3);
}
#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a {
	border-color: transparent;
	width: 16px;
	position: absolute;
	height: 16px;
	top: -8px;
	left: -8px;
	z-index: -1;
	opacity: 0.6;
	margin: 0;
}
#indexPage #mteam .module-content {
	width: 1200px;
}
/*合作伙伴*/
#indexPage #servicelist .serviceitem div p.title {
	height: 30px;
	line-height: 30px;
}
.npagePage #servicelist .wrap {
	margin-right: 0px;
}
.npagePage #servicelist {
	width: 1200px
}
#indexPage #mpartner .content .header {
	display: none;
}
#indexPage #mpartner .module-content {
	padding: 60px 0;
	height: 80px;
	width: 1060px
}
#indexPage #mpartner .wrapper {
	width: 1060px;
	height: auto;
}
#indexPage #mpartner .wrapper ul li {
	height: 80px;
}
#indexPage #mpartner .wrapper ul li a {
	width: 120px;
	height: auto;
	margin-right: 12px;
}
#indexPage #mpartner .bx-wrapper .bx-pager {
	display: block;
	bottom: 40px;
	right: 0;
}
#indexPage #mpartner .bx-wrapper .bx-controls-direction {
	display: block;
}
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled {
	display: block;
}
#indexPage #mpartner .bx-wrapper .bx-prev {
	left: -58px;
}
#indexPage #mpartner .bx-wrapper .bx-next {
	right: 772px;
}
#indexPage #mpartner .bx-wrapper .bx-controls-direction a i {
	width: 40px;
	height: 40px;
}
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-next i {
	margin-left: 0px;
	background: url(../images/icon.png)no-repeat -40px -146px;
	transition: all 0.4s ease 0s;
}
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-prev i {
	margin-left: 0px;
	background: url(../images/icon.png)no-repeat 0px -146px;
	transition: all 0.4s ease 0s;
}
.teamitem {
	float: none;
	width: 100%;
	height: 220px;
	padding-bottom: 40px;
	background-color: #232323;
	margin-bottom: 30px;
}
.teamitem:after {
	content: '';
	display: block;
	clear: both;
}
.npagePage #teamlist .teamitem a {
	float: left;
	margin-left: 30px;
	width: 200px;
	height: 200px;
	margin-top: 30px;
}
.npagePage #teamlist .teamitem .teaminfo {
	float: left;
	width: 540px;
	margin-left: 25px;
	margin-top: 75px;
}
.npagePage #teamlist .teamitem .teaminfo .subtitle {
	color: rgba(154, 154, 154, 0.72);
}
.npagePage #teamlist .teamitem .teaminfo .description {
	color: rgb(101, 100, 100);
}
.npagePage #teamlist .teamitem:hover .teaminfo {
	margin-left: 40px;
}
.npagePage .teamitem a:hover div.wrap {
	display: none;
}
.npagePage #teamlist .teamitem:hover .teamitem .teaminfo {
	margin-left: 80px
}
.teamitem .teaminfo {
	float: left;
	width: 540px;
	margin-left: 60px;
	transition: all 0.6s ease 0s;
}
.Pageteam .wrap .teamitem:hover .teaminfo {
	margin-left: 80px;
}
.teamitem:hover .teaminfo {
	margin-left: 90px;
}
.npagePage #teamlist .teamitem .title a {
	float: none;
	margin-left: 0px;
	width: auto;
	height: auto;
}
.npagePage #teamlist .teamitem:hover .title a {
	color: #FB213E;
}
.Pageanli #projectlist {
	width: 1200px;
	margin: 0 auto;
}
.Pageanli #category {
	text-align: center;
	top: 0;
	margin: 0 auto;
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
	margin-bottom: 40px;
}
.Pageanli #category li {
	margin-bottom: 0px;
	text-align: center;
}
.Pageanli #category a {
	font-size: 14px;
	color: rgba(255, 255, 255, .6);
	border: 0;
	padding: 7px 28px;
}
.Pageanli #category li.hasmore div ul:after {
	content: '';
	display: block;
	clear: both;
}
.Pageanli #category li.hasmore {
	height: auto;
}
.Pageanli #category li.hasmore div {
	position: inherit
}
.Pageanli#mproject .content>.header {
	text-align: center;
	left: 0;
	padding: 20px 0;
	margin-top: 70px;
}
#projectshow2 {
	float: left;
}
#projectinfo1, #projectinfo2 {
	width: 300px;
	padding: 0;
	border-top: 0;
	border-bottom: 1px solid #373737;
	box-shadow: none;
}
#projecttags1 a, #projecttags2 a, #projecttags3 a, #projecttags4 a, #projecttags5 a {
	background: #242424;
}
#projectimages1 img, #projectimages2 img, #projectimages3 img, #projectimages4 img, #projectimages5 img {
	margin-bottom: 10px;
}
#projecttags2 a:hover {
	background-color: #ef043c;
	color: #fff;
}
.npagePage2 #projectlist .projectitem {
	width: 132px;
	margin-right: 10px;
}
#projectshow1, #projectshow2 {
	width: 300px;
}
#projectib2 #projectlist .projectitem a .project_info div {
	bottom: -10px;
}
#projectib2 #projectlist #projectitem_1.projectitem a .project_info:hover div::after {
	display: none
}
#projectib2 #projectlist .projectitem a .project_info:hover div::after {
	display: none
}
#projectib2 #projectlist #projectitem.projectitem a .project_info div::after {
	display: none;
}
#projectib2 #projectlist .projectitem a:hover .project_info p.subtitle::after {
	display: none
}
#projectib2 #projectlist .projectitem a {
	width: 140px;
	height: 150px;
}
#projectib2 #projectlist .projectitem {
	width: 140px;
	height: 150px;
	float: left;
}
#projectib2 #projectlist .projectitem a .project_info p.title {
	font-size: 14px;
}
#npagePage #projectlist .projectitem a .project_info p.title {
	height: 38px;
	line-height: 38px;
	padding: 0px;
	color: rgba(255, 255, 255, 0.71);
	font-size: 13px;
	width: 120px;
	overflow: hidden;
}
#projectib2 #projectlist .projectitem a .project_info p.subtitle {
	color: #7D7D7D;
}
#npagePage #projectlist .projectitem a .project_info p.subtitle {
	height: 16px;
	line-height: 16px;
	display: none;
}
#projectib2 #projectlist #projectitem_5.projectitem a .project_info div::after {
	display: none
}
#category a::before {
	position: absolute;
	content: "";
	text-align: left;
	margin-left: 0px;
	margin-top: 22px;
	background-color: #b2b2b2;
	width: 0px;
	height: 1px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#category a::after {
	position: absolute;
	content: "/";
	text-align: left;
	margin-left: 27px;
	margin-top: 0px;
	font-size: 12px;
	color: #565656;
}
#indexPage #category a::after {
	content: ""
}
#projectlist .projectitem:nth-child(4n) {
	margin-right: 0;
}
/*首页服务*/
#indexPage #mteam .content_list #teamitem_0:after {
	content: "";
	display: block;
	width: 36px;
	height: 1px;
	top: 117px;
	left: 48px;
	position: absolute;
	z-index: 1;
	transition: all 0.4s ease 0s;
	transform: rotate(0deg);
	background-color: rgba(255, 255, 255, 0.17);
}
#indexPage #mteam .content_list #teamitem_1:after {
	content: "";
	display: block;
	width: 36px;
	height: 1px;
	top: 117px;
	left: 48px;
	position: absolute;
	z-index: 1;
	transition: all 0.4s ease 0s;
	transform: rotate(0deg);
	background-color: rgba(255, 255, 255, 0.17);
}
#indexPage #mteam .content_list #teamitem_2:after {
	content: "";
	display: block;
	width: 36px;
	height: 1px;
	top: 117px;
	left: 48px;
	position: absolute;
	z-index: 1;
	transition: all 0.4s ease 0s;
	transform: rotate(0deg);
	background-color: rgba(255, 255, 255, 0.17);
}
#indexPage #mservice .content {
	width: 1200px;
	position: relative;
	margin: 0 auto;
}
#indexPage #mservice .wrapper {
	position: relative;
}
#indexPage #servicelist {
	width: 1200px;
}
#sitecontent #indexPage #servicelist .serviceitem a img {
	position: inherit;
	right: auto;
	top: auto;
	float: left;
	height: auto;
	width: 350px;
}
#indexPage #servicelist .serviceitem div {
	width: 340px;
	position: absolute;
	top: auto;
	left: 0px;
	margin: 0px;
	right: auto;
	bottom: 0px;
	width: auto;
	float: none;
	padding: 30px 20px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#indexPage #servicelist .serviceitem {
	width: 380px;
	height: 380px;
	margin-right: 27px
}
#indexPage #servicelist .serviceitem a:after {
	display: none;
	content: '';
	clear: both;
}
#sitecontent #servicelist:hover .serviceitem:hover a img {
	display: block;
}
#indexPage #servicelist .serviceitem div p.description {
	width: calc(100% - 1px);
	height: 48px;
	margin: 10px 0;
}
#indexPage #mservice .content_list:after {
	display: block;
	content: '';
	clear: both;
	width: 0px
}
#indexPage #mservice .wrapper .content_list {
	width: 1200px;
	padding: 114px 0 120px 0;
}
#servicelist .serviceitem div p.title {
}
#indexPage #mteam .content_list li::after {
	content: "";
	display: block;
	width: 36px;
	height: 1px;
	position: absolute;
}
#mpartner .bx-wrapper .bx-pager.bx-default-pager a {
	width: 6px;
	height: 6px;
	border-radius: 5px;
}
#indexPage #mpartner .bx-wrapper .bx-pager {
	bottom: -34px;
}
#sitecontent .npagePage .teamitem a.details {
	color: rgba(255, 255, 255, 0.41);
	transition: all ease-out .4s;
	display: block;
	height: 30px;
	width: 80px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	text-align: center;
	text-indent: 0px;
	line-height: 29px;
	position: absolute;
	width: 80px;
	font-size: 14px;
	margin-left: 44px;
	left: 945px;
	top: 85px;
	border-radius: 120px;
}
#sitecontent .npagePage .teamitem:hover a.details {
	transition: all ease-out .4s;
	display: block;
	opacity: 1;
	color: rgba(255, 255, 255, 0.7);
	background: linear-gradient(100deg, #f9223e 20%, #AB2C71 84%, #AB2CA1);
}
.npagePage #teamlist .teamitem:hover a.teamimg {
	float: left;
	margin-left: 20px;
	width: 200px;
	height: 200px;
	margin-top: 40px;
	border-radius: 120px;
}
#indexPage a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i {
	font-size: 0px;
	width: 69px;
	background: url(../pic/ynicon.png)no-repeat 33px -95px;
	position: relative;
	top: -25px;
	left: -15px;
}
#indexPage #mproject a.more:hover i before {
	color: #fff;
}
#indexPage a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i:before {
	content: "";
	font-size: 0px;
}
#indexPage a.more, #indexPage a.details, #sitecontent .npagePage a.details {
	border-radius: 0px;
}
#indexPage #servicelist .serviceitem .service_img {
	width: 350px;
	height: 200px;
}
#indexPage #mteam #teamitem_0 a.details {
	display: block;
	width: 80px;
	height: 24px;
	border-radius: 90px;
	background: linear-gradient(to right, #f9223e 8%, #f9223e 68%, #f9223e);
	color: #fff;
	position: absolute;
	margin-top: 50px;
	border: 0px solid rgba(151, 151, 151, 0);
	transition: all 0.4s ease 0s;
	text-indent: 23px;
	line-height: 24px;
	font-size: 12px;
	text-transform: uppercase;
	left: 111px;
	top: 178px;
}
#indexPage #mteam #teamitem_1 a.details {
	background: linear-gradient(to right, #f9223e 8%, #f9223e 68%, #f9223e);
	display: block;
	width: 80px;
	height: 24px;
	border-radius: 90px;
	color: #fff;
	position: absolute;
	margin-top: 50px;
	border: 0px solid rgba(151, 151, 151, 0);
	transition: all 0.4s ease 0s;
	text-indent: 23px;
	line-height: 24px;
	font-size: 12px;
	text-transform: uppercase;
	left: 111px;
	top: 178px;
}
#indexPage #mteam #teamitem_2 a.details {
	background: linear-gradient(to right, #f9223e 8%, #f9223e 68%, #f9223e);
	display: block;
	width: 80px;
	height: 24px;
	border-radius: 90px;
	color: #fff;
	position: absolute;
	margin-top: 50px;
	border: 0px solid rgba(151, 151, 151, 0);
	transition: all 0.4s ease 0s;
	text-indent: 23px;
	line-height: 24px;
	font-size: 12px;
	text-transform: uppercase;
	left: 111px;
	top: 178px;
}
#indexPage #mteam #teamitem_3 a.details {
	background: linear-gradient(to right, #f9223e 8%, #f9223e 68%, #f9223e);
	display: block;
	width: 80px;
	height: 24px;
	border-radius: 90px;
	color: #fff;
	position: absolute;
	margin-top: 50px;
	border: 0px solid rgba(151, 151, 151, 0);
	transition: all 0.4s ease 0s;
	text-indent: 23px;
	line-height: 24px;
	font-size: 12px;
	text-transform: uppercase;
	left: 111px;
	top: 178px;
}
#indexPage #mteam #teamitem_4 a.details {
	background: linear-gradient(to right, #f9223e 8%, #f9223e 68%, #f9223e);
	display: block;
	width: 80px;
	height: 24px;
	border-radius: 90px;
	color: #fff;
	position: absolute;
	margin-top: 50px;
	border: 0px solid rgba(151, 151, 151, 0);
	transition: all 0.4s ease 0s;
	text-indent: 23px;
	line-height: 24px;
	font-size: 12px;
	text-transform: uppercase;
	left: 111px;
	top: 178px;
}
#indexPage #mteam #teamitem_5 a.details {
	background: linear-gradient(to right, #f9223e 8%, #f9223e 68%, #f9223e);
	display: block;
	width: 80px;
	height: 24px;
	border-radius: 90px;
	color: #fff;
	position: absolute;
	margin-top: 50px;
	border: 0px solid rgba(151, 151, 151, 0);
	transition: all 0.4s ease 0s;
	text-indent: 23px;
	line-height: 24px;
	font-size: 12px;
	text-transform: uppercase;
	left: 111px;
	top: 178px;
}
/*团队鼠标停留*/
#indexPage #mteam .content_list li:hover a.more {
	background-color: linear-gradient(to right, #f9223e 8%, #AB2C71 68%, #AB2CA1) !important;
}
/*团队鼠标停留*/
#indexPage #mteam a.details i {
	display: none;
}
#mteam .content .header p.subtitle {
	color: #605555;
	margin-left: 18px;
	display: inline;
}
#indexPage #mpage {
	color: #4e4e4e;
	font-size: 13px;
}
#mpage .module-content a.more:hover {
	color: #202020;
}
#mpage .module-content a.more:hover i {
	color: #202020;
}
/*加载背景颜色*/
.netmask.loading div i {
	background-color: #111;
}
.bx-wrapper .bx-loading {
	background-color: #111;
}
#indexPage #mpage {
	background-position: center !important
}
#indexPage #mpage.module.bgShow {
	background-attachment: inherit;
}
#indexPage #mpage .wrapper li {
	width: 1200px;
	margin: 0 auto
}
#indexPage #mproject .fa-angle-right:before {
	color: transparent;
}
#indexPage #mpage .wrapper li .fimg {
	background-repeat: no-repeat;
	background-position: top center;
	width: 520px;
	padding-bottom: 0px;
	position: relative;
	left: 120px;
	top: 8px;
	float: left;
}
#indexPage #mpage .wrapper li:before {
	content: "";
	width: 509px;
	height: 225px;
	background: linear-gradient(80deg, #f9223e -16%, #AB2C71 46%, #AB2CA1) !important;
	margin-left: 103px;
	top: 318px;
}
#mteam.module-content {
	border: 1px red solid
}
#indexPage #mpage .fa-angle-right:before {
	color: rgba(255, 255, 255, 0);
	margin-left: 63px;
	margin-top: 14px;
}
#indexPage #mservice .fa-angle-right:before {
	color: transparent;
}
#indexPage #mservice a.more i {
	width: 71px;
	margin-top: -15px;
	margin-left: 2px;
}
#indexPage #mpage a:hover {
	width: 110px;
	height: 28px;
	border: 0px solid rgba(151, 151, 151, 0);
	background: linear-gradient(to right, #f9223e 8%, #AB2C71 68%, #AB2CA1);
}
#indexPage #mpage a:after {
	content: "";
}
#indexPage #mpage a:hover.more i {
	text-indent: 12px;
}
#indexPage #mpage a:hover.more {
	text-indent: 19px;
}
#indexPage #mpage a.more i {
	text-indent: 5px;
	background: rgba(255, 255, 255, 0);
}
#indexPage #mpage a.more:hover.fa-angle-right:before {
}
#indexPage.content .header p.title {
	margin-left: 0%;
}
#indexPage #mteam a.more {
	display: block;
	visibility: visible;
	width: 106px;
	height: 30px;
	border-radius: 60px;
	border: 1px rgba(255, 255, 255, 0.15) solid;
	background-color: rgba(255, 255, 255, 0);
	color: rgba(255, 255, 255, 0);
}
#indexPage #mteam .fa-angle-right:before {
	color: transparent;
}
#indexPage #mteam a.more i {
	position: relative;
	top: -94px;
}
#indexPage #mteam a.more:hover {
	transition: all 0.4s ease 0s;
	background: linear-gradient(40deg, #f9223e 8%, #AB2C71 68%, #AB2CA1) !important;
	border: 1px solid rgba(48, 48, 48, 0);
}
#indexPage #mslider .fa-angle-left:before {
	content: "\f104";
	font-size: 16px;
	display: block;
	margin-left: 17px;
	margin-top: 12px;
	color: rgb(0, 0, 0);
}
#indexPage #mslider .fa-angle-right:before {
	content: "\f105";
	font-size: 16px;
	display: block;
	margin-left: 19px;
	margin-top: 12px;
	color: rgb(0, 0, 0);
}
#header ul li.navitem .fa-angle-right:before {
	margin-top: 0px;
	color: rgba(250, 250, 250, 0.78)
}
/*文章效果*/
#indexPage #newslist .newstitem::after {
	content: '';
	position: absolute;
	top: 0px;
	display: block;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(40deg, #f9223e 8%, #AB2C71 68%, #AB2CA1);
	transform: scalex(0);
	transition: transform .75s cubic-bezier(.19, 1, .22, 1);
	transform-origin: left;
	transition-delay: 0s!important;
	transition: all 0.8s ease 0s;
}
#indexPage #newslist .newstitem:hover::after {
	z-index: 0;
	transform: scalex(1);
	transform-origin: left;
}
#header ul li:hover {
}
#header ul li.navitem a::after {
	content: '';
	position: absolute;
	width: 0%;
	background: linear-gradient(to right, #f9223e 8%, #AB2C71 68%, #AB2CA1);
	left: 50%;
	transition: all 0.3s ease 0s;
	z-index: -1;
	height: 2px;
	top: 58px;
}
#header ul li.navitem a.active:after {
	width: 60%;
	background: linear-gradient(to right, #f9223e 8%, #AB2C71 68%, #AB2CA1);
	left: 20%;
}
#header ul li.navitem:hover a:after {
	left: 20%;
	width: 60%;
	background: linear-gradient(to right, #f9223e 8%, #AB2C71 68%, #AB2CA1);
}
#header.mini ul li.navitem a.active:after, #header.mini ul li.navitem:hover a:after {
	content: '';
	width: 60%;
	background: linear-gradient(to right, #f9223e 8%, #AB2C71 68%, #AB2CA1);
	left: 20%;
	position: absolute;
	top: 49px;
	height: 2px;
	transition: all 0.3s ease 0s;
	z-index: -1;
}
#header ul li.navitem:hover .subnav li a:after {
	display: none;
}
#header ul li.navitem.subnav li a:after {
	display: none;
}
#indexPage #mpage a.more:hover {
	text-indent: 30px;
}
.Pageteam a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i {
	display: none;
}