/*-------------------- 样式重置 ------------------------*/
a{ text-decoration: none; color: #666;}
a:hover{color: #ce3232;}
i{ font-style: normal;font-size: 9px; font-weight: 400;font-family: "微软雅黑";}
a:focus {outline: none;}
input:focus {outline: none;}
select:focus {outline: none;}
button:focus {outline: none;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
input{outline:none;}
em{font-style:normal;}


/*--------------添加解说----------------*/
#c_logo{
    width: 1200px;height: 100px;margin: 0 auto;
}
#c_logo .logo_img{
    width: 550px;height: 80px;float: left;margin: 10px 0;overflow: hidden;
}
#c_logo .logo_img img{
    max-width: 550px;height: 80px;
}
#c_logo .c_search{
    width: 500px;height: 40px;float: right;z-index: 999;border: 1px solid #CE3232;position: relative;margin: 30px 0;
}
/*#c_logo .c_search .max_scale{*/
    /*background: blue; width: 100px;height: 40px;position: absolute;top: 100px;*/
/*}*/
#c_logo .c_search .search_option{
    width: 72px;height: 40px;background: #fff;float: left;
}
.show_name{
    text-align: center;line-height: 40px;width: 72px;height: 40px;cursor: pointer;
}
.other_name{
    width: 72px;height: auto;border: 1px solid #CE3232;border-top: none;position: absolute;top: 41px;left: -1px;display: none;
}
.other_name span{
    width: 72px;height: 30px;display: block;background-color: #fff;text-indent: 12px;line-height: 30px;
}
.other_name span:hover{
    cursor: pointer;
}
.other_name .selected_name{
    background-color: #CE3232;color: #fff;
}
/*#c_logo .c_search .search_option select{*/
    /*width: 72px; height: 40px;border: none;padding-left: 10px;*/
/*}*/
/*#c_logo .c_search .search_option select option{*/
    /*border: none;*/
/*}*/
#c_logo .c_search .search_input{
    width: 339px;height: 40px;border-left: 1px solid #EDEDED;float: left;background-color: #F7F7F7;
}
#c_logo .c_search .search_input input{
    width: 339px;height: 38px;border: none;background: #F7F7F7;text-indent: 8px;font-size: 14px;
}
#c_logo .c_search .click_search{
    width: 88px;height: 40px;background: #CE3232;float: right;font-size: 18px;text-align: center;line-height: 40px;cursor: pointer;
}
#c_logo .c_search .click_search a{
    color: #fff;
}

/*-----------文字导航的部分begin---------------------*/

#c_nav_li{
    width: 100%; height: 50px;background-color: #333;
}
#c_nav_li ul{
    width: 1200px;height: 50px;margin: 0 auto;
}
#c_nav_li ul a li{
   width: 150px;height: 0;font-size: 16px;text-align: center;line-height: 50px;color: #fff;display: block;letter-spacing: 2px;cursor: pointer;background: #CE3232;
}
.c_nav_on{
    background-color: #CE3232;
}
#c_nav_li ul span{
	width:100%;height:50px;display:block;
}
#c_nav_li ul a{
    display: block;width: 150px;height: 50px;float:left;
}
/*-----------文字导航的部分end---------------------*/

/*------------banner begin 部分------------------*/
.main_banner{width:100%; height:380px;}
.main_banner_wrap{
    width:100%; height:380px; position:relative; background:#112233/*333D46*/;
    margin:0 auto; overflow:hidden;  box-shadow: 0px 1px 2px #c5c5c5;
}
#myCanvas {
    position: absolute;
    z-index: 13;
    opacity: 0.8;
    cursor: pointer;
    -webkit-animation: roll 3s;
    animation: roll 3s;
}
@-webkit-keyframes roll {
    from{-webkit-transform:rotate(120deg);opacity:0;}
    to{-webkit-transform:rotate(0deg);opacity:0.8;}
}
@keyframes roll {
    from{transform:rotate(120deg);opacity:0;}
    to{transform:rotate(0deg);opacity:0.8;}
}
.banner_btn{ 	/*a 标签 按钮*/
    width:255px; height:240px; position:absolute;
    display:block; z-index:9; top:20px;
}
.btn_next{right:20px;}
.banner_btn span{width:50px; height:100px; display:block; position:absolute;
    left:110px; top:70px; opacity:0; transition:0.5s;
    background:url(../../../images/space/c/vip/bannerBtn.png) no-repeat 0 0;}
.btn_next span{background-position:-50px 0;}
.main_banner_box:hover .banner_btn_arrow{opacity:0.6;}
.banner_btn span i{width:50px; height:100px; display:block;
    background:url(../../../images/space/c/vip/bannerBtn.png) no-repeat 0 0;}
