/******************************
 ** 初始化
 ** power by:www.hnjing.com
 ******************************/

* { margin:0; padding:0;  }
body  { min-width:1000px; font:14px/1.5 "Microsoft Yahei"; color:#666; background:#fff; }
img { border:0px; }
ul,ol { list-style-type:none; }
table { border-collapse:collapse; border-spacing:0; }
input,textarea,select { font:14px/1 "Microsoft Yahei"; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#666; text-decoration:none; cursor:pointer; }
a:hover,a:active { color:#f27201; }
.clear { clear:both; font-size:0px; line-height:0px; height:0px; }
.hidden { display:none; }
.center { text-align:center; }
.autocut { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.ease, .ease * { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
.wrap { width:1000px; margin:0 auto; position:relative; }

/******************************
 ** 个性化
 ******************************/

.header { height:167px; background:url(../images/header.png) center top repeat-x; border-top:3px solid #f27201; }
.header .logo { float:left; width:200px; height:60px; margin:20px 20px 15px 0; }
.header .logo img { display:block; width:265px; height:60px; }
.header .tags { float:left; height:55px; margin:20px 0 0 60px; background:url(../images/tags.png) left center no-repeat; padding:5px 0 0 60px; }
.header .tags strong { display:block; font-size:24px; color:#f27201; height:30px; line-height:30px; }
.header .tags span { display:block; height:20px; line-height:20px; font-size:16px; color:#666; }
.header .sos .submit, .header .sos .pointer { float:right; width:45px; height:45px; background:url(../images/sos.png) center center no-repeat #f27201; border:0; cursor:pointer; display:none; }
.header .sos .pointer { display:block; }
.header .sos .txt { float:right; width:150px; padding:0 10px; height:45px; line-height:45px; border:0; background:#ff992b; color:#FFF; display:none; }
.header .sos .submit:hover { background-color:#ce7322; }
.header .tel { position:absolute; right:0; top:90px; text-align:right; }
.header .tel span { line-height:20px; font-size:16px; color:#f27201; background:url(../images/tel.png) left center no-repeat; padding-left:20px; }
.header .tel strong {display: block;
font-size: 21px;
color: #666;
line-height: 24px; }

.nav { width:100%; clear:both; }
.nav dd { float:left; width:100px; height:72px; margin:0 10px 0 0; position:relative; }
.nav dd a { display:block; }
.nav dd strong, .nav dd span { display:block; white-space:nowrap; }
.nav dd strong { height:30px; line-height:30px; font-size:16px; color:#444; }
.nav dd span { font-size:12px; color:#999; line-height:20px; }
/*
.nav dd.current:before { content:""; width:50px; height:3px; line-height:0; font-size:0; background:#f27201; position:absolute; left:0; bottom:0; }
*/
.nav dd.current { background:url(../images/nav-line.png) left bottom no-repeat; }

.iproduct { width:1000px; height:540px; margin:0 auto; position:relative; }
.iproduct .head { position:absolute; left:50%; top:40px; border:5px solid #666; background:#FFF; width:150px; height:50px; padding:0 20px; margin:0 0 0 -100px; }
.iproduct .head h2 { width:150px; height:40px; line-height:40px; font-size:30px; color:#f27201; background:#FFF; text-align:center; position:relative; top:-15px; }
.iproduct .head p { width:150px; margin:0 auto; position:relative; top:-10px; text-align:center; background:url(../images/rep-ipro.png) center center no-repeat #FFF; }
.iproduct .head span { display:inline-block; padding:0 10px; height:30px; line-height:30px; text-align:center; color:#999; background:#FFF; }
.iproduct .main { position:relative; top:135px; width:100%; height:368px; overflow:hidden; }
.iproduct .list { float:left; position:relative; width:300%; }
.iproduct .list li { width:245px; height:368px; position:relative; float:left; margin:0 7px 20px 0; }
.iproduct .img, .iproduct .inf { background:#ddd; width:100%; height:184px; position:absolute; left:0; }
.iproduct .img img { display:block; width:100%; height:184px; }
.iproduct .inf { background:#f2f2f2; position:absolute; }
.iproduct .inf h3 { width:90%; height:40px; line-height:40px; overflow:hidden; position:absolute; left:5%; top:56px; font-size:16px; text-align:center; }
.iproduct .inf .mo { width:98px; height:28px; line-height:28px; text-align:center; border:1px solid #ccc; color:#ccc; position:absolute; left:50%; top:105px; margin:0 0 0 -50px; font-family:Arial; }
.iproduct .inf .mo:hover { border-color:#f27201; color:#f27201; }
.iproduct .inf .a1, .iproduct .inf .a2 { width:3px; height:20px; position:absolute; background:#f27201; }
.iproduct .inf .b1, .iproduct .inf .b2 { width:20px; height:3px; position:absolute; background:#f27201; }
.iproduct .inf .a1, .iproduct .inf .b1 { left:0; }
.iproduct .inf .a2, .iproduct .inf .b2 { right:0; }
.iproduct .inf .c { width:17px; height:9px; position:absolute; left:50%; margin:0 0 0 -8px; }
.iproduct .even .img { top:0; }
.iproduct .even .inf { bottom:0; }
.iproduct .even .a2, .iproduct .even .a1, .iproduct .even .b2, .iproduct .even .b1 { bottom:0; }
.iproduct .even .c { top:-9px; background:url(../images/ico-sth-up.png) center 0 no-repeat; }
.iproduct .odd .img { bottom:0; }
.iproduct .odd .inf { top:0; }
.iproduct .odd .a2, .iproduct .odd .a1, .iproduct .odd .b2, .iproduct .odd .b1 { top:0; }
.iproduct .odd .c { bottom:-9px; background:url(../images/ico-sth-down.png) center 0 no-repeat; }
.iproduct .prev, .iproduct .next { width:40px; height:40px; background:url(../images/ico-pn.png) 0 0 no-repeat; position:absolute; top:295px; cursor:pointer; }
.iproduct .prev { background-position:0 0; left:-80px; }
.iproduct .next { background-position:0 -40px; right:-80px; }
.iproduct .prev:hover { background-position:-40px 0; }
.iproduct .next:hover { background-position:-40px -40px; }


.inews { width:100%; height:425px; padding-top:30px; background:url(../images/rep-inews.jpg) center top repeat-x #666d68; background-size:cover; }
.inews .head { height:30px; line-height:30px; color:#FFF; margin-bottom:30px; position:relative; }
.inews .head h2 { font-weight:400; font-size:24px; text-shadow:0 0 1px #fff;  color:#f27201;}
.inews .head h2 span { font-size:20px; margin-left:15px; }
.inews .head .mo { position:absolute; right:0; top:0; width:auto; padding:0 20px; height:30px; background:#FFF; border-radius:3px; color:#999; }
.inews .head .mo:hover { color:#f27201; }
.inews .list { width:100%; height:320px; }
.inews .list li { float:left; width:215px; height:290px; margin-right:20px; background:#FFF; border:10px solid #fff; position:relative; left:20px; }
.inews .list li:first-child { margin-right:0; left:0;  }
.inews .list a { display:block; width:175px; height:250px; position:absolute; border:1px solid #ddd; padding:19px; }
.inews .list h3 { height:20px; line-height:20px; overflow:hidden; font-size:14px; margin-bottom:10px; }
.inews .list .date { width:70px; height:40px; font-size:20px; color:#999; border-bottom:1px solid #ddd; margin-bottom:15px; font-family:crtsn; white-space:nowrap; }
.inews .list p { height:120px; line-height:24px; overflow:hidden; color:#666; }
.inews .list .mo { width:35px; height:35px; background:url(../images/ico-mo.png) center 0 no-repeat; position:absolute; right:-1px; bottom:-1px; }
.inews .list li:hover .mo { background-position:center -35px; }

.part-1 { padding:40px 0 60px; }
.iabout { position:relative; top:50px; border:5px solid #999; margin-bottom:50px; width:590px; height:260px; float:left; }
.iabout .head { width:200px; height:; background:#FFF; position:relative; top:-35px; left:250px; padding-left:25px; }
.iabout .head h2 { height:40px; line-height:40px; font-size:30px; color:#f27201; }
.iabout .head span { display:block; height:30px; line-height:30px; }
.iabout .img { position:absolute; left:50px; top:-40px; background:#e5e5e5; }
.iabout .img img { position:relative; left:-15px; top:-15px; width:200px; height:268px; }
.iabout .main { margin:0 0 0 270px; width:280px; position:relative; top:-20px; height:180px; overflow:hidden; line-height:30px; text-indent:2em; text-align:justify; }
.icontact { float:right; width:360px; }
.icontact .head { height:95px; background:url(../images/rep-contact.png) right center no-repeat; margin-bottom:15px; }
.icontact .head h2 { font-size:30px; height:40px; line-height:40px; color:#f27201; font-weight:400; padding:20px 0 0 20px; }
.icontact .head span { display:block; height:30px; line-height:30px; font-size:16px; color:; padding:0 0 0 20px; }
.icontact .tel { margin-bottom:10px; }
.icontact .tel span { font-weight:700; line-height:20px; font-size:16px; color:#f27201; padding-right:25px; background:url(../images/tel2.png) right center no-repeat; }
.icontact .tel strong { display:block; font-size:32px; height:40px; line-height:40px; font-weight:400; }
.icontact .main { height:150px; line-height:30px; }

.footer { width:100%; background:#333; color:#999; }
.footer .wrap { overflow:hidden; padding-top:60px; height:130px; }
.footer dd { float:left; padding:0 0 0 90px; }
.footer .subnav { width:240px; background:url(../images/ico-subnav.png) left top no-repeat; }
.footer .subnav .list { width:100%; overflow:hidden; position:relative; }
.footer .subnav .list li { float:left; width:80px; height:26px; line-height:26px; text-align:center; background:url(../images/subnav-line.png) left center no-repeat; position:relative; left:-12px; }
.footer .keywords { width:200px; margin-left:40px; background:url(../images/ico-keywords.png) left top no-repeat; }
.footer .address { width:210px; margin-left:40px; background:url(../images/ico-map.png) left top no-repeat; }
.footer h2 { font-size:larger; font-weight:400; margin-bottom:5px; }
.footer p { text-align:justify; }

.copyright { width:100%; height:90px; line-height:45px; background:#222; color:#999; }
.copyright .f { height:80px; overflow:hidden;  }
.copyright .r { position:absolute; right:0; top:0; }
.copyright a { color:#999; }
.copyright a:hover { color:#f27201; }

/* 新闻列表 */
.list-news { width:100%; }
.list-news .list { width:100%;  }
.list-news .item { height:40px; line-height:40px; border-bottom:1px dotted #ddd; position:relative;  }
.list-news .item a { padding:0 0 0 20px; background:url(../images/ico-news.png) left center no-repeat;  }
.list-news .item span { position:absolute; right:0; top:0; color:#999;  }

/* 新闻列表 */
.list-news2 { width:100%; }
.list-news2 .list { width:100%;  }
.list-news2 .item { border-bottom:1px solid #e5dccd; position:relative; padding:10px 0;  }
.list-news2 .item h3 { height:30px; line-height:30px; font-size:18px; font-weight:400; overflow:hidden; margin-bottom:5px;  }
.list-news2 .item .summary { height:44px; line-height:22px; overflow:hidden; color:#999; font-size:13px;  }
.list-news2 .item .date { position:absolute; right:0; top:10px; height:30px; line-height:30px; color:#999; }

/* 新闻类详情 */
.page-news { margin-bottom:30px; }
.page-news h1  {  padding:20px 0 10px; text-align:center; font-size:20px; font-family:"microsoft yahei"; line-height:30px;   }
.page-news .mark  { height:20px; line-height:20px;  text-align:center; color:#999;  }
.page-news .mark span  {  margin:0 10px;  }
.page-news .img { width:600px; margin:0 auto; padding:6px; border:2px solid #ddd; }
.page-news .img img { display:block; width:100%; background:#f9f9f9; }

/* 产品列表 */
.list-product { width:100%; overflow:hidden; }
.list-product .list { float:left; width:110%;  }
.list-product .item { float:left; width:245px; height:315px; margin:0 6px 6px 0; background:#f2f2f2; }
.list-product .item a { display:block; position:relative; overflow:hidden; color:#666; padding:20px; }
.list-product .item .img { margin-bottom:30px; }
.list-product .item img {  width:100%; height:144px;}
.list-product .item h3 { height:35px; line-height:35px; overflow:hidden; text-align:center; font-size:20px; margin-bottom:15px; }
.list-product .item .mo { width:98px; height:28px; line-height:28px; text-align:center; border:1px solid #ccc; margin:0 auto; }
.list-product .item:hover { background:#f27201; }
.list-product .item:hover a { color:#FFF; }
.list-product .item:hover .mo { border-color:#f8aa04; }


/* 产品列表2 */
.list-product2 { width:100%; overflow:hidden; }
.list-product2 .list { width:100%;  }
.list-product2 .item { width:100%; height:200px; padding:10px 0; position:relative; overflow:hidden; border-bottom:1px solid #e5dccd; }
.list-product2 .item .img { width:200px; height:150px; float:left; background:#f1f1f1; }
.list-product2 .item .img img { display:block; width:200px; height:150px;  }
.list-product2 .item h3 { margin:0 0 0 215px; height:30px; line-height:30px; font-size:18px;  font-weight:400; margin-bottom:10px; }
.list-product2 .item .summary, .list-product2 .item .price { margin:0 0 0 215px; }
.list-product2 .item .price { height:30px; line-height:30px; color:#bb332d; font-size:16px; margin-bottom:10px; }

/* 产品详情页 */
.page-product { width:100%; }
.page-product .head { border-bottom:1px solid #ddd; margin-bottom:20px; position:relative; }
.page-product h1 { line-height:24px; font-size:18px; font-weight:400; margin:0 170px 10px 0; }
.page-product .date { position:absolute; top:5px; right:0; color:#999; }
.page-product .img { float:left; width:320px; height:240px; background:#f1f1f1; }
.page-product .img img { position:relative; width:100%; height:100%; }
.page-product .inf { float:right; width:310px; height:auto; }
.page-product .inf dd { margin-bottom:10px; }
.page-product .tel { font-size:30px; line-height:30px; }
.page-product .online { padding-top:20px; }
.page-product .online a { display:inline-block; height:40px; line-height:40px; border-radius:3px; padding:0 30px; font-size:18px; background:#bb332d; color:#FFF; }
.page-product .online a:hover { background:#990d07; }
.page-product .article { clear:both; padding-top:20px; }

.page-product .imgr { width:100%; margin-bottom:20px; }
.page-product .imgr img { display:block; width:100%; }


/******************************
 ** 公共
 ******************************/

/* 焦点图 */ 
.banner, .banner ul, .banner img { height:530px; }
.banner, .banner * { -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; }
.banner { width:100%; border-bottom:1px solid #fff; position:relative; z-index:98; overflow:hidden; }
.banner .list { width:100%; }
.banner .list li { width:100%; position:absolute; left:0; top:0; z-index:1; overflow:hidden; background:#FFF; }
.banner .list img { width:1920px; display:block; position:relative; left:50%; margin-left:-960px; top:0; }
.banner .tip { width:100%; height:20px; text-align:center; position:absolute; left:0; bottom:40px; z-index:3; }
.banner .tip span { display:inline-block; width:20px; height:20px; vertical-align:middle; background:url(../images/ico-banner.png) center 0 no-repeat; margin:0 3px; cursor:pointer; border-radius:50%; }
.banner .tip span.cur { background-position:center -20px; }

.minBanner { margin-bottom:40px;  height:300px;}
.minBanner img { width:1920px; margin-left:-960px; height:300px;}

/* 内容区 */
.wrapper { width:1000px; margin:0 auto; }
.container { width:700px; float:right; }
.content { width:660px; padding:20px; border:1px solid #ddd; margin-bottom:20px;  }

/* 网站位置 */
.sitepath { width:100%; height:50px; line-height:50px; overflow:hidden; margin-bottom:20px; border-bottom:3px solid #e17311; position:relative; background:url(../images/rep-sitepath.png) left bottom repeat-x; }
.sitepath h2 { font-size:20px; color:#333; }
.sitepath .io { position:absolute; right:0; top:0; }
.sitepath .io a:hover  {  text-decoration:underline; }

/* 栏目位置 */
.catepath { width:100%; margin-bottom:20px; }
.catepath .list { float:left; width:100%; }
.catepath .list dd { float:left; width:120px; height:38px; line-height:38px; text-align:center; border:1px solid #ddd; margin:0 0 -1px -1px; }
.catepath .list a { display:block; }
.catepath .list dd.current { background:#f27201; border-color:#f27201; position:relative; z-index:1; }
.catepath .list dd.current a { color:#FFF; }

/* 内页侧栏 */
.sidebar { float:left; width:275px; }
.menu { width:100%; margin-bottom:30px; }
.menu .list { width:100%; }
.menu .list dd { margin-bottom:10px; }
.menu .list a { display:block; height:40px; line-height:40px; border:1px solid #ddd; padding:0 0 0 15px; overflow:hidden; }
.menu .list dd.current a, .menu .list dd:hover a { background:#f27201; border-color:#f27201; color:#FFF; }

.leftcon { width:100%; margin-bottom:20px; }
.leftcon .head { width:100%; height:95px; background:url(../images/rep-contact.png) right center no-repeat; overflow:hidden; }
.leftcon .head h2 { font-size:30px; height:40px; line-height:40px; color:#f27201; font-weight:400; padding:20px 0 0 20px; }
.leftcon .head span { display:block; height:30px; line-height:30px; font-size:16px; color:; padding:0 0 0 20px; }
.leftcon .main { line-height:24px; border:1px solid #ddd; border-top:0; padding:20px; line-height:30px; }
.leftcon .online { display:inline-block; height:40px; line-height:40px; padding:0 20px; background:#f27201; color:#fff; border-radius:3px; position:relative; top:10px; margin-bottom:20px; font-size:16px; }
.leftcon .online:hover { background:#d1690e; }

/* 格式化富文本 */
.ig-format { line-height:2; color:#555; overflow:hidden; }
.ig-format img { max-width:100% !important;  }

/* 地图 */
.ig-map  {  width:100%; height:300px;  }
.ig-map .BMap_bubble_title > a  {  background:#e10601; color:#FFF;  }
.ig-map .BMap_bubble_title > a:hover  {  background:#c10905;  }

/* 翻页 */
.pager  {  display:block; width:100%; height:auto; padding:25px 0 25px; text-align:center; clear:both; margin-bottom:5px;  }
.pager span, .pager a {  display:inline-block; border:1px solid #aaa; color:#333; background:#fff; height:30px; line-height:30px; padding:0px 12px; text-decoration:none; margin:0 5px; border-radius:2px;  }
.pager a:hover {  background:#f5f5f5; border-color:#aaa; color:#aaa; text-decoration:none; }
.pager .cur {  background:#fff; border-color:#e35000; font-weight:bold; color:#e35000;  }
.pager span.dot {  background:#8d5248; border-color:#0a6c00; font-weight:bold; color:#fff;  }
.pager span:first-child { display:none; }

/* 上下条数据 */
.ig-link  {  width:100%; height:45px; line-height:45px; margin-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.ig-link p { float:right; width:49%; overflow:hidden; text-align:right; }
.ig-link p:first-child { float:left; text-align:left; }
.ig-link p a:hover  { text-decoration:underline; }

/* 空数据/正在加载 */
.ig-null, .ig-loading { height:60px; line-height:20px;  }

/* 表单 */
.formData { }
.formData tr.item .tip { width:300px; font-size:12px; }
.formData tr.item textarea { width:500px; height:120px; }
.formData .sub { background:#e10601; }
.formData .sub:hover { background:#c10905; }

/* 相关数据 */
.ig-data { width:100%; margin-bottom:50px; }
.ig-data .head { height:40px; line-height:30px; font-size:20px; color:#551513; }
.ig-data .list { width:100%; }
.ig-data .item { float:left; width:221px; margin:0 0 0 15px; border:1px solid #ddd; }
.ig-data .item:first-child { margin-left:0; }
.ig-data .item a { display:block; padding:10px 10px 0; }
.ig-data .item img { display:block; width:100%; height:150px; }
.ig-data .item span { display:block; text-align:center; width:auto; height:45px; line-height:45px; }
.ig-data .item:hover { background:#ddd; }



/******************************
 ** 动画支持
 ******************************/

@-webkit-keyframes flyInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(-100px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}
@keyframes flyInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(-100px);
		   -moz-transform:translateY(-100px);
		    -ms-transform:translateY(-100px);
		        transform:translateY(-100px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		   -moz-transform:translateY(0);
		    -ms-transform:translateY(0);
		        transform:translateY(0);
	}
}
@-webkit-keyframes flyInUp{
	0%{
		opacity:0;
		-webkit-transform:translateY(100px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}
@keyframes flyInUp{
	0%{
		opacity:0;
		-webkit-transform:translateY(100px);
		   -moz-transform:translateY(100px);
		    -ms-transform:translateY(100px);
		        transform:translateY(100px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		   -moz-transform:translateY(0);
		    -ms-transform:translateY(0);
		        transform:translateY(0);
	}
}
@-webkit-keyframes flyInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(1000px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}
@keyframes flyInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(1000px);
		   -moz-transform:translateX(1000px);
		    -ms-transform:translateX(1000px);
		        transform:translateX(1000px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
		   -moz-transform:translateX(0);
		    -ms-transform:translateX(0);
		        transform:translateX(0);
	}
}
@-webkit-keyframes flyOutLeft{
	0%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
	100%{
		opacity:0;
		-webkit-transform:translateX(-500px);
	}
}
@keyframes flyOutLeft{
	0%{
		opacity:1;
		-webkit-transform:translateX(0);
		   -moz-transform:translateX(0);
		    -ms-transform:translateX(0);
		        transform:translateX(0);
	}
	100%{
		opacity:0;
		-webkit-transform:translateX(-500px);
		   -moz-transform:translateX(-500px);
		    -ms-transform:translateX(-500px);
		        transform:translateX(-500px);
	}
}
@-webkit-keyframes sosCircle{
	0%{
		-webkit-transform:translate(0,0);
	}
	12.5%{
		-webkit-transform:translate(-8px,3px);
	}
	25%{
		-webkit-transform:translate(-15px,0);
	}
	37.5%{
		-webkit-transform:translate(-18px,-8px);
	}
	50%{
		-webkit-transform:translate(-15px,-15px);
	}
	65.5%{
		-webkit-transform:translate(-8px,-18px);
	}
	75%{
		-webkit-transform:translate(0,-15px);
	}

	87.5%{
		-webkit-transform:translate(3px,-8px);
	}
	100%{
		-webkit-transform:translate(0,0);
	}
}
@keyframes sosCircle{
	0%{
		-webkit-transform:translate(0,0);
		   -moz-transform:translate(0,0);
		    -ms-transform:translate(0,0);
		        transform:translate(0,0);
	}
	12.5%{
		-webkit-transform:translate(-8px,3px);
		   -moz-transform:translate(-8px,3px);
		    -ms-transform:translate(-8px,3px);
		        transform:translate(-8px,3px);
	}
	25%{
		-webkit-transform:translate(-15px,0);
		   -moz-transform:translate(-15px,0);
		    -ms-transform:translate(-15px,0);
		        transform:translate(-15px,0);
	}
	37.5%{
		-webkit-transform:translate(-18px,-8px);
		   -moz-transform:translate(-18px,-8px);
		    -ms-transform:translate(-18px,-8px);
		        transform:translate(-18px,-8px);
	}
	50%{
		-webkit-transform:translate(-15px,-15px);
		   -moz-transform:translate(-15px,-15px);
		    -ms-transform:translate(-15px,-15px);
		        transform:translate(-15px,-15px);
	}
	65.5%{
		-webkit-transform:translate(-8px,-18px);
		   -moz-transform:translate(-8px,-18px);
		    -ms-transform:translate(-8px,-18px);
		        transform:translate(-8px,-18px);
	}
	75%{
		-webkit-transform:translate(0,-15px);
		   -moz-transform:translate(0,-15px);
		    -ms-transform:translate(0,-15px);
		        transform:translate(0,-15px);
	}
	87.5%{
		-webkit-transform:translate(3px,-8px);
		   -moz-transform:translate(3px,-8px);
		    -ms-transform:translate(3px,-8px);
		        transform:translate(3px,-8px);
	}
	100%{
		-webkit-transform:translate(0,0);
		   -moz-transform:translate(0,0);
		    -ms-transform:translate(0,0);
		        transform:translate(0,0);
	}
}
@-webkit-keyframes rotate{
	0%{
		-webkit-transform:rotate(0);
	}
	100%{
		-webkit-transform:rotate(360deg);
	}
}
@keyframes rotate{
	0%{
		-webkit-transform:rotate(0);
		   -moz-transform:rotate(0);
		    -ms-transform:rotate(0);
		        transform:rotate(0);
	}
	100%{
		-webkit-transform:rotate(360deg);
		   -moz-transform:rotate(360deg);
		    -ms-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
}
@-webkit-keyframes fade{
	0%{
		opacity:0.5;
	}
	20%{
		opacity:0.8;
	}
	40%{
		opacity:0.6;
	}
	60%{
		opacity:0.9;
	}
	80%{
		opacity:0.7;
	}	
	100%{
		opacity:1;
	}
}
@keyframes fade{
	0%{
		opacity:0.5;
	}
	20%{
		opacity:0.8;
	}
	40%{
		opacity:0.6;
	}
	60%{
		opacity:0.9;
	}
	80%{
		opacity:0.7;
	}	
	100%{
		opacity:1;
	}
}
@-webkit-keyframes bigger{
	0%{
		-webkit-transform:scale(1,1);
	}
	100%{
		-webkit-transform:scale(1.2,1.2);
	}
}
@keyframes bigger{
	0%{
		-webkit-transform:scale(1,1);
		   -moz-transform:scale(1,1);
		    -ms-transform:scale(1,1);
		        transform:scale(1,1);
	}
	100%{
		-webkit-transform:scale(1.2,1.2);
		   -moz-transform:scale(1.2,1.2);
		    -ms-transform:scale(1.2,1.2);
		        transform:scale(1.2,1.2);
	}
}
@-webkit-keyframes bounceIn{
	0%,100%,20%,40%,60%,80%{
		/*-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
		transition-timing-function:cubic-bezier(0.215,.61,.355,1)*/
	}
	0%{
		opacity:1;
		-webkit-transform:scale3d(.3,.3,.3);
		transform:scale3d(.3,.3,.3)
	}
	20%{
		-webkit-transform:scale3d(1.1,1.1,1.1);
		transform:scale3d(1.1,1.1,1.1)
	}
	40%{
		-webkit-transform:scale3d(.9,.9,.9);
		transform:scale3d(.9,.9,.9)
	}
	60%{
		opacity:1;
		-webkit-transform:scale3d(1.03,1.03,1.03);
		transform:scale3d(1.03,1.03,1.03)
	}
	80%{
		-webkit-transform:scale3d(.97,.97,.97);
		transform:scale3d(.97,.97,.97)
	}
	100%{
		opacity:1;
		-webkit-transform:scale3d(1,1,1);
		transform:scale3d(1,1,1)
	}
}
@keyframes bounceIn{
	0%,100%,20%,40%,60%,80%{
		/*-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
		transition-timing-function:cubic-bezier(0.215,.61,.355,1)*/
	}
	0%{
		opacity:1;
		-webkit-transform:scale3d(.3,.3,.3);
		-ms-transform:scale3d(.3,.3,.3);
		transform:scale3d(.3,.3,.3)
	}
	20%{
		-webkit-transform:scale3d(1.1,1.1,1.1);
		-ms-transform:scale3d(1.1,1.1,1.1);
		transform:scale3d(1.1,1.1,1.1)
	}
	40%{
		-webkit-transform:scale3d(.9,.9,.9);
		-ms-transform:scale3d(.9,.9,.9);
		transform:scale3d(.9,.9,.9)
	}
	60%{
		opacity:1;
		-webkit-transform:scale3d(1.03,1.03,1.03);
		-ms-transform:scale3d(1.03,1.03,1.03);
		transform:scale3d(1.03,1.03,1.03)
	}
	80%{
		-webkit-transform:scale3d(.97,.97,.97);
		-ms-transform:scale3d(.97,.97,.97);
		transform:scale3d(.97,.97,.97)
	}
	100%{
		opacity:1;
		-webkit-transform:scale3d(1,1,1);
		-ms-transform:scale3d(1,1,1);
		transform:scale3d(1,1,1)
	}
}




/******************************
 ** 自定义字体
 ******************************/

@font-face{
	font-family: "crtsn";
	src: url("../font/crtsn.eot");
	src: url("../font/crtsn.eot?#iefix") format("eot"),
		 url("../font/crtsn.ttf") format("truetype");
}