@charset "utf-8";
::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5;}  
::-webkit-scrollbar-track { border-radius: 10px; background-color: #E2E2E2;} 
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555;}
::selection { background-color: #003e93; color: #fff; } 
::-moz-selection { background-color: #003e93; color: #fff;} 
::-webkit-selection { background-color: #003e93; color: #fff;}
#wjdh-kefu .wjdh-kefu-qq p,  #wjdh-kefu .wjdh-kefu-qq a,  #wjdh-kefu .wjdh-kefu-tel p,  #wjdh-kefu .wjdh-kefu-tel img,  #wjdh-kefu .wjdh-kefu-erweima img { box-sizing: content-box; }
* { padding: 0; margin: 0; font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }
body { font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0; line-height: 1.5; }
*:before,  *:after { box-sizing: content-box; }
:focus { outline: 1; }
article,  aside,  canvas,  details,  figcaption,  figure,  footer,  header,  hgroup,  menu,  nav,  section,  summary { display: block; }
a { color: #333; text-decoration: none; }
a:link,  a:hover,  a:active,  a:visited { text-decoration: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input,  select { vertical-align: middle; }
li,  ul { list-style-type: none; }
img { border: none; }
input,  textarea { outline: 0; border: 0; resize: none; }
h1,  h2,  h3,  h4,  h5,  h6,  dl,  dd,  dt,  i,  em { font-weight: normal; font-style: normal; }
.webqq_ewm { box-sizing: content-box; }
.fixedNav { position: fixed !important; top: 0px; left: 0px; width: 100%; z-index: 100000; _position: absolute;  _top: expression(eval(document.documentElement.scrollTop)); box-shadow: 0px 10px 12px rgba(0, 0, 0, .1); }
html { cursor: url(../images/cur.png),  default; }
a { cursor: url(../images/Acur.png),  default; }
textarea { animation: animated 1s infinite; -moz-animation: animated 1s infinite; -webkit-animation: animated 1s infinite; -o-animation: animated 1s infinite; }
input[type="text"] { animation: animated 1s infinite; -moz-animation: animated 1s infinite; -webkit-animation: animated 1s infinite; -o-animation: animated 1s infinite; }
input[type="button"] { cursor: url(../images/Acur.png),  default !important; }
input,  button { outline: none; } 
.wjdh-ico1,  .wjdh-ico2 { vertical-align: middle; }
.center { width: 1200px; margin: 0 auto; }
.clear,.clearboth,.clearboth:after { clear: both; }

.left { float: left; }
.right { float: right; }
.tl { text-align: left; }
.tr { text-align: right; }
.footer { overflow: hidden; }
.header { height: 135px; background: url('../images/head.png') no-repeat center; background-position-y: 122px; }
.header .center { height: 135px; }
.header .center h1 { width: 212px; height: 111px; float: left; }
.header .center h1 img { width: 212px; height: 111px; }
.header .center .left { margin-top: 38px; margin-left: 15px; padding-left: 15px; border-left: #ccc 1px solid; }
.header .center .left .p1 { font-size: 18px; font-weight: bold; font-stretch: normal; line-height: 18px; letter-spacing: 0px; color: #323335; }
.header .center .left .p2 { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #323335; }
.header .center .right a { display: inline-block; width: 95px; height: 135px; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 160px; letter-spacing: 0px; color: #9f9f9f; transition: 0.7s; text-align: center; }
.header .center .right a:hover { color: #003e93; }
.header .center .right .a1 { background: url('../images/n2.png') no-repeat center; background-position-y: 30px; }
.header .center .right .a2 { background: url('../images/n3.png') no-repeat center; background-position-y: 30px; }
.header .center .tel { float: right; border-right: #ccc 1px solid; margin-top: 30px; padding-left: 63px; background: url('../images/n1.png') no-repeat center; background-position-x: 0px; padding-right: 30px; }
.header .center .tel .p1 { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 14px; letter-spacing: 0px; color: #666666; }
.header .center .tel .p2 { font-family: Impact; font-size: 30px; font-weight: normal; font-stretch: normal; line-height: 46px; letter-spacing: 0px; color: #323335; }
.nav { height: 45px; background-color: #003e93; position: relative; z-index: 99999; }
.nav .center { height: 45px; }
.nav .center>ul { height: 45px; }
.nav .center>ul>li { float: left; height: 45px; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; position: relative; }
.nav .center>ul>li:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #3d97ed; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0%; transform-origin: 0 0%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.nav .center>ul>li:hover,  .nav .center>ul>li:focus,  .nav .center>ul>li:active { color: white; }
.nav .center>ul>li:hover:before,  .nav .center>ul>li:focus:before,  .nav .center>ul>li:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.nav .center>ul>li>a { display: inline-block; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 45px; letter-spacing: 0px; color: #ffffff; padding: 0 42px;  }
.nav .center>ul>li:hover>.down { opacity: 1; }
.nav .center>ul>li:hover>.down>i { height: 40px; border-bottom: 1px solid white; }
.nav .center>ul>li:hover>.down>i>a { height: 40px; line-height: 40px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.nav .center>ul>li>.down { position: absolute; width: 140px; top: 45px; display: inline-block; left: 0px; opacity: 0; z-index: 66666; }
.nav .center>ul>li>.down>i { height: 0px; display: block; background: rgba(0, 0, 0, 0.6); position: relative; transition: 0.5s;  }
.nav .center>ul>li>.down>i>a { height: 0px; line-height: 0px; font-size: 0px; display: block; color: white; text-align: center; background: linear-gradient(to right, #003e93, #003e93) no-repeat; background-size: 0% 100%; transition: 0.5s; padding: 0px; border-radius: 0%; width: 140px; padding: 0  ; }
.nav .center>ul>li>.down>i>a:hover { background: linear-gradient(to right, #003e93, #003e93) no-repeat; background-size: 100% 100%; color: white; }
.nav .center>ul>li>.down>i:hover>.down_ { width: 100%; opacity: 1; }
.nav .center>ul>li>.down>i:hover>.down_>i { height: 40px; border-left: 1px solid white; border-bottom: 1px solid white; }
.nav .center>ul>li>.down>i:hover>.down_>i>a { font-size: 14px; line-height: 40px; }
.nav .center>ul>li>.down>i>.down_ { width: 0%; position: absolute; left: 190px; top: 0px; transition: 0.5s; opacity: 0; }
.nav .center>ul>li>.down>i>.down_>i { font-size: 14px; height: 0px; display: block; background: rgba(0, 0, 0, 0.6); transition: 0.5s; position: relative; width: 220px; }
.nav .center>ul>li>.down>i>.down_>i>a { line-height: 0px; font-size: 0px; display: block; color: white; text-align: center; background: linear-gradient(to right, #003e93, #003e93) no-repeat; background-size: 0% 100%; transition: 0.5s; padding: 0px; border-radius: 0%; width: 140; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav .center>ul>li>.down>i>.down_>i>a:hover { background: linear-gradient(to right, #003e93, #003e93) no-repeat; background-size: 100% 100%; color: white; }
.nav .center>ul .another { color: white; }
.nav .center>ul .another:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.link .center { overflow: hidden; }
.link .center .left { font-family: Arial; font-size: 36px; font-weight: normal; font-stretch: normal; line-height: 80px; letter-spacing: 0px; color: #353535; }
.link .center ul { float: left; }
.link .center ul li { float: left; }
.link .center ul li a { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 80px; letter-spacing: 0px; color: #666666; transition: 0.7s; margin-left: 50px; }
.link .center ul li a:hover { color: #003e93; }
.footer { background-color: #404040; }
.footer>.center { padding-top: 46px; padding-bottom: 46px; overflow: hidden; }
.footer>.center .left .tel { font-family: Arial; font-size: 30px; font-weight: normal; font-stretch: normal; line-height: 35px; padding-left: 50px; background: url('../images/phone.png') no-repeat center; letter-spacing: 0px; color: #ffffff; background-position-x: 0px; margin-bottom: 10px; }
.footer>.center .left p { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #999ca1; }
.footer>.center>ul { padding-right: 50px; border-right: #47484a 1px solid; border-left: #47484a 1px solid; overflow: hidden; float: left; margin-left: 50px; }
.footer>.center>ul>li { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; float: left; padding-left: 50px; }
.footer>.center>ul>li ul { padding-top: 10px; }
.footer>.center>ul>li ul li a { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #999ca1; transition: 0.7s; }
.footer>.center>ul>li ul li a:hover { color: #fff; }
.footer>.center .ewm { width: 89px; background: url('../images/down.png') no-repeat center; text-align: center; float: right; background-position-y: 89px; }
.footer>.center .ewm img { width: 89px; height: 89px; }
.footer>.center .ewm p { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 60px; letter-spacing: 0px; color: #999ca1; }
.footer .b { height: 75px; background-color: #333333; text-align: center; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 75px; letter-spacing: 0px; color: #eeeeee; }
.footer .b a { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 75px; letter-spacing: 0px; color: #eeeeee; transition: 0.7s; }




.webqqs { width: 177px; margin: 0 auto; position: fixed; top: 10%; left: -143px; z-index: 99999999; }
.webqq_left { width: 34px; height: 146px; float: right; background: url(../images/jt.png); background-repeat: no-repeat; background-position: center 120px; background-color: #003e93; border-radius: 4px; font-size: 18px; text-align: center; color: #FFF; margin-top: 160px; cursor: pointer; }
.webqq_left span { background: url(../images/xrn.png) no-repeat 2px 5px; padding-top: 35px; display: block; line-height: 20px; }
.webqq_right .renwu { height: 119px; width: 139px; background: url(../images/ren.png) no-repeat 0 0; position: absolute; z-index: 6; display: block; top: 0px; left: 0px; }
.webqq_right .ren { height: 139px; width: 139px; overflow: hidden; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.webqq_right .ren svg { shape-rendering: geometricPrecision; text-rendering: geometricPrecision; image-rendering: optimizeQuality; fill-rule: evenodd; clip-rule: evenodd; z-index: 4; position: relative; }
.webqq_right .ren svg .svg { fill: #003e93; fill-rule: nonzero; }
.webqq_nr { background: #003e93; width: 139px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; text-align: center; padding: 10px 0px; }
.webqq_right .kf { height: 29px; width: 126px; background: url(../images/kf.png) no-repeat 0 0; display: block; margin: 0 auto; }
.webqq_right .qq_x { height: 1px; width: 121px; background: url(../images/qq_x.png) no-repeat 0 0; display: block; margin: 10px auto; }
.webqq_right { width: 139px; float: left; position: relative; }
.webqq_nr img { padding: 0px; margin: 0px; }
.webqq_nn li { background: url(../images/qq_bg.png) no-repeat; width: 126px; height: 25px; display: block; margin: 5px 0px 10px 7px; text-align: left; }
.webqq_nn li a { font-size: 14px; color: #404040; background: url(../images/qq.png) no-repeat 15px 4px; padding-left: 40px; }
.webqq_nn li.ww a { background: url(../images/wangwang.png) no-repeat 15px 4px; }
.webqq_ewm { box-sizing: content-box; width: 126px; height: 86px; background: #FFF; border-radius: 4px; margin: 5px 0px 0px 7px; padding-top: 5px; }
.webqq_ewm img { float: left; margin-left: 5px; width: 80px; height: 80px; }
.webqq_ewm span { float: left; font-size: 12px; color: #003e93; line-height: 14px; font-weight: bold; margin-left: 12px; width: 12px; }
.webqq_tel p { font-size: 18px; color: #FFF; font-family: impact; }
.webqq_tel { font-size: 14px; color: #FFF; line-height: 24px; padding-top: 4px; }
.webqqs.show{ left: 0px !important;}