img {
	max-width: 100%
}

.gray {
	color: #444
}

.footer {
	padding-top: 0
}

.subBanner {
	padding: 0;
	position: relative;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-attachment: fixed!important;
	background-position: center top!important
}

.subBannerImg {
	width: 100%
}

.subBannerImg:before {
	clear: both;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.subBannerImg img {
	display: block;
	width: 100%
}

.subInfoBox {
	position: relative;
	z-index: 2
}

.subBannerInfo {
	color: #fff;
	padding: 212px 0 85px;
	overflow: hidden
}

.subBannerInfo .subTitle01 {
	font-size: 30px;
	font-weight: bold;
	color: #fff
}

.subBannerInfo .subTitle01 a {
	color: #fff
}

.subBannerInfo .subTitle02 {
	font-size: 15px;
	font-family: 'Arial';
	letter-spacing: .8px;
	margin-top: 10px;
	color: #fff;
	opacity: .5;
	filter: alpha(opacity=50)
}

.subBannerInfo .subInfo {
	font-size: 18px;
	margin-top: 2.5em;
	padding-top: 20px;
	position: relative
}

.subBannerInfo .subInfo:before {
	position: absolute;
	content: '';
	top: -3px;
	left: 0;
	clear: both;
	width: 70px;
	height: 3px;
	background-color: #c7000a
}

.subBannerInfo .subInfo:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	clear: both;
	width: 605px;
	height: 1px;
	background-color: rgba(199,0,10,0.5)
}

.pro-img {
	margin-top: 30px;
	display: inline-block
}

.subBannerInfo2 {
	padding-top: 0
}

.subBannerInfo2 .subTitle01 {
	font-size: 22px
}

.subBannerInfo .subTitle02 {
	font-size: 18px
}

.subBannerInfo2 .subInfo:before {
	background-color: #231815
}

.subBannerInfo2 .subInfo:after {
	background-color: rgba(35,24,21,0.3)
}

.subBannerInfo3 .subInfo {
	text-align: right
}

.subInfoBox2 {
	padding-top: 170px
}

.readMore {
	width: 120px;
	height: 40px;
	border: 1px solid #000;
	line-height: 40px;
	text-align: center
}

.readMore:hover {
	border-color: #fff;
	background-color: #fff
}

.readMore:hover a {
	color: #c7000a
}

.subBannerInfo2 .subInfo {
	font-size: 16px
}

.subBannerInfo2 .subInfo a {
	color: #fff
}

.subBannerInfo2 .subInfo:after,.subBannerInfo4 .subInfo:after {
	width: 100%
}

.alignRight {
	text-align: right
}

.productWrap {
	width: 100%;
	background-color: #f2f2f2
}

.subBannerInfo3 {
	padding-top: 0
}

.subBannerInfo3 .subTitle01 {
	text-align: right;
	color: #333
}

.subBannerInfo3 .subTitle01 a {
	color: #333
}

.subBannerInfo3 .subTitle02 {
	text-align: right;
	color: #b2b2b2;
	opacity: 1;
	filter: alpha(opacity=100);
	font-size: 18px
}

.subBannerInfo3 .subInfo:before {
	left: auto;
	right: 0;
	background-color: #c7000a
}

.subBannerInfo3 .subInfo:after {
	background-color: #e5a9ac;
	width: 100%
}

.subBannerInfo3 .subInfo {
	color: #999;
	font-size: 16px
}

.subBannerInfo3 .subInfo a {
	color: #999
}

.readMore2 {
	float: right;
	border-color: #c7000a;
	color: #c7000a
}

.readMore2 a {
	color: #c7000a
}

.readMore2:hover {
	background-color: #c7000a
}

.readMore2:hover a {
	color: #fff
}

.subBannerInfo4 {
	padding-top: 0
}

.readMore3 {
	float: none
}

.readMore3:hover {
	border-color: #c7000a
}

.subBannerInfo4 .subInfo:after {
	background-color: #733132
}

.subInfoBox4 {
	padding-top: 75px
}

.productWrap02:before {
	opacity: .74;
	filter: alpha(opacity=74)
}

.subBannerInfo4 .subInfo:before {
	background-color: #c7000a
}

.subInfoBox3 {
	padding-top: 80px
}

.subBanner03 .subTitle01 {
	font-size: 36px
}

.subBanner03 .subTitle02 {
	font-size: 24px
}

.subBanner03 .subInfo::after {
	display: none
}

.subBanner03 .subBannerInfo {
	padding-bottom: 0
}

.subNavWrap {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 30
}

.subNavWrap:before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #c7000a;
	opacity: .5;
	filter: alpha(opacity=50);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 25
}

.subNav {
	width: 100%;
	overflow: hidden;
	margin: 0;
	position: relative;
	z-index: 28
}

.subNav li {
	height: 60px;
	line-height: 60px;
	float: left;
	font-size: 18px
}

.subNav li a {
	color: #fff;
	display: block;
	padding: 0 45px;
	margin-right: 1px
}

.subNav li.active a,.subNav li:hover a {
	background-color: #c7000a!important;
	color: #fff
}

.pro-detail {
	padding: 70px 0 80px
}

.pd-title01 {
	font-size: 30px;
	margin: 50px 0 30px
}

.pd-info {
	font-size: 16px;
	line-height: 30px
}

.pro-detail02 {
	background-color: #f2f2f2
}

.pd-title01 {
	margin: 30px 0 14px
}

.pd-p01 {
	font-size: 16px;
	color: #999;
	margin-bottom: 25px
}

.pd-info02 {
	line-height: 48px
}

.pd-title01 {
	line-height: 38px
}

.desginCon {
	background: url(../images/bg02.png) repeat;
	padding: 50px 0
}

