﻿.Home {
    width: 100%;
    /*height: 450px;*/
    position: relative;
    margin-top:90px;
    /*min-width:1200px;*/
}

@media screen and (min-device-width: 1700px) {
   
    
    #yjdiv {
        top: 60px;
        position: relative;
        width: 1567px;
        height: 1527px !important;
        margin: 0px auto;
    }


    .yjContentdiv {
        margin-top: 26px;
        height: 435px;
        float: left;
    }

        .yjContentdiv img {
            width: 100%;
            height: 100%;
        }

        .yjContentdiv div {
            margin-right: 0;
            float: left;
        }
        .yjContentdiv >div:nth-child(1) {
                width:917px;height:435px;background-color:#f2faff
            }
            .yjContentdiv >div:last-child {
                width:650px;height:435px;
            }

    .yjContent {
        width: 80%;
        margin: 4em auto;
        list-style: none;
    }

        .yjContent li:nth-child(1) {
            margin-top: 82px;
            font-size: 32px;
            font-weight: 700;
            text-align: left;
            color: #2b2b2b;
        }

        .yjContent li:nth-child(2) {
            margin-top: 2rem;
            font-size: 26px;
            font-weight: 600;
            text-align: left;
            color: #f1554f;
        }

        .yjContent li:nth-child(3) {
            margin-top: 1rem;
            font-size: 18px;
            text-align: left;
            line-height: 3rem;
        }

        .yjContent li:nth-child(4) {
            text-align: left;
        }


    /*yj查看详情*/
    .topborder {
        width: 262px;
        height: 70px;
        left: 0;
        right: 0;
       
    }

        .topborder input {
            width: 198px;
            height: 55px;
            font-size: 24px;
            font-weight: 300;
            color: #fff;
            border: 0;
            background-color: #f75252;
            margin-top: 2rem;
            cursor: pointer;
            line-height: 23px;
        }

            .topborder input:hover {
                width: 198.1px;
                height: 55.1px;
                text-decoration: none;
                background-color: #f34848;
                transform: scale(1.02,1.02);
                cursor: pointer;
                transition: all .15s ease-in;
            }

    /**/

    /*rj查看详情*/
    .rjtopborder {
        width: 100%;
        text-align: right;
        margin-top: 5.5rem;
    }

        .rjtopborder input {
            width: 200px;
            height: 55px;
            font-size: 24px;
            font-weight: 300;
            color: #fff;
            border: 0;
            background-color: #f75252;            
            margin-left: 2rem;
            cursor: pointer;
            line-height: 23px;
        }

            .rjtopborder input:hover {
                width: 200px;
                height: 55px;
                text-decoration: none;
                background-color: #f34848;
                transform: scale(1.02,1.02);
                cursor: pointer;
                transition: all .15s ease-in;
            }





    #rjdiv {
        top: 60px;
        position: relative;
        width: 1567px;
        height: 1549px !important;
        margin: 0px auto;
    }

    .rjContentdiv {
        margin-top: 26px;
        height: 435px;
        float: left;
    }
    .rjContentdiv >div:nth-child(1) {
                width:650px;height:435px;
            }
            .rjContentdiv >div:last-child {
                
                width:917px;height:435px;background-color:#f2faff
            }

        .rjContentdiv img {
            width: 100%;
            height: 100%;
            transition: all 0.5s;
        }

            .rjContentdiv img:hover {
                transform: scale(1.1);
            }

        .rjContentdiv div {
            margin-right: 0;
            float: left;
            overflow: hidden;
        }

    .rjContent {
        width: 81%;
        margin: 3.8em auto;
        list-style: none;
    }

        .rjContent li:nth-child(1) {
            margin-top: 75px;
            font-size: 32px;
            font-weight: 700;
            text-align: left;
            color: #2b2b2b;
        }

        .rjContent li:nth-child(2) {
            margin-top: 32px;
            font-size: 16px;
            text-align: left;
            line-height: 3rem;
            text-indent:2em;
        }

        .rjContent li:nth-child(4) {
            text-align: left;
        }

    .pagecp {
        width: 100%;
        height: 444px;
        text-align: center;
        position: relative;
        background-color: #f4f9ff;
    }


    /*详情页样式*/
    .boxd {
        width:1205px!important;        
        text-align: left;
        margin-left: 21%;
        line-height: 75px;
        margin-top: 90px;
        font-size: 18px;
    }



    .showpdf {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .d-title {
        width: 45%;
        font-size: 28px;
        font-weight: bold;
        margin: auto;
        text-align: center;
    }
    .d-title-f {
        width: 45%;
        font-size: 26px;
        font-weight: bold;
        margin: auto;
        text-align: center;
    }

    .d-des {
        font-size: 18px;
        margin-top: 3rem;
        line-height: 3rem;
    }

    .d-3d div:hover {
        cursor: grab;
    }

    .d-3d-title {
        position: absolute;
        margin-top: 35px;
        margin-left: 41px;
    }

        .d-3d-title div:nth-child(1) {
            font-size: 28px;
            font-weight: bold;
        }

        .d-3d-title div:last-child {
            font-size: 26px;
            color: #f96860 !important;
            margin-top: 1rem;
            font-weight: bold;
        }

    .d-3d-change {
    }

        .d-3d-change div {
            width: 260px;
            height: 62px;
            display: inline-flex;           
            color: #fff;
            font-size: 28px;
            cursor: pointer;
        }

    .d-pic {
        margin-top: 5rem;
        text-align: center;
    }

    .d-tips {
        position: absolute;
        left: 1405px;
        margin-top: 40px;
    }
    /**/

}
@media screen and (max-device-width: 1699px) {

    /*banner-bj*/
    .pimgbj {
        /*height:320px;*/
        width:100%
    }
    /**/
    #yjdiv {
        top: 22px;
        position: relative;
        width: 1126px;
        height: 1100px !important;
        margin: 0px auto;
    }


    .yjContentdiv {
        margin-top: 42px;
        height: 312px;
        float: left;
    }

        .yjContentdiv img {
            width: 100%;
            height: 100%;
        }

        .yjContentdiv div {
            margin-right: 0;
            float: left;
        }
            .yjContentdiv >div:nth-child(1) {
                width:660px;height:312px;background-color:#f2faff
            }
            .yjContentdiv >div:last-child {
                width:466px;height:312px;
            }

    .yjContent {
        width: 80%;
       margin-top:30px;
       margin-left:35px;
        list-style: none;
    }

        .yjContent li:nth-child(1) {            
            font-size: 24px;
            font-weight: 700;
            text-align: left;
            color: #2b2b2b;
        }

        .yjContent li:nth-child(2) {
            margin-top: 5px;
            font-size: 18px;
            font-weight: 600;
            text-align: left;
            color: #f1554f;
        }

        .yjContent li:nth-child(3) {
            margin-top: 10px;
            font-size: 16px;
            text-align: left;
            line-height: 2.5rem;
        }

        .yjContent li:nth-child(4) {
            text-align: left;
        }


    /*yj查看详情*/
    .topborder {
        width: 262px;
        height: 70px;
        left: 0;
        right: 0;
    }

        .topborder input {
            width: 170px;
            height: 46px;
            font-size: 22px;
            font-weight: 100;
            color: #fff;
            border: 0;
            background-color: #f75252;
            margin-top: 2rem;
            cursor: pointer;
            line-height: 23px;
        }

            .topborder input:hover {
                width: 170px;
                height: 46px;
                text-decoration: none;
                background-color: #f34848;
                transform: scale(1.02,1.02);
                cursor: pointer;
                transition: all .15s ease-in;
            }

    /**/

    /*rj查看详情*/
    .rjtopborder {
        width: 100%;
        text-align: right;
        margin-top: 2.5rem;
    }

        .rjtopborder input {
            width: 200px;
            height: 55px;
            font-size: 24px;
            font-weight: 300;
            color: #fff;
            border: 0;
            background-color: #f75252;
            
            margin-left: 2rem;
            cursor: pointer;
            line-height: 23px;
        }

            .rjtopborder input:hover {
                width: 200px;
                height: 55px;
                text-decoration: none;
                background-color: #f34848;
                transform: scale(1.02,1.02);
                cursor: pointer;
                transition: all .15s ease-in;
            }





    #rjdiv {
        top: 22px;
        position: relative;
        width: 1126px;
        height: 1100px !important;
        margin: 0px auto;
    }

    .rjContentdiv {
        margin-top: 42px;
        height: 312px;
        float: left;
    }

        .rjContentdiv img {
            width: 100%;
            height: 100%;
            transition: all 0.5s;
        }

            .rjContentdiv img:hover {
                transform: scale(1.1);
            }

        .rjContentdiv div {
            margin-right: 0;
            float: left;
            overflow: hidden;
        }
        .rjContentdiv > div:nth-child(1) {
            width: 466px;
            height: 312px;
        }
        .rjContentdiv > div:last-child {
            width: 660px;
            height: 312px;
            background-color: #f2faff;
        }

    .rjContent {
        width: 81%;
        margin-top: 40px;
        margin-left: 42px;
        list-style: none;
    }

        .rjContent li:nth-child(1) {            
            font-size: 24px;
            font-weight: 700;
            text-align: left;
            color: #2b2b2b;
        }

        .rjContent li:nth-child(2) {
            margin-top: 18px;
            font-size: 16px;
            text-align: left;
            text-indent:2em;
            line-height: 2.5rem;
        }

        .rjContent li:nth-child(4) {
            text-align: left;
        }




    .pagecp {
        width: 100%;
        height: 444px;
        text-align: center;
        position: relative;
        background-color: #f4f9ff;
    }

    .image_cp {
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0px;
    }






    /*详情页样式*/
    .boxd {
        width:1205px!important;       
        text-align: left;
        margin-left: 21%;
        line-height: 75px;
        margin-top: 90px;
        font-size: 18px;
    }



    .showpdf {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .d-title {
        width: 45%;
        font-size: 28px;
        font-weight: bold;
        margin: auto;
        text-align: center;
    }
    .d-title-f {
        width: 45%;
        font-size: 26px;
        font-weight: bold;
        margin: auto;
        text-align: center;
    }
    .d-des {
        font-size: 18px;
        margin-top: 3rem;
        line-height: 3rem;
    }

    .d-3d div:hover {
        cursor: grab;
    }

    .d-3d-title {
        position: absolute;
        margin-top: 35px;
        margin-left: 41px;
    }

        .d-3d-title div:nth-child(1) {
            font-size: 28px;
            font-weight: bold;
        }

        .d-3d-title div:last-child {
            font-size: 26px;
            color: #f96860 !important;
            margin-top: 1rem;
            font-weight: bold;
        }

    .d-3d-change {
    }

        .d-3d-change div {
            width: 260px;
            height: 62px;
            display: inline-flex;
            color: #fff;
            font-size: 28px;
            cursor: pointer;
        }

    .d-pic {
        margin-top: 5rem;
        text-align: center;
    }
    .d-tips {
        position:absolute;
        left:1130px;
        margin-top: 20px;
    }
    /**/

}



