@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
/*a:hover{ color:#1694c6 }*/
ul{ padding:0px; margin:0px;}
h1,h2,h3,h4{ padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}

table { width:100%!important;} 

@font-face {
font-family: 'iconfont';
src: url('../fonts/iconfont.woff2?t=1689738565086') format('woff2'),
url('../fonts/iconfont.woff?t=1689738565086') format('woff'),
url('../fonts/iconfont.ttf?t=1689738565086') format('truetype');}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
font-family:Barlow-Bold;
src: url('../fonts/Barlow-Bold.ttf'); }

@font-face {
font-family:Barlow-Regular;
src: url('../fonts/Barlow-Regular.ttf'); }
@font-face {
font-family:HelveticaLTStd-BoldCond;
src: url('../fonts/HelveticaLTStd-BoldCond.otf'); }


.enziti{ font-family:"HelveticaLTStd-BoldCond"}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

.pc_daohang{ display:block}
.wap_daohang{ display:none}

.flex{ display:flex; }
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-between{ display: flex; justify-content: space-between}


body{ margin:0 auto;padding:0px;width:100%; /*font-family:Barlow-Regular*/ font-family:Arial, Helvetica, sans-serif;;font-size:14px;color:#646464; margin:0px; }

.logotxt{  margin-left:10px;/*font-family:"Barlow-Regular"; */ }
.logotxt .logo1{ font-size:24px; font-weight:bold; color:#3663ac;}
.logotxt .logo2{ font-size:16px; margin-top:5px;color:#7a7a7a; }

.yuyan{ text-align:right; margin-bottom:10px;}
.yuyan a{ margin-left:10px;}


.search {width:220px;  background:#fff;  position:relative; z-index:1; height:32px;  }
.search1 { width:80%; line-height:30px; border:none; padding-left:5%; float:left;  color:#666; font-size:15px;  border:1px solid #ddd; }
.searchimg1 {  object-fit: cover;width:20%; height:32px; float:right; text-align:center; background:#3663ac; border:none;}
.searchimg1 i{ color:#fff; font-size:20px;}

.nav ul li .navname{display:block;position:relative;}
.nav ul li .navname:after{
content:"";
width:0;
height:2px;
background:#fee303;
position:absolute;
bottom:0;
left:0;
-webkit-transition: all .6s cubic-bezier(.255, .255, .255, 1) 0s;
transition: all .6s cubic-bezier(.255, .255, .255, 1) 0s;}
.nav ul li .navname:hover,.nav ul li.active .navname{color:#fee303;}
.nav ul li:hover .navname:after,.nav ul li.active .navname:after{width:100%;}

.nav{ width:100%; background:#3663ac; }
.nav  ul{ width:80%; margin:0 auto;}
.nav li { cursor:pointer; list-style: none;text-align: center;box-sizing: border-box; position: relative;display: inline-block;padding-left:3.3vw;
padding-right: 4.5vw;line-height:45px; }



.nav li a {padding-right:0px;z-index: 1; color: #fff;
text-align: center;position: relative;line-height: 45px; font-size:16px; overflow:hidden; text-transform:uppercase;}
.nav  li a:hover{color:#fff}
.nav  li::after {
  content: '|';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%,-50%);
  color:rgba(255,255,255,0.1);
  font-size: 20px;
}
.nav  li:last-child::after{ display:none;}


.nav li.hover a, .nav li:hover a { color:#ffff00 }
.nav li .subnav {background: #fff;box-shadow: 0 5px 20px 8px rgba(0, 0, 0, 0.1);height: auto;left: -10px;overflow: hidden;position: absolute;top: 45px; width:212px;z-index: 99; border-top:0px solid #3f7225; }
.nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#fff, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a {text-transform:none; text-align:left; padding-left:30px; padding-right:30px;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block;font-size: 15px;font-weight: 500; margin-left:0px; margin-right:0px;line-height: 40px;height: 40px;transition: all 0.2s ease-in-out 0s;width: 100%;background: #fff;color: #555!important; border-bottom:rgba(255,255,255,0.1) solid 1px;}
.nav li .subnav a:hover {color: #fff!important;background:rgba(54,99,172,0.6); }

.slide { position: relative;overflow:hidden; height:400px;}

.slide .carouse { width: 100%; overflow: hidden; position: relative;}

.slide .carouse .slideItem { width: 100%; position: absolute; height:100%; }

.slide .carouse .slideItem .banner-img { width: 100%; display: block; height:100%; object-fit: cover; }

.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; display: none; }

.slide .dotList { position: absolute; width: 100%; bottom: 11px; text-align: center; }

.slide .dotList ul li { display: inline-block;   cursor: pointer; background: #fff; font-size: 0px; margin: 0 8px; border: none; outline: none; width: 50px; height: 4px;  }

.slide .dotList ul li.active { background: #3662ab; }

.slide .slidedetail { display: none; }

@media screen and (max-width: 767px) { .slide .dotList ul li { width: 12px; height: 12px; }
  .slide .dotList { bottom: 5px; } }

/*  banner  */

.banner {
    width: 100%; height:400px;
    overflow: hidden!important; 
 position:relative;
}
.m_banner{ display:none;}


.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.bproInfo-demo{ width:100%; float: left; display: block; }
.bproInfo-demo .item{ overflow: hidden;}
.bproInfo-demo .item img{ width: 100%; display: block; object-fit: cover; height:400px;}
.bproInfo-demo .slick-arrow{ width:60px; height: 60px; display: block; position: absolute; top: 50%; margin-top: -30px; z-index: 100; background-position: center center; background-repeat: no-repeat;}
.bproInfo-demo .slick-prev{ background-image: url(l.png); background-position:center center; left:10%; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;}
.bproInfo-demo .slick-next{ background-image: url(r.png); background-position:center center; right:10%; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;}
.bproInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }


.bproInfo-demo .slick-dots { position: absolute; bottom:30px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%;  z-index:11 }
.bproInfo-demo .slick-dots li { position: relative; display: inline-block; height:4px; width:50px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; text-indent:-9999px; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
.bproInfo-demo .slick-dots li button { border: 0; background: transparent; display: block;  height:12px; width:12px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.bproInfo-demo .slick-dots li button:focus { outline: none; background:#3663ac;}
.bproInfo-demo .slick-dots li.slick-active{ background:#3663ac;}
.bproInfo-demo .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}




/*热门产品*/
.index_pro .w90{ padding-bottom:0px; }
.ptitle_a{width: 100%;
  margin: 0 auto;
  background: #eff4fa;
 
  padding: 30px;}
.ptitle{ font-size:17px; width:100%; margin:0 auto; line-height:25px; }

.product{ margin-top:25px;}
.product .profenlei{ width:20%; }
.product .hotproduct{ width:78%; border:1px solid #ddd; }
.product .profenlei .proname{background:#3663ac; line-height:40px; color:#fff; text-align:center; font-size:16px;font-weight:bold;}
.product .profenlei ul li{line-height:30px; text-align:left;  border:1px dashed #d8d8d8;margin-top:10px; cursor:pointer;}
.product .profenlei ul li a{font-size:15px; display: block;  position: relative; text-decoration:none;padding-left:18px; padding-right:5px;}
.product .profenlei ul li:hover{background:#3663ac; border:1px dashed #3663ac; }
.product .profenlei ul li:hover a{ color:#fff;}


.honor{ position:relative;}
.honor  i{ font-size:30px; line-height:40px; text-align:center;}
.honor  .next,.honor .prev{/* width:40px; height:40px; text-align:center; cursor:pointer; border-radius:50px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);*/cursor:pointer; z-index: 20;position: absolute; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.honor .prev{ left: 0px;}
.honor  .next{ right: 0px;}
.honor  .next:hover,.honor  .prev:hover{color:#3663ac;}
/*.honor  .next:hover,.honor  .prev:hover{ background:#3663ac; color:#fff;}
 .honor  .next:hover,.history .prev:hover{ background-color: #00696c; color: #fff;} */
.swbutton.swiper-button-disabled{cursor: no-drop;}
.ptu{ display: flex;justify-content: center;
align-items: center;height:175px; overflow:hidden;}
.ptu img{ width:100%; height:100%; object-fit: cover; transition: all 0.8s;}
.honor .swiper-slide:hover .ptu img{ transform: scale(1.1);}
.honor .swiper-slide{ width: 100%;}
.honor .swiper-slide:hover .pname{ color:#3663ac;}

.pname{ text-align:center; margin-top:10px; }
.pcas{ text-align:center; font-size:13px; color:#999; margin-top:5px; display:none;}
.redian{ width:90%; margin:0 auto; padding-top:20px;}


/*.acontent{width:100%;}
.gaodu{    display: flex;
  flex-direction: column;}
  .gaodu > div{ flex:1;}*/
.w90{ width:80%; margin:0 auto; padding-top:25px; padding-bottom:25px;}

.youshi ul li{ line-height:21.5px; margin-bottom:6px; }
.youshi ul li:last-child{ margin-bottom:0px;}
.youshi ul li i{  font-size:15px; color:#555;}
.tubian{ margin-right:10px; height:20px; padding-left:1px; padding-right:1px; line-height:20px;border:1px solid #888; text-align:center;}

.contact .conlx a:hover{ color:#3663ac;}
.contact .conlx{ line-height:30px; }
.atop{ background:#eff4fa; padding:10px 20px; }
.atop .atitle{ color:#3663ac; font-size:16px;font-weight:bold;}
.atop .amore{ font-size:13px;}
.atop .amore a:hover{ color:#3663ac}
.gaodu{border: solid #e2e2e2 1px;}
.yscontent{ padding:20px; padding-bottom:10px;}

.acontent{align-items: stretch;display: flex; }
.youshi{ align-self: stretch;position: relative;}
.gaodu{ width:31.5%;}
.contact  { width:33%!important}
.news ul li{ border-top:1px dashed #ddd; line-height:31px; }
.news ul li .newstitle{ width:75%;overflow:hidden;display:-webkit-box; -webkit-line-clamp:1 ;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis; height:31px;}
.news ul li .newsdate{ width:22%; font-size:13px; color:#999; text-align:right;}
.news ul li:hover a{ color:#3663ac}
.news .tjnews { margin-bottom:15px;}
.news .tjnews .newstu{width:30%;overflow:hidden; height:70px;  display: flex;justify-content: center;
align-items: center;}
.news .tjnews .newstu img{ width:100%; height:100%;object-fit: cover;}
.news .tjnews .newstxt { width:65%;}
.news .tjnews .newstxt  .newst1{ line-height:25px;overflow:hidden;display:-webkit-box; -webkit-line-clamp:2 ;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis; }
.news .tjnews .newstxt  .newst2{ font-size:14px; color:#999; margin-top:5px;}



.guanjian{ background:#ecf6fa; padding:20px!important;  margin-bottom:25px!important;}
.ewm .fewm{}
.ewm { text-align:center;}
.ftubiao ul li img{ height:20px;vertical-align: middle; }
.ftubiao ul li{ background:#3663ac; width:30px; height:30px; line-height:30px; text-align:center;margin-left:10px;}
.ftubiao ul li:nth-child(1){ margin-left:0px;}
.guanjian .ftxt{ color:#3663ac; font-weight:bold; margin-bottom:10px; font-size:16px;}
.guanjian .gjc{ width:83%;line-height:25px;}
.guanjian .keyword:nth-child(1){ margin-bottom:5px;}
.guanjian .gjc .ktitle{ color:#000; font-weight:bold;}
.guanjian .gjc ul li a{ }
.guanjian .gjc ul li{ display:inline-block; margin-left:10px; }
.guanjian .gjc ul li:last-child span{ display:none;}
.foot .w90{ padding-top:30px; padding-bottom:30px;}
.foot{ background:#3663ac;}
.foot a{ color:#fff;}
.vicenav{text-align: center; margin-bottom:10px;}
.vicenav.white{background: #fff;}
.vicenav a{font-size: 14px;transition: 0.2s;display: inline-block; color:#fff; text-transform:uppercase;}
.vicenav a:not(:last-child){margin-right: 1.3vw;padding-right: 1.3vw;position: relative;}
.vicenav a:not(:last-child)::after{content:'|';position: absolute;right: 0;top: 50%;transform: translate(50%,-50%);color:#fff; font-size:12px;}
.vicenav a:hover,.vicenav a.active{color:#ffff00;}
a.zzb07link{text-decoration:none;color: #fff;}
a.zzb07link:hover {text-decoration: underline;color: #fff;}
.zzb07tail{color:#fff;}

.pc_daohang{ display:block}
.wap_daohang{ display:none}

/*内页*/
/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; /*padding-top:15px;*/color: #555; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #555; font-weight: normal;}
.contentPage a:visited {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #555; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#555;font-weight:normal;}
.contentPage .current{color:#555; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #103059; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

.bannertxt{ text-align:left; line-height:200px; font-size:20px; color:#fff; font-weight:bold;margin:0 auto; padding-left:10%;}
 .nyabout .bannertxt, .nycon .bannertxt{background-image: linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.1));
height: 100%;
width: 100%; 
position: absolute;
top: 0;
left: 0;
z-index: 3;}

.nyabout{ position:relative; background:url(../images/nyabout.jpg) no-repeat center; height:200px; width:100%; margin:0 auto;}
.nypro{ background:url(../images/nypro.jpg) no-repeat center; height:200px; width:100%; margin:0 auto;background-size: cover;}
.nycon{  position:relative;background:url(../images/nycon.jpg) no-repeat center; height:200px; width:100%; margin:0 auto;background-size: cover;}

.nynews{ background:url(../images/nynews.jpg) no-repeat center; height:200px; width:100%; margin:0 auto;background-size: cover;}
.nyfaq{ background:url(../images/nyfaq.jpg) no-repeat center; height:200px; width:100%; margin:0 auto;background-size: cover;}
.left{ width:23%; float:left}
/*----------------aside------------*/	
.side-tit-bar { position:relative; }
.side-tit-bar .side-tit {background: #3663ac;
line-height: 40px;
color: #fff;
text-align: center;
font-size: 17px;
font-weight: bold; position:relative; }
.side-widget { position:relative;background-color: #fff;  }
.side-cate { }
.side-cate li { position:relative; margin-top:10px;}
.side-cate>li>a{font-size: 15px; line-height:40px;
text-align: left;
background: #eff4fa;
cursor: pointer;}
.side-cate li a.first{ height:40px;}

.side-cate li:hover a.first{ background:rgba(54,99,172,0.6); color:#fff;}
.side-cate li:hover .icon-cate-down{width:40px; height:40px; background:url(../images/jia.png) no-repeat center; background-size:40%;}

.side-cate .icon-cate{
	position: absolute;
	right:5px;
	top: 0px;
	cursor: pointer;
	width: 40px;
	height: 40px;
}

.side-cate li .icon-cate.icon-cate-up{width:40px; height:40px; background:url(../images/jian2.png) no-repeat center; background-size:40%; }


.side-cate .icon-cate-down{width:40px; height:40px; background:url(../images/jia2.png) no-repeat center; background-size:40%;}

.side-cate>li{}
.side-cate>li>li{font-size: 16px;cursor: pointer;}
.side-cate>li>a{display: block;vertical-align: middle; padding-left:20px;}
.side-cate>li>ul>li{ border:1px solid #ddd; background:#fff; padding:8px 10px; margin-top:5px;}

.side-cate>li>ul>li>a{display: inline-block;color: #525252;padding-left: 15px;position: relative;text-transform: capitalize; font-size:14px;}
.side-cate>li>ul>li>a:before{content:'';display: inline-block;width: 4px;height: 4px;background-color: #ddd;position: absolute;left: 0;top: 7px;}
.side-cate>li>ul>li>a:hover{color: #106db8;}
.side-cate>li ul{display: none;}

.side-cate .nav-current{ color:#3663ac;}
.side-cate li:hover .icon-cate-down{width:40px; height:40px; background:url(../images/jia.png) no-repeat center; background-size:40%;}
.side-cate li.li_active.icon-cate-down{width:40px; height:40px; background:url(../images/jia.png) no-repeat center; background-size:40%;}
.side-cate li.li_active .icon-cate-up{width:40px; height:40px; background:url(../images/jian.png) no-repeat center; background-size:40%;}
.side-cate li:hover .icon-cate-up{width:40px; height:40px; background:url(../images/jian.png) no-repeat center; background-size:40%;}
.side-cate li.li_active .icon-cate-down {
  width: 40px;
  height: 40px;
  background: url(../images/jia2.png) no-repeat center;
    background-size: auto;
  background-size: 40%;
  display: none;
}

.side-cate li.li_active a{ background:rgba(54,99,172,0.6);color:#fff;}
.side-cate li.li_active { }
.side-cate li.li_active ul li:hover{background:rgba(54,99,172,0.2);}
.side-cate li.li_active ul>li:hover >a:before{background-color: #3663ac;;}

.side-cate li.li_active ul li a{ color:#555; background:none; }
.side-cate li.li_active ul li:hover a{ color:#3663ac; display:block }

.side-product-items { position:relative; }
.side-product-items .items_content { position:relative; }
.side-product-items .items_content { }
.side_product_item { position:relative; display:block; width:100%; overflow:hidden; margin:0 0 6px;  }
.side_product_item figure { position:relative; display:block;  border:1px solid #eee; overflow:hidden; padding:8px; background:#FFF;position:relative;}
.side_product_item .item-img { position:relative; display:inline-block; vertical-align:top;  *display:inline;*zoom:1;width:45%; }
.side_product_item .item-img img { position:relative; width:100%; }
.side_product_item figcaption { position:relative; display:inline-block; vertical-align:top;  *display:inline;*zoom:1;width:53%; padding:10px 0 10px 15px;}
.side_product_item figcaption .item_title { line-height:1.3; margin:0 0 10px; text-transform:uppercase; font-size:14px;font-weight:normal; }
.side_product_item figcaption .item_text { color:#949494; line-height:1.3;font-size: 12px; }
.side_product_item .add-friend { position:absolute; right:-1px; bottom:-1px; width:37px; height:39px; }
.side_product_item .add-friend:before{content:'';display:block;width:0;height:0;border-style:dashed dashed solid;border-color:transparent transparent  #c1c1c1;border-width:0 0 39px 39px;overflow:hidden;position:absolute;right:0;bottom:0;-moz-box-sizing:content-box; -webkit-box-sizing:content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; box-sizing:content-box;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.side_product_item .add-friend:hover:before{border-bottom-color:#4e4e4e;}
.side_product_item .add-friend:after { content:""; position:absolute; width:11px; height:11px; bottom:6px; right:6px; background:url(img/add01.png) no-repeat center center; z-index:1;}
.side-product-items .btn-prev, .side-product-items .btn-next { position:absolute; left:0; width:100%; height:15px; display:block; cursor:pointer; opacity:.25; }
.aside .side-bn { width:100%; margin:0 0 40px; }
.aside .side-bn img { width:100% }


.right{width: 75%;border: 1px solid #ddd; float:right}
.right .neirong{ padding:30px; line-height:23px; font-size:14px;}
.right .neirong.jianjie p{ margin-bottom:15px;}
.jianjie img{ width:40%!important; height:auto!important; margin-left:20px;}
/*产品图片列表*/
.prolist ul li{ float:left; width:23%; margin-left:1%; margin-right:1%; margin-bottom:20px;}
.prolist ul li .protu{ height:150px; overflow:hidden;}
.prolist ul li .protu img{ width:100%;height:100%; transition: all 0.8s; object-fit: cover;}
.prolist ul li .protu:hover img{transform: scale(1.1);}
.prolist ul li .proname{ text-align:center; margin-top:5px;overflow:hidden;display:-webkit-box; -webkit-line-clamp:2 ;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis; height:36px; line-height:18px; font-size:13px;}
.prolist ul li:hover .proname{ color:#3663ac;}

.prolist table .font3{ color:#333;}
.prolist table .font3 th{ background:#eff4fa; text-align:center; line-height:40px;border-right:1px solid #ddd;}
.prolist table .font3 th:nth-child(3){ border-right:0px;}
.prolist table .font3 th:nth-child(1){ border-left:1px solid #ddd;}
.prolist table{ border:1px solid #ddd; border-left:0px;}
.prolist table td{ cursor:pointer; border-left:1px solid #ddd; border-top:1px solid #ddd; padding:5px 10px;}
/*新闻列表*/
.newslist ul li{ line-height:40px; border-bottom:1px dashed #ddd;}
.newslist ul li:hover .ntitle{ color:#3663ac; }
.newslist ul li .ntime{ color:#999;}
.newslist ul li .ntitle{ position:relative; padding-left:20px;}
.newslist ul li .ntitle::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #ddd;
  position: absolute;
  left: 0;
  top:18px;
}
.news_detail_title{ text-align:center; font-size:18px;}
.news_detail_time{ text-align:center; color:#999; padding-top:5px;}
.news_detail{ padding-top:20px; line-height:25px;}
.news_detail a{ color:#3663ac;}

.fanye ul li{ line-height:30px;}
.fanye{ border-top:1px solid #ddd; padding-top:10px; margin-top:30px;}
.fanhui{ background:#ecf6fa; text-align:center; line-height:35px; margin-top:20px;}
.prodetail table{border: transparent;border-top:1px solid #ddd;border-right:1px solid #ddd;}
.prodetail table td{border: transparent;border-bottom:1px solid #ddd;border-left:1px solid #ddd; padding:3px 10px;}

 .side-cate li.li_active a.teshu{background: rgba(54,99,172,0.6)!important; } 
.side-cate li:hover a.teshu {
  background: #3663ac;
  color: #fff;
}
.teshu{text-align:center!important; padding-left:0px!important;}
.xiangguan{ margin-top:30px;}
.xiangguan .xiangname{ color:#333; font-weight:bold; font-size:15px; margin-bottom:20px;}
.side-cate > li > ul > li.pmore > a::before {
  display: none;
}
.side-cate > li > ul > li.pmore{border:1px solid #3663ac;  text-align:center;}
.side-cate > li > ul > li.pmore > a {
  padding-left: 0px; color:#3663ac; text-align:center;}
  .side-cate li ul li.li_active{
  background: rgba(54,99,172,0.2);}
  .side-cate li ul li.li_active a{color: #3663ac;}
.side-cate > li > ul > li.li_active > a::before {
background-color: #3663ac;}

/*产品搜索*/
.ms1{ font-size:17px;}
.ms2{background: #fff; border:1px  dashed #3663ac; line-height:40px; margin-top:25px; margin-bottom:25px;text-align:center; cursor:pointer; width:250px;}
.ms2 a{ /*text-decoration:underline;*/ font-size:16px;color: #3663ac; }
.ms2:hover{ background:#3663ac;}
.ms2:hover a{ color:#fff;}
.ms3{ font-size:18px;}
.ms3 a{color: #3663ac; }

.pro_detail_title{ color:#3663ac; text-align:center; font-size:20px;}
.zzz{ max-width:40%; margin-left:20px; margin-bottom:10px; max-height:300px;object-fit: cover;}
/*faq*/
.faq ul li:nth-child(1){ padding-top:0px;}
.faq ul li{ padding-bottom:15px; padding-top:15px; border-bottom:1px dashed #ddd;}
.faq ul li .faqtitle{ font-weight:bold}
.faq ul li .faqhuida{ padding-top:5px;}
.tupian ul li{ float:left; width:23%; margin-left:1%; margin-right:1%; height:180px; display: flex;justify-content: center;align-items: center; margin-top:30px; overflow:hidden;}
.tupian ul li img{width:100%;height:100%;object-fit: cover;
transition: all 0.8s;}
.tupian ul li:hover img{transform: scale(1.1);}
/*公司简介*/
#demoleft{ width:100%; margin-top:30px; overflow:hidden;}
#demoleft table td img{ height:200px; object-fit: cover; margin-right:5px;}

.jianjie2{ line-height:35px;}
.jianjie2 a:hover{ color:#3663ac;}
.jianjie2 img{ max-width:55%!important; height:auto!important}

.wap_fenlei{ display:none}
.mbfor{display:none;}
@media only screen and (max-width: 640px) {
	.mbfor{display:block;}
.wap_fenlei{ display:block}
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.flex-between {display: block;}
/*  banner  */
.bproInfo-demo .item img{ height:100%;}
.bproInfo-demo .slick-dots{ bottom:10px;}
.banner {height: auto;}

/*热门产品*/
.ptitle_a{ width:100%;}
.ptitle{ font-size:15px;}

.flex{ display:block}
.product{ margin-top:25px;}
.product .profenlei{ width:100%; }
.product .hotproduct{ width:100%; margin-top:20px;}
.product .profenlei ul li:nth-child(2n){ float:right}
.product .profenlei ul li{ width:48%; float:left;}
.product .profenlei ul li a{ font-size:14px;padding-left:15px; padding-right:15px;}



.honor{ position:relative;}
.honor  i{ font-size:25px;}
.honor  .next,.honor .prev{top: 55%;}
.ptu{height:140px; }


.pcas{font-size:12px; }
.w90{ width:95%;  padding-top:20px; padding-bottom:20px;}

.youshi ul li{ display:flex;font-size:14px; }
.youshi ul li i{  font-size:14px;}
.tubian{ height:15px; line-height:15px;margin-top:3px;}

.contact .conlx{ line-height:27px; }
.atop{display: flex!important;
justify-content: space-between;
align-items: center;}
.atop .atitle{ font-size:15px;}
.yscontent{ padding:20px; padding-bottom:10px;}

.acontent{display: block; }
.gaodu{ width:100%;}
.news { margin-top:20px; margin-bottom:20px;}
.news ul li{  line-height:31px; }
.news ul li a{display: flex;justify-content: space-between;}

.news .tjnews  a{display: flex;
justify-content: space-between;
align-items: center;}

.contact  { width:100%!important}

.flex-between-center {display: block;}

.ewm { display:none; /*text-align:center;display: flex;
justify-content: space-between;
align-items: center;*/}
.foll{ display:none}
.ftubiao ul li img{ height:20px;vertical-align: middle; }
.ftubiao ul li{ display:none; background:#3663ac; width:30px; height:30px; line-height:30px; text-align:center;margin-left:10px;}
.guanjian .gjc .keyword:nth-child(1) ul li{ margin-left:0px;}
.guanjian .ftxt{ color:#3663ac; font-weight:bold; margin-bottom:10px; font-size:16px;}
.guanjian .gjc{ width:100%;}

.guanjian .gjc ul {display:inline-block}
.guanjian .keyword .ktitle{ display:inline-block}

.foot .w90{ padding-top:30px; padding-bottom:30px;}
.vicenav{text-align: center; margin-bottom:10px;}
.vicenav.white{background: #fff;}
.vicenav a{font-size: 12px;}
.vicenav a:not(:last-child){margin-right: 1vw;padding-right: 1vw;}
a.zzb07link{font-size: 12px;}
.zzb07tail{font-size: 12px;}




.bannertxt{ padding-top:60px; line-height:25px;font-size:16px; padding-right:5%; padding-left:5%;}


.nyabout{height:150px; }
.nypro{ height:150px;}
.nycon{  height:150px;}
.nynews{height:150px;}
.nyfaq{height:150px;}
.left{ display:none;}

.right{width: 100%;float:none}
.right .neirong{ padding:20px; font-size:14px;}

.jianjie img{ width:40%!important; height:auto!important; margin-left:10px;}

/*产品图片列表*/
.prolist ul li:nth-child(2n){ float:right}
.prolist ul li{width:48%; margin-left:0%; margin-right:0%; }
.prolist ul li .protu{ height:150px;}
.prolist ul li .proname{height:36px;}

.prolist table .font3 th{line-height:35px;}
.prolist table td{ padding:5px 5px; font-size:13px;}

/*新闻列表*/
.newslist ul li{ line-height:22px; padding-top:5px; padding-bottom:5px;}
.newslist ul li .ntime {padding-left:10px; padding-top:5px;}
.newslist ul li .ntitle{  padding-left:10px;}
.newslist ul li .ntitle::before { top:10px;}
.news_detail_title{ font-size:16px;}
.news_detail_time{ padding-top:5px;}
.news_detail{ padding-top:20px; line-height:25px;}

.fanye ul li{ line-height:25px;}
.fanye{ padding-top:5px; margin-top:20px;}
.

.prodetail table td{ padding:3px 5px;}



.xiangguan{ margin-top:30px;}
.xiangguan .xiangname{ color:#333; font-weight:bold; font-size:15px; margin-bottom:20px;}


/*产品搜索*/
.ms1{ font-size:16px;}
.ms2 {line-height:35px;  width:80%;}
.ms3{ font-size:16px; }
/*.prodetail table{display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;}*/

.prodetail table td {word-wrap:break-word; font-size:12px; 
 word-break:break-word; line-height:18px; 
}
/* .prodetail table{table-layout:fixed}*/
.pro_detail_title{font-size:17px;}
.zzz{ margin:0 auto;max-height:250px; float:none; width:100%;  text-align:center;display: flex;
justify-content: space-between;
align-items: center; margin-bottom:20px;}

/*faq*/
.tupian ul li:nth-child(2n){ float:right;}
.tupian ul li{ float:left; width:48%; margin-left:0%; margin-right:0%; height:150px; margin-top:20px}

/*公司简介*/
#demoleft table td img{ height:150px;}
.jianjie2{ line-height:30px;}
.jianjie2 img{ max-width:75%!important; height:auto!important}


/*tab*/
.ny_tab{width:100%;}

.ny_tab li.on{width:50%;background: rgba(54,99,172,0.6) !important;}

.ny_tab li{width: 50%; display:inline-block;text-align: left; padding-left:15px;line-height: 40px;position: relative;transition:all 0.5s;background: #eff4fa; margin-bottom:1px;}
.ny_tab.on li{ line-height:40px;}

.ny_tab li:nth-child(2n)::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 40px;background-color: #fff;}


.ny_tab li a{font-size:15px; display: block;  position: relative; text-decoration:none;}
.ny_tab li.on a{color: #fff; font-size:15px;}




.pop{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 200; display: none;}
.popbg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, .8);}
.searchCon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.searchCon .text{ width: 60vw; height: 60px; padding-left:10px;}
.searchCon .submit{ background:#3663ac; color:#fff; width: 100px; height: 60px; border:0px;}
.searchClose{ cursor:pointer;background:#3663ac; position: absolute; right: 10vw; top: 10vh; z-index: 10; width:50px; width:50px; border-radius:50px; line-height:50px; text-align:center;}
.searchClose i{ color:#fff; font-size:20px;}
.searchClose .iconfont{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.searchClose:hover{ color: #fff;}
.searchClose:hover .iconfont{ transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); }


.m-toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.m-toubuge{ width:100%; height:50px;}
.m-header {
    height: 50px;
	background-color: #fff;
    z-index: 60;
	width:100%; 
	position:relative;
	 border-bottom:1px solid #e0e0e0;display: flex;
justify-content: space-between;
align-items: center;	
}
.flex-center-center {display: flex;
justify-content: space-between;
align-items: center;}
.hyou{display: flex;
justify-content: space-between;
align-items: center; padding-right:10px;}
.searchBtn{ margin-right:15px;}
.searchBtn i{ font-size:18px;}
.cd-logo { padding-left:5px; box-sizing:border-box; }
.cd-logo img { display:block; height:35px;}
.yuyan{ margin-bottom:0px;}
.yuyan a { margin-left: 5px;}
.search_openv1 {
width: 50%; 
background: url(../images/wap_sea1.png) no-repeat;
height:100%;
background-position:center center; background-size:auto 21px; border-left:1px solid #e1e1e1;
}
.menu_openv1 {
width: 40px;
background-image:url(../images/wap_menu1.png);
background-repeat:no-repeat;
height:50px;
background-position:right; background-size:auto 25px;/*border-left:1px solid #e1e1e1;*/
}
.menu_closev1 {
width: 40px;
background-image:url(../images/wap_close1.png)!important;
background-repeat:no-repeat;
height:50px;
background-position:right; background-size:auto 25px;/*border-left:1px solid #e1e1e1;*/
}
#m-menu{ position:fixed; width:243px; height: calc(100vh - 50px); left:-243px; background:#fff; z-index:200;  font-size:15px; overflow-y: auto; top:50px;transition: all 0.8s ease 0s;}
.m-list{width: 100%; padding-top:25px; padding-bottom:20px;}
.m-menglish{ color:#5c5c5c!important; padding-left:10px; text-transform:uppercase; font-weight: lighter;}
.m-list ul li{ border-bottom:1px solid #eee;}
.m-list ul li a{padding-left: 20px;color: #000; display: block;  height:46px;line-height: 46px;position: relative; text-decoration:none;font-size:15px; font-weight:bold;}
.m-list ul li .inactive{ background:url(../images/shl-down-openv1.png) no-repeat 95% center; background-size:auto 14px;}
.m-list ul li .inactives{background:url(../images/shl-up-openv1.png) no-repeat 95% center; background-size:auto 16px;} 
.m-list ul li ul{display: none; padding-top:10px; padding-bottom:10px;background-color:#f4f5f6;}
.m-list ul li ul li {  background-color:#f4f5f6;background-image:url(../images/wap_li.png);
	background-repeat:no-repeat;
	background-position:30px center;
	background-size:auto 2px; }
.m-active{background-image:url(../images/m-navact.png);
	background-repeat:no-repeat;
	background-position:20px 38px;
	background-size:auto 2.5px;}	
.m-list ul li ul li a{ padding-left:40px;background:url(../images/shl-img-h60.png) no-repeat 92% center; background-size:auto 8px;font-weight: lighter;
font-size:12px; color:#5c5c5c ; height:34px; line-height:34px;}
.m-yuyan{  height:45px; line-height:45px; color:#656565; font-size:12px;background:#f2f3f2 url(../images/wap_yuyan1.png) no-repeat 20px center; background-size:auto 18px; padding-left:45px;}
.m-yuyan a{ color:#656565;font-size:12px!important;text-transform:uppercase; padding-left:5px; padding-right:5px;}
.m-code{ padding-top:10px; text-align:center; width:100%;}
.m-code img{ width:100px; height:100px; margin:0 auto;}
.m-code1{ padding-top:6px; padding-bottom:12px; text-align:center; color:#656565;font-size:13px;}
.m-sousuo{ padding:20px 30px 70px 30px; width:100%; box-sizing:border-box; background-color:#f2f3f2; display:flex; }
.m-sousuo .button1 {
	line-height: 40px;
	height: 40px;
	width: 80%;
	padding: 0 10px 0 10px;
	border: 1px solid #d2d2d2;
	background: #f2f3f2;
font-size:12px;
	z-index: 1001; box-sizing:border-box;
}
.m-sousuo .button2 {	
	width: 20%;
	height: 40px;
	z-index: 1001;
	background-image:url(../images/wap_sea2.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 20px;
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-left:0;
}

.m-animate{transition: all 0.8s ease 0s;left: 0px!important;} 

.tbottom{ height:50px;}
#BottomNav {	
    bottom: 0;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 30; box-sizing:border-box; background-color:#222;
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; 
}
#BottomNav ul li a {
    color: #fff;
    display: block;
    padding-top:8px; 
}
#BottomNav ul li a div {
    font-size: 12px; padding-top:2px;
}
#BottomNav .a {
    background-image: url(../images/shl-b1a.png); background-size:auto 20px;
}
#BottomNav .b {
    background-image: url(../images/shl-b1b.png);background-size:auto 20px;
}
#BottomNav .c {
    background-image: url(../images/shl-b1e.png);background-size:auto 20px;
}
#BottomNav .e {
    background-image: url(../images/shl-b1c.png);background-size:auto 20px;
}
#BottomNav .d {
    background-image: url(../images/shl-b1d.png);background-size:auto 20px;
}

#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 30px;	
}
.mclearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
#m-msk{ position:fixed; width:100%; background-color:rgba(0,0,0,0.3); top:0px; left:0; z-index:50; height: calc(100vh - 50px); top:50px; display:none;}


}