.img-web {
	padding-top: 195px;
	display: block
}

.subBannerInfo03 {
	padding-top: 165px
}

.subBannerInfo03 .subTitle02 {
	font-size: 15px
}

.subBannerInfo03 .subInfo:after {
	background-color: rgba(199,0,10,0.5)
}

.design-title {
	font-size: 22px;
	margin-bottom: 14px
}

.design-p01 {
	color: #b2b2b2;
	font-family: 'Arial';
	font-size: 18px;
	letter-spacing: 1px
}

.design-info p {
	color: #666;
	line-height: 26px;
	letter-spacing: 1px
}

.articleWrap {
	width: 100%;
	overflow: hidden;
	padding: 50px 0
}

.article-title {
	font-size: 22px;
	color: #231815;
	font-weight: bolder;
	margin-bottom: 40px
}

.article-title span {
	display: block;
	color: #b2b2b2;
	font-family: 'Arial';
	letter-spacing: 1px;
	margin-top: 13px;
	font-size: 18px;
	font-weight: normal
}

.article {
	width: 100%;
	overflow: hidden
}

.img-web02 {
	padding: 150px 0 20px
}

.subBannerInfo04 {
	padding: 25px 0 70px
}

.subBannerInfo04 .subTitle01 {
	color: #333
}

.subBannerInfo04 .subTitle02 {
	color: #b2b2b2;
	font-size: 15px;text-transform: uppercase;
}

.subBannerInfo04 .subInfo:after {
	background-color: rgba(199,0,10,0.5)
}

.subBannerInfo04 .subInfo {
	color: #999;
	font-size: 16px
}

.Related-list {
	width: 100%;
	padding-bottom: 40px
}

.Related-list li {
	float: left;
	margin: 0 0 28px 0;
	width: 25%
}

.Related-list li a {
	display: block;
	position: relative;
	margin: 0 14px
}

.item-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	background: 0;
	color: #fff;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

.item-overlay_title {
	font-family: Roboto;
	font-size: 20px;
	color: #fff;
	font-weight: 300;
	margin-top: 50%;
	margin-bottom: 0;
	text-align: center
}

.item-portfolio_item_tags {
	font-style: italic;
	margin-bottom: 0;
	text-align: center
}

.Related {
	padding-bottom: 30px
}

.Related-list li:hover .item-overlay {
	filter: alpha(opacity=100);
	opacity: 1;
	background: rgba(5,106,178,0.75)
}

.Related-list li:hover .item-overlay:before,.Related-list li:hover .item-overlay:after {
	display: block;
	content: "";
	background: #fff;
	position: absolute
}

.Related-list li:hover .item-overlay:before {
	width: 69px;
	height: 1px;
	top: 15%;
	left: 50%;
	margin-left: -33px;
	margin-top: 33px
}

.Related-list li:hover .item-overlay:after {
	width: 1px;
	height: 69px;
	left: 50%;
	top: 15%
}

.serviceList {
	padding: 20px 0 50px
}

.item-process {
	width: 10%;
	float: left;
	margin-bottom: 20px
}

.service-icon {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #c7000a;
	display: block;
	border-radius: 50%;
	text-align: center
}

.service-icon .iconfont {
	font-size: 67px;
	line-height: 1.8;
	color: #fff;
	transition: transform .4s ease
}

.service-icon:hover .iconfont {
	opacity: .8
}

.service-name {
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 25px;
	margin: 20px 0 0 0
}

.arrow-right {
	width: 5%;
	height: 100%;
	display: block;
	float: left;
	text-align: center;
	height: 119px
}

.arrow-right .iconfont {
	font-size: 30px;
	color: #a7a4a3;
	line-height: 4.2
}

.serviceTitle {
	padding: 35px 0 53px
}

.serviceTitle h3 {
	font-size: 26px;
	letter-spacing: 1px;
	text-align: center;
	color: #333
}

.serviceTitle span {
	display: block;
	color: #b2b2b2;
	font-size: 18px;
	font-family: 'Arial';
	text-align: center;
	letter-spacing: 1px
}

.tabMenu {
	text-align: center;
	border: 0
}

.tabMenu li {
	width: 400px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border: 5px solid #c7000a;
	margin: 0;
	float: none;
	margin: 0 70px;
	cursor: pointer
}

.tabMenu li.active a:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 22px solid transparent;
	border-right: 22px solid transparent;
	border-top: 19px solid #c7000a;
	position: absolute;
	left: 50%;
	bottom: -24px;
	margin-left: -22px
}

.item-img02 {
	width: 100%;
	height: 0;
	padding-bottom: 66.5%;
	display: block;
	overflow: hidden
}

.tabMenu>li>a {
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
	border-radius: 0;
	border: none!important
}

.item-txt02 {
	width: 180px;
	height: 50px;
	background-color: #c7000a;
	font-size: 22px;
	text-align: center;
	line-height: 45px;
	color: #fff;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: normal
}

.tab-content {
	background-color: #c7000a;
	padding: 50px 0 60px;
	margin-top: 20px
}

.s-title {
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	text-align: center
}

.s-content {
	font-size: 16px;
	line-height: 28px;
	color: #efcbcc
}

.s-icon {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px
}

.s-icon .iconfont {
	font-size: 56px;
	color: #fff;
	display: inline-block
}

.s-icon .iconfont,.service-icon {
	-webkit-transition: .4s;
	-webkit-transition: -webkit-transform .4s ease-out;
	transition: transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out
}

.s-icon:hover .iconfont,.item-process:hover .service-icon {
	transform: rotateZ(360deg);
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg)
}

.s-content02 {
	width: 100%;
	overflow: hidden;
	background-color: #f2f2f2
}

