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


/*顶部*/
.top_all{ margin-bottom:5px;text-transform: uppercase;
    width: 100%;background: #f9f9f9;line-height:50px;min-width: 1400px;
    font-size: 14px;color: #999;
}  
.top_all a{font-size: 14px;color: #999;}
.top_all a:hover{
    color: #067dd9;
}
.top_all i{
    display:inline-block;font-size: 17px;color: #999;
}
.top_all a:hover i{
    color: #067dd9;
}
.top_r a{display: inline-block;  padding-right: 20px;
    
}
.top_r a{border-right: 1px solid #eee;}
.top_r i{
    padding-left: 20px;
}
.top_r a:nth-of-type(1) i{
    border-left: 1px solid #eee;
}


/*抬头*/
.hlogo{background: #fff; position: relative;  box-sizing: border-box;overflow: hidden; margin: 20px 0 20px 0;}
.hlogo img{position: relative;z-index: 3;  display: block; width:auto;
}
  .hlogo a{ display: block;padding-top: 15px;}
 
 .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:15px;line-height:30px; font-family: "arial"; text-transform: uppercase;color: #999;
  letter-spacing: 0.2px;
}
  
  .alibb{float:left;margin: 40px 0 40px 70px;
     width: 120px;padding: 15px 20px 5px 20px; background: #f5f5f5;border-radius: 20px;overflow: hidden;
 } 
   .alibb a{
       display: block;font-size: 14px; line-height: 32px;text-align:center;color: #004b9f;
   }
  .alibb a img{ margin: 0 auto;
     display: block;
  } 

   
.hline{width: 15px;height: 86px; background: url(images/008.png) left center no-repeat; margin: 0 5px 0 17px ;}
.hmean{font-size: 18px;color: #555;}
.hmean b{display: block;font-size: 28px;color: #333;margin-bottom:3px; letter-spacing: 0;}
.hmean b span{color: #067dd9; font-weight:bold;}
.head_img{
    margin:35px 0 0 100px; height: 122px;
}
.head_img img{
    display: block;
}
 .head_p{ font-size: 16px; color: #777;line-height: 40px; padding:40px 0 0 0;
 text-align: left;
     
 }
 .head_p p{ font-size:30px; font-family: "impact"; color: #222; line-height: 35px;
     padding-top: 5px;
 }
 .head_p p span{
     font-size: 32px;letter-spacing: 0.5px;
 }

  .hwa a{ font-size: 16px;cursor: pointer;
      display:block;text-align: center;padding: 0 19.5px;line-height: 34px;color: #333;background: #eaeaea; float: left;
  }
  .hwa a:nth-of-type(2n){
      background: #f5f5f5;
  }
.hwa a:hover{
    background: #067dd9;color: #fff;
}
 .hwa li{ display: block; position: relative;}
 .head_p b{ font-weight:lighter;
     display: block;float: left;font-size: 57px;color: #dedede;line-height: 85px;
 }
  .head_p .tel{text-align: left; padding-right: 10px; margin-right: 10px; color: #222;
      font-size: 16px;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;
  }

/*产品中心*/
.prod_all{
    width: 100%;min-width: 1400px;padding-top: 80px;overflow: hidden;
}
.prod_title{
    text-align: center; color: #666;line-height: 40px;position: relative;padding-bottom:55px;
}
.prod_title dl{
    font-size: 44px;color: #222;line-height: 44px;font-weight: bold;
}
.prod_title span{
    color: #067dd9;
}
.prod_title p{
    font-weight: lighter;font-size: 18px;
}
.prod_title:before{display:block;
width: 25px;height: 25px;line-height:25px;
font-size: 25px;color: #b5b5b5;
position:absolute;left: 0;right: 0;margin: 0 auto;top:90px;
    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% {
    transform: rotate(0deg)}

100%{transform: rotate(360deg)}
}
@-moz-keyframes arrow
{
0% {
    transform: rotate(0deg)}

100%{transform: rotate(360deg)}
}
  

@-o-keyframes arrow
{
0% {
    transform: rotate(0deg)}
100%{transform: rotate(360deg)}
}

.prod_b{
    position:relative;
}
.prod_b #tablit a{text-align: center;font-size: 22px;color: #222;line-height:30px;cursor: pointer;
    display: block;width: 23.5%;box-sizing: border-box;float: left;background: #f5f5f5;padding: 10px;
}
.prod_b #tablit a+a{
    margin-left: 2%;
}
.prod_b #tablit a i{display:block;
    overflow: hidden;width: 50%;float: left;
}
.prod_b #tablit a i img{
    transition: all ease 0.5s;width: 100%;height: auto;
}
.prod_b #tablit a dl{text-align:left; padding-top: 23px;
    width: 45%;float:right;
}
.prod_b #tablit a dl span{
    display: block;font-size: 14px;color: #999;text-transform: uppercase;
}
.prod_b #tablit a:after{
    display: block;content:"";clear: both;
}
.prod_b #tablit a.on{
    background: #e20001;
}
.prod_b #tablit a.on dl{
    color: #fff;
}
.prod_b #tablit a.on dl span{
   color:rgba(255,255,255,0.5)
}

