.use_ind {
	width: 1240px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 0px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.use_ind p {
	font-size: 18px;
	color: #646566;
	text-align: left;
	line-height: 24px;
}

.use_ind h2 {
	font-weight: 500;
	font-size: 26px;
	color: #323233;
	text-align: center;
	line-height: 36px;
	margin-bottom: 8px;
}

.use_ind .showpop {
	text-align: center;
}

.use_ind .products {
	width: 100%;
	padding: 0;
	height: 490px;
	padding-left: 20px;
}

.use_ind .products .products_item {
	border-radius: 4px;
	list-style: none;
	float: left;
	width: 270px;
	height: 490px;
	margin-right: 40px;
	border: 1px solid #ebedf0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	text-align: left;
}
.use_ind .products .products_item:last-child {margin-right:0px}

.use_ind .products .products_item .header {
	background: #1777ff;
}

.use_ind .products .products_item .header {
	width: 100%;
	height: 64px;
	padding-left: 16px;
	font-size: 20px;
	color: #fff;
	line-height: 64px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}

.use_ind .products .products_item ul {
	width: 100%;
	margin: 0 auto;
	padding: 16px 0;
}

.use_ind .products .products_item ul li {
	width: 100%;
	height: 80px;
	list-style: none;
	margin-bottom: 8px;
}

.use_ind .products .products_item ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.use_ind .products .products_item ul li a .img {
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -18px;
	width: 36px;
	height: 36px;
	font-size: 20px;
}

.use_ind .products .products_item ul li a .words {
	position: absolute;
	left: 64px;
	top: 50%;
	margin-top: -22.5px;
}

.use_ind .products .products_item ul li a .words .arrowContainer {
	margin-bottom: 3px;
	height: 20px;
}

.use_ind .products .products_item ul li a .words span {
	text-align: left;
	font-size: 14px;
	color: #969799;
	line-height: 14px;
}

.use_ind .products .products_item .more {
	font-size: 14px;
	color: #155bd4;
	line-height: 20px;
	margin-left: 16px;
}

.use_ind .products .products_item .more img {
	width: 16px;
	height: 16px;
	margin-left: 4px;
	vertical-align: middle;
}

.use_ind .iconfont {
	font-size: 32px;
}

.use_ind .products .products_item hr {
	width: 238px;
	margin: 0 auto;
	background-color: #ebedf0;
	height: 1px;
	border: none;
	margin-bottom: 14px;
}

.use_ind .product_try {
	border-radius: 2px;
	margin-top: 40px;
	display: inline-block;
	width: 176px;
	height: 40px;
	background-color: #155bd4;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	text-align: center;
}

.use_ind .product_phone {
	margin-top: 12px;
	font-size: 16px;
	color: #969799;
	line-height: 24px;
	text-align: center;
	line-height: 60px;
}
@media (max-width:768px) {
	.use_ind .products {
		padding-left: 30px;
	}
	.use_ind {width: 100%;}
	.use_ind .products .products_item{width: 340px;margin-right: 25px;margin-bottom: 20px;}
}
@media (max-width: 414px) {
	.use_ind .products {
	    padding-left: 20px;
	}
	.use_ind .products .products_item {
		margin: 10px 20px;
		width: 340px;
	}
}
@media (max-width: 375px) {
	.use_ind .products .products_item {
		margin: 0;
	}
}
/*阿里巴巴图标*/
@font-face {
	font-family: 'iconfont';
	/* project id 1050491 */
	src: url('//at.alicdn.com/t/font_1050491_ud8ao9q25i9.eot');
	src: url('//at.alicdn.com/t/font_1050491_ud8ao9q25i9.eot?#iefix') format('embedded-opentype'),
		url('//at.alicdn.com/t/font_1050491_ud8ao9q25i9.woff2') format('woff2'),
		url('//at.alicdn.com/t/font_1050491_ud8ao9q25i9.woff') format('woff'),
		url('//at.alicdn.com/t/font_1050491_ud8ao9q25i9.ttf') format('truetype'),
		url('//at.alicdn.com/t/font_1050491_ud8ao9q25i9.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;

}

/*我们的优势*/
.banner-footer {
	position: relative;
	width: 1200px;
	margin: -35px auto 0;
	background: rgba(255, 255, 255, 1);
	height: 140px;
	z-index: 99;
	padding: 43px 40px 0 50px;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
}

.banner-footer .fl {
	width: 247px;
	padding-left: 64px;
	margin-right: 40px;
	box-sizing: border-box;
	background: url('../images/b11.png') no-repeat left center;
	background-size: 44px 54px;
	cursor: pointer;
}

.banner-footer .fl:last-child {
	margin-right: 0;
}

.banner-footer .fl:nth-child(2) {
	background: url('../images/b22.png') no-repeat left center;
	background-size: 44px 54px;
}

.banner-footer .fl:nth-child(3) {
	background: url('../images/b33.png') no-repeat left center;
	background-size: 44px 54px;
}

.banner-footer .fl:nth-child(4) {
	background: url('../images/b44.png') no-repeat left center;
	background-size: 44px 54px;
}

.banner-footer .fl:nth-child(1):hover {
	background: url('../images/b1.png') no-repeat left center;
	background-size: 44px 54px;
}

.banner-footer .fl:nth-child(2):hover {
	background: url('../images/b2.png') no-repeat left center;
	background-size: 44px 54px;
}

.banner-footer .fl:nth-child(3):hover {
	background: url('../images/b3.png') no-repeat left center;
	background-size: 44px 54px;
}

.banner-footer .fl:nth-child(4):hover {
	background: url('../images/b4.png') no-repeat left center;
	background-size: 44px 54px;
}

.banner-footer .fl h4 {
	color: #333333;
	font-size: 24px;
	line-height: 1;
}

.banner-footer .fl p {
	color: #a5a0a0;
	font-size: 14px;
	margin-top: 15px;
}

.fl {
	float: left;
	display: inline;
}
.fr {
    float: right;
    display: inline;
}
.x2m {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.x2m h1 {
	font-size: 24px;
	margin-bottom: 19px;
}

.jiantou {
	transition-timing-function: linear;
	transition: 0.6s;
	position: absolute;
	width: 240px;
	height: 10px;
	bottom: -2px;
	left: 0;
	z-index: 2;
}

.PlatList1 {
	float: left;
	width: 1200px;
	margin: 0 auto;
	padding-top: 47px;
	transition-timing-function: linear;
	transition: 1.6s;
	transform: rotateY(90deg);
}

#m7 {
	height: 819px;
}

#m7 .mx7 {
	width: 1200px;
	padding-top: 72px;
	margin: 0 auto;
	text-align: center;
}

#m7 .mx7 h1 {
	font-size: 28px;
	color: #343434;
	margin-bottom: 19px;
}

