.i-content {
    position: relative
}

    .i-content .intro {
        background-color: #000;
        opacity: .6;
        right: 600px;
        position: absolute;
        z-index: 99;
        top: 350px;
        padding: 50px;
        width: 400px;
        color: #fff;
    }

        .i-content .intro h2 {
            font-size: 24px;
        }

        .i-content .intro p {
            line-height: 200%;
            font-size: 16px;
            padding-top: 30px
        }

        .i-content .intro .more {
            width: 24px;
            height: 24px;
            text-align: center;
            display: inline-block;
            position: absolute;
            bottom: 40px;
            right: 50px;
            border: 1px solid #fff;
            z-index: 1;
            font-size: 18px;
        }

            .i-content .intro .more a {
                color: #fff;
                font-size: 14px;
            }

    .i-content .l {
        margin-right: 500px;
        *z-index: -1
    }

        .i-content .l .bx-wrapper .bx-controls-direction a {
            width: 36px;
            height: 36px;
            top: auto;
            bottom: -1px
        }

        .i-content .l .bx-wrapper .bx-prev {
            left: 0;
            background: url(/public/images/controls.png) no-repeat 0 0
        }

            .i-content .l .bx-wrapper .bx-prev:focus, .i-content .l .bx-wrapper .bx-prev:hover {
                background: url(/public/images/controls.png) no-repeat 0 -55px
            }

        .i-content .l .bx-wrapper .bx-next {
            right: 0;
            background: url(/public/images/controls.png) no-repeat -57px 0
        }

            .i-content .l .bx-wrapper .bx-next:focus, .i-content .l .bx-wrapper .bx-next:hover {
                background: url(/public/images/controls.png) no-repeat -57px -53px
            }

        .i-content .l .slider, .i-content .l .slider li {
            height: 100%
        }

            .i-content .l .slider li {
                height: 660px;
                background-position: left top;
                background-repeat: no-repeat;
                background-size: auto 100%
            }

            .i-content .l .slider li {
                background-size: 100% 100%
            }

    .i-content .r {
        width: 500px;
        height: 660px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        *z-index: 3
    }

        .i-content .r .more {
            width: 24px;
            height: 24px;
            text-align: center;
            display: inline-block;
            position: absolute;
            top: 40px;
            right: 20px
        }

        .i-content .r .news .more {
            border: 1px solid #fff;
            z-index: 1;
            font-size: 18px;
        }

            .i-content .r .news .more a {
                color: #fff;
                font-size: 14px;
            }

        .i-content .r .news .list {
            width: 440px;
            height: 330px;
        }

        .i-content .r .news .bx-controls {
            position: relative
        }

        .i-content .r .news .bx-wrapper .bx-pager {
            width: auto;
            bottom: 13px;
            right: 18px;
            padding-top: 0
        }

            .i-content .r .news .bx-wrapper .bx-pager.bx-default-pager a {
                border-radius: 0;
                margin: 0 2px;
                background: #e2e7f2
            }

                .i-content .r .news .bx-wrapper .bx-pager.bx-default-pager a.active {
                    background: #db261d
                }

        .i-content .r .news .box {
            height: 200px;
            overflow: hidden
        }

        .i-content .r .news .slider li {
            height: 100%;
            box-sizing: border-box;
            padding: 42px 30px;
            color: #fff
        }

            .i-content .r .news .slider li a {
                color: #fff
            }

            .i-content .r .news .slider li .p1 {
                line-height: 20px;
                font-size: 20px;
                font-family: 'Arial';
                margin-bottom: 25px
            }

            .i-content .r .news .slider li .p2 {
                line-height: 20px;
                margin-bottom: 15px;
                -webkit-transition: all .4s;
                -moz-transition: all .4s;
                -o-transition: all .4s;
                -ms-transition: all .4s;
                transition: all .4s
            }

                .i-content .r .news .slider li .p2:hover {
                    -webkit-transform: translate(0, -3px);
                    -moz-transform: translate(0, -3px);
                    -o-transform: translate(0, -3px);
                    -ms-transform: translate(0, -3px);
                    transform: translate(0, -3px)
                }

                .i-content .r .news .slider li .p2 a {
                    font-size: 16px
                }

            .i-content .r .news .slider li .p3 {
                font-size: 14px;
                line-height: 200%;
                -webkit-transition: all .4s;
                -moz-transition: all .4s;
                -o-transition: all .4s;
                -ms-transition: all .4s;
                transition: all .4s
            }

                .i-content .r .news .slider li .p3 a {
                    font-size: 16px;
                }

                .i-content .r .news .slider li .p3:hover {
                    -webkit-transform: translate(0, -3px);
                    -moz-transform: translate(0, -3px);
                    -o-transform: translate(0, -3px);
                    -ms-transform: translate(0, -3px);
                    transform: translate(0, -3px)
                }


        .i-content .r .team .item h3 {
            width: 100%;
            font-size: 24px;
            padding: 10px 0;
        }

        .i-content .r .team .item p {
            line-height: 220%;
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            -o-transition: all .4s;
            -ms-transition: all .4s;
            transition: all .4s
        }

        .i-content .r .team .item a {
            font-size: 18px;
            color: #999;
        }

        .i-content .r .team .item p:hover {
            -webkit-transform: translate(0, -3px);
            -moz-transform: translate(0, -3px);
            -o-transform: translate(0, -3px);
            -ms-transform: translate(0, -3px);
            transform: translate(0, -3px)
        }

        .i-content .r .news {
            color: #fff;
            padding: 30px;
            background-color: #db261d; /* 浏览器不支持时显示 */
            background-image: linear-gradient(#db261d, #f6564e);
        }

        .i-content .r .cate {
            height: 200px;
            overflow: hidden;
        }

        .i-content .r .list div {
            height: 100px;
            background-size: cover;
            float: left;
            width: 166.66px;
            opacity: .8;
        }

            .i-content .r .list div a {
                display: block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100px;
                height: 40px;
                line-height: 40px;
                margin: 30px auto 0 auto;
                background-color: #000;
                opacity: .8;
                color: #fff;
                text-align: center;
            }

        .i-content .r .team {
            padding: 60px;
            height: 400px;
            background-color: #fff5f4;
        }

            .i-content .r .team .item {
                height: 400px;
                padding: 0 50px;
            }


@media (min-width: 1440px) {
    .i-content .intro {
        height: 400px;
        top: 200;
    }

        .i-content .intro p {
            padding-top: 10px
        }

    .i-content .l .slider li {
        width: 933px;
        height: 710px;
    }

    .i-content .r {
        height: 710px;
    }

        .i-content .r .news {
            height: 250px;
            padding: 10px 20px;
        }

            .i-content .r .news .slider li .p1 {
                margin-bottom: 10px;
            }

            .i-content .r .news .slider li .p3 a {
                font-size: 14px;
            }

        .i-content .r .team {
            padding: 20px 60px;
        }

            .i-content .r .team .item {
                height: 300px;
            }

                .i-content .r .team .item a {
                    font-size: 14px;
                    color: #999;
                }
}

@media(min-width:1680px) {
    .i-content .intro {
        top: 350px;
    }

    .i-content .intro {
        height: 400px;
    }

        .i-content .intro p {
            padding-top: 10px
        }

    .i-content .l .slider li {
        width: 1173px;
        height: 860px;
    }

    .i-content .r {
        height: 860px;
    }

        .i-content .r .news {
            height: 350px;
        }

            .i-content .r .news .slider li .p3 a {
                font-size: 16px;
            }

        .i-content .r .team {
            padding: 40px 60px;
            height: 400px;
        }

            .i-content .r .team .item {
                height: 400px;
            }
}

@media(min-width:1920px) {
    .i-content .intro {
        top: 350;
    }

    .i-content .intro {
        height: 500px;
    }

    .i-content .l .slider li {
        width: 1413px;
        height: 1010px;
    }

    .i-content .r {
        height: 1010px;
    }

        .i-content .r .news {
            height: 410px;
        }

            .i-content .r .news .slider li .p3 a {
                font-size: 16px;
            }

        .i-content .r .team .item {
            height: 400px;
        }
}

@media(min-width:2560px) {
    .i-content .intro {
        top: 350;
    }

    .i-content .intro {
        height: 500px;
    }

    .i-content .l .slider li {
        width: 2043px;
        height: 1073px;
    }

    .i-content .r {
        height: 1073px;
    }

        .i-content .r .news {
            height: 473px;
        }

            .i-content .r .news .slider li .p3 a {
                font-size: 16px;
            }

        .i-content .r .team {
            padding: 60px;
        }

            .i-content .r .team .item {
                height: 400px;
            }

                .i-content .r .team .item a {
                    font-size: 16px;
                    color: #999;
                }
}

/* 移动端 */
@media (max-width: 767px) {
    .i-content .l {
        float: none;
        margin-right: 0;
        background-size: 100% 100%
    }

        .i-content .l .slider li {
            height: 200px;
        }

    .i-content .intro {
        top: 0;
        right: 0;
        position: relative;
        opacity: .8;
        padding: 20px;
        width: 100%;
    }

        .i-content .intro p {
            padding-top: 10px;
            font-size: 14px;
        }

        .i-content .intro .more {
            bottom: 20px;
            right: 20px;
        }

    .i-content .r {
        width: auto;
        height: auto;
        position: static
    }

        .i-content .r .news {
            position: relative;
            height: 300px;
            padding: 15px;
        }

            .i-content .r .news .slider li {
                padding: 25px 20px;
            }

                .i-content .r .news .slider li .p3 a {
                    font-size: 14px;
                }

        .i-content .r .cate {
            height: 300px;
        }

        .i-content .r .list div {
            width: 50%;
        }

        .i-content .r .team {
            padding: 20px;
        }

            .i-content .r .team .item {
                padding: 0 20px;
                height: 450px;
            }

                .i-content .r .team .item a {
                    font-size: 14px;
                }
}