.prod_bb ul:after{
    display: block;content: "";clear: both;
}
.prod_bb ul a{
    display: block;width: 23.5%;box-sizing: border-box;float: left; margin: 2% 2% 0 0; padding: 10px 10px 0 10px; background: #f5f5f5;
}
.prod_bb ul a:nth-of-type(4n){
    margin-right: 0;
}
.prod_bb ul a .prod_img{
    overflow: hidden;
}
.prod_bb ul a .prod_img img{
    display: block;width: 100%;height: auto;transition: all ease 0.5s;
}
.prod_bb ul a:hover .prod_img img{
    transform: scale(1.1);
}
.prod_bb ul a .prod_txt{
    text-align: center;font-size: 16px;line-height: 60px;color: #333;
}
.prod_bb ul a:hover .prod_txt{
    color: #067dd9;
}

/*产品特点*/
.feature{overflow: hidden;
    width:100%;background: #F2F2F2 url(images/featurebg.jpg)center top no-repeat; padding: 140px 0 80px 0; margin-top: 60px;
}
.featureb{
    height: 666px;background: url(images/featureimg.jpg)center no-repeat;
}
.featureb li{
    width: 411px;color: #666;line-height: 34px; margin-top: 73px;
}
.featureb li dl{
    font-size:40px;font-weight: bold;color: #067dd9;line-height:44px;
}
.featureb li dl span{
    color: #e20001;
}
.featureb li dt{font-family: "arial";color: #999;text-transform: uppercase;position: relative;
    border-bottom: 1px dashed #ddd; margin-bottom:17px; padding-bottom: 15px;
}
.featureb li dt:after{content:"";
    display: block;position:absolute;width: 12px;height: 12px;background: #067dd9;left:-8px;top:43px;border-radius: 50%;overflow: hidden;
    border:1px dashed #ddd;
}


.featurebl li dt:after{
    right:-8px;left: auto;
}


.featureb li p{
    width: 360px;font-size: 17px;
}
.featurebl li:nth-of-type(2),.featurebr li:nth-of-type(2){
    margin-top:85px;
}

.featurebr li{
    text-align: right;
}
.featurebr li p{
    float: right;
}
.featureb li:after{
    display: block;content: "";clear: both;
}

/*公司优势*/
.ys_all{
    width: 100%;min-width: 1400px;background: url(images/youshibg.jpg)center bottom no-repeat;padding:80px 0;
}
.ys_all .prod_title dl{
    color: #fff;
}
.ys_all .prod_title p,.ys_all .prod_title:before{
    color: rgba(255,255,255,0.6);
}
.hidden{
    display: none;
}

.box_l{width: 300px;text-align: center;
    overflow: hidden;
    background: #026dbf;
    height: 640px;}
    