.s-list01 {
	width: 100%;
	overflow: hidden;
	padding: 20px 20px 0 25px
}

.s-list01 h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 22px;
	color: #333
}

.s-list01 li {
	font-size: 15px;
	color: #999;
	position: relative;
	line-height: 28px;
	padding: 4px 0 4px 18px;
	transition: all .3s ease
}

.s-list01 li:before {
	content: '';
	width: 8px;
	height: 8px;
	background-color: #c7000a;
	position: absolute;
	left: 0;
	top: 15px
}

.s-list01 li:hover {
	margin-left: 10px
}

.noPadding {
	padding: 0
}

.s-response,.s-coverage,.about-content02 {
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: center center!important;
	background-attachment: fixed!important
}

.s-response {
	margin-top: 60px
}

.serviceTitle-white h3 {
	color: #fff
}

.serviceTitle-white span {
	color: #e7a5a3
}

.table01 {
	text-align: center;
	color: #fff;
	border: 1px solid #fb6971;
	border-left: none
}

.table01 thead {
	background-color: rgba(255,255,255,0.3);
	font-size: 16px
}

.table01 tr {
	background-color: rgba(255,255,255,0.15)
}

.table01>tbody>tr:nth-of-type(2n+1) {
	background: 0
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>thead>tr>td,.table>thead>tr>th {
	padding: 14px 10px;
	border: 0
}

.table01 th {
	border-left: 1px solid #fb6971;
	text-align: center
}

.table01>tbody>tr>td,.table01>thead>tr>th {
	border-left: 1px solid #fb6971
}

.serviceTitle02 {
	padding: 50px 0 0 0
}

.serviceTitle02 .subTitle01 {
	font-size: 22px
}

.serviceTitle02 .subInfo {
	font-size: 16px;
	line-height: 28px
}

.maps {
	padding: 30px 0
}

.applyWrap02 {
	background-color: #f2f2f2
}

.applyBox02 {
	padding-top: 30px;
	padding-bottom: 90px
}

.applyTitle02 {
	color: #666;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 1px
}

.subBanner04:before {
	opacity: .6;
	filter: alpha(opacity=60)
}

.aboutTitle h3 {
	text-align: left;
	color: #231815;
	font-weight: bold
}

.aboutTitle span {
	text-align: left
}

.about-article {
	font-size: 16px;
	line-height: 26px;
	padding-top: 10px
}

.about-article p {
	color: #666
}

.about-img02 {
	padding-bottom: 90px
}

.about-content03 {
	padding-bottom: 100px
}

#filters.portfolio_filter02 {
	margin-bottom: 0
}

.about-content {
	padding: 15px 0 60px
}

.noPadding-top {
	padding-top: 0!important
}

.about-con01 {
	text-align: center;
	padding-bottom: 60px;
	letter-spacing: 2px
}

.about-con01 p {
	font-size: 20px;
	color: #fff;
	padding: 0 20px;
	margin-bottom: 35px;
	position: relative;
	font-family: '黑体'
}

.about-con01 p:before {
	width: 40px;
	content: '';
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	bottom: -11px;
	margin-left: -20px
}

.about-con01 h4 {
	font-size: 55px;
	color: #fff;
	padding: 0 20px;
	margin-bottom: 45px;
	font-weight: bolder;
	font-family: '黑体'
}

.newsList01 img {
	width: 100%;
	display: block
}

.newsLi {
	margin-bottom: 40px
}

.item-img03 {
	width: 100%;
	height: 0;
	display: block;
	padding-bottom: 58.85%;
	overflow: hidden
}

.item-txt03 {
	width: 100%;
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 20px
}

.item-author03 {
	width: 100%;
	overflow: hidden
}

.item-author03 span {
	float: left;
	color: #bfbfbf
}

.item-author03 strong {
	float: right;
	font-weight: normal;
	color: #bfbfbf
}

.item-txt03 h3 {
	font-size: 18px;
	line-height: 28px;
	color: #333;
	height: 56px;
	overflow: hidden
}

.item-info03 {
	font-size: 14px;
	line-height: 24px
}

.item-info03 p {
	margin-bottom: 2px;
	height: 72px;
	overflow: hidden
}

.newsLi a {
	display: block;
	color: #666
}

.newsLi:hover a {
	background-color: #f2f2f2
}

.pages {
	text-align: center;
	padding: 10px 0 30px
}

.pagination>li>a,.pagination>li>span {
	padding: 8px 14px;
	border: 0;
	background-color: #f7f7f7;
	margin: 0 10px;
	color: #adadad;
	font-size: 16px
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	background-color: #c7000a
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
	background-color: #c7000a;
	color: #fff
}

.page-min {
	display: none
}

.pager li>a,.pager li>span {
	margin: 0 20px;
	background-color: #c7000a;
	color: #fff;
	padding: 5px 20px;
	border: 0
}

.pager li>a:hover,.pager li>span:hover {
	background-color: #c7000a
}

.bread a {
	color: #fff
}

.bread {
	padding: 200px 0 0
}

.bread .subInfo {
	font-size: 16px
}

.bread a:hover {
	color: #c7000a
}

.articleTitle {
	position: relative
}

.articleTitle span.dates {
	position: absolute;
	right: 0;
	top: 76px
}

.articleTitle h3 {
	font-size: 32px;
	color: #231815;
	line-height: 45px;
	margin: 64px 0 40px;
	margin-right: 120px
}

.artitlceAbstract {
	line-height: 28px;
	font-size: 14px;
	line-height: 28px;
	border-top: 1px solid #ccc;
	padding: 50px 0
}

.artitlceAbstract strong {
	color: #333;
	font-weight: bold
}

