.good_1_3 { overflow: hidden; width: 1200px; margin: 0 auto; } .good_1_3 .goodli { width: 393px; height: 355px; float: left; background: #eee; overflow: hidden; position: relative; margin-right: 10px; } .good_1_3 .goodli a { display: inline-block; width: 100%; height: 100%; } .good_1_3 .goodli .goodimg { margin-left: -32%; margin-top: 70px; transition: .2s all; width: 230px; height: 230px; } .good_1_3 .goodli:hover .goodimg { transition: .5s all; transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); } .good_1_3 .goodli:hover .content { transition: .5s all; transform: scale(1.05); } .good_1_3 .goodli .content { transition: .5s all; position: absolute; left: 42%; top: 35%; width: 190px; } .good_1_3 .goodli .content .name { font-size: 16px; color: #3b3e40; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .good_1_3 .goodli .content .berif { color: #798187; font-size: 14px; padding-right: 10px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height: 38px; overflow: hidden; } .good_1_3 .goodli .content .prie { color: #232323; font-size: 22px; line-height: 60px; font-weight: 600 }
.gg_banner { width: 1200px; height: 521px; margin: 0 auto; } .gg_banner a{ display: inline-block; } .gg_banner .gg_left { float: left; } .gg_banner .gg_right { float: right; } .gg_banner .gg_right .item { margin-top: 10px; } .gg_banner img { transition: all .2s; } .gg_banner img:hover { -ms-transform: scale(1.01); -moz-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); transition: all .2s; -moz-box-shadow: 0 5px 10px silver; -webkit-box-shadow: 0 5px 10px silver; box-shadow: 0 5px 10px silver; filter: progid: DXImageTransform.Microsoft.Shadow(color='#c0c0c0', Direction=125, Strength=9); } .gg_banner .gg_left img{ width: 595px; height: 520px; } .gg_banner .gg_right img{ width: 595px; height: 255px; }
.tab_navTop .ulTop {
    border: 1px solid #d7dde3;
    overflow: hidden;
    background: #eee;
}

.tab_navTop .ulTop .tab_item {
    float: left;
    width: 25%;
    text-align: center;
    line-height: 50px;
    box-sizing: border-box;
    background: #eeeeee;
    height: 63px;
    border-right: 1px solid #d7dde3;
    font-size: 14px;
    color: #1b1811;
    font-weight: 600;
    cursor: pointer;
    position: relative;

}
.tab_navTop .ulTop .tab_item:hover p{
    border-bottom: 5px solid #b1b9c2;
    color: #395782;
}
.tab_navTop .activty p{
    border-bottom: 5px solid #b1b9c2;
}



.tab_content {
    width: 1200px;
    height: 1024px;
    margin: 0 auto;
    display: none;
}

.content_tab .tab_item {
    float: left;
    width: 25%;
    height: 140px;
    text-align: center;
    background: #f9f9f9;
}
.content_tab .tab_item>p{
    margin-top: 12px;
    color: #666;
}
.content_tab ul {
    background: #f9f9f9;
}

.content_tab .tab_item img {
    width: 40px;
    height: 40px;
    margin-top: 35px;
}
.content_tab .tab_item p{
    margin-top: 5px;
    color: #616161;
}
.content_tab .tab_item .img2 {
    display: none;

}

.content_tab .tab_item:hover .img2 {
    display: inline;
}

.content_tab .tab_item:hover .img1 {
    display: none;
}

.content_tab .tab_item:hover p {
    color: rgb(57, 87, 130)
}

.content_tab .activty {
    color: rgb(57, 87, 130)
}

.content_tab .activty .img2 {
    display: inline;
}

.content_tab .activty .img1 {
    display: none;
}

.content_chren {
    display: none;
}
.show_href{
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.ulTop .activty:hover .show_href{
    display: block;
}
.tab_navTop .ulTop {
    border: 1px solid #d7dde3;
    overflow: hidden;
    border-right: none;
}

.tab_navTop .ulTop .tab_item {
    float: left;
    width: 25%;
    text-align: center;
    line-height: 63px;
    box-sizing: border-box;
    background: #eeeeee;
    height: 63px;
    border-right: 1px solid #d7dde3;
    font-size: 14px;
    color: #1b1811;
    font-weight: 600;
    cursor: pointer;
    position: relative;

}




.tab_content {
    width: 1200px;
    height: 1024px;
    margin: 0 auto;
    display: none;
}

.content_tab .tab_item {
    float: left;
    width: 25%;
    height: 140px;
    text-align: center;
    background: #f9f9f9;
}

.content_tab ul {
    background: #f9f9f9;
}

/* .content_tab .tab_item img {
    width: 56px;
    height: 56px;
    margin-top: 35px;
} */

.content_tab .tab_item .img2 {
    display: none;

}

.content_tab .tab_item:hover .img2 {
    display: inline;
}

.content_tab .tab_item:hover .img1 {
    display: none;
}

.content_tab .tab_item:hover p {
    color: rgb(57, 87, 130)
}

.content_tab .activty p {
    color: rgb(57, 87, 130)
}
.content_tab .activty .img2 {
    display: inline;
}

.content_tab .activty .img1 {
    display: none;
}

.content_chren {
    display: none;
}
.show_href{
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.show_href img{
    position: absolute;
    right: 40px;
    top: 22px;
    transition:all .3s;
}
.show_href:hover img{
    transition:all .3s;
    right: 30px;
}
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
.swiper-pagination-roundnessNumber { display: inline-block; border-radius: 50%; margin: 0 8px; cursor: pointer; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 12px; color: #000; opacity: 1; background: rgba(0, 0, 0, .2); } .swiper-pagination-roundnessNumber.active { color: #fff; background: #007aff; } .swiper-pagination-oblate { display: inline-block; border-radius: 100px; width: 8px; height: 8px; background: rgba(255, 255, 255, .40); margin: 0 8px; } .swiper-pagination-oblate.active { width: 50px; height: 8px; background: #fff; border-radius: 100px; } .swiper-pagination-rectangle { display: inline-block; width: 8px; height: 8px; background: rgba(255, 255, 255, .40); margin: 0 8px; } .swiper-pagination-rectangle.active { width: 50px; height: 8px; background: #fff; } .swiper-pagination-round { display: inline-block; width: 1px; height: 8px; vertical-align: middle; background: #fff; margin: 0 8px; } .swiper-pagination-round.active { display: inline-block; border-radius: 20px; width: 16px; height: 16px; border: 2px solid #fff; vertical-align: middle; background: transparent; } .swiper-moto { overflow-x: hidden; } .swiper-moto .swiper-button-prev, .swiper-moto .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; } .swiper-button-next:after, .swiper-button-prev:after { content: ''  !important; }