@import url(xtl_logo.css);
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}

/*页面样式*/
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
body {font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';/*padding-top:55px;*/text-align:justify; background-color: #fef6d8;}
a {text-decoration:none; outline: none;}
a:hover {text-decoration:none;}
.pr{position:relative;}
.pa{position:absolute;}
.fl{float: left;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
:focus{ outline: none;}

/* 框架 */
.wrap,.ny_wrap{min-width:1000px;width:100%;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1002?'1000px':'');}
.sp,.tit,.cbox p strong,.video_player dt a,.audlist a,.audlist p{background: url(../images/sp.png) no-repeat 999em 999em;}

/*弹窗视频*/
.video_player{position:relative; width:688px; height: 388px; background:#a40000; border: 1px solid #a40000; display: none; z-index: 999;}
.video_player dt{float: right; width: 57px;}
.video_player dt a{display: block; width: 57px; height: 126px; padding-top: 68px; background-position: 0 -1949px; font-size: 24px; color: #f8dea5; text-align: center;}
.video_player dt a.on{background-position: -60px -1949px; color: #3d1212;}
.video_player dd{float: left; width: 631px; height: 388px;}
.close{display: block; width:26px; height:26px; background-position: -126px -1949px; position:absolute; top:0; right:-26px;}

/*css3*/
@-webkit-keyframes turn{
	0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(180deg);}
}
@keyframes turn{
	0%{transform: rotate(0deg);}
    100%{transform: rotate(180deg);}
}
@-webkit-keyframes play{
	0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(-360deg);}
}
@keyframes play{
	0%{transform: rotate(0deg);}
    100%{transform: rotate(-360deg);}
}
@-webkit-keyframes port
{
	0%,100% {-webkit-transform:rotate(0deg);}
	20%  {-webkit-transform:rotate(30deg);}
	40%  {-webkit-transform:rotate(-30deg);}
	60%  {-webkit-transform:rotate(15deg);}
	80%  {-webkit-transform:rotate(-15deg);}
}
@keyframes port
{
	0%,100% {transform:rotate(0deg);}
	20%  {transform:rotate(30deg);}
	40%  {transform:rotate(-30deg);}
	60%  {transform:rotate(15deg);}
	80%  {transform:rotate(-15deg);}
}


/****************** 首页 ******************/
.wrap{background: url(../images/rp.jpg) no-repeat 50% 0; position: relative; overflow: hidden;}
.main{width: 1000px; height: 948px; margin: 0 auto; background: url(../images/mbg.jpg) no-repeat 50% 0; position: relative;}
.xtl_logo_lk,.xtl_logo_lk a,.xtl_logo_bg{top:22px;left: -158px; z-index: 11;}
.xtl_logo_lk a{display: block; z-index: 100;}
#flash{width: 1920px; height: 948px; position: absolute; left: 50%; margin-left: -960px; top: 50%; margin-top: -474px; z-index: 10;}
.link1,.link2,.link3,.link4,.link5{display: block; text-indent: -999em; width: 84px; height: 258px; position: absolute; z-index: 15;border-bottom: none; }
.link1{left: 172px; top: 526px;}
.link2{left: 304px; top: 571px;}
.link3{left: 432px; top: 526px;}
.link4{left: 560px; top: 571px;}
.link5{left: 690px; top: 526px;}
.vbtn{display: block; text-indent: -999em; width: 82px; height: 82px;background:url(about:blank); position: absolute; top: 126px; right: 44px; z-index: 20;}

/****************** 内页通用 ******************/
.ny_wrap{background: url(../images/ny_rp.jpg) no-repeat 50% 0; overflow: hidden;}
.container {width:1000px;margin:0 auto;}
.header{height: 615px; background: url(../images/hd.jpg) no-repeat; position: relative;}
.vbtn2{display: block; width: 82px; height: 82px;  position: absolute; top: 158px; right: 44px; z-index: 10;}
.vbtn2 em{display: block; width: 38px; height: 37px; background-position: -311px -1973px; position: absolute; top: 22px; left: 25px; z-index: 2;}
.vbtn2 i{display: block; width: 82px; height: 82px; background-position: -204px -1949px; position: absolute; left: 0; top: 0; z-index: 1; -webkit-animation: play 3s infinite linear; animation: play 3s infinite linear;}
/*.canvas{position: absolute;top: 0;left: 50%; margin-left: -960px; width: 1920px;height:500px;z-index: 12;}*/
.content{background: url(../images/ct.jpg) no-repeat; padding: 100px 0; min-height: 900px;}
.content.pad90{padding-top: 90px;}
/*内页导航*/
.nsp,.navlist a,.icon,.navlist .snav a,.goto em,.navlist .snav .wx em{background: url(../images/nav.png) no-repeat 999em 999em;}
.navbox{width: 214px; height: 902px; padding-top: 44px; background-position: 0 0; position: absolute; top: 700px; right: 0;}
.navlist{width: 159px; margin: 0 auto; text-align: center;}
.navlist li{float: left; width: 159px; margin-top: 5px; display: inline;}
.navlist a{display: block; width: 159px; height: 43px; background-position: -221px 0; font-size: 26px; color: #fffef9; line-height: 43px; position: relative;}
.navlist a:hover,.navlist .cur a{background-position: -220px -50px; color: #6b2213;}
.icon{display: block; width: 39px; height: 36px; background-position: -335px -190px; position: absolute; top: 0; right: 0;}
.navlist .snav{width: 143px; margin: 0 auto; display: none;}
.navlist .cur .snav{display: block;}
.navlist .snav a{display: block; width: 143px; height: 28px; background-position: -227px -132px; font-size: 16px; color: #ffedac; line-height: 28px; margin-top: 4px;}
.navlist .snav a:hover,.navlist .snav a.cur{background-position: -227px -101px; color: #fff2d7;}
.navlist .snav .wx{text-align: left; position: relative;}
.navlist .snav .w1{text-indent: 23px;}
.navlist .snav .w2{text-indent: 18px;}
.navlist .snav .wx em{display: block; width: 26px; height: 20px; background-position: -224px -292px; position: absolute; top: 4px;}
.navlist .snav .wx em.i1{left: 92px;}
.navlist .snav .wx em.i2{left: 100px;}
.goto{display: block; width: 91px; height: 91px; position: absolute; left: 50%; margin-left: -45px; bottom: 272px;}
.goto em{display: block; width: 91px; height: 91px; background-position: -230px -167px; position: absolute; left: 0; top: 0; z-index: 1;}
.goto span{display: block; width: 100%; height: 61px; padding: 15px 0; text-align: center; font-size: 24px; color: #fff2d6; line-height: 30px; text-align: center; position: absolute; z-index: 10;}
.goto:hover em{-webkit-animation:turn .5s linear infinite; animation:turn .5s linear infinite; }

/****************** 年的传说 ******************/
.tit{display: block; text-indent: -999em; width: 986px; height: 76px; margin: 0 auto;}
.tit.tit1{width: 1000px; height: 142px; background-position: 0 -1802px;}

.recordbox{width: 624px; height: 224px; background: url(../images/record_bg.png) no-repeat; margin: 48px auto 0; padding: 116px 105px 0 115px;}
.txt{text-align: center; font-size: 18px; color: #b24d26; line-height: 38px;}
.storybox{width: 642px; height: 268px; background: url(../images/story_bg.png) no-repeat; margin: 48px auto 0; padding: 72px 126px 0 106px;}

.tab a,.ico1,.ico2,.ico3,.pname,.declist em{background: url(../images/tab.png) no-repeat 999em 999em;}

.decaybox{width: 763px; height: 278px; background: url(../images/decay_bg.png) no-repeat; margin: 60px auto 0; padding: 26px 5px 0 130px;}
.declist li{float: left; width: 100%; font-size: 18px;}
.declist em{display: inline-block; width: 122px; height: 27px; background-position: -148px -432px; float: left; text-align: center; line-height: 27px;  color: #725335; margin-top: 5px;}
.declist p{padding-left: 128px; color: #64411f; line-height: 34px;}
.declist p strong{color: #ff7556;}

.decbox{width: 1000px; height: 710px; margin: 28px auto 0; position: relative;}
.decbox img{display: block; margin: 0 auto;}
.view{display: block; width: 257px; height: 59px; background-position: -371px -1948px; font-size: 24px; color: #ffe395; line-height: 59px; text-align: center; margin: 0 auto;}
.dtxt{width: 100%; text-align: center;font-size: 16px; color: #bd3f32; position: absolute; left: 0; top: 620px;}

.audlist li{width: 434px; position: absolute; z-index: 10;}
.audlist .item1{left: 456px; top: 68px;}
.audlist .item2{left: 522px; top: 160px;}
.audlist .item3{left: 560px; top: 249px;}
.audlist .item4{left: 560px; top: 341px;}
.audlist .item5{left: 546px; top: 430px;}
.audlist .item6{left: 493px; top: 522px;}
.audlist a{display: block; width: 58px; height: 57px; background-position: -645px -1949px; float: left;}
.audlist a:hover{background-position: -715px -1949px;}
.audlist p{width: 371px; height: 59px; background-position: -203px -2040px; float: right; font-size: 20px; color: #ff3e11; line-height: 59px; text-align: center;}


/****************** 年的现世 ******************/
.ctbox{width: 1000px; position: relative;}
.ctbox img{display: block;}
.mat{margin: 0 auto;}
.mat1{margin: 10px auto 0;}
.t2_1{background-position: 0 -84px;}
.t2_2{background-position: 0 -168px;}
.t2_3{background-position: 0 -254px;}
.t2_4{background-position: 0 -339px;}
.t2_5{background-position: 0 -426px;}
.t2_6{background-position: 0 -510px;}
.t2_7{background-position: 0 -595px;}
.t2_8{background-position: 0 -683px;}

.cbox{width: 920px; padding: 50px 5px 0;}
.cbox p{font-size: 18px; color: #070707; line-height: 30px; margin-top: 10px;}
.cbox em{font-weight: bold; font-size: 20px; color: #ff3e11;}
.cbox em.dbl{display: block;}
.cbox p strong{display: block; width: 91px; height: 27px; background-position: 0 -1770px; text-align: center; line-height: 27px;}
.cbox p b{color: #bd3f32; font-weight: normal;}
.plist{margin-top: 15px;}
.plist li{float: left; width: 114px;}
.plist img{width: 91px; height: 91px; margin: 0 auto;}
.plist p{width: 100%; text-align: center; margin-top: 5px;}
.sider{float: left; width: 289px; border-right: 1px solid #cfa972;}
.rcon{float: left; padding-left: 20px;}
.picbox{width: 260px; margin-top: 15px;}
.picbox img{display: block; margin: 0 auto;}
.picbox span{display: block; width: 100%; font-size: 18px; color: #070707; line-height: 30px; text-align: center; padding-top: 12px;}
.cbox .tips{font-size: 16px; color: #bd3f32; margin-top: 5px; line-height: 20px;}

.tb{border-left: 1px solid #ff8c25; border-top: 1px solid #ff8c25; margin-top: 6px;}
.tb td{text-align: center; font-size: 18px; border-right: 1px solid #ff8c25; border-bottom: 1px solid #ff8c25; padding: 5px;}
.tb thead td{background-color: #ff8c25; color: #fef5d7;}
.tb thead td:nth-child(1),.tb thead td:nth-child(2),.tb thead td:nth-child(3){ border-right: 1px solid #fdf3d5;}
.tb1{width: 874px;}
.tb2{width: 541px;}

.pshow{display: block; margin: 25px auto 0;}
.stxt{display: block; width: 214px; margin: 25px auto 0; font-size: 24px; color: #ff3e11; text-decoration: underline; text-align: center;}

/*内容图位置*/
.p2_1{top: 61px; right: 43px;}
.p2_2{top: 115px; right: 13px;}
.p2_3{top: 200px; right: 43px;}
.p2_4{top: 208px; right: 0;}
.p2_5{top: 128px; right: 20px;}
.p2_6{top: 124px; right: 16px;}
.p2_7{top: 210px; right: 14px;}
.p2_8{top: 203px; right: -50px;}

.p3_1{top: 200px; right: 21px;}
.p3_2{top: 145px; right: 0;}
.p3_5{top: 52px; right: 44px;}

.p4_1{top: 118px; right: 0;}
.p4_2{top: 200px; right: 21px;}
.p4_3{top: 178px; right: 26px;}
.p4_4{top: 178px; right: 26px;}
.p4_5{top: 107px; right: 0;}


/****************** 年的绵延 ******************/
.t3_1{background-position: 0 -767px;}
.t3_2{background-position: 0 -851px;}
.t3_3{background-position: 0 -935px;}
.t3_4{background-position: 0 -1019px;}
.t3_5{background-position: 0 -1103px;}
.t3_6{background-position: 0 -1185px;}
.t3_7{background-position: 0 -1269px;}
.tb3,.cbox .tips.w01{width: 100%; margin: 10px auto 0;}
.mat26{margin: 26px auto 0;}

.szcode{display: block; width: 184px; position: absolute; top: 150px; right: 40px;}
.szcode img,.szcode:hover img{display: block; border: 4px solid #ff8c25;}
.szcode span{display: block; background-color: #ff8c25; text-align: center; font-size: 18px; color: #fffffe; line-height: 26px; padding: 5px 0; margin-top: 7px;}
.szcode span.ctxt{margin: 0; padding: 0 0 10px;}

/****************** 年的元宵 ******************/
.t4_1{background-position: 0 -1351px;}
.t4_2{background-position: 0 -1435px;}
.t4_3{background-position: 0 -1518px;}
.t4_4{background-position: 0 -1603px;}
.t4_5{background-position: 0 -1688px;}
.topic{width: 732px; margin: 5px auto 0;}
.topic li{float: left; width: 100%; font-size: 16px; color: #bd3f32; line-height: 20px;}
.topic i{float: left; width: 68px; display: block; font-style: normal;}
table tr td{text-align: center;font-size: 16px;}
table tr td.new{color: red;}
table tr td a{ display: block;width: 121px;height: 28px;margin: 0 auto; line-height: 28px;text-align: center;font-size: 16px;background: url(../images/sp.png) 0 0 ;color: #785a38; transition: 0.5s;}
table tr td a:hover{background-position: 0 -28px; transform: skew; color: #fff;}
.tlist{width: 484px;}
.tlist li,.tlist2 li{float: left; width: 100%; font-size: 18px; line-height: 30px; color: #292929;}
.tlist i,.tipslist i,.tlist2 i{float: left; font-style: normal;}
.tlist span,.tipslist span,.tlist2 span{display: block; padding-left: 26px;}

.tipslist li{float: left; width: 100%; font-size: 16px; color: #bd3f32; line-height: 30px;}
.slogan{
	width: 840px;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 100px;
	background: url('../images/slogan.png');
	z-index: 11;
}
.slogan img{/*vertical-align: 100px;*/z-index: 10;/*position: relative;top: -250px;*/-webkit-animation:fadeInUp 1s 0.5s ease both;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-webkit-keyframes sloganAni{
    0%{-webkit-transform:scale(1.8);opacity:0;}
    60%{-webkit-transform:scale(1);opacity:1;}
    65%{-webkit-transform:translate(-4px,-4px);}
    70%{-webkit-transform:translate(0,0);}
    75%{-webkit-transform:translate(4px,4px);}
    80%{-webkit-transform:translate(0,0);}
    85%{-webkit-transform:translate(-4px,4px);}
    90%{-webkit-transform:translate(0,0);}
    95%{-webkit-transform:translate(4px,-4px);}
    100%{-webkit-transform:translate(0,0);opacity:1;}
}
.canvas{z-index: 13;width: 100%; height: 360px;}
input::-webkit-input-placeholder{
            color:red;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:red;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:red;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:red;
}
.link1{
  background: url('../images/button1.png');
}
.link2{
  background: url('../images/button2.png');
}
.link3{
  background: url('../images/button3.png');
}
.link4{
  background: url('../images/button4.png');
}
.link5{
  background: url('../images/button5.png');
}
.link1:hover{
  background: url('../images/button1hover.png');
}
.link2:hover{
  background: url('../images/button2hover.png');
}
.link3:hover{
  background: url('../images/button3hover.png');
}
.link4:hover{
  background: url('../images/button4hover.png');
}
.link5:hover{
  background: url('../images/button5hover.png');
}
a.button:hover{
  transition: 1s;
  transition-duration:1s;
  transform:scale(1.03);
  transition-timing-function:ease-in-out;
	/*background: url('../images/button1hover.png');*/
	/*-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: orangellowPulse;
	-webkit-animation-duration: 2s;*/
  /*-webkit-box-shadow: 0 0 75px #39ba1f;*/
}
@-webkit-keyframes bigAssButtonPulse {
  from { /*background-color: #1e6a0f;*/ -webkit-box-shadow: 0 0 25px #333; }
  50% { /*background-color: #39ba1f;*/ -webkit-box-shadow: 0 0 75px #39ba1f; }
  to { /*background-color: #1e6a0f;*/ -webkit-box-shadow: 0 0 25px #333; }
}

@-webkit-keyframes greenPulse {
  from { /*background-color: #1e6a0f;*/ -webkit-box-shadow: 0 0 9px #333; }
  50% { /*background-color: #39ba1f;*/ -webkit-box-shadow: 0 0 27px #39ba1f; }
  to { /*background-color: #1e6a0f;*/ -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes bluePulse {
  from { /*background-color: #036075;*/ -webkit-box-shadow: 0 0 9px #333; }
  50% { b/*ackground-color: #2daebf;*/ -webkit-box-shadow: 0 0 27px #2daebf; }
  to { /*background-color: #036075;*/ -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes redPulse {
  from { /*background-color: #8c2305;*/ -webkit-box-shadow: 0 0 9px #333; }
  50% { /*background-color: #e33100;*/ -webkit-box-shadow: 0 0 27px #e33100; }
  to { b/*ackground-color: #8c2305;*/ -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes magentaPulse {
  from { /*background-color: #470123;*/ -webkit-box-shadow: 0 0 9px #333; }
  50% { /*background-color: #a9014b;*/ -webkit-box-shadow: 0 0 27px #a9014b; }
  to { /*background-color: #470123;*/ -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes orangePulse {
  from { /*background-color: #b84c04;*/ -webkit-box-shadow: 0 0 9px #333; }
  50% { /*background-color: #ff5c00;*/ -webkit-box-shadow: 0 0 27px #ff5c00; }
  to { /*background-color: #b84c04;*/ -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes orangellowPulse {
  from { /*background-color: #bd5000;*/ -webkit-box-shadow: 0 0 9px #ff8c25; }
  50% { /*background-color: #ffb515;*/ -webkit-box-shadow: 0 0 27px #ffb515; }
  to { /*background-color: #bd5000;*/ -webkit-box-shadow: 0 0 9px #ff8c25; }
}