@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, var { 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: "PingFang SC","Source Han Sans CN","Helvetica Neue", Helvetica, "Microsoft YaHei",  sans-serif}
.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;}
/*公共样式*/

.header{ width: 94%; padding: 2% 3% 2% 3%; transition: 0.4s; position: relative; position: fixed;top: 0; z-index: 999}
.header .logo1{display:block }.header .logo2{display:none }
.header h1,.header h2{ float:left;}
.header ul{float:right;}
.header ul li{ float:left; line-height: 54px; margin-right: 60px; position:relative; }
.header ul li a{ color:#fff;font-size: 16px; display:block}
.header ul li ul,.wap-banner{display:none}.header .serch{margin:0}
.header ul li ul{position:absolute; transition:0.6s; width:160px; background:#fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%)}.header ul li ul a{color:#333; font-size:15px;}
.header ul li:hover ul{ display:block; }
.header ul li ul a{  margin:0; line-height:46px; width:100%;padding-left:16px; background:#fff; transition:0.4s}
.header ul li ul a:hover{ background:#0942a1;color:#fff;}
.header .else{ border-left:1px solid #fff;display: block;width: 1px;height: 18px;margin-top: 1.2em}
.header .lang a,.header .serch a{ font-size:1.2em; }
.header .lang { position: relative}
.header .lang .english{  display: none; position: absolute;right:-2.6em; background: #fff;width:120px; overflow: hidden;border-radius: 4px;box-shadow: 0 0 10px rgb(0 0 0 / 10%)}
.header .lang .english a{height: 36px; line-height: 36px; text-align: center; color: #333; display: block; font-size: 16px;}
.header .lang .english a:hover{ color:#0942a1}
.header .lang:hover .english{ display: block}

.header .lang span{ font-size:15px; margin-left: 0.6em }
.header2,.header3{ background:#fff;padding: 1% 3% 1% 3%;box-shadow: 0 0 10px rgb(0 0 0 / 10%)}
.header2 ul li a,.header3 ul li a{ color:#333;font-size: 16px}
.header2 ul li a:hover,.header3 ul li a:hover{ color:#0942a1;}
.header2 .logo1,.header3 .logo1{display:none }.header2 .logo2,.header3 .logo2{display:block}
.header2 .serch a:hover,.header3 .serch a:hover{  }

.header2 .lang .english a:hover,.header3  .lang .english a:hover{ color:#0942a1;}

.header2 .else,.header3.else{ border-left:1px solid #333;display: block;width: 1px;height: 18px;margin-top: 1.2em}

header {position:fixed;z-index:98;width:100%;height:5em;transition:0.4s; box-shadow: 0 0 10px rgb(0 0 0 / 10%);display: none; background: #fff}
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}
.nav-links {display:flex;list-style:none;width:88vw;padding:0 0.7vw;align-items:center;text-transform:uppercase;}
.nav-links li {  margin: 0 0  4em 0}
.nav-links li a {text-decoration:none;margin:0 0.7vw;}
.nav-links li a:hover {color:#61DAFB;}
.nav-links li {position:relative;}
.nav-links li a::before {content:"";display:block;height:3px;width:0%;background-color:#61DAFB;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:#61DAFB;border:1.5px solid #61DAFB;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:#333;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:800px) {nav {position:fixed;z-index:3; width: 100%}
.hamburger {display:block;position:absolute;cursor:pointer;right:5%;top:2.6em;transform:translate(-5%,-50%);z-index:2;transition:all 0.7s ease;}
.nav-links {position:fixed;background:#0942a1;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;margin:0;}
.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}

.wap-banner{width:100%; margin-top: 80px;}
.wap-banner img{width:100%; height: auto;}
.banner{ position: relative;}
.banner .swiper-slide .text{ position: absolute; top: 38%; left: 4%; z-index:999}
.banner .swiper-slide .text p{ color:#fff; font-size: 1.4em}.banner .swiper-slide .text .index-banner{ font-size: 3.2em;}
.banner .swiper-slide .text h3{ color:#fff; font-size: 2.8em;  margin:0.4em 0 0.8em 0; font-family: "impact"; font-weight: 400}

.banner .swiper-slide .text a{ color:#fff; font-size: 16px;}
.banner .swiper-slide img{width:100%; height: auto}
.banner .swiper-slide .jiantou{ margin-top:4%;width:auto; }
.jiantou{animation: arrowMove 0.6s infinite;-webkit-animation: arrowMove 0.6s infinite;animation-direction:alternate;
-webkit-animation-direction:alternate; }
@keyframes arrowMove
{
from {margin-top:1%}
to {margin-top:2%}

}

@-webkit-keyframes arrowMove 
{

from {margin-top:1%}
to {margin-top:2%}

}

.banner .text a i{float:left; font-style: normal}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px}
.banner .swiper-pagination-bullet{ width:12px; height: 12px; background: #fff;}
.banner .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom:36px}
.title{ font-size:3em; color:#111; margin: 0.4em 0 0.4em 0; font-family: "impact"; font-weight: 400}
.w1600{max-width:1600px; margin: 4% auto 8% auto}

.products{width: 94%; margin: 4% 3%;  }
.pro-text{ text-align: center;}
.pro-text span{color:#999; font-size: 16px;}
.pro-text p{ font-size: 18px; margin:0 0 2.2em  0;color: #333}
.pro-text ul{}
.pro-text .title a,.hot-pro .swiper-slide .title1{color:#333}
.more{ width: 160px; height: 46px; line-height: 46px; text-align: center; display: inline-block;border: 2px solid #0942a1; background: #0942a1; color: #fff; border-radius: 100px; transition: 0.4s;}
.pro-text ul .more{margin: 0 1em; }
.pro-text ul .pro-more,.solution ul li .pro-more,.hot-pro .swiper-slide .pro-more{ background:#fff; border: 2px solid #0942a1;color:#0942a1}
.more:hover{ background: #f5b300;border: 2px solid #f5b300;}
.pro-text ul .pro-more:hover,.solution ul li .pro-more:hover,.hot-pro .swiper-slide .pro-more:hover{ background:#0942a1; border: 2px solid #0942a1;color:#fff}
.products .swiper-slide img{ margin-top: 4em;}
.products .swiper-button-prev,.products .swiper-button-next{ width:60px; height: 60px; background: #f6f6f6; color:#666;  font-size: 1em;border-radius: 100px; transition: 0.4s}
.products .swiper-button-next:after, .products .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after,.products  .swiper-button-prev:after{ font-size: 1.6em}
.products .swiper-button-prev:hover,.products .swiper-button-next:hover{ background: #111; color:#fff}

.about-us{width: 100%; background: url("../images/about_bj.jpg") no-repeat top center fixed;background-size: 100% auto; padding:8% 0% 6% 0; overflow:hidden}
.about-content{}
.about-left{width:40%; float:left}
.about-left span{font-size:42px; display: block;}
.about-left .title{display: block; margin: 0.4em 0 1em 0 }
.about-left .more{ float: left}
.about-right{ width:50%; float:left; margin-left: 10%;}
.about-right p{color:#666; font-size: 16px; line-height: 2em}
.product-number-inner{margin-top:4em}
.product-number-inner i,.product-number-inner sup{ font-style: normal; font-size: 60px; color:#0942a1; font-weight: 500;}
.product-number-inner li{ display: block; float: left; margin-right: 6em}
.product-number-inner sup{}
.culture{width: 100%; background: #fff; border-radius: 10px; margin: 8em 0 0em 0; box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); overflow: hidden}
.culture li{width:28%; float: left; margin:0 0 0 5%; padding:2em 0 }
.culture li i{width:108px; height: 108px; line-height: 108px; color: #fff; font-size: 3em; background: #0942a1; display: block; float: left; text-align:center; border-radius: 108px; margin-right:0.8em}
.culture li:nth-child(2n){font-size: 1.2em;}
.culture li span{ font-size: 1.4em; color: #333; padding: 0.4em 0 0.2em 0; display: block}.culture li p{font-size:16px; color:#999; display: flex}

.video{ background: url("../images/video_bj.jpg") no-repeat bottom center fixed; background-size: 100% auto;width: 100%;text-align: center;color:#fff; display: block; overflow: hidden;padding:8% 0% 14% 0;}
.video span{font-size:36px; display: block}
.video b{ font-size:48px; margin: 0.6em 0  2em 0; display: block;font-family: "impact"; font-weight: 400}
.video a{ width: 100px; margin: 0 auto;height: 100px; background: #0942a1; display: block;text-align:center; border-radius: 108px; line-height: 100px; color:#fff; font-size: 2.4em; transition: 0.4s}
.video a:hover{ background: #033282}
.news ul{margin-bottom:2.8em}
.news .more{float:right}
.news .swiper-slide,.news-center li{ background:#f8f8f8; width: 29%; float: left; display: block; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.news .swiper-slide img,.news-center li img{ float:left; display: inline-flex; width: 100%; height: auto; border-top-left-radius:10px;border-top-right-radius:10px;}
.news .swiper-slide .text,.news-center li .text{padding:1.8em; display: block; float: left}
.news .swiper-slide h3 a,.news-center li  h3 a{ font-size:1.2em; height: 2.8em; color:#333; margin-bottom: 0.6em; display: block; -webkit-line-clamp: 2; 
  display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news .swiper-slide .more1,.news-center li .more1{color:#999; height: 30px; line-height: 30px;}
.news .swiper-slide .more1 span,.news-center li .more1 span{ display:block; float: left;}
.news .swiper-slide .more1 i,.news-center li .more1 i{ width:30px; height: 30px; background: #0942a1; line-height: 30px; text-align: center; color:#fff; display: block; border-radius: 100px; margin-left: 1em; float: left; display: none; transition: 0.4s}
.news .swiper-slide:hover .more1 i,.news-center li:hover .more1 i{ display: block}
.news .swiper-slide:hover h3 a,.news-center li:hover h3 a{color:#0942a1}
.news .swiper-slide .text p{ float:right}

.net{  width: 100%; background: url("../images/banner.jpg") no-repeat bottom center fixed;  background-size: 100% auto;overflow: hidden; color:#fff; padding:8% 0% 6% 0;}
.net .text{  top: 38%; left: 4%}
.net .text p{ color:#fff; font-size:1.6em}
.net .text h3{ color:#fff; margin:0.4em 0 0.8em 0}
.net .text a{ color:#fff; font-size: 16px;}
.more2{ width:28px; height: 30px; background: url("../images/more.png") no-repeat left center; display: block; float: left;  margin-left: 1em}
.net .text a i{float:left; font-style: normal}

.footer{width:100%;background: #052355; overflow:hidden; color:#fff;}
.foot{margin: 6% auto 6% auto; overflow: hidden}
.foot-left{ width:36%; float: left }
.foot-left img{ margin-bottom: 1em}
.foot-left p{font-size:16px; line-height:2em}
.foot-left span{font-size:2em; margin-bottom: 0.4em; display: block}

.foot-left ul{margin-top: 16em}.foot-left ul p{color:#a9adba}
.foot-left ul p a{color:#a9adba; transition: 0.4s}.foot-left ul p a:hover{color:#fff}

.foot-right{ width:54%; float: right; margin-left: 0%}
.foot-right dl{ float: left; width: 50%; margin-bottom: 6%}
.foot-right dl a{ color:#fff} 
.foot-right dl dt{ font-size:18px; margin-bottom:0.4em}.foot-right dl dd{ line-height: 2.4em}
.foot-right ul{ margin-top: 6em}
.foot-right ul a,.foot-right ul .weixin{width:56px; height: 56px; line-height: 56px; font-size: 1.6em; text-align: center; border-radius: 100px; border: 1px solid #fff; color:#fff; display: block; float: left; margin-right: 1em; transition: 0.4s}
.foot-right ul a:nth-child(3){ font-size: 1.5em; line-height: 2em}
.foot-right ul .weixin{ font-size: 1.8em; position: relative; cursor:pointer;}
.foot-right ul a:hover,.foot-right ul .weixin:hover{ background: #fff; color: #111}
.foot-right ul .weixin img{ position: absolute; position: absolute;bottom: 2em;right: -1.5em; display: none }
.foot-right ul .weixin:hover img{ display: block}

#detail2{position:fixed;left: 50%; width:500px;height:200px;display:none; z-index: 999}
#detail2 .tit{display:block;height:33px;cursor:move;}
#detail2 .tit i{float:right;line-height:33px;padding:0;cursor:pointer; color: #fff; font-style: normal; font-size: 16px}
#detail2 .text{border:none; width: 360px; padding-left: 20px; height: 60px; line-height: 60px;float: left;  background: #fff }
#detail2 .submit{height: 60px; line-height: 60px; width: 120px; background: #0942a1; border: none; float: left; cursor:pointer; color: #fff }

.cd-top {z-index:999;display:block;height:40px;width:40px;  text-align: center; position:fixed;bottom:40px;right:10px; text-indent:100%;white-space:nowrap;background:rgba(9,66,161,1);visibility:hidden;border-radius:100px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; color:#fff;opacity:1;height:60px;width:60px;right:30px;bottom:30px;}
.icon-shangyi:before{position:absolute;left:-2px;top:18px;color:#fff;font-size:22px;}
.kefu:before{position:absolute;left:-12px;top:16px;color:#fff;font-size:28px;}
.cd-top.cd-is-visible { visibility:visible;opacity:1;}
.cd-top.cd-fade-out {opacity:1;}
.no-touch .cd-top:hover {background-color:#1b59ae;opacity:1;}
.cd-top:hover{background-color:#1b59ae;}


.kefu{z-index:999;display:block;height:60px;width:60px;  text-align: center; position:fixed;bottom:110px;right:30px; text-indent:100%; background: #f5b300; border-radius: 100px; font-size: 3em; transition: 0.4s}
.kefu:hover{background:#f59000}
body::-webkit-scrollbar {width:6px;}
body::-webkit-scrollbar-track {background:rgb(244,244,244);border-radius:2px;}
body::-webkit-scrollbar-thumb {background:rgb(28,105,212);border-radius:2px;}

.nr-about{ background:none; padding: 0}
.nr-about .product-number-inner{ margin-top: 0em}
.nr-about .product-number-inner li{ display: block; float: left; margin-left: 6em; margin-right: 0}
.company{ border-top: 1px solid #e5e5e5;padding-top: 4em; color:#666}
.company p{ line-height: 2em; text-indent: 2em}
.about-video{background: url("../images/video_about_bj.jpg") no-repeat bottom center fixed; background-size:100% auto}

.about-culture{ overflow: hidden}
.about-culture .title{ text-align:center}
.about-culture ul{ margin-top:3em}
.about-culture ul li{ background:#f6f6f6; width: 30%; float: left; margin:0 1.5%; text-align: center; padding: 5em 0}
.about-culture ul li:nth-child(3n){ }
.about-culture ul li i{ width: 120px; height: 120px; line-height: 120px; font-size: 3.6em; background: #0942a1; color: #fff; display: block; margin: 0 auto; border-radius: 140px}
.about-culture ul li:nth-child(2n) i{ font-size: 4.2em;}
.about-culture ul li span{ font-size:2em; margin: 0.6em 0 0.2em 0; display: block}
.about-culture ul li p{color:#999; font-size: 1em}

.idea{  width: 100%; background: url("../images/idea_bj.jpg") no-repeat bottom center fixed;  background-size: 100% auto;overflow: hidden; color:#fff; padding:8% 0% 6% 0;}
.idea .title{color:#fff}
.idea p{color:#fff; font-size: 1.2em; line-height: 2em}
.honor .title{ text-align: center; margin-bottom: 0.6em}
.honor .swiper-slide p{ text-align: center; line-height: 4em; color:#666}
.honor .swiper-slide img{ width:100%; height: auto}
.honor .swiper .swiper-notification{ bottom: 2em}
.news-nav p{ text-align: center; float: none;margin-top: 2%}
.news-nav a{ padding: 16px 30px; background: #f6f6f6; display: inline-block; color:#666; text-align: center; font-size: 1em; border-radius: 100px; margin: 0 1em; transition: 0.4s;}
.news-nav .else,.news-nav  a:hover{ background: #0942a1; color:#fff}
.news-nav{ margin: 6% auto 2% auto}
.news-center { overflow: hidden; margin: 0% auto 2% auto}
.news-center li{ width: 28%; margin:2.5%; float: left}
.news-center li p{ float:right; color:#999; }
.news-nav .title{ text-align: center; font-size: 3em}
.news-nav span{ text-align: center; color:#999; line-height: 2em; display: block}
.ep-pages {padding:10px 12px;clear:both;text-align:center;font-family:"Arial",sans-serif;font-size:14px;vertical-align:top; margin-bottom: 8%}
.ep-pages a,.ep-pages span,.ep-pages b {display:inline-block;line-height:23px;padding:10px 18px;font-family:"思源黑体 CN",sans-serif;border-radius:100px;margin:5px 1px 0 0;background:#f6f6f6;border:1px solid #f6f6f6;overflow:hidden;vertical-align:top; transition: 0.4s}
.ep-pages a:hover {background:#0942a1;border:1px solid #0942a1;text-decoration:none}
.ep-pages a,.ep-pages a:visited {color:#252525}
.ep-pages a:hover,.ep-pages a:active {color:#ffffff}
.ep-pages .current {background:#0942a1;border:1px solid #0942a1;color:#fff}
.ep-pages a.current,.ep-pages a.current:visited {color:#ffffff}
.ep-pages a.current:hover,.ep-pages a.current:active {color:#ffffff}
.ep-pages-ctrl {font-family:"Arial",sans-serif;font-weight:bold;font-size:16px}
.ep-pages-e5e5e5 {color:#e5e5e5}
.ep-pages-all {font-size:12px;vertical-align:top}

.newstext{ background:#f8f8f8; max-width: 1100px; margin: 4%  auto; overflow: hidden; padding: 3.6% 4%; border-radius: 12px;}
.newstext .time{ text-align: center; font-size:1em; color:#999; margin: 1em 0 2em 0}
.newstext h1{  text-align: center;}
.newstext ul{ border-top:1px dashed #e5e5e5; padding: 4% 0 4% 0; border-bottom: 1px dashed #e5e5e5; line-height: 2em; color:#666; float: left}
.next{ float:left; width: 100%}.next li{color:#999; line-height: 2.6em}.next ul{padding: 4% 0 0% 0;border:none}
.next li a{color:#333}.next li a:hover{ color:#0942a1}
.next .back{ float: right; width:64px; height: 64px; transition: 0.4s; text-align: center; line-height: 64px; font-size: 1.8em; border-radius: 100px; border:1px solid #e5e5e5;margin: 4.5% 0 0% 0; color:#999}
.next .back:hover{background: #0942a1; border:1px solid #0942a1;color:#fff}



.solution b{ font-size: 3em}
.solution ul,.hot-pro  .swiper-slide  ul{ margin:2em 0; overflow: hidden}
.solution ul li{ width: 100%; background: #fff; display: block; overflow: hidden; margin:0 0 4em 0}

.solution ul li .img,.hot-pro  .swiper-slide .img{width:50%; float: left; border-radius: 10px; display: block}
.solution ul li .img img,.hot-pro  .swiper-slide .img img{border-top-left-radius: 20px;border-bottom-left-radius: 20px; width: 100%; height: auto; float: left}
.solution ul li .text,.hot-pro  .swiper-slide .text{width:46%; float: left; margin-left: 4%}
.solution ul li .text i,.hot-pro  .swiper-slide .text i{ font-style: normal; color:#999; font-size: 1.2em; margin: 6em 0 0 0; display: block}
.solution ul li .text h3,.hot-pro  .swiper-slide .text h1,.hot-pro  .swiper-slide .text h3{font-size:2.8em; color:#333; margin: 0.4em 0; font-family: "impact"; font-weight: 400}
.solution ul li .text a,.hot-pro .swiper-slide .text a{ display: inline-block;}
.solution ul li .text p span,.hot-pro .swiper-slide .text p span{ font-size: 1.2em;margin-right:2em}
.solution ul li .pro-more,.hot-pro  .swiper-slide .pro-more{ margin-left: 2em}
.solution ul li:nth-child(2n) .img{ float: right;}
.solution ul li:nth-child(2n) img{border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.hot-products{ background:#f6f6f6}
.hot-pro{ margin: 0% auto 0% auto}
.hot-pro  ul li .img{ float: right}
.hot-pro  .swiper-slide .text i{margin: 2em 0 0 0;}
.hot-pro .swiper-slide .text p{ line-height: 2.6em}
.hot-pro  .swiper-slide{ padding: 6em 0 8em 0}
.hot-products .swiper-pagination-bullet:root{ }

.products-li{ margin:0% auto 2% auto; overflow: hidden}
.products-li ul { width: 100%;}
.products-li ul li{ background: #f6f6f6; width: 28%; margin:2.5% 2.5%; text-align: center; padding-bottom: 3em; border-radius: 10px; float: left; transition: 0.4s}
.products-li ul li img{ width: 100%; height: auto; margin-bottom: 2em; border-top-left-radius: 10px; border-top-right-radius: 10px}
.products-li ul li span a{font-size:1em; color:#999}
.products-li ul li h3{ font-size:1.4em; height: 2.8em; color:#333; margin: 0.2em 0 0.4em 0;-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; padding: 0 2%}
.products-li ul li i{ width: 72px; height: 2px; background: #0942a1; display: block; margin: 0 auto}
.products-li ul li p{font-size:1em; height: 2em; color:#666; margin: 1em 0 2em 0;padding: 0 2%}
.products-li ul li .zixun{ margin-top:3em}
.products-li ul li .zixun a{ width: 168px; height:46px; margin: 0 auto 1.4em auto;line-height: 46px; text-align: center; background: #fff; border-radius: 100px; color: #0942a1; border: 2px solid #0942a1; display: block; transition: 0.4s}
.products-li ul li .zixun a:hover{ background:#0942a1; color: #fff }
.products-li ul li .zixun .dingzhi{ background: #0942a1; color:#fff}
.products-li ul li .zixun .dingzhi:hover{background: #ffba00;  border: 2px solid #f5b300;}
.products-li ul li:hover{box-shadow: 0 0 20px rgb(0 0 0 / 20%) }


.pro-nav{ width:100%; border-bottom: 1px solid #dadada; height: 100px; line-height: 100px;}
.pro-nav .w1600{ margin: 0 auto}
.pro-nav ul a{ font-size:1.3em; color: #666;height: 100px; line-height: 100px; display: block; float: left;margin-right: 4em}
.pro-nav ul .else{border-bottom: 3px solid #0942a1; color:#0942a1}
.pro-nav span{ float:right; color:#666}
.pro-nav span a{color:#666}.pro-nav span a:hover{ color:#0942a1}
.pro-nav span i{ color:#0942a1; margin-right: 0.4em; font-size: 1.4em}
.pro-detail1 { overflow: hidden}
.pro-detail1 .protext{ width: 48%; float: left}
.tit{ font-size:3em; font-weight: 500; padding-top: 0.4em; display: block; font-family: "impact"; font-weight: 400}
.tit-bj{ width:86px; height: 5px; border-radius: 100px; background: #0942a1; display: block; margin: 1.4em 0 2em 0}
.pro-detail1 .pro-video{ width:46%; margin-left: 6%; float: left }
.pro-detail1 .pro-video img{ width:100%; height: auto}
.pro-detail1 p,.products-text{ color:#999; line-height:2em; font-size: 1em}
	
	
.pro-solution{ background: #f6f6f6; padding: 0em 0 1em 0 ; overflow: hidden}
.pro-solution .tit,.products-li .tit,.news-center .tit,.message .tit{ text-align: center; padding: 0}
.pro-solution .tit-bj,.products-li .tit-bj,.news-center .tit-bj,.message  .tit-bj{ text-align: center; margin: 1em auto 2em  auto}
.xg-pro{ margin-top: 4em}
.pro-solution .w1600,.pro-detail1{ margin: 4% auto 6% auto}
.liucheng .pro-video{ margin: 0 6% 0 0}
.products-li .tit-bj, .news-center .tit-bj{ margin: 1em auto 1em  auto}

.bottom{ margin: 0% auto 6% auto }
.message{ width: 100%; background: #fcfcfc; padding: 4% 0 6% 0; overflow: hidden}
.message .mess{ width: 100%; margin-top: 3em}
.message .input{ width: 28%; margin: 0 1.5%; float: left; height: 60px; line-height: 60px ;color:#666; border:2px solid #eee; font-size: 1em; color:#666; border-radius: 100px; padding-left: 2%; transition: 0.4s}
.message .input:hover,.message textarea:hover{border:2px solid #0942a1;}

.message textarea{ width:95%; margin:3% 1.5% ; height: 200px;border:2px solid #eee; transition: 0.4s;padding:1% 0 1%  2%; border-radius: 20px;font-size: 1em; color:#666 }
.message p{ clear:both; text-align: center}
.submit1,.zixun1{ width: 160px; margin: 0 1%;height:60px; line-height:60px; text-align: center; display: inline-block; background: #0942a1; color: #fff; border-radius: 100px; transition: 0.4s; font-size: 1em; border: none}
.submit1:hover{ background: #073581; cursor: pointer}
.zixun1{background: #ffba00; border:none;cursor: pointer; }
.message .w1600{ margin: 0% auto 0% auto}
.zixun1:hover{ background:#ee7d03}

.contact h3{ font-size:2em; color:#333}
.contact p{ color:#999; font-size: 1.2em; line-height: 2em; margin: 1em 0}
.contact p .map{ color:#073581;  font-size: 0.8em; margin-left: 2%}.contact p a i{ margin-right: 0.2em}
.contact ul{ width:100%; margin: 4em 0; overflow:hidden}
.contact ul li{ width:46%; margin-right: 4%; float: left; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; padding: 3em 0; font-size: 1.1em; color:#666}
.contact ul li i{ font-size:1.8em; line-height: 1.8em;color:#073581}
.contact ul li:nth-child(1),.contact ul li:nth-child(2){border-bottom: none;}
.contact ul li p{ font-size:1em}
::-moz-selection {background:#0942a1;color:#fff;text-shadow:none;}
::selection {background:#0942a1;color:#fff;text-shadow:none;}

.news .swiper-slide:nth-of-type(3n+1),.about-left span,.pro-text span,.banner .swiper-slide .text p,.about-culture ul li:nth-of-type(3n+1),.news-ul .news-li:nth-of-type(3n+1),.news-center li:nth-of-type(3n+1),.products-li ul li:nth-of-type(3n+1){animation-delay:0.1s;-webkit-animation-delay:0.1s;}
.news .swiper-slide:nth-of-type(3n+2),.about-left .title,.pro-text .title,.banner .swiper-slide .text h3,.about-culture ul li:nth-of-type(3n+2),.news-ul .news-li:nth-of-type(3n+2),.idea p,.news-center li:nth-of-type(3n+2),.newstext .time,.news-nav span,.products-li ul li:nth-of-type(3n+2){animation-delay:0.3s;-webkit-animation-delay:0.3s;}
.news .swiper-slide:nth-of-type(3n+3),.pro-text p,.banner .swiper-slide .text a,.about-culture ul li:nth-of-type(3n+3),.news-ul .news-li:nth-of-type(3n+3),.company,.contact ul li:nth-child(3),.contact ul li:nth-child(4),.news-center li:nth-of-type(3n+3),.newstext ul,.products-li ul li:nth-of-type(3n+3),.products .swiper-slide img,.net .text h3{animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.pro-text ul,.ep-pages,.news-nav p{animation-delay:0.7s;-webkit-animation-delay:0.7s;}
.honor .swiper-slide { width: 23%; }
.m-foot{width:100%; height: 68px; display: none;background: #fff; position: fixed;bottom: 0; border-top: 1px solid #e5e5e5; z-index: 999;padding: 0}
.m-foot a{width:25%; float: left; text-align: center; color:#333;padding-top: 0.6em;}
.m-foot a span{ font-size:1.6em;color:#073581  }.m-foot a p{ font-size:0.9em}
.m-foot a:nth-child(1){padding-top: 0.8em;}
.m-foot a:nth-child(1) span{font-size:1.2em;}.m-foot a:nth-child(1) p{ margin-top: 0.2em}



.hot-news{ margin:0% auto 8% auto; overflow: hidden}
.hot-news .tit{ text-align: center}
.hot-news .tit-bj{  margin: 1.4em auto 2em  auto}
.hot-news ul{width:100%;}
.hot-news ul li{width:42%; margin:1% 2%; background: #f6f6f6;   padding: 2%; border-radius: 10px; float: left; transition: 0.4s}
.hot-news ul li:hover{ background:#0942a1; }.hot-news ul li:hover a,.hot-news ul li:hover span{color:#fff}
.hot-news ul li a{color:#333;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; display:inline-block; width:80%}
.hot-news ul li span{float:right; color: #999}

.serch{ margin: 4% auto 2% auto}
.serch-text{width:400px; height: 60px; line-height: 60px; padding-left: 20px; color:#999; background: #f8f8f8; float: left; border: 1px solid #f8f8f8; font-size: 15px; margin-left: 2%}
.serch-submit{width:100px; height: 60px; line-height: 60px; background: #073581;  border: 1px solid #073581;color:#fff; cursor:pointer; font-size: 15px;float: left; }
.serch ul{height: 60px; line-height: 60px; margin-left: 50px; display: inline-block; color:#666; font-size: 15px}
.serch ul a{color:#999; margin-right: 20px; font-size: 15px}
.serch ul a:hover{color:#073581;}

.gallery{ margin:8%  2% 8% 2%; width: 96%; overflow: hidden}
.gallery ul li{ width:19%; float: left; margin: 1% 0.5%}.gallery ul li img{width:100%; height: auto}
.news .swiper-slide .text .miaoshu{  margin-bottom: 1em; color: #999; font-size: 1em;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient: vertical}
.solution-bj{background: #f6f6f6; display: block; overflow: hidden; padding: 2.4em 0 0 0 }
.solution-bj .title{ text-align: center; display: block}
.solution-list {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center; position: relative}
 .solution-list img {display: block;width: 100%;height: 100%;object-fit: cover; border-top-left-radius:6px; border-top-right-radius:6px;}
.solution-list h3{line-height: 1.4em; height:2em; color: #666; font-size: 1em;width: 100%; background: #fff; padding:1em 0 1.2em 0; }
.solution-list .swiper-wrapper{ width:29%; float: left}
.solution-list ul p{ font-size:0.8em; color: #999;}
.solution-list ul{background: #fff;padding:0em 0 2em 0;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.solution-list ul:hover{ display: block}
.solution ul li{ background:#f6f6f6}
.solution ul li .text i{ margin:4em 0 0 0}
/*媒体查询*/

@media screen and (max-width: 1400px) {

	.banner .swiper-slide .text h3,.video b{font-size:3em}
	.title{ font-size:3em}
	.about-us{ padding: 4% 0% 3% 0}.video{ padding: 6% 0% 10% 0}
	.product-number-inner i, .product-number-inner sup{ font-size:2.8em}
	.net,.video,.about-us,.idea{ background-size:100% 100%}
	.news .swiper-slide{ width:28.6% }
}
@media screen and (max-width: 1200px) {.w1600{ font-size:18px}
	.video b{font-size:2em}.about-right{width:60%; margin: 0}
	.products .swiper-slide img{ width: 100%; height: auto}
	.culture li{ margin: 0 0 0 3%}.culture li i{ margin-right: 0.4em}
	.culture li span{ font-size:1.6em}.culture li:nth-child(2n) span{ font-size:1.2em}.culture li p{font-size:1em}
	.culture li:nth-child(2n) p{font-size:0.8em}
	.news .swiper-slide{ width:27.8% }
	.hot-pro .swiper-slide{ padding:2em 0 4em 0}
	.more{ font-size: 0.9em}
	.solution ul li .text h3, .hot-pro .swiper-slide .text h1, .hot-pro .swiper-slide .text h3{ font-size:2em}
	.solution ul li .text p span, .hot-pro .swiper-slide .text p span,.solution ul li .text i, .hot-pro .swiper-slide .text i{ font-size: 1em}
	.news-nav .title{ font-size: 2.4em;}.news-nav span,.news-nav a,.products-li ul li span,.products-li ul li .zixun a{ font-size: 0.9em}
	.products-li ul li h3{ font-size: 1.6em}.products-li ul li p{font-size: 0.9em; margin: 1em 0;}.products-li ul li .zixun{ margin-top:2em}
	.products-li ul li img{ margin-bottom: 2em;}.products-li ul li{ padding-bottom: 2em}
}
@media only screen and (max-width:1024px) {

	.about-left,.about-right,.pro-solution .w1600, .pro-detail1{width:100%;}
	.product-number-inner{margin-top:2em}.culture{ margin: 4em 0 0em 0}
	.about-right{margin-top:2em}
	.message .input{ width: 27.6%}
	.pro-nav span{display:none}
	.pro-detail1 .protext,.pro-solution .w1600,.pro-detail1 .pro-video,.solution{ width: 92%; margin: 2% 4% }
	.tit{font-size:2em; text-align: center}.tit-bj{ margin:1.4em auto 2em auto}

}
@media screen and (max-width: 960px) {
	.news .swiper-slide{ width:44.6%}
.cd-top{}
	.title{ font-size:2.6em;}.about-left span{font-size:1.2em;}
	
}
@media screen and (max-width: 768px) {
.about-us{ background:url("../images/about_bj.jpg") no-repeat  center center / cover fixed; background-size:auto}
.video{background:url("../images/video_bj.jpg") no-repeat  center center / cover fixed; background-size:auto}
.net{background:url("../images/banner.jpg") no-repeat  center center / cover fixed; background-size:auto}
.idea{ background:url("../images/idea_bj.jpg") no-repeat  center center / cover fixed; background-size:auto}
	header .logo{width:22%}
	.w1600{width:92%; margin:12% 4% 18% 4%}
	.products .swiper-button-prev, .products .swiper-button-next,.news-nav span,.pro-nav{display:none}
	.m-foot,header,.wap-banner{ display:block}
	.hot-pro{ margin: 0 4% 0% 4%}
	.solution ul li .text, .hot-pro .swiper-slide .text{ text-align: center; margin-left: 0}
	.products-li ul li{ padding-bottom: 0.8em}
	.solution ul li .text, .hot-pro .swiper-slide .text,.solution ul li .img, .hot-pro .swiper-slide .img{width:100%}
	.solution ul, .hot-pro .swiper-slide ul{ margin: 1em 0 2em 0}
	.products-li,.news-nav{padding: 0% 2.5% 4% 2.5%; width: 95%; margin: 0}
	.products-li ul li{width:45%; margin: 2% 2.5%}
	.news-nav{ margin: 10% 0% 4% 0%}
	.news-nav a{ margin: 0.6em 0.9em}
	.foot-left,.foot-right{ width: 100%}
	.header,.header2,.foot-right dl,.banner,.kefu,.cd-top{ display:none}
	.foot-left ul{margin-top:4em}.culture li p{font-size:0.4em; margin-top: 0}.footer{ padding-bottom:40px}
	.products-li ul li img{ margin-bottom: 1em}
	.contact,.pro-detail1,.solution,.about-content{ margin: 8% 4% 8% 4%}.contact ul{ margin: 2em 0}.contact ul li{padding:1.4em 0}.contact p{ margin: 0}
	.tit,.solution b,.solution ul li .text h3, .hot-pro .swiper-slide .text h1, .hot-pro .swiper-slide .text h3{ font-size:1.8em}
	.contact ul li p,.news .swiper-slide .more1 span, .news-center li .more1 span,.news-center li p{ font-size:0.9em}
	.news-center{ margin:2% 4% 8% 4%}
	.news-center li,.honor1 .swiper-slide{width:46%; margin:2%}.news .swiper-slide h3 a, .news-center li h3 a{font-size:1em}
	.news .swiper-slide .text, .news-center li .text{ padding: 1em}
	.pro-solution{ padding: 6% 4% 8% 4%}
	.solution ul li .text i, .hot-pro .swiper-slide .text i{ margin: 3em 0 0 0}
	.solution ul li .text p span:nth-child(2n){ margin-right: 0}
	.about-left .title{ margin: 0.4em 0 0em 0; margin-bottom:1em}.about-right{ margin-bottom: 0em}.company{ padding-top:2em}
	
	.nr-about .product-number-inner li{ margin: 0 6em 0 0}
	.honor .swiper-slide p{ line-height: 1.2em}
	.about-culture ul li{width:100%; margin:4% 0%; padding: 1.4em 0}.about-culture ul{margin-top:0}
	.about-culture ul li i{width:88px; height: 88px; line-height: 88px; font-size: 2.6em}.about-culture ul li span{ font-size:1.2em}
	.about-culture ul li:nth-child(2n) i{font-size:3em}
	.newstext ul{ font-size:1em; width:100%}.newstext ul img{width:100%; height: auto}
}
@media screen and (max-width: 520px) {
	.foot-left span{font-size:1.4em; }
    .products-text img{  width:100%; height:auto}
	.news .swiper-slide .text p{ font-size: 0.6em}
    .about-right{ }.nr-about .product-number-inner li{ margin:0 0em 0 0}
    .pro-text p,.company p,.idea p{ font-size:0.9em}
    .products .swiper-slide img{ margin-top:2em}
    .foot-left img{ width:46%}.foot-left span{font-size:1.4em}
    .product-number-inner i, .product-number-inner sup{font-size:2em}
	.title{ font-size:1.4em}.culture li:nth-child(2n) p{ font-size:0.7em}
	.culture ul,.news .swiper-slide,.contact ul li,.honor .swiper-slide{ width:100%}
	.news-nav{ margin: 10% 0% 0% 0%}.products-li ul li{ width: 95%}
	.news .swiper-slide h3 a, .news-center li h3 a,.video span,.net .text p{font-size:0.8em}
	.culture ul{ margin:4em 0 0 0; padding: 6% 0; }
	.culture li{ padding:5% 6% ; margin: 0; width:88%; border-bottom: 1px dashed #e5e5e5}
	.culture li:nth-child(2n) i{width:60px; height:60px; line-height: 60px; font-size: 1.6em; margin-right: 0.6em}
	.culture li:nth-child(2n) i{}
	.culture li i{width:60px; height:60px; line-height: 60px; font-size: 1.6em; margin-right: 0.4em}
	.culture li span{ font-size:1.4em; padding: 0}
	.product-number-inner li{width:40%; float: left; margin-right: 10%}
	.video a{width:80px;height: 80px; line-height: 80px;}
	.products-li ul li h3{ font-size: 1.2em}
	.products-li ul li span,.products-li ul li .zixun{ display: none}
	.contact h3,.newstext h1{ font-size:1.4em}.contact p{ font-size:0.9em}.contact ul li p,.message textarea,.submit1, .zixun1{ font-size:0.8em}
	.contact ul li{ padding: 1em 0}.message .input{ width: 97%; margin:0 0 1em 0; font-size: 0.8em}
	.message{ padding: 4% 0 18% 0}
	.news-center li h3 a{font-size: 1em}
	.news-nav span, .news-nav a, .products-li ul li span, .products-li ul li .zixun a,.solution ul li .text p span, .hot-pro .swiper-slide .text p span, .solution ul li .text i, .hot-pro .swiper-slide .text i,.pro-detail1 p, .products-text,.news-center li h3 a,.about-culture ul li p{font-size: 0.8em}
	.next .back{width:100%; height: 60px; line-height: 60px}.newstext{ padding: 10% 4%}
	.hot-pro .swiper-slide{ padding: 2em 0}
	header .logo{ width:36%}
	.hot-news{ margin: 4% 4% 18% 4%}
	.hot-news ul li{width:92%}.hot-news ul li span{display:none}.hot-news ul li a{font-size:0.8em}
	.foot-left p{ font-size:0.8em;}.foot-right ul{ margin-top:3em}
	
}
@media screen and (max-width: 414px) {
	.pro-text ul{width:100%;}.product-number-inner li{width:46%; margin-right: 6%;}
	.pro-text ul a{width:34%; margin: 0 10%}.pro-text p{ margin: 0 0 1.4em  0}
	.product-number-inner li:nth-child(2n){ margin-right: 0}
	.culture li span{font-size:1em}.culture li p{font-size:0.8em; margin-top: 0.5em}.culture{ margin: 2em 0 0 0}
	.culture li:nth-child(2n) span{ font-size:0.86em}.culture li:nth-child(2n) i{margin-right: 0.2em}
	.video b{ font-size:1.4em;}.more{width:10em; font-size: 0.8em}.news ul{ margin-bottom: 1.8em; display: flow-root}
	.foot-left ul{margin-top:2em}
	.solution ul li .text h3, .hot-pro .swiper-slide .text h1, .hot-pro .swiper-slide .text h3,.tit{ font-size:1.4em}.hot-pro .swiper-slide .text p{ line-height: 2em }
	.hot-pro .swiper-slide .text p span{ display:block; margin-right: 0}
	.news-nav .title{ font-size: 1.8em}
	.news-nav { width:100%}.news-center li,.honor1 .swiper-slide{width:100%; margin:3% 2%}
	.news-nav a{width:40%; margin:2%}
	 .news-nav{ padding: 0% 0% 4% 0%}
	.products-li ul li h3{ font-size: 1em}
}