body{font-family: Arial,'微软雅黑';width: 100%;}
div,a,li,img,p,span,ul,li,em,i,tr,td,th{font-size: 14px;padding: 0;margin:0;}
h1,h2,h3,h4,h5{padding:0;margin:0;}
em,i{font-style: normal;}
li{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
a:focus{outline: none;text-decoration: none;}
.container {
    width: 1200px;
  }
.ell{
  overflow: hidden;
  display: block;
  top: 0px;
}
@media (max-width: 1000px) {
  .container {
    width:100%;
  }
}
@media (min-width: 1000px) {
  .container {
    width: 1000px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}

@media (max-width: 1000px){
  .row{margin: 0 -5px;}
}
.ell1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.clearfix{
  content: '';
  display: block;
  clear: both;
}
/* 动画 */
.transform,.r-l-b-tit-b,.r-l-b-tit-b p,.menu-list li h3 span,.honour-list2-img:before,.honour-list2-img:after,.honour-list2 li p{-moz-transition:all .4s ease 0s; /* Firefox 4 */-webkit-transition:all .4s ease 0s; /* Safari and Chrome */-o-transition:all .4s ease 0s; /* Opera */}
.rotate{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); -ms-transform:rotate(0deg);transform:rotate(0deg);}
.rotate90,.menu-list li.current h3 span{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);  -ms-transform:rotate(90deg);transform:rotate(90deg);}
.rotate45{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);  -ms-transform:rotate(45deg);transform:rotate(45deg);}

/*背景覆盖*/
.bg-cover,.h-new-list li h3 i,.notes ul:before,.honour-list2-img:after{background-position: center center;background-repeat: no-repeat;background-size: cover;}


