input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

/* h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;} */

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-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);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}



.x-top2on{
    background-color: #fff;
}
.x-top2 .dlogo .img2{
    display: none;
}
.x-top2on .dlogo .img2{
    display: block;
}
.x-top2on .dlogo .img1{
    display: none;
}

.x-top2on .x-menu>li>a{
    color: #000;
}
.x-top2on .tbdh .b1{
    color: #000;
}
.x-top2on .tbdh .b2{
    color: #000;
}
.x-top2on .x-menu>li>a:before{
    background-color: #000;
}



.tbdh{
    width: 380px;
    text-align: center;
}
.tbdh .b1{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #bebeba;
}
.tbdh .b1 img{}
.tbdh .b1 s1{
    font-size: 16px;
    margin-left: 10px;
    font-weight: bold;
}
.tbdh .b2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 1px;
    color: #ffffff;
}



a { color: inherit; text-decoration: none; }
ul { padding: 0; margin: 0; list-style: none; }
.w1600 { max-width: 1620px; margin: 0 auto; padding: 0 10px;}



.bban{position: relative; overflow: hidden;}



.bban li .img{overflow: hidden;}
.bban li.swiper-slide .img img{
    width: 100%;
    transform: scale(1.05);
    transition: all ease-in-out 0s; 
}
.bban li.swiper-slide-active .img img{
    transform: scale(1);
    transition: all ease-in-out 0.5s; 
}


