body,ul,li{margin: 0px; padding: 0px;  list-style: none; font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei','微软雅黑', Arial, sans-serif; font-size: 15px;}
*{ box-sizing: border-box;}
img{ border: 0px;}
a{ text-decoration: none;}
body{background-color: #500e0f; color: #f1d4bc;  }
.font14{ font-size: 14px;}
.col_h{ color: #666666; font-size: 12px;}
.col_r{ color: #510e0e;}
.center{ text-align: center;}
.col_y{ color: #D8c09a; font-size: 24px;  padding: 0px 5px;font-style: oblique;}
.top{ width: 100%; height: 883px; overflow: hidden;  background-image:url(../img/top.jpg); background-repeat: no-repeat; background-size: 100% auto;}
.nav{ font-size: 16px; color: #fff;}
.nav ul{ display: flex;width: 910px; margin: 0px auto;}
.nav ul li{ flex: 0 1 auto; height: 36px; text-align: center; margin: 10px 6px;}
.nav ul li:nth-child(1){ width: 106px;}
.nav ul li:nth-child(2){ width: 136px;}
.nav ul li:nth-child(3){ width: 126px;}
.nav ul li:nth-child(4){ width: 126px;}
.nav ul li:nth-child(5){ width: 126px;}
.nav ul li:nth-child(6){ width: 126px;}
.nav ul li:nth-child(7){width:  170px;}
.nav a{ color: #666; line-height: 36px; text-decoration: none; width: 100%; height:100%; display: block;}
.nav a.act,.nav a:hover{ color: #fff;  background-image: url(../img/导航选中.png); background-repeat: no-repeat; background-size: 100% 100%;}


.top_txt{ width: 1100px; margin: 32px auto 0px auto; overflow: hidden; height: 120px;}
.top_txt .img{ float: left; width: 140px; height: 70px; padding-right: 30px; margin-right: 40px; border-right: 1px solid #855252;}
.top_txt .txt{ width: 914px; height: 106px; float: right; line-height: 1.6em; color: #ecb370;}

.body{max-width: 1920px; margin: 0px auto;}
.body_box{ margin-top: 0px;}
.base_box{ width: 1202px; margin: 0px auto;}
.more{ float: right; margin-top: 170px; width: 82px; height: 20px; line-height: 20px;  }
.more a{ display: block; width: 100%; height: 100%;font-size: 14px; color: #f2dbc8;}
.more .leftico{background-image: url(../img/中国结-左.png);background-size: 100% 100%;height: 20px; width: 20px; background-repeat: no-repeat; float: left; transition:transform 0.6s; transform:rotate(0deg);}
.more .rightico{background-image: url(../img/中国结-右.png);background-size: 100% 100%; height: 20px; width: 20px;background-repeat: no-repeat; float: right; transition:transform 0.6s; transform:rotate(0deg);}

.more a:hover .leftico{transform:rotate(180deg);}
.more a:hover .rightico {transform:rotate(-180deg);}

.main_1{ }
.main_1_t{ text-align: center; margin-bottom: 40px;}
.main_1_c{ display: flex;}
.main_1_c .img{ width: 617px; height: 347px;}
.main_1_c .flex{ flex: 1;}
.main_1_c .ul{ padding: 0px 0px 0px 40px; line-height: 1.9em;}
.main_1_c .ul li{ color: #fbe8d8; margin-bottom: 14px; font-size: 13px;}


.main_1b{ display: flex; margin-top: 80px;flex-wrap:wrap;position: relative; z-index: 11;}
.main_1b .flex{ color: #fbe8d8;flex:0 1 auto; width: 600px; margin-bottom: 40px; padding-right: 65px;}
.main_1b .flex img{ float: left;}
.main_1b .txt{ margin-left:170px ; line-height: 2em; padding: 0px 60px; position: relative;}
.main_1b_ab1{ opacity: 0.5; position: absolute;top: 0px; left: 0px; width: 36px; height: 30px; background-image: url(../img/双引号-左.png); background-size: 100% 100%;}
.main_1b_ab2{ opacity: 0.5;position: absolute;bottom: 0px; right: 0px; width: 36px; height: 30px; background-image: url(../img/双引号-右.png); background-size: 100% 100%;}
.main_2{    margin-top: -15px}
.main_2_t{ text-align: center; margin-bottom: 60px; position: relative; z-index: 11;}
.main_2_t2{ font-size: 24px; color: #f1d4bc;text-align: center; position: absolute; bottom: -30px; width: 100%;}
.main_2_c{ overflow: hidden; position: relative; z-index: 11;}
.main_2_c .imgbox{ display: flex;}
.main_2_c .imgbox .img{ border-radius: 3px; overflow: hidden; margin-right: 5px; z-index: 11;background-image: url(../img/上篇背景.png);  cursor: pointer; background-repeat: no-repeat;   width: 126px;transition: width 0.6s; height: 404px;float: left; padding: 40px 0px; text-align:center}
.main_2_c .imgbox .img:nth-child(1){background-position:0px 0px;}
.main_2_c .imgbox .img:nth-child(3){background-position:-80px 0px;}
.main_2_c .imgbox .img:nth-child(5){background-position:-160px 0px;}
.main_2_c .imgbox .img:nth-child(7){background-position:-240px 0px;}
.main_2_c .imgbox .img:nth-child(9){background-position:-320px 0px;}
.main_2_c .imgbox .img:nth-child(11){background-position:-400px 0px;}
.main_2_c .imgbox .img:nth-child(13){background-position:-480px 0px;}
.main_2_c .imgbox .img:nth-child(15){background-position:-560px 0px;}
.main_2_c .imgbox .img:nth-child(17){background-position:-640px 0px;}
.main_2_c .imgbox .img:nth-child(19){background-position:-720px 0px;}
.padbox_all{ width: 348px; height: 100%;}



.main_2_c .imgbox .img.act{ width: 98px;}
.main_2_c .imgbox .img .ico{ width: 40px; height: 40px;background-size: 100% 100%;background-image: url(../img/年份-收起.png); transition: transform 0.6s;transform:rotate(0deg); margin: 90px auto 0px auto;}
.main_2_c .imgbox .img.act .ico{background-image: url(../img/年份-收起.png); background-size: 100% 100%;transform:rotate(180deg);}
.main_2_c .mainbox{opacity:0; color: #fbe8d8;width: 0px; overflow: hidden; height: 404px; background-image: url(../img/001.png); float: left;}
.main_2_c .mainbox .padbox{ padding: 40px; line-height: 1.4em; overflow: hidden; }
.main_2_c .mainbox .padbox .padbox_all div{ padding-top: 30px; padding-bottom: 20px;}
.main_2_c .mainbox .padbox ul{ padding-left: 2em; }
.main_2_c .mainbox .padbox ul li{ padding-left: 2em; }

.main_2_bg{ position: absolute; z-index: 10; right: 0px;top:2400px; background: url(../img/飘带01.jpg) no-repeat 0px 0px; width: 568px; height: 308px;background-size: 100% auto;}
.main_3_bg{ position: absolute; z-index: 10; left: 0px;top:3900px ;background: url(../img/飘带02.jpg) no-repeat 0px 0px; width: 518px; height: 308px; background-size: 100% auto;}



.main_2b{}
.main_2b_t{font-size: 24px;color: #f1d4bc;text-align: center;margin-bottom: 40px; margin-top: 40px; }
.main_2b_c{ display: flex;flex-wrap:wrap}
.main_2b_c .flex{ color: #fbe8d8;flex: 0 1 auto; width: 574px;  height: 300px;margin-bottom: 20px;}
.main_2b_c .flex.img1{background-image: url(../img/回眸下篇01.jpg); background-size: 100% 100%; padding: 40px;}
.main_2b_c .flex.img2{background-image: url(../img/回眸下篇02.jpg); background-size: 100% 100%;margin-left: 20px;padding: 40px;}
.main_2b_c .flex.img3{background-image: url(../img/回眸下篇03.jpg); background-size: 100% 100%;padding: 40px;}
.main_2b_c .flex.img4{background-image: url(../img/回眸下篇04.jpg); background-size: 100% 100%;margin-left: 20px;padding: 40px;}
.main_2b_c .t1{ font-size: 24px;font-style: oblique; margin-bottom: 40px;}
.main_2b_c .t2{ font-size: 14px; line-height: 2em; padding-right: 120px;}


.main_3{margin-top: -12px;}
.main_3_t{text-align: center; margin-bottom: 40px; z-index: 11; position: relative;}
.main_3_c{ overflow: hidden; z-index: 11; position: relative;}
.main_3_c .left{ float: left; width: 722px;}
.main_3_c .left img{ margin-bottom: 10px;}
.main_3_c .right{ float: right; width: 468px;}


.main_4{margin-top: -12px;}
.main_4_t{text-align: center; margin-bottom: 40px; position: relative; z-index: 11;}
.main_4_c{height:455px;position: relative;}
/* .ysg{ position: relative;top:160px} */
.ysg .left{ width: 622px; float: left;}
.ysg .right{ width: 500px; height: 445px; float: right; position: relative;}
/*.ysg .right .t2{ color: #fbe8d8; padding-top: 25px; line-height:24px;color:rgba(251,232,216,1);}*/
.ysg .right .t2{  padding-top: 25px; line-height:24px;color:rgba(251,232,216,1);font-weight:400;font-size:15px;}
.ysg .right .t1{ margin-top: 25px; position: relative; padding: 0px 50px;}
.ysg .right .t3{ position: absolute;bottom: 0px; right: 0px;}

/* .main_5{  position: relative; top:-300px} */
.main_5_t{text-align: center; margin-bottom: 40px;}
.main_5_c{background: url(../img/main_5.jpg) no-repeat  center center;height: 541px;}
.main_5_c .left{ float: left; padding: 40px;  width: 400px;}
.main_5_c .right{ float: right;padding: 40px;width: 400px;}
.main_5_c .t1{ font-size: 24px; margin-bottom: 50px; font-size: 20px; color: #d8c09a; font-family: "黑体";}
.main_5_c .t2{ font-size: 16px; line-height: 1.5em; color: #f1d4bc;}
.main_5_c a{ color: #f95c68;}


.main_6{position: relative;}
.main_6_t{text-align: center; margin-bottom: 0px;}
.main_6_c{background: url(../img/main_6.jpg) no-repeat  center center; height: 541px;overflow: hidden;}
.main_6_c .left{float: left; padding:260px 40px 0px 40px;  width: 600px;color: #393939;line-height: 1.8em;}
.main_6_c .left .t2{ padding-top: 30px; line-height: 1.5em; }
.main_6_c .right{float: right; padding:140px 40px 0px 40px;  width: 600px;}
.main_6_c .right .t1{ margin-bottom: 30px;font-size: 24px; font-family: "黑体"; color: #d41515; font-style: oblique;}
.main_6_c .right .ul{color: #393939; }
.main_6_c .right .ul li{ line-height: 2em;}
.main_6_c .right .ul li .name{ float: right;}
.main_6_c a{color: #393939; }
.main_6_c a:hover {text-decoration:underline;}


.bottom{ padding-bottom: 80px; margin-top: -300px; overflow: hidden; color: #393939;  background-color: #f1e7e5; background-image: url(../img/页脚背景.jpg); background-position: 0px bottom; background-repeat: repeat-x;}
.bottom .pl{ overflow: hidden; margin-top: 40px; }

.pl .left{ width: 12%; float: left; font-size:18px;font-style: oblique;}
.pl .right{ width:88%;float: left;}

.pl .right.bor{ border: 1px solid #dbcecc; border-radius: 6px; overflow: hidden;}

.bottom .bq{ text-align: center; overflow: hidden; margin-top: 100px;}
#pltxt{ width: 100%; height: 200px; border: 0px; margin: 0px; padding: 0px; padding: 12px; line-height: 1.5em;}
#plbut{ background-color: #eeeeee; height: 40px;margin-top: -4px;}
#plbut .txt{ float: right; color: #666666;margin-top: 8px; margin-right: 6px; }
#plbut .but{ cursor: pointer; margin-right: 4px; margin-top: 6px; float: right; padding: 4px 8px; background-color: #cb5151; color: #fbe8d8; text-align: center; border-radius: 3px;}
.plq{}
.plq_c{ display: flex; }
.plq_c .flex{ flex: 0 0 auto; }

.plq_c .flex.img{ width: 100px;}
.pl_main{ border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; width: 90%;word-break: break-all;}
.pl_main .t1{ margin-bottom: 10px; position: relative;}
.pla{}
.zan{ position: absolute; right: 0px;top:-2px; font-size: 12px; vertical-align:middle;}
.zan img{ width: 16px; height: 16px; cursor: pointer; position: relative;top:2px}



.fix{ position: fixed; right: 30px; bottom: 100px; z-index: 1000; }
.fix .flex{ margin-bottom: 3px;}
.fix .img1{ font-size: 12px; background-image: url(../img/fix1.png); width: 40px; height: 50px; color: #6f2121; padding-top: 29px; text-align: center;}
.fix .img2{ background-image: url(../img/fix2.png);width: 40px; height: 40px;}
.fix .img3{ background-image: url(../img/fix3.png);width: 40px; height: 40px;}