/*导航*/
.rel{position: relative;}
.navbar-all{position: relative;top: -110px;}
.navigation{z-index: 10;position: relative;}
.navigation ul,.navigation li{background-repeat: no-repeat;background-position: right; center;}
.navigation{padding: 0;position: absolute;margin-bottom: 0;right: 200px;top: -10px;background: none;}
.navigation li{float: left;text-align: center;position: relative; }
.navigation li a{color:#333333;line-height: inherit;font-size: 16px;padding:50px 15px 60px;display: inline-block;height: 120px;}
.navigation li.current a{}
.navigation li.current a{
 /* FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fdf9f4,endColorStr=#fdead1); /*IE 6 7 8*/ 
/*background: -ms-linear-gradient(top, #fdf9f4,  #fdead1);        /* IE 10 */
/*background:-moz-linear-gradient(top,#fdf9f4,#fdead1);/*火狐*/ 
/*background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fdf9f4), to(#fdead1));/*谷歌*/ 
/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdf9f4), to(#fdead1));      /* Safari 4-5, Chrome 1-9*/
/*background: -webkit-linear-gradient(top, #fdf9f4, #fdead1);   /*Safari5.1 Chrome 10+*/
/*background: -o-linear-gradient(top, #fdf9f4, #fdead1);  /*Opera 11.10+*/
background: rgb(255,255,255);
}
.navigation li.current .header-nav-list a{
 /* FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fdf5eb,endColorStr=#fdf5eb); /*IE 6 7 8*/ 
 /* background: -ms-linear-gradient(top, #fdf5eb,  #fdf5eb);        /* IE 10 */
 /* background:-moz-linear-gradient(top,#fdf5eb,#fdf5eb);/*火狐*/ 
 /* background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fdf5eb), to(#fdf5eb));/*谷歌*/ 
 /* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdf5eb), to(#fdf5eb));      /* Safari 4-5, Chrome 1-9*/
 /* background: -webkit-linear-gradient(top, #fdf5eb, #fdf5eb);   /*Safari5.1 Chrome 10+*/
 /* background: -o-linear-gradient(top, #fdf5eb, #fdf5eb);  /*Opera 11.10+*/

}
.navigation li.current .header-nav-list a{margin-top: 0;padding:0;height: auto;}
.navigation li .header-nav-list a{padding:0;}
.navigation li.current .sub-nav a{background: none;}
.navigation li i.icon-plus{display: none;}
.navbar{margin-bottom: 0;border: none;z-index: 10;position: absolute;top: 0;width: 100%;left: auto;min-height: auto;right: 0;}
.navbar-content:after{content: '';display: block;clear: both;}

.header-nav{position: absolute;top: 120px; background:rgba(255,255,255,0.9); text-align: center;display: none;z-index: 2;padding:25px 0;max-height: 185px;}
.header-nav .header-nav-c{position: relative;left: 0;display: inline-block;text-align: center;}
.header-nav .header-nav-list{float: left;padding:0 40px;background: url(../img/nav-right-icon.png) no-repeat top right;}
.header-nav-img{height: 100px;text-align: center;}
.header-nav-img img{max-height: 100%;max-width: 100%;vertical-align: middle;}
.header-nav-img span{display: inline-block;height: 100%;vertical-align: middle;}
.navigation li .header-nav-list a p{color: #333333;font-size: 14px;margin-top: 10px;}

.sub-nav{display: none;position: absolute;left: 0;text-align: left;top: 17px;box-shadow: 0 5px 5px rgba(204,204,204,0.8);}
.sub-nav-p{width: 1000px;left: -520px;}
.sub-nav-p dl{width: 12.5%;}
.sub-nav dd span{display: inline-block;width: 8px;height: 8px;border-radius: 4px;behavior: url(css/iecss3.htc);}
.sub-nav2 dl dd{width: 120px;}
.sub-nav2 dl{position: absolute;left: 0;top: 20px;}
.sub-nav2 dl dd.dd-active a{color: #d60c18;}
.sub-nav2 dl dd a{ color: #333333;font-size: 14px;padding:0;width: 100%;display: inline-block;}
.sub-nav2 dl dd a i{float: right;margin-right: 20px;font-size: 18px;font-weight: bold;}
.sub-nav dl{display: block;margin-bottom: 0;float: left;background: #fdfcfc;padding:0px;text-indent: 10px; text-align: left;box-shadow: 0px 0px 2px rgba(195,198,200,0.8);}
.sub-nav dt,.sub-nav dd{display: block;padding-top: 5px;}
.sub-nav dd:last-child{border-bottom: none;}
.sub-nav dt{font-size: 14px;line-height: 30px;position: relative;}
.sub-nav dd{font-size: 12px;line-height: 30px;padding-left: 0px;position: relative;}
.sub-nav-btn,.ssub-nav-btn{display: none;float: right;}
.sub-nav3{position: relative; width: 180px; left:0px;top:0px;background: #f1f1f1;display: none; z-index: 999;}
.sub-nav3 a{text-overflow: ellipsis;white-space: nowrap;display:block;float: none;text-indent: 0;border-bottom:1px #dddddd solid;display: block;width: 100%;color: #666666;font-size: 12px;padding-left: 20px;}
.sub-nav dd .sub-nav3 a{display: block;padding:3px 10px 3px 30px;}
.sub-nav dd .sub-nav3 a span{margin-right: 5px;}
/*.glyphicon-menu-right:before {content: "\e258";font-size: 10px;}*/
.navbar-default .navbar-nav > li > a{ color: #555; padding-bottom: 0;}
.sliderovely{position: fixed;top: 0;left: 0;height:100%;width: 100%;background:rgba(0,0,0,.15);z-index: 99;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);}

/*顶部二级长导航*/





.sub-nav .border{width:0px; height:0px; border:10px solid; border-color: transparent transparent #c02a2a transparent ;left: 30px;top: -20px;position: absolute;}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index:99999999;background: #f9f8f7;max-height: 120px;}
.header-content{position: relative;}
.search{position: relative;z-index: 100;display: block;}
.search-bar{position: absolute;top: -74px;right: 0;}
.search-input input{border:1px solid #dddddd;height: 30px;display: inline-block;position: absolute;top: 0;right: 0;padding-left: 10px;border-radius: 20px;width: 200px;}
.search-input{position: relative;}
.search-input .btn{border: 1px solid #dddddd;background: #ffffff;padding:4px 10px;border-radius: 30px;position: absolute;right: 0;top: 0;color: #4a565e;}
.search-btn{position: absolute;bottom: 15px;right: 10px;display: none;}
.search-btn span{display: inline-block;width: 42px;height: 42px;background: url(../images/header-icon.png) no-repeat;background-size: cover;background-position: 0px -49px;}
.logo{position: relative;display: inline-block;z-index: 100;padding:50px 0;max-height: 120px;}
.logo img{max-width: 80%;}


/*分享，语言，二维码栏*/
.menu-tool{position: absolute;top: -10px;right: 0;z-index: 100;}
.menu-tool ul li{float: left;margin-left: 10px;position: relative;}
.menu-tool ul li:first-child a{padding-right: 10px;}
.menu-tool ul li a{font-size: 14px;color: #333333;padding: 10px 0;line-height:40px;}
.menu-tool ul li a img{max-height: 20px;}
.menu-tool ul li.active a{color: #999999;}
.menu-tool ul li.other a{line-height: 20px;display:inline-block;line-height：20px;padding:0;vertical-align:middle}
.menu-tool ul li.other a small{display:block;line-height:20px;font-size:14px;}

.button{display: inline-block;position: relative;background: #cccccc;color: #666666;
text-shadow: 1px 1px 1px rgba(255,255,255, .22);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding:2px 10px 0;
text-align: center;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
margin-right: 5px;
text-align: center;
line-height:20px;
behavior: url(css/iecss3.htc);
}
.button:hover{color: }


.brand{
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#add3e8,endColorStr=#b1d6e8); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #add3e8,  #b1d6e8);        /* IE 10 */
background:-moz-linear-gradient(top,#add3e8,#b1d6e8);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#add3e8), to(#b1d6e8));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#add3e8), to(#b1d6e8));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #add3e8, #b1d6e8);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #add3e8, #b1d6e8);  /*Opera 11.10+*/
}

/*底部*/
.sect-footer{background: #fff; }
.footer-l{padding:30px 0;}
.footer-l dl{float: left;display: inline-block;width: 16.66%;padding-left: 40px;}
.footer-l dl:first-child{padding-left: 0;}
.footer-l dl dt{position: relative;padding-bottom: 10px;border-bottom: 1px solid #daccb5;margin-bottom: 10px;}
.footer-l dl dt a{color: #747a7e;font-size: 18px;font-weight: normal;display: inline-block;width: 100%;}
.footer-l dl dt i{position: absolute;top: 0;right: 0;display: none;}
.footer-l dl dd{margin-top: 5px;}
.footer-l dl dd a{color: #747a7e;font-size: 14px;line-height: 24px;display: block;}
.footer-l dl dd p{color: #747a7e;font-size: 14px;position: relative;padding-left: 20px;margin-bottom: 5px;margin-top: 5px;}
.footer-l dl dd p a{color: #747a7e;font-size: 14px;}
.footer-l dl dd p span{display: inline-block;width: 24px;height: 27px;background: url(../img/contact-icon.png) no-repeat;background-size: cover;background-position: 0 0;position: absolute;top: 0;left: 0;}
.footer-l dl dd p span.address{background-position: 0 0;width: 26px;height: 30px;}
.footer-l dl dd p span.phone1{background-position: 2px -33px;width: 26px;height: 30px;}
.footer-l dl dd p span.phone2{background-position: 2px -66px;width: 26px;height: 30px;}
.footer-l dl dd p span.phone3{background-position: 3px -101px;width: 26px;height: 30px;}
.footer-l dl dd p span.email{background-position: 3px -135px;width: 26px;height: 20px;}
.wei-img{width: 122px;height: 122px;}
.footer-l dl dd img{max-width: 100%;}
.copyright{background: rgb(249,258,247);padding:15px 0;position: relative;}
.copyright p,.copyright p a{color: #4a565e;font-size: 12px;}
.f-cr{position: relative;}
.copyright #ckepop{position: absolute;right: 0;top: 0;}
.copyright #ckepop em{float: left;font-size: 14px;color: #4a565e;}
#ckepop span{display: inline-block;width: 24px;height: 24px;background: url(../img/en-icon.png) no-repeat;background-size: cover;background-position: 0 0;}
#ckepop span.en-tw{background-position: -26px 0;}
#ckepop span.en-op{background-position: -52px 0;}
#ckepop span.en-in{background-position: -78px 0;}
#ckepop span.en-pin{background-position: -105px 0;}
#ckepop span.en-ytb{background: url(../img/youtube.png) no-repeat;}

/*首页内容*/
.section img{height: 100%;width: 100%;}
.page1 li{background-size: cover;background-position: center center;}
/*.bx-wrapper{position: absolute;bottom: 0;width: 100%;}*/
.bx-wrapper li{background-size: cover;background-position: center center;}
.bx-wrapper li a{display:inline-block;width:100%;height:100%;}
.bx-wrapper .bx-pager{display: none;}
.bx-wrapper .bx-controls-direction a.bx-prev{left: 10px;}
.bx-wrapper .bx-controls-direction a.bx-next{right: 10px;}
.bx-wrapper .bx-controls-direction a{background: #33332f;width: auto;height: auto;border-radius: 35px;text-indent: 0;text-align: center;padding:6px 6px;color: #ffffff;font-size: 32px;margin-top: -0px;z-index: 999;}
/*.bx-wrapper .bx-controls-direction a:hover{background: #fdebd3;}*/



/*右侧在线客服*/
.side{position:fixed;right:0;bottom:30%;z-index:100;}
.side ul{padding: 0;}
.side ul li{display: none;}
.side ul li a{display: inline-block;width: 50px;height: 50px;text-align: center;color: #ffffff;background: #cdcdcd;}
.side ul li a span{vertical-align: middle;font-size: 30px;}
.side ul li:hover a{background: #C8A062;}




@media (min-width: 1000px){
  .navigation li:hover a{
/*      FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fdf9f4,endColorStr=#fdead1); /*IE 6 7 8*/ 
 /*   background: -ms-linear-gradient(top, #fdf9f4,  #fdead1);        /* IE 10 */
 /*   background:-moz-linear-gradient(top,#fdf9f4,#fdead1);/*火狐*/ 
 /*   background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fdf9f4), to(#fdead1));/*谷歌*/ 
 /*   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdf9f4), to(#fdead1));      /* Safari 4-5, Chrome 1-9*/
 /*   background: -webkit-linear-gradient(top, #fdf9f4, #fdead1);   /*Safari5.1 Chrome 10+*/
  /*  background: -o-linear-gradient(top, #fdf9f4, #fdead1);  /*Opera 11.10+*/
background:#fff;

  }
  .navigation li:hover .header-nav-list a{
/*      FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fdf5eb,endColorStr=#fdf5eb); /*IE 6 7 8*/ 
 /*   background: -ms-linear-gradient(top, #fdf5eb,  #fdf5eb);        /* IE 10 */
 /*   background:-moz-linear-gradient(top,#fdf5eb,#fdf5eb);/*火狐*/ 
/*    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fdf5eb), to(#fdf5eb));/*谷歌*/ 
  /*  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdf5eb), to(#fdf5eb));      /* Safari 4-5, Chrome 1-9*/
  /*  background: -webkit-linear-gradient(top, #fdf5eb, #fdf5eb);   /*Safari5.1 Chrome 10+*/
 /*   background: -o-linear-gradient(top, #fdf5eb, #fdf5eb);  /*Opera 11.10+*/
background:rgba(255,255,255,0.1);
  }
  .navigation li:hover .sub-nav a{background: none;}
  

}
@media(min-width: 768px){
  .list-fenye a:hover{border-color:#da251d;color: #ffffff;background: #da251d;}
  .list-fenye a.current:hover{background: #b2bbc6;border-color:#b2bbc6;color:#ffffff;}
  .list-fenye a.disable:hover{background: none;border-color:#CCCDC8;color:#CCCDC8;}
  .footer-l dl dd a:hover{color: #4b575e;}
  .menu-tool ul li a:hover{color: #4b575e;}


}

@media (max-width: 1200px){
    .navigation{right: 120px;}
    .navigation li a{padding: 50px 10px 60px;}
    .search-btn{display: block;}
    .search{display: none;position: absolute;top: 90px;right: 0;width: 100%;}
    .search-bar{position: relative;top: 0;}
    .search-input input{width: 100%;right: 0;}
    .search-input .btn{float: right;position: relative;z-index: 10;}



}

@media (max-width: 1080px){
  .page1 li{height: 500px;}
  .bx-wrapper .bx-controls-direction a{margin-top: -28px;}
  .banner{position: relative;bottom: auto;top: 0;}
}

@media (max-width: 1000px){
  .logo{padding:30px 0;}
  .header{}
  .ell,.navigation li a{overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;}
  .navbar{border-radius: 0;position: relative;padding-left: 0;top: 0;right: 0;left: auto;background: #f4f4f4;}
  .search-btn{top: 30px;margin-top: 0;right: 60px}
  .search-btn span{width: 36px;height: 36px;background-position: 0 -42px;}
  .navbar .container,.navbar .row{padding: 0;margin: 0;}
  .navbar-content{background: #ffffff;height: 100%;}
  .navigation{background: #f4f4f4;height:auto;min-height:auto;border: none;position: relative;right: 0;top: 40px;}
  .navigation ul,.navigation li{background: none;margin-right: 0;width: 100%;}
  .navigation li{display: block;position: relative;float:none;border-bottom:1px #4b575e solid;padding: 0;text-align: left;background: #f4f4f4;border-top: none;line-height: 50px;margin-bottom: 0;}
  .navigation li a{display:block;text-align:left;color:#333;padding:0;padding-left: 20px;padding-right: 30px;border: none;background: none;height: auto;}
  .navigation li a> i{display: none;}
  .navigation li>a:hover,.navigation li:hover>a{}
  .navigation li.current>a{border: none;color: #ffffff;background: none;}
  .navigation li.current{border-bottom:1px #4b575e solid;background: #4b575e;padding:0;margin-top: 0;}
  .navigation li.current .sub-nav dl dd a{color:#333333;}
  .navigation li i{display: inline-block;position: absolute;width: 30px;right: 0px;top: 0;color:#333;font-size: 16px;cursor: pointer;}
  .navigation li i.i-open:before{content:'\e825';}
  .navigation li dl:first-child{border-top:1px #ccc solid;}
  .navigation li dl:last-child dd:last-child{border-bottom: none;}
  .navigation li i.icon-plus{display: block;}
  .offcanvas-toggle,.search-btn{display: block;}
  .navbar-toggle i{font-size: 30px;color: #4b575e;}
  .navbar-toggle{float: none;position: absolute;right: 8px;top: 25px;margin-right: 0;padding:0;margin:0;}
  .sub-nav,.navigation02 .sub-nav{display: none;width: 100%;background: #f5f5f5;padding: 0px;position: static;left: none;top: none;z-index: 1;left: 0;margin-left: 0;}
  .sub-nav dl,.navigation02 .sub-nav dl{float: none;display: block;width: 100%;}
  .sub-nav dl dd{width: 100%;}
  .sub-nav2 dl{position: relative;left: 0;top: 0;padding-top: 0;}
  .sub-nav2 dl dd{float: none;margin:0;border-radius: 0;display: block;}
  .sub-nav dl dd a{display: block;line-height: 30px;border-bottom:1px #ccc solid;width: 100%;padding:5px 20px;}
  .sub-nav dl dd:last-child a{border-bottom: none;}
  .sub-nav dl dd:last-child .sub-nav3 a{border-bottom: 1px #dddddd solid;}
  .sub-nav dl dd a i,.sub-nav dl dd a:hover i{left:auto;right: 0;color:#333;color: rgba(0,0,0,1);}
  .ssub-nav-btn {display: block;}
  .navigation li .sub-nav a i{display: none;}
  .sub-nav3{position: relative;top: 0;left: 0;width: 280px;background: #f1f1f1;}
  .navigation li .ssub-nav-btn{display: block;width: 40px;height: 40px;position: absolute;text-align: center;padding: 0;right: 4px;top: 6px;margin-top: 3px;background: none;border:none;line-height: 30px;color: #333}
  .navbar{z-index: 1000;overflow-y:auto;}
  .slider-right{position: fixed;height: 100%;width: 280px;top:0;right:-280px;}
  .slider-left{position: fixed;height: 100%;width: 280px;top:0;left:-280px;}
  .navbar.in{box-shadow:0 0 20px rgba(0,0,0,.3)}
  .sub-nav2 dl{position: relative;left: 0;top: 0px;}
  .sub-nav-right{display: none;}
  .sub-nav dl{border-right: none;}

  .menu-tool{top: 10px;right: 10px;}
  .navbar-content{top: 30px;}
 
  .footer-bottom-link,.footer-address,.footer-info{display: block;text-align: center;margin-bottom: 10px;float: none;}
  .footer-l dl{float: none;width: 100%;padding-left: 0;margin-bottom: 0;}
  .footer-l dl dt i{display: block;cursor: pointer;color: #ffffff;}
  .footer-l dl dd{display: none;}
  .footer-l{padding:0;margin:15px 0;}

  
}


@media (max-width: 767px){
  .footer-nav li{margin-right: 10px;}
  
  .list-fenye{margin-bottom: 0px;padding: 10px;margin-top: 20px;}
  .list-fenye a{display: none;margin-top: 0;}
  .list-fenye a.fenye-prev,.list-fenye a.fenye-next,.list-fenye a.current{width: auto;display: inline-block;line-height: 30px;height: auto;}
  .copyright #ckepop{position: relative;}
  .copyright p{margin-bottom: 10px;}
  .bx-wrapper .bx-controls-direction a{display: none;}
}
  
@media (max-width: 640px){
  .footer01{padding:10px 0;}
  .footer02{padding:10px 0;}

}
@media (max-width: 480px){
  .logo{width: 65%;}
  .logo img{}
  .navbar-toggle{top: 20px;right: 0;}
  .search-btn{top: 25px;right: 40px;}
  .search{top: 80px;}
  
  
}
  
  

@media (max-width: 320px){
  
  
}
/*动画*/
@-webkit-keyframes bounceInDown{
    0%{top: -500px;opacity: 0;}
    25%{top: -300px;opacity: 0.5;}
    50%{top: -100px;opacity: 0.5;}
    75%{top: 100px;opacity: 1;}
    85%{top: -100px;opacity: 0.8;}
    100%{top: 0;opacity: 1;}
}
@-moz-keyframes bounceInDown{
    0%{top: -500px;opacity: 0;}
    25%{top: -300px;opacity: 0.5;}
    50%{top: -100px;opacity: 0.5;}
    75%{top: 100px;opacity: 1;}
    85%{top: -100px;opacity: 0.8;}
    100%{top: 0;opacity: 1;}
}
@-o-keyframes bounceInDown{
    0%{top: -500px;opacity: 0;}
    25%{top: -300px;opacity: 0.5;}
    50%{top: -100px;opacity: 0.5;}
    75%{top: 100px;opacity: 1;}
    85%{top: -100px;opacity: 0.8;}
    100%{top: 0;opacity: 1;}
}
@keyframes bounceInDown{
    0%{top: -500px;opacity: 0;}
    25%{top: -300px;opacity: 0.5;}
    50%{top: -100px;opacity: 0.5;}
    75%{top: 100px;opacity: 1;}
    85%{top: -100px;opacity: 0.8;}
    100%{top: 0;opacity: 1;}
}
.bounceInDown{
    animation:bounceInDown 0.3s 1;
    -moz-animation:bounceInDown 0.3s 1; /* Firefox */
    -webkit-animation:bounceInDown 0.3s 1; /* Safari and Chrome */
    -o-animation:bounceInDown 0.3s 1; /* Opera */
}



@-webkit-keyframes rotateIn {
  0% { -webkit-transform-origin: center; transform-origin: center;-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);opacity: 0.5;}
  100% {-webkit-transform-origin: center;transform-origin: center; -webkit-transform: rotateY(-360deg); transform: rotateY(-360deg); opacity: 1;}
}
@-moz-keyframes rotateIn {
  0% { -moz-transform-origin: center;transform-origin: center;-moz-transform: rotateY(-180deg); transform: rotateY(-180deg);opacity:0.5;}
  100% {-moz-transform-origin: center;transform-origin: center;-moz-transform: rotateY(-360deg); transform: rotateY(-360deg);opacity: 1;}
}
@-o-keyframes rotateIn {
  0% { -o-transform-origin: center;transform-origin: center;-o-transform: rotateY(-180deg);transform: rotateY(-180deg); opacity: 0.5; }
  100% {-o-transform-origin: center;transform-origin: center;-o-transform: rotateY(-360deg);transform: rotateY(-360deg);opacity: 1;}
}

@keyframes rotateIn {
  0% {-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;transform-origin: center;-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);transform: rotateY(-180deg);opacity: 0.5;}
  100% {-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;transform-origin: center;-webkit-transform: rotateY(-360deg);-moz-transform: rotateY(-360deg);-o-transform: rotateY(-360deg);transform: rotateY(-360deg);opacity: 1;}
}

.rotateIn {
  -webkit-animation:rotateIn 0.3s 1;
  -moz-animation:rotateIn 0.3s 1;
  -o-animation:rotateIn 0.3s 1;
  animation:rotateIn 0.3s 1;
}

@-webkit-keyframes rotate {
  0% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
  100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-moz-keyframes rotate {
  0% {-moz-transform-origin: center;transform-origin: center; -moz-transform: rotate(180deg); transform: rotate(180deg);}
  100% { -moz-transform-origin: center; transform-origin: center; -moz-transform: rotate(360deg); transform: rotate(360deg);}
}
@-o-keyframes rotate {
  0% {-o-transform-origin: center; transform-origin: center; -o-transform: rotate(180deg);transform: rotate(180deg);}
  100% {-o-transform-origin: center;transform-origin: center; -o-transform: rotate(360deg); transform: rotate(360deg);}
}

@keyframes rotate {
  0% {-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;transform-origin: center;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
  100% {-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;transform-origin: center;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}

.rotate {
  -webkit-animation:rotate 0.5s 1;
  -moz-animation:rotate 0.5s 1;
  -o-animation:rotate 0.5s 1;
   animation:rotate 0.5s 1;
}
@-webkit-keyframes scale {
  0% {-webkit-transform-origin: center; transform-origin: center;-webkit-transform: scale(1.5);transform: scale(1.5); }
  100% { -webkit-transform-origin: center; transform-origin: center;-webkit-transform: scale(1);transform: scale(1);}
}
@-moz-keyframes scale {
  0% {-moz-transform-origin: center;transform-origin: center;-moz-transform: scale(1.5);transform: scale(1.5);}
  100% {-moz-transform-origin: center; transform-origin: center; -moz-transform: scale(1);transform: scale(1);}
}
@-o-keyframes scale {
  0% {-o-transform-origin: center;transform-origin: center;-o-transform: scale(1.5);transform: scale(1.5);}
  100% {-o-transform-origin: center;transform-origin: center;-o-transform: scale(1);transform: scale(1);}
}

@keyframes scale {
  0% {-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;transform-origin: center;-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);}
  100% {-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;transform-origin: center;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
}

.scale {
  -webkit-animation:scale 0.5s 1;
  -moz-animation:scale 0.5s 1;
  -o-animation:scale 0.5s 1;
   animation:scale 0.5s 1;
}

@-webkit-keyframes scale1 {
  0% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: scale(0);transform: scale(0);opacity: 0;}
  100% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
@-moz-keyframes scale1 {
  0% {-moz-transform-origin: center;transform-origin: center;-moz-transform: scale(0);transform: scale(0);opacity: 0;}
  100% {-moz-transform-origin: center;transform-origin: center;-moz-transform: scale(1);transform: scale(1);opacity: 1;}
}
@-o-keyframes scale1 {
  0% {-o-transform-origin: center;transform-origin: center;-o-transform: scale(0);transform: scale(0);opacity: 0;}
  100% {-o-transform-origin: center;transform-origin: center;-o-transform: scale(1);transform: scale(1);opacity: 1;}
}

@keyframes scale1 {
  0% {-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;transform-origin: center;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;}
  100% {-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;transform-origin: center;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
}

.scale1 {
  -webkit-animation:scale1 1s 1;
  -moz-animation:scale1 1s 1;
  -o-animation:scale1 1s 1;
   animation:scale1 1s 1;
}

/*ie低版本提示*/

#ie-alert-overlay {width:100%;height:100%;background-image:url(../images/bg2.png);position: fixed; top: 0; left: 0;z-index:9999;}

* html #ie-alert-overlay {   /* fixed position hack for IE6 */ position: absolute;z-index:9999;}

/*Pop Up Panel*/
#ie-alert-panel{width:593px;height:404px;position:fixed;background: url(../images/iealertsprite.png) no-repeat;background-position: -1px -109px ;top:50%;left:50%;margin:-201px 0 0 -296px;
    _position:absolute;  /* fixed position hack for IE6 */
    _top:expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');  /* top:300px hack for IE6 */
    
    /* font settings */font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-weight:bold;color:#333;line-height:20px;z-index:10000;
}
.ie-alert-panel-b{padding:72px 0 0 72px;}
#ie-alert-panel p {font-size:14px;text-align:justify;}
#ie-alert-panel img { border:0;}
#ie-alert-panel span {font-size:18px;margin: 0 0 20px 0;display:block;padding:0;}
#ie-alert-panel button{background: #ff0000;color: #ffffff;margin-top: 10px;border-color:#ff0000;padding:5px 10px;}
#ie-alert-panel ul {list-style: none;margin:0;padding:0;overflow: hidden;   }
#ie-alert-panel li {float:left;margin:0 22px 0 0;}
#ie-alert-panel li.last {margin-right:0;}

#ie-alert-panel a {display:inline-block;}
.browser {position: absolute;bottom:35px;}
.chrome, .firefox, .ie9, .opera, .safari {background: url(../images/iealertsprite.png) no-repeat;}

/*browsers*/

.chrome { background-position: 0 0;width: 73px;height: 96px;margin:0 4px 0 0;}

.firefox {background-position: -292px 0;width: 73px;height: 98px;}

.ie9 {background-position: -179px 0;width: 95px;height: 98px;}

.opera {background-position: -90px 0;width: 73px;height: 98px;}

.safari {background-position: -387px 0;width: 73px;height: 98px;margin:0 4px 0 0;}