.swiper-container{
.swiper-button-prev{
    width:3rem;
    height:3rem;
    background:url("../images/swiper_arrow_left.png") no-repeat center;
    background-size:100% auto;
    &::after{
        content: '';
    }
}
.swiper-button-next{
    width:3rem;
    height:3rem;
    background:url("../images/swiper_arrow_right.png") no-repeat center;
    background-size:100% auto;
    &::after{
        content: '';
    }
}
.swiper-pagination-bullet{
    width:2rem;
    height:2rem;
    background: url('../images/info-swiper-bullet.png') no-repeat center;
    background-size:auto;
}
.swiper-pagination-bullet-active{
    background: url('../images/info-swiper-bullet-active.png') no-repeat center;
}
}


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

    .container-section ~ .header-section{
        .header-container{
            background-color: #fff;
            position: relative;
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
            .nav-item{
                a{
                    color:#333;   
                }
            }
        }
    }
    .info-section ~ .footer-panel{
        background-color: #f7f7f7;
    }
    .container-panel{
        display: flex;
        
        // .type-nav-panel{
        //     width: 20%;
        //     li{
        //         margin-bottom:30px;
        //     }
        //     .type-title{
        //         font-size: 1.6rem;
        //         color:#949494;
        //         padding-bottom:1rem;
        //         border-bottom:2px solid transparent;
        //         position: relative;
        //         transition: all 0.3s;
        //         &:after{
        //             content:'\e601';
        //             font-family: 'iconfont';
        //             position: absolute;
        //             top: 0%;
        //             right: 0;
        //             transform:rotate(0deg);
        //             transition: all 0.3s;
        //         }
        //         &.active{
        //             color:#1a1a1a;
        //             border-bottom:2px solid #1a1a1a;
        //             &:after{
        //                 transform: rotate(90deg);
        //             }
        //         }
        //     }
        //     .type-sub-panel{
        //         display: none;
        //         overflow: hidden;
        //         a{
        //             color:#aeaeae;
        //             margin-top: 27px;
        //             font-size:1.4rem;
        //             display: block;
        //             &.acitve{
        //                 color:#1a1a1a;
        //             }
        //             &:hover{
        //                 color:#1a1a1a;
        //             }
        //         }
        //     }
        // }
        .info-panel{
            width:80%;
            padding-left:95px;
            .title-panel{
                border-bottom:10px solid #F6F6F7;
                .title-label{
                    font-size: 1.8rem;
                    color:#4d4d4d;
                }
                .title{
                    font-size:3.6rem;
                    padding:15px 0 43px;
                    font-weight: 600;
                }
            }
            .info-swiper{
                width: 100%;
                height:400px;
                margin-top: 52px;
                .swiper-container {
                    width: 100%;
                    height: 100%;
                    .swiper-slide{
                        overflow: hidden;
                        width:100%;
                        height: 100%;
                        background-size:cover !important;
                    }
                    .img-item{
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: 100%;
                        height: auto;
                        transform: translate(-50%,-50%);
                    }
                } 
            }
            .info-dec{
                font-size: 16px;
                font-weight: normal;
                font-stretch: normal;
                line-height: 40px;
                letter-spacing: 0px;
                color: #666666;
                margin-top: 50px;
            }
            .info-situation{
                width:100%;
                padding:35px 20px;
                background:#F7F7F7;
                margin: 5rem 0;
                .situation-title{
                    font-size: 2.2rem;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 48px;
                    letter-spacing: 0px;
                    color: #000000;
                    padding-bottom:10px;
                    border-bottom:1px solid #000;
                    margin-bottom:20px;
                }
                ul{
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    li{
                        width:47%;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding: 20px 0;
                        border-bottom:1px solid #eaeaea;
                        span{
                            font-size:1.4rem;
                            &:first-child{
                                color:#999;
                            }
                        }
                        
                    }
                }
            }
            .info-award{
                margin: 5rem 0 6rem;
                .award-title{
                    font-size: 22px;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 48px;
                    letter-spacing: 0px;
                    color: #000000;
                    margin-bottom: 3rem;
                }
                p{
                    color:#666;
                    font-size:16px;
                    margin-bottom:30px;
                }
            }
        }
    }
    .info-section{
        margin-top: 14rem;

    }
}

@media screen and (max-width:768px){
    .info-section{
        margin-top: 6.5rem;
    }
    
    .info-panel{
        
        .info-swiper{
            height:250px;
            margin: 0 -15px;
            width: calc(~'100% + 30px');
            // margin-top: 2rem;
            .swiper-container {
                width: 100%;
                height: 100%;
                .swiper-slide{
                    overflow: hidden;
                    width:100%;
                    height: 100%;
                    background-size:cover !important;
                }
                .img-item{
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 100%;
                    height: auto;
                    transform: translate(-50%,-50%);
                }
            } 
        }
        .info-dec{
            padding: 2rem 1rem;
            font-size:1.4rem;
            color:#666;
            line-height: 2.2rem;
        }
        .info-situation{
            width:calc(~'100% + 3rem');
            padding:2rem 2rem 3rem;
            background:#F7F7F7;
            margin: 3rem -1.5rem 0;
            .situation-title{
                font-size: 1.6rem;
                font-weight: normal;
                font-stretch: normal;
                line-height: 48px;
                letter-spacing: 0px;
                color: #000000;
                padding-bottom:10px;
                border-bottom:1px solid #000;
                margin-bottom:20px;
            }
            ul{
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                li{
                    width:100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 20px 0;
                    border-bottom:1px solid #eaeaea;
                    font-size:1.4rem;
                    span:first-child{
                        color:#999;
                    }
                }
            }
        }
        .info-award{
            margin-top: 3rem;
            padding: 1.5rem;
            .award-title{
                font-size: 1.6rem;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #000000;
                margin-bottom: 3rem;
            }
            p{
                color:#666;
                font-size:1.4rem;
                margin-bottom:2rem;
            }
            
        }
    }
}