/*全局样式*/

*:focus{outline:none;}
html{overflow-x:hidden; font-family: arial;}
body,a{color:#333;}


.empty{
 display: block;
 background: url(img/empty.png) no-repeat center;
 width: 100%;
 height: 300px;
}

.wrapper{width:1400px;}
.wrap-gray{background:#f5f5f5;}
.wrap-gray.p1{padding:70px 0;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:70px 0 20px 0;}
.wrap-white.p2{padding:30px 0 70px 0;}
.clear{ clear: both;}
/*头部样式*/

#header{position:sticky; top:0; z-index:999; height:80px; background:#313131; box-shadow:0 10px 10px -10px rgba(0,0,0,.08);}
#logo{left:0; top:20px; height:49px; overflow:hidden;}
#logo a{display:block;}
#nav{right:60px; top:0;}
#nav > ul{display:flex;}
#nav > ul > li{position:relative; margin-left:35px; text-align:center;}
#nav > ul > li:first-child{margin-left:0;}
#nav > ul > li > a{display:block; height:80px; line-height:80px; font-size:17px; overflow:hidden; color: #fff;}
#nav > ul > li:hover > a{color:#fff;border-bottom: 3px #fff solid;}
#nav > ul > li.current > a{ color:#fff; border-bottom: 3px #fff solid;}
#nav > ul > li ul{position:absolute; left:0; top:80px; transform:translate(0,20px); display:none; width:280px; padding:12px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.08); opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;}
#nav > ul > li:hover ul{display:block;}
@keyframes NavAnimation{100%{transform:translate(0,0); opacity:1;}}
#nav > ul > li ul li{height:38px; line-height:38px; font-size:15px; overflow:hidden; text-align: left;}
#nav > ul > li ul li a{display:block; padding:0 18px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.2s linear;}
#nav > ul > li ul li:hover a{color:#464646; transition:all 0.2s linear; font-weight: bold;}
#search-btn{width:22px; height:22px; right:0px; top:30px;background:url(img/search-icon.png) no-repeat center; cursor:pointer;}
#search-btn:hover{background-image:url(img/search-icon.png); transition:all 0.1s linear;}
#search{right:0; top:90px; z-index:98; display:none; height:64px; padding:10px; background:rgba(255,255,255,.5); box-shadow:0 0 10px rgba(0,0,0,.08); overflow:hidden;}
#search input{width:256px; height:44px; line-height:44px; padding:0 16px; border:none; border-radius:0; font-size:15px; color:#464646;}
#search input::-moz-placeholder{color:#999;}
#search input::-webkit-input-placeholder{color:#999;}
#search input::-ms-input-placeholder{color:#999;}
#search button{width:44px; height:44px; background:url(img/search-icon.png) no-repeat center #313131; background-size:20px 20px; border:none; border-radius:0;}

/*首页样式*/

/*#banner{width:100%; height:800px; overflow:hidden;}*/
/*#banner .swiper-wrapper{height:800px;}*/
/*#banner .swiper-slide{width:100%; height:800px;}*/
/*#banner .swiper-slide img{width:100%; height:800px;}*/




#banner .swiper-slide{width:100%;height:800px;color:#fff;overflow:hidden;}
#banner .swiper-slide video{ width:100%; height:100%;}

#banner .swiper-pagination{left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;}
#banner .swiper-pagination-bullet{width:50px; height:10px; margin:0 0 0 10px; background:#fff; border-radius:10px; cursor:pointer; opacity:0.4;}
#banner .swiper-pagination-bullet:first-child{margin-left:0;}
#banner .swiper-pagination-bullet-active{background:#fff;opacity:1;}
#banner .swiper-button-prev,#banner .swiper-button-next{top:50%; transform:translateY(-50%); width:16px; height:30px; margin:0; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:1;}
#banner .swiper-button-prev:after,#banner .swiper-button-next:after{display:none;}
#banner .swiper-button-prev{left:70px; background-image:url(img/prev.png);}
#banner .swiper-button-next{right:70px; background-image:url(img/next.png);}









#wrap-product{padding:20px 0 40px 0; background:#313131;}
.title{ justify-content: space-between; align-items: center; height: 60px; line-height: 60px;}
.title h2{font-size:40px; font-weight:bold; color:#fff; text-transform: uppercase; }
.title .more{ width: 130px; height: 40px; border:1px #fff solid;  border-radius: 5px; line-height: 40px; text-align: center; overflow: hidden; }
.title .more a{ display: block;text-transform: capitalize; font-size: 16px; color: #fff;}
.title .more a:hover{background: #fff;color: #333;}
.wrapper1{ width: 100%; padding: 0 60px;}
.product-list{ margin-top: 20px;}
.product-list ul{ display: flex; justify-content: space-between;gap:0 10px;}
.product-list ul li{ width: 17%;}
.product-list ul li .product-img{width: 100%; height: auto; border-radius: 20px; overflow: hidden;}
.product-list ul li .product-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.product-list ul li:hover .product-img img{transform: scale(1.1); transition: 0.5s all;}
.product-list ul li span{ font-size: 18px; line-height: 24px;padding-top: 10px; display: block; color: #fff;}
#wrap-cpfl{ background: #282828; padding: 40px 0;}
.title1{text-align: center;}
.title1 h2{font-size:40px; font-weight:bold; color:#fff; text-transform: uppercase; }
.cpfl-list{ margin-top: 60px; }
.cpfl-list ul{ display: flex; justify-content: space-between;gap:0 25px;}
.cpfl-list ul li{ width:32%; height: 440px; background: #d2d2d2; border-radius: 20px; overflow: hidden;padding:0 0 30px 0; position: relative;}
.cpfl-list ul li .cpfl-img{ width: 100%; height: 380px; display: flex; align-items: center; justify-content: center;transition: 0.5s all;}
.cpfl-list ul li .cpfl-img img{
 height: 210px;width: auto;
}
.cpfl-list ul li span{ font-size: 20px; font-weight: bold; color: #333; display: block; text-align: center;}
.cpfl-list ul li section{ padding: 0 30px;overflow: hidden;transition: 0.3s all; position: absolute; bottom:-120px; 
}
.cpfl-list ul li section h3{font-size: 20px; font-weight: bold; color: #333;}
.cpfl-list ul li section p{font-size: 15px;color: #666; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 22px;margin: 10px 0;}
.cpfl-list ul li section .cpfl-more{ width: 110px; height: 32px; line-height: 32px; text-align: center; font-size: 15px; text-transform: capitalize; border:1px #b5b5b5 solid; border-radius: 3px;}
.cpfl-list ul li section .cpfl-more:hover{ background: #282828; color: #fff;border:1px #282828 solid;}
.cpfl-list ul li:hover section{bottom:30px; transition: 0.3s all; }
.cpfl-list ul li:hover span{display: none;}
.cpfl-list ul li:hover .cpfl-img{ margin-top: -50px;transition: 0.3s all;}


#wrap-solution{background: #313131; padding: 40px 0 0 0;}
.solution{width: 100%; margin-top: 30px;}
.solution ul{ display: flex;gap:0; justify-content: space-between;}
.solution ul li{ width: 17%; height: 620px;transition: 0.8s all; overflow: hidden; border-radius: 0px;}
.solution ul li .box{ width: 100%; height: 100%; padding:30px;}
.solution ul li .box .tt{ margin-top: 520px;transition: 0.8s all;}
.solution ul li .box h4{ font-size: 20px; color: #fff; text-align:center; font-weight: bold;}
.solution ul li .box section{ display: none;margin-top: 10px;}
.solution ul li .box p{ font-size: 16px; color: #fff; line-height: 30px; overflow: hidden; position: relative;
 padding-left: 15px;}
 .solution ul li .box p:before{ content: ''; width: 5px; height: 5px; background: #fff; border-radius: 20px; position: absolute; left: 0; top: 10px;}
.solution ul li .box a{ display: none;}
.solution ul li.on{ width: 49%;transition: 0.8s all;}
.solution ul li.on .box{ padding: 50px;}
.solution ul li.on .box section{display: block;}
.solution ul li.on .box .tt{ margin-top: 260px; transition: 0.8s all; width: 100%;}
.solution ul li.on .box h4{ font-size: 40px; color: #fff; text-align:left; font-weight: bold;}
.solution ul li.on .box a{display:block;; margin-top: 20px; width: 140px; height: 40px; line-height: 40px; color: #333;  font-size: 16px; text-align: center; border-radius: 6px; background: #fff; text-transform: capitalize;}
.solution ul li .box a:hover{ background:#282828; color: #fff;}
#wrap-about{ background:#313131; padding: 40px 0;}
#wrap-about .about{ display: flex; justify-content: space-between; margin-top: 30px; align-items: center;}
#wrap-about .about .left{ flex: 1;}
#wrap-about .about .left .about-cont p{font-size: 18px; line-height: 26px; color: #f5f5f5;margin-bottom: 10px;}
#wrap-about .about .left .about-more{width: 130px; height: 40px; line-height: 40px; text-align: center; border:1px #fff solid; margin-top: 30px; overflow: hidden; border-radius: 5px;}
#wrap-about .about .left .about-more a{ display: block;font-size: 15px; text-transform: capitalize; color: #fff;  }
#wrap-about .about .left .about-more:hover{ background: #fff;}
#wrap-about .about .left .about-more:hover a{ color: #333;}
#wrap-about .about .right{ width: 700px; height: 420px; overflow: hidden; margin-left: 50px;}
#wrap-about .about .right img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#wrap-about .about .right:hover img{ transform: scale(1.1); transition: 0.5s all;}

#wrap-news{background: #f5f5f5; padding: 40px 0;}
#wrap-news .title1 h2{ color: #333;}
#wrap-news .news-list{ margin-top: 40px;}
#wrap-news .news-list ul{ display: flex; justify-content: space-between; gap:0 20px;}
#wrap-news .news-list ul li{ background: #fff;}
#wrap-news .news-list ul li .news-img{ width: 100%; height:240px; overflow: hidden;}
#wrap-news .news-list ul li .news-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#wrap-news .news-list ul li:hover .news-img img{ transform: scale(1.1); transition: 0.5s all;}
#wrap-news .news-list ul li section{ padding: 20px;}
#wrap-news .news-list ul li section h3{ font-size: 22px; line-height: 26px; font-weight: bold; color: #333;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#wrap-news .news-list ul li section p{ font-size: 16px; line-height: 20px; color: #666;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 10px 0 20px 0;}
#wrap-news .news-list ul li section span{ display: block; width: 110px; height: 34px; border: 1px #b5b5b5 solid;text-align: center; line-height: 34px; font-size: 14px; color: #666; text-transform: capitalize; border-radius: 3px; }
#wrap-news .news-list ul li:hover section span{ background: #313131; border: 1px #313131 solid; color: #fff;}
#wrap-news .news-more{ width: 180px; height: 50px; line-height: 50px; margin: 40px auto 0 auto; }
#wrap-news .news-more a{background: #313131; border-radius: 5px; display: flex; gap:0 15px; align-items: center; justify-content: center; color: #fff; font-size: 16px; text-transform: capitalize;}
#wrap-news .news-more a img{ display: block;  }
#wrap-news .news-more a:hover{ background: #282828;}
.sy-message{ background:#282828; padding:60px 0;}
.sy-message .ny-contact-form{ margin-top: 40px;}
.sy-message .ny-contact-form ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.sy-message .ny-contact-form ul li{ width: 49%; border: 1px #535353 solid; height: 50px; line-height: 50px; margin-bottom: 20px;}
.sy-message .ny-contact-form ul li input.t1{ width: 100%; height: 48px; font-size: 16px; color: #999; border: 0;background: none;padding: 10px;}
.sy-message .ny-contact-form ul li:last-child{ width: 100%; height: 150px;}
.sy-message .ny-contact-form ul li:last-child textarea{width: 100%; height: 150px;font-size: 16px; color: #999; border: 0;background: none;padding: 10px;}
.sy-message .ny-contact-form button.b1{ width: 170px; height: 50px; line-height: 50px; color: #333; font-size: 18px; text-align: center; margin: 20px auto 0 auto; display: block; background: #fff; border:0; border-radius: 5px; cursor: pointer;}


#footer{ background: #313131; padding: 40px 0;}
#footer .wrapper{ display: flex; justify-content: space-between;}
#footer .footer-left{ flex: 1;}
#footer .footer-left .f-nav{ border-bottom: 1px #464646 solid; padding-bottom: 20px; max-width: 1000px;}
#footer .footer-left .f-nav ul{ display:flex; justify-content:space-between;}
#footer .footer-left .f-nav ul li{ }
#footer .footer-left .f-nav ul li span{ display:block; height:30px; line-height:30px;}
#footer .footer-left .f-nav ul li span:nth-child(1){ margin-top:10px;}
#footer .footer-left .f-nav ul li a{ color: #fff; font-size: 16px; padding-right: 35px;text-transform: uppercase; display:block; margin-bottom:10px;}
#footer .footer-left .f-nav ul li a:hover{ color: #999;}
#footer .footer-left .f-nav ul li a:last-child{ padding-right: 0;}

#footer .footer-left .f-nav ul li span a{ font-size:14px;padding-right: 0px;color: #999;text-transform: inherit;margin-bottom:0px;}
#footer .footer-left .f-nav ul li span a:hover{ color: #fff;}




#footer .footer-left .f-contact{ margin-top: 20px;}
#footer .footer-left .f-contact p{ color: #fff; line-height: 26px; font-size: 15px;}
#footer .footer-right{ width: 356px; text-align: right;}
#footer .footer-right span{ display: block;}
#footer .footer-right span a{ font-size: 14px; color: #fff; text-decoration: underline;}
#footer .footer-right .f-meiti{ margin: 40px 0; display: flex; gap:0 10px; justify-content:end;}
#footer .footer-right .f-meiti em img{ width: 25px; height: 25px;}
#copyright{ font-size: 14px; color: #fff;}
	
/*内页样式*/	
.ny-banner{ height: 390px;}
.ny-banner .ny_banner_txt{display: flex; height: 390px;justify-content: center;flex-direction: column; }
.ny-banner .ny_banner_txt h2{ font-size: 52px; color: #fff;font-family:"arial black"; font-weight: bold;text-transform:capitalize;}
.ny-banner .ny_banner_txt h3{ font-size: 18px;color: #fff;font-family:'arial'; width: 56%; margin-top: 10px; }
#ny-product{ background: #313131; padding: 40px 0;}
#ny-product .title1 p{ font-size: 18px; line-height: 34px; color: #fff; width:88%; text-align: center;margin: 20px auto 0 auto;}
#ny-product-fl{ background: #282828; padding: 40px 0;}
#ny-product-fl ul li{ border-radius:20px; overflow: hidden; width: 100%; height:480px;overflow: hidden; margin-bottom: 40px;}
#ny-product-fl ul li .product-fl-cont{ display: flex; justify-content: space-between;padding: 80px; align-items: center;}
#ny-product-fl ul li:nth-child(1) .product-fl-cont{ width: 100%; height: 100%; background: url(../images/product-bg1.png) no-repeat 0 0; background-size: 100% 100%;transition: background-size 0.5s ease; }
#ny-product-fl ul li:nth-child(2) .product-fl-cont{ width: 100%; height: 100%; background: url(../images/product-bg2.png) no-repeat 0 0; background-size: 100% 100%;transition: background-size 0.5s ease; }
#ny-product-fl ul li:nth-child(3) .product-fl-cont{ width: 100%; height: 100%; background: url(../images/product-bg3.png) no-repeat 0 0; background-size: 100% 100%;transition: background-size 0.5s ease; }
#ny-product-fl ul li:nth-child(3){ margin-bottom: 0;}
#ny-product-fl ul li .left{ flex: 1; padding-right: 50px;}
#ny-product-fl ul li .left h3{ font-size: 35px; color: #fff; }
#ny-product-fl ul li .left em{ display: block; width: 40px; height: 3px; background: #fff; margin: 20px 0;}
#ny-product-fl ul li .left p{ font-size: 18px; line-height: 30px; color: #fff; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4;}
#ny-product-fl ul li .left .p-more{ margin-top: 30px;}
#ny-product-fl ul li .left a{ display: block; width:130px; height: 40px; text-align: center; line-height: 40px; border:1px #fff solid ;border-radius: 5px; color: #fff; font-size: 16px; text-transform: capitalize;}
#ny-product-fl ul li .left a:hover{ background: #fff; color: #333;}
#ny-product-fl ul li .right{ width: 450px; text-align: center;}
#ny-product-fl ul li:hover .product-fl-cont{background-size: 110% 110%;}

#mbx-nav{ background: #313131; height: 52px; line-height: 52px;}
#mbx-nav .wrapper{ display: flex; align-items: center; gap:0 10px;}
#mbx-nav .wrapper em img{ width: 14px; display: block;}
#mbx-nav .wrapper .mbx-nav-cont{ color: #b6b6b6;}
#mbx-nav .wrapper .mbx-nav-cont span{ color: #b6b6b6; text-transform: capitalize;}
#mbx-nav .wrapper .mbx-nav-cont a{ color: #fff;text-transform: capitalize;}
#mbx-nav .wrapper .mbx-nav-cont a:hover{ color: #b6b6b6; }

#ny-product-list{ background: #282828; padding: 20px 0;}
#ny-product-list .wrapper{ display: flex; justify-content: space-between;}
#ny-product-list .wrapper .left{ width: 320px;}
#ny-product-list .wrapper .left .left-nav ul li{height: 60px; line-height: 60px; margin-bottom: 2px; background: #313131;}
#ny-product-list .wrapper .left .left-nav ul li a{ display: flex; justify-content: space-between; font-size: 16px; font-weight: bold; padding: 0 20px; color: #fff; align-items: center;}
#ny-product-list .wrapper .left .left-nav ul li.cur{ background: #fff;}
#ny-product-list .wrapper .left .left-nav ul li.cur a{ color: #333;}
#ny-product-list .wrapper .left .left-nav ul li.cur a em{ background: url(img/more1.png) no-repeat 0 0; }
#ny-product-list .wrapper .left .left-nav ul li:hover{ background: #fff;}
#ny-product-list .wrapper .left .left-nav ul li:hover a{ color: #333;}
#ny-product-list .wrapper .left .left-nav ul li:hover a em{ background: url(img/more1.png) no-repeat 0 0; }
#ny-product-list .wrapper .left .left-nav ul li a em{ background: url(img/more.png) no-repeat 0 0; width:12px; height: 11px;}
#ny-product-list .wrapper .left .left-hot{ background: #313131; width: 100%; padding: 20px; margin-top: 10px;}
#ny-product-list .wrapper .left .left-hot h3{ font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 20px;}
#ny-product-list .wrapper .left .left-hot ul li{ margin-top: 10px;}
#ny-product-list .wrapper .left .left-hot ul li a{display: flex; justify-content: space-between; align-items: center;}
#ny-product-list .wrapper .left .left-hot ul li .img{ width: 100px; height: 100px; overflow: hidden;}
#ny-product-list .wrapper .left .left-hot ul li .img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} 
#ny-product-list .wrapper .left .left-hot ul li:hover .img img{transform: scale(1.1); transition: 0.5s all;}
#ny-product-list .wrapper .left .left-hot ul li .title{ flex: 1; padding-left: 20px; color: #fff; font-size: 16px; line-height: 24px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; height: auto;}
#ny-product-list .wrapper .left .left-hot ul li:hover .title{color: #b6b6b6;}
#ny-product-list .wrapper .right{ flex: 1; margin-left: 40px;}
#ny-product-list .wrapper .right .product-fl-name{ font-size: 24px; color: #fff; border-bottom: 1px #959595 solid; height: 60px; line-height: 60px;}
#ny-product-list .wrapper .right .product-fl-list{ margin-top: 20px;}
#ny-product-list .wrapper .right .product-fl-list ul{ display: flex; gap:20px; flex-wrap: wrap;}
#ny-product-list .wrapper .right .product-fl-list ul li{ width: 23.3%;}
#ny-product-list .wrapper .right .product-fl-list ul li .c-img{ width: 100%; height: 270px; overflow: hidden;}
#ny-product-list .wrapper .right .product-fl-list ul li .c-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#ny-product-list .wrapper .right .product-fl-list ul li:hover .c-img img{ transform: scale(1.1); transition: 0.5s all;}
#ny-product-list .wrapper .right .product-fl-list ul li h3{ font-size: 16px; font-weight: bold; line-height: 18px; margin: 10px 0; color: #fff;}
#ny-product-list .wrapper .right .product-fl-list ul li p{ font-size: 15px; line-height: 20px; color: #b6b6b6;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#ny-product-list .wrapper .right .product-fl-list ul li:hover h3{color: #b6b6b6;}

.weo-page{margin:50px 0 20px 0;}
/*.weo-page a{min-width:32px; height:32px; line-height:32px; margin-left:10px; padding:0; border-color:#ccc; font-size:14px; color:#666;display: flex; align-items: center; border-radius: 5px; justify-content: center;}*/
/*.weo-page a:hover{border-color:#313131; color:#313131;}*/
/*.weo-page a.count{border-color:#313131; color:#666;}*/
/*.weo-page a.weo-page-on{background:#313131; border-color:#313131; color:#fff;}*/

#pageinfo { text-align: center;margin-bottom: 10px; margin-top: 0px;}
.digg {padding-top: 30px;display: inline-block !important;}
.digg li{
   width: 32px !important;
   height: 32px;
   line-height: 32px;
   display:inline-block;
   padding: 0px !important;
   margin:0 4px;
   background:#fff;
   border:1px solid #d6d6d6 !important;
   border-radius:5px;
   font-size:14px;
   color:#767676;
}
.digg .page-item a{min-width: 30px;border: none;padding: 0px;height: 30px;line-height: 30px;display: block !important;overflow: inherit;}
.digg .page-item:hover {background: #313131; color: #fff;}
.digg .page-item:hover a{ color: #313131; cursor:pointer;}
.digg .page-item a:active {background-color: #313131;color:#fff;}
.digg li.active {display: inline-block; width: 31px;height: 31px;line-height: 30px;background-color: #313131;color: #fff;text-decoration: none;}
.digg .page-item span{
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    margin-top: 0px;
    color: unset;
}

#ny-product-xq{ background: #282828; padding: 30px 0;}
#ny-product-xq .wrapper{ display: flex; justify-content: space-between;}
#ny-product-xq .left{ width: 600px;position:relative;}
#ny-product-xq .left .swiper-button-prev,#ny-product-xq .left .swiper-button-next{top:470px; width:20px; height:77px; margin:0; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:1;}
#ny-product-xq .left .swiper-button-prev:after,#ny-product-xq .left .swiper-button-next:after{display:none;}
#ny-product-xq .left .swiper-button-prev{left:0px; background-image:url(img/xq-jt2.jpg);}
#ny-product-xq .left .swiper-button-next{right:0px; background-image:url(img/xq-jt1.jpg);}
#projects-slide{width:600px; height:460px; overflow:hidden;}
#projects-slide .swiper-container{width:600px; height:460px; overflow:hidden;}
#projects-slide .swiper-wrapper{height:460px;}
#projects-slide .swiper-slide{width:600px; height:460px; overflow:hidden;}
#projects-slide .swiper-slide img{width:600px; height:460px;}
#projects-thumb{width:540px; height:77px; margin:10px auto;}
#projects-thumb .swiper-container{width:540px; height:77px; overflow:hidden;}
#projects-thumb .swiper-wrapper{height:77px;}
#projects-thumb .swiper-slide{width:100px; height:77px; cursor:pointer; overflow:hidden;}
#projects-thumb .swiper-slide img{width:100px; height:77px;}
#projects-thumb .swiper-slide-thumb-active{border:3px solid #959595; }
#ny-product-xq .right{ flex: 1; margin-left: 80px;}
#ny-product-xq .right h3{ font-size: 30px; line-height: 40px; font-weight: bold; color: #fff; margin-top: 20px;}
#ny-product-xq .right section{ margin-top: 20px;}
#ny-product-xq .right p{ font-size: 16px; line-height: 30px; color: #fff;}
#ny-product-xq .right .p-contact{ margin-top: 30px;}
#ny-product-xq .right .p-contact a{ display:flex; width: 210px; height: 50px; line-height: 50px; background: #fff; border-radius: 50px; justify-content: center;gap:0 10px; align-items: center; font-size:20px; font-weight: bold; text-transform: uppercase;}
#ny-product-xq .right .p-contact a em{ background: url(img/pho.png) no-repeat; width: 19px; height: 22px; display: block;}

.ny-product-Key{ padding: 40px 0;}
.ny-product-Key .title1 h2{ color: #282828;}
.ny-product-Key .product-Key-cont{ margin-top: 30px;}
.ny-product-Key .product-Key-cont ul{ display: flex; gap:15px 25px; flex-wrap: wrap;}
.ny-product-Key .product-Key-cont ul li{ background: #ececec; padding: 30px; width: 32%;}
.ny-product-Key .product-Key-cont ul li .Key-img{ width:80px; height: 80px; display: flex; align-items: center;}
.ny-product-Key .product-Key-cont ul li .Key-img img{max-width: 100%; height: auto;}
.ny-product-Key .product-Key-cont ul li h3{ font-size: 20px; font-weight: bold; color: #282828; margin: 10px 0;}
.ny-product-Key .product-Key-cont ul li p{ font-size: 16px;color: #666; line-height: 24px;}
.ny-product-Key .product-Key-cont ul li:hover .Key-img img{ transform: rotateY(360deg); transition: 0.5s all;}
.ny-product-jscs{padding: 40px 0; background: #282828;}
.ny-product-jscs .title1 h2{ color: #fff;}
.ny-product-jscs .jscs-table{ margin-top: 40px; border-top:1px #7d7d7d solid ;}
 
.ny-product-jscs .jscs-table  table {
    background: none;
    border-collapse: collapse;
    width: 100%;
    color: #fff;
    font-size: 18px;
}
.ny-product-jscs .jscs-table  th, .ny-product-jscs .jscs-table td {
    border: 1px solid #7d7d7d;
    padding: 10px 20px;
    text-align: left;
}
.ny-product-jscs .jscs-table  th span, .ny-product-jscs .jscs-table td span{
    display: block;
}
.ny-product-jscs .jscs-table  th {
    /*background-color: #f2f2f2;*/
}

.ny-product-jscs .jscs-table  td:nth-child(1){ text-align:left;}
.ny-product-jscs .jscs-table  td:last-child{ text-align:right;}
.ny-product-jscs .jscs-table ul li{ display: flex; justify-content: space-between; padding: 20px 0;border-bottom:1px #7d7d7d solid ;}
.ny-product-jscs .jscs-table ul li .left{ width: 50%; color: #fff; font-size: 20px; }
.ny-product-jscs .jscs-table ul li .right{ width: 50%; color: #fff; font-size: 20px;  text-align: right;}
.ny-product-jscs .jscs-table ul li .right span{ display: block; line-height: 30px;}
.ny-product-outline{padding: 40px 0; background:#282828;}
.ny-product-outline .title1 h2{ color: #fff;}
.ny-product-outline .outline-cont{ text-align: center; margin-top: 40px;}
.ny-product-outline .outline-cont img{ max-width: 100%; height: auto;}
.ny-product-applick{padding: 40px 0; background: #282828;}
.ny-product-applick .title1 h2{ color: #fff;}
.ny-product-applick .applick-list{ margin-top: 40px;}
.ny-product-applick .applick-list ul{ display: flex; justify-content: space-between;gap:0 20px;}
.ny-product-applick .applick-list ul li{ width: 25%;}
.ny-product-applick .applick-list ul li .app-img{ width: 100%; height: 220px; overflow: hidden;}
.ny-product-applick .applick-list ul li .app-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.ny-product-applick .applick-list ul li:hover .app-img img{ transform: scale(1.1); transition: 0.5s all;}
.ny-product-applick .applick-list ul li h3{ padding: 10px 0; font-size: 18px; line-height:24px; color: #fff;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 54px; }
.ny-product-applick .applick-list ul li p{ padding: 10px 0; font-size: 16px;  color: #b6b6b6;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height:24px;}
.ny-product-applick .applick-list ul li:hover p{ color: #fff;}
.ny-product-cptj{ padding:60px 0;}
.ny-product-cptj .title1 h2{ color: #282828;}
.ny-product-cptj .cptj-list{ margin-top:40px;}
.ny-product-cptj .cptj-list ul{display:flex; gap:0 20px;}
.ny-product-cptj .cptj-list ul li{ width:25%; background:#f5f5f5; padding:10px;}
.ny-product-cptj .cptj-list ul li .c-img{ width:100%; height:245px; overflow:hidden;}
.ny-product-cptj .cptj-list ul li .c-img img{ width:100%; height:100%;transition:0.5s all; transform:scale(1.0);}
.ny-product-cptj .cptj-list ul li:hover .c-img img{ transition:0.5s all; transform:scale(1.1);}
.ny-product-cptj .cptj-list ul li h3{ background:#f5f5f5; font-size:16px; font-weight:bold; color:#282828; line-height:24px; padding:20px 10px 10px 10px;}
.ny-product-cptj .cptj-list ul li:hover h3{ color:#666;}


.message-form{ margin-top: 40px;}
.message-form ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.message-form ul li{ width: 49%; border: 1px #dcdcdc solid; height: 50px; line-height: 50px; margin-bottom: 20px;}
.message-form ul li input.t1{ width: 100%; height: 48px; font-size: 16px; color: #999; border: 0;background: none;padding: 10px;}
.message-form ul li:last-child{ width: 100%; height: 150px;}
.message-form ul li:last-child textarea{width: 100%; height: 150px;font-size: 16px; color: #999; border: 0;background: none;padding: 10px;}
.message-form button.b1{ width: 170px; height: 50px; line-height: 50px; color: #333; font-size: 18px; text-align: center; margin: 20px auto 0 auto; display: block; background: #fff; border:0; border-radius: 5px; cursor: pointer;}

.ny-about{ background: #282828; padding: 50px 0;}
.ny-about .ny-about-company{ border-bottom:1px #3e3e3e solid; padding-bottom: 50px;}
.ny-about .ny-about-company .ny-about-js p{ font-size: 18px; color: #fff; line-height: 30px; margin-top: 20px;}
.ny-about .ny-about-adva{ margin-top: 50px;}
.ny-about .ny-about-adva ul{ display: flex; flex-wrap: wrap; gap:20px; margin-top: 40px;}
.ny-about .ny-about-adva ul li{ width: 48%; background: #313131; padding: 20px; display:flex;}

.ny-about .ny-about-adva ul li .adva-icon1{ height:220px; margin-right:25px; overflow:hidden;}
.ny-about .ny-about-adva ul li .adva-icon1 img{ width: auto; max-height: 100%; transform:scale(1.0);  transition:0.5s all;}
.ny-about .ny-about-adva ul li section{ flex:1;}
.ny-about .ny-about-adva ul li h3{ font-size: 20px; color: #fff; margin:20px 0 10px 0;}
.ny-about .ny-about-adva ul li p{ font-size: 15px; line-height:20px;color: #fff; }
.ny-about .ny-about-adva ul li:hover .adva-icon1 img{transform:scale(1.1); transition: 0.5s all;}
.ny-about-mission{ background: #313131; padding: 40px 0 0 0;position: relative;height: 640px;}
.ny-about-mission .mission-cont{position: relative;z-index: 2; display: flex; justify-content: space-between;height: 524px; align-items: center; margin-top: 30px;}
.ny-about-mission .mission-cont .left-mission{ width: 45%;height: 100%;display: flex; flex-direction: column;justify-content: center;}
.ny-about-mission .mission-cont .right-vision{ width: 45%;height: 100%;display: flex; flex-direction: column;justify-content: center;}
.ny-about-mission .mission-cont .left-mission h3{ font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 20px;}
.ny-about-mission .mission-cont .left-mission p{ font-size: 20px;color: #fff; line-height: 30px;}
.ny-about-mission .mission-cont .right-vision h3{ font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 20px;}
.ny-about-mission .mission-cont .right-vision p{ font-size: 20px;color: #fff; line-height: 30px;}
.ny-about-mission .mission-img{width: 100%; height: 524px;position: absolute;top:115px;left: 0; display: flex; justify-content: center; z-index: 1; min-width: 1280px;}
.ny-about-mission .mission-img .left{ width:50%; height: 100%; overflow: hidden;}
.ny-about-mission .mission-img .left img{ width:100%; height: 100%;transform: scale(1.0); transition: 0.5s all;}
.ny-about-mission .mission-img .left:hover img{ transform: scale(1.1); transition: 0.5s all;}
.ny-about-mission .mission-img .right{ width:50%; height: 100%;overflow: hidden;}
.ny-about-mission .mission-img .right img{ width:100%; height: 100%;}
.ny-about-mission .mission-img .right img{ width:100%; height: 100%;transform: scale(1.0); transition: 0.5s all;}
.ny-about-mission .mission-img .right:hover img{ transform: scale(1.1); transition: 0.5s all;}
.ny-solution{ background: #282828; padding: 40px 0;}
.ny-solution .ny-solution-item{ background: #313131; margin-bottom: 20px; display: flex; justify-content: space-between;}
.ny-solution .ny-solution-item .ny-solution-img{ width:700px; height: 580px; overflow:hidden;}
.ny-solution .ny-solution-item .ny-solution-img img{ width:100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.ny-solution .ny-solution-item .ny-solution-cont{ padding: 40px; flex: 1;}
.ny-solution .ny-solution-item .ny-solution-cont h3{ font-size: 30px; font-weight: bold; color: #fff; }
.ny-solution .ny-solution-item .ny-solution-cont ul li{ margin-top: 20px;}
.ny-solution .ny-solution-item .ny-solution-cont ul li h4{ font-size: 18px; color: #fff; position: relative; padding-left: 15px; margin-bottom: 8px;}
.ny-solution .ny-solution-item .ny-solution-cont ul li h4:before{ content: ''; width: 6px; height: 6px; border-radius: 50px; background: #fff; position: absolute; left: 0; top: 8px;}
.ny-solution .ny-solution-item .ny-solution-cont ul li p{ font-size: 16px; color: #999; padding-left: 15px; line-height: 22px;}
.ny-solution .ny-solution-item:hover .ny-solution-img img{transform: scale(1.1); transition: 0.5s all;}
.ny-solution .ny-solution-item-c{flex-direction: row-reverse;}

.ny-news{ padding: 40px 0; background: #282828;}
.ny-news .wrapper{ display: flex; justify-content: space-between;}
.ny-news .wrapper .left{ flex: 1; margin-right: 40px;}
.ny-news .wrapper .left ul li{ border: 1px #3e3e3e solid; padding: 10px; margin-bottom: 20px; }
.ny-news .wrapper .left ul li a{display:flex; justify-content: space-between; }
.ny-news .wrapper .left ul li .left-img{ width: 280px; height: 220px; overflow: hidden;}
.ny-news .wrapper .left ul li .left-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.ny-news .wrapper .left ul li:hover .left-img img{ transform: scale(1.1); transition: 0.5s all;}
.ny-news .wrapper .left ul li section{flex: 1; margin-left:30px;}
.ny-news .wrapper .left ul li section h3{ font-size: 18px; color: #fff; line-height: 24px; font-weight:bold; margin-top: 10px;}
.ny-news .wrapper .left ul li section .time{ font-size: 15px; color: #999; background: url(img/rili.png) no-repeat 0 center; padding-left: 20px; margin: 10px 0 10px 0;}
.ny-news .wrapper .left ul li section p{ font-size: 16px; color: #b6b6b6; line-height: 24px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.ny-news .wrapper .left ul li section .news-more1{ background: #fff; width: 120px; height: 30px; text-align: center; line-height: 30px; margin-top: 30px; text-transform: uppercase; font-size: 14px;color: #333;}
.ny-news .wrapper .left ul li:hover{border: 1px #fff solid;}
.ny-news .wrapper .right{ width: 340px; }
.ny-news .wrapper .right-news{ width: 100%; background: #313131; padding:20px;}
.ny-news .wrapper .right h3{ font-size: 24px; font-weight: bold; color: #fff; border-bottom: 1px #434343 solid; text-transform: uppercase; padding-bottom: 10px;}
.ny-news .wrapper .right ul{ margin-top: 20px;}
.ny-news .wrapper .right ul li{border-bottom: 1px #434343 dashed; padding-bottom: 10px; margin-bottom: 10px;}
.ny-news .wrapper .right ul li a{ display: block; color: #fff; font-size: 15px; line-height: 20px; background: url(img/news-jt.png) no-repeat 0 5px;padding-left: 15px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ny-news .wrapper .right ul li a:hover{ color: #b6b6b6;}

#article-title{line-height:40px; font-size:30px; text-align:left; font-weight: bold; color: #fff;}
#article-info{height:18px; line-height:18px; margin-top:10px; font-size:15px; text-align:left; color:#999; background: url(img/rili.png) no-repeat 0 center; padding-left: 20px; }
#article{min-height: 400px;line-height:24px; margin-top:30px; padding-top:30px; border-top:1px dashed #dcdcdc; font-size:16px; color:#fff; }
#article p{font-family:'arial'!important;}
#prev-next{ margin-top:44px;background: #313131; overflow:hidden; padding:20px; border-radius: 10px;}
#prev-next a{width:100%; height:30px; line-height:30px; font-size:16px; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display: block;}
#prev-next a span{ text-transform: uppercase; color:#fff;}
#prev-next a:hover{color:#fff;}
.ny-support-js{ background: #282828; padding: 30px 0;}
.ny-support-js p{ font-size: 16px; line-height: 24px; color: #fff;}
.ny-support-inn{background: #313131; padding: 40px 0;}
.ny-support-inn h3{ font-size: 24px; line-height: 24px; font-weight: bold; color: #fff; margin-bottom: 20px;}
.ny-support-inn section p{ font-size: 16px; line-height: 24px; color: #fff; margin-top: 10px;}
.ny-support-inn .support-inn-img{ margin-top: 20px;}
.ny-support-inn .support-inn-img ul{ display: flex; justify-content: space-between;gap:0 20px}
.ny-support-inn .support-inn-img ul li{ width:32%; height: 342px; overflow: hidden;}
.ny-support-inn .support-inn-img ul li img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.ny-support-inn .support-inn-img ul li:hover img{transform: scale(1.1); transition: 0.5s all;}
.ny-support-vision{background: #282828; padding: 40px 0;}
.ny-support-vision .support-oem{ padding-bottom: 30px;}
.ny-support-vision .support-oem h3{font-size: 24px; line-height: 24px; font-weight: bold; color: #fff; margin-bottom: 20px;}
.ny-support-vision .support-oem p{font-size: 16px; line-height: 24px; color: #fff; }
.ny-support-vision .support-oem h4{font-size: 16px; color: #fff; font-weight: bold; margin-top: 20px; }
.ny-support-vision .support-oem ul{ margin-top: 30px; display: flex; }
.ny-support-vision .support-oem ul li{ width: 20%; text-align: center;}
.ny-support-vision .support-oem ul li .support-oem-icon{ width: 100px; height: 100px; border: 2px #959595 solid; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.ny-support-vision .support-oem ul li:hover .support-oem-icon{ transform: rotateY(360deg); transition: 0.5s all;}
.ny-support-vision .support-oem ul li span{ font-size: 16px; line-height: 18px; display: block; margin-top: 20px; color: #fff; padding: 0 20px;}
.support-after{ border-top:2px #313131 solid; padding-top: 30px;}
.ny-resource{background: #282828; padding: 40px 0;}
.ny-resource ul{ display: flex; flex-wrap: wrap;gap:30px;}
.ny-resource ul li{ width: 23%;}
.ny-resource ul li .resource-video{ width: 100%; height: 325px;overflow: hidden; position: relative; border-radius: 10px;}
.ny-resource ul li .resource-video > img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
.ny-resource ul li:hover .resource-video > img{  transform: scale(1.1); transition: 0.5s all;}
.ny-resource ul li .resource-video .video-icon{ width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ny-resource ul li span{display: block; font-size: 17px; line-height: 24px; text-align: center; color:#fff; margin-top: 10px;} 
.ny-contact{background: #282828; padding: 40px 0;}
.ny-contact .ny-contact-lxfs{ margin: 40px 0 70px 0;}
.ny-contact .ny-contact-lxfs ul{ display: flex; justify-content: space-between; gap:0 30px;}
.ny-contact .ny-contact-lxfs ul li{ border: 1px #535353 solid; width: 32%; padding: 40px; text-align: center;}
.ny-contact .ny-contact-lxfs ul li .lxfs-img{ width:70px; height: 70px; margin: 0 auto;}
.ny-contact .ny-contact-lxfs ul li:hover .lxfs-img{ transform: rotateY(360deg); transition: 0.5s all;}
.ny-contact .ny-contact-lxfs ul li h3{ font-size: 20px; font-weight: bold; margin: 15px 0; text-transform: uppercase; color: #fff;}
.ny-contact .ny-contact-lxfs ul li p{ font-size: 16px; color: #fff; line-height: 24px;}
.ny-contact .ny-contact-form{ margin-top: 40px;}
.ny-contact .ny-contact-form ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.ny-contact .ny-contact-form ul li{ width: 49%; border: 1px #535353 solid; height: 50px; line-height: 50px; margin-bottom: 20px;}
.ny-contact .ny-contact-form ul li input.t1{ width: 100%; height: 48px; font-size: 16px; color: #999; border: 0;background: none;padding: 10px;}
.ny-contact .ny-contact-form ul li:last-child{ width: 100%; height: 150px;}
.ny-contact .ny-contact-form ul li:last-child textarea{width: 100%; height: 150px;font-size: 16px; color: #999; border: 0;background: none;padding: 10px;}
.ny-contact .ny-contact-form button.b1{ width: 170px; height: 50px; line-height: 50px; color: #333; font-size: 18px; text-align: center; margin: 20px auto 0 auto; display: block; background: #fff; border:0; border-radius: 5px; cursor: pointer;}
.new_index_header{ display:none;}
.search-layer{ display:none;}

#map{ width:100%; height:500px; margin-bottom:50px;}







/*内页样式*/

@media screen and (max-width:1600px){
.wrapper{width:1400px;}	
#banner{width:100%; height:660px; overflow:hidden;}
#banner .swiper-wrapper{height:660px;}
#banner .swiper-slide{width:100%; height:660px;}
#banner .swiper-slide img{width:100%; height:660px;}
.product-list ul li span{ font-size: 16px; line-height: 24px;padding-top: 10px; display: block; color: #fff;}
#ny-product-list .wrapper .right .product-fl-list ul li .c-img{ width: 100%; height: 242px; overflow: hidden;}
.ny-resource ul li .resource-video{ height: 322px;}

	
}


@media screen and (max-width:1440px){
.wrapper{width:1280px;}	
#banner{width:100%; height:580px; overflow:hidden;}
#banner .swiper-wrapper{height:580px;}
#banner .swiper-slide{width:100%; height:580px;}
#banner .swiper-slide img{width:100%; height:580px;}
.wrapper1{ width: 1280px; padding: 0 20px;}
.product-list ul li span{ font-size: 15px; line-height: 20px;padding-top: 10px; display: block; color: #fff;}
#ny-product-list .wrapper .right .product-fl-list ul li .c-img{ width: 100%; height: 214px; overflow: hidden;}
.ny-resource ul li .resource-video{ height: 294px;}
	
}

/*手机适配开始*/
@media (max-width: 980px){
.wrapper {width: 100%;}
#wrap-about .about{ display:block;}
.title1 h2{ font-size:20px;}
#wrap-about .about .left .about-cont p{ font-size:14px; line-height:20px;}
#wrap-about .about{ padding:15px;box-sizing: border-box; margin-top:10px;}   
#wrap-about .about .left .about-more a{ font-size:13px;}    
#wrap-about .about .right{ width:100%; margin-left:0; height:198px; margin-top:20px;}    
#wrap-about{padding: 30px 0; padding-bottom:10px;}
#wrap-about .about .left .about-more{ margin-top:14px;}
#wrap-news .news-list ul li{ width:100%;}
#wrap-news .news-list ul{ display:block;} 
.news-list{ padding-left:15px; padding-right:15px;box-sizing: border-box;}
#wrap-news .news-list ul li section h3{ font-size:16px;}
#wrap-news .news-list ul li section p{ font-size:14px;}
#wrap-news .news-list ul li section span{ font-size:12px;}
#wrap-news .news-list ul li{ margin-bottom:15px;}
#wrap-news .news-list ul li section h3{ line-height:20px;}
#wrap-news .news-more a{ font-size:13px;}
#wrap-news .news-more{ width:130px; height:40px; line-height:40px;}
#wrap-news .news-list{ margin-top:16px;}
.cpfl-list{ margin-top:20px;}
.cpfl-list ul li{ width:100%; margin-bottom:12px;}
.cpfl-list ul{ display:block;}
.cpfl-list{ padding-left:15px; padding-right:15px;}
.cpfl-list ul li section{ display:none;}
.cpfl-list ul li span{ font-size:18px;}
.cpfl-list ul li .cpfl-img{ height:260px;}
.cpfl-list ul li{ height:310px;}
.title h2{ font-size:20px;}
.product-list ul{ display:block;}
.product-list ul li{ width:49%; float:left; display:block; margin-top:15px;}
.product-list ul li:nth-child(2n){ float:right;}
.wrapper1{ width:100%;padding-left:15px; padding-right:15px;}
.product-list ul li .product-img{border-radius: 10px;}
.product-list ul li span{ font-size:14px;  line-height: 20px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-list ul li:nth-child(5){ }
#wrap-product .title h2{ line-height:24px; font-size:18px;}
.title .more a{ font-size:13px;}
.product-list { margin-top: 5px;}
#wrap-product{padding: 30px 0 40px 0;}
.solution ul{ display:block;}
.solution ul li{ width:50%; float:left; height:240px;}
.solution ul li .box{ background-size:cover!important;}
.solution ul li .box .tt{ margin-top:135px;}
.solution ul li .box h4{ font-size:16px;}
.solution ul li.on .box .tt{margin-top:145px;}
.solution ul li.on .box h4{font-size:16px;}
.solution ul li.on .box{ padding:20px;}
.solution ul li.on .box section{ display:none;}
.solution ul li.on .box a{ display:none;}
.solution ul li.on{ width:50%;}
#banner .swiper-wrapper{height:150px;}
#banner .swiper-slide img{ height:150px;}
#banner .swiper-slide{height:150px;}
#banner{height:150px; margin-top:48px;}
#banner .swiper-button-next{ right:20px;}
#banner .swiper-button-prev{ left:20px;}
#banner .swiper-pagination-bullet{ width:20px; height:4px;}
#banner .swiper-pagination{ bottom:10px;}
#footer .wrapper{ display:block;}
#footer{ padding-left:15px; padding-right:15px; padding-top:30px;}
#footer .footer-left .f-nav a{ font-size:14px;}
#footer .footer-left .f-nav a{ padding-right:28px; line-height:25px;}
#footer .footer-left .f-nav{ max-width:100%; display:none;}
#footer .footer-left .f-contact p{ font-size:13px; line-height:22px;}
#copyright{ font-size:13px; text-align:left;}
#footer{ padding-bottom:20px;}
#footer .footer-right span a{ font-size:13px;}
#footer .footer-right .f-meiti{margin: 20px 0;justify-content: flex-start; margin-bottom:10px!important;}
#footer .footer-right{ margin-top:10px;}
#footer .footer-right span{ text-align:left;}

#header{ display: none;}
.new_index_header {
   position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 48px;
    background: #313131;
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.08);
    display: block;
    align-items: center;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
   }
.xin_logo{ float: left; width: 158px; padding-left:10px; margin-top:3px;}
.xin_logo img{ width: 70%;}
.new_index_navbtn { float: right; margin-right: 15px; width: 24px; height: 24px; position: relative; cursor: pointer; margin-top: 3px; }
.new_index_navbtn span { display: block; height: 2px; background: #fff; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.new_index_navbtn span:nth-child(2) { top: 8px; }
.new_index_navbtn span:nth-child(3) { top: 16px; }
.new_index_navbtn:hover span { width: 100%; }
.new_index_closeNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 12px; }
.new_index_closeNavbtn span:nth-child(2) { display: none; }
.new_index_closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }
.new_index_closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }
.new_Common_nav {
    display: none;
    position: fixed;
    left: 0px;
    top: 48px;
    bottom: 0px;
    right: 0px;
    overflow-y: auto;
    background-color: #282828;
}
.new_Common_nav ul { padding: 20px 15px 0px; }
.new_Common_nav ul li { cursor: pointer; border-bottom: 1px solid rgba(255,255,255,.4); position: relative; }
.new_Common_nav ul li h2{ margin:0; }
.new_Common_nav ul li h2 a { font-weight: 700; height: 60px; line-height:60px; font-size: 13px; display: block; color: #fff; position: relative; }
.new_Common_nav ul li i { position: absolute; right: 0px; top: 0px; height: 60px; width: 30%; }

.new_Common_nav ul li i:before { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }
.new_Common_nav ul li.cur .new_child_navbox { max-height: 1500px; height: auto; padding-bottom: 20px; }
.new_Common_nav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }
.new_child_navbox { width: 100%;  overflow: hidden; max-height: 0px; }
.new_childnav_web dd h3 { padding-top: 10px; margin:0; }
.new_childnav_web dd h3 a { color: #fff; font-size: 13px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; line-height: 30px; }
.new_childnav_web dd h3 a:hover { padding-left: 30px; color: #ed3542; font-weight: 700; background-position: 0px center; }
.new_childnav_web dd:last-child { background-image: none; }
dd{ margin:0; padding-left: 0; }
.new_childnav_Program dd h3 { padding-top: 10px; }
.new_childnav_web{ margin:0; }
.yinemfe {
    position: absolute;
    right: 60px;
    top: 12px;
}
.search-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #282828;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    position: fixed;
    left: 0px;
    top: 48px;
    bottom: 0px;
    right: 0px;
    overflow-y: auto;
}
.search-layer-content {
    width: 100%;
    max-width: 500px;
    padding: 20px;
    border-radius: 8px;
    position: relative;
}
.close-btn {
    position: absolute;
    top: 0px;
    right: 20px;
    cursor: pointer;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}
.search-input {
    width: 94%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 25px;
}
.yinemfe img {
    width: 20px;
}
.search-layer .weo-flex .weo-btn {
    width: 42px;
    height: 42px;
    background: url(img/search-icon.png) no-repeat center #000;
    background-size: 20px 20px;
    border: none;
    border-radius: 0;
}
.search-layer .weo-flex .weo-input{ width:94%;}
.search-layer .weo-flex{ margin-top:20px;}
.search-layer{align-items: inherit;}
.search-layer .search-layer-content{ padding-top:60px;}
.close-btn{ top:40px;}
.cpfl-list ul li:hover .cpfl-img{ margin-top: 0px;}
#wrap-cpfl{padding: 30px 0;}


/*内页关于我们开始*/
.ny-banner .ny_banner_txt h2{ font-size:18px;}
.ny-banner .ny_banner_txt h3{ font-size:13px; line-height:20px;}
.ny-banner{ height:200px;}
.ny-banner .ny_banner_txt{ height:200px;}
.ny-banner{ margin-top:48px;}
.ny_banner_txt{ padding-left:15px; padding-right:15px;box-sizing: border-box;}
.ny-banner .ny_banner_txt h3{ width:100%;}
#mbx-nav{ height:45px; line-height:45px; padding-left:15px;box-sizing: border-box;}
#mbx-nav a{ font-size:13px;}
#mbx-nav .wrapper em img{  width:12px;}
.ny-about .ny-about-company .ny-about-js p 
{
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    margin-top: 20px;
}
.ny-about{padding: 30px 20px;box-sizing: border-box;}
.ny-about .ny-about-company{ padding-bottom:30px;}
.ny-about .ny-about-adva ul li{ width:100%; display:block;}
.ny-about .ny-about-adva ul li h3{ font-size:18px;}
.ny-about .ny-about-adva ul li .adva-icon1{  height:auto; width:100%;}
.ny-about .ny-about-adva{ margin-top:30px;}
.ny-about .ny-about-adva ul{ margin-top:20px;}
.ny-about-mission .mission-cont .left-mission{ display:block; width:100%;}
.ny-about-mission .mission-cont{ height:auto;display:block;}
.ny-about-mission .mission-cont .left-mission h3{ font-size:18px;}
.ny-about-mission .mission-cont .left-mission p{ font-size:14px; line-height:20px;}
.ny-about-mission .mission-cont .right-vision p{ font-size:14px; line-height:20px;}
.ny-about-mission .mission-cont .right-vision h3{ font-size:18px;}
.ny-about-mission .mission-img .left{ width:100%;}
.ny-about-mission .mission-img 
{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    z-index: 1;
    min-width: 100%;
}
.ny-about-mission .mission-img{ display:block;}
.ny-about-mission .mission-cont .right-vision{ width:100%; display:block;}
.ny-about-mission .mission-img .right{ width:100%;}
.ny-about-mission{ height:480px;}
.ny-about-mission .mission-cont .right-vision{ padding-top:110px;}
.ny-about-mission .mission-cont .left-mission{ padding-top:50px;}
.ny-about-mission .mission-img{ top:82px;}
.ny-about-mission .mission-cont .left-mission{box-sizing: border-box; padding-left:15px; padding-right:15px;}
.ny-about-mission .mission-cont .right-vision{box-sizing: border-box; padding-left:15px; padding-right:15px;}
.ny-news .wrapper{ display:block;}
.ny-news .wrapper .right{ width:100%;}
.ny-news .wrapper .left{ margin-right:0;}
.ny-news{padding: 20px 0;}
.ny-news .wrapper .left ul li section h3{ font-size:15px; line-height:20px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:0;}
.ny-news .wrapper .left ul li section .time{ font-size:12px;}
.ny-news .wrapper .left ul li section p{ font-size:13px; line-height:20px;}
.ny-news .wrapper .left ul li section .news-more1{ font-size:12px; margin-top:10px;}
.ny-news .wrapper .left ul li section{ margin-left:12px;}
.ny-news .wrapper .left ul li .left-img {width: 180px; height: 165px;overflow: hidden;}
.ny-news{box-sizing: border-box; padding-left:10px; padding-right:10px;}
.ny-news .wrapper .left ul li{ margin-bottom:15px;}
.ny-news .wrapper .right ul li a{ font-size:14px;}
.ny-news .wrapper .right h3{ font-size:20px;}

#ny-product .title1 p{ font-size:14px; line-height:22px;}
#ny-product-fl{ padding:30px 15px;}
#ny-product-fl ul li .product-fl-cont{ padding:25px;}
#ny-product-fl ul li .left h3{ font-size:18px;}
#ny-product-fl ul li .left p{ font-size:13px; line-height:20px;}
#ny-product-fl ul li .left a{ font-size:12px; width:120px;}
#ny-product-fl ul li .left em{ margin:10px 0; height:2px;}
#ny-product-fl ul li{ height:280px;}
#ny-product-fl ul li .left .p-more{ margin-top:12px;}
#ny-product-fl ul li .left{ padding-right:20px;}
#ny-product-fl ul li{ margin-bottom:20px;}
#ny-product-fl ul li .right{ width:130px;}


.ny-solution .ny-solution-item{ display:block;}
.ny-solution .ny-solution-item .ny-solution-img{ width:100%; height:280px;}
.ny-solution .ny-solution-item .ny-solution-cont{ padding:20px;}
.ny-solution{ padding:30px 15px;box-sizing: border-box;}
.ny-solution .ny-solution-item .ny-solution-cont h3{ font-size:20px;}
.ny-solution .ny-solution-item .ny-solution-cont ul li h4{ font-size:15px;}
.ny-solution .ny-solution-item .ny-solution-cont ul li p{ font-size:13px; line-height:20px;}
.ny-solution .ny-solution-item .ny-solution-cont ul li{ margin-top:10px;}
.ny-solution .ny-solution-item .ny-solution-cont ul li h4{ margin-bottom:5px;}
#article-title{ font-size:18px; line-height:22px;}
#article-info{ font-size:14px;}
#article{ font-size:14px;}
#article{ min-height:auto;}
#prev-next a{ font-size:14px;}
.ny-support-js p{ font-size:14px; line-height:22px;}
.ny-support-js{ padding:20px 15px;}
.ny-support-inn h3{ font-size:18px; line-height:22px;}
.ny-support-inn section p{ font-size:14px; line-height:22px;}
.ny-support-inn{ padding:15px;}
.ny-support-inn h3{ margin-bottom:10px;}
.ny-support-inn .support-inn-img ul{ display:block;}
.ny-support-inn .support-inn-img ul li{ width:100%; margin-bottom:10px;}
.ny-support-vision{ padding:20px 15px;}
.ny-support-vision .support-oem h3{ font-size:20px;}
.ny-support-vision .support-oem p{ font-size:14px; line-height:22px;}
.ny-support-vision .support-oem h4{ font-size:15px;}
.ny-support-vision .support-oem ul{ display:block;}
.ny-support-vision .support-oem ul li{ width:33%; text-align:center; float:left;}
.ny-support-vision .support-oem ul li span{ 
    font-size:14px;
    line-height:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-top: 10px;
}
.ny-support-vision .support-oem ul li .support-oem-icon{ width:70px; height:70px;}
.ny-support-vision .support-oem ul li .support-oem-icon img{ height:30px;}
.ny-support-vision .support-oem ul li{ height:160px; margin-bottom:14px;}
.ny-support-vision .support-oem ul li:nth-child(4){ width:50%}
.ny-support-vision .support-oem ul li:nth-child(5){ width:50%}
.ny-support-vision .support-oem{ padding-bottom:10px;}
.ny-support-vision .support-oem.support-after ul li{ width:50%;}
.ny-resource ul li{ width:100%;}
.ny-resource ul{ display:block; padding:20px 15px;}
.ny-resource ul li span{ font-size:14px;}
.ny-resource ul li{ margin-bottom:20px;}
.ny-resource ul li .resource-video {height: 268px;}
.ny-resource{padding: 20px 0px; }
.ny-resource ul{ padding-top:0; padding-bottom:0;}
#article video{ width:100%!important; height:auto!important;}

.ny-contact .ny-contact-lxfs ul li{ text-align:center; }
.ny-contact .ny-contact-lxfs ul{ display:block;}
.ny-contact .ny-contact-lxfs ul li{ width:100%;}

.ny-contact-lxfs{ padding-left:15px; padding-right:15px;}
.ny-contact .ny-contact-lxfs ul li{ margin-bottom:10px; padding:20px;}
.ny-contact .ny-contact-lxfs ul li p{ font-size:14px; line-height:22px;}
.ny-contact .ny-contact-lxfs ul li h3{ font-size:16px; margin-bottom:5px;}
.ny-contact .ny-contact-lxfs ul li .lxfs-img{ width:50px; height:50px;}
.ny-contact .ny-contact-lxfs { margin: 20px 0 36px 0;}
.ny-contact .ny-contact-form ul li{ width:100%;}
.ny-contact .ny-contact-form{ padding-left:15px; padding-right:15px;}
.ny-contact .ny-contact-form ul li input.t1{ font-size:14px;}
.ny-contact .ny-contact-form ul li{ margin-bottom:10px;}
.ny-contact .ny-contact-form button.b1{font-size:13px;}
.ny-contact .ny-contact-form{ margin-top:20px;}

#ny-product-list .wrapper .left .left-hot{ display:none;}
#ny-product-list .wrapper .left{ width:100%;}
#ny-product-list .wrapper .right{ margin-left:0;}
#ny-product-list .wrapper{ display:block;}
#ny-product-list .wrapper .right .product-fl-name{ font-size:16px; line-height:40px; height:40px;}

#ny-product-list .wrapper .right .product-fl-list ul li{ width:49%; float:left; margin-bottom:15px;}
#ny-product-list .wrapper .right .product-fl-list ul li:nth-child(2n){ float:right;}
#ny-product-list .wrapper .right .product-fl-list ul{ display:block;}
#ny-product-list .wrapper .right{padding-left:15px; padding-right:15px;}
#ny-product-list .wrapper .right .product-fl-list ul li .c-img{ height:174px;}
#ny-product-list .wrapper .right .product-fl-list ul li h3{ font-size:14px;}
#ny-product-list .wrapper .right .product-fl-list ul li p{ font-size:13px;}

#ny-product-list .wrapper .right .product-fl-list ul li h3{ margin-bottom:8px;}
#ny-product-list .wrapper .left .left-nav ul li a{ font-size:12px; line-height:35px;}
#ny-product-list .wrapper .left .left-nav ul li{display: inline-block; width:49%;text-align:center;}
#ny-product-list .wrapper .left .left-nav ul{}
#ny-product-list .wrapper .left .left-nav ul li a{ padding:0; }
#ny-product-list .wrapper .left .left-nav ul li{ height:35px; line-height:35px; margin-bottom:5px;}

#ny-product-list .wrapper .left .left-nav ul{padding-left:10px; padding-right:10px;}
#ny-product-list .wrapper .left .left-nav ul li a{ display:block;}
#projects-slide .swiper-slide img{ width:100%;}
#projects-slide .swiper-container{ width:100%;}
#projects-slide{ width:100%;}
#ny-product-xq .left{ width:100%;}
#ny-product-xq .wrapper{ display:block;}
#ny-product-xq{padding: 20px 15px;}
#projects-slide .swiper-slide img{ height:300px;}
#projects-slide .swiper-slide{ height:300px;}
#projects-slide .swiper-container{height:300px;}
#projects-slide{ height:300px;}
#projects-thumb{ width:100%;}

#ny-product-xq .right p{ font-size:14px; line-height:20px;}
#ny-product-xq .right h3{ font-size:18px; line-height:24px;}
#ny-product-xq .right{ margin-left:0;}
#ny-product-xq .left .swiper-button-prev, #ny-product-xq .left .swiper-button-next{ top:310px;}
#projects-thumb{ padding-left:22px; padding-right:22px;}
#ny-product-xq .right .p-contact a{ font-size:15px;gap:0; width:160px; height:48px; line-height:48px;}
#ny-product-xq .right .p-contact a em{ background-size:60%; height:15px;}
#ny-product-xq .right .p-contact{ margin-top:14px; margin-bottom:10px;}

.ny-product-Key .product-Key-cont ul li{ width:100%; }
.ny-product-Key .product-Key-cont{ padding:20px 15px;}
.ny-product-Key .product-Key-cont ul{ display:block;gap:0;}
.ny-product-Key .product-Key-cont ul li{ padding:20px;}
.ny-product-Key .product-Key-cont ul li p{ font-size:13px; line-height:20px;}


.ny-product-Key .product-Key-cont ul li h3{ font-size:16px;}
.ny-product-Key .product-Key-cont ul li .Key-img{ width:30px; height:30px;}
.ny-product-Key .product-Key-cont ul li{ margin-bottom:10px;}
.ny-product-Key .product-Key-cont{ margin-top:10px;}
.ny-product-Key .product-Key-cont{ padding-bottom:0;}
.ny-product-jscs{ padding-left:15px; padding-right:15px;}
.ny-product-jscs .jscs-table{ font-size:13px;}
.ny-product-jscs .jscs-table{ margin-top:20px;overflow-y: scroll;}


.ny-product-applick .applick-list ul{ display:block;}
.ny-product-applick .applick-list ul li{ width:100%;}
.applick-list{ padding-left:15px;  padding-right:15px;box-sizing: border-box;}
#projects-thumb .swiper-container{ width:100%;}
.ny-product-applick .applick-list ul li h3{ font-size:16px; height:30px;}
.ny-product-applick .applick-list ul li p{ font-size:14px; line-height:20px;}
.ny-product-applick .applick-list ul li{ margin-bottom:15px;}

.message-form ul li{ width:100%;}
.message-form ul{ display:block;}
.message-form {margin-top: 20px;}
.message-form{ padding-left:15px; padding-right:15px;box-sizing: border-box;}
.message-form ul li input.t1{ font-size:14px;}
.message-form ul li{ margin-bottom:10px;}
.message-form button.b1{ font-size:14px;}
#projects-thumb .swiper-slide img{ height:50px;}
#projects-thumb .swiper-slide{ height:50px;}
#ny-product-xq .left .swiper-button-prev, #ny-product-xq .left .swiper-button-next{height:50px; z-index:1;}

.ny-product-applick .applick-list{ margin-top:20px;}
.ny-product-applick{ padding:20px 0; padding-top:30px;}
#ny-product-xq .right .p-contact a{ font-size:14px;}
.ny-product-outline { padding: 30px 0;}
.ny-product-Key .product-Key-cont{ padding-top:10px;}
.ny-product-Key{ padding-bottom:20px;}
#ny-product-xq .right p{ line-height:23px;}
.title .more a{ font-size:12px;}
.cpfl-list ul li span{ font-size:17px;}
.cpfl-list ul li .cpfl-img img{ height:170px;}
.cpfl-list ul li .cpfl-img{ height:240px;}
.cpfl-list ul li {height: 290px;}
#wrap-news .news-more{ margin-top:20px;}
#wrap-news{ padding-bottom:20px;}
#wrap-news .news-list ul li section p{ margin-bottom:10px;}
#prev-next{ margin-bottom:10px;}
.ny-news .wrapper .right h3{font-size: 18px;}
#article{ margin-top:20px;padding-top:20px;}
#prev-next{ margin-top:20px;}
#ny-product{padding: 30px 0;}
.ny-product-jscs .jscs-table table{ font-size:14px;}
.ny-product-jscs .jscs-table th, .ny-product-jscs .jscs-table td{ padding:5px 10px; }

.sy-message .ny-contact-form{ margin-top: 20px;}
.sy-message .ny-contact-form ul{ padding:0 15px;}
.sy-message .ny-contact-form ul li{ width: 100%; border: 1px #535353 solid; height: 50px; line-height: 50px; margin-bottom: 20px;}
.sy-message .ny-contact-form ul li input.t1{ width: 100%; height: 48px; font-size: 14px; color: #999; border: 0;background: none;padding: 10px;}
.sy-message .ny-contact-form ul li:last-child{ width: 100%; height: 150px;}
.sy-message .ny-contact-form ul li:last-child textarea{width: 100%; height: 150px;font-size: 14px; color: #999; border: 0;background: none;padding: 10px;}
.sy-message .ny-contact-form button.b1{ width: 140px; height: 40px; line-height: 40px; color: #333; font-size: 14px; text-align: center; margin: 20px auto 0 auto; display: block; background: #fff; border:0; border-radius: 5px; cursor: pointer;}

.ny-product-cptj{ padding:50px 0;}
.ny-product-cptj .cptj-list{ margin-top:20px;}
.ny-product-cptj .cptj-list ul{ flex-wrap:wrap; padding:0 15px;gap:10px;}
.ny-product-cptj .cptj-list ul li{ width:48%;}
.ny-product-cptj .cptj-list ul li .c-img{ height:140px; }
.ny-product-cptj .cptj-list ul li h3{ font-size:14px; padding:10px 0 0 0; line-height:20px;}

#map{ width:90%;height:200px; margin:0 auto 30px auto;}












}