@charset "utf-8";
/* topbar */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
.c:before,.c:after {content:"";display:table}
.c:after {clear:both}
.c {zoom:1}
.hide {display: block;width: 0;height: 0;overflow: hidden;}
.db,.nav a{display: block;text-indent: -999em;}

html{overflow-x: hidden;}
body {background: #400f13;}
.wrap{width:100%;height:1302px;overflow:hidden;min-width:1304px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1202?'1000px':''); position: relative;background: url(bg2.jpg) no-repeat top center;}
.flash{position:absolute;left:50%;top:0;width:1920px;height:801px;margin-left:-960px;}
/* header */
.container {width: 1304px; margin: 0 auto; background: url(../images/bg1.jpg) no-repeat}
.header {height: 418px; position: relative;}
.logo{width: 185px;height: 78px;left: 20px;top: 0px;}
.date{width: 242px; height: 36px; background-position: 0 -50px; text-align: center; font-size: 24px; color: #5e442f; left: 482px; top: 308px;}
.tlist{width: 247px;height: 34px;background-position: 0 0;right: 13px;top: 11px;padding-left: 10px;}
.tlist li{float: left;color: #265d86;white-space: nowrap;}
.tlist a{padding: 0 10px;line-height: 34px;font-size: 14px;color: #265d86;}
.tlist a:hover{text-decoration: none; color: #ffffff;}
.btn-video{width: 46px; height: 46px; background-position: 0 -94px; left: 763px; top: 346px; animation: icon 3s 0.5s infinite;-webkit-animation: icon 1s 0.5s infinite; -moz-animation: icon 1s 0.5s infinite;}
@keyframes icon{
  0%{transform: scale(1);opacity: 1;}
  50%{transform: scale(1.2);opacity: 1;}
  100%{transform: scale(1);opacity: 1;}
}
@-webkit-keyframes icon{
  0%{-webkit-transform: scale(1);opacity: 1;}
  50%{-webkit-transform: scale(1.2);opacity: 1;}
  100%{-webkit-transform: scale(1);opacity: 1;}
}
.wrap .rnav{margin-left: 516px;top: 105px;}
.wrap .wbg{width:1304px;margin:0 auto;position: relative;}
.wrap .t1{width:100%;height:300px;background:url('bg2_01.jpg') no-repeat;}
.wrap .t2{width:100%;height:300px;background:url('bg2_02.jpg') no-repeat;}
.wrap .t3{width:100%;height:300px;background:url('bg2_03.jpg') no-repeat;}
.wrap .t4{width:100%;height:400px;background:url('bg2_04.jpg') no-repeat;}
.wrap .area1 {height: 0px;}
.snow {position: fixed;top: 0;color: #fff;z-index: 9999;}
.snow {position: absolute;top: 0;left: 0;z-index: 5;width: 100%;height: 877px;background: url(rain_ff0af63.png) 0 0;opacity: .4;animation: snowDrop linear 30s infinite;-webkit-animation: snowDrop linear 30s infinite;}
@-webkit-keyframes  snowDrop{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0px 2000px;
  }
}

@-moz-keyframes snowDrop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0px 2000px;
  }
}
@keyframes snowDrop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0px 2000px;
  }
}

.title_new{background: url(font.png) no-repeat;width: 627px;height: 234px;position: absolute;top: -900px;left: 535px;/*opacity: 0;animation: leftout 1s 1s ease forwards;*/z-index: 888;}
/*@keyframes leftout{
	0%{transform: translateY(-900px);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}*/

/* 灯笼 */
.bxdl{perspective:1000;-webkit-perspective:1000;transform-style: preserve-3d;position: relative;z-index: 99;width: 1000px;margin: 0 auto;}
.bxdl a{position: absolute;display: block;}
.dlo {background: url(dr1.png) no-repeat;}
.del_1{background-position: -31px 0px;width: 155px;height: 192px;top: -4px;left: 124px;transform-origin:73px 23px;animation: delo1 6s linear infinite;}
@keyframes delo1{
	0%{transform:rotateY(0) rotateZ(13deg);}
	25%{transform:rotateY(0) rotateZ(0);}
	50%{transform:rotateY(0) rotateZ(-13deg);}
	75%{transform:rotateY(0) rotateZ(0);}
	100%{transform:rotateY(0) rotateZ(13deg);}
	
}
.del_2{background-position: -400px -0px;width: 146px;height: 182px;top: 0px;left: 431px;transform-origin:72px 20px;animation: delo2 6s linear infinite;}
@keyframes delo2{
	0%{transform:rotateY(0) rotateZ(-15deg);}
	25%{transform:rotateY(0) rotateZ(0);}
	50%{transform:rotateY(0) rotateZ(15deg);}
	75%{transform:rotateY(0) rotateZ(0);}
	100%{transform:rotateY(0) rotateZ(-15deg);}
	
}
.del_3{background-position: -746px -0px;width: 125px;height: 184px;top: -4px;left: 722px;transform-origin:69px 20px;animation: delo3 6s linear infinite;}
@keyframes delo3{
	0%{transform:rotateY(0) rotateZ(18deg);}
	25%{transform:rotateY(0) rotateZ(0);}
	50%{transform:rotateY(0) rotateZ(-18deg);}
	75%{transform:rotateY(0) rotateZ(0);}
	100%{transform:rotateY(0) rotateZ(18deg);}
	
}