.box_l i{display: block;border: 5px solid rgba(255,255,255,1);
    width: 60px;
    height: 60px;
    font-size: 40px;
    color: #067dd9;
    line-height: 60px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 8px;}
    
 .box_l em{width: 100%;
    text-align: center;
    color: #fff;
    font-size: 21px;
    padding-top: 47px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;}
    
.box_r{ height: 640px;
    width: 1100px;background: #fff;box-sizing: border-box;padding: 50px;position: relative;
} 
.box_l .nep02,.box_l .nep01{
        padding-top: 47px; position: relative;cursor: pointer;
}
.box_l .nep01:before{
    display: block;content: "";width: 40px;height: 40px;background: #fff;transform: rotate(45deg);position: absolute;left: -23px;top:65px;
}
.box_l .nep01 i{
    background: #e20001;color: #fff;
}
.box_r .pic{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 50px;
    height:360px;width: 1000px;overflow: hidden;
}
.box_r .pic img{
    display: block;width: 100%;
}

.box_r .txt{
    font-size: 16px;text-align: justify;line-height:40px;
}
.box_r .txt dl{display: block;
    font-size: 30px;color: #067dd9;font-weight: bold;line-height: 40px;
}
.box_r .txt dt{
    display: block;color: #222;font-size: 22px;font-weight: bold;
}
.box_r .txt p{ padding-top: 10px;font-weight: lighter;
   line-height: 28px;
}
.box_r .txt a{text-align: center;
    display: block;color: #fff;font-size: 16px;background: #e20001;width: 120px;border-radius: 20px;overflow: hidden;position: absolute;right: 50px;top: 50px;
}
.box_r .txt a:hover{
    background: #067dd9;
}


/*应用案例*/
.case_all{
    width: 100%;min-width: 1400px;padding: 80px 0 0 0;overflow: hidden;
}
.case_all .prod_title{
    padding-bottom: 40px;
}
.caset{
   font-size: 20px;color: #cfcfcf;line-height:44px;text-align: center;
}
.caset a{
  font-size:20px;color: #222;  
}
.caset span{
    padding: 0 30px;font-weight: lighter;
}

.caset:after{
    display: block;content: "";clear: both;
}
.case_b{
    min-height: 400px; margin-top:20px;
}
.case_b a{
    display: block;width:32%;float: left;margin: 0 2% 2% 0; box-sizing: border-box;
}
.case_b a:nth-of-type(3n){
    margin-right: 0;
}
.case_b a dt{
    display: block;overflow: hidden;
}
.case_b a dt img{
    display: block;width: 100%;transition: all ease 0.5s;
}
.case_b a:hover dt img{
    transform: scale(1.1);
}
.case_b a dd{
    display: block;text-align: center;font-size: 16px;color: #666;line-height: 50px; background: #f5f5f5;
}
.case_b a:hover dd{
    background: #067dd9;color: #fff;
}

.caselink{font-family:"arial";font-size: 14px;text-transform: uppercase;line-height:48px; background: #fff;position: relative;z-index: 2;
    display:block;width:200px;text-align: center;color: #666; margin: 50px auto 0 auto;border: 1px solid #ddd;
}

/*合作流程*/
.process{
    margin-top: -35px;
    width: 100%;min-width: 1400px;background:#f5f5f5 url(images/processbg.jpg)center top no-repeat;padding-top:180px; padding-bottom: 80px;
}
.processb:after{
    display:block;content: "";clear: both;
}
.process .prod_title dl{
    color: #fff;
}
.process .prod_title p,.process .prod_title:before{
    color: rgba(255,255,255,0.6);
}
.processb{
    background: #fff;
}
.processb li{position: relative;height: 315px;overflow: hidden; border-left:1px solid #eee;cursor: pointer;
    width: 200px;background: #fff;text-align: center;box-sizing: border-box; padding:35px 30px;font-size: 15px;
}
.processb li:last-child{ border-right:1px solid #eee;
   
}

