@charset"utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", STXihei,  SimSun, Heiti, sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.f_l {float: left;}
.f_r {float: right;}
.red {color: #ea0e23}

.banner {
    width: 100%;
    height: 535px;
    background: url(../images/banner.jpg) no-repeat center #045DA1;
}
.banner .content {
    position: relative;
    height: 535px;
}
.logo {
    position: absolute;
    top: 22px;
    left: 0;
    width: 146px;
    height: 58px;
    text-indent: -9999999px;
    font-size: 0;
    background: url(../images/logo.png) no-repeat;
}
.banner_btn {
    position: absolute;
    top: 436px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}
.download_btn {
    left: 522px;
    width: 164px;
    padding-left: 54px;
    background: url(../images/btn.png) no-repeat left top;
}
.download_btn:hover {
    background: url(../images/btn.png) no-repeat left bottom;
}
.read_btn {
    left: 694px;
    width: 208px;
    padding-left: 61px;
    background: url(../images/btn.png) no-repeat -172px top;
}
.read_btn:hover {
    background: url(../images/btn.png) no-repeat -172px bottom;
}
.register_btn {
    left: 910px;
    width: 166px;
    padding-left: 61px;
    background: url(../images/btn.png) no-repeat right top;
}
.register_btn:hover {
    background: url(../images/btn.png) no-repeat right bottom;
}

/*content {*/
.characteristic {
    padding: 40px 0;
}
.characteristic,
.content {
    width: 1100px;
    margin: 0 auto;
}
.characteristic p {
    text-align: center;
}
h1,
h2 {
    margin-bottom: 10px;
    font-size: 30px;
    color:#333;
    text-align: center;
    font-weight: 100;
    letter-spacing: 1px;
}
.characteristic p,
.feature p {
    font-size: 16px;
    color:#808080;
    line-height: 1.8;
    letter-spacing: 0.5px;
}
.points {
    margin-top: 40px;
}
.points li {
    float: left;
    width: 314px;
    margin-right: 30px;
}
.points i {
    display: block;
    width: 128px;
    height: 128px;
    margin: 0 auto 16px;
}
.points .points_1 {
    background: url(../images/icons.png) no-repeat 4px top;
}
.points .points_2 {
    background: url(../images/icons.png) no-repeat -129px top;
}
.points .points_3 {
    background: url(../images/icons.png) no-repeat -257px top;
}
.points li.last {
    margin-right: 0;
}
.points h3 {
    color: #35a888;
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
}
.points p {
    text-align: center;
    letter-spacing: 0;
}
.color_1_wrapper {
    background-color: #1dbc93;
}
.content_1 {
    height: 454px;
    background: url(../images/content_1_bg.jpg) center bottom no-repeat;
}
.content_1 h1 {
    margin-top: 90px;
}
.content_1 p {
    width: 310px;
    margin:10px auto 0;
    color: #333;
    line-height: 1.8;
    text-align: justify;
}
.characteristic h2,
.content_3 h2 {
    width: 283px;
    height: 53px;
    line-height: 60px;
    color: #fff;
    margin: auto;
    background: url(../images/h2_bg.png) no-repeat;
}
.color_3_wrapper {
    background: #fbd87e;
}
.content_3 {
    padding: 40px 0;
    font-size: 18px;
    color: #ac2f0e;
    background: url(../images/content_3_bg.png) right 120px no-repeat;
}
.content_3 ul {
    margin-top: 20px;
    line-height: 1.8;
}
.color_bg {background: #f1f7f7;}
/*content }*/


img[src="http://icon.cnzz.com/img/pic.gif"],
img[src="http://eiv.baidu.com/hmt/icon/21.gif"] {display: none;}
/*footer }*/