/********** 首页banner **********/
#banner-ind{ width:100%; height:510px; background-color:#EBEBEB;}
.flexslider{ margin:0px auto; position:relative; width:100%; height:510px; overflow:hidden; zoom:1;}
.flexslider .slides li{ width:100%; height:100%;}
.flex-direction-nav a{ width:70px; height:70px; line-height:99em; overflow:hidden; margin:-35px 0 0; display:block; background:url(../images/imgsign/ad_ctr.png) no-repeat; position:absolute; top:50%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease; border-radius:35px;}
.flex-direction-nav .flex-next{ background-position:0 -70px; right:100px;}
.flex-direction-nav .flex-prev{ left:100px;}
.flexslider:hover .flex-next{ opacity:0.8; filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{ opacity:0.8; filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{ opacity:1; filter:alpha(opacity=50);}
.flex-control-nav{ width:100%; position:absolute; bottom:20px; text-align:center;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1; *display:inline;}
.flex-control-paging li a{ display:block; width:26px; height:26px; background:url(../images/imgsign/dot.png) no-repeat 0 -26px; overflow:hidden; text-indent:-99em; cursor:pointer;}
.flex-control-paging li a.flex-active, .flex-control-paging li.active a{ background-position:0 0;}
.flexslider .slides a img{ width:100%; height:510px; display:block;}

/********** 首页分层 **********/
/* 公司 */
#ind-ab{ width:960px; height:160px; padding:34px 0px 34px 0px; margin:0 auto;}
.imgBox{ float:left; width:310px; height:160px; position:relative;}
.imgBox img{ vertical-align:middle; width:310px; height:160px;}
.imgBox h1{ background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 0.6); bottom:0; left:0; font-size:16px; color:#151515; font-weight:normal; height:38px; line-height:38px; position:absolute; text-align:center; text-transform:uppercase; width:100%; opacity:1; transition:all 0.4s ease-in-out; text-transform:uppercase;}
.imgBox .mask{ background-color:rgba(0, 0, 0, 0.7); height:160px; left:0; opacity:0; overflow:hidden; position:absolute; top:0; transition:all 0.4s ease-in-out 0s; width:310px;}
.imgBox:hover h1{ opacity:0; transition:all 0.4s ease-in-out;}
.imgBox:hover .mask{ opacity:1; transition:all 0.4s ease-in-out;}
.imgBox .mask a{ display:block; width:60px; height:32px; line-height:32px; text-align:center; margin:62px auto; border:2px #ff7f02 solid; color:#ff7f02; transition:all 0.4s ease-in-out;}
.imgBox .mask a:hover{ display:block; width:60px; height:32px; line-height:32px; text-align:center; margin:62px auto; border:2px #be5e00 solid; color:#be5e00;}

/* 产品 */
#ind-prod{ width:100%; padding-bottom:30px; background-color:#F4F4F4;}
#ind-prod h3{ font-size:24px; line-height:90px; font-weight:normal;}
.ind-prodlist{ width:965px;}
.ind-prodlist li{ position:relative; float:left; width:236px; height:145px; background-color:#FFF; margin:0 5px 5px 0;}
.ind-prodlist li span{ position:absolute; left:20px; top:40px; display:block; width:100px; height:60px; font-size:16px; line-height:20px; color:#555; overflow:hidden; text-overflow:ellipsis;}
.picBox{ float:left; width:236px; height:145px; position:relative;}
.picBox img{ float:right; width:120px; height:145px;}
.picBox .maskt{ background-color:rgba(55, 111, 145, 0.8); height:145px; left:0; opacity:0; overflow:hidden; position:absolute; top:0; transition:all 0.4s ease-in-out 0s; width:236px;}
.picBox:hover .maskt{ opacity:1; transition:all 0.4s ease-in-out;}
.picBox .maskt a{ display:block; width:100px; height:32px; line-height:32px; text-align:center; margin:54px auto; border:2px #ffffff solid; color:#ffffff; transition:all 0.4s ease-in-out; opacity:1;}
.picBox .maskt a:hover{ display:block; width:100px; height:32px; line-height:32px; text-align:center; margin:54px auto; border:2px #ffffff solid; color:#ffffff; opacity:0.8;}

/* floor3 */
#floo3{ width:100%; height:250px; padding-top:100px; background:url(../images/imgindex/indfl3_bg.jpg) top center no-repeat #FFF;}
.ind-cert{ float:left; margin-left:60px; width:200px; height:200px;}
.ind-news{ float:left; margin-left:100px; width:260px; height:200px;}
.ind-ctc{ float:left; margin-left:100px; width:240px; height:200px;}
.fl3-title{ position:relative; height:50px; margin-bottom:15px; font-size:24px; line-height:50px; color:#444; text-transform:uppercase;}
.fl3-title .tit-sign{ position:absolute; left:-60px; display:block; width:50px; height:50px;}
.ind-cert .tit-sign{ background:url(../images/imgindex/indsign01.png) no-repeat;}
.ind-news .tit-sign{ background:url(../images/imgindex/indsign02.png) no-repeat;}
.ind-ctc .tit-sign{ background:url(../images/imgindex/indsign03.png) no-repeat;}
.cert-box{ width:200px;}
.cert-box ul{ width:210px;}
.cert-box ul li{ float:left; width:60px; height:60px; margin-right:10px; margin-bottom:10px;}
.news-box{ width:260px;}
.news-box li{ width:100%; margin-bottom:12px; font-size:14px; line-height:20px;}
.news-box li a{ display:block; width:100%; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-box li a:hover{ color:#FF7800;}
.news-box li span{ color:#CACACA;}
.ctc-box{ width:240px; font-size:14px; line-height:28px; color:#666;}
.ctc-box p{ display:block;}