html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}

img, fieldset {
    border: 0;
}

/* set image max width to 100% */
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
html{ -webkit-text-size-adjust:none;}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/

a {
    color: #027B7E;
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration:none !important;
}
p {
    padding: 0;
}

/* list */
ul, ol {

}
li {
    margin: 0 0 .5em 0;
    padding: 0;
}

/* headings */


/* reset webkit search input styles */
input[type=search] {
    -webkit-appearance: none;
    outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}



body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    }
fieldset, img {
    border: 0;
    }
ul,ol {
    list-style:none;
    }
table {
    border-collapse:collapse;
    border-spacing:0;
    }
a{
    text-decoration:none;
    }
a:hover{
    text-decoration:underline;
    }
small {
    font-size:12px;
    }
h1,h2,h3,h4,h5,h6,button,input,select,textarea {
    font-size:100%;
    }
label,input,select,form img,button,textarea {
    vertical-align:middle;
    }
address, caption, cite, code, dfn,
em, strong, th, optgroup {
    font-style: normal;
    font-weight: normal;
    }   
input, textarea, button, a,li{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clear:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {
    display: inline-block;
    }
/* Hides from IE-mac \*/
* html .clear {
    height: 1%;
    } 
.clear {
    display: block;
    } 
/* End hide from IE-mac */
html,body{width:100%;height:100%;overflow: hidden;}
input, textarea, button, a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
@font-face
{
font-family: NotoSansHans;
src: url(NotoSansHans-Light.otf);
/*src: url(r.otf);*/
}

.page{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.banner_img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.pop_banner_img3{
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 100;
}

.banner_img1{
  background: url(../images/banner_img1.jpg) center no-repeat;
  background-size: cover;
}

.banner_img2{
  background: url(../images/banner_img2.jpg) center no-repeat;
  background-size: cover;
}

.banner_img3{
  background: url(../images/banner_img3.jpg) center no-repeat;
  background-size: cover;
}

.menu_pop{
  position: absolute;
  width: 305px;
  height: 100%;
  background: #1a1a1a;
  right: -305px;
  top: 0;
  z-index: 102;
}


.banner_img1_words{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -219.5px;
  margin-top: -39.5px;
}

.banner_img2_words{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -228px;
  margin-top: -368px;
}

.banner_img3_words{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -236.5px;
  margin-top: -39.5px;
}

.icon_fa{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -310px;
  margin-top: -143px;
}

.icon_et{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -231px;
  margin-top: 72px;
}

.icon_yangleduo{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -75px;
  margin-top: 86px;
}

.icon_ph{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 109px;
  margin-top: 186px;
}

.icon_xuefulan{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -82px;
  margin-top: 219px;
}

.icon_dazhong{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -245px;
  margin-top: 272px;
}

.icon_ko{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 161px;
  margin-top: -142px;
}

.icon_ba{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 83px;
  margin-top: 11px;
}

.icon_3m{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -134px;
}

.icon_kele{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -305px;
  margin-top: 182px;
}

.scale_s{
  -webkit-animation: scale_s 5s infinite ease-in-out;
  animation: scale_s 5s infinite ease-in-out; 
}

/*@-webkit-keyframes scale_s {
  0%{-webkit-transform: scale(1);}
  50% {-webkit-transform: scale(0.8);}
  100% {-webkit-transform: scale(1);}
}

@keyframes scale_s {
  0%{transform: scale(1);}
  50% {transform: scale(0.8);}
  100% {-webkit-transform: scale(1);}
}
*/

@-webkit-keyframes scale_s {
  0%{zoom:1;}
  50% {zoom:0.8;}
  100% {zoom:1;}
}

@keyframes scale_s {
  0%{zoom:1;}
  50% {zoom:0.8;}
  100% {zoom:1;}
}


.logo_box{
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 200;
}

.point_auto{
  pointer-events: auto;
}

.logo_box .swiper-pagination{
  position: absolute;
  left: 50%;
  margin-left: -59px;
  bottom: 158px;
}

.logo_box .swiper-pagination .swiper-pagination-bullet{
  width: 36px;
  height: 5px;
  background: #bdbdbd;
  border-radius: 0%;
  margin-right: 5px;
  cursor: pointer;
}

.logo_box .swiper-pagination .swiper-pagination-bullet:last-child{
  margin-right: 0px;
}

.logo_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #c6660b;
}

.logo{
  position: absolute;
  left: 20px;
  top: 25px;
}

.pop_banner_img3{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}

.banner_words{
  left: 20px;
  position: absolute;
  bottom: 28px;
}

.icon_box{
  position: absolute;
  bottom: 28px;
  right: 20px;
  background: url(../images/follow_img.png) center no-repeat;
  width: 115px;
  height: 45px;
}

.list_box{
  font-size: 41px;
  margin-left: 30px;
  position: relative;
  top: 50%;
  margin-top: -260px;
}

.menu_button{
  position: absolute;
  top: 20px;
  right: 18px;
  background: url(../images/menu_button.png) center no-repeat;
  width: 60px;
  height: 60px;
}

.menu_img{
  position: absolute;
  top: 38px;
  left: 40px;
}

.list_box li a{
  color: #4c4a4a;
  font-family: NotoSansHans;
}

.list_box li{
  margin-bottom: 20px;
}

.list_box li a.focus{
  color: #ffffff;
}











.product_page{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  /*overflow-y: auto;*/
}

/*.product_img_box img{
  width: 536px;
}*/

.product_box{
  position: absolute;
  width: 585px;
  /*margin-top:-332px;*/
  margin-left: -292.5px;
  left: 50%;
  padding-left: 23px;
  padding-right: 23px;
  background: #212121;
  padding-top: 80px;
  padding-bottom: 80px;
  display: none;
  box-sizing: border-box;
  top: 142px;
  overflow: hidden;
}

.product_img_box{
  width: 100%;height: 100%;
  box-sizing: border-box;
  margin-bottom: 80px;
  overflow: auto;
  text-align: center;
}

.cha{
  position: absolute;
  right: 7px;
  top: 123px;
  width: 47px;
  height: 47px;
  background: url(../images/cha.png) center no-repeat;
  z-index: 100;
}

.product_unit{
  width: 262px;
  height: 262px;
  display: table-cell;
  vertical-align:middle;
  text-align:center;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #2d2d2d;
}

.product_unit1,.product_unit2,.product_unit3,.product_unit4{
  width: 100%;
  height: 100%;
}

.product_choose{
  width: 544px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  margin-top: -272px;
}

.product_unit .product_unit1{
  background: url(../images/product_img1.png) center no-repeat;
}

.product_unit .product_unit2{
  background: url(../images/product_img2.png) center no-repeat;
}

.product_unit .product_unit3{
  background: url(../images/product_img3.png) center no-repeat;
}

.product_unit .product_unit4{
  background: url(../images/product_img4.png) center no-repeat;
}

.product_unit:nth-child(2n){
  margin-right: 0px;
}

.product_unit.focus{
  background: #474646;
}

.product_unit img{
  vertical-align: middle;
}











.about_us_page{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}


.about_us_img{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -248.5px;
  margin-top: -365px;
}

.about_us_box{
  width: 517px;
  position: absolute;
  height: 305px;
  left: 50%;
  top: 50%;
  margin-left: -258.5px;
  margin-top: 0px;
}

.left_button{
  background: url(../images/left_button.png) center no-repeat;
  width: 42px;
  height: 307px;
  position: absolute;
  left: -62px;
  top: -2px;
}

.right_button{
  background: url(../images/right_button.png) center no-repeat;
  width: 42px;
  height: 307px;
  position: absolute;
  right: -62px;
  top: 0;
}











.service_page{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  overflow-y: auto;
}

.service_img{
  width: 552px;
  margin: 110px auto;
  display: block;
}




.team_page{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.case_box_bg{
  width: 580px;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #212121;
  position: fixed;
  left: 50%;
  margin-left: -290px;
  top: 142px;
}

.team_box{
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  width:602px;
  height: 724px;
  margin-left: -301px;
  margin-top: -380px;
  text-align: center;
}


.case_pop1 .swiper-pagination1{
  position: absolute;
  left: 50%;
  margin-left: -59px;
  bottom: 40px;
}

.case_pop2 .swiper-pagination2{
  position: absolute;
  left: 50%;
  margin-left: -59px;
  bottom: 40px;
}

.case_pop3 .swiper-pagination3{
  position: absolute;
  left: 50%;
  margin-left: -90px;
  bottom: 40px;
}

.case_pop4 .swiper-pagination4{
  position: absolute;
  left: 50%;
  margin-left: -26px;
  bottom: 40px;
}

.case_pop5 .swiper-pagination5{
  position: absolute;
  left: 50%;
  margin-left: -59px;
  bottom: 40px;
}

.case_pop6 .swiper-pagination6{
  position: absolute;
  left: 50%;
  margin-left: -101px;
  bottom: 40px;
}

.case_pop7 .swiper-pagination7{
  position: absolute;
  left: 50%;
  margin-left: -90px;
  bottom: 40px;
}

.case_pop8 .swiper-pagination8{
  position: absolute;
  left: 50%;
  margin-left: -26px;
  bottom: 40px;
}

.case_pop9 .swiper-pagination9{
  position: absolute;
  left: 50%;
  margin-left: -101px;
  bottom: 40px;
}

.case_pop10 .swiper-pagination10{
  position: absolute;
  left: 50%;
  margin-left: -59px;
  bottom: 40px;
}

.case_pop .swiper-pagination .swiper-pagination-bullet{
  width: 36px;
  height: 5px;
  background: #bdbdbd;
  border-radius: 0%;
  margin-right: 5px;
  cursor: pointer;
}

.case_pop .swiper-pagination .swiper-pagination-bullet:last-child{
  margin-right: 0px;
}

.case_pop .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #c6660b;
}








.pops_video{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0,0,0,0.5);
  z-index: 1000000000000000000000000000;
}

