
/* CSS Document */
/*1?????-???-?????? ???????
--------------------------*/
body,div,p,span,h1,h2,h3,h4,h5,ul,li,dl,dd,dt,a,from,input,div,menu,ol,section{ border:0; margin:0; padding:0;}
body{font-family: "microsoft yahei";overflow-x:hidden;}
area{ outline: none;}
ul,li{ list-style:none;}
.c{ clear:both;}
.pr{ padding-top:5px; height:100px;}
.clearf:after,.clearf:before{content:"";display:block; }
.clearf:after {clear:both;}
.clearf{zoom:1;}/*IE6/IE7*/
.mr{ width:1200px; margin:0 auto;}
a{ text-decoration:none; color: #676767;}
a:hover{ color:#000;}
img{ border:0;}
/*2.header
--------------------------*/
/*3.section 1
--------------------------*/
.bg{background:url(/zysz/zy_images/syxd_img/bg.jpg) no-repeat;height:727px;}
.bg2{background:url(/zysz/zy_images/syxd_img/bg2.jpg) no-repeat;height:660px;}
.wp {
    width: 1200px;
    margin: 0 auto;
}
.ul-list-p2{
    overflow: hidden;
    padding: 85px 0 20px;
}
.ul-list-p2 li{
    overflow: hidden;
    padding-bottom: 40px;
    width: 50%;
}
.ul-list-p2 .ico{
    width: 84px;
    height: 84px;
    background-repeat: no-repeat;
    background-image: url(/zysz/zy_images/syxd_img/img-nine-2.png);
}
.ul-list-p2 .info{
    overflow: hidden;
    max-width: 280px;
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
.ul-list-p2 .info h5{
    padding: 4px 0 10px;
    font-size: 18px;
    font-weight: normal;
}
.ul-list-p2 .lil,
.ul-list-p2 .lil .ico,
.ul-list-p2 .lil .info{float: left;}
.ul-list-p2 .lil .ico{margin-right: 18px;}
.ul-list-p2 .lir,
.ul-list-p2 .lir .ico,
.ul-list-p2 .lir .info{float: right;}
.ul-list-p2 .lir .ico{margin-left: 18px;}
.ul-list-p2 .lir .info{text-align: right;}
.ul-list-p2 .li1 .ico{background-position: 0px 0;}
.ul-list-p2 .li3 .ico{background-position: -84px 0;}
.ul-list-p2 .li5 .ico{background-position: -168px 0;}
.ul-list-p2 .li7 .ico{background-position: -252px 0;}
.ul-list-p2 .li2 .ico{background-position: 0px -84px;}
.ul-list-p2 .li4 .ico{background-position: -84px -84px;}
.ul-list-p2 .li6 .ico{background-position: -168px -84px;}
.ul-list-p2 .li8 .ico{background-position: -252px -84px;}
.p-tit-2{
    text-align: center;
    color: #b18c62;
}
.p-tit-2 .d1{
    width:550px;
    margin:0 auto 20px;
    padding-top:50px;
}
.p-tit-2 .d2{
    width:536px;
    margin:0 auto 20px;
    padding-top:50px;
}
.p-tit-2 .d4{
    width:551px;
    margin:0 auto 20px;
    padding-top:50px;
}
.p-tit-2 .d5{
    width:435px;
    margin:0 auto 20px;
    padding-top:50px;
}
/*.p-tit-2 .d2:after,
.p-tit-2 .d2:before{
    content: '';
    position: absolute;
    top: 0;
    width: 42px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: 50% 9px;
}
.p-tit-2 .d2:after{left: 0;background-image: url(../images/ico-hm-tit-1.png);}
.p-tit-2 .d2:before{right: 0;background-image: url(../images/ico-hm-tit-2.png);}*/
.p-tit-2 .d3{
    font-size: 16px;
    line-height: 1;
}
.p-tit-2.white{
    color: #fff;
}
.cgmj{margin-top:45px;}
.cgmj li{float: left;}
.cgmj .mj_img{width:212px;margin:0 22px;}
.cgmj .mj_jt{width:44px;margin:0 7px;padding-top:95px;}
.cgmj .mj_img div{width: 188px;height: 188px;border-radius: 50%;border: 1px dashed #fff;padding:12px}
.cgmj .mj_img h3{font-size:20px;line-height:45px;text-align: center;color: #fff;}
.cgmj .mj_img p{font-size:18px;line-height:30px;text-align: center;color: #fff;}
.cgmj_btn{display:block;background: #fff;font-size:22px;line-height:60px;text-align: center;border-radius: 6px;color: #000000;width:295px;height: 60px;margin: 35px auto 0;}
.bg1{background: #F8F5F0;padding:1px 0;}
.bg3{background: #1F1F1E;padding:1px 0;}
.bg4{background: #F8F5F0;padding:1px 0;}
.xdms{position:relative;width: 1200px;height: 525px;margin: 60px auto;}
.xdms li>div{width:1200px;border:1px solid #BC9F7E;height:395px;position:relative;top:60px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.xdms li{height:550px;}
.ms_img{position:absolute;top: 50px;left: 85px;}
.ms_bg{position: absolute;top: -70px;right: 44px;}
.ms_w{margin:30px 0 0 500px;}
.xdms .ms_w h3{font-size: 28px;line-height: 50px;}
.xdms .ms_w p{font-size:18px;line-height:30px;}
.xdms_btn{position: absolute;bottom: -80px;right: 60px;width:238px;height: 60px;border-radius: 8px;background: #A68055;color:#fff;font-size:22px;line-height: 60px;text-align: center;}
.xdms_btn:hover{color:#fff;}
.xdms .flex-direction-nav li a {
    position: absolute;
    display: block;
    width: 28px;
    top: 50%;
    margin-top: -30px;
    text-decoration: none;
}
.xdms .flex-prev {
    left: 30px;
}
.xdms .flex-next {
    right: 30px;
}
.bd{margin:50px 0;}
.bd>li{float: left;width:595px;height:535px;}
.bd>li:first-child{margin-right:10px;background: #A68055;}
.zp li{float: left;width:280px;margin-right:15px;margin-bottom:10px;}
.bd>li:first-child>div{padding:105px 0 0;}
.tishi{font-size: 28px;line-height: 60px;color: #fff;text-align: center;font-family: "Î¢ÈíÑÅºÚ";font-weight: bold;}
.hyqj{margin:50px 0;}
.hyqj li{float: left;width:285px;margin-right:20px;}
.hyqj li:last-child{margin-right: 0;}
.hy_w{height:290px ;border:2px solid #EBE2D5;}
.hy_w h3{text-align: center;font-size: 24px;line-height: 45px;position: relative;}
.hy_w h3:after{content: '';
    position: absolute;
    width: 30%;
    height: 2px;
    left: 35%;
    bottom: 0;
    background: #666666;}
.hy_w p{padding: 0px 12px;font-size: 16px;line-height: 28px;margin-top: 25px;text-align:  center;}
.hy_tb{	
	width: 84px;
    height: 84px;
    background-repeat: no-repeat;
    background-image: url(/zysz/zy_images/syxd_img/img-nine-2.png);
    margin:28px auto 20px;
}
.hy_tb1{background-position: -84px 0;}
.hy_tb2{background-position: -252px 0;}
.hy_tb3{background-position: -252px -84px;}
.hy_tb4{background-position: -84px -84px;}




























.dz_tit{width:1136px;margin:0 auto;}
.dz_tit li{float:left;width:25%;margin:0;padding:1rem 0;}
.t_b1{background:#DEF4F9;}
.t_b2{background:#D8DDE1;}
.t_b3{background:#EBECD9;}
.t_b4{background:#EBE7E5;}
.dz_tit div{text-align:center;font-weight:bold;font-size:1.5rem ;line-height:3rem;color:#000;}
.dz_tit p{text-align:center;font-size:1rem ;line-height:1.3rem;color:#000;}
.tit{color:#000;text-align:center;margin:58px auto;font-size: 45px;line-height: 53px;/* font-weight:bold; */}
.content_box{margin:0 auto;width:1136px;}
.dz_zp li{float:left;width:32.5%;margin:0;padding:0;margin-right:1.25%;}
.dz_zp li:last-child{margin-right:0;}
.dz_zp li>div{position:relative;}
.zp_mc{position:absolute;bottom:0;line-height:50px;font-size: 20px;background:rgba(0,0,0,0.4);text-align:center;color:#fff;width:100%;}
.ys_xddz li{float:left;width:49%;box-sizing:border-box;height:450px;padding-top: 20px;}
.ys_xddz li:first-child{border-right:2px dashed #AC8955;width:51%;}
.ys_tit{font-size:26px;line-height:45px;font-weight:bold;}
.ys1,.ys2,.ys3,.ys4{margin-bottom:35px;padding-top:30px;text-align:right;}
.ys_tit span{font-size:30px;line-height:45px;display:inline-block;width:45px;height:45px;border-radius:50%;background: #6A3906;color: #fff;text-align: center;margin-right: 5px;}
.ys1,.ys3{margin-right:50px;}
.ys2,.ys4{margin-left:50px;text-align:left;}
.ys_td{margin:12px 0;color:#784D20;font-size:20px;line-height:28px;}
.bg_lb{background:#EBECD9;padding:1px 0;margin:45px 0;}
.ktfc_tit{font-size:38px;line-height:55px;font-family:"??????";text-align:center;margin-top:-45px;}
.kthj{width:155px;height:115px;margin:20px auto;border:1px dashed #000;color:#8A8A88;text-align:center;font-size: 40px;line-height: 40px;font-weight: bold;padding-top: 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.kthj p{font-size: 18px;line-height:28px;}

.ktfc_btn{display:block;font-size:35px;width:288px;line-height:65px;font-weight:bold;text-align:center;margin:17px auto 70px;color:#fff;background:#6A3906;border-radius: 6px;}
.ktfc_btn:hover{color:#fff;}
.content_box{width:1136px;margin:35px auto;}

.jspx{margin:2.5rem auto;}
.jspx li{float:left;width:32%;margin-right:2%;padding:1rem 0.8rem;margin-bottom:1%;border:1px dotted #B5B5B5;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.tit1{font-size: 2.5rem;line-height: 3rem;text-align:center;/* font-weight:bold; */margin:0.8rem 0 1.8rem;}
.jspx li:nth-child(3),.jspx li:nth-child(6){margin-right:0;}
h2{text-align:center;font-size:2rem;line-height:4.5rem;position:relative;color:#6A3906;}
.jspx p{text-align:center;font-size:1.3rem;line-height:2.8rem;padding:0.3rem 0 1rem;border-top:1px dashed #7D7D7D;/* font-weight: bold; */}
h2:after{    content: ''; position: absolute;width: 50%; height: 2px;left: 25%;bottom: 0;background: #6A3906;}
.glpx{text-align:center;font-size:1.6rem;line-height:3rem;padding:0.3rem 0 1rem;}








.foot{padding-top:10px;width:100%;height:108px;background-color:#f1f1f1; border-bottom:1px solid #ccc;}
.tmall-ensure{padding:0;width:990px;height:100px; margin:0 auto;}
/*foot1*/
.ggzw{height:292px; width:100%;margin:0 auto;}
.ggzw .xhjy{height:155px; border-bottom:solid 5px #ccc; padding-top:23px}
.ggzw .xhjy .d1{width:240px; height:130px; float:left; margin:0 100px 0 20px; display:inline}
.ggzw .xhjy .d1 .logo{width:373px; height:64px; display:block}
.ggzw .xhjy .d1 .zzdn{width:240px; height:25px; margin-top:10px;  font:18px/25px \5b8b\4f53,Arial,sans-serif;}
.ggzw .xhjy ul{width:150px;_width:120px; float:left}
.ggzw .xhjy ul .tt{font-size:16px; }
.ewm{ color:#000000;}
.ggzw .xhjy ul li{font-size:12px; list-style:none; line-height:25px;}
.ggzw .bq{height:95px;padding-top:15px;}
/*foot2*/
.footer{clear:left;background-color:#F1F1F1;width:100%;}
.footer .main{width:1190px; height:147px;margin:0 auto; }
.footer .ggzw a{color:#666;}
.footer .ggzw a:hover{color:#b91935}
.footer .ggzw .xhjy .d1 .logo{background: url(http://www.sxxdf.com/templets/spweb/2015syimg/logo.png) no-repeat;}
.footer,.bq{ width:100%; text-align:center; margin:0 auto; font-size:14px;}



.daohang{ width:1100px; margin:0 auto; }
.daohang ul{ list-style:none; margin:0px; padding:0px;}
.daohang ul li a{ display:block; float:left; width:145px; height:60px; line-height:60px;  text-align:center; margin-left:34px;  font-size:26px; margin-top:28px;
border: 1px solid #713e24;  border-radius: 10px;  color:#713e24
}
.daohang ul li a:hover{ display:block; float:left;width:145px; height:60px; line-height:60px; text-align:center; margin-left:34px;  font-size:26px; margin-top:15px; border: 1px solid #ee7800;  border-radius: 10px;  color:#ee7800}
.kz{ width:1140px; margin:25px auto; line-height:30px; font-size:18px; background:#f2f2f2; padding:30px;}
.qj{ width:1050px; margin:25px auto; line-height:30px; font-size:18px; background:#f2f2f2; padding:30px; text-indent:2em;}
.zsyb{ width:1000px; margin:0 auto;}
.zsyb ul{ list-style:none; margin:0; padding:0;}
.zsyb ul li{ display:block; float:left; width:280px; height:200px; margin-left:30px; margin-bottom:70px; text-align:center;}
.jybz{ width:1110px; margin:0 auto;  height:640px; }
.wcjy{ width:646px; height:508px; margin:0 auto;}
.xct{ width:1100px; height:122px; margin:0 auto;}
.jybz ul{ list-style:none; margin:0; padding:0;}
.jybz ul li{ display:block; float:left; margin: 10px 0px 0px 10px;  text-align:center;}
.hzdw{ width:1190px; margin:25px auto;}
.STYLE1 {color: #e4130f}
.fazhan{ width:1000px; margin:0px auto; padding-top:40px;}
.fazhan .xcleft{ width:230px; float:left;}
.fazhan .qj1{ width:730px;  float:right; line-height:35px; font-size:18px;   text-indent:2em; padding-top:40px;}
.xdjy{ width:1120px; margin:0 auto;}
.xdjy ul{ list-style:none; margin:0; padding:0;}
.xdjy ul li{ display:block; float:left; margin-bottom:10px; text-align:center; margin-left:10px;}
.jdxd_ly{ width:1210px; height:300px; margin:20px auto;}
.bt{ text-align:center;margin:0px; padding-bottom:20px; font-size:24px; color:#e4130f;}
.shijian{ width:760px; margin:0 auto; line-height:35px; }
.lilun{ text-align:center;margin:0px; padding-bottom:20px; font-size:24px; color:#e4130f; padding-top:25px}
.jptt{ background:url(../zy_images/xcbj.jpg) repeat;  margin:0 auto;  height:511px; }
.ding{ width:1200px; margin:0 auto;}
.logo1{ width:800px; float:left;}
.nf{ width:200px; float:right; margin-top:10px;}
.xszp{ width:1200px; margin:0 auto; padding-top:30px;}
.xszp ul{ list-style:none; margin:0; padding:0;}
.xszp ul li{ display:block; float:left; width:268px; height:226px;margin-bottom:30px; margin-left:20px;  text-align:center;}
.zsyb1{ width:1000px; margin:0 auto;margin-bottom:30px;}
.zsyb1 ul{ list-style:none; margin:0; padding:0;}
.zsyb1 ul li{ display:block; float:left; width:316px; height:226px; text-align:center;}

/*kefu */
.fixed_1 {position:fixed;top:192px;right:0px;width:53px;z-index:987654;
}
.fixed_1 a:link,.fixed_1 a:visited {display:block;width:53px;height:23px;background:#ff8101;margin-top:1px;color:#ffffff;background-position:center 8px;
background-repeat:no-repeat;text-align:center;padding-top:30px;line-height:23px;z-index:545;
}
.fixed_1 a:hover {background-color:#484848;}
/*?????????*/
/*
.zx_show{background:#fff;width:510px; border-radius:15px;  height:350px; position:fixed; left:50%; top:50%; margin-left:-225px; margin-top:-152px; z-index:10; z-index:999;box-shadow: 0 0 30px #000;-moz-box-shadow: 0 0 30px #ccc;-webkit-box-shadow: 0 0 30px #000;}
.zx_show .zxclose{ width:30px; height:26px; overflow:hidden; cursor:pointer; top:10px; right:10px; position:absolute;transition:All .3s ease;-moz-transition: All .3s ease;-webkit-transition: All .3s ease; -o-transition:All .3s ease;}
.zx_show .zxclose:hover{ transform: rotate(90deg);}
.zxcenter{background:url(http://www.sxxdf.com/images_2016/kfbj_new.jpg) no-repeat left bottom; height:284px;}
.zxbottom{ border-radius:15px; height:61px;position:absolute;bottom:0; width:510px;}
.text-c{ text-align:center; width:440px; margin:0 auto;}

.text-c a.shouye{ display:block; float:left; margin-left:10px; line-height:30px;    background:url(http://www.sxxdf.com/images_2016/fangzi.jpg) no-repeat; padding-left:22px;  margin-top:10px; font-size:16px;}
.text-c a.qqzx{ display:block; float:left; margin-left:10px;  line-height:30px;    background:url(http://www.sxxdf.com/images_2016/qie.jpg) no-repeat;padding-left:26px;  margin-top:10px; font-size:16px;}

.text-c a.xffq{ display:block; float:left;  border-radius:15px; margin-left:30px;  width:120px; height:35px;  background:#ff8101; line-height:35px; color:#FFFFFF; font-size:16px; margin-top:10px;}
.text-c a.yhhd{ display:block; float:left; margin-left:10px;  border-radius:15px;  width:120px; height:35px;  background:#25c53f; line-height:35px; color:#FFFFFF; font-size:16px; margin-top:10px;}
.text-c a.xffq:hover{ width:120px; height:35px;  background:#484848; line-height:35px; color:#FFFFFF; font-size:16px; margin-top:10px;}
.text-c a.yhhd:hover{ width:120px; height:35px;  background:#484848; line-height:35px; color:#FFFFFF; font-size:16px; margin-top:10px;}
.zxclose .yangshi {width:22px;height:22px;position:absolute;top:0px;right:0px;cursor:pointer;background:url(http://www.sxxdf.com/images_2016/out.png) no-repeat center center;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;-o-transition:.6s;transition:.6s;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.zxclose .yangshi{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(360deg);transform:rotate(180deg)}  
*/
/*/?????*/
.barrage{position:fixed;right:-500px;display:inline-block;width: 500px;z-index: 99999}
.barrage_box{background-color: rgba(0,0,0,.5);padding-right: 8px; height: 40px;display: inline-block;border-radius: 25px;transition: all .3s;}
.barrage_box .portrait{ display: inline-block;margin-top: 4px; margin-left: 4px; width: 32px;height: 32px;border-radius: 50%;overflow: hidden;}
.barrage_box .portrait img{width: 100%;height: 100%;background: none;}
.barrage_box div.p a{ margin-right: 2px; font-size: 14px;color: #fff;line-height: 40px;margin-left: 18px; }
.barrage_box div.p a:hover{text-decoration: underline;}
.barrage_box .close{visibility: hidden;opacity: 0; text-align: center; width:25px;height: 25px;margin-left: 20px;border-radius: 50%;background:rgba(255,255,255,.1);margin-top:8px; background-image: url(http://www.sxxdf.com/images_2016/close.png);}
.barrage_box:hover .close{visibility:visible;opacity: 1;}
.barrage_box .close a{display:block;}
.barrage_box .close .icon-close{font-size: 14px;color:rgba(255,255,255,.5);display: inline-block;margin-top: 5px; }
.barrage .z {float: left !important;}
.barrage  a{text-decoration:none;}
/*????2?????o?*/
.rmenu{
  display: block;
  width:80px;
  height: 351px;
  position:fixed;
  top:46%;
  left:0px;
  margin-top:-125px;
  z-index: 999;
}
.ron a{
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  transform: translateX(0) !important;
  opacity: 1 !important;
}
.rmenu a{
  display: block;
  width:80px;
  height:38px;
  line-height: 38px;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 1px;
  -webkit-transition: opacity 1.2s, transform 0.4s;
  -moz-transition: opacity 1.2s, transform 0.4s;
  transition: opacity 1.2s, transform 0.4s;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
.rmenu > .rdh a{
  background:#ccc;
  color:#4c4c4c;
}
.rmenu > .rzy a{
  background:#999;
  color:#fff;
}
/*???2??????????????*/
*{margin:0;}
.pc_bottom_clearfix:after{
    content: "";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.fl {
    float: left;
}
.fixed-bottom{
  display: block;
  visibility:hidden;
  width: 100%;
  min-width: 1200px;
  height:56px;
  position: fixed;
  bottom:-56px;
  left:0;
  z-index:999;
  background:#ff7a01;
  transition:bottom .5s;
  -moz-transition:bottom .5s;
  -webkit-transition:bottom .5s;
}
.fixed-bottom.onshow{
    visibility: visible;
	bottom:0;
}
.fixed-bottom .fixed-b-inner{
  width: 1200px;
  height:56px;
  margin:0 auto;
}
.fixed-bottom .fixed-b-inner .fitem-main{
  display: block;
  width:300px;
  height: 56px;
  background:url('http://oq4ht12sx.bkt.clouddn.com/bottom-yd1.png') no-repeat;
  background-position:0 -136px;
}
.fixed-bottom .fixed-b-inner .fitem-main2{
  display: block;
  width:150px;
  color:#fff;
  font-weight: 300;
  font-size:20px;
  line-height:56px;
  padding-left:12px;
}
.fixed-bottom .fixed-b-inner .fitem-main3{
  width:315px;
  display: block;
  height: 56px;
}

.fixed-bottom .fixed-b-inner .fitem-main3 ul{
  display: block;
  height:56px;
  margin-left:10px;
}
.fixed-bottom .fixed-b-inner .fitem-main3 ul li{
  display: block;
  float: left;
  color:#fff;
  height: 56px;
  line-height:56px;
  position: relative;
  padding:0 20px;
  font-weight: 300;
  font-size:17px;
}
.fixed-bottom .fixed-b-inner .fitem-main3 ul li a{
  color:#fff;
}
.fixed-bottom .fixed-b-inner .fitem-main3 ul li span{
  display: block;
  width:1px;
  height:17px;
  background-color:#fff;
  position: absolute;
  top:19px;
  right:0;
}
.fitem-tel{
    width:230px;
    height:30px;
    margin-top:13px;
}
.fitem-tel input{
    display: block;
    width: 140px;
    outline: none;
    border: none;
    height: 30px;
    line-height:30px;
    font-weight: 300;
    padding-left: 10px;
}
.fitem-tel .fitem-tel-push{
    display: block;
    width: 80px;
    height: 30px;
    background: #ff3701;
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
    text-align: center;
    color: #fff;
		border:none;
}
.fitem-tel .fitem-tel-push:hover{
    opacity:.7;
}
.zxicon{
  display: block;
  width:120px;
  height:56px;
  background:#ff7a01;
  position: relative;
  float:right;
}
.zx-icon-i{
  display:block;
  width:40px;
  height:56px;
  background:url('http://oq4ht12sx.bkt.clouddn.com/bottom-yd1.png') no-repeat;
  background-position:-11px -71px;
}
.zxicon > p{
  display: block;
  height:56px;
  line-height: 56px;
  font-size:16px;
  color:#fcff00;
  font-weight: 200;
  padding-left:5px;
  cursor:pointer;
}
.zx-icon-bg{
  display: block;
  width: 62px;
  height: 65px;
  position: absolute;
  top:-52px;
  left:30px;
  background: url('http://oq4ht12sx.bkt.clouddn.com/bottom-yd1.png') no-repeat;
  background-position: 0 0;
  color:#fff;
  cursor:default;
  text-align:center;
  line-height:65px;
  font-weight: 300;
  font-size:18px;
  transform:scale(.3);
  -moz-transform:scale(.3);
  -webkit-transform:scale(.3);
  visibility:hidden;
	-moz-transform-origin: center bottom;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	transition:all .5s 1s;
	-moz-transition:all .5s 1s;
	-webkit-transition:all .5s 1s;
}
.onshow  .zx-icon-bg{
	visibility:visible;
	transform:scale(1);
  -moz-transform:scale(1);
  -webkit-transform:scale(1);
}