@charset "utf-8";
body,
ol,
ul,
li,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select,
a {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    display: block;
    margin: 0 auto;
    padding: 0;
    background-color: #FFF;
    font-family: '微软雅黑';
    background: #fafafa;
}


/*Top*/

.Top {
    width: 100%;
    height: 120px;
}

.Top .TopCon {
    width: 1000px;
    height: 120px;
    margin: 0 auto;
}

.Top .TopCon .LOGO {
    width: 224px;
    height: 46px;
    margin-top: 37px;
    float: left;
}

.Top .TopCon .Nav {
    width: 730px;
    height: 34px;
    float: right;
    margin-top: 43px;
}

.Top .TopCon .Nav ul {
    width: 735px;
    height: 34px;
    overflow: hidden;
}

.Top .TopCon .Nav ul li {
    width: 100px;
    height: 34px;
    border-radius: 4px;
    background: #fafafa;
    float: left;
    margin-left: 5px;
    text-align: center;
}

.Top .TopCon .Nav ul li a {
    color: #666;
    font-size: 14px;
    font-family: "Microsoft YaHei UI";
    line-height: 34px;
}

.Top .TopCon .Nav ul li:hover {
    background: #1bbc9b;
}

.Top .TopCon .Nav ul li:hover>a {
    color: #fff;
}

.Top .TopCon .Nav ul .Now {
    background: #1bbc9b;
}

.Top .TopCon .Nav ul .Now>a {
    color: #fff;
}

.Banner {
    width: 100%;
    height: 500px;
    background: url(../images/BannerBg.png) repeat-x;
}

.Banner .BannerCon {
    width: 1000px;
    height: 500px;
    margin: 0 auto;
    background: url(../images/Banner.png) no-repeat;
    overflow: hidden;
}

.Banner .BannerCon .AuthorBtn {
    width: 250px;
    height: 41px;
    margin-top: 244px;
    margin-left: 302px;
}

.Banner .BannerCon .AuthorBtn .AuthorSay {
    width: 120px;
    height: 41px;
    margin-right: 10px;
}

.Banner .BannerCon .AuthorBtn .AuthorSay a {
    display: block;
    width: 120px;
    height: 41px;
    background: url(../images/AuthorSay_nor.png) no-repeat;
}

.Banner .BannerCon .AuthorBtn .AuthorSay a:hover {
    background: url(../images/AuthorSay_hov.png) no-repeat;
}

.Banner .BannerCon .AuthorBtn .BookList {
    width: 120px;
    height: 41px;
}

.Banner .BannerCon .AuthorBtn .BookList a {
    display: block;
    width: 120px;
    height: 41px;
    background: url(../images/BookList_nor.png) no-repeat;
}

.Banner .BannerCon .AuthorBtn .BookList a:hover {
    background: url(../images/BookList_hov.png) no-repeat;
}

.Banner .BannerCon .Buy {
    width: 1000px;
    height: 37px;
    text-align: right;
    margin-top: 135px;
}

.Banner .BannerCon .Buy ul li {
    height: 37px;
    float: right;
    margin-left: 20px;
}

.Banner .BannerCon .Buy ul .Taobao {
    width: 95px;
    height: 37px;
    background: url(../images/Taobao_nor.png) no-repeat;
}

.Banner .BannerCon .Buy ul .Taobao a {
    display: block;
    width: 95px;
    height: 37px;
}

.Banner .BannerCon .Buy ul .Taobao:hover {
    background: url(../images/Taobao_hov.png) no-repeat;
}

.Banner .BannerCon .Buy ul .JD {
    width: 103px;
    height: 37px;
    background: url(../images/JD_nor.png) no-repeat;
}

.Banner .BannerCon .Buy ul .JD a {
    display: block;
    width: 103px;
    height: 37px;
}

.Banner .BannerCon .Buy ul .JD:hover {
    background: url(../images/JD_hov.png) no-repeat;
}

