@charset "utf-8";
*{margin:0;padding:0}
html{overflow-x:hidden;font-size:13.3333333333vw}
body{width:100%;min-width:320px;min-height:100vh;margin:0 auto;font-family:Source Han Sans CN,sans-serif; background:#fff;overflow-x:hidden;text-align:left;position:relative;font-size:16px;color:#000}
img{border:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;}
input,select,textarea{font-family:Source Han Sans CN,sans-serif; font-size:16px;outline:0;margin:0;padding:0}
input[type=button],input[type=date],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=text],input[type=time]{-webkit-appearance:none}
select{-webkit-appearance:none}
textarea{-webkit-appearance:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
ol,ul{padding:0;list-style-type:none}
em{font-style:normal}
input.sub,label{border:none;cursor:pointer}
input,textarea{font-family:Source Han Sans CN,sans-serif; outline:0;margin:0;padding:0}
table{border-collapse:collapse}
td,th{padding:0}
*{box-sizing:border-box}
.clear { clear:both;}
i{ font-style:normal;}
.wrap{width:1400px;position:relative;max-width:100%;margin:0 auto}
/*自定义*/
/*top-full*/
.top-full { position:fixed; top:0; left:0; width:100%; height:auto; z-index:103; }
/*welcome*/
.welcome { background-color:#0e1a30; border-bottom:#525252 solid 1px; color:#b7bbc1; font-size:16px; line-height:50px; }
.welcome-left { float:left; }
.welcome-left span { display:inline-block; margin-right:20px; position:relative; }
.welcome-left i { margin-right:5px; transform: translateY(-2px); }
.welcome-mid { float:right; margin-left:20px; }
.welcome-mid i { transform: translateY(-2px); vertical-align:middle; margin-left:5px; }
.welcome-mid img { width:29px; vertical-align:middle; margin-right:5px; }
.welcome-right { float:right; }
.welcome-right a { display:inline-block; margin-left:5px; }
.welcome-right a img { width:22px; opacity:0.7; vertical-align:middle; }
.welcome-right a:hover img { opacity:1;  }
/*header*/
.header {  height:100px; }
.header.scroll { background-color:#0e1a30; transition: background-color 0.3s ease; }
.header .logo{float:left; height:100px;  }
.header .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.header .logo img{ max-width:100%; max-height:100%; vertical-align:middle; }
.header .nav{float:right;  }
.header .nav ul li {float:left; width:auto; color:#ffffff; font-size:20px; line-height:100px; margin-left:40px; position:relative; } 
.header .nav ul li>a i{display:inline-block;margin-left:5px;transition:all .5s ease 0s}
.header .nav ul li:hover>a i{transform:rotate(-180deg)}
.header .nav ul li a { display:block; color:#ffffff;  }
.header .nav ul li:hover a { color:#52fe68;  }
.header .nav ul li.active a { color:#52fe68;  }
.header .nav ul li .sub { position: absolute;width:200%;left:-50%; text-align:center; top:100px;z-index:30000;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  border-radius:10px;  }
.header .nav ul li .sub ul li { float:none; min-width:auto; width:100%; line-height:45px; position:relative;text-align:left;  padding:0 15px;margin:0;  font-size:15px; font-weight:normal;  background-color:#FFF;  transition: background-color 0.3s ease;}
.header .nav ul li .sub ul li a { color:#000000; font-weight:700; }
.header .nav ul li .sub ul li:hover { background-color:#ecf8ff;  color:#ffffff;}
.header .nav ul li .sub ul li:hover a { color:#000000;}
.header .nav ul li .sub ul li div{position:absolute;left:100%;top:0;width:auto;min-width:400px;z-index:30001;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header .nav ul li .sub ul li div ul li{width:100%;line-height:45px;text-align:left;padding:0 15px;background-color:#fff;white-space:nowrap;transition: background-color 0.3s ease;}
.header .nav ul li .sub ul li div ul li:hover{background-color:#ecf8ff}
.header .nav ul li .sub ul li>a i.icon-caret-right{float:right;margin-right:10px;line-height:45px}
.h-search { float:right; width:55px; height:55px; position:relative; margin-top:22.5px; margin-left:40px; }
.h-search-top { width:100%; height:100%; cursor:pointer; background-color:#52fe68; border-radius:10px; color:#000000; font-size:20px; line-height:55px; text-align:center;  }
.h-search-top i:nth-child(1) { display:inline-block; }
.h-search-top i:nth-child(2) { display:none; }
.h-search-top.active i:nth-child(1) { display:none;  }
.h-search-top.active i:nth-child(2) { display:inline-block;  }
.h-search-top:hover { opacity:0.8; }
.h-search-con { display:none; width:345px; height:42px; position:absolute; right:0; top:71px; text-align:right;  z-index:333;   }
.h-search-con input[type=text] { width:calc(100% - 80px); height:42px;color:#333333; font-size:16px; border:none; vertical-align:middle; background-color:#FFF;border-top-left-radius:5px; border-bottom-left-radius:5px; padding-left:10px; }
.h-search-con .submit {  width:80px; text-align:center; height:42px; color:#ffffff; background-color:#43b6fe; font-size:16px; cursor:pointer; border:none;vertical-align:middle; border-top-right-radius:5px; border-bottom-right-radius:5px;  }
.h-search-con.active { display:block;}
.h-search-top:focus{outline:none;}
/*header2*/
.header2{height:80px;position:fixed;z-index:103;top:0;width:100%; display:none; }
.header2.scroll { background-color:#0e1a30; transition: background-color 1s ease; }
.header2 .main-wrap{height:80px;padding:0 3%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.header2 .logo{width:200px; height:60px;margin-top:10px;overflow:hidden;  float: left; display: inline;}
.header2 .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: left;}
.header2 .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.header2 .nav-btn{width:25px;height:17px;position:relative;cursor:pointer;margin-top:22px; float: right; display: inline;}
.header2 .nav-btn .zi { display:none;  }
.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s}
.header2 .nav-btn .line{display:block;width:100%;height:3px;border-radius:3px;background-color:#52fe68;position:absolute;left:50%;margin-left:-15px}
.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}
.header2 .nav-btn.active .line1{top:0}
.header2 .nav-btn.hover .line{background:#52fe68}
.header2 .nav-btn .line2{top:7px}
.header2 .nav-btn .line3{bottom:0;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0;top:70px;z-index:2;overflow-y:auto}
.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)}
.header2 .js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}
.header2 .js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}
.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:50px;color:#fff;position:relative;box-sizing:border-box}
.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}
.header2 .sub-menu .sec-list{line-height:40px; padding-bottom:10px; display:none}
.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:50px;text-align:center;background:0 0;float:right}
.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/mobile_nav_jia.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:10px}
.header2 .sub-menu .jt.jtRote:after{background:url(../images/mobile_nav_jian.png) no-repeat center;background-size:20px auto}
.header2 .sub-menu .sec-list p{background:url(../images/mobile_nav_dian.png) no-repeat left center;background-size:3px auto;font-size:14px}
.header2 .sub-menu .sec-list a{padding-left:5%;color:#cccccc;display:block}
.header2 .sub-menu .sec-list a:active{color:#37a3dc}
.header2 .icon-close:before{content:"\e6d3"}
.search-bg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:20; background-color:rgba(55,55,55,.95); display:none; } 
.header-wrap { display:none;}
/* nav_zzc */
.nav_zzc{display: none;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99990;}
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}
.nav_menu .nav_menu_top{width: 100%; height:50px;}
.nav_menu .nav_menu_btn{display: block;width:25px;position: absolute;top:16px;right:20px;}
.nav_menu .nav_menu_btn img{display: block;width:25px; }
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; background:url(../images/nav_icon01.png) no-repeat 89% center;height:50px;border-bottom: 1px solid #eaeaea;}
.nav_menu li a{ color:#333333;font-size:14px;display: block;height:50px;line-height:50px;box-sizing: border-box;padding-left: 6%;}
/*banner*/
.banner { position:relative; height:720px; }
.banner .swiper{width:100%;height:100%}
.banner .swiper-slide{display:flex;justify-content:center;align-items:center}
.banner .swiper-pagination-bullet { background: #ffffff; opacity:0.5; }
.banner .swiper-pagination-bullet-active { background-color:#ffffff; opacity:1;  }
.banner .swiper-slide .pic { width:100%; height:100% }
.banner .swiper-slide .pic img{display:block;width:100%;height:100%;object-fit:cover}
.banner .swiper-slide .con { position:absolute; top:0; left:0; width:100%; height:100%; }
.banner .swiper-slide .con .wrap { height:100%; padding-top:50px; display: flex; flex-direction: column;  justify-content: center; align-items: flex-start; padding-right:20%;  }
.banner .swiper-slide .con .tit { color:#ffffff; font-size:50px; line-height:1.2; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-weight:bold; }
.banner .swiper-slide .con .des { color:#b8c9e0; font-size:20px; line-height:1.8; margin-top:30px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.banner .swiper-slide .con .more { margin-top:45px; }
.banner .swiper-slide .con .more-li { display:inline-block; width:230px; height:55px; background-color:#52fe68; border-radius:28px; text-align:center; color:#000000; font-size:20px; line-height:53px; border:#52fe68 solid 1px; margin-right:30px;  transition: background-color 0.3s ease;}
.banner .swiper-slide .con .more-li a { display:block; color:#000000; }
.banner .swiper-slide .con .more-li.border { background:transparent; color:#ffffff; }
.banner .swiper-slide .con .more-li.border a { color:#ffffff;  }
.banner .swiper-slide .con .more-li:hover { opacity:0.8; }
/*分页*/
.pagination{padding-left:0;margin:40px 0;border-radius:4px;text-align:center;width:100%}
ul.pagination{display:inline-block;width:auto}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#52fe68;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#52fe68;border-color:#52fe68}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
/*i-public*/
.i-public { text-align:center; }
.i-public .ban { color:#43b6fe; font-size:20px; line-height:1.5; }
.i-public .tit { color:#0e1a30; font-size:50px; line-height:1.3; font-weight:bold; }
.i-public .des { color:#6a6a6a; font-size:20px; line-height:1.5; padding:0 10%; margin-top:20px; }
.i-public.white .tit { color:#ffffff; }
.i-public.white .des { color:#ffffff; }
/*i-philosophy*/
.i-philosophy { background-color:#f8f9fa; padding-top:50px; padding-bottom:60px; }
.i-philosophy-list { padding-top:30px; }
.i-philosophy-list ul li { float:left; width:calc((100% - 40px) / 2); margin-top:40px; margin-left:40px; height:450px; background-color:#ffffff; border-radius:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding:40px; transition: 0.3s;border:#ffffff solid 1px; }
.i-philosophy-list ul li:hover { border:#43b6fe solid 1px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.i-philosophy-list ul li:nth-child(2n+1) { margin-left:0; }
.i-philosophy-list ul li .pic { width:80px; height:80px; background-color:#f8f9fa; border-radius:10px; }
.i-philosophy-list ul li .pic img { width: 100%;height: 100%; object-fit: contain; }
.i-philosophy-list ul li .tit { color:#0e1a30; font-size:26px; line-height:1.5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:15px; font-weight:bold; }
.i-philosophy-list ul li .des { color:#6a6a6a; font-size:18px; line-height:30px; height:120px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; margin-top:10px; }
.i-philosophy-list ul li .info-box { background-color:#f5fbff; border-radius:10px; padding:10px 10px 10px 30px; position:relative; overflow:hidden; margin-top:20px; }
.i-philosophy-list ul li .info-box::after{content:""; position:absolute; left:0; top:0; width:13px; height:100%; background-color:#43b6fe;  }
.i-philosophy-list ul li .info { color:#4fbbfe; font-size:18px; line-height:30px; height:60px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
/*i-inventory*/
.i-inventory { background-color:#0e1a30; padding-top:60px; padding-bottom:70px; }
.i-inventory-list { height:auto; padding-top:40px; }
.i-inventory-list ul li { float:left; width:calc((100% - 150px) / 6); height:120px; margin-left:30px; margin-top:30px; background-color:#FFF; border-radius:10px; overflow:hidden; position:relative; }
.i-inventory-list ul li:nth-child(6n+1) { margin-left:0; }
.i-inventory-list ul li .pic { width:100%; height:100%; overflow:hidden; }
.i-inventory-list ul li .pic img { width:100%; height:100%; object-fit: contain; }
.i-inventory-list ul li .more { position:absolute; top:0; left:0; width:100%; height:100%;  border-radius:10px; overflow:hidden; background-color:rgba(82, 254, 104, 0.9); color:#000000; font-size:24px; line-height:120px; text-align:center; font-weight:bold; display:none; }
.i-inventory-list ul li:hover .more { display:block; }
/*i-advantages*/
.i-advantages { padding-top:50px; padding-bottom:60px; }
.i-advantages-show { padding-top:70px; }
.i-advantages-left { float:left; width:52%; }
.i-advantages-left ul li { background-color:#f8f9fa; border-radius:10px; margin-top:30px; height:190px; background-color:#f8f9fa; padding:20px 20px  20px 90px; position:relative; border:#f8f9fa solid 1px; }
.i-advantages-left ul li:first-child { margin-top:0; }
.i-advantages-left ul li::after{content:"01"; position:absolute; left:20px; top:25px; width:52px; height:52px; background-color:#43b6fe; border-radius:10px; color:#ffffff; font-size:30px; line-height:52px; text-align:center; font-weight:bold;  }
.i-advantages-left ul li:nth-child(2)::after { content:"02"; }
.i-advantages-left ul li:nth-child(3)::after { content:"03"; }
.i-advantages-left ul li .tit { color:#0e1a30; font-size:26px; line-height:1.5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold; }
.i-advantages-left ul li .des { color:#6a6a6a; font-size:18px; line-height:1.66; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin-top:10px; }
.i-advantages-left ul li:hover { border:#43b6fe solid 1px;  }
.i-advantages-right { float:right; width:43%; height:630px; }
.i-advantages-right img{ width: 100%;height: 100%; object-fit: cover;object-position: center 30%; border-radius:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
/*i-expanded*/
.i-expanded { background-color:#0e1a30; padding-top:60px; padding-bottom:70px; }
.i-expanded-list { padding-top:50px; }
.i-expanded-list ul li { float:left; width:33.33%; position:relative; padding:0 30px 0 50px; }
.i-expanded-list ul li::after{content:""; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#525252; }
.i-expanded-list ul li:first-child::after { display:none; }
.i-expanded-list ul li .pic { width:70px; height:70px; background-color:#52fe68; border-radius:10px; }
.i-expanded-list ul li .pic img { width: 100%;height: 100%; object-fit: contain; }
.i-expanded-list ul li .tit { color:#ffffff; font-size:26px; line-height:1.5; font-weight:bold; margin-top:15px; }
.i-expanded-list ul li .des { color:#ffffff; font-size:18px; line-height:1.66; margin-top:15px; }
/*i-solutions*/
.i-solutions { background-color:#f8f9fa; padding-top:50px; padding-bottom:60px; }
.i-solutions-list { padding-top:25px; }
.i-solutions-list ul li { float:left;width:calc((100% - 35px) / 2); margin-left:35px; margin-top:35px; height:580px; background-color:#FFF;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:10px; overflow:hidden; }
.i-solutions-list ul li:nth-child(2n+1) { margin-left:0; }
.i-solutions-list ul li .pic { height:200px; overflow:hidden; }
.i-solutions-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.i-solutions-list ul li .con { padding:20px 40px 0 40px; }
.i-solutions-list ul li .con .tit { color:#0e1a30; font-size:26px; line-height:1.5; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.i-solutions-list ul li .con .des { color:#6a6a6a; font-size:18px; line-height:1.66; margin-top:10px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical; }
.i-solutions-list ul li .con .info { color:#43b6fe; font-size:18px; line-height:1.66; margin-top:20px; }
.i-solutions-list ul li .con .info p { margin-bottom:10px; background:url(../images/icon-ok.png) no-repeat left 7px; background-size:14px 14px; padding-left:20px; }
.i-solutions-list ul li .con .tag { color:#817f7f; font-size:16px; line-height:35px; }
.i-solutions-list ul li .con .tag  a { display:inline-block; background-color:#f8f9fa; border-radius:28px; padding:0 10px; margin-right:5px; margin-top:10px; }
.i-solutions-list ul li .con .tag  a:hover {background-color:#43b6fe; color:#ffffff; }

/*i-delivery*/
.i-delivery { background-color:#f1f5f9; padding-top:60px; padding-bottom:70px; }
.i-delivery-list { margin-top:50px; }
.i-delivery-list ul { display:flex; align-items: flex-start; justify-content: space-between; }
.i-delivery-list ul li { width:22%; text-align:center; position:relative; }
.i-delivery-list ul li::after{content:"→"; position:absolute; left:-50px; top:50%; transform: translateY(-50%); width:50px; height:50px; color:#1864ca; font-size:26px; line-height:50px;}
.i-delivery-list ul li:first-child::after { display:none; }
.i-delivery-list ul li .nob { width:50px; height:50px; background-color:#1864ca; text-align:center; border-radius:50%; text-align:center; margin:0 auto; color:#ffffff; font-size:26px; line-height:50px;  }
.i-delivery-list ul li .tit { color:#000000; font-size:22px; line-height:1.5;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:15px;  }
.i-delivery-list ul li .des { color:#6b7280; font-size:16px; line-height:1.66; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; margin-top:15px; }
.i-delivery-list ul li:hover .tit { color:#1864ca; }

/*i-sustainability*/
.i-sustainability { background-color:#0e1a30; padding-top:60px; padding-bottom:70px;  }
.i-sustainability-list { padding-top:20px; }
.i-sustainability-list ul li { float:left; width:calc((100% - 40px) / 2); margin-top:40px; margin-left:40px; height:250px; background-color:#192c4e; border:#284476 solid 1px;  border-radius:10px; padding:40px 35px 0 35px; }
.i-sustainability-list ul li:nth-child(2n+1) { margin-left:0; }
.i-sustainability-list ul li .tit { color:#52fe68; font-size:26px; line-height:1.5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.i-sustainability-list ul li .des { color:#ffffff; font-size:18px; line-height:1.66; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin-top:15px; }
/*i-contact*/
.i-contact { padding-top:50px; padding-bottom:60px; }
.i-contact-button { width:1000px; margin:0 auto; background-color:#43b6fe; margin-top:55px;  border-radius:10px; padding:10px; }
.i-contact-button .tit { float:left; width:calc(100% - 250px - 30px);  color:#000000; font-size:24px; line-height:60px; margin-left:30px; }
.i-contact-button .more { float:right;  width:250px; height:60px; background-color:#ffffff; border-radius:10px; text-align:center;  color:#000000; font-size:24px; line-height:60px; }
.i-contact-button .more a { display:block; color:#000000;  }
.i-contact-button .more:hover { color:#43b6fe;  }
.i-contact-button .more:hover a { color:#43b6fe;  }
.i-contact-list{height:auto;padding-top:40px;overflow:hidden;width:100%}
.i-contact-list ul{margin:0;padding:0;list-style:none;display:flex;width:fit-content;animation:scroll 20s linear infinite}
@keyframes scroll{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
.i-contact-list ul li {float:none;width:calc((100% - 150px)/ 6);height:120px;margin-left:30px;margin-top:30px;background-color:#fff;border-radius:10px;overflow:hidden;position:relative;border:#e5e5e5 solid 1px;flex-shrink:0}
/*.i-contact-list ul li:nth-child(6n+1){margin-left:0}*/
.i-contact-list ul li .pic{width:100%;height:100%;overflow:hidden}
.i-contact-list ul li .pic img{width:100%;height:100%;object-fit:contain}
.i-contact-list ul li .more{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;overflow:hidden;background-color:rgba(82,254,104,.9);color:#000;font-size:24px;line-height:120px;text-align:center;font-weight:700;display:none}
.i-contact-list ul li:hover .more{display:block}
.i-contact-list ul:hover{animation-play-state:paused}
/*footer*/
.footer { background-color:#0e1a30; color:#878d98; font-size:20px; line-height:2; padding-top:80px; padding-bottom:70px; }
.footer a:hover { color:#ffffff;  }
.f-left { float:left; width:27%; font-size:18px; }
.f-left img { max-width:164px; }
.f-mid { float:left; margin-left:5%; width:17%; }
.f-right { float:left; margin-left:5%; width:29%; }
.f-ewm { float:right; width:170px; text-align:center; margin-top:60px; }
.f-ewm img { width:100%; }
.f-ban { color:#52fe68; font-size:26px; font-style:italic; font-weight:bold; }
.footer hr { border: 1px solid #878d98; margin:15px 0; }
.f-sns { margin-top:30px; }
.f-sns a { display:inline-block; width:45px; height:45px; margin-right:10px; border-radius:10px; background-color:#43b6fe; text-align:center; line-height:40px; }
.f-sns a img { width:22px; vertical-align:middle; }
.f-sns a:hover { background-color:#52fe68; }
/*f-copy*/
.f-copy { background-color:#0e1a30; text-align:center; color:#878d98; font-size:18px;line-height:2; padding-top:45px; padding-bottom:45px; border-top:#525252 solid 1px; }
.f-copy a:hover { color:#ffffff; }
/*n-banner*/
.n-banner { position:relative; height:500px; }
.n-banner .pic { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; }
.n-banner .pic img{display:block;width:100%;height:100%;object-fit:cover}
.n-banner .con { width:100%; height:100%; z-index:2; position:relative; }
.n-banner .con .wrap { height:100%; padding-top:50px; display: flex; flex-direction: column;  justify-content: center; align-items: flex-start; }
.n-banner .con .tit { color:#ffffff; font-size:50px; line-height:1.2;  font-weight:bold; }
.n-banner .con .des { color:#b8c9e0; font-size:18px; line-height:1.8; margin-top:30px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-right:20%;  }
.n-banner .con .des i { margin-right:5px; }
.n-banner .con .des span { margin-right:25px; }
.n-banner .con .more { margin-top:45px; width:100%; }
.n-banner .con .more-li { display:inline-block; width:230px; height:55px; background-color:#52fe68; border-radius:28px; text-align:center; color:#000000; font-size:20px; line-height:53px; border:#52fe68 solid 1px; margin-right:30px;  transition: background-color 0.3s ease;}
.n-banner .con .more-li a { display:block; color:#000000; }
.n-banner .con .more-li.border { background:transparent; color:#ffffff; }
.n-banner .con .more-li.border a { color:#ffffff;  }
.n-banner .con .more-li:hover { opacity:0.8; }
.n-banner .con .more .n-position { float:right; color:#97959d; font-size:20px; line-height:53px;  }
.n-banner .con .more .n-position a:hover { color:#ffffff;  }
/*n-contact-bg*/
.n-contact-bg { background:url(../images/contact-bg.jpg) no-repeat top center; background-size:100% auto; }
.n-contact { padding-top:50px; padding-bottom:40px; }
.n-contact-list { padding-top:15px; }
.n-contact-list ul li { float:left; width:calc((100% - 50px) / 3); height:250px; background-color:#FFF; border-radius:10px; margin-top:25px; margin-left:25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align:center; padding-top:34px; }
.n-contact-list ul li:nth-child(3n+1) { margin-left:0; }
.n-contact-list ul li .pic { width:70px; height:70px; margin:0 auto; background-color:#f5fbff; border-radius:50%; color:#43b6fe; font-size:35px; line-height:70px; }
.n-contact-list ul li .tit { color:#6f6e6e; font-size:20px; line-height:1.5; margin-top:25px; font-weight:bold; }
.n-contact-list ul li .des { color:#000000; font-size:26px; line-height:1.5; margin-top:5px; }
/*n-message*/
.n-message { padding-top:50px; padding-bottom:60px;  }
.n-message-list { padding-top:30px; }
.n-message-list ul li { float:left; width:48.5%; margin-top:15px; }
.n-message-list ul li:nth-child(2n+2) { margin-left:3%;}
.n-message-list label { color:#000000; font-size:18px; line-height:2.5; padding-left:26px; font-weight:bold; display:block; }
.n-message-list label i { color:#fe0101; font-style:normal; }
.n-message-list input[type=text] { width:100%; height:60px;color:#000000; font-size:18px; border:#eeeeee solid 1px; padding-left:26px;  border-radius:10px; }
.n-message-list input[type=text].duan { width:50%; }
.n-message-list select { width:100%; height:60px;color:#000000; font-size:18px; border:#eeeeee solid 1px; padding-left:26px;  border-radius:10px;  }
.n-message-list textarea { width:100%; height:120px;color:#000000; font-size:18px; border:#eeeeee solid 1px; outline: none; line-height:30px; resize:none; padding-left:26px;  border-radius:10px; }

.n-message-list .flex {display:flex; align-items: center; justify-content: center;}
.n-message-list .submit { display:inline-block; width:37%; text-align:center; height:60px; background-color:#43b6fe; color:#000000; font-size:20px;  border-radius:10px; cursor:pointer; border:none; vertical-align:top;}
.n-message-list .submit:hover { opacity: 0.8; }
.n-message-list .linker { display:inline-block; width:37%; text-align:center; height:60px; line-height:58px; background-color:#ffffff; border:#43b6fe solid 1px; color:#000000; font-size:20px;  border-radius:10px; cursor:pointer; vertical-align:top; margin-left:20px;}
.n-message-list .linker:hover { opacity: 0.8; }
.n-message-list ul li.large { width:100%; margin-left:0; }
.n-message-list ul li .gray { background-color:#f9f8f8; color:#000000; font-size:18px; line-height:1.5; border-radius:30px;  padding:12px 20px 12px 26px; }
.n-message-list ul li .info { color:#000000; font-size:18px; line-height:1.5; padding:10px 20px 10px 26px; }
.n-message-list ul li .info span { color:#fe1212; }
/*n-news-hot*/
.n-news-hot { background-color:#f8f9fa; padding-top:60px; padding-bottom:70px; }
.n-news-hot-box { background-color:#FFF; border-radius:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding:45px; }
.n-news-hot-box .pic { float:left; width:46%; overflow:hidden; }
.n-news-hot-box .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: 0.5s; }
/*.n-news-hot-box .pic:hover img { transform: scale(1.05);transition: 0.5s; }*/
.n-news-hot-box .con { float:right; width:50%; }
.n-news-hot-box .con .tit { color:#0e1a30; font-size:30px; line-height:1.5; font-weight:bold; }
.n-news-hot-box .con .des { color:#000000; font-size:18px; line-height:1.66; margin-top:15px; }
.n-news-hot-box .con .more { width:200px; height:55px; background-color:#43b6fe; border-radius:10px; text-align:center; color:#000000; font-size:20px; line-height:55px; margin-top:40px;  }
.n-news-hot-box .con .more a { display:block; color:#000000; }
.n-news-hot-box .con .more:hover { opacity: 0.8; }
/*n-news*/
.n-news { padding-top:50px; padding-bottom:60px; }
.n-news-list { padding-top:10px; }
.n-news-list ul li { float:left; width:calc((100% - 40px) / 2); margin-left:40px; margin-top:40px; border-radius:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); overflow:hidden; }
.n-news-list ul li:nth-child(2n+1) { margin-left:0; }
.n-news-list ul li .pic { height:350px; overflow:hidden; }
.n-news-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.n-news-list ul li .con { height:400px; padding:20px 30px 0 30px; }
.n-news-list ul li .con .date { color:#8d8e8e; font-size:18px; line-height:1.5; }
.n-news-list ul li .con .date i { color:#43b6fe; margin-right:5px; }
.n-news-list ul li .con .date span { margin-right:25px; }
.n-news-list ul li .con .tit { color:#0e1a30; font-size:26px; line-height:36px; height:72px;   text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-weight:bold; margin-top:15px; }
.n-news-list ul li .con .des { color:#000000; font-size:18px; line-height:30px; height:90px;  text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin-top:15px; }
.n-news-list ul li .con .bottom { display:flex; align-items: center; justify-content: space-between; border-top:#eeeeee solid 1px; padding-top:30px; margin-top:35px; }
.n-news-list ul li .con .bottom .more { width:150px; height:55px; text-align:center; color:#000000; font-size:20px; line-height:55px; border-radius:10px; background-color:#43b6fe; }
.n-news-list ul li .con .bottom .tag { color:#817f7f; font-size:16px; line-height:55px; }
.n-news-list ul li .con .bottom .tag span { display:inline-block; background-color:#f8f9fa; border-radius:28px; padding:0 10px; margin-left:5px; }
.n-news-list ul li .con .bottom .tag span:hover {background-color:#43b6fe; color:#ffffff; }
.n-news-list ul li .con .tit:hover { color:#43b6fe; }
.n-news-list ul li .con .bottom .more:hover  { opacity: 0.8; }
/*n-newshow*/
.n-newshow { padding-top:30px; padding-bottom:60px; }
.n-newshow .con { color:#111111; font-size:20px; line-height:2; word-break: break-word; }
.n-newshow .con img { max-width:100%; }
.n-newshow .tag { color:#000000; font-size:16px; line-height:40px; border-top:#eeeeee solid 1px; margin-top:50px; padding-top:40px; }
.n-newshow .tag a { display:inline-block; background-color:#f8f9fa; border-radius:28px; padding:0 20px; margin-left:5px; border:#eeeeee solid 1px; }
.n-newshow .tag a:hover {color:#43b6fe; }
/*n-proshow*/
.n-proshow { padding-top:30px; padding-bottom:60px;  color:#111111; font-size:20px; line-height:2; border-top:#eeeeee solid 1px; border-bottom:#eeeeee solid 1px; }
/*n-download*/
.n-download { padding-top:10px; padding-bottom:60px; }
.n-download ul li { float:left; width:48.5%; height:80px; border:#f0f0f0 solid 1px; border-radius:10px; margin-top:20px; color:#000000; font-size:19px; line-height:78px; padding:0 20px; }
.n-download ul li:nth-child(even) { margin-left:3%; }
.n-download ul li .pic { float:left; width:34px; }
.n-download ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-download ul li .tit { float:right;  width:calc(100% - 34px - 20px); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.n-download ul li:hover { color:#43b6fe; }
/*n-about*/
.n-about { padding-top:50px; padding-bottom:60px; }
.n-about-show { margin-top:20px;  color:#000000; font-size:18px; line-height:1.66; }
.n-about-show img { max-width:100%; }
/*n-control*/
.n-control { background-color:#0e1a30; padding-top:60px; padding-bottom:70px; }
.n-control-list { padding-top:50px; }
.n-control-list ul li { float:left; width:25%; position:relative; padding:0 30px 0 50px; }
.n-control-list ul li::after{content:""; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#525252; }
.n-control-list ul li:first-child::after { display:none; }
.n-control-list ul li .pic { width:70px; height:70px; background-color:#52fe68; border-radius:10px; }
.n-control-list ul li .pic img { width: 100%;height: 100%; object-fit: contain; }
.n-control-list ul li .tit { color:#ffffff; font-size:26px; line-height:1.5; font-weight:bold; margin-top:15px; }
.n-control-list ul li .des { color:#ffffff; font-size:18px; line-height:1.66; margin-top:15px; }
/*n-mission*/
.n-mission { padding-top:50px; padding-bottom:100px; }
.n-mission-list { height:auto; }
.n-mission-list ul li { margin-top:70px; }
.n-mission-list ul li .pic { float:left; width:48.5%; }
.n-mission-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-mission-list ul li .con { float:right; width:48.5%;  }
.n-mission-list ul li:nth-child(even) .pic { float:right; }
.n-mission-list ul li:nth-child(even) .con { float:left; }
.n-mission-list ul li .tit { color:#0e1a30; font-size:40px; line-height:1.5; font-weight:bold; margin-top:30px; }
.n-mission-list ul li .des { color:#8d8e8e; font-size:18px; line-height:2;  }
.n-mission-list ul li .info { color:#0e1a30; font-size:26px; line-height:1.66; margin-top:30px; }
.n-mission-list ul li .info p { margin-bottom:10px; background:url(../images/icon-ok.png) no-repeat left 15px; background-size:14px 14px; padding-left:20px; }
.n-mission-list ul li .show { color:#0e1a30; font-size:18px; line-height:1.66; }
.n-mission-list ul li .show h4 { color:#43b6fe; font-size:26px; line-height:1.5; font-weight:bold; margin-top:20px; }
/*n-partners*/
.n-partners { padding-top:60px; padding-bottom:70px; }
.n-partners .i-public .des { padding:0; }
.n-partners-list { padding-top:20px; }
.n-partners-list ul li { float:left; width:calc((100% - 20px) / 2); height:150px; background-color:#f8f9fa; border-radius:10px; margin-top:20px; margin-left:20px; color:#0e1a30; font-size:26px; line-height:1.5; font-weight:bold; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding:30px 30px 30px 80px; position:relative; }
.n-partners-list ul li:nth-child(2n+1) { margin-left:0; }
.n-partners-list ul li::after{content:"01"; position:absolute; left:0; top:0; width:80px; height:150px; text-align:center; color:#43b6fe; font-size:40px; line-height:150px; font-weight:bold; }
.n-partners-list ul li:nth-child(2)::after { content:"02"; }
.n-partners-list ul li:nth-child(3)::after { content:"03"; }
.n-partners-list ul li:nth-child(4)::after { content:"04"; }
/*x-scenarios*/
.x-scenarios {  background-color:#0e1a30; padding-top:60px; padding-bottom:70px; }
.x-scenarios .i-public .tit { color:#FFF; }
.x-scenarios-list { padding-top:20px; }
.x-scenarios-list ul li { float:left; width:calc((100% - 20px) / 2); height:170px; background-color:#192c4e; border:#284476 solid 1px; border-radius:10px; margin-top:20px; margin-left:20px; color:#ffffff; font-size:18px; line-height:2; padding:30px 30px 30px 80px; position:relative; }
.x-scenarios-list ul li .tit {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;  }
.x-scenarios-list ul li:nth-child(2n+1) { margin-left:0; }
.x-scenarios-list ul li::after{content:"01"; position:absolute; left:0; top:0; width:80px; height:150px; text-align:center; color:#43b6fe; font-size:40px; line-height:150px; font-weight:bold; }
.x-scenarios-list ul li:nth-child(2)::after { content:"02"; }
.x-scenarios-list ul li:nth-child(3)::after { content:"03"; }
.x-scenarios-list ul li:nth-child(4)::after { content:"04"; }
.x-scenarios-list ul li:nth-child(5)::after { content:"05"; }
.x-scenarios-list ul li:nth-child(6)::after { content:"06"; }
.x-scenarios-list ul li:nth-child(7)::after { content:"07"; }
.x-scenarios-list ul li:nth-child(8)::after { content:"08"; }
.x-scenarios-list ul li:nth-child(9)::after { content:"09"; }
.x-scenarios-list ul li:nth-child(10)::after { content:"10"; }
.x-scenarios-list ul li:hover { border:#43b6fe solid 1px; }
/*n-segments*/
.n-segments { background-color:#0e1a30; padding-top:60px; padding-bottom:70px; }
.n-segments .i-public .des { padding:0; }
.n-segments-list { padding-top:10px; }
.n-segments-list ul li  {float:left; width:calc((100% - 40px) / 2); height:380px; background-color:#192c4e; border:#284476 solid 1px; border-radius:10px; margin-top:40px; margin-left:40px; padding:30px; }
.n-segments-list ul li:nth-child(2n+1) { margin-left:0; }
.n-segments-list ul li .top { height:auto; }
.n-segments-list ul li .pic { float:left; width:70px; height:70px; background-color:#52fe68; border-radius:50%; }
.n-segments-list ul li .pic img { width: 100%;height: 100%; object-fit: contain; }
.n-segments-list ul li .tit { float:right;  width:calc(100% - 70px - 25px); color:#52fe68; font-size:26px; line-height:35px; font-weight:bold; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n-segments-list ul li .des {  color:#8c96a7; font-size:18px; line-height:1.66; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top:15px; }
.n-segments-list ul li .info { color:#ffffff; font-size:16px; line-height:1.66;margin-top:20px;  }
.n-segments-list ul li .info p { margin-bottom:10px; background:url(../images/icon-ok-green.png) no-repeat left 7px; background-size:14px 14px; padding-left:20px;  }
/*n-advantages*/
.n-advantages { padding-top:50px; padding-bottom:60px; }
.n-advantages-list { padding-top:15px; }
.n-advantages-list ul li { float:left; width:calc((100% - 20px) / 2); margin-left:20px; margin-top:25px; height:320px; background-color:#FFF; border:#f1f1f1 solid 1px; border-radius:10px; overflow:hidden; border-left:#69c5fe solid 10px; padding:25px 25px 25px 50px;  }
.n-advantages-list ul li:nth-child(2n+1) { margin-left:0; }
.n-advantages-list ul li .tit { color:#0e1a30; font-size:26px; line-height:1.5; font-weight:bold; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n-advantages-list ul li .des { color:#6a6a6a; font-size:18px; line-height:1.66; margin-top:10px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.n-advantages-list ul li:hover { border:#69c5fe solid 1px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-left:#69c5fe solid 10px; }
/*n-purchase*/
.n-purchase { background-color:#f8f9fa; padding-top:60px; padding-bottom:70px; }
.n-purchase-list { padding-top:20px; }
.n-purchase .item{border-bottom:1px solid #eee; background-color:#FFF; border-radius:10px; padding:20px; margin-top:20px; }
.n-purchase .question-top {padding:0 15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer; color:#000000; font-size:26px; line-height:1.5; }
.n-purchase .question-top span { color:#c6e9ff; }
.n-purchase .question-top .plus{width:24px;height:24px;border:1px solid #000000;border-radius:3px;text-align:center;line-height:20px;font-size:26px;transition:.3s}
.n-purchase .question-top.active .plus{transform:rotate(45deg);color:#c6e9ff;border-color:#c6e9ff}
.n-purchase .question-box{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.n-purchase .question-box.show { max-height: 1000px; }
.n-purchase .question{padding:15px 10px;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;justify-content:space-between;align-items:center; color:#000000; font-size:18px; line-height:1.66;  margin-top:20px; }
.n-purchase .question:hover { color:#43b6fe;  }
.n-purchase .q-text{font-weight:500}
.n-purchase .answer{padding:15px 10px;background:#f8f9fa; color:#067cc6; font-size:18px; line-height:1.66; display:none}
/*n-prodetail*/
.n-prodetail { padding-top:70px; padding-bottom:50px; }
.n-prodetail-left { float:left; width:46%; height:420px; border:#eeeeee solid 1px; border-radius:10px;  }
.n-prodetail-left img { width: 100%;height: 100%; object-fit: contain; }
.n-prodetail-right { float:right; width:50%; }
.n-prodetail-right .cate { color:#0e1a30; font-size:20px; line-height:1.5; }
.n-prodetail-right .tit { color:#0e1a30; font-size:32px; line-height:1.5; font-weight:bold; }
.n-prodetail-right .des { color:#0e1a30; font-size:20px; line-height:1.5; margin-top:20px; }
.n-prodetail-right .info { color:#0e1a30; font-size:16px; line-height:1.5; margin-top:50px; }
.n-prodetail .quantity-wrap { display: flex; align-items: center; margin-top: 10px; }
.n-prodetail .quantity-input-group { display: flex;  align-items: center; border: 1px solid #ddd;  overflow: hidden;}
.n-prodetail .quantity-btn {  width: 55px; height: 55px; border: none; background-color: #fff; font-size: 20px; cursor: pointer;transition: background-color 0.2s; }
.n-prodetail .quantity-btn:hover { background-color: #f5f5f5; }
.n-prodetail .quantity-input {  width: 100px; height:55px; border: none; border-left: 1px solid #ddd;  border-right: 1px solid #ddd;  text-align: center; font-size: 20px;  outline: none;}
.n-prodetail .quote-btn { width:auto; padding:0 30px;  height:60px; border: none; border-radius: 8px;  background-color: #43b6fe; color: #000000;  font-size: 20px; line-height:60px; font-weight: 500;  cursor: pointer;  transition: background-color 0.2s; margin-left:20px; }
.n-prodetail .quote-btn:hover { opacity:0.8; }
/*modal-overlay*/
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:9999}
.modal-overlay.show { display:flex; }
.modal-overlay .modal-content{width:90%; max-width:1000px; background-color:#fff;border-radius:8px;padding:20px 30px;position:relative;max-height:90vh;}
.modal-overlay .modal-header{display:flex;justify-content:space-between;align-items:center;}
.modal-overlay .modal-title{font-size:22px;font-weight:500;color:#000}
.modal-overlay .close-btn{font-size:18px;color:#333;cursor:pointer}
.modal-overlay .close-btn:hover{color:#1677ff}
.modal-overlay .divider{border:none;border-top:1px solid #f0f0f0;margin-top:10px}
.scrollarea { height:calc(90vh - 100px); overflow-y:auto; padding-top:10px; padding-bottom:10px; }
/*n-equipment*/
.n-equipment { padding-top:50px; padding-bottom:60px;  }
.n-equipment-list { padding-top:15px; }
.n-equipment-list ul li.per2 { float:left; width:calc((100% - 75px) / 2);}
.n-equipment-list ul li.per3 { float:left; width:calc((100% - 75px) / 3);}
.n-equipment-list ul li.per3:nth-child(3n+1) { margin-left:0; }
.n-equipment-list ul li.per3:nth-child(4n+1) { margin-left:25px; }

.n-equipment-list ul li { float:left; width:calc((100% - 75px) / 4); margin-top:25px; margin-left:25px; border:#eeeeee solid 1px; border-radius:10px;  }
.n-equipment-list ul li:nth-child(4n+1) { margin-left:0; }
.n-equipment-list ul li .pic { height:215px; }
.n-equipment-list ul li .pic img { width: 100%;height: 100%; object-fit: contain; }
.n-equipment-list ul li .con { padding:30px 15px 0 15px; height:160px; border-top:#eeeeee solid 1px; }
.n-equipment-list ul li .con .tit { color:#0e1a30; font-size:20px; line-height:30px; height:60px; font-weight:bold; }
.n-equipment-list ul li .con .des { color:#0e1a30; font-size:16px; line-height:1.5; margin-top:15px; }
.n-equipment-list ul li .con .des i { float:right; color:#43b6fe;  }
.n-equipment-list ul li:hover { border:#43b6fe solid 1px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.n-equipment-list ul li:hover .con { border-top:#43b6fe solid 1px; }
.n-equipment-more {margin-top:60px; text-align:center; }
.n-equipment-more .tit {  display:inline-block; padding:0 25px; width:auto;  height:60px; background-color:#43b6fe; border-radius:10px; color:#000000; font-size:18px; line-height:60px; text-align:center; cursor:pointer; }
.n-equipment-more .tit:hover { opacity:0.8; }
/*n-inquiry*/
.n-inquiry { background-color:#f8f9fa; padding-top:60px; padding-bottom:70px; }
.n-inquiry-ban { display:flex; align-items: center; justify-content: space-between; }
.n-inquiry-ban .tit { color:#0e1a30; font-size:50px; line-height:60px; font-weight:bold; }
.n-inquiry-ban .btn-batch{  display:inline-block; padding:0 25px; width:auto;  height:60px; background-color:#43b6fe; border-radius:10px; color:#000000; font-size:18px; line-height:60px; text-align:center; cursor:pointer;  }
.n-inquiry-ban .btn-batch:hover { opacity:0.8; }
.n-inquiry .search-card{background:#fff;border-radius:10px;padding:20px; margin-top:40px; border:#eeeeee solid 1px; }
.n-inquiry .search-form{display:flex; align-items: center; justify-content: space-between; gap: 15px; }
.n-inquiry .search-input{height:48px;border-radius:10px;border:1px solid #e5e7eb;padding:0 15px;font-size:16px; background-color:#f8f9fa; }
.n-inquiry .search-input:focus{border-color:#40b4ff;box-shadow:0 0 0 3px rgba(64,180,255,.1)}
.n-inquiry .btn-search{background-color:#40b4ff;border-color:#40b4ff;height:48px;border-radius:8px;padding:0 30px;font-size:18px;font-weight:500}
.n-inquiry .btn-search:hover{background-color:#39d;border-color:#39d}
.n-inquiry .btn-reset{height:48px;border-radius:8px;padding:0 30px;font-size:18px;font-weight:500;border:1px solid #40b4ff;color:#40b4ff;background:#fff}
.n-inquiry .btn-reset:hover{background-color:#f0f9ff}
.n-inquiry .table-card{background:#fff;border-radius:10px;padding:20px; border:#eeeeee solid 1px; margin-top:20px;}
.n-inquiry .stock-tag{background-color:#dcfce7;  padding: 6px 16px;border-radius: 20px;}
.n-inquiry .layui-laypage a,.layui-laypage span{border-radius:6px;height:36px;line-height:36px;}
.n-inquiry .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#40b4ff}
.n-inquiry .page-info{font-size:14px;color:#374151;margin-top:20px}
.quantity-input-group{display:flex;align-items:center;justify-content:center;gap:0}
.quantity-input-group .quantity-btn{width:32px;height:32px;border:1px solid #e5e7eb;background-color:#f8f9fa;color:#374151;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.quantity-input-group .quantity-btn:hover{background-color:#40b4ff;color:#fff;border-color:#40b4ff}
.quantity-input-group .quantity-btn.quantity-minus{border-radius:6px 0 0 6px}
.quantity-input-group .quantity-btn.quantity-plus{border-radius:0 6px 6px 0}
.quantity-input-group .quantity-input{width:50px;height:32px;border:1px solid #e5e7eb;border-left:none;border-right:none;text-align:center;font-size:14px;color:#374151;background-color:#fff}
.quantity-input-group .remove-btn{color:#ef4444;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:5px;transition:all .2s}
.quantity-input-group .remove-btn:hover{color:#dc2626}
.quantity-input-group .remove-btn i{font-size:16px}
.table-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.table-scroll-container::-webkit-scrollbar{height:6px}
.table-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}
.table-scroll-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}
.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
/*x-download*/
.x-download { padding-top:40px; padding-bottom:50px; }
.x-download-left { float:left; width:23%; background-color:#f9fafb; border-radius:10px;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); padding:0 10px; }
.x-download-left-ban { color:#000000; font-size:22px; line-height:88px; font-weight:bold; padding-left:15px; border:#f9fafb solid1px; }
.category-list { height: auto;}
.category-item { height: auto;}
.category-name { border-top: #dcdcdc solid 1px; border-bottom: #dcdcdc solid 1px; padding-left: 15px; }
.category-name .tit { float: left; width:calc(100% - 50px); color:#3a3a3a; font-size:18px; line-height:50px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.category-name .tit:hover { color:#43b6fe; }
.category-name .icon { float: right; width: 50px; text-align: center;  color:#3a3a3a; font-size:18px; line-height:50px; cursor: pointer; }
.category-name:hover { background-color:#e6f3fb; border-top: #e6f3fb solid 1px; border-bottom: #e6f3fb solid 1px; }
.subcategory-list { height: auto; padding:10px 0;  }
.subcategory-list ul li { color:#525151; font-size:18px; line-height:50px; padding-left:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.subcategory-list ul li:hover { color:#43b6fe;  }
.x-download-right { float:right; width:75%; background-color:#ffffff; border-radius:10px;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border:#eeeeee solid1px; padding-bottom:1px; }
.x-download-right-ban { color:#000000; font-size:18px; line-height:88px; border-bottom:#eeeeee solid 1px; padding-left:20px; }
.x-download-right-ban .strong { font-size:22px; font-weight:bold; }
.x-download-right-ban .blue { font-size:22px;  font-weight:bold; color:#43b6fe;  }
.x-download-list { height:auto; }
.x-download-list ul li { border-bottom:#eeeeee solid 1px; padding:0 25px; }
.x-download-list ul li:hover { background-color:#f9fafb;  }
.x-download-list ul li .pic { float:left; width:34px; height:60px;  }
.x-download-list ul li .pic img { width: 100%;height: 100%; object-fit: contain; }
.x-download-list ul li .tit { float:left; margin-left:10px; width:calc(100% - 34px - 260px - 10px); color:#000000; font-size:16px; line-height:60px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.x-download-list ul li .date { float:right; width:260px; color:#908f8f; font-size:14px; line-height:60px; text-align:right; }
.x-download-list ul li .date i { margin-left:10px; }
/*gray-bg*/
.gray-bg { background-color:#f8f9fa; }
/*x-features*/
.x-features { background-color:#0e1a30; padding-top:70px; padding-bottom:100px; }
.x-features-list { height:auto; padding-top:40px; }
.x-features-list ul li { float:left; width:28.5%; margin-left:2%; height:340px; background-color:#ffffff; border-radius:10px; margin-top:20px; }
.x-features-list ul li .pic { display:none; }
.x-features-list ul li .con { padding:30px; }
.x-features-list ul li .con .tit { color:#0e1a30; font-size:26px; line-height:1.4; font-weight:bold; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.x-features-list ul li .con .des { color:#6a6a6a; font-size:18px; line-height:1.7; margin-top:15px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;  }
.x-features-list ul li:hover  { border:#43b6fe solid 1px; }
.x-features-list ul li:hover .con { padding:29px; }
.x-features-list ul li:hover .con .tit { color:#43b6fe; }
.x-features-list ul li:first-child { width:39%; margin-left:0; height:700px; }
.x-features-list ul li:first-child .pic { display:block; height:360px; overflow:hidden; }
.x-features-list ul li:first-child .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
/*x-series*/
.x-series { background-color:#f8f9fa; padding-top:70px; padding-bottom:100px; }
.x-series-list { padding-top:25px; }
.x-series-list ul li { float:left; width:calc((100% - 35px) / 2); margin-left:35px; margin-top:35px; background-color:#FFF; border-radius:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); overflow:hidden; }
.x-series-list ul li:nth-child(2n+1) { margin-left:0; }
.x-series-list ul li .pic { height:350px; overflow:hidden; }
.x-series-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.x-series-list ul li .con { height:360px; padding:20px 30px 0 30px; }
.x-series-list ul li .con .tit { color:#0e1a30; font-size:26px; line-height:1.5; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.x-series-list ul li .con .des { color:#222222; font-size:18px; line-height:35px; height:175px; overflow:hidden; margin-top:10px;  }
.x-series-list ul li .con .line {border-bottom:#eeeeee solid 1px; margin:10px 0 20px 0; }
.x-series-list ul li .con .more { width:300px; height:55px; margin:0 auto; text-align:center; background-color:#43b6fe; border-radius:10px; color:#000000; font-size:20px; line-height:55px; }
.x-series-list ul li:hover .con .tit { color:#43b6fe;  }
.x-series-list ul li:hover .more { opacity:0.8; }
/*x-suite*/
.x-suite { padding-top:50px; }
.x-suite-list { margin-top:50px; }
.x-suite-list ul { display: flex; }
.x-suite-list ul li { flex: 1; width:25%; height:550px; position:relative; transition: all 0.5s ease;}
.x-suite-list ul li .pic { width:100%; height:100%; }
.x-suite-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.x-suite-list ul li .con { position:absolute; top:0; left:0; width:100%; height:100%; display: flex; align-items: center;  justify-content: center;  flex-direction: column; text-align:center; background-color:rgba(0, 0, 0, 0.3);  }
.x-suite-list ul li .con .tit { color:#ffffff; font-size:26px; line-height:1.5; font-weight:bold; }
.x-suite-list ul li .con .des { color:#ffffff; font-size:18px; line-height:1.5; padding:0 40px; margin-top:10px; }
.x-suite-list ul li .con .more { width:300px; height:55px; background-color:#43b6fe; border-radius:10px; text-align:center; color:#000000; font-size:20px; line-height:55px; display:none; margin-top:20px; }
.x-suite-list ul li .con .more:hover { opacity:0.8; }
.x-suite-list ul li:hover { flex: 42; }
.x-suite-list ul:hover li:not(:hover) { flex: 19.333; }
.x-suite-list ul li:hover .con { background-color:rgba(0, 0, 0, 0);   }
.x-suite-list ul li:hover .con .more { display:block; }
/*sidebar-left*/
.sidebar-left{position:fixed;left:5px;top:50%;width:70px;padding:10px;border-radius:35px;background-color:#fff;border:#e5e5e5 solid 1px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); z-index:105; }
.sidebar-left ul li{width:100%;height:50px;position:relative;margin-top:10px}
.sidebar-left ul li:first-child{margin-top:0}
.sidebar-left ul li .pic{width:100%;height:100%}
.sidebar-left ul li .pic img{width:100%;height:100%;object-fit:contain}
.sidebar-left ul li .pic2{display:none;width:100%;height:100%}
.sidebar-left ul li .pic2 img{width:100%;height:100%;object-fit:contain}
.sidebar-left ul li .con{position:absolute;left:100%;top:50%;transform:translateY(-50%);display:none;padding-left:12px;white-space:nowrap}
.sidebar-left ul li .tit{height:34px;background-color:#0e1a30;border-radius:17px;padding:0 13px;color:#fff;font-size:16px;line-height:34px;display:inline-block}
.sidebar-left ul li:hover .pic{display:none}
.sidebar-left ul li:hover .pic2{display:block}
.sidebar-left ul li:hover .con{display:block}
.sidebar-left ul li .con .tit:hover{opacity:.8}
/*sidebar-right*/
.sidebar-right { position:fixed; right:5px; top:50%; width:68px; z-index:5; }
.sidebar-right ul li{width:100%;height:68px;position:relative;margin-top:10px; cursor:pointer; }
.sidebar-right ul li:first-child{margin-top:0}
.sidebar-right ul li .pic{width:100%;height:100%; background-color:#FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);border-radius:50%;}
.sidebar-right ul li .pic img{width:100%;height:100%;object-fit:contain}
.sidebar-right ul li:hover .pic { background-color:#f1f7fe;}
.sidebar-right ul li:last-child .pic { background-color:#0e1a30; }
.sidebar-right ul li .box { position:absolute; right:100%;  top:0; width:165px; }
.sidebar-right ul li .con { width:155px;  background-color:#FFF;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);border-radius:10px; padding:5px 5px 5px 5px; border:#e5e5e5 solid 1px; text-align:center; display:none; }
.sidebar-right ul li .con .ewm { width:100%; height:auto; }
.sidebar-right ul li .con .ewm img { width:100%; height:auto; border-radius:10px; }
.sidebar-right ul li .con .tit { color:#0e1a30; font-size:16px; line-height:30px; }
.sidebar-right ul li:hover .con { display:block; }



@media (max-width:1650px){
.wrap{width:90%}
/*welcome1650*/
.welcome { font-size:15px; line-height:40px; }
.welcome-left span { margin-right:15px; }
.welcome-mid { margin-left:15px; }
.welcome-mid img { width:25px; }
.welcome-right a img { width:20px; }
/*header1650*/
.header {  height:80px; }
.header .logo{ height:80px; width:6.1%; }
.header .nav ul li { font-size:18px; line-height:80px; margin-left:30px; } 
.header .nav ul li .sub { top:80px;}
.header .nav ul li .sub ul li { font-size:14px; }
.h-search { width:45px; height:45px; margin-top:17.5px; margin-left:30px; }
.h-search-top { border-radius:8px; font-size:18px; line-height:45px;  }
.h-search-con { top:66px; }
/*banner1650*/
.banner { height:620px; }
.banner .swiper-slide .con .wrap { padding-top:40px; padding-right:18%;  }
.banner .swiper-slide .con .tit { font-size:40px; }
.banner .swiper-slide .con .des { font-size:18px; margin-top:25px; }
.banner .swiper-slide .con .more { margin-top:40px; }
.banner .swiper-slide .con .more-li { width:200px; height:45px; border-radius:23px; font-size:18px; line-height:43px; margin-right:25px;  }
/*i-public1650*/
.i-public .ban { font-size:16px; }
.i-public .tit { font-size:40px; }
.i-public .des { font-size:16px; padding:0 8%; margin-top:18px; }
/*i-philosophy1650*/
.i-philosophy { padding-top:40px; padding-bottom:50px; }
.i-philosophy-list { padding-top:20px; }
.i-philosophy-list ul li { width:calc((100% - 30px) / 2); margin-top:30px; margin-left:30px; height:365px; padding:30px; }
.i-philosophy-list ul li .pic { width:63px; height:63px; }
.i-philosophy-list ul li .tit { font-size:22px; margin-top:13px; }
.i-philosophy-list ul li .des { font-size:16px; line-height:26px; height:104px; margin-top:8px; }
.i-philosophy-list ul li .info-box { padding:8px 8px 8px 28px; margin-top:18px; }
.i-philosophy-list ul li .info-box::after{ width:11px; }
.i-philosophy-list ul li .info { font-size:16px; line-height:26px; height:52px; }
/*i-inventory1650*/
.i-inventory { padding-top:50px; padding-bottom:60px; }
.i-inventory-list { padding-top:30px; }
.i-inventory-list ul li { width:calc((100% - 100px) / 6); height:100px; margin-left:20px; margin-top:20px;  }
.i-inventory-list ul li .more { font-size:20px; line-height:100px; }
/*i-advantages1650*/
.i-advantages { padding-top:40px; padding-bottom:50px; }
.i-advantages-show { padding-top:60px; }
.i-advantages-left ul li { margin-top:20px; height:155px; padding:15px 15px  15px 70px; }
.i-advantages-left ul li::after{ left:15px; top:20px; width:42px; height:42px; font-size:24px; line-height:42px; }
.i-advantages-left ul li .tit { font-size:22px; }
.i-advantages-left ul li .des { font-size:16px; margin-top:8px; }
.i-advantages-right { height:505px; }
/*i-expanded1650*/
.i-expanded { padding-top:50px; padding-bottom:60px; }
.i-expanded-list { padding-top:40px; }
.i-expanded-list ul li { padding:0 20px 0 40px; }
.i-expanded-list ul li .pic { width:60px; height:60px; }
.i-expanded-list ul li .tit { font-size:22px; margin-top:13px; }
.i-expanded-list ul li .des { font-size:16px; margin-top:13px; }
/*i-solutions1650*/
.i-solutions { padding-top:40px; padding-bottom:50px; }
.i-solutions-list { padding-top:15px; }
.i-solutions-list ul li { width:calc((100% - 25px) / 2); margin-left:25px; margin-top:25px; height:500px; }
.i-solutions-list ul li .pic { height:160px; }
.i-solutions-list ul li .con { padding:15px 30px 0 30px; }
.i-solutions-list ul li .con .tit { font-size:22px; }
.i-solutions-list ul li .con .des { font-size:16px; margin-top:8px; }
.i-solutions-list ul li .con .info { font-size:16px; margin-top:18px; }
.i-solutions-list ul li .con .info p { margin-bottom:8px; background:url(../images/icon-ok.png) no-repeat left 6px; background-size:12px 12px; padding-left:18px; }
.i-solutions-list ul li .con .tag { font-size:15px; line-height:30px; }
.i-solutions-list ul li .con .tag a { border-radius:23px; padding:0 9px; }
/*i-sustainability1650*/
.i-sustainability { padding-top:50px; padding-bottom:60px;  }
.i-sustainability-list ul li { width:calc((100% - 30px) / 2); margin-top:30px; margin-left:30px; height:200px; border-radius:10px; padding:35px 30px 0 30px; }
.i-sustainability-list ul li .tit { font-size:22px; }
.i-sustainability-list ul li .des { font-size:16px; margin-top:10px; }
/*n-prodetail1650*/
.n-prodetail { padding-top:60px; padding-bottom:45px; }
.n-prodetail-left { height:360px; }
.n-prodetail-right .cate { font-size:18px; }
.n-prodetail-right .tit { font-size:28px; }
.n-prodetail-right .des { font-size:18px; margin-top:18px; }
.n-prodetail-right .info { font-size:15px; margin-top:40px; }
.n-prodetail .quantity-btn { width:45px; height:45px; font-size:18px; }
.n-prodetail .quantity-input { width:80px; height:45px; font-size:18px; }
.n-prodetail .quote-btn { height:50px; font-size:18px; line-height:50px; margin-left:15px; }
/*n-partners1650*/
.n-partners { padding-top:50px; padding-bottom:60px; }
.n-partners-list { padding-top:15px; }
.n-partners-list ul li { width:calc((100% - 15px) / 2); height:120px; margin-top:15px; margin-left:15px; font-size:22px; padding:25px 25px 25px 65px; }
.n-partners-list ul li::after{ width:65px; height:120px; font-size:32px; line-height:120px; }
/*x-scenarios1650*/
.x-scenarios {  padding-top:50px; padding-bottom:60px; }
.x-scenarios-list { padding-top:15px; }
.x-scenarios-list ul li { width:calc((100% - 15px) / 2); height:150px; margin-top:15px; margin-left:15px; font-size:16px; padding:25px 25px 25px 65px; }
.x-scenarios-list ul li::after{ width:65px; height:120px; font-size:32px; line-height:120px; }
/*n-segments1650*/
.n-segments { padding-top:50px; padding-bottom:60px; }
.n-segments-list { padding-top:8px; }
.n-segments-list ul li  { width:calc((100% - 30px) / 2); height:320px; margin-top:30px; margin-left:30px; padding:25px; }
.n-segments-list ul li .pic { width:60px; height:60px; }
.n-segments-list ul li .tit { width:calc(100% - 60px - 20px); font-size:22px; line-height:30px; }
.n-segments-list ul li .des { font-size:16px; margin-top:12px; }
.n-segments-list ul li .info { font-size:15px; margin-top:15px;  }
.n-segments-list ul li .info p { margin-bottom:8px; background-size:12px 12px; padding-left:18px;  }
/*n-advantages1650*/
.n-advantages { padding-top:40px; padding-bottom:50px; }
.n-advantages-list { padding-top:12px; }
.n-advantages-list ul li { width:calc((100% - 15px) / 2); height:280px; margin-top:20px; margin-left:15px; padding:20px 20px 20px 40px; }
.n-advantages-list ul li .tit { font-size:22px; }
.n-advantages-list ul li .des { font-size:16px; margin-top:8px; }
/*n-purchase1650*/
.n-purchase { padding-top:50px; padding-bottom:60px; }
.n-purchase-list { padding-top:15px; }
.n-purchase .item { padding:15px; margin-top:15px; }
.n-purchase .question-top { font-size:22px; }
.n-purchase .question-top .plus { width:20px; height:20px; font-size:22px; line-height:18px; }
.n-purchase .question { font-size:16px; margin-top:15px; }
 .n-purchase .answer { font-size:16px; }
/*n-equipment1650*/
.n-equipment { padding-top:40px; padding-bottom:50px;  }
.n-equipment-list { padding-top:12px; }
.n-equipment-list ul li { width:calc((100% - 60px) / 4); margin-top:20px; margin-left:20px; }
.n-equipment-list ul li .pic { height:180px; }
.n-equipment-list ul li .con { padding:25px 12px 0 12px; height:140px; }
.n-equipment-list ul li .con .tit { font-size:18px; line-height:26px; height:52px; }
.n-equipment-list ul li .con .des { font-size:14px; margin-top:12px; }
.n-equipment-more {margin-top:50px; }
.n-equipment-more .tit { padding:0 20px; height:50px; font-size:16px; line-height:50px; }
/*n-inquiry1650*/
.n-inquiry { padding-top:50px; padding-bottom:60px; }
.n-inquiry-ban .tit { font-size:45px; line-height:55px; }
.n-inquiry-ban .btn-batch { height:55px; font-size:17px; line-height:55px; }
.n-inquiry .search-card { padding:18px; margin-top:35px; }
.n-inquiry .search-input { height:44px; font-size:15px; }
.n-inquiry .btn-search { height:44px; font-size:17px; }
.n-inquiry .btn-reset { height:44px; font-size:17px; }
.n-inquiry .table-card { padding:18px; margin-top:18px; }
.n-inquiry .layui-laypage a, .layui-laypage span { height:34px; line-height:34px; }
.n-inquiry .page-info { font-size:13px; margin-top:18px; }
 /*i-contact1650*/
.i-contact { padding-top:40px; padding-bottom:50px; }
.i-contact-button { width:75%; margin-top:45px; padding:8px; }
.i-contact-button .tit { width:calc(100% - 200px - 25px);  font-size:20px; line-height:50px; margin-left:25px; }
.i-contact-button .more {  width:200px; height:50px; font-size:20px; line-height:50px; }
.i-contact-list { padding-top:30px; }
.i-contact-list ul li { width:calc((100% - 100px) / 6); height:100px; margin-left:20px; margin-top:20px;  }
.i-contact-list ul li .more { font-size:20px; line-height:100px; }
/*footer1650*/
.footer { font-size:18px; padding-top:70px; padding-bottom:60px; }
.f-left { font-size:16px; }
.f-left img { max-width:130px; }
.f-ewm { width:140px; margin-top:50px; }
.f-ban { font-size:22px; }
.footer hr { margin:13px 0; }
.f-sns { margin-top:25px; }
.f-sns a { width:35px; height:35px; margin-right:8px; line-height:30px; }
.f-sns a img { width:20px; }
/*f-copy1650*/
.f-copy { font-size:16px; padding-top:35px; padding-bottom:35px; }
/*n-banner1650*/
.n-banner { height:440px; }
.n-banner .con .wrap { padding-top:40px;  }
.n-banner .con .tit { font-size:40px; }
.n-banner .con .des { font-size:18px; margin-top:25px;padding-right:18%;  }
.n-banner .con .des span { margin-right:20px; }
.n-banner .con .more { margin-top:40px; }
.n-banner .con .more-li { width:200px; height:45px; border-radius:23px; font-size:18px; line-height:43px; margin-right:25px;  }
.n-banner .con .more .n-position { font-size:18px; line-height:43px;  }
/*n-contact-bg1650*/
.n-contact { padding-top:40px; padding-bottom:30px; }
.n-contact-list ul li { width:calc((100% - 40px) / 3); height:200px; margin-top:20px; margin-left:20px; padding-top:30px; }
.n-contact-list ul li .pic { width:55px; height:55px; font-size:28px; line-height:55px; }
.n-contact-list ul li .tit {  font-size:16px;  margin-top:20px; }
.n-contact-list ul li .des { font-size:20px; margin-top:3px; }
/*n-message1650*/
.n-message { padding-top:40px; padding-bottom:50px;  }
.n-message-list { padding-top:20px; }
.n-message-list ul li { margin-top:13px; }
.n-message-list label { font-size:16px; padding-left:16px; }
.n-message-list input[type=text] { height:55px; font-size:16px; padding-left:16px; }
.n-message-list select { height:55px; font-size:16px; padding-left:16px; }
.n-message-list textarea { height:100px; font-size:16px; line-height:55px; padding-left:16px;  }

.n-message-list .submit { height:55px; font-size:18px; }
.n-message-list .linker { height:55px; line-height:53px; font-size:18px; }
.n-message-list ul li .gray { font-size:16px; padding:7px 10px 7px 16px; }
.n-message-list ul li .info { font-size:16px; padding:7px 10px 7px 16px; }


/*n-news-hot1650*/
.n-news-hot { padding-top:50px; padding-bottom:60px; }
.n-news-hot-box { padding:35px; }
.n-news-hot-box .con .tit { font-size:24px; }
.n-news-hot-box .con .des { font-size:16px; margin-top:13px; }
.n-news-hot-box .con .more { width:160px; height:45px; font-size:16px; line-height:45px; margin-top:30px;  }
/*n-news1650*/
.n-news { padding-top:40px; padding-bottom:50px; }
.n-news-list ul li { width:calc((100% - 30px) / 2); margin-left:30px; margin-top:30px; }
.n-news-list ul li .pic { height:270px; }
.n-news-list ul li .con { height:320px; padding:15px 25px 0 25px; }
.n-news-list ul li .con .date { font-size:16px; }
.n-news-list ul li .con .date span { margin-right:20px; }
.n-news-list ul li .con .tit { font-size:22px; line-height:30px; height:60px;  margin-top:10px; }
.n-news-list ul li .con .des { font-size:16px; line-height:25px; height:75px; margin-top:10px; }
.n-news-list ul li .con .bottom { padding-top:25px; margin-top:30px; }
.n-news-list ul li .con .bottom .more { width:120px; height:45px; font-size:16px; line-height:45px; }
.n-news-list ul li .con .bottom .tag { font-size:15px; line-height:45px; }
.n-news-list ul li .con .bottom .tag span { border-radius:23px; padding:0 9px; }
/*n-newshow1650*/
.n-newshow { padding-top:25px; padding-bottom:50px; }
.n-newshow .con { font-size:18px; line-height:1.9; }
.n-newshow .tag { font-size:15px; line-height:36px; margin-top:40px; padding-top:30px; }
.n-newshow .tag a { border-radius:24px; padding:0 16px; }
/*n-proshow1650*/
.n-proshow { padding-top:25px; padding-bottom:50px; font-size:18px; line-height:1.9; }
/*n-download1650*/
.n-download { padding-bottom:50px; }
.n-download ul li { height:70px; font-size:17px; line-height:68px; padding:0 15px; }
.n-download ul li .pic { width:30px; }
.n-download ul li .tit { width:calc(100% - 30px - 15px); }
/*n-about1650*/
.n-about { padding-top:40px; padding-bottom:50px; }
.n-about-show { font-size:16px; margin-top:15px; }
/*n-control1650*/
.n-control { padding-top:50px; padding-bottom:60px; }
.n-control-list { padding-top:40px; }
.n-control-list ul li { padding:0 20px 0 40px; }
.n-control-list ul li .pic { width:60px; height:60px; }
.n-control-list ul li .tit { font-size:22px;  margin-top: 13px; }
.n-control-list ul li .des { font-size:16px; margin-top:13px; }
/*n-mission1650*/
.n-mission { padding-top:40px; padding-bottom:80px; }
.n-mission-list ul li { margin-top:60px; }
.n-mission-list ul li .tit { font-size:34px; margin-top:20px; }
.n-mission-list ul li .des { font-size:16px; }
.n-mission-list ul li .info { font-size:22px; margin-top:20px; }
.n-mission-list ul li .info p { background: url(../images/icon-ok.png) no-repeat left 12px; }
.n-mission-list ul li .show { font-size:16px; }
.n-mission-list ul li .show h4 { font-size:22px; }
/*modal-overlay1650*/
.modal-overlay .modal-content{padding:15px 25px;}
.modal-overlay .modal-title{font-size:20px;}
.modal-overlay .close-btn{font-size:16px;}
.modal-overlay .divider{margin-top:8px}
/*x-download1650*/
.x-download { padding-top:35px; padding-bottom:45px; }
.x-download-left { padding:0 8px; }
.x-download-left-ban { font-size:20px; line-height:68px; padding-left:10px; }
.category-name { padding-left: 10px; }
.category-name .tit { width:calc(100% - 45px); font-size:16px; line-height:45px; }
.category-name .icon { width: 45px; font-size:16px; line-height:45px; }
.subcategory-list { padding:8px 0;  }
.subcategory-list ul li { font-size:16px; line-height:45px; padding-left:10px; }
.x-download-right-ban { font-size:16px; line-height:68px; padding-left:15px; }
.x-download-right-ban .strong { font-size:20px; }
.x-download-right-ban .blue { font-size:20px; }
.x-download-list ul li { padding:0 20px; }
.x-download-list ul li .pic { width:29px; height:55px;  }
.x-download-list ul li .tit { width:calc(100% - 29px - 260px - 10px); font-size:15px; line-height:55px;  }
.x-download-list ul li .date { line-height:55px; }
/*x-features1650*/
.x-features { padding-top:60px; padding-bottom:90px; }
.x-features-list { padding-top:35px; }
.x-features-list ul li { height:260px; margin-top:15px; }
.x-features-list ul li .con { padding:25px; }
.x-features-list ul li .con .tit { font-size:22px; }
.x-features-list ul li .con .des { font-size:16px; margin-top:13px; -webkit-line-clamp: 5; }
.x-features-list ul li:hover .con { padding:24px; }
.x-features-list ul li:first-child { height:535px; }
.x-features-list ul li:first-child .pic { height:275px; }
/*x-series1650*/
.x-series { padding-top:60px; padding-bottom:90px; }
.x-series-list { padding-top:20px; }
.x-series-list ul li { width:calc((100% - 30px) / 2); margin-left:30px; margin-top:30px; }
.x-series-list ul li .pic { height:270px; }
.x-series-list ul li .con { height:290px; padding:15px 25px 0 25px; }
.x-series-list ul li .con .tit { font-size:22px;}
.x-series-list ul li .con .des { font-size:16px; line-height:30px; height:150px; margin-top:8px;  }
.x-series-list ul li .con .line { margin:5px 0 15px 0; }
.x-series-list ul li .con .more { width:230px; height:45px; font-size:18px; line-height:45px; }
/*x-suite1650*/
.x-suite { padding-top:45px; }
.x-suite-list { margin-top:45px; }
.x-suite-list ul li { height:500px; }
.x-suite-list ul li .con .tit { font-size:22px; }
.x-suite-list ul li .con .des { font-size:16px; padding:0 35px; margin-top:8px; }
.x-suite-list ul li .con .more { width:230px; height:45px; font-size:18px; line-height:45px; margin-top:18px; }


}

@media (max-width:1400px){
.wrap{width:90%}
/*welcome1400*/
.welcome { font-size:14px; line-height:35px; }
.welcome-left span { margin-right:12px; }
.welcome-mid { margin-left:12px; }
.welcome-mid img { width:22px; }
.welcome-right a img { width:18px; }
/*header1400*/
.header {  height:70px; }
.header .logo{ height:70px; width:6.1%; }
.header .nav ul li { font-size:16px; line-height:70px; margin-left:25px; } 
.header .nav ul li .sub { top:70px;}
.h-search { width:40px; height:40px; margin-top:15px; margin-left:25px; }
.h-search-top { border-radius:7px; font-size:16px; line-height:40px;  }
.h-search-con { top:56px; }
/*banner1400*/
.banner { height:550px; }
.banner .swiper-slide .con .wrap { padding-top:35px; padding-right:16%;  }
.banner .swiper-slide .con .tit { font-size:36px; }
.banner .swiper-slide .con .des { font-size:17px; margin-top:22px; }
.banner .swiper-slide .con .more { margin-top:35px; }
.banner .swiper-slide .con .more-li { width:180px; height:40px; border-radius:20px; font-size:16px; line-height:38px; margin-right:20px;  }
/*i-public1400*/
.i-public .ban { font-size:15px; }
.i-public .tit { font-size:36px; }
.i-public .des { font-size:15px; padding:0 6%; margin-top:16px; }
/*i-philosophy1400*/
.i-philosophy { padding-top:35px; padding-bottom:45px; }
.i-philosophy-list { padding-top:18px; }
.i-philosophy-list ul li { width:calc((100% - 25px) / 2); margin-top:25px; margin-left:25px; height:320px; padding:25px; }
.i-philosophy-list ul li .pic { width:55px; height:55px; }
.i-philosophy-list ul li .tit { font-size:20px; margin-top:12px; }
.i-philosophy-list ul li .des { font-size:15px; line-height:24px; height:96px; margin-top:7px; }
.i-philosophy-list ul li .info-box { padding:7px 7px 7px 25px; margin-top:15px; }
.i-philosophy-list ul li .info-box::after{ width:10px; }
.i-philosophy-list ul li .info { font-size:15px; line-height:24px; height:48px; }
/*i-inventory1400*/
.i-inventory { padding-top:45px; padding-bottom:55px; }
.i-inventory-list { padding-top:25px; }
.i-inventory-list ul li { width:calc((100% - 80px) / 6); height:90px; margin-left:16px; margin-top:16px;  }
.i-inventory-list ul li .more { font-size:18px; line-height:90px; }
/*i-advantages1400*/
.i-advantages { padding-top:35px; padding-bottom:45px; }
.i-advantages-show { padding-top:50px; }
.i-advantages-left ul li { margin-top:18px; height:135px; padding:12px 12px  12px 60px; }
.i-advantages-left ul li::after{ left:12px; top:16px; width:36px; height:36px; font-size:20px; line-height:36px; }
.i-advantages-left ul li .tit { font-size:20px; }
.i-advantages-left ul li .des { font-size:15px; margin-top:7px; }
.i-advantages-right { height:430px; }
/*i-expanded1400*/
.i-expanded { padding-top:45px; padding-bottom:55px; }
.i-expanded-list { padding-top:35px; }
.i-expanded-list ul li { padding:0 15px 0 35px; }
.i-expanded-list ul li .pic { width:55px; height:55px; }
.i-expanded-list ul li .tit { font-size:20px; margin-top:12px; }
.i-expanded-list ul li .des { font-size:15px; margin-top:12px; }
/*i-solutions1400*/
.i-solutions { padding-top:35px; padding-bottom:45px; }
.i-solutions-list { padding-top:12px; }
.i-solutions-list ul li { width:calc((100% - 20px) / 2); margin-left:20px; margin-top:20px; height:460px; }
.i-solutions-list ul li .pic { height:140px; }
.i-solutions-list ul li .con { padding:12px 25px 0 25px; }
.i-solutions-list ul li .con .tit { font-size:20px; }
.i-solutions-list ul li .con .des { font-size:15px; margin-top:7px; }
.i-solutions-list ul li .con .info { font-size:15px; margin-top:15px; }
.i-solutions-list ul li .con .info p { margin-bottom:7px; background:url(../images/icon-ok.png) no-repeat left 5px; background-size:11px 11px; padding-left:16px; }
.i-solutions-list ul li .con .tag { font-size:14px; line-height:30px; }
.i-solutions-list ul li .con .tag a { border-radius:20px; padding:0 8px; }
/*i-sustainability1400*/
.i-sustainability { padding-top:45px; padding-bottom:55px;  }
.i-sustainability-list ul li { width:calc((100% - 25px) / 2); margin-top:25px; margin-left:25px; height:175px; border-radius:10px; padding:30px 25px 0 25px; }
.i-sustainability-list ul li .tit { font-size:20px; }
.i-sustainability-list ul li .des { font-size:15px; margin-top:8px; }
/*i-contact1400*/
.i-contact { padding-top:35px; padding-bottom:45px; }
.i-contact-button { width:80%; margin-top:40px; padding:7px; }
.i-contact-button .tit { width:calc(100% - 180px - 20px);  font-size:18px; line-height:45px; margin-left:20px; }
.i-contact-button .more {  width:180px; height:45px; font-size:18px; line-height:45px; }
.i-contact-list { padding-top:25px; }
.i-contact-list ul li { width:calc((100% - 80px) / 6); height:90px; margin-left:16px; margin-top:16px;  }
.i-contact-list ul li .more { font-size:18px; line-height:90px; }
/*footer1400*/
.footer { font-size:16px; padding-top:60px; padding-bottom:55px; }
.f-left { font-size:15px; }
.f-left img { max-width:115px; }
.f-ewm { width:125px; margin-top:45px; }
.f-ban { font-size:20px; }
.footer hr { margin:12px 0; }
.f-sns { margin-top:22px; }
.f-sns a { width:30px; height:30px; margin-right:7px; line-height:26px; }
.f-sns a img { width:18px; }
/*f-copy1400*/
.f-copy { font-size:15px; padding-top:30px; padding-bottom:30px; }
/*n-banner1400*/
.n-banner { height:380px; }
.n-banner .con .wrap { padding-top:35px;  }
.n-banner .con .tit { font-size:36px; }
.n-banner .con .des { font-size:17px; margin-top:22px; padding-right:16%; }
.n-banner .con .des span { margin-right:18px; }
.n-banner .con .more { margin-top:35px; }
.n-banner .con .more-li { width:180px; height:40px; border-radius:20px; font-size:16px; line-height:38px; margin-right:20px;  }
.n-banner .con .more .n-position { font-size:16px; line-height:38px;  }
/*n-contact-bg1400*/
.n-contact { padding-top:35px; padding-bottom:25px; }
.n-contact-list ul li { width:calc((100% - 30px) / 3); height:180px; margin-top:18px; margin-left:15px; padding-top:25px; }
.n-contact-list ul li .pic { width:48px; height:48px; font-size:24px; line-height:48px; }
.n-contact-list ul li .tit {  font-size:15px;  margin-top:18px; }
.n-contact-list ul li .des { font-size:18px; margin-top:2px; }
/*n-message1400*/
.n-message { padding-top:35px; padding-bottom:45px;  }
.n-message-list { padding-top:18px; }
.n-message-list ul li { margin-top:11px; }
.n-message-list label { font-size:15px; padding-left:14px; }
.n-message-list input[type=text] { height:48px; font-size:15px; padding-left:14px; }
.n-message-list select { height:48px; font-size:15px; padding-left:14px; }
.n-message-list textarea { height:90px; font-size:15px; line-height:48px; padding-left:14px;  }
.n-message-list .submit { height:48px; font-size:16px; }

.n-message-list .submit { height:48px; font-size:16px; }
.n-message-list .linker { height:48px; line-height:46px; font-size:16px; }
.n-message-list ul li .gray { font-size:15px; padding:6px 8px 6px 14px; }
.n-message-list ul li .info { font-size:15px; padding:6px 8px 6px 14px; }

/*n-news-hot1400*/
.n-news-hot { padding-top:45px; padding-bottom:55px; }
.n-news-hot-box { padding:30px; }
.n-news-hot-box .con .tit { font-size:22px; }
.n-news-hot-box .con .des { font-size:15px; margin-top:12px; }
.n-news-hot-box .con .more { width:140px; height:40px; font-size:15px; line-height:40px; margin-top:25px;  }
/*n-news1400*/
.n-news { padding-top:35px; padding-bottom:45px; }
.n-news-list ul li { width:calc((100% - 25px) / 2); margin-left:25px; margin-top:25px; }
.n-news-list ul li .pic { height:230px; }
.n-news-list ul li .con { height:280px; padding:12px 20px 0 20px; }
.n-news-list ul li .con .date { font-size:15px; }
.n-news-list ul li .con .date span { margin-right:18px; }
.n-news-list ul li .con .tit { font-size:20px; line-height:26px; height:52px;  margin-top:8px; }
.n-news-list ul li .con .des { font-size:15px; line-height:22px; height:66px; margin-top:8px; }
.n-news-list ul li .con .bottom { padding-top:20px; margin-top:25px; }
.n-news-list ul li .con .bottom .more { width:110px; height:40px; font-size:15px; line-height:40px; }
.n-news-list ul li .con .bottom .tag { font-size:14px; line-height:40px; }
.n-news-list ul li .con .bottom .tag span { border-radius:20px; padding:0 8px; }
/*n-newshow1400*/
.n-newshow { padding-top:22px; padding-bottom:45px; }
.n-newshow .con { font-size:17px; line-height:1.8; }
.n-newshow .tag { font-size:14px; line-height:32px; margin-top:35px; padding-top:25px; }
.n-newshow .tag a { border-radius:20px; padding:0 14px; }
/*n-proshow1400*/
.n-proshow { padding-top:22px; padding-bottom:45px; font-size:17px; line-height:1.8; }
/*n-download1400*/
.n-download { padding-bottom:45px; }
.n-download ul li { height:62px; font-size:16px; line-height:60px; padding:0 12px; }
.n-download ul li .pic { width:26px; }
.n-download ul li .tit { width:calc(100% - 26px - 12px); }
/*n-about1400*/
.n-about { padding-top:35px; padding-bottom:45px; }
.n-about-show { font-size:15px; margin-top:12px; }
/*n-control1400*/
.n-control { padding-top:45px; padding-bottom:55px; }
.n-control-list { padding-top:35px; }
.n-control-list ul li { padding:0 15px 0 35px; }
.n-control-list ul li .pic { width:55px; height:55px; }
.n-control-list ul li .tit { font-size:20px;  margin-top: 12px; }
.n-control-list ul li .des { font-size:15px; margin-top:12px; }
/*n-mission1400*/
.n-mission { padding-top:35px; padding-bottom:70px; }
.n-mission-list ul li { margin-top:50px; }
.n-mission-list ul li .tit { font-size:29px; margin-top:18px; }
.n-mission-list ul li .des { font-size:15px; }
.n-mission-list ul li .info { font-size:20px; margin-top:18px; }
.n-mission-list ul li .info p { background: url(../images/icon-ok.png) no-repeat left 7px; }
.n-mission-list ul li .show { font-size:15px; }
.n-mission-list ul li .show h4 { font-size:17px; }
/*n-partners1400*/
.n-partners { padding-top:45px; padding-bottom:55px; }
.n-partners-list { padding-top:12px; }
.n-partners-list ul li { width:calc((100% - 12px) / 2); height:105px; margin-top:12px; margin-left:12px; font-size:20px; padding:20px 20px 20px 55px; }
.n-partners-list ul li::after{ width:55px; height:105px; font-size:28px; line-height:105px; }
/*x-scenarios1400*/
.x-scenarios {  padding-top:45px; padding-bottom:55px; }
.x-scenarios-list { padding-top:12px; }
.x-scenarios-list ul li  { width:calc((100% - 12px) / 2); height:135px; margin-top:12px; margin-left:12px; font-size:15px; padding:20px 20px 20px 55px; }
.x-scenarios-list ul li::after{ width:55px; height:105px; font-size:28px; line-height:105px; }
/*n-segments1400*/
.n-segments { padding-top:45px; padding-bottom:55px; }
.n-segments-list { padding-top:6px; }
.n-segments-list ul li  { width:calc((100% - 25px) / 2); height:280px; margin-top:25px; margin-left:25px; padding:20px; }
.n-segments-list ul li .pic { width:55px; height:55px; }
.n-segments-list ul li .tit { width:calc(100% - 55px - 18px); font-size:20px; line-height:26px; }
.n-segments-list ul li .des { font-size:15px; margin-top:10px; }
.n-segments-list ul li .info { font-size:14px; margin-top:12px;  }
.n-segments-list ul li .info p { margin-bottom:7px; background-size:11px 11px; padding-left:16px;  }
/*n-advantages1400*/
.n-advantages { padding-top:35px; padding-bottom:45px; }
.n-advantages-list { padding-top:10px; }
.n-advantages-list ul li { width:calc((100% - 12px) / 2); height:240px; margin-top:15px; margin-left:12px; padding:15px 15px 15px 35px; }
.n-advantages-list ul li .tit { font-size:20px; }
.n-advantages-list ul li .des { font-size:15px; margin-top:7px; }
/*n-purchase1400*/
.n-purchase { padding-top:45px; padding-bottom:55px; }
.n-purchase-list { padding-top:12px; }
.n-purchase .item { padding:12px; margin-top:12px; }
.n-purchase .question-top { font-size:20px; }
.n-purchase .question-top .plus { width:18px; height:18px; font-size:20px; line-height:16px; }
.n-purchase .question { font-size:15px; margin-top:12px; }
.n-purchase .answer { font-size:15px; }
/*n-equipment1400*/
.n-equipment { padding-top:35px; padding-bottom:45px;  }
.n-equipment-list { padding-top:10px; }
.n-equipment-list ul li { width:calc((100% - 45px) / 4); margin-top:15px; margin-left:15px; }
.n-equipment-list ul li .pic { height:150px; }
.n-equipment-list ul li .con { padding:20px 10px 0 10px; height:120px; }
.n-equipment-list ul li .con .tit { font-size:16px; line-height:22px; height:44px; }
.n-equipment-list ul li .con .des { font-size:13px; margin-top:10px; }
.n-equipment-more {margin-top:45px; }
.n-equipment-more .tit { padding:0 15px; height:45px; font-size:15px; line-height:45px; }
/*n-inquiry1400*/
.n-inquiry { padding-top:45px; padding-bottom:55px; }
.n-inquiry-ban .tit { font-size:40px; line-height:50px; }
.n-inquiry-ban .btn-batch { height:50px; font-size:16px; line-height:50px; }
.n-inquiry .search-card { padding:15px; margin-top:30px; }
.n-inquiry .search-input { height:40px; font-size:14px; }
.n-inquiry .btn-search { height:40px; font-size:16px; }
.n-inquiry .btn-reset { height:40px; font-size:16px; }
.n-inquiry .table-card { padding:15px; margin-top:15px; }
.n-inquiry .layui-laypage a, .layui-laypage span { height:32px; line-height:32px; }
.n-inquiry .page-info { font-size:12px; margin-top:15px; }
/*n-prodetail1400*/
.n-prodetail { padding-top:50px; padding-bottom:40px; }
.n-prodetail-left { height:320px; }
.n-prodetail-right .cate { font-size:16px; }
.n-prodetail-right .tit { font-size:26px; }
.n-prodetail-right .des { font-size:16px; margin-top:15px; }
.n-prodetail-right .info { font-size:14px; margin-top:35px; }
.n-prodetail .quantity-btn { width:40px; height:40px; font-size:16px; }
.n-prodetail .quantity-input { width:70px; height:40px; font-size:16px; }
.n-prodetail .quote-btn { height:45px; font-size:16px; line-height:45px; margin-left:12px; }
/*x-download1400*/
.x-download-left-ban { font-size:18px; }
.x-download-right-ban .strong { font-size:18px; }
.x-download-right-ban .blue { font-size:18px; }
/*x-features1400*/
.x-features { padding-top:50px; padding-bottom:80px; }
.x-features-list { padding-top:30px; }
.x-features-list ul li { height:230px; margin-top:10px; }
.x-features-list ul li .con { padding:20px; }
.x-features-list ul li .con .tit { font-size:19px; }
.x-features-list ul li .con .des { font-size:15px; margin-top:11px; -webkit-line-clamp: 5; }
.x-features-list ul li:hover .con { padding:19px; }
.x-features-list ul li:first-child { height:470px; }
.x-features-list ul li:first-child .pic { height:230px; }
/*x-series1400*/
.x-series { padding-top:50px; padding-bottom:80px; }
.x-series-list { padding-top:15px; }
.x-series-list ul li { width:calc((100% - 25px) / 2); margin-left:25px; margin-top:25px; }
.x-series-list ul li .pic { height:220px; }
.x-series-list ul li .con { height:250px; padding:10px 20px 0 20px; }
.x-series-list ul li .con .tit { font-size:20px;}
.x-series-list ul li .con .des { font-size:15px; line-height:28px; height:140px; margin-top:6px;  }
.x-series-list ul li .con .line { margin:5px 0 10px 0; }
.x-series-list ul li .con .more { width:190px; height:35px; font-size:16px; line-height:35px; }
/*x-suite1400*/
.x-suite { padding-top:40px; }
.x-suite-list { margin-top:40px; }
.x-suite-list ul li { height:450px; }
.x-suite-list ul li .con .tit { font-size:20px; }
.x-suite-list ul li .con .des { font-size:15px; padding:0 30px; margin-top:6px; }
.x-suite-list ul li .con .more { width:190px; height:35px; font-size:16px; line-height:35px; margin-top:16px; }

}

@media (max-width:1200px){
.wrap{width:94%}
/*welcome1200*/
.welcome { font-size:13px; line-height:30px; }
.welcome-left span { margin-right:10px; }
.welcome-mid { margin-left:10px; }
.welcome-mid img { width:20px; }
.welcome-right a img { width:16px; }
/*header1200*/
.header {  height:60px; }
.header .logo{ height:60px; width:6.1%; }
.header .nav ul li { font-size:15px; line-height:60px; margin-left:20px; } 
.header .nav ul li .sub { top:60px;}
.h-search { width:35px; height:35px; margin-top:12.5px; margin-left:20px; }
.h-search-top { border-radius:6px; font-size:15px; line-height:35px;  }
.h-search-con { top:61px; }
/*banner1200*/
.banner { height:480px; }
.banner .swiper-slide .con .wrap { padding-top:30px; padding-right:14%;  }
.banner .swiper-slide .con .tit { font-size:32px; }
.banner .swiper-slide .con .des { font-size:16px; margin-top:20px; }
.banner .swiper-slide .con .more { margin-top:30px; }
.banner .swiper-slide .con .more-li { width:160px; height:36px; border-radius:18px; font-size:15px; line-height:34px; margin-right:18px;  }
/*i-public1200*/
.i-public .ban { font-size:14px; }
.i-public .tit { font-size:32px; }
.i-public .des { font-size:14px; padding:0 4%; margin-top:14px; }
/*i-philosophy1200*/
.i-philosophy { padding-top:30px; padding-bottom:40px; }
.i-philosophy-list { padding-top:15px; }
.i-philosophy-list ul li { width:calc((100% - 20px) / 2); margin-top:20px; margin-left:20px; height:280px; padding:20px; }
.i-philosophy-list ul li .pic { width:48px; height:48px; }
.i-philosophy-list ul li .tit { font-size:18px; margin-top:10px; }
.i-philosophy-list ul li .des { font-size:14px; line-height:22px; height:88px; margin-top:6px; }
.i-philosophy-list ul li .info-box { padding:6px 6px 6px 22px; margin-top:12px; }
.i-philosophy-list ul li .info-box::after{ width:9px; }
.i-philosophy-list ul li .info { font-size:14px; line-height:22px; height:44px; }
/*i-inventory1200*/
.i-inventory { padding-top:40px; padding-bottom:50px; }
.i-inventory-list { padding-top:20px; }
.i-inventory-list ul li { width:calc((100% - 60px) / 6); height:80px; margin-left:12px; margin-top:12px;  }
.i-inventory-list ul li .more { font-size:16px; line-height:80px; }
/*i-advantages1200*/
.i-advantages { padding-top:30px; padding-bottom:40px; }
.i-advantages-show { padding-top:40px; }
.i-advantages-left ul li { margin-top:15px; height:120px; padding:10px 10px  10px 50px; }
.i-advantages-left ul li::after{ left:10px; top:12px; width:32px; height:32px; font-size:18px; line-height:32px; }
.i-advantages-left ul li .tit { font-size:18px; }
.i-advantages-left ul li .des { font-size:14px; margin-top:6px; }
.i-advantages-right { height:380px; }
/*i-expanded1200*/
.i-expanded { padding-top:40px; padding-bottom:50px; }
.i-expanded-list { padding-top:30px; }
.i-expanded-list ul li { padding:0 12px 0 30px; }
.i-expanded-list ul li .pic { width:50px; height:50px; }
.i-expanded-list ul li .tit { font-size:18px; margin-top:10px; }
.i-expanded-list ul li .des { font-size:14px; margin-top:10px; }
/*i-solutions1200*/
.i-solutions { padding-top:30px; padding-bottom:40px; }
.i-solutions-list { padding-top:10px; }
.i-solutions-list ul li { width:calc((100% - 15px) / 2); margin-left:15px; margin-top:15px; height:440px; }
.i-solutions-list ul li .pic { height:120px; }
.i-solutions-list ul li .con { padding:10px 20px 0 20px; }
.i-solutions-list ul li .con .tit { font-size:18px; }
.i-solutions-list ul li .con .des { font-size:14px; margin-top:6px; }
.i-solutions-list ul li .con .info { font-size:14px; margin-top:12px; }
.i-solutions-list ul li .con .info p { margin-bottom:6px; background:url(../images/icon-ok.png) no-repeat left 4px; background-size:10px 10px; padding-left:14px; }
.i-solutions-list ul li .con .tag { font-size:13px; line-height:30px; }
.i-solutions-list ul li .con .tag a { border-radius:18px; padding:0 7px; }
/*i-sustainability1200*/
.i-sustainability { padding-top:40px; padding-bottom:50px;  }
.i-sustainability-list ul li { width:calc((100% - 20px) / 2); margin-top:20px; margin-left:20px; height:150px; border-radius:10px; padding:25px 20px 0 20px; }
.i-sustainability-list ul li .tit { font-size:18px; }
.i-sustainability-list ul li .des { font-size:14px; margin-top:7px; }
/*i-contact1200*/
.i-contact { padding-top:30px; padding-bottom:40px; }
.i-contact-button { width:85%; margin-top:35px; padding:6px; }
.i-contact-button .tit { width:calc(100% - 160px - 18px);  font-size:16px; line-height:40px; margin-left:18px; }
.i-contact-button .more {  width:160px; height:40px; font-size:16px; line-height:40px; }
.i-contact-list { padding-top:20px; }
.i-contact-list ul li { width:calc((100% - 60px) / 6); height:80px; margin-left:12px; margin-top:12px;  }
.i-contact-list ul li .more { font-size:16px; line-height:80px; }
/*footer1200*/
.footer { font-size:15px; padding-top:50px; padding-bottom:50px; }
.f-left { font-size:14px; }
.f-left img { max-width:100px; }
.f-ewm { width:110px; margin-top:40px; }
.f-ban { font-size:18px; }
.footer hr { margin:10px 0; }
.f-sns { margin-top:20px; }
.f-sns a { width:28px; height:28px; margin-right:6px; line-height:24px; }
.f-sns a img { width:16px; }
/*f-copy1200*/
.f-copy { font-size:14px; padding-top:25px; padding-bottom:25px; }
/*n-banner1200*/
.n-banner { height:360px; }
.n-banner .con .wrap { padding-top:30px; }
.n-banner .con .tit { font-size:32px; }
.n-banner .con .des { font-size:16px; margin-top:20px; padding-right:14%;  }
.n-banner .con .des span { margin-right:15px; }
.n-banner .con .more { margin-top:30px; }
.n-banner .con .more-li { width:160px; height:36px; border-radius:18px; font-size:15px; line-height:34px; margin-right:18px;  }
.n-banner .con .more .n-position { font-size:15px; line-height:34px;  }
/*n-contact-bg1200*/
.n-contact { padding-top:30px; padding-bottom:20px; }
.n-contact-list ul li { width:calc((100% - 20px) / 3); height:160px; margin-top:15px; margin-left:10px; padding-top:20px; }
.n-contact-list ul li .pic { width:42px; height:42px; font-size:20px; line-height:42px; }
.n-contact-list ul li .tit {  font-size:14px;  margin-top:15px; }
.n-contact-list ul li .des { font-size:16px; margin-top:2px; }
/*n-message1200*/
.n-message { padding-top:30px; padding-bottom:40px;  }
.n-message-list { padding-top:15px; }
.n-message-list ul li { margin-top:9px; }
.n-message-list label { font-size:14px; padding-left:12px; }
.n-message-list input[type=text] { height:42px; font-size:14px; padding-left:12px; }
.n-message-list select { height:42px; font-size:14px; padding-left:12px; }
.n-message-list textarea { height:80px; font-size:14px; line-height:42px; padding-left:12px;  }
.n-message-list .submit { height:42px; font-size:15px; }

.n-message-list .submit { height:42px; font-size:15px; }
.n-message-list .linker { height:42px; line-height:40px; font-size:15px; }
.n-message-list ul li .gray { font-size:14px; padding:4px 6px 4px 12px; }
.n-message-list ul li .info { font-size:14px; padding:4px 6px 4px 12px; }

/*n-news-hot1200*/
.n-news-hot { padding-top:40px; padding-bottom:50px; }
.n-news-hot-box { padding:25px; }
.n-news-hot-box .con .tit { font-size:20px; }
.n-news-hot-box .con .des { font-size:14px; margin-top:10px; }
.n-news-hot-box .con .more { width:120px; height:36px; font-size:14px; line-height:36px; margin-top:20px;  }
/*n-news1200*/
.n-news { padding-top:30px; padding-bottom:40px; }
.n-news-list ul li { width:calc((100% - 20px) / 2); margin-left:20px; margin-top:20px; }
.n-news-list ul li .pic { height:200px; }
.n-news-list ul li .con { height:240px; padding:10px 15px 0 15px; }
.n-news-list ul li .con .date { font-size:14px; }
.n-news-list ul li .con .date span { margin-right:15px; }
.n-news-list ul li .con .tit { font-size:18px; line-height:24px; height:48px;  margin-top:7px; }
.n-news-list ul li .con .des { font-size:14px; line-height:20px; height:60px; margin-top:7px; }
.n-news-list ul li .con .bottom { padding-top:15px; margin-top:20px; }
.n-news-list ul li .con .bottom .more { width:100px; height:36px; font-size:14px; line-height:36px; }
.n-news-list ul li .con .bottom .tag { font-size:13px; line-height:36px; }
.n-news-list ul li .con .bottom .tag span { border-radius:18px; padding:0 7px; }
/*n-newshow1200*/
.n-newshow { padding-top:20px; padding-bottom:40px; }
.n-newshow .con { font-size:16px; line-height:1.7; }
.n-newshow .tag { font-size:13px; line-height:28px; margin-top:30px; padding-top:20px; }
.n-newshow .tag a { border-radius:18px; padding:0 12px; }
/*n-proshow1200*/
.n-proshow { padding-top:20px; padding-bottom:40px; font-size:16px; line-height:1.7; }
/*n-download1200*/
.n-download { padding-bottom:40px; }
.n-download ul li { height:55px; font-size:15px; line-height:53px; padding:0 10px; }
.n-download ul li .pic { width:24px; }
.n-download ul li .tit { width:calc(100% - 24px - 10px); }
/*n-about1200*/
.n-about { padding-top:30px; padding-bottom:40px; }
.n-about-show { font-size:14px; margin-top:10px; }
/*n-control1200*/
.n-control { padding-top:40px; padding-bottom:50px; }
.n-control-list { padding-top:30px; }
.n-control-list ul li { padding:0 12px 0 30px; }
.n-control-list ul li .pic { width:50px; height:50px; }
.n-control-list ul li .tit { font-size:18px;  margin-top: 10px; }
.n-control-list ul li .des { font-size:14px; margin-top:10px; }
/*n-mission1200*/
.n-mission { padding-top:30px; padding-bottom:60px; }
.n-mission-list ul li { margin-top:40px; }
.n-mission-list ul li .tit { font-size:26px; margin-top:15px; }
.n-mission-list ul li .des { font-size:14px; }
.n-mission-list ul li .info { font-size:18px; margin-top:15px; }
.n-mission-list ul li .info p { background: url(../images/icon-ok.png) no-repeat left 6px; }
.n-mission-list ul li .show { font-size:14px; }
.n-mission-list ul li .show h4 { font-size:16px; }
/*n-partners1200*/
.n-partners { padding-top:40px; padding-bottom:50px; }
.n-partners-list { padding-top:10px; }
.n-partners-list ul li { width:calc((100% - 10px) / 2); height:90px; margin-top:10px; margin-left:10px; font-size:18px; padding:15px 15px 15px 45px; }
.n-partners-list ul li::after{ width:45px; height:90px; font-size:24px; line-height:90px; }
/*x-scenarios1200*/
.x-scenarios {  padding-top:40px; padding-bottom:50px; }
.x-scenarios-list { padding-top:10px; }
.x-scenarios-list ul li { width:calc((100% - 10px) / 2); height:125px; margin-top:10px; margin-left:10px; padding:15px 15px 15px 45px; }
.x-scenarios-list ul li::after{ width:45px; height:90px; font-size:24px; line-height:90px; }
/*n-segments1200*/
.n-segments { padding-top:40px; padding-bottom:50px; }
.n-segments-list { padding-top:5px; }
.n-segments-list ul li  { width:calc((100% - 20px) / 2); height:240px; margin-top:20px; margin-left:20px; padding:15px; }
.n-segments-list ul li .pic { width:50px; height:50px; }
.n-segments-list ul li .tit { width:calc(100% - 50px - 15px); font-size:18px; line-height:24px; }
.n-segments-list ul li .des { font-size:14px; margin-top:8px; }
.n-segments-list ul li .info { font-size:13px; margin-top:10px;  }
.n-segments-list ul li .info p { margin-bottom:6px; background-size:10px 10px; padding-left:14px;  }
/*n-advantages1200*/
.n-advantages { padding-top:30px; padding-bottom:40px; }
.n-advantages-list { padding-top:8px; }
.n-advantages-list ul li { float:none; width:100%; margin-left:0;  height:auto; margin-top:12px; padding:12px 12px 12px 30px; }
.n-advantages-list ul li .tit { font-size:18px; }
.n-advantages-list ul li .des { font-size:14px; margin-top:6px; }
/*n-purchase1200*/
.n-purchase { padding-top:40px; padding-bottom:50px; }
.n-purchase-list { padding-top:10px; }
.n-purchase .item { padding:10px; margin-top:10px; }
.n-purchase .question-top { font-size:18px; }
.n-purchase .question-top .plus { width:16px; height:16px; font-size:18px; line-height:14px; }
.n-purchase .question { font-size:14px; margin-top:10px; }
.n-purchase .answer { font-size:14px; }
/*n-equipment1200*/
.n-equipment { padding-top:30px; padding-bottom:40px;  }
.n-equipment-list { padding-top:8px; }
.n-equipment-list ul li { width:calc((100% - 30px) / 3); margin-top:12px; margin-left:12px; }
.n-equipment-list ul li:nth-child(4n+1) { margin-left:12px; }
.n-equipment-list ul li:nth-child(3n+1) { margin-left:0; }
.n-equipment-list ul li .pic { height:130px; }
.n-equipment-list ul li .con { padding:15px 8px 0 8px; height:110px; }
.n-equipment-list ul li .con .tit { font-size:15px; line-height:20px; height:40px; }
.n-equipment-list ul li .con .des { font-size:12px; margin-top:8px; }
.n-equipment-more {margin-top:40px; }
.n-equipment-more .tit { padding:0 10px; height:40px; font-size:14px; line-height:40px; }
/*n-inquiry1200*/
.n-inquiry { padding-top:35px; padding-bottom:45px; }
.n-inquiry-ban .tit { font-size:36px; line-height:45px; }
.n-inquiry-ban .btn-batch { height:45px; font-size:15px; line-height:45px; }
.n-inquiry .search-card { padding:12px; margin-top:25px; }
.n-inquiry .search-input { height:36px; font-size:13px; }
.n-inquiry .btn-search { height:36px; font-size:15px; }
.n-inquiry .btn-reset { height:36px; font-size:15px; }
.n-inquiry .table-card { padding:12px; margin-top:12px; }
.n-inquiry .layui-laypage a, .layui-laypage span { height:30px; line-height:30px; }
.n-inquiry .page-info { font-size:11px; margin-top:12px; }
/*n-prodetail1200*/
.n-prodetail { padding-top:45px; padding-bottom:35px; }
.n-prodetail-left { height:280px; }
.n-prodetail-right .cate { font-size:15px; }
.n-prodetail-right .tit { font-size:24px; }
.n-prodetail-right .des { font-size:15px; margin-top:12px; }
.n-prodetail-right .info { font-size:13px; margin-top:30px; }
.n-prodetail .quantity-btn { width:35px; height:35px; font-size:15px; }
.n-prodetail .quantity-input { width:60px; height:35px; font-size:15px; }
.n-prodetail .quote-btn { height:40px; font-size:15px; line-height:40px; margin-left:10px; }

}


@media (max-width:992px){
/*header992*/
.welcome { display:none;}
.header{ display:none;}
.nav{ display:none;}
.header2{ display: block; } 
.header-wrap { display:none; height:60px;}
/*banner992*/
.banner { height:440px; }
.banner .swiper-slide .con .wrap { padding-top:60px; padding-right:0;  }
.banner .swiper-slide .con .tit { font-size:28px; }
.banner .swiper-slide .con .des { font-size:15px; margin-top:18px; }
.banner .swiper-slide .con .more { margin-top:25px; }
.banner .swiper-slide .con .more-li { width:150px; height:34px; border-radius:17px; font-size:14px; line-height:32px; margin-right:16px;  }
/*i-public992*/
.i-public .ban { font-size:13px; }
.i-public .tit { font-size:28px; }
.i-public .des { font-size:13px; padding:0 2%; margin-top:12px; }
/*i-philosophy992*/
.i-philosophy { padding-top:25px; padding-bottom:35px; }
.i-philosophy-list { padding-top:12px; }
.i-philosophy-list ul li { width:calc((100% - 15px) / 2); margin-top:15px; margin-left:15px; height:250px; padding:15px; }
.i-philosophy-list ul li .pic { width:42px; height:42px; }
.i-philosophy-list ul li .tit { font-size:16px; margin-top:8px; }
.i-philosophy-list ul li .des { font-size:13px; line-height:20px; height:80px; margin-top:5px; }
.i-philosophy-list ul li .info-box { padding:5px 5px 5px 18px; margin-top:10px; }
.i-philosophy-list ul li .info-box::after{ width:8px; }
.i-philosophy-list ul li .info { font-size:13px; line-height:20px; height:40px; }
/*i-inventory992*/
.i-inventory { padding-top:35px; padding-bottom:45px; }
.i-inventory-list { padding-top:15px; }
.i-inventory-list ul li { width:calc((100% - 40px) / 3); height:70px; margin-left:20px; margin-top:15px;  }
.i-inventory-list ul li:nth-child(6n+1) { margin-left:20px; }
.i-inventory-list ul li:nth-child(3n+1) { margin-left:0; }
.i-inventory-list ul li .more { font-size:14px; line-height:70px; }
/*i-advantages992*/
.i-advantages { padding-top:25px; padding-bottom:35px; }
.i-advantages-show { padding-top:35px; }
.i-advantages-left ul li { margin-top:12px; height:105px; padding:8px 8px  8px 45px; }
.i-advantages-left ul li::after{ left:8px; top:10px; width:28px; height:28px; font-size:16px; line-height:28px; }
.i-advantages-left ul li .tit { font-size:16px; }
.i-advantages-left ul li .des { font-size:13px; margin-top:5px; }
.i-advantages-right { height:340px; }
/*i-expanded992*/
.i-expanded { padding-top:35px; padding-bottom:45px; }
.i-expanded-list { padding-top:25px; }
.i-expanded-list ul li { padding:0 10px 0 25px; }
.i-expanded-list ul li .pic { width:45px; height:45px; }
.i-expanded-list ul li .tit { font-size:16px; margin-top:8px; }
.i-expanded-list ul li .des { font-size:13px; margin-top:8px; }
/*i-solutions992*/
.i-solutions { padding-top:25px; padding-bottom:35px; }
.i-solutions-list { padding-top:8px; }
.i-solutions-list ul li { float:none; width:100%; margin-left:0; height:auto; padding-bottom:25px; }
.i-solutions-list ul li .pic { height:110px; }
.i-solutions-list ul li .con { padding:8px 15px 0 15px; }
.i-solutions-list ul li .con .tit { font-size:16px; }
.i-solutions-list ul li .con .des { font-size:13px; margin-top:5px; }
.i-solutions-list ul li .con .info { font-size:13px; margin-top:10px; }
.i-solutions-list ul li .con .info p { margin-bottom:5px; background:url(../images/icon-ok.png) no-repeat left 3px; background-size:9px 9px; padding-left:12px; }
.i-solutions-list ul li .con .tag { font-size:12px; line-height:30px; }
.i-solutions-list ul li .con .tag a { border-radius:16px; padding:0 6px; }

/*i-delivery992*/
.i-delivery { padding-top:50px; padding-bottom:60px; }
.i-delivery-list { margin-top:0; }
.i-delivery-list ul { flex-wrap: wrap;  }
.i-delivery-list ul li { width:48%; margin-top:40px; }
.i-delivery-list ul li:nth-child(odd)::after { display:none; }

/*i-sustainability992*/
.i-sustainability { padding-top:35px; padding-bottom:45px;  }
.i-sustainability-list ul li { width:calc((100% - 15px) / 2); margin-top:15px; margin-left:15px; height:135px; border-radius:10px; padding:20px 15px 0 15px; }
.i-sustainability-list ul li .tit { font-size:16px; }
.i-sustainability-list ul li .des { font-size:13px; margin-top:6px; }
/*i-contact992*/
.i-contact { padding-top:25px; padding-bottom:35px; }
.i-contact-button { width:90%; margin-top:30px; padding:5px; }
.i-contact-button .tit { width:calc(100% - 140px - 15px);  font-size:15px; line-height:36px; margin-left:15px; }
.i-contact-button .more {  width:140px; height:36px; font-size:15px; line-height:36px; }
.i-contact-list { padding-top:15px; }
.i-contact-list ul li { width:calc((100% - 40px) / 3); height:70px; margin-left:20px; margin-top:15px;  }
.i-contact-list ul li .more { font-size:14px; line-height:70px; }
/*footer992*/
.footer { font-size:14px; padding-top:45px; padding-bottom:45px; }
.f-left { float:none; width:100%; font-size:13px; }
.f-left img { max-width:90px; }
.f-mid { float:none; margin-left:0; width:100%; margin-top:45px; }
.f-right { float:none; margin-left:0; width:100%; margin-top:45px; }
.f-ewm { float:none; width:100px; margin-top:45px; }
.f-ban { font-size:16px; }
.footer hr { margin:8px 0; }
.f-sns { margin-top:18px; }
.f-sns a { width:25px; height:25px; margin-right:5px; line-height:21px; }
.f-sns a img { width:14px; }
/*f-copy992*/
.f-copy { font-size:13px; padding-top:20px; padding-bottom:20px; }
/*n-banner992*/
.n-banner { height:320px; }
.n-banner .con .wrap { padding-top:60px; }
.n-banner .con .tit { font-size:28px; }
.n-banner .con .des { font-size:15px; margin-top:18px; padding-right:0;  }
.n-banner .con .des span { margin-right:12px; }
.n-banner .con .more { margin-top:25px; }
.n-banner .con .more-li { width:150px; height:34px; border-radius:17px; font-size:14px; line-height:32px; margin-right:16px;  }
.n-banner .con .more .n-position { font-size:14px; line-height:32px;  }
/*n-contact-bg992*/
.n-contact { padding-top:25px; padding-bottom:15px; }
.n-contact-list ul li { width:calc((100% - 15px) / 3); height:140px; margin-top:12px; margin-left:7px; padding-top:18px; }
.n-contact-list ul li .pic { width:38px; height:38px; font-size:18px; line-height:38px; }
.n-contact-list ul li .tit {  font-size:13px;  margin-top:12px; }
.n-contact-list ul li .des { font-size:14px; margin-top:1px; }
/*n-message992*/
.n-message { padding-top:25px; padding-bottom:35px;  }
.n-message-list { padding-top:12px; }
.n-message-list ul li { margin-top:7px; }
.n-message-list label { font-size:13px; padding-left:10px; }
.n-message-list input[type=text] { height:38px; font-size:13px; padding-left:10px; }
.n-message-list select { height:38px; font-size:13px; padding-left:10px; }
.n-message-list textarea { height:70px; font-size:13px; line-height:38px; padding-left:10px;  }
.n-message-list .submit { height:38px; font-size:14px; }

.n-message-list .submit { height:38px; font-size:14px; }
.n-message-list .linker { height:38px; line-height:36px; font-size:14px; }
.n-message-list ul li .gray { font-size:13px; padding:4px 6px 4px 10px; }
.n-message-list ul li .info { font-size:13px; padding:4px 6px 4px 10px; }

/*n-news-hot992*/
.n-news-hot { padding-top:35px; padding-bottom:45px; }
.n-news-hot-box { padding:20px; }
.n-news-hot-box .con .tit { font-size:18px; }
.n-news-hot-box .con .des { font-size:13px; margin-top:8px; }
.n-news-hot-box .con .more { width:110px; height:32px; font-size:13px; line-height:32px; margin-top:18px;  }
/*n-news992*/
.n-news { padding-top:25px; padding-bottom:35px; }
.n-news-list { padding-top:8px; }
.n-news-list ul li { float:none; width:100%; margin-left:0; margin-top:15px; }
.n-news-list ul li .pic { height:180px; }
.n-news-list ul li .con { height:220px; padding:8px 12px 0 12px; }
.n-news-list ul li .con .date { font-size:13px; }
.n-news-list ul li .con .date span { margin-right:12px; }
.n-news-list ul li .con .tit { font-size:16px; line-height:22px; height:44px;  margin-top:6px; }
.n-news-list ul li .con .des { font-size:13px; line-height:18px; height:54px; margin-top:6px; }
.n-news-list ul li .con .bottom { padding-top:12px; margin-top:15px; }
.n-news-list ul li .con .bottom .more { width:90px; height:32px; font-size:13px; line-height:32px; }
.n-news-list ul li .con .bottom .tag { font-size:12px; line-height:32px; }
.n-news-list ul li .con .bottom .tag span { border-radius:16px; padding:0 6px; }
/*n-newshow992*/
.n-newshow { padding-top:18px; padding-bottom:35px; }
.n-newshow .con { font-size:15px; line-height:1.6; }
.n-newshow .tag { font-size:12px; line-height:24px; margin-top:25px; padding-top:18px; }
.n-newshow .tag a { border-radius:16px; padding:0 10px; }
/*n-proshow992*/
.n-proshow { padding-top:18px; padding-bottom:35px; font-size:15px; line-height:1.6; }
/*n-download992*/
.n-download { padding-bottom:35px; }
.n-download ul li { height:50px; font-size:14px; line-height:48px; padding:0 8px; }
.n-download ul li .pic { width:22px; }
.n-download ul li .tit { width:calc(100% - 22px - 8px); }
/*n-about992*/
.n-about { padding-top:25px; padding-bottom:35px; }
.n-about-show { font-size:13px; margin-top:8px; }
/*n-control992*/
.n-control { padding-top:35px; padding-bottom:45px; }
.n-control-list { padding-top:25px; }
.n-control-list ul li { padding:0 10px 0 25px; }
.n-control-list ul li .pic { width:45px; height:45px; }
.n-control-list ul li .tit { font-size:16px;  margin-top: 8px; }
.n-control-list ul li .des { font-size:13px; margin-top:8px; }
/*n-mission992*/
.n-mission { padding-top:25px; padding-bottom:50px; }
.n-mission-list ul li { margin-top:35px; }
.n-mission-list ul li .tit { font-size:24px; margin-top:12px; }
.n-mission-list ul li .des { font-size:13px; }
.n-mission-list ul li .info { font-size:16px; margin-top:12px; }
.n-mission-list ul li .info p { background: url(../images/icon-ok.png) no-repeat left 5px; }
.n-mission-list ul li .show { font-size:13px; }
.n-mission-list ul li .show h4 { font-size:15px; }
/*n-partners992*/
.n-partners { padding-top:35px; padding-bottom:45px; }
.n-partners-list { padding-top:8px; }
.n-partners-list ul li { float:none; width:100%; margin-left:0; margin-top:8px; height:auto; font-size:16px; padding:12px 12px 12px 40px; }
.n-partners-list ul li::after{ width:40px; height:80px; font-size:20px; line-height:80px; }
/*x-scenarios992*/
.x-scenarios {  padding-top:35px; padding-bottom:45px; }
.x-scenarios-list { padding-top:8px; }
.x-scenarios-list ul li { float:none; width:100%; margin-left:0; margin-top:8px; height:auto; padding:12px 12px 12px 40px; }
.x-scenarios-list ul li::after{ width:40px; height:80px; font-size:20px; line-height:80px; }
/*n-segments992*/
.n-segments { padding-top:35px; padding-bottom:45px; }
.n-segments-list { padding-top:4px; }
.n-segments-list ul li  { float:none; width:100%; margin-left:0; margin-top:15px; height:auto; padding:12px; }
.n-segments-list ul li .pic { width:45px; height:45px; }
.n-segments-list ul li .tit { width:calc(100% - 45px - 12px); font-size:16px; line-height:22px; }
.n-segments-list ul li .des { font-size:13px; margin-top:6px; }
.n-segments-list ul li .info { font-size:12px; margin-top:8px;  }
.n-segments-list ul li .info p { margin-bottom:5px; background-size:9px 9px; padding-left:12px;  }
/*n-advantages992*/
.n-advantages { padding-top:25px; padding-bottom:35px; }
.n-advantages-list { padding-top:6px; }
.n-advantages-list ul li { margin-top:10px;  padding:10px 10px 10px 25px; }
.n-advantages-list ul li .tit { font-size:16px; }
.n-advantages-list ul li .des { font-size:13px; margin-top:5px; }
/*n-purchase992*/
.n-purchase { padding-top:35px; padding-bottom:45px; }
.n-purchase-list { padding-top:8px; }
.n-purchase .item { padding:8px; margin-top:8px; }
.n-purchase .question-top { font-size:16px; }
.n-purchase .question-top .plus { width:14px; height:14px; font-size:16px; line-height:12px; }
.n-purchase .question { font-size:13px; margin-top:8px; }
.n-purchase .answer { font-size:13px; }
/*n-equipment992*/
.n-equipment { padding-top:25px; padding-bottom:35px;  }
.n-equipment-list { padding-top:6px; }
.n-equipment-list ul li { float:left; width:calc((100% - 15px) / 2); margin-top:10px; margin-left:15px; }
.n-equipment-list ul li:nth-child(3n+1) { margin-left:15px; }
.n-equipment-list ul li:nth-child(2n+1) { margin-left:0; }
.n-equipment-list ul li .pic { height:110px; }
.n-equipment-list ul li .con { padding:12px 6px 0 6px; height:100px; }
.n-equipment-list ul li .con .tit { font-size:14px; line-height:18px; height:36px; }
.n-equipment-list ul li .con .des { font-size:11px; margin-top:6px; }
.n-equipment-more {margin-top:35px; }
.n-equipment-more .tit {  height:36px; font-size:13px; line-height:36px; }
/*n-inquiry992*/
.n-inquiry { padding-top:30px; padding-bottom:40px; }
.n-inquiry-ban { flex-direction:column; align-items:flex-start; gap:20px; }
.n-inquiry-ban .tit { font-size:32px; line-height:40px; }
.n-inquiry-ban .btn-batch { height:40px; font-size:14px; line-height:40px; }
.n-inquiry .search-card { padding:10px; margin-top:20px; }
.n-inquiry .search-form { flex-direction:column; align-items:stretch; gap:10px; }
.n-inquiry .search-input { width:100%; height:34px; font-size:12px; }
.n-inquiry .btn-search { width:100%; height:34px; font-size:14px; }
.n-inquiry .btn-reset { width:100%; height:34px; font-size:14px; }
.n-inquiry .table-card { padding:10px; margin-top:10px; }
.n-inquiry .layui-laypage a, .layui-laypage span { height:28px; line-height:28px; }
.n-inquiry .page-info { font-size:10px; margin-top:10px; }
.n-inquiry .layui-btn+.layui-btn { margin-left: 0; }
/*n-prodetail992*/
.n-prodetail { padding-top:40px; padding-bottom:30px; }
.n-prodetail-left { float:none; width:100%; height:300px; margin-bottom:20px; }
.n-prodetail-right { float:none; width:100%; }
.n-prodetail-right .cate { font-size:14px; }
.n-prodetail-right .tit { font-size:22px; }
.n-prodetail-right .des { font-size:14px; margin-top:10px; }
.n-prodetail-right .info { font-size:12px; margin-top:25px; }
.n-prodetail .quantity-btn { width:30px; height:30px; font-size:14px; }
.n-prodetail .quantity-input { width:50px; height:30px; font-size:14px; }
.n-prodetail .quote-btn { height:35px; font-size:14px; line-height:35px; margin-left:8px; }
/*x-download992*/
.x-download-left { float:none; width:100%; margin-top:30px; }
.x-download-right { float:none; width:100%; }

}

@media (max-width:767px){
.wrap{width:84%}
/*banner767*/
.banner { height:620px; }
.banner .swiper-slide .con .tit { -webkit-line-clamp: 4; }
.banner .swiper-slide .con .more { width:100%; margin-top:0; padding-top:20px; }
.banner .swiper-slide .con .more-li { width:100%; margin-right:0; margin-top:20px;  }
/*i-public767*/
.i-public .tit { font-size:28px; margin-top:5px; }
.i-public .des { padding:0; }
/*i-philosophy767*/
.i-philosophy-list ul li { float:none; width:100%; margin-left:0; padding: 20px; height:auto; }
.i-philosophy-list ul li .tit { font-size:20px; }
.i-philosophy-list ul li .des { height:auto; -webkit-line-clamp: 8;}
.i-philosophy-list ul li .info { height:auto;  -webkit-line-clamp: 8;}
/*i-inventory767*/
.i-inventory-list ul li { width:calc((100% - 20px) / 2); height:80px; }
.i-inventory-list ul li:nth-child(3n+1) { margin-left:20px; }
.i-inventory-list ul li:nth-child(2n+1) { margin-left:0; }
.i-inventory-list ul li .more { line-height:80px; }
/*i-advantages767*/
.i-advantages-show { padding-top: 40px;}
.i-advantages-left { float:none; width:100%; }
.i-advantages-left ul li { height:auto; padding:15px 15px  15px 60px; }
.i-advantages-left ul li::after{ width:32px; height:32px; font-size:18px; line-height:32px; border-radius:5px; }
.i-advantages-left ul li .tit { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;  white-space: normal; font-size:20px; }
.i-advantages-right { float:none; width:100%; height:auto; margin-top:20px; }
/*i-expanded767*/
.i-expanded-list { padding-top: 0; }
.i-expanded-list ul li { float:none; width:100%; margin-top:40px; }
.i-expanded-list ul li::after { display:none; }
.i-expanded-list ul li .pic { width: 50px; height: 50px; }
.i-expanded-list ul li .tit { font-size: 20px; }
/*i-solutions767*/
.i-solutions-list ul li .con { padding: 10px 20px 0 20px; }
.i-solutions-list ul li .con .tit { font-size: 20px; }
.i-solutions-list ul li .tag a { margin-top:10px; }

/*i-delivery767*/
.i-delivery { padding-top:40px; padding-bottom:40px; }
.i-delivery-list ul li { width:100%; margin-top:30px; }
.i-delivery-list ul li::after { display:none; }
.i-delivery-list ul li .nob { width:40px; height:40px; font-size:22px; line-height:40px;  }
.i-delivery-list ul li .tit { font-size:18px; }
.i-delivery-list ul li .des { font-size:14px; }
/*i-sustainability767*/
.i-sustainability-list ul li { width:100%; margin-left:0; padding:15px 20px 0 20px; }
.i-sustainability-list ul li .tit { font-size:20px; }
.i-sustainability-list ul li .des {-webkit-line-clamp: 5; }
/*i-contact767*/
.i-contact-button { width:100%; margin-top:40px; padding:6px; }
.i-contact-button .tit { float:none; width:100%;  font-size:18px; line-height:30px; margin-left:0; padding-top:5px; }
.i-contact-button .more {  float:none; width:100%; margin-top:15px; }
.i-contact-list {padding-top: 10px;}
.i-contact-list ul li { width:calc((100% - 20px) / 2); height:80px; }
/*.i-contact-list ul li:nth-child(3n+1) { margin-left:20px; }
.i-contact-list ul li:nth-child(2n+1) { margin-left:0; }*/
.i-contact-list ul li .more { line-height:80px; }
/*footer767*/
.footer { font-size: 16px; padding-top: 60px; padding-bottom: 50px; }
.f-mid { margin-top:40px; }
.f-right { margin-top:40px; }
.f-ewm { margin-top:40px; }
html{font-size:10px;}
body{font-size:14px}
.i-public .tit{font-size:24px}
.i-advantages-left ul li .tit,.i-expanded-list ul li .tit,.i-philosophy-list ul li .tit,.i-solutions-list ul li .con .tit,.i-sustainability-list ul li .tit{font-size:18px}
.i-advantages-left ul li .des,.i-expanded-list ul li .des,.i-philosophy-list ul li .des,.i-public .des,.i-solutions-list ul li .con .des,.i-sustainability-list ul li .des{font-size:14px;line-height:1.6}
.banner .swiper-slide .con .more-li{font-size:15px}
.i-contact-button .more{font-size:16px}
/*n-banner767*/
.n-banner { height:auto; }
.n-banner .con { padding-top:30px; padding-bottom:20px;}
.n-banner .con .tit { font-size: 24px; }
.n-banner .con .more { width:100%; margin-top:0; padding-top:0; }
.n-banner .con .more-li { width:100%; margin-right:0; margin-top:10px;  }
.n-banner .con .more .n-position { float:none;  }
/*n-contact767*/
.n-contact{padding-top:30px;padding-bottom:20px}
.n-contact-list{padding-top:10px}
.n-contact-list ul li{float:none;width:100%;margin-left:0;height:auto;padding:25px 15px}
.n-contact-list ul li .pic{width:50px;height:50px;font-size:26px;line-height:50px}
.n-contact-list ul li .tit{font-size:14px;margin-top:15px}
.n-contact-list ul li .des{font-size:15px;margin-top:5px}
.n-message{padding-top:30px;padding-bottom:40px}
.n-message-list{padding-top:15px}
.n-message-list ul li{float:none;width:100%;margin-left:0;margin-top:0}
.n-message-list ul li:nth-child(2n+2) { margin-left:0; }
.n-message-list label{font-size:14px;padding-left:10px}
.n-message-list input[type=text]{height:50px;font-size:14px;padding-left:12px}
.n-message-list select{height:50px;font-size:14px;padding-left:12px}
.n-message-list textarea{height:120px;font-size:14px;line-height:1.5;padding:12px}

.n-message-list .submit { width:47%; height:50px; font-size:14px; margin-top:10px; }
.n-message-list .linker { width:47%; height:50px; line-height:48px; margin-top:10px;}
.n-message-list ul li .gray { font-size:14px; padding:4px 6px 4px 10px; }
.n-message-list ul li .info { font-size:14px; padding:4px 6px 4px 10px; }

.n-news-hot{padding-top:40px;padding-bottom:40px}
.n-news-hot-box{padding:20px}
.n-news-hot-box .pic{float:none;width:100%}
.n-news-hot-box .con{float:none;width:100%;margin-top:15px}
.n-news-hot-box .con .tit{font-size:16px;line-height:1.5}
.n-news-hot-box .con .des{font-size:13px;line-height:1.6}
.n-news-hot-box .con .more{width:150px;height:45px;font-size:13px;line-height:45px;margin-top:20px}
.n-news{padding-top:30px;padding-bottom:40px}
.n-news-list ul li{float:none;width:100%;margin-left:0;margin-top:20px}
.n-news-list ul li .pic{height:200px}
.n-news-list ul li .con{height:auto;min-height:260px;padding:15px 15px 20px 15px}
.n-news-list ul li .con .date{font-size:13px}
.n-news-list ul li .con .tit{font-size:15px;line-height:1.5;height:auto;-webkit-line-clamp:2}
.n-news-list ul li .con .des{font-size:13px;line-height:1.6;height:auto;-webkit-line-clamp:3}
.n-news-list ul li .con .bottom{padding-top:20px;margin-top:20px; display:block;}
.n-news-list ul li .con .bottom .more{width:120px;height:45px;font-size:13px;line-height:45px}
.n-news-list ul li .con .bottom .tag span { margin-top:10px; }
/*n-newshow767*/
.n-newshow { padding-top:20px; padding-bottom:40px; }
.n-newshow .con { font-size:14px; line-height:1.8; }
.n-newshow .tag { margin-top:30px; padding-top:20px; font-size:13px; }
.n-newshow .tag a { padding:0 12px; margin: 0 3px 5px 0; }
/*n-proshow767*/
.n-proshow { padding-top:20px; padding-bottom:40px; font-size:14px; line-height:1.8; }
/*n-download767*/
.n-download { padding-bottom:40px; }
.n-download ul li { float:none;width:100%; height:60px; font-size:14px; line-height:58px; padding:0 10px; }
.n-download ul li:nth-child(even) { margin-left:0; }
.n-download ul li .pic { width:26px; }
.n-download ul li .tit { width:calc(100% - 26px - 10px); }
/*n-about767*/
.n-about{padding-top:30px;padding-bottom:40px}
.n-about-show{font-size:13px;line-height:1.8}
/*n-control767*/
.n-control{padding-top:40px;padding-bottom:40px}
.n-control-list{padding-top:0}
.n-control-list ul li{float:none;width:100%;margin-top:40px}
.n-control-list ul li::after{display:none}
.n-control-list ul li .pic { width: 50px; height: 50px; }
.n-control-list ul li .tit{font-size:15px}
.n-control-list ul li .des{font-size:13px}
/*n-mission767*/
.n-mission{padding-top:30px;padding-bottom:60px}
.n-mission-list ul li{margin-top:40px}
.n-mission-list ul li .con,.n-mission-list ul li .pic{float:none;width:100%}
.n-mission-list ul li .con{margin-top:20px}
.n-mission-list ul li .tit{font-size:20px;text-align:center}
.n-mission-list ul li .des{font-size:13px;line-height:1.8}
.n-mission-list ul li .info{font-size:15px;margin-top:15px}
.n-mission-list ul li .show{font-size:13px}
.n-mission-list ul li .show h4{font-size:15px;margin-top:15px}
/*n-partners767*/
.n-partners{padding-top:30px;padding-bottom:40px}
.n-partners-list{padding-top:10px}
.n-partners-list ul li{float:none;width:100%;margin-left:0;margin-top:10px;height:auto;font-size:15px;padding:15px 15px 15px 50px;-webkit-line-clamp: 10;}
.n-partners-list ul li::after{width:50px;height:auto;line-height:1.5;padding:15px 0}
/*x-scenarios767*/
.x-scenarios {  padding-top:30px; padding-bottom:40px; }
.x-scenarios-list { padding-top:10px; }
.x-scenarios-list ul li {float:none;width:100%;margin-left:0;margin-top:10px;height:auto;padding:15px 15px 15px 50px;-webkit-line-clamp: 10;}
.x-scenarios-list ul li::after{width:50px;height:auto;line-height:1.5;padding:15px 0}
/*n-segments767*/
.n-segments{padding-top:30px;padding-bottom:40px}
.n-segments-list{padding-top:5px}
.n-segments-list ul li{float:none;width:100%;margin-left:0;margin-top:20px;height:auto;padding:15px}
.n-segments-list ul li .pic{width:50px;height:50px}
.n-segments-list ul li .tit{width:calc(100% - 50px - 15px);font-size:15px;line-height:1.5}
.n-segments-list ul li .des{font-size:13px;margin-top:10px;line-height:1.6}
.n-segments-list ul li .info{font-size:12px;margin-top:12px;line-height:1.6}
.n-segments-list ul li .info p{margin-bottom:8px;background-size:12px 12px;padding-left:18px}
/*n-advantages767*/
.n-advantages{padding-top:30px;padding-bottom:40px}
.n-advantages-list{padding-top:5px}
.n-advantages-list ul li{float:none;width:100%;margin-left:0;margin-top:8px;height:auto;padding:8px 8px 8px 20px}
.n-advantages-list ul li .tit{font-size:15px}
.n-advantages-list ul li .des{font-size:13px;margin-top:5px;line-height:1.6}
/*n-purchase767*/
.n-purchase{padding-top:30px;padding-bottom:40px}
.n-purchase-list{padding-top:6px}
.n-purchase .item{padding:6px;margin-top:6px}
.n-purchase .question-top{font-size:15px}
.n-purchase .question-top .plus{width:12px;height:12px;font-size:15px;line-height:10px}
.n-purchase .question{font-size:13px;margin-top:6px}
.n-purchase .answer{font-size:13px;line-height:1.6}
/*n-equipment767*/
.n-equipment{padding-top:30px;padding-bottom:40px}
.n-equipment-list{padding-top:6px}
.n-equipment-list ul li{float:none;width:100%;margin-left:0;margin-top:15px}
.n-equipment-list ul li:nth-child(2n+1){margin-left:0}
.n-equipment-list ul li .pic{height:150px}
.n-equipment-list ul li .con{padding:15px 10px 0 10px;height:auto;min-height:120px}
.n-equipment-list ul li .con .tit{font-size:15px;line-height:1.5;height:auto;-webkit-line-clamp:2}
.n-equipment-list ul li .con .des{font-size:13px;margin-top:10px;line-height:1.6}
.n-equipment-more {margin-top:40px; }
.n-equipment-more .tit { height:45px; font-size:13px; line-height:45px; }
/*n-inquiry767*/
.n-inquiry{padding-top:25px;padding-bottom:35px}
.n-inquiry-ban .tit{font-size:28px;line-height:36px}
.n-inquiry-ban .btn-batch{height:45px;font-size:13px;line-height:45px}
.n-inquiry .search-card{padding:8px;margin-top:15px}
.n-inquiry .search-input{height:38px;font-size:13px}
.n-inquiry .btn-search{height:38px;font-size:13px}
.n-inquiry .btn-reset{height:38px;font-size:13px}
.n-inquiry .table-card{padding:8px;margin-top:8px}
.n-inquiry .layui-laypage a,.layui-laypage span{height:32px;line-height:32px}
.n-inquiry .page-info{font-size:12px;margin-top:15px}
/*n-prodetail767*/
.n-prodetail{padding-top:35px;padding-bottom:25px}
.n-prodetail-left{height:250px}
.n-prodetail-right .cate{font-size:13px}
.n-prodetail-right .tit{font-size:20px}
.n-prodetail-right .des{font-size:13px;margin-top:8px;line-height:1.6}
.n-prodetail-right .info{font-size:11px;margin-top:20px;line-height:1.6}
.n-prodetail .quantity-wrap{flex-direction:column;align-items:flex-start}
.n-prodetail .quantity-input-group{margin-bottom:10px}
.n-prodetail .quantity-btn{width:35px;height:35px;font-size:13px}
.n-prodetail .quantity-input{width:60px;height:35px;font-size:13px}
.n-prodetail .quote-btn{margin-left:0;margin-top:10px;height:40px;font-size:13px;line-height:40px}
.subcategory-list ul li { font-size: 13px; line-height: 35px; }
.x-download-list ul li .date { font-size: 13px; }
/*x-download767*/
.x-download-list ul li { padding: 20px 10px 20px 0; position:relative;  }
.x-download-list ul li .pic { float:none; height:30px; position:absolute; top:20px; left:10px; width:24px; }
.x-download-list ul li .tit { float:none; width:100%; line-height:30px; margin-left:10px; padding-left:30px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;  white-space: normal;}
.x-download-list ul li .date { float:none; width:100%; line-height:30px; margin-top:15px; text-align:center; }
/*x-features767*/
.x-features { padding-top:40px; padding-bottom:70px; }
.x-features-list { padding-top:25px; }
.x-features-list ul li { float:none; width:100%; height:auto; margin-left:0; margin-top:10px; }
.x-features-list ul li:first-child { float:none; width:100%;  height:auto; }
.x-features-list ul li .con .des { font-size:13px; }
/*x-series767*/
.x-series-list ul li { float:none; width:100%; margin-left:0; }
.x-series-list ul li .con .des { font-size:13px; }
.x-series-list ul li .con .more { font-size:13px; }
/*x-suite767*/
.x-suite { padding-top:30px; }
.x-suite-list { margin-top:30px; }
.x-suite-list ul { display:block; }
.x-suite-list ul li { width:100%; height:300px; }
/*sidebar-left767*/
.sidebar-left{width:50px;padding:5px;border-radius:25px;}
.sidebar-left ul li{height:40px;margin-top:8px}
.sidebar-left ul li .con{padding-left:10px;}
/*sidebar-right767*/
.sidebar-right { width:48px; }
.sidebar-right ul li{height:48px;margin-top:8px; }

}

@media (max-width:500px){
.wrap{width:94%}
/*n-partners500*/
.n-partners-list ul li{font-size:14px;padding:12px 12px 12px 45px}
.n-partners-list ul li::after{width:45px;padding:12px 0}
/*x-scenarios500*/
.x-scenarios-list ul li{font-size:14px;padding:12px 12px 12px 45px}
.x-scenarios-list ul li::after{width:45px;padding:12px 0}
/*n-segments500*/
.n-segments-list ul li .tit{font-size:14px}
.n-segments-list ul li .des{font-size:12px}
.n-segments-list ul li .info{font-size:11px}
/*n-advantages500*/
.n-advantages-list ul li .tit{font-size:14px}
.n-advantages-list ul li .des{font-size:12px}
/*n-purchase500*/
.n-purchase .question-top{font-size:13px}
.n-purchase .question-top .plus{width:10px;height:10px;font-size:13px;line-height:8px}
.n-purchase .question{font-size:12px}
.n-purchase .answer{font-size:12px}
/*n-inquiry500*/
.n-inquiry{padding-top:20px;padding-bottom:30px}
.n-inquiry-ban .tit{font-size:24px;line-height:32px}
.n-inquiry-ban .btn-batch{height:40px;font-size:12px;line-height:40px}
.n-inquiry .search-card{padding:6px;margin-top:12px}
.n-inquiry .search-input{height:35px;font-size:12px}
.n-inquiry .btn-search{height:35px;font-size:12px}
.n-inquiry .btn-reset{height:35px;font-size:12px}
.n-inquiry .table-card{padding:6px;margin-top:6px}
.n-inquiry .layui-laypage a,.layui-laypage span{height:28px;line-height:28px}
.n-inquiry .page-info{font-size:11px;margin-top:12px}
/*n-prodetail500*/
/*n-equipment500*/
.n-equipment{padding-top:25px;padding-bottom:35px}
.n-equipment-list ul li .pic{height:130px}
.n-equipment-list ul li .con{padding:12px 8px 0 8px;min-height:100px}
.n-equipment-list ul li .con .tit{font-size:14px}
.n-equipment-list ul li .con .des{font-size:12px;margin-top:8px}
.n-equipment-more {margin-top:35px; }
.n-equipment-more .tit { height:40px; font-size:12px; line-height:40px; }
/*n-prodetail500*/
.n-prodetail{padding-top:30px;padding-bottom:20px}
.n-prodetail-left{height:200px}
.n-prodetail-right .cate{font-size:12px}
.n-prodetail-right .tit{font-size:18px}
.n-prodetail-right .des{font-size:12px}
.n-prodetail-right .info{font-size:10px}
.n-prodetail .quantity-btn{width:30px;height:30px;font-size:12px}
.n-prodetail .quantity-input{width:50px;height:30px;font-size:12px}
.n-prodetail .quote-btn{height:35px;font-size:12px;line-height:35px}
/*modal-overlay500*/
.modal-overlay .modal-content{padding:10px 20px;}
.modal-overlay .modal-title{font-size:18px;}
.modal-overlay .close-btn{font-size:14px;}
.modal-overlay .divider{margin-top:6px}

}

@media (max-width:375px){
.i-public .tit{font-size:22px}
.banner .swiper-slide .con .tit{font-size:24px}
.n-banner .con .tit { font-size: 20px; }
.n-mission-list ul li .tit{font-size:22px;}
/*n-partners375*/
.n-partners-list ul li{font-size:15px;padding:10px 10px 10px 40px}
.n-partners-list ul li::after{width:40px;padding:10px 0;font-size:18px}
/*n-partners375*/
.x-scenarios-list ul li{font-size:15px;padding:10px 10px 10px 40px}
.x-scenarios-list ul li::after{width:40px;padding:10px 0;font-size:18px}
/*n-segments375*/
.n-segments-list ul li .tit{font-size:15px}
.n-segments-list ul li .des{font-size:13px}
.n-segments-list ul li .info{font-size:12px}
/*n-advantages375*/
.n-advantages-list ul li .tit{font-size:14px}
.n-advantages-list ul li .des{font-size:12px}
/*n-purchase375*/
.n-purchase .question-top{font-size:14px}
.n-purchase .question-top .plus{width:8px;height:8px;font-size:14px;line-height:6px}
.n-purchase .question{font-size:12px}
.n-purchase .answer{font-size:12px}
/*n-inquiry375*/
.n-inquiry{padding-top:15px;padding-bottom:25px}
.n-inquiry-ban .tit{font-size:22px;line-height:28px}
.n-inquiry-ban .btn-batch{height:35px;font-size:11px;line-height:35px}
.n-inquiry .search-card{padding:5px;margin-top:10px}
.n-inquiry .search-input{height:32px;font-size:11px}
.n-inquiry .btn-search{height:32px;font-size:11px}
.n-inquiry .btn-reset{height:32px;font-size:11px}
.n-inquiry .table-card{padding:5px;margin-top:5px}
.n-inquiry .layui-laypage a,.layui-laypage span{height:26px;line-height:26px}
.n-inquiry .page-info{font-size:10px;margin-top:10px}
/*n-equipment375*/
.n-equipment{padding-top:20px;padding-bottom:30px}
.n-equipment-list ul li .pic{height:110px}
.n-equipment-list ul li .con{padding:10px 6px 0 6px;min-height:90px}
.n-equipment-list ul li .con .tit{font-size:13px}
.n-equipment-list ul li .con .des{font-size:11px;margin-top:6px}
.n-equipment-more {margin-top:30px; }
.n-equipment-more .tit { height:35px; font-size:11px; line-height:35px; }
/*n-prodetail375*/
.n-prodetail{padding-top:25px;padding-bottom:15px}
.n-prodetail-left{height:180px}
.n-prodetail-right .cate{font-size:13px}
.n-prodetail-right .tit{font-size:16px}
.n-prodetail-right .des{font-size:13px}
.n-prodetail-right .info{font-size:11px}
.n-prodetail .quantity-btn{width:28px;height:28px;font-size:14px}
.n-prodetail .quantity-input{width:45px;height:28px;font-size:14px}
.n-prodetail .quote-btn{height:32px;font-size:14px;line-height:32px}


}