@media screen and (max-device-width: 1399px) {

    /*banner-bj*/
    .pimgbj {
       width:100%

    }
    /**/
    #yjdiv {
        top: 22px;
        position: relative;
        width: 1126px;
        height: 1100px !important;
        margin: 0px auto;
    }


    .yjContentdiv {
        margin-top: 42px;
        height: 312px;
        float: left;
    }

        .yjContentdiv img {
            width: 100%;
            height: 100%;
        }

        .yjContentdiv div {
            margin-right: 0;
            float: left;
        }
            .yjContentdiv >div:nth-child(1) {
                width:660px;height:312px;background-color:#f2faff
            }
            .yjContentdiv >div:last-child {
                width:466px;height:312px;
            }

    .yjContent {
        width: 80%;
       margin-top:30px;
       margin-left:35px;
        list-style: none;
    }

        .yjContent li:nth-child(1) {            
            font-size: 24px;
            font-weight: 700;
            text-align: left;
            color: #2b2b2b;
        }

        .yjContent li:nth-child(2) {
            margin-top: 5px;
            font-size: 18px;
            font-weight: 600;
            text-align: left;
            color: #f1554f;
        }

        .yjContent li:nth-child(3) {
            margin-top: 10px;
            font-size: 16px;
            text-align: left;
            line-height: 2.5rem;
        }

        .yjContent li:nth-child(4) {
            text-align: left;
        }


    /*yj查看详情*/
    .topborder {
        width: 262px;
        height: 70px;
        left: 0;
        right: 0;
    }

        .topborder input {
            width: 170px;
            height: 46px;
            font-size: 22px;
            font-weight: 100;
            color: #fff;
            border: 0;
            background-color: #f75252;
            margin-top: 2rem;
            cursor: pointer;
            line-height: 23px;
        }

            .topborder input:hover {
                width: 170px;
                height: 46px;
                text-decoration: none;
                background-color: #f34848;
                transform: scale(1.02,1.02);
                cursor: pointer;
                transition: all .15s ease-in;
            }

    /**/

    /*rj查看详情*/
    .rjtopborder {
        width: 100%;
        text-align: right;
        margin-top: 2.5rem;
    }

        .rjtopborder input {
            width: 200px;
            height: 55px;
            font-size: 24px;
            font-weight: 300;
            color: #fff;
            border: 0;
            background-color: #f75252;
            
            margin-left: 2rem;
            cursor: pointer;
            line-height: 23px;
        }

            .rjtopborder input:hover {
                width: 200px;
                height: 55px;
                text-decoration: none;
                background-color: #f34848;
                transform: scale(1.02,1.02);
                cursor: pointer;
                transition: all .15s ease-in;
            }





    #rjdiv {
        top: 22px;
        position: relative;
        width: 1126px;
        height: 1100px !important;
        margin: 0px auto;
    }

    .rjContentdiv {
        margin-top: 42px;
        height: 312px;
        float: left;
    }

        .rjContentdiv img {
            width: 100%;
            height: 100%;
            transition: all 0.5s;
        }

            .rjContentdiv img:hover {
                transform: scale(1.1);
            }

        .rjContentdiv div {
            margin-right: 0;
            float: left;
            overflow: hidden;
        }
        .rjContentdiv > div:nth-child(1) {
            width: 466px;
            height: 312px;
        }
        .rjContentdiv > div:last-child {
            width: 660px;
            height: 312px;
            background-color: #f2faff;
        }

    .rjContent {
        width: 81%;
        margin-top: 40px;
        margin-left: 42px;
        list-style: none;
    }

        .rjContent li:nth-child(1) {            
            font-size: 24px;
            font-weight: 700;
            text-align: left;
            color: #2b2b2b;
        }

        .rjContent li:nth-child(2) {
            margin-top: 18px;
            font-size: 16px;
            text-align: left;
            text-indent:2em;
            line-height: 2.5rem;
        }

        .rjContent li:nth-child(4) {
            text-align: left;
        }




    .pagecp {
        width: 100%;
        height: 444px;
        text-align: center;
        position: relative;
        background-color: #f4f9ff;
    }

    .image_cp {
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0px;
    }






    /*详情页样式*/
    .boxd {
        width: 990px!important;
        width: 400px;
        text-align: left;
        margin-left: 21%;
        line-height: 75px;
        margin-top: 90px;
        font-size: 18px;
    }



    .D-content >div{
        width:990px !important;
    }
    .d-title {
        width: 45%;
        font-size: 28px;
        font-weight: bold;
        margin: auto;
        text-align: center;
    }

    .d-des {
        font-size: 18px;
        margin-top: 3rem;
        line-height: 3rem;
    }

    .d-3d div:hover {
        cursor: grab;
    }

    .d-3d-title {
        position: absolute;
        margin-top: 35px;
        margin-left: 41px;
    }

        .d-3d-title div:nth-child(1) {
            font-size: 28px;
            font-weight: bold;
        }

        .d-3d-title div:last-child {
            font-size: 26px;
            color: #f96860 !important;
            margin-top: 1rem;
            font-weight: bold;
        }

    .d-3d-change {
    }

        .d-3d-change div {
            width: 260px;
            height: 62px;
            display: inline-flex;
            color: #fff;
            font-size: 28px;
            cursor: pointer;
        }

    .d-pic {
        margin-top: 5rem;
        text-align: center;
    }
        .d-pic img {
             width:990px;
        }
    .d-tips {
        position:absolute;
        left:1130px;
        margin-top: 20px;
    }
    .d-3dt {
        background-position-x: -130px;
    }
    .d-3dswt > img {
        margin-left:-100px;
    }
    .d-3d-change {
        width:990px !important;
    }
    /**/

}



