body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form,  input, p, th, td { margin:0; padding:0;}
body {  font-family: "SOURCEHANSANSCN-REGULAR_1"; }

img { border:0; /* max-width: 100%; display: block;*/}
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; } 
textarea { resize:none; }
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block}
a:hover{ text-decoration: none !important;}

@font-face {
  font-family: "SOURCEHANSANSCN-REGULAR_1";
  src: url("../fonts/SOURCEHANSANSCN-REGULAR_1.woff2") format("woff2"),
       url("../fonts/SOURCEHANSANSCN-REGULAR_1.woff") format("woff"),
       url("../fonts/SOURCEHANSANSCN-REGULAR_1.ttf") format("truetype"),
       url("../fonts/SOURCEHANSANSCN-REGULAR_1.eot") format("embedded-opentype"),
       url("../fonts/SOURCEHANSANSCN-REGULAR_1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SOURCEHANSANSCN-MEDIUM_1";
  src: url("../fonts/SOURCEHANSANSCN-MEDIUM_1.woff2") format("woff2"),
       url("../fonts/SOURCEHANSANSCN-MEDIUM_1.woff") format("woff"),
       url("../fonts/SOURCEHANSANSCN-MEDIUM_1.ttf") format("truetype"),
       url("../fonts/SOURCEHANSANSCN-MEDIUM_1.eot") format("embedded-opentype"),
       url("../fonts/SOURCEHANSANSCN-MEDIUM_1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}



.clearfix:after{
    content:'';
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}




.containerr{ max-width: 1200px; margin:0 auto;}
.indexContent{ height: auto;  position: relative;}

.hfindex-top{ width: 100%; height: 40px; background: #f3f3f3; line-height:34px; }
.hfindex-top .pull-left{ color: #7f7f7f; font-size: 13px;}
.hfindex-top .pull-right{ font-size: 13px;}

.hfindex-top .hf-map{ height: auto; position: relative;}
.hfindex-top .hf-map a{ color: #7f7f7f; background:url(../images/line.png) no-repeat right center; padding:0 15px; float: left;}

.hfindex-top .hf-map a.mowhc{ cursor: pointer; background: none;}

.mobwhat{ position: absolute; top:100%; right:0px;    z-index: 1; display: none;}
.mobwhat img{ height: 133px; display: inline-block;}




.hf-advisenum{ font-size:16px; color: #e83838;    line-height: 30px; background: url(../images/call.png) no-repeat left center; padding-left: 50px; margin-top: 20px;}
.hf-advisenum span{font-size: 24px; font-weight: bold; display: block;}



@media screen and (min-width: 769px){
.logomob_lo{ display: none;}
.navContent{ background:#fff; padding:1% 0px;}
.header_mob{ height: auto; position: inherit; background:#fff; border-top:1px solid #e7e7e7;}

.navContent .logo_lo{ float: left; height: auto; overflow: hidden;}

.navContent .logo_lo span{ display: table-cell;}
.navContent .logo_lo .span3{ position: relative;}
.navContent .logo_lo .span3 b{ display: block; font-size: 33px; font-weight: bold; color: #3f4447; margin-left: 37px;margin-right: 50px;}
.navContent .logo_lo .span3 i{  display: block; font-size: 13px; color: #787878; font-style: normal; letter-spacing: 3px;text-transform:uppercase; margin-top: 14px;margin-left: 37px; margin-right: 50px;}
.navContent .logo_lo .span2{padding-left: 100px; font-size:20px; color: #3f4447; line-height: 30px; position: relative;top: -9px;}
.navContent .logo_lo .span2 i{ display: block; font-style: normal;}
.tablecell{display: table;}


.navbor {height: auto;text-align: center; float: left; }
.navy{ height:auto; padding-left: 0px; margin-bottom: 0px;  } 
.navy a:hover{ text-decoration: none;}
.navy li{display: block; margin-bottom: 0px; }
.navy > li {position: relative; float: left; padding: 0px 46px;line-height:45px; background: url(../images/nav-line.png) no-repeat right center;  }
.navy > li:first-child{ padding-left: 0px;}
.navy > li:last-child{ background: none;}
.navy > li#active > a{ color: #e83838; }
.navy > li > a{ font-size: 14px; color:#3f4447;  display: block; }
.navy > li span{ display: none;}
.navbor ul.navy >li>dl.sub-menu{ min-width: 100%;width:210px;background: #fff;position: absolute;left: 0;top: 100%;z-index: 10;display: none;}

.navbor ul.navy >li>dl.sub-menu dd{ position: relative; height: 45px; line-height: 45px;border-bottom: 1px solid #e6e6e6;}
.navbor ul.navy >li>dl.sub-menu >dd:last-child{box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); } 

.navbor ul.navy >li>dl.sub-menu dd a{ color:#3f4447; font-size: 14px; display: block;transition: all .8s;}
.navbor ul.navy >li>dl.sub-menu dd a:hover{ background: #e83838; text-indent: 10px; color: #fff;}

.navbor ul.navy >li:hover>dl.sub-menu{     display: block;}
.navbor ul.navy>li:hover dl.sub-menu>dd>dl.sub-menu{ min-width: 100px; width: 210px;min-height: 50px;background: #fff;z-index: 10;position: absolute;left: 100%;top: 0;display: none;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);}
.navbor ul.navy>li:hover dl.sub-menu>dd:hover>dl.sub-menu{ display: block;}
.navy > li > a:hover{ color: #e83838; }

.navfix{ position:fixed; z-index: 999;  top:0px; width: 100%;moz-box-shadow: 0px 1px 5px #e9ecf1;
    -webkit-box-shadow: 0px 1px 5px #e9ecf1;
    box-shadow: 0px 1px 5px #e9ecf1; } 


.langular{ float: right; line-height: 45px; font-size: 14px;}
.langular a{ color:#858585; padding:0 10px; background: url(../images/line.png) no-repeat right center;}
.langular a:last-child{ background: none;}
}






.newsindex{height: auto; overflow: hidden; background: #f7f7f7; padding:3% 0px;}
.newsul{ height: auto; overflow: hidden;}
.newsul >li{ float: left; width:33%; margin-right: 3%;}
.newsul >li:last-child{ margin-right: 0px; width:27%; float: right;}
.newsul >li .newstitle{ color: #116db7; font-size:22px;  font-weight: normal; background: url(../images/news_tit1.png) no-repeat left center; padding-left:30px;}
.newsul >li:nth-child(2) .newstitle{ background: url(../images/news_tit2.png) no-repeat left center; padding-left:30px;}
.newsul >li:nth-child(3) .newstitle{ background: url(../images/news_tit3.png) no-repeat left center; padding-left:30px;}

.newsul >li .newstitle a{ float: right; color: #363636; font-size: 13px; text-transform: uppercase; line-height: 31px; font-family: "Arial";}
.newsul >li img{ display: block; margin:3% 0px; max-width: 100%;}

.newsol{ height: auto; overflow: hidden;}
.newsol li{ height: 46px;border-bottom: 1px dashed #cbcbcb;display: block; overflow: hidden;} 
.newsol li a{ color: #666;line-height: 46px;background: url(../images/jiao.png) left center no-repeat;padding-left: 12px;display: block;font-size: 15px;}
.newsol li a span{ float: right;}
.newsol li:hover a{ color: #116db7;}




footer{ height: auto;  position: relative; overflow: hidden;background:url(../images/footbg.jpg) repeat center; }

.foot-top{ height: auto; overflow: hidden; padding:2% 0px; border-bottom: 1px solid #474747;}

.footdl{ height: auto; background: url(../images/footline.png) no-repeat right top; }
.footdl dl{ float: left; width: 25%;}
.footdl dl dt{ color:#fefefe; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.footdl dl dd a{ font-size: 14px; color: #aaa9a8; line-height: 35px; display: block;}
.footdl dl dd a:hover{ color: #fff;}

.foocall{ float: left; width:70%;  padding-left: 8%; padding-right: 8%;}
.foocall p{ color: #fff; font-size: 20px;}
.foocall p .mobile{ display: block; font-size: 32px; color: #fff; font-weight: bold; margin:2% 0px 3%;}
.foocall .zxun{ display: block; width: 106px; height: 37px; border:1px solid #fff; line-height: 37px; font-size: 16px; text-align: center; color: #fff;    margin-top: 20px;}

.foot_whate{ float: right;}
.foot_whate .whateimg{ background: #fff; border-radius: 5px; padding:5px;}
.foot_whate p{ color: #fff; text-align: center; font-size: 14px; margin-top: 10px;}



.stickTop{ position: fixed; right:2%; bottom:20px;    display: inline-block;width: 45px;height: 45px;background: #000 url(../images/top_icon.png) no-repeat center;text-align: center;text-decoration: none;line-height: 30px;z-index: 999;right: 20px;border-radius: 5px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s; }

.stickTop:hover {background-color: #e83838;}


input::-webkit-input-placeholder{ color:#cecece; }
input::-webkit-input-placeholder { color:#cecece;}
input:-moz-placeholder { color:#cecece;}
input::-moz-placeholder { color:#cecece;}
input:-ms-input-placeholder { color:#cecece;}


textarea::-webkit-input-placeholder{ color:#cecece;}
textarea::-webkit-input-placeholder { color:#cecece;}
textarea:-moz-placeholder { color:#cecece;}
textarea::-moz-placeholder { color:#cecece;}
textarea:-ms-input-placeholder { color:#cecece;}



.foot-bottom{ height: auto; overflow: hidden; border-top:1px solid #2b2b2b; line-height: 60px; color: #fff; font-size: 14px; }
.foot-bottom a{ color: #fff;}

.foot-bottom a.great{ color: #aaa9a8;}

.promobCent .prolistt,.promobCent .promune{ display: none;}

 
/* 在线客服 */
.kf_side {
    width:45px;
    position:fixed;
    z-index:990;
    top:20%;
    right:0
}  
.kf_side li {
    padding-bottom:1px;
    position:relative;
    width:45px
}
.kf_side li.frewm a {
    background-image:url(../images/kf_ico.png);
    background-repeat:no-repeat;
    background-position:-77px -75px
}
.kf_side li .frewm_hv {
    position:absolute;
    top:-53px;
    right:45px;
    display:none;
    padding-right:16px
}
.kf_side li.frewm.on a {
    background-color:#FD7700
}
.kf_side li .frewm_hv p {
    width:136px;
    height:136px;
    padding:7px;
    background:#fff;
    box-shadow:0 1px 6px 3px rgba(0,0,0,.05);
    position:relative
}
.kf_side li .frewm_hv p:before {
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-left:10px solid #fff;
    border-bottom:10px solid transparent;
    position:absolute;
    right:-10px;
    top:50%;
    margin-top:-10px;
    content:""
}
.kf_side li.qq_m {
    display:none
}
.kf_side li a {
    display:block;
    background-color:#0082df;
    color:#FFF;
    height:45px;
    width:100%
}
.kf_side li a.kf_qq2 {
    height:auto
}
.kf_side li a.kf_qq2 span {
    width:15px;
    padding:40px 15px 12px;
    text-align:center;
    display:block;
    font-size:14px;
    line-height:16px;
    background:url(../images/kf_ico.png) no-repeat -135px -74px
}
.kf_side li a:hover {
    background-color:#0082df;
}
.kf_side li a#gettop {
    height:40px;
    background-image:url(../images/kf_ico.png);
    background-repeat:no-repeat;
    background-position:-50px 10px
}
.kf_side li .sidebox {
    height:45px;
    line-height:45px;
    width:45px;
    font-size:14px;
    position:absolute;
    right:0;
    top:0;
    overflow:hidden
}
.kf_side li .sidebox p {
    width:160px
}
.kf_side li .sidebox .tel {
    width:45px;
    height:45px;
    display:block;
    background:url(../images/kf_ico.png) no-repeat -94px 14px;
    vertical-align:top;
    float:left
}
.kf_side li a.kf_qq {
    background-image:url(../images/kf_ico.png);
    background-repeat:no-repeat;
    background-position:-137px 12px
}
.pay_span {
    width: 15px;
    padding: 12px 15px 12px;
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 16px;
}
.pay_span i {
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    margin-left: -2px;
}
/*在线客服*/




@media screen and (min-width: 769px) and (max-width: 1199px){
 
}

@media screen and (min-width: 996px) and (max-width: 1199px){

.navy > li{padding: 0px 2rem;}

.hf-advisenum{ display: none;}




}

@media screen and (min-width: 769px) and (max-width: 996px){

.navy > li{padding:0 10px; }
.hf-advisenum{ display: none;}
.navContent .logo_lo .span3 b{ font-size: 22px;}
.navContent .logo_lo .span3 i{ margin-right: 0px;}
.navContent .logo_lo .span2{ font-size: 16px; line-height: 22px;}

}


@media screen and (max-width: 768px) {
.containerr{ padding:0 10px;}
img{ max-width: 100%;}
.navContent{ display: none;}
.zychang{ display: none;}


.langular{ width: 100%; height: 35px; background: #f3f3f3; position: fixed; top:0px; left:0px; line-height: 35px;}
.langular a{ color: #858585; font-size:14px; margin-left: 10px;}
.header_mob{position:fixed; z-index:9999; top:35px; left:0;  width: 100%; overflow:visible; background:#fff;display: block;height: 60px;
    box-shadow: 0px 1px 3px #d7d7d7;}
.header_mob .container {position: relative;  margin:0px auto; }

.head_mobile{ display: block; height: 95px;}
.logomob_lo a{ height: auto; overflow: hidden; }
.logomob_lo a img{ height: 45px;    margin-top: 6px;}
.logomob_lo span{ }
.logomob_lo span img{ height: 30px;    margin-top: 13px;}

#m_menu{position:relative;width:30px;height:30px;float:right; margin-top:20px; margin-right:0px;text-align: center;cursor: pointer; }
#m_menu span {display: block; position: absolute; width:30px; height: 3px; z-index: 1; left:0; top:0; background: #000;}
 
#m_menu .menuicon-middle {z-index: 2;top: 8px;}
#m_menu .menuicon-bottom {z-index: 3; top: 16px; }

#sf-menu{ position:fixed; top:95px; left: 0; z-index: 9999; width:100%;  background: rgba(0,0,0,0.9); display:none; height: 100%;} 



.navMenu>li>a { display: block; overflow: hidden; padding-left: 20px; line-height: 40px; color: #fff; transition: all .3s; position: relative; text-decoration: none; font-size: 14px; border-bottom: 1px solid #555; }

.navMenu li{ position: relative; display: block;}
.navMenu li i{ display: inherit;}
.navMenu li .arrow:before {  margin-top: 9px; margin-right: 10px; display: inline; height: 20px;content: "";  background:url(../images/jiantou.png) no-repeat center; width: 20px; position: absolute; right:0px; top:0px;}
.navMenu li.open .active:before { position: absolute; right:0px; top:0px; margin-top: 9px; margin-right: 10px; display: inline; height: 20px;content: "";  background:url(../images/jian.png) no-repeat center; width: 20px;}

.navMenu>li>a.active, .navMenu>li>a:hover { color: #FFF; background: #12181b; }
.navMenu>li>dl.sub-menu, .navMenu>li>dl.sub-menu>dd>dl.sub-menu { display: none; list-style: none; clear: both; margin: 0px 0px 0px 10px; padding-bottom: 5px; }

.navMenu>li>dl.sub-menu dd { background: none; margin: 0px; padding: 0px; }
.navMenu>li>dl.sub-menu dd>a { display: block; font-size: 13px; line-height: 36px; padding-left: 20px; color: #fff; clear: both; }


.search{ width: 100%; margin:0 auto; line-height: 45px; height: 45px; display: block; overflow: hidden; border-bottom: 1px solid #555;}
.search-input{ width: 87%; border:none; background: transparent; color: #fff; font-size: 14px; text-indent: 20px;}
.search-sbm{ width: 11%; background:transparent url(../images/sear1.png) no-repeat center;border:none;  text-indent: -99em;}


.search-input::-webkit-input-placeholder{ color:#fff;}
.search-input::-webkit-input-placeholder { color:#fff;}
.search-input:-moz-placeholder { color:#fff;}
.search-input::-moz-placeholder { color:#fff;}
.search-input:-ms-input-placeholder { color:#fff;}





.menuicon-in .menuicon-top, .menuicon-in .menuicon-bottom, .menuicon-out .menuicon-top, .menuicon-out .menuicon-middle, .menuicon-out .menuicon-bottom { 
 animation: menuInx 1s;
 -moz-animation: menuInx 1s; 
 -webkit-animation: menuInx 1s; 
 -o-animation: menuInx 1s; 
 animation-fill-mode: forwards; 
 -webkit-animation-fill-mode: forwards 
 }
 
.menuicon-in .menuicon-middle {
animation: menuInm 0.5s; 
-moz-animation: menuInm 0.5s; 
-webkit-animation: menuInm 0.5s; 
-o-animation: menuInm 0.5s; 
animation-fill-mode: forwards; 
-webkit-animation-fill-mode:forwards 
}

.menuicon-in .menuicon-bottom { 
animation-name: menuIny; 
-moz-animation-name: menuIny; 
-webkit-animation-name: menuIny; 
-o-animation-name: menuIny; 
}

.menuicon-out .menuicon-top { 
animation-name: menuOutx;
 -moz-animation-name: menuOutx; 
 -webkit-animation-name: menuOutx;
 -o-animation-name: menuOutx; 
 }
 
.menuicon-out .menuicon-middle { 
animation-name: menuOutm; 
-moz-animation-name: menuOutm; 
-webkit-animation-name: menuOutm; 
-o-animation-name: menuOutm; 
}

.menuicon-out .menuicon-bottom { 
animation-name: menuOuty; 
-moz-animation-name: menuOuty;
-webkit-animation-name: menuOuty;
-o-animation-name: menuOuty; 
}
  

  @-webkit-keyframes menuInx {  
0% {
 -webkit-transform:rotate(0);
 top:0
}
100% {
 -webkit-transform:rotate(-45deg);
 top:8px
}
}
@-moz-keyframes menuInx { 
 0% {
 -moz-transform:rotate(0);
 top:0
}
100% {
 -moz-transform:rotate(-45deg);
 top:8px
}
}
@-o-keyframes menuInx {  
0% {
 -o-transform:rotate(0);
 top:0
}
100% {
 -o-transform:rotate(-45deg);
 top:8px
}
}
@keyframes menuInx {  
0% {
 transform:rotate(0);
 top:0
}
100% {
 transform:rotate(-45deg);
 top:8px
}
}
@-webkit-keyframes menuInm {  
0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-moz-keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-o-keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-webkit-keyframes menuIny {  
0% {
 -webkit-transform:rotate(0);
 top:16px
}
100% {
 -webkit-transform:rotate(45deg);
 top:8px
}
}
@-moz-keyframes menuIny {  
0% {
 -moz-transform:rotate(0);
 top:16px
}
100% {
 -moz-transform:rotate(45deg);
 top:8px
}
}
@-o-keyframes menuIny {  
0% {
 -o-transform:rotate(0);
 top:16px
}
100% {
 -o-transform:rotate(45deg);
 top:8px
}
}
@keyframes menuIny { 
0% {
 transform:rotate(0);
 top:16px
}
100% {
 transform:rotate(45deg);
 top:8px
}
}
@-webkit-keyframes menuOutx {  
0% {
 -webkit-transform:rotate(-45deg);
 top:8px
}
100% {
 -webkit-transform:rotate(0);
 top:0
}
}
@-moz-keyframes menuOutx {  
0% {
 -moz-transform:rotate(-45deg);
 top:8px
}
100% {
 -moz-transform:rotate(0);
 top:0
}
}
@-o-keyframes menuOutx {  
0% {
 -o-transform:rotate(-45deg);
 top:8px
}
100% {
 -o-transform:rotate(0);
 top:0
}
}
@keyframes menuOutx {  
0% {
 transform:rotate(-45deg);
 top:8px
}
100% {
 transform:rotate(0);
 top:0
}
}
@-webkit-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-moz-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-o-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-webkit-keyframes menuOuty {  
0% {
 -webkit-transform:rotate(45deg);
 top:8px
}
100% {
 -webkit-transform:rotate(0);
 top:16px
}
}
@-moz-keyframes menuOuty {  
0% {
 -moz-transform:rotate(45deg);
 top:8px
}
100% {
 -moz-transform:rotate(0);
 top:16px
}
}
@-o-keyframes menuOuty {  
0% {
 -o-transform:rotate(45deg);
 top:8px
}
100% {
 -o-transform:rotate(0);
 top:16px
}
}
@keyframes menuOuty {  
0% {
 transform:rotate(45deg);
 top:8px
}
100% {
 transform:rotate(0);
 top:16px
}
}



.menufade > li{opacity:0}
.menufade > li{ 
    animation:menufade 0.35s ease-out;
    -moz-animation:menufade 0.35s ease-out;
    -webkit-animation:menufade 0.35s ease-out;
    -o-animation:menufade 0.35s ease-out;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.menufade > li:nth-child(1){
    animation-delay:100ms;
    -moz-animation-delay:100ms;
    -webkit-animation-delay:100ms;
    -o-webkit-animation-delay:100ms
}
.menufade > li:nth-child(2){
    -o-webkit-animation-delay:300ms;
    -moz-animation-delay:300ms;
    -webkit-animation-delay:300ms;
    animation-delay:300ms
}
.menufade > li:nth-child(3){
    -o-webkit-animation-delay:350ms;
    -moz-animation-delay:350ms;
    -webkit-animation-delay:350ms;
    animation-delay:350ms
}
.menufade > li:nth-child(4){
    -o-webkit-animation-delay:400ms;
    -moz-animation-delay:400ms;
    -webkit-animation-delay:400ms;
    animation-delay:400ms
}
.menufade > li:nth-child(5){
    -o-webkit-animation-delay:450ms;
    -moz-animation-delay:450ms;
    -webkit-animation-delay:450ms;
    animation-delay:450ms
}
.menufade > li:nth-child(6){
    -o-webkit-animation-delay:500ms;
    -moz-animation-delay:500ms;
    -webkit-animation-delay:500ms;
    animation-delay:500ms
}
.menufade > li:nth-child(7){
    -o-webkit-animation-delay:550ms;
    -moz-animation-delay:550ms;
    -webkit-animation-delay:550ms;
    animation-delay:550ms
}
.menufade > li:nth-child(8){
    -o-webkit-animation-delay:600ms;
    -moz-animation-delay:600ms;
    -webkit-animation-delay:600ms;
    animation-delay:600ms
}
.menufade > li:nth-child(9){
    -o-webkit-animation-delay:650ms;
    -moz-animation-delay:650ms;
    -webkit-animation-delay:650ms;
    animation-delay:650ms
}
.menufade > li:nth-child(10){
    -o-webkit-animation-delay:700ms;
    -moz-animation-delay:700ms;
    -webkit-animation-delay:700ms;
    animation-delay:700ms
}


@-webkit-keyframes menufade {
0% {opacity:0;-webkit-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-webkit-transform:scale(1) translateY(0)}
}
@-moz-keyframes menufade {
0% {opacity:0;-moz-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-moz-transform:scale(1) translateY(0)}
}
@-o-keyframes menufade {

0% {opacity:0;-o-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-o-transform:scale(1) translateY(0)}
}
@keyframes menufade {
0% {opacity:0;transform:scale(1.1) translateY(-24px)}
100% {opacity:1;transform:scale(1) translateY(0)}
}



.foot-bottom{ line-height: 35px;}
.foocall{ padding:0px;}
.foot-bottom .pull-right{ float: left !important;  height: auto;}

}


@media screen and (max-width: 414px) {
.foocall{ float: none; width: 100%;}
.foot_whate{ display: none;}
.foocall p{ font-size: 14px;}
.foocall p .mobile{ font-size: 20px;}
.foocall .zxun{ margin-top: 10px;}

.footdl dl dt{ font-size: 13px;}

.footdl dl dd a{ font-size: 12px; line-height: 24px;}


}