@charset "utf-8";
#banner a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}


/*首页样式,author:YZY*/
body
{ 
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow: hidden;
    position: relative;
}

#think_page_trace_open{display: none;}
#Index
{ 
    width: 100%;
    height: 100%;
    position: relative;
}
#Index .copyright
{
    position: absolute;
    left: 30%;
    bottom: 2%;
    font-size: 12px;
    width: 40%;
    z-index:888;
    text-align: center;
}
#Index .wrap
{ 
    position: relative;
    height: 100%;
    width: 100%;

}
#Index .wrap .logo
{
    cursor: pointer;
    position: fixed;
    top:5%;
    left: 42.8%;
    z-index:88888;
}
#Index .wrap .line_left
{     
    width: 50%;    
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}
#Index .wrap .line_left .line
{
    width: 0px;
    border: 0px solid black;
    position: absolute;
    left: 18%;
    top: 35%;
    z-index: 1;
}
#Index .wrap .line_left .backimg
{
    width: 100%;
    height: 100%;
}
#Index .wrap .line_left .dis_img
{
    cursor: pointer;
    position: absolute;
    left: 18%;
    top: 40%;
    z-index: 2;
}
#Index .wrap .line_left .menu
{
    position: fixed;
    right: 2%;
    top: 10%;
    z-index: 888;
    width: 150px;
    height: 200px;
}

#Index .wrap .line_left .menu ul
{
    width: 150px;
    height: 200px;
}
#Index .wrap .line_left .menu ul li
{
    display: none;
    width: 100px;
    height: 43px;
    line-height: 43px;
    font-size: 15px;
    text-align: left;
}
#Index .wrap .line_left .menu ul >:first-child{position: absolute;right: 25%;top: 5%;z-index: 888;}
#Index .wrap .line_left .menu ul >:nth-child(2){position: absolute;right: 32.2%;top: 23%;}
#Index .wrap .line_left .menu ul >:nth-child(3){position: absolute;right: 39.5%;top: 41%;}
#Index .wrap .line_left .menu ul >:nth-child(4){position: absolute;right: 45.8%;top: 59%;}
#Index .wrap .line_left .menu ul >:nth-child(5){position: absolute;right: 53.7%;top: 77%;}
#Index .wrap .line_left .menu ul li span
{
    width: 5px;
    height: 5px;
    border-radius: 45%;
    background: black;
    display: inline-block;
}
#Index .wrap .line_left .menu ul li:hover
{
    font-size: 17px;
    cursor: pointer;
    background-image: url('../images/home/index/menulogo.png');
    background-repeat:no-repeat;
    background-attachment: inherit;
    background-position:top 0px right 0px;
}
/*.backunimga
{
    font-size: 17px;
    cursor: pointer;
    background-image: url('../images/home/index/menulogo.png');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:top 0px right 0px;
}*/
#Index .wrap .line_left .content
{
    display: none;
    width: 760px;
    height: auto;
    position: absolute;
    top: 28%;
    left: 14%;
    z-index: 2;
}

#Index .wrap .line_left .content div
{
    padding-top: 10px;
}
#Index .wrap .line_left .content >:nth-child(2)
{
    padding-top: 30px;
}
#Index .wrap .line_left .content >:nth-child(3)
{
    padding-top: 24px;
}
#Index .wrap .line_left .clickpage
{
    width: 78px;
    height: 32px;
    position: absolute;
    left: 14%;
    bottom:25%;
    z-index: 2;
    display: none;
}

