@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
img, input { border: 0px; vertical-align: middle; color: #FFF; font-family: "Microsoft YaHei"; outline: none; }
img, ul, li, input, button, dd, dl, dt { margin: 0; padding: 0; list-style: none; border: none; font-weight: normal; font-style: normal; }
.clear { clear: both; display: none; }
a { text-decoration: none; }
.clearfix:after { content: "."; height: 0px; display: block; clear: both; visibility: hidden; }
.clearfix:after { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.wid { width: 1100px; margin: 0 auto; }
button { outline: none; font-family: "Microsoft YaHei"; }
select { outline: none; font-family: "Microsoft YaHei"; }
input::-ms-clear {
display: none;
}
table { border-collapse: collapse; border-spacing: 0; }
body, html { width: 100%; min-width: 240px; font-family: "Microsoft YaHei"; font-size: 14px; position: relative; color: #000; background:#eeefef;}
input::-webkit-input-placeholder {
color:#515151;
}
input:-moz-placeholder {
color:#515151;
font-family:"Microsoft YaHei";
}
textarea:-moz-placeholder {
color:#515151;
}
textarea::-webkit-textarea-placeholder {
color:#515151;
}
textarea:-ms-input-placeholder {
color: #515151;
}
textarea::-webkit-input-placeholder {
color: #515151;
}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; }
a { -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; color: #000; }
/*header-------------------------------------------------*/ 
.contain{ width:100%; height:100%; overflow:hidden;}
.header{ padding:0px 60px; width:100%; height: 130px; position: fixed; top: 0; left: 0; z-index: 100;-moz-box-sizing:border-box;-box-sizing:border-box;-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;  background:#eeefef;}
.header .menu{ display:inline-block;margin-top:80px; font-family:"Lucida Console", Monaco, monospace; cursor:pointer; position:relative; z-index:101;}
.header .menu span{font-family:"Lucida Console", Monaco, monospace; }
.guide{ width:100%; height:100%;padding:140px 60px 60px 60px;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display: table;  }
.header .home{ float:right; margin-top:80px; font-family:"Lucida Console", Monaco, monospace; cursor:pointer; position:relative; z-index:101;}
.header .home a{font-family:"Lucida Console", Monaco, monospace;}
.header .home:hover a{ color:#9fa0a0; }

.introduce {width:18%; height: 100%;  position: fixed; top:0px; left:-18%; z-index:99; padding-top:130px; padding-bottom:60px; padding-left:60px;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#eeefef;overflow: hidden; }
.introduce .list { width:0; position: absolute;left:60px; top: 28%; overflow:hidden; }
.introduce .list a { display: block; font-size: 22px; color: #3e3a39; line-height: 44px;word-wrap: break-word; word-break: break-word; white-space: nowrap;}
.introduce .list a:hover{ color:#9fa0a0;}

.introduce .contact { position: absolute;left:60px; top: 56%; line-height: 28px; font-size: 12px; color: #3e3a39; opacity: 0; }
.introduce .copyRight { font-size: 12px; position: absolute; left:60px; bottom: 16%; opacity:0; }
.introduce .bto_img img { height: 36px; padding-bottom: 10px; }
.introduce .arrow { position: absolute; left:0;bottom: 60px; left: 60px; z-index: 2; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #9d9d9e; background-size: 9px 16px; background-repeat: no-repeat; background-position: center; background-image: url(../images/arrow.png); cursor: pointer; opacity:0;  }
.introduce .arrow.rotate {-moz-animation: rotate 0.8s linear;-ms-animation: rotate 0.8s linear;-o-animation: rotate 0.8s linear;-webkit-animation: rotate 0.8s linear; animation: rotate 0.8s linear; }
@media screen and (min-width: 1360px){
	.header {
	    padding: 0px 60px;
	    width: 100%;
	    height: 100px;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 100;
	    -moz-box-sizing: border-box;
	    -box-sizing: border-box;
	    -box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    background: #eeefef;
	}
}