@charset "UTF-8";

.l-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    /* font-family: "Microsoft YaHei", Helvetica, Simsun, Simhei, Arial, sans-serif; */
    font-family: "Microsoft YaHei", Simsun, Simhei;
    color: #000;
    overflow: hidden;
}

ul,
ol {
    list-style: none;
}

.l-content i {
    font-style: normal;
    color: #000;
}

.l-content * {
    margin: 0;
    padding: 0;
    line-height: 1;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
}

.l-content .clearfixs:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.l-content a {
    text-decoration: none;
}

.l-content img {
    border: 0;
}

.l-content .pricenum {
    color: #DD0000;
    font-family: Arial,sans-serif;
}

.l-content .num {
    font-family: Arial,sans-serif;
}

.l-content .VN_opacity {
    transition: opacity ease 0.2s;
    -webkit-transition: opacity ease 0.2s;
    -moz-transition: opacity ease 0.2s;
}

.l-content .VN_opacity:hover {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.l-content .l-content-wrap {
    position: relative;
}

.l-content .l-content-wrap .cont {
    position: relative;
    width: 100%;
}

.l-content .l-content-wrap h2 {
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 50px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.l-content .l-content-wrap h2::before {
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    left: 30px;
    top: 21px;
}

.l-content .l-content-wrap h2::after {
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    right: 30px;
    top: 21px;
}

.l-content .l-content-wrap .box1 .cont .tit-lt {
    position: absolute;
    top: 77px;
    left: 168px;
    font-size: 50px;
    font-weight: bold;
    line-height: 56px;
    color: #ffcc00;
}

.l-content .l-content-wrap .box1 .cont .date {
    position: absolute;
    top: 93px;
    left: 418px;
    font-size: 27px;
    font-weight: bold;
    color: #ffcc00;
}

.l-content .l-content-wrap .box1 .cont .desc-wt {
    position: absolute;
    top: 130px;
    left: 418px;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    color: #ffffff;
}

.l-content .l-content-wrap .box1 .cont .desc-wt strong {
    font-size: 30px;
}

.l-content .l-content-wrap .box1 .cont .two {
    position: absolute;
    top: 281px;
    left: 763px;
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
}

.l-content .l-content-wrap .box1 .cont .desc {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

.l-content .l-content-wrap .box1 .cont .desc.n1 {
    position: absolute;
    top: 462px;
    left: 583px;
}

.l-content .l-content-wrap .box1 .cont .desc.n2 {
    position: absolute;
    top: 462px;
    left: 888px;
}

.l-content .l-content-wrap .box1 .cont ul {
    position: absolute;
    top: 228px;
    left: 136px;
}

.l-content .l-content-wrap .box1 .cont li {
    width: 430px;
    height: 115px;
}

.l-content .l-content-wrap .box1 .cont li span {
    display: block;
}

.l-content .l-content-wrap .box1 .cont li .tit {
    padding: 5px 7px;
    background: url(../images/b1-bg1.png) left bottom no-repeat;
    font-size: 28px;
    font-weight: bold;
}

.l-content .l-content-wrap .box1 .cont li .desc {
    margin-top: 8px;
}

.l-content .l-content-wrap .box1 .cont li .book {
    margin: 22px 0 12px 72px;
    font-size: 18px;
    font-weight: bold;
}

.l-content .l-content-wrap .box1 .cont li .code {
    display: inline-block;
    margin-left: 78px;
    padding: 2px 8px;
    background-color: #ffffff;
    border: 0 solid #ffffff;
    border-radius: 11px;
    font-size: 15px;
    font-weight: 600;
}

.l-content .l-content-wrap .box1 .cont li .code.cd2 {
    margin-left: 6px !important;
}

.l-content .l-content-wrap .box1 .cont li .code strong {
    font-size: 18px;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
}

.l-content .l-content-wrap .box2 .cont h2 {
    top: 60px;
    color: #ffcc00;
}

.l-content .l-content-wrap .box2 .cont h2::before,
.l-content .l-content-wrap .box2 .cont h2::after {
    width: 340px;
    background-color: #ffcc00;
}

.l-content .l-content-wrap .box2 .cont ul {
    position: absolute;
    top: 176px;
    left: 40px;
}

.l-content .l-content-wrap .box2 .cont li {
    float: left;
    margin: 0 18px 68px 0;
    width: 196px;
    height: 382px;
}

.l-content .l-content-wrap .box2 .cont li:nth-child(5n+1) {
    width: 260px;
}

.l-content .l-content-wrap .box2 .cont li > div {
    height: 100%;
    background-color: #ffffff;
    position: relative;
}

.l-content .l-content-wrap .box2 .cont li:nth-child(5n+1) > div {
    background: url(../images/b2-bg3.png) no-repeat;
}

.l-content .l-content-wrap .box2 .cont li.high-lt > div {
    background: url(../images/b2-bg4.png) no-repeat !important;
}

.l-content .l-content-wrap .box2 .cont li > div:hover {
    opacity: 0.8;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.l-content .l-content-wrap .box2 .cont li span {
    display: block;
    text-align: center;
}

.l-content .l-content-wrap .box2 .cont li .name-lt {
    margin-left: -20px;
    height: 82px;
    background: url(../images/b2-bg1.png) no-repeat;
    font-size: 35px;
    font-weight: bold;
    line-height: 70px;
    color: #000000;
}

.l-content .l-content-wrap .box2 .cont li .name-lt.line2 {
    font-size: 29px !important;
    line-height: 34px !important;
}

.l-content .l-content-wrap .box2 .cont li .name-lt-btm {
    position: absolute;
    bottom: 0;
    left: -20px;
    padding: 12px 0 0 0;
    width: 280px;
    height: 70px;
    background: url(../images/b2-bg2.png) no-repeat;
    font-size: 35px;
    font-weight: bold;
    line-height: 70px;
    color: #000000;
}

.l-content .l-content-wrap .box2 .cont li .type {
    padding: 16px 0 0 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}

.l-content .l-content-wrap .box2 .cont li .name {
    padding: 18px 0 0 0;
    height: 60px;
    font-size: 24px;
    font-weight: bold;
}

.l-content .l-content-wrap .box2 .cont li.high .name {
    padding: 6px 0 0 0 !important;
}

.l-content .l-content-wrap .box2 .cont li .name strong {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.l-content .l-content-wrap .box2 .cont li .pic a {
    display: block;
    padding: 10px 0 14px 0;
}

.l-content .l-content-wrap .box2 .cont li.high .pic a,
.l-content .l-content-wrap .box2 .cont li.high-lt .pic a {
    padding: 0 !important;
}

.l-content .l-content-wrap .box2 .cont li .price {
    margin-top: 16px;
    height: 44px;
    font-size: 22px;
    font-weight: 500;
}

.l-content .l-content-wrap .box2 .cont li .price strong {
    display: inline-block;
    font-size: 36px;
    font-family: Arial, Helvetica, sans-serif;
    color: #dd0000;
}

.l-content .l-content-wrap .box2 .cont li .date {
    margin: 0 auto;
    width: 176px;
    height: 30px;
    background-color: #ffcc00;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}

.l-content .l-content-wrap .box2 .cont li .code {
    margin: 0 auto;
    width: 176px;
    height: 30px;
    background-color: #666666;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
}

.l-content .l-content-wrap .box2 .cont .tips {
    position: absolute;
    bottom: 182px;
    left: 42px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
}

.l-content .l-content-wrap .box2 .cont .more {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    text-align: center;
}

.l-content .l-content-wrap .box3 .cont .tit {
    position: absolute;
    top: 22px;
    left: 103px;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
}

.l-content .l-content-wrap .box3 .cont .tit::before {
    content: url(../images/flag.png);
    position: absolute;
    top: 0;
    left: -42px;
}

.l-content .l-content-wrap .box3 .cont ul {
    position: absolute;
    top: 66px;
    left: 90px;
}

.l-content .l-content-wrap .box3 .cont li {
    list-style: decimal;
    font-size: 18px;
    font-weight: 500;
    line-height: 31px;
}

.l-content .l-content-wrap .box4 .cont {
    height: 408px;
    background: url(../images/img_17.jpg) no-repeat;
}

.l-content .l-content-wrap .box4 .cont .tit {
    position: absolute;
    top: 55px;
    left: 85px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #ffffff;
}

.l-content .l-content-wrap .box4 .cont a {
    position: absolute;
}

.l-content .l-content-wrap .box4 .cont a.f0 {
    top: 300px;
    left: 85px;
}

.l-content .l-content-wrap .box4 .cont a.f1 {
    top: 239px;
    right: 85px;
}

.l-content .l-content-wrap .box4 .cont a.f2 {
    top: 161px;
    left: 85px;
}

.l-content .l-content-wrap .box4 .cont a.f3 {
    top: 99px;
    right: 85px;
}

.l-content .l-content-wrap .box4 .cont a.rt {
    text-align: right;
}

.l-content .l-content-wrap .box4 .cont a span {
    display: block;
    width: 100px;
    height: 32px;
    font-size: 24px;
    line-height: 32px;
}

.l-content .l-content-wrap .box4 .cont a span.top {
    border-bottom: 1px solid #999999;
    font-weight: bold;
    color: #ffcc00;
}

.l-content .l-content-wrap .box4 .cont a span.btm {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
}

.l-content .l-content-wrap .box4 .cont a span.wd2 {
    display: inline-block;
    width: 50px;
}

.l-content .l-content-wrap .box5 .cont h2 {
    top: 65px;
}

.l-content .l-content-wrap .box5 .cont h2::before,
.l-content .l-content-wrap .box5 .cont h2::after {
    width: 445px;
    background-color: #000000;
}

.l-content .l-content-wrap .box5 .cont a {
    position: absolute;
    top: 251px;
    left: 58px;
}

.l-content .l-content-wrap .box5 .cont a.mail2 {
    left: 548px !important;
}