.index_titlebox{ width:100%; overflow:hidden; position:relative; z-index:1;}
.index_titlebox .cont{max-width:1000px;color:#666; margin:auto;text-align:center;}
.index_title{text-align:center; padding:20px 0;}
.index_title span{ /* background:url(../webimages/pro_cnbd.png) repeat-x;display:inline-block;padding:0 60px; height:42px; */}
.index_title h3{font-size:30px; display:inline-block; height: 67px;line-height: 88px; color:#000;padding-right:84px; background:url(../webimages/pic1.png) no-repeat right bottom;}


.index_title p{ line-height:35px; color:#243E7B; margin-top:0px; font-size:15px; }
.index_title em{ background:#DA251D;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;}

.index-more{display:block; border:1px solid #DA251D;margin:auto;width:88px; text-align:center; line-height:30px; color:#DA251D;border-radius:3px;}
.index-more:hover{color:#fff; background:#DA251D;border-color:#DA251D;}

.index-more,
.indexpro1 li,
.indexnews  .newsbottom li,
.aboutlist li span.icon-zero,
.indexThree ul li:hover .floatdiv,
.indexThree ul li:hover .floatdiv h3,
.indexThree ul li:hover .floatdiv h3 em,
.indexThree ul li .floatdiv .more:hover,
.indexThree ul li .floatdiv  .more:hover p:after{
	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:55px; display:block; top:50%; margin-top:-22px; 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:185px; 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:150px;height:150px;display:block;margin:auto;}
.indexpro1 li h3{padding:10px 15px 0;line-height:22px; height:44px;}
.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:#DA251D;color:#DA251D;}
.solutionlist .mousebottom {margin-top:30px;}
.solutionlist .mousebottom li{display:none;}
.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;}



/* 新闻 */
.indexnews{width:1200px; margin:0 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:#DA251D;color:#DA251D;}
.indexnews  .newsbottom{display:none;width:1220px;}
.indexnews  .newsbottom li{float:left;width:269px;padding:8px;margin-right:20px;margin-bottom:20px; position: relative;
	box-shadow:0 1px 5px rgba(0,0,0,.1);
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1);}
.indexnews  .newsbottom li .new_pictop {
	 WIDTH: 88px; BACKGROUND: url(../webimages/new_pictop.png) no-repeat; HEIGHT: 98px; TOP: -4px; LEFT: 17px; z-index:9999; position: absolute
}
.indexnews  .newsbottom li .new_pictop SPAN {
	TEXT-ALIGN: center; LINE-HEIGHT: 50px; DISPLAY: block; COLOR: #fff; FONT-SIZE: 40px; FONT-WEIGHT: bold
}
.indexnews  .newsbottom li .new_pictop EM {
	TEXT-ALIGN: center; DISPLAY: block; COLOR: #fff; FONT-SIZE: 12px
}
.indexnews  .newsbottom li a{display:block; width:100%;height:100%;}
.indexnews  .newsbottom li .figure img{width:100%;display:block;}
.indexnews  .newsbottom li h3{padding-top:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding:10px 0;background:url(../webimages/line1.jpg) no-repeat left bottom;}
.indexnews  .newsbottom li  .text{color:#959595;font-size:13px;line-height:20px;height:40px;overflow:hidden;margin-top:5px;}
.indexnews  .newsbottom li  .date{font-size:13px; color:#959595;}
.indexnews  .newsbottom li:hover{
	box-shadow:0 2px 8px rgba(0,0,0,.3);
	-webkit-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);
}


/* 我们 */
.indexabout{background:url(../webimages/index-abg.jpg) no-repeat center top;padding:50px 0;}
.aboutlist{width:1200px; margin:15px auto 0;}
.aboutlist ul{margin-bottom:20px;}
.aboutlist li{float:left; width:300px;}
.aboutlist li a{display:block; margin:15px 50px;}
.aboutlist li span.icon-zero{width:140px; height:140px;line-height:140px; background:#fff; border-radius:100%;text-align:center; display:block; margin:auto; font-size:36px;color:#DA251D;}
.aboutlist li span.icon-zero em{font-size:20px;}
.aboutlist li .text{padding-top:20px; text-align:center;}
.aboutlist li a:hover span.icon-zero{background:#DA251D;color:#Fff;}







/* 系列 */
.indexThree{width:1200px; margin:15px auto 0;}
.indexThree ul{margin-right:-30px;}
.indexThree ul li {float:left;width:385px;margin-right:20px;margin-bottom:20px; position:relative;}
.indexThree ul li:after{display:block; top:0; left:0;position:absolute;content:""; width:100%;height:100%; background:rgba(0,0,0,.5);}
.indexThree ul li .figure{width:385px; height:210px; overflow:hidden;}
.indexThree ul li .figure img{display:block;width:100%;}
.indexThree ul li .floatdiv{position:absolute; width:100%; height:100%;top:0;left:0;z-index:2; text-align:center; }
.indexThree ul li .floatdiv h3{line-height:40px;font-size:20px; color:#fff;margin:80px 55px 0;}
.indexThree ul li .floatdiv h3 em{display:block; margin:auto;height:1px ; width:0; background:#fff;}
.indexThree ul li .floatdiv a.more{position:absolute;opacity:0;display:block;width:100%; bottom:0; line-height:46px; font-size:18px;}
.indexThree ul li .floatdiv  .more p{width:120px; margin:auto;color:#fff;position:relative;}
.indexThree ul li .floatdiv  .more p:after{display:block;position:absolute; content:""; width:8px; height:8px; top:20px;right:15px; border-top:1px solid #FFF; border-right:1px solid #FFF;
transform:rotatez(45deg)}
.indexThree ul li:hover .floatdiv{background-color:#DA251D;} 
.indexThree ul li:hover .floatdiv h3{margin-top:75px;} 
.indexThree ul li:hover .floatdiv h3 em{width:80%;} 
.indexThree ul li .floatdiv .more:hover{background:#C71E16;}
.indexThree ul li .floatdiv .more:hover  p:after{right:10px;}
.indexThree ul li:hover .floatdiv .more{opacity:1;} 


.indexThree ul li.lastli{width:790px;height:210px;background:#DA251D;color:#fff;}
.indexThree ul li.lastli:after{display:none;}
.indexThree ul li.lastli .lastdiv{padding:20px 35px;}
.indexThree ul li.lastli .lastdiv h3{font-size:34px;line-height:44px; letter-spacing:2px; font-weight:bold;margin-bottom:12px;text-align:center;}
.indexThree ul li.lastli .lastdiv p{font-size:20px;text-indent:2em;line-height:30px;}




/*  */
.indexpro{background:#fafafa;padding:10px 0 0px; margin-bottom:20px;}
.indexpro2 {width:1100px;padding:0 50px; margin:20px auto 0;position:relative;}
.indexpro2 .prev,.indexpro2 .next{position:absolute; width:26px; height:55px; display:block; top:50%; margin-top:-22px; background-image:url(../webimages/p-btn.png);
background-repeat:no-repeat;}
.indexpro2 .prev:hover,.indexpro2 .next:hover{background-image:url(../webimages/p-btnh.png);}
.indexpro2 .prev{background-position:left top; left:0;}
.indexpro2 .next{background-position:right top; right:0;}


.indexpro ul li {float:left; width:220px;text-align:center; margin-bottom:30px;}
.indexpro ul li .figure{width:155px; text-align:center;height:178px;margin:auto; display:block;background-repeat:no-repeat; background-position:center top; position:relative; background-size:cover;}
.indexpro ul li .figure span{display:inline-block; margin-top:100px;font-size:16px;color:#666;position:relative;z-index:2;}
.indexpro ul li .figure .icon-bg{position:absolute;display:block; height:0; background-repeat:no-repeat; background-position:center bottom;background-size:cover;left:0; bottom:0;width:100%;}
.indexpro ul li .figure:hover  .icon-bg{height:178px;}
.indexpro ul li .figure:hover span{color:#fff;}
.indexpro ul li .figure .icon-bg,.indexpro ul li .figure span{transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;}

.indexpro ul li.moreli{width:600px;}
.indexpro ul li.moreli .figure{width:495px;}
.indexpro ul li.moreli .figure .icon-bg{}