@font-face {
  font-family: 'ciconfont';  /* Project id 1402421 */
  src: url('//at.alicdn.com/t/font_1402421_7uofaqpiju.woff2?t=1640155805731') format('woff2'),
       url('//at.alicdn.com/t/font_1402421_7uofaqpiju.woff?t=1640155805731') format('woff'),
       url('//at.alicdn.com/t/font_1402421_7uofaqpiju.ttf?t=1640155805731') format('truetype');
}
.f6{background: #f6f5f5;}
.ciconfont{
    font-family:"ciconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.l-banner{ text-align: center; position: relative; padding:135px 0; }
#n1{background: url(../images/l-banner.jpg) no-repeat center fixed; }
#n2{background: url(../images/case-b.jpg) no-repeat center fixed; }
#n3{background: url(../images/contact-b.jpg) no-repeat center fixed; }
#n4{background: url(../images/honor-b.jpg) no-repeat center fixed; }
#n5{background: url(../images/news-b.jpg) no-repeat center fixed; }
#n6{background: url(../images/photo-b.jpg) no-repeat center fixed; }
#n7{background: url(../images/vedio-b.jpg) no-repeat center fixed; }
.l-banner b{ display: block; width: 100%; font-size:46px; color: #fff; font-weight: 400; line-height: 1;  }
.l-banner p{ display: block; width: 100%; box-sizing: border-box; padding: 30px 0; text-align: center; line-height: 2; font-size: 14px; color: #fff;  }
.l-banner span{ display: block; margin:0 auto; font-size: 32px; line-height: 1; color: #fff; font-weight: 200; }
.l-banner small{ overflow: hidden; position: relative; display: block; width: 100%; animation:title_font_img_down 1.5s linear 0s infinite running; -webkit-animation:title_font_img_down 1.5s linear 0s infinite running; margin: 10px 0 1px; }
.l-banner small span{ display: block; clear: both; font-size:20px; height: 16px; color: #fff; line-height: 1; }
.l-banner small span + span{ position: relative; top:-7px; }
@keyframes title_font_img_down{ 0%{ bottom:10px; opacity: 0.5;} 30%{ bottom:5px; opacity: 1;} 100%{ bottom:0px;  opacity: 0;} }
@-webkit-keyframes title_font_img_down{ 0%{ bottom:10px; opacity: 0.5;} 30%{ bottom:5px; opacity: 1;} 100%{ bottom:0px;  opacity: 0;} }
@media(min-width:992px){
  /*.l-banner{margin-top: 136px}*/
}
@media(max-width: 992px){
  .l-banner{height: 400px;/*margin-top: 77px;*/}
}
@media(max-width: 768px){
  .l-banner{ padding:60px 0 40px; height: 300px}
  .l-banner b{ font-size: 36px; }
}
@media(max-width: 576px){
  .l-banner{ padding:20px 0; /*margin-top: 58px;*/height: 180px}
  .l-banner span{display: none;}
  .l-banner b{ font-size: 30px; }
  .l-banner p{ padding:20px 15px;font-size: 12px; }
}
/*position*/
.position{width:100%;background: #f6f5f5;}
.position-left{display: flex;flex-direction: row;align-items: center; padding:14px 0;  text-indent: 15px;}
.position-left i{color: var(--zhu-color);font-size:25px;margin-right: 10px;}
.position-left p{color:#999; }
.position-left p a{color:#999;}
.position-left p a:hover{color: var(--zhu-color);}
.position-right{display: flex;flex-direction: row;justify-content:flex-end;}
.position-right a{color: #333333;padding:20px 15px;display:block;transition: all .5s}
.position-right a:hover{background: var(--zhu-color);color: #fff;}
@media(max-width: 992px){
.position-right{flex-wrap: wrap;justify-content: flex-start;}
}
@media(max-width: 576px){
.position-right{ display: none; flex-wrap: wrap;justify-content: flex-start;padding: 10px 0}
.position-right a{padding:5px 15px;}
}
/*about-section1*/
.about-section1{ padding: 32px 0; overflow: hidden;}
.about-section1-bd{padding: 15px 0;}
.about-section1 .txt b{font-size: 30px; color: #333333;}
.about-section1 .txt .t22{line-height: 30px;color: #666;-webkit-line-clamp:10;padding:0px 5px; margin:40px 0 20px 0;}
.about-section1 .txt .box{position: relative;}
.about-section1 .txt .box:before,.about-section1 .txt .box:after{content:'';position: absolute;left:-20px;bottom:-20px;background: #eeeeee}
.about-section1 .txt .box:before{width:5px;height: 60px;}
.about-section1 .txt .box:after{width:60px;height: 5px;}
.about-section1 .pic{margin-top:20px; }
.about-section1 .pic img{z-index: 2;box-shadow: 12px 12px 0 #8094b7}
.about-section1 .l-more{ padding-top: 15px;overflow: hidden;}
.about-section1 .l-more .cm1{ width: 178px; height: 50px;border-radius: 30px; float: left; margin-right: 30px; background: var(--zhu-color); text-align: center; line-height: 50px;}
.about-section1 .l-more .cm1:hover{ width: 220px; transition: all .5s}
.about-section1 .l-more .cm1 a{ color: #fff;}
.about-section1 .l-more .cm1 a:hover{ color: var(--pei-color);}
.about-section1 .l-more .cm2{ width: 250px; height: 50px; background: #fff; float: left; border-radius: 30px; border: 1px solid #dfdfdf; text-align: center; line-height: 50px;}
.about-section1 .l-more .cm2:hover{ background: var(--zhu-color);transition: all .5s;color: #fff;}
.about-section1 .l-more .cm2 a{ color: #666;}


@media(max-width: 1230px){
.about-section1 .txt .box:before,.about-section1 .txt .box:after{display: none;}
}
@media(max-width: 1200px){
.about-section1 .txt .t2{-webkit-line-clamp:7;}
}
@media(max-width: 992px){
.about-section1 .txt b{font-size: 25px}
}
@media(max-width:768px){
.about-section1-bd .row{flex-direction: column-reverse;}
.about-section1 .pic{margin:15px 0 30px;text-align: center;}
.about-section1 .l-more .cm1{ width: 30%; height: 50px; float: left; margin-right: 0;}
.about-section1 .l-more .cm1:hover{ width: 33%;transition: all .5s}
.about-section1 .l-more .cm2{ width: 65%; height: 50px;  float: right; }
}
@media(max-width:576px){
.about-section1-bd .row{flex-direction: column-reverse;}
.about-section1 .pic{margin:15px 0 30px;text-align: center;}
.about-section1 .l-more .cm1{ width: 30%; height: 50px; float: left; margin-right: 0;}
.about-section1 .l-more .cm1:hover{ width: 33%;transition: all .5s}
.about-section1 .l-more .cm2{ width: 65%; height: 50px;  float: right; }
}
/*about-section1*/
.about-section2{ background: url(../images/about-section2.jpg) no-repeat top center; height: 420px; overflow: hidden;}
.about-section2 ul{ width: 90%; margin: 60px auto; padding: 38px 0; overflow: hidden; background: #fff;}
.about-section2 ul .img{ width:94px; height: 94px; margin: 0 auto; background: var(--zhu-color); border-radius: 50%; text-align: center; line-height: 94px;}
.about-section2 ul .img .iconfont{ font-size: 50px; color: #fff;}
.about-section2 ul .txtc1{ text-align: center; font-size: 24px; font-weight: 700; color: #333; margin: 20px 0;}
.about-section2 ul .cccline{ width: 40px; height: 5px; margin: 0 auto; background: var(--zhu-color);}
.about-section2 ul .txtc2{ text-align: center; margin-top: 20px; font-size: 16px; color: #333;}
.about-section2 ul:hover{background: var(--zhu-color);transition: all .5s}
.about-section2 ul:hover .img{  background: #fff;transition: all .5s}
.about-section2 ul:hover .img .iconfont{ color:var(--zhu-color);transition: all .5s}
.about-section2 ul:hover .txtc1{ color: #fff;transition: all .5s}
.about-section2 ul:hover .cccline{ width: 80px; background: #fff;transition: all .5s}
.about-section2 ul:hover .txtc2{ color: #fff;transition: all .5s}
/*about-section4*/
.about-section4{  padding: 30px 0; overflow: hidden;}
.about-section4 .hd{ margin-bottom: 20px; overflow: hidden;}
.about-section4 .hd p{ float: left; color: #333; font-size: 36px; font-weight: 700;}
.about-section4 .hd a{ float: right; text-align: right; line-height: 36px; font-size: 16px;}
.about-section4 .hd a:hover{color:var(--zhu-color);}

.about-section4 .chd{ margin-bottom: 20px; height: 30px; overflow: hidden;}
.about-section4 .chd p{ float: left; border-left: 4px solid var(--pei-color); text-indent: 10px; height: 30px; color: #333; font-size: 24px; font-weight: 700; line-height: 26px;}
.about-section4 .chd a{ float: right; text-align: right; line-height: 36px; font-size: 16px;}
.about-section4 .chd a:hover{color:var(--zhu-color);}
.about-section4 .chd a .ciconfont{ font-size: 20px; margin-left: 10px; position: relative;top: 3px;left: 0px;}



.about-section4 .bd{ padding-top: 1px;}
@media (min-width:992px){ 
	.about-section4 .bd{ padding-top: 30px;}
}
@media (min-width:1200px){ 
	.about-section4 .bd{ padding-top: 30px;}
}
.about-section4 .bd li{ margin-bottom: 10px;}
.about-section4 .bd a{ display: block; box-sizing: border-box; background: #fff;  position: relative; overflow: hidden; }
.about-section4 .bd a .info{ text-align: center; position: relative; height: 250px; z-index: 33; padding: 20px 0;  overflow: hidden;}
.about-section4 .bd a .info .title{font-size: 16px; color: #334764; line-height: 1; display: block; }
.about-section4 .bd a .info .more{ display: inline-block; font-weight: normal; font-size: 12px; color: #999; text-transform: uppercase; line-height: 1; margin: 15px 0; }
.about-section4 .bd a .info .line{ display: none;}
.about-section4 .bd a .img{ width: 100%; padding-bottom: 70%;margin-bottom: 10px; position: relative; overflow: hidden; top:0; transition: all .3s; }
.about-section4 .bd a .img img{ width: 100%; height: 100%; object-fit: contain; position: absolute; transition: all .3s; left:0; }
.about-section4 .bd a .content{ display: none;}
.about-section4 .bd a::before{ transition: all 0.3s ease-out; content: ""; display: inline-block; width: 1; height: 1; border-radius: 50%; background:#3b537e url(../images/p-bg.png) no-repeat top center; position: absolute; left: 50%; top:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.about-section4 .bd a:hover::before{ transition: all .3s  ease-out; width: 100%; height: 100%; border-radius: 0; }
.about-section4 .bd a:hover .title{ color: #fff; font-size: 17px; transition: all .3s;}
.about-section4 .bd a:hover .info .more{display: none;}
.about-section4 .bd a:hover .info .line{ display: block; margin: 15px auto; width: 36px; height: 2px; background: #fff;}
.about-section4 .bd a:hover .content{ display: block; width: 80%; margin: 0 auto; padding: 10px 0 20px 0; font-size: 12px; line-height: 24px; color: #fff;}
.about-section4 .bd a:hover .img{ display: none; transition: all .3s; }

@media (min-width:992px){ 
  .about-section4 .bd a .info{  height: 335px; padding: 30px 0; }
  .about-section4 .bd a .info .title{font-size: 22px;  }
  .about-section4 .bd a .info .more{  margin: 20px 0; }
  .about-section4 .bd a:hover .title{font-size: 26px; }
  .about-section4 .bd a:hover .info .line{ margin: 25px auto;}
  .about-section4 .bd a:hover .content{  width: 80%; margin: 0 auto; padding: 10px 0 40px 0; font-size: 16px; line-height: 35px;}
}
@media (min-width:1200px){ 
  .about-section4 .bd a .info{  height: 335px; padding: 30px 0; }
  .about-section4 .bd a .info .title{font-size: 22px;  }
  .about-section4 .bd a .info .more{  margin: 20px 0; }
  .about-section4 .bd a:hover .title{font-size: 26px; }
  .about-section4 .bd a:hover .info .line{ margin: 25px auto;}
  .about-section4 .bd a:hover .content{  width: 80%; margin: 0 auto; padding: 10px 0 40px 0; font-size: 16px; line-height: 35px;}
}

/*about-section5*/
.about-section5{ padding-bottom: 30px; overflow: hidden;}
.about-section5 .hd{ margin-bottom: 20px; overflow: hidden;}
.about-section5 .hd p{ float: left; color: #333; font-size: 36px; font-weight: 700;}
.about-section5 .hd a{ float: right; text-align: right; line-height: 36px; font-size: 16px;}
.about-section5 .hd a:hover{color:var(--zhu-color);}
.about-section5 .bd{ padding-top: 1px;}
@media (min-width:992px){ 
	.about-section5 .bd{ padding-top: 30px;}
}
@media (min-width:1200px){ 
	.about-section5 .bd{ padding-top: 30px;}
}
.o-newsn1{ width: 100%; background: #f6f6f6; padding: 25px; margin-bottom: 10px;}
.o-newsn1 .title{ color: #333; font-size: 18px;}
.o-newsn1 .time{ color: #999; margin: 10px 0 20px 0; font-size: 16px;}
.o-newsn1 .content{ color: #666; font-size: 14px; line-height: 25px; height: 70px; overflow: hidden;}
.o-newsn1 .img{ margin-top: 32px;}
.o-newsn1 .img img{ width: 100%; height: 150px; object-fit:cover;}
.o-newsn1:hover{ background: #284b87;transition: all .5s;}
.o-newsn1:hover .title{ color: #fff;transition: all .5s; }
.o-newsn1:hover .time{ color: #fff;transition: all .5s;}
.o-newsn1:hover .content{ color: #fff;transition: all .5s;}
.o-newsn1:hover .img img{transform: scale(1.02);transition: all .5s;}

.BMap_Marker{background: url(../images/bz.jpg)!important; width: 17px!important;}
/*l-title*/
.l-title{padding:40px 0;text-align: center;}
.l-title span{padding:0 60px 20px;border-bottom: solid 2px #eeeeee;}
.l-title b{font-size: 32px;font-weight: 700;position: relative;padding-bottom: 18px;}
.l-title b:after{content:'';width:100px;height: 3px;background: var(--zhu-color);position: absolute;left:50%;transform: translate(-50%);bottom:0;}
.single{padding:30px 15px;line-height: 260%;}

/*product*/
.p-banner{ background:url(../images/s-p-banner.jpg) no-repeat top center; padding: 12px 0; overflow: hidden;}
.pbanner{ background: #f4f3f3; overflow: hidden;}
.pbanner-left{ width: 98%; padding: 0 1%; float: left;}
.pbanner-right{ width: 98%;  float: right; padding: 15px;}
.pbanner-right .title{ font-size: 30px; color: #333;margin-bottom: 20px; overflow: hidden;}
.pbanner-right .content{padding-left: 0px; font-size: 14px; color: #666; padding-bottom: 5px; overflow: hidden;}
.ys{ padding: 42px 0 10px 0; overflow: hidden;}
.ys p{ font-size: 18px; color: #333; font-weight: 700;}
.ys .ysbox{ background: #eff4fe; margin-top: 5px; overflow: hidden; }
.ysbox li{padding: 15px; overflow: hidden;}
.ysbox li .ctimg{ width: 33px; float: left; height: 33px; background: #fff; border-radius: 50%; text-align: center; line-height: 33px;}
.ysbox li .ctimg .ciconfont{ font-size: 25px; color: var(--zhu-color);}
.ysbox li .cttxt{width: calc(100% -38px); padding-left: 5px; float: left; line-height: 18px; color: #333;}
.ysbox li .cttxt span{ font-size: 12px; color: #666;}
.ysbox li:hover{ background: var(--zhu-color);transition: all .5s;}
.ysbox li:hover .cttxt{ color: #fff;}
.ysbox li:hover .cttxt span{ font-size: 12px; color: #fff;}
.pbanner-right .more{ width: 100%; height: 47px; overflow: hidden; margin-top: 22px;}
.pbanner-right .more .more1{ width: 49%; height: 47px; float: left; text-align: center; line-height: 47px;}
.pbanner-right .more .more1 a{ display: block; width: 100%; height: 47px; background: #e87b2b; color: #fff; border-radius: 5px; font-size: 18px;}
.pbanner-right .more .more1 a:hover{ background: #000;transition: all .5s;}
.pbanner-right .more .more2{ width: 49%; height: 47px; float: right; text-align: center; line-height: 47px;}
.pbanner-right .more .more2 a{ display: block; width: 100%; height: 47px; background: #000; color: #fff; border-radius: 5px; font-size: 18px;}
.pbanner-right .more .more2 a:hover{ background: #e87b2b;transition: all .5s;}
.pbanner-right .sm{ padding-top: 25px; overflow: hidden; font-size: 14px; color: #333;}
.pbanner-right .sm span{ color: #999;}

@media (min-width:992px){ 
.p-banner{ padding: 42px 0;}
.pbanner-left{ width: 50%; }
.pbanner-right{ width: 50%;  padding: 40px 60px;}

.pbanner-right .more .more1{ width: 209px; margin-right: 18px;}
.pbanner-right .more .more2{ width: 209px; float: left;}
}
@media (min-width:1200px){ 
.p-banner{ padding: 42px 0;}
.pbanner-left{ width: 50%; }
.pbanner-right{ width: 50%;  padding:  40px 60px;}

.pbanner-right .more .more1{ width: 209px; margin-right: 18px;}
.pbanner-right .more .more2{ width: 209px; float: left;}
}
.pboxlist{ padding: 15px 0; background: #f6f5f5; overflow: hidden;}
@media (min-width:992px){ 
.pboxlist{ padding: 35px 0;}
}
@media (min-width:1200px){ 
.pboxlist{ padding: 35px 0;}
}
/*product*/
.sidebar .s-p{ margin-bottom: 20px; background: #fff;}
.sidebar .s-p .hd{ background: url(../images/sidebar.jpg) no-repeat left center; height: 78px; line-height: 78px; color: #fff; font-weight: 700;font-size: 30px; text-indent: 35px;}

.sy_lx_cont_cp{ width: 100%; overflow: hidden;}
.proclass{ width: 96%; margin: 0 auto; padding-top: 5px; }
.big{ width: 100%; height: 50px;margin-bottom: 5px; line-height: 65px;}
.big a{ display: block; width: 100%; height: 50px; line-height: 50px; text-indent: 37px;  background: #eef2f5; color: #2a497e; font-size: 18px; font-weight: 700;}
.big a:hover{ background: var(--zhu-color); color: #fff; text-indent: 47px;transition: all .3s;}
.smallclass{ display: none;}
.smallclass1{display: block;}
.s{ width: 100%; height: 58px; border-bottom: 1px solid #f2f3f4;  overflow: hidden;position:relative;}
.s .c11{ margin-right: 30px;  position: relative;top: 6px;left: 1px;}
.s .c11 .iconfont{ font-size: 35px;}
.s .c22{ position: absolute; right:26px; top:5px; z-index:999}
.s .c22 .iconfont{ font-size: 18px;}
.s a{ display: block; text-indent: 47px; width: 100%; height: 58px;line-height: 52px; font-size: 16px;}
.s a:hover{ color: #fff; text-indent: 55px; background: #284b87;transition: all .3s;}
.s a:hover .c22{ right:20px; transition: all .3s;}




.s-c{ background: #fff; padding: 35px 25px; overflow: hidden;}
.s-c .hd{ width: 100%; height: 66px; background: #f8f8f8; border-radius: 40px; overflow: hidden; padding: 15px 30px;}
.s-c .hd .img{ width: 40px; height: 40px; float: left; text-align: center; line-height: 40px; background: #f39800; border-radius: 50%;}
.s-c .hd .img .ciconfont{ color: #fff; font-size: 30px;}
.s-c .hd .txt{width: calc(100% - 50px); padding-left: 10px; float: right; line-height: 22px; font-size: 14px; color: #999;}
.s-c .hd .txt span{ font-size: 20px; color: #284b87; font-weight: 700;}
.s-c .bd{ padding-top: 35px; overflow: hidden;}
.s-c .bd .txt1{ text-align: center; color: #666;}
.s-c .bd .txt1 span{ color: #f1f1f1;}
.s-c .bd .txt2{ width: 100%; margin-top: 10px; height: 45px; text-align: center; background: #284b87; line-height: 40px;}
.s-c .bd .txt2 .iconfont{font-size: 25px; color: #fff;position: relative;top: 3px;left: 1px;}
.s-c .bd .txt2 a{ color: #fff;}
.s-c .bd .txt2:hover{ background: var(--pei-color);transition: all .5s;}
.s-l{ margin-top: 10px; background: #e7effc; padding: 20px; border: 1px solid #e2e4e9; overflow: hidden;}
.s-l .txt1{ text-align: center; font-size: 38px; font-weight: 700;font-style: oblique; color: var(--pei-color);}
.s-l .txt1 span{color: var(--zhu-color)}
.s-l .txt2{ text-align: center; font-size: 28px; font-weight: 700;color: var(--pei-color);}
.s-l .txt2 span{color: var(--zhu-color)}
.s-l .txt3{ width: 95%; margin: 0 auto; height: 26px; margin-top: 10px; line-height: 26px;}
.s-l .txt3 .p1{ width: 45%; float: left; background: var(--pei-color); color: #fff; text-align: center; }
.s-l .txt3 .p2{ width: 55%; float: right; height: 26px; border: 1px solid #dddfe0; text-indent: 10px; color: var(--pei-color); font-weight: 700;}
.s-l .txt3 .p2 .ciconfont{color: var(--pei-color); font-size: 16px; margin-right: 5px;}
.s-l .img{ text-align: center; padding: 20px 0;}

/*product*/
.pclist{ width: 100%; background: #fff; margin-bottom: 20px; overflow: hidden; position:relative;}
.pclist .img{ padding: 15px 0 130px 0; overflow: hidden;  text-align: center;}
.pclist .img img{ width: 100%; height: 200px; margin: 15px 0; object-fit:cover;}
.pclist .title{width: calc(100% - 20px); height: 55px; text-align: center; border-bottom: 1px dashed #dcdcdc;position: absolute; left:10px; bottom:60px; z-index:2;line-height: 55px; font-size: 18px; color: #333;}
.pclist .cmore{width: calc(100% - 20px); height: 40px;position: absolute; left:10px; bottom:10px;z-index:2;}
.pclist .cmore1{ width: 49%; float: left;}
.pclist .cmore1 a{ display: block; width: 100%; height: 40px; text-align: center; background: #e87b2b; color: #fff; line-height: 40px;}
.pclist .cmore2{ width: 49%; float: right;}
.pclist .cmore2 a{ display: block; width: 100%; height: 40px; text-align: center; background: #fff; color: #666; border: 1px solid #dcdcdc; line-height: 40px;}
.pclist .cbg{ width: 100%; height: 0;background:rgba(40,75,135,.6); position: absolute; left:0; bottom:0;z-index:1;}

.pclist:hover .cbg{ height: 100%; bottom:0;transition: all 1s;}
.pclist:hover .title{ color: #fff; transition: all 1.5s;}
.pclist:hover .cmore1 a{  background: #fff; color: #666; border: 1px solid #dcdcdc; transition: all 1.5s;}
.pclist:hover .cmore2 a{ background: #e87b2b; color: #fff; transition: all 1.5s; }

/*pinfo*/
.pbanner-cleft{ width: 98%; padding: 0 1%; float: left;}
.pbanner-cright{ width: 98%;  float: right; padding: 15px;}


.pin{ background: #fff; overflow: hidden;}
.picFocus{width: 100%; overflow: hidden; padding: 20px 0;}
.picFocus .bdd{ width: calc(100% - 120px); float: right;}
.picFocus .bdd li{width: 100%; overflow: hidden;   float: left;}
.picFocus .bdd li .pt-box{ border: 1px solid #dedede;}
.picFocus .bdd li .title{ text-align: center; color: #334764; font-size: 30px; font-weight: 700; padding-top: 15px;}
.picFocus .bdd li .ctxt{ text-align: center; color: #999; font-size: 19px;line-height: 35px;}
.picFocus .bdd li .img{ padding-top: 15px; text-align: center}
.picFocus .bdd li .img img{width: 100%; height: 275px; object-fit:cover;}
.picFocus .hd{ width:112px; float: left; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{   overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-bottom: 10px;}
.picFocus .hd ul li img{ width:110px; height:88px; border:1px solid #ebebeb; cursor:pointer;}
.picFocus .hd ul li.on img{ border-color:#8194b8;  }

.pbanner-cright .title{ font-size: 36px; color: #333; padding-bottom: 20px; border-bottom: 1px dashed #cdcdcd;}
.pbanner-cright .description{padding-left: 0; line-height: 30px; margin: 15px 0; color: #666; font-size: 14px;}
.pbanner-cright .pkeywords{background: #eff4fe; padding: 15px 25px; margin: 10px 0; overflow: hidden; line-height: 26px;}
.pbanner-cright .pkeywords span{ font-size: 12px;}
.pbanner-cright .more{ width: 100%; height: 47px; overflow: hidden; margin-top: 15px;}
.pbanner-cright .more .more1{ width: 49%; height: 47px; float: left; text-align: center; line-height: 47px;}
.pbanner-cright .more .more1 a{ display: block; width: 100%; height: 47px; background: #e87b2b; color: #fff; border-radius: 5px;}
.pbanner-cright .more .more1 a:hover{ background: #000;transition: all .5s;}
.pbanner-cright .more .more2{ width: 49%; height: 47px; float: right; text-align: center; line-height: 47px;}
.pbanner-cright .more .more2 a{ display: block; width: 100%; height: 47px; background: #000; color: #fff; border-radius: 5px;}
.pbanner-cright .more .more2 a:hover{ background: #e87b2b;transition: all .5s;}
.p-rn{ padding: 15px 0;}

/*prev_next*/
.prev_next{width:100%;padding:0 15px;}
.prev_next>div{width:100%;padding:8px 0;border-bottom: dashed 1px #ddd;display: flex;flex-direction: row;align-items: center;}
.prev_next>div:before{content:'\e61b';font-family: 'ciconfont';color: #fff;font-size: 16px;width:22px;height: 22px;border-radius: 50%;background: #666;display: block;text-align: center;line-height: 22px;margin-right:10px;}
.prev_next>div a{color: #999;}
.prev_next>div a:hover{color: var(--zhu-color);}
/*no-goods*/
.no-goods{padding:50px;text-align: center;}

@media (min-width:992px){ 
.pbanner-cleft{ width: 40%; }
.pbanner-cright{ width: 60%;  padding: 35px;}
.pbanner-cright .description{padding-left: 20px; }
.pbanner-cright .more .more1{ width: 209px; margin-right: 18px;}
.pbanner-cright .more .more2{ width: 209px; float: left;}
.p-rn{ padding: 35px 0;}
.n-n{ width: 98%; margin: 0 auto; line-height: 2.6;}
}
@media (min-width:1200px){ 
.pbanner-cleft{ width: 40%; }
.pbanner-cright{ width: 60%;  padding: 35px;}
.pbanner-cright .description{padding-left: 20px; }
.pbanner-cright .more .more1{ width: 209px; margin-right: 18px;}
.pbanner-cright .more .more2{ width: 209px; float: left;}
.p-rn{ padding: 35px 0; background: #fff; overflow: hidden;}
}

.p-nr-hd{ height: 78px; background: #eff4fe; overflow: hidden;}
.p-nr-hd li{ width: 31.3%; float: left;}
.pnicl1{ width: 100%; height: 76px; border-top: 2px solid var(--pei-color); text-align: center; line-height: 76px; background: #fff;}
.pnicl1 a{ font-size: 16px; overflow: hidden;}
.pnicl2{ width: 100%; height: 78px; }
.pnicl2 a{ display: block; width: 100%; height: 78px; text-align: center;line-height: 76px; font-size: 16px;}
.pnicl2 a:hover{height: 76px; border-top: 2px solid var(--pei-color); background: #fff;}
@media (min-width:992px){ 
.p-nr-hd li{ width:220px; }
}
@media (min-width:1200px){ 
  .p-nr-hd li{ width:220px; }
}
.xgal{ padding-bottom: 30px; overflow: hidden;}
.xgal .hd{ margin-bottom: 20px; height: 30px; overflow: hidden;}
.xgal .hd p{ float: left; border-left: 4px solid var(--pei-color); text-indent: 10px; height: 30px; color: #333; font-size: 24px; font-weight: 700; line-height: 26px;}
.xgal .hd a{ float: right; text-align: right; line-height: 36px; font-size: 16px;}
.xgal .hd a:hover{color:var(--zhu-color);}
.xgal .hd a .ciconfont{ font-size: 20px; margin-left: 10px; position: relative;top: 3px;left: 0px;}
.xgal .bd{ padding-top: 1px;}

.pcasebox{ width: 100%; overflow: hidden; position:relative; }
.pcasebox .img{ width: 100%; overflow: hidden;}
.pcasebox .img img{ width: 100%; height: 240px; overflow: hidden;}
.pcasebox .txt{ width: 100%; height: 50px; text-align: center; color: #fff; line-height: 50px; font-size: 16px; overflow:hidden; position: absolute; left:0; bottom:0; z-index:2}
.pcasebox .bg{ width: 100%; height: 50px; background:rgba(0,0,0,.67); position: absolute; left:0; bottom:0; z-index:1}
.pcasebox:hover .txt{ bottom:50%;  transition: all 1s;}
.pcasebox:hover .bg{  height: 100%; bottom:0;background:#3b537e url(../images/p-bg.png) no-repeat top center; transition: all 1s;}

@media (min-width:992px){ 
  .xgal .bd{ padding-top: 30px;}
}
@media (min-width:1200px){ 
  .xgal .bd{ padding-top: 30px;}
}
/*piclist*/
.piclist{padding:30px 0;}
.piclist .row>div{margin-bottom: 30px}
.piclist .item{display: flex;flex-direction: column;border-radius: 5px;overflow: hidden;transition: all .5s;border:solid 1px #eee;}
.piclist .item .pic{width:100%; padding-left: 2.5%; padding-bottom:70%;position: relative;overflow: hidden;}
.piclist .item .pic img{width:95%; height: 100%; object-fit: cover;position: absolute;}
.piclist .item .pic:after{width:0;height: 0;content:'';position: absolute;top:0;left:0;background: rgba(0,0,0,.8);transition: all .5s;border-radius: 50%;}
.piclist .item .pic i{color:#fff;font-size: 50px;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 1;opacity: 0;transition: all .5s}
.piclist .item .txt{background: #f6f5f5;padding:15px;transition: all .5s}
.piclist .item .t11{color: #333;font-size: 16px;font-weight: 700;transition: all .5s}
.piclist .item .t2{color: #999999;font-size: 12px;margin:10px 0 15px; height: 45px; -webkit-line-clamp:2;transition: all .5s}
.piclist .item span{width:40px;height: 5px;background: url(../images/jiantou.png) left center no-repeat;display: block;transition: all 1s}
.piclist .item:hover{box-shadow: 0 0 10px #999;}
.piclist .item:hover .txt{background: var(--zhu-color)}
.piclist .item:hover .txt .t11{padding-left: 10px;color:#fff;}
.piclist .item:hover .txt .t2{color:#fff;}
.piclist .item:hover .pic:after{width:200%;height:200%; left:-50%;top:-50%;}
.piclist .item:hover .pic i{opacity: 1;}
.piclist .item:hover span{margin-left:calc(100% - 40px);}
@media(max-width: 576px){
  .piclist .row>div:nth-child(2n){padding-left: 7.5px;}
  .piclist .row>div:nth-child(2n-1){padding-right: 7.5px;}
}
/*qynews*/
.qynews{margin:30px 0 0;}
.qynews a{ display: block; overflow: hidden; border:1px solid #e7e7e7; box-sizing: border-box; transition: all .5s;border-radius: 5px }
.qynews a .pic{ width:100%;padding-bottom: 75%;overflow: hidden;position: relative; transition: all .5s; }
.qynews a .pic img{ width: 100%; height: 100%; object-fit: cover; position: absolute;transition: all .5s; }
.qynews a .txt{ width: 100%; padding:25px; overflow: hidden; height: 120px; transition: all .5s; box-sizing: border-box; }
.qynews a .txt .cct1{ font-weight: normal; display: block; width: 100%; color: #010101; font-size: 18px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  transition: all .5s;}
.qynews a .txt .cct2{ font-size: 14px; color: #909090; transition: all .5s; }
.qynews a .txt .cct3{  line-height: 30px; color: #434343; font-size: 14px; margin-top: 15px; opacity: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5;transition: all .5s; }
.qynews a:hover img{ transform: scale(1.05); }
.qynews a:hover .pic{  margin-top: -80px; }
.qynews a:hover .txt{background: var(--zhu-color); height: 200px; }
.qynews a:hover .txt .cct1, .qynews a:hover .txt .cct2, .qynews a:hover .txt .cct3{ color: #fff; opacity: 1; }
/* hynews */
.hynews{ overflow: hidden; margin:20px 0; padding:40px 0 0 0; background: #F6F6F6; }
.hynews .news_img{ display: block; width: 100%; overflow: hidden;  }
.hynews .news_img .img{ width: 100%; height: 240px; overflow: hidden; background: #e4e4ec; }
.hynews .news_img .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.hynews .news_img .txt{ overflow: hidden; padding:20px 0; }
.hynews .news_img .txt b{ margin-bottom: 20px; display: block; width: 100%; font-size: 20px; color: #535353;font-weight: normal; transition: all .5s; }
.hynews .news_img .txt>div{display: flex;flex-direction: row;}
.hynews .news_img .txt span{ display: inline-block; text-align: left; float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #e8e8e8; position: relative; }
.hynews .news_img .txt span::after{ content: ""; display: inline-block; width: 1px; height: 0; position: absolute; right: 0; top:0; background:var(--zhu-color);transition: all .5s }
.hynews .news_img .txt span small{ font-size: 22px; color: #444; display: block; }
.hynews .news_img .txt span i{ font-size: 16px; color: #999; display: block; }
.hynews .news_img .txt p{ width:calc(100% - 95px); color: #979797; font-size: 14px; line-height: 26px; -webkit-line-clamp: 2;  }
.hynews .news_img:hover img{ transform: scale(1.1) rotate(-2deg); }
.hynews .news_img:hover b{ color: var(--zhu-color); font-weight: bold; padding-left: 10px; }
.hynews .news_img:hover span, .hynews .news_img:hover span i, .hynews .news_img:hover p{ transition: all .5s; color: #333; }
.hynews .news_img:hover span::after{ transition: all .5s; height: 100%; }
.hynews .list{ display: block; overflow: hidden; border-bottom:1px solid #eaeaea; }
.hynews .list a{ display: flex; padding:32px 0; overflow: hidden; border-top:1px solid #eaeaea;flex-direction: row; }
.hynews .list a span{ display: inline-block; text-align: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #e8e8e8; position: relative;transition: all .5s; }
.hynews .list a span::after{ content: ""; display: inline-block; width: 1px; height: 0; position: absolute; right: 0; top:0; background: var(--zhu-color);transition: all .5s }
.hynews .list a span small{ font-size: 22px; color: #444; display: block; text-align: left;  transition: all .5s;}
.hynews .list a span i{ font-size: 16px; color: #999; display: block; text-align: left; transition: all .5s; }
.hynews .list a .txt{ width: calc(100% - 95px); overflow: hidden; }
.hynews .list a .txt b{ margin-bottom: 7px; display: block; width: 100%; font-size: 20px; color: #535353; font-weight: normal;transition: all .5s; }
.hynews .list a .txt p{ text-indent: -1em; color: #979797; font-size: 14px; line-height: 26px;  -webkit-line-clamp: 1; transition: all .5s;}
.hynews .list a:hover b{  color: var(--zhu-color); font-weight: bold; padding-left: 10px; }
.hynews .list a:hover p{  color: #333; padding-left: 10px; }
.hynews .list a:hover small, .hynews .list a:hover i{   color: var(--zhu-color); }
.hynews .list a:hover span::after{  height: 100%; }
/* newslist */
.newslist{ overflow: hidden; width: 100%;padding:30px 0; }
.newslist li + li a{ border-top:1px solid #e9e9e8; }
.newslist a{ display: flex; padding:20px 0; width: 100%; flex-direction: row;justify-content: space-between;}
.newslist a .imgbox{ width: 270px; }
.newslist a .img{width:100%;padding-bottom: 65%; overflow: hidden; position: relative; }
.newslist a .img img{ width: 100%; height: 100%; object-fit: cover;position: absolute; transition: all .5s; }
.newslist a .img span{ position: absolute; left: 0; top:0; display: flex; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); color: #fff; font-size: 32px; align-items: center; justify-content: center; opacity: 0; }
.newslist a .txt{ overflow: hidden; width:calc(100% - 290px); }
.newslist a .txt b{ display: block; font-size: 18px; color: #1E1E1E; font-weight: normal; margin:12px 0 24px; transition: all .5s;  }
.newslist a .txt p{text-indent: -2em; font-size: 14px; color: #777; line-height: 24px; overflow: hidden; -webkit-line-clamp: 2; transition: all .5s; }
.newslist a .txt small{ margin-top: 15px; display: inline-block; padding-left: 30px; font-size: 14px; color: #393939; position: relative; transition: all .5s; }
.newslist a .txt small::before{ content: ""; display: inline-block; width: 20px; height: 3px; background: var(--zhu-color); position:absolute; left: 0; top:9px; transition: all .5s; }
.newslist a:hover b{ color: var(--zhu-color); font-weight: bold; }
.newslist a:hover .img span{ opacity: 1; }
.newslist a:hover img{ transform: scale(1.05) rotate(-5deg); }
.newslist a:hover small{ padding-left: 60px; }
.newslist a:hover small::before{ width: 50px;  }
@media(max-width: 768px){
  .newslist a .imgbox{ width: 240px; }
  .newslist a .txt{width:calc(100% - 260px); }
}
@media(max-width: 576px){
  .newslist a{flex-direction: column;}
  .newslist a .imgbox{ width: 100% }
  .newslist a .txt{ width:100% }
}
/*newsinfo*/
.newsinfo{padding:30px 0;}
.page_tit{ position: relative; padding-bottom: 20px; text-align: center;border-bottom: dashed 1px #ddd; }
.page_tit b{ line-height: 36px; display: inline-block; font-size: 24px; color: #333; margin-bottom: 30px; }
.page_tit small{ text-transform: uppercase; display: inline-block; color: rgba(51,51,51,.42); margin-left: 25px; font-size: 22px; }
.page_tit::before{ content: ""; display: inline-block; width: 60px; height: 3px; background: var(--zhu-color); position: absolute; left:50%; margin-left: -30px; bottom:65px; border:0; }
.page_tit .meta{ font-size: 14px; line-height: 1; color: #393939;display: flex;flex-direction: row;align-items: center;justify-content: center; margin-top: 15px}
.page_tit .meta span{ display: inline-block; margin-right: 8px; color: #393939; font-size: 20px; }

/*contact*/
.conatct1{background: #f5f5f5; padding: 5px 0 35px 0; overflow: hidden;}
.contact11{ border: 1px solid #dedede; background: #fff; overflow: hidden;}
.maptxt{ width: 100%; padding: 35px; overflow: hidden;}
.maptxt .mapt1{ width: 100%; height: 77px; overflow: hidden; position:relative;}
.maptxt .mapt1 .mapt11{ color: var(--zhu-color); font-size: 38px; font-weight: 700; line-height: 55px;}
.maptxt .mapt1 .mapt12{ width: 100%; background: #fff; height: 43px; line-height: 43px;overflow:hidden; position: absolute; left:0; bottom:0; z-index:999; color: #333; font-size: 18px;}
.maptxt .mpat2{ padding: 15px 0; line-height: 35px; border-bottom: 1px solid #dedede; color: #666; }
.maptxt .mpat2 .ciconfont{ color: var(--zhu-color); font-size: 24px; margin-right: 10px;position: relative; top:3px; }
.mapt3{ padding-top: 15px;}
.mapt3 .conatctewm{ width: 140px; height: 140px; float: left;}

.mapt33{ width: calc(100% - 150px); float: right; padding-top: 15px;}
.mapt33 b{ font-size: 18px; color: #333;}
.mapt33 .t100{ font-size: 14px; color: #999;margin: 5px 0 0 0;}
.mapt33 .t101{ font-size: 14px; color: #999; margin: 8px 0;}
.map{ width: 100%; overflow: hidden;}
#dituContent{ width: 100%; height: 510px; border-left: 1px solid #dedede; }
@media (min-width:992px){ 
.maptxt{ width: 30%;}
.map{ width: 70%;}
}
@media (min-width:1200px){ 
.maptxt{ width: 30%;}
.map{ width: 70%;}
}

.conatct2{ background: url(../images/f-message.jpg) no-repeat top center; overflow: hidden; padding: 35px 0;}
.conatct2 .hd{ overflow: hidden;}
.conatct2 .hd p{ width: 50%; float: left; height: 35px; border-left: 5px solid var(--pei-color); color: #fff; line-height: 35px; font-size: 36px; text-indent: 10px; font-weight: 700;}
.conatct2 .hd span{ float: right; text-align: right; color: #fff; line-height: 35px;}
.conatct2 .hd span .ciconfont{ margin-left: 5px; font-size: 25px;}
.conatct2 .bd{ padding-top: 45px; overflow: hidden;}
.conatct2 .bd ul{ padding-bottom: 13px; overflow: hidden;}
.m10{ width: 49%;}
.m1{ width: 100%; border: none; background: #fff; line-height: 55px; height: 55px; text-indent: 20px; font-size: 16px; color: #666;}
.m3{ background: #fff; padding: 15px; font-size: 16px; color: #666;}
.m4{ width: 100%; border: none;font-size: 16px; color: #666; margin-top: 10px;}
.m5{ width: 65%; float: left; height: 55px; background: #fff;}
.m6{ width: 150px; border: none; height: 55px; text-indent: 20px; font-size: 16px; color: #666;}
.m7{ width: 120px; height: 48px; border: 1px solid #eee;}
.m9{ width: 33%; float: right; height: 55px;}
.m9 a{display: block; width: 100%; height: 55px; background: var(--zhu-color); text-align: center; font-size: 18px; line-height: 55px; color: #fff;}
.m9 a:hover{background: var(--zhu-color); transition: all .5s;}
.conatct3{ padding: 35px 0; overflow: hidden;}
.c3-1{width: 95%; margin: 0 auto; text-align: center; padding: 50px 30px; background: #f6f6f6; overflow: hidden;}
.c311{ margin-bottom: 20px;}
.c322{ font-size: 24px; color: #333;}
.c333{ font-size: 16px; color: #666; line-height: 35px; padding: 25px 0;}
.c344 a{display: block; width: 156px; height: 38px; margin: 15px auto; line-height: 38px; border: 1px solid var(--zhu-color); color: var(--zhu-color);}

.c3-1:hover{ background: var(--zhu-color);transition: all 1s;}
.c3-1:hover .c322{ color: #fff;transition: all 1s;}
.c3-1:hover .c333{  color: #fff; transition: all 1s;}
.c3-1:hover .c344 a{border: 1px solid #fff; color:#fff;transition: all 1s;}





.articlbox{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.articlelist{
  width: calc(25% - 2rem);
  margin: 1rem;
  float: left;
  cursor: pointer;
}

.ccontai{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.front,
.back{
  background-size: cover;
  background-position: center;
  -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-align: center;
  min-height: 280px;
  height: auto;
  border-radius: 10px;
  color: #fff;
  font-size: 1.5rem;
}

.back{
  background: #cedce7;
  background: -webkit-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
}

.front:after{
  position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
    background-color: #000;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
.ccontai:hover .front,
.ccontai:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.innerr{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    font-size: .7em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
}

.ccontai .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.ccontai .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.ccontai:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.ccontai:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.front .innerr li{
  font-size: 16px;
  margin-bottom: 2rem;
  position: relative;
}

.front .innerr li:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.front .innerr span{
  color: rgba(255,255,255,0.7);
  font-family: 'Montserrat';
  font-weight: 300;
}

.back .innerr li{
  font-size: 16px;
}

@media screen and (max-width: 64rem){
  .col{
    width: calc(33.333333% - 2rem);
  }
}

@media screen and (max-width: 48rem){
  .col{
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 32rem){
  .col{
    width: 100%;
    margin: 0 0 2rem 0;
  }
}

.service_list{ width: 100%; padding: 0!important;
        display: unset!important;

 }
.service_list .case{ overflow: hidden; padding:0 0 20px; cursor: pointer; }
.service_list .case:nth-child(even){ flex-direction: row-reverse; }
.service_list .case .img{ width: 100%; height: 410px; overflow: hidden; position: relative; }
.service_list .case .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.service_list .case .scale:hover img{ transform: translate(-50%, -50%) scale(1.05); transition: all .3s ease; }
.service_list .case .txt{ padding:35px; }
.service_list .case .txt strong{ display: block; font-size: 45px; color: #001200; font-weight: normal; }
.service_list .case .txt p{ margin:30px 0; font-size: 15px; line-height: 2; color: #999; }
.service_list .case .txt a{ font-size: 14px; display: inline-block; padding:10px 30px; background: var(--zhu-color); color: #fff; }
.service_list .case .txt a span{ display: inline-block; margin-left: 10px; position: relative; top:3px;  transition: all .3s; }
.service_list .case .txt a span .iconfont{ font-size: 20px; color: #fff;}
.service_list .case:hover a span{ margin-left: 15px; transition: all .3s; }
.service_list .case:hover img{  }



.com_zzry_txt{ margin-top: 10px; height:40px; line-height: 40px; overflow: hidden; border-top: solid 1px #E7E7E7; color: #666; font-size: 13px;}
.honors{ overflow: hidden; }
.honors a{ width: 100%; float: left; background: #f3f3f3; padding: 15px 15px 0px 15px; text-align: center; margin-top: 20px;}
.honors a img{ transition: all .3s; }
.honors a:hover img{transform: scale(1.1);transition: all .3s; }
@media (min-width:768px) {
    .honors a{ width: 49%; float: left;}

}
@media (min-width:992px) {
    .honors a{ width: 31.3%; float: left; margin-right: 2%;}

}
@media (min-width:1200px) {
    .com_zzry_txt{ margin-top: 20px; height: 50px; line-height: 50px; font-size: 15px;}
    .honors a{ width: 31.3%; padding: 20px 20px 0px 20px;}

    .company1_c_dc{ margin-top: 25px; font-size: 14px; line-height: 28px; height: 56px; overflow: hidden;}
}
@media (min-width:1601px) {
    .com_zzry_txt{ margin-top: 35px; height: 70px; line-height: 70px; font-size: 16px;}
}
.honors a:hover .com_zzry_txt{ color:#1457a0;}