.btn_next span i{background-position:-50px 0;}
.banner_btn:hover i{
    -webkit-animation:arrow 0.5s infinite alternate ease-in-out;
    -moz-animation:arrow 0.5s infinite alternate ease-in-out;
}
@-webkit-keyframes arrow{
    from{-webkit-transform:scale(1); opacity:1;}
    to{-webkit-transform:scale(1.5); opacity:0.2;}
}
@-moz-keyframes arrow{
    from{-moz-transform:scale(1); opacity:1;}
    to{-moz-transform:scale(1.5); opacity:0.2;}
}

.main_banner_box{
    width:1200px; height:280px; margin:40px auto 0; position:relative; z-index:0;
    /*-webkit-倒影样式*/
    -webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);
}
/*火狐倒影图层样式*/
.main_banner_box p#rflt{width:1200px; height:280px; position:absolute; left:0; top:280px;
    background:-moz-element(#m_box) no-repeat; -moz-transform:scaleY(-1); opacity:0.2;
}/*火狐倒影图层样式*/
.main_banner li{
    position:absolute; background:#000; overflow:hidden;
    box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);
}
/*给每张图片初始设置不同宽高，层级，位置*/
.main_banner li#imgCard0{
    width:670px; height:280px; z-index:5;
    left:255px; top:0px; opacity:1; background:#333d46;
}
.main_banner li#imgCard1{
    width:580px; height:240px; z-index:1;
    left:600px; top:20px; opacity:1; background:#333d46;
}
.main_banner li#imgCard2{/*初始在背后，透明度为0*/
    width:450px; height:180px; z-index:1;
    left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard3{/*初始在背后，透明度为0*/
    width:450px; height:180px; z-index:1;
    left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard4{
    width:580px; height:240px; z-index:2;
    left:0px; top:20px; opacity:1; background:#333d46;
}
.main_banner li img{width:100%; height:100%;}
.main_banner li span{/*遮罩层*/
    width:100%; height:100%; position:absolute; top:0; left:0;
    z-index:1; background:#000; opacity:0; filter:alpha(opacity=0);
    color:#fff; font-size:30px; line-height:120px; text-align:center;
}
.main_banner li p{width:100%; height:50px; position:absolute;
    left:0; bottom:-50px; background:rgba(0,0,0,0.7); color:#fff;
    text-indent:38px; line-height:50px; font-size:25px;
}

/*指示器按钮*/
.btn_list{text-align:center; position:relative; left:0; top:6px; z-index:10;}
.btn_list span{
    width:15px; height:15px; display:inline-block; margin:15px 5px;
    background:#787d82; border-radius:50%; cursor:pointer;
}
.btn_list span.curr{background:#fff;}

/*------------banner end 部分------------------*/

/*--------专区 prefecture begin ------------*/
#prefecture{
    width: 100%;height: 94px;background-color: #CE3232;margin-top: 6px;
}
.inner_prefecture{
    width: 1200px;height: 94px;margin: 0 auto;
}
.inner_prefecture li{
    width: 199px;height: 50px;display:block;float: left;margin-top: 22px;color: #fff;text-align: center;border-right: 1px solid #fff;line-height: 25px;
}
.inner_prefecture li:hover{
    text-decoration: underline;
}
/*--------专区 prefecture end ------------*/

/*-----------简单的展示页面 brief begin--------------------*/
#brief{
    width: 1200px;height: auto;margin: 40px auto 0 auto;background: yellow;
}
.sub_brief{
    width: 220px;height: 314px;border: 1px solid #E6E6E6;float: left;margin-left:9px;margin-right: 9px;margin-bottom: 25px;background: #F2F2F2;
}
.sub_brief a{
    display: block;
}
.sub_brief .limit_img{
    width: 220px;height: 220px;
}
.sub_brief a img{
    width: 220px;height: 220px;
}
.sub_brief a p{
    width: 200px;height: 40px;font-size: 14px;margin-top: 12px;margin-left: 10px;margin-bottom: 8px;line-height: 20px;
}
.sub_brief .price_count{
    width: 200px;margin-left: 10px;height: 30px;line-height: 30px;
}
.sub_brief .price_count .price{
    color: #CE3232;display: block;float: left;
}
.sub_brief .price_count .price em{
    font-size: 22px;
}
.sub_brief .price_count .count{
    display:block;float: right;font-size: 14px;color: #999;
}
/*-----------简单的展示页面 brief end--------------------*/


.vip_freand{width: 1200px;margin: auto;padding: 10px 0;}
.vip_freand h3{width: auto;float: left;font-size: 14px;color: #ccc;line-height: 30px;}
.vip_freand ul{width: 1100px;float: left;}
.vip_freand ul li{float: left;padding-left:45px;}
.vip_freand ul li a{font-size: 14px;color: #ccc;line-height: 30px;display: block;}
.vip_freand ul li a:hover{color: #fff;}
.vip_freand:after { content: ""; display: block; clear: both }

#Contact .fnav a:hover{color: #666;}