img { border: 0; max-width:100%;}
/*详情*/
.mbx .mbxwrap { line-height:88px; font-size: 16px;}
.mbx .mbxwrap a { color: #898989;}
.mbx .mbxwrap a:hover { color: #f77400;}
.mbx .mbxwrap span { margin: 0 10px;}
.mbx .mbxwrap em { font-style: normal; color: #f77400;}

.nycon {margin-top: 35px;  margin-bottom:50px;}
.proshow .pshowcon .psl { width: 45%;height: 400px;}
.proshow .pshowcon .psl:after { padding-bottom: 60.262008733624455%;}
.proshow .pshowcon .psr { width: 50%; height: 400px; overflow: auto;}
.proshow .pshowcon .psr h3 { font-size: 24px; margin-bottom: 20px;}
.proshow .pshowcon .psr span { font-size: 15px; color: #666;}
.proshow .pshowcon .psr p { margin: 10px 0 20px 0; font-size: 14px; color: #666;}
.proshow .pshowcon .psr span.title { font-size: 15px; color: #f77400;}
.proshow .pshowcon .psr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #f77400; width: 3px; border-radius: 0;}
.proshow .pshowcon .psr .mCSB_scrollTools .mCSB_draggerRail { width: 1px;}
.pstit { line-height: 37px; margin: 40px 0 30px; background: #f7f7f7;}
.pstit span { font-size: 18px; display: inline-block; background: #f77400; color: #fff; padding: 0 50px;}
.detatxt p { text-indent: 2em; color: #666; line-height: 25px; font-size: 13px;}


.picpro { position: relative; overflow: hidden;}
.picpro:after { content: ""; display: block;}
.vcenterpro { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; margin: auto;}

/*横向*/
.IndexCase {
    background: #fff;
}

    .IndexCase .IndexCase_content .IndexCase_content_list {
        display: inline-block;
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 25px;
        position: relative;
        margin-top: 30px;
    }

        .IndexCase .IndexCase_content .IndexCase_content_list:before {
            content: "";
            position: absolute;
            display: inline-block;
            width: 0%;
            left: 0;
            background: #ff7019;
            bottom: -1px;
            height: 1px;
            transition: all 0.5s ease;
            -webkit-transform: all 0.5s ease;
        }

        .IndexCase .IndexCase_content .IndexCase_content_list:nth-child(3n) {
            margin-right: 0px;
        }

        .IndexCase .IndexCase_content .IndexCase_content_list:hover .content_list_title .list_title_icon {
            color: #ff7019;
        }

        .IndexCase .IndexCase_content .IndexCase_content_list:hover:before {
            ;
            width: 100%;
            transition: all 0.5s ease;
            -webkit-transform: all 0.5s ease;
        }

        .IndexCase .IndexCase_content .IndexCase_content_list:hover .content_list_img .tra {
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -ms-transform: scale(1.15);
            -o-transform: scale(1.15);
            filter: scale(1.15);
            filter: transform;
            transition: all 0.5s ease 0s;
            -webkit-transform: all 0.5s ease 0s;
        }

        .IndexCase .IndexCase_content .IndexCase_content_list .content_list_img {
            overflow: hidden;
            position: relative;
            background: #000;
        }

            .IndexCase .IndexCase_content .IndexCase_content_list .content_list_img a {
                display: inline-block;
                width: 100%;
            }

            .IndexCase .IndexCase_content .IndexCase_content_list .content_list_img img {
                width: 100%;
                height: 330px;
                object-fit: cover;
            }

        .IndexCase .IndexCase_content .IndexCase_content_list .content_list_title {
            margin-top: 25px;
        }

            .IndexCase .IndexCase_content .IndexCase_content_list .content_list_title .list_title_left {
                width: 88%;
            }

                .IndexCase .IndexCase_content .IndexCase_content_list .content_list_title .list_title_left dd {
                    color: #333333;
                    font-size: 20px;
                    line-height: 28px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                    .IndexCase .IndexCase_content .IndexCase_content_list .content_list_title .list_title_left dd a {
                        color: #333333;
                        font-size: 20px;
                        line-height: 28px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    .IndexCase .IndexCase_content .IndexCase_content_list .content_list_title .list_title_left dd span {
                        font-size: 16px;
                    }

                    .IndexCase .IndexCase_content .IndexCase_content_list .content_list_title .list_title_left dd i {
                        font-style: inherit;
                        padding: 0px 15px;
                    }

                .IndexCase .IndexCase_content .IndexCase_content_list .content_list_title .list_title_left dt {
                    color: #999999;
                    font-size: 13px;
                    margin-top: 5px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

            .IndexCase .IndexCase_content .IndexCase_content_list .content_list_title .list_title_icon {
                color: #bbbbbb;
                font-size: 30px;
                line-height: 52px;
                transition: all 0.5s ease;
                -webkit-transform: all 0.5s ease;
            }

        .IndexCase .IndexCase_content .IndexCase_content_list .content_list_hover dt {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            z-index: 5;
            color: #fff;
            font-size: 35px;
            opacity: 0;
            transition: all 0.5s ease;
            -webkit-transform: all 0.5s ease;
        }

        .IndexCase .IndexCase_content .IndexCase_content_list .content_list_hover dd {
            background: rgba(0,0,0,0.5);
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            opacity: 0;
            display: none;
            transition: all 0.5s ease;
            -webkit-transform: all 0.5s ease;
        }

        .IndexCase .IndexCase_content .IndexCase_content_list .content_list_hover .hr {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            z-index: 5;
        }

            .IndexCase .IndexCase_content .IndexCase_content_list .content_list_hover .hr img {
                width: auto;
                height: auto;
                opacity: 0;
                transition: all 0.5s ease;
                -webkit-transform: all 0.5s ease;
            }

        .IndexCase .IndexCase_content .IndexCase_content_list:hover .content_list_img img {
            opacity: .6;
            transition: all 0.5s ease;
            -webkit-transform: all 0.5s ease;
        }

        .IndexCase .IndexCase_content .IndexCase_content_list:hover .content_list_hover dd {
            opacity: 1;
        }

        .IndexCase .IndexCase_content .IndexCase_content_list:hover .content_list_hover .hr img {
            opacity: 1;
        }

        .IndexCase .IndexCase_content .IndexCase_content_list:hover .content_list_hover dt {
            opacity: 1;
        }

        .IndexCase .IndexCase_content .IndexCase_content_list:hover .content_list_hover .hr img {
            -webkit-transform: rotate(360deg);
            animation: rotation 10s linear infinite;
            -moz-animation: rotation 10s linear infinite;
            -webkit-animation: rotation 10s linear infinite;
            -o-animation: rotation 10s linear infinite;
        }
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}
/*图片变大*/
.tra {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    filter: scale(1);
    filter: transform;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

    .tra:hover {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        filter: scale(1.15);
        filter: transform;
        transition: all 0.5s ease 0s;
        -webkit-transform: all 0.5s ease 0s;
    }
.fl { float: left;}
.fr { float: right;}