@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0; border:0; font-size: 1em;line-height: 1.571429;}
a{font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
td, th {
  border: 1px solid black; /* 黑色实线边框 */
}


@media (min-width:320px){.language-switcher{display: none;} .feature-card{ width:45%;padding: 5px;} .tabs {overflow-x: auto;} .tab-content li{ width:45%;} .innewshead-left{ float:none;} .innewshead-right{float:none; margin-top:15px;}  .dropdown .sub-dropdown{ position: static;} .swiper-button-next, .swiper-button-prev{margin-top: -25px; background-size: 15px 25px;width: 20px;height: 50px;} .has-submenu span{background:url(../img/in05.png) no-repeat center center; } .innewsny-left{width: 100%;float: none;}  .innewsny-right{width:100%;float: none;}  .footer-left ul{float: left; width:46%; text-align:center;}  .footer-left{float:none; width:100%;} .footer-right{width:100%;float:none;padding-left:0px;} .cpny li{ width:45%;} .ali li{width: 100%;}  .ali-left{ float: none;width: 99%;} .ali-right{float: none;width: 99%;} .alileft{padding-left: 0.5em !important;padding-right: 0.5em !important;}  .prev-page{ float:none;  width:100%;}.next-page{ float:none; width:100%;} .cptitle1{float: none;width: 98%;} .cptitle2{float: none;width: 98%;}  .cpnys2{float: none;width:98%;}.cpnys1{float: none;width: 98%;} .message-left{float: none;width: 100%;} .message-right{ width:100%;float: none;}  .news-left{ float:none;width: 100%;}.news-right{float: none;width: 100%;} .cpnys1 li{ width:40%;} }

@media (min-width:480px){.container{width:606px} .language-switcher{display: none;} .feature-card{ width:45%;padding: 15px;} .tabs {overflow-x: auto;} .tab-content li{ width:45%;} .innewshead-left{ float:none;} .innewshead-right{float:none; margin-top:15px;}  .dropdown .sub-dropdown{ position: static;}  .swiper-button-next, .swiper-button-prev{width: 40px;height: 100px;margin-top: -50px;background-size: 27px 44px;} .has-submenu span{background:url(../img/in05.png) no-repeat center center; } .innewsny-left{width: 100%;float: none;}  .innewsny-right{width:100%;float: none;}  .footer-left ul{float: left; width:47%;  text-align:center;}  .footer-left{float:none; width:100%;} .footer-right{width:100%;float:none;padding-left:0px;}  .cpny li{ width:45%;} .ali li{width: 45%;}  .ali-left{ float: none;width: 99%;} .ali-right{float: none;width: 99%;} .alileft{padding-left: 0.1em !important;padding-right: 0.1em !important;} .prev-page{ float:none;  width:100%;}.next-page{ float:none; width:100%;} .cptitle1{float: none;width: 98%;} .cptitle2{float: none;width: 98%;}  .cpnys2{float: none;width:98%;}.cpnys1{float: none;width: 98%;} .message-left{float: none;width: 98%;} .message-right{ width:98%;float: none;}  .news-left{ float:none;width: 100%;}.news-right{float: none;width: 100%;} .cpnys1 li{ width:42%;} }

@media (min-width:768px){.container{width:750px}  .language-switcher{display: none;} .feature-card{ width:47%;padding: 25px;} .tabs {overflow-x: auto;} .tab-content li{ width:45%;} .innewshead-left{ float:left;} .innewshead-right{float:right;margin: 18px;}  .dropdown .sub-dropdown{ position: static;} .swiper-button-next, .swiper-button-prev{width: 40px;height: 100px;margin-top: -50px;background-size: 27px 44px;} .has-submenu span{background:url(../img/in05.png) no-repeat center center; } .innewsny-left{width: 100%;float: none;}  .innewsny-right{width:100%;float: none;}  .footer-left ul{float: left; width:18%; text-align:center;}  .footer-left{float:none; width:100%;} .footer-right{width:100%;float:none; padding-left: 0px; } .cpny li{ width:45%;} .ali li{width: 48%;}  .ali-left{ float:left;width: 75%;} .ali-right{float: left;width: 25%;} .prev-page{ float:left;  width:50%;}.next-page{ float:left; width:50%;} .cptitle1{float: none;width: 98%;} .cptitle2{float: none;width: 98%;} .cpnys2{float: none;width:98%;}.cpnys1{float: none;width: 98%;}  .message-left{float: left;width: 66%;} .message-right{ width:33%;float: left;} .news-left{ float:none;width: 100%;}.news-right{float: none;width: 100%;} .cpnys1 li{ width:44%;} }

@media (min-width:992px){.container{width:970px;} .nav-links > li > a{font-size: 0.81em;} .language-switcher {display: flex;} .inaboutleft{ width:33%;} .inaboutright{ width:65%;padding:0 1em;}.feature-card{ width:23%;padding: 25px;} .tabs {overflow-x: auto;} .tab-content li{ width:24.4%;} .innewshead-left{ float:left;} .innewshead-right{float:right;margin: 18px;}   .dropdown li:hover > .sub-dropdown {opacity: 1;visibility: visible;transform: translateX(0); } .dropdown .sub-dropdown{ position: static;}  .swiper-button-next, .swiper-button-prev{width: 40px;height: 100px;margin-top: -50px;background-size: 27px 44px;} .has-submenu span{background:url(../img/in05.png) no-repeat center center; } .innewsny-left{width: 100%;float: none;} .innewsny-right{width:100%;float: none;}  .footer-left ul{float: left; width:16.6%;  text-align:left; } .footer-left{float:none; width:100%;} .footer-right{width:100%;float:none;padding-left: 0px;}  .cpny li{ width:24.4%;} .ali li{width: 24%;}  .ali-left{ float:left;width: 75%;} .ali-right{float: left;width: 25%; } .prev-page{ float:left;  width:50%;}.next-page{ float:left; width:50%;} .cptitle1{float: left;width: 50%;} .cptitle2{float: left;width: 50%;} .cpnys2{float: right;width: 75%;}.cpnys1{float: left;width: 25%;} .message-left{float: left;width: 66%;} .message-right{ width:33%;float: left;} .news-left{ float:left;width: 75%;}.news-right{float: left;width: 25%;} .cpnys1 li{ width:96%;}}

@media (min-width:1200px){.container{width:1170px} .nav-links > li > a{font-size: 0.95em;}  .language-switcher {display: flex;} .inaboutleft{ width:33%;} .inaboutright{ width:65%;padding:0 1em;} .feature-card{ width:23%;padding: 25px;} .tabs {overflow-x: hidden;justify-content: center;} .tab-content li{ width:24.4%;} .innewshead-left{ float:left;} .innewshead-right{float:right;margin: 18px;}  .dropdown .sub-dropdown {position: absolute;z-index: 1001;top: 0;left: 100%;background-color: white;width: 200px;border-radius: 5px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);opacity: 0;visibility: hidden;transform: translateX(10px);transition: all 0.3s; }  .swiper-button-next, .swiper-button-prev{width: 40px;height: 100px;margin-top: -50px;background-size: 27px 44px;}  .dropdown a:hover {background-color: #f8f9fa;color: #1a6fc4;padding-left: 25px;} .has-submenu span{background:url(../img/in06.png) no-repeat center center;} .innewsny-left{width: 40%;float: left;} .innewsny-right{width: 52%;float: right;}  .footer-left ul{float: left; width:16.6%; text-align:left;}  .footer-left{float: left; width:66%;} .footer-right{width: 33.3%;float: left; padding-left: 150px;} .cpny li{ width:24.4%;} .ali li{width: 24%;}  .ali-left{ float:left;width: 75%;} .ali-right{float: left;width: 25%;} .prev-page{ float:left;  width:50%;}.next-page{ float:left; width:50%;} .cptitle1{float: left;width: 50%;} .cptitle2{float: left;width: 50%;} .cpnys2{float: right;width: 75%;}.cpnys1{float: left;width: 25%;} .message-left{float: left;width: 66%;} .message-right{ width:33%;float: left;} .news-left{ float:left;width: 75%;}.news-right{float: left;width: 25%;}  .cpnys1 li{ width:96%;}}

@media (min-width:1600px){.container{width:1310px} .nav-links > li > a{font-size: 1em;}  .language-switcher {display: flex;} .inaboutleft{ width:33%;} .inaboutright{ width:65%; padding:0 1em;} .feature-card{ width:23%;padding: 25px;} .tabs {overflow-x: hidden;justify-content: center;} .tab-content li{ width:24.4%;} .innewshead-left{ float:left;} .innewshead-right{float:right;margin: 18px;}  .dropdown .sub-dropdown {position: absolute;z-index: 1001;top: 0;left: 100%;background-color: white;width: 200px;border-radius: 5px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);opacity: 0;visibility: hidden;transform: translateX(10px); transition: all 0.3s;}  .swiper-button-next, .swiper-button-prev{width: 40px;height: 100px;margin-top: -50px;background-size: 27px 44px;} .dropdown a:hover {background-color: #f8f9fa; color: #1a6fc4;padding-left: 25px;} .has-submenu span{background:url(../img/in06.png) no-repeat center center;} .innewsny-left{width: 40%;float: left;} .innewsny-right{width: 52%;float: right;}  .footer-left ul{float: left; width:16.6%; text-align:left;}  .footer-left{float: left; width:66%;} .footer-right{width: 33.3%;float: left; padding-left: 150px;} .cpny li{ width:24.4%;} .ali li{width: 24%;} .ali-left{ float:left;width: 75%;} .ali-right{float: left;width: 25%;} .prev-page{ float:left;  width:50%;}.next-page{ float:left; width:50%;} .cptitle1{float: left;width: 50%;} .cptitle2{float: left;width: 50%;} .cpnys2{float: right;width: 75%;}.cpnys1{float: left;width: 25%;} .message-left{float: left;width: 66%;} .message-right{ width:33%;float: left;} .news-left{ float:left;width: 75%;}.news-right{float: left;width: 25%;}  .cpnys1 li{ width:96%;} }   

.fas.fa-cogs img,.fas.fa-award img,.fas.fa-headset img,.fas.fa-award img{ width:60px; max-width:60px;}

<!--banner-->
.xielx2 .banner .swiper-container,.xielx2 .banner .ban_bg,.xielx2 .banner .ban_nbg { width: 100%; } 
.xielx2 .banner .swiper-pagination-bullet-active {background: #f78601;}
.xielx2 .banner .ban_bg{ background: url() no-repeat center;}
.xielx2 .banner .swiper-slide{ background-position: center; background-repeat: no-repeat;}
.xielx2 .banner .swiper-slide a{ display: block; width: 100%; }
.swiper-slide a img{ width:100%; border:0;}
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1}
.swiper-container-no-flexbox .swiper-slide {float: left}
.swiper-container-vertical > .swiper-wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
.swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing:content-box;}
.swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap;flex-wrap: wrap}
.swiper-container-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide { -ms-flex-negative: 0;flex-shrink: 0;width: 100%;height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;transition-property: transform, -webkit-transform}
.swiper-slide-invisible-blank { visibility: hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height: auto}
.swiper-container-autoheight .swiper-wrapper {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;-webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform;transition-property: transform, height;transition-property: transform, height, -webkit-transform}
.swiper-container-3d {-webkit-perspective: 1200px;perspective: 1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {-webkit-transform-style: preserve-3d;transform-style: preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {position: absolute; left: 0;top: 0;width: 100%; height: 100%; pointer-events: none;z-index: 10}
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))}
.swiper-container-3d .swiper-slide-shadow-right {background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))}
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))}
.swiper-container-3d .swiper-slide-shadow-bottom {background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal > .swiper-wrapper {-ms-touch-action: pan-y; touch-action: pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x;touch-action: pan-x}
.swiper-button-next,.swiper-button-prev { position: absolute; top: 50%; z-index: 10; cursor: pointer;background-color: rgba(0, 0, 0, .5); background-position: center;background-repeat: no-repeat}
.swiper-button-next{ border-bottom-right-radius: 3px; border-top-right-radius: 5px;}
.swiper-button-prev{ border-bottom-left-radius: 3px; border-top-left-radius: 5px;}
.swiper-container:hover .swiper-button-next{ right:54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4;}
.swiper-container:hover .swiper-button-prev{ left:54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4;}
.swiper-container:hover .swiper-button-next:hover,.swiper-container:hover .swiper-button-prev:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: 0.3s all ease-in-out;transition:0.3s all ease-in-out;left: 0;right: auto;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: 0.3s all ease-in-out;transition:0.3s all ease-in-out;right: 0; left: auto;}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-lock { display: none}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom: 17px; left: 0; width: 100%}
.swiper-pagination-bullets-dynamic {overflow: hidden;font-size: 0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transform: scale(.33);transform: scale(.33);position: relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {-webkit-transform: scale(1);transform: scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1);transform: scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66);  transform: scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {-webkit-transform: scale(.66);transform: scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33)}
.swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 50%; border: 2px solid #fff; -webkit-box-sizing: border-box;}
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer}
.swiper-pagination-bullet-active {opacity: 1;background: #FFB500; border: 0;}
.swiper-container-vertical > .swiper-pagination-bullets {right: 10px;top: 50%;-webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0)}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 6px 0; display: block}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);width: 8px}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block;-webkit-transition: .2s top, .2s -webkit-transform;transition: .2s top, .2s -webkit-transform; -webkit-transition: .2s transform, .2s top;transition: .2s transform, .2s top;-webkit-transition: .2s transform, .2s top, .2s -webkit-transform;transition: .2s transform, .2s top, .2s -webkit-transform}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);white-space: nowrap}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition: .2s left, .2s -webkit-transform;transition: .2s left, .2s -webkit-transform;-webkit-transition: .2s transform, .2s left;transition: .2s transform, .2s left;-webkit-transition: .2s transform, .2s left, .2s -webkit-transform; transition: .2s transform, .2s left, .2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition: .2s right, .2s -webkit-transform;transition: .2s right, .2s -webkit-transform; -webkit-transition: .2s transform, .2s right; transition: .2s transform, .2s right;-webkit-transition: .2s transform, .2s right, .2s -webkit-transform;transition: .2s transform, .2s right, .2s -webkit-transform}
.swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #007aff; position: absolute;left: 0;top: 0;width: 100%; height: 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transform-origin: left top;transform-origin: left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {-webkit-transform-origin: right top;transform-origin: right top}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%;height:4px;left: 0;top: 0}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical > .swiper-pagination-progressbar {width: 4px; height: 100%;left: 0; top: 0}
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff}
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25)}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff}
.swiper-pagination-black .swiper-pagination-bullet-active {background: #000}
.swiper-pagination-progressbar.swiper-pagination-black {background: rgba(0, 0, 0, .25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {background: #000}
.swiper-pagination-lock { display: none}
.swiper-scrollbar {border-radius: 10px;position: relative;-ms-touch-action: none;background: rgba(0, 0, 0, .1)}
.swiper-container-horizontal > .swiper-scrollbar {position: absolute; left: 1%; bottom: 3px;z-index: 50;height: 5px;width: 98%}
.swiper-container-vertical > .swiper-scrollbar {position: absolute;right: 3px;top: 1%;z-index: 50;width: 5px;height: 98%}
.swiper-scrollbar-drag {height: 100%;width: 100%; position: relative;background: rgba(0, 0, 0, .5); border-radius: 10px;left: 0;top: 0}
.swiper-scrollbar-cursor-drag {cursor: move}
.swiper-scrollbar-lock {display: none}
.swiper-zoom-container {width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center}
.swiper-zoom-container > canvas,.swiper-zoom-container > img,.swiper-zoom-container > svg { max-width: 100%;max-height: 100%; -o-object-fit: contain;object-fit: contain}
.swiper-slide-zoomed {cursor: move}
.swiper-lazy-preloader {width: 42px; height: 42px; position: absolute;left: 50%;top: 50%;margin-left: -21px; margin-top: -21px;z-index: 10;-webkit-transform-origin: 50%;transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;animation: swiper-preloader-spin 1s steps(12, end) infinite}
.swiper-lazy-preloader:after {display: block;content: '';width: 100%;height: 100%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position: 50%;background-size: 100%;background-repeat: no-repeat}
.swiper-lazy-preloader-white:after {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}}
@keyframes swiper-preloader-spin {
    100% { -webkit-transform: rotate(360deg);transform: rotate(360deg) }}
.swiper-container .swiper-notification {position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out}
.swiper-container-fade .swiper-slide { pointer-events: none;-webkit-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto}
.swiper-container-cube { overflow: visible}
.swiper-container-cube .swiper-slide { pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0;transform-origin: 0 0;width: 100%; height: 100%}
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none}
.swiper-container-cube.swiper-container-rtl .swiper-slide {-webkit-transform-origin: 100% 0;transform-origin: 100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {pointer-events: auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next + .swiper-slide,.swiper-container-cube .swiper-slide-prev {pointer-events: auto;visibility: visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top { z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden}
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0;bottom: 0;width: 100%;height: 100%;background: #000;opacity: .6;-webkit-filter: blur(50px);filter: blur(50px);z-index: 0}
.swiper-container-flip {overflow: visible}
.swiper-container-flip .swiper-slide {pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden; z-index: 1}
.swiper-container-flip .swiper-slide .swiper-slide {pointer-events: none}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {z-index: 0;-webkit-backface-visibility: hidden; backface-visibility: hidden}
.swiper-container-coverflow .swiper-wrapper {-ms-perspective: 1200px}



 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', sans-serif;
        }
        
        body {
            background-color: #f8f9fa;
            color: #333;
            line-height: 1.6;
            font-size: 1em;
        }
        a{ text-decoration: none;}
		li{ list-style:none;}
     
		.container{max-width:100%;margin-right:auto;margin-left:auto;}
		.container.cp{padding-right:0em;padding-left:0em}
		.container::after{display:table;clear:both; background: url(../img/in00.png) no-repeat 10px 10xp;}
         
            
		
        /* 导航栏样式 */
        .navbar {
            color: #76838f;
        }
        
        .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            min-height: 60px;
        }
        
        .logo {
            display: flex;
            align-items: center;
        }
        
        .logo-text {
            margin-right: 10px;
            padding-top:5px;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        }
        .logo-text img{ 
            max-height:50px;
        }
        .logo-subtext {
            font-size: 1em;
            opacity: 0.9;
        }
        
        .nav-links {
            display: flex;
            list-style: none;
            position: relative;
            z-index: 1000;
        }
        
        .nav-links li {
            position: relative;
        }
		.nav-links li a.active{color: #305dc3;}
        
        .nav-links > li > a {
            color: #76838f;
            text-decoration: none;
            padding: 20px 8px;
            display: block;
            font-weight: 500;
            transition: all 0.3s;
            position: relative;
        }
        
        .nav-links > li > a:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }
        
        .nav-links > li > a::after {
  
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 3px;
            background-color: #ffcc00;
            transition: width 0.3s;
        }
        
        .nav-links > li > a:hover::after {
            width: 80%;
        }
        
        /* 二级下拉菜单样式 */
        .dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            background-color: white;
            width: 200px;
            border-radius: 5px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s;
            z-index: 1000;
        }
        .nav-links li:hover > .dropdown,.nav-links li:hover > .has-submenu{
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .dropdown li {
            border-bottom: 1px solid #f1f1f1;
            position: relative;
        }
        
        .dropdown li:last-child {
            border-bottom: none;
        }
        
        .dropdown a {
            color: #333;
            text-decoration: none;
            padding: 12px 20px;
            display: block;
            transition: all 0.3s;
            position: relative;
        }
        

        
        /* 三级下拉菜单样式 */

        
        .dropdown li:hover > .sub-dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateX(0);
        }
        
        .sub-dropdown li {
            border-bottom: 1px solid #f1f1f1;
        }
        
        .sub-dropdown li:last-child {
            border-bottom: none;
        }
        
        .sub-dropdown a {
            padding: 12px 20px;
        }
		.has-submenu span{width:12px; height:24px; float:right; display:block; font-style:normal; background-size:10px 10px; }


        
        /* 语言切换 */
        .language-switcher {
            align-items: center;
        }
        .language-switcher a{
            border-color: #305dc3;
            background-color: #305dc3;
            color: #fff; 
            height:40px; 
            line-height:40px;
            padding: 0em 1em;
        }
        
        .fas{color:#76838f;}
		.fas img{ max-width:12px; }
        
        /* 移动菜单按钮 */
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            color: white;
            font-size: 1.5em;
            cursor: pointer;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .nav-links {
                position: fixed;
                top: 0;
                left: -100%;
                width: 280px;
                height: 100vh;
                background: linear-gradient(135deg, #1a6fc4 0%, #0d4a85 100%);
                flex-direction: column;
                padding-top: 60px;
                transition: left 0.3s;
                z-index: 1000;
                box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);
                overflow-y: auto;
            }
            
            .nav-links.active {
                left: 0;
            }
            
            .nav-links li {
                width: 100%;
            }
            
            .nav-links a {
                padding: 15px 20px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                color: #fff;
            }
            
            .mobile-menu-btn {
                display: block;
                z-index: 1001;
            }
            
            /* 二级菜单移动端样式 */
            .dropdown {
                position: static;
                width: 100%;
                box-shadow: none;
                margin-top: 0;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s;
                background-color: rgba(0, 0, 0, 0.1);
                visibility: visible;
                opacity: 1;
                transform: none;
            }
            
            .nav-links li:hover > .dropdown,
            .nav-links li:focus-within > .dropdown {
                max-height: 500px;
            }
            
            .dropdown a {
                padding-left: 40px;
                color: #fff;
            }
            
            .dropdown a:hover {
                background-color: rgba(255, 255, 255, 0.1);
            }
            
            /* 三级菜单移动端样式 */
            .sub-dropdown {
                position: static;
                width: 100%;
                box-shadow: none;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s;
                background-color: rgba(0, 0, 0, 0.2);
                visibility: visible;
                opacity: 1;
                transform: none;
            }
            
            .dropdown li:hover > .sub-dropdown,
            .dropdown li:focus-within > .sub-dropdown {
                max-height: 500px;
            }
            
            .sub-dropdown a {
                padding-left: 60px;
            }
            
     
            
            .logo-text {
                font-size: 1.5em;
            }
            
            /* 移动端激活状态指示器 */
            .nav-links li.menu-open > .dropdown {
                max-height: 500px;
            }
            
            .dropdown li.menu-open > .sub-dropdown {
                max-height: 500px;
            }
        }
        
        /* 页面内容样式 */
        .content {
            margin-top: 40px;
            text-align: center;
        }
        
        .content h1 {
            color: #2c3e50;
            margin-bottom: 20px;
        }
        
        .content p {
            color: #7f8c8d;
            max-width: 800px;
            margin: 0 auto 30px;
        }
        
        .features {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            margin-top: 40px;
        }
        
        .feature-card {
            background: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s;
        }
        
        .feature-card:hover {
            transform: translateY(-5px);
        }
        
        .feature-card i {
            font-size: 2.5em;
            color: #3498db;
            margin-bottom: 15px;
        }
        
        .feature-card h3 {
            color: #2c3e50;
            margin-bottom: 10px;
        }
        
        .feature-card p {
            color: #7f8c8d;
            font-size: 0.9em;
        }
        
        /* 移动端菜单激活状态 */
        #mobile-menu-toggle {
            display: none;
        }
        
        #mobile-menu-toggle:checked ~ .nav-links {
            left: 0;
        }
        
        #mobile-menu-toggle:checked + .mobile-menu-btn .fa-bars {
            display: none;
        }
        
        #mobile-menu-toggle:checked + .mobile-menu-btn .fa-times {
            display: block;
        }
        
        .mobile-menu-btn .fa-times {
            display: none;
        }
        
        /* 移动端子菜单切换 */
        .submenu-toggle {
            display: none;
        }
        
        @media (max-width: 992px) {
            .submenu-toggle-label {
                position: absolute;
                right: 0;
                top: 0;
                padding: 15px 20px;
                cursor: pointer;
                z-index: 1002;
            }
            
            .submenu-toggle:checked + .submenu-toggle-label + .dropdown,
            .submenu-toggle:checked + .submenu-toggle-label + .sub-dropdown {
                max-height: 500px;
            }
            
            .submenu-toggle:checked + .submenu-toggle-label .fa-chevron-down {
                transform: rotate(180deg);
            }
            
            .dropdown a.has-submenu,
            .sub-dropdown a.has-submenu {
                display: 
            }
            
            .fa-chevron-down {
                transition: transform 0.3s;
            }
			
        }

