.index_titlebox{ width:100%;position:relative; z-index:1;}
.index_title{text-align:center; padding:20px 0;}
.index_title h4{font-size:18px;}
.index_title h3{font-size:30px; display:inline-block;line-height: 42px; color:#00417B;padding:0 15px;letter-spacing:2px;}
.index_title h3:after{display:block; content:""; width:80px; height:2px; background:#00417B;margin:5px auto 6px;}
.index_title h3 i.i1{color:#F4C600}
.index_title h3 i.i2{color:#10AF5D}
.index_title h3 i.i3{color:#EB4F38}


.index_title p{ line-height:35px; color:#243E7B; margin-top:0px; font-size:15px; }
.index_title em{ background:#00417B;width:100px; height:2px; margin:0 auto; display:block; margin-bottom:-1px;}
.index_title span i{ padding-bottom: 10px; color:#FE5F16; border-bottom:3px solid #FE5F16;display: inline-block;}



.morebox span,
.indexpro1 li,
.indexnews  .newsbottom li,
.aboutlist li span.icon-zero,
.solutionlist .mousebottom li  .morebox,
.aboutcont .more{
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
}



/*  */
.container{overflow:hidden;}
.indexteambox{width:1120px;padding:0px 40px 20px;overflow:hidden; margin:auto;position:relative;}
.indexteambox .prev,.indexteambox .next{position:absolute; width:26px; height:39px; display:block; top:50%; margin-top:-20px; background-image:url(../webimages/p-btn.png);
background-repeat:no-repeat;}
.indexteambox .prev:hover,.indexteambox .next:hover{background-image:url(../webimages/p-btnh.png);}
.indexteambox .prev{background-position:left top; left:0;}
.indexteambox .next{background-position:right top; right:0;}
.indexteambox .tempWrap{padding:0 5px;}
.indexpro1{overflow:visible !important;}
.indexpro1 li{width:224px; float:left;margin:10px 0;position:relative;}
.indexpro1 li:before{position:absolute; display:block;content:""; width:1px; height:250px;background:#F1F1F1; top:50%; margin-top:-125px;left:0;}
.indexpro1 li a{display:block;width:100%;padding:15px 0; text-align:center;}
.indexpro1 li .figure{ overflow:hidden;}
.indexpro1 li .figure img{width:175px;height:175px;display:block;margin:auto;}
.indexpro1 li h3{padding:10px 15px 0;line-height:22px; height:66px;overflow:hidden;}
.indexpro1 li:hover{
	box-shadow:0 2px 8px rgba(0,0,0,.3);
	transform:translatey(-6px);
	-webkit-transform:translatey(-6px);
	-moz-transform:translatey(-6px);
	-ms-transform:translatey(-6px);
	-o-transform:translatey(-6px);
}
.indexpro1 li .btns{display:block;margin:10px auto 0;width:70px; line-height:26px; border:1px solid #ddd;border-radius:3px;}
.indexpro1 li:hover .btns{ border:1px solid #e50012;color:#fff; background:#e50012;}


/* 方案 */
.solutionbox{background:#f7f7f7;padding:30px 0 60px;}
.solutionlist{width:1200px; margin:auto;}
.solutionlist .mousetop{border-bottom:1px solid #ddd;text-align:center;margin:0 auto;position:relative;font-size:0;}
.solutionlist .mousetop li{display:inline-block; padding:10px 15px; color:#999;font-size:16px; border-bottom:2px solid transparent;margin-bottom:-1px; cursor:pointer;}
.solutionlist .mousetop li.on{border-bottom-color:#00417B;color:#00417B;}
.solutionlist .mousebottom {margin-top:30px;}
.solutionlist .mousebottom li{display:none; position:relative;}
.solutionlist .mousebottom li .figure img{display:block;width:100%;height:340px; margin:auto;}
.solutionlist .mousebottom .text{padding:10px 30px;margin-bottom:20px;font-size:16px; text-align:center;}
.solutionlist .mousebottom li  .morebox{position:absolute;height:100%; width:100%;left:0; top:0;opacity:0;background:url(../webimages/morebg.png);}
.solutionlist .mousebottom li .morebox span{display:block; margin:auto;width:130px; text-align:center; line-height:36px; color:#00417B;background:#fff;border-radius:3px;position:absolute;top:50%; left:50%; margin-left:-65px;margin-top:-18px;opacity:0;
transform:translateY(50px)}
.solutionlist .mousebottom li:hover .morebox{opacity:1;}
.solutionlist .mousebottom li:hover .morebox span{opacity:1; 
transform:translateY(0px)
}
.solutionlist .mousebottom li .morebox span:hover{color:#fff; background:#00417B;}


/* 新闻 */
.indexnews{width:1200px; margin:30px auto 60px;}
.indexnews .newstop{border-bottom:1px solid #ddd; text-align:center;margin:0 auto 30px;}
.indexnews .newstop li{display:inline-block; padding:10px 15px;color:#999;font-size:18px; border-bottom:2px solid transparent;margin-bottom:-1px; cursor:pointer;}
.indexnews .newstop li.on{border-bottom-color:#00417B;color:#00417B;}
.indexnews  .newsbottom{display:none;width:1240px;}
.indexnews  .newsbottom li{float:left;width:580px;margin-right:40px;margin-bottom:30px; position:relative;box-shadow:0 0 5px rgba(0,0,0,.3);}
.indexnews  .newsbottom li .figure{float:left;width:200px;height:150px;}
.indexnews  .newsbottom li .figure img{width:200px;height:150px;display:block;}
.indexnews  .newsbottom li .cont{margin-left:200px;padding:10px;}
.indexnews  .newsbottom li h3{padding-top:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;line-height:30px;font-size:16px;}
.indexnews  .newsbottom li  .text{color:#4E748E;font-size:13px;line-height:20px;height:60px;overflow:hidden;margin:5px 0;}
.indexnews  .newsbottom li  .date{font-size:13px; color:#959595;padding-left:20px; background:url(../webimages/date.png) no-repeat left center;}
.indexnews  .newsbottom li:hover{

}



/* 我们 */
.indexabout{background:url(../webimages/index-abg.jpg) no-repeat center top;padding:50px 0;}
.aboutcont{width:1200px; margin:0 auto; padding:20px 0;}
.aboutcont h3{line-height:36px; font-size:22px; text-align:center;}
.aboutcont .text{text-align:justify;font-size:14px;color:#666;padding:20px 0 30px;}
.aboutcont .more{display:block; width:100px; text-align:center; line-height:30px; margin:0 auto;border:1px solid #00417B; color:#00417B;border-radius:3px;}
.aboutcont .more:hover{color:#fff; background:#00417B; }