@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: "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;
    font-size: 14px;
}



/*设置浮动*/
.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,.width-1200{ min-width:1000px; width:80%;margin: 0 auto;position:relative;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { min-width:1000px; width:80%;margin: 0 auto;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

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

.n_box{
    min-width:1000px; width:80%;margin: 8vh auto;position: relative;
}
.n_box:after{
    display: block;content: "";clear: both;
}


	/*导航*/
.header{ position:fixed; top:0; left:0; right:0; width:100%; margin: 0 auto;z-index:999; font-family: "Microsoft Yahei";
     background:rgba(255,255,255,0);transition: all ease 0.5s; min-width: 1000px;
}

.logowhite{
    display: block;
}
.logoblue{
    display: none;;
}
.header .w1400,.headerbg .w1400{min-width:1000px; width:80%;margin: 0 auto;
height:100px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; }
.hleft{  padding-top:5px;}
.hleft p{font-size:18px; color:#111; padding-left: 10px; 
    line-height:28px; display: block;position: relative;
}
.hleft p:before{
    content: "";
    display: block;width: 1px;height:50px;background:#ddd; position: absolute;left: 0;top: 5px;
}
.hleft p span{
    font-size:19px;
}
.hleft strong{
    letter-spacing: 0.6px;
}
.hleft a{ margin-right:13px; float: left;
}
.hleft a img{
  width: auto; height: auto;
}
.nav{
    
}
.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;
 
}

.nav>ul>li{ position:relative; margin-right:2.5vw;transition:all .5s ease;}
.headerbg .nav>ul>li.on>a {
    color: #008cd6;
}
.top50{
    margin-top: 50px;
}

  

.nav>ul>li>a{ font-size:1.2rem; color:#fff; display:block; line-height:100px; position:relative; 
  
} 
.nav>ul>li.cur>a:after,.nav>ul>li:hover>a:after{ width:100%;}
.nav>ul>li.cur>a,.nav>ul>li:hover>a{  color: #008cd6; font-weight: bold;
    
}

.nav>ul>li .dropmenu{position:absolute;  overflow:hidden;  top:100px; left:-50%; width:200%; background:#f9f9f9; 
box-shadow:0 0 10px inset rgba(0,0,0,10%);  display: block;height: 0;transition:all .5s ease;
}
.nav>ul>li:hover .dropmenu{
    height: 160px;
}
.nav>ul>li:nth-of-type(1):hover .dropmenu{
    height: 280px;
}


.nav>ul>li:nth-of-type(3):hover .dropmenu{
    height:240px;
}
.dropmenu a:last-child{
    padding-bottom: 20px;
}
.dropmenu a{ display:block; line-height:40px;height:40px; font-size:1.2rem; color:#333; text-align:center; transition:all .3s ease;}

.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}



.searchicon{ width:26px; height:26px; cursor:pointer;border-radius: 50%;
    color: #fff;font-weight: bold;overflow: hidden;text-align: center; padding-top: 3px;
}
.searchicon:before{
    font-size:1.2rem;
}
.search{ position:relative;}
.search:hover .iser_box{transform: rotateX(0deg); }
.iser_box{background: rgba(255,255,255,0.98);width:1000px;box-sizing:border-box; position: absolute;top:64px;right: 0;padding: 30px; z-index: 9;box-shadow:0 0 10px rgba(0,0,0,.2);}
.iser_box .iShow{ visibility:visible; opacity:1; top:62px;}

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

.hidden{
    display: none;
}

.navlayout{cursor: pointer;
    width:160px;color: #f9f9f9;position: relative;line-height:100px;transition: all ease 0.5s;
}
.navlayout:before{
    display: block;float: left;font-size: 1.2rem;
}
.navlayout em{
    display: block;float: left;margin: 0 8px;font-size:1.2rem;
}
.navlayout i{
    display: block;float: left;font-size:1.2rem;font-weight: normal;transform: rotate(180deg);transition: all ease 0.5s;
}
.navlayout:hover i{transform: rotate(0);}

.navlayout .xia{position: absolute;top: 100px;left: 0;height: 0;line-height: 40px;transition: all ease 0.5s;
    display:block;width: 160px;text-align: center;background:#f9f9f9;overflow: hidden;box-shadow: 0 0 10px inset rgba(0,0,0,10%);
}
.navlayout:hover .xia{height:120px;

}
.navlayout .xia a{
    display: block;color: #333;font-size: 1.2rem; 
}
.navlayout .xia a:nth-of-type(1),.dropmenu a:nth-of-type(1){
    padding-top: 20px;
}


.navlayout:hover .xia a:hover,.dropmenu a:hover{
    color: #008cd6; 
}


.headerbg{position: fixed;top:0; left:0; right:0; width:100%; margin: 0 auto;
    z-index:999;width: 100%;min-width: 1000px;border-bottom: 1px solid #eee; background:rgba(255,255,255,0.96);
    
}
.headerbg .logowhite {
    display: none !important;
}
.headerbg .logoblue{
   display: block;
}
.headerbg .nav>ul>li>a,.headerbg .navlayout,.headerbg .searchicon{
    color: #333;
}


.nav>ul>li:nth-of-type(2){
    position: static;
}
.nav>ul>li .xiala{position: absolute;top: 100px;left: 0; display: block;
    width: 100%; background: #f9f9f9;box-sizing: border-box; box-shadow: 0 0 10px inset rgba(0,0,0,10%);
    height: 0;overflow: hidden;transition: all ease 0.5s;
}
.nav>ul>li:hover .xiala{
   height: 320px;padding:50px 0; 
}

.cpdh_bg .yiji{float: none;width: 100%;
    display: block;
}
.cpdh_bg .yijiwz{font-size: 1.2rem;color: #333;line-height:3.5rem; 
    float: left;width: 20%; position:relative; box-sizing: border-box;
}
.cpdh_bg .yijiwz:before{
    display: none;position: absolute;right:4vw;top: 0;
}
.cpdh_bg .yiji .pic{display: none;
    width: auto;position: absolute;right: 0;top: 0; font-size: 1.1rem;color: #333;line-height: 48px;text-align: right;
}
.cpdh_bg .yiji .pic img{
    display: block;border: 1px solid #ddd;width: auto;height: 200px;box-sizing: border-box; 
}
.cpdh_bg ul{
    display: block;
}
.cpdh_bg .yiji:after{
    display: block;content: "";clear: both;
}

.cpdh_bg .menu2{width: 56%;display: none;
    box-sizing: border-box; float: left;
}
.cpdh_bg ul li .menu2_r .erji{
    float: left;width: 33.33%;float: left;  font-size: 1.1rem;line-height:2; 
}
.cpdh_bg ul li .menu2_r .erji{}

.cpdh_bg ul li .menu2_r:after{
    display: block;content: "";clear: both;
}
.cpdh_bg li.on .menu2{
    display: block !important;
}
.cpdh_bg .yiji.on  .pic{
    display: block;
}

.cpdh_bg .yiji.on .yijiwz{
    color: #008cd6; font-weight: bold;
}
.cpdh_bg .yiji.on .yijiwz:before{
    display: block;color: #666;font-weight: lighter;
}

.header:hover{
    background:rgba(255,255,255,1);
}
.header:hover .nav>ul>li>a,.header:hover .navlayout,.header:hover .searchicon{
    color: #333;
}
.header:hover .logowhite{
    display: none;
}
.header:hover .logoblue{
    display: block;
}

.headerbg{
    margin-top: -101px;transition: all ease 0.5s;
}

/*内页幻灯片*/
.mod1019 .banner .ban_bg{
    text-align: center;color: transparent;position: relative;
}
 .banner_w {   width:auto;  font-size: 28px;    color: #666;   padding-top:250px;  text-align:left; line-height:1.6;
     
 }
.banner_w b {    display:block;
    color: #222; font-size:56px;  
}


.banner_w b span{  
    display: block;
}


/*内页简介*/
.nus{
    width: 100%;min-width: 1000px;padding-top: 8vh;
}
.nusl{
    width: 50%;line-height: 2;color: #666;text-align: justify;
}
.nusl dl{
    font-size: 50px;color: #333;
}

.nusl p+p{
    padding-top: 2vh;
}

.nusr{
    width: 44%;
}
.nusr img{
    display: block;width: 100%;height: auto;
}

/*内页企业文化*/
.culture{
    padding: 8vh 0 8vh 0;width: 100%;min-width: 1000px;background: #f5f5f5;margin-top: 8vh;
}
.culturet{
 font-size: 50px;color: #333;line-height: 1;
}
.cultureb{
    margin-top: 5vh;line-height: 2;
}
.cultureb li{display: block;float: left;width: 31%; box-sizing: border-box;height: 400px;line-height: 2;padding: 3vw; border-radius: 30px;overflow: hidden;
background: url(images/curltureimg1.jpg)top center no-repeat;background-size:cover;position: relative;transition: all ease 0.5s; border: 1px solid #eee;
}

.cultureb li:nth-of-type(2){background: url(images/curltureimg2.jpg)top center no-repeat;background-size:cover;}
.cultureb li:nth-of-type(3){background: url(images/curltureimg3.jpg)top center no-repeat;background-size:cover;}
.cultureb li dl{
    display: block;font-size: 40px;color: #333;font-weight: bold;
}
.cultureb li p{
    color: #666;
}
.cultureb li:after{
    display: block;content:"";width: 100%;height: 5vh;position: absolute;bottom: 0;left: 0;background: linear-gradient(to right,#008cd6,#0a64dc);
}

.cultureb li+li{margin-left:3.5%;}




/*组织架构*/
.jiagou{
width: 100%;min-width: 1000px;
}
.jiagou img{
    display: block;width: 100%;height: auto;
}


/*简介荣誉证书*/
.nyhonor{
    width: 100%;min-width: 1000px;margin-top: 8vh;
}
.honort{
    font-size: 24px;color: #666;line-height: 1.6;
}
.honorb{
    margin-top: 5vh;
}
.honor_b{overflow:hidden;}
 .honor_b li {
        float: left;
        margin-right: 20px;
        width: 360px;position: relative;overflow: hidden;
    }
   .honor_b li .pic {
        width: 360px;
       
     
    }
   .honor_b li .pic img {
        display: block;
        width: 100%;
        height: auto;
    }
   .honor_b li .txt {
        position: relative;
        width: 360px;
    
        text-align: center;
        font-size: 17px;
        color: #555;
        line-height: 60px;
        background: #f5f5f5;
    }
   .honor_b li .txt span {
        position: relative;
        display: block;
        z-index: 9;
    }
   .honor_b li .txt:after {
        display: block;
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 0;
        height: 50px;
        transition: all 0.3s;
        background:#008cd6;
    }
   .honor_b li:hover .txt:after {
        width: 360px;
    }
    .honor_b li:hover .txt {color: #fff; }
    

/*首页版权 */
  .copysy{
      width: 100%;min-width: 1000px; font-size: 1.1rem;line-height: 2; position: relative; height: 100vh;
  }
  .copysyt{
      border-bottom:3px solid #eee;padding-bottom:5vh;margin-bottom:6vh;padding-top: 15vh;
  }
  .copysytl{
      float: left;
  }
  .copysyt:after{
      display: block;content: "";clear: both;
  }
  .copysytl img{
      display: block;
  }
  .copysytl dl{
      font-family: "arial";color: #222;line-height:66px;font-weight: bold; font-size: 46px; padding-top:4vh;
  }
  .copysytl p{
      font-size: 17px;color: #777;line-height: 1;letter-spacing: 0.7px;
  }
  
  .copysytr{
      width: auto;font-size:17px;color: #777;text-align:center;
  }
  .copysytr li{
      display:block;float: left;
  }
  .copysytr li+li{
      margin-left:2vw;
  }
  .copysytr li img{
      display: block;width: 150px;height: 150px;
  }
  
  .copysyb{
     display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    color: #333;
   
  }

  .copysyb li .yijicy{line-height: 3;
     color: #222;font-weight: bold;
  }
  .copysyb li ul a{
      display: block;line-height: 2.5;
  }
.copysybottom{position: absolute;bottom: 0;width: 100%;left: 0;right: 0;margin: 0 auto;
    line-height:6rem;color: #333; background: #eaeaea;
}
.copysybottom:after{
    display: block;content: "";clear: both;
} 

/*内页版权*/
.copyny{ position: relative; padding-bottom: 6rem;
    width: 100%;min-width: 1000px;background: #f2f2f2; margin-top: 6rem;
}
.copyny .copysyt{
    padding: 8vh 0; border-bottom: 0;margin-bottom: 0;
}


/*内页资料下载*/
.downloadny{
 border-radius: 20px;overflow: hidden;  border-bottom: 8px solid #ccc;
}
.downloadbt:nth-of-type(n+2){
    margin-top: 5vh;
}
.downloadbt{
    font-size:36px;line-height: 2;padding-bottom: 2vh;color:#333;
}
.downloadny li{display: -webkit-flex;line-height: 80px; padding-left: 3vw;
    display: flex; font-size: 20px;color: #333;
    justify-content: space-between;
    flex-wrap: nowrap;
    
}
.downloadny li dl:nth-of-type(1){
    width: 35%;
}
.downloadny li dl:nth-of-type(2){
    width: 25%;
}
.downloadny li dl:nth-of-type(3){
    width: 25%;
}
.downloadny li dl:nth-of-type(4){
    width: 12%;
}
.downloadny li a{font-size: 22px;color: #333;
    cursor: pointer;
}
.downloadny li a span{
    font-size: 24px; padding-left: 10px;
}
.downloadny li a:hover{
    color: #008cd6;
}
.downloadny li:nth-of-type(2n+1){
    background: #f5f5f5;
}
.downloadny li:nth-of-type(1){ font-size:24px;
    background: #eaeaea; font-weight: bold;
}


/*内页产品分类*/
.chanpinny{
    position: relative;
}

.chanpinnyl{ min-width: 1000px;padding-bottom: 8vh;
    width: 100%;background: #f2f2f2;
}

.chanpinnyl .nusl{
    padding-top: 5vh;
}
.chanpinmore{ font-size: 20px; border-radius: 30px;transition: all ease 0.5s;
    display: block;margin-top: 5vh; width: 220px;line-height: 60px; background: #008cd6;color: #fff;text-align: center;
}
.chanpinmore span{font-weight: bold;
    font-size: 28px;display: inline-block;vertical-align: middle;
}
 .chanpinmore:hover{color:#fff;
    background: #da2f37;border-radius: 0;width: 250px;
}

.chanpinnyt{
    font-size: 50px;padding-top: 8vh;text-align: center; margin-bottom: 5vh;color: #333;
}



/*内页产品列表*/

.mod1492 .protemptwo{width:100%; display:flex;flex-wrap:wrap;
    min-width: 1000px;
}
.mod1492 .protemptwo a{ width:23.5%; box-shadow:0px 0px 10px #eee;transition: all .5s ease; position:relative; margin:0 2% 2% 0;
    display: block;float: left;border-radius: 10px;overflow: hidden;
}
.mod1492 .protemptwo a:nth-of-type(4n){
    margin-right: 0;
}
.mod1492 .pic{overflow:hidden; position:relative;

}
.mod1492 .pic:after{top: 0;
    display: block;content: "";background: #000;opacity:0.5;
    position: absolute;left:0;right: 0;height:100%;width:100%;z-index: 2;
}
.mod1492 .pic img{ width:100%; transition:all .5s ease;
    display: block;
}
.mod1492 a:hover .pic:after{
   background: linear-gradient(to bottom,#008cd6,#1a407d);opacity: 0.95;
}
.mod1492 .protemptwo a:hover img{
transform:scale(1.06);
    
}
.mod1492 .protemptwo a .txt{display: block;position: absolute;left: 0;right: 0;width: 0;text-align: center;
color: #fff;line-height: 2;top: 40%;z-index: 3;width: 100%;box-sizing: border-box;padding: 0 40px;transition: all ease 0.5s;
    
}

.mod1492 .protemptwo a .txt dt{
    display: block; font-weight: bold;
}
.mod1492 .protemptwo .word i{
    display: block;width: 90%;margin:3vh auto;border-radius: 30px;line-height: 40px;border:1px solid #fff;text-align: center;font-size: 16px;
}
.mod1492 .protemptwo a .txt .word{transition: all ease 0.5s;
  height: 0;overflow: hidden; font-size: 16px; padding-top: 1vh;
}
.mod1492 .protemptwo a:hover .txt .word{
    height: auto;
}
.mod1492 .protemptwo a:hover .txt{
    top: 18%;
}
.mod1492 .protemptwo dl{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}


/*内页产品应用*/
.yingyong{
    margin-top:6vh;background: linear-gradient(to bottom,#f2f2f2,#fff);
}
.yingyong a{ line-height: 2;
    display: block;width: 32%;text-align: center;float: left;
}
.yingyong a+a{
    margin-left: 2%;
}
.yingyong a img{
    display: block;width: 100%;border: 1px solid #ddd;box-sizing: border-box;
}


/*内页参数*/
.ncanshu{ margin-top: 5vh;
    
}
.ncanshu .box{
    color: #333;    display: flex; border-radius:0 0 50px 50px;overflow: hidden; margin-top: 5vh;

    justify-content: space-between;
    flex-wrap: nowrap;
}
.ncanshu .box:after{
    display: block;content: "";clear: both;
}

.ncanshu li{width: 50%;float: left; box-sizing: border-box;
    background: #f2f2f2;padding:2vw 2vw 5vw 2vw; line-height: 2; position: relative;
    
}
.ncanshu li:after {
    display: block;
    content: "";
    width: 100%;
    height: 5vh;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right,#008cd6,#0a64dc);
}
.ncanshu li:nth-of-type(2n){
    background: #f9f9f9;
}
.ncanshu li dl{
    font-weight: bold;color: #008cd6;
}

.nycsimg{
    margin-top: 8vh;background: #f9f9f9;padding: 3vw; max-width: 100%;
}
.nycsimg img{
    display: block;margin: 2vh auto;
}

.nycsxz{
    margin-top: 8vh;
}
.nycsxz .downloadny{
    margin-top: 5vh;
}


.csshipin{
    width: 100%;padding: 8vh 0;background: #f9f9f9;
}
.csshipin video{
    display: block;height: auto;margin: 5vh auto 0 auto;
}

/*返回顶部*/
.goTop {
    background: #d1d1d1 url(images/goTop.png) no-repeat center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.03);
    position: fixed;
    right: 2%;z-index: 5;
    bottom: 30%;
    transition: all 0.5s;}
.goTop:hover{background: #222 url(images/goTop.png) no-repeat center;}
.font30{font-size: 30px;}
.font24{font-size: 24px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font16{font-size: 16px;}


/*版权声明*/
	.banq{
		background: #f5f5f5;padding: 5vw; line-height: 2;text-align: center;
	}
	.banq dl{margin-bottom:5vh;line-height: 1; padding-bottom: 5vh;
		border-bottom: 1px solid #ccc
	}


/*内页人才招聘*/
.inzhaopin{  margin: 8vh 0;}
  .inzhaopin li {border: #c1c1c1 solid 1px; border-bottom: none; margin-bottom:1rem;
    
  }
.inzhaopin li .zp-tit {padding:20px; border-bottom: #c1c1c1 solid 1px; position: relative;}
.inzhaopin li .zp-tit dl {font-size: 30px; margin-bottom: 8px;color: #222; font-weight: normal;
   }
.inzhaopin li .zp-tit p {font-size: 16px; color: #666; margin-bottom: 0.3125rem;}
.inzhaopin li .zp-tit .icon {width: 3px ; height:45px; background: #c1c1c1; left: 0; top:35%; margin-top: -0.625rem;

   position: absolute;
   }
.inzhaopin li .zp-tit .icon2 {width: 1.25rem; height: 1.25rem;  border-radius: 1.25rem; border: #ababab solid 1px; text-align: center; vertical-align: middle;
line-height: 1.25rem;  display: block; right: 20px; top: 20%; margin-top:20px;
   position: absolute;
   }
.inzhaopin li .zp-tit .icon2 img {width: 0.625rem; height: 0.625rem; margin: 0 auto; vertical-align: middle; display: inline-block;margin-top: -0.25625rem;}
.inzhaopin li .zp-tit a.abs { position: inherit; color: #333;
   position: absolute;right: 60px;top: 38px;
   }
   .inzhaopin li .zp-tit a.abs:hover{
       color: #008cd6;
   }
   
.inzhaopin li .zp-con { position: relative; display: none;}
.inzhaopin li.on .zp-con{  transition: all ease 1s;
    display: block !important;
}
.inzhaopin li .zp-con a.sq {width: 100%; height: 50px; font-size: 16px; background: #008cd6; text-align: center; line-height: 50px; color: #fff;
   display: block;}
.inzhaopin li .zp-con .zp-context {padding: 30px 20px;
    border-bottom: 1px solid #ccc;
}
.inzhaopin li .zp-con .zp-context h2 {font-size: 24px; font-weight: bold; margin-bottom: 1rem;
color: #222;
   }
.inzhaopin li .zp-con .zp-context p {line-height:2; font-size: 16px; color: #666;
    min-height: 28px;
}
.inzhaopin li.on .zp-tit .icon {background: #008cd6;}
.inzhaopin li.on .zp-tit .icon2 {transform:rotate(90deg);}




/*屏幕*/
@media(max-width:1800px){
.box,.w1400,.w1200{width:85% !important;}
.banner .bantxt h2 span{font-size:48px !important;}
.mod1552 .news_bg{    padding-top:9vh !important;}
.ysb li{
    padding:2.5% 3%;
}
.about.show .txtw{margin-top:0 !important;}

}
  
  @media(max-width:1600px){
.box,.w1400,.w1200{width:90% !important;}
.nav>ul>li{margin-right: 2vw;}
.banner .bantxt h2 span{font-size:46px !important;}
.about .txt dd,.banner .bantxt h2{font-size: 27px !important;}
.about .txtw{width:50% !important; padding-top:11vh !important;}
.about.show .txtw{    margin-top:0 !important;}
.num{height:220px !important;}
.num span{font-size: 4.6rem !important;}
.prodqhy .txt .biaotio{font-size: 2.5rem !important;}
.prodqhy .txt strong,.n_pro_detail_d_tile span{font-size: 46px !important;}
.show2 .prodqhy .txt{padding-top:18vh !important;}

.chanpinnyt,.yst,.nusl dl,.culturet{ font-size: 46px !important;}
.mod1552 .news_bg{    padding-top:8vh !important;}
.font30{font-size: 28px;}
.font24{font-size: 22px;}
.font20{font-size: 19px;}
.font18{font-size: 17px;}
.copysyt{    padding-top:10vh !important;}
.mod1492 .protemptwo a:hover .txt{  top:15%;}
.cpdh_bg .yiji .pic img{height:180px;}
.cpdh_bg .yijiwz{width:19%;}
.cpdh_bg .yijiwz:before { right: 3vw;}
 .ysb li dl{font-size: 3.5rem !important;}
.mod1552 .news_bg .news_content{margin-top:28px !important;}
  .copysyb li ul a{
      line-height:2 !important;
  }  
  .yst{padding-top:9vh !important;}
}

  
    @media(max-width:1440px){
.box,.w1400,.w1200{width:93% !important;}
.nav>ul>li>a,.navlayout em{font-size:1.1rem;}
.about .txt dl,banner .bantxt h2 span{font-size:44px !important;}
.about .txt dd,.banner .bantxt h2{font-size: 26px !important;}
.about .txtw{width:55% !important;  margin-top:0 !important;
    padding-top:10vh !important;}
.num{height:220px !important;}
.num span{font-size: 4.4rem !important;}
.prodqhy .txt .biaotio{font-size: 2.4rem !important;}
.prodqhy .txt strong,.n_pro_detail_d_tile span{font-size: 44px !important;}
.show2 .prodqhy .txt{padding-top:16vh !important;}
.yst{  padding-top: 8vh;font-size: 44px !important;}
.chanpinnyt,.nusl dl,.culturet{font-size: 44px}
.mod1552 .news_bg{    padding-top:7vh !important;}
.mod1552 .news_d .news_item ul li:nth-child(n+2) .news_txt p{line-height:1.8 !important;}
.copysytl dl{    font-size:40px;}
.banner_w b{font-size:50px;}
.chanpinnyl .nusl{  padding-top:3vh;}
.mod1492 .protemptwo a:hover .txt{  top:14%;}
.mod1548 .n_prod_d .n_prod_r .n_prod_txt .n_pro_title{
    margin-bottom: 4vh !important;
}
.chanpinmore{ margin-top:2vh;}
.cpdh_bg ul li .menu2_r .erji{
    font-size:1rem;
}
.cpdh_bg .yiji .pic img{height:170px;}
.cpdh_bg .yijiwz{width:18%;}
.cpdh_bg .yijiwz:before { right:2vw;}

}


  
    @media(max-width:1366px){
.box,.w1400,.w1200{width:96% !important;}
.nav>ul>li{margin-right: 1.5vw;}
.banner .bantxt h2 span,.n_pro_detail_d_tile span{font-size:42px !important;}
.banner .bantxt h2{font-size: 25px !important;}
.about .txt p{font-size:1rem !important;}
.num span{font-size: 4.2rem !important;}
.prodqhy .txt .biaotio{font-size: 2.3rem !important;}
.prodqhy .txt strong,.nusl dl{font-size: 43px !important;}
.prodqhy .txt p{width:45% !important;}

.prodqhy .txt .dianji{
    margin-top:5vh !important;
}
.ysb li p{font-size:1.8rem !important;}
.ysb li dl{font-size: 3rem !important;}
  .ysb li{ padding:2% 2% !important;}  
  .mod1552 .news_bg .news_title span{
      font-size:36px !important;
  }
  .mod1552 .news_bg .news_content{margin-top:20px !important;}
  .mod1552 .news_d .news_item ul li:nth-child(n+2) .news_txt p{line-height:1.6 !important;}
  .font30{font-size: 26px;}
.font24{font-size: 20px;}
.font20{font-size: 17px;}
.font18{font-size: 16px;}
 .copysytl dl,.nusl dl,.culturet{    font-size:38px;} 
  .copysyt{    padding-top:11vh !important;}
  .banner_w b{font-size:48px;}
  .banner_w{
    font-size:26px;}

.mod1492 .protemptwo dl{-webkit-line-clamp: 2;}
.cpdh_bg .yiji .pic img{height:160px;}
}
  


 @media(max-width:1180px){
.box,.w1400,.w1200{width:98% !important;}
.nav>ul>li>a,.navlayout em{font-size:1rem;}
.hleft a img{
    height:30px;
}
.banner_w b{font-size:46px;}
.banner_w{
    font-size:22px;
}
.about .txt dl,.banner .bantxt h2 span{font-size:40px !important;}
.about .txt dd,.banner .bantxt h2{font-size: 24px !important;}
.about .txtw{width:60% !important; padding-top:5vh !important;margin-top:0 !important;}
.num{height:200px !important;}
.num span{font-size: 4rem !important;}
.prodqhy .txt .biaotio{font-size: 2.2rem !important;}
.prodqhy .txt strong,.n_pro_detail_d_tile span{font-size: 42px !important;}
.prodqhy .txt p{width:50% !important;}
.yst{  padding-top: 7vh;font-size: 40px !important;}
.chanpinnyt{font-size: 40px}
.mod1552 .news_bg{    padding-top:6vh !important;}
.mod1552 .news_d .news_item ul li:nth-child(n+2) .news_txt p{line-height:1.4 !important;}
.copysytl dl{    font-size:36px;}
.copysyt{    padding-top:9vh !important;}

.chanpinnyl .nusl{
    padding-top: 2vh;
}
.font20{    font-size:16px;}
.mod1492 .protemptwo a:hover .txt{  top:13%;}
.mod1548 .n_prod_d .n_prod_bd .n_prod_hd ul li{width: 11.2% !important;}
.cpdh_bg .yiji .pic img{height:150px;}

}


      @media(max-width:1000px){
          .nav>ul>li{margin-right: 1vw;}
.box,.w1400,.w1200{width:100% !important;}
.about .txt dd,.banner .bantxt h2{font-size: 22px !important;}
.about .txtw{width:55% !important;margin-top:0 !important;}
.num{height:180px !important;}
.num span{font-size: 3.8rem !important;}
.prodqhy .txt .biaotio{font-size: 2rem !important;}
.prodqhy .txt strong{font-size: 40px !important;}
.ysb li p{font-size:1.6rem !important;}

}