@charset "utf-8";

.fArea { padding: 0 0 15px 0; }
.fArea .sub { width: 284px; margin-left:7px; }
.fArea .main { width: 903px; }

.advice { border-radius: 10px; overflow: hidden; background: #fff; }
.advice .hd { height: 45px; text-align: center; background: #5a656a; }
.advice .hd h2 { font-size: 20px; line-height: 45px; color: #fff; font-weight: normal; }
.advice .bd { width: 100%; height:184px; padding: 10px 0; text-align: center; }

.No1 { margin-top: 20px; border-radius: 10px; overflow: hidden; background: #fff; }
.No1 .hd { height: 45px; text-align: center; background: #5a656a; }
.No1 .hd h2 { font-size: 20px; line-height: 45px; color: #fff; font-weight: normal; }
.No1 .bd { width: 100%; height: 264px; background: url("../images/star.png") no-repeat center center; padding: 10px 0; text-align: center; }

.No1pic { width: 150px; height: 110px; margin: 0 auto; padding: 84px 0 0; }

.hbanner { position: relative; width: 903px; height: 599px; border-radius: 10px; overflow: hidden; }
.hbanner .bd {}
.hbanner .hd { position: absolute; top:12px; right:27px; text-align: right;   }
.hbanner .hd ul { float: right; border: 1px solid #2d322e; height: 31px; border-radius: 6px; background: #ddd; box-shadow: inset 0 2px 2px #464343; }
.hbanner .hd li { float: left; display: inline-block; line-height: 31px; padding:0 15px;  border-right: 1px solid #2d322e; }
.hbanner .hd li:last-child { border-right: none; }
.hbanner .hd li:hover,.hbanner .hd li.on { background: #2d322e; color: #fff; cursor: pointer; }

.prev,.next { position: absolute; top: 50%; margin-top: -35px; cursor: pointer; }
.prev { left: 0; }
.next { right: 0; }
.prev i,.next i { display: block; width: 35px; height: 63px; }
.prev i { background-position: -111px 0; }
.next i { background-position: -165px 0; }