.hidden {
    display:none;
}

.line {    

   
    border-bottom: solid #F66F6A 2px;
}

.page {
    width: 100%;
    height: 47px;
    border-bottom: solid #dddddd 1px;
    text-align: center;
    /*min-width:1200px;*/
}

     .page ul li a{
       text-decoration: none;    
       color:#2b2b2b; 
    }
  .page ul li div{
        display: inline-flex;
        /*width: 160px;*/
        height: 47px;
        /*line-height: 47px;*/
        font-size: 18px;
        text-align: center;
        color: #2b2b2b; 
        margin-left:40px; 
        margin-right:40px;
        /*padding-left: 5px;*/      
    }

        .page ul li:nth-child(2) {
            margin-left: 50px;
        }

.pageyj{
    width: 100%;    
    text-align: center;
    position: relative;
    /*min-width:1200px;*/
}
.pagerj{
    width: 100%;    
    text-align: center;
    position: relative;
    /*min-width:1200px;*/
}
.d-3dt {
    cursor:url('http://code.vostrel.net/jquery.reel.cur'),move !important;
}
.d-des p {
    text-indent:2em;
}
.d-title {
    color:#2b2b2b;
}
.d-3d-360 > span {
    width:100%
}
.d-3d-sw > span {
    width:100%
}

    



