.info {
    width: 100%;
    max-width: 1300px;
    margin: 40px auto 100px;
    display: flex;
    justify-content: space-between;

    >div:first-child {
	position: relative;
        width: 602px;
        height: 562px;
        /*display: flex;
        flex-direction: column;

        >img {
            width: 602px;
            height: 427px;
            background: #ccc;
        }*/
    }

    >div:last-child {
        width: 590px;

        >p:first-child {
            font-weight: bold;
            font-size: 40px;
            color: #2D2D2D;
        }

        >p:nth-child(2) {
            padding: 20px 0 30px;
            border-bottom: solid 2px #e2e2e2;

            label {
                padding: 1px 10px;
                font-weight: 400;
                font-size: 14px;
                color: #004AAF;
                border-radius: 13px;
                border: 1px solid #004AAE;
            }
        }

        >p:nth-child(3) {
            padding: 44px 0 40px;
            font-weight: 400;
            font-size: 14px;
            color: #2D2D2D;
            line-height: 40px;
        }

        >a:last-child {
            display: block;
            width: 158px;
            height: 54px;
            background: linear-gradient(90deg, #002A74, #004DB4);
            border-radius: 6px;
            font-weight: 500;
            font-size: 16px;
            color: #FFFFFF;
            line-height: 54px;
            text-align: center;
        }
    }
}

.content {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto 100px;

    >div:first-child {
        width: 180px;
        height: 52px;
        background: linear-gradient(90deg, #002A74, #004DB4);
        font-weight: 500;
        font-size: 16px;
        color: #FFFFFF;
        text-align: center;
        line-height: 52px;
    }

    >div:last-child {
        border-top: solid 1px #e2e2e2;
        line-height: 30px;

        img {
            display: block;
            width: 80%;
            margin: 10px auto;
        }
    }
}


.bg{width:920px;height: 540px;margin:0 auto;padding:20px;border:1px solid #E8E8E8;overflow: hidden;min-width: 900px;box-sizing: border-box;background: #fff;}
.bg_left{width: 602px;height:427px;float: left}
.bg_right{position: absolute;width: 0;height: 0;left: 610px;}
.show{width: 100%;height: 100%;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move}
.show img{width: 100%;height: 100%;}
.mask{width: 120px;height: 120px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
.bigshow{background:white;width: 427px;height: 427px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;}
.bigshow img{width: 100%;height: 100%;margin-right: 10px;}
.smallshow{width: 100%;height: 104px;position: relative}
.smallshow img{width:100%;height:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
.smallshow>.middle_box{margin-left: 30px;margin-right: 30px;overflow: hidden;height: 104px;}
.smallshow .middle{overflow: hidden;transition: all 0.5s;height: 104px;}
.smallshow .middle>li{width: 145px;height: 104px;float: left;cursor:pointer;padding:0 5px;}
.smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
.smallshow>.prev{left: 0;background: url(/images/hover-prev.png) no-repeat;transition: all 0.5s}
.smallshow>.next{right: 0;background: url(/images/hover-next.png) no-repeat;transition: all 0.5s}
.smallshow>.prev.prevnone{left: 0;background: url(/images/prev.png) no-repeat;cursor: not-allowed}
.smallshow>.next.nextnone{right: 0;background: url(/images/next.png) no-repeat;cursor: not-allowed}