@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;user-select: none;}
.paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;}
.paging-menu a{width: 38px;height: 38px;line-height: 36px;border: 1px solid #e1e1e1;margin: 4px;font-size: 14px;color: #555;transition: all .4s ease;border-radius: 3px;background-color: #fff;}
.paging-menu a:first-child, .paging-menu a:last-child{width: 68px;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #2677ee;background-color: #2677ee;color: #fff;}
.paging-skip{margin-left: 8px;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #2677ee;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #2677ee;color: #fff;border-color: #2677ee;}
.paging-hint span{color: #2677ee;}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;}.paging-skip{width: 100%;margin-left: 0;}.paging-menu a:first-child, .paging-menu a:last-child{width: 54px;}}

/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #2677ee;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #2677ee;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: #2677ee !important;}
.search-link:hover h2{color: #2677ee;}
@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: #2677ee;}
.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: #2677ee;}
.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;}
}

/*  */
.CommonBanner .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;animation: CommonBanner .8s ease-in-out;}
@keyframes CommonBanner {0%{opacity: 0;transform: translateX(160px);}100%{opacity: 1;transform: translateX(0px);}}

.CommonTitle .line{width: 50px;height: 2px;background-color: #2677ee;}
.CommonTitle.flex {flex-direction: column;justify-content: center;align-items: center;}

.procj-list{border-bottom: 1px solid #e7e7e7;justify-content: center;}
.procj-list a{transition: all .4s ease;padding-bottom: 20px;width: 130px;text-align: center;margin: 0px 45px;position: relative;}
.procj-list a::before{content: "";position: absolute;width: 0%;height: 2px;background-color: #2677ee;bottom: 0px;left: 50%;transform: translateX(-50%);transition: all .4s ease;}
.procj-list a.active{color: #2677ee;}
.procj-list a.active::before{width: 100%;}
.procj-muen > div{display: none;}
.procj-muen > div.active{display: flex;}
.procj-muen > div .img{width: 50%;}
.procj-muen > div .cont{width: 50%;padding-left: 80px;display: flex;flex-direction: column;justify-content: center;}
.procj-muen > div .cont li{position: relative;padding-left: 30px;margin-bottom: 20px;}
.procj-muen > div .cont li:last-child{margin-bottom: 0px;}
.procj-muen > div .cont li::before{content: "";position: absolute;width: 17px;height: 11px;background: url(../images/pages/procj-muen2.png)center no-repeat;background-size: contain;left: 0px;top: 12px;}
.procj-muen > div .cont .btn{width: 110px;height: 40px;background-color: #2677ee;border-radius: 3px;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.procj-muen > div .cont .btn:hover{box-shadow: 0px 0px 15px 0px rgba(91, 113, 146, 0.5);}

.prold{background: url(../images/pages/prold_bg.jpg) center no-repeat;background-size: cover;}
.prold-title{display: flex;justify-content: center;align-items: center;}
.prold-title .text{margin: 0px 20px;}
.prold-list .list-muen:nth-child(odd){background-color: #f3f5fa;}
.prold-cont{width: 100%;}
.prold-cont .img{width: 610px;display: flex;justify-content: center;align-items: center;}
.prold-cont .cont{width: calc(100% - 610px);display: flex;flex-direction: column;justify-content: center;}
.prold-cont .cont .btn{display: flex;align-items: center;justify-content: center;width: 110px;height: 40px;background-color: #2677ee;color: #fff;border-radius: 3px;transition: all .4s ease;}
.prold-cont .cont .btn:hover{box-shadow: 0px 0px 15px 0px rgba(91, 113, 146, 0.5);}
.prold-list .list-muen:nth-child(odd) .prold-cont .cont{padding-right: 50px;}
.prold-list .list-muen:nth-child(even) .prold-cont .cont{padding-left: 50px;}
.prold-list .list-muen:nth-child(even) .prold-cont {flex-direction: row-reverse;}
.prold-cont .cont .swiper-pagination{position: relative;text-align: left;margin-left: -5px;}

.swiper-pagination-bullet {margin: 0px 5px;width: 30px;height: 4px;display: inline-block;border-radius: 0%;background: #acacac;opacity: 1;}
.swiper-pagination-bullet-active {opacity: 1;background: #2677ee;}

.prold-cont .cont li{position: relative;padding-left: 30px;margin-bottom: 20px;}
.prold-cont .cont li:last-child{margin-bottom: 0px;}
.prold-cont .cont li::before{content: "";position: absolute;width: 17px;height: 11px;background: url(../images/pages/procj-muen2.png)center no-repeat;background-size: contain;left: 0px;top: 12px;}

.progn-list {margin-right: -22px;margin-bottom: -22px;}
.progn-list li{border-width: 2px;border-color: rgb(255, 255, 255);border-radius: 6px;border-style: solid;    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 1%, rgb(247,249,251) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 1%, rgb(247,249,251) 100%);background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 1%, rgb(247,249,251) 100%);box-shadow: 0px 0px 20px 0px rgba(91, 113, 146, 0.1);}
.progn-list li{width: calc(100%/7 - 22px);margin-right: 22px;margin-bottom: 22px;}
.progn-list li .img{height: 50px;}
.progn-list li .img img{max-height: 100%;}
.progn-list li {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 30px 0px;}
.progn-list li .text{transition: all .4s ease;}
.progn-list li:hover .text{color: #2677ee;}

.CommonBanner{position: relative;}
.CommonBanner > img{width: 100%;}

.proyw-cont{display: flex;justify-content: center;align-items: center;}

.proys-list {margin-right: -28px;margin-bottom: -28px;}
.proys-list li{width: calc(100%/3 - 28px);margin-right: 28px;margin-bottom: 28px;border: 1px solid #d4e4fc;border-radius: 5px;box-shadow: 0px 0px 20px 0px rgba(38, 119, 238, 0.1);
    position: relative;overflow: hidden;padding: 50px 30px;}
.proys-list li img.bg{position: absolute;right: 0px;top: 25px;}
.proys-list li .img{height: 55px;}
.proys-list li .img img{max-height: 100%;}

.progn.newBg{background-color: #f3f5fa;}

.mutfa-cont{width: 100%;}
.mutfa-cont .cont-l{width: 220px;}
.mutfa-cont .cont-r{width: calc(100% - 220px);padding-left: 50px;}
.mutfa-list{background-color: #f6f8fb;padding: 30px 0px;border-radius: 3px;}
.mutfa-list a{width: 100%;display: flex;height: 55px;justify-content: center;align-items: center;margin-bottom: 10px;transition: all .4s ease;}
.mutfa-list a:last-child{margin-bottom: 0px;}
.mutfa-list a.active,.mutfa-list a:hover{background-color: #2677ee;color: #fff;}

.mutfz_xz_list li img{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;}
.mutfz_xz_list {margin-right: -20px;}
.mutfz_xz_list li{position: relative;width: calc(100%/2 - 20px);margin-right: 20px;border-radius: 3px;overflow: hidden;padding: 18px 30px;}
.mutfz_xz_list li .title{position: relative;z-index: 2;}
.mutfz_xz_list li a{position: relative;z-index: 2;width: 110px;height: 30px;border: 1px solid #fff;border-radius: 3px;display: flex;justify-content: center;
    align-items: center;transition: all .4s ease;}
.mutfz_xz_list li a:hover{background-color: #2677ee;color: #fff;}

.mutfz_kd_list {margin-bottom: -30px;}
.mutfz_kd_list li{margin-bottom: 30px;border-radius: 4px;border: 1px solid #eeeeee;width: 100%;}
.mutfz_kd_list li .img{width: 220px;border-right: 1px solid #eeeeee;display: flex;justify-content: center;align-items: center;}
.mutfz_kd_list li .cont{width: calc(100% - 220px);padding: 25px 40px;}
.mutfz_kd_list li .cont p{font-size: 14px;line-height: 24px;color: #666;}
.mutfz_kd_list li .cont .iCon{display: flex;align-items: center;}
.mutfz_kd_list li .cont .iCon img{margin-right: 10px;}
.mutfz_kd_list li .cont .iCon span{margin-right: 44px;}

.mutcp-list{display: flex;margin-right: -16px;margin-bottom: -16px;}
.mutcp-list li{width: calc(100%/5 - 16px);height: 80px;border-radius: 5px;background-color: #f8fafc;display: flex;justify-content: center;align-items: center;padding: 20px;margin-right: 16px;margin-bottom: 16px;}

.aottd{background-color: #f3f5fa;}
.aottd-list a{padding: 0px 20px;height: 45px;display: flex;justify-content: center;align-items: center;background-color: #fff;margin-right: 20px;transition: all .4s ease;}
.aottd-list a:last-child{margin-right: 0px;}
.aottd-list a.active,.aottd-list a:hover{color: #fff;background-color: #2677ee;}

.aottd-muen {overflow: hidden;width: 100%;}
.aottd-muen > div{display: none;}
.aottd-muen > div.active{display: flex;}
.aottd-muen > div .img{width: 50%;}
.aottd-muen > div .img img{width: 100%;height: 100%;}
.aottd-muen > div .cont{width: 50%;background-color: #fff;display: flex;flex-direction: column;justify-content: center;padding: 20px 20px 20px 80px;}
.aottd-muen > div .cont li{padding-left: 15px;position: relative;margin-bottom: 10px;}
.aottd-muen > div .cont li::before{content: "";position: absolute;width: 6px;height: 6px;background-color: #2677ee;border-radius: 100px;left: 0px;top: 10px;}
.aottd-muen > div .cont li:last-child{margin-bottom: 0px;}
.aottd-muen > div .cont .btn{width: 110px;height: 40px;background-color: #2677ee;border-radius: 3px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.aottd-muen > div .cont .btn:hover{box-shadow: 0px 0px 15px 0px rgba(91, 113, 146, 0.5);}

.aotgz-list {margin-right: -22px;}
.aotgz-list > li{background-color: #f3f5fa;margin-right: 22px;width: calc(100%/3 - 22px);}
.aotgz-list > li .img{height: 200px;}
.aotgz-list > li .img img{width: 100%;height: 100%;}
.aotgz-list > li .cont{padding: 40px 40px;}
.aotgz-list > li .cont li{padding-left: 17px;position: relative;margin-bottom: 14px;}
.aotgz-list > li .cont li::before{content: "";position: absolute;width: 6px;height: 6px;background-color: #2677ee;border-radius: 100px;left: 0px;top: 10px;}
.aotgz-list > li .cont li:last-child{margin-bottom: 0px;}

.aotyy-list a{padding: 0px 20px;height: 45px;display: flex;justify-content: center;align-items: center;background-color: #f3f5fa;margin-right: 20px;transition: all .4s ease;}
.aotyy-list a:last-child{margin-right: 0px;}
.aotyy-list a.active,.aotyy-list a:hover{color: #fff;background-color: #2677ee;}

.aotyy-muen{width: 100%;overflow: hidden;}
.aotyy-muen > div{display: none;position: relative;}
.aotyy-muen > div.active{display: flex;}
.aotyy-muen > div .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: flex-end;}
.aotyy-cont{background-color: rgba(255, 255, 255, .9);width: 480px;padding: 40px;margin-bottom: 60px;}
.aotyy-cont li{padding-left: 17px;position: relative;margin-bottom: 14px;}
.aotyy-cont li::before{content: "";position: absolute;width: 6px;height: 6px;background-color: #2677ee;border-radius: 100px;left: 0px;top: 10px;}
.aotyy-cont li:last-child{margin-bottom: 0px;}

.aotld li:last-child{background-color: #2677ee !important;background-image: none !important;}
.aotld li:last-child .text{color: #fff !important;}
.aotld li:last-child .text:hover{color: #fff !important;}
.aotld li:last-child a{display: flex;justify-content: center;align-items: center;flex-direction: column;}

.aotyy .contain{overflow: hidden;}

.tecCom-Nav{border-bottom: 1px solid #ebebeb;}
.tecCom-Nav .contain{overflow: hidden;}
.tecCom-cont {justify-content: space-between;}
.tecCom-cont a{height: 80px;display: flex;align-items: center;padding: 0px 13px;border-bottom: 3px solid #fff;}
.tecCom-cont a.active{border-bottom: 3px solid #2677ee;font-weight: 700;color: #2677ee;}

.tecjj-cont .img{width: 560px;}
.tecjj-cont .img img{width: 100%;height: 100%;}
.tecjj-cont .cont{width: calc(100% - 560px);padding-right: 66px;display: flex;flex-direction: column;justify-content: center;}
.tecjj-cont .cont b{color: #333333;}
.tecjj-cont .cont .tecjj-title{display: flex;justify-content: flex-end;padding-right: 20px;position: relative;}
.tecjj-cont .cont .tecjj-title .text{position: relative;}
.tecjj-cont .cont .tecjj-title .text::before{content: "";position: absolute;width: 700px;height: 1px;background-color: #dddddd;top: 50%;transform: translateY(-50%);left: -742px;}

.tecjj-list {border-left: 1px solid #eaeaea;}
.tecjj-list li {width: calc(100%/4);display: flex;justify-content: center;align-items: center;flex-direction: column;border-right: 1px solid #eaeaea;}

.tecfx{background: url(../images/pages/tecfx_bg.jpg)center no-repeat;background-size: cover;}
.tecfx-list {margin-right: -8px;}
.tecfx-list li{display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: rgba(255, 255, 255, .8);width: calc(100%/4 - 8px);margin-right: 8px;padding: 50px 0px;transition: all .4s ease;}
.tecfx-list li .img{height: 95px;}
.tecfx-list li .img img{max-height: 100%;transition: all .4s ease;}
.tecfx-list li .line{width: 30px;height: 2px;background-color: #2677ee;transition: all .4s ease;}
.tecfx-list li .img img:nth-child(1){position: absolute;opacity: 1;}
.tecfx-list li .img img:nth-child(2){opacity: 0;}
.tecfx-list li:hover .img img:nth-child(1){opacity: 0;}
.tecfx-list li:hover .img img:nth-child(2){opacity: 1;}
.tecfx-list li .title{transition: all .4s ease;}
.tecfx-list li .text{transition: all .4s ease;}
.tecfx-list li:hover .title{color: #fff;}
.tecfx-list li:hover .line{background-color: #fff;}
.tecfx-list li:hover .text{color: #fff;}
.tecfx-list li:hover{background-color: #2677ee;}

.teczz-lun{background-color: #f7f8fb;padding: 45px 15px;}
.teczz-lun .img{height: 255px;display: flex;align-items: center;justify-content: center;}
.teczz-lun .img img{max-height: 100%;}

.teczz-svp {position: relative;}
.teczz-svp .swiper-btn{position: absolute;top: 50%;transform: translateY(-50%);}
.teczz-svp .swiper-btn a{width: 45px;height: 45px;border-radius: 100%;background-color: #f7f8fb;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.teczz-svp .swiper-btn.next a{transform: rotate(180deg);}
.teczz-svp .swiper-btn.prev{left: -84px;}
.teczz-svp .swiper-btn.next{right: -84px;}
.teczz-svp .swiper-btn a:hover{background-color: #2677ee;}
.teczz-svp .swiper-btn a i{transition: all .4s ease;}
.teczz-svp .swiper-btn a:hover i{color: #fff;}

.tecfz-list {position: relative;}
.tecfz-list::before{content: "";position: absolute;height: calc(100% + 40px);background-color: #dddddd;width: 1px;top: 50%;transform: translateY(-50%);left: 232px;}
.tecfz-list .list-muen{margin-bottom: 40px;}
.tecfz-list .list-muen:last-child{margin-bottom: 0px;}
.tecfz-list .list-muen .number{width: 300px;position: relative;}
.tecfz-list .list-muen .number::before{content: "";position: absolute;width: 15px;height: 15px;border-radius: 100px;border: 2px solid #2677ee;top: 15px;right: 60px;background-color: #fff;}
.tecfz-list .list-muen .tecfz-cont{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);border-radius: 5px;border-style: solid;border-width: 1px;border-color: rgb(221, 221, 221);width: calc(100% - 300px);
padding: 30px;}
.tecfz-cont{position: relative;}
.tecfz-cont .img{display: flex;justify-content: center;align-items: center;position: absolute;right: 0px;top: 0px;height: 100%;padding: 10px;width: 20%;}
.tecfz-cont .img img{max-height: 100%;}
.tecfz-cont .cont{width: 100%;padding-right: 20%;}
.tecfz-cont .cont p{padding-left: 30px;position: relative;margin-bottom: 10px;font-size:16px;color: #333;} 
.tecfz-cont .cont p::before{content: "";position: absolute;width: 10px;height: 10px;background-color: #fff;border-radius: 100px;border: 2px solid #2677ee;left: 0px;top: 8px;}
.tecfz-cont .cont p:last-child{margin-bottom: 0px;}

.tecgl-list{margin-right: -20px;}
.tecgl-list li{margin-right: 20px;border: 1px solid #dddddd;border-radius: 5px;transition: all .4s ease;padding: 50px 30px;position: relative;width: calc(100%/3 - 20px);}
.tecgl-list li:hover{border: 1px solid #2677ee;box-shadow: 0px 0px 20px 0px rgba(38, 119, 238, 0.15);}
.tecgl-list li .line{width: 48px;height: 2px;background-color: #2677ee;}
.tecgl-title img{margin-right: 10px;}
.tecgl-list li img.bg{position: absolute;right: 0px;top: 60px;opacity: 0;transition: all .4s ease;}
.tecgl-list li .title{transition: all .4s ease;}
.tecgl-list li:hover .title{color: #2677ee;}
.tecgl-list li .img{height: 25px;}
.tecgl-list li .img img{max-height: 100%;}
.tecgl-list li:hover img.bg{opacity: 1;}

.teczs{background: url(../images/pages/teczs_bg.jpg)center no-repeat;background-size: cover;}
.teczs-list{justify-content: space-between;}
.teczs-list li{margin: 0px 60px;display: flex;flex-direction: column;align-items: center;}
.teczs-list li .img{width: 100px;height: 100px;background-color: #fff;transition: all .4s ease;border-radius: 100px;display: flex;align-items: center;justify-content: center;position: relative;}
.teczs-list li:hover .img{background-color: #2677ee;}
.teczs-list li .img img{transition: all .4s ease;}
.teczs-list li .img img:nth-child(1){opacity: 1;position: absolute;}
.teczs-list li .img img:nth-child(2){opacity: 0;}
.teczs-list li:hover .img img:nth-child(1){opacity: 0;}
.teczs-list li:hover .img img:nth-child(2){opacity: 1;}

.tecfw{background-color: #f8fafc;}
.tecfw-list {margin-right: -22px;}
.tecfw-list .list-muen{width: calc(100%/3 - 22px);margin-right: 22px;background-color: #fff;transition: all .4s ease;}
.tecfw-list .list-muen .img{height: 200px;overflow: hidden;}
.tecfw-list .list-muen .img img{width: 100%;height: 100%;transition: all .4s ease;}
.tecfw-list .list-muen .cont{padding: 40px;}
.tecfw-list .list-muen .cont li{padding-left: 17px;position: relative;margin-bottom: 12px;}
.tecfw-list .list-muen .cont li::before{content: "";position: absolute;width: 6px;height: 6px;background-color: #2677ee;border-radius: 100px;left: 0px;top: 10px;}
.tecfw-list .list-muen .cont li:last-child{margin-bottom: 0px;}
.tecfw-list .list-muen:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.tecfw-list .list-muen:hover .img img{transform: scale(1.04);}

.fanZix-cont{border-radius: 5px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);}
.fanZix-cont .img{width: 54%;}
.fanZix-cont .img img{width: 100%;height: 100%;}
.fanZix-cont .cont{width: 46%;padding: 60px;}
.fanZix-cont .cont li {margin-bottom: 20px;}
.fanZix-cont .cont li:last-child {margin-bottom: 0px;}
.fanZix-cont .cont li .title{width: 94px;display: flex;justify-content: center;align-items: center;justify-content: flex-end;padding-right: 20px;}
.fanZix-cont .cont li .input{width: calc(100% - 94px);}
.fanZix-cont .cont li .input input{height: 46px;border-radius: 3px;border: 1px solid #ececec;width: 100%;padding: 0px 20px;}
.fanZix-cont .cont li .title span{color: #f04444;margin-right: 10px;}
.fanZix-cont .cont .btn{height: 46px;border-radius: 3px;background-color: #2677ee;display: flex;width: 100%;justify-content: center;align-items: center;transition: all .4s ease;}
.fanZix-cont .cont .btn:hover{box-shadow: 0px 0px 15px 0px rgba(91, 113, 146, 0.5);}

.tecjz-cont{}
.tecjz-cont > .img{width: 64%;}
.tecjz-cont .cont{padding-left: 80px;width: 36%;display: flex;align-items: center;}
.tecjz-list {margin-bottom: -22px;width: 100%;}
.tecjz-list li{width: 100%;margin-bottom: 22px;height: 150px;display: flex;justify-content: center;align-items: center;flex-direction: column;box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
border-style: solid;border-width: 1px;border-color: rgb(255, 255, 255);border-radius: 5px;background: url(../images/pages/tecjz-list_bg1.jpg) center no-repeat;transition: all .4s ease;background-size: cover;}
.tecjz-list li .img{display: flex;justify-content: center;align-items: center;}
.tecjz-list li:hover {background: url(../images/pages/tecjz-list_bg2.jpg) center no-repeat;background-size: cover;}

.proclbar-video-btn {width: 40px;height: 40px;position: absolute;z-index: 4;top: 50%;left: 50%;margin: -20px 0 0 -20px;border-radius: 50%;background: #2677ee;}
.proclbar-video-btn i {width: 10px;height: 12px;background: url('../images/pages/indtbplay.png') no-repeat center;position: absolute;top: 50%;left: 50%;margin-top: -6px;margin-left: -4px;z-index: 4;}
.proclbar-video img {width: 100%;object-fit: cover;border-radius: 5px;}
.proclbar-video {width: 314px;border-radius: 5px;position: relative;cursor: pointer;background: #fff;padding: 10px;border: 2px solid #fff;box-shadow: 7px 7px 17px 5px rgba(85, 98, 151, 0.11);
    background: linear-gradient(to bottom, #f4f5f8, #fff);transition: all .4s ease;}
.proclbar-video-btn::before {content: "";position: absolute;width: 54px;height: 54px;border-radius: 50%;left: 50%;top: 50%;margin: -27px 0 0 -27px;border: 1px dashed #2677ee;transform: scale(0);transition: all .4s ease;}
.proclbar-video:hover {box-shadow: 7px 7px 17px 5px rgba(85, 98, 151, 0.18);}
.proclbar-video:hover .proclbar-video-btn::before {transform: scale(1);animation: proclbarRun 10s linear infinite .6s;}
@keyframes proclbarRun {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
.proclbar-video-content{position: absolute;width: 100%;bottom: -125px;left: 0px;}

.prold-svp {position: relative;}
.prold-svp .swiper-btn{position: absolute;top: 50%;transform: translateY(-50%);}
.prold-svp .swiper-btn a{width: 45px;height: 45px;border-radius: 100%;background-color: #f7f8fb;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.prold-svp .swiper-btn.next a{transform: rotate(180deg);}
.prold-svp .swiper-btn.prev{left: -84px;}
.prold-svp .swiper-btn.next{right: -84px;}
.prold-svp .swiper-btn a:hover{background-color: #2677ee;}
.prold-svp .swiper-btn a i{transition: all .4s ease;}
.prold-svp .swiper-btn a:hover i{color: #fff;}

/* .mutfz_kd_list-muen{position: relative;margin-bottom: 20px;overflow: hidden;max-height: 120px;} */
.aboubanner-no .CommonBanner .content{animation: none !important;}














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

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .teczs-list li{margin: 0px 40px;}
    .tecfw-list .list-muen .img{height: 167px;}
    .tecfw-list .list-muen .cont {padding: 30px;}
}

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

@media all and (max-width:1350px) {
    /* 1280 */
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .CommonBanner > img{min-height: 400px;}
    .procj-muen > div .img{width: 100%;}
    .procj-muen > div.active{flex-wrap: wrap;}
    .procj-muen > div .cont{width: 100%;padding-left: 0px;}
    .prold-cont .cont{width: 100%;}
    .prold-cont .img{width: 100%;margin-top: 15px;}
    .prold-list .list-muen:nth-child(odd) .prold-cont .cont{padding-right: 0px;}
    .prold-list .list-muen:nth-child(even) .prold-cont .cont{padding-left: 0px;}
    .mutfa-cont .cont-l{width: 100%;}
    .mutfa-cont .cont-r{width: 100%;padding-left: 0px;}
    .mutfz_xz_list{margin-right: 0px;margin-bottom: -10px;}
    .mutfz_xz_list li {width: 100%;margin-right: 0px;padding: 15px;margin-bottom: 10px;}
    .mutfz_xz_list li a{width: 80px;}
    .mutfz_kd_list li .img{width: 100%;border-right: 0px;padding: 20px;}
    .mutfz_kd_list li .cont{width: 100%;padding: 15px;}
    .mutfz_kd_list li .cont .iCon{flex-wrap: wrap;}
    .mutfz_kd_list li .cont .iCon span{margin-right: 20px;}
    .mutcp-list li {margin: 0px;width: calc(100%/3 - 10px);height: 50px;padding: 10px;margin-right: 10px;margin-bottom: 10px;}
    .mutcp-list{margin-right: -10px;margin-bottom: -10px;}
    .aottd-muen > div .cont {padding: 20px 20px 20px 40px;}
    .tecjj-cont .cont{width: 100%;padding-right: 0px;}
    .tecjj-cont .img{width: 100%;margin-top: 15px;}
    .tecgl-list li{padding: 20px;}
    .teczs-list li{margin: 0px 10px;}
    .fanZix-cont .img{width: 100%;}
    .fanZix-cont .cont{width: 100%;}
    .tecjz-cont .img{width: 100%;}
    .tecjz-cont .cont{width: 100%;padding-left: 0px;margin-top: 25px;}
    .proclbar-video{display: none;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .CommonBanner > img{min-height: 300px;}
    .procj-list {margin-right: -10px;}
    .procj-list a{width: calc(100%/3 - 10px);margin: 0px;margin-right: 10px;}
    .procj-muen > div .cont li {margin-bottom: 5px;}
    .procj-muen > div .cont .btn{margin-top: 16px;}
    .prold-cont .cont .btn{margin-top: 16px;}
    .prold-cont .cont li{margin-bottom: 5px;}
    .progn-list {margin-right: -10px;margin-bottom: -10px;}
    .progn-list li {width: calc(100%/3 - 10px);margin-right: 10px;margin-bottom: 10px;padding: 15px 0px;}
    .procj-muen > div .cont li::before{top: 8px;}
    .prold-cont .cont li::before{top: 8px;}
    .progn-list li .text{margin-top: 10px;}
    .proys-list {margin-right: 0px;margin-bottom: -15px;}
    .proys-list li {width: 100%;margin-right: 0px;margin-bottom: 15px;border-radius: 5px;padding: 30px;}
    .mutfa-cont .cont-l{overflow: auto;}
    .mutfa-list{flex-wrap: wrap;display: flex;padding: 0px;}
    .mutfa-list a{width: 100px;}
    .aottd-muen > div.active{flex-wrap: wrap;}
    .aottd-muen > div .img{width: 100%;}
    .aottd-muen > div .cont{width: 100%;padding: 10px;}
    .aottd-list_cont {overflow-x: auto;}
    .aottd-list a{width: 200px;margin-right: 0px;}
    .aotgz-list{margin-right: 0px;margin-bottom: -15px;}
    .aotgz-list > li {margin-right: 0px;width: 100%;margin-bottom: 15px;}
    .aotgz-list > li .img{height: 160px;}
    .aotgz-list > li .cont {padding: 30px 25px;}
    .aotyy-cont{width: 100%;}
    .aotyy-muen > div .content{position: static;width: 100%;height: auto;}
    .aotyy-muen > div.active{flex-wrap: wrap;}
    .aotyy-cont{margin-bottom: 0px;padding: 20px;}
    .aotyy-list a{width: 200px;margin-right: 0px;}
    .aotyy-list_cont{overflow-x: auto;}
    .tecjj-cont .cont .tecjj-title{padding-right: 0px;}
    .tecjj-cont .cont .tecjj-title .text::before {left: -720px;}
    .tecCom-cont a{height: 55px;}
    .tecjj-list {margin-bottom: -10px;}
    .tecjj-list li {width: calc(100%/2);margin-bottom: 10px;}
    .tecfx-list {margin-bottom: -10px;margin-right: -10px;}
    .tecfx-list li {width: calc(100%/2 - 10px);margin-right: 10px;padding: 15px 0px;margin-bottom: 10px;}
    .teczz-lun{padding: 25px 15px;}
    .tecfz-list .list-muen .number{width: 100%;}
    .tecfz-list .list-muen .tecfz-cont{width: 100%;}
    .tecfz-list::before{display: none;}
    .tecfz-list .list-muen .number::before{display: none;}
    .tecfz-list .list-muen .tecfz-cont{padding: 15px;margin-top: 15px;}
    .tecfz-list .list-muen{margin-bottom: 15px;}
    .tecfz-cont .img{width: 40%;display: none;}
    .tecfz-cont .cont{width: 100%;padding-right: 0px;}
    .tecfz-cont .cont li{margin-bottom: 5px;}
    .tecfz-cont .cont li::before{top: 6px;}
    .tecgl-list li{width: 100%;margin-right: 0px;margin-bottom: 10px;}
    .tecgl-list{margin-right: 0px;margin-bottom: -10px;}
    .teczs-list {margin-bottom: -20px;justify-content: flex-start;}
    .teczs-list li{width: calc(100%/3);margin: 0px;margin-bottom: 20px;}
    .teczs-list li .img{width: 80px;height: 80px;}
    .tecfw-list{margin-right: 0px;margin-bottom: -15px;}
    .tecfw-list .list-muen {width: 100%;margin-right: 0px;margin-bottom: 15px;}
    .tecfw-list .list-muen .cont {padding: 15px;}
    .fanZix-cont .cont {padding: 15px;}
    .fanZix-cont .cont li .title{width: 100%;}
    .fanZix-cont .cont li .input{width: 100%;margin-top: 5px;}
    .fanZix-cont .cont li .title{justify-content: flex-start;}
    .fanZix-cont .cont li{margin-bottom: 10px;}
    .tecjz-list{margin-bottom: -10px;}
    .tecjz-list li{height: 130px;margin-bottom: 10px;}
}