@charset "utf-8";
/* CSS Document */
body,html{height:100%;}
html{overflow:hidden;}
body,div,ul,li,h1,h2,h3,h4,h5,h6,img,input,form,dl,dd,span,strong,p,em{margin:0 auto; padding:0;}
body,html{height:100%;}
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-size:14px;}
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;}
.middle{max-width:1200px;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;}

input,select,textarea{vertical-align:middle;*font-size:100%;}
input{margin:0;outline:none;padding:0;}
input::-ms-clear{display:none;}

@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;}
.clearfix{*zoom:1}


/*header*/
.header{ position:fixed;top:0;left:0;overflow:hidden;z-index:9;padding:0 7%;width:100%;}
.logo{float:left;}
.logo img{display:block;}
.mnav{float:right;font-size:24px;color:#fff;margin-top:46px; cursor:pointer;}
.mnav .fl{float:left;line-height:30px;}
.mnav .fr{float:left;width:60px;overflow:hidden;margin-left:15px;}
.mnav .fr span{display:block;width:100%;height:5px; background:#fff;margin-bottom:15px;border-radius:50px;float:right;}
.mnav .fr span:nth-child(1){margin-top:5px;width:80%;}
.mnav .fr span:nth-child(2){}
.mnav .fr span:nth-child(3){margin-bottom:0;width:80%;}
/*header*/

/*导航弹窗*/
.tc_navbc{ position:fixed;top:0;left:0;width:100%;height:100%; background:#222;z-index:99;display:none;}
.tc_nav{ position:fixed;left:35%;top:5%;z-index:99;width:30%;display:none;}
.tc_nav li{overflow:hidden;font-size:26px;color:#fff;text-align:center;}
.tc_nav li a{color:#fff;padding:30px 0;display:block;}
.tc_nav p{display:block;text-align:right;font-size:30px;color:#fff;margin-bottom:40px;cursor:pointer;}
/*导航弹窗*/