.article {
	color: #666;
	font-size: 16px;
	line-height: 28px;
	padding-bottom: 70px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px
}

.article img {
	max-width: 100%
}

.shareWrap {
	text-align: right;
	padding-right: 0
}

.bdsharebuttonbox {
	display: inline-block
}

.shareWrap .bdshare-button-style2-32 .bds_weixin {
	background: 0;
	background-color: #7dd43c;
	color: #fff
}

.shareWrap .iconfont {
	background: 0;
	background-color: #ccc;
	font-size: 24px;
	line-height: 32px;
	position: relative;
	text-indent: 0;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	margin: 0 0 0 20px
}

.shareWrap .bdshare-button-style2-32 .bds_tsina,.shareWrap .bdshare-button-style2-32 .bds_qzone {
	font-size: 21px;
	line-height: 30px
}

.shareWrap .bdshare-button-style2-32 .bds_more {
	color: #fff
}

.shareWrap .bdshare-button-style2-32 a:hover {
	opacity: .8;
	color: #fff
}

.next-article {
	margin-bottom: 15px
}

.next-article strong {
	color: #333
}

.next-article a {
	color: #666
}

.article-bottom {
	padding-bottom: 30px
}

.imgRight {
	float: right
}

.imgLeft {
	float: left
}

.bdsharebuttonbox strong {
	float: left;
	font-size: 16px;
	color: #333;
	display: inline-block;
	line-height: 32px;
	height: 32px
}

.joinUs-title {
	height: 50px
}

.joinUs-title h3 {
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #c7000a;
	color: #fff;
	font-size: 18px;
	margin: 0
}

.joinUs-title span {
	float: right;
	height: 50px;
	line-height: 60px
}

.joinUs-title span a {
	padding-right: 15px;
	position: relative;
	color: #c7000a;
	font-size: 15px
}

.joinUs-title span a:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 8px solid #231815;
	border-bottom: 5px solid transparent;
	position: absolute;
	right: 0;
	top: 6px
}

.joinUs {
	padding-bottom: 45px
}

.joinUs-title span:hover a:before {
	border-left: 8px solid #c7000a
}

.joinUs-list {
	font-size: 0
}

.join-info {
	width: 100%;
	overflow: hidden;
	border: 1px solid #000;
	padding: 20px 20px 10px 25px
}

.join-info h4 {
	color: #231815;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: bold;
	margin-bottom: 15px
}

.join-info ul {
	width: 100%;
	overflow: hidden;
	padding-bottom: 25px
}

.join-info li {
	font-size: 14px;
	color: #999;
	letter-spacing: 1px
}

.joinLi {
	margin-bottom: 50px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top
}

.joinLi:nth-child(3) .join-info {
	min-height: 702px
}

.contactUs-header {
	margin-bottom: 50px;
	position: relative;
	width: 100%
}

.item-txt04 {
	position: absolute;
	right: -1px;
	top: 0;
	background: rgba(255,255,255,0.8);
	width: 41.67%;
	height: 390px;
	display: table
}

.item-inner04 {
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px 0 55px
}

.item-inner04 h3 {
	font-size: 22px;
	color: #c7000a;
	margin: 0 0 30px 0
}

.item-inner04 p {
	line-height: 28px;
	padding: 4px 0;
	margin: 0;
	font-size: 16px;
	color: #666
}

.item-inner04 p strong {
	color: #231815;
	font-weight: normal
}

.item-inner05 {
	background-color: #f2f2f2;
	width: 100%;
	display: block;
	padding: 25px 28px 35px;
	font-size: 15px
}

.contactUs-list {
	font-size: 0
}

.contactUs-li {
	margin-bottom: 40px;
	float: none;
	font-size: 0;
	display: inline-block;
	vertical-align: top
}

.pd-info03 {
	line-height: 35px
}

.pd-info03 h4 {
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	color: #444
}

.pd-info03 h4:after {
	content: '';
	width: 40px;
	height: 2px;
	background-color: #c7000a;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 0
}

.pd-info04 h4 {
	font-family: 'Times';
	font-size: 35px;
	padding-bottom: 10px;
	text-align: left;
}

.pd-info04 h4:after {
	left: 0;
	margin-left: 0;
}

.pd-title03 {
	padding-bottom: 30px;
	text-align: center;
	margin-top: 0
}

.functions,.guard {
	margin-top: 30px
}

.pCircle {
	padding-left: 20px;
	line-height: 30px;
	position: relative;
	margin-bottom: 10px
}

.pCircle:before {
	content: '';
	width: 5px;
	height: 5px;
	background-color: #c7000a;
	position: absolute;
	left: 0;
	top: 10px
}

.searchCon {
	margin-top: 20px;
	border-top: 1px dotted #dcdcdc;
	padding-top: 20px
}

.caseWrap01 {
	background: url(../images/example01.jpg) repeat-x bottom #f2f2f2
}

.case-txt01 p {
	text-align: right;
	margin: 15px 0 25px;
	max-height: 117px
}

.caseList01 {
	padding: 30px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin-top: 30px
}

.caseList01 li {
	float: left;
	width: 16.66%
}

.caseList01 li a {
	display: block;
	margin: 10px;
	border: 1px solid #ddd
}

.caseWrap02 {
	padding: 70px 0 60px
}

.tab-content02 {
	background: 0;
	padding: 0
}

.tabMenu02 {
	border-bottom: 0;
	text-align: center
}

.tabMenu02>li {
	float: none;
	display: inline-block;
	margin: 0 3%;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	margin-bottom: 20px
}