.processb li:before{display:block;margin: 0 auto;line-height: 70px;font-size: 36px;border-radius: 50%;overflow: hidden;
    width: 70px;height: 70px;text-align: center;background: #067dd9;color: #fff;
}
.processb li dl{
    font-size: 24px;color: #222;line-height: 30px; padding-top:15px;
}
.processb li p{
    line-height:26px;padding-top: 12px;
}
.processb li i{font-size: 80px;line-height: 80px;
    display: block;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -25px;font-family: "impact";color: #ebebeb;
}

.processb li:hover:before{
    background: #e20001;
}


/*  留言*/

.process .feedback_form{  overflow: hidden;
    width: 100%; 
    margin: 30px auto 0 auto;
  box-sizing: border-box;
}
.process.liu_r{
    margin-right: 10px;
}
.process .feedback_form input,
.process .feedback_form textarea{
    border: none;
  background: #fff;
}
 .process.feedback_form input:hover,
.process .feedback_form textarea:hover{
    border-color: #e20001;
}

 .process .feedback_form li { float: left;
       width: 32%;
    background: none;
    font-size: 14px;
    color: #888; margin-right: 2%;

}
.process .feedback_form li:nth-of-type(3n){
    margin-right:0;
}
.process .feedback_form li:nth-of-type(n+4){
    margin-top: 2%;
}

.process .feedback_content{
    width:1040px;
}
.process .feedback_content i{ float: left;
    font-size:18px;
    padding: 0 5px;
}
 .process.feedback_form li.message {
    padding-top: 10px;
}
 .process .wbf-input {
width: 100%;
    height: 50px;
    padding: 10px 20px;
    
    line-height: normal;
    box-sizing: border-box; float:left;
}
 .process .fb_email{ margin-right: 0;}
.process  .feedback_content{ margin-left: 0;}

.process .wbf-code {
    width: 200px;text-align: center;

    line-height: normal;
    box-sizing: border-box;
}
 .process .feedback_form li.yzma { width: 340px;
    padding: 0; background: #fff; margin-left: 0;
}
 .process .feedback_form li.yzma input{ line-height: 50px;}
 .process .yzma img{ vertical-align: middle;}
 .process .wbf-textarea {
    width: 100%;
    height:50px;
 font-family: "microsoft yahei"; padding-left: 20px;
    line-height: 50px;
    box-sizing: border-box;
}
 input.button.btn_message{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin-top: 8px;
    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;
    
}

 .process a.button.btn_message{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;

    margin-top:21px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    
    width: 100%;
    line-height: 50px;
    background:#067dd9;
    font-size: 16px;
    color: #fff;
    
}
 .process .feedback_form input::-webkit-input-placeholder,
 .process .feedback_form textarea::-webkit-input-placeholder {
    color: #666;
}


/*公司简介*/
.about_all{
    width: 100%;min-width: 1400px;padding-top: 80px;overflow: hidden;
}
.aboutl{width: 675px;text-align: justify;}
.aboutl dl{
    display: block;font-size:40px;color: #e20001;line-height:50px;font-weight: bold;
}
.aboutl dt{
    display: block;font-size: 22px;color: #222;line-height: 32px;
}
.aboutl dt:after{
    display: block;content: "";width: 50px;background: #e20001;height: 2px;margin: 25px 0 23px 0;
}
.aboutl p{
    font-size: 15px;color: #666;line-height:34px;padding-top: 10px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
}
.aboutl a{
    line-height:44px;
    display: block;width: 150px;background: #067dd9;color: #fff;font-size: 15px;margin-top:30px;text-align: center;
}
.aboutl a:hover{
    background: #e20001;color: #fff;
}
.aboutr{
width: 680px;position: relative;
}
.aboutr img{
    display: block;width: 100%;height: auto;
}


