.nyban { width: 100%; height:600px; background: url(../images/nyban.jpg) #f4f4f4 no-repeat center center; }
.cpban { width: 100%; height:600px; background: url(../images/ban-chanye.jpg) #f4f4f4 no-repeat center center; }
.xgban{ width: 100%; height:600px; background: url(../images/xg_ban.jpg) #f4f4f4 no-repeat center center; }
.xwban{ width: 100%; height:600px; background: url(../images/ban-news.jpg) #f4f4f4 no-repeat center center; }
.lxban{ width: 100%; height:540px; background: url(../images/ban_lx.jpg) #f4f4f4 no-repeat center center; }
.cpban_n { width: 100%; height:400px; background: url(../images/nyban.jpg) #f4f4f4 no-repeat center center; }
.a_nyban,.dt_list{ display:none}
img { max-width: 100%; }
.gsnr { font-size: 1rem; margin-bottom: 2rem; }
.gsnr p { margin-bottom: 10px; }
.gcsj { padding: 2.5rem 0; }
.topc1 table { text-align: center; border-collapse: collapse; border-spacing: 0; margin: 0 auto; font-size: 0.875rem; }
.topc1 table tr:nth-child(odd) { background: #F4F4F4; }
.topc1 table td:nth-child(even) { }
.topc1 table tr:hover, .topc1 table tr:hover p { background: #2097f3; color: #fff; }
.topc1 table td, .topc1 table th { border: 1px solid #dddddd; }
.topc1 table tr:nth-of-type(1) { /*background: #2097f3;color: #ffffff;*/ }
.dqwz { clear: both;  font-size: 0.875rem; background-color: rgba(239,241,245,1); margin-bottom: 50px; padding: 1rem 0; }
.dqwz img { width: 0.875rem; margin-right: 5px; line-height: 0.875rem; }
.dqwz a {  }
.dqwz span {  }
.dqwz .p2 { display: none; }
.aboutus{ background:url(../images/about_bj.png) no-repeat center bottom; padding-top:40px;}
.abouttt{ width:100%; height:160px; float:left; padding-top:60px; box-sizing:border-box; margin-bottom:30px;background:url(../images/about_bj1.png) left center no-repeat; background-size:auto 160px !important;}
.abouttt strong{ width:auto; height:60px; line-height:60px; float:left; font-size:40px; color:#333;} 
.abouttt span{ width:auto; float:right;line-height:60px;  font-size:20px; color:#0086f6; font-weight:700} 
.aboutus p{ line-height:32px; font-size:16px; margin-bottom:20px}
.gynav {display: flex;height: 90px;margin-top: -45px;background: #fff;position: relative;z-index: 2;box-shadow: 0 15px 20px #e6e6e6; border-radius:5px;}
.gynav  a{ border-left: 1px solid rgba(150,150,150,0.1);height: 90px; padding:0 50px;line-height: 90px;float: left;}
.gynav a:hover ,.gynav a.a_on{background: url(../images/menuxz.png) 20px center no-repeat #2097f3;color: #fff;background-size: 22px auto !important;}
.cpnav {display: flex;height: 90px;margin-top: -45px;background: #fff;position: relative;z-index: 2;box-shadow: 0 15px 20px #e6e6e6; border-radius:5px;}
.cp_list{ width:100%;}
.cpnav a{ border-left: 1px solid rgba(150,150,150,0.1);height: 90px;width:12.5%; text-align:center;line-height: 90px;float: left; display: flex;    justify-content: center;}
.cpnav a i{ display:none; }
.cpnav a:hover,.cpnav a.a_on {background: #2097f3;color: #fff;}
.cpnav a:hover i ,.cpnav a.a_on i{ display:block; margin-right:10px}
.wh{ width:100%;}
.wh span{ float:left; width:100px;}
.wh .wh_r{ display:block; margin-left:120px;}
.wh-t{width:100%; position:relative; border-left:1px #efefef solid }
.wh-t .wh_img{ float:right;}
.wh-t .wh_txt{ position:absolute; left:15px; top:40px; float:left; }
.wh-t i{ background:#2097f3; padding:10px 15px; color:#fff; border-radius:3px;}
.wh-t h3{ font-size:32px; margin-bottom:15px}
.about-g,.wh-g {width:100%;overflow: hidden;margin-top:70px;}
.wh-g{ margin-top:0; margin-bottom:70px;}
.about-g li,.wh-g li {width:19%;float: left;margin-right:1%;margin-bottom:30px;background: #f3f3f3;height:310px;padding:50px 30px;position: relative;transition: all .3s;-webkit-transition: all .3s;}
.about-g li:nth-child(1):hover,.wh-g li:nth-child(1):hover{ background:url(../images/js.jpg) no-repeat}
.about-g li:nth-child(2):hover,.wh-g li:nth-child(2):hover{ background:url(../images/sm_bg.jpg) no-repeat;}
.about-g li:nth-child(3):hover,.wh-g li:nth-child(3):hover{ background:url(../images/jzg_bg.jpg) no-repeat}
.about-g li:nth-child(4):hover,.wh-g li:nth-child(4):hover{ background:url(../images/fw_bg.jpg) no-repeat}
.about-g li:nth-child(5):hover,.wh-g li:nth-child(5):hover{ background:url(../images/zq_bg.jpg) no-repeat}
.about-g1 {font-size: 24px;line-height: 1.2;color: #2097f3;transition: all .3s;-webkit-transition: all .3s;}
.about-g2 {width: 30px;height: 2px;margin-top: 10px;background: #e8e8e8;transition: all .3s;-webkit-transition: all .3s;}
.about-g3 {font-size: 16px;line-height: 25px;color: #666;margin-top:120px;transition: all .3s;-webkit-transition: all .3s;}
.wh-g li:hover .about-g3,.wh-g li:hover .about-g1 { color:#fff}
.about-g4 {position: absolute;top: 40px;right: 40px;}
.about-g4 .img2 {display: none;}
.about-g li:hover {background: #2097f3;}
.about-g li:hover .about-g1, .about-g li:hover .about-g3 {color: #fff;transition: all .3s;-webkit-transition: all .3s;}
.about-g li:hover .about-g2 {background: #fff;transition: all .3s;-webkit-transition: all .3s;}
.about-g li:hover .about-g4 .img1 {display: none;}
.about-g li:hover .about-g4 .img2 {display: inline-block;}
.zz{width:100%; margin:40px 0 30px; float:left; position:relative }
.zz li{ width:23%; margin:25px 1%; text-align:center;box-shadow: 2px 0px 10px 0px rgba(0,0,0,0.5);border-radius:0 0 15px 15px; position:relative; float:left}
.zz li p{ line-height:42px; padding-top: 30px; font-size: 20px; font-weight: bold; width: 100%; display:inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.zz li span{}
.cpys{text-align: left; position: relative; text-indent: 23px;}
.cpys::after{content: "/"; font-size: 0; position: absolute; width: 3px; height: 15px; background:#2097f3; left: 11px; top: 6px;}
.cpys_1{font-weight: bold; font-size: 14px; padding: 10px 10px 20px 10px; display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;}
.cpys_1 div{width: 49%;}

.fy{ margin-bottom:30px; text-align:center}
.fy b{ padding:4px 5px; background:#2097f3; color:#fff; }
.news .m2{padding-top: 50px;}
.news .m2_1{padding-top: 50px;}
.news .m2 li{float: left;width: 31.5%;background: #fff;font-size: 14px;color: #6a6a6a;line-height: 1.8;box-shadow: 0 0 15px rgba(0,0,0,.1);margin-right: 2.75%;margin-bottom: 2.75%;position: relative;}
.news .m2 .pic{width: 100%;max-height: 240px;overflow: hidden;}
.news .m2 .text{padding: 20px 20px;height: 185px;}
.news .m2 .text span{font-size: 16px;}
.news .m2 .text h3{font-size: 16px;color: #323232;font-weight: bold;margin: 7px 0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.news .m2 .text h3:hover{color: #2097f3;}
.news .m2 .text p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news .m2 li:nth-child(3n+3){margin-right: 0;}
.news .m2 li:after{content: "";display: block;width: 0;height: 4px;background: #2097f3;transition: all 0.4s ease-in-out;}
.news .m2 li:hover:after{width: 100%;transition: all 0.4s ease-in-out;}
.news .m2 li:hover span{color: #2097f3;}
.cpfa_1{width: 100%; height: 400px; padding: 40px 60px; position: relative; overflow: hidden; margin-bottom: 30px;}
.cpfa_1 img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
.cpfa_2{width: 100%; font-size: 28px; font-weight: bold; color: #fff; padding-bottom: 10px;}
.cpfa_3{color: #fff;}

.article{padding-top: 3vw;}
.article .title{display: block;text-align: center;font-size: 17px;line-height: 2;margin-bottom: 15px;font-weight: bold;}
.article .content{padding: 20px 0;font-size: 15px;line-height: 2;}
.article .page{}
.sty2 {margin-top: 5%;padding-top:3.5%;border-top: 1px solid #e7e9ee; margin-bottom:5%; float:left; width:100%}
.sty2 span{ width:50%; float:left}
.sty2 a { padding: 15px 0;font-size: 18px;color: #999999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all linear 0.3s}
.sty2 a:hover {color: #0086f6;text-decoration: underline}
.news_ny{ margin-top:80px;}
.news_ny h2{ text-align:center}
.news_ny h5{ border-bottom:1px #eee solid; border-top:1px #eee solid; padding:8px 0; text-align:center; margin-top:20px; margin-bottom:20px; font-size:14px}

.news_ny video{ margin:0 auto; width:50%;}
.serverxqdiv{ width:100%; height:auto; float:left; padding-bottom:20px; padding-top:40px;}
.serverxqdiv strong.stt{ width:100%; height:auto; float:left; font-size:20px; line-height:32px; color:#333; margin-bottom:35px; text-align:center}
dl.lxdl{ width:23.5%; height:auto; float:left; margin:0 2% 2% 0; box-shadow:0 0 5px #ededed; border-radius:5px; padding:30px 20px; box-sizing:border-box;}
dl.lxdl dt{ width:100%; height:auto; float:left; text-align:center;}
dl.lxdl dt img{ width:65px; height:auto; margin:0 auto;}
dl.lxdl dd{ width:100%; height:auto; float:left; text-align:center; margin-top:15px;}
dl.lxdl dd strong{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; color:#333; margin:0 0 8px 0; }
dl.lxdl dd p{ width:100%; height:auto; float:left; min-height:72px; font-size:16px; line-height:24px; color:#777;}
dl.lxdl.lxdls{ margin-right:0%;}
.dtdiv{ width:100%; height:auto; float:left;}
.dt{ width:100%; float:left}
.cp { margin-top: 1.875rem; }
.cpzs { overflow: auto; zoom: 1; margin: 0 -1%; }
.cpzs li { width: 23%; float: left; text-align: center; display: inline; margin: 1%; box-sizing: border-box; border-radius: 5px; }
.cpzs1 li { width: 31.333333%; }
.cpzs li img { }
.cpzs li a { display: block; border-radius: 5px; border: 1px #dddddd solid; }
.cpzs li .imgZoom { border-radius: 5px; }
.cpzs li h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 52px; background-color: #f3f3f3; }
.page { text-align: center }
.nyfy{padding-bottom: 30px; display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;}
.pagination { display: inline-block; padding-left: 0; margin: 1.25rem 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #2097f3; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: #2097f3; background-color: #eeeeee; border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #2097f3; border-color: #2097f3; cursor: default; }
.nchtit { margin: 0 1%; }
.nchtit h2 { font-size: 26px; font-weight: bold; background: url(../images/hot.png) no-repeat left center; padding-left: 40px; height: 47px; line-height: 47px; }
.nchtit .gd { float: right; width: 100px; height: 1.875rem; line-height: 1.875rem; margin-top: 10px; background-color: #2097f3; text-align: center; font-size: 0.875rem; }
.nchtit .gd a { color: #fff; }
.ny_news { overflow: hidden; margin-bottom: 1.875rem; }
.ny_news1_title { overflow: hidden; margin: 0 1%; }
.ny_news1_title h2 { font-size: 26px; font-weight: bold; display: inline; }
.ny_news1_title span { font-size: 1.125rem; color: #666666; padding-left: 1.875rem; }
.ny_news1_title a { display: block; float: right; }
.ny_news_list { overflow: hidden; padding:3rem 0 0; }
.ny_news_list li { width: 48%; float: left; margin: 0 1% 1.875rem; position: relative; border-bottom: 1px #dddddd dashed; }
.ny_news_list1 li { width: 98%; }
.ny_news_list li .imgZoom { width: 34%; float: left; margin-right: 3%; }
.ny_news_list li h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom: 10px; }
.ny_news_list li p { color: #666666; font-size: 0.875rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 1rem; }
.ny_news_list li .date { display: block; width: 11.25rem; float: left; text-align: center; margin-right: 1rem; background-color: #2097f3; padding: 1.25rem 0; color: #ffffff; }
.ny_news_list li:hover .date { background-color: #1fb462; }
.ny_news_list li em { float: right; color: #2097f3; font-size: 0.875rem; }
.ny_news_details_left { overflow: hidden; margin-top: 1.875rem; margin-bottom: 1.875rem; width: 70%; float: left; }
.ny_news_details_left h2 { font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; }
.ny_news_details_left .time { color: #999999; border-top: 1px #dddddd solid; }
.ny_news_content { padding: 1.875rem 0; font-size: 1rem; }
.ny_news_content h3 { font-size: 1.5rem; font-weight: bold; margin: 1rem 0; }
.ny_news_content p { }
.ny_news_details_right { margin-top: 1.875rem; overflow: hidden; }
.ny_news_xgtj { margin-bottom: 1.875rem; }
.ny_news_xgtj h2 { font-size: 26px; color: #ffffff; padding: 1rem; background-color: #2097f3; border-top-right-radius: 1.5rem; }
.nyxgSwiper { padding: 1rem 0; }
.nyxgSwiper .swiper-slide { border: 1px #dddddd solid; text-align: center; background-color: #ffffff; }
.nyxgSwiper .swiper-slide h3 { text-align: center; font-size: 1.125rem; line-height: 50px; -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; background-color: #dddddd; }
.ny_news_xgtjnews li { border-bottom: 1px #dddddd dashed; background: url(../images/li.png) no-repeat left center; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 1.25rem; font-size: 1rem; }
.ny_news_xgtjnews li span { float: right; color: #666666; font-size: 0.875rem; }
.ny_news_xgtjpro { overflow: hidden; padding: 1.25rem; background-color: #f4f4f4; }
.ny_news_xgtjpro li { width: 48%; float: left; margin: 0 1% 10px; background-color: #ffffff; text-align: center; line-height: 45px; }
.ny_news_xgtjpro li h3 { font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ny_pro_show_left { width: 70%; float: left; overflow: hidden; margin-top: 1.875rem; margin-bottom: 1.875rem; }
.ny_pro_show_right { margin-top: 1.875rem; width: 26%; float: left; margin-left: 4%; display: inline-block; }
.ny_fenye { margin-bottom: 1.875rem; }
.ny_fenye div { padding: 1rem 0; font-size: 1.125rem; }
.ny_previous { border-bottom: 1px #c6c6c6 dashed; }
.ny_next { }
.cont-way { clear: both; overflow: hidden; padding-bottom: 40px; }
.way-info { float: left; width: 40%; padding-top: 50px; }
.way-info h3 { color: #333; font-size: 1.375rem; margin-bottom: 1.875rem; font-weight: bold; }
.way-info p { line-height: 1.875rem; color: #333; font-size: 1rem; margin-bottom: 10px; }
.way-info p img { margin-right: 10px; }
.way-info p em { color: #ed1c24; font-size: 1.5rem; font-weight: bold; }
.way-con { clear: both; overflow: hidden; padding-top: 50px; margin-top: 40px; border-top: 1px solid #ddd; }
.way-con img { float: left; width: 170px; height: 170px; margin-right: 1rem; }
.way-con b { display: block; color: #666; font-size: 1rem; font-weight: normal; line-height: 1.875rem; margin: 10px 0; }
.way-con span { display: block; overflow: hidden; color: #FFF; font-size: 0.875rem; width: 125px; height: 35px; line-height: 35px; border-radius: 5px; text-align: center; margin-top: 1.25rem; cursor: pointer; background-color: #2097f3; }
.way-map { float: right; width: 50%; overflow: hidden; margin-top: 1.875rem; }
.way-map img { border-top-left-radius: 50px; object-fit: cover; min-height: 460px; }
.ny_search { margin: 1.875rem auto; background-color: #f4f4f4; padding: 1rem; overflow: hidden; }
.ny_search input { height: 40px; line-height: 40px; width: 80%; float: left; }
.ny_search .search_btn { display: block; height: 40px; background-color: #2097f3; text-align: center; color: #ffffff; float: right; font-size: 1.125rem; width: 20%; }
.nyl { width: 50%; float: left; }
.nyl img { width: 100%; }
.nyr { width: 46%; float: left; margin-left: 4%; display: inline; }
.nyr h2 { font-size: 26px; margin-bottom: 1.875rem; }
.nytel { width: 100%; display: inline-table; height: 60px; font-size: 1.5rem; line-height: 60px; color: #fff; border-radius: 4px; background-color: #2097f3; text-align: center; overflow: hidden; text-align: center; margin-top: 1.875rem; margin-bottom: 1.875rem; display: none; }
.nytel a { color: #fff; }
.ny_protel { clear: both; font-size: 1.25rem; color: #999; margin: 1.5rem 0; }
.ny_protel strong { font-size: 1.875rem; color: #2097f3; vertical-align: middle; display: inline-block; font-family: Arial, Helvetica, sans-serif; }
.ny_protel strong a { color: #2097f3; }
.list1 { width: 100%; overflow: hidden; padding: 1.25rem 0; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; }
.list1 li { width: 25%; float: left; }
.list1 li i { display: block; float: left; width: 26px; height: 26px; margin-right: 5px; }
.ny_pro_content { clear: both; }
.cp_txt { width: 100%; overflow: hidden; margin-top: 32px; margin-right: auto; margin-left: auto; float: left; }
.cp_txt p { line-height: 35px; color: #333; }
.cp_txt table { margin-top: 10px; }
.txt_name { font-size: 26px; font-weight: bold; background: url(../images/hot.png) no-repeat left center; margin-bottom: 1.25rem; padding-left: 40px; }
.tablescoll { overflow-x: scroll; }
.tablescoll table { width: 100%; text-align: center; border-collapse: collapse; border-spacing: 0; margin: 0 auto; font-size: 0.875rem; min-width: 640px !important; }
.tablescoll table, .tablescoll td, .tablescoll th { border: 1px #ccc solid; box-sizing: border-box; }
.tablescoll tr:nth-child(odd) { background-color: #f4f4f4; }
/*.tablescoll tr:hover { width: 100%; background-color: #2097f3; color: #fff; }
.tablescoll tr:hover p { color: #fff; }*/
.tablescoll tr p { margin: 0; }
.tablescoll tr, .tablescoll td { vertical-align: middle!important; }
#lineTd { position: relative; }
#lineTd:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #cccccc; transform: rotate(6deg); left: 0; top: 28px; }
#lineTd span:nth-child(1) { float: left; margin-top: 1.25rem; width: 50%; }
#lineTd span:nth-child(2) { float: right; width: 50%; }
.bottom_float { display: none; position: fixed; z-index: 3333; bottom:0;left:0;width:100%;height:50px;line-height:50px;background-color:#0086f6; font-size: 1.875rem; text-align: center; }
.bottom_float a { color: #ffffff; display: block; }
.nycplb { width: 20%; float: left; margin-right: 3%; display: none; }
.nycpzs { width: 77%; float: left; }
.nycplb dl { background-color: #f4f4f4; margin-bottom: 1.25rem; }
.nycplb dt { font-size: 1.25rem; font-weight: bold; background-color: #2097f3; text-align: center; }
.nycplb dt a { color: #ffffff; display: block; padding: 10px 0; }
.nycplb dd a { display: block; background: url(../images/li.png) no-repeat left center; padding-left: 1.25rem; line-height: 40px; border-bottom: 1px #cccccc dashed; }
.nycplb dd { padding: 10px 1rem 1rem; }
.duotu { width: 50%; float: left; margin-right: 5%; background-color: #edf0f6;}
/*.nyswiper { margin-top: 10px; }
.nyswiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.nyswiper .swiper-slide-thumb-active { opacity: 1; border:1px #0086f6 solid;  }
.nyswiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }*/
.miaoshu { width: 45%; float: left; }
.miaoshu h2 { font-weight: bold; font-size: 1.5rem; }
.miaoshuwz { padding: 1.25rem 0; border-top: 1px #dddddd solid; border-bottom: 1px #dddddd solid; margin: 1.875rem 0; }
.ny_news_content .title { border-bottom: 1px #dddddd solid; margin-bottom: 1.25rem; }
.ny_news_content .title span { display: block; width: 150px; height: 45px; line-height: 45px; background-color: #2097f3; color: #ffffff; text-align: center; font-size: 1.25rem; font-weight: bold; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.yxwl { overflow: hidden; }
.yxwl h5 { font-size: 1.5rem; margin: 2rem 0; }





.clearfix:after {clear: both; content: "."; display:block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1;}




  /* 产品布局 */
  .product-section {
	padding-bottom: 50px;
  }

  .product__wrapper {
	display: grid;
	grid-template-columns: 1fr 1.3fr;
	gap: 40px;
	align-items: start;
  }

  /* 轮播样式 */
  .carousel {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: white;
  }

  .carousel-slides {
	display: flex;
	transition: transform 0.4s ease;
  }

  .carousel-slide {
	min-width: 100%;
  }

  .carousel-slide img {
	width: 100%;
	display: block;
	object-fit: cover;
  }

  /* 轮播按钮 */
  .carousel-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: white;
	border: none;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
	z-index: 2;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  }

  .prev { left: 16px; }
  .next { right: 16px; }

  /* 缩略图 */
  .thumbnails {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	background: #f5f5f5;
	padding: 10px;
  }

  .thumb {
	width: 80px;
	height: 80px;
	object-fit: cover;
	cursor: pointer;
	border-radius: 4px;
	border: 2px solid transparent;
  }

  .thumb.active {
	border-color:#fff;
  }

  /* 产品信息 */
  .product__info {
	background: white;
	padding:60px 30px 30px 30px;
	border-radius: 12px;
  }

  .product__title {
	font-size: 36px;
	margin-bottom: 20px;
	color: #000; font-weight: bold;
  }
  .product__desc{background: #f7f7f7; display: inline-block; width: 100%; padding: 20px; line-height: 50px; margin: 20px 0 30px 0;}



  .quote-btn {
	display: inline-block;
	border: none;
	background: #2097f3;
	color: white;
	padding: 14px 30px;
	border-radius: 6px;
	text-decoration: none;
	margin-top: 20px;
	font-size: 20px;
	text-align: center;
	width: 100%;
	font-weight: bold;
  }
  .quote-btn:hover{ color: #fff;}

  .product__rx{font-size: 18px; line-height: 60px;}
  .product__rx span{font-size: 36px; font-weight: bold; color: #2097f3;}

  /* 弹窗遮罩 */
  .modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
  }

  /* 弹窗 */
  .modal {
	background: #fff;
	width: 100%;
	max-width: 800px;
	padding: 40px;
	position: relative;
  }

  .modal-close {
	position: absolute;
	top: 15px;
	right: 18px;
	font-size: 22px;
	cursor: pointer;
	background: none;
	border: none;
  }

  .form-group {
	margin-bottom: 18px;
  }

  .form-group label {
	display: block;
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 14px;
  }

  .form-group input,
  .form-group textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 15px;
  }

  .form-group textarea {
	min-height: 120px;
	resize: vertical;
  }

  .submit-btn {
	width: 100%;
	padding: 14px;
	background: #2097f3;
	color: white;
	border: none;
	border-radius: 6px;
	font-size: 16px;
	cursor: pointer;
  }

  .submit-btn:hover {
	background: #29a0fa;
  }


  .timeline-section {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
	padding: 30px 0 60px 0;
  }

  .timeline-title {
    font-size: clamp(24px, 4vw, 36px);
    color: #2097f3;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
  }

  .timeline-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 80px;
    height: 2px;
    background-color: #2097f3;
  }

  .timeline-wrapper {
    position: relative;
    width: 100%;
  }

  .timeline-container {
    display: flex;
    gap: clamp(15px, 3vw, 30px);
    overflow-x: auto;
    padding-bottom: 20px;
    scroll-behavior: smooth;
    width: 100%;
    cursor: grab;
    user-select: none;
    padding-top: 10px;
  }
  .timeline-container:active {
    cursor: grabbing;
  }

  /* 滚动条样式 */
  .timeline-container::-webkit-scrollbar {
    height: 6px;
  }
  .timeline-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
  }
  .timeline-container::-webkit-scrollbar-thumb {
    background: #2097f3;
    border-radius: 3px;
  }

  .timeline-card {
    flex: 0 0 clamp(280px, 70vw, 350px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    padding: clamp(20px, 3vw, 30px) clamp(20px, 2.5vw, 25px);
    transition: all 0.3s ease;
    position: relative;
  }

  .timeline-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  }

  .timeline-card .year {
    font-size: clamp(28px, 5vw, 36px);
    font-weight: bold;
    color: #222;
    margin-bottom: 15px;
  }

  .timeline-card ul {
    list-style: none;
    margin-bottom: 200px;
  }

  .timeline-card li {
    color: #555;
    line-height: 1.7;
    margin-bottom: 8px;
    position: relative;
    padding-left: 16px;
    font-size: clamp(14px, 2vw, 15px);
  }

  .timeline-card li::before {
    content: '•';
    color: #2097f3;
    position: absolute;
    left: 0;
  }

  .timeline-card .card-img {
    width: 300px;
    height: clamp(140px, 20vw, 180px);
    border-radius: 4px;
    object-fit: cover;
    background-color: #f5f5f5;
    position: absolute; bottom: 25px;
  }








@media (max-width: 1200px) {
.dqwz .wrap { width: 100%; margin: 0; }
.dqwz { display: block; border-bottom-right-radius: 1.875rem; border-bottom-left-radius: 1.875rem; text-align: center; background-color: #2097f3; height: auto; line-height: auto; text-align: center; padding: 0; line-height: 1rem; }
.dqwz .p1 { border-bottom-right-radius: 1.25rem; border-bottom-left-radius: 1.25rem; text-align: center; background-color: #fff; padding: 1rem 0; color: #333; }
.dqwz .p1 a { color: #333333; }
.dqwz img { display: none; }
.dqwz .p2 { display: block; color: #fff; padding: 10px 0; }
.nycplb { display: none; }
.ny_news_details_left, .nycpzs { width: 100%; }
.ny_pro_show_left { width: 100%; }
.ny_pro_show_right { width: 100%; margin: 0 auto; }
.ny_news_xgtjpro li { width: 31.33333%; }
.ny_news_details_left h2,.ny_news_details_left .time{ text-align: center; margin-bottom: 0; }
}
@media (max-width: 980px) {
.search_form { width: 80%; }
.search_form1 .search_btn { width: 15%; }
.ny_news_details_left { width: 100%; }
.ny_news_details_right { width: 100%; margin: 0; }
.list1 { display: none; }
}
@media (max-width: 800px) {
.m1t h2, .section6_1 h2, .ny_news1_title h2 { font-size: 1.875rem; }
.m1t p { font-size: 1rem; }
.ny_news1_title span { display: none; }
.ny_news_list li { width: 98%; }
.news_ny video{ margin:0 auto; width:70%;}
.footer, .nfooter { margin-bottom: 50px; }
.bottom_float { display: block; }
.duotu { width: 100%; margin: 0 auto 1.25rem; text-align: center; }
.duotu .swiper-slide img { margin: 0 auto; }
.miaoshu { width: 100%; }
.ny_news_xgtjpro li { width: 48%; }
.ny_news_xgtjpro { padding: 10px; }
.dqwz { margin-bottom: 1.875rem; }
.ny_news_details_left h2 { font-size: 1.25rem; }
.ny_news_content, .ny_fenye div { font-size: 1rem; line-height: 2; }
.nyxgSwiper .swiper-slide h3 { font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyswiper { display: none; }
.miaoshu h2 { font-size: 1.25rem; }
.nypro_menu { width: 100%; display:block;border-top: 1px #d4d6da solid;margin: 2.5rem auto 1rem; }
.nypro_menu li{ width:50%; margin-top:-1px;}
.ny_news_list li{ padding:1rem;}
.sec7txt .sec7a{ width:8.25rem;height: 2.125rem; line-height: 2.125rem;}
.wldt { float: none; width: 100%; text-align: center; }
}
@media (max-width: 640px) {
	.nyban,.abouttt span,.cpban,.header .nav li .xl,.xgban,.way-map,.wh-t i,.cpban_n,.xwban,.news .m2 .text span,.lxban,.dt{ display:none}
	.a_nyban{ display:block}
.a_nyban img,.about-g li, .wh-g li{ width:100%}	
.news_ny video{ margin:0 auto; width:90%;}
.abouttt{ background-size: auto 80px !important; padding-top:30px; background-position: left top; height:auto; margin-bottom:5px}
.abouttt strong{ font-size:22px;}
.cpzs li { width: 48%; background-color: #ffffff; }
.header_right_tel span { font-size: 1.375rem; }
.ny_news_xgtjpro li { width: 48%; margin: 0 1% 10px; }
.nyl, .nyr { width: 100%; margin: 0 auto; }
.m1t h2, .section6_1 h2, .ny_news1_title h2, .nchtit h2, .ny_news_xgtj h2 { font-size: 1.5rem; }
.ny_menu,.cpnav ,.sty2 span{ width: 100%; }
.way-info { width: 100%; padding: 0; }
.way-con { padding-top: 1.875rem; }
.footer { padding: 1.875rem 0 0; }
.gynav{ float:left; width:100% ; margin-top:-40px;height:auto; box-shadow: 0 3px 7px #e6e6e6; flex-wrap: wrap;}
.gynav a{ height:50px; line-height:50px; padding:0 0px; text-align:center; width:25%;}
.gynav a:hover, .gynav a.a_on{ background:#2097f3; background-image:none}
.about-g li, .wh-g li{ height:auto; padding:20px; margin-bottom:10px;}
.aboutus{ padding-top:25px;}
.about-g3{ margin-top:20px}
.wh-t{ padding-top:36%; padding-bottom:15%;}
.wh-t .wh_txt{ top:0}
.wh-t h3{ font-size:22px}
.aboutus p{ font-size:14px; line-height:26px;}
.zz{ margin:10px 0 30px}
.zz li{ width:47%; margin:15px 1.5%;}
.zz li p{ line-height:26px; font-size: 16px;}
.cpnav{ overflow-x:auto; overflow-y:hidden; display:block; height:60px;     box-shadow: 0 3px 6px #e6e6e6;}
.cpnav .cp_list{ width:1000px;}
.cpnav a{ width: auto; padding:0 30px; height:60px; line-height:60px;}
.sty2 span{ margin-bottom:5px;}
.sty2 a{ font-size:14px;}
.news_ny h5{ margin-top:10px; margin-bottom:10px;}
.news .m2 li{ width:97%; margin-bottom:15px; padding:15px} 
.news .m2 .pic{ width:110px; float:left}
.news .m2 .text{ display:block; margin-left:120px; padding:0 0 ; height:auto}
.news .m2 .text p{ height:22px; overflow:hidden}
dl.lxdl{ width:97%; padding:15px;}
dl.lxdl dt img{ width:40px;}
dl.lxdl dd strong{ font-size:18px;}
dl.lxdl dd p{ min-height:40px;}
.dt_list{ display:block;}
.bottom_float { font-size:15px; line-height:40px; height:40px;}
.bddt{display: none;}
.product__wrapper{grid-template-columns: auto !important;}
.thumb{width: 50px !important; height: 50px !important;}
.cpfa_2{font-size: 20px;}
.cpfa_1{height: auto; padding: 30px;}
.cpfa_1 img{max-width: initial; left: 50%; transform: translate(-50%, 0); width: auto;}
.product__title{font-size: 20px; margin-bottom: 0;}
.product__info{padding: 10px;}
.product__desc{line-height: 30px;}
}
@media (max-width: 480px) {
.ny_news_list li .imgZoom { width: 44%; }
.ny_news_list li h3 { font-size: 1.125rem; margin-bottom: 0; }
.ny_news_list li p { font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 5px; }
.ny_news1_title h2 { font-size: 1.5rem; }
.ny_news_list li em { display: none; }
.ny_news1_title { margin-bottom: 1rem; }
.ny_news_list li .date, .way-con { display: none; }
.footer1 { padding: 0 0 1.25rem; }
}