/********** 首页banner **********/
#banner-ind{ width:100%; height:560px; margin-top:0px; position:relative;}
.flexslider{ margin:0px auto; position:relative; width:100%; height:560px; 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/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:30px; 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/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:560px; display:block;}


/********** 首页分层 **********/
.fl-title{ width:100%; height:98px; padding-top:22px; text-align:center; line-height:102px;}
.indprod .fl-title{ background:url(../images/indtitbgprod.png) bottom center no-repeat;}
.indnews .fl-title{ background:url(../images/indtitbgnews.png) bottom center no-repeat;}
.indabout .fl-title{ background:url(../images/indtitbgab.png) bottom center no-repeat;}
.fl-title h3{ font-size:24px; color:#3333; font-family:微软雅黑, "Microsoft YaHei", sans-serif; font-weight:normal; font-style:italic;}
.fl-title h3 span{ font-size:24px; color:#B2B2B2; font-family:Arial, Tahoma, Helvetica, sans-serif; text-transform:uppercase; margin-left:8px;}


/***** 产品中心 *****/
.indprod{ width:100%; height:810px; background-color:#FFF;}
.indprod .w1100{ position:relative;}
.btn-arrow{ position:absolute; width:36px; height:36px; background:url(../images/arrow.png) no-repeat; cursor:pointer;}
.btn-arrow.prev{ top:730px; left:50%; margin-left:-46px; background-position:0 0;}
.btn-arrow.next{ top:730px; left:50%; margin-left:10px; background-position:-36px 0;}
.btn-arrow.prev:hover{ background-position:0 -36px;}
.btn-arrow.next:hover{ background-position:-36px -36px;}
.iprodlist{ margin-top:60px; width:1100px; height:522px; overflow:hidden;}
.iprodlist ul{ width:1400px;}
.iprodlist li{ float:left; width:216px; height:482px; padding:20px 22px; border-radius:130px; background-color:#F0F0F0; margin-right:20px;}
.iprodlist li a{ display:block; width:216px; height:482px;}
.iprodlist li .iprod-img{ position:relative; width:216px; height:216px; overflow:hidden;}
.iprodlist li .iprod-img .mask{ position:absolute; top:0; left:0; width:216px; height:216px; background:url(../images/mask.png) no-repeat;}
.iprodlist li .iprod-img img{ width:216px; height:216px;}
.iprodlist li p{ display:block; text-align:center; margin:22px auto 0; font-size:18px; line-height:40px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.iprodlist li .line{ width:32px; height:1px; background-color:#D3D3D3; margin:0 auto;}
.iprodlist li span{ display:block; font-size:12px; line-height:20px; color:#888; margin-top:24px;}
.iprodlist li .iprodmore{ display:block; width:86px; height:32px; margin-top:42px; border-radius:3px; border:1px solid #96C653; font-size:12px; line-height:32px; color:#96C653; text-align:center; margin:26px auto 0;}
.iprodlist li:hover{ background-color:#96C653;}
.iprodlist li:hover .iprod-img .mask{ background:url(../images/mask_h.png) no-repeat;}
.iprodlist li:hover p{ color:#FFF;}
.iprodlist li:hover .line{ background-color:#B9D98C;}
.iprodlist li:hover span{ color:#E8F7D3;}
.iprodlist li:hover .iprodmore{ border-color:#FFF; color:#FFF; transition:all 0.6s ease 0s;}


/***** 新闻资讯 *****/
.indnews{ width:100%; height:580px; background-color:#F7F7F7;}
.indnews-cont{ margin-top:36px;}
.newsitem{ float:left; width:516px;}
.newsitem1{ margin-right:68px;}
.indnews-tit{ position:relative; width:516px; border-bottom:1px solid #D5D5D5;}
.indnews-tit h3{ width:102px; padding-bottom:10px; margin-bottom:-1px; border-bottom:2px solid #96C653; font-size:18px; line-height:30px; color:#333; font-weight:normal;}
.indnews-tit .inews-more{ position:absolute; right:0; bottom:18px; text-transform:uppercase;}
.indnews-cont-wrap{ width:100%; height:272px; margin-top:36px;}

.newsitem1 .newsgsimg{ float:left; width:212px; height:272px;}
.newsitem1 .newsgsimg img{ width:212px; height:272px;}
.newsitem1 .newsgstxt{ float:left; width:276px; margin-left:28px;}
.newsitem1 dl{ width:100%; height:72px; margin-bottom:28px;}
.newsitem1 dl dt{ float:left; width:66px; text-align:center;}
.newsitem1 dl dt h1{ height:42px; font-size:40px; line-height:42px; font-weight: bold; color: #666; }
.newsitem1 dl dt label{ font-size:16px; line-height:20px; color:#666; }
.newsitem1 dl dd{ float:right; width:192px;}
.newsitem1 dl dd p{ font-size:14px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:2px;}
.newsitem1 dl dd p a{ color:#555;}
.newsitem1 dl dd p:hover a{ color:#96C653;}
.newsitem1 dl dd span a{ font-size:12px; line-height:18px; color:#888;}
.newsitem1 dl dd span:hover a{ color:#96C653;}

.indnews2 li{ width:100%; height:72px; margin-bottom:28px;}
.indnews2 li .newshyimg{ float:left; width:104px; height:72px; margin-right:28px;}
.indnews2 li .newshyimg img{ width:104px; height:72px;}
.indnews2 li .newshytit{ float:left; width:327px; line-height:20px;}
.indnews2 li .newshytit a{ font-size:14px; color:#555;}
.indnews2 li .newshytit:hover a{ color:#96C653;}
.indnews2 li .newshytit label{ font-size:12px; color:#888; font-style:italic; margin-left:12px;}
.indnews2 li span{ float:left; display:block; width:327px; height:40px; overflow:hidden;}
.indnews2 li span a{ font-size:12px; line-height:20px; color:#888;}
.indnews2 li span:hover a{ color:#96C653;}

/***** 走进尼蓬 *****/
.indabout{ width:100%; height:460px; background:url(../images/indabbg.jpg) bottom center no-repeat;}
.indab-cont{ margin-top:20px;}
.indab-cont span{ float:left; display:block; width:148px; height:148px; margin-left:70px; border-radius:74px; box-shadow:2px 2px 5px #AAA; -moz-box-shadow:2px 2px 5px #AAA;}
.indab-cont .indab-txt{ float:left; margin-left:70px;}
.indab-cont .indab-txt p{ display:block; width:658px; margin-top:14px; font-size:14px; line-height:26px; color:#555;}
.indab-cont .indab-txt p a{ color:#555;}
.indab-cont .indab-txt p a:hover{ color:#1D96A5;}
.indab-cont .indab-txt a.en{ display:block; width:92px; height:32px; margin-top:42px; border-radius:3px; border:1px solid #898989; font-size:12px; line-height:32px; color:#666; text-align:center;}
.indab-cont .indab-txt a.en:hover{ border-color:#96C653; background-color:#96C653; color:#FFF; transition:all 0.6s ease 0s;}