#Index .wrap .line_left .fwtx
{   
    width: auto;
    height: auto;
    position: absolute;
    left: 14%;
    top:25%;
}
#Index .wrap .line_left .fwtx >:first-child{ font-size: 18px;}
#Index .wrap .line_left .fwtx >:nth-child(2){font-size: 12px;padding-top: 13px;}
#Index .wrap .line_left .fwtx >:nth-child(3){padding-top: 60px;height: 212px;}
#Index .wrap .line_left .fwtx >:nth-child(4){padding-right: 0;}
#Index .wrap .line_left .fwtx .fa-4x
{
    width: auto;
}
#Index .wrap .line_left .fwtx .fa-4x .wss
{
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    width: auto;
    height: 100%;
    float: left;
    padding-right: 20px;
}
#Index .wrap .line_left .fwtx .fa-4x .wss .left-f{float: left;width: 182px;}
#Index .wrap .line_left .fwtx .fa-4x .wss >:first-child >:nth-child(2){padding-top: 0px;}
#Index .wrap .line_left .fwtx .fa-4x .wss .right-font
{
    border-left: 1px solid #7f6300;
    font-size:12px;
    text-align: left;
    height: 150px;
    width: auto;
    padding-left: 15px;
    padding-top: 20px;
    margin: 15px 0 0 15px;
    display: none;
}
#Index .wrap .line_left .fzlc
{
    width: 880px;
    height: 320px;
    position: absolute;
    top:20%;
    left:14%
}
#Index .wrap .line_left .fzlc >:nth-child(1){font-size: 18px;}
#Index .wrap .line_left .fzlc >:nth-child(2){font-size: 11px;padding-top: 10px;}

#Index .wrap .line_left .fzlc .lx .xt
{
    position: absolute;
    left: 5px;
    top: 70px;
    z-index: -1;
}
#Index .wrap .line_left .fzlc .lx 
{
    width: 875px;
    height: 220px;
    position: absolute;
    padding-top: 0;
    left: 0;
    bottom: 0;
}
#Index .wrap .line_left .fzlc .lx .n08
{
    position: absolute;
    left: 0;
    top: 20px;
}
#Index .wrap .line_left .fzlc .lx .n13
{
    position: absolute;
    left: 145px;
    bottom: 0;
}
#Index .wrap .line_left .fzlc .lx .n14
{
    position: absolute;
    top: 20px;
    left: 290px;
}
#Index .wrap .line_left .fzlc .lx .n15
{
    position: absolute;
    left: 435px;
    bottom: 0;
}
#Index .wrap .line_left .fzlc .lx .n16
{
    position: absolute;
    left: 580px;
    top: 20px;
}
#Index .wrap .line_left .fzlc .lx .n17
{
    position: absolute;
    left: 725px;
    bottom: 0;
}
#Index .wrap .line_left .fzlc .lx .gy .noneimg
{
    position: absolute;
    left: -15px;
    top: -220px;
    display: none;
    max-width: 150%;
}
#Index .wrap .line_left .clickpage >:first-child{float: left;}
#Index .wrap .line_left .clickpage >:nth-child(2){float: right;}
#Index .wrap .line_left .clickpage img{cursor: pointer;}
#Index .wrap .line_left .Buttonimg
{
    cursor: pointer;
    display: none;
}
#Index .wrap .line_left .Buttonimgr
{
    position: fixed;
    left: 6.8%;
    bottom: 10%;
    z-index: 2222;
}
#Index .wrap .line_left .Buttonimgl
{
    position: fixed;
    right: 11%;
    bottom: 10%;
    z-index: 22222;
}













#Index .wrap .line_right{ 
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 0;    
}
#Index .wrap .line_right .dis_img
{
    cursor: pointer;
    position: absolute;
    right: 18%;
    top: 40%;
    z-index: 10;

}
#Index .wrap .line_right .line_rd
{
    
    width: 0px;
    border: 0px solid black;
    position: absolute;
    right: 18%;
    top: 35%;
    z-index: 888;
}
#Index .wrap .line_right .casemenu
{
    font-size: 15px;
    width: 150px;
    height: 200px;
    position: absolute;
    left: 0%;
    top: 25%;
    z-index: 888;
}
#Index .wrap .line_right .casemenu ul
{
    width: 150px;
    height: 200px;
}
#Index .wrap .line_right .casemenu ul li
{
    display: none;
    width: 100px;
    height: 43px;
    line-height: 43px;
    font-size: 15px;
    text-align: left;
}
#Index .wrap .line_right .casemenu ul >:first-child{position: absolute;left: -15%;top: 0;}
#Index .wrap .line_right .casemenu ul >:nth-child(2){position: absolute;left: -18%;top: 18%;}
#Index .wrap .line_right .casemenu ul >:nth-child(3){position: absolute;left: -28%;top: 36%;}
#Index .wrap .line_right .casemenu ul >:nth-child(4){position: absolute;left: -38%;top: 54%;}
#Index .wrap .line_right .casemenu ul li:hover
{
    font-size: 17px;
    cursor: pointer;
    background-image: url('../images/home/index/menulogo.png');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:top 0px left 0px;
}
#dwpage
{
    width: 884px;
    height: 466px;
    position: absolute;
    left: 16%;
    top:19%;
}
#Index .wrap .line_right #dwpage .caseall 
{
    width: 884px;
    height: 432px;
    position: absolute;
    left: 0%;
    top:0%;
    display: none;
    overflow: hidden;
}
#Index .wrap .line_right #dwpage .caseall .casedw
{
    width: 100%;
    height: 432px;
    position: absolute;
    top: 0;
    left: 0;
}
#Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(1){margin-top: 0;}
#Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(2){margin-top: 0;}
#Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(3n){margin-right: 0;}
#Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(3){margin-right: 0;margin-top: 0;}
#Index .wrap .line_right #dwpage .case
{
    width: 275px;
    height: 210px;
    margin-right: 3.3%;
    float: left;
    margin-top: 20px;
    position: relative;
}
#Index .wrap .line_right .case >:hover
{
    cursor: pointer;
}

