@charset "utf-8";
/* CSS Document */
/*全局样式
---------------------------------------------*/
*{margin:0px;padding:0px; border:0px;}
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{list-style:none; line-height:1.8;}
p , ol, .pro-detail-right { text-align:left;}
fieldset,img{ border:0; }
a{text-decoration:none;}
table{ border-collapse:collapse; border-spacing:0; padding:10px auto;}
td { border:1px solid #999; line-height:1.8; padding:8px;}
th { line-height:2;}
*html{ zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}
(this))}
.clear{clear:both;font-size:0px;height:0px;_height:0px;overflow:hidden; }
em, i { font-style: normal;}
/* Clear Fix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
.filter{filter: alpha(opacity=80); opacity: 0.8;}
/* Hide from IE Mac */ 
.clearfix {display:block;} 
.left{float:left; _display:inline;}
.txt_left { text-align:left; width:100%;}
.right{float:right; _display:inline;}
.ovfl{ overflow:hidden;}
.mar{ margin:0px auto;}
.filter_bg{ filter: alpha(opacity=80); opacity: 0.8; }
.ie6_bg{ background: url(bg.png) no-repeat center;  _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'bg.png', sizingMethod = 'scale');}
/*网站样式
---------------------------------------------*/
body{background:#fff; color:#333; font-family:宋体,'Microsoft YaHei',Arial,Helvetica,'方正兰亭粗黑简体'; font-size: 12px; background:url(bj.jpg) repeat-x;}
a{color:#333;text-decoration:none;cursor :pointer; outline: none;}
address { text-align: left; margin:30px 0; font-size: 1.1em;font-family:宋体,'Microsoft YaHei',Arial,Helvetica,'方正兰亭粗黑简体'; font-style: normal; line-height: 2; }
/* CSS Header */
.top{ width:1200px; height:40px; line-height:40px; margin:0 auto; }
.welcome{padding:0 30px; float:left; }
.lang{ float:right; width:220px; height:40px; line-height:40px; font-size:16px; }
#branch { float:left; line-height: 20px; height: 20px; margin:10px;}
.lang a:link { width:68px; font-size:12px; display:block; float:left; padding-left:40px;}
.mobil {float:left;background-image:url(/images/mobil.png); background-position:left; background-repeat:no-repeat; width:100px;}
.mobil a:link,.mobil a:visited { padding-left:30px; color:#c40411;}
.bg_red { background-color:#c40411;}
.white { color:#FFF;}
#header{ height:140px; position:relative; overflow:hidden;}

.header{ width:1200px; height:99px; z-index:1; position:relative; }
.logo { margin:30px auto auto 40px;}
.phone { margin:20px 40px auto auto;}
.head_img{ margin-top:22px; margin-left:23px; }
.width {width:1200px;}
.tel{ margin-top:22px; margin-left:166px; }
.share{ width:93px; height:99px; background:url(../images/share_01.png) no-repeat;}
.share a{ width:23px; height:20px; margin-top:41px;}
.share_a1{ margin-left:12px;}
.share_a2{ margin-left:23px;}
.bchan{position:relative; }
.pbchan{ height:253px; position:relative;}
/* CSS nav */
#nav{ width:100%; height:45px; position:absolute; z-index:999; top:0px; left:0px; background-color:#005bac;}
.nav{ width:1200px; height:45px; position:relative; }
.nav ul{ margin-left:35px;}
.nav ul li.nav_line{ width:2px; height:45px; background:url(../images/nav_line.png) no-repeat; float:left;}
.nav ul li h3 span{ width:9px; height:6px; background:url(../images/nav_icon.png) no-repeat; position:absolute; top:16px; right:20px;}
.dnav{height:45px;  position:relative; z-index:1;}
.dnav .nLi{ float:left;  position:relative; display:inline;  }
.dnav .nLi h3{ loat:left; font-weight:normal; position:relative;  }
.dnav .nLi h3 a{ width:140px; height:45px; line-height:45px; display:block; text-align:center; font-size:16px;transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; color:#FFF;  font-family:'Microsoft YaHei'; }
.dnav .nLi h3 a:hover{  background-color:#c40411; color:#fff;}
.dnav .selectli{ float:left;  position:relative; display:inline;}
.dnav .selectli h3{ float:left; font-weight:normal; position:relative; }
.dnav .selectli h3 a{ width:154px; height:39px; line-height:39px; display:block; text-align:center; font-size:16px;transition: all 1s;
-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; color:#fff;  font-family:'Microsoft YaHei'; background-color:#005bac; }
.dnav{height:39px;  position:relative; z-index:1;}
.dnav .sub{ display:none; width: 140px; left:0px; text-align:center; top:45px;  position:absolute; z-index:9999;margin-left:0px;   padding:5px 0; background-color:#000; transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); z-index:9999;}
.dnav .sub li{ zoom:1; border-bottom:solid 1px #222; height:28px; line-height:28px;}
.dnav .sub a{ display:block;  font-size:13px;  transition: padding 0.2s ease-in-out;
    -moz-transition: padding 0.2s ease-in-out;
    -webkit-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out; color:#EEE2E2; font-size:13px;font-family:'Microsoft YaHei';}
.dnav .sub a:hover{ color:#005bac;  }
.sub li:hover > a {
	padding-left: 5px;
}

/* CSS banner */
.banner{ width:100%; text-align:center; overflow:hidden; position:relative;}
.pbanner { clear:both; width:1200px; height:345px; text-align:center; padding-top:50px;}
.seprate { height:1px; border-bottom:2px #CCCCCC solid; margin:15px 0;}
.side ul li { font-size:18px; color:#FFF; font-family:'Microsoft YaHei'; background:url(list_bg.jpg) no-repeat; line-height:47px; padding-left:35px; text-align:left;}
.side ul li ul { margin-left:-35px; padding:0;}
.side ul li ul li{ font-size:14px;width:210px; height:47px; margin:3px 0; background:url(ico01.jpg) left no-repeat; padding-left:50px; border:1px solid #CCCCCC; text-align:left; }
.side ul li a { color:#FFF;}
.side ul li ul li a { color:#333333; }
.side ul li ul li a:hover { color:red; }
.right-main { float:left; width:920px; margin:15px 0 15px 15px; border:1px solid #ccc;}


.top_nav{ width:925px; height:50px; background:url(title_bg.jpg) no-repeat left bottom;margin-left:15px;}
.page_title{ float:left; font-size:18px; color:#333; line-height:60px;  font-weight:bolder; overflow:hidden;}
.navigate { float:right; font-size:14px; line-height:60px; padding-right:50px; overflow:hidden;}
.content_list { margin-left:15px; clear:both;}
.content_list dl { padding:15px 0; margin:0; height:200px; background:url(seprate_2.jpg) bottom no-repeat;}
.content_list dl dt {float:left; margin:15px; border:1px solid #CCC; padding:0;}
.content_list dl dt a { margin:0; padding:0;}
.content_list dl dt img { width:228px; margin:3px; height:159px; vertical-align:bottom;}
.content_list dl dd { float:left; width:600px;  padding:15px; line-height:1.8;}
.pager { line-height:50px; text-align:right; padding-right:50px;}
.combox { clear:both; margin-left:15px;  margin-top:30px;}
.combox h2 { background:url(title_bg.jpg) no-repeat bottom left; text-align:left;}
.content { padding-right:15px;}
.content ul {}
.content ul li { float:left; width:185px; margin:15px;}
.content ul li img { width:180px; height:135px; padding:2px; vertical-align:bottom;}

.content p{ margin:0; padding:15px 0; text-indent:30px; text-align:left;}
#placeholder { max-width:100%; height:auto; max-height:300px;}


.pro-detail-left { width:50%; float:left;}
.pro-detail-right { width:48%; float:left; padding-top:20px; padding-bottom:30px; padding-right:2%;}
.table_youshi { width:95%; text-align:center; border-collapse:collapse; margin:20px auto; }



._sum { width:580px; float:left; padding:10px 10px 30px; text-align:left;}
.kase_more{ clear:both; text-align:right;}
.el { text-align:left;}


.attr{ margin:15px 20px 15px 0; text-align:right; width:95%; border-bottom:2px dotted #ccc; line-height:2;}
.artic_nav { margin:15px auto;}


.slideBox{ height:499px; position:relative; margin:0px auto; }
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;}
.slideBox .bd img{ height:499px; display:block;  margin:0px auto;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.slideBox .hd{ height:8px; overflow:hidden; position:absolute; right:50%; bottom:37px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-left:4px;  width:8px; height:8px;  text-align:center; background:url(../images/icon_01.png) no-repeat; cursor:pointer; text-indent:999em; }
.slideBox .hd ul li.on{ background:url(../images/icon_02.png) no-repeat; }
.page_banner{ height:253px; position:absolute;}
/* CSS Main */
.wrap{ width:1200px; height:100%;  overflow:hidden; background-color:#fff; }
#wrap{ width:100%; height:555px; position: relative;z-index:10; background:url(../images/bg3.png) no-repeat bottom center;}
.wrap1{background:url(../images/hbg.png);  margin:0px auto; }
.wrap2{ width:1090px; height:550px;  margin:0px auto; position:relative; }
#page_wrap{ width:1143px; height:541px;  overflow:hidden; border:solid 1px #E7E7E4; background-color:#fff; filter: alpha(opacity=80); opacity: 0.8; margin:0px auto; }
#page_wrap1{ width:100%; position:absolute; z-index:100; top:-37px; left:0px; margin:0px auto;  background:url(../images/page_bg2.jpg) no-repeat right 183px;}
.main{ width:1200px; height:100%;  overflow:hidden; margin:0px auto; background-color:#fff; }
/* CSS Home */
.menu1{ width:1200px; height:45px; line-height:45px; text-align:left;  color:#FFF; overflow:hidden;}
.p_left_50 {padding-left:50px;}
.side { float:left; width:260px; margin-top:15px;}
.productlis_main { width:1200px; margin:0 auto; background:#FFF; height:auto; position:relative;}





#menu{ height:50px; background:#272727 url(../images/bg1.png) repeat-x bottom; margin-top:20px;}
.menu{ width:1200px; height:50px; line-height:50px; overflow:hidden;background:#272727 url(../images/bg1.png) repeat-x bottom; text-align:center;}
.menu a{ color:#928B8B; font-family:'Microsoft YaHei'; font-size:14px; margin:0px 29px;}
.menu a:hover{ color:#fff;}
.video{width:340px; height:210px; margin-top:5px;}
.video_01{width:322px; height:160px; line-height:23px; color:#434343; margin-left:3px;margin-top:16px;}

.about{ width:610px; height:290px; margin-top:40px; margin-left:30px; }
.about_p1{ height:32px; overflow:hidden;}
.more_01{ margin-top:18px; margin-right:4px;font-family:'Microsoft YaHei'; color:#757575;}
.more_01:hover{ color:#D50000;}
.about_a2{ width:162px; height:102px; margin-right:15px; }
.about_a2:hover{ filter:alpha(opacity=80);opacity:0.8;}
.about_a2 img{ max-width:162px; height:102px;}
.about_01{ width:610px; height:240px; line-height:25px; color:#535353; margin-top:15px; text-indent:2em; }

.honor{ width:480px; height:290px; margin-top:40px; margin-left:43px; }

.new{ width:1200px; height:370px; margin:35px auto;}
.news-list { margin-right:15px;}
.fix  li { width:95%; border-bottom:2px dotted #CCC; height:40px; margin:5px auto; line-height:40px; margin-right:30px; text-align:left; }
._d2 { width:150px;}
._more { width:100px; float:right;}





.news{ width:306px; height:370px;}
.news_p1{ height:25px;}
.more_02{ margin-top:7px; margin-right:4px;font-family:'Microsoft YaHei'; color:#757575;}
.more_02:hover{ color:#D50000;}
.news_a1{float:left;}
.news_a2{ float:right; margin-right:50px; color:#262626; margin-top:4px; display:inline;}
.news_a2:hover{ color:#E43E29;}
.news_p2{ height:94px; padding-top:15px;}
.news_p2 a{ padding-left:16px;}
.news_dl{ width:306px; height:190px;  float:left;  margin-top:16px; }
.news_dl dt{ width:306px; height:143px; float:left;}
.news_dl dt a{ width:306px; height:143px; }
.news_dl dt a:hover{ filter:alpha(opacity=80);opacity:0.8;}
.news_dl dt a img{ max-width:306px; height:143px;}
.news_dl dd{ width:306px; height:46px; line-height:46px;  float:left; overflow:hidden;}
.news_dl dd a{color:#000000;font-family:'Microsoft YaHei'; font-size:16px; }
.news_dl dd a:hover{ color:#005bac;}
.news_ul{ width:306px; margin-top:3px;  float:left;}
.news_ul li{width:306px; height:32px; line-height:32px;  float:left; overflow:hidden; text-align:left;}
.news_ul li span{ width:7px; height:6px; background:url(../images/icon_03.png) no-repeat; float:left; margin-top:12px; }
.news_ul li a{  color:#585858; transition: all .5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.news_ul li a:hover{ color:#005bac;}
.new_line{ width:1px; height:365px; background-color:#DEDEDE; overflow:hidden; margin-left:48px; margin-top:5px;}

.jsfw{ width:307px; height:370px;margin-left:57px;}
.jsfw_a1{ width:304px; height:132px; margin-top:23px; background:url(../images/jsfw_02.png) no-repeat;  transition: all .5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.jsfw_a1:hover{ background:url(../images/jsfw_021.png) no-repeat; }
.jsfw_a2{ width:304px; height:132px; margin-top:20px; background:url(../images/jsfw_03.png) no-repeat;  transition: all .5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.jsfw_a2:hover{ background:url(../images/jsfw_031.png) no-repeat; }
.pjsfw_a1{ width:253px; height:118px;  background:url(../images/page_img2.png) no-repeat;  transition: all .5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.pjsfw_a1:hover{ background:url(../images/page_img21.png) no-repeat; }
.pjsfw_a2{ width:253px; height:114px;margin-top:20px; background:url(../images/page_img1.png) no-repeat;  transition: all .5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.pjsfw_a2:hover{ background:url(../images/page_img11.png) no-repeat; }

.chan1{ width:254px; height:216px;  margin-left:34px;}
.chan1_a1{ width:254px; height:104px;}
.chan1_a2{ width:254px; height:104px; margin-top:5px;}

#product{ height:632px; background-color:#F2F2F2; }
.product{ width:1200px; height:632px;background-color:#F2F2F2;}
.pro{ width:253px; height:544px;  margin-top:34px; margin-left:15px; background:#fff;}
.pro h2 { height:80px; line-height:80px; font-size: 30px; text-align:center; color:#FFF; background:#005bac;}
.tel_01{ margin-top:23px; margin-left:32px;}
.contact_adr{ width:220px; height:40px; line-height:40px; margin-bottom:11px; color:#2E9E84; margin-left:32px;}

.products{ width:917px; height:553px; background-color:#fff; margin-top:34px;}
.products_01{ height:250px; margin-top:42px;}
.products_ul{ }
.products_ul li{ width:576px; height:248px; border:solid 1px #F0F0F0; overflow:hidden; background-color:#fff; float:left;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.products_ul li:hover{ border:solid 1px #E43E29; cursor:pointer;}
.products_ul li.lili1{ margin-left:44px; display:inline;}
.products_Scroll_01{ width:206px; height:142px; float:left; margin-top:49px; margin-left:20px;}
.products_Scroll_p1{ width:206px; height:108px;}
.products_Scroll_p1 a{ width:206px; height:108px; float:left;}
.products_Scroll_p1 a:hover{  filter:alpha(opacity=80);opacity:0.8;}
.products_Scroll_p1 img{ max-width:206px; height:108px;}
.products_Scroll_p2{ width:206px; height:34px;}
.products_Scroll_p2 a{ width:123px; height:34px; background-color:#1C5FB8; color:#fff; margin-left:40px; float:left; display:inline; line-height:34px; text-align:center; font-family:'宋体';-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}
.products_Scroll_p2 a:hover{ background-color:#E43E29;}
.products_Scroll_02{ width:282px; height:130px; line-height:22px; margin-left:30px; float:left; margin-top:49px; display:inline; text-indent:2em;}

#talk{ height:270px; background-color:#fff;}
.talk{ width:1200px; height:270px; }
.qq{ width:473px; height:203px; margin-left:4px; margin-top:34px; border-right:solid 1px #EBEBEB;}
.qq_ul{ width:408px; margin-top:34px;  }
.qq_ul li{ width:76px; height:115px; margin-left:60px; float:left; display:inline;text-align:center; overflow:hidden;}
.qq_a1{ width:76px; height:76px;}
.qq_a1 img{width:76px; height:76px; float:left;}
.qq_a2{ width:76px; height:39px; line-height:39px; color:#000; transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}
.qq_a2:hover{ color:#E43E29;}
.qq_p1{ width:473px; float:left; margin-top:13px; text-align:center; color:#585858; font-family:'宋体';}
.qq_p2{ width:473px; float:left; margin-top:5px; text-align:center; color:#585858; font-family:'宋体';}
.weixin{ width:400px; margin-top:20px; margin-left:40px;}

.contact_us{ width:237px; height:174px; background:url(../images/con_02.png) no-repeat; margin-top:20px;}
.contact_p1{ height:76px;}
.contact_p1 a{ width:237px; height:76px; display:block;}
.contact_p2{ height:48px; line-height:23px; margin-top:50px; color:#333; padding-left:18px;}

.youshi{ width:1200px; height:515px; position:relative;}
.youshi h2 {text-align:center; font-size:36px; padding-top:40px;}
.larger { font-size:1.5em;}
.youshi_ul{ width:1150px; margin-left:25px;}
.youshi_ul li{ width:570px; height:177px; float:left; position:relative;}
.youshi_ul li div{ position:absolute;}
.youshi_ul li.youshi_li1{ border-bottom:solid 1px #E3E3E3; border-right:solid 1px #E3E3E3; }
.youshi_ul li.youshi_li2{ border-bottom:solid 1px #E3E3E3;}
.youshi_ul li.youshi_li3{  border-right:solid 1px #E3E3E3; }
.youshi_01{ width:425px; height:24px; line-height:24px; font-size:20px; color:#101010;font-family:'方正兰亭粗黑简体','Microsoft YaHei'; top:45px; left:0px;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}
.youshi_02{ width:460px; height:12px; line-height:12px; font-size:10px; color:#B0B0B0;font-family:'aller','Arial'; top:67px; left:0px;}
.youshi_03{ width:425px; height:50px; line-height:21px; font-size:12px; color:#909090; top:85px; left:0px;}
.youshi_04{ width:83px; height:83px; top:50px;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}
.youshi_ul li.youshi_li1 .youshi_04{ right:31px; background:url(cpys_icon1.png) no-repeat;}
.youshi_ul li.youshi_li2 .youshi_04{ left:31px; background:url(cpys_icon2.png) no-repeat;}
.youshi_ul li.youshi_li3 .youshi_04{ right:31px; background:url(cpys_icon3.png) no-repeat;}
.youshi_ul li.youshi_li4 .youshi_04{ left:31px; background:url(cpys_icon4.png) no-repeat;}
.youshi_ul li.youshi_li2 .youshi_01,.youshi_ul li.youshi_li2 .youshi_02,.youshi_ul li.youshi_li2 .youshi_03{ left:145px;}
.youshi_ul li.youshi_li4 .youshi_01,.youshi_ul li.youshi_li4 .youshi_02,.youshi_ul li.youshi_li4 .youshi_03{ left:145px;}
.youshi_ul li.on{ cursor:pointer;}
.youshi_ul li.on .youshi_01{ color:#D60D20;}
.youshi_ul li.on.youshi_li1 .youshi_04{ background:url(cpys_icon11.png) no-repeat;}
.youshi_ul li.on.youshi_li2 .youshi_04{ background:url(cpys_icon21.png) no-repeat;}
.youshi_ul li.on.youshi_li3 .youshi_04{ background:url(cpys_icon31.png) no-repeat;}
.youshi_ul li.on.youshi_li4 .youshi_04{ background:url(cpys_icon41.png) no-repeat;}
.youshi1{ width:126px; height:83px; background:url(bg3.png) no-repeat; position:absolute; top:447px; left:0px;}
#case{ height:490px; background-color:#EEE; min-width:1200px;}
.case{ width:1200px; height:490px;}
.case h2 { text-align:center; font-size:24px; font-weight:bolder; padding-top:40px; }
.case_p1{ height:30px; line-height:30px; font-size:16px;font-weight:bolder;  text-align:center; color:#777;}








.slideGroup{ width:1200px; margin:22px 0;}
.slideGroup .slideBox{  zoom:1; padding:30px 0 0px 0px;height:167px; }
.slideGroup .parBd ul{  zoom:1;   }
.slideGroup .parBd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden;   }
.switch_Scroll_p11{ width:290px; height:210px; text-align:center; margin:0; padding:0; float:left;}
.switch_Scroll_p11 a{float:left;}
.switch_Scroll_p11 a:hover{ filter:alpha(opacity=80);opacity:0.8;}
.switch_Scroll_p11 img{ width:280px; height:210px;}
.switch_Scroll_p21 {width:280px;  height:40px; line-height:40px; text-align:center; clear:both; float:left; filter:alpha(opacity=60);opacity:0.6; position:relative; bottom:40px; background-color:#000;}
.switch_Scroll_p21:hover {filter:alpha(opacity=50);opacity:0.5;}
.switch_Scroll_p21 a{color:#FFF; display:block;}
.switch_Scroll_p21 a:hover{color:red;}

#guan { background:url(about.jpg) top no-repeat;}
.guan{ width:1200px; height:400px;}
.guan_p1{ height:240px; margin-top:58px; float:left; }
.guan_01{ width:900px; float:left; margin-left:60px; padding-left:40px; height:400px; position:relative; color:#FFF;}
.guan_01 h2 { font-size:24px; font-weight:bolder; padding-top:40px; text-align:left;}
.guan_01 a{ position:absolute;opacity: 0;}
.guan_img { clear:both;}
.guan_img img { width:258px; margin:60px 20px 20px 20px; float:left; z-index:999;}
/*.guan_a1{ top:51px; left:42px;opacity: 0;}
.guan_a2{ top:158px; left:113px;opacity: 0;}
.guan_a3{ top:277px; left:693px;opacity: 0;}
.guan_a4{ top:387px; left:764px;opacity: 0;}*/
.guan_a1{ top:0px; left:0px;opacity: 0;}
.guan_a2{ top:0px; left:0px;opacity: 0;}
.guan_a3{ top:0px; left:0px;opacity: 0; z-index:3;}
.guan_a4{ top:0px; left:0px;opacity: 0; z-index:3;}
.guan_a5{ top:254px; left:29px;}
.guan_a6{ top:10px; left:647px;}

#about1{ height:365px; background-color:#F2F2F2;}
.about1{ width:1200px; height:365px; background-color:#F2F2F2;}
/* CSS Js */
.picMarquee-left{ margin-left:35px;}
.picMarquee-left ul li{ width:272px; height:275px; float:left; margin:0px 8px;}
.switch_Marquee_p1{ width:272px; height:224px; text-align:center;}
.switch_Marquee_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8;}
.switch_Marquee_p1 img{ max-width:272px; height:224px;}
.switch_Marquee_p2{ width:272px; height:51px; line-height:51px; text-align:center;}
.switch_Marquee_p2 a{color:#343434; font-size:12px;}
.switch_Marquee_p2 a:hover{ text-decoration:underline;}

.switch_roll{ width:368px; height:176px; margin-top:44px; margin-left:49px; overflow:hidden;}
.switch_roll_btn{ width:18px; height:23px; margin-top:69px; cursor:pointer;}
.switch_roll_left{ background:url(left_01.jpg) no-repeat; margin-right:40px;}
.switch_roll_right{ background:url(right_01.jpg) no-repeat; margin-left:40px;}
.switch_roll_cener ul li{ width:243px; height:176px; float:left; text-align:center;}
.switch_roll_p1{ width:243px; height:176px;}
.switch_roll_p1 a img{ max-width:243px; height:176px;}

.picScroll-left{ width:473px; height:233px; float:left; overflow:hidden; margin-top:24px; margin-left:3px; position:relative;}
.picScroll-left .next,.picScroll-left .prev{ width:17px; height:17px; position:absolute; z-index:3; top:18px;}
.picScroll-left .next{ background:url(right_btn1.png) no-repeat; left:435px;}
.picScroll-left .prev{ background:url(left_btn1.png) no-repeat; left:410px;}
.picScroll-left ul li{  width:473px; height:233px; float:left;   overflow:hidden;}
.switch_Scroll_p1{ width:317px; height:233px; text-align:center;float:left;}
.switch_Scroll_p1 a{ width:317px; height:233px;background:#fff; float:left;}
.switch_Scroll_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8;}
.switch_Scroll_p1 img{ max-width:317px; height:233px;}
.switch_Scroll_p2{  width:156px; height:143px;background:#005bac; text-align:center; padding-top:90px;float:left;}
.switch_Scroll_p2 a{color:#fff; font-size:12px;}
.switch_Scroll_p2 a:hover{ text-decoration:underline;}


#KinSlideshow{ width:287px; height:255px;}

.slideTxtBox{ margin-top:19px;}
.slideTxtBox .hd{ width:877px; height:48px; border-bottom:solid 1px #218470;  position:relative; margin-left:25px;}
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:0px; height:48px;   }
.slideTxtBox .hd ul li{ float:left; height:48px; line-height:48px; padding:0 25px; cursor:pointer; font-size:16px; font-family:'方正兰亭粗黑简体','Microsoft YaHei';font-weight:500; color:#000;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.slideTxtBox .hd ul li.on{  background:#005bac; color:#fff;}
.slideTxtBox .hd ul li.on a{ color:#fff;}
.slideTxtBox .bd{ width:888px; margin-top:8px; margin-left:17px;}
.slideTxtBox .bd ul li{ width:444px; height:176px; padding:27px 0px 23px 0px; background:url(line_02.png) repeat-x bottom; overflow:hidden; float:left;}
.slideTxtBox .bd ul li#bd2,.slideTxtBox .bd ul li#bd3{ background:none;}
.slide_Scroll_p1{ width:213px; height:176px; text-align:center;}
.slide_Scroll_p1 a{ width:207px; height:170px; background:#fff;  float:left;transition: all 1.2s;-webkit-transition: all 1.2s;-moz-transition: all 1.2s;-o-transition: all 1.2s;}
.slide_Scroll_p1 a:hover{ border:solid 3px #005bac; filter:alpha(opacity=80);opacity:0.8;}
.slide_Scroll_p1 img{ width:207px; height:170px;}
.slide_Scroll_01{ width:195px; margin-left:18px;}
.slide_Scroll_p2{ height:30px; line-height:30px; color:#000;}
.slide_Scroll_p2 a{color:#000; font-size:14px; font-weight:bold;}
.slide_Scroll_p2 a:hover{ text-decoration:underline; color:#005bac;}
.slide_Scroll_p3{ height:122px; line-height:20px; color:#585858;}
.slide_Scroll_p4{ height:13px; margin-top:5px;}
.slide_Scroll_p4 a{ color:#D50000; font-weight:bold;}
.slide_Scroll_p4 a:hover{ color:#005bac;}
/*两排*/
.multipleColumn{ width:1002px;}
.multipleColumn .bd{ padding-top:10px;}
.multipleColumn .bd li{ width:235px; height:160px; float:left; margin:15px 7px 0px 7px; display:inline; overflow:hidden; background-color:#D9D9D9; }
.multipleColumn_p1{ width:229px; height:128px; text-align:center; margin-left:3px; margin-top:3px;}
.multipleColumn_p1 a{ width:229px; height:128px; float:left;}
.multipleColumn_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8;}
.multipleColumn_p1 img{ max-width:229px; height:128px;}
.multipleColumn_p2{ width:235px; height:29px; line-height:29px; text-align:center; }
.multipleColumn_p2 a{color:#4C4C4C; font-size:13px; }
.multipleColumn .bd li.selectli{ background-color:#006BC5; cursor:pointer;}
.multipleColumn .bd li.selectli .multipleColumn_p2 a{ color:#fff;}

/* CSS Footer */
.footer{width:1200px; background:#b5b5b5; color:#000; text-align:center; margin:0px auto;}
#footer{ height:380px;background:#b5b5b5; clear:both; overflow:hidden; }
.footer_01{ width:705px; height:280px; margin-top:53px; background: url(sep.jpg) right no-repeat;}
.footer_ul1{ width:130px; margin-top:10px; float:left; text-align:left; padding-left:30px; font-size:18px; font-weight:border; color:#000;} 
.footer_ul1 li{ width:223px;height:31px; line-height:31px; color:#000;font-family:'Microsoft YaHei'; padding-left:0px; text-align:left; font-size:14px;  }
.footer_ul1 li a { color:#000;}
.footer_ul1 li#footer_ul1li1{ background:url(contact_icon1.png) no-repeat left center;}
.footer_ul1 li#footer_ul1li2{ background:url(contact_icon2.png) no-repeat left center;}
.footer_ul1 li#footer_ul1li3{ background:url(contact_icon3.png) no-repeat left center;}
.footer_ul1 li#footer_ul1li4{ background:url(contact_icon4.png) no-repeat left center;}
.footer_ul1 li#footer_ul1li5{ background:url(contact_icon5.png) no-repeat left center;}
.footer_ul1 li#footer_ul1li6{ background:url(contact_icon6.png) no-repeat left center;}
.footer_ul1 li#footer_ul1li7{ background:url(contact_icon7.png) no-repeat left center;}
.footer_02 { width:495px; float:left; margin-top:70px;}
.phone_f { width:205px; float:left; text-align:left; margin-left:40px; line-height:1.8;}
.p_title { font-size:14px;}
.p_content { font-size:24px; font-weight:bolder;}
#copyright { background:#005bac; height:72px; line-height:72px; color:#FFF;}
.foot_beian { color:#FFF;}
.fmessage_ul{ width:460px; margin-top:8px;}
.fmessage_ul li{ width:220px; height:38px; margin-top:12px; float:left;}
.fmessage_ul li.fmessage_li1{ margin-left:15px;}
.fmessage_ul li.fmessage_li2{ width:457px; height:110px;}
.fmessage_ul li.fmessage_li3{ width:457px; height:32px; margin-top:16px;}
.f_InputText{ width:190px; height:20px; line-height:20px; background:url(message_input1.png) no-repeat; padding:9px 15px; color:#B3B3B3; outline:none;}
.f_InputText1{ width:427px; height:92px; line-height:23px; background:url(message_input3.png) no-repeat; padding:9px 15px; color:#B3B3B3; outline:none;}
.f_But{ width:116px; height:32px; background:url(message_btn.png) no-repeat; cursor:pointer;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}
.f_But:hover{background:url(message_btn1.png) no-repeat;}
/*CSS Left_side*/
.left_side{ width:253px;  float:left; display:inline; margin-left:15px;}
.left_sidep1{ margin-top:15px;}
.left_sidep3{ height:19px; margin-top:22px; background:url(page_news.png) no-repeat; }
.left_sidep3 a{ width:84px; height:19px;}
.left_sidep4{ height:20px; margin-top:7px; text-align:right;}
.left_sidep4 a{ color:#A5A5A5; font-size:14px;}
.left_sidep5{ height:29px; margin-top:15px;}
.left_sidecon{ line-height:25px; font-size:14px; padding-top:18px; color:#4B4B4B;}

.left_sidepul1{ padding-top:22px;}
.left_sidepul1 li{ height:26px; line-height:26px;}
.left_sidepul1 li a{ padding-left:3px; font-size:14px;}
 
.left_sideul{ width:253px;  margin-top:5px; float:left;}
.left_sideul li{ height:56px; padding-left:60px; overflow:hidden;_float:left; border-bottom:solid 1px #EAEAEA; background:url(ico01.png) left no-repeat;}
.left_sideul li.sline{ width:254px; height:2px; background:url(page_line.png) repeat-x; overflow:hidden; margin:0px auto;}
.left_sideul li a{ width:213px; height:56px; line-height:56px;  color:#121111; float:left; text-align:left;background:url(icon1.png) no-repeat 20px center ; font-size:16px; font-family:'Microsoft YaHei';  font-weight:500; transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}
.left_sideul li:hover{ color:#fff;background:#005bac url(icon01.png) no-repeat left;}
.left_sideul li.selectli a{ background:#005bac url(icon11.png) no-repeat 20px center ;color:#fff;}

.pcontact_us{ width:206px; height:250px;  margin-top:40px;}
.pcontact_p1{ height:138px;}
.pcontact_usa1{ float:left; margin-top:12px; margin-left:1px;}
.pcontact_us_01{ width:265px; height:105px; line-height:22px; margin-top:5px; color:#696868;}
/*CSS Right_side*/
.right_side{ width:880px; height:100%; overflow:hidden;  float:right; margin-top:15px;  margin-right:10px; display:inline;}
#right_title{ height:81px; border-bottom:solid 1px #ECECEC;}
.right_title{ height:81px; border-bottom:solid 1px #ECECEC; overflow:hidden; position:relative; }
.right_title_left{ float:left; font-family:'方正兰亭粗黑简体','Microsoft YaHei'; font-size:24px; color:#005bac; margin-top:24px; }
.right_title_right{ margin-top:50px; color:#888888; float:right; margin-right:5px; display:inline; font-size:13px;}
.right_title_right a{ color:#888888;}
.right_title_right a:hover{ text-decoration:underline; color:#005bac;}
.right_title_right_sp1{ width:14px; height:13px; background:url(page_icon.png) no-repeat; float:left; margin-top:1px; margin-right:5px;}
.right_title_right_sp2{ float:left;}
.right_title_01{ position:absolute; top:55px; color:#C5C5C5;}
.right_line{ height:5px; background:url(page_line1.jpg) repeat-x; overflow:hidden;}
.right_line span{ width:5px; height:5px; background:url(page_icon1.jpg) no-repeat; float:right;}
.right_content{width:880px; min-height:471px; _height:471px;padding:20px 0px 10px 0px; }
.right_title1{ height:50px; line-height:50px; text-align:right; color:#7E7E7E;font-size:14px; padding-right:5px;}
.right_title1 a{ color:#7E7E7E;}
.right_title1 a:hover{ text-decoration:underline;}
.jp-container{width:810px;height:471px;position:relative;}

/* CSS News */
#indexNews{ padding:5px; }
#indexNews li{ height:30px; line-height:30px; border-bottom:#D9D9D9 1px dotted; padding:5px 10px 5px 10px; font-size:13px;}
#indexNews li a{ padding-left:15px; background:url(icon_simple.gif) no-repeat left center; float:left;}
#indexNews li span{ float:right;}
#indexNews li img{margin:13px 10px 0 0;}
#indexNews li a:hover{color:#005bac; text-decoration:underline;}

#indexNews1 li{ padding:5px; float:left;}
.indexNews1_a1{ float:left; width:300px; height:128px; border:1px solid #dcdcdc; padding:1px;}
.indexNews1_a1:hover{filter:alpha(opacity=80);opacity:0.8; border:1px solid #D80000;}
.indexNews1_a1 img{ max-width:170px; height:auto;}
.indexNews1_div1{ float:left; margin-left:15px;}
.indexNews1_h3{ height:26px; line-height:26px;}
.indexNews1_h3 a{ font-size:14px; font-weight:bold; color:#585858;}
.indexNews1_h3 a:hover{ color:#005bac;}
.indexNews1_p1{ line-height:23px; }
.indexNews1_p2{ line-height:23px; color:#D80000; margin-top:10px;}

/*Related*/
.related{ padding:15px; }
.related p{ height:25px; font-weight:bold; border-bottom:solid 1px #F1F1F1; font-size:14px;}
.related ul { width:100%; padding:10px 5px;float:left;}
.related ul li{ width:50%; height:26px; line-height:26px; float:left;}
.related ul li b{ float:left;}
.related ul li a{ float:left;}

/* CSS Pic */
#picUL{ font-size:13px;}
#picUL li{height:199px;width:279px;float:left;margin:10px 7px;text-align:center; display:inline;}
#picUL li .pic_01{width:277px;height:167px; text-align: center;background: #ffffff;border:1px solid #dcdcdc;-webkit-transition: all 1.2s;-moz-transition: all 1.2s;-o-transition: all 1.2s;}
#picUL li .pic_01 a:hover{ filter:alpha(opacity=80);opacity:0.8;}
#picUL li .pic_01:hover{ border:1px solid #1C5FB8; cursor:pointer;}
#picUL li .pic_01 img{height:165px;width:275px; _width:275px; vertical-align:middle; padding:1px;}
#picUL li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
#picUL li .pic_02{width:277px;text-align: center;line-height:30px;}
#picUL li a{color:#585858;transition: all 1.2s;-webkit-transition: all 1.2s;-moz-transition: all 1.2s;-o-transition: all 1.2s;}
#picUL li a:hover{color:#005bac; text-decoration:underline;}

#proUL{ padding:0px; font-size:13px;}
#proUL li{height:204px;width:211px;float:left;margin:5px 4px;text-align:center; display:inline;}
#proUL li .pic_01{width:209px;height:172px; text-align: center;background: #ffffff;border:1px solid #dcdcdc;-webkit-transition: all 1.2s;-moz-transition: all 1.2s;-o-transition: all 1.2s;}
#proUL li .pic_01 a:hover{ filter:alpha(opacity=80);opacity:0.8;}
#proUL li .pic_01:hover{ border:1px solid #1C5FB8; cursor:pointer;}
#proUL li .pic_01 img{height:170px;width:207px; _width:207px; vertical-align:middle; padding:1px;}
#proUL li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
#proUL li .pic_02{width:209px;text-align: center;line-height:30px;}
#proUL li a{color:#585858;transition: all 1.2s;-webkit-transition: all 1.2s;-moz-transition: all 1.2s;-o-transition: all 1.2s;}
#proUL li a:hover{color:#005bac; text-decoration:underline;}

/* CSS Info */

#newTitle{ line-height:35px; font-size:25px; text-align:center;}
#productTitle{ height:30px;font-size:25px;text-align:center;}
#newsInfo{ height:30px; line-height:30px; font-size:12px;text-align:center; border-bottom:solid 1px #f1f1f1; margin-top:10px;}
.newsinfoleft {padding-left: 30px;}
.xxsmys{ width:600px; height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:600px; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{ margin:0 auto;line-height:25px; padding:15px;}
#newsContent img{ line-height:0px; padding:0px;}
.contactus{  height:auto; padding-left:20px;; line-height:25px; text-align:left;}
#company_main{ margin:0 auto; line-height:25px; padding:10px;}
.alink{ padding:5px; line-height:25px; margin:0 auto;}
/*css digg style pagination*/
div.digg{padding:5px;margin:3px;text-align:center; float:right; font-family:'Microsoft YaHei',arial;}
div.digg a{border:#aaaadd 1px solid;padding:2px 5px;margin:2px;color:#585858;text-decoration:none}
div.digg a:hover{border:#585858 1px solid;color:#000;}
div.digg a:active{border:#585858 1px solid;color:#000;}
div.digg span.current{border:solid 1px #585858;padding:2px 5px;font-weight:bold;margin:2px;color:#fff;background-color:#585858;}
div.digg span.disabled{border:#eee 1px solid;padding:2px 5px;margin:2px;color:#ddd;}
div.digg select{ border:#aaaadd 1px solid;}
/*******************************message css start***************************************/
.message_ul{
	margin:0px auto;
	font-size:14px;
	float:left;
	padding:10px 20px;
	
}
.message_ul li{
	margin:5px 20px;
	float:left;
	width:100%;
}
.message_ul li label{ width:80px; float:left; text-align:right; margin-top:4px;}
.G_textarea{
	width:450px;
	height:100px;
	border:1px solid #dedede;
}
.G_InputText{
	width:250px;
	height:30px;
	line-height:27px;
	border:1px solid #dedede;
	padding:3px;
	float:left;
	border-radius: 2px;
}
.yanzheng{
	width:100px;
	height:23px;
	border:1px solid #dedede;
	padding:3px;
}
.But{
	width:74px;
	height:31px;
	line-height:27px;
	background:#005bac;
	border-radius:2px;
	border:none;
	text-align:center;
	margin-top:14px;
	margin-left:5px;
	font-size:14px;
	font-family:'Microsoft YaHei',SimHei,sans-serif;
	color:#FFF;
	cursor:pointer;
}
.G_tips{
	width:486px;
	line-height:20px;
	margin:30px 65px;
	border:1px solid #dedede;
	padding:3px 7px 7px 7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}
.red{
	color:#ff0000;
}
.cpmcys{ height:28px; border:solid 1px #DEDEDE;}
/*******************************message css end***************************************/

/******************************job css start***************************************/
.job_ul{ padding:10px 15px;}
.job_ul li{
	width:100%;
	border-bottom:dashed 1px #cfcfcf;
	float:left;
	padding:10px;
	line-height:24px;
}
.job_ul li .recruit_info{
	font-family:'Microsoft YaHei',arial;
	font-size:14px;
	float:left;
}
.job_ul li .recruit_info .job_nam{
	color:#000;
	font-weight:bold;
}
.job_ul li .but{
	width:74px;
	height:31px;
	line-height:31px;
	background: #23429C;
	border-radius:2px;   
	float:right;
	margin-top:10px;
	margin-right:22px;
	text-align:center;
}
.job_ul li .but a{
	text-decoration:none;
	font-family:'Microsoft YaHei',黑体,sans-serif;
	color:#FFF;
	display:block;
}

.recruit_info_tit_bg{
	height:31px;
	background:#f8f8f8;
	border-radius:2px;
	margin:0px auto;
	padding:5px 15px;
}
	
.recruit_info_tit_bg .recruit_info_tit{
	width:73px;
	height:31px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background:#1D40A4;
	font-family:'Microsoft YaHei',arial;
	font-size:14px;
	color:#ffffff;
	line-height:31px;
	text-indent:8px;
}
.recruit_info_main{
	margin:0px auto;
	margin-top:10px;
	margin-bottom:60px;
	padding:5px 20px;
}

.recruit_info_main p {
	font-family:'Microsoft YaHei',arial;
	text-align: justify;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 28px;
	color: #444444;
}

.pages{ padding:5px 0px;}
.pages li{ float:left; line-height:30px;}
.pagesli1{ width:40%;}
.pagesli2{ width:40%;}
.pagesli3{ width:20%;}
/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}
.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;height: 73px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a{color:black;}
.m2t ul li a:hover{ color:red; text-decoration:underline;}
.f{ float:right; margin-right:10px; _margin-top:7px;}
.map{ float:right;margin-top: 20px;}
.map a{color:black;}

/*页面加载css*/
#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999999999;
}

.spinner {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	-webkit-animation: rotatee 2.0s infinite linear;
	animation: rotatee 2.0s infinite linear;
}

.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #0a9fd8;
	border-radius: 100%;
	-webkit-animation: bouncee 2.0s infinite ease-in-out;
	animation: bouncee 2.0s infinite ease-in-out;
}

.dot2 {
	top: auto;
	bottom: 0px;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotatee {
	100% {
		transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes bouncee {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes bouncee {
	0%, 100% {
		transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
}