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

/*设置浮动*/
.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{ width:1300px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1300px;}  /*版面宽度*/
.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{
    width: 1300px;margin:50px auto;position: relative;
}
.n_box:after,.box:after{
    display: block;content: "";clear: both;
}
.nboxr{
    width: 1010px;
}

/*抬头
.top_all{width: 100%;min-width: 1300px;
    background: #f5f5f5 url(images/headbg.jpg)center top no-repeat;
}
.hlogo{position: relative;  box-sizing: border-box;overflow: hidden; margin: 20px 0 0 0;}
.hlogo img{position: relative;z-index: 3;  display: block; width:auto;
}
  .hlogo a{ display: block;padding-top: 20px;}
 
 .hsecond{

 } 
.hwa{font-size: 0;margin: 40px 0 0 15px;}
.hwa p{ float: left;}
.hwa i{ display: block;font-style: normal;font-size: 44px;line-height: 50px; color: #222;font-weight: bold;}
.hwa em{ display: block;font-style: normal;font-size:17px;line-height:30px; font-family: "arial"; text-transform: uppercase;color: #999;
    letter-spacing:2.4px;
}

   

.hmean{font-size: 18px;color: #555;}
.hmean b{display: block;font-size:30px;color: #333;}
.hmean b span{color: #00a7f5; font-weight:bold;}
.head_img{
    margin:35px 0 0 100px; height: 122px;
}
.head_img img{
    display: block;
}
 .head_p{ font-size: 16px; color: #777;text-align: center; line-height: 40px; padding:36px 0 0 0;
 text-align: left;
     
 }
 .head_p p{ font-size:30px; font-family: "arial"; color: #222; line-height: 26px;
     font-weight: bold;
 }
 .head_p p span{
     font-size: 32px;letter-spacing: 0.5px;
 }

  .hwa a{ font-size:20px;cursor: pointer;
      display:block;line-height: 30px;color: #333;
  }
  .hwa a:hover{
      color: #333;
  }
  .hwa a:nth-of-type(2n){
      background: #f5f5f5;
  }

 .hwa li{ display: block; position: relative;}
 

  
  */
  

/*抬头*/

.headerbg{ height: 100px;
    z-index:999;width: 100%;min-width: 1300px;border-bottom: 1px solid #eee;
}
.header{ position:fixed;  width:100%; margin: 0 auto; background:rgba(255,255,255,1);top:0;
z-index:999;;}
.header .w1400{width:1300px; height:100px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;
margin: 0 auto;
    
}
.hleft{  
    margin-right: 90px;
}
.hleft p{ font-size:30px; color:#111; 
    line-height:36px; display: block;position: relative;
}

.hleft a{ margin-right:13px; float: left;width: 220px;
}
.hleft a img{
      display: block;float: left; margin-top: 1px; height:70px;
width: auto;
}
.hleft a .txt{ float:left;
    margin-left: 7px;
}
.hleft a .txt dl{
    display: block;font-size: 40px;color: #36393a;font-weight: bold;line-height: 43px;letter-spacing: 1px;
}
.hleft a .txt dt{
    font-size: 12px;color: #36393a; font-family: "arial"; text-transform: uppercase; margin-left: -18px;transform: scale(0.8);
}
.nav{
    width: 96%;min-width: 740px;min-height: 85px;
}
.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;
 
}
.hright{width:73%; }
.nav>ul>li{ position:relative; margin-right:4.7%;}
.nav>ul>li>a{ font-size:1.02rem; color:#333; display:block; line-height:85px; position:relative;
  
} 
.nav>ul>li>a:after{ content:''; display:block; position:absolute; left:-13px;  bottom:22px; height:40px; width:0; transition:all .3s ease;
background: #00a7f5;z-index: -1;
    
    
}

.nav>ul>li.on>a:after,.nav>ul>li:hover>a:after{ width:90px;}

