﻿/** 
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:4744px;background:url(../img/img/body_bj1.jpg) no-repeat center top;margin:0 auto;}
.head{width:100%;height:803px;margin:0 auto;background:url(../img/img/head.jpg) no-repeat top center;}


/*************主体部分start*****************/
.main{width:1000px;height:auto;margin:0 auto;}


.dj{width:1000px;height:150px;}
.dj img{margin-top:28px;}



/*************南澳介绍*************/
.jieshao{width:1000px;height:423px;font-family:"微软雅黑";margin:36px auto 45px;position:relative;background:#fff;border-top-right-radius:80px;}
.jieshao .left{width:353px;height:361px;padding:25px 0px 0px 25px; position:relative;float:left;}
.jieshao .left .bd{width:353px;height:333px;margin-bottom:12px;}
.jieshao .left .hd{width:120px;height:12px;margin:0 auto;}
.jieshao .left .hd li{width:12px;height:12px;border:2px solid #009e96;float:left;margin-right:20px;border-radius:50%;}
.jieshao .left .hd li.on{background:#009e96}

.jieshao .right{width:585px;height:370px;float:right;margin:22px 35px 0px 0px;background:url(../img/img/jie_right_bj.png) no-repeat;}
.jieshao .right p{width:565px;height:280px;padding:90px 0px 0px 20px;font-size:14px;line-height:25px; text-indent:2em; text-align:justify;}
/*************南澳介绍*************/





/*********************四大景点start*************************/
.nav{width:1000px;height:1465px;margin:0 auto 35px;font-family:"微软雅黑";position:relative;color:#666666;}
.nav .hd{width:1040px;height:165px;margin-bottom:40px;}
.nav .hd li{width:223px;height:165px;float:left;margin-right:36px; position:relative; z-index:1;cursor:pointer;}
.nav .hd li .om{width:223px;height:165px;position:absolute;left:0px;top:0px;background:url(../img/img/nav_on.png); z-index:9; display:block;}
.nav .hd li.on .om{display:none;}

.nav .bd{width:1000px;height:1255px;border-top-right-radius:80px;background:#fff;}

.nav .list h1{height:470px;margin:0px;background:url(../img/img/nav1_h1.jpg) no-repeat;border-top-right-radius:80px;}
.nav .list h1 .n1{width:920px;height:125px;font-size:15px;font-weight:100;padding-top:270px;margin:0 auto; text-indent:2em; line-height:25px;}


.nav .list2 h1{background:url(../img/img/nav2_h1.jpg) no-repeat;border-top-right-radius:80px;}
.nav .list3 h1{background:url(../img/img/nav3_h1.jpg) no-repeat;border-top-right-radius:80px;}
.nav .list4 h1{background:url(../img/img/nav4_h1.jpg) no-repeat;border-top-right-radius:80px;}

.nav .inBox{width:920px;height:330px;margin:0 auto 55px;}
.nav .inBox .inhd{width:920px;height:70px;border-bottom:1px solid #f39800;margin-bottom:18px;}
.nav .inBox .inhd ul{width:1020px;}
.nav .inBox .inhd li{float:left;margin-right:110px; text-align:center;font-size:20px;font-weight:900;position:relative;cursor:pointer;}
.nav .inBox .inhd li span{ display:block;font-size:15px;font-weight:100;height:29px;}
.nav .inBox .inhd li .pro{width:80px;height:10px;background:#f39800;margin:0 auto;margin-top:9px; display:none;}
.nav .inBox .inhd li.on .pro{display:block;}
.nav .inBox .inhd li.on{color:#f39800;}

.nav .inBox .inbd{width:920px;height:242px;}
.nav .inBox .inbd .tu{width:432px;height:242px;float:left;}
.nav .inBox .inbd .right{width:435px;height:155px;float:right;line-height:25px;margin-top:10px;font-size:15px; text-indent:2em;}



.nav .list2 .inBox .inhd li{float:left;margin-right:90px;}
.nav .list3 .inBox .inhd li{float:left;margin-right:75px;}
.nav .list4 .inBox .inhd li{float:left;margin-right:154px;}



.nav .inbot{width:920px;height:350px;margin:0 auto;}
.nav .inbot .onhd{width:192px;height:350px;border-right:1px solid #f39800;float:left;}
.nav .inbot .onhd li{width:192px;height:60px;margin-bottom:7px;text-align:center;padding-top:20px;font-size:20px; position:relative;cursor:pointer;font-weight:900;}
.nav .inbot .onhd li span{font-size:15px;font-weight:100;}
.nav .inbot .onhd li .pro{width:12px;height:60px;background:#f39800; position:absolute;right:-6px;top:8px;display:none;}
.nav .inbot .onhd li.on .pro{display:block;}
.nav .inbot .onhd li.on{color:#f39800;}

.nav .inbot .onbd{width:685px;height:350px;float:right;}
.nav .inbot .onbd li{width:685px;height:350px;position:relative;}
.nav .inbot .onbd li .bot{width:655px;height:77px;position:absolute;bottom:0px;background:url(../img/img/bot_bj.png);padding:7px 12px 0px 18px;color:#fff;font-size:13px;text-indent:2em;}


.nav .list2 .inbot .onhd li .pro{top:20px;}

/*********************四大景点END*************************/






/********************产品***********************/
.cp{width:1000px;height:1314px;background:#fff;border-bottom-left-radius:90px;font-family:"微软雅黑";}
.cp_m{width:960px;margin:0 auto;}
.cp h1{height:168px;margin:0px;background:url(../img/img/cp_h1.jpg) no-repeat;}
.cp h2{height:45px;margin:0px;background:url(../img/img/gen_h2.jpg) no-repeat top center;}
.cp h2 .more{font-size:15px;color:#f4a622;float:right;margin-right:20px;margin-top:5px;}

.cp ul{width:1000px;height:292px;margin-bottom:48px;}
.cp ul li{width:297px;height:292px;float:left;margin-right:33px;}
.cp ul li .tit{height:45px;text-align:center;color:#666666;font-size:13px;}
.cp ul li hr{border:1px dashed #13b5b1}
.cp ul li .mon{float:left;color:#666666}
.cp ul li .mon span{color:#f39800;}
.cp ul li .mon .m2{font-size:32px;}
.cp ul li .buy{float:right;width:103px;height:27px;background:#13b5b1;margin-top:10px; text-align:center;line-height:27px;color:#fff;}
/********************产品***********************/





/*********************footstart***********************/
.foot{width:1000px;height:177px;margin:30px auto 0px;}
.fot{width:1000px;height:177px;margin:0 auto;}
.fot a{display:inline-block;margin-left:28px;}
/*********************footEND*************************/





.body_bj1{width:100%;height:3000px;background:url(../img/img/body_bj.jpg) no-repeat center top;margin:0 auto;}
.dj_fan{width:1000px;height:205px;}
.dj_fan img{margin-top:18px;}
.dj-main{width:1000px;height:1083px;border-bottom-left-radius:80px;position:relative;}
.dj-main img{border-bottom-left-radius:100px;}
.dj-main a{display:block;width:197px;height:43px;position:absolute;bottom:171px;right:51px;background:#fff;opacity:0.01;filter:alpha(opacity=1)}






/******** 侧栏 ***********/
.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 ***********/