.tabMenu02>li>a {
	min-width: 180px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #c7000a;
	padding: 0;
	border-radius: 0;
	position: relative;
	cursor: pointer
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	border: 0;
	background-color: #c7000a;
	color: #fff;
	cursor: pointer
}

.nav-tabs>li.active>a:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 15px solid #c7000a;
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin-left: -10px
}

.caseList02 {
	padding-top: 20px;
	font-size: 0
}

.caseList02 dd {
	width: 14.28%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	white-space: nowrap;
	line-height: 30px
}

.caseList02 dd a {
	font-size: 14px;
	margin: 0 10px
}

.g-title {
	margin: 15px 0 25px;
	font-size: 20px;
	color: #222
}

.gpowerList li {
	border-bottom: 1px dotted #ccc;
	height: 42px;
	line-height: 42px;
	overflow: hidden
}

.gpowerList li a {
	color: #888
}

.marginBot {
	margin-bottom: 20px
}

.gpowerWrap02 {
	background-color: #f2f2f2;
	padding: 40px 0
}

.g-list01 {
	padding: 20px 0
}

.g-list01 li {
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	padding: 0 0 0 18px
}

.gpowerWrap03 {
	padding: 40px 0
}

.line01 {
	display: none
}

.cultureLi {
	margin-bottom: 40px
}

.cultureLi a {
	display: block;
	position: relative;
	overflow: hidden
}

.item-img10 {
	width: 100%;
	padding-bottom: 55.95%;
	overflow: hidden;
	display: block;
	height: 0
}

.item-img10 i {
	width: 182px;
	height: 182px;
	border-radius: 50%;
	background-color: #8bcfb5;
	color: #fff;
	position: absolute;
	left: -26px;
	top: -92px;
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 260px;
	text-align: center;
	font-style: normal
}

.item-txt10 {
	background-color: #8bcfb5;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 0
}

.cultureLi02 i {
	background-color: #f77564
}

.cultureLi02 .item-txt10 {
	background-color: #f77564
}

.cultureLi03 i {
	background-color: #8aabb5
}

.cultureLi03 .item-txt10 {
	background-color: #8aabb5
}

.cultureList02 {
	background-color: #f5f5f5;
	padding: 42px 35px
}

.cultureList02 li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px
}

.cultureList02 li span {
	width: 50px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background-color: #c7000a;
	color: #fff;
	float: left
}

.cultureList02 li strong {
	font-weight: normal;
	margin-left: 64px;
	display: block;
	color: #999
}

.cultureList03 {
	margin: 0 -5px
}

.cultureList03 li {
	width: 33.33%;
	float: left
}

.cultureList03 li a {
	display: block;
	margin: 0 5px 10px;
	position: relative
}

.item-img11 {
	width: 100%;
	height: 0;
	display: block;
	padding-bottom: 140%;
	overflow: hidden;
	background-color: #ccc
}

.item-img11:before {
	position: absolute;
	background-color: #c7000a;
	opacity: .5;
	filter: alpha(opacity=50);
	left: 50%;
	top: 50%;
	transition: all .3s ease;
	content: '';
	width: 0;
	height: 0;
	z-index: 5
}

.cultureList03 .item-txt11 img {
	width: 100%;
	display: block
}

.cultureList03 li a:hover .item-img11:before {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.item-txt11 {
	width: 100%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	position: absolute;
	left: 0;
	z-index: 10;
	top: 30%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .5s ease
}

.cultureList03 li a:hover .item-txt11 {
	opacity: 100;
	filter: alpha(opacity=100)
}

.smallSize-img {
	padding-bottom: 68.52%
}

.item-txt11 i {
	display: block;
	font-size: 35px
}

.spaceHeight40 {
	height: 40px
}

::-moz-selection {
	background: #c7000a;
	color: fff
}

.planList {
	margin-left: -30px;
	margin-right: -30px
}

.planLi {
	margin-bottom: 40px
}

.planLi>div {
	border-bottom: 1px solid #e5e5e5;
	margin: 0 30px;
	padding-bottom: 10px
}

.planLi i {
	color: #c7000a;
	font-size: 63px;
	float: left;
	line-height: 63px
}

.plan-txt01 {
	margin-left: 75px
}

.plan-txt01 h4 {
	color: #333;
	font-size: 20px;
	font-weight: normal
}

.plan-txt01 p {
	color: #999;
	line-height: 24px;
	letter-spacing: .5px;
	padding-top: 6px;
	height: 144px;
	overflow: hidden
}

.planWrap02 {
	background-color: #d2333b
}

.customersList {
	margin-top: 20px;
	padding-bottom: 100px
}

.customer01 .slider3 .slide a {
	display: block;
	width: 100%;
	height: 100%
}

.customer01 .slider3 .slide a {
	transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.customer01 .slider3 .slide a:hover {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08)
}

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1
}

.bx-wrapper img {
	max-width: 100%;
	display: block
}

.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px
}

.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000
}

.bx-wrapper .bx-prev {
	left: -38px;
	background: url(../images/controls.png) no-repeat 0 -60px
}

.bx-wrapper .bx-next {
	right: -38px;
	background: url(../images/controls.png) no-repeat -43px -60px
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 16px;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 60px;
	text-indent: -9999px;
	z-index: 999
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none
}

.bx-wrapper .bx-controls-auto {
	text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80,80,80,0.75);
	width: 100%
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px
}

.bx-wrapper .bx-pager {
	display: none
}

.whiteTitle h3 {
	color: #fff
}

.productList02 {
	padding-bottom: 75px
}

.productLi {
	width: 260px;
	height: 173px;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	border-radius: 9px;
	overflow: hidden;
	box-shadow: 0 1px 5px 2px rgba(0,0,0,0.2)
}