#Index .wrap .line_right .caseall .casedw .case .thumbnaildiv
{
    width:100%;
    height: 69%;
    position: relative;  
}
#Index .wrap .line_right .caseall .casedw .case .thumbnaildiv .thumbnail
{
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
}




#Index .wrap .line_right #dwpage .caseall .casedw .case .top{position: absolute;top: -1px;left: 0;}
#Index .wrap .line_right #dwpage .caseall .casedw .case >:nth-child(2){padding: 5px 0 0 15px;font-size:14px;background: #e8e8e8;}
#Index .wrap .line_right #dwpage .caseall .casedw .case >:nth-child(3){padding: 5px 0 0 15px;font-size:12px;background: #e8e8e8;}
#Index .wrap .line_right #dwpage .caseall .casedw .case .contentcolor
{
    color: #555555;
    padding-bottom:5px;
}

/***************************鼠标移入案例动画*****************************/
.caseimgsow{
    -webkit-animation:caseimgsow 0.3s ease-out 0s 1 both /* Safari 和 Chrome */
}
@-webkit-keyframes caseimgsow {
     0% {
        transform: scale(0)
    }
    
     100% {
        transform: scale(1)
    }
}

.imghidden{
    -webkit-animation:imghidden 0.5s ease-out 0s 1 both /* Safari 和 Chrome */
}
@-webkit-keyframes imghidden {
     0% {
        transform: scale(1)
    }
    
     100% {
        transform: scale(0)
    }
}
/********************************************************/
#Index .wrap .line_right #dwpage .caseall .casedw .case .right{
    position: absolute;
    right: 0;    
    bottom: 5%;
    height: 99%;
    border: 1px solid red;
}


.topanimation{
    -webkit-animation:topanimation 1s ease-out 0s 1 both /* Safari 和 Chrome */
}
@-webkit-keyframes topanimation {
     0% {
        position: absolute;
        top: -1px;
        left: 0;
        width: 0; 
        height: 1px;
        z-index: 99889;
    }
    
     100% {
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 1px;
        z-index: 99889;
    }
}



#Index .wrap .line_right .tbpage
{
    width:80px;
    height: 34px;
    position: absolute;
    left: 0;
    bottom:0;
    display: none;
}