/*数字滚动*/
.num{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; height:200px; font-size:15px; color:#555555; text-align:center; }
.num span,.num i{ display:inline-block; vertical-align:top;}
.num span{ font-size:60px; color:#000000; font-family:impact; position:relative; z-index:3;}
.num i{ border-radius:50%; width:30px; height:30px; font-size:22px; font-family:impact; line-height:30px; color:#fff; background:#067dd9; margin-left:-10px;}
.num p+p{ margin-top:5px;
    font-size: 16px;
}


/*  车间*/
.plant_all{ width:100%;min-width:1300px;background:url(images/023.png)center bottom no-repeat;padding-bottom:120px;}
.plant_b{overflow:hidden;}
 .plant_b li {
        float: left;
        margin-right: 20px;
        width: 360px;
    }
   .plant_b li .plant_img {
        width: 360px;
        height: 270px;
        border: 1px solid #ddd;
    }
   .plant_b li .plant_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
   .plant_b li .plant_t {
        position: relative;
        width: 360px;
        height: 45px;
        text-align: center;
        font-size: 15px;
        color: #555;
        line-height: 45px;
        background: #fff;
    }
   .plant_b li .plant_t span {
        position: relative;
        display: block;
        z-index: 9;
    }
   .plant_b li .plant_t:after {
        display: block;
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 0;
        height: 45px;
        transition: all 0.3s;
        background: #067dd9;
    }
   .plant_b li:hover .plant_t:after {
        width: 360px;
    }
    .plant_b li:hover .plant_t {color: #fff; }
    
    
/*内页代码*/

    .pro_detail_text{ display:none;}
        .mod1125 .pro_detail_img{ position: relative;
            
            margin-bottom: 20px;
        }
        .mod1125 .showbox { z-index: 3; box-sizing: border-box;width: 100% !important; height: auto !important;
            background: transparent; 
            border: 1px #ddd solid;
        }
        .mod1125 .showbox b img{
        width: 100% !important;height: 100% !important;
            margin: 0 auto;
        }
    .mod1125 .showbox>div{width: 100% !important; height: auto !important;}
.pic_img_show{ position: relative;box-sizing: border-box;
    width:48% !important;
}

.small_ul{ background: #eee; padding-top: 15px;
    width:100% !important;height: 360px !important;
}
#showsum{ margin-top: 48px;width: 100% !important;
   height: 360px !important;position: absolute;bottom: 0;left: 0;
}

.small_ul:after{
    display: block;content: "";clear: both;
}
.mod1125 ul.small_ul li {cursor: pointer;
            float: left; margin-bottom: 13px;
            margin-left: 11.5px !important;
            width: 22.7% !important;
            height: auto !important;
            overflow: hidden;
            border: 1px solid #ddd;
        }
       .mod1125 ul.small_ul li>div {
            height: 100% !important;
            width: 100% !important;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }
     .mod1125 ul.small_ul li>div img{width: 100% !important;height: auto !important;
         display: block !important;
     }   

.pro_detail_show table{ border-color:#ddd !important; width: 100% !important;
    border-collapse: collapse;line-height: 50px;text-align: left;font-size: 16px;border: none; 
}
.pro_detail_show table td{
    padding-left: 50px;
}
.pro_detail_show table tr td:nth-of-type(1){text-align: center; padding-left: 0;border: 1px solid #ddd !important;
    text-align: center;
}
.mod1125 .pro_detail_show td p{
    text-align: left; padding-left:13px;
}

/*.pro_detail_show table tr:nth-of-type(1) td{*/
/*    background: #1282ce;color: #fff;font-size: 22px;color: #fff;*/
/*}*/

.pro_detail_show video{
    display: inline-block;text-align: center; width: 48%; float: left;margin-top: 4%;
}
.pro_detail_show video:nth-of-type(2n){
    margin-left: 4%;
}
.pro_detail_show:after{
    display: block;content: "";clear: both;
}
    
    
    
    #newBridge .icon-right-center{
        left: 2% !important;
    }