ul,dl{padding:0;margin:0;}
li{list-style:none;}
img{display:inline-block;max-width: 100%}
:root {
  --main-color:#0096ff;  /*主要颜色*/
}
html,body{font:normal 14px / 20px sans-serif,'微软雅黑','Microsoft YaHei'; }
h1,h2,h3,h4,h5{margin:0}
a{color:#333}
body{padding-top: 80px;}
.topline{border-bottom:1px solid #f7f7f7;line-height:30px;height:30px;transition: all 0.5s;-webkit-transition: all 0.5s;}
.topline span{margin-right:15px;display:none;}
.topline span:last-child{margin:0}
.topline a{display:inline-block;padding:0 10px;height:30px;}
.topline i{font-size:18px;}

.navbar{position:fixed;top:0;left:0;background:rgba(255,255,255,.95);box-shadow:0 0 10px rgba(0,0,0,0.2);width:100%;border:0;border-radius:0;z-index:99;margin:0}
.navbar-brand{height:auto;padding-top:10px;padding-bottom:10px;}
.navbar-brand>img{height:30px;display:inline-block;vertical-align:middle}
.navbar-brand b{display:inline-block;line-height:40px;vertical-align:middle;padding-left:10px;font-size:20px;}

.navsearch {margin:0;padding:5px 15px;}
.searchtxt{border:0;width:80%;border:1px solid #eee;border-radius:25px 0 0 25px;border-right:0;line-height:30px;padding-left:15px;}
.searchsub{border:0;background:#f9f9f9;width:18%;border:1px solid #eee;border-radius:0 25px 25px 0;border-left:0;line-height:29px;margin-left:-5px;}

.fixnav .topline{display:none;transition-delay: 0s;-webkit-transition-delay: 0s;}
.sub-menu{display:none;}
.navbar-nav>li>.dropdown-menu{border:0}
.dropdown-menu>li>a{padding:10px 20px;}

.foot{background:#f7f7f7;padding-top:20px;padding-bottom:20px;}
.footlogo{text-align:center;;margin-bottom:15px;}
.footlink h3,.foot-contact h3{font-size:20px;margin-bottom:5px}
.foot-contact b{padding:5px 0;display:block;font-size:16px}
.foot-contact p,.footlink p{margin:0;padding-left:20px;line-height:1.3;margin-bottom:5px;}
.footlink p{padding-left:0}
.foot-contact p span{margin-left:-20px;position:relative;margin-right:5px;}
.foot-contact p:last-child,.footlink p:last-child{margin-bottom:0}


.fixbottomnav{background:rgba(0,0,0,0.9);position:fixed;bottom:0;left:0;width:100%;z-index:98;box-shadow: 0 0 8px rgba(0,0,0,0.2)}
.fixbottomnav li{float:left;width:25%;text-align:center;position: relative;}
.fixbottomnav li:after{content:'';position: absolute;width:1px;height:20px;top:25%;background:#999;left:0;display: block;}
.fixbottomnav li:first-child:after{display:none;}
.fixbottomnav li a{color:#fff;display: block;padding:10px 0;font-size:12px;color:#ddd;}
.fixbottomnav li i{font-size:22px;line-height:110%;}
.fixbottomnav p{margin:0}


.fixpcnav{position:fixed;right:5px;bottom:20%;z-index:9}
.fixpcnav li{text-align:center;padding:1px 0;position: relative;}
.fixpcnav li p{position: absolute;display:none;right:46px;top:1px;width:200px;background:rgba(0,0,0,0.7);padding:10px;color:#fff;line-height:200%;}
.fixpcnav li p img{width:100%;}
.fixpcnav li i{font-size:22px;}
.fixpcnav li a{display: block;background:rgba(157,157,157,0.8);color:#fff;padding:5px 10px;line-height:40px;height:45px;}
.fixpcnav li a:hover{background:rgba(0,0,0,0.7);text-decoration: none;}
.fixpcnav li:hover p{display: block;}


.pages{text-align:center;padding-top:20px;}
.pages a,.pages span{display:inline-block;border:1px solid #eee;line-height:30px;padding:0 10px;margin-left:3px;background:#fff}


/*    plui */
.bg-hui{background:#f7f7f7}
.home-box{padding-top:20px;padding-bottom:20px;}
.home-title{margin-bottom:15px}
.home-title h3{color:var(--main-color);margin-bottom:10px;line-height:1.3;font-size:20px;}
.home-title p{margin-bottom:0;color:rgba(0,0,0,0.5);font-size:12px;}


.one_dot_hide {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.two_dot_hide,.three_dot_hide {overflow: hidden;text-overflow: ellipsis;display: -moz-box;-moz-line-clamp: 1;-moz-box-orient: vertical;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.three_dot_hide {-webkit-line-clamp: 3;}


.bg-hui2{background:#f4f4f4}
.pages{text-align:center;padding-top:20px;}
.pages a,.pages span{display:inline-block;border:1px solid #eee;line-height:30px;padding:0 10px;margin-left:3px;background:#fff}
.wpcf7form{padding:15px 0}
.wpcf7-text,.wpcf7-textarea{width:100%;background:#efefef;line-height:40px;border:0;padding:0 10px;}
.wpcf7-submit{background:var(--main-color);color:#fff;line-height:40px;border:0;width:100%;}
.wpcf7-title{text-align:center;font-size:30px;margin-bottom:20px;line-height:1.5}
.wpcf7-title p{font-size:0.5em;font-weight:normal;}
.wpcf7-form p:last-child{margin:0}

.fixinqclose{position:absolute;top:-10px;right:-10px;height:30px;width:30px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.2);text-align:center;line-height:30px;border-radius:20px;}
.fixinq{display:none;position:fixed;top:50%;left:50%; transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.2);padding:20px;widtH:90%;max-width:600px;z-index:10}
.marks{position:fixed;background:rgba(0,0,0,0.5);z-index:9;left:0;top:0;width:100%;height:100%;display:none;}

.cus-ser{padding:15px;text-align:center;margin:15px 0}
.cus-ser h3{font-size:25px;margin-bottom:10px;}
.cus-ser a{border:1px solid #fff;color:#fff;display:inline-block;padding:8px 20px;width:30px;width:180px}
.cus-ser p:last-child{margin:0}
.cus-ser .cus-ser-info p{margin-bottom:10px;}

.fixpic{overflow:hidden;margin:0;}
.fixpic img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.fixpic:hover img{transform: scale(1.08, 1.08);}

.bg-lan{background:var(--main-color);color:#fff}
.swiper-button-next, .swiper-button-prev {
  text-rendering: auto;
}
.g-recaptcha{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;display: none;}
.marksb{position:absolute;background:rgba(0,0,0,0.5);left:0;top:0;width:100%;height:100%;content:'';z-index:8;}
.wpcf7form{position:relative;padding:10px;overflow:hidden;}
.wpcf7-submit{position:relative;z-index:9;}
.wpcf7form .closeform{position:absolute;top:10px;right:10px;background:#fff;border-radius:30px;color:#333;z-index:9;width:25px;height:25px;text-align:center;line-height:25px;box-shadow:0 0 10px rgba(0,0,0,0.3);cursor:pointer}

.web_head .change-language { position: relative; float:right;}
.web_head .change-language-title { position: relative; }
.web_head .change-language .change-language-cont { border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); }

@media (min-width: 768px) {
	body{padding-top: 100px;}
	.topline{line-height:40px;height:40px;}
	.topline span{display:inline-block;}
	.topline a{padding:0}
	.topline i{margin-right:5px;vertical-align:middle}
	.navbar-brand{padding-top:15px;padding-bottom:15px;transition: all 0.5s;-webkit-transition: all 0.5s;}
	.navbar-nav>li>a{line-height:30px;padding:15px 10px;transition: all 0.5s;-webkit-transition: all 0.5s;}
	.navsearchsub{padding-top:13px;padding-left:10px;transition: all 0.5s;-webkit-transition: all 0.5s;}
	.navsearchsub .searchsub{width:auto;border-radius:25px;width:35px;border:1px solid #eee;}
	.navbar-right{position:relative;}
	.nav>li.navsearch{position:absolute;bottom:-40px;width:300px;right:0;padding:0;text-align:right;}

	.dropdown-menu li a{line-height:2.5}
	.dropdown-menu .dropdown-menu{left:100%;right:auto;top:0}
	.fixnav .navbar-brand,.fixnav .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;transition-delay: 0s;-webkit-transition-delay: 0s;}
	.fixnav .navsearchsub{padding-top:8px;transition-delay: 0s;-webkit-transition-delay: 0s;}

	.foot{padding-top:30px;padding-bottom:30px;}
	.footlogo{padding-bottom:15px;}
	/*    plui */
	.home-box{padding-top:30px;padding-bottom:30px;}
	.home-title h3{font-size:25px;}
	.pr35 h3{padding-right:35%;}

	.cus-ser{padding:25px 50px;}
	.cus-ser h3{font-size:30px;margin-bottom:15px;}
	.cus-ser .cus-ser-info p{margin-bottom:20px;}
} 
@media (min-width: 992px) {
	body{padding-top: 110px;}
	.navbar-brand>img{height:40px;}
	.navbar-nav>li>a{padding-top:20px;padding-bottom:20px;}
	.navbar-nav>li.navsearch{padding-top:18px;}
	.nav>li.navsearch{position:static;bottom:auto;width:auto;padding-left:10px;}
	.searchtxt{display:block;float:left;}
	.searchsub{width:20%;border-left-width:0;border-radius:0 30px 30px 0;}

	.fixnav .navbar-nav>li>a{padding-top:15px;padding-bottom:15px;}
	.fixnav .navbar-nav>li.navsearch{padding-top:13px}

	/*  foot  */
	.footlink h3, .foot-contact h3{margin-bottom:10px;}
	/*    plui */
	.home-box{padding-top:50px;padding-bottom:50px;}
	.home-title{margin-bottom:25px;}
	.home-title h3{font-size:30px;}

	.cus-ser{position:relative;padding:40px 70px;}
  .cus-ser-info{width:50%;text-align:left;}
  .cus-ser a{position:absolute;right:70px;top:50%;transform:translateY(-50%);width:150px;}
  .cus-ser .cus-ser-info p{margin-bottom:0}
}
@media (min-width: 1200px) {
	body{padding-top: 120px;}
	.navbar-brand>img{height:50px;}
	.navbar-nav>li>a{padding:25px 15px;font-size:16px;}
	.navbar-nav>li.navsearch{padding-top:23px;padding-left:15px;}
	.fixnav .navbar-nav>li>a{padding-top:20px;padding-bottom:20px;}
	.fixnav .navbar-nav>li.navsearch{padding-top:18px}
	/*  foot  */
	.footlogo{float:right;margin:0}
	.foot{padding-top:40px;}
	/*    plui */
	.home-box{padding-top:70px;padding-bottom:70px;}
	.home-title {margin-bottom:35px;}
	.home-title h3{font-size:35px;margin-bottom:15px;line-height:1.2}
	.advtitle h3{font-size:30px}
	.home-title p{font-size:14px;}


}
@media (min-width: 1300px) {
	body{padding-top:130px;}
	.container{width: 1270px;}
	.navbar-brand>img{height:auto;}
	.navbar-nav>li>a{padding:30px 15px;}
	.navbar-nav>li.navsearch{padding-top:28px;}

	.fixnav .navbar-nav>li>a{padding-top:25px;padding-bottom:25px;}
	.fixnav .navbar-nav>li.navsearch{padding-top:23px}
	/*  foot  */
	.foot{padding-top:50px;}
	/*    plui */
	.home-box{padding-top:90px;padding-bottom:90px;}
	.home-title h3{font-size:40px;}
	.advtitle h3{font-size:35px}

	.cus-ser{padding:70px}
	.cus-ser h3{font-size:35px;}
}
@media (min-width: 1400px) {
	.container{width: 1370px;}
	.navbar-nav>li>a{padding:30px 20px;}
	/*  foot  */
	.foot{padding-top:60px;padding-bottom:40px;}
	/*    plui */
	.home-box{padding-top:110px;padding-bottom:110px;}
	.home-title h3{font-size:45px;}
	.advtitle h3{font-size:38px}
	.home-title p{font-size:16px;line-height:1.4}
}
@media (min-width: 1500px) {
	.container{width: 1470px;}
	/*    plui */
	.home-box{padding-top:120px;padding-bottom:120px;}
	.home-title h3{font-size:50px;}
	.advtitle h3{font-size:40px}
}
@media (min-width: 1600px) {
	.container{width: 1570px;}
	.advtitle h3{font-size:43px}
	.home-box{padding-top:130px;padding-bottom:130px;}
}


/* mobile accordion menu */
@media (max-width:767px){
 
 .header_layout .navbar-nav .mobile-menu-all{
  display:block;
 }
.header_layout .navbar-collapse{
  max-height:calc(100vh - 72px);
  overflow-y:auto;
  border-top:1px solid #e7e7e7;
  box-shadow:none;
  background:#fff;
 }

 .header_layout .navbar-nav{
  float:none;
  width:100%;
  margin:0;
  background:#fff;
 }

 .header_layout .navbar-nav > li{
  float:none;
  width:100%;
  border-bottom:1px solid #eeeeee;
 }

 .header_layout .navbar-nav > li > a{
  display:block;
  width:100%;
  padding:15px 18px;
  line-height:1.4;
  color:#333333;
  font-size:15px;
  font-weight:600;
  background:#ffffff;
 }

 .header_layout .navbar-nav .caret{
  float:right;
  margin-top:8px;
  transition:transform .2s ease;
 }

 .header_layout .navbar-nav .mobile-open > a > .caret{
  transform:rotate(180deg);
 }

 .header_layout .navbar-nav .dropdown-menu{
  position:static!important;
  float:none!important;
  display:none;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  border-top:1px solid #eeeeee;
  border-radius:0;
  box-shadow:none;
  background:#ffffff;
 }

 .header_layout .navbar-nav .dropdown-menu > li{
  float:none;
  width:100%;
  border-bottom:1px solid #f0f0f0;
 }

 .header_layout .navbar-nav .dropdown-menu > li:last-child{
  border-bottom:0;
 }

 .header_layout .navbar-nav .dropdown-menu > li > a{
  display:block;
  width:100%;
  padding:13px 18px 13px 30px;
  line-height:1.45;
  color:#555555;
  font-size:14px;
  background:#fafafa;
  white-space:normal;
 }

 .header_layout .navbar-nav .dropdown-menu .dropdown-menu{
  border-top:1px solid #e6e6e6;
  background:#ffffff;
 }

 .header_layout .navbar-nav .dropdown-menu .dropdown-menu > li > a{
  padding-left:46px;
  color:#666666;
  font-size:13px;
  background:#f6f8fa;
 }

 .header_layout .navbar-nav .dropdown-menu > li > a:hover,
 .header_layout .navbar-nav .dropdown-menu > li > a:focus,
 .header_layout .navbar-nav > li > a:hover,
 .header_layout .navbar-nav > li > a:focus{
  color:#0798ef;
  background:#f8fbff;
 }
}

.mobile-menu-all{
 display:none;
}

/* mobile product category nav */
.mobile-product-nav{
 display:none;
}

@media (max-width:767px){
 
 .header_layout .navbar-nav .mobile-menu-all{
  display:block;
 }
.header_layout .navbar-nav .mobile-menu-all > a{
  color:#0798ef;
  font-weight:700;
  background:#f4fbff;
 }

 .mobile-product-nav{
  display:block;
  margin:0 0 18px;
  padding:14px 14px 16px;
  border:1px solid #e7eef5;
  background:#ffffff;
 }

 .mobile-product-nav p{
  margin:0 0 10px;
  color:#222222;
  font-size:15px;
  font-weight:700;
 }

 .mobile-product-nav-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
 }

 .mobile-product-nav-links a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 12px;
  border:1px solid #d9e3ec;
  border-radius:4px;
  background:#f8fafc;
  color:#333333;
  font-size:13px;
  line-height:1.3;
 }

 .mobile-product-nav-links a.active,
 .mobile-product-nav-links a:hover,
 .mobile-product-nav-links a:focus{
  border-color:#0798ef;
  background:#0798ef;
  color:#ffffff;
 }
}