#Index .wrap .line_right .tbpage img{height: 100%;width: auto;cursor: pointer;}
#Index .wrap .line_right .tbpage >:nth-child(1){float: left;}
#Index .wrap .line_right .tbpage >:nth-child(2){float: right;}
/*******************线**************************/
@-webkit-keyframes line_r {
     0% {
        width: 0px; 
    }
    
     100% {
        width: 20%;
        border: 1px solid black;
    }
}
@-webkit-keyframes line_l {
     0% {
        width: 20%;
        border: 1px solid black; 
    }
    
     100% {
        width: 0px; 
    }
}
@-webkit-keyframes line_logo {
     0% {
        position: fixed;
        top:5%;
        left: 42.8%;
        z-index:88888;
        }
    
     100% {
        position: fixed;
        top:5%;
        left: 87.5%;
        z-index:88888;
    }
}
@-webkit-keyframes line_logor {
     0% {
        position: fixed;
        top:5%;
        left: 87.5%;
        z-index:88888;
        }
    
     100% {
        position: fixed;
        top:5%;
        left: 8.2%;
        z-index:88888;
    }
}
@-webkit-keyframes line_logoc {
     0% {
        position: fixed;
        top:5%;
        left: 42.8%;
        z-index:88888;
        }
    
     100% {
        position: fixed;
        top:5%;
        left: 8.2%;
        z-index:88888;
    }
}
@-webkit-keyframes line_rlee {
     0% {
        width: 20%; 
    }
    
     100% {
        width: 80%;
        border: 1px solid black;
    }
}
.line_rlee{
    -webkit-animation: line_r 0.5s ease-out 0s 1 both
}
.line_r{
    -webkit-animation: line_r 0.5s ease-out 0s 1 both
}
.line_l{
    -webkit-animation: line_l 0.5s ease-out 0s 1 both
}
.line_logo{
    -webkit-animation: line_logo 1s ease-out 0s 1 both
}
.line_logor{
    -webkit-animation: line_logor 1s ease-out 0s 1 both
}
.line_logoc{
    -webkit-animation: line_logoc 1s ease-out 0s 1 both
}
/*******************左半部分动画**************************/
@-webkit-keyframes block_l {
     0% {
        width: 50%; 
    }
    
     100% {
        width: 95%;
    }
}
.block_l{
    -webkit-animation: block_l 1s ease-out 0s 1 both
}
@-webkit-keyframes hs {
     0% {
        width: 100%; 
    }
    
     100% {
        width: 91%;
    }
}
.block_hs{
    -webkit-animation: hs 1s ease-out 0s 1 both
}
@-webkit-keyframes block_rhs {
     0% {
        width: 48%; 
    }
    
     100% {
        width: 91%;
    }
}
.block_rhs{
    -webkit-animation: block_rhs 1s ease-out 0s 1 both
}
@-webkit-keyframes block_r {
     0% {
        width: 95%; 
    }
    
     100% {
        width: 8%;
    }
}
.block_r{
    -webkit-animation: block_r 1s ease-out 0s 1 both
}
@-webkit-keyframes block_rclicim {
     0% {
        cursor: pointer;
        position: fixed;
        right: 11%;
        bottom: 10%;
        z-index: 2;
        display: none;
    }
    
     100% {
        cursor: pointer;
        position: fixed;
        right: 90%;
        bottom: 10%;
        z-index: 2;
        display: none;
    }
}
.block_rclicim{
    -webkit-animation: block_rclicim 1s ease-out 0s 1 both
}
@-webkit-keyframes block_rclicic {
     0% {
        cursor: pointer;
        position: fixed;
        right: 50%;
        bottom: 10%;
        z-index: 2;
        display: none;
    }
    
     100% {
        cursor: pointer;
        position: fixed;
        right: 90%;
        bottom: 10%;
        z-index: 2;
        display: none;
    }
}
.block_rclicic{
    -webkit-animation: block_rclicic 1s ease-out 0s 1 both
}

