@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout{ width:1300px; margin:0 auto; position:relative;}
.content{ width:1200px; margin:0 auto; position:relative;}

.boxMo{ min-width:1300px;}
.marB110{ margin-bottom: 110px;}
.w580{ width: 580px;}
.w510{ width: 510px;}
body{ max-width: 1920px; margin: 0 auto; background-color: #fbf6ee;}

.zt_banner{ height: 872px; margin-bottom: 100px; background: url(banner.jpg) no-repeat center top;}
.zt_banner .logo{ position: absolute; top: 40px; left: -240px; width: 316px; height: 61px; background: url(logo.png) no-repeat center top;}

.sc1_wrap{ position: relative; width: 1222px; height: 461px; margin: 0 auto; background: url(bg_sw1.png) no-repeat center top;}
#swiper1{ width: 1222px; height: 461px;}
#swiper1 .swiper-slide{ position: relative; width: 1222px; height: 461px;  }

#swiper1 .swiper-slide img{ position: absolute; top: 3px; left: 0; width: 533px; height: 387px;}
.sc1_wz{ position: absolute; top: 110px; left: 640px; width: 510px; height: 270px; background-color: #e7dac5;}
.sc1_wz h3{ margin-bottom: 18px; font: bold 26px/40px "Microsoft Yahei";}
.sc1_wz h3 a{ color: #805d27;}
.sc1_wz p{ font-size: 18px; line-height: 30px; color: #805d27; text-align: justify;}

.sc1_prev, .sc1_next{ position: absolute; top: 170px; width: 29px; height: 52px; background-image: url(arr.png); cursor: pointer; outline: none; opacity:1; z-index: 10;}
.sc1_prev{ left: 10px; background-position: 0 0;}
.sc1_next{ right: 30px; background-position: -29px 0;}

.headline_list{}
.headline_list li{ position: relative; height: 66px; padding-left: 50px; font: 20px/66px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.headline_list li:before{ position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; background: url(icon_dot.png) no-repeat 0 0; content: ""}
.headline_list li a{ color: #805d27;}

a.btn_more{ display: block; width: 250px; height: 42px; margin: 50px auto 0; font: bold 18px/42px "Microsoft Yahei"; color: #fff; text-align: center; letter-spacing: 0.1em; background-color: #9a1904;}

.box_nnns{ position: relative; background: url(book_bot.png) no-repeat center 1092px;}
.box_nnns:before{ position: absolute; top: -220px; left: 50%; width: 298px; height: 739px; margin-left: -960px; background: url(i_sd1.png) no-repeat center top; content: ""}
.lmT1{ width: 773px; height: 274px; margin: 0 auto 30px; background: url(bg_lmT1.png) no-repeat center top;}

.book_wrap{ position: relative; width: 1212px; margin: 0 auto 80px;}
/*.book_wrap:after{ position: absolute; top: 786px; left: 50%; width: 1919px; height: 604px; margin-left: -960px; background: url(book_bot.png) no-repeat center top; content: ""}*/
.book_con{ position: relative; width: 1212px; height: 796px; background: url(bg_book.png) no-repeat center top; z-index: 3;}
.book_con .book_i{ position: absolute; top: 123px; left: 36px; width: 500px; height: 252px;}
.book_hdbj{ position: absolute; top: 436px; left: 136px; width: 366px;}
.book_hdgz{ position: absolute; top: 116px; left: 708px; width: 366px;}
.book_tit{ width: 163px; height: 38px; margin-bottom: 20px; font: bold 26px/38px "Microsoft Yahei"; color: #4d381f; text-indent: 18px; letter-spacing: 0.1em; background: url(bg_book_tit.png) no-repeat center top;}
.book_des{ font: bold 18px/36px "Microsoft Yahei"; color: #4d381f; text-align: justify;}

.book_qrcode{ position: absolute; top: 580px; left: 734px; width: 300px}
.book_qrcode img{ float: left; width: 163px; height: 145px;}
.book_qrcode p{ float: right; width: 130px; margin-top: 40px; font: bold 18px/30px "Microsoft Yahei"; color: #4d381f;}

.table_wrap{ width: 1240px; height: 886px; margin: 0 auto; background: url(bg_table.png) no-repeat center top; overflow: hidden;}
.table_con{ width: 964px; height: 725px; margin: 92px auto 0; overflow-y: scroll;}
.table_wrap img{ width: 100%; height: auto;}

.box_ygtx{ position: relative; background: url(bg_video.png) no-repeat center 1040px;}
.sd2{ background: url(i_sd2.png) no-repeat right 20px;}
.lmT2{ width: 403px; height: 214px; margin: 0 auto 84px; background: url(bg_lmT2.png) no-repeat center top;}

.sc2_wrap{ position: relative; width: 1200px; margin: 0 auto 48px; }

.etab2{ height: 107px; margin-bottom: 84px;}
.etab2 a{ position: absolute; top: 0; width: 227px; height: 107px; font: 24px/106px "Microsoft Yahei"; color: #402b0b; text-indent: 44px; letter-spacing: 0.1em; background-image: url(icon_ygtx.png); cursor: pointer;}
.etab2 a.pos1{ left: 0;}
.etab2 a.pos2{ left: 147px;}
.etab2 a.pos3{ left: 279px;}
.etab2 a.pos4{ left: 427px;}
.etab2 a.pos5{ left: 565px;}
.etab2 a.pos6{ left: 711px;}
.etab2 a.pos7{ left: 850px;}
.etab2 a.pos8{ left: 996px;}
.etab2 a:nth-child(odd){ background-position: 0 0}
.etab2 a:nth-child(even){ background-position: 0 -107px}
.etab2 a.active{ color: #fff; background-position: 0 -214px;}

#swiper2{ width: 1200px; height: 466px;}
#swiper2 .swiper-slide{ position: relative; width: 1200px; height: 466px;  }
#swiper2 .swiper-slide:before, #swiper2 .swiper-slide:after{ position: absolute; left: 50%; width: 132px; height: 22px; margin-left: -66px; background: url(icon_line.png) no-repeat center top; content: ""; z-index: 4}
#swiper2 .swiper-slide:before{ top: 33px;}
#swiper2 .swiper-slide:after{ bottom: 33px;}

#swiper2 .swiper-slide img{ position: absolute; top: 0; left: 0; width: 588px; height: 466px; border-radius: 8px;}
.sc2_wz{ position: absolute; top: 0; right: 0; width: 588px; height: 466px; padding: 0 84px; text-align: center; background-color: #fde6c2; box-sizing: border-box; border-radius: 8px;}
.sc2_wz h3{display: inline-block; padding: 100px 0 10px; margin-bottom: 36px; font: bold 26px/36px "Microsoft Yahei"; border-bottom: 3px solid #dc9423;}
.sc2_wz h3 a{ color: #805d27;}
.sc2_wz p{ font-size: 18px; line-height: 30px; color: #805d27; text-align: justify;}


.sc3_wrap{ position: relative; width: 1200px; height: 300px; margin: 0 auto 40px; }
#swiper3{ width: 1200px; height: 300px;}
#swiper3 .swiper-slide{ position: relative; width: 384px; height: 300px;  }
#swiper3 .swiper-slide img{  position: relative; top: 20px; width: 384px; height: 244px; transform: scale(0.8)}
#swiper3 .swiper-slide.swiper-slide-active img{ position: relative; top: 0px; transform: scale(1);}
#swiper3 .swiper-slide h3{ height: 20px; margin-top: 20px; font: 18px/20px "Microsoft Yahei"; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#swiper3 .swiper-slide h3 a{ color: #805d27;}

.sc3_prev, .sc3_next{ position: absolute; top: 130px; width: 29px; height: 52px; background-image: url(arr.png); cursor: pointer; outline: none; opacity:1; z-index: 10;}
.sc3_prev{ left: 0; background-position: 0 0;}
.sc3_next{ right: 0; background-position: -29px 0;}

.lmT3{ width: 403px; height: 184px; margin: 0 auto 84px; background: url(bg_lmT3.png) no-repeat center top;}
.ygzt{ position: relative; width: 1200px; height: 389px; padding: 44px 44px 0; margin: 0 auto; background: url(bg_ygzt.png) no-repeat center top; box-sizing: border-box;}
.ygzt:before{ position: absolute; top: 64px; left: 50%; width: 1px; height: 252px; background-color: #a6a6a6; content: ""}
.ygzt_list{}
.ygzt_list li{ position: relative; height: 74px; padding-left: 44px; font: 24px/74px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ygzt_list li:before{ position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; background-image: url(icon_dot.png); content: ""}
.ygzt_list li:nth-child(odd):before{ background-position: -20px 0}
.ygzt_list li:nth-child(even):before{ background-position: 0 0}

.ygzt_list li a{ color: #5a310d;}

.syly{ padding-bottom: 110px; background: url(i_sd3.png) no-repeat left 760px;}
.lmT4{ width: 403px; height: 184px; margin: 0 auto 54px; background: url(bg_lmT4.png) no-repeat center top;}

.sc4_wrap{ position: relative; width: 828px; height: 576px; margin: 0 auto 40px; background: url(bg_photo1.png) no-repeat center top; }
#swiper4{ position: relative; top: 40px; left: 10px; width: 732px; height: 485px; }
#swiper4 .swiper-slide{ position: relative; width: 732px; height: 485px;}
#swiper4 .swiper-slide img{ width: 732px; height: 485px;}

.sc4_prev, .sc4_next{ position: absolute; top: 50%; width: 29px; height: 52px; margin-top: -26px; background-image: url(arr.png); cursor: pointer; outline: none; opacity:1; z-index: 10;}
.sc4_prev{ left: -40px; background-position: 0 0;}
.sc4_next{ right: -40px; background-position: -29px 0;}

.zt_bot{ height: 996px; background: url(bot.jpg) no-repeat center top; overflow: hidden;}
.zt_bot_con{ width: 1200px; height: 568px; margin-top: 92px; background: url(bot_con.png) no-repeat center top;}
.zt_bot_con .wz{ position: absolute; top: 66px; left: 545px; width: 594px;}
.zt_bot_con .wz p{ font-size: 16px; line-height: 30px; color: #382723; text-align: justify; text-indent: 2em;}
