@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.paging-menu{display: flex;flex-wrap: wrap;}
.paging-menu a{width: 48px;height: 48px;border: 1px solid #d8dadb;margin: 4px 5px;line-height: 1;font-size: 16px;color: #151515;font-family: "fpm";transition: all .4s ease;background-color: transparent;display: flex;align-items: center;justify-content: center;}
.paging-menu a:first-child, .paging-menu a:last-child{font-size: 0;}
.paging-menu a:first-child::after, .paging-menu a:last-child::after{content: "\e80b";font-size: 16px;font-family: "icon";}
.paging-menu a:last-child::after{transform: rotate(180deg);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #00aaff;background-color: #00aaff;color: #fff;}
@media all and (max-width:1590px){.paging-menu a{width: 44px;height: 44px;}}
@media all and (max-width:1000px){.paging-menu a{margin: 3px;width: 38px;height: 38px;font-size: 14px;}.paging-menu a:first-child::after, .paging-menu a:last-child::after{font-size: 14px;}}

/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #00aaff;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #00aaff;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;margin-top: 16px;}
.search-link:first-child{margin-top: 0;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #00aaff !important;}
.search-link:hover h2{color: #00aaff;}
@media all and (max-width:1000px){.search-link{padding: 20px 15px;margin-top: 12px;}}

/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}

/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: 24px;}
.webmap-title::after{content: "";position: absolute;width: 60px;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 4px;background: #00aaff;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -40px 0 0 -40px;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 40px);margin: 40px 0 0 40px;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color: #00aaff;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: 20px;width: 100%;padding-bottom: 20px;line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: 16px;}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: 6px 0;font-size: 18px;}
.webmap-list>ul>li>.drop .drop a{padding-left: 18px;font-size: 16px;}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 14px;}
@media all and (max-width:1270px){
    .webmap-list>ul{margin: -24px 0 0 -24px;}
    .webmap-list>ul>li{width: calc(20% - 24px);margin: 24px 0 0 24px;}
    .webmap-list>ul>li>.menu{font-size: 18px;}
    .webmap-list>ul>li>.drop a{font-size: 16px;}
    .webmap-list>ul>li>.drop .drop a{font-size: 14px;}
    .webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}
@media all and (max-width: 720px){
    .webmap-title{padding-bottom: 16px;}
    .webmap-title::after{width: 44px;height: 3px;}
    .webmap-list>ul{margin: -14px 0 0;}
    .webmap-list>ul>li{width: 100%;margin: 14px 0 0;}
    .webmap-list>ul>li>.menu{font-size: 16px;padding-bottom: 14px;}
    .webmap-list>ul>li>.drop{margin-top: 10px;}
    .webmap-list>ul>li>.drop a{padding: 4px 0;font-size: 15px;}
    .webmap-list>ul>li>.drop .drop a{padding-left: 12px;}
}

.sonBan{width: 100%;overflow: hidden;position: relative;}
.sonBan img.bg{width: 100%;min-height: 180px;height:448px;transform: scale(1.04);animation: sonBanImg 2s ease both;}
.sonBan-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);}
@keyframes sonBanImg{0%{transform: scale(1.04);}100%{transform: scale(1);}}