@-webkit-keyframes cjsmall {
     0% {
        width: 35%;
        position: absolute;
        right: 18%;
        top: 40%;
        z-index: 2;
    }
    
     100% {
        width: 25%;
        position: absolute;
        right: 5%;
        top: 80%;
        z-index: 2;
        cursor: pointer;
        z-index: 8888888;
    }
}
.cjsmall{
    -webkit-animation: cjsmall 1s ease-out 0s 1 both
}
@media (min-width: 1366px) {
    #Index .wrap .logo
    {
        cursor: pointer;
        position: fixed;
        top:5%;
        left: 41.7%;
        z-index:88888;
    }
    #Index .wrap .line_left .menu
    {
        position: fixed;
        right: 2%;
        top: 10%;
        z-index: 888;
        width: 150px;
        height: 200px;
    }
    
    #Index .wrap .line_left .menu ul
    {
        width: 50px;
        height: 200px;
    }
    #Index .wrap .line_left .menu ul li
    {
        display: none;
        width: 100px;
        height: 43px;
        line-height: 43px;
        font-size: 15px;
        text-align: left;
    }
    #Index .wrap .line_left .menu ul >:first-child{position: absolute;left: 44%;top: 5%;z-index: 888;}
    #Index .wrap .line_left .menu ul >:nth-child(2){position: absolute;left: 40%;top: 23%;}
    #Index .wrap .line_left .menu ul >:nth-child(3){position: absolute;left: 35.5%;top: 41%;}
    #Index .wrap .line_left .menu ul >:nth-child(4){position: absolute;left: 31.5%;top: 59%;}
    #Index .wrap .line_left .menu ul >:nth-child(5){position: absolute;left: 27.5%;top: 77%;}
    #Index .wrap .line_right #dwpage .caseall .casedw .case .maskb
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: scale(5);
        background: silver;
        opacity: 0;
    }
    .bxcontent{
    -webkit-animation:bxcontent 1s ease-out 0s 1 both /* Safari 和 Chrome */
    }
    @-webkit-keyframes bxcontent {
        transform: scale(1);
        background: red;
        opacity: 1;
    }

    #Index .wrap .line_left .fwtx
    {   
        width: auto;
        height: auto;
        position: absolute;
        left: 14%;
        top:18%;
    }
    #Index .wrap .line_left .clickpage
    {
        width: 78px;
        height: 32px;
        position: absolute;
        left: 14%;
        bottom:18%;
        z-index: 2;
        display: none;
    }
    #dwpage
    {
        width: 884px;
        height: 487px;
        position: absolute;
        left: 16%;
        top:16%;
    }
    #Index .wrap .line_right #dwpage .caseall 
    {
        width: 100%;
        height: 432px;
        position: absolute;
        left: 0%;
        top:0%;
        display: none;
        overflow: hidden;
    }
    #Index .wrap .line_right #dwpage .caseall .casedw
    {
        width: 100%;
        height: 432px;
        position: absolute;
        top: 0;
        left: 0;
    }
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(1){margin-top: 0;}
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(2){margin-top: 0;}
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(3n){margin-right: 0;}
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(3){margin-right: 0;margin-top: 0;}
    #Index .wrap .line_right .case
    {
        width: 275px;
        height: 210px;
        margin-right: 3.3%;
        float: left;
        margin-top: 20px;
        position: relative;
    }
    #Index .wrap .line_right .tbpage
    {
        width:80px;
        height: 34px;
        position: absolute;
        left: 0;
        bottom:0;
        display: none;
    }
    #Index .wrap .line_right .case .top{position: absolute;top: -1px;left: 0;}
    /*#Index .wrap .line_right .case >:nth-child(2){padding: 5px 0 0 15px;font-size:14px;background: #e8e8e8;}
    #Index .wrap .line_right .case >:nth-child(3){padding: 5px 0 0 15px;font-size:12px;background: #e8e8e8;}*/
    #Index .wrap .line_left .menu
    {
        position: fixed;
        right: 5%;
        top: 10%;
        z-index: 2;
        width: 150px;
        height: 200px;
    }
    #Index .wrap .line_left .menu ul >:first-child{position: absolute;right: 25%;top: 5%;}
    #Index .wrap .line_left .menu ul >:nth-child(2){position: absolute;right: 29%;top: 23%;}
    #Index .wrap .line_left .menu ul >:nth-child(3){position: absolute;right: 32%;top: 41%;}
    #Index .wrap .line_left .menu ul >:nth-child(4){position: absolute;right: 34.7%;top: 59%;}
    #Index .wrap .line_left .menu ul >:nth-child(5){position: absolute;right: 38.6%;top: 77%;}
}