.Banner .BannerCon .Buy ul .Dangdang {
    width: 80px;
    height: 37px;
    background: url(../images/Dangdang_nor.png) no-repeat;
}

.Banner .BannerCon .Buy ul .Dangdang a {
    display: block;
    width: 80px;
    height: 37px;
}

.Banner .BannerCon .Buy ul .Dangdang:hover {
    background: url(../images/Dangdang_hov.png) no-repeat;
}

.Banner .BannerCon .Buy ul .Tianmao {
    width: 139px;
    height: 37px;
    background: url(../images/Tianmao_nor.png) no-repeat;
}

.Banner .BannerCon .Buy ul .Tianmao a {
    display: block;
    width: 139px;
    height: 37px;
}

.Banner .BannerCon .Buy ul .Tianmao:hover {
    background: url(../images/Tianmao_hov.png) no-repeat;
}

.Banner .BannerCon .Buy ul .Yamaxun {
    width: 86px;
    height: 37px;
    background: url(../images/Yamaxun_nor.png) no-repeat;
}

.Banner .BannerCon .Buy ul .Yamaxun a {
    display: block;
    width: 86px;
    height: 37px;
}

.Banner .BannerCon .Buy ul .Yamaxun:hover {
    background: url(../images/Yamaxun_hov.png) no-repeat;
}


/*主要内容-新闻活动、多媒体课件、案例学习、软件下载、在线资源*/

.Content {
    width: 1000px;
    min-height: 810px;
    margin: 0 auto;
    padding-top: 20px;
    overflow: hidden;
}

.Content .ConLeft {
    width: 597px;
    min-height: 810px;
}


/*新闻活动*/

.Content .ConLeft .News {
    width: 597px;
    height: 350px;
    background: url(../images/BG1.png) no-repeat;
    margin-top: 20px;
    overflow: hidden;
}

.Content .ConLeft .News .NewsTitle {
    width: 539px;
    height: 34px;
    padding: 20px 33px 15px 25px;
}

.Content .ConLeft .News .NewsCon {
    width: 539px;
    padding: 0px 33px 0px 25px;
}

.Content .ConLeft .News .NewsCon ul li {
    width: 509px;
    height: 34px;
    padding: 0 15px;
    border-bottom: 1px dashed #ebebeb;
    line-height: 34px;
}

.Content .ConLeft .News .NewsCon ul li:hover {
    background: #f5f5f5;
}

.Content .ConLeft .News .NewsCon ul li:hover>a {
    color: #1bbc9b;
}

.Content .ConLeft .News .NewsCon ul li i {
    display: block;
    float: left;
    width: 6px;
    height: 6px;
    background: url(../images/ListIcon.png) no-repeat;
    margin-top: 15px;
    margin-right: 6px;
}

.Content .ConLeft .News .NewsCon ul li a {
    color: #808080;
    font-size: 14px;
    font-family: "Microsoft YaHei UI";
    line-height: 34px;
    display: block;
    float: left;
}

.Content .ConLeft .News .NewsCon ul li span {
    display: inline-block;
    float: right;
    line-height: 34px;
    color: #808080;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.Content .ConLeft .News .More {
    width: 31px;
    height: 31px;
    background: url(../images/More.png)no-repeat;
    float: right;
    position: relative;
    right: 8px;
    top: 214px;
}

.Content .ConLeft .News .More a {
    display: block;
    width: 31px;
    height: 31px;
}


/*多媒体课件*/

.Content .ConLeft .Kejian {
    width: 597px;
    height: 410px;
    background: url(../images/BG2.png) no-repeat;
    margin-top: 30px;
    overflow: hidden;
}

.Content .ConLeft .Kejian .KejianTitle {
    width: 539px;
    height: 34px;
    padding: 20px 33px 15px 25px;
}

.Content .ConLeft .Kejian .KejianCon {
    width: 539px;
    padding: 0px 33px 0px 25px;
}