.productLi:after {
	background-color: #fff;
	content: '';
	opacity: .8;
	filter: alpha(opacity=80);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	transition: all .3s ease
}

.productLi a {
	display: block;
	padding: 20px;
	position: relative;
	z-index: 2
}

.productLi i {
	font-size: 28px;
	color: #333
}

.productLi h3 {
	font-size: 18px;
	color: #333;
	letter-spacing: .3px;
	font-weight: bold
}

.productLi span {
	display: block;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Arial'
}

.productLi:hover:after {
	background-color: #f80f08;
	opacity: .75;
	filter: alpha(opacity=75)
}

.productLi:hover i,.productLi:hover h3 {
	color: #fff
}

.productLi:hover span {
	color: #fb9095
}

.productList02 .bx-wrapper .bx-controls-direction a {
	top: 72px
}

.otherLi {
	padding-top: 65px;
	margin-bottom: 25px
}

.otherLi>div {
	border: 1px solid #ccc;
	border-radius: 15px;
	padding: 28px;
	position: relative;
	transition: all .3s ease
}

.otherLi h3 {
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	margin: 54px 0 20px
}

.otherLi p {
	font-size: 16px;
	line-height: 28px;
	min-height: 168px;
	text-align: justify
}

.other-icon:after {
	width: 90px;
	height: 90px;
	background-color: #f80f08;
	transform: rotate(45deg);
	border-radius: 12px;
	display: block;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -45px;
	top: 0;
	text-align: center;
	z-index: 0;
	content: ''
}

.other-icon {
	color: #fff;
	font-size: 55px;
	line-height: 90px;
	width: 90px;
	height: 90px;
	text-align: center;
	z-index: 12;
	display: block;
	left: 50%;
	margin: -45px 0 0 -45px;
	top: 0;
	position: absolute;
	transition: all .3s ease
}

.other-icon:before {
	z-index: 15;
	position: relative;
	font-size: 55px
}

.otherLi>div:hover .other-icon {
	transform: rotate(360deg)
}

.otherLi>div:hover {
	margin-top: -10px;
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.2)
}

.icon-app1:after {
	background-color: #2a93ca
}

.icon-xiaochengxu:after {
	background-color: #ef9638
}

.otherWrap02 {
	background-color: #f5f5f5;
	margin-top: 65px;
	padding-bottom: 25px
}

.planList02 .plan-txt01 p {
	height: 54px
}

.planList03 .plan-txt01 p {
	height: 78px
}

.item-img12 {
	width: 100%;
	display: block;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}

.item-img12 img {
	width: 100%
}

.item-img12 .play {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	display: block;
}

.item-txt12 {
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	text-align: center;
	transition: all .35s ease-in-out
}

.readMore4 {
	clear: both;
	overflow: hidden;
	text-align: center;
	padding-top: 15px;
}

.readMore4 a {
	display: inline-block;
	padding: 8px 15px;
	border: 1px solid #dcdcdc;
	min-width: 150px;
	border-radius: 8px;
	transition: all .3s ease-in-out
}

.readMore4 a:hover {
	background-color: #c7000a;
	color: #fff
}

.videoList>div a {
	transition: all .35s ease-in-out;
	display: block
}

.videoList>div:hover a {
	box-shadow: 0 2px 15px rgba(0,0,0,0.25)
}

.customer02 .slider3 .slide a {
	border: 1px solid #d5d5d5;
}

.customer02 .bx-wrapper .bx-controls-direction a {
	border: 1px solid #d5d5d5;
}

.tech_home_box h4 {
	width: 20%;
	float: left;
}

.tech_home_box h4:after {
	width: 0;
}

.designInfo {
	border: 4px solid #f2f2f2;
	border-radius: 10px;
	background: #fff;
	padding: 5px 16px;
	margin-bottom: 40px;
}

.designInfo > span {
	display: inline-block;
	border-bottom: 2px solid #c7000a;
	color: #444;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px;
}

.designInfo > span i {
	display: inline-block;
	vertical-align: top;
	padding-right: 10px;
	height: 50px;
}

.system-info > span img {
	width: 100%;
	display: block;
}

.designInfo > span i img {
	vertical-align: middle;
	padding-bottom: 4px;
	display: inline-block;
}

.designInfo > p {
	line-height: 30px;
	font-size: 16px;
	color: #777;
	min-height: 90px;
}

.designInfo02 {
	margin-top: 70px;
}

.system-info {
	padding-bottom: 20px;
}

.system-info h4 {
	color: #222;
	margin: 22px 0 18px
}

.system-info p {
	font-size: 15px;
	line-height: 30px;
}

.example-info {
	margin-bottom: 20px;
	display: block;
}

.example-info img {
	width: 100%;
}

.fm-list01 {
	padding: 15px 0 0;
}

.fm-list01 li {
	width: 14.28%;
	float: left;
}

.fm-list01 li > span {
	display: block;
	margin: 0 15px;
	height: 80px;
	line-height: 80px;
	overflow: hidden;
	border-radius: 15px;
	border-bottom: 5px solid #ae4845;
	background-color: #fff;
	text-align: center;
	font-size: 20px;
}

.fm-list01 li:nth-child(2) span {
	border-color: #0070c0;
}

.fm-list01 li:nth-child(3) span {
	border-color: #595959;
}

.fm-list01 li:nth-child(4) span {
	border-color: #63a537;
}

.fm-list01 li:nth-child(5) span {
	border-color: #99cb38;
}

.fm-list01 li:nth-child(6) span {
	border-color: #948a54;
}

.fm-list01 li:nth-child(7) span {
	border-color: #16477a;
}

.fm-list02 {
}

.fm-list02 li {
	width: 20%;
	float: left;
	margin-bottom: 30px;
}