@media (min-width: 1600px) {
    #Index .wrap .line_right .tbpage
    {
        width:80px;
        height: 34px;
        position: absolute;
        left: 16%;
        bottom:130px;
        display: none;
    }
    #Index .wrap .line_right #dwpage .caseall .casedw .case .maskb
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: scale(5);
        background: silver;
        opacity: 0;
    }
    .bxcontent{
    -webkit-animation:bxcontent 1s ease-out 0s 1 both /* Safari 和 Chrome */
    }
    @-webkit-keyframes bxcontent {
        transform: scale(1);
        background: red;
        opacity: 1;
    }

    #dwpage
    {
        width: 884px;
        height: 487px;
        position: absolute;
        left: 20%;
        top:19%;
    }
    #Index .wrap .line_right #dwpage .caseall 
    {
        width: 100%;
        height: 432px;
        position: absolute;
        left: 0%;
        top:0%;
        display: none;
        overflow: hidden;
    }
    #Index .wrap .line_right #dwpage .caseall .casedw
    {
        width: 100%;
        height: 432px;
        position: absolute;
        top: 0;
        left: 0;
    }
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(1){margin-top: 0;}
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(2){margin-top: 0;}
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(3n){margin-right: 0;}
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(3){margin-right: 0;margin-top: 0;}
    #Index .wrap .line_right .case
    {
        width: 275px;
        height: 210px;
        margin-right: 3.3%;
        float: left;
        margin-top: 20px;
        position: relative;
    }
    #Index .wrap .line_right .case .top{position: absolute;top: -1px;left: 0;}
    /*#Index .wrap .line_right .case >:nth-child(2){padding: 5px 0 0 15px;font-size:14px;background: #e8e8e8;}
    #Index .wrap .line_right .case >:nth-child(3){padding: 5px 0 0 15px;font-size:12px;background: #e8e8e8;}*/
    #Index .wrap .logo
    {
        cursor: pointer;
        position: fixed;
        top:5%;
        left: 44.1%;
        z-index:88888;
    }
    #Index .wrap .line_left .menu
    {
        position: fixed;
        right: 5%;
        top: 10%;
        z-index: 2;
        width: 150px;
        height: 200px;
    }
    #Index .wrap .line_left .menu ul >:first-child{position: absolute;right: 25%;top: 5%;}
    #Index .wrap .line_left .menu ul >:nth-child(2){position: absolute;right: 29%;top: 23%;}
    #Index .wrap .line_left .menu ul >:nth-child(3){position: absolute;right: 32%;top: 41%;}
    #Index .wrap .line_left .menu ul >:nth-child(4){position: absolute;right: 34.7%;top: 59%;}
    #Index .wrap .line_left .menu ul >:nth-child(5){position: absolute;right: 38.6%;top: 77%;}
    #Index .wrap .line_right .tbpage
    {
        width:80px;
        height: 34px;
        position: absolute;
        left: 0;
        bottom:0;
        display: none;
    }
    #Index .wrap .logo
    {
        cursor: pointer;
        position: fixed;
        top:5%;
        left: 42.8%;
        z-index:88888;
    }
    #Index .wrap .line_left .menu
    {
        position: fixed;
        right: 5%;
        top: 10%;
        z-index: 2;
        width: 150px;
        height: 200px;
    }
    #Index .wrap .line_left .menu ul >:first-child{position: absolute;right: 25%;top: 5%;}
    #Index .wrap .line_left .menu ul >:nth-child(2){position: absolute;right: 29%;top: 23%;}
    #Index .wrap .line_left .menu ul >:nth-child(3){position: absolute;right: 32%;top: 41%;}
    #Index .wrap .line_left .menu ul >:nth-child(4){position: absolute;right: 34.7%;top: 59%;}
    #Index .wrap .line_left .menu ul >:nth-child(5){position: absolute;right: 38.6%;top: 77%;}
}


