blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin:0;
	padding:0
}
* {
	font-family:"Microsoft YaHei"
}
input::-ms-clear {
	display:none
}
input::-ms-reveal {
	display:none
}
h1,h2,h3,h4,h5,h6 {
	font-weight:400
}
h1 {
	font-size:24px
}
h2 {
	font-size:18px
}
h3 {
	font-size:16px
}
h4 {
	font-size:14px
}
h5 {
	font-size:12px
}
h6 {
	font-size:10px
}
address,cite,dfn,em,i,var {
	font-style:normal
}
code,kbd,pre,samp {
	font-family:courier new,courier,monospace
}
small {
	font-size:12px
}
ol,ul {
	list-style:none
}
a,a:hover {
	text-decoration:none
}
a {
	color:#555;
	outline:0;
	-moz-outline:none
}
a:hover {
	color:#f60
}
a img {
	display:block
}
sup {
	vertical-align:text-top
}
sub {
	vertical-align:text-bottom
}
legend {
	color:#000
}
fieldset,img {
	border:0
}
button,input,select,textarea {
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
article,aside,audio,details,figcaption,figure,footer,header,hgroup,mark,menu,nav,section,summary,time,video {
	display:block;
	margin:0;
	padding:0
}
mark {
	background:#ff0
}

body {
	background:#fff;
}

header {
	width:100%;
	z-index: 100;
	height:70px;
	min-width:1200px;
	line-height:70px;
	margin:0 auto;
	background:#00176f;
	font-size:13px;
	color:#fff;
}
header .header-w {
	width:1200px;
	margin:0 auto;
	height:70px
}
header .header-logo {
	float:left;
	margin-top:17px
}
header .header-l {
	float:left;
}
header .header-l h1 {
	margin-left: 18px;
	height:70px;
	line-height: 70px;
	font-size: 18px;
	color: #fff;
	float:left;
}
header ul {
	float:right
}
header ul li {
	float:left;
}
header ul li span {
	cursor:pointer
}
header ul li span:active,
header ul li span:hover {
	color:#007fff
}
header a{
	color: #fff;
	padding: 1rem 2rem;
}

header a:active,
header a:hover {
	color:#007fff;
}

#editor {
	width:100%;
	min-width:1200px;
	height:550px;
	background:url(banner-bg.jpg) no-repeat 50% 50%;
	background-size: cover;
	overflow: hidden;
}
#editor .editor {
	width:1200px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}

.editor>h1{
	font-size: 48px;
	font-weight:lighter;
	margin: 24px 0;
}
.editor>p{
	font-size: 72px;
	font-weight:lighter;
	margin: 36px 0;
	letter-spacing:0.2em;
}

.pdf-list{
	width: 880px;
	margin: 0 auto;
}

.pdf-list li{
	padding: 6px 18px;
	background: rgba(255,255,255,0.1);
	transition: 0.6s all;
	margin: 0 16px 12px 0;
}

.pdf-list li:hover{
	box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.2);
	background: #007fff;
	color: #fff;
	cursor:pointer;
}

.editor-p {
	margin-top: 24px;
	float:left;
	width:1200px
}
.editor-p ul li {
	width:1200px;text-align: center;
}
.editor-p ul li i {
	display:block;
	position:absolute;
	left:59px;
	top:16px
}

.editor-p ul li .editor-p-b1,
.editor-p ul li .editor-p-b2 {
	display:inline-block;
	position:relative;
	width:238px;
	height:54px;
	line-height:54px;
	background:#fff;
	border:1px solid #007fff;
	border-radius:100px;
	margin:0 20px;
	outline:0;
	cursor:pointer;
	color:#007fff;
	font-style:normal;
	font-size:20px;
	text-indent:20px;
	margin-bottom:20px;
	text-align:center
}