.Content .ConLeft .Kejian .KejianCon ul li {
    width: 509px;
    height: 34px;
    padding: 0 15px;
    border-bottom: 1px dashed #ebebeb;
    line-height: 34px;
}

.Content .ConLeft .Kejian .KejianCon ul li:hover {
    background: #f5f5f5;
}

.Content .ConLeft .Kejian .KejianCon ul li:hover>a {
    color: #1bbc9b;
}

.Content .ConLeft .Kejian .KejianCon ul li i {
    display: block;
    float: left;
    width: 6px;
    height: 6px;
    background: url(../images/ListIcon.png) no-repeat;
    margin-top: 15px;
    margin-right: 6px;
}

.Content .ConLeft .Kejian .KejianCon ul li a {
    color: #808080;
    font-size: 14px;
    font-family: "Microsoft YaHei UI";
    line-height: 34px;
    display: block;
    float: left;
}

.Content .ConLeft .Kejian .KejianCon ul li span {
    display: inline-block;
    margin-left: 8px;
    padding-left: 16px;
    float: right;
    line-height: 34px;
    color: #808080;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.Content .ConLeft .Kejian .KejianCon ul li .PPT {
    background: url(../images/PPT.png) left center no-repeat;
}

.Content .ConLeft .Kejian .KejianCon ul li .PDF {
    background: url(../images/PDF.png) left center no-repeat;
}

.Content .ConLeft .Kejian .KejianCon ul li .Page {
    background: url(../images/Page.png) left center no-repeat;
}

.Content .ConMid {
    width: 47px;
    height: 810px;
    background: url(../images/Line.png) no-repeat;
    position: relative;
    z-index: 9;
}


/*案例学习*/

.Content .ConRight {
    width: 356px;
    height: 810px;
}

.Content .ConRight .Learn {
    width: 356px;
    height: 100px;
    background: url(../images/Learn.png) no-repeat;
    margin-top: 20px;
}

.Content .ConRight .Learn a {
    width: 356px;
    height: 100px;
    display: block;
}


/*软件下载*/

.Content .ConRight .Down {
    width: 356px;
    height: 315px;
    background: url(../images/BG3.png) no-repeat;
    margin-top: 30px;
}

.Content .ConRight .Down .DownPic {
    width: 298px;
    height: 120px;
    padding: 20px 25px 5px 33px;
}

.Content .ConRight .Down .DownPic ul {
    width: 311px;
    overflow: hidden;
}

.Content .ConRight .Down .DownPic ul li {
    width: 142px;
    height: 50px;
    float: left;
    margin-bottom: 10px;
    margin-right: 13px;
}

.Content .ConRight .Down .DownList {
    width: 298px;
    padding: 0px 25px 0px 33px;
}

.Content .ConRight .Down .DownList ul li {
    width: 288px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px dashed #ebebeb;
}

.Content .ConRight .Down .DownList ul li i {
    display: block;
    float: left;
    width: 6px;
    height: 6px;
    background: url(../images/ListIcon.png) no-repeat;
    margin-top: 12px;
    margin-right: 6px;
}

.Content .ConRight .Down .DownList ul li a {
    color: #808080;
    font-size: 12px;
    font-family: "Microsoft YaHei UI";
    line-height: 28px;
    display: block;
    float: left;
}

.Content .ConRight .Down .DownList ul li:hover {
    background: #f5f5f5;
}

.Content .ConRight .Down .DownList ul li:hover>a {
    color: #1bbc9b;
}


/*在线资源*/

.Content .ConRight .Online {
    width: 356px;
    height: 315px;
    background: url(../images/BG3.png) no-repeat;
    margin-top: 30px;
}

.Content .ConRight .Online .OnlinePic {
    width: 298px;
    height: 120px;
    padding: 20px 25px 5px 33px;
}