@media (min-width: 1920px) {
    #Index .wrap .line_right .tbpage
    {
        width:80px;
        height: 34px;
        position: absolute;
        left: 16%;
        bottom:250px;
        display: none;
    }
    #Index .wrap .line_right #dwpage .caseall .casedw .case .maskb
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: scale(5);
        background: silver;
        opacity: 0;
    }
    .bxcontent{
    -webkit-animation:bxcontent 1s ease-out 0s 1 both /* Safari 和 Chrome */
    }
    @-webkit-keyframes bxcontent {
        transform: scale(1);
        background: red;
        opacity: 1;
    }

    #dwpage
    {
        width: 1225px;
        height: 710px;
        position: absolute;
        left: 16%;
        top:10%;
    }
    #Index .wrap .line_right #dwpage .caseall 
    {
        width: 100%;
        height: 655px;
        position: absolute;
        left: 0%;
        top:0%;
        display: none;
        overflow: hidden;
    }
    #Index .wrap .line_right #dwpage .caseall .casedw
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(1){margin-top: 0;}
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(2){margin-top: 0;}
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(3n){margin-top: 20px;margin-right: 3.3%;}
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(3){margin-top: 0;}
    
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(4n){margin-right: 0;}
    #Index .wrap .line_right #dwpage .caseall .casedw>:nth-child(4){margin-right: 0;margin-top: 0;}
    #Index .wrap .line_right  .case
    {
        width: 275px;
        height: 210px;
        margin-right: 3.3%;
        float: left;
        margin-top: 20px;
        position: relative;
    }
    #Index .wrap .logo
    {
        cursor: pointer;
        position: fixed;
        top:5%;
        left: 44.1%;
        z-index:88888;
    }
    #Index .wrap .line_left .menu
    {
        position: fixed;
        right: 5%;
        top: 10%;
        z-index: 2;
        width: 150px;
        height: 200px;
    }
    #Index .wrap .line_left .menu ul >:first-child{position: absolute;right: 25%;top: 5%;}
    #Index .wrap .line_left .menu ul >:nth-child(2){position: absolute;right: 29%;top: 23%;}
    #Index .wrap .line_left .menu ul >:nth-child(3){position: absolute;right: 32%;top: 41%;}
    #Index .wrap .line_left .menu ul >:nth-child(4){position: absolute;right: 34.7%;top: 59%;}
    #Index .wrap .line_left .menu ul >:nth-child(5){position: absolute;right: 38.6%;top: 77%;}
    #Index .wrap .line_right .tbpage
    {
        width:80px;
        height: 34px;
        position: absolute;
        left: 0%;
        bottom:0px;
        display: none;
    }
    
    @-webkit-keyframes line_logo {
     0% {
        position: fixed;
        top:5%;
        left: 42.8%;
        z-index:88888;
        }
    
     100% {
        position: fixed;
        top:5%;
        left: 87%;
        z-index:88888;
    }
    .line_logo{
    -webkit-animation: line_logo 1s ease-out 0s 1 both
}
}
}
::-webkit-scrollbar-track {
		  background-color: red;
	} /* 滚动条的滑轨背景颜色 */

	::-webkit-scrollbar-thumb {
		  background-color: rgba(0, 0, 0, 0.2); 
	} /* 滑块颜色 */

	::-webkit-scrollbar-button {
		  background-color: #7c2929;
	} /* 滑轨两头的监听按钮颜色 */

	::-webkit-scrollbar-corner {
		  background-color: black;
	} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
/*#Index .wrap #difan{ width: ;height: auto;position: absolute;left: 46%;top: 10%;z-index: 20;}
#Index .wrap #line_left{ width: 0px;position: absolute;height: 1px;left: 10%;top: 43%;z-index: 10;border-top: 1px solid black;}
#Index .wrap #faxian{ width: ;height: auto;position: absolute;left: 10%;top: 45%;z-index: 20;cursor: pointer;-webkit-transform: rotateX(180deg);}
#Index .wrap #chengjiu{ width: ;height: auto;position: absolute;right: 10%;top: 45%;z-index:20;cursor: pointer;}
/*#Index .wrap #div5{
    width: 46.5%; height: 0;
    border-top: none;
    border-bottom: 750px #ffc600 solid;
    border-right: transparent 83px solid;
    border-left: none;
    -webkit-transform: rotateX(180deg);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
#Index .wrap #div6{
   width: 46.5%; height: 0;
    border-top: none;
    border-bottom: 750px white solid;
    border-left: transparent 83px solid;
    border-right: none; 
    position: absolute;
    left: 45.5%;
    top: 0;
    z-index: 0;
}
/*线拉伸动画*/
/*@-webkit-keyframes line_up {
     0% {
        width: 0px; 
    }
    
     100% {
        width: 200px;
    }
}
@-webkit-keyframes line_down {
     0% {
        width: 200px; 
    }
    
     100% {
        width: 0px;
    }
}
 
@-webkit-keyframes line_move_right {
     0% {
        width: 200px;
        -webkit-transform: translateX(0);
    }
    
     100% {
         width: 200px;
        -webkit-transform: translateX(1500px);
    }
}
@-webkit-keyframes div_up_right{
     0% {
        z-index:10;
        width: 46.5%; 
    }
    
     100% {
        z-index:10;
        width: 87%;
       
    }
}
.line_up{
    -webkit-animation: line_up 1s ease-out 0s 1 both
}
.line_down{
    -webkit-animation: line_down 1s ease-out 0s 1 both
}
.line_move_right{
    -webkit-animation: line_move_right 3s ease-out 0s 1 both
}
.div_up_right{
     -webkit-animation: div_up_right 3s ease-out 0s 1 both
}