@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 591377 */
  src: url('//at.alicdn.com/t/c/font_591377_i4bbzzxaqc.woff2?t=1729736948913') format('woff2'),
       url('//at.alicdn.com/t/c/font_591377_i4bbzzxaqc.woff?t=1729736948913') format('woff'),
       url('//at.alicdn.com/t/c/font_591377_i4bbzzxaqc.ttf?t=1729736948913') format('truetype');
}
@font-face {
  font-family: 'iconfont';  /* Project id 4722741 */
  src: url('//at.alicdn.com/t/c/font_4722741_b7egz5zizub.woff2?t=1729764095230') format('woff2'),
       url('//at.alicdn.com/t/c/font_4722741_b7egz5zizub.woff?t=1729764095230') format('woff'),
       url('//at.alicdn.com/t/c/font_4722741_b7egz5zizub.ttf?t=1729764095230') format('truetype');
}
:root {
    --primary: #116ca5;
    --secondary: #E93C05;
    --tertiary: #555555;
    --light: #a6d3f6;
    --dark: #011A41;
}
@font-face {
    font-family: "Noto Sans TC";
    src: url('./font/AlibabaPuHuiTi-3-55-Regular.woff2')  format('woff2');
    cache: local;
}


*{
  font-family: "Noto Sans TC"; box-sizing:border-box;
}

.hf {   
            display: inline-block;   
            font-size: 80px;   
            line-height:80px;   
            color: #000;   
            position: relative;   
            overflow: hidden;   
            whitewhite-space: pre;/* 处理空格 */  
        }   
        .hf:before {   
            position: absolute;   
            left: 0;   
            top: 0;   
            color: #f00;   
            display: block;   
            width: 30%;/*如果想变色一半文字，就设置50%*/  
            content: attr(data-content);/* 伪元素的动态获取内容 */  
            overflow: hidden;   
        }  
.iconfont {
          font-family:"iconfont" !important;
          font-size:1.6rem;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.01rem;
          -moz-osx-font-smoothing: grayscale;
        }

		
/* CSS Document */		
/*边距清零*/
div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol{margin:0; padding:0; font-weight:normal;box-sizing:border-box;}
form,span,input,select,textarea{margin:0; padding:0;outline:none;}
.padding8{ padding:3% 8%;}