.Content .ConRight .Online .OnlinePic ul {
    width: 311px;
    overflow: hidden;
}

.Content .ConRight .Online .OnlinePic ul li {
    width: 142px;
    height: 50px;
    float: left;
    margin-bottom: 10px;
    margin-right: 13px;
}

.Content .ConRight .Online .OnlinePic ul li img {
    width: 142px;
    height: 50px;
}

.Content .ConRight .Online .OnlineList {
    width: 298px;
    padding: 0px 25px 0px 33px;
}

.Content .ConRight .Online .OnlineList ul li {
    width: 288px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px dashed #ebebeb;
}

.Content .ConRight .Online .OnlineList ul li i {
    display: block;
    float: left;
    width: 6px;
    height: 6px;
    background: url(../images/ListIcon.png) no-repeat;
    margin-top: 12px;
    margin-right: 6px;
}

.Content .ConRight .Online .OnlineList ul li a {
    color: #808080;
    font-size: 12px;
    font-family: "Microsoft YaHei UI";
    line-height: 28px;
    display: block;
    float: left;
}

.Content .ConRight .Online .OnlineList ul li:hover {
    background: #f5f5f5;
}

.Content .ConRight .Online .OnlineList ul li:hover>a {
    color: #1bbc9b;
}


/*Footer*/

.Footer {
    width: 100%;
    min-width: 1000px;
    height: 170px;
    background: url(../images/footer_bg.png) repeat-x;
    margin-top: 0px;
    background-size: 100% 119px;
    background-position: bottom;
}

.Footer .FooterCon {
    width: 1000px;
    height: 170px;
    margin: 0 auto;
}

.Footer .FooterCon .FooterIcon {
    width: 1000px;
    height: 62px;
    background-position: 597px 0;
}

.Footer .FooterCon .FooterInfo {
    width: 1000px;
    height: 72px;
    margin-top: 16px;
}

.Footer .FooterCon .FooterInfo .AuInfor {
    height: 72px;
}

.Footer .FooterCon .FooterInfo .AuInfor .Mail {
    display: block;
    height: 24px;
    color: #737d80;
    font-size: 12px;
    font-family: "Microsoft YaHei UI";
    line-height: 24px;
}

.Footer .FooterCon .FooterInfo .AuInfor .Mail .Icon_mail {
    display: block;
    float: left;
    width: 17px;
    height: 16px;
    background: url(../images/Icon_mail.png) no-repeat;
    margin-right: 5px;
    margin-top: 3px;
}

.Footer .FooterCon .FooterInfo .AuInfor .Phone {
    display: block;
    height: 24px;
    color: #737d80;
    font-size: 12px;
    font-family: "Microsoft YaHei UI";
    line-height: 24px;
}

.Footer .FooterCon .FooterInfo .AuInfor .Phone .Icon_phone {
    display: block;
    float: left;
    width: 17px;
    height: 16px;
    background: url(../images/Icon_phone.png) no-repeat;
    margin-right: 5px;
    margin-top: 3px;
}

.Footer .FooterCon .FooterInfo .AuInfor .Add {
    display: block;
    height: 24px;
    color: #737d80;
    font-size: 12px;
    font-family: "Microsoft YaHei UI";
    line-height: 24px;
}

.Footer .FooterCon .FooterInfo .AuInfor .Add .Icon_add {
    display: block;
    float: left;
    width: 17px;
    height: 16px;
    background: url(../images/Icon_add.png) no-repeat;
    margin-right: 5px;
    margin-top: 3px;
}

.Footer .FooterCon .FooterInfo .AuInfor .Add a {
    color: #737d80;
    font-size: 12px;
    font-family: "Microsoft YaHei UI";
    line-height: 24px;
}

.Footer .FooterCon .FooterInfo .AuInfor .Add a:hover {
    color: #ccc;
}

.Footer .FooterCon .FooterInfo .LOGO {
    width: 173px;
    height: 72px;
}