.bussiness-item img {
width: 50%;
z-index: 3;
position: relative;
height: 393px;
}
.bussiness-item-content {
width: 50%;
padding: 60px;
height: 393px;
background-color: #F7B334;
border-radius: 8px 0px 0px 8px;
}
.bussiness-item {
position: relative;
display: flex;
margin-bottom: 80px;
}
.bussiness-item:nth-child(1) img {
width: 48.3%;
}
.bussiness-item:nth-child(2) {
flex-flow: row-reverse;
}
.bussiness-item:nth-child(1) .bussiness-item-content {
width: 66.1%;
background: #F7F8FA;
border-radius: 8px;
position: absolute;
top: 40px;
right: 0;
padding: 60px 60px 60px 230px;
display: flex;
align-items: center;
}
.bussiness-item-title {
color: #fff;
line-height: 36px;
font-size: 24px;
font-weight: 700;
margin-bottom: 40px;
}
.bussiness-item-desc {
font-size: 16px;
color: #FFFFFF;
line-height: 32px;
margin: 12px 0 24px 0;
}
.bussiness-item-list {
display: flex;
flex-wrap: wrap;
}
.bussiness-item-list li {
font-size: 15px;
color: #FFFFFF;
line-height: 24px;
margin: 0 20px 10px 0;
width: 45.5%;
display: flex;
align-items: baseline;
white-space: wrap;
}
.bussiness-item-list li a {
color: #FFFFFF;
font-weight: bold;
width: calc( 100% - 22px);
}
.bussiness-item-list li div {
border-radius: 50%;
width: 12px;
height: 12px;
background-color: #fff;
margin-right: 10px;
}
.bussiness-item-list li a:hover {
color: #fff !important;
}
.bussiness-item-more {
width: 36px;
height: 36px;
display: inline-block;
background: url(/en/image/moreIcons.png) center center no-repeat;
background-size: cover;
margin-top: 40px;
}
.product-content-list {
display: flex;
flex-wrap: wrap;
}
.product-content-item {
width: 32.1%;
margin: 0 20px 40px 0
}
.product-content-item:nth-child(3n) {
margin-right: 0;
}
.product-content-item a {
display: block;
}
.product-content-item-top {
width: 100%;
height: 253px;
text-align: center;
line-height: 253px;
background: linear-gradient(#F7F8FA 0%, #E2E3E5 100%);
}
.product-content-item-top img {
max-width: 78%;
max-height: 198px;
}
.product-content-bot {
height: 138px;
padding: 30px;
}
.product-item-title {
color: #333333;
font-size: 20px;
font-weight: 700;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-wrap: break-word;
line-height: 28px;
}
.product-item-icon {
width: 30px;
height: 30px;
margin-top: 20px;
background: url(/en/image/productmoreLinks.png);
background-size: cover;
}
.product-content-item a:hover .product-content-bot {
background: url(/en/image/jz_bg.png) #F7B334;
background-size: 120px auto;
background-repeat: no-repeat;
background-position: right 0 top 9px;
}
.product-content-item a:hover .product-item-title {
color: #fff;
}
.product-content-item a:hover .product-item-icon {
width: 30px;
height: 30px;
margin-top: 20px;
background: url(/en/image/productactive.png);
background-size: cover;
}
.product {
position: relative;
}
.product-nav-cot {
width: 100%;
border-bottom: 1px solid #E8E8E8;
margin-bottom: 65px;
}
.product-swiper-next {
width: 40px;
height: 40px;
cursor: pointer;
background: url(/en/image/myrightarrow.png) no-repeat;
background-size: cover;
position: absolute;
top: 34px;
right: 0;
margin: 0;
}
.product-swiper-next:hover {
width: 40px;
height: 40px;
background: url(/en/image/myrightarrowhover.png) no-repeat;
background-size: cover;
}
.product-swiper-prev {
width: 40px;
height: 40px;
cursor: pointer;
background: url(/en/image/leftarrow.png) no-repeat;
background-size: cover;
position: absolute;
top: 34px;
left: 0;
margin: 0;
}
.product-swiper-prev:hover {
width: 40px;
height: 40px;
background: url(/en/image/myleftarrowhover.png) no-repeat;
background-size: cover;
}
.product-nav-containers {
width: 89.83%;
height: 152px;
margin: 0 auto;
}
.product-nav-item {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
cursor: pointer;
}
.product-nav-containers .swiper-slide-thumb-active {
border-bottom: #F7B334 5px solid;
}
.product-nav-item img {
width: 60px;
height: 60px;
margin-bottom: 20px;
}
.product-nav-containers .product-nav-active,
.product-nav-containers .swiper-slide-thumb-active .product-nav-icon {
display: none;
}
.product-nav-containers .swiper-slide-thumb-active .product-nav-active {
display: block;
}
.product-detail-con {
width: 100%;
position: relative;
display: flex;
}
.product-detail {
margin: 120px 0;
}
.product-detail-containers,
.product-detail-info {
width: 50%;
}
.product-detail-containers {
height: 440px;
}
.product-detail-info {
height: 400px;
}
.product-detail-con {
border-bottom: 1px solid #E8E8E8;
padding-bottom: 80px;
}
.product-detail-containers .swiper-pagination-bullet-active {
background: #F7B334;
}
.product-detail-item {
background: linear-gradient(#F7F8FA 0%, #E2E3E5 100%);
height: 100%;
height: 100%;
padding: 90px;
height: 400px;
}
.product-detail-item img {
width: 100%;
object-fit: cover;
}
.product-detail-info {
padding: 20px 0 0 60px;
}
.product-detail-title {
font-size: 24px;
color: #333333;
line-height: 36px;
border-bottom: 1px solid rgba(232, 232, 232, 1);
padding-bottom: 30px;
margin-bottom: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.product-detail-desc {
font-size: 16px;
line-height: 32px;
color: #666;
height: 260px;
}
.product-detail-content {
border-top: 1px solid rgba(232, 232, 232, 1);
}
.product-detail-content img {
max-width: 100%;
margin: 0 auto;
display: block;
}
.product-detail-ti {
font-size: 24px;
color: #333333;
line-height: 32px;
font-weight: bold;
margin: 60px 0 40px 0;
}
.product-nav-title {
text-align: center;
width: 100%;
}
@media screen and (max-width: 1320px) {
.product-content-item {
width: 31.2%;
}
}
@media screen and (max-width: 1250px) {
.bussiness-item-list li {
white-space: nowrap;
}
.bussiness-item-more {
margin-top: 15px;
}
}
@media screen and (max-width: 1080px) {
.bussiness-item {
display: flex;
flex-flow: column;
margin-bottom: 40px;
}
.bussiness-item:nth-child(2) {
flex-flow: column;
}
.bussiness-item img,
.bussiness-item:nth-child(1) img {
width: 100%;
height: auto;
}
.bussiness-item-content {
width: 100%;
height: auto;
padding: 30px 20px;
border-radius: 0;
}
.bussiness-item:nth-child(1) .bussiness-item-content {
width: 100%;
height: auto;
position: relative;
padding: 30px 20px;
top: 0;
}
.bussiness-item-list li {
margin-bottom: 8px;
width: 100%;
}
.bussiness-item-list li div {
width: 10px;
height: 10px;
}
.bussiness-item-title {
font-size: 16px;
color: #FFFFFF;
line-height: 24px;
margin-bottom: 20px;
}
.bussiness-item-desc {
font-size: 14px;
color: #FFFFFF;
line-height: 24px;
}
.bussiness-item-list {
display: flex;
flex-flow: column;
}
.bussiness-item-list li a::before {
width: 6px;
height: 6px;
}
.bussiness-item-more {
width: 24px;
height: 24px;
}
.product-nav-item img {
width: 40px;
height: 40px;
margin-bottom: 10px;
}
.product-nav-containers {
width: calc(100% - 64px);
height: 115px;
}
.product-swiper-next {
width: 32px;
height: 32px;
right: 16px;
top: 17px;
}
.product-swiper-prev {
width: 32px;
height: 32px;
left: 16px;
top: 17px;
}
.product-content-list {
display: flex;
flex-flow: column;
width: 100%;
}
.product-content-item {
width: 100%;
margin: 0 0 20px 0;
}
.product-content-item-top {
height: 228px;
}
.product-content-bot {
padding: 20px;
height: 103px;
}
.product-item-title {
font-size: 16px;
color: #333333;
line-height: 24px;
}
.product-item-icon {
width: 24px;
height: 24px;
}
.product-nav-title {
text-align: center;
line-height: 18px;
font-size: 13px;
}
.product-detail-con {
display: flex;
flex-flow: column;
padding-bottom: 0;
border-bottom: 0 solid #E8E8E8;
}
.product-detail-containers,
.product-detail-info {
width: 100%;
}
.product-detail-item {
padding: 45px;
height: 229px;
}
.product-detail-containers {
height: 273px;
}
.product-detail-info {
padding: 0;
height: auto;
}
.product-detail {
margin: 60px 0;
}
.product-detail-title {
white-space: normal;
font-size: 14px;
line-height: 18px;
margin-bottom: 0;
}
.product-detail-desc {
height: auto;
}
}