@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 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
a,a:hover{ text-decoration:none; color:#3f3f3f;}
body{     font-family: "Microsoft YaHei"; font-size:14px; color:#3f3f3f; overflow-x:hidden;}
.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?t=1488951996007'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1488951996007#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1488951996007') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1488951996007') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1488951996007#iconfont') 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_top{ height:70px; background:rgba(19, 24, 28, 0.8); padding:0 50px; position:absolute; top:0px ; left:0px; z-index:9999; width:100%}
.logo{ width:150px; float:left; padding-top:10px;}

.nav{ width:900px; float:right;}
.nav ul{ width:640px; float:left;}
.nav ul li{ display:inline-block;}
.nav ul li a{ padding:0px 20px; color:#bfbfbf; line-height:70px; display:block;}
.nav ul li em{ display:block; width:0%; height:3px; position:relative; bottom:3px; background:#cc5329; margin:0px auto;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.nav ul li:hover em{width:100%;}
.nav ul li:hover{color:#fff;}
.nav ul li.cli a{ color:#fff;}
.nav ul li.cli em{width:100%;}
.nav .tel_ting{ line-height:70px;}
.nav .tel_ting p{ display:inline-block; color:#fff; font-size:16px;}
.nav .tel_ting i{ font-size:26px; color:#fff;display: block; padding-right:5px;float: left;}
.tel_ting{ width:240px; float:right;}
/*head end*/
/*foot star*/
#foot { background: #2d2d2d none repeat scroll 0 0; color: #565656; font-size: 14px;height: 20px; left: 0;line-height: 20px; text-align:right;   max-width:1200px; margin:0px auto;}
.fot{ background: #2d2d2d; width:100%; padding: 40px 20px;}
.fot_cent{  max-width:1200px; margin:0px auto;}
.fot_logo{ width:124px; float:left;}
.fot_center{ width:400px; float:left; padding-left:100px;}
.fot_center span{ font-size:20px; color:#9c9b9b; display:block;}
.fot_center span em{ font-size:24px; color:#9c9b9b; display:block;}
.fot_center span i{ display:block; width:100px; height:2px ; background:#3d3d3d; margin:15px 0px;}
.fot_center b{ font-weight:normal; font-size:26px; color:#e04e05;}

.fot_right{ width:400px; float:right; text-align:center;}
.fot_right ol{ width:140x; float:right;}
.fot_right ol li{ display:inline-block; width:30px; height:30px; border:solid #e04e05 1px; border-radius:50%; text-align:center; line-height:28px; margin:0px 3px; position:relative;}
.fot_right ol li i{ color:#e04e05; }
.fot_right ol li i{transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; }
.fot_right ol li:hover i{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.fot_right ol li:hover i{ color:#999;}
.fot_right ul{ clear:both;}

.fot_right ol li div{ position:absolute; top:0px; right:-80px; z-index:999; width:110px; height:110px;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; opacity:0; }
.fot_right ol li:hover div{ top:-130px; right:0px; opacity:1;}




.fot_right ul li{ color:#8a8989; text-align:right; line-height:24px;}

.fot_logo em{ display:block; font-size:12px; color:#575656; text-align:center; line-height:30px;}
/*foot end*/
#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;}
#rtt i{ font-size:30px; color:#fff;}