/* public */
li.shown {
    float: left;
    padding: 0;
    margin: 0;
}

li.shown a {
    border: 1px solid #ff9966;
    border-radius: 10px;
    width: 686px;
    height: 500px;
    display: inline-block;
}

ul>li span {
    display: none;
}

div.inside>h1 {
    text-align: center;
    font-size: 32px;
    color: #ff9966;
    line-height: 34px;
    margin: 3% 0;
}

.content ul>li {
    position: relative;
}

.product ul>li,
.patent ul>li,
.investor ul>li,
.correlation ul>li {
    height: 502px;
}

ul>li a {
    width: 100%;
    height: 100%;
}

ul>li img {
    position: absolute;
    left: 0;
    top: 0;
}

.shade {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    background-color: rgba(255, 153, 102, 0.6);
}

/* public end */
/* banner */
.banner-content,
.swiper-container,
.swiper-slide,
.swiper-wrapper {
    width: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide a {
    width: 100%;
    height: 100%;
}

.banner-content,
.plant-swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-slide img {
    width: 100%;
    /* height: 100%; */
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 1.1rem;
    height: 1.1rem;
    border: 1px solid #ff9966;
}

.swiper-pagination-bullet-active {
    /* background: rgba(255, 153, 102, 1); */
    background: #ff9966;
}

/* banner end */
/* 工厂 */
.plant-content,
.plant-swiper-container {
    border-radius: 10px;
}

.plant-banner {
    /* width: 99.7%; */
    height: 99%;
    border: 1px solid #ff9966;
    border-radius: 10px;
    position: relative;
}

.plant-content .swiper-slide {
    height: 502px;
}

.shade-s,
.shade-p {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}

.shade-img {
    border-radius: 10px;
    padding: 0;
    margin: 0;
}

img.plant-img {
    border-radius: 10px;
    width: 140px;
    height: auto;
    position: absolute;
    left: 46%;
    top: 30%;
}

.plant-swiper-container:hover .shade-s,
.shade-li:hover .shade-p {
    /* -webkit-transition: 1s all ease;
    transition: 1s all ease; */
    display: block;
    /* -webkit-transform: translateY(-502px);
    transform: translateY(-502px); */
}

.plant-shade {
    width: 100%;
    height: 502px;
}

.shade-s p {
    position: absolute;
    left: 0;
    top: 60%;
    color: #fff;
    font-size: 28px;
}

.shade-s .shade-img,
.shade-p .shade-img {
    width: 100%;
    height: 100%;
}

.shade-s p,
.shade-p p {
    width: 100%;
    text-align: center;
}

/* 工厂 end */

/* 产品 */
.product-content ul>li {
    width: 18.4%;
    margin-left: 2%;
}

.product-content ul>li.product-shown {
    margin-left: 0;
}

.product-content ul>li img.product-img {
    width: 140px;
    height: auto;
    left: 26%;
    top: 30%;
}


.product li.shown a {
    height: 500px;
    width: 256px;
}

.product-shade,
.patent-shade {
    width: 100%;
    height: 100%;
}

.shade-p {
    margin-top: 1px;
    /* display: block; */
}

.shade-p p {
    position: absolute;
    left: 0;
    top: 60%;
    color: #fff;
    font-size: 28px;
}

/* p.shade_p {
    left: 34%;
} */

/* .shade-li:hover .shade-p {
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    -webkit-transform: translateY(-502px);
    transform: translateY(-502px);
} */

/* 产品 end */

/* 专利 */
.patent-content ul>li img.patent-img,
.correlation-content ul>li img.correlation-img {
    width: 140px;
    left: 42%;
    top: 36%;
}

/* p.patent-p {
    left: 44%;
}

p.patent-p2 {
    left: 42%;
} */

/* 专利 end */

/* 投资者 */
.investor-content ul>li {
    width: 456px;
    margin-left: 16px;
}

.investor-content ul>li.investor-shown {
    margin-left: 0;
}

.investor-content ul>li img.patent-img {
    width: 140px;
    left: 38%;
    top: 36%;
}


.investor li.shown a {
    height: 500px;
    width: 454px;
}

/* p.investor-p {
    left: 42%;
} */

/* p.investor-p2 {
    left: 40%;
} */

/* 投资者 end */
/* 关于 */
.correlation-content ul>li,
.patent-content ul>li {
    width: 690px;
}

.correlation li.r,
.patent li.r {
    float: right;
}

/* 关于 end */
/* 合作 */
.cooperation-content {
    overflow: hidden;
}

.cooperation-content>div {
    float: left;
    /* width: 39.4%; */
    width: 552px;
    height: 250px;
    /* margin-right: 12px; */
}

.cooperation-content section {
    float: left;
}

.cooperation-img1 {
    width: 100%;
    height: 100%;
}

.cooperation-img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.cooperation-content div.shown {
    /* width: 19.17%;
    height: 106px; */
    width: 270px;
    height: 120px;
    margin: 0 0 12px 12px;
}

.cooperation-content div.shown a {
    border: 1px solid #ff9966;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.cooperation-content div.cooperation-shown {
    margin-left: 0;
}

/* 合作 end */


/* 自适应 */
@media screen and (max-width:1400px) and (min-width:1200px) {

    div.product-content ul>li {
        width: 18.39%;
    }

    .product li.shown a {
        width: 99%;
        height: 400px;
    }

    li.shown a {
        width: 588px;
    }

    .investor li.shown a,
    li.shown a,
    .plant-content .swiper-slide {
        height: 400px;
    }

    .correlation-content ul>li,
    .patent-content ul>li {
        width: 590px;
    }

    div.investor-content ul>li {
        width: 388px;
    }

    .investor li.shown a {
        width: 386px;
    }

    div.cooperation-content div.cooperation-shown {
        margin-left: 0;
    }

    .product ul>li,
    .patent ul>li,
    .investor ul>li,
    .correlation ul>li {
        height: 402px;
    }

    /* .shade-li:hover .shade-s,
    .shade-li:hover .shade-p {
        -webkit-transform: translateY(-403px);
        transform: translateY(-403px);
    } */

    .patent-content ul>li img.patent-img,
    .correlation-content ul>li img.correlation-img,
    .investor-content ul>li img.patent-img {
        top: 28%;
    }

    .cooperation-content>div {
        float: left;
        width: 472px;
        height: 210px;
    }

    .cooperation-content div.shown {
        width: 231px;
        height: 100px;
        margin: 0 0 10px 10px;
    }
}

@media screen and (max-width:1200px) and (min-width:768px) {

    div.product-content ul>li {
        width: 18.39%;
    }

    .product li.shown a {
        width: 99%;
        height: 400px;
    }

    li.shown a {
        width: 588px;
    }

    .investor li.shown a,
    li.shown a,
    .plant-content .swiper-slide {
        height: 400px;
    }

    .correlation-content ul>li,
    .patent-content ul>li {
        width: 590px;
    }

    div.investor-content ul>li {
        width: 388px;
    }

    .investor li.shown a {
        width: 386px;
    }

    div.cooperation-content div.cooperation-shown {
        margin-left: 0;
    }

    .product ul>li,
    .patent ul>li,
    .investor ul>li,
    .correlation ul>li {
        height: 402px;
    }

    /* .shade-li:hover .shade-s,
    .shade-li:hover .shade-p {
        -webkit-transform: translateY(-403px);
        transform: translateY(-403px);
    } */

    .patent-content ul>li img.patent-img,
    .correlation-content ul>li img.correlation-img,
    .investor-content ul>li img.patent-img {
        top: 28%;
    }

    .cooperation-content>div {
        float: left;
        width: 472px;
        height: 210px;
    }

    .cooperation-content div.shown {
        width: 231px;
        height: 100px;
        margin: 0 0 10px 10px;
    }
}

@media only screen and (max-width: 768px) {
    /* public */

    .product ul>li,
    .patent ul>li,
    .investor ul>li,
    .correlation ul>li {
        height: 300px;
        margin: 0 1%;
    }

    .section {
        padding-bottom: 40px;
    }

    .banner {
        padding-bottom: 0;
    }

    div.inside>h1 {
        margin: 6% 0;
        font-size: 1.2rem;
        text-align: left;
        font-weight: 500;
        padding-left: 3%;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: .4rem;
        height: .4rem;
    }

    .banner .swiper-slide img {
        /* min-height: 180px; */
    }

    .product,
    .investor,
    .cooperation {
        background: #f6f6f6;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: .7rem;
        height: .7rem;
    }

    .correlation .swiper-container-horizontal>.swiper-pagination-bullets,
    .correlation .swiper-pagination-custom,
    .correlation .swiper-pagination-fraction {
        bottom: 60px;
    }

    .shade-s .shade-img,
    .shade-p .shade-img {
        width: 94%;
        height: auto;
    }

    /* public end */
    /* 工厂 */
    .plant-content,
    .plant-swiper-container {
        border-radius: 0;
    }

    .plant-banner {
        width: 99%;
    }

    .plant-content .swiper-slide {
        height: auto;
        width: 80%;
    }

    img.plant-img {
        top: 3%;
    }

    .shade-s,
    .shade-p {
        position: unset;
        top: 0;
    }

    .shade-p {
        background: #f6f6f6;
    }

    .shade-img {
        border-radius: 0;
    }

    /* .shade-li:hover .shade-s,
    .shade-li:hover .shade-p {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    } */

    .shade-s p {
        top: 65%;
        font-size: 1rem;
        position: unset;
        color: #000;
        text-align: left;
        padding: 3%;
    }

    /* 工厂 end */
    /* 产品 */
    .product-content ul>li,
    .product-content ul>li.product-shown {
        width: 48%;
        margin: 0 1% 5px;
    }

    .product ul>li,
    .patent ul>li,
    .investor ul>li,
    .correlation ul>li {
        height: 300px;
    }

    .product li.shown a {
        width: 99%;
        height: 300px;
        border: 0 solid #ff9966;
    }

    .product-content ul>li img.product-img {
        top: 16%;
    }

    li.shown {
        border: 0px;
    }

    .shade-p p {
        font-size: 26px;
        top: 56%;
        font-size: 1rem;
        position: unset;
        color: #000;
        text-align: left;
        padding: 3%;
    }

    .shade-s div,
    .shade-p div {
        text-align: left;
        padding: 3%;
    }

    .bounceInRight {
        width: 100%;
    }

    .product-content ul li.product-bottom {
        width: 98%;
    }

    .summary-content,
    p.geng-content {
        font-size: .8rem;
        text-align: left;
    }

    span.geng-content,
    p.geng-content {
        color: #ff9966;
    }

    span.geng-content {
        float: right;
        margin-right: 8px;
    }

    /* 产品 end */
    /* 专利 */
    .correlation-content ul>li,
    .patent-content ul>li {
        width: 98%;
        margin-bottom: 5px;
    }

    .patent-content ul>li img.patent-img,
    .correlation-content ul>li img.correlation-img {
        /* width: 140px;
        left: 22%; */
        top: 24%;
    }

    li.shown a {
        border: 0;
        border-radius: 10px;
        width: 99%;
        height: 300px;
    }

    p.patent-p2,
    p.patent-p {
        position: unset;
        top: 64%;
        font-size: 1rem;
        color: #000;
        text-align: left;
        padding-left: 6%;
    }

    /* 专利 end */
    /* 投资者 */
    .investor-content {
        overflow: hidden;
    }

    .investor-top {
        width: 46%;
        float: left;
        margin: 0 2%;
    }

    .investor-bottom {
        width: 96%;
        margin: 0 2%;
    }

    .investor-content .shade-s .shade-img,
    .investor-content .shade-p .shade-img {
        width: 100%;
        height: auto;
    }

    .investor-content ul>li {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 5px;
    }

    .investor-content ul>li img.patent-img {
        top: 16%;
    }

    /* p.investor-p2 {
        left: 38%;
    }

    p.investor-p {
        left: 38%;
    } */

    /* 投资者 end */
    /* 合作品牌 */

    .cooperation h1 {
        padding-left: 3%;
    }

    .cooperation-banner {
        display: none;
    }

    .cooperation-content>div {
        width: 98%;
        margin: 0 1% 12px;
    }

    .cooperation-content div.shown {
        width: 44%;
        height: 76px;
        margin: 0 3% 12px;
    }

    .cooperation-content div.shown a {
        width: 100%;
        border: 0;
        border-radius: 0;
    }

    .cooperation-img {
        border-radius: 0;
    }

    /* 合作品牌 end */
}