/*特殊字体*/ @font-face { font-family: "DINPro-Medium"; src: url("../font/DINPro-Medium.woff") format("woff"), url("../font/DINPro-Medium.ttf") format("truetype"), url("../font/DINPro-Medium.eot") format("embedded-opentype"), url("../font/DINPro-Medium.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "DIN-Light"; src: url("../font/DIN-Light.woff2") format("woff2"), url("../font/DIN-Light.woff") format("woff"), url("../font/DIN-Light.ttf") format("truetype"), url("../font/DIN-Light.eot") format("embedded-opentype"), url("../font/DIN-Light.svg") format("svg"); font-weight: normal; font-style: normal; } @charset "utf-8"; /*全局样式*/ body{padding: 0;margin: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;background: #fff;} div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;} ul{list-style: none;} a{text-decoration: none;color: #2e2e2e;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} i,em{font-style: normal;} img{display: inline-block;max-width: 100%;height: auto;} /*去掉 input 默认边框*/ input{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;} input[type="submit"]{cursor: pointer;} /*去掉 textarea 默认边框*/ textarea{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;} /*去掉 button 默认边框*/ button{border: 0;padding: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;cursor: pointer;} /*清除浮动*/ .clearfix:after{content: '';display: table;clear: both;} .clearfix{*zoom: 1;/*IE6识别*/} /*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/ input,textarea{outline: none;} /*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/ input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;} /*自定义 input,textarea 的placeholder文字样式*/ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #999;} /*滚动条*/ body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;} body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;} /*常用宽度*/ .w1440{position: relative;margin: 0 10%;} img,em,i,span{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;} /*左右浮动*/ .fl{float: left;} .fr{float: right;} *:focus{outline: none;} /*动画*/ .ani400{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .ani300{-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .bgCover{background-position-x: center;background-position-y: top;background-repeat: no-repeat;background-size: cover;} .bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;} .ov_hide{overflow: hidden;} .fz34{font-size: 34px;line-height: 40px;} .fz60{font-size: 60px;} .fz35{font-size: 35px;} .fz26{font-size: 26px;} .fz24{font-size: 24px;} .fz22{font-size: 22px;} .fz18{font-size: 18px;} .fz16{font-size: 16px;} .fz15{font-size: 15px;} .fz14{font-size: 14px;} /*文字截断*/ .TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .TXTovehid-five{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} .block{display: block;} .bgSize{background-size: 100% 100%;background-repeat: no-repeat;background-position: center;} .fz20{font-size: 20px;} .searIco{background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik04LjMyIDE1LjY5NWMtNC4yNDEgMC03LjY5MS0zLjQ1LTcuNjkxLTcuNjlzMy40NS03LjY5IDcuNjktNy42OSA3LjY5IDMuNDUgNy42OSA3LjY5LTMuNDUgNy42OS03LjY5IDcuNjl6bTAtMTQuMDk2YTYuNDEzIDYuNDEzIDAgMCAwLTYuNDA3IDYuNDA2QTYuNDEzIDYuNDEzIDAgMCAwIDguMzIgMTQuNDFhNi40MTMgNi40MTMgMCAwIDAgNi40MDYtNi40MDYgNi40MTMgNi40MTMgMCAwIDAtNi40MDYtNi40MDZ6Ii8+PHBhdGggZD0iTTE2LjA0OSAxNy40NzhsLTMuNDQ3LTMuMzRhLjczMy43MzMgMCAwIDEgMC0xLjA2Ljc5Ljc5IDAgMCAxIDEuMDkzIDBsMy40NDcgMy4zNGEuNzMzLjczMyAwIDAgMSAwIDEuMDYuNzkuNzkgMCAwIDEtMS4wOTMgMHoiLz48L2c+PC9zdmc+');} .lang{background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuMzYgMTUuMzZDMTMuNTk2IDE3LjEyIDExLjQ3OCAxOCA5IDE4Yy0yLjQ3OSAwLTQuNTk3LS44OC02LjM2LTIuNjRDLjg4IDEzLjU5NiAwIDExLjQ3OCAwIDljMC0yLjQ3Ny44OC00LjU5NyAyLjY0LTYuMzZDNC40MDQuODggNi41MjIgMCA5IDBjMi40NzkgMCA0LjU5Ny44OCA2LjM2IDIuNjRDMTcuMTIgNC40MDQgMTggNi41MjQgMTggOWMwIDIuNDc5LS44OCA0LjU5Ny0yLjY0IDYuMzZ6TS4zOSA4LjYxaDE3LjIxOHYuNzgySC4zOVY4LjYxem0xNC40MzEtNS40MzFDMTMuMjIzIDEuNTgyIDExLjI4Mi43ODMgOSAuNzgzYy0yLjI4MiAwLTQuMjIzLjgtNS44MjEgMi4zOTZDMS41ODIgNC43NzcuNzgzIDYuNzE4Ljc4MyA5YzAgMi4yODIuOCA0LjIyNSAyLjM5NiA1LjgyMUM0Ljc3NyAxNi40MTggNi43MTggMTcuMjE3IDkgMTcuMjE3YzIuMjgyIDAgNC4yMjMtLjggNS44MjEtMi4zOTggMS41OTctMS41OTQgMi4zOTYtMy41MzcgMi4zOTYtNS44MTlzLS44LTQuMjIzLTIuMzk2LTUuODIxem0tMTIuNDI1LjQ0bC4zOS0uNjgzQzQuNDIgMy44NDggNi40OSA0LjMwNCA5IDQuMzA0YzIuNTExIDAgNC41ODEtLjQ1NyA2LjIxMi0xLjM3bC4zOS42ODRjLTEuNzYuOTgtMy45NjEgMS40NjktNi42MDIgMS40NjktMi42NCAwLTQuODQyLS40OS02LjYwNC0xLjQ2N3ptMTIuODE2IDExLjQ0N2MtMS42MzEtLjkxMy0zLjcwMS0xLjM3LTYuMjEyLTEuMzctMi41MTEgMC00LjU4MS40NTctNi4yMTIgMS4zN2wtLjM5LS42ODRjMS43OTItLjk4IDMuOTk0LTEuNDY5IDYuNjAyLTEuNDY5IDIuNjQgMCA0Ljg0Mi40OSA2LjYwNCAxLjQ2N2wtLjM5Mi42ODZ6bS0yLjg4Ni4zNDJDMTEuNDE0IDE3LjEzNiAxMC4zMDUgMTggOSAxOGMtMS4zMDUgMC0yLjQxNC0uODczLTMuMzI2LTIuNjE3QzQuNzYgMTMuNjQgNC4zMDQgMTEuNTEgNC4zMDQgOXMuNDU3LTQuNjM5IDEuMzctNi4zODNDNi41ODYuODczIDcuNjk1IDAgOSAwYzEuMzA1IDAgMi40MTQuODczIDMuMzI2IDIuNjE3LjkxMyAxLjc0NCAxLjM3IDMuODcyIDEuMzcgNi4zODNzLS40NTcgNC42NDYtMS4zNyA2LjQwOHptLS41ODYtMTIuMThDMTAuOTU3IDEuNTk3IDEwLjA0NC43ODIgOSAuNzgyYy0xLjA0NCAwLTEuOTU3LjgxNS0yLjc0IDIuNDQ0QzUuNDc3IDQuODYgNS4wODcgNi43ODIgNS4wODcgOWMwIDIuMjE4LjM5IDQuMTQyIDEuMTczIDUuNzcuNzgzIDEuNjMzIDEuNjk2IDIuNDQ3IDIuNzQgMi40NDcgMS4wNDQgMCAxLjk1Ny0uODE0IDIuNzQtMi40NDYuNzgzLTEuNjMgMS4xNzMtMy41NTMgMS4xNzMtNS43NzFzLS4zOS00LjE0LTEuMTczLTUuNzczek04LjYxLjM5aC43ODJ2MTcuMjE3SDguNjFWLjM5eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');} header{position: fixed;width: 100%;z-index: 3;top: 0;left: 0;} header.headerFix{background: rgba(19,52,123,1);} header.headerFix h1 img{height: 70px;} header.headerFix .nav-1st{margin-top: 0;} header.headerFix h1 {padding-top: 12px;} header.headerFix .topFr{padding-top: 20px; } header h1{padding-top: 21px;} header h1 img{height: 109px;} header .topFr{padding-top: 30px;} header .topFr .item .searIco,header .topFr .item .lang{ width: 20px;height: 20px;cursor: pointer;} header .topFr .item .searIco{margin-right: 40px;} header .topFr .item{position: relative;z-index: 3;} header .topFr .item .phone{font-size:15px; color: #fff;margin-right: 40px;} header .topFr .item .phone i{color: red;font-family:Bodoni Bd BT;font-size:18px;font-weight: bold;} /*语言选择*/ header .topFr .item .list{position: absolute;right: 0;top: 100%;min-width: 80px;padding: 5px 0;background-color: rgba(0,0,0,.7);border-radius: 4px;transform: scaleY(0);transform-origin: top;transition: 0.3s;} header .topFr .item .list li a{display: block;padding: 10px;line-height: 16px;text-align: center;color: #fff;transition: 0.3s;} header .topFr .item .list li a:hover{text-decoration: underline;} header .topFr .item:hover .list{transform: scaleY(1);} header .nav-1st{font-size: 0;white-space: nowrap;margin-top: 10px;} header .nav-1st > li{position: relative;display: inline-block;vertical-align: top;margin: 0 20px;font-size: 14px;} header .nav-1st > li:first-child{margin-left: 0;} header .nav-1st > li:last-child{margin-right: 0;} header .nav-1st > li > a{position: relative;display: block;font-size: 20px;line-height: 40px;color: #fff;transition: 0.3s;} header .nav-1st > li > a:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background-color: #187BD7;transform: scaleX(0);transition: 0.5s;} header .nav-1st > li:hover > a:after{transform: scaleX(1);} header .nav-1st > li.on > a:after{transform: scaleX(1);} header .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100%;width: 100%;min-width: 140px;padding: 8px 0;background-color: rgba(0,0,0,.5);border-radius: 4px;transform: translateX(-50%);} header .nav-2nd > li{position: relative;} header .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;color: #fff;white-space: pre-wrap;} header .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s;} header .nav-2nd > li > a:hover{background-color: #2F81D1;} header .nav-2nd > li > a:hover:before{top: 0;height: 100%;} header .nav-1st .nav-3rd{z-index: -1;position: absolute;left: 100%;top: -8px;width: 140px;padding: 8px 0;background-color: rgba(0,0,0,.5);border-radius: 5px;transform: translateY(10px);opacity: 0;transition: 0.3s;} header .nav-1st .nav-3rd > li{} header .nav-1st .nav-3rd > li > a{display: block;padding: 10px;font-size: 12px;line-height: 16px;text-align: center;color: #fff; white-space: pre-wrap;} header .nav-1st .nav-3rd > li > a:hover{background-color: #2F81D1;} header .nav-1st .nav-2nd > li:hover .nav-3rd{z-index: 1;transform: translateY(0);opacity: 1;} /*手机导航按钮*/ .menuLine{display: none;width: 25px;float: right;margin-left: 40px;} .menuLine span{display: block;width: 100%;height: 2px;background: #fff;border-radius: 2px;animation: navBtn 2s infinite ease;} .menuLine span:nth-child(2){margin: 6px 0;animation-delay: 0.5s;} .menuLine span:nth-child(3){animation-delay: 1.0s;} @keyframes navBtn{ 50%{width: 60%;} 100%{width: 100%;} } /*搜索弹窗*/ .popup-search-wrap,.popup-search-wrap2{position: absolute;left: 50%;top: 50%;width: 80%;transform: translate(-50%,-50%);} .popup-search-wrap .text-input{width: 100%;height: 40px;padding: 0 50px 0 10px;border: 1px solid #eee;box-sizing: border-box;} .popup-search-wrap .sub-btn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: #13347B url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=") center no-repeat;background-size: 20px 20px;} .poHidden{position: relative;overflow: hidden;} .banner{height: calc(100vh - 70px);} .banner a{height: 100%;} .banbtn{position: absolute;width: 60px;height: 60px;top: 50%;z-index: 2;cursor: pointer;} .banbtn.prev{left: -5%;} .banbtn.next{right: -5%;} .banner:hover .banbtn.prev{left: 2%;} .banner:hover .banbtn.next{right: 2%;} /* 首页大背景 */ .indexBg{background: url(../images/indexbg.jpg) center top repeat-y;} /* 搜索 */ .indexOne{box-shadow: 0 2px 15px #BABABA;padding: 0 47px;margin-top: 80px;position: relative;z-index: 2;background: #fff;box-sizing: border-box;} .indexOne .hot{color: #13347B;line-height: 22px;display: flex;padding: 50px 0;} .indexOne .hot i{margin-right: 25px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyNCAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44ODggMzBTLTQuNDE2IDI3LjA3MyAxLjUzIDEyLjU0OWMwIDAgMS4zNSAxLjYxNCAxLjE2NCAyLjM5IDAgMCAxLjA1OS0zLjY2NSAzLjM0My01Ljg1NUM3Ljk5OCA3LjIwMiA5Ljk5IDEuOTEyIDguMTUzIDBjMCAwIDkuMTAzIDEuOTEyIDEwLjExNiAxMS40NzQgMCAwIDEuMTY1LTMuMDQ3IDMuNTU1LTMuMzQ4IDAgMC0uNzM1IDEuNjc0IDAgNC4xODUgMCAwIDcuNTQgMTIuOTA4LTUuNDU0IDE3LjI3IDAgMCAzLjg5NS00LjQyMy00LjM2Ni0xMi4wMTMgMCAwLTEuOTQ4IDQuMDY1LTMuMTEzIDUuNDk3LS4wMDMuMDA0LTMuMjUyIDMuNjQ3LS4wMDMgNi45MzV6IiBmaWxsPSIjQzkxRDFEIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');width: 22px;height: 22px;display: inline-block;} .idxOneRight{width: 63%;display: flex;padding-top: 37.5px;} .idxOneRight select,.idxOneRight input[type=text]{margin-right: 3%;width: 25%;height: 46px;border: 1px solid #999999;line-height: 46px;border-radius: 4px;color: #666;padding: 0 10px;box-sizing: border-box;font-size: 16px;} .idxOneRight select option,.proBanner form select option{line-height: 2;font-size: 14px;} .idxOneRight input[type=submit]{background-image: url(../images/ico1.svg);background-color: #13347B;background-repeat: no-repeat;background-position: 80% center;color: #fff;font-size: 16px;line-height: 46px;height: 46px;width: 15%;border-radius: 4px;text-align: left;padding-left: 4%;box-sizing: border-box;} /*首页公用标题*/ .indexTit h5{position: relative;color: #333;padding-bottom: 20px;} .indexTit h5::before,.indexTit h5::after{content: '';position: absolute;} .indexTit h5::before{width: 40px;height: 3px;background: #13347B;left: 0;bottom: 0;} .indexTit h5::after{width: 3px;height: 3px;background: #C91D1D;left: 43px;bottom: 0;} /*产中中心一级栏目*/ .indexTwo{margin-bottom: 50px;margin-top: 90px;} .indexTwo .gallery-thumbs{width: calc(100% - 600px);margin-right: 115px;color: #666;text-align: center;line-height: 30px;margin-top: 13px;} .indexTwo .gallery-thumbs .swiper-slide:after{width: 1px;height: 16px;background: #999;content: '';position: absolute;right: 1px;top: 50%;margin-top: -8px;} .indexTwo .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{color: #13347B;} .indexTwo .gallery-thumbs .swiper-slide{cursor: pointer;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /*产品中心大切换按钮*/ .thumb_btn span{display: inline-block;cursor: pointer;} .thumb_btn{margin-top: 17px;} .thumb_btn span img{width: 14px;height: 12px;} .thumb_btn span:first-child{margin-right: 15px;} .thumb_btn span.swiper-button-disabled{opacity: 0.5;} /* 左侧子栏目 */ .idxProLeft{width: 360px;padding-left: 30px;position: absolute;z-index: 2;} .idxProLeft h3,.idxProLeft h4,.gaNum,.idxPrRightSwiper .swiper-pagination{font-family: "DINPro-Medium";} .idxProLeft h3{position: absolute;color: #13347B;left: 0;width: 20px;text-align: center;} .idxProLeft h4{margin-top: 25px;} .idxProLeft h4,.idxProLeft h5{text-align: center;color: #13347B;} .idxProLeft h5{height: 66px;margin: 10px 0 20px;} /*左侧控制右侧图片的栏目名称*/ .idxProLeft .idxPrLeftSwiper {margin-bottom: 85px;height: 160px;} .idxProLeft .idxPrLeftSwiper .swiper-slide{line-height: 40px;color: #666;font-size: 16px;cursor: pointer;padding-left: 17px;} .idxProLeft .idxPrLeftSwiper .swiper-slide::before{width: 4px;height: 1px;background: #666;content: '';display: inline-block;float: left;margin-top: 20px;margin-right: 10px;} .idxProLeft .idxPrLeftSwiper .swiper-slide.swiper-slide-thumb-active{color: #13347B;} .idxProLeft .idxPrLeftSwiper .swiper-slide.swiper-slide-thumb-active::before{background: #13347B;} /*左侧控制右侧图片按钮*/ .proBtn span{border:1px solid #13347B;float: left;width: 46px;height: 34px;display: inline-block;text-align: center;cursor: pointer;} .proBtn span img{position: relative;top: 5px;} .proBtn span:first-child{border-right: 0;} .proBtn span:hover{background: #13347B;} .proBtn span:hover img{filter: brightness(0) invert(1);} /*滑动进度条*/ .thumbsPage{width: 4px;height: 430px;position: absolute;left: 8px !important;top: 27px !important;height: calc(100% - 54px) !important;} .swiper-pagination-progressbar.thumbsPage{background: #D4D4D4 !important;} .swiper-pagination-progressbar.thumbsPage .swiper-pagination-progressbar-fill{background: #13347B !important;} /*显示外层栏目个数*/ .gaNum{width: 20px;text-align: center;color: #333;position: absolute;bottom: 0;} /*外层切换的内容框*/ .gallery-top{margin-top: 40px;margin-left: 10%;position: relative;} /*内层图片切换区域*/ .idxPrRightSwiper{width: calc(95% - 390px);height: 483px;position: relative;overflow: hidden;} .idxPrRightSwiper .swiperBox{width: 72%;} .idxPrRightSwiper .swiper-slide a{position: relative;padding-bottom: 483px; background: url(../images/probg.jpg) center no-repeat;background-size: cover;} .idxPrRightSwiper .swiper-slide a span.title{position: absolute;width: 90%;left: 5%;bottom: 45px; color: #333;line-height: 26px;} .idxPrRightSwiper .swiper-slide a span.img{position: absolute;width: 90%;height:90%;top: 5%;left: 5%; background-repeat: no-repeat;background-position: center center;background-size: contain;} /*方框动画*/ .idxPrRightSwiper .box{width: calc(100% - 40px);height: 443px;position: absolute;left: 20px;top:20px;} .idxPrRightSwiper .box svg{position: absolute;left: -2px;top: -2px;z-index: 2;opacity: 0.5;} .idxPrRightSwiper .box svg path{stroke-dasharray: 3500;stroke-dashoffset: 3500;} @-webkit-keyframes pathAni{0%{stroke-dashoffset:3500; }100%{stroke-dashoffset:0;}} @keyframes pathAni{0%{stroke-dashoffset:3500; }100%{stroke-dashoffset:0;}} .idxPrRightSwiper .swiper-slide.swiper-slide-active .box svg path{-webkit-animation: pathAni 3s linear forwards;animation: pathAni 3s linear forwards;} /*产品内层图片切换的数字*/ .idxPrRightSwiper .swiper-pagination{position: absolute;left: 62%;bottom: 30px;font-size: 24px;width: auto;color: #999;font-weight: 300;} .idxPrRightSwiper .swiper-pagination .swiper-pagination-current{font-size: 48px;color: #13347B;} /* 产品区域end */ .indexThree{background-image: url(../images/idxbg2.jpg);padding: 60px 0 50px;} .idxThreeLeft .indexTit h5{color: #fff;} .idxThreeLeft .indexTit h5::before{background: #fff;} .idxThreeLeft{width: 17.5%;} .idxThreeLeft .txt{color: #fff;line-height: 32px;margin-top: 27px;height: 180px;} .indexThree .img{position: absolute;right: 0;top: 0;height: 100%;width: 67.8%;} .idxThreeSwiper{width: 100%;} .idxThreeSwiper a{background: #fff;padding: 24px 30px;position: relative;} .idxThreeSwiper a > span{position: relative;z-index: 2;} .idxThreeSwiper a .title{display: flex;line-height: 40px;height: 40px;justify-content: space-between;} .idxThreeSwiper a .title em{position: relative;padding-left: 35px} .idxThreeSwiper a .title em::before{width: 16px;height: 2px;background: #13347B;content: '';position: absolute;left: 0;top: 50%;margin-top: -1px;} .idxThreeSwiper a .title i{text-align: right;opacity: 0.17;} .idxThreeSwiper a .txt{line-height: 32px;color: #666;margin-top: 24px;margin-bottom: 4px;height: 64px;} .idxThreeSwiper a::before{width: 100%;position: absolute;content: '';top: 0;height: 0;background: #13347B;left: 0;transition: all 0.3s ease-out;} .idxThreeSwiper a:hover::before{height: 100%;} .idxThreeSwiper a:hover .title em,.idxThreeSwiper a:hover .txt{color: #fff;} .idxThreeSwiper a:hover .title em::before{background: #fff;} .idxThreeSwiper a:hover .title i{filter: brightness(0) invert(1);opacity: 1;} /* 技术与服务 */ .indexFour{margin-top: 90px;margin-bottom: 90px;} .indexTit a,.indexFive .wrap li.text .more{overflow: hidden;position: absolute;right: 0;top: 5px;border: 1px solid #D4D4D4;padding: 0 50px; height: 48px;line-height: 48px;text-align: center;border-radius: 25px;color: #999;} .indexTit a span,.indexFive .wrap li.text .more span{position: relative;} .indexTit a span:after,.indexFive .wrap li.text .more:after{content: '';width: 14px;height: 14px;background: url(../images/more.svg) no-repeat center;display: inline-block;margin-left: 10px;} .indexTit a:before,.indexFive .wrap li.text .more::before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #13347B;transform: skew(50deg) scaleX(0);transform-origin: left bottom;} .indexTit a:hover,.indexFive .wrap li.text .more:hover{background-color: rgba(255,255,255,0);transition: 0.5s;} .indexTit a:hover:before,.indexFive .wrap li.text .more:hover::before{transform: skew(50deg) scaleX(1.5);transition: 0.5s ease-in;} .indexTit a:hover,.indexFive .wrap li.text .more:hover{color: #fff;} .idxFour{margin-top: 40px;display: flex;flex-wrap: wrap;justify-content: space-between;} .idxFour .swiper-slide{height: 246px;background: #F1F2F5;overflow: hidden;width: calc((100% - 60px ) / 3);} .idxFour .swiper-slide:nth-child(1),.idxFour .swiper-slide:nth-child(2),.idxFour .swiper-slide:nth-child(3){margin-bottom: 30px;} .idxFour .swiper-slide a{padding: 40px 36px 44px;position: relative;height: 100%;box-sizing: border-box;} .idxFour .swiper-slide a span{z-index: 2;} .idxFour .swiper-slide a .img{z-index: 1;height: 100%;position: absolute;width: 100%;left: 0;top: 0;opacity: 0;transition: all 0.3s ease-in;overflow: hidden;} .idxFour .swiper-slide a .img img{position: absolute;opacity: 0;} .idxFour .swiper-slide a .img:after{width: 100%;position: absolute;content: '';height: 100%;top: 0;left: 0;background: rgba(19,52,123,0.65);} .idxFour .swiper-slide a .time{position: absolute;left: 36px;top: 0;text-align: right;font-family: "DINPro-Medium";} .idxFour .swiper-slide a .time *{display: block;} .idxFour .swiper-slide a .time i{color: #999;} .idxFour .swiper-slide a .time em{color: #333333;font-weight: bold;} .idxFour .swiper-slide a .text{position: relative; padding-left: 130px;padding-right: 20px;} .idxFour .swiper-slide a .text .title{font-weight: bold;color: #333;margin-bottom: 16px;} .idxFour .swiper-slide a .text .txt{color: #333;line-height: 30px;margin-bottom: 27px;height: 60px;display: none;} .idxFour .swiper-slide a:after{width: 51px;height: 56px;content: '';position: absolute;background: url(../images/ico8.svg) no-repeat;left: 36px;bottom: 44px;opacity: 0.4;display: none;} .idxFour .swiper-slide a .img{opacity: 1;} .idxFour .swiper-slide a .time *,.idxFour .swiper-slide a .text *{color: #fff !important;} .idxFour .swiper-slide a .text .more,.indexFive .wrap li.text .more:after{filter: brightness(0) invert(1);} .idxFour .swiper-slide a:after{filter: brightness(0) invert(1);z-index: 2;opacity: 0.6;} .idxFour .swiper-slide a:hover .img{transform: scale(1.05);} .idxFour .swiper-slide a .wrap{position: absolute;bottom: 0;left: 0;} .idxFour .swiper-slide a:hover .wrap{bottom: 20px;} /* 新闻end */ .indexFive{background: url(../images/bg3.jpg) center top no-repeat;margin-bottom: 90px;} .indexFive .number{padding: 139px 7% 100px;display: flex;color: #fff;justify-content: space-between;text-align: center;} .indexFive .number li .num{font-weight: bold;position: relative;line-height: 60px;} .indexFive .number li .num::before{width: 2px;height: 60px;background: #fff;content: '';left: -15px;top: 0;position: absolute} .indexFive .wrap{display: flex;justify-content: space-between;} .indexFive .wrap li.video{width: 48.75%;position: relative;} .indexFive .wrap li.video a{padding-bottom: 318px;} .indexFive .wrap li.video a span.title{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(../images/video.svg) left center no-repeat;padding-left: 100px;line-height: 70px;color: #fff;} .indexFive .wrap li.text{width: 49.8%;background: #F7F7F7;padding: 45px 45px 38px;box-sizing: border-box;} .indexFive .wrap li.text .txt{margin: 30px 0;line-height: 32px;color: #333;} .indexFive .wrap li.text .more{position: relative;float: right;} /* 关于我们 end */ footer{position: relative;border-top: 10px solid #4BADEC;background: #F5F5F5;} .foot_logo{z-index: 2;background: #E1E1E1;width: 20.8%;text-align: center;position: absolute;left:10%;top: -32px; height: 551px;font-size: 0;line-height: 551px;height: calc(100% + 32px);} .foot_logo:after{content: '';position: absolute;right: -20px;top:9px; border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #999;transform: rotate(225deg);} .foot_logo img{vertical-align: middle;max-width: 90%;} footer ul.footOne{padding: 35px 10% 35px 34%;display: flex;justify-content: space-between;box-sizing: border-box;} footer ul.footOne li h5{color: #333;margin-bottom: 15px;margin-top: 1px;} footer ul.footOne li{line-height: 32px;} footer ul.footOne li a{font-size: 15px;color: #5e5e5e;} footer ul.footOne li a:hover{color: #C91D1D;} .footTwo{background: #222;padding: 36px 10% 22px 34%;color: #fff;box-sizing: border-box;} .footTwo .footAdd{line-height: 28px;} .footTwo .footEwm{background: url(../images/ewmbg.png) no-repeat center;width: 120px;height: 120px;text-align: center;} .footTwo .footEwm img{width:99px ;height: 99px;margin-top: 10.5px;} /*下拉友情链接*/ .footThree{padding: 25px 0 12px;} .copyright{line-height: 36px;} .dmui-select{z-index: 1;position: relative;width: 242px;} .dmui-select .name{position: relative;box-sizing: border-box;height: 36px;padding: 0 30px 0 10px;background-color: rgba(2555,255,255,0.13);border: 1px solid #999;color: #fff;line-height: 34px;cursor: pointer;user-select: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 25px;} .dmui-select .name:after{content: "";position: absolute;right: 10px;top: 50%;width: 6px;height: 6px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(45deg) translate(-50%,-50%);} .dmui-select .list{display: none;position: absolute;left: 0;width: 100%;max-height: 150px;background-color: #fff;overflow-y: auto;box-shadow: 0 0 6px rgba(0,0,0,.2);overscroll-behavior: contain;} .dmui-select .list li a{display: block;padding: 10px;border: 1px solid #eee;border-bottom: 0;font-size: 12px;line-height: 16px;transition: 0.3s;} .dmui-select .list li a:hover{background-color: #1890FF;color: #fff;} /* index end */ .nheader.headerFix{background: rgba(255,255,255,0.95);} .nbanner{margin-top: 140px;} .nbanner .w1440{padding-bottom: 320px;} header.nheader .topFr .item .searIco, header.nheader .topFr .item .lang{filter: brightness(0) invert(0);} header.nheader .nav-1st > li > a{color: #333;} .nbanTxt{color: #fff;position: absolute;width: 100%;top: 50%;transform: translateY(-95%);} .fz46{font-size: 42px;font-weight: normal;} .location{background: url(../images/home.svg) left center no-repeat;padding-left: 36px;margin-top: 10px;} .location a{color: #fff;} .location em{font-family: simsun; padding: 0 10px;} .nNav{border-bottom: 1px solid #E9E9E9;text-align: center;} .nNav a{display: inline-block;line-height: 2;padding: 25px 0;color: #333333;position: relative;margin-left: 90px;} .nNav a:first-child{margin-left: 0;} .nNav a:after{width: 100%;content: '';position: absolute;background: #13347B;height: 2px;bottom: 0;left: 0;transform: scale(0);transition: all 0.3s ease-in-out; } .nNav a.on:after,.nNav a:hover:after{transform: scale(1);} .nNav a.on,.nNav a:hover{color: #13347B;} .fz32{font-size: 32px;} .nTitle{text-align: center;line-height: 1;padding:80px 0 40px;} .nTitle .title{padding-bottom: 13px;} .nTitle span{width: 32px;height: 2px;background: #13347B;display: block;margin: auto;position: relative;animation: navBt2 2s infinite ease;} .nTitle span::before,.nTitle span::after{content: '';width: 2px;height: 2px;background: #C91D1D;position: absolute;} .nTitle span::before{left: -4px;} .nTitle span::after{right: -4px;} @keyframes navBt2{ 50%{width: 15px;} 100%{width: 32px;} } /*联系我们*/ .list_contact{margin-bottom: 146px;} .mapBox{width: 100%;position: relative;} .mapBox iframe{width: 85%;height: 620px;} .mapWrap{width: 424px;background: #fff;padding: 30px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);box-shadow: 0 0 15px rgba(0,0,0,0.1);box-sizing: border-box;} .mapWrap li{padding-left: 50px;line-height: 2;position: relative;color: #333;} .mapWrap li img{position: absolute;left: 0;top: 0;} .bgImg{background: url(../images/indexbg.jpg) center ;} .nMore{border: 1px solid #D4D4D4;width: 164px;height: 48px;line-height: 48px;border-radius: 25px;display: inline-block;text-align: center;position: relative;overflow: hidden;} .nMore::before{width: 300px;height: 300px;border-radius: 50%;position: absolute;left:-100px;top:-100px;content: '';background: linear-gradient(to right,#187BD7,#0554A7);transform: scale(0);transition: all 0.6s ease-in-out;} .nMore span{position: relative;z-index: 2;color: #999;} .nMore span:after{content: '';width: 14px;height: 14px;background: url(../images/more.svg) no-repeat center;display: inline-block;margin-left: 10px;transition: all 0.3s ease-in-out;position: relative;top: 1px;} .nMore:hover::before,.NewsTuwenTwo:hover dd a .nMore::before{transform: scale(1);} .nMore:hover span,.NewsTuwenTwo:hover dd a .nMore span{color: #fff;} .nMore:hover span:after,.NewsTuwenTwo:hover dd a .nMore span:after{filter: brightness(0) invert(1);} /*公司新闻*/ .NewsTuwenOne{display: flex;justify-content: space-between;background: #F9F9F9;margin: 80px 0 60px;} .NewsTuwenOne dt{width: 680px;} .NewsTuwenOne dt a{padding-bottom: 397px;position: relative;overflow: hidden;} .NewsTuwenOne dt a img{position: absolute;opacity: 0;} .NewsTuwenOne dd{padding: 0 50px;width: calc(100% - 680px);box-sizing: border-box;} .NewsTuwenOne dd .title{line-height: 2;font-weight: bold;color: #333;margin: 30px 0 15px;} .NewsTuwenOne dd .time{color: #666;margin-bottom: 25px;} .NewsTuwenOne dd .txt{line-height: 2;margin-bottom: 60px;color: #666;} .NewsTuwenTwo{display: flex;justify-content: space-between;border-bottom: 1px solid #E9E9E9;flex-wrap: wrap;} .NewsTuwenTwo dt{width: 396px;padding: 25px;} .NewsTuwenTwo dt a{padding-bottom: 230px;display: block;position: relative;} .NewsTuwenTwo dt a img{position: absolute;opacity: 0;} .NewsTuwenTwo dd{width: calc(100% - 446px);padding: 25px;box-sizing: border-box;} .NewsTuwenTwo dd a .title{color: #333;line-height: 1.8;} .NewsTuwenTwo dd a .text{color: #666666;line-height: 2;margin: 13px 0;} .NewsTuwenTwo dd a .time{color: #666;line-height: 2;margin-bottom: 17px;} .NewsTuwenTwo:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);background: #fff;} .NewsTuwenTwo:hover dd a .title{color: #13347B;font-weight: bold;} .page a.btn:before {content: "";position: absolute;left: 50%;top: 50%;width: 30%;height: 30%;border: 1px solid transparent;border-left-color: currentColor;border-top-color: currentColor;} .page{text-align: center;line-height: 40px;display: flex;justify-content: center;padding: 80px 0;} .page a{color: #999;margin: 0 20px;} .page a.on,.page a:hover,.contPage a:hover{color: #13347B;} .page a.btn{width: 40px;height: 40px;position: relative;} .page a.btn.prev:before {transform: translate(-30%,-50%) rotate(-45deg);} .page a.btn.next:before {transform: translate(-70%,-50%) rotate(135deg);} .page select{border:none;color: rgba(0,0,0,0.65);font-size: 16px;} /* 公司活动 */ .list_activity{display: flex;flex-wrap: wrap;padding-top: 80px;} .list_activity .item{width: 33.3%;position: relative;} .list_activity .item:after,.list_activity .item:nth-child(3n+1):before{width: 1px;height: 100%;content: '';position: absolute;top:0;right: 0;background: #E4E4E2;} .list_activity .item:nth-child(3n+1):before{right: auto;left: 0;} .list_activity .item a{padding: 40px 45px;box-sizing: border-box;position: relative;} .list_activity .item a .time{color: #666;} .list_activity .item a .title{color: #333;line-height: 32px;height: 64px; margin: 20px 0 30px;} .fz19{font-size: 19px;} .list_activity .item a .name{line-height: 1.38;margin-bottom: 20px;} .list_activity .item a .img{padding-bottom: 65%;margin-bottom: 40px;} .list_activity .item a .jiantou{filter: brightness(0) invert(0.6);} .list_activity .item a:after{background:radial-gradient( #187BD7, #0554A7);position: absolute;content: '';top: 0;left: 0;width: 0;height: 100%;transition: all 0.4s ease-in-out;} .list_activity .item a:hover:after{width: 100%;} .list_activity .item a > *{position: relative;z-index: 2;} .list_activity .item a:hover > *{color: #fff;} .list_activity .item a:hover .jiantou{filter: brightness(0) invert(1);} /* 新闻详情 */ .cont_news{padding: 70px 0 30px;margin: auto;max-width: 850px;} .contTitle{text-align: center;line-height: 2;color: #333;padding-bottom: 30px;} .contTime{border-bottom: 1px solid #E9E9E9;text-align: center;color: #666;padding-bottom: 30px;margin-bottom: 30px;} .contTime em{display: inline-block;margin: 0 35px;} .contTime em img{position: relative;top: 5px;margin-right: 10px;} .contWrap{color: #666;line-height: 2;padding-bottom: 80px;} .contWrap img,.contWrap table,.contWrap iframe,.contwrap img,.contwrap iframe,.contwrap table{max-width: 100%;;} .contwrap ul{list-style:inherit ;list-style-type:decimal;padding-left: 30px;} .contwrap2 ul{list-style: none;} .contPage{display: flex;justify-content: space-between;border-top: 1px solid #e9e9e9;line-height: 1;padding: 54px 0;} .contPage a{color: #666;} .contPage .contCenter a{background: url(../images/cont4.svg) left center no-repeat;padding-left: 40px;} .contPageLeft,.contPageRight{max-width: calc((100% - 150px) / 2);line-height: 24px;} .contPageLeft::before,.contPageRight:after{width: 24px;height: 24px;content: '';display: inline-block;filter: brightness(0) invert(0.5);transition: all 0.4s ease-in-out;} .contPageLeft::before{background: url(../images/left2.svg) center no-repeat;float: left;margin-right: 20px;} .contPageRight::after{background: url(../images/right2.svg) center no-repeat;float: right;margin-left: 20px;} .contPageLeft:hover::before,.contPageRight:hover::after{filter: none;} /* 文字新闻 */ .list_news_txt{padding-top: 80px;} .list_news_txt dl{display: flex;flex-wrap: wrap;border-bottom: 1px solid #E9E9E9;padding: 26px 0;} .list_news_txt dl:first-child,.list_down ul li:first-child{border-top: 1px solid #E9E9E9;} .list_news_txt dl dt{width: 160px;padding-top: 3px;} .list_news_txt dl dt a span.time{color: #999;font-family: "DIN-Light";font-weight: 300;} .list_news_txt dl dt a span.right{height: 21px;display: inline-block;margin-top: 57px;} .list_news_txt dl dt a span.right img{margin-top: 1px;} .list_news_txt dl dd{width: calc(100% - 160px);padding-left: 132px;box-sizing: border-box;position: relative;} .list_news_txt dl dd .title{line-height: 1.2;color: #333;margin-bottom: 12px;padding-top: 3px;} .list_news_txt dl dd .txt{color: #666;line-height: 2;} .list_news_txt dl dd::before{width: 100px;background: #D1D1D1;height: 1px;content: '';position: absolute;left: 0;top:17px} .list_news_txt dl:hover dt a span.right{padding: 0 19px;background: linear-gradient(to right,#187BD7,#0554A7);border-radius: 20px;} .list_news_txt dl:hover dt a span.right img{filter: brightness(0) invert(1);} .list_news_txt dl:hover dt a span.time,.list_news_txt dl:hover dd a span.title,.list_down ul li a:hover,.list_video ul li a:hover span.title{color: #13347B;} .list_news_txt dl:hover dd a span.title{transform: translateX(14px);} /* 下载 */ .down_btn{text-align: center;padding: 80px 0 40px;} .down_btn a{display: inline-block;width: 150px;line-height: 46px;color: #333;border-radius: 25px;margin: 0 20px;} .down_btn a.on,.down_btn a:hover{background: linear-gradient(to right,#187BD7,#0554A7);color: #fff;} .list_down ul,.list_product ul {min-height: 500px;} .list_down ul li {display: flex;justify-content: space-between;line-height: 40px;padding: 20px 30px;border-bottom: 1px solid #e9e9e9;flex-wrap: wrap;} .list_down ul li span.title{color: #333;width: calc(84.8% - 320px);} .list_down ul li span.time,.list_down ul li a{color: #999;} .list_down ul li img{position: relative;top: 5px;margin-right: 10px;} .list_down ul li a{margin-left: 7.6%;} .list_down ul li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);} /* 视频列表 */ .list_video ul {display: flex;justify-content: space-between;flex-wrap: wrap;} .list_video ul li{width: 30%;margin-top: 80px;} .list_video ul li a{display: block; border: 1px solid #E9E9E9;} .list_video ul li span.img{padding-bottom: 70%;position: relative;} .list_video ul li span.gray{width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0.58);} .list_video ul li span.gray img{position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;} .list_video ul li span.title{padding: 20px 0;line-height: 2;text-align: center;display: block;} .list_video ul li a:hover{box-shadow:0 0 15px rgba(0,0,0,0.1);} .list_video ul li a:hover span.title{transform: translateY(-5px);} .list_video ul li a:hover span.gray{background: rgba(0,0,0,0.28)} .list_video ul li span.title i{margin: 0 40px;} .fwb{font-weight: bold;} /* 招聘 */ .list_job{padding: 80px 0;} .list_job dt{background: linear-gradient(to right,#2B64B2,#2E6FCA,#13347B);color: #fff;line-height: 36px;padding: 30px 5%;display: flex;text-align: left;} .list_job dt span:nth-child(1),.list_job dt span:nth-child(2),.list_job dt span:nth-child(3),.list_job dt span:nth-child(4),.list_job dd li .title span:nth-child(1),.list_job dd li .title span:nth-child(2),.list_job dd li .title span:nth-child(3),.list_job dd li .title span:nth-child(4){width: 23.5%;} .list_job dt span:nth-child(5),.list_job dd li .title span:nth-child(5){width:75px ;text-align: center;height: 48px;} .list_job dd li .title span img{transform: rotate(-90deg);} .list_job dd li .title{height: 48px;line-height: 48px;padding: 24px 5%;display: flex;text-align: left;align-items: center;color: #333;} .list_job dd li{border: 1px solid #e9e9e9;border-top: none;} .list_job dd .wrap{margin: 0 5%;border-top: 1px solid #e9e9e9;padding: 30px 0;display: none;} .list_job dd .wrap h6{color: #333;line-height: 1;padding: 5px 0 15px;} .list_job dd .wrap .text{color: #333;line-height: 2;margin-bottom: 30px;} .list_job dd .wrap .contUs{line-height: 2.2;} /* .list_job dd li:first-child .wrap { display: block; } */ .list_job dd li.on .title span img{transform: rotate(0);} /* 线上报修 */ .list_repair{background: url(../images/serbg.jpg) top center no-repeat;} .list_repair .text{color: #fff;padding: 88px 0 108px;line-height: 1.2;text-align: center;} .list_repair li{border: 1px solid #E9E9E9;background: #fff;width: 30.2%;text-align: center;margin-bottom: 100px;margin: 0 10px;} .list_repair ul {display: flex;justify-content: center;} .list_repair li img{margin-bottom: 63px;} .list_repair li a{color: #333;padding: 59px 0 72px;} .list_repair li:hover{transform: translateY(-20px);box-shadow: 0 0 15px rgba(0,0,0,0.15);} .list_repair li:hover a {font-weight: bold;} /* 产品列表 */ .list_product ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 10px;} .list_product ul li{width: 30%;margin-top: 70px;} .list_product ul li a{position: relative;display: block;} .list_product ul li a span.img{padding-bottom: 65%;display: block;} .list_product ul li a span.text{position: absolute;width: 100%;bottom: 0;left: 0;background: linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0));color: #fff;padding: 15px 20px;box-sizing: border-box;} .list_product ul li a span.text .name{line-height: 30px;} .list_product ul li a span.text .more{height: 0;display: block;overflow: hidden;position: relative;margin-top: 4px;} .list_product ul li a span.text .more:after,.list_product ul li a span.text .more::before{content: '';position: absolute;bottom: 0;left: 0;height: 1px;} .list_product ul li a span.text .more:after{width: 0px;background: #fff;animation: proline 4s infinite ease;} .list_product ul li a span.text .more::before{width: 72px;background: linear-gradient(to right,#187BD7,#0554A7);} @keyframes proline{ 0%{width: 0;} 50%{width: 48px;} 100%{width:0 ;} } .list_product ul li a:hover span.text .more{height: 20px;padding-bottom: 10px;margin-bottom: 5px;} /* 报修 */ .cont_repair1 .form {padding-bottom: 150px;} .cont_repair1 .form .wrap,.cont_repair1 .form .wrap .item4{display: flex;flex-wrap: wrap;justify-content: space-between;} .cont_repair1 .form .wrap .item,.cont_repair1 .form .wrap .item2{width: 23.6%;margin-bottom: 30px;} .cont_repair1 .form .wrap .item.item3{width: 41.6%;} .cont_repair1 .form .wrap label,.popup-search-wrap2 .wrap label{color: #333;position: relative;line-height: 40px;} .cont_repair1 .form .wrap label:after,.popup-search-wrap2 .wrap label:after{content: '*';color: #C91D1D;font-size: 16px;} .cont_repair1 .form .wrap input,.cont_repair1 .form .wrap select,.cont_repair1 .form .wrap textarea,.popup-search-wrap2 .wrap .item input{border:1px solid #C2C2C2;background: #fff;border-radius: 5px;display: block;width: 100%;height: 46px;line-height: 46px;font-size: 16px;color: #333;text-indent: 20px;} .cont_repair1 .form .wrap .item.itemtime .layui-input-inline{display: flex;justify-content: space-between;} .cont_repair1 .form .wrap .item.itemtime .layui-input-inline div:first-child{width: 56.6%;position: relative;} .cont_repair1 .form .wrap .item.itemtime .layui-input-inline div:last-child{width: 36.6%;position: relative;} .cont_repair1 .form .wrap .item.itemtime .layui-input-inline div:first-child:after{content: '';position: absolute;background: url(../images/Calendar.svg) center no-repeat;width: 40px;height: 40px;right: 0;top: 50%;margin-top: -20px;} .cont_repair1 .form .wrap .item.itemtime .layui-input-inline div:last-child:after{content: '';position: absolute;background: url(../images/time.svg) center no-repeat;width: 40px;height: 40px;right: 0;top: 50%;margin-top: -20px;} .layui-laydate-header i.laydate-next-m:after{content: '>';font-family: simsun;} .layui-laydate-header i.laydate-prev-m:after{content: '<';font-family: simsun;} .layui-laydate-header i.laydate-next-y:after{content: '>>';font-family: simsun;} .layui-laydate-header i.laydate-prev-y:after{content: '<<';font-family: simsun;} .cont_repair1 .form .wrap.wrap100 .item,.cont_repair1 .form .wrap.wrap100{width: 100%;} .cont_repair1 .form .wrap.wrap100 .item textarea{height: 118px;} .cont_repair1 .form .wrap.wrap100 .item.itemtextarea{width: calc(100% - 220px);} .cont_repair1 .form .wrap.wrap100 .item.itemUp{width: 190px;} .cont_repair1 .form .wrap .item4{width: 100%;padding-top: 30px;} .cont_repair1 .form .wrap .item4 div input{width: 134px;margin-left: 20px;} .cont_repair1 .form .wrap .item4 div *{float: left;} .cont_repair1 .form .wrap .item4 div img{width: 134px;height: 46px;border:1px solid #e9e9e9;border-radius: 5px;} .cont_repair1 .form .wrap .item4 input[type=submit],.popup-search-wrap2 .wrap input[type=submit],.cont_repair3 .wrap dl dd li .form input[type=submit]{width: 147px;height: 46px;color: #fff;background: linear-gradient(to top,#0554A7,#187BD7);text-indent: 0;border:none;line-height: 46px;} .cont_repair1 .form .wrap2 .item:first-child{width: 53.2%;} .cont_repair1 .form .wrap2 .item:last-child{width: 41.6%;} .cont_repair1 .form .wrap.wrap100 .item.itemUp{margin-top: 38px;} .cont_repair1 .form .wrap.wrap100 .item.itemUp label:after{display: none;} .cont_repair1 .form .wrap.wrap100 .item.itemUp{border: 1px solid #c2c2c2;display: block;border-radius: 5px;text-align: center;height: 120px;color: #999;font-size: 16px;position: relative;} .cont_repair1 .form .wrap.wrap100 .item.itemUp img{margin-top: 33px;margin-bottom: 6px;} .cont_repair1 .form .wrap.wrap100 .item.itemUp input[type=file]{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;} .popup-search-wrap2{padding: 40px;box-sizing: border-box;width: 100%;height: 100%;} .popup-search-wrap2 h6{border-bottom: 1px solid rgba(0,0,0,0.09);color: #000;line-height: 24px;padding-bottom: 15px;} .popup-search-wrap2 .wrap .item div input{width: calc(100% - 180px);} .popup-search-wrap2 .wrap .item div img{width: 146px;height: 46px;} .popup-search-wrap2 .wrap .item div{display: flex;justify-content: space-between;} .popup-search-wrap2 .wrap .item{margin-top: 30px;} .popup-search-wrap2 .wrap input[type=submit]{width: 100%;border-radius: 5px;margin-top:30px ;} /* 状态查询 */ .cont_repair3 .wrap dl dt{display: flex;padding: 30px 5.5%;background: #F5F6F8;line-height: 2;color: #333;} .cont_repair3 .wrap dl dt span,.cont_repair3 .wrap dl dd li .title span{width: calc((100% - 100px) / 3);} .cont_repair3 .wrap dl dt span:nth-child(4),.cont_repair3 .wrap dl dd li .title span:nth-child(4){width: 100px;} .cont_repair3 .wrap dl dd {border: 1px solid #E9E9E9;box-sizing: border-box;} .cont_repair3 .wrap dl dd li .title{display: flex;border-bottom: 1px solid #dcdcdc;color: #333;line-height: 2.25;font-size: 16px;margin: 0 5.5%;} .cont_repair3 .wrap dl dd li .title span{padding: 30px 0;} .cont_repair3 .wrap dl dd li .title span:nth-child(4):after{content: '';background: url(../images/right2.svg) center center no-repeat;width: 18px;height: 18px;display: inline-block;position: relative;top: 3px;filter: brightness(0) invert(0.4);margin-left: 18px;} .cont_repair3 .wrap dl dd li .state{display: flex; background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);margin: 60px 3.5%;padding: 0 3.75%;position: relative;} .cont_repair3 .wrap dl dd li .state:after{width: 92.5%;height: 1px;background: #D4D4D4;content: '';position: absolute;bottom: 63px;left: 3.75%;} .cont_repair3 .wrap dl dd li .state .item{flex:1;text-align: center;padding: 30px 0;} .cont_repair3 .wrap dl dd li .state .item em{display: block;width: 58px;height: 66px;background-image: url(../images/zt1.svg);} .cont_repair3 .wrap dl dd li .state .item span{position: relative;width: 58px;display: inline-block;} .cont_repair3 .wrap dl dd li .state .item span i{position: absolute;width: 100%;text-align: center;left: 0;top: 0;line-height: 66px;color: #999;font-family: "DINPro-Medium";} .cont_repair3 .wrap dl dd li .state .item p{line-height: 1.2;padding-top: 16px;color: #333;position: relative;z-index: 2;} .cont_repair3 .wrap dl dd li .state .item.on em{background-image: url(../images/zt2.svg);} .cont_repair3 .wrap dl dd li .state .item.on span i{color: #fff;} .cont_repair3 .wrap dl dd li .state .item p:after{width: 4px;height: 4px;background: #2E7ED2;content: '';position: absolute;left: 50%;top:1px;margin-left: -2px;border-radius: 50%;} .cont_repair3 .wrap dl dd li .form {display: flex;justify-content: space-between;padding-top: 20px;padding-bottom: 47px;} .cont_repair3 .wrap dl dd li .form input[type=submit]{font-size: 16px;border-radius: 5px;} .cont_repair3 .wrap dl dd li .form .fchild{line-height: 46px;} .cont_repair3 .wrap dl dd li .form .fchild label{margin-left: 80px;cursor: pointer;} .cont_repair3 .wrap dl dd li .form .fchild label i{position: relative; width: 16px;height: 16px;display: inline-block;border:1px solid #C2C2C2;border-radius: 50%;float: left;margin: 15px 10px 0 0;} .cont_repair3 .wrap dl dd li .form .fchild label i:after{width: 8px;height: 8px;background: linear-gradient(to right,#187BD7,#0554A7);position: absolute;left: 50%;top: 50%;margin: -4px 0 0 -4px;content: '';border-radius: 50%;opacity: 0;} .cont_repair3 .wrap dl dd li .form .fchild label input:checked + i{border-color: #2E7ED2;} .cont_repair3 .wrap dl dd li .form .fchild label input:checked + i:after{opacity: 1;} .cont_repair3 .wrap dl dd li .anwer{display: none;border-bottom: 1px solid #e9e9e9;padding: 0 5.5% 0;} .cont_repair3 .wrap dl dd li:first-child .anwer{display: block;} /* 关于我们 */ .listAboutOne{padding-bottom: 105px;} .listAboutOne .AboutOne_left{width: 46.38%;} .listAboutOne .AboutOne_left .nTitle .title,.listAboutThree .nTitle .title{text-align: left;} .listAboutOne .AboutOne_left .nTitle span,.listAboutThree .nTitle span{margin: 0 ;} .listAboutOne .AboutOne_left .nTitle span::before,.listAboutThree .nTitle span::before{left: 2px;} .listAboutOne .AboutOne_left .text{line-height: 32px;padding-right: 24px;overflow-y: auto;height: 288px;} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ .scrollbar::-webkit-scrollbar{width: 4px;height: 4px;background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ .scrollbar::-webkit-scrollbar-track {border-radius: 5px;background-color: #D4D4D4; } /*定义滑块 内阴影+圆角*/ .scrollbar::-webkit-scrollbar-thumb{border-radius: 5px;background-color: #13347B; } .listAboutOne .AboutOne_Right{width: 48.75%;padding-bottom: 509px;margin-top: 80px;} .listAboutOne .AboutOne_Number{position: absolute;background: #F5F6F8;width: 67.5%;bottom: 0;border: 1px solid rgba(19,52,123,0.15);display: flex;justify-content: space-between;} .listAboutOne .AboutOne_Number li{flex:1; padding: 30px 0 30px 50px; box-sizing: border-box;position: relative;} .listAboutOne .AboutOne_Number li:after{width: 1px;height: 60px;background: #D4D4D4;content: '';position: absolute;left: 0;top: 38px;} .listAboutOne .AboutOne_Number li .numico{color: #13347B;font-family: "DINPro-Medium";} .fz48{font-size: 48px;} .listAboutOne .AboutOne_Number li .numico span{margin-right: 10px;} .listAboutOne .AboutOne_Number li .name{color: #333;padding-top: 10px;} .aboutTwoSwiper a{display: block;position: relative;} .aboutTwoSwiper{margin-bottom: 160px;} .aboutTwoSwiper .swiper-slide{display: flex;height: 504px !important;justify-content: center;align-items: center;} .aboutTwoSwiper .swiper-slide a{transform: scale(0.85) ;box-sizing: border-box;margin: 15px ;text-align: center;} .aboutTwoSwiper .swiper-slide-active a,.aboutTwoSwiper .swiper-slide-duplicate-active a{transform: scale(1) ;} .aboutTwoSwiper .swiper-slide a img{border: 1px solid #eee;max-height:480px} .aboutTwoSwiper .swiper-slide-active a img,.aboutTwoSwiper .swiper-slide-duplicate-active a img{box-shadow: 0 0 15px rgba(0,0,0,0.1)} .aboutTwoPage{text-align: center;} .aboutTwoPage span.swiper-pagination-bullet{width: 15px;height: 2px;border-radius: 0;background: #13347B;opacity: 0.3;margin: 0 10px !important;} .aboutTwoPage span.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;} .aboutTwoSwiper .btn,.aboutThreeTitle .btn{width: 48px;height: 48px;position: absolute;border: 1px solid #13347B;top:45%;z-index: 2;border-radius: 50%;text-align: center;display: flex;justify-content: center;opacity: 0.5;cursor: pointer;} .aboutTwoSwiper .btn.prev{left: 18.5%;} .aboutTwoSwiper .btn.next{right: 18.5%;} .aboutTwoSwiper .btn img,.aboutThreeTitle .btn img{width: 10px;} .aboutTwoSwiper .btn:hover{opacity: 1;} /* 发展历程 */ .listAboutThree{background-image: url(../images/aboutbg.jpg);padding: 55px 0;} .listAboutThree .nTitle {background-image: url(../images/aboutbg2.jpg);width: 364px;height: 179px;padding: 55px 50px;box-sizing: border-box;position: absolute;top: -130px;} .listAboutThree .nTitle .title{color: #fff;} .listAboutThree .nTitle span{background: #fff;} .listAboutThree .nTitle span::before{background: #fff;} .listAboutThree .wrap{margin: 0 4.5%;background: rgba(255,255,255,0.9);padding: 67px 50px 25px;} .aboutThreeTitle{width:89px ;float: left;margin-top: 10px;} .aboutThreeTitleSwiper:after{width: 1px;background: #D4D4D4;content: '';position: absolute;right: 25px;top: 0; height: 100%;} .aboutThreeWrap{width: calc(100% - 150px);float: right;margin-top: 14px;} .aboutThreeTitle .btn{position: absolute;right: 0;} .aboutThreeTitle .btn.prev{transform: rotate(90deg);top: 0;} .aboutThreeTitle .btn.next{transform: rotate(90deg);bottom: 0;top: auto;} .aboutThreeTitleSwiper .swiper-slide{line-height: 50px;color: #333;font-size: 20px;font-family: "DIN-Light";position: relative;cursor: pointer;} .aboutThreeTitleSwiper{height: 400px;margin: 65px 0;} .aboutThreeTitleSwiper .swiper-slide:after{width: 7px;height: 7px;border:2px solid #D4D4D4;background: #fff;position: absolute;content: '';right: 20px;top: 50%; border-radius: 50%;transform: translateY(-50%);} .aboutThreeTitleSwiper .swiper-slide::before{width: 7px;height: 7px;content: '';position: absolute;right: 22px;top: 50%;border-radius: 50%;transform: translateY(-50%);opacity: 0;} .aboutThreeTitleSwiper .swiper-slide.swiper-slide-thumb-active:after{border-color:rgba(201,29,29,0.28);background: rgba(201,29,29,0.28);} .aboutThreeTitleSwiper .swiper-slide.swiper-slide-thumb-active:before{background: #C91D1D;opacity: 1;} .aboutThreeTitleSwiper .swiper-slide.swiper-slide-thumb-active{color: #13347B;font-weight: bold;} .aboutThreeWrap .swiper-slide dl{display: flex;justify-content: space-between;font-size: 16px;line-height: 2.9;} .aboutThreeWrap .swiper-slide dl dt{width: 70px;color: #13347B;} .aboutThreeWrap .swiper-slide dl dd{width: calc(100% - 70px);color: #666;} .aboutThreeWrap .swiper-slide{max-height: 500px;overflow-y: auto;padding-right: 10px;box-sizing: border-box;} /* 合作伙伴 */ .aboutFourswiper{height: 342px;padding-bottom: 140px;} .aboutFourswiper .swiper-slide{height: 114px;} .aboutFourswiper .swiper-slide a{display: flex;height: 112px;border:1px solid #D4D4D4;align-items: center;justify-content: center;} .aboutFourswiper .swiper-slide a img{max-width: 90%;max-height: 90%;} .aboutFourswiper .aboutTwoPage{margin-top: 50px;} /* 产品列表 */ .proBanner{padding: 70px 0 0;} .proBanner form{display: flex;} .proBanner form select{margin-right: 6.25%;width: calc((100% - 30.5%) / 2 );height: 46px;border-radius: 5px;color: #666;text-indent: 10px;font-size: 16px;} .proBanner form input[type=submit]{width: 18%;height: 46px;background: #C91D1D;color: #fff;border-radius: 5px;font-size: 16px;} .list_pro ul{display: flex; flex-wrap: wrap;min-height: 300px;} .list_pro ul li{width: 31.25%;margin-left: 3.125%;margin-top: 70px;} .list_pro ul li:nth-child(3n+1){margin-left: 0;} .list_pro ul li a{padding-bottom: 50px;position: relative;display: block;} .list_pro ul li a .img{background-image: url(../images/probg.jpg);} .list_pro ul li a .img em{padding-bottom: 65%;position: relative;overflow: hidden;} .list_pro ul li a .img em img{position: absolute;opacity: 0;} .bgContain{background-repeat: no-repeat;background-position: center;background-size: cover;} .list_pro ul li a .txt{line-height: 27px;text-align: center;position: absolute;left: 6%;bottom: 0;width: 88%;z-index: 2;height: 27px;box-sizing: border-box;} .list_pro ul li a .txt:after{width: 100%;height: 0;content: '';position: absolute;bottom:0;left: 0;background: linear-gradient(to right,#187BD7,#0554A7);transition: all 0.3s ease-in-out} .list_pro ul li a .txt i{display: block; position: relative;z-index: 2;bottom: 0;} .list_pro ul li a:hover .txt{color: #fff;} .list_pro ul li a:hover .txt:after{height: 80px;} .list_pro ul li a:hover .txt i{bottom: 23px;} /*产品详情*/ .contProOne{margin-top: 80px;} .proOneLeft{width: 44.3%;} .proOneSwiper{background: #fff;} .proOneSwiper .img{padding-bottom: 420px;background-image: url(../images/probg.jpg);} .proOneSwiper .img img{position: absolute;max-height: 100%;transform: translate(-50%, -50%);left: 50%;top: 50%;} .proOnePageBox{margin-top: 50px;} .proOnePageBox .proOnePage{margin: 0 63px 0;} .proOnePageBox .proOnePage .img{width: 95%;height: 95%;position: absolute;top: 2.5%;left: 2.5%;transition: all 0.5s ease-in-out;cursor: pointer;} .proOnePageBox .proOnePage .swiper-slide{padding-bottom: 112px;position: relative; background-color: #fff;border: 1px solid #13347B;box-sizing: border-box;} .proOnePageBox .proOnePage .swiper-slide.swiper-slide-thumb-active{border-color: rgba(19,52,123,0.3);} .proOnePageBox .btn{position: absolute;top: 50%;margin-top: -13px; width: 26px;height: 26px;text-align: center;} .proOnePageBox .btn img{width: 11px;filter: brightness(0) invert(0.5);margin-top: 2px;} .proOnePageBox .btn.prev{left: 0;} .proOnePageBox .btn.next{right: 0;} .proOneRight{width: 50.8%;} .proOneRight h4{line-height: 1.3;margin-top: 33px;} .proOneRight .intro{line-height: 2;margin: 30px 0;} .proOneRight .textUl{min-height: 235px;margin-bottom: 30px;} .proOneRight .textUl li{position: relative;padding-left: 40px;line-height: 1.5;color: #666;margin-bottom: 20px;} .proOneRight .textUl li:after{content: '';background: url(../images/prosvg5.svg) left center no-repeat;position: absolute;width: 24px;height: 24px;left: 0;top:2px;filter: brightness(0) invert(0.5);transition: all 0.3s ease-in-out} .proOneRight .textUl li:hover:after{filter: none;} .proOneRight .iconUl{display: flex;justify-content: space-between;text-align: center;} .proOneRight .iconUl li span{width: 96px;height: 96px;border: 1px solid #13347B;border-radius: 50%;display: inline-block;position: relative;} .proOneRight .iconUl li span img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .proOneRight .iconUl li div{color: #13347B;line-height: 1.2;margin-top: 30px;} .contProTwo{margin-top: 60px;} .proTwoPage{text-align: center;box-shadow: 0 0 15px rgba(0,0,0,0.1);border-top: 1px solid #eee;line-height: 46px;padding: 31px 0;} .proTwoPage .tabs {display: flex;justify-content: center;} .proTwoPage .tabs li{color: #333;max-width: 150px;background: none;border-radius: 25px;cursor: pointer;flex: 1;} .proTwoPage .tabs li.active{background: linear-gradient(to right,#187BD7,#0554A7);color: #fff;} .proWrapOne{padding-top: 30px;padding-bottom: 90px;} .conwrapdl{display: flex;justify-content: space-between;border-bottom: 1px solid rgba(0,0,0,0.2);padding: 31px 0 25px;} .conwrapdl dt{width: 74px;position: relative;} .conwrapdl dt div{width: 39px;height: 39px;border: 2px solid #C91D1D;display: inline-block;border-radius: 50%;} .conwrapdl dt i{color: #13347B;position: absolute;background: rgba(255,255,255,1);line-height: 30px;left: 18px; font-family: "DINPro-Medium";} .fz30{font-size: 30px;} .conwrapdl dd h6{color: #13347B;font-weight: normal;} .conwrapdl dd .text{line-height: 2;color: #323333;margin-top: 10px;} .conwrapdl dd{width: calc(100% - 74px);} .contwrap{line-height: 2;color: #323333;margin: 50px 10%;min-height: 400px;} .contwrap3{max-width: 900px;margin: auto;padding: 50px 0;} .UpName{white-space: pre-wrap;font-size: 14px;word-break:break-all;} /*20210423*/ .cont_repair1 .form .wrap .item.itemtime .layui-input-inline div select{appearance: none;-webkit-appearance: none;} /* 20210515 */ .contproNew{padding: 80px 0;} .contproNew dl{overflow: hidden;} .contproNew dt{width: 50%;padding-bottom: 500px;transition: 0.3s ease-in-out;} .contproNew dd{width: 50%;padding-left: 10%;box-sizing: border-box;padding-right: 3%;} .contproNew dd .item1{display: flex;padding-top: 80px;align-items: center;} .contproNew dd .num{width: 100px;height: 100px;border: 1px solid #979797;box-sizing: border-box;font-family: "DIN-Light";display: flex;align-items: center;padding-left: 20px;position: relative;color: #666;margin-right: 12px;} .contproNew dd .num:after{width: 21px;height: 3px;background: #1371CB;content: '';position: absolute;left: 20px;bottom: -2px;} .contproNew dd .typename{color: #13347B;line-height: 1.56;max-width: 195px;} .contproNew dd .item2 .name{color: #333;line-height: 1;margin: 25px 0 40px;} .contproNew dd .item3{color: #333;line-height: 2.2;padding-top:25px;} /* .contproNew dl.bgCover dt{width: 37%;margin-right: 13%;background-position: center top;} */ .contproNew dl dt:hover {transform: scale(1.05);} .contproNew dl:nth-child(even) dd{padding: 0 10% 0 3%;} .fz44{font-size: 44px;} .hisphoto{display: flex;flex-wrap: wrap;} .hisphoto .item{padding-bottom: 30%;width: 32%;margin-top: 20px;} .hisphoto .item:nth-child(2){margin-left: 2%;margin-right: 2%;} .pro2list ul{justify-content:inherit;} .pro2list ul li:nth-child(3n+2){margin-left: 3.5%;margin-right: 3.5%;} /* 20210917 */ .indexTwo{margin: 80px 0 90px;} .tcProUl{display: flex;flex-wrap: wrap;} .tcProUl li{width: calc((100% - 60px) / 3);margin-top: 30px;margin-left: 30px;} .tcProUl li:nth-child(3n+1){margin-left: 0;} .tcProUl li .img{padding-bottom: 62%;position: relative;overflow: hidden;} .tcProUl li .img img{position: absolute;opacity: 0;} .tcProUl li .img::after{width: 100%;height: 100%;background: rgba(17,27,48,0.5);content: '';position: absolute;left: 0;top: 0;display: none;} .tcProUl li:last-child .img::after,.tcProUl li:last-child .title{display: block;} .tcProUl li .title{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);text-align: center;color: #fff;display: none;} .tcProUl li .title em{display: block;width: 160px;height: 44px;background: #116DC5;margin: auto;border-radius: 25px;line-height: 44px;margin-top: 0;visibility: hidden;opacity: 0;height: 0;transition: 0.4s;} .tcProUl li .title em b{background: url(../images/tcproright.svg) right center no-repeat;display: inline-block;padding-right: 36px;} .tcProUl li a:hover .title em{opacity: 1;visibility: visible;height: 44px;margin-top: 20px;} .tcProUl li .title img{margin-bottom: 10px;} .tcProUl li a:hover .img{transform: scale(1.05);} .tcProUl li.poHidden{cursor: pointer;} .tcProUl li.poHidden .serWrap{display: none; position: absolute;top: 0;left: 0;width: 100%;padding: 0 30px;box-sizing: border-box;height: 100%;} .tcProUl li.poHidden .serWrap .container{position: absolute; top: 50%;transform: translateY(-50%);width:calc(100% - 60px);left: 30px;} .tcProUl li.poHidden .serWrap .container > div{display: flex;justify-content: space-between;flex-wrap: wrap;} .tcProUl li.poHidden select{margin-bottom: 24px;border-radius: 4px; width: calc((100% - 12px) / 2);border: none;background: #fff;line-height: 46px;height: 46px;font-size: 16px;color: #666;padding: 0 37px 0 20px;box-sizing: border-box;} .tcProUl li.poHidden input[type=text]{text-indent: 20px; width: calc(100% - 12px - 129px);background: #fff;border-radius: 4px;line-height: 46px;height: 46px;font-size: 16px;color: #666;} .tcProUl li.poHidden input[type=submit],.tcProUl li.poHidden input[type=button]{width: 129px;border-radius: 4px;background: #13347B url(../images/tcserico.svg) 78px center no-repeat;background-size: 20px; color: #fff;font-size: 16px;text-align: left;padding-left: 30px;box-sizing: border-box;} .footerNew{background: #222;} .flexbetween{display: flex;justify-content: space-between;} .foot2Top{padding: 34px 0 27px;border-bottom: 1px solid #666666;} .foot2Top .flexbetween{align-items: center;} .dmui-select .name{border: none;} .foot2Bttom{padding: 40px 0;} .foot2Bttom,.foot2Bttom a,.foot2Bttom li p a:hover{color: #fff;} .foot2Bttom li p a{color: #CCC;} .foot2Bttom .foot2Add{max-width: 338px;line-height: 2;} .foot2Bttom .foot2Nav{width: calc(100% - 338px - 119px - 100px);line-height: 2;} .foot2Bttom .foot2Nav h6{margin-bottom: 20px;} .foot2copy{background: #1A1A1A;text-align: center;line-height: 2.85;color: #CCCCCC;} /* 资质切换 */ .aboutNav{text-align: center;} .aboutNav li{position: relative;line-height: 2;display: inline-block;margin: 0 2%;cursor: pointer;} .aboutNav li::after{width: 100%;transform: scaleX(0);height: 2px;content: '';position: absolute;left: 0;bottom: 0;background: #116DC5;} .aboutNav li.active::after{transform: scale(1);} .aboutNav li.active{color: #116DC5;} .fixedRight{position: fixed;right: 0;bottom:50px;width: 50px;z-index: 999;} .fixedRight a{width: 50px;height: 50px;background: #D7D7D7;display: block;position: relative;margin-bottom: 5px;} .fixedRight a > span img{width: 35px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);filter: brightness(0) invert(1);} .fixedRight a em,.fixedRight a i{position: absolute;right: 100%;background: #D7D7D7;line-height:50px;font-size: 18px;padding: 0 10px;border-right: 1px solid rgba(0,0,0,0.5);opacity: 0;transition: 0.45s;transform: scaleX(0);} .fixedRight a i{padding: 0;} .fixedRight a i img{display: block;} .fixedRight a i p{font-size: 16px;text-align: center;background: #D7D7D7;height: 30px; line-height: 30px;} .fixedRight a .ewm,.fixedRight a i{width: 120px;height: 120px;} .fixedRight a:hover em,.fixedRight a:hover i{opacity: 1;transform: scaleX(1);} .fixedRight a:hover{background: #cbcbcb;} @media screen and (max-width: 1500px){ .indexTwo .gallery-thumbs{width: calc(100% - 450px);} header .nav-1st > li{margin: 0 5px;} header .nav-1st > li > a{font-size: 18px;} } @media screen and (max-width: 1400px){ .idxThreeSwiper a{padding: 20px;} footer ul.footOne{padding: 35px 5% 35px 29%;} .footTwo{padding: 36px 5% 22px 29%;} .w1440{margin-left: 5%;margin-right: 5%;} .foot_logo{left: 5%;} /* 20210515 */ .contproNew dd{padding-left: 5%;} .contproNew dd .item1{padding-top: 30px;} .contproNew dd .item2 .name{margin: 20px 0;} .contproNew dd .num{width: 65px;} /* 20210917 */ .foot2Bttom .foot2Add{max-width: 280px;} .foot2Bttom .foot2Nav{width: calc(100% - 338px - 119px);} .foot2Bttom .foot2Nav h6{margin-bottom: 10px;} } @media screen and (max-width: 1200px){ header .nav-1st > li > a{font-size: 16px;} header h1 img,header.headerFix h1 img{height: 80px;} header .nav-1st > li{margin: 0 5px;} .idxOneRight select, .idxOneRight input[type=text]{font-size: 13px;} .fz20{font-size: 18px;} .fz60{font-size: 40px;} .fz24{font-size: 20px;} .fz18{font-size: 16px;} .fz34{font-size: 30px;} .fz22{font-size: 20px;} .fz32{font-size: 30px;} .indexOne .hot i{margin-right: 10px;} .idxOneRight input[type=submit]{background-image: none;padding-left: 0;text-align: center;} .idxThreeLeft{width: 29%;} .indexThree{padding: 40px 0 30px;} .indexFour{margin-top: 50px;margin-bottom: 50px;} .indexFive .number{padding: 100px 4% 70px;} .NewsTuwenOne dt{width: 48.5%;} .NewsTuwenOne dd{width: calc(100% - 48.5%);padding: 0 25px;} .cont_repair3 .wrap dl dd li .form .fchild label{margin-left: 10px;} .listAboutOne .AboutOne_Number li{padding-left: 30px;} .fz48{font-size: 38px;} .listAboutOne .AboutOne_Number{width: 80%;} .proTwoPage .tabs li{margin: 0 20px;} .nNav a{margin-left: 20px;} /* 20210917 */ .tcProUl{margin-top: 20px;} .tcProUl li{width: calc((100% - 20px) / 3);margin-left: 10px;margin-top: 10px;} .tcProUl li .title .fz24{font-size: 18px;} .foot2Bttom .foot2Nav{display: none;} } @media screen and (max-width: 991px){ header .nav-1st,.idxPrRightSwiper .box,.foot_logo:after{display: none;} .menuLine{display: inline-block;} header .topFr{padding-top: 50px;} .idxPrRightSwiper .swiperBox,.indexOne .hot,.idxOneRight,footer ul.footOne,.listAboutOne .AboutOne_Number{width: 100%;} .idxPrRightSwiper .swiper-pagination{left: auto; right: 2%;} .indexOne .hot{justify-content: center;padding: 30px 0 0 ;} .indexOne,.cont_repair3 .wrap dl dd li .anwer{padding-bottom: 30px;} .idxOneRight select, .idxOneRight input[type=text]{flex:1;margin: 0 2%;} .idxOneRight{padding-top: 20px;} .banner{height: auto;} .banner a{height: 0;padding-bottom: 60%;} .indexTwo{margin: 60px 0 30px;} .fz34{font-size: 22px;} .fz32{font-size: 20px;} .indexFive .wrap li.video a span.title{background-size: 40px;padding-left: 60px;} .indexFive .wrap li.text{padding: 30px;} .foot_logo{width: 100%;position: inherit;text-align: center;background: none;height: auto;line-height: normal;top: auto;left: auto;margin-top: 20px;} .foot_logo img{height: 129px;} footer ul.footOne,.footTwo{padding: 20px 5%;} footer ul.footOne li h5,.proOneRight .textUl li{margin-bottom: 15px;} .indexFive,.list_repair li img{margin-bottom: 45px;} .indexTit h5{padding-bottom: 10px;} .indexTwo .gallery-thumbs{width: calc(100% - 240px);margin-right: 20px;} .mapWrap{width: 260px;} .nNav a{margin-left: 45px;padding: 10px 0;} .list_activity .item{width: 50%;} .list_activity .item:nth-child(3n+1)::before{display: none;} .list_activity .item:nth-child(2n+1)::before{width: 1px;height: 100%;content: '';position: absolute;top: 0;left: 0;background: #E4E4E2} .list_activity .item a{padding: 30px;} .contTime em{margin: 0 5px;} .list_down ul li{justify-content: flex-start;} .list_down ul li span.title{width: 100%;} .list_down ul li{padding: 10px 15px;} .down_btn a,.proTwoPage .tabs li{margin: 0 10px;} .list_video ul li span.title i{margin: 0 10px;} .list_video ul li span.title{padding: 10px 0;} .list_video ul li{width: 32%;margin-top: 40px;} .list_job dt span:nth-child(5), .list_job dd li .title span:nth-child(5){height: 30px;width: 65px;} .list_job dd li .title span img{width: 30px;} .list_job dd li .title{height: 30px;line-height: 30px;} .list_job dt span:nth-child(2),.list_job dd li .title span:nth-child(2),.list_job dt span:nth-child(3),.list_job dd li .title span:nth-child(3),.list_job dt span:nth-child(4),.list_job dd li .title span:nth-child(4){display: none;} .list_job dt span:nth-child(1), .list_job dd li .title span:nth-child(1){width: calc(100% - 65px);} .list_job dt,.list_job dd li .title{padding: 15px 5%;} .list_job,.list_repair li a{padding: 40px 0;} .list_product ul li,.contProOne,.indexOne{margin-top: 35px;} .cont_repair1 .form .wrap input, .cont_repair1 .form .wrap select, .cont_repair1 .form .wrap textarea{font-size: 14px;text-indent: 10px;} .cont_repair1 .form .wrap .item, .cont_repair1 .form .wrap .item2{width: 27%;} .cont_repair1 .form{padding-bottom: 50px;} .cont_repair3 .wrap dl dd li .state .item p{top: -1px;} .listAboutOne{padding-bottom: 30px;} .nTitle{padding: 50px 0 30px;} .aboutTwoSwiper{margin-bottom: 90px;} .listAboutThree .wrap{padding: 30px;margin: 0;} .proOneRight .iconUl li span{width: 60px;height: 60px;} .proOneRight .iconUl li span img{width: 30px;} .proOneRight .intro{margin: 15px 0;} header.nheader{background: #fff;} header.nheader .menuLine span{background: #333} /* 20210515 */ .contproNew dl.bgCover dt{width: 50%;margin-right: 0;} .indexTwo{margin: 45px 0;} .tcProUl li .title img{width: 20px;margin-bottom: 0;} .idxFour .swiper-slide{ width: calc((100% - 20px ) / 2);} .idxFour .swiper-slide:nth-child(1), .idxFour .swiper-slide:nth-child(2), .idxFour .swiper-slide:nth-child(3), .idxFour .swiper-slide:nth-child(4){margin-bottom: 20px;} } @media screen and (max-width: 760px){ .fz46{font-size: 22px;} .fz34{font-size: 22px;} .fz26{font-size: 20px;} .fz20{font-size: 15px;} .fz19{font-size: 16px;} .fz22{font-size: 18px;} .fz16{font-size: 14px;} .menuLine,.nNav a{margin-left: 15px;} header .topFr .item .searIco{margin-right: 15px;} header .topFr{padding-top: 21px;} header{background:rgba(19,52,123,0.8);position: inherit;} header h1 img,header.headerFix h1 img{height: 40px;} header h1{padding-top: 10px;} .idxProLeft .idxPrLeftSwiper,.thumbsPage,.idxProLeft,.gaNum,.indexThree .img,.indexFive .number li:nth-child(2n+1) .num:before,footer ul.footOne,footer .foot_logo,.list_activity .item::before,.list_activity .item::after,.contCenter,.list_news_txt dl dd::before,.listAboutOne .AboutOne_Right,.nNav,header .topFr .item .phone{display: none;} .idxProLeft,.idxPrRightSwiper,.idxThreeLeft,.footTwo .footEwm,.NewsTuwenOne dt,.NewsTuwenOne dd,.NewsTuwenTwo dt,.NewsTuwenTwo dd,.contPageLeft, .contPageRight,.list_product ul li,.cont_repair1 .form .wrap .item, .cont_repair1 .form .wrap .item2,.cont_repair1 .form .wrap .item.item3,.cont_repair1 .form .wrap2 .item:first-child,.cont_repair1 .form .wrap2 .item:last-child,.cont_repair3 .wrap dl dd li .form .fchild,.cont_repair3 .wrap dl dd li .form .fchild h6{width: 100%;} .idxProLeft h5,.idxPrRightSwiper,.idxThreeSwiper a .txt,.list_activity .item a .title{height: auto;} .idxProLeft h4,.nbanner{margin-top: 0;} .idxProLeft{position: inherit;box-sizing: border-box;} .gallery-top{margin-right: 5%;margin-top: 0;} .indexTwo .gallery-thumbs{margin: 10px 0 0 0;width: 100%;} .idxPrRightSwiper,.idxThreeSwiper a .txt{margin-top: 10px;} .idxPrRightSwiper .swiper-slide a,.indexFive .wrap li.video a,.NewsTuwenOne dt a,.NewsTuwenTwo dt a,.proOneSwiper .img{padding-bottom: 65%;} .proOnePageBox .proOnePage .swiper-slide{padding-bottom: 33%;} .idxPrRightSwiper .swiper-pagination{bottom: 10px;font-size: 16px;} .idxPrRightSwiper .swiper-pagination .swiper-pagination-current{font-size: 20px;} .idxPrRightSwiper .swiper-slide a span.title{width: calc(90% - 50px);bottom: 10px; font-size:15px;} .indexOne{padding: 0 20px 20px;margin-top: 20px;} .idxOneRight{display: block;} .idxOneRight select, .idxOneRight input[type=text]{margin: 0 0 10px;} .banbtn{width: 30px;height: 30px;} .banbtn img{width: 30px;} .banbtn.next{right: 2%;} .banbtn.prev{left: 2%;} .indexTwo,.NewsTuwenOne{margin: 30px 0 ;} .idxThreeLeft .txt{height: auto;margin-bottom: 20px;} .indexThree,.page,.list_repair li a,.listAboutThree{padding: 30px 0;} .idxThreeSwiper a .txt,.idxThreeLeft .txt{line-height: 26px;} .idxFour .swiper-slide a,.popup-search-wrap2{padding: 20px ;} .idxFour .swiper-slide{height: 180px;width: 100%;margin-bottom: 10px !important;} .idxFour .swiper-slide a .text .txt,.NewsTuwenOne dd .time,.NewsTuwenOne dd .txt{margin-bottom: 10px;} .idxFour .swiper-slide a .time{left: 10px;} .idxFour .swiper-slide a:after{left: 20px;} .idxFour .swiper-slide a .text{padding-left: 70px;} .idxFour{margin-top: 20px;} .indexTit a,.indexFive .wrap li.text .more{height: 30px;line-height: 30px;width: auto;padding: 0 15px;top: 15px;} .indexFour,.cont_repair3 .wrap dl dd li .state{margin: 25px 0;} .indexFive .number{padding: 50px 0 25px;flex-wrap: wrap;} .indexFive .number li{width: 50%;} .indexFive .number li .num:before{top: 50%;margin-top: -15px;left: 0;} .indexFive .wrap li{width: 100% !important;} .indexFive .wrap li.text .more{top: 0;} .indexFive .wrap{flex-wrap: wrap;} .indexFive .wrap li.text .txt{margin: 15px 0;} .dmui-select,.footTwo .footEwm{float: none;margin: auto;} .dmui-select .name{text-align: center;} .footCopyright .copyright,.footTwo .footAdd{margin-top: 15px;text-align: center;line-height: 26px;} .nTitle{padding: 40px 0 20px;} .fz32{font-size: 22px;} .mapBox iframe{width: 100%;height: 360px;} .mapWrap{position: relative;transform: none;width: 100%;} .list_contact,.list_repair li{margin-bottom: 50px;} .list_repair li{width: 30.5%; border-radius: 8px;} .nbanner .w1440{padding-bottom: 35%;} .nbanTxt{transform: translateY(-50%);} .NewsTuwenOne,.contPage,.cont_repair3 .wrap dl dd li .state,.cont_repair3 .wrap dl dd li .form,.aboutThreeWrap .swiper-slide dl{flex-wrap: wrap;} .NewsTuwenOne dd,.contTitle,.contTime,.contWrap{padding-bottom: 20px;} .NewsTuwenOne dd .title,.aboutFourswiper .aboutTwoPage{margin: 10px 0 0;} .nMore{height: 30px;line-height: 30px;width: auto;padding: 0 30px;top: 15px;} .NewsTuwenTwo dt{box-sizing: border-box;} .page a.btn, .page a.on{display: inherit;margin: 0 10px;} .NewsTuwenTwo dd,.cont_repair3 .wrap dl dd li .form{padding-top: 0;} .NewsTuwenTwo dd a .text,.list_activity .item a .title,.contPageLeft, .contPageRight{margin: 7px 0;} .NewsTuwenTwo dd a .time,.list_repair li img{margin-bottom: 0;} .NewsTuwenTwo dt,.cont_news,.contPage{padding:25px 0 10px ;} .list_activity .item{width: 100%;border-bottom: 1px solid #dedede;} .list_activity .item a{padding: 20px 10px;} .list_activity .item a .img,.contTime,.listAboutOne .AboutOne_left,.aboutTwoSwiper{margin-bottom: 20px;} .list_activity,.list_news_txt{padding-top: 20px;} .contTitle{line-height: 1.5;} .contPageLeft, .contPageRight{max-width: 100%;} .contPageLeft::before ,.contPageRight::after,.cont_repair3 .wrap dl dt span:nth-child(4), .cont_repair3 .wrap dl dd li .title span:nth-child(4),.idxFour .swiper-slide a:after{display: none;} .list_news_txt dl dd{padding-left: 0;} .list_news_txt dl dt{width: 110px;} .list_news_txt dl dd{width: calc(100% - 110px);} .list_news_txt dl dt a span.right{margin-top: 40px;} .list_news_txt dl:first-child{border-top: 0;} .list_video ul li,.cont_repair1 .form .wrap .item4 input[type=submit],.popup-search-wrap2 .wrap .item,.popup-search-wrap2 .wrap input[type=submit],.proOnePageBox,.proOneRight .iconUl li div,.list_pro ul li{margin-top: 20px;} .list_repair li img{height: 43px;} .list_repair .text{padding: 40px 0 50px;} .cont_repair1 .form .wrap .item,.proOneRight .textUl li{margin-bottom: 10px;} .cont_repair1 .form .wrap .item4 div input{width: calc(100% - 157px);box-sizing: border-box;} .cont_repair1 .form .wrap .item4 div,.listAboutOne .AboutOne_left,.aboutThreeWrap .swiper-slide dl dt,.aboutThreeWrap .swiper-slide dl dd,.proOneLeft,.proOneRight{width: 100%;} .cont_repair1 .form .wrap .item4{padding-top: 0;} .cont_repair1 .form .wrap.wrap100 .item.itemtextarea{width: calc(100% - 105px);} .cont_repair1 .form .wrap.wrap100 .item.itemUp{width: 90px;margin-top: 40px;font-size: 12px;} .popup-search-wrap2 .wrap .item div img{width: 90px;} .popup-search-wrap2 .wrap .item div input{width: calc(100% - 100px);} .cont_repair3 .wrap dl dd li .state:after{display: none;} .cont_repair3 .wrap dl dd li .state .item{width: 33%;flex: none;padding: 10px 0;} .cont_repair3 .wrap dl dt span, .cont_repair3 .wrap dl dd li .title span{width: 33%;margin-left: 10px;} .cont_repair3 .wrap dl dd li .title span:first-child,.cont_repair3 .wrap dl dd li .form .fchild label:nth-child(2),.list_pro ul li{margin-left: 0;} .cont_repair3 .wrap dl dt{padding: 15px 3%;} .cont_repair3 .wrap dl dd li .title span{padding-top: 15px;padding-bottom: 15px;font-size: 14px;line-height: 1.3;} .cont_repair3 .wrap dl dd li .form .fchild label i{margin-right: 5px;} .cont_repair3 .wrap dl dd li .form .fchild h6{line-height: 1.5;} .cont_repair3 .wrap dl dd li .form input[type=submit]{width: 120px;height: 36px;line-height: 36px;} .listAboutOne .AboutOne_Number{position: static;flex-wrap: wrap;} .listAboutOne .AboutOne_Number li{flex: none;width: 50%;} .listAboutOne .AboutOne_left .text{height: auto;padding-right: 0;} .listAboutOne .AboutOne_Number li:nth-child(2n+1):after{display: none;} .listAboutOne{padding-bottom: 0;} .aboutTwoSwiper .btn,.aboutThreeTitle .btn{width: 30px;height: 30px;} .aboutTwoSwiper .btn.next{right: 3%;} .aboutTwoSwiper .btn.prev{left: 3%;} .aboutTwoPage span.swiper-pagination-bullet{width: 10px;margin: 0 2px !important;} .listAboutThree .nTitle{background: none;position: inherit;top: auto;left: auto;padding: 0;height: auto;width: 100%} .listAboutThree .nTitle .title{text-align: center;} .listAboutThree .nTitle span{margin: auto;} .listAboutThree .nTitle span::before{background: #C91D1D;left: -4px;} .aboutThreeWrap{width: calc(100% - 80px);} .aboutThreeWrap .swiper-slide dl{font-size: 14px;line-height: 1.7;margin-bottom: 10px;} .aboutThreeTitleSwiper .swiper-slide{font-size: 18px;} .aboutThreeTitle .btn{right: 9px;} .aboutThreeTitleSwiper{margin: 45px 0;} .listAboutThree .wrap{padding: 20px 10px 20px 20px;} .aboutThreeTitle{width: 75px;} .aboutFourswiper .swiper-slide a,.aboutFourswiper .swiper-slide{height: 70px;} .aboutFourswiper{height: 220px;padding-bottom: 50px;} .fz48{font-size: 30px;} .proOneRight .textUl,.contwrap{min-height: auto;} .proTwoPage .tabs li,.down_btn a{width: 86px;margin: 0;line-height: 36px;} .proTwoPage,.conwrapdl{padding: 15px 0;} .proWrapOne{padding: 15px 0 40px;} .proOneSwiper .img{background-size: cover;} .proOnePageBox .proOnePage .img{width: calc(100% - 4px);} .proBanner{margin-top: 0;padding: 30px 0 0;} .proBanner form select{width: 39%;margin-bottom: 10px;margin-right: 1%;font-size: 14px;height: 32px;line-height: 32px;} .proBanner form input[type=submit]{width: 20%;height: 32px;line-height: 32px;} .proBanner form{flex-wrap: wrap;} .list_pro ul li,.list_video ul li{width: 100%;} .down_btn{padding: 20px 0;} .indexFour{margin-left: 5%;margin-right: 5%;margin-bottom: 0;} .down_btn a{width: 100px;} .list_down ul li a{margin-left: 10px;} .cont_repair1 .form .wrap .item.itemtime .layui-input-inline div:first-child{width: 45%;} .cont_repair1 .form .wrap .item.itemtime .layui-input-inline div:last-child{width: 53%;} .cont_repair3 .wrap dl dd li .form{padding-bottom: 0;} .location{display: none;} .contWrap img,.contWrap table,.contWrap iframe,.contwrap img,.contwrap iframe,.contwrap table{height: auto !important;} .idxOneRight select,.idxOneRight input[type=text],.idxOneRight input[type=submit]{width: 49%;box-sizing: border-box;height: 32px;line-height: 32px;font-size: 12px;} .idxThreeSwiper a .txt{height: 52px;} .fz15{font-size: 14px;} .idxFour .swiper-slide a .text .title{font-size: 15px;margin-bottom: 20px;margin-top: 0;} .idxFour .swiper-slide a .text .txt{line-height: 22px;height: auto;-webkit-line-clamp:1;margin-bottom: 0;} .idxFour .swiper-slide a .text .more{display: none;} .idxFour{margin-bottom: 20px;} .list_down ul li span.time{font-size: 14px;} .cont_repair3 .wrap dl dd li .state .item em{width: 40px;height: 48px;margin: auto;} .cont_repair3 .wrap dl dd li .state .item span i{line-height: 48px;} .cont_repair3 .wrap dl dd li .state .item p{font-size: 14px;} .UpName{font-size: 12px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} /* 20210515 */ .contproNew dt,.contproNew dd,.contproNew dl.bgCover dt{width: 100%;float: left;} .contproNew dd,.cont_pro{padding-bottom: 20px;} .contproNew dd .num{height: 65px;} .contproNew dd .typename{max-width: inherit;} .contproNew dt{padding-bottom: 65%;} .contproNew{padding: 0;} .contproNew dl.bgCover{background-position: 73% center;} .contwrap{margin-top: 20px;margin-bottom: 20px;} .contProTwo{margin-top: 0px;} .proOnePageBox .proOnePage{margin: 0 30px;} .contproNew dl:nth-child(even) dd{padding: 0 3% 0 5%;} .hisphoto .item{width: 100%;margin-left: 0 !important;margin-right: 0 !important;padding-bottom: 65%;margin-top: 10px;} .pro2list ul li:nth-child(3n+2){margin-left: 0;margin-right: 0;} .proTwoPage .tabs{flex-wrap: wrap;} .proTwoPage .tabs li{flex: inherit;width: 33%;} /* 20210917 */ .tcProUl li,.tcProUl li:nth-child(3n+1){width: calc((100% - 10px) / 2);margin-left: 0;} .tcProUl li:nth-child(odd){margin-right: 10px;} .tcProUl li .title .fz24{font-size: 16px;} .tcProUl li.poHidden .serWrap{padding: 0 10px;} .tcProUl li.poHidden .serWrap .container{width: calc(100% - 20px); left: 10px;} .tcProUl li.poHidden select, .tcProUl li.poHidden input[type=text], .tcProUl li.poHidden input[type=submit] {height: 22px;line-height: 22px;font-size: 12px; } .flexbetween{flex-wrap: wrap;} .footerNew .foot2Top h5{width: 100%;text-align: center;margin-bottom: 10px;} .footerNew .foot2Top h5 img{height: 50px;} .foot2Top,.foot2Bttom{padding: 20px 0;} .foot2Bttom .foot2Add{max-width: 100%;text-align: center;} .foot2ewm{text-align: center;width: 100%;margin-top: 10px;} .foot2copy{line-height: 1.5;padding: 10px 0;} .contwrap2 ul{padding-left: 0;} .contwrap2 ul li:first-child{margin-top: 0;} .contwrap3{padding: 0;} .aboutTwoSwiper .swiper-slide{height: 350px !important;} .listAboutTwo{margin-bottom: 30px;} .aboutTwoSwiper .swiper-slide a{margin:0;max-height:100%;max-width:100%} .aboutTwoSwiper .swiper-slide a img{max-height:330px} }