.editor-p ul li .editor-p-b1 i {
	width:20px;
	height:20px;
	background:url(u4.png) no-repeat
}
.editor-p ul li .editor-p-b1:hover{
	background: #007fff;
    color: #fff;
}
.editor-p ul li .editor-p-b1:hover i{
	background:url(u5.png) no-repeat
}
.editor-p ul li .editor-p-b1:active,
.editor-p ul li .editor-p-b1:hover {
	box-shadow:0 0 5px #007fff;
}

.container{
    width: 1200px;
    margin: 0 auto;
}

.contit {	
    font-size: 2.5rem;
    margin:0 0 3rem;
    line-height: 3rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    position: relative;
}

.contit:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 4px;
    background: #007fff;
    left: 50%;
    bottom: -2rem;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.index-comment,
.index-skill,
.index-step{
	padding: 4rem 0;
    text-align: center;
}

.index-comment .comment-box{
    padding:2rem 0;
}

.index-comment .comment{
    padding:3rem 2rem 2rem;
    width: 33.33%;
    background: #fff;
    margin: 0 1rem;
    border-radius: 0.5rem;
    box-shadow:0 3px 24px rgba(15,92,228,0.18);
}

.index-comment .comment:hover,
.index-comment .comment:focus{
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px);
    box-shadow:0 16px 36px rgba(15,92,228,0.24);
    cursor: pointer;
}

.index-comment .avatar,.index-comment .star,.index-comment .by{
    margin:0 0 1rem;
}
.index-comment .by{
    color: #333;
    font-size: 1.375rem;
}
.index-comment .comment p{
	color: #666;
    font-size: 1.125rem;
    line-height: 2em;
    text-indent: 2em;
	word-wrap: break-word;
	text-align: justify;
}

.index-skill .skill-box{
	padding: 2rem 0;
	flex-wrap: wrap;
}

.index-skill dl{
	width: calc( 25% - 2rem );
	padding: 2.5rem 0;
	margin: 1rem;
	background: #fff;
	border-radius: 0.5rem;
	box-shadow:0 3px 6px rgba(0,64,128,0.08);
}

.index-skill dl:hover,
.index-skill dl:focus{
	-webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
	box-shadow:0 16px 24px rgba(0,64,128,0.16);
	cursor: pointer;
}

.index-skill dl dd{
	color: #1575f2;
	font-size: 1.25rem;
	padding:0.5rem 0;
}

.index-step .step-box{
	padding: 2rem 0;
}

.index-step .left{
	width: 60%;
}

.index-step .left video{
	margin: 0 auto;
}

.index-step .right{
	width: 40%;
	text-align: left;
	color: #666;
	font-size: 2rem;
	font-weight: 300;
}

.index-step .right ul li{
	padding: 2rem 1rem;
}

.index-step .right ul li:hover{
	color:#1575f2;
	cursor: pointer;
	-webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

#footer {
  width:100%;
  background:#292929;
  text-align: center;
}

#footer .footer-text {
  width:1200px;
  padding: 20px 0;
  margin: 0 auto;
  text-align: center;
  color:#A5A5A5;
}

.fixed{
    position: fixed;
    bottom: 20%;
    right: 10px;
    width: 80px;
    overflow: hidden;
    border: 1px solid #999;
    border-radius: 6px;
    background: #fff;
}

.fixed>div a{
    display: block;
    height: 52px;
    text-align: center;
    color: #666;
    font-size: 14px;
    padding: 14px;
}
.fixed>div a .iconfont{
    font-size: 32px;
}

.fixed>div a:hover{
    color: #003fff;
}
.fixed>div.kefu{
    border-bottom: 1px solid #999;
}

.fixed span{
    display: block;
}

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-middle{
	-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;
}
.flex-around{
	-ms-flex-pack: distribute;justify-content: space-around;
}

.flex-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}

.flex-wrap{
	-ms-flex-wrap: wrap;flex-wrap: wrap;
}

.transition{
	transition: all .3s ease-in-out;
}

.none {
	display:none
}

.bg-white{
	background: #fff;
}

.bg-grey{
	background: #f4f8f9;
}