@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;user-select: none;}
.paging-menu, .paging-menu a, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;}
.paging-menu a{width: 50px;height: 50px;line-height: 50px;background: #efeff3;margin: 4px 5px;font-size: 18px;color: #3f4150;transition: all .4s ease;border-radius: 30px;}
.paging-menu a:first-child, .paging-menu a:last-child{width: 110px;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #176db9;background-color: #176db9;color: #fff;}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;font-size: 15px;width: 34px;height: 34px;border-radius: 18px;line-height: 34px;}.paging-menu a:first-child, .paging-menu a:last-child{width: 66px;}}

/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #176db9;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #176db9;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;}
.search-link:not(:first-child){margin-top: 16px;}
.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: #176db9 !important;}
.search-link:hover h2{color: #176db9;}
@media all and (max-width:1000px) {.search-link{padding: 20px 15px;}.search-link:not(:first-child) {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: #176db9;}
.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: #176db9;}
.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: 680px) {
    .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%;height: 560px;transform: matrix(1.16, 0, 0, 1.16, 0, 0);animation: sonBanRn 4s ease both .2s;}
@keyframes sonBanRn {0%{transform: matrix(1.16, 0, 0, 1.16, 0, 0);}100%{transform: matrix(1, 0, 0, 1, 0, 0);}}

.sonHead{width: 100%;position: relative;background: #fff;z-index: 10;transform: translate3d(0,0,10px);}
.sonHead::after{content: "";position: absolute;width: 100%;height: 1px;left: 0;bottom: 0;background: #f2f2f2;}
.sonHead .contain{justify-content: space-between;align-items: center;}
.sonPlace{position: relative;overflow: hidden;}
.sonPlace .contain{align-items: center;background: #fff;position: relative;}
.sonPlace .contain::before, .sonPlace .contain::after{content: "";position: absolute;width: 102px;top: 0;height: 100%;background: #fff;}
.sonPlace .contain::before{left: -100px;}
.sonPlace .contain::after{right: -100px;}
.sonPlace a{font-size: 16px;position: relative;transition: all .4s ease;line-height: 1.1;display: flex;align-items: center;color: #999;}
.sonPlace a::before{content: "\e80b";font-family: "icon";font-size: 12px;margin: 0 10px;pointer-events: none;transform: rotateY(180deg);color: #999;transition: all .4s ease;}
.sonPlace a:first-child::before{content: "\e8ba";font-size: 18px;margin: -1px 6px 0 0;transform: none;pointer-events: auto;}
.sonPlace a:last-child{color: #333;}
.sonPlace a:hover{color: #176db9;}
.sonPlace a:first-child:hover::before{color: #176db9;}
.sonMenu{width: auto;}
.sonMenu a{display: flex;align-items: center;height: 80px;margin-left: 60px;font-size: 16px;color: #666;position: relative;transition: all .4s ease;z-index: 2;}
.sonMenu a:first-child{margin-left: 0;}
.sonMenu a::after{content: "";position: absolute;width: 100%;height: 2px;bottom: 0;left: 0;bottom: 0;background: #176db9;z-index: 2;opacity: 0;transition: all .4s ease;}
.sonMenu a.active::after{opacity: 1;}
.sonMenu a.active, .sonMenu a:hover{color: #176db9;}

/* 产权专利 */
.pat{width: 100%;overflow: hidden;}
.pat .contain{position: relative;}
.pat-title{color: #000;line-height: 1.14;position: absolute;left: 0;top: 0;}
.pat-mix{position: relative;justify-content: space-between;width: 100%;}
.pat-cont{width: 768px;margin: 0;padding-top: 100px;}
.pat-cont-info{display: block;width: 100%;}
.pat-cont-info .num{line-height: 1.14;}
.pat-cont-info .title{line-height: 1.24;color: #000;}
.pat-cont-info .line{width: 28px;height: 2px;background: #176db9;display: block;}
.pat-cont-info .text{width: 100%;}
.pat-image{width: 400px;margin: 0;}
.pat-image .image{width: 100%;display: flex;justify-content: center;cursor: default;}
.pat-image .image img{width: 100%;height: 548px;}
.pat-btn{width: auto;display: flex;position: absolute;left: 0;bottom: 0;z-index: 99;user-select: none;}
.pat-btn>div{width: 110px;opacity: 0.14;transition: all .4s ease;margin-left: 60px;cursor: pointer;}
.pat-btn>div img{width: 100%;}
.pat-btn>div:first-child{margin-left: 0;transform: rotate(180deg);}
.pat-btn>div:hover{opacity: 1;}

/* 关于我们 */
.abo{width: 100%;position: relative;}
.aboxx{width: 100%;}
.aboxx .contain{justify-content: space-between;}
.aboxx-info{width: auto;display: flex;flex-direction: column;}
.aboxx-info .title{line-height: 1.14;color: #000;}
.aboxx-info .mix{flex: 1;display: flex;align-items: center;}
.aboxx-info .mix .number{width: auto;}
.aboxx-info .mix .number .num{color: #666;}
.aboxx-info .mix .number .text{color: #666;}
.aboxx-info .mix .number .num span{line-height: 1.14;color: #176db9;margin-right: 8px;}
.aboxx-cont{width: 1028px;}
.aboxx-cont p{line-height: inherit;}
.abotp{width: 100%;}
.abotp img{width: 100%;min-height: 240px;animation-duration: 1.8s;}
.abosw{width: 100%;background: #f6f6f6;}
.abosw-title{width: 100%;position: relative;z-index: 10;}
.abosw-title .title{line-height: 1.14;}
.abosw-title .text{max-width: 900px;margin-left: auto;margin-right: auto;}
.abosw-loop{position: relative;width: 100%;user-select: none;z-index: 4;}
.abosw-loop::after{content: "";position: absolute;width: 100%;height: 100%;background: #fff;left: 0;top: 50%;}
.abosw-loop .swiper-pagination{display: none;}
.abosw-loop .swiper-container{overflow: visible;width: 1024px;}
.abosw-mix{width: 100%;position: relative;overflow: hidden;}
.abosw-mix .images{width: 100%;overflow: hidden;}
.abosw-mix .images img{width: 100%;height: 560px;transition: all .6s ease;}
.abosw-mix:hover .images img{transform: scale(1.04);}
.abosw-mix::after{content: "";position: absolute;width: 100%;height: 45.5%;left: 0;bottom: 0;background: url('../images/pages/aboSd.png') repeat-x left bottom/auto 100%;z-index: 4;transform: translate3d(0,0,10px);}
.abosw-mix .cont{width: 100%;padding: 28px 30px;position: absolute;z-index: 6;transform: translate3d(0,100%,10px);left: 0;bottom: 0;}
.abosw-mix .cont .title{line-height: 1.14;}
.abosw-loop .swiper-slide-active .abosw-mix .cont{transform: translate3d(0,0,10px);transition: all .6s ease .6s;}
.abosw-prev, .abosw-next{position: absolute;width: 60px;height: 60px;top: 50%;margin-top: -30px;border-radius: 50%;cursor: pointer;background: #fff;display: flex;align-items: center;justify-content: center;border: 1px solid #f6f6f6;color: #d2d2d2;transition: all .4s ease;font-size: 20px;z-index: 12;}
.abosw-prev i, .abosw-next i{font-size: inherit;}
.abosw-prev:hover, .abosw-next:hover{background: #176db9;border-color: #176db9;color: #fff;}
.abosw-prev {left: calc((60px + 180px)/-2);}
.abosw-next {right: calc((60px + 180px)/-2);transform: rotate(180deg);}
.aboln{width: 100%;}
.aboln-cont{width: 100%;position: relative;z-index: 4;}
.aboln-cont .title{line-height: 1.14;}

/* 联系我们 */
.rel{width: 100%;position: relative;}
.relxx{width: 100%;}
.relxx-mix{width: 100%;background: #f7f8fa;align-items: center;}
.relxx-info{width: 50%;padding: 20px 80px;}
.relxx-info .title{line-height: 1.14;}
.relxx-info .text{width: 100%;}
.relxx-info .text p{line-height: inherit;}
.relxx-info .code{width: 100%;}
.relxx-info .code li{width: 136px;margin-left: 20px;text-align: center;}
.relxx-info .code li:first-child{margin-left: 0;}
.relxx-info .code li .img{padding: 10px;border-radius: 8px;background: #fff;width: 100%;}
.relxx-info .code li .img img{width: 100%;}
.relxx-info .code li p{color: #666;}
.relxx-map{width: 50%;position: relative;height: 480px;}
.relxx-map #map{width: 100%;height: 100%;}
.relxx-map #map .amap-logo,.relxx-map #map .amap-copyright{display: none !important;}
.relly{background-position: right top;background-color: #f7f8fa;}
.relly-title{width: 100%;text-align: center;color: #000;line-height: 1.14;}
.relly-form{max-width: 1200px;margin-left: auto;margin-right: auto;}
.relly-form ul{margin: -12px 0 0 -12px;}
.relly-form li{width: calc(50% - 12px);margin: 12px 0 0 12px;}
.relly-form li.long{width: 100%;}
.relly-form li.btn{width: 100%;border-radius: 0;display: flex;justify-content: center;margin-top: 50px;}
.relly-form li input, .relly-form li textarea{font-size: 16px;padding: 0 18px;color: #666;width: 100%;height: 70px;background: #fff;border-radius: 5px;border: 1px solid transparent;transition: all .4s ease;}
.relly-form li input:focus, .relly-form li textarea:focus{border-color: #94bfe4;}
.relly-form li textarea{padding: 14px 18px;height: 130px;}
.relly-form li button{cursor: pointer;width: 274px;height: 70px;border-radius: 5px;font-size: 18px;color: #fff;background: #176db9;transition: all .4s ease;}
.relly-form li button:hover{box-shadow: 0 4px 16px 0 rgba(23, 109, 185, 0.4);}

/* 投资者关系 */
.inv{width: 100%;}
.inv .contain{max-width: 1340px;}
.invHead{width: 100%;position: relative;margin-bottom: 74px;justify-content: space-between;align-items: flex-end;}
.invHead-hint{line-height: 1.14;color: #999;position: absolute;right: 0;top: 0;}
.invHead-data{width: auto;}
.invHead-data .name{line-height: 1.14;}
.invHead-data .info{align-items: baseline;}
.invHead-data .info span{margin-right: 12px;line-height: .88;}
.invHead-data .info i{width: 14px;height: 17px;background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;margin-left: 3px;}
.invHead-data.red .info{color: #f73131;}
.invHead-data.red .info i{background-image: url('../images/pages/invArr.png');}
.invHead-data.green .info{color: #35b53b;}
.invHead-data.green .info i{background-image: url('../images/pages/invArrH.png');}
.invHead-other{width: auto;}
.invHead-other li{padding: 0 60px;position: relative;}
.invHead-other li::before{content: "";position: absolute;width: 1px;height: 60px;background: #f0f1f2;left: 0;top: 0;bottom: 0;margin: auto 0;}
.invHead-other li:first-child::before{display: none;}
.invHead-other li:first-child{padding-left: 0;}
.invHead-other li:last-child{padding-right: 0;}
.invHead-other li p, .invHead-other li h6{line-height: 1.14;}

/* 投资者关系-报告 */
.invbg{width: 100%;position: relative;}
.invbg-menu{width: 100%;position: relative;}
.invbg-menu::after{content: "";position: absolute;width: 100%;height: 2px;background: #f2f2f2;left: 0;bottom: 0;}
.invbg-menu a{display: flex;height: 48px;color: #000;transition: all .4s ease;position: relative;margin-left: 90px;z-index: 2;}
.invbg-menu a:first-child{margin-left: 0;}
.invbg-menu a::after{content: "";position: absolute;width: 100%;height: 2px;left: 0;bottom: 0;background: #176db9;opacity: 0;transition: all .4s ease;}
.invbg-menu a:hover, .invbg-menu a.active{color: #176db9;}
.invbg-menu a.active::after{opacity: 1;}
.invbg-list{width: 100%;}
.invbg-ul{margin: -60px 0 0 -40px;}
.invbg-link{display: block;width: calc(25% - 40px);margin: 60px 0 0 40px;position: relative;}
.invbg-hint{width: 100%;text-align: center;line-height: 1.14;transition: all .4s ease;}
.invbg-img{width: 100%;position: relative;overflow: hidden;text-align: center;}
.invbg-img img{width: auto;height: 410px;transition: all .6s ease;}
.invbg-more{position: absolute;width: 100%;height: 100%;top: 0;padding: 0 12px;left: 0;z-index: 4;transform: scale(.8);opacity: 0;transition: all .6s ease;background: rgba(23, 109, 185, 0.9);display: flex;flex-direction: column;justify-content: center;align-items: center;}
.invbg-more .title{line-height: 28px;}
.invbg-more .see{width: 110px;height: 38px;line-height: 38px;border: 2px solid #fff;border-radius: 19px;transition: all .4s ease;}
.invbg-more .see:hover{background: #fff;color: #176db9;}
.invbg-link:hover .invbg-hint{opacity: 0;}
.invbg-link:hover .invbg-more{opacity: 1;transform: scale(1);}

/* 投资者关系-季度 */
.invjd{width: 100%;position: relative;}
.invjd-list{width: 100%;}
.invjd-ul{margin: -20px 0 0 -40px;}
.invjd-link{width: calc(50% - 40px);margin: 20px 0 0 40px;display: flex;background: #f3f3f5;align-items: center;padding: 36px 40px;justify-content: space-between;transition: all .4s ease;position: relative;}
.invjd-info{width: calc(100% - 44px);align-items: center;}
.invjd-info .img{width: 46px;}
.invjd-info .img img{width: 100%;}
.invjd-info .cont{width: calc(100% - 46px);padding-left: 22px;}
.invjd-info .cont p{color: #ccc;line-height: 1.14;}
.invjd-info .cont h6{color: #000;line-height: 1.14;transition: all .4s ease;}
.invjd-icon{width: 30px;}
.invjd-icon img{width: 100%;}
.invjd-link::after{content: "";position: absolute;width: 100%;height: 2px;background: #176db9;left: 0;opacity: 0;bottom: 0;transition: all .6s ease;}
.invjd-link:hover:after{opacity: 1;}
.invjd-link:hover{background: #fff;box-shadow: 0 4px 16px 2px rgba(23, 109, 185, 0.14);}
.invjd-link:hover .invjd-info .cont h6{color: #176db9;}

/* 投资者关系-业务 */
.invyw{width: 100%;position: relative;}
.invyw .invjd-ul{margin-left: 0;}
.invyw .invjd-link{width: 100%;margin-left: 0;}

/* 投资者关系-治理 */
.invzl{width: 100%;position: relative;}

/* 系统规划-列表 */
.syslb{width: 100%;position: relative;}
.syslb-loop{width: 100%;position: relative;background: #f4f4f4;}
.syslb-loop-img, .syslb-loop-cont{width: 50%;margin: 0;}
.syslb-loop-img .image{display: block;width: 100%;}
.syslb-loop-img .image img{height: 488px;width: 100%;}
.syslb-loop-cont .cont{width: 100%;padding: 70px 110px 20px 96px;}
.syslb-loop-cont .cont .title .time{line-height: 1.14;}
.syslb-loop-cont .cont .title a{color: #000;transition: all .4s ease;}
.syslb-loop-cont .cont .title a:hover{color: #176db9;}
.syslb-loop-cont .cont .text{hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.syslb-loop .swiper-pagination{width: 100%;text-align: left;font-size: 0;bottom: 80px;padding-left: 96px;}
.syslb-loop .swiper-pagination-bullet {background: #b5b5b5;opacity: 1;margin: 0 0 0 20px !important;}
.syslb-loop .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.syslb-loop .swiper-pagination-bullet-active {opacity: 1;background: #176db9;}
.syslb-list{width: 100%;}
.syslb-list-ul{margin: -32px 0 0 -32px;}
.syslb-list-link{display: block;width: calc(33.3333% - 32px);margin: 32px 0 0 32px;transition: all .4s ease;}
.syslb-list-link .image{width: 100%;}
.syslb-list-link .image img{height: 312px;width: 100%;}
.syslb-list-link .cont{width: 100%;padding: 24px;background: #fff;}
.syslb-list-link .cont .time{line-height: 1.14;}
.syslb-list-link .cont .title{color: #000;transition: all .4s ease;max-width: 366px;}
.syslb-list-link:hover .image img{transform: scale(1.04);}
.syslb-list-link:hover .cont .title{color: #176db9;}
.syslb-list-link:hover {box-shadow: 0px 0px 15px 0px rgba(23, 109, 185, 0.14);}
  
/* 系统规划-详情 */
.sysxq{width: 100%;position: relative;}
.sysxq-mix{flex: 1;padding-right: 126px;}
.sysxq-head{width: 100%;}
.sysxq-head .title{line-height: 1.2;color: #000;}
.sysxq-head .hint p{margin-left: 24px;}
.sysxq-head .hint p:first-child{margin-left: 0;}
.sysxq-content{width: 100%;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;letter-spacing: .8px;}
.sysxq-side{width: 450px;}
.sysxq-side-title{line-height: 1.14;color: #000;}
.sysxq-side-list{width: 100%;}
.sysxq-side-list a{display: block;width: 100%;padding: 24px 0;border-top: 1px solid #ececec;}
.sysxq-side-list a .title{transition: all .4s ease;}
.sysxq-side-list a .time{line-height: 1.14;}
.sysxq-side-list a:hover .title{color: #176db9;}
.sysxq-btn{width: 100%;align-items: center;border-top: 1px solid #ededed;justify-content: space-between;}
.sysxq-btn a{width: auto;display: flex;align-items: center;}
.sysxq-btn a i{width: 30px;height: 30px;border-radius: 50%;padding-top: 1px;border: 2px solid #ededed;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #b5b5b5;transition: all .4s ease;}
.sysxq-btn a span{font-size: 16px;color: #666;margin-left: 10px;transition: all .4s ease;}
.sysxq-btn a:nth-child(2) i{transform: rotate(90deg);}
.sysxq-btn a:last-child{flex-direction: row-reverse;;}
.sysxq-btn a:last-child span{margin: 0 10px 0 0;}
.sysxq-btn a:last-child i{transform: rotate(180deg);padding: 0 0 1px;}
.sysxq-btn a:hover i{color: #176db9;border-color: #176db9;}
.sysxq-btn a:hover span{color: #176db9;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .sonBan img.bg{height: 500px;}
    .sonMenu a {height: 70px;margin-left: 50px;}
    .sysxq-mix {padding-right: 90px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .sonBan img.bg{height: 420px;}
    .sonMenu a {height: 60px;margin-left: 40px;}
    .pat-btn>div {margin-left: 40px;}
    .pat-cont {width: 640px;padding-top: 80px;}
    .pat-image {width: 360px;}
    .pat-image .image img{height: 494px;}
    .aboxx-cont {width: 920px;}
    .abosw-loop .swiper-container {width: 900px;}
    .abosw-mix .images img{height: 492px;}
    .abosw-prev {left: calc((60px + 160px)/-2);}
    .abosw-next {right: calc((60px + 160px)/-2);}
    .relxx-map {height: 400px;}
    .relxx-info {padding: 20px 50px;}
    .invHead-other li {padding: 0 40px;}
    .invbg-menu a {height: 40px;margin-left: 50px;}
    .invHead {margin-bottom: 50px;}
    .invbg-img img{height: 373px;}
    .invbg-ul {margin: -40px 0 0 -30px;}
    .invbg-link {width: calc(25% - 30px);margin: 40px 0 0 30px;}
    .invHead-other li::before{height: 50px;}
    .invjd-ul {margin: -20px 0 0 -30px;}
    .invjd-link {width: calc(50% - 30px);margin: 20px 0 0 30px;padding: 28px 30px;}
    .syslb-loop-img .image img{height: 382px;}
    .syslb-loop-cont .cont {padding: 50px 80px 20px 70px;}
    .syslb-loop .swiper-pagination {bottom: 60px;padding-left: 70px;}
    .syslb-list-ul {margin: -26px 0 0 -26px;}
    .syslb-list-link {width: calc(33.3333% - 26px);margin: 26px 0 0 26px;}
    .syslb-list-link .cont {padding: 20px;}
    .syslb-list-link .image img{height: 244px;}
    .sysxq-mix {padding-right: 60px;}
    .sysxq-side{width: 400px;}
    .sysxq-side-list a {padding: 20px 0;}
}

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

@media all and (max-width:1350px) {
    /* 1280 */
    .sonMenu a {margin-left: 20px;}
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .sonBan img.bg{height: 380px;}
    .sonPlace a {font-size: 15px;}
    .sonPlace a::before {margin: 0 6px;}
    .sonMenu a {height: 50px;margin-left: 20px;font-size: 15px;}
    .pat-btn>div {width: 90px;margin-left: 30px;}
    .pat-cont {width: 540px;padding-top: 70px;}
    .pat-image {width: 320px;}
    .pat-image .image img{height: 438px;}
    .aboxx-cont {width: 720px;}
    .abosw-loop .swiper-container {width: 800px;}
    .abosw-mix .images img{height: 438px;}
    .abosw-prev {left: calc((60px + 120px)/-2);}
    .abosw-next {right: calc((60px + 120px)/-2);}
    .abosw-mix .cont {padding: 20px 26px;}
    .relxx-map {height: 350px;}
    .relxx-info {padding: 20px 30px;}
    .relly-form li input{height: 50px;}
    .relly-form li textarea{height: 120px;}
    .relly-form li.btn {margin-top: 30px;}
    .relly-form li button {width: 240px;height: 60px;}
    .invbg-ul {margin: -30px 0 0 -20px;}
    .invbg-link {width: calc(25% - 20px);margin: 30px 0 0 20px;}
    .invbg-img img{height: 315px;}
    .invHead {margin-bottom: 30px;}
    .invHead-other li {padding: 0 30px;}
    .invbg-menu a {margin-left: 44px;}
    .invjd-ul {margin: -20px 0 0 -20px;}
    .invjd-link {width: calc(50% - 20px);margin: 20px 0 0 20px;padding: 20px 24px;}
    .syslb-loop-img .image img{height: 305px;}
    .syslb-loop-cont .cont {padding: 30px 40px 20px 40px;}
    .syslb-loop .swiper-pagination {bottom: 40px;padding-left: 40px;}
    .syslb-list-ul {margin: -20px 0 0 -20px;}
    .syslb-list-link {width: calc(33.3333% - 20px);margin: 20px 0 0 20px;}
    .syslb-list-link .cont {padding: 16px;}
    .syslb-list-link .image img{height: 196px;}
    .sysxq-mix {padding-right: 40px;}
    .sysxq-side{width: 280px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .abosw-loop .swiper-container{width: 700px;}
    .abosw-mix .images img{height: 382px;}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .sonHead{display: none;}
    .pat-cont {width: 380px;padding-top: 60px;}
    .pat-image {width: 280px;}
    .pat-image .image img{height: 384px;}
    .aboxx-info{width: 100%;align-items: center;justify-content: space-between;flex-direction: row;}
    .aboxx-info .mix{flex: none;}
    .aboxx-cont{width: 100%;margin-top: 24px;}
    .abosw-prev, .abosw-next{display: none;}
    .abosw-loop{padding: 0 4%;}
    .abosw-loop .swiper-container{width: 100%;overflow: hidden;}
    .abosw-loop .swiper-pagination{display: block;position: relative;bottom: 0;margin-top: 32px;font-size: 0;}
    .abosw-loop .swiper-pagination-bullet {width: 8px;height: 8px;background: #ebebeb;opacity: 1;margin: 0 6px;}
    .abosw-loop .swiper-pagination-bullet-active {background: #014e95;}
    .relxx-info{width: 100%;padding: 20px;}
    .relxx-map{width: 100%;height: 320px;}
    .invHead-other li {padding: 0 20px;}
    .invHead-other li::before{height: 40px;}
    .invbg-link {width: calc(50% - 20px);}
    .invbg-img img{height: 462px;}
    .syslb-loop-img, .syslb-loop-cont{width: 100%;}
    .syslb-loop-img .image img{height: auto;min-height: 210px;}
    .syslb-loop-cont .cont {padding: 30px 40px 60px;}
    .syslb-loop .swiper-pagination {bottom: 20px;text-align: center;padding-left: 0;}
    .syslb-list-link {width: calc(50% - 20px);}
    .syslb-list-link .image img{height: 218px;}
    .syslb-list-link{box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);}
    .sysxq-mix {padding-right: 30px;}
    .sysxq-side{width: 200px;}
    .sysxq-side-list a {padding: 16px 0;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .sonBan img.bg {height: auto;min-height: 200px;}
    .pat-head{width: 100%;position: relative;display: flex;justify-content: space-between;align-items: center;}
    .pat-title{position: relative;}
    .pat-btn{position: static;}
    .pat-btn>div {width: 40px;margin-left: 12px;}
    .pat-cont {width: 100%;padding-top: 0;margin-top: 24px;}
    .pat-cont-info .text{margin-top: 16px;line-height: 22px;}
    .pat-image{width: 100%;margin-top: 20px;}
    .pat-image .image{width: 240px;margin: 0 auto;}
    .pat-image .image img{height: 328px;}
    .aboxx-cont {margin-top: 20px;}
    .abotp img {min-height: 160px;}
    .abosw-mix .images img{height: 200px;}
    .abosw-mix .cont {padding: 12px 16px;}
    .abosw-loop .swiper-pagination {margin-top: 18px;}
    .aboln::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to right,#176db9,transparent);}
    .relxx-info{padding: 20px 16px;}
    .relxx-map{height: 220px;}
    .relxx-info .code li {width: 120px;margin-left: 12px;}
    .relxx-info .code li .img {padding: 8px;}
    .relly-form ul {margin: -8px 0 0;}
    .relly-form li {width: 100%;margin: 8px 0 0;}
    .relly-form li input {height: 44px;padding: 0 12px;}
    .relly-form li textarea {padding: 8px 12px;}
    .relly-form li input, .relly-form li textarea{font-size: 15px;}
    .relly-form li.btn {margin-top: 16px;}
    .relly-form li button {width: 160px;height: 46px;font-size: 16px;}
    .invHead-hint{position: static;line-height: 1.4;}
    .invHead-data{width: 100%;margin-top: 10px;}
    .invHead-other{width: 100%;margin-top: 12px;}
    .invHead-other li{padding: 0 14px;}
    .invHead-other li::before {height: 30px;}
    .invHead {margin-bottom: 20px;}
    .invbg-menu a {height: 36px;margin-left: 24px;}
    .invbg-ul {margin: -18px 0 0 -12px;}
    .invbg-link {width: calc(50% - 12px);margin: 18px 0 0 12px;}
    .invbg-img img{height: 214px;}
    .invbg-hint{margin-top: 14px;}
    .invbg-more .title {line-height: 22px;font-size: 15px;}
    .invbg-more .see {width: 100px;height: 34px;line-height: 34px;border-radius: 17px;}
    .invjd-ul {margin: -14px 0 0;}
    .invjd-link {width: 100%;margin: 14px 0 0;padding: 16px;}
    .invjd-info .img{width: 38px;}
    .invjd-info .cont {padding-left: 12px;width: calc(100% - 38px);}
    .syslb-loop-cont .cont {padding: 18px 16px 44px;}
    .syslb-loop .swiper-pagination-bullet {margin: 0 0 0 12px !important;}
    .syslb-loop-cont .cont .text{margin-top: 10px;}
    .syslb-list-ul {margin: -14px 0 0;}
    .syslb-list-link {width: 100%;margin: 14px 0 0;}
    .syslb-list-link .image img{height: auto;min-height: 210px;}
    .sysxq-mix {padding-right: 0;flex: none;width: 100%;}
    .sysxq-side{width: 100%;margin-top: 32px;}
    .sysxq-side-list a {padding: 12px 0;}
    .sysxq-content{margin-top: 18px;}
    .sysxq-btn a span {font-size: 15px;margin-left: 6px;}
    .sysxq-btn a:last-child span {margin: 0 6px 0 0;}
}