@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.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;}
a,a:hover{ text-decoration:none; color:#3f3f3f;}
body{font-family:"Microsoft YaHei"; font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.hiddle{display:none;}
.middle{max-width:1238px;width:90%;margin:0 auto;}
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;}
.bodyv{overflow:hidden;}

/*header*/
.header{ position:absolute;top:0;left:0;width:100%;padding:45px 0;z-index:9;}
/* .header.active{ background:rgba(0,0,0,0.5);padding:10px 0 0 0;}
.header.active .nav ul li a{padding-bottom:6px;}
.header.active .nav_bc{top:85px;} */
.logo{float:left;}
.logo img{display:block;width:100%;}
.nav{float:right; transition:all 1s; position:relative;}
.nav ul li{float:left;font-size:16px;color:#fff;line-height:70px;display:inline-block;}
.nav ul li a{color:#fff;display:block;/*padding:0 15px;*/width:100px;text-align:center; position:relative;}
.nav_xl{ position:absolute;top:85px;left:0;text-align:center;z-index:1;display:none;}
.nav_xl a{display:block;font-size:14px;color:#d5d5d5 !important;line-height:30px;}
.nav_xl a.active,.nav_xl a:hover{color:#fff !important;}
.nav_bc{ position:fixed;top:0;left:0; background:rgba(0,0,0,0.3);width:100%;top:115px;height:0; transition:all 1s;overflow:hidden;}
.nav ul li:hover .nav_xl{display:block;}
.nav ul li:hover .nav_bc{height:225px;}
.nav_k{ position:relative;}
#magic-line{position:absolute;bottom:0;left:0;width:100px !important;height:4px;background:#db9f5d;padding-left:0 !important;display:block;}
/*header*/

/*footer*/
.footer{overflow:hidden;}
.foot{ background:#db9f5d;overflow:hidden;padding:50px 0;}
.foot ul li{float:left;width:25%;font-size:14px;color:#fff;line-height:22px;}
.foot ul li i{float:left;font-size:26px;color:#fff;margin-top:7px;}
.foot ul li p{float:left;margin-left:13px;}
.footsy{overflow:hidden; background:#202125;padding:50px 0;}
.footsy1{overflow:hidden;border-bottom:1px solid #7d7d7d;padding-bottom:30px;}
.footsy_fl{float:left;font-size:18px;color:#fff;}
.footsy_fl1{display:block;overflow:hidden;}
.footsy_fl1 img{display:block;float:left;}
.footsy_fl2{width:100%;overflow:hidden;margin-top:50px;}
.footsy_fl2 li{float:left;width:25%;margin:4px 0;}
.footsy_fl2 li a{color:#fff;}
.footsy_fl2 li a:hover{color:#db9f5d;}
.footsy_fr{float:right;font-size:16px;text-align:right;color:#fff;}
.footsy_fr p{display:block;margin-bottom:10px;}
.footsy_fr1{display:block;font-size:32px;text-transform:Uppercase; margin-bottom:5px;}
.footsy_fr p span{display:inline-block;border-bottom:1px solid #fff;padding-bottom:3px;}
.footdx{display:block;overflow:hidden;font-size:12px;margin-top:30px;color:#fff;}
/*footer*/


/*手机*/
.sj_nav{float:right;width:36px;overflow:hidden;display:none;}
.sj_nav span{display:block;width:100%;height:2px; background:#fff;margin:5px 0;float:left;}
.nav_gb{padding:0 5%;text-align:right;font-size:50px;color:#fff;display:none;line-height:40px;}
.sj_bc{ position:fixed;left:-100%;top:0;width:40%;height:100%; background:rgba(0,0,0,0.6); transition:all 1s;}
.sj_bc span{float:right;font-size:40px;color:#fff;margin-right:20px;}
.sj_bc.active{left:0;}
/*手机*/