/* connav */
.connav {position: absolute;width: 1200px;height: 412px;top: 891px;left: 50%;margin-left: -600px;z-index: 1111;}

.brand{width: 1110px; margin: 0 auto;}
.box{position:absolute;width: 314px;height: 447px;display:none;}
.box1{width: 294px;height: 396px;left: 21px;top: -145px;}
.box2{width: 265px;height: 447px;left: 331px;top: -157px;}
.box3{left: 584px;top: -237px;}
.box4{width: 328px;height: 385px;left: 847px;top: -33px;}
.mt1{margin-top: 40px;}
.mt2{margin-top: 20px;}
.mt3{margin-top: 28px;}
.brand .front, .brand .info{width: 100%;height: 100%;}
.front img{display: block; width: 222px; height: 62px;}
.box .nav{float:left;display: block;width:147px;height:63px;margin-top:4px;background: url(nav2_01.png) no-repeat;}
.box .navh{background: url(nav2_02.png) no-repeat;}
.box .nav1{width: 294px;height: 403px;background-position:-14px -82px;}
.box .nav2{width: 263px;height: 443px;background-position: -338px -87px;}
.box .nav3{width: 312px;height: 438px;background-position: -610px -1px;}
.box .nav4{width: 326px;height: 383px;background-position: -896px -183px;}
.box a{display:block;height: 100%;}
.box .d1{float:left;display: none;width:65px;height:71px;background: url(http://www.lequ.com/wly/zhuanti/lsjr/images/marker1.png) no-repeat;}
.box .d2{float:left;display: none;width:65px;height:71px;background: url(http://www.lequ.com/wly/zhuanti/lsjr/images/marker.png) no-repeat;}

.pat2{padding-top: 74px;}
.btnlist{width: 142px; margin: 0 auto;}
.btnlist li{float: left; width: 142px; height: 34px; background-position: -65px -99px; margin-top: 22px; display: inline; position: relative;}
.btnlist a{display: block; width: 142px; height: 34px; line-height: 32px; font-size: 18px; color: #ffffff; text-indent: 24px;} 
.btnlist a:hover{text-decoration: none;}
.icon{display: block; width: 34px; height: 25px; background-position: -233px -103px; position: absolute; left: -14px; top: 0;}
.codebox{width: 146px; margin: 0 auto; padding-top: 10px;}
.codebox dt{float: left; width: 71px;}
.codebox dt img{display: block;}
.codebox dd{width: 70px; float: right; font-size: 14px; padding-top: 10px; color: #ffffff; line-height: 30px;}
.codebox dd span{display: block; width: 62px; height: 17px; background-position: -287px -107px; text-align: center; font-size: 14px; color: #ffffff; line-height: 17px;}


.box .front{
  transition: transform 500ms;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;

  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility: hidden;
  position: absolute;

  -webkit-transform: rotateY( 0deg );
  -moz-transform: rotateY( 0deg );
  -o-transform: rotateY( 0deg );
  transform: rotateY( 0deg );
}
.box .info{
  transition: transform 500ms;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;

  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility: hidden;

  position: absolute;
  -webkit-transform: rotateY( -180deg );
  -moz-transform: rotateY( -180deg );
  -o-transform: rotateY( -180deg );
  transform: rotateY( -180deg );
}
.box:hover .front{
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );
}

.box:hover .info{
  -webkit-transform: rotateY( 0deg );
  -moz-transform: rotateY( 0deg );
  -o-transform: rotateY( 0deg );
  transform: rotateY( 0deg );
}

.footer{height:40px;line-height:40px;padding:50px;background:#1a110c;color:#7b6452;text-align:center;font-size:14px;}