/* 
author:pcwl;
 */
/* 品牌中心 */
.ny_banner{ width: 100%; }
.ny_banner img{ width: 100%; display: block; }
.postion{ background: #f2f2f2; display: flex;  }
.postion_box{ display: flex; }
.postionL{ display: flex; padding: 15px 0; flex: 1; }
.postionL a{ display: block; padding: 10px 25px; background: #fff; font-size: 16px; transition: all .5s ease; margin-right: 20px; color: #333; }
.postionL a:hover{ background: #002e62; color: #fff; }
.postionR{ height: 70px; line-height: 70px; font-size: 14px;  color: #555; }
.weizhiicon { vertical-align: middle;}
.postionR a {
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    color: #555;
}
/* 内容 */
.content{}
.page_title { font-size: 30px; line-height: 70px; padding-top: 40px; text-align: left; font-weight: bold; border-bottom: 1px solid #999;}
.content_txt{ padding: 20px 0;  line-height: 32px;}
.content_txt p { font-size: 16px;}
.content_txt p img{ /*max-width: 1440px; width: 100%; display: block;*/ }

/*  */
.pcI{display: block;}

.wapI{display: none;}

.flatI{display: none;}

.maxWidth{max-width:100%;}

.ingBox{padding:50px 0;}

div.imgPD{position:relative;padding-top:100%;}

div.imgPD img,div.imgPD .effect-one-img{position:absolute; left:0;top:0; display:block;width:100%;height:100%;}

div.imgPD11{position:relative;padding-top:110%;}

div.imgPD70{position:relative;padding-top:70%;}

div.imgPD13{position:relative;padding-top:130%;}
.case-list{margin:0 0 -30px -20px; padding-top:40px;}
.case-list li{float:left;width: 25%;}
.case-list li a{display: block; position: relative;z-index:2;margin:0 0px 30px 20px;overflow: hidden;}
.case-list li .pic{padding-top:65%;}
.case-list li .pic:after{ opacity: 0;content: ""; position: absolute;left:0;bottom:0;z-index:1;width:60%;height:60%;border-radius:50% 50% 50% 0%; background: #000;transition: 0.5s;transform-origin: 0 100% 0;}
.case-list li h4{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:15px;color:#666;font-size:16px; text-align: center;}
.case-list li .box{opacity: 0; position: absolute;left:0;top:0;right:0;bottom:0;margin:auto; height:min-content;z-index:2;width:100%;padding:0px 50px 0 50px; text-align: center;transition: all .4s ease-in-out; box-sizing: border-box;}
.case-list li .box h5{color:#fff;font-size:18px;margin-bottom:20px;}
.case-list li .box p{-webkit-line-clamp: 3;color:#fff;font-size:14px;font-size: 14px;line-height: 28px;}
.case-list li .box .more{display: table;margin:40px auto 0;color:#fff;font-size:14px;padding: 6px 30px;border:2px #fff solid;border-radius: 30px;}
.case-list li .more:hover{color:#000;border-color:#fff; background: #fff;}
.case-list li:hover .box{opacity: 1;}
.case-list li:hover .pic:after{opacity: 0.6;    transform: scale(4, 4);}
.case-list li:hover h4{color:#df2626}

/* 新闻中心 */
/*新闻*/
.content_list{ margin:15px auto; display: flex;  }
.listL{ width: 20%; border:1px solid #e4e4e4;  }
.listR{ width: 78%; margin-left: 2%;    }
.listbar{ background: #e4e4e4; padding:10px 0;  }
.listbar h3{ font-size: 30px; font-weight: bold; color: var(--my-main-color);}
.listbar h5{ font-size: 15px; text-transform: uppercase; font-family: Fantasy; padding-left: 63px; color: #bcbcbc; font-weight: normal;}
.listicon{ padding-right: 10px; padding-left: 15px; width: 40px; height: 40px;  }
.listL ul{ padding:10px; }
.listL ul li{ height: 45px;  font-size: 16px; background: #f8f8f8; margin-bottom: 15px; line-height: 45px; display: flex; flex-direction: row; margin-top: 10px; }
.listL ul li a{ display: block; width:90%; color: #333;   }
.listL ul li i{ display: block; width: 20px; height: 5px; background-color: var(--my-main-color); line-height: 45px; justify-content: middle; position:relative; top:40%; margin-left: 10px; margin-right: 10px;}
.listL ul li:hover{ background: var(--my-main-color); }
.listL ul li a:hover{ color: #fff; }
.listL ul li:hover i{ transition: all 0.6s; transform: scale(1.4); background-color: #fff; color: #fff; }


.listarc{ box-shadow: 0 0 10px rgba(0, 0, 0, 10%); padding:10px; display: flex; /* width: 100%; */ margin-bottom: 20px; }
.listarc:hover{ background: rgb(0 0 0 / 5%); }
.listarc a{ display: flex; flex-direction: row; width: 100%;  }
.listarc a .list_pic{ width: 19%; height: 153px; position: relative; border: 1px solid #f2f2f2; overflow: hidden; }
.listarc a .list_pic img{ max-width: 97%; max-height: 97%; line-height: 153px; position: absolute; top: 0; left: 0;right: 0; bottom: 0; margin: auto; transition: all .7s; }
.listarc:hover img{ transform: scale(1.1); }
.list_jj{ width: 77%; padding:10px;}
.list_jj h4{ font-size: 18px; font-weight: normal; font-style: normal; color: #333; }
.list_jj p{ font-size: 15px; line-height: 30px; color: #999; padding-top:10px; }
.list_jj span{ margin-top: 20px; display: block; color: #999; font-size: 14px; }
.list_jj span img{ padding-right: 10px; }

/* 智能制造 */
.content_pic{   display: flex; flex-wrap: wrap; margin-top: 40px; }
.content_box{ width: 23.3%; margin-right: 2%; border: 1px solid #ccc; margin-bottom: 30px; }
.content_box:hover{ box-shadow: 0px 0px 5px #ccc; }
.content_box:hover p{ color: #f00; }
.content_box:nth-child(4n){ margin-right: 0; }
.content_box a{ height: 280px;display: flex; max-width: 100%; align-items: center;justify-content: center;  background: #FEFEFE; }
.content_box a img{max-height: 99%; display: block; max-width: 100%; padding：1%; box-sizing: border-box; }
.content_box p{ font-size: 16px; line-height: 50px; height: 50px; display: block; width: 100%; text-align: center; background:#f5f5f5;  }

/* 联系我们 */
 .contact{  box-sizing: border-box; margin-top: 40px; margin-bottom: 40px; display:flex; }
 .contact_L{ width: 30%; background: var(--my-main-color); padding: 35px 20px 35px 30px; }
 .contact_L strong{ font-size: 24px; color: #fff; line-height: 40px; }
 .contact_L p{ font-size: 16px; line-height: 38px; color: #fff;}
.contact_R{ width:70%;}
/*成功案例*/
.prodcut { /*height: 435px;*/
background: #fff;
margin: 30px auto;
/* padding-left: 25px;*/
/* padding-top: 25px; */
flex-direction: column;
}
.prodcut ul{ display: flex; flex-wrap: wrap; }
.prodcut ul li {
width: 23.3%;
height: 280px;
float: left;
margin-right: 2%;
position: relative;
overflow: hidden;
cursor: pointer;
text-align: center;
background: #fff;
border: 1px solid #ccc;
margin-bottom: 2%;
}
.prodcut ul li:nth-child(4n){ margin-right: 0px; }
.prodcut ul li img{ display: block;  max-width: 90%; max-height:90%; transition: all .7s; margin:0 auto; padding: 10px 10px 18px 10px;  box-sizing: border-box;}

.txt {
width: 100%;
height: 45px;
background: rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/
position: absolute;
left: 0;
bottom: 0;
color: #fff;
font-family: "微软雅黑";
}
.txt h3 {
font-size: 16px;
font-weight: 100;
height: 45px;
text-align: center;
line-height: 45px;
}
.txt p {
font-size: 14px;
text-align: center;
color: #fff;
padding:0 10px;

}

.content_txt ul{ text-align: center; display: block; margin: 0 auto; height: 50px; line-height: 50px; margin-bottom: 20px; }
.ny_title{ font-size: 24px; line-height: 65px; text-align: center; margin-top:15px; }
.mess{ border-top:1px solid #d9d9d9; margin-top: 15px; display: flex; }
.mess li{ padding:20px 8px; display: inline-block; height: 20px; line-height: 20px; font-size: 14px; color: #707070; }
.mess img{ max-width: 1300px; }
.paging{ margin-bottom: 30px; }
.prev{ margin-bottom: 10px; }
.paging a{ font-size: 16px; color:#666; }

.gustbook_title{ font-size: 30px;  line-height: 40px; text-align: center; margin-top:50px; }
.gustbook_txt{ font-size: 30px; font-weight: bold; }
.gustbook_line{ width: 80px; height: 3px; background: #f00;  margin:0 auto; margin-top: 15px; }
.gustbook_title p{ font-size: 12px; color: #cccccc; line-height: 20px; }
.gustbook{ width: 1300px; margin-top: 30px; }
.gusttop{ width: 100%; border:1px solid #cccccc; }
.gusttop textarea{ width: 100%; height: 150px; border:0; resize: none; font-size: 15px; }
.gustbott{ display: flex; width: 100%; flex-wrap: wrap;  }
.gustbott_gs{ width: 49%;  flex-wrap: wrap;  display: flex; margin-right: 2%; margin-top:25px; }
.gustbott_gs:nth-child(2n){ margin-right: 0; }
.gustbott_gs input{ width:100%; height: 45px; font-size: 15px; border:1px solid #cccccc; padding-left:10px; box-sizing:border-box;}
.gustbott_gs input:focus, .gusttop textarea:focus,.gust_btn input:focus {
    outline: none;
}
.gust_btn{ width: 100%; margin-top:35px; margin-bottom: 100px;  }
.gust_btn input:hover{ background: #3080d8;  }
.gust_btn input{ display: inline-block; text-align: center; width: 100%; font-size: 15px; padding:12px 0; border:0; cursor: pointer; font-size: 15px; font-weight: 600; background: #333; color: #fff; }
#vcodetxt{ width: 70%; }
#VCode{ width: 29%; }


.list_pic_honner{ max-width: 1400px; height: auto; display: flex; flex-direction: column;  }
      .list_img_honner {
        max-width: 1400px;
        /*height: 435px;*/
        background: #fff;
        margin: 27px auto;
       /* padding-left: 25px;*/
        padding-top: 25px;
        flex-direction: column;
      }
      .list_img_honner ul{ }
      .list_img_honner ul li {
        width: 24%;
        height: 235px;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        text-align: center;
        background: #e4e4e4;
      }
      .list_img_honner ul li:nth-child(4n){ margin-right: 0px; }
      .list_img_honner ul li img{ display: block; width: 100%; transition: all .7s; margin:0 auto; }
      .txt {
       
        height: 45px;
        background: rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/
        position: absolute;
        left: 0;
        bottom: 0;
        color: #fff;
        font-family: "微软雅黑";
      }
      .txt h3 {
        font-size: 16px;
        font-weight: 100;
        height: 45px;
        text-align: center;
        line-height: 45px;
      }
      .txt p {
        font-size: 14px;
        text-align: center;
        color: #fff;
        padding:0 10px;

      }

   .pcwl-h3 {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}
.pcwl-h3 h3 a {
    display: block;
    color: #014D9C;
    font-size: 26px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.pcwl-h3:hover h3 a {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
}
.pcwl-h3 span {
 *display: inline;
    _display: inline;
    display: inline-block;
    zoom: 1;
    font-size: 20px;
    color: #cdcdcd;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-transform: uppercase;
}
.pcwl-h3:hover span {
    transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
}
.pcwl-h3 span i,  .pcwl-h3 span em {
    position: absolute;
    top: 16px;
    float: left;
    width: 30px;
    height: 1px;
    margin: 0 auto;
    background-color: #bdbdbd;
}
.pcwl-h3 span i {
    left: -40px;
}
.pcwl-h3 span em {
    right: -40px;
}
   .image-list {
    margin-top: 45px;
    margin-bottom: 40px;
}