h2 {
	margin: 0;
	padding:0;
	font-weight: normal;
}
.m-header, .m-img, .head-nav {
	display: none!important;
}
.header {
	height: 86px;
	width: 100%;
	background: #fff;
}
.scroll-header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	display: none;
}
.header .auto {
	height: 100%;
}
.header .logo {
	float: left;
	width: 320px;
	height: 100%;
}
.header .logo * {
	display: inline-block;
	vertical-align: middle;
}
.header .logo i {
	width:155px;
	height:86px;
	background:url(../images/logo-red.jpg) left center no-repeat;
	background-size:100%;
}
.header .logo h1 {
	color:#585858;
	font-size:14px;
	padding-left:6%;
	margin-left:6%;
	border-left: 1px solid #b6b6b6;
}
.header .header-right {
	float: right;
	height: 100%;
	overflow: hidden;
	    display: flex;
}
.header .header-right ul {
	float: left;
	overflow: hidden;
	height: 100%;
}
.header .header-right ul li {
	float: left;
	margin: 0 8px;
	height: 100%;
}
.header .header-right ul li.on a, .header .header-right ul li a:hover {
	color: #000;
}
.header .header-right ul li a, .header .header-right .tel li {
	display: block;
	font-size: 14px;
	line-height: 86px;
	color: #333;
	height: 100%;
}
.header .header-right .tel li {
	color: #000!important;
}
.header .header-right .tel {
	float: left;
	overflow: hidden;
	height: 100%;
	margin-left: 7px;
	padding-left:27px;
	background: url(../images/yline.jpg) left center no-repeat;
}
.header .header-right ul li a h2 {
	font-size: 16px;
}
/*banner*/
/*.main {margin-top: 60px;}*/
.slick-banner {
	width: 100%;
}
.slick-banner a {
	display: block;
	width: 100%;
	height:auto;
}
.slick-banner a img.p-img {
	opacity: 0;
}
.slick-banner a img {
	width: 100%;
}
.ng-banner.swiper-container {
	width: 100%;
}
/*品牌案例*/
.index-case {
	width: 100%;
	background: #fff;
	padding:70px 0 50px;
}
.ic-title {
	text-align: left;
}
.ic-title h2 {
	font-size: 24px;
	line-height: 24px;
	color: #000;
	padding-bottom:20px;
}
.ic-title span {
	height:1px;
	width:50px;
	background:#333;
	display:block;
}
.index-case .case-item {
	margin-top:30px;
}
.case-item-top {
}
.case-item-top img {
	display:block;
	width:100%;
	height:auto;
}
.cil1 {
	width: 66.45%;
	margin-bottom: .30%;
	float: left;
	position:relative;
}
.cil2 {
	width: 33.1%;
	margin-right:0;
	margin-bottom: .30%;
	float: right;
	position:relative;
}
.case-item-top a div {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	filter:alpha(opacity=0);
}
.case-item-top a div li {
	width: 100%;
	height: 100%;
	display: table;
}
.case-item-top a div span {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.case-item-top a div h3 {
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}
.case-item-top a div h5 {
	font-size: 14px;
	line-height: 26px;
	color: #fff;
}
.case-item-top a:hover div {
	opacity: 1.0;
	filter:alpha(opacity=100);
}
.case-item {
	clear:both;
}
.case-item ul li {
	width: 33.1%;
	margin-right: 0.35%;
	margin-bottom: .35%;
	float: left;
}
.case-item ul li.mr {
	margin-right: 0;
}
.case-item ul li a {
	display: block;
	height: 100%;
	position: relative;
}
.case-item ul li a span {
	display: block;
	width: 100%;
	overflow: hidden;
}
.case-item ul li a span img {
	display: block;
	width: 100%;
	max-width: 100%;
	height:293px;
	
}
.case-item ul li a .icase-des {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	filter:alpha(opacity=0);
}
.case-item ul li a .icase-des .table {
	width: 100%;
	height: 100%;
	display: table;
}
.case-item ul li a .icase-des .table .tabel-cell {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.case-item ul li a .icase-des .table .tabel-cell h4 {
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}
.case-item ul li a .icase-des .table .tabel-cell p {
	font-size: 14px;
	line-height: 26px;
	color: #fff;
}
.case-item ul li a:hover .icase-des {
	opacity: 1.0;
	filter:alpha(opacity=100);
}
.case-item a.button_link {
	position: relative;
	display: block;
	margin: 60px auto 0;
	width: 170px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 18px;
	color: #5c5c5d;
	text-transform: uppercase;
	border: 1px solid #4c4c4c;
}
.case-item a.button_link span {
	display: block;
	position: absolute;
	z-index: 999;
	width: 100%;
}
.case-item a.button_link:before {
	content: "";
	width: 0%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.case-item a.button_link:hover:before {
	width: 100%;
}
.insight-left a:hover .isleft-img img, .insight-right a.insight-right-news:hover img, .insight-bd ul li a:hover .innews-left span img {
	-ms-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.case-item a.button_link:before, .follow-icon a, .aside-right ul li a, .related .related-slick a *, .case-item ul li a *, .insight-more:before, .insight-right ul li a, .insight-left a *, .insight-right a.insight-right-news *, .innews-right .innews-more:before, .insight-bd ul li a *, .page-bo a, .page-bo a.prev span:before, .page-bo a.prev span:after, .page-bo a.next span:before, .page-bo a.next span:after, .page-bo a.mid-close:before, .page-bo a.mid-close:after, .page-bo a.case-mid-close, .oc-item ul li *, .case-item-top * {
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease;
-ms-transition:all .4s ease;
transition:all .4s ease;
}
.index-about {
	padding:2% 0;
	overflow:hidden;
}
.iabout {
	background:#eff3f7;
	min-height:380px;
}
.il-about {
	float:left;
	width:34%;
	padding:3%;
	overflow:hidden;
	background:url(../upload/ai1.jpg) left center no-repeat;
	min-height:380px;
}
.ir-about {
	float:left;
	width:66%;
	padding:2% 4%;
	overflow:hidden;
}
.iltxt {
	padding:30px 0;
	overflow:hidden;
	line-height:20px;
}
.ilmore {
	font-size:14px;
	border-bottom:#666 1px solid;
	padding-bottom:5px;
}
.irtxt {
	padding:20px 0;
	overflow:hidden;
	line-height:24px;
	font-size:14px;
	color:#505051;
}
.irtxt div {
	line-height:28px;
}
.irnum {
	overflow:hidden;
}
.irnum li {
	float:left;
	width:33.22%;
	font-size:16px;
}
.irnum li strong {
	display:inline-block;
	font-size:42px;
	font-family: 'DINCond-Bold';
	padding-right:10px;
}
.irn1 {
	text-align:left;
}
.irn2 {
	text-align: center;
	border-left:#77797b 1px solid;
	border-right:#77797b 1px solid;
}
.irn3 {
	text-align: right;
}
.index-brands {
	padding:2% 0;
	overflow:hidden;
}
.index-brands * {
	overflow:hidden;
	display:block;
}
.ibrandt {
	background:#333;
	margin-top:30px;
}
.ibrandl, .ibrandr {
	float:left;
	width:50%;
	padding:3% 3% 3% 3%;
	background:#d7d7d7;
	min-height:150px;
}
.ibrandr {
	background:#c9c9c9;
}
.ibrandtl {
	float:left;
	width:33%;
	padding:5% 3% 0 3%;
	color:#FFF;
	font-size:14px;
	line-height:24px;
}
.ibrandtl li:before {
	content: "";
	display: inline-block;
	vertical-align:middle;
	width:5px;
	height:5px;
	background-color: #fff;
	border-radius:100%;
}
.ibrandti {
	float:right;
	width:67%;
}
.ibrandti img {
	display:block;
	width:100%;
	height:auto;
}
+ .ititle {
}
.ititle h2 {
	font-size:24px;
	padding-bottom:20px;
}
.ititle i {
	height:1px;
	width:50px;
	background:#FFF;
	clear:both;
}
.ititle em {
	height:1px;
	width:50px;
	background:#000;
	clear:both;
}
.ititle h5 {
	font-size:14px;
	line-height:24px;
	padding-top:20px;
}
.ibrandtltxt {
	padding:5% 0;
	overflow:hidden;
}
/*行业洞察*/
.insight {
	width: 100%;
	padding:80px 0;
	overflow: hidden;
}
.insight .auto {
	overflow: hidden;
}
.insight .auto .insight-left {
	width:50%;
	float: left;
}
.insight .auto .insight-right {
	width:49%;
	float: right;
	padding-left:1%;
}
.insight-left a {
	display: block;
}
.insight-left .isleft-img {
	width: 100%;
	overflow: hidden;
}
.insight-left .isleft-img img {
	display: block;
	width: 100%;
	max-width: 100%;
}
.insight-left .isleft-des {
	background: #ededed;
	width: 100%;
	padding: 20px 25px 30px 25px;
}
.insight-left .isleft-des h2 {
	font-size: 20px;
	color: #000;
	line-height: 30px;
}
.insight-left .isleft-des .isleft-txt {
	font-size: 14px;
	line-height: 24px;
	color: #494949;
	margin-top: 12px;
}
.insight-left a:hover .isleft-des .isleft-txt {
	text-decoration: underline;
}
.insight-more {
	position: relative;
	display: block;
	margin-top: 30px;
	width: 146px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #6c6c6c;
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
}
.insight-more i {
	display: block;
	position: absolute;
	z-index: 999;
	width: 100%;
	font-style: normal;
}
.insight-more:before {
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #ededed;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}
.insight-more:hover:before {
	width: 100%;
}
.insight-right .insight-title {
	border-bottom: 1px solid #7f7f7f;
	padding-bottom: 20px;
}
.insight-right .insight-title h2 {
	font-size: 30px;
	line-height: 40px;
	color: #000;
}
.insight-right .insight-title h4 {
	font-size:26px;
	line-height:30px;
	color: #555;
}
.insight-right ul {
	padding-top:40px;
	overflow: hidden;
}
.insight-right ul li {
	float: left;
	width: 50%;
}
.insight-right ul li.mli {
	padding-left: 30px;
}
.insight-right ul li a {
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #666;
}
.insight-right ul li a:hover {
	color: #000;
	text-decoration: underline;
}
.insight-right .insight-right-news {
	display: block;
	width: 100%;
	margin-top: 20px;
	border-bottom: 1px solid #7f7f7f;
}
.insight-right .insight-right-news .is-right-img {
	width: 100%;
	overflow: hidden;
}
.insight-right .insight-right-news .is-right-img img {
	display: block;
	width: 100%;
}
.insight-right .insight-right-news .isright-des {
	width: 100%;
	padding: 20px 0px 30px 0;
}
.insight-right .insight-right-news .isright-des h2 {
	font-size: 20px;
	color: #000;
	line-height: 30px;
}
.insight-right .insight-right-news .isright-des .isleft-txt {
	font-size: 14px;
	line-height: 24px;
	color: #494949;
	margin-top: 12px;
}
.insight-right .insight-right-news .isright-des .insight-more {
	display: block;
	margin-top: 30px;
	width: 146px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #6c6c6c;
	font-size: 18px;
	font-style: normal;
	color: #000;
}
.insight-right .insight-right-news .isright-des .insight-more:before {
	background: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.insight-right .insight-right-news:hover .isright-des .isleft-txt {
	text-decoration: underline;
}
/*广告*/
.index-ad {
	width: 100%;
	height: 590px;
	padding-top: 270px;
}
.index-ad h2 {
	font-size: 48px;
	line-height: 50px;
	color: #fff;
	text-align: center;
}
.ad-main .auto {
	padding: 150px 110px;
	overflow: hidden;
}
.ad-main .auto .ad-item {
	width: 360px;
	float: left;
	margin-right: 150px;
}
.ad-main .auto .ad-mr {
	margin-right: 0;
}
.ad-main .auto .ad-item h3 {
	position: relative;
	font-size: 24px;
	color: #000;
	padding-bottom: 24px;
}
.ad-main .auto .ad-item h3:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 50px;
	height: 2px;
	background: #000;
}
.ad-main .auto .ad-item .ad-des {
	font-size: 16px;
	line-height: 26px;
	margin-top: 30px;
}
.ad-main .auto .ad-item ul {
	margin-top: 30px;
}
.ad-main .auto .ad-item ul h4 {
	font-size: 18px;
	line-height: 32px;
}
.ad-main .auto .ad-item ul li {
	position: relative;
	font-size: 16px;
	line-height: 30px;
	padding-left: 18px;
}
.ad-main .auto .ad-item ul li:after {
	content: "";
	position: absolute;
	left: 2px;
	top: 12px;
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 100%;
}
/*网站地图*/
.map-site {
	background: #1b1b1b;
	padding: 80px 0;
}
.map-site .auto {
	overflow: hidden;
}
.map-site .maps-le dl {
	float: left;
	margin-right: 110px;
}
.map-site .maps-le dl dt {
	margin-bottom:8px;
	font-size: 16px;
	line-height: 30px;
	color: #cecece;
}
.map-site .maps-le dl dd a {
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #a8a8a8;
}
.map-site .maps-le dl dd a:hover {
	color: #fff;
}
.map-site .maps-le dl.cyt {
	margin-left: 24px;
}
.map-site .maps-le dl.cyt a {
	margin-bottom: 18px;
}
.map-ri {
	float: right;
	padding-left: 170px;
	border-left: 1px solid #373737;
}
.map-ri .map-logo {
	display: block;
	width: 170px;
	height: 32px;
}
.map-ri .map-logo img {
	display: block;
	width: 100%;
	max-width: 100%;
}
.map-ri .mr-con {
	margin-top: 5px;
}
.map-ri .mr-con h2 {
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
	color: #9a9a9a;
}
.map-ri .mr-con ul li {
	font-size: 14px;
	line-height: 24px;
	color: #a8a8a8;
}
.follow-icon {
	margin-top: 16px;
	overflow: hidden;
}
.follow-icon a {
	display: block;
	margin-right: 6px;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 100%;
}
.follow-icon a.fwb {
	background: #484848 url(../images/wb.svg) no-repeat center;
	background-size: 64%;
}
.follow-icon a.fwx {
	background: #484848 url(../images/wx.svg) no-repeat center;
	background-size: 66%;
}
.follow-icon a.fqq {
	background: #484848 url(../images/qq.svg) no-repeat center;
	background-size: 56%;
}
.follow-icon a.fwb:hover {
	background: #ea5d5c url(../images/wb.svg) no-repeat center;
	background-size: 64%;
}
.follow-icon a.fwx:hover {
	background: #50b674 url(../images/wx.svg) no-repeat center;
	background-size: 66%;
}
.follow-icon a.fqq:hover {
	background: #30a5dd url(../images/qq.svg) no-repeat center;
	background-size: 56%;
}
/*公共底部*/
.footer {
	background: #313131;
}
.footer .auto {
	text-align: left;
}
.footer-top {
	overflow:hidden;
	padding:4% 0 3% 0;
}
.footer-bottom {
	background:#222;
	overflow:hidden;
	padding:1% 0;
}
.footer-nav {
	float:left;
	width:55%;
	overflow:hidden;
}
.footer-nav ul {
	float:left;
	width:25%;
	overflow:hidden;
}
.footer-nav h3 {
	color:#d0d0d0;
	font-size:16px;
	padding-bottom:10px;
}
.footer-nav li {
	color:#d0d0d0;
	font-size:14px;
	line-height:24px;
}
.footer-nav li a {
	color:#d0d0d0;
	font-size:14px;
}
.footer-nav li a:hover {
	color:#fff;
	text-decoration:underline;
}
.footer-contact {
	float:right;
	width:40%;
	overflow:hidden;
}
.footer-contact img {
	float:left;
	width:118px;
	height:118px;
	overflow:hidden;
}
.footer-contact ul {
	float:left;
	width:65%;
	overflow:hidden;
	padding-left:10%;
	margin-left:10%;
	border-left:#4c4c4c 1px solid;
}
.footer-contact h3 {
	color:#d0d0d0;
	font-size:16px;
	padding-bottom:10px;
}
.footer-contact li {
	color:#d0d0d0;
	font-size:14px;
	line-height:24px;
}
.footerlink {
	color:#6a6a6a;
}
.footerlink p {
	display:inline-block;
}
.footerlink a, .footercopy a {
	color:#6a6a6a;
}
.footerlink a:hover, .footercopy a:hover {
	color:#fff;
	text-decoration:underline;
}
.footercopy {
	padding:5px 0;
	color:#6a6a6a;
	overflow:hidden;
}
.footer-main {
	text-align: center;
}
.footer-main h2 {
	font-size: 30px;
	line-height: 40px;
	color: #d4d4d4;
}
.footer-main .footer-tel {
	margin-top: 40px;
}
.footer-main .footer-tel h6 {
	font-size: 18px;
	line-height: 30px;
	color: #d4d4d4;
}
.footer-main .footer-tel a {
	font-size: 24px;
	line-height: 30px;
	color: #d4d4d4;
	text-decoration: underline;
}
.footer-main .footer-site {
	margin-top: 60px;
	width: 950px;
	margin: 60px auto;
	padding: 26px 20px;
	font-size: 14px;
	line-height: 24px;
	color: #d4d4d4;
	border: 1px solid #8c8c8c;
}
.footer-main .footer-site li.inline-block {
	display: inline-block;
}
.footer-main .footer-site a {
	display: inline-block;
	color: #d4d4d4;
}
.footer-main .footer-site a:hover {
	color: #fff;
}
.footer-link span {
	display:inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 26px;
	color: #525252;
}
.footer-link ul {
	display: inline-block;
	vertical-align: middle;
}
.footer-link ul span {
	display:inline-block;
	display:none
}
.footer-link ul li {
	display:inline-block;
}
.footer-link ul li a {
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	color: #525252;
	margin-right:5px;
}
.footer-link ul li a:hover {
	color: #fff;
}
.footer-link ul li i {
	position: absolute;
	right: 0;
	top: 8px;
	width: 1px;
	height: 12px;
	background: #6a6a6a;
}
.footer-p {
	text-align: center;
	margin-top: 10px;
}
.footer-p li {
	color: #6f6f6f;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
}
.footer-p a {
	display: inline-block;
	font-size: 12px;
	color: #6f6f6f;
	line-height: 20px;
}
.footer-p a:hover {
	color: #fff;
}
/*case*/
.case-banner {
	padding-top: 100px!important;
}
.case-banner .case-title {
	text-align: center;
}
.case-banner .case-title h4 {
	font-size: 24px;
	line-height: 40px;
	color: #000;
}
.case-banner .case-title h2 {
	font-size: 24px;
	line-height: 40px;
	color: #000;
}
.case-tab {
	padding-bottom: 150px;
}
.tab {
	width: 100%;
}
.tab .tab-hd {
	text-align: center;
	height: 74px;
	border-bottom: 1px solid #d4d4d4;
	padding: 14px 0;
	overflow:hidden;
	position: relative;
	z-index:2;
}
.tab .tab-hd li {
	position: relative;
	z-index:1;
	display: inline-block;
	margin: 0 25px;
	padding: 0 15px;
	font-size: 18px;
	color: #7c7c7c;
	height: 46px;
	line-height: 46px;
	overflow:hidden;
}
.tab .tab-hd li a {
	display:block;
	width:100%;
	height:50px;
	line-height: 48px;
	overflow:hidden;
}
/*.tab .tab-hd li.on,.tab .tab-hd li:hover {color: #000;}
.tab .tab-hd li.on:after,.tab .tab-hd li:hover:after {content: ""; position: absolute; bottom: -3px; left: 50%; margin-left: -5px; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #666 transparent transparent transparent;}*/
.tab .tab-bd {
	padding-top:70px;
}
.case-item ul li a .img-des {
	padding: 10px;
}
.case-item ul li a .img-des h4 {
	font-size: 16px;
	line-height: 26px;
	color: #5c5c5d;
}
.case-item ul li a .img-des h6 {
	font-size: 14px;
	line-height: 24px;
	color: #5c5c5d;
}
.case-item ul li a:hover .img-des {
	background: #000;
}
.case-item ul li a:hover .img-des h4 {
	color: #ddd;
}
.case-item ul li a:hover .img-des h6 {
	color: #ddd;
}
.tab .tab-bd .tab-bd-list {
	display: none;
}
.tab .tab-bd .tab-bd-list.cur {
	display: block;
}
.tab .tab-bd .case-list .case-item ul li {
	margin-bottom: 25px;
}
.tab .tab-hd li a i {
	display:none;
}
.tab .tab-hd li a.on i {
	display:block;
	color: #000;
	position: absolute;
	bottom: -4px;
	left: 50%;
	margin-left: -5px;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: #666 transparent transparent transparent;
}
.m-aboutbanner {
	display:none !important;
}
/*case-detail*/
.csd-banner {
}
.csd-main {
	width: 100%;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.csd-top {
	overflow: hidden;
	padding-top: 70px;
}
.csd-top .csd-title {
	float:left;
}
.csd-top .csd-title h2 {
	font-size: 28px;
	line-height: 36px;
}
.csd-top .csd-title h4 {
	font-size: 18px;
	line-height: 24px;
}
.csd-top .csd-des {
	width: 760px;
	float: right;
}
.csd-top .csd-des .csd-profile {
	padding-bottom: 6px;
	border-bottom: 1px solid #b2b2b2;
}
.csd-top .csd-des .csd-profile h3 {
	font-size: 16px;
	line-height: 24px;
	color: #343434;
}
.csd-top .csd-des .csd-profile h5 {
	font-size: 16px;
	line-height: 24px;
	color: #343434;
}
.csd-top .csd-des .csd-pro-des {
	font-size: 14px;
	line-height: 22px;
	color: #343434;
}
.csd-top .csd-des .csd-txt {
	font-size: 14px;
	line-height: 22px;
	color: #343434;
	margin-top: 28px;
}
.csd-main .csd-img {
	margin-top: 70px;
	overflow: hidden;
}
.csd-main .csd-img li {
	margin-bottom: 20px;
}
.csd-main .csd-img li img {
	display: block;
	width: 100%;
}
.related {
	padding: 100px 0 20px 0;
	margin-top: 100px;
}
.related .related-title {
	text-align: center;
	color:#fff;
}
.related .related-title h2, .related .related-title h4 {
	font-size: 28px;
	line-height: 36px;
}
.related .related-slick {
	padding: 70px 0;
	overflow:hidden;
}
.related .related-slick .slick-slide {
	margin-right: 6px;
}
.related .related-slick a {
	display: block;
}
.related .related-slick a span {
	display: block;
	width: 100%;
	overflow: hidden;
}
.related .related-slick a span img {
	display: block;
	width: 100%;
	max-width: 100%;
}
.related .related-slick a .img-des {
	padding: 10px;
	text-align:center;
}
.related .related-slick a .img-des h4 {
	font-size: 16px;
	line-height: 26px;
	color: #999;
}
.related .related-slick a .img-des h6 {
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.related .related-slick a:hover .img-des {
}
.related .related-slick a:hover .img-des h4 {
	color: #fff;
}
.related .related-slick a:hover .img-des h6 {
	color: #fff;
}
.aside-right {
	position: fixed;
	top: 75%;
	margin-top: -78px;
	right: 0;
	width: 50px;
	z-index: 1001;
}
.aside-right .aside-wrap {
	width: 100%;
}
.aside-right ul li {
	position: relative;
	width: 50px;
	height: 50px;
	margin-bottom: 2px;
	margin-left: 0;
	cursor: pointer;
}
.aside-right ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.aside-right ul li.aside-wc a {
	background: #b2b2b2 url(../images/aside-wc.png) no-repeat center;
}
.aside-right ul li.aside-wc .wechat-code {
	display: none;
	position: absolute;
	left: -130px;
	top: -35px;
	z-index: 1000;
	width: 120px;
	height: auto;
	padding:2px;
	background:#FFF;
}
.aside-right ul li.aside-wc .wechat-code:before {
	position:absolute;
	right:-15px;
	top:50px;
	content:'';
	border-left:8px #fff dashed;
	border-top:8px transparent dashed;
	border-right:8px transparent dashed;
	border-bottom:8px transparent solid;
}
.aside-right ul li.aside-wc .wechat-code img {
	display: block;
	width: 100%;
	height:auto;
	max-width: 100%;
}
.aside-right ul li.aside-qq a {
	background: #b2b2b2 url(../images/aside-qq.svg) no-repeat center;
}
.aside-right ul li.aside-top a {
	background: #b2b2b2 url(../images/top.png) no-repeat center;
}
.aside-right ul li.aside-wc a:hover {
	background: #00a78e url(../images/aside-wc.png) no-repeat center;
}
.aside-right ul li.aside-qq a:hover {
	background: #0077c7 url(../images/aside-qq.svg) no-repeat center;
}
.aside-right ul li.aside-top a:hover {
	background: #ff0000 url(../images/top.png) no-repeat center;
}
/*行业洞察*/
.small-banner h4 {
	font-size: 28px;
	line-height: 40px;
	color: #fff;
	text-align: center;
}
.insight-tab {
	padding-bottom: 80px;
}
.insight-bd ul li {
	margin-bottom: 72px;
	height: 260px;
}
.insight-bd ul li a {
	display: block;
	overflow: hidden;
	height: 100%;
}
.insight-bd ul li a .innews-left {
	width: 550px;
	float: left;
	height: 100%;
}
.insight-bd ul li a .innews-left span {
	display: block;
	overflow: hidden;
	width: 100%;
	border:#f1f1f1 1px solid;
}
.insight-bd ul li a .innews-left span img {
	width: 100%;
	display: block;
	max-width: 100%;
}
.insight-bd ul li a .innews-right {
	float: right;
	width: 650px;
	padding-left: 50px;
	height: 100%;
}
.innews-right .innews-title h4 {
	font-size: 24px;
	line-height: 34px;
	color: #585858;
}
.innews-right .innews-title span {
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	color: #585858;
}
.insight-bd ul li a:hover .innews-right .innews-title h4 {
	color: #000;
}
.insight-bd ul li a:hover .innews-des {
	text-decoration: underline;
}
.innews-right .innews-des {
	font-size: 16px;
	line-height: 24px;
	color: #585858;
	margin-top: 26px;
}
.innews-right .innews-more {
	position: relative;
	display: block;
	margin-top: 46px;
	width: 136px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border: 1px solid #7f7f7f;
}
.innews-right .innews-more i {
	display: block;
	position: absolute;
	z-index: 9;
	width: 100%;
	font-style: normal;
	font-size: 16px;
	color: #585858;
}
.innews-right .innews-more:before {
	content: "";
	width: 0%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.innews-right .innews-more:hover:before {
	width: 100%;
}
.innews-right .innews-more:hover i {
	color: #000;
}
.innews-page {
	border-top: 1px solid #d4d4d4;
	padding-top: 40px;
	text-align: center;
}
.innews-page .dots {
	display: inline-block;
	vertical-align: middle;
	color: #6c3333;
	font-size: 18px;
	line-height: 32px;
	height: 38px;
	padding-top: 6px;
	margin: 0 3px;
}
.innews-page a {
	display: inline-block;
	vertical-align: middle;
	width: 38px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	background: #eeebeb;
	color: #838383;
	margin: 0 3px;
	border-radius: 2px;
}
.innews-page a.on, .innews-page a:hover {
	background: #2a2b2f;
	color: #fff;
}
/*insight-detail*/
.insight-detail {
	padding: 60px 0 120px;
	border-bottom: 1px solid #d4d4d4;
}
.w1000 {
	width: 1000px;
	margin: 0 auto;
}
.is-detail-main .is-detail-head {
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 15px;
}
.is-detail-main .is-detail-head h2 {
	font-size: 26px;
	line-height: 40px;
	color: #000;
}
.is-detail-main .is-detail-head i {
	display: inline-block;
	font-size: 14px;
	font-style: normal;
	line-height: 24px;
	color: #000;
}
.is-detail-main .is-detail-txt {
	margin-top: 40px;
	font-size: 14px;
	line-height: 24px;
	color: #000;
}
.is-detail-main .is-detail-txt img {
	max-width:100%;
	height:auto;
}
.is-detail-main .is-detail-img {
	margin-top: 200px;
	overflow: hidden;
}
.is-detail-main .is-detail-img li {
	width: 100%;
	margin-bottom: 20px;
}
.is-detail-main .is-detail-img li img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.page-bo {
	margin-top: 80px;
	border-top: 1px solid #d4d4d4;
	padding-top: 50px;
}
.page-bo .w1000, .page-bo .w1200 {
	position: relative;
}
.page-bo a {
	display: block;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	color: #333;
}
.page-bo a.mid-close {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	top: 0;
}
.page-bo a.mid-close:before, .page-bo a.mid-close:after {
	content: "";
	position: absolute;
	width: 30px;
	height: 2px;
	background: #000;
	border-radius: 5px;
}
.page-bo a.mid-close:before {
	-ms-transform:translateY(13px) rotate(45deg);
	-webkit-transform:translateY(13px) rotate(45deg);
	-moz-transform: translateY(13px) rotate(45deg);
	-o-transform: translateY(13px) rotate(45deg);
	transform: translateY(13px) rotate(45deg);
}
.page-bo a.mid-close:after {
	-ms-transform:translateY(13px) rotate(-45deg);
	-webkit-transform:translateY(13px) rotate(-45deg);
	-moz-transform: translateY(13px) rotate(-45deg);
	-o-transform: translateY(13px) rotate(-45deg);
	transform: translateY(13px) rotate(-45deg);
}
.page-bo a.mid-close:hover:before, .page-bo a.mid-close:hover:after {
	-ms-transform:translateY(13px) rotate(0);
	-webkit-transform:translateY(13px) rotate(0);
	-moz-transform: translateY(13px) rotate(0);
	-o-transform: translateY(13px) rotate(0);
	transform: translateY(13px) rotate(0);
	background: #b7b7b7;
}
.page-bo a.case-mid-close {
	width: 100px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: 5px;
}
.page-bo a.case-mid-close:hover {
	color:#000;
	opacity:.6;
}
.page-bo a.prev {
	float: left;
	padding-left: 36px;
	position: relative;
}
.page-bo a.next {
	float: right;
	padding-right: 36px;
	position: relative;
}
.page-bo a span {
	display: block;
}
.page-bo a.prev span:before, .page-bo a.prev span:after {
	position: absolute;
	display: block;
	content: '';
	position: absolute;
}
.page-bo a.prev span:before {
	left: 5px;
	top: 14.5px;
	width: 25px;
	height: 1px;
	background: #333;
}
.page-bo a.prev span:after {
	left: -5px;
	top: 10px;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #333 transparent transparent;
}
.page-bo a.prev:hover span:before {
	width: 50px;
	left: -20px;
	background: #b7b7b7;
}
.page-bo a.prev:hover span:after {
	left: -25px;
	border-color: transparent #b7b7b7 transparent transparent;
}
.page-bo a.next span:before, .page-bo a.next span:after {
	position: absolute;
	display: block;
	content: '';
	position: absolute;
}
.page-bo a.next span:before {
	right: 5px;
	top: 14.5px;
	width: 25px;
	height: 1px;
	background: #333;
}
.page-bo a.next span:after {
	right: -5px;
	top: 10px;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #333;
}
.page-bo a:hover {
	color: #b7b7b7;
}
.page-bo a.next:hover span:before {
	width: 50px;
	right: -20px;
	background: #b7b7b7;
}
.page-bo a.next:hover span:after {
	right: -25px;
	border-color: transparent transparent transparent #b7b7b7;
}
/*service*/
.service {
}
.service>ul>li {
	float: left;
	margin-top: 240px;
	width: 1380px;
}
.service>ul>li.fr {
	float: right;
}
.service>ul>li {
	display: block;
	position: relative;
}
.service>ul>li span {
	display: block;
	width: 100%;
}
.service>ul>li span img {
	display: block;
	width: 100%;
	max-width: 100%;
	max-height: 620px;
}
.service>ul>li .service-block {
	width: 440px;
	height: 700px;
	padding: 120px 45px 0;
	position: absolute;
	right: -270px;
	top: -140px;
	background: #e6e8eb;
}
.service>ul>li.fr .service-block {
	left: -270px;
}
.service-block .sb-title i {
	display: inline-block;
	width: 100px;
	height: 100px;
}
.service-block .sb-title i.s1-i {
	background: url(../images/s1-i.svg) no-repeat center;
}
.service-block .sb-title i.s2-i {
	background: url(../images/s2-i.svg) no-repeat center;
}
.service-block .sb-title i.s3-i {
	background: url(../images/s3-i.svg) no-repeat center;
}
.service-block .sb-title h4 {
	position: relative;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 20px;
	color: #000;
	margin-top: 10px;
}
.service-block .sb-title h4:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 2px;
	background: #000;
}
.service-block .sb-des {
	font-size: 16px;
	line-height: 24px;
	color: #000;
	margin-top: 50px;
}
.service-block ul {
	margin-top: 40px;
}
.service-block ul h4, .service-block ul li {
	font-size: 18px;
	line-height: 32px;
	color: #000;
}
.service-block ul li {
	position: relative;
	padding-left: 16px;
}
.service-block ul li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #000;
}
.our-customers {
	padding: 130px 0 100px 0;
}
.our-customers .oc-title {
	border-bottom: 1px solid #b2b2b2;
	padding-bottom: 20px;
}
.our-customers .oc-title h2, .our-customers .oc-title h6 {
	font-size: 28px;
	line-height: 40px;
	color: #000;
}
.m-oc-item {
	display: none;
}
.oc-item ul {
	overflow: hidden;
	margin-top: 80px;
}
.oc-item ul li {
	display: table;
	float: left;
	height: 60px;
	text-align: center;
	margin-bottom: 90px;
}
.oc-item ul li.l1 {
	width: 220px;
}
.oc-item ul li.l2 {
	width: 240px;
}
.oc-item ul li.l3 {
	width: 310px;
}
.oc-item ul li.l4 {
	width: 220px;
}
.oc-item ul li.l5 {
	width: 210px;
}
.oc-item ul li span {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.oc-item ul li span svg {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	_filter: none;
}
.oc-item ul li:hover span svg {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
	_filter: none;
}
/*about*/
.small-banner {
	height: 280px;
	padding-top: 120px;
}
.about-banner .about-banner-title h4 {
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	letter-spacing: 45px;
	color: #000;
}
.about-profile {
	padding-top: 90px;
}
.about-profile .about-des {
	font-size: 16px;
	line-height: 26px;
	color: #000;
}
.about-profile .about-img {
	margin-top: 60px;
	width: 100%;
}
.about-profile .about-img img {
	display: block;
	width: 100%;
	max-width: 100%;
}
.about-team {
	margin-top: 180px;
}
.about-team ul {
	overflow: hidden;
	margin-top: 40px;
}
.about-team ul li {
	width: 20%;
	float: left;
}
.about-team ul li img {
	display: block;
	width: 100%;
	max-width: 100%;
}
.about-team .team-title h6 {
	font-size: 18px;
	line-height: 30px;
	margin-top: 35px;
}
.about-team .team-vision {
	margin-top: 60px;
	text-align: center;
	font-size: 26px;
	line-height: 46px;
	color: #000;
}
.about-title {
	text-align: center;
}
.about-title h2 {
	font-size: 30px;
	line-height: 40px;
}
.about-title h4 {
	font-size: 24px;
	line-height: 30px;
	color: #555;
}
.environmental {
	margin-top: 190px;
}
.envir-main {
	margin-top: 60px;
	padding-bottom: 260px;
}
.envir-main .envir-top {
	overflow: hidden;
	height: 637px;
}
.envir-main .envir-top .envir-top-le, .envir-main .envir-top .envir-top-ri {
	width: 596px;
	float: left;
	height: 100%;
}
.envir-main .envir-top .envir-top-le img {
	display: block;
	width: 100%;
}
.envir-main .envir-top .envir-top-ri {
	margin-left: 8px;
}
.envir-main .envir-top .envir-top-ri li.m1 {
	margin-bottom: 8px;
}
.envir-main .envir-top .envir-top-ri li img {
	display: block;
	width: 100%;
}
.envir-main .envir-bottom {
	margin-top: 9px;
	overflow: hidden;
}
.envir-main .envir-bottom li {
	width: 394px;
	float: left;
	margin-right: 9px;
}
.envir-main .envir-bottom li.m5 {
	margin-right: 0;
}
.envir-main .envir-bottom li img {
	display: block;
	width: 100%;
}
/*contact*/
.contact-banner h4 {
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	color: #fff;
}
.contact-main .w1200 {
	padding: 65px 0 70px 502px;
}
.contact-title {
	padding-bottom: 10px;
	border-bottom: 1px solid #7f7f7f;
}
.contact-title h2 {
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	color: #000;
}
.contact-title h6 {
	font-size: 14px;
	line-height: 24px;
	color: #000;
}
.contact-site {
	padding: 14px 0;
	border-bottom: 1px solid #7f7f7f;
}
.contact-site li {
	font-size: 14px;
	color: #000;
	line-height: 24px;
}
.contact-map {
	margin-top: 54px;
	padding-bottom: 60px;
	border-bottom: 1px solid #7f7f7f;
}
.contact-map img {
	display: block;
	width: 100%;
}
.contact-code {
	padding: 14px 0;
	overflow: hidden;
	border-bottom: 1px solid #7f7f7f;
}
.contact-code .code-img {
	float: left;
}
.contact-code .code-des {
	float: left;
	margin-left: 90px;
	font-size: 20px;
	line-height: 36px;
	padding: 44px 0;
}
.pnone {
	display:none!important;
}
.mnone {
	display:block!important;
}