/*首页产品展示*/
.hh1{font-size: 36px;color: #37474f; text-align:center;font-weight: 300 !important;margin-bottom: 11px;margin-top:35px;}
.pp1{padding: 0 10%;font-size: 16px;color: #5e7387;font-weight: 300 !important; text-align:center; margin-bottom:35px;}
        .tabs {
            display: flex;
            flex-wrap: wrap;
            background: #f8f9fa;
            position: relative;
			overflow: hidden;overflow-x: auto; /* 允许横向滚动 */ 
        }
        
        .tab-input {
            display: none;
        }
        
        .tab-label {
            padding: 7px 15px;
            cursor: pointer;
            font-weight: normal;
            transition: all 0.3s ease;
            flex-grow: 1;
            text-align: center;
            position: relative;
            z-index: 1;
			color: #5e7387;
			font-size:1em;
        }
        
        .tab-label:hover {
            color: #4263eb;
            background: #e7f5ff;
        }
        
        .tab-content {
            display: none;
            line-height: 1.6;
            color: #495057;
            background: #fff;
            transform-origin: top;
            animation: fadeIn 0.5s ease;
			text-align: center;
        }
		.tab-content li{display: inline-block;padding-right: 10px !important; margin:15px 0;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);}
		.tab-content li img{ width:100%; border:0;max-height: 212px;}
		.tab-content li p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #37474f;padding: 5px 2px;}
		
		
		
        
        /* 选项卡内容显示逻辑 */
        #tab1:checked ~ .tab-content-1,
        #tab2:checked ~ .tab-content-2,
        #tab3:checked ~ .tab-content-3,
        #tab4:checked ~ .tab-content-4,
        #tab5:checked ~ .tab-content-5,
        #tab6:checked ~ .tab-content-6,
        #tab7:checked ~ .tab-content-7,
        #tab8:checked ~ .tab-content-8 {
            display: block;
        }
        
        /* 激活的选项卡样式 */
        #tab1:checked ~ .tabs .tab-label[for="tab1"],
        #tab2:checked ~ .tabs .tab-label[for="tab2"],
        #tab3:checked ~ .tabs .tab-label[for="tab3"],
        #tab4:checked ~ .tabs .tab-label[for="tab4"],
        #tab5:checked ~ .tabs .tab-label[for="tab5"],
        #tab6:checked ~ .tabs .tab-label[for="tab6"],
        #tab7:checked ~ .tabs .tab-label[for="tab7"],
        #tab8:checked ~ .tabs .tab-label[for="tab8"] {
            color: #fff;
            background: #4263eb;
            box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);border-top-left-radius: .515em;
