smartcost_v2/css/global.css

@charset "utf-8";
/*Reset 样式初始化*/
html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
br, input, button, textarea, h1, h2, h3, h4, h5,em{
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  font-family:"微软雅黑","Tahoma";
  vertical-align: baseline;
  text-align:justify;
  word-wrap:break-word;
  text-justify:inter-ideograph
}
body{text-align:center}
ul, ol, li, h1 {
  line-height:normal;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none
}
dl {
  margin:0
}
dd {
  margin-left:0
}
a {
  outline:none;
}
a img {
  border:0 none
}
img {
  vertical-align:middle;
  border:0px
}
table {
  border-collapse:collapse
}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.clearfix {
  display:inline-block;
  overflow:hidden
}
.clearfix {
  display:block
}
body {color:#666}
a {color:#1570A6;text-decoration:none}
a:hover {color:#083047;text-decoration:underline}
.width1020{width:1020px;margin:0 auto}
.width1060{width:1020px;margin:0 auto;background:#fff;padding:0 20px 20px 20px}
/**/
.clearB {clear:both}
.fL {float:left}
.fR {float:right}
:link, *:visited, *:hover, *:active, *:focus {
    -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
}
.colRed {color:#f70000}
.colOrange {color:#ed8b00}
.colYel {color:#d9a601}
.colGreen{color:#17ab0c}
.colGray{color:#999}
.colBlue{color:#3172d9}
.colKoi{color:#E36335}
.hide {display:none}
/*scroll*/
.scrollgeneric {
  line-height:1px;
  font-size:1px;
  position:absolute;
  top:0;
  left:0
}
.vscrollerbase {
  width:10px;
  background-color:#eee;
}
.vscrollerbar {
  width:10px;
  background-color:#5da6d9
}
.hscrollerbase {
  height:10px;
  background-color:#eee;
  z-index:99;
}
.hscrollerbar {
  height:10px;
  background-color:#5da6d9;
}
.scrollerjogbox {
  width:10px;
  height:10px;
  top:auto;
  left:auto;
  bottom:0;
  right:0;
  background-color:#eee;
}
.vscrollerbar, .hscrollerbar{padding:1px}
/*头部*/
.wrapHeader{
  background:#eef2f5;
  height:48px
}
.mainLogo {
  width:291px;
  height:47px;
  background:url(scIcons.png) no-repeat 0 0
}
.mainNav li{
  float:left;
  margin-left:1px
}
.mainNav li a{
  padding:0 20px;
  height:48px;
  display:inline-block;
  *dislpay:inline;
  zoom:1;
  line-height:48px;
  text-align:center;
  color:#666666
}
.mainNav li a:hover{
  background:#f8f9fb;
  font-size:12px
}
.mainNav li a.now{
  background:#fff;
  font-size:12px;
  font-weight: 600
}
.mainNav li a.now:hover{
  cursor: default;
}
.mainNav li.search {
  position: relative;
}
.mainNav li.search .topSerach{
  position: absolute;
  right:-3px;
  z-index: 999;
  background:#FFFFFF;
  border:3px solid #333333;
  border-top:none;
  padding:10px;
  width:200px;
  display:none
}
li.search .topSerach input.serachInput{
  width:135px;
  padding:0 5px;
  height:20px;
  border:1px solid #333;
}
li.search .topSerach input[type=submit]{
  width:53px;
  text-align: center;
  background-color: #333;
  color:#fff;
  border:none;
  height:22px;
  float:right;
}
li.search .topSerach input[type=submit]:hover{
  background-color: #000
}
li.search .topSerach input[type=submit]:active{
  background-color: #666
}
/**/
.wrapContent{
  background:url(contentBg-index.jpg) no-repeat center top;
  border-top:3px solid #333333
}
.pageTitle {
  margin:45px auto 45px;
  color:#fff;
  position:relative
}
.pageTitle h1 {
  font-size:38px;
  padding:15px 10px;
  float:left;
  background:url(titleBg-gray.png) repeat
}
.pageTitle h2 {
  font-size:18px;
  padding:8px 10px;
  background:url(titleBg-black.png) repeat;
  color:#fff;
  float:left;
  margin:0 0 1px 0
}
.productBg{
  border-color:#ff6501;
  background-image: url(contentBg-product.jpg);
}
.productBg .pageTitle h1{
  background:url(titleBg-orange.png) repeat
}
.aboutUsBg{
  border-color:#b2005e;
  background-image: url(contentBg-aboutUs.jpg);
}
.aboutUsBg .pageTitle h1{
  background:url(titleBg-pink.png) repeat
}
.trainBg{
  border-color:#2daebf;
  background-image: url(contentBg-train.jpg);
}
.trainBg .pageTitle h1{
  background:url(titleBg-green.png) repeat
}
.contactBg{
  border-color:#f8b62a;
  /*background-image: url(contentBg-contact.jpg);*/
}
.contactBg .pageTitle h1{
  background:url(titleBg-yellow.png) repeat
}
.newsBg{
  border-color:#12629c;
  background: url(contentBg-index.jpg) no-repeat center top;
}
.newsBg .pageTitle h1{
  background:url(titleBg-blue.png) repeat
}
.wrapFooter {
  background:#f8f8f8;
}
.contentBottom {
  background:#4d4d4d;
  width:1060px;
  margin:0 auto;
  position:relative
}
.contentBottom .indexNewsList{
  width:480px;
  margin:15px
}
.contentBottom .indexNewsList dt{
  font-size:14px;
  font-weight:600;
  color:#999
}
.contentBottom .indexNewsList dd{
  margin:0 0 3px 0
}
.contentBottom .indexNewsList dd span{
  color:#999;
  margin:0 0 0 10px
}
.contentBottom .indexNewsList a{
  color:#fff
}
.contentBottom .indexNewsList a:hover{
  text-decoration:underline;
}
.contentBottom .indexerwei{
  position: absolute;
  top:-245px;
  right:-75px;
  background: url(indexerwei.png) no-repeat;
  width:62px;
  height:31px;
  padding:141px 0 0 0;
}
.contentBottom .indexerwei a{
  float:left;
  margin:0 0 0 1px;
}
.contentBottom .indexerwei a.sina{
  width:29px;
  height:30px;
}
.contentBottom .indexerwei a.sina:hover{
  background:  url(indexerwei.png) no-repeat -1px -172px;
}
.contentBottom .indexerwei a.tx{
  width:30px;
  height:30px;
}
.contentBottom .indexerwei a.tx:hover{
  background:  url(indexerwei.png) no-repeat -31px -172px;
}
.security_click {
    position: absolute;
    top: 4px;
    left: 3px;
    width: 54px;
    height: 54px;
}
.newsPanel {
  padding:35px 0 35px 30px;
  position:relative
}
.newsPanel .newsIcon{
  position:absolute;
  background:url(scIcons.png) no-repeat 0 -47px;
  width:24px;
  height:18px;
  left:10px;
  top:15px
}
.newsPanel a{
  color:#fff
}
.newsPanel a:hover{
  color:#ccc
}
.weiboPanel {
  width:350px;
  background:url(scIcons.png) no-repeat -203px -47px;
  padding-left:87px;
  margin-top:5px
}
.newsExtra{
  background:#666666;
  position:absolute;
  top:-200px;
  width:550px;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
  display:none;
  z-index:9999;
}
.newsExtra h2{
  background:#333333;
  color:#fff;
  padding:5px 20px
}
.newsExtra h2 a{
  color:#ff6501
}
.newsExtra .extraItem li{
  border-bottom:1px solid #fff;
  height:56px;
  line-height:56px;
  padding:0 20px;
  position:relative
}
.newsExtra .extraItem li:hover{
  background:#4D4D4D
}
.newsExtra .extraItem li span{
  position:absolute;
  right:15px;
  top:5px;
  font-size:9px;
  color:#999;
  height:12px;
  line-height:12px
}
.extraItem li a{
  color:#fff
}
.newsExtra .extraBottom{
  background:url(scIcons.png) no-repeat -59px -132px;
  width:36px;
  height:24px;
  position:absolute;
  right:0;
  bottom:-24px;
  border-bottom:1px solid #5e5e5e
}
.fContant{
  width:1060px;
  margin:0 auto;
  position: relative;
  background-color: #F8F8F8
}
.fContant div {
  height:47px;
  background:url(scIcons.png) no-repeat -243px -126px;
  padding:0 0 0 50px;
  margin:25px 0 25px 20px
}
.fContant div b{font-size:30px;line-height:25px;color:#333}
.fContant div.exqq {
  background:url(scIcons.png) no-repeat -243px -173px;
  margin-left:120px;
  margin-right:120px
}
.fContant div.tel2 {
  background-position:-243px -220px;

}
.fContant .search{
  background:none;
  margin:40px 20px 0 0
}
.fContant .search input{
  height:26px;
  line-height:26px;
  border:1px solid #bbb;
  border-right:none;
  padding:0 5px;
  width:240px;
  vertical-align:top;
  color:#666
}
.fContant .search button{
  height:28px;
  line-height:28px;
  text-align:center;
  background:#fc9200;
  border:none;
  padding:0 10px;
  color:#fff
}
.fContant .search button:hover{
  background:#ff6501;
  font-weight:600;
  cursor:pointer
}
.bottomNav {
  background:#333;
  height:48px
}
.subNav li{
  float: left
}
.subNav li a{
  height:48px;
  line-height:48px;
  color:#fff;
  width:80px;
  text-align:center;
  display:inline-block;
  *display:inline;
  zoom:1
}
.subNav li a:hover{
  color:#f2f2f2;
  background:#3b3b3b
}
.copyRight {
  color:#bcbcbc;
  line-height:48px
}
.sideBar{
  width:150px;
  border-top:8px solid #ff6501;
  margin:0 0 0 20px;
  padding:50px 0 0 0
}
.sideBar h2{
  border-bottom:1px solid #999;
  padding:0 0 5px 0;
  margin:0 0 15px 0
}
.sideBar li{
  margin:0 0 15px 0
}
.sideBar li a{
  color:#ff6501;
  font-weight:600
}
.sideBar li a.now{
  color:#333
}
.sideBar li a:hover{
  color:#ca5000
}
.sideBar li a.now:hover{
  color:#333;
  cursor:default
}
.mainContent {
  margin:0 0 0 210px
}
.mainContent .title{
  padding:30px 0 0 0
}
.mainContent .title b{
  font-size:30px;
  color:#333;
  vertical-align: bottom;
  margin:0 0 0 20px
}
.mainContent .productTab,.dSoftInof .productTab{
  height:48px;
  background:#efefef;
  margin:30px 0 0 0
}
.productTab ul{
  float:right
}
.productTab li{
  display:inline-block;
  *display:inline;
  zoom:1;
  height:48px;
  line-height:48px;
  width:100px;
  text-align:center;
  color:#ff6501;
  cursor:pointer
}
.productTab li.now{
  background:url(scIcons.png) no-repeat -24px -47px;
  color:#333;
  cursor: default;
  font-weight:600;
}
.productTab li:hover{
  background:#f9f9f9
}
.productTab li.now:hover{
  background:url(scIcons.png) no-repeat -24px -47px
}
.mainContent .contentItem{
  margin:20px 0
}
.softList {
  margin:15px 0 200px 0
}
.softList li{
  width:100%;
  height:34px;
  margin:0 0 15px 0;
  padding:0 0 15px 0;
  border-bottom:1px dashed #ddd
}
.softList li:hover {
  border-style:none none solid none;
  border-color:#ff6501;
}
/*.softList li:hover h2{
  color:#ff6501
}*/
.softList li h2,.softList li .downInfo,.softList li .downLink{
  float:left;
  vertical-align: middle;
}
.softList li h2 {
  width:50%;
  font-size:14px;
  line-height:34px
}
.softList li .downInfo,.softList li .downLink{
  width:20%;
  color:#999
}
.softList li .downVideo{
  width:10%;
  float:left;
  vertical-align: middle;
}
.softList li .downInfo{
  line-height:34px
}
.softList li .downInfo b{
  font-size:18px;
  font-weight:normal;
  color:#333;
  vertical-align: middle
}
.softList li .downLink a{
  margin:0 10px 0 0
}
.zPlusDownload {
  margin:30px 0;
}
.zPlusDownload .down-btn{
  text-align: center;
}
.zPlusDownload .down-btn a{
  font-size: 20px;
  font-weight: bold;
  margin:0 45px 0 25px;
  border:1px solid #10D25F;
  padding:20px 85px;
  background:#09ba51;
  color:#fff;
  border-radius: 5px;
  display: inline-block
}
.zPlusDownload .down-btn a:hover{
  background:#10D25F;
  border:1px solid #09ba51;
  color:#fff;
  text-decoration: none;
}
.zPlusDownload .tips{
  text-align: center;
  margin:10px 0 20px;
  font-size: 18px
}
.versionList {
  margin:20px 0 100px 0
}
.versionList li{
  width:100%;
  margin:0 0 20px 0;
  padding:0 0 20px 0;
  border-bottom:1px dashed #ddd
}
.vesionTitle,.vesionItem{
  float:left
}
.vesionTitle {
  width:150px;
  padding:0 0 0 50px
}
.vesionTitle b{
  font-size:20px;
  font-family: Constantia,Georgia;
  padding:0 0 20px 0;
  display:block
}
.versionItem{
  margin:0 0 0 210px
}
.versionItem p{
  margin:0 0 10px 0
}
.videoItem{
  text-align:center;
  margin:25px 0 0 0
}
.videoItem ul{
  margin:0 0 30px 0
}
.videoItem li {
  float:left;
  margin:0 25px 30px;
  *margin:0 25px 30px 12px;
  position: relative;
  width:218px;
  height:165px;
  overflow: hidden;
}
.videoItem span.tips{
  color:#ff6501;
  font-size:16px
}
.videoItem h1{
  border-top:1px solid #ccc;
  padding:15px 0;
  font-size:18px
}
.videoItem li .videoCon{
  position: absolute;
  bottom:7px;
  width:100%;
  color:#fff;
  z-index:10;
  text-align:center;
  font-size:12px
}
.videoItem li h3{
  padding:5px 0 0 0;
  text-align: center
}
.videoItem li .videoCon{
  background:url(titleBg-black.png) repeat;
  z-index:9;
  height:80px;
  bottom:165px;
  padding:60px 0 0 0
}
.videoItem li .videoCon a:hover{
  text-decoration: none
}
.videoItem li .videoCon span{
  color:#fff;
  font-size:16px;
  line-height:16px;
  height:16px;
  padding:5px;
  cursor:pointer
}
.videoItem li .videoCon span b{
  display:inline-block;
  *display:inline;
  zoom:1;
  width:16px;
  height:16px;
  background:url(scIcons.png) no-repeat 0 -95px;
  vertical-align: middle;
  padding:0 5px 0 0
}
.videoItem li .videoCon span.downBtn b{
  background-position:0 -111px
}
.videoItem li .videoCon span:hover{
  background:#ff6501
}
.softVideo .bottomSpace{
  height:100px
}
.trainItem{
  margin:1px 0 0 0;
  padding:0 20px 0 20px
}
.trainItem .tLeft,.trainItem .tRight{
  width:470px
}
.trainItem .tImg{
  margin-bottom: 10px
}
.trainEntry {
  width:430px;
  float:left;
  background:#ededed;
  height:50px;
  margin:0 20px 10px 0;
  padding:0 20px
} 
.trainEntry a{
  color:#666
}
.trainEntry a:hover{
  color:#333
}

.trainEntry .trainState,.trainEntry .trainTitle{
  float:left
}
.trainEntry .trainState{
  width:95px;
  line-height:50px;
}
.trainEntry .trainTitle{
  text-align: right;
  width:335px;
  float:right;
  height:50px;
  line-height:50px;
  overflow: hidden
}
.doing {
  background:#e9edd3
}
.apply {
  background:#f5ebc9
}
.trainEntry:hover{
  background:#e7e7e7
}
.doing:hover {
  background:#e6edbe
}
.apply:hover {
  background:#f5e5b3
}
.apply .trainState {
  line-height:35px
}
.apply .trainState p.tData{
  margin:-18px 0 0 0;
  color:#999
}
.trainList h2 {
  border-bottom:1px solid #ddd;
  padding:5px 0;
  margin:15px 29px 15px 0;
  font-size:18px
}
.doing span.tIcon {
  background:url(scIcons.png) no-repeat -87px -95px;
  padding:0 0 0 16px
}
.apply span.tIcon {
  background:url(scIcons.png) no-repeat -87px -112px;
  padding:0 0 0 16px
}
.loca span.tIcon {
  background:url(scIcons.png) no-repeat -102px -128px;
}
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes shake {
  0%, 100% {-webkit-transform: translateX(0);}
  40% {transform: translateX(-5px);}
  60% {transform: translateX(5px);}
}

@-moz-keyframes shake {
  0%, 100% {-moz-transform: translateX(0);}
  40% {transform: translateX(-5px);}
  60% {transform: translateX(5px);}
}

@-o-keyframes shake {
  0%, 100% {-o-transform: translateX(0);}
  40% {transform: translateX(-5px);}
  60% {transform: translateX(5px);}
}

@keyframes shake {
  0%, 100% {transform: translateX(0);}
  30% {transform: translateX(-3px);}
  70% {transform: translateX(3px);}
}

.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
.trainForm {
  border-top:35px solid #2daebf;
  padding:25px 50px 50px 50px;
  margin:1px 0 0 0;
  position:relative
}
.trainForm a.backTrain{
  position:absolute;
  color:#fff;
  font-size:18px;
  left:10px;
  top:-32px
}
.trainForm a.backTrain:hover{
  left:5px
}
.trainFormTab {
  border-bottom:1px solid #2daebf;
  margin:15px 0 0 0
}
.trainFormTab a{
  width:150px;
  text-align:center;
  height:34px;
  line-height:34px;
  display:inline-block;
  *display:inline;
  zoom:1;
  background:#ededed;
  color:#999;
  cursor:pointer
}

.trainFormTab a:hover{
  background:#e6eeef;
  color:#333
}
.trainFormTab a.now{
  background:#2daebf;
  color:#fff;
  cursor:default
}
.formEntry *{
  font-size:14px;
}
.formContent {
  padding:15px
}
.formContent h1{
  text-align:center;
  color:red;
  font-size:40px;
  font-weight:600
}
.formContent h2{
  text-align:center;
  font-size:28px;
  border-top:1px solid red;
  padding:10px;
  margin:10px 0;
  font-weight:600
}
.formContent p {
  line-height: 22px
}
.formTable li {
  margin:15px 0;
  position:relative
}
.formTable .formTh{
  width:80px;
  height:34px;
  line-height:34px;
  text-align:center;
  background:#2daebf;
  color:#fff
}
.formTable .formTd {
  margin:0 0 0 80px;
  border-top:1px dashed #ddd;
  padding:0 20px
}
.formTable .formTd p{
  margin:10px 0
}
.formTable a.formDown{
  color:#fff;
  font-size:16px;
  line-height:30px;
  height:30px;
  padding:0 25px;
  background:#336699;
  position:absolute;
  right:0;
  top:50px
}
.formTable a.formDown span{
  display:inline-block;
  *display:inline;
  zoom:1;
  width:16px;
  height:16px;
  background:url(scIcons.png) no-repeat 0 -111px;
  vertical-align: middle;
  padding:0 5px 0 0
}
.formTable a.formDown:hover{
  padding:0 27px;
  height:32px;
  line-height:32px;
  font-weight:600;
}
.reportContent h1{
  font-size:24px;
  text-align:center;
  margin:15px 0
}
.reportContent p{
  line-height:22px;
}
.aboutUsBg .sideBar {
  border-color:#b2005e
}
.aboutUsBg .sideBar li a {
  color:#b2005e
}
.aboutUsBg .sideBar li.active a {
  color:#333
}
.aboutEntry {
  border-bottom:1px solid #ccc;
  padding:0 0 30px;
  margin:30px 0
}
.aboutEntry p{
  line-height:30px
}
.aboutEntry a{
  color:#B2005E
}
.aboutEntry a:hover{
  text-decoration:underline
}
.aboutEntry h2{
  font-size:18px;
  color:#333
}
.aboutEntry h1{
  font-size:24px;
  color:#333
}
.whoami h1{
  font-size:36px;
  color:#b2005e;
  margin:0 0 15px 0
}
.whoami h2{
  margin:30px 0 15px 0
}
.myPro div.fL,.myPro div.fR{
  width:380px;
  margin:0 0 15px 0
}
.myPro h1{
  margin:0 0 15px 0
}
.myPro h2{
  margin:15px 0
}
.family h2{
  margin:20px 0 15px 0
}
.workCulture div.fL{
  width:223px
}
.workCulture div.middle{
  margin:0 70px
}
.workCulture h1{
  margin:0 0 15px 0
}
.workCulture h2{
  margin:15px 0 0 0
}
.briefHistory h1{
  margin:0 0 15px 0
}
.briefHistory h2{
  margin:50px 0 10px 0
}
.historyList div.fL{
  width:250px
}
.historyList li {
  border-bottom:1px dotted #ccc;
  padding:30px 0 10px 0
}
.historyList li.noline{
  border-bottom:none
} 
.historyList div.middle{
  margin:0 30px
}
.historyList div.hdate{
  font-size:16px;
  color:#333;
  font-weight:600;
  width:60px
}
.historyList div.hitem{
  margin:0 20px 0 60px;
}
.historyList div.hitem span{
  font-weight:600;
}
.historyList div.hitem p{
  line-height:14px;
  margin:0 0 20px 0;
  color:#999
}
.clientList {
  padding:10px 15px;
  background:#f7f7f7;
  text-align:left;
  margin:0 0 30px 0
}
.clientList span{
  padding:10px 15px 10px 0;
  display:inline-block;
  *display:inline;
  zoom:1
}
.workCulture,.jobs{
  border:none
}
.jobs .jobEntry{
  padding:10px 0
}
.jobs .jobEntry h2{
  background:#F7F7F7;
  cursor:pointer;
  padding:3px
}
.jobs .jobEntry dl{
  padding:0 0 0 20px;
  display:none;
  border-left:1px solid #ebebeb
}
.jobs .jobEntry dt{
  color:#333;
  font-size:16px;
  margin:5px 0
}
.jobs .jobEntry dd{
  margin:5px 0;
  padding:0 20px 0 10px
}
.jobs .jobEntry.focus dl{
  display:block
}
.partnerList li{
  float:left;
  width:90px;
  padding:5px 22px 20px 22px;
  text-align:center;
  height:125px;
}
.partnerList li.openMore{
  width:100%;
  height:14px;
}
.partnerList li.openMore a{
  cursor: pointer;
}
.partnerList li.moreSchool{
  display: none
}
/*.contactBg .width1060{*/
  /*background:url(mapBg.png) no-repeat 0 0;*/
  /*height:800px;*/
  /*position:relative*/
/*}*/
.contactMap {
  position:absolute;
  top:135px;
  right:60px;
  padding:10px
}
.contactMap .mapItem{
  width:470px;
  height:542px;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  z-index:10;
  position:relative;
  float:left;
}
.contactMap .mainContact,.contactMap .allContact{
  margin:20px 0 0 0;
  float:left;
  width:225px;
  padding:15px 0 15px 15px;
  background:url(contactBg.png) repeat;    
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  z-index:5;
  position:relative
}
.contactMap .mainContact td{
  vertical-align: top;
  padding:0 0 10px 0
}
.mainContact h1{
  color:#f8b62a;
  font-size:24px;
  margin:0 0 15px 0
}
.contactMap .allContact{
  width:315px;
  height:565px;
  overflow-y: auto;
  padding:15px;
  left:450px
}
.allContact dl{
  margin:0 0 10px 0;
  padding:0 0 10px 0;
  border-bottom:1px dashed #ccc
}
.allContact dt{
  margin:10px 0 0 0;
  font-weight:600
}
.allContact dt span{
  width:16px;
  height:16px;
  float:left;
  background:url(scIcons.png) no-repeat -21px -97px;
  margin:0 3px 0 0
}
.allContact dd{
  margin:3px 0
}
.allContact dd b{
  margin:0 0 0 19px
}
.contactMap a.openAll,.contactMap a.closeAll{
  cursor: pointer;
}
.index h2{
  font-size:24px;
  border-left:10px solid #333;
  margin:20px 0;
  padding:0 0 0 10px;
  height:24px;
  line-height:24px;
  color:#333
}
.index h2 a.allDown{
  background:#336699;
  color:#fff;
  font-size:16px;
  padding:0 10px;
  height:24px;
  line-height:24px
}
.index h2 a.allDown:hover{
  background:#009F86
}
.ourService .serviceItem{
  width:304px;
  float:left;
  position:relative
}
.ourService .indexSoft{
  z-index:999
}
.ourService .indexWeb{
  margin:0 50px;
  z-index:0
}
.ourService .indexTrain{
  z-index:0
}
.serviceItem .serviceTitle {
  background:#ff6501;
  color:#fff;
  width:304px;
  height:179px;
  position: relative;
  margin:0 0 20px 0;
  display:inline-block
}
.serviceItem .serviceTitle h3{
  font-size:18px;
  margin:15px 15px 5px 15px;
  height:18px;
  line-height:18px
}
.serviceItem .serviceTitle h3 span{
  width:18px;
  height:18px;
  float:left;
  background:url(scIcons.png) no-repeat -41px -95px;
  margin:0 10px 0 0;
  vertical-align:middle
}
.serviceItem .serviceTitle p{
  margin:0 15px;
  line-height:21px
}
.serviceItem .serviceTitle span.arrow{
  width:14px;
  height:13px;
  background:url(scIcons.png) no-repeat -125px -47px;
  position:absolute;
  top:179px;
  left:15px;
  font-size:1px
}
.indexSoft .serviceEntry .softEntry,.softEntryCover {
  background:#ededed;
  margin:0 0 10px 0;
  height:55px;
  padding:15px 15px 0 15px;
  cursor: pointer
}
.indexSoft .softEntry span.tL,.softEntryCover span.tL {
  font-size:30px;
  color:#333;
  display:block;
  background:url(scIcons.png) no-repeat 235px -128px
}
.softEntryCover {
  position: absolute;
  bottom:10px;
  width:304px;
  cursor:default;
  padding:0;
  height:70px;
  margin:0
}
.softEntryCover span.tL {
  background:none;
  color:#ccc
}
.indexSoft .softEntry span.webSoft {
  background-position:235px -165px
}
.indexSoft .serviceEntry .focus{
  background:#ff6501;
  width:275px
}
.indexSoft .focus span.tL{
  color:#fff;
  background:none
}
.indexSoft .seList{
  position: absolute;
  background:#ff6501;
  width:635px;
  height:289px;
  padding:30px 40px;
  left:305px;
  top:0;
  z-index:999
}
.indexSoft .seList li{
  width:317px;
  float:left
}
.indexSoft .seList li a{
  display:inline-block;
  *dispaly:inline;
  zoom:1;
  color:#fff;
  font-size:18px;
  margin:20px 0
}
.indexSoft .seList li a:hover{
  border-left:1px solid #fff;
  padding-left:5px
}
.indexWeb .serviceTitle {
  background:#b8d30b;
}
.indexWeb .serviceTitle h3 span{
  background-position:-60px -95px
}
.indexWeb .serviceTitle span.arrow{
  background-position:-139px -47px
}
.indexWeb .serviceEntry div.middle{
  margin:0 2px;
}
.indexWeb .serviceEntry div:hover{
  border-top:1px solid #fff
}
.indexTrain .serviceTitle {
  background:#32a5b5
}
.indexTrain .serviceTitle h3 span{
  background-position:-41px -114px
}
.indexTrain .serviceTitle span.arrow{
  background-position:-125px -60px
}
.indexTrain .trainEntry {
  width:284px;
  padding:0 10px;
  margin:0 0 1px 0
}
.indexTrain .trainEntry .trainState{
  width:90px
}
.indexTrain .trainEntry .trainState p.tData {
  font-size:11px
}
.indexTrain .trainEntry .trainTitle{
  width:185px;
  white-space:nowrap
}
.downloadCenter {
  min-height:400px;
}
.downSelect{
  margin:30px 0;
  height:60px
}
.selectEntry{
  width:280px;
  height:50px;
  line-height:50px;
  background:#009F86;
  color:#fff;
  padding:0 20px;
  position: relative;
  cursor:pointer;
  float:left;
  margin:0 25px 0 0
}
.selectEntry span.selectTitle{
  font-size:14px;
  float:left;
  height:50px;
  line-height:50px;
  width:245px
}
.selectEntry b.arrow{
  height:50px;
  width:50px;
  position: absolute;
  right:0;
  top:0;
  text-align:center
}
.selectEntry b.down{
  background:#ededed;
  color:#009F86
}
.selectEntry i.num{
  position:absolute;
  left:3px;
  top:3px;
  height:12px;
  line-height:12px;
}
.selectEntry .selectList{
  height:248px;
  position:absolute;
  top:50px;
  left:0;
  overflow:auto;
  overflow-x:hidden;
}
.selectEntry li a{
  width:300px;
  padding:0 0 0 20px;
  height:30px;
  line-height:30px;
  float:left;
  background:#ededed;
  color:#333;
  border-bottom:1px solid #fff
}
.selectEntry li a:hover{
  background:#009F86;
  color:#fff
}
.selectEntry li a.now{
  background:#009F86;
  color:#fff
}
.selectEntry.downLink {
  background:#336699;
  margin:0
}
.selectEntry.downLink a{
  color:#fff;
  text-decoration:underline;
  margin:0 0 0 20px 
}
.selectEntry.downLink a:hover{
  text-decoration: none;
  font-weight: 600
}
.downAllSelect dl{
  margin:0 0 20px 0
}
.downAllSelect dt {
  background:#666;
  color:#fff;
  padding:5px 10px
}
.downAllSelect dd{
  width:480px;
  padding:15px 15px;
  float:left;
  border-left:1px solid #ddd;
  margin:0 0 -1px -1px;
  border-bottom:1px solid #ddd
}
.downAllSelect dd a{
  float:right;
  margin:0 0 0 5px
}
.dSoftInof .productTab .title{
  margin:5px 0 0 8px;
  font-size:18px;
  height:32px;
  line-height:32px;
}
.dSoftInof .productTab .title img{
  margin:0 10px 0 0
}
.dSoftInof .videoItem li{
  margin:0 18px 30px 18px
}
.dSoftInof .contentItem {
    margin: 20px 0;
}
.dSoftInof .videoItem li .videoCon{
  top:0
}
/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  _position:absolute;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 860px;
  margin-left: -430px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 10%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-body {
  position: relative;
  padding: 1px;
}
.modal-form {
  margin-bottom: 0;
}
.modal a.close{
  background:#FFF;
  padding: 0 5px;
  position: absolute;
  _background:#f90000;
  _color:#fff
}
.adBanner{
  position:absolute;
  top:-45px;
  width:1020px
}
#openBanner,#closeBanner{
  width:12px;
  position:absolute;
  right:-23px;
  top:0;
  cursor:pointer;
  background:#FF6501;
  color:#fff;
  padding:3px 5px;
  font-weight:600;
  border-bottom:1px solid #fff
}
#topBannerSmall {
  text-align:right;
  width:1020px
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.indexMedia {display:none;}
}
/*newIndex*/
.newIndex{
  border-top:3px solid #333333
}
.indexMedia {
  height:400px;
  width:100%;
  margin:1px auto 0;
  position:relative;
  overflow: hidden;
  z-index: 99
}
.slideBanner{
  height:400px;
  overflow: hidden;
  z-index: 0
}
.slideBanner .bannerEntry{
  width:100%;
  margin:0 auto
}
.bannerEntry .bImg{
  width:1020px;
  margin:0 auto;
  position:relative
}
.bannerEntry .learnMore {
  position:absolute;
  right:50px;
  bottom:50px;
  color:#1570A6;
  font-size:18px;
  background:#fff;
  padding:8px 15px;
  border-bottom:3px solid #fff;
  z-index:99;
  transition: all 0.8s ease-out 0s;
  transform: translateY(60px);
  opacity:0
}
.bannerEntry.show .learnMore{
  transform: translateY(0px);
  opacity:1
}
.banner01{
  background:#701585
}
.banner01 .learnMore {
  background:#298514;
  color:#fff
}
.banner02{
  background:#b62e22
}
.banner02 .learnMore {
  background:#21aab6;
  color:#fff
}
.banner03{
  background:url(bigbanner03.png) no-repeat center center
}
.banner03 .learnMore {
  background:#333;
  color:#fff
}
.banner04{
  background:#ff6501
}
.banner04 .learnMore {
  background:#009aff;
  color:#fff
}
.banner05{
  background:url(bigbanner05.png) no-repeat center center
}
.banner05 .learnMore {
  background:#333;
  color:#fff
}
.banner06{
  background:#2d3e50
}
.banner06 .learnMore {
  background:#0d75bd;
  color:#fff
}
.banner07{
  background:url(bigbanner07.png) no-repeat center center
}
.banner07 .learnMore {
  background:#f0b500;
  color:#fff
}
.banner08{
  background:url(bigbanner08.png) no-repeat center center
}
.banner08 .learnMore {
  background:#333;
  color:#fff
}
.slidePointer {
  position:absolute;
  bottom:10px;
  right:15px
}
.slidePointer li{
  float:left;
  font-size:26px;
  color: #fff;
  margin:0 5px 0 0;
  cursor:pointer
}
.slidePointer li.now{
  color:#000;
  cursor:default;
  text-shadow:0 1px 0px #fff
}
.warpProduct {
  width:1060px;
  position:relative;
  margin:20px auto;
  height:360px
}
.warpProduct .softItem{
  padding:15px 30px 15px 30px;
  width:220px;
  background:#fff;
  box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1);
  position:absolute;
  top:-60px;
  left:0
}
.warpProduct h2{
  font-size:24px;
  margin:0 0 10px 0
}
.warpProduct .softItem li{
  margin:15px 0
}
.warpProduct .websiteItem{
  margin:0 0 0 320px
}
.warpProduct .websiteItem a{
  margin:0 1px 0 0
}
.warpProduct .protrainItem {
  margin:25px 0 0 690px;
  width:370px
}
.warpProduct .protrainItem li {
  margin:0 0 15px 0
}
.warpProduct .protrainItem a.fR{
  background: #2DAEBF;
  padding:3px 5px;
  color:#fff
}
.warpProduct .padItem{
  position: absolute;
  height:170px;
  width:340px;
  left:320px;
  top:170px
}
.newsBg .sideBar{
  border-color:#12629C;
}
.newsBg .sideBar li a {
  color:#12629C
}
.newsBg .sideBar li.active a {
  color:#333
}
.newsList {
  margin:20px 0;
}
.newsList .nItem {
  border-bottom:1px solid #f2f2f2;
  padding: 20px 0;
  position:relative;
  min-height:140px;
}
.nItem .nThumb{
  position:absolute;
  width:200px;
  height:140px;
  overflow:hidden
}
.nItem .nCon{
  margin-left:230px;
}
.nItem .nCon h2{
  margin-bottom: 20px;
  margin-right: 20px
}
.nItem .nCon h2 a{
  font-size: 18px
}
.nItem .nCon .nDes{
  color:#999;
  margin-right: 20px
}
.nItem .nCon .nInfo{
  color:#ccc;
  margin-top: 10px
}
.nItem .nCon .nInfo a{
  color:#ccc;
}
.newsContent {
  position:relative;
  padding:20px 0;
}
.newsCitem {
  margin-right: 340px;
  margin-top: 20px
}
.newSide{
 float: right;
 width:320px;
 padding:20px 0 0 0;
}
.newSide dt{
  padding:5px 0 5px 20px;
  font-size: 18px;
 border-left:1px solid #12629C;
}
.newSide dd{
 border-left:1px solid #ddd;
 padding:10px 10px 20px 20px
}
.newSide dd a{
 font-size:14px;
}
.newsCitem p{
  font-size: 16px;
  line-height:28px;
}
.newsCitem p a{
  font-size: 16px;
}
.ncTitle {
  background-size:cover;
  background-position: center;
  height:200px;
  overflow:hidden;
  position:relative
}
.ncTitle .wrapBg{
  background:rgba(0,0,0,0.5);
  background:none\9;
  height:100%
}
.ncTitle h1{
  font-size: 26px;
  color:#fff;
  padding-top:50px;
  margin:0 40px 0 40px;
  text-shadow:0 1px 1px #333;
}
.ncTitle p {
  position:absolute;
  bottom:30px;
  left:40px;
  color:#f2f2f2;
  text-shadow:0 1px 2px #333;
}
.ncTitle p a{
  color:#fff;
}
.pagination .none {
  color:#ccc;
  text-decoration: none;
  cursor:default;
}
.webproLink li{
  line-height:32px;
  height:32px;
  margin:10px 0 20px 0
}
.webproLink .icon{
  height:32px;
  width:32px;
  display:inline-block;
  *display:inline;
  zoom:1;
  background:url(webpro.png) no-repeat;
  margin:0 10px 0  0;
  vertical-align: top;
}
.webproLink .icon.iconol{
  background-position:0 -32px
}
.webproLink .icon.iconsso{
  background-position:0 0
}
.webproLink .icon.iconqy{
  background-position:0 -64px
}
.webproLink li a{
  font-size:18px;
  display:inline-block;
  *display:inline;
  zoom:1;
  height:32px;
  line-height:32px
}
.bolangbanner {
    bottom: 0;
    height: 100px;
    position: absolute;
    width: 100%;
    z-index:0;
}
#banner_bolang_bg_1{
  position: absolute;
  height:85px;
  background: url(wave1.png) repeat-x;
  width:300%;
  bottom:0;
}
#banner_bolang_bg_2{
  position: absolute;
  height:100px;
  background: url(wave2.png) repeat-x;
  width:300%;
  top:0;
}
.searchWrap {
  border-top:3px solid #333;
}
.searchWrap .searchPanel {
  box-shadow:1px 2px 3px #E7E7E7;
  position: relative;
  width:565px;
  margin: 30px auto
}
.searchPanel .sInptw {
  display: inline-block;
height: 48px;
width: 500px;
overflow: hidden;
border-width: 1px 0px 1px 1px;
border-color: #B5B5B5;
border-style: solid;
background-color: #FFF;
vertical-align: top;
box-shadow: 1px 1px 2px #E7E7E7 inset;
}
.searchPanel .sSel {
  font-size: 12px;
position: absolute;
left:10px;
top:12px;
z-index: 99;
}
.searchPanel .sSel select{
  padding:5px 0;
}
.searchPanel .sBtn {
position: relative;
cursor: pointer;
width: 64px;
height: 50px;
overflow: hidden;
vertical-align: top;
background-position: 50% 0px;
background-repeat: no-repeat;
float:right;
}
.searchPanel .sBtn input{
  position: absolute;
  background:#ff6501;
width: 64px;
height: 50px;
line-height:40px;
font-size: 18px;
text-align: center;
color:#fff;
cursor: pointer;
border:none
}
.searchPanel .sBtn input:hover{
  background-color: #ff7b25;
}
.searchPanel .sBtn input:active{
  line-height: 50px
}
.searchPanel .sInptw input{
  background: none repeat scroll 0% 0% transparent;
  outline: 0px none;
  width: 430px;
  height: 38px;
  padding: 6px 5px 3px 100px;
  font-size: 18px;
  color: #666;
  border:none;
}
.searchResults .entry {
  margin:0px 0 15px;
  padding:0px 0 15px 0;
  border-bottom:1px dashed #ddd;
}
.searchResults .entry a.title{
  font-size:16px;
}


.mainContent_con{
}
.security_h{
	text-align:center;
	margin:45px 0 20px;
	font-size:30px;
	color:#666;
}
.security_con{
	position:relative;
	text-align:center;
	background:url(securityBg.png) no-repeat 255px 0;
	margin:15px 0 35px 0;
}
.security_inputLock{
	text-align:center;
	padding:45px 0;
}
.security_inputLock span{
	position:relative;
	font-size:30px;
}
.security_input{
	width:240px;
	font-size:30px;
	border:none;
	background:#f3f3f3;
	color:#ff6501;
	padding:3px 0 3px 10px;
}
.security_inputLock .tips{
	position:absolute;
	left:15px;
	top:5px;
}
.security_Lock{
	position:absolute;
	z-index:99;
	left:350px;
	top:90px;
	display:none;
}
.security_btn{
	margin:50px 0;
	text-align:center;
}
.security_btn a{
	text-decoration:none;
}
.btn_security{
	font-size:30px;
	color:#fff;
	background:#ff6501;
	border-radius:5px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
	padding:10px 100px;
  border:none
}
.btn_security:hover{
	color:#fff;
	background:#ec5d00;
  border:none
}
.btn_security:active{
	color:#fff;
	background:#ff6501;
  border:none
}
.piracy_con{ 
    text-align:center;
	margin:65px 0;
	text-align:center;
	font-size:20px;
	color:#ff6501;
}
.genuine_con{
	margin:45px 0;
	color:#666;
}
.genuine_con h2{
	text-align:center;
	height:45px;
	line-height:45px;
	font-size:20px;
}
.genuine_con ul{
	margin:0 0 0 326px;
}
.genuine_con ul li{
	font-size:16px;
	padding:3px 0;
}
.trainingCon ul li{
  float:left;
  margin:15px 30px 15px 30px;
}
.trainingImg img{
  width:210px;
  height:210px;
}
/*-2.0首页-*/
/*顶部*/
.warp-header {
  height:60px;
}
.warp-header-shell {
  width:1060px;
  margin:0 auto;
}
.warp-header .header-logo a{
  float:left;
  width:60px;
  height:60px;
  background:url(scIcons.png) no-repeat -62px -205px;
}
.warp-header .header-nav {
  margin-left: 20px
}
.warp-header .header-nav h2{
  font-size: 16px;
  line-height: 60px;
  color:#2F2F2F;
}
.warp-header .header-nav h2 > a{
  font-size: 16px;
  line-height: 60px;
  color:#2F2F2F;
}
.header-nav .nav-main {
  float:left;
  padding:0 20px;
  position:relative;
  cursor:pointer;
  z-index: 999
}
.header-nav .nav-main:hover {
  background-color: #F1F1F1
}
.header-nav .nav-main:hover > h2{
  color:#2f2f2f
}
.header-nav .nav-main.active {
  background-color: #F1F1F1
}
.header-nav .nav-main.active > h2{
  color:#2f2f2f
}
.header-nav h2 .nav-icon{
  margin:0 0 0 10px;
  vertical-align:middle
}
.header-nav .nav-icon {
  background:url(scIcons.png) no-repeat 0 0;
  display:inline-block;
  width:16px;
  height:16px
}
.nav-drop .nav-icon{
  float:right;
  margin-top:18px;
}
.nav-icon.icon-up {
  background-position: -123px -205px
}
.nav-icon.icon-right {
  background-position: -123px -239px
}
.nav-drop {
  position:absolute;
  background-color:#f1f1f1;
  min-width:200px;
  max-width:200px;
  left:0;
  z-index: 999
}
.nav-drop dt {
  height:50px;
  line-height:50px;
  padding:0 20px;
  color:#2F2F2F;
  width:160px;
}
.nav-drop dt > a{
  color:#2F2F2F;
  text-decoration: none;
  float:left;
  width:160px
}
.nav-drop dt > a:hover {
  text-decoration:underline
}
.nav-drop dt.active{
  background-color:#E5E5E5
}
.nav-drop dt:hover{
  background-color:#E5E5E5
}
.nav-drop dt.active .nav-icon{
  opacity:0.2;
}
.nav-dropdown-content {
  position:absolute;
  left:200px;
  background-color:#E5E5E5;
  width:200px;
  top:0;
}
.nav-dropdown-content li {
  height:50px;
  line-height:50px;
  display:block;
  width:200px;
  padding:0;
}
.nav-dropdown-content li:hover {
  background-color: #D9D9D9;
}
.nav-dropdown-content li a{
  display:inline-block;
  padding:0 20px;
  width:160px;
  color:#2F2F2F;
}
.nav-dropdown-content li a:hover{
  background-color: #D9D9D9;
}
.index-header .active .nav-icon.icon-up {
  background-position: -123px -205px
}
.index-header li:hover .nav-icon.icon-up {
  background-position: -123px -205px
}
.header-search{
  float:right;
  height:60px;
  line-height: 60px
}
.header-search .search-bar{
  height:24px;
  background:#fff;
  line-height: 24px;
  padding:2px;
  margin-top: 15px;
  border:1px solid #ddd;
}
.search-bar .search-input{
  height:22px;
  background:#fff;
  border:none;
  display:inline-block;
  padding:0 5px;
  width:220px;
}
.search-bar .search-submit{
  height:24px;
  background:#ff6501;
  color:#fff;
  border:none;
  display:inline-block;
  padding:0 5px;
  cursor:pointer;
}
.search-bar .search-submit:hover{
  background:#ff8130;
}
.search-bar select{
  border:1px solid #fff
}
.header-search .search-icon{
  width:24px;
  height:24px;
  background:url(search-icon.png) no-repeat 0 0;
  display:inline-block;
  cursor:pointer;
  vertical-align:middle
}
/*首页顶部*/
.index-header{
  position:absolute;
  width:100%;
  z-index: 999;
  background:url(header-bg.png) repeat center center;
}
.index-header .header-logo a{
  background-position: 0px -205px
}
.index-header .header-nav h2 {
  color:#fff;
  font-weight: 600
}
.index-header .nav-icon.icon-up {
  background-position: -140px -205px
}
.index-header .header-search .search-icon{
  background:url(search-icon.png) no-repeat 0 -24px
}
.index-header .header-search .search-bar{
  border:1px solid #fff;
}
/*广告*/
.warp-banner {
  height:500px;
  width:100%;
  position:relative;
  background-color: #333
}
.banner-shell {
  height:500px;
  overflow:hidden;
}
.banner-entry {
  position:absolute;
  height:500px;
  width:100%;
  opacity:0;
  overflow:hidden;
  transition: all 0.6s ease-out 0s;
}
.banner-entry.show{
  opacity:1;
}
.banner-entry .banner-images{
  width:1060px;
  height:500px;
  position:relative;
  margin:0 auto;
  overflow:hidden;
}
/*计量支付*/
.banner-entry.banner-one {
  background:#B6BA6B url(bing-banner01.jpg) center center
}
.banner-one .animation{
  position:absolute;
  opacity:0
}
.banner-one .images-1{
  background:url(banner-jlzf.png) 0 0;
  width:504px;
  height:392px;
  bottom:40px;
  right:35px;
  transition: all 0.8s ease-out 0s;
  transform: translateY(-60px);
  transition-delay: 0.2s;
}
.banner-one .images-2{
  background:url(banner-jlzf.png) 0 -392px;
  width:376px;
  height:219px;
  bottom:25px;
  right:354px;
  transition: all 0.8s ease-in 0s;
  transform: translateX(-70px);
}
.banner-one .images-3{
  background:url(banner-jlzf.png) 0 -611px;
  width:237px;
  height:168px;
  bottom:25px;
  right:5px;
  transition: all 0.8s ease-in 0s;
  transform: translateX(70px);
}
.banner-one.show .images-1{
  transform: translateY(0px);
  opacity:1;
}
.banner-one.show .images-2{
  transform: translateX(0px);
  opacity:1;
}
.banner-one.show .images-3{
  transform: translateX(0px);
  opacity:1;
}
.banner-one .title-1{
  background:url(banner-jlzf.png) 0 -780px;
  width:470px;
  height:38px;
  top:135px;
  left:15px;
  transition: all 0.4s ease-out 0s;
  transform: translateX(30px);
}
.banner-one .title-2{
  background:url(banner-jlzf.png) -335px -610px;
  width:239px;
  height:30px;
  top:230px;
  left:15px;
  transition: all 0.2s ease-in 0s;
  transform: translateX(30px);
  transition-delay: 0.2s;
}
.banner-one .title-3{
  background:url(banner-jlzf.png) -335px -648px;
  width:209px;
  height:30px;
  top:285px;
  left:15px;
  transition: all 0.2s ease-in 0s;
  transform: translateX(30px);
  transition-delay: 0.4s;
}
.banner-one .title-4{
  background:url(banner-jlzf.png) -335px -685px;
  width:209px;
  height:30px;
  top:336px;
  left:15px;
  transition: all 0.2s ease-in 0s;
  transform: translateX(30px);
  transition-delay: 0.6s;
}
.banner-one.show .title-1{
  transform: translateX(0px);
  opacity:1;
}
.banner-one.show .title-2{
  transform: translateX(0px);
  opacity:1;
}
.banner-one.show .title-3{
  transform: translateX(0px);
  opacity:1;
}
.banner-one.show .title-4{
  transform: translateX(0px);
  opacity:1;
}
.banner-one .more-button{
  position:absolute;
  top:420px;
  left:15px;
  z-index: 99;
  opacity:0;
  transition: all 0.2s ease-in 0s;
  transform: translateX(30px);
  transition-delay: 0.8s;
}
.banner-one.show .more-button{
  transform: translateX(0px);
  opacity:1;
}
.banner-one .more-button a{
  color:#333;
  background:#fff;
  border:1px solid #fff;
  padding:15px 30px;
  text-decoration: none;
  font-size: 16px
}
.banner-one .more-button a:hover{
  color:#333;
  background:#fff;
  padding:17px 32px;
}
/*计量支付*/
/*N合1*/
.banner-entry.banner-two {
  background:#ed6455 url(bing-banner02.jpg) center center
}
.banner-two .animation{
  position:absolute;
  opacity:0
}
.banner-two .title-1{
  background:url(banner-ninone.png) 0 0;
  width:427px;
  height:135px;
  top:175px;
  left:125px;
  transition: all 0.4s ease-out 0s;
  transform: translateX(-60px);
}
.banner-two .title-2{
  background:url(banner-ninone.png) 0 -135px;
  width:332px;
  height:122px;
  top:190px;
  right:125px;
  transition: all 0.4s ease-out 0s;
  transform: translateX(60px);
}
.banner-two .title-3{
  left:0;
  top:0;
  width:70px;
  opacity:1;
  height:122px;background:url(banner-ninone1.png) 0 0
}
.banner-two .more-button{
  position:absolute;
  top:385px;
  left:475px;
  z-index: 99;
  opacity:0;
  transition: all 0.4s ease-in 0s;
  transform: translateY(30px);
  transition-delay: 0.2s;
}
.banner-two.show .more-button{
  transform: translateY(0px);
  opacity:1;
}
.banner-two .more-button a{
  color:#cf4a3e;
  background:#fff;
  border:1px solid #fff;
  padding:15px 30px;
  text-decoration: none;
  font-size: 16px
}
.banner-two .more-button a:hover{
  color:#cf4a3e;
  background:#fff;
  padding:17px 32px;
}
.banner-two.show .title-1{
  transform: translateX(0px);
  opacity:1;
}
.banner-two.show .title-2{
  transform: translateX(0px);
  opacity:1;
}

.banner-two.show .title-3{
-webkit-animation:pulse 0.4s infinite ease;
-moz-animation:pulse 0.4s infinite ease;}
@-webkit-keyframes pulse{
0%{background:url(banner-ninone1.png) 0 -122px;}
25%{background:url(banner-ninone1.png) 0 -244px;}
50%{background:url(banner-ninone1.png) 0 -366px;}
75%{background:url(banner-ninone1.png) 0 -488px;}
100%{background:url(banner-ninone1.png) 0 -610px;}
}
@-moz-keyframes pulse{
0%{background:url(banner-ninone1.png) 0 -122px;}
25%{background:url(banner-ninone1.png) 0 -244px;}
50%{background:url(banner-ninone1.png) 0 -366px;}
75%{background:url(banner-ninone1.png) 0 -488px;}
100%{background:url(banner-ninone1.png) 0 -610px;}
}
/*N合1*/
/*V908*/
.banner-entry.banner-three {
  background:#efefef url(bing-banner03.jpg) center center
}
.banner-three .animation{
  position:absolute;
  opacity:0
}
.banner-three .title-1{
  background:url(banner-908.png) 0px 0px;
  width:653px;
  height:50px;
  top:170px;
  left:200px;
  transition: all 0.2s ease-in 0s;
  transform: translateY(30px);
  transition-delay: 0.2s;
}
.banner-three .title-2{
  background:url(banner-908.png) 0px -50px;
  width:275px;
  height:108px;
  top:240px;
  left:585px;
  transition: all 0.2s ease-in 0s;
  transform: translateY(30px);
  transition-delay: 0.4s;
}
.banner-three .title-3{
  background:url(banner-908.png) 0px -158px;
  width:359px;
  height:83px;
  top:252px;
  left:200px;
  transition: all 0.2s ease-in 0s;
  transform: translateY(30px);
  transition-delay: 0.8s;
}
.banner-three.show .title-1{
  transform: translateY(0px);
  opacity:1;
}
.banner-three.show .title-2{
  transform: translateY(0px);
  opacity:1;
  -webkit-animation:shak 0.7s infinite ease;
  -moz-animation:shak 0.7s infinite ease;
  animation:shak 0.7s infinite ease;
}
  @-webkit-keyframes shak{
  0%,100%{-webkit-transform:translateY(0);}
  10%,30%,50%,70%, 90%{-webkit-transform:translateY(-10px);}
  20%,40%,60%,80%{-webkit-transform:translateX(10px);}
  }
  @-moz-keyframes shak{
  0%,100%{-moz-transform:translateY(0);}
  10%,30%,50%,70%, 90%{-moz-transform:translateY(-10px);}
  20%,40%,60%,80%{-moz-transform:translateX(10px);}
  }
  @keyframes shak{
  0%,100%{transform:translateY(0);}
  10%,30%,50%,70%, 90%{transform:translateY(-10px);}
  20%,40%,60%,80%{transform:translateX(10px);}
  }
.banner-three.show .title-3{
  transform: translateY(0px);
  opacity:1;
}
.banner-three .more-button{
  position:absolute;
  top:420px;
  right:200px;
  z-index: 99;
  opacity:0;
  transition: all 0.4s ease-in 0s;
  transform: translateY(30px);
  transition-delay: 0.2s;
}
.banner-three.show .more-button{
  transform: translateY(0px);
  opacity:1;
}
.banner-three .more-button a{
  color:#fff;
  background:#FF6501;
  border:1px solid #FF6501;
  padding:15px 30px;
  text-decoration: none;
  font-size: 16px
}
.banner-three .more-button a:hover{
  color:#fff;
  background:#FF6501;
  padding:17px 32px;
}
/*908*/
/*网络版*/
.banner-entry.banner-four {
  background:#e36335 url(bing-banner04.jpg) center center
}
.banner-four .animation{
  position:absolute;
  opacity:0
}
.banner-four .images-1{
  background:url(banner-ol.png) 0 0;
  width:261px;
  height:206px;
  top:47px;
  left:89px;
  transition: all 0.8s ease-out 0s;
  transform: translateY(-30px);
}
.banner-four .title-1{
  background:url(banner-ol.png) -261px 0;
  width:555px;
  height:121px;
  top:88px;
  right:89px;
  transition: all 0.8s ease-in 0s;
  transform: translateY(-30px);
}
.banner-four .title-2{
  background:url(banner-ol.png) 0 -206px;
  width:634px;
  height:69px;
  top:290px;
  left:215px;
  transition: all 0.4s ease-in 0s;
  transition-delay: 0.8s;
  transform: translateY(-40px);
}
.banner-four.show .images-1{
  transform: translateY(0px);
  opacity:1;
}
.banner-four.show .title-1{
  transform: translateY(0px);
  opacity:1;
}
.banner-four.show .title-2{
  transform: translateY(0px);
  opacity:1;
}
.banner-four .more-button{
  position:absolute;
  top:405px;
  left:475px;
  z-index: 99;
  opacity:0;
  transition: all 0.4s ease-in 0s;
  transform: translateY(-30px);
  transition-delay: 0.8s;
}
.banner-four.show .more-button{
  transform: translateY(0px);
  opacity:1;
}
.banner-four .more-button a{
  color:#cf4a3e;
  background:#fff;
  border:1px solid #fff;
  padding:15px 30px;
  text-decoration: none;
  font-size: 16px
}
.banner-four .more-button a:hover{
  color:#cf4a3e;
  background:#fff;
  padding:17px 32px;
}
/*招聘*/
.banner-entry.banner-five {
  background:#e36335 url(bing-banner05.jpg) center center
}
.banner-five .animation{
  position:absolute;
  opacity:0
}
.banner-five .more-button{
  position:absolute;
  top:405px;
  left:50%;
  margin-left:-103px;
  z-index: 99;
  opacity:0;
  transition: all 0.4s ease-in 0s;
  transform: translateY(-30px);
  transition-delay: 0.8s;
}
.banner-five.show .more-button{
  transform: translateY(0px);
  opacity:1;
}
.banner-five .more-button a{
  color:#cf4a3e;
  background:#fff;
  border:1px solid #fff;
  padding:15px 30px;
  text-decoration: none;
  font-size: 16px
}
.banner-five .more-button a:hover{
  color:#cf4a3e;
  background:#fff;
  padding:17px 32px;
}
/*招聘*/

/*新定额*/
.banner-entry.banner-six {
  background:#B6BA6B url(banner-newdinge.png) center center
}
.banner-six .animation{
  position:absolute;
  opacity:0
}
.banner-six .images-1{
  background:url(banner-dinge.png) -740px 0px;
  width:370px;
  height:370px;
  top:80px;
  left:80px;
  transition: all 0.8s ease-out 0s;
  transform: translateY(-60px);
  transition-delay: 0.2s;
}
.banner-six .images-2{
  background:url(banner-dinge.png) -370px 0px;
  width:370px;
  height:370px;
  top:70px;
  left:85px;
  transition: all 0.8s ease-in 0s;
  transform: translateX(-70px);
}
.banner-six .images-3{
  background:url(banner-dinge.png) 0 0;
  width:370px;
  height:370px;
  top:70px;
  left:95px;
  transition: all 0.8s ease-in 0s;
  transform: translateX(70px);
}
.banner-six.show .images-1{
  transform: translateY(0px);
  opacity:1;
}
.banner-six.show .images-2{
  transform: translateX(0px);
  opacity:1;
}
.banner-six.show .images-3{
  transform: translateX(0px);
  opacity:1;
}
.banner-six .title-1{
  background:url(banner-dinge.png) -1120px -110px;
  width:785px;
  height:80px;
  top:175px;
  left:215px;
  transition: all 0.4s ease-out 0s;
  transform: translateX(30px);
}
.banner-six .title-2{
  background:url(banner-dinge.png) -1120px -200px;
  width:485px;
  height:80px;
  top:265px;
  left:215px;
  transition: all 0.2s ease-in 0s;
  transform: translateX(30px);
  transition-delay: 0.2s;
}
.banner-six.show .title-1{
  transform: translateX(0px);
  opacity:1;
}
.banner-six.show .title-2{
  transform: translateX(0px);
  opacity:1;
}
.banner-six .more-button{
  position:absolute;
  top:380px;
  right:70px;
  z-index: 99;
  opacity:0;
  transition: all 0.2s ease-in 0s;
  transform: translateX(30px);
  transition-delay: 0.8s;
}
.banner-six.show .more-button{
  transform: translateX(0px);
  opacity:1;
}
.banner-six .more-button a{
  color:#333;
  background:#fff;
  border:1px solid #fff;
  padding:15px 30px;
  text-decoration: none;
  font-size: 16px
}
.banner-six .more-button a:hover{
  color:#333;
  background:#fff;
  padding:17px 32px;
}
/*新定额*/

/*网络版*/
#banner-pointer {
  position:absolute;
  bottom:10px;
  right:10px;
}
#banner-pointer li{
  float:left;
  background: #f2f2f2;
  margin:0 5px 0 0;
  cursor:pointer;
  width:12px;
  height:12px;
  border-radius: 12px;
  box-shadow: 0 1px 3px #999
}
#banner-pointer li.focus{
  background:#fff;
  cursor:default;
  width:28px;
}
.warp-big-title {
  width:1060px;
  margin:0 auto;
  padding:0 0 45px 0;
}
.warp-big-title h1{
  text-align: center;
  font-size: 36px;
  color:#ff6501;
  padding-bottom: 20px
}
.warp-big-title h2{
  text-align: center;
  font-size: 16px;
  color:#3f4244;
  padding:20px 0 0 0;
  border-top:1px solid #333;
  width:240px;
  margin: 0 auto;
}
.warp-sub-banner{
  width:1060px;
  margin:0 auto;
}
.warp-sub-banner a:hover{
  background:#333;
}
.warp-sub-banner a:hover img{
  opacity:0.8;
}
.warp-news {
  width:1040px;
  margin:45px auto 40px;
  padding:0 10px;
}
.warp-news .news-entry{
  width:306px;
}
.news-entry h3{
  font-size:18px;
  margin-bottom:20px;
}
.news-entry dt{
  position:relative;
  margin-bottom:15px;
}
.news-entry dt .news-title {
  background:rgba(21,112,166,0.6);
  position:absolute;
  bottom:0;
  width:286px;
  text-align:left;
  padding:5px 10px;
}
.news-entry dt .news-title a{
  color:#fff;
}
.news-entry dd{
  margin-bottom:20px;
  color:#999;
}
.news-entry li{
  margin-bottom:26px;
  color:#999;
}
.news-entry h4{
  margin:3px 0;
  font-size: 16px
}
.news-entry h4 a{
  font-size: 16px
}
.news-entry li .train-loca{
  background:#2daebf;
  color:#fff;
  padding:2px 5px;
  display:inline-block;
}
.news-entry .feelTrain{
  display:inline-block;
  width:100%;
  font-size: 16px;
  text-decoration:none;
  color:#ff6501;
}
.news-entry .feelTrain{
  display:inline-block;
  width:100%;
  font-size: 16px;
  text-decoration:none;
  color:#ff6501;
}
.news-entry .feelTrain:hover{
  color:#ff8d43;
}
/*走进纵横*/
.about-tab {
  background:#fff;
}
.about-tab li{
  float:left;
  width:170px;
  height:80px;
}
.about-tab li a{
  display:inline-block;
  width:170px;
  border-left:1px solid #ccc;
  text-align: center;
  font-size:16px;
  height:18px;
  line-height: 18px;
  margin-top: 32px;
  margin-left: -1px;
  font-weight: 600;
  color:#666;
  cursor:pointer;
}
.about-tab li a:hover{
  text-decoration: none;
  color:#333;
}
.about-tab li.active a{
  color:#B2005E;
  cursor:default;
}
.about-content {
  margin-top:80px;
}
.about-text {
  padding:67px 150px 67px 150px ;
}
.about-text h2,.about-h2 {
  font-size:28px;
  color:#333;
}
.about-text p,.about-p {
  font-size:16px;
  margin:15px 0;
  line-height: 28px;
}
.about-entry a {
    color: #B2005E;
}
.about-entry a:hover {
    text-decoration: underline;
}
.timeline {
  padding-top:0;
}
.timeline .text {
  margin-left:80px;
  padding-left:80px;
  border-left:1px solid #ccc;
  padding-bottom:15px;
}
.timeline .text p{
  margin-top:0px;
}
.timeline .text p a{
  font-size:18px;
}
.history-line .text p a{
  font-size:16px;
}
.timeline .month {
  position:relative;
}
.timeline .year h3{
  font-size: 28px;
  color:#333;
}
.history-line .year h3{
  font-size: 28px;
  color:#333;
  margin-bottom:40px;
}
.timeline .month em{
  position:absolute;
  font-size: 14px;
  left:25px;
  top:0;
}
.timeline .month em .dot{
  display:inline-block;
  background:#b2005e;
  width:12px;
  height:12px;
  border-radius: 10px;
  margin-left:20px;
}
.history-line .month em{
  left:22px;
  top:5px;
}
.about-entry .partnerList{
  width:810px;
  margin:0 auto 60px;
}
.about-entry .clientList{
  padding:0;
  background:none;
  margin-bottom: 60px
}
.clientList td{
  padding:8px 0;
  text-align:left
}
.join-line .month em{
  left:-1px;
  top:5px;
}
.join-line .year h3{
  font-size: 24px;
  color:#333;
  margin-bottom:10px;
  margin-top:40px;
}
.join-line .month{
  display:none;
}
.join-line i.arow {
    background: transparent url("scIcons.png") no-repeat -123px -205px;
    display: inline-block;
    width: 16px;
    height: 16px;
    float:right;
}
.join-line i.on {
    background: transparent url("scIcons.png") no-repeat -123px -221px;
}
.join-line h3:hover{
  cursor:pointer;
  color:#B2005E;
}
.join-line .year:hover h3{
  color:#B2005E;
}
.join-line .month em .dot{
  background:#999;
}
.join-line .year:hover em .dot{
  background:#B2005E;
}
.join-line .text {
  padding-left:40px
}
/*帮助*/
.helpBg{
  border-color: #b6ba6b;
  background:url(contentBg-help01.jpg) no-repeat;
}
.helpBg h1{
  background:#b6ba6b;
}
.helpBg .sideBar{
  border-color: #b6ba6b;
}
#sideBar h2 a{
  color:#666;
}
#sideBar h2 a:hover{
  color:#333;
  font-weight:600;
  text-decoration:none;
}
.helpnav h2{
  border:none;
  color:#333;
}
#sideBar .helpnav li a{
  color:#b6ba6b;
}
#sideBar .helpnav li .now{
  color:#333;
}
.helpCon{
  margin:30px 0 0 0;
}
.helpCon h2{
  font-size:22px;
  color:#333;
}
.helpList{
  min-height:350px;
}
.helpList ul{ 
}
.helpList ul li{
  margin:10px 0 10px 0;
}
.helpList ul li a{
  font-size:14px;
  color:#00A0E9;
}
.helpList ul li a span{
  background:url(helpTitle.png) no-repeat right center;
  padding-right:16px;
}
.helpListCont{
  margin:15px 0 0 0;
  line-height:28px !important;
  font-size:16px !important;
  color:#666 !important;
}
.helpListCont p{
  font-size:16px;
  line-height:28px
}
.download-select{
  background:none;
}
.download-select h2{
  font-size: 24px;
  margin:10px 0;
  color:#333;
}
.download-select .downSelect{
  margin:20px 0 0;
}
/*联系我们*/
.contact-tab{
  padding:0 0 20px 0
}
.contact-tab a{
 display:inline-block;
  float:left;
  width:507px;
  font-size:24px;
  color:#666;
  height:90px;
  line-height:90px;
  text-align:center;
  border-bottom:1px solid #fff;
  margin:0 1px 0 0
}
.contact-tab a:hover{
  text-decoration:none;
  border-bottom:1px solid #ccc
}
.contact-tab a.now{
  color:#f8b62a;
  border-bottom:1px solid #f8b62a
}
.base-warp {
  padding:50px 120px 0px
}
.base-warp .base-box{
  width: 335px;
  height:105px;
  padding: 20px 0 20px;
  margin: 20px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.base-warp .base-box h1,.base-warp .base-box h2{
  font-size:24px;
  text-align:center
}
.base-warp .base-box p{
  text-align:center;
  color:#999
}
.base-warp .base-box h1{
  margin:10px 0 0 0
}
.base-warp .base-box h2{
  color:#f8b62a;
  margin:10px 0 0 0
}
.custom-warp {
  padding:20px 120px 0 120px
}
.custom-warp .hour-box h1{
  font-size: 18px;
  text-align:center;
  font-weight: 600
}
.custom-warp .custom-box h2{
  font-size: 18px;
  text-align:center;
}
.custom-warp .custom-map{
  width:742px;
  margin:0 20px 100px 20px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.custom-warp .custom-box{
  width:742px;
  height:50px;
  padding: 30px 0;
  margin: 20px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.custom-warp .custom-box h1{
  font-size:24px;
  text-align:center
}
.custom-warp .custom-box h1 b{
  color:#f8b62a;
}
.custom-warp .province {
  margin-bottom:-1px;
  padding-left:4px
}
.custom-warp .province a{
  float:left;
  width:110px;
  font-size:18px;
  color:#666;
  border-bottom:1px solid #ddd;
  padding:10px 0;
  text-align:center
}
.custom-warp .province a:hover{
  border-bottom:1px solid #999;
  text-decoration: none;
}
.custom-warp .province a.now{
  color:#f8b62a;
  border-bottom:1px solid #f8b62a;
  font-weight:600
}
.contact-list .item{
  border: 1px solid #ddd;
  border-radius: 4px;
  padding:40px
}
.contact-list p.line{
  border-bottom:1px solid #ddd
}
.contact-list table{
  width:100%;
  margin:20px 0;
}
.contact-list thead th {
  color:#f8b62a;
  font-size:24px;
  font-weight:normal;
  padding-bottom:10px
}
.contact-list .tel td {
  font-size:18px;
  padding-bottom:10px
}
.contact-list .tel td span{
  color:#ddd;
  margin:0 20px
}
.contact-list .add td {
  font-size:18px;
  color:#999;
  padding-bottom:20px
}
.contact-list .phone th {
  font-size:18px;
  padding-bottom:10px;
  font-weight:normal;
  width:80px
}
.contact-list .phone td {
  text-align:left;
  font-size:18px;
  padding-bottom:10px
}
.province .nav li{
  float:left;
  /*width:80px;*/
  height:50px;
}
.province .nav li a{
  display: inline-block;
  /*width: 80px;*/
  padding:0 8px;
  border-left: 1px solid #ccc;
  text-align: center;
  font-size: 16px;
  height: 18px;
  line-height: 18px;
  margin-top: 32px;
  margin-left: -1px;
  font-weight: 600;
  color: #666;
  cursor: pointer; 
}
.province .nav li a:hover{
  text-decoration: none;
  color:#333;
}
.province .nav li:first-child a{
  border-left: none;
}
.province .nav li.active a{
  color:#B2005E;
  cursor:default;
}
.province.provinceTwo ul li a{
  padding:0 20px;
}
.province.provinceTwo ul li:first-child a{
  padding:0 8px;
}
/* 2016年春节彩蛋
.warp-body {
  position:relative;
  background:url(2016yearimg.png) no-repeat center 20px;
}
.monkey {
  position:absolute;
  right:3%;
  top:110px;
  z-index: 999
}
.monkey .mon{
  width:144px;
  height:191px;
  background:url(2016yearicon.png) no-repeat 0 0;
}
.monkey .mon{
  -webkit-animation:mon 20s infinite ease-in-out;
  -moz-animation:mon 20s infinite ease-in-out;
  animation:mon 20s infinite ease-in-out;
}
  @-moz-keyframes mon{
  0%,100%{-moz-transform:translateY(0);}
  10%,30%,50%,70%,90%{-moz-transform:translateY(20px);}
  20%,40%,60%,80%{-moz-transform:translateY(-25px);}
  }
  @-webkit-keyframes mon{
  0%,100%{-moz-transform:translateY(0);}
  10%,30%,50%,70%,90%{-webkit-transform:translateY(20px);}
  20%,40%,60%,80%{-webkit-transform:translateY(-25px);}
  }
  @keyframes mon{
  0%,100%{transform:translateY(0);}
  10%,30%,50%,70%,90%{transform:translateY(20px);}
  20%,40%,60%,80%{transform:translateY(-25px);}
  }
.monkey .food{
  width:144px;
  height:109px;
  background:url(2016yearicon.png) no-repeat 0 -192px;
  position:absolute;
  left:-124px;
  top:20px;
}
.monkey .food{
  -webkit-animation:food 15s infinite ease-in-out;
  -moz-animation:food 15s infinite ease-in-out;
  animation:food 15s infinite ease-in-out;
}
  @-moz-keyframes food{
  0%,100%{-moz-transform:translateY(0);}
  10%,30%,50%,70%,90%{-moz-transform:translateY(-5px);}
  20%,40%,60%,80%{-moz-transform:translateY(8px);}
  }
  @-webkit-keyframes food{
  0%,100%{-webkit-transform:translateY(0);}
  10%,30%,50%,70%,90%{-webkit-transform:translateY(-5px);}
  20%,40%,60%,80%{-webkit-transform:translateY(8px);}
  }
  @keyframes food{
  0%,100%{transform:translateY(0);}
  10%,30%,50%,70%,90%{transform:translateY(-5px);}
  20%,40%,60%,80%{transform:translateY(8px);}
  }*/