﻿/** 
Melbourne CSS by HouShengnan @2014.05.14
**/

/** Reset **/
*{margin:0px;padding:0px;}
a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
li{list-style:none;}
img{border:0px;}
.body_bj{width:100%;height:3704px;margin:0px auto;background:url(../img/img/body_bj1.jpg) no-repeat center top;}
.head{width:100%;height:900px;margin:0px auto;position:relative;background:url(../img/img/head1.jpg) no-repeat top center;}

/*************主体部分start*****************/
.main{width:1000px;height:auto;margin:0 auto;}


/*********************topstart*************************/
.header{width:1000px;height:705px;margin:0px auto;position:relative;font-family:"微软雅黑";}
.header h1{height:123px;margin:0px;background:url(../img/img/header_h1.png) no-repeat center center;}
.header .Box{width:1000px;height:585px;background:url(../img/img/header_bj.jpg) no-repeat; position:relative;}
.header .Box .hd{width:933px;height:34px;position:relative;margin:0 auto 31px;}
.header .Box .hd li{width:233px;height:34px;float:left;background:url(../img/img/header_pic.png) no-repeat;text-align:center;line-height:34px;font-size:20px;color:#fff;cursor:pointer;}
.header .Box .hd li.on{background:url(../img/img/header_pic_on.png) no-repeat;}

.header .Box .bd{width:902px;height:480px;position:relative; margin:0 auto;}
.header .Box .bd li{width:902px;height:480px;}
/*********************topEND*************************/




/******************新春度假天堂start******************/
.tian{width:1000px;height:1208px;font-family:"微软雅黑";margin:0 auto 12px;position:relative;}
.tian h1{height:98px;margin:0px;background:url(../img/img/tian_h1.png) no-repeat top center;}
.tian .pu{width:1000px;height:550px;}
.tian .pu h2{height:50px;margin:0px;background:url(../img/img/pu_h2.png) no-repeat top center;margin-bottom:18px;}

.tian .jia{width:1000px;height:565px;}
.tian .jia h2{height:51px;margin:0px;background:url(../img/img/jia_h2.png) no-repeat top center;margin-bottom:30px;}
.tian .jia .hd{width:1000px;height:34px;margin-bottom:30px;}
.tian .jia .hd li{width:247px;height:34px;background:url(../img/img/jia_pic.png) no-repeat;float:left;color:#fff;margin-right:3px;font-size:17px;text-align:center;line-height:34px;cursor:pointer;}
.tian .jia .hd li.on{background:url(../img/img/jia_pic_on.png) no-repeat;}
.tian .jia .bd{width:1000px;height:415px;}
.tian .jia .bd li{width:1000px;height:415px;}
/******************新春度假天堂END******************/




/*************产品start************/
.cp{width:1000px;height:610px;margin:0px auto 110px;font-family:"微软雅黑";}
.cp h1{height:118px;margin:0px;background:url(../img/img/cp_h1.png) no-repeat top center;}
.cp .hd{width:1020px;height:50px;margin-bottom:26px;}
.cp .hd li{width:324px;height:50px;background:url(../img/img/cp_pic.png) no-repeat;float:left;margin-right:13px;color:#fff;font-size:30px;font-family:"楷体"; text-align:center;line-height:50px;cursor:pointer;}
.cp .hd li.on{background:url(../img/img/cp_pic_on.png) no-repeat;}
.cp .bd{width:1000px;height:415px;}
.cp .bd ul{width:1000px;height:415px;}
.cp .bd ul li{width:250px;height:415px;float:left;}
.cp .bd ul li .tit{width:240px;margin:0 auto;color:#fff;font-size:17px;text-align:center;height:55px;border-bottom:2px dashed #fff;margin-bottom:3px;}
.cp .bd ul li .mon{ text-align:center;font-size:25px;color:#fff;margin-bottom:8px;}
.cp .bd ul li .mon span{font-weight:900;font-size:28px;}
.cp .bd ul li .buy{display:block;width:133px;height:36px;background:url(../img/img/buy_bj.png) no-repeat;color:#fff;padding-left:30px;line-height:36px;margin:0 auto;font-size:22px;}
/***************产品END**************/




/*********************footstart***********************/
.foot{width:800px;height:105px;margin:0 auto;}
.fot{width:800px;height:105px;margin:0 auto;}
.fot a{display:inline-block;margin-left:49px;}
.fot .banner img{width:190px;height:105px;}
.fot .tesu1 img{width:190px;height:105px;}
.fot .tesu{ position:relative;top:-16px;}
/*********************footEND*************************/




/******** 侧栏 ***********/
.htlShare {
    bottom: 5px;
    overflow: visible;
    position: fixed;
    right: 0;
    width: 46px;
    z-index: 999999;
}

#rlist1 {
    float: right;
    margin-bottom: 45px;
    width: 46px;
    z-index: 101;
}

#rlist5 {
    clear: both;
    overflow: hidden;
    position: relative;
    right: -10px;
    width: 160px;
    z-index: 999999;
}

.cf li {
    height: 46px;
    margin-bottom: 5px;
    position: relative;
    width: 46px;
}

.cf li:hover {
    background: none repeat scroll 0 0 #FFAE01;
}

.cf a {
    display: block;
    height: 46px;
    overflow: hidden;
    text-indent: -99em;
}

.cf a {background: url(../img/spirite_temp.png) no-repeat;}

.share .share_a {background-position: 0 -128px;}

.share .share_a:hover, .share .cur {background-position: -105px -128px;}

.top .top_a {background-position:-53px -128px;}

.top .top_a:hover{background-position: -158px -128px;}

.share_lis {
    background: none repeat scroll 0 0 #FFAE01;
    height: 30px;
    padding: 8px 0 8px 3px;
    position: absolute;
    right: 44px;
    top: 0;
    width: 112px;
}

.share_lis a {
    display: inline;
    float: left;
    height: 30px;
    margin-left: 5px;
    width: 30px;
}

.share_lis .a0 {
    background-position: 0 -88px;
}

.share_lis .a1 {
    background-position: -40px -88px;
}

.share_lis .a2 {
    background-position: -80px -88px;
}

.share_lis .a3 {
    background-position: -120px -88px;
}

.share_lis .a4 {
    background-position: -160px -88px;
}

#w2wm {
    background: #009EDA;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    cursor: pointer;
    height: 100px;
    overflow: hidden;
    padding-top: 4px;
    text-align: center;
    width: 36px;
}

#w2wm p {
    border-top-left-radius: 4px;
    color: #FFFFFF;
    font-size: 12px;
    height: 75px;
    line-height: 16px;
    padding: 6px 11px 0;
    width: 14px;
}

#w2wm .pointr {
    background: url(../img/shareArr4.gif) no-repeat scroll 4px -19px rgba(0, 0, 0, 0);
    display: block;
    height: 19px;
    width: 36px;
}

#w2wm .pointl {
    background: url(../img/shareArr4.gif) no-repeat -23px -19px;
    display: block;
    height: 19px;
    width: 36px;
}

.ewm {
    background: #fff;
    border: 3px solid #009eda;
    border-right: none;
    padding: 10px;
    text-align: center;
    width: 100px;
}

.ewm img {
    height: 178px;
    width: 100px;
}

#ewm {
    width: 100%;
    position: fixed;
    right: 0;
    bottom: 10px;
}
/******** 侧栏END ***********/