﻿
.index_titlebox{ width:100%;position:relative; z-index:1;}
.index_title{max-width:1100px;margin:auto;padding:30px 0;}
.index_title h4{font-size:18px;text-align:left;}
.index_title h3{font-size:30px;line-height: 42px; color:#00417B;display:inline-block;}
.index_title h3:after{display:block; content:""; width:80px; height:8px; background:#00417B;margin:5px 0 6px;border-radius:5px;-webkit-border-radius:5px;}
.index_title h3 i.i1{color:#F4C600}
.index_title h3 i.i2{color:#10AF5D}
.index_title h3 i.i3{color:#EB4F38}
.index_title .more-tit{float:right;display:inline-block; padding-left:26px; background:url(../webimages/more.png) no-repeat left center; font-size:18px; margin-top:20px;color:#00417B;}
.index_title .more-tit:hover{text-decoration:underline;}

.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;}


.indexabout .more,
.morebox span,
.indexpro1 li,
.indexnews  .newsbottom li,
.aboutlist li span.icon-zero,
.solutionlist .mousebottom li  .morebox,
.aboutcont .more,
.solutionlist dl dd a{
	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:1020px;padding:10px 40px;overflow:hidden; margin:auto;position:relative;background:#fff;}
.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:8px;}
.indexteambox .next{background-position:right top; right:8px;}
.indexteambox .tempWrap{padding:0 5px;}
.indexpro1{overflow:visible !important;}
.indexpro1 li{width:25%; 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:220px;height:135px;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{width:1100px;margin:auto;}
.solutionlist{}
.solutionlist dl{width:100%;}
.solutionlist dl dt{float:left;width:720px; overflow:hidden;position:relative;}
.solutionlist dl.alt dt{float:right;}
.solutionlist dl dt img{width:100%; display:block;}
.solutionlist dl dd{float:left; width:350px;padding:8px 15px;}
.solutionlist dl dd h3{line-height:28px; font-size:20px;}
.solutionlist dl dd h3:after{display:block; content:""; width:50px; height:2px; background:#fff;margin-top:3px;}
.solutionlist dl dd .subdd{padding-top:10px;}
.solutionlist dl dd .subdd p{font-size:18px; margin-bottom:2px;}
.solutionlist dl dd a{color:#fff;}
.solutionlist dl dd a:hover{color:#e50012;}
.solutionlist dl.dlbg1{background:#008DA5;}
.solutionlist dl.dlbg2{background:#D3484D;}
.solutionlist dl.dlbg3{background:#E99523;}
.solutionlist dl.dlbg4{background:#00AEEF;}
.solutionlist dl.dlbg5{background:#000000;}
.solutionlist dl.dlbg6{background:#F23823;}
.solutionlist dl.dlbg7{background:#018FA7;}
.solutionlist dl.dlbg8{background:#00AEEF;}
.solutionlist dl.dlbg9{background:#000000;}

.solutionlist dl dt .morebox{position:absolute;height:100%; width:100%;left:0; top:0;opacity:0;background:url(../webimages/morebg.png);}
.solutionlist dl dt .morebox span{display:block; margin:auto;background:#fff;width:130px; text-align:center; line-height:36px; color:#00417B;border-radius:3px;position:absolute;top:50%; left:50%; margin-left:-65px;margin-top:-18px;opacity:0;
transform:translateY(50px)}
.solutionlist dl dt:hover  .morebox{opacity:1;}
.solutionlist dl dt:hover .morebox span{opacity:1; 
transform:translateY(0px)
}
.solutionlist dl dt .morebox span:hover{color:#fff; background:#00417B;}




/* 新闻 */
.indexnews{width:1060px;padding:0 20px 30px; margin:30px auto 0;background:#fff;}
.indexnews .newstop{width:1100px;}
.indexnews .newstop li{float:left;width:339px; margin-right:21px;}
.indexnews .newstop li h3{line-height:24px; height:48px;font-size:18px; overflow:hidden;}
.indexnews .newstop li .text{line-height:22px; font-size:16px; height:66px; overflow:hidden;}
.indexnews .newstop li .date{padding-left:20px;background:url(../webimages/date.png) no-repeat left center;color:#959595;}

/* 我们 */
.indexabout{background:#fff;width:1100px; margin:0 auto;padding-bottom:30px;}
.aboutcont{ padding:20px 20px;}
.aboutcont h3{ font-size:22px; text-align:left;padding-bottom:15px;font-weight:bold;}
.aboutcont .text{text-align:justify;font-size:16px;color:#00417B;padding:20px 0 30px;width:640px; float:left;}
.aboutcont .figure{max-width:400px; float:right;}
.aboutcont .figure img{display:block;width:100%;}
.indexabout .more{display:block; width:100px; text-align:center; line-height:30px; margin:0 auto;border:1px solid #00417B; color:#00417B;border-radius:3px;clear:both;}
.indexabout .more:hover{color:#fff; background:#00417B; }



