.banner img {
    width: 100%;
    height: 100%;
}

.hotkey {
    background-color: #fff;
}

.hotkey .hotflex {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 90px;
}

.hotkey .lefthot {
    display: flex;
    align-items: center;
}

.hotkey .lefthot span {
    color: #225aad;
    font-size: 14px;
}

.hotkey .lefthot ul {
    display: flex;
    align-items: center;
}

.hotkey .lefthot ul li a {
    color: #333;
    margin-right: 10px;
    font-size: 14px;
}

.hotkey .lefthot ul li a:hover {
    color: #225aad;
}

.hotkey .hotsearch {
    display: flex;
    align-items: center;
}

.hotkey .hotsearch input {
    outline: none;
    background-color: #f7f7f7;
    color: #7b7b7b;
    border: 0;
    height: 40px;
    font-size: 14px;
    width: 250px;
    padding-left: 10px;
}

.hotkey .hotsearch button {
    background: url(../images/search.png) no-repeat;
    background-position: center center;
    background-color: #225aad;
    width: 60px;
    height: 40px;
    border: 0;
    outline: none;
}

.home-about {
    padding: 200px 0;
    background: url(../images/bgabout.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    background-attachment: fixed;
}

.home-about .aboutrow {
    display: flex;
    justify-content: space-between;
}

.home-about .aboutrow .leftabout {
    width: 47%;
}

.home-about .aboutrow .leftabout .abouttitle h1 {
    margin-top: 10px;
    font-size: 50px;
    color: rgba(29, 29, 29, 1);
    line-height: 1;
}

.home-about .aboutrow .leftabout .abouttitle h3 {
    line-height: normal;
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 20px;
    font-weight: bold;
}

.home-about .aboutrow .leftabout .abouttext {
    line-height: 2;
    color: rgba(102, 102, 102, 1);
    margin-top: 10px;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home-about .aboutrow .leftabout .aboutmore a {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0);
    font-size: 14px;
    color: #225aad;
    border: 1px solid #225aad;
    width: 160px;
    height: 50px;
    line-height: 50px;
    margin-top: 40px;
}

.home-about .aboutrow .leftabout .aboutmore a span {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
}

.home-about .aboutrow .leftabout .aboutmore a::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 100%;
    transition: all .5s ease;
    z-index: 0;
    opacity: 1;
    background: #225aad;
    left: auto;
    right: 0;
    top: 0;
}

.home-about .aboutrow .leftabout .aboutmore a:hover span {
    color: #fff;
}

.home-about .aboutrow .leftabout .aboutmore a:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.home-about .aboutrow .rightabout {
    width: 45%;
    text-align: right;
}

.home-about .aboutrow .rightabout img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home-hotpro {
    background-color: #f3f7ff;
}

.home-hotpro .home-productrow {
    display: flex;
}