.bb1wz { 
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;  flex-wrap: wrap; align-content: center;  justify-content: space-evenly;
}
.bb1wz .b1 {font-size: 100px;line-height: 1.25;font-weight: bold;letter-spacing: 2px;text-shadow: 0 2px 12px rgba(0,0,0,.35);color: #fff;}
.bb1wz .b2 {width: 100%;text-align: center;margin-top: 16px;font-size: 53px;line-height: 1.5;font-weight: normal;color: #fff;}
.bb1wz .b2 span { display: inline-block; padding: 0 .65vw; margin-right: .45vw; background: #2367df; }
.bb1wz .b3 {margin-top: .45vw;font-size: 40px;line-height: 1.6;opacity: .92;color: #fff;}

.bb2x {
    position: relative;
    overflow: hidden;
    padding: 7.5vw 0 3.3vw;
    background: url("e9c103aba031969e475d.png")no-repeat;
}

.bb2x .w1600 { position: relative; z-index: 2; }
.bb2main { display: flex; align-items: center; justify-content: space-between; gap: 5%; }
.bb2main.bb2bd {display: block;}
.bb2bd {position: relative;}
.bb2bd .tt {position: absolute;left: 0;top: 0;right: 0;z-index: 9;display: flex;align-items: center;justify-content: space-between;gap: 5%;opacity: 0;visibility: hidden;transition: all .5s ease;}
.bb2bd .tt.on {position: relative;z-index: 999;opacity: 1;visibility: visible;}
.bb2z {width: 48%;}
.bb2z .b1 {font-size: 48px;line-height: 47px;font-weight: normal;margin-bottom: 1.2vw;color: #063291;}
.bb2z .b2 {font-size: 18px;line-height: 2.05;color: #333;text-align: justify;}
.bb2z .b2 * {font-size: inherit;line-height: inherit;color: inherit;}
.bb2z .b2 p {margin: 0 0 8px;}
.bb2z .b3 {display: inline-flex;align-items: center;justify-content: center;width: 154px;height: 48px;border-radius: 23px;margin-top: 2.5vw;color: #fff;font-size: 16px;background-color: #3c74ed;}
.bb2z .b3 img{
    margin-left: 19px;
}

.bb2y { width: 40%; position: relative; aspect-ratio: 1 / .82; display: flex; align-items: center; justify-content: center; }
.bb2y:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    aspect-ratio: 1;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    animation: bb2roll 7s linear infinite;
    background: url("31ffe85e63334b7fe920.png")no-repeat center;
    background-size: 100%;
    }
.bb2y:after { width: 93%; border-width: 2px; opacity: .45; animation-duration: 10s; animation-direction: reverse; }
.bb2y img { width: 68%; max-height: 78%; object-fit: contain; position: relative; z-index: 2; transition: all .3s; }
@keyframes bb2roll { to { transform: translate(-50%,-50%) rotate(360deg); } }
.bb2bot {display: flex;align-items: center;gap: 22px;margin-top: 5.8vw;}
.bb2arr { width: 31px;
	height: 39px; line-height: 36px; flex: 0 0 38px; color: #1767cd; border-radius: 50%; text-align: center; cursor: pointer; font-size: 28px; user-select: none; }
.bb2swiper {flex: 1;overflow: hidden;padding: 20px 0;}
.bb2swiper .swiper-wrapper {display: flex;}
.bb2swiper .swiper-slide {   margin-right: 18px; }
.bb2swiper .swiper-slide:last-child {margin-right: 0;}
.bb2item {
    background: url("8031bfc5a2b792fb0b8e.png") no-repeat;
    width: 100%;
    min-height: 92px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 22px;
    box-shadow: 0 10px 28px rgba(0,50,130,.12);
    cursor: pointer;
    transition: all .3s;
    background-size: 100% 100%;
    }
.bb2item.active,.bb2hd .swiper-slide.on .bb2item {color: #fff;background: none;background-color: #2375c5;}
.bb2item .bb2wz span {flex: 1;font-size: 22px;line-height: 23px;max-height: 44px;overflow: hidden;}
.bb2item .bb2wz{
    padding-top: 25px;
}
.bb2item .bb2wz .b2{
    width: 49px;
    height: 27px;
    background-color: #ffffff;
    border-radius: 14px;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #999a9a;
    text-align: center;
    margin-top: 26px;
}

.bb2item .img {width: 60%;object-fit: contain;}
.bb2item .img img{object-fit: contain;max-width: 100%;}
.bb3x {
    position: relative;
    padding: 5.2vw 0 5vw;
    color: #fff;
    text-align: center;
    background: url("jinyou-banner-factory-ducts.jpg") no-repeat fixed;
    }
.bb3x .b0 {font-size: 144px;line-height: .95;font-weight: normal;opacity: .16;}
.bb3x .b1 {margin-top: -57px;font-size: 48px;font-weight: normal;font-stretch: normal;line-height: 38px;letter-spacing: 0px;color: #ffffff;}
.bb3x .b2 {width: 70%;margin: 40px auto 0;line-height: 2.15;text-align: center;font-size: 18px;color: #ffffff;}
.bb3x .b3 { width: 70%; margin: .8vw auto 0; font-size: 16px; line-height: 2.15; text-align: center; }
.bb3x .more { display: inline-flex; align-items: center; justify-content: center; margin-top: 1.8vw; width: 112px; height: 40px; color: #fff; background: #2487e9; font-size: 14px; }
.bb3num {display: grid;grid-template-columns: repeat(5,1fr);margin-top: 3.3vw;border: 1px solid rgba(255,255,255,.34);border-bottom: 0;border: solid 1px #ffffff;}
.bb3num li {border-right: 1px solid rgba(255,255,255,1);margin: 40px 0;padding-left: 25%;}
.bb3num li:last-child { border-right: 0; }
.bb3num strong {display: block;font-size: 48px;line-height: 1;text-align: left;}
.bb3num strong s2{
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #fff;
    position: absolute;
    margin-left: 4px;
}
.bb3num span {display: block;margin-top: .45vw;font-size: 18px;opacity: .9;text-align: left;}

.bb4x {padding: 6.2vw 0 51px;overflow: hidden;background-color: #ebebeb;}
.bb4top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 65px;}
.bbbt .b1 {font-size: 18px;line-height: 1.4;color: #303030;font-weight: bold;position: relative;padding-left: 60px;}
.bbbt .b1 s1{
    width: 48px;
    height: 4px;
    background-color: #1b59af;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}
.bbbt .b2 {font-size: 48px;line-height: 1.25;font-weight: bold;color: #101010;}
.bbmore {display: inline-flex;align-items: center;justify-content: center;width: 200px;height: 42px;color: #fff;background: #2c46c8;font-size: 16px;}
.bbmore s1{
    font-size: 20px;
    margin-left: 30px;
}

.bbmore:hover{
    background: #2196f3;
    color: #fff;
}

.bb4nr { width: 100%; display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.bb4nr li { position: relative; overflow: hidden; background: #fff; }
.bb4nr li .img { aspect-ratio: 560 / 348; overflow: hidden; }
.bb4nr li img { width: 100%; height: 100%; object-fit: cover; transition: all .45s; }
.bb4nr li:hover img { transform: scale(1.06); }
.bb4nr li p {position: absolute;left: 0;right: 0;bottom: 0;margin: 0;height: 54px;line-height: 54px;background: rgba(27,89,175,.7);color: #fff;text-align: center;font-size: 18px;}

.bb5x {text-align: center;}
.bb5btbj{
    text-align: center;
    background: url("27c45dc4186cd2be6f56.png") no-repeat;
    padding: 72px 0 43px;
    background-size: cover;
}
.bb5bt .b1 {font-size: 48px;line-height: 1;color: #0b55d9;font-weight: bold;color: #0000cc;}
.bb5bt .b2 {font-size: 22px;font-weight: normal;font-stretch: normal;line-height: 22px;letter-spacing: 0px;color: #0000cc;margin-top: 27px;}


.bb5nr {
    position: relative;
    background-size: 100%;
}
.bb5bd {
    position: relative;
}
.bb5bd .img {
    opacity: 0;
}
.bb5bd .img img {
    width: 100%;
}
.bb5hd {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bb5hd li {
    height: 100%;
    width: 16.66666%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    position: relative;
}
.bb5hd li.on{
    background: url("4b07606476ec15be735f.png") no-repeat;   
    background-size: cover; 
}

.bb5hd li+li:before{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.5);
}


.bb5hd li .bb5wz {
    transition: all ease-in-out 0.3s;
}
.bb5hd li.on .bb5wz{
    padding-bottom: 8%;
    transition: all ease-in-out 0.3s;
}
.bb5hd li .bb5wz .ico {
    overflow: hidden;
    height: 60px;
    line-height: 60px;
}
.bb5hd li .bb5wz .ico img {
    max-height: 60px;
}
.bb5hd li .bb5wz .b1 {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-top: 40px;
}
.bb5hd li .bb5wz .b2 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 5px;
}
.bb5hd li .bb5wz .b3 {
    width: 30px;
    height: 1px;
    background-color: #ffffff;
    margin: 10px auto 0;
}













/* css */
.bb6nr { position: relative; }
.bb6nr .tt { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.bb6nr .tt { opacity: 0; visibility: hidden; transition: all .5s ease; }
.bb6nr .tt.on { position: relative; z-index: 999; opacity: 1; visibility: visible; }




.bb6x {padding: 6.5vw 0 4.4vw;background: url("jinyou-card-case-ventilation.jpg")no-repeat center;}
.bb6top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 3.5vw; }
.bb6tabs { display: flex; gap: 54px; padding-top: 1.8vw; }
.bb6tabs li {position: relative;font-size: 17px;line-height: 30px;cursor: pointer;padding-left: 37px;}
.bb6tabs li s1{
    
font-family: Impact;
    
font-size: 95px;
    
font-weight: normal;
    
font-stretch: normal;
    
line-height: 30px;
    
letter-spacing: 10px;
    
color: #c2c2c2;
    
position: absolute;
    
z-index: 9;
    
left: 7px;
}
.bb6tabs li a{
    
color: #000000;
    
font-size: 26px;
    
font-weight: bold;
    
position: relative;
    
z-index: 99;
}
.bb6tabs li.on a{
    color: #145fd8;
}

.bb6tabs li:before {content: "";display: inline-block;width: 31px;height: 31px;margin-right: 9px;border-radius: 50%;background: rgba(120,120,120,.73);vertical-align: middle;position: absolute;left: 0px;z-index: 99;}
.bb6tabs li:after {content: "";display: inline-block;margin-right: 9px;border-radius: 50%;background: rgba(120,120,120,.73);vertical-align: middle;position: absolute;left: 6px;top: 6px;width: 19px;height: 19px;background-color: #474747;z-index: 100;}
.bb6tabs li.on { color: #145fd8; font-weight: bold; }
.bb6tabs li.on:before {background: #145fd8;opacity: 0.73;}
.bb6tabs li.on:after {background: #145fd8;opacity: 1;}
.bb6nr {max-width: 1800px;margin: 0 auto;}
.bb6fl{
    overflow: hidden;
    padding-bottom: 11.3vw;
}


.bb6nr li {position: relative;min-height: 344px;padding: 55px 37px;border-radius: 12px;overflow: hidden;background: rgba(255,255,255,.94);box-shadow: 0 18px 40px rgba(0,55,120,.12);transition: all .3s;}
.bb6fl li .img { position: absolute; inset: 0; opacity: 0; transition: opacity .3s; }
.bb6fl li .img:after { content: ""; position: absolute; inset: 0; background: rgba(18,96,205,.72); }
.bb6fl li .img img { width: 100%; height: 100%; object-fit: cover; }
.bb6fl li .txt { position: relative; z-index: 2; }
.bb6fl li:hover { color: #fff; background: #1769d8; }
.bb6fl li:hover .img { opacity: 1; }
.bb6fl li .txt .b1 {font-size: 24px;line-height: 1;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #121212;}
.bb6fl li .txt .b2 {font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #121212;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.bb6fl li .txt .b3{
    overflow: hidden;
    margin-top: 18px;
}
.bb6fl li .txt .b3 img{margin-top: 1.5vw;}
.bb6fl li .txt .b4{
    width: 85px;
    height: 2px;
    background-color: #121212;
    margin: 25px 0;
}

.bb6fl li:hover .txt .b1{
    color: #fff;
}
.bb6fl li:hover .txt .b2{
    color: #fff;
}
.bb6fl li:hover .txt .b3 img{
    transform: translateY(-200px);   filter: drop-shadow(#fff 0 200px); 
}
.bb6fl li:hover .txt .b4{
    background-color: #fff;
}


.bb6fl .swiper-button-prev,.bb6fl .swiper-button-next{
    width: 53px;
    height: 53px;
    top: auto;
    bottom: 0;
    margin-top: 0;
}
.bb6fl .swiper-button-prev{
    left: calc(50% - 70px);
    background: url("0bbbd51451c872b827d8.png")no-repeat;
    background-size: 100% 100%;
}
.bb6fl .swiper-button-next{
    right: calc(50% - 70px);
    background: url("e032f477b4a8e2b27a87.png")no-repeat;
    background-size: 100% 100%;
}
.bb6fl .swiper-button-prev:hover{
    background: url("b2bf78e62033fd0b95c8.png")no-repeat;
    background-size: 100% 100%;
}
.bb6fl .swiper-button-next:hover{
    background: url("e86d65882a63f803039c.png")no-repeat;
    background-size: 100% 100%;
}






.bb7x {
    background: url("4848e2e5f55581e686c6.png")no-repeat;
    background-size: cover;
 }
.bb7nr {padding: 10.7vw 0 5.5vw;display: flex;align-items: center;justify-content: space-between;gap: 6%;}
.bb7wz { width: 48%; }
.bb7wz .b1 {font-size: 2.05vw;line-height: 2;font-weight: bold;color: #fff;}
.bb7wz .b2 { margin-top: 1vw; font-size: 1.6vw; line-height: 1.4; font-weight: bold; }
.bb7wz .b3 {background: #fff;margin-top: 10px;width: 139px;height: 8px;}
.bb7wz .b4{
    
font-size: 16px;
    
font-weight: normal;
    
font-stretch: normal;
    
line-height: 36px;
    
letter-spacing: 0px;
    
color: #ffffff;
    
margin-top: 26px;
}
.bb7form {width: 44.2%;min-width: 470px;padding: 53px 23px;background: rgba(255,255,255,.96);color: #222;}
.bb7form .b11 { text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 20px; }

.bb7row { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.bb7row dd{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    height: 53px;
    border: solid 1px #b5b5b5;
}
.bb7row dd .b1{
    width: 80px;
    text-align: center;
}
.bb7row dd .b2{
    width: calc(100% - 80px);
}

.bb7i{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    height: 53px;
    border: solid 1px #b5b5b5;
    margin-top: 15px;
}
.bb7i .b1{
    width: 80px;
    text-align: center;
}
.bb7i .b2{
    width: calc(100% - 80px);
}
.bb7i3 .b2{position: relative;}

.bb7i2{
    height: auto;
    display: flex;
    align-items: flex-start;
}
.bb7i2 .b1{
    height: 51px;
    line-height: 44px;
}

.bb7form input, .bb7form textarea,.bb7i input{width: 100%;height: 53px;border: none;outline: none;color: #333;background: none;font-size: 14px;-webkit-text-fill-color: #939393;}
.bb7form textarea { height: 88px; padding-top: 12px; resize: none; }
.bb7form button { width: 100%; height: 44px; border: 0; background: #244edb; color: #fff; cursor: pointer; }


.bb7i3 .b2 #codeimg{
    position: absolute;
    right: 8PX;
    top: 50%;
    transform: translateY(-50%);
}
.bb7i4{
    margin-top: 25px;
}
.bb7i4 input{
    height: 49px;
    background-color: #2c46c8;
    font-size: 18px;
    color: #fff;
    -webkit-text-fill-color: #fff;
}





.bbdb {
    background: url("219c485c1594bbea9799.png")no-repeat;
    padding-top: 4.2vw;
    background-size: cover;
}
.bbdlolx {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
}
.bbdlogo {
    width: 10.2%;
    margin-bottom: 18px;
}
.bbdlogo img {
    width: 100%;
}

.bbdlx {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 64.125%;
}
.bbdlx li {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
.bbdlx li .img {
    max-width: 60px;
}
.bbdlx li .img img {
    max-width: 100%;
}
.bbdlx li .bbdlxwz {
    margin-left: 13px;
}
.bbdlx li .bbdlxwz .b1 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #ffffff;
}
.bbdlx li .bbdlxwz .b2 {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 13px;
}

.bbdbnr {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bbdnrz {}
.bbdnrzwz {
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 0px;
    color: #ffffff;
}
.bbdnrzewm {
    max-width: 135px;
    margin-top: 45px;
}
.bbdnrzewm img {
    width: 100%;
}
.bbdnrdh {
    width: 60.875%;
    margin-top: 30px;
}
.foot_nav{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bbdbxx {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 5vw;
    padding-bottom: 30px;
}










/*  */

@media (max-width: 1440px) {
    .w1600 { padding: 0 24px; }
    .bb1wz .b1 { font-size: 72px; }
    .bb1wz .b2 { font-size: 40px; }
    .bb1wz .b3 { font-size: 30px; }
    .bb2z .b1,
    .bb3x .b1,
    .bbbt .b2,
    .bb5bt .b1 { font-size: 40px; }
    .bb3x .b0 { font-size: 112px; }
    .bb5hd li .bb5wz .b1 { font-size: 20px; }
    .bb5hd li .bb5wz .b2 { font-size: 16px; }
}

@media (max-width: 1199px) {
    .bb2bd .tt { gap: 30px; }
    .bb2z { width: 52%; }
    .bb2y { width: 42%; }
    .bb2item .bb2wz {padding-top: 1px;}
    .bb2item .bb2wz span { font-size: 18px; line-height: 22px; }
    .bb3x .b2,
    .bb3x .b3 { width: 86%; }
    .bb3num { grid-template-columns: repeat(3, 1fr); }
    .bb3num li { margin: 24px 0; padding-left: 18%; }
    .bb3num li:nth-child(3n) { border-right: 0; }
    .bb3num li:last-child { border-right: 1px solid rgba(255,255,255,1); }
    .bb4nr { grid-template-columns: repeat(3, 1fr); }
    .bb5hd li .bb5wz .ico { height: 48px; line-height: 48px; }
    .bb5hd li .bb5wz .ico img { max-height: 48px; }
    .bb5hd li .bb5wz .b1 { margin-top: 24px; }
    .bb6tabs { gap: 34px; }
    .bb6tabs li s1 { font-size: 72px; }
    .bb6tabs li a { font-size: 22px; }
    .bb6nr li { padding: 40px 28px; min-height: 310px; }
    .bb7nr { gap: 4%; }
    .bb7form { min-width: 420px; }
    .bbdlx { width: 72%; gap: 20px; }
}

@media (max-width: 991px) {
    .bb2x { padding: 70px 0 42px; background-size: cover; }
    .bb2bd .tt { flex-direction: column; align-items: flex-start; }
    .bb2z,
    .bb2y { width: 100%; }
    .bb2z .b1 { font-size: 34px; line-height: 1.25; }
    .bb2z .b2 { font-size: 16px; line-height: 1.85; }
    .bb2z .b3 { margin-top: 24px; }
    .bb2y { max-width: 520px; margin: 20px auto 0; }
    .bb2bot { margin-top: 36px; gap: 12px; }
    .bb2arr { flex-basis: 32px; }

    .bb3x { padding: 70px 0; background-attachment: scroll; background-size: cover; }
    .bb3x .b0 { font-size: 78px; }
    .bb3x .b1 { margin-top: -34px; font-size: 34px; line-height: 1.3; }
    .bb3x .b2 { width: 100%; margin-top: 28px; font-size: 16px; line-height: 1.9; }
    .bb3num { grid-template-columns: repeat(2, 1fr); margin-top: 36px; }
    .bb3num li,
    .bb3num li:nth-child(3n),
    .bb3num li:last-child { border-right: 1px solid rgba(255,255,255,1); }
    .bb3num li:nth-child(2n) { border-right: 0; }

    .bb4x { padding: 70px 0 44px; }
    .bb4top { margin-bottom: 36px; }
    .bb4nr { grid-template-columns: repeat(2, 1fr); }

    .bb5btbj { padding: 54px 0 34px; }
    .bb5bt .b1 { font-size: 36px; }
    .bb5bt .b2 { font-size: 18px; line-height: 1.6; margin-top: 18px; }
    .bb5nr { background-size: cover; background-position: center; }
    .bb5bd .img { min-height: 560px; }
    .bb5bd .img img { height: 560px; object-fit: cover; }
    .bb5hd { align-content: stretch; }
    .bb5hd li { width: 33.333%; height: 50%; }
    .bb5hd li:nth-child(3n + 1):before { display: none; }
    .bb5hd li .bb5wz .b1 { font-size: 18px; margin-top: 18px; }

    .bb6x { padding: 70px 0 48px; background-size: cover; }
    .bb6top { flex-direction: column; gap: 26px; }
    .bb6tabs { width: 100%; gap: 24px; padding-top: 0; flex-wrap: wrap; }
    .bb6fl { padding-bottom: 88px; }
    .bb6nr { padding: 0 24px; }
    .bb6nr li { min-height: 280px; }

    .bb7nr { padding: 78px 24px 56px; flex-direction: column; align-items: stretch; }
    .bb7wz,
    .bb7form { width: 100%; min-width: 0; }
    .bb7wz .b1 { font-size: 32px; line-height: 1.45; }
    .bb7wz .b4 { line-height: 1.9; }
    .bb7form { margin-top: 34px; }

    .bbdb {padding-top: 35px;}
    .bbdlogo { width: 150px; }
    .bbdlolx { align-items: flex-start; gap: 28px; }
    .bbdlx { width: 100%; justify-content: flex-start; }
    .bbdbnr { gap: 30px; }
    .bbdnrz,
    .bbdnrdh {width: 100%;display: none;}
}

@media (max-width: 767px) {
    .w1600 { padding: 0 16px; }
    .bb1wz .b1 { font-size: 38px; line-height: 1.2; text-align: center; }
    .bb1wz .b2 { font-size: 24px; line-height: 1.35; margin-top: 10px; }
    .bb1wz .b3 { font-size: 18px; text-align: center; }

    .bb2x { padding: 52px 0 34px; }
    .bb2z .b1,
    .bb3x .b1,
    .bbbt .b2,
    .bb5bt .b1 { font-size: 28px; }
    .bb2z .b3 { width: 132px; height: 42px; font-size: 14px; }
    .bb2y { max-width: 360px; }
    .bb2bot { align-items: stretch; }
    .bb2arr { display: none; }
    .bb2swiper { padding: 10px 0; }
   
    .bb2item { min-height: 84px; border-radius: 16px; }

    .bb3x { padding: 52px 0; }
    .bb3x .b0 { font-size: 48px; }
    .bb3x .b1 { margin-top: -18px; }
    .bb3num { grid-template-columns: repeat(2, 1fr); }
    .bb3num li,
    .bb3num li:nth-child(2n),
    .bb3num li:nth-child(3n),
    .bb3num li:last-child { border-right: 1px solid rgba(255,255,255,1); }
    .bb3num li:nth-child(2n) { border-right: 0; }
    .bb3num li {margin: 0;padding: 22px 14px;border-bottom: 1px solid rgba(255,255,255,.55);}
    .bb3num li:last-child { border-bottom: 0; }
    .bb3num strong,
    .bb3num span {text-align: center;font-size: 14px;}
    .bb3num strong {font-size: 32px;}
    .bb3num strong s2{
    font-size: 14px;
}
    .bb4x { padding: 52px 0 36px; }
    .bb4top { align-items: flex-start; flex-direction: column; gap: 18px; }
    .bbbt .b1 { padding-left: 42px; }
    .bbbt .b1 s1 { width: 32px; }
    .bbmore { width: 160px; height: 40px; }
    .bb4nr { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .bb4nr li p {height: 46px;line-height: 46px;font-size: 16px;position: relative;}

    .bb5btbj { padding: 42px 0 28px; }
    .bb5bt .b2 { font-size: 15px; }
    .bb5bd .img,
    .bb5bd .img img { min-height: 680px; height: 680px; }
    .bb5hd li { width: 50%; height: 33.333%; padding: 0 10px; box-sizing: border-box; }
    .bb5hd li:nth-child(3n + 1):before { display: block; }
    .bb5hd li:nth-child(2n + 1):before { display: none; }
    .bb5hd li .bb5wz .ico { height: 42px; line-height: 42px; }
    .bb5hd li .bb5wz .ico img { max-height: 42px; }
    .bb5hd li .bb5wz .b1 { font-size: 16px; line-height: 1.35; margin-top: 12px; }
    .bb5hd li .bb5wz .b2 { font-size: 14px; line-height: 1.45; }

    .bb6x { padding: 52px 0 38px; }
    .bb6tabs { gap: 18px; }
    .bb6tabs li { padding-left: 30px; }
    .bb6tabs li s1 { font-size: 52px; letter-spacing: 4px; }
    .bb6tabs li a { font-size: 18px; }
    .bb6tabs li:before { width: 24px; height: 24px; }
    .bb6tabs li:after { width: 14px; height: 14px; left: 5px; top: 5px; }
    .bb6nr { padding: 0 16px; }
    .bb6nr li { min-height: 250px; padding: 30px 22px; }
    .bb6fl li .txt .b1 { font-size: 20px; }
    .bb6fl li .txt .b2 { font-size: 15px; line-height: 1.75; }
    .bb6fl .swiper-button-prev,
    .bb6fl .swiper-button-next { width: 44px; height: 44px; }

    .bb7nr { padding: 56px 16px 44px; }
    .bb7wz .b1 { font-size: 26px; }
    .bb7wz .b3 { width: 94px; height: 5px; }
    .bb7form { padding: 34px 16px; }
    .bb7row { grid-template-columns: 1fr; }
    .bb7row dd .b1,
    .bb7i .b1 { width: 72px; font-size: 14px; }
    .bb7row dd .b2,
    .bb7i .b2 { width: calc(100% - 72px); }
    .bb7i3 .b2 { display: flex; align-items: center; }
    .bb7i3 .b2 #checkcode { padding-right: 112px; box-sizing: border-box; }
    .bb7i3 .b2 #codeimg { width: 96px; height: auto; }
    .bbdlx li .img {
        max-width: 50px;
    }
    .bbdlx { display: grid; grid-template-columns: 1fr; gap: 18px; }
    .bbdlx li .bbdlxwz .b2 { font-size: 20px; }
    .bbdnrzwz { font-size: 18px; line-height: 1.8; }
    .bbdbxx { margin-top: 36px; }
}

@media (max-width: 480px) {
    .bb2item .img { width: 48%; }
    .bb2item .bb2wz span { font-size: 16px; }
    .bb2item .bb2wz .b2 { width: 42px; height: 24px; line-height: 24px; margin-top: 16px; }
    .bb5bd .img,
    .bb5bd .img img { min-height: 620px; height: 620px; }
    .bb6tabs { flex-direction: column; }
    .bb7form .b11 { font-size: 22px; }
}