.sonPlace{width: 100%;background: #eee;}
.sonPlace a{display: flex;align-items: center;transition: color .4s ease;color: #333;height: 46px;font-size: 14px;}
.sonPlace a::before{content: "\e80b";font-family: "icon";font-size: 10px;color: #333;line-height: 1;transform: rotate(180deg);margin: 2px 6px 0;}
.sonPlace a:first-child:before{display: none;}
.sonPlace a:last-child p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width: 500px;}
.sonPlace a:hover{color: #00aaff !important;}

/* 公司介绍 */
.about{width: 100%;}
.about-content{width: 100%;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.about-content *{line-height: inherit;}
.about-content img{max-width: 100%;margin: 0 auto;display: block;height: auto !important;}

/* 联系我们 */
.rela{width: 100%;}
.relaWm{background: #fff;}
.relaWm-wrap{width: 100%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;flex-direction: row-reverse;}
.relaWm-img{width: 545px;}
.relaWm-img img{width: 100%;}
.relaWm-cont{width: calc(100% - 545px);padding-right: 42px;}
.relaWm-cont-list{width: 100%;}
.relaWm-cont-list .li{width: 100%;align-items: flex-start;}
.relaWm-cont-list .li:first-child{margin-top: 0;}
.relaWm-cont-list .li .name{align-items: center;width: 130px;text-transform: uppercase;}
.relaWm-cont-list .li .name .icon{width: 34px;color: #312782;font-size: 18px;line-height: 1;}
.relaWm-cont-list .li .text{width: calc(100% - 130px);}
.relaTd{background: #fff;overflow: visible;}
.relaTd-list{width: 100%;}
.relaTd-list ul{margin: -30px 0 0 -30px;}
.relaTd-list li{width: calc(100%/3 - 30px);margin: 30px 0 0 30px;padding: 38px 18px;background: #f6f6f6;transition: box-shadow .4s ease;}
.relaTd-list li .name{padding-bottom: 12px;}
.relaTd-list li .text{margin-top: 10px;}
.relaTd-list li .text i{width: 34px;color: #312782;padding-top: 1px;font-size: 18px;}
.relaTd-list li .text p{width: calc(100% - 34px);}
.relaTd-list li:hover{box-shadow: 0 0 16px rgba(0,0,0,0.16);}
.relaDt{background: #fff;}
.relaDt-map{width: 100%;position: relative;}
.relaDt-map img.bg{width: 100%;}
.relaDt-map .logo{background: #00aaff;color: #fff;position: absolute;top: 50%;left: 50%;margin: -36px 0 0 -130px;z-index: 4;width: 260px;height: 80px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.relaDt-map .logo::after{content: "";position: absolute;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 9px solid #00aaff;width: 0;height: 0;left: 50%;margin-left: -8px;bottom: -8px;}
.relaDt-map .logo img{max-width: 200px;}
.relaDt-map .logo p{font-size: 18px;margin-top: 4px;}

/* 产品-列表 */
.pro{background: #fff;}
.pro-menu{width: 100%;}
.pro-menu ul{margin:-4px 0 0 -4px}
.pro-menu li{width:calc(100%/4 - 4px);margin:4px 0 0 4px;}
.pro-menu li a{width:100%;height:64px;background:#f6f6f6;color:#151515;transition:all .4s ease;}
.pro-menu li a:hover, .pro-menu li a.active{background:#00aaff;color:#fff;}
.pro-list{width: 100%;}
.pro-list ul{margin: -36px 0 0 -36px;}
.pro-list li{width: calc(100%/3 - 36px);margin: 36px 0 0 36px;background: #f6f6f6;height: 460px;position: relative;padding: 40px;}
.pro-img{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.pro-img img{max-height: 100%;transform: scale(0.84);transform-origin: top center;transition: all .4s ease;mix-blend-mode: multiply;}
.pro-cont{position: absolute;opacity: 0;transform: scale(0.4);text-align: center;z-index: 4;top: 0;left: 0;width: 100%;height: 100%;padding: 40px;background: rgba(0,0,0,.5);color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: all .4s ease;}
.pro-cont .text{margin-left: auto;margin-right: auto;}
.pro-cont .link a{padding: 0 36px;height: 46px;display: flex;align-items: center;border: 2px solid #00aaff;letter-spacing: 0.5px;justify-content: center;background: #00aaff;font-size: 14px;color: #fff;line-height: 1;text-transform: uppercase;font-family: "fpb";transition: all .5s ease;}
.pro-cont .link a:hover{background-color: rgba(49, 39, 130, 0.8);}
.pro-head{position: absolute;width: 100%;left: 0;bottom: 50px;padding: 0 40px;text-align: center;transition: opacity .2s ease;}
.pro-list li:hover .pro-img img{transform: scale(1);}
.pro-list li:hover .pro-cont{opacity: 1;transform: scale(1);}
.pro-list li:hover .pro-head{opacity: 0;}
.pro-more{width: 100%;justify-content: center;}
.pro-see{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;transform: translate3d(0,0,10px);display: none;}

/* 产品-详情 */
.proxq{width: 100%;}
.proxqHd-wrap{width: 100%;}
.proxqHd-img{width: 600px;height: 520px;background: #f6f6f6;padding: 28px;display: flex;align-items: center;justify-content: center;}
.proxqHd-img img{max-height: 100%;}
.proxqHd-cont{width: calc(100% - 600px);padding: 10px 0 0 48px;}
.proxqHd-cont .title{line-height: 1.2;}
.proxqHd-cont .text{border-top: 1px solid #ddd;}
.proxqMs{width: 100%;}
.proxqMs .contain{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.proxqMs-list{width: 100%;}
.proxqMs-items{width: 100%;border-top: 1px solid #ddd;text-align: center;}
.proxqCs{width: 100%;}
.proxqCs-table{width: 100%;}
.proxqCs-table table{width: 100%;border: 1px solid #ddd;word-break: break-word;}
.proxqCs-table table th, .proxqCs-table table td{font-size: 14px;color: #151515;padding: 12px 28px;line-height: 20px;text-align: left;}
.proxqCs-table table th{background: #2c67ba;color: #fff;font-family: "fpb";}
.proxqCs-table table td{border-top: 1px solid #ddd;}
.proxqCs-table table th:first-child, .proxqCs-table table td.one{border-right: 1px solid #ddd;}
.proxqCs-btn{width: 100%;justify-content: center;}
.proxqCs-btn a{min-width: 250px;margin-right: 20px;padding: 0 20px;height: 56px;display: flex;align-items: center;border: 2px solid #00aaff;letter-spacing: 0.5px;justify-content: center;background: #00aaff;font-size: 15px;color: #fff;line-height: 1;text-transform: uppercase;font-family: "fpb";transition: all .5s ease;}
.proxqCs-btn a:last-child{margin-right: 0;}
.proxqCs-btn a.pdf{background: #312782;border-color: #312782;}
.proxqCs-btn a.pdf span{padding-right: 26px;height: 21px;display: flex;align-items: center;background: url("../images/pages/proxqic.svg") no-repeat right center/auto 100%;}
.proxqCs-btn a:hover{background-color: rgba(49, 39, 130, 0.8);border-color: #00aaff;}
.proxqAl{background: #fff;}
.proxqAl .case-link{width: calc(100%/2 - 10px);}
.proxqAl .case-link img.main{max-height: 400px;}
.proxqAl .case-cont{padding: 20px 50px;}

/* 案例-列表 */
.case{background: #fff;}
.case-list{width: 100%;}
.case-ul{margin: -10px 0 0 -10px;}
.case-link{display: block;width: calc(100%/4 - 10px);margin: 10px 0 0 10px;overflow: hidden;position: relative;}
.case-link img.main{width: 100%;height: 100%;max-height: 260px;}
.case-cont{position: absolute;opacity: 0;transform: scale(0.6);transition: all .4s ease;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;color: #fff;text-align: center;padding: 16px 36px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgba(0,0,0,.5);}
.case-link:hover .case-cont{opacity: 1;transform: scale(1);}

/* 案例-详情 */
.casexq{background: #fff;}
.casexq-head{width: 100%;}
.casexq-head .title{line-height: 1.32;}
.casexq-head .tags span{margin-right: 24px;}
.casexq-head .tags span:last-child{margin-right: 0;}
.casexq-head #toShare a{display: flex;align-items: center;justify-content: center;line-height: 1;width: 42px;height: 42px;border-radius: 50%;background: #ddd;color: #fff;margin-right: 10px;font-size: 18px;}
.casexq-head #toShare a:last-child{margin-right: 0;}
.casexq-head #toShare a.icon-linkedin{background: #007bb6;}

.casexq-head #toShare a.icon-facebook{background: #3b579d;}
.casexq-head #toShare a.icon-twitter{background: #00aced;}
.casexq-head #toShare a.icon-youtubi{background: #ff0000;}
.casexq-content{width: 100%;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.casexq-btn{width: 100%;justify-content: space-between;}
.casexq-btn a{width: calc(100%/2 - 30px);height: 40px;flex-wrap: nowrap;border: 1px solid #eee;align-items: center;padding: 0 14px;transition: border .4s ease;}
.casexq-btn a span{white-space: nowrap;}
.casexq-btn a p{transition: color .4s ease;}
.casexq-btn a:hover{border-color: #8a8a8a;}
.casexq-btn a:hover p{color: #00aaff;}

/* 新闻-详情 */
.newsxq{background: #fff;}

/* 新闻-列表 */
.news{background: #fff;}
.news-list{width: 100%;}
.news-ul{margin: -70px 0 0 -50px;}
.news-link{width: calc(100%/3 - 50px);margin: 70px 0 0 50px;display: block;}
.news-link-img{width: 100%;overflow: hidden;}
.news-link-img img{width: 100%;height: 357px;transition: all .6s ease;}
.news-link-cont{width: 100%;padding-top: 28px;}
.news-link-cont .title{transition: color .4s ease;}
.news-link:hover .news-link-img img{transform: scale(1.06);}
.news-link:hover .news-link-cont .title{color: #00aaff;}







/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
    .pro-list ul {margin: -28px 0 0 -28px;}
    .pro-list li {width: calc(100%/3 - 28px);margin: 28px 0 0 28px;height: 400px;padding: 30px;}
    .pro-cont {padding: 30px;}
    .pro-head {bottom: 44px;padding: 0 30px; }
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .pro-list ul {margin: -18px 0 0 -18px;}
    .pro-list li {width: calc(100%/3 - 18px);margin: 18px 0 0 18px;height: 360px;padding: 24px;}
    .pro-cont {padding: 24px;}
    .pro-head {bottom: 34px;padding: 0 24px; }
    .pro-cont .link a {padding: 0 28px;height: 42px;}
    .pro-menu li a{height:54px}
}
@media all and (max-width:1430px){/* 1360 */}
@media all and (max-width:1350px){/* 1280 */}
@media all and (max-width:1270px){
    /* 1152 × (700) */
    .relaWm-img {width: 470px;}
    .relaWm-cont {width: calc(100% - 470px);padding-right: 32px;}
    .relaTd-list ul {margin: -20px 0 0 -20px;}
    .relaTd-list li {width: calc(100%/3 - 20px);margin: 20px 0 0 20px;padding: 28px 18px;}
    .relaWm-cont-list .li .name .icon {width: 30px;}
    .relaTd-list li .text i{width: 30px;}
    .relaTd-list li .text p {width: calc(100% - 30px);}
    .relaDt-map .logo img {max-width: 160px;}
    .relaDt-map .logo p {font-size: 16px;margin-top: 2px;}
    .relaDt-map .logo {margin: -36px 0 0 -105px;width: 210px;height: 70px;}
    .pro-list li {height: 280px;}
    .case-cont{padding: 16px 20px;}
    .proxqAl .case-cont{padding: 16px 36px;}
    .proxqHd-img {width: 500px;height: 420px;padding: 20px;}
    .proxqHd-cont {width: calc(100% - 500px);padding: 0 0 0 38px;}
    .proxqCs-table table th, .proxqCs-table table td {padding: 10px 20px;}
    .proxqCs-btn a{min-width: 246px;padding: 0 18px;height: 52px;margin-right: 14px;}
    .casexq-head #toShare a {width: 36px;height: 36px;margin-right: 6px;font-size: 16px;}
    .casexq-btn a {width: calc(100%/2 - 16px);padding: 0 12px;}
    .casexq-head .tags span{margin-right: 20px;}
    .news-ul{margin: -40px 0 0 -24px;}
    .news-link{width: calc(100%/3 - 24px);margin: 40px 0 0 24px;}
    .news-link-img img{height: 291px;}
    .news-link-cont{padding-top: 20px;}
    .pro-menu li {width: calc(100%/3 - 4px);}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .sonBan img.bg{height:auto}
}

@media all and (max-width:1000px){
    /* 720 竖屏 */
    .relaWm-wrap{flex-direction: row;}
    .relaWm-img{width: 100%;}
    .relaWm-cont{width: 100%;padding: 30px 0 0;}
    .relaTd-list ul {margin: -20px 0 0;}
    .relaTd-list li {width: 100%;margin: 20px 0 0;}
    .pro-head{display: none;}
    .pro-list li {height: auto;padding: 0;background: #fff;}
    .pro-img {width: 100%;height: 200px;padding: 20px;background: #f6f6f6;}
    .pro-img img{transform: scale(1);}
    .pro-cont{position: relative;padding: 18px 0 10px;height: auto;opacity: 1;transform: scale(1);background: #fff;color: #151515;}
    .pro-cont .title{color: #000;}
    .pro-cont .link{display: none;}
    .pro-see{display: block;}
    .case-cont{position: relative;padding: 20px 16px;height: auto;opacity: 1;transform: scale(1);background: #fff;color: #151515;}
    .case-link {width: calc(100%/2 - 10px);box-shadow: 0 2px 8px rgba(0,0,0,.1);}
    .case-link img.main{height: 314px;}
    .proxqAl .case-cont{padding: 20px 16px;}
    .proxqHd-img{width: 100%;}
    .proxqHd-cont{width: 100%;padding: 30px 0 0;}
    .proxqHd-cont .text{border-top: none;padding-top: 0;}
    .casexq-btn a {width: calc(100%/2 - 6px);padding: 0 12px;}
    .sonPlace a:last-child p {max-width: 400px;}
    .news-ul{margin: -30px 0 0 -16px;}
    .news-link{width: calc(100%/3 - 16px);margin: 30px 0 0 16px;}
    .news-link-img img{height: 225px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px){
    /* 移动终端 360 适配 */
    .relaWm-cont-list .li .name .icon {width: 24px;font-size: 16px;}
    .relaWm-cont-list .li .name {width: 94px;}
    .relaWm-cont-list .li .text {width: calc(100% - 94px);}
    .relaWm-cont {padding: 24px 0 0;}
    .relaWm-cont-list{margin-top: 18px;}
    .relaWm-cont-list .li{margin-top: 10px;}
    .relaTd-list ul {margin: -12px 0 0;}
    .relaTd-list li {margin: 12px 0 0;padding: 18px 12px;}
    .relaTd-list li .text {margin-top: 0;}
    .relaDt-map .logo img {max-width: 100px;}
    .relaDt-map .logo p {font-size: 12px;margin-top: 2px;}
    .relaDt-map .logo::after {border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 7px solid #00aaff;margin-left: -6px;bottom: -6px;}
    .relaDt-map .logo {margin: -34px 0 0 -65px;width: 130px;height: 44px;}
    .relaTd-list li .text i {width: 24px;font-size: 16px;}
    .relaTd-list li .text p {width: calc(100% - 24px);}
    .pro-list ul {margin: -10px 0 -10px;}
    .pro-list li {width: calc(100%/2 - 10px);margin: 10px 0 0 10px;}
    .pro-img {height: 140px;padding: 14px;}
    .pro-cont {padding: 12px 0 4px;}
    .case-link img.main{height: 145px;}
    .case-ul {margin: -6px 0 0 -6px;}
    .case-link {width: calc(100%/2 - 6px);margin: 6px 0 0 6px;}
    .case-cont {padding: 10px 10px 12px;}
    .case-cont .title{line-height: 16px;font-size: 12px;}
    .proxqAl .case-cont{padding: 10px 10px 12px;}
    .proxqHd-img {width: 100%;height: 220px;padding: 16px;}
    .proxqHd-cont {padding: 24px 0 0;}
    .proxqCs-btn a{min-width: auto;padding: 0 10px;height: 36px;border-width: 1px;font-size: 12px;margin-right: 4px;}
    .proxqCs-btn a.pdf span {padding-right: 22px;height: 18px;}
    .proxqCs-table table th, .proxqCs-table table td {padding: 6px 8px;font-size: 12px;line-height: 16px;}
    .proxqCs-btn{margin-top: 20px;}
    .sonPlace{display: none;}
    .casexq-head #toShare a {width: 26px;height: 26px;margin-right: 4px;font-size: 12px;}
    .casexq-btn a{width: 100%;margin-top: 4px;padding: 0 8px;height: 36px;}
    .casexq-btn a:first-child{margin-top: 0;}
    .casexq-head .tags span{margin-right: 14px;}
    .news-ul{margin: -24px 0 0 ;}
    .news-link{width: 100%;margin: 24px 0 0;}
    .news-link-img img{height: 331px;}
    .news-link-cont{padding-top: 14px;}
    .pro-menu li {width: calc(100%/2 - 4px);}
    .pro-menu li a {height: 34px;font-size:12px;}
}