border-top-right-radius: .515em;
        }
        
        /* 响应式设计 */
        @media (max-width: 600px) {
            .tabs {
                flex-direction: row;
            }
            
            .tab-label {
                text-align: left;
                border-bottom: 1px solid #e9ecef;
            }
        }
        
        /* 动画效果 */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }


        
        .content-image {
            width: 100%;
            border-radius: 8px;
            margin: 15px 0;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
/*首页公司简介*/
.inabout{ width:100%; overflow:hidden; margin-bottom:15px; margin-top:50px;}
.inaboutleft{ float:left;}
.inaboutleft img{display: inline;width: 100%;padding-bottom: 20px;}
.inaboutright{float:left; margin-left:10px;}
.inaboutright h2{color: #37474f;font-weight: 300 !important;}
.inaboutright h5{margin-bottom: 10px;margin-top: 0;color: #5e7387}
.inaboutny{ padding: 0;color: #5e7387;font-size: 13px;margin-top: 20px;background: none;line-height: 1.7;box-sizing: inherit;}
.inaboutright .more{display: inline-block;border: 1px solid;margin-top: 40px;padding: 5px 50px;color: #5e7387;}
.inaboutright .more:hover{ border-color: #305dc3;background-color: #305dc3; color:#FFF;}

/*首页过渡图*/
.inimg{ width:100%; overflow:hidden; margin:50px 0;}
.inimg img{ width:100%; padding:0; margin:0; border:0; height:140px;}

/*首页新闻*/
.innews{width:100%; overflow:hidden; margin-bottom:15px; margin-top:50px;}
.innewshead{width:100%; overflow:hidden;}
.innewshead-left h2{margin-top: 22px;margin-bottom: 11px;font-size: 20px;font-weight: 300;letter-spacing: 1px;color: #37474f;}
.innewshead-left h4{width: 38px;height: 2px;background: #305dc3;}
.innewshead-right a{color: #37474f; display: inline-block;margin: 0 5px;font-size: 13px;line-height: 30px;text-align: center;padding: 0 20px;height: 30px;}
.innewshead-right a:hover,.innewshead-right .on{background: #305dc3; color:#fff;}
.innewsny{margin-top: 50px;}
.innewsny-left{padding: 0;border: none;opacity: 1;transform: none; overflow:hidden;}
.innewsny-left a{border:0; padding:0; margin:0;}
.innewsny-left a img{ width:100%; display: block;border:0; padding:0; margin:0;}
.left-list{background: #305dc3;padding: 28px 20px 28px 40px; color:#fff;overflow:hidden;}
.left-date{float: left; }
.left-date .span1{font-size: 36px;font-weight: bold;position: relative;letter-spacing: 1px;}
.left-date .span2{position: relative;display: block;}
.left-ny{color: #fff;width: 80%;float: right; font-size:0.9em;}
.left-ny h3{line-height: 30px;margin: 0;font-size: 16px;padding-bottom: 15px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.left-ny p{ padding-top: 15px;margin: 0;}
.innewsny-right li{padding: 10px 0; overflow:hidden;}
.innewsny-right li a{color: #37474f;font-size: 0.85em;}
.innewsny-right li a h2{padding-bottom: 15px;border-bottom: 1px solid #5e7387;font-size: 16px; font-weight:normal;}
.innewsny-right li a .span3{float: right; font-size: 13px; font-weight:normal;line-height: 30px;}
.innewsny-right .lii a h2{float: left;width: 80%;padding-bottom: 15px;border-bottom: 1px solid #5e7387;font-size: 16px;}
.innewsny-right .lii a p{float: left;width: 80%;}
.innewsny-right .lii a .right-date{float: left;width: 20%; text-align:center;}
.innewsny-right .lii a .right-date .span1{font-size: 36px;font-weight: bold;position: relative;letter-spacing: 1px;}
.innewsny-right .lii a .right-date .span2{position: relative;display: block;}
.innewsny-right .more{padding: 5px 15px;border: 1px solid;color: #305dc3;display: block;width: 110px;text-align: center;margin-top: 30px;}

.footer{padding-bottom: 15px; overflow:hidden; position:relative;margin-top: 1em;}
.tt{ height: 40px;width: 100%;top: 0;position: absolute;background-color: #305dc3;z-index: -2;left: 0;}
.footer-left{overflow:hidden; margin-bottom:15px;}
.footer-left ul{ margin-left:10px;}
.footer-left ul h2{line-height: 32px; height:40px; margin-bottom:15px; background-color: #305dc3;}
.footer-left ul h2 a{ color:#fff; font-size:16px; font-weight:normal;}
.footer-left ul li{margin-bottom: 3px;font-size: 0.9em;line-height: 1.6;}
.footer-left ul li a{color: #5e7387;font-size: 12px;}
.footer-right{overflow:hidden;}
.footer-right h3{line-height: 40px; height:40px; margin-bottom:15px;color:#fff; font-size:16px; font-weight:normal;  background-color: #305dc3;padding-left: 15PX;}
.footer-right p{margin-top: 15px;display: block;font-size: 14px;font-style: normal;line-height: 2;color: #5e7387;padding-left: 15PX;}
.footer-right p a{color: #5e7387;}
.foot{ width:100%; overflow:hidden; text-align:center; color: #5e7387;font-size:0.9em; padding-top:20px; padding-bottom:20px;}
.foot a{color: #5e7387;font-size:0.9em;}

.up { position: fixed;bottom: 30px;right: 10px; padding: .9em;background: #305dc3;display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0;visibility: hidden;transition: all 0.4s ease;z-index: 1000; }
.up.visible {opacity: 1;visibility: visible;}
.up:hover {background: #2980b9;transform: translateY(-5px);}

/*产品中心*/
.cpli{ overflow:hidden;}
.product{ width:100%; overflow:hidden;argin-top: 30px; margin-bottom:15px;}
.product img{ width:100%; border:0; padding:0; margin:0; display:block;}
.tabli{display:flex;justify-content: center; /* 子元素水平居中显示不全，所以把display:flex;justify-content: center;加到祖元素 */}
.tabsli{display: flex; margin:0 auto;/* 让子元素居中显示，不加margin:0 auto;会分散居中显示 */ overflow-x: auto; /* 滚动条自动 */  }
.card {flex: 0 0 auto; position:relative;flex-shrink: 0;}
.card a{padding: 7px 15px;cursor: pointer;font-weight: normal;transition: all 0.3s ease;flex-grow: 1;text-align: center;z-index: 1;color: #5e7387;font-size: 1em;position:relative;}
/* 电脑端隐藏横向滚动条 */
@media (min-width: 1170px) {
.tabsli{-ms-overflow-style: none;  /* IE and Edge */scrollbar-width: none;  /* Firefox */}
.tabsli::-webkit-scrollbar {display: none;  /* Chrome, Safari and Opera */ } }
/* 移动端显示横向滚动条 */
@media (max-width: 1170px) {
.tabsli{ padding-bottom: 10px;scrollbar-width: thin; /* Firefox 只能接受三个值，thin(细)，auto(粗)，none(无)*/scrollbar-color: #999 #f1f1f1; /* Firefox 滚动条的颜色和背景色 */}
.tabsli::-webkit-scrollbar {height: 3px; /* Chrome, Safari and Opera */}
.tabsli::-webkit-scrollbar-track { background: #f1f1f1;border-radius: 3px;}
.tabsli::-webkit-scrollbar-thumb {background: #999;border-radius: 3px; } }
.cpny{line-height: 1.6;color: #495057;background: #fff; transform-origin: top;animation: fadeIn 0.5s ease; margin-top:15px; margin-bottom:15px;}
.cpny li{display: inline-block;padding-right: 10px !important; margin:15px 0;}
.cpny li img{ width:100%; border:0;max-height: 208px;}
.cpny li p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #37474f;padding: 5px 2px;}
.page{margin-top: 20px;text-align: center; overflow:hidden;}
.pages{margin-top: 20px; margin-bottom:1em;}
.page a{padding: 9px 15px;border: 1px solid #e4eaec;border-right: none;background: #fff;text-align: center;color: #76838f;display: inline-block;}
.page a.Ahover{border-color: #305dc3;background: #305dc3;color: #fff;cursor: default;}

/*产品详情页*/
.cptitle{ overflow:hidden; margin-top:30px;}
.cptitle1{ text-align:center;}
.cptitle1 img{ cursor:zoom-in; max-height: 300px;}
.cptitle2 h3{color: #37474f;font-size: 24px; font-weight:400;margin-bottom: 10px;line-height: 1.2;}
.cptitle2 p{color: #37474f;}
.cpnys{padding: 30px 0px; overflow:hidden;}
.cpnys1 h4{font-size: 16px; font-weight:300;color: #37474f;line-height: 1.2; margin-bottom:20px;margin-top: 20px;}
.cpnys1 li{display: inline-block;font-size: 1em;vertical-align: top;margin: 1em 1em 1.8em;}
.cpnys1 li a{display: block; color: #37474f;}
.cpnys1 li a img{width: 100%;}
.cpnys1 li a p{font-weight: 400;line-height: 1.2; text-align:center;}
.cpnys1 li a:hover p{color:#305dc3;}
.cpnys2{ box-sizing:border-box; padding:0 1em 1em;}
.cpnys2 h4{ width:100%;}
.cpnys2 h4 a{padding: .75em 1.5em;color: #305dc3;border-bottom: 2px solid #305dc3; display:block; max-width:120px;font-weight: normal;}
.cpnys-content{ overflow:hidden;width: 100%;max-width: 100%;font-size: 16px;font-weight: 300;line-height: 1.8;padding-left: 1em;}
.cpnys-content img{max-width: 100% !important;}
.cpnys-content p{margin-bottom: 1em;}
.nypage{ overflow:hidden;font-size: 14px;color: #666; padding:3em 1em;}
.nypage a{ color:#37474f;}
.nypage a:hover{color:#305dc3;}

/*联系我们*/

.nyli{display:flex;justify-content: center; /* 子元素水平居中显示不全，所以把display:flex;justify-content: center;加到祖元素 */}
.nysli{display: flex; margin:0 auto;/* 让子元素居中显示，不加margin:0 auto;会分散居中显示 */ overflow-x: auto; /* 滚动条自动 */  }
.nyslili {flex: 0 0 auto; position:relative;flex-shrink: 0;}
.nysli a{padding: 7px 15px;cursor: pointer;font-weight: normal;transition: all 0.3s ease;flex-grow: 1;text-align: center;z-index: 1;color: #5e7387;font-size: 1em;position:relative;}
.nysli .active a, .nysli a:hover{ color:#305dc3;}
.nycon{ padding:1%;}
.nycon p{ line-height: 1.9;margin-bottom: 1em;}

/*在线留言*/ 
.message{ overflow:hidden; background:#f2f2f2; padding:30px;}
.message-left{min-height: 481px;padding: 30px 30px;border: 0 solid transparent;border-radius: .286em;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);font-size: 1em;}
.message-left li{border-top-color: transparent;padding-right: 0;padding-left: 0;border: 1px solid transparent;display: block;margin-bottom: -1px;background-color: #fff;overflow: hidden;}
.message-left li .user1{float: left;}
.message-left li .user1 i{margin-right: 10px;display: inline-block;font-style: normal;
font-weight: 400;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);line-height: 1;font-size: 36px;}
.message-left li .user2{float: left;overflow: hidden;width: calc(100% - 46px);}
.message-left li .user2 h3{font-size: 1em;color: #76838f;font-weight: 300;margin-bottom: 5px;}
.message-left li .user2 h3 small{font-size: 80%;font-weight: 400; float:right;color: #76838f;}
.message-left li .user2 h4{color: #2a333c; font-size:1em;}
.message-left li .user2 p{min-height: 20px;border: 1px solid #e4eaec;background-color: #f3f7f9;padding: 20px;box-shadow: inset 0 0 1px rgba(0,0,0,.02);border-radius: 3px;margin-top: 10px;color: #2a333c;}
.message-right{padding-left: 30px;padding-right:1em;}
.message-right .submi{background: #fff;osition: relative;padding: 30px 30px;border: 0 solid transparent;border-radius: .286em;box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.message-right .submi .form-group{margin-bottom: 1.429em;}
.message-right .submi .form-group .form-control{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 2.573em;-webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;-o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;border-color: #e4eaec;
-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;
font-size: 1em;line-height: 1.571429;display: block;width: 100%;padding: .429em .929em;color: #76838f;
border: 1px solid #e4eaec;  border-radius: .215em;background-color: #fff;background-image: none;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.form-control.textare{ min-height:100px;}
.form-control.codeimg{position: relative;z-index: 2;float: left;width: 60% !important;margin-bottom: 0;}
.form-group .group{padding: 2px;font-size: 1em;font-weight: 400;line-height: 1;text-align: center;color: #76838f;border: 1px solid #e4eaec;background-color: #f3f7f9;border-radius: .215em;  display: table-cell;}
.form-group .group img{font-size: 1em;font-weight: 400;line-height: 1;text-align: center;color: #76838f; display:block;}
.submitbtn{display: block;width: 100%;background: #37474f;border-color: #37474f;color: #fff;font-size: 1em;font-weight: 400;line-height: 1.571429;padding: .429em 1em;cursor: pointer; border:0;}
.submitbtn:hover{background: #305dc3; line-height: 1.571429;display: block; border:0}

/*新闻页*/
.news-left{padding: 30px;}
.newsleft{ overflow:hidden; padding-left:2em; padding-right:2em;}
.newsleft h1{font-size: 20px;line-height: 1.5;margin: 10px 10px 10px 0; font-weight:normal;}
.newsleft h1 a{color: #37474f;}
.newsleft h1 a:hover{color: #305dc3;}
.newsleft p{margin-bottom: 10px;font-size: 14px;line-height: 1.5;color: #5e7387;}
.newstime{font-size: 16px;color: #a3afb7; display:inline-block;}
.newstime span{padding-right: 10px;}
.newstime span i{position: relative;display: inline-block;font-style: normal;font-weight: 400;text-rendering: auto; }
.newstime span i img{vertical-align: middle;/*垂直对齐父元素*/}
.newsleftny{padding: 30px;width: 100%;max-width: 100%;font-size: 18px;line-height: 1.8;color: #222;word-wrap: break-word;}
.newsleftny img{ max-width:100%;}
.news-right{padding-right: 1em;padding-left: 1em;}
.news-right h4{font-size: 16px; font-weight:300;color: #37474f;line-height: 1.2; margin-bottom:20px;margin-top: 20px;}
.news-right li{display: inline-block;font-size: 1em;vertical-align: top;margin: 1em 1em 0em;}
.news-right li a{display: block; color: #37474f;}
.news-right li a:hover{color:#305dc3;}

/*新闻内容页*/
.news{ overflow:hidden; padding-left:2em; padding-right:2em;}
.news h1{font-size: 30px;line-height: 1.5;color: #37474f;margin: 10px;}
.newstime{font-size: 16px;color: #a3afb7; display:inline-block;}
.newstime span{padding-right: 10px;}
.newstime span i{position: relative;display: inline-block;font-style: normal;font-weight: 400;text-rendering: auto; }
.newstime span i img{vertical-align: middle;/*垂直对齐父元素*/}
.newsny{padding: 30px;width: 100%;max-width: 100%;font-size: 18px;line-height: 1.8;color: #222;word-wrap: break-word;}
.newsny p{margin-bottom: 1em;}

/*案例页*/
.ali{ overflow:hidden; margin-top:15px; margin-bottom:15px;}
.ali li{display: inline-block;box-sizing: border-box;font-size: 1em; position:relative;padding: 10px;margin: 15px 0;overflow:hidden;}
.aliimg{overflow:hidden;}
.ali li img{ width:100%; display:block; transition: transform 0.5s ease; /* 平滑过渡效果 */}
.ali li:hover img{transform: scale(1.05); /* 鼠标悬停时图片放大到1.2倍 */}
.ali li .alitext{background-color: rgba(0, 3, 51, 0.5);position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 15px;color: #fff; text-align:center;margin: 10px;}
.ali li .alitext h3{font-size: 1.7em;margin-bottom: 20px; font-weight:normal;}
.ali li .alitext a{color: #fff;font-size: 1em;font-weight: 400;line-height: 1.571429;display: inline-block;padding: .429em 1em;cursor: pointer;user-select: none;text-align: center;vertical-align: middle;white-space: nowrap;border: 1px solid #fff;}
.ali li .alitext a:hover{ background-color:#fff; color:#666;opacity: 1;}


/*案例内页*/
.ali-left{padding: 30px;}
.alileft{ overflow:hidden; padding-left:2em; padding-right:2em;}
.alileft h1{font-size: 30px;line-height: 1.5;color: #37474f;margin: 10px;}
.alitime{font-size: 16px;color: #a3afb7; display:inline-block;}
.alitime span{padding-right: 10px;}
.alitime span i{position: relative;display: inline-block;font-style: normal;font-weight: 400;text-rendering: auto; }
.alitime span i img{vertical-align: middle;/*垂直对齐父元素*/}
.alileftny{padding: 30px;width: 100%;max-width: 100%;font-size: 18px;line-height: 1.8;color: #222;word-wrap: break-word;}
.alileftny img{ max-width:100%;}
.ali-right{padding-right: 1em;padding-left: 1em;}
.ali-right h4{font-size: 16px; font-weight:300;color: #37474f;line-height: 1.2; margin-bottom:20px;margin-top: 20px;}
.ali-right li{display: inline-block;font-size: 1em;vertical-align: top;margin: 1em 1em 0em;width: 100%;}
.ali-right li a{display: block; color: #37474f;}
.ali-right li a:hover{color:#305dc3;}