@charset "UTF-8";
@media (max-width: 1430px){
  .footer-nav{width:914px;}
}
/*我们能解决*/
.sec-solve{background-color: #f6f6f6;padding-bottom: 80px;position: relative;z-index: 2;}
.section-title{text-align: center;padding:65px 0 5px;position: relative;}
.section-title h4{
	font-size: 32px;
	line-height: 40px;
}
.section-title p{
	font-size: 16px;
	color: rgba(51,51,51,.3);
	font-family: Open Sans,Arial;
}
.section-title::before{
	content:"";
	width: 345px;
	height: 1px;
	background:rgba(35,37,46,.1);
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -172.5px;
	z-index: 1;
}
.section-title::after{
	content: '';
	width: 33px;
	height: 4px;
	background:#ff6600;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -16.5px;
	z-index: 2;
}
.home-des{
	width: 685px;
	text-align: center;
	color: #777;
	line-height: 24px;
	margin: 13px auto 0 auto;
}
.solve-box{margin:53px -5px 0 -5px;}
.solve-box .m-col{
	float: left;
	width: 33.3333333%;
	padding:0 5px;
}
.solve-item{
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative; 
}
.solve-item .m-img{
	width: 100%;
}
.solve-item .mark{
	width: 100%;
	height:100%;
	background:#f6f6f6;
	text-align: center;
	padding:55px 75px;
	position: absolute;
	top:440px;
	left: 0;
	z-index: 2;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.solve-item .m-cont{
	-webkit-transform: translateY(-112px);
	    -ms-transform: translateY(-112px);
	        transform: translateY(-112px);
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.solve-item .m-index{
	font-family: "impact";
	font-size: 50px;
	line-height: 1;
	color: rgba(51,51,51,.1);
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.solve-item .m-hr{
	width: 20px;
	height: 2px;
	background:#ff6600;
	margin:16px auto 14px auto;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.solve-item .m-tit{
	font-size: 30px;
	height: 100px;
	-o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1; font-family:Arial, Helvetica, sans-serif;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.solve-item .m-des{
	line-height: 24px;
	color: rgba(255,255,255,.6);
	margin-top: 27px;
	height: 96px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.solve-item .m-more{
	margin-top:40px;
}
.solve-item:hover .mark{
	top:0;
	background:rgba(255,102,0,.9);
}
.solve-item:hover .m-cont{
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}
.solve-item:hover .m-index,
.solve-item:hover .m-tit{color: #fff;}
.solve-item:hover .m-hr{background:#fff;}
@media (max-width: 1430px){
	.solve-item .mark{padding: 45px 65px;top: 376px;}
	.solve-item .m-cont{
		-webkit-transform: translateY(-74px);
		    -ms-transform: translateY(-74px);
		        transform: translateY(-74px);
	}
}
/*home-合作客户*/
.sec-cooperation{background:#f6f6f6;padding-bottom: 80px;position: relative;z-index: 2;}
.cooperation-box{position: relative;margin-top: 66px;}
.cooperation-box .coop-list ul{margin-left: -20px;}
.cooperation-box .coop-list li{
	float: left;
	width: 264px;
	height: 137px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.cooperation-box .coop-list li a{
	display: block;
	width: 100%;
	height: 100%;
	border:1px solid #e2e2e2;
	background:#fff;
	overflow: hidden;
}
.cooperation-box .coop-list li img{
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.cooperation-box .coop-list li:hover img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.cooperation-box .coop-hd{
	width:100%;
	margin-top: 70px;
	font-size: 0;
}
.slide-page{
	text-align: center;
}
.slide-page li{
	display: inline-block;
	width:54px;
	height:6px;
	border-radius:3px;
	background:rgba(51,51,51,.3);
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	margin:0 10px;
	text-indent: -9999px;
	cursor: pointer;
}
.slide-page li.on{background:#ff6600;}
@media (max-width: 1430px){
	.cooperation-box .coop-list li{
		width: 224px;
		height: 126px;
	}
}

@charset "UTF-8";

/*动画效果*/

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}




/*左边特效*/
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
/*右边特效*/
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}
/*中间特效*/
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

/*表单样式*/
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-border: border-color;-moz-box-sizing: border-box;outline: none;}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul,li{list-style: none;}
a{text-decoration: none;color: #333;}
img{vertical-align: middle;outline: none;border: 0;}
body {
  overflow-x:hidden;
  font-family: "Microsoft Yahei",Open Sans,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
  color: #333;
  background-color: #fff;
  min-width:1220px;
}
em{font-style: normal;}
table {
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
}
.container-middle{margin:0 auto;width:1200px;}
@media (min-width: 1230px){
  .container-middle {width:1200px;}
}
@media (min-width: 1430px){
  .container-middle {width:1400px;}
}
.container {margin:0 auto;width:1200px;}
.clearfix:before,.clearfix:after,
.container:before,.container:after,
.container-middle:before,.container-middle:after{
  content: " ";display: table;
}
.clearfix:after,.container:after,.container-middle:after{
  clear: both;
}
.section{width: 100%;overflow: hidden;}
.dis-table{display: table;width: 100%;height: 100%;}
.dis-cell{display: table-cell;vertical-align: middle;}