﻿/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none;}
address, caption, cite, code, dfn, th, var{ font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0;}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
table { border-collapse:collapse; }
body { color:#333;font:12px/20px "SimSun","宋体","Arial Narrow"; background:url(../images/huangmeixi/bodyBg.jpg) center top no-repeat #FAF7E8;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both;}
/*model*/
.wrap{ margin:0 auto; width:960px;}
.huang-banner{ height: 380px;}
.wys-wrap,.zb-wrap{ background: url("../images/huangmeixi/bg_white.png") repeat;}
/*新增*/
a{text-decoration: none;color:#333;}
.h10{height: 10px;}
.color{color: #AD5228;}
/*css_sprites*/
.wys-title,.wys-scrollArea a.moveBtn,.wys-scrollArea2 a.moveBtn,.videoContent dl dt a .playBtn,.backTitle h2,.videoTitle h2,.wonderful .wonderfulTitle h2,.sayL .sayTitle h2,.famousBox .famousTitle h2{
    background: url("../images/huangmeixi/huangmeixi_sprite.png") no-repeat;
}
/* 吴亚松 css */
/*page*/
.wrap{ margin:0 auto; width:960px;}
.huang-banner{ height:380px; position:relative;}
.huang-banner a{ width:92px; height:36px; position:absolute; top:297px; display:block;}
.huang-banner a.joinBtn{ left:736px; background:url(../images/huangmeixi/joinBtn.png) no-repeat;}
.huang-banner a.talkBtn{ left:841px; background:url(../images/huangmeixi/talkBtn.png) no-repeat;}
.huang-banner a.joinBtn:hover{ background:url(../images/huangmeixi/joinBtnCurrent.png) no-repeat;}
.huang-banner a.talkBtn:hover{ background:url(../images/huangmeixi/talkBtnCurrent.png) no-repeat;}
.wys-wrap{ padding:16px 10px 1px; width:940px;}
.section{ margin-bottom:30px;}
.wys-title{ height:57px; border-bottom:2px solid #AF7857;}
.wys-title1{ background-position:0 0;}
.wys-title2{ background-position:0 -62px;}
.wys-title3{ background-position:0 -124px;}
.wys-title4{ background-position:0 -187px; padding-left:244px;}
.wys-content{ margin-top:15px;}
/*section1*/
.wys-video{ width:930px; height:296px; margin:0 auto; background:url("../images/huangmeixi/default.jpg")}
.wys-scrollArea{ position:relative; height:120px; margin-top:10px;}
.wys-scrollArea .wys-scrollImg{ position:relative; left:61px; top:0; width:816px; height:120px; overflow:hidden; padding-top:6px;}
.wys-scrollArea .wys-scrollImg ul{ display:inline-block; width:2000px;}
.wys-scrollArea .wys-scrollImg li{ width:116px; height:120px; margin-right:24px; float:left; display:inline; position:relative;}
.wys-scrollArea .wys-scrollImg li a.wys-imgLink{ display:block; padding:1px; border:1px solid #D0D0D0;width: 110px; height: 83px;}
.wys-scrollArea .wys-scrollImg li a.wys-imgLink:hover{ border:2px solid #AD5228; padding:0;}
.wys-scrollArea .wys-scrollImg li a.wys-imgLink.current{ border:2px solid #AD5228; padding:0;}
.wys-scrollArea .wys-scrollImg li a.wys-imgLink:hover span,.wys-scrollArea .wys-scrollImg li a.wys-imgLink.current span{ display:block; position:absolute; width:10px; height:6px; font:0; line-height:0; left:53px; top:-6px; background:url(../images/huangmeixi/figure.png);}
.wys-scrollArea .wys-scrollImg li img{ width:110px; height:83px;}
.wys-scrollArea .wys-scrollImg li p{ line-height:26px; height:26px; text-align:center;}
.wys-scrollArea .wys-scrollImg li p a{ color:#AC5227;}
.wys-scrollArea .wys-scrollImg li p a:hover{font-weight: bold;}
.wys-scrollArea a.moveBtn,.wys-scrollArea2 a.moveBtn{ width:26px; height:29px; position:absolute; display:block; top:34px; cursor:pointer;}
.wys-scrollArea a.prev,.wys-scrollArea2 a.prev{ background-position:0 -476px; left:16px;}
.wys-scrollArea a.next,.wys-scrollArea2 a.next{ background-position:-44px -476px; right:16px;}
/*section2*/
.wys-content2{ padding:0 5px;}
.wys-content2 .topBg{ width:930px; height:22px; background:url(../images/huangmeixi/topBg.png) no-repeat;}
.wys-content2 .middleContentBg{ width:900px; background:url(../images/huangmeixi/middleBg.png); padding:0 15px;}
.wys-content2 .middleContentBg p{ font-size:14px; line-height:30px; color:#333;}
.wys-content2 .middleContentBg p span{ display:inline; float:left; margin:4px 3px;line-height: 0}
.wys-content2 .middleContentBg p a:hover{font-weight: bold;}
.wys-content2 .bottomBg{ width:930px; height:20px; background:url(../images/huangmeixi/bottomBg.png) no-repeat;}
/*section3*/
.wys-content3{ padding:0 1px;}
.wrapBg{ height:430px; background:#875739; padding:2px;width: 935px;}
.leftImg{ width:310px; float:left; display:inline; position:relative;}
.leftImg img{float: left;}
.rightImg{ width:622px; float:left; display:inline; margin-left:2px;}
.rightImg ul{ width:626px;}
.rightImg li{ float:left; margin-right:2px; position:relative;}
.rightImg li img{float: left;}
.blackBlock{ width:286px; padding:10px 12px 0; height:45px; background:url(../images/huangmeixi/black.png); position:absolute; bottom:0; left:0;}
.blackBlockBig{ height:80px;}
.blackBlock p{ color:#fff; line-height:18px;}
.blackBlock p span{ color:#F3814D; font-family:"微软雅黑"; font-size:14px;}
/*section4*/
.wys-content4{ padding:0 1px; margin-bottom:16px;}
.wys-title4 a{ color:#875739; font-size:18px; margin-top:32px; display:inline-block; font-weight:bold;}
.wys-title4 a:hover{text-decoration: underline;}
.wys-scrollArea2{ height:218px; position:relative;}
.wys-scrollArea2 a.moveBtn{ top:80px;}
.wys-scrollArea2 a.prev{ left:5px;}
.wys-scrollArea2 a.next{ right:5px;}
.wys-scrollImg2{ width:868px; height:218px; position:absolute; left:35px; top:0; overflow:hidden;}
.wys-scrollImg2 ul{ display:inline-block; width:2000px;}
.wys-scrollImg2 li{ width:210px; height:212px; padding:1px; float:left; display:inline; margin-right:3px; border: 1px solid #fff;}
.wys-scrollImg2 li:hover{border:2px solid #AD5228; padding:0;}
.wys-scrollImg2 li div{ background:#EDEDED; height:50px;width: 200px;padding: 0 5px;}
.wys-scrollImg2 p{ line-height:25px; color:#656565; clear:both;}
.wys-scrollImg2 p a{ color:#C3724C; font-weight:bold; float:left; display:inline-block;}
.wys-scrollImg2 p a:hover{ text-decoration: underline;}
.wys-scrollImg2 p span{ color:#AD5127; float:right; display:inline-block;}

/*zhangbin css*/
.operaBack .backTitle{
    display: inline-block;
    margin: 10px;
    width: 940px;
    padding-bottom: 10px;
    border-bottom: 2px #AF7957 solid;
}
.backTitle h2{
    background-position: 0 -411px;
    width: 244px;
    height: 51px;
    float: left;
}
.h2Font{
    display: none;
}
.backTitle p{
    float: left;
    line-height: 51px;
    font-size: 14px;
    margin-left: 20px;
}
.operaBack .backContent{
    margin: 0 0 10px 15px;
    background: url("../images/huangmeixi/backCon_bg.png") no-repeat;
    width: 930px;
    height: 126px;
}
.backContent p{
    font-size: 14px;
    text-align: left;
    padding: 15px;
    line-height: 30px;
}
.backContent p a:hover{
    font-weight: bold;
}
.backContent p span{
    background: url("../images/huangmeixi/introTitle.png") no-repeat;
    display: inline-block;
    width: 334px;
    height: 18px;
    margin-left: 10px;
    position: relative;
    top: 4px;
}

.operaBack .video{
    display: inline-block;
}
.video .videoTitle{
    margin: 10px;
    padding-bottom: 10px;
    width: 940px;
    border-bottom: 2px #AF7957 solid;
}
.videoTitle h2{
    background-position: 0 -249px;
    width: 140px;
    height: 41px;
}
.video .videoContent{
    margin-left: 5px;
}
.videoContent dl{
    float: left;
    margin: 0 0 15px 15px;
}
.videoContent dl dt a{
    display: inline-block;
    width: 168px;
    height: 112px;
    padding: 1px;
    border: 1px #D0D0D0 solid;
    position: relative;
}
.videoContent dl dt a:hover{
    padding: 0;
    border: 2px #AD5228 solid;
}
.videoContent dl dt a:hover .playBtn{
    background-position: -88px -470px;
    display: inline-block;
    width: 38px;
    height: 38px;
    position: absolute;
    bottom: 38px;
    right: 65px;

}
.videoContent dl dd{
    text-align: center;
    line-height: 25px;
}
.videoContent dl dd a{
    color: #AD5228;
}
.videoContent dl dd a:hover{
    font-weight: bold;
}

.operaBack .wonderful{
    display: inline-block;
}
.wonderful .wonderfulTitle{
    margin: 10px;
    padding-bottom: 10px;
    width: 940px;
    border-bottom: 2px #AF7957 solid;
}
.wonderful .wonderfulTitle h2{
    background-position: 0 -300px;
    width: 140px;
    height: 41px;
}
.wonderfulContent dl{
    float: left;
    margin: 0 0 10px 28px;
}
.wonderfulContent dl dt a{
    display: inline-block;
    width: 200px;
    height: 150px;
    padding: 1px;
    border: 1px #D0D0D0 solid;
    position: relative;
}
.wonderfulContent dl dt a:hover{
    padding: 0;
    border: 2px #AD5228 solid;
}
.wonderfulContent dl dd{
    text-align: center;
    margin: 5px 0 10px 0;
}
.wonderfulContent dl dd a{
    color: #AD5228;
}
.wonderfulContent dl dd a:hover{
    font-weight: bold;
}
.wonderfulContent dl dd a img{
    float: left;
    position: relative;
    left: 50px;
    top: 2px;
}
.lastBox{
}
.lastBox .sayL{
    float: left;
    width: 680px;
    display: inline-block;
}
.sayL .sayTitle{
    margin: 10px;
    padding-bottom: 10px;
    width: 660px;
    border-bottom: 2px #AF7957 solid;
}
.sayL .sayTitle h2{
    background-position: 0 -349px;
    width: 215px;
    height: 51px;
}
.lastBox .famousR{
    float: left;
    width: 270px;
    margin-left: 10px;
    display: inline-block;
}
.famousR .banner{
    margin: 10px 0 0 10px;
    display: inline-block;
}
.famousR .famousBox{

}
.famousBox .famousTitle{
    margin: 10px;
    padding-bottom: 10px;
    width: 250px;
    border-bottom: 2px #AF7957 solid;
    position: relative;
}
.famousBox .famousTitle h2{
    background-position: 0 -518px;
    width: 183px;
    height: 51px;
}
.famousTitle a{
    float: right;
    position: absolute;
    bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    right: 0;
}
.famousTitle a:hover{
    text-decoration: underline;
}
.famousBox .famousContent{

}
.famousContent .famousBig,.famousContent .famousSmall{
    margin:0 0 10px 10px;
    position: relative;
}
.famousContent .famousBig a.img250{
    display: inline-block;
    width: 250px;
    height: 115px;
    padding: 1px;
    border: 1px #D0D0D0 solid;
}
.famousContent .famousBig a.img250:hover{
    padding: 0;
    border: 2px #AD5228 solid;
}
.famousContent .famousSmall{
    float: left;
}
.famousContent .famousSmall a.img120{
    display: inline-block;
    width: 120px;
    height: 120px;
    padding: 1px;
    border: 1px #D0D0D0 solid;
}
.famousContent .famousSmall a.img120:hover{
    padding: 0;
    border: 2px #AD5228 solid;
}
.friendTxt{
    background: url(../images/huangmeixi/bg_white.png) repeat scroll 0 0 transparent;!important; /* FF IE7 */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='enabled="true",sizingmethod="scale",images/bg_white.png'); /* IE6 */
    _background-image: repeat; /* IE6 */
    display: block;
    top:92px;
    left:2px;
    position: absolute;
    height:26px;
    line-height:26px;
    text-align:center;
    width:250px;
}

.friendTxt02{
    background: url(../images/huangmeixi/bg_white.png) repeat scroll 0 0 transparent;!important; /* FF IE7 */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='enabled="true",sizingmethod="scale",images/bg_white.png'); /* IE6 */
    _background-image: repeat; /* IE6 */
    display: block;
    top:97px;
    left:2px;
    position: absolute;
    height:26px;
    line-height:26px;
    text-align:center;
    width:120px;
}
.friendTxt a:hover,.friendTxt02 a:hover{
    color: #AD5228;
    text-decoration: underline;
}
#footer_hr{
    display: none;
}
/*返回顶部*/
.shareTop{
    width: 40px;
    position: fixed;
    right: 0;
    bottom: 150px;
}
.shareTop .top,.shareTop .bdshare_b a.img,.shareTop .tecentWeibo a{
    background: url("../images/huangmeixi/share_sprites.png") no-repeat center;
    width: 90px;
    height: 318px;
}
.shareTop a.top{
    display: inline-block;
    background-position: 0 0;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}
.shareTop a.top:hover{
    background-position: -50px 0;
}
.shareTop .bdshare_b a.img{
    background-position: 0 -50px;
    display: inline-block;
    width: 40px;
    height: 80px;
}
.shareTop .bdshare_b .img:hover{
    background-position: -50px -50px;
}
.shareTop .tecentWeibo a{
    background-position: 0 -140px;
    display: inline-block;
    width: 40px;
    height: 178px;
    margin-top: 10px;
}
.shareTop .tecentWeibo a:hover{
    background-position: -50px -140px;
}