
body{
    font-size:14px;
}

/*   清除左右浮动，使父层div有自己的高度  */
.clear_float_both{
    font: 0px/0px sans-serif;
    clear: both;
    display: block;
}

.page_other{
    width:100%;
    height:500px;
    background-color:#ffffff;
    background-color:#dfdfdf;
}

/*  相对定位  */
.position_relative{
    position:relative;
}

.overflow_hidden {
    overflow: hidden !important;
}

.border_none{
    border:none !important;
}

.float_left {
    float: left;
}

.bg_faf9f6{
    background-color:#faf9f6;
}

.mt_20{
    margin-top: 20px !important;
}

.mt_35{
    margin-top: 35px !important;
}

.mt_50{
    margin-top: 50px !important;
}

/***** 公共样式 ***********/
.out_div{
    width: 100%;
}

.w1200{
    width: 1200px;
    margin: 0 auto;
}

/* banner区 */
.page_banner{
    height:569px;
    background: url(./special_yongle/img_1.jpg) no-repeat center center;
}

/* nav区 */
.page_nav{
    height:60px;
    background: url(./special_yongle/img_2.jpg) no-repeat center center;
    text-align: center;
}

.page_nav a{
    display: inline-block;
    margin: 0 95px;
    color:#ffffff;
    line-height: 60px;
    font-size: 24px;
}

.page_nav a:hover{
    color:#f9de8d;
}

.page_nav a.select{
    color:#f9de8d;
}

/* 前言简介 */
.content_1{
    width: 100%;
    padding-top: 28px;
    padding-bottom: 50px;
}

.content_1 .left_title{
    width:190px;
    height:126px;
    background: url(./special_yongle/img_3.png) no-repeat center center;
}

.content_1 .middle{
    width:100%;
}

.content_1 .middle .top{
    width: 100%;
    height:263px;
}

.content_1 .middle .top .left_site{
    float:left;
    width:870px;
}

.content_1 .middle .top .left_site .title{
    margin:0 auto;
    width:225px;
    height:45px;
    background: url(./special_yongle/img_4.png) no-repeat center center;
    color:#ffffff;
    font-size:24px;
    font-weight: bold;
    letter-spacing: 10px;
}

.content_1 .middle .top .left_site .title span{
    margin-left:45px;
}

.content_1 .middle .top .left_site .msg{
    margin-top: 20px;
    font-size: 16px;
    color:#683d1b;
    text-indent: 2em;
    line-height:28px;
}
/*
.content_1 .middle .top .left_site .msg p{
    font-size: 16px;
    color:#683d1b;
    text-indent: 2em;
    line-height:28px;
}
*/
.content_1 .middle .top .r_img{
    float:right;
    margin-top: -62px;
    margin-right:30px;
    width:265px;
    height:354px;
}

.content_1 .middle .top .r_img img{
    width: 100%;
    height:100%;
}

.content_1 .middle .bottom{
    width:100%;
	clear: both;
}

.content_1 .middle .bottom .l_img{
    float:left;
    margin-left:5px;
    width:265px;
    height:354px;
}


.content_1 .middle .bottom .l_img img{
    width: 100%;
    height:100%;
}

.content_1 .middle .bottom .txt{
    float:right;
    width:850px;
    margin-top: 118px;
    margin-right:50px;
    font-size: 16px;
    color:#683d1b;
    text-indent: 2em;
    line-height:28px;
}

.content_1 .middle .bottom .txt p{
    font-size: 16px;
    color:#683d1b;
    text-indent: 2em;
    line-height:28px;
}


/* 精彩看点 */
.content_2{
    width: 100%;
    height:623px;
    background: url(./special_yongle/img_12.jpg) no-repeat center center;
    overflow: hidden;
}

.content_2 .top_site{
    width:100%;
}

.content_2 .top_site .left_title{
    float:left;
    margin-top: 36px;
    width: 190px;
    height: 126px;
    background: url(./special_yongle/img_5.png) no-repeat center center;
}

.content_2 .top_site .right_title{
    float:right;
    margin-top: 85px;
    width:925px;
}

.content_2 .top_site .right_title li{
    float:left;
    width:185px;
    height:47px;
    line-height:47px;
    font-size: 20px;
    font-weight: bold;
    color:#683d1b;
    text-align: center;
    cursor: pointer;
}

.content_2 .top_site .right_title li.select{
    background: url(./special_yongle/img_7.png) no-repeat center 3px;
    color:#ffffff;
}

.content_2 .bottom_site{
    margin-top: 2px;
    width:1200px;
    height:414px;
    background: url(./special_yongle/img_11.png) no-repeat center center;
    position:relative;
}

.content_2 .bottom_site .flower{
    position:absolute;
    width:451px;
    height:386px;
    top: 11px;
    right:-348px;
    background: url(./special_yongle/img_8.png) no-repeat center center;
}

.content_2 .bottom_site .bg_box{
    float:left;
    margin-top:85px;
    margin-left:100px;
    width:1040px;
}

.content_2 .bottom_site .bg_box .picture_box{
    width: 100%;
}

