.col{position: relative;margin-top:-25px;padding-top:60px;padding-bottom: 50px;width: 100%;height: auto;overflow: hidden;background: #f2f2f3}
.col .col_l{background: #ffffff}
.pro_l{width: 265px; background: #fff;}
.pro_l dl{border:solid 1px;border-image: linear-gradient(to bottom, #025196, #26b9ff) 1;}
.pro_l dl dt{display: block;height:78px;line-height:78px;margin-bottom: 28px; text-align: center; color: #fff; font-size: 24px;background:#025196;}
.pro_l dl dd{width: 230px; line-height: 40px; margin: 0 auto; background: url(../images/a1.png) no-repeat; margin-bottom: 10px;border-radius:20px;}
.pro_l dl dd a { color: #333333; font-size: 15px; padding-left: 27px;display: block;}
.pro_l dl dd:hover{background:url(../images/a12.png),linear-gradient(to right, #025196, #26b9ff);}
.pro_l dl dd:hover a{color:#fff;}
.pro_l .ptel { background: url(../images/t.png) no-repeat; height: 130px; color: #fff; }
.pro_l .fwrx {font-size: 18px; padding-left: 122px; padding-top: 24px;}
.pro_l .ptel h2 { text-align: center; font-size: 30px; font-family: "Arial"; margin-top: 15px; }
.pro_l .add { font-size: 14px; text-align: center; margin-top: 6px; }
.col .col_r{width: 855px;min-height:788px;overflow: hidden;background: #ffffff;padding:0 30px 20px;}
.col .col_r .zxtt { line-height: 60px; position: relative; color: #025196; font-size: 22px;border-bottom: 1px #cccccc solid; text-transform: uppercase; }
.col .col_r .zxtt span{position: relative;display:inline-block;width:auto;text-align: center;padding-left: 15px;}
.col .col_r .zxtt span::after { position: absolute; width:120px; height:2px; background: #00a1cf; bottom:-1px; left:0;content: ''; }
.prodc {width: 100%;gap: 1%;}
.prodc::after { content: ''; flex: auto;width: 24%; }
.prodc li{width:24%; margin-top:16px;border:1px #eeeeee solid}
.prodc li p{ display:inline-block; padding:0 !important; width:100%; transition:all .3s ease;vertical-align: top}
.prodc li p a{ text-align: left;font-size:16px; background: #f0f1f2; color:#333435;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:45px; transition:all .3s ease; padding: 0 30px 0 30px;position: relative;transition: all .3s ease; display:block;}
.prodc li p a:after{content: '+';display: block;position: absolute;top: 0;bottom: 0;margin: auto 0;width: 25px;height: 25px;border-radius: 50%;background: #fff;right: 25px;line-height:25px;text-align: center;font-size: 24px;color: #a3a9ac;font-weight: lighter;transition: all .3s ease;}
.prodc li .img{ overflow:hidden;width: 100%;padding-top: 75%;position: relative;}
.prodc li .img img{ transition:all .6s ease;width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
.prodc li:hover{border:1px #00a1cf solid}
.prodc li:hover .img img{ transform:scale(1.2);}
.prodc li:hover p a{background:linear-gradient(to right, #025196, #26b9ff);color:#fff;}
.prodc li:hover p a:after{transform: rotate(360deg);color: #00a1cf;}
.content1,.content{overflow: hidden;padding: 10px;}
.content1 .pro_img { width:380px;height:285px; margin-top: 20px;border: 1px #ccc dashed;position: relative;overflow: hidden;}
.content1 .pro_img img {border: 1px #EEEEEE solid;position: absolute;margin:10px;}
.content1 .pro_info { width:470px;margin-top: 16px; }
.content1 .pro_info h3 { font-size:22px; border-bottom: 1px dashed #bbb; padding-bottom: 15px; margin-bottom:15px;}
.content1 .pro_info p { font-size:14px; margin-top: 10px; }
.content1 .pro_lx { margin-top:18px; }
.content1 .pro_lx span { display: inline-block; float: left; line-height:48px; font-size:18px; padding-left: 32px; margin-right: 20px; color: #00a1cf; background: url(../images/dh1.svg) left center no-repeat; background-size: 30px 30px; }
.content1 .pro_lx a { display: inline-block; float: left; background: #035d82; color: #FFF; padding: 8px 20px; border-radius: 5px; margin-top:10px;}
.content {margin-top:20px;padding: 10px;}
.content .cpdetail{ font-size: 14px; line-height: 23px;padding: 20px }
.content .cpdetail p{ margin-bottom: 10px; }
.content .cpdetail img{max-width: 100%;}
.con_tit { margin: 10px auto; padding: 5px 0; font-size: 18px; font-weight: 700; background: #f5f5f5; }
.con_tit::before { border-left: 5px solid #00a1cf; content: ""; margin-right: 10px; width: 6px; }
.col .news_list dl { display: block; overflow: hidden; border-bottom: 1px #ccc dotted; padding: 15px 0; margin: 0 1%; }
.col .news_list dl:hover{background: #f5f5f5;}
.col .news_list dl dt { display: block; width: 20%; text-align: center; float: left; }
.col .news_list dl dt a{display: block;position: relative;width: 100%;padding-top:65%;}
.col .news_list dl dt a img{width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
.col .news_list dl dd { display: block; width: 78%; float: right; }

.col .news_list dl dd h4 { font-size: 16px; font-weight: normal; color: #000; margin: 5px 0 10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.col .news_list dl dd p { font-size: 14px; color: #555; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.col .news_list dl dd span { display: block; margin-top:15px; font-size: 12px; color: #999; }
.detail { position: relative; z-index: 1; width: 100%; height: auto; margin: 0 auto; }
.detail{line-height:26px;}
.detail p{margin:8px 0;}
.detail-title h3{ position: relative; width: 100%; padding-left: 15px; margin:30px 0 0 0; line-height: 24px;font-size: 24px;}
.detail-title h3:before { position: absolute; top: 0; left: 0; content: ""; width: 5px; height: 24px; background: #00a1cf; }
.detail-info { margin-top: 20px; text-align: left; overflow: hidden;margin-bottom: 30px; }
.detail-info span { position: relative; float: left; line-height: 20px; color: #afafaf; margin-left: 20px;margin-right: 20px;}
.detail-info span:before {position: absolute; z-index: 9999; left:-20px;top:1px;content: "";width: 18px; height: 18px; background-size:18px 18px;background-repeat:no-repeat;}
.detail-info span:nth-child(1):before {background-image: url(../images/shijian.svg);}
.detail-info span:nth-child(2):before {background-image: url(../images/laiyuan.svg);}
.detail-info span:nth-child(3):before {background-image: url(../images/yuedu.svg);}
.detail-summ { padding: 15px 20px; margin:0 0 30px; font-size: 14px; line-height: 24px; color: #999; text-align: justify; background: #eff9fc; border-left: 3px solid #efefef; }
.detail-summ span{position: relative;margin-left:20px;margin-right:20px;}
.detail-summ span:before{position: absolute; z-index: 9999; left:-23px;top:0px;content: "";width: 18px; height: 18px; background-size:18px 18px;background-repeat:no-repeat;}
.detail-summ span:nth-child(1):before {background-image: url(../images/diqu.svg);}
.detail-summ span:nth-child(2):before {background-image: url(../images/hangye.svg);}
.detail-summ span:nth-child(3):before {background-image: url(../images/yewu.svg);}
.detail-desc { margin-bottom: 30px; }
.detail-desc img{max-width:100%}
.detail-next{ width: 100%; height: 30px; padding: 10px 0; margin-top: 40px; border-top: 1px solid #dfdfdf;display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }