*{margin: 0px;padding: 0px;box-sizing: border-box;font-family: "HarmonyOS_Sans_Light";}
a{text-decoration: none;}
.clr{ clear:both;}
ul,li{ list-style:none;}
body{ font-size:16px; color: #454545; background: #fff; }
img{ max-width:100%; vertical-align: middle;}

@font-face {
  font-family: "HarmonyOS_Sans_Bold";
  src: url("../fonts/HarmonyOS_Sans_Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "HarmonyOS_Sans_Light";
  src: url("../fonts/HarmonyOS_Sans_Light.ttf") format("truetype");
  font-display: swap;
}


/*  头部信息  */
.header-box{ width: 100%; height: auto; z-index: 9; overflow: hidden; background: #fff;   transition: all .5s ease;}
.header-box-cen{ max-width: 1680px; width: 100%; margin: 0 auto; padding: 0 5%;display: flex;justify-content : space-between; }
.header-Logo{ max-width: auto;  overflow:hidden; height: 110px;display: flex;align-items: center;justify-content: center; float: left;}
.menu-box{ width:900px; float: left; height: 50px;}
.menu-box li{float: left; text-align: center; position: relative;  }
.menu-box li a{ display: block; line-height: 50px; color: #666; padding: 0 0.8em; position: relative; transition: all .5s ease;text-transform: Uppercase;
font-family: "HarmonyOS_Sans_Bold";}
.menu-box li a:hover{transition: all .5s ease; color: #fff; background: #005ef4;}
.menu-box li .menu_link{ color: #fff; background: #005ef4;} 
.menu_icon{ width: 40px; line-height: 50px; position: absolute; display: none; right: 10px; top: 0;  color: #fff; text-align: center;cursor: pointer;}
.menu_icon span{ color: #005ef4; font-size: 26px;}
.Right-menu-box{ width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0,0,0,0.5); z-index: 99; display: none;}
.Right-menu-list{ width: 240px; height: 100%; position: fixed; top: 0; right:-250px; background: #fff; padding: 0 30px;transition: all .5s ease;}
.Right-menu-list ul{ padding-top: 60px;}
.Right-menu-list li{ width: 100%; height: 60px; line-height: 60px; border-bottom: #ddd solid 1px;}
.Right-menu-list li a{ color: #000; font-size: 14px; display: block;}
.Right-menu-list li a:hover{ color: #1a6d83;}
.Right-clos{ width: 40px; height: 40px; text-align: right; color: #000;  font-weight: bold; position: fixed; 
right: 20px; top: 18px; cursor: pointer;}
.header-right{ width: 25%; float: right; background: #dcdcdc;}
.search-input{ width: 75%; float: left; height: 50px; padding-left: 20px; line-height: 50px; font-size: 18px;  background: none; border: none;  outline: none;}
.header-right div{ width: 25%; float: right; background: #005ef4; height: 50px; position: relative;}
.header-right div span{ width: 100%; color: #fff; position:absolute; line-height: 50px; top: 0; font-size: 24px; text-align: center; left: 0; z-index: 2;}
.header-right .search-submit{ width: 100%; height: 50px; position:relative; z-index: 9; background: none; border: none; outline: none; cursor: pointer;}
.header-box-cen2{ width: 100%;  background: #eeeeee; margin: 0 auto;display: flex;justify-content : space-between; }
.header-contact{  padding: 0 15px; height: 40px; line-height: 40px; background: #ff7300; color: #fff; margin-top: 32px;}
.header-contact span{ margin-right: 5px;}

/*  banner轮播  */
.banner_box{width:100%;height:auto;position:relative;  }
.banner_ov{width:100%;height:auto;overflow:hidden;margin: 0 auto;position:relative;}
.banner_box .swiper-slide{ overflow: hidden; position: relative;}
.banner_box .swiper-slide img{ width: 100%;}
.banner_box .swiper-pagination{ opacity:1; }
.banner_box .bann-swiper-pagination{bottom: 10px !important;width: 100%;position: absolute; text-align: center; z-index:6;}
.banner_box .swiper-pagination-bullet{width: 14px;height: 14px; margin-right: 20px; border-radius: 100px; border: #fff solid 1px; background: none;
opacity:1 !important;transition: all .3s; outline: none;}
.banner_box .swiper-pagination-bullet-active {opacity: 1;background:#fff;transition: all .3s;border-radius: 100px; }

/*  产品  */
.cenbox{ max-width: 1680px; width: 100%; margin: 0 auto; padding: 0 5%; margin-top:3%; position: relative;}
.title-top{ width: 100%; text-align: center; color: #454545; font-size: 32px; font-weight: bold;text-transform: Uppercase; position: relative;font-family: "HarmonyOS_Sans_Bold";}
.title-top p{ font-size: 20px; font-weight: normal; margin-top: 15px;}
.title-top i{ width: 40px; height: 2px; display: block; background: #0062b2; margin: 0 auto; margin-top: 20px;}
.home-pro{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.home-pro li{ width: 30.6%; float: left; text-align: center; margin-right: 4%;}
.home-pro li .home-buttom{ width: 100%; overflow: hidden; position: relative;}
.home-pro li .home-buttom img{transition: all .5s ease; width: 100%;}
.home-pro li:nth-of-type(3n){margin-right: 0;}
.home-buttom .home-b1{ width: 100%; height: auto; position: absolute; padding: 0 30px; text-align: left; bottom: 0; z-index: 6; overflow: hidden; 
background: url(../images/home-h.png) bottom repeat-x;}
.home-buttom .home-b1 i{ color: #ff7300; font-size: 48px; font-style: normal;}
.home-buttom .home-b1 p{ color: #fff; font-size: 24px;text-transform: Uppercase; margin-bottom: 20px;font-family: "HarmonyOS_Sans_Bold";}
.home-pro li:hover img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.home-b2{ height: 340px; width: 100%;display: flex;align-items: center;justify-content: center; overflow: hidden;}
.home-b2 img{ width: 100%; height: 100%; object-fit: cover; object-position:center;}


.Home-products{ width: 100%; height: auto; overflow: hidden; background: #f8f8f8; margin-top: 5%; padding-bottom: 3%;}
.Home-products-list{ width: 100%; height: auto; overflow: hidden; margin-top: 5%;}
.Home-products-list li{ width: 48%; height: auto; overflow: hidden; float: left; margin-bottom: 3%;}
.Home-products-list li:nth-of-type(even){   float: right;}
.Home-products-list li p{ height: 64px; line-height:32px; overflow: hidden; color: #454545;text-transform: Uppercase; font-size: 24px;font-family: "HarmonyOS_Sans_Bold";}
.Home-products-list li span{ color: #999; font-size: 18px;}
.Home-products-img{ width: 100%; height: 400px; margin-bottom: 20px;display: flex;align-items: center;justify-content: center; overflow: hidden;}
.Home-products-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.Home-more{ width: 150px; height: 50px; line-height: 50px; display: block; margin: 0 auto; background: #ff7300; color: #fff; text-align: center;}
.Home-products-list li:hover p{ color: #005ef4;}


.application-list{ width: 100%; height: auto; overflow: hidden; margin-top: 5%;}
.application-list li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 4%;}
.app-pic{ width: 50%; height: 360px; display: flex;align-items: center;justify-content: center; overflow: hidden; float: left;}
.app-pic img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.app-right{ width: 50%; float: right; padding: 4%; padding-bottom: 0;}
.app-right .tesp{ font-size: 24px; color: #454545;padding-bottom: 15px; border-bottom: #eee solid 1px;text-transform: Uppercase;font-family: "HarmonyOS_Sans_Bold"; }
.app-right .tespan{ font-size: 18px; color: #999;display: block; margin-top: 20px; margin-bottom: 40px;}
.app-right em{ width: 150px; height: 40px; line-height: 40px; background: #ff7300;  font-style: normal; display: block; text-align: center; color: #fff;}
.app-2 .app-right{ float: left;}
.app-2 .app-pic{ float: right;}
.cersol-p{ padding-top: 0 }
.cersol-p .tesp{text-transform: inherit;}

.home-news-bg{ width: 100%; height: auto; overflow: hidden; background: #f8f8f8; margin-top: 2%; padding-bottom: 3%;}
.home-news-left{ width: 50%; height: 560px; float: left; margin-top:4%; position: relative; background-size: cover !important;background-position: 50% !important;}
.home-news-left div{ width: 100%; height: auto; overflow: hidden;color: #fff; padding: 30px; position: absolute; bottom: 0; left:0 ;
 background: url(../images/home-h.png) bottom repeat-x;  }
.home-news-left div p{ font-size: 22px;text-transform: Uppercase;font-family: "HarmonyOS_Sans_Bold"; }
.home-news-left div em{ font-style: normal; font-size: 16px; display:block;  }
.home-news-left div span{font-size: 18px;display:block; margin-top: 30PX; margin-bottom: 30px; }
.home-news-left div a{ width: 120px; height: 40px; line-height: 40px; background: #ff7300; display: block; color: #fff; text-align: center;font-family: "HarmonyOS_Sans_Light";}
.home-news-right{ width: 48.5%; height: auto; float: right;  overflow: hidden; margin-top:4%;}
.home-news-right li{ width: 100%; height: 270px; background: #fff; margin-bottom: 3%; padding: 30px;}
.home-news-right li p{ font-size: 22px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform: Uppercase;font-family: "HarmonyOS_Sans_Bold";}
.home-news-right li em{ font-style: normal; font-size: 16px; display:block;  }
.home-news-right li span{font-size: 18px;display:block; margin-top: 30PX; margin-bottom: 30px; display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;}
.home-news-right li a{ width: 120px; height: 40px; line-height: 40px; background: #ff7300; display: block; color: #fff; text-align: center;font-family: "HarmonyOS_Sans_Light";}
.home-news-more{ color: #005ef4; float: right;}


.pc-block{ display: block;}
.pc-none{ display: none;}

.ny-bann{ width: 100%; padding-bottom: 31.6%;  position: relative; background-size: cover !important;background-position: 50% !important;}
.title-top2{ text-align: left;}
.title-top2 i{ margin:  inherit; margin-top: 20px; width: 60px;}




.news-list{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 40px;  padding-bottom: 3%;}
.news-list li{ width: 32%; height: auto; border: #eee solid 1px; overflow: hidden; position: relative; float: left; margin-right: 2%; margin-bottom: 25px;}
.news-list li:nth-of-type(3n){margin-right: 0;}
.news-pic{ width: 100%; padding-bottom: 74%;   position: relative;}
.news-pic img{width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute;}
.news-Right{ width: 100%;  padding: 25px; }
.news-Right p{color: #454545; font-size: 20px; height: 52px; display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;font-family: "HarmonyOS_Sans_Bold";text-transform: Uppercase;
    word-wrap: break-word;} 
.news-Right i{ color: #999; font-style: normal; margin-bottom: 15px; display: block;}
.news-Right span{ color: #000;  margin-bottom: 5px; display: block; display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-wrap: break-word;
}
.news-Right div{ line-height: 1.55em; color: #454545; font-weight: bold; display: -webkit-box; overflow:hidden; clear: both;
-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-size: 18px;word-wrap: break-word;word-break: break-all;}
.news-list li:hover .news-Right div{ color: #0062b2;}
.news-list li .news-pic div{ width: 100%; height: 100%; left: 0;
 background: rgba(0,89,178,0.5); display: block; position: absolute; top: 0;display: flex;
align-items: center; color: #fff; opacity: 0;
justify-content: center;z-index: 6;transition: all .3s ease-out;}
.news-list li:hover p{ color: #005ef4;}
.news-list li .news-pic div span{ font-size: 18px;}
.news-list li:hover .news-pic div{  opacity: 1;transition: all .3s ease-out;}
.show-topqa {width: 100%;height: auto;overflow: hidden;padding-bottom: 15px;margin-bottom: 30px;border-bottom: #eee solid 1px;}
.show-topqa p {float: left;font-weight: bold;font-size: 20px;}
.show-topqa span {float: right;}
.news-Right em {
    width: 130px;
    height: 40px;
    line-height: 40px;
    background: #ff7300;
    font-style: normal; margin-top: 20px;
    display: block; font-size: 16px;
    text-align: center;
    color: #fff;
}
.list_Scientific{ width: 100%; height: auto; overflow: hidden; padding: 40px; padding-bottom: 0; background: #f3f9ff; margin-bottom: 5%; margin-top: 40px;}
.list_Scientific-title{ color: #005ef4; font-size: 30px; font-style: italic;font-family: "HarmonyOS_Sans_Bold"; }

.news-list2{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 40px;  padding-bottom: 3%;}
.news-list2 li{ width: 23.5%; height: auto; background: #fff; position: relative;  overflow: hidden; float: left; margin-right: 2%; margin-bottom: 25px;}
.news-list2 li:nth-of-type(4n){margin-right: 0;}
.news-pic2{ width: 100%; padding-bottom: 74%;   position: relative;}
.news-pic2 img{width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute;}
.news-Right2{ width: 100%;  padding: 25px; }
.news-Right2 span{ color: #000; height: 63px;  margin-bottom: 5px; display: block; display: -webkit-box; overflow:hidden;
-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-wrap: break-word;}
.news-Right2 em {width: 130px;height: 40px;line-height: 40px;background: #ff7300;font-style: normal; margin-top: 20px;
display: block; font-size: 16px;text-align: center;color: #fff;}
.show-news-left{ width: 72%; height: auto; overflow: hidden; float: left;}
.show-news-title{ width: 100%; padding-bottom: 30px; border-bottom: #eee solid 1px; font-family: "HarmonyOS_Sans_Bold"; font-size: 26px;  color: #454545;}
.show-news-title p{ color: #999; font-size: 16px;}
.show-content{ margin-top: 40px; line-height: 1.65em; color: #000; font-size: 18px; padding-bottom: 50px;}
.show-news-right{ width: 22%; float: right; height: auto; overflow: hidden; margin-top: 105px;}
.show-news-right .show-rtop{ font-size: 24px;}
.show-news-right .show-rtop::before{ top: 5px;}
.show-pev{ width: 100%; height: auto; overflow: hidden; margin-bottom: 40px; margin-top:20px;}
.show-pev div{ width: 100%; padding-bottom: 75%; position: relative;}
.show-pev div img{width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute;}
.show-pev p{ color: #454545; font-size: 18px; margin-top: 15px;font-family: "HarmonyOS_Sans_Bold"; text-transform: Uppercase;}
.show-pev:hover p{ color: #005ef4;}

.footer-bg{ width: 100%; height: auto; overflow: hidden; background: #eeeeee;  padding-bottom: 30px;}
.footer-center{max-width: 1680px; width: 100%; margin: 0 auto; padding: 0 5%; margin-top:3%;}
.footer-logo{ width: 25%; float: left; }
.footer-menu{ width: 26%; float: left;}
.footer-menu a{ color: #454545; font-weight: bold; font-size: 16px; margin-bottom: 10px; display: block; text-align: center;}
.footer-right{ width: 30%; float: left; color: #666;}
.footer-right li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.footer-right li p{ font-weight: bold; color: #454545;}
.footer-right li p em{ padding-right: 5px;}
.footer-right li span{ font-size: 14px; margin-top: 3px; display: block;}
.footer-icon-list{ width: 14%; height: auto; overflow: hidden; float: right;}
.footer-icon-list a{ width:40px; height: 40px; text-align: center; line-height: 40px; float: left; display: block; background: #dcdcdc; 
border-radius: 100px; color: #454545; margin-right: 10px;transition: all .3s ease-out;}
.footer-icon-list a:hover{ background: #005ef4; color: #fff;transition: all .3s ease-out;}
.footer-copy{ text-align: center; width: 100%;font-size: 14px; border-top: #ddd solid 1px; padding-top: 20px;}

.ny-left{ width: 25%; float: left; height: auto; overflow: hidden; background: #fff; margin-top: 3%;}
.ny-left li{ width: 100%; height: 70px; line-height: 70px; position:relative; border-bottom: #eee solid 1px;}
.ny-left li a{ display: block; color: #454545; font-size: 24px;font-weight: bold;}
.ny-left li a i{ position: absolute; right: 0; font-size: 36px; opacity: 0;transition: all .3s ease-out;}
.ny-left li a:hover{ color: #005ef4;transition: all .5s ease;}
.ny-left li a:hover i{ opacity: 1;transition: all .3s ease-out;}
.ny-left li  .ny-menu-links{color: #005ef4;}
.ny-left li  .ny-menu-links i{ opacity: 1;}
.qa-sx{ width: 100%; height: auto; overflow: hidden; margin-top: 30px;}
.qa-sx a{ width: 100%; color: #000; display: block;}
.products-right{ width: 70%; float: right; padding-bottom: 30px; height: auto; overflow: hidden;}
.nycplist .Home-products-img{ border: #eee solid 1px; overflow: hidden; height: 282px;display: flex;
align-items: center;justify-content: center;}
.nycplist .Home-products-img img{ width: 100%;}

.nycplist li p{ font-size: 22px; height: 58px; overflow: hidden;}
.show-top{ width: 100%; height: auto; overflow: hidden; margin-top: 50px; margin-bottom: 70px;}
.show-top-pic{ width: 50%; height: 413px;display: flex; float: left; overflow: hidden;
align-items: center;justify-content: center; border: #eee solid 1px;}
.show-top-pic img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
.show-top-right{ width:50%; padding:0 3%; height: 413px; float: right; position: relative;}
.show-ina a{ width: 100%; height: 50px; line-height: 50px;text-transform: Uppercase; color: #fff;text-align: center; background: #ff7300; display: block; position: absolute; bottom: 0;}
.show_cp-title{ width: 100%; height: auto; font-size: 22px; overflow: hidden; padding-bottom: 15px;font-family: "HarmonyOS_Sans_Bold";   border-bottom: #eee solid 1px;text-transform: Uppercase;}
.show_cp_p{ margin-top: 20px; margin-bottom: 30px; }
.show_cp_content{ padding-bottom: 50px; font-size: 18px;}
.show-bottom-left{ width: 72%; float: left; height: auto; overflow: hidden; color: #454545; font-size: 18px;margin-bottom: 50px; margin-top: 40px;font-family: "HarmonyOS_Sans_Light";}
.show-bottom-right{ width: 22%; float: right; height: auto; overflow: hidden; margin-top: 30px;}
.show-rtop::before{ width: 6px; height: 22px; content: ""; display: block; background: #005ef4; position: absolute; left: 0; top: 5px;}
.show-rtop{ padding-left: 20px; font-size:24px;}
.show-btop{ margin-top: 30px; margin-bottom: 30px;}
.show-btop .home_proimg{ width: 100%; height: 185px; border: #eee solid 1px;display: flex;
align-items: center;justify-content: center;overflow: hidden;}
.show-btop .home_proimg img{width: 100%;}
.show-btop p{ color: #454545; font-size: 20px; margin-top: 15px;  text-transform: Uppercase;font-family: "HarmonyOS_Sans_Bold"; }
.show-btop .bann2-swiper-pagination{ text-align: center; margin-top: 30px;}
.show-btop .swiper-pagination-bullet{ width: 12px; height: 12px; outline: none;}
.show-btop .swiper-pagination-bullet-active{ background: #ff7300;}
.show-ctop{ width: 100%; height: auto; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.show-ctop li{ width: 100%; height: auto; overflow: hidden; position: relative; margin-bottom: 20px;}
.show-cimg{ width: 100%; height: 161px; border: #eee solid 1px; display: flex;align-items: center;justify-content: center;overflow: hidden;}
.show-cimg img{width: 100%; }
.show-ctop li p{ width: 100%; text-align: center; height: 50px; color: #fff; line-height: 50px; background: rgba(0,0,0,0.3); position: absolute; 
bottom: -50px; z-index: 6;transition: all .5s ease;text-transform: Uppercase; font-weight: bold;}
.show-ctop li:hover p{ bottom: 0;transition: all .5s ease;}
.back{ width: 100%; text-align: right; margin-top: 30px;}
.back a{ color: #005ef4;}

.solutions-text{ font-size: 18px;color: #000; margin-top: 60px; }
.solutions-list .app-pic{ height: 270px; float: right;}
.solutions-list .app-right{ padding-left: 0;}
.solutions-list span{ color: #000;}
.solutions-right{ height: auto !important;}
.app-listcp{ width: 100%; height: auto; overflow: hidden; margin-top: 50px; margin-bottom: 40px; }
.app-listcp li{ width: 32%; height: auto; overflow: hidden; float: left; margin-right: 2%;}
.app-listcp li:nth-of-type(3n){margin-right: 0;}
.app-listcp-pic{ width: 100%; padding-bottom: 57%; position: relative;}
.app-listcp-pic img{width: 100%; height: 100%; object-fit: cover; object-position: top; position: absolute; }
.app-listcp li p{ color: #454545; padding-top: 15px; text-transform: Uppercase; font-size: 20px;font-family: "HarmonyOS_Sans_Bold";}

.contact-left{ width: 50%; float: left;}
.contact-right{ width: 40%; float: right; position: relative;}
.contact-from{ margin-top: 40px; width: 90%; height: auto; overflow: hidden;}
.contact-line{ width: 1px; height: 100%; position: absolute; top: 0; left: 50%; background: #eee;}
.contact-box{ width: 100%; height: auto; overflow: hidden; position: relative; margin-bottom: 100px;}
.contact-from li{ width: 30%; float: left; margin-right: 4%; margin-bottom: 20px;}
.contact-from li:nth-of-type(3n){margin-right: 0;}
.contact-from li span{font-size: 18px; color: #000; margin-bottom: 5px; display: block;}
.contact-from li em{ color: red; font-style: normal; padding-left: 3px;position: relative; top: 2px; font-size: 14px;}
.contact-input{ width: 100%; height: 40px; line-height: 40px;  outline: none; padding-left: 10px; border: #dcdcdc solid 1px;}
.contact-from li:nth-child(8){ width: 64%; margin-right: 0;}
.contact-submit{ width: 98%; height: 50px; line-height: 50px; font-size: 20px; background: #ff7300; color: #fff; text-align: center; border: none; outline: none; cursor: pointer;}
.contact-logo{ position: absolute; right: 0; top: 20px; width: 180px;}
.contact-text{ width: 100%; height: auto; overflow: hidden; padding: 40px; background: #fffaf5; margin-top: 40px;}
.contact-text li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 25px;}
.contact-text p{ width: 80px;  float: left; }
.contact-text div{ float: left; width: 80%;}

.show-pro2-title{ font-size: 22px; text-transform: Uppercase;font-family: "HarmonyOS_Sans_Bold";}
.show-wdes{ padding-bottom: 10px; border-bottom: #eee solid 1px; margin-top: 30px;text-transform: Uppercase; margin-bottom: 30px;font-family: "HarmonyOS_Sans_Bold";}
.inno::placeholder{ color: #e60039 !important; }
@media (min-width:320px) and (max-width:768px)
{
.header-box,.header-Logo,.kong{ height: 50px;}
.header-Logo{ max-width:270px;}
.menu_icon,.wap-block{ display: block;}
.menu-box,.wap-none,.header-contact,.home-news-left div span,.news-Right span,.contact-line{ display: none;}
.banner_box .swiper-pagination-bullet{ width: 8px; height: 8px; margin-right: 10px;}
.banner_box .bann-swiper-pagination{ bottom: 10px !important;}
body,.box-map-t1 p,.Home-products-list li span{ font-size:14px;  }
.app-right .tespan,.home-news-right li p,.Home-products-list li p,.solutions-text,.app-listcp li p,.show_cp_content,.news-Right2 span,.show-content
,.contact-from li span{ font-size: 16px;}
.home-buttom .home-b1 p,.home-news-left div p,.show-btop p,.news-Right p{ font-size: 18px;}
.header-right{ margin-right: 40px;}
.header-right li span,.app-right .tesp{ font-size: 18px;}
.header-right li{ line-height: 50px; width: 40px;}
.cenbox{ padding: 0 5%; margin-top: 30px;}
.show_cp_content{ line-height: 1.65em;}
.home-pro{ margin-top: 30px;}
.Home-products-list li p{ height: 40px; line-height:20px; font-size: 14px;
    }
.home-pro li{ width: 100%; margin-right: 0; margin-bottom: 20px;}
.title-top{ font-size: 24px;}
.title-top p,.news-Right div{ font-size: 16px;}
.app-pic,.home-news-left,.home-news-right{ width: 100%;}
.app-right{ width: 100%; padding: 0; padding-top: 20px;}
.home-news-left{ height: 250px;}
.home-news-left div,.home-news-right li{ padding: 20px;}
.home-news-left div a,.home-news-right li a{ height: 30px; line-height: 30px;}
.home-news-left div em{ margin-top: 10px; margin-bottom: 10px;}
.home-buttom .home-b1 i{ font-size: 36px; display: block; margin-top: 30px;}
.home-buttom .home-b1{ padding: 0 20px;} 
.Home-products-list li span{ line-height:16px;}
.Home-products-list li{ margin-bottom: 20px;}
.application-list li{ margin-bottom: 40px;}
.Home-products-list{ margin-top: 30px;}
.Home-more{ width: 100%; height: 40px; line-height: 40px; margin-bottom: 30px; margin-top: 30px;}
.home-news-right li{ height: auto; overflow: hidden;}
.home-news-bg{ padding-bottom: 40px;}
.nycplist li p{ height: 64px; }
.xiaocms-page a{ margin-bottom: 5px }
.home-b2{ height: 230px;}
.Home-products-img{ height: 100px;}
.app-pic,.solutions-list .app-pic{ height: 180px;}
.solutions-text{ margin-top: 20px; margin-bottom: 30px;}

.footer-logo{ width: 100%; margin-top: 30px;}
.footer-logo img{ width: 160px;}
.footer-menu{ width: 100%; margin-top: 20px; margin-bottom: 20px;}
.footer-menu a{ width: 33.33%; float: left; text-align: left;}
.footer-menu a:nth-child(3){ text-align: right;}
.footer-right,.app-right em{ width: 100%;}
.footer-right li span{ font-size: 14px;}
.footer-wx img{ width: 50%; max-width: inherit;}
.home-pro li span{ margin-top: 10px; margin-bottom: 10px; font-size: 20px;}
.footer-icon-list{ width: 100%; margin-bottom: 20px;}

.ny-bann{ height: 125px;}
.ny-left{ width: 100%; background: none; margin-top: 30px;}
.ny-left li{ width: 100%;  background: #f8f8f8; border: #eee solid 1px;}
.ny-left li a{ font-size: 16px; padding-left: 15px;}
.ny-left li:nth-of-type(3n){margin-right: 0;}
.ny-left li .ny-menu-links{ background: #005ef4; color: #fff;}
.ny-left li a i{ right: 5px; font-size: 26px;}
.ny-left li{ height: 40px; line-height: 40px; margin-bottom: 10px;}
.products-right{ width: 100%;}
.nycplist .Home-products-img{ height: 90px;}
.show-topqa p{ font-size: 18px;}
.show-topqa span{ float: left;}
.news-list li{ width: 100%; overflow: hidden; height: auto; margin-bottom: 20px;}
.show-top-pic{ width: 100%; height: 184px;}
.show-top-right{ width: 100%; height: auto; overflow: hidden;  padding: 0 0; padding-bottom: 50px; margin-top: 20px;}
.show_cp-title{ font-size: 20px;}
.show-ina a{ height: 40px; line-height: 40px;}
.show-bottom-left{ width: 100%; font-size: 16px;}
.show-bottom-right{ width: 100%;}
.show-rtop::before{ top: 6px;}
.show-btop .home_proimg{ height: 184px;}
.show-cimg{ height: 159px;}
.show-ctop li p{ bottom: 0; height: auto; line-height: 1.65em; padding-top: 8px; padding-bottom: 8px; overflow: hidden;}
.show-solutions{ margin-bottom: 0;}
.app-listcp li{ width: 100%; margin-right: 0; margin-bottom: 20px;}
.news-pic,.news-pic2{ width: 30%; padding-bottom: 28%; float: left;}
.news-Right,.news-Right2{ padding: 15px; padding-top: 0px; padding-bottom: 0; width: 68%; float: right;}
.news-Right p{ height: auto;-webkit-line-clamp:3; font-size: 14px; margin-top: 10px;}
.news-Right em,.news-Right2 em{ display: none; height: 36px; position: absolute; bottom: 0; left: 0; line-height: 36px;  font-size: 14px; width: 100%;}
.news-Right i{ margin-bottom: 0px; margin-top: 4px; font-size: 12px; }
.list_Scientific{ padding: 10px; padding-top: 20px;}
.news-list2 li{ width: 100%; margin-bottom: 20px;}
.news-Right2 span{ height: auto; margin-top: 10px;-webkit-line-clamp:3;}
.list_Scientific-title{ font-size: 22px;}
.show-news-left,.show-news-right{ width: 100%;}
.show-news-title{ font-size: 20px;}
.show-news-right{ margin-top: 20px;}
.show-pev div{ width: 30%; float: left; padding-bottom: 24%;}
.show-pev p{ width: 63%; float: right; line-height: 1.45em; font-size: 14px;}
.show-news-right .show-rtop{ font-size: 18px; padding-left: 15px;}
.show-news-right .show-rtop::before{ top: 0; height: 20px;}
.contact-left,.contact-from li,.contact-from,.contact-from li:nth-child(8),.contact-submit,.contact-right{ width: 100%;}
.contact-from li{ margin-bottom: 15px;}
.contact-submit{ height: 40px; line-height: 40px;}
.contact-right{ margin-top: 40px;}
.contact-logo{ width: 100px; top: 10px;}
.contact-text{ padding: 20px;}
.contact-text p{ width: 100%; margin-bottom: 5px;}
.contact-text div{ width: 100%; font-family: "HarmonyOS_Sans_Light";}
}


@media (width:768px)
{
.home-pro li {width: 30.6%; margin-right: 4%;}
.app-pic{ width: 50%;}
.app-right{ width: 50%; padding: 4%; padding-top: 0;}
.news-pic{ width: 30%; }
.news-Right{ width: 68%;}
.news-Right div{ display: block;}
.ny-left{ width: 30%; }
.products-right{ width: 65%;}
.nycplist .Home-products-img{ height: 125px;}
.app-pic{ height:230px;}
.home-b2{ height: 160px;}
.Home-products-img{ height: 190px;}
.show-cimg {height: 279px;}
.show-btop .home_proimg {height: 334px;}
.show-top-pic {width: 100%;height: 344px;}
.app-listcp li{width: 32%; margin-right: 2%;}
.news-Right span{ display: block;}
.news-Right em,.news-Right2 em{ display: block;  width: 150px; height: 40px; line-height: 40px; position: relative;   font-size: 14px;}
}

@media (width:375px) 
 {

}
@media (width:414px)
 {
.nycplist .Home-products-img{ height: 102px;}
}

@media (min-width:800px) and (max-width:1380px)
 {
.news-pic{ height: 200px;}
.jianglong_video,.brand_video video{ height: 506px;}
.brand_video{ min-height: 506px;}
.menu-box li a{ padding: 0 0.3em; font-size: 13px;}
}


@media (min-width:769px) and (max-width:1365px)
 {

}


@media (width:1366px)
{
.footer-menu{ width: 22%;}
.footer-icon-list{ width: 17%;}
.menu-box li a{ padding: 0 36px;}
.cersol-p{ padding-top: 0;}
.nycplist .Home-products-img{ height: 232px;}
.nycplist li p{ font-size: 20px;}
.show-top-pic,.show-top-right{ height: 345px;}
.show-btop .home_proimg{ height: 151px;}
.show-cimg{ height: 132px;}
.home-b2{ height: 290px;}
.Home-products-img{ height: 330px;}
.show-btop p{ font-size:16px; }
}

@media (min-width:1123px) and (max-width:1200px)
{


}


/*分页样式*/
.pagediv{ width: 100%; height:auto; float: left; text-align: center;margin-bottom: 20px;margin-top: 20px;}
.listpage {clear: both;text-align: center;}
.xiaocms-page { margin-right: 10px; text-align: center; margin-bottom: 40px;}
.xiaocms-page a { transition: 0.3s; display:inline-block; height:35px; line-height:35px; background:#fff; 
    border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 5px;}
.xiaocms-page a:hover { transition: 0.3s; background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:35px;padding:0 15px; line-height:35px; background:#005ef4 ; border:1px solid #005ef4; color:#fff; text-align:center;margin-left: 5px; }
.xiaocms-page input{transition: 0.3s; position: relative; top: -2px; display:inline-block; height:35px; line-height:35px; background:#fff; 
border:1px solid #e3e3e3; text-align:center; color:#333; outline: none;  width: 40px; margin-left: 5px;}
.gos{ cursor:pointer; }