.home-hotpro .home-productrow .proleft {
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-hotpro .home-productrow .proleft .proimg {
    text-align: center;
}

.home-hotpro .home-productrow .proleft .proimg img {
    max-width: 100%;
    height: auto;
}

.home-hotpro .home-productrow .protitle {
    width: 30%;
}

.home-hotpro .home-productrow .protitle ul {
    display: flex;
    flex-direction: column;
}

.home-hotpro .home-productrow .protitle ul li {
    background-color: #7b7f7e;
    padding: 60px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
}

.home-hotpro .home-productrow .protitle ul li .proname {
    width: 70%;
}

.home-hotpro .home-productrow .protitle ul li h3 {
    color: #fff;
    font-size: 24px;
}

.home-hotpro .home-productrow .protitle ul li p {
    line-height: 2;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
}

.home-hotpro .home-productrow .protitle ul li a {
    display: flex;
    align-items: center;
    color: #fff;
}

.home-hotpro .home-productrow .protitle ul li a img {
    margin-left: 10px;
}

.home-hotpro .home-productrow .protitle ul li:hover,
.home-hotpro .home-productrow .protitle ul li.swiper-slide-thumb-active {
    background-color: #225aad;
}

.home-product {
    background: #f7f7f7;
    overflow: hidden;
    box-sizing: border-box;
    padding: 120px 0;
}

.changgd {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.abggle_a {
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 0px;
    color: #225aad;
    text-transform: uppercase;
}

.abggle_b {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #111111;
    box-sizing: border-box;
}

.changgdle {
    width: 25%;
    margin-top: 2%;
}

.changgdle_c {
    width: 33px;
    height: 2px;
    background-color: #225aad;
    margin: 9% 0 9% 0;
}

.changgdle_e {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 2px;
    color: #838383;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    overflow: hidden;
}

.changgdle_e p {
    margin-bottom: 0;
}

.changgdle_m {
    width: 242px;
    line-height: 52px;
    border-radius: 26px;
    border: solid 1px #838383;
    background: url(../images/probtn.png) 91% center no-repeat;
    font-size: 14px;
    text-align: center;
    margin-top: 40%;
    transition: all 0.6s ease;
    cursor: pointer;
}

.changgdle_m a {
    letter-spacing: 1px;
    color: #7d7d7d;
}

.changgdle_m:hover {
    background: url(../images/probtnwhite.png) 81% center no-repeat #225aad;
    transition: all 0.6s ease;
    border: solid 1px #225aad;
}

.changgdle_m:hover a {
    color: #fff;
}

.changgdrt {
    width: 70%;
    position: relative;
    box-sizing: border-box;
}

.chnbb {
    overflow: hidden;
    padding-top: 4%;
}

.chnbbnei_img {
    height: 20vw;
    overflow: hidden;
}

.chnbbnei_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.chnbbnei_img:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.chnbbnei {
    background: #fff;
    text-align: center;
    transition: all 0.6s ease;
}

.chnbbneirong {
    box-sizing: border-box;
    padding: 6% 0 9% 0;
}

.chnbbneirong_a {
    width: 18px;
    height: 18px;
    margin: 0 auto;
}

.chnbbneirong_b {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 1px;
    color: #2d2d33;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
}

.chnbb .swiper-wrapper .swiper-slide {
    margin-top: 3%;
    transition: all 0.6s ease;
}

.chnbbneirong_a {
    transition: all 0.6s ease;
    transform: rotate(0deg);
}

.chnbb .swiper-wrapper .swiper-slide:hover .chnbbneirong_a {
    transition: all 0.6s ease;
    transform: rotate(360deg);
}


.chnbb .swiper-wrapper .swiper-slide-active {
    margin-top: -3%;
    transition: all 0.6s ease;
}

.swiaext {
    position: absolute;
    bottom: 59px;
    left: -58px;
    background: #dedede;
    width: 58px;
    height: 59px;
    outline: none;
    border: none;
    z-index: 99;
    text-align: center;
    line-height: 59px;
}

.swiaext:hover img {
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(260%) contrast(93%);
}

.swiaext:hover {
    background: #225aad;
}

.swipebev {
    position: absolute;
    line-height: 59px;
    bottom: 0px;
    left: -58px;
    background: #dedede;
    width: 58px;
    height: 59px;
    outline: none;
    border: none;
    z-index: 99;
    text-align: center;
}

.swipebev:hover img {
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(260%) contrast(93%);
}

.swipebev:hover {
    background: #225aad;
}

.chnbb .swiper-wrapper .swiper-slide:hover .chnbbnei .chnbbneirong {
    background: #225aad;
    transition: all 0.6s ease;
}

.chnbb .swiper-wrapper .swiper-slide:hover .chnbbneirong_a img {
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(260%) contrast(93%);
}

.chnbb .swiper-wrapper .swiper-slide:hover .chnbbneirong_b {
    color: #fff;
}

.home-culture {
    padding: 150px 0;
}

.home-culture .culflex {
    display: flex;
}

.home-culture .left_cul {
    width: 30%;
}

.home-culture .left_cul h6 {
    color: #7b7b7b;
    margin-bottom: 20px;
}

.home-culture .left_cul h1 {
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 10px;
}

.home-culture .right_cul {
    width: 70%;
}

.home-culture .right_cul .culbox h3 {
    color: #225aad;
    font-size: 20px;
    font-weight: 700;
    position: relative;
}

.home-culture .right_cul .culbox h3::before {
    content: '';
    position: absolute;
    left: -4%;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #f5bb35;
    border-radius: 50%;
}

.home-culture .right_cul .culbox p {
    margin-bottom: 0;
    margin-top: 5px;
    line-height: 2;
    font-size: 18px;
    font-weight: 700;
}

.home-culture .right_cul .culbox2 {
    margin-top: 80px;
}

.home-culture .right_cul .culbox2 ul {
    display: flex;
    flex-wrap: wrap;
}

.home-culture .right_cul .culbox2 ul li {
    width: 45%;
    font-size: 18px;
    font-weight: 700;
    line-height: 2;
}

.home-culture .right_cul .culitem {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
}

.home-culture .right_cul .culitem .cullist {
    display: flex;
    flex-direction: column;
    width: 20%;
}

.home-culture .right_cul .culitem .cb {
    height: 120px;
    border: 1px solid #e2e2e2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.home-culture .right_cul .culitem .cultxt {
    color: #225aad;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
}

.home-culture .right_cul .culitem .cb .i1 {
    position: absolute;
    top: -11px;
    left: -10px;
}

.home-culture .right_cul .culitem .cb .i2 {
    position: absolute;
    top: -11px;
    right: -11px;
}

.home-culture .right_cul .culitem .cb .i3 {
    position: absolute;
    bottom: -11px;
    left: -10px;
}

.home-culture .right_cul .culitem .cb .i4 {
    position: absolute;
    bottom: -11px;
    right: -11px;
}

.home-news {
    padding: 150px 0;
    background: url(../images/bgnews.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.home-news .newstitle {
    margin-bottom: 150px;
}

.home-news .newstitle h3 {
    font-weight: 700;
    font-size: 48px;
    text-align: center;
}

.home-news .newstitle p {
    margin-bottom: 0;
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    margin-top: 30px;
}

.home-news .hnitem .hntime {
    font-size: 18px;
    color: rgba(102, 102, 102, 1);
    line-height: 1.5;
    text-shadow: 0px 5px 5px rgb(1 63 160 / 30%);
    margin-bottom: 10px;
}

.home-news .hnitem .hntopflex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-news .hnitem .hntopflex .hnbox1 {
    width: 80%;
}

.home-news .hnitem .hntopflex .hnbox2 {
    width: 20%;
    background: url(../images/newsbtn.png) no-repeat center right;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 15px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.home-news .hnitem:hover .hntopflex .hnbox2 {
    background: url(../images/newsbtn.png) no-repeat center right -50px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.home-news .hnitem .hntitle {
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home-news .hnitem:hover .hntitle {
    color: #225aad;
}

.home-news .hnitem .hntext {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
    line-height: 1.5;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home-news .hnitem .hnimg {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    height: 17vw;
}

.home-news .hnitem .hnimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.husiness img {
    width: 100%;
    height: 100%;
}

/* 内页 */
.innerbanner {
    padding-top: 105px;
}

.innerbanner img {
    width: 100%;
    height: 100%;
}

.aboutcontent .info {
    margin: 30px auto;
    line-height: 2;
    color: #666;
    font-size: 18px;
}

.honorcontent h2 {
    margin-bottom: 50px;
}

.honorcontent .honoritem {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.honorcontent .honoritem .honorimg {
    overflow: hidden;
    height: 15vw;
}

.honorcontent .honoritem .honorimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.honorcontent .honoritem .honortext {
    text-align: center;
    padding: 20px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
}

.honorcontent .honoritem:hover {
    border: 1px solid #285dad;
}

.honorcontent .honoritem:hover .honorimg img {
    transform: scale(1.1);
}

.culturecontent .cultureinfo {
    margin-top: 50px;
}

.culturecontent .cultureinfo .culturetitle {
    font-size: 18px;
    line-height: 2;
    text-align: center;
}

.culturecontent .cultureinfo .wenhuapic {
    margin: 60px 0;
}

.culturecontent .cultureinfo .wenhuapic img {
    max-width: 100%;
}

.culturecontent .cultureinfo .whlist {
    display: flex;
}

.culturecontent .cultureinfo .whlist li {
    width: 50%;
    line-height: 2;
    color: rgba(102, 102, 102, 1);
    font-size: 18px;
    text-align: center;
}

.newscontent .news-list li {
    margin-top: 40px;
}

.newscontent .news-list li .cont-pas {
    border: 1px solid #F8F8F8;
    background: #F8F8F8;
    padding: 2rem 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.newscontent .news-list li .cont-pas .date {
    width: 12.5%;
    text-align: right;
    color: #595D61;
    font-size: 2rem;
    line-height: 1.2em;
    padding-right: 3%;
    font-weight: 500;
}

.newscontent .news-list li .cont-pas .date p {
    margin-bottom: 0;
}

.newscontent .news-list li .cont-pas .date span {
    display: block;
    font-size: 1rem;
    line-height: 1.2em;
}

.newscontent .news-list li .cont-pas .cont-p {
    width: 87.5%;
    padding: 0 3%;
    border-left: 1px solid #CECECE;
}

.newscontent .news-list li .cont-pas .cont-p .name {
    color: #595D61;
    font-size: 20px;
}

.newscontent .news-list li .cont-pas .cont-p .p {
    color: #989B9E;
    margin-top: 0.75em;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.newscontent .news-list li .cont-pas:hover {
    background: #fff;
    border-color: #285dad;
}

.newscontent .news-list li .cont-pas:hover .date {
    color: #285dad;
}

.newsbar {
    background-color: #fff;
}

.newsmain {
    background-color: rgba(245, 245, 245, 1);
}

.newsmain .newsdetailscontent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.newsmain .newsdetailscontent .news_left {
    width: 72%;
}

.newsmain .newsdetailscontent .news_left .news_text {
    background-color: #fff;
    padding: 5% 6%;
}

.newsmain .newsdetailscontent .news_left .news_text .news_content h1 {
    font-size: 26px;
    line-height: 1.5;
    text-align: center;
}

.newsmain .newsdetailscontent .news_left .news_text .news_content .newsbar {
    font-size: 14px;
    font-family: Arial;
    color: #9e9e9e;
    line-height: 35px;
    margin-bottom: 50px;
    padding: 12px 0;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #cfcfcf;
}

.newsmain .newsdetailscontent .news_left .news_text .news_content .newsbar .newsbartime {
    margin-right: 20px;
}

.newsmain .newsdetailscontent .news_left .news_text .news_content .news_txt {
    line-height: 2;
    color: rgba(102, 102, 102, 1);
}

.newsmain .newsdetailscontent .news_left .content_text {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    margin-top: 30px;
}

.newsmain .newsdetailscontent .news_left .content_text p {
    margin-bottom: 0;
    flex: 1;
    max-width: 100%;
    max-height: 100%;
    color: rgba(85, 85, 85, 1);
    font-size: 14px;
}

.newsmain .newsdetailscontent .news_left .content_text p b {
    font-weight: normal;
    margin-right: 10px;
}

.newsmain .newsdetailscontent .news_left .content_text p:last-child {
    text-align: right;
}

.newsmain .newsdetailscontent .news_left .content_text p:last-child b {
    margin-right: 0;
    margin-left: 10px;
}

.newsmain .newsdetailscontent .news_left .content_text p a {
    color: rgba(85, 85, 85, 1);
}

.newsmain .newsdetailscontent .news_left .content_text p a:hover {
    color: #225aad;
    font-weight: 700;
}

.newsmain .newsdetailscontent .news_right {
    width: 25%;
    margin-left: 3%;
}

.newsmain .newsdetailscontent .news_right .newslist_right {
    padding: 8%;
    background-color: #fff;
}

.newsmain .newsdetailscontent .news_right .newslist_right .newslist_item p {
    font-size: 20px;
    color: rgba(68, 68, 68, 1);
    margin-bottom: 20px;
    line-height: normal;
    font-weight: 700;
}

.newsmain .newsdetailscontent .news_right .newslist_right .newslist_item ul {
    display: flex;
    flex-wrap: wrap;
}

.newsmain .newsdetailscontent .news_right .newslist_right .newslist_item ul li {
    margin-bottom: 30px;
    width: 100%;
}

.newsmain .newsdetailscontent .news_right .newslist_right .newslist_item ul li h3 {
    color: rgba(68, 68, 68, 1);
    font-size: 17px;
    line-height: 1.5;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsmain .newsdetailscontent .news_right .newslist_right .newslist_item ul li p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(126, 126, 126, 1);
}

.newsmain .newsdetailscontent .news_right .newslist_right .newslist_item ul li:hover h3 {
    color: #285dad;
}

.productbar {
    background-color: #fff;
}

.productbar .right,
.newbar .right,
.newsbar .right {
    justify-content: unset;
}

.productmain {
    background-color: rgba(245, 245, 245, 1);
}

.productcontent {
    display: flex;
    justify-content: space-between;
}

.productcontent .nyleft {
    width: 22%;
}

.productcontent .nyleft .producttitle {
    padding: 20px 25px 20px 40px;
    border-top-left-radius: 30px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid #fff;
    background-color: #285dad;
}

.productcontent .nyleft .producttitle p {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
}

.productcontent .nyleft ul li p {
    display: flex;
    justify-content: space-between;
    position: relative;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    font-size: 15px;
    width: 100%;
    background: #fff;
    margin-bottom: 0;
}

.productcontent .nyleft ul li p a {
    width: 100%;
    padding-left: 15px;
    display: flex;
    justify-content: flex-start;
    color: #333;
}

.productcontent .nyleft ul li:hover p,
.productcontent .nyleft ul li.active p {
    background: #285dad;
    transition: all ease .3s;
}

.productcontent .nyleft ul li:hover p a,
.productcontent .nyleft ul li.active p a {
    color: #fff;
    transition: all ease .3s;
}

.productcontent .nyleft .nyContact {
    margin-top: 30px;
}

.productcontent .nyleft .nyContact .nycontactList {
    padding: 30px 25px 30px 25px;
    background-color: #fff;
}

.productcontent .nyleft .nyContact .nycontactList .nycontactitem {
    line-height: 2;
}

.productcontent .nyright {
    width: 74%;
    margin-left: 4%;
}

.productcontent .nyright .productbox {
    padding: 25px;
    background-color: #fff;
}

.productcontent .nyright .productbox .pBoxTitle {
    margin-bottom: 2%;
    padding-left: 15px;
    position: relative;
}

.productcontent .nyright .productbox .pBoxTitle::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 25px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #285dad;
}

.productcontent .nyright .productbox .pBoxTitle h3 {
    line-height: 1.5;
    font-size: 22px;
}

.productcontent .nyright .productbox .productitem {
    border: 1px solid rgba(221, 221, 221, 1);
    margin-bottom: 30px;
    padding: 10px;
    transition: all .5s ease;
}

.productcontent .nyright .productbox .productitem .productimg {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 100%;
}

.productcontent .nyright .productbox .productitem .productimg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    width: 100%;
    height: auto;
    transition: all .5s ease;
}

.productcontent .nyright .productbox .productitem .productname {
    margin: 15px;
    line-height: 1.2;
    text-align: center;
    font-size: 18px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #333;
}

.productcontent .nyright .productbox .productitem:hover {
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
}

.productcontent .nyright .productbox .productitem:hover .productimg img {
    transform: translate(-50%, -50%) scale(1.1);
}

.productcontent .nyright .productbox .productitem:hover .productname {
    color: #285dad;
}

.prodetalis {
    background-color: #fff;
    padding: 30px 20px;
    margin-bottom: 30px;
}

.prodetalis .proinfo {
    display: flex;
}

.prodetalis .proinfo .proinfoimg {
    width: 43%;
    overflow: hidden;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.prodetalis .proinfo .proinfoimg img {
    max-width: 100%;
    height: auto;
}

.prodetalis .proinfo .protxt {
    padding-top: .5rem;
    width: calc(100% - 43% - 2.5rem);
    margin-left: 2.25rem;
}

.prodetalis .proinfo .protxt .tit3 {
    color: #555;
    font-size: 24px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.prodetalis .proinfo .protxt .p1,
.prodetalis .proinfo .protxt .p2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.prodetalis .proinfo .protxt .p1 .psvg,
.prodetalis .proinfo .protxt .p2 .psvg {
    color: rgba(27, 36, 43, 1);
}

.prodetalis .proinfo .protxt .p1 .psvg svg,
.prodetalis .proinfo .protxt .p2 .psvg svg {
    margin: 0;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.prodetalis .proinfo .protxt .p1 .pcate,
.prodetalis .proinfo .protxt .p2 .pcate {
    line-height: 1.8;
    font-size: 15px;
    color: rgba(27, 36, 43, 1);
    margin-left: 5px;
}

.prodetalis .proinfo .protxt .p1 .pcatetext {
    margin-left: 10px;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(153, 153, 153, 1);
}

.prodetalis .proinfo .protxt .p2 {
    margin-top: 15px;
}

.prodetalis .proinfo .protxt .p2 .pcatetext {
    color: #285dad;
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    margin-left: 10px;
}

.prodetalis .proinfo .protxt .f-nobtn {
    display: flex;
}

.prodetalis .proinfo .protxt .f-nobtn a {
    width: 150px;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    margin-top: 5%;
    text-align: center;
    background: #285dad;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.prodetalis .proinfo .protxt .f-nobtn a:hover {
    background: #2176f7;
}

.prodetalis .prodetails_con .protitle,
.hotpro .protitle {
    height: 60px;
    line-height: 58px;
    background: #fff;
    border-bottom: solid 1px #f0f0f0;
    margin-bottom: 20px;
}

.prodetalis .prodetails_con .protitle span,
.hotpro .protitle span {
    float: left;
    font-size: 20px;
    line-height: 58px;
    font-weight: bold;
    color: #285dad;
    border-bottom: solid 2px #285dad;
}

.prodetalis .prodetails_con .itemlibox {
    line-height: 2;
}

.hotpro {
    padding: 2% 20px;
    background-color: #fff;
}

.hotpro .hotitem {
    border: 1px solid rgba(238, 238, 238, 1);
    padding: 10px;
    margin-bottom: 30px;
}

.hotpro .hotitem .hotimg {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 100%;
}

.hotpro .hotitem .hotimg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    width: 100%;
    height: auto;
    transition: all .5s ease;
}

.hotpro .hotitem .hotline {
    border: 1px solid rgba(238, 238, 238, 1);
    margin: 15px auto;
}

.hotpro .hotitem .hottext {
    margin-bottom: 10px;
    text-align: center;
    color: rgba(51, 51, 51, 1);
    line-height: 1.5;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contactinfo {
    margin-top: 50px;
    display: flex;
}

.contactinfo .leftcontact {
    width: 50%;
    background-color: #1a4782;
    padding: 30px;
}

.contactinfo .leftcontact h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.contactinfo .leftcontact ul li {
    color: #fff;
    line-height: 2;
}

.contactinfo .leftcontact ul li a {
    color: #fff;
}

.contactinfo .leftcontact ul li img {
    width: 120px;
    height: 120px;
}

.contactinfo .leftcontact ul li:last-child {
    margin-top: 20px;
}

.contactinfo .rightcontact {
    width: 50%;
}

.contactinfo .rightcontact img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.searchcontent .card {
    margin-bottom: 20px;
}