@charset "utf-8";

html { font-size:100px;} 
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin:0;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; outline: none; }
table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0px; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

ul,ol{padding:0;margin-bottom:0px;}
li{list-style:none;}
a,a:visited,a:active,a:hover,a:focus { 
	text-decoration:none; outline:none; 
	star: expression_r(this.onFocus=this.blur());  }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,input,textarea,blockquote{padding:0;margin:0;}
body,p,ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,form{padding:0;margin:0;}
body,html{background-color:#fff;font-family:"Microsoft YaHei";color:#333;line-height:1;}
a{transition: 0.3s;-moz-transition: 0.3s;  /* Firefox 4 */
  -webkit-transition: 0.3s; /* Safari Chrome */
  -o-transition: 0.3s;  /* Opera */
  text-decoration:none;}
a:hover,a:focus{text-decoration:none;}
img{border:0;vertical-align: middle;}
:before, :after {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}



.container-fluid{padding:0px;}
.container{padding:0px;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after{ content:" "; display:block; height:0; line-height:0; clear:both; visibility:hidden;}

.clearfix { *zoom: 1; }
.clear{position:relative; clear: both;}
.clear::after{clear:both;display:block;content:''}
a,a:hover{color:inherit;text-decoration:inherit;}
input,textarea{outline:none;}
.enb{ text-transform: uppercase; font-family: Arial; font-weight:normal; }
.dib,.db{ display: block; }

.fl,.l,.left{ float: left; }
.fr,.r,.right{ float: right; }
.bgb{ background:#fff }
.pr{ position: relative; }
.m35{  height: 35px }
.p15{padding:15px 25px}

.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';}
.flex{flex-direction:row;flex-wrap: nowrap; justify-content:space-between; align-items: center; display: flex;}

/*RESET the FORM*/
fieldset { border: 0!important;}
input, button, textarea, select { outline:none; resize:none; font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei',sans-serif;}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}
input, textarea{-webkit-appearance:none;} 
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }
input::-webkit-input-placeholder{ color: #666;}
input:-moz-placeholder{ color: #666;}   
input::-moz-placeholder{ color: #666;}
input:-ms-input-placeholder{ color: #666;} 
textarea::-webkit-input-placeholder{ color: #666;}
textarea:-moz-placeholder{ color: #666;}   
textarea::-moz-placeholder{ color: #666;}
textarea:-ms-input-placeholder{ color: #666;} 


/*RESET imagess*/
img{MAX-WIDTH:100% !important;HEIGHT:auto !important;_width:expression(this.width > 100% ? "100%" :this.width) !important}
.positionimg img{display:block;width:100%;height:100% !important;position:absolute;left:0;top:0;object-fit:cover;}
/*RESET FONTS*/
em,i { font-style: normal;}
.overf {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fc { text-align: center; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.dib{ display: block; }
.fa, [class*=' fa-'], [class^=fa-] {display: inline-block;font: normal normal normal 16px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.p60{ padding: 60px 0 }
.p40{ padding: 40px 0 }
/*LAYOUT*/



.inner-wrap,.wrap,.inner,.container{max-width: 1480px;margin: 0 auto; width: 94%}
.pc-block { display: block;}
.mb-block { display: none;}
.transition {-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;
-o-transition: all ease .4s;transition: all ease .4s;}
.b-shadow{-o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}
.p80{ padding:60px 0 }
.p30{padding: 30px 0}
.pt30{ padding-top: 30px }
.pb50{padding:  0 0 50px 0}
.f70{ font-size: 70px }
.f60{ font-size: 60px }
.f50{ font-size: 50px }
.f44{ font-size: 44px }
.f40{ font-size: 38px }
.f36{ font-size: 35px }
.f32{ font-size: 32px }
.f30{ font-size: 26px }
.f25{ font-size: 25px }
.f22{ font-size: 22px }
.f20{ font-size: 20px }
.f18{ font-size: 18px }
.f16{ font-size: 16px }
.f15{ font-size: 15px }
.f12{ font-size: 12px }

/*@media screen and (max-width: 1024px) {
.p80{ padding:30px 0 }
}


@media (max-width:1350px){
.p60{ padding: 30px 0 }
}

@media only screen and (max-width:1300px){
.inner-wrap,.wrap,.inner{width:98%;padding: 0 1%;}
.inner2{width:98%;padding: 0 1%;}
}*/

@media only screen and (max-width:1300px) {
.page-wrap{width:96%;margin: 0 1%;max-width:96%;font-size: 15px;}
.inner,.inner-wrap,.wrap,.w,.container{width:96%;margin: 0 2%;}
.p60{ padding: 30px 0 }
.p40{ padding: 15px 0 }
.pb50{padding:  0 0 15px 0}
.p80{ padding: 40px 0 }
.f70{ font-size: 42px }
.f60{ font-size: 40px }
.f50{ font-size: 28px }
.f44{ font-size: 25px }
.f36{ font-size: 25px }
.f40{ font-size: 25px }
.f32{ font-size: 25px }
.f30{ font-size: 22px }
.f20{ font-size: 16px }
.f22{ font-size: 16px }
.f25{ font-size: 16px }
.f18{ font-size: 16px }
.f16{ font-size: 14px }
.f15{ font-size: 14px }

}

@media (max-width:1024px) {
.page-wrap{width:90%;margin: 0 5%;max-width: 90%;font-size: 14px;}
.inner,.inner-wrap,.wrap,.w,.container{width:90%;margin: 0 5%;}
.inner2{width:90%;margin: 0 5%;}
.pc-block { display: none !important;}
.mb-block { display: block !important;}
.p60{ padding: 15px 0 }
.p40{ padding: 10px 0 }
.pb50{padding:  0 0 10px 0}
.p80{ padding: 30px 0 }
.f70{ font-size: 22px }
.f60{ font-size: 22px }
.f50{ font-size: 22px }
.f44{ font-size: 20px }
.f36{ font-size: 18px }
.f40{ font-size: 18px }
.f32{ font-size: 18px }
.f30{ font-size: 16px }
.f20{ font-size: 14px }
.f22{ font-size: 14px }
.f25{ font-size: 14px }
.f18{ font-size: 14px }
.f16{ font-size: 14px }
.f15{ font-size: 12px }

}


.header{position:relative;left:0;right:0;top:0;z-index:100;height:100px;text-align:center;transition:all .3s; background: #fff; width: 100%}
.header .topinner{height: 100px; line-height: 100px}
.header .logo{float:left; max-width: 350px; width: 15%}



.header .navbox{ width:65%; display: inline-block; }
.header .nav{ border-right: rgba(255,255,255,.15) 1px solid;}
.header .nav li{width:12%;display:inline-block; position: relative; }
.header .nav li:after{  position: absolute; content: ''; height: 55px; width:1px; background: rgba(255,255,255,.15); top: 0; left: 0; }
.header .nav li a{display:block;font-size:18px;color:#222;position:relative;transition:all linear 0.2s; font-weight:bold; }

.header .nav li .onnav{ position: absolute; content: ""; left:-10%;top:100px; width: 120%; height:0px; background: rgba(8,51,145,.85); transition: all .3s;text-align: center; overflow: hidden;  }
.header .nav li:hover .onnav{ height: auto;  }
.header .nav li:hover .onnav a{ font-size: 15px;font-weight: normal; line-height:40px; color: #fff }
.header .nav li:hover .onnav a:hover{ text-decoration: underline; }
.header .nav li:hover a,.header .nav li.on a{font-size:18px;opacity:1;  color: #083db1; font-weight: bold;}
.header .nav li:hover .onnav a:nth-child(1){ padding-top:10px }
.header .nav li:hover .onnav a:last-child{ padding-bottom: 10px }


.header .telbox{float:right; width: 18%;  position:relative;  margin-top:38px; }
.header .telbox:before{content:"";width:30px;height:30px;background:url(../images/headerteltb.png) no-repeat;background-size:100%; position:absolute; left:0; top:50%;transform:translateY(-50%) }
.header .telbox span{ font-size:14px; font-weight:normal; color:#666; display:block; line-height:1; margin-left:13px}
.header .telbox span b{font-size:24px;color:#c90a0a; font-weight: bold;font-family:arial; line-height:1;}

.header_scroll.header {position:fixed !important;top:0 !important;box-shadow:0 0 20px 0 rgba(12,30,72,0.1); }
/*.header_scroll.header .logo{height:55px !important}
.header_scroll.header .logo img{height:55px !important}
.header_scroll.header ul li>a{height:55px;line-height:55px}
.header_scroll.header ul li .sub-menu.active{top:48px}
.header_scroll.header .nav li a{font-size:18px;}
.header_scroll.header .nav li:hover a,.header_scroll.header .nav li.on a{font-size:18px;}
.header_scroll.header .nav li .onnav a{font-size:15px;}
.header_scroll.header .nav li .onnav a:hover{ text-decoration: underline; }*/

.m-top{ height: 55px; background: #252525; position: fixed; width: 100%; top: 0; left: 0;z-index: 99999 }
.mlogo{  height: 35px; margin-top:10px; margin-left: 8px}
.mlogo img{ height: 35px !important; width: auto!important; }
.menu-btn{display:block;top:15px;right:4%;width:24px;height:25px;z-index:9999999999;position:fixed;}
.menu-btn>span{display:block;width:24px;height:2px;background:#fff;cursor:pointer;border-radius:3px;margin-left:0}
.menu-btn>span:nth-child(1){position:absolute;top:4px}
.menu-btn>span:nth-child(2){position:absolute;top:11px}
.menu-btn>span:nth-child(3){position:absolute;top:18px}
.menu-btn>.span1{background:#fff;-webkit-animation:span1 .5s alternate;-moz-animation:span1 .5s alternate;animation:span1 .5s alternate;-webkit-transform:translateY(7px) rotateZ(45deg);-moz-transform:translateY(7px) rotateZ(45deg);transform:translateY(7px) rotateZ(45deg)}
.menu-btn>.span3{background:#fff;-webkit-animation:span2 .5s alternate;-moz-animation:span2 .5s alternate;animation:span2 .5s alternate;-webkit-transform:translateY(-7px) rotateZ(-45deg);-moz-transform:translateY(-7px) rotateZ(-45deg);transform:translateY(-7px) rotateZ(-45deg)}
.menu-btn>.span1-1{background:#fff;-webkit-animation:span1-1 .5s alternate;-moz-animation:span 1-1 .5s alternate;-o-animation:span1-1 .5s alternate;animation:span 1-1 .5s alternate;-webkit-transform:translateY(0px) rotateZ(0deg);-moz-transform:translateY(0px) rotateZ(0deg);-ms-transform:translateY(0px) rotateZ(0deg);-o-transform:translateY(0px) rotateZ(0deg);transform:translateY(0px) rotateZ(0deg)}
.menu-btn>.span3-1{animation:span 3-1 .5s alternate;-webkit-transform:translateY(0px) rotateZ(0deg);-moz-transform:translateY(0px) rotateZ(0deg);-ms-transform:translateY(0px) rotateZ(0deg);-o-transform:translateY(0px) rotateZ(0deg);transform:translateY(0px) rotateZ(0deg);background:#fff}
@keyframes span1{0%{transform:translateY(0px) rotateZ(0deg)}
10%{transform:translateY(-3px)}
70%{transform:translateY(7px)}
100%{transform:translateY(7px) rotateZ(45deg);background:#fff}
}
@-webkit-keyframes span1{0%{-webkit-transform:translateY(0px) rotateZ(0deg)}
10%{-webkit-transform:translateY(-3px)}
70%{-webkit-transform:translateY(7px)}
100%{-webkit-transform:translateY(7px) rotateZ(45deg);background:#fff}
}
@-moz-keyframes span1{0%{-moz-transform:translateY(0px) rotateZ(0deg)}
10%{-moz-transform:translateY(-3px)}
70%{-moz-transform:translateY(7px)}
100%{-moz-transform:translateY(7px) rotateZ(45deg);background:#fff}
}
@keyframes span2{0%{transform:translateY(0px) rotateZ(0deg)}
10%{transform:translateY(3px)}
70%{transform:translateY(-7px)}
100%{transform:translateY(-7px) rotateZ(-45deg);background:#fff}
}
@keyframes span2{0%{transform:translateY(0px) rotateZ(0deg)}
10%{transform:translateY(3px)}
70%{transform:translateY(-7px)}
100%{transform:translateY(-7px) rotateZ(-45deg);background:#fff}
}
@-webkit-keyframes span2{0%{-webkit-transform:translateY(0px) rotateZ(0deg)}
10%{-webkit-transform:translateY(3px)}
70%{-webkit-transform:translateY(-7px)}
100%{-webkit-transform:translateY(-7px) rotateZ(-45deg);background:#fff}
}
@keyframes span1-1{0%{transform:translateY(7px) rotateZ(45deg)}
10%{transform:translateY(7px)}
70%{transform:translateY(-3px)}
100%{transform:translateY(0px) rotateZ(0deg);background:#fff}
}
@-webkit-keyframes span1-1{0%{-webkit-transform:translateY(7px) rotateZ(45deg)}
10%{-webkit-transform:translateY(7px)}
70%{-webkit-transform:translateY(-3px)}
100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#fff}
}
@-moz-keyframes span1-1{0%{-moz-transform:translateY(7px) rotateZ(45deg)}
10%{-moz-transform:translateY(7px)}
70%{-moz-transform:translateY(-3px)}
100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#fff}
}
@keyframes span3-1{0%{transform:translateY(-7px) rotateZ(-45deg)}
10%{transform:translateY(-7px)}
70%{transform:translateY(3px)}
100%{transform:translateY(0px) rotateZ(0deg);background:#fff}
}
@-webkit-keyframes span3-1{0%{-webkit-transform:translateY(-7px) rotateZ(-45deg)}
10%{-webkit-transform:translateY(-7px)}
70%{-webkit-transform:translateY(3px)}
100%{-webkit-transform:translateY(0px) rotateZ(0deg);background:#fff}
}
@-moz-keyframes span3-1{0%{-moz-transform:translateY(-7px) rotateZ(-45deg)}
10%{-moz-transform:translateY(-7px)}
70%{-moz-transform:translateY(3px)}
100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#fff}
}
.right-menu{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.85);z-index:9999;min-width:320px;overflow:hidden;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);-webkit-transition:.45s;-moz-transition:.45s;transition:.45s}
.right-menu1{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}
.right-menu ul{ position: relative; top:40px }
.right-menu li {font-size: 16px; padding:10px 10px 10px 20px; border-bottom:1px #333 solid;  line-height: 2;}
.right-menu li a{ color: #fff }
.right-menu li .onnav{  line-height: 1.7; font-size: 14px}
.right-menu li .onnav a{display: inline-block; padding-right:15px; color: rgba(255,255,255,.75);}



/*
.footer{background:#031322;font-size:16px;color:rgba(255,255,255,.5); text-align: center; padding:25px 0; border-top:1px solid rgba(255,255,255,.06);}
.footer a{color:rgba(255,255,255,.5);}
.footer a:hover{ color: #fff; text-decoration: underline; }
.footerlink{ padding: 20px; font-size:15px; color: rgba(255,255,255,.4); background:#031322;text-align: center;}
.footerlink b{ font-weight: normal; }
.footerlink a{color:rgba(255,255,255,.5);padding: 0 10px}

@media (max-width:980px) {

.footer{font-size:13px;padding:15px 0; }
.footerlink{  display: none;}
}
*/

/*footer*/
.footer {margin: 0 auto;background: #1a1d27;position: relative; z-index:55;}
.footer-cont{ padding:50px 0 30px; color:rgba(255,255,255,.9); }
.footer-cont .tit{ font-size: 17px; color: #fff; position: relative;  padding: 0 0 25px 0; margin-bottom: 30px; font-weight: normal;}
.footer-cont .tit:after{ position: absolute; content: ""; left: 0; bottom: 0; height: 1px; width:25px; background:rgba(255,255,255,.4); }

.footer-cont ul li{ font-size: 14px }
.footer-cont .bot1 a,.footer-cont .bot3 p{ display: block; color: rgba(255,255,255,.75); line-height: 1.6; padding:5px 0 5px 0 }
.footer-cont .wx{ width:130px; text-align: center;}
.footer-cont .wx figure{ display: inline-block; margin: 0 10px; text-align: center; }
.footer-cont .wx img{; width: 124px; margin-bottom: 10px; border: 3px #fff solid  }
.footer-cont .bot1{ width: 170px }
.footer-cont .bot3{ width:380px;}
.footer-cont .bot1 a{  display: inline-block; width: 90% }
.footer-cont .bot1 a:hover{color:rgba(255,255,255,1); text-decoration: underline;}
.footer-cont .bot3 .tel{ font-family: arial; }
.footer-cont .bot3 .tel i{ display: inline-block;  color: #e32d2f; text-align: center;; border-radius: 50%; font-size: 30px;margin-right:5px; float: left; line-height: 1; padding-top: 5px}
.footer-cont .bot3 .tel span{ display: inline-block; float: left; color: #e32d2f}
.footer-cont .bot3 .tel span em{ font-size:14px;  font-weight:normal; font-style:normal; color:#fff}
.footer-cont .botpor{ width: 350px }
.footer-cont .botpor a{  width: 50%; display: inline-block; }
.footer-cont .botabout{ width: 250px; vertical-align:top; }
.footer-cont .botabout a{  width: 40%; display: inline-block; }
.footer-cont  .wx .tit{ text-align:left;}

.bei-an{ height: 70px; line-height: 70px;background: #0b0e18; color:rgba(255,255,255,.6);text-align: center;font-size:14px; }
.bei-an a{ color: rgba(255,255,255,.6); }

.footerlink{ color: rgba(255,255,255,0.3);  padding:20px 0 ; background: #0b0e18; text-align: center; }
.footerlink a{ color: rgba(255,255,255,0.3); padding:0 10px; }


@media (max-width:998px) {

.footer-cont{ padding:30px 0;}
.footer-cont .tit{ font-size: 16px;  padding: 0 0 15px 0; margin-bottom:20px;}

.footer-cont ul{  padding: 0px 0 20px;}
.footer-cont ul li{ font-size: 14px; display: block; width: 100%; float: none; clear: both; }
.footer-cont ul li:nth-child(1),.footer-cont ul li:nth-child(2),.footer-cont ul li:nth-child(3),.footer-cont ul li:nth-child(4){ display: none !important; }
.footer-cont .bot1{ width: 170px }
.footer-cont .bot3{ width:100%;}
.footer-cont .bot3 .tel span{  font-size:24px}
.bei-an{  line-height:1.6;font-size:12px; padding: 10px; height: auto; }
.footerlink{ display: none; }
.footer-cont ul li.wx{ float: none; margin: 0 0 20px }

}



.titbox{position:relative}
.titbox .titzs{margin-bottom:-22px;font-size:42px;color:#efefef;color:rgba(29,29,31,0.1);text-transform:uppercase;font-weight:bold;display:block}
.titbox .h_tit{font-size:42px;color:#1d1d1f;font-weight:bold}
.titbox .h_tit a{color:#1d1d1f;transition:all linear 0.3s}
.titbox .h_tit a:hover{color:#328b7e}
.titbox .text{font-size:16px;color:#1d1d1f;opacity:0.8;margin-top:32px}
.titbox .more{font-size:16px;color:#1d1d1f;position:absolute;right:10px;top:48px;transition:all linear 0.3s}
.titbox .more:hover{font-size:17px;color:#00d390;font-weight:bold}
.rightfl_swt{width:196px;height:532px;background:url(../images/rightflswt.png) center no-repeat;background-size:100%;position:fixed;right:-200px;top:0;bottom:0;margin:auto 0;z-index:9999;transform:scale(0.9);transition:all linear 0.3s;opacity:0}
.rightfl_swt a{display:block}
.rightfl_swt .btn1{padding:130px 0 23px 16px;font-size:18px;color:#ffffff;font-weight:bold;text-align:center}
.rightfl_swt .btn1:after{content:"";width:44px;height:44px;background:url(../images/rightflswttb.gif) center no-repeat;background-size:100%;border-top-left-radius:50%;display:inline-block;vertical-align:bottom;margin-left:6px;margin-bottom:-9px}
.rightfl_swt .sma{margin:12px 17px 0 14px;padding:17px 0 17px 16px;font-size:15px;color:#ffffff;color:rgba(244,244,244,0.8);transition:all linear 0.3s}
.rightfl_swt .sma span{font-size:18px;color:#ffffff;display:block;margin-bottom:9px}
.rightfl_swt .sma:hover{background:linear-gradient(to right, #c73c05, #ff9f29)}
.rightfl_swt .btn4{margin-top:10px;font-size:15px;color:#070707}
.rightfl_swt .btn4 span{font-size:15px;color:#070707;margin-bottom:8px}
.rightfl_swt .btn4 strong{font-size:19px}
.rightfl_swt .btn4:hover{background:none}
.rightfl_swt .totop{padding:30px 0 12px;font-size:16px;color:#ffffff;text-align:center;display:block;position:absolute;left:0;right:0;bottom:0;cursor:pointer}
.rightfl_swt.rightfl_swton{right:-20px;opacity:1}



/*电脑漂浮*/
.fudong{ position: fixed; right:0;bottom:5%;z-index: 9999; }
.fudong a{ display: block; width: 60px; height: 60px; padding-top:15px; text-align: center; color: #fff; margin-bottom: 1px;  background: #232323;  color: #fff; font-size: 24px}
.fd-tel{ position: relative;  }
.fudong a:hover{ background-color: #00479d; }
.fd-tel-box{ position: absolute; top: 0; right: 60px; height: 60px; width: 0px; text-align: left; color: #fff;  font-size: 20px; font-weight: 700; background: #00479d; z-index: 99;overflow:hidden; transition:all .3s; font-family: arial;   }
.fd-tel-box span{display:block; font-weight:normal;  width: 100%;  color: #fff; font-size: 15px; margin-bottom: 5px }

.fudong  .fd-tel:hover .fd-tel-box{ padding-top:10px; width: 200px;padding-left: 30px}
.fudong .fd-fangan{position: relative;}
.fd-wx-box{ position: absolute; top: 0; right:60px; height: 130px; width:0px;  transition:all .3s; overflow:hidden; text-align:center; background:#f3f3f3;  line-height:2; color:#333; opacity: 0 }
.fd-wx-box img{ width:100%;border:1px #ddd solid}
.fd-fangan:hover .fd-wx-box{width:100px;opacity: 1 }