.container{width: 92%;margin: 0 auto;}
.m-menu{padding-bottom: 100px;}
/*header*/
.header-main{height: 90px;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;z-index: 10;}
.header-main-hide{opacity: 0;
    transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -webkit-transform: translateY(-90px);
    -o-transform: translateY(-90px);}
/**/
.header-main-c-l{float: left;width: 25%;}
.header-main-c-l a{display: block;width: 100%}
.header-main-c-l a img{display: block;margin-top: 12px;max-width: 100%;}
.header-main-c-r{width: 66%;float: right;}
.header-main-c-r li{width: 14.28%;float: left;position: relative;
background-position: right center;background-repeat: no-repeat;background-size: 1px 10px;background-image: url("../img/banner/menu-l.png");}
/*下拉*/
.header-main-c-r li .xiala{position: absolute;left: 0%;top: 90px;width: 100%;
    background-color: rgba(2552,255,255,0.95);
    transition: 0.4s;
    opacity:0;
    visibility: hidden;
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.header-main-c-r li .xiala1{opacity: 1;visibility: visible;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
}
/*.header-main-c-r li .xiala:hover{background-color: rgba(255255,101,24,1);}*/
/*.header-main-c-r li .xiala .xlc{padding: 15px 0 15px 0;}*/
.header-main-c-r li .xiala .xlt{font-size: 17px;color: #ffffff;font-weight: bold;
    padding: 0 10%;box-sizing: border-box;}
.header-main-c-r li .xiala dl dt{border-bottom: 1px solid #eee}
.header-main-c-r li .xiala dl dt a{color: #333;font-size: 14px;display: block;padding:12px 10%;
    box-sizing: border-box;text-align: center}
/*.header-main-c-r li .xiala dl dt:last-child a{padding-bottom: 0;}*/
.header-main-c-r li .xiala dl dt a:hover{background: #fff;color: #005bac}
.header-main-c-r li .xiala dl dt a[data=xz]{background: #fff;color: #005bac}
/**/
.header-main-c-r li .a1{display: block;width: 100%;height: 90px;font-size: 16px;color: #fff;line-height: 90px;text-align: center;
    position: relative;
}
.header-main-c-r li[data=xz] .a1{font-weight: bold;border-bottom: 2px solid rgba(255,255,255,0.6);box-sizing: border-box;
background: rgba(255,255,255,0)}
.header-main-c-r li .a1:hover{font-weight: bold;}
/**/
/*banner*/
.banner-box{position: relative;}
.banner-img {display: block;width: 100%;opacity: 1;}
.swiper-slide-ba{position: relative;}
.banner{width: 100%;height: 100%;}
.banner-p-f1{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1}
.banner-p-f1 .r{width: 50%;height: 100%;background: rgba(255,255,255,0);margin-left: 50%;overflow: hidden}
.banner-p{background: rgba(255,255,255,0);margin-top: 19%}
.banner-p .p1{font-size:50px;color: rgba(255,255,255,0.9);font-weight: bold;
    text-shadow: 0 0 6px rgb(0 0 0 / 65%), 0 0 0px #999}
.banner-p .p2{font-size: 36px;color: #fff;font-weight: lighter;color: rgba(255,255,255,0.8);margin-top: 1.5%;display: none}
.banner-p p{white-space: nowrap;text-align: center}

.swiper-pagination-ba{position: absolute;z-index: 10;left: 0;bottom: 0}
.swiper-pagination-ba .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 12px;background: #ddd}
.swiper-pagination-ba .swiper-pagination-bullet-active{background: #005bac;width: 24px;}

.bap{width: 40px;height:40px;background-size: auto;background-position: center!important;
    background-repeat: no-repeat!important;
    background: rgba(2552,2552,255,0.5);
;border-radius: 3px;transition: 0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;outline: none;top: 43%}
.swiper-button-next-ba{background-image: url("../img/banner/ban2.png")}
.swiper-button-prev-ba{background-image: url("../img/banner/bap2.png")}
.bap:hover{background-color: rgba(254,72,13,0.9)}
.swiper-button-next-ba:hover{background-image: url("../img/banner/ban1.png")}
.swiper-button-prev-ba:hover{background-image: url("../img/banner/bap1.png")}

/**/
.margintop{margin-top: 4%;}
/*关于我们*/
.iabout{padding: 3% 0 4% 0;background-color: #f5f5f5;}
.iabout-l .indexp{margin-top: 8%}
.indexp .p1{font-size: 24px;color: #005bac;font-weight: bolder;}
.indexp .p2{color: #333;font-size: 40px;}
.indexp .p3{display: block;width: 65px;height: 3px;background: #005bac;margin-top: 30px}
.iabout-l-more{margin-top: 10%;}
.iabout-l-more a{display: inline-block;padding: 1.5% 7%;background: #005bac;border: 2px solid #005bac;font-size: 16px;
color: #fff;}
.iabout-l-more a:hover{background:#fff;color: #005bac;border-radius: 0px;}
.iabout-l{width: 50%;float: left;background-position:right bottom;background-repeat: no-repeat;background-size: 30%;
    background-image: url("../img/abbg.png");}
.iabout-r{width: 46%;float: right;max-width: 700px}
.iabout-r img{display: block;width: 100%;margin-top: 15%}
.iabout-l-con{margin-top: 8%;box-sizing: border-box;padding-right: 5%}
.iabout-l-con p{margin-top: 2%;line-height: 1.8;font-size: 15px;color: #333;text-indent: 2em;}

/*案例*/
.big-title .p1{text-align: center;font-size: 36px;color: #333;}
.big-title .p2{text-align: center;font-size: 16px;color: #666;margin-top: 1.5%;font-weight: lighter;}
.big-title .p2 span{color: #ccc}
/*.icases{background: #eee;padding: 30px 0;}*/
.icases-l-i{margin-top: 3%}
.icases-l li{width: 23.5%;float: left;margin-right:2%;box-shadow: 3px 2px 10px rgba(0,0,0,0.15)}
.icases-l li:nth-child(4n){margin-right: 0;position: relative;}
.icases-l li:nth-child(n+5){margin-top: 3%;}
.icases-l li a{display: block;width: 100%;overflow: hidden}
.icases-l li a .i{width: 100%;height:16vw;max-height: 290px;position: relative;}
.icases-l li a .i img{display: block;width: 100%;height: 100%;object-fit: cover;}
.icases-l li a .t{padding: 4.5% 5%;font-size: 16px;color: #333;text-align: left;}
.icases-l li a .t1{padding: 0% 5% 0.1% 5%;font-size: 14px;color: #666;text-align: left;
min-height: 47px;overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.icases-l li a .c-line{width: 100%;height: 5px;background: #005bac;position: relative;transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    -moz-transform: translateX(-101%);
    -webkit-transform: translateX(-101%);
    -o-transform: translateX(-101%);}

.icases-l li:hover{
    box-shadow: 3px 2px 15px rgba(0,0,0,0.3)
}
.icases-l li a:hover .i img{transform: scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
}
.icases-l li a:hover .c-line{transform: translateX(0);
    -ms-transform: translateX(-0%);
    -moz-transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
    -o-transform: translateX(-0%);}
/*宗旨*/
.zongzhi{background-repeat: no-repeat;background-size: cover;background-position: center;padding: 3% 0;
    background-image: url("../img/ysbg.jpg");background-attachment: fixed;}
.zz-title .p1{font-size:36px;text-align: center;color: #fff;line-height: 2.0;font-weight: lighter;}
/*环境*/
.huanjing{margin-top: 3%;}
.huanjing li{width: 15%;float: left;margin-right: 2%;}
.huanjing li:nth-child(4n){margin-right: 0;}
.huanjing li a{display: block;width: 100%;}
.huanjing li a .i{width: 100%;height: 15vw;position: relative;}
.huanjing li a .i img{display: block;width: 100%;height: 100%;object-fit: cover;}
.huanjing li a .i .kuang2{position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;top: 0;box-sizing: border-box;opacity: 0;
background: #fff;}
.huanjing li a:hover .i img{transform: scale(1.2);
    -ms-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
}
.huanjing li a:hover .i .kuang2{transform: scale(0.85);
    -ms-transform:scale(0.85);
    -moz-transform:scale(0.85);
    -webkit-transform:scale(0.85);
    -o-transform:scale(0.85);
    opacity: 0.25;
}

/*合作客户*/
.bt-hezuo .p1{text-align: center;
    color: #000000;
    font-size: 30px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bolder;
    white-space: nowrap;
    transform: scaleY(1.3);
    -ms-transform: scaleY(1.3);
    -moz-transform: scaleY(1.3);
    -webkit-transform: scaleY(1.3);
    -o-transform: scaleY(1.3);}
.bt-hezuo .p2{color: #333;font-size: 24px;text-align: center;}

/*新闻资讯*/
.snewsi{margin-top: 2%}
.snews li{padding: 2% 0;border-bottom: 1px solid #eee;}
.snews a{display: block;width: 100%;}
.snews a .i{display: block;width: 25%;height: 15vw;overflow: hidden;position: relative;
box-sizing: border-box;border: 1px solid #eee;float: left;}
.snews a .t{width: 75%;float: right;padding-left: 3%;box-sizing: border-box}
.snews a .t .p1{font-size: 20px;color: #333;font-weight: bold;margin-top: 1%}
.snews a .t .p2{font-size: 14px;color: #888;line-height: 1.6;margin-top: 1.5%;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2; /* 这里是超出几行省略 */
    overflow: hidden;}
.snews a .t .p4{font-size: 14px;line-height: 1.6;margin-top: 1%;color: #aaa;font-weight: lighter;}
.snews a .t .p4 span{}
.snews a .t .p3{margin-top: 2%;}
.snews a .t .p3 span{display: inline-block;border: 1px solid #ddd;padding: 1% 3%;font-size: 14px;color: #005bac}


.snews a:hover .i img{transform: scale(1.15);
    -ms-transform:scale(1.15);
    -moz-transform: scale(1.15);
    -webkit-transform:scale(1.15);
    -o-transform: scale(1.15);
}
.snews a:hover .t .p3 span{background: #005bac;color: #fff;border-color: #005bac;}
.snews a:hover .t .p1{color: #005bac}
.i-news{margin-bottom: 5%}
    /*底部*/
.footer{padding: 3% 0;background: #005bac url("../img/footbg.jpg") top no-repeat;background-size: cover}
.footer-l{width: 30%;float: left;}
.flogo{display: block;}
.flogo img{display: block;max-width: 100%;}
.footer-l-lian{margin-top: 7%;}
.footer-l-lian li{font-size: 14px;color: rgba(255,255,255,0.7);margin-top: 2%}
.footer-l-lian li a{color: rgba(255,255,255,0.7);font-weight: bolder;font-size: 14px;}
.footer-l-code{margin-top: 7%}
.footer-l-code li{width: 40%;float: left;max-width: 140px;margin-right: 5%;}
.footer-l-code li .i{width: 100%;}
.footer-l-code li .i img{display: block;width: 100%;}
.footer-l-code li .p{font-size: 14px;color: rgba(255,255,255,0.7);text-align: center;margin-top: 8px;}
.footer-r{width: 68%;float: right;margin-top: 2%}
.footer-r li{width: 20%;float: left;}
.footer-r li .p1{color:rgba(255,255,255,0.99);font-size: 24px;font-weight: bolder;text-align: center;
margin-bottom: 10%;}
.footer-r li a{display: block;font-size: 14px;color:rgba(255,255,255,0.8);text-align: center;
padding: 4% 0}
.footer-r li a:hover{color: #fff;font-weight: bolder;}
/*内页小banner*/
.sb-banner{padding-bottom: 10%;background-position: center;background-size: cover;background-repeat: no-repeat;
background-image: url("../img/ysbg.jpg");overflow: hidden;position: relative;}
.sb-banner .p1{color: #fff;text-align: center;margin-top: 12%;font-size: 40px;}

.sbread{position: absolute;bottom: 0;left: 0;}
.sbread-s{padding: 10px 15px;background: rgba(0,0,0,0.3);color: #fff;font-size: 14px;}
.sbread-s a{font-size: 14px;color: #fff;}

.mainbox-content{padding: 4% 0}
.mainbox-bg{background: #f5f5f5}
.main-left{width: 23%;float: left}
#sidebar{width: 100%}
#sidebar .side-t{padding: 15px;background: #eee;color: #005bac;font-size: 20px;text-align: center;font-weight: bold;}
.side-ul{margin-top: 2%;}
.side-ul li{border-bottom: 1px solid #eee;}
.side-ul li:nth-child(n+2){margin-top: 5px}
.side-ul li a{display: block;width: 100%;padding: 5% 5%;box-sizing: border-box;background: #fff;font-size: 15px;color: #333;
border-left: 3px solid #fff}
.main-right{width: 75%;float: right;padding: 2%;box-sizing: border-box;background: #fff;}
.side-ul li a:hover{color: #005bac;border-color: #005bac}
.side-ul li.xz a{color: #005bac;border-color: #005bac;font-weight: bold;}
/*关于我们*/
/*.com-info .p1{font-size: 24px;font-weight: bold;color: #333;}*/
.com-info .p-2{margin-top: 3%}
.com-info .p-2 p{color: #333;line-height: 1.8!important;margin: 10px 0;font-size: 16px;}
.com-info .p-2 .img{float: right;display: block;width: 40%;max-width: 500px;padding: 10px 0 2% 2%;}
.main-right-single h1{font-size: 24px;text-align: center;padding-bottom: 2%;border-bottom: 1px solid #eee;}
.main-right-single .sin-con{padding: 2% 0}
/*资质荣誉*/
.com-ho .honorlist{margin-top: 3%}
.honorlist li{width: 23%;float: left;margin-right: 2.66%;}
.honorlist li:nth-child(4n){margin-right: 0}
.honorlist li:nth-child(n+5){margin-top: 2%;}
.caseslist a{display: block;width: 100%;}
.honorlist a .i{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;}
.honorlist a .t{width: 100%;padding: 3% 2%;text-align: center;background: #f1f1f1;box-sizing: border-box;
    =color: #434343;font-size: 14px;}
.honorlist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.honorlist a:hover .t{color: #005bac;}


.other-news{background: #fff;padding: 4% 5%;box-sizing: border-box;}
.other-news li:nth-child(n+2){margin-top: 5%}
.other-news li a{display: block;width: 100%;}
.other-news li a .i{width: 100%;height: 11vw;}
.other-news li a .t{padding: 3%;box-sizing: border-box;background: #f5f5f5;font-size: 14px;color: #333;text-align: center;}
.other-news li a:hover .t{color: #005bac}
.other-title{font-size: 30px;text-align: center;margin-top: 2%;padding: 2% 0;}
.other-show{display: none;}
.news-info-title{border-bottom: 1px solid #ddd;padding-bottom: 2%;}
.news-info-title h1{font-size: 24px;text-align: center;}
.news-info-title p{font-size: 15px;color: #999;text-align: center;margin-top: 10px;}
.catetype{text-align: center;margin-bottom: 2%}
.catetype[data=long]{text-align: left;}
.catetype a{display: inline-block;padding: 0.8% 3%;border: 1px solid #ddd;color: #005bac;font-size: 16px;margin: 8px 1%}
.catetype a:hover{background: #ddd;border-color: #ddd;}
.catetype a[data=xz]{background: #ddd;border-color: #ddd;}

/*联系我们*/
#allmap{width: 100%;height: 30vw;box-sizing: border-box;border: 1px solid #ddd;margin-top: 2%;min-height: 450px;}
.lianxi-lian li{font-size: 16px;padding: 0.3% 0}
.catetype-i{margin-top: 2%;margin-bottom: 0!important;}



/*手机头部*/
/*手机菜单*/
.logo-menu-tips{display: none;position: absolute;width: 70px;height: 70px;position: absolute;right: 0;top: 0;z-index: 11;cursor: pointer;
    background-image: url("../img/menu.png");background-size: auto;background-position: center;background-repeat: no-repeat;}
.headers-duan .logo-menu-tips{background-image: url("../img/menu1.png");}

.logo-menu-tips-s{background-image: url("../img/close.png");}
.headers-duan  .logo-menu-tips-s{background-image: url("../img/close1.png");}




.hide-menu{width: 250px;height: 100%;position: fixed;background: #fff;right: -250px;opacity: 1;top: 70px;z-index: 99;
    overflow-y: scroll}
.hide-menus{transform: translateX(-250px)}


.hide-menu li:nth-child(1){margin-top: 10px;}
.hide-menu li{border-bottom: 1px solid #eee;width: 200px;margin: 0 auto}
.hide-menu li a{display: block;padding: 10px 0 8px 30px;background: #fff;font-size: 16px;color: #333;
    background: url("../img/huan.png") left 10px center no-repeat;}
.hide-menu li a:hover{color: #005bac}
.hide-menu li a[flag=xz]{color: #005bac;font-weight: bold}

.m-menu .xiala{padding-left: 10%;}
.m-menu .xiala a{padding: 5px 0 5px 20px;background: none;font-size: 14px;color: #666;}
.m-menu .xiala dt.xz a{color: #005bac;font-weight: bold;}
.m-menu li[data=xz] a.a1{color: #005bac;font-weight: bold;}
.icases-l-nei li,.honorlist-nei li{display: block!important;}



/*筛选样式*/
.shaixuan{background: #eee;padding: 20px;box-sizing: border-box;margin-bottom: 2%;}
.floor a{display: inline-block;margin: 5px 5px;padding: 5px 10px;background: #fff;font-size: 14px;min-width: 55px;text-align: center;color: #333;
border: 1px solid #fff;}
.floor a:hover{background: #005bac;color: #fff;}
.floor a[data=xz]{background: #005bac;color: #fff;}

.shaixuan .floor:nth-child(1){padding-bottom: 15px;border-bottom: 2px solid #ddd;}
.shaixuan .floor:nth-child(2){padding-top: 15px;}

.erimg{margin-top: 2%;text-align: center}
.erimg img{
    display: inline-block;margin: 0 auto;width: 100%;}



.icases-l.linian li a .i img{object-fit: contain}