.product .pbanner { width: 100%; } .product .pbanner img { width: 100%; display: block; } .product .cont { padding-top: 0.96rem; overflow: hidden; } .product .cont .item { margin-bottom: 0.96rem; } .product .cont .dcont { overflow: hidden; margin-top: 0.6rem; } .product .cont .dcont .left { float: left; width: 50%; } .product .cont .dcont .left .t1 { font-size: 0.22rem; color: #373738; } .product .cont .dcont .left .d1 { color: #3a4cde; font-size: 0.16rem; margin-top: 0.15rem; } .product .cont .dcont .right { float: right; width: 50%; } .product .cont .dcont .right .txt { color: #505050; font-size: 0.22rem; width: 7rem; float: right; box-sizing: border-box; } .product .cont .dcont .right .txt p { color: #505050; font-size: 0.16rem; line-height: 1.8; margin-bottom: 0.4rem; display: block; text-align: justify; } .product .cont .pimgs { overflow: hidden; margin-top: 0.6rem; } .product .cont .pimgs .simg { width: 100%; } .product .cont .pimgs .carousel-control-prev, .product .cont .pimgs .carousel-control-next { width: 10%; } .product .cont .pimgs .carousel-control-prev i, .product .cont .pimgs .carousel-control-next i { font-size: 0.5rem; color: rgba(28, 28, 31, 0.5); } .product .cont .pimgs .carousel-control-prev:hover, .product .cont .pimgs .carousel-control-next:hover { background-color: none; } .product .cont .pimgs .carousel-control-prev:hover i, .product .cont .pimgs .carousel-control-next:hover i { color: #5797fa; } .product .cont .pimgs .carousel-indicators { text-align: right; justify-content: right; margin-bottom: 0.2rem; display: none; } .product .cont .pimgs .carousel-indicators .active { display: inline-block; background-image: url(../img/yd.png); width: 0.23rem; height: 0.23rem; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 1; } .product .cont .pimgs .carousel-indicators li { display: inline-block; width: 0.23rem; height: 0.23rem; border-radius: 50%; background: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../img/yd1.png); } .product .en .item .dcont .right .txt p { text-align: left; line-height: 1.8; } @media screen and (max-width: 750px) { .product .cont { padding-top: 0.6rem; background: #f6fafa; } .product .cont .item { margin-bottom: 0.6rem; } .product .cont .item .dcont { overflow: hidden; margin-top: 0.6rem; } .product .cont .item .dcont .left { float: none; width: 100%; } .product .cont .item .dcont .left .t1 { font-size: 0.22rem; } .product .cont .item .dcont .left .d1 { font-size: 0.22rem; margin-top: 0.15rem; } .product .cont .item .dcont .right { float: none; width: 100%; margin-top: 0.4rem; } .product .cont .item .dcont .right .txt { margin-left: 0; width: 100%; line-height: 1.8; font-size: 0.2rem; } .product .cont .item .dcont .right .txt p { font-size: 0.2rem; line-height: 1.8; margin-bottom: 0.35rem; display: block; } .product .cont .item .pimgs { margin-top: 0.4rem; } .product .cont .item .pimgs .carousel-indicators { margin-bottom: 0.3rem; } .product .cont .item .pimgs .carousel-indicators li { width: 0.12rem; height: 0.12rem; } .product .cont .item .pimgs .carousel-indicators .active { width: 0.12rem; height: 0.12rem; } .product .cont .carousel-item { background: #fff; padding-bottom: 0.2rem; } .product .en .item .dcont .right .txt { text-align: left; line-height: 1.6; } .product .en .item .dcont .right .txt p { text-align: left; line-height: 1.6; } }