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

/* 视频弹窗 */
.popVideo{display: none;opacity: 0;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-items{width: 1000px;position: relative;display: none;padding: 34px 34px 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}

/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;margin-top: 60px;user-select: none;position: relative;z-index: 3;}
.paging-menu, .paging-menu a{display: inline-block;vertical-align: middle;}
.paging-menu a{width: 44px;height: 44px;line-height: 44px;border-radius: 50%; margin: 4px;font-size: 14px;color: #555;transition: all .4s ease;background-color: #fff;}
.paging-menu a:first-child, .paging-menu a:last-child{width: 102px;border-radius:22px;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #13499e;background-color: #13499e;color: #fff;}
@media all and (max-width:1599px) {.paging{margin-top: 50px;}}
@media all and (max-width:1279px) {.paging{margin-top: 44px;}}
@media all and (max-width:1000px) {.paging{margin-top: 36px;}.paging-menu a{margin: 4px 2px;}.paging-menu a:first-child, .paging-menu a:last-child{width: 88px;}}
@media all and (max-width:640px){.paging-menu a{width: 32px;height: 32px;line-height: 32px;font-size: 13px;}.paging-menu a:first-child, .paging-menu a:last-child{width: 68px;border-radius:18px;}}
/* 搜索页面 */
.search{width: 100%;padding: 80px 0;}
.search-info{width: 100%;font-size: 28px;color: #333;font-weight: 700;}
.search-info span{color: #13499e;}
.search-list{width: 100%;margin-top: 30px;}
.search-link{display: block;width: 100%;padding: 32px 0;border-bottom: 1px solid #f0f0f2;}
.search-link h2{font-size: 20px;color: #333;line-height: 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}
.search-link p{width: 100%;font-size: 16px;margin-top: 16px;color: #666;line-height: 26px;max-height: 52px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.search-link .highlightRow span{color: #13499e !important;}
.search-link:hover h2{color: #13499e;}
@media all and (max-width:1599px) {.search{padding: 70px 0;}.search-info{font-size: 26px;}.search-link{padding: 28px 0;}.search-list{margin-top: 18px;}}
@media all and (max-width:1279px) {.search{padding: 60px 0;}.search-info{font-size: 24px;}.search-link{padding: 24px 0;}.search-list{margin-top: 12px;}}
@media all and (max-width:1000px) {.search{padding: 40px 0;}.search-info{font-size: 20px;}.search-link{padding: 20px 0;}.search-list{margin-top: 8px;}.search-link h2{font-size: 18px;}.search-link p{margin-top: 12px;}}


/* 公共部分 */
.link-nav{height:60px;background:#787878;color:#fff;}
.link-nav .contain{height:100%;display:flex;align-items:center}
.link-nav a{font-size:14px;line-height:1;transition:all .4s ease}
.link-nav a img{max-width: 100%;object-fit: cover;}
.link-nav a:hover{opacity:.7}
.link-nav i{display:block;background:url('../images/common/arrRW.svg') no-repeat center/100%;width:16px;height:16px;margin:0 10px 0 16px}

/* 关于我们 */
.com-banner{width: 100%;position: relative;overflow: hidden;}
.com-banner:after { content: '';position: absolute;background: url('../images/pages/skos.svg')no-repeat;background-size: 100.4%;bottom: -1px;left: 0;right: 0;padding-top: 13.1%;}
.com-banner img{width: 100%;object-fit: cover;}
.com-content{ position: absolute;left: 0;top: 0;display:flex;width: 100%;height: 100%;;text-align: center}
.com-content.left{text-align: left;}
.com-content h2{font-size: 50px;line-height: 1;color: #fff;font-weight: 700;margin-top: 12%;}

.com-tit{font-size: 40px;color: #333;font-weight: 700;line-height: 1.2;padding-left: 60px;position: relative;}
.com-tit::before{content: '';width: 30px;height: 40px;background-color: #13499e;transform: skew(-20deg);position: absolute;left: 0;top: 0;}
.com-tit.center{text-align: center;padding-left:0;}
.com-tit.center::before{display: none;}

.aboutgs{width: 100%;padding: 28px 0 230px;position: relative;z-index: 1;}
.aboutgs::before{content: '';width: 956px;height: 256px; background: url('../images/pages/abtgs_Bj.png')no-repeat center;position: absolute;bottom:108px;left: 0;right: 0;margin: 0 auto;z-index: -1;}
.aboutgs::after{content: '';position: absolute;background: url('../images/pages/skosH.svg')no-repeat;background-size: 100.4%;bottom:0px;left: 0;right: 0;padding-top: 13.1%;}
.aboutgs .contain{display: flex;align-items: center;}
.aboutgs-intro{float: left;width: 54%;}
.aboutgs-cont{width: 100%;margin-top: 28px;}
.aboutgs-cont p{font-size: 16px;color: #777;line-height: 26px;}
.aboutgs-cont p+p{margin-top: 24px;}
.aboutgs-data{float: right;width: 46%;padding-left: 180px;}
.aboutgs-data li{float: left;display: flex;flex-direction: column;justify-content: center; width: 33.333%;}
.aboutgs-data li h6{font-size: 16px;color: #666;font-weight: 700;margin-bottom:4px;}
.aboutgs-data li h6 span{font-size: 56px;color: #13499d;line-height: 1;font-family:'SAMSUNG';}
.aboutgs-data li p{font-size: 15px;color: #666;}

.aboutys{width: 100%;padding: 0 0 100px;background-color: #f7f7f7;}
.aboutys-title{width: 100%;text-align: center;}
.aboutys-title p{font-size: 16px;color: #777;line-height: 24px;/* max-width:62%; */margin:20px auto 0;}
.aboutys-show{width: 100%;margin-top: 42px;}
.aboutys-show ul{margin-left: -2%;}
.aboutys-show ul li{float: left;width: 31.333%;margin: 0 0 24px 2%;}
.aboutys-link{display: inline-block;width: 100%;position: relative;overflow: hidden;}
.aboutys-link img{width: 100%;object-fit: cover;transition: all .6s ease;}
.aboutys-link .aboutys-cont{position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.aboutys-link h2{font-size: 30px;color: #fff;line-height: 1;font-weight: 700;position: relative;padding-bottom:20px;text-align: center;z-index: 1;}
.aboutys-link h2::after{content: '';width:48px;height: 2px;background-color: #e51c14;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 0;z-index: -1;}
.aboutys-link h2::before{content: '';width: 0%;height: 2px;background-color: #fff;position: absolute;left: 0;right: 0;margin:0 auto; bottom: 0;z-index: 2;transition: all 1s ease;}
.aboutys-show ul li:hover .aboutys-link img{transform: scale(1.06);}
.aboutys-show ul li:hover .aboutys-link h2::before{width: 100%;}

.aboutfw{width: 100%;padding: 174px 0;position: relative;z-index: 1;}
.aboutfw::before{content: '';width: 0; height: 0; border-style: solid; border-width: 460px 706px 0 0;border-color: #f7f7f7 transparent transparent transparent;position: absolute;left: 0;top: 0;z-index: -1;}
.aboutfw .contain{display: flex;align-items: center;}
.aboutfw-intro{float: left;width:50%;}
.aboutfw-cont{width: 100%;margin-top: 20px;}
.aboutfw-cont p{font-size: 16px;color: #777;line-height: 32px;position: relative;padding-left: 24px;}
.aboutfw-cont p::before{content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #d6d6d6;position: absolute;left: 0;top: 14px;}
.aboutfw-show{float: right;display:flex;width: 50%;padding-left: 45px;position: relative;}
.aboutfw-b{width: 58.333%;margin-right: 8px;}
.aboutfw-s{width:40.2%;transform: translateY(-70px);}
.aboutfw-b img,.aboutfw-s img{width: 100%;object-fit: cover;}
.aboutfw-logo{position: absolute;bottom:-30%;left: 36%; display: flex;justify-content: center;align-items: center;width: 234px;height: 218px;background-color: #13499d;}
.aboutfw-logo img{max-width: 88%;object-fit: cover;max-height: 100%;}
.abouthb{width: 100%;padding-bottom: 80px;}
.abouthb-show{width: 100%;margin-top: 54px;}
.abouthb-show li {float: left;display: flex;justify-content: center;align-items: center;width:20%;height: 88px;margin-bottom:30px;}
.abouthb-show li img{max-width: 88%;max-height: 88%;object-fit: cover;}
.abouthb-show .abouthb-pagination {width: 100%;text-align: center;margin-top: 20px;z-index: 3;}
.abouthb-show .abouthb-pagination .swiper-pagination-bullet {width:10px;height:10px;opacity: 1;border: 2px solid #ededed; background-color:transparent;margin: 0 6px !important;}
.abouthb-show .abouthb-pagination .swiper-pagination-bullet-active {background-color: #13499d;border-color: #13499d;}

.com-banner.prod-banner::after{background: url('../images/pages/skos_case.svg')no-repeat;background-size: 100.4%;}
.prod-menu{display: flex;width: 100%;margin-top: 32px;}
.prod-menu li{ width: 210px;}
.prod-menu li+li{margin-left:28px;}
.prod-menu li a{display: inline-block;width: 100%;height: 42px;text-align: center;line-height: 42px;font-size: 15px;color: #444;font-weight: 700;position: relative;z-index: 1;transition: all .4s ease;}
.prod-menu li a::after{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: -1;transform: skew(-20deg);background-color: #fff;transition: all .4s ease;}
.prod-menu li.active a,.prod-menu li:hover a{color: #fff;}
.prod-menu li.active a::after,.prod-menu li:hover a::after{background-color: #13499d;}
.prod{width: 100%;padding-bottom: 60px;background-color: #ebf0f6;}
.prod-link{display: flex;align-items: center;width: 100%;background-color: #fff;margin-bottom: 30px;opacity:0;-ms-transform:scale(1.05);transform:scale(1.05);transition:opacity .5s cubic-bezier(.49,.01,.27,1),transform .5s cubic-bezier(.49,.01,.27,1)}
.prod-link.animated{opacity:1;transform:scale(1)}
.prod-lft{float: left;width: 1000px;}
.prod-lft img{width: 100%;object-fit:cover;}
.prod-rgt{float: right;width: calc(100% - 1000px);padding: 0 46px;background-color: #fff;}
.prod-title{width: 100%;position: relative;z-index: 1;margin-bottom: 18px;}
.prod-title h2{font-size: 32px;color: #13499d;font-weight: 700;}
.prod-title span{font-size: 44px;line-height: 1;color: #ededed;font-family:'SAMSUNG';text-transform:uppercase;position: absolute;top:6px;left: 0;z-index: -1;}
.prod-rgt h6{font-size: 16px;color: #333;font-weight: 700;line-height: 28px;}
.prod-intro{width: 100%;margin-top: 20px;}
.prod-intro p{font-size: 15px;color: #777;line-height: 30px;position: relative;padding-left:16px;}
.prod-intro p::before{content: '';width:6px;height:6px;background-color: #848484;transform:rotate(-45deg);position: absolute;left: 0;top: 12px;}
.prod-link:nth-child(2n){flex-flow: row-reverse;}
.prod-link:nth-child(2n) .prodshow-lft{float: right;}
.prod-link:nth-child(2n) .prodshow-rgt{float: left;}

.common-menu{width: 100%;position: relative;}
.common-submenu{display: flex;justify-content: center;position: relative;top: -55px;}
.common-submenu a{display: inline-block;width: 210px;height: 55px;text-align: center;line-height: 55px;font-size: 16px;color: #777;background-color: #fff;transition: all .4s ease;cursor: pointer;}
.common-submenu a+a{margin-left:10px;}
.common-submenu a.active,.common-submenu a:hover{background-color: #e51c14;color: #fff;}
.common-search{width: 100%;}
.common-style{width: 100%;}
.common-style h2{font-size: 40px;color: #333;font-weight: 700;line-height: 1.1;}
.common-input{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin-top: 22px;}
.common-input li{position: relative;width: 32.3%;}
.common-input li input{width: 100%;height: 44px;padding: 0 20px;font-size: 14px;color: #444;font-weight: 700;}
.common-input li:last-child{padding-right: 176px;}
.common-input li button{width: 162px;height: 44px;position: absolute;right: 0;top: 0;cursor: pointer;background: #13499e;font-size: 14px;color: #fff;font-weight: 700;}

.prodxl{width: 100%;padding-bottom: 100px;background-color: #ebf0f6;}
.prodxl-list{width: 100%;}
.prodxl-coulmn{width: 100%;margin-top: 34px;}
.prodxl-coulmn ul{margin-left: -2%;display:flex;flex-wrap:wrap;}
.prodxl-coulmn ul li{float: left;width: 31.333%; margin:0 0 30px 2%;}
.prodxl-link{display: inline-block;width: 100%;background: #fff;transition: all .4s ease;}
.prodxl-img{width: 100%;overflow: hidden;padding: 30px;height: 360px;display: flex;align-items: center;justify-content: center;}
.prodxl-img img{object-fit: cover;max-width: 90%;max-height: 90%;transition: all .6s ease;}
.prodxl-tit{position: relative;display: flex;flex-direction: column;justify-content: center;text-align: center;padding:32px 26px;background: #f8f8f8;transition: all .4s ease;}
.prodxl-tit h2{font-size: 18px;color: #333;font-weight: 700;margin-bottom: 10px;transition: all .4s ease;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prodxl-tit p{font-size: 15px;color: #666;line-height: 22px;transition: all .4s ease;height: 44px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.prodxl-tit i{display: inline-block;width: 126px;height: 126px;background: url('../images/pages/logo_bgH.png')no-repeat center;position: absolute;right: 0;bottom: 0;transform: translateX(126px) translateY(126px);transition: all .4 ease;}
.prodxl-coulmn ul li:hover .prodxl-link{box-shadow: 0px 19px 73px 0px rgba(19, 73, 158, 0.27);}
.prodxl-coulmn ul li:hover .prodxl-img img{transform: scale(1.06);}
.prodxl-coulmn ul li:hover .prodxl-tit{background-color: #13499e;}
.prodxl-coulmn ul li:hover .prodxl-tit h2{color: #fff;}
.prodxl-coulmn ul li:hover .prodxl-tit p{color: #fff;opacity: .7;}
.prodxl-coulmn ul li:hover .prodxl-tit i{transform: translateX(40px) translateY(40px);}


.part{width: 100%;background-color: #ebf0f6;}
.partlb{width: 100%;padding: 58px 0 110px;}
.partlb-hot{display: flex;justify-content: space-between;width: 100%;}
.partlb-coulmn{display: flex;justify-content: space-between;align-items: center;position: relative;width: 49.5%;height: 450px;background-color: #fff;padding: 0 42px 0 65px;}
.partlb-label{position: absolute;top: 0;left: 0;width: 80px;height: 32px;background: #e51c14;display: flex;align-items: center;justify-content: center;font-size: 14px; color: #fff;font-weight: 700; text-transform: uppercase;}
.partlb-cont{width: 50%;}
.partlb-cont h2{font-size: 24px;color: #333;font-weight: 700;margin-bottom: 18px;transition: all .4s ease;}
.partlb-cont h6,.partlb-cont p{font-size: 15px;color: #777;line-height: 26px;}
.partlb-cont p{margin-top: 52px;}
.partlb-img{display: flex;justify-content:flex-end;align-items: center;width: 50%;}
.partlb-img img{max-width:88%;object-fit: cover;transition: all .6s ease;}
.partlb-coulmn:hover .partlb-cont h2{color: #13499e;}
.partlb-coulmn:hover .partlb-img img{transform: scale(1.06);}
.partlb-list{width: 100%;margin-top: 40px;}
.partlb-list ul{margin-left: -1%;}
.partlb-list ul li{float: left;width: 24%; margin:0 0 30px 1%;}
.partlb-link{display: inline-block;width: 100%;transition: all .4s ease;}
.partlb-show{width: 100%;background:#fff;overflow: hidden;}
.partlb-show img{max-width: 100%;height: 320px;object-fit: cover;}
.partlb-tit{position: relative;display: flex;flex-direction: column;justify-content: center;text-align: center; padding: 0 28px;height:66px; background: #f8f8f8;transition: all .4s ease;}
.partlb-tit h2{font-size: 18px;color: #333;font-weight: 700;transition: all .4s ease;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.partlb-list ul li:hover .partlb-link{box-shadow: 0px 19px 73px 0px rgba(19, 73, 158, 0.27);}
.partlb-list ul li:hover .partlb-tit{background-color: #13499e;}
.partlb-list ul li:hover .partlb-tit h2{color: #fff;}
.partlb .paging{margin-top: 20px;}


.details-show{padding:90px 0;}
.details-show .contain{display:flex;justify-content:space-between;align-items:center}
.details-prod{width:50%;padding-right:52px;}
.details-prod h1{font-size:36px;font-weight:700;color:#333;margin-bottom:18px;line-height: 1;padding-bottom: 32px;position: relative;}
.details-prod h1::before{content: '';width: 40px;height: 3px;background-color: #13499d;position: absolute;left: 0;bottom: 0;}
.details-prod h2{font-size:16px;color:#333;font-weight: 700; margin-bottom:18px;line-height:26px;max-width:88%;}
.details-prod p{font-size:16px;line-height:28px;color:#777;position:relative;}
/* .details-prod li:after{content:'';width:6px;height:6px;background:#777;border-radius:50%;position:absolute;left:0;top:11px} */
.details-btn{width: 100%;border-top: 1px solid #ededed; margin-top:40px;padding-top: 40px;}
.details-btn a{display:inline-block;font-size:18px;font-weight:700;color: #13499d;padding:0 0 8px 32px;background: url('../images/pages/tel_icon.png')no-repeat left center;position: relative; transition:all .4s ease}
.details-btn a::before{content: '';width: 100%;height: 2px;background-color: #13499d;position: absolute;left: 0;bottom: 0;}
.details-picture{width:50%}
.details-banner{position: relative;padding: 0 100px;}
.details-banner .swiper-container{height:100%}
.details-banner .swiper-slide{display:flex;align-items:center;justify-content:center}
.details-banner img{max-width:420px;object-fit:cover}
.details-prev,.details-next {display: flex; width: 36px; height: 36px; background: #757b85; align-items: center; justify-content: center; border-radius: 50%; z-index: 2; position: absolute;left:4%; top: 50%;transform: translateY(-50%);transition: all .4s ease;}
.details-next{left: auto;right:4%;}
.details-prev.swiper-button-disabled,.details-next.swiper-button-disabled{background: #13499d;pointer-events: none;}
.details-prev:hover,.details-next:hover{background: #13499d;}
.details-thumbs{margin:60px auto 0;width:414px}
.details-thumbs .thumbs{height:60px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e5e5;width:70px;cursor:pointer;transition:all .4s ease}
.details-thumbs .thumbs.active,.prod-thumbs .thumbs:hover{box-shadow:inset 0 0 0 1px #00489d;border-color:#00489d}
.details-thumbs img{max-width:80%;max-height: 80%;object-fit:cover}
.details-content{width: 100%;padding-bottom:40px}
.details-cat{height:58px;background:#fff;box-shadow:0 0 20px 2px #f8f8f8;display:flex}
.details-cat li{width:200px;color:#333;display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;transition:all .4s ease;cursor:pointer}
.details-cat li.active,.details-cat li:hover{background:#00489d;color:#fff}
.details-intro{width: 100%;}
.details-box{width: 100%;padding:54px 0}
.details-box:not(:first-child) {display: none;}
.details-cat li.active{font-weight:700}
.details-box p{font-size:15px;color:#888;line-height:28px}
.details-cell{display:table;align-items:center;width:100%}
.details-cell li{display: flex;justify-content: space-between;width: 100%;border-bottom: 1px solid #ededed;padding: 20px 0;}
.details-cell li p{width: 50%;font-size: 15px;color: #444;}
.overview-txt {width: 100%;background: #fafafa;padding: 46px;display: flex;justify-content: center;flex-direction: column;}
.overview-txt h3 { font-size: 24px; color: #333; font-weight: 700; margin-bottom: 20px;}
.overview-txt p {font-size: 16px;line-height: 26px;color: #6f747c;}
.overview-pic p img {max-width: 100%;max-height: 100%;object-fit: cover;}
.details-coulmn{width: 100%;padding:80px 0 68px;background-color: #f0f3f8;}
.details-headline{width: 100%;}
.details-headline h2{font-size: 36px;color: #333;font-weight: 700;}
.details-list{width: 100%;margin-top: 34px;}
.details-list ul{margin-left: -2%;}
.details-list ul li{float: left;width: 31.333%; margin:0 0 30px 2%;}
.details-link{display: inline-block;width: 100%;background: #fff;transition: all .4s ease;}
.details-img{width: 100%;overflow: hidden;padding: 30px;height:320px;display: flex;align-items: center;justify-content: center;}
.details-img img{max-width: 90%;max-height: 90%;object-fit: cover;transition: all .6s ease;}
.details-tit{position: relative;display: flex;flex-direction: column;justify-content: center;text-align: center;padding:32px 32px;background: #f8f8f8;transition: all .4s ease;}
.details-tit h2{font-size: 18px;color: #333;font-weight: 700;margin-bottom: 6px;transition: all .4s ease;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.details-tit p{font-size: 15px;color: #666;line-height: 22px;transition: all .4s ease;height: 44px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.details-tit i{display: inline-block;width: 126px;height: 126px;background: url('../images/pages/logo_bgH.png')no-repeat center;position: absolute;right: 0;bottom: 0;transform: translateX(126px) translateY(126px);transition: all .4 ease;}
.details-list ul li:hover .details-img img{transform: scale(1.06);}
.details-list ul li:hover .details-tit{background-color: #13499e;}
.details-list ul li:hover .details-tit h2{color: #fff;}
.details-list ul li:hover .details-tit p{color: #fff;opacity: .7;}
.details-list ul li:hover .details-tit i{transform: translateX(40px) translateY(40px);}

.com-banner.case-banner::after{background: url('../images/pages/skos_case.svg')no-repeat;background-size: 100.4%;}
.case{width: 100%;background-color: #ebf0f6;}
.caselb{width: 100%;padding-bottom:88px;}
.caselb-list{width: 100%;}
.caselb-list ul{margin-left: -1%;}
.caselb-list ul li{float: left;width: 32.333%; margin:0 0 30px 1%;}
.caselb-link{display: inline-block;width: 100%;transition: all .4s ease;}
.caselb-show{width: 100%;overflow: hidden;}
.caselb-show img{width: 100%;height: 270px;object-fit: cover;transition: all .6s ease;}
.caselb-tit{position: relative;display: flex;flex-direction: column;justify-content: center;padding:32px 32px 46px;background: #f8f8f8;transition: all .4s ease;}
.caselb-tit h2{font-size: 19px;color: #333;font-weight: 700;transition: all .4s ease;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.caselb-tit .case-btn{display: inline-block;margin-top: 20px;}
.caselb-tit .case-btn span{position: relative;font-size: 14px;color: #000;padding-right: 30px;background: url('../images/pages/caseArr.png') no-repeat right center;padding-bottom:6px;transition: all .4s ease;}
.caselb-tit .case-btn span::after {content: ""; position: absolute; width:100%; height: 2px; left: 0;right: 0;margin: 0 auto; bottom: 0;transform: scale(0); background: #fff;transition: all .4s ease;}
.caselb-list ul li:hover .caselb-show img{transform: scale(1.06);}
.caselb-list ul li:hover .caselb-tit{background-color: #13499e;}
.caselb-list ul li:hover .caselb-tit h2{color: #fff;}
.caselb-list ul li:hover .case-btn span{color: #fff;background: url('../images/pages/caseArrW.png') no-repeat right center;}
.caselb-tit .case-btn:hover span::after{transform: scale(1);}
.caselb .paging{margin-top:10px;}

.com-banner.casexq-banner{width: 100%;position: relative;}
.com-banner.casexq-banner::after{display: none;}
.com-banner.casexq-banner .com-content{display: block; width: 100%;height: auto;bottom: 0;top: auto;z-index: 3;}
.com-banner.casexq-banner .com-content h2{display: flex;align-items: center;width:32%;height: 90px;font-size: 30px;color: #fff;font-weight: 700;background-color: #13499e;margin-top: 0;position: relative;z-index: 1;}
.com-banner.casexq-banner .com-content h2::before{content: '';width: 100%;height: 90px;background-color:#13499e;position: absolute;left:-99%;bottom: 0;z-index: -1;}
.casexq-show{width: 100%;padding: 105px 0;background-color: #f5f5f5;}
.casexq-list{width: 100%;}
.casexq-list li{float: left;display: flex;flex-direction: column;align-items: center;text-align: center;width: 25%;}
.casexq-list li i{display:flex;justify-content: center;align-items: center;width: 60px;height: 60px;border-radius: 50%;}
.casexq-list li i img{max-width: 100%;object-fit: cover;}
.casexq-list li h6{font-size: 16px;color: #555;margin-top: 14px;}
.casexq-content{width: 100%;padding: 82px 0 90px;}
.casexq-intro{width: 100%;}
.casexq-intro h2{font-size: 30px;color: #333;font-weight: 700;line-height: 1;margin-bottom: 20px;}
.casexq-intro p{font-size: 16px;color: #fff;line-height: 24px;}
.casexq-intro p img{max-width: 100%;object-fit: cover;}
.casexq-back{font-size: 16px;font-weight: 700; margin:42px 0;color: #333;padding-left:24px;background: url('../images/pages/back_icon.png') no-repeat left center;height:16px;line-height: 15px;}
.casexq-btn{display: flex;justify-content: space-between;width: 100%;}
.casexq-btn a{display: flex;align-items: center;width: 49.5%;height: 60px;padding: 0 40px;font-size: 16px;color: #fff;text-transform:uppercase;background-color: #343434;transition: all .4s ease;}
.casexq-btn a h6{margin-left: 8px;}
/* .casexq-btn a:last-child{justify-content: flex-end;} */
.casexq-btn a:last-child h6{margin-left:8px;/* margin-right: 38px; */}
.casexq-btn a:hover{background-color: #13499e;}
.casexq-coulmn{width: 100%;padding: 100px 0;background-color: #f0f0f0;}
.casexq-headline{width: 100%;}
.casexq-headline h2{font-size: 32px;color: #333;font-weight: 700;}
.caselb-list.casexq-menu{margin-top:28px;}

.proj-headline{width: 100%;}
.proj-headline h2{font-size: 40px;color: #333;line-height: 1;font-weight: 700;}
.proj-headline p{font-size: 16px;color: #777;line-height: 26px;margin-top: 12px;}
.projjs{width: 100%;padding-bottom: 80px;}
.projjs-loop{width: 100%;margin-top: 32px;}
.projjs-item{width: 100%;}
.projjs-show{display: flex;justify-content: space-between;width: 100%;}
.projjs-l,.projjs-r{display: flex;justify-content: center;align-items: center; width: 49.5%;height: 344px;border:1px solid #ededed;background-color: #f5f5f5;overflow: hidden;}
.projjs-l img,.projjs-r img{max-width:88%;object-fit: cover;transition: all .6s ease;}
.projjs-l:hover img,.projjs-r:hover img{transform: scale(1.06);}
.projjs-title{width: 100%;text-align: center;padding: 40px 0 28px;}
.projjs-title h2{font-size: 18px;color: #333;font-weight: 700;line-height: 28px;}
@keyframes contUp{0%{transform: translateY(68px);opacity: 0;}100%{transform: translateY(0);opacity: 1;}}
.projjs-loop .swiper-slide-active .projjs-title h2{animation: contUp .8s ease-out both 1.2s;}
.projjs-loop .swiper-pagination{left: 0;right: 0;margin: 0 auto;}
.projjs-loop .swiper-pagination-bullet {width:9px;height:9px;background: #c8c8c8;opacity:1;margin: 0 7px;}
.projjs-loop .swiper-pagination-bullet-active {opacity: 1;background:#13499e;}
.projbd{width: 100%;padding: 84px 0 92px;border-top: 1px solid #f7f7f7;}
.projbd-item{width: 100%;margin-top: 40px;}
.projbd-img{float: left;width: 402px;overflow: hidden;}
.projbd-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.projbd-img:hover img{transform: scale(1.06);}
.projbd-form{display:flex;flex-wrap:wrap;justify-content:space-between;width:calc(100% - 402px);padding-left: 66px;}
.projbd-inline{width:32%;margin-bottom:18px}
.projbd-inline.projbd-content {width: 100%;position: relative;}
.projbd-inline.projbd-content textarea{width:100%;height:211px}
.projbd-inline input,.projbd-inline textarea,.projbd-code input{border:1px solid #dbdbdb;height:42px;width:100%;padding:18px;transition: all .6s ease}
.projbd-inline input:focus,.projbd-inline textarea:focus,.msg-code input:focus{box-shadow:inset 0 0 9px rgba(204,204,204,.6)}
.projbd-inline input::placeholder,.projbd-inline textarea::placeholder{color:#8b9297}
.projbd-inline.projbd-file{width: 100%;border: 1px solid #dbdbdb;overflow: hidden;display: flex;justify-content: space-between;}
.projbd-file-input{width:calc(100% - 62px);padding:0px 18px;height:40px;line-height: 40px;position: relative;cursor: pointer;color: #777;zoom: 1}
.projbd-inline.projbd-file input{position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;z-index: 3;}
.projbd-inline.projbd-file span{font-size: 14px;color: #6d6d6d;display:inline-block;margin-left:30px;opacity: .5;}
.projbd-file-btn{display: flex;justify-content: center;align-items: center;width: 62px;height: 42px;background-color: #d3d3d3;font-size: 14px;color: #6d6d6d;font-weight: 700;}
.projbd-bott{display:flex;justify-content:space-between;width:100%;align-items: flex-end;}
.projbd-code{height:auto;display:flex;width:42%;align-items: flex-end;}
.code-items {display: inline-block;}
.code-items label{display: block;font-size: 15px;color: #444;margin-bottom: 12px;}
.projbd-code input{width:100%}
.projbd-code span{display:block;margin-left:10px}
.submit-btn{display:block;width:130px;background:#015198;color:#fff;text-align:center;height: 42px; line-height:42px;font-size:14px;transform: skew(-20deg);}
.submit-btn:hover{opacity:.7;color:#fff}

/* 选择 */
.ContactSelect{display: block;width: 100%;position: relative;user-select: none;}
.ContactSelect-name{display: flex;align-items: center;height: 44px;position: relative;font-size: 14px;color: #777;cursor: pointer;border:1px solid #dbdbdb;padding: 0 18px;}
.ContactSelect-name::after{content: "";position: absolute;width: 13px;height: 8px;right: 14px;top: 50%;margin-top: -4px;background: url('../images/pages/contactArr.png') no-repeat;}
.ContactSelect-drop{display: none;position: absolute;z-index: 10;width: 100%;top: 44px;max-height: 200px;border: 1px solid #e0e4e9;border-top: none;overflow-x: hidden;overflow-y: auto;left: 0;background: #eaf1f5;cursor: pointer;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.ContactSelect-drop li{padding: 0 16px;margin: 0 !important;height: 40px;position: relative;display: flex;align-items: center;width: 100%;font-size: 14px;color: #777;transition: all .4s ease;}
.ContactSelect-drop li::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #f4f8fa;}
.ContactSelect-drop li:last-child::after{display: none;}
.ContactSelect-drop li:hover, .ContactSelect-drop li.active{background: #dadfe5;color:#13499e;}
.ContactSelect-drop::-webkit-scrollbar {width: 2px;height: 4px;}
.ContactSelect-drop::-webkit-scrollbar-thumb {background: #7a8896;}
.ContactSelect-drop::-webkit-scrollbar-track {background: #fff;}
.ContactSelect-name.noRadius{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.ContactSelect-name.noRadius::after{transform: rotate(180deg);}

.news-hedmenu{display: flex;justify-content: center; width: 100%;margin-top: 28px;}
.news-hedmenu li{ width: 130px;}
.news-hedmenu li+li{margin-left:28px;}
.news-hedmenu li a{display: inline-block;width: 100%;height: 42px;text-align: center;line-height: 42px;font-size: 15px;color: #444;font-weight: 700;position: relative;z-index: 1;transition: all .4s ease;}
.news-hedmenu li a::after{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: -1;transform: skew(-20deg);background-color: #fff;transition: all .4s ease;}
.news-hedmenu li.active a,.news-hedmenu li:hover a{color: #fff;}
.news-hedmenu li.active a::after,.news-hedmenu li:hover a::after{background-color: #13499d;}
.news{width: 100%;padding-bottom: 74px;}
.news-item{width: 100%;}
.news-link { width: 100%;margin-top:58px;display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }
.news-link:first-child{margin-top: 0;}
.news-img {width: 567px;overflow: hidden;}
.news-img img {width: 100%;object-fit: cover;transition: all .6s ease;}
.news-img:hover img{transform: scale(1.06);}
.news-intro {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: calc(100% - 567px);padding:0 112px 0 65px;}
.news-cont{width: 100%;}
.news-cont h6{font-size: 14px;color: #333;}
.news-cont h2{font-size: 22px;color: #333;font-weight: 700;margin: 12px 0 28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}
.news-cont p{font-size: 14px;color: #777;line-height: 24px;height: 48px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.news-btn{display: flex;justify-content: center;align-items: center;margin-top: 40px; width:100px;height: 32px;line-height: 32px;background-color: #13499e;transform: skew(-20deg);transition: all .4s ease;}
.news-btn span{font-size: 14px;color: #fff;transform: skew(20deg);transition: all .4s ease;}
.news-intro:hover .news-cont h2{color: #13499e;}
.news-btn:hover{transform: skew(0deg);border-radius: 20px;}
.news-btn:hover span{transform:skew(0deg);}
.news .paging{margin-top: 68px;}
.news .paging .paging-menu a {border: 1px solid #f3f3f3;line-height: 42px;}
.news .paging .paging-menu a:hover,.news .paging .paging-menu a.active,.news .paging a.on {border-color: transparent;}

.article{width: 100%;}
.article-headline{width: 100%;padding: 78px 0;background-color: #f3f3f3;}
.article-title{width: 100%;}
.article-title h1{font-size: 34px;color: #333;font-weight: 700;line-height: 38px;}
.article-title .time{font-size: 14px;font-weight: 700; margin-top: 24px;color: #888;padding-left:36px;background: url('../images/pages/art_icon.png') no-repeat left center;height:20px;line-height: 20px;}
.article-content{width: 100%;padding: 68px 0 128px;}
.article-intro{width: 100%;}
.article-intro p{font-size: 15px;color: #666;line-height: 26px;}
.article-intro p img{max-width: 100%;object-fit: cover;}
.article-coulmn{width: 100%;padding: 40px 0;border-top: 1px solid #e5e5e5;}
.article-btn { width: 100%;display: flex;flex-wrap: wrap;justify-content: space-around;}
.article-btn a {display: flex;align-items: center;font-size: 15px;color: #666;transition: all .4s ease;}
.article-btn a:hover h6{color: #13499e;}


.contactwm{width: 100%;padding: 20px 0 110px;}
.contactwm-headline{width: 100%;text-align: center;}
.contactwm-headline h2{font-size: 40px;color: #333;font-weight: 700;line-height: 1;}
.contactwm-item{width: 100%;margin-top: 52px;}
.contactwm-item li{float: left;display: flex;flex-direction: column;align-items: center;text-align: center;width: 25%;}
.contactwm-item li i{display:flex;justify-content: center;align-items: center;width: 135px;height: 135px;border-radius: 50%;border: 1px solid #ddd;}
.contactwm-item li i img{max-width: 100%;object-fit: cover;}
.contactwm-item li h6{font-size: 16px;color: #7c7c7c;margin:30px 0 14px;}
.contactwm-item li p{font-size: 16px;color: #444;line-height: 26px;}
.contactdt{width: 100%;}
#map{width: 100%;height: 552px;}
#map .amap-info-content{width: 332px;padding: 20px 38px;}
#map .amap-info-content .relmap-info{width: 100%;}
#map .amap-info-content .relmap-info h1{width: 100%;text-align: center;margin-bottom: 8px;}
#map .amap-info-content .relmap-info h1 img{max-width: 100%;object-fit: cover;}
#map .amap-info-content .relmap-info p{font-size: 14px;color: #555;line-height: 22px;}
#map .amap-info-content .relmap-info span{display: none;}
#map .amap-logo,#map .amap-copyright{display: none !important;}

/* 解决方案-banner图 */
.projBan{width: 100%;}
.projBan-menu{width: 100%;margin-top: 24px;}
.projBan-menu .contain{display: flex;justify-content: center;user-select: none;}
.projBan-menu a{padding-bottom: 8px;display: flex;align-items: center;position: relative;font-size: 18px;color: #333;margin-left: 50px;font-weight: 700;transition: all .4s ease;}
.projBan-menu a:first-child{margin-left: 0;}
.projBan-menu a::after{content: "";position: absolute;width: 100%;height: 2px;background: #00489d;left: 0;bottom: 0;opacity: 0;transition: all .4s ease;}
.projBan-menu a:hover, .projBan-menu a.active{color: #00489d;}
.projBan-menu a.active::after{opacity: 1;}
.projBan-loop{width: 100%;background: #edecec;}
.projBan-loop .swiper-container{overflow: visible;}
.projBan-mix{width: 100%;position: relative;}
.projBan-img{width: 100%;overflow: hidden;}
.projBan-img img{width: 100%;object-fit: cover;}
.projBan-list{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);}
.projBan-items{position: absolute;width: 1px;height: 1px;display: block;}
.projBan-items.active{position: relative;z-index: 99999;}
.projBan-btn{position: absolute;width: 40px;height: 33px;background: url('../images/projimg/projBanArr.png') no-repeat center/100% auto;cursor: pointer;left: 50%;top: 50%;margin: -17px 0 0 -20px;}
.projBan-items.active .projBan-btn{background-image: url('../images/projimg/projBanArrH.png');background-size: 30px auto;}
.projBan-cont{position: absolute;width: 270px;background: #f2f2f6;display: none;border-bottom: 2px solid #005ca1;left: 40px;top: 50%;transform: translateY(-50%);}
.projBan-items.active .projBan-cont{display: block;}
.projBan-cont .head{width: 100%;background: #fff;}
.projBan-cont .head .title{font-size: 14px;color: #13499e;line-height: 20px;padding: 10px 14px;transition: all .4s ease;}
.projBan-cont .head .img{height: 160px;width: 100%;padding: 14px 0;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.projBan-cont .head .img img{transition: all .6s ease;max-width: 100%;max-height: 100%;}
.projBan-cont .data{width: 100%;padding: 18px 16px;}
.projBan-cont .data p{font-size: 12px;line-height: 18px;padding-left: 12px;color: #666;position: relative;word-break: break-word;}
.projBan-cont .data p::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;left: 0;background: #00489d;top: 6px;}
.projBan-cont:hover .head .img img{transform: scale(1.04);}
.projBan-cont:hover .head .title{background: #00489d;color: #fff;}
/* -- */
.projBan_1 .projBan-items.it1{top: 54%;left: 24.5%;}
.projBan_1 .projBan-items.it2{top: 68%;left: 30%;}
.projBan_1 .projBan-items.it3{top: 64%;left: 33.5%;}
.projBan_1 .projBan-items.it4{top: 37%;left: 36%;}
.projBan_1 .projBan-items.it5{top: 29%;left: 43.5%;}
.projBan_1 .projBan-items.it6{top: 41%;left: 56%;}
.projBan_1 .projBan-items.it4 .projBan-cont{transform: translateY(-30%);}
.projBan_1 .projBan-items.it5 .projBan-cont{transform: translateY(-24%);}
.projBan_1 .projBan-items.it6 .projBan-cont{transform: translateY(-32%);}
.projBan_1 .projBan-cont:hover .head .title{font-weight: 700;}
/* -- */
.projBan_2 .projBan-items.it1{top: 39%;left: 11%;}
.projBan_2 .projBan-items.it2{top: 71%;left: 37%;}
.projBan_2 .projBan-items.it3{top: 73%;left: 31.5%;}
.projBan_2 .projBan-items.it4{top: 54%;left: 36.8%;}
.projBan_2 .projBan-items.it5{top: 54.2%;left: 63.2%;}
.projBan_2 .projBan-items.it1 .projBan-cont{transform: translateY(-40%);}
/* -- */
@media all and (max-width:1700px) {
    .projBan_1 .projBan-items.it1 .projBan-cont{transform: translateY(-46%);}
    .projBan_1 .projBan-items.it4 .projBan-cont{transform: translateY(-30%);}
    .projBan_1 .projBan-items.it5 .projBan-cont{transform: translateY(-24%);}
    .projBan_1 .projBan-items.it6 .projBan-cont{transform: translateY(-32%);}
    .projBan_2 .projBan-items.it1 .projBan-cont{transform: translateY(-38%);}
}
@media all and (max-width:1599px) {
    .projBan-btn {width: 28px;height: 24px;margin: -12px 0 0 -14px;}
    .projBan-items.active .projBan-btn {background-size: 20px auto;}
    .projBan_1 .projBan-items.it1 .projBan-cont{transform: translateY(-40%);}
    .projBan_1 .projBan-items.it2 .projBan-cont{transform: translateY(-46%);}
    .projBan_1 .projBan-items.it3 .projBan-cont{transform: translateY(-46%);}
    .projBan_1 .projBan-items.it4 .projBan-cont{transform: translateY(-28%);}
    .projBan_1 .projBan-items.it5 .projBan-cont{transform: translateY(-22%);}
    .projBan_1 .projBan-items.it6 .projBan-cont{transform: translateY(-30%);}
    .projBan_2 .projBan-items.it1 .projBan-cont{transform: translateY(-36%);}
    .projBan_2 .projBan-items.it2 .projBan-cont{transform: translateY(-46%);}
    .projBan_2 .projBan-items.it5 .projBan-cont{transform: translateY(-46%);}
    .projBan-menu {margin-top: 16px;}
    .projBan-menu a {padding-bottom: 6px;font-size: 16px;margin-left: 30px;}
}
@media all and (max-width:1439px) {
    .projBan_1 .projBan-items.it1 .projBan-cont{transform: translateY(-36%);}
    .projBan_1 .projBan-items.it2 .projBan-cont{transform: translateY(-40%);}
    .projBan_1 .projBan-items.it3 .projBan-cont{transform: translateY(-40%);}
    .projBan_1 .projBan-items.it4 .projBan-cont{transform: translateY(-26%);}
    .projBan_1 .projBan-items.it5 .projBan-cont{transform: translateY(-20%);}
    .projBan_1 .projBan-items.it6 .projBan-cont{transform: translateY(-28%);}
    .projBan_2 .projBan-items.it1 .projBan-cont{transform: translateY(-32%);}
    .projBan_2 .projBan-items.it2 .projBan-cont{transform: translateY(-40%);}
    .projBan_2 .projBan-items.it3 .projBan-cont{transform: translateY(-46%);}
    .projBan_2 .projBan-items.it4 .projBan-cont{transform: translateY(-46%);}
    .projBan_2 .projBan-items.it5 .projBan-cont{transform: translateY(-40%);}
}
@media all and (max-width:1279px) {
    .projBan_1 .projBan-items.it1 .projBan-cont{transform: translateY(-30%);}
    .projBan_1 .projBan-items.it2 .projBan-cont{transform: translateY(-32%);}
    .projBan_1 .projBan-items.it3 .projBan-cont{transform: translateY(-32%);}
    .projBan_1 .projBan-items.it4 .projBan-cont{transform: translateY(-20%);}
    .projBan_1 .projBan-items.it5 .projBan-cont{transform: translateY(-16%);}
    .projBan_1 .projBan-items.it6 .projBan-cont{transform: translateY(-20%);}
    .projBan_2 .projBan-items.it1 .projBan-cont{transform: translateY(-24%);}
    .projBan_2 .projBan-items.it2 .projBan-cont{transform: translateY(-32%);}
    .projBan_2 .projBan-items.it3 .projBan-cont{transform: translateY(-36%);}
    .projBan_2 .projBan-items.it4 .projBan-cont{transform: translateY(-36%);}
    .projBan_2 .projBan-items.it5 .projBan-cont{transform: translateY(-32%);}
}
@media all and (max-width:1151px) {
    .projBan-cont .head, .projBan-cont .data{display: none;}
    .projBan-cont {width: 14px;background: transparent;display: block;border: none;left: 50%;height: 14px;transform: none !important;margin: -7px 0 0 -7px;}
    .projBan-btn {width: 14px;height: 14px;margin: -7px 0 0 -7px;background-image: url('../images/projimg/projBanArr.png') !important;}
    .projBan-menu {margin-top: 10px;}
    .projBan-menu a {padding-bottom: 4px;font-size: 12px;margin-left: 24px;}
}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .prod-rgt h6{max-width: 88%;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .com-content h2 {font-size: 42px;margin-top: 10%; }

    .prod-lft{width:800px;}
    .prod-rgt{width: calc(100% - 800px);padding: 0 25px;}
	
	.prod-title h2{font-size: 26px;}

    .common-submenu{top: -30px;}
    .common-style h2{font-size: 34px;}

    .details-banner img {max-width:380px;}

    .caselb{padding: 28px 0 88px;}

    .projjs {padding:28px 0 80px;}

    .news{padding:28px 0 74px;}
    .news-cont h2{font-size: 20px;}
	.partlb-show img{height:253px;}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .com-content h2 {font-size: 32px; }

    .com-tit {font-size: 28px;padding-left: 40px;}
    .com-tit::before {width: 24px; height: 30px;}
    .aboutgs {padding: 28px 0 160px;}
    .aboutgs::before {bottom: 60px;}
    .aboutgs-data {padding-left: 48px;}
    .aboutys {padding: 0 0 68px;}
    .aboutys-link h2 {font-size: 26px;}
    .aboutys-title p {max-width: 80%;}
    .aboutfw {padding: 128px 0;}
    .aboutfw::before {border-width: 348px 388px 0 0;}

    .prod-menu {margin-top: 24px; }
    .prod-lft{width:600px;}
    .prod-rgt{width: calc(100% - 600px);padding: 0 32px;}
    .prod-title h2{font-size: 28px;}
    .prod-title span{font-size: 38px;}
    .prod-rgt h6{font-size: 15px;line-height: 22px;}
    .prod-intro p{font-size: 14px;line-height: 24px;}
    .prod-intro p::before{top: 8px;}
   
    .common-style h2{font-size: 28px;}

    .prodxl{padding-bottom: 80px;}
    .prodxl-tit {padding: 32px 28px 26px;}

    .details-show {padding:80px 0;}
    .details-prod h1 { font-size: 28px;padding-bottom: 24px;}
    .details-prod h2 {max-width:100%;}
    .details-banner img {max-width: 300px;}
    .details-cell li p {font-size: 14px;}
    .details-coulmn {padding: 80px 0 48px; }
    .details-headline h2 {font-size: 28px;}
    .details-tit {padding: 32px 28px 26px;}

    .com-banner.casexq-banner .com-content h2{height:80px;font-size:28px;}
    .com-banner.casexq-banner .com-content h2::before{height:80px;}
    .casexq-show {padding: 80px 0;}
    .casexq-content {padding: 80px 0 80px;}
    .casexq-intro h2{font-size: 28px;}
    .casexq-coulmn{padding: 80px 0;}
    .casexq-headline h2{font-size: 28px;}

    .proj-headline h2{font-size:28px;}
    .projbd{padding: 80px 0;}
    .projbd-img {width: 300px;}
    .projbd-form {width: calc(100% - 300px);padding-left:28px;}
    .projbd-inline {margin-bottom: 12px;}
    .projbd-inline.projbd-content textarea {height: 118px;}
    .projbd-code{width: 48%;}

    .news-img {width: 480px;}
    .news-intro {width: calc(100% - 480px);padding: 0 68px 0 48px;}

    .article-title h1{font-size: 32px;line-height: 36px;}
    .article-content {padding: 68px 0 88px;}

    .contactwm {padding: 20px 0 80px; }
    .contactwm-headline h2{font-size: 28px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .aboutfw::before { border-width: 198px 310px 0 0;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .com-banner::after{display: none;}
    .com-banner img {min-height: 210px;}
    .com-content h2 {font-size:28px;margin-top:10%; }

    .aboutgs {padding:60px 0;}
    .aboutgs::before {bottom:0px;width: 100%;background-size: cover;}
    .aboutgs::after{display: none;}
    .aboutgs-data { padding-left: 32px;}
    .aboutgs-data li h6 span {font-size: 48px;}
    .aboutgs-data li p {font-size: 14px;}
    .aboutys{padding: 60px 0 40px;}
    .aboutys-show { margin-top: 32px;}
    .aboutys-link h2 {font-size: 22px;padding-bottom: 16px;}
    .aboutfw{padding: 60px 0;}
    .aboutfw::before{display: none;}
    .aboutfw-show{flex-direction: column;}
    .aboutfw-b,.aboutfw-s{width: 100%;transform: translateY(0px);}
    .aboutfw-s{margin-top: 28px;}
    .aboutfw-logo {bottom:auto;top: 0; left:45px;width: 100px; height: 100px;}
    .aboutfw-logo img{max-width: 60%;max-height: 60%;}
    .abouthb {padding-bottom:60px;}

    .prod-menu {margin-top: 20px;}
    .prod {padding:60px 0 40px;}
    .prod-link{flex-direction: column;opacity: 1;transform: scale(1);}
    .prod-lft{width:100%;}
    .prod-rgt{width:100%;padding:32px;}
    .prod-link:nth-child(2n){flex-flow:column;}

    .common-submenu {top: 0;margin-bottom: 28px;}
    .common-submenu a {width: 24.25%;height: 48px;line-height: 48px;}
    .common-submenu a+a {margin-left: 1%;}
    .common-input li{width: 100% !important;margin-top: 20px;}
    .common-input li:first-child {margin-top: 0;}


    .prodxl{padding: 60px 0;}

    .part{padding-top: 60px;}
    .partlb {padding:58px 0 60px;}
    .partlb-coulmn {height: auto; padding:28px;flex-direction: column-reverse; }
    .partlb-cont{width: 100%;margin-top: 28px;}
    .partlb-img {width:100%;justify-content: center; }
    .partlb-cont h6, .partlb-cont p {font-size: 14px;line-height: 24px;}
    .partlb-cont p {margin-top: 20px;}
    .partlb-list ul li {width: 49%;}

    .details-show {padding:60px 0;}
    .details-show .contain{flex-direction: column-reverse;}
    .details-prod { width: 100%; padding-right:0px;}
    .details-picture {width:100%;margin-bottom: 28px;}
    .details-banner { height: 188px;}
    .details-thumbs {margin: 28px auto 0;width: 398px;}
    .details-coulmn {padding:60px 0 38px; }

    .caselb {padding: 60px 0;}
    .caselb-tit {padding: 28px 20px 38px;}
    .caselb-tit h2{font-size: 18px;}

    .com-banner.casexq-banner .com-content h2{height:68px;font-size:24px;}
    .com-banner.casexq-banner .com-content h2::before{height:68px;}
    .casexq-show {padding:60px 0;}
    .casexq-content {padding:60px 0;}
    .casexq-btn a {padding: 0 28px;font-size: 15px;}
    .casexq-btn a h6 {margin-left: 24px;}
    .casexq-btn a:last-child h6 {margin-right: 24px;}
    .casexq-coulmn{padding:60px 0;}

    .projjs {padding:60px 0 68px;}
    .projjs-l, .projjs-r{height: 318px;}
    .projjs-title {padding: 32px 0 20px;}
    .projjs-title h2{font-size: 16px;}
    .projbd{padding:60px 0;}
    .projbd-img {width:100%;margin-bottom: 38px;}
    .projbd-form {width:100%;padding-left:0;}
    .projbd-inline {margin-bottom: 12px;}
    .projbd-inline.projbd-content textarea {height: 118px;}
   

    .news {padding: 60px 0;}
    .news-link{margin-top: 38px;}
    .news-img {width:360px;}
    .news-intro {width: calc(100% - 360px);padding: 0 48px 0 32px;}
    .news-cont h2{margin: 10px 0 20px;}
    .news-btn{margin-top: 28px;}
    .news .paging {margin-top: 42px;}

    .article-headline {padding: 60px 0;}
    .article-title h1{font-size:28px;line-height: 32px;}
    .article-content {padding: 60px 0 68px;}

    .contactwm {padding: 60px 0;}
    .contactwm-item li {width: 50%; margin-bottom: 20px;}
    .contactwm-item li i { width: 100px;height: 100px;}
    .contactwm-item li i img{max-width: 88%;}
    #map {height: 380px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */

    .com-banner img {min-height: 188px; }
    .com-content{align-items: center;}
    .com-content h2{font-size: 24px;margin-top:4%;}

    .com-tit { font-size: 20px; padding-left: 28px;}
    .com-tit::before {width: 18px;height: 20px; }

    .aboutgs {padding:40px 0;}
    .aboutgs .contain{flex-direction: column;}
    .aboutgs-intro {width: 100%;}
    .aboutgs-cont {margin-top: 20px;}
    .aboutgs-data {width: 100%; padding-left:0;margin-top: 28px;}
    .aboutgs-data li h6 span {font-size: 38px;}
    .aboutys{padding:40px 0 20px;}
    .aboutys-title p {max-width:100%;font-size: 14px;}
    .aboutys-show { margin-top: 32px;}
    .aboutys-show ul{margin-left: 0;}
    .aboutys-show ul li {width:100%;margin: 0 0 24px 0;}
    .aboutys-link h2 {font-size:20px;padding-bottom: 12px;}
    .aboutfw{padding: 40px 0;}
    .aboutfw .contain {flex-direction: column;}
    .aboutfw-intro {width: 100%;}
    .aboutfw-cont p {font-size: 14px;line-height: 30px;padding-left: 20px;}
    .aboutfw-cont p::before{top: 10px;}
    .aboutfw-show{width: 100%;padding-left: 0;margin-top: 28px;}
    .aboutfw-logo {left:0;}
    .abouthb {padding-bottom:40px;}
    .abouthb-show {margin-top: 32px;}
    .abouthb-show li {width:33.3333%;height: 68px;margin-bottom: 20px;}
    .abouthb-show .abouthb-pagination {margin-top: 10px;}

    .link-nav{height: 48px;}
    .link-nav a{font-size: 12px;}
    .link-nav i { margin: 0 4px 0 8px;}


    .prod-menu li{width: 74px;}
    .prod-menu li+li { margin-left: 12px;}
    .prod-menu li a {height:38px;line-height:38px;font-size: 14px;}
    .prod {padding:40px 0 20px;}
    .prod-rgt{padding:28px;}
    .prod-title{margin-bottom: 12px;}
    .prod-title h2{font-size: 22px;}
    .prod-title span{font-size: 32px;top: 2px;}
    .prod-intro{margin-top: 14px;}


    .common-submenu{flex-wrap: wrap;}
    .common-submenu a{width: 48%;margin-top: 20px;}
    .common-submenu a+a{margin-left: 0;}
    .common-submenu a:nth-child(2n){margin-left: 4%;}
    .common-style h2 {font-size: 22px;}

    .prodxl{padding: 40px 0;}
    .prodxl-coulmn{margin-top: 24px;}
    .prodxl-coulmn ul {margin-left: 0;}
    .prodxl-coulmn ul li{width: 100%;margin: 0 0 30px 0;}


    .part{padding-top:20px;}
    .partlb {padding:40px 0 40px;}
    .partlb-hot{flex-direction: column;}
    .partlb-coulmn{width: 100%;margin-bottom: 28px;}
    .partlb-list {margin-top: 18px;}
    .partlb-list ul{margin-left: 0;}
    .partlb-list ul li {width:100%;margin: 0 0 30px 0%;}
    .partlb .paging { margin-top:10px;}

    .details-show {padding:40px 0;}
    .details-show .contain{flex-direction: column-reverse;}
    .details-banner { height: 168px;}
    .details-banner img { max-width: 230px;}
    .details-thumbs {margin: 28px auto 0;width: 310px;}
    .details-prod h1 {font-size: 20px;padding-bottom: 18px;}
    .details-prod h2 {font-size: 13px;line-height: 22px;max-width: 100%;}
    .details-prod p { font-size: 14px;}
    .details-btn {margin-top: 28px;padding-top: 28px;}
    .details-box {padding: 32px 20px;}
    .details-cell li{flex-wrap: wrap;}
    .details-cell li p {width: 100%;}
    .details-cell li p+p{margin-top: 12px;}
    .overview-txt {padding: 20px;}
    .overview-txt h3{font-size: 20px;}
    .details-coulmn {padding:40px 0 28px; }
    .details-headline h2 {font-size: 20px;}
    .details-list{margin-top: 24px;}
    .details-list ul {margin-left: 0;}
    .details-list ul li{width: 100%;margin: 0 0 30px 0;}

    .caselb {padding: 40px 0;}
    .caselb-list ul{margin-left: 0;}
    .caselb-list ul li {width: 100%;margin: 0 0 30px 0%;}
    .caselb .paging { margin-top:0px;}

    .com-banner.casexq-banner .com-content h2{height:48px;font-size:18px;width: 48%;}
    .com-banner.casexq-banner .com-content h2::before{height:48px;}
    .casexq-show {padding:40px 0 20px;}
    .casexq-list li{width: 50%;margin-bottom: 20px;}
    .casexq-content {padding:40px 0;}
    .casexq-intro h2 {font-size: 20px;}
    .casexq-intro p {font-size: 14px;line-height: 22px;}
    .casexq-back{margin: 32px 0 10px;}
    .casexq-btn{flex-direction: column;}
    .casexq-btn a{width: 100%;margin-top: 20px;padding: 0 20px;}
    /* .casexq-btn a:last-child{flex-flow: row-reverse;} */
    .casexq-btn a h6{margin-left: 18px !important;margin-right: 0 !important;}
    .casexq-coulmn{padding:40px 0 20px;}
    .casexq-headline h2{font-size: 20px;}
	
	.caselb-show img{height:220px;}

    .proj-headline h2{font-size: 20px;}
    .proj-headline p{font-size: 14px;line-height: 24px;}
    .projjs {padding:40px 0 48px;}
    .projjs-loop{margin-top: 28px;}
    .projjs-l, .projjs-r{height: 188px;}
    .projjs-title {padding: 20px 0 12px;}
    .projjs-title h2{font-size: 14px;line-height: 20px;}
    .projbd{padding:40px 0;}
    .projbd-item{margin-top: 32px;}
    .projbd-inline{width: 100%;}
    .projbd-inline.projbd-content textarea { height: 168px;}
    .projbd-bott{flex-wrap: wrap;}
    .projbd-code {width:100%; }
    .submit-btn{width: 100%;transform: skew(0);margin-top: 24px;}

    .news-hedmenu li {width: 100px; }
    .news-hedmenu li a {height: 38px;line-height: 38px;font-size: 14px;}
    .news {padding: 40px 0;}
    .news-link{margin-top: 12px;}
    .news-img {width:100%;}
    .news-intro {width:100%;padding: 28px 20px;}
    .news-cont h2{font-size: 18px; margin: 8px 0 16px;}
    .news-btn{margin-top: 24px;}
    .news .paging {margin-top: 20px;}

    .article-headline {padding: 40px 0;}
    .article-title h1{font-size:20px;line-height: 28px;}
    .article-content {padding: 40px 0 48px;}
    .article-coulmn{padding: 28px 0;}
    .article-btn {justify-content: flex-start;}
    .article-btn a+a{margin-top: 20px;}

    .contactwm {padding: 40px 0;}
    .contactwm-headline h2 {font-size: 20px;}
    .contactwm-item {margin-top: 38px;}
    .contactwm-item li h6 {margin: 16px 0 10px;}
    .contactwm-item li p {font-size: 12px;line-height: 20px;}
	.details-img{min-height:auto;}
}