h1{ font-size:18px; font-weight:bold; line-height:1.6;}
/*文字溢出*/
.text-ellipsis-1{ display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.text-ellipsis-4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.text-ellipsis-5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.text-ellipsis-6{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.text-ellipsis-7{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

/*----------------------------------------------------------总体设置----------------------------------------------------------*/
html{margin:0 auto;padding:0;font-size:14px; overflow-y:scroll;overflow-x:hidden; box-sizing:border-box;scroll-behavior: smooth;}
body{color:#555; margin:0 auto;padding:0; font-size:14px;}
a:link,a:visited{color:#555; text-decoration: none;}
a:active{color:#555; text-decoration:none;}
a:hover{color:#f00;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/
p{ margin:0; padding:0;}
img{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none; margin:0; padding:0;}
.bodyhid{ overflow:hidden;}
/*公共*/
.clear{ clear:both;}
.nothing{font-size:14px; font-weight:bold; color:#fe5a0a; text-align:left;}/*资料整理中*/
.floatL{ float:left;}
.floatR{ float:right;}
.w1200{ margin:0 auto;  z-index:1000; padding:0;}
.w1000{ margin:0 auto; max-width:1200px;  z-index:1000; padding:0;}
.qy_w1200{max-width: 1200px;margin: 0 auto;position: relative;display: block;/*background: salmon;*/}
.hoverimg img{-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/}
.hoverimg img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}
.margin{ margin:80px auto;}
::-webkit-scrollbar {
	width:0px;
	height:0px;
}
::-webkit-scrollbar-track {
width:0px;
background-color:#ddd;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
/*滚动条的设置*/
::-webkit-scrollbar-thumb {
background-color:#f60;
background-clip:padding-box;
min-height:28px;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
background-color:#f00;
}


/****************************************************************头部设置*********************************************************************/
.logo{ z-index:100000000;  margin:0 auto;z-index:10000;  width:100%; background:none; top:0; height:80px; position:absolute; padding:0 8%; background:rgba(0,0,0,0.1);}
.logo_1{ margin:0 auto; position:relative; display:flex; flex-wrap:wrap; z-index:10; background:none; padding:0;}
.logo_img{ padding:0; width:30%;  position:relative; padding:20px 0;}
.logo_img img{ display:block; max-width:100%; height:40px; position:absolute; left:0; top:50%; -webkit-transform: translate(0,-50%);transform: translate(0,-50%); }
.logoh{ height:0; display:block; }

.search{ width:30px; padding:28px 0;}
.search span{ margin:0 3px; display:block; line-height:23px; height:23px;cursor:pointer;}
.search span img{ display:block; height:23px;}

.searchlist{ position:absolute; right:0; display:none; overflow:hidden; border-top:1px solid #eee;  height:80px; top:0; z-index:0; padding:0 20px;  background:#fff;transition:all ease 0.5s;}

.aa{  padding:15px 0 15px 0; display:flex; width:400px;}
.searchlist form{ border:1px solid #eee; display:block; width:358px; padding:0 12px;}
.searchlist input{ height:40px; line-height:40px; width:300px;  padding:12px; box-sizing:border-box; border:0;}
.searchlist form:before{ content:'\e68d'; font-family:"iconfont"; font-size:22px; float:left; line-height:40px; }
.searchlist i{ font-size:35px; width:50px; line-height:40px; text-align:center;}
.searchshow{ height:70px; top:80px;display:block;}

/********导航********/
.sjj_nav,.sp_nav{ display:none;}
.navbox{  z-index:9;text-align:center;  font-size:16px; padding:0;   margin-left:5%; width:65%; text-align:right;}
.nav{margin:0 auto;list-style:none; padding:0;  margin:0 auto;  margin:0 auto; height:80px; line-height:80px; display:flex; }
.nav li{  text-align:center; position:relative; flex:1;}
.nav li a{  padding:0; display:block; padding:0; text-transform:uppercase;  font-size:16px; color:#fff; position:relative; z-index:100;}
.nav li:before{ content:''; width:0; position:absolute;bottom:0; display:block; left:50%; transform: translate(-50%); transition: width 0.5s;z-index:0; height:100%; background:none;}
.nav li:hover:before{ width:100%;}
.nav li:hover a{ color:#ff0;}
.nav li.mj_hover_menu{ display:block; }
.nav li.mj_hover_menu a{ color:#ff0; }
.nav li.mj_hover_menu:before{ width:0;}
.nav li .submenu{ display:none; position:absolute;top:80px;z-index:1000; width:100%;  padding:0; background:#f9f9f9; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.nav li .submenu:before{ content:''; display:block;  width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 15px; top:-15px; position:absolute; border-color: transparent transparent #fff transparent; left:50%; margin-left:-15px;}
.nav li .submenu dd{ line-height:2; text-align:center; padding:12px; border-bottom:1px dotted #eee; }
.nav li .submenu dd:last-child{ border-bottom:0;}
.nav li .submenu dd a{ color:#000;  padding:0;font-size:14px;}
.nav li .submenu dd p{ color:#666;}
.nav li .submenu dd:hover{ background:#fff;}
.nav li .submenu dd:hover a{ color:#1e4da0;}
.nav li .submenu-other{ min-height:auto; padding:0; width:100%; }

.ennav{margin:0 auto;list-style:none; padding:0;  margin:0 auto;  margin:0 auto; height:80px; line-height:80px; display:flex; flex-wrap:wrap;}
.ennav li{  text-align:center; position:relative;}
.ennav li a{  padding:0; display:block; padding:0; text-transform:uppercase; padding:0 20px; font-size:16px; color:#fff; position:relative; z-index:100;}
.ennav li:before{ content:''; width:0; position:absolute;bottom:0; display:block; left:50%; transform: translate(-50%); transition: width 0.5s;z-index:0; height:100%; background:none;}
.ennav li:hover:before{ width:100%;}
.ennav li:hover a{ color:#ff0;}
.ennav li.mj_hover_menu{ display:block; }
.ennav li.mj_hover_menu a{ color:#ff0; }
.ennav li.mj_hover_menu:before{ width:0;}
.ennav li .submenu{ display:none; position:absolute;top:80px;z-index:1000; width:100%;  padding:0; background:#f9f9f9; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.ennav li .submenu:before{ content:''; display:block;  width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 15px; top:-15px; position:absolute; border-color: transparent transparent #fff transparent; left:50%; margin-left:-15px;}
.ennav li .submenu dd{ line-height:2; text-align:center; padding:12px; border-bottom:1px dotted #eee; }
.ennav li .submenu dd:last-child{ border-bottom:0;}
.ennav li .submenu dd a{ color:#000;  padding:0;font-size:14px;}
.ennav li .submenu dd p{ color:#666;}
.ennav li .submenu dd:hover{ background:#fff;}
.ennav li .submenu dd:hover a{ color:#1e4da0;}
.ennav li .submenu-other{ min-height:auto; padding:0; width:100%; }



/********导航/********/
/*首页标题*/
.indextitle{ text-align:center; position:relative;padding:40px 0; margin-bottom:0; }
.indextitle h2{ display:block; font-size:35px; font-weight:bold;  color:#000; line-height:1.5;}
.indextitle h3{ display:block; font-size:45px; font-weight:bold;  color:#000; text-transform:uppercase;}
.indextitle p{ display:block; font-size:18px; text-transform:uppercase; color:rgba(0,0,0,0.4);  }
.indextitle span{ font-size:110px; color:#f5f5f5; position:absolute; left:50%; text-transform:uppercase; font-family:"Arial Black", Gadget, sans-serif; line-height:1; top:0; z-index:-1;
 -webkit-transform: translate(-50%,0);transform: translate(-50%,0);
}



/*******banner条***/
.banner{padding:0; position:relative;}
.banner-list{ position:absolute; top:50%; left:50%; width:100%; padding:0 8%; display:flex; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.banner-list li h2{ font-size:60px; font-weight:bold; display:inline-block; position:relative; color:#ff0;}
.banner-list li h2:after{ content:'+';   }

.banner-list li{ flex:1; text-align:center; font-size:30px; color:#fff;}
.banner-video {position: relative;height: 100vh;background-color: #C1CFF7;overflow: hidden;}
.banner-video .video-show {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover; }

.swiper-container .swiper-pagination { bottom:15px !important; }
.swiper-container .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    width: 30px;
    height:5px;
    border-radius: 0;
    margin: 0 4px;
    background-color: rgba(255,255,255,0.5);
    transition: background-color .3s ease;
}
.swiper-container .swiper-pagination-bullet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: 0 0;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    animation: sliderPagination 3.3s linear infinite;
}

.swiper-container .swiper-pagination-bullet:hover {
    background-color: #fff;
}

 @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
@keyframes sliderPagination {
 	100% {
		transform: scaleX(1);
        opacity: 1;
    }
}


.xuanze{ padding:100px 8% 80px 8%;}
.xuanzelist{ display:flex;}
.xuanzelist li{ flex:1; padding:40px; margin-right:30px; font-size:16px; border-radius:5px; border:1px solid #eee;}
.xuanzelist li:last-child{ margin-right:0;}
.xuanzelist li h2{ font-size:20px; font-weight:bold; margin-bottom:10px; color:#000;}
.xuanzelist li:hover{ background:#0089e0; color:#fff;}
.xuanzelist li:hover h2{ color:#fff;}

.about{padding:100px 8% 80px 8%; background:url(../images/about.jpg) no-repeat center; background-size:auto 100%; background-attachment:fixed;}
.about-about{ display:flex; margin:0 auto; flex-wrap:wrap; }
.about-about .about-pic{ width:30%; order:2; position:relative;}
.about-about .about-pic ul{display:flex; flex-wrap:wrap; position:absolute; width:220px; left:50%; top:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.about-about .about-pic li{ font-size:30px; text-align:center;width:100px; height:100px; background:rgba(255,255,255,0.2); color:#fff; border-radius:0 40% 0 40%; margin:5px; line-height:100px;}
.about-about .about-pic li:nth-child(2){ border-radius:40% 0 40% 0;}
.about-about .about-pic li:nth-child(3){ border-radius:40% 0 40% 0;}
.about-about .about-pic li:nth-child(4){ border-radius:0 40% 0 40%;}
.about-about .about-pic li:hover{ background:#fff; color:#0089e0;}

.about-about .about-txt{ color:#fff; font-size:14px; line-height:2.3; padding:0 0; padding-right:80px; order:1; text-indent:28px;word-wrap: break-word;
overflow-wrap: break-word; white-space: pre-wrap; width:60%; }
.about h2{ font-size:35px; font-weight:bold; margin-bottom:30px; color:#fff; text-transform:uppercase;}
.about-about .about-more{ display:block; height:50px; line-height:50px; width:140px; text-align:center; margin-top:50px; text-indent:0; border-radius:5px; background:#e7ebee;}
.about-about .about-pic2{width:40%; order:2;}
.about-about .about-pic2 img{ display:block; max-width:100%;}

.product{ padding:50px 8% 80px 8%; }
.product-menu{ text-align:center;}
.product-menu li{ display:inline-block; background:#f5f5f5; margin:0 5px; position:relative;}
.product-menu li a{ display:block; font-size:16px; padding:12px 30px; position:relative; z-index:10; transition: width 0.5s;}
.product-menu li:before{ content:''; width:0; position:absolute;bottom:0; display:block; left:0; transition: width 0.5s;z-index:0; height:100%; background:#0089e0;}
.product-menu li:hover:before{ width:100%;}
.product-menu li:hover a{ color:#fff;}

.product-list{ overflow:hidden; position:relative; margin-top:40px;}
.product-list .item{ background:#fff; padding:8px; background:#f9f9f9; border-radius:8px;transition: all ease 0.5s; max-width:25%;}
.product-list .item:hover{ background:#0089e0;}
.product-list .item .pic{ display:block; overflow:hidden; position:relative; }
.product-list .item .pic img{ display:block; margin:0 auto; width:100%;}
.product-list .item .text{ padding:22px 0 10px 0; text-align:center;}
.product-list .item h2{ font-size:18px !important; display:block; margin-bottom:0; color:#000;}
.product-list .item p{ font-size:14px; color:#999; line-height:2;}
.product-list .item:hover h2{ color:#fff;}

.fuwu-youshi{width:100%;height:640px;overflow:hidden;}
.fuwu-youshi li{float:left;width:25%;height:640px;position:relative;overflow:hidden;cursor:pointer;}
.fuwu-youshi li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;right:0px;top:0px; background:rgba(0,0,0,.5); position:relative;}
.fuwu-youshi li .text{ position:absolute; width:70%; text-align:center; top:50%; left:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.fuwu-youshi li .text h2{ font-size:30px; color:#fff; margin-bottom:30px;}
.fuwu-youshi li .text p{ font-size:18px; line-height:2; color:rgba(255,255,255,0.8);}
.fuwu-youshi li .hover{ width:60%; height:60%;top:50%; left:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background:rgba(0,0,0,.3); border-radius:15px;}



.news{ background:#f9f9f9; padding:40px 8% 80px 8%;}
.newslist{ padding:0;  overflow:hidden; padding-bottom:50px; position:relative;}
.newslist .item .pic{ display:block; overflow:hidden; height:200px; position:relative;}
.newslist .item{ padding:0; background:#fff; padding:12px;}
.newslist .item img{ display:block; margin:0 auto; width:100%; position:absolute;top:50%; -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.newslist .item h2{ font-size:16px !important; color:#000; display:block; margin-bottom:12px;}
.newslist .item .text{ padding:20px 0;}
.newslist .item p{ font-size:14px; line-height:2; color:#999; margin:20px auto;}
.newslist .item p.more{ background:#ddd; color:#fff; margin:0; height:33px; border-radius:3px; width:90px; line-height:33px; text-align:center; transition: .5s; font-size:12px;}
.newslist .item:hover .more{ width:140px; background:#0089e0;  color:#fff;}

.swiper-scrollbar{ opacity:1 !important; bottom:0  !important;background:#ddd !important;}
.swiper-scrollbar-drag{ background:#0089e0 !important}

.news2{ display:flex;}
.news2 .news-pic{ flex:1;}
.news2 .news-pic img{ display:block; max-width:100%;}
.news2 .news-list{ flex:1; padding-left:5%;}
.news2 .news-list li{ padding:0; margin-bottom:20px;}
.news2 .news-list li h2{ font-size:18px; font-weight:bold; margin-bottom:12px;}
.news2 .news-list li p{ font-size:14px; line-height:2; color:#888;}
.news2 .news-list li .more{ display:block; height:30px; line-height:30px; width:100px; background:#eee; text-align:center; border-radius:3px; font-size:12px; margin-top:12px;}
.news2 .news-list li:hover .more{ background:#0089e0; color:#fff;}
/* 产品详情css */
.picshow{ display:flex; padding:4% 8%; flex-wrap:wrap;}
.picshow-left{ position:relative; width:42%; }
.picshow-left .mySwiper{  width:100%;}
.picshow-left .swiper-slide img{ display:block; max-width:100%;}


.picshow-right{ width:58%; padding:0; padding-left:5%; line-height:2;}
.picshow-right h2{ font-size:30px; color:#000;}
.picshow-right .about{ padding:0; margin:15px 0; font-size:18px;}
.picshow-right .jiage{ font-size:30px;}
.picshow-right .yanse{ color:#000; font-weight:bold;}
.picshow-right .buy{ margin:20px 0;}
.picshow-right .buy a{ display:block;height:50px; line-height:50px; font-size:16px; border:2px solid #333; width:160px; border-radius:40px; text-align:center;}
.picshow-right .buy a:hover{ background:#333; color:#fff;}
.picshow-right .yanse-list{ display:flex; margin:15px 0;}
.picshow-right .yanse-list span{ margin-right:15px; cursor:pointer; border-radius:30px; border:1px solid #eee; padding:2px 25px;}
.picshow-right .yanse-list span.hover{ background:#000; color:#fff;}
.picshow-content-2{ padding:3% 8%;}
/**/
.picshow-other{ padding:0% 8% 3% 8%; position:relative; overflow:hidden;}
.picshow-other .swiper-slide img{ max-width:100%; display:block; border:1px solid #f5f5f5;}
.picshow-other .swiper-slide h2{ font-size:14px; padding:15px 0; text-align:center;}
.layer_notice{ padding:20px; display:none;}
.layer_notice .sub{ margin:15px 0;}
.layui-laypage-em{ background:#000 !important;}
	
@media (max-width:640px){
	.layui-laypage a, .layui-laypage span{ padding:0 10px;}
/*首页标题*/

.indextitle{ margin-bottom:0; padding:20px 0;}
.indextitle h2{ font-size:25px;}
.indextitle p{font-size:18px;  }

.xuanze{ padding:10% 3% 5% 3%;}
.xuanzelist{ display:block;}
.xuanzelist li{margin:5% 0; }


.about{padding:5%;}
.about h2{ font-size:24px; text-indent:0; margin-bottom:16px;}
.about-about{  margin:0 auto; padding:0; display:flex; flex-wrap:wrap;}
.about-about .about-txt{padding:5% 0 0 0;font-size:12px; line-height:2; flex:auto; text-align:justify; }

.about-about .about-more{ display:block; height:40px; line-height:40px; width:120px; text-align:center; margin-top:20px; border-radius:5px; background:#e7ebee;}
.about-about .about-pic{ order:3; width:100px; flex:auto; padding-left:20px; padding-top:80px;}
.about-about .about-pic ul{ width:80px;}
.about-about .about-pic li{ font-size:24px; text-align:center;width:80px; height:80px; background:rgba(255,255,255,0.2); color:#fff; border-radius:0 40% 0 40%; margin:8px 0; line-height:80px;}
.about-about .about-pic li:nth-child(2){ border-radius:40% 0 40% 0;}
.about-about .about-pic li:nth-child(3){border-radius:0 40% 0 40%;}
.about-about .about-pic li:nth-child(4){ border-radius:40% 0 40% 0;}
.about-about .about-pic ul{ position:relative;  left:0%; top:0%; -webkit-transform: translate(-0%,-0%);transform: translate(-0%,-0%);}

.about-about .about-pic2{width:100%; order:0;}
.about-about .about-pic2 img{ display:block; max-width:100%;}


.product{ padding:3% 3% 5% 3%; }
.product-menu{ text-align:center; display:flex; flex-wrap:wrap;}
.product-menu li{ display:inline-block; background:#f5f5f5; margin:1%; position:relative; width:48%;}
.product-menu li a{ display:block; font-size:12px; padding:12px 0; position:relative; z-index:10; transition: width 0.5s;}
.product-menu li:before{ content:''; width:0; position:absolute;bottom:0; display:block; left:0; transition: width 0.5s;z-index:0; height:100%; background:#0089e0;}
.product-menu li:hover:before{ width:100%;}
.product-menu li:hover a{ color:#fff;}

.product-list{ overflow:hidden; position:relative; margin-top:20px;}
.product-list .item{ background:#fff; padding:12px; background:#f9f9f9; border-radius:8px;transition: all ease 0.5s; max-width:100%;}
.product-list .item:hover{ background:#0089e0;}
.product-list .item .text{ padding:22px 0 10px 0; text-align:center;}
.product-list .item h2{ font-size:12px !important; display:block; margin-bottom:0; color:#000;}
.product-list .item p{ font-size:14px; color:#999; line-height:2;}
.product-list .item:hover h2{ color:#fff;}


.fuwu-youshi{width:100%;height:auto;overflow:hidden; padding:3%;}
.fuwu-youshi li{float:none;width:100%;height:300px;position:relative;overflow:hidden;cursor:pointer; margin:0 0 3% 0; background-size:auto 100% !important;}
.fuwu-youshi li .mask_b{position:absolute;overflow:hidden; width:80%; height:80%;top:50%; left:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background:rgba(0,0,0,.3); border-radius:15px; background:rgba(0,0,0,.5); position:relative;}
.fuwu-youshi li .text{ position:absolute; width:80%; text-align:center; top:50%; left:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.fuwu-youshi li .text h2{ font-size:24px; color:#fff; margin-bottom:20px;}
.fuwu-youshi li .text p{ font-size:14px; line-height:1.8; color:rgba(255,255,255,0.8);}
.fuwu-youshi li .hover{}


.news{ background:#f5f5f5;padding:10% 3% 5% 3%;}
.newslist{ padding:0;  overflow:hidden; padding-bottom:50px; position:relative;}
.newslist .item .pic{ display:block; overflow:hidden; height:200px; position:relative;}
.newslist .item{ padding:0; background:#fff; padding:12px;}
.newslist .item img{ display:block; margin:0 auto; width:100%; position:absolute;top:50%; -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.newslist .item h2{ font-size:16px !important; color:#000; display:block; margin-bottom:12px;}
.newslist .item .text{ padding:20px 0;}
.newslist .item p{ font-size:14px; line-height:2; color:#999; margin:20px auto;}
.newslist .item p.more{ background:#ddd; color:#fff; margin:0; height:33px; border-radius:3px; width:90px; line-height:33px; text-align:center; transition: .5s; font-size:12px;}
.newslist .item:hover .more{ width:140px; background:#0089e0;  color:#fff;}

.swiper-scrollbar{ opacity:1 !important; bottom:0  !important;background:#ddd !important;}
.swiper-scrollbar-drag{ background:#0089e0 !important}

.news2{ display:block;}
.news2 .news-pic{ flex:1; margin-bottom:12px;}
.news2 .news-pic img{ display:block; max-width:100%;}
.news2 .news-list{ flex:1; padding-left:0;}
.news2 .news-list li{ padding:0; margin-bottom:20px;}
.news2 .news-list li h2{ font-size:15px; font-weight:bold; margin-bottom:12px;}
.news2 .news-list li p{ font-size:12px; line-height:2; color:#888;}
.news2 .news-list li .more{ display:block; height:30px; line-height:30px; width:100px; background:#eee; text-align:center; border-radius:3px; font-size:12px; margin-top:12px;}
.news2 .news-list li:hover .more{ background:#0089e0; color:#fff;}

/* 产品详情css */
.picshow{ display:flex; padding:4% 8%; flex-wrap:wrap;}
.picshow-left{ position:relative; width:42%; }
.picshow-left .mySwiper{  width:100%;}
.picshow-left .swiper-slide img{ display:block; max-width:100%;}


.picshow-right{ width:58%; padding:0; padding-left:5%; line-height:2;}
.picshow-right h2{ font-size:30px; color:#000;}
.picshow-right .about{ padding:0; margin:15px 0; font-size:18px;}
.picshow-right .jiage{ font-size:30px;}
.picshow-right .yanse{ color:#000; font-weight:bold;}
.picshow-right .buy{ margin:20px 0;}
.picshow-right .buy a{ display:block;height:50px; line-height:50px; font-size:16px; border:2px solid #333; width:160px; border-radius:40px; text-align:center;}
.picshow-right .buy a:hover{ background:#333; color:#fff;}
.picshow-right .yanse-list{ display:flex; margin:15px 0;}
.picshow-right .yanse-list span{ margin-right:15px; cursor:pointer; border-radius:30px; border:1px solid #eee; padding:2px 25px;}
.picshow-right .yanse-list span.hover{ background:#000; color:#fff;}
.picshow-content-2{ padding:3% 8%;}
/**/
.picshow-other{ padding:0% 8% 3% 8%; position:relative; overflow:hidden;}
.picshow-other .swiper-slide img{ max-width:100%; display:block;}
.picshow-other .swiper-slide h2{ font-size:14px; padding:15px 0;}
.layer_notice{ padding:20px; display:none;}
.layer_notice .sub{ margin:15px 0;}
.layui-laypage-em{ background:#000 !important;}

}





/******首页配置********/

/****************内页配置*******************************/

.friends_banner{  position:relative;}
.friends_banner img{ display:block; width:100%;}
.weizhi{ display:block; text-align:center; z-index:1000; position:absolute; top:30px; right:0;}

.info{ margin:30px auto 0 auto; padding:0 8%}
.info .indextitle{ text-align:left; border-bottom:1px solid #f3f3f3; padding:20px 0; line-height:1.5;}
.info .indextitle h2{ font-size:28px; }
.info .indextitle p{ font-size:16px;}
.infotitle .m{  margin:0 auto; position:relative; text-transform:uppercase;  }
.infotitle .m i{ font-size:15px; margin:0 8px; color:#999;}
.infotitle .m:after{ content:''; border:0;}
.infotitle{  padding:16px 8%; margin:0; background:#fafafa;}
.infotitle h2{ float:left;font-size:18px; font-weight:bold;}
.infotitle a{ font-weight:normal; text-transform:uppercase; color:#999;}
.infotitle strong{ color:#000; font-weight:normal;}

.info-left{ }
.info-left .indextitle{ padding:0; margin:30px auto; text-align:center; border:0; }
.infocontent{  margin:20px auto; padding:0; line-height:2.3; font-size:16px; }/*内页右边内容详情*/
.infocontent img{ display:block; max-width:100%; margin:0 auto;}
.s_content a{ text-decoration:underline; color:#0089e0;}

.lefticon{ display:none;}
.left_menu{ margin:0 auto; padding:15px 8%;}
.left_menu ul{ text-align:left;}
.left_menu ul li{ display:inline-block; margin-right:10px; background:#f5f5f5;}
.left_menu ul li:last-child{ margin-right:0;}
.left_menu ul li a{ display:block; color:#000; font-size:15px; padding:12px 30px;}
.left_menu ul li i{ display:block; font-size:30px; line-height:1.4;}
.left_menu ul li:hover{background:#0089e0;}
.left_menu ul li:hover a{color:#fff;}
.left_menu li.hover{  background:#0089e0}
.left_menu li.hover a{ color:#fff;}



.swiper-button-next,.swiper-button-prev{ top:50% !important; color:#000 !important; font-size:20px !important; display:block !important;}
.swiper-button-next{ right:4% !important;}
.swiper-button-prev{ left:4% !important;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size:30px !important;}


.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ cursor:pointer !important;pointer-events:auto !important;}


@media (max-width:640px){
	.pic-lanmu{ padding:3%;}
}
/*产品展示*/
.infopiclist{ margin:0 auto; padding:0; overflow:hidden; padding:2% 0; }
.infopiclist ul{ margin:0; display:flex; flex-wrap:wrap;}
.infopiclist ul li{ width:23.5%;   margin-right:2%;  position:relative; margin-bottom:20px; overflow:hidden; }
.infopiclist ul li:nth-child(4n){ margin-right:0;}
.infopiclist ul li .indexlistpic{ overflow:hidden;position:relative; border:1px solid #f5f5f5;}
.infopiclist ul li img{  display:block; margin:0 auto; max-width:100%;  position:relative;  }
.infopiclist ul li .color-name { background:#000;position:absolute; top:5px; left:5px;  color:#fff; padding:5px 10px; border-radius:3px; font-style:normal;}
.infopiclist ul li .color-hot{ background:#f00;}
.infopiclist ul li .color-sale{ background:#F90;}
.infopiclist ul li .color-news{ background:#000;}

.infopiclist ul li .pictitle{  text-align:center; bottom:0; width:100%; font-size:14px; padding:15px 0;}
.infopiclist ul li .pictitle h3{ font-size:12px; color:#999;}
.infopiclist ul li .pictitle h2{ display:block; line-height:1.4;  font-size:16px; color:#222; border-bottom:0; margin:0; font-weight:normal;}
.infopiclist ul li .pictitle p{ margin:10px 0; line-height:1.6; color:#888; font-size:12px;}
.infopiclist ul li .pictitle .zan{ }
.infopiclist ul li .pictitle .zan span{}
.infopiclist ul li .pictitle .zan i{ font-size:18px; color:#f00; margin-right:6px;}
.infopiclist ul li .pictitle .zan b{ font-weight:normal;}
.infopiclist ul li a{ cursor:pointer;}
.infopiclist ul li .down{ display:flex;  padding:15px 0 0 0;}
.infopiclist ul li .down a{ flex:1; text-align:center; background:#f9f9f9; margin-right:15px; border-radius:30px; padding:8px 0;}
.infopiclist ul li .down a i{ font-size:16px; margin-right:5px; }
.infopiclist ul li .down a:last-child{ margin-right:0;}

.layui-flow-more{ display:block; margin:0 auto; width:100% !important; height:40px; line-height:40px; text-align:center; border-radius:5px; }

/*案例*/
.infopiclists{ margin:0 auto; padding:0; overflow:hidden; padding:0; }
.infopiclists ul{ margin:0; display:flex; flex-wrap:wrap;}
.infopiclists ul li{ width:30%;   margin-right:5%;  position:relative; margin-bottom:20px; overflow:hidden; }
.infopiclists ul li:nth-child(3n){ margin-right:0;}
.infopiclists ul li .indexlistpic{ overflow:hidden;position:relative; background:#f9f9f9;}
.infopiclists ul li img{  display:block; margin:0 auto; max-width:100%;  position:relative;  }
.infopiclists ul li .pictitle{  text-align:left; bottom:0; width:100%; font-size:14px; padding:15px 0;}
.infopiclists ul li .pictitle h2{ display:block; line-height:1.4;  font-size:16px; color:#222; border-bottom:0; margin:0; font-weight:normal;}
.infopiclists ul li .pictitle p{ margin:10px 0; line-height:1.6; color:#888; font-size:12px;}




.feedback{ display:flex; padding:2% 8%;}
.feedback-left{ flex:1;}
.feedback-left img{ display:block; max-width:100%;}
.feedback-right{flex:1; padding:3% 3%; padding-right:8%;}
.feedback-right .indextitle{ padding:0;}
.feedback-right .indextitle h2{ font-size:30px; font-weight:bold; color:#000; text-align:left;}
.feedback-right .indextitle p{ text-transform:uppercase; margin:20px 0; color:#ddd; text-align:left;}
.feedback-right li{ position:relative;border-bottom:1px solid #eee;  }
.feedback-right li input{ height:65px; line-height:65px; border:0; width:100%; font-size:16px;position:relative; transition: border-width 0.3s; /* 定义过渡动画 */}
.feedback-right li input:focus{ outline: none;}

.feedback-right li input:focus+ .border-line {
    width: 100%; 
    transition: all 0.4s   
}
.feedback-right li textarea:focus+ .border-line {
    width: 100%; 
    transition: all 0.4s   
}
.border-line{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px; 

    height: 2px;
    background-color: #f00;
    width: 0%;
    transition: all 0.3s   
}
.feedback-right li input.layui-form-danger:focus,.feedback-right li textarea.layui-form-danger:focus{border-color:none !important;box-shadow:none !important;}

.feedback-right li textarea{ height:150px; border:0px; width:100%;font-size:16px;line-height:60px; }
.feedback-right li:last-child{ border:0;}
.feedback-right li .tijiao{ width:100%; margin:50px auto; background:#f60; height:60px; font-size:20px; line-height:60px; border-radius:60px;}
/*翻页*/
.pager {TEXT-ALIGN: center; CLEAR: both; padding:3% 0; text-align:center; width:100%;  }
.pager A {  display:inline; zoom:1; margin-right:8px; padding:7px 15px; background:#eee; color:#000; }
.pager SPAN { border:0;display:inline; zoom:1; margin-right:8px; padding:7px 15px; background:#000; color:#fff;}
.pager A:hover {  background:#000; color:#fff;}



/*新闻*/



.articlist{ padding:0 0; }
.articlist ul{ display:flex; flex-wrap:wrap;} 
.articlist li{ line-height:1.6; width:33.333%;  font-size:12px;  padding:1.5%;  position:relative;}
.articlist li a{ display:block;}

.articlist li .pic{ overflow:hidden; margin-bottom:10px; height:280px; background:#f6f6f6; position:relative;}
.articlist li img{ width:100%;}
.articlist li h3{ margin:0;  color:#151515; font-weight:bold; margin-bottom:12px; font-size:16px; }
.articlist li p{color:#666666; font-size:14px; margin:5px 0; line-height:2;}


/*详情*/
.s_title{ text-align:center;}
.s_title h2{ font-size:18px; font-weight:bold;}
.s_title p.z{ font-size:14px; color:#777; border-bottom:1px solid #f5f5f5; padding:5px;}
.s_title p.c{ padding:12px; text-align:left; background:#f5f5f5; border-radius:5px;  }
.s_title p.c span{ display:inline-block;  font-weight:bold; color:#000;}
.s_img{ padding:20px 0;}
.s_img img{ display:block; max-width:100%;}
.s_content{ padding:15px 0;}
.p_content{ font-size:14px; text-align:right;}


.s_content a{ text-decoration:underline !important; color:#0089e0;}
.s_content a:link,.s_content a:visited{ text-decoration:underline !important; color:#0089e0;}

.info_t a{ text-decoration:underline !important; color:#0089e0;}
.info_t a:link,.info_t a:visited{ text-decoration:underline !important; color:#0089e0;}


.newsw{ max-width:1000px;}

.gotop{ cursor:pointer; width:48px; height:48px; line-height:48px; background:rgba(0,0,0,0.1);  border-radius:48px; position:fixed; right:10px; bottom:10px; text-align:center; color:#fff; font-size:18px;}
.gotop i{ font-size:20px;}


.bottom{ background:#333;color:rgba(255,255,255,0.8); padding:20px 0;}
.bottom a{  color:rgba(255,255,255,0.7);}
.bottom a:hover{ color:#fff;}
.bottom1{ padding:40px 8%; display:flex;}
.bottom1 ul{ flex:1.3; line-height:2; padding-right:50px;}
.bottom1 ul.b-menu{ display:flex; flex:2; padding:0 50px;}
.bottom1 ul.b-menu li{ float:left; flex:1;}
.bottom1 ul.b-menu li img{ width:110px; float:left; margin-right:20px;}
.bottom1 ul.b-menu li h2{ font-weight:bold; font-size:18px;}

.bottom1 ul.b-config{ text-align:left; flex:0.5;}
.bottom1 ul.b-config li{ margin-bottom:15px;}
.bottom1 ul.b-config li h2{ font-size:16px;}
.bottom1 ul.b-config li h2 i{ font-size:16px; margin-right:6px;}
.bottom1 ul.b-config p{ font-size:26px; line-height:1.2; color:#fff;}




.footer_h{ display:none;}
.footmenu { display:none;}

.Upper p{ font-size:14px;}


/*分享*/
.bdsharebuttonbox{ max-width:1200px; margin:0 auto; padding:10px 0;}
.bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;}



.box-title{ font-weight:bold !important; }
.box-title strong{ color:#f00 !important;}
.box-content{ font-size:18px !important; padding-top:25px !important;}
.box-content b{ color:#f00;}

.btn-primary{ background:#20a8e4;}




@media (max-width:640px){

h1{ font-size:14px; font-weight:bold;}
.logo{ height:50px; padding:0; position:fixed; width:100%;background:rgba(0,0,0,0.3);}
.logo_img{ width:100%; height:50px;left:0; top:0;  -webkit-transform: translate(0);transform: translate(0);}
.logo_img img{ display:block; height:25px; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.logoh{ height:50px; background:#333;}



.w1100{ margin:0; padding:0 3%; z-index:0}

.search{ position:absolute; right:2%; top:50%; height:30px; width:30px; margin-top:-12px; line-height:30px; padding:0; overflow:hidden;}
.searchlist{ position:absolute; right:0; overflow:hidden; width:0; height:50px; top:0; padding:0; z-index:99999999; background:#fff;transition:all ease 0.5s;}

.aa{  padding:10px 0 10px 10px; display:flex; width:100%;}
.searchlist form{ border:1px solid #eee; padding-left:0; width:calc(100% - 45px);  display:block;}
.searchlist input{ height:30px; line-height:30px; width:calc(100% - 50px); padding:0; border:0;}
.searchlist form:before{ content:'\e68d'; font-family:"iconfont"; text-align:center; font-size:18px; float:left; width:30px; line-height:30px; }
.searchlist i{ font-size:26px; width:45px; text-align:center; line-height:30px; margin-left:0;}
.searchshow{ width:86%; z-index:999999991;}



/****************************************************************导航*********************************************************************/
.navbox{ display:none;}


.sp_nav{width:50px; height:50px; display:block; position:fixed; left:0; top:0;transition:all ease 0.35s; z-index:99999999;}
.sp_nav span{display:block;background:#fff;width:20px;height:2px;position:absolute;left:15px;transition:all ease 0.35s; border-radius:3px;}
.sp_nav span:nth-of-type(1){top:15px}
.sp_nav span:nth-of-type(2){top:23px; width:15px;}
.sp_nav span:nth-of-type(3){top:31px}
.sp_nav_se{ background:#fff;transition:all ease 0.35s;}

.sp_nav_se span:nth-of-type(1){left:15px; top:25px;transform:rotate(45deg);background:#000;}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){left:15px; top:25px;transform:rotate(-45deg);background:#000;}

.sjj_nav{ width:100%; top:50px; left:-100%; position:fixed; height:calc(100% - 50px);  background:#fbfbfb;  display:block;transition:all ease 0.35s;z-index:9999999;}
.sjj_nav ul{ margin:0; padding:0; display:block;  height:100%;}
.sjj_nav ul li a{ display:block; color:#000;padding:18px; border-bottom:1px solid #f0f0f0; }
.sjj_nav ul li a:after{font-family: 'iconfont'; content:'\e700'; float:right; }

.sjj_nav ul.nav-menu{ height:calc(100% - 80px); position:relative;}
.sjj_nav ul.nav-banquan{ position:absolute; bottom:0; height:80px; font-size:12px; padding:3%; text-align:center; width:100%;}
/*****/

.m-erji{ left:-100%; width:100%; position:absolute;top:0; background:#fbfbfb;transition:all ease 0.35s; overflow:scroll; }
.m-erji li.title-back{ background:#0089e0; color:#fff; text-align:center; height:50px; line-height:50px;}
.m-erji li.title-back:before{ content:'\e632';font-family: 'iconfont'; color:#fff; float:left; margin-left:20px;}
.sssss{ position:absolute; width:100%; height:100%; left:0;transition:all ease 0.35s; z-index:9999999; }
.plist-m{}
.plist-m img{ width:40%; float:right; margin-left:5%; display:block;}
.plist-m h2{ font-size:15px;}
.plist-m p{ color:#999; font-size:12px;}
.sjj_nav ul li .plist-m  a:after{ content:''; float:none;}
.nav_show{left:0;transition:all ease 0.35s; z-index:9999999;}


 input[type="button"], input[type="submit"], input[type="reset"],select { -webkit-appearance: none; } 
 

.friends_banner{ position:relative; overflow:hidden; }
.friends_banner img{ width:130%; margin-left:-15%; position:relative;}

.banner-list{ position:absolute; top:50%; left:50%; width:100%; padding:0 4%; display:flex; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); flex-wrap:wrap;}
.banner-list li{ width:50%; flex:auto; font-size:16px; margin:10% 0;}
.banner-list li h2{ font-size:30px; font-weight:bold; display:inline-block; position:relative; color:#ff0;}
.banner-list li h2:after{ content:'+';   }


/*首页标题*/



.info-left{ float:none; overflow:hidden;}
.info-left .indextitle{ padding:0 10px; margin:20px auto;}

.info-right{ width:100%; float:none;}



/******首页配置********/



/****************内页配置*******************************/
.weizhi{  display:none;  }

.info{  font-size:16px; margin:0;min-height:320px; padding:0; }
.info .indextitle{ text-align:left; border-bottom:1px solid #f3f3f3; padding:15px 3%; line-height:1.5;}
.info .indextitle h2{ font-size:18px; }
.info .indextitle p{ font-size:14px;}

.info .product_right{ padding:3%;}
.info .product_right h2{ font-size:20px; display:none;}
.ueditor_baidumap{ display:none;}


.lefticon{ position:absolute; right:0; font-size:22px !important; top:-6px; display:block;}

.left_menu{ margin:0 auto;  transition:0.5s; padding:1.5%;}
.left_menu ul{ display:flex; flex-wrap:wrap;}
.left_menu ul li{ width:30.3333%; margin:1.5%;}
.left_menu ul li a{ padding:10px 0; text-align:center; font-size:13px;}






.infotitle{ padding:10px; text-align:left;}
.infotitle h2{ margin-bottom:10px;}
.infotitle h2 span{ font-size:12px;}
.infotitle .m{ font-size:12px;}
.infotitle .m i{ font-size:12px; font-weight:normal;}

.infocontent{clear:both; margin:0; padding:3%; float:none; width:auto; font-size:14px; }/*内页右边内容详情*/
.infocontent img{ display:block; max-width:100%; margin:0 auto; height:auto !important;}



.infopiclist{ margin:0%; padding:3%; overflow:hidden; }
.infopiclist ul{ margin:0; padding:0; }
.infopiclist ul li{ width:48.5%; margin:0; margin-right:3%;  float:left; padding:0; margin-bottom:3%; border:0;border-radius:0;}
.infopiclist ul li:nth-child(2n){ margin-right:0;}
.infopiclist ul li .indexlistpic{ width:auto;   overflow:hidden; padding:0; display:block; height:auto;}
.infopiclist ul li img{ width:100%;  border-radius:0; display:block !important; }
.infopiclist ul li .color-name { position:absolute; top:5px; left:5px; font-size:12px;  color:#fff; padding:5px 10px; border-radius:3px; font-style:normal;}
.infopiclist ul li .indexlistname{ font-size:15px;}
.infopiclist ul li .pictitle{ font-size:12px; text-align:left;  padding:12px 0;}
.infopiclist ul li .pictitle h2{ display:block; font-size:14px; padding:0;}
.infopiclist ul li .pictitle p{ padding:0; margin:6px 0; font-size:12px;}

.infopiclist ul li .down{ display:flex;  padding:15px 0 0 0;}
.infopiclist ul li .down a{ flex:1; text-align:center; background:#f9f9f9; padding:6px 0; margin-right:10px; border-radius:30px;}
.infopiclist ul li .down a i{ font-size:12px; margin-right:5px; }
.infopiclist ul li .down a:last-child{ margin-right:0;}


/*案例*/
.infopiclists{ margin:0 auto; padding:0; overflow:hidden; padding:0; }
.infopiclists ul{ margin:0; display:flex; flex-wrap:wrap;}
.infopiclists ul li{ width:50%;   margin-right:0; padding:1.5%;  position:relative; margin-bottom:20px; overflow:hidden; }
.infopiclists ul li:nth-child(3n){ margin-right:0;}
.infopiclists ul li .indexlistpic{ overflow:hidden;position:relative; background:#f9f9f9;}
.infopiclists ul li img{  display:block; margin:0 auto; max-width:100%;  position:relative;  }
.infopiclists ul li .pictitle{  text-align:left; bottom:0; width:100%; font-size:14px; padding:15px 0;}
.infopiclists ul li .pictitle h2{ display:block; line-height:1.4;  font-size:16px; color:#222; border-bottom:0; margin:0; font-weight:normal;}
.infopiclists ul li .pictitle p{ margin:10px 0; line-height:1.6; color:#888; font-size:12px;}





.layui-flow-more{ display:block; font-size:12px; margin:0 auto;  height:40px; line-height:40px; text-align:center; border-radius:5px;}


.news-fenlei{ padding:0; display:block; width:100%;}
.news-fixed{ position:static; top:0; width:100%;}
.news-left{ flex:auto;  border-right:0; overflow:hidden !important; width:100%}
.news-menu{ display:flex;}
.news-left li{ font-size:14px; flex:1;  border-bottom:0; text-align:center; border-bottom:1px solid #eee;}
.news-left li a{ display:block; padding:15px 0;}
.news-left li a:hover{ color:#000; font-weight:bold; }
.news-left li.hover a{ color:#000; font-weight:bold;border-bottom:2px solid #000;}
.news-left li i{ margin-right:6px; font-size:14px;}

.news-right{ flex:9; padding:3% 1.5%;}

.news-left-1{ flex:2;overflow:hidden;}
.news-right-1{ flex:10;}


.articlist{ padding:0 3%; }
.articlist li { font-size:14px; padding:0;  float:none; width:100%; position:relative; margin-bottom:2%;}
.articlist li:nth-child(2n){ float:none;}
.articlist li .pic{ width:100%; height:auto;}
.articlist li dl{ margin:0;}
.articlist li h3{  font-size:14px; margin:0;}
.articlist li p{display:block; color:#8c8c8c; font-size:12px; line-height:1.6; margin:6px  0; padding:0;
word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.articlist li .more{ border:2px solid #0089e0; background:#0089e0; display:block; width:22px; height:22px; color:#fff; font-size:12px; line-height:22px; float:right; border-radius:22px; text-align:center; overflow:hidden;transition: width 0.5s; margin-top:5px; position:absolute; right:2%; bottom:-11px;}
.articlist li .more i{ display:block; height:22px; line-height:20px; width:22px;border-radius:22px; color:#0089e0; font-weight:bold;  font-size:20px; float:left; background:#fff;}
.articlist li:hover .more{ width:140px;}




/* 产品详情css */
.picshow{ display:block; padding:0;}
.picshow-left{ width:100%; margin-right:0;}
.picshow-right{ width:100%; padding:3%; line-height:2; }
.picshow-right h2{ font-size:20px; color:#000;}
.picshow-right .about{ padding:0; margin:15px 0; font-size:12px;}
.picshow-right .jiage{ font-size:24px;}

.picshow-right .yanse{ color:#000; font-weight:bold;}
.picshow-right .buy{ margin:20px 0;}
.picshow-right .buy a{ display:block;height:40px; line-height:40px; font-size:14px; border:2px solid #333; width:120px; border-radius:40px; text-align:center;}
.picshow-right .buy a:hover{ background:#333; color:#fff;}
.picshow-right .yanse-list{ display:flex; margin:15px 0;}
.picshow-right .yanse-list span{ margin-right:5px; cursor:pointer; border-radius:30px; border:1px solid #eee; padding:2px 12px; font-size:12px;}
.picshow-right .yanse-list span.hover{ background:#000; color:#fff;}

.picshow-right .down{ margin-top:30px;}
.picshow-right .down a{ display:inline-block; width:160px; height:44px; line-height:42px; border-radius:50px; border:1px solid #000; font-size:14px; text-align:center; margin-right:20px;}
.picshow-right .down a i{ margin-right:6px; font-size:18px;}

.buy-list{ width:330px;}
.buy-list li{ padding:24px; border-bottom:1px solid #eee; position:relative;}
.buy-list li img{ display:block; height:40px;}
.buy-list li a{ display:block; height:40px; line-height:40px; width:120px; border-radius:40px; text-align:center; border:2px solid #333; position:absolute; top:50%; margin-top:-20px; right:24px;}
.buy-list li a:hover{ background:#333; color:#fff;}

.picshow-content-2{ padding:3%;}
.picshow-content-2 img{ width:auto !important; max-width:100%;}
.picshow-content{ padding:0; margin-top:15px;   background:#f9f9f9;}
.customeritem{ display:block;}
.customeritem .cus-left{ flex:1;}
.customeritem .cus-left img{ display:block; max-width:100%;}

.customeritem .cus-right{ flex:1; position:relative; padding:5%;}
.customeritem .cus-right .cus-content{ position:inherit; width:100%;left:0; top:0;-webkit-transform: translate(0,0);transform: translate(0,0); }
.customeritem .cus-right .key{ font-size:16px; color:#000; line-height:1.4; display:block; margin-bottom:20px;}
.customeritem .cus-right .value{ font-size:14px; line-height:1.8; color:#888;}
.cus-order .cus-left{ order:2;}
.cus-order .cus-right{ order:1;}

/**/
.picshow-gongneng{ display:block; border-bottom:0;}
.picshow-gongneng .p-list{ flex:1; padding:0; border:0;}
.picshow-gongneng .p-list h2{ font-size:18px; font-weight:bold;}

.picshow-gongneng .p-list .layui-colla-title{ font-size:16px; padding:8px 12px; font-weight:bold; height:auto; line-height:auto; background:none; border:0; border-bottom:1px solid #eee;}
.picshow-gongneng .p-list .layui-colla-content{ border:0;transition: all 0.5s ease-in-out; padding:12px;}

.layui-colla-icon{ right:12px;}


.picshow-other{ padding:0% 3% 3% 3%; position:relative;}
.picshow-other .swiper-slide img{ max-width:100%; display:block;}
.picshow-other .swiper-slide h2{ font-size:14px; padding:15px 0;}




.layer_notice{ padding:20px;}
.layer_notice .sub{ margin:15px 0;}


/*详情*/
.s_title{ text-align:center;}
.s_title h2{ font-size:16px; line-height:1.4; font-weight:bold;}
.s_title p.z{ font-size:14px; color:#777; border-bottom:1px solid #eee; padding:5px;}
.s_title p.c{ padding:12px; font-size:12px;}
.s_title p.c span{ display:inline-block; font-size:12px; font-weight:bold; color:#000;}
.s_img{ padding:20px 0;}
.s_img img{ display:block; max-width:100%; height:auto;}
.s_content{ padding:15px 0;}
.s_content img{ margin:10px auto !important; display:block; max-width:100%;}


.feedback{ display:block; padding:3%;}
.feedback-left{ flex:1;}
.feedback-right{flex:1; padding:5%; padding-right:5%;}

.feedback-right h2{ font-size:30px; font-weight:bold; color:#000;}
.feedback-right li input{ height:60px; line-height:60px; border:0; width:100%; font-size:14px;position:relative; transition: border-width 0.3s; /* 定义过渡动画 */}

.feedback-right li input.layui-form-danger:focus,.feedback-right li textarea.layui-form-danger:focus{border-color:none !important;box-shadow:none !important;}

.feedback-right li textarea{ height:120px; border:0px; width:100%;font-size:14px;line-height:60px; }
.feedback-right li:last-child{ border:0;}
.feedback-right li .tijiao{ width:100%; margin:30px auto; background:#f60; height:50px; font-size:16px; line-height:50px; border-radius:50px;}


.Upper{ font-size:12px;}


iframe{ display:block; width:100% !important; height:260px !important; overflow:hidden; }






.bottom{ color:rgba(255,255,255,0.8); padding:0 0;}
.bottom a{  color:rgba(255,255,255,0.7);}
.bottom a:hover{ color:#fff;}
.bottom1{ padding:3%; display:block;}
.bottom1 ul{ flex:1.3; line-height:2; padding-right:0;}
.bottom1 ul.b-menu{ display:flex; flex:2; padding:0; width:60%; float:left;}
.bottom1 ul.b-menu li{ float:left; flex:1; font-size:12px; margin-right:20px;}
.bottom1 ul.b-menu li img{ width:80px; float:none; margin-right:0;}
.bottom1 ul.b-menu li h2{ font-weight:bold; font-size:15px;}
.bottom1 ul.b-menu li p{ font-size:12px; line-height:1.5;}

.bottom1 ul.b-config{ text-align:left; width:40%; float:left; display:block;}
.bottom1 ul.b-config li{ margin-bottom:15px; width:100%;}
.bottom1 ul.b-config li h2{ font-size:16px;}
.bottom1 ul.b-config li h2 i{ font-size:16px; margin-right:6px;}
.bottom1 ul.b-config p{ font-size:20px; line-height:1.2; color:#fff;}



.gotop{ cursor:pointer; width:40px; height:40px; line-height:40px; background:rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:40px; position:fixed; right:10px; bottom:30px; text-align:center; color:#fff; z-index:1000000;}
.gotop i{ font-size:18px;}


.footer_h{ height:50px;  display:block;}
.footmenu {  position:fixed; bottom:0; width:100%;  display:flex; z-index:999999;}
.footmenu li{ flex:8;  text-align:center;background:#0089e0; height:45px; line-height:45px; font-size:22px; font-weight:bold; }
.footmenu li i{ font-weight:normal;}
.footmenu li a{ display:block;color:#fff;}
.footmenu li:nth-child(1){ flex:2;background:#fff; color:#777;}
.footmenu li:nth-child(1) a{ color:#666;}


@keyframes telshow {
	0% {transform: rotate(0deg)}
	5% {transform: rotate(-20deg)}
	10% {transform: rotate(0deg)}
	15% {transform: rotate(-20deg)}
	20% {transform: rotate(0deg)}
	25% {transform: rotate(-20deg)}
	100% {transform: roate(0deg)}
}
@-webkit-keyframes telshow {
	0% {-webkit-transform: rotate(0deg)}
	5% {-webkit-transform: rotate(-20deg)}
	10% {-webkit-transform: rotate(0deg)}
	15% {-webkit-transform: rotate(-20deg)}
	20% {-webkit-transform: rotate(0deg)}
	25% {-webkit-transform: rotate(-20deg)}
	100% {-webkit-transform: roate(0deg)}
}
@-o-keyframes telshow {
	0% {-o-transform: rotate(0deg)}
	5% {-o-transform: rotate(-20deg)}
	10% {-o-transform: rotate(0deg)}
	15% {-o-transform: rotate(-20deg)}
	20% {-o-transform: rotate(0deg)}
	25% {-o-transform: rotate(-20deg)}
	100% {-o-transform: roate(0deg)}
}

.pager {TEXT-ALIGN: center; CLEAR: both; padding:2%;}
.pager A {  display:inline; zoom:1; margin-right:3px; padding:5px 10px; background:#eee; color:#000; font-size:12px; }
.pager SPAN { border:0;display:inline; zoom:1; margin-right:3px; padding:5px 10px; background:#0089e0; color:#fff;font-size:12px;}
.pager A:hover {  background:#0089e0; color:#fff;}

/*分享*/
.bdsharebuttonbox{ max-width:1420px; margin:0 auto; padding:10px 0; display:none;}
.bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;}






 
}

@-webkit-keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -400px;
    }

}
@-moz-keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -400px;
    }

}
@keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -400px;
    }


}


.zlogo{ z-index:100000000;  margin:0 auto;z-index:10000;  width:100%; background:#fff; }
.zlogo_1{ max-width:1200px; margin:0 auto; position:relative; padding:30px 0;}
.zlogo_img{ padding:0; float:left; position:relative;}
.zlogo_img img{ display:block; }
.zlogo_tel{ float:right;  color:#000;line-height:1.2; background:url(../images/tel.png) no-repeat left center; padding-left:60px;}
.zlogo_tel h2{ color:#ff9000; font-size:30px; font-weight:bold;}

.navbox-z{ background:#0089e0; text-align:center;}
.navbox-z li{ display:inline-block;}
.navbox-z li a{ display:block; padding:15px; font-size:15px; color:#fff;}
.navbox-z li:hover{ background:#ff9000;}

.index-left{ width:73.5%; }
.index-right{ width:25%; }



@media (max-width:640px){
	
.zlogo{ z-index:100000000;  margin:0 auto;z-index:10000;  width:100%; background:#fff; }
.zlogo_1{ max-width:1200px; margin:0 auto; position:relative; padding:15px;}
.zlogo_img{ padding:0; float:none; position:relative;}
.zlogo_img img{ display:block; max-width:100%; margin:0 auto; }
.zlogo_tel{ display:none;}


.navbox-z{ background:#0089e0; text-align:center; padding:10px 0;}
.navbox-z li{ display:block; width:25%; float:left;}
.navbox-z li a{ display:block; padding:8px 0; font-size:12px; color:#fff;}
.navbox-z li:hover{ background:#ff9000;}

.index-left{ width:100%; }
.index-right{ width:100%; }

.news1{ width:100%; float:none; margin-bottom:15px;}
.news2{ width:100%; float:none; margin-bottom:15px;}
.news3{ margin-bottom:15px;}
	
}
 
 
@keyframes homebg {
  0% {
    -webkit-transform: rotateZ(1deg) scaleY(0.7);
    -moz-transform: rotateZ(1deg) scaleY(0.7);
    -ms-transform: rotateZ(1deg) scaleY(0.7);
    -o-transform: rotateZ(1deg) scaleY(0.7);
    transform: rotateZ(1deg) scaleY(0.7);
  }
  100% {
    -webkit-transform: rotate(0deg) scaleY(0.9);
    -moz-transform: rotate(0deg) scaleY(0.9);
    -ms-transform: rotate(0deg) scaleY(0.9);
    -o-transform: rotate(0deg) scaleY(0.9);
    transform: rotate(0deg) scaleY(0.9);
  }
}

@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}