#m7 .mx7 p {
	color: #868585;
	font-size: 16px;
	margin-bottom: 40px;
}

#m7 .mx7 ul li {
	float: left;
	width: 350px;
	margin-right: 74px;
	text-align: left;
}

#m7 .mx7 ul li:last-child {
	margin: 0;
}

#m7 .mx7 ul li h2 {
	margin-bottom: 27px;
	font-size: 18px;
	color: #343434;
	text-align: left;
}

#m7 .mx7 ul li h2 ins {
	display: inline-block;
	width: 4px;
	height: 13px;
	background: #2893FF;
	margin-right: 15px;
}

#m7 .mx7 ul li dl {
	position: relative;
	margin-bottom: 8px;
	height: 247px;
	overflow: hidden;
}

#m7 .mx7 ul li dl dt a img {
	transition-timing-function: linear;
	transition: 0.5s;
}

#m7 .mx7 ul li dl dt a img:hover {
	transform: scale(1.1, 1.1);
}

#m7 .mx7 ul li dl dd {
	text-align: left;
	position: absolute;
	font-size: 14px;
	height: 34px;
	padding: 13px 24px 15px 18px;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	left: 0;
	bottom: 0;
}

#m7 .mx7 ul li p {
	padding: 8px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
}

#m7 .mx7 ul li p a {
	color: #1A1A1A;
}

