 
 *{box-sizing:border-box}
 /*首页关于我们*/
 .dis-table{display: table;width: 100%;height: 100%;}
.dis-cell{display: table-cell;vertical-align: middle;}
 .solve-box{margin:53px -5px 0 -5px; width:1440px; padding:0px}
.solve-box .m-col{
	float: left;
	width: 33.333%;
	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 0px;
	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);
	}
}
 
  /*首页关于我们 end*/
  
  
  /*合作客户*/
  /*首页-合作客户*/
.sec-cooperation{background:#f6f6f6;padding-bottom: 20px;position: relative;z-index: 2;}
.cooperation-box{position: relative;margin-top: 46px;}
.cooperation-box .coop-list ul{margin-left: -20px;}
.cooperation-box .coop-list li{
	float: left;
	width: 264px;
	
	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";
    /*合作客户 end*/
	
	.brand_list{ width:1440px; margin:0px auto; margin-top:20px;;}
.brand_list li{ margin:10px;  width:264px;  max-height:160px;  border:1px solid #dedede; float:left; list-style:none;overflow:hidden; border-radius:4px;}
.brand_list li img{ width:100%; 	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;border-radius:4px;
}
.brand_list li:hover img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}


/*底部数据统计*/
        .shuzi {
            background: url(/img/data-bg2.jpg) no-repeat; background-size:cover;
            height: 240px;
            width: 100%;
            display: inline-block;
            position: relative; border:none
        }
        
        .shuzi .text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: #FFFFFF;
            width: 80%;
        }
        
        .shuzi .text li {
            height: 125px;
            text-align: center;
            border-left: 1px solid #FFFFFF;
            float: left;
            display: inline-block;
            padding: 0 1.3%;
            width: 25%; 
        }
        
        .shuzi .text li .num {
            position: relative;
            display: inline-block;
        }
        
        .shuzi .text li .p {
            font-size: 18px;
            margin-top: 16px;
            font-weight: 300;
        }
        
        .mt-number-animate {
            font-weight: 300;
            line-height: 64px;
            height: 64px;
            font-size: 64px;
            overflow: hidden;
            display: inline-block;
            position: relative;
        }
        
        .mt-number-animate .mt-number-animate-dom {
            width: 38px;
            text-align: center;
            float: left;
            position: relative;
            top: 0;
        }
        
        .mt-number-animate .mt-number-animate-dom .mt-number-animate-span {
            width: 100%;
            float: left;
            font-family: Arial;
        }
		
		.shuzi .text li .tig {
                        font-size: 25px;
                        position: absolute;
                        top: 30px;
                        right: -52px;
                    }
/*底部数据统计end*/


/*发展历程*/

.develop_list {
	margin-bottom:40px;
	padding:20px 0px 60px;
	text-align:center
}
.develop_list ul {
	position:relative;
	margin-top:20px
}
.develop_list ul li {
	height:70px;
	font-size:16px;
	background:url(/img/gray.png) no-repeat center center
}
.develop_list ul li.is-none {
	height:15px
}
.develop_list ul li.active {
	background:url(/img/bule_01.png) no-repeat center center
}
.develop_list ul li span {
	position:relative;
	display:block;
	float:left;
	width:50%;
	padding-top:47px
}
.develop_list ul li span.l {
	}.develop_list ul li span.l em.em3 {
	right:40px;
	text-align:left
}
.develop_list ul li span.l em.em {
	right:140px
}
.develop_list ul li span.r {
	padding-left:45px;
	text-align:left
}
.develop_list ul li span.r em {
	left:45px
}
.develop_list ul li span em {
	position:absolute;
	top:44px;
	right:50px;
	font-size:16px;
	color:#666666;
	font-style:normal
}
/*发展历程END*/

/*留言*/
.form-group{
	width: 50%;
	float: left;
	margin-bottom: 30px;
}
.form-group input{
	width:90%; box-sizing:border-box;	
	height: 40px;
	background: #fff;
	font-size: 14px;
	line-height: 30px;
	padding:4px 20px;
	border:1px solid #dedede;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.form-group textarea{
	width: 90%;
	height: 100px;
	background: #fff;
	font-size: 14px;
	line-height: 30px;
	padding:4px 20px;
	border:1px solid #dedede;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.form-btn{
	width: 95%; float:left;
	height: 48px; line-height:48px;
	border:1px solid #dedede;
	background:#fff;
	font-size: 16px;
	text-align: center;

	cursor: pointer;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s; 
}
.form-group input:focus,
.form-group textarea:focus,
.btn-submit:hover{
	border-color: #ff6600;
}
.form-btn:hover{
 background:#ff6600; color:#FFFFFF
}
 .spinner{position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);text-align:center;font-size:10px;width:60px;height:80px; line-height:30px; display:none; z-index:10005; color:#FFFFFF; text-align:center}.spinner>div{background-color:#ff5722;height:60px;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out;margin:0 2px}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}

@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}
 .pop_mask{background-color:#666;left:0;top:0;width:100%;height:100%;position:fixed;_position:absolute;z-index:10000;opacity:0.3;filter:alpha(opacity=30)\/\/0;_top:0;_left:0;display:none;}



