@charset "utf-8";
/* =====================内页样式======================== */

/* 内页banner */
.sonBan{width: 100%;position: relative;}
.sonBan img{width: 100%;object-fit: cover;}
/* 内页菜单 */

/* 分页 */
.fullpage{width: 100%;font-size: 0;text-align: center;margin-top: 68px;user-select: none;}
.fullpage a{display: inline-block;vertical-align: middle;height: 40px;padding:0 12px;line-height: 38px;border: 1px solid #e1e1e1;margin: 0 4px;font-size: 14px;color: #555;transition: all .4s ease;border-radius: 3px;background-color: #fff;}
.fullpage a:first-child, .fullpage a:last-child{width: 68px;}
.fullpage a:hover, .fullpage a.ontrue, .fullpage a.on{background-color: #e6800e;color: #fff;border-color: #e6800e;}
.fullpage-num{display: inline-block;vertical-align: middle;}
.fullpage b, .fullpage input, .fullpage button{display: inline-block;vertical-align: middle;}
.fullpage b{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.fullpage input{width: 54px;text-align: center;height: 40px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;margin-right: 8px;border-radius: 3px;}
.fullpage button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 40px;background: #fff;cursor: pointer;border-radius: 3px;}
.fullpage button:hover{background-color: #e6800e;color: #fff;border-color: #e6800e;}
.fullpage-now{font-style: normal;color: #e6800e;}
@media all and (max-width:1599px) {.fullpage{margin-top: 54px;}}
@media all and (max-width:1000px) {
    .fullpage{margin-top: 36px;}.fullpage-num{width: 100%;margin-bottom: 6px;}
    .fullpage a:first-child, .fullpage a:last-child{width: 58px;}.fullpage a{margin: 0 3px;}
}

.sonMenu{width: 100%;}
.sonMenu.colorMenu{background: #f5f5f5;}
.sonMenu .sonContain{background: #fff;box-shadow: 0 3px 12px 1px #e3e3e3;margin-top: -40px;position: relative;z-index: 4;}
.sonMenu-link{float: left;font-size: 0;}
.sonMenu-link a{display: inline-block;padding: 0 32px;position: relative;font-size: 16px;color: #555;transition: all .4s ease;}
.sonMenu-link a span{position: relative;z-index: 2;line-height: inherit;}
.sonMenu-link a::before{content: "";position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: linear-gradient(to right,#fff,#f4f4f4);transition: all .4s ease;}
.sonMenu-link a::after{content: "";position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: linear-gradient(135deg,#03b6d6,#1cd4da);opacity: 0;transition: all .4s ease;}
.sonMenu-link a:hover, .sonMenu-link a.ontrue{color: #fff;}
.sonMenu-link a:hover::before, .sonMenu-link a.ontrue::before{opacity: 0;}
.sonMenu-link a:hover::after, .sonMenu-link a.ontrue::after{opacity: 1;}
.sonMenu-hint{float: right;padding-right: 20px;}
.sonMenu-link a, .sonMenu-hint{height: 78px;line-height: 78px;}
.sonMenu-hint span{display: inline-block;font-size: 14px;color: #888;padding-left: 24px;background: url('../images/gather/sonicon.png') no-repeat left center;}

.sonTitle{width: 100%;position: relative;text-align: center;}
.sonTitle h4{font-size: 34px;color: #333;line-height: 1.24em;font-weight: 700;padding-bottom: 12px;}
.sonTitle h4::after{content: "";position: absolute;left: 50%;bottom: 0;height: 1px;background: #bfbfbf;width: 36px;margin-left: -18px;}

/* 关于我们-公司介绍 */
.abojs{width: 100%;padding: 72px 0 110px;overflow: hidden;}
.abojs-imgwd{width: 100%;}
.abojs-wd{width: 50%;float: left;padding: 40px 50px 0 0;}
.abojs-img{width: 50%;float: right;}
.abojs-img img{max-width: 100%;object-fit: cover;}
.abojs-wd-title{width: 100%;}
.abojs-wd-title h4{font-size: 34px;color: #333;line-height: 1.24em;font-weight: 700;padding-bottom: 16px;}
.abojs-wd-title p{font-size: 15px;color: #888;line-height: 30px;margin-top: 12px;}
.abojs-wd-icon{width: 100%;overflow: hidden;margin-top: 40px;}
.abojs-wd-icon li{width: 33.3333%;float: left;position: relative;text-align: center;}
.abojs-wd-icon li i{display: block;width: 100%;height: 44px;}
.abojs-wd-icon li i img{max-height: 100%;}
.abojs-wd-icon li p{font-size: 14px;color: #777;margin-top: 8px;}
.abojs-wd-icon li::after{content: "";position: absolute;right: 0;border: 1px dashed #c5c4c4;height: 92%;top: 4%;}
.abojs-wd-icon li:first-child::before{content: "";position: absolute;left: 0;border: 1px dashed #c5c4c4;height: 92%;top: 4%;}
.abojs-list{width: 100%;margin-top: 60px;}
.abojs-list ul li{width: 20.5%;float: left;position: relative;overflow: hidden;transition: all .4s ease;}
.abojs-list ul li img{height: 253px;}
.abojs-list-wd{position: absolute;z-index: 2;width: 100%;padding: 42px 50px 0 50px;top: 0;left: 0;}
.abojs-list-wd h6{font-size: 24px;max-width: 130px;margin-bottom: 14px;}
.abojs-list-wd p{font-size: 14px;line-height: 22px;max-width: 380px;transform: translateY(20px);opacity: 0;}
.abojs-list ul li:nth-child(1) .abojs-list-wd{color: #907d70;}
.abojs-list ul li:nth-child(2) .abojs-list-wd{color: #6a8285;}
.abojs-list ul li:nth-child(3) .abojs-list-wd{color: #87807d;}
.abojs-list ul li.ontrue{width: 59%;}
.abojs-list ul li.ontrue .abojs-list-wd p{opacity: 1;transform: translateY(0);transition: all .4s ease .4s;}
.abojs-list ul li::after{content: "";position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: #fff;opacity: 0;}

/* 关于我们-检测报告 */
.abobg{width: 100%;padding: 88px 0 100px;overflow: hidden;}
.abobg-list{width: 100%;margin-top: 54px;}
.abobg-list-ul{margin-left: -3%;margin-top: -3%;}
.abobg-list-ul a{display: block;float: left;margin-left: 3%;margin-top: 3%;width: 22%;overflow: hidden;position: relative;padding: 18px 18px 0;background: #fff;box-shadow: 0 3px 16px 3px #f0f0f0;}
.abobg-list-ul a img{width: 100%;object-fit: cover;}
.abobg-list-wd{width: 100%;height: 72px;display: flex;align-items: center;}
.abobg-list-wd p{width: 100%;text-align: center;font-size: 18px;color: #888;}

/* 新闻中心 */
.news{width: 100%;padding: 88px 0 100px;background: #f5f5f5;overflow: hidden;}
.news-list{width: 100%;margin-top: 8px;}
.news-list-ul{margin-left: -2%;}
.news-link{width: 31.3333%;float: left;margin-left: 2%;margin-top: 2%;background: #fff;padding: 30px;transition: all .4s ease;}
.news-link-img{width: 100%;position: relative;overflow: hidden;}
.news-link-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.news-link-img p{background: rgba(0, 174, 204, .9);font-size: 12px;color: #fff;padding: 10px;position: absolute;z-index: 2;right: 0;bottom: 0;}
.news-link-wd{width: 100%;padding-top: 20px;}
.news-link-wd h2{font-size: 18px;color: #333;line-height: 24px;transition: all .4s ease;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-link-wd i{display: block;width: 42px;height: 1px;background: #000;margin: 12px 0 16px;transition: all .4s ease;}
.news-link-wd p{font-size: 14px;color: #999;line-height: 22px;height: 44px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-link:hover{box-shadow: 0 3px 16px 3px #c8e8ed;}
.news-link:hover .news-link-wd h2{color: #36b2d6;}
.news-link:hover .news-link-wd i{background: #36b2d6;}
.news-link:hover .news-link-img img{transform: scale(1.04);}

/* 新闻详情 */
.newsxq{width: 100%;padding: 88px 0 100px;overflow: hidden;background: #f5f5f5;}
.newsxq-cont{width: calc(100% - 270px);float: left;padding-right: 48px;}
.newsxq-cont-title{width: 100%;padding-bottom: 18px;border-bottom: 1px solid #ebebeb;}
.newsxq-cont-title h2{font-size: 26px;color: #111;font-weight: 700;line-height: 30px;}
.newsxq-cont-title p{width: 100%;font-size: 0;margin-top: 24px;}
.newsxq-cont-title p span{display: inline-block;font-size: 13px;color: #999;margin-right: 32px;}
.newsxq-cont-title p span:last-child{margin-right: 0;}
.newsxq-cont-desc{width: 100%;padding: 28px 0 0;}
.newsxq-cont-desc p{font-size: 15px;color: #777;line-height: 30px;}
.newsxq-cont-desc img{max-width: 100%;object-fit: cover;}
.newsxq-side{width: 270px;float: right;}
.newsxq-side-bar{width: 100%;overflow: hidden;}
.newsxq-side-bar h6{float: left;font-size: 16px;color: #666;padding-left: 42px;height: 34px;line-height: 34px;background: url('../images/gather/casexqic1.png') no-repeat left center;}
.newsxq-side-bar a{display: block;float: right;height: 34px;width: 26px;background: url('../images/gather/casexqic2.png') no-repeat center;transition: all .4s ease;}
.newsxq-side-bar a:hover{background-image: url('../images/gather/casexqic2H.png');}
.newsxq-side-list{width: 100%;margin-top: 26px;border: 7px solid #e7e7e7;padding: 30px 28px;}
.newsxq-side-list-btn{width: 100%;}
.newsxq-side-list-btn h6{font-size: 20px;color: #222;font-weight: 700;text-transform: uppercase;margin-bottom: 16px;}
.newsxq-side-list-btn a{display: block;width: 100%;}
.newsxq-side-list-btn h2{font-size: 14px;color: #555;line-height: 20px;transition: all .4s ease;}
.newsxq-side-list-btn p{font-size: 12px;color: #999;margin-top: 12px;}
.newsxq-side-list-btn:first-child{padding-bottom: 28px;margin-bottom: 28px;border-bottom: 1px solid #e4e4e4;}
.newsxq-side-list-btn a:hover h2{color: #36b2d6;}

/* 联系我们 */
.relus{width: 100%;padding: 88px 0 100px;overflow: hidden;}
.relus-list{width: 100%;margin-top: 42px;}
.relus-list li{width: 33.3333%;float: left;text-align: center;padding: 0 32px;}
.relus-img{width: 182px;height: 182px;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.relus-wd{width: 100%;margin-top: 18px;}
.relus-wd h4{font-size: 20px;color: #444;font-weight: 700;margin-bottom: 10px;text-transform: uppercase;}
.relus-wd p{font-size: 14px;color: #777;line-height: 18px;}
.relus-map{width: 100%;box-shadow: 0 3px 16px 3px #edeeee;background: #fff;padding: 10px;margin-top: 68px;height: 404px;position: relative;overflow: hidden;}
#map{width: 100%;height: 100%;}
#map .amap-logo,#map .amap-copyright{display: none !important;}
.relmess{width: 100%;padding: 88px 0 100px;background: #f5f5f5;}
.relmess-form{width: 100%;margin-top: 20px;}
.relmess-form li{width: 49%;margin-top: 2%;}
.relmess-form li:nth-child(2n+1){float: left;}
.relmess-form li:nth-child(2n){float: right;}
.relmess-form li input, .relmess-form li textarea{display: block;width: 100%;height: 60px;background: #fff;padding: 0 28px;font-size: 16px;color: #666;border: none;}
.relmess-form li input:-moz-placeholder {columns: #666;;font-size: 16px;}
.relmess-form li input::-moz-placeholder {columns: #666;;font-size: 16px;}
.relmess-form li input:-ms-input-placeholder{color:#666;font-size: 16px;}
.relmess-form li input::-webkit-input-placeholder{color:#666;font-size: 16px;}
.relmess-form li textarea:-moz-placeholder {color:#666;font-size: 16px;}
.relmess-form li textarea::-moz-placeholder {color:#666;font-size: 16px;}
.relmess-form li textarea:-ms-input-placeholder{color:#666;font-size: 16px;}
.relmess-form li textarea::-webkit-input-placeholder{color:#666;font-size: 16px;}
.relmess-form li.relmess-form-area{width: 100%;}
.relmess-form li.relmess-form-area textarea{padding-top: 18px;padding-bottom: 18px;height: 170px;}
.relmess-form li.relmess-form-yzmbtn{width: 100%;overflow: hidden;}
.relmess-form-yzm{width: calc(100% - 210px);float: left;position: relative;padding-right: 136px;background: #fff;}
.relmess-form-yzm span{width: 120px;height: 60px;position: absolute;z-index: 2;right: 0;top: 0;background: #fff;cursor: pointer;justify-content: center;display: flex;align-items: center;}
.relmess-form-submit{width: 196px;float: right;cursor: pointer;height: 60px;background: #05b9d7;font-size: 16px;color: #fff;transition: all .4s ease;}
.relmess-form-submit:hover{background: #96b651;}
.relmess-form-yzm span img, .relmess-form-yzm span canvas{max-width: 100%;max-height: 100%;}

/* 加入我们 */
.join{width: 100%;padding: 88px 0 100px;overflow: hidden;background: #f5f5f5;}
.join-list{width: 100%;margin-top: 24px;}
.join-list li{display: block;width: 100%;overflow: hidden;margin-top: 12px;background: #fff;box-shadow: 0 3px 12px 3px #e8e8e8;}
.join-click{width: 100%;user-select: none;cursor: pointer;padding: 0 68px 0 28px;transition: all .4s ease;overflow: hidden;position: relative;}
.join-click::after{content: "";position: absolute;width: 12px;height: 100%;right: 24px;top: 0;background: url('../images/gather/reljric.png') no-repeat center;}
.join-click-name{float: left;}
.join-click-tags{float: right;font-size: 0;}
.join-click-name p, .join-click-tags span{display: inline-block;height: 68px;line-height: 68px;}
.join-click-name p{font-size: 16px;color: #555;transition: all .4s ease;}
.join-click-tags span{font-size: 14px;color: #888;margin-right: 44px;}
.join-click-tags span:last-child{margin-right: 0;}
.join-click:hover, .join-click.ontrue{background: #03b6d6;}
.join-click:hover::after{background-image: url('../images/gather/reljricH.png');transform: rotate(180deg);}
.join-click:hover .join-click-name p, .join-click.ontrue .join-click-name p{color: #fff;}
.join-click:hover .join-click-tags span, .join-click.ontrue .join-click-tags span{color: #fff;}
.join-click.ontrue::after{background-image: url('../images/gather/reljricH.png');transform: rotate(0) !important;}
.join-cont{width: 100%;padding: 40px 40px 44px;display: none;}
.join-cont-desc{width: 100%;}
.join-cont-desc h6{font-size: 18px;color: #03b6d6;font-weight: 700;margin-bottom: 8px;}
.join-cont-desc p{font-size: 14px;line-height: 25px;color: #888;}
.join-cont-desc a{font-size: 18px;color: #e6800e;}
.join-cont-desc a:hover{text-decoration: underline;}
.join-cont-line{width: 100%;border: 1px dashed #dbdbdb;margin: 30px 0;}

/* 成功案例 */
.case{width: 100%;padding: 88px 0 100px;overflow: hidden;background: #f5f5f5;}
.case-list{width: 100%;}
.case-list-ul{margin-left: -4%;}
.case-link{display: block;width: 29.3333%;margin-left: 4%;float: left;margin-top: 50px;overflow: hidden;box-shadow: 0 3px 16px 3px #e4e4e4;background: #fff;}
.case-link-img{width: 100%;overflow: hidden;}
.case-link-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.case-link-wd{padding: 34px 52px 34px 34px;background: #fff url('../images/gather/prozxArr.png') no-repeat right 24px center;transition: all .4s ease;}
.case-link-wd h4{font-size: 20px;transition: all .4s ease;color: #555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.case-link:hover .case-link-img img{transform: scale(1.04);}
.case-link:hover .case-link-wd{background-color: #03b6d6;background-image: url('../images/gather/prozxArrH.png');color: #fff;}
.case-link:hover .case-link-wd h4{color: #fff;}

/* 成功案例详情 */
.casexq{width: 100%;padding: 88px 0 100px;overflow: hidden;background: #f5f5f5;}
.casexq-cont{width: calc(100% - 270px);padding-right: 50px;float: left;}
.casexq-cont-barbox{width: 100%;padding: 18px;background: #fff;box-shadow: 0 3px 16px 3px #e8e8e8;}
.casexq-cont-bar{width: 100%;position: relative;}
.casexq-cont-bar img{width: 100%;object-fit: cover;}
.casexq-cont-bar p{width: 100%;background: rgba(3, 182, 214, .95);padding: 32px 36px;font-size: 26px;color: #fff;font-weight: 700;position: absolute;z-index: 2;left: 0;bottom: 0;}
.casexq-cont-desc{width: 100%;margin-top: 20px;background: #fff;padding: 28px 36px;}
.casexq-cont-desc img{max-width: 100%;object-fit: cover;}
.casexq-cont-desc p{font-size: 15px;color: #777;line-height: 30px;}
.casexq-side{width: 270px;float: right;}
.casexq-side-list{width: 100%;}
.casexq-side-list a{display: block;width: 100%;margin-top: 20px;background: #fff;overflow: hidden;box-shadow: 0 3px 12px 3px #e6e6e6;}
.casexq-side-img{width: 100%;overflow: hidden;}
.casexq-side-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.casexq-side-wd{width: 100%;background: #fff url('../images/gather/prozxArr.png') no-repeat right 18px center;padding: 20px 40px 20px 20px;transition: all .4s ease;}
.casexq-side-wd p{font-size: 16px;color: #555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;}
.casexq-side-list a:hover .casexq-side-img img{transform: scale(1.04);}
.casexq-side-list a:hover .casexq-side-wd{background-color: #03b6d6;background-image: url('../images/gather/prozxArrH.png');color: #fff;}
.casexq-side-list a:hover .casexq-side-wd p{color: #fff;}
.casexq-cont-bar .swiper-pagination{bottom: 100px;}
.casexq-cont-bar .swiper-pagination-bullet {width: 12px;height: 12px;margin: 0 8px !important;background: #fff;opacity: 0.8;}
.casexq-cont-bar .swiper-pagination-bullet-active {background: #ed9227;opacity: 1;}

/* 产品中心 */
.pro{width: 100%;padding: 88px 0 100px;overflow: hidden;background: #f5f5f5;}
.pro-list{width: 100%;}
.pro-list-ul{margin-left: -3%;}
.pro-list a{display: block;width: 30.3333%;float: left;margin-left: 3%;margin-top: 42px;background: #fff;}
.pro-img{width: 100%;overflow: hidden;}
.pro-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.pro-wd{width: 100%;box-shadow: 0 2px 20px 4px #e8e8e8;position: relative;z-index: 2;padding: 34px 52px 34px 34px;background: #fff url('../images/gather/prozxArr.png') no-repeat right 24px top 34px;transition: all .4s ease;}
.pro-wd h2{font-size: 18px;color: #333;transition: all .4s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pro-wd p{font-size: 13px;line-height: 16px;color: #999;margin-top: 12px;transition: all .4s ease;height: 32px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pro-list a:hover .pro-img img{transform: scale(1.04);}
.pro-list a:hover .pro-wd{background-color: #03b6d6;background-image: url('../images/gather/prozxArrH.png');color: #fff;}
.pro-list a:hover .pro-wd h2{color: #fff;}
.pro-list a:hover .pro-wd p{color: #fff;}

/* 产品详情 */
.proSon{width: 100%;overflow: hidden;padding: 30px 0 84px;}
.proSon-bar{width: 100%;}
.proSon-bar a{color: #999;transition: all .4s ease;display: inline-block;vertical-align: middle;position: relative;line-height: 18px;}
.proSon-bar a:hover{color: #36b2d6;}
.proSon-bar-back{float: left;}
.proSon-bar-back a{padding-left: 18px;background: url('../images/gather/proxqic0.png') no-repeat left center;font-size: 15px;}
.proSon-bar-back a:hover{background-image: url('../images/gather/proxqic0H.png');}
.proSon-bar-hint{float: right;font-size: 0;}
.proSon-bar-hint a{font-size: 13px;}
.proSon-bar-hint a:first-child{padding-left: 20px;background: url('../images/gather/proxqic.png') no-repeat left center;}
.proSon-bar-hint a::after{content: ">";font-weight: bold;color: #999;display: inline-block;vertical-align: middle;font-family: "\65B0\5B8B\4F53";margin: 0 6px;}
.proSon-bar-hint a:last-child::after{display: none;}
.proSon-item{width: 100%;margin-top: 32px;}
.proSon-show{width: 600px;float: left;position: relative;user-select: none;}
/* ---- */
.gallery-top{width:100%;}
.proSon-show-img{width: 408px;margin: 0 auto;height: 380px;display: flex;align-items: center;justify-content: center;}
.proSon-show-img img{max-width: 100%;max-height: 100%;object-fit: cover;}
.gallery-top .swiper-button-prev, .gallery-top .swiper-button-next{position: absolute;width: 40px;height: 60px;background:  url('../images/gather/proxqic1.png') no-repeat center;transition: all .4s ease;}
.gallery-top .swiper-button-prev{left: 0;}
.gallery-top .swiper-button-next{transform: rotate(180deg);right: 0;}
.gallery-top .swiper-button-prev:hover, .gallery-top .swiper-button-next:hover{background-color: rgba(0, 174, 204, .1);background-image: url('../images/gather/proxqic1H.png');}
.gallery-thumbs{width: 408px;position: relative;margin: 20px auto 0;}
.gallery-thumbs .equip-min span{display: flex;width: 100%;overflow: hidden;border: 2px solid #e5e5e5;align-items: center;}
.gallery-thumbs .equip-min span img{max-width: 100%;max-height: 100%;object-fit: cover;}
.gallery-thumbs .equip-min.cur span{border-color: #03b6d6;}
.gallery-top .swiper-wrapper{opacity: 0;}
.proSon-show-pic{width: 408px;height: 380px;position: absolute;top: 0;z-index: 2;left: 50%;margin-left: -204px;user-select: none;}
.proSon-show-pic img{max-width: 100%;max-height: 100%;}
/* 图片放大 */
div.zoomDiv {z-index: 999;position: absolute;top: 0px;left: 0px;width: 440px;height: 514px;background: #fff;border: 1px solid #e5e5e5;display: none;text-align: center;overflow: hidden;}
div.zoomMask {position: absolute;background: url("http://www.jq22.com/demo/jquery-fdj-150220102655/images/mask.png") repeat scroll 0 0 transparent;cursor: move;z-index: 1;}
/* ==== */
/* ---- */
.proSon-cont{width: calc(100% - 600px);float: right;padding-left: 50px;}
.proSon-cont-desc{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #ebebeb;}
.proSon-cont-desc h4{font-size: 32px;color: #333;margin-bottom: 18px;}
.proSon-cont-desc p{font-size: 15px;color: #777;line-height: 23px;}
.proSon-cont-para{width: 100%;padding: 20px 0 42px;}
.proSon-cont-para h6{font-size: 20px;color: #555;}
.proSon-cont-para p{width: 100%;font-size:15px;margin-top: 16px;color: #777;}
.proSon-cont-para p span{display: inline-block;vertical-align: middle;font-size: 15px;color: #777;margin-right: 18px;}
.proSon-cont-para p span:last-child{margin-right: 0;}
.proSon-cont-btn{width: 100%;font-size: 0;}
.proSon-cont-btn a{display: inline-block;vertical-align: middle;overflow: hidden;width: 220px;height: 52px;border-radius: 26px;line-height: 52px;position: relative;font-size: 16px;color: #fff;text-align: center;transition: all .4s ease;}
.proSon-cont-btn a span{position: relative;z-index: 2;display: inline-block;background-repeat: no-repeat;background-position: left center;line-height: 28px;}
.proSon-cont-btn a::before, .proSon-cont-btn a::after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 26px;transition: all .4s ease;}
.proSon-cont-btn a::after{background: #96b651;opacity: 0;}
.proSon-cont-btn a.proSon-cont-btn-look::before{background: linear-gradient(135deg,#f2ad30,#ed9026);}
.proSon-cont-btn a.proSon-cont-btn-video::before{background: linear-gradient(135deg,#04c9e1,#03b7d6);}
.proSon-cont-btn a:hover::after{opacity: 1;}
.proSon-cont-btn a.proSon-cont-btn-video{margin-left: 12px;}
.proSon-cont-btn a.proSon-cont-btn-look span{padding-left: 28px;background-image: url('../images/gather/proxqic2.png');}
.proSon-cont-btn a.proSon-cont-btn-video span{padding-left: 34px;background-image: url('../images/gather/proxqic3.png');}
.proSon-menu{width: 100%;font-size: 0;margin-top: 80px;box-shadow: 0 0 10px 4px #f4f4f4;position: relative;z-index: 2;background: #fff;}
.proSon-menu a{font-size: 16px;color: #444;display: inline-block;padding: 16px 40px;position: relative;transition: all .4s ease;}
.proSon-menu a::after{content: "";width: 1px;height: 100%;background: #f2f2f2;position: absolute;right: 0;top: 0;}
.proSon-menu a:hover, .proSon-menu a.ontrue{color: #fff;background: #03b6d6;}
.proSon-area{width: 100%;padding: 46px;box-shadow: 0 3px 16px 0px #f3f3f3;overflow: hidden;background: #fff;}
.proSon-point{position: relative;top: -100px;display: block;height: 0;overflow: hidden;}
/* 详情 */
.proxq{width: 100%;}
.proxq-desc{width: 100%;position: relative;}
.proxq-desc img{max-width: 100%;object-fit: cover;}
.proxq-desc h4{font-size: 20px;color: #444;line-height: 1.24em;margin-bottom: 8px;}
.proxq-desc p{font-size: 15px;color: #888;line-height: 22px;}
/* 应用 */
.proyy{width: 100%;}
.proyy .case-link:nth-child(-n+3){margin-top: 0;}
/* 视频 */
.prosp{width: 100%;}
.prosp-ul{margin-left: -4%;overflow: hidden;display: flex;flex-wrap: wrap;display: -ms-flex;-ms-flex-wrap: wrap;}
.prosp-click{display: block;width: 29.3333%;margin-left: 4%;float: left;overflow: hidden;}
.prosp-click:nth-child(n+4){margin-top: 42px;}
.prosp-img{width: 100%;overflow: hidden;position: relative;}
.prosp-img::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.28;z-index: 1;}
.prosp-img::after{content: "";position: absolute;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;background: url('../images/gather/prospic.png') no-repeat;top: 50%;left: 50%;z-index: 2;}
.prosp-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.prosp-wd{padding-top: 14px;width: 100%;}
.prosp-wd p{font-size: 17px;line-height: 20px;transition: all .4s ease;color: #444;}
.prosp-click:hover .prosp-img img{transform: scale(1.04);}
.prosp-click:hover .prosp-img::after{animation: prospDh .6s ease-in-out both;}
@keyframes prospDh{0%{transform: scale(1);}30%{transform: scale(.8);}50%{transform: scale(1);}70%{transform: scale(.9);}100%{transform: scale(1);}}
.proxq.none, .proyy.none, .prosp.none{display: none;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .sonBan img{min-height: 360px;}
    .sonMenu .sonContain{margin-top: -34px;}
    .sonMenu-link a, .sonMenu-hint {height: 68px;line-height: 68px;}
    .abojs-wd-title h4 {font-size: 30px;line-height: 1.2em;padding-bottom: 12px;}
    .abojs-wd-title p {line-height: 24px;margin-top: 8px;}
    .abojs-wd {padding: 0 50px 0 0;}
    .abojs-list-wd {padding: 28px 36px 0 36px;}
    .abojs-list-wd h6 {font-size: 22px;max-width: 120px;margin-bottom: 10px;}
    .abojs-list ul li img {height: 214px;}
    .abojs-list-wd p{line-height: 18px;}
    .abojs {padding: 60px 0 88px;}
    .sonTitle h4{font-size: 30px;line-height: 1.2em;}
    .abobg {padding: 68px 0 88px;}
    .abobg-list {margin-top: 48px;}
    .news {padding: 68px 0 88px;}
    .news-link{padding: 24px;}
    .newsxq {padding: 68px 0 88px;}
    .newsxq-cont-desc p {line-height: 28px;}
    .newsxq-side-list {margin-top: 24px;padding: 26px 24px;}
    .newsxq-side-list-btn:first-child {padding-bottom: 24px;margin-bottom: 24px;}
    .newsxq-side-list-btn h2{line-height: 18px;}
    .newsxq-side-list-btn h6 {margin-bottom: 12px;}
    .newsxq-cont-title h2{font-size: 24px;}
    .relus {padding: 68px 0 88px;}
    .relus-map{margin-top: 52px;}
    .relmess {padding: 68px 0 88px;}
    .join {padding: 68px 0 88px;}
    .join-click-name p, .join-click-tags span {height: 60px;line-height: 60px;}
    .join-cont {padding: 32px 32px 36px;}
    .join-cont-line {margin: 24px 0;}
    .join-click-tags span{margin-right: 36px;}
    .case-link {width: 31.3333%;margin-left: 2%;margin-top: 32px;}
    .case-list-ul {margin-left: -2%;}
    .case-link-wd {padding: 28px 52px 28px 28px;}
    .case {padding: 68px 0 88px;}
    .casexq {padding: 68px 0 88px;}
    .casexq-cont-bar p {padding: 24px 26px;font-size: 22px;}
    .casexq-cont-desc {padding: 24px 28px;}
    .pro {padding: 68px 0 88px;}
    .pro-wd {padding: 28px 52px 28px 28px;}
    .proSon-cont-btn a {width: 204px;height: 46px;line-height: 46px;}
    .proSon-cont-para {padding: 18px 0 34px;}
    .proSon-cont-para p span {font-size: 14px;margin-right: 16px;}
    .proSon-cont-desc h4 {font-size: 30px;margin-bottom: 12px;}
    .proSon-menu {margin-top: 64px;}
    .proSon-area {padding: 36px;}
    .proyy .case-link{margin-top: 32px;}
    .proyy .case-link:nth-child(-n+3) {margin-top: 32px;}
    .proyy .case-link:nth-child(-n+2){margin-top: 0;}
    .prosp-ul {margin-left: -2%;}
    .prosp-click {width: 31.3333%;margin-left: 2%;}
    .prosp-click:nth-child(n+4) {margin-top: 32px;}
    .casexq-cont-bar .swiper-pagination{bottom: 80px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .abojs-wd-title h4 {font-size: 28px;}
    .abojs-wd-title p {line-height: 22px;}
    .abojs-wd-icon li p {font-size: 12px;margin-top: 4px;}
    .abojs-wd-icon {margin-top: 36px;}
    .abojs-list ul li img {height: 204px;}
    .sonTitle h4{font-size: 28px;padding-bottom: 10px;}
    .join-click {padding: 0 60px 0 24px;}
    .join-click::after{right: 18px;}
    .proSon-show{width: 100%;}
    .proSon-cont {width: 100%;padding-left: 0;margin-top: 48px;}
    .gallery-top .swiper-wrapper{opacity: 1;}
    .proSon-show-pic{display: none;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .abojs-wd {width: 100%;padding: 0;}
    .abojs-img{width: 100%;margin-top: 48px;text-align: center;}
    .abojs-list ul li img {height: 168px;}
    .abojs-list-wd {padding: 24px 28px 0 28px;}
    .abojs-list-wd h6 {font-size: 20px;max-width: 116px;margin-bottom: 10px;}
    .news-link{width: 48%;}
    .newsxq-cont {width: 100%;padding-right: 0;}
    .newsxq-side{width: 100%;margin-top: 40px;}
    .relus-list li {padding: 0 20px;}
    .relus-map{height: 360px;}
    .join-click-name{width: 100%;padding: 16px 0 10px;}
    .join-click-name p{height: auto;line-height: 1.24em;}
    .join-click-tags{width: 100%;text-align: left;padding: 0 0 12px;}
    .join-click-tags span {height: auto;line-height: normal;margin-right: 28px;margin-bottom: 4px;}
    .case-link{width: 48%;}
    .casexq-cont {width: 100%;padding-right: 0;}
    .casexq-side{width: 100%;margin-top: 40px;}
    .pro-list a{width: 47%;margin-top: 28px;}
    .proSon-area {padding: 28px;}
    .prosp-click{width: 48%;}
    .prosp-click:nth-child(3){margin-top: 32px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .sonBan img {min-height: 220px;}
    .sonMenu .sonContain{margin-top: -24px;}
    .sonMenu-hint{display: none;}
    .sonMenu-link{overflow: hidden;width: 100%;}
    .sonMenu-link a{width: 50%;height: 50px;line-height: 50px;padding: 0;display: block;float: left;font-size: 14px;text-align: center;}
    .abojs-wd-title h4 {font-size: 24px;}
    .abojs {padding: 36px 0 40px;}
    .abojs-wd-title p{margin-top: 0;}
    .abojs-wd-icon li{width: 50%;}
    .abojs-wd-icon li:first-child::before{display: none;}
    .abojs-wd-icon li::after{display: none;}
    .abojs-wd-icon li:nth-child(1)::after{display: block;}
    .abojs-wd-icon li:nth-child(3){width: 100%;margin-top: 20px;}
    .abojs-wd-icon {margin-top: 28px;}
    .abojs-img {margin-top: 40px;}
    .abojs-list {margin-top: 28px;}
    .abojs-list ul li{width: 100% !important;margin-top: 10px;}
    .abojs-list-wd {padding: 16px 20px 0 20px;}
    .abojs-list-wd h6 {font-size: 18px;max-width: 100px;}
    .abojs-list-wd p{opacity: 1;transform: translateY(0);}
    .abojs-list ul li img {height: 150px;width: 100%;object-fit: cover;}
    .abojs-list ul li::after{background: #000;opacity: 0.3;}
    .abojs-list-wd{color: #fff !important;}
    .sonTitle h4{font-size: 24px;}
    .abobg {padding: 40px 0 44px;}
    .abobg-list {margin-top: 20px;}
    .abobg-list-ul {margin-left: 2%;}
    .abobg-list-ul a {margin-left: 2%;width: 48%;margin-top: 2%;}
    .abobg-list-wd p{font-size: 14px;}
    .abobg-list-wd{height: 66px;}
    .news {padding: 36px 0 40px;}
    .news-list-ul {margin-left: 0;}
    .news-link {padding: 20px;width: 100%;margin-left: 0;margin-top: 16px;}
    .news-list {margin-top: 16px;}
    .newsxq-cont-title h2 {font-size: 20px;line-height: 24px;}
    .newsxq {padding: 36px 0 40px;}
    .newsxq-cont-title p span {margin-right: 20px;}
    .newsxq-cont-title p {margin-top: 18px;}
    .newsxq-cont-desc {padding: 24px 0 0;}
    .newsxq-cont-desc p {line-height: 24px;}
    .newsxq-side {margin-top: 32px;}
    .newsxq-side-list {margin-top: 20px;padding: 20px 20px;}
    .newsxq-side-list-btn:first-child {padding-bottom: 20px;margin-bottom: 20px;}
    .newsxq-side-list-btn h6 {margin-bottom: 10px;font-size: 18px;}
    .relus {padding: 36px 0 40px;}
    .relus-list {margin-top: 12px;}
    .relus-list li{width: 100%;padding: 0;margin-top: 20px;}
    .relus-wd h4 {font-size: 18px;margin-bottom: 4px;}
    .relus-map {margin-top: 32px;height: 280px;}
    .relmess {padding: 36px 0 40px;}
    .relmess-form li{width: 100%;}
    .relmess-form li input, .relmess-form li textarea {height: 48px;padding: 0 12px;}
    .relmess-form-yzm span{height: 48px;}
    .relmess-form-yzm{width: 100%;}
    .relmess-form-submit{width: 100%;height: 48px;margin-top: 4%;}
    .join {padding: 36px 0 40px;}
    .join-list {margin-top: 16px;}
    .join-click-tags span{width: 50%;margin-right: 0;font-size: 12px;}
    .join-click {padding: 0 40px 0 20px;}
    .join-click::after{right: 12px;height: 54px;}
    .join-cont {padding: 20px 20px 24px;}
    .join-cont-desc p{line-height: 23px;}
    .join-cont-line {margin: 20px 0;}
    .join-cont-desc a{font-size: 16px;}
    .case {padding: 36px 0 40px;}
    .case-link {width: 100%;margin-left: 0;margin-top: 20px;}
    .case-list-ul {margin-left: 0;}
    .case-list{margin-top: 12px;}
    .case-link-wd h4 {font-size: 18px;}
    .case-link-wd {padding: 20px 40px 20px 20px;background-position: right 16px center;}
    .casexq {padding: 36px 0 40px;}
    .casexq-cont-bar img{min-height: 200px;}
    .casexq-cont-bar p {padding: 16px 20px;font-size: 18px;}
    .casexq-cont-barbox{padding: 12px;}
    .casexq-cont-desc {padding: 18px 20px;}
    .sonMenu.proMenu .sonMenu-link a:last-child{width: 100%;}
    .pro {padding: 36px 0 40px;}
    .pro-list{margin-top: 12px;}
    .pro-list-ul {margin-left: 0;}
    .pro-list a {width: 100%;margin-top: 20px;margin-left: 0;}
    .pro-wd {padding: 20px 40px 20px 20px;background-position: right 16px top 20px;}
    .proSon-show-img{width: 100%;height: 320px;}
    .proSon-item {margin-top: 24px;}
    .proSon {padding: 24px 0 44px;}
    .gallery-thumbs{width: 100%;margin-top: 14px;}
    .proSon-cont {margin-top: 32px;}
    .proSon-cont-desc h4 {font-size: 24px;}
    .proSon-cont-para p {margin-top: 10px;}
    .proSon-cont-btn a{width: 100%;}
    .proSon-cont-btn a.proSon-cont-btn-video{margin-left: 0;margin-top: 8px;}
    .proSon-cont-para {padding: 18px 0 24px;}
    .proSon-menu a {font-size: 14px;padding: 14px 18px;}
    .proSon-area {padding: 18px;}
    .proSon-menu {margin-top: 40px;}
    .proxq-desc h4{font-size: 18px;}
    .proyy .case-link{margin-top: 20px !important;}
    .proyy .case-link:first-child{margin-top: 0 !important;}
    .prosp-ul {margin-left: 0;}
    .prosp-click {width: 100%;margin-left: 0;margin-top: 20px !important;}
    .prosp-click:first-child{margin-top: 0 !important;}
    .proSon-point{top: -64px;}
    .casexq-cont-bar .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 6px !important;}
    .casexq-cont-bar .swiper-pagination{bottom: 56px;}
}

