@charset "utf-8";
html{margin:0;padding:0}
body{overflow-x:hidden;font-family: "微软雅黑";margin:0;padding:0;font-size:14px;line-height: 1.5;color: #000; font-weight: 300;overflow-x: hidden;
min-width: 1332px;}
em,i{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}
.fx,.fxrow{display:flex;flex-direction:row;align-items:center}
.fjsb{justify-content:space-between}
.fjsa{justify-content:space-around}
.fjfe{justify-content:flex-end}
.fjce{justify-content:center}
.fafe{align-items:flex-end}
.fafs{align-items:flex-start}
.fwp{flex-wrap:wrap}
.ti2{text-indent:2em}
.ovh{overflow:hidden}
.dn{display:none}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.container{width: 1200px;margin:0 auto;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mb40{margin-bottom: 40px;}

/* wel */
.wel{background-color:#f9f9f9;border-bottom: 1px solid #ccc;}
.wel  h1 {color: #666;display: block;; color: #666;padding-left: 5px;line-height:35px; }
.wel  ul  li a{color: #666;padding-left: 5px;}
.wel  ul  li:nth-child(1){margin-right: 25px;}
.header{width:100%;}
.header .header_top .right a:last-child{border-left: 1px solid #666;}
.header .header_top .right a img{vertical-align:middle;margin:-4px 5px 0 0}
.header .nr{padding: 16px 0;}
.header .nr .zb .left img{vertical-align:top}
.logoimg{width:700px;height:95px;}
.header .nr .right .icon{margin:0 16px 0 0}
.header .nr .right .dz-rx i{display:block;color:#333;font-size:16px;line-height:20px;font-style:normal}
.header .nr .right p{color:#333;display: block;line-height:36px;font-weight: 600;   font-size: 16px; font-family: impact;}
.header .nr .right .num{font-size:18px;color:#808080;}
.header .nr .right .num  span{       display: block;background-color: #0160a2;  border-radius: 20px;    padding: 5px 10px;      font-size:15px;color:#fff;}
.header .nr .right  .p2{color:#079a42;font-family: Impact;font-size: 40px;padding-bottom:5px;}

/*导航栏*/
nav {position: relative;z-index: 1000;background: #045ba8;}
nav >  ul > li {line-height:55px;flex:1;  text-align: center;position: relative;;}
nav > ul > li >a {display: block;color: #fff;font-size:18px;}
nav > ul > li{background: url(../images/at.png) no-repeat right  0 center;}
nav > ul > li:hover{ background-color: #079a42; background-image: none; }
nav >ul > li.active{ background-color: #079a42; background-image: none;  }

/* 二级 */
nav > ul > li > ul {position: absolute;width:100%;}
nav > ul >  li > ul {filter: progid:DXImageTransform.Microsoft.Shadow(color=#045ba8,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0)}
nav > ul > li:hover > ul {opacity: 1;visibility: visible;transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0)}
nav > ul > li > ul li {width: 100%;float: left;}
nav > ul >  li > ul li a {text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; display: block;  font-weight: 0!important;  line-height:40px;width: 100%;color: #3db7ef;text-align: center;font-size: 14px;background: #fff; }
nav > ul >  li > ul li a  span{float: none!important; }
nav > ul >  li > ul li a:hover {color: #172646;} 




.navbar{ height: 50px;background: #045ba8;}
#nav_box{display: flex;justify-content: space-between;align-items: center;    width: 1200px; margin: 0 auto;}
.navbar li{	position: relative;	flex: 1;	text-align: center;}
.navbar li a{   font-size: 18px;   line-height: 50px;   display: block;   color: #fff;   text-align: center;}
.navbar li a:hover,
.navbar li.on a{   background-color: #079a42;}
.navbar li{position: relative;}
.nav li ul{position:absolute; left:0; top:45px; width:100%; background-color:#045ba8;display:none;z-index: 995;}
.nav li ul li{ width:100%; height:34px;}
.nav li ul li a{ font-size:12px;color:#fff; line-height:34px; display:block;text-align: center;text-overflow: ellipsis;white-space:nowrap;overflow: hidden; padding: 0 10px;}
.nav li ul li a:hover{ color:#fff;background:rgba(255,255,255,.1);}
.nav .on ul li a{background-color:#045ba8;color:#fff;}
.nav .on ul li a:hover{background:rgba(255,255,255,.1);}



.navbar li a span{float:none!important}
/* banner */
.banner{border: none;}
.flexslider{margin:0 auto 0;position:relative;width:100%;height:748px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:rgba(19, 79, 191, 0.5);display:block;height:10px;overflow:hidden;text-indent:-99em;width:50px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#134fbf}
.flexslider .slides a img{width:100%;height:748px;display:block}

/* 公共标题 */
.title {margin-bottom: 30px;text-align: center; }
.title h2{color: #000;font-size:35px; font-weight: 600;text-transform: uppercase;text-align: center; display: block; margin: 0 auto;}
.title h3{color: #333;font-size:16px;}
.title em{display: block;background: url(../image/titbg.png) no-repeat center;height:19px;width: 100%;margin:5px 0}
#case .title h2{color: #fff;}
#case .title h3{color: #efefef;}

/* pro */
#pro{padding:55px  0;background:#ececec; overflow: hidden; }
#pro .pimg{height:330px;overflow: hidden;}
#pro .pimg img{height:330px;object-fit: cover;width: 100%;display: block;transition:.5s ease-in;}
#pro li:hover  .pimg  img{ transform:scale(1.1,1.1);}
#pro .pimglist{overflow: hidden;}
#pro .pimglist ul li{width: 370px;border-radius:15px 15px 0 0; margin-bottom:100px; position: relative; }
#pro  .pimglist li  .des{    padding: 10px  0  20px 0; position: absolute;width: 90%;background: #045ba8; left: 5%; top: 273px;}
#pro  .pimglist li  .des h2{text-align: center;    line-height: 2.5;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:20px;color: #fff;        }
#pro  a.pmore{ font-size: 16px;  margin:0  auto; display: block;line-height:40px;background-color: #fcfbfe;width:150px;border: 1px solid #fcfbfe;color: #000;text-align: center;}
#pro  .pimglist li  .des p{color: #fff;font-size: 14px;    padding: 0 20px; overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#pro  a.pmore:hover{ background-color: #079a42; color: #fff;transform: 0.2s ease-in;  }

/* 产品案例 */
#case{padding:55px  0;background:#045ba8;  position: relative;   }
#case .pimg{height:330px;overflow: hidden;}
#case .pimg img{height:330px;object-fit: cover;width: 100%;display: block;transition:.5s ease-in;}
#case li:hover  .pimg  img{ transform:scale(1.1,1.1);}
#case .pimglist{overflow: hidden;}
#case .pimglist ul li{width:292px;border-radius:15px 15px 0 0; margin-bottom:20px;background-color: #fff; }
#case  .pimglist li  .des{    padding: 10px  0  35px 0;}
#case  .pimglist li  .des h2{text-align: left;  background: url(../image/t1.png) no-repeat bottom center;padding: 0 22px;    line-height: 2.5;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:20px;color: #000;        }
#case  .pimglist li  .des p{color: #333;font-size: 14px; text-align: left;   padding: 0 22px; overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#case  .cmore{width: 350px;bottom: -50px;line-height:60px;position: absolute;left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);z-index: 2222;   }
#case  .cmore1{text-align: center; width: 170px;background-color: #fff;color: #000;font-size: 18px;}
#case  .cmore2{  text-align: center;width: 170px; background-color: #4ca1ea; color: #fff;font-size: 18px;  }

/* about */
#about{padding: 55px  0; position: relative; background-color: #e5e5e5;       }
#about .des{padding-right:30px;}
#about .des  h3{font-size:28px;color:#303030;font-weight: 600;}
#about .des em{display: block;background-color: #1775c5;  width: 90px;height: 5px;margin:10px 0         }
#about  .des  p{    font-size: 15px;color: #303030;  line-height: 1.6;text-indent: 2rem;}
#about .img{width: 548px;height: 407px;}
#about .img  img{width: 548px;height:407px;}
#about  .nr{background-color: #fff;padding:30px;}
#about  .viewmore{margin: 18px 0 0 0;}
#about .bd ul li{background-color: #eeeeee;overflow:hidden; text-align:center;width:360px!important;}
#about .bd ul li .pic{width: 360px;height: 215px;overflow: hidden;}
#about .bd ul li .pic img{ height:215px;width:360px;display:block;transition:.5s ease-in;}
#about .bd ul li .pic img:hover { transform:scale(1.1,1.1);}
#about .bd ul li .des{padding: 20px 0;}
#about .bd ul li .des b{color: #000;font-size: 24px;text-align: center;}
#about .bd ul li .des p{text-align: center;font-size: 18px;}
#about  .cmore{width: 350px;bottom: -50px;line-height:60px;position: absolute;left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);z-index: 2222;   }
#about  .cmore1{text-align: center; width: 170px;background-color: #1775c5;color: #FFF;font-size: 18px;}
#about  .cmore2{  text-align: center;width: 170px; background-color: #333; color: #fff;font-size: 18px;  }
/*变换文字*/
.numCount{ margin:15px 0 0 0 }
.numCount li{ float: left; width: 24%; text-align: center;border-right: 1px solid #ececec;}
.numCount li .item{ margin: 0 10px;}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:35px; color:#302e2f;font-weight: 600;  }
.numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;}
.numCount li .numU sup{vertical-align:baseline;}
.numCount li .numU sub{vertical-align:baseline;}
.indc{color: #666;}
.numCount li:last-child{border-right:none;}


 /* 工厂实景 */
 #scene{padding: 55px  0; position: relative; background-color: #fff;       }
 .w1340 { width: 1340px;margin: 0 auto;}
 #scene  .slideBox{ overflow:hidden; zoom:1; padding:20px 0 10px  60px; position:relative;}
 #scene .slideBox ul li{  border: 4px solid #dcdcdc;   width: 380px!important;margin:0 13px;background: #fff;float:left;display:inline; overflow:hidden; text-align:center;}
 #scene .slideBox ul li .pic{ text-align:center; overflow: hidden;height:250px; }
 #scene .slideBox ul li .pic img{ width:380px; height:250px; object-fit: cover;display:block;display: block;transition:.5s ease-in;}
 #scene .slideBox ul li .pic a:hover img{transform:scale(1.1,1.1);}
 #scene .slideBox ul li  p{text-align: center;line-height:40px;color: #000;text-align: center;font-size: 16px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 #scene .sPrev , #scene .sNext{ position:absolute; left:14px; top:125px; display:block; width:50px; height:50px; background: url(../image/pre.png) no-repeat center;}
 #scene .sNext{ left:auto; right:14px; background: url(../image/next.png) no-repeat center;}
 #scene .sPrev:hover{ background: url(../image/pre1.png) no-repeat center;}
 #scene .sNext:hover{ background: url(../image/next1.png) no-repeat center;}
 #scene .slideBox ul li:hover{  border: 4px solid #1775c5; }


/* news */
#news{padding:55px  0  15px 0;background:#fafafa}
#news  .ntit{font-size:22px; color: #6a6a6a;display: block;line-height: 25px;padding-right: 15px; margin-bottom: 30px; border-left: 4px solid #0160a2;padding-left: 15px; }
#news  .ntit  i{display: inline-block;text-transform: uppercase;color:#a4a4a4;    font-size: 14px;    float: right;}
#news  .ntit1  {font-size:22px; color: #6a6a6a;display: block;line-height: 25px; margin-bottom: 30px; border-left: 1px solid #ccc;padding-left: 15px; }
#news .nmore{display:block;text-transform: uppercase; color: #a4a4a4; font-size: 14px;line-height: 25px; float: right; margin-bottom: 30px; }
#news  .ntit:hover{color:#0160a2;}
#news .nmore:hover{color:#0160a2;}
#news  .ntit:hover  i{color:#0160a2;  float: right; }
#news  .ntit1:hover{color:#0160a2;}
#news .nimg{width: 100%;height: 220px;}
#news .nimg  img{width: 100%;height: 220px;display: block;object-fit: cover;  }
#news .left  ,  #news .right{width: 48%;}
#news .left .date{padding: 10px  0;  }
#news .left .date  p.ptit{color: #045ba8;font-size:20px; width: 80%; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;    }
#news .left .date span{display: block;   color: #484848;font-size: 16px;}
#news .left  p.sum{color: #484848;font-size: 16px;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#news .left .date  p.ptit:hover{color: #079a42;}
#news .right  ul  li {    margin-bottom: 50px; border-bottom: 1px dashed #d2d2d2;padding-bottom: 50px;}
#news .right  ul  li:nth-child(2)  {border-bottom: none;    padding-bottom: 0;}
#news .right  ul  li .tit{padding-bottom:12.5px;   }
#news .right ul li:nth-child(1) .tit {padding-bottom: 10px;border-top: 1px solid #ccc;padding-top: 20px;}
#news .right  ul  li  a{display: block;  color: #484848; font-weight: 600;  font-size: 16px;padding-left: 10px; }
#news .right  ul  li p{ padding-left: 10px;color: #666;line-height:1.5;font-size:15px;   overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
#news .right  ul  li  a:hover{color: #079a42;}
#news .right  { box-shadow: 0px 4px 5px #dcdcdc; padding: 19.5px 30px; background: #fff; }
#news .smore{ display: block;font-weight: 600;color: #ce2123;    }
#news  a.tit{color: #6a6a6a; font-size: 20px;line-height: 40px;border-bottom: 1px solid #045ba8;margin-bottom: 20px;}
#news .first{  padding-bottom: 12px;border-top: 1px solid #ccc;padding-top: 20px;} 
#news .first  img{width: 240px;height:180px;object-fit: cover;}  
#news  .sum  {padding-left: 30px;    overflow: hidden;}
#news  .sum  span{color: #999;font-family: "arial";font-size: 16px;    line-height: 30px;}
#news  .sum p{color: #666;line-height: 1.5;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#news  .sum  h4{color: #4f4f4f;font-size: 18px;font-weight: 600;    line-height: 3;width: 75%;}
#news  .sum  h4 a{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#news  .sum>div{width:100%}

#news .sum h4:hover{color: #045ba8;}
#news  .part ul  li {border-bottom: 1px dashed #e5e5e5;line-height:38px;   }
#news  .part ul  li a{ width: 80%;font-size:16px; color: #4f4f4f;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#news .part ul li:hover a{color: #045ba8;}
#news .part  ul  li span{font-size:14px;color: #999;   }
.part:first-of-type{margin-right: 50px;    width:800px; background: #fff;    box-shadow: 0px 4px 5px #dcdcdc; padding: 20px 30px;    }
.part{overflow: hidden;}
#news  .nicon{display: block;width: 22px!important; height: 22px!important;}

/* 地区分站 */
.statin  img{display: block;width: 16px;height: 25px;margin-right:15px;   }
.statin a{color: #333;}


/* footer */
footer{padding:50px   0  80px 0;background:#045ba8;     }
footer  .left{width: 335px;}
footer   .p1{font-size:25px;line-height: 2;color: #fff;   }
footer   .p2{font-size:16px;color: #fff;   }
footer  .left  .em1{display: block;width: 100%;margin:20px 0;background-color: #fff;height: 1px;opacity: 0.5;    }
footer  .left  .em2{display: block;width: 100%;margin:20px 0;background-color: #fff;height: 1px;opacity: 0.5;    }
footer  .left   h1{font-size: 50px;font-family: impact;color: #fff;   }
footer  .left  .contact{width: 108px; background-color: #1775c5;color: #fff;padding: 15px 20px;border: 1px solid #fff;  margin: 30px 0; display: block;text-align: center;   }
footer  .liuyan{width: 470px;   }
.message{display:flex;justify-content:space-between;margin-top:15px}
.input-group{color:#fff    }
.input-group input,.input-group textarea{     border-radius: 5px;background-color: #1775c5; display:inline-block;height:60px;width:100%;outline:0;border:1px solid #e0e0e0;resize:none;margin:0;padding:0;color:#fff;text-indent:26px;font-size:12px;margin-bottom:1.3%}
.input-group #content{width:100%}
.message .submit{outline:0;width:100%;height:37px;border:none;outline:0;background-color:#1fa36e;color:#fff;font-size:14px;margin:0 auto;padding:0;display:block;cursor:pointer;}
.message .reset{background:#ffae00;width:32%;font-size:12px;margin-left:1.3%;height:37px;border:none;outline:0;color:#fff;cursor:pointer}
.boxtel{padding-bottom:75px}
.boxtel-text{margin-top:65px}
.boxtel-text h3{font-size:47px;color:#0054a7;line-height:47px}
.boxtel-text h6{font-size:35px;color:#fff;font-weight:700;line-height:35px;margin-top:14px}
.boxtel-text p{font-size:18px;color:#fff;line-height:28px;margin-top:20px;max-width:390px}
.text{color: #fff;}
.message .form-control{color: #fff;}
#txtName{color: #fff;}
.message  .form-control{color: #fff;}
.message  text{color: #fff;}
.input-group  .wz{color: #fff;}
input::-webkit-input-placeholder { color: #fff; } 





footer .right{width: 125px;}
footer .right img{width: 125px;height: 125px;}
footer .right p{color: #fff;line-height:2;text-align: center;}
footer .right  li{margin-bottom: 40px;}
footer .copyright{margin: 0 auto;border-top:1px  solid rgba(204, 204, 204, 0.4);}
footer .copyright p{text-align: center;color: #fff;    padding-top: 15px;   }
footer .copyright p  a{color: #fff;   }
footer .copyright p a:hover{color: #079a42;}