@charset "utf-8";
/* CSS Document */
.index_icon{ width:90%; margin:auto;}
.index_icon div{width:50%; float:left; text-align:center; padding-bottom:15px;}
.index_icon div img{ width:40%; }
.index_icon a{ color:#444;}
li{ list-style:none;}
.wrapper_index{box-sizing: border-box;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 0;
    overflow: hidden;
    background-image: url(/fp2024/img/m_indexbg.jpg);

    height: 100%;
    overflow-y: auto;}
.wrapper_main{box-sizing: border-box;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
    overflow: hidden;
	background-color:#EEE;
    background-image: url(/fp2024/img/mainbg.jpg);

    height: 100%;
    overflow-y: auto;}	
.index_c{ width:84%; margin-left:8%; overflow:hidden;}
.index_t1{ text-align:center; color:#fff;}
.index_t1 img{ width:92%; clear:both; margin:auto; margin-bottom:10px;}
.index_t2 li{ color:#eee; font-size:14px; line-height:160%;}
.index_t2 hr{ width:88%; margin:2px 0;}
.index_m6{ width:88%; margin:auto;}
.index_m6 li{ width:46%; margin:2%; float:left; text-align:center;}
.index_m6 li img{ width:90%; opacity:0.95;}

.left_menu{ color:#eee;}
.left_menu a{ color:#eee;}

.quanlist, .hudong_list{ width:94%; padding:0 3%;}
.quan_area{ color:#444; background-color:rgb(255,255,255); overflow:hidden;  margin-bottom:12px; border-top-right-radius:8px; border-bottom-right-radius:8px;}

.quan_logo{ width:30%; float:left;}
.quan_logo img{ width:90%; margin:10% 5%; border-radius:6px; vertical-align: top;}
.quan_txt{ width:45%; float:left;}
.quan_btn{ width:25%; float:left;}
.quan_btn img{ width:100%; vertical-align: top;}
.hudong_area{ border-bottom:1px dashed #999; padding-bottom:15px; margin-bottom:20px;}
.hudong_area li img{ width:90%; margin:0 5%; border-radius:10px; vertical-align: top; border:4px solid #ccc; margin-bottom:10px;}
.hudong_txt{width:88%; color:#444; margin:auto; line-height:220%;}
.hudong_txt strong{ font-size:22px;}
.hudong_txt2{width:88%; color:#777; margin:auto; font-size:14px; line-height:160%;}



/*租赁平台*/
.zl_notice{ height:1.6em; line-height:1.6em; overflow:hidden; color:#555; }
.zl_tubiao{ width:92%; margin:auto;}
.zl_area{ width:48%; float:left; color:#fff; border-radius:0.5em; border:3px solid #fff; padding:1em 0; text-align:center; }
.zl_area a{ color:#fff;}
.zl_area img{width:3em; height:3em;}
.zl_i1{ background-color:#5574AF;  border-radius:100%;}
.zl_i2{ background-color:#DB6374;  border-radius:100%;}
.zl_i3{ background-color:#E27C3E;  border-radius:100%;}
.zl_i4{ background-color:#DC9F3D;  border-radius:100%;}
.zl_i5{ background-color:#4EB3D4;  border-radius:100%;}
.zl_i6{ background-color:#60A1E5;  border-radius:100%;}
.zl_i7{ width:2.5em; margin:auto; vertical-align:middle;}
.zl_area_n7{ width:84%; margin:auto; margin-top:1em; padding:0.5em 0 0.2em 0; background-color:#52B596; height:3em; border-radius:0.5em; text-align:center; color:#fff; }
.zl_area_n7 a{ color:#fff; }

.zl_area_n{ width:33.3%; float:left; color:#fff; text-align:center;}
.zl_area_n img{ padding:1em; margin-top:1em; width:30%;}

.zl_btn2,.ba_btn4,.zl_btn3,.zl_btn9{ width:90%; margin:auto; overflow:hidden;}
.zl_btn2 div{text-align:center;}
.zl_btn2 div img{ width:70%; margin-bottom:1em;}

.zl_btn3 div{ width:50%; float:left; text-align:center;}
.zl_btn3 div img{ width:90%; border:1px solid #eee; margin-bottom:0.5em;}
.ba_btn4 div{ width:45%; float:left; text-align:center; color:#515151; background-color:#fff; margin:2%; border-radius:1em; border:1px solid #eee;}
.ba_btn4 div img{ width:50%;  margin-top:0.8em;}
.ba_btn4 div p{ margin-bottom:1em;}
.zl_btn9 div{ width:33%; float:left; font-size:0.8em; line-height:200%; text-align:center; padding-bottom:25px;}
.zl_btn9 div img{ width:50%; }
#slide2{height:16em;}
.zl_fangyuan{ width:94%; padding:3%;  border-bottom:1px solid #ddd;}
.zl_fangyuan H3{ font-weight:600; color:#333;}
.uptime{ color:#999; font-size:0.8em; font-weight:normal; text-align:left; width:95%; clear:both; margin:auto; margin-top:10px; }
.zl_fangyuan ul{ overflow:hidden;}
.zl_fangyuan ul li{ width:33%; float:left; list-style:none; text-align:center; color:#FA5151; font-size:1.2em; font-weight:bold; }
.zl_fangyuan ul li p{ color:#999; font-size:0.6em; font-weight:normal; }
.zl_lrline{ border-left:1px solid #ddd; border-right:1px solid #ddd;}
.zl_contact_a{ width:75%; float:left;}
.zl_contact_b{ width:23%; float:left;}
.zl_contact_c{ width:2%; float:right;}
.zl_contact_a p{font-size:1em; line-height:140%;}
.zl_contact_a p strong{ color:#FA5151; font-size:1.2em;}
.zl_contact_a p span{ color:#999; font-size:0.8em;}
.zl_contact_a .zl_headpic{width:3em; height:3em; border-radius:100%; float:left; margin:0 0.5em;}


/*搜索查询外框*/
.search_area{ width:80%; margin:auto; border:2px solid #ddd; background-color:#fff; border-radius:0.5em; -webkit-box-shadow: 0 0 15px 5px #eee; -moz-box-shadow: 0 0 15px 5px #eee; box-shadow: 0 0 15px 5px #eee; padding:1em;}
.search_area p{ text-align:center; font-size:1.3em; color:#444;}
.zl_qygo {font-size:2.8em; color:#11B2D1; float:right;}
.zl_xiala{background-color:#f5f5f5; overflow:hidden; border-bottom:1px solid #ddd; font-size:14px; padding:5px; color:#666;}
.vricon{ height:0.8em; margin-right:0.2em;}

/*图集-点击看大图全屏轮播 配合zoom.min.js*/
.gallery li{ list-style:none;}
#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.8);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}
#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#fff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0,0,0,.3);border-radius:4px}
#zoom .content.loading{background-image:url(/images/loading.gif)}
#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,.25);border-radius:4px}
#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url(/images/close.png) no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 4px}
#zoom .previous,#zoom .next{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}
#zoom .previous{left:0;background:url(/images/arrows.png) no-repeat 0 0;border-radius:0 4px 4px 0}
#zoom .next{right:0;background:url(/images/arrows.png) no-repeat 100% 0;border-radius:4px 0 0 4px}
#zoom .close:hover{background-color:#da4f49}
#zoom .previous:hover,#zoom .next:hover{background-color:#08c}

.zoomed > .container{-webkit-filter:blur(3px);filter:blur(3px);}

/*01 备案查询*/
.ba_chaxun{ width:75%; margin:auto;}
.ba_chaxun H3{ font-size:1.8em; font-weight: normal; color:#515151; text-align:center;}
.ba_cxtxt{ text-align:center; color:#333;}
.ba_cxtxt img{ width:25%;}
.ba_input{ width:96%; height:3em; line-height:3em; font-size:1em; padding-left:0.5em; background-color:#fff; border:2px solid #ddd; border-radius:8px;}
.ba_border{ background-color:#fff; border:3px solid #eee; border-radius:10px; padding:1.2em;}

/*04 注销房源*/
.zxfy_main{width:85%; margin:auto; margin-bottom:10px;  background-color:#fff; overflow:hidden; border-radius:10px; border:1px solid #eee; padding:10px;}
.zxfy_menu{font-size:0.8em;  margin-top:-5em; position: relative; }
.zxfy_menu li{ list-style:none; float:left; width:20%; text-align:center;}
.zxfy_menu li img{ width:70%;}

.zxfy_fangy H3{ font-weight:normal; font-size:1.5em; color:#333;}
.zxfy_fangy H5{ font-size:1em; color:#777; font-weight:normal; line-height:180%;}
.zxfy_fangy H5 span{ float:right;}
.zxfy_fangy H4{ font-size:1.2em; color:#444; font-weight:normal;}
.zxfy_fangy H4 span{ color:#FA5151; font-size:1.3em;}

.zxfy_baoming{ background-color:#82C9E0; overflow:hidden; border-radius:6px; padding:.8em .5em; color:#fff;}
.zxfy_btn1{ background-color:#fff; color:#11B2D1; padding:0.5em 1em; border-radius:10px; margin-right:3px;}
.zxfy_btn2{ background-color:#D93600; color:#fff; padding:0.5em 1em; border-radius:10px; margin-right:3px;}
.zxfy_btn3{ background-color:#35A78C; color:#fff; padding:0.5em 1em; border-radius:10px; margin-right:3px;}
.zxfy_btn4{ background-color:#888; color:#fff; padding:0.5em 1em; border-radius:10px; margin-right:3px;}

.zxfy_wangqi div{ width:40%; float:left;}
.placeholder {margin: 5px; padding: 0 10px; background-color: #ebebeb; height: 2.3em; line-height: 2.3em; text-align: center; color: #666; }

/*05预约查询*/
.yyue_btn,.my_btn{ width:95%; margin:auto;}
.yyue_btn div{width:33%; float:left; text-align:center; padding-bottom:10px;}
.yyue_btn div img{ width:90%;}
.yyue_headpic { width:30%; text-align:center;}
.yyue_headpic img{ width:5em; height:5em; border-radius:100%;}
.yyue_main {width:85%; margin:auto; background-color:#fff; overflow:hidden; border-radius:10px; padding:10px; font-size:1em;}
.yyue_main td{ border:0;}
.yyue_main strong{ font-size:1.5em; color:#FEB11E; font-weight:normal;}
.xuxian{ height:1px; border-bottom:1px dashed #ccc; width:90%; margin:auto; clear:both;}
.yyue_login{ width:90%; margin:auto; margin-top:1em; }
.yyue_login li{ list-style:none; width:50%; text-align:center;}
.yyue_login li a{ width:95%; margin:auto; }

.yyxuzhi{ padding:1em 0; font-size:1em; line-height:180%; height:25em; }
.yyflow{overflow-x:hidden;overflow-y:auto}

.yyue_input{ width:100%; margin:0 auto !important; height:3em; line-height:3em; font-size:1em; padding-left:2.8em; background-color:#fff; border:0; border-bottom:1px solid #ddd; }
.icon_sign{display: inline-block;   margin-top: -2.8em; margin-left: 10px;}
.yyue_code{width:40%; float:right; margin-top:-3em;}

/*个人中心*/
.my_topbg{ position:relative;}
.my_profile{ position:absolute; top:1em; left:0; width:100%;}
.my_profile li{ list-style:none;}
.my_headpic { width:70%; text-align:center;}
.my_headpic img{ width:4em; height:4em; border-radius:100%; border:3px solid #ddd; margin:0 1em;}
.my_headpic H3{ color:#FFF; font-size:1.2em; text-align:left; margin-top:.4em;}
.my_headpic p{ font-size:.8em; color:#fff; text-align:left;}
.my_qiandao { width:30%;}
.my_title{ color:#444; margin-left:.5em; font-size:1.4em; font-weight:normal;}
.my_btn div{width:25%; float:left; text-align:center; padding-bottom:10px; font-size:.8em;}
.my_btn li{ list-style:none;}
.my_btn div img{ width:60%;}
.feedb_area{ width:96%; margin:auto; clear:both;}
.feedb_l{ float:left; width:25%; text-align:center;}
.feedb_r{ float:left; width:65%; text-align:left; background-color:#fff; padding:1em; border-radius:10px; border:1px solid #eee; font-size:.9em;  margin-bottom:1em;}
.feed_replay{ background-color:#F7EAD9;}
.my_jifen{ width:82%; margin:10px auto; padding:.5em 0; background-color:#eee; text-align:center; border-radius:10px; border:1px solid #e2e2e2;}
.my_jifen span{ font-size:2em; color:#e43; font-weight:bold;}
.jifen_list{ width: 90%; margin:auto; clear:both;}
.jifen_list ul{ clear:both; border-bottom:1px solid #ddd; overflow:hidden;}
.jifen_list li{ list-style:none; float:left; text-align:center;  font-size:1em; line-height:2.5em; }
.jifen_fs{ width:20%; color:#E43 !important;}
.jifen_fs span{ color:#090 !important;}
.jifen_sj{ width:30%; color:#999; }
.jifen_sx{ width:50%;}
.nonebg{ background:none !important;}
.jifen_content{ width:95%; margin:auto; line-height:200% ; color:#666;}
.jifen_content strong{ font-weight:bold; color:#963;}
.lipin_list{}
.lipin_list li{ list-style:none; width:33%; float:left; text-align:center; font-size:.8em; overflow:hidden; margin-bottom:1em;}
.lipin_list img{width:8em; height:6em; border-radius:10px;}
.weui-jsq{
  margin-top:1.17647059em;
  line-height:1.47058824;
  font-size:17px;
  overflow:hidden;
  position:relative;
}
.weui-jsq:before{
  content:" ";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:1px;
  border-top:1px solid #ddd;
  color:#e5e5e5;
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
  -webkit-transform:scaleY(0.5);
          transform:scaleY(0.5);
  z-index:2;
}
.weui-jsq:after{
  content:" ";
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  height:1px;
  border-bottom:1px solid #ddd;
  color:#e5e5e5;
  -webkit-transform-origin:0 100%;
          transform-origin:0 100%;
  -webkit-transform:scaleY(0.5);
          transform:scaleY(0.5);
  z-index:2;
}
.right-arrow{-webkit-box-flex:1; -webkit-flex:1; flex:1;}
.right-arrow:after{
  content:" ";
  display:inline-block;
  height:6px;
  width:6px;
  border-width:2px 2px 0 0;
  border-color:#C8C8CD;
  border-style:solid;
  -webkit-transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
          transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position:relative;
  top:-2px;
  position:absolute;
  top:50%;
  right:15px;
  margin-top:-4px;
}

.jsjieguo{ width:90%; margin:auto;}
.jsarea{ border-radius:10px; padding:20px; color:#fff;  overflow:hidden;}
.jsrow1{ text-align:center; color:#eee;}
.jsrow2{ text-align:center; font-size:3em; font-weight:bold;}
.jsstxt{ font-size:16px !important;}
.jsinfo li{ width:33%; float:left; list-style:none; text-align:center; color:#eee;}
.jsinfo li strong{ color:#fff;}
.jslist{ font-size:.8em; text-align:center; }
.jslist td,.jslist th{ text-align:center !important; line-height:140% !important;}
.qishu_list{height:18em; overflow: auto;}
.weui-tab-nav li{ list-style:none; width:50%; text-align:center;}
.active_on a{ color:#e43 !important; font-weight: bold !important; }
.active_on{ border-bottom:2px solid #e43; padding-bottom:5px; transition: all ease .3s;}
.zcmulu{width:50px; height:50px; border-radius:100%; background-color:#369CDA; color:#fff; text-align:center; line-height:45px; position: fixed;bottom: 4rem;right: 1rem;z-index: 9999; box-shadow:0 0 9px 3px #ddd;}

/* 动画代码 */

/*左到右*/
@-webkit-keyframes  slider{
    0% {opacity:0; -webkit-transform: translatex(-200px);}
    100% {opacity:1; -webkit-transform: translatex(0px);}
}
@keyframes slider{
    0% {opacity:0; transform: translatex(-200px);}
    100% {opacity:1; transform: translatex(0px);}
}
/*从左到右 1s后进入*/
.left-righta{
animation:slider 5s ease-out 1s forwards;
-webkit-animation:slider 5s ease-out 1s forwards;}
/*从左到右 2s后进入*/
.left-rightb{ 
animation:slider 5s ease-out 2s forwards;
-webkit-animation:slider 5s ease-out 2s forwards;}

/*左到右 幅度小*/
@-webkit-keyframes  slider2{
    0% {opacity:0; -webkit-transform: translatex(-100px);}
    100% {opacity:1; -webkit-transform: translatex(0px);}
}
@keyframes slider2{
    0% {opacity:0; transform: translatex(-100px);}
    100% {opacity:1; transform: translatex(0px);}
}
@-webkit-keyframes  slider3{
    0% {opacity:0; -webkit-transform: translatex(-1200px);}
    100% {opacity:1; -webkit-transform: translatex(0px);}
}
@keyframes slider3{
    0% {opacity:0; transform: translatex(-1200px);}
    100% {opacity:1; transform: translatex(0px);}
}
.left-rightc{ 
animation:slider2 0.5s ease-out 0s forwards;
-webkit-animation:slider2 0.5s ease-out 0s forwards;}

.left-righte{ 
animation:slider2 1s ease-out 0s forwards;
-webkit-animation:slider2 1s ease-out 0s forwards;}

.left-rightd{ 
animation:slider3 3s ease-out 0s forwards;
-webkit-animation:slider3 3s ease-out 0s forwards;}

/*右到左100px*/
@-webkit-keyframes  sliderRTL{
    0% {opacity:0; -webkit-transform: translatex(100px);}
    100% {opacity:1; -webkit-transform: translatex(0px);}
}
@keyframes sliderRTL{
    0% {opacity:0; transform: translatex(100px);}
    100% {opacity:1; transform: translatex(0px);}
}
/*从右到左*/	
.right-lefta{
	animation:sliderRTL 1s ease-out 0.5s forwards;
-webkit-animation:sliderRTL 1s ease-out 0.5s forwards;} 
/*右到左*/ 
.right-leftb{
	animation:sliderRTL 2s ease-out 1.0s forwards;
-webkit-animation:sliderRTL 2s ease-out 1.0s forwards;} 

/*右到左200px*/
@-webkit-keyframes  sliderr{
    0% {opacity:0; -webkit-transform: translatex(200px);}
    100% {opacity:1; -webkit-transform: translatex(0px);}
}
@keyframes sliderr{
    0% {opacity:0; transform: translatex(200px);}
    100% {opacity:1; transform: translatex(0px);}
}
/*右到左*/ 	
.right-leftc{
	animation:sliderr 1s ease-out 1s forwards;
-webkit-animation:sliderr 1s ease-out 1s forwards;} 

/*右到左*/ 	
.right-leftd{
	animation:sliderr 2s ease-out 2s forwards;
-webkit-animation:sliderr 2s ease-out 2s forwards;} 


/*下到上*/
@-webkit-keyframes  up{
    0% {opacity:0; -webkit-transform: translateY(45px);}
    100% {opacity:1; -webkit-transform: translateY(0px);}
}
@keyframes up{
    0% {opacity:0; transform: translateY(45px);}
    100% {opacity:1; transform: translateY(0px);}
}
.downtoupa{
	animation:up 1.5s ease-out 0.5s forwards;
-webkit-animation:up 1.5s ease-out 0.5s forwards;}
.downtoupb{
	animation:up 1.5s ease-out 1s forwards;
-webkit-animation:up 1.5s ease-out 1s forwards;}
.downtoupc{
	animation:up 1.5s ease-out 1.5s forwards;
-webkit-animation:up 1.5s ease-out 1.5s forwards;}
.downtoupd{
	animation:up 1.5s ease-out 2s forwards;
-webkit-animation:up 1.5s ease-out 2s forwards;}

/*上到下*/
@-webkit-keyframes down{
    0% {opacity:0; -webkit-transform: translateY(-45px);}
    100% {opacity:1; -webkit-transform: translateY(0px);}
}
@keyframes down{
    0% {opacity:0; transform: translateY(-45px);}
    100% {opacity:1; transform: translateY(0px);}
}
/*从下到上*/
.sil24{
	animation:down 1.5s ease-out 1.5s forwards;
-webkit-animation:down 1.5s ease-out 1.5s forwards;
}

/*从下往上进入*/
.sil24b{
	animation:down 1.5s ease-out 1.2s forwards;
-webkit-animation:down 1.5s ease-out 1.2s forwards;}
/* 沿Y轴翻转 */
@-webkit-keyframes rotateY {
    0% {-webkit-transform: rotateY(0deg);}
    100% {-webkit-transform: rotateY(360deg);}
}

@keyframes rotateY {
    0% {-webkit-transform: rotateY(0deg);}
    100% {-webkit-transform: rotateY(360deg);}
}

.fanzY{
	animation:rotateY 1.5s ease-out 1.2s forwards;
-webkit-animation:rotateY 1.5s ease-out 1.2s forwards;}

/* 上下来回晃 */
@-webkit-keyframes floatY {
    0% {-webkit-transform: translateY(5px);opacity: 0.8;}
    50% {-webkit-transform: translateY(0);opacity: 1;}
    100% {-webkit-transform: translateY(5px);opacity: 0.8;}
}

@keyframes floatY {
    0% {-webkit-transform: translateY(5px);opacity: 0.8;}
    50% {-webkit-transform: translateY(0);opacity: 1;}
    100% {-webkit-transform: translateY(5px);opacity: 0.8;}
}
 /*上下不停晃动*/
.sil01B{
        animation: floatY 2s ease-out 1.5s infinite forwards;
-webkit-animation: floatY 2s ease-out 1.5s infinite forwards;}
/*上下不停晃动 时间更快*/
.sil01C{
        animation: floatY 2s ease-out 1s infinite forwards;
-webkit-animation: floatY 2s ease-out 1s infinite forwards; 	
	}
/*上下晃动*/
.sil25{
        animation: floatY 1s ease-out 0.5s infinite forwards;
-webkit-animation: floatY 1s ease-out 0.5s infinite forwards;}
	
 /* 左右来回晃 */
@-webkit-keyframes floatX {
    0% {-webkit-transform: translatex(-10px);opacity: 0.8;}
    50% {-webkit-transform: translatex(10px);opacity: 1;}
    100% {-webkit-transform: translatex(-10px);opacity: 0.8;}
}

@keyframes floatX {
    0% {-webkit-transform: translatex(-10px);opacity: 0.8;}
    50% {-webkit-transform: translatex(10px);opacity: 1;}
    100% {-webkit-transform: translatex(-10px);opacity: 0.8;}
}
/*左右晃动*/
.sil01D{
        animation: floatX 2s ease-out 1s infinite forwards;
-webkit-animation: floatX 2s ease-out 1s infinite forwards;	
	}


/*左右晃动*/ 	
.sil27a{
        animation: floatX 2s ease-out 0.1s infinite forwards;
-webkit-animation: floatX 2s ease-out 0.1s infinite forwards;}
  /* 放大 */
@-webkit-keyframes scale {
0% {-webkit-transform:scale(0.2);-ms-transform:scale(0.2);transform:scale(0.2);opacity:0;}

100% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
}   



@keyframes scale {
0% {-webkit-transform:scale(0.2);-ms-transform:scale(0.2);transform:scale(0.2);opacity:0;}

100% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
}

 
 /* 呼吸灯 */
@-webkit-keyframes  opac {
    0% { opacity:0.2;}
    50% { opacity:1;}
    100% { opacity:0.2;}
}
/*呼吸灯*/
    .sil20{
	animation:opac  0.5s ease-out 0.5s  forwards;
-webkit-animation:opac  0.5s ease-out 0.5s  forwards;}
/* 旋转 */
@-webkit-keyframes rotate {
    0% {-webkit-transform: rotate(0deg); opacity:0;}
    100% {-webkit-transform: rotate(360deg); opacity:1;}
}
.sil01A{
	-webkit-animation: rotate 3.2s linear  infinite;
	animation: rotate 3.2s linear  infinite;
}
/*右下角旋转到位置，适合小图*/
.sil06A{
-webkit-animation: rotate 0.5s linear 1.5s 1 forwards ;
animation: rotate 0.5s linear 1.5s 1 forwards;}

/*旋转进入*/ 
.sil28{
	-webkit-animation: rotate 0.5s linear 1.5s 1 forwards ;
animation: rotate 0.5s linear 1.5s 1 forwards;}
/* 旋转放大 */
@-webkit-keyframes rotatetobig {
    0% {-webkit-transform: rotate(0deg);  -webkit-transform: scale(0.2); transform: scale(0.2);  opacity:0;}
    100% {-webkit-transform: rotate(360deg); -webkit-transform: scale(1); transform: scale(1);  opacity:1;}
}
.zooma{
	animation:rotatetobig  0.5s ease-out 0.6s  forwards;
-webkit-animation:rotatetobig  0.5s ease-out 0.6s  forwards;
animation: shake 0.8s linear;}
.zoomb{
	animation:rotatetobig  0.5s ease-out 1.6s  forwards;
-webkit-animation:rotatetobig  0.5s ease-out 1.6s  forwards;
animation: shake 1.2s linear;}
.zoomc{
	animation:rotatetobig  0.5s ease-out 2s  forwards;
-webkit-animation:rotatetobig  0.5s ease-out 2s  forwards;
animation: shake 1.8s linear;}
.zoomd{
	animation:rotatetobig  0.5s ease-out 2.6s  forwards;
-webkit-animation:rotatetobig  0.5s ease-out 2.6s  forwards;
animation: shake 2.2s linear;}

@keyframes shake {
		0%{
			transform: scale(0);
		}
		30%{
			transform: scale(1.2);
		}
		40%{
			transform: scale(0.8);
		}
		50%{
			transform: scale(1.15);
		}
		60%{
			transform: scale(0.9);
		}
		70%{
			transform: scale(1.1);
		}
		80%{
			transform: scale(0.95);
		}
		90%{
			transform: scale(1.05);
		}
		100%{
			transform: scale(1);
		}
	}

.index_m6 li img{
		position: ;
	}
	.index_m6 li img:nth-child(1){
		/*left:-8px;*/
		top:113px;
		left:-1000px;
	}
	.index_m6 li img:nth-child(1).on{
		left:-8px;
		transition: 0.5s 1s;
	}
	.index_m6 li img:nth-child(2){
		/*left:163px;*/
		top:84px;
		left:-1000px;
	}
	.index_m6 li img:nth-child(2).on{
		left:163px;
		transition: 0.5s 0.5s;
	}
	.index_m6 li img:nth-child(3){
		left:310px;
		top:0px;
		animation: shake 0.8s linear;
	}
#animatedBackground {
    		width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /*background: url("/img/liudong.jpg");*/
  background-repeat: repeat;
  background-position: 0 0;
  background-size: auto 100%;
/*adjust s value for speed*/
  animation: animatedBackground 500s linear infinite;
    	}
@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
/*use negative width if you want it to flow right to left else and positive for left to right*/
  to {
    background-position: -10000px 0;
  }
}