@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", "arial"; color: #666; font-size: 14px;
}

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;
}




 /* 效果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%;
  }
}


/*顶部*/
.top_all{text-transform: uppercase;
    width: 100%;background: #222;height: 45px;line-height: 1.2;
    font-size: 0.9rem;color: #999;
}  
.top_all a{font-size: 0.9rem;color: #999;}
.top_all a:hover{
    color: #e70012;
}
.top_all i{
    display:inline-block;font-size: 1.1rem;color: #999;
}
.top_all a:hover i{
    color: #e70012;
}
.top_r a{display: inline-block;  padding-right: 20px;text-transform: capitalize;line-height: 44px;
    
}
.top_r a{border-right: 1px solid #444;}
.top_r i{
    padding-left: 20px;
}
.top_r a:nth-of-type(1) i{
    border-left: 1px solid #4444;
}
.top_l{text-transform: none;height: 45px;
    display: flex;align-items: center;
}.top_l h1{font-size:0.9rem;color:#999;font-weight:normal; display:inline-block;}


/*抬头*/
.hlogo{background: #fff; position: relative;  box-sizing: border-box;overflow: hidden;}
.hlogo img{position: relative;z-index: 3;  display: block; width:auto;
    
}
  .hlogo a{ display: block;}
 
 .hsecond{align-items: center; height: 140px;} 

.flexjs{
    display: flex;
    justify-content: space-between;
}
.flexac{display: flex;align-items: center;}
.flex{display: flex;}
   
.hline{width: 15px;height: 86px; background: url(images/008.png) left center no-repeat; margin: 0 5px 0 17px ;}
.hmean{font-size: 1.28rem;color: #555; line-height: 1.4;}
.hmean h2{display: block;font-size: 1.7rem;color: #333;line-height:1.1;}
.hmean h2 span{color: #e70012; font-weight:bold;}

 .head_p{ font-size: 1rem; color: #777; line-height: 1.4;  }
 .head_p p{ font-size:2.2rem; font-family: "impact"; color: #e70012; line-height: 1.2;}
 .head_p p span{
     font-size: 2rem;
 }
  .hwa a{ font-size: 1.1rem;cursor: pointer;
      display: inline-block;text-align: center;padding: 0 15px;line-height: 2;color: #333;background: #eee;
  }
.hwa a:hover{
    background: #e70012;color: #fff;
}
 .hwa li{ display: block; position: relative;}
 .head_p b{ font-weight:lighter;
     display: block;float: left;font-size: 55px;color: #dedede;line-height: 72px;
 }
  .head_p .tel{text-align: left; padding-right: 10px; margin-right: 10px; color: #222;
      font-size: 1rem;line-height: 27px;padding-top:7px; position: relative;
  }
  .head_p .tel:after{
      display: block;content: "";width: 1px;height: 51px;background: #eee; position: absolute;right: 0;top: 10px;
  }
  
  
  /*导航*/
  .mod1370 .nav_bg {
        position: relative;
        width: 100%; z-index:12;
        height: 70px;
        line-height: 70px;border-top: 1px solid #eee;
      background: #fff;
    }
    .mod1370 .nav_bg> .box>ul{
       justify-content: space-between;
    }
    .mod1370 .nav_bg li { position:relative;
      
        height: 70px;
        text-align: center;
       
    }
    .mod1370 .nav_bg li:last-child {
        background: none;
    }
    .mod1370 .nav_bg li a {text-transform: uppercase;
        display: block;color: #222;padding:0 2vw;
        font-size: 1.1rem;
       position: relative;z-index: 2;
    }
    .mod1370 .nav_bg li:hover > a,.mod1370 .nav_bg li.on > a {color:#fff;}
    .mod1370 .nav_bg li.on:after{content: "";
        display: block;width: 100%;height: 40px;border-radius:20px;position: absolute;z-index: 1;position: absolute;left: 0;top: 15px; background: #e70012;
    }
  
    
    .mod1370 .menu2 {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        height: auto;
        background:#f9f9f9;
    }
    
    .mod1370 .menu2_r {
     text-align: center;
    }
    .mod1370 .menu2_r li { width: 100%;
        position: relative;
        display: block;
        text-align: center; height: auto;
      
        line-height:1.2; background-image: none;
        border-top: 1px solid #eaeaea;
    }

    .mod1370 .menu2_r li a { font-size: 1rem;
        display: block;text-transform: capitalize;
        color: #222;padding: 1.1rem 5px;
    }

    .mod1370 .menu2_r li:hover a {
       color: #e70012; background:#f9f9f9;
  
    }
    .mod1370 .menu2_r li .sanji{display: none;
       position: absolute;right: -85%;top: -1px;width: 85%;
    }
    .mod1370 .menu2_r li .sanji a{ font-size:0.9rem; display:block;line-height:1.2; border-top:1px solid #fff;color:#333; background:#eee; padding:0.8vw 5px;}
    .mod1370 .menu2_r li .sanji a:hover{ background:#222;color:#fff;}
    .mod1370 .menu2_r li:hover .sanji{
         display: block;
     }
     
     
  @media(max-width:1680px){
.box, .content, .w1200{ padding:0 8vw;}  
.head_p p{font-size:2.1rem;}	
	.hmean h2{font-size:1.6rem;}
	.hlogo img{ height:76px;}	
}
	
	
 
	@media(max-width:1440px){
.box, .content, .w1200{ padding:0 5vw;}  
	
	.head_p p{font-size:2rem;}	
	.hmean h2{font-size:1.5rem;}
	.hlogo img{ height:72px;}	
	.mod1370 .nav_bg li a{font-size:1rem;}
}
	
	@media(max-width:1360px){
.box, .content, .w1200{ padding:0 3vw;} 
		
}
	
	
    @media(max-width:1280px){
.box, .content, .w1200{ padding:0 2vw;} 

.head_p p{font-size:1.9rem;}	
	.hmean h2{font-size:1.4rem;}
	.hlogo img{ height:68px;}	
.mod1370 .nav_bg li a{padding:0 1.8vw; font-size:0.9rem;}
	.mod1370 .menu2_r li a{ padding:0.8rem 5px;}
}   
     
     
       @media(max-width:1024px){
.mod1370 .nav_bg li a{padding:0 1.5vw;}
.hline,.hmean,.top_r{ display:none;}
.mod1370 .nav_bg li .menu2_r a{ padding:10px 5px;}
}     

     @media(max-width:768px){
          .box, .content, .w1200{ padding:0 1rem;} 
         .mod1370,.head_p{
             display:none;
         }
          .top_l{line-height:1.1;
        display:block;text-align:center;width:100%;font-size:12px;box-sizing:border-box;padding:9px 0;
    }
    
    .top_all{
        position:fixed;top:0;z-index:99;height:45px;
    }
    .hsecond{position:fixed;top:45px;width:100%;z-index:99; background:linear-gradient(to bottom,#fff,#fff,#f9f9f9);
        
    }
     }
     
     





/*手机导航*/
.shoujinav{ display:none;}
.shoujinavdj span{font-size: 1.3rem;color:#e70012; 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: 115px;
    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; 
}
.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;}

.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(8) .yijidianji{transform: rotate(0);}

   

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

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

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

}


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

/*幻灯片*/
/*手机banner*/
.mod1077{ background: #fff;/*padding-bottom: 1rem;*/
    display: none;
}
.mod1077 img{
    display: block;
}
.mod1077 .swiper-container-horizontal > .swiper-pagination-bullets{
    /*position: relative;bottom: 0;margin-top: 15px;*/bottom: 3px;
}
.mod1077 .swiper-pagination-bullet{border:none;background:rgba(255,255,255,0.3);width:8px;height:8px;}
.mod1077 .swiper-pagination-bullet-active{width:40px; border-radius:7px; background:rgba(255,255,255,0.8);}


	.mod1019{ 
	    width: 100%;position: relative;z-index:9;min-height: 50px; background: #fff;
	}

		.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){
.mod1077{margin-top:115px;display:block;}     
.mod1019{ margin-top:115px;}     
.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:180px !important;}
    .mod1019 .banner .nybanner img{height:110px !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:#e70012; 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){
    .sousuony{ padding:0;background:#fff;box-shadow:none;}
}





/*产品中心*/
 .prodall{
        width: 100%;padding: 5vw 0 4vw 0; background: #f5f5f5; overflow: hidden;
    }
    .prodt{
        text-align: center;font-size: 18px;color: #666; margin-bottom: 2vw;
    }
    .prodt h2{text-transform: uppercase;
    display: block;font-size:44px;color: #111;line-height: 1; margin-bottom:8px;}
    .prodt span{color:#e70012;}


 /*圆圈跳动*/
.case_dline{ margin:15px auto 0 auto;
    display: flex;justify-content: center;
}
.case_dline_line{float: left; width: 10px;height: 10px;border-radius: 10px; background: #e70012; margin: 0 5px;}
.case_dline .case_dline_line:nth-last-child(1) {animation: loadingC 1.5s .8s linear infinite; background: #0749cd;}
.case_dline .case_dline_line:nth-last-child(2) {animation: loadingC 1.5s 1s linear infinite; background: #c7925c;}
.case_dline .case_dline_line:nth-last-child(3) {animation: loadingC 1.5s 1.2s linear infinite; background: #e70012;}
.case_dline:after,.tuijianb:after{
    display: block;content: "";clear: both;
}

@keyframes loadingC {
    0%{transform: translate(0,0);}
    50% {transform: translate(0,7px);}
    100% {transform: translate(0,0);}
}


.prodblist{
    display: flex; margin-bottom: 2vw;flex-wrap: wrap;
    justify-content: center;
}
.prodblist a{
    display:inline-block;background: #222;border-radius:8px; margin:0.3vw; font-size: 1.2rem;color: #fff;line-height:2.6;padding: 0 1.1vw;
}
.prodblist a:hover{ background:#e70012;color:#fff;}




.prodbb .anlian{display:flex; justify-content: center; position: relative; height: 60px;margin-top:2vw;
        align-items: center;
    }
   .prodbb .anlian .swiper-button-next,.prodbb .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;
}
.prodbb .anlian .swiper-button-next{ right:0; left:auto;}
.prodbb .anlian .swiper-button-prev{left:0;right:auto;}
.prodbb:hover .anlian .swiper-button-next{opacity:1;right:0;}
.prodbb:hover .anlian .swiper-button-prev{opacity:1;left:0;}
.prodbb .swiper-pagination{position: relative;
    display: flex;align-items: center;justify-content: center; height: 60px;
}
.prodbb .swiper-pagination-bullet{margin:0 4px;border-color:#ccc; background:#fff;}
.prodbb .swiper-pagination-bullet-active{ border-color:#e70012;color:#e70012;background:#e70012;}
.prodbb .swiper-slide a{border: 1px solid #eee;display: block;
   background: #fff;box-sizing: border-box;text-align: center; border-radius: 8px;overflow: hidden;
}
.prodbb .swiper-slide a .pic{ overflow:hidden; border:1px solid #eee;}
.prodbb .swiper-slide a .pic img{
    display: block;width: 100%;height: auot;transition: all ease 0.5s;
}
.prodbb .swiper-slide a:hover .pic img{ transform:scale(1.05);}

.prodbb .swiper-slide a .txt{ padding:2vw 1vw 2vw 1vw;}
.prodbb .swiper-slide a .txt h2{
    font-size: 1.3rem;
   	 overflow : hidden;height:3rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;white-space:inherit;
    -webkit-box-orient: vertical;  
   
}
.prodbb li .txt .more{ margin: 12px auto 0 auto;transition: all ease 0.5s;display: block;
    display: block;width: 120px;line-height:2.2rem;text-transform: uppercase;color: #999;border: 1px solid #eee;border-radius: 3px;overflow: hidden;
    font-size: 0.95rem;
}

.prodbb li:hover .txt .more{width:160px;background:#e70012;color:#fff;border-color:#e70012;}
.prodbb li:hover a .txt h2{color:#e70012;}



	@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;}
		
}
	
	
    @media(max-width:1280px){
.prodt h2{ font-size:30px;}
.prodb a .text{ font-size:16px;}	
.prodblist a{ font-size:1.1rem;}
.prodbb .swiper-slide a .txt h2{ font-size:1.1rem;}
}
  
      @media(max-width:1024px){
          .prodt{ font-size:15px; margin-bottom:1.5rem;}
.prodt h2{ font-size:28px;}

.prodb a{width:49%;}
.prodb a:nth-of-type(n+3){ margin-top:2%;}
.prodb a .text{ font-size:16px;}

}
      @media(max-width:768px){
.prodall{ padding:2rem 0 1rem 0}
.prodt{ margin-bottom:1rem;}
.prodt h2{ font-size:24px;
    
}	
.prodb a .text{ font-size:14px;}

.prodbb li .txt .more{font-size:0.9rem;}
	.anlian{margin-top:0;}
	
.prodblist{ flex-wrap:wrap;}	
.prodblist a{ font-size:4vw; padding:0 0.7rem; margin:2px;}	
	.prodbb .swiper-slide a .txt h2{ font-size:1rem;
 
	    height:36px;
	}
	.prodbb .swiper-slide a .txt{ padding:1rem;}
	.prodbb li .txt .more{width:100px;}
	.prodbb li:hover .txt .more{width:120px;}
}








/*公司简介*/
.about{
    width: 100%;padding: 5vw 0; background:#fff; overflow: hidden;
}
.aboutflex{
    display: flex;justify-content: space-between; background: #fff;border: 1px solid #eee;
}
.aboutflex .pic{
    display: block;width:40%; border-radius: 0 100px 0 0 ;overflow: hidden;
}
.aboutflex .word{
    width: 60%;box-sizing: border-box;padding:3vw;display: flex;flex-direction: column;justify-content: space-between;
}
.aboutflex .word .zi h2{ font-size:60px;color:#222;line-height:1.1;
    text-transform: uppercase;
}
.aboutflex .word .zi span{color:#e70012;}
.aboutflex .word .zi h3{ font-size:28px;color:#333; line-height:1;margin-top:5px;}
.aboutflex .word .zi p{overflow : hidden;
    text-overflow: ellipsis; margin-top: 1vw;font-size: 16px;line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}

.aboutlink{ margin-top: 1vw;
    display:flex;justify-content: space-between;
}
.aboutlink a{line-height: 34px;
    width: 31%;box-sizing: border-box;display: flex;justify-content: space-between;padding:1vw 1.5vw;font-size: 22px;color: #222;background: #f5f5f5;
}
.aboutlink a i{
    display: block;font-size: 34px;color: #999;
}
.aboutlink a:hover{ background:#e70012;color:#fff; }
.aboutlink a:hover i{color:#fff;}

/*数字滚动*/
.num{display: -webkit-flex;display: flex;justify-content:space-between;font-size:18px;text-align:center; margin-top:3vw;color:#333;}
.num span,.num i{ display:inline-block; vertical-align:middle;}
.num span{ font-size:70px; color:#000000; position:relative; z-index:3; font-weight:bold;}
.num i{ border-radius:50%;  height:30px;padding:0 15px; font-size:16px; line-height:30px; color:#fff; background:#e70012;}
.num p+p{ margin-top:5px;}



@media(max-width:1680px){
  .aboutflex .pic{width:42%;}
.aboutflex .word{width:58%;}
.aboutflex .word .zi h2{font-size:52px;}
.aboutflex .word .zi h3{ font-size:26px;}	
.num span{font-size:66px;}
.num i{ padding:0 13px;}

}
	
	
 
	@media(max-width:1440px){
.aboutflex .word .zi h2{ font-size:48px;}
.aboutflex .word .zi h3{font-size:24px;}
.aboutflex .word .zi p{-webkit-line-clamp: 4;}	
.aboutlink a{ font-size:20px; line-height:30px;}
.aboutlink a i{font-size:30px;}
.num span{font-size:58px;}
	
.num i{ padding:0 9px;height:24px;line-height:24px;}
}
	

	
	
    @media(max-width:1280px){
.aboutflex .word .zi h2{font-size:44px;}
.num span{font-size:48px;}
.num{font-size:16px;}
.aboutflex .word .zi h3{font-size:22px;}
.num i{font-size:15px;}
.aboutflex .word .zi p{font-size:15px;}
}
  
  
  
      @media(max-width:1024px){
.aboutflex .word .zi h2{font-size:40px;}
.aboutflex{ flex-direction:column;}
.aboutflex .pic{width:100%;border-radius:0;}
.aboutflex .word{width:100%;}
.aboutlink{ margin-top:2vw;}
.num i{font-size:14px;}
.num span{ font-size:40px;}
.aboutflex .word .zi h3{ font-size:20px;}
}
      @media(max-width:768px){
 .aboutflex .word .zi h2{font-size:26px;}         
.num{
    flex-wrap:wrap;
}
.num span{font-size:32px;}
.num li:nth-of-type(1){display:none;}
.num li{width:49%;margin:8px 0;}
.num i{ padding:0 8px; height:22px;line-height:22px;}
.aboutflex .word{ padding:1rem;}
.aboutlink{ margin-top:1rem;}
.aboutflex .word .zi h3{ font-size:18px;}
.aboutflex .word .zi p{ margin-top:1rem; line-height:1.2;}
.aboutlink a{font-size:16px;line-height:20px; padding:1rem 0.5rem;width:auto;}
.aboutlink a i{font-size:20px; margin-left:5px;}
.aboutlink a span{display:none;}


}







/*证书滚动*/
.honorall{
    padding: 5vw 0 4vw 0;background: #f5f5f5;
}

.honorb .anlian{display:flex; justify-content: center; position: relative; height: 60px;margin-top:2vw;
        align-items: center;
    }
   .honorb .anlian .swiper-button-next,.honorb .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;
}
.honorb .anlian .swiper-button-next{ right:0; left:auto;}
.honorb .anlian .swiper-button-prev{left:0;right:auto;}
.honorb:hover .anlian .swiper-button-next{opacity:1;right:0;}
.honorb:hover .anlian .swiper-button-prev{opacity:1;left:0;}
.honorb .swiper-pagination{position: relative;
    display: flex;align-items: center;justify-content: center; height: 60px;
}
.honorb .swiper-pagination-bullet{margin:0 4px;border-color:#ccc; background:#fff;}
.honorb .swiper-pagination-bullet-active{ border-color:#e70012;color:#e70012;background:#e70012;}
.honorb .swiper-slide a{display: block;
 box-sizing: border-box;text-align: center;overflow: hidden;
}
.honorb .swiper-slide a .pic{ overflow:hidden; }
.honorb .swiper-slide a .pic img{
    display: block;width: 100%;height: auot;transition: all ease 0.5s;
}


.honorb .swiper-slide a .txt{display: none;
    padding-top: 10px ; font-size: 16px;color: #333;line-height: 1.1;
}

  @media(max-width:768px){
 .honorall{ padding:2rem 0 1rem 0;}
}





/*首页新闻*/
   .mod1541 .news_bg {
            padding: 5vw 0; width: 100%; background: #fff;
            overflow: hidden;
        }

        .mod1541 .news_list {
            display: flex;
            align-content: stretch;
            justify-content: center;
        }

        .mod1541 .news_list li {
            margin-bottom: 30px;
            text-align: center;
        }

        .mod1541 .news_list li:nth-child(2) {
            margin: 0 17px;
        }

        .mod1541 .news_list li a {
            display: inline-block;
            width: auto; padding-right:40px;
            background: #f5f5f5;
            height: 62px;
            box-sizing: border-box;
            line-height: 62px;
            font-size: 20px;
            color: #414b4b;
            padding-left: 86px;
            position: relative;
            transition: all 0.5s ease;
            text-align: left;
        }

        .mod1541 .news_list li a:after {
            content: '';
            display: block;
            width: 32px;
            height: 32px;
            position: absolute;
            top: 16px;
            left: 36px;
            background: url(https://site.di7.com/designer/100424/store/files/images/100424_news_017_tab_ico.png) no-repeat left top;
            transition: all 0.5s ease;
        }

        .mod1541 .news_list li a+a {
            margin-left: 11px;
        }

        .mod1541 .news_list li:nth-child(2) a:after {
            background-position-x: -37px;
        }

        .mod1541 .news_list li:nth-child(3) a:after {
            background-position-x: -76px;
        }

        .mod1541 .news_list .on a:after {
            background-position-y: -69px;
            transform: translateX(360deg);
        }

        .mod1541 .news_list .on a {
            background: #e70012;
            color: #fff;
        }
        
        .mod1541 .news_d {
            width: 100%;
            overflow: hidden;
            display: inline-grid;
            grid-auto-flow: row dense;
            grid-template-columns: 37% 61%;
            grid-template-rows: repeat(2, auto);
            grid-row-gap: 4%;
            grid-column-gap: 2%;
        }

        .mod1541 .news_d .news_item .news_tile a {
            font-size: 1.4rem;color: #222;
        }

        .mod1541 .news_d .news_item:nth-child(1) {
            padding: 6% 0;
            position: relative;
            background: #f5f5f5;
            float: left;
            display: flex;
            flex-direction: column;
            align-items: center;
            grid-row-start: 1;
            grid-row-end: 4;
        }

        .mod1541 .news_d .news_item:nth-child(1) .news_tile {
            font-size: 22px;
        }

        .mod1541 .news_d .news_item:nth-child(1) .news_w {
            font-size: 1rem;
            line-height:1.6;
            color: #888;
            margin-top: 10px;
        }

        .mod1541 .news_d .news_item:nth-child(1) .news_date {
            margin-bottom: 3%;
            width: 84%;
            background: url(https://site.di7.com/designer/100424/store/files/images/100424_news_017_ctime.png) left no-repeat;
            font-size: 12px;
            padding-left: 15px;
            color: #999;
        }

        .mod1541 .news_d .news_item:nth-child(1) .news_img {
            margin-top: 5%;
            width: 85%;
            overflow: hidden;
        }
        .mod1541 .news_d .news_item:nth-child(1) .news_img a {
            display: block;
            width: 100%;
            height: 0;
            padding-bottom: 75%;
        }
        .mod1541 .news_d .news_item:nth-child(1) .news_img img {
            display: block;
            width: 100%;
        }

        .mod1541 .news_d .news_item:nth-child(1) .news_txt {
            width: 85%;
        }

        .mod1541 .news_d .news_item:nth-child(n+2) {
            float: right;
            background: #f5f5f5;
            position: relative;
            overflow: hidden;
        }

        .mod1541 .news_d .news_item:nth-child(n+2) .news_item_a {
          
            margin-bottom: 2%;
            font-size: 1.4rem;color:#222;            width: 85%;
        }
        
        .mod1541 .news_d .news_item:nth-child(n+2) .news_txt {
            padding: 4% 0 4% 4%;
        }
        .mod1541 .news_d .news_item:nth-child(n+2) .news_w {
            font-size: 1rem;
            color: #888;
            line-height: 1.6;
            width: 85%;
        }

        .mod1541 .news_d .news_item:nth-child(n+2) .news_date {
            background: url(https://site.di7.com/designer/100424/store/files/images/100424_news_017_ctime.png) left no-repeat;
            position: absolute;
            right: 5%;
            top: 30%;
            font-size: 12px;
            padding-left: 15px;
            color: #999;
        }

        .mod1541 .news_d .news_item:nth-child(4) {
            margin-bottom: 0;
        }

        .mod1541 .news_d .news_item:hover .news_item_a {
            color: #e70012;
        }

        .mod1541 .news_d .news_ico {
            position: absolute;
            right: 7%;
            top: 55%;
        }
    
    
       @media(max-width:1280px){

.mod1541 .news_list li a{line-height:56px;height:56px;font-size:18px;}
.mod1541 .news_list li a:after{top:13px;}


}
  
      @media(max-width:1024px){
.mod1541 .news_list li a:after{display:none;}
.mod1541 .news_list li a{width:auto;padding:0 2rem;line-height:50px;height:50px;font-size:16px;}
.mod1541 .news_d{grid-template-columns: 100%;grid-row-gap: 4%;}
.mod1541 .news_d .news_item:nth-child(1){ padding:2rem;}
.mod1541 .news_d .news_item:nth-child(1) .news_txt{
   box-sizing:border-box;width:100%; margin-top:10px;}
    .mod1541 .news_d .news_item:nth-child(1) .news_date{ margin-bottom:0; box-sizing:border-box;width:100%;}

.mod1541 .news_d .news_item:nth-child(1) .news_img{width:100%; margin-top:1rem;}
.mod1541 .news_d{ display:block;}
.mod1541 .news_d .news_item:nth-child(n+2){ margin-top:1.5rem;padding:1.5rem;}
.mod1541 .news_d .news_item:nth-child(n+2) .news_txt{ padding:0;}


}


      @media(max-width:768px){
.mod1541 .news_list li a{width:auto;padding:0 1rem;line-height:46px;height:46px;font-size:4vw;}
.mod1541 .news_list li:nth-child(2){ margin:0 3px;}

.mod1541 .news_d .news_ico,.mod1541 .news_d .news_item:nth-child(n+2) .news_date{
    display:none;
}
.mod1541 .news_d .news_item:nth-child(1){padding:1rem;}
.mod1541 .news_d .news_item:nth-child(n+2){ margin-top:1rem;padding:1rem;}
.mod1541 .news_d .news_item:nth-child(n+2) .news_item_a,.mod1541 .news_d .news_item:nth-child(n+2) .news_w{width:100%;}
.mod1541 .news_d .news_item:nth-child(n+2) .news_item_a{font-size:18px;}
.mod1541 .news_d .news_item:nth-child(n+2) .news_w{line-height:1.4;}
} 
    
    
    
    
    
    
    
    
    
    
    
/*版权*/
.copy{
    width: 100%;padding:3vw 0 0 0; background: #333;
}
.copy .flex{
    display: flex;justify-content: space-between;
}
.copy .flex ul{}
.copy .ulb{ display: flex;}


.copy .ulb li+li{ margin-left:4vw;}

.copy .flex .yijidaoh{ font-size:22px;color:#fff; margin-bottom:15px;}
.copy .flex ul a{font-size:16px;color:rgba(255,255,255,0.7); line-height:2; display:flex;}
.copy .lxwm{max-width:400px;color:rgba(255,255,255,0.7);}
.copy .erweimali{
    display: flex;
}
.copy .erweimali img{
    display: block;width: 150px;height: auto;
}
.copy .erweimali li+li{margin-left:2vw;display:none;}
.copy .erweimali li{text-align:center; }
.lxwmb{ line-height:2;}
.lxwmb .iconfont{line-height: 1.3;margin:10px 0;
    display: flex;
}
.lxwmb .iconfont:before{
    display: inline-block;margin-right:8px;
}
.copy .erweimali li p{font-size:16px;line-height:1;color:rgba(255,255,255,0.7);padding-top:10px;}

.copyw{ line-height:30px;display:flex;font-size:16px;color:rgba(255,255,255,0.7);
justify-content:space-between;padding:30px 0;border-top: 1px solid #444;margin-top: 30px;
}
.copyw a{font-size:16px;color:rgba(255,255,255,0.7);}


	
    @media(max-width:1280px){
.copyw .zil span{display:none;}
}
  
      @media(max-width:1024px){
.copy .ulb li+li,.copy .lxwm,.erweima{ margin-left:1rem;}
.copy .erweimali li+li{display:none;}
.copy .lxwm{ max-width:360px;}
.mod1437 .links_bg{display:none;}
}
      @media(max-width:768px){
.copy{ padding:1.1rem 0 72px 0;font-size:14px;line-height:1.6;}
.copy a{font-size:14px;}
.copy .flex{display:none;}
.copyw{ padding:0; border-top:none;flex-direction:column;margin:0; 
    line-height:1.2;
    
}	
.mod1437 .links_bg{display:none;}
}



/*内页面包屑导航*/
.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:#e70012;}
.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:#e70012;}

	@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:12px;}						
}





 /*三个列表*/
.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:60px; padding:0px 3%;
    text-align: center;
}
.mod1491 .protemptitl{position:relative;}
.mod1491 .protemptitl:before{display:block;content:""; width:100%; height:0px; bottom:0px; left:0px; background:#e70012; 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{line-height:40px;font-size:14px;}	
	.flexcpxq .proddr{font-size:14px;}

}


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

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

 @media(max-width:1280px){
.mod1494 .protemptwo li{width:32%;}
.mod1494 .protemptwo li:nth-of-type(4n){ margin-right:2%;}
.mod1494 .protemptwo li:nth-of-type(3n){ margin-right:0;}

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

}





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

.zhengzhansige li:hover .protemptitl a{ color:#fff;}
.zhengzhansige li:hover .protemppic img{ transform:scale(1.1) }

 @media(max-width:1280px){
.zhengzhansige li{width:32%;}
.zhengzhansige li:nth-of-type(n+4){ display: none}
.zhengzhansige li:nth-of-type(3n){ margin-right:0;}

     
 }
 @media(max-width:768px){
         
.zhengzhansige .protemptitl a{line-height:40px;font-size:14px;}	
.zhengzhansige li{width:49%;}
.zhengzhansige li:nth-of-type(n+4){ display: block}
.zhengzhansige li:nth-of-type(3n){ margin-right:2%;}
.zhengzhansige li:nth-of-type(2n){ margin-right:0;}


}







/*产品详情*/
.flexcpxq{
    display: flex; 
}
.flexcplb{
    display: flex; justify-content: space-between;
}

.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:#e70012
    ;}
    .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: #e70012;
    }
    /*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:  #e70012;
        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: #e70012;
    }
   
  
    /*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: #e70012;
    }
    /*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: #e70012;
    }
    .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:1.1rem;color:#222; margin-bottom:0.3rem;}
    .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: 1.3rem;color: #222;line-height:1.1;padding: 10px 30px 10px 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:#e70012;}

.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: 17px 0;
}
.nycpflb li dd a:hover{color:#e70012;}
.nycpflb li dd a:before{
    display: inline-block;padding-right: 5px;font-size: 1rem;
}
/* 一级分类红底白字 */
.nycpflb dt a.active-first {
    background-color: #e70012 ;
    color: #ffffff ;
}
/* 二级分类红色字体 */
.nycpflb dd a.active-second {
    color:#e70012 ;
}


.nycpflbg .nycpflt{background:#222;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:#222;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;font-size:1.2rem;
    text-align:center;
}


}
      @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;}

}











/*内页简介*/
.nyjj{
    display: flex; background: #f9f9f9;border-radius: 10px;overflow: hidden;
}    
.nyjjimg{
    width: 40%;
}
.nyjjw{width:60%;
    box-sizing: border-box;padding:3vw;font-size: 17px;line-height:1.5;
}
.nyjjw h1{font-size:28px;color:#222;margin-bottom:0.5vw;line-height:1.1;}
  .nyjjw p{
      padding:0.5vw 0;
  } 
  
  .nyjj2{ margin-top:3vw;}
  
  .nyjjcj{ margin-top:3vw;
      display: flex;justify-content: space-between;flex-wrap: wrap;
  }
  .nyjjcj img{
      display: block;width: 23.5%;height: auto;border-radius: 10px;overflow: hidden;
  }
  
  @media(max-width:1680px){
.nyjjimg{width:45%;}
.nyjjw{width:55%;}
		
}

	@media(max-width:1440px){
.nyjjimg{width:48%;}
.nyjjw{width:52%; font-size:16px;}
.nyjjw h1{font-size:24px;}

}
	
	@media(max-width:1360px){
.nyjjimg{width:50%;}
.nyjjw{width:50%; font-size:15px;}
.nyjjw h1{font-size:22px;}
		
}
	
	
    @media(max-width:1024px){
.nyjj{flex-wrap:wrap;flex-direction: column-reverse;}
.nyjjimg{width:100%;}
.nyjjw{width:100%;}
.nyjjcj img{width:49%;}
.nyjjcj img:nth-of-type(n+3){ margin-top:2%;}

}
  @media(max-width:768px){
.nyjj{ background:#fff;}
.nyjjw{ padding:10px 0;}
.nyjjw h1{font-size:18px;}
.nyjjw p{ padding:8px 0;}
}



/*内页新闻图文列表*/
.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:#e70012 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:#e70012;
}
.mod1468 .news_list_box .news_content_txt {
    font-weight: normal;
    line-height: 1.6; 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:#e70012;
    border-color: #e70012;
    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 #e70012;}

.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 #e70012;}
.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: #e70012;} 
.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 #e70012;}
.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.6;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;
}
 @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;line-height:1.2; padding-bottom:5px;}
          .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;}
	.mod1007 .news_detail_name p{ display:none;}
}
  
  
  
  
  /*自定义栏目详情*/
  .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: #e70012;
}

.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 #e70012;
    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: #e70012;
    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: #e70012;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 #ffe7e9;
    width: 4.4rem;height: 4.4rem;line-height: 4.4rem;background: #e70012; 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 #ffe7e9;
    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;}
}




/*隐私政策*/
		.Privacy{width: 100%;box-sizing: border-box;padding: 3vw;background: #f5f5f5;font-size: 1rem; line-height: 1.8}
		.top20{ margin-top: 20px;}
		.Privacy strong{font-size: 1.3rem;color: #222;}
		.Privacy h2{ font-size: 1.6rem; color: #222;text-align: center;    line-height: 1;
    margin-bottom: 1rem;}
		.data{text-align: center;font-size: 1rem; border-bottom: 1px solid #eee;padding-bottom:1.5rem;margin-bottom: 1.5rem;}
		.data .datariqi{ display: inline-block;margin: 0 1.5rem}
		
	@media(max-width:768px){
	  .Privacy{ padding:1rem 0 10px 0;background:#fff;line-height:1.4;}  
.Privacy h2{font-size:1.2rem; margin-bottom:5px;}
.Privacy strong{font-size:1.1rem;}
.data{ padding-bottom:1rem;margin-bottom:1rem;}
.Privacy .top20{ margin-top:15px;}
		        
		        
		        
		    }
		    
		    
/*发展历程*/

	/* 时间轴外层 */
	.timeline-list {
		position: relative; margin-top: 20px;
		padding-left: 45px;
	}

	/* 左侧中轴线 */
	.timeline-list::before {
		content: '';
		position: absolute;
		left: 7px;
		top: 0;
		width: 2px;
		height: 100%;
		background-color: #e5e7eb;
	}

	/* 单个历程项 */
	.timeline-item {
		position: relative;
		margin-bottom: 2.5vw;
	}

	/* 左侧圆点 */
	.timeline-item::before {
		content: '';
		position: absolute;
		left: -46px;
		top: 6px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: #e70012;
		border: 3px solid #f7f8fa;
		z-index: 2;
	}

	/* 年份 */
	.timeline-year {
		font-size: 30px; line-height: 1;
		font-weight: bold;
		color: #222;
		margin-bottom: 15px;
	}
	.timeline-year span{color:#e70012;}

	/* 内容卡片 */
	.timeline-card {
		background: #fff;border: 1px solid #f5f5f5;
		padding: 24px 28px;
		border-radius: 8px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
		transition: all 0.3s ease;
	}

	.timeline-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
	}


	.timeline-card p {
		font-size: 18px;
		text-indent: 0;
		line-height: 1.4; padding: 0;
	}

@media (max-width:1440px) {
    
    .timeline-card p{font-size:17px;}
        
        
    }
    
    @media (max-width:1360px) {
    
    .timeline-card p{font-size:16px;}
     .timeline-year{font-size:28px;}   
        
    }
    
	/* 移动端适配 */
	@media (max-width: 768px) {
		.history-timeline {
			padding: 35px 0 0 0;
		}
		.timeline-year{ font-size: 22px;}
	
		.timeline-card p{ font-size: 15px;text-indent: 0;}
		.timeline-list {
			padding-left: 25px;
		}
		.timeline-item{ margin-bottom: 20px;}
		.timeline-item::before {
			left: -25px;
		}
	
		.timeline-card {
			padding: 20px;
		}
	}
	
	
	
	/*在线客服*/
	.kefu{
    position: fixed;bottom:20%;right:0.5vw; z-index:99;
}
   .kefu .goTop,.kefu li {display: block; cursor: pointer;
    color: #fff;
    width:50px;text-align: center;line-height: 50px;background: #0005;
    height: 50px;
    border-radius: 50%; font-size: 26px;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.03);
    position: relative;
    transition: all 0.5s; margin: 8px 0;}
    

.kefu li:hover,.goTop:hover{color: #fff;background: #e70012;}
 .kefu .goTop{color: #fff;background: #e70012;}


.kefu .weixin .weixinpic{  display: none;}
.kefu .weixin:hover .weixinpic{display:block; bottom:-70px; line-height: 3;
    position: absolute;left: -155px;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: 14px;height: 175px;width: 155px;
}
.kefu .weixin:hover .weixinpic img{
    display: block;width: 100%;height: auto; margin-bottom: 5px;
}
.fdtel{
    
}
.fdtel dl{font-size:15px;color:#888; padding-bottom:5px;}
.fdtel dt{
    font-size: 22px;font-family: "arial";
}
.kefu .weixin:hover .fdtel{width: 260px;padding:20px 30px 25px 30px;text-align: left;left: -260px;line-height:1.3;text-align: left;bottom: -30px;
    height: auto;
}
.kefu .weixin.WhatsApp:hover .fdtel{width:280px;left: -280px;}
.kefu .weixin.Linkedin:hover .fdtel{width:340px;left: -340px;}


   @media(max-width:1280px){
       
.kefu{display:none;}
}
    
    
/*主推产品*/
.zhutui{    width: 100%;
    padding: 5vw 0 4vw 0;border-bottom: 5px solid #f5f5f5;
    background: url(images/diandian.png) repeat;
    overflow: hidden;
}
.zhutuib{
    display: flex;justify-content: space-between;flex-wrap:wrap;
}
.zhutuib a{
    display: block;width:23.5%;box-sizing: border-box;text-align: center;font-size: 1rem;
}
.zhutuib a .pic{border:1px solid #ddd;overflow:hidden;}
.zhutuib a .pic img{
    display: block;width: 100%;height: auto;
}
.zhutuib a .txt{ font-size:1.2rem;color:#333;
    line-height: 1.2;margin: 0.8vw 0;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
 @media(max-width:1360px){
   .zhutuib a{font-size:1.1rem;}    
.zhutuib a .txt{font-size:1.1rem;}
}

   @media(max-width:1080px){
   .zhutuib a{width:49%; font-size:1rem;}    
.zhutuib a .txt{font-size:1rem; overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;white-space:inherit;margin:8px 0;
    -webkit-box-orient: vertical;}
}