@charset "utf-8";
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, dl, dt, dd, ol, ul, li, form, input, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font: 12px "Microsoft Yahei", "宋体"; }
body { background:url(../images/12_allbg.png) repeat; }
a { text-decoration: none; outline: none; }
input { outline: none; }
html, body { overflow-x: hidden; }
ol, ul, li { list-style: none; }
.clr:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
.clr { *zoom:1;
}
.clear { clear: both; width: 0; height: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow: hidden; }
.top_warp { background: url(../images/12_01.png) no-repeat center top; height: 187px; position: fixed; width: 100%; z-index: 101; }
.header { width: 1125px; margin: 0 auto; position: relative; }
.logo { float: left;  padding:50px 0px 0px 150px;}
.logo a{ display:block; width:75px; height:70px; background:#;}

.nav { float: right; padding-top:30px; padding-right:20px;}
.nav li { float: left; position: relative; width: 120px; height: 98px; text-align:center; }

.nav li a { font-size: 16px; color: #fff; height: 98px; line-height: 98px; padding:0px 20px; float:left;}
.nav li a:hover, .nav li.cur a { color: #fff;  background:url(../images/12_tmbg.png) repeat }
.nav ul li:hover a { color: #fff687; }
.nav ul li.li_nav_on a { color: #fff687;  background:url(../images/12_tmbg.png) repeat; }
.nav figure figcaption:before,  .nav figure figcaption:after { pointer-events: none; }
.nav figure figcaption { }
.meun1 figure figcaption span a { height: 100px; display: block; font-size: 16px; }
.meun1 { height: 100px; z-index: 199; display: block; position: absolute; left: 0; top: 0; z-index: 30; }
.meun1 figure { display: inline-block; overflow: hidden;  height: 100px; cursor: pointer; margin: 0px; }
#li_nav_04 .meun1 figure { width: 120px; }
.meun1 figure figcaption:before,  .meun1 figure figcaption:after { pointer-events: none; }
.meun1 figure figcaption { height: 100px; font-size: 14px; line-height: 100px; }
.meun1 figure figcaption::before,  .meun1 figure figcaption::after { position: absolute; content: ''; opacity: 1; }
.meun1 figure figcaption:before { top: 0px; right: 0px; bottom: 0px; left: 0px;  }
.meun1 figure figcaption:after { top: 0px; right: 0px; bottom: 0px; left: 0px;  }
.li_nav_on .meun1 figure figcaption:before { top: 0px; right: 0px; bottom: 0px; left: 0px;  }
.li_nav_on .meun1 figure figcaption:after { top: 0px; right: 0px; bottom: 0px; left: 0px;  }
.meun1 figure figcaption::before, .meun1 figure figcaption::after {  }
.meun1 figure figcaption:hover:before, .meun1 figure figcaption:hover:after {  }
.meun1 figure figcaption:hover:after {  }
.music { width: 28px; height: 24px; position: absolute; left: 50%; top: 55px; z-index: 6000; margin: 0 0 0 570px; }
.main_warp { background:url(../images/12_topbg.png) no-repeat center top; }
.banner { height: 688px; width: 1125px; margin: 0 auto; position: relative; }
.ban_txt1 { position: absolute; top: 425px; left: 72px; width: 960px; height: 133px; z-index: 10; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
.ban_txt2 { position: absolute; top: 50px; left: 580px; z-index: 10; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
.ban_txt3 { position: absolute; top: 218px; left: 222px; z-index: 10; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
.ban_btn { position: absolute; bottom: 140px; left: 225px; }
.ban_btn a { background: url(../images/btn1.png) no-repeat left top; width: 196px; height: 78px; overflow: hidden; display: block; }
.active .ban_txt1, .active .ban_txt2, .active .ban_txt3 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }
.ban_video { width:800px; margin:0px auto; height:402px;}
.ban_video a {display: block; height:402px;}
.block1 { background: url(../images/12_hdjs01.png) no-repeat center top;  margin: 0 auto; margin-top:80px; width:1160px; padding-top:264px; }
.bk1_tab { width: 303px; margin: 0 auto; padding-top: 151px; }
.bk1_tab li { float: left; }
.bk1_tab li.t1 { margin-right: 53px; }
.bk1_tab li a { width: 125px; height: 42px; display: block; text-indent: -9999px; }
.bk1_tab li.t1 a { background: url(../images/t16.jpg) no-repeat left top; }
.bk1_tab li.t1 a.cur { background: url(../images/t1.jpg) no-repeat left top; }
.bk1_tab li.t2 a { background: url(../images/t2.jpg) no-repeat left top; }
.bk1_tab li.t2 a.cur { background: url(../images/t17.jpg) no-repeat left top; }
.tabconts { padding: 40px 70px 0; }
.tabitem { display: none; }
.tabitem p { font-size: 14px; color: #9a5c3a; line-height: 35px; text-indent: 2em; }
.blk_tit1 { margin: 0 auto; background:url(../images/12_wm01.png) no-repeat center top; padding-top:236px; margin-top:100px; }
.bk2_tab { width: 303px; margin: 0 auto; }
.bk2_tab li { float: left; }
.bk2_tab li.t1 { margin-right: 53px; }
.bk2_tab li a { width: 125px; height: 42px; display: block; text-indent: -9999px; }
.bk2_tab li.t1 a { background: url(../images/t14.jpg) no-repeat left top; }
.bk2_tab li.t1 a.cur { background: url(../images/t4.jpg) no-repeat left top; }
.bk2_tab li.t2 a { background: url(../images/t5.jpg) no-repeat left top; }
.bk2_tab li.t2 a.cur { background: url(../images/t15.jpg) no-repeat left top; }
.block2 {  margin: 0 auto; }
.block2 .tabconts { padding: 72px 0 0 0; }
.wm_gd{ text-align:right; padding:0 15px 15px 0;}
.wm_gd a{ color:#844929; font-size:14px;}
.block2 .tabitem li { float: left; padding: 0 11px 32px 11px; }
.block2 .tabitem li .img { display: block; width: 203px; height: 190px; overflow: hidden; position: relative; }
.block2 .tabitem li .img a { display: block; }
.block2 .tabitem li .img a .imgbg { position: absolute; left: 0; top: 0; display: block; width: 203px; height: 190px; overflow: hidden; z-index: 2; background: url(../images/pngbg1.png) repeat; display: none; }
.block2 .tabitem li .img a .imgbg span { background: url(../images/d_icon1.png) no-repeat left top; width: 92px; height: 24px; overflow: hidden; display: block; position: absolute; top: 150px; left: 55px; }
.block2 .tabitem li .txt { text-align: center; color: #5a441d; font-size: 14px; padding-top: 16px; }
.blk_tit2 { width: 1103px; height: 19px; overflow: hidden; margin: 0 auto; padding: 20px 0 10px; }
.block3 { width: 1103px; margin: 0 auto; }
.blk_tit3 { padding: 30px 0 15px 0; }
.blk_cont h3 { font-size: 14px; font-weight: bold; color: #6d422b; line-height: 25px; }
.blk_cont p { font-size: 14px; color: #6d422b; line-height: 25px; }
.block4 { background: url(../images/wmbg1.jpg) no-repeat left top; width: 1125px; height: 603px; margin: 0 auto; margin-top: 60px; padding-top: 156px; }
.wm_tabs { background: url(../images/lin6.jpg) no-repeat left center; width: 674px; height: 21px; overflow: hidden; margin: 0 auto; padding-left: 49px; }
.wm_tabs li { float: left; cursor: pointer; background: url(../images/lin4.jpg) no-repeat left center; width: 113px; height: 21px; line-height: 21px; text-align: center; font-size: 16px; color: #a96845; margin: 0 44px; }
.wm_tabs li.cur { background: url(../images/lin5.jpg) no-repeat left center; color: #784325; font-size: 18px; }
.wm_tabconts { padding-top: 67px; }
.wm_tabitem { display: none; }
.caro_trigger { position: relative; width: 1104px; margin-left: auto; margin-right: auto; font-size: 12px; }
.caro_prev, .caro_next { position: absolute; top: 206px; display: block; width: 42px; height: 42px; overflow: hidden; text-indent: -9999px }
.caro_prev { left: 0; background: url(../images/icon5.png) no-repeat left top; ; }
.caro_next { right: 0; background: url(../images/icon6.png) no-repeat left top; }
.caro_container { width: 200000px; height: 436px; position: absolute; left: 0; top: 0; }
.caro_box { width: 964px; height: 436px; margin-left: auto; margin-right: auto; text-align: center; overflow: hidden; position: relative; }
.caro_container li { float: left; width: 316px; height: 436px; margin-right: 8px; }
.caro_container li img { width: 316px; height: 436px; overflow: hidden; }
.blk_tit4 { width: 1126px; overflow: hidden; margin: 0 auto; padding: 74px 0 50px 0; }
.blk_text{ text-align:center; color:#6d422b; font-size:18px; font-weight:bold; padding-bottom:20px;}
.block5 { width: 1125px; height: 399px; overflow: hidden; margin: 0 auto; }
.block5 img { display: block; }
.blk5_left { float: left; }
.blk5_center { float: left; }
.blk5_right { float: left; }
.block5 .blk_img1 { width: 268px; overflow: hidden; }
.block5 .blk_img2 { width: 469px; overflow: hidden; }
.block5 .blk_img3 { width: 469px; overflow: hidden; }
.block5 .blk_img4 { width: 188px; overflow: hidden; float: left; }
.block5 .blk_img5 { width: 200px; overflow: hidden; float: left; }
.block5 .imghover { position: relative; }
.block5 .imghover .picbg { position: absolute; left: 0; top: 0; background: url(../images/pngbg2.png) repeat; display: none; }
.block5 .imghover .picbg .txt { padding: 20px; }
.block5 .imghover .picbg p { color: #faedd0; line-height: 25px; text-align:center;}
.block5 .blk_img1 .picbg { width: 268px; height: 399px; overflow: hidden;}
.block5 .blk_img2 .picbg { width: 469px; height: 200px; overflow: hidden; }
.block5 .blk_img3 .picbg { width: 469px; height: 199px; overflow: hidden; }
.block5 .blk_img4 .picbg { width: 188px; height: 399px; overflow: hidden; }
.block5 .blk_img5 .picbg { width: 200px; height: 399px; overflow: hidden; }
.block5 .blk_img1 .picbg p{ padding-top:150px;}
.block5 .blk_img2 .picbg p{ padding-top:70px;}
.block5 .blk_img3 .picbg p{ padding-top:70px;}
.block5 .blk_img4 .picbg p{ padding-top:140px;}
.block5 .blk_img5 .picbg p{ padding-top:140px;}
.blk_tit5 { margin: 0 auto; width: 100%; }
.blk6_txt { width: 1127px; margin: 0 auto;  }
.blk6_txt h1 { font-size: 18px; font-weight: bold; color: #6d422b; line-height: 24px; padding-bottom: 25px; text-align:center;}
.blk6_txt p { font-size: 14px; color: #6d422b; line-height: 24px; text-indent:2em;}
.block6 { width: 1104px; margin: 0 auto; }
.bk6_tab { width: 824px; margin: 0 auto; padding: 40px 0 60px 0; }
.bk6_tab li { float: left; margin: 0 25px; width: 156px; }
.bk6_tab li a { display: block; width: 154px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #9a5c3a; font-size: 16px; color: #a56e50; }
.bk6_tab li a.cur { background: #9a5c3a; color: #edd8a1; }
.block6 .tabconts { border: 1px solid #9a5c3a; padding:80px 50px 50px; }
.block6 .tabconts .tabitem p { color: #6d422b; line-height: 24px; text-indent: 0; font-size: 13px; text-indent:2em;}
.block6 .tabconts .tabitem h3 { color: #6d422b; line-height: 24px; font-size: 13px; font-weight: bold; ; }
.block6 .tabconts  .familyheritage p{ text-align:center; text-indent:0;}
.block6 .tabconts .familyheritage h3{text-align: center}
#sn h3{ text-align:left;}
#sn p{ text-align:left;}
.sn_tabitem { border: 1px solid #9a5c3a; margin: 22px; padding: 40px 100px; display: none; }
.familyheritage { position: relative; }
.sn_tabs li { color: #464646; font-size: 14px; text-align: center; width: 100px; cursor: pointer; display: block; background: url(../images/icon3.png) no-repeat center top; padding-top: 58px; position: absolute; }
.sn_tabs li.cur { background: url(../images/icon4.png) no-repeat center top; color: #9a5c3a; }
.sn_tabs li.fh1 { left: 60px; top: -98px; }
.sn_tabs li.fh2 { left: 320px; top: -98px; }
.sn_tabs li.fh3 { left: 580px; top: -98px; }
.sn_tabs li.fh4 { left: 830px; top: -98px; }
.sn_tabs li.fh5 { left: 60px; bottom: -130px; }
.sn_tabs li.fh6 { left: 320px; bottom: -130px; }
.sn_tabs li.fh7 { left: 580px; bottom: -130px; }
.sn_tabs li.fh8 { left: 830px; bottom: -130px; }
.blk_tit6 { margin: 0 auto; width: 100%; background:url(../images/12_xw01.png) no-repeat center top; height:226px; margin-top:78px; }
.block7 { width: 1125px; margin: 0 auto; padding-bottom: 130px; }
.block7 li{ margin-top:11px;}
.block7 li a { display: block; padding: 15px 20px 15px 50px; border: 1px solid #c96236; }
.block7 li a:hover { border: 1px solid #e26d27; }
.block7 li .txt { font-size: 14px; color: #fff; float: left; }
.block7 li .time { float: right; color: #fff; font-size: 16px; }
.block7 li a:hover .txt, .block7 li a:hover .time { color: #ffedb5; }
.footer_warp { height: ; background:url(../images/12_footbg.png) no-repeat center top; background-size:100%; padding:140px 0px 60px 0px; }
.footer { width:  margin: 0 auto;   text-align:center; }
p#back-to-top { position: fixed; display: none; bottom: 100px; right: 80px; }
p#back-to-top a { background: url(../images/goback.jpg) no-repeat left top; display: block; height: 26px; padding-top: 51px; text-align: center; color: #fff; width: 74px; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition: background 1s; }
.mydiv2 { z-index: 5000; top: 20%; width: 100%; position: fixed!important;/*FF IE7*/ position: absolute;/*IE6*/ }
.tc_x { margin: 0px auto; text-align: center; background: #000; width: 720px; padding-bottom: 20px; }
.tc_x span { display: block; text-align: right; padding-right: 15px; line-height: 30px; }
.tc_x span a { cursor: pointer; color: #fff; font-size: 14px; }
.tc_x span a:hover { cursor: pointer; color: #999; font-size: 14px; }
.bg { background-color: #000; width: 100%; height: 100%; left: 0; top: 0;/*FF IE7*/ filter: alpha(opacity=70);/*IE*/ /*点击后背景透明效果*/ opacity: 0.7;/*FF*/ z-index: -1000; position: fixed!important;/*FF IE7*/ position: absolute;/*IE6*/ _top:       expression(eval(document.compatMode &&  document.compatMode=='CSS1Compat') ?  documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
 document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
.layer_opactice { width: 100%; height: 100%; background: #000; opacity: 0.5; position: fixed; left: 0; top: 0; z-index: 999; display: none; }
.blk_tit18 {  margin: 0 auto;width:100%; background:url(../images/12_hg01.png) no-repeat center top; height:275px;margin-top:52px; }

/* ================加 */
.c_wd{ width:px; height:558px; background:url(../images/12_w01.png) no-repeat center top;}
.cwd_in{ width:1158px; margin:0px auto; padding-top:150px; }
.cwd_win{ border:solid 1px #fff687;color:#fff; font-size:14px; line-height:24px; padding:15px 45px;}
.cwd_win span{display:block;  text-indent:2em;font-size:14px; line-height:24px;}
.xjsp{ float:left; padding-top:30px; padding-bottom:30px;}
.xjsp li{ float:left; text-align:center; width:247px;}
.xjsp li p{ display:block; font-size:14px; padding:10px 0px 0px 20px;}
.vxp{ margin-right:25px;}
.xjsp li a{ display:block; width:247px; height:146px;}
.ck01{ background:url(../images/12_img05.jpg) no-repeat left top;}
.ck02{ background:url(../images/12_img06.jpg) no-repeat left top;}
.ck03{ background:url(../images/12_img07.jpg) no-repeat left top;}
.ck04{ background:url(../images/12_img08.jpg) no-repeat left top;}
.ck01:hover{ background:url(../images/12_img05_off.jpg) no-repeat left top;}
.ck02:hover{ background:url(../images/12_img06_off.jpg) no-repeat left top;}
.ck03:hover{ background:url(../images/12_img07_off.jpg) no-repeat left top;}
.ck04:hover{ background:url(../images/12_img08_off.jpg) no-repeat left top;}
.xjsp li img{ width:146px;}

.hdjs_a{ border:solid 1px #fff687; background:url(../images/12_hdjs02.png) repeat; padding:16px 32px 12px 32px;}
.hdjs_a p{ display:block; font-size:14px; line-height:24px; color:#fff; text-indent:2em;}
.hdjs_a span{ font-size:18px; color:#fff687; line-height:35px; display:block; text-align:center; padding:10px 0px;}

.hdjs_b{ background:url(../images/12_hdjs03.png) no-repeat left top;}
.hdjs_bin{background:url(../images/12_hdjs04.png) no-repeat right top; padding-left:218px; padding-right:164px;}

.hdjs_list{}
.hdjs_list li{color:#fff;}
.hdjs_list li h1{ float:left; margin-right:40px;}
.hdjs_list li h2{ float:right;}
.hlist_cn{ float:left; width:545px;}
.hdjs_list li strong{ font-size:30px;}
.hdjs_list li span{font-size:18px;}
.hdjs_list li p{ font-size:14px; line-height:24px; display:block; padding-top:8px; text-indent:2em;}
.lista{padding-top:60px; }
.listb{padding-top:90px; }
.listc{padding-top:40px; }
.listd{padding-top:90px; }
.liste{padding-top:40px; }

.movein{width:100%; background:url(../images/12_wm02.jpg) no-repeat center top; height:402px;}
.wm_cna{width:100%; background:url(../images/12_wm03.png) no-repeat center top; height:261px;}
.wm_cnb{width:100%; background:url(../images/12_wm04.png) no-repeat center top; height:651px;}
.wmcna_lk{ width:830px; margin:0px auto;}
.wmcna_lk a{ float:right; height:261px; width:195px;}

.piclist{ width:1158px; margin:0px auto;}
.piclist ul{  float:left; }
.piclist ul li{  float:left; width:269px; text-align:center;}
.plt_a{ margin-right:27px;}
.piclist ul li p{ font-size:14px; line-height:30px; color:#fff; display:block; padding-top:10px;}
.piclist li a{ display:block; height:185px;}
.tua{ background:url(../images/12_img01.jpg) no-repeat left top;}
.tua:hover{ background:url(../images/12_img01_off.jpg) no-repeat left top;}
.tub{ background:url(../images/12_img02.jpg) no-repeat left top;}
.tub:hover{ background:url(../images/12_img02_off.jpg) no-repeat left top;}
.tuc{ background:url(../images/12_img03.jpg) no-repeat left top;}
.tuc:hover{ background:url(../images/12_img03_off.jpg) no-repeat left top;}
.tud{ background:url(../images/12_img04.jpg) no-repeat left top;}
.tud:hover{ background:url(../images/12_img04_off.jpg) no-repeat left top;}


.pages{
    width: 1039px;
    margin:  0 auto;
    position: relative;
left: 4px;
}
.pages-form{
    margin-top: 23px;
    text-align: center;
}
.pages-form>button,.pages-form>div,.pages-form>input{
    display: inline-block;
    font-size: 14px;
    height: 30px;
    text-align: center;
}
.pages-form span{
    font-size: 14px;
    color:#c13e3e;
}
.pages-form .pageNum{
    border: 2px solid #c13e3e;
    background: transparent;
    width: 40px;
    border-radius: 20px;
    box-sizing: border-box;
    height: 30px;
    padding: 0 10px;
    margin: 0 10px;
    font-size: 14px;
text-align: center;
}
.pages-form>button{
    height: 30px;
    padding:0px 15px;
    border: 2px solid #c13e3e;
    color:#c13e3e;
    font-family: "Microsoft YaHei";
    background:transparent;
    cursor: pointer;
    outline: none;
    border-radius: 30px;
}
.pages-form>button.go{
    height: 30px;
    padding: 0 22px;
    border: 1px solid #c13e3e;
    color:#fff;
    background:#c13e3e;
    border-radius: 30px;
}
.pages-root {
    position: relative;
    width: 1039px;
    height: 518px;
    overflow: hidden;
    z-index: 1;
}

.pages-root>img {
    position: absolute;
    top: 0;
    left: 0;
}

.pages-root>button {
    position: absolute;
    top: 600px;
    left: 0;
}

.pages-root>.prev {
    animation: .35s prev ease-out;
    z-index: 2;
}

.pages-root>.next {
    animation: .35s next ease-out;
    z-index: 2;
}

.pages-root>.nextOut {
    animation: .35s nextOut ease-out;
    z-index: 1;
}

.pages-root>.prevOut {
    animation: .35s prevOut ease-out;
    z-index: 1;
}

@keyframes next {
    from {
        transform: translateX(30%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes prev {
    from {
        transform: translateX(-30%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes nextOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@keyframes prevOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(.8);
    }
}


.sp01{ width:150px; margin:0px auto; padding-top:150px;}
.sp01 a{ display:block; height:50px; background:#;}

