@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:"Noto Serif SC", "Microsoft Yahei"; 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,.content,.w1200{  margin:0 auto;
    box-sizing: border-box;padding: 0 10vw;
}
/* -- 内页布局 -- */

.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: 3vw auto;position: relative;
}
.n_box:after{
    display: block;content: "";clear: both;
}

/*抬头*/
.headerbg{z-index:11; position: fixed;top: 0;
    width: 100%;box-sizing: border-box;background:rgba(255,255,255,0.98);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; }

.headerl .logo{ font-weight: bold;
    display: flex;align-items: center;font-size: 1.4rem;color: #222;
}
.headerl .logo img{ height:auto; height:72px;
    display: block;
}
.headerl .logo span{color: #009944;}






/*导航*/
.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;
}

.headerbg .nav>ul>li.on>a {
    color: #009944;
}


.headerl{
    display: flex;align-items: center;
}
.head_w{  display: flex;line-height: 1.4;flex-direction:column; margin-left:0.6vw;}
.head_w strong{color: #009944; font-size:21px;}
.head_w p{font-size:15px;color: #222;}


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

  
.nav>ul>li{ position:relative;}
.nav>ul>li>a{ font-size:17px; color:#222; display:block; 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: #009944;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: #009944;}

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

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

.nav>ul>li:hover .dropmenu{  opacity:1; height:auto; padding:10px 0;}
.dropmenu a{ display:block;transition:all .3s ease;text-align:center;font-size: 15px;color: #333; line-height: 1.4;padding:8px 5px
}
.dropmenu a:hover{ color:#fff; background:#009944;}

.nav>ul>li:hover .dropmenu .box{
    display: flex;justify-content: space-between;
}


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


.navtel{
    display: flex;align-items: center; background: #009944;color: #fff;line-height: 40px;border-radius: 20px;padding: 0 1vw;
}
.navtel:before{
    display: block;font-size: 16px;color: #fff;
}
.navtel span{color:#fff;font-size:16px; margin-right:0.3vw;}
.navtel h3{ font-size:20px;font-family:"arial";}

.search{ margin-left:1vw;}
.search .iconfont{display:block;font-size:20px;color:#333; font-weight:bold;}



.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;display:flex;}
.flexac{ align-items:center;}

@media(max-width:1680px){
.box, .content, .w1200{ padding:0 8vw;}    
    
.nav>ul>li>a{font-size:1rem;}
.dropmenu a{ font-size:15px;}
.navtel h3{ font-size:19px;}
.headerl .logo img{ height:50px;}
}
	
	
 
	@media(max-width:1440px){
.box, .content, .w1200{ padding:0 5vw;}  
		
}
	
	@media(max-width:1360px){
.box, .content, .w1200{ padding:0 3vw;} 
		
}
	
	
    @media(max-width:1280px){
.box, .content, .w1200{ padding:0 2vw;} 
.navtel{display:none;}

}
  
      @media(max-width:1024px){

}
      @media(max-width:768px){
          .box, .content, .w1200{ padding:0 1rem;} 
	.nav{ display:none;}
	.headerl .logo img{ height:44px;}
	
}






/*手机导航*/
.shoujinav{ display:none; margin-left:20px;}
.shoujinavdj span{font-size: 1.3rem;color:#009944; 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 {display: none;
    position: fixed;
    left: 0;
    top: 70px;
    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: 1.4;font-size:15px;color: #222;  padding:7px 0;
}
.shoujinavnr li.on .erji{
    display: block;
   
   
}
.shoujinavnr .erji .sanji{
    border-bottom: 1px solid #ddd;padding-bottom: 1rem;margin-bottom: 1rem;
}
.shoujinavnr .erji .sanji a{display:block;font-size:14px;color:#888;line-height:1.4; padding:5px 0;}

.isernav .yijidianji{width:2rem;font-size:1rem;line-height:3rem;
    text-align: center;cursor: pointer; transform: rotate(270deg);}

.isernav li:nth-of-type(2) .yijidianji,.isernav li:nth-of-type(3) .yijidianji,.isernav li:nth-of-type(5) .yijidianji,.isernav li:nth-of-type(4) .yijidianji{transform: rotate(0);}

   

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

.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:#009944;font-size:2.2rem;font-weight:bold; line-height:1.1;}

   @media(max-width:768px){
      .shoujinav{display:block;} 
.search{}

.head_w strong{
    font-size:22px;line-height:1.2; margin-left:10px;
}
.head_w p,.head_w em{display:none;}
.head_w span{
    display:block;font-size:16px;
}

}


/*手机版权定住*/
.shoujidingzhu{position:fixed;width:100%;z-index: 99;
    height: 60px;box-sizing: border-box; display:none;justify-content: space-around; background: #009944;
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;
    }
.headerbg.mintop .headerbox,.headerbg .headerbox{ height:70px;}    
    
    
}

/*幻灯片*/

	.mod1019{ margin-top:100px;
	    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;
		    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(255,255,255,50%);border-radius: 4px;
	}
	
	.mod1019 .swiper-pagination-bullet{width:8px;border:none;height:8px;}
	
	.mod1019 .banner .swiper-pagination-bullet-active {background:#fff !important;width:40px;}
	.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:38px;}
.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:70px;}     
.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:220px !important;}
    .mod1019 .banner .nybanner img{height:120px !important;}
  .nybannerwenzi{ height:100%; top:0;}
   .nybannerwenzi .word p{ display:none;}
   .nybannerwenzi .word h1{ font-size:30px;}

}


/*搜索页面*/
.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:22px;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:#009944; 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;
}





 @media(max-width:768px){
     .mod1403 form .search-bg{width:81%;}
.mod1403 form .search-i{width:15%; margin-left:0; min-width:55px;}

}





/*产品中心*/

/*首页产品分类*/
			.syfenlei{text-align: center; margin-bottom: 2rem;}
			.syfenlei .flyiji{position: relative;z-index: 9;
				display: inline-block;line-height:46px;background: #f4f4f4; margin: 0.2vw 0.3vw;
			}
			.syfenlei .flyiji .yiji{ display: block; font-size: 1rem;color: #222;padding: 0 1.8vw;}	
.syfenlei .flyiji dl{ display: none; position: absolute;top: 46px;width: 100%;}

.syfenlei .flyiji:hover dl a{font-size: 0.9rem;line-height: 36px;background: #f4f4f4;border-top: 1px solid #ddd;display: block; background: #f4f4f4;
}
.syfenlei .flyiji:hover .yiji{ background: #009944;color: #fff;}
  .syfenlei .flyiji:hover dl{display: block;}
.syfenlei .flyiji dl a:hover{ background: #009944;color: #fff;}



.prodall{
    width: 100%;padding: 4vw 0 2.5vw 0;
}
.prodt{text-align:center;font-size:18px;line-height:1.4; margin-bottom:35px;}
.prodt h2{ font-size:40px;color:#222;}
.prodt span{color:#009944;}


 
 @media(max-width:1680px){
     .syfenlei .flyiji .yiji{ padding: 0 1.5vw}
 }
 
	@media(max-width:1440px){
.prodt h2{ font-size:36px;}
.prodb a .text{ font-size:18px;}	
}
	
	@media(max-width:1360px){
.prodt h2{ font-size:32px;}
.prodt{ font-size:16px;}
.syfenlei .flyiji .yiji{ padding: 0 1.5vw}			
}
	
	
    @media(max-width:1280px){
.prodt h2{ font-size:30px;}
.syfenlei{ margin-bottom:1.5rem;}
	
}
  
      @media(max-width:1024px){
          .prodt{ font-size:15px; margin-bottom:1.5rem;}
.prodt h2{ font-size:28px;}



.syfenlei .flyiji .yiji{ padding: 0 1rem}

}
      @media(max-width:768px){
.prodall{ padding:2rem 0}
.prodt{ margin-bottom:1rem;}
.prodt h2{ font-size:22px;}	
.syfenlei{ margin-bottom:1rem;}


}






/*产品特点*/
	.feature{ 
		width: 100%;padding:11vw 0 4vw 0;background:#f4f4f4 url(images/prodbg.png)center top no-repeat; background-size: 100%;
	}
	.featureb{display: flex;justify-content: space-between;}
	.featureb li{width: 23.5%;box-sizing: border-box;padding: 3rem;font-size: 1rem;line-height: 2; background: #fff;border-radius: 10px;overflow: hidden; cursor: pointer;}
	.featureb li .pic{width: 180px;height: 180px;overflow: hidden;border-radius: 50%;margin: 0 auto; border:8px solid #fff;}
	.featureb li .pic img{display: block;width: 100%;height: auto;}
	.featureb li .text{text-align: center;}
	.featureb li .text h3{ font-size: 1.5rem;color: #222;font-weight: bold; margin: 1rem 0 0.4rem 0;}
	
	.featureb li:hover{ background:#009944;}
	.featureb li:hover h3{color: #fff;}
	.featureb li:hover p{color: #fff9;}


@media(max-width:768px){
    .featureb li{line-height:1.6;}
}




/*首页视频*/
	.syvideo{
		width: 100%;padding: 5rem 0; overflow: hidden;position: relative;
	}
.videob{position: relative;
  overflow: hidden;width: 100%; padding-bottom: 0; padding-top:1.5vw;
}
.videob .videogd{overflow:visible;position: relative;}
.videogd .swiper-wrapper{ padding-bottom:3rem;
    position: relative;
}
.videogd .swiper-wrapper .swiper-slide{text-align: center;font-size: 1rem;line-height: 1.4;
    width: 20%;float: left;position: relative;box-sizing: border-box;transform: scale(0.75);
}
.videogd .swiper-wrapper .swiper-slide.swiper-slide-prev,.videogd .swiper-wrapper .swiper-slide.swiper-slide-next{transform: scale(0.82);}
	
.videogd .swiper-pagination{
    position: relative; bottom: 4px;display: inline-block;
}

.videogd .swiper-pagination-bullet{border: 2px solid #ddd;margin:0 5px; background:#ddd;width:10px;height:10px;}
.videogd .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#009944 ; background:#009944 ;}

.videogd .swiper-wrapper .swiper-slide.swiper-slide-active, .videogd  .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active{transform:scale(1);}
	
	
	
.videogd .casean{
    text-align: center;
}
.videogd .casean .swiper-button-next,.videogd .casean .swiper-button-prev{text-align: center;font-size:20px;opacity: 1;position: relative;color: #222;
    display:inline-block; background: none;height: 20px;
}
	
	.videogd .videosy{display: block;width: 100%;}


/*首页简介*/
.about{
    width: 100%;  padding-bottom: 5rem; background: #f4f4f4;
}
.aboutbg{padding: 4vw 0 0 0;
    width: 100%;background: url(images/aboutbg.jpg)center top no-repeat; background-size: 100%;
}
.aboutbg .box.flex{justify-content: space-between;}
.aboutbg .aboutpic{width:48%;display:block; border-radius:10px;overflow:hidden;}
.aboutbg .word{width:48%;text-align:justify; font-size:1rem;line-height:2;
    display: flex;flex-direction: column;justify-content:space-between;
}
.aboutbg .word h2{ font-size:2.6rem;color:#019944; line-height:1.2; padding-top:1vw;}
.aboutbg .word h3{ font-size:1.6rem;color:#333; }
.aboutbg .word p{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.jjlink{
  margin-top: 1.4rem;justify-content: space-between;
}
.jjlink a{ line-height:1.4;background: #fff;border-radius: 8px;width: 32%;
    display: flex;padding: 1vw 1vw;align-items: center; box-sizing: border-box;
    justify-content: space-around;
}
.jjlink a dt{ font-size:1.2rem;color:#222;}
.jjlink a dd{ font-size:0.9rem;font-family:"arial"; color:#999;}

.jjlink a span{display:block;font-size:3rem;color:#aaa; margin-left:1vw;}
.jjlink a:hover{background: #009944;}
.jjlink a:hover dt{color:#fff;}
.jjlink a:hover dd,.jjlink a:hover span{color:#fff8;}

/*数字滚动*/
.num{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; padding:4vw 0 0 0; font-size:1rem; text-align:center; }
.num span,.num i{ display:inline-block; vertical-align:top;}
.num span{ font-size:4rem; color:#000000; font-family:impact; position:relative; z-index:3;}
.num i{ border-radius:50%; width:30px; height:30px; font-size:1.4rem; font-family:impact; line-height:30px; color:#fff; background:#009944; margin-left:-10px;}
.num p+p{ margin-top:5px;font-size:1.2rem;}  



@media(max-width:1440px){
  .num p+p {font-size:1.1rem;}
}


@media(max-width:768px){
    .jjlink a{ line-height:1.2;padding:12px 0;}
    .jjlink a span{display:none;}
    
}








/*新闻中心*/
.newsall{ width: 100%; padding-top: 5rem;}
.news{ margin:0 auto;display: flex;justify-content: space-between;
}
.n_l{width: 67%; display: flex;
    flex-direction: column;
    justify-content: space-between;}
.hots{ padding-bottom: 1.2vw; border-bottom: 1px dotted #c1c1c1;}
.hots h3{ overflow: hidden; height: 54px; }
.hots h3 span{ display: inline-block; float: left; width: 112px; height: 40px; line-height: 40px; color:#fff; background: #009944; font-weight: normal; text-align: center; font-size: 20px; letter-spacing:2px; }
.hots h3 i{ font-style:normal;  display: inline-block; padding: 0 0 0 7px; height: 40px; line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal; color: #333; font-size: 1.3rem;;}
.hots p{ font-size: 15px; color: #999; line-height: 1.8;
overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
}
.hots p a{ color: #009944;}
.n_l ul{}
.n_l ul li{ line-height: 3; overflow: hidden; border-bottom: 1px dashed #ddd;}
.n_l ul li span{ display: inline-block; float: right; font-size: 13px; color: #666;}
.n_l ul li a{ font-size:15px;  display: block;}

.h_m dl{ overflow: hidden; background: #eee;margin-top: 1vw;
display: flex;justify-content: space-between;}
.h_m dl dt{width: 22%;}
.h_m dl dt img{width: 100%;height: auto;display:block; }
.h_m dl dd{width:72%; padding: 1vw 1.2vw 0 0;}
.h_m dl dd  h3{font-weight: normal; padding-top: 3px;}
.h_m dl dd h3 a{ font-size: 16px; color: #333;
     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;display: block;
}
.h_m dl dd p{ padding-top: 8px; font-size: 0.9rem; color: #888; line-height: 1.4;}
.h_m dl dd p a{ color: #009944;}
.h_m dl:hover{ background: #009944;}
.h_m dl:hover dd h3 a{ color: #fff;}
.h_m dl:hover dd p {color: #fff;}
.h_m dl:hover dd p a{ color: #fff;}

.n_r{ width:30%;  background: #eee; padding-bottom: 2vw;}
.n_r h3{ padding-top: 1.6vw;height:45px; overflow: hidden; padding-left: 25px; }
.n_r h3 a{ color: #333; font-size: 1.6rem; font-weight: normal; line-height: 100%;}
.n_r h3 a:hover{color: #009944;}
.n_r h3 span{ display: inline-block; float: right; margin-right: 27px; padding-top:5px; font-weight: normal;}
.n_r h3 span a{ text-transform: uppercase; font-family: Arial; font-size: 16px; color: #666;}
.n_r h4{ padding: 0 2vw;}
.n_r h4 img{ width: 100%;}
.n_r ul li{ overflow: hidden; padding: 1vw 0; margin: 0 2vw;}
.n_r ul li{ border-bottom: 1px dotted #c1c1c1;}
.n_r ul li:nth-of-type(3){ border-bottom:none;}
.n_r ul li i{ display: block;position: relative;}
.n_r ul li i:after{ display: block;width: 20px;height: 20px;text-align: center;font-family: "arial";background: #222; line-height: 20px; font-size:14px; color:#fff; content: "Q";position: absolute;left: 0;top:2px;font-style: normal; border-radius: 50%;}
.n_r ul li i a{ font-style:normal; display: block; padding-left: 29px; height: 21px; line-height: 21px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px; color: #333; }
.n_r ul li:hover i a{color:#009944;}
.n_r ul li span{position: relative; display: block; padding-left:27px; color: #888; font-size: 13px; line-height: 22px; padding-top: 11px;}
.n_r ul li span:after{ display: block;width: 20px;height: 20px;text-align: center;font-family: "arial";background: #009944; line-height: 20px; font-size:14px; color:#fff; content: "A";position: absolute;left: 0;top:13px;font-style: normal; border-radius: 50%;}
.n_r ul li span a{ color: #009944; display: inline-block; padding-left: 13px;}



@media(max-width:768px){
    .hots{ margin-bottom:6px;padding-bottom:12px;}
    .hots p{line-height:1.4;}
    .h_m dl dt{width:35%;}
    .h_m dl dd{width:60%; padding:1rem 1rem 0 0;
        box-sizing:border-box;}
    .h_m dl dd p{ padding-top:5px;}
    
    .n_r h3{
        padding:1rem 0 0 1rem; height:30px;
    }
    .n_r ul li{ padding:1rem 0;}
    
}


/*合作伙伴*/
.partner{
    width: 100%;padding: 4vw 0;background: #fff;
}
 .partnerb{
   position: relative;
}
 .anlian{display:flex; justify-content: center; position: relative; height: 60px;margin-top:2vw;
        align-items: center;
    }
   .partnergd .anlian .swiper-button-next,.partnergd .anlian .swiper-button-prev{text-align: center;font-size:20px;opacity: 1;position: relative;opacity: 0.5;
    display: block;color: #222;overflow: hidden; background: none; height: 60px;line-height: 52px;width: 60px;
}
.partnergd .anlian .swiper-button-next{ right:0; left:auto;}
.partnergd .anlian .swiper-button-prev{left:0;right:auto;}
.partnergd:hover .anlian .swiper-button-next{opacity:1;right:0;}
.partnergd:hover .anlian .swiper-button-prev{opacity:1;left:0;}
.partnergd .swiper-pagination{position: relative;
    display: flex;align-items: center;justify-content: center; height: 60px;
}
.partnergd .swiper-pagination-bullet{margin:0 4px;border-color:#ccc; background:#fff;}
.partnergd .swiper-pagination-bullet-active{ border-color:#009944;color:#009944;background:#009944;}
.partnergd .swiper-slide a{
   background: #fff;box-sizing: border-box;text-align: center;
}
.partnergd .swiper-slide a .pic{ overflow:hidden; border:1px solid #eee;}
.partnergd .swiper-slide a .pic img{
    display: block;width: 100%;height: auot;transition: all ease 0.5s;
}
.partnergd .swiper-slide a:hover .pic img{ transform:scale(1.05);}

.partnergd .swiper-slide a .txt{ font-size: 16px;line-height: 1.4;padding-top: 0.5vw;}


	@media(max-width:1440px){
.partnergd .swiper-slide a .txt{font-size:15px;}
		
}
	
      @media(max-width:768px){
          .partner{padding:2rem 0 1rem 0;}
	.partnergd .swiper-slide a .txt{font-size:14px; padding-top:0.5rem;}
	.anlian{margin-top:0;}
}






/*版权*/
.copyright{
    width: 100%;background: #222; padding-top: 4rem; margin-top: 4rem; padding-bottom: 55px;
}
.copyt{
    display: flex;justify-content: space-between; padding-bottom: 4rem;
}
.copynav{  display: flex; line-height:2.2;}
.copynav li dl{font-size:1.4rem;color:#fff;}
.copynav li dl:After{
    display: block;content: "";width: 1vw;background: #fff3;margin: 0.3rem 0 1rem 0; height: 1px;
}
.copynav li a{
    display: block;font-size: 0.9rem;color: rgba(255,255,255,0.4);
}
.copynav li a:hover{color:#fff;}
.copynav li+li{ margin-left:3vw;}

/*.copynav li:nth-of-type(2){width:440px;}
.copynav li:nth-of-type(2) a{ width:145px;float:left;}*/
.copynav li:after{
    display: block;content: "";clear: both;
}
.copycode{color: rgba(255,255,255,0.4); 
    display: block;text-align: center;font-size: 1rem;width:10rem;
}
.copycode li dl{font-size:1.4rem;color:#fff; margin-bottom:1vw;}

.copycode li img{
    display: block;width: 100%;height: auto; margin-bottom: 1rem;
}
.copycode li+li{ margin-top:0.6rem;}
.copytel li{
    display: flex; line-height: 1.6;
}
.copytel li:before{
    display: flex;width: 50px;height: 50px;align-items: center;justify-content: center;color: #fff;background: rgba(255,255,255,10%);
    border-radius: 50%;font-size: 22px; margin-right: 0.7rem;
}
.copytel li .telr{font-size:0.9rem;color: rgba(255,255,255,0.4); line-height:1.2;
    display: flex;flex-direction: column;justify-content: center;
}
.copytel li .telr dl{ font-size:1rem;color:#fff;line-height:1.6;}
.copytel li .telr h4{ color:#fff;font-size:1.2rem;font-weight:normal;line-height:1.6;}
.copytel li .telr h4 a{color:#fff;font-size:1.2rem;}
.copytel li .telr h3{color:#fff;font-size:2.4rem;font-family:"arial";}
.copytel li .telr h3 a{color:#fff;font-size:2.4rem;}
.copytel li+li{
    margin-top: 1.4rem;
}
.copytel li:nth-of-type(1):before{
    background: #009944;
}

.yddianhua{display: none; height: 4rem; bottom: 0; width:100%;background:#009944;z-index:9999;}
.yddianhua .tel{
    display: flex;align-items: center;color: #fff;justify-content: center;height: 100%;align-items: center;
}
.yddianhua .tel.iconfont:before{display:block;
    font-size: 20px; margin-right: 5px;
}
.yddianhua .tel dl{ font-size:24px;font-weight:bold;font-family:"arial";}





/*底部版权*/
.copyb{justify-content: space-between;
 font-size: 0.9rem;color: rgba(255,255,255,0.4);display: flex;align-items: center;   border-top: 1px solid rgba(255,255,255,5%);padding: 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: #009944; 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;
    }   
    
 @media(max-width:1440px){
   .bqsm dl{ font-size:1.2rem;}  
   .bqsm h2{font-size:2.2rem;}
 }   
    
    
    @media(max-width:768px){
   .bqsm dl{ font-size:1.1rem;}  
   .bqsm h2{font-size:1.4rem;}
 }   
    
    
    
    
    

@media(max-width:1280px){
		.syvideo{padding: 3rem 0;}					
/*	导航*/
	.nav>ul>li{ margin-left:1.4vw;}	
		
/*产品特点*/
.feature{	padding:13vw 0 5vw 0;}
.featureb{display: block;}
					.featureb:after{display: block;content: "";clear: both;}					
					.featureb li .pic{width: 150px;height: 150px;}				
.featureb li{ float: left;width: 49%; margin-right: 2%; padding: 2rem;}				
.featureb li:nth-of-type(2n){ margin-right: 0;}
.featureb li:nth-of-type(n+3){ margin-top: 2%;}
					.featureb li .text h3{margin: 0.5rem 0 0.1rem 0; font-size: 1.3rem;}				

/*首页简介*/
					.num li:nth-of-type(2){display: none;}	
		.num span{font-size:3.4rem;}			
		.about{  padding-bottom: 3rem;}
		.newsall{ padding-top: 3rem;}			
	.aboutbg .word h2,.prod_t p{ font-size: 2.2rem;}	
	.aboutbg .word h3{font-size:1.3rem;}
					
/*新闻资讯	*/
.n_l{width: 58%;}		
					.n_r{ width: 39%;}					
					.n_r ul li:nth-of-type(n+3){display: none;}
	
						/*内页产品列表新闻推荐*/
			.p19-infolist-1-t1 dl dt{width:35%;}
			.p19-infolist-1-t1 dl dd{width:65%;padding: 2rem;}
			.p19-infolist-1-t1 dl dd h3 a{font-size: 1.2rem; margin-bottom: 0.5rem;}				
					.p19-infolist-1-t1-desc{font-size: 14px;}	
					
				
	/*		内页产品*/
					.nycplb li,.p14-info-3-list ul li {width: 49%;}
					.nycplb li:nth-of-type(3n),.p14-info-3-list ul li:nth-of-type(3n) { margin-right: 2%;}
					.nycplb li:nth-of-type(2n),.p14-info-3-list ul li:nth-of-type(2n){ margin-right: 0;}				
					
					
	/*版权*/
.copynav li:nth-of-type(2){width:300px;}
.copynav li:nth-of-type(2) a:nth-of-type(n+15){display:none;}

					
					
}
  
      @media(max-width:1024px){
/*	导航*/
							.nav{display: none;}	
							.header .tel{display: flex;}					
.shoujinav{display: block}
					
	/*	首页产品*/
	.syfenlei .flyiji{margin:3px 1px;}
	.syfenlei .flyiji .yiji{ padding: 0 1rem;}			
					.prod_r .bd ul li{width: 49%}				
	.prod_r .bd ul li:nth-of-type(3n+1){ margin-left: 2%}						
	.prod_r .bd ul li:nth-of-type(2n+1){ margin-left: 0}		
.prod_r .bd ul li:nth-of-type(n+3){ margin-top: 2%}		
.prod_r .bd ul li:nth-of-type(n+7){display: block;}		
							
	

/*产品特点*/
.featureb li{ float: none;width:100%; margin-right:0; padding:1.5rem;}				
.featureb li:nth-of-type(2n){ margin-right: 0;}
.featureb li:nth-of-type(n+2){ margin-top: 1rem;}							
	
	/*公司简介*/
.aboutbg{background: url(images/aboutbg.jpg) bottom center no-repeat;}
.aboutbg .flex{flex-direction:column;}
.aboutbg .flex.jjlink{flex-direction:initial;}
.aboutbg .word,.aboutbg .aboutpic{width:100%;}
.aboutbg .aboutpic{ margin-top:1.5rem;}
.aboutbg .word h2,.aboutbg .word h3{text-align:center;}
	.aboutbg .word h2,.prod_t p{font-size: 2rem;}							
.num li:nth-of-type(3){display:none;}
.num span{font-size:3.2em;font-weight:bold;}
							
	
							/*	新闻*/
							.news{
								flex-direction: column;
							}							
							.n_l{width: 100%;}	
							.n_r{width: 100%; margin-top: 2rem;}	
						.hots h3 i,.n_r h3 a{ font-size: 1.1rem;}		
							
							
/*版权*/
.syvideo{padding: 2rem 0;}						
	.copyright{ margin-top: 2rem;padding-top: 2rem;}						
.copynav{display:none;}

.copycode{width:35%;}
.copytel{width:62%;}
.copyt{flex-direction: row-reverse;}
.copytel li:before{width:40px;height:40px;}
.copytel li .telr{width:calc(100% - 45px);-webkit-width:calc(100% - 45px);-ms-width:calc(100% - 45px); line-height:1;}
.copytel li .telr h3{line-height:1;}

.copytel li+li{ margin-top:1rem;}
.yddianhua{display:block; position:fixed;}							
							
	.copytel li .telr h3 a{font-size: 1.4rem;}
		
					
							
}
     







 @media(max-width:768px){
				
		/*公司简介*/
		.about{  padding-bottom: 2rem;}			
							.newsall{ padding-top: 2rem;}
 .num li:nth-of-type(4){display:none;}
.num span{font-size:2.8em;}
.num li{ margin:0 1rem;}
.aboutbg{ padding:2rem 0;}
.aboutbg .word p{-webkit-line-clamp: 5; line-height:1.6;}
		.aboutbg .word h2,.prod_t p{ font-size: 1.5rem;}										
		.aboutbg .word h3{font-size:1.2rem;line-height:1.2;}					
							
					
							
							
			/*版权*/
.copyb{
    justify-content:center;flex-direction:column;
}
.copyt{ padding-bottom:1rem;}			
.copytel li+li{ margin-top:5px;}							
}




/*内页面包屑导航*/
.mod1015 {
   
    width: 100%;
    line-height: 1.4;
  padding: 1.5vw 0;
 
   border-bottom:1px solid #eee;
    text-align: left;font-size:16px;
  }



.mod1015 .navigation .dicon{ font-size:18px; padding:0 5px; color:#009944;}
.mod1015 .navigation_w{ float:right; 
    padding-right:5px; 
   font-size:16px;
    font-style: normal;
    font-weight: 300;
    font-family: arial;
    color: #ccc;
    }
    .mod1015 .navigation a{font-size:16px;}
.mod1015 .navigation a:hover{ color:#009944;}

	@media(max-width:1440px){
	    .mod1015,.mod1015 .navigation a{font-size:15px;}
.mod1015 .navigation .dicon{font-size:17px;}
		
}


      @media(max-width:1024px){
.mod1015 .navigation_w{display:none;}
}
      @media(max-width:768px){
         .mod1015 {  padding: 1rem 0;
    margin-bottom: 2vw;}
          .mod1015 .navigation .dicon{font-size:16px;}
	.mod1015,.mod1015 .navigation a{font-size:14px;}						
}










	@media(max-width:1440px){

.flexcpxq .proddr{font-size:15px;}
}
	
	

  @media(max-width:1024px){

.flexcpxq{ flex-wrap:wrap;}
.pro_detail_img{width:100%; margin-bottom:1rem;}
.flexcpxq .proddr{width:100%;padding-left:0;}
.pro_detail_name h1{font-size:18px;}
.mod1061 .pro_detail_next{ margin-top:1rem;}
.pro_detail_recommend{ margin-top:1rem;}
.pro_detail_recommend .pro_detail_recommend_title{font-size:18px; margin-bottom:1rem;}
.flexcpxq .proddr dl{font-size:16px;}

}
      @media(max-width:768px){
         
	
	.flexcpxq .proddr{font-size:14px;}
	.pro_detail_recommend .pro_detail_recommend_title{font-size:16px; padding:0 1rem;}
}



/*三个列表*/
.mod1491 .protemptwo ul{width:100%; display:flex;flex-wrap:wrap;}
.mod1491 .protemptwo li{ width:32%; transition: all .5s ease; position:relative; margin:0 2% 2% 0; background: #f5f5f5;
    display: block;
}
.mod1491 .protemptwo li:nth-of-type(3n){
    margin-right: 0;
}
.mod1491 .protemppic{overflow:hidden; position:relative;border:1px solid #eee;}
.mod1491 .protemppic img{ width:100%; transition:all .5s ease;
    display: block;
}
.mod1491 .protemptitl a{ display:block; position:relative; font-size:16px; line-height:1.4; padding:1rem 3%;
    text-align: center;
}
.mod1491 .protemptitl{position:relative;}
.mod1491 .protemptitl:before{display:block;content:""; width:100%; height:0px; bottom:0px; left:0px; background:#009944; transition:all 0.5s ease;
    position: absolute;
}
.mod1491 .protemptwo li:hover .protemptitl:before{height: 100%;transition: 0.6s;}

.mod1491 .protemptwo li:hover .protemptitl a{ color:#fff;}
.mod1491 .protemptwo li:hover .protemppic img{ transform:scale(1.2) }


 @media(max-width:1024px){
.mod1491 .protemptwo li{width:49%;}
.mod1491 .protemptwo li:nth-of-type(3n){ margin-right:2%;}
.mod1491 .protemptwo li:nth-of-type(2n){ margin-right:0;}
      }
@media(max-width:768px){
         
	.mod1491 .protemptitl a{font-size:14px; padding:10px 0;}	
	
}



/*四个列表*/
.liebiao4 .protemptwo ul{width:100%; display:flex;flex-wrap:wrap;}
.liebiao4 .protemptwo li{ width:23.5%; transition: all .5s ease; position:relative; margin:0 2% 2% 0; background: #f5f5f5;
    display: block;
}
.liebiao4 .protemptwo li:nth-of-type(4n){
    margin-right: 0;
}
.liebiao4 .protemppic{overflow:hidden; position:relative;border:1px solid #eee;}
.liebiao4 .protemppic img{ width:100%; transition:all .5s ease;
    display: block;
}
.liebiao4 .protemppic video{display:block;width:100%;height:auto;}
.liebiao4 .protemptitl a{ display:block; position:relative; font-size:16px; line-height:1.4; padding:1rem 3%;
    text-align: center;
}
.liebiao4 .protemptitl{position:relative;}
.liebiao4 .protemptitl:before{display:block;content:""; width:100%; height:0px; bottom:0px; left:0px; background:#009944; transition:all 0.5s ease;
    position: absolute;
}
.liebiao4 .protemptwo li:hover .protemptitl:before{height: 100%;transition: 0.6s;}

.liebiao4 .protemptwo li:hover .protemptitl a{ color:#fff;}
.liebiao4 .protemptwo li:hover .protemppic img{ transform:scale(1.2) }

@media(max-width:1440px){
.liebiao4 .protemptwo li{width:32%;}
.liebiao4 .protemptwo li:nth-of-type(4n){ margin-right:2%;}
.liebiao4 .protemptitl a{ font-size:15px; }
.liebiao4 .protemptwo li:nth-of-type(3n){ margin-right:0;}

.prodall.liebiao4 .protemptwo li:nth-of-type(n+7){display:none;}

}

 @media(max-width:1024px){
.liebiao4 .protemptwo li{width:49%;}
.liebiao4 .protemptwo li:nth-of-type(3n){ margin-right:2%;}
.liebiao4 .protemptwo li:nth-of-type(2n){ margin-right:0;}


}
 @media(max-width:768px){
     .liebiao4 .protemptitl a{ font-size:14px; padding:10px 0;}
 }




/*内页简介*/
.n_about{ font-size: 16px;line-height: 30px;margin: 0 auto;box-shadow: 0 0 14px 0 #999;  padding: 50px 0 50px 0; 

    margin-top: 50px; box-sizing: border-box;}
	.flexus{display: flex;justify-content: space-between;}
.n_about .word{ margin-top:2vw; padding:0 50px;}
.n_about .word p{text-indent: 2em;}
.n_about .word p+p{ padding-top: 15px;}
    .n_about dl{font-size: 32px;}
    .n_about p{font-size: 15px;color: #555;}
    .n_ab2{ margin-bottom: 10px;}
    .n_ab2 dl{font-size: 24px;font-weight: bold;color: #fff;background: #009944;padding:10px 30px;}
    .n_ab3{width: 54%;text-align: justify;}
    .n_ab3 p{text-indent: 2em;font-size: 15px;line-height: 1.8;padding:15px 0 0 2.5vw;}
 .n_about p em{font-weight: bold;font-style: normal; color: #009944;font-size: 16px;}
    .n_about span{font-size: 31px;line-height:48px;margin-left: 15px;color: #999; float: left;}
.n_about img{
	display: block; width: 40%; max-height: 520px; margin-right: 2.5vw;
}
  
  @media(max-width:1680px){

		
}

	@media(max-width:1440px){
.n_about{font-size: 15px;}

}
	
	@media(max-width:1360px){

		
}
	
	
    @media(max-width:1024px){
.n_about{ margin-top: 2rem; padding: 2rem 0;font-size: 14px;}
							.n_ab2{ margin-bottom: 0;}
							.flexus{
								flex-direction: column;
							}				
							.n_ab3{width: 100%;}
							.n_about img{width: 100%;max-width: 100%;min-width: 100%;
							box-sizing: border-box;padding: 1rem 1.5rem;
							}				
							.n_ab3 p{padding: 15px 1.5rem 0 1.5rem;}				
							


}
  @media(max-width:768px){
.n_about{box-shadow:none;padding:0;}
.nyjjw{font-size:14px; padding:2rem 1rem;}
.nyjjw h1{font-size:18px;}
.nyjjw p{ padding:5px 0;}
.n_ab3 p{ padding:5px 0;}
.n_about img{ padding:5px 0;}
.n_about .word{ padding:0;margin-top:1rem;}
}



/*内页新闻图文列表*/
.mod1468 .news_d_list {
    width: 100%;
    margin: 0 auto;
}
.mod1468 .news_list_box {
    border: #dedede solid 1px;
    overflow: hidden;
    padding: 1.5vw;
    margin-bottom: 1.5vw;
    
}
.mod1468 .news_list_box:hover {
    border:#009944 solid 1px;
}
.mod1468 .news_list_img {
    width: 25%;
    float: left;
    font-size: 0;
}

.mod1468 .news_list_img img {
    max-width: 100%;
    display: table-cell;
}
.mod1468 .news_list_content{
    width: 75%;
    float: left;
    padding: 0 0 0 1.5vw;
    box-sizing: border-box;
}

.mod1468 .news_list_box .news_content_title{ 
  
    line-height:1.6; margin-bottom: 1vw; margin-top: 0.5vw;
    font-size: 22px;
    color: #333;

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

}
.mod1468 .news_list_box:hover .news_content_title{
    color:#009944;
}
.mod1468 .news_list_box .news_content_txt {
    font-weight: normal;
    line-height: 1.8; font-size: 16px;
   
    color: #666;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.mod1468 .news_list_box .news_content_more {
    margin-top: 25px;
    width: 134px;
    height: 40px;
    float: left;
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    text-align: center;
    background: #f5f5f5;
}
.mod1468 .news_list_box:hover .news_content_more {
    background:#009944;
    border-color: #009944;
    color: #fff;
}
.mod1468 .news_content_time {
    float:left;
    padding-top: 35px;
    padding-left: 20px;
    font-size: 16px;
    color: #666;
}
  
  
  
/*常见问题列表*/
.mod1488 .nynews_box{ width:100%;}
.mod1488 .nynewslist{ position:relative; margin-bottom:1.5vw; background:#FFF; transition:.45s; border:3px solid #f5f5f5; padding:1.5vw;
    cursor: pointer;display: flex;justify-content: space-between;
}
.mod1488 .nynewslist:hover{ border:3px solid #009944;}

.mod1488 .nynewslist_time{ width:10%; min-width:90px;  height:140px; color:#FFF; text-align:center; font-family:Arial; transition:0.5s; background:url(https://site.di7.com/designer/100424/store/files/images/100424_list_news_02_time.png) center 28px no-repeat #a9a9a9;}
.mod1488 .nynewslist:hover .nynewslist_time{ background:url(https://site.di7.com/designer/100424/store/files/images/100424_list_news_02_time.png) center 28px no-repeat #009944;}
.mod1488 .nynewslist_day{ font-size:36px; font-weight:bold; padding-top:55px;}
.mod1488 .nynewslist_month{ font-size:16px;}

.mod1488 .nynewslist_cont{  position:relative;width:88%;}
.mod1488 .nynewslist_cont a{ text-decoration:none;}
.mod1488 .nynewslist_tit a{ display:block; font-size:22px;color:#222; line-height:1.4; border-bottom:1px solid #c8c8c8; padding-bottom:0.5vw;}
.mod1488 .nynewslist_tit a:hover{ display:block;color: #009944;} 
.mod1488 .nynewslist_miao{ line-height:1.8; color:#666; margin-top:0.6vw; font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}



	
	@media(max-width:1360px){
.mod1468 .news_list_box .news_content_title,.mod1488 .nynewslist_tit a{font-size:20px;}
	.mod1468 .news_list_box .news_content_txt,.mod1488 .nynewslist_miao{font-size:15px;}	
.mod1468 .news_list_box .news_content_more{font-size:15px;}	
.mod1488 .nynewslist_cont{  position:relative;width:87%;}
}
	
	
    @media(max-width:1280px){
        .mod1468 .news_list_box{ padding:2rem;}
.mod1468 .news_list_img{width:30%;}
.mod1468 .news_list_content{width:70%; padding-left:2vw;}
.mod1488 .nynewslist_cont{  position:relative;}


}
  
      @media(max-width:1024px){
.mod1468 .news_list_img{width:40%;}
.mod1468 .news_list_content{width:60%; padding-left:2vw;}
.mod1488 .nynewslist_cont{  position:relative;width:87%;}
}



      @media(max-width:768px){
.mod1468 .news_list_box .news_content_title{font-size:18px; padding-top:1rem;}
.mod1488 .nynewslist_tit a{font-size:18px;}

	.mod1468 .news_list_box .news_content_txt,.mod1488 .nynewslist_miao{font-size:14px;}	
.mod1468 .news_list_box .news_content_more{font-size:14px;}		

.mod1488 .nynewslist_cont{width:calc(100% - 100px);-webkit-width:calc(100% - 100px);-ms-width:calc(100% - 100px)}
.mod1468 .news_list_box{ padding:1rem;}
.mod1488 .nynewslist{ padding:0.6rem;}
.mod1468 .news_list_content{ margin-left:0;width:100%;}
.mod1468 .news_list_img{width:100%;}
.mod1468 .news_list_box .news_content_more{ margin-top:15px;}
.mod1468 .news_content_time{ padding-top:25px;}
.mod1468 .news_list_box+.news_list_box{ margin-top:1rem;}
.mod1488 .nynewslist_time{ height:110px;background: url(https://site.di7.com/designer/100424/store/files/images/100424_list_news_02_time.png) center 18px no-repeat #a9a9a9;}
.mod1488 .nynewslist:hover .nynewslist_time{ background: url(https://site.di7.com/designer/100424/store/files/images/100424_list_news_02_time.png) center 18px no-repeat #009944;}
.mod1488 .nynewslist_day{ padding-top:40px; font-size:26px;}
.mod1488 .nynewslist_month{font-size:15px;}
.mod1488 .nynewslist_tit a{ padding-bottom:8px;}
.mod1488 .nynewslist_miao{ margin-top:6px;-webkit-line-clamp:3;line-height:1.5;}

}  






/*新闻详情*/
.mod1007 .news_detail_img {
    text-align: center;
}
.mod1007 .news_detail_img img {
    max-width: 100%;
}
.mod1007 .news_detail_name {
    font-size: 22px;
    color: #333;
    font-weight: bold;
    line-height: 1.8;padding-bottom: 1.2vw ;
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
}
.mod1007 .news_detail_name p {
    font-weight: normal;
    font-size: 14px;
}
.mod1007 .news_detail_next {
    padding-top:1.2vw;font-size: 15px;color: #666;
    text-align: center;
    border-top: 1px solid #eee;
}
.mod1007 .news_detail_next a{font-size: 15px;color: #666;}

.mod1007 .news_detail_content {
    line-height: 1.8;font-size: 16px;
    padding: 1vw 0;
}
.mod1007 .news_detail_content img {
    max-width: 100%;
    display: block;
    padding: 1rem 0;
}
.mod1007 .news_detail_content p{
    padding: 0.5vw 0;text-indent: 2em;
}
 @media(max-width:1440px){
   .mod1007 .news_detail_content{ font-size:15px; }
 }

   @media(max-width:1024px){
.mod1007 .news_detail_next{
    display:flex;flex-direction:column;
}
}
      @media(max-width:768px){
          .mod1007 .news_detail_name{font-size:16px;}
          .mod1007 .news_detail_next{ padding-top:1rem;line-height:1;}
	.mod1007 .news_detail_next a,.mod1007 .news_detail_next{font-size:14px;line-height:1;}	
	.mod1007 .news_detail_content p{padding:8px 0;}
}
  
  
  
  
  /*自定义栏目详情*/
  .zdylmxq .pro_detail_img {margin: 0 auto; 
    text-align: center;
}
.zdylmxq .pro_detail_img img {
    max-width: 100%;width: auto;margin: 0 auto;}
 .zdylmxq .pro_detail_name {
    padding-bottom: 15px;color: #222;
    font-size: 23px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
}
 
.zdylmxq .pro_content {
    line-height: 28px;
}
.zdylmxq .pro_content img {
    max-width: 100%;
    display: block;
}

.zdylmxq .pro_content_title {
    position: relative;
    height: 40px;
    border-bottom: 1px solid #ddd;
    line-height: 40px;
    font-size: 14px;
    color: #444;
    margin-bottom: 15px;
    padding-left: 5px;
}
.zdylmxq .pro_content_title strong{ 
    font-size: 16px;
    font-weight: bold;
    color: #009944;
}

.zdylmxq .pro_content_con{
    background: #f5f5f5;padding: 50px;font-size: 15px;line-height: 32px;
}
.zdylmxq .pro_content_con img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding: 20px 0;
}
.zdylmxq .pro_content_con span {
    display: block;
    padding-top: 20px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
.zdylmxq .pro_content_con p {
    display: block;
    text-indent: 2em;
    font-size: 16px;
    color: #333;
    line-height: 32px;
}

.zdylmxq .pro_content_con td {
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    line-height: 30px;
    vertical-align: middle;
}

    @media(max-width:1440px){
.zdylmxq .pro_detail_name{font-size:20px;}
}

    @media(max-width:1280px){
.zdylmxq .pro_detail_name{font-size:18px;}
}
  
  
      @media(max-width:768px){
          .zdylmxq .pro_detail_name{font-size:16px;}
}



/*内页留言*/
.nyliuyan .feedback_form{height: auto; box-sizing: border-box;
    width: 100%; background: #f5f5f5;border: 1px solid #eee;padding: 3vw;
    
}
.nyliuyan .feedback_form_t {
    font-size: 28px;
    text-align: center;color:#333;
    line-height: 1.4;
    border-bottom: 1px solid #009944;
    margin-bottom: 1.5vw; padding-bottom:1.5vw;
}
.nyliuyan .feedback_form input,
.nyliuyan .feedback_form textarea{
    border: 1px solid #ccc;
  
}
.nyliuyan .feedback_form textarea{
    padding: 25px 15px;
}

.nyliuyan .feedback_form li {
    width:48.5%;
    background: none;
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
    line-height: 55px;
}
.nyliuyan .feedback_form li:nth-of-type(2n){
    margin-left: 3%;
}
.nyliuyan .feedback_content i{ 
    font-size:18px;
    padding: 0 5px;color: #333;
}
.nyliuyan .feedback_content i span{
    color: #e70606;font-weight: bold;
}
.nyliuyan .feedback_form li.message {
    padding-top: 10px;
}
.nyliuyan .wbf-input {
    width: 100%;
    height: 32px;
    padding:25px 15px ;
   
    line-height: normal;
    box-sizing: border-box;
}

.nyliuyan .wbf-code {
    width: 140px;
    height:45px;
    padding: 10px;
    margin: 8px 0;
    line-height: normal;
    box-sizing: border-box;
}

.nyliuyan .yzma img{ vertical-align: middle;
    width: 110px;
}
.nyliuyan .wbf-textarea {
    width: 100%;
    height: 200px;
    padding: 8px;
    line-height: 20px;
    box-sizing: border-box;
}
.nyliuyan input.button.btn_message{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
   
    margin-top: 10px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 30px;
    border-radius: 30px;
    line-height: 40px;
    background: #666;
    font-size: 16px;
    color: #fff;
    border: none;
    
}

.nyliuyan a.button.btn_message{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin-left: 20px;
    margin-top: 10px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 30px;
    border-radius: 30px;
    line-height: 40px;
    background: #009944;
    font-size: 16px;
    color: #fff;
    
}
.feedback_content{flex-wrap: wrap;
    display: flex;justify-content: space-between;
}
.nyliuyan .feedback_form input::-webkit-input-placeholder,
.nyliuyan .feedback_form textarea::-webkit-input-placeholder {
    color: #ccc;
}
.nyliuyan .feedback_form .fb_message{
    width: 100%;
}
.nyliuyan .feedback_form li.yzma{width: auto;margin-right: 1vw;padding: 0 10px;background: #fff;
   
}
.tijlj{
    display: flex;justify-content: center;
}

     @media(max-width:1360px){
.nyliuyan .feedback_content i{font-size:16px;}

}

     @media(max-width:768px){
.nyliuyan .feedback_form{ padding:1rem;}
.nyliuyan .feedback_form li{line-height:40px;width:100%;}

.nyliuyan .feedback_form li:nth-of-type(2n){ margin-left:0;}
.nyliuyan .feedback_content i{font-size:15px;}
.nyliuyan .feedback_form li.yzma{ margin-right:0;}
.tijlj{flex-wrap:wrap;}
.nyliuyan .feedback_form_t{font-size:24px;}

}









/*内页联系我们留言*/
.contact{
    width: 100%;padding: 4vw 0; background: #f4f4f4; 
}

.shouyely{ }
.shouyely .feedback_content li{ width:32.5%;
    box-sizing: border-box;float: left;
}
.shouyely .feedback_content li+li{ margin-left:1.25%;}
.shouyely .feedback_content li input{ box-sizing: border-box;font-size: 1rem;
    width: 100%;line-height: 3;border: 1px solid #eee;outline: transparent; padding-left: 1.4rem;
}
.shouyely .feedback_content li.fb_message{ width:100%;margin-left:0; margin-top:1.25%;}
.shouyely .feedback_content li.fb_message .wbf-textarea{width:100%;padding: 1.4rem; line-height:1.4;border: 1px solid #eee;outline: transparent;  min-height:100px;
    box-sizing: border-box;font-size: 1rem;
}
.xiamtj{
    text-align: center;margin-top: 2.4rem;
}
.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: #fff;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: #fff;color: #333;width: auto;padding: 0 3rem;font-size: 1rem;
}
.xiamtj li.tijiao a{
    line-height: 50px;background: #009944;color: #fff;padding: 0 3rem;font-size: 1rem;display: block;
}
/*内页联系我们*/
    
.mod1523 .contact{
border-top: 1px solid #dedede;
}


.contactb{
   display: -webkit-flex;
    display: flex;
    justify-content: space-between; margin-bottom: 4vw;
    flex-wrap: nowrap;
   
}
.contactb li{padding:2vw 1vw; background: #fff;;
    display: block;width:33.33%;box-sizing: border-box;text-align: center; font-size: 1.6rem;line-height: 1.2;color: #333; font-family: "arial";
}
.contactb li:nth-of-type(n+2){border-left:1px solid #f4f4f4; }
.contactb li dd{ font-size:2rem;color:#fff;  border: 10px solid #d8f5e5;
    width: 4.4rem;height: 4.4rem;line-height: 4.4rem;background: #009944; border-radius: 50%;overflow: hidden;margin: 0 auto 1rem auto;
}
.contactb li p{ font-size:1.1rem;color:#333; line-height:1.6; padding-bottom:5px;}


      @media(max-width:1024px){
.contactb li dd{
    width: 3.6rem;border: 8px solid #d8f5e5;
    height: 3.6rem;font-size:1.6rem;
    line-height: 3.6rem;
    margin:0 auto 0.5rem auto;
    
}
.contactb li{font-size:1.4rem;}
.contactb li p{font-size:1rem;}

}
      @media(max-width:768px){
.contactb{flex-wrap:wrap; margin-bottom:2rem;} 
.contactb li{width:100%;padding:1.5rem 1rem;}
.contactb li+li{ border-left:none;border-top:1px solid #eee;}
.contactb li{font-size:1.2rem;}          
        
        
          
          
/*内页联系留言*/
.shouyely .feedback_content li{width:100%;margin:0.3rem 0;}
.shouyely .feedback_content li+li{ margin-left:0;}
.xiamtj li.yzma{width:auto;margin:0; margin-bottom:1rem; box-sizing:border-box;}
.xiamtj{ margin-top:1rem;}
}





/*产品详情*/
.flexcpxq{
    display: flex; 
}
.flexcplb{
    display: flex; justify-content: space-between;
}
.keywork{ margin-top:3vw;}
.mod1548 .n_prod_d {
     
    }
    .mod1548 .n_prod_d .n_prod_l {
        width:46%;position: relative;
    }
  
    .mod1548 .n_prod_d .n_prod_l .n_prod_img {
        border: 1px solid #eee;
    }
    .mod1548 .n_prod_d .n_prod_l .n_prod_img ul {
        width: 100%;
        display: flex;
    }
    .mod1548 .n_prod_d .n_prod_l .n_prod_img ul li {
        width: 100%;
        cursor: pointer;
    }
    .mod1548 .n_prod_d .n_prod_l .n_prod_img ul li .n_pro_img {
        width: 100%; position: relative;
       
        overflow: hidden;
    }
    .mod1548 .n_prod_d .n_prod_l .n_prod_img ul li .n_pro_img:before{z-index: 2;
    display: block;
    width:20%;
    content: "";
    height: 15%;
    background: url(files/images/cplogo.png)left top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 1.5vw;
    top: 1.5vw;}
    .mod1548 .n_prod_d .n_prod_l .n_prod_img .pageState{
        position: absolute;left: 0;right: 0;width: 100%;bottom:10px;text-align: center;
    }
    .mod1548 .n_prod_d .n_prod_l .n_prod_img ul li .n_pro_img img {
        display: block;
        width: 100%; box-sizing: border-box;padding: 0;
        transition: ease 0.3s;
    }
    .mod1548 .n_prod_d .n_prod_l .n_prod_img ul li:hover .n_pro_img img {
        /*transform: scale(1.1);*/
    }
    .n_prod_hd {
       position: absolute;top: 45%;width: 100%;
    }
    .n_prod_hd a{font-size:40px;cursor:pointer;color:#aaa;}
    .n_prod_hd a:hover{color:#009944
    ;}
    .n_prod_hd .next{
        position: absolute;right: 1vw;
    }
    .n_prod_hd .prev{ position:absolute;left: 1vw;
    }
    .mod1548 .n_prod_d .n_prod_bd .n_prod_hd ul {
        display: flex;
        flex-wrap: wrap;
    }
    .mod1548 .n_prod_d .n_prod_bd .n_prod_hd ul li {
        margin-right: 1.025%;
        width: 10.2%;
        cursor: pointer;box-sizing: border-box;
        border: 1px solid #eee;
    }
    .mod1548 .n_prod_d .n_prod_bd .n_prod_hd ul li:nth-child(9n) {
        margin-right: 0;
    }
    
    .mod1548 .n_prod_d .n_prod_bd .n_prod_hd ul li .n_pro_img {
        width: 100%;
      
        overflow: hidden;
      
    }
    .mod1548 .n_prod_d .n_prod_bd .n_prod_hd ul li img {
        display: block;
        width: 100%;
    }
    .mod1548 .n_prod_d .n_prod_bd .n_prod_hd ul li.on {
        border-color: #009944;
    }
    /*end*/
    .mod1548 .n_prod_d .n_prod_r {
        width: 50%;
    }
    .n_prod_txt{height: 100%;
        display: flex;justify-content: space-between;flex-direction: column;
    }
    .mod1548 .n_prod_d .n_prod_r .n_prod_txt .n_pro_title {
        line-height: 1.2; padding: 20px 0;
        border-bottom: 1px solid #eee;
      
    }
    .mod1548 .n_prod_d .n_prod_r .n_prod_txt .n_pro_title {
        display: block;
        font-size: 20px;
        font-weight: bold;
        color: #333;
    }
    .mod1548 .n_prod_d .n_prod_r .n_prod_txt .n_pro_w {
        display: flex;
        font-size: 1rem;
        color: #666;border-top: 1px solid #eee;border-bottom:1px solid #eee;
        line-height: 2;
    }
    .mod1548 .n_prod_d .n_prod_r .n_prod_txt .n_pro_w .n_pro_w_l {
        margin-right: 2%;
        width: 25%;
        padding: 10px;
        border: 1px solid #eee;
    }
    .mod1548 .n_prod_d .n_prod_r .n_prod_txt .n_pro_w .n_pro_w_l img {
        display: block;
        max-width: 100%;
        width: 100%;
    }
    .mod1548 .n_prod_d .n_prod_r .n_prod_txt .n_pro_w .n_pro_w_l span {
        display: block;
        text-align: center;
        font-size: 1rem;
        color: #333;
        line-height: 1.6;
    }
    .n_pro_w_r{
        display: flex;height: 70px;align-items: center;font-size: 18px;color: #888;
    }
    .n_pro_w_r em{margin-right: 10px;
        display:block;width: 40px;line-height: 40px;border-radius: 50%;overflow: hidden;text-align: center;background:  #009944;
        color:#fff;font-size:22px;
    }
    .mod1548 .n_prod_d .n_prod_r .n_prod_txt .n_pro_w .n_pro_w_r h3 {
        display: block;
        font-weight: normal;font-size: 1rem;
        color: #666;
    }
    .mod1548 .n_prod_d .n_prod_r .n_prod_txt .n_pro_w .n_pro_w_r span {
        display: block;line-height: 1.3;
        font-size:2.2rem;font-family: "arial";font-weight: bold;
        color: #009944;
    }
   
  
    /*end*/
    
     .n_pro_detail_next {
        margin:50px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .n_pro_detail_next a {
        margin: 0 15px;
        display: block;
        font-size: 16px;
        color: #666;
    }
     .n_pro_detail_next a:hover {
        color: #009944;
    }
    /*end*/
    
    .mod1548 .n_pro_detail_d {
        margin-top: 40px;
    }
    .mod1548 .n_pro_detail_d .n_pro_detail_d_tile {
        line-height: 50px;
        border-bottom: 1px solid #eee;
        margin-bottom: 20px;
    }
    .mod1548 .n_pro_detail_d .n_pro_detail_d_tile span {
        display: block;
        font-size: 20px;
        font-weight: bold;
        color: #333;
    }
     .n_pro_detail_hot_tile {
        margin-bottom: 20px;
        line-height: 50px; background: #F5F5F5;
        border-bottom: 1px solid #eee;
    }
     .n_pro_detail_hot_tile span { padding-left: 1.5vw;
        display: block;
        font-size: 22px;font-weight: bold;
        color: #333;
    }
     .n_pro_detail_hot_tile span b {
        font-family: "Arial";
        font-size: 13px;
        color: #999;
        font-weight: normal;
        text-transform: uppercase;
    }
     .n_pro_detail_hot_d ul {
        display: flex;
        flex-wrap: wrap; justify-content: space-between;
    }
     .n_pro_detail_hot_d ul li {
       
        width:32%;
    }
     .n_pro_detail_hot_d ul li:nth-child(3n) {
        margin-right: 0;
    }
     .n_pro_detail_hot_d ul li a:first-of-type {
        display: block; position: relative;box-sizing: border-box;padding: 1rem;
        width: 100%;
     
        border: 1px solid #eee;
        overflow: hidden;
    }
     .n_pro_detail_hot_d ul li a:first-of-type:after{
        z-index:2;
    display: block;width: 25%;content: "";height: 15%;background: url(images/cplogo.png)left top no-repeat;background-size: 100%;
    position: absolute;left: 1vw;top: 1vw;
}

     .n_pro_detail_hot_d ul li a img {
        display: block;
        width: 100%;
        transition: ease 0.3s;
        transform: scale(1);
    }
     .n_pro_detail_hot_d ul li a {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #333;
        line-height: 40px;
    }
     .n_pro_detail_hot_d ul li:hover a img {
        transform: scale(1.1);
    }
     .n_pro_detail_hot_d ul li:hover a {
        color: #009944;
    }
    .n_pro_detail_d_content{ font-size: 1rem;line-height:1.6;
        background: #fff;border: 1px solid #eee;padding:2vw 3vw;
    }
    .n_pro_detail_d_content img{
        display: block;margin: 2vw auto; max-width: 100%;
    }
    .miaoshu{
        font-size: 1rem;line-height:1.6;color: #666;margin:1vw auto 0.5vw auto;
    }
    
    
    
    
    .miaoshu dl{color:#222;font-size:1rem; margin-bottom:0.3rem;line-height:1.8;}
    .n_pro_detail_d_content table{
        width: 100%;background: #fff;border-collapse: collapse;
    }
    .n_pro_detail_d_content table td{
        border: 1px solid #eee;padding:15px 3vw;font-size: 15px;line-height: 26px;
    }
    .n_pro_detail_d_content table tr:nth-of-type(1) td{ background:#f2f2f2; font-weight:bold;color:#222;}
    
    .n_pro_detail_d_content dl{ font-size:20px;color:#0e7abb;font-weight:bold; line-height:3; }
    
    .taitoumz{
        display: inline-block;
    }
    .miaoshu .titlecp{display:none;}

.xiaotu .n_prod_hd{ position:relative;top: 0; margin-top: 2vw; background: #f5f5f5;

box-sizing: border-box;padding:0.5vw;
}


@media(max-width:1440px){
       .miaoshu{line-height:1.4;} 
        .n_pro_detail_hot_tile span{font-size:20px;}
        .n_pro_detail_next{ margin:30px auto;}
       .n_pro_detail_d{ margin-top:30px;}
    }
  
  
  @media(max-width:1024px){
       .n_pro_detail_hot_tile span{font-size:18px;} 
      .n_pro_detail_next{ margin:20px auto;}
       .n_pro_detail_d .n_pro_detail_d_tile{ margin-bottom:15px;}
  }
  
@media(max-width:768px){
    .n_prod_d .flexjs{flex-direction:column;}
    .mod1548 .n_prod_d .n_prod_l{width:100%; }
    .mod1548 .n_prod_d .n_prod_r{width:100%;}
    .miaoshu{display:none;}
      .n_pro_detail_hot_tile span{font-size:16px;}  
      .n_pro_detail_hot_d ul li{width:49%;}
      .n_pro_detail_hot_d ul li:nth-of-type(3n){margin-right:2%;}
      .n_pro_detail_hot_d ul li:nth-of-type(2n){margin-right:0;}
     .n_pro_detail_d_content{ padding:0;border:none;}
     .mod1548 .n_pro_detail_d{ margin-top:10px;}
  .mod1548 .n_pro_detail_d .n_pro_detail_d_tile{ margin-bottom:10px;}
  
  .xiaotu .n_prod_hd{ padding:8px;}
  .mod1548 .n_prod_d .n_prod_bd .n_prod_hd ul li{width:19%;margin-right:1.25%}
  .mod1548 .n_prod_d .n_prod_bd .n_prod_hd ul li:nth-of-type(9n){ margin-right:1.25%}
  .mod1548 .n_prod_d .n_prod_bd .n_prod_hd ul li:nth-of-type(5n){ margin-right:0}
  .mod1548 .n_prod_d .n_prod_bd .n_prod_hd ul li:nth-of-type(n+6){ margin-top:1.25%}
  
   .n_pro_detail_next{flex-wrap:wrap;justify-content:flex-start;}
   .n_pro_detail_next a{ margin:3px 0; font-size:14px;}
   .mod1548 .n_prod_d .n_prod_r .n_prod_txt .n_pro_title{font-size:18px;text-align:center;}
  
    }  
  
  



 /*内页产品分类*/
 .nycpflbg{ width:300px; background: #fff;
 position: sticky;
            top: 1.5vw;                      /* 距离视口顶部20px时开始固定（可自行调整舒适值） */
          
            overflow-y: auto;                /* 如果左侧内容过多，内部滚动（但通常分类不会太长） */
            /* 粘性定位关键 end */
    
 }
.nycpfl{
    padding: 1.6vw; box-sizing: border-box;  border: 1px solid #dfdfdf;
}
.nycpfl .ssym{ width:100%;border:1px solid #ddd; line-height:50px;overflow:hidden;margin-bottom:10px;
    box-sizing: border-box;
}
.nycpfl .inputxt{float: left;font-size: 0.9rem;
    width: 80%;border: transparent;outline: none;line-height:50px;padding-left:10px; box-sizing: border-box;background: #fff;
}
.nycpfl .search-i{ background:#fff url(images/100424_search_07_img.png)center no-repeat;width:20%;height:48px;float:right; border:none;cursor:pointer;}

.nycpflb li{
    border-bottom: 1px solid #ddd; padding: 10px 0;
}
.nycpflb li dt{background:#f5f5f5;padding: 0 15px;}
.nycpflb li dt a{ 
    display: block;font-size: 1rem;color: #222;line-height:1.1;padding: 15px 30px 15px 0;  background: url(images/jiantou2.png) 94% center no-repeat;
}
.nycpflb li dt:hover a,.nycpflb li.on dt a{color:#fff;}
.nycpflb li dt:hover,.nycpflb li.on dt{background:#009944;}

.nycpflb li dd a:nth-last-child{margin-bottom:15px;}
.nycpflb li dd a{
    display: block;font-size: 1rem;color: #666;line-height:1.4;margin: 10px 0;
}
.nycpflb li dd a:hover{color:#009944;}
.nycpflb li dd a:before{
    display: inline-block;padding-right: 5px;font-size: 1rem;
}
/* 一级分类红底白字 */
.nycpflb dt a.active-first {
    background-color: #009944 ;
    color: #ffffff ;
}
/* 二级分类红色字体 */
.nycpflb dd a.active-second {
    color:#009944 ;
}


.nycpflbg .nycpflt{background:#009944;color:#fff;padding:1.3vw;font-size:1rem;
    text-align: center;
}
.nycpflbg .nycpflt dl{ font-size:28px;font-weight:bold;}
.nycpflbg .nycpflt dt{ font-size:1rem;text-transform:uppercase;font-family:"arial";color:rgba(255,255,255,0.6); margin-top:0.2vw;}

.nycpflbg .tel{ background:#009944;color:#fff;padding:1.2vw 1.5vw 1vw 1.5vw;font-size:1rem;justify-content:center;flex-direction:column;line-height:1.6;
    align-items: baseline;
}
.nycpflbg .tel .iconfont:before{ line-height:1;
    display: block;font-size: 1.4rem;color: rgba(255,255,255,0.7);
}
.nycpflbg .tel dt{font-size:1.1rem;color: rgba(255,255,255,0.7);margin-left:0.1vw;}
.nycpflbg .tel dl{font-size:27px;font-weight:bold; font-family:"arial";}

.nycpflbg .tel .flex{line-height:26px;align-items: center;}


 .cpxqnyr{
   width:calc(100% - 345px);-webkit-width:calc(100% - 345px);-ms-width:calc(100% - 345px);
}
 
@media(max-width:1280px){
 .flexcplb .mod1491 .protemptwo li{width:49%;}
.flexcplb .mod1491 .protemptwo li:nth-of-type(3n){ margin-right:2%;}
.flexcplb .mod1491 .protemptwo li:nth-of-type(2n){ margin-right:0;}  
    
}
 @media(max-width:1024px){
.flexcplb{
    flex-wrap:wrap;
}     
 .nycpflbg{width:100%; margin-bottom:2rem;    position: relative; overflow:hidden;}   
 .nycpfl{ padding: 0;
    border: none;}
.cpxqnyr{width:100%;}
.nycpflw100{width:100%;}

.nycpflbg .nycpflt,.nycpflbg .tel{
    display:none;
    
}
.nycpfl .inputxt{width:90%;}
.nycpfl .search-i{width:10%;}
.nycpflb{display:flex;flex-wrap:wrap;justify-content:center;}
.nycpflb li{ border-bottom:none; padding:5px;}
.nycpflb li dt a{ background:none; padding:10px 0;
    text-align:center;
} 
.nycpflb li dd{
    display:none;
}

}
      @media(max-width:768px){
          .nycpflb li{ padding:3px 3px;}
          .nycpflb li dt{ padding:0 10px;}
          
.nycpflb li dt a{font-size:1rem; padding:10px 0;}
.nycpfl .inputxt{width:78%;}
.nycpfl .search-i{width:22%;}
.nycpflbg{ margin-bottom:1rem;}
.flexcpxq2 .nycpflbg{display:none;}

}