@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(bg.jpg) no-repeat top center;}
.animate{position: absolute;width: 1920px;top: 0;left: 50%;margin-left:-960px;height: 1302px;overflow: hidden;}
.rpimg{position: absolute;width: 2160px;top: 0;left: 50%;margin-left: -1080px;}
.renimg{position: absolute;width: 1040px;height: 847px;top: 42px;left: 50%;margin-left: -900px;opacity:0}
.yun{display:none;position: absolute;width: 1920px;height: 1302px;top: 0px;left: 50%;margin-left: -860px;}
.yun2{display:none;position: absolute;width: 1920px;height: 1302px;top: 0px;left: 50%;margin-left: -860px;}
.leavesimg{display: block;background: url(../images/leaves.png) repeat;width: 1920px;height: 929px;position: absolute;width: 1920px;top: 0;left: 50%;margin-left: -960px;background-position: 0 0;}
.cloudimg{display: block;background: url(../images/bg-cloud_25f4807.png) repeat;width: 1920px;height: 457px;position: absolute;width: 1920px;bottom: 0;left: 50%;margin-left: -960px;background-position: 0 0;}

.public_footer{background-color: #404141 !important;}

/* 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 .wbg{width:1304px;margin:0 auto;position: relative;}
.wrap .t1{width:100%;height:300px;background:url('bg_01.jpg') no-repeat;}
.wrap .t2{width:100%;height:300px;background:url('bg_02.jpg') no-repeat;}
.wrap .t3{width:100%;height:300px;background:url('bg_03.jpg') no-repeat;}
.wrap .t4{width:100%;height:402px;background:url('bg_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: 913px;background: url(../index/flower.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(../index/tit.png) no-repeat;width: 1350px;height: 300px;position: absolute;top: -900px;left: 58px;/*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;}
.bxdl a{position: absolute;display: block;}
.dlo {background: url(../index/dr.png) no-repeat;}
.del_1{background-position:  -31px -0px;width: 155px;height: 192px;top: 27px;left: -0.7%;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: -202px 16px;width: 146px;height: 182px;top: 58px;left: 9.4%;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: -341px -57px;width: 92px;height: 184px;top: 96px;left: 19.6%;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);}
	
}
.del_4{background-position: -1469px -108px;width: 103px;height: 138px;top: 178px;right: 20.05%;transform-origin: 0px 33px;animation: delo4 5s linear infinite;}
@keyframes delo4{
	0%{transform:rotateY(0) rotateZ(20deg);}
	25%{transform:rotateY(0) rotateZ(0);}
	50%{transform:rotateY(0) rotateZ(-20deg);}
	75%{transform:rotateY(0) rotateZ(0);}
	100%{transform:rotateY(0) rotateZ(20deg);}
	
}
.del_5{background-position: -1560px 0;width: 154px;height: 266px;top: -3px;right: 13%;transform-origin:63px 39px;animation: delo5 8s linear infinite;}
@keyframes delo5{
	0%{transform:rotateY(0) rotateZ(-12deg);}
	25%{transform:rotateY(0) rotateZ(0);}
	50%{transform:rotateY(0) rotateZ(23deg);}
	75%{transform:rotateY(0) rotateZ(0);}
	100%{transform:rotateY(0) rotateZ(-12deg);}
	
}
.del_6{background-position: -1692px -0px;width: 129px;height: 162px;top: 15px;right: 4%;transform-origin:69px 24px;animation: delo5 4s linear infinite;}
@keyframes delo5{
	0%{transform:rotateY(0) rotateZ(-10deg);}
	25%{transform:rotateY(0) rotateZ(0);}
	50%{transform:rotateY(0) rotateZ(10deg);}
	75%{transform:rotateY(0) rotateZ(0);}
	100%{transform:rotateY(0) rotateZ(-10deg);}
	
}


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

.brand{width: 1110px; margin: 0 auto;}
.box{position:absolute;width: 314px;height: 321px;display:none;}
.box1{width: 244px;height: 245px;left: 64px;top: -107px;}
.box2{width: 240px;height: 321px;left: 269px;top: 55px;}
.box3{left: 431px;top: -190px;}
.box4{width: 237px;height: 248px;left: 678px;top: 55px;}
.box5{width: 246px;height: 249px;left: 943px;top: -120px;}
.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(../index/navi.png) no-repeat;}
.box .navh{background: url(../index/navi1.png) no-repeat;}
.box .nav1{width:244px;height:242px;background-position:-14px -82px;}
.box .nav2{width: 240px;height:242px;background-position: -258px -251px;}
.box .nav3{width: 312px;height: 322px;background-position: -447px -1px;}
.box .nav4{width:244px;height: 249px;background-position: -704px -251px;}
.box .nav5{width:244px;height:242px;background-position: -975px -73px;}
.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 );
}

.condl{position:absolute;width: 147px;height: 138px;background: url(../index/nav_dr.png) no-repeat;}
.condl1{left: 8px;top:20px;width: 116px;height: 300px;background-position: -0px -0px;}
.condl2{left: 233px;top: 183px;width: 77px;height: 229px;background-position: -115px 0px;}
.condl3{left: 874px;top: 183px;width: 77px;height: 212px;background-position: -190px -0px;}
.condl4{left: 1122px;top: 5px;width: 117px;height: 300px;background-position: -266px -0px;}

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