#banner{ width: 1920px; margin: -40px 0 0 -960px; position: relative; left: 50%;}
 

#intro h3{ margin-bottom: 10px; text-align: right; border-bottom: 2px solid #a0a0a0; padding: 10px; float: right; width: 80%;}
#intro .pic{ position: relative; float: left; top: 30px;}
#intro .pic s{ display: block; width: 421px; height: 262px; position: absolute; top:-13px; right: -13px; background: #55b14b; z-index: -1; }
#intro .txt{ float: right; width: 510px; padding-right: 10px;}
#intro .txt p{ display: block; font-size: 14px; line-height: 28px; text-indent: 2em; }

#info {height: 200px;}
#info *{ color: #fff;}
#info .tab{ position: relative;}
#info .btn-arrow{ background-repeat: no-repeat; background-position: center; width: 50px; height: 330px; position: absolute; top: 0; cursor: pointer;}
#info .btn-l{ left: 0;background-image: url(http://www.benefo.cn/images/arrow_l.png)}
#info .btn-r{ right: 0; background-image: url(http://www.benefo.cn/images/arrow_r.png);}
#info .js-b{ padding: 20px 0; background: url(http://www.benefo.cn/images/index/bg_line.png) no-repeat center; text-align: center;}
#info .js-b li{ cursor: pointer; font-size: 16px; height: 30px; line-height: 30px; display: inline-block; margin: 0 5px;}
#info .js-b li.active{ border-bottom: 2px solid #fff;}
#info .js-c h3{ font-size: 24px; font-weight: bold; text-align: center;}
#info .js-c p{ padding: 20px 0 30px; width: 750px; text-indent: 2em; margin: 0 auto; font-size: 16px; line-height: 28px;}

#info .js-c li.active{ display: block;}
#info .js-c ul{ padding-left: 250px;  line-height: 28px;}
#info .js-c ul li{ color: #fff; font-size: 16px;background: url(http://www.benefo.cn/images/index/dot.png) no-repeat 0px 12px; padding-left: 15px; }

#achieve{ margin-top: 0px;}
#achieve li{ height: 175px; float: left; width: 249px; margin: 0 1px 1px 0;}
#achieve li.last{ margin-right: 0;}
#achieve .b-green{ width: 459px; height: 125px; padding: 25px 20px; background: #42a837; color: #fff; line-height:28px;}
#achieve .b-green p{ text-indent: 2em; color: #fff; border-top: 1px solid #fff; padding-top: 6px; margin-top: 12px; font-size: 16px;}

#gallery{ margin-top: 30px; position: relative; height: 400px; width: 100%;}
#gallery s{ top: 100px; display: block; background: #004EA2; width: 100%; position: absolute; height: 200px; }

#gallery{ margin-top: 80px;}
#gallery li{ box-shadow: 2px 8px 18px #aaa; padding-top: 12px; width: 504px; height: 351px; background: #42a837;}
#gallery li span{ text-align: center; display: block; font-size: 16px; font-weight: bold; line-height: 55px; height: 55px; color: #fff;}
.poster-main{ margin: 0 auto; position:relative;width:800px;height:363px;}
.poster-main a,.poster-main img{display:block;}
.poster-main img{ margin: 0 auto; width: 95%;}
.poster-main .poster-list{width:800px;height:363px;}

.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
.poster-main .poster-btn{ position:absolute;top:0;width:100px;height:363px; z-index:10; cursor:pointer;  opacity:0.8}
.poster-main .poster-prev-btn{left:0; background: url(http://www.benefo.cn/images/arrow_l.png) no-repeat center center;}
.poster-main .poster-next-btn{right:0; background: url(http://www.benefo.cn/images/arrow_r.png) no-repeat center center;}

/*遮罩*/
.con{width: 249px;height: 175px;float: left; overflow: hidden; position: relative;cursor: pointer;}
.con img{ transition: .3s all ease-out;}
.con:hover img{ transform: scale(1.2);}
.con .txt{overflow: hidden;position: absolute;left: 0;bottom: 0;width: 100%;height: 0px;text-align: center;color: #fff;background: rgba(0,0,0,0.6);}
.con .txt h3{ font-size: 24px;}

/*首页轮显*/
#box{ position:relative; width:1920px; height:455px; border:1px solid #f2f2f2; }
#box .bigUl{}
#box .prev{ position:absolute; width:100px; height:455px; background:url(http://www.benefo.cn/images/index/arrow_l_o.png)  no-repeat center; z-index:500; top:0px; width:100px; left:380px; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
#box .next{ position:absolute; width:100px; height:455px; background:url(http://www.benefo.cn/images/index/arrow_r_o.png)  no-repeat center;  z-index:500; top:0px; right:380px; opacity:0; filter:alpha(opacity=0);cursor:pointer;}
.bigUl li { position:absolute;}
.numberUl { position:absolute; right:0; bottom:10px; z-index:400; width: 100%; text-align: center;}
.numberUl li{width:8px; height:8px; display:inline-block; background:transparent; border: 2px solid #fff; border-radius: 10px; opacity:0.7; margin-left:5px; cursor: pointer;}
.numberUl li.night{ background: #fff ;}

<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2025-01-16 10:50:46" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->