.nav>ul>li:nth-of-type(2).on>a:after,.nav>ul>li:nth-of-type(2):hover>a:after{ width:105px;}
.nav>ul>li.on>a,.nav>ul>li:hover>a{  color:#fff;
    
}
.nav>ul>li>a i{ display:inline-block; vertical-align:middle; margin-left:5px; width:12px; height:7px; background:url(images/002.png) no-repeat center;}
.dropmenu{position:absolute; border-radius:5px; overflow:hidden; transition:all .3s ease; top:90px; left:-20%; width:140%; background:rgba(255,255,255,0.98); 
box-shadow:0 0 10px rgba(0,0,0,.2); opacity:0; transform:rotateY(90deg);
    padding:15px 0;
    
}

.dropmenu:before{top:-50px;right: -50px;
    display: block;position: absolute;content: "";display:inline-block; vertical-align:middle; margin-left:5px; width:12px; height:7px; background:url(images/002.png) no-repeat center;
}

.nav>ul>li:hover .dropmenu{ transform:rotate(0deg); opacity:1;}
.dropmenu a{ display:block; line-height:34px; font-size:14px; color:#666; text-align:center; transition:all .3s ease;}
.dropmenu a:hover{ color:#00a7f5;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}

.nav ul li:nth-of-type(3) .dropmenu{left:-80%; width:260%; }



.header .tel{text-align: left;  color: #222;width: 260px;font-family: "arial";
      font-size: 16px;line-height: 35px; position: relative;
  }
  .header .tel:before{overflow:hidden;font-size: 18px;
      display: block;width:35px;height: 35px; background:rgba(0,167,245,1);color: #fff;line-height: 35px;text-align: center;margin-right: 5px;float: left;
      border-radius: 50%;
  }
.header .tel:after{
      display: block;content: "";clear: both;
  }
.header .tel b{font-weight: normal;
    font-size: 26px;float: left;
}

/*产品展示*/
.prod_all{width: 100%;padding-top: 80px;  padding-bottom:80px;background: linear-gradient(to bottom,#fff,#f5f5f5,#f5f5f5);
    min-width: 1300px;overflow: hidden;
}
  .prod_t{text-align: center;font-size: 16px; color: #eee;
      margin-bottom: 30px;
  }
  .prod_t dl{ font-size: 42px;line-height: 42px;color: #222;padding: 10px 0 0;}
  .prod_t span{ font-weight: bold;color: #165b9e;}
  .prod_t p{ font-family: "times"; text-transform: uppercase; font-size:70px; line-height: 60px;}
  .prod_t dt{
      font-size: 16px;color: #888; padding-top: 12px;line-height: 24px;
  }
    .prod_t .arrow{position: relative; padding-top:15px;  display: block; width: 26px; margin: 0 auto; animation: arrow  2s infinite;    -moz-animation: arrow 2s infinite;    -ms-animation: arrow 2s infinite;    -o-animation: arrow 2s infinite;    -webkit-animation: arrow 2s infinite;}
@-webkit-keyframes arrow
{
0% {top:2px;}
50% {top:13px;}
100%{top:2px;}
}
@-moz-keyframes arrow
{
0% {top:2px;}
50% {top:13px;}
100%{top:2px;}
}
  

@-o-keyframes arrow
{
0% {top:2px;}
50% {top:13px;}
100%{top:2px;}
}

/*产品分类*/
.prodlist{min-height: 50px;
  margin: 0 auto;position: relative;min-width: 1300px;
}  
.prodlist li{
    display: block;float: left;
}
.prodlist li+li{
    margin-left: 20px;
}
.prodlist li .yiji{float: left;
    display: block;background: #00a7f5;line-height: 60px;text-align: center;font-size:18px;width:244px;
    color: #fff;
}
.prodlist li:hover .yiji{
    background: #0470b0;color: #fff;
}
.prodlist li:after{
    display: block;content: "";clear: both;
}

.prodlist .erji{border: 1px solid #eee;border-left: none;box-sizing: border-box;
    float: right; padding: 6px;box-sizing: border-box;width: 1110px;
}
.prodlist .erji a{font-size: 14px;
    display: block;float: left;background: #f3f3f3;color: #333;width:125px;line-height:36px;text-align: center;
}
.prodlist .erji a+a{
    margin-left:1%;
}
.prodlist .erji a:hover{
     background: #00a7f5;color: #fff;
}
.prodlist li.on>a{
    position: relative;
}
.prodlist li.on>a:after{display:block;content:"";width: 18px;height: 18px;position: absolute;right: -6px;top: 27px;transform: rotate(45deg);
  background: #00a7f5;
}

/*产品滚动*/
.colee{overflow: hidden;
    height: 660px;
    width:1300px;}

.prodgd{ margin-top: 30px;
   }

.prodgd table td{width: 23.5%; display: block ;float: left;  margin: 2% 2% 0 0; border: 1px solid #eee; background: #fff;
box-sizing: border-box;position: relative;height: 340px;
  }
  .prodgd table td:nth-of-type(4n){
    margin-right: 0;
  }
.prodgd table td .txt{
    text-align: center;position: absolute;bottom: 20px;width: 100%;text-align: center;line-height: 30px;
}
.prodgd table td .txt a{transition: all ease 0.5s;}
.prodgd table td:hover .txt a{
 font-size: 15px;font-weight: bold; color: #00a7f5 !important;
}
.prodgd table tr td a{display: block;overflow: hidden}


.prodgd img{display: block;box-sizing: border-box;padding: 15px;
    transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; width:100%; height:auto;}
.prodgd img:hover{-webkit-transform: scale(1.12, 1.12) rotate(30deg); transform: scale(1.12, 1.12) rotate(30deg); -moz-transform: scale(1.12, 1.12) rotate(30deg);  overflow:hidden;}   




/*公司优势*/
.youshi{ min-width: 1300px; padding: 80px 0 80px 0;overflow: hidden; height: 800px;box-sizing: border-box;
    width: 100%; background: url(images/ysbg.jpg)bottom center no-repeat;
}

.youshi .prod_t{
    text-align: left;padding-left: 550px;
}
.youshi .prod_t dl{
    padding-left: 10px;
}
.youshi .prod_t dt{
    padding-left: 20px;
}
.youshib{ padding-left: 480px;
    position: relative;
}
.youshib li{cursor: pointer;
    width: auto; overflow: hidden;
    box-sizing: border-box;
}
.youshib li:nth-of-type(2){
   padding-left: 20px;
}
.youshib li:nth-of-type(3){ padding-left: 50px;}

.youshib li:nth-of-type(1) .txt{  width:690px;}
.youshib li:nth-of-type(2) .txt{  width: 670px;}
.youshib li:nth-of-type(3) .txt{  width: 640px;}

.youshib li .pic{border-radius: 50%;overflow: hidden;font-size: 50px;box-sizing: border-box;border: 10px solid #fff; margin-top: 15px;
    width: 110px;height: 110px;background: #00a7f5;text-align: center;color: #fff;line-height: 100px;box-shadow: 0 0 10px rgba(0,0,0,5%);
}
.youshib li .txt{padding-bottom: 20px;margin-bottom: 15px;
   font-size:18px;line-height: 26px; padding-top: 20px; margin-left:20px;
}
.youshib li .txt dl{
    font-size:30px;font-weight: bold;line-height:50px;color: #00a7f5;
}

.youshib li:after{
    display: block;content:""; border-bottom: 1px dashed #ddd;position: absolute;bottom:0;right: 0;width:85%;
}

/*.youshib li:hover,.youshib li.cur{*/
/*    background: #00a7f5;*/
/*}*/




/*应用行业*/
.case_all{overflow: hidden;
    width: 100%;min-width: 1300px;position: relative; padding-top: 80px;
}

.case_all:after{
    display: block;content: "";width: 100%;left:0;bottom: 0;height: 10px;background: #00a7f5;position: absolute;
}


.case{ padding: 0 50px 50px 0;
   background: linear-gradient(to bottom,#fff,#fff);width: 1300px;margin: 0 auto; box-sizing: border-box;
}
.case .prod_t{
    text-align: left;
}
.caseb{
    position: relative;
}

.caseb a{
    display: block;float: left;width: 32%;box-sizing: border-box;margin: 0 2% 0 0;
}
.caseb a:nth-of-type(3n){
    margin-right: 0;
}
.caseb a:nth-of-type(n+4){
    margin-top: 2%;
}
.caseb a .pic{
    overflow: hidden;
}
.caseb a .pic img{
    display: block;width: 100%;height: auto;transition: all ease 0.5s;
}
.caseb a:hover .pic img{
transform: scale(1.1);
}
.caseb a .txt{ background: #f5f5f5;line-height: 50px;position: relative;font-size: 15px;
    text-align: center;color: #333;
}
.caseb a .txt i{
    display: block;position: relative;z-index:2;transition: all ease 0.5s;}
    .caseb a .txt:after{display:block;content: "";transition: all ease 0.5s;
        width: 0;height: 100%;background: #00a7f5;position: absolute;left: 0;bottom: 0;z-index: 1;
    }
.caseb a:hover .txt:after{
    width: 100%;
}
.caseb a:hover .txt i{
    color: #fff;
}
.caseb:after{
    display: block;content: "";clear: both;
}

/*合作伙伴*/
.partner{
    width: 100%;min-width: 1300px;background: #fff;padding: 80px 0 75px 0;overflow: hidden;
}

.partnerb{
    position: relative;border-bottom: 1px solid #eee;border-right:1px solid #eee;
}
.partnerb a{position: relative;
    display: block;width: 20%;box-sizing: border-box;float: left;overflow: hidden;border: 1px solid #eee;border-right: none;border-bottom: none;
}
.partnerb a .pic{
    overflow: hidden;
}
.partnerb a img{display: block;overflow: hidden;width: 100%;height: auto;box-sizing: border-box;padding: 13px 26px;
    
}
.partnerb a .txt{overflow: hidden;position: absolute;left: 0;right:0; margin: 0 auto;transition: all ease 0.5s;
    width:0;height: 0;line-height: 130px;text-align: center;color:#fff;z-index: 3;bottom: 0;font-size: 20px;
}
.partnerb a:hover .txt{ width: 100%;height: 100%;}

.partnerb a:after{transition:all ease 0.2s;
    display: block;content: "";width: 100%; height: 0;background: rgba(0,167,245,0.95);position: absolute;bottom: 0;left: 0;right: 0;
}
.partnerb a:before{transition:all ease 0.2s;
    display: block;content: "";width: 100%; height:0;background: rgba(0,167,245,0.95);position: absolute;top: 0;left: 0;right: 0;
}

.partnerb a:hover:before,.partnerb a:hover:after{height: 50%;}

/*广告条*/
.ggt2{
    width: 100%;height: 137px;background: url(images/ggt2.jpg)center top no-repeat; 
}
.ggt2 .tel{
    padding: 35px 50px 0 30px;color:rgba(255,255,255,0.6);line-height: 50px;
}
.ggt2 .tel:before{ margin-right:10px;
    display: block;float: left;font-size: 18px;
}
.ggt2 .tel dl{display: block;float: left;
    
}
.ggt2 .tel p{
    font-size: 40px;color:#fff;float:left;font-family: "arial";letter-spacing: 2px;
}

.ggt2 .word{ padding-top:27px;color:rgba(255,255,255,0.4);

}
.ggt2 .word dl{letter-spacing:12px;
    font-size: 18px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.6);line-height:40px;
}
.ggt2 .word p{line-height: 18px;display: block;padding-top: 7px;
    font-family: arial;font-size: 12px;
}


/*简介*/
.about{
    width: 100%;min-width: 1300px;background: url(images/aboutbg.jpg)center bottom no-repeat;  padding: 60px 0 80px 0;overflow: hidden;
}
.about .pic{
    width:650px;border: 10px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,10%);
}
.about .pic img{
    display: block;width: 100%;height: auto;
}
.aboutl{
    width: 580px;
}
.aboutl .prod_t{ margin-bottom: 0;
    text-align: left;
}
.aboutl .prod_t dt{
    font-size: 24px;color: #333;
}

/*.aboutl .prod_t dt:after{*/
/*    display: block;content: "";width: 50px;height: 1px;background: #00a7f5;margin:25px 0 20px 0;*/
/*}*/

.aboutl .txt{
    font-size: 14px;text-align: justify;line-height: 32px;color: #888;overflow : hidden;
    text-overflow: ellipsis; margin-top: 28px;
    display: -webkit-box;
    -webkit-line-clamp:7;
    -webkit-box-orient: vertical;
}
.aboutl a{
    display: block;width: 180px;text-align: center;line-height: 42px;color: #fff;background: #00a7f5;margin-top: 38px;
    font-size: 15px;
}
.aboutl a:hover{
    background: #cf232d;color: #fff;
}


/*内页产品*/
 .p-single-product__action a:hover {
    color: #00a7f5
  
}

.p-single-product__action a.is-active {
  color: #00a7f5
}

.p-product-intro__section:not(:last-child) {
  margin: 0 0 2.375rem
}

.p-product-intro__content {
  background-color: #fff;
  padding: 1rem 1.5rem
}



.p-product-intro__content:not(:last-of-type) {
  margin: 0 0 2.1875rem
}

.p-propduct-certification {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  
}


.c-specification {
  position: relative
}

.c-specification__header {
  display: flex;
  background-color: #333;
  padding: 1rem 1.25rem
}

.c-specification__header .c-specification__title {
  margin: 0;font-size: 1rem;
}

.c-specification__title{
    width: 40%;font-size: 1rem;
}
.c-specification__header span {
  font-size: 1rem;
  color: #fff
}

@media(min-width:48em) {
  .c-specification__item {
    display: flex;
    padding: 1.25rem 1.875rem
  }
}

@media (min-width: 75em){
   .u-text-xl {
 padding-bottom:15px;color:#333;
 font-weight:normal;
    font-size: 1.5rem;
  }
}

@media(min-width:48em) {
  .c-specification__parameter {
   
    padding: 0 1rem 0 0;font-size:1rem;
  }
}

.c-specification__item {
  padding: 1rem 0
}

@media(min-width:48em) {
  .c-specification__item {
    display: flex;
    padding: 1.25rem 1.875rem
  }
}

.c-specification__item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.prodimg{
    font-size: 1rem;line-height: 2;
}
.prodimg img{display: block;
    
}


  .nstory{ padding: 50px;background: #f5f5f5;border: 1px solid #eee;
    font-size: 1rem;line-height: 2;text-align: justify;
  }
  .nstory p{
    text-indent: 2em;padding-bottom: 10px;
  }
  .nstory img{
      display: block;margin: 10px auto;max-width: 100%;
  }
  
  /*企业文化*/
   .nculture{
    
  }
  .nculture li{float: left;
    width: 48.5%;box-sizing: border-box;background: #f5f5f5;text-align: center;font-size: 1.06rem;line-height: 2;
  }
  .nculture li .txt{padding:50px 0;}
  .nculture li dl{
    font-size: 1.6rem;color: #222;font-weight: bold;
  }
  .nculture li  img{ box-sizing: border-box;
    display: block;width: 100%;height: auto;
  }
  .nculture li:nth-of-type(2n){
    margin-left: 3%;
  }
  .nculture li:nth-of-type(n+3){
    margin-top: 3%;
  }