#m7 .mx7 ul li p a:hover {
	color: #2893FF;
}

#m7 .mx7 ul li > a {
	display: inline-block;
	width: 100px;
	height: 28px;
	border: 1px solid #A0A0A0;
	color: #A0A0A0;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	margin-top: 5px;
}

#m7 .mx7 ul li:hover > a {
	border-color: #2893FF;
	color: #2893FF;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	margin-top: 5px;
}

.x2m {
	color: #333333;
}

.x2m h2 {
	font-size: 28px;
	padding-top: 60px;
	text-align: center;
}

.x2m>p {
	color: #666666;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}

.Platform_TAB {
	position: relative;
}

.Platform_TAB ul {
	width: 1200px;
	height: 77px;
	margin: 20px auto 0;
	border-bottom: 1px solid #EDEDED;
}

.Platform_TAB li {
	float: left;
	width: 20%;
	line-height: 77px;
	font-size: 18px;
	box-sizing: border-box;
	padding-left: 32px;
	background: url("../images/nav11.png") no-repeat 55px center;
	background-size: 24px;
	cursor: pointer;
}

.Platform_TAB li:nth-child(2) {
	background: url("../images/nav22.png") no-repeat 55px center;
	background-size: 24px;
}

.Platform_TAB li:nth-child(3) {
	background: url("../images/nav33.png") no-repeat 55px center;
	background-size: 24px;
}

.Platform_TAB li:nth-child(4) {
	background: url("../images/nav44.png") no-repeat 55px center;
	background-size: 24px;
}

.Platform_TAB li:nth-child(5) {
	background: url("../images/nav55.png") no-repeat 55px center;
	background-size: 24px;
}

.Platform_TAB li:hover {
	color: #A351A9;
}

.Platform_TAB li:nth-child(1):hover {
	background: url("../images/nav1.png") no-repeat 55px center;
	background-size: 24px;
}

.Platform_TAB li:nth-child(2):hover {
	background: url("../images/nav2.png") no-repeat 55px center;
	background-size: 24px;
}

.Platform_TAB li:nth-child(3):hover {
	background: url("../images/nav3.png") no-repeat 55px center;
	background-size: 24px;
}

.Platform_TAB li:nth-child(4):hover {
	background: url("../images/nav4.png") no-repeat 55px center;
	background-size: 24px;
}

.Platform_TAB li:nth-child(5):hover {
	background: url("../images/nav5.png") no-repeat 55px center;
	background-size: 24px;
}

.PlatList1 {
	height: 413px;
}

.PlatList1 .plat-left {
	width: 623px;
	padding: 37px 0 0 39px;
	box-sizing: border-box;
}

.plat-left h3 {
	font-size: 24px;
	line-height: 32px;
}

.plat-left p {
	font-size: 16px;
	line-height: 27px;
	padding: 20px 0 26px;
}

.plat-left .cate {
	height: 70px;
	padding: 5px 0;
	box-sizing: border-box;
}

.plat-left .cate li {
	float: left;
	padding-left: 20px;
	background: url("../images/cat.png") no-repeat left center;
	background-size: 10px;
	font-size: 14px;
	line-height: 30px;
	margin-right: 30px;
	box-sizing: border-box;
}

.PlatList1:nth-child(1) .cate {
	padding-right: 60px;
}

.PlatList1:nth-child(1) .cate li {
	width: 110px;
}

.PlatList1:nth-child(2) .cate li,
.PlatList1:nth-child(4) .cate li,
.PlatList1:nth-child(5) .cate li {
	width: 120px;
}

.PlatList1:nth-child(4) .cate li {
	width: 135px;
	margin-right: 13px;
}

.PlatList1:nth-child(2) .cate li:nth-child(4n),
.PlatList1:nth-child(4) .cate li:nth-child(4n),
.PlatList1:nth-child(5) .cate li:nth-child(4n) {
	margin-right: 0;
}

.PlatList1:nth-child(3) .cate li {
	width: 100%;
}

.PlatList1 {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
}

.PlatList1 a {
	display: block;
	width: 144px;
	height: 44px;
	margin-top: 40px;
	background: url("../images/ljty.png") no-repeat center;
	background-size: 100% 100%;
}

.plat-right {
	position: relative;
	width: 577px;
	height: 413px;
}

.plat-right img {
	position: absolute;
	top: 0;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*案例*/
.bg-gray{
    background: #f3f3f3;	
}
.bg-white {
    background: #fff;
}
.bg-white1 {
    background: #fbfbfb;
}
.p_title{width:100%; float:left; margin:50px 0; text-align:center; }
.p_title h2{ font-size:34px; -webkit-animation:gdownIn 1s 0.7s both; -moz-animation:gdownIn 1s 0.7s both; animation:gdownIn 1s 0.7s both;}
.p_title p{ line-height:40px; -webkit-animation:gdownIn 1s 0.9s both; -moz-animation:gdownIn 1s 0.9s both; animation:gdownIn 1s 0.9s both;}
/*--首页切换--*/
.tabs-qh{ width:100%; float:left;}
.index_news_title{ width:100%; float:left;  margin-bottom:50px; text-align:center;  
-webkit-animation:gdownIn 1s 0.7s both; 
-moz-animation:gdownIn 1s 0.7s both; 
animation:gdownIn 1s 0.7s both;
}
.index_news_title dd{ display:inline; cursor:pointer; padding:3px 6px; text-align:center; }
.index_news_title a{ padding:8px 20px; color:#a4a4a4; border-radius:5px; border:1px solid #dfdfdf;}
.index_news_title a:hover{ color:#333;}
.index_news_title a.tab-now { background:#ff8a00; border:1px solid #ff8a00; filter:alpha(opacity=100); opacity:1; color:#fff; 
transition:0.5s all; 
-webkit-transition:0.5s all; 
-moz-transition:0.5s all; 
-o-transition:0.5s all; 
-ms-transition:0.5s all;
}
#index_news_list{width:100%; padding:0; overflow:hidden; margin:0 auto; text-align:center; 
-webkit-animation:gdownIn 1s 0.9s both; 
-moz-animation:gdownIn 1s 0.9s both; 
animation:gdownIn 1s 0.9s both;
}
#index_news_list div{ display:none;}
#index_news_list div.now{ display:block;}
#index_news_list div.now div{ display:block;}
.case_01 ul{ width:100%; float:left; display:block; padding-bottom:60px;}
.case_01 ul li{ width:20%; height:440px; display:block; float:left; background:url(../images/phonebg.png) top  no-repeat; }
.case_01 ul li:nth-child(6){ display:none;}
#index_news_list{width:100%;position:relative; overflow:hidden;  
	-webkit-animation:gfadeIn 1s .5s both; 
	-moz-animation:gfadeIn 1s .5s both; 
	animation:gfadeIn 1s .5s both;
	}
.case_01 ul li a{display:block; width:187px; height:331px; overflow:hidden; margin:51px 0 0 24px; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.case_01 ul li article{position:relative; width:100%; height:334px; padding-top:62.4%; overflow:hidden;}
.case_01 ul li article img{position:absolute; top:0; left:0; width:100%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.case_01 ul li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#fff; background:rgba(0,0,0,0.5); background:#666\9;  z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; text-align:center;}

.case_01 ul li a:hover{background-color:transparent;}
.case_01 ul li a:hover article summary{bottom:0;}
.case_01 ul li a:hover article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.case_01 ul li a:hover article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
.case_01 ul li a:hover article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.home-case{
	background-color: #fff;
	    position: relative;
	    z-index: 2;
}
.clearfix {
    zoom: 1;
}
.home-case li {
    float: left;
    width: 25%;
    overflow: hidden;
}
.home-case li a {
    position: relative;
    display: block;
}

/*这里是新的测试*/
.pageBottom {
    background: #f2f2f2;
    padding: 35px 0;
}
.wal2 {
    width: 1200px;
    margin: 0px auto;
}
.caseRecommend {
    width: 810px;
}
.fl {
    float: left;
}
.caseRecommend .title {
    font-size: 24px;
    color: #000;
    height: 48px;
}
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
.casePic {
    position: relative;
}


.casePic .slick-prev {
    display: block;
    width: 39px;
    height: 15px;
    background: url(../images/nimg39_left.jpg) no-repeat;
    position: absolute;
    right: 56px;
    top: -40px;
}
.casePic .slick-prev:hover {
    background: url(../images/nimg39_lefton.jpg) no-repeat;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-list {
    position: relative;
    outline: none;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.swiper-button-next {
	    background: url(../images/nimg39_right.jpg) no-repeat;
	    position: absolute;
		    width: 39px;
		    height: 15px;
		    top: 39px;
		    right: 0px;
}
.swiper-button-next:focus{
	outline: none;
}
.swiper-button-next:hover {
	background: url(../images/nimg39_righton.jpg) no-repeat;
}


.swiper-button-prev {
	background: url(../images/nimg39_left.jpg) no-repeat;
	position: absolute;
	    width: 39px;
	    height: 15px;
	    top: 39px;
	    left: 90%;
}
.swiper-button-prev:focus {
	outline: none;
}
.swiper-button-prev:hover {
	background: url(../images/nimg39_lefton.jpg) no-repeat;
}

.newsRecommend {
    width: 375px;
}
.fr {
    float: right;
}
.h10 {
    height: 10px;
    overflow: hidden;
    clear: both;
}
.newsRecommend .title {
    position: relative;
    font-size: 24px;
    color: #000;
    height: 48px;
}

.newsRecommend .title a {
    position: absolute;
    top: 10px;
    right: 0px;
    background: url(../images/line5.jpg) left center no-repeat;
    font-size: 12px;
    color: #000;
    padding-left: 20px;
    font-style: italic;
    text-transform: uppercase;
}
.newsRecommend .list li {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    overflow: hidden;
    background: url(../images/ico6.png) left center no-repeat;
    padding-left: 18px;
}


.newsRecommend .list {
    background: #fff;
    padding: 20px 25px 0;
    height: 337px;
}
.slick-initialized .slick-slide {
    display: block;
}
.casePic .slick {
    width: 390px;
    height: 338px;
    margin: 0 15px 20px 0;
    background: #fff;
}
.slick-slide {
    display: none;
    outline: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.casePic .slick-next {
    display: block;
    width: 39px;
    height: 15px;
    background: url(../images/nimg39_right.jpg) no-repeat;
    position: absolute;
    right: 15px;
    top: -40px;
}
.casePic .slick-next:hover {
    background: url(../images/nimg39_righton.jpg) no-repeat;
}

.casePic .slick .bottom {
    height: 110px;
    padding: 0 20px;
    position: relative;
}
.casePic .slick .name {
    padding-top: 35px;
    font-size: 16px;
    height: 26px;
    overflow: hidden;
}
.casePic .slick .msg {
    color: #999;
}
.casePic .slick .ico {
    position: absolute;
    right: 20px;
    bottom: 44px;
    width: 15px;
    height: 11px;
}
.casePic .slick:hover {
    box-shadow: 0 1px 5px rgba(35,25,25,0.2);
    -moz-box-shadow: 0 1px 5px rgba(35,25,25,0.2);
    -webkit-box-shadow: 0 1px 5px rgba(35,25,25,0.2);
}
.swiper-slide {
	width: 338px;
}






@media (min-width:1890px) {
	.case_01 ul li a{margin: 51px 0 0 41px}
}

@media(max-width:1199px){	
	/*--首页案例--*/
	.index_news_title{ margin-bottom:50px;	}
	.index_news_title dd{ padding:3px 4px; }
	.index_news_title a{ padding:8px 12px;}
	.case_01 ul li{ width:20%; height:400px; background-size:93%; }
	.case_01 ul li a{ width:159px; height:283px; overflow:hidden; margin:43px 0 0 18px; }
	.case_01 ul li article{position:relative; width:100%; height:285px; padding-top:62.4%; overflow:hidden;}

}


@media(max-width:1024px){

}


@media(min-width:768px) and (max-width:991px){
	/*--首页案例--*/
	.index_news_title{ margin-bottom:40px;	}
	.index_news_title dd{ padding:3px 2px; }
	.index_news_title a{ padding:6px 8px; font-size:14px;}
	.case_01 ul{padding-bottom:40px;}
	.case_01 ul li{ width:20%; height:300px; background-size:93%; }
	.case_01 ul li a{ width:122px; height:217px; overflow:hidden; margin:34px 0 0 14px; }
	.case_01 ul li article{position:relative; width:100%; height:217px; padding-top:62.4%; overflow:hidden;}
}

@media(max-width:768px){
	/*--成功案例--*/	
	.tabs-qh{ width:100%; float:left;}
	.index_news_title{ width:100%; float:left;  margin-bottom:20px; text-align:center; padding:0 3px; }
	.index_news_title dd{ display:block; width:25%; float:left; cursor:pointer; }
	.index_news_title a{ display:block; color:#4a4a4a;}
	

	.case_01 ul{padding-bottom:40px;}
	.case_01 ul li{ width:25%; height:360px; background-size:90%; }
	.case_01 ul li a{ width:150px; height:263px; overflow:hidden; margin:40px 0 0 19px; }
	.case_01 ul li article{position:relative; width:100%; height:263px; padding-top:62.4%; overflow:hidden;}
	.case_01 ul li:nth-child(5){ display:none;}
	
	#m2{display: none;}
	.banner-footer {width: 100%;height: 270px;}
	.banner-footer .fl{width: 44%;margin-right: 25px;}
}

@media(max-width:640px){
	/*--成功案例--*/	
	.tabs-qh{ width:100%; float:left;}
	.index_news_title{ width:100%; float:left;  margin-bottom:20px; text-align:center; padding:0 3px; }
	.index_news_title dd{ display:block; width:25%; float:left; cursor:pointer; }
	.index_news_title a{ display:block; color:#4a4a4a;}
	.case_01 ul li{ width:50%; display:block; float:left; padding:10px 8px; background:none;}
	.case_01 ul li a{ width:100%; height:100%; margin:0;}
	.case_01 ul li a img{ width:100%;}
	
	.case_01 ul{padding-bottom:40px;}
	.case_01 ul li a{  overflow:hidden;}
	.case_01 ul li article{position:relative; width:100%; height:100%; padding-top:62.4%; overflow:hidden;}
	.case_01 ul li:nth-child(5){ display:none;}
}


@media(max-width:480px){
	/*--成功案例--*/	
	.tabs-qh{ width:100%; float:left;}
	.index_news_title{ width:100%; float:left;  margin-bottom:30px; text-align:center; }
	.index_news_title dd{ display:block; float:left; cursor:pointer; width:50%; padding:3px 6px; margin:0; }
	.banner-footer {width: 100%;height: 370px;}
	.banner-footer .fl{width: 100%;margin-left: 20px;}
}


.home-service{ overflow:hidden;}
.home-service dl{margin-bottom:0}
.home-service dd{ float:left; width:50%; position:relative; overflow:hidden;}
.home-service dd a{ display:block; border-left:1px solid #e9e9e9; margin-left:-1px;transition:0.3s ease-in-out;}
.home-service dd .txt{ position:absolute; top:50%; margin-top:-64px; left:68.125%;}
.home-service dd:nth-child(2n) .txt{ left:6.77%;}
.home-service dd img{ display:block; width:100%; transition:0.3s;}
.home-service dd:hover img{ opacity:0.1; transform:scale(1.3); -webkit-transform:scale(1.3); -ms-transform:scale(1.3);}
.home-service dd:hover a{ background:#ff6c00;}
.home-service dd .txt *{ font-weight:normal; margin:0;}
.home-service dd .txt h2{color:#000; font-size:36px; padding-bottom:16px; line-height:56px;}
.home-service dd .txt h5{ line-height:28px;color:#777;}
.home-service dd .txt .more{ display:block; width:60px; height:30px; background:url(../images/more.png) no-repeat; margin:0 auto; transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); opacity:0;transition:0.3s 0.3s ease-in-out}
@media(max-width:1600px){
.home-service dd .txt h2{ font-size:28px; line-height:40px;}
.home-service dd .txt h5{ font-size:16px;}
.home-service dd .txt{ margin-top:-70px;}
}
.home-service dd:hover .txt{ text-align:center; left:0; width:100%; text-align:center;}
.home-service dd:hover .txt h2{color:#fff; font-size:36px; font-weight:bold;}
.home-service dd:hover .txt h5{ opacity:0; height:56px;}
.home-service dd:hover .txt .more{ opacity:1;transform:translateY(10px); -webkit-transform:translateY(10px); -ms-transform:translateY(10px);}

.home-service .ul-1{ border-bottom:1px solid #eee;}
.home-service li{ float:left; width:25%; position:relative;}
.home-service .ul-1 li{ padding-bottom:13.3999%;}
.home-service .ul-2 li{padding-bottom:13.3999%; /*padding-bottom:8.671%*/}
.home-service li > *{position:absolute;}
.home-service li a{  top:0; bottom:0; width:100%; border-left:1px solid #e9e9e9; left:-1px; z-index:10;}
.home-service li .icon_on{ z-index:1; overflow:hidden; top:1px; left:0; width:100%; height:100%;opacity:0; }
.home-service li .icon_on img{ position:absolute; left:-50px; top:-30px; filter:alpha(opacity=10);opacity: 0.1;-moz-opacity:0.1;-khtml-opacity: 0.1; width:300px; height:300px;transform:scale(0.4); -webkit-transform:scale(0.4); -ms-transform:scale(0.4);  transition:0.3s ease-in-out;}
.home-service li .icon{ left:7.5%; top:50%; margin-top:-45px; z-index:2;transition:0.3s ease-in-out}
.home-service li .icon img{ height:70px; width:70px;}
.home-service li .txt{ z-index:4; left:7.5%; margin-left:90px; max-width:286px; top:50%; margin-top:-42px;transition:0.3s ease-in-out;}
.home-service .ul-2 li .txt{max-width:325px;}
.home-service li .txt *{ margin:0; }
.home-service li .txt h4{  color:#000; padding-bottom:5px;}
.home-service li .txt p{ line-height:24px; font-size:18px;}
.home-service li .more{ display:block; width:60px; height:30px; background:url(../images/more.png) no-repeat; margin:0 auto; transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); opacity:0;transition:0.3s 0.3s ease-in-out}

.home-service li:hover{background:#ff6c00; }
.home-service li:hover .icon_on{ opacity:1; -webkit-opacity:1;}
.home-service li:hover .icon_on img{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
.home-service li:hover .icon{opacity:0; -webkit-opacity:0;transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0);}
.home-service li:hover .txt{ left:0; text-align:center; color:#fff; margin-left:0; max-width:none !important; width:100%;margin-top:-52px;}
.home-service li:hover .txt p{ opacity:0;}
.home-service .ul-2 li:hover .txt p{ display:none;}
.home-service li:hover .txt h4{color:#fff; font-size:36px; font-weight:bold;}
.home-service li:hover .more{ opacity:1;transform:translateY(10px); -webkit-transform:translateY(10px); -ms-transform:translateY(10px);}
@media(max-width:1600px){
.home-service li .icon{ margin-top:-35px;}
.home-service li .icon img{ height:50px; width:50px;}
.home-service li .txt{ margin-left:60px; width:60%; margin-top:-40px;}
.home-service .ul-2 li .txt{ width:69%;}
.home-service .ul-2 li:hover .txt{margin-top:-30px;}
.home-service li .txt h4{ font-size:20px;}
.home-service li:hover .txt{ width:100%;}
.home-service li:hover .txt h4{font-size:28px;}
.home-service li .txt p{ font-size:14px;}
.home-service li .icon_on img{ width:260px; height:260px;}
}
@media(max-width:768px){
	.home-service dd{width: 100%;}
	.home-service li {width: 49%;padding: 40px;}
}
@media(max-width:480px){
	.home-service dd .txt h2 {font-size: 28px;line-height: 40px;	}
	.home-service dd .txt h5{display: none;}
	.home-service dd .txt {margin-top: -50px;}
	.home-service li {width: 100%;padding:70px;
	}
}