@charset "utf-8";
@font-face {
    font-family: 'iconfont';
    src: url('iconfont.ttf?t=1686271542414') format('truetype');
}
/* CSS Document */
*{ padding:0px; margin:0px;}
a{text-decoration:none;outline:0;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both;}
body{ color:#333; font-size:14px; font-family:"Microsoft YaHei"; background: #f2f2f2;}

.head-btn, .zyw, .list .item, .zybot input, .swiper-pagination-bullet, #zuji ul a .img, #zuji ul a .wen, .new-pad, .product_img img
{
    -webkit-transition: 0.3s all cubic-bezier(0.52, 0.08, 0.18, 1);
	-moz-transition: 0.3s all cubic-bezier(0.52, 0.08, 0.18, 1);
	-ms-transition: 0.3s all cubic-bezier(0.52, 0.08, 0.18, 1);
	-o-transition: 0.3s all cubic-bezier(0.52, 0.08, 0.18, 1);
    transition: 0.3s all cubic-bezier(0.52, 0.08, 0.18, 1);
}

.w1200{max-width:1200px; margin: 70px auto; overflow: hidden; padding: 0 20px;}
.w1025{width:1025px; margin: 70px auto; overflow: hidden;}
.w1200-zybanner{max-width: 1200px; margin: 0 auto; padding: 0 20px;}
.w1200-tec{max-width:1200px; margin: 0 auto 110px; overflow: hidden;}

/* public */
.btn{position: relative; overflow: hidden;}
.btn::after{content: ""; position: absolute; z-index: -1; background: #005197; height: 100px; width: 240px; border-radius: 50%; top: 100%; left: -100%; transition: all .4s;}
.btn:hover::after{top: -30px; left: -30px;}

.btn-b{position: relative; overflow: hidden;}
.btn-b::after{content: ""; position: absolute; z-index: -1; background: #3a3a3a; height: 100px; width: 240px; border-radius: 50%; top: 100%; left: -100%; transition: all .4s;}
.btn-b:hover::after{top: -30px; left: -30px;}

::-webkit-input-placeholder { /* Edge */
    color: #999999;
}
:-ms-input-placeholder { /* Internet Explorer */
    color: #999999;
}
::placeholder {
    color: #999999;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*头部*/
#header_m, #nav_m{ display:none;}

#header{position: fixed;  z-index: 999;  left: 0;  right: 0;  top: 0;  width: 100%;  height:100px; }
#header.i_head .header{background: transparent;}
#header .header{width:100%; height:100px; background:#ffffff;}
#header .g-wrap {position: relative; margin: 0 auto; height: 100%;}
#header.i_head .header .logo .logo1{display: none;}
#header.i_head .header .logo .logo2{display: block;}
#header .header .logo .logo1{display: block;}
#header .header .logo .logo2{display: none;}
#header.i_head .header .logo{margin-left:70px;}
#header .header .logo{float:left; padding:0; margin-left:40px; display: flex; align-items: center; height: 100%;}
#header .header .logo img{width: 150px; height: auto;}
#header .header .head{ height:100px; float:right; background: #ffffff; position: relative;}
#header.i_head .header .head{background:transparent;}
#header .header .head .head-nav{float:left; height:100px;}

#nav { height:100px; float:left;}
#nav li {float:left; height: 100%; display: flex; flex-direction: column; justify-content: center;}
#header.i_head #nav li a{ color:#999999;}
#header.i_head #nav li:hover a{ color:#d55e19;}
#nav li a {font-size:14px; text-align:center; color:#333333; padding:0 20px; font-weight:bold; display:flex; height: 100%; flex-direction: column; justify-content: center;}
#nav li.curr a{ color: #d55e19;}
#nav li:hover a{ color: #d55e19;}

#subNav {position:absolute; top:100px; left:0px; z-index:-4; width:100%; height:50px; display: none;}
#subNav .item {position:absolute; top:-100%; width:100%; background-color:rgba(0,0,0,0.7); overflow:hidden; padding-left: 7px; -webkit-transition:top 300ms; transition:top 300ms;}
#subNav .technology {left:5%;}
#subNav .product {left:0%;}
#subNav .case {left:46%;}
#subNav .nwmenu .nwmenu-list li a:hover{ color: #f63b34;}
#subNav .on {top:0; z-index: 2;}
#subNav .item a {float:left; padding:0 16px; font-size:14px; line-height:50px; color:rgba(255,255,255,0.7);-webkit-transition:color 300ms; transition:color 300ms; }
#subNav .item a:hover {color:#fff;}
#subNav .item #on { color: #fff;}
#subNav .item.on{ margin-top:100px;}

#header.i_head .header .head .zyw{color: #ffffff; margin-right: 70px;}
#header.i_head .header .head .zyw a{color: #ffffff;}
#header.i_head .header .head .zyw a:hover{color: #d55e19;}
#header .header .head .zyw{ float:left; padding-top:40px; padding-left:15px; color:rgba(0, 0, 0, .4); font-size:14px; margin-right: 40px;}
.header .head .zyw a{color:rgba(0, 0, 0, .4); font-size:14px; margin:0px 5px;}
.header .head .zyw a:hover{ color:#d55e19;}
	
#header.i_head .head-nav .subNav{opacity:0; filter:alpha(opacity=0);}

/*banner*/
#banner{position: relative; z-index: 9; }
#banner .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
#banner .swiper-slide .text {position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9;}
#banner .swiper-slide .text .title{font-size: 50px; font-weight: bold; color: #FFFFFF; padding: 15px 30px;}

#banner .swiper-slide .text a{
    font-size: 18px;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 10px 56px;
    display: block;
    border-radius: 25px;
    margin-top: 28px;
}
#banner .swiper-slide .text a:hover {border: 1px solid #005197;}
#banner .swiper-slide video{width: 100%; height: 100%; object-fit: cover; filter: brightness(60%);}

#banner .swiper-pagination{text-align: right; bottom: 25px; width: 80%;}

#banner .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; background: transparent; border: 1px solid #FFFFFF; border-radius: 10px; opacity: 1;}
#banner .swiper-pagination .swiper-pagination-bullet-active{width: 40px; background: #FFFFFF;}

#banner .des{ position:absolute; left:0px; bottom:0px; width:70%; z-index:9;}
#banner .des .text{ background-color:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.2); border-left: none; border-bottom: none; color:#999999; font-size:14px; line-height:30px; height:180px; float:left; display: flex; flex-direction: column; justify-content: center; padding: 0 5%; box-sizing: border-box;}
#banner .des .text p{ overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

/*home ABOUT*/
#about{width: 100%; display:flex; height: 600px; background: #ffffff; overflow: hidden; position: relative; z-index: 9;}

#about .l{flex:1; display: flex; justify-content: center; align-items: center;}
.about-desc{width: 74%;}
.about-desc p.title-en{font-size:50px; color:#0e3471; }
.about-desc p.desc{font-size:16px; color:#666666; line-height:170%; margin-top:30px;}
.about-desc a{font-size:18px; color:#666666; border:2px solid #666666; border-radius:25px; width:183px; height:46px; line-height:
46px; text-align:center; display:block; margin-top:45px;}
.about-desc a:hover{color: #ffffff; border: 2px solid #005197; background:#005197;}

#about .r{ flex:1; display: flex; justify-content: center; background: url(../images/in1right.jpg) no-repeat; background-size: cover;}
#about .r .cul-desc{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.cul-desc p.title{font-size:50px; color:#ffffff; padding: 30px;}
.cul-desc p.desc {font-size:18px; color:#666666; line-height:170%; margin-top:30px;}

/* solution */
#solution{width: 100%; padding: 80px 0; display: flex; flex-direction: column; align-items: center;}
#solution .slt-title{color: #0e3471; font-size: 60px;}
#solution .slt-wrap{height: 700px; display: flex; padding-top: 50px;}
.col-l{flex: 1; display: flex; flex-wrap: wrap;}
.col-l li{width: 50%; overflow: hidden;}
.col-l li img{width: 100%; height: 350px; object-fit: cover; display: block; transition: all .3s;}
.col-l li img:hover{transform: scale(1.15);}
.col-r{flex: 1;}
#solution video{width: 100%; height: 100%; object-fit: cover;}

/* 产品 */
.ejnav{ background:#ebebeb; height:70px; text-align:center;}
.ejnav li{ display:inline-block;}
.ejnav li a{ color:#333333; font-size:16px; display:inline-block; padding:25px 0px 22px 0px; margin:0px 18px; border-bottom:2px solid #ebebeb;}
.ejnav li a:hover{ border-bottom:2px solid #d55e19; color:#d55e19;}
.ejnav li a.active{ border-bottom:2px solid #d55e19; color:#d55e19;}

#pro{width: 100%; background: #e7e7e7; padding: 3vmax 0 3vmax; display:flex; flex-direction: column; align-items: center; box-sizing: border-box; position: relative; overflow: hidden; position: relative; z-index: 9;}
#pro .title{color: #0e3471; font-size: 50px;}

#pro .pro-swiper{width: 76%; display: flex; flex-direction: column; overflow: hidden; --swiper-theme-color: #005197; margin-bottom: 1vmax;}
#pro .pro-swiper .swiper-wrapper{flex-wrap: wrap;}
#pro .pro-swiper .swiper-wrapper .swiper-slide{width: 16%; margin: 0 2% 1vmax;}
#pro .swiper-slide .img{width:100%; transition: all .3s;}
#pro .swiper-slide .img:hover{box-shadow: 0 10px 20px 4px rgba(35, 35, 35, .1); transform: scale(1.05);}
#pro .swiper-slide img{width: 100%; height: auto; display: block; border-radius: 15px;}
#pro .swiper-pagination{text-align: center; margin-top: 50px; position: relative; bottom: 0;}
#pro .swiper-slide .dec{color: #333; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; text-align: left; margin-top: 12px;}
#pro .swiper-slide .parm{color: #999; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; text-align: left; margin-top: 7px;}

#pro .swiper-pagination-bullet{
    background:none;
    opacity:1;
    margin:0 6px !important;
    width:9px;
    height:9px;
    position:relative;
    outline:none;
    vertical-align:middle;
}
#pro .swiper-pagination-bullet span{
    width:6px;
    height:6px;
    background:rgb(187, 187, 187);
    display:block;
    border-radius:50%;
}
#pro .swiper-pagination-bullet i{
    background:#005197;
    height:1px;
    width:22px;
    position:absolute;
    top:3px;
    transform:scaleX(0);
    transform-origin:left;
    z-index:3;
    transition-timing-function:linear;
    }
#pro .swiper-pagination-bullet-active span, #pro .swiper-pagination-bullet:hover span{
    transform: scale(2);
    background:#005197;
    position:relative;
    z-index:1;
    }
#pro .swiper-pagination-bullet-active i{
    animation:middle 6s;
    }
#pro .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
    animation:first 6s;
    }
#pro .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
    animation:last 6s;
    }				
@keyframes first{
	0% {transform:scaleX(0.5);left:0px;}/*091*/
	100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
  20% {transform:scaleX(0.3);left:2px;} /*090*/
  100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
  20% {transform:scaleX(0.45);left:2px;}/*092*/
  100% {transform:scaleX(1);left:2px;} /*0913*/
}

/*首页 足迹遍布全国*/
#zuji{ padding: 5vmax 0 3vmax; position:relative; width: 100%; display: flex; justify-content: center;}
#zuji .zuji{ position: relative; z-index:9; width: 60%;}
#zuji .zujinr{display: flex; flex-direction: column; align-items: center;}
.title{ color:#0e3471; font-size:28px; display: flex; padding-bottom: 30px;}
.title li{margin: 0 20px; font-size: 50px; text-shadow: -1px 0 0 #333, 0 -1px 0 #333, 1px 0 0 #333, 0 1px 0 #333; font-weight: bold; color: #d9d9d9; font-style: oblique; -webkit-text-stroke: 1px #005197; letter-spacing: 0.1em;}

#zuji ul{ margin-top:52px; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
#zuji ul a{ display: flex; flex-direction: column; align-items: center;}
#zuji ul a .img{ width:6vmax; height:6vmax; background-color: #c4c4c4; border-radius:100%; display: flex; justify-content: center; align-items: center;}
#zuji ul a .img img{ width:4.5vmax; height:auto;}
#zuji ul a .wen{ color:#333; font-size:18px; font-weight: bold; width: 100%; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; margin-top: 20px;}
#zuji ul a:hover .img{ background-color: #3b4b64; transform: scale(1.2);}
#zuji ul a:hover .wen{color: #666;}

/*news*/
.tech2{width: 100%; display: flex; height: 700px; overflow: hidden; position: relative; z-index: 9;}
.tech2 .l{flex: 1; display: flex; justify-content: center; align-items: center; background:#005197;}
.tech2 .r{flex: 1; display: flex; justify-content: center; background: url(../images/tech2.jpg) no-repeat; background-size: cover;}
.tech2 .l .tech-desc2{width: 64%;}

.tech-desc2 .title-en{font-size:60px; color:#ffffff;}
.tech-list{margin-top:30px; }
.tech-list li{padding: 12px 0; display: flex; justify-content: space-between; border-bottom: 1px dashed rgba(255,255,255,.3);}
.tech-list li p{width: 80%;}
.tech-list li p a{font-size:18px; color:#ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.tech-list li p a:hover{color: #333;}
.tech-list li span{font-size: 18px; float: right; color: rgba(255,255,255,.4);}

.tech2 a.more{font-size:18px; color: #ffffff; border:2px solid #ffffff; border-radius:25px; width:183px; height:46px; line-height:
    46px; text-align:center; display:block; margin-top:45px; z-index: 99;}
.tech2 a.more:hover{color: #ffffff; border: 2px solid #373737; background:#373737;}

.tech2 .r .cul-desc2 {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.cul-desc2 p.title{font-size:50px; color:#ffffff; padding: 0 60px;}
.cul-desc2 p.desc {font-size:18px; color:#666666; line-height:170%; margin-top:30px;}

/*底部*/
#footbg{ background:#333333; display: flex; flex-direction: column; align-items: center;}
.f-logo{margin-top: 3vmax; background: url(../images/b-line.png) no-repeat center 65%; width: 100%; display: flex; justify-content: center;}
.f-nav{display: flex; justify-content: space-between; width: 50%; margin: 3vmax 0;}
.c_left .bdtitle {color: #fff; font-size: 16px; padding-bottom: 10px;}
.c_left p a{color: #fff; font-size: 16px; padding: 0 0 10px;}
.c_left a{width: 100%; display: block; color: rgba(255,255,255,0.4); font-size: 14px; padding: 6px 0px;}
.c_left a:hover{ color:#fff;}

.c_right .title{color:rgba(255,255,255,0.4); font-size:16px; padding-bottom:6px;}
.c_right .tel{ color:#fff; font-size:30px;}
.foot1 { position: relative;}
.foot1 a{cursor: pointer; display: inline-block;}
.foot1 a span{width: 50px; height: 50px; display:inline-block;}

/*关注我们 中文*/
.foot1 a.douyin span{background: url(../images/douyin.png);}
.foot1 a.douyin:hover span{background: url(../images/douyin_on.png);}

.foot1 a.weixin span{background: url(../images/wechat.png);}
.foot1 a.weixin:hover span{ background: url(../images/wechat_on.png);}
.foot1 a.weixin{ margin-left:14px;}

.foot1 a.shipinhao{ margin-left:14px;}
.foot1 a.shipinhao span{background: url(../images/shipinhao.png);}
.foot1 a.shipinhao:hover span{background: url(../images/shipinhao_on.png);}

.foot1 .dycode{ position:absolute; right:38px; top:-140px; display:none; z-index:9;}
.foot1 .wxcode{ position:absolute; right:-32px; top:-140px; display:none; z-index:9;}
.foot1 .spcode{ position:absolute; right:-104px; top:-140px; display:none; z-index:9;}

#bottombg{ padding:15px 0; background: #333333; position: relative; z-index: 9; border-top: 1px solid #5c5c5c; display: flex; justify-content: center;}
#bottom{ color:rgba(255,255,255,0.4); font-size:14px; display: flex; justify-content: space-between; width: 70%;}
#bottom .falv{ font-size:14px;}
#bottom .falv a{margin-right: 10px;}
#bottom a{color:rgba(255,255,255,0.4); font-size:14px;}
#bottom a:hover{ color:#FFFFFF;}
#bottom .tel{font-size: 18px; color: rgba(255,255,255,.7);}

/* 返回顶部 */
.toolbar { display: none; position: fixed; right: 10px; bottom: 40px; z-index: 9;}
.toolbar li{ height: 50px; width: 50px; border-radius: 50%; background: #dcdcdc;}
.toolbar li a{ height: 45px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.toolbar li:hover{background:#005197;}

/*子页banner*/
#zybanner{ width: 100%; height:293px; overflow:hidden; background-size: cover; background-position: 50% 50%;  background-repeat:no-repeat; position:relative; margin-top:100px;}
.posabs{ position: absolute !important; top: 210px !important; overflow: hidden;}
.sticky-tabs-con{ position:absolute; left:0px; top:210px; z-index:999; width:100%; background:rgba(0,0,0,0.6); height:70px;}
.sticky-tabs-con-top{ position: fixed; top: 0; background:rgba(0,0,0,0.8);}
.sticky-tabs-lider{ position: absolute; bottom: 0px; height: 2px; background: #d55e19; transition: left 0.3s ease;}

.sticky-tabs-con ul{ float:right; height:70px; position: relative;}
.sticky-tabs-con ul li{ float:left;}
.sticky-tabs-con ul li a{ float:left; color:rgba(255,255,255,0.6); font-size:16px; height:70px; line-height: 70px; display:flex; align-items: center; margin-left: 40px; max-width: 200px; line-height: 20px;}
.sticky-tabs-con-top ul li a{ color:rgba(255,255,255,0.8);}
.sticky-tabs-con .wei{ float:left; color:#fff; font-size:22px; height:70px; line-height:70px;}
.sticky-tabs-con ul li a.active{ border-bottom: 2px solid #d55e19; height: 68px;}

/*关于我们*/
.abtitle{ text-align:center; color:#333333; font-size:36px; padding-bottom: 35px;}
.view{ color:#666666; font-size:16px; line-height:180%;}

/*技术实力*/
.cptit{ text-align:center; color:#333333; font-size:36px;}
.zhuanl .cptit, .zhengs .cptit, .shij .cptit, .qit .cptit{ padding-top:70px;}

.tab{ width:100%; height:600px; position:relative; background:#fff; margin-top:42px;}
.tab-hd {width:600px; zoom:1; position:absolute; left:0px; top:0px; z-index:9;  background:#efefef; height:100%; overflow-y: auto;}
.tab-hd li{ height:60px;}
.tab-hd li a{ display:block; line-height:60px; color:#747474; font-size:16px; padding-left:40px;}
.tab-hd li.active a{ color:#333333; background:#d2d2d2;}
.tab-bd{position: absolute; top: 0; right: 0; width:600px; height:100%; overflow: hidden;}
.tab-bd li{ width: 100%; height:100%; position: absolute; left: 0; top: 0; opacity: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.tab-bd li.active{opacity:1;}
.tab-bd li img{ width: 100%; height:100%; object-fit: contain;}

.shij .tab, .qit .tab{ height:450px;}

/* 内页底部固定内容 */
.ziye{width: 100%; height:500px; display:flex; overflow: hidden;}
.ziye .l{display: flex; flex: 1; justify-content: center; background: #005197;}
.ziye .r{display: flex; flex: 1; justify-content: center; background: url(../images/btm_1.jpg) no-repeat; background-size: cover;}
.ziye .l .ziye-desc1{display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.ziye-desc1 .title{font-size:50px; color:#ffffff; margin-bottom: 14px;}
.ziye-desc1 .text{font-size: 18px; color: #ffffff; margin-bottom: 6px;}
.ziye-desc1 .text:last-child{margin-bottom: 0;}
.ziye-desc1 a{color: #ffffff;}
.ziye-desc1 a:hover{color: #333333;}

.ziye-desc2{display: flex; align-items: center;}
.ziye-desc2 .title{font-size: 40px; color: #ffffff; padding: 0 60px;}

/*发展历程*/
.about2 img{ margin:0px auto; display:block;}
.about2 ul{background:url(../images/sy51.png) repeat-y center;}
.about2 li:before{background:url(../images/sy50.png) no-repeat center center;left:-61px;top:12px;content:"";display:block;position:absolute;width:21px;height:21px}
.about2 li:after{ content: ""; position: absolute; top:22px; left:-42px; width:59px; height:2px; background:#0075c1;}
.about2 li h4{position:relative; padding-top:7px; padding-left:25px; display:block;text-decoration:none; color:#262626; font-size:24px;}
.about2 li:nth-child(2n):before{background:url(../images/sy50.png) no-repeat center center; right:-62px; top:12px; left:auto; content:""; display:block;position:absolute; width:21px; height:21px;}
.about2 li:nth-child(2n):after{ content: ""; position: absolute; top:22px; left:auto; right:-42px; width:59px; height:2px; background:#0075c1;}

.about2 li{float:right;width:45%;text-align:left;position:relative;margin-top:139px}
.about2 li:nth-child(1){margin-top:0}
.about2 li:nth-child(2n){float:left;text-align:right;margin-top:129px}

.about2 .summary{padding-left:25px; margin-top:20px;}
.about2 .summary p{color:#666; margin-top:10px; font-size:16px; line-height:23px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:3;}
.about2 li:nth-child(2n) .summary, .about2 li:nth-child(2n) h4{ padding-left:0px; padding-right:25px;}

.about2 .summary img{width: 100%; height: 300px; object-fit: cover;}

/*资质荣誉*/
.honorlist{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.honorlist li{ width:19%; margin-bottom:30px;}
.honorlist li .himg{ background:#fff; width:100%; height:272px; border:1px solid #ededed; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.honorlist li img{ max-width:100%; max-height:270px; display:block;}
.honorlist li p{ color:#666; font-size:16px; text-align:center; text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap; margin-top:20px; text-align:center;}
.honorlist li .himg:hover{ border:1px solid #0075c1; box-shadow: 0 0 20px 0 rgba(0,0,0,.14);}

/*产品展示*/
.caselist{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.caselist li{width: 18%; margin-bottom:30px;}
.caselist li .cimg{ width: 100%; transition: all .3s ease;  box-sizing: border-box; border:1px solid #e8e8e8;}
.caselist li .cimg img{ width:100%; height: auto; display: block;}
.caselist li:hover .cimg{border:1px solid #0075c1; box-shadow: 0 0 20px 0 rgba(0,0,0,.14);}
.caselist li .case_title{color:#666; font-size:14px; margin-top: 12px; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.caselist li:hover .case_title{ color:#014099;}

/*案例展示（在产品展示基础上扩充，图片高度不固定的情况）*/
/* .caselist li .cimg.height-auto{height: calc(100% - 41px); overflow: hidden;} */
.caselist li .cimg.height-auto img{width: 214px; height: 180px; transition: all .3s ease;}
.caselist li:hover .cimg.height-auto img{-webkit-transform: scale(1.05); transform: scale(1.05);}

/*联系*/
.lxwrap{display: flex; justify-content: space-between;}
#zylxmessage{flex: 1;}
#zylxmessage .item{ width:49%; float:left; margin-bottom:10px; display: flex; height: 40px; align-items: center;}
#zylxmessage .item input{outline: none; font-size: 16px; width:100%;}
#zylxmessage input::placeholder, #zylxmessage textarea::placeholder{ color: #c4c4c4;}
#zylxmessage input:-moz-placeholder, #zylxmessage textarea:-moz-placeholder{ color: #c4c4c4; }
#zylxmessage input:-ms-input-placeholder, #zylxmessage textarea:-ms-input-placeholder{ color: #c4c4c4; }
#zylxmessage input::-moz-placeholder, #zylxmessage textarea::-moz-placeholder{ color: #c4c4c4; }
#zylxmessage input::-webkit-input-placeholder, #zylxmessage textarea::-webkit-input-placeholder{ color: #c4c4c4;}
#zylxmessage .item .txt{height:38px; line-height:38px; display: block; background: #fff; padding: 0 20px; border: 0; color: #747474; box-sizing: border-box;}
#zylxmessage .item img{margin-left: 2%; height: 26px;}
#zylxmessage .two{ margin-left:2%;}
#zylxmessage .liuyan{margin-bottom: 10px;}
#zylxmessage .liuyan textarea{ height:134px; line-height:20px; padding: 15px 20px; width:100%; font-size:16px; color: #747474;border: 0 none;overflow: hidden;background: #fff;resize: none;display: block;outline: none; box-sizing: border-box; font-family: "Microsoft Yahei";}
.zybot input{ width:140px; height:40px; line-height:40px; text-align:center; color:#3a3a3a;  border:1px solid #3a3a3a; font-size:16px; cursor:pointer; margin-top:16px;}
.zybot input:hover{background: #005197; border:1px solid #005197; color:#fff;}

.lx{color: #666; line-height: 36px; font-size: 16px; flex: 1;}
.lx a{ color: #666;}
.lx a:hover{ color: #005197}
.lx .viewmap{ margin-top: 20px;}
.lx .viewmap a{font-size: 16px; color: #747474;}
.lx .viewmap a:hover{ color: #005197}
.lx .viewmap .loc{margin-right: 4px;}

.lx .fullname{color: #262626; font-size: 36px; padding-bottom: 27px;}

/*新闻*/
.newslist{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.product_list_card { width: 31%; margin-bottom: 30px; box-sizing: border-box;}
.newslist:after {content: ""; display: block; width: 31%;}
.new-pad {
    width: 100%;
    background: #ffffff;
    border:1px solid #ededed;
    box-sizing: border-box;
}
.product_list_card:hover .new-pad{border:1px solid #0075c1; box-shadow: 0 0 20px 0 rgba(0,0,0,.14);}
.product_img {
    width: 100%;
    overflow: hidden;
}
.product_img img { height:262px; width: 100%; object-fit: cover;}
.product_list_card:hover .product_img img {transform: scale(1.2);}
.news-intor {
    padding: 30px 28px;
    width: 100%;
    box-sizing: border-box;
}
.new_intor_title{ color:#333333; font-size:18px; text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.product_list_card:hover .new_intor_title{ color:#014099;}
.new-view-times {
    width: 100%;
    margin-top: 20px;
}
.new-time {
    background: url(../images/time-bg.png) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 16px;
    color: #666666;
    text-align: left;
}
.new-view { float:right;
    background: url(../images/view-ico.png) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 16px;
    color: #666666;
    text-align: left;
}

/*详情页*/
.news_view{ padding:66px 97px 85px 97px; background: #ffffff;}
.xwtitle{ color:#333; font-size:36px; text-align:center;}
.ntime{ text-align:center; color:#999999; font-size:16px; margin-top:16px;}
.shijian{  background: url(../images/time-bg.png) no-repeat left center; display:inline-block;  padding: 0 0 0 20px;}
.hit{ background: url(../images/view-ico.png) no-repeat left center; display:inline-block; margin-left:33px; padding: 0 0 0 20px;}
.nview{ color:#666666; font-size:16px; line-height:32px; padding-top:40px;}
.nview p img{ display:block; margin:0px auto;}
.nview img{ border: 1px solid #e8e8e8;}
.view-download{font-size: 16px; color: #666666; padding-top: 20px;}
.view-download a{font-size: 14px; color: #747474; background: #e2e2e2; display: block; width: max-content; padding: 15px 30px; margin-top: 10px;}
.view-download a:hover{color:#ffffff; background: #005197;}

/*下载中心*/
.down{margin-bottom: 40px;}
.down:last-child{margin-bottom: 0;}
.down .title{font-size: 18px; color: #333333; padding-bottom: 15px;}
.down .list{font-size: 0;}
.down .list a{ font-size:16px; color:#747474; background: #e2e2e2; display:inline-block; width: 23%; text-align: center; height: 50px; line-height: 50px; padding: 0 15px; margin-right: 10px; margin-bottom: 10px; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.down .list a:hover{ color:#ffffff; background: #005197;}

/*分页*/
.pagelist{ text-align:center; color:#666666; font-size:14px; margin-top: 60px;}
.pagelist a{ color:#666666; font-size:14px; border:1px solid #eeeeee; display:inline-block; padding:6px 12px;}
.pagelist a:hover,.pagelist a.red{ background:#80919a; border:1px solid #80919a; color:#FFFFFF;}
.pagelist a:hover b,.pagelist a.red b{ font-weight:normal;}

/* 上一页 下一页 */
.pagetab{color:#666666; font-size:14px; margin-top: 60px; display: flex; justify-content: space-between;}
.pagetab li{width: 49.9%; text-align: center; background-color: #d9d9d9; line-height: 49px;}
.pagetab li a{color:#666666; line-height: 49px; box-sizing:border-box; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pagetab li:first-child a:hover, .pagetab li:last-child a:hover{color: #FFFFFF; background-color: #afafaf;}
.pagetab li:first-child a{background: url(../images/casecenterico1.png) 3% center no-repeat #d9d9d9; padding: 0 10px 0 50px;}
.pagetab li:last-child a{background: url(../images/casecenterico2.png) right 3% center no-repeat #d9d9d9; padding: 0 50px 0 10px;}


/* 搜索 */
.searchlist .item{ margin-bottom: 30px; width: 100%; transition: all .3s; background: #fff;  padding: 30px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.searchlist .item a { display: block;}
.searchlist .item h3 { font-size: 22px; color: #3a3a3a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all ease 300ms;}
.searchlist .item .time { color: rgba(53,52,57,0.7); font-size: 14px; margin-top: 10px;}
.searchlist .item:hover h3{color: #e71619;}
.searchlist .item:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.14);}


/* 简介 */
.devl-text-list { position:relative; width: 100%; display: flex; align-items: center;}
.devl-text-left { width: 50%; overflow: hidden;}
.devl-text-left img { width: 100%;}
.devl-text-right {
    background: #ffffff;
    padding:70px 80px;
    width: 50%;
    box-sizing: border-box;
}
.devl-f36{ color:#262626; font-size:36px; padding-bottom:35px;}
.devl-f16{ color:#666; font-size:16px; line-height:30px;}

/* 悬浮框 */
.xuanfukuang{position:fixed; top:38%; right:-110px; z-index:9999999;}
.xuanfukuang li{width:150px; height:40px; line-height:40px; margin-bottom:10px; box-sizing:border-box; padding-right:10px; font-size:14px; transition:.3s; color:#fff; font-weight:bold; text-align:center; overflow:hidden;}

.xuanfukuang li a{ color:#fff !important; text-decoration:none; }

.xuanfukuang li span{float:left;display:block;width:34px;height:40px;margin-right:10px;}
.xuanfukuang li img{ width:130px; height:130px; margin:10px;}
.xuanfukuang li:hover{transform:translateX(-110px);}
.xuanfukuang li:nth-child(6):hover{transform:translateX(-110px);height:150px;}
.xuanfukuang li:nth-child(6):hover span{display:none;}
.xuanfukuang li:nth-child(3):hover{transform:translateX(-110px);height:150px;}
.xuanfukuang li:nth-child(3):hover span{display:none;}

.xuanfukuang li{background:rgba(0, 0, 0, .4);}/*背景色*/


.xuanfukuang li:nth-child(1) span{background:url(../images/xfk/QQ.png)}/*QQ图标*/
.xuanfukuang li:nth-child(2) span{background:url(../images/xfk/weixin.png)}/*电话图标*/
.xuanfukuang li:nth-child(3) span{background:url(../images/xfk/tel.png)}/*微信图标*/
.xuanfukuang li:nth-child(4) span{background:url(../images/xfk/fhdb.png)}/*返回顶部图标*/
.xuanfukuang li:nth-child(5) span{background:url(../images/xfk/fhsy.png)}/*返回首页图标*/