@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0px; padding:0px; }
fieldset, img { border:none; }
img{border:none;}
address, caption, cite, code, dfn, th, pro-detail-textvar { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
li{ list-style:none;}
input { padding-top:0px; padding-bottom:0px;}
input::-moz-focus-inner { border:none; padding:0px; }
select, input { vertical-align:middle; }
select, input, textarea { }
body ,select, input, textarea{ background:#ffff;font-family: "Gilroy-Light";  }
.clearfix:after { content:"."; display:block; height:0px; visibility:hidden; clear:both; }
.clearfix {zoom:1; }
.clearit {clear:both; height:0px; font-size:0px; overflow:hidden; width:100%; }
a {text-decoration:none;}
.hidden{visibility:hidden;}
.show{display:block;}
.logo{ float:left; margin-top: 12px;margin-right: 196px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
p{ color: #999;font-family: "Gilroy-Light"; line-height: 1.4rem }
/*公共样式*/
@font-face{
	font-family: "Gilroy-Light";
	src: url("../fonts/Gilroy-Light.otf");
		
}

@font-face{
	font-family: "Gilroy-Regular";
	src: url("../fonts/Gilroy-Regular.otf");
		
}
@font-face{
	font-family: "Gilroy-Medium";
	src: url("../fonts/Gilroy-Medium.otf");
		
}
@font-face{
	font-family: "Gilroy-Bold";
	src: url("../fonts/Gilroy-Bold.otf");
		
}

.w1600{ width: 1600px; margin: 0 auto}
.w96{ width: 96%; padding: 0 2%;}
.more,.index-tag ul a{ padding: 12px 20px; border-radius: 100px;  color: #0426a0; border: 2px solid #0426a0; display: inline-block; float: left; font-size: 14px;font-family: "Gilroy-Bold"; margin-right: 1%;border: 2px solid #e5e9f5; margin-right: 10px; transition: 0.4s}
.more:hover,.on1,.index-tag ul a:hover{background: #0426a0; color: #fff; border: 2px solid #0426a0;}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.header{ position: absolute; top: 0; z-index: 999; width: 96%; padding: 2%; transition: 0.4s}
.header .logo{ float: left; display: inline}.header .logo img{ width: 100%; height: auto}
.header .logo h2{ font-size:1rem}
.nav-right{ float: right; display: inline}.nav-right a{ color: #fff}
.nav{float: right; display: inline; position: relative;}
.nav a,.nav-right a{ color: #fff; font-size: 1rem; margin: 0 1.6rem; line-height: 3.6rem}
.nav-right a{ font-size: 1.2rem}
.fixed,.fixed1{ position: fixed; background: #0426a0; border-bottom: 1px solid #1e3caa;padding: 1.2% 2%; z-index: 999;}
header {position:fixed;z-index:999;width:100%;height:5em;transition:0.4s; box-shadow: 0 0 10px rgb(0 0 0 / 10%);display: none; background: #0426a0;border-bottom: 1px solid #3651b3}
header .logo {float:left;margin-top:18px; width: 36%; margin-left: 5%}
header .logo .logo2 {display:none}header .logo img{width:100%; height: auto}
header nav { width: 100%}
header nav a {color:#fff;font-size:16px;margin-right:42px;line-height:2.6em;}
header nav .serch .icon-sousuo {font-size:26px;margin-top:6px;}
header nav .language .icon-earth {font-size:22px;margin-top:6px; margin-right: 24px}
.mobile-footnav{ display: none; width: 100%; position: fixed; bottom:0; background: #0426a0; height: 68px; line-height: 68px; z-index: 999; box-shadow: 0 0 10px rgb(0 0 0 / 10%); border-top: 1px solid #3651b3}
.mobile-footnav a{ width:25%; float: left; text-align: center; font-size: 28px; color: #fff}
.mobile-footnav a:first-child{ font-size: 22px;}.mobile-footnav a:nth-child(2n){ font-size: 26px;}
.mobile-footnav a:last-child{ font-size: 24px;}.mobile-footnav a:nth-child(3n){ font-size: 26px;}
.nav-links {display:flex;list-style:none;width:88vw;padding:0 0.7vw;align-items:center;}
.nav-links li {  margin: 0 0 2.6em 0}
.nav-links li a {text-decoration:none;margin:0 0.7vw;}
.nav-links li a:hover {color:#06101b;}
.nav-links li {position:relative;}
.nav-links li a::before {content:"";display:block;height:3px;width:0%;background-color:#06101b;position:absolute;transition:all ease-in-out 250ms;margin:0 0 0 10%;}
.nav-links li a:hover::before {width:80%;}
/*Styling Buttons*/.login-button {background-color:transparent;border:1.5px solid #f2f5f7;border-radius:2em;padding:0.6rem 0.8rem;margin-left:2vw;font-size:1rem;cursor:pointer;}
.login-button:hover {color:#131418;background-color:#fff;border:1.5px solid #fff;transition:all ease-in-out 350ms;}
.join-button {color:#131418;background-color:#06101b;border:1.5px solid #06101b;border-radius:2em;padding:0.6rem 0.8rem;font-size:1rem;cursor:pointer;}
.join-button:hover {color:#fff;background-color:transparent;border:1.5px solid #fff;transition:all ease-in-out 350ms;}
/*Styling Hamburger Icon*/.hamburger div {width:28px;height:3px;background:#fff;margin:6px;transition:all 0.3s ease; border-radius: 100px}
.hamburger {display:none;}
.fixed .hamburger div{ background: #333}
/*Stying for small screens*/@media screen and (max-width:1024px) {nav {position:fixed;z-index:3; width: 100%}
.hamburger {display:block;position:absolute;cursor:pointer;right:0.6rem;top:2.6em;transform:translate(-5%,-50%);z-index:2;transition:all 0.7s ease;}
.nav-links {position:fixed;background:#0426a0;height:100%;width:100%;flex-direction:column;clip-path:circle(50px at 90% -20%);-webkit-clip-path:circle(50px at 90% -10%);transition:all 1s ease-out;pointer-events:none; padding-top: 6em}
.nav-links.open {clip-path:circle(1000px at 90% -10%);-webkit-clip-path:circle(1000px at 90% -10%);pointer-events:all;}
.nav-links li {opacity:0;}
.nav-links li:nth-child(1) {transition:all 0.5s ease 0.2s;}
.nav-links li:nth-child(2) {transition:all 0.5s ease 0.4s;}
.nav-links li:nth-child(3) {transition:all 0.5s ease 0.6s;}
.nav-links li:nth-child(4) {transition:all 0.5s ease 0.7s;}
.nav-links li:nth-child(5) {transition:all 0.5s ease 0.8s;}
.nav-links li:nth-child(6) {transition:all 0.5s ease 0.9s;}
.nav-links li:nth-child(7) {transition:all 0.5s ease 1s;margin:0;}
li.fade {opacity:1;}
}
/*Animating Hamburger Icon on Click*/.toggle .line1 {transform:rotate(-45deg) translate(-5px,6px); color: #fff}
.toggle .line2 {transition:all 0.7s ease;width:0; color: #fff}
.toggle .line3 {transform:rotate(45deg) translate(-5px,-6px); color: #fff}

.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;background:#0426a0;border-bottom:0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 0 0 10px rgb(0 0 0 / 10%)}
.side ul a{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #1b3aa9;color:#fff;font-size:24px;line-height:78px;text-align:center;transition:all .3s;cursor:pointer}
.side ul a:hover{ color: #fff}
.side ul a:hover a{color:#1b3aa9}
.side ul a:last-child{ border-bottom:none}
.side ul a i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul a .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul a.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}

.side ul a.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.side ul a.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul a.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul a:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
.pro{width:100%;background:#2ba1d9;position:absolute;z-index:999;_right:-1px;*right:-1px;display:none; filter: Alpha(opacity=100); -moz-opacity:1; opacity:1; padding: 2rem 0 3rem 0; border-bottom: 1px solid #e5e5e5}
.pro-box{width:1135px; padding:10px 0px 0 50px;overflow:hidden;margin:0 auto;}
.pro-box-9list{width:1000px;_width:1150px;*width:1150px;padding-left:0;}
.pro-box-9list ul{ min-height:200px; width:100%; float:left;}
.pro-box .pro-box-li{width:108px;_width:99px;*width:99px;padding:0 1%;float:left;}
.pro-box-9list .pro-box-li{width:16%;_width:9%;*width:9%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ margin-bottom: 2rem}
.pro-box .pro-lei-tit a{width:130px;_width:100px;*width:100px;height:32px; line-height:32px; text-align:left; font-size:17px; font-weight:bold; padding:0 5px; margin-top:10px;color:#0426a0;overflow:hidden;font-family: "Gilroy-Bold";}
.pro-box-9list .pro-lei-tit a{width:100%;}
.pro-box .pro-lei-tit a:hover{color:#0426a0;}
.pro-box li li{ margin:12px 0;}
.pro-box li li a{width:130px;height:24px; line-height:24px; text-align:left; font-size:14px;padding:0 5px; color:#666;overflow:hidden;display:block;}
.pro-box-9list li li a{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.pro-box li li a:hover{color:#0426a0;}
.index-pro ul li:nth-child(4){ display: none}

.banner .swiper-slide { background-position: center;background-size: cover; position: relative; }
.banner .swiper-slide img { display: block;width: 100%;}
.banner-text{  } 
.banner-text-ul{position: absolute; bottom: 20%;  font-weight: bold; z-index: 100}
.banner-text h3{ font-size:4rem; color: #fff;font-family: "Gilroy-Bold";}
.banner-text .banner-more{ padding: 18px 32px; border-radius: 100px; background: #0426a0; color: #fff; font-size: 16px; margin-top: 6%; display: inline-block; font-weight: 500;font-family: "Gilroy-Light"; }
.banner-text i{font-family: "Gilroy-Light"; font-style: normal; display: inline-block; margin-left: 0.2rem; padding-top: 0.2rem}.banner-text span{ display: inline-block; float: right;}
.banner-text .banner-more:hover,.product .tab-pal .more a.on1:hover,.product .tab-pal .on1:hover{ background: #062183; color: #fff;}
.banner .swiper-pagination-bullet{ width: 140px;border-radius: 4px; height: 5px; background: #fff;}
.banner .swiper-pagination-bullet-active{ background: #0426a0;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 4rem;}

.banner-text .banner-more{animation-delay:0.5s;-webkit-animation-delay:0.5s;}

.product,.about,.tag,.contact,.faq{ margin: 6rem auto 10rem auto;max-width: 1600px; overflow: hidden}
h2{ font-size:10rem;text-align: center; color: #0426a0;font-family: "Gilroy-Bold"; }

.product .notice .tab-hd li.on a,.product .tab-pal .more a.on{ background: #0426a0; color: #fff; border: 2px solid #0426a0}
.tab-hd{ margin:4rem 0 0 0;}
.product .tab-pal{ width: 100%; margin-top: 6.8rem}
.product .tab-pal ul li{ width: 29.2%; float: left; border: 1px solid #e5e5e5; border-right: none; padding: 2% 2% 3% 2%}
.product .tab-pal ul li:nth-child(3){border-right: 1px solid #e5e5e5; }
.product .tab-pal ul li:last-child{border-right: 1px solid #e5e5e5;}
.product .tab-pal ul li img{ width: 100%; height: auto}
.product .tab-pal ul li h3{font-size: 1.36rem;
    font-family: "Gilroy-Bold";
    color: #0426a0;
    transition: 0.4s;
    height: 3.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; margin-top:1rem}
.product .tab-pal ul li h3 a{ color: #111; }
.product .tab-pal ul li p{ color: #999;font-family: "Gilroy-Light"; line-height: 1.4rem; height:4.2rem;  overflow: hidden; /* 隐藏超出内容 */
    display: -webkit-box; /* 弹性伸缩盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 3; /* 限制显示3行 */
    text-overflow: ellipsis;}
.product .tab-pal .more{ margin-top: 2rem;}
.product .tab-pal ul li:hover h3 a{ color: #0426a0}
/*.product .tab-pal ul li:nth-child(4){ display: none}*/

.article-1{ width: 100%;  overflow: hidden; position: relative; display: block}
.article-txt{ position: absolute;top:30%; left: 0; z-index: 10; text-align: center; width: 100%; height: 100%}
.article-1 h2{ color: #fff; font-size: 5.6rem}
.article-1 a{  color: #fff; margin: 2rem 0 0 0; float: none;}
.article-1 p{ text-align: center; display: block; margin: 0 auto;}
.article-bj{display: block; position: relative; overflow: hidden; z-index: -1}.article-bj img{ width: 100%; float: left }

.quote-1{background: #0426a0; color: #fff; height: 220px;}
.quote-1 p{ font-size: 2.6rem;font-family: "Gilroy-Bold"; line-height: 220px; height: 220px;  display: inline-block; float: left; width: 70%; color: #fff}
.quote-1 .quote-more{ float: right; width: 16%; margin-top: 5.6rem;}
.quote-1 .quote-more .more{ color: #fff}
.quote-1 .quote-more .on1{ background: #fff;  border: 2px solid #fff;color: #0426a0}
.quote-1 .quote-more .more:hover{ background: #fff; color: #0426a0; border: 2px solid #fff}
.quote-1 .quote-more .on1:hover{ opacity:0.8;}

.banner .swiper-container {width: 100%; height: 100%;}
.banner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	
.about-left{ width: 42%; float: left}.about-right{ width: 35%; float: right; padding-top: 10rem; position: relative}
.about-left h2,.news h2,.about-us h2,.mission h2,.value h2{ float: left; text-align: left; color: #b8b8b8; display: block; line-height: 8rem; padding-top: 4rem}.about-left h2 span,.news h2 span,.about-us h2 span{color: #0426a0; padding-left: 10.4rem}
.about-left p{ display: block; float: left; margin: 4rem 0 3.6rem 0}
.about-right h3{ font-size: 1.6rem;font-family: "Gilroy-Bold"; margin: 3rem 0; color: #333} 
.about-right img{ width: 100%; height: auto}.about-right p{ text-align: center; display: block; margin: 0 auto}
.about-right span{  z-index: 100;text-align: center; width: 68px; height: 68px; border-radius: 100px; line-height: 68px; display: inline-block; background: #0426a0; color: #fff; position: absolute; top: 15rem}
.about-right span:hover{ background: #062183;color: #fff}

.product-number-inner ul li{ width: 33.33%; float: left; }.product-number-inner ul li b{margin-right: 3rem}
.product-number-inner ul li i{ font-size: 3.2rem; color: #0426a0; font-style: normal;font-family: "Gilroy-Bold";}
.product-number-inner ul li sup{ color: #0426a0; font-size: 1.2rem}
.product-number-inner ul li p{ text-align: left}

.application{ position: relative;}.application h2{  position: absolute; top: 10rem; left: 10rem; z-index: 100; text-align: center; color: #fff}
.app{ position: relative}
.app .swiper {width: 100%;height: 100%; }
.app .swiper-slide {background-position: center;background-size: cover;}.app .swiper-slide .app-txt{ position: absolute; right: 10rem; bottom: 14rem;width:30%;}
.app .swiper-slide img { display: block;width: 100%;}.app .swiper-slide p{ font-size: 2.2rem; color: #fff; font-family:"Gilroy-Bold";  line-height: 2.4rem}
.app .swiper-slide .swiper-button-next,.app .swiper-slide .swiper-button-prev,.solution .swiper-button-next,.solution .swiper-button-prev{ top: 140%; left: 0; width: 40px; height: 40px;  border:1px solid #fff; border-radius: 100px; color: #fff; transition: 0.4s}
.app .swiper-slide .swiper-button-next,.solution .swiper-button-next{ left: 50px;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ content: none}
.app .swiper-slide .swiper-button-next:hover,.app .swiper-slide .swiper-button-prev:hover,.news-tab .swiper-button-next:hover,.news-tab .swiper-button-prev:hover{ background: #0426a0; color: #fff;  border:1px solid #0426a0; }

.solution,.mission-bj,.message-bj{ background: #0426a0; padding: 8rem 0 12rem 0; overflow: hidden}
.solution h3{font-size: 2.2rem;font-family:"Gilroy-Bold"; line-height: 2.4rem; display: block; width: 42%; color: #fff; float: left;}
.solution .more{ float: right; color: #fff}
.solution .more:hover{ background: #fff; color:#0426a0; border:2px solid #fff;}
.solution-list{ margin-left: 20%; margin-top: 8rem; }
.solution-list .solution-bt h2{ color: #fff; float: left; position: absolute; z-index: 10;}
.solution-list .solution-bt p{ float: left; color: #fff; margin-top: 14rem}
.solution-list .solution-bt{width: 20%; float: left; position: relative}
.solution .solution-ul{ width: 74%; float: right}
.solution .swiper-button-next:hover,.solution .swiper-button-prev:hover{background: #fff; color: #0426a0;  border:1px solid #fff;}
.solution .swiper-button-next,.solution .swiper-button-prev{ top: 120%}
.solution .swiper-slide{ width:46%; float: left}
.solution .swiper-slide a{ }
.solution .swiper-slide img{ width: 100%; height: auto; float: left} .solution .swiper-slide ul{position: absolute; bottom: 0; z-index: 1; width: 100%; float: left}
.solution .swiper-slide h3{  font-size: 1.2rem; line-height: 5rem; width: 96%; float: left; padding-left:4%; background-image: linear-gradient(transparent, rgba(0, 0, 0, 1));font-family:"Gilroy-Regular";    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1}
.newstime{ display:none}
.news h2{ margin-left:30%}
.news{ margin: 6rem 0 14rem 0; overflow: hidden}.news-ul{ overflow: hidden}.news-li .swiper-slide,.blog ul li{ width: 24%; float: left; padding: 3% 3%; border: 1px solid #e5e5e5; border-right: none}.news-li{ margin-left: 10%}
.news-li .swiper-slide h3,.blog ul li h3{font-size: 1.36rem; font-family:"Gilroy-Bold"; color: #0426a0; transition: 0.4s; height:3.6rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2}.news-li .swiper-slide p,.blog ul li p{ margin: 2rem 0 6rem 0;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 4}
.news-li .swiper-slide .news-more,.blog ul li .news-more{font-family:"Gilroy-Bold"; color: #333; display: inline-block;}.news-li .swiper-slide .news-more:hover,.blog ul li .news-more:hover{ color: #0426a0}
.news-li .swiper-slide span,.blog ul li span{ color: #999;margin-top: 1rem; display: block}.news-li .swiper-slide:hover h3,.blog ul li:hover h3{color: #999}
.news-tab{ margin: 4rem 10% 6rem 10%; display: flow-root;}
.news-tab .more{ float: right}.news-tab ul{ display: inline-block;}
.news-tab ul{ position: relative; top: 8px}
.news-tab .swiper-button-next,.news-tab .swiper-button-prev{ border: 1px solid #e5e5e5; position: absolute;right: 0; left: 0; top:10%; color: #333; width: 40px; height: 40px; border-radius: 100px; transition: 0.4s }
.news-tab .swiper-button-next{left: 50px;}

.touch{ width: 100%;}
.touch p{ font-size: 10rem; color: #b8b8b8}
.footer{ background: #0426a0; padding: 6rem 0;   font-family:"Gilroy-Bold";overflow: hidden}
.foot-logo{ width: 8%; float: left}.foot-logo img{ width: 100%; height:auto }
.foot-right{ width: 70%; float: right}
.foot-top{ width: 100%; margin-bottom: 8rem; overflow: hidden}.foot-top ul{ width: 12%; float: left; margin-right: 22%}
.foot-top ul li{display: block; line-height: 2rem;}.footer a{}
.foot-top ul a{ color: #fff;  transition: 0.4s;}.footer a:hover{ color: #5a67b5}
.foot-contact{ width: 20%; float: left}.foot-contact a{ color: #fff;transition: 0.4s;line-height: 2rem;}.foot-contact span{ color: #5a67b5; margin-top: 2rem; display: block}
.foot-t{ float: right}
.foot-t a,.blog-rgiht-back .more1,.blog-rgiht-share ul a{display: block; width: 40px; height: 40px; line-height: 40px;text-align: center; font-size: 1.4rem;  border:1px solid #fff; border-radius: 100px; color: #fff; transition: 0.4s;}
.foot-t a:hover{ background: #fff; color: #0426a0; text-decoration: none}.foot-bottom{ width:100%;}
.foot-bottom-left p{ color:#5a67b5;font-family:"Gilroy-Bold";}.foot-bottom-left a{ color: #fff;  transition: 0.4s; margin-top: 0.6rem; display: inline-block}
.foot-bottom ul{ float:right; color: #fff;font-family:"Gilroy-Light";}.foot-bottom ul a{ color: #fff;font-family:"Gilroy-Bold";  transition: 0.4s;}

.pro-detail-right-top{ margin-bottom:4rem;overflow:hidden}
.nav-con .nav-pro{height:47px; position:relative;}
.pro{width:100%;background:#fff;position:fixed; top: 6rem; z-index:999;_right:-1px;*right:-1px;display:none; }
.pro-box{width:100%; padding:10px 0px 0 50px;overflow:hidden;margin:0 auto;}

#ClickMe {
	
}
#goodcover {display:none;position:fixed;top:0%;left:0%;width:100%;height:133%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:0.70;filter:alpha(opacity=80);}
#code {width:860px;height:480px;background-color:#fff;padding:10px;position:fixed;display:none;left:45%;z-index:1002;}
.close1 {z-index:1111}
#closebt {float:right;}
#closebt img {width:20px;}
.goodtxt {text-align:center;}
.goodtxt p {height:30px;line-height:30px;font-size:16px;color:#000;font-weight:600;}


#goodcover1 {display:none;position:fixed;top:0%;left:0%;width:100%;height:133%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:0.70;filter:alpha(opacity=80);}
#code1 {padding:10px;position:fixed;display:none;left:45%;  z-index:1002;}
.close2 {z-index:1111}
#closebt1 {float:right;}
#closebt1 img {width:20px;}
.goodtxt1 {text-align:center;}
.goodtxt1 p {height:30px;line-height:30px;font-size:16px;color:#000;font-weight:600;}
.code-img1 { width: 620px;}
.search_box_text{ width:500px; height: 60px; line-height: 60px;font-size: 1rem; background: #fff; padding-left: 20px; border: none; float: left}
.search_box_sub{width:100px; height: 60px;cursor:pointer; line-height: 60px; background: #0426a0; text-align: center; border: none; float: left; color: #fff}
.icon-sousuo{ font-size: 1.4rem; }.search_box_sub:hover{ background: #062183}
.code-img1 ul{  color: #fff; float: left; font-size: 0.9rem; margin-top: 1.4rem}.code-img1 ul a{  color: #fff; margin-right: 1rem;opacity:0.70; } 
.code-img1 ul a:hover{opacity:1;}

.about-right h3,.app .swiper-slide p,.news-tab .more,.solution h3,.about-right h3,.solution .more,.solution .more{animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.app .swiper-slide .swiper-button-next, .app .swiper-slide .swiper-button-prev, .solution .swiper-button-next,.about-left p, .solution .swiper-button-prev,.quote-1 .quote-more,.article-1 a,.value .value-right p,.mission-right a,.banner-text ul{animation-delay:0.8s;-webkit-animation-delay:0.8s;}
.about-left .more,.value .value-right a{animation-delay:1.1s;-webkit-animation-delay:1.1s;}

.banner-text ul{ color: #fff; float: left;font-family:"Gilroy-Light"; margin-top: 1rem; }.banner-text ul span{ float: left; margin-right: 0.5rem;}.banner-text ul a{ color: #fff; margin: 0 0.2rem;font-family:"Gilroy-Light"; font-weight: 500}
.about-us{ margin:9rem auto 14rem auto; overflow: hidden}.about-us h2{ padding-top: 0}.about-us .more{ float: right}
.about-us ul{ border-top: 1px solid #e5e5e5; width: 100%; float: left; margin-top: 5rem; padding-top: 6rem;}
.about-us ul p{ width: 35%; float:right; font-size: 2.6rem; color: #b8b8b8;font-family:"Gilroy-Bold"; line-height: 2.4rem; }.about-us ul p span{ color: #0426a0}
.mission h2{ color: #fff; float: left; margin-left: 20%;}.mission ul{ margin-top: 18rem; width: 30%; margin-left: 10%; margin-right: 20%; float: left}.mission ul img{ width: 100%; height: auto}
.mission p{ margin-top: 8.6rem;font-size: 2.6rem; color: #fff;font-family:"Gilroy-Bold"; line-height: 2.4rem; margin-bottom: 4rem;}
.mission-right{ width: 30%; float: left}.mission-right a{ color: #fff}.mission-right a:hover,.value .value-right a:hover{ background: #fff; color: #0426a0; border: 2px solid #fff}


.value{background: #b8b8b8; padding: 8rem 0 12rem 0; overflow: hidden}.value h2{ color: #fff; font-size: 14rem; padding-top: 0; line-height: normal}
.value .value-left{ width: 24%; float: left; margin: 26rem 16% 0 8%}.value .value-right{ margin-top: 6rem; width:52%; float: left }.value .value-right img{ width: 100%; height: auto;}
.value .value-right p{ color: #fff; margin: 4rem 0 2rem 0}.value .value-right a{ color: #fff;}
.process{ margin:  6rem auto 14rem auto;overflow: hidden}
.process h2{ float: left; text-align: left; line-height: normal}
.line{border-top: 1px solid #e5e5e5;margin-top: 5rem;}
.process ul{   padding-top:2rem; line-height: normal; width: 50%; float: right}
.process ul li{ width: 100%; float: right; border-bottom: 1px solid #e5e5e5; padding: 3.6rem 0}
.process ul li h4{ font-size: 1.6rem; color: #0426a0;font-family:"Gilroy-Bold"; }.process ul li p{ margin-top: 1rem; color: #999}.process ul li .process-left{ width: 80%; float: left}
.process ul li span{ width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100px; transition: 0.4s; border: 1px solid #0426a0; color: #0426a0; display: block; float: right; margin-top: 0.8rem;} 
.process ul li:hover span{ background: #0426a0; color: #fff}
.page{ margin: 6rem 0 0rem 0; overflow: hidden}
.page a,.page b{ padding:8px 14px;text-align: center; color: #999999; transition: 0.4s; border: 1px solid #e6e6e6; display: block; float: left; border-radius: 100px; font-family: "Gilroy-Bold";  margin-right: 10px;}
.page a:hover,.page .on,.page b{ background: #0426a0; color: #fff; border: 1px solid #0426a0}

.related-news{ margin:0rem 0 10rem 0; overflow: hidden; border-top: 1px solid #e5e5e5; padding-top: 10rem}
.related-news h4{ font-size: 6rem; font-family: "Gilroy-Bold"; margin-bottom: 3.6rem; color: #b8b8b8}.related-news h4 span{ color: #0426a0;}

.pro-li .swiper-slide{ float: left; border: 1px solid #e5e5e5; border-right:0;  padding: 2% 2% 3% 2%}
.pro-li .swiper-slide img{ width: 100%; height: auto}.pro-li .swiper-slide h3 a{ color: #111;}
/*.pro-li .swiper-slide h3 a{ color: #111; margin:1rem 0; display: inline-block;font-family: "Gilroy-Bold"; font-size: 1.4rem;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 1; width:100%}*/
.pro-li .swiper-slide p{ color: #999;font-family: "Gilroy-Light"; line-height: 1.4rem; height:2.8rem; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
}
.pro-li .swiper-slide .more{ margin-top: 2rem;}
.pro-li .swiper-slide:hover h3 a{ color: #0426a0}
.pro-li .swiper-slide p{ margin: 0}
.product .tab-pal ul li:nth-child(3n) { border-right:1px solid #e5e5e5}
.product .blog ul li{width: 25.8%; margin-right: 5%; margin-bottom: 5%; float: left;border-right:1px solid #e5e5e5 }
.product .blog ul li:nth-child(3n){ margin-right:0}

.product .solution-ul ul li{ border: none; padding: 0; width: 47%; float: left; margin-right: 6%; margin-bottom: 8%}
.product .solution-ul ul li img{ width: 100%; height: auto; margin-bottom: 1rem}
.product .solution-ul ul li:nth-child(3n){border: none; }
.product .solution-ul ul li:nth-child(2n){ margin-right:0}
.solution1 .page{ margin: 0rem 0 0 0 }
.blog1 .page{margin: 2rem 0 0 0}
.blog1 h1 a{  font-family: "Gilroy-Bold"; color: #333; transition: 0.4s}.blog1 h1 a:hover{ color: #0426a0}
.tag .tab-pal{ margin-top: 3.8rem}
.tag ul{ margin: 3.6rem 0 0 0}.tag ul a{ margin-bottom: 1rem}
.message-left{ width: 50%; float: left}
.contact-right{ width: 50%; float: right;}
.contact-right span{ font-size: 1.2rem;font-family: "Gilroy-Bold";  color: #0426a0; display: block}
.contact-right b,.message b{ font-size: 4.6rem;color: #0426a0;font-family: "Gilroy-Bold"; line-height: 4.6rem; margin: 2rem 0 6rem 0; display: block}
.contact-right ul { border-bottom: 1px solid #e5e5e5; padding-bottom: 2.6rem;margin-bottom: 4rem;}
.contact-right ul a{ color: #0426a0;font-size: 1.8rem; display: inline-block;font-family: "Gilroy-Bold";}.contact-right ul li{ line-height: 2.6rem; height: 2.6rem}
.contact-bottom-left{ width: 24%; float: left; }.contact-bottom-left p{font-size: 1.06rem;color: #707070; }.contact-bottom-left p:nth-child(2n){ margin-top: 2rem;}
.contact-bottom a{ float: right}.contact-bottom .more{ border: 2px solid #0426a0}
.message-bj{ border-bottom:1px solid #3651b3}
.message b{ color: #fff}.message-let,.message-right{ width: 50%; float: left}
.message-right p{ color: #5a6fbe; font-size:0.9rem; margin-bottom: 1rem}

.form-container-2 {width:60%;float:left}
.form-item-block {position:relative;margin-bottom:25px;}
.form-container form input,.form-container form textarea {outline:none !important;box-shadow:none !important;width:100%;padding:20px 0;border:none;border-top:1px solid #0426a0;border-left:1px solid #0426a0;border-right:1px solid #0426a0;border-bottom:1px solid #5068bd;background-color:transparent;font-size:17px;color:#fff;font-family:inherit;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;font-family:"Gilroy-Bold";}
.form-container form label {font-family:"Gilroy-Bold";position:absolute;top:1px;left:1px;font-weight:700;margin-bottom:0px;background:transparent;}
.form-container form label:before {content:"";height:100%;display:inline-block;vertical-align:middle;}
.form-container form label span {display:inline-block;vertical-align:middle;color:#fff}
.form-container form textarea {resize:none;height:140px;line-height:24px;}
.form-container form textarea + label {line-height:24px;padding:20px 0px;}
.form-container form input + label {height:calc(100% - 2px);}
.form-container form button {color:#111;border:1px solid #fff;background:#fff;border-radius:100px;outline:none;cursor:pointer;padding:10px 20px;font-family:"Gilroy-Bold";transition:0.4s}
.form-container form button:hover {opacity:0.8}
.form-container form .reset {border:2px solid #1e3caa;color:#fff;background:#0426a0;margin-left:0.8rem;transition:0.3s}
.form-container form .reset:hover {background:#fff;border:2px solid #fff;opacity:1;color:#111}
/* example-1 styles*/#example-1.form-container label {opacity:1;-moz-transition:opacity 0.3s linear 0s;-webkit-transition:opacity 0.3s linear 0s;transition:opacity 0.3s linear 0s;}
#example-1.form-container input:focus + label,#example-1.form-container input.active + label,#example-1.form-container textarea:focus + label,#example-1.form-container textarea.active + label {opacity:0;}
/* example-2 styles */#example-2.form-container label {opacity:1;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
#example-2.form-container input:focus,#example-2.form-container input.active,#example-2.form-container textarea:focus,#example-2.form-container textarea.active {border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;}
#example-2.form-container input:focus + label,#example-2.form-container input.active + label,#example-2.form-container textarea:focus + label,#example-2.form-container textarea.active + label {font-size:80%;font-style:italic;left:0px;opacity:0.6;}
.faq-li {padding:2rem 0;overflow:hidden;border-bottom:1px solid #e5e5e5;transition:0.4s;}
.faq-li h3 {font-family:"Gilroy-Bold";color:#0426a0;font-size:1.6rem}
.fixed1 {position:relative;top:0;overflow:hidden}
.pro-nav {width:100%;background:#f8f8f8;height:5rem;line-height:5rem;}
.pro-nav span {color:#0426a0;margin-right:1rem;}
.pro-nav a {color:#333}
.pro-nav a:hover {color:#0426a0;}
.menu-container {max-width:100%;margin:0 auto;background-color:white;border-radius:8px;overflow:hidden;}
.main-menu {list-style:none;border-bottom:1px solid #e5e5e5; margin-top:2.4rem}
.menu-item {padding:0 0 4rem 0}
.menu-item:last-child {border-bottom:none;}
.menu-header {padding:4rem 0 0 0;font-weight:bold;color:#0426a0;cursor:pointer;transition:all 1s ease;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e5e5;font-size:1.4rem;font-family:"Gilroy-Bold";}
.menu-header::after {content:'+';font-size:2rem;}
.menu-header.active::after {content:'-';}
.menu-header:hover {}
.menu-header h3 a{ color:#333}
.sub-menu {list-style:none;max-height:0;overflow:hidden;transition:max-height 0.4s ease;margin:0}
.sub-menu.active {max-height:500px;/* */}
.sub-menu li {padding:1rem 15px 2rem 0;color:#999;transition:all 0.4s ease; line-height:1.4rem}
.sub-menu li:last-child {}
.sub-menu li:hover {}


.blog-right{ width:72%; float: right; margin: 4.8rem 0 16rem 0; overflow: hidden; margin-right:4%}
.blog-right .blog-rgiht-time span{ font-family: "Gilroy-Bold"; color: #333; display: block; margin-bottom: 0.8rem;vertical-align: bottom}.blog-right .blog-rgiht-time i{ font-style: normal; color: #999; display: block}
.blog-rgiht-time,.blog-rgiht-back,.blog-rgiht-share{ width: 32%; float:left;vertical-align: bottom; margin-right: 8%}
.blog-rgiht-top{ overflow: hidden; padding-bottom:4rem; display: flex; align-items: flex-end; border-bottom:1px solid #e5e5e5}
.blog-rgiht-top h1{ font-size:2rem; color: #0426a0; width: 60%;font-family: "Gilroy-Bold"; float: right;vertical-align: bottom}
.blog-rgiht-back .more1,.blog-rgiht-share a{ border:1px solid #0426a0;color: #0426a0; font-size: 1rem; margin-bottom: 2rem;}
.blog-rgiht-back .more1:hover{ background: #0426a0; color: #fff}
.blog-rgiht-back span{font-family: "Gilroy-Bold"; color: #0426a0;}.blog-rgiht-back span a{ color: #0426a0}
.blog-rgiht-middle{ margin: 6rem 0 8rem 0; overflow: hidden}
.newstext,.blog-rgiht-tag{width: 60%;float: right; }.newstext p{line-height: 1.6rem}
.newstext{line-height: 1.6rem; color:#999}
.newstext h2{ font-size:1.8rem; line-height:2rem;text-align:left;}.newstext ul,.newstext ol{padding-left:2ch;}
.newstext ol li{ list-style-type:disc; }.newstext ul li{ list-style-type:demical}
.newstext .next{ border-top: 1px solid #e5e5e5; margin: 6rem 0 00rem 0; overflow: hidden; padding-top:2rem; }
.newstext .next li{ line-height: 2rem; color: #999}.newstext .next li a{ color: #666;}
.newstext .next li a:hover{color: #0426a0; }.newstext img{ width:100%; height:auto}
.newstime{ font-size:0.9rem; line-height:1.6rem; border-bottom:1px solid #e5e5e5; padding-bottom:2rem;}.newstime span{ margin-right:2rem}
.blog-rgiht-bottom{ width: 100%;}.newstime a{ color:#999} 
.blog-rgiht-share span,.blog-rgiht-tag span{ display: block; border-bottom: 1px solid #e5e5e5; font-family: "Gilroy-Bold"; color: #666; line-height: 3.6rem}.blog-rgiht-share ul,.blog-rgiht-tag ul{ margin-top: 2rem;}
.blog-rgiht-share ul a{ color: #0426a0; border: 1px solid #0426a0; float: left; font-size:1rem; margin-right: 0.6rem;}
.blog-rgiht-share ul a:hover{ background: #0426a0; color: #fff}
.blog-rgiht-tag ul a{ color: #666; border: 1px solid #e5e5e5; padding: 10px 20px; border-radius: 100px;font-family: "Gilroy-Bold"; display: inline-block; font-size: 0.8rem; margin-right: 0.4rem; transition: 0.4s}
.blog-rgiht-tag ul a:hover{background: #0426a0; color: #fff;border: 1px solid #0426a0; }

.pro-detail{ margin: 4.8rem auto 10rem auto; overflow: hidden;position: relative}
.pro-detail-left{ width:18%; float: left; margin-right: 6%; position: absolute; top: 0;left: 0}.pro-detail-left ul li{ height: 2rem; }
.pro-detail-left ul li.active{ color: #333;font-family: "Gilroy-Bold";}
.pro-detail-left ul a{color: #999}.pro-detail-left ul li.active a{ color: #333}
.pro-detail-right{ width:72%; float: right; margin-right:4%}
.pro-detail-right .pro-img{ width: 44%; float: left; margin-right: 6%}.pro-detail-right .pro-img img{ width: 100%; height: auto;border:1px solid #e5e5e5}
.pro-detail-right .pro-text{ width: 50%; float: left}
.pro-detail-right .pro-text h1{ font-size: 1.8rem;font-family: "Gilroy-Bold"; color: #0426a0; line-height: 2.8rem}
.pro-detail-right .pro-text p{ margin: 0.4rem 0 1.6rem 0}
.pro-detail-right .pro-text ul{ border-top: 1px solid #e5e5e5; padding-top: 1.6rem; margin-bottom: 1.2rem}
.pro-detail-right .pro-text ul li{ line-height: 2.4rem; color: #999}.pro-detail-right .pro-text ul li b{font-family: "Gilroy-Bold"; color: #333}
.pro-detail-text h2{ font-size: 1.6rem; color: #0426a0;font-family: "Gilroy-Bold"; display: block;text-align:left; border-bottom: 1px solid #e5e5e5; padding-bottom: 1.4rem}.pro-detail-text { margin: 2rem 0 5.8rem 0; overflow: hidden}
.pro-detail-newstext{ margin-top: 2.8rem; color: #999;}
.pro-detail-newstext p{ line-height:1.6rem;}
.pro-detail-left-fixed{ position: fixed; z-index: 999;}
.pro-detail-newstext tbody td{  padding:12px 0; border:1px solid #e5e5e5}

@media screen and (max-width: 1600px) {
	.w1600{ width:94%; margin: 0% 3%} .about-us,.process,.contact,.pro-detail,.solution1{ margin: 6rem auto 14rem auto}
}

@media screen and (max-width: 1400px) {
	.w1600{}h2{ font-size: 6.8rem;}.about-right{ width: 40%;}.about { margin: 6rem 2% 8rem 2%}.article-1 h2{ font-size: 4.6rem;}.quote-1 .quote-more{ width: 20%}.header .logo h2{ font-size:1rem}
}
@media screen and (max-width: 1200px) {
	h2{ font-size: 4.8rem;}.application h2{ top: 4rem; left: 6rem;}.solution-list{ margin-left: 10%}.solution h3{ width: 68%;}.banner-text h3{ font-size: 2.8rem;}.nav-right{ display: none}.logo{ margin-right: 0}
	.solution-list .solution-bt p{ margin-top: 6.8rem;}.about-left h2, .news h2, .about-us h2, .mission h2, .value h2{ line-height: 5rem; padding-top: 0}.about-right{ width: 46%}.about-right{ padding-top: 8rem}
	.about-us ul p{ width: 52%}.value h2{ font-size: 8rem;}.blog-right,.contact-right,.form-container-2{ width: 100%}
}
@media screen and (max-width: 1024px) {
	.more{margin: 0 10px 10px 0}.product .tab-pal{ margin-top: 3.8rem}.solution .swiper-slide{ width: 68%; float: left}.news-li .swiper-slide, .blog ul li{ width: 36%}
	.news{ margin: 6rem 0 10rem 0}.article-1 h2{ font-size: 3.6rem;}.about-right{ padding-top: 4.8rem}.product-number-inner ul li i{ font-size: 2.2rem;}.about-right span{ top: 8rem; left: 12rem}
	.app .swiper-slide p{ font-size: 1.2rem; line-height: 1.4rem;}.quote-1 p{ line-height: 3rem; font-size: 2.2rem; width: 58%; margin-top: 3rem;}.quote-1 .quote-more{ width: 26%;}
	.about-us, .process{ margin: 6rem auto 10rem auto}.mission ul{ margin-right: 12%;}.mission-right{ width: 44%;}
}
@media screen and (max-width: 960px) {
	.product .tab-pal ul li{ width: 45.79%; border-bottom: none}
	header{ display: block}.banner .swiper-slide{ margin-top: 4rem}.header,.pro-detail-left{ display: none}
	header .logo{ width: 20%; margin-top: 1.4rem}header .logo{ margin-left: 2.6rem; width: 16%; margin-top: 1.6rem;}.hamburger{ right: 1.6rem;}
	.quote-1 .quote-more{ width: 28%;}.quote-1 p{ margin-top: 3.6rem;}.product, .about, .tag, .contact, .faq{ margin: 4rem auto 8rem auto}.banner-text h3{ font-size: 2.2rem}
	.solution h3{ font-size: 1.8rem;}.product .tab-pal ul li:nth-child(4){ display: block}.product .tab-pal ul li:nth-child(3n),.product .tab-pal ul li:nth-child(4n){ border-right: none; border-bottom: 1px solid #e5e5e5}
	.banner-text .banner-more{ padding: 1rem 2rem}#code{ width: 100%;height: 50%; padding: 0}.process ul{ width: 60%;}.about-us ul p,.mission p{ font-size: 2.4rem;}
	.blog1 .tab-pal ul li{ border-bottom: 1px solid #e5e5e5; margin-right: 0; width: 45.7%; margin-bottom: 0}.blog1 .tab-pal ul li:nth-child(3n), .blog1 .tab-pal ul li:nth-child(4n){ border-right: 1px solid #e5e5e5}
	.blog1 .blog ul li:nth-child(3n){}.blog-right{ margin: 4rem 0}.pro-detail-right{ width: 100%} .pro-detail,.solution1{ margin: 4rem auto 8rem auto}
}
@media screen and (max-width: 860px) {
	.quote-1 .quote-more{ width: 31%;}.about-right span{ left: 10rem}.app .swiper-slide .app-txt{ bottom: 8rem;}.news-li .swiper-slide, .blog ul li{ width: 40%;}.tab-hd{ margin-top: 2rem}
	.about-us ul{margin-top:3rem; padding-top:4rem } .article-1 h2{ font-size: 2.6rem;}.article-txt{ top: 26%}.related-news h4{ font-size: 4rem;}.product, .about, .tag, .contact, .faq{ margin:2rem auto 4rem auto }
	.related-news{ padding-top: 3rem; margin: 0rem 0 6rem 0}
	.pro-detail-newstext img{ width:100%; height:auto}
}


@media screen and (max-width: 768px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 2.4rem;}h2{ font-size: 3.8rem;}.article-1 h2{ font-size: 2.6rem;}.about-left h2 span, .news h2 span, .about-us h2 span{ padding-left: 6rem;}.about-left h2, .news h2, .about-us h2, .mission h2, .value h2{ line-height: 3.6rem;}
	.product{ width: 94%; padding: 0 3%}.product .tab-pal ul li:nth-child(2n),.product .tab-pal ul li:nth-child(4n){ border-right: 1px solid #e5e5e5;}
	.news-li .swiper-slide, .blog ul li{ width: 54%;}.about-us ul p{ width: 62%;}.about-us ul p, .mission p{ font-size: 2rem;}.line{ margin-top: 2rem;}.process ul li{ padding: 2.6rem 0}
	.contact-right b, .message b{ font-size: 3.6rem; line-height: 3.6rem;}.solution1 .tab-pal ul li:nth-child(2n), .solution1 .tab-pal ul li:nth-child(4n),.solution1 .tab-pal ul li:nth-child(3n), .solution1 .tab-pal ul li:nth-child(4n){ border-right: 0; border-bottom: 0}.product .tab-pal ul li p{ font-size: 0.9rem; line-height: 1.2rem}.product .tab-pal ul li h3 a{ font-size: 1.2rem;}.mobile-footnav{ display: block}.side{ display: none}
}
@media screen and (max-width: 680px) {
	.banner-text .banner-more,.solution-list .solution-bt p,.solution .swiper-button-next, .solution .swiper-button-prev,.foot-logo,.app .swiper-slide .swiper-button-next, .app .swiper-slide .swiper-button-prev,.solution-list .solution-bt h2{ display: none}.banner-text h3{ font-size: 2rem;}.product .more{ padding: 0.6rem 0.8rem}.product .tab-pal ul li{ width:45.69% }.quote-1 .quote-more{ margin-top:3.6rem; }
	.app .swiper-slide .app-txt{ width: 62%;}.app .swiper-slide .swiper-button-next, .app .swiper-slide .swiper-button-prev{ top: 160%}.solution, .mission-bj, .message-bj{ padding: 5rem 0 10rem 0}
	.solution h3{ font-size: 1.4rem ;line-height: 1.4rem;}.foot-right,.about-left,.about-right{ width: 100%}.about-right span{ top: 11.2rem; left: 18rem;}
	.about-us, .process{ margin: 4rem auto 8rem auto}.related-news h4{ font-size: 2rem; margin-bottom: 1.6rem;}.blog1 .tab-pal,.product .tab-pal{ margin-top: 1.8rem;}.banner-text h3{ font-size: 1.2rem;}.pro-detail-right{ margin-right:0} 
	.contact-bottom-left{ width: 38%}
}

@media screen and (max-width: 560px) {
	h2{ font-size: 2.4rem;}.banner-text h3{ font-size: 1.6rem;}.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction,.foot-t{ display: none}.product .tab-pal ul li h3 a{ font-size: 1.2rem;}.product .tab-pal ul li p{ font-size: 0.8rem; line-height: 1rem;}.product .tab-pal .more{ margin-top: 1.2rem;}.article-1 h2{ font-size: 1.6rem;}.foot-top ul,.foot-contact{ width: 50%; margin-right: 0}
	.about-right span{ top: 9rem; left: 14rem;}.app .swiper-slide .app-txt{ bottom: 4rem; right: 4rem;}.solution .swiper-slide h3{ height: 5rem; overflow: hidden}.quote-1 p{ font-size: 1.8rem;}.about-left h2,.news h2{ font-size: 4.6rem; line-height: 4.2rem; margin-left: 4rem;}.about-left p{ margin: 2rem 0 2.6rem 0}
	header .logo{ width: 20%; margin-top: 1.8rem;}.about-us h2{ line-height:2.6rem}.about-us ul p, .mission p{ width: 100%; line-height: 1.6rem; font-size: 1rem;}.about-us ul{ margin-top: 2rem ;padding-top: 2.6rem;}
	.mission ul{ width: 56%; margin-top: 3.6rem;}.mission-right{ width: 62%; float: left; margin-left: 10%;}.mission p{ margin-top: 2.6rem ; margin-bottom: 2rem;}
	.mission-bj{ padding: 4rem 0 6rem 0}.value h2{ font-size: 4.8rem;}.value{ padding: 4rem 0 6rem 0}.mission h2{ line-height: 2.4rem}.process ul{ width: 100%}.process ul li{ padding: 2rem 0}
	.blog1 .tab-pal ul li{ width: 45.5%}.blog-rgiht-time,.blog-rgiht-back{ display: none}.blog-rgiht-top h1,.newstext, .blog-rgiht-tag,.blog-rgiht-time, .blog-rgiht-back, .blog-rgiht-share{ width: 100%}.blog-rgiht-top{ padding-bottom: 2rem;}.blog-rgiht-middle{ margin: 2rem 0 4rem 0}.blog-right{ margin: 2rem 0 6rem 0}.contact-right b, .message b{ font-size: 2.6rem; line-height: 2.6rem; margin: 2rem 0 4rem 0}.contact-right ul a{ font-size: 1.4rem;}.menu-header{ font-size:0.8rem; line-height:1.6rem; padding:2rem 0 0 0;}.menu-item{ padding:0 0 2.6rem 0}.newstime{ display:block; width:100%}.blog-rgiht-top{ border-bottom:none}
}
@media screen and (max-width: 480px) {
	header .logo{ width: 26%;}.product, .about, .tag, .contact, .faq{ margin:2rem auto 4rem auto }.product .tab-pal ul li{ width:45.67%; padding:4% 2% 5% 2%; }header .logo{ margin-left: 2.2rem}.product .tab-pal .more{ display: none}
	.product .tab-pal ul li h3 a{ font-size: 1rem;}.product .notice .tab-hd li a, .product .tab-pal .more a{ font-size: 0.8rem;}.product .tab-pal{margin-top: 1.8rem;}.more{ padding: 0.4rem 0.6rem;}.article-1 a{ margin-top: 1rem;}
	.quote-1 p{ font-size: 1.4rem; line-height: 1.4rem; height: auto}.tab-hd{ margin-top: 1rem;}.about-right span{ left: 12rem; top: 6.8rem;}.app .swiper-slide .app-txt{ bottom: 4rem;}
	.app .swiper-slide .app-txt p,.about-left p,.product-number-inner ul li p{font-family:"Gilroy-Regular"; font-size: 0.8rem;}.about-right{ padding-top: 2.8rem;}.about-right h3{ margin: 1rem 0}.about-left p{ margin: 1rem 0 1.6rem 0}.about-right h3{ font-size: 1.4rem;}.solution, .mission-bj, .message-bj{ padding:3rem 0 4rem 0 }.solution-list{ margin-top: 2.4rem;}.solution h3{ font-size: 1rem;}.product .tab-pal ul li h3 a{margin: 1rem 0 0.4rem 0;}
    .product .tab-pal ul li h3{height:2.6rem; font-size:1rem; line-height: 1.2rem; margin: 0.4rem 0 0.4rem 0;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2 }
	.solution .swiper-slide h3{ font-size: 0.9rem; height: 4rem;}.about-left h2, .news h2{ font-size: 3.6rem; line-height: 3.6rem;}.news{ margin: 3rem 0 6rem 0}.news-tab{ margin:2rem 10% 2.6rem 10%}.banner-text h3{ font-size: 1.4rem;}
	.news-li .swiper-slide, .blog ul li{ width: 70%}h2{ font-size: 2rem;}.quote-1 .quote-more{ text-align: center; display: block; margin: 0rem auto; float: none; width: 46%}.news-li .swiper-slide h3, .blog ul li h3{ font-size: 1rem;}.blog ul li p{ font-size: 0.8rem; line-height: 1rem; margin: 1rem 0 4rem 0}.news-li .swiper-slide span, .blog ul li span,.foot-contact span,.foot-bottom-left p,.foot-bottom-left a,.news-li .swiper-slide .news-more, .blog ul li .news-more{ font-size: 0.8rem;}
	.foot-top a{ font-size: 0.8rem;}.footer{ padding: 4rem 0 8rem 0;}.foot-contact span{}.foot-top{ margin-bottom: 4rem;}
	.mission ul{ width: 100%; margin-left: 0; margin-top: 1.6rem;}.mission-right{ width: 100%; margin-left: 0}.mission p{ margin-top: 1.6rem;}.value .value-left{ display: none;}.value .value-right{ margin-top: 3.6rem; width: 100%;}.value h2{ font-size: 3rem;}.value .value-right{ margin-top: 1.6rem;}.value .value-right p{ margin: 2rem 0 2rem 0}.process ul li h4{ font-size: 1.2rem;}.line{ margin-top: 1rem;}.process ul li{ padding: 1.4rem 0;}.about-us h2 span{ padding-left: 4rem;}
	.about-us ul{ margin-top: 1rem; padding-top: 1.6rem;}.about-us{ margin: 3rem auto 5rem auto}.blog1 .tab-pal ul li{ width: 45.5%} .blog ul li p{ margin-bottom: 2rem; display: none}.blog ul li .news-more{ margin-top: 2rem;}
	.page a{ font-size: 0.8rem; margin-bottom: 10px; width: 32px; line-height: 32px; height: 32px;}.related-news h4{ font-size: 1.6rem;}.news-li .swiper-slide p{ margin: 0 0 2rem 0}
	.pro-li .swiper-slide h3 a{ font-size: 1rem;}.news-li .swiper-slide p{ font-size: 0.8rem; line-height: 1rem;}.news-li .swiper-slide h3{ margin-bottom: 1rem; height:3rem;}.pro-li .swiper-slide h3{ margin-bottom: 0rem;}
	.pro-li .swiper-slide p{ margin-bottom:0}.related-news{ margin: 0rem 0 4rem 0}.message-let, .message-right,.pro-detail-right .pro-img,.pro-detail-right .pro-text{ width: 100%}.contact-right span,.contact-bottom-left p,.pro-detail-newstext{ font-size: 0.9rem; line-height: 1rem}.contact-right b, .message b{ font-size: 2rem; line-height: 2rem; margin: 0rem 0 2rem 0}.pro-detail{ margin: 2rem auto 6rem auto}.pro-detail-right .pro-text h1{ margin-top: 1rem}
	.pro-detail-newstext{ margin-top: 1.8rem;}.pro-text .more{ padding: 0.8rem 1.2rem}.pro-detail-right .pro-text p{ font-size: 0.9rem ;line-height: 1.2rem;}.blog1 h1 a{ font-size: 1.3rem;}
	.pro-detail-right .pro-img img{ width:99.6%;}.pro-detail-text{ margin:2rem 0 2.8rem 0}
	.news-li .swiper-slide, .blog ul li{ padding:5% 3%}.product .tab-pal ul li p{ height:3rem; margin-bottom:0}
	.solution1 .tab-pal ul li{ width:96%; margin-right:0}.pro-detail-right .pro-text ul li{ line-height:1.6rem}
	.pro-detail-right .pro-text h1{ font-size:1.4rem; margin-bottom:1rem; line-height:1.8rem}.pro-detail-right-top{ margin-bottom:1rem}
	.newstext{ font-size:0.9rem}
}
@media screen and (max-width: 430px) {
	.product .more{ padding:0.5rem 0.5rem }.banner-text h3{ font-size: 1.2rem}.product .tab-pal ul li{ width: 45.58%}.product .tab-pal{ margin-top: 1.2rem;}h2{ font-size: 1.8rem;}.article-txt{ top: 23%;}.article-1 h2{ font-size: 1.4rem;}.quote-1 .quote-more{ width: 52%;}.about-left h2{ margin-left: 0}.product-number-inner ul li i{ font-size: 1.9rem;}.about-right h3{ font-size: 1.2rem;}.about-right span{ left: 11rem; top: 6.8rem;}
	.application h2{ top: 3rem;}.app .swiper-slide .app-txt p, .about-left p, .product-number-inner ul li p{ line-height: 1rem}.solution .more{ display: none}.app .swiper-slide .app-txt{ bottom: 5rem;}
	.news h2{ margin-left: 10%}.quote-1 p{ text-align: center; width: 100%; margin-bottom: 1rem; line-height: 1.4rem;}.about-left h2 span, .news h2 span, .about-us h2 span{ padding-left:4.8rem; }.about-left h2, .news h2{ font-size: 2.4rem ; line-height: 2.4rem;}.application h2{ left:3rem;}.process ul li p,.value .value-right p{ font-size: 0.8rem;} .process{ margin: 3.6rem auto 6rem auto}.blog1 .tab-pal ul li{ width: 45.4%}
	.contact-right ul a{ font-size: 1.2rem;}.contact-right ul{ margin-bottom: 2.4rem}.form-container form label span,.banner-text ul a,.pro-nav a,.newstext p{ font-size: 0.9rem; line-height: 1.2rem;}.blog-rgiht-top h1{ font-size: 1.4rem;}.pro-detail-right .pro-text h1{ font-size: 1.4rem;}.pro-detail-text h4{ font-size: 1.2rem;}.tag ul{ margin: 1rem 0 0 0}
}
@media screen and (max-width: 414px) {
	.quote-1 .quote-more{ width: 54%;}.application h2{ left: 3rem;}.product .notice .tab-hd li a, .product .tab-pal .more a{ font-size: 0.7rem;}
	.product .tab-pal ul li h3 a{ font-size: 0.9rem;}.article-1 h2{ font-size: 1.2rem;}.article-1 a{ font-size: 0.8rem;}.quote-1 p,.about-right h3{ font-size: 1rem;}.product-number-inner ul li i{ font-size: 1.6rem;}
	.nav-links li{ margin: 0 0  3em 0}.more{ font-size: 0.8rem;}.about-us h2{ line-height: 2rem;} .about-us h2 span{ padding-left: 3rem}.blog1 .tab-pal ul li{ width: 45.3%}
}
@media screen and (max-width: 390px) {
	.quote-1 .quote-more{ width: 57%;}.about-right span{ left: 9rem; top: 5.6rem}.application h2{ top: 2rem;}.app .swiper-slide .app-txt{ bottom: 3.6rem}.solution h3{ font-size: 0.9rem; line-height: 1.2rem;}
	.solution .swiper-slide h3{ font-size: 0.8rem;}.banner-text h3{ font-size: 1rem;}h2{ font-size: 1.6rem;}
	.app .swiper-slide .app-txt p, .about-left p, .product-number-inner ul li p{ font-size: 0.8rem;}.news-li .swiper-slide h3, .blog ul li h3{ font-size: 0.9rem;}.quote-1{ height: 12rem;}.blog1 .tab-pal ul li{ width: 45.4%}
}
@media screen and (max-width: 375px) {
	.quote-1 .quote-more{ width: 59%;}
}