.content_2 .bottom_site .bg_box .picture_box .box{
    width: 100%;
	height:242px;
	overflow:hidden;
    display: none;
}

.content_2 .bottom_site .bg_box .picture_box .box.select{
    display: block;
}

.content_2 .bottom_site .bg_box .picture_box .box li{
    float:left;
    margin-right:21px;
    width:183px;
    height:242px;
    background-color:#fefefc;
}

.content_2 .bottom_site .bg_box .picture_box .box li img{
    display: block;
    margin:0 auto;
    margin-top: 4px;
    width:175px;
    height:234px;
}

/* 前世今生 */
.content_3{
    width: 100%;
    background: #faf9f6 url(./special_yongle/img_13.jpg) no-repeat center top;
    overflow: hidden;
    padding-top: 53px;
    padding-bottom: 50px;
}


.content_3 .left_title{
    width:190px;
    height:126px;
    background: url(./special_yongle/img_6.png) no-repeat center center;
}

.content_3 .middle{
    width:100%;
}

.content_3 .middle .top{
    width: 100%;
    height:293px;
}

.content_3 .middle .top .left_site{
    float:left;
    width:870px;
}

.content_3 .middle .gen_title{
    margin:0 auto;
    height:58px;
    line-height:58px;
    background: url(./special_yongle/img_9.png) no-repeat left top;
}

.content_3 .middle .gen_title .in_title{
    font-size:24px;
    font-weight: bold;
    color:#704727;    background: url(./special_yongle/img_10.png) no-repeat right bottom;
    text-align: center;
}

.content_3 .middle .top .left_site .msg{
    margin-top: 20px;
    font-size: 16px;
    color:#683d1b;
    text-indent: 2em;
    line-height:28px;
}

.content_3 .middle .top .r_img{
    float:right;
    margin-top: -62px;
    margin-right:30px;
    width:265px;
    height:354px;
}

.content_3 .middle .top .r_img img{
    width: 100%;
    height:100%;
}

.content_3 .middle .bottom{
    width:100%;
	clear:both;
}

.content_3 .middle .bottom .l_img{
    float:left;
    margin-left:5px;
    width:265px;
    height:354px;
}

.content_3 .middle .bottom .l_img img{
    width: 100%;
    height:100%;
}

.content_3 .middle .bottom .r_site{
    float:right;
}

.content_3 .middle .bottom .txt{
    float:right;
    width:850px;
    margin-top: 25px;
    margin-right:50px;
    font-size: 16px;
    color:#683d1b;
    text-indent: 2em;
    line-height:28px;
}


.content_3 .middle .bottom2{
    width:100%;
	clear:both;
}

.content_3 .middle .bottom2 .l_site{
    float:left;
}

.content_3 .middle .bottom2 .l_site .txt{
    width:850px;
    margin-top: 25px;
    margin-right:50px;
    font-size: 16px;
    color:#683d1b;
    text-indent: 2em;
    line-height:28px;
}

.content_3 .middle .bottom2 .r_img{
    float:right;
    margin-left:5px;
    margin-right: 30px;
    width:265px;
    height:354px;
}

.content_3 .middle .bottom2 .r_img img{
    width: 100%;
    height:100%;
}

.content_3 .middle .bottom3 .txt{
    width:100%;
    margin-top: 25px;
    margin-right:50px;
    font-size: 16px;
    color:#683d1b;
    text-indent: 2em;
    line-height:28px;
}


.content_3 .middle .gen_title.t1{
    width:241px;
}

.content_3 .middle .gen_title.t2{
    width:241px;
}

.content_3 .middle .gen_title.t3{
    width:362px;
}

.content_3 .middle .gen_title.t4{
    width:340px;
}

.content_3 .middle .gen_title.t5{
    width:556px;
}

.content_3 .middle .gen_title.t6{
    width:270px;
}


/* 音乐盒 */
.music_box{
    position:fixed;
	left:20px;
	bottom:25px;
    width:180px;
	height:36px;
	background-color:#704727;
	border-radius:5px;
}

.music_box .txt{
    float:left;
    padding-left:41px;
	width:100px;
	height:36px;
	line-height:36px;
	background:url(./special_yongle/img_14.png) no-repeat left 13px center;
	font-size:16px;
	color:#ffffff;
}

.music_box .button{
    float:right;
	margin-right:13px;
	width:20px;
	height:36px;
	cursor:pointer;
}

.music_box .button.play{
	background:url(./special_yongle/img_15.png) no-repeat right center;
}

.music_box .button.stop{
	background:url(./special_yongle/img_16.png) no-repeat right center;
}


/* 返回首页 */
.return_home{
    position:fixed;
	right:30px;
	bottom:25px;
    width:79px;
	height:79px;
	border-radius:8px;
	border:1px solid #faf9f6;
	background:#704727 url(./special_yongle/img_17.png) no-repeat center top 10px;
}

.return_home .txt{
    margin-top:50px;
	font-size:16px;
    color:#faf9f5;
	text-align:center;
}
