@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-wrap {
    position: relative;
}

.l-content-wrap .animation {
    position: absolute;
    top:-952px;
    left:0px;
    width: 1200px;
    height:952px;
}


.l-content-wrap .animation .layer img.p1{
    position: absolute;
    top: 232px;
    left: 618px;
}

.l-content-wrap .animation .layer img.p2{
    position: absolute;
    top: 268px;
    left: 668px;
}

.l-content-wrap .animation .layer img.p3{
    position: absolute;
    top:287px;
    left:695px;
}

.l-content-wrap .animation .layer img.p4{
    position: absolute;
    top: 296px;
    left: 726px;
}

.l-content-wrap .animation .layer img.p5{
    position: absolute;
    top: 326px;
    left: 759px;
}

.l-content-wrap .animation .layer img.p6{
    position: absolute;
    top:283px;
    left:529px;
}



.l-content-wrap .animation .layer img.p7{
    position: absolute;
    top:306px;
    left:569px;
}



.l-content-wrap .animation .layer img.p8{
    position: absolute;
    top:329px;
    left:609px;
}



.l-content-wrap .animation .layer img.p9{
    position: absolute;
    top: 367px;
    left: 659px;
}


.l-content-wrap .animation .layer img.p10{
    position: absolute;
    top: 337px;
    left: 427px;
}


.l-content-wrap .animation .layer img.p11{
    position: absolute;
    top: 367px;
    left: 478px;
}


.l-content-wrap .animation .layer img.p12{
    position: absolute;
    top: 406px;
    left: 557px;
}


.l-content-wrap .animation .layer img.p13{
    position: absolute;
    top: 392px;
    left: 361px;
}


.l-content-wrap .animation .layer img.p14{
    position: absolute;
    top: 474px;
    left: 453px;
}

.l-content-wrap .animation .layer img.box1 {
    position: absolute;
    top:262px;
    left:560px;
}

.l-content-wrap .animation .layer img.box2 {
    position: absolute;
    top: 390px;
    left: 496px;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
}

.l-content-wrap .animation .layer img.box3 {
    position: absolute;
    top: 261px;
    left: 523px;
}



.l-content-wrap .animation .layer img.box4 {
    position: absolute;
    top: 307px;
    left: 445px;
}



.l-content-wrap .animation .layer img.box5 {
    position: absolute;
    top: 370px;
    left: 372px;
}

.l-content-wrap .animation .layer img.box6 {
    position: absolute;
    top: 426px;
    left: 243px;
    transform: rotate(20deg);
    -ms-transform: rotate(20deg);
}

.l-content-wrap .animation .layer img.box7 {
    position: absolute;
    top: 442px;
    left: 515px;
}

.l-content-wrap .animation .layer img.man {
    position: absolute;
    top: 428px;
    left: 284px;
}

.l-content-wrap .animation .layer img.light {
    position: absolute;
    top: 291px;
    left: 896px;

}

.l-content-wrap .animation .layer img.light2 {
    position: absolute;
    top: 505px;
    left: 331px;
}


.l-content-wrap .animation .layer .tip {
    position: absolute;
    background: url(../images/bg.png) no-repeat;
    width: 611px;
    height:209px;
    z-index: 100;
}

.l-content-wrap .animation .layer .tip .title {
    position: absolute;
    top:60px;
    left:30px;
    width:80px;
    text-align: center;
    font-size: 18px;
    line-height: 23px;
}

.l-content-wrap .animation .layer .tip .flag {
    position: absolute;
    top:140px;
    left:30px;
    width:80px;
    text-align: center;
    font-size: 18px;
    line-height: 23px;
}

.l-content-wrap .animation .layer .tip .products {
    position: absolute;
    left:130px;
    width: 420px;
    height: 160px;
    overflow: auto;
    margin-top:26px;
}

.l-content-wrap .mCSB_draggerRail {
    height:3px !important;
    border-radius: 5px;
}

.l-content-wrap .mCSB_dragger_bar {
    height: 5px !important;
    background-color:#003399 !important;
    border-radius: 5px;
}

.l-content-wrap .animation .layer .tip ul {
    width: 630px;
}

.l-content-wrap .animation .layer .tip ul li {
    float:left;
    width: 105px;
}

