@charset "utf-8";

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 1230px;background: #fff;color: #333;}

a {color: #333;text-decoration: none;}
a:hover {color: #e62022;}
ul {margin: 0;list-style: none;padding: 0;}
.container {padding: 0 15px;margin: 0 auto;}
.nothing{min-height:300px;}
.about{margin:20px 0;line-height:30px;font-size:16px;}
.NyAboutus { width: 100%; height: auto; min-height: 320px; padding: 0; margin-top: -60px; }
.NyTitle { width: 100%; height: auto; margin: 0 auto 40px; padding: 0; text-align: center; }
.NyTitle span { display: block; width: 100%; height: 56px; overflow: hidden; line-height: 56px; color: rgba(0,0,0,0.06); font-family: "Impact"; font-size: 60px; margin: 0 auto; padding: 0; }
.NyTitle p { width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 36px; font-weight: bold; margin: -20px auto 10px; padding: 0; }
.NyTitle i { display: block; width: 60px; height: 4px; overflow: hidden; margin: 0 auto; padding: 0; background-color: #123C96; }
.lyNy_AboutUs { width: 100%; min-height: 480px; overflow: hidden; margin: 0 auto; padding: 85px 0 0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.lyNy_AboutUs .lyNyAb_main { overflow: hidden; margin: 0 auto; padding: 0; }
.AboutUs{width:100%;overflow:hidden;margin:0 auto 0;padding:0 0 60px 0;background:#fff url(/images/n_about_bg.jpg) center bottom no-repeat;background-size:cover;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.AboutUs .main{overflow:hidden;margin:0 auto;padding:0;}
.txt_main{width:100%;margin:0 auto;position:relative}
.txt_main ul{width:1400px;margin:0 auto}
.txt_main ul li{width:24.9%;float:left;position:relative;padding:0 10px}
.txt_main ul li .text{width:100%;margin:0 auto;text-align:center;padding:50px 0 5px 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.txt_main ul li .text span{font-size:50px;line-height:52px;font-weight:bold;color:#123C96;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;display:inline-block}
.txt_main ul li:hover .text span{transform:translateY(-5px)}
.txt_main ul li .text span svg{display:block;width:100%;height:60px}
.txt_main ul li .text p{font-size:17px;line-height:36px;color:#242424;margin-top:5px}
.about_part3{width:100%;overflow:hidden;margin:0 auto;padding:70px 0; }
.about_part3 .aboutPart3_main{width:100%;overflow:hidden;margin:0 auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.aboutPart3_main ul{overflow:hidden;margin:0 auto;padding:0;border-left:1px solid rgba(255,255,255,0.1)}
.aboutPart3_main ul li{width:22.75%;overflow:hidden;margin:0 3% 0 0;padding:40px 1%;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;border:1px solid #d5d6d8;border-radius:10px;position:relative}
.aboutPart3_main ul li:nth-child(4){margin:0}
.aboutPart3_main ul li:after{content:"";width:0;height:100%;position:absolute;bottom:0;left:0;display:block;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.aboutPart3_main ul li:hover:after{background:#123C96;width:100%}
.aboutPart3_main ul li .aboutPart3_icon1,.aboutPart3_main ul li .aboutPart3_icon2,.aboutPart3_main ul li .aboutPart3_icon3,.aboutPart3_main ul li .aboutPart3_icon4{width:154px;height:154px;overflow:hidden;margin:0 auto;padding:0;transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.aboutPart3_main ul li .aboutPart3_icon1{background:url(/images/aboutys_icon01.png) center center no-repeat;background-size:154px 154px;position:relative;z-index:1}
.aboutPart3_main ul li .aboutPart3_icon2{background:url(/images/aboutys_icon02.png) center center no-repeat;background-size:154px 154px;position:relative;z-index:1}
.aboutPart3_main ul li .aboutPart3_icon3{background:url(/images/aboutys_icon03.png) center center no-repeat;background-size:154px 154px;position:relative;z-index:1}
.aboutPart3_main ul li .aboutPart3_icon4{background:url(/images/aboutys_icon04.png) center center no-repeat;background-size:154px 154px;position:relative;z-index:1}
.aboutPart3_main ul li:hover .aboutPart3_icon1{background:url(/images/aboutys_icon1.png) center center no-repeat;background-size:154px 154px;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.aboutPart3_main ul li:hover .aboutPart3_icon2{background:url(/images/aboutys_icon2.png) center center no-repeat;background-size:154px 154px;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.aboutPart3_main ul li:hover .aboutPart3_icon3{background:url(/images/aboutys_icon3.png) center center no-repeat;background-size:154px 154px;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.aboutPart3_main ul li:hover .aboutPart3_icon4{background:url(/images/aboutys_icon4.png) center center no-repeat;background-size:154px 154px;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.aboutPart3_main ul li .aboutPart3_text{width:100%;overflow:hidden;margin:20px auto 0;padding:0}
.aboutPart3_main ul li .aboutPart3_text p{width:100%;overflow:hidden;line-height:56px;color:#333;font-size:24px;text-align:center;margin:0 auto;padding:0;position:relative;z-index:1}
.aboutPart3_main ul li .aboutPart3_text p:after{content:"";width:50px;height:3px;background:#123C96;display:block;margin:0 auto}
.aboutPart3_main ul li .aboutPart3_text span{display:block;width:80%;overflow:hidden;line-height:34px;color:#333;font-size:18px;text-align:center;margin:30px auto 0;padding:0;position:relative;z-index:1;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.aboutPart3_main ul li:hover .aboutPart3_text p,.aboutPart3_main ul li:hover .aboutPart3_text span{color:#fff}
.aboutPart3_main ul li:hover .aboutPart3_text p:after{background:#fff}

/*联系我们*/
.contact-left {float: left;width: 600px;margin-left:200px;padding-right:170px;}
.contact-left .tel {font-size: 20px;margin-bottom: 30px;}
.contact-left .tel strong {font-family: Impact;font-size: 34px;color: #e62022;}
.contact-left li {background: no-repeat 0 0;border-bottom: 1px dashed #cac9c9;padding-left: 45px;font-size: 18px;padding-bottom: 15px;margin-bottom: 15px;line-height: 1.8;}
.contact-left li.hotline {background-image: url(/images/contact_hotline.png);}
.contact-left li.email {background-image: url(/images/contact_email.png);}
.contact-left li.phone {background-image: url(/images/contact_phone.png);}
.contact-left li.user {background-image: url(/images/contact_user.png);}
.contact-left li.fax {background-image: url(/images/contact_fax.png);}
.contact-left li.add {background-image: url(/images/contact_add.png);}

.contact-right {float: left;width: 450px;margin-right: 80px;display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2列等宽 */}
.contact-right .tit {font-size: 16px;}
.contact-right .tit img {vertical-align: middle;}
.contact-right dl {margin: 20px 0 0;overflow: hidden;flex: 0 0 calc(50% - 8px);}
.contact-right dt {float: left;width: 100%;}
.contact-right dt img{max-width:140px;max-height:140px;}
.contact-right dd{text-align:center;width:100%;}
.contact-right dd h4 {font-size: 16px;font-weight:bold;margin: 0;padding-top: 155px;}
.contact-right dd p {margin: 15px 0 0;font-size: 16px;color: #999;}
.img-center{text-align:center;}
.NyContactUs_Map {  height: auto; margin: 85px auto 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.NyMap { width: 100%; height: 500px; overflow: hidden; margin: 0 auto; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; }
.NyMap .dz_map { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; }
.NyMap .dz_map #container { height: 120%; }


/*新闻*/
section.news{ background:url(../images/ne_01.jpg) no-repeat center top; background-size:cover; display:block; overflow:hidden; width:100%; padding-bottom:88px;}
.news_b{ display:block; margin-top:60px; width:100%; overflow:hidden;}
.news_b li{ float:left; width:100%; overflow:hidden;}
.news_b .picture{ float:left; width:100%; overflow:hidden;}
.news_b .picture img{ float:left; width:100%; height:372px; object-fit:cover; transition:all linear 0.25s;}
.news_b .content{ float:left; width:100%; overflow:hidden; background:#fff; padding:0px 8%; box-sizing:border-box;}
.news_b .content .time{ float:left; width:100%; overflow:hidden; margin-top:34px;}
.news_b .content .time .day{ 
	float:left; overflow:hidden; font-size:40px; font-weight:bold;
	background-image:-webkit-linear-gradient(left,#0c6a32,#1b9251);
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text; display:none\0;
 }
.news_list{ display:block; width:100%;}
	.news_list ul{ overflow:hidden; margin:0 auto; margin-top:20px; width:95%; padding:5px;  box-sizing:border-box;}
	.news_list li{ margin-bottom:20px; overflow:hidden; float:left; padding:10px 15px; box-sizing:border-box; width:100%; box-shadow:1px 1px 4px rgba(0,0,0,0.20);}
	.news_list_img{ float:left; max-width:370px; width:100%; height:220px; overflow:hidden;}
	.news_list_img img{ width:100%; height:100%; object-fit:cover; transition:all linear 0.25s;}
	.news_list_text{ max-width:calc(100% - 410px); width:100%; height:220px; padding:10px 0px; box-sizing:border-box; float:right;}
	.news_list_text .title{  font-size:20px; font-weight:bold; color:#333; white-space:pre; text-overflow:ellipsis; overflow:hidden; text-align:left; transition:all linear 0.25s;}
	.news_list_text time{ font-size:14px; display:block; margin-top:10px; color:#999; border:0px; text-align:left; padding-top:0px}
	.news_list_text .text{ line-height:24px; height:72px; font-size:14px;color:#666; float:left; width:100%;}
	.news_list_text .more{ background:#adadad; margin-top:10px; color:#fff; width:120px; height:40px; line-height:40px; float:left; text-align:center; transition:all linear 0.25s;}
	.news_list li:hover .more{ background:#123c96;}
	.news_list li:hover{ background:#fff; box-shadow:1px 1px 4px rgba(18,60,150,0.20);}
	.news_list li:hover .title{ color:#123c96; transform:translateX(10px);}
	.news_list li:hover .news_list_img img{ transform:scale(1.1);}
	.text-secondary{ text-align:center; padding:20px 0}
.page_odd .title{ font-size:26px; text-align:center;}
	.page_odd time{ font-size:16px; color:#666; text-align:center; float:left; width:100%; text-align:center; padding:10px 0px;  border-bottom:1px solid #e6e6e6; margin:30px auto;}
	.page_odd .news_content{ margin-top:25px;  width:100%;font-size:16px;}
	.page_odd .news_content p{ line-height:36px;text-indent: 2em;}
	.page_odd .news_content p:has(> span:only-child > img:only-child),.page_odd .news_content p:has(img:only-child)  {
      text-indent: 0;
    }
	.page_odd .news_content img{ max-width:100%;}
	.page_odd .picture{overflow:hidden; float:left; width:100%;}
	.page_odd .picture img{float:none; display:block; margin:0px auto;}
	.other_list{ margin-top:20px; padding:10px 0px 15px 0px; overflow:hidden; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; width:100%;}
	.other_list p{ font-size:14px;margin-top:8px; color:#111;}
	.other_list p.next{ float:right;}
	.other_list p.pre{ float:left;}
	.other_list a{ color:#666;}
    
/*项目案例*/
.case_list{overflow:hidden; width:90%;margin: 0 auto; margin-top:20px;}
	.case_list li{ max-width:calc(100% / 4 - 19px); width:100%; margin:0px 25px 30px 0px; float:left; box-sizing:border-box; background:#f3f3f3; transition:all linear 0.25s;}
	.case_list li:nth-of-type(4n){margin-right:0px;}
	.case_list li .picture{ float:left; width:100%; overflow:hidden;}
	.case_list li .picture img{ float:left; max-height:265px; object-fit:cover; width:100%; overflow:hidden; transition:all linear 0.25s;}
	.case_list li .ct{ float:left; padding:20px 25px; box-sizing:border-box; width:100%; overflow:hidden; transition:all linear 0.25s;}
	.case_list li .ct .title{ font-size:16px; line-height:25px; white-space:pre; text-overflow:ellipsis; overflow:hidden; float:left; width:100%; text-align:center; transition:all linear 0.25s;font-weight:normal;}
	.case_list li .ct .text{ float:left; width:100%; overflow:hidden; font-size:14px; color:#333;padding-left:15px; box-sizing:border-box; position:relative; line-height:24px; margin-top:15px; transition:all linear 0.25s; height:48px; max-height:48px; overflow:hidden;}
	.case_list li .ct .text::before{ content:"·"; max-width:15px; width:100%; font-size:18px; font-weight:bold; color:#333; position:absolute; left:0px; top:-2px;}
	.case_list li .ct .more{ float:left; margin-top:20px; overflow:hidden; width:100%;}
	.case_list li .ct .more a{ max-width:48%; float:left; width:100%; border:1px solid #5b5b5b; text-align:center; font-size:14px; height:34px; line-height:34px; color:#333; transition:all linear 0.25s;}
	.case_list li .ct .more .contact{ float:right;}
	.case_list li:hover{ background:#123c96;}
	.case_list li:hover .ct .text,.case_list li:hover .ct .text::before,.case_list li:hover .ct .title{ color:#fff;}
	.case_list li:hover .ct .more a{ border-color:#fff; color:#fff;}
	.case_list li .ct .more a:hover{ background:#fff; color:#333;}
	.case_list li:hover .ct table tr td{ background:rgba(255,255,255,0.9); color:#333;}
	.case_list li:hover .picture img{ transform:scale(1.1);}
	.case_list li:hover{ box-shadow:4px 4px 10px #828282;-webkit-box-shadow:4px 4px 10px #828282;}
	
	
	
.productss{width:100%;float:left}
.pro_conn a{display:block;float:left;width:23%;margin:1%;background:#fff;box-shadow:0 0 10px 0 #ccc}
.pro_conn a img{max-width:100%;max-height:280px;}
.pro_conn span{display:block;overflow:hidden; text-align:center;}
.pro_conn p{color:#333;text-align:center;font-size:16px;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto;}
.pro_conn a:hover{box-shadow:0 0 20px #dedede}
.pro_conn a:hover p{color:#fff;background:#123c96}
.pro_conn a:hover img{transform:scale(1.1,1.1);-webkit-transition:transform 1s;transition:transform 1s}
.pro_connn{width:100%;float:left}
.pro_connn a{display:block;float:left;width:23%;margin:0 1%;background:#fff;box-shadow:0 0 10px 0 #ccc}
.img-responsive {
  display: block;
  height: auto;

  max-width: 100%
}
.pro_nav{width:100%;margin:0 auto}
.pro_nav_txt{color:#333;display:flex;flex-wrap:wrap;margin-bottom:30px}
.pro_nav_txt .p1{flex:1;margin:5px;width:calc(25% - 10px); position: relative;}
.pro_nav_txt b{display:block;font-size:30px;margin-bottom:42px}
.pro_nav_txt span{display:block;font-size:24px;text-transform:uppercase;color:#999}
.pro_nav_txt a{position:relative;text-align:center;z-index:4;text-decoration:none;transition:all .2s;display:block;color:#666;border:1px solid #f1f1f1;line-height:30px;font-size:16px;padding:20px 0;background:#f5f5f5}
.pro_nav_txt a:after{content:'';position:absolute;width:0;height:100%;background:#123c96;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;z-index:-1}
.pro_nav_txt .p1:hover a:after{width:100%}
.pro_nav_txt .p1:hover a{color:#fff}
.pro_nav_txt .p1 ul{ display: none; position: absolute; width: 100%; top: 72px; left: 0;}
.pro_nav_txt .p1 ul li a{ padding: 5px 0; border: none; border-bottom: 1px solid #f1f1f1;}
.pro_nav_txt .p1 ul li a:hover{ background:#123c96;color: #ECA617;}
.pro_nav_txt .p1:hover ul{ display: block;}
.pro_nav_txt p{margin:20px 0}
.pro_nav_txt i{display:block;font-style:normal;font-size:18px;text-align:center}
.pro_nav_txt .p1 .aa{background:#123c96;color:#fff}
.product_cat{padding:30px 0;}
.innerright{width:100%;float:left;height:auto;margin:0 0 10px 0;padding-bottom:20px;background-color:#fff;line-height:200%}
.innerrightxq h1{display:block;position:relative;padding-left:60px;font-size:24px;margin:20px 0}
.innerrightxq h1:after{border-top-width:8px;border-top-style:solid;border-top-color:#A40A09;width:40px;height:0;border-right:10px solid transparent;content:"";position:absolute;left:0;top:10px}
.innerrightxq h2{background:url(../images/xqh2.png) no-repeat left;display:block;margin:30px 0;padding-left:22px}
.innerrightxq h3{position:relative;display:inline-block;font-size:23px}
.innerrightxq h3:after{border-top-width:8px;border-top-style:solid;border-top-color:#A40A09;width:40px;height:0;border-right:10px solid transparent;content:"";position:absolute;right:-60px;top:10px}
.xql{width:40%;float:left}
.xqr{width:57%;float:right}
 .prodetail_tit {
     width: 100%;
     height: 52px;
     border-bottom: 2px solid #dfdfdf;
     font-size: 22px;
     color: #333;
     margin: 30px 0;
 }

 .prodetail_tit b {
     display: inline-block;
     padding: 5px 20px;
     background: #A40A09;
     color: #fff;
 }
 .clear {
    clear: both;
}
.innerright {
    width: 100%;
    float: left;
    height: auto;
    margin: 0 0 10px 0;
    padding-bottom: 20px;
    background-color: #fff;
    line-height: 200%;}
 .prodetailtxt2 {

     /* display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        background: #f6f6f6;*/
     margin-top: 10px;
     font-size: 16px;
 }

.prodetailtxt2 p{ margin-bottom:20px}
 .swiper {
     width: 100%;
     height: 100%;
     position: relative;
 }

 .swiper-slide {

     text-align: center;
     font-size: 18px;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 .swiper-slide p{ position: absolute; float: left; width:100%; bottom: 0; background: rgba(0, 0, 0, 0.7);white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 10px; font-size: 14px; color: #fff;}
 .swiper-slide img {
     display: block;
     max-width: 100%;
     max-height: 390px;
 }

 .swiper-slide2 img {
    max-width: 100%;
    max-height: 120px;
 }


 .swiper {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
 }

 .swiper-slide {
     background-size: cover;
     background-position: center;
 }

 .mySwiper2 {
     margin: 5px;
     width: calc(100% - 10px);
     box-shadow: 0 0 5px 0 #dfdfdf;
 }

 .mySwiper2 .swiper-button-next,
 .mySwiper2 .swiper-button-prev {
     width: 40px;
     height: 70px;
     background: rgba(0, 0, 0, 0.4);
     border-radius: 5px;
 }

 .mySwiper2 .swiper-button-next::after,
 .mySwiper2 .swiper-button-prev::after {
     color: #fff;
     font-size: 26px;
 }

 .swiper-wrapper {
     align-items: center;
 }

 .mySwiper {
     height: 20%;
     box-sizing: border-box;
     padding: 10px;
     background: #f1f1f1;
     border-left: 3px solid #fff;
     border-right: 3px solid #fff;
 }

 .mySwiper .swiper-slide {
     width: calc(25% - 11px) !important;
     height: 100%;
     opacity: 0.4;
     margin-right: 14px;

 }

 .mySwiper .swiper-slide-thumb-active {
     opacity: 1;
 }
.xiazai {
     width: 100%;
     background: #f1f1f1;
     margin-top: 20px;
     font-size: 17px;
     line-height: 200%;
 }

 .xiazai ul {
     padding: 30px; text-align: justify;
 }

 .xiazai ul li {
     padding: 0;
 }

 .xiazai ul li a {
     display: flex;
     flex-flow: row nowrap;
     padding: 8px 0;
     border-bottom: 1px solid #dfdfdf;
 }

 .xiazai ul li .txt {
     width: calc(100% - 55px);
     display: flex;
     flex-flow: row wrap;
     justify-content: space-between;
     align-items: center;
     align-content: center;
 }

 .xiazai ul li .txt>span {
     display: block;
     width: calc(100% - 140px);
     line-height: 120%;
 }

 .xiazai ul li a img.wj {
     width: 35px;
     height: 40px;
     margin-right: 10px;
 }

 .xzicon {
     max-width: 120px;
     height: 25px;
     line-height: 25px;
     padding: 0px 10px;
     background: #A40A09;
     color: #fff;
     font-size: 13px;
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
     align-content: center;
     justify-content: center;
     border-radius: 5px;
 }

 .xzicon .download {
     height: 13px !important;
     width: auto !important;
     margin-left: 15px;
 }

 .xiazai ul li:hover .xzicon {
     background: #D36700;
 }

 .prodetail_tit {
     width: 100%;
     height: 52px;
     border-bottom: 2px solid #dfdfdf;
     font-size: 22px;
     color: #333;
     margin: 30px 0;
 }

 .prodetail_tit b {
     display: inline-block;
     padding: 5px 20px;
     background: #A40A09;
     color: #fff;
 }

 .prodetailtxt2 {

     /* display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        background: #f6f6f6;*/
     margin-top: 10px;
     font-size: 16px;
 }

.prodetailtxt2 p{ margin-bottom:20px}
.btn_box {
     width: 100%;
     display: flex;
     flex-flow: row wrap;
     justify-content:flex-start; 
     margin-top: 30px;
 }

 .btn_box .btn_item {

     height: 50px;
     line-height: 50px;
     background: #123c96;
     color: #fff;
     display: flex;
     flex-flow: row nowrap;
     justify-content: center;
     font-size: 18px;
     border-radius: 60px;
     align-items: center;
     align-content: center;
     padding: 0 25px; margin:5px;

 }



 .btn_box .btn_item.lxwm {
     background: #123c96;
     /*        margin-left:20px;*/
 }

 .btn_box img {
     width: 30px !important;
     height: 30px !important;
     margin-right: 15px;
 }
 
 .prodetail_tit {
     width: 100%;
     height: 52px;
     border-bottom: 2px solid #dfdfdf;
     font-size: 22px;
     color: #333;
     margin: 30px 0;
 }

 .prodetail_tit b {
     display: inline-block;
     padding: 5px 20px;
     background: #A40A09;
     color: #fff;
 }

 .prodetailtxt2 {

     /* display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        background: #f6f6f6;*/
     margin-top: 10px;
     font-size: 16px;
 }

.prodetailtxt2 p{ margin-bottom:20px}
 .videodetailtxt2 {
     padding: 20px;
     display: flex;
     flex-flow: row wrap;
     justify-content: space-between;
     background: #f6f6f6;
     margin-top: 10px;
     font-size: 16px;
 }

 .videodetailtxt2 .videobox1 {
     width: 49%;
 }

 .videodetailtxt2 .videobox1 video {
     width: 100%;
     height: 350px;
     outline: none;
 }

 .videodetailtxt2 .videobox1 p {
     padding-bottom: 5px;
     margin-bottom: 12px;
     border-bottom: 1px solid #dfdfdf;
     display: flex;
     flex-flow: row wrap;
     align-items: center;
     font-size: 18px;
 }

 .videodetailtxt2 .videobox1 p img {
     padding-right: 10px;
 }

 .sycdul {
     display: flex;
     flex-flow: row wrap;
     justify-content: flex-start;
     margin-top: 15px;
 }

 .sycdul li {
     width: 18.5%;
     margin-left: 1.87%;
 }

 .sycdul li:nth-child(1) {
     margin-left: 0;
 }

 .sycdul li .img {
     overflow: hidden;
 }

 .sycdul li .img img {
     width: 100%;
     display: block;
     transition: .5s ease-in;
 }

 .sycdul li:hover img {
     transform: scale(1.1, 1.1);
 }

 .sycdul li p {
     width: 100%;
     padding: 8px 10px;
     background: #f1f1f1;
     text-align: center;
     line-height: 16px;
 }

 .sycdul li:hover p {
     background: #A40A09;
     color: #fff;

 }

 .prodetailtxt2 .BT {
     width: 100%;
     display: block;
     font-size: 22px;
     font-weight: bold;
     margin: 30px 0;
     border-left: 6px solid #0594d3;
     padding-left: 5px;
     height: 24px;
     line-height: 24px;
 }

 .prodetailtxt2 .BT span {
     padding-left: 10px;
     border-left: 2px solid #A40A09;
     color: #A40A09;
     height: 24px;
     line-height: 24px;
     display: inline-block;
 }
 .main_content {
    padding: 70px 0;
}
 .pro_det_b_bars_box{
	height: 71px;
	background:#f3f3f3;
	border-bottom: 6px solid #2b3aa1;
	margin-bottom: 60px;
}
.pro_det_b_bars{
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.pro_det_b_bars .item{
	width: 15%;
	height: 71px;
	padding: 23px 0 22px;
	line-height: 36px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-align: center;
	position: relative;
	top: -6px;
}
.pro_det_b_bars .item::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 64px;
}
.pro_det_b_bars .item.hover{
	background: url(/images/pro_det_icon1.png) no-repeat right 0px top;
	color: #fff;
}
.pro_det_b_bars .item.hover::after{
	display: none;
}
.pro_det_b_title{
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	justify-content:center;
	-ms-justify-content:center;
	-webkit-justify-content:center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items:center;
	margin-bottom: 30px;
}

.pro_det_b_title .tt{
	padding: 0 12px;
	font-size: 32px;
	color: #333;
	font-weight: bold;
}
.pro_det_b_title::before,
.pro_det_b_title::after{
	content: "";
	display: block;
	width:25%;
	height: 1px;
	background: #dcdcdc;
}
.pro_det_b_box2 table{
	width: 100%;
}
.pro_det_b_box2 table tr td{
	border: 1px solid #dcdcdc;
	padding: 8px 6px  !important;
	font-size: 14px;
}
.pro_det_b_box2 table tr:nth-child(1){
	background: #f5f5f5;
	font-weight: bold;
}
tr:nth-child(odd) {
  background-color: #f5f5f5;
}
.pro_det_b_box2 table tr td p{margin:0;}
/*分页*/
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #eee;
  color: #333;
  font-size: 16px;
  padding: 15px 20px;
  margin: 0 2px;
  border: none;
  line-height:100%
}
.pagination span {
	color: #333;
	font-size: 12px;
	padding: 7px 2px;
	margin: 0 2px;
	border-radius: 3px;
}
.pagination .active a {
  color: #fff;
  background: #123c96;
}
.pagination a:hover {
  color: #fff;
  background: #123c96;
  border: none;
}
.pagination a.page-num-current {
  color: #fff;
  background: #123c96;
  border: none;
}

 @media (max-width:1680px) {
.NyAboutus { margin-top: -50px; }
}
@media (max-width:1600px) {
.lyNy_AboutUs { padding: 70px 0 0; }
}
@media (max-width:1560px) {
    .contact-left {float: left;width: 750px;margin-left:80px;}

.NyTitle span { height: 52px; line-height: 52px; font-size: 56px; }
.NyTitle p { font-size: 34px; }
}
@media (max-width:1440px) {
.NyAboutus { margin-top: -45px; }
.lyNy_AboutUs { padding: 60px 0 0; }
.NyTitle span { height: 50px; line-height: 50px; font-size: 52px; }
.NyTitle p { font-size: 32px; }
}
@media (max-width:1366px) {
.NyTitle { margin: 0 auto 30px; }
.NyTitle span { height: 44px; line-height: 44px; font-size: 48px; }
.NyTitle p { height: 36px; line-height: 36px; font-size: 28px; }
.NyTitle i { height: 3px; }
}
@media (max-width:1280px) {
.NyAboutus { margin-top: -35px; }
.lyNy_AboutUs .lyNyAb_main { width: 94%; }
}
@media (max-width:1200px) {
.NyTitle { margin: 0 auto 20px; }
.NyTitle span { height: 44px; line-height: 44px; font-size: 40px; }
.NyTitle p { height: 32px; line-height: 32px; font-size: 24px; }
.NyTitle i { width: 56px; height: 3px; }
}

@media (max-width:1024px) {
.NyAboutus { margin-top: 0; }
.lyNy_AboutUs { padding: 40px 0 0; }
}
@media (max-width:920px) {
.NyAboutus { margin-top:0; }
}
@media (max-width:880px) {
.lyNy_AboutUs { padding: 30px 0 0; }
}
@media (max-width:767px) {
.NyAboutus { margin-top: 0; }
.NyTitle span { height: 32px; line-height: 32px; font-size: 34px; }
.NyTitle p { height: 30px; line-height: 30px; font-size: 22px; margin: -15px auto 10px; }
.NyTitle i { width: 48px; height: 2px; }
.txt_main{display:none}

.txt_main ul li{width:50%}
.txt_main ul li .text span{font-size:36px;line-height:40px}
.about_part3 .aboutPart3_main {width: 94%;}
.about_part3{padding:60px 0 45px}
.aboutPart3_main ul li{width:49%;margin:0 2% 15px 0;padding:30px 2%}
.aboutPart3_main ul li .aboutPart3_icon1,.aboutPart3_main ul li .aboutPart3_icon2,.aboutPart3_main ul li .aboutPart3_icon3,.aboutPart3_main ul li .aboutPart3_icon4{width:120px;height:120px}
.aboutPart3_main ul li .aboutPart3_icon1,.aboutPart3_main ul li .aboutPart3_icon2,.aboutPart3_main ul li .aboutPart3_icon3,.aboutPart3_main ul li .aboutPart3_icon4{background-size:120px}
.aboutPart3_main ul li:nth-child(4){margin:0 0 15px 0}
.aboutPart3_main ul li:nth-child(2n+2){margin:0 0 15px 0}
.aboutPart3_main ul li .aboutPart3_text{margin:0 auto}
.aboutPart3_main ul li .aboutPart3_text p{font-size:18px;font-weight:bold;}
.aboutPart3_main ul li .aboutPart3_text span{font-size:16px;width:80%;line-height:28px;max-height:56px;margin:20px auto 0}
.contact-left,.contact-right {width:100%;float: none;margin:0 auto;padding-right: 0px;}
.contact-left .tel {margin-bottom: 20px;font-size: 16px;}
.contact-left .tel strong {font-size: 24px;}
.contact-left li {font-size: 14px;background-size: 24px auto;padding-left: 30px;}
.contact-right {margin-top: 30px;}
.contact-right .tit img {height: 30px;}
.contact-right dt {width: 100%;}
.contact-right dt img{width:100px;}
.contact-right dd {margin-right: 15px;}
.contact-right dd h4 {font-size: 18px;}
.contact-right dd p {font-size: 14px;margin-top: 10px;}
.NyContactUs_Map { margin: 0px auto; padding: 0; }
.NyMap { height: 300px; }

.news_list_img{
        width: 100%;
        float: none;
    }
.news_list_text{width: 100%;
        float: none;}
.news_list_text .text {
    height: auto;
}
.news_list .page_r li{ max-width:100%; width:100%;}
.news_list .page_r li span:first-child{ max-width:100%; width:100%;}
.news_list .page_r li span:nth-of-type(2){ max-width:100%; padding:10px 2%; box-sizing:border-box;}
.news_list .page_r li span:first-child img{ height: auto; width:100%;}
.news_list .page_r li span:nth-of-type(2) time{ margin:5px 0px; display:block;}
.other_list p.next{ float:left;}



	
	

.pagebar .pagination {
}
.pagination a {
    float: left;
}
.pagebar .pagination .page-num,.pagebar .pagination .hidden-sm{display:none;}
}
.footer {background-color: #1e1d1d;color: #959595;padding-top:40px;}
.footer a {color: #959595;-webkit-transition: all 0.5s;transition: all 0.5s;}
.footer a:hover {color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.footer dl {float: left;margin: 0;width: 180px;}
.footer dt {font-size: 16px;color: #eae8e8;margin-bottom: 20px;}
.footer  * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.footer dd {margin: 0;}
.footer li a {display: block;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer li a:hover {-webkit-transform: translateX(10px);transform: translateX(10px);}
.footer .lx {width: 320px;}
.footer .lx .tel {color: #fff;font-family: Impact;font-size: 40px;}
.footer .lx p {margin: 10px 0 0;}
.footer .ewm {text-align:center;width:270px;}
.footer .ewm ul{display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;}
.footer .ewm li{float:left;}
.footer .ewm img{max-width:100px; max-height:100px; border-radius:5px;}

.footer-top {padding: 40px 0;background-color: #000;margin-bottom: 60px;}
.footer-top span {float: left;width: 190px;padding-left: 50px;line-height: 40px;font-size: 16px;color: #d0d0d0;background: no-repeat 0 center;}
.footer-top span.i1 {background-image: url(../images/icon1.png);}
.footer-top span.i2 {background-image: url(../images/icon2.png);}
.footer-top span.i3 {background-image: url(../images/icon3.png);}
.footer-top span.i4 {background-image: url(../images/icon4.png);}
.footer-top span.i5 {background-image: url(../images/icon5.png);}
.footer-copy {margin-top: 60px;border-top: 1px solid #363636;padding: 20px 0;color: #6a6a6a;}

.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: none;}
.footer-fix li {float: left;width: 25%;}
.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1 {background-image: url(../images/f_01.png);}
.footer-fix li i.i2 {background-image: url(../images/f_02.png);}
.footer-fix li i.i3 {background-image: url(../images/f_03.png);}
.footer-fix li i.i4 {background-image: url(../images/f_04.png);}


.header {
position: relative;
width: 100%;
display: inline-block; /* 包裹 img 高度 */
}

.header img {
width: 100%;
height: auto;
display: block;
}

/* 文字叠加在图片上 */
.content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: left;
color: white;
z-index: 2;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

.title {
font-size: 2.5rem;
font-weight: bold;

width:100%;
}

.subtitle {
font-size: 1rem;
margin-top: 10px;
text-transform: uppercase;
letter-spacing: 2px;
opacity: 0.9;
float:left;

}
.subtitle::before{content:'';background:#fff;height:3px;width:100%;display:block;margin-bottom:20px;opacity:1}
/* 导航栏：紧贴图片底部，靠左 */
.navbar {
width:90%;
position: relative;
background-color: #fff;
border-radius: 30px 30px 0 0;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 20px;
height: 80px;
margin:0 auto;
margin-top: -84px; /* 关键：向上移动自身高度，使底部与图片底部对齐 */
z-index: 10;
}

.nav-menu {
list-style: none;
display: flex;
gap: 40px;
margin-left: 30px;
}

.nav-menu li a {
text-decoration: none;
color: #333;
font-weight: bold;
font-size: 1.1rem;
position: relative;
padding-bottom: 10px;
transition: color 0.3s ease;
}

.nav-menu li a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 3px;
background-color: #123c96;
transition: width 0.4s ease-out;
}

.nav-menu li a:hover {
color: #123c96;
}

.nav-menu li a:hover::after,.nav-menu li a.cur::after {
width: 100%;
}
.nav-menu li a.cur{
	color: #123c96;
}

.location {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
color: #666;
font-size: 0.9rem;
}
location {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
color: #666;
font-size: 0.9rem;
display: flex;
align-items: center; 
gap: 8px; 
}

.location-icon {
width: 18px; 
height: auto;
display: inline-block;
}
@media (max-width: 768px) {
.header{ display:block}
.content{display:none;}
.title {
font-size: 2.2rem;
}

.subtitle {
font-size: 1rem;
}

.navbar {
flex-direction: column;
align-items: flex-start;
height: auto;
padding: 15px;
margin-top: 0px;
border-radius: 0px;
width:100%;
background: rgba(241, 242, 244, .7);
}

.nav-menu {
display:none;
gap: 20px;
margin-left: 10px;
margin-bottom: 10px;
}
.pro_det_b_box2{width:100%; overflow-x:auto}
.pro_det_b_box2 table {
    width: calc(100% - 40px);
    word-wrap: break-word;
}
.location {
position: static;
transform: none;
margin-top: 4px;
margin-bottom: 4px;
font-size: 0.85rem;
color: #777;
}
.footer-fix {display: block;}
}

@media (max-width: 480px) {
.title {
font-size: 1.8rem;
}

.nav-menu {
gap: 15px;
}
}

@media (max-width: 480px) {
.title {
font-size: 1.8rem;
}

.nav-menu {
gap: 15px;
}
}


@media all and (min-width:1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1300px;
	}
}
@media all and (min-width:1500px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px;
	}
}
@media all and (min-width:1600px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px;
	}
	.news_content{max-width: 1300px;padding:0;margin:0 auto;}
	.contact_content{
	    margin-bottom: 100px;
	}
}
@media screen and (max-width: 767px) {
    body {min-width: 320px;}
    .container {width: auto;}
    

    .contact_content{
	    margin-bottom: 50px;
	}

    .footer {padding-top: 30px;margin-bottom: 30px;}
    .footer dl {display: none;}
    .footer dt {margin-bottom: 10px;}
    .footer .lx {display: block;float: none;width: auto;}
    .footer .lx .tel {font-size: 30px;}
    .footer-top {display: none;}
    .footer-copy {padding: 15px 0;font-size: 12px;margin-top: 30px;}

    
}
.hero {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 40px;
      padding-top: 20px;
    }

    .hero-left,
    .hero-right {
      width: 100%;
      padding: 0 10px;
    }

    .hero-left img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      object-fit: cover;
    }

    .experience-badge {
      display:none;
      margin-top: 20px;
      background: white;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      text-align: center;
      width: 100%;
    }

    .experience-badge i {
      color: #123c96;
      font-size: 32px;
      margin-bottom: 10px;
    }

    .experience-badge h3 {
      font-size: 18px;
      font-weight: bold;
      color: #111;
      margin-bottom: 5px;
    }

    .experience-badge p {
      font-size: 14px;
      color: #333;
    }

    /* 默认隐藏右侧内容（手机端） */
    .hero-right {
      display: none;
    }

    /* Features List (only shown on desktop) */
    .features-list {
      list-style: none;
    }

    .features-list li {
      margin-bottom: 15px;
      display: flex;
      align-items: center;
      font-size:20px;
    }

    .features-list li::before {
      content: "✓";
      color: #fff;
      background: #123c96;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px;
      font-size: 14px;
      font-weight: bold;
    }

    .bigtitle {
      font-size: 30px;
      font-weight: bold;
      color: #123c96;
      margin-bottom: 20px;
    }

    .hero-text {
      color: #666;
      font-size: 16px;
      margin-bottom: 20px;
      line-height: 1.8;
    }

    /* Services Section */
    .services {
      background: white;
      border-top: 4px solid #123c96;
      padding: 30px 0;
      margin-top: 30px;
    }

    .services-grid {
      display: grid;
      grid-template-columns: 1fr; /* 手机端：1列 */
      gap: 25px;
      padding: 0 10px;
    }

    .service-item {
      display: flex;
      align-items: flex-start;
    }

    .service-icon {
      width: 50px;
      height: 50px;
      background: #123c96;
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px;
      flex-shrink: 0;
    }

    .service-icon img {
      max-width: 35px;
    }

    .service-content h3 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 8px;
    }

    .service-content p {
      color: #666;
      font-size: 14px;
    }

    /* Desktop Styles (768px and up) */
    @media (min-width: 768px) {
      .hero {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 80px;
        padding-top: 40px;
      }

      .hero-left {
        width: 50%;
        position: relative;
      }

      .hero-right {
        display: block;
        width: 45%;
      }

      .experience-badge {
        position: absolute;
        bottom: 100px;
        left: 50%;
        transform: translateX(-50%);
        width: 300px;
        margin-top: 0;
      }

      .services {
        margin-top: 50px;
        padding: 40px 20px;
      }

      .services-grid {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        gap: 40px;
        padding: 0;
      }
    }