@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "arial"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
  font-family: 'iconfont';  /* project id 2345038 */
  src: url(files/iconfont.eot.txt),
  url(files/iconfont.woff) format('woff'),
  url(files/iconfont.ttf) format('truetype'),
}


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

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

.box,.w1200,.width-1200{ width:85%; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1200px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

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

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

.box,.w1200,.width-1200{ width:85%; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width:85%;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

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

.n_box{
  margin:5rem auto;position: relative;
}
.n_box:after{
    display: block;content: "";clear: both;
}
.w1280{width: 100%;
    max-width: 1280px;margin: 0 auto;position: relative;
}


/* 效果1：弹跳+轻微旋转（更活泼的弹跳） */
    .bouncerotate:hover {
      animation: bounceRotate 0.6s ease;
    }
    @keyframes bounceRotate {
      0% { transform: scale(1) rotate(0deg) translateY(0) translateX(0); }
      25% { transform: scale(1.1) rotate(5deg) translateY(-15px) translateX(-15px); }
      50% { transform: scale(1) rotate(0deg) translateY(0) translateX(0); }
      75% { transform: scale(1.1) rotate(-5deg) translateY(15px) translateX(15px); }
      100% { transform: scale(1) rotate(0deg) translateY(0) translateX(0); }
    }

    /* 效果2：左右摇摆（摇头晃脑的动效） */
    .shake1:hover {
      animation: shake1 0.5s ease;
    }
    @keyframes shake1 {
      0% { transform: translateX(0); }
      12.5% { transform: translateX(-5px); }
      25% { transform: translateX(0); }
      37.5% { transform: translateX(5px); }
      50% { transform: translateX(0); }
     62.5% { transform: translateX(-5px); }
     75% { transform: translateX(0); }
      85.5% { transform: translateX(5px); }
      100% { transform: translateX(0); }
    }


.zoominimage {
    transform: scale(1);
   
    animation: shrinkIn 1.5s linear;
}

@keyframes shrinkIn {
    0% {
        transform: scale(1.3); filter: blur(2px);
       
    }
    50% {
        transform: scale(1); filter: blur(0);
      
    }
  
}


/*动画效果*/
@keyframes nbanA{
0%{transform: translateY(0px);}
50%{transform: translateY(-10px);}
100%{transform: translateY(0px);}
}
@keyframes moveBg {
  0% {
    background-position: 0% 30%;
  }

  100% {
    background-position: 100% 50%;
  }
}


/*抬头*/
.headerbg{z-index:11; position: fixed;top: 0;
    width: 100%;box-sizing: border-box;background:rgba(255,255,255,0.95);margin: 0 auto;
}


.headerbg:hover{ background:#fff;}
.header{box-shadow: 0 4px 8px rgba(0,0,0,5%); width:100%;z-index:11; position: relative;}
.header.navtop{
    position: fixed;top: 0;
}
.headerbox{
    height:100px;    display: flex;transition: all ease 0.5s;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
.headerbg.mintop .headerbox{height:80px; }
.headerbg.mintop .headerl .logo img{height:64px}
.headerl .logo{ 
    display: flex;align-items: center;font-size: 1.4rem;color: #e54100;
}
.headerl .logo img{ height:auto; max-height: 80%;
    display: block;
}







/*导航*/
.nav{}
.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;
 
}
.iser_box:after{
    display: block;content: "";clear: both;
}
.nav>ul>li{  margin:0 1vw;}
.headerbg .nav>ul>li.on>a {font-weight: bold;
    color: #e54100;
}



.top20{
    margin-top: 20px;
}
.top50{
    margin-top: 50px;
}

  

.nav>ul>li>a{ font-size:1.1rem; color:#333; display:block; font-weight: bold; line-height: 100px; padding: 0 1vw; position: relative;
} 
.nav>ul>li>a:after{content:"";left: 0;right: 0;margin: 0 auto;transition: all ease 0.3s;
    display: block;height:2px;background: #e54100;position: absolute;bottom: 0;left: 0;width: 0;
}
.nav>ul>li:hover>a:after{width:100%;}
.nav>ul>li.on>a,.nav>ul>li:hover>a{  color: #e54100;}

.headerbg.mintop .nav>ul>li>a{ line-height: 80px;}

.dropmenu{position:absolute;overflow:hidden; transition:all .5s ease; top:100px;  width:100%; background:#f5f5f5; box-shadow: 0 0 5px inset rgba(0,0,0,3%);
opacity:0; height: 0;box-sizing: border-box;left: 0;right: 0;margin: 0 auto;
   
}
.headerbg.mintop .dropmenu{ top:80px;}


.nav>ul>li:hover .dropmenu{  opacity:1; height:auto; padding:50px 0;}
.dropmenu a{ display:block;  color:#666; transition:all .3s ease;}
.dropmenu a:hover{ color:#e54100;}

.nav>ul>li:hover .dropmenu .box{
    display: flex;justify-content: space-between;
}
.nav>ul>li:hover .dropmenu .box .pic{width:20%; padding-right:3%; border-right:1px solid #ccc;}
.nav>ul>li:hover .dropmenu .box .pic img{display:block;width:100%;height:auto;}
.nav>ul>li:hover .dropmenu .box .daohanglb{width:74%;
    display: flex;flex-wrap: wrap;
}
.nav>ul>li:hover .dropmenu .box .daohanglb .txt{ margin:0.9% 10px; max-width:24.1%;}
.nav>ul>li:hover .dropmenu .box .daohanglb .dhbd{border:1px solid #ccc;padding: 0.6vw 1.8vw;border-radius: 0 10px 0 10px;overflow: hidden;
    display: block;line-height: 1.8; text-align: left; box-sizing: border-box; max-width: 310px;
}
.nav>ul>li:hover .dropmenu .box .daohanglb .dhbd a{font-size: 14px;color:#333; line-height:1.2;margin:8px 0;}
.nav>ul>li:hover .dropmenu .box .daohanglb .dhbd:hover{color:#e54100; border-color:#e54100;}
.nav>ul>li:hover .dropmenu .box .daohanglb .dhbd:hover .erji{color:#e54100;}
.nav>ul>li:hover:nth-of-type(3) .dropmenu .box .daohanglb .dhbd{padding: 0.8vw 1vw; height:100%;}
.nav>ul>li:hover:nth-of-type(3) .dropmenu .box .daohanglb .dhbd:hover{border-color:#ccc;}
.nav>ul>li:hover:nth-of-type(3) .dropmenu .box .pic{width:15%;}
.nav>ul>li:hover:nth-of-type(3) .dropmenu .box .daohanglb{width:80%;}
.nav>ul>li:hover:nth-of-type(3) .dropmenu .box .daohanglb .dhbd .erji{ margin-bottom:5px;}


.nav>ul>li:hover .dropmenu .box .daohanglb .dhbd .erji{
    display: block;font-size: 1rem;color: #333; line-height: 1.4;font-weight: bold;
}

.hidden{
    display: none;
}


.search{ margin-right:20px; border-right:1px solid #dedede;padding-right:20px;}
.search .iconfont{display:block;font-size:20px;color:#333; font-weight:bold;}

.layout a{
    display: flex;align-items: center;
}
.layout a:before{ display: block;
    font-size: 22px;color: #333; margin-right: 5px;
}
.layout a.iconfont em{color:#333;
    display: block;font-size: 1rem;
}

.iser_box{background:#f9f9f9;width:100%;box-sizing:border-box; position: absolute;top:5.5rem;right: 0;padding: 1.5rem 1.6rem 1.6rem 1.6rem; z-index: 9;
    border-top: 1px solid #eee;
}
.iser_box .iShow{ visibility:visible; opacity:1; top:62px;}

.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}

.flex{
    display: flex;
}
.flexjs{ justify-content: space-between;}
.flexac{ align-items:center;}



/*手机导航*/
.shoujinav{ margin-left:1rem;display:none;}
.shoujinavdj span{font-size: 1.3rem;color:#e54100; cursor: pointer;}
.shoujinavdj span:nth-of-type(1){ display: block;}
.shoujinavdj span:nth-of-type(2){ display: none;}
.shoujinavdj.onn span:nth-of-type(1){ display: none;}
.shoujinavdj.onn span:nth-of-type(2){ display: block;}



/* ===== 适应百度APP ===== */
.shoujinavnr {
    position: fixed;
    left: 0;
    top: 80px;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 20px 70px 20px;
    overflow-y: auto;
    background: #f5f5f5;
    -webkit-overflow-scrolling: touch;
    z-index: 100;
    /* 高度由 JS 动态设置，这里只做后备 */
    height: 100vh;}





.shoujinavnr .yiji a{display:block; font-size:18px;color:#222;font-weight:bold; line-height:3rem;}
.shoujinavnr .erji{
    display: none; background: #fff;padding: 1rem; 
}
.shoujinavnr .erji .erjia{
    display: block;line-height: 2;font-size:15px;color: #222; font-weight: bold;
}
.shoujinavnr li.on .erji{
    display: block;
   
   
}
.shoujinavnr .erji .sanji{
    border-bottom: 1px solid #eee;padding-bottom: 1rem;margin-bottom: 1rem;
}
.shoujinavnr .erji .sanji a{display:block;font-size:14px;color:#666;line-height:1.6;}

.shoujinavnr .yijidianji {width:2rem;font-size:1rem;line-height:3rem;
    text-align: center;cursor: pointer;
}
.isernav li:nth-of-type(1) .yijidianji:before,.isernav li:nth-of-type(5) .yijidianji:before,.isernav li:nth-of-type(6) .yijidianji:before,.isernav li:nth-of-type(7) .yijidianji:before{
    transform: rotate(270deg);display: block;
}

.isernav li.on .yiji a{color:#e54100;}

.shoujinavnr .telsj{display: none;
    position: absolute;left: 2rem;bottom: 2rem; font-size: 1.4rem;color: #666; line-height: 1.4;}

.shoujinavnr .telsj em{
    font-size: 1rem; line-height: 1;
}
.shoujinavnr .telsj h2{display:block;color:#e54100;font-size:2.2rem;font-weight:bold; line-height:1.1;}

   @media(max-width:768px){
.search{padding-right: 15px;margin-right: 15px;}

}



/*幻灯片*/
.pcbanner{}

.sjbanner{
    display: none;min-height: 50px;
}
	.mod1019{
	    width: 100%;position: relative;z-index:9;min-height: 50px; background: #fff;
	}
	/*.pcbanner .banner{border-radius: 50px 50px 0 0;overflow: hidden;}*/
		.mod1019 .banner .swiper-container,.mod1019 .banner .ban_bg,.mod1019 .banner .ban_nbg { width: 100%; height: auto;
		    
		}
		
		
	
		.mod1019 .banner .swiper-slide{ background-position: center; background-repeat: no-repeat; height: 100vh;
		    overflow: hidden;
		}
		.mod1019 .banner .swiper-slide a{ display: block; width: 100%; height: 100%;}
	.mod1019 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px !important; 
	    border: none;background: rgba(0,0,0,50%)
	}
	
	.mod1019 .swiper-pagination-bullet{width:8px;border:none;height:8px;}
	
	.mod1019 .banner .swiper-pagination-bullet-active {background:#f0a505 !important;}
	.mod1019 .swiper-button-next,.mod1019 .swiper-container-rtl .swiper-button-prev,.mod1019 .swiper-button-prev{
	    display: none;
	}
	
	
	
	
.mod1019 .banner .ban_bg{overflow: hidden;
    background-size: 100%;height: auto;
}
.mod1019 .banner img{
    display: block;width: 100%;height: auto;
}





/*内页幻灯片*/
.nybannerwenzi{line-height:1.6;width: 100%;text-align: center;
    display: flex;justify-content: center;align-items: center;position: absolute;top: 100px;height:calc(100% - 120px);-webkit-height:calc(100% - 120px);-ms-height:calc(100% - 120px);
}
.nybannerwenzi .word{color: #fff;position:relative;}
.nybannerwenzi .word h1{color:#fff;font-weight:normal; font-size:40px;}
.nybannerwenzi .word p{text-transform:uppercase;color:#fff; font-size:26px;font-family:"arial";}
.nybannerwenzi .word em{
    display: block;height: 40px;width: 2px;background: #fff;position: relative;margin: 0 auto;
 animation: line1  3s infinite;    -moz-animation: line1 3s infinite;    -ms-animation: line1 3s infinite;    -o-animation: line1 3s infinite;    -webkit-animation: line1 3s infinite;}
@-webkit-keyframes line1
{
0% {top:10px;opacity:1;}
100%{top:30px;opacity:0;}
}
@-moz-keyframes line1
{
0% {top:10px;opacity:1;}
100%{top:30px;opacity:0;}
}
  

@-o-keyframes line1
  
{
0% {top:10px;opacity:1;}
100%{top:30px;opacity:0;}
}



 @media(max-width:768px){
.mod1019{ margin-top:80px;}     
.mod1019 .banner .swiper-slide{ height:auto;}
.mod1019 .swiper-container-horizontal > .swiper-pagination-bullets,.mod1019 .swiper-pagination-custom, .swiper-pagination-fraction{   bottom:10px !important;
  }
  
  .mod1019 .banner img{object-fit: cover;
    object-position: center; height:200px !important;}
    
  .nybannerwenzi{ height:100%; top:0;}
   .nybannerwenzi .word p{ display:none;}
   .nybannerwenzi .word h1{ font-size:30px; line-height:1.1;
       padding:0 10px;
   }

}





/*公司简介*/
.about{width: 100%;
    max-width: 1280px; margin: 0 auto;
}
.aboutt{position: relative;z-index: 3;
    padding-top: 130px;text-align: center;margin-bottom: 15px;
}
.aboutt dl{font-size: 72px;text-transform: uppercase; line-height: 1;
    color: rgba(242,242,242,1);font-weight: bold;} 

.aboutt h2{min-height: 0px;color:#333; 
    text-align: center;
    font-size: 48px;

    background-color: rgba(0,0,0,0);}
.aboutt h2 span{color:#e54100;}

#aboutbq{ margin-bottom: 20px;
    display: flex;justify-content: center;
}
#aboutbq li{ padding: 0 30px;font-size: 15px;padding-bottom: 10px;color: #333; line-height: 1.4;cursor: pointer;
    border-bottom: 2px solid #eee;
}
#aboutbq li.on{color:#e54100;border-bottom:2px solid #e54100;}

.jjnr{display:flex;justify-content:space-between;flex-wrap:wrap;}
.jjnrl{width: 50%;
    display: flex;flex-direction: column;justify-content: space-between;
}

.jjnrl h3{color:#333;font-size:34px;margin-bottom:1.5vw; line-height:1;}
.jjnrl p{
    font-size:15px;line-height:1.6;color:#666;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

.jjnrl a{border-radius: 5px;font-size: 3rem;align-items: center;font-family: "arial";position: relative; 
   width: 6.25rem;height:5rem;display: flex;justify-content: center;color: #fff;background: #e54100;overflow: hidden;
}    
.jjnrl a em{
    display: block;position: relative;z-index: 3;
}
.jjnrl a:hover em{color:#fff;transition: all ease 0.5s; }
.jjnrl a:after{content:"";border-radius: 50%;
    display: block;top: 50%;left: 50%;width: 0; height: 0;background:#fff;opacity: 0;position: absolute;transition: all ease 0.6s; 
}
.jjnrl a:hover:after{
   width: 100%;height: 100%;top: 0;left: 0;opacity: 0.5;border-radius: 0;
}
.jjnrl a:before{content:"";border-radius: 50%; height: 0;
    display: block;top: 50%;left: 50%;width: 0;background:#757c85;opacity: 0;position: absolute;transition: all ease 0.5s; 
}
.jjnrl a:hover:before{
   width: 100%;height: 100%;top: 0;left: 0;opacity:1;border-radius: 0;
}


.jjnrr{width:45%; border-radius:50px 0 0 0 ;overflow:hidden;}
.jjnrr img{display:block;width:100%;height:auto;}



/*数字滚动*/
.number{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;  font-size:1rem; text-align:center;
color: #333;line-height: 1.6; box-shadow: 0 0 10px rgba(0,0,0,10%);padding:1.5vw 0; background: #fff;  margin: 20px 0;
    
}
.number li{width:33.33333%;}
.number dl{line-height: 1;
    display: flex;justify-content: center;color: #e54100;align-items: baseline;
}
.number li dl dt{ font-size:4rem;font-family:"arial";display:block;margin-right:0.2vw;font-weight:bold;}
.number li dl dd{ font-size:1rem; font-weight:normal;}
.number li p{font-weight:bold;}
.number li+li{ border-left:1px solid #ddd;}

  @media(max-width:768px){
.about{
    padding:0 15px; box-sizing: border-box;
}      
.aboutt{ padding-top:30px !important;}      
.aboutt h2{ font-size:30px; }
#aboutbq li{
    width:48%;text-align:center;
}
.aboutt dl{font-size:44px;}
.jjnrl{width:100%;}
.jjnrr{width:100%;border-radius: 20px 0 0 0;}
.jjnrl h3{font-size:18px;}
.jjnrl p{font-size:14px;}
.jjnrl a{width:40px;height:40px;font-size:2rem; margin:10px 0;}
.number{padding: 15px 0; margin:20px 0 2px 0;}
.number li{ box-sizing:border-box;padding:0 10px;}
.number li dl dt{font-size:30px;}
.number li p{font-weight:normal;line-height:1.4;margin-top:5px;}

}



/*产品展示*/
.prodall{
    width: 100%;
}
.prodall .aboutt{ position:absolute; left: 0;right: 0;width: 100%;margin: 0 auto;
 z-index: 1;
}
.prodall .aboutt dl{ color:rgba(255,255,255,0.5);}
.prodb{
    display: flex;justify-content: space-between;flex-wrap:nowrap;
}
.prodb a{ width:17%; position:relative; overflow:hidden;  }
.prodb a:after{transition:all ease 0.5s;
    display: block;content: "";width: 100%;background: rgba(0,0,0,20%);height: 100%;position: absolute;z-index: 1;top: 0;left: 0;
}
.prodb a:hover:after{background: rgba(0,0,0,40%);}
.prodb a img{
    display: block;width: 100%;height:100vh;object-fit: cover;transition: all ease 0.5s;
      
        object-position: center;
}
.prodb a:hover img{transform:scale(1.2);}
.prodb a .txt{ width: 100%;box-sizing: border-box;padding:0 1.5vw;
    position: absolute;bottom: 2vw;color: #fff; font-size: 1rem;z-index: 2;
}
.prodb a .txt h3{ font-size:24px; margin-bottom:1vw; transition:all ease 0.5s; line-height:1.1;}
.prodb a .txt .miaoshu{font-size:15px;line-height:1.4; height:0;overflow:hidden; transition:all ease 0.5s;}
.prodb a .txt em{
    display: block;font-size: 0.95rem; margin-top: 1vw;
}
.prodb a:hover .txt .miaoshu{ height:auto;}
.prodb a:hover .txt h3{font-size:26px;}

  @media(max-width:768px){
   .prodall .aboutt{ position:relative; margin-bottom:20px;  }   
   .prodall .aboutt dl{color: rgba(242,242,242,1);}
   .prodb{ flex-wrap:wrap;}
     .prodb a{width:50%;}
  .prodb a img{ height:auto;} 
  .prodb a .txt{ bottom:20px; padding:0 20px;}
    .prodb a .txt h3,.prodb a:hover .txt h3{font-size:18px;}  
    .prodb a .txt em{font-size:14px;}
    .prodb a .txt .miaoshu{font-size:14px;
        overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    }
    
  }
  




/*首页新闻*/
.newsall{
    width: 100%;max-width: 1280px; margin: 0 auto;
}
.newsb{
   overflow: hidden;position: relative;
}
.newsb a{
    display: block;width: 32%;background: #f5f5f5; border-radius: 0 10px 10px 0;overflow: hidden;
}
.newsb a+a{ margin-left:2%;}
.newsb a .pic{ position:relative;overflow:hidden;border:1px solid #f5f5f5;}
.newsb a .pic img{width: 100%;height:250px;object-fit: cover;transition: all ease 0.5s;}
.newsb a:hover .pic img{
    transform: scale(1.2)
}
.newsb a .pic .data{
  display: flex;
    position: relative;z-index: 2;
    width: 100px;
   text-align: center;font-size: 14px;color: #fff;top: 0;left: 0;position: absolute;justify-content: center;align-content: center;padding:5px;
    background-color: rgba(230,28,42,1);
}
.newsb a .txt{padding:1vw;}
.newsb a .txt .txtbt{font-size:1.15rem;font-weight:bold;color:#333; margin-bottom:0.8vw;}
.newsb a:hover .txt .txtbt{color:#e54100;}
.newsb a .txt .newsms{height: 51px;
    font-size: 14px;line-height: 1.8;color: #666;font-weight: lighter;
}
.newsb a .txt .more{
    margin-top: 1.5vw; padding-bottom: 5px;
}
.newsb a .txt .more img{display:block;}
.newsmore{
    display: flex;margin: 3vw auto 0 auto;width: 180px;text-align: center;font-size: 0.9rem; background: #e54100;box-shadow: 0 0 8px rgba(0,0,0,20%);
    color: #fff;border-radius: 25px;line-height: 50px;justify-content: center;align-items: center;
}
.newsmore .iconfont{display:block;margin-left:5px;}
.newsmore:hover{color:#fff;}

@media(max-width:768px){
.newsall{box-sizing:border-box;padding:0 20px;}
.newsb a .pic img{ height:190px;}
.newsb a .txt .txtbt{font-size:18px;}
.newsb a .txt{padding:15px;}
.newsmore{width:120px;font-size:14px;line-height:40px; margin:20px auto 0 auto;}
.newsb a+a{margin:0;}
}





/*首页留言们*/
.contact{
    width: 100%;max-width: 980px;margin: 0 auto; display: none;
}

.shouyely{ }
.shouyely .feedback_content li{ width:49%;
    box-sizing: border-box;float: left; margin-bottom: 10px;
}
.shouyely .feedback_content li:nth-of-type(2n){ margin-left:2%; }
.shouyely .feedback_content li input{ box-sizing: border-box;font-size: 14px; border-radius: 5px;overflow: hidden;
    width: 100%;line-height: 35px;border: 1px solid #ced4da;outline: transparent; padding-left: 1rem;
}
.shouyely .feedback_content li.fb_message{ width:100%;margin-right:0;}
.shouyely .feedback_content li.fb_message .wbf-textarea{width:100%;padding: 1rem; line-height:1.4;border: 1px solid #ced4da;outline: transparent;  min-height:74px;
    box-sizing: border-box;font-size: 14px; border-radius: 5px;
}
.xiamtj{
    text-align: center;
}
.xiamtj li{
    display: inline-block;margin: 0 0.7rem;
}
.xiamtj li input{border:none;outline:transparent; line-height:40px;padding:0 1rem; width:90px;}
.xiamtj li.yzma{
    background: #f5f5f5;padding: 0.5rem 1vw;
}
.xiamtj li.yzma img{
   display: inline-block;
    margin: 0px 0 0 0.5vw;
    vertical-align: middle;
}
.xiamtj li.chongzhi input{
    line-height: 50px;background: #f5f5f5;color: #333;width: auto;padding: 0 3rem;font-size: 1rem;
}
.xiamtj li.tijiao a{border-radius: 25px;box-shadow: 0 0 10px rgba(0,0,0,10%);
    line-height: 50px;background: #e54100;color: #fff;padding: 0 3rem;font-size: 1rem;display: block;
}

@media(max-width:768px){
.flexcopy{ margin-top:35px;}    
.contact{padding:0 10px 30px 10px !important;box-sizing:border-box; margin-bottom:0 !important;}
.shouyely .feedback_content li.fb_message .wbf-textarea,.shouyely .feedback_content li input{font-size:13px;}
.xiamtj li.yzma{padding:10px; margin-bottom:10px;}
.xiamtj li.tijiao a,.xiamtj li.chongzhi input{font-size:14px;line-height:40px;}

}



   
/*版权*/
.flexcopy{height: auto; background: #fafafa;
    display: flex;justify-content: space-between;flex-direction: column; 
}
.copyright{
    width: 100%;background: #222 url(images/copybg.jpg)center top no-repeat; padding-top: 2rem; 
}
.copywidth{width:100%;max-width:1160px;margin:0 auto;}
.copywidth:After{
    display: block;content: "";clear: both;
}
.copyt{
    display: flex;justify-content: space-between; flex-wrap:wrap;
}
.copynav{  display: flex; line-height:2.2;flex-wrap:wrap;}
.copynav li{ max-width:220px;}
.copynav li dl,.copytel dl{font-size:1.3rem;color:#fff; font-weight:bold;line-height:2; position:relative;}
.copynav li dl:After,.copytel dl:after{
    display: block;content: "";width: 100%;background: #e54100;margin: 0.3rem 0 1rem 0; height: 1px;
}

.copynav li dl:before{justify-content:center;align-items: center;color: #ccc;
    display: none;position: absolute;right: 0;font-size: 12px; height: 40px;width: 40px;
}

.copynav li a{
    display: block;font-size: 14px;color:#cccccc;line-height:1.1; padding: 8px 0;
}
.copynav li a:before{display:none;position:relative;}
.copynav li a:hover{color:#e54100;}
.copynav li+li{ margin-left:25px;}


.copynav li:after{
    display: block;content: "";clear: both;
}
.banquanleft dl{display:inline-block;}
.copycode{color: rgba(255,255,255,0.4);  margin-top: 68px;
    display: block;text-align: center;width:130px;
}
.copycode li dl{font-size:13px;color:#ccc; line-height:3;}

.copycode li img{
    display: block;width: 100%;height: auto; 
}

.copytel li{
    display: flex; line-height: 1.4;color: #ccc; font-size: 15px;
}


.copytel li:before{display:block;margin-right:5px;}
.copytel li+li{ margin-top:8px;}
.copytel li a{color: #ccc; font-size: 15px;}
.copytel li a:hover{color:#e54100;}
.copytelr{ margin-left:15px;width:200px;}
.copytell{width:200px;}





/*友情链接*/
.links_bg{
    font-size: 0.9rem;color: rgba(255,255,255,0.4);display: flex;align-items: center; margin-bottom:1.5rem;
}
.links_bg .link_d{display: flex;align-items: center;}
.links_bg .link_d a{font-size: 0.9rem;color: rgba(255,255,255,0.4);}
.links_bg .link_d span:last-child{display:none;}



/*底部版权*/
.copyb{justify-content: space-between;
 font-size: 0.9rem;color: rgba(255,255,255,0.4);display: flex;align-items: center;  padding:2rem 0 1.5rem 0;line-height: 1.4;
}
.copyb a{font-size: 0.9rem;color: rgba(255,255,255,0.4);}
.copyb a:hover{color:#fff;}





/*版权声明*/
    .bqsm{
       margin: 0 auto;padding: 4vw; background: #f5f5f5;font-size: 1rem;line-height: 2;
    }
    .bqsm dl{
        font-size:1.4rem;font-weight: bold;color: #e54100; padding-top: 1rem;
    }
    .bqsm h2{font-size:2.7rem;color:#222;font-weight:bold;line-height:1;padding-bottom:2.6rem;margin-bottom:1.3rem;border-bottom:1px solid #ddd;
        text-align: center;
    }   
    
    

/*手机版权定住*/
.shoujidingzhu{position:fixed;width:100%;z-index: 99;
    height: 60px;box-sizing: border-box; display:none;justify-content: space-between; background: #e54100;
bottom: 0;top: auto;
}
.shoujidingzhu a{width:20%;flex-direction: column;line-height: 1.2;position: relative;
    display: flex;justify-content: center;align-items: center;color: #fff;
}
.shoujidingzhu a+a:afer{
    display: block;contain: "";width: 1px;height: 60px;
}
.shoujidingzhu a em{font-size:26px;}
.shoujidingzhu a i{font-size:14px;}
.shoujidingzhu a:hover{color:#fff;}
.shoujidingzhu a.gtop em{transform:rotate(90deg);}
    
 

@media(max-width:768px){
    .shoujidingzhu{
        display:flex;
    }
    .copyright{
      background: #222 url(images/copybg.jpg)repeat; padding-bottom:60px;
    }
    .copynav .s{display:none;}
  .copywidth{padding:0 15px; box-sizing:border-box;  }  
  .copyt{flex-direction:column;}
    .copynav{width:100%;
        flex-direction:column; 
    }
   .copynav li{ width:100%;max-width:100%;} 
.copynav li.open .s{display:block;}    
.copynav li+li{ margin-left:0;}   
.copynav li dl, .copytel dl{ font-size:16px; margin-bottom:5px;}
.copynav li dl:After, .copytel dl:after{ margin-bottom:0;}
.copynav li dl:before{ display:flex;}
.copynav li.open dl:before{ transform:rotate(90deg);}
.flexcopy{ height:auto !important;}
.copynav li a{ font-size:14px;position:relative;}
.copynav li a:before{display:flex;position:absolute;width:28px;height:28px;justify-content:center;align-items:center; right:0;top:0;font-size:12px;color:#ccc;}
.copytell{width:100%;}
.copytelr{width:100%;margin-left:0;}
.copycode{ margin-top:0;width:100%;display:flex;justify-content:center;}
.copycode li{display:block;width:120px;}
.copytel:After{display:block;content:"";clear:both;}

.copyb{flex-wrap:wrap; font-size:14px;text-align:center;padding: 0.5rem 0 1rem 0;}
.copyb span{display:none;}
.copyb a{font-size:14px;}
.banquanleft{width:100%;}
.banquanright{width:100%;}



}
   
    
/*在线客服*/
.kefu{
    position: fixed;bottom: 10%;right:5px; z-index:11;  transition: right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    right: -80px;               /* 初始隐藏在右侧外 */
 
    transform: translateY(-50%);
}
   .kefu .goTop,.kefu li { cursor: pointer;transition: all ease 0.5s;
    color: #fff; overflow: hidden;width: 66px;
    text-align: center;flex-direction: column;
    display: flex;align-items: center;justify-content: center;
    font-size:14px;
  
    position: relative;
    transition: all 0.5s; margin: 1px 0;}
    .kefu li:hover{overflow:visible;}
   .kefu li .liico{display: flex; cursor: pointer;width:66px;height: 65px;background: #e54100;align-items: center;justify-content: center; flex-direction:column; font-size:12px; }
   .kefu li.fantop .liico{ height:50px;}
   .kefu li .liico:before{font-size:22px; display:block;padding-bottom:5px;}
   .kefu li .litc{display:flex;position:absolute;width: 0;transition: all ease 0.5s; overflow: hidden;opacity: 0; border-radius: 5px 0 0 5px;
       right: 66px;background:url(images/licobg.png)right no-repeat;color: #ffff;align-items: center;justify-content: center;height: 50px; font-size: 16px;
   }
   .kefu li:hover .litc{width:220px;overflow:visible;opacity: 1; padding-right:10px;}
   .kefu li.email:hover .litc{width:220px; border-radius: 5px 0 0 5px; overflow:hidden; font-size:15px;}
  
   .kefu li .litc:before{display:block;font-size:20px;margin-right:5px;}
 .kefu li.weixin img{display:block;width:190px;padding:10px;}
   .kefu li.weixin:hover .litc{width:220px; height:120px; border-radius: 5px 0 0 5px; overflow:hidden; font-size:16px;}
  
   
   
   
    .kefu .goTop,.kefu li p{ font-size:14px; line-height:1; padding-top:5px;}
    
    /* 显示状态：滑入 */
.kefu.visible {
    right: 0;               
}

.goTop:hover{color: #fff;background: #e54100;}



.kefu .weixin .weixinpic{  display: none;}
.kefu .weixin:hover .weixinpic{display:block; bottom:-70px;
    position: absolute;left: -160px;background: #fff;box-sizing: border-box;border: 1px solid #eee;text-align: center;line-height:1; padding-bottom: 10px;
    padding: 3px;color: #333;font-size: 0.95rem;height: 180px;width: 150px;line-height:2;
}
.kefu .weixin:hover .weixinpic img{
    display: block;width: 100%;height: auto;
}
.fdtel{
    
}
.fdtel dl{font-size:1rem;color:#888; }
.fdtel dt{
    font-size: 26px;font-family: "arial";
}
.kefu .weixin:hover .fdtel{width: 250px;padding:20px 30px 15px 30px;text-align: left;left: -250px;line-height:1.3;text-align: left;position: relative;margin-top: -120px;
    height: auto;
}    

@media(max-width:1024px){
.kefu{display:none;}
}




/*内页简介*/
.nyjjall{ padding-top:120px; font-size: 16px;line-height: 1.6;color: #666;
    
}
.nyjj h2{font-size:32px;color:#222;line-height:1.1;}
.nyjj h2:after{
    display: block;content: "";
    background: #e54100;
    width: 40px;
    height: 2px;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 25px;}
    .nyjj{
        display: flex;
        justify-content:space-between;flex-wrap: wrap;
    }
    .nyjjl{width:45%;}
    .nyjjr{width:51%;}
    .nyjjr img{
        display: block;width: 100%;height: auto;
    }
    .nyjj2{ 
    flex-direction:row-reverse; margin-top: 30px;margin-bottom:40px;
    }
    .nyjj2 .nyjjl{width:51%;}
    .nyjj2 .nyjjr{width:45%;}
    
    
    /*企业文化*/
    .culture{ margin-top: 120px; padding: 50px 0;
        width: 100%;background: url(images/culturebg.jpg)top fixed no-repeat;
        background-size: cover;
    }
    .culturet{
        text-align: center;font-size: 40px;color: #fff;line-height: 1;margin-bottom: 3vw;font-weight:bold;
    }
    .cultureb{
        display: flex;justify-content: space-between;flex-wrap: wrap;
    }
    .culturenr{ position:relative;
         z-index: 2;
     }
    .cultureb li{width:23.5%; position: relative;text-align:center;cursor: pointer;
        box-sizing: border-box;padding: 35px;color:#fff; font-size: 16px;line-height:1.6;
    }
     .cultureb li h2{font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-top: 22px;
    margin-bottom: 20px;}
     .cultureb li:after{position:absolute;z-index: 1;
         display:block;content: "";
     }

     .cultureb li .iconfont{ font-size:60px;line-height:1;}
    .cultureb li:after{
        transition: all ease 0.5s;left: 0; background: #e54100;
        display: block;content: "";width: 100%;height: 0;position: absolute;top:0;   
    } 
    .cultureb li:hover:after{ height:100%;}
     
     
/*白底企业文化*/
.bsculure .culture{
    background: #fff; margin-top: 20px;
}
.bsculure .culturet{color:#333;}
.bsculure li{ color:#666;}
.bsculure li .iconfont,.bsculure li h2{color:#e54100;}
.bsculure li:hover .iconfont,.cultureb li:hover h2,.cultureb li:hover p{color:#fff;}


@media(max-width:768px){
    .nyjjall{ padding:30px 15px 0 15px; font-size:14px; }
    .nyjjl,.nyjj2 .nyjjl{width:100%; box-sizing:border-box; }
    .nyjjr,.nyjj2 .nyjjr{width:100%;box-sizing:border-box;  margin-top:5px;}
    .nyjj h2{ font-size:24px;}
    .nyjj h2:after{margin-top:15px; margin-bottom: 20px;}
    .nyjj2{ flex-direction:column; margin-bottom:20px;}

  .culture{ margin-top:30px;background: url(images/culturebg.jpg) top center no-repeat;padding: 30px 0;}
    .culturet{ font-size:24px;}
    .cultureb{ padding:0 15px;}
    .cultureb li{width:49%; font-size:14px;box-sizing:border-box;padding:15px 5px;}
    .cultureb li h2{ font-size:16px;margin-top: 10px;
    margin-bottom: 8px;}
    .cultureb li .iconfont{ font-size:50px;}
}



       
/*内页四个列表 */
.leibiao4 .protemptwo{width:100%; display:flex;flex-wrap:wrap;}
.leibiao4 .protemptwo li{ width:23.5%; box-shadow:0px 0px 10px #eee;transition: all .5s ease; position:relative; margin:0 2% 2% 0;
    display: block;float: left;
}
.leibiao4 .protemptwo li:nth-of-type(4n){
    margin-right: 0;
}
.leibiao4 .protemppic{overflow:hidden; position:relative;}
.leibiao4 .protemppic img{ width:100%; transition:all .5s ease;display:block;}
.leibiao4 .protemptitl a{ display:block; position:relative; font-size:1rem; line-height:1.4; padding:1rem; background:#f4f4f4;
    text-align: center;
}
.leibiao4 .protemptitl{position:relative;}

.leibiao4 .protemptwo ul{
    display: block;width: 100%;
}
.leibiao4 .protemptwo li:hover .protemppic img{ transform:scale(1.1) ;}
.leibiao4 .protemptwo li:hover .protemptitl a{ color:#e54100;font-weight:bold;}

/*内页3个列表 */
.leibiao3 .protemptwo{width:100%; display:flex;flex-wrap:wrap;}
.leibiao3 .protemptwo li{ width:32%;transition: all .5s ease; position:relative; margin:0 2% 2% 0;
    display: block;float: left;
}
.leibiao3 .protemptwo li:nth-of-type(3n){
    margin-right: 0;
}
.leibiao3 .protemppic{overflow:hidden; position:relative; border:1px solid #eee;}
.leibiao3 .protemppic img{ width:100%; transition:all .5s ease;display:block;}
.leibiao3 .protemptitl a{ display:flex; position:relative; font-size:1rem; line-height:40px; padding:1rem; background:#f4f4f4;
   justify-content:space-between;
    font-weight:bold;color:#333;
}
   
.leibiao3 .protemptitl a .iconfont{width:40px; font-weight:bold;
    height: 40px;border: 2px solid #ddd;border-radius: 50%;color: #666;font-size: 20px;display: flex;justify-content: center;align-items: center;
} 
.leibiao3 .protemptwo li:hover a .iconfont{ background:#e54100;color:#fff;border-color:#e54100;}
   
.leibiao3 .protemptitl{position:relative;}

.leibiao3 .protemptwo ul{
    display: block;width: 100%;
}
.leibiao3 .protemptwo li:hover .protemppic img{ transform:scale(1.1) ;}
.leibiao3 .protemptwo li:hover .protemptitl a{ color:#e54100;font-weight:bold;}


/*四个弹出列表*/
.tanchu4{ margin:50px 0;}
.tanchu4t{text-align:center;font-size:32px;font-weight:bold;color:#333;line-height:1.4; margin-bottom:30px;}
.tanchu4 .protemptwo{width:100%; display:flex;flex-wrap:wrap;}
.tanchu4 .protemptwo li{ width:23.5%;transition: all .5s ease; position:relative; margin:0 2% 2% 0;
    display: block;float: left;
}
.tanchu4 .protemptwo li:nth-of-type(4n){
    margin-right: 0;
}
.tanchu4 .protemppic{overflow:hidden; position:relative; background:#f9f9f9; padding:20px;box-sizing:border-box;}
.tanchu4 .protemppic a{display:flex;max-height: 100%;height:250px;  justify-content: center;align-items: center;
}
.tanchu4 .protemppic img{max-height:100%; transition:all .5s ease; }
.tanchu4 .protemptitl a{ display:block; position:relative; font-size:16px; line-height:60px; padding:0px 12% 0 3%;}
.tanchu4 .protemptitl{position:relative;}
.tanchu4 .protemptitl a:after,.tanchu4 .protemptitl:before,.tanchu4 .protemppic a:after{content:''; display:block; position:absolute;}

.tanchu4 .protemppic a:after{ width:100%; height:0px; top:0px; left:0px; transition:all 0.5s ease;}
.tanchu4 .protemptwo ul{
    display: block;width: 100%;
}
.tanchu4 .protemptwo li:hover .protemppic a:after{ height:100%;}
.tanchu4 .protemptwo li:hover .protemptitl:before{height: 100%;transition: 0.6s;}
.tanchu4 .protemptwo li:hover .protemptitl a:after{ background-position-y:-18px;}
.tanchu4 .protemptwo li:hover .protemptitl a{ color:#fff;}
.tanchu4 .protemptwo li:hover .protemppic img{ transform:scale(1.1);}

/*图片放大弹出*/

.fancybox__container{
    padding:0 3vw ;
}
.fancybox__thumbs .carousel__slide>*{background-size: auto 100%;
    background-attachment: fixed;}

/*内页设备弹出*/
.tanchu4.nyshebei .protemppic{ background:#fff;border:1px solid #eee; padding:0;}
.tanchu4.nyshebei .text{
    padding: 10px;font-size: 15px;color: #333;line-height: 2;background: #f9f9f9;text-align: center;
}

.tanchu4.nyshebei .protemppic a{ height:300px;}



@media(max-width:768px){
    .tanchu4{ margin:30px 0; padding:0 15px;}
    .tanchu4t{font-size:24px; margin-bottom:15px;}
    .tanchu4 .protemppic{ padding:0;}
    .tanchu4 .protemptwo li{width:49%;}
    .tanchu4 .protemptwo li:nth-of-type(2n){ margin-right:0;}
    .fancybox__slide{ padding:10px 15px 0 15px;}
    .tanchu4.nyshebei .protemppic a{ height:auto;}
    .tanchu4 .protemppic img{width:100%;}
}












/*内页产品详情*/

.cpxqduotu .showbox p img{z-index: 99;}
       
        .cpxqduotu .pro_detail_img{ padding: 30px;flex-wrap: wrap;
            box-shadow: 0 0 15px rgba(0,0,0,8%);
            margin-bottom: 35px;display: flex;justify-content: space-between;
            position:relative;
        }
        .cpxqduotu .showbox { 
            background: transparent;height: auto !important;width: 100% !important;
            z-index: 9;
        }
        .cpxqduotu .showbox>div{width:100% !important; height:auto !important;top: 0 !important;}
        .cpxqduotu .showbox b img{
            display: block;width: 100% !important;height: auto !important;
            margin: 0 auto;
        }
        .cpxqduotu .showbox>img {
            display: none;
        }
.cpxqduotu .showbox:After{position:absolute;right: 0;bottom: 0;cursor: pointer;
    display: block;content: "";width: 30px;height: 30px;background: #ccc url(images/fangdajing.png)center no-repeat;
}
      
       
        .cpxqduotu .showsum span.sel { 
            border:1px solid #e54100;
        }
       
        .cpxqduotu .showpage a { 
            display:block; 
        top:28%;
            font-size: 20px;color: #333;
           
           
            position:absolute; 
            left:0; 
            
           
        }
        .cpxqduotu .showpage a.shownext { 
            left:auto; 
            right:0;
        }
        .cpxqduotu .showpage a:hover { 
        
            color:#e54100;
        }

        .cpxqduotu .pro_text_show{
            width:53%;
            
        }
        .cpxqduotu .pic_img_show{width:43%; border:1px solid #eee;}
        .cpxqduotu .pro_text_show h1{
            font-size: 28px;
            font-weight: bold;
          
           
            padding-bottom: 10px;
            color: #333;
        }
        .cpxqduotu ul.pro_text_ul{
            margin-bottom: 20px;
        }
        .cpxqduotu ul.pro_text_ul li{
            font-size: 14px;
            line-height: 31px;
        }
        .cpxqduotu .pro_detail_next {
            padding: 10px 0;
            text-align: center;
            margin-bottom: 20px;
        }
        
        .cpxqduotu .pro_contact{
            background: #2c40c5;
            height: 50px;
            line-height: 50px;
            width: 250px;
            color: #fff;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            border-radius: 5px;
        }
        
        .cpxqduotu ul.pro_detail_content_ul{
            background: #f1f1f1;
            margin-bottom: 20px;
        }
        .cpxqduotu .pro_detail_content_ul li{
            line-height: 50px;
            height: 50px;
            padding: 0 25px;
            display: inline-block;
            position: relative;
        }
        .cpxqduotu .pro_detail_content_ul li::after{
            content: '';
            width: 0;
            height: 3px;
            bottom: 0;
            left: 0;
            position: absolute;
            transition: 0.3s all;
            background:#e54100;
        }
        .cpxqduotu .pro_detail_content_ul li.show{
            background: #e2e2e2;
        }
        .cpxqduotu .pro_detail_content_ul li.show::after{
            width: 100%;
        }
        .cpxqduotu .pro_detail_content{
            margin-bottom: 20px;
        }
        .cpxqduotu .pro_parameter_ul{
            margin-top: 15px;
        }
        .cpxqduotu .pro_parameter_ul li{
            line-height: 30px;
            font-size: 14px;
        }
        .cpxqduotu .pro_detail_content_div .pro_detail_show{
            line-height: 28px;
        }
        .cpxqduotu .pro_detail_content_div .pro_detail_show{
            display: none;
        }
        .cpxqduotu .pro_detail_content_div .pro_detail_show.show{
            display: block;
        }
        .cpxqduotu .showbox_c4ca4238a0b923820dcc509a6f75849b{
            position: absolute;
            top: -1px;
            left: -1px;
            width: 1px;
            height: 1px;
            overflow: hidden;
        }
        .cpxqduotu .pro_detail_show td {
            color: #333;
        }
       .cpxqduotu  .pro_detail_show  img{ width:100%;}
        
      
.cpxqduotu .xiaotu{width:43%; position:relative; margin-top:20px;}
.cpxqduotu .xiaotu #showsum{width:100% !important;}
.cpxqduotu .small_ul{width:100% !important;display:flex; 
   box-sizing: border-box;padding: 0 30px;
}
.cpxqduotu ul.small_ul li{ display:block;width:17% !important; border:1px solid #eee;
    height: auto !important;margin: 0 5px !important;
}
.cpxqduotu ul.small_ul li img{
    display: block;
}
.cpxqduotu ul.small_ul li.sel{ border-color:#e54100;}


 .ny_ms1{line-height:1.6;color: #666;font-size: 14px;}
        
.fenleidaoh{display: flex;
    font-size: 16px;color: #333; margin-top: 20px;
}
.fenleidaohflex{
    display: flex;flex-direction: row-reverse;flex-wrap: wrap;
}
.fenleidaohflex a{display:block;margin-right:0.8vw; font-size: 16px;color: #333;}
.fenleidaohflex a:hover{color:#e54100;}
    
.cpxqduotu .cpxqmore{ border-top:1px solid #eee;padding-top:25px;margin-top:20px;
    display: flex;
}
.cpxqduotu .cpxqmore a{
    display: block;width: 140px;text-align: center;color: #fff;background: #e54100;font-size: 16px;line-height: 40px;margin-right: 15px;
}
.cpxqduotu .cpxqmore a:hover{color:#fff;background:#333;}
    
.pro_detail_txt{padding: 30px; box-shadow: 0 0 15px rgba(0,0,0,8%);margin: 35px 0 50px 0; position:relative; font-size:16px;line-height:2;}    
 .pro_detail_txtt{
     border-bottom: 1px solid #eee;line-height: 54px; margin-bottom: 30px;
 }   
    .pro_detail_txtt .pro_detail_txttbt{
        width: 220px;text-align: center;background: #e54100;color: #fff;font-weight: bold;font-size: 22px; } 
.pro_detail_txt dl{ color:#333;font-weight:bold;}    
 .pro_detail_txt img{
     display: block;max-width: 100%;height: auto;
 } 
 .pro_detail_txtb{ margin-bottom:50px;}
  
  
.pro_detail_txtbxg .cpxqan{ position:absolute;right:20px;top:0; height:60px;display:flex;width: 120px;
        justify-content: space-between;align-items: center;
    }
.pro_detail_txtbxg .chanpin .cpxqan .swiper-button-next,.chanpin .cpxqan .swiper-button-prev{
				display: none;
}

.pro_detail_txtbxg .chanpin .swiper-pagination{position: relative;}
.pro_detail_txtbxg .chanpin .swiper-pagination-bullet{margin:0 2px;border-color:#ccc; background:#fff;}
.pro_detail_txtbxg .chanpin .swiper-pagination-bullet-active{ border-color:#0075c5;color:#0075c5;background:#0075c5;}
 .pro_detail_txtbxg li{flex-wrap: wrap;
     display: flex;justify-content: space-between;
 } .pro_detail_txtbxg li a{
     display: block;width: 23.5%;text-align: center;font-size: 16px;color: #333; line-height: 3;
 }
 .pro_detail_txtbxg li a .pic{border:1px solid #eee;}
    .pro_detail_txtbxg li a img{
        display: block;width: 100%;
    }
.xqcpan .swiper-pagination{
    position: relative;display: flex;justify-content: center;
}.xqcpan .swiper-pagination .swiper-pagination-bullet{
    box-sizing: border-box;width: 8px;height: 8px;background: #ccc;border: none; display: block;margin: 5px;
}
.xqcpan .swiper-pagination .swiper-pagination-bullet-active{width: 8px;height: 8px;background: #e54100;border: none;}

    @media(max-width:768px){
        .cpxqduotu .pro_detail_img{ padding:30px 15px 10px 15px;}
    .cpxqduotu .pro_detail_img{flex-wrap:wrap;}
    .cpxqduotu .pic_img_show{width:100%;}
    .cpxqduotu .pro_text_show{width:100%;
        box-sizing:border-box; padding-top:10px;
    }
    .cpxqduotu .pro_text_show h1{ font-size:18px;}
    .cpxqduotu .cpxqmore{padding-top: 15px;
    margin-top: 10px;}
    .cpxqduotu .xiaotu{width:100%;}
    .fenleidaoh{ margin-top:10px;}
    .cpxqduotu ul.small_ul li{width:18% !important;}
    .ny_ms1{line-height:1.4;}
    
    .pro_detail_txt{ padding:15px; margin:20px 0 30px 0; font-size:14px;line-height:1.8;}
    .pro_detail_txtt{ margin-bottom:15px;}
    .pro_detail_txtt .pro_detail_txttbt{width:auto;line-height:36px;font-size:18px;
        display:inline-block;padding:0 20px;
    }
    .pro_detail_txtbxg li a{width:49%;}
    .cpxqduotu .showpage a{top:15%;}
    }
    .fenleidaohflex{flex-direction: column-reverse;}
    
    
    
    
    
/*内页新闻列表*/
.newsny{ padding-bottom:3vw;}

.mod1468{ margin:60px 0 60px 0;}
.newsny .mod1528 .pagerflip{ margin:0 auto;}
.mod1468 .news_d_list {
    width: 100%;
    margin: 0 auto;
}
.mod1468 .news_list_box{
    background: #f2f2f2; margin: 2.6vw 0;
    overflow: hidden;transition: all ease 0.3s;
   display: flex;justify-content: space-between;
}


.mod1468 .news_list_img {
    width: 28%; overflow: hidden;
  box-sizing: border-box;
   
}

.mod1468 .news_list_img img {
    max-width: 100%;
    display: table-cell;transition: all ease 0.5s
}
.mod1468 .news_list_box:hover img{ transform:scale(1.1);}
.mod1468 .news_list_content{
    width: 78%;
   display: flex;justify-content: center;
    padding:1% 0 1% 5%; box-sizing: border-box;
    box-sizing: border-box;
}

.mod1468 .news_list_box .news_content_title{ 
   
    line-height: 1.4;
    font-size: 1.2rem;font-weight:bold; margin-bottom: 0.6vw;
    color: #333;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.mod1468 .news_list_box:hover .news_content_title{
    color: #e54100;
}
.mod1468 .news_list_box .news_content_txt {
    font-weight: normal;font-size: 15px;
    line-height:1.6;
  
    color: #666;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.mod1468 .news_list_box .newsword{width:80%;
    display: flex;justify-content: center;flex-direction:column;
}
.news_content_time{width: 20%;color: #666;line-height: 2;font-weight: bold;
    display: flex;justify-content: center;align-items: center; flex-direction: column;
}
    
.news_content_time h3{font-size: 56px; line-height:1;}

.mod1468 .news_list_box:hover{
    box-shadow: 0 0 20px rgba(0,0,0,8%);background: #fff;
}
.mod1468 .news_list_box:hover .news_content_time{color:#e54100;}

@media(max-width:768px){
    .mod1468{ margin:30px 0; padding:0 15px;}
    .mod1468 .news_list_box{ margin:15px 0; flex-wrap:wrap;}
    .mod1468 .news_list_img{width:100%; box-sizing:border-box;border:1px solid #eee;}
    .mod1468 .news_list_content{width:100%;box-sizing:border-box;padding:15px;}
    .mod1468 .news_list_box .news_content_title{ font-size:16px;
         overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;white-space: wrap;
    }
    .mod1468 .news_list_box .news_content_txt{ font-size:14px;}
    .mod1468 .news_list_box .newsword{width:75%;}
    .news_content_time{width:25%;}
    .news_content_time h3{ font-size:30px;}
}






/*新闻详情*/

.mod1512 .news_detail_bg {
  display: block;box-shadow:0 0 20px rgba(0,0,0,8%);padding: 32px;background: #fff;margin: 3vw auto; font-size: 15px;color: #333;line-height: 1.8;
}
.mod1512 .news_detail_bg p{ padding:8px 0;}
.mod1512 .news_detail_bg .news_detail_name{ margin-bottom:20px;}
.mod1512 .news_detail_bg .news_detail_name h1{text-align:center; font-size:28px;font-weight:bold;color:#333;line-height:1.4; padding-bottom:25px;border-bottom:1px solid #ddd; margin-bottom:25px;}
.mod1512 .news_detail_bg .news_detail_name p{ font-size:14px;color:#a6a6a6;line-height:2;}


/*新闻上下翻页*/
.mod1512 .news_detail_next {
    display: flex;
    position: relative;justify-content: center;flex-wrap: wrap;margin-top: 50px;
   
}
.mod1512 .news_detail_next a {
     margin: 5px 10px; line-height: 1.4;
    font-size: 15px;color: #a6a6a6;

}
.mod1512 .news_detail_next a:hover{color:#e54100;}

/*新闻相关推荐*/
.news_detail_r{ margin-top:50px;}
.news_detail_r_d{
    display: flex;justify-content: space-between;flex-wrap: wrap;
}
.news_detail_title{ font-size:26px;color:#333;line-height:2;}
.news_detail_r_d a{
    display: block;width: 23.5%;box-sizing: border-box;text-align: center; font-size: 15px;line-height:1.4;
}
.news_detail_r_d a dl{padding: 15px 0;color: #333;}
.news_detail_r_d a:hover dl{color:#e54100;}
.news_detail_r_d a img{display: block;width: 100%;height: auto;}

@media(max-width:768px){
.mod1512 .news_detail_bg{margin:30px 0; padding:15px;}
.mod1512 .news_detail_bg .news_detail_name{ margin-bottom:0;}
.mod1512 .news_detail_bg .news_detail_name h1{ font-size:18px;padding-bottom: 15px;
    margin-bottom: 15px;}
    .mod1512 .news_detail_next{ margin-top:15px;}
    .mod1512 .news_detail_next a{width:100%;margin:5px 0;}
    .news_detail_r{ margin-top:20px;}
    .news_detail_title{ font-size:18px;}
    .news_detail_r_d a{width:100%; font-size:14px;}
    .news_detail_r_d a+a{ margin:0;}
    .news_detail_r_d a img{
        box-sizing:border-box;border:1px solid #eee;
    }
.mod1512 .news_detail_bg p{ padding:5px 0;}
    
}







/*内页自定义分类*/
.nyzdyfl{
    width: 100%; background: #f5f5f5; 
}
.nyzdyfl .w1280{ max-width:1280px; display: flex;align-items: center;overflow:hidden;
    justify-content: space-between;
}
.pro_class{
    display: flex;flex-wrap: wrap;
}
.pro_class li{text-align: center;
  color: #666; margin-right: 1.5vw;
}

.pro_class li a{display: block;text-align: center;padding:18px 0;line-height: 1.4;
    font-size: 16px;color: #666;  position: relative; }
    
.pro_class li a:after{content:"";position: absolute;
    display: block;width: 0;height: 3px;background: #e54100;bottom: 0;transition: all ease 0.5s;left:0;right: 0;margin: 0 auto;
}  
.pro_class li:hover a:after,.pro_class li.on a:after{width:100%;}
.pro_class .on a{
  color: #e54100; 
}

.fenli3 .pro_class{width:100%; justify-content:center;}
.fenli3 .pro_class li{width:auto;}
.fenli3 .pro_class li a{width:auto;padding:18px 0; font-size:15px;}

.pro_classr{color:#a6a6a7;font-size:14px; line-height:1.2;text-align:right;}
.pro_classr a{color:#a6a6a7;font-size:14px;}
.pro_classr a:hover{color:#e54100;}
.fenli3 .pro_classr{ margin:30px auto;}


.top100{ height:100px;}


/*页面导航*/
.navigation{
    margin: 30px 0;color: #a6a6a7;  font-size: 14px;    line-height: 1.4;}
.navigation a{color: #a6a6a7;font-size: 14px;}
.navigation a:hover{color:#e54100;}


@media(max-width:768px){

.pro_classr{ display:block;margin:0 !important; padding:15px 10px; background:#f5f5f5;text-align:center;width:100%;
    box-sizing:border-box;
}
.pro_class{ display:none;}
.pro_class li{ margin:0;}
.pro_class li a{width:auto;padding:3px 0; font-size:14px; margin:0 10px; }

.fenli3 .pro_class li{}
.fenli3 .pro_class li a{padding:5px; font-size:14px;}
.leibiao3{ margin:20px 0;}
.leibiao3 .protemptwo{
    box-sizing:border-box;padding:0 15px;
}
.leibiao3 .protemptwo li{width:100%;}
.leibiao3 .protemptitl a{ padding:0 15px; font-size:15px;}
.leibiao3 .protemptitl a .iconfont{width:26px;height:26px;font-size:20px; margin-top:7px;}
.top100{height:80px;}

}




/*应用行业列表*/
.yingyong{
    margin: 60px auto; position: relative;
}
.yingyong .culturet{color:#333;}
.yy_list_box{
    display: flex;justify-content: space-between;flex-wrap: wrap;}
    .yy_list_box+.yy_list_box{ margin-top:40px;}
.yy_list_box .yy_list_img{width:45%;position:relative; overflow:hidden;}
.yy_list_box .yy_list_img img{display: block;transition: all ease 0.5s;width:100%;height:auto;}
.yy_list_box:hover .yy_list_img img{ transform:scale(1.1);}
.yy_list_content{width:55%;box-sizing:border-box;display:flex;flex-direction:column;
    padding:10px 30px;
}
.yy_content_title{ font-size:26px;font-weight:bold;color:#333;line-height:1.4; position:relative;}
.yy_content_title:after{transition:all ease 0.5s;
    display: block;width: 70px;height: 1px;content: "";background: #dedede;margin: 25px 0 25px 0;}
.yy_content_txt{ font-size:15px;line-height:1.8;color:#666;}
.yymore{border: 1px solid #dedede;
    display: block;width: 120px;line-height: 36px;border-radius: 25px;text-align: center;margin-top: 30px;color: #666;font-size: 15px;
}
.yy_list_box:hover .yy_content_title:after{width:100%; background: #e54100;}
.yy_list_box:hover .yymore{ background:#e54100; border-color:#e54100;color:#fff;}

/*应用行业详情*/
.nyyyxqall{ margin:60px auto 30px auto;}
.nyyyxqall h1{font-size:30px;color:#333; line-height:1.4;text-align:center; margin-bottom:5px;}
.nyyyxqall .miaoshu{text-align:center;font-size:16px;color:#333; line-height:1.4;margin-bottom:30px;}
.nyyyxqall .swiper-slide img{
    display: block;width: 100%;height: 480px;
}
.nyyyxqall .small_ul{ margin-top: 1.25%;
    display: flex;}
.nyyyxqall .small_ul li+li{ margin-left:1.25%;}
.nyyyxqall .small_ul li{width:19%; overflow:hidden;}
.nyyyxqall .small_ul li img{display:block;width:100%;height:110px;}

/* 左右箭头通用样式 */
.nyyyxqall .swiper-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
          font-size: 50px;
            color: rgba(255,255,255,0.6);
            cursor: pointer;
            z-index: 9;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        /* 左箭头 */
.nyyyxqall .prev-btn {
            left: 10px;
        }
        /* 右箭头 */
.nyyyxqall .next-btn {
            right: 10px;
        }

.nyyyxqall .prev-btn:hover,.nyyyxqall .next-btn:hover{color:#fff;}

.mod1125 .pro_detail_content_div{ font-size: 16px;
    color: #333;
    line-height: 1.8;
    margin-bottom:6%;}


@media(max-width:768px){
    .yingyong{ padding: 30px 15px 0 15px; margin:0 0 0 0;}
    .yy_list_box .yy_list_img{width:100%;}
    .yy_list_content{width:100%; background:#f9f9f9;
        box-sizing:border-box;padding:15px;
    }
    .yy_content_title{ font-size:18px;}
    .yy_content_title:after{margin:10px 0 10px 0;}
    .yy_content_txt{ font-size:14px;}
    .yymore{font-size:14px; margin-top:10px;} 
    .yy_list_box+.yy_list_box{ margin-top:20px;}
    .newsny{ padding-bottom:0;}
    
    .yingyongxq{ padding:0 15px;}
    .nyyyxqall{ margin:30px 0 15px 0;}
    .nyyyxqall h1{font-size:18px;}
    .nyyyxqall .miaoshu{ font-size:14px;margin-bottom:20px;}
    .nyyyxqall .swiper-slide img{ height:auto;}
    .nyyyxqall .small_ul li img{ height:auto;}
    .mod1125 .pro_detail_content_div{ font-size:14px;}
}










/*内页下载*/
.download{ margin:60px 0;}
.download li{flex-wrap: wrap;
    display: flex;justify-content: space-between;border:1px solid rgba(0,0,0,10%); padding: 8px 15px;}

.download li .downloadl{width:70%;font-size: 16px;display: flex;align-items: center;
    font-weight: bold;color:#333;}
.download li .downloadc {font-size: 14px;display: flex;align-items: center;
    font-family: Arial;}
.download li .downloadr {font-size: 14px;
    display: flex;width: 100px;height: 34px;justify-content: center;align-items: center; background: #e54100;color: #fff;
}
.download li .downloadr:hover{ background:#111;color:#fff;}
.download li+li{ margin-top:20px;}
.download li:hover{ background:#f2f2f2;}

   @media(max-width:1024px){
       .download{ margin:35px 0; padding:0 15px;}
       .download li{ justify-content:left;padding: 15px;}
.download li .downloadl{font-size:14px;width:100%; margin-bottom:1px;}
.download li .downloadr{ margin-left:15px; height:30px;align-items:center;width:60px;}
}












/*内页联系我们*/
.nycontantall{ margin:60px 0;}    
.nycontant{ margin-top: 50px;padding:30px 50px;
background: #fff;box-shadow: 0 0 15px rgba(0,0,0,10%);
}
.nycontant h2{font-size: 28px;
    color: rgba(211,64,24,1);
    font-weight: bold;
    padding-bottom: 20px;}
.top40{ margin-top:40px;}
.nycontant li{ margin-bottom: 20px;
    display:flex;align-items: center;font-size: 16px;
    font-weight: normal;color: #333;
}
.nycontant li a{font-size: 16px;color: #333;}
.nycontant li:before{
    display: block;margin-right: 15px;color: #e54100;font-size:28px;
}
.nycontant li:hover,.nycontant li:hover a{color:#e54100;}


  @media(max-width:1024px){
.nycontantall{ margin:35px 0;}
.nycontant{ margin-top:15px;padding:25px 15px 15px 15px}
.nycontant h2{font-size:22px;}

}






/*搜索页面*/
.sousuony{ margin-bottom: 60px; box-sizing: border-box;
    padding:30px;
background: #fff;box-shadow: 0 0 15px rgba(0,0,0,10%);
}
.mod1403{ margin-bottom:20px;}
.mod1403 h2{font-size: 18px;color: #333;font-weight: bold; display:block;margin-bottom:20px;}
.mod1403 form{display: flex;justify-content: space-between;}
.mod1403 form .search-bg{width:90%;}
.mod1403 form .search-bg input{border:2px solid #ced4da; border-radius:6px;
    width: 100%;outline: none;display: flex;box-sizing: border-box; padding-left: 10px;
    line-height: 42px;
}
.mod1403 form .search-i{width:8%; overflow: hidden; min-width: 90px; margin-left: 5px;
    font-size: 18px;color: #fff; border-radius: 6px;background:#e54100; display: flex;justify-content: center;align-items: center;
}
.mod1403 form .search-i input{width: 100%;height: 100%; background:url(images/sousuobg.png)center no-repeat; position: relative;
  border: none;outline: none;cursor: pointer;
}


/*自定义栏目详情*/
.zidingyi{
    margin: 60px 0;
}
.pro_content_con {
    background: #f5f5f5;
    padding: 3rem;
    font-size: 1rem;
    line-height: 2;
}
.pro_content_con img{ max-width:100%;display:block; margin:1rem auto;}
.zidingyi .pro_detail_img { margin-bottom: 1.4rem;
    text-align: center;
}
.zidingyi .pro_detail_img img {
    max-width:450px;width: 100%; height: auto;
}
.zidingyi .pro_detail_name {
    padding-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: bold;color:#333;
    line-height: 1.6;
    text-align: center;
}
 .pro_detail_next {text-align: center;}
.pro_detail_next a {
    display:inline-block;text-align: center;
    margin-bottom: 1px;
    padding:1rem;text-align: center;

    font-size: 15px;
    color: #a6a6a6;
    line-height: 1.4; 
   
}
 .pro_detail_next a:hover {
    color: #e54100;
 
}
.zidingyi .pro_content {
    line-height: 1.8;
}
.zidingyi .pro_content img {
    max-width: 100%;
    display: block;
}

.n_pro_detail_hot_d ul{
    display: flex;justify-content: space-between;text-align: center;
}
.n_pro_detail_hot_d ul li{
    display: block;width: 23.5%;
}
.pro_detail_hot_img{ border:1px solid #eee;}
.n_pro_detail_hot_d ul li img{
    display: block;width: 100%;height: auto;
}
.pro_detail_hot_t{font-size: 1rem;color: #333;padding: 15px 0;line-height: 1.4;}







/*自适应调整*/
	@media(max-width:1680px){
 .w1200, .w1300, .width-1200, .w1400, .box{width:90%;}


}

@media(max-width:1550px){
	    .nycpflb li{ margin-bottom:0.5rem;}	
	}
 
 
	@media(max-width:1440px){
.n_box{ margin:4rem auto;}	    
.w1200, .w1300, .width-1200, .w1400{width:93%;}




}
	
	@media(max-width:1360px){
 .w1200, .w1300, .width-1200, .w1400{width:96%;}
.nyjjw dl{font-size:2.2rem;}	
	
	/*导航*/
.headerl .logo span{display:none;}


}
	
	
    @media(max-width:1280px){
 .n_box{ margin:3rem auto;}       

}
  




      @media(max-width:768px){
.n_box{ margin:2rem auto;}
/*手机导航*/
.nav{display:none;}
.shoujinav{display:block;}
#ts-nav-dots{  display:none !important;}
.headerbox{ height:80px;}
.headerl .logo img{height:64px;}







}