.fm-list02 li > span {
	margin: 0 15px;
	display: block;
	border-left: 4px solid #c7000a;
	line-height: 24px;
	padding: 3px 0 3px 15px;
	font-size: 18px;
	color: #222
}

.fm-list03 {
	font-size: 0;
}

.fm-list03 li {
	width: 50%;
	padding: 8px 15px;
	position: relative;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	color: #222
}

.fm-list03 li:before {
	content: '';
	width: 8px;
	height: 8px;
	background-color: #b8b8b8;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
}

.system-info02 {
	border: 5px solid #f2f2f2;
	border-radius: 10px;
	text-align: center;
	padding: 0 20px;
	margin-bottom: 30px;
	margin-top: 40px;
}

.system-info02 > .icon {
	width: 50px;
	height: 50px;
	border: 5px solid #f2f2f2;
	line-height: 50px;
	text-align: center;
	position: relative;
	top: -40px;
	display: inline-block;
	border-radius: 50%;
	background-color: #fff;
	margin-bottom: -40px;
}

.system-info02 > .icon img {
	vertical-align: middle;
	display: inline-block;
	padding-bottom: 12px;
}

.system-info02 h3 {
	color: #222;
	margin-top: -20px;
	font-size: 20px;
}

.system-info02 p {
	min-height: 75px;
	color: #555;
	text-align: left;
}
.template-card{height: 300px;overflow: hidden;margin-bottom: 30px;}
.template-card img{position: relative;top:0;transition: top 2s;}
.mb30{margin-bottom: 15px;}
@media screen and (max-width:1200px) {
	.tabMenu li {
		width: 300px;
		margin: 0 35px
	}

	.tabMenu02>li>a {
		min-width: 100px
	}

	.tabMenu02>li {
		margin: 0 10px 10px
	}

	.caseList02 dd {
		width: 20%
	}

	.fm-list01 li > span,.fm-list02 li > span {
		font-size: 16px
	}

	.fm-list01 {
		margin: 0 7px
	}

	.fm-list01 li > span {
		margin: 0 8px
	}
}

@media screen and (max-width:1190px) {
	.subBannerInfo {
		padding: 130px 0 30px
	}

	.navbar-right {
		margin-top: 6px
	}

	.subBannerInfo2 {
		padding-top: 0
	}

	.img-web {
		padding-top: 150px
	}

	.service-icon .iconfont {
		font-size: 50px
	}

	.arrow-right .iconfont {
		line-height: 3.2
	}

	.s-content02 {
		padding: 25px 0
	}

	.item-txt04 {
		height: 320px;
		width: 400px
	}
}

@media screen and (max-width:991px) {
	#filters li a {
		padding: 5px 12px
	}

	#filters li {
		margin: 0 8px 10px
	}

	.hidden-992 {
		display: none
	}

	.img-web {
		padding-top: 0
	}

	.service-icon .iconfont {
		font-size: 39px
	}

	.arrow-right .iconfont {
		line-height: 2.6
	}

	.tabMenu li {
		width: 200px;
		margin: 0 20px
	}

	.item-txt02 {
		font-size: 16px;
		width: 100%;
		height: 40px;
		line-height: 36px
	}

	.s-content {
		min-height: 112px
	}

	.tabMenu li {
		width: 45%;
		margin: 0 2%
	}

	.s-content02 .pull-right {
		float: none!important
	}

	.item-txt04 {
		position: static;
		background-color: #f2f2f2;
		width: 100%;
		padding: 30px 0;
		height: auto
	}

	.item-inner04 h3 {
		margin-bottom: 20px
	}

	.item-inner04 {
		padding: 0 15px
	}

	.item-inner05 {
		padding: 25px 28px 35px
	}

	.imgLeft,.imgRight {
		float: none
	}

	.pro-detail {
		padding-bottom: 30px
	}

	.pull-right {
		float: none!important
	}

	.caseList01 li,.caseList02 dd {
		width: 25%
	}

	.line01 {
		display: block;
		clear: both
	}
}

@media screen and (max-width:970px) {
	.subInfoBox2 {
		padding: 100px 15px 20px
	}

	.pd-info {
		margin-bottom: 30px
	}

	.pro-detail {
		padding: 40px 0
	}

	.pd-title01 {
		margin-top: 0
	}

	.pd-info02 {
		line-height: 30px
	}

	.Related-list li:hover .item-overlay:before,.Related-list li:hover .item-overlay:after {
		display: none
	}

	.item-overlay_title {
		margin-top: 30%
	}

	.page-web {
		display: none
	}

	.page-min {
		display: block
	}

	.planLi>div {
		margin: 0
	}

	.planList {
		margin: 0
	}

	.otherLi p {
		height: auto
	}
}

