@charset "utf-8";

a{font-family: "微软雅黑",Verdana,"宋体", Helvetica, sans-serif;font-size:12px;text-decoration: none;}
a:link {color:#555; }
a:visited {color:#555; }
a:hover   {color:#fff;}
a:active {color:#555; }

a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 
:focus { outline: none; }/* for Firefox */  

body { margin:0;font:14px "微软雅黑",Verdana,"宋体",Geneva, sans-serif; background:#fff;}
body, dl, dd, h1, h2, h3, p, form {margin:0 auto;}
ol,li,ul {margin:0; padding:0;}
ul,li {list-style:none;}
	
td,input,select,textarea{font-family: Arial,"微软雅黑",Verdana,"宋体", Helvetica, sans-serif; font-size: 12px;}
img{ border:0;}
form{ margin:0}
input,select{color:#424242; vertical-align:middle;}
.floatL{ float:left;}
.floatR{ float:right;}
.blank{ clear:both; height:0; line-height:0; font-size:0; margin:0; padding:0}
.global_width{ width:1200px; margin:0 auto; text-align:left; position:relative;}
.fullWidth{width:100%; min-width:1200px;}

/* header*/
.topwidth{ border-top:2px solid #8d8d8d; background:#fff;}
.top{ height:103px;z-index:100;}
#logo{float:left;width:103px;height:103px;overflow:hidden; margin-right:130px;}
#language{ float:left;height:103px; line-height:103px;text-align:right;color:#999}
#language a{ font-size:12px; color:#555}
#language a:hover{color:#616f79;}
/*menu*/
#menu{float:left;width:890px;height:103px;position:relative;min-width:890px;z-index:100;}
#nav{ width:890px;}
#nav li{ position:relative; float:left; width:14.2%; height:103px;}
#nav li a{display:inline-block; width:100%; height:103px; line-height:103px; text-align:center; color:#555; font-size:15px; overflow:hidden;}
#nav li.hover a,#nav li.curr a{ color:#616f79 !important; font-weight:bold;}
/*二级菜单*/
#nav li p{ background:#fff;display:none; width: 100%; box-sizing: border-box; position:absolute; left:0; top:102px; margin:0; padding:10px; /*border-top:#d5ebf7 1px solid;*/z-index:100;}
#nav li p a{ height:30px; line-height:30px; border-bottom:#f1f1f1 1px solid; font-size:13px;color:#343434 !important;white-space:nowrap;}
#nav li.hover p a{color:#fff;}
#nav li p a:hover{color:#d3d3d3;border-bottom:#fff 1px solid;}
#slide{ position:absolute;left:50px; top:0px; height:8px; background:url(../images/navon.png) no-repeat center bottom; width:0;}
/*Banner*/
#Banner{position:relative; width:100%; overflow:hidden; margin:0 auto; z-index:1;}
.js { position:relative; width:1920px; height:600px;overflow:hidden; margin:0 auto;left:50%; margin-left:-960px; clear:both; z-index:1;}
.jsNav-bg{width:1200px;margin:auto;position:relative;z-index:100; top:0;}
.jsNav {position:absolute;right:10px;bottom:85px;text-align:center;z-index:100; width:100%;}
.jsNav ul{ width:100%; margin:auto; padding-top:30px;z-index:100; position:absolute; left:50%; top:20px; background:url(../images/selectBG.png) no-repeat 20px 38px}
.jsNav ul li{width:24px;height:18px; float:left;background:url(../images/select.png) no-repeat  center top; margin-right:5px;}
.jsNav li.on { background:url(../images/select.png) no-repeat center -19px;}
.jsNav ul li a{width:22px;height:18px; float:left; color:#FFF;}
.indexjs{height:600px;}
/*搜索框 and 电话客服*/
.sycon{ padding:12px 0;overflow:hidden; clear:both}
#Searchform{width:240px;height:30px;overflow:hidden;line-height:26px; background:url(../images/search-bg.png) no-repeat center;text-align:left; text-indent:8px; float:left;}
#Searchform input{height:20px; line-height:20px; border:none; width:195px; color:#a1a1a1; background:none; display:inline; margin-left:5px;vertical-align: middle; font-size:13px;}
#Searchform a{ display:inline-block;width:20px;height:36px; text-indent:-9999px;}
.sycon-r{ float:right;font-size:14px;line-height:29px; width:auto;}
.tel span{ font-size:18px; color:#616f79} 
.sycon-r a.kf{ display:inline-block; margin-left:15px;}
.sycon-r a.kf img{ border:none; display:inline-block;float:left;}
.sycon-r a.kf span{ display:inline-block ;float:right; margin-left:8px;}
.sycon-r a.kf:hover{color:#616f79;}
/*首页产品sycp*/
.sycp{ background:url(../images/sycpBG.jpg) no-repeat center top; height:720px;}
.sycp-til,.synews-til{ width:100%; text-align:center; padding-top:90px; margin-bottom:35px;} /*首页产品和新闻共同*/
.con-cp,.con-news{ width:100%; height:auto; overflow:hidden; margin-bottom:60px}/*首页产品和新闻共同*/
.cp-li,.news-li{height:52px;position:relative;}                                 /*首页产品和新闻共同*/
.cpLabel,.newLabel{ position:absolute; left:40%; margin:auto;}                  /*首页产品和新闻共同*/
.cpLabel li,.newLabel li{float:left; margin-right:20px;cursor:pointer; height:61px; height:5px;}/*首页产品和新闻共同*/
.cpLabel li a{ display:block;width:61px;height:1px; background:#fff;}
.cpLabel li.on a{width:61px;height:3px; background:#fff;animation: gelatine 0.5s 1}
#Cp_box,#News_box{clear:both; }                                              /*首页产品和新闻共同*/
.cp-list,.news-list{width:1250px; height:302px;margin:auto;overflow:hidden}  /*首页产品和新闻共同*/
.cp-list li{float:left; margin-bottom:30px}
.cp-list li div{width:266px;overflow:hidden;margin:0 42px 0 0;float:left;}
.cp-list li a{ display:block;width:264px;height:264px;overflow:hidden;position:relative;border:1px solid #959595;}
.cp-list li a img{display:block;height:264px;border:none;}
.cp-list li a span{ display:block; position:absolute; left:0; top:0;background:url(../images/cpon.png) no-repeat; width:266px;height:266px; display:none;}
.cp-list li p{ padding:8px 0; color:#fff; overflow:hidden}
.cp-list li p span.cpname{ display:block;width:185px;height:20px;line-height:20px; overflow:hidden; float:left}
.cp-list li p span.cptime{display:block;float:right;height:20px;line-height:20px;font-size:12px;}
.cpmore,.newsmore{ width:100%; margin:0 auto; text-align:center;}           /*首页产品和新闻共同*/
.cpmore a{ display:inline-block; border:1px solid #fff; color:#fff; padding:6px 30px;}
.cpmore a:hover{ color:#c1c1c1;border:1px solid #c1c1c1; animation: gelatine 0.5s 1}
/*首页新闻 synews*/
.synews{ background:url(../images/synewsBG.jpg) no-repeat center top; height:727px;}
.synews .newLabel{left: 50%;margin: 0 0 0 -72px;}
.newLabel li a{ display:block;width:61px;height:1px; background:#959595;}
.newLabel li.on a{width:61px;height:3px; background:#616f79;animation: gelatine 0.5s 1}
.synews-con{ float:left}
.synews-img{width:300px;height:300px;overflow:hidden;float:left;}
.synews-con img{ display:block; border:none;width:300px}
.synews-wz{ width:312px;height:300px; background:url(../images/synewsBG.png) no-repeat; float:left; position:relative; left:-11px;}
.synews-wz a{ display:block; padding:58px 5px 0 35px; margin-bottom:30px;width:260px;height:25px;overflow:hidden;font-size:16px; font-weight:bold; color:#333;}
.synews-wz p{ padding-left:15px; font-size:14px;width:250px; height:92px;overflow:hidden; line-height:24px; color:#555; text-align:justify}
.newstime{color:#fff; font-size:12px;line-height:28px; background:#616f79; width:70px; height:50px; padding:10px 0; margin-top:30px;text-align:center; margin-left:11px; font-weight:bold}
.newstime span{ font-size:40px;}
.newsmore a{display:inline-block; border:1px solid #333; color:#333; padding:6px 30px; margin-top:20px;}
.newsmore a:hover{ color:#616f79;border:1px solid #616f79; animation: gelatine 0.5s 1}
/* 首页关于我们*/
.syabout{height:482px;background:#616f79 url(../images/syaboutpic.png) no-repeat center top; margin-bottom:75px;}
.syabwz{ width:495px;height:427px; overflow:hidden; padding-top:55px;}
.syabwz img{ margin-bottom:50px;}
.syabwz h2{ font-size:16px; color:#fff; margin-bottom:40px;}
.syabwz p{ font-size:13px; color:#fff;width:490px; height:144px;line-height:24px;overflow:hidden; margin-bottom:20px;}
.aboutmore a{display:inline-block; border:1px solid #fff; color:#fff; padding:6px 30px; margin-top:20px;}
.aboutmore a:hover{ color:#c1c1c1;border:1px solid #c1c1c1; animation: gelatine 0.5s 1}
/*页脚顶部*/
.foot-top{background:#fff url(../images/foottopBG.jpg) repeat-x center top;}
.fttop{ text-align:center; position:relative; top:-25px; margin-bottom:20px;}
.fttop a{cursor:pointer; display:inline-block}
.ft-mian{ padding-bottom:30px; overflow:hidden;}
.ft-mainl{ margin-right:75px;}
.ft-nav{ width:850px;}
.ft-nav li{ width:13%; float:left;text-align:left; padding:0 5px;}
.ft-nav li a{ font-size:13px; font-weight:bold; height:30px; overflow:hidden;line-height:30px;}
.ft-nav li a:hover{ color:#616f79;}
.ft-nav li p a{ display:block;font-size:12px; font-weight:normal;}
/*页脚底部*/
.footer{ clear:both;background:#e5e5e5 ;padding:10px 0; min-height:30px; overflow:hidden;}
.footer-main{ padding:20px 0 10px 0; color:#999; font-size:12px; width:60%; float:left; line-height:24px;}
.footer-main a{color:#999; font-size:12px;}
.footer-main a:hover{color:#c4261d;}
.zhichi,.manage{margin-left:6px;}
.footer-lx{float:right; padding-top:20px; text-align:right;}
a#ftfx{ background:url(../images/weixintb.png) no-repeat; width:24px; height:24px;}
/*****************************************************************************************************************内页开始/
/*内页*/
.nybg{ background:url(../images/nyBG.png) repeat-y center top;}
.nycon{ margin-bottom:50px; position:relative; z-index:99; overflow:hidden}
.nybanner{ position:absolute; left:38%; top:0; z-index:99;width:1170px;height:520px; overflow:hidden}
.ny-main{ position:relative;}
.nytil{ padding-top:60px; margin-bottom:115px;}
.nywz{ background-color:#616f79; width:1100px; min-height:500px;overflow:hidden; margin:0 0 30px 100px; padding-bottom:50px; position:relative;z-index:98;}
/*左侧*/
.subl{ position:absolute;left:0;top:180px;width:145px;height:auto;overflow:hidden; background:#fff; padding:5px 0 5px 0; margin-bottom:30px;z-index:99;}
.subl-nav{ background:url(../images/nynavBG.jpg) repeat-y center top; width:137px;height:auto; overflow:hidden;}
.subl-nav dt.subti{width:100%; height:40px;background:url(../images/nynavtbg.png) no-repeat left top}
.nynavbt{width:100%; height:40px;background:url(../images/nynavbbg.png) no-repeat right bottom}
.subl-nav dd a.suba{width:117px;height:28px;overflow:hidden;display:block;text-align:center;color:#fff;font-size:14px;overflow:hidden;line-height:24px;margin:0 10px 17px 10px;}
.subl-nav dd.on a.suba,.subl-nav dd a.suba:hover{ border-bottom:1px solid #737373}
/*内页左侧下拉*/
.nynav{ display:none;}
.nynav a{width:117px;height:30px;overflow:hidden;display:block;text-align:center;color:#fff;font-size:13px;overflow:hidden;line-height:24px;margin:0 10px 15px 10px;}
.nynav a:hover,.nynav a.nyon{color:#4398ff;}
.subl-nav dd.lfnav a.suba{ background:url(../images/nylfon_ts.png) no-repeat right; color:#fff;border-bottom:1px solid #737373}
/*右侧*/
.subr-top{ padding-top:285px; width:790px; height:35px; border-bottom:1px solid #7393bc; margin:0 auto 10px auto; position:absolute; right:0;}
.subr-top h2{ float:right;width:500px;height:36px;overflow:hidden;text-align:right;font-size:12px; margin:0 15px 0 0;line-height:36px;}
.subr-top h2,.subr-top h2 a{color:#999;}
.subr-top h2 span,.subr-top h2 a:hover{color:#fff;}
.nywz-main{ width:895px; overflow:hidden;margin:0 auto; padding-top:340px; color:#fff;}
.nywz-main h1{ text-align:center; font-size:24px; color:#fff; font-weight:normal; margin-bottom:45px;text-transform:uppercase}
.nywz-main h1 span{font-size:12px;text-transform:uppercase}
.wz p{ line-height:36px; text-align:justify;font-size:13px;color:#fff;}
/*分页*/
.pages{text-align:center;clear:both;height:40px; padding:5px 0;line-height:28px; margin:35px 0; text-align:center}
.pages a{background:#ebebeb; height:30px;line-height:30px;display:inline-block;padding:0px 20px;color:#444;cursor:pointer; font-size:14px;}
span.pageson{ height:30px;line-height:30px;display:inline-block;padding:0px 20px;color:#444;cursor:pointer; font-size:14px;}
span.pageson,a.pageson,.pages a:hover{ background:#c4261d;color:#fff;}
/*人才招聘*/
.join{ width:910px; overflow:hidden}
.join li{ background:url(../images/joinBG.png) no-repeat; width:294px; height:86px; float:left; margin:0 5px 35px 0}
.join-name{ padding:20px 8px 15px 15px}
.join-name p{ font-size:14px; margin:0 0 8px 0; width:170px; height:20px; overflow:hidden; padding:0}
.join-name span{ font-size:12px; color:#7490bd}
.join-xq{ margin-right:15px; text-align:right; padding-top:23px; display:none;}
.join-xq a{display:block; color:#989898; font-size:12px; width:70px; height:20px}
.join-xq a.xq{ border-bottom:1px dashed #7490bd; margin-bottom:5px}
.join-xq a:hover{ color:#616f79}
.join li.joinon{ background:#fff;}
.join li.joinon .join-name p{color:#616f79}
/*投递简历*/
.ly-main{width:100%; margin:auto;}
.tj-button{width:100%;padding:40px 0 0 0; margin:auto; text-align:center;}
.bt-submit,.bt-reset{background:#fff;width:90px;height:32px;line-height:30px;color:#555; font-size:14px; font-weight:600;border:none; cursor:pointer;}
.bt-reset:hover,.bt-submit:hover{ background:#a9a9a9}
.Apply span{ font-size:12px; color:#fff; margin-right:20px; text-align:left;}
.Apply input[type=text]{ height:22px; line-height:22px;}
.Apply-l{float:left;}
.Apply-r{float:right}
.Applybottom textarea{width:720px;height:100px;border:1px solid #cbcbcb;}
/*技术文档*/
.Technical_list li {overflow:hidden; background:url(../images/jswdBG.png) repeat-x; width:100%; height:88px;}
.Technical_list li a div.time{color:#f6f6f6; font-size:14px; float:left;margin-right:20px; line-height:28px; padding:20px;}
.Technical_list li a div.time span{ font-size:36px; font-weight:bold}
.Technical_list li a div.zhut{float:left; width:540px;padding:30px 10px 10px 10px;}
.Technical_list li a p{color:#fff; font-size:14px; width:100%;height:20px; overflow:hidden}
.Technical_list li a div.dlbutton{ float:left;padding:25px; margin-left:30px;}
.Technical_list li a:hover p{color:#ccc;}
.Technical_list li.odd{ background:url(../images/jswdBG2.png) repeat-x;}
/*内页新闻*/
.nynews-list{width:950px;margin:auto;overflow:hidden}
.nynews-list li{ float:left;}
.nynews-list li a.nynews-con{ display:inline-block; overflow:hidden;padding:40px 30px;}
.nynews-con img{ display:block; border:none; float:left;width:148px;height:148px; border:1px solid #ccc}
.nynews-wz{ width:225px;height:150px; float:left; margin-left:12px;color:#fff;}
.nynews-wz span{ display:block;margin-bottom:10px;width:225px;height:25px;overflow:hidden;font-size:16px; font-weight:bold; }
.nynews-wz p{font-size:14px;width:225px; height:72px;overflow:hidden; line-height:24px;margin:0; text-align:justify;background:url(../images/nynewsline.jpg) no-repeat left top; padding-top:10px;}
.nynews_more span{ font-size:12px; color:#859ac2; display:inline-block;width:45%; padding-top:15px; font-weight:normal}
.nynews_more span.rmore_time{ text-align:right}
.nynews-list li a.nynews-con:hover{ background:#fff;}
.nynews-list li a.nynews-con:hover .nynews-wz{color:#616f79}
.nynews-list li a.nynews-con:hover .nynews_more span{color:#737373}
/*详情页面*/
.xq_nytil{ padding-top:60px; margin-bottom:80px;}
.xqsubr-top{width:790px; height:35px;margin:0 auto 10px auto; position:absolute; right:0;}
.xqsubr-top h2{ float:right;width:500px;height:36px;overflow:hidden;text-align:right;font-size:12px; margin:0 15px 0 0;line-height:36px;}
.xqsubr-top h2,.xqsubr-top h2 a{color:#555;}
.xqsubr-top h2 span,.xqsubr-top h2 a:hover{color:#616f79;}
.xqtil{ clear:both;  padding-left:150px; text-align:center; margin-bottom:20px}
.xqtil h1{ font-size:30px;color:#616f79; margin-bottom:10px; font-weight:normal}
.news_info{ color:#434242; font-size:12px;text-align:center}
.xq_nywz-main{ width:895px;overflow:hidden;margin:0 auto; padding:90px 0 30px 0; color:#fff; }
.xq_nywz-main p{font-size:14px; line-height:30px; text-indent:2em; text-align:justify}
.xq_bottom{ margin-top:30px; text-align:left; padding-top:20px; overflow:hidden; clear:both}
.xq_bottom a{width:38px; height:38px;padding:0 5px; text-indent:-9999px;display:block;background:url(../images/cpion.png) no-repeat;cursor:pointer;vertical-align:middle; margin-top:-2px; float:left}
.xq_bottom a.cpback{ background-position: 5px top;}
.xq_bottom a.cpprev{ background-position: -42px top ;}
.xq_bottom a.cpnext{ background-position: -88px top;}
.xq_bottom a.cpfx{ background-position: -140px top;}
.xq_bottom a.cpback:hover{ background-position: 5px bottom;}
.xq_bottom a.cpprev:hover{ background-position: -42px bottom ;}
.xq_bottom a.cpnext:hover{ background-position: -88px bottom;}
.xq_bottom a.cpfx:hover{ background-position: -140px bottom;}
/*产品页面*/
#xq_cplist,.nyteam-c{width:950px;height:auto;margin:auto;overflow:hidden}

/*产品内页*/
.proHeader .imgBox{ width:700px;height: 505px; overflow: hidden; margin:0 auto 50px auto;}
.proHeader .imgBox .imgNav{ width: 168px; height:503px; float: right; position: relative;}
.proHeader .imgBox .imgNav a.page{display:block;width:100%;height:20px;background-color: #fff;background:url(../images/xqpud.png) no-repeat;}
.proHeader .imgBox .imgNav a.up{ background-position:0 top;}
.proHeader .imgBox .imgNav a.down{bottom: 0;background-position:-179px top}
.proHeader .imgBox .imgNav a.up:hover{background-position:0 bottom;}
.proHeader .imgBox .imgNav a.down:hover{background-position:-179px bottom;}
.proHeader .imgBox .navMask{ width:148px;height:420px;margin:25px auto 20px auto; overflow: hidden;position: relative;}
.proHeader .imgBox .navMask ul{ width: 100%; height: auto; overflow: hidden; position: absolute; }
.proHeader .imgBox .navMask ul li{ width:100%; margin-bottom:15px;overflow: hidden;}
.proHeader .imgBox .navMask ul li a { display:block;height:120px;padding:3px;background-color:#cacaca;overflow: hidden;}
.proHeader .imgBox .navMask ul li a:hover,.proHeader .imgBox .navMask ul li.hover a{background-color:#cce198;}
.proHeader .imgBox .navMask ul li a img{width: 100%; height:100%;}
.proHeader .imgBox .img{ width: 481px; height: 481px;line-height:447px;float:left;padding:12px;background-color:#d2dce4;overflow: hidden;}
.proHeader .imgBox .img img{ display: inline-block;width: 100%; }
/*proBottom_t*/
.proBottom_t{ width:100%; height:26px; background:url(../images/xqpbottom.png) no-repeat 120px 0; margin-bottom:30px;}
.proBottom_t span{ font-size:20px; font-weight:bold; color:#151515;}
.proBottom_wz{ font-size:13px; font-weight:bold; line-height:30px;}
/* 科研团队*/
.nyteam-c li{width:265px;overflow:hidden;float:left;padding:2px;margin:0 30px 50px 0;background:#fff;}
.nyteam-c li a{width:265px;height:200px;overflow:hidden;display:block;}
.nyteam-c li a img{border:none;height:200px;overflow:hidden;}
.nyteam-c li p{color:#333;font-size:13px;line-height:40px;text-align:center; width:250px; height:40px; overflow:hidden;}
.nyteam-c li:hover,.nyteam-c li:hover p{background:#999; color:#fff}
/* 证书*/
.nyhonorary-c{width:950px;height:auto;margin:auto;overflow:hidden}
.nyhonorary-c li{width:200px;overflow:hidden;float:left;margin:0 30px 50px 0; position:relative}
.nyhonorary-c li a{width:200px;height:150px;overflow:hidden;display:block;}
.nyhonorary-c li a img{border:none;height:150px;overflow:hidden;}
.nyhonorary-c li p{width:100%;height:50px;position:absolute; bottom:-20px; left:0; background:url(../images/hBG.png) repeat-y;color:#fff;font-size:13px;}
.nyhonorary-c li p span{ display:block;width:150px;height:30px;line-height:30px;overflow:hidden;text-align:center; padding:0 10px;}
.nyhonorary-c li.hon p{background:url(../images/hBGon.png) no-repeat;}


/*自适应*/
@media screen and (max-width:1280px){
	.global_width,.jsNav-bg{ width:1000px;}
	.fullWidth{ min-width:1000px;}
	#logo{margin-right:70px;}
	#menu{width:750px;min-width:750px;}
	#nav,.nywz-main,.xq_nywz-main{width:750px;}
	.cp-list li div{width:220px;margin:0 35px 0 0;}
	.cp-list li a{width:220px;height:220px;}
	.cp-list li a img{height:220px;}
	.cp-list li p span.cpname{width:140px;}
	.synews-con img{ width:260px;}
	.synews-wz{width:240px; height:260px;}
	.synews-wz a{width:200px;}
	.synews-wz p{width:190px;}
	.newstime{margin-top:5px;}
	.ft-mainl{ margin-right:30px;}
	.ft-nav{ width:740px;}
	.ft-nav li{ width:12%;}
	.nywz{width:900px;}
	.join{ width:760px;}
	.Applybottom textarea{width:640px;}
	.Technical_list li a div.zhut{width:450px; padding:30px 3px 10px 3px;}
	.Technical_list li a div.dlbutton{margin-left:4px;}
	.nynews-wz,.nynews-wz span,.nynews-wz p{width:180px;}
	.nynews-list li a.nynews-con{padding:40px 10px}
	.nynews_more span{width:45%;}
	.nyteam-c li{width:220px;}
	.nyteam-c li a{width:220px;height:170px;}
    .nyteam-c li a img{height:170px;}
	.nyhonorary-c li{ margin-right:45px}
	}



@keyframes gelatine {
  from, to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
  from, to { -webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}
@-webkit-keyframes gelatine {
  from, to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
  from, to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
  25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1); }
  50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9); }
  75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}


.my-map { margin: 0 auto; width: 600px; height: 600px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%; color: #333 !important;}