@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	font-family:"Microsoft Yahei",宋体,Verdana,Arial,Helvetica,Sans-serif;
	font-weight:normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;	
}


a,a:link,a:visited,a:active{color:#333333; text-decoration:none;}
a:hover{color:#ff0001; text-decoration:underline;}

.cl{clear:both; visibility:hidden; font-size:0px; line-height:0px; width:100%; height:0; padding:0px; margin:0px;}

/*clear float*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}

.red,a.red:link,a.red:visited{color:#a91e23;}
a.red:hover {color:#ff0001;}

.dot{color:#ae1d2c; font-family:"宋体";}

/*header*/
.headerpage{clear:both; width:100%; margin:0 auto 0 auto; padding:0; background:url(images/topbg.gif) repeat-x top #ffffff; position:fixed; z-index:999; box-shadow: 0px 0px 6px 2px #aaa;}
.headerpage:after, .headerpage:before {content: '';display: block;clear: both;height: 0;}

header{ clear:both; margin:8px auto 0 auto; max-width:1200px; background:#ffffff;}
header:after,header:before {content: '';display: block; clear: both; height: 0;}

header .logo{ float:left; width:20%; margin-top:15px;}
header .logo img { width:100%;}

header .headerright{float:right; width:77%; padding:0;border-right:1px solid #eeeeee;}
header .wapnav{float:right; display:none;}


/*主导航*/
.mainnav{ width:98%; padding-left:2%; text-align:center;}
.mainnav:after, .mainnav:before {content:''; display:block; clear:both; height:0;}
.mainnav a,.mainnav a:link,.mainnav a:visited{ text-decoration:none; display:block; float:left; width:14.1%; height:100px; color:#000000; line-height:100px; font-size:15px; text-align:center; border-left:1px solid #eeeeee;	text-decoration:none;	-webkit-transition: background-color 0.5s ;	-moz-transition: background-color 0.5s ;	-o-transition: background-color 0.5s;	transition: background-color 0.5s;}
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{color:#18943b;}

.nav{ display:none;/*clear:both; width:100%; margin:0 auto; top:170px; left:0; overflow:hidden; position:absolute; background:url(images/navbg.png); z-index:99;*/}
.dropdown{ clear:both; max-width:1200px; margin:0 auto; z-index:2000; overflow:hidden;}
.dropdown ul{ text-align:left; padding:20px 0px 20px 0px; overflow:hidden; }
.dropdown a {color:#ffffff; font-size:13px; text-decoration:none; text-align:center; padding:0 20px; }
.dropdown a:link,.dropdown a:visited{ color:#ffffff;}
.dropdown a:hover{color:#ffcc00; text-decoration:none;}



/*Banner大图调用 开始*/
.mainbannerpage{clear:both; width:100%; margin:0 auto; padding-top:108px; background:#FFFFFF; overflow:hidden;}
.mainbannerpage:after, .mainbannerpage:before {content:'';display: block;clear: both;height: 0;}

.imainbanner {width:100%; overflow: hidden; position:relative; height:600px;}
.imainbanner .swiper-slide {position:relative;	text-align:center;}
.imainbanner img {max-width:100%;}


.mainbanner {width:100%; overflow: hidden; position:relative; height:450px;}
.mainbanner .swiper-slide {	position:relative;	text-align:center;}
.mainbanner img {max-width:100%;}
/*Banner大图调用 结束*/


/*内页banner*/
.mainpic {padding-top:108px; margin-bottom:-5px;}
.mainpic img { width:100%;}
.mainpic_bg { height:28px; background:url(images/hbg1.png) repeat-x; margin-top:-1.7%; position: relative; z-index:9}


/*首页样式*/
.ssbg{ clear:both; margin:0 auto; width:100%; background:#1c843a; height:50px; line-height:50px; overflow:hidden;}
.ssbox{ clear:both; margin:0 auto; max-width:1200px;}
.searchbox{ float:left; width:310px;}
.searchbox ul{ float:left; padding:0; width:308px; background:url(images/searchbg.jpg) no-repeat right; height:32px; line-height:32px; margin-top:9px;}
.searchbox ul li{ float:left;}
.searchbox .input{ width:220px; height:30px; line-height:30px; padding:0px 0 0 8px; color:#666666; font-size:14px; border:0; margin-left:30px; background-color:transparent;}
.searchbox .button{ width:50px; height:35px; margin-top:0px; border:0; background-color:transparent;}
.lxfs{ float:right; width:340px; text-align:center; }
.lxfs h2{ float:left; background:url(images/tel.png) left center no-repeat; padding-left:35px; font-size:15px; font-weight:bold; color:#FFF;}
.lxfs h3{ float:left; background:url(images/fax.png) left center no-repeat; padding-left:30px; margin-left:2%;font-size:15px; font-weight:bold; color:#FFF;}

.biaoti{ clear:both; margin:0 auto;  font-size:28px; max-width:1200px; text-align:center; padding-top:2%; }
.biaoti h2{ font-size:28px; font-weight:bold; color:#000;}
.biaoti h2 a { font-size:28px;font-weight:bold; color:#000; }
.biaoti h2 a:hover { text-decoration:none;}
.biaoti h2 span{ color:#1c843a; font-size:28px; font-weight:bold;}
.biaoti h3{ font-size:16px; color:#000; text-transform:uppercase; line-height:30px;}
.biaoti h4{ clear:both; margin:0 auto; width:55px; height:5px; background:#1c843a;}

.imainbox1{clear:both; margin:30px auto; max-width:1200px; overflow:hidden;}
.imainbox1 dl{ float:left; width:63%;}
.imainbox1 dl dt{ float:left; background:url(images/gsjjdh.png) left no-repeat; width:59px; height:160px; padding-left:20px; padding-top:64px; letter-spacing:59px; color:#FFF; font-size:16px; font-weight:bold;}
.imainbox1 dl dd{}
.imainbox1 dl dd h2{ font-size:18px; line-height:40px;}
.imainbox1 dl dd h3{ margin-left:79px; width:90px; height:3px; background:#fbc729;}
.imainbox1 dl dd .jjnr{ font-size:13px; line-height:26px;}
.imainbox1 .jjpic{ float:right; width:35%; text-align:right; }
.morebox{ clear:both; width:100%; text-align:center; padding:20px 0px 20px 0px; }
.morebox a{ background:none; padding:12px 75px; color:#238840; font-size:15px; text-transform:uppercase; border:1px solid #238840; border-radius:50px;}
.morebox a:hover{ background:#238840; color:#FFFFFF; text-decoration:none;}

.imainyq { margin:auto;}
.imainbg2{ clear:both; margin:30px auto; width:100%; background:url(images/lcbg.jpg) no-repeat bottom #1c843a; padding:0; height:485px; overflow:hidden;}
.imainbox2{clear:both; margin:0 auto; max-width:1200px;}
.imainbox2 dl{ float:left; width:7%; margin:0 0.65%; text-align:center;}
.imainbox2 dl.lch1{ background:url(images/dian.png) bottom center no-repeat; padding-bottom:30px;}
.imainbox2 dl.lch1 dt{ font-size:18px; font-weight:bold; margin-top:215px; color:#FFF; line-height:36px;}
.imainbox2 dl.lch1 dd{ font-size:14px; color:#FFF;}

.imainbox2 dl.lch2{ background:url(images/dian.png) top center no-repeat; padding-top:30px; margin-top:285px;}
.imainbox2 dl.lch2 dt{ font-size:18px; font-weight:bold;  color:#000; line-height:36px;}
.imainbox2 dl.lch2 dd{ font-size:14px; color:#000;}

.imainbox2 dl.lch3{ background:url(images/dian.png) bottom center no-repeat; padding-bottom:30px;}
.imainbox2 dl.lch3 dt{ font-size:18px; font-weight:bold; margin-top:215px; color:#FFF; line-height:36px;}
.imainbox2 dl.lch3 dd{ font-size:14px; color:#FFF;}

.imainbox2 dl.lch4{ background:url(images/dian.png) top center no-repeat; padding-top:30px; margin-top:275px;}
.imainbox2 dl.lch4 dt{ font-size:18px; font-weight:bold;  color:#000; line-height:36px;}
.imainbox2 dl.lch4 dd{ font-size:14px; color:#000;}

.imainbox2 dl.lch5{ background:url(images/dian.png) bottom center no-repeat; padding-bottom:30px;}
.imainbox2 dl.lch5 dt{ font-size:18px; font-weight:bold; margin-top:160px; color:#FFF; line-height:36px;}
.imainbox2 dl.lch5 dd{ font-size:14px; color:#FFF;}

.imainbox2 dl.lch6{ background:url(images/dian.png) top center no-repeat; padding-top:30px; margin-top:250px;}
.imainbox2 dl.lch6 dt{ font-size:18px; font-weight:bold;  color:#000; line-height:36px;}
.imainbox2 dl.lch6 dd{ font-size:14px; color:#000;}

.imainbox2 dl.lch7{ background:url(images/dian.png) bottom center no-repeat; padding-bottom:30px;}
.imainbox2 dl.lch7 dt{ font-size:18px; font-weight:bold; margin-top:130px; color:#FFF; line-height:36px;}
.imainbox2 dl.lch7 dd{ font-size:14px; color:#FFF;}

.imainbox2 dl.lch8{ background:url(images/dian.png) top center no-repeat; padding-top:30px; margin-top:220px;}
.imainbox2 dl.lch8 dt{ font-size:18px; font-weight:bold;  color:#000; line-height:36px;}
.imainbox2 dl.lch8 dd{ font-size:14px; color:#000;}

.imainbox2 dl.lch9{ background:url(images/dian.png) bottom center no-repeat; padding-bottom:30px;}
.imainbox2 dl.lch9 dt{ font-size:18px; font-weight:bold; margin-top:100px; color:#FFF; line-height:36px;}
.imainbox2 dl.lch9 dd{ font-size:14px; color:#FFF;}

.imainbox2 dl.lch10{ background:url(images/dian.png) top center no-repeat; padding-top:30px; margin-top:195px;}
.imainbox2 dl.lch10 dt{ font-size:18px; font-weight:bold;  color:#000; line-height:36px;}
.imainbox2 dl.lch10 dd{ font-size:14px; color:#000;}

.imainbox2 dl.lch11{ background:url(images/dian.png) bottom center no-repeat; padding-bottom:30px;}
.imainbox2 dl.lch11 dt{ font-size:18px; font-weight:bold; margin-top:100px; color:#FFF; line-height:36px;}
.imainbox2 dl.lch11 dd{ font-size:14px; color:#FFF;}

.imainbox2 dl.lch12{ background:url(images/dian.png) top center no-repeat; padding-top:30px; margin-top:180px;}
.imainbox2 dl.lch12 dt{ font-size:18px; font-weight:bold;  color:#000; line-height:36px;}
.imainbox2 dl.lch12 dd{ font-size:14px; color:#000;}

.imainbg3{ clear:both; margin:0 auto; width:100%; background:url(images/cpflbg.jpg) center no-repeat #ffffff; overflow:hidden;}
.imainbox3{ clear:both; margin:0 auto; max-width:1200px; padding-top:20px; padding-bottom:20px; overflow:hidden;}
.imainbox3 a{ display:block; float:left; width:23%; text-align:center; margin:1% 1%; overflow:hidden; transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s; text-decoration:none;}
.imainbox3 a:hover{-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px); -o-transform:translateY(-6px);transform:translateY(-6px);}
.imainbox3 a dl{ background:none; padding:10px; border:1px solid #dddddd; border-radius:10px;}
.imainbox3 a dl:hover{ background:#1c843a; }
.imainbox3 dl dt{ clear:both; max-height:130px;}
.imainbox3 dl dd{ clear:both; padding:10px 0; overflow:hidden; }
.imainbox3 dl dd h2{ font-size:20px; line-height:40px;}
.imainbox3 dl dd .cpflnr{ font-size:12px; color:#666666; line-height:20px; height:54px;}
.imainbox3 a dl:hover dd h2{ color:#FFF;}
.imainbox3 a dl:hover dd .cpflnr{ color:#caeed4;}

.imainbg4{ clear:both; margin:0 auto; width:100%; background:url(images/cpnrbg.jpg) bottom no-repeat #ffffff; padding-bottom:5%; overflow:hidden;}
.imainbox4{ clear:both; margin:0 auto; max-width:1220px; padding-top:30px;}
.imainbox4 dl{ float:left; width:21%; margin:0 1%; text-align:center; padding:1%; background:#caeed4; transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s; }
.imainbox4 dl dt{ clear:both;}
.imainbox4 dl dt img{ width:100%; display:block;}
.imainbox4 dl dd{clear:both; margin-top:10px;}
.imainbox4 dl dd h2{ font-size:18px; line-height:40px;}
.imainbox4 dl dd h3{ font-size:14px; color:#555555;}
.imainbox4 dl dd h4{font-size:15px; background:#1c843a; color:#FFF; padding:3% 0; margin:10%; border-radius:3px;}
.imainbox4 dl:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px); -o-transform:translateY(-10px);transform:translateY(-10px); box-shadow: 0px 0px 6px #215931;}

/*首页新闻*/
.imainbg5{ clear:both; margin:0 auto; width:100%; background:url(images/newsbg.jpg) top center repeat-y #f8f8fa; padding:30px 0; overflow:hidden;}
.newsbox{ clear:both; max-width:1200px; margin:30px auto; overflow:hidden;}
.newsbox .xwleft{ float:left; width:48%;}
/*
 * jQuery图片轮播(焦点图)插件
 * Demo: http://ishere.cn/demo/jquery.slidebox/
 */
div.slideBox{ position:relative; width:100%;  overflow:hidden;}
div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox ul.items li a img{ width:100%; margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:40px; background-color:#000; overflow:hidden;}
div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox div.tips div.title a{ color:#FFF; font-size:14px; line-height:40px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%; margin-right:10px;}
div.slideBox div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:10px; height:10px; background-color:#FFF; text-indent:-99999px; margin:15px 0px 0px 5px;}
div.slideBox div.tips div.nums a:hover{ background-color:#f40000;}
div.slideBox div.tips div.nums a.active{ background-color:#f40000;}

.newsbox .xwright{ float:right; background:url(images/shuzi.png) left center no-repeat; width:47%;  margin-right:3%; }
.newsbox .xwright a{ text-decoration:none;}
.newsbox .xwright dl{ clear:both; border-bottom:1px dotted #aaaaaa; padding:20px 0px 20px 100px; overflow:hidden;}
.newsbox .xwright dl dt{ clear:both; overflow:hidden;}
.newsbox .xwright dl dt h2{ float:left; font-size:16px; font-weight:bold; height:40px; line-height:40px; overflow:hidden;}
.newsbox .xwright dl dt span{ float:right; font-size:14px; color:#888888; line-height:40px;}
.newsbox .xwright dl dd{ clear:both; color:#888888; line-height:20px; height:40px; overflow:hidden;}


/*合作图标*/
.imainbox6 { margin:2% auto 3% auto; max-width:1200px; overflow:hidden;  }
/*.imainbox6 ul { width:1300px;}
.imainbox6 li { float:left;width:14.4%; margin-right:1%; border:1px solid #e1e1e1}
.imainbox6 a:hover { text-decoration:none}
.imainbox6 img { width:100%;}*/


/*首页样式 end*/


/*尾*/
.footer{clear:both; width:100%; margin:auto;padding:3% 0; background:#1c843a; overflow:hidden; margin-top:-20px;}
.footerpost { margin:0 auto; max-width:1200px;}
.btmlogo{ float:left; padding:0px;}
.btmlogo .logoimg {text-align:center;}
.btmlogo .lianxi {font-size:13px; color:#fff; line-height:30px;background:url(images/cont.gif) left no-repeat; padding-left:30px; margin-top:10%;}


/*底部导航 */
.fotmenu {float:left; width:66%; border:1px solid #2b8e48; border-top:0px; border-bottom:0px; margin-left:2%; padding-left:2%;}
.fotmenu  ul { float:left; padding:0 3% 0 3%; }
.fotmenu span { font-size:15px; color:#fff; font-weight:bold; line-height:36px; border-bottom:1px solid #33934f}
.fotmenu li { line-height:26px; font-size:13px;}
.fotmenu li font.dot { font-family:宋体;color:#69b57f}
.fotmenu li a { color:#d3ffe0}
.fotmenu li a:hover { color:#ff0001; text-decoration:none}

/*底部商城链接*/
.fotshop { float:right;}
.fotshop img { margin-bottom:10%; width:100%;}


.banquan{clear:both; background:#136729;line-height:40px;  margin:0 auto; color:#fff; font-size:14px; text-align:center;}
.banquan p{line-height:40px;}
.banquan p span{padding-right:20px; display:inline-block;}
.banquan a{ color:#fff;}
.banquan a:hover { color:#ff0001}




/*内页*/
.mainpage{clear:both; width:100%; margin:0px auto 0 auto; padding:0;}
.mainpage:after, .mainpage:before{content: '';display: block;clear: both;height: 0;}
.left{clear:both; overflow:hidden; padding:0 0%; margin:0 auto;}
.right{clear:both; max-width:1200px; margin:0 auto; padding:0 1%; background:#FFF;}	

.mainarea{ position:relative; clear:both; overflow:hidden; padding:10px 0 20px 0; min-height:360px; height:360px;}
[class].mainarea{height:auto;}
.mainarea div.content{font-size:14px; line-height:23px;}

.zoominfo{ clear:both;}
.zoominfo .zoominfoleft{ float:left; }
.zoominfo .zoominforight{ float:left; margin-left:15px; font-size:14px; line-height:25px; }
.zoominfo .zoominforight h3{ font-size:16px; font-weight:bold;}

.midpicarea{border:solid 1px #bbbbbb;z-index:5;cursor:crosshair;}
.bigpicarea{border:solid 1px #bbbbbb;overflow:hidden;position:absolute;z-index:6;}
.viewarea{border:solid 1px #fff;cursor:move; background-color:#999;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute; z-index:10;  }

.zoomsmall{margin-top:8px;}
.zoomsmall ul{clear:both;}
.zoomsmall ul li{float:left; margin:0 2px;}
.zoomsmall ul li img{border:solid 1px #bbbbbb; padding:2px; cursor:pointer;}

/*内页位置*/
.positioninfobox{ clear:both; margin:0 auto; width:100%; background:#eeeeee;  }
.posbox{  max-width:1200px; clear:both; overflow:hidden; margin:0 auto;}
.position{ float:right; padding-right:10px; text-align:right; line-height:40px; color:#000;}
.position a,.position a:link,.position a:visited {color:#000;}
.position a:hover,.position font.active,.position a.active,.position a.active:link,.position a.active:visited{color:#a91e23;}
.positioninfo{ float:left; padding:0px 0 0 10px; line-height:40px; color:#000; font-size:20px;}


/*公司简介标题*/
.menuinfo{ margin:auto; max-width:860px; overflow:hidden; text-align:center;  margin-top:-10%; position: relative; z-index:9; } 
.menuinfo .btlm { float:left; padding:0 1%; list-style:none; text-align:center; margin:auto;}
.menuinfo .btlm:hover {transform: rotateY(360deg);  transition: transform 0.6s;  }
.menuinfo a { color:#000000; line-height:120px; margin:0px 8px; padding:35px 15px; font-size:15px; text-decoration:none; text-align:center; border-radius: 100%;  -moz-border-radius: 50%;  -webkit-border-radius: 50%; -webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;border:8px solid  hsla(0,0%,100%,0.5);background:#e6e6e6; }
.menuinfo a:link,.menuinfo a:visited{background:#e6e6e6;}
.menuinfo a:hover,.menuinfo a.active,.menuinfo a.active:link,.menuinfo a.active:visited{background:#1c843a; color:#FFFFFF; }



/*产品标题*/
.menupro{ margin:auto; max-width:1010px; overflow:hidden; text-align:center;  margin-top:-10%; position: relative; z-index:9;} 
.menupro .btlm { float:left; padding:0 1%; list-style:none; text-align:center; margin:auto;}
.menupro .btlm:hover {transform: rotateY(360deg);  transition: transform 0.6s;  }
.menupro a { color:#000000; line-height:120px; margin:0px 0px; padding:35px 15px; font-size:15px; text-decoration:none; text-align:center; border-radius: 100%;  -moz-border-radius: 50%;  -webkit-border-radius: 50%; -webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;border:8px solid  hsla(0,0%,100%,0.5);background:#e6e6e6; }
.menupro a:link,.menupro a:visited{background:#e6e6e6;}
.menupro a:hover,.menupro a.active,.menupro a.active:link,.menupro a.active:visited{background:#1c843a; color:#FFFFFF; }

/*新闻内页标题*/
.menunews{ margin:auto; max-width:400px; overflow:hidden; text-align:center;  margin-top:-10%; position: relative; z-index:9; } 
.menunews .btlm { float:left; padding:0 1%; list-style:none; text-align:center; margin:auto;}
.menunews .btlm:hover {transform: rotateY(360deg);  transition: transform 0.6s;  }
.menunews a { color:#000000; line-height:120px; margin:0px 8px; padding:35px 15px; font-size:15px; text-decoration:none; text-align:center; border-radius: 100%;  -moz-border-radius: 50%;  -webkit-border-radius: 50%; -webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;border:8px solid  hsla(0,0%,100%,0.5);background:#e6e6e6; }
.menunews a:link,.menunews a:visited{background:#e6e6e6;}
.menunews a:hover,.menunews a.active,.menunews a.active:link,.menunews a.active:visited{background:#1c843a; color:#FFFFFF; }

/*联系方式标题*/
.menu1{ margin:auto; max-width:540px; overflow:hidden; text-align:center;  margin-top:-10%; position: relative; z-index:9; } 
.menu1 .btlm { float:left; padding:0 1%; list-style:none; text-align:center; margin:0px 0px 8px 0px;}
.menu1 .btlm:hover {transform: rotateY(360deg);  transition: transform 0.6s;  }
.menu1 a { color:#000000; line-height:120px; margin:0px 8px; padding:35px 15px; font-size:15px; text-decoration:none; text-align:center; border-radius: 100%;  -moz-border-radius: 50%;  -webkit-border-radius: 50%; -webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;border:8px solid  hsla(0,0%,100%,0.5);background:#e6e6e6; }
.menu1 a:link,.menu1 a:visited{background:#e6e6e6;}
.menu1 a:hover,.menu1 a.active,.menu1 a.active:link,.menu1 a.active:visited{background:#1c843a; color:#FFFFFF; }

/*商务合作标题*/
.menuhz{ margin:auto; max-width:260px; overflow:hidden; text-align:center;  margin-top:-10%; position: relative; z-index:9;} 
.menuhz .btlm { float:left; padding:0 1%; list-style:none; text-align:center; margin:auto;}
.menuhz .btlm:hover {transform: rotateY(360deg);  transition: transform 0.6s;  }
.menuhz a { color:#000000; line-height:120px; margin:0px 8px; padding:35px 15px; font-size:15px; text-decoration:none; text-align:center; border-radius: 100%;  -moz-border-radius: 50%;  -webkit-border-radius: 50%; -webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;border:8px solid  hsla(0,0%,100%,0.5);background:#e6e6e6; }
.menuhz a:link,.menuhz a:visited{background:#e6e6e6;}
.menuhz a:hover,.menuhz a.active,.menu1 a.active:link,.menu1 a.active:visited{background:#1c843a; color:#FFFFFF; }






/*.menu1{ overflow:hidden; text-align:center; margin:20px auto 10px auto; }
.menu1 h2{display:none; }
.menu1 a {color:#000000; line-height:40px; margin:0px 5px; padding:10px 3%; font-size:15px; text-decoration:none; text-align:center; border-radius:20px; -webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menu1 a:link,.menu1 a:visited{background:#e6e6e6;}
.menu1 a:hover,.menu1 a.active,.menu1 a.active:link,.menu1 a.active:visited{background:#a91e23; color:#FFFFFF;}*/


/*.menu2{clear:both;}
.menu2 h3{padding:0; margin-bottom:10px; border:#FF0000 1px solid;float:left; width:20%;}
.menu2 h3 a {color:#000;line-height:32px;padding-left:40px; font-size:14px;text-decoration: none; float:left }
.menu2 h3 a:link,.menu2 h3 a:visited{background-image: url(images/menu1.png);background-repeat:no-repeat; background-position:12px;  }
.menu2 h3 a:hover,.menu2 h3 a.active,.menu2 h3 a.active:link,.menu2 h3 a.active:visited{color: #ff6501;background-image: url(images/menu1a.png);background-repeat: no-repeat;}

.menu2 ul{padding:0px;}
.menu2 li a {color:#000;line-height:32px; padding-left:40px;margin-bottom:8px;text-decoration: none; display:block;}
.menu2 li a:link,.menu2 li a:visited{background-image: url(images/menu1.png);background-repeat:no-repeat; background-position:12px;}
.menu2 li a:hover,.menu2 li a.active,.menu2 li a.active:link,.menu2 li a.active:visited{color: #ff6501;background-image: url(images/menu1a.png);background-repeat:no-repeat;}

*/


.backtop{ text-align:right; margin:10px 0 20px 0;}
.infosearch{ text-align:right; margin-bottom:10px; margin-top:10px; padding:5px 5px 0 0;}
.infosearch input[type="text"]{width:150px;height:23px;border: 1px solid #dddddd;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;padding-left:3px;background-color:#ffffff;}
.infosearch input[type="submit"]{background-color:#11ab85;border: 1px solid #11ab85;height:27px;width:60px;color:#ffffff;font-weight:bold;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}

.infodes{ clear:both; padding:10px 0; line-height:20px;}

.af{ clear:both;}
.af dl{ clear:both;font-size:12px;line-height:23px;}
.af dl dt,.addf dl dd{ float:left;}
.af dl dt{ width:70px; text-align:right;}


/*关于我们内页*/
.about_info { background:#ffffff; padding-top:5%;}
.about_info .content { margin:auto; padding:2% 0; max-width:1200px; line-height:26px; overflow:hidden;}
.about_info .content ul {width:110%; padding-top:2%;}
.about_info .content li { float:left; width:28%; margin-right:3%;}
.about_info .content li img { width:100%;}

.guanggao { margin:auto; max-width:1200px; overflow:hidden; padding:2.5% 0;}
.guanggao .text { float:right; width:30%; background-color:rgba(0,100,45,0.7); padding:5% 2%; color:#fff; line-height:26px;}
.guanggao .text strong { font-size:32px; text-align:center; line-height:76px; display:block; }


/*发展历程*/
.info_dashiji{clear:both; margin:0 auto; width:100%; padding:8% 0 10px 0;}
.dashijiny{ clear:both;  padding:20px 0px; border-bottom:1px dotted #666; overflow:hidden;margin: auto; width:80%; }
.dashijiny .nian{ float:left; text-align:center; width:80px; height:82px; line-height:80px; font-size:26px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;  float:left; background:#1c843a; -moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px; color:#ffffff; }
.dashijiny .nian a{ color:#ffffff; font-size:26px;}
.dashijiny .nian a:hover { text-decoration:none;}
.dashijiny li{ clear:both; list-style:none}
.dashijiny li p{width:82%; float:right; text-align:left;  font-size:18px; line-height:80px; display:block; padding:0 0px 0 38px; margin-left:-38px;  background:url(images/lichengan.png) no-repeat left center; }


/*招聘信息*/
.job_list{clear:both;margin-top:0px;padding:6% 0 10px 0px;}
.job_list ul{clear:both;}
.job_list ol.head{background: #eeeeee;font-size:18px;height:48px;line-height:48px; text-align:center; color:#333333;}
.job_list ol.head span.title{float:left;width:36%; text-align:left; font-size:15px;  font-weight:bold;}
.job_list ol.head span.title a{font-size:18px;font-weight:bold;}
.job_list ol.head span.sex{float:left;width:15%; }
.job_list ol.head span.views{float:left;width:15%; }
.job_list ol.head span.date{float:right;width:15%; text-align:center; }

.job_list ol.info{clear:both; font-size:16px;height:42px;line-height:42px; padding:0 0 0 0px; border-bottom:1px solid #e8e8e8}
.job_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.job_list ol.info a.title{float:left;width:36%;}
.job_list ol.info span.sex{float:left;width:15%;text-align:center;font-size:14px;color:#666666;}
.job_list ol.info span.views{float:left;width:15%;text-align:center;font-size:14px;color:#666666;}
.job_list ol.info span.date{float:right;width:15%;  text-align:center; font-size:14px;color:#666666;}

.search_list {  margin-top:5%;}
.search_list ol.head{background: #eeeeee;font-size:14px;height:30px;line-height:30px; text-align:center; color:#333333;}
.search_list ol.head span.title{float:left;width:65%; font-size:15px; font-weight:bold;}
.search_list ol.head span.title a{font-size:15px; font-weight:bold;}
.search_list ol.head span.views{float:left;width:10%; }
.search_list ol.head span.date{float:right;width:16%; text-align:right; padding:0 25px 0 0;}

.search_list ol.info{clear:both; font-size:12px;height:30px;line-height:30px; padding:0 0 0 10px;}
.search_list ol.bg{background: #f5f5f5; padding:0 0 0 10px;}
.search_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.search_list ol.info a.title{float:left;width:65%;}
.search_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.search_list ol.info span.date{float:right;width:16%;  text-align:right; padding:0 20px 0 0; font-size:12px;color:#666666;}




/*信息*/
.info_list{clear:both;margin-top:0px;padding:0px;}
.info_list ul{clear:both;}
.info_list ul li{ float:left; text-align:center; margin-top:15px;}


.info_listimgwd {clear:both;margin-top:0px;padding:0px; overflow:hidden; padding:6% 0 10px 0; }
.info_listimgwd{clear:both;margin-top:0px;padding:0px; overflow:hidden; padding:6% 0 10px 0;}
.info_listimgwd ul{clear:both; margin-top:10px; }
.info_listimgwd ul li{float:left; width:12%; padding:10px 1% 10px 1%; margin:10px 1% 10px 1%;   text-align:center; line-height:36px;}
.info_listimgwd ul li a{display:block; padding:0px;}
.info_listimgwd ul li img{ width:100%;display:block;border-radius:30px; border:1px solid #dddddd;}



.info_listimg{clear:both;margin-top:0px;padding:0px; overflow:hidden; padding:6% 0 10px 0;}
.info_listimg ul{clear:both; margin-top:10px; }
.info_listimg ul li{float:left; width:23%; padding:10px 1% 10px 1%; text-align:center; line-height:36px;}
.info_listimg ul li a{display:block; padding:0px;}

.info_listimg ul li img{ width:100%;display:block; border:1px solid #dddddd;}
.info_listimg ul li a:hover{text-decoration:none;}
.info_listimg ul li a p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.info_list ol.head{background: #eeeeee;font-size:14px;height:30px;line-height:30px; text-align:center; color:#333333;}
.info_list ol.head span.title{float:left;width:65%; font-size:15px; font-weight:bold;}
.info_list ol.head span.title a{font-size:15px; font-weight:bold;}
.info_list ol.head span.views{float:left;width:10%; }
.info_list ol.head span.date{float:right;width:16%; text-align:right; padding:0 25px 0 0;}

.info_list ol.info{clear:both; font-size:12px;height:30px;line-height:30px; padding:0 0 0 10px;}
.info_list ol.bg{background: #f5f5f5; padding:0 0 0 10px;}
.info_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.info_list ol.info a.title{float:left;width:65%;}
.info_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.info_list ol.info span.date{float:right;width:16%;  text-align:right; padding:0 20px 0 0; font-size:12px;color:#666666;}

.info_list dl{ float:left; width:300px; height:265px; text-align:center; margin:0 25px 15px 25px; }
.info_list dl dd{ height:20px;line-height:20px;}


.info_view{ clear:both;padding:10% 0 10px 0; }
.info_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:26px; padding:15px 0; text-align:center; font-weight:bold;}
.info_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.info_view div.content{padding:0px 5px; font-size:14px;line-height:26px; }
.info_view div.content p{padding:0px 0;}
.info_view img{ max-width:100%;}
.info_view div.atta{font-size:14px;line-height:23px;padding-top:2px;color:#ee7700; font-weight:bold;}
.info_view div.comment{font-size:12px;line-height:23px;padding-top:2px;}

.info_view div.other{ text-align:left; padding-right:0px;}

.info_view .bigimg{ padding:10px 0px; text-align:center;}

.info_commentlist{clear:both;margin-top:0px;padding:0px;}
.info_commentlist h1{background:#eeeeee;font-size:14px;line-height:28px;padding-top:3px;text-align:center;}
.info_commentlist p.name{clear:both; font-weight:bold; padding:3px 0;}
.info_commentlist p.date{clear:both; padding:3px 0; }
.info_commentlist p.content{clear:both; font-size:12px;line-height:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:dotted 1px #ccc;}

.info_commentadd{ padding:5px;}
.info_commentadd p{ padding:3px 0;}
.info_commentadd input[type="text"]{ width:230px;}
.info_commentadd #txtcode{width:80px;}
.info_commentadd textarea{ width:230px;}

.supply_add{ padding:5px;}
.supply_add h2{ padding:5px; background-color:#f0f0f0; text-align:center;}
.supply_add p{ padding:3px 0;}
.supply_add input[type="text"]{ width:230px;}
.supply_add #txtcode{width:80px;}
.supply_add textarea{ width:230px;}

/*产品*/
.product_cate{clear:both;}
.product_cate dl{ clear:both; width:100%; margin-top:10px;}
.product_cate dl dt{ float:left; width:30%;}
.product_cate dl dd{ float:right; width:69%; line-height:21px;}
.product_cate dl strong{ font-size:14px;}

.chanpin_list{ clear:both; padding:6% 0 10px 0; }
.chanpin_list dl{ float:left; width:29%; margin:1% 1%; padding:1%; background:#caeed4;border-radius:0px 0px 55px 0px; overflow:hidden;}
.chanpin_list dl:hover { background:#249745; color:#fff; -webkit-transition: background-color 1.0s ; -moz-transition: background-color 1.0s ; -o-transition: background-color 1.0s; transition: background-color 1.0s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px); -o-transform:translateY(-10px);transform:translateY(-10px);transition: all 0.8s;    -ms-transition: all 0.8s;}
.chanpin_list dl dt{  cursor: pointer;    transition: all 0.6s;    -ms-transition: all 0.8s;}
.chanpin_list dl dt img{ width:100%;}
.chanpin_list dl dt:hover {   transform: scale(1.03);  -ms-transform: scale(1.03); }
.chanpin_list dl dd{  width:100%; color:#1c843a; text-align:center; padding:2% 0 2% 0;}
.chanpin_list dl:hover dd  { color:#fff;}
.chanpin_list dl dd span{ font-size:18px; font-weight:bold;line-height:36px;}
.chanpin_list dl dd a{ display:inline-block; margin-top:10px; background:#1c843a; padding:5px 20px; color:#FFF; border-radius:30px;}
.chanpin_list dl dd p { line-height:23px; height:23px; overflow:hidden;} 

.product_list{clear:both;}
.product_list ul{clear:both;}

/*产品：上图下字*/
.product_list{clear:both; margin-top:0px; padding:0px; overflow:hidden}
.product_list ul{clear:both; margin-top:10px; }
.product_list ul li{float:left; width:23%; padding:5px 1% 5px 1%; text-align:center;line-height:26px;}
.product_list ul li a{display:block; background:#efefef; padding:5% 5%; -webkit-transition: background-color 1.0s ; -moz-transition: background-color 1.0s ; -o-transition: background-color 1.0s; transition: background-color 1.0s; }
.product_list ul li img{ width:100%;display:block;}
.product_list ul li a:hover{text-decoration:none; background:#a91e23; color:#ffffff;}
.product_list ul li p{ text-align:center; margin:5px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



/*产品：列表*/
.product_list ol.head{background: #eeeeee;font-size:14px;height:26px;line-height:26px;padding-top:2px; padding-left:16px;text-align:center; color:#333333;}
.product_list ol.head span.title{float:left;width:60%;}
.product_list ol.head span.views{float:left;width:10%;  }
.product_list ol.head span.date{float:right;width:28%; }

.product_list ol.info{clear:both; font-size:12px;height:27px;line-height:27px;padding:2px 0 1px 16px;padding:1px 0 2px 16px\9;_padding:2px 0 1px 16px; background-image:url(images/bg.gif); background-repeat:no-repeat;}
.product_list ol.bg{background: #f5f5f5;}
.product_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.product_list ol.info a.title{float:left;width:60%; }
.product_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.product_list ol.info span.date{float:right;width:28%; text-align:center;font-size:12px;color:#666666;}

/*产品：左图右字*/
.product_list dl{ clear:both; width:100%; margin-top:10px;}
.product_list dl dt{ float:left; margin-right:10px;}
.product_list dl dd{ float:left; line-height:21px;}
.product_list dl strong{ font-size:14px;}
.product_list dl div.summary{ line-height:20px;}

/*.product_list ol.other,ol.other a,.product ol.other a:link,.product ol.other a:visited { display:block; font-size:12px; height:23px; line-height:23px;}*/
.product_view { padding:6% 0 10px 0;}
.product_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:26px; padding:25px 0; text-align:center; font-weight:bold;}
.product_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.product_view div.bigimg{ text-align:center; padding:10px 0;}
.product_view div.bigimg img{}

.product_view dl{ clear:both;}
.product_view dl dt,.product_view dl dd{ float:left;}
.product_view dl dt{ margin-right:10px; }
.product_view dl dd ul{ clear:both;}
.product_view dl dd li{ clear:both;font-size:12px;line-height:23px;}
.product_view dl dd span,.product_view dl dd p{ float:left;}
.product_view dl dd span{ width:70px; text-align:right;}
.product_view div.atta{font-size:12px;line-height:20px;color:#ee7700;}



.product_viewcart{padding:5px;}
.product_viewcart h2{ padding:5px; background-color:#f0f0f0; text-align:center; font-weight:bold;}
.product_viewcart p{ padding:3px 0; border-bottom:dotted 1px #ccc; margin-bottom:10px; padding-bottom:10px;}
.product_viewcart strong{ font-weight:bold;}
.product_viewcart input[type="text"]{ width:230px;}
.product_viewcart input.pnum{width:80px;}
.product_viewcart textarea{ width:230px;}

/*留言内页*/
.message_add{ padding:8% 0 10px 0;}
.message_add p{ padding:3px 0; float:left; width:50%;}
.message_add input[type="text"]{ width:96%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.message_add #txtcode{width:100px;}
.message_add textarea{ width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.message_list{clear:both; margin-bottom:25px;padding:0px;font-size:12px;line-height:20px; padding:1px;}
.message_list h1.title{background:#ebebeb;font-size:14px;line-height:28px;text-align:center;}
.message_list div.memo{padding:5px 0;}
.message_list div.nickname{text-align:left; padding:3px 0px;}
.message_list div.adddate{text-align:left; padding:3px 0px;}
.message_list div.reply{ padding:5px 0;background-color:#f7f7f7; }

.order_add{ padding:5px;}
.order_add p{ padding:3px 0;}
.order_add input[type="text"]{ width:230px;}
.order_add #txtcode{width:100px;}
.order_add textarea{ width:230px;}


/*人力资源内页*/
.job_add{ padding:5px;}
.job_add p{ padding:3px 0;}
.job_add input[type="text"]{ width:98%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add #txtcode{width:100px;}
.job_add textarea{ width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add select{ height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.joblist{ float:left; width:26%; background:#f6f6f6; margin:1% 0% 0% 2%; margin-bottom:15px; padding:2%;border-radius:0px 0 50px 0; border-top:5px solid #00b161;}
.joblist:hover { background:#00b161; color:#fff;-webkit-transition: background-color 1.0s ;	-moz-transition: background-color 1.0s ;-o-transition: background-color 1.0s;transition: background-color 1.0s;}
.joblist p{ padding:3px 0; text-align:left;}
.joblist p.biaoti{ font-size:18px; line-height:36px; border-bottom:1px solid #6fc69f; margin-bottom:10px;}
.joblist p.biaoti span{ font-size:16px;}
.joblist p.biaoti a{ background:#fff; padding:3px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.joblist p.fabu{ color:#666666;}



/*.joblist{ clear:both; margin-bottom:15px; padding:10px 3px 10px 3px; border-bottom:dotted #333 1px;}
.joblist p{ padding:3px 0;}
.joblist p.biaoti{ font-size:18px; padding-top:6%;}
.joblist p.biaoti span{ font-size:18px;}
.joblist p.biaoti a{ background:#eeeeee; padding:3px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.joblist p.fabu{ color:#666666;}
*/




/*分页*/
.pagelist{clear:both; font-size:14px; line-height:26px; margin-top:10px; text-align:center; color:#333333;}
.pagelist a{color:#363535; text-decoration:none; line-height:26px; margin:5px 2px; border:#CCCCCC solid 1px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; padding:3px 8px;}
.pagelist a:hover{color:#a91e23; text-decoration:none; border:#1c843a solid 1px; background:#f1f1f1;}
.pagelist a.red{color:#ffffff; text-decoration:none; font-weight:bold; background:#1c843a; border:#1c843a solid 1px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagelist a.red:hover{color:#ffffff; text-decoration:none;} 



.plinktop{text-align:right;font-size:12px;line-height:25px; padding-right:8px;}
.plinktop a,.plinktop a:link,.plinktop a:visited { padding:0 3px;color:#363535;  text-decoration:none;}
.plinktop a:hover{color:#ee7700; text-decoration:underline;}
.plinktop a.red,.plinktop a.red:link,.plinktop a.red:visited {color:#ee7700; text-decoration:underline; }
.plinktop a.red:hover{color:#ee7700; text-decoration:underline;} 

.plinkbottom{text-align:center;font-size:14px;line-height:25px;  padding-right:0px; margin:20px 0 0 0;}
.plinkbottom a,.plinkbottom a:link,.plinkbottom a:visited {padding:0 3px;color:#363535;text-decoration:none; }
.plinkbottom a:hover{color:#ee7700; text-decoration:underline;}
.plinkbottom a.red,.plinkbottom a.red:link,.plinkbottom a.red:visited {color:#ee7700; text-decoration:underline; }
.plinkbottom a.red:hover{color:#ee7700; text-decoration:underline;}

.imgborder{ border:#dedede solid 1px;}

.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;

}
.roundabout-moveable-item {
   width:650px;
   height:394px;
   cursor: pointer;
	border:3px solid #ccc;
	border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:4px solid rgba(0, 0, 0, 0.1);
}


/*资料下载列表页*/
.down_list { width:100%;  padding:8% 0 10px 0; overflow:hidden;}
.down_list ul { width:120%;}
.down_list li { float:left; width:36%; background:#f7f7f7; padding:2%;border-radius:10px; margin-right:2%; margin-bottom:2%;}
.down_list li .leftimg { float:left; width:10%; margin-right:2%; }
.down_list li .leftimg img { width:100%;}
.down_list li .rightwz { float:left; width:86%; }
.down_list li a { font-size:18px;}
.down_list li span { color:#9e9e9e; font-size:14px;}

/*新闻内页*/
.info_listxw{clear:both; padding:8% 0 10px 0; display:block; overflow:hidden;}
.info_listxw dl{ clear:both; padding:1.5% 0px; border-bottom:1px dotted #cccccc; overflow:hidden;position: relative;}
.info_listxw dl:before{ content:""; background:#f8f8f8; width:100%; height:100%; position:absolute; left: 0; top: 0;  opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 570ms; }

.info_listxw dl:hover:before {opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.info_listxw dl:hover dt img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.info_listxw dl dt{ float:left; width:20%; text-align:left;position:relative;}
.info_listxw dl dt img { display: block; width:98%; border:0px solid #e6e6e6; height: auto; line-height: 1; transition: 588ms; }
.info_listxw dl dd{ float:right; width:78%; padding-left:2%; position:relative;}
.info_listxw dl dd a.title{ clear:both; display:block; font-size:18px; line-height:24px;}
.info_listxw dl dd .jianyao{ clear:both; font-size:13px; line-height:24px; color:#666666; height:48px; overflow:hidden;}
.info_listxw dl dd .jianyao p{ float:left; color:#666666; text-align:left; }
.info_listxw dl dd .jianyao div{float:left; color:#666666; text-align:left; list-style-type: none;}
.info_listxw dl dd .jianyao font{float:left; color:#666666; text-align:left;}
.info_listxw dl dd .jianyao span{float:left; color:#666666; text-align:left;}
.info_listxw dl dd .jianyao strong{float:left; font-weight:normal;}
.info_listxw dl dd .jianyao a{float:left; color:#666666;}
.info_listxw dl dd .jianyao img{ display:none;}
.info_listxw dl dd .jianyao br{ display:none;}
.info_listxw dl dd .jianyao iframe{ display:none;}
.info_listxw dl dd .newsdate{ clear:both; color:#999999; line-height:26px;}


.info_view_pk{ clear:both;padding:0px 0 10px 0;}
.info_view_pk dl{ clear:both;}
.info_view_pk dl.pkbox1 dt{ float:right; width:30%;}
.info_view_pk dl dt img{ width:100%;}
.info_view_pk dl.pkbox1 dd{ float:left; width:68%;}
.info_view_pk dl.pkbox2 dt{ float:left; width:30%;}
.info_view_pk dl.pkbox2 dd{ float:right; width:68%;}



/*合作商家代码*/
.major-list-outer{}
.major-list{ }
.major-list li{}
.major-list li a, .major-list li a span{width:100%;height:100%;display:block;position:absolute;left:0;top:0}
.front-face{z-index:2; }
.major-list li a span.back-face{z-index:3;background:url(images/png1.png) no-repeat center; display:none; color:#FFFFFF; font-size:16px; text-align:center; }
.major-list li .back-face p{margin:33% 0 0 0;}
.major-list li a{overflow:hidden}
.major-list li a:hover span.back-face{/*z-index:3;*/ display:block;}
.animated {	-webkit-animation-duration: 1s;	   -moz-animation-duration: 1s;	     -ms-animation-duration: 1s;	        animation-duration: 1s;	-webkit-animation-fill-mode: both;	   -moz-animation-fill-mode: both;	     -ms-animation-fill-mode: both;	        animation-fill-mode: both;}
.major-list img { width:100%}

/*隐藏合作商家代码*/

.hzsj_list { display:none;}



/*  */
.index_hd{clear:both; margin:0 auto; max-width:1200px; padding:8% 0; overflow:hidden; }
.index_hd .hd_r ul{clear:both; margin:0; padding:0 ;overflow:hidden;}
.index_hd .hd_r li{float:left; width:14.2%; height:140px; padding:0; border:#dcdddd solid 1px; margin:0 0.5%; display:block; position:relative; }
.index_hd .hd_r li a{text-align:center; cursor:pointer; height:100%}
.index_hd .hd_r li a img{width:100%;}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-ms-keyframes flipInX {
    0% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -ms-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -ms-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-ms-backface-visibility: visible !important;
	-ms-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-ms-keyframes flipOutX {
    0% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
	-webkit-animation-name: flipOutX;

	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-ms-animation-name: flipOutX;
	-ms-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-ms-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	height: 100%;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-ms-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-ms-animation-name: fadeOut;
	animation-name: fadeOut;
	height: 0;
}

@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}
@-ms-keyframes tada {
	0% {-ms-transform: scale(1);}	
	10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}
	100% {-ms-transform: scale(1) rotate(0);}
}
@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 0;}	
	25%, 75% {opacity: 1;}
}
@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 0;}	
	25%, 75% {opacity: 1;}
}
@-ms-keyframes flash {
	0%, 50%, 100% {opacity: 0;}	
	25%, 75% {opacity: 1;}
}
@keyframes flash {
	0%, 50%, 100% {opacity: 0;}	
	25%, 75% {opacity: 1;}
}

@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes bounceInUp {
	0% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateY(-30px);
	}
	
	80% {
		-ms-transform: translateY(10px);
	}
	
	100% {
		-ms-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.animated.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-ms-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes bounceInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateY(30px);
	}
	
	80% {
		-ms-transform: translateY(-10px);
	}
	
	100% {
		-ms-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.animated.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-ms-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(30px);
	}
	
	80% {
		-ms-transform: translateX(-10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-ms-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes bounceInRight {
	0% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(-30px);
	}
	
	80% {
		-ms-transform: translateX(10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-ms-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }

  100% {
  	opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }

  100% {
  	opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes slideInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }

  100% {
  	opacity: 1;
    -ms-transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  100% {
  	opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes slideOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes slideOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-ms-keyframes slideOutLeft {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
  	opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

/* Above all are from animate.css by daneden http://daneden.me/animate/ */

.from-top{
	-webkit-transform-origin: 0% 0%;
	 -moz-transform-origin: 0% 0%;
	  -ms-transform-origin: 0% 0%;
	   transform-origin: 0% 0%;
}

.from-left{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.from-top, .from-left{
	-webkit-animation: enter-clockwise 0.23s ease-out;
	 -moz-animation: enter-clockwise 0.23s ease-out;
	  -ms-animation: enter-clockwise 0.23s ease-out;
	   animation: enter-clockwise 0.23s ease-out;
}

.from-right{
	-webkit-transform-origin: 100% 100%;
	 -moz-transform-origin: 100% 100%;
	  -ms-transform-origin: 100% 100%;
	   transform-origin: 100% 100%;
}

.from-bottom{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.from-right, .from-bottom{
	-webkit-animation: enter-anti-clockwise 0.23s ease-out;
	 -moz-animation: enter-anti-clockwise 0.23s ease-out;
	  -ms-animation: enter-anti-clockwise 0.23s ease-out;
	   animation: enter-anti-clockwise 0.23s ease-out;
}

.to-top{
	-webkit-transform-origin: 0% 0%;
	 -moz-transform-origin: 0% 0%;
	  -ms-transform-origin: 0% 0%;
	   transform-origin: 0% 0%;
}

.to-left{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.to-top, .to-left{
	-webkit-animation: leave-anti-clockwise 0.23s ease-out;
	 -moz-animation: leave-anti-clockwise 0.23s ease-out;
	  -ms-animation: leave-anti-clockwise 0.23s ease-out;
	   animation: leave-anti-clockwise 0.23s ease-out;
}

.to-right{
	-webkit-transform-origin: 100% 100%;
	 -moz-transform-origin: 100% 100%;
	  -ms-transform-origin: 100% 100%;
	   transform-origin: 100% 100%;
}

.to-bottom{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.to-right, .to-bottom{
	-webkit-animation: leave-clockwise 0.23s ease-out;
	 -moz-animation: leave-clockwise 0.23s ease-out;
	  -ms-animation: leave-clockwise 0.23s ease-out;
	   animation: leave-clockwise 0.23s ease-out;
}

@-webkit-keyframes enter-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
}@-moz-keyframes enter-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
}@-ms-keyframes enter-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
}@keyframes enter-clockwise{
	from{
		z-index: 3;
		transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		transform: rotate(0deg);
	}
}

@-webkit-keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(90deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
}@-moz-keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(90deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
}@-ms-keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(90deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
}@keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		transform: rotate(90deg);
	}
	to{
		z-index: 3;
		transform: rotate(0deg);
	}
}

@-webkit-keyframes leave-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(90deg);
	}
}@-moz-keyframes leave-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(90deg);
	}
}@-ms-keyframes leave-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(90deg);
	}
}@keyframes leave-clockwise{
	from{
		z-index: 3;
		transform: rotate(0deg);
	}
	to{
		z-index: 3;
		transform: rotate(90deg);
	}
}

@-webkit-keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(-90deg);
	}
}@-moz-keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(-90deg);
	}
}@-ms-keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(-90deg);
	}
}@keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		transform: rotate(0deg);
	}
	to{
		z-index: 3;
		transform: rotate(-90deg);
	}
}

@-webkit-keyframes slideDown{
	from{
		-webkit-transform: translateY(-75px);
	}
	to{
		-webkit-transform: translateY(0px);
	}
}@-moz-keyframes slideDown{
	from{
		-moz-transform: translateY(-75px);
	}
	to{
		-moz-transform: translateY(0px);
	}
}@-ms-keyframes slideDown{
	from{
		-ms-transform: translateY(-75px);
	}
	to{
		-ms-transform: translateY(0px);
	}
}@keyframes slideDown{
	from{
		transform: translateY(-75px);
	}
	to{
		transform: translateY(0px);
	}
}

@-webkit-keyframes slideUp{
	from{
		-webkit-transform: translateY(0px);
	}
	to{
		-webkit-transform: translateY(-75px);
	}
}@-moz-keyframes slideUp{
	from{
		-moz-transform: translateY(0px);
	}
	to{
		-moz-transform: translateY(-75px);
	}
}@-ms-keyframes slideUp{
	from{
		-ms-transform: translateY(0px);
	}
	to{
		-ms-transform: translateY(-75px);
	}
}@keyframes slideUp{
	from{
		transform: translateY(0px);
	}
	to{
		transform: translateY(-75px);
	}
}

@-webkit-keyframes bounceStrenth {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes bounceStrenth {
	0% {
		opacity: 0;
		-moz-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-moz-transform: scale(1.2);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}
@-ms-keyframes bounceStrenth {
	0% {
		opacity: 0;
		-ms-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-ms-transform: scale(1.2);
	}
	
	100% {
		-ms-transform: scale(1);
	}
}
@keyframes bounceStrenth {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	
	60% {
		opacity: 1;
		transform: scale(1.2);
	}
	
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes bounceBigStrenth {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: scale(1.4);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes bounceBigStrenth {
	0% {
		opacity: 0;
		-moz-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-moz-transform: scale(1.4);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}
@-ms-keyframes bounceBigStrenth {
	0% {
		opacity: 0;
		-ms-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-ms-transform: scale(1.4);
	}
	
	100% {
		-ms-transform: scale(1);
	}
}
@keyframes bounceBigStrenth {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	
	60% {
		opacity: 1;
		transform: scale(1.4);
	}
	
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}
@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}