.video_box{
  width: 500px;
  height: 320px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  margin-top: -160px;
}

.back_btn{
  position: absolute;
  right: -59px;
  top: 0;
  width: 59px;
  height: 56px;
  background: url(../images/back_btn.png) left top no-repeat;
}



.case_box .swiper-slide div{
  /*width: 425px;
  height: 606px;
  overflow: hidden;*/
}

.icon_weibo{
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
}


.icon_weixin{
  position: absolute;
  right:70px;
  top: 0;
  width: 45px;
  height: 45px;
}

.icon_weixin img{
  max-width: none;
  position: absolute;
  left: -104px;
  top: -105px;
  width: 150px;
  display: none;
}


.case_page{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.case_choose{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.case_unit{
  width: 50%;
  height: 304px;
  float: left;
}

.case_unit1{
  background: url(../images/case_icon_01.jpg) center no-repeat;
  background-size: cover;
}

.case_unit2{
  background: url(../images/case_icon_02.jpg) center no-repeat;
  background-size: cover;
}

.case_unit3{
  background: url(../images/case_icon_03.jpg) center no-repeat;
  background-size: cover;
}

.case_unit4{
  background: url(../images/case_icon_04.jpg) center no-repeat;
  background-size: cover;
}

.case_unit5{
  background: url(../images/case_icon_05.jpg) center no-repeat;
  background-size: cover;
}

.case_unit6{
  background: url(../images/case_icon_06.jpg) center no-repeat;
  background-size: cover;
}

.case_unit7{
  background: url(../images/case_icon_07.jpg) center no-repeat;
  background-size: cover;
}

.case_unit8{
  background: url(../images/case_icon_08.jpg) center no-repeat;
  background-size: cover;
}

.case_unit9{
  background: url(../images/case_icon_09.jpg) center no-repeat;
  background-size: cover;
}

.case_unit10{
  background: url(../images/case_icon_10.jpg) center no-repeat;
  background-size: cover;
}


.swiper_case_box{
  width: 425px;
  height: 606px;
  margin:810px auto 50px;
  overflow: hidden;
}

.case_pop{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 101%;
  overflow-y: auto;
  z-index: 100000;
  background: rgba(0,0,0,0.7);
}

.case_box{
  text-align: center;
  width: 100%;
}

.case_box img:first-child{
  padding-top: 900px;
}

.case_box img{
  margin-bottom: 25px;
  max-width: 450px;
  width: 450px;
}

.case_box1{
  background: url(../images/swiper_bg_yd.jpg) center top no-repeat;
}

.case_box1 .slide_img1{
  background: url(../images/swiper_yd_img1.png) center top no-repeat;
}

.case_box1 .slide_img2{
  background: url(../images/swiper_yd_img2.png) center top no-repeat;
}

.case_box1 .slide_img3{
  background: url(../images/swiper_yd_img3.png) center top no-repeat;
}


.case_box2{
  background: url(../images/swiper_bg_fa.jpg) center top no-repeat;
}

.case_box2 .slide_img1{
  background: url(../images/swiper_fa_img1.png) center top no-repeat;
}

.case_box2 .slide_img2{
  background: url(../images/swiper_fa_img2.png) center top no-repeat;
}

.case_box2 .slide_img3{
  background: url(../images/swiper_fa_img3.png) center top no-repeat;
}


.case_box3{
  background: url(../images/swiper_bg_ba.jpg) center top no-repeat;
}

.case_box3 .slide_img1{
  background: url(../images/swiper_ba_img1.png) center top no-repeat;
}

.case_box3 .slide_img2{
  background: url(../images/swiper_ba_img2.png) center top no-repeat;
}

.case_box3 .slide_img3{
  background: url(../images/swiper_ba_img3.png) center top no-repeat;
}

.case_box3 .slide_img4{
  background: url(../images/swiper_ba_img4.png) center top no-repeat;
}



.case_box4{
  background: url(../images/swiper_bg_mami.jpg) center top no-repeat;
}

.case_box4 .slide_img1{
  background: url(../images/swiper_mami_img1.png) center top no-repeat;
}




.case_box5{
  background: url(../images/swiper_bg_ha.jpg) center top no-repeat;
}

.case_box5 .slide_img1{
  background: url(../images/swiper_ha_img1.png) center top no-repeat;
}

.case_box5 .slide_img2{
  background: url(../images/swiper_ha_img2.png) center top no-repeat;
}

.case_box5 .slide_img3{
  background: url(../images/swiper_ha_img3.png) center top no-repeat;
}




.case_box6{
  background: url(../images/swiper_bg_yld.jpg) center top no-repeat;
}

.case_box6 .slide_img1{
  background: url(../images/swiper_yld_img1.png) center top no-repeat;
}

.case_box6 .slide_img2{
  background: url(../images/swiper_yld_img2.png) center top no-repeat;
}

.case_box6 .slide_img3{
  background: url(../images/swiper_yld_img3.png) center top no-repeat;
}

.case_box6 .slide_img4{
  background: url(../images/swiper_yld_img4.png) center top no-repeat;
}

.case_box6 .slide_img5{
  background: url(../images/swiper_yld_img5.png) center top no-repeat;
}



.case_box7{
  background: url(../images/swiper_bg_xiaoling.jpg) center top no-repeat;
}

.case_box7 .slide_img1{
  background: url(../images/swiper_xiaoling_img1.png) center top no-repeat;
}

.case_box7 .slide_img2{
  background: url(../images/swiper_xiaoling_img2.png) center top no-repeat;
}

.case_box7 .slide_img3{
  background: url(../images/swiper_xiaoling_img3.png) center top no-repeat;
}

.case_box7 .slide_img4{
  background: url(../images/swiper_xiaoling_img4.png) center top no-repeat;
}


.case_box8{
  background: url(../images/swiper_bg_3m.jpg) center top no-repeat;
}

.case_box8 .slide_img1{
  background: url(../images/swiper_3m_img1.png) center top no-repeat;
}



.case_box9{
  background: url(../images/swiper_bg_dazhong.jpg) center top no-repeat;
}

.case_box9 .slide_img1{
  background: url(../images/swiper_dazhong_img1.png) center top no-repeat;
}

.case_box9 .slide_img2{
  background: url(../images/swiper_dazhong_img2.png) center top no-repeat;
}

.case_box9 .slide_img3{
  background: url(../images/swiper_dazhong_img3.png) center top no-repeat;
}

.case_box9 .slide_img4{
  background: url(../images/swiper_dazhong_img4.png) center top no-repeat;
}

.case_box9 .slide_img5{
  background: url(../images/swiper_dazhong_img5.png) center top no-repeat;
}




.case_box10{
  background: url(../images/swiper_bg_jd.jpg) center top no-repeat;
}

.case_box10 .slide_img1{
  background: url(../images/swiper_jd_img1.png) center top no-repeat;
}

.case_box10 .slide_img2{
  background: url(../images/swiper_jd_img2.png) center top no-repeat;
}

.case_box10 .slide_img3{
  background: url(../images/swiper_jd_img3.png) center top no-repeat;
}




















.join_us_page{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/join_us_bg.png) center no-repeat;
  background-size: cover;
  overflow-y: auto;
}

.join_us_box{
  width: 539px;
  position: absolute;
  left: 50%;
  margin-left: -269.5px;
  height: auto;
  box-sizing: border-box;
  padding-top: 80px;
  text-align: center;
}

.join_us_icon{
  position: absolute;
}

.join_us_icon1{
  left: 260px;
  top: 130px;
}

.join_us_icon2{
  left: 205px;
  top: 195px;
}

.join_us_icon3{
  left: 50px;
  top: 247px;
}

.join_us_icon4{
  left: 235px;
  top: 291px;
}

.join_us_icon5{
  left: 348px;
  top: 243px;
}

.join_us_icon6{
  left: 194px;
  top: 509px;
}

.join_us_img{
  position: absolute;
  left: 23px;
  top: 355px;
}

.join_us_icon7{
  left: 443px;
  top: 524px;
}

.join_us_icon8{
  left: 180px;
  top: 594px;
}

.join_us_icon9{
  left: 377px;
  top: 582px;
}

.join_us_icon10{
  left: 243px;
  top: 665px;
}

.join_us_icon11{
  left: 80px;
  top: 546px;
}

.join_us_line{
  position: absolute;
  left: 0;
  top: 756px;
}

.join_right{
  width: 100%;
  padding-top:705px;
}

.position_unit{
  width: 100%;
  height: 58px;
  line-height: 58px;
  font-size: 18px;
  color: #ccc;
  border-bottom: 1px solid #363636;
  cursor: pointer;
  box-sizing: border-box;
  margin-left: 20px;
  margin-right: 20px;
  text-align: left;
  padding-left: 30px;
}

.jiantou{
  background: url(../images/jiantou.png) center no-repeat;
  width: 7px;
  height: 4px;
  float: right;
  margin-right: 5px;
  position: relative;
  top: 25px;
  right: 5px;
}

.focus .jiantou{
  background: url(../images/jiantou_shang.png) center no-repeat;
}

.position_name,.position_name_en{
  font-size: 18px;
}

.position_instro{
  font-size: 20px;
  margin-right: 10px;
  margin-bottom: 30px;
  display: inline-block;
}

.position_page{
  line-height: 200%;
}

.apply{
  width: 212px;
  height: 36px;
  background: url(../images/shenqing1.png) center no-repeat;
  margin-top: 37px;
  margin-bottom: 10px;
  border: 1px solid #363636;
  display: block;
}


.cloud_move{
   animation:cloud_move 8s linear infinite;
  -webkit-animation:cloud_move 8s linear infinite;
}

.cloud_move1{
   animation:cloud_move 8s 2s linear infinite;
  -webkit-animation:cloud_move 8s 2s linear infinite;
}

.cloud_move2{
   animation:cloud_move 8s 4s linear infinite;
  -webkit-animation:cloud_move 8s 4s linear infinite;
}

.cloud_move3{
   animation:cloud_move 8s 3s linear infinite;
  -webkit-animation:cloud_move 8s 3s linear infinite;
}

@keyframes cloud_move{
  0% {
     transform:translate(8px,12px)
  }
  25% {
      transform:translate(16px,0px)
  }
  50% {
      transform:translate(8px,-12px)
  }
  75% {
      transform:translate(-8px,0px)
  }
  100% {
      transform:translate(8px,12px)
  }
}
@-webkit-keyframes cloud_move{
  0% {
     -webkit-transform:translate(8px,12px)
  }
  25% {
      -webkit-transform:translate(16px,0px)
  }
  50% {
      -webkit-transform:translate(8px,-12px)
  }
  75% {
      -webkit-transform:translate(-8px,0px)
  }
  100% {
      -webkit-transform:translate(8px,12px)
  }
}



.swiper_bottom{
  position: absolute;
  left: 50%;
  margin-left: -39px;
  bottom: 48px;
  z-index: 10000;
}

.back_top{
  background: url(../images/back_top.png) center no-repeat;
  width: 79px;
  height: 32px;
  position: absolute;
  z-index: 10000;
  right: 40px;
  bottom: 100px;
  z-index: 10000000000000000000000000;
  display: none;
}