html,body{width: 100%; height: 100%; font-size: 14px; font-family: "Microsoft YaHei UI",Arial, Helvetica, sans-serif;}
ul li{list-style: none;}
ul,html,body,h1,h2,p,dl{margin: 0; padding: 0;}
a{text-decoration: none;}
.box{min-width: 1200px;}

.all{position: relative; width: 100%; height: 100%;  padding-top: 90px;}

.container{ width: 100%; min-width: 1200px; max-width: 1380px;  margin: 0 auto; }
header{background: #fff; position: fixed; width: 100%; box-shadow: 0px 0 15px 0px rgba(0,0,0,0.2); top: 0; z-index: 99; height: 90px;}
header .h-container {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;  margin: 0 auto; width: 100%; max-width: 1680px;}
.logo{ width: 200px; display: block; height: 90px; padding: 10px; box-sizing: border-box;}
.logo img{height: 100%;}
.nav-right{display: flex;}
.nav{ display: flex; width: 100%; justify-content: space-between; }
.nav li{ margin-right: 50px;}
.nav li a{position: relative; display: block; line-height: 44px; height: 44px; font-size: 16px; color: #000;}
.nav li a:hover,.nav li a.active{color: #4081c6;}
.nav li a:hover:after,.nav li a.active:after,.home-title:after{ content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);background: #4081c6; width:30px; height: 2px; }
.m-nav-icon{display: none;}

.sub-company { position: relative; margin-right: 20px;}
.sub-company:hover .dropdown-content{display: block;}
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); right: 0px;}
.sub-btn{border: 1px solid #ddd; width: 160px; display: block; border-radius: 2px; padding: 6px 10px; margin-top: 6px; cursor: pointer; font-size: 16px; }
.sub-btn i{float: right; line-height: 20px; color: #999; font-size: 16px;}
.sub-company ul a{ display: block; font-size: 14px;  color: #000; white-space: nowrap; line-height: 40px; padding:4px 16px;}
.sub-company ul a:hover{background: #f1f1f1;}

/*轮播*/
.mySwiper {width: 100%; height: 60%; min-width: 1200px;}
.swiper img{display: block; width: 100%; height: 100%; object-fit: cover;}

.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{ color: #fff; padding: 20px; transition: all 0.3s;}
.mySwiper .swiper-button-next:hover,.mySwiper .swiper-button-prev:hover{background: rgba(0,0,0,0.3); transform: translate(0, -10px); transform: scale(1.2);}

/*业务领域 图片横滚*/
.swiper-btn-cell{ display: flex; min-height: 120px; }
.swiper-btn-cell>a{ flex: 1;  display: flex; align-items: center; justify-content: center; color: #fff; font-size:22px; padding:  0 20px; overflow: hidden;}
.swiper-btn-cell>a img{margin-right: 15px; width: 90%; min-width: 48px;}
.swiper-btn-cell>a span{display: block; font-weight: normal; line-height: 20px; font-size: 16px; margin-top: 5px;}
.swiper-btn-cell>a:hover{ opacity:0.9;}
.s-cell-1{background: #3257a4;}
.s-cell-2{background: #4081c6;}
.s-cell-3{background: #7bb7e8;}

.home-title{position: relative; display: block; height: 80px; line-height: 70px; margin: 20px 0 30px 0; font-size: 32px; color: #000; font-weight: 500;  white-space: nowrap; text-align: center;}
.home-title:after{width: 40px; height: 3px;}


.list-swiper{position: relative; width: 100%; margin: 0 auto;}
.list-swiper .swiper-slide{ min-width: 300px; height: 300px; overflow: hidden;  background-repeat: no-repeat; background-size: cover; }
.business-section{position: relative; padding-bottom: 40px; margin-bottom: 15px; }
.business-text {display: block;  width: 100%; color: #fff; box-sizing: border-box; overflow: hidden;}
.business-text p{display: block; margin:15px auto 30px auto; font-size: 14px; line-height: 26px; width: 80%; max-width: 300px; height: 78px; overflow: hidden;}
.business-text .btn{ display: block; background:  #fff; color: #4081c6; width: 148px; height: 36px; line-height: 36px; border-radius: 36px; text-align: center; margin: 0 auto;}
.business-text{position: absolute; top: 240px; height:60px; padding: 25px 0 0 0; background: linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0)); }
.business-text h2{font-size: 16px; font-weight: 500; text-align: center; white-space: nowrap; overflow: hidden; width: 80%;  margin: 0 auto;  text-overflow: ellipsis;}
.swiper-slide:hover .business-text{top: 0; height: 100%; background: linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0.2));  transition: all .5s cubic-bezier(1.0, 0.5, 0.5, 1); padding: 45px 0;}
.swiper-slide:hover .business-text h2{display: -webkit-box; font-size: 18px; margin-bottom: 20px; font-weight: bold; white-space: break-spaces;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.mySwiper2 {position: initial!important;}



.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction{ width: auto!important; position: absolute; left:50%; transform: translateX(-50%); border-radius: 15px; padding: 0 6px; background: rgba(0,0,0,0.1); margin: 0 auto;}

.h-about{ position: relative; width: 100%; height: 560px; background: url("../../static/img/h-about-bg.jpg") no-repeat center  fixed; background-size: cover;  overflow: hidden; }
/*.h-about .container{ position: absolute; display: flex; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; }*/
.about{min-height: 50%;}
.about p:not(.txt-tit),.about-txt p{text-indent: 2rem;}

.about-left h2{width: 100%; display: block; font-size: 26px;  margin-bottom: 30px; }
.about-left{float: left; width: 54%; display: block; overflow: hidden; box-sizing: border-box; }
.about-left .home-title{ float: left; display: block;}
.about-left .t-default{ float: left; display: block; line-height: 30px; }
.about-left .btn{background: #4081c6; display: block; float: left; border-radius: 50px; padding: 0px 15px; color: #fff; margin-top: 30px; }
.about-left p{text-indent:28px;}

.about-right{float: right; width: 44%; display: flex; justify-content: right; color: #fff; padding: 20px; box-sizing: border-box; margin-top: 60px;}
.about-right>div{flex: 1; height: 120px; box-sizing: border-box; margin: 0 10px; padding:15px;}
.about-right>div p,.d-about-item>div p{text-align: right; white-space: nowrap; overflow: hidden;}
.about-right>div h1,.d-about-item>div h1{font-size: 40px; margin-bottom: 20px;}
h1>.small{font-size: 14px;}

.num-1{background: rgba(50,87,164,0.8); }
.num-2{background: rgba(3,132,207,0.8); }
.num-3{background: rgba(66,179,229,0.8); }


.product{ position: relative;  min-width: 1200px; width: 100%; height:800px; overflow: hidden;}
.prd-sidebar{background: rgba(0,0,0,0.7); position: absolute; width:20%; min-width: 240px; height: 100%; z-index: 2;}
.prd-sidebar li{ position: relative; z-index: 2; display: block; height: 72px; font-size: 18px; line-height: 72px; margin-bottom: 8px; padding-left: 35px; cursor: pointer;}
.prd-sidebar li span{position: relative; z-index: 2;}
.prd-sidebar li:hover:after,.prd-sidebar li.active:after{ content: '';  background:url("../../static/img/icon-right.png") no-repeat #4081c6 right;  background-size:32px; z-index: 0; width: 107%; height: 100%; position: absolute; left: 0; top: 0;}
.prd-title{margin:36px 0 32px 0; padding:0 20px 0 30px; }
.prd-title,.prd-sidebar li{color: #fff;}
/*.prd-title p{font-size: 12px;}*/
.prd-title h1{ font-weight: 400; font-size: 32px; margin: 15px 0; }
.prd-content{width: 100%; height: 100%; margin: 0 auto; position: relative; }
.prd-content .item {position: relative; display: none; height: 100%; background-size: cover; background-position: center;}
.prd-content .item.active {display: block;}
.prd-content img{width: 100%; height: 600px; object-fit: cover;}

.prd-img-cell{ position: absolute;  bottom: 0; right: 0; width: calc(100% - 20%); background: #4081c6; height: auto;  padding: 30px;  box-sizing: border-box; overflow: hidden;}
.prd-img-txt{ display: flex; align-items: flex-start; justify-content: space-evenly; width: 100%; color: #fff; min-width: calc(100% - 300px); }
.prd-img-txt .btn{white-space: nowrap;}
.prd-img-txt .btn{ border: 1px solid #fff; display: block; border-radius: 40px; padding: 7px 16px;}
.prd-img-txt h1{font-size: 24px; line-height: 36px; margin-right: 20px; margin-bottom: 10px; max-width: 600px; word-break: break-all;}
.prd-img-txt p{  margin-right: 20px; max-width: 50%; line-height: 24px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}


.h-news{ width: 100%; display: flex; justify-content: space-between; margin-bottom: 20px; }
.h-news .h-news-item{ display: block; flex: 1; margin:0 10px; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1);}
.h-news dl{width: 100%; overflow: hidden;}
.h-news dd{width: 100%; height:310px; position: relative; margin:0 0 15px 0; overflow: hidden;}
.h-news dt{ padding:5px 20px;}
.h-news img{width: 100%; height: 100%; object-fit: cover; }
.h-news .title{width: 100%; display: block; font-weight: bold; font-size: 16px; color: #000; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.h-news .tip{ color: #888; line-height: 24px; height: 48px; overflow: hidden; }
.h-news .date{color: #4081c6; padding-bottom: 10px; font-size: 14px;}

.h-news-item.news-min{background: none; box-shadow: none; width: 26%; margin-top: -15px;}
.news-min ul{background: #fff; display: flex; height:140px; overflow: hidden; box-sizing: border-box; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1); padding:14px; margin-top: 15px;}
.news-min li{float: left; overflow: hidden;}
.news-min li.img{position: relative; display: block; width: 130px; margin-right: 10px; overflow: hidden;}
.news-min li.txt{ width: calc(100% - 130px);}
.news-min .title{ width: 100%; margin-top: 10px;}
.news-min .tip{ display: block; height: 44px; overflow: hidden; line-height: 24px; word-break: break-all; padding:8px 0;}

footer{margin-top: 30px;}
.footer-us{background: #3257a4; width: 100%; position: relative; z-index: 99; }
.footer-us .container{display: flex; justify-content: space-between; height: 240px; align-items: center;}
.footer-us-item h1{font-size: 18px; margin-bottom: 20px;}
.footer-us-item{color: #fff;}
.footer-us-item p{line-height: 32px;}
.footer-us-item p i{display: inline-block; margin-right: 5px; }
.footer-bottom{background: #1f3c7a;}
.footer-bottom .container{display: flex; justify-content: space-between;  color: #fff; line-height: 48px;}

.txt-center{text-align: center;}
.h-news img,.business-section .swiper-slide img{ transition: all 0.6s;}
.h-news img:hover,.business-section .swiper-slide:hover img{transform: translate(0, -10px); transform: scale(1.2);}

.mySwiper2 .swiper-button-next {background-image: url("../../static/img/btn-next.png") !important;width: 54px;height: 54px;position: absolute;  right: -70px;top: 45%;}
.mySwiper2 .swiper-button-prev {background-image: url("../../static/img/btn-prev.png") !important;width: 54px;height: 54px;position: absolute; left: -70px; top: 45%;}
.mySwiper2 .swiper-button-next:after, .mySwiper2 .swiper-button-prev:after {display: none;}

.app-company,.app-prd-sidebar{display: none;}
.detail-main{padding-bottom: 20px; color: #595959; line-height: 24px;}
.detail-banner{width: 100%; height: 36%; overflow: hidden;}
.detail-banner img{ height: 100%; width: 100%; object-fit: cover;}
.detail-nav{background: #f8f8f8;}
.detail-nav .swiper{width:80vw;text-align:center}
.detail-nav ul{display: flex; width: 100%; max-width: 1200px; margin: 0 auto 15px auto; align-items: center; justify-content: center; }
.detail-nav li{margin: 0 30px;}
.detail-nav li a{position: relative; display: block; line-height: 60px; height: 60px; font-size: 16px; white-space: nowrap; color: #000;}
.detail-nav li a:hover,.detail-nav li a.active{color: #4081c6;}
.detail-nav li a:hover:after,.detail-nav li a.active:after{ content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #4081c6; width:30px; height: 2px; }


.cp-detail-nav {background: #f8f8f8; width: 100%; line-height: 60px; height: 60px;}
.cp-detail-nav li{margin: 0 30px;}
.cp-detail-nav .swiper-slide {width: auto; float: left; text-align: center; font-size: 18px;}
.cp-detail-nav li:first-child{margin-left: 0;}
.cp-detail-nav li a:hover,.cp-detail-nav li a.active{color: #4081c6;}
.cp-detail-nav li a:hover:after,.cp-detail-nav li a.active:after{ content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #4081c6; width:30px; height: 2px; }



.dis-flex{display: flex;  flex-wrap:wrap;}
.w100{width: 100%; overflow: hidden;}
.w55{width: 55%;}
.w40{width: 40%;}
.space-b{justify-content: space-between;}

.detail-main img{object-fit: cover; max-width: 100%; max-height: 100%;}
.detail-main .txt p:not(.txt-tit){font-size: 14px; line-height: 28px;}
.detail-main .txt-tit{ font-size: 24px; color: #4081c6; margin: 20px 0;}

.detail-main .about-txt{width: 45%; padding: 0 20px; box-sizing: border-box;}
.d-about-item{ width: 100%; justify-content: space-between; margin: 15px 0;}
.d-about-item>div{flex: 1; margin: 0 20px; color: #fff; padding:25px 25px 15px 25px;}
.d-about-item>div:last-child{margin-right: 0;}
.d-about-item>div:first-child{margin-left: 0;}


.inst{background: url("../../static/img/inst-bg.jpg") no-repeat; background-size: cover; width: 100%; padding: 60px 0;}
.inst .home-title,.develop .home-title{ text-align: left; float: left; margin-top: 40px;}
.inst .about-txt{width: calc(100% - 700px); max-width: 45%;}
.inst .btn{position: relative; display: block; background: #4081c6; border-radius: 0px; height: 40px; line-height:40px; width: 250px; font-size: 16px; z-index: 1; color: #fff; text-align: center;}
.inst-photo{width: 690px;/* margin: 40px auto 0 auto; */ overflow: hidden; padding-right: 10px;}
.inst-photo .btn-1{ margin: 0 auto; background: #4667ad;}
.inst-photo>.btn-1:before{content: ''; border-left: 1px solid #4667ad; position: absolute; width: 1px; height: 40px; left: 50%; bottom: -40px; transform: translateX(-50%); }
.inst-photo>.btn-1:after{content: ''; border-bottom: 1px solid #4667ad; position: absolute; width:346px; height: 100px; left: 50%; transform: translateX(-50%); bottom: -40px; }
.btn-link:before{content: ''; border: 1px solid #4081c6; width: calc(100% + 8px); height: calc(100% + 8px); position: absolute; left: -5px; top: -5px; }

.photo-item{ width: 690px; margin-top:80px;}
.photo-item .btn{margin: 0 auto;}
.photo-item .btn:after{content: ''; border-left: 1px solid #4667ad; position: absolute; width: 1px; height: 40px; left: 50%; top:-40px; transform: translateX(-50%);}
.inst-photo .photo-txt{position: relative; color: #000; max-width:100%; line-height:26px; border: 1px solid #ed7d31; margin-top: 34px; box-sizing: border-box;}
.inst-photo .photo-txt:after{content: ''; border-left: 1px solid #4667ad; position: absolute; width: 1px; height: 30px; left: 50%; top:-30px; transform: translateX(-50%);}
.inst-photo .photo-txt span{display: block; background: #ed7d31; color: #fff;  padding: 4px 0; width: 100%; text-align: center;}
.inst-photo .photo-txt p{ color: #ed7d31; padding: 0px 20px; }
.inst-photo .left,.inst-photo .right{ flex: 1;  margin: 0 10px;}
.inst-photo .left .photo-txt:after{top: -34px; height: 34px;}

.develop{padding: 30px 0;}
.develop ul{width: 80%; position: relative;}
.develop ul li{width: 100%; position: relative; display: flex; align-items: center; justify-content: left; height:70px; color: #595959; box-sizing: border-box;}
.develop .date{ flex: none; display: inline-block; width: 110px; text-align: center; background: #4081c6; color: #fff; padding: 4px 8px; border-radius:20px;  white-space: nowrap; overflow: hidden; box-sizing: border-box;}
.develop .dot{display: block;  position: relative; width: 100px; height: 100%; }
.develop .dot:after{content: ''; width: 8px; height: 8px; border-radius: 8px; background: #4081c6; position: absolute; left:50%; top: 50%; transform: translateY(-50%); }
.develop ul:before{content: ''; border-left: 1px solid #4081c6; position: absolute; width: 1px; height: calc(100% - 70px); left: 163px; top: 50%; transform: translateY(-50%); }
.develop p{ position: relative; width: 600px; overflow: hidden;}
.fz-img{ justify-content: space-between;  box-sizing: border-box;}
.fz-img img{width: 30%; }
.fz-img img:last-child{margin-right: 0;}

.detail-left-nav{background: #fff; width: 320px; border: 1px solid #dfdfdf; margin: 30px;}
.detail-left-nav h1{padding: 20px 20px; border-bottom: 1px solid #dfdfdf; font-size: 26px;}
.detail-left-nav li a{display: block; width: 100%; line-height: 48px; padding: 0 15px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; white-space: nowrap; }
.detail-left-nav li:last-of-type a{border-bottom: 1px solid #fff;}
.detail-left-nav li a:hover,.detail-left-nav li a.active{background: #4081c6; color: #fff; border-bottom: 1px solid #4081c6;}
.detail-right{ width: calc(100% - 410px); padding: 15px 10px; box-sizing: border-box;}
.detail-right .home-title{float: left;  font-size: 24px; line-height: 60px; height: 70px;}
.detail-right .home-title:after{ left: 0; transform:translateX(0);}

.case{flex-wrap: wrap; margin: 0 -1%;}
.case-item{ position: relative; width: calc(94% / 3); background: #fff; height: 450px; box-sizing: border-box; box-shadow: 0 0 5px rgba(0,0,0,0.2); margin:0 1% 30px 1%; cursor: pointer;}
.case-item .photo{line-height: 0; height: 270px; background: #3257a4;}
.case-item .photo img{ width: 100%;  height: 280px;}
.case-item .title{border-bottom: 1px solid #dfdfdf; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; height: 48px; overflow: hidden; white-space: nowrap; line-height: 48px; font-size: 16px; color: #000;}
.case-item .txt{padding:0 20px; margin: 10px 0;  height: 110px;}
.case-item .hover{ overflow: hidden;}
.case .case-item:hover .hover{position: absolute; top: 0; width: 100%; height: 100%; background: rgba(50,87,164,0.8);  color: #fff; padding: 15px; box-sizing: border-box; transition: all .5s cubic-bezier(0.5, 1, 0.5, 1); }
.case .case-item:hover .photo{height: 100%;}
.case .case-item:hover .title{color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2);}
.detail-main .case-item:hover img{ min-height: 100%; min-width: 100%;}

.news .case-item .txt{ height:96px; }
.news .case-item .txt p{ line-height: 24px; height: 72px; }
.contact{justify-content: space-between; margin: 0 -10px;}
.contact .footer-us-item:hover,.contact .footer-us-item.active{border: 1px solid #4081c6; cursor: pointer;}
.contact .footer-us-item{ flex: 1; color: #000000; padding: 30px; margin: 0 10px; background: #fff; border: 1px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.contact .footer-us-item .iconfont{ color: #4081c6;}
.contact-map{margin-bottom: 20px;}
.contact-map img{object-fit: cover; width: 100%;}
.txt-line-2.txt p{display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3;  word-break: break-all; text-overflow: ellipsis;  overflow: hidden;}
.job-table table{width: 100%; border-collapse: collapse; margin-top: 15px;}
.job-table table th{ background: #f4f4f4;}
.job-table table th,.job-table table td{padding: 12px 20px; text-align: left; line-height: 24px;}

.msg{margin: 0 auto; width: 1000px}
.msg input{width: 300px; height: 36px; line-height: 36px; padding-left: 10px;}
.msg input{border:1px solid #c2cad8; border-radius: 5px;}
.msg .radio-item{ width: 80px; margin-left: 10px;}
.msg .radio-item label{display: flex; align-items: center;}
.msg input[type=radio]{border:1px solid #c2cad8; width: 18px; height: 18px; margin: 0 5px 0 0;}
.msg textarea{border:1px solid #c2cad8; width: 600px; border-radius: 5px; padding: 10px;}
.msg button{background: #4081c6; border: none; color: #fff; width: 200px; display: block; padding: 12px 20px; margin-top: 30px; font-size: 16px; border-radius: 30px;}
.msg button:hover{background: #3c79ba;}
.form-item{display: flex; align-items: center; margin: 20px;}
.form-item label{width: 140px; text-align: right; margin-right: 15px;}

.footer-us-item.code img{ width:140px; height: 140px;}

.f12{font-size: 12px;}
.m-t5{margin-top: 5px;}
.t-blue{ color: #4081c6;}
a,.t-default{color: #595757;}
.c-red{color: #ea4a6b;}

.detail-main .ck-content video{width:50%; position: relative; transform: translateX(50%); overflow: hidden;}
.detail-right.detail-main .ck-content video{width:100%; transform: translateX(0%);}


/*适配*/
@media screen and (max-width:1600px) {
    .list-swiper .container{max-width: calc(100% - 150px); width:  calc(100% - 150px); min-width:calc(100% - 150px);}
    .icon-company{font-size: 22px; border: 1px solid #ccc; width: 22px; height: 22px; padding: 4px; border-radius: 22px;}
    .app-company{ display: block; margin:10px 15px;}
    .sub-btn{display: none;}
}
@media screen and (max-width:1440px) {

}


@media screen and (max-width:1380px) {
    .nav li{margin-right: 30px;}
    .cp-detail-nav{ padding: 0 20px; box-sizing: border-box;}

}

@media screen and (max-width:1220px) {
    .prd-sidebar{display: none;}
    .icon-menu{display: none;}
    .develop ul{width: 800px; margin: 0 auto;}
    .inst{padding: 0;}
    .inst .home-title, .develop .home-title{width: 100%; float: none; text-align: center;}
    /*.develop ul:before{left: 144px;}*/
    body{overflow: hidden;}
    .container,.box{width: auto; max-width: 100%; min-width: 100%;}
    .all{position: absolute; top: 0; left: 0; padding-top: 48px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto;}
    .mySwiper{width: 100%; min-width: 100%; height: 300px;}
    .h-about .about-left{padding: 20px; width: 100%;}
    .about-right{margin-top: -60px;}
    .about-right>div{min-width: 120px;}
    .h-about .about-left,.bounceInUp,.fadeInUp{visibility: visible!important;}
    .sub-btn{display: none;}
    .icon-company{font-size: 22px; border: 1px solid #ccc; width: 22px; height: 22px; padding: 4px; border-radius: 22px;}
    .app-company{ margin-right: 15px; margin-top: 10px;  display: block;}
    /*.dropdown-content{margin-top: 15px;}*/
    /*.prd-img-cell{width: calc(100% - 20%);}*/
    /*.prd-img-txt p{width: 50%;}*/
    .add-prd-nav{ position: absolute; display: flex; align-items: flex-start; width: 300px; height: 720px;}
    .prd-sidebar{position: relative; width: 240px;}
    .prd-sidebar li{font-size: 16px; line-height: 46px; height: 46px; padding-left:25px;}
    .prd-img-txt{ max-width: 100%;}
    .prd-img-txt h1{font-size: 22px; line-height: 32px; white-space: break-spaces; word-break: break-all;}
    .product,.prd-img-cell,.prd-img-txt{ width: 100%; min-width: 100%;  }
    .app-prd-sidebar{ display: block; width: 40px; height:40px; line-height: 40px; text-align: center; border-radius: 0 5px 5px 0; overflow: hidden; z-index:2; color: #fff; background: rgba(0,0,0,0.7); margin-top: 20px;}
    .app-prd-sidebar .icon-menu{display: block; font-size: 24px; font-weight: 400; }
    .product{height: 500px;}
    .prd-img-cell{padding: 20px;}
    .prd-title h1{font-size: 26px;}
    .prd-title p{font-size: 12px;}
    .prd-title{padding:0 20px; margin:25px 0 20px 0;}

    .swiper-btn-cell>a{font-size: 16px;}
    .swiper-btn-cell>a span{font-size: 12px;}
    .swiper-btn-cell>a img{min-width: 32px; width: 80px;}
    .about-left h2{font-size: 20px;}

    .footer-us-item{padding: 15px;}
    .footer-us-item h1{font-size: 16px;}
    .footer-us-item p{line-height: 24px;}
    .footer-bottom .container{padding: 10px 20px; line-height: 24px; box-sizing: border-box; text-align: center;}
    .nav li:last-child{margin-right: 0;}

}

/*移动端*/
@media screen and (max-width:1100px) {
    .detail-nav ul{margin-bottom: 0;}
    .detail-nav{ padding:0 20px; overflow: hidden;}
    .detail-main{padding: 20px; box-sizing: border-box;}
    .m-nav-icon{display: block;}
    .container, .box{width: 100%;}
    .inst .about-txt,.detail-main .about-txt{width: 100%; max-width: 100%;}
    .about .w55{width: 100%; text-align: center; margin-top: 15px;}
    .nav-item{display: none; position: absolute; height: 100vh; width: 250px; top: 0; left: 0; z-index: 99;}
    .nav-item .nav{position: relative; z-index: 9;   background: #fff; display: block; width: 250px; height: 100%; padding-top: 50px;}
    .nav-item .nav-mask{position: absolute; background: rgba(0,0,0,0.5); width: 100vw; height: 100vh;  left: 0; top: 0; z-index: 0; }
    .nav li{margin:0 18px; border-bottom: 1px solid #f1f1f1;}
    .nav li a{font-size: 14px; padding-left: 15px;}
    .nav li a:hover:after, .nav li a.active:after{display: none;}
    /*.h-news{ display: block;}*/
    .h-news .h-news-item{width: 30%;}
    header,.logo{height: 70px; }
    .logo{text-align: center;}
    .h-about{height: auto;}
    .sub-btn{display: none;}
    header .icon-menu{display: block; font-size: 22px; margin-left: 10px;}
    .nav{margin-right: 10px; display: none;}
    .app-company{margin: 0px 15px 0 15px; display: block;}
    .icon-company{font-size: 22px; border: 1px solid #ccc; width: 22px; height: 22px; padding: 4px; border-radius: 22px;}
    /*.h-about .container{display: block; position: relative; top: 0; left: 0; transform: translate(0%,0%);}*/
    .swiper-btn-cell>a{font-size: 16px;}
    /*.prd-sidebar{width: 40px; min-width:40px;}*/
    .detail-left-nav{width: 100%; margin: 0;}
    .detail-right{width: 100%;}
    .case,.news{flex-wrap: wrap;}
    .case .case-item,.news .case-item{width: calc(94% /2);}
}

@media screen and (max-width:768px) {
    .job-table{padding:10px 20px;}
    .job-table{position: relative;}
    /*.job-table p{position: absolute; top: 0;}*/
    .job-table .table-scroll{overflow-x: scroll;}
    .job-table table{ width: 200%;}
    .job-table table,.job-table td,.job-table th{border: 1px solid #ededed;}
    .contact-map img{object-fit: cover; height: 300px;}
    .contact{padding-top: 0;}
    .contact,.contact .footer-us-item{width: 100%; margin: 0;}
    .contact .footer-us-item{flex: none; box-sizing: border-box; margin: 10px 0;}
    .case, .news{padding: 0;}
    .case .case-item,.news .case-item{width: 100%; height: 500px; margin: 20px;}
    .case-item .photo,.case-item .photo img{height: 320px;}
    .case .case-item:hover .hover{padding: 10px;}
    .inst .inst-photo{width: 100%; padding: 0 10px;}
    .photo-item{width: 100%; margin-top: 20px;}
    .inst-photo>.btn-1{font-size: 16px;}
    .inst-photo>.btn-1:after,.photo-item .btn:after,.inst-photo>.btn-1:before{display: none;}
    .inst .photo-item .btn{width: 80%; font-size: 14px; line-height:18px; height: auto; min-height: 32px; display: flex; align-items: center; justify-content: center; padding: 4px 12px;}
    .left,.right{width: 48%;}
    .inst-photo .photo-txt{text-align: center;}
    body,.all,header{min-width: 375px;}

    .d-about-item>div{padding: 25px 15px 15px 15px; margin: 0 5px;}
    .list-swiper .container{width: auto; max-width: 100%; min-width: 100%;}
    .develop{padding: 0 0 30px 0;}
    .fz-img{display: block;}
    .fz-img img{width: 100%;}
    .develop ul{width: 100%; padding: 0 20px; margin: 0 auto;}
    .develop ul li{width: 100%;}
    .develop p{width: auto; margin-left: 15px;}
    .develop ul:before,.develop .dot{display: none;}
    .news-min li.img{display: none;}
    .news-min li.txt{width: 100%;}
    .footer-us-item h1{font-size: 14px;}
    .prd-img-cell{padding: 20px 30px;}
    .prd-img-txt{display: block;}
    .prd-img-txt p{max-width: 100%; margin:10px 0 0 0;}
    .prd-img-txt .btn{display: none;}
    header .nav{ display: none;}
    header,.logo{height: 54px; padding: 6px;}
    .home-title{ margin:10px 0 18px 0; font-size: 24px; line-height: 60px; height: 60px;}
    header .nav{ display: none;}
    .business-section{margin: 0;}
    .list-swiper .swiper-slide{ min-width: 100vw; flex: none;}
    .mySwiper2 .swiper-button-next,.mySwiper2 .swiper-button-prev{width: 40px; height: 40px; top: 50%; display: none;  background-size: cover;}
    /*.mySwiper2 .swiper-button-next{right: 10px;}*/
    /*.mySwiper2 .swiper-button-prev{left: 10px;}*/
    .swiper-btn-cell{ display: block; height: auto;}
    .swiper-btn-cell>a h4{width: 320px;}
    .h-about{height: auto; background-size: 1200px 100%;}
    /*.h-about .container{display: block; position: relative; top: 0; left: 0; transform: translate(0%,0%);}*/
    .h-about .about-left{width: 100%;}
    .h-about .about-left .btn{margin-top: 15px;}
    .h-about .about-right{ width: 100%; flex-wrap: wrap; padding: 0 0 15px 0; margin:0;}
    .about-right>div{padding-left: 20px; flex: 1; min-width: 100%; margin: 0;}
    .h-news{display: block; overflow: hidden;}
    .h-news .h-news-item{width: calc(100% - 20px); margin-bottom: 15px;}
    .news-min{margin-top: 15px; float: left; }
    .footer-us .container,.footer-bottom .container{display: block; height: auto; padding: 15px;}
    .footer-bottom .container{padding: 10px 20px; line-height: 24px;}
    .footer-us-item{margin-top: 20px;}
    footer p{font-size: 12px;}
    .footer-us-item h1{margin-bottom: 10px; font-size: 16px;}
    .footer-us-item.code{text-align: center; }
    .detail-main .ck-content video {width: 100%;transform: translateX(0%);}
}

    @media screen and (max-width:480px) {
        .case .case-item,.news .case-item{height: 420px;}
        .case-item .photo,.case-item .photo img{height: 240px;}
    }