#bannera{width:100%; height:400px; margin:0 auto; margin-top:80px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
.menu_1{ width:100%; height:60px; border:1px solid #E0E0E0; border-top:0px; border-left:0px; border-right:0px;}
.menu_11{ max-width:1240px; width:96%; height:60px; margin:0 auto;border-left:1px solid #E0E0E0;box-sizing: border-box;}
.menu_11 a{ width:225px; height:60px; display:block;border-right:1px solid #E0E0E0; text-align:center; line-height:60px; color:#666; font-size:18px; float:left;transition: all 0.7s;box-sizing: border-box;}
.menu_11 a:hover{background: #006DAD;; color:#fff;}.about1{ width:1240px; height:auto; margin:60px auto;}
.about11{ width:545px; height:auto; float: left; font-size:14px;}
.about11 h2{ width:100%; height:60px; font-size:24px; color:#333;}
.about12{ float:right; width:590px; height:auto;}
.about2{ width:100%; height:540px; background:url(../images/ab1.png) center no-repeat;background-position: top center;background-attachment: fixed;}
.about2 ul{ width:1240px; height:auto; margin:0 auto; padding-top:120px;}
.about2 ul li{ width:390px; height:140px;box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.6); float:left; padding:18px 40px ; padding-bottom:0px; color:#fff; margin-right:35px; margin-bottom:35px; position:relative;}
.about2 ul li:nth-child(3n) { margin-right:0px;}
.about2 ul li h2{ width:100%; height:28px; color:#fff;font-size: 16px;}
.about2 ul li p{ width:100%; line-height:28px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden; }
.about2 ul li:hover{ background:#006DAD; border:1px solid #006DAD;;}
.about2 ul li .about21{ width:48px; height:48px; background:url(../images/u1.png) center no-repeat; position:absolute; top:-24px; right:40px;}
.about2 ul li:nth-child(2) .about21{ background:url(../images/u2.png) center no-repeat;}
.about2 ul li:nth-child(3) .about21{ background:url(../images/u3.png) center no-repeat;}
.about2 ul li:nth-child(4) .about21{ background:url(../images/u4.png) center no-repeat;}
.about2 ul li:nth-child(5) .about21{ background:url(../images/u5.png) center no-repeat;}
.about2 ul li:nth-child(6) .about21{ background:url(../images/u6.png) center no-repeat;}
.about3{ width:1240px; height:auto; margin:0 auto; padding:60px 0px;}

.cont31{ width:1360px; height:auto;  margin:0 auto;background-size:cover; overflow:hidden;}
.cntx2{ max-width:1320px; height: auto; margin:10px auto 30px auto; position:relative;; }
.layer3_box2{width:100%; height: auto; box-sizing: border-box;transition: all 0.8s; float:left; color:#fff; text-align:center; background:#fff;}
.layer3_box2 a{ color:#fff;}

.layer3_box2 img{width:96%; height: auto; cursor: pointer;transition: all 1.2s;}
.layer3_box2 img:hover{transform: scale(1.04);}
.layer3_box2 p{ width:100%; height:60px; line-height:60px;transition: all 0.5s; color:#333; text-align:center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.cntx2  .swiper-button-next:after{ display:none;}
.cntx2  .swiper-button-prev:after{display:none;}

.cntx2  .swiper-button-next{ top: 50%; transform: translateY(-50%);;transition: all 0.8s;right:-2%; width:48px; height:62px; margin-top:-10px; background: url(../images/next.png); background-size:100% 100% ; margin: 0;}
.cntx2  .swiper-button-prev{top:50%; transform: translateY(-50%);;transition: all 0.8s;left:-2%; width:48px; height:62px;margin-top:-10px;  background: url(../images/prev.png); background-size:100% 100% ; margin: 0;}

.bt2{text-align:center;color:#999; padding-top:35px;}
.bt2 h2{ font-size:24px; padding-bottom:10px; color:#333; }
.bt2 p{ padding-top:5px; font-size:14px;}

.case{ width:1240px; height:auto; margin:0 auto; padding:65px 0px;}
.coverTxt1 { opacity: 0; transition: all 0.5s;  z-index: 2; text-align: center; position: absolute; left: 50%; width: 100%; top: 50%; transform: translate(-50%,-50%);}

.case ul { overflow: hidden;}
.case li { overflow: hidden; height: 343px; float: left; width:48%; margin-right:4%; margin-bottom:35px; position: relative;}
.case li:nth-child(2n){ margin-right:0px;} 
.case li>img { transition: all 1s; display: block; width: 100%; height: 100%; object-fit: cover;}
.coverTxt1 a { padding-bottom: 10px; letter-spacing:3px; margin: 0 auto; border-bottom: 1px solid #ffffff; color: #ffffff; display: block; width: 117px;}
.posTxt1 { position: absolute; bottom: 0; left: 0; width: 100%;background:rgba(0,0,0,0.5); color: #ffffff; font-size: 16px; line-height: 48px; text-align: center;}
.coverTxt1>img { width: 57px!important; display: block; margin: 0 auto 30px;}
.coverTxt1 p { font-size: 20px; font-weight: bold; color: #ffffff; margin: 30px auto 20px;}
.case li:after { transition: all 0.5s; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(1,109,173,.8);}
.case li:hover:after,.case li:hover .coverTxt1 { opacity: 1;}
.case li:hover>img { transform: scale(1.2);}
/*分页*/
.nx_pg{width:100%; height: auto ; padding:50px 0px 40px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#409EFF;border:1px solid #409EFF;; color:#fff;}
.nx_pg .on{ background:#409EFF;border:1px solid #409EFF;; color:#fff;}



#new_conl{ max-width:1240px; margin:0 auto; min-height:50px; padding:20px 0px 30px 0px; margin-top:0px; position:relative;}
#new_conla{width:100%; min-height:20px; padding:15px 0px 15px 0px; font-size:24px; text-align:center; color:#333; font-weight:bold; border-bottom:#e4e4e4 0px dotted; }
#new_conlb{width:100%; height:50px; line-height:50px; font-size:14px; font-style:; text-align:center;}
#new_conlb span{color:#777; margin:0px 30px 0px 10px;}
#new_conlc{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:30px;}
#new_conlc p{ line-height:35px;}
#new_conlc img{max-width:100%;}
#new_conld{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:30px; border-top:#e0e0e0 1px dotted;}

.artile{ width:100%; height:auto; margin:30px auto 45px auto;}
.artile ul{ margin-bottom:45px;}
.artile li{ width:1240px; margin:0 auto;; height:180px; background:#fff;  padding:40px 0px;transition:all 0.5s;border-bottom: 1px solid #E0E0E0;}
.xman{ max-width:1240px; width:100%; margin:0 auto;}
.art1{ width:300px; height:180px;float:left; margin-right:30px;}
.art1 img{width:300px; height:180px;}
.art2{ height:180px;overflow: hidden; }
.art2 h2{ width:100%; font-size:18px; color:#333333;transition:all 0.5s; height: auto; margin-top:5px; font-weight: bold; line-height:30px; height:30px; padding-bottom:5px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art2 .art_p{ width:100%; height:50px; line-height:25px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.art2 .art2_1{ width:100%; height:40px; line-height:40px; margin-top:25px;}
.art2 .art2_1 h3{ font-weight:normal; font-size:14px; color:#666; padding-bottom:20px; float:left;transition:all 0.5s; color:#F6AB00;}
.art2 .art2_1 h3 img{ vertical-align:-5px; padding-right:10px;}
.art2 .art2_1 span{ color:#fff; font-size:12px; float:right; padding:0px 22px; color:#fff; background:#999999;;;transition:all 0.5s; border:1px solid #999999;;}
.artile li:hover .art2 h2{ color:#006DAD;}
.artile li:hover .art2 .art2_1 span{  border:1px solid #006DAD;;; color:#fff;;; background:#006DAD;;}

.contact_list {list-style: none;padding: 0;margin:60px auto; width:1240px;overflow: hidden;display: flex;flex-direction: row;flex-wrap: wrap; text-align:center;}
.contact_list img{ display:inline-block;}
.contact_list li {width:18%;margin-bottom: 30px;border:1px solid #E9EDF0;text-align: center;box-sizing: border-box; margin-right:2.5%; padding-bottom:20px; }
.contact_list li:hover{ background:#006DAD;}
.contact_list li:nth-child(5){ margin-right:0px;} 
.contact_list .img {max-width: 120px; margin:35px auto 15px; text-align:center;}
.contact_list .icon {width: 84px; height:84px;margin:35px auto 15px;background: url(../images/h1.png) center no-repeat;;}
.contact_list li:nth-child(1):hover .icon{background: url(../images/h11.png) center no-repeat;}

.contact_list h4 {font-size: 16px;margin: 0 0 10px; color:#333;}
.contact_list p { width:90%; line-height:25px; height:50px; margin:0 auto;}
.contact_list li:hover h4{ color:#fff;}
.contact_list li:hover p{ color:#fff;}

.contact_list li:nth-child(2) .icon{background: url(../images/h2.png) center no-repeat;}

.contact_list li:nth-child(4) .icon{background: url(../images/h3.png) center no-repeat;}
.contact_list li:nth-child(5) .icon{background: url(../images/h4.png) center no-repeat;}

.contact_list li:nth-child(2):hover .icon{background: url(../images/h22.png) center no-repeat;}

.contact_list li:nth-child(4):hover .icon{background: url(../images/h33.png) center no-repeat;}
.contact_list li:nth-child(5):hover .icon{background: url(../images/h44.png) center no-repeat;}


.bt2{ width:100%; height:auto; text-align:center;}

.bt2 h2{ font-size:30px; line-height:50px; color:#333; padding-bottom:5px;}

.bt2 span{ color:#666; padding-bottom:40px; display:block;}

.bt2 b{ font-size:24px; color:#006DAD;; font-weight:bold;}

.ab2{ width:1240px; height:auto; margin:60px auto 65px auto;}

.ft4{ max-width:100%; margin:15px auto 0px auto;}



.jon11{ width:48%; height:60px; margin-bottom:20px; float:left; margin-right:4% }

.jon11:nth-child(3n){ margin-right:0px;}

.b11{width:100%; height:60px; line-height:60px; font-size:14px; margin:0;background:#E9EDF0;;border:#BDBDBD 1px solid;   padding:0;;box-sizing: border-box;border-radius: 2px; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }

.b11:hover{border:#BDBDBD 1px solid;  }



.jon41{ width:100%; height:120px; margin-bottom:20px; display:block;}

.b21{width:100%; height:120px; line-height:30px;margin:0; font-size:14px; background: #E9EDF0;box-sizing: border-box;border-radius: 2px; padding-left:5px; }

.b21:hover{border:#BDBDBD 1px solid;  }

.jon51{ width:200px; height:48px; margin:0 auto;}

.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height: 44px; color: #fff; background:#006DAD;;;;border-radius:3px;}

.jon51 button:hover{ text-decoration:underline; color:#fff;}

input.b11::-ms-input-placeholder{ color:#666;;opacity:0.8;}

input.b11::-webkit-input-placeholder { color:#666;;opacity:0.8;}

textarea.b21::-ms-input-placeholder{ color:#666;;opacity:0.8;}

textarea.b21::-webkit-input-placeholder { color:#666;;opacity:0.8;}

.map{ width:100%;; height:auto; margin:50px auto 0px auto;}
.map img{ width:100%;}

.prod{ width:1240px; height:auto; margin:65px auto;}
.prodz{ width:385px; height:52px; line-height:52px; margin:30px 0px; text-align:left; text-indent:35px; font-size:24px; font-weight:bold; background: url(../images/j1.png) center no-repeat; color:#fff;}
.prod1{ width:100%; height: auto;  float:left; overflow:hidden; position:relative;}
.prod1 img{ width:100%; height:100%;}
.prod1 .swiper-container{ width: 100%; height: 100%;}
.prod1 .swiper-button-next:after{ display:none;}
.prod1 .swiper-button-prev:after{ display:none}
.prod1 .swiper-button-next{ top:46%; background: url(../images/prev.png) !important;; width: 48px; height: 52px; left: 0; bottom: 0; background-size:cover;}
.prod1 .swiper-button-prev{top: 46%; left: auto; background: url(../images/next.png) !important; width:48px; height: 52px; right:0px; bottom: 0;background-size:cover;}
.produt1{ width:1240px; height:auto; padding:60px; background:url(../images/j2.png) top left no-repeat; background-color:#F2F2F2;box-sizing: border-box; position:relative; margin:70px auto 0px auto;}
.produt2{ width:295px; height:45px; background:#006DAD; text-align:center; line-height:45px; color:#fff; position:absolute; left:50px; top:-22px; font-size:16px;}

.prdw{ width:1240px; height:auto; margin:0px auto 70px; text-align:center; line-height:28px;}
.prdw h2{ width:100%; line-height:50px; text-align:center;font-size: 24px; color:#333;}
.prdw a{width: 157px;
height: 46px;line-height: 18px;background: #006DAD; display:block; margin:30px auto; color:#fff; line-height:46px; font-weight:700;}