.l-content-wrap .animation .layer .tip ul li span {
    position: relative;
    display: block;
    text-align: center;
    width:100%;
}


.l-content-wrap .animation .layer .tip ul li span.pic::after {
    position: absolute;
    content: " ";
    border-right:1px solid #919191;
    top:5px;
    right:0px;
    height:85px;
}

.l-content-wrap .animation .layer .tip ul li span.name a {
    font-size:12px;
    color:#000000;
}

.l-content-wrap .animation .layer .tip ul li span.logo {
    margin-top:20px;
    height: 36px;
}

.l-content-wrap .animation .layer .tip ul li span.logo::after {
    position: absolute;
    content: " ";
    border-right:1px solid #919191;
    height:35px;
}

.l-content-wrap .animation .layer .an1 .tip {
    position: absolute;
    left:542px;
    top:40px;
}

.l-content-wrap .animation .layer .an3 .tip {
    position: absolute;
    left:542px;
    top:703px;
}



.l-content-wrap .animation .layer .an2 .tip {
    position: absolute;
    left:55px;
    top:413px;
}

.l-content-wrap .boxs {
    position: absolute;
    top: 0px;
    left:0px;
    width: 100%;
}

.l-content-wrap .box {
    width:1122px;
    margin-left: 40px;
    background: url(../images/bg_03.png) center bottom no-repeat;
    padding-bottom:38px;
}

.l-content-wrap .box:not(:first-child) {
    margin-top: 15px;
}

.l-content-wrap .box .title {
    background: url(../images/bg_01.png) no-repeat;
    height: 82px;
    padding-top: 20px
}

.l-content-wrap .box .title .name{
    width: 312px;
    height: 71px;
    line-height: 55px;
    text-align: center;
    font-size:38px;
    font-weight: bold;
    margin-left: -10px;
}

.l-content-wrap .box .title .name.orangre {
    background:  url(../images/title_01.png) no-repeat;
    color:#000000;
}

.l-content-wrap .box .title .name.blue {
    background:  url(../images/title_02.png) no-repeat;
    /* color:#FFFFFF; */
}

.l-content-wrap .box .title .name.black {
    background:  url(../images/title_03.png) no-repeat;
    color:#FFFFFF;
}

.l-content-wrap .box .products{
    background: url(../images/bg_02.png) repeat-y;
    text-align: center;
    width:1111px;
    padding-right:11px;
}

.l-content-wrap .box .products .row {
    margin: auto;
    width:1070px;
}

.l-content-wrap .box .products ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.l-content-wrap .box .products ul li{
    float:left;
    background: #FFFFFF;
    border-radius: 5px;
    position: relative;
}



.l-content-wrap .box .products ul li span {
    display: block;
}

.l-content-wrap .box .products ul.r1 li:not(:last-child) {
    margin-right: 9px;
    width:210px;
}

.l-content-wrap .box .products ul.r1 li:not(:last-child) .logo {
    height: 42px;
}

.l-content-wrap .box .products ul.r1 li:not(:last-child) .pic {
    height: 175px;
}

.l-content-wrap .box .products ul.r1 li:not(:last-child) .date {
    left:10px;
    top:160px;
}


.l-content-wrap .box .products ul.r1 li:last-child {
    width: 412px;
    height:329px;
}

.l-content-wrap .box .products ul.r1 li:last-child .logo {
    position: absolute;
    left:70px;
    top:20px;
}

.l-content-wrap .box .products ul.r1 li:last-child .pic {
    position: absolute;
    top:160px;
    left:280px;
}

.l-content-wrap .box .products ul.r1 li:last-child .name {
    position: absolute;
    top:200px;
    left:20px;
    text-align: left;
}

.l-content-wrap .box .products ul.r1 li:last-child .code {
    position: absolute;
    top:240px;
    left:20px;
    width:173px;
}

.l-content-wrap .box .products ul.r1 li:last-child .link {
    position: absolute;
    top:276px;
    left:20px;
    width:173px;
}

.l-content-wrap .box .products ul.r1 li:last-child .date {
    position: absolute;
    top:76px;
    left:140px;
}

.l-content-wrap .box .products ul.r2 {
    border-radius: 5px;
    background: #FFFFFF;;
}

.l-content-wrap .box .products ul.r2 li:not(:last-child)::after {
    content: " ";
    border-right: 1px solid #5b5b5b;
    position: absolute;
    right: 0px;
    top:20px;
    height:284px;
}

