/* banner */
.slideBox{ width:100%; height:790px; overflow:hidden; position:relative;z-index: 1;}
.slideBox .hd{width: 100%; height:20px; overflow:hidden; position:absolute; left:0; bottom:14px; z-index:2;}
.slideBox .hd ul{width: 100%; height:20px; overflow:hidden; text-align: center;}
.slideBox .hd ul li{ display: inline-block; margin:0 8px;width:20px;border-radius:50%;background-color:#fff; height:20px;zoom:1;cursor:pointer; 
                       -webkit-transition: all .5s ease-in-out; 
                       -moz-transition: all .5s ease-in-out; 
                       -ms-transition: all .5s ease-in-out; 
                       transition: all .5s ease-in-out;}
.slideBox .hd ul li.on{background-color: #f17109 }
.slideBox .bd{ position:relative; height:790px; width: 1920px;left: 50%;margin-left: -960px;top: 0;}
.slideBox .bd ul{height: 790px;}
.slideBox .bd li{position: relative;height: 790px;}
.slideBox .bd img{ width:1920px; height:790px;}
/*head*/
.head{position: fixed;width: 100%;left: 0;top: 0;z-index:100;}
.head.act{background-color: #fff;
    -webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,.2);
    box-shadow: 0 0 3px 0px rgba(0,0,0,.2);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
.head_box{position: relative;padding:20px 10px 0 10px;transition: 0.5s all;max-width: 1200px;height:66px;z-index: 100;}
.head.act .head_box{padding: 12px 0px 0px 0px;}
.head_left{width: 140px;}
.head_left a{display: block;width: 140px;}
.head_left img{display: none;}
.head_left .img1{display: block;}
.head_right{padding-top: 7px;}
.head_right .head_ul{font-family: "宋体";width: 750px;background-color: #fff\9;filter:alpha(opacity=0);}
.head_right .head_ul>li{float: left;font-size: 15px;width: 120px;text-align: center;position: relative;}
.head_right .head_ul>li>a{color: #fff;position: relative;line-height:45px;display: block;font-family: "Microsoft Yahei";}
.head_right .head_ul>li.this>a{
	color: #ff4d00!important;
}
.head_right ul li i{width: 18px;height: 14px;background: url(../images/navbg.png) no-repeat;position: absolute;top:10px;left: 50%;margin-left: -9px;opacity: 0;visibility: hidden;}
.head_right ul li:hover>a{color: #ff4d00;}
.head_right ul li:hover .head_morenav{
	opacity: 1;
	visibility: visible;
	transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.head_morenav{
	opacity: 0;
	top:40px;
	left: -22px;
	visibility: hidden;
	transform: translate3d(10px, 10px, 0px);
	-moz-transform: translate3d(10px, 10px, 0px);
	-webkit-transform: translate3d(10px, 10px, 0px);
	border-top: 3px solid #ff4d00;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-out 0s;
	position: absolute;
	width: 160px;
	background-color: #898989\9;
	background: rgba(0,0,0,0.5);
}
.head_morenav a{
	padding: 14px 30px;
	width: 100px;
	height: 20px;
	line-height: 20px;
	display: block;
	font-size: 12px;
	transition: all 0.2s ease-out 0s;
	color: #fff;
	font-family: "Microsoft Yahei";
}
.head_morenav a:hover{
	text-indent: 10px;
	background: rgba(0,0,0,0.7);
	color: #ff4d00;
}
.head.act .head_morenav{border-top: 3px solid #fff;}
.head.act .head_morenav{
	background: rgba(255,255,255,0.9);
	background-color: #f5f5f5\9;
	top: 45px;
}
.head.act .head_morenav a:hover{
	background: rgba(255,255,255,1);
	color: #ff4d00;
}
.head.act .head_right ul li a{color: #898989;position: relative;}
.head.act .head_right ul li:hover>a{color: #eb5d12;}
.head.act .head_right ul li i{
	width: 18px;
	height: 14px;
	background: url(../images/navbg.png) no-repeat;
	position: absolute;
	top:25px;
	left: 50%;
	margin-left: -9px;
	opacity: 0;
     visibility: hidden;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
	z-index:100;
}
.head.act .head_right ul li:hover i{top:35px;opacity: 1; visibility: visible;}
.head.act .head_right ul li.this i{top:35px;opacity: 1; visibility: visible;}
.head_phone{color: #fff;margin-left:20px;transition: 0.5s all;}
.head .head_p1{color: #fff;}
.head .head_p2{color: #fff;font-size: 20px;font-weight: bold;}
.head.act .head_p1{color: #898989;}
.head.act .head_p2{color: #ed6923;}
.head_phone img{display: none; width: 34px;vertical-align: middle;margin-right:12px;margin-top:4px; }
.head_phone .img1{display: inline-block;}
.head.act .img1{display: none;}
.head.act .img2{display: inline-block;}
/*production*/
.production{width: 100%;height: 530px;padding:40px 0;}
.partTitle{text-align: center;}
.partTitle_name{font-size: 24px;color: #333;font-weight: bold;line-height: 46px;}
.partTitle_Ename{font-size:14px;color: #ff8a01;text-transform: uppercase;}
.partTitle_des{font-size: 15px;color: #666;margin-top:20px;}
.partTitle_des span{color: #ed6923;}
/*news*/
/*news add*/
.news{ padding-top:62px;}
.news_box{margin-top: 50px;opacity: 0;
     -webkit-transition: all .8s ease 0.2s;
	-moz-transition: all .8s ease 0.2s;
	-ms-transition: all .8s ease 0.2s;
	-o-transition: all .8s ease 0.2s;
	transition: all .8s ease 0.2s;
	-webkit-transform:translateY(30%);
    -moz-transform:translateY(30%);
    -ms-transform:translateY(30%);
    -o-transform: translateY(30%);
     transform: translateY(30%);}
.news_box.animatebox.animate{opacity: 1;
	-webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -o-transform: translateY(0%);
     transform: translateY(0%);
}     
.news .tabTitle{font-size: 0;height:40px;line-height:40px;text-align: center;}
.news .tabTitle p{cursor: pointer;padding: 0 20px;height:40px;margin: 0 20px;display: inline-block;vertical-align: middle;text-align: center;color: #333;font-size: 15px;background-color: #c9c9c9;border-radius: 30px;}
.news .tabTitle p.on{background-color: #f17109;color: #fff;}

.news .news_ul{margin-top: 24px;width: 1240px;display: none;overflow: hidden;padding-bottom:10px;}
.news .news_ul li{float: left;margin: 26px 15px 0px;}
.news .news_ul li a{display:inline-block;padding: 16px;background-color: #fff;border-radius:4px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.3);-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.3);-o-box-shadow: 1px 1px 10px rgba(0,0,0,.3);box-shadow: 1px 1px 10px rgba(0,0,0,.3);}
.news .news_ul li a.nb{display: block; padding:0;background-color: #fff;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;width: 380px;height:310px; text-align:center;}
.news .news_ul li a.nb .shipin {width: 380px; height: 250px;}
.news .news_ul li a.nb .shipin img { max-width:100%;width: 100%;height:100%;border-radius:4px 4px 0 0;}

.news .news_ul li a.nb p { display: block; height:60px; font-size: 16px; line-height:60px;}
.news .news_ul li a.nb:hover{ background: #fa5e0b;color:#fff;}




.news .news_ul li .date{float: left;width:104px;height:104px;background-color: #f17008;color: #fff;border-radius: 4px;text-align: center;}
.news .news_ul li .date .span1{font-size:30px;line-height:54px;font-weight: bold;display: block;border-bottom:1px solid #cb6c02;}
.news .news_ul li .date .span2{display: block;line-height:45px;font-size: 18px;border-top:1px solid #f69f58;}
.news .news_ul li .txt{float: right;width: 425px;font-size:16px;line-height:28px;text-align: left;margin-left: 20px;}
.news .news_ul li .txt .p1{font-size:18px;border-bottom: 1px dashed #d7d7d7;line-height: 40px;}
.news .news_ul li .txt .p2{padding-top: 3px;color: #888;padding-top:6px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;}
.news .news_ul li a:hover{    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 1px 1px 10px rgba(240,136,21,.9);-moz-box-shadow: 1px 1px 10px rgba(240,136,21,.9);-o-box-shadow: 1px 1px 10px rgba(240,136,21,.9);box-shadow: 1px 1px 10px rgba(240,136,21,.9);}
.news .news_ul li a:hover .txt{color: #f17109;}
.indexNews .moreLink{display: inline-block;text-align: center;padding: 0 27px 0 40px;height: 40px;line-height: 40px;border: 1px solid #ff9466;}
.indexNews .moreLink *{display: inline-block;vertical-align: middle;font-size: 13px;color: #ff4d00;font-family: "宋体";}
.indexNews .moreLink img{padding-left: 30px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.indexNews .moreLink:hover img{padding-left: 70px;}



.news{padding-top: 61px;}
.news .case_more{background-color: #fff;}
.news_left{width: 580px;opacity:0;
    -webkit-transition: all .8s ease 0.2s;
	-moz-transition: all .8s ease 0.2s;
	-ms-transition: all .8s ease 0.2s;
	-o-transition: all .8s ease 0.2s;
	transition: all .8s ease 0.2s;
	-webkit-transform:translateX(-30%);
    -moz-transform:translateX(-30%);
    -ms-transform:translateX(-30%);
    -o-transform: translateX(-30%);
     transform: translateX(-30%);
}
.news_right{width: 580px;opacity: 0;
    -webkit-transition: all .8s ease 0.2s;
	-moz-transition: all .8s ease 0.2s;
	-ms-transition: all .8s ease 0.2s;
	-o-transition: all .8s ease 0.2s;
	transition: all .8s ease 0.2s;
	-webkit-transform:translateX(30%);
    -moz-transform:translateX(30%);
    -ms-transform:translateX(30%);
    -o-transform: translateX(30%);
     transform: translateX(30%);
}
.news_left.animatebox.animate{opacity: 1;
	-webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform: translateX(0%);
     transform: translateX(0%);
}
.news_right.animatebox.animate{opacity:1;
	-webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform: translateX(0%);
     transform: translateX(0%);
}
.news_padding{padding-top: 56px;}
.news_nav{width: 100%;height:38px;border-bottom: 1px solid #e5e5e5;font-size: 18px;color: #808080;}
.news_nav li{width: 72px;height: 100%;float: left;margin-right: 38px;cursor: pointer;}
.news_nav li.this{border-bottom:2px solid #eb5d12;color: #545454;}

.news_subnav{margin-top: 20px;width: 590px;}
.news_subnav li{float: left;width: 108px;height: 40px;line-height: 40px;text-align: center;color: #808080;background-color: #e6e6e6;font-size: 12px;position: relative;margin-right: 10px;cursor: pointer;}
.news_subnav li i{width: 12px;height: 7px;position: absolute;background: url(../images/newsnav.png);bottom: -7px;left: 50%;margin-left: -6px;display: none;}
.news_subnav li.this,.news_subnav li:hover{background-color: #eb5d12;color: #fff;}
.news_subnav li.this i,.news_subnav li:hover i{display: block;}
.news_videos{width: 100%;height: 326px;margin-top: 17px;position: relative;}
.news_videos li{width: 100%;height: 326px;position: absolute;top: 0;left: 0;display: none;}
.news_videos a,.news_videos img{display: block;width: 100%;height: 100%;}
.news_videos li span{width: 50px;height: 50px;border: 2px solid #fff;position: absolute;z-index:1;background-color: #000;border-radius: 100%;top: 50%;left: 50%;margin-left: -27px;margin-top: -27px;display: none;
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* 老版Mozilla */  
	-khtml-opacity:0.5; /* 老版Safari */  
	opacity: 0.5; /* 支持opacity的浏览器*/
}
.news_videos li:hover span{display: block;}
.news_videos li i{width: 16px;height: 18px;background:url(../images/vedio.png);position: absolute;z-index:2;top: 50%;left: 50%;margin-left:-8px;margin-top: -9px;opacity: 0;}
.news_videos li:hover i{opacity: 1;}
.news_slideBox{position: relative;width: 100%;}
.txtScroll-top{display: none;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.txtScroll-top .hd{position: absolute;font-size: 0;right: 0;top: -27px;cursor: pointer;}
.infoList li{width: 100%;height: 94px;padding-bottom: 20px;border-bottom: 1px dashed #dcdcdc;margin-top: 19px;}
.infoList li:hover h3{color: #eb5d12;}
.infoList .infoList_info{width: 393px;margin-left: 13px;font-family: "宋体";}
.infoList_info h3{color:#545454;font-size: 14px;padding: 12px 0 8px 0px;}
.infoList_info p{font-size: 12px;color: #999999;line-height: 24px;}

/*case*/
.case{background: url(../images/bg1.png) repeat;padding-top: 50px;padding-bottom: 50px;}
.case_ul{width: 1220px;margin:50px auto 0 auto;}
.case_subnav{text-align: center;padding: 37px 0;}
.case_subnav span{display: inline-block;width: 90px;;height: 30px;line-height:30px;text-align: center;background-color: #fff;border-radius: 15px;color: #999999;cursor: pointer;margin: 0 12px;}
.case_subnav span.this,.case_subnav span:hover{color: #fff;background-color: #ef740c;}
.case_ul li{width:284px;margin:10px;
	float:left;border-radius:3px;overflow:hidden;position:relative;opacity: 0;
   -webkit-transform:translateY(30%);
    -moz-transform:translateY(30%);
    -ms-transform:translateY(30%);
    -o-transform: translateY(30%);
     transform: translateY(30%);
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
}
.case_ul li.animatebox.animate{opacity: 1;
    -webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -o-transform: translateY(0%);
     transform: translateY(0%);
}
.caseimg{width:100%;height:225px;position:relative;display:block;}
.caseimg i{position:absolute;opacity:0;display:block;top:0;left:0;width:100%;height:100%;background:rgba(12,11,62,0.7);z-index:10;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
.case_ul li:hover .caseimg i{opacity:1;}
.case_ul .case_bigimg{width:100%;height:100%;overflow:hidden;display:block;}
.case_ul .case_bigimg img{width:100%;display:block;
     -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
.case_ul li:hover .case_bigimg img{
	 -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
     transform:scale(1.2);}
.case_lineBox{position:absolute;width:16px;padding:10px;top:50%;left:50%;margin:-20px 0 0 -18px;z-index:20;}
.case_lineBox img{opacity:0;
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
     transform:scale(1.2);
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
.case_ul li:hover .case_lineBox img{opacity:1;margin-top:-1px;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
     transform:scale(1);}
.casep{width:100%;line-height:54px;height:54px;position:relative; border-bottom:1px solid rgba(255,255,255,0.1);font-size: 16px; color:#666;
    -webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition:all 0.5s;}
.casep a{width:70%;display:block;height:100%;line-height:54px; color:#545454;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
.casep .case_like{opacity:1;position:absolute;color: #ff8a01;right:3px;top:20px;line-height:0;visibility: visible;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition:all 0.5s;
}
.case_ul li:hover .casep .case_like{opacity:0;right: 30px;visibility: hidden;}
.casep .caseadd{opacity:0;position:absolute;display:block;right:20px;top:20px;line-height:0;padding-left:10px;visibility: hidden;
	 -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition:all 0.5s;
}
.case_ul li:hover .casep .caseadd{opacity:1;right:30px;visibility: visible;}
.casep i{display:block;width:0%;position:absolute;bottom:0;left:0;height:1px;background:#ed6923;
	 -webkit-transition: all .8s ease 0.2s;
	-moz-transition: all .8s ease 0.2s;
	-ms-transition: all .8s ease 0.2s;
	-o-transition: all .8s ease 0.2s;
	transition: all .8s ease 0.2s;
}
.case_ul li:hover .casep{background-color:#fff;padding:0 10px;}
.case_ul li:hover .casep i{width:100%;}
.case_more{width: 100%;height: 58px;padding-top:42px;text-align: center;}
.case_overflow{width:150px;height:24px;overflow: hidden;margin: 0 auto;}
.case_more a{color: #ef740c;font-size:18px;height: 20px;display: block; }
.case_moreBox{-webkit-transition: all .2s ease-in-out 0s;
		    -moz-transition: all .2s ease-in-out 0s;
		    -ms-transition: all .2s ease-in-out 0s;
		    -o-transition: all .2s ease-in-out 0s; 
		    transition: all .2s ease-in-out 0s;}	
.case_moreBox:hover{margin-top:-24px;}
.case_more a img{position: relative;top: -3px;margin-left: 5px;}
@media screen and (max-width: 1720px) {
	.case .width1720{width: 1200px;}
	.case_ul{width: 1220px;height: 618px;overflow: hidden;}
	.case_ul li{float:left;border-radius:3px;margin:0;overflow:hidden;position:relative;width: 380px;margin-right: 20px;margin-bottom: 30px;}
	.caseimg{width:100%;height:224px;position:relative;display:block;}
}
/*customer*/
.customer{width: 100%;height:819px;background: url(../images/bg2.png) no-repeat center center;}
.customer .partTitle{padding-top: 62px;}
.customer_imgbox{width: 100%;height: 548px;position: relative;margin-top: 58px;opacity: 0;
     -webkit-transition: all .8s ease 0.2s;
	-moz-transition: all .8s ease 0.2s;
	-ms-transition: all .8s ease 0.2s;
	-o-transition: all .8s ease 0.2s;
	transition: all .8s ease 0.2s;
	-webkit-transform:translateY(30%);
    -moz-transform:translateY(30%);
    -ms-transform:translateY(30%);
    -o-transform: translateY(30%);
     transform: translateY(30%);
}
.customer_imgbox.animatebox.animate{opacity: 1;
	-webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -o-transform: translateY(0%);
     transform: translateY(0%);
}
.customer_imgbox i{position: absolute;cursor: pointer;}
.customer_img1{width:185px;height:160px;background:url(../images/cusw1.png) center center;top:50%;left:0;margin-top: -80px;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img2{width:135px;height:117px;background:url(../images/cusw2.png) center center;top:100px ;left:160px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img3{width:185px;height:160px;background:url(../images/cusw19.png) center center;top:330px;left: 145px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img4{width:182px;height:158px;background:url(../images/cusw3.png) center center;top:0px;left:307px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img5{width:205px;height:178px;background:url(../images/cusw4.png) center center;top:196px;left:289px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img6{width:102px;height:88px;background:url(../images/cusw5.png) center center;top:392px;left:364px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img7{width:126px;height:110px;background:url(../images/cusw6.png) center center;top:114px;left:507px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img8{width:139px;height:121px;background:url(../images/cusw7.png) center center;top:275px;left:502px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img9{width:205px;height:178px;background:url(../images/cusw8.png) center center;top: 0;left:50%;margin-left: -102px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img10{width:138px;height:119px;background:url(../images/cusw9.png) center center;top:214px;left:665px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img11{width:205px;height:178px;background:url(../images/cusw10.png) center center;left:50%;bottom:0;margin-left: -102px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img12{width:166px;height:144px;background:url(../images/cusw11.png) center center;top:133px;right:482px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img13{width:128px;height:111px;background:url(../images/cusw12.png) center center;right:523px;bottom: 128px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img14{width:153px;height:133px;background:url(../images/cusw13.png) center center;top:20px;right:340px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img15{width:205px;height:178px;background:url(../images/cusw14.png) center center;top:198px;right:280px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img16{width:155px;height:134px;background:url(../images/cusw15.png) center center;right:376px;bottom:0px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img17{width:186px;height:161px;background:url(../images/cusw16.png) center center;top:72px;right:143px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img18{width:138px;height:120px;background:url(../images/cusw17.png) center center;top:305px;right: 140px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img19{width:167px;height:145px;background:url(../images/cusw18.png/) center center;top:50%;right:0;margin-top:-72px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.customer_img1:hover{background:url(../images/cuso1.png) center center;
   -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img2:hover{background:url(../images/cuso2.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img3:hover{background:url(../images/cuso19.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img4:hover{background:url(../images/cuso3.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img5:hover{background:url(../images/cuso4.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img6:hover{background:url(../images/cuso5.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img7:hover{background:url(../images/cuso6.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img8:hover{background:url(../images/cuso7.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img9:hover{background:url(../images/cuso8.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img10:hover{background:url(../images/cuso9.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img11:hover{background:url(../images/cuso10.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img12:hover{background:url(../images/cuso11.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img13:hover{background:url(../images/cuso12.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img14:hover{background:url(../images/cuso13.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img15:hover{background:url(../images/cuso14.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img16:hover{background:url(../images/cuso15.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img17:hover{background:url(../images/cuso16.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img18:hover{background:url(../images/cuso17.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
.customer_img19:hover{background:url(../images/cuso18.png) center center;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
     transform:scale(0.9);}
/*progress*/
.progress{width: 100%;height: 492px;background:url(../images/bg3.png) no-repeat center center;}
.progress .partTitle{padding-top: 64px;}
.progress_ul{width: 1200px;margin-top: 55px;}
.progress_ul li{float: left;font-size: 15px;color: #eb5d12;text-align: center;cursor: pointer;}
.progress_li1{margin-right: 67px;margin-left: -1px;opacity: 0;
	-webkit-transform:translateY(30%);
	-moz-transform:translateY(30%);
	-ms-transform:translateY(30%);
	-o-transform: translateY(30%);
	 transform: translateY(30%);
	 -webkit-transition: all .5s ease-in-out 0.1s;
	-moz-transition: all .5s ease-in-out 0.1s;
	-ms-transition: all .5s ease-in-out 0.1s;
	-o-transition: all .5s ease-in-out 0.1s;
	transition: all .5s ease-in-out 0.1s;
}
.progress_li1.animatebox.animate{opacity: 1;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	-o-transform: translateY(0%);
	 transform: translateY(0%);
	}
.progress_li2{margin-right: 53px;opacity: 0;
	-webkit-transform:translateY(30%);
	-moz-transform:translateY(30%);
	-ms-transform:translateY(30%);
	-o-transform: translateY(30%);
	 transform: translateY(30%);
	 -webkit-transition: all .5s ease-in-out 0.2s;
	-moz-transition: all .5s ease-in-out 0.2s;
	-ms-transition: all .5s ease-in-out 0.2s;
	-o-transition: all .5s ease-in-out 0.2s;
	transition: all .5s ease-in-out 0.2s;}
.progress_li2.animatebox.animate{opacity: 1;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	-o-transform: translateY(0%);
	 transform: translateY(0%);
	}
.progress_li3{margin-right: 68px;opacity: 0;
	-webkit-transform:translateY(30%);
	-moz-transform:translateY(30%);
	-ms-transform:translateY(30%);
	-o-transform: translateY(30%);
	 transform: translateY(30%);
	 -webkit-transition: all .5s ease-in-out 0.3s;
	-moz-transition: all .5s ease-in-out 0.4s;
	-ms-transition: all .5s ease-in-out 0.4s;
	-o-transition: all .5s ease-in-out 0.4s;
	transition: all .5s ease-in-out 0.4s;}
.progress_li3.animatebox.animate{opacity: 1;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	-o-transform: translateY(0%);
	 transform: translateY(0%);
	}
.progress_li4{margin-right: 73px;opacity: 0;
	-webkit-transform:translateY(30%);
	-moz-transform:translateY(30%);
	-ms-transform:translateY(30%);
	-o-transform: translateY(30%);
	 transform: translateY(30%);
	 -webkit-transition: all .5s ease-in-out 0.4s;
	-moz-transition: all .5s ease-in-out 0.4s;
	-ms-transition: all .5s ease-in-out 0.4s;
	-o-transition: all .5s ease-in-out 0.4s;
	transition: all .5s ease-in-out 0.4s;}
.progress_li4.animatebox.animate{opacity: 1;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	-o-transform: translateY(0%);
	 transform: translateY(0%);
	}
.progress_li5{margin-right: 93px;opacity: 0;
	-webkit-transform:translateY(30%);
	-moz-transform:translateY(30%);
	-ms-transform:translateY(30%);
	-o-transform: translateY(30%);
	 transform: translateY(30%);
	 -webkit-transition: all .5s ease-in-out 0.5s;
	-moz-transition: all .5s ease-in-out 0.5s;
	-ms-transition: all .5s ease-in-out 0.5s;
	-o-transition: all .5s ease-in-out 0.5s;
	transition: all .5s ease-in-out 0.5s;}
.progress_li5.animatebox.animate{opacity: 1;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	-o-transform: translateY(0%);
	 transform: translateY(0%);
	}
.progress_li6{margin-right: 89px;opacity: 0;
	-webkit-transform:translateY(30%);
	-moz-transform:translateY(30%);
	-ms-transform:translateY(30%);
	-o-transform: translateY(30%);
	 transform: translateY(30%);
	 -webkit-transition: all .5s ease-in-out 0.6s;
	-moz-transition: all .5s ease-in-out 0.6s;
	-ms-transition: all .5s ease-in-out 0.6s;
	-o-transition: all .5s ease-in-out 0.6s;
	transition: all .5s ease-in-out 0.6s;}
.progress_li6.animatebox.animate{opacity: 1;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	-o-transform: translateY(0%);
	 transform: translateY(0%);
	}
.progress_li7{margin-right: 89px;opacity: 0;
	-webkit-transform:translateY(30%);
	-moz-transform:translateY(30%);
	-ms-transform:translateY(30%);
	-o-transform: translateY(30%);
	 transform: translateY(30%);
	 -webkit-transition: all .5s ease-in-out 0.7s;
	-moz-transition: all .5s ease-in-out 0.7s;
	-ms-transition: all .5s ease-in-out 0.7s;
	-o-transition: all .5s ease-in-out 0.7s;
	transition: all .5s ease-in-out 0.7s;}
.progress_li7.animatebox.animate{opacity: 1;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	-o-transform: translateY(0%);
	 transform: translateY(0%);
	}
.progress_li8{margin-right: 89px;opacity: 0;
	-webkit-transform:translateY(30%);
	-moz-transform:translateY(30%);
	-ms-transform:translateY(30%);
	-o-transform: translateY(30%);
	 transform: translateY(30%);
	 -webkit-transition: all .5s ease-in-out 0.8s;
	-moz-transition: all .5s ease-in-out 0.8s;
	-ms-transition: all .5s ease-in-out 0.8s;
	-o-transition: all .5s ease-in-out 0.8s;
	transition: all .5s ease-in-out 0.8s;}
.progress_li8.animatebox.animate{opacity: 1;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	-o-transform: translateY(0%);
	 transform: translateY(0%);
	}
.progress_ul .progress_p1{height: 27px;line-height: 27px;}
.progress_ul .progress_p1 img{position: relative;top: 4px;margin-right:3px;}
.progress_li1 i{display: inline-block;width: 1px;background: url(../images/dian.jpg);height: 0;
 -webkit-transition: all .5s ease-in-out 0.8s;
	-moz-transition: all .5s ease-in-out 0.8s;
	-ms-transition: all .5s ease-in-out 0.8s;
	-o-transition: all .5s ease-in-out 0.8s;
	transition: all .5s ease-in-out 0.8s;}
.progress_li1 i.animatebox.animate{
	height: 95px;
}
.progress_li2 i{display: inline-block;width: 1px;background: url(../images/dian.jpg);height: 0;
 -webkit-transition: all .5s ease-in-out 0.8s;
	-moz-transition: all .5s ease-in-out 0.8s;
	-ms-transition: all .5s ease-in-out 0.8s;
	-o-transition: all .5s ease-in-out 0.8s;
	transition: all .5s ease-in-out 0.8s;}
.progress_li2 i.animatebox.animate{
	height: 58px;
}
.progress_li3 i{display: inline-block;width: 1px;background: url(../images/dian.jpg);height: 0;
 -webkit-transition: all .5s ease-in-out 0.8s;
	-moz-transition: all .5s ease-in-out 0.8s;
	-ms-transition: all .5s ease-in-out 0.8s;
	-o-transition: all .5s ease-in-out 0.8s;
	transition: all .5s ease-in-out 0.8s;}
.progress_li3 i.animatebox.animate{
	height: 99px;
}
.progress_li4 i{display: inline-block;width: 1px;background: url(../images/dian.jpg);height: 0;
 -webkit-transition: all .5s ease-in-out 0.8s;
	-moz-transition: all .5s ease-in-out 0.8s;
	-ms-transition: all .5s ease-in-out 0.8s;
	-o-transition: all .5s ease-in-out 0.8s;
	transition: all .5s ease-in-out 0.8s;}
.progress_li4 i.animatebox.animate{
	height: 46px;
}	
.progress_li5 i{display: inline-block;width: 1px;background: url(../images/dian.jpg);height: 0;
 -webkit-transition: all .5s ease-in-out 0.8s;
	-moz-transition: all .5s ease-in-out 0.8s;
	-ms-transition: all .5s ease-in-out 0.8s;
	-o-transition: all .5s ease-in-out 0.8s;
	transition: all .5s ease-in-out 0.8s;}
.progress_li5 i.animatebox.animate{
	height: 75px;
}
.progress_li6 i{display: inline-block;width: 1px;background: url(../images/dian.jpg);height: 0;
 -webkit-transition: all .5s ease-in-out 0.8s;
	-moz-transition: all .5s ease-in-out 0.8s;
	-ms-transition: all .5s ease-in-out 0.8s;
	-o-transition: all .5s ease-in-out 0.8s;
	transition: all .5s ease-in-out 0.8s;}
.progress_li6 i.animatebox.animate{
	height: 71px;
}
.progress_li7 i{display: inline-block;width: 1px;background: url(../images/dian.jpg);height: 0;
 -webkit-transition: all .5s ease-in-out 0.8s;
	-moz-transition: all .5s ease-in-out 0.8s;
	-ms-transition: all .5s ease-in-out 0.8s;
	-o-transition: all .5s ease-in-out 0.8s;
	transition: all .5s ease-in-out 0.8s;}
.progress_li7 i.animatebox.animate{
	height: 102px;
}
.progress_li8 i{display: inline-block;width: 1px;background: url(../images/dian.jpg);height: 0;
 -webkit-transition: all .5s ease-in-out 0.8s;
	-moz-transition: all .5s ease-in-out 0.8s;
	-ms-transition: all .5s ease-in-out 0.8s;
	-o-transition: all .5s ease-in-out 0.8s;
	transition: all .5s ease-in-out 0.8s;}
.progress_li8 i.animatebox.animate{
	height: 88px;
}
.progress_ul li span{display:inline-block;width: 28px;height: 28px;margin-top: 7px;}
.progress_li1 span{background: url(../images/num1.png) no-repeat center center;}
.progress_li1:hover span{background: url(../images/numo1.png) no-repeat center center;}
.progress_li2 span{background: url(../images/num2.png) no-repeat center center;}
.progress_li2:hover span{background: url(../images/numo2.png) no-repeat center center;}
.progress_li3 span{background: url(../images/num3.png) no-repeat center center;}
.progress_li3:hover span{background: url(../images/numo3.png) no-repeat center center;}
.progress_li4 span{background: url(../images/num4.png) no-repeat center center;}
.progress_li4:hover span{background: url(../images/numo4.png) no-repeat center center;}
.progress_li5 span{background: url(../images/num5.png) no-repeat center center;}
.progress_li5:hover span{background: url(../images/numo5.png) no-repeat center center;}
.progress_li6 span{background: url(../images/num6.png) no-repeat center center;}
.progress_li6:hover span{background: url(../images/numo6.png) no-repeat center center;}
.progress_li7 span{background: url(../images/num7.png) no-repeat center center;}
.progress_li7:hover span{background: url(../images/numo7.png) no-repeat center center;}
.progress_li8 span{background: url(../images/num8.png) no-repeat center center;}
.progress_li8:hover span{background: url(../images/numo8.png) no-repeat center center;}



.progress_li1 span,
.progress_li2 span,
.progress_li3 span,
.progress_li4 span,
.progress_li5 span,
.progress_li6 span,
.progress_li7 span,
.progress_li8 span{
	-webkit-transition: all .2s ease-in-out 0.2s;
	-moz-transition: all .2s ease-in-out 0.2s;
	-ms-transition: all .2s ease-in-out 0.2s;
	-o-transition: all .2s ease-in-out 0.2s;
	transition: all .2s ease-in-out 0.2s;	
}
.progress_li1:hover span,
.progress_li2:hover span,
.progress_li3:hover span,
.progress_li4:hover span,
.progress_li5:hover span,
.progress_li6:hover span,
.progress_li7:hover span,
.progress_li8:hover span{
	-webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}


.progress_li1 .progress_p1,
.progress_li2 .progress_p1,
.progress_li3 .progress_p1,
.progress_li4 .progress_p1,
.progress_li5 .progress_p1,
.progress_li6 .progress_p1,
.progress_li7 .progress_p1,
.progress_li8 .progress_p1{
	-webkit-transition: all .2s ease-in-out 0.2s;
	-moz-transition: all .2s ease-in-out 0.2s;
	-ms-transition: all .2s ease-in-out 0.2s;
	-o-transition: all .2s ease-in-out 0.2s;
	transition: all .2s ease-in-out 0.2s;}
.progress_li1:hover .progress_p1,
.progress_li2:hover .progress_p1,
.progress_li3:hover .progress_p1,
.progress_li4:hover .progress_p1,
.progress_li5:hover .progress_p1,
.progress_li6:hover .progress_p1,
.progress_li7:hover .progress_p1,
.progress_li8:hover .progress_p1{
	-webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);}


/*2018.2.27*/
.slideBox .prev{
	position: absolute;
	left: 8%;
	top: 50%;
	margin-top: -21px;
	display: block;
	width: 42px;
	height: 42px;
	background: url(../images/idx_bnl1.png) no-repeat!important;
	filter: alpha(opacity=80);
	opacity: 0.8;
	z-index: 100;
	transition: all 0.4s;
}
.slideBox .prev:hover {
	background: url(../images/idx_bnl2.png) no-repeat!important;
}
.slideBox .next{
	position: absolute;
	left: auto;
	right: 8%;
	top: 50%;
	margin-top: -21px;
	display: block;
	width: 42px;
	height: 42px;
	background: url(../images/idx_bnr1.png) no-repeat!important;
	filter: alpha(opacity=80);
	opacity: 0.8;
	z-index: 100;
	transition: all 0.4s;
}
.slideBox .next:hover {
	background: url(../images/idx_bnr2.png) no-repeat!important;
}
/*2018.2.27 end*/

/*solutions*/
.solutions{padding-top:50px;padding-bottom:20px;}
.solutions_ul{width: 1220px;margin:50px auto 0 auto;}
.solutions_ul li{width:284px;margin:10px;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.3);-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.3);-o-box-shadow: 1px 1px 10px rgba(0,0,0,.3);box-shadow: 1px 1px 10px rgba(0,0,0,.3);
	float:left;border-radius:3px;overflow:hidden;position:relative;opacity: 0;
   -webkit-transform:translateY(30%);
    -moz-transform:translateY(30%);
    -ms-transform:translateY(30%);
    -o-transform: translateY(30%);
     transform: translateY(30%);
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
}
.solutions_ul li a{ display: block;}
.solutions_ul li.animatebox.animate{opacity: 1;
    -webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -o-transform: translateY(0%);
     transform: translateY(0%);
}
.solutionsimg{width:100%;height:365px;position:relative;display:block;}
.solutionsimg i{position:absolute;opacity:0;display:block;top:0;left:0;width:100%;height:100%;background:rgba(39,39,39,0.72);z-index:10;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
.solutions_ul li:hover .solutionsimg i{opacity:1;}
.solutions_ul .solutions_bigimg{width:100%;height:100%;overflow:hidden;display:block;}
.solutions_ul .solutions_bigimg img{width:100%;display:block;
     -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
.solutions_ul li:hover .solutions_bigimg img{
	 -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
     transform:scale(1.2);}
.solutions_lineBox{position:absolute;width:80px;top:30%;left:50%;margin-left:-40px;z-index:20;}
.solutions_lineBox img{opacity:0;
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
     transform:scale(1.2);
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
.solutions_ul li:hover .solutions_lineBox img{opacity:1;margin-top:-1px;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
     transform:scale(1);}
     
.solutp{ position: absolute; bottom:0;left:0;text-align: center;background:rgba(39,39,39,0.72);z-index:10;width:100%;line-height:55px;height:55px;font-size: 16px; color:#fff;border-radius:0 0 4px 4px;
    -webkit-transition: all .5s ease-in-out 0s;
    -webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition:all 0.5s;}
.solutp a{width:70%;display:block;height:100%;line-height:54px; color:#545454;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }

.solutions_ul li:hover .solutp{height:50%; background: transparent;}