body{font-family: Arial,'微软雅黑','宋体';width: 100%;padding:0;margin:0;overflow-x: hidden;}
div,a,li,img,p,span,ul,li,em,i,tr,td,th,strong,dl,dd{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;}
input{outline: none;}
a:hover{text-decoration: none;}
a:focus{outline: none;text-decoration: none;}
.container {
    width: 1170px;
  }
.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;}


/*导航*/
.header{width: 100%;background: #fff;z-index: 101;position: relative;left: 0;top: 0;}
.header-b{position: relative;padding: 15px 0;}
.header .logo{display: inline-block;position: relative;z-index: 11;}
.header .logo a{display: inline-block;}
.header .logo img{max-width: 100%;}
.header_bottom{position: absolute;top: 0;left: 0;right: 0;z-index: 1;}
.header_bottom_l,.header_bottom_r{float: left;width: 50%;height: 3px;}
.header_bottom_l{background: #e5493a;}
.header_bottom_r{background: rgba(255,255,255,0.5);}


.rel{position: relative;}
.navigation{z-index: 10;}
.navigation{display: inline-block;}
.navigation li{float: left;text-align: center;}
.navigation li>a{color:#413d3c;line-height: inherit;font-size: 14px;display: inline-block;padding: 20px 40px;}
.navigation li.current>a{color: #d70a30;}
.navigation li i{display: none;}
.navbar{margin-bottom: 0;border: none;z-index: 10;width: 100%;border-radius: 0;position: absolute;bottom: 10px;right: 0;text-align: right;}
.navbar-content{position: relative;}


.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;
-pie-background:rgba(0,0,0,0.15);}



.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(PIE.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+*/
}


/*banner*/
.banner{position: relative;text-align: center;}
.swiper-container{z-index: 0;}
.swiper-container .swiper-wrapper li{height:924px;background-position: center center;background-size: cover;position: relative;}
.swiper-container .swiper-wrapper li a{width: 100%;height: 100%;display: block;}
.banner_dir a{display: inline-block;width: 44px;height: 44px;background: url(../img/banner_dir.png) no-repeat;background-size: cover;position: absolute;top: 50%;margin-top: -22px;z-index: 1;}
.banner_dir a.banner_left{left: 0;background-position: 0px 0px;}
.banner_dir a.banner_right{right: 0;background-position: -50px 0px;}
.banner_dir a:hover{background: url(../img/banner_dir_h.png) no-repeat;background-size: cover;}
.banner_dir a.banner_left:hover{left: 0;background-position: 0px 0px;}
.banner_dir a.banner_right:hover{right: 0;background-position: -50px 0px;}


/*产品*/
.product_t{background: #363636;}
.product_t_info{position: relative;padding: 50px 0 60px;text-align: center;}
.product_t_info h1{font-size: 32px;color: #959595;line-height: 1.1;margin-bottom: 8px;}
.product_t_info p{font-size: 16px;color: #959595;line-height: 30px;}
.product_t_info span{display: inline-block;border: 20px solid;border-color: transparent transparent #fafafa transparent;position: absolute;bottom: -0px;left: 50%;margin-left: -20px;}
.product_b{background: url(../img/product.jpg) no-repeat;background-size: 100% 100%;}
.product_list{padding: 120px 0 75px;}
.product_list li{float: left;width: 25%;margin-bottom: 20px;}
.product_list li.product_list1{padding-left: 0px;padding-right: 30px;}
.product_list li.product_list2{padding-left: 10px;padding-right: 20px;}
.product_list li.product_list3{padding-left: 20px;padding-right: 10px;}
.product_list li.product_list4{padding-left: 30px;padding-right: 0px;}
.product_list li a{display: block;background: #ffffff;padding: 50px 30px 30px;border-radius: 10px;position: relative;text-align: center;}
.product_list li h1{font-size: 24px;color: #363636;line-height: 30px;margin-bottom: 12px;}
.product_list li p{font-size: 12px;color: #959595;line-height: 20px;text-align: left;height: 180px;overflow: hidden;}
.product_list li em{display: inline-block;width: 70px;height: 2px;background: #363636;margin-top: 30px;}
.product_list li span{display: inline-block;width: 70px;height: 70px;position: absolute;top: -35px;left: 50%;margin-left: -35px;}
.product_list li.product_list1 span{background: url(../img/pro1.png) no-repeat;background-size: 100% 100%;}
.product_list li.product_list2 span{background: url(../img/pro2.png) no-repeat;background-size: 100% 100%;}
.product_list li.product_list3 span{background: url(../img/pro3.png) no-repeat;background-size: 100% 100%;}
.product_list li.product_list4 span{background: url(../img/pro4.png) no-repeat;background-size: 100% 100%;}
.product_list li:hover h1{color: #d70a30;}
.product_list li:hover p{color: #363636;}
.product_list li:hover em{background: #d70a30;}
.product_list li.product_list1:hover span{background: url(../img/pro1_h.png) no-repeat;background-size: 100% 100%;}
.product_list li.product_list2:hover span{background: url(../img/pro2_h.png) no-repeat;background-size: 100% 100%;}
.product_list li.product_list3:hover span{background: url(../img/pro3_h.png) no-repeat;background-size: 100% 100%;}
.product_list li.product_list4:hover span{background: url(../img/pro4_h.png) no-repeat;background-size: 100% 100%;}



/*合作伙伴*/
.partner{padding: 50px 0 80px;}
.partner_t{text-align: center;margin-bottom: 50px;}
.partner_t h1{font-size: 30px;color: #363636;line-height: 36px;margin-bottom: 10px;}
.partner_t p{font-size: 14px;color: #959595;line-height: 24px;width: 800px;margin: 0 auto;}
.partner_b{position: relative;overflow: hidden;}
.partner_slide{float: left;padding: 0 15px;}
.partner_slide a{display: block;background: #fafafa;}
.partner_info_l{float: left;width: 48%;}
.partner_info_l img{max-width: 100%;}
.partner_info_r{float: left;width: 52%;padding: 30px 25px 20px;height: 300px;position: relative;}
.partner_info_r h1{font-size: 18px;color: #363636;width: 100%;margin-bottom: 20px;}
.partner_info_r p{font-size: 12px;color: #959595;line-height: 20px;}
.partner_info_r span{display: inline-block;font-size: 14px;color: #363636;padding-bottom: 10px;border-bottom: 2px solid #363636;font-weight: bold;position: absolute;bottom: 20px;left: 30px;}
.partner_slide:hover .partner_info_r h1,.partner_slide:hover .partner_info_r span{color: #d70a30;}
.partner_slide:hover .partner_info_r span{border-color: #d70a30;}
.swiper-pagination{text-align: center;margin-top: 30px;}
.swiper-pagination span{display: inline-block;width: 12px;height: 12px;background: #ebebeb;border-radius: 30px;margin: 0 5px;cursor: pointer;}
.swiper-pagination span.swiper-active-switch,.swiper-pagination span:hover{background: #d70a30;}

/*流程*/
.process{padding: 70px 0 135px;background: url(../img/p_bg.jpg) no-repeat;background-size: 100% 100%;}
.process_t{text-align: center;margin-bottom: 80px;}
.process_t h1{font-size: 30px;color: #ffffff;line-height: 36px;margin-bottom: 10px;}
.process_t p{font-size: 14px;color: #959595;line-height: 24px;width: 450px;margin: 0 auto;margin-bottom: 20px;}
.process_t span{display: inline-block;width: 170px;height: 2px;background: #d70a30;}
.process_b li{float: left;width: 16.66%;text-align: center;position: relative;margin-bottom: 20px;}
.process_b li a{display: block;}
.process_b li img{max-width: 100%;margin-bottom: 20px;}
.process_b li p{font-size: 14px;color: #cccccc;line-height: 24px;height: 48px;margin-bottom: 10px;}
.process_b li em{display: inline-block;width: 70px;height: 2px;background: #555555;}
.process_b li:hover p{color: #d70a30;}
.process_b li:hover em{background: #d70a30;}
.process_b li span{display: inline-block;width: 19px;height: 30px;background: url(../img/process_r.png) no-repeat;background-size: 100% 100%;position: absolute;right: -15px;top: 40px;}


/*关于我们*/
.about{padding: 45px 0 300px;background: url(../img/about_bg.jpg) no-repeat bottom center;}
.about_t{text-align: center;margin-bottom: 30px;}
.about_t h1{font-size: 30px;color: #363636;line-height: 40px;}
.about_t p{font-size: 16px;color: #999999;line-height: 30px;}
.about_t span{display: inline-block;width: 170px;height: 2px;background: #363636;}
.about_info{margin-bottom: 40px;}
.about_info p{text-indent: 30px;font-size: 14px;color: #333333;line-height: 24px;margin-bottom: 15px;}
.about_list{}
.about_list li{float: left;width: 25%;text-align: center;padding: 0 40px;border-right: 1px dashed #e5e5e5;}
.about_list li.about_list4{border-right: none;}
.about_list li span{display: inline-block;width: 100px;height: 100px;background: url(../img/about_icon.png) no-repeat;background-size: cover;}
.about_list li.about_list1 span{background-position: 0px 0px;}
.about_list li.about_list2 span{background-position: -306px 0px;}
.about_list li.about_list3 span{background-position: -606px 0px;}
.about_list li.about_list4 span{background-position: -906px 0px;}
.about_list li h1{font-size: 18px;color: #d70a30;margin-top: 5px;line-height: 30px;margin-bottom: 5px;}
.about_list li p{font-size: 14px;color: #666666;list-height: 30px;height: 60px;}


/*团队*/
.team{padding: 40px 0;background: url(../img/team_bg.jpg) no-repeat;background-size: 100% 100%;}
.team_b{position: relative;overflow: hidden;}
.team_slide{float: left;padding: 0 40px;text-align: center;}
.team_slide a{display: block;background: url(../img/team_icon.png) no-repeat;background-size: 100% 100%;}
.team_slide h1{font-size: 18px;color: #ffffff;line-height: 26px;}
.team_slide span{font-size: 36px;color: #ffffff;font-weight: bold;}
.team_slide p{color: #ffffff;font-size: 18px;line-height: 26px;}
.team_dir{}
.team_dir a{display: inline-block;width: 30px;height: 30px;background: url(../img/banner_dir.png) no-repeat;background-size: cover;position: absolute;top: 50%;margin-top: -15px;z-index: 1;}
.team_dir a.team_left{left: 0;background-position: 0px 0px;}
.team_dir a.team_right{right: 0;background-position: -35px 0px;}
.team_dir a:hover{background: url(../img/banner_dir_h.png) no-repeat;background-size: cover;}
.team_dir a.team_left:hover{background-position: 0px 0px;}
.team_dir a.team_right:hover{background-position: -35px 0px;}
.contact{text-align: center;position: relative;background: url(../img/map.jpg) no-repeat;background-size: cover;background-position: center center;height: 603px;}
.contact img{max-width: 100%;}
.contact_b{position: absolute;top: 90px;width: 100%;}
.contact_b h1{color: #fefefe;font-size: 36px;font-weight: bold;line-height: 40px;margin-bottom: 5px;}
.contact_b p{font-size: 16px;color: #413d3c;line-height: 24px;padding: 0 10px;background: #fff;display: inline-block;border-radius: 2px;}


/*底部*/
.footer{background: #fff;padding: 55px 0 60px;text-align: center;}
.footer_img{display: inline-block;width: 150px;height: 150px;margin-bottom: 10px;}
.footer_img img{width: 100%;}
.footer p{color: #999999;font-size: 12px;line-height: 30px;}
.footer p a{color: #999999;font-size: 12px;}


/*右边返回顶部*/
.right_icon{position: fixed;bottom: 50px;right: 30px;display: none;}
.right_icon a{display: inline-block;width: 42px;height: 45px;background:#999999;text-align: center;border-radius: 5px;padding:3px; }
.right_icon a i{font-size: 30px;color: #fff;display: inline-block;margin-left: -3px;margin-top: -1px;-moz-transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;transition:all .4s ease 0s;}
.right_icon a span{display: block;color: #fff;font-size: 14px;display: none;-moz-transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;transition:all .4s ease 0s;}


@media (min-width: 1000px){
  .navigation li:hover>a{color: #d70a30;}
  .right_icon a:hover{background: #d70a30;}
  .right_icon a:hover i{display: none;}
  .right_icon a:hover span{display: block;}

}
@media(min-width: 768px){
  

}
@media (max-width: 1380px){
  .navigation li>a{padding: 20px;}
  .swiper-container .swiper-wrapper li{height: 700px;}
}

@media (max-width: 1200px){
  .swiper-container .swiper-wrapper li{height: 600px;}
  .product_list li.product_list1{padding-left: 0px;padding-right: 15px;}
  .product_list li.product_list2{padding-left: 5px;padding-right: 10px;}
  .product_list li.product_list3{padding-left: 10px;padding-right: 5px;}
  .product_list li.product_list4{padding-left: 15px;padding-right: 0px;}
  .product_list li p{height: 200px;}
  .partner_info {position: relative;}
  .partner_info_l{float: none;width: 270px;}
  .partner_info_r{float: none;width: 100%;padding-left: 300px;position: absolute;top: 0;left: 0;}
  .partner_info_r span{left: 300px;}
  .partner_slide{padding: 0;}
  .about_list li{padding: 0 15px;}
}

@media (max-width: 1000px){
  
  .header .logo{text-align: left;}
  .nav_img{display: none;}
  .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: #ffffff;max-height: auto;}
  .navbar .container,.navbar .row{padding: 0;margin: 0;}
  .navbar-content{background: #ffffff;display: block;}
  .navigation li a,.navigation li.current a{padding:0 25px;}
  .navigation{background: #f4f4f4;height:auto;min-height:auto;border: none;position: relative;right: 0;top: 0;display: block;}
  .navigation ul,.navigation li{background: none;margin-right: 0;width: 100%;}
  .navigation li{display: block;position: relative;float:none;border-bottom:1px #d70a30 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-left: 20px;padding-right: 30px;border: none;background: none;}
  .navigation li>a:hover,.navigation li:hover>a{border: none;background: none;color:#333;}
  .navigation li.current a{background: none;}
  .navigation li.current>a{border: none;color: #ffffff;background: #d70a30;}
  .navigation li.current{border-bottom:1px #d70a30 solid;background: #d70a30;padding:0;margin-top: 0;}
  .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;}
  .offcanvas-toggle{display: block;z-index: 12;}
  .navbar-toggle i{font-size: 30px;color: #d70a30;}
  
  .navbar-toggle{float: none;position: absolute;right: 8px;top: 32px;margin-right: 0;padding:0;margin:0;}
  .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)}
  
  .swiper-container .swiper-wrapper li{height: 400px;}
  .product_t_info h1{font-size: 24px;line-height: 30px;}
  .product_t_info{padding: 30px 0 40px;}
  .product_t_info p{font-size: 14px;line-height: 24px; }
  .product_list li{width: 50%;margin-bottom: 50px;}
  .product_list li.product_list1{padding-left: 0px;padding-right: 10px;}
  .product_list li.product_list2{padding-left: 10px;padding-right: 0px;}
  .product_list li.product_list3{padding-left: 0px;padding-right: 10px;}
  .product_list li.product_list4{padding-left: 10px;padding-right: 0px;}
  .product_list{padding: 80px 0 0px;}
  .product_list li p{height: 126px;}
  .partner_t p{width: 100%;}
  .process_b li{width: 33.33%;}
  .process_b li span{right: 0;}
  .process{padding: 30px 0 30px;}
  .contact{height: 500px;}
  .contact_b{top: 70px;}
  .footer{padding: 30px 0;}

}


@media (max-width: 767px){
  .swiper-container .swiper-wrapper li{height: 350px;}
  .product_list li p{height: 160px;}
  .product_list li h1,.product_t_info h1{font-size: 20px;}
  .banner_dir{display: none;}
  .partner_info_l{width: 100%;text-align: center;}
  .partner_info_r{position: relative;height: auto;padding: 20px 10px;}
  .partner_info_r span{left:0px;position: relative;bottom: auto;margin-top: 10px;}
  .swiper-pagination{margin-top: 10px;}
  .partner{padding: 30px 0 30px;}
  .partner_t,.process_t{margin-bottom: 20px;}
  .process{background: #2d2d2d;}
  .process_t p{width: 100%;}
  .about_list li{width: 50%;margin-bottom: 10px;}
  .about_list li.about_list2{border-right: none;}
  .team_slide{padding: 0 10px;}
  .contact{height: 400px;}
  .contact_b{top: 50px;}
  .contact_b h1{font-size: 24px;}
  .contact_b p{font-size: 14px;}
  

}
@media (max-width: 640px){
  .swiper-container .swiper-wrapper li{height: 300px;}
  .product_list li p{height: 230px;}

  
  
}
@media (max-width: 480px){
  .swiper-container .swiper-wrapper li{height: 250px;}
  .swiper-pagination{bottom: 0;}
  .header .logo img{max-width: 70%;}
  .navbar-toggle{top: 20px;right: 0px;}
  .product_list li p{height: auto;}
  .product_list li{width: 100%;}
  .product_list li.product_list1{padding-left: 0px;padding-right: 0px;}
  .product_list li.product_list2{padding-left: 0px;padding-right: 0px;}
  .product_list li.product_list3{padding-left: 0px;padding-right: 0px;}
  .product_list li.product_list4{padding-left: 0px;padding-right: 0px;}
  .process_b li{width: 50%;}
  .about_list li{width: 100%;border-right: none;}
  .about_list li p{height: auto;}
  
}
  
  

@media (max-width: 375px){
  .swiper-container .swiper-wrapper li{height: 200px;}
  .process_b li{width: 100%;}
  .process_b li span{right: 30px;}
  
}


/*动画*/
@-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 1.5s 1;
  -moz-animation:scale1 1.5s 1;
  -o-animation:scale1 1.5s 1;
   animation:scale1 1.5s 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;}