.l-content-wrap .box .products ul.r2 li {
    width:267px;
    position: relative;
}

.l-content-wrap .box .products ul.r2 li .logo {
    height: 42px;
}

.l-content-wrap .box .products ul.r2 li .pic {
    height: 190px;
}

.l-content-wrap .box .products ul.r2 li .date {
    left:10px;
    top:160px;
}

.l-content-wrap .box .products ul.r2 li .name {
    font-size:18px;
}

.l-content-wrap .box .products .r3 ul,
.l-content-wrap .box .products .r4 ul,
.l-content-wrap .box .products .r5 ul,
.l-content-wrap .box .products .r6 ul li {
    float:left;
}

.l-content-wrap .box .products .r6 {
    background: #FFFFFF;
    border-radius: 5px;
}

.l-content-wrap .box .products .r3 ul:first-child,
.l-content-wrap .box .products .r4 ul:first-child,
.l-content-wrap .box .products .r5 ul:not(:last-child) {
    margin-right: 9px;
}

.l-content-wrap .box .products .r3 ul:first-child li,
.l-content-wrap .box .products .r4 ul:last-child li {
    width:350px;
}


.l-content-wrap .box .products .r5 ul li {
    width: 494px;
    height: 350px;
}

.l-content-wrap .box .products .r6 ul li {
    width:213px;
}

.l-content-wrap .box .products .r5 ul:first-child li,
.l-content-wrap .box .products .r5 ul:last-child li {
    width: 278px;
}

.l-content-wrap .box .products .r3 ul:first-child li .code,
.l-content-wrap .box .products .r4 ul:last-child li .code {
    width:324px;
}

.l-content-wrap .box  .products .r4 ul:last-child li .logo {
    height:53px !important;
}


.l-content-wrap .box .products .r3 ul:first-child li:first-child .name{
    height:30px;
}

.l-content-wrap .box .products .r3 ul:last-child,
.l-content-wrap .box .products .r4 ul:first-child {
    border-radius: 5px;
    background: #FFFFFF;
}

.l-content-wrap .box .products .r3 ul:last-child li,
.l-content-wrap .box .products .r4 ul:first-child li {
    width: 237px;
}

.l-content-wrap .box .products .r3 ul:last-child li:not(:last-child)::after,
.l-content-wrap .box .products .r4 ul:first-child li:not(:last-child)::after {
    content: " ";
    border-right: 1px solid #5b5b5b;
    position: absolute;
    right: 0px;
    top:10px;
    height:324px;
}

.l-content-wrap .box .products .r6 ul li:not(:last-child)::after {
    content: " ";
    border-right: 1px solid #5b5b5b;
    position: absolute;
    right: 0px;
    top:10px;
    height:294px;
}

.l-content-wrap .box .products .r3 li .logo,
.l-content-wrap .box .products .r4 li .logo,
.l-content-wrap .box .products .r5 li .logo {
    height: 60px;
}

.l-content-wrap .box .products .r5 ul:nth-child(3n+2) li .logo {
    width:100px;
    left:30px;
    top:0px;
}



.l-content-wrap .box .products .r6 li .logo {
    height:50px;
}

.l-content-wrap .box .products .r3 li .pic,
.l-content-wrap .box .products .r4 li .pic,
.l-content-wrap .box .products .r5 li .pic {
    height: 190px;
}


.l-content-wrap .box .products .r6 li .pic {
    height: 160px;
}

.l-content-wrap .box .products .r5 ul:nth-child(3n+2) li .pic {
    left:100px;
    top:10px;
}

.l-content-wrap .box .products .r3 li .date {
    left:10px;
    top:160px;
}

.l-content-wrap .box .products .r4 li .date,
.l-content-wrap .box .products .r5 li .date {
    left:10px;
    top:175px;
}

.l-content-wrap .box .products .r5 ul:nth-child(3n+2) li .date {
    left:200px;
    top:80px;
}

.l-content-wrap .box .products .r6 li .date {
    width: 45px;
    height:45px;
    font-size:13px;
    line-height:15px;
    background: url(../images/date_bg2.png) no-repeat;
    padding-top:8px;
    top:150px;
    left:10px;
}

