@charset "utf-8";
/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,h5,h6,img,input,form,dl,dd,span,strong,p,em{margin:0 auto; padding:0;}
img{ border:0;}
ul, li{ list-style-type:none;}
a{transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
a,a:hover{ text-decoration:none; color:#3f3f3f;}
body{ font-size:14px; color:#3f3f3f;}
html, body, title, head, ol, table, tr, td, ul, li, dt, dd, dl, h1, h2, h3, h4, h5, h6, form, input, select, textarea, p, 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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, font, span, div{font-family: '思源黑体';}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.hiddle{display:none;}
input,textarea{outline:none;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
i,em{ font-style:normal;}

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
/*head star*/
.header{ width:100%; height:100%; position:relative;}
.head{ width:100%; padding:0px 0px; position:fixed; top:0px; left:0px; z-index:4; height:86px;  transition: background 0.3s; padding:0px 50px;}
.head.on{ background:#fff; height:70px;}
.head.on .nav ul li a{ color:#555; line-height:70px;}

.logo{ width:150px; position:absolute;transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.logo img{ max-width:330px;    width: 100%; height:auto;}

/*head end*/
/*foot star*/

.foot{ background:#191919; width:100%; overflow:hidden; padding-top:30px;}
.foot_index{ padding-top:140px;}
.foot_center ul{ overflow:hidden; width:81%; float:left; padding-left:20px;}
.foot_center{ max-width:1500px; margin:0px auto; position:relative;}
.foot_center ul li{ float:left; text-align:center; padding:0px;}
.foot_center ul li span{ display:block; margin:10px 0px; border-right:solid 1px #dadada;padding:0px 40px;}
.foot_center ul li a{ color:#dadada; font-size:16px; }
.foot_center ul li .oiuy a{ display:block; font-size:14px; color:#a6a6a6; line-height:22px;}
.ewm_t{ float:right; width:19%; text-align:center;}
.ewm_t img{ display:block; margin:0px 5px; float:left; }
.ewm_t span{ display:block; line-height:40px; text-align:left; color:#fff;}
.didi{ clear:both; text-align:center; padding:17px 0px; margin-top:30px; color:#505050; border-top:solid 1px #505050;}
.foot_center ul li a:hover{ color:#007fcc;}

.foot ol{ padding:0px; margin:0px; width:150px; height:40px; position:absolute; top:0px; right:0px;}
.foot ol li{ float:left; padding:0px 5px;}
.foot ol li i{ font-size:24px; color:#777;}
.foot ol li:hover i{ color:#fff;}
/*foot end*/
#rtt:hover{ background:#0281d0;}
#rtt {width:50px; height:50px; cursor:pointer; text-align:center; line-height:50px; background:#686869; position:fixed; right:50px; bottom:50px; border-radius: 5px; z-index:9999999; display:none;transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;}
#rtt i{ font-size:30px; color:#fff;}