/* 斜体 */

/* pro sec */
.dwHeader {
    position: relative;
    background: #f6f8fa;
    border-bottom: 1px solid #e2e4e6;
}

.Section {
    width: 100%;
    background: #f6f8fa;
    display: flex;
}

.dwNav {
    width: 11%;

}

.dwNav {
    padding: 40px 0;
    text-align: center;
}

.dwNav li {
    margin-bottom: 30px;
}

.SectionBox {
    width: 100%;
    background: #f6f8fa;
}

/* pro */

.indPro .Tit {
    margin-bottom: 48px;
}

.indProBox {
    display: none;
}

.indPro.indProduct .indProItem {
    width: 100% !important;
}

.indProItem {
    display: block;
    transition: all .48s;
}

.indProImg {
    width: 100%;
    position: relative; 
    background: #e8ebef;
    overflow: hidden;
    z-index: 2;
}

.indProImg img {
    width: 100%;
    height: 75%;
    object-fit: contain; 
    transition: all .48s;
}

.indProText {
    width: 100%;
    padding: 15px 30px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: all .48s;
}

.indProText img {
    width: 20px;
}

.indProText .img2 {
    display: none;
}

.indProText span {
    font-size: 16px;
    font-weight: bold;
}

.indProBox .swiper-slide:hover .indProImg img {
    transform: scale(1.08);
    transition: all .48s;
}

.indProBox .swiper-slide:hover .indProText {
    background: #116cbe;
    transition: all .48s;
}

.indProBox .swiper-slide:hover .indProText span {
    color: #fff;
    font-size: 16px;
    transition: all .48s;
}

.indProBox .swiper-slide:hover .indProText .img2 {
    display: block;
}

.indProBox .swiper-slide:hover .indProText .img1 {
    display: none;
}

.indProChange {
    display: flex;
    margin: 30px 0;
}

.indProduct .indProChange select {
    max-width: 300px;
}

.indProChange select {
    width: 100%;
    display: none;
}

.indProChange span {
    display: inline-block;
    color: #161617;
	font-size:16px;
    padding: 6px 30px;
    border-radius: 25px;
    border: 1px solid #e2e4e6;
    margin-right: 12px;
    cursor: pointer;
}

.indProChange span.on {
    background: #116cbe;
    border-color: #116cbe;
    color: #fff;
}

.indProflex {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.indProBut a {
    display: inline-block;
    margin-right: 30px;
}

.indProBut img {
    width: 40px;
}

.indProBut a.prev {
    transform: rotate(180deg);
}