.l-content-wrap .box .products .r5 ul li .code {
    width: 110px;
}

.l-content-wrap .box .products .r5 ul:nth-child(3n+2) li .code {
    position: absolute;
    width:100px;
    top:265px ;
    left:15px;
}

.l-content-wrap .box .products .r5 ul:first-child li .code,
.l-content-wrap .box .products .r5 ul:last-child li .code {
    width: 250px;
}

.l-content-wrap .box .products .r6 li .code {
    width:196px;
}

.l-content-wrap .box .products .r3 li .name{
    height:36px;
}

.l-content-wrap .box .products .r5 ul:nth-child(3n+2) li .name {
    position: absolute;
    left:15px;
    top:220px;
    text-align: left;
}

.l-content-wrap .box .products .r6 li .name {
    height:36px;
}


.l-content-wrap .box .products .r5 ul:nth-child(3n+2) li .link {
    position: absolute;
    width:100px;
    top:300px ;
    left:15px;
}

.l-content-wrap .box .products .r1 li,
.l-content-wrap .box .products .r2,
.l-content-wrap .box .products .r3 ul,
.l-content-wrap .box .products .r4 ul,
.l-content-wrap .box .products .r5 ul,
.l-content-wrap .box .products .r6 ul {
    -moz-box-shadow:2px 2px 5px #7A7A7A; -webkit-box-shadow:2px 2px 5px #7A7A7A; box-shadow:2px 2px 5px #7A7A7A;
}

.l-content-wrap .box .products ul li .name a {
    font-size: 18px;
    color:#000000;
    line-height: 20px;
    margin:5px auto;
}

.l-content-wrap .box .products ul li .name a sup {
    font-size:14px;
}

.l-content-wrap .box .products ul li .code {
    color:#FFFFFF;
    font-size:13px;
    font-family: Arial, Helvetica, sans-serif;
    background: #666666;
    width:190px;
    padding: 2px 0 ;
    margin: 10px auto 5px auto;
}

.l-content-wrap .box .products ul li .link {
    margin-bottom: 10px;
}

.l-content-wrap .box .products ul li .date {
    background: url(../images/date_bg.png) no-repeat;
    position: absolute;
    font-size:16px;
    line-height: 18px;
    width:56px;
    height:46px;
    text-align: center;
    padding-top:10px;
}

.l-content-wrap .box .products ul li .pic,
.l-content-wrap .box .products ul li .logo {
    position: relative;
}

.l-content-wrap .box .products ul li .logo img {
    position: absolute;
    top:50%;
    left:50%;
    transform: translateY(-50%) translateX(-50%);
}

.l-content-wrap .box .products ul li .pic a {
    position: absolute;
    top:50%;
    left:50%;
    transform: translateY(-50%) translateX(-50%);
}

.l-content-wrap .box .products .row:not(:first-child) {
    margin-top:10px;
}

.l-content-wrap .wall {
    text-align: center;
}

.l-content-wrap .wall .title {
    background: url(../images/title.png) no-repeat;
    height: 65px;
    text-align: center;
    line-height: 65px;
    color:#FFFFFF;
    font-size: 40px;
    letter-spacing: 5px;
}

.l-content-wrap .wall .logowall {
    margin:40px auto;
    width:1122px;
    border-right: 1px solid #9e9e9e;
    border-bottom: 1px solid #9e9e9e;
}

.l-content-wrap .wall .logowall li {
    float:left;
    width:186px;
    height:128px;
    position: relative;
    border-left:1px solid #9e9e9e;
    border-top:1px solid #9e9e9e;
}

.l-content-wrap .wall .logowall li img {
    position: absolute;
    top:50%;
    left:50%;
    transform: translateY(-50%) translateX(-50%);
}

.l-content-wrap .ad img {
    margin:20px 0 ;
}

.l-content-wrap .tip {
    display:none;
    opacity: 0;

    transition: opacity 1s;
    -moz-transition: opacity 1s;	/* Firefox 4 */
    -webkit-transition: opacity 1s;	/* Safari 和 Chrome */
    -o-transition: opacity 1s;	/* Opera */
}

.l-content-wrap .banner {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 1000;
    top:-800px;
}

.l-content-wrap .banner .close {
    position: absolute;
    right:130px;
    top:20px;
    cursor:hand;
}