@media screen and (max-width:767px) {
	.fm-list01 li {
		width: 33.3%;
		margin-bottom: 15px;
	}

	.designInfo02 {
		margin-top: 0;
	}

	.designInfo {
		margin-bottom: 20px;
	}

	.fm-list02 li {
		width: 50%;
	}

	.fm-list03 li {
		width: 100%;
	}

	body,.fm-list03 li,.fm-list02 li > span {
		font-size: 14px
	}

	.subBannerInfo {
		padding: 22px 0 10px
	}

	.subBanner {
		margin-top: 57px
	}

	.subBannerInfo .subTitle01,.applyTitle02 {
		font-size: 24px
	}

	.subBannerInfo .subTitle02 {
		font-size: 14px;
		margin-top: 5px
	}

	.subBannerInfo .subInfo {
		font-size: 14px;
		margin-top: 1em;
		padding-top: 1em
	}

	.subBannerInfo .subInfo:after {
		width: 100%
	}

	.dzen_section_content {
		padding: 0 15px
	}

	.subInfoBox2,.subInfoBox4,.subInfoBox3 {
		padding: 0 15px 20px
	}

	.productWrap02,.subBanner02 {
		margin-top: 0
	}

	.productWrap {
		padding-bottom: 20px
	}

	.subBannerInfo2 .subTitle01 {
		font-size: 20px
	}

	.subNav li {
		height: 45px;
		line-height: 45px;
		font-size: 14px
	}

	.subNav li a {
		padding: 0 20px
	}

	.pd-title01,.design-title,.article-title,.item-inner04 h3,.serviceTitle h3,.subBannerInfo .subTitle01 {
		font-size: 18px
	}

	.pd-info,.pd-p01,.design-info,.service-name,.about-article,.item-inner04 p,.serviceTitle span,.s-list01 li,.article {
		font-size: 14px
	}

	.item-overlay_title {
		font-size: 16px
	}

	.design-p01,.article-title span {
		font-size: 12px
	}

	.desginCon,.articleWrap {
		padding: 30px 0
	}

	.Related-list li a {
		margin: 0 8px
	}

	.arrow-right .iconfont {
		font-size: 24px
	}

	.service-icon .iconfont {
		line-height: 1.6
	}

	.service-name {
		margin-top: 10px
	}

	.arrow-right {
		width: 30px
	}

	.s-content {
		min-height: auto
	}

	.s-icon {
		width: 65px;
		height: 65px
	}

	.s-icon .iconfont {
		font-size: 36px
	}

	.tab-content {
		padding: 40px 0
	}

	.serviceTitle {
		padding: 25px 0
	}

	.dzen_section_DD02 {
		padding-bottom: 10px
	}

	.about-article {
		padding-top: 20px
	}

	.about-img img {
		display: block;
		margin: 0 auto
	}

	.about-content03 {
		padding-bottom: 40px
	}

	.article img {
		width: auto!important;
		height: auto!important;
		display: inline-block!important
	}

	.contactUs-list,.contactUs-header,.pro-detail {
		padding-left: 20px;
		padding-right: 20px
	}

	.contactUs-header {
		padding-top: 30px
	}

	.contactUs-list img {
		width: 100%
	}

	.serviceTitle,.artitlceAbstract {
		padding: 20px 0
	}

	.articleTitle h3 {
		margin: 34px 0 10px;
		font-size: 26px;
		text-align: center
	}

	.articleTitle span.dates {
		position: static;
		display: block;
		text-align: center;
		padding-bottom: 30px
	}

	.shareWrap {
		text-align: left
	}

	.shareWrap .iconfont {
		margin: 0 6px
	}

	.caseList01 li,.caseList02 dd {
		width: 33.3%
	}

	.caseList02 {
		padding-top: 0
	}

	.tab-content {
		padding: 30px 15px
	}

	.g-title {
		margin: 10px 0
	}

	.g-list01 {
		padding-top: 10px
	}

	.item-txt11 {
		display: none
	}

	.item-img11::before {
		display: none
	}

	.cultureList03 li {
		width: 50%
	}

	.cultureList03 li:nth-child(3) {
		width: 100%
	}

	.cultureList03 li:nth-child(3) a {
		width: 50%;
		float: left;
		overflow: hidden;
		margin: 0;
		padding: 0 5px 10px
	}

	.cultureList04 li:nth-child(1) {
		width: 100%
	}

	.cultureList04 li:nth-child(1) a {
		width: 50%;
		float: left;
		overflow: hidden;
		margin: 0;
		padding: 0 5px 10px
	}

	.cultureList04 li:nth-child(3) {
		width: 50%
	}

	.cultureList04 li:nth-child(3) a {
		width: 100%;
		float: left;
		overflow: hidden;
		margin: 0;
		padding: 0 5px 10px
	}

	.productList02,.customersList {
		padding: 0 49px 75px
	}

	.plan-txt01 {
		margin-left: 50px
	}

	.plan-txt01 p {
		height: auto
	}

	.planLi i {
		font-size: 40px;
		line-height: 40px
	}

	.plan-txt01 h4 {
		font-size: 18px
	}

	.otherLi h3,.productLi h3 {
		font-size: 16px
	}

	.otherLi p {
		font-size: 14px;
		margin: 0
	}

	.planList02 .plan-txt01 p,.planList03 .plan-txt01 p {
		height: auto
	}
}

@media screen and (max-width:640px) {
	.other-icon:after {
		width: 60px;
		height: 60px;
		margin-left: -30px
	}

	.other-icon::before {
		font-size: 35px
	}

	.other-icon {
		width: 60px;
		height: 60px;
		margin: -30px 0 0 -30px;
		line-height: 60px
	}

	.otherLi h3 {
		margin: 35px 0 20px
	}

	.otherLi {
		padding-top: 38px
	}

	.item-process {
		width: 60px;
		height: 95px
	}

	.arrow-right {
		margin-bottom: 20px;
		height: 95px
	}

	.item-txt02 {
		font-size: 14px
	}

	.tabMenu li {
		border-top: 0
	}

	.newsLi {
		width: 100%
	}

	.newsLi img {
		width: 100%
	}

	.item-txt03 h3,.item-info03 p {
		height: auto
	}

	.nav-tabs>li.active>a:before {
		display: none
	}

	.tab-content02 {
		padding-top: 0
	}

	.tech_home_box h4 {
		font-size: 14px;
	}
}

@media screen and (max-width:480px) {
	.Related-list li {
		width: 50%
	}

	.caseList01 li,.caseList02 dd {
		width: 50%
	}

	.fm-list01 li {
		width: 50%;
	}

	.fm-list02 li {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
}