@charset "utf-8";

/*页头*/
.bottom-ban ul li i,
.r-box.zone a i,
.banner .prev,.banner .next,
.twoyearfl,
.product .title-ul.list-ul li.name i.convertible{ background:url(../img/index_icon.png) no-repeat 0 0;}

/*banner*/
.banner{ width:100%; min-width:1200px; height:800px; overflow:hidden; position:relative;}
.banner .hd{ height:15px; width:300px; margin-left:-150px; position:absolute; left:50%; bottom:35px; z-index:1; line-height:12px; *text-align:center;}
.banner .hd ul{ overflow:hidden; zoom:1; text-align:center; *white-space:nowrap; *display:inline;}
.banner .hd ul li{ display:inline-block; margin:0 6px; width:15px; height:15px; cursor:pointer; background-position:-308px -49px; *vertical-align:top; *display:inline; *zoom:1;}
.banner .hd ul li.on{ color:#fff; background-position:-308px -64px;}

.banner .bd{ position:relative; height:800px; z-index:0;}
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important; zoom:1; vertical-align:middle; height:800px; background-repeat:no-repeat; background-position:center top;}
.banner .bd li a{ display:block; width:100%; height:800px;}
.banner .bd img{ display:block;}

.banner .prev,.banner .next{ position:absolute; left:50%; top:50%; margin-top:-30px; margin-left:-825px; display:block; width:60px; height:60px; background-position:9px -460px; filter:alpha(opacity=60); opacity:0.6; z-index:10; display:none;}
.banner .next{ left:auto; right:50%; margin-left:0; margin-right:-822px; background-position:-58px -460px; }
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner .prevStop,.banner .nextStop{}

.banner .b-rbox{ position:absolute; left:50%; top:0; margin:0 0 0 236px; height:800px; width:364px; color:#fff;}
.banner .b-rbox .b-rcontent{ position:relative;}

.banner .b-rbox .appreciation{  padding:0 28px; width:308px; height:800px;}
.banner .b-rbox .appreciation h2{  padding:28px 0 20px;}
.banner .b-rbox .appreciation h3{  line-height:48px; height:66px;}
.banner .b-rbox .appreciation h3 strong{}
.banner .b-rbox .appreciation h3 em{ background-position:-63px 0; width:111px; height:49px;margin-left:14px;}
.banner .b-rbox .appreciation a.reg-but{ background-position:0 -50px; width:308px; height:53px; line-height:53px; text-align:center; color:#fff; margin-top:10px;
-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;}
.banner .b-rbox .appreciation a.reg-but:hover{ background-position:0 -104px; text-decoration:none;}
.banner .b-rbox .appreciation p{ text-align:center; margin:6px 0 12px;}
.banner .b-rbox .appreciation p a{ color:#33aaff;}
.banner .b-rbox .appreciation p a:hover{ color:#1fa2ff;}
.banner .b-rbox .appreciation h4{ color:#ccc; border-bottom:1px solid #ccc;}
.banner .b-rbox .appreciation h4 a{ color:#ccc; margin-left:194px;}
.banner .b-rbox .appreciation h4 a:hover{ color:#33aaff;}

.banner .b-rbox .appreciation ul{ padding:15px 0 0;}
.banner .b-rbox .appreciation ul li{ float:left; width:150px;}
.banner .b-rbox .appreciation ul li.rli{ border-left:1px solid #ccc; width:132px; padding-left:24px;}
.banner .b-rbox .appreciation ul li em{ color:#ccc;}