* { margin: 0; padding: 0; }
img { max-width: 100%; max-height: 100%; }
.content { min-height: 500px; margin-top: 90px;  /* overflow: hidden; */ position: relative; }
.content1, .content2, .content3, .content4, .content5, .content6, .abdate_cont, .about_cont2, .about_cont3, .about_cont4, .about_cont5, .about_cont6, .about_cont7, .cent_cont1, .cent_cont2, .cent_cont3, .cent_cont4, .cent_cont5, .con_cont1, .con_cont2, .ser_cont5, .form, .solu_cont1, .solu_cont2, .solu_cont3, .solu_cont4, .solu_cont5, .abdate_cont, .abdate_cont1, .prodate_cont1, .issdate_cont2, .join_cont1, .join_cont2, .join_cont3, .new_cont1, .new_cont2, .newdate_cont3, .newsha_cone1, .odm_cont1, .odm_cont2, .odm_cont3, .odm_cont4, .odm_cont5, .odm_cont6, .prodate_cont1, .prodeta, .prodate_cont3, .prlis_cont1, .prlis_cont2, .abdate_cont, .ser_cont2, .ser_cont4, .ser_cont5, .servedat_cont { overflow: hidden; }

/* .scrollbar-ui-hover .scroll_bar{
display: none !important;
} */
.content6 .a, .content5 .a { display: block; width: 100%; height: 100%; }
.content6 .bj { width: 100%; height: 100%; vertical-align: middle; margin-left: 0 !important; }
.app { display: none; }
.banner { width: 100%; }
.banner .content1::after {  display: none; }
.banner img { width: 100%; height: 100%; vertical-align: middle; }
.banner .swiper-slide { position: relative; }
.banner .swiper-slide .container { position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); padding-left: 35px; height: 196px; }
.ban_con { width: 100%; height: 100%; position: relative; }
.banbt { position: absolute; bottom: 0; left: 0; }
.banner .container .p1 { font-size: 46px; color: #333; font-family: "bold"; position: relative; }
/*.banner .container .p1::before { content: ''; width: 30px; height: 6px; background: rgb(0, 121, 195); position: absolute; left: 5; top: -20px; }*/
.banner .container .p2 { font-size: 30px; color: #333; font-family: "regular"; }
.banner .swiper-slide:nth-child(2) .p1, .banner .swiper-slide:nth-child(2) .p2 { color: #fff; }
.banner .swiper-slide:nth-child(2) .p1::before { background: #fff; }
.ljgd { display: block; width: 140px; height: 45px; text-align: center; line-height: 45px; margin-top: 50px; overflow: hidden; position: relative; transition: all 0.8s; background: rgb(0, 121, 195); }
.ljgd span { display: block; position: relative; z-index: 4; height: 45px; line-height: 45px; font-size: 12px; color: #fff; }
.ljgd:before { content: ''; position: absolute; width: 6px; height: 6px; background: rgb(232, 73, 38); transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); margin-top: -2px; transform: scale(0, 0); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); z-index: 2; }
.ljgd:hover:before { transform: scale(100, 100); -webkit-transform: scale(100, 100); -moz-transform: scale(100, 100); -ms-transform: scale(100, 100); -o-transform: scale(100, 100); }
.banner .container a img { width: 16px; height: 7px; margin-left: 5px; margin-bottom: 3px; }
.banner .container a:hover img { margin-left: 10px; }
.ljgd span img { transition: all 0.8s; }
.ljgd span:hover>img { margin-left: 10px; }

/* content1 */
.content1 { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; }
.content1 .content1_1 { width: 100%; position: relative; }
.content1 .content1_1 a { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; } 
.content1 .content1_1 img { width: 100%; height: 100%; vertical-align: middle; }
.content1 .content1_1 div { position: absolute; top: 35%; left: 8%; z-index: 2; transition: all .5s; }
.content1 .content1_1 .p1 { font-size: 26px; color: #333; font-family: "bold"; transition: all .5s; }
.content1 .content1_1 .p2 { font-size: 14px; color: #777; margin-top: 5px; transition: all .5s; }
.content1 .content1_1 div img { width: 52px; height: 52px; margin-top: 37px; transition: all .5s; opacity: 0; }
.content1 .content1_1 a::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(232, 73, 38, 0); transition: all .5s; }
.content1 .content1_1::after { content: ''; width: 100%; height: 0; padding-bottom: 66.66%; display: block; }
.content1 .content1_1:hover a::before { background: rgba(232, 73, 38, 0.8); }
.content1 .content1_1:hover>a div { left: 20%; top: 23%; z-index: 2; }
.content1 .content1_1:hover>a div .p1 { color: #fff; font-size: 36px; }
.content1 .content1_1:hover>a div .p2 { color: #fff; font-size: 20px; }
.content1 .content1_1:hover>a div img { opacity: 1; }
@media (max-width: 1024px) {
    .content1 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .content1 { grid-template-columns: 100%; }
}


/* .content2 */
.content2 { width: 100%; padding: 80px 0; position: relative; }
.content2 .dbj { width: 953px; height: 165px; position: absolute; left: 0%; top: 50%; transform: translate(0%, -50%); transition: all 1s; }
.content2 .dbj img { width: 100%; }
.content2 .foot-container { position: relative; }
.content2 .bj { width: 1402px; height: 623px; position: absolute; right: 0; top: 50%; transform: translate(0%, -50%); z-index: -1; }
.content2 .bj img { width: 100%; height: 100%; }
.content2 .lef { width: 50%; float: left; }
.content2 .rig { width: 50%; float: right; }
.content2 .rig div { width: 100%; height: 476px; margin-top: 164px; }
.content2 .rig div img { width: 100%; }
.content2 .lef .rq { width: 100%; float: right; margin-top: 70px; }
.bt { font-size: 40px; color: #333; font-family: "bold"; }
.content2 .lef .rq .p2 { font-size: 14px; color: #999; line-height: 30px; margin-top: 15px; padding-right: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.content2 .void { width: 426px; height: 240px; position: relative; float: right; }
.void .abo_video img { width: 100%; height: 100%; }

/* è§?é￠‘??1?a— */
.msg-box-bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none; z-index: 1001; }
.msg-box { width: 100%; height: 100%; background-color: #F3F3F3; position: absolute; left: 50%; top: 47%; transform: translate(-50%, -50%); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); }
.msg-box .close-box { width: 35px; height: 35px; background: url("../images/qx3.png") no-repeat center; cursor: pointer; position: absolute; right: 55px; top: 55px; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.msg-box .close-box:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.abo_video { width: 100%; height: 100%; cursor: pointer; overflow: hidden; position: relative; }
.content2 .abo_video:after { content: ''; width: 75px; height: 74px; background: url(../images/img8.png) no-repeat center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.4s; background-size: contain; z-index: 10; }
.content2 .abo_video:hover:after { top: 47%; }

/* content3 */
.content3 { width: 100%; height: 200px; background-image: url(../images/img28.jpg); background-repeat: no-repeat; background-size: cover; position: relative; }
.content3 .foot-container { position: absolute; left: 50%; top: 0; transform: translate(-50%, 0%); }
.content3 div { height: 200px; vertical-align: middle; display: table-cell; }
.content3 .content3_1 { width: 27%; height: 200px; float: left; padding-left: 70px; background-image: url(../images/img218.png); background-repeat: no-repeat; background-position-x: left; background-position-y: 45%; }
.content3 .content3_1:nth-child(2) { background-image: url(../images/img14.png); }
.content3 .content3_1:nth-child(3) { background-image: url(../images/img15.png); }
.content3 .content3_1:nth-child(4) { width: 19%; background-image: url(../images/img16.png); }
.content3 .content3_1 .p1 { font-size: 14px; color: #fff; }
.content3 .content3_1 .p1 span { font-size: 40px; color: #fff; font-family: "bebas"; }

/* .content4 */
.content4 { width: 100%; padding-top: 80px; padding-bottom: 85px; }
.fbt { font-size: 16px; color: #999; margin-bottom: 35px; }
.content4 .lef { float: left; width: 600px; height: 520px; background: rgb(248, 248, 248); }
.content4 .lef .top { overflow: hidden; }
.content4 .lef .top, .content4 .lef .top img { width: 100%; vertical-align: middle; transition: all 1s; }
.content4 .lef:hover>a .top img { transform: scale(1.1); }
.content4 .lef:hover>a .bot .p1 { color: rgba(0, 121, 195); }
.content4 .lef .top { position: relative; }
.content4 .lef .top span { font-size: 18px; color: #fff; width: 100px; height: 45px; text-align: center; line-height: 45px; display: block; position: absolute; right: 0; bottom: 0; background: rgba(0, 121, 195, 0.9); }
.content4 .lef .bot { padding: 35px 30px; }
.content4 .lef .bot .p1 { font-size: 18px; color: #333; font-family: "bold"; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.content4 .lef .bot .p2 { font-size: 14px; color: #999;  /* padding-left: 10px; */ line-height: 25px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.content4 .rig { width: 740px; float: right; height: 520px; }
.content4 .rig .rq { width: 100%; }
.content4 .rig .rq .rq1 { float: left; width: 360px; }
.content4 .rig .rq .rq1:nth-child(2) { float: right; }
.content4 .rig .rq .rq1 div, .content4 .rig .rq .rq1 div img { width: 100%; vertical-align: middle; transition: all 1s; }
.content4 .rig .rq .rq1 div { position: relative; overflow: hidden; }
.content4 .rig .rq .rq1 div span { font-size: 16px; color: #fff; width: 90px; height: 35px; text-align: center; line-height: 35px; display: block; position: absolute; right: 0; bottom: 0; background: rgba(0, 121, 195, 0.9); }
.content4 .rig .rq .rq1 p { font-size: 16px; color: #555; margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.content4 .rig .rq .rq1:hover>a div img { transform: scale(1.1); }
.content4 .rig .rq .rq1:hover>a p { color: rgba(0, 121, 195); }
.content4 .rig .rq2 { width: 100%; margin-top: 55px; border-top: 1px solid rgb(240, 240, 240); }
.content4 .rig .rq2 p { font-size: 16px; color: #555; line-height: 70px; border-bottom: 1px solid rgb(240, 240, 240); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.content4 .rig .rq2 p span { font-size: 16px; color: #999; float: right; }
.content4 .rig .rq2 p a { display: inline-block; width: 100%; height: 100%; }
.content4 .rig .rq2 p:hover>a, .content4 .rig .rq2 p:hover>a span { color: rgba(0, 121, 195); }

/* content5 */
.content5 { width: 100%; background-image: url(../images/img20_2.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 60px; padding-bottom: 55px; }
.content5 .lef { float: left; margin-top: 90px; }
.content5 .dt { float: right; position: relative; margin-right: -210px; }
.content5 .dt .dian1 { width: 7px; height: 7px; border-radius: 50%; background: rgb(10, 185, 223); position: absolute; left: 16.5%; top: 40.7%; transform: translate(-50%, -50%); }
.content5 .dt .dian1.dian5_2{display: none;}
.content5 .dt .dian2 { left: 50%; top: 32%; }
.content5 .dt .dian3 { left: 48%; top: 36%; }
.content5 .dt .dian4 { left: 82%; top: 43%; }
.content5 .dt .dian5 { left: 80%; top: 47%; }
.content5 .dt .dian6 { left: 82%; top: 37.5%; }
.content5 .dt .dian7 { left: 77.5%; top: 51.5%; }
.content5 .dt .dian8 { left: 77.5%; top: 53%; }
.content5 .dt .dian1 div { width: 100%; height: 100%; background: rgba(10, 185, 223, 0.5); border-radius: 50%; position: relative; }
.content5 .dt .dian1 div::before { content: ''; width: 100%; height: 100%; border-radius: 50%;   /* border: 1px solid rgb(10,185,223); */   /* background: rgba(10,185,223,0.5); */
animation: sonarEffect 2s linear infinite; position: absolute; left: 0%; top: 0%; }
@keyframes dian {
0% { transform: scale(1); }
100% { transform: scale(3); }
}
@keyframes sonarEffect {
0% { opacity: 0.3; }
40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(10, 185, 223), 0 0 0px 0px rgba(10, 185, 223), 0 0 0 10px rgba(10, 185, 223); }
100% { box-shadow: 0 0 0 2px rgba(10, 185, 223), 0 0 0px 0px rgba(10, 185, 223), 0 0 0 10px rgba(10, 185, 223); transform: scale(1.8); opacity: 0; }
}
.content5 .fj { position: absolute; top: 55%; left: 57%; transform: translate(-50%, -50%); animation: fj1 2s linear infinite; }
@keyframes fj1 {
0% { top: 55%; left: 57%; }
50% { top: 55%; left: 47%; }
100% { top: 54%; left: 41%; }
}
.content5 .fj2 { position: absolute; top: 46%; left: 57%; transform: translate(-50%, -50%); animation: fj2 1s linear infinite; }
@keyframes fj2 {
0% { top: 48%; left: 62%; }
20% { top: 47%; left: 61%; }
40% { top: 46%; left: 60%; }
100% { top: 43%; left: 57%; }
}
.content5 .fj3 { position: absolute; top: 50%; left: 62%; transform: translate(-50%, -50%); animation: fj3 1s linear infinite; }
@keyframes fj3 {
0% { top: 50%; left: 62%; }
20% { top: 49%; left: 61%; }
40% { top: 49%; left: 60%; }
60% { top: 48%; left: 59%; }
80% { top: 47%; left: 57.5%; }
100% { top: 47%; left: 56%; }
}

/* .content6 */
.content6 { width: 100%; position: relative; }
.content6 img { width: 100%; height: 100%; vertical-align: middle; }
.content6 .foot-container { position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%);  /* padding-left: 35px; */ }
.content6 .foot-container p { color: #fff; }
.content6 .foot-container .p1 { font-size: 14px; width: 430px; line-height: 25px; }
.content6  a img { width: 16px; height: 7px; margin-left: 5px; }

/* è§￡??3?–1??? */
.banner .nr { width: 100%; height: 100%; position: relative; }
.banner .nr .wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.banner .nr .wrap .p1 { font-size: 40px; color: #fff; font-family: "bold"; position: relative; }
.banner .nr .wrap .p1::before { content: ''; width: 98px; height: 125px; background-image: url(../images/img29.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: -28px; top: -26px; }
.banner .nr .wrap .p2 { font-size: 14px; color: #fff; font-family: "regular"; }

/* content1 */
.solu_cont1 { width: 100%; height: 100px; background: #fff; }
.solu_cont1 a { font-size: 18px; color: #666; font-family: "regular"; line-height: 100px; margin-right: 70px; }
.solu_cont1 a:hover { color: #e84926; }
.solu_cont1 .on { color: #e84926; }

/* content2 */
.solu_cont2 { width: 100%; height: auto; background: rgb(245, 245, 245); line-height: auto; padding: 20px 0; }
.solu_cont2 a { width: 245px; height: 45px; display: inline-block; font-size: 16px; color: #444; font-family: "regular"; line-height: 45px; text-align: center; }
.solu_cont2 .on { background: rgb(232, 73, 38); color: #fff; }
.solu_cont2 a:hover { background: rgb(232, 73, 38); color: #fff; }
.solu_cont2 .wrap { display: flex; gap: 20px; }
/* content3 */
.solu_cont3 { width: 100%; padding-top: 80px; padding-bottom: 100px; }
.so_bt { font-size: 40px; color: #333; font-family: "bold"; text-align: center; }
.solu_cont3 .so_jz { padding-top: 60px; }
.solu_cont3 .lef { height: 492px; width: 410px; float: left; }
.solu_cont3 .lef .rq { width: 99%; height: 80px; background: rgb(243, 247, 249); padding-left: 38px; margin-bottom: 3px; }
.solu_cont3 .lef .rq img { margin-top: 15px; float: left; }
.solu_cont3 .lef .rq p { font-size: 20px; color: #444; font-family: "regular"; line-height: 80px;  /* float: left; */ }
.solu_cont3 .rig { width: 790px; height: 492px; float: right; }
.solu_cont3 .rig img { width: 100%; height: 100%; }

/* content4 */
.solu_cont4 { width: 100%; background-image: url(../images/img33.jpg); background-repeat: no-repeat; background-size: cover; padding: 85px 0; }
.solu_cont4 .top { width: 100%; }
.solu_cont4 .top .rq { width: 50%; float: left; background: #fff; height: 555px; margin-top: 65px; padding: 50px 70px; }
.solu_cont4 .top .rq2 { float: right; background: rgb(230, 239, 243); }
.solu_cont4 .top .rq .p1 { font-size: 30px; color: #333; font-family: "regular"; text-align: center; }
.solu_cont4 .top .rq .tc { width: 100%; height: 90px; background: rgb(0, 121, 195); padding-left: 50px; margin-top: 35px; }
.solu_cont4 .top .rq2 .tc { background: rgb(232, 73, 38); }
.solu_cont4 .top .rq .tc .lef { font-size: 20px; color: #fff; width: 63px; height: 63px; background-image: url(../images/img34.png); background-repeat: no-repeat; background-size: contain; text-align: center; line-height: 63px; float: left; margin-top: 14px; }
.solu_cont4 .top .rq .tc .rig { height: 90px; vertical-align: middle; display: table-cell;  /* float: left; */ padding-left: 30px; }
.solu_cont4 .top .rq .tc .rig p { font-size: 20px; color: #fff; font-family: "regular"; }
.solu_cont4 .top .rq img { margin-top: 80px; }
.solu_cont4 .top .rq2 img { display: block; margin: 0 auto; margin-top: 55px; }
.solu_cont4 .bot .p1 { font-size: 36px; color: #333; font-family: "regular"; text-align: center; padding: 80px 0; }
.solu_cont4 .bot .rq { width: 100%; }
.solu_cont4 .bot .rq .lef { width: 455px; height: 399px; float: left; }
.solu_cont4 .bot .rq .lef p { font-size: 18px; color: #444; font-family: "regular"; }
.solu_cont4 .bot .rq .lef .p2 { width: 85%; margin: 0 auto; margin-top: 25px; }
.solu_cont4 .bot .rq .lef .p3 { margin: 0 auto; padding-left: 70px; background-image: url(../images/img35_3.png); background-repeat: no-repeat; background-size: 45px; background-position-x: left; margin-bottom: 30px; margin-top: 30px; }
.solu_cont4 .bot .rq .lef img { width: 100%; }
.solu_cont4 .bot .rq .rig { width: 567px; height: 446px; float: right; }
.solu_cont4 .bot .rq .rig img { width: 100%; height: 100%; }

/* content5 */
.solu_cont5 { width: 100%; padding-top: 90px; padding-bottom: 130px; }
.solu_cont5 .con5_1 .lef { width: 411px; height: 374px; float: left; }
.solu_cont5 .con5_1 .rig { width: 466px; height: 380px; float: right; }
.solu_cont5 .con5_1 div img { width: 100%; height: 100%; }
.solu_cont5 .p2 { font-size: 18px; color: #666; font-family: "normal"; text-align: center; margin-bottom: 80px; margin-top: 10px; }
.con5_2 { width: 100%; }
.solu_cont5 .p3 { font-size: 36px; color: #333; font-family: "regular"; text-align: center; margin-bottom: 40px; margin-top: 110px; }
.sp { font-size: 18px; color: #666; font-family: "normal"; display: inline-block; height: 40px; line-height: 40px; }
.sp img { float: left; margin-right: 10px; }
.sp1 { margin-left: 170px; margin-right: 90px; }
.con5_2 div { margin-top: 40px; width: 100%; }
.con5_2 div img { width: 100%; height: 100%; }
.solu_cont5 .p4 { font-size: 18px; color: #666; font-family: "normal"; text-align: center; margin-bottom: 75px; }
.solu_cont5 .con5_3 .p3, .solu_cont5 .con5_4 .p3, .solu_cont5 .con5_5 .p3 { margin-bottom: 15px; }
.solu_cont5 .con5_3 div {  /* float: right; */
margin: 0 auto; }
.solu_cont5 .con5_3 div img { display: block; margin: 0 auto; }
.con5_4 .rq { width: 100%; }
.con5_4 .rq div { width: 23.5%; float: left; margin-right: 2%; }
.con5_4 .rq div:nth-child(4) { margin-right: 0; }
.con5_4 .rq div img { width: 100%; height: 100%; }
.con5_5 .rq { width: 100%; height: 445px; overflow-y: auto; }
.con5_5 .rq::-webkit-scrollbar { width: 3px; background-color: red; border-radius: 50px; }
.con5_5 .rq::-webkit-scrollbar-track { border-radius: 50px; background-color: #999999 }
.con5_5 .rq::-webkit-scrollbar-thumb { border-radius: 50px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: red }
.con5_5 .rq .lef { width: 690px; float: left; padding: 5px; padding-top: 10px; }
.con5_5 .rq .lef div { height: 100px; width: 32%; float: left; margin-right: 2%; background: #fff; position: relative; box-shadow: 0px 1px 6px 0px rgba(90, 91, 95, 0.3); margin-bottom: 10px; transition: all .3s; }
.con5_5 .rq .lef div:hover { transform: translate3d(0, -5px, 0); }
.con5_5 .rq .lef div:nth-child(3n) { margin-right: 0; }
.con5_5 .rq .lef div img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.con5_5 .rq .rig { width: 493px; float: right; padding: 5px; }
.con5_5 .rq .rig div { width: 49%; height: 100%; box-shadow: 0px 1px 6px 0px rgba(90, 91, 95, 0.3); padding-top: 47px; padding-left: 35px; float: left; }
.con5_5 .rq .rig div p { font-size: 16px; color: #444; font-family: "normal"; line-height: 40px; }
.con5_5 .rq .rig .llf { float: left; }
.con5_5 .rq .rig .rri { float: right; }

/* ODM */
.banner2 .nr .wrap { left: 45%; top: 48%; }
.banner2 .nr .wrap .p1 { font-size: 46px; font-family: "medium"; }
.banner2 .nr .wrap .p1::before { content: ''; width: 30px; height: 6px; background: rgb(0, 121, 195); position: absolute; left: 8px; top: -35px; }

/* content1 */
.odm_cont1 { width: 100%; }
.odm_bt { font-size: 46px; color: #333; font-family: "medium"; text-align: center; padding-top: 80px; padding-bottom: 40px; position: relative; }
.odm_bt::before { content: ''; width: 30px; height: 3px; background: rgb(51, 148, 207); position: absolute; left: 50%; top: 85%; transform: translate(-50%, -50%); }
.odm_fbt { font-size: 16px; width: 82%; color: #666; font-family: "regular"; text-align: center; margin: 0 auto; }
.odm_cont1 .rq { padding-top: 40px; padding-bottom: 80px; width: 100%; }
.odm_cont1 .rq div { margin-bottom: 25px; position: relative; overflow: hidden; }
.odm_cont1 .rq div img { width: 100%; height: 100%; vertical-align: middle; transition: all 1s; }
.odm_cont1 .rq div p { width: 100%; line-height: 70px; color: #fff; font-size: 22px; font-family: "regular"; background: rgba(230, 86, 55, 0.9); position: absolute; bottom: 0; left: 0; padding-left: 40px; opacity: 0; transition: all 0.7s; }
.odm_cont1 .rq div:hover>p { opacity: 1; }
.odm_cont1 .rq div:hover>img { transform: scale(1.1); }
.odm_cont1 .rq1 { width: 700px; height: 420px; float: left; }
.odm_cont1 .rq2 { width: 480px; height: 420px; float: right; }
.odm_cont1 .rq3 { width: 480px; height: 420px; float: left; }
.odm_cont1 .rq4 { width: 700px; height: 420px; float: right; }

/* odm_cont2 */
.odm_cont2 { width: 100%; background: rgb(243, 245, 246); padding-bottom: 105px; }
.odm_cont2 .swiper-container { margin-top: 48px; }
.odm_cont2 .swiper-slide img { width: 100%; height: 100%; }
.odm_cont2 .swiper-button-next:after, .odm_cont2 .swiper-button-prev:after { content: none; }
.odm_cont2 .swiper-button-next { width: 60px; height: 60px; background-image: url(../images/img60.png); background-size: contain; opacity: 1; }
.odm_cont2 .swiper-button-next:hover { background-image: url(../images/img61.png); }
.odm_cont2 .swiper-button-prev { width: 60px; height: 60px; background-image: url(../images/img59.png); background-size: contain; opacity: 1; }
.odm_cont2 .swiper-button-prev:hover { background-image: url(../images/img58.png); }

/* odm_cont3 */
.odm_cont3 { width: 100%; background-image: url(../images/img56.jpg); background-size: cover; background-repeat: no-repeat; position: relative; padding-bottom: 90px; }
.odm_cont3 .swiper-container { margin-top: 65px; }
.odm_cont3 .swiper-slide img { width: 100%; height: 100%; }
.odm_cont3 .swiper-button-next:after, .odm_cont3 .swiper-button-prev:after { content: none; }
.odm_cont3 .swiper-button-next { width: 60px; height: 60px; background-image: url(../images/img60.png); background-size: contain; opacity: 1; top: 60%; right: 14%; }
.odm_cont3 .swiper-button-next:hover { background-image: url(../images/img61.png); }
.odm_cont3 .swiper-button-prev { width: 60px; height: 60px; background-image: url(../images/img59.png); background-size: contain; opacity: 1; top: 60%; left: 14%; }
.odm_cont3 .swiper-button-prev:hover { background-image: url(../images/img58.png); }

/* .odm_cont4 */
.odm_cont4 { width: 100%; }
.odm_cont4 .rq { width: 100%; padding-top: 50px; padding-bottom: 60px; }
.odm_cont4 .rq img { width: 100%; }
.odm_cont4 .rq div { width: 25%; height: 210px; float: left; margin-bottom: 50px; transition: all .3s; position: relative; }
.odm_cont4 .rq div .tp { background-image: url(../images/img63.png); background-position-x: center; width: 125px; height: 140px; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0%); }
.odm_cont4 .rq div:nth-child(2) .tp { background-image: url(../images/img64.png); }
.odm_cont4 .rq div:nth-child(3) .tp { background-image: url(../images/img66.png); }
.odm_cont4 .rq div:nth-child(4) .tp { background-image: url(../images/img68.png); }
.odm_cont4 .rq div:nth-child(5) .tp { background-image: url(../images/img70.png); }
.odm_cont4 .rq div:nth-child(6) .tp { background-image: url(../images/img72.png); }
.odm_cont4 .rq div:nth-child(7) .tp { background-image: url(../images/img74.png); }
.odm_cont4 .rq div:nth-child(8) .tp { background-image: url(../images/img76.png); }
.odm_cont4 .rq div:nth-child(1):hover .tp { background-image: url(../images/img62.png); }
.odm_cont4 .rq div:nth-child(2):hover .tp { background-image: url(../images/img65.png); }
.odm_cont4 .rq div:nth-child(3):hover .tp { background-image: url(../images/img67.png); }
.odm_cont4 .rq div:nth-child(4):hover .tp { background-image: url(../images/img69.png); }
.odm_cont4 .rq div:nth-child(5):hover .tp { background-image: url(../images/img71.png); }
.odm_cont4 .rq div:nth-child(6):hover .tp { background-image: url(../images/img73.png); }
.odm_cont4 .rq div:nth-child(7):hover .tp { background-image: url(../images/img75.png); }
.odm_cont4 .rq div:nth-child(8):hover .tp { background-image: url(../images/img77.png); }
.odm_cont4 .rq div:hover .tp { top: -10px; }
.odm_cont4 .rq div p { text-align: center; font-size: 20px; color: #444; font-family: "regular"; padding-top: 165px; }
.odm_cont4 .rq { position: relative; }
.odm_cont4 .rq p { text-align: center; font-size: 20px; color: #444; font-family: "regular"; }
.odm_cont4 { padding-bottom: 30px; }
.odm_cont4 .rq .p1 { position: absolute; top: 41%; left: 5%; transform: translate(-50%, -50%); }
.odm_cont4 .rq .p2 { position: absolute; top: 41%; left: 33%; transform: translate(-50%, -50%); }
.odm_cont4 .rq .p3 { position: absolute; top: 41%; left: 61%; transform: translate(-50%, -50%); }
.odm_cont4 .rq .p4 { position: absolute; top: 41%; left: 89%; transform: translate(-50%, -50%); }
.odm_cont4 .rq .p5 { position: absolute; top: 91%; left: 89%; transform: translate(-50%, -50%); }
.odm_cont4 .rq .p6 { position: absolute; top: 91%; left: 61%; transform: translate(-50%, -50%); }
.odm_cont4 .rq .p7 { position: absolute; top: 91%; left: 33%; transform: translate(-50%, -50%); }
.odm_cont4 .rq .p8 { position: absolute; top: 91%; left: 5%; transform: translate(-50%, -50%); }

/* odm_cont5 */
.odm_cont5 { width: 100%; background-image: url(../images/img78.jpg); background-repeat: no-repeat; background-size: cover; }
.odm_cont5 .rq { width: 100%; height: 540px; margin-top: 50px; background-image: url(../images/img83.png); background-repeat: no-repeat; background-position-x: center; background-position-y: 10% }
.odm_cont5 .rq .lef { width: 530px; height: 270px; float: left; padding-bottom: 30px; }
.odm_cont5 .rq .lef img { float: right; transition: all .3s; }
.odm_cont5 .p1 { font-size: 26px; color: #333; font-family: "medium"; padding-bottom: 25px; }
.odm_cont5 .p2 { font-size: 16px; color: #777; font-family: "regular"; width: 65%; }
.odm_cont5 .rq .rig { width: 500px; float: right; height: 270px; padding-bottom: 30px; }
.odm_cont5 .rq .rig img { float: left; transition: all .3s; }
.odm_cont5 .rq .rig .p1 { padding-left: 35%; }
.odm_cont5 .rq .rig .p2 { padding-left: 35%; width: 100%; }
.odm_cont5 div:hover>img { transform: scale(1.1); }

/* odm_cont6 */
.odm_cont6 { width: 100%; padding-bottom: 130px; }
.odm_cont6 .rq { width: 100%; margin-top: 45px; }
.odm_cont6 .rq div { width: 18.2%; float: left; height: 100px; margin-right: 2%; position: relative; border: 1px solid rgb(231, 231, 231); margin-bottom: 10px; transition: all .3s; }
.odm_cont6 .rq div img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.odm_cont6 .rq div:nth-child(5n) { margin-right: 0%; }
.odm_cont6 .rq div:hover { transform: translate3d(0, -7px, 0); }
.odm_cont6 .an { display: block; width: 160px; line-height: 50px; text-align: center; background: #999; font-size: 16px; color: #fff; margin: 0 auto; margin-top: 20px; transition: all .3s; }
.odm_cont6 .an:hover { background: rgb(51, 148, 207); }

/* ?o§?“???—è?¨ */
.prlis_banner .nr .wrap { top: 45%; }
.prlis_banner .nr .wrap .p1::before { content: none; }
.prlis_banner .nr .wrap .p2 { font-size: 14px; position: relative; }
.prlis_banner .nr .wrap .p2::before { content: ''; width: 30px; height: 4px; background: #fff; position: absolute; left: 0; bottom: -30px; }

/* prlis_cont1 */
.prlis_cont1 { width: 100%;  /* padding-top: 70px; */ padding-bottom: 30px; }
.prlis_cont1 .rq { width: 100%; }
.prlis_cont1 .rq .fd { width: 100%; margin-bottom: 5px; padding-top: 5px; }
.prlis_cont1 .rq div span { display: inline-block; width: 170px; font-size: 18px; color: #444; font-family: "regular"; }
.prlis_cont1 label { display: inline-block; width: 150px; font-family: "regular"; font-size: 16px; color: #666; }
.prlis_cont1 label input { width: 20px; height: 20px; margin-bottom: 0; text-indent: 0; margin-right: 3px; }
.prlis_cont1 input[type="checkbox"] { width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 28px; position: relative; }
.prlis_cont1 input[type="checkbox"]::before { content: ""; position: absolute; top: -3px; left: 0; background: #fff; width: 100%; height: 100%; border: 1px solid #d9d9d9; border-radius: 3px; }
.prlis_cont1 input[type="checkbox"]:checked::before {  /* content: "¹3"; */

/* background-color: #fff; */
background-image: url(../images/img86.png); background-size: 12px 10px; background-position: center; background-repeat: no-repeat; position: absolute; top: -3px; left: 0; width: 100%; }
.prlis_cont1 .rq div span { float: left; width: 14%; }
.prlis_cont1 .rq .rq1 { width: 86%; float: left; }

/* prlis_cont2 */
.prlis_cont2 { width: 100%; padding-top: 95px; padding-bottom: 120px; background: rgb(243, 245, 246); }
.prlis_cont2 .rq { width: 100%; }
.prlis_cont2 .rq .rq1 { width: 32%; height: 560px; margin-right: 2%; border: 1px solid rgb(221, 221, 221); float: left; margin-bottom: 25px; position: relative; transition: all 1s; }
.prlis_cont2 .rq .rq1:nth-child(3n) { margin-right: 0; }
.prlis_cont2 .top { width: 100%; height: 317px; background: #fff; border-bottom: 1px solid rgb(221, 221, 221); position: relative; }
.prlis_cont2 .top img { width: 75%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.prlis_cont2 .bot { height: 242px; padding: 0 60px; padding-top: 30px; background: rgb(240, 245, 248); border-bottom: 1px solid rgb(221, 221, 221); transition: all 0.5s; }
.prlis_cont2 .bot .p1 { font-size: 26px; color: #444; font-family: "regular"; }
.prlis_cont2 .bot .p2 { font-size: 16px; color: #777; font-family: "regular"; margin-bottom: 18px; }
.prlis_cont2 .bot .p3 { font-size: 16px; color: #777; font-family: "regular"; line-height: 30px; }
.prlis_cont2 .bot .p3 img { margin-right: 3px; }
.prlis_cont2 .anniu { width: 150px; height: 50px; border: 1px solid rgb(212, 214, 215); display: block; margin: 0 auto; font-size: 16px; color: #666; font-family: "regular"; margin-top: 60px; }
.prlis_cont2 .bot button { width: 100px; height: 35px; background: rgb(0, 121, 195); font-size: 13px; color: #fff; font-family: "regular"; position: absolute; bottom: 20px; opacity: 0; transition: all 0.5s; }
.prlis_cont2 .ljgd span { line-height: 35px; }

/* .prlis_cont2 .rq1:hover .bot{
width: 100%;
height: 310px;
position: absolute;
top: 317px;
z-index: 10;
background: rgb(240,245,248);
box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
} */
.prlis_cont2 .rq1:hover { box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); transform: translate3d(0, -5px, 0); position: relative; z-index: 1; }
.prlis_cont2 .rq1:hover button { opacity: 1; }

/* ?o§?“?èˉ|??… */

/* content1 */

.prodate_cont1 { width: 100%; height: 62px; border-bottom: 1px solid rgb(221, 221, 221); background: rgb(240, 245, 248); }
.prodate_cont1 .rq { width: 100%; line-height: 62px; }
.prodate_cont1 .rq a { font-size: 16px; color: #666; font-family: "regular"; }
.prodate_cont1 .rq a img { margin-right: 15px; }
.prodate_cont1 .rq .on { color: #0079c3; }
.prodate_cont1 .rq a:hover { color: #0079c3; }

/* è???’-??? */
* { margin: 0; padding: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*?o§?“?èˉ|??…*/
.prodeta { background: rgb(240, 245, 248); }
.proxq-one { padding: 88px 0 103px; }
.proxq-con .bread { margin-top: 100px; }
.proxq1-lf { width: 55%; float: left; }
.proxq1-pic { overflow: hidden; width: 100%; height: 100%; position: relative; }
.proxq1-pic img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.proxq1-top { height: 420px; float: right; width: 74%; position: relative; }
.proxq1-thumbs { width: 16%; height: 420px; padding: 44px 0; position: relative; }
.proxq1_thumbs { height: 310px; overflow: hidden; }
.proxq1-con .proxq1-prev { top: 0; left: 50%; margin-left: -26px; width: 52px; background: url(../images/img92.png) no-repeat center; text-align: center; line-height: 52px; color: #000; border-radius: 50%; z-index: 3; transition: all 0.4s; }
.swiper-button-prev:after, .swiper-button-next:after { content: none; }
.proxq1-con .proxq1-next { top: auto; bottom: 0; left: 50%; margin-left: -26px; width: 52px; background: url(../images/img91.png) no-repeat center; text-align: center; line-height: 52px; color: #000; border-radius: 50%; z-index: 3; transition: all 0.4s; }
.proxq1-con .proxq1-thumbs p { color: #333; font-size: 16px; text-align: center; margin-top: 12px; }
.proxq1_top { height: 100%; overflow: hidden; }
.proxq1-con .proxq1-top .swiper-slide { padding: 0; }
.proxq1-con .proxq1-top .swiper-slide img {  /* width: 100%; */
height: 100%; display: block; margin: 0 auto; }
.proxq1-con .proxq1-top .proxq1-desc { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.72); padding: 0 20px; }
.proxq1-con .proxq1-top .proxq1-desc p { color: #fff; text-align: center; font-size: 18px; padding: 13px 0; }
.proxq1-top .swiper-pagination { display: none; }
.proxq1-top p { font-size: 16px; color: #777; text-align: center; font-family: "regular"; }
.proxq1-con .proxq1-thumbs .swiper-slide { border: 1px solid rgba(195, 203, 208, 0.7); }
.proxq1-con .proxq1-thumbs .swiper-slide.active-nav { border: 1px solid rgb(232, 73, 38);  /* border-image: -webkit-linear-gradient(#6cb9bc, #6a8abd) 30 30;
border-image: -moz-linear-gradient(#6cb9bc, #6a8abd) 30 30;
border-image: linear-gradient(#6cb9bc, #6a8abd) 30 30; */ }

/* ??3è?1 */
.proxq1-rt { width: 45%; float: right; }
.proxq1-rt .proxq1-rt_jz { margin-left: 50px; }
.proxq1-rt_jz .prod_p { font-size: 36px; color: #333; font-family: "regular"; margin-bottom: 35px; }
.proxq1-rt_jz .p2 { font-size: 16px; color: #666; display: block; line-height: 30px; font-family: "regular"; }
.proxq1-rt_jz .p2 span { font-size: 16px; color: #e84926; font-family: "regular"; }
.proxq1-rt_jz .proxq1-rt_more { width: 100%; height: auto; margin: 70px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }
/* .proxq1-rt_jz .proxq1-rt_more .pro_video {} */
.proxq1-rt_jz .proxq1-rt_more div { width: 160px; height: 50px; font-size: 16px; color: #666; line-height: 50px; text-align: center; border: 1px solid rgb(210, 214, 216); transition: all .3s; }
.proxq1-rt_jz .proxq1-rt_more div img { margin-right: 8px; margin-bottom: -6px; }
.proxq1-rt_jz .proxq1-rt_more div:hover { background: rgb(232, 73, 38); color: #fff; }

/* prodate_cont3 */
.prodate_cont3 { width: 100%; height: 83px; background-image: url(../images/img96.jpg); background-repeat: no-repeat; background-size: cover; line-height: 83px; position: sticky; top: 0; z-index: 99; }
.prodate_cont3 .rq { width: 100%; }
.prodate_cont3 .rq a { font-size: 18px; color: #fff; font-family: "regular"; margin-left: 110px; position: relative; }
.prodate_cont3 .rq a:nth-child(1) { margin-left: 0; }
.prodate_cont3 .rq a::before { content: ''; width: 1px; height: 22px; background: rgb(71, 161, 212); position: absolute; top: 10%; left: -55px; }
.prodate_cont3 .rq a:nth-child(1)::before { content: none; }

/* .prodate_cont4 */
.prodate_cont4 { width: 100%; padding: 95px 0; padding-bottom: 0; overflow: hidden; }
.prodate_cont4 .lef { width: 620px; float: left; }
.prodate_but { font-size: 36px; color: #333; font-family: "medium"; margin-top: 25px; margin-bottom: 60px; position: relative; padding-left: 15px; }
.prodate_but::before { content: ''; width: 3px; height: 34px; background: rgb(232, 73, 38); position: absolute; left: 0px; top: 11px; }
.prodate_cont4 .lef .p2 { font-size: 16px; color: #666; font-family: "regular"; width: 90%; }
.prodate_cont4 .rig { width: 580px; float: right; }
.prodate_cont4 .rig img { width: 100%; }

/* prodate_cont5 */
.prodate_cont5 .lef { float: right; padding-left: 100px; width: 578px; padding-top: 85px; }
.prodate_cont5 .rig { float: left; width: 622px; }
.prodate_cont5 .prodate_but { margin-bottom: 100px; }
.prodate_cont4 .p3 { color: #e84926; font-size: 30px; margin-bottom: 28px; }
.prodate_cont4 .p2 { line-height: 30px; }

/* content6 */
.prodate_cont6 { background: rgb(240, 244, 247); padding-bottom: 75px; overflow: hidden; }
.prodate_cont6 .lef { padding-top: 130px; }
.prodate_cont6 .lef .p2 { width: 70%; }

/* content7 */
.prodate_cont7 { background: #fff; overflow: hidden; }
.prodate_cont7 .lef { float: right; padding-left: 10%; }
.prodate_cont7 .rig { float: left; }

/* content10 */
.prodate_cont10 { width: 100%; background: rgb(240, 244, 247); padding-top: 80px; padding-bottom: 150px; overflow: hidden; }
.prodate_cont10 .rq .rq1 { width: 23.2%; margin-right: 2%; height: 418px; }
.prodate_cont10 .rq .rq1:nth-child(3n) { margin-right: 2%; }
.prodate_cont10 .rq .rq1:nth-child(4n) { margin-right: 0%; }
.prodate_cont10 .rq1 .top { height: 238px; }
.prodate_cont10 .rq1 .bot { height: 180px; padding: 0 32px; padding-top: 13px; }
.prodate_cont10 .bot .p1 { font-size: 22px; }
.prodate_cont10 .bot .p2 { font-size: 13px; margin-bottom: 11px; margin-top: 5px; }
.prodate_cont10 .bot .p3 { font-size: 12px; line-height: 22px; }
.prodate_cont10 .rq1:hover .bot { height: 180px; position: static; }

/* R&D content details */
.inner_rd_details { width: 100%; height: auto; padding-top: 80px; padding-bottom: 140px; }
.inner_rd_details .title_details { width: 100%; height: auto; }
.inner_rd_details .title_details .title, .inner_rd_details .title_details .title h1 { font-size: 36px; }
.inner_rd_details .title_details + .text_details { margin: 50px 0 0; }
.inner_rd_details .text_details { width: 100%; height: auto; font-size: 16px; color: #333; line-height: 2; overflow: hidden; }
.inner_rd_details .text_details *:not(:first-child) { margin-top: 2em; }




.issdate_cont2 { width: 100%; background: rgb(248, 250, 251); padding-top: 45px; padding-bottom: 140px; }
.issdate_cont2 .wrap { background: #fff; padding: 0 50px; padding-bottom: 60px; }
.issdate_cont2 .top { height: 140px; width: 100%; border-bottom: 1px solid rgb(214, 214, 214); }
.issdate_cont2 .top .p1 { font-size: 36px; color: #333; font-family: "regular"; line-height: 140px; width: 70%; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.case_deta_contene2 { width: 281px; float: right; margin-top: 50px; }
.case_deta_contene2 span { font-size: 16px; color: #666; float: left; line-height: 40px; }
.case_deta_contene2 span img { margin-bottom: -4px; }
.case_deta_contene2 #share-2 { float: left; margin-left: 10px; }
.social-share .icon-weibo, .social-share .icon-weibo:hover { background: rgb(218, 60, 60); border-color: rgb(218, 60, 60); }
.social-share .icon-wechat, .social-share .icon-wechat:hover { background: rgb(33, 186, 65); border-color: rgb(33, 186, 65); }
.social-share .icon-qq, .social-share .icon-qq:hover { background: rgb(62, 145, 238); border-color: rgb(62, 145, 238); }
.social-share .icon-linkedin, .social-share .icon-linkedin:hover { background: rgb(35, 73, 128); border-color: rgb(35, 73, 128); }
.social-share .icon-qzone, .social-share .icon-qzone:hover { background: rgb(244, 197, 11); border-color: rgb(244, 197, 11); }
.social-share .social-share-icon { font-size: 15px; color: #fff; }
.issdate_cont2 .bot { width: 100%; padding-top: 40px; }
.issdate_cont2 .bot .p2 { font-size: 16px; color: #666; font-family: "regular"; margin-bottom: 40px; line-height: 28px; }
.issdate_cont2 .bot .ig { width: 100%; }
.issdate_cont2 .bot .ig div { width: 464px; float: left; }
.issdate_cont2 .bot .ig div img { width: 100%; height: 100%; }
.issdate_cont2 .bot .ig div:nth-child(2) { margin-left: 40px; }
.issdate_cont2 .bot .p3 { font-size: 18px; color: #e84926; font-family: "regular"; margin-top: 40px; }
.issdate_cont2 .bot .p4 { font-size: 16px; color: #666; font-family: "regular"; margin-top: 40px; }
.issdate_cont2 .an { display: table; margin: 0 auto; margin-top: 70px; }
.issdate_cont2 .an a { font-size: 16px; color: #777; font-family: "regular"; }
.issdate_cont2 .an .lb { display: inline-block; width: 160px; height: 55px; background: rgb(232, 73, 38); font-size: 14px; color: #fff; text-align: center; line-height: 55px; margin: 0 40px; }
.issdate_cont2 .an .lb img { margin-bottom: -2px; }
.abdate_cont1 { width: 100%; }
.channel_content { min-height: 300px; background: rgb(242, 245, 246); padding: 70px 0px 100px; }
.about_honor .bd_l { width: 45%; float: left; height: 705px; background: rgba(173, 184, 194, 0.5); position: relative; }
.about_honor .bd_l .b_img { width: 100%; height: 705px; }
.about_honor .bd_l .b_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.about_honor .bd_l .img_title { text-align: center; font-size: 22px; font-family: "medium"; color: #fff; font-weight: normal; position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; line-height: 80px; background: rgb(0, 116, 187); }
.about_honor .bd_r { width: 55%; float: left; height: 705px; }
.about_honor .bd_r_box { padding: 10% 8% 0; color: #222; }
.about_honor .r_title { font-size: 30px; color: #333; font-family: "medium"; margin-bottom: 20px; }
.about_honor .r_text { margin-bottom: 40px; }
.about_honor .r_text p { font-size: 16px; color: #666; line-height: 28px; font-family: "regular"; }
.about_honor .bd_r .img_box { height: 114px; text-align: center; position: relative; overflow: hidden; border: 2px solid rgb(176, 177, 177); }
.fix .on .img_box { border: 2px solid rgb(233, 85, 52); }
.about_honor .bd_r .img_box img { height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.about_honor .bd_r li { margin-bottom: 14px; float: left; margin-right: 3%; width: 30%; cursor: pointer; }
.about_honor .img_list { overflow: hidden; margin-bottom: 14px; padding-right: 4%; position: relative; }
.about_honor .img_list .img_2 { height: 490px; overflow-y: auto; }
.scroll_bar { display: none !important; }
.about_honor .img_list .img_2::-webkit-scrollbar { width: 3px; background-color: #dcdbdb; }
.about_honor .img_list .img_2::-webkit-scrollbar-thumb { background-color: rgb(233, 85, 52); border-radius: 10px; }
.about_honor .img_cover { position: absolute; width: 100%; height: 100%; background: url(../img/brown_80.png) repeat; top: 0; left: 0; opacity: 0; }
.about_honor .img_cover .list_ico { width: 40px; height: 40px; background: url(../img/honor_img_ico.png) no-repeat center; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; display: block; position: absolute; }
.about_honor .img_list.scrollbar-ui .scroll_slider { background: #dbd6d1 }
.about_honor .img_list.scrollbar-ui .scroll_bar { background: url(../img/honor_scroll_bj.png) repeat-y center; }
.about_honor li:hover .img_cover { opacity: 1; }
.about_honor .bd_r .img_title { display: none; }
.honor_bd { background-image: url(../images/img108.png); background-repeat: no-repeat; background-size: cover; }
.channel_content .ann { display: table; margin: 0 auto; }
.channel_content .ann button { font-size: 20px; font-family: "medium"; width: 280px; height: 90px; border: 1px solid rgb(221, 221, 221); }
.channel_content .ann a { display: inline-block; }
.channel_content .ann a:nth-child(1) { margin-right: 20px; }
.channel_content .ann .on { color: #e84926; }
.channel_content .ann button img { width: 30px; margin-bottom: -13px; }
.channel_content .ann a:nth-child(1) button img { margin-bottom: -10px; }
.channel_content .p { font-size: 16px; color: #444; font-family: "regular"; text-align: center; margin-top: 30px; margin-bottom: 80px; }

/* content1 */
.abdate_cont { width: 100%; height: 80px; line-height: 80px; border-bottom: 1px solid rgb(239, 240, 241); background: #fff; position: sticky; top: 0; transition: 0.3s; z-index: 9; }
.abdate_cont a { font-size: 16px; color: #666; font-family: "regular"; margin-right: 75px; line-height: 75px; display: inline-block; }
.abdate_cont a.on { color: #0074bb; border-bottom: 3px solid #0074bb; }
.join_cont1 { width: 100%; padding-top: 60px; padding-bottom: 115px; position: relative; }
.join_bt { font-size: 40px; color: #333; font-family: "bold"; padding-bottom: 75px; }
.join_cont1 .swiper-container { width: 100%; overflow: hidden; position: static; }
.join_cont1 .swiper-slide div { width: auto; float: left; margin-right: 15px; margin-bottom: 15px; overflow: hidden; }
.join_cont1 .swiper-slide div:nth-child(3), .join_cont1 .swiper-slide div:nth-child(5) { margin-right: 0; }
.join_cont1 .swiper-slide div img { width: 100%; height: 100%; transition: all 1s; }
.join_cont1 .swiper-slide div:hover img { transform: scale(1.1); }
.join_cont1 .swiper-button-next, .join_cont1 .swiper-button-prev { width: 40px; height: 89px; background-image: url(../images/img119.png); background-repeat: no-repeat; }
.join_cont1 .swiper-button-next { right: 280px; }
.join_cont1 .swiper-button-prev { left: 280px; background-image: url(../images/img118.png) }

/* join_cont2 */
.join_cont2 { width: 100%; padding-bottom: 95px; padding-top: 90px; background: rgb(243, 245, 246); }
.join_cont2 .rq { width: 100%; }
.join_cont2 .rq1 { width: 32%; margin-right: 2%; float: left; }
.join_cont2 .rq1:nth-child(3) { margin-right: 0; }
.join_cont2 .rq1 div { width: 268px; height: 268px; margin: 0 auto; overflow: hidden; border-radius: 50%; }
.join_cont2 .rq1 div img { width: 100%; height: 100%; transition: all 1s; }
.join_cont2 .rq1:hover div img { transform: scale(1.1); }
.join_cont2 .rq1:hover .p2 { color: #0079c3; }
.join_cont2 .rq .p2 { font-size: 24px; color: #333; font-family: "bold"; text-align: center; margin-top: 45px; margin: 35px; }
.join_cont2 .rq .p3 { font-family: "normal"; font-size: 16px; color: #666; text-align: center; width: 78%; margin: 0 auto; }

/* join_cont3 */
.join_cont3 { width: 100%; padding-top: 70px; padding-bottom: 130px; }
.join_cont3 .rq { width: 100%; }
.join_cont3 .rq1 { width: 100%; height: auto;  /* overflow: hidden; */ border: 1px solid rgb(222, 222, 222); padding: 0 80px; margin-bottom: 20px; }
.join_cont3 .rq1 .top { width: 100%; height: 110px; line-height: 110px; background-image: url(../images/img123.png); background-repeat: no-repeat; background-position-x: right; background-position-y: center; background-size: 42px; }
.join_cont3 .top .p1 { font-size: 24px; color: #333; font-family: "regular"; float: left; }
.join_cont3 .rq1:hover .p1 { color: #0079c3; }
.join_cont3 .top .p2 { font-size: 18px; color: #666; font-family: "regular"; text-align: center; }
.join_cont3 .bot { padding-bottom: 65px; display: none; }
.join_cont3 .bot .p3 { font-size: 16px; color: #777; font-family: "regular"; line-height: 35px; }
.join_cont3 .bot a { display: inline-block;  /* width: 90px; */ padding: 0 15px; height: 45px; border-radius: 3px; background: rgb(232, 73, 38); line-height: 45px; text-align: center; font-size: 16px; font-family: "regular"; color: #fff; margin-top: 49px; margin-right: 10px; }
.join_cont3 .bot .on { width: 150px; }
.join_xz { background: rgb(243, 245, 246); position: relative; }
.join_xz .join_xz_main { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; padding: 50px 0; }
.join_xz .join_xz_main .wrap { height: 100%; }
.join_xz .join_xz_main .join_xz_content { width: 100%; height: 100%;
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;
    -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
}
.join_xz .join_xz_main .join_xz_content .join_bt { padding-bottom: 30px; color: #FFF; }
.join_xz .join_xz_main .join_xz_content .join_details { max-width: 700px; font-size: 24px; color: #FFF; font-family: "regular"; }
.jon_xz2 { background: #fff; }
.join_xz .join_xz_bg { width: 100%; height: auto; font-size: 0; }
.join_xz .join_xz_bg img { width: 100%; height: auto; min-height: 400px; object-fit: cover; }
@media (max-width: 1366px) {
    .join_xz .join_xz_main .join_xz_content .join_details { font-size: 20px; }
}
@media (max-width: 1024px) {
    .join_xz .join_xz_main .join_xz_content .join_details { font-size: 16px; }
}




/* è?”?3???‘??? */
.con_cont1 { width: 100%; padding-top: 80px; padding-bottom: 130px; }
.con_cont1 .p1 { width: 60%; margin: 0 auto; font-size: 18px; color: #666; font-family: "regular"; text-align: center; }
.con_cont1 .rq { width: 100%; margin-top: 55px; }
.con_cont1 .rq input { height: 60px; font-size: 16px; color: #444; font-family: "regular"; border: 1px solid rgb(229, 229, 229); width: 49%; margin-right: 2%; padding-left: 55px; background-image: url(../images/img125.png); background-position-x: 15px; background-position-y: center; background-repeat: no-repeat; float: left; margin-bottom: 10px; }
.con_cont1 .rq input:nth-child(2n) { margin-right: 0; }
.con_cont1 .rq input:nth-child(2) { background-image: url(../images/img126.png); }
.con_cont1 .rq input:nth-child(3) { background-image: url(../images/img127.png); }
.con_cont1 .rq input:nth-child(4) { background-image: url(../images/img128.png); }
.con_cont1 .xl, .con_cont1 .x2 { width: 49%; height: 60px; margin-right: 2%; float: left; position: relative; margin-bottom: 10px; }
.con_cont1 .x2 { margin-right: 0; }
.con_cont1 select { width: 100%; height: 60px; font-size: 16px; color: #444; border: 1px solid rgb(229, 229, 229); padding-left: 55px; float: left; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/img129.png); background-position-x: 15px; background-position-y: center; background-repeat: no-repeat; }
.con_cont1 .xl::before, .con_cont1 .x2::before { content: ''; width: 16px; height: 9px; position: absolute; top: 50%; right: 20px; transform: translate(0%, -50%); z-index: 111; background-image: url(../images/img131.png); background-repeat: no-repeat; }
.con_cont1 .xl span { font-size: 16px; color: #999; display: block; line-height: 60px; position: absolute; left: 60%; }
.con_cont1 .x2 select { background-image: none; }
.con_cont1 .x2 span { font-size: 16px; color: #999; display: block; line-height: 60px; position: absolute; left: 50%; transform: translate(-50%, 0%); }
.con_cont1 textarea { width: 100%; height: 200px; font-size: 16px; color: #444; font-family: "regular"; border: 1px solid rgb(229, 229, 229); background-image: url(../images/img130.png); background-position-x: 15px; background-position-y: 17px; background-repeat: no-repeat; padding-top: 17px; padding-left: 55px; }
.con_cont1 button { width: 160px; height: 50px; background: rgb(0, 121, 195); font-size: 18px; color: #fff; display: block; margin: 0 auto; margin-top: 49px; transition: all .3s; }
.con_cont1 button:hover {  /* background: rgb(232,73,38); */ }

/* con_cont2 */
.con_cont2 { width: 100%; padding-bottom: 472px; }
.con_cont2 .ig, .con_cont2 .ig img { width: 100%; height: 100%; }
.con_cont2 .ig { position: relative; }
.con_cont2 .wrap { position: absolute; top: 450px; left: 50%; transform: translate(-50%, 0%); }
.con_cont2 .rq { width: 100%; background: #fff; box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); padding: 90px 75px; }
.con_cont2 .lef { float: left; width: 50%; }
.con_cont2 .p1 { font-size: 26px; color: #444; font-family: "medium"; margin-bottom: 20px; }
.con_cont2 .lef .p2 { font-size: 18px; color: #666; font-family: "regular"; line-height: 35px; }
.con_cont2 .lef .p2 span { font-size: 20px; color: #0074bb; font-family: "medium"; }
.con_cont2 .rig { float: right; width: 32%; }
.con_cont2 .rig .p2 { font-size: 16px; color: #666; font-family: "normal"; margin-bottom: 25px; }

/* ?a’??“??-??? */
.new_cont1 { width: 100%; padding-top: 105px; padding-bottom: 85px; }
.new_cont1 .swiper-slide { width: 100%; background: rgb(248, 248, 248); }
.new_cont1 .lef { float: left; width: 38%; }
.new_cont1 .lef img { width: 100%; height: 100%; transition: all 5s; }
.new_cont1 .rig { float: right; width: 62%;  /* height: 350px; */ height: 276px; padding: 30px 75px; background-image: url(../images/img135.png); background-repeat: no-repeat; background-position-x: 75px; background-position-y: 85%; transition: all .3s; }
.new_cont1 .swiper-slide:hover>a .lef img { transform: scale(1.1); }
.new_cont1 .swiper-slide:hover>a .rig { background-image: url(../images/img134.png); }
.new_cont1 .rig .p1 { font-size: 22px; color: #333; font-family: "regular"; margin-bottom: 18px; }
.new_cont1 .rig .p2 { font-size: 16px; color: #666; font-family: "regular"; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.new_cont1 .swiper-pagination-bullets { bottom: 16%; left: 40%; width: 100%; }
.new_cont1 .swiper-pagination-bullet { width: 12px; height: 12px; border: 2px solid rgb(206, 206, 206); background: #fff; opacity: 1; }
.new_cont1 .swiper-pagination-bullet-active { background: rgb(232, 73, 38); border: 2px solid rgb(232, 73, 38); }

/* con_cont3 */
.new_cont2 { width: 100%; padding-bottom: 117px; }
.new_cont2 .rq { width: 100%; }
.new_cont2 .rq1 { height: 410px; width: 32%; margin-right: 2%; float: left; box-shadow: 0px 1px 7px 0px rgba(90, 91, 95, 0.3); margin-bottom: 30px; }
.new_cont2 .rq1:nth-child(3n) { margin-right: 0; }
.new_cont2 .rq1 .top { width: 100%; height: 230px; position: relative; overflow: hidden; }
.new_cont2 .rq1 .top img { width: 100%; height: 100%; transition: all 1s; }
.new_cont2 .rq1 .top p { width: 90px; height: 35px; background: rgba(3, 112, 178, 0.8); position: absolute; right: 0; bottom: 0; font-size: 14px; color: #fff; font-family: "medium"; line-height: 35px; text-align: center; }
.new_cont2 .rq1 .bot { width: 100%; height: 180px; padding: 29px; background-image: url(../images/img135.png); background-repeat: no-repeat; background-position-x: 29px; background-position-y: 80%; transition: all .3s; }
.new_cont2 .rq1:hover>a .top img { transform: scale(1.1); }
.new_cont2 .rq1:hover>a .bot { background-image: url(../images/img134.png); }
.new_cont2 .rq1 .bot .p1 { font-size: 18px; color: #333; font-family: "regular"; margin-bottom: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.new_cont2 .rq1 .bot .p2 { font-size: 14px; color: #666; font-family: "regular"; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 23px; }
.fyq { width: auto; display: table; margin: 0 auto; margin-top: 75px; }
.fyq a { display: inline-block; width: 55px; height: 55px; border: 2px solid rgb(216, 216, 216); line-height: 55px; text-align: center; font-size: 22px; color: #666; margin-right: 10px; font-family: "regular"; }
.fyq .a1 { width: 30px; border: none; }
.fyq .a2 { width: 105px; height: 55px; font-size: 18px; }
.fyq .on { color: #fff; background: rgb(232, 73, 38); border: 2px solid rgb(232, 73, 38); }
.fyq a:hover { color: #fff; background: rgb(232, 73, 38); border: 2px solid rgb(232, 73, 38); }
.fyq .a1:hover { color: #666; border: none; background: none; }

/* ??????????o? */

/* newsha_cone1 */
.newsha_cone1 { width: 100%; padding: 110px 0; }
.newsha_cone1 .rq { width: 100%; height: 240px; background: rgb(248, 248, 248); margin-bottom: 60px; }
.newsha_cone1 .lef { float: left; width: 450px; height: 100%; overflow: hidden; }
.newsha_cone1 .lef img { width: 100%; height: 100%; transition: all 1s; }
.newsha_cone1 .rig { float: left; width: 750px; height: 100%; padding: 15px 85px; }
.newsha_cone1 .rig .p1 { font-size: 22px; color: #333; font-family: "regular"; margin-bottom: 12px; }
.newsha_cone1 .rig .p2 { font-size: 14px; color: #666; font-family: "regular"; line-height: 25px; }
.newsha_cone1 .rig a { font-size: 12px; color: #fff; width: 140px; height: 45px; line-height: 45px; text-align: center; display: inline-block; background: rgb(153, 153, 153); margin-top: 30px; }
.newsha_cone1 .rig a img { margin-left: 5px; }
.newsha_cone1 .rq:hover>.lef img { transform: scale(1.1); }
.newsha_cone1 .rq:hover>.rig a { background: rgb(232, 73, 38); }
.newsha_cone1 .fyq { margin-top: 90px; }

/* .?a’??“??-???èˉ|??… */
.newdate, .issdate_cont2 .newdate { background: rgb(248, 250, 251); }
.newdate2 { background: #fff; padding-bottom: 70px; }
.newdate2 .top { height: 190px; padding-top: 70px; }
.newdate2 .case_deta_contene2 { margin-top: 0; }
.newdate2 .top .p1 { line-height: 40px; margin-bottom: 30px; }
.newdate2 .top .p2 { font-size: 18px; color: #666; width: 100%; float: left; font-family: "regular"; }
.newdate2 .top .p2 img { margin-bottom: -4px; margin-right: 13px; }
.newdate2 .bot div, .newdate2 .bot div img, .newdate2 .bot span img, .newdate2 .bot p img { max-width: 100%;  /* height: 100%; */ }
.newdate2 .bot { padding-top: 0; }
.newdate2 .bot .p2 { font-size: 16px; color: #666; font-family: "regular"; margin-bottom: 45px; margin-top: 40px; }
.newdate2 .bot .an a img { width: 22px; height: 14px; }
.newdate2 .bot .an a { display: inline-block; height: 55px; line-height: 55px; background: #fff; padding: 0 45px; }
.newdate2 .bot .an a:nth-child(1), .newdate2 .bot .an a:nth-child(3) { width: 356px; overflow: hidden; }
.newdate2 .bot .an a:nth-child(2) { width: 160px; overflow: hidden; }
.newdate2 .bot .an .lb { background: rgb(232, 73, 38); padding: 0; }
.newdate2 .bot .an a:hover { background: rgb(232, 73, 38); color: #fff; }

/* newdate_cont3 */
.newdate_cont3 { width: 100%; padding-bottom: 110px; position: relative; }
.newdate_cont3 .p1 { font-size: 40px; color: #333; font-family: "bold"; text-align: center; margin-bottom: 40px; }
.newdate_cont3 .swiper-container { padding: 5px; }
.newdate_cont3 .swiper-slide { height: 420px; background: #fff; box-shadow: 0px 1px 7px 0px rgba(90, 91, 95, 0.3); }
.newdate_cont3 .top { height: 230px; width: 100%; position: relative; overflow: hidden; }
.newdate_cont3 .top img { width: 100%; height: 100%; transition: all 1s; }
.newdate_cont3 .top p { font-size: 16px; color: #fff; font-family: "medium"; display: inline-block; width: 90px; height: 35px; background: rgba(8, 119, 197, 0.8); text-align: center; line-height: 35px; position: absolute; right: 0; bottom: 0; }
.newdate_cont3 .bot { height: 190px; width: 100%; padding: 30px 25px; background-image: url(../images/img141.png); background-repeat: no-repeat; background-position-x: 30px; background-position-y: 80%; transition: all .5s; }
.newdate_cont3 .bot .p2 { font-size: 18px; color: #333; font-family: "regular"; margin-bottom: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.newdate_cont3 .bot .p3 { font-size: 14px; color: #666; line-height: 25px; font-family: "regular"; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.newdate_cont3 .swiper-button-prev, .newdate_cont3 .swiper-button-next { width: 52px; height: 52px; background-image: url(../images/img145.png); background-repeat: no-repeat; background-size: contain; opacity: 1; transition: all .3s; }
.newdate_cont3 .swiper-button-prev { left: 14%; }
.newdate_cont3 .swiper-button-next { right: 14%; background-image: url(../images/img142.png); }
.newdate_cont3 .swiper-button-prev:hover { background-image: url(../images/img143.png); }
.newdate_cont3 .swiper-button-next:hover { background-image: url(../images/img144.png); }
.newdate_cont3 .swiper-slide:hover>a .top img { transform: scale(1.1); }
.newdate_cont3 .swiper-slide:hover>a .bot { background-position-x: 50px; background-image: url(../images/img146.png); }

/* ?…¨????????? */
.ser_cont2 { width: 100%; padding-top: 80px; padding-bottom: 75px; }
.ser_cont2 .rq { width: 100%; }
.ser_cont2 .rq .lef { float: left; width: 543px; height: 528px; padding: 45px 0; }
.ser_cont2 .rq .rig { float: right; width: 657px; height: 528px; }
.ser_cont2 .rq .rig img { width: 100%; height: 100%; }
.ser_cont2 .rq .lef .p1 { font-size: 16px; color: #fff; font-family: "regular"; width: 90px; height: 30px; text-align: center; line-height: 30px; background: rgb(232, 73, 38); margin-bottom: 5px; }
.ser_bt { font-size: 40px; color: #333; font-family: "medium"; }
.ser_cont2 .rq .lef .p2 { font-size: 16px; color: #666; font-family: "regular"; width: 87%; margin-top: 33px; line-height: 23px; }
.ser_cont2 .rq2 { width: 100%; margin-top: 70px; }
.ser_cont2 .rq2 .rq2_1 { width: 355px; height: 172px; background-image: url(../images/img148.png); background-repeat: no-repeat; background-size: contain; padding: 23px; box-shadow: 0px 1px 7px 0px rgba(90, 91, 95, 0.1); float: left; margin-right: 67px; transition: all .3s; }
.ser_cont2 .rq2 .rq2_1:nth-child(2) { background-image: url(../images/img149.png); }
.ser_cont2 .rq2 .rq2_1:nth-child(3) { background-image: url(../images/img150.png); margin-right: 0; }
.ser_cont2 .rq2 .rq2_1:hover { transform: translate3d(0, -10px, 0); }
.ser_cont2 .rq2 .rq2_1 .ig { width: 49px; height: 43px; margin: 0 auto; }
.ser_cont2 .rq2 .rq2_1 .p1 { font-size: 20px; color: #333; font-family: "regular"; text-align: center; margin-bottom: 10px; }
.ser_cont2 .rq2 .rq2_1 .p2 { font-size: 14px; color: #666; font-family: "light"; text-align: center; position: relative; }
.ser_cont2 .rq2 .rq2_1 .p2::before { content: none; width: 5px; height: 5px; border-radius: 50%; background: #0079c3; position: absolute; top: 7px; transform: translateX(-10px); }

/* ser_cont3 */
.ser_cont3 { background: rgb(240, 245, 248); padding-bottom: 20px; }
.ser_cont3 .dt { float: none; margin-top: 40px; position: relative; margin-right: 0; }
.ser_cont3 .ser_bt { text-align: center; }
.ser_fbt { font-size: 16px; color: #999; font-family: "regular"; text-align: center; }
.ser_cont3 .dz { position: absolute; left: 78%; top: 48%; transform: translate(-50%, -50%); }
.ser_cont3 .dznr { width: 444px; height: 218px; background-image: url(../images/img156.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: 44%; top: -140%; padding: 44px 65px; opacity: 1; transition: all .5s;  /* display: none; */ }
.ser_cont3 .dznr .p1 { font-size: 20px; color: #333; font-family: "regular"; }
.ser_cont3 .dznr .p2 { font-size: 16px; color: #666; font-family: "regular"; }
.ser_cont3 .dz:hover>.dznr { opacity: 1; }
.app2 { display: none; }
.content5.ser_cont3 .ser_main { width: 100%; height: auto; margin: 50px 0 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
.content5.ser_cont3 .ser_main .ser_content { width: auto; height: auto; position: relative; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item { width: 0; height: 0; position: absolute; left: 50%; top: 50%; --color: #000; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .icon { width: 16px; height: 21px; position: absolute; left: 50%; transform: translate(-50%, -50%);
    -webkit-mask: url('../images/img192.png') no-repeat center / cover; mask: url('../images/img192.png') no-repeat center / cover; background: var(--color);
}
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .icon img { max-width: 100%; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .info { width: auto; height: auto; position: absolute; left: 0; top: 0; transform: translate(20px, -10px); white-space: nowrap; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .info .title { line-height: 1; font-weight: 700; font-size: 20px; color: var(--color); }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .info .subtitle { margin: .5em 0 0; font-size: 14px; color: #757575; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item.ser_item_rt .info { top: auto; bottom: 0; transform: translate(20px, -10px); }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item.ser_item_left .info { left: auto; right: 0; transform: translate(-20px, -10px); text-align: right; }
.content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item.ser_item_bottom .info { transform: translate(-50%, 20px); text-align: center; }
.content5.ser_cont3 .ser_main .ser_content .ser_img { width: auto; height: auto; font-size: 0; }
.content5.ser_cont3 .ser_main .ser_content .ser_img img { width: 100%; max-width: 100%; }

.content5.ser_cont3 .ser_mobile { width: 100%; margin: 30px 0 0; display: none; }
.content5.ser_cont3 .ser_mobile img { max-width: 100%; }

@media (max-width: 1280px) {
    .content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .icon { width: 12px; height: 16px; }
    .content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .info .title { font-size: 14px; }
    .content5.ser_cont3 .ser_main .ser_content .ser_menu .ser_item .info .subtitle { font-size: 12px; }
}
@media (max-width: 990px) {
    .content5.ser_cont3 .ser_main { display: none; }
    .content5.ser_cont3 .ser_mobile { display: block; }
}



.content5.ser_cont3 .dt .dian1 { width: 7px; height: 7px; border-radius: 50%; background: rgb(10, 185, 223); position: absolute; left: 16%; top: 40.7%; transform: translate(-50%, -50%); }
.content5.ser_cont3 .dt .dian2 { left: 49.5%; top: 30.5%; }
.content5.ser_cont3 .dt .dian3 { left: 48%; top: 36%; }
.content5.ser_cont3 .dt .dian6 { left: 78%; top: 38.5%; }
.content5.ser_cont3 .dt .dian4 { left: 82%; top: 42%; }
.content5.ser_cont3 .dt .dian5 { left: 79.5%; top: 45.2%; }
.content5.ser_cont3 .dt .dian8 { left: 78.2%; top: 50%; display: none; }

/* ser_cont4 */
.ser_cont4 { width: 100%; padding-top: 80px; padding-bottom: 60px; position: relative; }
.ser_cont4 .ser_fbt { margin-bottom: 70px; }
.ser_cont4 .ser_bt { text-align: center; }
.ser_cont4 .swiper-slide { background: rgb(232, 73, 38); position: relative; }
.ser_cont4 .swiper-slide:nth-child(2n) { background: rgb(0, 116, 187); }
.ser_cont4 .img { width: 100%; height: auto; overflow: hidden; }
.ser_cont4 .img .pb { width: 100%; height: 0; position: relative; padding-bottom: 63.157894736842105263157894736842%; overflow: hidden; }
.ser_cont4 .img .ab { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.ser_cont4 .img img { width: 100%; height: 100%; object-fit: cover; }
.ser_cont4 .info { width: 100%; height: auto; padding: 30px; }
.ser_cont4 .p1 { font-size: 22px; color: #fff; font-family: "regular"; }
.ser_cont4 .p3 { width: 100%; height: calc(2em * 1.5); margin: 15px 0 20px; font-size: 14px; color: #fff; font-family: "regular"; opacity: 0.66; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ser_cont4 .p4 { font-size: 12px; color: #fff; font-family: "regular"; }
.ser_cont4 .swiper-button-prev, .ser_cont4 .swiper-button-next { width: 52px; height: 52px; background-image: url(../images/img145.png); background-repeat: no-repeat; background-size: contain; opacity: 1; transition: all .5s; top: 55%; }
.ser_cont4 .swiper-button-prev { left: 14%; }
.ser_cont4 .swiper-button-next { right: 14%; background-image: url(../images/img142.png); }
.ser_cont4 .swiper-button-prev:hover { background-image: url(../images/img143.png); }
.ser_cont4 .swiper-button-next:hover { background-image: url(../images/img144.png); }
.ser_cont4 .p5 { font-size: 18px; color: #999; font-family: "normal"; text-align: center; border-bottom: 2px solid rgb(241, 241, 241); display: block; margin: 0 auto; width: 75px; padding-bottom: 5px; margin-top: 55px; cursor: pointer; }

/* ser_cont5 */
.ser_cont5 { width: 100%; background: rgb(240, 245, 248); padding-top: 100px; padding-bottom: 150px; }
.ser_cont5 .ser_bt { text-align: center; }
.ser_cont5 .down_menu { width: 100%; overflow: hidden; }
.ser_cont5 .down_menu .down_item { width: 100%; height: auto; }
.ser_cont5 .down_menu .down_item ~ * { margin: 75px 0 0; }
.ser_cont5 .down_menu .down_item .swiper_box { width: 100%; height: auto; margin: 50px 0 0; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide { width: 33.33%; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 { width: 100%; height: auto; background: #fff; border: 1px solid rgb(221, 221, 211); }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 a { width: 100%; height: auto; display: block; padding: 30px; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1:nth-child(3n) { margin-right: 0; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .img { width: 100%; height: auto; overflow: hidden; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .img .pb { width: 100%; height: 0; padding-bottom: 66.66%; position: relative; overflow: hidden; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .img .ab { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .img img { width: 100%; height: 100%; object-fit: cover; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .info { width: 100%; height: auto; margin: 20px 0 0; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p1 { font-size: 24px; color: #444444; font-family: "regular"; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p2 { font-size: 18px; color: #999; font-family: "regular"; margin-top: 15px;/* margin-bottom: 45px; */}
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p3 { display: block; width: 50px; height: 48px; border: 1px solid rgb(221, 221, 211); background: url(../images/img157.png) #fff; background-size: 19px; background-position: center; background-repeat: no-repeat; transition: all .3s; }
.ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1:hover>a .p3 { background: url(../images/img158.png) rgb(232, 73, 38); background-size: 19px; background-position: center; background-repeat: no-repeat; }
.ser_cont5 .down_menu .down_item .pager { margin: 2.5vw 0 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; grid-gap: 10px; }
.ser_cont5 .down_menu .down_item .pager span { width: 10px; height: 10px; border-radius: 50%; background: #000; opacity: .2; transition: all .5s ease; }
.ser_cont5 .down_menu .down_item .pager span.active { background: #0074bb; opacity: 1; }

.ser_cont5.ser_cont52 .rq.fd { width: 100%; margin: 40px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }
.ser_cont5.ser_cont52 .rq.fd .rq1 { width: 100%; height: auto; background: #fff; border: 1px solid rgb(221, 221, 211); overflow: hidden; }
.ser_cont5.ser_cont52 .rq.fd .rq1 a { width: 100%; height: auto; display: block; padding: 30px; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .img .pb { width: 100%; height: 0; padding-bottom: 66.66%; position: relative; overflow: hidden; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .img .ab { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .img img { width: 100%; height: 100%; object-fit: cover; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .info { width: 100%; height: auto; margin: 20px 0 0; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .p1 { font-size: 24px; color: #444444; font-family: "regular"; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .p2 { font-size: 18px; color: #999; font-family: "regular"; margin-top: 15px; margin-bottom: 45px; }
.ser_cont5.ser_cont52 .rq.fd .rq1 .p3 { display: block; width: 50px; height: 48px; border: 1px solid rgb(221, 221, 211); background: url(../images/img157.png) #fff; background-size: 19px; background-position: center; background-repeat: no-repeat; transition: all .3s; }
.ser_cont5.ser_cont52 .rq.fd .rq1:hover>a .p3 { background: url(../images/img158.png) rgb(232, 73, 38); background-size: 19px; background-position: center; background-repeat: no-repeat; }

@media (max-width: 1366px) {
    .ser_cont5.ser_cont52 .rq.fd .rq1 .p1, .ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p1 { font-size: 20px; }
    .ser_cont5.ser_cont52 .rq.fd .rq1 .p2, .ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p2 { font-size: 16px; }
    .ser_cont5.ser_cont52 .rq.fd .rq1 .p3, .ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p3 { width: 40px; height: 38px; background-size: 12px; }
}
@media (max-width: 1024px) {
    .ser_cont5.ser_cont52 .rq.fd { grid-gap: 20px; }
    .ser_cont5 .down_menu .down_item ~ * { margin: 50px 0 0; }
    .ser_cont5 .down_menu .down_item .swiper_box { margin: 30px 0 0; }
    .ser_cont5.ser_cont52 .rq.fd .rq1 a, .ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 a { padding: 20px; }
    .ser_cont5.ser_cont52 .rq.fd .rq1 .p1, .ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p1 { font-size: 18px; }
    .ser_cont5.ser_cont52 .rq.fd .rq1 .p2, .ser_cont5 .down_menu .down_item .swiper_box .swiper-slide .rq1 .p2 { font-size: 14px; }
    .ser_cont5 .down_menu .down_item .pager { margin: 30px 0 0; }
    .ser_cont5 .down_menu .down_item .pager span { width: 8px; height: 8px; }
}
@media (max-width: 768px) {
    .ser_cont5.ser_cont52 .rq.fd { grid-template-columns: 100%; }
}


/* ?…¨?????????-???è§?é—?é￠? */
.servedat_cont { width: 100%; padding-top: 100px; padding-bottom: 110px; }
.servedat_cont .rq { width: 100%; }
.servedat_cont .servedat_cont_menu { width: 100%; height: auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
.servedat_cont .rq1 { width: 100%; height: auto;  background: #fff; box-shadow: 0px 5px 25px 0px rgba(90, 91, 95, 0.2); position: relative; transition: all .3s; overflow: hidden; }
.servedat_cont .servedat_cont_menu .img { width: 100%; height: auto; overflow: hidden; }
.servedat_cont .servedat_cont_menu .img .pb { width: 100%; height: 0; position: relative; padding-bottom: 63.157894736842105263157894736842%; overflow: hidden; }
.servedat_cont .servedat_cont_menu .img .ab { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.servedat_cont .servedat_cont_menu .img img { width: 100%; height: 100%; object-fit: cover; }
.servedat_cont .servedat_cont_menu .info { width: 100%; height: auto; padding: 30px; }
.servedat_cont .servedat_cont_menu .p1 { width: 100%; height: auto; font-size: 22px; color: #000; font-family: "regular"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.servedat_cont .servedat_cont_menu .p3 { width: 100%; height: calc(2em * 1.5); margin: 15px 0 20px; font-size: 14px; color: #000; font-family: "regular"; opacity: 0.66; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.servedat_cont .servedat_cont_menu .p4 { font-size: 12px; color: #999; font-family: "regular"; }

.servedat_cont .rq1:hover { background: rgb(232, 73, 38); }
.servedat_cont .rq1:hover a p { color: #fff; }

@media (max-width: 1366px) {
    .servedat_cont .servedat_cont_menu .p1 { font-size: 18px; }
}
@media (max-width: 990px) {
    .servedat_cont { padding-top: 60px; padding-bottom: 60px; }
    .servedat_cont .servedat_cont_menu .info { padding: 20px; }
    .servedat_cont .servedat_cont_menu .p1 { font-size: 16px; }
    .servedat_cont .servedat_cont_menu .p3 { font-size: 12px; }
}
@media (max-width: 767px) {
    .servedat_cont { padding-top: 60px; padding-bottom: 60px; }
    .servedat_cont .servedat_cont_menu .rq1 { padding: 0; }
    .servedat_cont .servedat_cont_menu .info { padding: 20px; }
}
@media (max-width: 480px) {
    .servedat_cont .servedat_cont_menu { grid-template-columns: 100%; }
}

.down_cont { padding-top: 80px; padding-bottom: 130px; }
.down_cont .ser_bt { font-size: 36px; }
.down_cont .rq1 { margin-bottom: 30px; }
.down_cont .fyq { margin-top: 70px; }
.form { width: 1200px; height: 740px; background: #fff; box-shadow: 0px 5px 25px 0px rgba(90, 91, 95, 0.2); position: fixed;  /* top: 212px; */ top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; padding: 0 125px; padding-top: 73px; display: none; }
.form .p1 { font-size: 26px; color: #333; font-family: "regular"; text-align: center; margin-bottom: 55px; }
.form input { width: 100%; height: 55px; border: 1px solid rgb(224, 224, 224); padding-left: 20px; font-size: 16px; color: #777; font-family: "regular"; margin-bottom: 25px; }
.form select { color: #777; width: 100%; height: 55px; font-size: 16px; font-family: "regular"; border: 1px solid rgb(229, 229, 229); padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/img131.png); background-position-x: 97%; background-position-y: center; background-repeat: no-repeat; margin-bottom: 25px; }
.form button { width: 100%; font-size: 20px; height: 55px; color: #fff; font-family: "regular"; background: rgb(52, 115, 182); transition: all .5s; }
.form button:hover { background: rgb(232, 73, 38); }
.form img { float: right; }
.form .inp2 { width: 33%; }

/* ?…3?o???‘??? */

/* about_cont2 */
.about_cont2 { width: 100%; padding-top: 100px; padding-bottom: 20px; }
.ab_bt { font-size: 40px; color: #333; font-family: "bold"; text-align: center; }
.about_cont2 .p1 { font-size: 16px; color: #777; font-family: "normal"; text-align: center; line-height: 28px; }
.about_cont2 button { width: 160px; height: 45px;  /* background: rgb(232,73,38); */ font-size: 14px; color: #fff; display: block; margin: 0 auto; margin-top: 50px; margin-bottom: 40px; }
.about_cont2 button img { margin-left: 10px; margin-bottom: 2px; transition: all .8s; }
.about_cont2 button:hover img { margin-left: 20px; }
.about_cont2 .p2 { display: none; }
.about_cont2 .void { width: 100%; }
.about_cont2 .void img { width: 100%; height: 100%; }
.about_cont2 .abo_video:after { content: ''; width: 64px; height: 64px; background: url(../images/img162.png) no-repeat center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.4s; background-size: contain; z-index: 10; }
.about_cont2 .abo_video:hover:after { top: 47%; }
.about_cont2 .content3 { background-image: none; }
.about_cont2 .content3 .content3_1 .p1 span { color: #333; }
.about_cont2 .content3 .content3_1 .p1 { color: #666; }
.about_cont2 .content3 .content3_1:nth-child(1) { background-image: url(../images/img219.png); }
.about_cont2 .content3 .content3_1:nth-child(2) { background-image: url(../images/img164.png); }
.about_cont2 .content3 .content3_1:nth-child(3) { background-image: url(../images/img165.png); }
.about_cont2 .content3 .content3_1:nth-child(4) { background-image: url(../images/img166.png); }

/* .about_cont3 */
.about_cont3 { width: 100%; padding-top: 75px; padding-bottom: 80px; background: rgb(242, 245, 246); }
.about_cont3 .rq { width: 100%; padding-top: 85px; }
.about_cont3 .lef { width: 50%; float: left; }
.about_cont3 .lerq { width: 100%; height: 90px; padding-left: 115px; margin-bottom: 30px; position: relative; }
.about_cont3 .lerq .y { width: 80px; height: 79px; background-image: url(../images/img171.png); background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; border-radius: 50%; box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.2); transition: all .3s; }
.about_cont3 .lerq:nth-child(2) .y { background-image: url(../images/img168.png); }
.about_cont3 .lerq:nth-child(3) .y { background-image: url(../images/img169.png); }
.about_cont3 .lerq:nth-child(4) .y { background-image: url(../images/img170.png); }
.about_cont3 .lerq:nth-child(1).on .y { background-image: url(../images/img167.png); box-shadow: 0 10px 30px rgba(204, 0, 0, .2); }
.about_cont3 .lerq:nth-child(2).on .y { background-image: url(../images/img172.png); box-shadow: 0 10px 30px rgba(204, 0, 0, .2); }
.about_cont3 .lerq:nth-child(3).on .y { background-image: url(../images/img173.png); box-shadow: 0 10px 30px rgba(204, 0, 0, .2); }
.about_cont3 .lerq:nth-child(4).on .y { background-image: url(../images/img174.png); box-shadow: 0 10px 30px rgba(204, 0, 0, .2); }
.about_cont3 .lerq .p1 { font-size: 22px; color: #333; font-family: "regular"; margin-bottom: 7px; }
.about_cont3 .on .p1 { color: #e84b28; }
.about_cont3 .lerq .p2 { font-size: 18px; color: #666; font-family: "regular"; }
.about_cont3 .rig { width: 50%; float: right; position: relative; transition: all 1s; transform: rotate(0deg); }
.about_cont3 .ig { width: 357px; height: 355px; margin: 0 auto; }
.about_cont3 .ig img { width: 100%; height: 100%; }
.about_cont3 .rig .p3 { font-size: 24px; color: #444; font-family: "regular"; }
.about_cont3 .rig .on { color: #0076bd; }
.about_cont3 .rig .p31 { position: absolute; left: 50%; top: -4%; transform: translate(-50%, -50%); }
.about_cont3 .rig .p32 { position: absolute; left: 13%; top: 50%; transform: translate(-50%, -50%); }
.about_cont3 .rig .p33 { position: absolute; left: 50%; top: 106%; transform: translate(-50%, -50%); }
.about_cont3 .rig .p34 { position: absolute; left: 89%; top: 50%; transform: translate(-50%, -50%); width: 16%; }
.about_cont3 .rig .ig2 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/* .about_cont4 */
.about_cont4 { width: 100%; position: relative; }
.about_cont4 .bj, .about_cont4 .bj img { width: 100%; height: 100%; }
.about_cont4 .wrap { position: absolute; left: 50%; top: 0%; transform: translate(-50%, 0%); }
.about_cont4 .ab_bt { color: #fff; margin-top: 73px; }
.ab_fbt { font-size: 18px; color: #fff; opacity: 0.5; font-family: "regular"; text-align: center; margin-top: 8px; }
.about_cont4 .rq { width: auto; display: table; margin: 0 auto; margin-top: 30px; }
.about_cont4 .rq1 { width: 201px; height: 180px; background-image: url(../images/img179.png); background-repeat: no-repeat; background-size: contain; float: left; margin-left: 90px; transition: all .3s; }
.about_cont4 .rq1:nth-child(1) { margin-left: 0; }
.about_cont4 .rq1 div { width: 100%; height: 100%; background-image: url(../images/img183.png); background-repeat: no-repeat; background-position-x: center; background-position-y: 30%; }
.about_cont4 .rq1 div p { color: #444; font-size: 20px; font-family: "medium"; text-align: center; padding-top: 105px; }
.about_cont4 .rq1:nth-child(2)>a div { background-image: url(../images/img181.png); }
.about_cont4 .rq1:hover { background-image: url(../images/img178.png); }
.about_cont4 .rq1:nth-child(1):hover>a div { background-image: url(../images/img180.png); }
.about_cont4 .rq1:nth-child(2):hover>a div { background-image: url(../images/img182.png); }
.about_cont4 .rq1:hover>a div p { color: #fff; }

/* about_cont5 */
.about_cont5 { width: 100%; padding: 110px 0; background: rgb(242, 245, 246); }
.about_cont5, .development-box { position: relative; }
/*.development-box .swiper-slide { padding: 0 5px; }*/
.deve-item { position: relative; }
.deve-center { padding: 0 0 25px 0; }
.deve-center .m-dot { width: 16px; height: 16px; border: 1px solid #6b6b6b; border-radius: 50%; padding: 4px; margin: 0 auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.deve-center .m-dot i { display: block; width: 6px; height: 6px; background: #6b6b6b; border-radius: 50%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.deve-center .m-day { font-size: 15px; font-weight: 600; color: #666; text-align: center; margin-top: 5px; }
.deve-item:hover .deve-center .m-dot { border-color: #e84926; }
.deve-item:hover .deve-center .m-dot i { background: #e84926; }
.deve-item:hover .deve-center .m-day { color: #e84926; }
.deve-item:hover .deve-info { background-image: url(../images/img185.png); }
.deve-item:hover .deve-info .deve-text p { color: #e84926; }
.deve-item .deve-info { position: relative; padding-top: 15px; width: 100%; height: 190px; background-image: url(../images/img184.png); background-repeat: no-repeat; background-position: center; background-size: contain; margin: 0 auto; }
.deve-item .deve-info { position: absolute; left: 50%; transform: translate(-50%, 0%); padding: 0; }
.deve-item.it2 .deve-info { bottom: 0; padding-top: 15px; }
.deve-item.it1 .deve-info { top: 0; padding-bottom: 15px; }
.deve-text { width: 285px; height: 190px; vertical-align: middle; display: table-cell; padding: 15px 41px; }
.deve-item.it2 .deve-text { height: 158px; }
.deve-text p { font-size: 18px; font-family: "regular"; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.about_cont5 .swiper-button-prev, .about_cont5 .swiper-button-next { position: absolute; top: 50%; width: 52px; height: 52px; background-repeat: no-repeat; background-size: contain; opacity: 1; transition: all .3s; }
.about_cont5 .swiper-button-prev { left: 0; transform: translateX(-50%); background-image: url(../images/img189.png); }
.about_cont5 .swiper-button-prev:hover { background-image: url(../images/img186.png); }
.about_cont5 .swiper-button-next { right: 0; transform: translateX(50%); background-image: url(../images/img187.png); }
.about_cont5 .swiper-button-next:hover { background-image: url(../images/img188.png); }
.development-box::after { content: ''; height: 2px; background: #e9e9e9; position: absolute; left: 32px; right: 32px; top: 7px; }
.development-box { margin-top: 40px; }
.development-box::after { left: 42px; right: 42px; top: 50%; transform: translateY(-50%); }
.deve-item { position: relative; }
.deve-center { padding: 227px 0; }

.about_cont5 .development-boxa { position: relative; }
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide .lcb-item { text-align: center; position: relative; padding: 1.8rem 0; }
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide .lcb-item .year { width: 0.72rem; height: 0.72rem; border-radius: 50%; background-color: #707070; margin: auto; display: flex; align-items: center; justify-content: center; flex-direction: column; word-break: break-all; transition: .45s; }
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide .lcb-item .year::before { content: ""; position: absolute; border-radius: 50%; z-index: -1; width: 0.9rem; height: 0.9rem; background-color: #a0a0a0; transition: .45s; }
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide .lcb-item .year span { display: block; font-size: 0.16rem; color: #fff; }
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide .lcb-item .cont { position: absolute; top: 0; left: 0; right: 0; font-size: 0.16rem; line-height: 0.24rem; }
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide .lcb-item .l-line { position: absolute; left: 50%; bottom: 60%; height: 0.72rem; width: 1px; background-color: #a0a0a0; }
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .lcb-item .cont { bottom: 0; top: unset; }
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .lcb-item .l-line { bottom: unset; top: 60%; }
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .lcb-item .year { background-color: #0079c3; }
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .lcb-item .year::before { background-color: #dff1ff; }
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .lcb-item .l-line { background-color: #0079c3; }
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .lcb-item .l-line::before {
    background-color: #dff1ff; position: absolute; content: ""; width: 0.11rem; height: 0.11rem; border-radius: 50%; top: 0; left: 0;
    animation: sonarEffect 1.3s ease-out 75ms infinite alternate; margin-left: -0.05rem; margin-top: -0.05rem;
}
.about_cont5 .development-box .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .lcb-item .l-line::before {
    top: auto; bottom: 0; margin-top: 0; margin-bottom: -0.05rem;
}

/* .about_cont6 */
.about_cont6 { width: 100%; padding-top: 110px; padding-bottom: 90px; }
.about_cont6 .ab_fbt { opacity: 1; color: #999; padding-bottom: 30px; position: relative; margin-bottom: 40px; }
.about_cont6 .ab_fbt::before { content: ''; width: 40px; height: 2px; background: rgb(232, 73, 38); position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0%); }
.about_cont6 .p1 { font-size: 16px; color: #666; font-family: "regular"; text-align: center; line-height: 28px; }
.about_cont6 .p2 { width: 52%; margin: 0 auto; }
.about_cont6 .ig { width: 943px; height: 489px; margin: 0 auto; margin-top: 75px; }
.about_cont6 .ig img { width: 100%; height: 100%; }

/* about_cont7 */
.about_cont7 { width: 100%; background: rgb(240, 245, 248); padding-top: 93px; padding-bottom: 46px; }
.about_cont7 .lef { float: left; padding-top: 180px; width: 493px; }
.about_cont7 .lef p { text-align: left; }
.about_cont7 .lef .ab_fbt { color: #999; margin-bottom: 50px; }
.about_cont7 .lef button { font-size: 18px; color: #666; font-family: "regular"; width: 140px; height: 45px; border: 1px solid rgb(210, 214, 216); margin-right: 10px; }
.about_cont7 .lef .on { background: rgb(232, 73, 38); color: #fff; }
.about_cont7 .lef button:hover { background: rgb(232, 73, 38); color: #fff; }
.about_cont7 .rig { width: 707px; height: 592px; float: right; position: relative; display: none; }
.about_cont7 .rig.rig2 { display: block; }
.about_cont7 .rig .bj { width: 100%; }
.about_cont7 .rigg .bj { margin-top: 50px; }
.about_cont7 .rig .bz_1 { position: absolute; left: 85%; top: 30%; transform: translate(-50%, -50%); }
.about_cont7 .rig .bz_2 { position: absolute; left: 86%; top: 60%; transform: translate(-50%, -50%); }
.about_cont7 .rig .bz_3 { position: absolute; left: 74%; top: 85%; transform: translate(-50%, -50%); }
.about_cont7 .rig .bz_4 { position: absolute; left: 72%; top: 87%; transform: translate(-50%, -50%); }

/* .about_cont7 .bz div{
display: none;
} */
.about_cont7 .bz div { display: block !important; }
.about_cont7 .rigg .bz div {  /* display: none !important; */ }
.about_cont7 .rigg .bz.on div { display: block !important; }
.about_cont7 .bz:hover>div { display: block; }
.about_cont7 .rig div p { font-size: 16px; color: #444; font-family: "regular"; }
.about_cont7 .rig .bz_1 div { width: 210px; position: absolute; left: 48px; top: -59px; transform: translate(-50%, -50%); }
.about_cont7 .rigg .bz_1 div { left: 124px; top: -22px; }
.about_cont7 .rig .bz_2 div { width: 210px; position: absolute; left: -27px; top: -46px; transform: translate(-50%, -50%); }
.about_cont7 .rig .bz_3 div { width: 210px; position: absolute; left: 138px; top: 13px; transform: translate(-50%, -50%); }
.about_cont7 .rigg .bz_3 div { left: 90px; top: 95px; }
.about_cont7 .rig .bz_4 div { width: 210px; position: absolute; left: -120px; top: -28px; transform: translate(-50%, -50%); }
.about_cont7 .rigg .bz_4 div { position: absolute; left: 135px; top: 93px; transform: translate(-50%, -50%); }
.about_cont7 .bz>img { width: 100%; animation: abfd 2s linear infinite; }
@keyframes abfd {
0%, 100% { transform: scale(0.8); }
50% { transform: scale(1.1); }
}
.about_cont7 .rigg .bz_1 { left: 84%; top: 33%; }
.about_cont7 .rigg .bz_2 { left: 21%; top: 32%; }
.about_cont7 .rigg .bz_3 { left: 48%; top: 28%; }
.about_cont7 .rigg .bz_4 { left: 79%; top: 36%; }
.about_cont7 .rigg .bz_5 { left: 50%; top: 26%; }
.about_cont7 .rigg .bz_6 { left: 50%; top: 25%; }
.about_cont7 .rigg .bz_7 { left: 49%; top: 27%; }
.about_cont7 .rigg .bz_8 { left: 15%; top: 31%; }
.about_cont7 .rig1 .bz {  /* display: none; */ }

/* .about_cont7 .rig1 .bz_4 {
display: block !important;
}
.about_cont7 .rig1 .bz_8 {
display: none !important;
}
.about_cont7 .rig1 .bz_4 div{
display: block !important;
} */

/* ??oè??é?…?‰???-??? */
.cent_cont1 { width: 100%; padding-top: 80px; }
.cen_bt { font-size: 40px; color: #333; font-family: "medium"; text-align: center; padding-bottom: 35px; position: relative; }
.cent_cont1 .cen_bt::before { content: ''; width: 40px; height: 2px; background: rgb(0, 121, 195); position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0%); }
.cent_cont1 .p1 { font-size: 16px; color: #666; font-family: "regular"; line-height: 30px; margin-top: 25px; padding: 0 40px; }
.cent_cont1 .ig, .cent_cont1 .ig img { width: 100%; height: 100%; }
.cent_cont1 .ig { margin-top: 80px; position: relative; }
.cent_cont1 .ig .a1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.cent_cont1 .ig .a1 img { width: 106px;  /* height: 70px; */ }

/* .cent_cont2 */
.cent_cont2 { width: 100%; padding-top: 95px; padding-bottom: 115px; background: rgb(244, 247, 249); }
.cent_cont2 .rq { margin-top: 75px; width: 100%; }
.cent_cont2 .rq1 { width: 32%; height: 330px; margin-right: 2%; float: left; background: rgb(255, 255, 255); }
.cent_cont2 .rq1:nth-child(3) { margin-right: 0; }
.cent_cont2 .rq1 div { width: 100%; height: 100%; padding: 70px 33px; background-image: url(../images/img195.png); background-repeat: no-repeat; background-position-x: center; background-position-y: 70px; transition: all .3s; }
.cent_cont2 .rq1 div p { font-size: 16px; color: #666; font-family: "regular"; text-align: center; padding-top: 120px; }
.cent_cont2 .rq1:nth-child(2) div { background-image: url(../images/img196.png); }
.cent_cont2 .rq1:nth-child(3) div { background-image: url(../images/img197.png); }
.cent_cont2 .rq1:hover div { background-position-y: 60px; }
.cent_cont3 { width: 100%; position: relative; height: 941px; }
.cent_cont3 .bj, .cent_cont3 .bj img { width: 100%; height: 100%; }
.cent_cont3 .wrap { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0%); padding-top: 75px; }
.cent_cont3 .cen_bt { color: #fff; }
.cent_cont3 .yq { width: 659px; height: 664px; background-image: url(../images/img200.png); background-repeat: no-repeat; margin: 0 auto; position: relative; margin-top: 30px; }
.cent_cont3 .yq::before { content: ''; width: 498px; height: 498px; background-image: url(../images/img199.png); background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.cent_cont3 .tp { width: 385px; height: 385px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; transition: all .3s; }

/* .cent_cont3 .on{
opacity: 1;
} */
.cent_cont3 .tp img { width: 100%; height: 100%; }
.cent_cont3 .sz { width: 180px; font-size: 22px; color: #fff; font-family: "regular"; position: absolute; top: 17%; left: 0%; transform: translate(-50%, -50%); cursor: pointer; }

/* .cent_cont3 .sz.on2{
color: red;
} */
.cent_cont3 .sz2 { top: 42%; left: -12%; }
.cent_cont3 .sz3 { top: 70%; left: -5%; }
.cent_cont3 .sz4 { top: 94%; left: 12%; }
.cent_cont3 .sz5 { top: 104%; left: 48%; }
.cent_cont3 .sz6 { top: 92%; left: 94%; }
.cent_cont3 .sz7 { top: 71%; left: 110%; }
.cent_cont3 .sz8 { top: 50%; left: 115%; }
.cent_cont3 .sz9 { top: 30%; left: 110%; }
.cent_cont3 .sz10 { top: 11%; left: 93%; }
.cent_cont3 .sz11 { top: -1%; left: 62%; }

/* cent_cont4 */
.cent_cont4 { width: 100%; padding-top: 155px; }
.cent_cont4 .rq { width: 100%; }
.cent_cont4 .rq1 { width: 32%; height: 420px; margin-right: 2%; float: left; }
.cent_cont4 .rq1:nth-child(3n) { margin-right: 0%; }
.cent_cont4 .rq1 .top { width: 100%; overflow: hidden; }
.cent_cont4 .rq1 .top img { width: 100%; transition: all 1s; }
.cent_cont4 .bot { padding-top: 34px; width: 100%; }
.cent_cont4 .bot .p1 { font-size: 22px; color: #444; font-family: "medium"; }
.cent_cont4 .bot .p2 { width: 80%; font-size: 16px; color: #666; font-family: "regular"; margin-top: 10px; }
.cent_cont4 .rq1:hover>.top img { transform: scale(1.1); }
.cent_cont4 .rq1:hover>.bot .p1 { color: #0079c3; }

/* .cent_cont5 */
.cent_cont5 { width: 100%; background: rgb(244, 247, 249); padding-top: 100px; padding-bottom: 120px; }
.cent_cont5 .rq { width: 100%; margin-top: 20px; }
.cent_cont5 .rq1 { width: 32%; height: 480px; margin-right: 2%; float: left; background: #fff; }
.cent_cont5 .rq1:nth-child(3) { margin-right: 0; }
.cent_cont5 .rq1 .top { width: 100%; overflow: hidden; }
.cent_cont5 .rq1 .top img { width: 100%; transition: all 1s; }
.cent_cont5 .rq1 .bot { padding: 0 20px; margin-top: 25px; }
.cent_cont5 .rq1 .bot .p1 { font-size: 24px; color: #333333; font-family: "medium"; margin-bottom: 28px; line-height: 29px; }
.cent_cont5 .rq1:hover>.top img { transform: scale(1.1); }
.cent_cont5 .rq1:hover>.bot .p1 { color: #0079c3; }

/* ?????-???è?? */
.join2_con1 { width: 100%; }
.join2_con1 table {margin: auto; margin-top: 20px;margin-bottom: 20px;}
.join2_con1 .p1 { color: #333333; font-size: 32px; text-align: center; font-family: "regular"; padding-top: 75px; padding-bottom: 45px; }
.join2_con1 .rq1 { width: 100%; height: 125px; background: rgb(232, 73, 38); padding: 28px 0; }
.join2_con1 .rq1 p { font-size: 22px; color: #fff; font-family: "regular"; text-align: center; margin-top: 5px; }
.join2_con1 .rq1 .p3 { font-weight: bold; font-size: 23px; }
.join2_con1 .rq2 { margin-top: 20px; }
.join2_con1 .rq2, .join2_con1 .rq2 img { width: 100%; height: 100%; vertical-align: middle; }
.join2_con2 { padding: 0; padding-bottom: 100px; }
.join2_con2 .p3 { font-size: 30px; color: #333333; font-family: "regular"; padding-top: 75px; padding-bottom: 30px; }
.join2_con2 .bot .p3 { padding: 0; }
.join2_con3 { width: 100%; background: rgb(243, 246, 249); padding-top: 80px; padding-bottom: 120px; }
.join2_con3 .p1 { font-size: 30px; color: #333; font-family: "normal"; margin-bottom: 20px; }
.join2_con3 .p2 { font-size: 20px; color: #e84926; font-family: "normal"; margin-bottom: 10px; }
.join2_con3 .p3 { font-size: 16px; color: #666666; font-family: "normal"; width: 94%; line-height: 30px; }
.join2_con3 .rq { width: 100%; margin-top: 35px; margin-bottom: 50px; }
.join2_con3 .rq1 { width: 23.5%; height: 350px; float: left; margin-right: 2%; border: 2px solid rgb(232, 73, 38); padding: 30px; padding-top: 40px; transition: all .5s; }
.join2_con3 .rq1:nth-child(4) { margin-right: 0; }
.join2_con3 .rq1 div { width: 56px; height: 58px; }
.join2_con3 .rq1:nth-child(1) div { background-image: url(../images/img224.png); background-position: center; background-repeat: no-repeat; }
.join2_con3 .rq1:nth-child(2) div { background-image: url(../images/img225.png); background-position: center; background-repeat: no-repeat; }
.join2_con3 .rq1:nth-child(3) div { background-image: url(../images/img226.png); background-position: center; background-repeat: no-repeat; }
.join2_con3 .rq1:nth-child(4) div { background-image: url(../images/img227.png); background-position: center; background-repeat: no-repeat; }
.join2_con3 .p4 { font-size: 22px; color: #333333; font-family: "normal"; margin: 20px 0; }
.join2_con3 .p5 { font-size: 16px; color: #666666; font-family: "normal"; }
.join2_con3 .rq1:hover { background: rgb(232, 73, 38); }
.join2_con3 .rq1:hover p { color: #fff; }
.join2_con3 .rq1:nth-child(1):hover div { background-image: url(../images/img220.png); }
.join2_con3 .rq1:nth-child(2):hover div { background-image: url(../images/img221.png); }
.join2_con3 .rq1:nth-child(3):hover div { background-image: url(../images/img222.png); }
.join2_con3 .rq1:nth-child(4):hover div { background-image: url(../images/img223.png); }
.join2_con3 .rq2 { width: 100%; padding: 40px 30px; background: #fff; border: 1px solid rgb(204, 204, 204); margin-bottom: 50px; }
.join2_con3 .fztp { width: auto; margin: 0 auto; }
.join2_con3 .fztp img { display: block; margin: 0 auto; }
.join2_con3 .fztp p { color: #666666; font-size: 16px; text-align: center; }

/* ???è?¨??? */
@media (max-width:1680px) {

/* é|–é?μ */
.banner .swiper-slide .container { padding-left: 117px; }
.banner .container .p1 { font-size: 42px; }
.banner .container .p2 { font-size: 26px; }
.ljgd { width: 125px; }
.content1 .content1_1:hover>div .p1 { font-size: 32px; }
.content1 .content1_1:hover>div .p2 { font-size: 18px; }
.content1 .content1_1 div img { width: 47px; height: 47px; }
.content2 .bj { width: 100%; height: auto; }
.content4 .lef { width: 514px; height: 445px; }
.content4 .rig { width: 634px; height: 445px; }
.content4 .rig .rq .rq1 { width: 308px; }
.content4 .lef .bot .p1 { font-size: 17px; }
.content4 .rig .rq .rq1 p { font-size: 14px; }
.content4 .rig .rq2 p { line-height: 60px; }
.content4 .rig .rq2 { margin-top: 44px; }
.content5 .dt { width: 815px; margin: 0 auto; margin-top: 40px; }
.content5 .dt img { width: 100%; height: 100%; }

/* ODM */
.odm_cont3 .swiper-button-next, .join_cont1 .swiper-button-next, .newdate_cont3 .swiper-button-next, .ser_cont4 .swiper-button-next { right: 8%; }
.odm_cont3 .swiper-button-prev, .join_cont1 .swiper-button-prev, .newdate_cont3 .swiper-button-prev, .ser_cont4 .swiper-button-prev { left: 8%; }

/* ?…3?o???‘??? */
.about_cont5 .swiper-button-prev { left: 9%; }
.about_cont5 .swiper-button-next { right: 9%; }

/* è?”?3???‘??? */
.con_cont2 .wrap { top: 391px; }
}
@media (max-width:1459px) {
.navbar .category-item .two .rq { padding-top: 18px; padding-bottom: 10px; }
.navbar .category-item .two .rq .tp .p1 { margin-top: 13px; margin-bottom: 8px; }

/* é|–é?μ */
.banner .swiper-slide .container { padding-left: 38px; }
.banner .container .p1 { font-size: 33px; }
.banner .container .p2 { font-size: 20px; }
.ljgd { width: 100px; height: 37px; line-height: 37px; }
.ljgd span { height: 37px; line-height: 37px; }
.about_cont2 button { width: 136px; }
.content1 .content1_1 div { top: 30%; }
.content1 .content1_1 .p2 { font-size: 12px; }
.content1 .content1_1 .p1 { font-size: 22px; }
.content1 .content1_1:hover>div .p2 { font-size: 18px; }
.content1 .content1_1:hover>div .p1 { font-size: 27px; }
.content2 .rig div { height: 410px; }

/* .content2 .bj{
width: 1300px;
height: 575px;
} */
.form .inp2 { width: 33%; }
.form select, .form input { margin-bottom: 15px; }

/* ODM */
.odm_cont3 .swiper-button-next, .about_cont5 .swiper-button-next, .join_cont1 .swiper-button-next, .newdate_cont3 .swiper-button-next, .ser_cont4 .swiper-button-next { right: 1%; }
.odm_cont3 .swiper-button-prev, .about_cont5 .swiper-button-prev, .join_cont1 .swiper-button-prev, .newdate_cont3 .swiper-button-prev, .ser_cont4 .swiper-button-prev { left: 1%; }

/* è?”?3???‘??? */
.con_cont2 .wrap { top: 328px; }
.content1 .content1_1:hover>a div .p1 { font-size: 30px; }
.content1 .content1_1:hover>a div .p2 { font-size: 17px; }
.content1 .content1_1 div img { width: 40px; height: 40px; }
.content2 .dbj { width: 816px; }
.about_cont3 .rig .p3 { font-size: 20px; }
.about_cont3 .rig .p34 { position: absolute; left: 94%; top: 53%; }
.about_cont3 .rig .p32 { left: 7%; }
.about_cont7 .lef { width: 30%; }
.about_cont7 .rig { width: 60%; }
.about_cont7 .rig .bz_4 { top: 81%; }
.about_cont7 .rig .bz_3 { top: 79%; }
.about_cont7 .rig .bz_2 { top: 56%; }
.about_cont7 .rig .bz_1 { top: 28%; }
.about_cont7 .rig div p { font-size: 14px; }
.about_cont7 .rig .bz div img { height: 80px; }
.about_cont7 .rig .bz_2 div { top: -55px; }
.about_cont7 .rig .bz_1 div { top: -50px; }
.about_cont7 .rigg .bz_1 { top: 31%; }
.about_cont7 .rigg .bz_2 { top: 30%; }
.about_cont7 .rigg .bz_3 { top: 26%; }
.about_cont7 .rigg .bz_4 { top: 34%; }
.about_cont7 .rigg .bz_5 { top: 24%; }
.prlis_cont2 .bot { padding: 0 40px; padding-top: 30px; }
.prlis_cont2 .bot .p1 { font-size: 24px; }
.prlis_cont2 .bot .p2, .prlis_cont2 .bot .p3 { font-size: 14px; }
.banner .nr .wrap .p1 { font-size: 35px; }

/* .banner .nr .wrap .p2{
font-size: 22px;
} */

/* .banner .nr .wrap .p1::before {
content: '';
width: 98px;
height: 150px;
background-size: contain;
} */
.prlis_banner .nr .wrap .p1::before { content: none; }
.prodate_cont4 .lef { width: 529px; }
.prodate_cont4 .rig { width: 494px; }
.proxq1-rt_jz .prod_p, .prodate_but { font-size: 30px; }
.prodate_but::before { height: 25px; top: 9px; }
.prodate_but { margin-bottom: 20px; }
.prodate_cont5 .prodate_but { margin-bottom: 85px; }
.prodate_cont6 .lef { padding-top: 110px; }
.prodate_cont4 .p3 { font-size: 25px; }
.prodate_cont10 .rq1 .bot { padding: 0 20px; padding-top: 13px; }
.prodate_cont10 .bot .p1 { font-size: 20px; }
.prodate_cont10 .bot .p2, .prodate_cont10 .bot .p3 { font-size: 12px; }
.prodate_cont10 { padding-top: 68px; padding-bottom: 128px; }
.prodate_cont10 .prodate_but { margin-bottom: 40px; }
.cen_bt { font-size: 34px; }
.cent_cont2 .rq { margin-top: 25px; }
.cent_cont3 .sz { font-size: 20px; }
.cent_cont4 .bot { padding-top: 20px; }
.cent_cont4 .bot .p1 { font-size: 20px; }
.cent_cont4 .bot .p2 { font-size: 14px; }
.cent_cont4 .rq1 { height: 365px; }
.cent_cont5 { padding-top: 85px; padding-bottom: 100px; }
.cent_cont5 .rq1 .bot .p1 { font-size: 20px; }
.cent_cont5 .rq1 { height: 455px; }
.so_bt { font-size: 34px; }
.solu_cont3 .lef { width: 349px; height: auto; }
.solu_cont3 .rig { width: 674px; height: auto; }
.solu_cont3 .lef .rq img { width: 54px; height: 54px; }
.solu_cont3 .lef .rq { height: 67px; }
.solu_cont3 .lef .rq p { line-height: 67px; font-size: 16px; }
.solu_cont4 .top .rq img { width: 100%; }
.solu_cont4 .bot .p1 { font-size: 30px; }
.solu_cont4 .bot .rq .lef .p3 { background-size: 40px; }
.solu_cont4 .bot .rq .lef p { font-size: 16px; }
.so_bt { font-size: 29px; }
.solu_cont5 .p2 { font-size: 16px; }
.solu_cont5 .p3 { font-size: 30px; }
.sp1 { margin-left: 125px; margin-right: 90px; }
.sp img { width: 30px; height: 30px; }
.sp { font-size: 16px; height: 30px; line-height: 30px; }
.con5_5 .rq .lef { width: 588px; }
.con5_5 .rq .rig { width: 420px; }
.con5_5 .rq .lef div img { width: 80%; }
.ser_cont2 .rq .lef { width: 463px; height: 495px; }
.ser_cont2 .rq .rig { width: 560px; height: auto; }
.ser_bt { font-size: 34px; }
.ser_cont2 .rq .lef .p2 { width: 93%; font-size: 14px; }
.ser_cont2 .rq2 .rq2_1 { width: 303px; margin-right: 57px; }
.ser_cont2 .rq2 { margin-top: 50px; }
.ser_cont5 .rq .rq1 .p1 { font-size: 22px; }
.new_cont1 .rig { height: 253px;  /* padding: 45px 75px; */ }
.join_cont1 .swiper-slide div:nth-child(1) { width: 389px; height: 297px; }
.join_cont1 .swiper-slide div:nth-child(2) { width: 303px; height: 297px; }
.join_cont1 .swiper-slide div:nth-child(3) { width: 303px; height: 297px; }
.join_cont1 .swiper-slide div:nth-child(4) { width: 389px; height: 297px; }
.join_cont1 .swiper-slide div:nth-child(5) { width: 621px; height: 297px; }
.join_cont1 .swiper-slide div { margin-right: 14px; }
.join_bt { font-size: 34px; }
.con_cont1 .rq input, .con_cont1 .xl, .con_cont1 .x2 { width: 500px; margin-right: 20px; }
.con_cont1 .x2 { margin-right: 0; }
.content2 .lef .rq { margin-top: 30px; }
.content4 .lef { width: 438px; }
.content4 .rig { width: 541px; }
.content4 .rig .rq .rq1 { width: 262px; }
.content5 .dt { width: 695px; }
.issdate_cont2 .top .p1 { font-size: 30px; width: 69%; }
.issdate_cont2 .bot .ig div { width: 395px; }
.join_cont1 .swiper-button-next, .join_cont1 .swiper-button-prev { width: 34px; height: 75px; background-size: contain; }
.issdate_cont2 .an .lb { width: 136px; }
.newdate_cont3 .p1 { font-size: 34px; }
.banner2 .nr .wrap .p1::before { content: ''; width: 30px; height: 6px; }
.odm_bt { font-size: 38px; }
.odm_cont1 .rq1, .odm_cont1 .rq4 { width: 597px; height: 358px; }
.odm_cont1 .rq2, .odm_cont1 .rq3 { width: 409px; height: 358px; }
.newsha_cone1 .lef { width: 384px; }
.newsha_cone1 .rig { width: 640px; }
.newsha_cone1 .rq { height: 205px; }
.newsha_cone1 .rig .p1 { font-size: 19px; }
.newsha_cone1 .rig .p2 { font-size: 13px; }
.newsha_cone1 .rig a { width: 119px; height: 38px; line-height: 38px; }
.join_cont3 .top .p1 { font-size: 20px; }
.join_cont3 .top .p2 { font-size: 16px; }
.odm_cont5 .rq .lef { width: 452px; height: 230px; }
.odm_cont5 .rq .rig { width: 427px; height: 230px; }
.odm_cont5 .rq .lef img, .odm_cont5 .rq .rig img { width: 107px; }
.odm_cont5 .p2 { width: 72%; font-size: 14px; }
.odm_cont5 .p1 { font-size: 23px; padding-bottom: 8px; }
.content2 .void { width: 364px; height: 205px; }
.content2 .abo_video:after { width: 64px; height: 64px; }
.content2 .rig div { height: 350px; margin-top: 150px; }
.ser_cont4 .p3 { font-size: 15px; line-height: 25px; height: 103px; }
.deve-text p { font-size: 16px; }
.deve-text { padding: 15px 30px; }
.newdate2 .bot .an a:nth-child(1), .newdate2 .bot .an a:nth-child(3) { width: 340px; overflow: hidden; }
}
@media (max-width:1366px) {
.banner2 .nr .wrap { left: 50%; }
.content1 .content1_1 div img { margin-top: 18px; }
.about_cont7 .rig .bz_4 div { left: -72px; top: 2px; }
.about_cont7 .rig .bz_2 div { left: 11px; top: -46px; }
.about_cont7 .rigg .bz_4 div { left: 58px; top: 85px; }
}
@media (max-width:1259px) {
.content2 .dbj { width: 600px; height: 114px; }
.con_cont1 .rq input, .con_cont1 .xl, .con_cont1 .x2 { width: 49%; margin-right: 1.8%; }
.con_cont1 .x2 { margin-right: 0; }

/* é|–é?μ */

/* .content2 .bj{
width: 1151px;
height: 431px;
} */
.content2 .void { width: 295px; height: 166px; }
.content2 .rig div { height: 330px; margin-top: 113px; }
.content2 .lef .rq { margin-top: 25px; }
.bt { font-size: 33px; }
.content2 .lef .rq .p2 { font-size: 13px; line-height: 25px; margin-top: 15px; }
.content2 .abo_video:after { width: 50px; height: 50px; }
.content1 .content1_1 div img { width: 37px; height: 37px; margin-top: 25px; }
.banner .swiper-slide .container { padding-left: 0px; }
.content3 .content3_1 .p1 span { font-size: 35px; }
.content3 .content3_1 .p1 { font-size: 12px; }
.content4 .lef { width: 415px; height: 360px; }
.content4 .rig { width: 512px; height: 360px; }
.content4 .rig .rq .rq1 { width: 250px; }
.content4 .lef .bot { padding: 15px 5px; }
.content4 .lef .bot .p2 { font-size: 13px; }
.content4 .lef .bot .p1 { font-size: 16px; }
.content4 .lef .top span { font-size: 15px; width: 80px; height: 35px; line-height: 35px; }
.content4 .rig .rq .rq1 div span { font-size: 13px; width: 60px; height: 30px; line-height: 30px; }
.content4 .rig .rq .rq1 p { font-size: 13px; }
.content4 .rig .rq2 { margin-top: 16px; }
.content4 .rig .rq2 p { line-height: 53px; font-size: 14px; }
.content4 .rig .rq2 p span { font-size: 13px; }
.content5 .dt { width: 659px; }
.content5 .lef { margin-top: 60px; }
.foot-tbot .lef div p { font-size: 14px; }

/* ODM */
.odm_cont1 .rq1 { width: 565px; }
.odm_cont1 .rq2 { width: 388px; }
.odm_cont1 .rq div { height: 339px; }
.odm_cont1 .rq3 { width: 388px; }
.odm_cont1 .rq4 { width: 565px; }
.odm_cont5 .rq .lef, .odm_cont5 .rq .rig { width: 400px; height: 218px; }
.odm_cont5 .rq .lef img, .odm_cont5 .rq .rig img { width: 100px; height: 100px; }
.odm_cont5 .p2 { font-size: 13px; }
.odm_cont5 .p1 { font-size: 23px; padding-bottom: 7px; }
.odm_bt { font-size: 33px; }
.odm_fbt { font-size: 14px; }
.banner2 .nr .wrap .p1 { font-size: 36px; }

/* è§￡??3?–1??? */
.solu_cont3 .lef { width: 330px; height: 397px; }
.solu_cont3 .rig { width: 638px; height: 397px; }
.solu_cont3 .lef .rq { height: 64px; }
.solu_cont3 .lef .rq img { height: 50px; }
.solu_cont3 .lef .rq p { font-size: 16px; line-height: 64px; }
.solu_cont4 .top .rq img { width: 100%; }
.solu_cont4 .top .rq .tc .rig p { font-size: 15px; }
.solu_cont4 .top .rq .tc .lef { width: 53px; height: 53px; margin-top: 19px; line-height: 53px; }
.solu_cont4 .bot .rq .lef { width: 40%; height: auto; }
.solu_cont4 .bot .rq .rig { width: 50%; height: auto; }
.solu_cont5 .con5_1 .lef { width: 45%; height: auto; }
.solu_cont5 .con5_1 .rig { width: 45%; height: auto; }
.sp1 { margin-left: 40px; margin-right: 90px; }
.solu_cont5 .con5_3 div { width: 80%; }
.solu_cont5 .con5_3 div img { width: 100%; height: 100%; }
.con5_5 .rq .lef { width: 550px; }
.con5_5 .rq .rig { width: 398px; }
.con5_5 .rq .lef div img { width: 80%; }

/* ?o§?“?èˉ|??… */
.prodate_cont4 .lef { width: 47%; }
.prodate_cont4 .rig { width: 53%; }
.prlis_cont2 .top img { height: 80%; width: auto; }

/* ???è§?é—?é￠?èˉ|??… */
.issdate_cont2 .top .p1 { font-size: 27px; width: 67%; }
.issdate_cont2 .bot .ig div { width: 45%; }

/* ?…3?o???‘??? */
.about_cont3 .ig { width: 265px; height: auto; }
.about_cont3 .rig .p3 { font-size: 18px; }
.about_cont4 .rq1 { width: 162px; height: 145px; }
.about_cont4 .rq1 div p { font-size: 15px; }

/* ????…￥?·¨?3° */
.join_cont1 .swiper-slide div:nth-child(1) { width: 368px; height: 282px; }
.join_cont1 .swiper-slide div:nth-child(2) { width: 287px; height: 282px; }
.join_cont1 .swiper-slide div:nth-child(3) { width: 287px; height: 282px; }
.join_cont1 .swiper-slide div:nth-child(4) { width: 368px; height: 282px; }
.join_cont1 .swiper-slide div:nth-child(5) { width: 589px; height: 282px; }
.join_cont1 .swiper-slide div { margin-right: 12px; }

/* è?”?3???‘??? */
.con_cont2 .wrap { top: 290px; }
.con_cont2 .rq { padding: 40px 75px; }

/* ?a’??“??-??? */
.new_cont1 .rig { height: 290px; padding: 44px 75px; }

/* ??????????o? */
.newsha_cone1 .lef { width: 40%; }
.newsha_cone1 .rig { width: 60%; }

/* ?a’??“??-???èˉ|??… */
.newdate2 .bot .an a { font-size: 13px; padding: 0 11px; }
.newdate_cont3 .top, .newdate_cont3 .swiper-slide { height: auto; }
.newdate_cont3 .top img { vertical-align: middle; }
.ser_cont2 .rq .lef { width: 45%; padding: 15px 0; height: 445px; }
.ser_cont2 .rq .rig { width: 55%; height: auto; }
.ser_bt { font-size: 33px; }
.ser_cont2 .rq .lef .p2 { font-size: 14px; width: 87%; margin-top: 17px; }
.ser_cont2 .rq2 .rq2_1 { width: 30%; margin-right: 5%; padding: 15px; }
.ser_cont2 .rq2 .rq2_1:nth-child(3) { margin: 0; }
.ser_cont3 .dznr { width: 380px; }
.ser_cont3 .dznr .p1 { font-size: 17px; }
.ser_cont3 .dznr .p2 { font-size: 13px; }
.cent_cont3 .wrap { overflow: hidden; }
.newdate2 .bot .an a:nth-child(1), .newdate2 .bot .an a:nth-child(3) { width: 315px; overflow: hidden; }
.about_cont7 .lef button { width: 130px; }
.about_cont7 .rig .bz_4 { top: 71%; }
.about_cont7 .rig .bz_3 { top: 69%; }
.about_cont7 .rig .bz_2 { top: 49%; }
.about_cont7 .rig .bz_1 { top: 25%; }
.about_cont7 .rigg .bz_1 { top: 28%; }
.about_cont7 .rigg .bz_2 { top: 28%; }
.about_cont7 .rigg .bz_3 { top: 24%; }
.about_cont7 .rigg .bz_4 { top: 31%; }
.about_cont7 .rigg .bz_5 { top: 22%; }
}
@media (max-width:1120px) {
.content1 .content1_1:hover>a div .p2 { font-size: 16px; }
.content1 .content1_1:hover>a div .p1 { font-size: 27px; }
.content1 .content1_1 div img { margin-top: 13px; }
.form { width: 100%; }
}
@media (max-width:991px) {
.prodate_cont3 { top: 60px; }
.about_honor .img_list { height: 420px; }
.odm_cont4 .rq p { font-size: 15px; }
.odm_cont4 .rq .p5, .odm_cont4 .rq .p6, .odm_cont4 .rq .p7, .odm_cont4 .rq .p8 { top: 88%; }
.form { padding: 10% 5%; }
.form .inp2 { width: 32.8%; }
.about_cont7 .lef button { width: 100px; font-size: 14px; }

/* é|–é?μ */
.content1 .content1_1 div img { width: 30px; height: 30px; }
.content1 .content1_1:hover>div .p2 { font-size: 15px; }
.content1 .content1_1:hover>div .p1 { font-size: 23px; }
.content1 .content1_1:hover>div { top: 10%; }
.banner .container .p1 { font-size: 28px; }
.banner .container .p2 { font-size: 17px; }
.ljgd { width: 88px; height: 33px; line-height: 33px; margin-top: 10px; }
.ljgd span {  /* width: 88px; */
height: 33px; line-height: 33px; }
.bt { font-size: 26px; }
.content2 .rig div { height: 256px; margin-top: 88px; }
.content2 .void { width: 228px; height: 128px; }
.content2 .abo_video:after { width: 40px; height: 40px; }
.content2 .lef .rq .p2 { font-size: 12px; line-height: 20px; padding-right: 25px; }

/* .content2 .bj {
width: 815px;
height: 332px;
} */
.content3 .content3_1:nth-child(1) { background-size: 20%; }
.content3 .content3_1:nth-child(2) { background-size: 16%; }
.content3 .content3_1:nth-child(3) { background-size: 21%; }
.content3 .content3_1:nth-child(4) { background-size: 24%; width: 22%; }
.content3 .content3_1 .p1 span { font-size: 30px; }
.content3 .content3_1 { padding-left: 45px; width: 26%; }
.content3 .content3_1, .content3 div, .content3 { height: 160px; }
.content4 .lef { width: 321px; height: 278px; }
.content4 .rig { width: 396px; height: 278px; }
.content4 .rig .rq .rq1 { width: 192px; }
.content4 .rig .rq .rq1 p { font-size: 12px; }
.content4 .rig .rq2 p { line-height: 40px; font-size: 12px; }
.content4 .rig .rq2 p span { font-size: 12px; }
.content4 .lef .bot .p2 { font-size: 12px; line-height: 16px; }
.content4 .lef .bot .p1 { font-size: 14px; }
.fbt { font-size: 13px; }
.content5 .dt { width: 436px; }
.content5 .lef { margin-top: 26px; }
.content6 .foot-container .p1 { font-size: 13px; width: 379px; line-height: 20px; }
.content { min-height: 500px; margin-top: 60px; }

/* ODM */
.odm_cont1 .rq div { height: 262px; }
.odm_cont1 .rq1 { width: 437px; }
.odm_cont1 .rq2 { width: 300px; }
.odm_cont1 .rq3 { width: 300px; }
.odm_cont1 .rq4 { width: 437px; }
.odm_cont1 .rq div p { line-height: 45px; font-size: 16px; }
.odm_cont5 .rq .lef, .odm_cont5 .rq .rig { width: 305px; height: 264px; }
.odm_cont5 .rq .lef img, .odm_cont5 .rq .rig img { width: 75px; height: 75px; }
.odm_cont6 .rq div { width: 32%; margin-right: 2%; }
.odm_cont6 .rq div:nth-child(5n) { margin-right: 2%; }
.odm_cont6 .rq div:nth-child(3n) { margin-right: 0%; }

/* è§￡??3?–1??? */
.banner .nr .wrap .p1 { font-size: 37px; }
.banner .nr .wrap .p2 { font-size: 18px; }
.banner .nr .wrap .p1::before { background-size: contain; }
.banner .nr .wrap .p1::before { width: 65px; height: 120px; top: -15px; }
.so_bt { font-size: 26px; }
.solu_cont2 a { width: 180px; font-size: 13px; }
.solu_cont3 .lef { width: 280px; height: 285px; }
.solu_cont3 .rig { width: 460px; height: 285px; }
.solu_cont3 .lef .rq { height: 45px; }
.solu_cont3 .lef .rq img { height: 40px; width: auto; margin-top: 8px; }
.solu_cont3 .lef .rq p { font-size: 13px; line-height: 45px; }
.solu_cont3 { padding-top: 50px; padding-bottom: 60px; }
.solu_cont3 .so_jz { padding-top: 30px; }
.solu_cont4 .top .rq .tc .lef { width: 40px; height: 40px; margin-top: 12px; line-height: 40px; font-size: 12px; }
.solu_cont4 .top .rq .tc .rig { height: 70px; padding-left: 9px; }
.solu_cont4 .top .rq .tc .rig p { font-size: 12px; }
.solu_cont4 .top .rq .tc { height: 70px; padding-left: 20px; margin-top: 35px; }
.solu_cont4 .top .rq .p1 { font-size: 19px; }
.solu_cont4 .top .rq { height: 455px; margin-top: 30px; }
.solu_cont4 .bot .p1 { font-size: 26px; padding: 50px 0; }
.solu_cont4 { padding: 50px 0; }
.solu_cont5 .p2 { font-size: 16px; margin-bottom: 40px; }
.solu_cont5 .p3 { font-size: 26px; }
.sp { display: block; }
.sp1 { margin-left: 0; margin-bottom: 10px; }
.solu_cont5 .p4 { margin-bottom: 35px; }
.con5_5 .rq .lef { width: 431px; }
.con5_5 .rq .rig { width: 308px; }
.con5_5 .rq .rig div { padding-left: 0; padding-top: 13px; }
.con5_5 .rq .rig div p { text-align: center; }
.con5_5 .rq .lef div { height: 65px; }

/* ?o§?“?èˉ|??… */
.proxq1-lf, .proxq1-rt { width: 100%; }
.proxq1-lf { margin-bottom: 10px; }
.prodate_cont5 .lef { padding-top: 0; }
.prodate_cont6 .lef { padding-top: 25px; }
.prodate_cont10 .rq .rq1 { width: 49%; margin-right: 2%; }
.prodate_cont10 .rq .rq1:nth-child(2n) { margin-right: 0; }

/* ?o§?“???—è?¨ */
.prlis_cont2 .rq .rq1 { width: 49%; margin-right: 2%; }
.prlis_cont2 .rq .rq1:nth-child(3n) { margin-right: 2%; }
.prlis_cont2 .rq .rq1:nth-child(2n) { margin-right: 0%; }

/* ???è§?é—?é￠?èˉ|??… */
.issdate_cont2 .top .p1 { font-size: 23px; width: 56%; }
.issdate_cont2 .an .lb { width: 105px; height: 40px; font-size: 12px; line-height: 40px; margin: 0 20px; }
.issdate_cont2 .an a { font-size: 12px; }
.issdate_cont2 .bot .p2 { font-size: 13px; }
.abdate_cont a { font-size: 14px; margin-right: 40px; }
.ab_bt { font-size: 30px; }
.about_cont2 { padding-top: 50px; }
.about_cont2 .p1 img { width: 70px; }
.about_cont3 .rig { display: none; }
.about_cont3 .lef { width: 100%; }
.about_cont4 .rq1 { width: 125px; height: 112px; }
.about_cont4 .rq1 div { background-size: 32px; }
.about_cont4 .rq1 div p { padding-top: 70px; }
.deve-text { padding: 3px 28px; }
.deve-text p { font-size: 14px; }
.about_cont6 .ig { width: 100%; height: auto; }
.about_cont6 .p2 { width: 100%; }
.about_honor .bd_r, .about_honor .bd_l { height: 600px; }
.about_honor .bd_l .img_title { font-size: 14px; height: 60px; line-height: 60px; }
.about_honor .r_title { font-size: 2px; }
.about_honor .r_text p { font-size: 14px; line-height: 19px; }
.join_cont1 .swiper-slide div img { vertical-align: middle; }
.join_cont1 .swiper-slide div { margin-right: 0px; margin-bottom: 0; }
.join_cont1 .swiper-slide div:nth-child(1) { width: 37.5%; margin-right: 1%; margin-bottom: 10px; height: auto; }
.join_cont1 .swiper-slide div:nth-child(2) { width: 29.5%; margin-right: 1%; height: auto; margin-bottom: 10px; }
.join_cont1 .swiper-slide div:nth-child(3) { width: 29.5%;    /* margin-right:  1%; */ height: auto; margin-bottom: 10px; }
.join_cont1 .swiper-slide div:nth-child(4) { width: 37.5%; margin-right: 1%; height: auto; }
.join_cont1 .swiper-slide div:nth-child(5) { width: 60.5%; height: auto; }
.join_cont1 .swiper-button-next, .join_cont1 .swiper-button-prev { width: 35px; height: 35px; background-size: contain; top: 55%; }
.join_bt { font-size: 27px; padding-bottom: 32px; }
.join_cont2 .rq1 div { width: 100%; height: auto; }

/* è?”?3???‘??? */
.con_cont2 .wrap { top: 215px; }
.con_cont2 .rq { padding: 31px 41px; }
.con_cont2 .p1 { font-size: 20px; }
.con_cont2 .rig .p2 { font-size: 13px; margin-bottom: 15px; }
.con_cont2 .lef .p2 { font-size: 13px; line-height: 30px; }
.con_cont2 .lef .p2 span { font-size: 14px; }
.con_cont2 { padding-bottom: 340px; }
.con_cont1 { padding-bottom: 60px; }
.con_cont1 .p1 { width: 100%; font-size: 15px; }

/* ?a’??“??-??? */
.new_cont1 .rig { height: 225px; padding: 23px 37px; }
.new_cont1 .rig .p1 { font-size: 17px; margin-bottom: 18px; }
.new_cont1 .rig .p2 { font-size: 13px; line-height: 21px; }
.new_cont2 .rq1 { width: 49%; margin-right: 2%; }
.new_cont2 .rq1:nth-child(3n) { margin-right: 2%; }
.new_cont2 .rq1:nth-child(2n) { margin-right: 0%; }

/* ??????????o? */
.newsha_cone1 .rq { height: auto; }
.newsha_cone1 .rig { padding: 10px 15px; }
.newsha_cone1 .rig .p1 { font-size: 20px; }
.newsha_cone1 .rig .p2 { font-size: 12px; line-height: 20px; }
.newsha_cone1 .rig a { font-size: 12px; width: 100px; height: 35px; line-height: 35px; margin-top: 24px; }

/* ?…¨?????????-???è§?é—?é￠? */
.servedat_cont .p3 { font-size: 13px; }
.servedat_cont .p1 { font-size: 19px; }
.ser_cont5 .rq .rq1 { width: 49%; margin-right: 2%; }
.ser_cont5 .rq .rq1:nth-child(3n) { margin-right: 2%; }
.ser_cont5 .rq .rq1:nth-child(2n) { margin-right: 0%; }
.ser_bt { font-size: 26px; }
.ser_cont2 .rq .lef .p2 { font-size: 12px; width: 96%; margin-top: 11px; }
.ser_cont2 .rq .lef { height: 375px; }
.ser_cont2 .rq2 .rq2_1 .p1 { font-size: 19px; margin-bottom: 6px; }
.ser_cont2 .rq2 .rq2_1 .p2 { font-size: 13px; }
.ser_cont4 .p3 { font-size: 13px; }
.ser_cont4 .p1 { font-size: 18px; }
.ser_cont4 .p5 { font-size: 15px; }
.ser_cont52 .rq .rq1:nth-child(3n) { width: 100%; margin-top: 10px; }
.ser_cont5 { padding-top: 80px; padding-bottom: 80px; }
.ser_cont3 .dznr { width: 346px; padding: 35px 49px; }
.pc2 { display: none; }
.app2 { display: block; }
.about_cont7 .pc, .about_cont7 .rig1 .bz_4 { display: none !important; }
.about_cont7 .app { display: block !important; }
.cent_cont3 .yq { width: 411px; height: 415px; background-size: contain; }
.cent_cont3 .yq::before { width: 311px; height: 311px; background-size: contain; }
.cent_cont3 .tp { width: 240px; height: 240px; }
.cent_cont3 .wrap { padding-bottom: 50px; }
.cent_cont3 .sz { font-size: 15px; width: 114px; }
.cent_cont3 { height: 700px; }
.cen_bt { font-size: 33px; }
.join2_con3 .rq1 { width: 49%; }
.join2_con3 .rq1:nth-child(2n) { margin-right: 0; margin-bottom: 10px; }
.newdate2 .bot .an a:nth-child(1), .newdate2 .bot .an a:nth-child(3) { width: 225px; overflow: hidden; }
.newdate2 .bot div img, .newdate2 .bot span img, .newdate2 .bot p img, .newdate2 .bot img { width: 100% !important; height: auto !important; }
}
@media (max-width:767px) {
.about_honor .bd_l { display: none; }
.newdate2 .bot .an a:nth-child(1), .newdate2 .bot .an a:nth-child(3), .newdate2 .bot .an a:nth-child(2) { width: 100%; }
.newdate2 .bot .an a img { width: 22px !important; }
.content2 .dbj { width: 460px; height: 114px; }
@keyframes sonarEffect {
0% { opacity: 0.3; }
40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(10, 185, 223), 0 0 0px 0px rgba(10, 185, 223), 0 0 0 10px rgba(10, 185, 223); }
100% { box-shadow: 0 0 0 2px rgba(10, 185, 223), 0 0 0px 0px rgba(10, 185, 223), 0 0 0 10px rgba(10, 185, 223); transform: scale(0.5); opacity: 0; }
}
.content5 .fa { width: 20px; }
.content5 .fa img { width: 100%; }
.foot-container, .wrap { width: 100%; padding: 0 20px; }

/* é|–é?μ */
.pc { display: none; }
.app { display: block; }
.content1 .content1_1 .p2 { margin-top: 0; }
.content1 .content1_1 .p1 { font-size: 16px; }
.content1 .content1_1:hover>div { top: 22%; }
.content1 .content1_1:hover>div .p2 { font-size: 12px; }
.content1 .content1_1:hover>div .p1 { font-size: 16px; }
.content1 .content1_1 div img { margin-top: 10px; }
.content2 .lef, .content2 .rig { width: 100%; }
.content2 .rig div { height: auto; margin-top: 0; }
.content2 .void { width: 100%; height: auto; }
.content2 .lef .rq { padding: 0 15px; }
.content4 .lef { margin-bottom: 10px; }
.content4 .lef, .content4 .rig { width: 100%; height: auto; }
.content4 .rig .rq .rq1 { width: 48%; }
.content2 .foot-container { width: 100%; padding: 0; }
.content3 .content3_1 { width: 50%; }
.content3 { height: 320px; }
.content3 .content3_1:nth-child(1) { background-size: 50px; }
.content3 .content3_1:nth-child(2) { background-size: 40px 50px; }
.content3 .content3_1:nth-child(3) { background-size: 51px 48px; }
.content3 .content3_1:nth-child(4) { background-size: 50px; }
.content3 .content3_1 { padding-left: 80px; }
.content5 .dt { width: 70%; }
.content5 .lef { width: 30%; }
.content6 .foot-container .p1 { font-size: 12px; }
.bt { font-size: 20px; }
/*.content1 .content1_1 { width: 50%; }*/
/*.content1 .content1_1:nth-child(3) { width: 100%; }*/
/*.content1 .content1_1:nth-child(3) .p1 { font-size: 32px; }*/
/*.content1 .content1_1:nth-child(3):hover>div .p1 { font-size: 40px; }*/

/* .ODM */
.odm_cont1 .rq div { height: auto; margin-bottom: 10px; }
.odm_cont1 .rq1, .odm_cont1 .rq4 { width: 58.2%; }
.odm_cont1 .rq2, .odm_cont1 .rq3 { width: 40%; }
.banner2 .nr .wrap .p1 { font-size: 24px; }
.odm_bt { font-size: 27px; padding-top: 40px; padding-bottom: 23px; }
.odm_cont1 .rq { padding: 40px 0; }
.odm_cont2 .swiper-button-prev, .odm_cont2 .swiper-button-next { width: 40px; height: 40px; }
.odm_cont5 .rq { background-image: none; background-size: 40%; }
.odm_cont5 .rq .lef, .odm_cont5 .rq .rig { height: 240px; }
.odm_cont4 .rq div .tp { width: 85px; height: 95px; background-size: contain; background-repeat: no-repeat; }
.odm_cont4 .rq div p { font-size: 15px; padding-top: 110px; }
.odm_cont4 .rq div { height: 145px; margin-bottom: 20px; }
.odm_cont6 .rq div img { width: 70px; }
.odm_cont5 .rq .lef, .odm_cont5 .rq .rig { width: 100%; height: auto; }
.odm_cont5 .p2, .odm_cont5 .rq .rig .p2 { width: 100%; padding: 0; text-align: center; }
.odm_cont5 .p1, .odm_cont5 .rq .rig .p1 { padding: 0; text-align: center; font-size: 20px; }
.odm_cont5 .rq { height: auto; margin-top: 10px; }

/* è§￡??3?–1??? */
.solu_cont1 a { font-size: 15px; line-height: 60px; margin-right: 35px; }
.solu_cont1 { height: 60px; }
.solu_cont3 .lef, .solu_cont3 .rig { width: 100%; height: auto; }
.solu_cont4 .top .rq { width: 100%; height: auto; }
.sp { font-size: 13px; }
.sp img { width: 30px; height: 30px; }
.con5_5 .rq .lef, .con5_5 .rq .rig { width: 100%; }
.solu_cont2 a { width: 30%; font-size: 12px;  /* display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; */ float: left; margin-right: 2%; }
.solu_cont2 { height: 45px; }

/* ?o§?“?èˉ|??… */
.proxq1-rt_jz .prod_p { font-size: 22px; }
.proxq1-rt_jz .p2 { font-size: 13px; }
.prodate_cont3 .rq a { margin-left: 60px; }
.prodate_cont3 .rq a::before { left: -30px; }
.prodate_but { font-size: 26px; }
.prodate_but::before { height: 27px; top: 5px; }
.prodate_cont4 .lef { width: 100%; }
.prodate_cont4 .rig { width: 100%; }
.prodate_but { margin-bottom: 16px; }
.prodate_cont5 .lef { padding-left: 0; }
.prodate_cont5 .prodate_but { margin-bottom: 20px; }
.prodate_cont4 .p3 { color: #e84926; font-size: 18px; margin-bottom: 28px; }
.prodate_cont4 .rig { margin-top: 10px; }
.prodate_cont4 { padding-top: 30px; }
.prodate_cont6 .lef { padding-left: 0; }

/* ?o§?“???—è?¨ */
.prlis_cont1 .rq div { width: 100%; margin-bottom: 13px; }
.prlis_cont1 .rq div span { font-size: 14px; }
.prlis_cont1 label { font-size: 13px; }
.prlis_cont1 .rq div span { width: 19%; }
.prlis_cont1 .rq .rq1 { width: 81%; }

/* ???è§?é—?é￠?èˉ|??… */
.case_deta_contene2 { display: none; }
.issdate_cont2 .top .p1 { width: 100%; line-height: 100px; }
.issdate_cont2 .top { height: 100px; }
.issdate_cont2 .an a { display: block; }
.issdate_cont2 .an .lb { height: 30px; line-height: 30px; margin: 10px 0; }
.issdate_cont2 .an { float: right; }

/* ?…3?o???‘??? */
.about_cont4 .ab_bt { margin-top: 30px; }
.about_cont4 .rq1 { width: 94px; height: 83px; }
.about_cont4 .rq1 div p { font-size: 12px; padding-top: 55px; }
.about_cont4 .ab_bt { margin-top: 26px; }
.ab_fbt { font-size: 14px; margin-top: 0px; }
.deve-item .deve-info { height: auto; }
.deve-center { padding: 190px 0; }
.about_cont5 { padding: 40px 0; }
.development-box { margin-top: 30px; }
.about_cont6 { padding-top: 40px; padding-bottom: 60px; }
.about_cont5 .swiper-button-prev, .about_cont5 .swiper-button-next { width: 42px; height: 42px; }
.about_cont7 .lef { width: 100%; padding-top: 0; }
.about_cont7 .rig { width: 100%; }
.abdate_cont a { font-size: 12px; margin-right: 13px; }
.ab_bt { font-size: 26px; }
.about_cont2 .p1 { font-size: 13px; }
.about_cont2 button { width: 120px; height: 40px; }
.about_cont2 .p1 img { width: 50px; }
.about_cont2 .abo_video:after { width: 50px; height: 50px; }
.about_honor .bd_r, .about_honor .bd_l { width: 100%; }
.channel_content .ann button { width: 205px; height: 70px; }
.join_cont1, .join_cont2 { padding-top: 40px; padding-bottom: 50px; }
.join_cont2 .rq1 { float: none; width: 70%; margin: 0 auto; margin-bottom: 20px; }
.join_cont2 .rq1:nth-child(3) { margin: 0 auto; }
.join_cont2 .rq .p2 { font-size: 21px; margin-top: 45px; margin: 12px; }
.join_cont2 .rq .p3 { font-size: 12px; }
.join_cont3 .top .p1 { font-size: 18px; }
.join_cont3 .top .p2, .join_cont3 .bot .p3 { font-size: 14px; }
.join_cont3 .bot .on { width: 100px; }
.join_cont3 .bot a {  /* width: 69px; */ width: auto; }
.join_cont3 .rq1 { padding: 0 20px; }

/* è?”?3???‘??? */
.con_cont2 .wrap { position: relative; width: 100%; top: 10px; }
.con_cont2 { padding-bottom: 40px; }
.con_cont1 .rq input, .con_cont1 .xl, .con_cont1 .x2 { width: 100%; margin: 0; margin-bottom: 10px; }

/* ?a’??“??-??? */
.new_cont1 .lef, .new_cont1 .rig { width: 100%; }
.new_cont1 .swiper-pagination-bullets { bottom: 4%; }
.new_cont2 .rq1 .top, .new_cont2 .rq1 { height: auto; }
.new_cont2 .rq1 .top img { vertical-align: middle; }

/* ??????????o? */
.newsha_cone1 .lef, .newsha_cone1 .rig { width: 100%; }
.newdate2 .top { padding-top: 0; }
.newdate2 .top .p1 { line-height: 64px; margin-bottom: 0; }

/* ?a’??“??-???èˉ|??… */
.newdate2 .bot .an a { display: block; text-align: center; }
.newdate2 .bot .an .lb { width: 100%; }
.newdate_cont3 .p1 { font-size: 26px; }
.newdate_cont3 .p1 { font-size: 34px; }

/* ?…¨?????????-???è§?é—?é￠? */
.servedat_cont .rq1 { width: 100%; height: auto; padding-bottom: 50px; margin: 0; margin-bottom: 10px; }
.servedat_cont .p4 { top: 90%; }
.ser_cont5 .rq .rq1 {  /* width: 100%; */ margin-right: 2%; height: auto; padding: 14px 14px; }
.down_cont .ser_bt { font-size: 26px; }
.ser_cont5 .rq .rq1 .p1 { font-size: 16px; }
.down_cont { padding: 40px 0; }
.ser_cont5 .rq .rq1 .p2 { font-size: 15px; margin-bottom: 26px; }
.ser_cont5 .rq .rq1 .p3 { width: 40px; height: 38px; background-size: 16px; }
.ser_cont52 .rq .rq1 { margin-bottom: 10px; }
.ser_cont52 .rq .rq1:nth-child(3n) { width: 100%; margin-top: 0px; }
.ser_cont2 .rq .lef, .ser_cont2 .rq .rig { width: 100%; height: auto; }
.ser_cont2 { padding: 0px 0; }
.cent_cont1 .p1 { font-size: 14px; }
.cen_bt { font-size: 25px; padding-bottom: 14px; }
.cent_cont2 .rq { margin-top: 14px; }
.cent_cont1 .p1 { padding: 0; }
.cent_cont1 { padding-top: 30px; }
.cent_cont2 .rq1 { width: 100%; height: auto; margin: 0; margin-bottom: 10px; }
.cent_cont2 .rq1 div { padding: 44px 33px; }
.cent_cont2 { padding: 40px 0; }
.cent_cont4 { padding-top: 40px; }
.cent_cont4 .rq1 { width: 49%; margin-right: 2%; }
.cent_cont4 .rq1:nth-child(3n) { margin-right: 2%; }
.cent_cont4 .rq1:nth-child(2n) { margin-right: 0%; }
.cent_cont4 .bot .p1 { font-size: 19px; }
.cent_cont5 .rq1 { width: 80%; height: auto; margin: 0 auto; float: none; margin-bottom: 10px; }
.cent_cont5 .rq1:nth-child(3) { margin: 0 auto; }
.solu_cont4 .bot .rq .lef, .solu_cont4 .bot .rq .rig { width: 100%; }
.abdate_cont .wrap { padding: 0 15px; width: auto; white-space: nowrap; }
.abdate_cont a { font-size: 12px; margin-right: 8px; line-height: 60px;  /* width: 70px; */ padding: 0 15px; }
.abdate_cont a:nth-child(1) { padding-left: 0; }
.abdate_cont { width: 100%; height: 60px; line-height: 60px; top: 60px; overflow-x: auto; z-index: 99; }
.abdate_cont::-webkit-scrollbar { height: 2px; background-color: #136091; border-radius: 50px; }
.abdate_cont::-webkit-scrollbar-track { border-radius: 50px; background-color: #999999 }
.abdate_cont::-webkit-scrollbar-thumb { border-radius: 50px; background-color: #136091 }
}
@media (max-width:570px) {
.newdate2 .top .p2 { font-size: 16px; }
.newdate2 .top .p2 img { width: 19px; margin-bottom: -3px; margin-right: 6px; }
.prodate_cont10 .bot .p1 { font-size: 19px; }
.prlis_cont2 .top img { height: 70%; }
.prodate_cont10 .rq1 .bot { padding: 0 15px; padding-top: 15px; }
.proxq1-top { height: auto; width: 100%; }
.proxq1-thumbs { display: none; }
.prodate_cont1 .rq a { font-size: 13px; }
.prodate_cont1 .rq a img { margin-right: 2px; }
.proxq1-con .proxq1-top .swiper-slide img { width: 80%; }
.proxq1-rt .proxq1-rt_jz { margin-left: 0px; }
.prodate_cont10 .rq1 .bot { height: auto; padding-bottom: 20px; border-bottom: 0px solid #000; }
.prodate_cont10 .rq .rq1 { height: auto; }
.prodate_cont10 .rq1:hover .bot { height: auto; }

/* ?o§?“???—è?¨ */
.prlis_cont2 .bot { padding: 0 22px; padding-top: 30px; }
.prlis_cont2 .top img { height: 70%; width: auto; }
.prlis_cont2 .rq .rq1 { width: 100%; margin: 0; margin-bottom: 10px; }
.about_cont4 .rq1 { width: 90px; height: 79px; margin-left: 28px; }
.about_cont4 .rq1 div { background-size: 25px; }
.about_cont4 .rq1 div p { font-size: 14px; padding-top: 46px; }
.about_cont3 .lerq .p2 { font-size: 13px; }
.about_cont3 .rq { padding-top: 40px; }
.channel_content .ann {  /* display: grid; */
height: auto; width: 100%; }
.channel_content .ann button { width: 100%; height: 70px; margin: 0; margin-bottom: 10px; }
.channel_content .ann a { display: inline-block; width: 49%; }
.channel_content .ann a:nth-child(1) { margin-right: 1%; }
.channel_content .ann button:nth-child(2) { margin-left: 0; }
.channel_content .ann button img { width: 23px; margin-bottom: -9px; }
.channel_content .ann button { height: 50px; font-size: 16px; }
.channel_content { padding-top: 25px; padding-bottom: 40px; }
.channel_content .p { margin-top: 8px; margin-bottom: 30px; }
.about_honor .bd_l { display: none; }
.about_honor .r_title { font-size: 18px; }

/* ?a’??“??-??? */
.new_cont2 .rq1 { width: 100%; margin: 0; margin-bottom: 10px; }
.fyq a { width: 40px; height: 40px; line-height: 40px; font-size: 13px; margin-right: 2px; }
.fyq .a2 { width: 55px; height: 40px; font-size: 13px; }
.new_cont2 { padding-bottom: 40px; }
.fyq { margin-top: 30px; }
.new_cont1 { padding: 40px 0; }
.newdate_cont3 .bot .p2 { font-size: 15px; }
.newdate_cont3 .bot .p3 { font-size: 13px; }
.newdate_cont3 .bot { background-size: 10%; }
.newdate_cont3 { padding-bottom: 60px; }
.newdate_cont3 .p1 { font-size: 26px; }
.ser_cont2 .rq2 .rq2_1 { width: 100%; margin: 0; margin-bottom: 10px; }
.ser_cont2 .rq2 { margin-top: 30px; }
.ser_cont5 { padding: 40px 0; }
.ser_cont4 .swiper-button-prev, .ser_cont4 .swiper-button-next { width: 40px; height: 40px; }
.cent_cont3 { height: 450px; }
.cent_cont3 .yq { width: 220px; height: 220px; }
.cent_cont3 .yq::before { width: 160px; height: 160px; }
.cent_cont3 .tp { width: 130px; height: 130px; }
.cent_cont3 .sz { font-size: 12px; width: 95px; top: 13%; left: -4%; }
.cent_cont3 .sz2 { top: 47%; left: -12%; }
.cent_cont3 .sz3 { top: 70%; left: -12%; }
.cent_cont3 .sz4 { top: 94%; left: 4%; }
.cent_cont3 .sz5 { top: 106%; left: 48%; }
.cent_cont3 .sz6 { top: 97%; left: 94%; }
.cent_cont3 .sz7 { top: 79%; left: 112%; }
.cent_cont3 .sz8 { top: 50%; left: 122%; }
.cent_cont3 .sz9 { top: 27%; left: 117%; }
.cent_cont3 .sz10 { top: 5%; left: 99%; }
.cent_cont3 .sz11 { top: -6%; left: 51%; }
.join2_con3 .rq1 { width: 100%; margin: 0; margin-bottom: 10px; }
.join2_con1 .p1 { font-size: 21px; padding-top: 37px; padding-bottom: 25px; }
.join2_con2 .p3 { font-size: 21px; padding-top: 24px; padding-bottom: 30px; }
.join2_con3 .p1 { font-size: 21px; }
.join2_con3 { width: 100%; padding-top: 37px; padding-bottom: 0px; }
.join2_con3 .p2, .join2_con3 .p5 { font-size: 15px; }
.join2_con3 .rq1 { height: auto; }
.join2_con3 .p3 { font-size: 13px; }
}
@media (max-width:414px) {
.content2 .dbj img { width: 75%; }
/*.about_cont5 { padding-bottom: 0; }*/
.con_cont1 .p1 { font-size: 14px; text-align: left; }
.content5 { padding-top: 35px; padding-bottom: 30px; }
.odm_cont4 .rq p { font-size: 12px; }
.odm_cont4 .rq .p5, .odm_cont4 .rq .p6, .odm_cont4 .rq .p7, .odm_cont4 .rq .p8 { top: 92%; }
.odm_cont5 .p1, .odm_cont5 .rq .rig .p1 { margin-bottom: 10px; }
.solu_cont3 { padding-top: 28px; }
.form .p1 { font-size: 21px; margin-bottom: 23px; }
.form img { width: 20px; }
.form input, .form select { height: 40px; font-size: 14px; }
.form .inp2 { width: 100%; }
.form button { height: 45px; font-size: 16px; }
.form { height: 100%; padding-top: 20px; }
.content5 .dt .dian1 { width: 3px; height: 3px; }
@keyframes sonarEffect {
0% { opacity: 0.3; }
40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(10, 185, 223), 0 0 0px 0px rgba(10, 185, 223), 0 0 0 10px rgba(10, 185, 223); }
100% { box-shadow: 0 0 0 2px rgba(10, 185, 223), 0 0 0px 0px rgba(10, 185, 223), 0 0 0 10px rgba(10, 185, 223); transform: scale(0.2); opacity: 0; }
}
.content5 .dt { width: 100%; }
.content5 .lef { width: 100%; }
.content5 .ljgd { margin-top: 0; }

/* é|–é?μ */
.content2 { width: 100%; padding: 40px 0; position: relative; }
.content1 .content1_1 { width: 100%; }
.content1 .content1_1 .p1 { font-size: 32px; }
.content1 .content1_1:hover>div .p1 { font-size: 40px; }
.content5 .lef { margin-top: 0px; }
.content3 .content3_1 { padding-left: 60px; }
.content3 .content3_1:nth-child(4) { width: 50%; }
.content3 .content3_1, .content3 div { height: 100px; }
.content3 { height: 200px; }
.content3 .content3_1 .p1 span { font-size: 26px; }
.content3 .content3_1:nth-child(1) { background-size: 40px; }
.content3 .content3_1:nth-child(2) { background-size: 30px 40px; }
.content3 .content3_1:nth-child(3) { background-size: 41px 38px; }
.content3 .content3_1:nth-child(4) { background-size: 40px; }
.content4 { padding: 40px 0; }
.content1 .content1_1 .p1, .content1 .content1_1:nth-child(3) .p1 { font-size: 24px; }
.content1 .content1_1:hover>div .p1, .content1 .content1_1:nth-child(3):hover>div .p1 { font-size: 26px; }
.odm_bt { font-size: 22px; }
.odm_fbt { width: 100%; font-size: 12px; }
.odm_cont1 .rq { padding-top: 20px; }
.odm_cont2 { padding-bottom: 40px; }
.odm_cont2 .swiper-container { margin-top: 20px; }
.odm_cont2 .swiper-button-prev, .odm_cont2 .swiper-button-next { width: 30px; height: 30px; top: 55%; }
.odm_cont3 .swiper-button-next, .odm_cont3 .swiper-button-prev { width: 40px; height: 40px; top: 66%; }
.odm_cont3 { padding-bottom: 40px; }
.odm_cont3 .swiper-container { margin-top: 20px; }
.odm_cont4 .rq div { width: 32%; margin-right: 2%; }
.odm_cont4 .rq div:nth-child(4n) { margin-right: 2%; }
.odm_cont4 .rq div:nth-child(3n) { margin-right: 0; }
.odm_cont4 .rq div:nth-child(7), .odm_cont4 .rq div:nth-child(8) { width: 49%; }
.odm_cont4 .rq div:nth-child(8) { margin-right: 0; }
.odm_cont4 .rq { padding-top: 20px; padding-bottom: 20px; }
.odm_cont6 .rq div { height: 60px; }
.odm_cont6 { padding-bottom: 40px; }
.odm_cont6 .rq { margin-top: 20px; }
.so_bt { font-size: 22px; }
.solu_cont5 .p3 { font-size: 23px; margin-top: 40px; }
.solu_cont5 .p4 { font-size: 13px; }
.solu_cont5 { padding: 40px 0; }

/* ?o§?“?èˉ|??… */
.prodate_cont1 .rq a { font-size: 12px; }
.prodate_cont3 .rq a { margin-left: 35px; font-size: 13px; }
.prodate_cont3 .rq a::before { height: 14px; left: -18px; }
.prodate_cont4 .lef .p2 { font-size: 13px; }
.proxq-one { padding: 40px 0 40px; }
.prodate_cont3 { height: 60px; line-height: 60px; }
.prodate_cont10 { padding-top: 50px; padding-bottom: 30px; }
.proxq1-rt_jz .prod_p { margin-bottom: 8px; }
.prodate_cont10 .rq .rq1 { width: 100%; margin: 0; margin-bottom: 10px; }
.proxq1-rt_jz div { width: 125px; margin-top: 10px; }
.proxq1-top p { font-size: 11px; display: none; }

/* ?o§?“???—è?¨ */
.prlis_cont1 label { width: 120px; }
.prlis_cont2 .bot .p1 { font-size: 20px; }
.prlis_cont2 .bot .p2 { font-size: 14px; }
.prlis_cont2 .bot .p3 { font-size: 14px; }
.prlis_cont2 .bot { height: auto; padding-bottom: 20px; }
.prlis_cont2 .rq .rq1 { height: auto; }
.prlis_cont2 { padding-top: 40px; padding-bottom: 40px; }
.prlis_cont2 .anniu { margin-top: 15px; }
.issdate_cont2 .wrap { padding: 0 15px; }
.issdate_cont2 .bot .ig div:nth-child(2) { margin-left: 10px; }
.issdate_cont2 .bot { padding-bottom: 40px; }
.issdate_cont2 .an { margin-top: 15px; }
.issdate_cont2 { padding-bottom: 45px; }
.issdate_cont2 .top .p1 { font-size: 18px; }

/* ?…3?o???‘??? */
.deve-text p { font-size: 12px; }
.deve-text { height: 244px; padding: 3px 12px; }
.about_cont2 { padding-top: 15px; }
.about_cont3 .lerq .p1 { font-size: 18px; }
.about_cont3 .lerq .y { background-size: contain; width: 65px; height: 64px; left: 25px; }
.ser_cont2 .rq .lef { padding-top: 30px; }
.ser_cont2 .rq .lef .p1 { font-size: 13px; width: 80px; height: 25px; line-height: 25px; margin-bottom: 10px; }
.ser_cont4 .p5 { margin-top: 20px; }
.ser_cont4 { padding-bottom: 32px; }
.join2_con3 .rq1 { padding-top: 10px; }
.odm_cont1 .rq { padding-bottom: 0; }
.ser_bt { font-size: 22px; }
.con_cont2 .rig .p1 { margin-top: 20px; }
.about_cont3 .lerq { height: 70px; margin-bottom: 10px; }
.about_cont3 .rq { padding-top: 22px; }
.about_cont3 { padding: 40px 0; }
.about_cont4 .ab_bt { margin-top: 20px; }
.about_cont4 .rq { margin-top: 30px; }
.deve-text { height: 403px; }
.deve-center { padding: 121px 0; }
.about_cont5 .swiper-button-prev, .about_cont5 .swiper-button-next { width: 32px; height: 32px; }
.about_cont6 .p1 { font-size: 13px; }
.about_cont7 .rig { height: auto; }
.about_cont7 .lef button { font-size: 15px; width: 95px; height: 34px; }
.about_cont7 .lef .ab_fbt { margin-bottom: 18px; }
.join_bt { font-size: 22px; }
.join_cont3 { padding: 40px 0; }
.join_cont3 .rq1 .top { width: 100%; height: 70px; line-height: 70px; background-size: 30px; }
.join_cont3 .top .p1 { font-size: 15px; }
.con_cont1 { padding: 40px 0; }
.con_cont2 .rq { padding: 31px 13px; }
.con_cont1 .rq { margin-top: 17px; }
.con_cont1 button { width: 110px; height: 32px; font-size: 14px; }

/* ??????????o? */
.newsha_cone1 { padding: 40px 0; }
.newsha_cone1 .rq { margin-bottom: 10px; }
.newsha_cone1 .fyq { margin-top: 30px; }
.newdate_cont3 .swiper-button-prev, .newdate_cont3 .swiper-button-next { width: 40px; height: 40px; top: 54%; }
.ser_cont5 .rq, .down_cont .fyq { margin-top: 30px; }
.cent_cont4 .rq1 { width: 100%; margin-right: 0; }
.cent_cont5 .rq1 { width: 100%; }
.cent_cont5 .rq1 .bot .p1 { font-size: 18px; }
.cent_cont5 { padding: 40px 0; }
.cen_bt { font-size: 23px; padding-bottom: 14px; }
.solu_cont4 .bot .rq .lef .p3 { background-size: 30px; margin-bottom: 10px; padding-left: 50px; width: 100%; }
.solu_cont4 .bot .rq .lef .p2 { margin-top: 10px; margin-bottom: 10px; width: 100%; }
.solu_cont4 .bot .rq .lef p { font-size: 13px; }
.join2_con3 .rq2, .join2_con3 .rq { margin-bottom: 15px; }
.join2_con3 .wrap { padding-bottom: 30px; }
.cent_cont3 .wrap { padding-top: 33px; }
.cent_cont3 { height: 390px; }
.cent_cont4 .rq1 { height: auto; padding-bottom: 20px; }
.prlis_cont1 { padding-bottom: 0; }
.cent_cont1 .ig { margin-top: 15px; position: relative; }
.cent_cont2 .rq1 div p { font-size: 15px; padding-top: 83px; }
.cent_cont2 .rq1 div { padding: 20px 33px; background-position-y: 20px; }
.deve-item.it2 .deve-text { height: 403px; }
.deve-text p { -webkit-line-clamp: 3; }
.deve-item.it2 .deve-info { padding-top: 0; }
.deve-item.it1 .deve-info { padding-bottom: 0; }
.about_cont6 .ig { margin-top: 20px; }
.about_cont6 .ab_fbt { padding-bottom: 10px; margin-bottom: 22px; }
.about_cont7 { padding-top: 25px; }
.channel_content .ann a:nth-child(1) button img { margin-bottom: -5px; }
.ser_cont4, .servedat_cont { padding-top: 30px; }
.ser_cont4 .ser_fbt { margin-bottom: 25px; }
.join_cont1, .join_cont2 { padding-top: 20px; }
.join_xz { padding: 22px 0; }
.content4 .lef .bot { padding-bottom: 20px; }
.prodate_cont4 { padding-top: 0; padding: 0px 0; }
.prodate_cont4 .p3 { margin-bottom: 5px; }
.prodate_cont6 { padding-bottom: 35px; }
.down_cont .rq1 { margin-bottom: 10px; }
.new_cont1 .rig { background-position-x: 40px; background-position-y: 90%; }
.join_cont1 .swiper-slide div:nth-child(1) { margin-bottom: 3px; }
.join_cont1 .swiper-slide div:nth-child(2) { margin-bottom: 3px; }
.join_cont1 .swiper-slide div:nth-child(3) { margin-bottom: 3px; }
.con_cont2 .lef, .con_cont2 .rig { width: 100%; }
.issdate_cont2 { padding-top: 0; }
.odm_cont4 .rq .p1, .odm_cont4 .rq .p2, .odm_cont4 .rq .p3, .odm_cont4 .rq .p4 { top: 45%; }
}
.pro-category dl dt a { font-size: 18px; color: #444; width: 100%; font-weight: 300; font-family: "regular"; text-transform: uppercase; display: inline-block; }
.pro-category dl dd { display: block; }
.pro-category dl dd a { font-family: "regular"; font-size: 16px; color: #666; line-height: 20px; display: inline-block; padding: 0 10px; position: relative; margin-bottom: 15px; transition: all 0.4s; }

/* .pro-category dl.dl1 dd a:hover,.pro-category dl.dl1 dd a.on{text-decoration: underline;} */
.pro-category dl.dl1 dd a:hover:after, .pro-category dl.dl1 dd a:hover:before { opacity: 1; }
.pro-category dl.dl1 dd a.on:after, .pro-category dl.dl1 dd a.on:before { opacity: 1; }

/* .pro-category dl li a:hover,.pro-category dl li a.on{text-decoration: underline;} */
.pro-category dl li a:hover:after, .pro-category dl li a:hover:before { opacity: 1; }
.pro-category dl li a.on:after, .pro-category dl li a.on:before { opacity: 1; }
.pro-category dl { float: left; }
.pro-category dl ul { display: inline-block; vertical-align: top; }
.pro-category dl li { display: block; margin-right: 33px; min-width: 60px; }
.pro-category dl ul:last-child li { margin-right: 0; }
.pro-category dl.dl1 { width: 100%; }
.pro-category dl.dl2 { width: 100%; }
.pro-category dl.dl3 { width: 100%; }
.pro-category dl dd, .pro-category dl dt { display: inline-block; }
.pro-category dl li { display: inline-block; }
.pro-category dl ul { width: 100%; }
.pro-category dl dd { width: 86%; float: left; }
.pro-category dl dt { width: 14%; float: left; }
.pro-category dl.dl1 dd { width: 150px; }
.pro-category dl.dl1 dd a, .pro-category dl dt a, .pro-category dl dd a { line-height: 35px; cursor: pointer; }
.pro-category dl.dl1 dd a.on, .pro-category dl dd a.on { color: #fff; background: url(../images/img275.png) #0079c3; background-repeat: no-repeat; background-position-y: 5px; background-position-x: 98%; }
.pro-category dl { border-top: 1px solid rgb(213, 214, 218); padding-top: 15px; }
.pro-category dl:nth-child(1) { border-top: none; }
.pro-category dl.dl1 div { width: 73%; float: left; }
@media(max-width:991px) {
.pro-category dl dd a { font-size: 14px; }
.pro-category dl dt a { font-size: 16px; }
}
@media(max-width:580px) {
.pro-category dl dd { width: 80%; float: left; }
.pro-category dl dt { width: 20%; float: left; }
.pro-category dl.dl1 dd { width: 120px; }
.pro-category dl li { width: 60px; }
.cent_cont1 .ig .a1 img { width: 65px;  /* height: 70px; */ }
.prlis_cont2 .bot button { position: static; opacity: 1; }
}
@media(max-width:414px) {
.pro-category dl dt a { font-size: 14px; }
.pro-category dl dd a { font-size: 13px; }
.pro-category dl dd { width: 73%; float: left; }
.pro-category dl dt { width: 27%; }
}
.odm_cont6 .an { width: 100px; line-height: 40px; font-size: 14px; }
.pro-seven { padding: 0px 0 0 0; }
.pro-tit { font-size: 40px; line-height: 50px; text-align: center; color: #333; letter-spacing: 5px; }
.pro-table { margin: 40px 0px 75px; }
.pro-table table { width: 100%; }
.pro-table td { border: solid 3px white; color: #444444;      /*width: 33.333333%;*/ line-height: 40px; text-align: center; vertical-align: middle; font-size: 16px; }
.pro-table td:first-child {          /* background: #797979; */

/* padding-left: 54px; */

/* text-align: left; */

/* color: white; */ }
.pro-table tr:nth-child(odd) { background: #bfbdbd; }
.proi-more { transition: all .5s; display: block; width: 240px; height: 68px; font-size: 26px; text-align: center; line-height: 68px; color: white; background: #db292e; margin: 0 auto; margin-bottom: 50px; }
.proi-more:hover { background: #0079c3; }
@media (max-width:1460px) {
.proi-more { width: 170px; height: 55px; font-size: 20px; line-height: 55px; }
.pro-tit { font-size: 30px; }
}
@media (max-width:991px) {
.pro-table td:first-child { padding-left: 10px; }
}
@media (max-width:767px) {
.pro-table { margin: 30px 0; overflow-x: auto; white-space: nowrap; }
.pro-table td { padding: 0; min-width: 243px; float: none; display: inline-block; font-size: 13px; line-height: 32px; }
.proi-more { width: 125px; height: 40px; font-size: 18px; line-height: 40px; }
.prodate_cont4 .lef .p2 { width: 100%; }
}
#darkbox { position: fixed; z-index: 9999; background: rgba(0, 0, 0, 0.8) no-repeat none 50%; background-size: contain; -webkit-box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; }
#darkbox.on2 { opacity: 1; visibility: visible; height: 90% !important; width: 90% !important; left: 5% !important; top: 5% !important; }
.dark-close i { color: #fff; }
#darkbox_prev, #darkbox_next { cursor: pointer; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; position: absolute; top: 50%; margin-top: -15px; height: 30px; width: 30px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#darkbox_prev { left: -2px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
#darkbox_next { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: -2px; }
#darkbox_prev:hover, #darkbox_next:hover { border-color: #c42a2e; }
#darkbox-description { position: absolute; width: 100%; color: #fff; font-size: 18px; bottom: 5px; text-align: center; text-shadow: 0 1px 1px #000; }
#darkbox .dark-close { position: absolute; right: 0; top: 0; font-size: 2em; color: #fff; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#darkbox .dark-close:hover { color: #c42a2e; }



























.about_cont7 .abMapBox{
    
}
.about_cont7 .topInfo{
    float: unset !important;
    width: 100%;
}
.about_cont7 .topInfo .ableBox{
    
}

.about_cont7 .topInfo .abriBox{
    display: none;
}
.about_cont7 .mapInfo{
    float: unset !important;
    width: 100%;
}



.about_cont7 .topInfo { float: left; padding-top: 0px; width: 493px; }
.about_cont7 .topInfo p { text-align: left; }
.about_cont7 .topInfo .ab_fbt { color: #999; margin-bottom: 50px; }
.about_cont7 .topInfo button { font-size: 18px; color: #666; font-family: "regular"; width: 140px; height: 45px; border: 1px solid rgb(210, 214, 216); margin-right: 10px; }
.about_cont7 .topInfo .on { background: rgb(232, 73, 38); color: #fff; }
.about_cont7 .topInfo button:hover { background: rgb(232, 73, 38); color: #fff; }


.rightBoxMap .ser_main { width: 100%; height: auto; margin: 50px 0 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
.rightBoxMap .ser_main .ser_content { width: auto; height: auto; position: relative; }
.rightBoxMap .ser_main .ser_content .ser_menu { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.rightBoxMap .ser_main .ser_content .ser_menu .ser_item { width: 0; height: 0; position: absolute; left: 50%; top: 50%; --color: #000; }
.rightBoxMap .ser_main .ser_content .ser_menu .ser_item .icon { width: 16px; height: 21px; position: absolute; left: 50%; transform: translate(-50%, -50%);
    -webkit-mask: url('../images/img192.png') no-repeat center / cover; mask: url('../images/img192.png') no-repeat center / cover; background: var(--color);
}
.rightBoxMap .ser_main .ser_content .ser_menu .ser_item .icon img { max-width: 100%; }
.rightBoxMap .ser_main .ser_content .ser_menu .ser_item .info { width: auto; height: auto; position: absolute; left: 0; top: 0; transform: translate(20px, -10px); white-space: nowrap; }
.rightBoxMap .ser_main .ser_content .ser_menu .ser_item .info .title { line-height: 1; font-weight: 700; font-size: 20px; color: var(--color); }
.rightBoxMap .ser_main .ser_content .ser_menu .ser_item .info .subtitle { margin: .5em 0 0; font-size: 14px; color: #757575; }
.rightBoxMap .ser_main .ser_content .ser_menu .ser_item.ser_item_rt .info { top: auto; bottom: 0; transform: translate(20px, -10px); }
.rightBoxMap .ser_main .ser_content .ser_menu .ser_item.ser_item_left .info { left: auto; right: 0; transform: translate(-20px, -10px); text-align: right; }
.rightBoxMap .ser_main .ser_content .ser_menu .ser_item.ser_item_bottom .info { transform: translate(-50%, 20px); text-align: center; }
.rightBoxMap .ser_main .ser_content .ser_img { width: auto; height: auto; font-size: 0; }
.rightBoxMap .ser_main .ser_content .ser_img img { width: 100%; max-width: 100%; }

.rightBoxMap .ser_mobile { width: 100%; margin: 30px 0 0; display: none; }
.rightBoxMap .ser_mobile img { max-width: 100%; }

@media (max-width: 1280px) {
    .rightBoxMap .ser_main .ser_content .ser_menu .ser_item .icon { width: 12px; height: 16px; }
    .rightBoxMap .ser_main .ser_content .ser_menu .ser_item .info .title { font-size: 14px; }
    .rightBoxMap .ser_main .ser_content .ser_menu .ser_item .info .subtitle { font-size: 12px; }
}
@media (max-width: 990px) {
    .rightBoxMap .ser_main { display: none; }
    .rightBoxMap .ser_mobile { display: block; }
}
/*.moreBox3_6 { width: 100%; display: flex; align-items: center; justify-content: end; } */
.more3_6 { width: fit-content; height: 48px; display: flex; align-items: center; justify-content: center; background: #ff0000; color: #FFF; padding: 0 30px; font-size: 16px;
    margin-top: 40px; }
    
.odm_cont2 .wrap .swiper-container .swiper-wrapper { display: flex; align-items: center; /*justify-content: center;*/ }
.cent_cont1 .ig .a1 { display: none; }

.swiper-button-disabled {
    opacity: 0;
    cursor: not-allowed;
}