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

*{ 
	margin:0px; 
	padding:0px;
	border:none;
	color:#333;
	font-size:14px;
	font-family:"Microsoft YaHei",SimSun;
	list-style-type:none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	
}
a{ color:#333; text-decoration:none;}
a:hover{ color:#C21C1F; text-decoration:none;}
body{ padding:66px 0 0 0; background:#F6F6F6;}
body.bg{ background:#FFF;}


.Head{ width:100%; height:66px; float:left; position:fixed; top:0; left:0; z-index:2; background:#FFF;}
.Head .niu{ width:100%; height:1px; float:left; position:absolute; bottom:-1px; left:0; background:rgba(0,0,0,0.06);}
.Head .mian{ width:1000px; height:66px; margin:0 auto; background:#FFF;}
.Head .mian .logo{ height:38px; float:left; padding:14px 0;} 
.Head .mian .logo img{ height:38px;}
.Head ul.nav{ height:66px; float:right;}
.Head ul.nav li{ width:106px; height:18px; float:left; margin:24px 0; position:relative;border-right:1px dashed rgba(0,0,0,0.10);}
.Head ul.nav li a.a{ width:60px; height:60px; float:left; line-height:60px; text-align:center; margin:auto; position:absolute; top:-21px; left:0; right:0; text-align:center;}
.Head ul.nav li a.a.show{ color:#C21C1F;}
.Head ul.nav li .li_main{ display:none;}
.Head ul.nav li.show a.a,
.Head ul.nav li a.a:hover{ color:#C21C1F; border-bottom:3px solid #C21C1F; -webkit-transition:all 0s;-moz-transition:all 0s; transition:all 0s;}
.Head ul.nav li.hover a.a{ color:#C21C1F; border-bottom:3px solid #C21C1F; -webkit-transition:all 0s;-moz-transition:all 0s; transition:all 0s;}

.Head ul.nav li.show .li_main{ width:337px; display:block; position:absolute; top:42px; left:0; padding:20px 0; background:#FFF; box-shadow:2px 2px 4px rgba(0,0,0,0.30);}
.Head ul.nav li.show .li_main a{ width:168px; float:left; line-height:20px; text-align:center; font-size:12px; color:#666; padding:46px 0 0 0;}
.Head ul.nav li.show .li_main a.cp1{ background:url(../Images/st_show_01.png) top no-repeat; background-size:auto 36px;}
.Head ul.nav li.show .li_main a.cp2{ background:url(../Images/st_show_02.png) top no-repeat; background-size:auto 36px; border-left:1px dashed #E7E7E7;}
.Head ul.nav li.show .li_main a:hover{ color:#C21C1F;}


.Footer{ width:100%; float:left; position:relative; z-index:1; background:#1F3237;}
.Footer .link{ width:1000px; height:40px; margin:0 auto; padding:10px 0; position:relative; border-bottom:1px solid #203B42;}
.Footer .link .link_mian{ height:40px; float:left;}
.Footer .link .link_mian u{ height:40px; float:left; line-height:40px; font-size:12px; color:#FFF; text-decoration:none;}
.Footer .link .link_mian a{ height:12px; float:left; line-height:100%; font-size:12px; color:#FFF; margin:14px 0; padding:0 25px; border-right:1px solid #3D5D64;}
.Footer .link .kefu{ width:138px; height:45px; margin:auto; position:absolute; top:0; bottom:0; right:0;}
.Footer p{ width:100%; height:60px; float:left; line-height:60px; text-align:center; font-size:12px; color:#ADB8BB;}




.banner{ width:100%; height:330px; float:left; position:relative; overflow:hidden;}
.banner ul.slides{ height:330px; overflow:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-transform-style:preserve-3d;
	-webkit-transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.banner ul.slides li.slide{ width:100%; height:345px; float:left; clear:none; background-position:center bottom; background-repeat:no-repeat;}
.banner ul.slides li.slide a{ width:100%; height:345px; float:left;}
.banner .slider_nav{ position:absolute; bottom:26px;}
.banner .slider_nav a{ width:8px; height:8px; float:left; margin:0 5px; border-radius:12px; background:#FFF;}
.banner .slider_nav a.item{ background:#FF6600;}


.notice{ width:100%; height:40px; float:left; border-bottom:1px solid #F0F0F0; box-shadow:0 0 10px rgba(0,0,0,0.08);}
.notice .mian{ width:1000px; height:40px; margin:0 auto;}
.notice .mian em{ height:20px; float:left; margin:10px 0; line-height:20px; padding:0 20px 0 0; font-style:normal; font-size:15px; font-weight:bold; border-right:1px dashed #C0C0C0;}
.notice .mian .more{ height:40px; float:right; line-height:40px; font-size:12px; padding:0 15px 0 0; color:#C21C1F; background:url(../Images/more.png) right no-repeat;}
.notice .mian .line{ height:40px; display:block; overflow:hidden; padding:0 0 0 20px;}
.notice .mian .line a{ width:100%; height:40px; float:left; line-height:40px;-webkit-transition: all 0s;-moz-transition: all 0s; transition: all 0s;}
.notice .mian .line a:hover{ color:#C21C1F;}


.product{ width:1025px; display:block; overflow:hidden; margin:0 auto; padding:36px 0;}
.product span{ width:185px; float:left; text-align:center; margin:0 10px; padding:89px 0 19px 0;}
.product span a.bue{ width:100%; height:26px; float:left; font-weight:bold; line-height:26px; letter-spacing:2px; color:#FFF; font-style:normal; padding:10px 0; text-shadow:1px 1px 0 rgba(0,0,0,0.20);}

.product span p{ width:100%; float:left; line-height:1.6em; font-size:12px; color:#FFF; box-sizing:border-box; padding:0 20px 20px 20px;  text-shadow:1px 1px 0 rgba(0,0,0,0.20);}
.product span a.au{ width:70%; height:30px; float:left; line-height:30px; margin:0 15%; border-radius:30px; background:#FFF; box-shadow:4px 4px 10px rgba(194,28,31,0.20);}
.product span a.be{ width:100%; height:40px; float:left; letter-spacing:2px; line-height:40px; font-size:12px; color:#FFF;}

.product span a.au:hover{ color:#FFF; background:#C21C1F;}
.product span a.be:hover{ color:#C21C1F;}

.product span.ct1{ background:#FF8585 url(../Images/st_01.png) center 30px no-repeat;}
.product span.ct2{ background:#FCBD93 url(../Images/st_02.png) center 30px no-repeat;}
.product span.ct3{ background:#F1A7ED url(../Images/st_07.png) center 30px no-repeat;}
.product span.ct4{ background:#8CDBE9 url(../Images/st_08.png) center 30px no-repeat;}
.product span.ct5{ background:#A3DDA5 url(../Images/st_05.png) center 30px no-repeat;}

.product span.ct1:hover{ margin:-20px 10px 0 10px; border-radius:4px; box-shadow:4px 4px 8px #FFCDCD;}
.product span.ct2:hover{ margin:-20px 10px 0 10px; border-radius:4px; box-shadow:4px 4px 8px #F8D9C5;}
.product span.ct3:hover{ margin:-20px 10px 0 10px; border-radius:4px; box-shadow:4px 4px 8px #FFDCFD;}
.product span.ct4:hover{ margin:-20px 10px 0 10px; border-radius:4px; box-shadow:4px 4px 8px #D0F1F7;}
.product span.ct5:hover{ margin:-20px 10px 0 10px; border-radius:4px; box-shadow:4px 4px 8px #CDEDCE;}


.news{ width:100%; float:left; padding:10px 0 20px 0; background:#F6F6F6;}
.news .title{ width:1000px; display:block; overflow:hidden; margin:0 auto; padding:10px 0 0 0; position:relative; text-align:center;}
.news .title em{ width:100%; height:32px; float:left; line-height:32px; font-size:26px; color:#C21C1F; font-style:normal; font-weight:normal;
letter-spacing:2px; margin:0 0 10px 0;}
.news .title i{ width:140px; height:17px; float:left; line-height:17px; color:#C21C1F; position:absolute; top:52px; left:50%; font-size:12px;font-style:normal; font-weight:normal; letter-spacing:1px; margin:0 0 0 -70px; background:#F2F2F2;}
.news .title u{ width:40%; height:1px; float:left; margin:8px 30%; background:#F19D9E;}
.news .title p{ width:100%; float:left; font-size:12px; color:#888; padding:10px 0 0 0;}
.news span.more{ width:100%; height:42px; float:left; padding:10px 0 0 0;}
.news span.more a{ width:220px; height:40px; display:block; overflow:hidden; margin:0 auto; color:#C21C1F; line-height:40px; text-align:center; border:1px solid #C21C1F; border-radius:42px; background:#FFF;}
.news span.more a:hover{ color:#FFF; background:#C21C1F;}


.news .news_mian{ width:1020px; display:block; overflow:hidden; margin:0 auto;}
.news .news_mian a.list{ width:485px; float:left; box-sizing:border-box; padding:15px; margin:20px 10px 0 10px; background:#FFF;
 box-shadow:3px 3px 6px rgba(0,0,0,0.06);}
.news .news_mian a.list img{ width:60px; height:60px; float:left;}

.news .news_mian span.name{ display:block; overflow:hidden; padding:0 0 0 15px;}
.news .news_mian span.name em{ width:100%; height:26px; float:left; line-height:26px; color:#000; font-style:normal; padding:0 0 4px 0; font-size:16px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .news_mian span.name i,.news .news_mian span.name u{ height:14px; float:left; line-height:100%; font-size:12px; color:#999;}
.news .news_mian span.name i{ font-style:normal; padding:0 10px 0 0;}
.news .news_mian span.name u{ border-left:1px solid #E3E3E3; padding:0 0 0 10px; text-decoration:none;}
.news .news_mian p{ height:40px; display:block; overflow:hidden; line-height:20px; font-size:12px; color:#666; text-align:justify; padding:8px 0 0 15px;}
.news .news_mian a:hover{ box-shadow:3px 3px 6px rgba(0,0,0,0.10);}
.news .news_mian a:hover em{ color:#C21C1F;}


.video{ width:1000px; display:block; margin:0 auto; padding:0 0 60px 0;}
.video .title{ width:100%; float:left; padding:30px 0; position:relative; text-align:center;}
.video .title em{ width:100%; height:32px; float:left; line-height:32px; font-size:26px; color:#C21C1F; font-style:normal; font-weight:normal;letter-spacing:2px; margin:0 0 10px 0;}
.video .title i{ width:188px; height:17px; float:left; line-height:17px; color:#C21C1F; position:absolute; top:72px; left:50%; font-size:12px;font-style:normal; font-weight:normal; letter-spacing:1px; margin:0 0 0 -94px; background:#FFF;}
.video .title u{ width:40%; height:1px; float:left; margin:8px 30%; background:#F19D9E;}

.video .title p{ width:100%; float:left; font-size:12px; line-height:1.8em; color:#888; text-align:justify; box-sizing:border-box; font-size:14px; color:#666; padding:20px 0 0 0; text-indent:2em;}

.video .social{ width:960px; display:block; margin:0 auto; overflow:hidden; padding:18px; border:1px solid #F2F2F2; 
box-shadow:6px 6px 20px rgba(0,0,0,0.12);}
.video .social object{ width:940px; float:left;}

.video .mian{ width:352px; height:338px; float:right;}
.video .mian h3{ width:100%; float:left; font-size:24px; line-height:1.4em; padding:30px 0 0 0;}
.video .mian span{ width:100%; float:left; line-height:100%; font-size:12px; color:#888; padding:20px 0 10px 0;}
.video .mian p{ width:100%; float:left; line-height:24px; font-size:14px; text-align:justify; text-indent:2em; padding:10px 0 0 0;}



.seat{ width:1000px; height:30px; display:block; overflow:hidden; margin:0 auto;}

.middle{ width:1000px; min-height:460px; margin:0 auto; display:block; overflow:hidden; position:relative; background:#FFF; box-shadow:0 0 6px rgba(0,0,0,0.10);}
.middle .m_top{ width:100%; height:66px; float:left; position:relative; border-bottom:1px solid #F0F0F0;}
.middle .m_top em{ height:64px; float:left; line-height:64px; color:#C21C1F; letter-spacing:1px; font-weight:bold; position:absolute; top:1px; left:0; font-style:normal; font-size:16px; border-bottom:3px solid #C21C1F;}

.middle span.title{ height:66px; float:right;}
.middle span.title i{ height:66px; float:left; line-height:66px; font-size:12px; color:#888; padding:0 10px; font-style:normal;}
.middle span.title a{ height:66px; float:left; line-height:66px; font-size:12px;}

.middle .zmoan{ width:724px; float:left; padding:0 30px 50px 30px;}
.middle .zmoan span.maosu{ width:100%; float:left; line-height:1.6em; text-indent:2em; font-size:12px;
	color:#888; 
	text-align:justify; 
	padding:20px 0; 
	border-bottom:1px dashed #E7E7E7;
}

.middle ul{ width:724px; float:left;}
.middle ul li{ width:100%; float:left; padding:20px 0; border-bottom:1px dashed #E3E3E3;}
.middle ul li span.pic{ width:160px; height:100px; float:left; margin:0 15px 0 0;}
.middle ul li span.pic img{ width:160px; height:100px; float:left;}

.middle ul li .list{ height:100px; display:block; overflow:hidden;}
.middle ul li .list span.bt{ height:25px; float:left; font-size:16px; font-weight:bold; letter-spacing:1px;}
.middle ul li .list span.name{ width:100%; float:left; padding:6px 0;}
.middle ul li .list span.name i{ height:12px; float:left; line-height:100%; font-size:12px; color:#999; font-style:normal; padding:0 15px 0 0;}
.middle ul li .list span.name u{ float:left; line-height:100%; font-size:12px; color:#999; padding:0 15px; text-decoration:none; border-left:1px solid #E3E3E3;}
.middle ul li .list p{ width:100%; float:left; line-height:1.6em; color:#666; padding:3px 0 0 0; text-align:justify;}



.middle .article{ width:724px; float:left; padding:0 30px 50px 30px;}
.middle .article h1{ width:100%; float:left; line-height:1.4em; padding:30px 0 0 0; font-weight:normal; font-size:24px; text-align:center;}
.middle .article .time{ width:100%; float:left; text-align:center; padding:20px 0; font-size:0; border-bottom:1px dashed #E7E7E7;}
.middle .article .time i,
.middle .article .time u{ height:16px; display:inline-block; line-height:16px; font-size:12px; color:#888;}
.middle .article .time i{ padding:0 15px 0 0; font-style:normal;}
.middle .article .time u{ padding:0 0 0 15px; text-decoration:none; border-left:1px solid #DDD;}

.middle .article .article_mian{ width:100%; float:left;} 
.middle .article .article_mian img{ max-width:100%; display:block; overflow:hidden; margin:0 auto; padding:20px 0 0 0;}
.middle .article .article_mian p{ width:100%; float:left; text-align:justify; padding:20px 0 0 0;}
.middle .article .article_mian *{ font-size:14px !important; line-height:1.8em;}


/* 购买意向 --------------- */
.middle .article dl{ width:724px; float:left;}
.middle .article dl dd{ width:100%; float:left; padding:15px 0; border-bottom:1px dashed #E8E8E8;}
.middle .article dl dd u{ width:100px; float:left; line-height:36px; text-decoration:none;}
.middle .article dl dd b{ width:12px; height:36px; float:left; line-height:36px; color:#C21C1F;}
.middle .article dl dd .pick{ width:612px; height:36px; float:left;}
.middle .article dl dd .pick em{ float:left; line-height:34px; font-style:normal; padding:0 18px; margin:0 11px 0 0; border:1px solid #DBDBDB;}
.middle .article dl dd .pick em.show{ color:#C21C1F; border:1px solid #C21C1F; background:url(../images/yes.png) right bottom no-repeat;}
.middle .article dl dd input{ width:345px; height:34px; float:left; line-height:34px; padding:0 10px; border:1px solid #DBDBDB;}
.middle .article dl dd textarea{ width:345px; height:100px; float:left; line-height:34px; padding:0 10px; border:1px solid #DBDBDB;}
.middle .article dl dd input:focus,
.middle .article dl dd textarea:focus{ border:1px solid #C21C1F; box-shadow:4px 4px 4px rgba(194,28,31,0.26);}
.middle .article dl dt{ display:block; overflow:hidden; padding:20px 0 20px 112px;}
.middle .article dl dt a{ height:45px; float:left; line-height:45px; color:#FFF; padding:0 50px; background:#C21C1F; box-shadow:4px 4px 4px rgba(194,28,31,0.26);}


/* 小导航 --------------- */
.middle .nav{ width:215px; position:absolute; right:0; top:0; bottom:0; border-left:1px solid #E7E7E7; box-shadow:0 -4px 10px rgba(0,0,0,0.10);}
.middle .nav span.mian{ width:100%; float:left;}
.middle .nav span.mian i{ width:176px; height:40px; float:left; line-height:40px; font-style:normal; color:#FFF; padding:0 0 0 41px; 
	margin:0 0 0 -1px; font-weight:bold; text-shadow:1px 1px 1px rgba(0,0,0,0.10);
	background:#C21C1F url(../Images/hone_icon.png) 10px center no-repeat;
}
.middle .nav span.mian a{ width:165px; float:left; line-height:40px; padding:0 0 0 30px; margin:0 10px; border-bottom:1px dashed #F0F0F0; background:url(../Images/jtou.png) left no-repeat;}
.middle .nav span.mian a.show,
.middle .nav span.mian a:hover{ color:#C21C1F; background:url(../Images/jtou_show.png) left no-repeat;}

.middle .nav span.fangs{ width:185px; float:left; padding:10px 15px; margin:-1px 0 0 0; border-top:1px solid #F0F0F0;}
.middle .nav span.fangs em{ width:100%; float:left; line-height:24px; font-style:normal; text-align:justify;}
.middle .nav span.fangs i{ width:100%; float:left; line-height:24px; font-style:normal; text-align:justify; font-size:12px; color:#999;}

/* 页码 --------------- */
.middle .page{ width:100%; height:32px; float:left; line-height:30px; text-align:center; padding:25px 0 0 0; font-size:0;}
.middle .page a{ height:30px; display:inline-block; padding:0 11px; margin:0 3px; color:#C21C1F; border:1px solid #E0E0E0; border-radius:1px;}
.middle .page a.show,
.middle .page a:hover{ height:30px; display:inline-block; margin:0 3px; color:#FFF; background:#C21C1F; border:1px solid #C21C1F;}


/* 客服 --------------- */
.service{ width:980px; height:100px; overflow:hidden; padding:0 0 0 20px; position:relative; margin:0 auto 60px auto; 
	background:#FFF; 
	box-shadow:-2px 0 6px rgba(0,0,0,0.12);
	border-top:1px solid #E7E7E7;
}
.service a.lx{ width:80px; height:80px; float:left; margin:10px 0; text-indent:-999px; background:#C21C1F url(../Images/kf_icon.png) center no-repeat; border-radius:100%;}
.service i{ float:left; position:absolute; top:40px; left:98px; border-left:10px solid #C21C1F; border-bottom:10px solid transparent; border-top:10px solid transparent;}
.service .phone{ height:16px; float:left; padding:42px 0;}
.service .phone a{ height:16px; float:left; line-height:16px; padding:0 25px; border-right:1px solid #999;}
.service .phone u{ height:40px; float:left; padding:0 0 0 20px; text-decoration:none; display:none;}

.service .pic{ width:215px; height:80px; float:right; padding:10px 0; border-left:1px solid #E7E7E7; box-shadow:0 -4px 10px rgba(0,0,0,0.10);}
.service .pic em{ height:40px; float:right; line-height:20px; padding:20px 26px 20px 20px; font-style:normal;}
.service .pic img{ width:80px; height:80px; float:left; margin:0 0 0 16px;}



.bribe{ width:100%; height:100%; float:left; position:fixed; top:0; left:0; z-index:9; background:url(../Images/bg.png);}
.bribe_main{ width:352px; height:506px; float:left; position:absolute; top:50%; left:50%; margin:-253px 0 0 -176px; background:url(../Images/bribe.png);}
.bribe_main a.cai{ width:104px; height:104px; float:left; margin:73px 0 0 124px;}
.bribe_main a.cal{ width:35px; height:35px; float:right; position:absolute; top:-40px; right:-40px; border-radius:40px; background: url(../Images/gb.png) center no-repeat;}
.bribe.show{
	left:-100%;
	animation:ledr .6s;
	-moz-animation:ledr .6s;
	-webkit-animation:ledr .6s;
	-o-animation:ledr .6s;
	animation-fill-mode:both;
	animation-duration:.6s;
}
@keyframes ledr {
	0% { left:0;}
	100% { left:-100%;}
}
@-moz-keyframes ledr {
	0% { left:0;}
	100% { left:-100%;}
}
@-webkit-keyframes ledr {
	0% { left:0;}
	100% { left:-100%;}
}
@-o-keyframes ledr {
	0% { left:0;}
	100% { left:-100%;}
}

.bribe.show .bribe_main{
	animation:hewe .6s;
	-moz-animation:hewe .6s;
	-webkit-animation:hewe .6s;
	-o-animation:hewe .6s;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
}
@keyframes hewe {
	0% {
		top:50%;
		transform:rotate(0) scale(1);
		-webkit-transform:rotate(0) scale(1);
		-moz-transform:rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		-ms-transform:rotate(0) scale(1);
	}
	100% {
		left:200%;
		top:100%;
		transform:rotate(360deg) scale(0);
		-webkit-transform:rotate(360deg) scale(0);
		-moz-transform:rotate(360deg) scale(0);
		-o-transform:rotate(360deg) scale(0);
		-ms-transform:rotate(360deg) scale(0);
	}
}
@-moz-keyframes hewe {
	0% {
		top:50%;
		transform:rotate(0) scale(1);
		-webkit-transform:rotate(0) scale(1);
		-moz-transform:rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		-ms-transform:rotate(0) scale(1);
	}
	100% {
		left:200%;
		top:100%;
		transform:rotate(360deg) scale(0);
		-webkit-transform:rotate(360deg) scale(0);
		-moz-transform:rotate(360deg) scale(0);
		-o-transform:rotate(360deg) scale(0);
		-ms-transform:rotate(360deg) scale(0);
	}
}
@-webkit-keyframes hewe {
	0% {
		top:50%;
		transform:rotate(0) scale(1);
		-webkit-transform:rotate(0) scale(1);
		-moz-transform:rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		-ms-transform:rotate(0) scale(1);
	}
	100% {
		left:200%;
		top:100%;
		transform:rotate(360deg) scale(0);
		-webkit-transform:rotate(360deg) scale(0);
		-moz-transform:rotate(360deg) scale(0);
		-o-transform:rotate(360deg) scale(0);
		-ms-transform:rotate(360deg) scale(0);
	}
}
@-o-keyframes hewe {
	0% {
		top:50%;
		transform:rotate(0) scale(1);
		-webkit-transform:rotate(0) scale(1);
		-moz-transform:rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		-ms-transform:rotate(0) scale(1);
	}
	100% {
		left:200%;
		top:100%;
		transform:rotate(360deg) scale(0);
		-webkit-transform:rotate(360deg) scale(0);
		-moz-transform:rotate(360deg) scale(0);
		-o-transform:rotate(360deg) scale(0);
		-ms-transform:rotate(360deg) scale(0);
	}
}

.bribe.hide,.huojan.hide{
	animation:hane .6s;
	-moz-animation:hane .6s;
	-webkit-animation:hane .6s;
	-o-animation:hane .6s;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
}
@keyframes hane {
	0% {
		left:50%;
		transform:rotate(0) scale(1);
		-webkit-transform:rotate(0) scale(1);
		-moz-transform:rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		-ms-transform:rotate(0) scale(1);
	}
	100% { 
		left:-100%;
		transform:rotate(360deg) scale(0);
		-webkit-transform:rotate(360deg) scale(0);
		-moz-transform:rotate(360deg) scale(0);
		-o-transform:rotate(360deg) scale(0);
		-ms-transform:rotate(360deg) scale(0);
	}
}
@-moz-keyframes hane {
	0% {
		left:50%;
		transform:rotate(0) scale(1);
		-webkit-transform:rotate(0) scale(1);
		-moz-transform:rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		-ms-transform:rotate(0) scale(1);
	}
	100% { 
		left:-100%;
		transform:rotate(360deg) scale(0);
		-webkit-transform:rotate(360deg) scale(0);
		-moz-transform:rotate(360deg) scale(0);
		-o-transform:rotate(360deg) scale(0);
		-ms-transform:rotate(360deg) scale(0);
	}
}
@-webkit-keyframes hane {
	0% {
		left:50%;
		transform:rotate(0) scale(1);
		-webkit-transform:rotate(0) scale(1);
		-moz-transform:rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		-ms-transform:rotate(0) scale(1);
	}
	100% { 
		left:-100%;
		transform:rotate(360deg) scale(0);
		-webkit-transform:rotate(360deg) scale(0);
		-moz-transform:rotate(360deg) scale(0);
		-o-transform:rotate(360deg) scale(0);
		-ms-transform:rotate(360deg) scale(0);
	}
}
@-o-keyframes hane {
	0% {
		left:50%;
		transform:rotate(0) scale(1);
		-webkit-transform:rotate(0) scale(1);
		-moz-transform:rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		-ms-transform:rotate(0) scale(1);
	}
	100% { 
		left:-100%;
		transform:rotate(360deg) scale(0);
		-webkit-transform:rotate(360deg) scale(0);
		-moz-transform:rotate(360deg) scale(0);
		-o-transform:rotate(360deg) scale(0);
		-ms-transform:rotate(360deg) scale(0);
	}
}


.huojan{ width:100%; height:100%; float:left; position:fixed; top:0; left:100%; z-index:10; background:url(../Images/bg.png);}
.huojan .remove{ width:300px; float:left; padding:0 0 30px 0; border-radius:6px; position:fixed; top:50%; left:-150%; margin:-150px 0 0 -150px; background:#EE0A3B;}
.huojan .remove span{ width:240px; float:left; padding:30px 30px 15px 30px;}
.huojan .remove img{ width:240px; float:left;}
.huojan .remove em{ width:300px; float:left; line-height:35px; color:#EE0A3B; text-align:center; font-style:normal; background:#FCD155;}
.huojan .remove a.guanbi{ width:35px; height:35px; float:left; position:absolute; top:-18px; right:-18px; border-radius:100%; background: url(../Images/gb.png) center no-repeat;}

.huojan.show{
	left:0;
	animation:remue .6s;
	-moz-animation:remue .6s;
	-webkit-animation:remue .6s;
	-o-animation:remue .6s;
	animation-fill-mode:both;
	animation-duration:1.2s;
}
@keyframes remue{
	0% { left:100%;}
	100% { left:0;}
}
@-moz-keyframes remue {
	0% { left:100%;}
	100% { left:0;}
}
@-webkit-keyframes remue {
	0% { left:100%;}
	100% { left:0;}
}
@-o-keyframes remue {
	0% { left:100%;}
	100% { left:0;}
}

.huojan.show .remove{
	left:50%;
	animation:rem .6s;
	-moz-animation:rem .6s;
	-webkit-animation:rem .6s;
	-o-animation:rem .6s;
	animation-fill-mode:both;
}
@keyframes rem{
	0% { left:-150%;
		transform:rotate(360deg) scale(0);
		-webkit-transform:rotate(360deg) scale(0);
		-moz-transform:rotate(360deg) scale(0);
		-o-transform:rotate(360deg) scale(0);
		-ms-transform:rotate(360deg) scale(0);
	}
	100% { left:50%;
		transform:rotate(0) scale(1);
		-webkit-transform:rotate(0) scale(1);
		-moz-transform:rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		-ms-transform:rotate(0) scale(1);
	}
}
@-moz-keyframes rem {
	0% { left:-150%;
		transform:rotate(360deg) scale(0);
		-webkit-transform:rotate(360deg) scale(0);
		-moz-transform:rotate(360deg) scale(0);
		-o-transform:rotate(360deg) scale(0);
		-ms-transform:rotate(360deg) scale(0);
	}
	100% { left:50%;
		transform:rotate(0) scale(1);
		-webkit-transform:rotate(0) scale(1);
		-moz-transform:rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		-ms-transform:rotate(0) scale(1);
	}
}
@-webkit-keyframes rem {
	0% { left:-150%;
		transform:rotate(360deg) scale(0);
		-webkit-transform:rotate(360deg) scale(0);
		-moz-transform:rotate(360deg) scale(0);
		-o-transform:rotate(360deg) scale(0);
		-ms-transform:rotate(360deg) scale(0);
	}
	100% { left:50%;
		transform:rotate(0) scale(1);
		-webkit-transform:rotate(0) scale(1);
		-moz-transform:rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		-ms-transform:rotate(0) scale(1);
	}
}
@-o-keyframes rem {
	0% { left:-150%;
		transform:rotate(360deg) scale(0);
		-webkit-transform:rotate(360deg) scale(0);
		-moz-transform:rotate(360deg) scale(0);
		-o-transform:rotate(360deg) scale(0);
		-ms-transform:rotate(360deg) scale(0);
	}
	100% { left:50%;
		transform:rotate(0) scale(1);
		-webkit-transform:rotate(0) scale(1);
		-moz-transform:rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		-ms-transform:rotate(0) scale(1);
	}
}